diff --git a/review/refactor-icon-update/annotations/annotations.js b/review/refactor-icon-update/annotations/annotations.js
new file mode 100644
index 0000000000..a833d8eeaa
--- /dev/null
+++ b/review/refactor-icon-update/annotations/annotations.js
@@ -0,0 +1 @@
+var comments = { "comments" : []};
\ No newline at end of file
diff --git a/review/refactor-icon-update/css/dialog-polyfill.css b/review/refactor-icon-update/css/dialog-polyfill.css
new file mode 100644
index 0000000000..6b38bf08b0
--- /dev/null
+++ b/review/refactor-icon-update/css/dialog-polyfill.css
@@ -0,0 +1,37 @@
+dialog {
+  position: absolute;
+  left: 0; right: 0;
+  width: -moz-fit-content;
+  width: -webkit-fit-content;
+  width: fit-content;
+  height: -moz-fit-content;
+  height: -webkit-fit-content;
+  height: fit-content;
+  margin: auto;
+  border: solid;
+  padding: 1em;
+  background: white;
+  color: black;
+  display: block;
+}
+
+dialog:not([open]) {
+  display: none;
+}
+
+dialog + .backdrop {
+  position: fixed;
+  top: 0; right: 0; bottom: 0; left: 0;
+  background: rgba(0,0,0,0.1);
+}
+
+._dialog_overlay {
+  position: fixed;
+  top: 0; right: 0; bottom: 0; left: 0;
+}
+
+dialog.fixed {
+  position: fixed;
+  top: 50%;
+  transform: translate(0, -50%);
+}
\ No newline at end of file
diff --git a/review/refactor-icon-update/css/enterprise/db-ui-core-include.css b/review/refactor-icon-update/css/enterprise/db-ui-core-include.css
new file mode 100644
index 0000000000..32d3e970e5
--- /dev/null
+++ b/review/refactor-icon-update/css/enterprise/db-ui-core-include.css
@@ -0,0 +1,2 @@
+:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}body,html{margin:0;padding:0}body{min-height:100vh}html{background-color:#fdfdfd;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%}body,button,input,optgroup,select,textarea{font-family:DB Screen Sans,Helvetica,Arial,sans-serif}code,pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto}body{font-size:1rem;font-weight:400;line-height:1.5}a,body{color:#282d37}a strong{color:currentColor}a:hover{color:#5d616a}a:focus-visible{color:#5d616a}code{color:#e20015;font-size:.875em;font-weight:400;padding:.25em .5em}code,hr{background-color:#f5f5f5}hr{border:none;display:block;height:2px;margin:1.5rem 0}img{height:auto;max-width:100%}small{font-size:.875em}fieldset{border:none}pre{background-color:#f5f5f5;color:#282d37;font-size:.875em;-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1.25rem 1.5rem;white-space:pre;word-wrap:normal}pre code{background-color:transparent;color:currentColor;font-size:1em;padding:0}html{box-sizing:var(--db-box-sizing,border-box)}*,:after,:before{box-sizing:inherit}embed,iframe,img,object,video{height:auto;max-width:100%}iframe{border:0}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");margin:0;padding:0}:root{--db-focus-outline-offset:1px;--db-focus-outline-color:#2c95c4}:is(a,button,input,textarea,summary){--db-focus-outline-size:max(2px,0.08em)}:is(a,button,input,textarea,summary):focus-visible{outline:var(--db-focus-outline-size) var(--db-focus-outline-style,solid) var(--db-focus-outline-color,currentColor);outline-offset:var(--db-focus-outline-offset,var(--db-focus-outline-size))}:where(ul){list-style-type:"•   "}:where(ul) li::marker{color:#ec0016}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}.cmp-notification>em,.cmp-pagination .elm-headline,.cmp-tab-bar>*>input[type=radio],.cmp-tab-bar>input[type=radio],.elm-checkbox+label[data-label-hidden=true],.elm-chip[type=checkbox],.elm-chip[type=radio],.elm-input[type=color]+[data-label-hidden=true].elm-label,.elm-input[type=date]+[data-label-hidden=true].elm-label,.elm-input[type=datetime-local]+[data-label-hidden=true].elm-label,.elm-input[type=email]+[data-label-hidden=true].elm-label,.elm-input[type=month]+[data-label-hidden=true].elm-label,.elm-input[type=number]+[data-label-hidden=true].elm-label,.elm-input[type=password]+[data-label-hidden=true].elm-label,.elm-input[type=tel]+[data-label-hidden=true].elm-label,.elm-input[type=text]+[data-label-hidden=true].elm-label,.elm-input[type=time]+[data-label-hidden=true].elm-label,.elm-input[type=url]+[data-label-hidden=true].elm-label,.elm-input[type=week]+[data-label-hidden=true].elm-label,.elm-radio+label[data-label-hidden=true],.elm-select+[data-label-hidden=true].elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+[data-label-hidden=true].elm-label,[data-label-hidden=true].elm-label:has(+.elm-textarea){clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute!important;white-space:nowrap;width:1px}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:local("DB Screen Head Light"),local("DB Screen Head Light"),local("DB Head Light"),url(~@db-ui/core/dist/fonts/dbscreenhead-light.woff2?4r0080) format("woff2"),url(~@db-ui/core/dist/fonts/dbscreenhead-light.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:400;src:local("DB Screen Head Regular"),local("DB Screen Head"),local("DB Head"),url(~@db-ui/core/dist/fonts/dbscreenhead-regular.woff2?4r0080) format("woff2"),url(~@db-ui/core/dist/fonts/dbscreenhead-regular.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:local("DB Screen Head Black"),local("DB Screen Head Black"),local("DB Head Black"),url(~@db-ui/core/dist/fonts/dbscreenhead-black.woff2?4r0080) format("woff2"),url(~@db-ui/core/dist/fonts/dbscreenhead-black.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans Digital Regular;font-style:normal;font-weight:400;src:local("DB Screen Sans Digital Regular"),local("DB Screen Sans Digital"),local("DB Sans Digital"),url(~@db-ui/core/dist/fonts/dbscreensans-digitalregular.woff2?4r0080) format("woff2"),url(~@db-ui/core/dist/fonts/dbscreensans-digitalregular.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:local("DB Screen Sans Regular"),local("DB Screen Sans"),local("DB Sans"),url(~@db-ui/core/dist/fonts/dbscreensans-regular.woff2?4r0080) format("woff2"),url(~@db-ui/core/dist/fonts/dbscreensans-regular.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:500;src:local("DB Screen Sans Medium"),url(~@db-ui/core/dist/fonts/dbscreensans-medium.woff2?4r0080) format("woff2"),url(~@db-ui/core/dist/fonts/dbscreensans-medium.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:600;src:local("DB Screen Sans Semibold"),url(~@db-ui/core/dist/fonts/dbscreensans-semibold.woff2?4r0080) format("woff2"),url(~@db-ui/core/dist/fonts/dbscreensans-semibold.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:local("DB Screen Sans Bold"),local("DB Screen Sans Bold"),local("DB Sans Bold"),url(~@db-ui/core/dist/fonts/dbscreensans-bold.woff2?4r0080) format("woff2"),url(~@db-ui/core/dist/fonts/dbscreensans-bold.woff?4r0080) format("woff")}[data-icon-before=account],[data-icon=account]{--icon-glyph-before:"󡈡"}[data-icon-after=account]{--icon-glyph-after:"󡈡"}[data-icon-before=add],[data-icon=add]{--icon-glyph-before:"+"}[data-icon-after=add]{--icon-glyph-after:"+"}[data-icon-before=add-circle],[data-icon=add-circle]{--icon-glyph-before:"⊕"}[data-icon-after=add-circle]{--icon-glyph-after:"⊕"}[data-icon-before=air-condition],[data-icon=air-condition]{--icon-glyph-before:"❄"}[data-icon-after=air-condition]{--icon-glyph-after:"❄"}[data-icon-before=alarm],[data-icon=alarm]{--icon-glyph-before:"󡉄"}[data-icon-after=alarm]{--icon-glyph-after:"󡉄"}[data-icon-before=alarm-add],[data-icon=alarm-add]{--icon-glyph-before:"󡁢"}[data-icon-after=alarm-add]{--icon-glyph-after:"󡁢"}[data-icon-before=alert],[data-icon=alert]{--icon-glyph-before:"󡈢"}[data-icon-after=alert]{--icon-glyph-after:"󡈢"}[data-icon-before=alert-off],[data-icon=alert-off]{--icon-glyph-before:"󡉃"}[data-icon-after=alert-off]{--icon-glyph-after:"󡉃"}[data-icon-before=railroad-car],[data-icon=railroad-car]{--icon-glyph-before:"󡆓"}[data-icon-after=railroad-car]{--icon-glyph-after:"󡆓"}[data-icon-before=calendar],[data-icon=calendar]{--icon-glyph-before:"󡉇"}[data-icon-after=calendar]{--icon-glyph-after:"󡉇"}[data-icon-before=check-circle],[data-icon=check-circle]{--icon-glyph-before:"󡈠"}[data-icon-after=check-circle]{--icon-glyph-after:"󡈠"}[data-icon-before=credit-card],[data-icon=credit-card]{--icon-glyph-before:"󡈦"}[data-icon-after=credit-card]{--icon-glyph-after:"󡈦"}[data-icon-before=delete],[data-icon=delete]{--icon-glyph-before:"🗑"}[data-icon-after=delete]{--icon-glyph-after:"🗑"}[data-icon-before=discount],[data-icon=discount]{--icon-glyph-before:"󡁦"}[data-icon-after=discount]{--icon-glyph-after:"󡁦"}[data-icon-before=document],[data-icon=document]{--icon-glyph-before:"🖹"}[data-icon-after=document]{--icon-glyph-after:"🖹"}[data-icon-before=done],[data-icon=done]{--icon-glyph-before:"✓"}[data-icon-after=done]{--icon-glyph-after:"✓"}[data-icon-before=download],[data-icon=download]{--icon-glyph-before:"⭳"}[data-icon-after=download]{--icon-glyph-after:"⭳"}[data-icon-before=edit],[data-icon=edit]{--icon-glyph-before:"✏"}[data-icon-after=edit]{--icon-glyph-after:"✏"}[data-icon-before=filter],[data-icon=filter]{--icon-glyph-before:"󡁩"}[data-icon-after=filter]{--icon-glyph-after:"󡁩"}[data-icon-before=generic-card],[data-icon=generic-card]{--icon-glyph-before:"󡁰"}[data-icon-after=generic-card]{--icon-glyph-after:"󡁰"}[data-icon-before=giftcard],[data-icon=giftcard]{--icon-glyph-before:"󡉐"}[data-icon-after=giftcard]{--icon-glyph-after:"󡉐"}[data-icon-before=heart],[data-icon=heart]{--icon-glyph-before:"♡"}[data-icon-after=heart]{--icon-glyph-after:"♡"}[data-icon-before=help],[data-icon=help]{--icon-glyph-before:"?"}[data-icon-after=help]{--icon-glyph-after:"?"}[data-icon-before=info],[data-icon=info]{--icon-glyph-before:"🛈"}[data-icon-after=info]{--icon-glyph-after:"🛈"}[data-icon-before=legal],[data-icon=legal]{--icon-glyph-before:"§"}[data-icon-after=legal]{--icon-glyph-after:"§"}[data-icon-before=log-out],[data-icon=log-out]{--icon-glyph-before:"↦"}[data-icon-after=log-out]{--icon-glyph-after:"↦"}[data-icon-before=minus],[data-icon=minus]{--icon-glyph-before:"−"}[data-icon-after=minus]{--icon-glyph-after:"−"}[data-icon-before=print],[data-icon=print]{--icon-glyph-before:"🖨"}[data-icon-after=print]{--icon-glyph-after:"🖨"}[data-icon-before=remove],[data-icon=remove]{--icon-glyph-before:"⊝"}[data-icon-after=remove]{--icon-glyph-after:"⊝"}[data-icon-before=schedule],[data-icon=schedule]{--icon-glyph-before:"󡈳"}[data-icon-after=schedule]{--icon-glyph-after:"󡈳"}[data-icon-before=search],[data-icon=search]{--icon-glyph-before:"󡉔"}[data-icon-after=search]{--icon-glyph-after:"󡉔"}[data-icon-before=send],[data-icon=send]{--icon-glyph-before:"◹"}[data-icon-after=send]{--icon-glyph-after:"◹"}[data-icon-before=settings],[data-icon=settings]{--icon-glyph-before:"⚙"}[data-icon-after=settings]{--icon-glyph-after:"⚙"}[data-icon-before=share],[data-icon=share]{--icon-glyph-before:"󡁷"}[data-icon-after=share]{--icon-glyph-after:"󡁷"}[data-icon-before=shopping-bag],[data-icon=shopping-bag]{--icon-glyph-before:"🛍"}[data-icon-after=shopping-bag]{--icon-glyph-after:"🛍"}[data-icon-before=shopping-basket],[data-icon=shopping-basket]{--icon-glyph-before:"󡁹"}[data-icon-after=shopping-basket]{--icon-glyph-after:"󡁹"}[data-icon-before=shopping-cart],[data-icon=shopping-cart]{--icon-glyph-before:"󡉕"}[data-icon-after=shopping-cart]{--icon-glyph-after:"󡉕"}[data-icon-before=star],[data-icon=star]{--icon-glyph-before:"☆"}[data-icon-after=star]{--icon-glyph-after:"☆"}[data-icon-before=swap-horizontal],[data-icon=swap-horizontal]{--icon-glyph-before:"⇆"}[data-icon-after=swap-horizontal]{--icon-glyph-after:"⇆"}[data-icon-before=swap-vertical],[data-icon=swap-vertical]{--icon-glyph-before:"⇵"}[data-icon-after=swap-vertical]{--icon-glyph-after:"⇵"}[data-icon-before=upload],[data-icon=upload]{--icon-glyph-before:"󡂁"}[data-icon-after=upload]{--icon-glyph-after:"󡂁"}[data-icon-before=visibility],[data-icon=visibility]{--icon-glyph-before:"👁"}[data-icon-after=visibility]{--icon-glyph-after:"👁"}[data-icon-before=visibility-off],[data-icon=visibility-off]{--icon-glyph-before:"󡂂"}[data-icon-after=visibility-off]{--icon-glyph-after:"󡂂"}[data-icon-before=website],[data-icon=website]{--icon-glyph-before:"󡉘"}[data-icon-after=website]{--icon-glyph-after:"󡉘"}[data-icon-before=zoom-in],[data-icon=zoom-in]{--icon-glyph-before:"󡂃"}[data-icon-after=zoom-in]{--icon-glyph-after:"󡂃"}[data-icon-before=bicycle-trailer],[data-icon=bicycle-trailer]{--icon-glyph-before:"󡆒"}[data-icon-after=bicycle-trailer]{--icon-glyph-after:"󡆒"}[data-icon-before=zoom-out],[data-icon=zoom-out]{--icon-glyph-before:"󡂄"}[data-icon-after=zoom-out]{--icon-glyph-after:"󡂄"}[data-icon-before=fast-backward-10],[data-icon=fast-backward-10]{--icon-glyph-before:"󡂅"}[data-icon-after=fast-backward-10]{--icon-glyph-after:"󡂅"}[data-icon-before=fast-backward-30],[data-icon=fast-backward-30]{--icon-glyph-before:"󡂆"}[data-icon-after=fast-backward-30]{--icon-glyph-after:"󡂆"}[data-icon-before=fast-backward-empty],[data-icon=fast-backward-empty]{--icon-glyph-before:"⤺"}[data-icon-after=fast-backward-empty]{--icon-glyph-after:"⤺"}[data-icon-before=fast-forward-10],[data-icon=fast-forward-10]{--icon-glyph-before:"󡂇"}[data-icon-after=fast-forward-10]{--icon-glyph-after:"󡂇"}[data-icon-before=fast-forward-30],[data-icon=fast-forward-30]{--icon-glyph-before:"󡂈"}[data-icon-after=fast-forward-30]{--icon-glyph-after:"󡂈"}[data-icon-before=fast-forward-empty],[data-icon=fast-forward-empty]{--icon-glyph-before:"⤻"}[data-icon-after=fast-forward-empty]{--icon-glyph-after:"⤻"}[data-icon-before=pause],[data-icon=pause]{--icon-glyph-before:"⏸"}[data-icon-after=pause]{--icon-glyph-after:"⏸"}[data-icon-before=play],[data-icon=play]{--icon-glyph-before:"▷"}[data-icon-after=play]{--icon-glyph-after:"▷"}[data-icon-before=skip-backward],[data-icon=skip-backward]{--icon-glyph-before:"⏮"}[data-icon-after=skip-backward]{--icon-glyph-after:"⏮"}[data-icon-before=skip-forward],[data-icon=skip-forward]{--icon-glyph-before:"⏭"}[data-icon-after=skip-forward]{--icon-glyph-after:"⏭"}[data-icon-before=stop],[data-icon=stop]{--icon-glyph-before:"□"}[data-icon-after=stop]{--icon-glyph-after:"□"}[data-icon-before=subway],[data-icon=subway]{--icon-glyph-before:"󡈇"}[data-icon-after=subway]{--icon-glyph-after:"󡈇"}[data-icon-before=subtitles],[data-icon=subtitles]{--icon-glyph-before:"󡂑"}[data-icon-after=subtitles]{--icon-glyph-after:"󡂑"}[data-icon-before=dog],[data-icon=dog]{--icon-glyph-before:"󡊙"}[data-icon-after=dog]{--icon-glyph-after:"󡊙"}[data-icon-before=volume-down],[data-icon=volume-down]{--icon-glyph-before:"󡉙"}[data-icon-after=volume-down]{--icon-glyph-after:"󡉙"}[data-icon-before=volume-mute],[data-icon=volume-mute]{--icon-glyph-before:"󡉠"}[data-icon-after=volume-mute]{--icon-glyph-after:"󡉠"}[data-icon-before=volume-off],[data-icon=volume-off]{--icon-glyph-before:"󡉡"}[data-icon-after=volume-off]{--icon-glyph-after:"󡉡"}[data-icon-before=volume-up],[data-icon=volume-up]{--icon-glyph-before:"󡉢"}[data-icon-after=volume-up]{--icon-glyph-after:"󡉢"}[data-icon-before=call],[data-icon=call]{--icon-glyph-before:"󡈵"}[data-icon-after=call]{--icon-glyph-after:"󡈵"}[data-icon-before=chat],[data-icon=chat]{--icon-glyph-before:"󡈶"}[data-icon-after=chat]{--icon-glyph-after:"󡈶"}[data-icon-before=conversation],[data-icon=conversation]{--icon-glyph-before:"󡂕"}[data-icon-after=conversation]{--icon-glyph-after:"󡂕"}[data-icon-before=fax],[data-icon=fax]{--icon-glyph-before:"🖷"}[data-icon-after=fax]{--icon-glyph-after:"🖷"}[data-icon-before=qr-code-scan],[data-icon=qr-code-scan]{--icon-glyph-before:"󡊘"}[data-icon-after=qr-code-scan]{--icon-glyph-after:"󡊘"}[data-icon-before=feedback],[data-icon=feedback]{--icon-glyph-before:"⍰"}[data-icon-after=feedback]{--icon-glyph-after:"⍰"}[data-icon-before=mail],[data-icon=mail]{--icon-glyph-before:"✉"}[data-icon-after=mail]{--icon-glyph-after:"✉"}[data-icon-before=mobile-off],[data-icon=mobile-off]{--icon-glyph-before:"󡉤"}[data-icon-after=mobile-off]{--icon-glyph-after:"󡉤"}[data-icon-before=mobile-phone],[data-icon=mobile-phone]{--icon-glyph-before:"󡉣"}[data-icon-after=mobile-phone]{--icon-glyph-after:"󡉣"}[data-icon-before=wifi],[data-icon=wifi]{--icon-glyph-before:"󡂘"}[data-icon-after=wifi]{--icon-glyph-after:"󡂘"}[data-icon-before=wifi-off],[data-icon=wifi-off]{--icon-glyph-before:"󡅉"}[data-icon-after=wifi-off]{--icon-glyph-after:"󡅉"}[data-icon-before=mask],[data-icon=mask]{--icon-glyph-before:"󡉥"}[data-icon-after=mask]{--icon-glyph-after:"󡉥"}[data-icon-before=wc],[data-icon=wc]{--icon-glyph-before:"󡉩"}[data-icon-after=wc]{--icon-glyph-after:"󡉩"}[data-icon-before=wc-men],[data-icon=wc-men]{--icon-glyph-before:"󡉰"}[data-icon-after=wc-men]{--icon-glyph-after:"󡉰"}[data-icon-before=wc-sign],[data-icon=wc-sign]{--icon-glyph-before:"󡉱"}[data-icon-after=wc-sign]{--icon-glyph-after:"󡉱"}[data-icon-before=wc-woman],[data-icon=wc-woman]{--icon-glyph-before:"󡉲"}[data-icon-after=wc-woman]{--icon-glyph-after:"󡉲"}[data-icon-before=entry-aid],[data-icon=entry-aid]{--icon-glyph-before:"󡅐"}[data-icon-after=entry-aid]{--icon-glyph-after:"󡅐"}[data-icon-before=luggage-rack],[data-icon=luggage-rack]{--icon-glyph-before:"󡉵"}[data-icon-after=luggage-rack]{--icon-glyph-after:"󡉵"}[data-icon-before=medical],[data-icon=medical]{--icon-glyph-before:"✚"}[data-icon-after=medical]{--icon-glyph-after:"✚"}[data-icon-before=power-outlet],[data-icon=power-outlet]{--icon-glyph-before:"󡉸"}[data-icon-after=power-outlet]{--icon-glyph-after:"󡉸"}[data-icon-before=coffee-cup],[data-icon=coffee-cup]{--icon-glyph-before:"󡈷"}[data-icon-after=coffee-cup]{--icon-glyph-after:"󡈷"}[data-icon-before=drink],[data-icon=drink]{--icon-glyph-before:"󡄁"}[data-icon-after=drink]{--icon-glyph-after:"󡄁"}[data-icon-before=restaurant],[data-icon=restaurant]{--icon-glyph-before:"🍽"}[data-icon-after=restaurant]{--icon-glyph-after:"🍽"}[data-icon-before="1st-class"],[data-icon="1st-class"]{--icon-glyph-before:"⒈"}[data-icon-after="1st-class"]{--icon-glyph-after:"⒈"}[data-icon-before="2nd-class"],[data-icon="2nd-class"]{--icon-glyph-before:"⒉"}[data-icon-after="2nd-class"]{--icon-glyph-after:"⒉"}[data-icon-before=alternative-connection],[data-icon=alternative-connection]{--icon-glyph-before:"󡄂"}[data-icon-after=alternative-connection]{--icon-glyph-after:"󡄂"}[data-icon-before=booking],[data-icon=booking]{--icon-glyph-before:"󡄃"}[data-icon-after=booking]{--icon-glyph-after:"󡄃"}[data-icon-before=capacity-indicator],[data-icon=capacity-indicator]{--icon-glyph-before:"󡄄"}[data-icon-after=capacity-indicator]{--icon-glyph-after:"󡄄"}[data-icon-before=scooter],[data-icon=scooter]{--icon-glyph-before:"󡈄"}[data-icon-after=scooter]{--icon-glyph-after:"󡈄"}[data-icon-before=capacity-indicator-fully-booked],[data-icon=capacity-indicator-fully-booked]{--icon-glyph-before:"󡄆"}[data-icon-after=capacity-indicator-fully-booked]{--icon-glyph-after:"󡄆"}[data-icon-before=capacity-indicator-high],[data-icon=capacity-indicator-high]{--icon-glyph-before:"󡄈"}[data-icon-after=capacity-indicator-high]{--icon-glyph-after:"󡄈"}[data-icon-before=capacity-indicator-low],[data-icon=capacity-indicator-low]{--icon-glyph-before:"󡄐"}[data-icon-after=capacity-indicator-low]{--icon-glyph-after:"󡄐"}[data-icon-before=destination],[data-icon=destination]{--icon-glyph-before:"󡈸"}[data-icon-after=destination]{--icon-glyph-after:"󡈸"}[data-icon-before=intermediary-stop],[data-icon=intermediary-stop]{--icon-glyph-before:"󡄓"}[data-icon-after=intermediary-stop]{--icon-glyph-after:"󡄓"}[data-icon-before=round-trip],[data-icon=round-trip]{--icon-glyph-before:"⮔"}[data-icon-after=round-trip]{--icon-glyph-after:"⮔"}[data-icon-before=single-trip],[data-icon=single-trip]{--icon-glyph-before:"⤞"}[data-icon-after=single-trip]{--icon-glyph-after:"⤞"}[data-icon-before=start],[data-icon=start]{--icon-glyph-before:"⦿"}[data-icon-after=start]{--icon-glyph-after:"⦿"}[data-icon-before=home],[data-icon=home]{--icon-glyph-before:"⌂"}[data-icon-after=home]{--icon-glyph-after:"⌂"}[data-icon-before=map],[data-icon=map]{--icon-glyph-before:"🗺"}[data-icon-after=map]{--icon-glyph-after:"🗺"}[data-icon-before=stop-sign],[data-icon=stop-sign]{--icon-glyph-before:"󡄕"}[data-icon-after=stop-sign]{--icon-glyph-after:"󡄕"}[data-icon-before=map-stop],[data-icon=map-stop]{--icon-glyph-before:"󡄕"}[data-icon-after=map-stop]{--icon-glyph-after:"󡄕"}[data-icon-before=travel-insurance],[data-icon=travel-insurance]{--icon-glyph-before:"󡆆"}[data-icon-after=travel-insurance]{--icon-glyph-after:"󡆆"}[data-icon-before=intercity-train],[data-icon=intercity-train]{--icon-glyph-before:"󡈖"}[data-icon-after=intercity-train]{--icon-glyph-after:"󡈖"}[data-icon-before=multiple-passenger],[data-icon=multiple-passenger]{--icon-glyph-before:"󡊆"}[data-icon-after=multiple-passenger]{--icon-glyph-after:"󡊆"}[data-icon-before=best-price],[data-icon=best-price]{--icon-glyph-before:"󡆅"}[data-icon-after=best-price]{--icon-glyph-after:"󡆅"}[data-icon-before=multiple-cards],[data-icon=multiple-cards]{--icon-glyph-before:"󡆄"}[data-icon-after=multiple-cards]{--icon-glyph-after:"󡆄"}[data-icon-before=bed],[data-icon=bed]{--icon-glyph-before:"🛏"}[data-icon-after=bed]{--icon-glyph-after:"🛏"}[data-icon-before=steppless-entry],[data-icon=steppless-entry]{--icon-glyph-before:"󡈗"}[data-icon-after=steppless-entry]{--icon-glyph-after:"󡈗"}[data-icon-before=ticket-subscription],[data-icon=ticket-subscription]{--icon-glyph-before:"󡈘"}[data-icon-after=ticket-subscription]{--icon-glyph-after:"󡈘"}[data-icon-before=walking-fast],[data-icon=walking-fast]{--icon-glyph-before:"󡈙"}[data-icon-after=walking-fast]{--icon-glyph-after:"󡈙"}[data-icon-before=aisle-not-available],[data-icon=aisle-not-available]{--icon-glyph-before:"󡆃"}[data-icon-after=aisle-not-available]{--icon-glyph-after:"󡆃"}[data-icon-before=station],[data-icon=station]{--icon-glyph-before:"󡆂"}[data-icon-after=station]{--icon-glyph-after:"󡆂"}[data-icon-before=parking],[data-icon=parking]{--icon-glyph-before:"🅿"}[data-icon-after=parking]{--icon-glyph-after:"🅿"}[data-icon-before=place],[data-icon=place]{--icon-glyph-before:"󡄖"}[data-icon-after=place]{--icon-glyph-after:"󡄖"}[data-icon-before=set-position],[data-icon=set-position]{--icon-glyph-before:"🞋"}[data-icon-after=set-position]{--icon-glyph-after:"🞋"}[data-icon-before=trainstation],[data-icon=trainstation]{--icon-glyph-before:"󡊀"}[data-icon-after=trainstation]{--icon-glyph-after:"󡊀"}[data-icon-before=train-station],[data-icon=train-station]{--icon-glyph-before:"󡊀"}[data-icon-after=train-station]{--icon-glyph-after:"󡊀"}[data-icon-before=couchette],[data-icon=couchette]{--icon-glyph-before:"󡆉"}[data-icon-after=couchette]{--icon-glyph-after:"󡆉"}[data-icon-before=arrow-back],[data-icon=arrow-back]{--icon-glyph-before:"←"}[data-icon-after=arrow-back]{--icon-glyph-after:"←"}[data-icon-before=arrow-down],[data-icon=arrow-down]{--icon-glyph-before:"↓"}[data-icon-after=arrow-down]{--icon-glyph-after:"↓"}[data-icon-before=arrow-forward],[data-icon=arrow-forward]{--icon-glyph-before:"→"}[data-icon-after=arrow-forward]{--icon-glyph-after:"→"}[data-icon-before=arrow-up],[data-icon=arrow-up]{--icon-glyph-before:"↑"}[data-icon-after=arrow-up]{--icon-glyph-after:"↑"}[data-icon-before=cancel],[data-icon=cancel]{--icon-glyph-before:"⮾"}[data-icon-after=cancel]{--icon-glyph-after:"⮾"}[data-icon-before=chevron-left],[data-icon=chevron-left]{--icon-glyph-before:"<"}[data-icon-after=chevron-left]{--icon-glyph-after:"<"}[data-icon-before=chevron-right],[data-icon=chevron-right]{--icon-glyph-before:">"}[data-icon-after=chevron-right]{--icon-glyph-after:">"}[data-icon-before=close],[data-icon=close]{--icon-glyph-before:"⨯"}[data-icon-after=close]{--icon-glyph-after:"⨯"}[data-icon-before=expand-less],[data-icon=expand-less]{--icon-glyph-before:"⌃"}[data-icon-after=expand-less]{--icon-glyph-after:"⌃"}[data-icon-before=carsharing],[data-icon=carsharing]{--icon-glyph-before:"󡆔"}[data-icon-after=carsharing]{--icon-glyph-after:"󡆔"}[data-icon-before=electric-locomotive],[data-icon=electric-locomotive]{--icon-glyph-before:"󡆕"}[data-icon-after=electric-locomotive]{--icon-glyph-after:"󡆕"}[data-icon-before=expand-more],[data-icon=expand-more]{--icon-glyph-before:"⌄"}[data-icon-after=expand-more]{--icon-glyph-after:"⌄"}[data-icon-before=fullscreen],[data-icon=fullscreen]{--icon-glyph-before:"󡄙"}[data-icon-after=fullscreen]{--icon-glyph-after:"󡄙"}[data-icon-before=fullscreen-exit],[data-icon=fullscreen-exit]{--icon-glyph-before:"󡄠"}[data-icon-after=fullscreen-exit]{--icon-glyph-after:"󡄠"}[data-icon-before=grid-view],[data-icon=grid-view]{--icon-glyph-before:"𐌎"}[data-icon-after=grid-view]{--icon-glyph-after:"𐌎"}[data-icon-before=link],[data-icon=link]{--icon-glyph-before:"🡢"}[data-icon-after=link]{--icon-glyph-after:"🡢"}[data-icon-before=link-external],[data-icon=link-external]{--icon-glyph-before:"🡥"}[data-icon-after=link-external]{--icon-glyph-after:"🡥"}[data-icon-before=list],[data-icon=list]{--icon-glyph-before:"󡄡"}[data-icon-after=list]{--icon-glyph-after:"󡄡"}[data-icon-before=menu],[data-icon=menu]{--icon-glyph-before:"󡄢"}[data-icon-after=menu]{--icon-glyph-after:"󡄢"}[data-icon-before=s-bahn],[data-icon=s-bahn]{--icon-glyph-before:"󡈃"}[data-icon-after=s-bahn]{--icon-glyph-after:"󡈃"}[data-icon-before=more-horizontal],[data-icon=more-horizontal]{--icon-glyph-before:"⋯"}[data-icon-after=more-horizontal]{--icon-glyph-after:"⋯"}[data-icon-before=more-vertical],[data-icon=more-vertical]{--icon-glyph-before:"⋮"}[data-icon-after=more-vertical]{--icon-glyph-after:"⋮"}[data-icon-before=refresh],[data-icon=refresh]{--icon-glyph-before:"🗘"}[data-icon-after=refresh]{--icon-glyph-after:"🗘"}[data-icon-before=error],[data-icon=error]{--icon-glyph-before:"󡄣"}[data-icon-after=error]{--icon-glyph-after:"󡄣"}[data-icon-before=error-triangle],[data-icon=error-triangle]{--icon-glyph-before:"⚠"}[data-icon-after=error-triangle]{--icon-glyph-after:"⚠"}[data-icon-before=warning],[data-icon=warning]{--icon-glyph-before:"⚠"}[data-icon-after=warning]{--icon-glyph-after:"⚠"}[data-icon-before=notify],[data-icon=notify]{--icon-glyph-before:"󡄦"}[data-icon-after=notify]{--icon-glyph-after:"󡄦"}[data-icon-before=taxi],[data-icon=taxi]{--icon-glyph-before:"󡈈"}[data-icon-after=taxi]{--icon-glyph-after:"󡈈"}[data-icon-before=notify-cutoff],[data-icon=notify-cutoff]{--icon-glyph-before:"󡄧"}[data-icon-after=notify-cutoff]{--icon-glyph-after:"󡄧"}[data-icon-before=aisle],[data-icon=aisle]{--icon-glyph-before:"󡊁"}[data-icon-after=aisle]{--icon-glyph-after:"󡊁"}[data-icon-before=elderly],[data-icon=elderly]{--icon-glyph-before:"󡄨"}[data-icon-after=elderly]{--icon-glyph-after:"󡄨"}[data-icon-before=handicapped],[data-icon=handicapped]{--icon-glyph-before:"󡊃"}[data-icon-after=handicapped]{--icon-glyph-after:"󡊃"}[data-icon-before=table],[data-icon=table]{--icon-glyph-before:"󡄩"}[data-icon-after=table]{--icon-glyph-after:"󡄩"}[data-icon-before=window],[data-icon=window]{--icon-glyph-before:"󡄰"}[data-icon-after=window]{--icon-glyph-after:"󡄰"}[data-icon-before=bahnbonus],[data-icon=bahnbonus]{--icon-glyph-before:"󡄱"}[data-icon-after=bahnbonus]{--icon-glyph-after:"󡄱"}[data-icon-before=bahnbonus-card],[data-icon=bahnbonus-card]{--icon-glyph-before:"󡄲"}[data-icon-after=bahnbonus-card]{--icon-glyph-after:"󡄲"}[data-icon-before=bahncard],[data-icon=bahncard]{--icon-glyph-before:"󡄴"}[data-icon-after=bahncard]{--icon-glyph-after:"󡄴"}[data-icon-before=commuter-ticket],[data-icon=commuter-ticket]{--icon-glyph-before:"󡄶"}[data-icon-after=commuter-ticket]{--icon-glyph-after:"󡄶"}[data-icon-before=komfort-check-in],[data-icon=komfort-check-in]{--icon-glyph-before:"󡄷"}[data-icon-after=komfort-check-in]{--icon-glyph-after:"󡄷"}[data-icon-before=komfort-check-in-check],[data-icon=komfort-check-in-check]{--icon-glyph-before:"✔"}[data-icon-after=komfort-check-in-check]{--icon-glyph-after:"✔"}[data-icon-before=komfort-check-in-circle],[data-icon=komfort-check-in-circle]{--icon-glyph-before:"🤇"}[data-icon-after=komfort-check-in-circle]{--icon-glyph-after:"🤇"}[data-icon-before=my-travel],[data-icon=my-travel]{--icon-glyph-before:"󡄸"}[data-icon-after=my-travel]{--icon-glyph-after:"󡄸"}[data-icon-before=outward-journey],[data-icon=outward-journey]{--icon-glyph-before:"󡄹"}[data-icon-after=outward-journey]{--icon-glyph-after:"󡄹"}[data-icon-before=qr-code],[data-icon=qr-code]{--icon-glyph-before:"󡅀"}[data-icon-after=qr-code]{--icon-glyph-after:"󡅀"}[data-icon-before=airplane],[data-icon=airplane]{--icon-glyph-before:"󡆐"}[data-icon-after=airplane]{--icon-glyph-after:"󡆐"}[data-icon-before=call-a-bike],[data-icon=call-a-bike]{--icon-glyph-before:"󡆑"}[data-icon-after=call-a-bike]{--icon-glyph-after:"󡆑"}[data-icon-before=return-journey],[data-icon=return-journey]{--icon-glyph-before:"󡅁"}[data-icon-after=return-journey]{--icon-glyph-after:"󡅁"}[data-icon-before=ticket],[data-icon=ticket]{--icon-glyph-before:"󡊇"}[data-icon-after=ticket]{--icon-glyph-after:"󡊇"}[data-icon-before=ticket-discount],[data-icon=ticket-discount]{--icon-glyph-before:"󡅂"}[data-icon-after=ticket-discount]{--icon-glyph-after:"󡅂"}[data-icon-before=electric-scooter],[data-icon=electric-scooter]{--icon-glyph-before:"󡆖"}[data-icon-after=electric-scooter]{--icon-glyph-after:"󡆖"}[data-icon-before=ev-car],[data-icon=ev-car]{--icon-glyph-before:"󡆗"}[data-icon-after=ev-car]{--icon-glyph-after:"󡆗"}[data-icon-before=ticket-multiple],[data-icon=ticket-multiple]{--icon-glyph-before:"󡅃"}[data-icon-after=ticket-multiple]{--icon-glyph-after:"󡅃"}[data-icon-before=time-outward-journey],[data-icon=time-outward-journey]{--icon-glyph-before:"󡅄"}[data-icon-after=time-outward-journey]{--icon-glyph-after:"󡅄"}[data-icon-before=time-return-journey],[data-icon=time-return-journey]{--icon-glyph-before:"󡅅"}[data-icon-after=time-return-journey]{--icon-glyph-after:"󡅅"}[data-icon-before=timetable],[data-icon=timetable]{--icon-glyph-before:"󡅆"}[data-icon-after=timetable]{--icon-glyph-after:"󡅆"}[data-icon-before=bicycle],[data-icon=bicycle]{--icon-glyph-before:"󡈹"}[data-icon-after=bicycle]{--icon-glyph-after:"󡈹"}[data-icon-before=car],[data-icon=car]{--icon-glyph-before:"󡅑"}[data-icon-after=car]{--icon-glyph-after:"󡅑"}[data-icon-before=car-sequence],[data-icon=car-sequence]{--icon-glyph-before:"󡅇"}[data-icon-after=car-sequence]{--icon-glyph-after:"󡅇"}[data-icon-before=ice-side-view],[data-icon=ice-side-view]{--icon-glyph-before:"󡊈"}[data-icon-after=ice-side-view]{--icon-glyph-after:"󡊈"}[data-icon-before=sprinter],[data-icon=sprinter]{--icon-glyph-before:"󡅈"}[data-icon-after=sprinter]{--icon-glyph-after:"󡅈"}[data-icon-before=walking],[data-icon=walking]{--icon-glyph-before:"󡉁"}[data-icon-after=walking]{--icon-glyph-after:"󡉁"}[data-icon-before=logo],[data-icon=logo]{--icon-glyph-before:"󡅒"}[data-icon-after=logo]{--icon-glyph-after:"󡅒"}[data-icon-before=buggy],[data-icon=buggy]{--icon-glyph-before:"󡅓"}[data-icon-after=buggy]{--icon-glyph-after:"󡅓"}[data-icon-before=childrens-compartment],[data-icon=childrens-compartment]{--icon-glyph-before:"󡊂"}[data-icon-after=childrens-compartment]{--icon-glyph-after:"󡊂"}[data-icon-before=parent-child-compartment],[data-icon=parent-child-compartment]{--icon-glyph-before:"󡊄"}[data-icon-after=parent-child-compartment]{--icon-glyph-after:"󡊄"}[data-icon-before=augmented-reality],[data-icon=augmented-reality]{--icon-glyph-before:"󡅧"}[data-icon-after=augmented-reality]{--icon-glyph-after:"󡅧"}[data-icon-before=quiet-zone],[data-icon=quiet-zone]{--icon-glyph-before:"󡊅"}[data-icon-after=quiet-zone]{--icon-glyph-after:"󡊅"}[data-icon-before=duplicate],[data-icon=duplicate]{--icon-glyph-before:"󡅔"}[data-icon-after=duplicate]{--icon-glyph-after:"󡅔"}[data-icon-before=copy],[data-icon=copy]{--icon-glyph-before:"󡅔"}[data-icon-after=copy]{--icon-glyph-after:"󡅔"}[data-icon-before=image],[data-icon=image]{--icon-glyph-before:"🖼"}[data-icon-after=image]{--icon-glyph-after:"🖼"}[data-icon-before=lock-close],[data-icon=lock-close]{--icon-glyph-before:"󡈩"}[data-icon-after=lock-close]{--icon-glyph-after:"󡈩"}[data-icon-before=lock-open],[data-icon=lock-open]{--icon-glyph-before:"󡈰"}[data-icon-after=lock-open]{--icon-glyph-after:"󡈰"}[data-icon-before=restricted-mobility-toilet],[data-icon=restricted-mobility-toilet]{--icon-glyph-before:"󡅣"}[data-icon-after=restricted-mobility-toilet]{--icon-glyph-after:"󡅣"}[data-icon-before=database],[data-icon=database]{--icon-glyph-before:"󡆁"}[data-icon-after=database]{--icon-glyph-after:"󡆁"}[data-icon-before=breakfast],[data-icon=breakfast]{--icon-glyph-before:"󡉹"}[data-icon-after=breakfast]{--icon-glyph-after:"󡉹"}[data-icon-before=ferry],[data-icon=ferry]{--icon-glyph-before:"󡆘"}[data-icon-after=ferry]{--icon-glyph-after:"󡆘"}[data-icon-before=no-smoking],[data-icon=no-smoking]{--icon-glyph-before:"󡉶"}[data-icon-after=no-smoking]{--icon-glyph-after:"󡉶"}[data-icon-before=luggage-compartment],[data-icon=luggage-compartment]{--icon-glyph-before:"󡉴"}[data-icon-after=luggage-compartment]{--icon-glyph-after:"󡉴"}[data-icon-before=environmental-mobility-check],[data-icon=environmental-mobility-check]{--icon-glyph-before:"󡉳"}[data-icon-after=environmental-mobility-check]{--icon-glyph-after:"󡉳"}[data-icon-before=clothing-hanger],[data-icon=clothing-hanger]{--icon-glyph-before:"󡆀"}[data-icon-after=clothing-hanger]{--icon-glyph-after:"󡆀"}[data-icon-before=handcart],[data-icon=handcart]{--icon-glyph-before:"󡆙"}[data-icon-after=handcart]{--icon-glyph-after:"󡆙"}[data-icon-before=reservation],[data-icon=reservation]{--icon-glyph-before:"󡅹"}[data-icon-after=reservation]{--icon-glyph-after:"󡅹"}[data-icon-before=platform],[data-icon=platform]{--icon-glyph-before:"🛤"}[data-icon-after=platform]{--icon-glyph-after:"🛤"}[data-icon-before=night],[data-icon=night]{--icon-glyph-before:"󡊉"}[data-icon-after=night]{--icon-glyph-after:"󡊉"}[data-icon-before=piggybank],[data-icon=piggybank]{--icon-glyph-before:"󡊐"}[data-icon-after=piggybank]{--icon-glyph-after:"󡊐"}[data-icon-before=resize-handle-corner],[data-icon=resize-handle-corner]{--icon-glyph-before:"󡊑"}[data-icon-after=resize-handle-corner]{--icon-glyph-after:"󡊑"}[data-icon-before=document-check],[data-icon=document-check]{--icon-glyph-before:"󡊒"}[data-icon-after=document-check]{--icon-glyph-after:"󡊒"}[data-icon-before=face-delighted],[data-icon=face-delighted]{--icon-glyph-before:"󡊓"}[data-icon-after=face-delighted]{--icon-glyph-after:"󡊓"}[data-icon-before=face-disappointed],[data-icon=face-disappointed]{--icon-glyph-before:"󡊔"}[data-icon-after=face-disappointed]{--icon-glyph-after:"󡊔"}[data-icon-before=push-button],[data-icon=push-button]{--icon-glyph-before:"󡊕"}[data-icon-after=push-button]{--icon-glyph-after:"󡊕"}[data-icon-before=fast-backward],[data-icon=fast-backward]{--icon-glyph-before:"󡊖"}[data-icon-after=fast-backward]{--icon-glyph-after:"󡊖"}[data-icon-before=fast-forward],[data-icon=fast-forward]{--icon-glyph-before:"󡊗"}[data-icon-after=fast-forward]{--icon-glyph-after:"󡊗"}[data-icon-before=marketplace],[data-icon=marketplace]{--icon-glyph-before:"󡅸"}[data-icon-after=marketplace]{--icon-glyph-after:"󡅸"}[data-icon-before=hydrogen],[data-icon=hydrogen]{--icon-glyph-before:"󡅷"}[data-icon-after=hydrogen]{--icon-glyph-after:"󡅷"}[data-icon-before=day],[data-icon=day]{--icon-glyph-before:"☀"}[data-icon-after=day]{--icon-glyph-after:"☀"}[data-icon-before=sink],[data-icon=sink]{--icon-glyph-before:"󡉨"}[data-icon-after=sink]{--icon-glyph-after:"󡉨"}[data-icon-before=microphone],[data-icon=microphone]{--icon-glyph-before:"󡈴"}[data-icon-after=microphone]{--icon-glyph-after:"󡈴"}[data-icon-before=undo],[data-icon=undo]{--icon-glyph-before:"⎌"}[data-icon-after=undo]{--icon-glyph-after:"⎌"}[data-icon-before=thumb-up-down],[data-icon=thumb-up-down]{--icon-glyph-before:"󡉗"}[data-icon-after=thumb-up-down]{--icon-glyph-after:"󡉗"}[data-icon-before=local-bus],[data-icon=local-bus]{--icon-glyph-before:"󡈁"}[data-icon-after=local-bus]{--icon-glyph-after:"󡈁"}[data-icon-before=long-distance-bus],[data-icon=long-distance-bus]{--icon-glyph-before:"󡈂"}[data-icon-after=long-distance-bus]{--icon-glyph-after:"󡈂"}[data-icon-before=thumb-up],[data-icon=thumb-up]{--icon-glyph-before:"󡉖"}[data-icon-after=thumb-up]{--icon-glyph-after:"󡉖"}[data-icon-before=logbook],[data-icon=logbook]{--icon-glyph-before:"󡉓"}[data-icon-after=logbook]{--icon-glyph-after:"󡉓"}[data-icon-before=lightbulb],[data-icon=lightbulb]{--icon-glyph-before:"󡉒"}[data-icon-after=lightbulb]{--icon-glyph-after:"󡉒"}[data-icon-before=key],[data-icon=key]{--icon-glyph-before:"󡉑"}[data-icon-after=key]{--icon-glyph-after:"󡉑"}[data-icon-before=fingerprint],[data-icon=fingerprint]{--icon-glyph-before:"󡅱"}[data-icon-after=fingerprint]{--icon-glyph-after:"󡅱"}[data-icon-before=face-smiling],[data-icon=face-smiling]{--icon-glyph-before:"󡅰"}[data-icon-after=face-smiling]{--icon-glyph-after:"󡅰"}[data-icon-before=face-neutral],[data-icon=face-neutral]{--icon-glyph-before:"󡅨"}[data-icon-after=face-neutral]{--icon-glyph-after:"󡅨"}[data-icon-before=ice],[data-icon=ice]{--icon-glyph-before:"󡈀"}[data-icon-after=ice]{--icon-glyph-after:"󡈀"}[data-icon-before=face-sad],[data-icon=face-sad]{--icon-glyph-before:"󡅩"}[data-icon-after=face-sad]{--icon-glyph-after:"󡅩"}[data-icon-before=cloud-upload],[data-icon=cloud-upload]{--icon-glyph-before:"⇧"}[data-icon-after=cloud-upload]{--icon-glyph-after:"⇧"}[data-icon-before=cloud-download],[data-icon=cloud-download]{--icon-glyph-before:"⇩"}[data-icon-after=cloud-download]{--icon-glyph-after:"⇩"}[data-icon-before=cash],[data-icon=cash]{--icon-glyph-before:"󡉈"}[data-icon-after=cash]{--icon-glyph-after:"󡉈"}[data-icon-before=dashboard],[data-icon=dashboard]{--icon-glyph-before:"󡅤"}[data-icon-after=dashboard]{--icon-glyph-after:"󡅤"}[data-icon-before=resize],[data-icon=resize]{--icon-glyph-before:"󡅥"}[data-icon-after=resize]{--icon-glyph-after:"󡅥"}[data-icon-before=sepa],[data-icon=sepa]{--icon-glyph-before:"󡅦"}[data-icon-after=sepa]{--icon-glyph-after:"󡅦"}[data-icon-before=save],[data-icon=save]{--icon-glyph-before:"󡈲"}[data-icon-after=save]{--icon-glyph-after:"󡈲"}[data-icon-before=pin],[data-icon=pin]{--icon-glyph-before:"󡈱"}[data-icon-after=pin]{--icon-glyph-after:"󡈱"}[data-icon-before=folder-open],[data-icon=folder-open]{--icon-glyph-before:"󡈨"}[data-icon-after=folder-open]{--icon-glyph-after:"󡈨"}[data-icon-before=folder],[data-icon=folder]{--icon-glyph-before:"󡈧"}[data-icon-after=folder]{--icon-glyph-after:"󡈧"}[data-icon-before=camera],[data-icon=camera]{--icon-glyph-before:"󡈥"}[data-icon-after=camera]{--icon-glyph-after:"󡈥"}[data-icon-before=compass],[data-icon=compass]{--icon-glyph-before:"󡉉"}[data-icon-after=compass]{--icon-glyph-after:"󡉉"}[data-icon-before=drag-and-drop],[data-icon=drag-and-drop]{--icon-glyph-before:"󡆇"}[data-icon-after=drag-and-drop]{--icon-glyph-after:"󡆇"}[data-icon-before=person-with-cane],[data-icon=person-with-cane]{--icon-glyph-before:"󡉷"}[data-icon-after=person-with-cane]{--icon-glyph-after:"󡉷"}[data-icon-before=hearing],[data-icon=hearing]{--icon-glyph-before:"󡈑"}[data-icon-after=hearing]{--icon-glyph-after:"󡈑"}[data-icon-before=hearing-disabled],[data-icon=hearing-disabled]{--icon-glyph-before:"󡈒"}[data-icon-after=hearing-disabled]{--icon-glyph-after:"󡈒"}[data-icon-before=translation],[data-icon=translation]{--icon-glyph-before:"󡈓"}[data-icon-after=translation]{--icon-glyph-after:"󡈓"}[data-icon-before=voucher],[data-icon=voucher]{--icon-glyph-before:"󡈔"}[data-icon-after=voucher]{--icon-glyph-after:"󡈔"}[data-icon-before=support-dog],[data-icon=support-dog]{--icon-glyph-before:"󡈕"}[data-icon-after=support-dog]{--icon-glyph-after:"󡈕"}[data-icon-before=person-with-rollator],[data-icon=person-with-rollator]{--icon-glyph-before:"󡆈"}[data-icon-after=person-with-rollator]{--icon-glyph-after:"󡆈"}[data-icon-before=sort-down],[data-icon=sort-down]{--icon-glyph-before:"↡"}[data-icon-after=sort-down]{--icon-glyph-after:"↡"}[data-icon-before=sort-up],[data-icon=sort-up]{--icon-glyph-before:"↟"}[data-icon-after=sort-up]{--icon-glyph-after:"↟"}[data-icon-before=cloud],[data-icon=cloud]{--icon-glyph-before:"☁"}[data-icon-after=cloud]{--icon-glyph-after:"☁"}[data-icon-before=sev],[data-icon=sev]{--icon-glyph-before:"󡈅"}[data-icon-after=sev]{--icon-glyph-after:"󡈅"}[data-icon-before=train-and-car],[data-icon=train-and-car]{--icon-glyph-before:"󡈉"}[data-icon-after=train-and-car]{--icon-glyph-after:"󡈉"}[data-icon-before=tram],[data-icon=tram]{--icon-glyph-before:"󡈐"}[data-icon-after=tram]{--icon-glyph-after:"󡈐"}[data-icon-before=speedboat],[data-icon=speedboat]{--icon-glyph-before:"󡈆"}[data-icon-after=speedboat]{--icon-glyph-after:"󡈆"}[data-icon-before=build],[data-icon=build]{--icon-glyph-before:"🛠"}[data-icon-after=build]{--icon-glyph-after:"🛠"}[data-icon-before=bug],[data-icon=bug]{--icon-glyph-before:"󡉆"}[data-icon-after=bug]{--icon-glyph-after:"󡉆"}[data-icon-before=question],[data-icon=question]{--icon-glyph-before:"󡅲"}[data-icon-after=question]{--icon-glyph-after:"󡅲"}[data-icon-before=receive-item],[data-icon=receive-item]{--icon-glyph-before:"󡅳"}[data-icon-after=receive-item]{--icon-glyph-after:"󡅳"}[data-icon-before=share-item],[data-icon=share-item]{--icon-glyph-before:"󡅴"}[data-icon-after=share-item]{--icon-glyph-after:"󡅴"}[data-icon-before=playground],[data-icon=playground]{--icon-glyph-before:"󡉦"}[data-icon-after=playground]{--icon-glyph-after:"󡉦"}[data-icon-before=shower],[data-icon=shower]{--icon-glyph-before:"󡉧"}[data-icon-after=shower]{--icon-glyph-after:"󡉧"}[data-icon-before=shower-men],[data-icon=shower-men]{--icon-glyph-before:"󡅵"}[data-icon-after=shower-men]{--icon-glyph-after:"󡅵"}[data-icon-before=shower-women],[data-icon=shower-women]{--icon-glyph-before:"󡅶"}[data-icon-after=shower-women]{--icon-glyph-after:"󡅶"}[data-icon-before=add-link],[data-icon=add-link]{--icon-glyph-before:"󡉂"}[data-icon-after=add-link]{--icon-glyph-after:"󡉂"}[data-icon-before=attachment],[data-icon=attachment]{--icon-glyph-before:"󡉅"}[data-icon-after=attachment]{--icon-glyph-after:"󡉅"}[data-icon-before=block],[data-icon=block]{--icon-glyph-before:"󡈣"}[data-icon-after=block]{--icon-glyph-after:"󡈣"}[data-icon-before=bookmark],[data-icon=bookmark]{--icon-glyph-before:"󡈤"}[data-icon-after=bookmark]{--icon-glyph-after:"󡈤"}[data-icon-before=shopping-basket-disabled],[data-icon=shopping-basket-disabled]{--icon-glyph-before:"󡅕"}[data-icon-after=shopping-basket-disabled]{--icon-glyph-after:"󡅕"}[data-icon-before=shopping-cart-disabled],[data-icon=shopping-cart-disabled]{--icon-glyph-before:"󡅖"}[data-icon-after=shopping-cart-disabled]{--icon-glyph-after:"󡅖"}[data-icon-before=gps],[data-icon=gps]{--icon-glyph-before:"󡅗"}[data-icon-after=gps]{--icon-glyph-after:"󡅗"}[data-icon-before=gps-north],[data-icon=gps-north]{--icon-glyph-before:"󡅘"}[data-icon-after=gps-north]{--icon-glyph-after:"󡅘"}[data-icon-before=local-train],[data-icon=local-train]{--icon-glyph-before:"󡉀"}[data-icon-after=local-train]{--icon-glyph-after:"󡉀"}[data-icon-before=rail-and-fly],[data-icon=rail-and-fly]{--icon-glyph-before:"󡅙"}[data-icon-after=rail-and-fly]{--icon-glyph-after:"󡅙"}[data-icon-before=seat-priority],[data-icon=seat-priority]{--icon-glyph-before:"󡅢"}[data-icon-after=seat-priority]{--icon-glyph-after:"󡅢"}[data-icon-before=priority],[data-icon=priority]{--icon-glyph-before:"󡅢"}[data-icon-after=priority]{--icon-glyph-after:"󡅢"}[data-icon-before=traveler-with-reduced-mobility],[data-icon=traveler-with-reduced-mobility]{--icon-glyph-before:"󡅢"}[data-icon-after=traveler-with-reduced-mobility]{--icon-glyph-after:"󡅢"}[data-icon-before=standing-room],[data-icon=standing-room]{--icon-glyph-before:"󡅠"}[data-icon-after=standing-room]{--icon-glyph-after:"󡅠"}[data-icon-before=mixed-class],[data-icon=mixed-class]{--icon-glyph-before:"󡅡"}[data-icon-after=mixed-class]{--icon-glyph-after:"󡅡"}[data-icon-before=navigation-straight],[data-icon=navigation-straight]{--icon-glyph-before:"󡌀"}[data-icon-after=navigation-straight]{--icon-glyph-after:"󡌀"}[data-icon-before=navigation-to-left],[data-icon=navigation-to-left]{--icon-glyph-before:"󡌁"}[data-icon-after=navigation-to-left]{--icon-glyph-after:"󡌁"}[data-icon-before=navigation-to-right],[data-icon=navigation-to-right]{--icon-glyph-before:"󡌂"}[data-icon-after=navigation-to-right]{--icon-glyph-after:"󡌂"}[data-icon-before=navigation-u-turn],[data-icon=navigation-u-turn]{--icon-glyph-before:"󡌃"}[data-icon-after=navigation-u-turn]{--icon-glyph-after:"󡌃"}[data-icon-before=transportation-train-ec],[data-icon=transportation-train-ec]{--icon-glyph-before:""}[data-icon-after=transportation-train-ec]{--icon-glyph-after:""}[data-icon-before=transportation-train-ic],[data-icon=transportation-train-ic]{--icon-glyph-before:""}[data-icon-after=transportation-train-ic]{--icon-glyph-after:""}[data-icon-before=transportation-train-ice],[data-icon=transportation-train-ice]{--icon-glyph-before:""}[data-icon-after=transportation-train-ice]{--icon-glyph-after:""}[data-icon-before=transportation-train-rb],[data-icon=transportation-train-rb]{--icon-glyph-before:""}[data-icon-after=transportation-train-rb]{--icon-glyph-after:""}[data-icon-before=transportation-train-re],[data-icon=transportation-train-re]{--icon-glyph-before:""}[data-icon-after=transportation-train-re]{--icon-glyph-after:""}[data-icon-before=transportation-bikesharing],[data-icon=transportation-bikesharing]{--icon-glyph-before:""}[data-icon-after=transportation-bikesharing]{--icon-glyph-after:""}[data-icon-before=transportation-bus-local],[data-icon=transportation-bus-local]{--icon-glyph-before:""}[data-icon-after=transportation-bus-local]{--icon-glyph-after:""}[data-icon-before=transportation-carsharing],[data-icon=transportation-carsharing]{--icon-glyph-before:""}[data-icon-after=transportation-carsharing]{--icon-glyph-after:""}[data-icon-before=transportation-bus-long-distance],[data-icon=transportation-bus-long-distance]{--icon-glyph-before:""}[data-icon-after=transportation-bus-long-distance]{--icon-glyph-after:""}[data-icon-before=transportation-airplane],[data-icon=transportation-airplane]{--icon-glyph-before:""}[data-icon-after=transportation-airplane]{--icon-glyph-after:""}[data-icon-before=transportation-s-bahn],[data-icon=transportation-s-bahn]{--icon-glyph-before:""}[data-icon-after=transportation-s-bahn]{--icon-glyph-after:""}[data-icon-before=transportation-ship],[data-icon=transportation-ship]{--icon-glyph-before:""}[data-icon-after=transportation-ship]{--icon-glyph-after:""}[data-icon-before=transportation-taxi],[data-icon=transportation-taxi]{--icon-glyph-before:""}[data-icon-after=transportation-taxi]{--icon-glyph-after:""}[data-icon-before=transportation-train-tram],[data-icon=transportation-train-tram]{--icon-glyph-before:""}[data-icon-after=transportation-train-tram]{--icon-glyph-after:""}[data-icon-before=transportation-underground],[data-icon=transportation-underground]{--icon-glyph-before:""}[data-icon-after=transportation-underground]{--icon-glyph-after:""}[data-icon-before=transportation-walking],[data-icon=transportation-walking]{--icon-glyph-before:""}[data-icon-after=transportation-walking]{--icon-glyph-after:""}[data-icon-before=ev-bus],[data-icon=ev-bus]{--icon-glyph-before:""}[data-icon-after=ev-bus]{--icon-glyph-after:""}[data-icon-before=ev-train],[data-icon=ev-train]{--icon-glyph-before:""}[data-icon-after=ev-train]{--icon-glyph-after:""}[data-icon-before=artificial-intelligence],[data-icon=artificial-intelligence]{--icon-glyph-before:"󡌄"}[data-icon-after=artificial-intelligence]{--icon-glyph-after:"󡌄"}[data-icon-before=document-cross],[data-icon=document-cross]{--icon-glyph-before:"󡌅"}[data-icon-after=document-cross]{--icon-glyph-after:"󡌅"}[data-icon-before=euro-sign],[data-icon=euro-sign]{--icon-glyph-before:"󡌆"}[data-icon-after=euro-sign]{--icon-glyph-after:"󡌆"}[data-icon-before=id-card],[data-icon=id-card]{--icon-glyph-before:"󡌇"}[data-icon-after=id-card]{--icon-glyph-after:"󡌇"}[data-icon-before=pulse-wave],[data-icon=pulse-wave]{--icon-glyph-before:"󡌈"}[data-icon-after=pulse-wave]{--icon-glyph-after:"󡌈"}[data-icon-variant-after="16-outline"][data-icon-after]:after,[data-icon-variant-before="16-outline"][data-icon-before]:before,[data-icon-variant-before="16-outline"][data-icon]:before,[data-icon-variant="16-outline"][data-icon-before]:before,[data-icon-variant="16-outline"][data-icon]:before{--icon-font-family:"icons-16-outline","missing-icons"!important;--icon-font-size:1rem}[data-icon-variant-after="20-outline"][data-icon-after]:after,[data-icon-variant-before="20-outline"][data-icon-before]:before,[data-icon-variant-before="20-outline"][data-icon]:before,[data-icon-variant="20-outline"][data-icon-before]:before,[data-icon-variant="20-outline"][data-icon]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem}[data-icon-variant-after="24-outline"][data-icon-after]:after,[data-icon-variant-before="24-outline"][data-icon-before]:before,[data-icon-variant-before="24-outline"][data-icon]:before,[data-icon-variant="24-outline"][data-icon-before]:before,[data-icon-variant="24-outline"][data-icon]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;--icon-font-size:1.5rem}[data-icon-variant-after="32-outline"][data-icon-after]:after,[data-icon-variant-before="32-outline"][data-icon-before]:before,[data-icon-variant-before="32-outline"][data-icon]:before,[data-icon-variant="32-outline"][data-icon-before]:before,[data-icon-variant="32-outline"][data-icon]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;--icon-font-size:2rem}[data-icon-variant-after="48-outline"][data-icon-after]:after,[data-icon-variant-before="48-outline"][data-icon-before]:before,[data-icon-variant-before="48-outline"][data-icon]:before,[data-icon-variant="48-outline"][data-icon-before]:before,[data-icon-variant="48-outline"][data-icon]:before{--icon-font-family:"icons-48-outline","missing-icons"!important;--icon-font-size:3rem}[data-icon-variant-after="64-outline"][data-icon-after]:after,[data-icon-variant-before="64-outline"][data-icon-before]:before,[data-icon-variant-before="64-outline"][data-icon]:before,[data-icon-variant="64-outline"][data-icon-before]:before,[data-icon-variant="64-outline"][data-icon]:before{--icon-font-family:"icons-64-outline","missing-icons"!important;--icon-font-size:4rem}[data-icon-variant-after="16-filled"][data-icon-after]:after,[data-icon-variant-before="16-filled"][data-icon-before]:before,[data-icon-variant-before="16-filled"][data-icon]:before,[data-icon-variant="16-filled"][data-icon-before]:before,[data-icon-variant="16-filled"][data-icon]:before{--icon-font-family:"icons-16-filled","missing-icons"!important;--icon-font-size:1rem}[data-icon-variant-after="20-filled"][data-icon-after]:after,[data-icon-variant-before="20-filled"][data-icon-before]:before,[data-icon-variant-before="20-filled"][data-icon]:before,[data-icon-variant="20-filled"][data-icon-before]:before,[data-icon-variant="20-filled"][data-icon]:before{--icon-font-family:"icons-20-filled","missing-icons"!important;--icon-font-size:1.25rem}[data-icon-variant-after="24-filled"][data-icon-after]:after,[data-icon-variant-before="24-filled"][data-icon-before]:before,[data-icon-variant-before="24-filled"][data-icon]:before,[data-icon-variant="24-filled"][data-icon-before]:before,[data-icon-variant="24-filled"][data-icon]:before{--icon-font-family:"icons-24-filled","missing-icons"!important;--icon-font-size:1.5rem}[data-icon-variant-after="32-filled"][data-icon-after]:after,[data-icon-variant-before="32-filled"][data-icon-before]:before,[data-icon-variant-before="32-filled"][data-icon]:before,[data-icon-variant="32-filled"][data-icon-before]:before,[data-icon-variant="32-filled"][data-icon]:before{--icon-font-family:"icons-32-filled","missing-icons"!important;--icon-font-size:2rem}[data-icon-variant-after="48-filled"][data-icon-after]:after,[data-icon-variant-before="48-filled"][data-icon-before]:before,[data-icon-variant-before="48-filled"][data-icon]:before,[data-icon-variant="48-filled"][data-icon-before]:before,[data-icon-variant="48-filled"][data-icon]:before{--icon-font-family:"icons-48-filled","missing-icons"!important;--icon-font-size:3rem}[data-icon-variant-after="64-filled"][data-icon-after]:after,[data-icon-variant-before="64-filled"][data-icon-before]:before,[data-icon-variant-before="64-filled"][data-icon]:before,[data-icon-variant="64-filled"][data-icon-before]:before,[data-icon-variant="64-filled"][data-icon]:before{--icon-font-family:"icons-64-filled","missing-icons"!important;--icon-font-size:4rem}@font-face{font-display:block;font-family:missing-icons;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-empty.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-empty.woff?4r2099) format("woff")}@font-face{font-display:block;font-family:icons-16-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-16-outline-action.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-16-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+2212,U+2713}@font-face{font-display:block;font-family:icons-16-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-16-outline-navigation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-16-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+2190-2193,U+2303-2304,U+2a2f}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-action.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+003f,U+00a7,U+1f441,U+1f5a8,U+1f5b9,U+1f5bc,U+1f5d1,U+1f6c8,U+1f6cd,U+1f6e0,U+219f,U+21a1,U+21a6,U+21c6,U+21e7,U+21e9,U+21f5,U+2212,U+2295,U+229d,U+238c,U+25f9,U+2601,U+2606,U+2661,U+2699,U+270f,U+2713,U+2b73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+23f8,U+25a1,U+25b7,U+293a-293b,U+e1085-e1088,U+e1091,U+e1234,U+e1261-e1259,U+e1262,U+e1296-e1297}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-brand.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-communication.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-communication.woff?4r2099) format("woff");unicode-range:U+1f5b7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-covid-19.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-covid-19.woff?4r2099) format("woff");unicode-range:U+e1265}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-facilities.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-facilities.woff?4r2099) format("woff");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-feature.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-food.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-food.woff?4r2099) format("woff");unicode-range:U+1f37d,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-it.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-journey.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-journey.woff?4r2099) format("woff");unicode-range:U+2488-2489,U+291e,U+29bf,U+2b94,U+e1102-e1104,U+e1106,U+e1108,U+e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-maps.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+1f5fa,U+1f78b,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-navigation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+1030e,U+1f5d8,U+1f862,U+1f865,U+2190-2193,U+22ee-22ef,U+2303-2304,U+2a2f,U+2bbe,U+e1119-e1122}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-notification.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123,U+e1126-e1127}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-seat.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-seat.woff?4r2099) format("woff");unicode-range:U+1f6cf,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-ticket.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-ticket.woff?4r2099) format("woff");unicode-range:U+1f907,U+2714,U+e1131-e1132,U+e1134,U+e1136-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-transportation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-transportation.woff?4r2099) format("woff");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288,U+e928-e929}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-action.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+003f,U+00a7,U+1f441,U+1f5a8,U+1f5b9,U+1f5bc,U+1f5d1,U+1f6c8,U+1f6cd,U+1f6e0,U+219f,U+21a1,U+21a6,U+21c6,U+21e7,U+21e9,U+21f5,U+2212,U+2295,U+229d,U+238c,U+25f9,U+2601,U+2606,U+2661,U+2699,U+270f,U+2713,U+2b73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+23f8,U+25a1,U+25b7,U+293a-293b,U+e1085-e1088,U+e1091,U+e1234,U+e1259-e1262,U+e1296-e1297}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-brand.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-communication.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-communication.woff?4r2099) format("woff");unicode-range:U+1f5b7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-covid-19.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-covid-19.woff?4r2099) format("woff");unicode-range:U+e1265}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-facilities.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-facilities.woff?4r2099) format("woff");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-feature.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-food.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-food.woff?4r2099) format("woff");unicode-range:U+1f37d,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-it.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-journey.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-journey.woff?4r2099) format("woff");unicode-range:U+2488-2489,U+291e,U+29bf,U+2b94,U+e1102-e1104,U+e1106,U+e1108,U+e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-maps.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+1f5fa,U+1f78b,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-navigation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+1030e,U+1f5d8,U+1f862,U+1f865,U+2190-2193,U+22ee-22ef,U+2303-2304,U+2a2f,U+2bbe,U+e1119-e1122}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-notification.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123-e1127}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-seat.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-seat.woff?4r2099) format("woff");unicode-range:U+1f6cf,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-ticket.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-ticket.woff?4r2099) format("woff");unicode-range:U+1f907,U+2714,U+e1131-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-transportation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-transportation.woff?4r2099) format("woff");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-action.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+003f,U+00a7,U+1f441,U+1f5a8,U+1f5b9,U+1f5bc,U+1f5d1,U+1f6c8,U+1f6cd,U+1f6e0,U+219f,U+21a1,U+21a6,U+21c6,U+21e7,U+21e9,U+21f5,U+2212,U+2295,U+229d,U+238c,U+25f9,U+2601,U+2606,U+2661,U+2699,U+270f,U+2713,U+2b73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+23f8,U+25a1,U+25b7,U+293a-293b,U+e1085-e1088,U+e1091,U+e1234,U+e1259-e1262,U+e1296-e1297}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-brand.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-communication.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-communication.woff?4r2099) format("woff");unicode-range:U+1f5b7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-covid-19.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-covid-19.woff?4r2099) format("woff");unicode-range:U+e1265}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-facilities.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-facilities.woff?4r2099) format("woff");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-feature.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-food.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-food.woff?4r2099) format("woff");unicode-range:U+1f37d,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-it.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-journey.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-journey.woff?4r2099) format("woff");unicode-range:U+2488-2489,U+291e,U+29bf,U+2b94,U+e1102-e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-maps.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+1f5fa,U+1f78b,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-navigation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+1030e,U+1f5d8,U+1f862,U+1f865,U+2190-2193,U+22ee-22ef,U+2303-2304,U+2a2f,U+2bbe,U+e1119-e1122}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-notification.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123-e1127}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-seat.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-seat.woff?4r2099) format("woff");unicode-range:U+1f6cf,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-ticket.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-ticket.woff?4r2099) format("woff");unicode-range:U+1f907,U+2714,U+e1131-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-transportation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-transportation.woff?4r2099) format("woff");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-48-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-48-outline-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-48-outline-av.woff?4r2099) format("woff");unicode-range:U+23f8,U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}@font-face{font-display:block;font-family:icons-48-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-48-outline-brand.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-48-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-64-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-64-outline-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-64-outline-av.woff?4r2099) format("woff");unicode-range:U+23f8,U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}@font-face{font-display:block;font-family:icons-64-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-64-outline-brand.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-64-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-16-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-action.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f6c8,U+e1220}@font-face{font-display:block;font-family:icons-16-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-navigation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-navigation.woff?4r2099) format("woff");unicode-range:U+2bbe}@font-face{font-display:block;font-family:icons-16-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-notification.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-action.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f5a8,U+1f5bc,U+1f6c8,U+1f6cd,U+1f6e0,U+2295,U+229d,U+2601,U+2606,U+2661,U+270f,U+e1066,U+e1070,U+e1079,U+e1154-e1155,U+e1164-e1166,U+e1214,U+e1220-e1233}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-av.woff?4r2099) format("woff");unicode-range:U+23ed,U+23ee,U+25a1,U+25b7,U+e1091,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-communication.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-communication.woff?4r2099) format("woff");unicode-range:U+2370,U+e1095,U+e1172-e1174,U+e1235-e1236}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-feature.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+e1177-e1179,U+e1289}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-food.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-food.woff?4r2099) format("woff");unicode-range:U+e1237}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-it.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-journey.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-journey.woff?4r2099) format("woff");unicode-range:U+e1104,U+e1106,U+e1108,U+e1110,U+e1238}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-maps.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+2302,U+e1115-e1116,U+e1157-e1158}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-navigation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-navigation.woff?4r2099) format("woff");unicode-range:U+1030e,U+2bbe}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-notification.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-ticket.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-ticket.woff?4r2099) format("woff");unicode-range:U+e1132,U+e1134,U+e1184}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-transportation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-transportation.woff?4r2099) format("woff");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-action.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f6c8,U+2295,U+229d,U+2601,U+2606,U+2661,U+e1220,U+e1222,U+e1224-e1225,U+e1231}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+25a1,U+25b7,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-journey.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-journey.woff?4r2099) format("woff");unicode-range:U+e1104,U+e1106,U+e1108,U+e1110,U+e1238}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-maps.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-maps.woff?4r2099) format("woff");unicode-range:U+e1157-e1158}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-navigation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-navigation.woff?4r2099) format("woff");unicode-range:U+2bbe}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-notification.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-transportation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-transportation.woff?4r2099) format("woff");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-action.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f6c8,U+2295,U+229d,U+2601,U+2606,U+2661,U+e1220,U+e1222,U+e1224-e1225,U+e1231,U+e904}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+25a1,U+25b7,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-maps.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-maps.woff?4r2099) format("woff");unicode-range:U+e1157-e1158}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-navigation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-navigation.woff?4r2099) format("woff");unicode-range:U+2bbe}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-notification.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-transportation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-transportation.woff?4r2099) format("woff");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-48-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-48-filled-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-48-filled-av.woff?4r2099) format("woff");unicode-range:U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}@font-face{font-display:block;font-family:icons-64-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-64-filled-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-64-filled-av.woff?4r2099) format("woff");unicode-range:U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}.cmp-accordion summary:after,.cmp-breadcrumb ol>li:first-child:before,.cmp-breadcrumb ol>li:not(:first-child):before,.cmp-dialog header :is(.elm-link,button).is-close:before,.cmp-dropdown summary:before,.cmp-dropdown.is-account summary:before,.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after,.cmp-link-list li .elm-link:before,.cmp-mainnavigation li[aria-haspopup=true]:after,.cmp-mainnavigation>label[for]:after,.cmp-mainnavigation>label[for]:before,.cmp-overflow-menu summary:before,.cmp-pagination .elm-link[rel=next]:before,.cmp-pagination .elm-link[rel=prev]:before,.cmp-sidenavi .elm-link[rel=calendar]:before,.cmp-sidenavi .elm-link[rel=cloud]:before,.cmp-sidenavi .elm-link[rel=dashboard]:before,.cmp-sidenavi .elm-link[rel=documents]:before,.cmp-sidenavi .elm-link[rel=help]:before,.cmp-sidenavi .elm-link[rel=index]:before,.cmp-sitesearch .elm-button:before,.cmp-sitesearch .elm-label:before,.elm-checkbox:before,.elm-link[rel=account]:before,.elm-link[rel=configuration]:before,.elm-link[rel=messages]:before,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{-webkit-alt:"";alt:"";display:inline-block;font-family:var(--icon-font-family)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;font-weight:var(--icon-font-weight,normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle}@media aural{.cmp-accordion summary:after,.cmp-breadcrumb ol>li:first-child:before,.cmp-breadcrumb ol>li:not(:first-child):before,.cmp-dialog header :is(.elm-link,button).is-close:before,.cmp-dropdown summary:before,.cmp-dropdown.is-account summary:before,.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after,.cmp-link-list li .elm-link:before,.cmp-mainnavigation li[aria-haspopup=true]:after,.cmp-mainnavigation>label[for]:after,.cmp-mainnavigation>label[for]:before,.cmp-overflow-menu summary:before,.cmp-pagination .elm-link[rel=next]:before,.cmp-pagination .elm-link[rel=prev]:before,.cmp-sidenavi .elm-link[rel=calendar]:before,.cmp-sidenavi .elm-link[rel=cloud]:before,.cmp-sidenavi .elm-link[rel=dashboard]:before,.cmp-sidenavi .elm-link[rel=documents]:before,.cmp-sidenavi .elm-link[rel=help]:before,.cmp-sidenavi .elm-link[rel=index]:before,.cmp-sitesearch .elm-button:before,.cmp-sitesearch .elm-label:before,.elm-checkbox:before,.elm-link[rel=account]:before,.elm-link[rel=configuration]:before,.elm-link[rel=messages]:before,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{.cmp-accordion summary:after,.cmp-breadcrumb ol>li:first-child:before,.cmp-breadcrumb ol>li:not(:first-child):before,.cmp-dialog header :is(.elm-link,button).is-close:before,.cmp-dropdown summary:before,.cmp-dropdown.is-account summary:before,.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after,.cmp-link-list li .elm-link:before,.cmp-mainnavigation li[aria-haspopup=true]:after,.cmp-mainnavigation>label[for]:after,.cmp-mainnavigation>label[for]:before,.cmp-overflow-menu summary:before,.cmp-pagination .elm-link[rel=next]:before,.cmp-pagination .elm-link[rel=prev]:before,.cmp-sidenavi .elm-link[rel=calendar]:before,.cmp-sidenavi .elm-link[rel=cloud]:before,.cmp-sidenavi .elm-link[rel=dashboard]:before,.cmp-sidenavi .elm-link[rel=documents]:before,.cmp-sidenavi .elm-link[rel=help]:before,.cmp-sidenavi .elm-link[rel=index]:before,.cmp-sitesearch .elm-button:before,.cmp-sitesearch .elm-label:before,.elm-checkbox:before,.elm-link[rel=account]:before,.elm-link[rel=configuration]:before,.elm-link[rel=messages]:before,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}[data-icon-after]:not([data-icon-variant-after]):after,[data-icon-before]:not([data-icon-variant-before]):before,[data-icon]:not([data-icon-variant]):before{--icon-font-family:icons-24-outline,"missing-icons"!important;--icon-font-size:1.5rem}[data-icon-before]:before,[data-icon]:before{content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}[data-icon-after]:after{content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--icon-margin-after:0}.is-icon-text-replace[data-icon-after]{font-size:0}.is-icon-text-replace[data-icon-after]:after{--icon-margin-before:0}.elm-button{align-items:center;border:1px solid transparent;border-radius:4px;display:inline-flex;font-size:1rem;justify-content:center;min-height:2.75rem;padding:.5rem 1rem}.elm-button[data-icon-before],.elm-button[data-icon]{padding-left:.875rem}.elm-button[data-icon-after]{padding-right:.875rem}.elm-button.is-icon-text-replace{width:2.75rem}.elm-button[data-variant=brand-primary],.elm-button[data-variant=primary]{color:#fff;font-weight:700}.elm-button[data-variant=brand-primary]{background-color:#ec0016}.elm-button[data-variant=brand-primary]:disabled{background-color:#ec001640}.elm-button[data-variant=brand-primary]:not(:disabled):hover{background-color:#db0016}.elm-button[data-variant=brand-primary]:not(:disabled):focus-visible{background-color:#db0016}.elm-button[data-variant=brand-primary]:not(:disabled):active{background-color:#cc0013}.elm-button[data-variant=primary]{background-color:#282d37}.elm-button[data-variant=primary]:disabled{background-color:#282d3740}.elm-button[data-variant=primary]:not(:disabled):hover{background-color:#2f3541}.elm-button[data-variant=primary]:not(:disabled):focus-visible{background-color:#2f3541}.elm-button[data-variant=primary]:not(:disabled):active{background-color:#363c4a}.elm-button[data-variant=secondary-outline]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:transparent;border-color:#282d37;color:#282d37}.elm-button[data-variant=secondary-outline]:disabled{border-color:#282d3740;color:#282d3780}.elm-button[data-variant=secondary-outline]:not(:disabled):hover{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=secondary-outline]:not(:disabled):focus-visible{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=secondary-outline]:not(:disabled):active{background-color:rgba(40,45,55,.06)}.elm-button[data-variant=secondary-solid]{background-color:#d7dce1;color:#282d37}.elm-button[data-variant=secondary-solid]:disabled{background-color:#d7dce140;color:#282d3780}.elm-button[data-variant=secondary-solid]:not(:disabled):hover{background-color:#cdd4da}.elm-button[data-variant=secondary-solid]:not(:disabled):focus-visible{background-color:#cdd4da}.elm-button[data-variant=secondary-solid]:not(:disabled):active{background-color:#c5ccd3}.elm-button[data-variant=tertiary-plain]{background-color:transparent;border:2px solid transparent;color:#282d37}.elm-button[data-variant=tertiary-plain]:disabled{color:#282d3780}.elm-button[data-variant=tertiary-plain]:not(:disabled):hover{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=tertiary-plain]:not(:disabled):focus-visible{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=tertiary-plain]:not(:disabled):active{background-color:rgba(40,45,55,.06)}.elm-button[data-size=small]{min-height:2.25rem}.elm-button[data-size=small]:not(.is-icon-text-replace){font-size:.875rem}.elm-button[data-icon-after][data-size=small]:after,.elm-button[data-icon-before][data-size=small]:before,.elm-button[data-icon][data-size=small]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem}.elm-button.is-icon-text-replace[data-size=small]{width:2.25rem}.elm-button[data-size=large]{min-height:3.25rem}.elm-button[data-size=large]:not(.is-icon-text-replace){font-size:1.25rem}.elm-button.is-icon-text-replace[data-size=large]{width:3.25rem}.elm-button:disabled{color:#ffffff80}.elm-button[data-width=full]{inline-size:100%}.elm-headline{margin-bottom:1rem;margin-top:1.5rem;text-wrap:balance}.elm-headline[data-pulse]:after{background:var(--db-pulse-background,#ec0016);border-radius:calc(var(--db-logo-height, 40px)/7*.5);content:"";display:block;height:calc(var(--db-logo-height, 40px)/7);margin-bottom:var(--db-pulse-margin-bottom,14px);margin-top:calc(var(--db-logo-height, 40px)*.5);width:var(--db-logo-width,58px)}h1.elm-headline,h2.elm-headline,h3.elm-headline{font-family:DB Screen Head,Helvetica,Arial,sans-serif;font-weight:900}h1.elm-headline{font-size:2.25rem;line-height:1.1111111111}@media screen and (max-width:767px){h1.elm-headline{font-size:1.75rem;line-height:1.14}}h2.elm-headline{font-size:1.5rem;line-height:1.1666666667}@media screen and (max-width:767px){h2.elm-headline{font-size:1.25rem;line-height:1.2}}h3.elm-headline{font-size:1.25rem;line-height:1.2}@media screen and (max-width:767px){h3.elm-headline{font-size:1.125rem;line-height:1.33}}h4.elm-headline{font-size:1.125rem;font-weight:400;line-height:1.3333333333}@media screen and (max-width:767px){h4.elm-headline{font-size:1rem;line-height:1.25}}.elm-link{border-radius:.25rem;display:inline-block;text-underline-offset:.1875rem;text-underline-position:under}@supports(text-underline-offset:3px){.elm-link{text-underline-position:auto}}.elm-link:active{color:initial}.elm-link[aria-disabled=true]{opacity:.4;pointer-events:none}.elm-link[aria-disabled=true]:before{color:initial}.elm-link[data-size=small]:not(.is-icon-text-replace){font-size:.875rem}.elm-link[data-icon-after][data-size=small]:after:after,.elm-link[data-icon-before][data-size=small]:before,.elm-link[data-icon][data-size=small]:before,.elm-link[rel][data-size=small]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem}.elm-link[rel=configuration]{--icon-glyph-before:"⚙"}.elm-link[rel=configuration]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.elm-link[rel=configuration]:before{content:var(--icon-glyph-before)/""}}.elm-link[rel=messages]{--icon-glyph-before:"󡈶"}.elm-link[rel=messages]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.elm-link[rel=messages]:before{content:var(--icon-glyph-before)/""}}.elm-link[rel=account]{--icon-glyph-before:"󡈡"}.elm-link[rel=account]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.elm-link[rel=account]:before{content:var(--icon-glyph-before)/""}}.elm-link[rel=account]:before,.elm-link[rel=configuration]:before,.elm-link[rel=messages]:before{display:inline-block}.elm-logo{height:var(--db-logo-height,40px);width:var(--db-logo-width,58px)}.elm-logo[data-size=xsmall]{--db-logo-width:20px;--db-logo-height:14px}body:has(.elm-logo[data-size=xsmall]) .elm-headline[data-pulse]{--db-logo-width:20px;--db-logo-height:14px}.elm-logo[data-size=xsmall]~.elm-headline[data-pulse]{--db-logo-width:20px;--db-logo-height:14px}.elm-logo[data-size=small]{--db-logo-width:29px;--db-logo-height:20px}body:has(.elm-logo[data-size=small]) .elm-headline[data-pulse]{--db-logo-width:29px;--db-logo-height:20px}.elm-logo[data-size=small]~.elm-headline[data-pulse]{--db-logo-width:29px;--db-logo-height:20px}.elm-logo[data-size=medium]{--db-logo-width:34px;--db-logo-height:24px}body:has(.elm-logo[data-size=medium]) .elm-headline[data-pulse]{--db-logo-width:34px;--db-logo-height:24px}.elm-logo[data-size=medium]~.elm-headline[data-pulse]{--db-logo-width:34px;--db-logo-height:24px}.elm-logo[data-size=large]{--db-logo-width:40px;--db-logo-height:28px}body:has(.elm-logo[data-size=large]) .elm-headline[data-pulse]{--db-logo-width:40px;--db-logo-height:28px}.elm-logo[data-size=large]~.elm-headline[data-pulse]{--db-logo-width:40px;--db-logo-height:28px}.elm-logo[data-size=xlarge]{--db-logo-width:56px;--db-logo-height:40px}body:has(.elm-logo[data-size=xlarge]) .elm-headline[data-pulse]{--db-logo-width:56px;--db-logo-height:40px}.elm-logo[data-size=xlarge]~.elm-headline[data-pulse]{--db-logo-width:56px;--db-logo-height:40px}.elm-checkbox{--db-form-element-dimensions:var( --db-checkbox-dimensions,1.5rem );align-content:center;-webkit-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.1);border:.0625rem solid #282d37;border-radius:4px;color:#282d37;display:inline-flex;height:var(--db-form-element-dimensions);justify-content:center;width:var(--db-form-element-dimensions);--icon-glyph-before:" "}.elm-checkbox:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.elm-checkbox:before{content:var(--icon-glyph-before)/""}}.elm-checkbox[type=checkbox]{vertical-align:top}.elm-checkbox:before{--icon-font-size:1.375rem;margin-right:0}.elm-checkbox:checked{background-color:#282d37}.elm-checkbox:checked:before{color:#fff;content:"✓"}.elm-checkbox:enabled:hover{background-color:rgba(40,45,55,.14)}.elm-checkbox:enabled:focus-visible{background-color:rgba(40,45,55,.14)}.elm-checkbox:enabled:hover:checked{background-color:#52575f}.elm-checkbox:enabled:focus-visible:checked{background-color:#52575f}.elm-checkbox:enabled:active{background-color:rgba(40,45,55,.14)}.elm-checkbox:indeterminate:before{content:"−"}.elm-checkbox:disabled,.elm-checkbox:disabled+label{opacity:.5}.elm-checkbox+label{padding-inline-start:.25rem}.elm-input{color:#282d37;font-size:1rem;height:2.75rem;line-height:1.5rem;max-width:100%;padding-inline:1rem;width:100%}.elm-input:not(:has(+label[data-label-hidden=true])){padding-block:.5rem}.elm-input[list]::-webkit-calendar-picker-indicator{margin-right:-1rem}.elm-input:not(:-ms-input-placeholder){padding-bottom:0}.elm-input:not(:placeholder-shown){padding-bottom:0}.elm-input:not(:-ms-input-placeholder):not(:has(+label[data-label-hidden=true])){padding-top:1rem}.elm-input:not(:placeholder-shown):not(:has(+label[data-label-hidden=true])){padding-top:1rem}.elm-input:focus:not(:disabled),.elm-input:hover:not(:disabled){--formElement---borderColor:#878c96}.elm-input:focus-visible:not(:disabled){--formElement---borderColor:#878c96}.elm-input:disabled,.elm-input:disabled+.elm-label,fieldset:disabled .elm-input,fieldset:disabled .elm-input+.elm-label{opacity:.4}.elm-input[type=color]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=date]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=datetime-local]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=email]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=month]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=number]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=password]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=tel]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=text]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=time]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=url]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=week]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label{transition:opacity,transform .25s}@media(prefers-reduced-motion:reduce){.elm-input[type=color]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=date]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=datetime-local]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=email]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=month]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=number]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=password]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=tel]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=text]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=time]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=url]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=week]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label{transition-duration:.01s!important}}.elm-input[type=color]+.elm-label,.elm-input[type=date]+.elm-label,.elm-input[type=datetime-local]+.elm-label,.elm-input[type=email]+.elm-label,.elm-input[type=month]+.elm-label,.elm-input[type=number]+.elm-label,.elm-input[type=password]+.elm-label,.elm-input[type=tel]+.elm-label,.elm-input[type=text]+.elm-label,.elm-input[type=time]+.elm-label,.elm-input[type=url]+.elm-label,.elm-input[type=week]+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label{color:#646973;display:block;font-size:.75rem;margin-bottom:-1.125rem;transform:translate(1rem,-2.5625rem)}.elm-input[type=color]+.elm-label+output,.elm-input[type=color]+.elm-label~.description,.elm-input[type=date]+.elm-label+output,.elm-input[type=date]+.elm-label~.description,.elm-input[type=datetime-local]+.elm-label+output,.elm-input[type=datetime-local]+.elm-label~.description,.elm-input[type=email]+.elm-label+output,.elm-input[type=email]+.elm-label~.description,.elm-input[type=month]+.elm-label+output,.elm-input[type=month]+.elm-label~.description,.elm-input[type=number]+.elm-label+output,.elm-input[type=number]+.elm-label~.description,.elm-input[type=password]+.elm-label+output,.elm-input[type=password]+.elm-label~.description,.elm-input[type=tel]+.elm-label+output,.elm-input[type=tel]+.elm-label~.description,.elm-input[type=text]+.elm-label+output,.elm-input[type=text]+.elm-label~.description,.elm-input[type=time]+.elm-label+output,.elm-input[type=time]+.elm-label~.description,.elm-input[type=url]+.elm-label+output,.elm-input[type=url]+.elm-label~.description,.elm-input[type=week]+.elm-label+output,.elm-input[type=week]+.elm-label~.description,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label+output,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label~.description{margin-top:0}.elm-input[type=color][placeholder]:-ms-input-placeholder+label,.elm-input[type=date][placeholder]:-ms-input-placeholder+label,.elm-input[type=datetime-local][placeholder]:-ms-input-placeholder+label,.elm-input[type=email][placeholder]:-ms-input-placeholder+label,.elm-input[type=month][placeholder]:-ms-input-placeholder+label,.elm-input[type=number][placeholder]:-ms-input-placeholder+label,.elm-input[type=password][placeholder]:-ms-input-placeholder+label,.elm-input[type=tel][placeholder]:-ms-input-placeholder+label,.elm-input[type=text][placeholder]:-ms-input-placeholder+label,.elm-input[type=time][placeholder]:-ms-input-placeholder+label,.elm-input[type=url][placeholder]:-ms-input-placeholder+label,.elm-input[type=week][placeholder]:-ms-input-placeholder+label,:where(:not(.cmp-sitesearch))>.elm-input[type=search][placeholder]:-ms-input-placeholder+label{opacity:0}.elm-input[type=color][placeholder]:placeholder-shown+label,.elm-input[type=date][placeholder]:placeholder-shown+label,.elm-input[type=datetime-local][placeholder]:placeholder-shown+label,.elm-input[type=email][placeholder]:placeholder-shown+label,.elm-input[type=month][placeholder]:placeholder-shown+label,.elm-input[type=number][placeholder]:placeholder-shown+label,.elm-input[type=password][placeholder]:placeholder-shown+label,.elm-input[type=tel][placeholder]:placeholder-shown+label,.elm-input[type=text][placeholder]:placeholder-shown+label,.elm-input[type=time][placeholder]:placeholder-shown+label,.elm-input[type=url][placeholder]:placeholder-shown+label,.elm-input[type=week][placeholder]:placeholder-shown+label,:where(:not(.cmp-sitesearch))>.elm-input[type=search][placeholder]:placeholder-shown+label{opacity:0}.elm-input[type=color]:-ms-input-placeholder,.elm-input[type=date]:-ms-input-placeholder,.elm-input[type=datetime-local]:-ms-input-placeholder,.elm-input[type=email]:-ms-input-placeholder,.elm-input[type=month]:-ms-input-placeholder,.elm-input[type=number]:-ms-input-placeholder,.elm-input[type=password]:-ms-input-placeholder,.elm-input[type=tel]:-ms-input-placeholder,.elm-input[type=text]:-ms-input-placeholder,.elm-input[type=time]:-ms-input-placeholder,.elm-input[type=url]:-ms-input-placeholder,.elm-input[type=week]:-ms-input-placeholder,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:-ms-input-placeholder{color:#646973}.elm-input[type=color]::placeholder,.elm-input[type=date]::placeholder,.elm-input[type=datetime-local]::placeholder,.elm-input[type=email]::placeholder,.elm-input[type=month]::placeholder,.elm-input[type=number]::placeholder,.elm-input[type=password]::placeholder,.elm-input[type=tel]::placeholder,.elm-input[type=text]::placeholder,.elm-input[type=time]::placeholder,.elm-input[type=url]::placeholder,.elm-input[type=week]::placeholder,:where(:not(.cmp-sitesearch))>.elm-input[type=search]::placeholder{color:#646973}.elm-input[type=search]{background:var(--db-ic-search-24,url(~@db-ui/core/dist/icons/functional/images/action/db_ic_search_24.svg)) no-repeat .375rem .75rem;background-size:1.1875rem;padding-left:2rem}:not(.cmp-sitesearch)>.elm-input[type=search]+.elm-label{margin-left:1rem}.elm-loadingindicator{animation:loadingindicator-rotate 3s linear infinite;color:#ec0016;display:block}.elm-loadingindicator[data-size=xl]{--loadingindicator--stroke-width:2.5384615385px;--loadingindicator--r:19px;height:52px;width:52px}.elm-loadingindicator[data-size=l]{--loadingindicator--stroke-width:3px;--loadingindicator--r:19px;height:44px;width:44px}.elm-loadingindicator{--loadingindicator--stroke-width:3.6666666667px;--loadingindicator--r:19px;height:36px;width:36px}.elm-loadingindicator[data-size=s]{--loadingindicator--stroke-width:3.1428571429px;--loadingindicator--r:19px;height:28px;width:28px}.elm-loadingindicator[data-size=xs]{--loadingindicator--stroke-width:4.4px;--loadingindicator--r:19px;height:20px;width:20px}.elm-loadingindicator__circle{animation:loadingindicator-stroke 1.5s ease-in-out infinite;r:var(--loadingindicator--r);stroke:currentcolor;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;stroke-width:var(--loadingindicator--stroke-width)}@keyframes loadingindicator-rotate{to{transform:rotate(1turn)}}@keyframes loadingindicator-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:96,200;stroke-dashoffset:-32}to{stroke-dasharray:96,200;stroke-dashoffset:-124}}.elm-progress progress{--progress-value--backgroundColor:#ec0016;-webkit-appearance:none;appearance:none;background-color:#fcfdfd;border:none;height:.25rem;vertical-align:middle}.elm-progress progress::-webkit-progress-bar{background-color:#fcfdfd}.elm-progress progress::-webkit-progress-value{background-color:var(--progress-value--backgroundColor)}.elm-progress progress::-moz-progress-bar{background-color:var(--progress-value--backgroundColor)}.elm-progress progress::-ms-fill{background-color:var(--progress-value--backgroundColor);border:none}.elm-progress progress:not([style^="--progress-conic:"])::-webkit-progress-value{border-radius:12px}.elm-progress progress:not([style^="--progress-conic:"])::-moz-progress-bar{border-radius:12px}.elm-progress progress:not([style^="--progress-conic:"])::-ms-fill{border-radius:12px}.elm-progress progress:indeterminate{animation-duration:2.1s;animation-iteration-count:infinite;animation-name:elmProgressMoveIndeterminate;animation-timing-function:linear;animation-timing-function:cubic-bezier(.65,.815,.735,.395);background-color:#fcfdfd;background-image:linear-gradient(90deg,#ec0016 100%,#fcfdfd 0);background-position:0 0;background-repeat:no-repeat;background-size:150% 150%}@media(prefers-reduced-motion:reduce){.elm-progress progress:indeterminate{animation-duration:15s}}.elm-progress progress:indeterminate::-webkit-progress-bar{background-color:transparent}.elm-progress progress:indeterminate::-moz-progress-bar{background-color:transparent}@supports(background:conic-gradient(#000,#fff)){.elm-progress progress[style^="--progress-conic:"]{--fill:calc(var(--progress-conic)*1%);background:conic-gradient(var(--progress-value--backgroundColor) var(--fill),#fff 0);border:0;border-radius:50%;height:4.6875rem;width:4.6875rem}.elm-progress progress[style^="--progress-conic:"]::-webkit-progress-bar,.elm-progress progress[style^="--progress-conic:"]::-webkit-progress-inner-element,.elm-progress progress[style^="--progress-conic:"]::-webkit-progress-value{display:none}.elm-progress progress[style^="--progress-conic:"]::-moz-progress-bar{background:none}.elm-progress progress[style^="--progress-conic:"]+label,.elm-progress progress[style^="--progress-conic:"]+output{align-items:center;background:#fdfdfd;border-radius:50%;display:block;display:flex;height:3.4375rem;justify-content:center;position:absolute;transform:translate(.625rem,-4.0625rem);width:3.4375rem}}@keyframes elmProgressMoveIndeterminate{0%{background-position:-35% 0;background-size:35% 100%}60%{background-position:101% 0;background-size:65% 100%}to{background-position:101% 0;background-size:1% 100%}}.elm-radio{--db-form-element-dimensions:var( --db-radio-dimensions,1.25em );-webkit-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.1);border:.0625rem solid #282d37;border-radius:1em;display:inline-block;font-size:1rem;height:var(--db-form-element-dimensions);transition:border-width .5s ease;width:var(--db-form-element-dimensions)}.elm-radio[type=radio]{vertical-align:sub}.elm-radio:enabled:hover:not(:checked){background-color:rgba(40,45,55,.14)}.elm-radio:enabled:focus-visible:not(:checked){background-color:rgba(40,45,55,.14)}.elm-radio:enabled:active{background-color:rgba(40,45,55,.3)}.elm-radio:checked{border-width:.375em}.elm-radio:is(:user-invalid),.elm-radio[aria-invalid=true]{border-color:#c13e34}.elm-radio+label{padding-inline-start:.25rem}.elm-radio:disabled,.elm-radio:disabled+label{opacity:.5}@media(prefers-reduced-motion:reduce){.elm-radio{transition-duration:.01s!important}}.elm-textarea{display:block;font-size:1rem;height:2.75rem;line-height:1.5rem;max-width:100%;padding:.375rem .625rem;resize:vertical;width:100%}.elm-textarea:not([rows]){max-height:37.5rem;min-height:7.5rem}.elm-textarea[rows]{height:auto}.elm-textarea:focus:not(:disabled),.elm-textarea:hover:not(:disabled){--formElement---borderColor:#878c96}.elm-textarea:focus-visible:not(:disabled){--formElement---borderColor:#878c96}.elm-textarea:disabled,.elm-textarea:disabled+.elm-label,fieldset:disabled .elm-textarea,fieldset:disabled .elm-textarea+.elm-label{opacity:.4}.elm-select{-webkit-appearance:none;appearance:none;font-size:1rem}.elm-select::-ms-expand{display:none}.elm-select:not([multiple]){background-image:var(--db-ic-expand-more-20,url(~@db-ui/core/dist/icons/functional/images/navigation/db_ic_expand_more_20.svg));background-position:right .6875rem center;background-repeat:no-repeat;height:2.75rem;padding:1.25rem 2.625rem 0 1rem}.elm-select:not([multiple]):has(+label[data-label-hidden=true]){padding-top:0}.elm-select:not([multiple])+.elm-label{pointer-events:none;position:absolute;transition:opacity,transform .25s}@media(prefers-reduced-motion:reduce){.elm-select:not([multiple])+.elm-label{transition-duration:.01s!important}}.elm-select:not([multiple]):has(option:checked:empty)+.elm-label{color:#646973;font-size:1rem;transform:translate(1rem,-2.1875rem)}.elm-select:not([multiple]):not([aria-invalid]):is(:user-valid),.elm-select:not([multiple])[data-variant]  :not([aria-invalid]):is(:user-valid){--formElement---borderColor:#2a7230}.elm-select:not([multiple]):not([aria-invalid]):is(:user-invalid),.elm-select:not([multiple])[data-variant]  :not([aria-invalid]):is(:user-invalid){--formElement---borderColor:#ec0016}.elm-select:disabled,.elm-select:disabled+.elm-label,fieldset:disabled .elm-select,fieldset:disabled .elm-select+.elm-label{opacity:.4}.elm-select+.elm-label{display:block;font-size:.75rem;margin-bottom:-1.125rem;transform:translate(1rem,-2.5625rem);transition:opacity,transform .15s}@media(prefers-reduced-motion:reduce){.elm-select+.elm-label{transition-duration:.01s!important}}.elm-select[multiple]{margin-top:1rem}.elm-select[multiple]+.elm-label{transform:translate(1rem,-6.25rem)}.elm-select optgroup{background-color:transparent;font-style:normal}.elm-select option:not(:disabled):hover{background-color:#d7dce1}.elm-select option:not(:disabled):focus-visible{background-color:#d7dce1}.elm-select option:checked{background-color:#d7dce1}.elm-chip+label{--db-focus-outline-size:max(2px,0.08em);align-items:center;border:1px solid #878c96;border-radius:.25rem;display:inline-flex;font-size:.875rem;font-weight:500;height:1.75rem;justify-content:center;padding-left:.4375rem;padding-right:.4375rem;text-decoration:none;text-transform:capitalize;white-space:nowrap}.elm-chip+label[data-icon-after]:after,.elm-chip+label[data-icon-before]:before,.elm-chip+label[data-icon]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem}.elm-chip:not(:disabled,:checked)+label:hover{background-color:rgba(40,45,55,.03)}.elm-chip:not(:disabled,:checked)+label:focus-visible{background-color:rgba(40,45,55,.03)}.elm-chip:checked+label{background-color:#282d37;border-color:transparent;color:#fff}.elm-chip:checked+label[data-variant=light]{background-color:#d7dce1;border:1px solid #878c96;color:#282d37}.elm-chip:checked+label[data-variant=warning]{background-color:#f75f00}.elm-chip:checked+label[data-variant=error]{background-color:#ec0016}.elm-chip:checked+label[data-variant=informative]{background-color:#0087b9}.elm-chip:checked+label[data-variant=success]{background-color:#508b1b}.elm-chip:checked+label[data-variant=poi-essen-trinken]{background-color:#f39200;color:#282d37}.elm-chip:checked+label[data-variant=poi-einkaufen]{background-color:#814997}.elm-chip:checked+label[data-variant=poi-gesundheit]{background-color:#a9455d}.elm-chip:checked+label[data-variant=poi-kunst-kultur]{background-color:#e93e8f}.elm-chip:checked+label[data-variant=poi-wissenswertes]{background-color:#858379}.elm-chip:checked+label[data-variant=poi-freizeit]{background-color:#408335}.elm-chip:checked+label[data-variant=poi-zivile-rel-einrichtungen]{background-color:#00a099}.elm-chip:checked+label[data-variant=poi-dienstleistungen]{background-color:#309fd1;color:#282d37}.elm-chip:checked+label[data-variant=poi-db-services-einrichtung]{background-color:#0c3992}.elm-chip:checked+label[data-variant=poi-wegeleitung]{background-color:#3c414b}.elm-chip:disabled+label{opacity:.5}.elm-chip:focus-visible+label{outline:var(--db-focus-outline-size) var(--db-focus-outline-style,solid) var(--db-focus-outline-color,currentColor);outline-offset:var(--db-focus-outline-offset,var(--db-focus-outline-size))}.elm-tag{align-items:center;background-color:#282d37;border-radius:.25rem;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;height:1.5rem;justify-content:center;padding-left:.25rem;padding-right:.25rem;text-transform:capitalize;white-space:nowrap}.elm-tag[data-size=small]{height:1.25rem}.elm-tag[data-variant=light]{background-color:#d7dce1;border:1px solid #878c96;color:#282d37}.elm-tag[data-variant=warning]{background-color:#cc4e00}.elm-tag[data-variant=error]{background-color:#db0014}.elm-tag[data-variant=informative]{background-color:#006a96}.elm-tag[data-variant=success]{background-color:#467a18}.elm-tag[data-variant=track]{background-color:#0a1e6e;font-weight:700}.elm-tag[data-variant=poi-essen-trinken]{background-color:#f39200;color:#282d37}.elm-tag[data-variant=poi-einkaufen]{background-color:#814997}.elm-tag[data-variant=poi-gesundheit]{background-color:#a9455d}.elm-tag[data-variant=poi-kunst-kultur]{background-color:#e93e8f}.elm-tag[data-variant=poi-wissenswertes]{background-color:#858379}.elm-tag[data-variant=poi-freizeit]{background-color:#408335}.elm-tag[data-variant=poi-zivile-rel-einrichtungen]{background-color:#00a099}.elm-tag[data-variant=poi-dienstleistungen]{background-color:#309fd1;color:#282d37}.elm-tag[data-variant=poi-db-services-einrichtung]{background-color:#0c3992}.elm-tag[data-variant=poi-wegeleitung]{background-color:#3c414b}.elm-tag[data-icon-before]:before,.elm-tag[data-icon]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem;--icon-margin-after:0.125rem}.elm-tag[data-icon-after]:after{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem;--icon-margin-before:0.125rem}.elm-toggle{-webkit-appearance:none;appearance:none;background-color:#646973;border:none;border-radius:.75rem;display:inline-block;height:1.5rem;position:relative;transition:background-color .3s ease;width:3rem}@media(prefers-reduced-motion:reduce){.elm-toggle{transition-duration:.01s!important}}.elm-toggle+.elm-label{vertical-align:top}.elm-toggle:before{background-color:#fff;border-radius:.625rem;box-shadow:0 5px 30px 0 rgba(0,0,0,.05),0 1px 5px 0 rgba(0,0,0,.15);content:"";display:block;height:1.25rem;left:.125rem;position:absolute;top:.125rem;transition:border-color,left .3s cubic-bezier(.3,1.5,.7,1);width:1.25rem}@media(prefers-reduced-motion:reduce){.elm-toggle:before{transition-duration:.01s!important}}.elm-toggle:hover:before{background-color:#f7f7f7}.elm-toggle:focus-visible:before{background-color:#f7f7f7}.elm-toggle:active:before{transition:width .3s cubic-bezier(.3,1.5,.7,1);width:1.5rem}@media(prefers-reduced-motion:reduce){.elm-toggle:active:before{transition-duration:.01s!important}}.elm-toggle:checked{background-color:#131821}.elm-toggle:checked:before{left:unset;right:.125rem}.elm-toggle:disabled,.elm-toggle:disabled+label{opacity:.5}.elm-youtube{height:19.6875rem;width:35rem}.cmp-breadcrumb{color:#646973;font-size:.75rem}.cmp-breadcrumb a{color:inherit}.cmp-breadcrumb ol{display:flex}.cmp-breadcrumb ol>li{align-items:center;display:inline-flex;margin-right:.1875rem}.cmp-breadcrumb ol>li [aria-current=location],.cmp-breadcrumb ol>li [aria-current=page]{color:#282d37}.cmp-breadcrumb ol>li .elm-link{border-radius:.25rem;padding:.0625rem .1875rem .0625rem .25rem;text-decoration:none}.cmp-breadcrumb ol>li .elm-link:hover{background-color:rgba(40,45,55,.03)}.cmp-breadcrumb ol>li .elm-link:focus-visible{background-color:rgba(40,45,55,.03)}.cmp-breadcrumb ol>li .elm-link:active{background-color:rgba(40,45,55,.06)}.cmp-breadcrumb ol>li:first-child{--icon-glyph-before:"⌂"}.cmp-breadcrumb ol>li:first-child:before{--icon-font-family:"icons-20-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.25rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-breadcrumb ol>li:first-child:before{content:var(--icon-glyph-before)/""}}.cmp-breadcrumb ol>li:first-child:before{--icon-margin-after:0.1875rem}.cmp-breadcrumb ol>li:not(:first-child){--icon-glyph-before:">"}.cmp-breadcrumb ol>li:not(:first-child):before{--icon-font-family:"icons-20-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.25rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-breadcrumb ol>li:not(:first-child):before{content:var(--icon-glyph-before)/""}}.cmp-breadcrumb ol>li:not(:first-child):before{--icon-font-size:0.875rem;--icon-margin-after:0;color:#878c96;margin-left:-.125rem}.cmp-cards{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");margin:0;padding:0}@supports(display:grid){.cmp-cards{display:grid;grid-gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(21.25rem,1fr))}}.cmp-card{background-color:#fff;border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05)}.cmp-card>a{text-decoration:none}.cmp-card figure{margin:1rem 1rem 1rem .5rem}.cmp-card[data-variant=banner] figure{display:flex}.cmp-card[data-variant=banner] figcaption{margin-left:1rem}.cmp-card[data-variant=banner] figcaption h1,.cmp-card[data-variant=banner] figcaption h2,.cmp-card[data-variant=banner] figcaption h3,.cmp-card[data-variant=banner] figcaption h4,.cmp-card[data-variant=banner] figcaption h5,.cmp-card[data-variant=banner] figcaption h6{font-size:1.125rem}.cmp-card[data-variant=banner] figcaption h1,.cmp-card[data-variant=banner] figcaption h1~p,.cmp-card[data-variant=banner] figcaption h2,.cmp-card[data-variant=banner] figcaption h2~p,.cmp-card[data-variant=banner] figcaption h3,.cmp-card[data-variant=banner] figcaption h3~p,.cmp-card[data-variant=banner] figcaption h4,.cmp-card[data-variant=banner] figcaption h4~p,.cmp-card[data-variant=banner] figcaption h5,.cmp-card[data-variant=banner] figcaption h5~p,.cmp-card[data-variant=banner] figcaption h6,.cmp-card[data-variant=banner] figcaption h6~p{margin:.125rem 0}.cmp-card[data-variant=banner] figcaption p{font-size:.875rem;max-width:18.125rem}.cmp-card[data-variant=tile]{text-align:center}.cmp-card figcaption{max-width:60ch}.cmp-accordion{--db-accordion---paddingLeft:1rem;border-bottom:1px solid #d7dce1;padding-left:var(--db-accordion---paddingLeft);padding-right:1rem}.cmp-accordion summary{align-items:center;display:flex;justify-content:space-between;padding-block:.75rem;transform:translateX(calc(var(--db-accordion---paddingLeft)*-1));width:calc(100% + var(--db-accordion---paddingLeft) + 1rem);--icon-glyph-after:"⌄"}.cmp-accordion summary:after{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}@supports(content:""/""){.cmp-accordion summary:after{content:var(--icon-glyph-after)/""}}.cmp-accordion summary::-webkit-details-marker{display:none}.cmp-accordion summary:first-of-type{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E")}.cmp-accordion summary:after{--icon-margin-before:0.5rem;margin-right:.875rem}.cmp-accordion summary+p{margin-top:0}.cmp-accordion[open]>summary:after{content:"⌃"}.cmp-accordion[data-emphasis=high]{--db-accordion---paddingLeft:1.5rem}.cmp-accordion[data-emphasis=high] summary{font-weight:700;height:3.5rem}.cmp-accordion[data-emphasis=high] summary:after{--icon-font-size:2rem}.cmp-accordion[data-size=small]{--db-accordion---paddingLeft:0.25rem}.cmp-accordion[data-size=small] summary{font-size:.875rem;padding-block:.59375rem}.cmp-accordion[data-size=small] summary:after{--icon-font-size:1.25rem;--icon-margin-after:0.375rem;margin-left:.375rem}.cmp-accordion[data-size=large]{--db-accordion---paddingLeft:1.5rem}.cmp-accordion[data-size=large] summary{font-size:1.25rem;padding-block:1rem}.cmp-accordion[data-size=large] summary:after{--icon-font-size:2rem}.cmp-mainnavigation{padding-inline-start:1.5rem;position:relative;top:0}.cmp-mainnavigation:before{inset-inline-start:0}.rea-header .cmp-mainnavigation{order:1}@supports not selector(:has(db)){.cmp-mainnavigation{margin:auto}}.cmp-mainnavigation .elm-link{border-radius:initial;color:inherit;display:inline-block;text-decoration:none}.cmp-mainnavigation>input[type=checkbox][id]{-webkit-appearance:none;appearance:none;aspect-ratio:1/1;block-size:1.5rem;position:absolute}@media screen and (width > 1023px){.cmp-mainnavigation>input[type=checkbox][id],.cmp-mainnavigation>input[type=checkbox][id]+label[for]{display:none}}.cmp-mainnavigation>label[for]{background-color:#fdfdfd;border-bottom:1px solid #f5f4f1;display:block;padding:.5rem 1.375rem .625rem;--icon-glyph-before:"󡄢"}.cmp-mainnavigation>label[for]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-mainnavigation>label[for]:before{content:var(--icon-glyph-before)/""}}.cmp-mainnavigation>label[for]{--icon-glyph-after:"⨯"}.cmp-mainnavigation>label[for]:after{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}@supports(content:""/""){.cmp-mainnavigation>label[for]:after{content:var(--icon-glyph-after)/""}}.cmp-mainnavigation>label[for]:after,.cmp-mainnavigation>label[for]:before{margin-right:1rem}@media screen and (max-width:1023px){.cmp-mainnavigation{z-index:30}.cmp-mainnavigation>input[type=checkbox][id]+label[for]{font-size:0;padding:0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]:before{--icon-margin-after:0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]:after,.cmp-mainnavigation>input[type=checkbox][id]+label[for]:before{margin:0}.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)+label[for]:after{content:none}.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)~ul{display:none}.cmp-mainnavigation>input[type=checkbox][id]:checked{inset-block-start:1rem;inset-inline-end:1.5rem;position:absolute;z-index:50}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]{background-color:#fff;block-size:3.5rem}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]:after{inset-block-start:.5rem;inset-inline-end:1rem;padding:.5rem;position:absolute;z-index:50}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]:before{background-color:#282d37;content:"";inset:0;opacity:.8;position:fixed;z-index:30}.cmp-mainnavigation:has(>input[type=checkbox][id]:not(:checked)){inset-block-start:50%;inset-inline-end:1.5rem;padding-inline-start:1rem;position:absolute;transform:translateY(-50%)}.cmp-mainnavigation:has(>input[type=checkbox][id]:checked){inset:0;margin-inline-start:1.5rem;padding:0;position:fixed}.cmp-mainnavigation:has(>input[type=checkbox][id]:checked):after{background-color:#fff;content:"";width:100%;block-size:3.5rem;border-bottom:1px solid rgba(40,45,55,.2);border-top-left-radius:4px;inset:0;position:absolute;z-index:30}}.cmp-mainnavigation ul{background-color:#fdfdfd}@media screen and (width > 1023px){.cmp-mainnavigation ul ul{box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);position:absolute;visibility:hidden;z-index:70}}@media screen and (max-width:1023px){.cmp-mainnavigation ul ul{display:none}.cmp-mainnavigation>ul{background-color:#fff;inset-block-end:0;inset-block-start:3.5rem;inset-inline:0;margin-block-end:3.5rem;overflow:auto;padding:.75rem;position:absolute;z-index:50}}@media screen and (width > 1023px){.cmp-mainnavigation>ul{display:flex;gap:.75rem}.cmp-mainnavigation>ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li>.elm-link,.cmp-mainnavigation>ul>li>*>.elm-link,.cmp-mainnavigation>ul>li>.elm-link{border-radius:4px;height:2.5rem;padding:.5rem .75rem}.cmp-mainnavigation>ul>*>li>*>.elm-link:focus,.cmp-mainnavigation>ul>*>li>*>.elm-link:hover,.cmp-mainnavigation>ul>*>li>.elm-link:focus,.cmp-mainnavigation>ul>*>li>.elm-link:hover,.cmp-mainnavigation>ul>li>*>.elm-link:focus,.cmp-mainnavigation>ul>li>*>.elm-link:hover,.cmp-mainnavigation>ul>li>.elm-link:focus,.cmp-mainnavigation>ul>li>.elm-link:hover{border-bottom-color:#d7dce1}}@media screen and (width > 1023px){.cmp-mainnavigation>ul>*>li>*>.elm-link:focus-visible,.cmp-mainnavigation>ul>*>li>.elm-link:focus-visible,.cmp-mainnavigation>ul>li>*>.elm-link:focus-visible,.cmp-mainnavigation>ul>li>.elm-link:focus-visible{border-bottom-color:#d7dce1}.cmp-mainnavigation>ul>*>li>*>.elm-link[aria-current=page]:after,.cmp-mainnavigation>ul>*>li>.elm-link[aria-current=page]:after,.cmp-mainnavigation>ul>li>*>.elm-link[aria-current=page]:after,.cmp-mainnavigation>ul>li>.elm-link[aria-current=page]:after{background-color:#ec0016;border-radius:2px;content:"";height:4px;inset-block-start:calc(100% + .25rem);inset-inline:0;position:absolute;width:100%}.cmp-mainnavigation>ul>*>li ul,.cmp-mainnavigation>ul>li ul{inset-block-start:calc(100% + .5rem);inset-inline-start:0;min-width:100%}.cmp-mainnavigation>ul>*>li ul:before,.cmp-mainnavigation>ul>li ul:before{content:"";height:.5rem;inset-block-end:100%;position:absolute;width:100%}.cmp-mainnavigation>ul>*>li ul ul,.cmp-mainnavigation>ul>li ul ul{inset-block-start:.25rem;inset-inline-start:100%;top:auto}.cmp-mainnavigation>ul>*>li ul .elm-link,.cmp-mainnavigation>ul>li ul .elm-link{align-items:center;display:flex;min-height:3.3125rem;padding-left:1.125rem;padding-right:1.125rem}}@media screen and (max-width:1023px){.cmp-mainnavigation>ul>*>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>li>.elm-link{padding-left:2.125rem}.cmp-mainnavigation>ul>*>li ul>*>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>li>.elm-link{padding-left:3.75rem}}.cmp-mainnavigation li{display:block;position:relative}.cmp-mainnavigation li[aria-haspopup=true]{--icon-glyph-after:">"}.cmp-mainnavigation li[aria-haspopup=true]:after{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}@supports(content:""/""){.cmp-mainnavigation li[aria-haspopup=true]:after{content:var(--icon-glyph-after)/""}}.cmp-mainnavigation li[aria-haspopup=true]:after{position:absolute;right:1rem;top:.5625rem}.cmp-mainnavigation li:is(:hover,:focus-within)>*>ul,.cmp-mainnavigation li:is(:hover,:focus-within)>ul{visibility:visible}.cmp-mainnavigation li:is(:focus-visible,:focus-within)>*>ul,.cmp-mainnavigation li:is(:focus-visible,:focus-within)>ul{visibility:visible}@media screen and (max-width:1023px){.cmp-mainnavigation li:is(:hover,:focus-within)>*>ul,.cmp-mainnavigation li:is(:hover,:focus-within)>ul{display:initial}.cmp-mainnavigation li:is(:focus-visible,:focus-within)>*>ul,.cmp-mainnavigation li:is(:focus-visible,:focus-within)>ul{display:initial}}@media screen and (max-width:1023px){.cmp-mainnavigation li:hover>a{font-weight:700}.cmp-mainnavigation li:focus-visible>a{font-weight:700}.cmp-mainnavigation li:hover[aria-haspopup=true]{--icon-glyph-after:"⌄"}.cmp-mainnavigation li:focus-visible[aria-haspopup=true]{--icon-glyph-after:"⌄"}.cmp-mainnavigation li .elm-link{color:inherit;padding-block:.5rem;padding-inline-start:.75rem;width:calc(100% - 4rem)}.cmp-mainnavigation li[aria-haspopup=true]{position:relative}}@media screen and (width > 1023px){.cmp-mainnavigation li[aria-haspopup=true]:after{content:none}.cmp-mainnavigation li .elm-link{background-color:rgba(40,45,55,0)}.cmp-mainnavigation li .elm-link:hover{background-color:rgba(40,45,55,.08);color:initial}.cmp-mainnavigation li .elm-link:focus-visible{background-color:rgba(40,45,55,.08);color:initial}.cmp-mainnavigation li .elm-link:active{background-color:rgba(40,45,55,.16)}.cmp-mainnavigation li .elm-link[aria-current=page]{font-weight:700}}.cmp-metanavigation{display:flex;gap:.5rem;list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");margin-bottom:0;margin-top:0;padding-left:0}.cmp-metanavigation li{padding-left:.5rem;padding-right:.5rem}.rea-footer .cmp-metanavigation li{padding-left:.375rem;padding-right:.375rem}.cmp-metanavigation li .elm-link{text-decoration:none}.rea-header .cmp-metanavigation li .elm-link{font-size:0}.rea-header .cmp-metanavigation li .elm-link:before{--icon-margin-after:0}.rea-footer .cmp-metanavigation{flex-wrap:wrap;justify-content:center}@media screen and (max-width:767px){.rea-footer .cmp-metanavigation{margin-bottom:1rem}}@media screen and (min-width:768px){.rea-footer .cmp-metanavigation{float:right}}.cmp-brand{align-items:center;display:flex;font-weight:700;gap:1rem}.cmp-brand a,.cmp-brand img{height:1.5rem}.cmp-brand img{width:auto}.cmp-brand a{color:inherit;text-decoration:none}.elm-input,.elm-select,.elm-textarea{--formElement---borderTopColor:var( --formElement---borderColor,transparent );--formElement---borderRightColor:var( --formElement---borderColor,transparent );--formElement---borderBottomColor:var( --formElement---borderColor,rgba(40,45,55,.5) );--formElement---borderLeftColor:var( --formElement---borderColor,transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-input~.description,.elm-select~.description,.elm-textarea~.description{color:#646973;font-size:.875rem;padding:.375rem .625rem}.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],.elm-select[data-variant=semitransparent],.elm-textarea[data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search],:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),:where(.elm-select:not([multiple])),:where(.elm-textarea),:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent]{--formElement---borderColor:rgba(40,45,55,.5);background-color:rgba(40,45,55,.05);border:1px solid transparent;border-bottom:1px solid var(--formElement---borderBottomColor)}.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white],.elm-select[data-variant=white],.elm-textarea[data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white]{--formElement---borderColor:rgba(40,45,55,.5);background-color:#fff;border:1px solid transparent;border-bottom:1px solid var(--formElement---borderBottomColor)}.cmp-sitesearch .elm-input[type=search],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid]{--formElement---borderColor:rgba(40,45,55,.5);background-color:#f0f3f5;border:1px solid transparent;border-bottom:1px solid var(--formElement---borderBottomColor)}.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline],.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline]{--formElement---borderColor:rgba(40,45,55,.25);background-color:transparent;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid,.elm-textarea:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid{--formElement---borderColor:#2a7230}.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid,.elm-textarea:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid{--formElement---borderColor:#ec0016}:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week],[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea{--formElement---borderColor:#ec0016}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description),.elm-textarea+output:has(+.description){float:right}@supports(position-area:block-end span-inline-start){.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)),.elm-textarea+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description,.elm-textarea+output,.elm-textarea+output+.description{color:#646973;font-size:.875rem;padding:.375rem .625rem}.elm-checkbox:has(+label):after,.elm-radio:has(+label):after{content:"";height:var(--db-form-element-dimensions);position:absolute;transform:translateX(.25rem);width:calc(var(--db-form-element-dimensions) + .25rem)}.cmp-sitesearch{align-items:center;display:flex;padding-inline-end:.75rem;position:relative}@media screen and (max-width:1023px){.cmp-sitesearch{margin-inline-end:2.25rem;margin-inline-start:auto}.cmp-sitesearch:before{display:none}}.cmp-sitesearch .elm-input[type=search]{background-image:none;opacity:0;padding:0;width:0}.cmp-sitesearch .elm-input[type=search]:not(:-ms-input-placeholder){opacity:1;padding-inline-end:3rem;padding-inline-start:1rem;padding-top:0;width:16rem}.cmp-sitesearch .elm-input[type=search]:focus,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown){opacity:1;padding-inline-end:3rem;padding-inline-start:1rem;padding-top:0;width:16rem}.cmp-sitesearch .elm-input[type=search]:not(:-ms-input-placeholder)+.elm-label{display:none}.cmp-sitesearch .elm-input[type=search]:focus+.elm-label,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown)+.elm-label{display:none}.cmp-sitesearch .elm-input[type=search]:not(:-ms-input-placeholder)~.elm-button{display:flex}.cmp-sitesearch .elm-input[type=search]:focus~.elm-button,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown)~.elm-button{display:flex}.cmp-sitesearch .elm-label{border-radius:4px;display:inline-block;padding:.5rem;--icon-glyph-before:"󡉔"}.cmp-sitesearch .elm-label:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sitesearch .elm-label:before{content:var(--icon-glyph-before)/""}}.cmp-sitesearch .elm-label:before{vertical-align:top}.rea-meta .cmp-sitesearch .elm-label{font-size:0}.rea-meta .cmp-sitesearch .elm-label:before{--icon-margin-after:0}.cmp-sitesearch .elm-button{border:0;display:none;font-size:0;inset-inline-end:.75rem;padding:.5rem;position:absolute}.cmp-sitesearch .elm-button:before{--icon-margin-after:0}.cmp-sitesearch .elm-button{--icon-glyph-before:"󡉔"}.cmp-sitesearch .elm-button:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sitesearch .elm-button:before{content:var(--icon-glyph-before)/""}}.cmp-sitesearch .elm-button,.cmp-sitesearch .elm-label{background-color:rgba(40,45,55,0)}.cmp-sitesearch .elm-button:hover,.cmp-sitesearch .elm-label:hover{background-color:rgba(40,45,55,.08)}.cmp-sitesearch .elm-button:focus-visible,.cmp-sitesearch .elm-label:focus-visible{background-color:rgba(40,45,55,.08)}.cmp-sitesearch .elm-button:active,.cmp-sitesearch .elm-label:active{background-color:rgba(40,45,55,.16)}@media screen and (max-width:31.25rem){.cmp-sitesearch:has(.elm-input[type=search]:not(:-ms-input-placeholder)){left:1rem;position:absolute;z-index:10}.cmp-sitesearch:focus-within,.cmp-sitesearch:has(.elm-input[type=search]:not(:placeholder-shown)){left:1rem;position:absolute;z-index:10}.cmp-sitesearch:has(.elm-input[type=search]:not(:-ms-input-placeholder)) .elm-input[type=search]{width:calc(100vw - 5.5rem)}.cmp-sitesearch:focus-within .elm-input[type=search],.cmp-sitesearch:has(.elm-input[type=search]:not(:placeholder-shown)) .elm-input[type=search]{width:calc(100vw - 5.5rem)}}.cmp-notification{background-color:#282d37;box-shadow:0 4px 10px 0 rgba(0,0,0,.1);margin-bottom:1rem;padding:1rem}section[data-variant=hovering] .cmp-notification{background-color:#fff}section[data-variant=alert] .cmp-notification{color:#fff}section[data-variant=hovering] .cmp-notification{border:2px solid transparent;border-radius:.5rem;padding:.875rem 1rem}.cmp-notification[data-type=success]{background-color:#508b1b}section[data-variant=hovering] .cmp-notification[data-type=success]{border-color:#508b1b}.cmp-notification[data-type=warning]{background-color:#f75f00}section[data-variant=hovering] .cmp-notification[data-type=warning]{border-color:#f75f00}.cmp-notification[data-type=error]{background-color:#ec0016}section[data-variant=hovering] .cmp-notification[data-type=error]{border-color:#ec0016}.cmp-notification[data-type=informative]{background-color:#0087b9}section[data-variant=hovering] .cmp-notification[data-type=informative]{border-color:#0087b9}.cmp-notification[data-icon-after],.cmp-notification[data-icon-before],.cmp-notification[data-icon]{align-items:center;display:flex}.cmp-notification[data-icon-before]:before,.cmp-notification[data-icon]:before{--icon-margin-after:0.625rem}.cmp-notification[data-icon-after]{justify-content:space-between}.cmp-notification[data-icon-after]:after{--icon-margin-before:0.625rem}.cmp-dialog{border:0;border-radius:8px;color:#282d37;font-size:.875rem;margin-top:0;max-width:90vw;padding:1rem;position:fixed;top:50%;transform:translateY(-50%)}@media screen and (min-width:768px){.cmp-dialog{padding:1.5rem}}.cmp-dialog::-ms-backdrop{background-color:rgba(0,0,0,.9)}.cmp-dialog::backdrop{background-color:rgba(0,0,0,.9)}.cmp-dialog+.backdrop{background-color:rgba(0,0,0,.9)}.no-js .cmp-dialog:target{display:initial}.cmp-dialog header{color:#131821;transform:translateY(-.5625rem)}.cmp-dialog header .elm-headline{font-size:1.125rem;font-weight:700;line-height:1.5rem;margin-bottom:.375rem;margin-right:1.5rem;margin-top:0;text-align:center}@media screen and (min-width:768px){.cmp-dialog header .elm-headline{font-size:1.5rem;line-height:1.75rem}}.cmp-dialog header :is(.elm-link,button).is-close{background-color:transparent;border-color:transparent;position:absolute;right:0;top:0}.cmp-dialog header :is(.elm-link,button).is-close{--icon-glyph-before:"⨯"}.cmp-dialog header :is(.elm-link,button).is-close:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-dialog header :is(.elm-link,button).is-close:before{content:var(--icon-glyph-before)/""}}.cmp-dialog header :is(.elm-link,button).is-close{font-size:0}.cmp-dialog header :is(.elm-link,button).is-close:before{--icon-margin-after:0}.cmp-dialog main p:first-child{margin-top:0}.cmp-dialog footer{display:flex;margin-top:1.125rem}.cmp-dialog footer .elm-button+.elm-button{margin-left:1rem}.cmp-dialog footer[data-alignment=end]{justify-content:flex-end}.cmp-dialog footer:not([data-alignment=end]) .elm-button{flex-grow:1}.cmp-language-switcher{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");margin-right:1rem;position:relative}.cmp-language-switcher:focus li:not([aria-current],[aria-selected]),.cmp-language-switcher:hover li:not([aria-current],[aria-selected]){visibility:visible}.cmp-language-switcher:focus-visible li:not([aria-current],[aria-selected]){visibility:visible}.cmp-language-switcher:focus li[aria-current=page],.cmp-language-switcher:focus li[aria-selected=true],.cmp-language-switcher:hover li[aria-current=page],.cmp-language-switcher:hover li[aria-selected=true]{color:#ec0016}.cmp-language-switcher:focus-visible li[aria-current=page],.cmp-language-switcher:focus-visible li[aria-selected=true]{color:#ec0016}.cmp-language-switcher li{background-color:#fdfdfd;position:absolute;top:1.625rem}.rea-header .cmp-language-switcher li{top:calc(var(--db-language-switcher---direction, 1)*(100% + 1rem - 2px));z-index:40}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(200% + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(300% + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(400% + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(500% + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(600% + 1rem - 2px))}@media screen and (width > 1023px){.rea-header .cmp-language-switcher li{top:100%}}.cmp-language-switcher li .elm-button,.cmp-language-switcher li .elm-link{color:inherit;text-decoration:none}.cmp-language-switcher li:not([aria-current],[aria-selected]){visibility:hidden}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link{padding-block:1rem;padding-right:2.125rem}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:focus,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:hover,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:focus,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:hover{background-color:#d7dce1}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:focus-visible,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:focus-visible{background-color:#d7dce1}.cmp-language-switcher li[aria-current],.cmp-language-switcher li[aria-selected]{position:static}.cmp-language-switcher li[aria-current] .elm-button,.cmp-language-switcher li[aria-current] .elm-link,.cmp-language-switcher li[aria-selected] .elm-button,.cmp-language-switcher li[aria-selected] .elm-link{--icon-glyph-after:"⌄"}.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}@supports(content:""/""){.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after{content:var(--icon-glyph-after)/""}}.cmp-language-switcher li[aria-current] .elm-button:hover,.cmp-language-switcher li[aria-current] .elm-link:hover,.cmp-language-switcher li[aria-selected] .elm-button:hover,.cmp-language-switcher li[aria-selected] .elm-link:hover{color:#ec0016}.cmp-language-switcher li[aria-current] .elm-button:focus-visible,.cmp-language-switcher li[aria-current] .elm-link:focus-visible,.cmp-language-switcher li[aria-selected] .elm-button:focus-visible,.cmp-language-switcher li[aria-selected] .elm-link:focus-visible{color:#ec0016}.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after{float:right;margin-left:.3125rem}.cmp-language-switcher li .elm-button,.cmp-language-switcher li .elm-link{display:inline-block;padding-left:1.125rem}.cmp-language-switcher li .elm-button:focus,.cmp-language-switcher li .elm-button:hover,.cmp-language-switcher li .elm-link:focus,.cmp-language-switcher li .elm-link:hover{color:initial}.cmp-language-switcher li .elm-button:focus-visible,.cmp-language-switcher li .elm-link:focus-visible{color:initial}.cmp-language-switcher li .elm-button{border-width:0;line-height:1.5;padding-right:0;padding-top:.5625rem}.cmp-pagination{color:#282d37;font-size:.875rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cmp-pagination>ol{display:flex}.cmp-pagination .elm-link,.cmp-pagination li{align-items:center;display:inline-flex;justify-content:center}.cmp-pagination li{height:2.25rem;width:2.25rem}.cmp-pagination .elm-link{color:inherit;height:100%;text-decoration:none;width:100%}.cmp-pagination .elm-link[rel=next],.cmp-pagination .elm-link[rel=prev]{padding:0;vertical-align:bottom}.cmp-pagination .elm-link[rel=prev]:before{margin-left:.6875rem}.cmp-pagination .elm-link[rel=next]:before{margin-right:.6875rem}.cmp-pagination .elm-link[rel=prev]{--icon-glyph-before:"<"}.cmp-pagination .elm-link[rel=prev]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-pagination .elm-link[rel=prev]:before{content:var(--icon-glyph-before)/""}}.cmp-pagination .elm-link[rel=prev]{font-size:0}.cmp-pagination .elm-link[rel=prev]:before{--icon-margin-after:0}.cmp-pagination .elm-link[rel=next]{--icon-glyph-before:">"}.cmp-pagination .elm-link[rel=next]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-pagination .elm-link[rel=next]:before{content:var(--icon-glyph-before)/""}}.cmp-pagination .elm-link[rel=next]{font-size:0}.cmp-pagination .elm-link[rel=next]:before{--icon-margin-after:0}.cmp-pagination .elm-link[aria-current=page]{font-weight:700}.cmp-sidenavi{background-color:#3c414b;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);display:inline-block}.cmp-sidenavi .elm-link{border-radius:initial;color:#d7dce1;display:block;padding:1.25rem 1rem;text-decoration:none}.cmp-sidenavi .elm-link:focus,.cmp-sidenavi .elm-link:hover,.cmp-sidenavi .elm-link[aria-current=page]{color:#3c414b}.cmp-sidenavi .elm-link:focus-visible{color:#3c414b}.cmp-sidenavi .elm-link:focus,.cmp-sidenavi .elm-link:hover{background-color:#afb4bb}.cmp-sidenavi .elm-link[aria-current=page]{background-color:#d7dce1;font-weight:700}.cmp-sidenavi .elm-link[rel]{padding-left:1.3125rem}.cmp-sidenavi .elm-link[rel=index]{--icon-glyph-before:"⌂"}.cmp-sidenavi .elm-link[rel=index]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=index]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=documents]{--icon-glyph-before:"🖹"}.cmp-sidenavi .elm-link[rel=documents]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=documents]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=dashboard]{--icon-glyph-before:"󡅤"}.cmp-sidenavi .elm-link[rel=dashboard]:before{--icon-font-family:"icons-32-enterprise-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=dashboard]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=cloud]{--icon-glyph-before:"☁"}.cmp-sidenavi .elm-link[rel=cloud]:before{--icon-font-family:"icons-32-enterprise-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=cloud]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=calendar]{--icon-glyph-before:"󡉇"}.cmp-sidenavi .elm-link[rel=calendar]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=calendar]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=help]{--icon-glyph-before:"?"}.cmp-sidenavi .elm-link[rel=help]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=help]:before{content:var(--icon-glyph-before)/""}}.cmp-tab-bar{display:flex;flex-wrap:wrap;gap:.25rem}.cmp-tab-bar>*>input[type=radio]+label[role=tab],.cmp-tab-bar>input[type=radio]+label[role=tab]{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:.875rem 1rem;position:relative;z-index:1}.cmp-tab-bar>*>input[type=radio]+label[role=tab]:before,.cmp-tab-bar>input[type=radio]+label[role=tab]:before{margin-inline-start:-.125rem}.cmp-tab-bar>*>input[type=radio]:focus+label,.cmp-tab-bar>input[type=radio]:focus+label{outline:1px dotted #878c96}.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:focus,.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:hover,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:focus,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:hover{background-color:#282d371f}.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:focus-visible,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:focus-visible{background-color:#282d371f}.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:active,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:active{background-color:#282d373d}.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab],.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]{color:#878c96}.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:focus,.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:hover,.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:focus,.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:hover{background-color:unset}.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:focus-visible,.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:focus-visible{background-color:unset}.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab],.cmp-tab-bar>input[type=radio]:checked+label[role=tab]{font-weight:700}.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]+section[role=tabpanel],.cmp-tab-bar>input[type=radio]:checked+label[role=tab]+section[role=tabpanel]{display:initial}.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]:after,.cmp-tab-bar>input[type=radio]:checked+label[role=tab]:after{background-color:#ec0016;border-radius:5px;content:"";display:block;height:.25rem;inset-block-end:0;inset-inline:0;position:absolute}.cmp-tab-bar label[role=tab],.cmp-tab-bar section[role=tabpanel]{background-color:#fdfdfd}.cmp-tab-bar section[role=tabpanel]{display:none;flex-basis:100%;margin-block-start:.125rem;order:1}.cmp-tab-bar[data-size=small]>*>input[type=radio]+label[role=tab],.cmp-tab-bar[data-size=small]>input[type=radio]+label[role=tab]{padding-block:.625rem}.cmp-table{border-collapse:collapse;font-size:var(--table---fontSize,inherit);text-align:left}.cmp-table,.cmp-table>caption{box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05)}.cmp-table caption{font-weight:700;padding:1rem .75rem;text-align:left}.cmp-table thead{border-bottom:.0625rem solid #282d37;border-top:.0625rem solid #282d37}.cmp-table thead th{color:#646973}.cmp-table th{font-weight:400}.cmp-table td,.cmp-table th{padding:.75rem;text-align:inherit;vertical-align:inherit}.cmp-table td:hover,.cmp-table th:hover{resize:horizontal}.cmp-table td:focus-visible,.cmp-table th:focus-visible{resize:horizontal}.cmp-table td:hover:not(:has(.cmp-overflow-menu)),.cmp-table th:hover:not(:has(.cmp-overflow-menu)){overflow:auto}.cmp-table td:focus-visible:not(:has(.cmp-overflow-menu)),.cmp-table th:focus-visible:not(:has(.cmp-overflow-menu)){overflow:auto}.cmp-table tbody{border-bottom:.0625rem solid #282d37}.cmp-table tbody th:first-child{border-right:1px solid #4f4b41}.cmp-table tbody[data-align=left],.cmp-table td[data-align=left],.cmp-table th[data-align=left],.cmp-table thead[data-align=left],.cmp-table tr[data-align=left]{text-align:left}.cmp-table tbody[data-align=center],.cmp-table td[data-align=center],.cmp-table th[data-align=center],.cmp-table thead[data-align=center],.cmp-table tr[data-align=center]{text-align:center}.cmp-table tbody[data-align=right],.cmp-table td[data-align=right],.cmp-table th[data-align=right],.cmp-table thead[data-align=right],.cmp-table tr[data-align=right]{text-align:right}.cmp-table tbody[data-vertical-align=top],.cmp-table td[data-vertical-align=top],.cmp-table th[data-vertical-align=top],.cmp-table thead[data-vertical-align=top],.cmp-table tr[data-vertical-align=top]{vertical-align:top}.cmp-table tbody[data-vertical-align=middle],.cmp-table td[data-vertical-align=middle],.cmp-table th[data-vertical-align=middle],.cmp-table thead[data-vertical-align=middle],.cmp-table tr[data-vertical-align=middle]{vertical-align:middle}.cmp-table tbody[data-vertical-align=bottom],.cmp-table td[data-vertical-align=bottom],.cmp-table th[data-vertical-align=bottom],.cmp-table thead[data-vertical-align=bottom],.cmp-table tr[data-vertical-align=bottom]{vertical-align:bottom}.cmp-table[data-border=around] tbody tr:not(:last-child) td,.cmp-table[data-border=around] tbody tr:not(:last-child) th,.cmp-table[data-border=horizontal] tbody tr:not(:last-child) td,.cmp-table[data-border=horizontal] tbody tr:not(:last-child) th{border-bottom:1px solid #d7dce1}.cmp-table[data-border=around] tbody td:not(:first-child),.cmp-table[data-border=around] tbody th:not(:first-child){border-left:1px solid #d7dce1}.cmp-table[data-rows=zebra] tbody tr:nth-child(odd){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(40,45,55,.07)}.cmp-table[data-density=small] td,.cmp-table[data-density=small] th{padding:.5rem}.cmp-table[data-density=large] td,.cmp-table[data-density=large] th{padding:1rem}.cmp-table[data-sticky=header] tbody th,.cmp-table[data-sticky=header] thead{background-color:#fff;position:sticky;top:-1px}.cmp-link-list{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");padding-left:0}.cmp-link-list li .elm-link{font-weight:700;text-decoration:none;--icon-glyph-before:">"}.cmp-link-list li .elm-link:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-link-list li .elm-link:before{content:var(--icon-glyph-before)/""}}.cmp-link-list li .elm-link:active,.cmp-link-list li .elm-link:hover{text-decoration:underline}.cmp-link-list li .elm-link:focus-visible{text-decoration:underline}.cmp-link-list li .elm-link:before{color:#ec0016;display:inline-block;font-size:.75rem;font-weight:700;margin-top:-.125rem;vertical-align:middle}.cmp-dropdown,.cmp-overflow-menu{color:#2d333f;display:inline-block;position:relative}.cmp-dropdown:not(.is-account) summary,.cmp-overflow-menu:not(.is-account) summary{font-size:0}.cmp-dropdown:not(.is-account) summary:before,.cmp-overflow-menu:not(.is-account) summary:before{--icon-margin-after:0}.cmp-dropdown summary,.cmp-overflow-menu summary{align-items:center;background-color:rgba(40,45,55,0);border-radius:4px;cursor:default;display:inline-flex;padding:.5rem .75rem;--icon-glyph-before:"⋮"}.cmp-dropdown summary:before,.cmp-overflow-menu summary:before{--icon-font-family:"icons-20-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.25rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-dropdown summary:before,.cmp-overflow-menu summary:before{content:var(--icon-glyph-before)/""}}.cmp-dropdown summary:before,.cmp-overflow-menu summary:before{transform:translateX(-.125rem)}.cmp-dropdown summary:hover,.cmp-overflow-menu summary:hover{background-color:rgba(40,45,55,.08)}.cmp-dropdown summary:focus-visible,.cmp-overflow-menu summary:focus-visible{background-color:rgba(40,45,55,.08)}.cmp-dropdown summary:active,.cmp-overflow-menu summary:active{background-color:rgba(40,45,55,.16)}.cmp-dropdown summary::-webkit-details-marker,.cmp-overflow-menu summary::-webkit-details-marker{display:none}.cmp-dropdown summary:first-of-type,.cmp-overflow-menu summary:first-of-type{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E")}.cmp-dropdown menu,.cmp-dropdown ul,.cmp-overflow-menu menu,.cmp-overflow-menu ul{background-color:#fff;border-radius:8px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));margin-block-start:1rem;padding-left:0;position:absolute;width:min-content;z-index:60}.cmp-dropdown menu:before,.cmp-dropdown ul:before,.cmp-overflow-menu menu:before,.cmp-overflow-menu ul:before{border-bottom:.8125rem solid #fff;border-left:.8125rem solid transparent;border-right:.8125rem solid transparent;content:"";height:0;position:absolute;transform:translate(.75rem,-.8125rem);width:0}.cmp-dropdown menu li a,.cmp-dropdown menu li button,.cmp-dropdown ul li a,.cmp-dropdown ul li button,.cmp-overflow-menu menu li a,.cmp-overflow-menu menu li button,.cmp-overflow-menu ul li a,.cmp-overflow-menu ul li button{background-color:#fff;border-radius:unset;display:block;font-weight:400;padding:1rem 2rem 1rem 1rem;text-decoration:none}.cmp-dropdown menu li a:focus,.cmp-dropdown menu li a:hover,.cmp-dropdown menu li button:focus,.cmp-dropdown menu li button:hover,.cmp-dropdown ul li a:focus,.cmp-dropdown ul li a:hover,.cmp-dropdown ul li button:focus,.cmp-dropdown ul li button:hover,.cmp-overflow-menu menu li a:focus,.cmp-overflow-menu menu li a:hover,.cmp-overflow-menu menu li button:focus,.cmp-overflow-menu menu li button:hover,.cmp-overflow-menu ul li a:focus,.cmp-overflow-menu ul li a:hover,.cmp-overflow-menu ul li button:focus,.cmp-overflow-menu ul li button:hover{background-color:#d7dce1;color:inherit}.cmp-dropdown menu li a:focus-visible,.cmp-dropdown menu li button:focus-visible,.cmp-dropdown ul li a:focus-visible,.cmp-dropdown ul li button:focus-visible,.cmp-overflow-menu menu li a:focus-visible,.cmp-overflow-menu menu li button:focus-visible,.cmp-overflow-menu ul li a:focus-visible,.cmp-overflow-menu ul li button:focus-visible{background-color:#d7dce1;color:inherit}.cmp-dropdown menu li:first-child a,.cmp-dropdown menu li:first-child button,.cmp-dropdown ul li:first-child a,.cmp-dropdown ul li:first-child button,.cmp-overflow-menu menu li:first-child a,.cmp-overflow-menu menu li:first-child button,.cmp-overflow-menu ul li:first-child a,.cmp-overflow-menu ul li:first-child button{border-top-left-radius:8px;border-top-right-radius:8px}.cmp-dropdown menu li:last-child a,.cmp-dropdown menu li:last-child button,.cmp-dropdown ul li:last-child a,.cmp-dropdown ul li:last-child button,.cmp-overflow-menu menu li:last-child a,.cmp-overflow-menu menu li:last-child button,.cmp-overflow-menu ul li:last-child a,.cmp-overflow-menu ul li:last-child button{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.cmp-overflow-menu[data-horizontal-position=opposite] menu,.cmp-overflow-menu[data-horizontal-position=opposite] ul,[data-horizontal-position=opposite].cmp-dropdown menu,[data-horizontal-position=opposite].cmp-dropdown ul{right:0}.cmp-overflow-menu[data-horizontal-position=opposite] menu:before,.cmp-overflow-menu[data-horizontal-position=opposite] ul:before,[data-horizontal-position=opposite].cmp-dropdown menu:before,[data-horizontal-position=opposite].cmp-dropdown ul:before{right:0;transform:translate(-.75rem,-.8125rem)}.cmp-dropdown menu,.cmp-overflow-menu menu{list-style-type:""}.cmp-dropdown menu li,.cmp-overflow-menu menu li{overflow-x:hidden}.cmp-dropdown menu button,.cmp-overflow-menu menu button{line-height:inherit;text-align:left;width:100%}.cmp-overflow-menu[open] summary:after,[open].cmp-dropdown summary:after{content:" ";display:inline-block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:50}.cmp-dropdown.is-account summary{--icon-glyph-before:"󡈡"}.cmp-dropdown.is-account summary:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-dropdown.is-account summary:before{content:var(--icon-glyph-before)/""}}@media screen and (max-width:41rem){.cmp-dropdown.is-account summary{font-size:0}.cmp-dropdown.is-account summary:before{--icon-margin-after:0}}.cmp-dropdown menu,.cmp-dropdown ul{background-color:#fff;margin-block-start:0;right:0;transform:translateY(.875rem)}.cmp-dropdown menu:before,.cmp-dropdown ul:before{content:none}.cmp-dropdown[data-horizontal-position=opposite] menu,.cmp-dropdown[data-horizontal-position=opposite] ul{right:unset}body{display:grid;grid-template-rows:auto 1fr auto}body.has-fixed-footer .rea-footer,body.has-fixed-header .rea-header{position:fixed;width:100%;z-index:10}body.has-fixed-header{padding-top:5.9375rem}body.has-fixed-header .rea-header{top:0}@media screen and (max-width:1023px){body.has-fixed-header{padding-top:5rem}}body.has-fixed-footer{padding-bottom:5.5rem}body.has-fixed-footer .rea-footer{bottom:0}@media screen and (max-width:1023px){body.has-fixed-footer{padding-bottom:5.875rem}}.cmp-mainnavigation:before,.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch:before{background-color:rgba(40,45,55,.2);content:"";height:1.5rem;inset-block-start:50%;position:absolute;transform:translateY(-50%);width:1px}.rea-header{align-items:center;background-color:#fdfdfd;box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 1px rgba(0,0,0,.05);display:flex;gap:1.5rem;margin-bottom:1rem;min-block-size:3.5rem;padding-inline:1.5rem}@media screen and (width > 1023px){.rea-header{padding-block:.875rem}}.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch:before{inset-inline-end:0}@media screen and (max-width:1023px){.rea-header{border-bottom:.0625rem solid #9c9a8e;position:relative}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-dropdown,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-language-switcher,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-metanavigation,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta>.elm-link{display:none}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta{--db-language-switcher---direction:-1;background-color:#fff;block-size:3.5rem;border-bottom-left-radius:4px;border-top:1px solid rgba(40,45,55,.2);inset-block-end:0;inset-block-start:unset;inset-inline-end:0;inset-inline-start:1.5rem;padding-inline:1rem;position:fixed;z-index:50}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta .cmp-sitesearch{display:none}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta .cmp-dropdown>menu{bottom:100%;transform:translateY(-.875rem)}}.rea-meta{align-items:center;display:flex;gap:.5rem;margin-inline-start:auto}.rea-meta ol,.rea-meta ul{margin:0;padding:0}.rea-meta ul{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E")}.rea-header .rea-meta{order:2}.rea-header .rea-meta .elm-link{padding-bottom:.5625rem;padding-top:.5625rem}.rea-meta>.elm-link[rel=account]{font-size:0;margin-left:.25rem}.rea-meta>.elm-link[rel=account]:before{--icon-margin-after:0}@media screen and (min-width:27.25rem){.rea-meta>.elm-link[rel=account]{margin-left:.5rem}}.rea-meta .cmp-sitesearch:focus-within~.elm-link[rel=account]{font-size:0}.rea-meta .cmp-sitesearch:focus-within~.elm-link[rel=account]:before{--icon-margin-after:0}.rea-footer:after,.rea-main:after{clear:both;content:" ";display:table}.rea-main{background-color:transparent;margin:0 auto;padding:1rem;position:relative}@media screen and (min-width:1088px){.rea-main{max-width:960px;width:960px}}@media screen and (min-width:1280px){.rea-main{max-width:1152px;width:1152px}}@media screen and (min-width:1472px){.rea-main{max-width:1344px;width:1344px}}.rea-grid{flex-wrap:wrap;margin-left:-.625rem;margin-right:-.625rem;margin-top:-.625rem}@media print,screen and (min-width:769px){.rea-grid{display:flex}}.rea-grid>area,.rea-grid>div,.rea-grid>li,.rea-grid>section{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.625rem}@media screen and (max-width:1199px){.rea-grid>area,.rea-grid>div,.rea-grid>li,.rea-grid>section{padding:.375rem}}.rea-grid:last-child{margin-bottom:-.625rem}.rea-grid:not(:last-child){margin-bottom:.875rem}@media screen and (max-width:1199px){.rea-grid{margin-left:-.375rem;margin-right:-.375rem;margin-top:-.375rem}.rea-grid:last-child{margin-bottom:-.375rem}.rea-grid:not(:last-child){margin-bottom:1.125rem}}.rea-grid [data-type=four-fifths]{flex:none;width:80%}.rea-grid [data-type=three-quarters]{flex:none;width:75%}.rea-grid [data-type=two-thirds]{flex:none;width:66.6666%}.rea-grid [data-type=three-fifths]{flex:none;width:60%}.rea-grid [data-type=half]{flex:none;width:50%}.rea-grid [data-type=two-fifths]{flex:none;width:40%}.rea-grid [data-type=one-third]{flex:none;width:33.3333%}.rea-grid [data-type=one-quarter]{flex:none;width:25%}.rea-grid [data-type=one-fifth]{flex:none;width:20%}.rea-footer{background-color:#fdfdfd;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);color:#646973;margin-top:1rem;padding:1.3125rem 1rem}.rea-footer.has-border{border-top:.375rem solid #d7dce1}@media screen and (max-width:767px){.rea-footer{text-align:center}}
+/*# sourceMappingURL=db-ui-core-include.css.map */
\ No newline at end of file
diff --git a/review/refactor-icon-update/css/enterprise/db-ui-core-include.css.map b/review/refactor-icon-update/css/enterprise/db-ui-core-include.css.map
new file mode 100644
index 0000000000..c7717d2436
--- /dev/null
+++ b/review/refactor-icon-update/css/enterprise/db-ui-core-include.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["db-ui-core-include.css","../../../node_modules/@csstools/normalize.css/normalize.css","../../../source/_patterns/00-base/_init.global.scss","../../../node_modules/@db-ui/base/build/scss/_variables.scss","../../../source/_patterns/00-base/_init.scss","../../../source/css/helpers/_a11y.scss","../../../source/css/helpers/_clearfix.scss","../../../source/_patterns/00-base/type/_fonts.scss","../../../source/_patterns/00-base/icons/_icons.attributes-mappings.scss","../../../source/_patterns/00-base/icons/_icons.helpers.scss","../../../source/_patterns/00-base/icons/_icons.font-faces.scss","../../../source/_patterns/00-base/icons/_icons.placeholder.scss","../../../source/_patterns/00-base/icons/icons.scss","../../../source/_patterns/01-elements/buttons/button.scss","../../../source/_patterns/01-elements/buttons/_button.variables.scss","../../../source/_patterns/01-elements/headline/headline.scss","../../../source/_patterns/01-elements/link/link.scss","../../../source/_patterns/01-elements/link/_link.variables.scss","../../../source/_patterns/01-elements/logo/logo.scss","../../../source/_patterns/01-elements/_form-elements.scss","../../../source/_patterns/01-elements/checkbox/checkbox.scss","../../../source/_patterns/01-elements/checkbox/_checkbox.variables.scss","../../../source/_patterns/01-elements/input/input.scss","../../../source/_patterns/01-elements/loading-indicator/loading-indicator.scss","../../../source/_patterns/01-elements/progress/_progress.variables.scss","../../../source/_patterns/01-elements/progress/progress.scss","../../../source/_patterns/01-elements/radio/radio.scss","../../../source/_patterns/01-elements/textarea/textarea.scss","../../../source/_patterns/01-elements/select/select.scss","../../../source/_patterns/01-elements/chips/chip.scss","../../../source/_patterns/01-elements/chips/_chip.variables.scss","../../../source/_patterns/01-elements/tags/tag.scss","../../../source/_patterns/01-elements/tags/_tag.variables.scss","../../../source/_patterns/01-elements/toggle/toggle.scss","../../../source/_patterns/01-elements/video/_youtube.scss","../../../source/_patterns/02-components/breadcrumb/breadcrumb.scss","../../../source/_patterns/02-components/breadcrumb/_breadcrumb.variables.scss","../../../source/_patterns/02-components/cards/cards.scss","../../../source/_patterns/02-components/cards/card.scss","../../../source/_patterns/02-components/accordion/accordion.scss","../../../source/_patterns/02-components/accordion/_accordion.variables.scss","../../../source/css/helpers/_dividers.scss","../../../source/_patterns/02-components/mainnavigation/_mainnavigation.variables.scss","../../../source/_patterns/02-components/mainnavigation/mainnavigation.scss","../../../source/css/_db-ui-core.variables.scss","../../../source/_patterns/02-components/metanavigation/metanavigation.scss","../../../source/_patterns/02-components/brand/brand.scss","../../../source/_patterns/01-elements/_form-elements.variables.scss","../../../source/_patterns/02-components/sitesearch/sitesearch.scss","../../../source/_patterns/02-components/notifications/notification.scss","../../../source/_patterns/02-components/notifications/_notification.variables.scss","../../../source/_patterns/02-components/dialog/dialog.scss","../../../source/_patterns/02-components/dialog/_dialog.variables.scss","../../../source/_patterns/02-components/language-switcher/language-switcher.scss","../../../source/_patterns/02-components/pagination/pagination.scss","../../../source/_patterns/02-components/sidenavi/sidenavi.scss","../../../source/_patterns/02-components/tab-bar/tab-bar.scss","../../../source/_patterns/02-components/tab-bar/_tab-bar.variables.scss","../../../source/_patterns/02-components/table/table.scss","../../../source/_patterns/02-components/table/_table.helpers.scss","../../../source/_patterns/02-components/table/_table.variables.scss","../../../source/_patterns/02-components/link-list/link-list.scss","../../../source/_patterns/02-components/overflow-menu/overflow-menu.scss","../../../source/_patterns/02-components/overflow-menu/_overflow-menu.variables.scss","../../../source/_patterns/02-components/dropdown/dropdown.scss","../../../source/_patterns/03-areas/_areas.scss","../../../source/_patterns/03-areas/00-header/_header.variables.scss","../../../source/_patterns/03-areas/00-header/header.scss","../../../source/_patterns/03-areas/00-header/meta.scss","../../../source/_patterns/03-areas/01-main/_main.scss","../../../source/_patterns/03-areas/01-main/_main.variables.scss","../../../source/_patterns/03-areas/02-grid/_grid.scss","../../../source/_patterns/03-areas/02-grid/enterprise/_grid.variables.scss","../../../source/_patterns/03-areas/03-footer/footer.scss","../../../source/_patterns/03-areas/03-footer/_footer.variables.scss"],"names":[],"mappings":"AAAA,aCQA,gBACE,CAAA,6BACA,CAAA,qBACA,CAAA,WAWF,aACE,CAAA,sBACA,CAAA,wBACA,CAAA,kCAUF,kBACE,CAAA,oBACA,CAAA,WAQF,sBACE,CAAA,aACA,CAAA,QACA,CAAA,oBAUF,yBACE,CAAA,wCACA,CADA,gCACA,CAAA,iBAOF,kBACE,CAAA,0BAQF,+BACE,CAAA,aACA,CAAA,cAOF,aACE,CAAA,cAWF,yBACE,CAAA,aACA,CAAA,4BAUF,QACE,CAAA,eAOF,mBACE,CAAA,wEAOF,yBACE,CAAA,iBAOF,uBACE,CAAA,eAOF,mBACE,CAAA,iBAOF,QACE,CAAA,6BAQF,4BACE,CAAA,mBACA,CAAA,wDAOF,WAEE,CAAA,4BAOF,aACE,CAAA,WACA,CAAA,4BAOF,uBACE,CAAA,6BAQF,yBACE,CAAA,YACA,CAAA,yGAOF,iBACE,CAAA,SACA,CAAA,uGAOF,6BACE,CAAA,yBAOF,eACE,CAAA,eAUF,qBACE,CAAA,YACA,CAAA,UACA,CACA,kBACA,CAAA,MACA,CAAA,WACA,CAAA,WACA,CAAA,iBACA,CAAA,OACA,CACA,iBACA,CAAA,2BAGF,YACE,CAAA,gBAOF,iBACE,CAAA,UC7PF,QAEC,CAAA,SACA,CAAA,KAGD,gBAEC,CAAA,KAID,wBACC,CAAA,iCAEA,CAAA,kCACA,CAAA,eACA,CAAA,iBACA,CAAA,iBACA,CAAA,iCACA,CAAA,6BACA,CAAA,qBACA,CAAA,2CAGD,qDCsJsB,CAAA,SD7ItB,4BAEC,CAAA,2BACA,CAAA,KC6HwB,cDxHxB,CAAA,eACA,CAAA,eACA,CAAA,OAJD,aC0HyB,CAAA,SD/GxB,kBACC,CAAA,QAGD,aACC,CAJA,gBAGD,aACC,CAAA,KAKD,aACA,CAAA,gBACA,CAAA,eACA,CAAA,kBACA,CAAA,QALD,wBAaC,CARA,GAIA,WACA,CAAA,aACA,CAAA,UACA,CAAA,eACA,CAAA,IAGD,WACC,CAAA,cACA,CAAA,MAGD,gBACC,CAAA,SAID,WACC,CAAA,IAGD,wBACC,CAAA,aACA,CAAA,gBACA,CAAA,gCACA,CAAA,eACA,CAAA,sBACA,CAAA,eACA,CAAA,gBACA,CAAA,SAEA,4BACC,CAAA,kBACA,CAAA,aACA,CAAA,SACA,CAAA,KEzGF,0CACC,CAAA,iBAGD,kBAGC,CAAA,8BAID,WAKC,CAAA,cACA,CAAA,OAID,QACC,CAAA,wDAOA,gGAEC,CAAA,QAEA,CAAA,SACA,CAAA,MAKF,6BACC,CAAA,gCACA,CAAA,qCAID,uCACC,CAAA,mDAEA,mHACC,CAAA,0EAGA,CAAA,WAQF,sBACC,CAAA,sBAEA,aDlBkB,CAAA,yCCyBlB,0CAGC,CAAA,mnCC1EF,kBACC,CAAA,UACA,CAAA,eACA,CAAA,2BACA,CAAA,kBACA,CAAA,SACA,CCHA,WCSA,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,8OAWX,CAAA,WANH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,wOAWX,CAAA,WANH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,8OAWX,CAAA,WANH,0CAPc,CAAA,iBAGD,CAAA,eADC,CAAA,8QAWX,CAAA,WANH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,wOAWX,CAAA,WANH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,4LAoCX,CAAA,WA/BH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,kMAoCX,CAAA,WA/BH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,yOAWX,CAAA,+CCdH,wBAEC,CAAA,0BAED,uBACC,CAAA,uCALD,uBAEC,CAAA,sBAED,sBACC,CAAA,qDALD,uBAEC,CAAA,6BAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,+CALD,uBAEC,CAAA,0BAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,6CALD,uBAEC,CAAA,yBAED,sBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,+DALD,uBAEC,CAAA,kCAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,uEALD,uBAEC,CAAA,sCAED,sBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,qEALD,uBAEC,CAAA,qCAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,yDALD,uBAEC,CAAA,+BAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,qCALD,wBAEC,CAAA,qBAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,+CALD,uBAEC,CAAA,0BAED,sBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,6EALD,wBAEC,CAAA,yCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,qEALD,wBAEC,CAAA,qCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,+FALD,wBAEC,CAAA,kDAED,uBACC,CAAA,+EALD,wBAEC,CAAA,0CAED,uBACC,CAAA,6EALD,wBAEC,CAAA,yCAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,qDALD,uBAEC,CAAA,6BAED,sBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,qEALD,wBAEC,CAAA,qCAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,qDALD,uBAEC,CAAA,6BAED,sBACC,CAAA,qDALD,uBAEC,CAAA,6BAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,6CALD,uBAEC,CAAA,yBAED,sBACC,CAAA,yDALD,uBAEC,CAAA,+BAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+DALD,uBAEC,CAAA,kCAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,6DALD,uBAEC,CAAA,iCAED,sBACC,CAAA,+CALD,uBAEC,CAAA,0BAED,sBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,6EALD,uBAEC,CAAA,yCAED,sBACC,CAAA,+EALD,wBAEC,CAAA,0CAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,yEALD,wBAEC,CAAA,uCAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,2EALD,wBAEC,CAAA,wCAED,uBACC,CAAA,iFALD,wBAEC,CAAA,2CAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,qFALD,wBAEC,CAAA,6CAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,yFALD,wBAEC,CAAA,+CAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yEALD,wBAEC,CAAA,uCAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,uCALD,uBAEC,CAAA,sBAED,sBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yDALD,uBAEC,CAAA,+BAED,sBACC,CAAA,6DALD,uBAEC,CAAA,iCAED,sBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,yEALD,wBAEC,CAAA,uCAED,uBACC,CAAA,mDALD,uBAEC,CAAA,4BAED,sBACC,CAAA,+CALD,uBAEC,CAAA,0BAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,iFALD,wBAEC,CAAA,2CAED,uBACC,CAAA,6EALD,wBAEC,CAAA,yCAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,6FALD,wBAEC,CAAA,iDAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,qEALD,wBAEC,CAAA,qCAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,iFALD,uBAEC,CAAA,2CAED,sBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,qFALD,uBAEC,CAAA,6CAED,sBACC,CAAA,iFALD,uBAEC,CAAA,2CAED,sBACC,CAAA,mFALD,uBAEC,CAAA,4CAED,sBACC,CAAA,iGALD,uBAEC,CAAA,mDAED,sBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,2EALD,uBAEC,CAAA,wCAED,sBACC,CAAA,uEALD,uBAEC,CAAA,sCAED,sBACC,CAAA,uEALD,uBAEC,CAAA,sCAED,sBACC,CAAA,mFALD,uBAEC,CAAA,4CAED,sBACC,CAAA,qFALD,uBAEC,CAAA,6CAED,sBACC,CAAA,6EALD,uBAEC,CAAA,yCAED,sBACC,CAAA,6CALD,uBAEC,CAAA,yBAED,sBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,+EALD,wBAEC,CAAA,0CAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CCqGA,sSAHD,+DACC,CAAA,qBAEA,CAAA,sSAHD,+DACC,CAAA,wBAEA,CAAA,sSAHD,+DACC,CAAA,uBAEA,CAAA,sSAHD,+DACC,CAAA,qBAEA,CAAA,sSAHD,+DACC,CAAA,qBAEA,CAAA,sSAHD,+DACC,CAAA,qBAEA,CAAA,iSAHD,8DACC,CAAA,qBAEA,CAAA,iSAHD,8DACC,CAAA,wBAEA,CAAA,iSAHD,8DACC,CAAA,uBAEA,CAAA,iSAHD,8DACC,CAAA,qBAEA,CAAA,iSAHD,8DACC,CAAA,qBAEA,CAAA,iSAHD,8DACC,CAAA,qBAEA,CAAA,WCvGF,kBACC,CAAA,yBACA,CAAA,+KAEC,CAAA,WAUC,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,kCAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+MAEC,CAAA,0DAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,+XAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,4HAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qNAEC,CAAA,qGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2MAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+MAEC,CAAA,iDAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yMAEC,CAAA,sIAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,6CAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yMAEC,CAAA,4GAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,sGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+MAEC,CAAA,2HAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mNAEC,CAAA,0CAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,yEAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,4GAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uNAEC,CAAA,2GAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,+XAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,oHAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qNAEC,CAAA,qGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2MAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+MAEC,CAAA,iDAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yMAEC,CAAA,sIAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,6CAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yMAEC,CAAA,4GAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,sGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+MAEC,CAAA,2HAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mNAEC,CAAA,kCAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,yEAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,sFAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uNAEC,CAAA,+FAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,+XAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,oHAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qNAEC,CAAA,qGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2MAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+MAEC,CAAA,iDAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yMAEC,CAAA,sIAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,6CAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yMAEC,CAAA,oFAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,sGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+MAEC,CAAA,2HAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mNAEC,CAAA,kCAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,yEAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,sFAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uNAEC,CAAA,+FAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,8DAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,8DAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,oCAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6MAEC,CAAA,oBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iNAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,gLAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,uEAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mNAEC,CAAA,wDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,yDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,qDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iMAEC,CAAA,wDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6MAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iNAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,qCAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qNAEC,CAAA,6GAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,qGAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,6DAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,qDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iMAEC,CAAA,2BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6MAEC,CAAA,oBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iNAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qNAEC,CAAA,6GAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,4GAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,6DAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iMAEC,CAAA,2BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6MAEC,CAAA,oBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iNAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qNAEC,CAAA,6GAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,uDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,uDAKD,CAAA,svCCnCJ,cAEC,CAAA,MACA,CAAA,oBAEA,CAAA,6CAGA,CAAA,kCAGA,CAAA,iCACA,CAAA,iBAEA,CAAA,mBACA,CAAA,eACA,CAAA,0CACA,CAAA,aACA,CAAA,UACA,CAAA,WACA,CAAA,mBACA,CAAA,qBAEA,CAAA,aAGA,svCA1BD,YA2BE,CAAA,CAAA,cAED,svCA7BD,YA8BE,CAAA,CAAA,6JAKF,6DACC,CAAA,uBACA,CAAA,6CC1BA,gCAEC,CACA,mEACA,CAFA,kDAEA,CAAA,wBAQD,+BAEC,CACA,kEACA,CAFA,qDAEA,CAAA,yEH0DD,WACC,CAAA,uFAIA,qBACC,CAAA,uCANF,WACC,CAAA,6CAQA,sBACC,CAAA,YI1FH,kBACC,CAAA,4BACA,CAAA,iBACA,CAAA,mBACA,CAAA,cACA,CAAA,sBACA,CAAA,kBCFoB,CAAA,kBDIpB,CAAA,qDAEA,oBAEC,CAAA,6BAGD,qBACC,CAAA,iCAGD,aCfoB,CAAA,0ED0BpB,UC7BgB,CDkChB,eClCgB,CDoCf,wCAGD,wBACC,CAAA,iDAEA,0BACC,CAAA,6DAMA,wBCxC0C,CDkC1C,qEAMA,wBCxC0C,CAAA,8DD6C1C,wBACC,CAAA,kCAKH,wBVkGwB,CAAA,2CU/FvB,0BACC,CAAA,uDAMA,wBC1DoC,CDoDpC,+DAMA,wBC1DoC,CAAA,wDD+DpC,wBACC,CAAA,4CAKH,iCAEC,CAFD,yBAEC,CAAA,4BACA,CAAA,oBV0EuB,CAAA,aAAA,CAAA,qDUrEtB,sBACA,CAFD,eAEC,CAAA,iEAIA,mCC5E6C,CDwE7C,yEAIA,mCC5E6C,CAAA,kEDiF7C,mCC5E8C,CAAA,0CDkFhD,wBVgDwB,CAAA,aAKA,CAAA,mDUhDtB,0BACA,CAFD,eAEC,CAAA,+DAMA,wBCtG2C,CDgG3C,uEAMA,wBCtG2C,CAAA,gED2G3C,wBC1G4C,CAAA,yCDgH9C,4BACC,CAAA,4BACA,CAAA,aV4BuB,CAAA,kDUzBvB,eACC,CAAA,8DAIA,mCCxH6C,CDoH7C,sEAIA,mCCxH6C,CAAA,+DD6H7C,mCCxH8C,CAAA,6BD+HhD,kBACC,CAAA,wDAEA,iBACC,CJlDD,yJAHD,+DACC,CAAA,wBAEA,CAAA,kDI8DA,aACC,CAAA,6BAIF,kBACC,CAAA,wDAEA,iBACC,CAAA,kDAGD,aACC,CAAA,qBAiCF,eACC,CAAA,6BAID,gBACC,CAAA,cE5ND,kBAEA,CAAA,iBAGA,CAND,iBAMC,CAAA,gCAGC,6CACC,CAAA,oDACA,CAAA,UAGA,CAAA,aACA,CAKA,0CACA,CANA,gDACA,CAAA,+CACA,CAAA,+BAIA,CAAA,gDAQF,qDZkJyB,CAAA,eYhJxB,CAAA,gBAKD,iBACC,CAAA,wBAGA,CAAA,oCACA,gBALD,iBAME,CAAA,gBAGA,CAAA,CAAA,gBAMF,gBACC,CAAA,wBAGA,CAAA,oCACA,gBALD,iBAME,CAAA,eAGA,CAAA,CAAA,gBAMF,iBACC,CAAA,eAGA,CAAA,oCACA,gBALD,kBAME,CAAA,gBAGA,CAAA,CAAA,gBAMF,kBACC,CAAA,eAGA,CAAA,wBACA,CAAA,oCACA,gBAND,cAOE,CAAA,gBAGA,CAAA,CAAA,UC3FH,oBACC,CAAA,oBACA,CAAA,8BAGA,CAAA,6BACA,CAAA,qCACA,UAPD,4BAQE,CAAA,CAAA,iBAGD,aACC,CAAA,8BAID,UCfwB,CAAA,mBDkBvB,CAAA,qCAEA,aACC,CAAA,sDAMD,iBACC,CP8ED,gMAHD,+DACC,CAAA,wBAEA,CAAA,6BAnGA,uBACC,CAAA,oCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,oCApBD,mCAuBE,CAAA,CAAA,wBA5BD,wBACC,CAAA,+BAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,+BApBD,mCAuBE,CAAA,CAAA,uBA5BD,wBACC,CAAA,8BAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,8BApBD,mCAuBE,CAAA,CAAA,iGO2BD,oBAEC,CAAA,UExCF,iCACA,CA1BD,+BA0BC,CAAA,4BAyBC,oBACC,CAAA,qBACA,CAAA,gEAEA,oBACC,CAAA,qBACA,CAAA,sDAID,oBACC,CAAA,qBACA,CAAA,2BAZF,oBACC,CAAA,qBACA,CAAA,+DAEA,oBACC,CAAA,qBACA,CAAA,qDAID,oBACC,CAAA,qBACA,CAAA,4BAZF,oBACC,CAAA,qBACA,CAAA,gEAEA,oBACC,CAAA,qBACA,CAAA,sDAID,oBACC,CAAA,qBACA,CAAA,2BAZF,oBACC,CAAA,qBACA,CAAA,+DAEA,oBACC,CAAA,qBACA,CAAA,qDAID,oBACC,CAAA,qBACA,CAAA,4BAZF,oBACC,CAAA,qBACA,CAAA,gEAEA,oBACC,CAAA,qBACA,CAAA,sDAID,oBACC,CAAA,qBACA,CC+ED,cC3IH,mEACC,CAAA,oBAKA,CAAA,uBAEA,CAFA,eAEA,CAAA,mCCV4B,CAAA,6BDY5B,CAAA,iBACA,CAAA,ajBmJwB,CAAA,mBiBhJxB,CAAA,wCACA,CAAA,sBACA,CAAA,uCACA,CXZC,uBWYD,CXXE,qBAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,qBApBD,mCAuBE,CAAA,CAAA,6BWTF,kBACC,CAAA,qBAGD,yBACC,CAAA,cACA,CAAA,sBAGD,wBjB6HwB,CAAA,6BiB1HvB,UCjCwB,CAAA,WDmCvB,CAAA,4BAKD,mCACC,CANA,oCAKD,mCACC,CAAA,oCAEA,wBCzCsC,CDuCtC,4CAEA,wBCzCsC,CAAA,6BD8CvC,mCACC,CAAA,mCAKD,WACC,CAAA,oDAKD,UAEC,CAAA,oBAIF,2BjB2Fe,CgBrBb,WG3IH,anB8JyB,CAAA,cmBzJxB,CAAA,cACA,CAAA,kBACA,CAAA,cACA,CAEA,mBnByJc,CmB3Jd,UnB2Jc,CAAA,qDmBrJd,mBnBmJc,CAAA,oDmB9Ib,kBACC,CAAA,uCAIF,gBACC,CALC,mCAIF,gBACC,CAAA,iFAEA,gBACC,CAHD,6EAEA,gBACC,CAAA,gEAaD,mCACC,CAdA,wCAaD,mCACC,CAAA,wHAOD,UAGC,CAAA,8rDAwBD,iCAQE,CAAA,sCAGD,8rDAXD,kCAYE,CAAA,CAAA,8dAIF,anBgEuB,CAAA,amB5DtB,CAAA,gBACA,CAAA,uBAEA,CAAA,oCACA,CAAA,gsCAEA,YAEC,CAAA,o2BAMA,SACC,CAPD,gzBAMA,SACC,CAAA,6mBAKH,anBwCuB,CmB7CpB,wfAKH,anBwCuB,CAAA,wBmBCxB,oIACC,CAAA,yBAKA,CAAA,iBACA,CAAA,yDAKC,gBACC,CAAA,sBClJJ,oDACC,CAAA,apBekB,CoBxCnB,aACC,CpBuCkB,oCoB7BjB,+CACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,mCARD,oCACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,sBARD,+CACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,mCARD,+CACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,oCARD,sCACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,8BAkCH,2DACC,CAAA,4BACA,CAAA,mBACA,CAAA,sBACA,CAAA,mBACA,CAAA,oBACA,CAAA,kDACA,CAAA,mCAGD,GACC,uBACC,CAAA,CAAA,mCAIF,GACC,sBACC,CAAA,mBACA,CAAA,IAGD,uBACC,CAAA,qBACA,CAAA,GAGD,uBACC,CAAA,sBACA,CAAA,CAAA,uBC/EF,yCACC,CCNA,uBACC,CADD,eACC,CAAA,wBDQ2B,CAAA,WCN3B,CAAA,aDLkB,CAAA,qBAQnB,CCDC,6CAGA,wBACC,CAAA,+CAGD,uDDXgC,CAAA,0CCehC,uDDfgC,CAAA,iCCmBhC,uDDnBgC,CAAA,WCqB/B,CAAA,iFAIA,kBACC,CAAA,4EAGD,kBACC,CAAA,mEAGD,kBACC,CAAA,qCAKF,uBACC,CAAA,kCACA,CAAA,2CACA,CAAA,gCACA,CAAA,0DACA,CAAA,wBDpC0B,CAAA,8DCsC1B,CAAA,uBAKA,CAAA,2BACA,CAAA,yBACA,CAAA,sCACA,qCAfD,sBAgBE,CAAA,CAAA,2DAGD,4BACC,CAAA,wDAGD,4BACC,CAAA,gDAMD,mDADD,qCAEE,CAAA,oFAEA,CAAA,QAKA,CAAA,iBACA,CAAA,gBACA,CAAA,eACA,CAAA,uOAGA,YAGC,CAAA,sEAGD,eACC,CAAA,mHAGD,kBAEC,CAAA,kBD7EkC,CAAA,iBC+ElC,CAAA,aACA,CAAA,YACA,CAAA,gBACA,CAAA,sBACA,CAAA,iBACA,CAAA,uCACA,CAAA,eAIA,CAAA,CAAA,wCAML,GACC,0BACC,CAAA,wBACA,CAAA,IAGD,0BACC,CAAA,wBACA,CAAA,GAGD,0BACC,CAAA,uBACA,CAAA,CNcC,WO3IH,gEACC,CAAA,uBAOA,CAPA,eAOA,CAAA,mCAEA,CAAA,6BACA,CAAA,iBACA,CAAA,oBAGA,CAAA,cAEA,CAAA,wCACA,CAAA,gCAEA,CAAA,uCAEA,CAAA,uBAEA,kBACC,CAAA,uCAKC,mCACC,CANF,+CAKC,mCACC,CAAA,0BAIF,kCACC,CAAA,mBAIF,mBACC,CAAA,2DAGD,oBAEC,CAAA,iBAUD,2BvBwGe,CAAA,8CuBjGd,UAEC,CAAA,sCAIF,WArED,kCAsEE,CAAA,CPqEC,cQ3IH,aAGC,CAAA,cAEA,CAAA,cACA,CAAA,kBACA,CAAA,cACA,CAAA,uBAEA,CAAA,eAEA,CAAA,UAEA,CAAA,0BAgBA,kBACC,CAAA,iBACA,CAAA,oBAGD,WACC,CAAA,sEAMA,mCACC,CAPD,2CAMA,mCACC,CAAA,oIAOD,UAGC,CRsFA,YS5IH,uBAEC,CAFD,eAEC,CAAA,cACA,CAAA,wBAGA,YACC,CAAA,4BAID,+HACC,CAAA,yCAIA,CAAA,2BACA,CAAA,cACA,CAAA,+BACA,CAAA,gEAQA,aACC,CAAA,uCAID,mBACC,CAAA,iBACA,CAAA,iCAEC,CAAA,sCAGD,uCAPD,kCAQE,CAAA,CAAA,iEAKD,azBgHsB,CAAA,cyB9GrB,CAAA,oCACA,CAAA,gJAWA,mCACC,CAAA,oJAGD,mCACC,CAAA,4HASH,UAGC,CAAA,uBAsBF,aAGC,CAAA,gBACA,CAAA,uBACA,CAAA,oCACA,CAAA,iCAEC,CAAA,sCAGD,uBAXD,kCAYE,CAAA,CAAA,sBAIF,eACC,CAAA,iCAEA,kCACC,CAAA,qBAIF,4BACC,CAAA,iBACA,CAAA,wCAIA,wBzB0BuB,CyB9BvB,gDAIA,wBzB0BuB,CAAA,2ByBtBvB,wBzBsBuB,CAAA,gB0B3JxB,uCACC,CAAA,kBAEA,CAAA,wBACA,CAAA,oBCJc,CAAA,mBDMd,CACA,iBAGA,CAJA,eACA,CAGA,cACA,CAAA,sBACA,CAAA,qBACA,CAAA,sBACA,CAAA,oBACA,CAAA,yBACA,CAAA,kBACA,CpByFA,kHAHD,+DACC,CAAA,wBAEA,CAAA,8CoB1EA,mCC5B4B,CrBsG5B,sDoB1EA,mCC5B4B,CAAA,wBDkC5B,wB1B0HuB,CAAA,wB0BxHtB,CAAA,U1BOc,CAAA,4C0BHd,wB1B+GsB,CAKA,wB0BjHrB,C1B4GqB,a0B5GrB,CAAA,8CAGD,wB1B1BgB,CAAA,4C0B8BhB,wB1BhCc,CAAA,kD0BoCd,wB1BhCoB,CAAA,8C0BoCpB,wB1B1CgB,CAAA,wD0B+ChB,wB1BvCmB,CAAA,aAoIG,CAAA,oD0BxFtB,wB1BvCiB,CAAA,qD0B2CjB,wB1B/Ce,CAAA,uD0BmDf,wB1B9CqB,CAAA,wD0BkDrB,wB1BtDuB,CAAA,mD0B0DvB,wB1BrDgB,CAAA,mE0ByDhB,wB1B7D6B,CAAA,2D0BiE7B,wB1B5DiB,CAAA,aA4HK,CAAA,kE0B3DtB,wB1BrE+B,CAAA,sD0ByE/B,wB1BpEiB,CAAA,yB0B2ElB,UACC,CAAA,8BAKD,mHACC,CAAA,0EAGA,CAAA,SE5HH,kBACC,CAAA,wB5BiKwB,CAAA,oB6BhKV,CAAA,U7B+CE,CAAA,mB4B5ChB,CACA,gBAGA,CAJA,eACA,CAGA,aACA,CAAA,sBACA,CAAA,mBACA,CAAA,oBACA,CAAA,yBACA,CAAA,kBACA,CAAA,0BAGA,cACC,CAAA,6BAQD,wB5BkIwB,CAKA,wB4BpIvB,C5B+HuB,a4B/HvB,CAAA,+BAGD,wB5BN6B,CAAA,6B4BU7B,wB5BZ2B,CAAA,mC4BgB3B,wB5BZiC,CAAA,+B4BgBjC,wB5BtB6B,CAAA,6B4B2B7B,wB5BgEmB,CAAA,e4B9DlB,CAAA,yCAID,wB5B1BqB,CAAA,aAoIG,CAAA,qC4BrGxB,wB5B1BmB,CAAA,sC4B8BnB,wB5BlCiB,CAAA,wC4BsCjB,wB5BjCuB,CAAA,yC4BqCvB,wB5BzCyB,CAAA,oC4B6CzB,wB5BxCkB,CAAA,oD4B4ClB,wB5BhD+B,CAAA,4C4BoD/B,wB5B/CmB,CAAA,aA4HK,CAAA,mD4BxExB,wB5BxDiC,CAAA,uC4B4DjC,wB5BvDmB,CAAA,6DMkEnB,+DACC,CAAA,wBAEA,CsBLA,4BtBKA,CsBJC,gCtBCF,+DACC,CAAA,wBAEA,CsBGA,6BtBHA,CsBIC,YE5GH,uBACC,CADD,eACC,CAAA,wB9B2JwB,CAAA,W8BxJxB,CAAA,oBAEA,CAAA,oBAEA,CAAA,aACA,CAAA,iBAGA,CAAA,oCAEA,CAAA,UAEA,CAAA,sCAEA,YAlBD,kCAmBE,CAAA,CAAA,uBAID,kBACC,CAAA,mBAGD,qB9BkBgB,CAAA,qB8Bff,CAAA,mEAGC,CAAA,UAED,CAAA,aAEA,CAAA,cACA,CAAA,YACA,CAAA,iBAEA,CAAA,WACA,CAAA,0DAGC,CAAA,aAGD,CAAA,sCAEA,mBAvBD,kCAwBE,CAAA,CAAA,yBAKD,wBACC,CANA,iCAKD,wBACC,CAAA,0BAKD,8CACC,CAAA,YACA,CAAA,sCAEA,0BAJD,kCAKE,CAAA,CAAA,oBAKH,wB9BuFwB,CAAA,2B8BpFvB,UACC,CAAA,aACA,CAAA,gDAKD,UAEC,CAAA,aC1FH,iBACC,CAAA,WACA,CAAA,gBCCD,ahC+JyB,CAAA,gBgC7JxB,CAAA,kBAEA,aACC,CAAA,mBAGD,YACC,CAAA,sBAEA,kBACC,CAAA,mBACA,CAAA,qBACA,CAAA,wFAEA,ahCiJsB,CAAA,gCgC5ItB,oBACC,CAAA,yCAEA,CAAA,oBAEA,CAAA,sCAEA,mCC1BoC,CDwBpC,8CAEA,mCC1BoC,CAAA,uCD8BpC,mCC1BqC,CAAA,kC3BEvC,uBACC,CAAA,yCAIF,+DACC,CASC,gCASD,CAlBA,oEAGA,CAAA,kDAeA,CAAA,yBACA,yCApBD,mCAuBE,CAAA,CAAA,yC0BIC,6BACC,CAAA,wC1BjCH,uBACC,CAAA,+CAIF,+DACC,CASC,gCASD,CAlBA,oEAGA,CAAA,kDAeA,CAAA,yBACA,+CApBD,mCAuBE,CAAA,CAAA,+C0BgBC,yBACC,CAAA,qBACA,CAAA,ahCwGoB,CAAA,oBgCtGpB,CAAA,WEzDL,gGACC,CAAA,QAEA,CAAA,SACA,CAAA,wBAEA,WAND,YAOE,CAAA,eACA,CAAA,4DACA,CAAA,CAAA,UCRF,qBACC,CAAA,iBAEA,CAAA,6DACA,CAAA,YAEA,oBACC,CAAA,iBAGD,2BACC,CAAA,sCAKA,YACC,CAAA,0CAGD,gBACC,CAAA,8QAEA,kBAMC,CAAA,wiBAEA,gBAEC,CAAA,4CAIF,iBACC,CAAA,mBAEA,CAAA,6BAQH,iBACC,CAAA,qBAGD,cACC,CAAA,eCrDF,iCACC,CAAA,+BACA,CAAA,8CACA,CAAA,kBCD0B,CAAA,uBDI1B,kBACC,CAAA,YACA,CAAA,6BACA,CAAA,oBpC4Jc,CAAA,gEoCxJd,CAAA,2DACA,C9BNA,sB8BMA,C9BLC,6BAIF,+DACC,CAYC,+BAMD,CAlBA,kEAGA,CAAA,qDAeA,CAAA,yBACA,6BApBD,kCAuBE,CAAA,CAAA,+C8BPD,YACC,CAAA,qCAGD,gGACC,CAAA,6BAID,2BACC,CAAA,oBACA,CAAA,yBAGD,YACC,CAAA,mCAKD,WACC,CAAA,mCAKF,mCAEC,CAAA,2CAEA,eACC,CAAA,aACA,CAAA,iDAEA,qBACC,CAAA,gCAUH,oCAEC,CAAA,wCAEA,iBACC,CAAA,uBAEA,CAAA,8CAEA,wBACC,CAAA,4BACA,CAAA,mBACA,CAAA,gCAKH,mCAEC,CAAA,wCAEA,iBACC,CAAA,kBpCsEY,CAAA,8CoCnEZ,qBACC,CEhGH,oBCW+B,2BCX/B,CAAA,iBDS2B,CCX5B,KDW4B,CAAA,2BCN3B,oBAEC,CAAA,gCAGD,OACC,CAAA,iCAID,oBAfD,WAgBE,CAAA,CAAA,8BAID,qBAEC,CAAA,aACA,CAAA,oBACA,CAAA,oBACA,CAAA,6CAID,uBACC,CADD,eACC,CAEA,gBACA,CAFA,iBACA,CAFA,iBAGA,CAAA,mCAEA,qGAEC,YAEC,CAAA,CAAA,+BAKH,wBD5C0B,CAAA,+BC+CzB,CAAA,aAEA,CAAA,8BACA,ClC5CA,wBkC4CA,ClC3CC,sCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,sCApBD,mCAuBE,CAAA,CAAA,+BA5BD,sBACC,CAAA,qCAIF,+DACC,CAYC,+BAMD,CAlBA,kEAGA,CAAA,qDAeA,CAAA,yBACA,qCApBD,kCAuBE,CAAA,CkC8BA,2EAGD,iBACC,CAAA,qCAKF,oBAzED,UC0BsC,CAAA,wDnCsDrC,WACC,CkCJC,SAEC,ClCEF,+DAIA,qBACC,CAAA,6HkCLC,QAEC,CAAA,4EAOA,YACC,CAAA,8DAIF,YACC,CAAA,qDAKD,sBACA,CAFD,uBACC,CACA,iBACA,CAAA,UC3EgC,CAAA,gED8EhC,qBACC,CAAA,iBACA,CAAA,sEAIC,uBACA,CAFA,qBACA,CAFD,aACC,CAEA,iBACA,CAAA,UCtF8B,CAAA,uEAFE,wBzCqIb,CwCzCpB,UACC,CACA,OACA,CxCsCmB,UwCnCnB,CALA,cACA,CACA,UAGA,CAAA,iEASH,qBACA,CAFA,uBACA,CAEA,yBACA,CAND,iBAEC,CAEA,0BAEA,CAAA,2DAIA,OACA,CACA,0BACA,CAFA,SACA,CAHD,cAIC,CAAA,iEAKC,qBACA,CAJD,UACC,CAAA,UACA,CAAA,iBACA,CC1HkC,yCD+HlC,CAAA,0BACA,CALA,OACA,CAAA,iBACA,CAAA,UAGA,CAAA,CAAA,uBAKH,wBD/J0B,CAAA,mCCqKzB,0BADD,6DAEE,CAAA,iBACA,CAAA,iBACA,CAAA,UChJ6C,CAAA,CAAA,qCDqJ9C,0BATD,YAUE,CAMD,uBADD,qBAEE,CAEA,iBACA,CAAA,wBACA,CAHA,cACA,CAIA,uBACA,CAAA,aACA,CCjKiC,cD+JjC,CANA,iBACA,CAGA,UAIA,CAfA,CAeA,mCAGD,uBAbD,YAcE,CAAA,UACA,CAOC,wJAEC,iBACA,CALF,aAGE,CAAA,oBAEA,CAAA,gWAEA,2BxCpDoB,CwCwCtB,CAAA,mCAUE,gNAEA,2BxCpDoB,CAAA,4PwC6DlB,wBxC9KY,CAAA,iBwCgLZ,CAHA,UACA,CAHD,UACC,CAKA,qCACA,CAAA,cACA,CAHA,iBACA,CALA,UAOA,CAQH,4DAEC,oCACA,CAJF,oBAEE,CAAA,cAEA,CAAA,0EAEA,UACC,CAAA,YACA,CAEA,oBACA,CAFA,iBACA,CAFA,UAGA,CAAA,kEAMA,wBACA,CAHD,uBACC,CAAA,QAEA,CAAA,gFAGD,kBACC,CAAA,YACA,CAAA,oBAEA,CAAA,qBACA,CAAA,sBACA,CAlCC,CAkCD,qCAQA,wWAFD,qBAGE,CAUC,g0BAFD,oBAGE,CAXF,CAWE,uBAUR,aACC,CAAA,iBAGA,CAAA,2ClC1RA,sBACC,CAAA,iDAIF,+DACC,CAYC,+BAMD,CAlBA,kEAGA,CAAA,qDAeA,CAAA,yBACA,iDApBD,kCAuBE,CAAA,CAAA,iDkC0QA,iBACC,CAAA,UACA,CAAA,YACA,CAAA,wGAKD,kBAEC,CAPA,wHAKD,kBAEC,CAAA,qCACA,wGAHD,eAIE,CADD,wHAHD,eAIE,CAAA,CAAA,qCAKH,+BAEE,eACC,CAHH,uCAEE,eACC,CAAA,iDAGD,sBACC,CAJA,yDAGD,sBACC,CAAA,iCAIF,aACC,CAAA,mBACA,CAAA,2BACA,CAAA,uBACA,CAAA,2CAGD,iBACC,CAAA,CAAA,mCAGF,iDAGE,YACC,CAAA,iCAIF,iCACC,CAAA,uCAEA,mCACC,CAAA,aACA,CAJD,+CAEA,mCACC,CAAA,aACA,CAAA,wCAGD,mCACC,CAAA,oDAGD,eACC,CAAA,CAAA,oBE3WL,YACC,CAIA,SACA,CALA,gGACA,CAAA,eACA,CAAA,YACA,CAAA,cAEA,CAAA,uBAEA,kBACC,CAAA,mBACA,CAAA,mCAEA,oBACC,CAAA,qBACA,CAAA,iCAGD,oBACC,CAAA,6CpCiEF,WACC,CAAA,oDAIA,qBACC,CAAA,gCoC/DF,cACC,CAAA,sBACA,CAAA,oCAEA,gCAJD,kBAKE,CAAA,CAAA,oCAED,gCAPD,WAQE,CAAA,CAAA,WChCF,kBACA,CAFA,YACA,CAFD,eACC,CAEA,QACA,CAAA,4BAEA,aAEC,CAAA,eAGD,UACC,CAAA,aAGD,aACC,CAAA,oBAEA,CAAA,qC3BjBF,6EACC,CAAA,+EAIA,CAAA,sFAIA,CAAA,8EAIA,CAAA,iBAIA,CAAA,mBhB0BkB,CAAA,aAsHM,CAAA,4EgBzIxB,ahBuIwB,CAAA,iBgBrIvB,CAAA,uBAEA,CAAA,0uCAYF,6CACC,CAAA,mC4BlCgD,CAPrB,4B5BiD3B,C4BjD2B,8D5BiD3B,CAAA,qpBAID,6CACC,CAAA,qBhBNgB,C4ChDW,4B5B8D3B,C4B9D2B,8D5B8D3B,CAAA,6rBAID,6CACC,CAAA,wBhBwFwB,C4C3JG,4B5B2E3B,C4B3E2B,8D5B2E3B,CAAA,mrBAID,8CACC,CAAA,4BACA,CAAA,8D4B/E8B,CAAA,0DACF,CAAA,4DAFC,CAAA,wDADF,CAAA,+wB5B6F1B,mCACC,CAAA,2yBAGD,mCACC,CAAA,spBAKF,mCACC,CAAA,oKAMD,WACC,CAAA,qDAGD,gLACC,iBACC,CAAA,yCAEA,CAAA,CAAA,sRAMF,ahBmCwB,CAAA,iBgBhCvB,CAAA,uBACA,CAAA,6DAOA,UACC,CACA,wCAGA,CACA,iBACA,CAFA,4BACA,CALA,sDAMA,CAAA,gB6B3IF,kBACA,CAFA,YACA,CACA,yBACA,CAJD,iBAIC,CAAA,qCAEA,gBACC,yBACA,CARF,wBAQE,CAAA,uBAEA,YACC,CAAA,CAAA,wCAIF,qBAEC,CAAA,SACA,CACA,SACA,CAFA,OAEA,CAAA,oEAEA,SAEC,CAEA,uBACA,CAFA,yBACA,CACA,aACA,CAJA,WAIA,CARD,8GAEA,SAEC,CAEA,uBACA,CAFA,yBACA,CACA,aACA,CAJA,WAIA,CAAA,+EAEA,YACC,CAHD,oIAEA,YACC,CAAA,gFAGD,YACC,CAJA,sIAGD,YACC,CAAA,2BAMF,iBACA,CAAA,oBAEA,CAJD,aACC,CvClCA,wBuCqCA,CvCpCC,kCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,kCApBD,mCAuBE,CAAA,CAAA,kCuCeD,kBACC,CAAA,qCvC8BF,WACC,CAAA,4CAIA,qBACC,CAAA,4BuCtBD,QACA,CAPD,YAGC,CvCmBD,WACC,CuClBA,uBACA,CAFA,aACA,CAFA,iBAIA,CvCgBA,mCAIA,qBACC,CAAA,4BAhFD,wBACC,CAAA,mCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,mCApBD,mCAuBE,CAAA,CAAA,uDuCsCF,iCAEC,CAAA,mEAEA,mCACC,CAHD,mFAEA,mCACC,CAAA,qEAGD,mCACC,CAAA,uCAIF,yEACC,SAEC,CAAA,iBACA,CAAA,UJ5DuC,CIwDzC,kGACC,SAEC,CAAA,iBACA,CAAA,UJ5DuC,CAAA,iGI+DvC,0BACC,CJhEsC,kJI+DvC,0BACC,CAAA,CAAA,kBC/FJ,wB9CiKyB,CAAA,sC8C7JxB,CAAA,kBAEA,CAAA,YACA,CAAA,iDACA,qBACC,CAAA,8CAID,UCd2B,CAAA,iDDkB3B,4BACC,CAAA,mBACA,CAAA,oBACA,CAAA,qCAQD,wB9CPkB,CAAA,oE8CUjB,oB9CViB,CAAA,qC8CelB,wB9CXkB,CAAA,oE8CcjB,oB9CdiB,CAAA,mC8CmBlB,wB9CrBgB,CAAA,kE8CwBf,oB9CxBe,CAAA,yC8C6BhB,wB9CzBsB,CAAA,wE8C4BrB,oB9C5BqB,CAAA,oG8CkCtB,kBAGC,CAAA,YACA,CAAA,+EAKA,4BACC,CAAA,mCAIF,6BACC,CAAA,yCAEA,6BACC,CAAA,YE/EH,QACC,CAAA,iBACA,CAAA,ahD+JwB,CAAA,iBgD3JxB,CAAA,YACA,CAAA,cACA,CAAA,YAEA,CAAA,cAGA,CAAA,OACA,CAAA,0BACA,CAAA,oCACA,YAhBD,cAkBE,CAAA,CAAA,0BAOD,+BCxBkC,CDiBjC,sBAOD,+BCxBkC,CAAA,sBD6BlC,+BC7BkC,CAAA,0BDmCjC,eACC,CAAA,mBAIF,ahDyHwB,CAAA,+BgDtHvB,CAAA,iCAEA,kBACC,CAAA,eACA,CAAA,kBACA,CAAA,qBAGA,CAAA,mBACA,CAAA,YAEA,CAAA,iBAEA,CAAA,oCACA,iCAZD,gBAcE,CAAA,mBACA,CAAA,CAAA,kDAUA,4BAEA,CAAA,wBACA,CAND,iBACC,CAAA,OACA,CAAA,KAIA,CAAA,kD1ClEF,uBACC,CAAA,yDAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,yDApBD,mCAuBE,CAAA,CAAA,kDA8CF,WACC,CAAA,yDAIA,qBACC,CAAA,+B0CGA,YACC,CAAA,mBAKH,YACC,CAAA,mBACA,CAAA,2CAGC,gBACC,CAAA,uCAMF,wBACC,CAAA,yDAIA,WACC,CAAA,uBE7GJ,gGACC,CAAA,iBAEA,CAAA,iBACA,CAAA,wIAKE,kBACC,CANH,4EAKE,kBACC,CAAA,8MAGD,alDwBgB,CkD3Bf,uHAGD,alDwBgB,CAAA,0BkDjBlB,wBACC,CAAA,iBAEA,CAAA,YAEA,CAAA,sCAEA,wEAhCD,CAAA,UT0B6C,CAAA,qISY3C,wEAtCF,CAAA,sLA0CG,wEA1CH,CAAA,uOA6CI,wEA7CJ,CAAA,wRAgDK,wEAhDL,CAAA,yUAuDM,wEAvDN,CAAA,mCAkEE,sCAlCD,QAmCE,CAAA,CAAA,0EAIF,aAEC,CAAA,oBACA,CAAA,8DAGD,iBACC,CAAA,kJAEA,kBAEC,CAAA,sBACA,CAAA,4TAEA,wBlDsEqB,CkDxErB,8KAEA,wBlDsEqB,CAAA,iFkD/DvB,eAEC,CAAA,8M5CvFD,sBACC,CAAA,sOAIF,+DACC,CAYC,+BAMD,CAlBA,kEAGA,CAAA,qDAeA,CAAA,yBACA,sOApBD,kCAuBE,CAAA,CAAA,sO4CyEC,alDlEe,CMPhB,sQ4CyEC,alDlEe,CAAA,sOkDsEf,WACC,CAAA,oBAEA,CAAA,0EAKH,oBAEC,CAAA,qBAEA,CAAA,4KAEA,aAEC,CAJD,sGAEA,aAEC,CAAA,sCAMD,cACA,CAHD,eACC,CAAA,eACA,CACA,oBACA,CAAA,gBCzIH,anDiKyB,CAAA,iBmD/JxB,CAAA,wBAEA,CAFA,oBAEA,CAFA,gBAEA,CAAA,mBAEA,YACC,CAAA,6CAOD,kBAEC,CAAA,mBACA,CAAA,sBACA,CAAA,mBAGD,cACC,CAAA,aACA,CAAA,0BAGD,aACC,CAAA,WACA,CAAA,oBACA,CAAA,UACA,CAAA,wEAEA,SAEC,CAAA,qBACA,CAAA,2CAGD,oBACC,CAAA,2CAGD,qBACC,CAAA,oC7CnCD,uBACC,CAAA,2CAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,2CApBD,mCAuBE,CAAA,CAAA,oCA8CF,WACC,CAAA,2CAIA,qBACC,CAAA,oCAhFD,uBACC,CAAA,2CAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,2CApBD,mCAuBE,CAAA,CAAA,oCA8CF,WACC,CAAA,2CAIA,qBACC,CAAA,6C6ChCD,eACC,CAAA,cCzDH,wBpDgKyB,CAAA,6DoD9JxB,CAAA,oBACA,CAAA,wBAEA,qBAEC,CAAA,apDqJuB,CAAA,aoDlJvB,CAAA,oBACA,CAAA,oBACA,CAAA,uGAEA,apDkJuB,CoDpJvB,sCAEA,apDkJuB,CAAA,4DoD5IvB,wBpDyIuB,CAAA,2CoDpIvB,wBpDmIuB,CAAA,eoDjItB,CAAA,6BAGD,sBACC,CAAA,mC9CvBD,uBACC,CAAA,0CAIF,+DACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,0CApBD,mCAuBE,CAAA,CAAA,uCA5BD,wBACC,CAAA,8CAIF,+DACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,8CApBD,mCAuBE,CAAA,CAAA,uCA5BD,wBACC,CAAA,8CAIF,0EACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,8CApBD,mCAuBE,CAAA,CAAA,mCA5BD,uBACC,CAAA,0CAIF,0EACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,0CApBD,mCAuBE,CAAA,CAAA,sCA5BD,wBACC,CAAA,6CAIF,+DACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,6CApBD,mCAuBE,CAAA,CAAA,kCA5BD,uBACC,CAAA,yCAIF,+DACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,yCApBD,mCAuBE,CAAA,CAAA,a+C5BH,YACC,CAAA,cACA,CAAA,UAEA,CAAA,gGAWE,kBACA,CAFA,iBACA,CAND,cACC,CAAA,YACA,CAAA,oBACA,CAAA,iBACA,CAAA,SAGA,CAAA,8GAEA,4BACC,CAAA,wFAIF,0BC7ByB,CAAA,gRDmCvB,0BChC+B,CAHR,wJDmCvB,0BChC+B,CAAA,0IDqC/B,0BCpCiC,CAAA,kHD2ClC,arD6GsB,CAAA,4PqD1GrB,sBAEC,CrDwGoB,8IqD1GrB,sBAEC,CAAA,gHAMF,eACC,CAAA,8JAEA,eACC,CAAA,4HAID,wBrDzBe,CAAA,iBqD2Bd,CAAA,UACA,CAAA,aACA,CAAA,aACA,CAAA,iBACA,CAAA,cACA,CAAA,iBACA,CAAA,iEAMJ,wBClFoC,CAAA,oCDuFpC,YACC,CAAA,eACA,CACA,0BACA,CAFA,OAEA,CAAA,kIAKC,qBACC,CAAA,WEhGJ,wBACC,CAAA,yCAEA,CAAA,eAEA,CAAA,8BAGA,6DAEC,CAAA,mBAGD,eACC,CAAA,mBACA,CAAA,eACA,CAAA,iBAGD,oCACC,CAAA,iCACA,CAAA,oBAEA,avDuIuB,CAAA,cuDlIxB,eACC,CAAA,4BAGD,cvDoIe,CAAA,kBuD/Hd,CAAA,sBACA,CAAA,wCAEA,iBACC,CAHD,wDAEA,iBACC,CAAA,oGAEA,aACC,CAHD,oHAEA,aACC,CAAA,iBAKH,oCACC,CAAA,gCAEA,8BACC,CAAA,iKAUD,eACC,CAAA,2KAGD,iBACC,CAAA,sKAGD,gBACC,CAAA,yMAeD,kBACC,CAAA,wNAGD,qBACC,CAAA,wNAGD,qBACC,CAAA,wPAqBC,+BAEC,CAAA,oHAUD,6BACC,CAAA,oDCrIJ,iCAEC,CAFD,yBAEC,CAAA,mCCWsB,CAAA,oEFyItB,avDgBa,CAAA,oEuDTb,YvDWa,CAAA,6EuDHb,qBAEC,CAAA,eACA,CAAA,QACA,CAAA,eGvKH,gGACC,CAAA,cAEA,CAAA,4BAGC,eACC,CAAA,oBACA,CAAA,uBAAA,CpDCA,mCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,mCApBD,mCAuBE,CAAA,CAAA,qEoDtBA,yBAEC,CpDoBD,0CoDtBA,yBAEC,CAAA,mCAGD,a1D4BY,CAAA,oB0D1BX,CAAA,gBACA,CAAA,eACA,CAAA,mBACA,CAAA,qBACA,CAAA,iCCzBJ,aACC,CAAA,oBACA,CAAA,iBACA,CAAA,mFrD+EA,WACC,CAAA,iGAIA,qBACC,CAAA,iDqD5ED,kBACA,CAGA,iCAEA,CAJA,iBACA,CAAA,cACA,CALD,mBACC,CACA,oBACA,CrDNA,uBqDUA,CrDTC,+DAIF,+DACC,CASC,gCASD,CAlBA,oEAGA,CAAA,kDAeA,CAAA,yBACA,+DApBD,mCAuBE,CAAA,CAAA,+DqDPD,8BACC,CAAA,6DAGD,mCACC,CAJA,6EAGD,mCACC,CAAA,+DAGD,mCACC,CAAA,iGAGD,YACC,CAAA,6EAGD,gGACC,CAAA,kFAKF,qBCjDgC,CAAA,iBADH,CAAA,4CDuD5B,CAAA,uBACA,CAAA,cACA,CAAA,iBACA,CAAA,iBACA,CAAA,UlB/B+B,CAAA,8GkBmC/B,iCACC,CAAA,sCAEA,CAAA,uCACA,CAAA,UACA,CAAA,QACA,CAAA,iBACA,CAAA,qCACA,CAAA,OAIA,CAAA,gOAIA,qBC9E8B,CAAA,mBDkF7B,CAAA,aACA,CAAA,eAEA,CAAA,2BACA,CAAA,oBAGA,CAAA,giBAEA,wB3D+DqB,CAAA,a2D5DpB,CALD,gVAEA,wB3D+DqB,CAAA,a2D5DpB,CAAA,gUAKD,0BCpG0B,CAAA,2BAAA,CAAA,wTD4G1B,6BC5G0B,CAAA,8BAAA,CAAA,8NDsH5B,OAEC,CAAA,0PAEA,OACC,CAAA,sCACA,CAAA,2CAQH,kBACC,CAAA,iDAEA,iBACC,CAAA,yDAGD,mBACC,CAAA,eACA,CAAA,UACA,CAAA,yEAKF,WACC,CAAA,oBACA,CAAA,YACA,CAAA,MACA,CAAA,cACA,CAAA,KACA,CAAA,WACA,CAAA,UlB7HkC,CAAA,iCnCtBlC,wBACC,CAAA,wCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,wCApBD,mCAuBE,CAAA,CAAA,oCuD3BA,iCvDyEF,WACC,CAAA,wCAIA,qBACC,CAAA,CAAA,oCuDxEF,qBDdgC,CAAA,oBCiB/B,CAAA,OACA,CAAA,6BACA,CAAA,kDAEA,YACC,CAAA,0GAKD,WAEC,CAAA,KChCH,YACC,CAAA,gCACA,CAAA,oEAMD,cAEC,CAAA,UACA,CAAA,UrBsBkC,CAAA,sBqBlBnC,qBAEC,CAAA,kCAEA,KACC,CAAA,qCAGD,sBARD,gBASE,CAAA,CAAA,sBAIF,qBAEC,CAAA,kCAEA,QACC,CAAA,qCAGD,sBARD,uBASE,CAAA,CAAA,4GxBnCD,kCACA,CAJA,UACA,CACA,aACA,CACA,qBACA,CAND,iBACC,CAKA,0BACA,CALA,SAKA,CAAA,YyBHA,kBCIA,CAHD,wBzBA2B,CAAA,mEwBD1B,CASuB,YCFvB,CAAA,UACA,CAJA,kBDKuB,CCDvB,qBDKoB,CAAA,qBCFpB,CAAA,mCACA,YAXD,qBAYE,CAAA,CAAA,iFAMC,kBAEC,CAAA,qCAKH,YAzBD,oCDIwB,CAAA,iBCuBtB,CAAA,2ZAIE,YAIC,CAAA,gFAMF,qCACC,CAAA,qBACA,CAKA,iBACA,CAEA,6BACA,CvBxBgC,sCuBuBhC,CAJA,iBACA,CAFA,uBACA,CAHA,kBACA,CAAA,yBACA,CAMA,mBACA,CAVA,cACA,CAKA,UAIA,CAAA,gGAEA,YACC,CAAA,mGAIA,WACC,CAAA,8BACA,CAAA,CAAA,UChEL,kBACA,CAFD,YACC,CAEA,SACA,CAFA,wBAEA,CAAA,0BAEA,QAEC,CAAA,SACA,CAAA,aAGD,gGACC,CAAA,sBAGD,OACC,CAAA,gCAEA,uBACC,CAAA,oBACA,CAAA,iC3D8DF,WACC,C2D1DA,kBACC,C3DyDD,wCAIA,qBACC,CAAA,uC2DxDA,iCAPD,iBAQE,CAAA,CAAA,8D3DiDH,WACC,CAAA,qEAIA,qBACC,CAAA,kCH3FH,UACC,CAAA,WACA,CAAA,aACA,CAAA,U+DKD,4BCRyB,CAAA,aDaxB,CAAA,YAEA,CAAA,iBACA,CAAA,qCAEA,UAVD,eAWE,CAAA,WACA,CAAA,CAAA,qCAED,UAdD,gBAeE,CAAA,YACA,CAAA,CAAA,qCAED,UAlBD,gBAmBE,CAAA,YACA,CAAA,CAAA,UE1BF,cAEC,CAAA,oBAEA,CAAA,qBACA,CAAA,mBACA,CAAA,0CAEA,UARD,YASE,CAAA,CAAA,4DAGD,aAIC,CAAA,YACA,CAAA,WACA,CAAA,aACA,CAAA,eACA,CAAA,qCAEA,4DAVD,eCVsC,CAAA,CAAA,qBDyBtC,sBACC,CAAA,2BAGD,qBACC,CAAA,qCAID,UApCD,oBAqCE,CAAA,qBACA,CAAA,mBACA,CAAA,qBAEA,sBACC,CAAA,2BAGD,sBACC,CAAA,CAAA,kCAOF,SACC,CAAA,SACA,CAAA,qCAED,SACC,CAAA,SACA,CAAA,iCAED,SACC,CAAA,cACA,CAAA,mCAED,SACC,CAAA,SACA,CAAA,2BAED,SACC,CAAA,SACA,CAAA,iCAED,SACC,CAAA,SACA,CAAA,gCAED,SACC,CAAA,cACA,CAAA,kCAED,SACC,CAAA,SACA,CAAA,gCAED,SACC,CAAA,SACA,CAAA,YEnFF,wBCM2B,CAAA,6DANN,CAAA,avE4JI,CAAA,euE1JJ,CAAA,sBDIpB,CAAA,uBAMA,gCChBoB,CAAA,oCDoBpB,YAhBD,iBAiBE,CAAA","file":"db-ui-core-include.css","sourcesContent":[":where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:white;border:solid;color:black;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html,body{margin:0;padding:0}body{min-height:100vh;font-size:1rem}html{background-color:#fdfdfd;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;text-size-adjust:100%;text-size-adjust:100%}body,button,input,optgroup,select,textarea{font-family:\"DB Screen Sans\",Helvetica,Arial,sans-serif}code,pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto}body{color:#282d37;font-size:1rem;font-weight:400;line-height:1.5}a{color:#282d37}a strong{color:currentColor}a:hover{color:#5d616a}code{background-color:#f5f5f5;color:rgb(225.8,0,21.0491525424);font-size:.875em;font-weight:normal;padding:.25em .5em}hr{background-color:#f5f5f5;border:none;display:block;height:2px;margin:1.5rem 0}img{height:auto;max-width:100%}small{font-size:0.875em}fieldset{border:none}pre{background-color:#f5f5f5;color:#282d37;font-size:.875em;-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1.25rem 1.5rem;white-space:pre;word-wrap:normal}pre code{background-color:rgba(0,0,0,0);color:currentColor;font-size:1em;padding:0}html{box-sizing:var(--db-box-sizing, border-box)}*,::before,::after{box-sizing:inherit}img,embed,iframe,object,video{height:auto;max-width:100%}iframe{border:0}nav ol,nav ul,[role=navigation] ol,[role=navigation] ul{list-style:none;margin:0;padding:0}:root{--db-focus-outline-offset: 1px;--db-focus-outline-color: #2c95c4}:is(a,button,input,textarea,summary){--db-focus-outline-size: max(2px, 0.08em)}:is(a,button,input,textarea,summary):focus-visible{outline:var(--db-focus-outline-size) var(--db-focus-outline-style, solid) var(--db-focus-outline-color, currentColor);outline-offset:var(--db-focus-outline-offset, var(--db-focus-outline-size))}:where(ul){list-style-type:\"•   \"}:where(ul) li::marker{color:#ec0016}details>*,details>::before,details>::after{box-sizing:var(--db-box-sizing, border-box)}.cmp-tab-bar>input[type=radio],.cmp-tab-bar>*>input[type=radio],.cmp-pagination .elm-headline,.cmp-notification>em,.elm-chip[type=checkbox],.elm-chip[type=radio],.elm-select+[data-label-hidden=true].elm-label,[data-label-hidden=true].elm-label:has(+.elm-textarea),.elm-radio+label[data-label-hidden=true],.elm-input[type=color]+[data-label-hidden=true].elm-label,.elm-input[type=date]+[data-label-hidden=true].elm-label,.elm-input[type=datetime-local]+[data-label-hidden=true].elm-label,.elm-input[type=email]+[data-label-hidden=true].elm-label,.elm-input[type=month]+[data-label-hidden=true].elm-label,.elm-input[type=number]+[data-label-hidden=true].elm-label,.elm-input[type=password]+[data-label-hidden=true].elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+[data-label-hidden=true].elm-label,.elm-input[type=tel]+[data-label-hidden=true].elm-label,.elm-input[type=text]+[data-label-hidden=true].elm-label,.elm-input[type=time]+[data-label-hidden=true].elm-label,.elm-input[type=url]+[data-label-hidden=true].elm-label,.elm-input[type=week]+[data-label-hidden=true].elm-label,.elm-checkbox+label[data-label-hidden=true]{clip:rect(0, 0, 0, 0);height:1px;overflow:hidden;position:absolute !important;white-space:nowrap;width:1px}.rea-footer::after,.rea-main::after{clear:both;content:\" \";display:table}@font-face{font-family:\"DB Screen Head\";font-style:normal;font-weight:300;src:local(\"DB Screen Head Light\"),local(\"DB Screen Head Light\"),local(\"DB Head Light\"),url(\"~@db-ui/core/dist/fonts/dbscreenhead-light.woff2?4r0080\") format(\"woff2\"),url(\"~@db-ui/core/dist/fonts/dbscreenhead-light.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Head\";font-style:normal;font-weight:400;src:local(\"DB Screen Head Regular\"),local(\"DB Screen Head\"),local(\"DB Head\"),url(\"~@db-ui/core/dist/fonts/dbscreenhead-regular.woff2?4r0080\") format(\"woff2\"),url(\"~@db-ui/core/dist/fonts/dbscreenhead-regular.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Head\";font-style:normal;font-weight:900;src:local(\"DB Screen Head Black\"),local(\"DB Screen Head Black\"),local(\"DB Head Black\"),url(\"~@db-ui/core/dist/fonts/dbscreenhead-black.woff2?4r0080\") format(\"woff2\"),url(\"~@db-ui/core/dist/fonts/dbscreenhead-black.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans Digital Regular\";font-style:normal;font-weight:400;src:local(\"DB Screen Sans Digital Regular\"),local(\"DB Screen Sans Digital\"),local(\"DB Sans Digital\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-digitalregular.woff2?4r0080\") format(\"woff2\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-digitalregular.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans\";font-style:normal;font-weight:400;src:local(\"DB Screen Sans Regular\"),local(\"DB Screen Sans\"),local(\"DB Sans\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-regular.woff2?4r0080\") format(\"woff2\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-regular.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans\";font-style:normal;font-weight:500;src:local(\"DB Screen Sans Medium\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-medium.woff2?4r0080\") format(\"woff2\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-medium.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans\";font-style:normal;font-weight:600;src:local(\"DB Screen Sans Semibold\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-semibold.woff2?4r0080\") format(\"woff2\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-semibold.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans\";font-style:normal;font-weight:700;src:local(\"DB Screen Sans Bold\"),local(\"DB Screen Sans Bold\"),local(\"DB Sans Bold\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-bold.woff2?4r0080\") format(\"woff2\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-bold.woff?4r0080\") format(\"woff\")}[data-icon=account],[data-icon-before=account]{--icon-glyph-before: \"󡈡\"}[data-icon-after=account]{--icon-glyph-after: \"󡈡\"}[data-icon=add],[data-icon-before=add]{--icon-glyph-before: \"+\"}[data-icon-after=add]{--icon-glyph-after: \"+\"}[data-icon=add-circle],[data-icon-before=add-circle]{--icon-glyph-before: \"⊕\"}[data-icon-after=add-circle]{--icon-glyph-after: \"⊕\"}[data-icon=air-condition],[data-icon-before=air-condition]{--icon-glyph-before: \"❄\"}[data-icon-after=air-condition]{--icon-glyph-after: \"❄\"}[data-icon=alarm],[data-icon-before=alarm]{--icon-glyph-before: \"󡉄\"}[data-icon-after=alarm]{--icon-glyph-after: \"󡉄\"}[data-icon=alarm-add],[data-icon-before=alarm-add]{--icon-glyph-before: \"󡁢\"}[data-icon-after=alarm-add]{--icon-glyph-after: \"󡁢\"}[data-icon=alert],[data-icon-before=alert]{--icon-glyph-before: \"󡈢\"}[data-icon-after=alert]{--icon-glyph-after: \"󡈢\"}[data-icon=alert-off],[data-icon-before=alert-off]{--icon-glyph-before: \"󡉃\"}[data-icon-after=alert-off]{--icon-glyph-after: \"󡉃\"}[data-icon=railroad-car],[data-icon-before=railroad-car]{--icon-glyph-before: \"󡆓\"}[data-icon-after=railroad-car]{--icon-glyph-after: \"󡆓\"}[data-icon=calendar],[data-icon-before=calendar]{--icon-glyph-before: \"󡉇\"}[data-icon-after=calendar]{--icon-glyph-after: \"󡉇\"}[data-icon=check-circle],[data-icon-before=check-circle]{--icon-glyph-before: \"󡈠\"}[data-icon-after=check-circle]{--icon-glyph-after: \"󡈠\"}[data-icon=credit-card],[data-icon-before=credit-card]{--icon-glyph-before: \"󡈦\"}[data-icon-after=credit-card]{--icon-glyph-after: \"󡈦\"}[data-icon=delete],[data-icon-before=delete]{--icon-glyph-before: \"🗑\"}[data-icon-after=delete]{--icon-glyph-after: \"🗑\"}[data-icon=discount],[data-icon-before=discount]{--icon-glyph-before: \"󡁦\"}[data-icon-after=discount]{--icon-glyph-after: \"󡁦\"}[data-icon=document],[data-icon-before=document]{--icon-glyph-before: \"🖹\"}[data-icon-after=document]{--icon-glyph-after: \"🖹\"}[data-icon=done],[data-icon-before=done]{--icon-glyph-before: \"✓\"}[data-icon-after=done]{--icon-glyph-after: \"✓\"}[data-icon=download],[data-icon-before=download]{--icon-glyph-before: \"⭳\"}[data-icon-after=download]{--icon-glyph-after: \"⭳\"}[data-icon=edit],[data-icon-before=edit]{--icon-glyph-before: \"✏\"}[data-icon-after=edit]{--icon-glyph-after: \"✏\"}[data-icon=filter],[data-icon-before=filter]{--icon-glyph-before: \"󡁩\"}[data-icon-after=filter]{--icon-glyph-after: \"󡁩\"}[data-icon=generic-card],[data-icon-before=generic-card]{--icon-glyph-before: \"󡁰\"}[data-icon-after=generic-card]{--icon-glyph-after: \"󡁰\"}[data-icon=giftcard],[data-icon-before=giftcard]{--icon-glyph-before: \"󡉐\"}[data-icon-after=giftcard]{--icon-glyph-after: \"󡉐\"}[data-icon=heart],[data-icon-before=heart]{--icon-glyph-before: \"♡\"}[data-icon-after=heart]{--icon-glyph-after: \"♡\"}[data-icon=help],[data-icon-before=help]{--icon-glyph-before: \"?\"}[data-icon-after=help]{--icon-glyph-after: \"?\"}[data-icon=info],[data-icon-before=info]{--icon-glyph-before: \"🛈\"}[data-icon-after=info]{--icon-glyph-after: \"🛈\"}[data-icon=legal],[data-icon-before=legal]{--icon-glyph-before: \"§\"}[data-icon-after=legal]{--icon-glyph-after: \"§\"}[data-icon=log-out],[data-icon-before=log-out]{--icon-glyph-before: \"↦\"}[data-icon-after=log-out]{--icon-glyph-after: \"↦\"}[data-icon=minus],[data-icon-before=minus]{--icon-glyph-before: \"−\"}[data-icon-after=minus]{--icon-glyph-after: \"−\"}[data-icon=print],[data-icon-before=print]{--icon-glyph-before: \"🖨\"}[data-icon-after=print]{--icon-glyph-after: \"🖨\"}[data-icon=remove],[data-icon-before=remove]{--icon-glyph-before: \"⊝\"}[data-icon-after=remove]{--icon-glyph-after: \"⊝\"}[data-icon=schedule],[data-icon-before=schedule]{--icon-glyph-before: \"󡈳\"}[data-icon-after=schedule]{--icon-glyph-after: \"󡈳\"}[data-icon=search],[data-icon-before=search]{--icon-glyph-before: \"󡉔\"}[data-icon-after=search]{--icon-glyph-after: \"󡉔\"}[data-icon=send],[data-icon-before=send]{--icon-glyph-before: \"◹\"}[data-icon-after=send]{--icon-glyph-after: \"◹\"}[data-icon=settings],[data-icon-before=settings]{--icon-glyph-before: \"⚙\"}[data-icon-after=settings]{--icon-glyph-after: \"⚙\"}[data-icon=share],[data-icon-before=share]{--icon-glyph-before: \"󡁷\"}[data-icon-after=share]{--icon-glyph-after: \"󡁷\"}[data-icon=shopping-bag],[data-icon-before=shopping-bag]{--icon-glyph-before: \"🛍\"}[data-icon-after=shopping-bag]{--icon-glyph-after: \"🛍\"}[data-icon=shopping-basket],[data-icon-before=shopping-basket]{--icon-glyph-before: \"󡁹\"}[data-icon-after=shopping-basket]{--icon-glyph-after: \"󡁹\"}[data-icon=shopping-cart],[data-icon-before=shopping-cart]{--icon-glyph-before: \"󡉕\"}[data-icon-after=shopping-cart]{--icon-glyph-after: \"󡉕\"}[data-icon=star],[data-icon-before=star]{--icon-glyph-before: \"☆\"}[data-icon-after=star]{--icon-glyph-after: \"☆\"}[data-icon=swap-horizontal],[data-icon-before=swap-horizontal]{--icon-glyph-before: \"⇆\"}[data-icon-after=swap-horizontal]{--icon-glyph-after: \"⇆\"}[data-icon=swap-vertical],[data-icon-before=swap-vertical]{--icon-glyph-before: \"⇵\"}[data-icon-after=swap-vertical]{--icon-glyph-after: \"⇵\"}[data-icon=upload],[data-icon-before=upload]{--icon-glyph-before: \"󡂁\"}[data-icon-after=upload]{--icon-glyph-after: \"󡂁\"}[data-icon=visibility],[data-icon-before=visibility]{--icon-glyph-before: \"👁\"}[data-icon-after=visibility]{--icon-glyph-after: \"👁\"}[data-icon=visibility-off],[data-icon-before=visibility-off]{--icon-glyph-before: \"󡂂\"}[data-icon-after=visibility-off]{--icon-glyph-after: \"󡂂\"}[data-icon=website],[data-icon-before=website]{--icon-glyph-before: \"󡉘\"}[data-icon-after=website]{--icon-glyph-after: \"󡉘\"}[data-icon=zoom-in],[data-icon-before=zoom-in]{--icon-glyph-before: \"󡂃\"}[data-icon-after=zoom-in]{--icon-glyph-after: \"󡂃\"}[data-icon=bicycle-trailer],[data-icon-before=bicycle-trailer]{--icon-glyph-before: \"󡆒\"}[data-icon-after=bicycle-trailer]{--icon-glyph-after: \"󡆒\"}[data-icon=zoom-out],[data-icon-before=zoom-out]{--icon-glyph-before: \"󡂄\"}[data-icon-after=zoom-out]{--icon-glyph-after: \"󡂄\"}[data-icon=fast-backward-10],[data-icon-before=fast-backward-10]{--icon-glyph-before: \"󡂅\"}[data-icon-after=fast-backward-10]{--icon-glyph-after: \"󡂅\"}[data-icon=fast-backward-30],[data-icon-before=fast-backward-30]{--icon-glyph-before: \"󡂆\"}[data-icon-after=fast-backward-30]{--icon-glyph-after: \"󡂆\"}[data-icon=fast-backward-empty],[data-icon-before=fast-backward-empty]{--icon-glyph-before: \"⤺\"}[data-icon-after=fast-backward-empty]{--icon-glyph-after: \"⤺\"}[data-icon=fast-forward-10],[data-icon-before=fast-forward-10]{--icon-glyph-before: \"󡂇\"}[data-icon-after=fast-forward-10]{--icon-glyph-after: \"󡂇\"}[data-icon=fast-forward-30],[data-icon-before=fast-forward-30]{--icon-glyph-before: \"󡂈\"}[data-icon-after=fast-forward-30]{--icon-glyph-after: \"󡂈\"}[data-icon=fast-forward-empty],[data-icon-before=fast-forward-empty]{--icon-glyph-before: \"⤻\"}[data-icon-after=fast-forward-empty]{--icon-glyph-after: \"⤻\"}[data-icon=pause],[data-icon-before=pause]{--icon-glyph-before: \"⏸\"}[data-icon-after=pause]{--icon-glyph-after: \"⏸\"}[data-icon=play],[data-icon-before=play]{--icon-glyph-before: \"▷\"}[data-icon-after=play]{--icon-glyph-after: \"▷\"}[data-icon=skip-backward],[data-icon-before=skip-backward]{--icon-glyph-before: \"⏮\"}[data-icon-after=skip-backward]{--icon-glyph-after: \"⏮\"}[data-icon=skip-forward],[data-icon-before=skip-forward]{--icon-glyph-before: \"⏭\"}[data-icon-after=skip-forward]{--icon-glyph-after: \"⏭\"}[data-icon=stop],[data-icon-before=stop]{--icon-glyph-before: \"□\"}[data-icon-after=stop]{--icon-glyph-after: \"□\"}[data-icon=subway],[data-icon-before=subway]{--icon-glyph-before: \"󡈇\"}[data-icon-after=subway]{--icon-glyph-after: \"󡈇\"}[data-icon=subtitles],[data-icon-before=subtitles]{--icon-glyph-before: \"󡂑\"}[data-icon-after=subtitles]{--icon-glyph-after: \"󡂑\"}[data-icon=dog],[data-icon-before=dog]{--icon-glyph-before: \"󡊙\"}[data-icon-after=dog]{--icon-glyph-after: \"󡊙\"}[data-icon=volume-down],[data-icon-before=volume-down]{--icon-glyph-before: \"󡉙\"}[data-icon-after=volume-down]{--icon-glyph-after: \"󡉙\"}[data-icon=volume-mute],[data-icon-before=volume-mute]{--icon-glyph-before: \"󡉠\"}[data-icon-after=volume-mute]{--icon-glyph-after: \"󡉠\"}[data-icon=volume-off],[data-icon-before=volume-off]{--icon-glyph-before: \"󡉡\"}[data-icon-after=volume-off]{--icon-glyph-after: \"󡉡\"}[data-icon=volume-up],[data-icon-before=volume-up]{--icon-glyph-before: \"󡉢\"}[data-icon-after=volume-up]{--icon-glyph-after: \"󡉢\"}[data-icon=call],[data-icon-before=call]{--icon-glyph-before: \"󡈵\"}[data-icon-after=call]{--icon-glyph-after: \"󡈵\"}[data-icon=chat],[data-icon-before=chat]{--icon-glyph-before: \"󡈶\"}[data-icon-after=chat]{--icon-glyph-after: \"󡈶\"}[data-icon=conversation],[data-icon-before=conversation]{--icon-glyph-before: \"󡂕\"}[data-icon-after=conversation]{--icon-glyph-after: \"󡂕\"}[data-icon=fax],[data-icon-before=fax]{--icon-glyph-before: \"🖷\"}[data-icon-after=fax]{--icon-glyph-after: \"🖷\"}[data-icon=qr-code-scan],[data-icon-before=qr-code-scan]{--icon-glyph-before: \"󡊘\"}[data-icon-after=qr-code-scan]{--icon-glyph-after: \"󡊘\"}[data-icon=feedback],[data-icon-before=feedback]{--icon-glyph-before: \"⍰\"}[data-icon-after=feedback]{--icon-glyph-after: \"⍰\"}[data-icon=mail],[data-icon-before=mail]{--icon-glyph-before: \"✉\"}[data-icon-after=mail]{--icon-glyph-after: \"✉\"}[data-icon=mobile-off],[data-icon-before=mobile-off]{--icon-glyph-before: \"󡉤\"}[data-icon-after=mobile-off]{--icon-glyph-after: \"󡉤\"}[data-icon=mobile-phone],[data-icon-before=mobile-phone]{--icon-glyph-before: \"󡉣\"}[data-icon-after=mobile-phone]{--icon-glyph-after: \"󡉣\"}[data-icon=wifi],[data-icon-before=wifi]{--icon-glyph-before: \"󡂘\"}[data-icon-after=wifi]{--icon-glyph-after: \"󡂘\"}[data-icon=wifi-off],[data-icon-before=wifi-off]{--icon-glyph-before: \"󡅉\"}[data-icon-after=wifi-off]{--icon-glyph-after: \"󡅉\"}[data-icon=mask],[data-icon-before=mask]{--icon-glyph-before: \"󡉥\"}[data-icon-after=mask]{--icon-glyph-after: \"󡉥\"}[data-icon=wc],[data-icon-before=wc]{--icon-glyph-before: \"󡉩\"}[data-icon-after=wc]{--icon-glyph-after: \"󡉩\"}[data-icon=wc-men],[data-icon-before=wc-men]{--icon-glyph-before: \"󡉰\"}[data-icon-after=wc-men]{--icon-glyph-after: \"󡉰\"}[data-icon=wc-sign],[data-icon-before=wc-sign]{--icon-glyph-before: \"󡉱\"}[data-icon-after=wc-sign]{--icon-glyph-after: \"󡉱\"}[data-icon=wc-woman],[data-icon-before=wc-woman]{--icon-glyph-before: \"󡉲\"}[data-icon-after=wc-woman]{--icon-glyph-after: \"󡉲\"}[data-icon=entry-aid],[data-icon-before=entry-aid]{--icon-glyph-before: \"󡅐\"}[data-icon-after=entry-aid]{--icon-glyph-after: \"󡅐\"}[data-icon=luggage-rack],[data-icon-before=luggage-rack]{--icon-glyph-before: \"󡉵\"}[data-icon-after=luggage-rack]{--icon-glyph-after: \"󡉵\"}[data-icon=medical],[data-icon-before=medical]{--icon-glyph-before: \"✚\"}[data-icon-after=medical]{--icon-glyph-after: \"✚\"}[data-icon=power-outlet],[data-icon-before=power-outlet]{--icon-glyph-before: \"󡉸\"}[data-icon-after=power-outlet]{--icon-glyph-after: \"󡉸\"}[data-icon=coffee-cup],[data-icon-before=coffee-cup]{--icon-glyph-before: \"󡈷\"}[data-icon-after=coffee-cup]{--icon-glyph-after: \"󡈷\"}[data-icon=drink],[data-icon-before=drink]{--icon-glyph-before: \"󡄁\"}[data-icon-after=drink]{--icon-glyph-after: \"󡄁\"}[data-icon=restaurant],[data-icon-before=restaurant]{--icon-glyph-before: \"🍽\"}[data-icon-after=restaurant]{--icon-glyph-after: \"🍽\"}[data-icon=\"1st-class\"],[data-icon-before=\"1st-class\"]{--icon-glyph-before: \"⒈\"}[data-icon-after=\"1st-class\"]{--icon-glyph-after: \"⒈\"}[data-icon=\"2nd-class\"],[data-icon-before=\"2nd-class\"]{--icon-glyph-before: \"⒉\"}[data-icon-after=\"2nd-class\"]{--icon-glyph-after: \"⒉\"}[data-icon=alternative-connection],[data-icon-before=alternative-connection]{--icon-glyph-before: \"󡄂\"}[data-icon-after=alternative-connection]{--icon-glyph-after: \"󡄂\"}[data-icon=booking],[data-icon-before=booking]{--icon-glyph-before: \"󡄃\"}[data-icon-after=booking]{--icon-glyph-after: \"󡄃\"}[data-icon=capacity-indicator],[data-icon-before=capacity-indicator]{--icon-glyph-before: \"󡄄\"}[data-icon-after=capacity-indicator]{--icon-glyph-after: \"󡄄\"}[data-icon=scooter],[data-icon-before=scooter]{--icon-glyph-before: \"󡈄\"}[data-icon-after=scooter]{--icon-glyph-after: \"󡈄\"}[data-icon=capacity-indicator-fully-booked],[data-icon-before=capacity-indicator-fully-booked]{--icon-glyph-before: \"󡄆\"}[data-icon-after=capacity-indicator-fully-booked]{--icon-glyph-after: \"󡄆\"}[data-icon=capacity-indicator-high],[data-icon-before=capacity-indicator-high]{--icon-glyph-before: \"󡄈\"}[data-icon-after=capacity-indicator-high]{--icon-glyph-after: \"󡄈\"}[data-icon=capacity-indicator-low],[data-icon-before=capacity-indicator-low]{--icon-glyph-before: \"󡄐\"}[data-icon-after=capacity-indicator-low]{--icon-glyph-after: \"󡄐\"}[data-icon=destination],[data-icon-before=destination]{--icon-glyph-before: \"󡈸\"}[data-icon-after=destination]{--icon-glyph-after: \"󡈸\"}[data-icon=intermediary-stop],[data-icon-before=intermediary-stop]{--icon-glyph-before: \"󡄓\"}[data-icon-after=intermediary-stop]{--icon-glyph-after: \"󡄓\"}[data-icon=round-trip],[data-icon-before=round-trip]{--icon-glyph-before: \"⮔\"}[data-icon-after=round-trip]{--icon-glyph-after: \"⮔\"}[data-icon=single-trip],[data-icon-before=single-trip]{--icon-glyph-before: \"⤞\"}[data-icon-after=single-trip]{--icon-glyph-after: \"⤞\"}[data-icon=start],[data-icon-before=start]{--icon-glyph-before: \"⦿\"}[data-icon-after=start]{--icon-glyph-after: \"⦿\"}[data-icon=home],[data-icon-before=home]{--icon-glyph-before: \"⌂\"}[data-icon-after=home]{--icon-glyph-after: \"⌂\"}[data-icon=map],[data-icon-before=map]{--icon-glyph-before: \"🗺\"}[data-icon-after=map]{--icon-glyph-after: \"🗺\"}[data-icon=stop-sign],[data-icon-before=stop-sign]{--icon-glyph-before: \"󡄕\"}[data-icon-after=stop-sign]{--icon-glyph-after: \"󡄕\"}[data-icon=map-stop],[data-icon-before=map-stop]{--icon-glyph-before: \"󡄕\"}[data-icon-after=map-stop]{--icon-glyph-after: \"󡄕\"}[data-icon=travel-insurance],[data-icon-before=travel-insurance]{--icon-glyph-before: \"󡆆\"}[data-icon-after=travel-insurance]{--icon-glyph-after: \"󡆆\"}[data-icon=intercity-train],[data-icon-before=intercity-train]{--icon-glyph-before: \"󡈖\"}[data-icon-after=intercity-train]{--icon-glyph-after: \"󡈖\"}[data-icon=multiple-passenger],[data-icon-before=multiple-passenger]{--icon-glyph-before: \"󡊆\"}[data-icon-after=multiple-passenger]{--icon-glyph-after: \"󡊆\"}[data-icon=best-price],[data-icon-before=best-price]{--icon-glyph-before: \"󡆅\"}[data-icon-after=best-price]{--icon-glyph-after: \"󡆅\"}[data-icon=multiple-cards],[data-icon-before=multiple-cards]{--icon-glyph-before: \"󡆄\"}[data-icon-after=multiple-cards]{--icon-glyph-after: \"󡆄\"}[data-icon=bed],[data-icon-before=bed]{--icon-glyph-before: \"🛏\"}[data-icon-after=bed]{--icon-glyph-after: \"🛏\"}[data-icon=steppless-entry],[data-icon-before=steppless-entry]{--icon-glyph-before: \"󡈗\"}[data-icon-after=steppless-entry]{--icon-glyph-after: \"󡈗\"}[data-icon=ticket-subscription],[data-icon-before=ticket-subscription]{--icon-glyph-before: \"󡈘\"}[data-icon-after=ticket-subscription]{--icon-glyph-after: \"󡈘\"}[data-icon=walking-fast],[data-icon-before=walking-fast]{--icon-glyph-before: \"󡈙\"}[data-icon-after=walking-fast]{--icon-glyph-after: \"󡈙\"}[data-icon=aisle-not-available],[data-icon-before=aisle-not-available]{--icon-glyph-before: \"󡆃\"}[data-icon-after=aisle-not-available]{--icon-glyph-after: \"󡆃\"}[data-icon=station],[data-icon-before=station]{--icon-glyph-before: \"󡆂\"}[data-icon-after=station]{--icon-glyph-after: \"󡆂\"}[data-icon=parking],[data-icon-before=parking]{--icon-glyph-before: \"🅿\"}[data-icon-after=parking]{--icon-glyph-after: \"🅿\"}[data-icon=place],[data-icon-before=place]{--icon-glyph-before: \"󡄖\"}[data-icon-after=place]{--icon-glyph-after: \"󡄖\"}[data-icon=set-position],[data-icon-before=set-position]{--icon-glyph-before: \"🞋\"}[data-icon-after=set-position]{--icon-glyph-after: \"🞋\"}[data-icon=trainstation],[data-icon-before=trainstation]{--icon-glyph-before: \"󡊀\"}[data-icon-after=trainstation]{--icon-glyph-after: \"󡊀\"}[data-icon=train-station],[data-icon-before=train-station]{--icon-glyph-before: \"󡊀\"}[data-icon-after=train-station]{--icon-glyph-after: \"󡊀\"}[data-icon=couchette],[data-icon-before=couchette]{--icon-glyph-before: \"󡆉\"}[data-icon-after=couchette]{--icon-glyph-after: \"󡆉\"}[data-icon=arrow-back],[data-icon-before=arrow-back]{--icon-glyph-before: \"←\"}[data-icon-after=arrow-back]{--icon-glyph-after: \"←\"}[data-icon=arrow-down],[data-icon-before=arrow-down]{--icon-glyph-before: \"↓\"}[data-icon-after=arrow-down]{--icon-glyph-after: \"↓\"}[data-icon=arrow-forward],[data-icon-before=arrow-forward]{--icon-glyph-before: \"→\"}[data-icon-after=arrow-forward]{--icon-glyph-after: \"→\"}[data-icon=arrow-up],[data-icon-before=arrow-up]{--icon-glyph-before: \"↑\"}[data-icon-after=arrow-up]{--icon-glyph-after: \"↑\"}[data-icon=cancel],[data-icon-before=cancel]{--icon-glyph-before: \"⮾\"}[data-icon-after=cancel]{--icon-glyph-after: \"⮾\"}[data-icon=chevron-left],[data-icon-before=chevron-left]{--icon-glyph-before: \"<\"}[data-icon-after=chevron-left]{--icon-glyph-after: \"<\"}[data-icon=chevron-right],[data-icon-before=chevron-right]{--icon-glyph-before: \">\"}[data-icon-after=chevron-right]{--icon-glyph-after: \">\"}[data-icon=close],[data-icon-before=close]{--icon-glyph-before: \"⨯\"}[data-icon-after=close]{--icon-glyph-after: \"⨯\"}[data-icon=expand-less],[data-icon-before=expand-less]{--icon-glyph-before: \"⌃\"}[data-icon-after=expand-less]{--icon-glyph-after: \"⌃\"}[data-icon=carsharing],[data-icon-before=carsharing]{--icon-glyph-before: \"󡆔\"}[data-icon-after=carsharing]{--icon-glyph-after: \"󡆔\"}[data-icon=electric-locomotive],[data-icon-before=electric-locomotive]{--icon-glyph-before: \"󡆕\"}[data-icon-after=electric-locomotive]{--icon-glyph-after: \"󡆕\"}[data-icon=expand-more],[data-icon-before=expand-more]{--icon-glyph-before: \"⌄\"}[data-icon-after=expand-more]{--icon-glyph-after: \"⌄\"}[data-icon=fullscreen],[data-icon-before=fullscreen]{--icon-glyph-before: \"󡄙\"}[data-icon-after=fullscreen]{--icon-glyph-after: \"󡄙\"}[data-icon=fullscreen-exit],[data-icon-before=fullscreen-exit]{--icon-glyph-before: \"󡄠\"}[data-icon-after=fullscreen-exit]{--icon-glyph-after: \"󡄠\"}[data-icon=grid-view],[data-icon-before=grid-view]{--icon-glyph-before: \"𐌎\"}[data-icon-after=grid-view]{--icon-glyph-after: \"𐌎\"}[data-icon=link],[data-icon-before=link]{--icon-glyph-before: \"🡢\"}[data-icon-after=link]{--icon-glyph-after: \"🡢\"}[data-icon=link-external],[data-icon-before=link-external]{--icon-glyph-before: \"🡥\"}[data-icon-after=link-external]{--icon-glyph-after: \"🡥\"}[data-icon=list],[data-icon-before=list]{--icon-glyph-before: \"󡄡\"}[data-icon-after=list]{--icon-glyph-after: \"󡄡\"}[data-icon=menu],[data-icon-before=menu]{--icon-glyph-before: \"󡄢\"}[data-icon-after=menu]{--icon-glyph-after: \"󡄢\"}[data-icon=s-bahn],[data-icon-before=s-bahn]{--icon-glyph-before: \"󡈃\"}[data-icon-after=s-bahn]{--icon-glyph-after: \"󡈃\"}[data-icon=more-horizontal],[data-icon-before=more-horizontal]{--icon-glyph-before: \"⋯\"}[data-icon-after=more-horizontal]{--icon-glyph-after: \"⋯\"}[data-icon=more-vertical],[data-icon-before=more-vertical]{--icon-glyph-before: \"⋮\"}[data-icon-after=more-vertical]{--icon-glyph-after: \"⋮\"}[data-icon=refresh],[data-icon-before=refresh]{--icon-glyph-before: \"🗘\"}[data-icon-after=refresh]{--icon-glyph-after: \"🗘\"}[data-icon=error],[data-icon-before=error]{--icon-glyph-before: \"󡄣\"}[data-icon-after=error]{--icon-glyph-after: \"󡄣\"}[data-icon=error-triangle],[data-icon-before=error-triangle]{--icon-glyph-before: \"⚠\"}[data-icon-after=error-triangle]{--icon-glyph-after: \"⚠\"}[data-icon=warning],[data-icon-before=warning]{--icon-glyph-before: \"⚠\"}[data-icon-after=warning]{--icon-glyph-after: \"⚠\"}[data-icon=notify],[data-icon-before=notify]{--icon-glyph-before: \"󡄦\"}[data-icon-after=notify]{--icon-glyph-after: \"󡄦\"}[data-icon=taxi],[data-icon-before=taxi]{--icon-glyph-before: \"󡈈\"}[data-icon-after=taxi]{--icon-glyph-after: \"󡈈\"}[data-icon=notify-cutoff],[data-icon-before=notify-cutoff]{--icon-glyph-before: \"󡄧\"}[data-icon-after=notify-cutoff]{--icon-glyph-after: \"󡄧\"}[data-icon=aisle],[data-icon-before=aisle]{--icon-glyph-before: \"󡊁\"}[data-icon-after=aisle]{--icon-glyph-after: \"󡊁\"}[data-icon=elderly],[data-icon-before=elderly]{--icon-glyph-before: \"󡄨\"}[data-icon-after=elderly]{--icon-glyph-after: \"󡄨\"}[data-icon=handicapped],[data-icon-before=handicapped]{--icon-glyph-before: \"󡊃\"}[data-icon-after=handicapped]{--icon-glyph-after: \"󡊃\"}[data-icon=table],[data-icon-before=table]{--icon-glyph-before: \"󡄩\"}[data-icon-after=table]{--icon-glyph-after: \"󡄩\"}[data-icon=window],[data-icon-before=window]{--icon-glyph-before: \"󡄰\"}[data-icon-after=window]{--icon-glyph-after: \"󡄰\"}[data-icon=bahnbonus],[data-icon-before=bahnbonus]{--icon-glyph-before: \"󡄱\"}[data-icon-after=bahnbonus]{--icon-glyph-after: \"󡄱\"}[data-icon=bahnbonus-card],[data-icon-before=bahnbonus-card]{--icon-glyph-before: \"󡄲\"}[data-icon-after=bahnbonus-card]{--icon-glyph-after: \"󡄲\"}[data-icon=bahncard],[data-icon-before=bahncard]{--icon-glyph-before: \"󡄴\"}[data-icon-after=bahncard]{--icon-glyph-after: \"󡄴\"}[data-icon=commuter-ticket],[data-icon-before=commuter-ticket]{--icon-glyph-before: \"󡄶\"}[data-icon-after=commuter-ticket]{--icon-glyph-after: \"󡄶\"}[data-icon=komfort-check-in],[data-icon-before=komfort-check-in]{--icon-glyph-before: \"󡄷\"}[data-icon-after=komfort-check-in]{--icon-glyph-after: \"󡄷\"}[data-icon=komfort-check-in-check],[data-icon-before=komfort-check-in-check]{--icon-glyph-before: \"✔\"}[data-icon-after=komfort-check-in-check]{--icon-glyph-after: \"✔\"}[data-icon=komfort-check-in-circle],[data-icon-before=komfort-check-in-circle]{--icon-glyph-before: \"🤇\"}[data-icon-after=komfort-check-in-circle]{--icon-glyph-after: \"🤇\"}[data-icon=my-travel],[data-icon-before=my-travel]{--icon-glyph-before: \"󡄸\"}[data-icon-after=my-travel]{--icon-glyph-after: \"󡄸\"}[data-icon=outward-journey],[data-icon-before=outward-journey]{--icon-glyph-before: \"󡄹\"}[data-icon-after=outward-journey]{--icon-glyph-after: \"󡄹\"}[data-icon=qr-code],[data-icon-before=qr-code]{--icon-glyph-before: \"󡅀\"}[data-icon-after=qr-code]{--icon-glyph-after: \"󡅀\"}[data-icon=airplane],[data-icon-before=airplane]{--icon-glyph-before: \"󡆐\"}[data-icon-after=airplane]{--icon-glyph-after: \"󡆐\"}[data-icon=call-a-bike],[data-icon-before=call-a-bike]{--icon-glyph-before: \"󡆑\"}[data-icon-after=call-a-bike]{--icon-glyph-after: \"󡆑\"}[data-icon=return-journey],[data-icon-before=return-journey]{--icon-glyph-before: \"󡅁\"}[data-icon-after=return-journey]{--icon-glyph-after: \"󡅁\"}[data-icon=ticket],[data-icon-before=ticket]{--icon-glyph-before: \"󡊇\"}[data-icon-after=ticket]{--icon-glyph-after: \"󡊇\"}[data-icon=ticket-discount],[data-icon-before=ticket-discount]{--icon-glyph-before: \"󡅂\"}[data-icon-after=ticket-discount]{--icon-glyph-after: \"󡅂\"}[data-icon=electric-scooter],[data-icon-before=electric-scooter]{--icon-glyph-before: \"󡆖\"}[data-icon-after=electric-scooter]{--icon-glyph-after: \"󡆖\"}[data-icon=ev-car],[data-icon-before=ev-car]{--icon-glyph-before: \"󡆗\"}[data-icon-after=ev-car]{--icon-glyph-after: \"󡆗\"}[data-icon=ticket-multiple],[data-icon-before=ticket-multiple]{--icon-glyph-before: \"󡅃\"}[data-icon-after=ticket-multiple]{--icon-glyph-after: \"󡅃\"}[data-icon=time-outward-journey],[data-icon-before=time-outward-journey]{--icon-glyph-before: \"󡅄\"}[data-icon-after=time-outward-journey]{--icon-glyph-after: \"󡅄\"}[data-icon=time-return-journey],[data-icon-before=time-return-journey]{--icon-glyph-before: \"󡅅\"}[data-icon-after=time-return-journey]{--icon-glyph-after: \"󡅅\"}[data-icon=timetable],[data-icon-before=timetable]{--icon-glyph-before: \"󡅆\"}[data-icon-after=timetable]{--icon-glyph-after: \"󡅆\"}[data-icon=bicycle],[data-icon-before=bicycle]{--icon-glyph-before: \"󡈹\"}[data-icon-after=bicycle]{--icon-glyph-after: \"󡈹\"}[data-icon=car],[data-icon-before=car]{--icon-glyph-before: \"󡅑\"}[data-icon-after=car]{--icon-glyph-after: \"󡅑\"}[data-icon=car-sequence],[data-icon-before=car-sequence]{--icon-glyph-before: \"󡅇\"}[data-icon-after=car-sequence]{--icon-glyph-after: \"󡅇\"}[data-icon=ice-side-view],[data-icon-before=ice-side-view]{--icon-glyph-before: \"󡊈\"}[data-icon-after=ice-side-view]{--icon-glyph-after: \"󡊈\"}[data-icon=sprinter],[data-icon-before=sprinter]{--icon-glyph-before: \"󡅈\"}[data-icon-after=sprinter]{--icon-glyph-after: \"󡅈\"}[data-icon=walking],[data-icon-before=walking]{--icon-glyph-before: \"󡉁\"}[data-icon-after=walking]{--icon-glyph-after: \"󡉁\"}[data-icon=logo],[data-icon-before=logo]{--icon-glyph-before: \"󡅒\"}[data-icon-after=logo]{--icon-glyph-after: \"󡅒\"}[data-icon=buggy],[data-icon-before=buggy]{--icon-glyph-before: \"󡅓\"}[data-icon-after=buggy]{--icon-glyph-after: \"󡅓\"}[data-icon=childrens-compartment],[data-icon-before=childrens-compartment]{--icon-glyph-before: \"󡊂\"}[data-icon-after=childrens-compartment]{--icon-glyph-after: \"󡊂\"}[data-icon=parent-child-compartment],[data-icon-before=parent-child-compartment]{--icon-glyph-before: \"󡊄\"}[data-icon-after=parent-child-compartment]{--icon-glyph-after: \"󡊄\"}[data-icon=augmented-reality],[data-icon-before=augmented-reality]{--icon-glyph-before: \"󡅧\"}[data-icon-after=augmented-reality]{--icon-glyph-after: \"󡅧\"}[data-icon=quiet-zone],[data-icon-before=quiet-zone]{--icon-glyph-before: \"󡊅\"}[data-icon-after=quiet-zone]{--icon-glyph-after: \"󡊅\"}[data-icon=duplicate],[data-icon-before=duplicate]{--icon-glyph-before: \"󡅔\"}[data-icon-after=duplicate]{--icon-glyph-after: \"󡅔\"}[data-icon=copy],[data-icon-before=copy]{--icon-glyph-before: \"󡅔\"}[data-icon-after=copy]{--icon-glyph-after: \"󡅔\"}[data-icon=image],[data-icon-before=image]{--icon-glyph-before: \"🖼\"}[data-icon-after=image]{--icon-glyph-after: \"🖼\"}[data-icon=lock-close],[data-icon-before=lock-close]{--icon-glyph-before: \"󡈩\"}[data-icon-after=lock-close]{--icon-glyph-after: \"󡈩\"}[data-icon=lock-open],[data-icon-before=lock-open]{--icon-glyph-before: \"󡈰\"}[data-icon-after=lock-open]{--icon-glyph-after: \"󡈰\"}[data-icon=restricted-mobility-toilet],[data-icon-before=restricted-mobility-toilet]{--icon-glyph-before: \"󡅣\"}[data-icon-after=restricted-mobility-toilet]{--icon-glyph-after: \"󡅣\"}[data-icon=database],[data-icon-before=database]{--icon-glyph-before: \"󡆁\"}[data-icon-after=database]{--icon-glyph-after: \"󡆁\"}[data-icon=breakfast],[data-icon-before=breakfast]{--icon-glyph-before: \"󡉹\"}[data-icon-after=breakfast]{--icon-glyph-after: \"󡉹\"}[data-icon=ferry],[data-icon-before=ferry]{--icon-glyph-before: \"󡆘\"}[data-icon-after=ferry]{--icon-glyph-after: \"󡆘\"}[data-icon=no-smoking],[data-icon-before=no-smoking]{--icon-glyph-before: \"󡉶\"}[data-icon-after=no-smoking]{--icon-glyph-after: \"󡉶\"}[data-icon=luggage-compartment],[data-icon-before=luggage-compartment]{--icon-glyph-before: \"󡉴\"}[data-icon-after=luggage-compartment]{--icon-glyph-after: \"󡉴\"}[data-icon=environmental-mobility-check],[data-icon-before=environmental-mobility-check]{--icon-glyph-before: \"󡉳\"}[data-icon-after=environmental-mobility-check]{--icon-glyph-after: \"󡉳\"}[data-icon=clothing-hanger],[data-icon-before=clothing-hanger]{--icon-glyph-before: \"󡆀\"}[data-icon-after=clothing-hanger]{--icon-glyph-after: \"󡆀\"}[data-icon=handcart],[data-icon-before=handcart]{--icon-glyph-before: \"󡆙\"}[data-icon-after=handcart]{--icon-glyph-after: \"󡆙\"}[data-icon=reservation],[data-icon-before=reservation]{--icon-glyph-before: \"󡅹\"}[data-icon-after=reservation]{--icon-glyph-after: \"󡅹\"}[data-icon=platform],[data-icon-before=platform]{--icon-glyph-before: \"🛤\"}[data-icon-after=platform]{--icon-glyph-after: \"🛤\"}[data-icon=night],[data-icon-before=night]{--icon-glyph-before: \"󡊉\"}[data-icon-after=night]{--icon-glyph-after: \"󡊉\"}[data-icon=piggybank],[data-icon-before=piggybank]{--icon-glyph-before: \"󡊐\"}[data-icon-after=piggybank]{--icon-glyph-after: \"󡊐\"}[data-icon=resize-handle-corner],[data-icon-before=resize-handle-corner]{--icon-glyph-before: \"󡊑\"}[data-icon-after=resize-handle-corner]{--icon-glyph-after: \"󡊑\"}[data-icon=document-check],[data-icon-before=document-check]{--icon-glyph-before: \"󡊒\"}[data-icon-after=document-check]{--icon-glyph-after: \"󡊒\"}[data-icon=face-delighted],[data-icon-before=face-delighted]{--icon-glyph-before: \"󡊓\"}[data-icon-after=face-delighted]{--icon-glyph-after: \"󡊓\"}[data-icon=face-disappointed],[data-icon-before=face-disappointed]{--icon-glyph-before: \"󡊔\"}[data-icon-after=face-disappointed]{--icon-glyph-after: \"󡊔\"}[data-icon=push-button],[data-icon-before=push-button]{--icon-glyph-before: \"󡊕\"}[data-icon-after=push-button]{--icon-glyph-after: \"󡊕\"}[data-icon=fast-backward],[data-icon-before=fast-backward]{--icon-glyph-before: \"󡊖\"}[data-icon-after=fast-backward]{--icon-glyph-after: \"󡊖\"}[data-icon=fast-forward],[data-icon-before=fast-forward]{--icon-glyph-before: \"󡊗\"}[data-icon-after=fast-forward]{--icon-glyph-after: \"󡊗\"}[data-icon=marketplace],[data-icon-before=marketplace]{--icon-glyph-before: \"󡅸\"}[data-icon-after=marketplace]{--icon-glyph-after: \"󡅸\"}[data-icon=hydrogen],[data-icon-before=hydrogen]{--icon-glyph-before: \"󡅷\"}[data-icon-after=hydrogen]{--icon-glyph-after: \"󡅷\"}[data-icon=day],[data-icon-before=day]{--icon-glyph-before: \"☀\"}[data-icon-after=day]{--icon-glyph-after: \"☀\"}[data-icon=sink],[data-icon-before=sink]{--icon-glyph-before: \"󡉨\"}[data-icon-after=sink]{--icon-glyph-after: \"󡉨\"}[data-icon=microphone],[data-icon-before=microphone]{--icon-glyph-before: \"󡈴\"}[data-icon-after=microphone]{--icon-glyph-after: \"󡈴\"}[data-icon=undo],[data-icon-before=undo]{--icon-glyph-before: \"⎌\"}[data-icon-after=undo]{--icon-glyph-after: \"⎌\"}[data-icon=thumb-up-down],[data-icon-before=thumb-up-down]{--icon-glyph-before: \"󡉗\"}[data-icon-after=thumb-up-down]{--icon-glyph-after: \"󡉗\"}[data-icon=local-bus],[data-icon-before=local-bus]{--icon-glyph-before: \"󡈁\"}[data-icon-after=local-bus]{--icon-glyph-after: \"󡈁\"}[data-icon=long-distance-bus],[data-icon-before=long-distance-bus]{--icon-glyph-before: \"󡈂\"}[data-icon-after=long-distance-bus]{--icon-glyph-after: \"󡈂\"}[data-icon=thumb-up],[data-icon-before=thumb-up]{--icon-glyph-before: \"󡉖\"}[data-icon-after=thumb-up]{--icon-glyph-after: \"󡉖\"}[data-icon=logbook],[data-icon-before=logbook]{--icon-glyph-before: \"󡉓\"}[data-icon-after=logbook]{--icon-glyph-after: \"󡉓\"}[data-icon=lightbulb],[data-icon-before=lightbulb]{--icon-glyph-before: \"󡉒\"}[data-icon-after=lightbulb]{--icon-glyph-after: \"󡉒\"}[data-icon=key],[data-icon-before=key]{--icon-glyph-before: \"󡉑\"}[data-icon-after=key]{--icon-glyph-after: \"󡉑\"}[data-icon=fingerprint],[data-icon-before=fingerprint]{--icon-glyph-before: \"󡅱\"}[data-icon-after=fingerprint]{--icon-glyph-after: \"󡅱\"}[data-icon=face-smiling],[data-icon-before=face-smiling]{--icon-glyph-before: \"󡅰\"}[data-icon-after=face-smiling]{--icon-glyph-after: \"󡅰\"}[data-icon=face-neutral],[data-icon-before=face-neutral]{--icon-glyph-before: \"󡅨\"}[data-icon-after=face-neutral]{--icon-glyph-after: \"󡅨\"}[data-icon=ice],[data-icon-before=ice]{--icon-glyph-before: \"󡈀\"}[data-icon-after=ice]{--icon-glyph-after: \"󡈀\"}[data-icon=face-sad],[data-icon-before=face-sad]{--icon-glyph-before: \"󡅩\"}[data-icon-after=face-sad]{--icon-glyph-after: \"󡅩\"}[data-icon=cloud-upload],[data-icon-before=cloud-upload]{--icon-glyph-before: \"⇧\"}[data-icon-after=cloud-upload]{--icon-glyph-after: \"⇧\"}[data-icon=cloud-download],[data-icon-before=cloud-download]{--icon-glyph-before: \"⇩\"}[data-icon-after=cloud-download]{--icon-glyph-after: \"⇩\"}[data-icon=cash],[data-icon-before=cash]{--icon-glyph-before: \"󡉈\"}[data-icon-after=cash]{--icon-glyph-after: \"󡉈\"}[data-icon=dashboard],[data-icon-before=dashboard]{--icon-glyph-before: \"󡅤\"}[data-icon-after=dashboard]{--icon-glyph-after: \"󡅤\"}[data-icon=resize],[data-icon-before=resize]{--icon-glyph-before: \"󡅥\"}[data-icon-after=resize]{--icon-glyph-after: \"󡅥\"}[data-icon=sepa],[data-icon-before=sepa]{--icon-glyph-before: \"󡅦\"}[data-icon-after=sepa]{--icon-glyph-after: \"󡅦\"}[data-icon=save],[data-icon-before=save]{--icon-glyph-before: \"󡈲\"}[data-icon-after=save]{--icon-glyph-after: \"󡈲\"}[data-icon=pin],[data-icon-before=pin]{--icon-glyph-before: \"󡈱\"}[data-icon-after=pin]{--icon-glyph-after: \"󡈱\"}[data-icon=folder-open],[data-icon-before=folder-open]{--icon-glyph-before: \"󡈨\"}[data-icon-after=folder-open]{--icon-glyph-after: \"󡈨\"}[data-icon=folder],[data-icon-before=folder]{--icon-glyph-before: \"󡈧\"}[data-icon-after=folder]{--icon-glyph-after: \"󡈧\"}[data-icon=camera],[data-icon-before=camera]{--icon-glyph-before: \"󡈥\"}[data-icon-after=camera]{--icon-glyph-after: \"󡈥\"}[data-icon=compass],[data-icon-before=compass]{--icon-glyph-before: \"󡉉\"}[data-icon-after=compass]{--icon-glyph-after: \"󡉉\"}[data-icon=drag-and-drop],[data-icon-before=drag-and-drop]{--icon-glyph-before: \"󡆇\"}[data-icon-after=drag-and-drop]{--icon-glyph-after: \"󡆇\"}[data-icon=person-with-cane],[data-icon-before=person-with-cane]{--icon-glyph-before: \"󡉷\"}[data-icon-after=person-with-cane]{--icon-glyph-after: \"󡉷\"}[data-icon=hearing],[data-icon-before=hearing]{--icon-glyph-before: \"󡈑\"}[data-icon-after=hearing]{--icon-glyph-after: \"󡈑\"}[data-icon=hearing-disabled],[data-icon-before=hearing-disabled]{--icon-glyph-before: \"󡈒\"}[data-icon-after=hearing-disabled]{--icon-glyph-after: \"󡈒\"}[data-icon=translation],[data-icon-before=translation]{--icon-glyph-before: \"󡈓\"}[data-icon-after=translation]{--icon-glyph-after: \"󡈓\"}[data-icon=voucher],[data-icon-before=voucher]{--icon-glyph-before: \"󡈔\"}[data-icon-after=voucher]{--icon-glyph-after: \"󡈔\"}[data-icon=support-dog],[data-icon-before=support-dog]{--icon-glyph-before: \"󡈕\"}[data-icon-after=support-dog]{--icon-glyph-after: \"󡈕\"}[data-icon=person-with-rollator],[data-icon-before=person-with-rollator]{--icon-glyph-before: \"󡆈\"}[data-icon-after=person-with-rollator]{--icon-glyph-after: \"󡆈\"}[data-icon=sort-down],[data-icon-before=sort-down]{--icon-glyph-before: \"↡\"}[data-icon-after=sort-down]{--icon-glyph-after: \"↡\"}[data-icon=sort-up],[data-icon-before=sort-up]{--icon-glyph-before: \"↟\"}[data-icon-after=sort-up]{--icon-glyph-after: \"↟\"}[data-icon=cloud],[data-icon-before=cloud]{--icon-glyph-before: \"☁\"}[data-icon-after=cloud]{--icon-glyph-after: \"☁\"}[data-icon=sev],[data-icon-before=sev]{--icon-glyph-before: \"󡈅\"}[data-icon-after=sev]{--icon-glyph-after: \"󡈅\"}[data-icon=train-and-car],[data-icon-before=train-and-car]{--icon-glyph-before: \"󡈉\"}[data-icon-after=train-and-car]{--icon-glyph-after: \"󡈉\"}[data-icon=tram],[data-icon-before=tram]{--icon-glyph-before: \"󡈐\"}[data-icon-after=tram]{--icon-glyph-after: \"󡈐\"}[data-icon=speedboat],[data-icon-before=speedboat]{--icon-glyph-before: \"󡈆\"}[data-icon-after=speedboat]{--icon-glyph-after: \"󡈆\"}[data-icon=build],[data-icon-before=build]{--icon-glyph-before: \"🛠\"}[data-icon-after=build]{--icon-glyph-after: \"🛠\"}[data-icon=bug],[data-icon-before=bug]{--icon-glyph-before: \"󡉆\"}[data-icon-after=bug]{--icon-glyph-after: \"󡉆\"}[data-icon=question],[data-icon-before=question]{--icon-glyph-before: \"󡅲\"}[data-icon-after=question]{--icon-glyph-after: \"󡅲\"}[data-icon=receive-item],[data-icon-before=receive-item]{--icon-glyph-before: \"󡅳\"}[data-icon-after=receive-item]{--icon-glyph-after: \"󡅳\"}[data-icon=share-item],[data-icon-before=share-item]{--icon-glyph-before: \"󡅴\"}[data-icon-after=share-item]{--icon-glyph-after: \"󡅴\"}[data-icon=playground],[data-icon-before=playground]{--icon-glyph-before: \"󡉦\"}[data-icon-after=playground]{--icon-glyph-after: \"󡉦\"}[data-icon=shower],[data-icon-before=shower]{--icon-glyph-before: \"󡉧\"}[data-icon-after=shower]{--icon-glyph-after: \"󡉧\"}[data-icon=shower-men],[data-icon-before=shower-men]{--icon-glyph-before: \"󡅵\"}[data-icon-after=shower-men]{--icon-glyph-after: \"󡅵\"}[data-icon=shower-women],[data-icon-before=shower-women]{--icon-glyph-before: \"󡅶\"}[data-icon-after=shower-women]{--icon-glyph-after: \"󡅶\"}[data-icon=add-link],[data-icon-before=add-link]{--icon-glyph-before: \"󡉂\"}[data-icon-after=add-link]{--icon-glyph-after: \"󡉂\"}[data-icon=attachment],[data-icon-before=attachment]{--icon-glyph-before: \"󡉅\"}[data-icon-after=attachment]{--icon-glyph-after: \"󡉅\"}[data-icon=block],[data-icon-before=block]{--icon-glyph-before: \"󡈣\"}[data-icon-after=block]{--icon-glyph-after: \"󡈣\"}[data-icon=bookmark],[data-icon-before=bookmark]{--icon-glyph-before: \"󡈤\"}[data-icon-after=bookmark]{--icon-glyph-after: \"󡈤\"}[data-icon=shopping-basket-disabled],[data-icon-before=shopping-basket-disabled]{--icon-glyph-before: \"󡅕\"}[data-icon-after=shopping-basket-disabled]{--icon-glyph-after: \"󡅕\"}[data-icon=shopping-cart-disabled],[data-icon-before=shopping-cart-disabled]{--icon-glyph-before: \"󡅖\"}[data-icon-after=shopping-cart-disabled]{--icon-glyph-after: \"󡅖\"}[data-icon=gps],[data-icon-before=gps]{--icon-glyph-before: \"󡅗\"}[data-icon-after=gps]{--icon-glyph-after: \"󡅗\"}[data-icon=gps-north],[data-icon-before=gps-north]{--icon-glyph-before: \"󡅘\"}[data-icon-after=gps-north]{--icon-glyph-after: \"󡅘\"}[data-icon=local-train],[data-icon-before=local-train]{--icon-glyph-before: \"󡉀\"}[data-icon-after=local-train]{--icon-glyph-after: \"󡉀\"}[data-icon=rail-and-fly],[data-icon-before=rail-and-fly]{--icon-glyph-before: \"󡅙\"}[data-icon-after=rail-and-fly]{--icon-glyph-after: \"󡅙\"}[data-icon=seat-priority],[data-icon-before=seat-priority]{--icon-glyph-before: \"󡅢\"}[data-icon-after=seat-priority]{--icon-glyph-after: \"󡅢\"}[data-icon=priority],[data-icon-before=priority]{--icon-glyph-before: \"󡅢\"}[data-icon-after=priority]{--icon-glyph-after: \"󡅢\"}[data-icon=traveler-with-reduced-mobility],[data-icon-before=traveler-with-reduced-mobility]{--icon-glyph-before: \"󡅢\"}[data-icon-after=traveler-with-reduced-mobility]{--icon-glyph-after: \"󡅢\"}[data-icon=standing-room],[data-icon-before=standing-room]{--icon-glyph-before: \"󡅠\"}[data-icon-after=standing-room]{--icon-glyph-after: \"󡅠\"}[data-icon=mixed-class],[data-icon-before=mixed-class]{--icon-glyph-before: \"󡅡\"}[data-icon-after=mixed-class]{--icon-glyph-after: \"󡅡\"}[data-icon=navigation-straight],[data-icon-before=navigation-straight]{--icon-glyph-before: \"󡌀\"}[data-icon-after=navigation-straight]{--icon-glyph-after: \"󡌀\"}[data-icon=navigation-to-left],[data-icon-before=navigation-to-left]{--icon-glyph-before: \"󡌁\"}[data-icon-after=navigation-to-left]{--icon-glyph-after: \"󡌁\"}[data-icon=navigation-to-right],[data-icon-before=navigation-to-right]{--icon-glyph-before: \"󡌂\"}[data-icon-after=navigation-to-right]{--icon-glyph-after: \"󡌂\"}[data-icon=navigation-u-turn],[data-icon-before=navigation-u-turn]{--icon-glyph-before: \"󡌃\"}[data-icon-after=navigation-u-turn]{--icon-glyph-after: \"󡌃\"}[data-icon=transportation-train-ec],[data-icon-before=transportation-train-ec]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-ec]{--icon-glyph-after: \"\"}[data-icon=transportation-train-ic],[data-icon-before=transportation-train-ic]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-ic]{--icon-glyph-after: \"\"}[data-icon=transportation-train-ice],[data-icon-before=transportation-train-ice]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-ice]{--icon-glyph-after: \"\"}[data-icon=transportation-train-rb],[data-icon-before=transportation-train-rb]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-rb]{--icon-glyph-after: \"\"}[data-icon=transportation-train-re],[data-icon-before=transportation-train-re]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-re]{--icon-glyph-after: \"\"}[data-icon=transportation-bikesharing],[data-icon-before=transportation-bikesharing]{--icon-glyph-before: \"\"}[data-icon-after=transportation-bikesharing]{--icon-glyph-after: \"\"}[data-icon=transportation-bus-local],[data-icon-before=transportation-bus-local]{--icon-glyph-before: \"\"}[data-icon-after=transportation-bus-local]{--icon-glyph-after: \"\"}[data-icon=transportation-carsharing],[data-icon-before=transportation-carsharing]{--icon-glyph-before: \"\"}[data-icon-after=transportation-carsharing]{--icon-glyph-after: \"\"}[data-icon=transportation-bus-long-distance],[data-icon-before=transportation-bus-long-distance]{--icon-glyph-before: \"\"}[data-icon-after=transportation-bus-long-distance]{--icon-glyph-after: \"\"}[data-icon=transportation-airplane],[data-icon-before=transportation-airplane]{--icon-glyph-before: \"\"}[data-icon-after=transportation-airplane]{--icon-glyph-after: \"\"}[data-icon=transportation-s-bahn],[data-icon-before=transportation-s-bahn]{--icon-glyph-before: \"\"}[data-icon-after=transportation-s-bahn]{--icon-glyph-after: \"\"}[data-icon=transportation-ship],[data-icon-before=transportation-ship]{--icon-glyph-before: \"\"}[data-icon-after=transportation-ship]{--icon-glyph-after: \"\"}[data-icon=transportation-taxi],[data-icon-before=transportation-taxi]{--icon-glyph-before: \"\"}[data-icon-after=transportation-taxi]{--icon-glyph-after: \"\"}[data-icon=transportation-train-tram],[data-icon-before=transportation-train-tram]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-tram]{--icon-glyph-after: \"\"}[data-icon=transportation-underground],[data-icon-before=transportation-underground]{--icon-glyph-before: \"\"}[data-icon-after=transportation-underground]{--icon-glyph-after: \"\"}[data-icon=transportation-walking],[data-icon-before=transportation-walking]{--icon-glyph-before: \"\"}[data-icon-after=transportation-walking]{--icon-glyph-after: \"\"}[data-icon=ev-bus],[data-icon-before=ev-bus]{--icon-glyph-before: \"\"}[data-icon-after=ev-bus]{--icon-glyph-after: \"\"}[data-icon=ev-train],[data-icon-before=ev-train]{--icon-glyph-before: \"\"}[data-icon-after=ev-train]{--icon-glyph-after: \"\"}[data-icon=artificial-intelligence],[data-icon-before=artificial-intelligence]{--icon-glyph-before: \"󡌄\"}[data-icon-after=artificial-intelligence]{--icon-glyph-after: \"󡌄\"}[data-icon=document-cross],[data-icon-before=document-cross]{--icon-glyph-before: \"󡌅\"}[data-icon-after=document-cross]{--icon-glyph-after: \"󡌅\"}[data-icon=euro-sign],[data-icon-before=euro-sign]{--icon-glyph-before: \"󡌆\"}[data-icon-after=euro-sign]{--icon-glyph-after: \"󡌆\"}[data-icon=id-card],[data-icon-before=id-card]{--icon-glyph-before: \"󡌇\"}[data-icon-after=id-card]{--icon-glyph-after: \"󡌇\"}[data-icon=pulse-wave],[data-icon-before=pulse-wave]{--icon-glyph-before: \"󡌈\"}[data-icon-after=pulse-wave]{--icon-glyph-after: \"󡌈\"}[data-icon-variant=\"16-outline\"][data-icon]::before,[data-icon-variant=\"16-outline\"][data-icon-before]::before,[data-icon-variant-before=\"16-outline\"][data-icon]::before,[data-icon-variant-before=\"16-outline\"][data-icon-before]::before{--icon-font-family: \"icons-16-outline\", \"missing-icons\" !important;--icon-font-size: 1rem}[data-icon-variant-after=\"16-outline\"][data-icon-after]::after{--icon-font-family: \"icons-16-outline\", \"missing-icons\" !important;--icon-font-size: 1rem}[data-icon-variant=\"20-outline\"][data-icon]::before,[data-icon-variant=\"20-outline\"][data-icon-before]::before,[data-icon-variant-before=\"20-outline\"][data-icon]::before,[data-icon-variant-before=\"20-outline\"][data-icon-before]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}[data-icon-variant-after=\"20-outline\"][data-icon-after]::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}[data-icon-variant=\"24-outline\"][data-icon]::before,[data-icon-variant=\"24-outline\"][data-icon-before]::before,[data-icon-variant-before=\"24-outline\"][data-icon]::before,[data-icon-variant-before=\"24-outline\"][data-icon-before]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon-variant-after=\"24-outline\"][data-icon-after]::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon-variant=\"32-outline\"][data-icon]::before,[data-icon-variant=\"32-outline\"][data-icon-before]::before,[data-icon-variant-before=\"32-outline\"][data-icon]::before,[data-icon-variant-before=\"32-outline\"][data-icon-before]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;--icon-font-size: 2rem}[data-icon-variant-after=\"32-outline\"][data-icon-after]::after{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;--icon-font-size: 2rem}[data-icon-variant=\"48-outline\"][data-icon]::before,[data-icon-variant=\"48-outline\"][data-icon-before]::before,[data-icon-variant-before=\"48-outline\"][data-icon]::before,[data-icon-variant-before=\"48-outline\"][data-icon-before]::before{--icon-font-family: \"icons-48-outline\", \"missing-icons\" !important;--icon-font-size: 3rem}[data-icon-variant-after=\"48-outline\"][data-icon-after]::after{--icon-font-family: \"icons-48-outline\", \"missing-icons\" !important;--icon-font-size: 3rem}[data-icon-variant=\"64-outline\"][data-icon]::before,[data-icon-variant=\"64-outline\"][data-icon-before]::before,[data-icon-variant-before=\"64-outline\"][data-icon]::before,[data-icon-variant-before=\"64-outline\"][data-icon-before]::before{--icon-font-family: \"icons-64-outline\", \"missing-icons\" !important;--icon-font-size: 4rem}[data-icon-variant-after=\"64-outline\"][data-icon-after]::after{--icon-font-family: \"icons-64-outline\", \"missing-icons\" !important;--icon-font-size: 4rem}[data-icon-variant=\"16-filled\"][data-icon]::before,[data-icon-variant=\"16-filled\"][data-icon-before]::before,[data-icon-variant-before=\"16-filled\"][data-icon]::before,[data-icon-variant-before=\"16-filled\"][data-icon-before]::before{--icon-font-family: \"icons-16-filled\", \"missing-icons\" !important;--icon-font-size: 1rem}[data-icon-variant-after=\"16-filled\"][data-icon-after]::after{--icon-font-family: \"icons-16-filled\", \"missing-icons\" !important;--icon-font-size: 1rem}[data-icon-variant=\"20-filled\"][data-icon]::before,[data-icon-variant=\"20-filled\"][data-icon-before]::before,[data-icon-variant-before=\"20-filled\"][data-icon]::before,[data-icon-variant-before=\"20-filled\"][data-icon-before]::before{--icon-font-family: \"icons-20-filled\", \"missing-icons\" !important;--icon-font-size: 1.25rem}[data-icon-variant-after=\"20-filled\"][data-icon-after]::after{--icon-font-family: \"icons-20-filled\", \"missing-icons\" !important;--icon-font-size: 1.25rem}[data-icon-variant=\"24-filled\"][data-icon]::before,[data-icon-variant=\"24-filled\"][data-icon-before]::before,[data-icon-variant-before=\"24-filled\"][data-icon]::before,[data-icon-variant-before=\"24-filled\"][data-icon-before]::before{--icon-font-family: \"icons-24-filled\", \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon-variant-after=\"24-filled\"][data-icon-after]::after{--icon-font-family: \"icons-24-filled\", \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon-variant=\"32-filled\"][data-icon]::before,[data-icon-variant=\"32-filled\"][data-icon-before]::before,[data-icon-variant-before=\"32-filled\"][data-icon]::before,[data-icon-variant-before=\"32-filled\"][data-icon-before]::before{--icon-font-family: \"icons-32-filled\", \"missing-icons\" !important;--icon-font-size: 2rem}[data-icon-variant-after=\"32-filled\"][data-icon-after]::after{--icon-font-family: \"icons-32-filled\", \"missing-icons\" !important;--icon-font-size: 2rem}[data-icon-variant=\"48-filled\"][data-icon]::before,[data-icon-variant=\"48-filled\"][data-icon-before]::before,[data-icon-variant-before=\"48-filled\"][data-icon]::before,[data-icon-variant-before=\"48-filled\"][data-icon-before]::before{--icon-font-family: \"icons-48-filled\", \"missing-icons\" !important;--icon-font-size: 3rem}[data-icon-variant-after=\"48-filled\"][data-icon-after]::after{--icon-font-family: \"icons-48-filled\", \"missing-icons\" !important;--icon-font-size: 3rem}[data-icon-variant=\"64-filled\"][data-icon]::before,[data-icon-variant=\"64-filled\"][data-icon-before]::before,[data-icon-variant-before=\"64-filled\"][data-icon]::before,[data-icon-variant-before=\"64-filled\"][data-icon-before]::before{--icon-font-family: \"icons-64-filled\", \"missing-icons\" !important;--icon-font-size: 4rem}[data-icon-variant-after=\"64-filled\"][data-icon-after]::after{--icon-font-family: \"icons-64-filled\", \"missing-icons\" !important;--icon-font-size: 4rem}@font-face{font-display:block;font-family:\"missing-icons\";src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-empty.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-empty.woff?4r2099\") format(\"woff\")}@font-face{font-display:block;font-family:\"icons-16-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-outline-action.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-outline-action.woff?4r2099\") format(\"woff\");unicode-range:U+002B,U+2212,U+2713}@font-face{font-display:block;font-family:\"icons-16-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-outline-navigation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-outline-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+003C,U+003E,U+2190-2193,U+2303-2304,U+2A2F}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-action.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-action.woff?4r2099\") format(\"woff\");unicode-range:U+002B,U+003F,U+00A7,U+1F441,U+1F5A8,U+1F5B9,U+1F5BC,U+1F5D1,U+1F6C8,U+1F6CD,U+1F6E0,U+219F,U+21A1,U+21A6,U+21C6,U+21E7,U+21E9,U+21F5,U+2212,U+2295,U+229D,U+238C,U+25F9,U+2601,U+2606,U+2661,U+2699,U+270F,U+2713,U+2B73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+23F8,U+25A1,U+25B7,U+293A-293B,U+e1085-e1088,U+e1091,U+e1234,U+e1261-e1259,U+e1262,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-communication.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-communication.woff?4r2099\") format(\"woff\");unicode-range:U+1F5B7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-covid-19.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-covid-19.woff?4r2099\") format(\"woff\");unicode-range:U+e1265}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-facilities.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-facilities.woff?4r2099\") format(\"woff\");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-feature.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-feature.woff?4r2099\") format(\"woff\");unicode-range:U+1F6E4,U+2600,U+271A,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-food.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-food.woff?4r2099\") format(\"woff\");unicode-range:U+1F37D,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-it.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-it.woff?4r2099\") format(\"woff\");unicode-range:U+e1181}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-journey.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-journey.woff?4r2099\") format(\"woff\");unicode-range:U+2488-2489,U+291E,U+29BF,U+2B94,U+e1102-e1104,U+e1106,U+e1108,U+e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-maps.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-maps.woff?4r2099\") format(\"woff\");unicode-range:U+1F17F,U+1F5FA,U+1F78B,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-navigation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+003C,U+003E,U+1030E,U+1F5D8,U+1F862,U+1F865,U+2190-2193,U+22EE-22EF,U+2303-2304,U+2A2F,U+2BBE,U+e1119-e1122}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-notification.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123,U+e1126-e1127}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-seat.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-seat.woff?4r2099\") format(\"woff\");unicode-range:U+1F6CF,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-ticket.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-ticket.woff?4r2099\") format(\"woff\");unicode-range:U+1F907,U+2714,U+e1131-e1132,U+e1134,U+e1136-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-transportation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288,U+e928-e929}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-action.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-action.woff?4r2099\") format(\"woff\");unicode-range:U+002B,U+003F,U+00A7,U+1F441,U+1F5A8,U+1F5B9,U+1F5BC,U+1F5D1,U+1F6C8,U+1F6CD,U+1F6E0,U+219F,U+21A1,U+21A6,U+21C6,U+21E7,U+21E9,U+21F5,U+2212,U+2295,U+229D,U+238C,U+25F9,U+2601,U+2606,U+2661,U+2699,U+270F,U+2713,U+2B73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+23F8,U+25A1,U+25B7,U+293A-293B,U+e1085-e1088,U+e1091,U+e1234,U+e1259-e1262,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-communication.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-communication.woff?4r2099\") format(\"woff\");unicode-range:U+1F5B7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-covid-19.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-covid-19.woff?4r2099\") format(\"woff\");unicode-range:U+e1265}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-facilities.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-facilities.woff?4r2099\") format(\"woff\");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-feature.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-feature.woff?4r2099\") format(\"woff\");unicode-range:U+1F6E4,U+2600,U+271A,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-food.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-food.woff?4r2099\") format(\"woff\");unicode-range:U+1F37D,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-it.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-it.woff?4r2099\") format(\"woff\");unicode-range:U+e1181}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-journey.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-journey.woff?4r2099\") format(\"woff\");unicode-range:U+2488-2489,U+291E,U+29BF,U+2B94,U+e1102-e1104,U+e1106,U+e1108,U+e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-maps.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-maps.woff?4r2099\") format(\"woff\");unicode-range:U+1F17F,U+1F5FA,U+1F78B,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-navigation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+003C,U+003E,U+1030E,U+1F5D8,U+1F862,U+1F865,U+2190-2193,U+22EE-22EF,U+2303-2304,U+2A2F,U+2BBE,U+e1119-e1122}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-notification.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123-e1127}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-seat.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-seat.woff?4r2099\") format(\"woff\");unicode-range:U+1F6CF,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-ticket.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-ticket.woff?4r2099\") format(\"woff\");unicode-range:U+1F907,U+2714,U+e1131-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-transportation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-action.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-action.woff?4r2099\") format(\"woff\");unicode-range:U+002B,U+003F,U+00A7,U+1F441,U+1F5A8,U+1F5B9,U+1F5BC,U+1F5D1,U+1F6C8,U+1F6CD,U+1F6E0,U+219F,U+21A1,U+21A6,U+21C6,U+21E7,U+21E9,U+21F5,U+2212,U+2295,U+229D,U+238C,U+25F9,U+2601,U+2606,U+2661,U+2699,U+270F,U+2713,U+2B73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+23F8,U+25A1,U+25B7,U+293A-293B,U+e1085-e1088,U+e1091,U+e1234,U+e1259-e1262,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-communication.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-communication.woff?4r2099\") format(\"woff\");unicode-range:U+1F5B7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-covid-19.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-covid-19.woff?4r2099\") format(\"woff\");unicode-range:U+e1265}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-facilities.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-facilities.woff?4r2099\") format(\"woff\");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-feature.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-feature.woff?4r2099\") format(\"woff\");unicode-range:U+1F6E4,U+2600,U+271A,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-food.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-food.woff?4r2099\") format(\"woff\");unicode-range:U+1F37D,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-it.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-it.woff?4r2099\") format(\"woff\");unicode-range:U+e1181}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-journey.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-journey.woff?4r2099\") format(\"woff\");unicode-range:U+2488-2489,U+291E,U+29BF,U+2B94,U+e1102-e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-maps.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-maps.woff?4r2099\") format(\"woff\");unicode-range:U+1F17F,U+1F5FA,U+1F78B,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-navigation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+003C,U+003E,U+1030E,U+1F5D8,U+1F862,U+1F865,U+2190-2193,U+22EE-22EF,U+2303-2304,U+2A2F,U+2BBE,U+e1119-e1122}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-notification.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123-e1127}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-seat.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-seat.woff?4r2099\") format(\"woff\");unicode-range:U+1F6CF,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-ticket.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-ticket.woff?4r2099\") format(\"woff\");unicode-range:U+1F907,U+2714,U+e1131-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-transportation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-48-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-48-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-48-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23F8,U+25B7,U+e1296-e1297,U+25A1,U+23EE,U+23ED}@font-face{font-display:block;font-family:\"icons-48-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-48-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-48-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-64-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-64-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-64-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23F8,U+25B7,U+e1296-e1297,U+25A1,U+23EE,U+23ED}@font-face{font-display:block;font-family:\"icons-64-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-64-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-64-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-16-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-action.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-action.woff?4r2099\") format(\"woff\");unicode-range:U+003F,U+1F6C8,U+e1220}@font-face{font-display:block;font-family:\"icons-16-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-navigation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+2BBE}@font-face{font-display:block;font-family:\"icons-16-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-notification.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-action.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-action.woff?4r2099\") format(\"woff\");unicode-range:U+003F,U+1F5A8,U+1F5BC,U+1F6C8,U+1F6CD,U+1F6E0,U+2295,U+229D,U+2601,U+2606,U+2661,U+270F,U+e1066,U+e1070,U+e1079,U+e1154-e1155,U+e1164-e1166,U+e1214,U+e1220-e1233}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED,U+23EE,U+25A1,U+25B7,U+e1091,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-communication.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-communication.woff?4r2099\") format(\"woff\");unicode-range:U+2370,U+e1095,U+e1172-e1174,U+e1235-e1236}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-feature.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-feature.woff?4r2099\") format(\"woff\");unicode-range:U+1F6E4,U+2600,U+271A,U+e1177-e1179,U+e1289}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-food.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-food.woff?4r2099\") format(\"woff\");unicode-range:U+e1237}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-it.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-it.woff?4r2099\") format(\"woff\");unicode-range:U+e1181}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-journey.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-journey.woff?4r2099\") format(\"woff\");unicode-range:U+e1104,U+e1106,U+e1108,U+e1110,U+e1238}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-maps.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-maps.woff?4r2099\") format(\"woff\");unicode-range:U+1F17F,U+2302,U+e1115-e1116,U+e1157-e1158}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-navigation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+1030E,U+2BBE}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-notification.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-ticket.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-ticket.woff?4r2099\") format(\"woff\");unicode-range:U+e1132,U+e1134,U+e1184}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-transportation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-action.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-action.woff?4r2099\") format(\"woff\");unicode-range:U+003F,U+1F6C8,U+2295,U+229D,U+2601,U+2606,U+2661,U+e1220,U+e1222,U+e1224-e1225,U+e1231}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+25A1,U+25B7,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-journey.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-journey.woff?4r2099\") format(\"woff\");unicode-range:U+e1104,U+e1106,U+e1108,U+e1110,U+e1238}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-maps.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-maps.woff?4r2099\") format(\"woff\");unicode-range:U+e1157-e1158}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-navigation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+2BBE}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-notification.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-transportation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-action.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-action.woff?4r2099\") format(\"woff\");unicode-range:U+003F,U+1F6C8,U+2295,U+229D,U+2601,U+2606,U+2661,U+e1220,U+e1222,U+e1224-e1225,U+e1231,U+e904}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+25A1,U+25B7,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-maps.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-maps.woff?4r2099\") format(\"woff\");unicode-range:U+e1157-e1158}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-navigation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+2BBE}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-notification.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-transportation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-48-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-48-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-48-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+25B7,U+e1296-e1297,U+25A1,U+23EE,U+23ED}@font-face{font-display:block;font-family:\"icons-64-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-64-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-64-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+25B7,U+e1296-e1297,U+25A1,U+23EE,U+23ED}.cmp-dropdown.is-account summary::before,.cmp-overflow-menu summary::before,.cmp-dropdown summary::before,.cmp-link-list li .elm-link::before,.cmp-sidenavi .elm-link[rel=help]::before,.cmp-sidenavi .elm-link[rel=calendar]::before,.cmp-sidenavi .elm-link[rel=cloud]::before,.cmp-sidenavi .elm-link[rel=dashboard]::before,.cmp-sidenavi .elm-link[rel=documents]::before,.cmp-sidenavi .elm-link[rel=index]::before,.cmp-pagination .elm-link[rel=next]::before,.cmp-pagination .elm-link[rel=prev]::before,.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after,.cmp-dialog header :is(.elm-link,button).is-close::before,.cmp-sitesearch .elm-button::before,.cmp-sitesearch .elm-label::before,.cmp-mainnavigation li[aria-haspopup=true]::after,.cmp-mainnavigation>label[for]::after,.cmp-mainnavigation>label[for]::before,.cmp-accordion summary::after,.cmp-breadcrumb ol>li:not(:first-child)::before,.cmp-breadcrumb ol>li:first-child::before,.elm-checkbox::before,.elm-link[rel=account]::before,.elm-link[rel=messages]::before,.elm-link[rel=configuration]::before,[data-icon-after]::after,[data-icon]::before,[data-icon-before]::before{-webkit-alt:\"\";alt:\"\";display:inline-block;font-family:var(--icon-font-family) !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:normal;font-weight:var(--icon-font-weight, normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle}@media aural{.cmp-dropdown.is-account summary::before,.cmp-overflow-menu summary::before,.cmp-dropdown summary::before,.cmp-link-list li .elm-link::before,.cmp-sidenavi .elm-link[rel=help]::before,.cmp-sidenavi .elm-link[rel=calendar]::before,.cmp-sidenavi .elm-link[rel=cloud]::before,.cmp-sidenavi .elm-link[rel=dashboard]::before,.cmp-sidenavi .elm-link[rel=documents]::before,.cmp-sidenavi .elm-link[rel=index]::before,.cmp-pagination .elm-link[rel=next]::before,.cmp-pagination .elm-link[rel=prev]::before,.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after,.cmp-dialog header :is(.elm-link,button).is-close::before,.cmp-sitesearch .elm-button::before,.cmp-sitesearch .elm-label::before,.cmp-mainnavigation li[aria-haspopup=true]::after,.cmp-mainnavigation>label[for]::after,.cmp-mainnavigation>label[for]::before,.cmp-accordion summary::after,.cmp-breadcrumb ol>li:not(:first-child)::before,.cmp-breadcrumb ol>li:first-child::before,.elm-checkbox::before,.elm-link[rel=account]::before,.elm-link[rel=messages]::before,.elm-link[rel=configuration]::before,[data-icon-after]::after,[data-icon]::before,[data-icon-before]::before{content:none}}@media speech{.cmp-dropdown.is-account summary::before,.cmp-overflow-menu summary::before,.cmp-dropdown summary::before,.cmp-link-list li .elm-link::before,.cmp-sidenavi .elm-link[rel=help]::before,.cmp-sidenavi .elm-link[rel=calendar]::before,.cmp-sidenavi .elm-link[rel=cloud]::before,.cmp-sidenavi .elm-link[rel=dashboard]::before,.cmp-sidenavi .elm-link[rel=documents]::before,.cmp-sidenavi .elm-link[rel=index]::before,.cmp-pagination .elm-link[rel=next]::before,.cmp-pagination .elm-link[rel=prev]::before,.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after,.cmp-dialog header :is(.elm-link,button).is-close::before,.cmp-sitesearch .elm-button::before,.cmp-sitesearch .elm-label::before,.cmp-mainnavigation li[aria-haspopup=true]::after,.cmp-mainnavigation>label[for]::after,.cmp-mainnavigation>label[for]::before,.cmp-accordion summary::after,.cmp-breadcrumb ol>li:not(:first-child)::before,.cmp-breadcrumb ol>li:first-child::before,.elm-checkbox::before,.elm-link[rel=account]::before,.elm-link[rel=messages]::before,.elm-link[rel=configuration]::before,[data-icon-after]::after,[data-icon]::before,[data-icon-before]::before{content:none}}[data-icon]:not([data-icon-variant])::before,[data-icon-before]:not([data-icon-variant-before])::before,[data-icon-after]:not([data-icon-variant-after])::after{--icon-font-family: icons-24-outline, \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon]::before,[data-icon-before]::before{content:var(--icon-glyph-before);margin-inline-end:var(--icon-margin-after, 0.375rem);font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem))}[data-icon-after]::after{content:var(--icon-glyph-after);margin-inline-start:var(--icon-margin-before, 0.375rem);font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem))}.is-icon-text-replace[data-icon],.is-icon-text-replace[data-icon-before]{font-size:0}.is-icon-text-replace[data-icon]::before,.is-icon-text-replace[data-icon-before]::before{--icon-margin-after: 0}.is-icon-text-replace[data-icon-after]{font-size:0}.is-icon-text-replace[data-icon-after]::after{--icon-margin-before: 0}.elm-button{align-items:center;border:1px solid rgba(0,0,0,0);border-radius:4px;display:inline-flex;font-size:1rem;justify-content:center;min-height:2.75rem;padding:0.5rem 1rem}.elm-button[data-icon],.elm-button[data-icon-before]{padding-left:0.875rem}.elm-button[data-icon-after]{padding-right:0.875rem}.elm-button.is-icon-text-replace{width:2.75rem}.elm-button[data-variant=brand-primary],.elm-button[data-variant=primary]{color:#fff}.elm-button[data-variant=brand-primary],.elm-button[data-variant=primary]{font-weight:700}.elm-button[data-variant=brand-primary]{background-color:#ec0016}.elm-button[data-variant=brand-primary]:disabled{background-color:#ec001640}.elm-button[data-variant=brand-primary]:not(:disabled):hover{background-color:#db0016}.elm-button[data-variant=brand-primary]:not(:disabled):active{background-color:#cc0013}.elm-button[data-variant=primary]{background-color:#282d37}.elm-button[data-variant=primary]:disabled{background-color:#282d3740}.elm-button[data-variant=primary]:not(:disabled):hover{background-color:#2f3541}.elm-button[data-variant=primary]:not(:disabled):active{background-color:#363c4a}.elm-button[data-variant=secondary-outline]{backdrop-filter:blur(4px);background-color:rgba(0,0,0,0);border-color:#282d37;color:#282d37}.elm-button[data-variant=secondary-outline]:disabled{color:#282d3780;border-color:#282d3740}.elm-button[data-variant=secondary-outline]:not(:disabled):hover{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=secondary-outline]:not(:disabled):active{background-color:rgba(40,45,55,.06)}.elm-button[data-variant=secondary-solid]{background-color:#d7dce1;color:#282d37}.elm-button[data-variant=secondary-solid]:disabled{color:#282d3780;background-color:#d7dce140}.elm-button[data-variant=secondary-solid]:not(:disabled):hover{background-color:#cdd4da}.elm-button[data-variant=secondary-solid]:not(:disabled):active{background-color:#c5ccd3}.elm-button[data-variant=tertiary-plain]{background-color:rgba(0,0,0,0);border:2px solid rgba(0,0,0,0);color:#282d37}.elm-button[data-variant=tertiary-plain]:disabled{color:#282d3780}.elm-button[data-variant=tertiary-plain]:not(:disabled):hover{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=tertiary-plain]:not(:disabled):active{background-color:rgba(40,45,55,.06)}.elm-button[data-size=small]{min-height:2.25rem}.elm-button[data-size=small]:not(.is-icon-text-replace){font-size:0.875rem}.elm-button[data-icon][data-size=small]::before,.elm-button[data-icon-before][data-size=small]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-button[data-icon-after][data-size=small]::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-button.is-icon-text-replace[data-size=small]{width:2.25rem}.elm-button[data-size=large]{min-height:3.25rem}.elm-button[data-size=large]:not(.is-icon-text-replace){font-size:1.25rem}.elm-button.is-icon-text-replace[data-size=large]{width:3.25rem}.elm-button:disabled{color:#ffffff80}.elm-button[data-width=full]{inline-size:100%}.elm-headline{text-wrap:balance;margin-bottom:1rem;margin-top:1.5rem}.elm-headline[data-pulse]::after{background:var(--db-pulse-background, #ec0016);border-radius:calc(var(--db-logo-height, 40px)/7*.5);content:\"\";display:block;margin-bottom:var(--db-pulse-margin-bottom, 14px);margin-top:calc(var(--db-logo-height, 40px)*.5);width:var(--db-logo-width, 58px);height:calc(var(--db-logo-height, 40px)/7)}h1.elm-headline,h2.elm-headline,h3.elm-headline{font-family:\"DB Screen Head\",Helvetica,Arial,sans-serif;font-weight:900}h1.elm-headline{font-size:2.25rem;line-height:1.1111111111}@media screen and (max-width: 767px){h1.elm-headline{font-size:1.75rem;line-height:1.14}}h2.elm-headline{font-size:1.5rem;line-height:1.1666666667}@media screen and (max-width: 767px){h2.elm-headline{font-size:1.25rem;line-height:1.2}}h3.elm-headline{font-size:1.25rem;line-height:1.2}@media screen and (max-width: 767px){h3.elm-headline{font-size:1.125rem;line-height:1.33}}h4.elm-headline{font-size:1.125rem;font-weight:400;line-height:1.3333333333}@media screen and (max-width: 767px){h4.elm-headline{font-size:1rem;line-height:1.25}}.elm-link{border-radius:0.25rem;display:inline-block;text-underline-offset:0.1875rem;text-underline-position:under}@supports(text-underline-offset: 3px){.elm-link{text-underline-position:auto}}.elm-link:active{color:initial}.elm-link[aria-disabled=true]{opacity:.4;pointer-events:none}.elm-link[aria-disabled=true]::before{color:initial}.elm-link[data-size=small]:not(.is-icon-text-replace){font-size:0.875rem}.elm-link[rel][data-size=small]::before,.elm-link[data-icon][data-size=small]::before,.elm-link[data-icon-before][data-size=small]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-link[data-icon-after][data-size=small]::after::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-link[rel=configuration]{--icon-glyph-before: \"⚙\"}.elm-link[rel=configuration]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.elm-link[rel=configuration]::before{content:var(--icon-glyph-before)/\"\"}}.elm-link[rel=messages]{--icon-glyph-before: \"󡈶\"}.elm-link[rel=messages]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.elm-link[rel=messages]::before{content:var(--icon-glyph-before)/\"\"}}.elm-link[rel=account]{--icon-glyph-before: \"󡈡\"}.elm-link[rel=account]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.elm-link[rel=account]::before{content:var(--icon-glyph-before)/\"\"}}.elm-link[rel=configuration]::before,.elm-link[rel=messages]::before,.elm-link[rel=account]::before{display:inline-block}.elm-logo{width:var(--db-logo-width, 58px);height:var(--db-logo-height, 40px)}.elm-logo[data-size=xsmall]{--db-logo-width: 20px;--db-logo-height: 14px}body:has(.elm-logo[data-size=xsmall]) .elm-headline[data-pulse]{--db-logo-width: 20px;--db-logo-height: 14px}.elm-logo[data-size=xsmall]~.elm-headline[data-pulse]{--db-logo-width: 20px;--db-logo-height: 14px}.elm-logo[data-size=small]{--db-logo-width: 29px;--db-logo-height: 20px}body:has(.elm-logo[data-size=small]) .elm-headline[data-pulse]{--db-logo-width: 29px;--db-logo-height: 20px}.elm-logo[data-size=small]~.elm-headline[data-pulse]{--db-logo-width: 29px;--db-logo-height: 20px}.elm-logo[data-size=medium]{--db-logo-width: 34px;--db-logo-height: 24px}body:has(.elm-logo[data-size=medium]) .elm-headline[data-pulse]{--db-logo-width: 34px;--db-logo-height: 24px}.elm-logo[data-size=medium]~.elm-headline[data-pulse]{--db-logo-width: 34px;--db-logo-height: 24px}.elm-logo[data-size=large]{--db-logo-width: 40px;--db-logo-height: 28px}body:has(.elm-logo[data-size=large]) .elm-headline[data-pulse]{--db-logo-width: 40px;--db-logo-height: 28px}.elm-logo[data-size=large]~.elm-headline[data-pulse]{--db-logo-width: 40px;--db-logo-height: 28px}.elm-logo[data-size=xlarge]{--db-logo-width: 56px;--db-logo-height: 40px}body:has(.elm-logo[data-size=xlarge]) .elm-headline[data-pulse]{--db-logo-width: 56px;--db-logo-height: 40px}.elm-logo[data-size=xlarge]~.elm-headline[data-pulse]{--db-logo-width: 56px;--db-logo-height: 40px}.elm-select,.elm-textarea,.elm-input{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-textarea~.description,.elm-input~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-textarea[data-variant=semitransparent],:where(.elm-textarea),:not(.cmp-sitesearch)>.elm-input[type=search],.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]){--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-textarea[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-textarea:not([aria-invalid]):user-valid,.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-textarea:not([aria-invalid]):user-invalid,.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week]{--formElement---borderColor: #ec0016}.elm-textarea+output:has(+.description),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-textarea+output:not(:has(+.description)),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output+.description,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-radio:has(+label)::after,.elm-checkbox:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-checkbox{--db-form-element-dimensions: var( --db-checkbox-dimensions, 1.5rem );align-content:center;appearance:none;background-color:hsla(0,0%,100%,.1);border:0.0625rem solid #282d37;border-radius:4px;color:#282d37;display:inline-flex;height:var(--db-form-element-dimensions);justify-content:center;width:var(--db-form-element-dimensions)}.elm-checkbox{--icon-glyph-before: \" \"}.elm-checkbox::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.elm-checkbox::before{content:var(--icon-glyph-before)/\"\"}}.elm-checkbox[type=checkbox]{vertical-align:top}.elm-checkbox::before{--icon-font-size: 1.375rem;margin-right:0}.elm-checkbox:checked{background-color:#282d37}.elm-checkbox:checked::before{color:#fff;content:\"✓\"}.elm-checkbox:enabled:hover{background-color:rgba(40,45,55,.14)}.elm-checkbox:enabled:hover:checked{background-color:#52575f}.elm-checkbox:enabled:active{background-color:rgba(40,45,55,.14)}.elm-checkbox:indeterminate::before{content:\"−\"}.elm-checkbox:disabled,.elm-checkbox:disabled+label{opacity:.5}.elm-checkbox+label{padding-inline-start:.25rem}.elm-select,.elm-textarea,.elm-input{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-textarea~.description,.elm-input~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-textarea[data-variant=semitransparent],:where(.elm-textarea),:not(.cmp-sitesearch)>.elm-input[type=search],.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]){--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-textarea[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-textarea:not([aria-invalid]):user-valid,.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-textarea:not([aria-invalid]):user-invalid,.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week]{--formElement---borderColor: #ec0016}.elm-textarea+output:has(+.description),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-textarea+output:not(:has(+.description)),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output+.description,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-radio:has(+label)::after,.elm-checkbox:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-input{color:#282d37;font-size:1rem;height:2.75rem;line-height:1.5rem;max-width:100%;width:100%;padding-inline:1rem}.elm-input:not(:has(+label[data-label-hidden=true])){padding-block:.5rem}.elm-input[list]::-webkit-calendar-picker-indicator{margin-right:-1rem}.elm-input:not(:placeholder-shown){padding-bottom:0}.elm-input:not(:placeholder-shown):not(:has(+label[data-label-hidden=true])){padding-top:1rem}.elm-input:focus:not(:disabled),.elm-input:hover:not(:disabled){--formElement---borderColor: #878c96}.elm-input:disabled,.elm-input:disabled+.elm-label,fieldset:disabled .elm-input,fieldset:disabled .elm-input+.elm-label{opacity:.4}.elm-input[type=color]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=date]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=datetime-local]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=email]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=month]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=number]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=password]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=tel]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=text]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=time]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=url]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=week]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label{transition:opacity,transform 250ms}@media(prefers-reduced-motion: reduce){.elm-input[type=color]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=date]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=datetime-local]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=email]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=month]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=number]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=password]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=tel]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=text]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=time]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=url]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=week]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label{transition-duration:.01s !important}}.elm-input[type=color]+.elm-label,.elm-input[type=date]+.elm-label,.elm-input[type=datetime-local]+.elm-label,.elm-input[type=email]+.elm-label,.elm-input[type=month]+.elm-label,.elm-input[type=number]+.elm-label,.elm-input[type=password]+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label,.elm-input[type=tel]+.elm-label,.elm-input[type=text]+.elm-label,.elm-input[type=time]+.elm-label,.elm-input[type=url]+.elm-label,.elm-input[type=week]+.elm-label{color:#646973;display:block;font-size:0.75rem;margin-bottom:-1.125rem;transform:translate(1rem, -2.5625rem)}.elm-input[type=color]+.elm-label+output,.elm-input[type=color]+.elm-label~.description,.elm-input[type=date]+.elm-label+output,.elm-input[type=date]+.elm-label~.description,.elm-input[type=datetime-local]+.elm-label+output,.elm-input[type=datetime-local]+.elm-label~.description,.elm-input[type=email]+.elm-label+output,.elm-input[type=email]+.elm-label~.description,.elm-input[type=month]+.elm-label+output,.elm-input[type=month]+.elm-label~.description,.elm-input[type=number]+.elm-label+output,.elm-input[type=number]+.elm-label~.description,.elm-input[type=password]+.elm-label+output,.elm-input[type=password]+.elm-label~.description,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label+output,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label~.description,.elm-input[type=tel]+.elm-label+output,.elm-input[type=tel]+.elm-label~.description,.elm-input[type=text]+.elm-label+output,.elm-input[type=text]+.elm-label~.description,.elm-input[type=time]+.elm-label+output,.elm-input[type=time]+.elm-label~.description,.elm-input[type=url]+.elm-label+output,.elm-input[type=url]+.elm-label~.description,.elm-input[type=week]+.elm-label+output,.elm-input[type=week]+.elm-label~.description{margin-top:0}.elm-input[type=color][placeholder]:placeholder-shown+label,.elm-input[type=date][placeholder]:placeholder-shown+label,.elm-input[type=datetime-local][placeholder]:placeholder-shown+label,.elm-input[type=email][placeholder]:placeholder-shown+label,.elm-input[type=month][placeholder]:placeholder-shown+label,.elm-input[type=number][placeholder]:placeholder-shown+label,.elm-input[type=password][placeholder]:placeholder-shown+label,:where(:not(.cmp-sitesearch))>.elm-input[type=search][placeholder]:placeholder-shown+label,.elm-input[type=tel][placeholder]:placeholder-shown+label,.elm-input[type=text][placeholder]:placeholder-shown+label,.elm-input[type=time][placeholder]:placeholder-shown+label,.elm-input[type=url][placeholder]:placeholder-shown+label,.elm-input[type=week][placeholder]:placeholder-shown+label{opacity:0}.elm-input[type=color]::placeholder,.elm-input[type=date]::placeholder,.elm-input[type=datetime-local]::placeholder,.elm-input[type=email]::placeholder,.elm-input[type=month]::placeholder,.elm-input[type=number]::placeholder,.elm-input[type=password]::placeholder,:where(:not(.cmp-sitesearch))>.elm-input[type=search]::placeholder,.elm-input[type=tel]::placeholder,.elm-input[type=text]::placeholder,.elm-input[type=time]::placeholder,.elm-input[type=url]::placeholder,.elm-input[type=week]::placeholder{color:#646973}.elm-input[type=search]{background:var(--db-ic-search-24, url(~@db-ui/core/dist/icons/functional/images/action/db_ic_search_24.svg)) no-repeat 0.375rem 0.75rem;background-size:1.1875rem;padding-left:2rem}:not(.cmp-sitesearch)>.elm-input[type=search]+.elm-label{margin-left:1rem}.elm-loadingindicator{display:block}.elm-loadingindicator{animation:loadingindicator-rotate 3s linear infinite;color:#ec0016}.elm-loadingindicator[data-size=xl]{--loadingindicator--stroke-width: 2.5384615385px;--loadingindicator--r: 19px;height:52px;width:52px}.elm-loadingindicator[data-size=l]{--loadingindicator--stroke-width: 3px;--loadingindicator--r: 19px;height:44px;width:44px}.elm-loadingindicator{--loadingindicator--stroke-width: 3.6666666667px;--loadingindicator--r: 19px;height:36px;width:36px}.elm-loadingindicator[data-size=s]{--loadingindicator--stroke-width: 3.1428571429px;--loadingindicator--r: 19px;height:28px;width:28px}.elm-loadingindicator[data-size=xs]{--loadingindicator--stroke-width: 4.4px;--loadingindicator--r: 19px;height:20px;width:20px}.elm-loadingindicator__circle{animation:loadingindicator-stroke 1.5s ease-in-out infinite;r:var(--loadingindicator--r);stroke:currentcolor;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;stroke-width:var(--loadingindicator--stroke-width)}@keyframes loadingindicator-rotate{100%{transform:rotate(360deg)}}@keyframes loadingindicator-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:96,200;stroke-dashoffset:-32}100%{stroke-dasharray:96,200;stroke-dashoffset:-124}}.elm-progress progress{--progress-value--backgroundColor: #ec0016}.elm-progress progress{appearance:none;background-color:#fcfdfd;border:none;height:0.25rem;vertical-align:middle}.elm-progress progress::-webkit-progress-bar{background-color:#fcfdfd}.elm-progress progress::-webkit-progress-value{background-color:var(--progress-value--backgroundColor)}.elm-progress progress::-moz-progress-bar{background-color:var(--progress-value--backgroundColor)}.elm-progress progress::-ms-fill{background-color:var(--progress-value--backgroundColor);border:none}.elm-progress progress:not([style^=\"--progress-conic:\"])::-webkit-progress-value{border-radius:12px}.elm-progress progress:not([style^=\"--progress-conic:\"])::-moz-progress-bar{border-radius:12px}.elm-progress progress:not([style^=\"--progress-conic:\"])::-ms-fill{border-radius:12px}.elm-progress progress:indeterminate{animation-duration:2.1s;animation-iteration-count:infinite;animation-name:elmProgressMoveIndeterminate;animation-timing-function:linear;animation-timing-function:cubic-bezier(0.65, 0.815, 0.735, 0.395);background-color:#fcfdfd;background-image:linear-gradient(to right, #ec0016 100%, #fcfdfd 100%);background-position:top left;background-repeat:no-repeat;background-size:150% 150%}@media(prefers-reduced-motion: reduce){.elm-progress progress:indeterminate{animation-duration:15s}}.elm-progress progress:indeterminate::-webkit-progress-bar{background-color:rgba(0,0,0,0)}.elm-progress progress:indeterminate::-moz-progress-bar{background-color:rgba(0,0,0,0)}@supports(background: conic-gradient(#000, #fff)){.elm-progress progress[style^=\"--progress-conic:\"]{--fill: calc(var(--progress-conic) * 1%);background:conic-gradient(var(--progress-value--backgroundColor) var(--fill), #fff 0);border:0;border-radius:50%;height:4.6875rem;width:4.6875rem}.elm-progress progress[style^=\"--progress-conic:\"]::-webkit-progress-inner-element,.elm-progress progress[style^=\"--progress-conic:\"]::-webkit-progress-bar,.elm-progress progress[style^=\"--progress-conic:\"]::-webkit-progress-value{display:none}.elm-progress progress[style^=\"--progress-conic:\"]::-moz-progress-bar{background:none}.elm-progress progress[style^=\"--progress-conic:\"]+output,.elm-progress progress[style^=\"--progress-conic:\"]+label{align-items:center;background:#fdfdfd;border-radius:50%;display:block;display:flex;height:3.4375rem;justify-content:center;position:absolute;transform:translate(0.625rem, -4.0625rem);width:3.4375rem}}@keyframes elmProgressMoveIndeterminate{0%{background-position:-35% 0;background-size:35% 100%}60%{background-position:101% 0;background-size:65% 100%}100%{background-position:101% 0;background-size:1% 100%}}.elm-select,.elm-textarea,.elm-input{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-textarea~.description,.elm-input~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-textarea[data-variant=semitransparent],:where(.elm-textarea),:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-textarea[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-textarea:not([aria-invalid]):user-valid,.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-textarea:not([aria-invalid]):user-invalid,.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week]{--formElement---borderColor: #ec0016}.elm-textarea+output:has(+.description),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-textarea+output:not(:has(+.description)),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output+.description,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-radio:has(+label)::after,.elm-checkbox:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-radio{--db-form-element-dimensions: var( --db-radio-dimensions, 1.25em );appearance:none;background-color:hsla(0,0%,100%,.1);border:0.0625rem solid #282d37;border-radius:1em;display:inline-block;font-size:1rem;height:var(--db-form-element-dimensions);transition:border-width .5s ease;width:var(--db-form-element-dimensions)}.elm-radio[type=radio]{vertical-align:sub}.elm-radio:enabled:hover:not(:checked){background-color:rgba(40,45,55,.14)}.elm-radio:enabled:active{background-color:rgba(40,45,55,.3)}.elm-radio:checked{border-width:0.375em}.elm-radio:is(:user-invalid),.elm-radio[aria-invalid=true]{border-color:#c13e34}.elm-radio+label{padding-inline-start:.25rem}.elm-radio:disabled,.elm-radio:disabled+label{opacity:.5}@media(prefers-reduced-motion: reduce){.elm-radio{transition-duration:.01s !important}}.elm-select,.elm-textarea,.elm-input{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-textarea~.description,.elm-input~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-textarea[data-variant=semitransparent],:where(.elm-textarea),:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-textarea[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-textarea:not([aria-invalid]):user-valid,.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-textarea:not([aria-invalid]):user-invalid,.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week]{--formElement---borderColor: #ec0016}.elm-textarea+output:has(+.description),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-textarea+output:not(:has(+.description)),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output+.description,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-checkbox:has(+label)::after,.elm-radio:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-textarea{display:block;font-size:1rem;height:2.75rem;line-height:1.5rem;max-width:100%;padding:0.375rem 0.625rem;resize:vertical;width:100%}.elm-textarea:not([rows]){max-height:37.5rem;min-height:7.5rem}.elm-textarea[rows]{height:initial}.elm-textarea:focus:not(:disabled),.elm-textarea:hover:not(:disabled){--formElement---borderColor: #878c96}.elm-textarea:disabled,.elm-textarea:disabled+.elm-label,fieldset:disabled .elm-textarea,fieldset:disabled .elm-textarea+.elm-label{opacity:.4}.elm-select,.elm-input,.elm-textarea{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-input~.description,.elm-textarea~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search],:where(.elm-textarea),.elm-textarea[data-variant=semitransparent]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white],.elm-textarea[data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid],.elm-textarea[data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline],.elm-textarea[data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid,.elm-textarea:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid,.elm-textarea:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week],[aria-invalid=true].elm-textarea{--formElement---borderColor: #ec0016}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description),.elm-textarea+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)),.elm-textarea+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description,.elm-textarea+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-checkbox:has(+label)::after,.elm-radio:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-select{appearance:none;font-size:1rem}.elm-select::-ms-expand{display:none}.elm-select:not([multiple]){background-image:var(--db-ic-expand-more-20, url(~@db-ui/core/dist/icons/functional/images/navigation/db_ic_expand_more_20.svg));background-position:right 0.6875rem center;background-repeat:no-repeat;height:2.75rem;padding:1.25rem 2.625rem 0 1rem}.elm-select:not([multiple]):has(+label[data-label-hidden=true]){padding-top:0}.elm-select:not([multiple])+.elm-label{pointer-events:none;position:absolute;transition:opacity,transform 250ms}@media(prefers-reduced-motion: reduce){.elm-select:not([multiple])+.elm-label{transition-duration:.01s !important}}.elm-select:not([multiple]):has(option:checked:empty)+.elm-label{color:#646973;font-size:1rem;transform:translate(1rem, -2.1875rem)}.elm-select:not([multiple]):not([aria-invalid]):is(:user-valid),.elm-select:not([multiple])[data-variant]  :not([aria-invalid]):is(:user-valid){--formElement---borderColor: #2a7230}.elm-select:not([multiple]):not([aria-invalid]):is(:user-invalid),.elm-select:not([multiple])[data-variant]  :not([aria-invalid]):is(:user-invalid){--formElement---borderColor: #ec0016}.elm-select:disabled,.elm-select:disabled+.elm-label,fieldset:disabled .elm-select,fieldset:disabled .elm-select+.elm-label{opacity:.4}.elm-select+.elm-label{display:block;font-size:0.75rem;margin-bottom:-1.125rem;transform:translate(1rem, -2.5625rem);transition:opacity,transform 150ms}@media(prefers-reduced-motion: reduce){.elm-select+.elm-label{transition-duration:.01s !important}}.elm-select[multiple]{margin-top:1rem}.elm-select[multiple]+.elm-label{transform:translate(1rem, -6.25rem)}.elm-select optgroup{background-color:rgba(0,0,0,0);font-style:normal}.elm-select option:not(:disabled):hover{background-color:#d7dce1}.elm-select option:checked{background-color:#d7dce1}.elm-chip+label{--db-focus-outline-size: max(2px, 0.08em);align-items:center;border:solid 1px #878c96;border-radius:0.25rem;display:inline-flex;font-weight:500;font-size:0.875rem;height:1.75rem;justify-content:center;padding-left:0.4375rem;padding-right:0.4375rem;text-decoration:none;text-transform:capitalize;white-space:nowrap}.elm-chip+label[data-icon]::before,.elm-chip+label[data-icon-before]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-chip+label[data-icon-after]::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-chip:not(:disabled,:checked)+label:hover{background-color:rgba(40,45,55,.03)}.elm-chip:checked+label{background-color:#282d37;border-color:rgba(0,0,0,0);color:#fff}.elm-chip:checked+label[data-variant=light]{background-color:#d7dce1;color:#282d37;border:1px solid #878c96}.elm-chip:checked+label[data-variant=warning]{background-color:#f75f00}.elm-chip:checked+label[data-variant=error]{background-color:#ec0016}.elm-chip:checked+label[data-variant=informative]{background-color:#0087b9}.elm-chip:checked+label[data-variant=success]{background-color:#508b1b}.elm-chip:checked+label[data-variant=poi-essen-trinken]{background-color:#f39200;color:#282d37}.elm-chip:checked+label[data-variant=poi-einkaufen]{background-color:#814997}.elm-chip:checked+label[data-variant=poi-gesundheit]{background-color:#a9455d}.elm-chip:checked+label[data-variant=poi-kunst-kultur]{background-color:#e93e8f}.elm-chip:checked+label[data-variant=poi-wissenswertes]{background-color:#858379}.elm-chip:checked+label[data-variant=poi-freizeit]{background-color:#408335}.elm-chip:checked+label[data-variant=poi-zivile-rel-einrichtungen]{background-color:#00a099}.elm-chip:checked+label[data-variant=poi-dienstleistungen]{background-color:#309fd1;color:#282d37}.elm-chip:checked+label[data-variant=poi-db-services-einrichtung]{background-color:#0c3992}.elm-chip:checked+label[data-variant=poi-wegeleitung]{background-color:#3c414b}.elm-chip:disabled+label{opacity:.5}.elm-chip:focus-visible+label{outline:var(--db-focus-outline-size) var(--db-focus-outline-style, solid) var(--db-focus-outline-color, currentColor);outline-offset:var(--db-focus-outline-offset, var(--db-focus-outline-size))}.elm-tag{align-items:center;background-color:#282d37;border-radius:0.25rem;color:#fff;display:inline-flex;font-weight:500;font-size:0.75rem;height:1.5rem;justify-content:center;padding-left:0.25rem;padding-right:0.25rem;text-transform:capitalize;white-space:nowrap}.elm-tag[data-size=small]{height:1.25rem}.elm-tag[data-variant=light]{background-color:#d7dce1;color:#282d37;border:1px solid #878c96}.elm-tag[data-variant=warning]{background-color:#cc4e00}.elm-tag[data-variant=error]{background-color:#db0014}.elm-tag[data-variant=informative]{background-color:#006a96}.elm-tag[data-variant=success]{background-color:#467a18}.elm-tag[data-variant=track]{background-color:#0a1e6e;font-weight:700}.elm-tag[data-variant=poi-essen-trinken]{background-color:#f39200;color:#282d37}.elm-tag[data-variant=poi-einkaufen]{background-color:#814997}.elm-tag[data-variant=poi-gesundheit]{background-color:#a9455d}.elm-tag[data-variant=poi-kunst-kultur]{background-color:#e93e8f}.elm-tag[data-variant=poi-wissenswertes]{background-color:#858379}.elm-tag[data-variant=poi-freizeit]{background-color:#408335}.elm-tag[data-variant=poi-zivile-rel-einrichtungen]{background-color:#00a099}.elm-tag[data-variant=poi-dienstleistungen]{background-color:#309fd1;color:#282d37}.elm-tag[data-variant=poi-db-services-einrichtung]{background-color:#0c3992}.elm-tag[data-variant=poi-wegeleitung]{background-color:#3c414b}.elm-tag[data-icon]::before,.elm-tag[data-icon-before]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-tag[data-icon]::before,.elm-tag[data-icon-before]::before{--icon-margin-after: 0.125rem}.elm-tag[data-icon-after]::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-tag[data-icon-after]::after{--icon-margin-before: 0.125rem}.elm-toggle{appearance:none;background-color:#646973;border:none;border-radius:0.75rem;display:inline-block;height:1.5rem;position:relative;transition:background-color .3s ease;width:3rem}@media(prefers-reduced-motion: reduce){.elm-toggle{transition-duration:.01s !important}}.elm-toggle+.elm-label{vertical-align:top}.elm-toggle::before{background-color:#fff;border-radius:0.625rem;box-shadow:0 5px 30px 0 rgba(0,0,0,.05),0 1px 5px 0 rgba(0,0,0,.15);content:\"\";display:block;height:1.25rem;left:0.125rem;position:absolute;top:0.125rem;transition:border-color,left .3s cubic-bezier(0.3, 1.5, 0.7, 1);width:1.25rem}@media(prefers-reduced-motion: reduce){.elm-toggle::before{transition-duration:.01s !important}}.elm-toggle:hover::before{background-color:#f7f7f7}.elm-toggle:active::before{transition:width .3s cubic-bezier(0.3, 1.5, 0.7, 1);width:1.5rem}@media(prefers-reduced-motion: reduce){.elm-toggle:active::before{transition-duration:.01s !important}}.elm-toggle:checked{background-color:#131821}.elm-toggle:checked::before{left:unset;right:0.125rem}.elm-toggle:disabled,.elm-toggle:disabled+label{opacity:.5}.elm-youtube{height:19.6875rem;width:35rem}.cmp-breadcrumb{color:#646973;font-size:0.75rem}.cmp-breadcrumb a{color:inherit}.cmp-breadcrumb ol{display:flex}.cmp-breadcrumb ol>li{align-items:center;display:inline-flex;margin-right:0.1875rem}.cmp-breadcrumb ol>li [aria-current=location],.cmp-breadcrumb ol>li [aria-current=page]{color:#282d37}.cmp-breadcrumb ol>li .elm-link{border-radius:0.25rem;padding:0.0625rem 0.1875rem 0.0625rem 0.25rem;text-decoration:none}.cmp-breadcrumb ol>li .elm-link:hover{background-color:rgba(40,45,55,.03)}.cmp-breadcrumb ol>li .elm-link:active{background-color:rgba(40,45,55,.06)}.cmp-breadcrumb ol>li:first-child{--icon-glyph-before: \"⌂\"}.cmp-breadcrumb ol>li:first-child::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.25rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-breadcrumb ol>li:first-child::before{content:var(--icon-glyph-before)/\"\"}}.cmp-breadcrumb ol>li:first-child::before{--icon-margin-after: 0.1875rem}.cmp-breadcrumb ol>li:not(:first-child){--icon-glyph-before: \">\"}.cmp-breadcrumb ol>li:not(:first-child)::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.25rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-breadcrumb ol>li:not(:first-child)::before{content:var(--icon-glyph-before)/\"\"}}.cmp-breadcrumb ol>li:not(:first-child)::before{--icon-font-size: 0.875rem;--icon-margin-after: 0;color:#878c96;margin-left:-0.125rem}.cmp-cards{list-style:none;margin:0;padding:0}@supports(display: grid){.cmp-cards{display:grid;grid-gap:1.5rem;grid-template-columns:repeat(auto-fill, minmax(21.25rem, 1fr))}}.cmp-card{background-color:#fff;border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05)}.cmp-card>a{text-decoration:none}.cmp-card figure{margin:1rem 1rem 1rem .5rem}.cmp-card[data-variant=banner] figure{display:flex}.cmp-card[data-variant=banner] figcaption{margin-left:1rem}.cmp-card[data-variant=banner] figcaption h1,.cmp-card[data-variant=banner] figcaption h2,.cmp-card[data-variant=banner] figcaption h3,.cmp-card[data-variant=banner] figcaption h4,.cmp-card[data-variant=banner] figcaption h5,.cmp-card[data-variant=banner] figcaption h6{font-size:1.125rem}.cmp-card[data-variant=banner] figcaption h1,.cmp-card[data-variant=banner] figcaption h1~p,.cmp-card[data-variant=banner] figcaption h2,.cmp-card[data-variant=banner] figcaption h2~p,.cmp-card[data-variant=banner] figcaption h3,.cmp-card[data-variant=banner] figcaption h3~p,.cmp-card[data-variant=banner] figcaption h4,.cmp-card[data-variant=banner] figcaption h4~p,.cmp-card[data-variant=banner] figcaption h5,.cmp-card[data-variant=banner] figcaption h5~p,.cmp-card[data-variant=banner] figcaption h6,.cmp-card[data-variant=banner] figcaption h6~p{margin:.125rem 0}.cmp-card[data-variant=banner] figcaption p{font-size:0.875rem;max-width:18.125rem}.cmp-card[data-variant=tile]{text-align:center}.cmp-card figcaption{max-width:60ch}.cmp-accordion{--db-accordion---paddingLeft: 1rem;border-bottom:1px solid #d7dce1;padding-left:var(--db-accordion---paddingLeft);padding-right:1rem}.cmp-accordion summary{align-items:center;display:flex;justify-content:space-between;padding-block:.75rem;transform:translateX(calc(var(--db-accordion---paddingLeft) * -1));width:calc(100% + var(--db-accordion---paddingLeft) + 1rem)}.cmp-accordion summary{--icon-glyph-after: \"⌄\"}.cmp-accordion summary::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem));margin-inline-start:var(--icon-margin-before, 0.375rem);content:var(--icon-glyph-after)}@supports(content: \"\"/\"\"){.cmp-accordion summary::after{content:var(--icon-glyph-after)/\"\"}}.cmp-accordion summary::-webkit-details-marker{display:none}.cmp-accordion summary:first-of-type{list-style-type:none}.cmp-accordion summary::after{--icon-margin-before: 0.5rem;margin-right:0.875rem}.cmp-accordion summary+p{margin-top:0}.cmp-accordion[open]>summary::after{content:\"⌃\"}.cmp-accordion[data-emphasis=high]{--db-accordion---paddingLeft: 1.5rem}.cmp-accordion[data-emphasis=high] summary{font-weight:700;height:3.5rem}.cmp-accordion[data-emphasis=high] summary::after{--icon-font-size: 2rem}.cmp-accordion[data-size=small]{--db-accordion---paddingLeft: 0.25rem}.cmp-accordion[data-size=small] summary{font-size:0.875rem;padding-block:.59375rem}.cmp-accordion[data-size=small] summary::after{--icon-font-size: 1.25rem;--icon-margin-after: 0.375rem;margin-left:0.375rem}.cmp-accordion[data-size=large]{--db-accordion---paddingLeft: 1.5rem}.cmp-accordion[data-size=large] summary{font-size:1.25rem;padding-block:1rem}.cmp-accordion[data-size=large] summary::after{--icon-font-size: 2rem}.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch::before,.cmp-mainnavigation::before{position:absolute;content:\"\";width:1px;height:1.5rem;background-color:rgba(40,45,55,.2);inset-block-start:50%;transform:translateY(-50%)}.cmp-mainnavigation{top:0;padding-inline-start:1.5rem;position:relative}.cmp-mainnavigation::before{inset-inline-start:0}.rea-header .cmp-mainnavigation{order:1}@supports not selector(:has(db)){.cmp-mainnavigation{margin:auto}}.cmp-mainnavigation .elm-link{border-radius:initial;color:inherit;display:inline-block;text-decoration:none}.cmp-mainnavigation>input[type=checkbox][id]{appearance:none;position:absolute;block-size:1.5rem;aspect-ratio:1/1}@media screen and (width > 1023px){.cmp-mainnavigation>input[type=checkbox][id],.cmp-mainnavigation>input[type=checkbox][id]+label[for]{display:none}}.cmp-mainnavigation>label[for]{background-color:#fdfdfd;border-bottom:1px solid #f5f4f1;display:block;padding:0.5rem 1.375rem 0.625rem}.cmp-mainnavigation>label[for]{--icon-glyph-before: \"󡄢\"}.cmp-mainnavigation>label[for]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-mainnavigation>label[for]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-mainnavigation>label[for]{--icon-glyph-after: \"⨯\"}.cmp-mainnavigation>label[for]::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem));margin-inline-start:var(--icon-margin-before, 0.375rem);content:var(--icon-glyph-after)}@supports(content: \"\"/\"\"){.cmp-mainnavigation>label[for]::after{content:var(--icon-glyph-after)/\"\"}}.cmp-mainnavigation>label[for]::before{margin-right:1rem}.cmp-mainnavigation>label[for]::after{margin-right:1rem}@media screen and (max-width: 1023px){.cmp-mainnavigation{z-index:30}.cmp-mainnavigation>input[type=checkbox][id]+label[for]{padding:0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]{font-size:0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]::before{--icon-margin-after: 0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]::before,.cmp-mainnavigation>input[type=checkbox][id]+label[for]::after{margin:0}.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)+label[for]::after{content:none}.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)~ul{display:none}.cmp-mainnavigation>input[type=checkbox][id]:checked{inset-inline-end:1.5rem;inset-block-start:1rem;position:absolute;z-index:50}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]{background-color:#fff;block-size:3.5rem}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]::after{padding:.5rem;inset-inline-end:1rem;inset-block-start:.5rem;position:absolute;z-index:50}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]::before{content:\"\";position:fixed;inset:0;z-index:30;background-color:#282d37;opacity:.8}.cmp-mainnavigation:has(>input[type=checkbox][id]:not(:checked)){position:absolute;inset-inline-end:1.5rem;inset-block-start:50%;transform:translateY(-50%);padding-inline-start:1rem}.cmp-mainnavigation:has(>input[type=checkbox][id]:checked){position:fixed;inset:0;padding:0;margin-inline-start:1.5rem}.cmp-mainnavigation:has(>input[type=checkbox][id]:checked)::after{content:\"\";width:100%;block-size:3.5rem;background-color:#fff;inset:0;position:absolute;z-index:30;border-bottom:1px solid rgba(40,45,55,.2);border-top-left-radius:4px}}.cmp-mainnavigation ul{background-color:#fdfdfd}@media screen and (width > 1023px){.cmp-mainnavigation ul ul{box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);position:absolute;visibility:hidden;z-index:70}}@media screen and (max-width: 1023px){.cmp-mainnavigation ul ul{display:none}}@media screen and (max-width: 1023px){.cmp-mainnavigation>ul{background-color:#fff;position:absolute;inset-inline:0;inset-block-end:0;inset-block-start:3.5rem;z-index:50;padding:.75rem;margin-block-end:3.5rem;overflow:auto}}@media screen and (width > 1023px){.cmp-mainnavigation>ul{display:flex;gap:.75rem}}@media screen and (width > 1023px){.cmp-mainnavigation>ul>li>.elm-link,.cmp-mainnavigation>ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li>*>.elm-link{height:2.5rem;padding:.5rem .75rem;border-radius:4px}.cmp-mainnavigation>ul>li>.elm-link:hover,.cmp-mainnavigation>ul>li>.elm-link:focus,.cmp-mainnavigation>ul>li>*>.elm-link:hover,.cmp-mainnavigation>ul>li>*>.elm-link:focus,.cmp-mainnavigation>ul>*>li>.elm-link:hover,.cmp-mainnavigation>ul>*>li>.elm-link:focus,.cmp-mainnavigation>ul>*>li>*>.elm-link:hover,.cmp-mainnavigation>ul>*>li>*>.elm-link:focus{border-bottom-color:#d7dce1}.cmp-mainnavigation>ul>li>.elm-link[aria-current=page]::after,.cmp-mainnavigation>ul>li>*>.elm-link[aria-current=page]::after,.cmp-mainnavigation>ul>*>li>.elm-link[aria-current=page]::after,.cmp-mainnavigation>ul>*>li>*>.elm-link[aria-current=page]::after{height:4px;width:100%;content:\"\";background-color:#ec0016;border-radius:2px;position:absolute;inset-block-start:calc(100% + .25rem);inset-inline:0}}@media screen and (width > 1023px){.cmp-mainnavigation>ul>li ul,.cmp-mainnavigation>ul>*>li ul{inset-inline-start:0;min-width:100%;inset-block-start:calc(100% + .5rem)}.cmp-mainnavigation>ul>li ul::before,.cmp-mainnavigation>ul>*>li ul::before{content:\"\";height:.5rem;width:100%;position:absolute;inset-block-end:100%}.cmp-mainnavigation>ul>li ul ul,.cmp-mainnavigation>ul>*>li ul ul{inset-inline-start:100%;top:auto;inset-block-start:.25rem}.cmp-mainnavigation>ul>li ul .elm-link,.cmp-mainnavigation>ul>*>li ul .elm-link{align-items:center;display:flex;min-height:3.3125rem;padding-left:1.125rem;padding-right:1.125rem}}@media screen and (max-width: 1023px){.cmp-mainnavigation>ul>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li>*>.elm-link{padding-left:2.125rem}}@media screen and (max-width: 1023px){.cmp-mainnavigation>ul>li ul>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>*>li>*>.elm-link{padding-left:3.75rem}}.cmp-mainnavigation li{display:block;position:relative}.cmp-mainnavigation li[aria-haspopup=true]{--icon-glyph-after: \">\"}.cmp-mainnavigation li[aria-haspopup=true]::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem));margin-inline-start:var(--icon-margin-before, 0.375rem);content:var(--icon-glyph-after)}@supports(content: \"\"/\"\"){.cmp-mainnavigation li[aria-haspopup=true]::after{content:var(--icon-glyph-after)/\"\"}}.cmp-mainnavigation li[aria-haspopup=true]::after{position:absolute;right:1rem;top:0.5625rem}.cmp-mainnavigation li:is(:hover,:focus-within)>ul,.cmp-mainnavigation li:is(:hover,:focus-within)>*>ul{visibility:visible}@media screen and (max-width: 1023px){.cmp-mainnavigation li:is(:hover,:focus-within)>ul,.cmp-mainnavigation li:is(:hover,:focus-within)>*>ul{display:initial}}@media screen and (max-width: 1023px){.cmp-mainnavigation li:hover>a{font-weight:700}.cmp-mainnavigation li:hover[aria-haspopup=true]{--icon-glyph-after: \"⌄\"}.cmp-mainnavigation li .elm-link{color:inherit;padding-block:.5rem;padding-inline-start:.75rem;width:calc(100% - 4rem)}.cmp-mainnavigation li[aria-haspopup=true]{position:relative}}@media screen and (width > 1023px){.cmp-mainnavigation li[aria-haspopup=true]::after{content:none}.cmp-mainnavigation li .elm-link{background-color:rgba(40,45,55,0)}.cmp-mainnavigation li .elm-link:hover{background-color:rgba(40,45,55,.08);color:initial}.cmp-mainnavigation li .elm-link:active{background-color:rgba(40,45,55,.16)}.cmp-mainnavigation li .elm-link[aria-current=page]{font-weight:700}}.cmp-metanavigation{display:flex;list-style:none;margin-bottom:0;margin-top:0;padding-left:0;gap:.5rem}.cmp-metanavigation li{padding-left:0.5rem;padding-right:0.5rem}.rea-footer .cmp-metanavigation li{padding-left:0.375rem;padding-right:0.375rem}.cmp-metanavigation li .elm-link{text-decoration:none}.rea-header .cmp-metanavigation li .elm-link{font-size:0}.rea-header .cmp-metanavigation li .elm-link::before{--icon-margin-after: 0}.rea-footer .cmp-metanavigation{flex-wrap:wrap;justify-content:center}@media screen and (max-width: 767px){.rea-footer .cmp-metanavigation{margin-bottom:1rem}}@media screen and (min-width: 768px){.rea-footer .cmp-metanavigation{float:right}}.cmp-brand{font-weight:bold;display:flex;align-items:center;gap:1rem}.cmp-brand a,.cmp-brand img{height:1.5rem}.cmp-brand img{width:auto}.cmp-brand a{color:inherit;text-decoration:none}.elm-input,.elm-textarea,.elm-select{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-input~.description,.elm-textarea~.description,.elm-select~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search],:where(.elm-textarea),.elm-textarea[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-select[data-variant=semitransparent]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white],.elm-textarea[data-variant=white],.elm-select[data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid],.elm-textarea[data-variant=solid],.elm-select[data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline],.elm-textarea[data-variant=outline],.elm-select[data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid,.elm-textarea:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid,.elm-textarea:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week],[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-select:not([multiple]){--formElement---borderColor: #ec0016}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description),.elm-textarea+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)),.elm-textarea+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description,.elm-textarea+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-checkbox:has(+label)::after,.elm-radio:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.cmp-sitesearch{position:relative;display:flex;align-items:center;padding-inline-end:.75rem}@media screen and (max-width: 1023px){.cmp-sitesearch{margin-inline-start:auto;margin-inline-end:2.25rem}.cmp-sitesearch::before{display:none}}.cmp-sitesearch .elm-input[type=search]{background-image:none;opacity:0;width:0;padding:0}.cmp-sitesearch .elm-input[type=search]:focus,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown){opacity:1;width:calc(15rem + 1rem);padding-inline-start:1rem;padding-inline-end:3rem;padding-top:0}.cmp-sitesearch .elm-input[type=search]:focus+.elm-label,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown)+.elm-label{display:none}.cmp-sitesearch .elm-input[type=search]:focus~.elm-button,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown)~.elm-button{display:flex}.cmp-sitesearch .elm-label{padding:.5rem;border-radius:4px;display:inline-block}.cmp-sitesearch .elm-label{--icon-glyph-before: \"󡉔\"}.cmp-sitesearch .elm-label::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sitesearch .elm-label::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sitesearch .elm-label::before{vertical-align:top}.rea-meta .cmp-sitesearch .elm-label{font-size:0}.rea-meta .cmp-sitesearch .elm-label::before{--icon-margin-after: 0}.cmp-sitesearch .elm-button{display:none;position:absolute;padding:.5rem;inset-inline-end:.75rem;border:0}.cmp-sitesearch .elm-button{font-size:0}.cmp-sitesearch .elm-button::before{--icon-margin-after: 0}.cmp-sitesearch .elm-button{--icon-glyph-before: \"󡉔\"}.cmp-sitesearch .elm-button::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sitesearch .elm-button::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sitesearch .elm-label,.cmp-sitesearch .elm-button{background-color:rgba(40,45,55,0)}.cmp-sitesearch .elm-label:hover,.cmp-sitesearch .elm-button:hover{background-color:rgba(40,45,55,.08)}.cmp-sitesearch .elm-label:active,.cmp-sitesearch .elm-button:active{background-color:rgba(40,45,55,.16)}@media screen and (max-width: 31.25rem){.cmp-sitesearch:focus-within,.cmp-sitesearch:has(.elm-input[type=search]:not(:placeholder-shown)){left:1rem;position:absolute;z-index:10}.cmp-sitesearch:focus-within .elm-input[type=search],.cmp-sitesearch:has(.elm-input[type=search]:not(:placeholder-shown)) .elm-input[type=search]{width:calc(100vw - 5.5rem)}}.cmp-notification{background-color:#282d37;box-shadow:0 4px 10px 0 rgba(0,0,0,.1);margin-bottom:1rem;padding:1rem}section[data-variant=hovering] .cmp-notification{background-color:#fff}section[data-variant=alert] .cmp-notification{color:#fff}section[data-variant=hovering] .cmp-notification{border:2px solid rgba(0,0,0,0);border-radius:0.5rem;padding:0.875rem 1rem}.cmp-notification[data-type=success]{background-color:#508b1b}section[data-variant=hovering] .cmp-notification[data-type=success]{border-color:#508b1b}.cmp-notification[data-type=warning]{background-color:#f75f00}section[data-variant=hovering] .cmp-notification[data-type=warning]{border-color:#f75f00}.cmp-notification[data-type=error]{background-color:#ec0016}section[data-variant=hovering] .cmp-notification[data-type=error]{border-color:#ec0016}.cmp-notification[data-type=informative]{background-color:#0087b9}section[data-variant=hovering] .cmp-notification[data-type=informative]{border-color:#0087b9}.cmp-notification[data-icon],.cmp-notification[data-icon-before],.cmp-notification[data-icon-after]{align-items:center;display:flex}.cmp-notification[data-icon]::before,.cmp-notification[data-icon-before]::before{--icon-margin-after: 0.625rem}.cmp-notification[data-icon-after]{justify-content:space-between}.cmp-notification[data-icon-after]::after{--icon-margin-before: 0.625rem}.cmp-dialog{border:0;border-radius:8px;color:#282d37;font-size:0.875rem;margin-top:0;max-width:90vw;padding:1rem;position:fixed;top:50%;transform:translate(0, -50%)}@media screen and (min-width: 768px){.cmp-dialog{padding:1.5rem}}.cmp-dialog::backdrop{background-color:rgba(0,0,0,.9)}.cmp-dialog+.backdrop{background-color:rgba(0,0,0,.9)}.no-js .cmp-dialog:target{display:initial}.cmp-dialog header{color:#131821;transform:translateY(-0.5625rem)}.cmp-dialog header .elm-headline{font-size:1.125rem;font-weight:700;line-height:1.5rem;margin-bottom:0.375rem;margin-right:1.5rem;margin-top:0;text-align:center}@media screen and (min-width: 768px){.cmp-dialog header .elm-headline{font-size:1.5rem;line-height:1.75rem}}.cmp-dialog header :is(.elm-link,button).is-close{position:absolute;right:0;top:0;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.cmp-dialog header :is(.elm-link,button).is-close{--icon-glyph-before: \"⨯\"}.cmp-dialog header :is(.elm-link,button).is-close::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-dialog header :is(.elm-link,button).is-close::before{content:var(--icon-glyph-before)/\"\"}}.cmp-dialog header :is(.elm-link,button).is-close{font-size:0}.cmp-dialog header :is(.elm-link,button).is-close::before{--icon-margin-after: 0}.cmp-dialog main p:first-child{margin-top:0}.cmp-dialog footer{display:flex;margin-top:1.125rem}.cmp-dialog footer .elm-button+.elm-button{margin-left:1rem}.cmp-dialog footer[data-alignment=end]{justify-content:flex-end}.cmp-dialog footer:not([data-alignment=end]) .elm-button{flex-grow:1}.cmp-language-switcher{list-style:none;margin-right:1rem;position:relative}.cmp-language-switcher:hover li:not([aria-current],[aria-selected]),.cmp-language-switcher:focus li:not([aria-current],[aria-selected]){visibility:visible}.cmp-language-switcher:hover li[aria-current=page],.cmp-language-switcher:hover li[aria-selected=true],.cmp-language-switcher:focus li[aria-current=page],.cmp-language-switcher:focus li[aria-selected=true]{color:#ec0016}.cmp-language-switcher li{background-color:#fdfdfd;position:absolute;top:1.625rem}.rea-header .cmp-language-switcher li{top:calc(var(--db-language-switcher---direction, 1)*(100%*1 + 1rem - 2px));z-index:40}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*2 + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*3 + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*4 + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*5 + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*6 + 1rem - 2px))}@media screen and (width > 1023px){.rea-header .cmp-language-switcher li{top:100%}}.cmp-language-switcher li .elm-link,.cmp-language-switcher li .elm-button{color:inherit;text-decoration:none}.cmp-language-switcher li:not([aria-current],[aria-selected]){visibility:hidden}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button{padding-block:1rem;padding-right:2.125rem}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:hover,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:focus,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:hover,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:focus{background-color:#d7dce1}.cmp-language-switcher li[aria-current],.cmp-language-switcher li[aria-selected]{position:initial}.cmp-language-switcher li[aria-current] .elm-link,.cmp-language-switcher li[aria-current] .elm-button,.cmp-language-switcher li[aria-selected] .elm-link,.cmp-language-switcher li[aria-selected] .elm-button{--icon-glyph-after: \"⌄\"}.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem));margin-inline-start:var(--icon-margin-before, 0.375rem);content:var(--icon-glyph-after)}@supports(content: \"\"/\"\"){.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after{content:var(--icon-glyph-after)/\"\"}}.cmp-language-switcher li[aria-current] .elm-link:hover,.cmp-language-switcher li[aria-current] .elm-button:hover,.cmp-language-switcher li[aria-selected] .elm-link:hover,.cmp-language-switcher li[aria-selected] .elm-button:hover{color:#ec0016}.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after{float:right;margin-left:0.3125rem}.cmp-language-switcher li .elm-link,.cmp-language-switcher li .elm-button{display:inline-block;padding-left:1.125rem}.cmp-language-switcher li .elm-link:hover,.cmp-language-switcher li .elm-link:focus,.cmp-language-switcher li .elm-button:hover,.cmp-language-switcher li .elm-button:focus{color:initial}.cmp-language-switcher li .elm-button{line-height:1.5;padding-right:0;border-width:0;padding-top:0.5625rem}.cmp-pagination{color:#282d37;font-size:0.875rem;user-select:none}.cmp-pagination>ol{display:flex}.cmp-pagination li,.cmp-pagination .elm-link{align-items:center;display:inline-flex;justify-content:center}.cmp-pagination li{height:2.25rem;width:2.25rem}.cmp-pagination .elm-link{color:inherit;height:100%;text-decoration:none;width:100%}.cmp-pagination .elm-link[rel=prev],.cmp-pagination .elm-link[rel=next]{padding:0;vertical-align:bottom}.cmp-pagination .elm-link[rel=prev]::before{margin-left:0.6875rem}.cmp-pagination .elm-link[rel=next]::before{margin-right:0.6875rem}.cmp-pagination .elm-link[rel=prev]{--icon-glyph-before: \"<\"}.cmp-pagination .elm-link[rel=prev]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-pagination .elm-link[rel=prev]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-pagination .elm-link[rel=prev]{font-size:0}.cmp-pagination .elm-link[rel=prev]::before{--icon-margin-after: 0}.cmp-pagination .elm-link[rel=next]{--icon-glyph-before: \">\"}.cmp-pagination .elm-link[rel=next]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-pagination .elm-link[rel=next]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-pagination .elm-link[rel=next]{font-size:0}.cmp-pagination .elm-link[rel=next]::before{--icon-margin-after: 0}.cmp-pagination .elm-link[aria-current=page]{font-weight:700}.cmp-sidenavi{background-color:#3c414b;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);display:inline-block}.cmp-sidenavi .elm-link{border-radius:initial;color:#d7dce1;display:block;padding:1.25rem 1rem;text-decoration:none}.cmp-sidenavi .elm-link:hover,.cmp-sidenavi .elm-link:focus,.cmp-sidenavi .elm-link[aria-current=page]{color:#3c414b}.cmp-sidenavi .elm-link:hover,.cmp-sidenavi .elm-link:focus{background-color:#afb4bb}.cmp-sidenavi .elm-link[aria-current=page]{background-color:#d7dce1;font-weight:700}.cmp-sidenavi .elm-link[rel]{padding-left:1.3125rem}.cmp-sidenavi .elm-link[rel=index]{--icon-glyph-before: \"⌂\"}.cmp-sidenavi .elm-link[rel=index]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=index]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=documents]{--icon-glyph-before: \"🖹\"}.cmp-sidenavi .elm-link[rel=documents]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=documents]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=dashboard]{--icon-glyph-before: \"󡅤\"}.cmp-sidenavi .elm-link[rel=dashboard]::before{--icon-font-family: \"icons-32-enterprise-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=dashboard]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=cloud]{--icon-glyph-before: \"☁\"}.cmp-sidenavi .elm-link[rel=cloud]::before{--icon-font-family: \"icons-32-enterprise-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=cloud]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=calendar]{--icon-glyph-before: \"󡉇\"}.cmp-sidenavi .elm-link[rel=calendar]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=calendar]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=help]{--icon-glyph-before: \"?\"}.cmp-sidenavi .elm-link[rel=help]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=help]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-tab-bar{display:flex;flex-wrap:wrap;gap:.25rem}.cmp-tab-bar>input[type=radio]+label[role=tab],.cmp-tab-bar>*>input[type=radio]+label[role=tab]{cursor:pointer;display:flex;padding:.875rem 1rem;position:relative;z-index:1;border-radius:4px;align-items:center}.cmp-tab-bar>input[type=radio]+label[role=tab]::before,.cmp-tab-bar>*>input[type=radio]+label[role=tab]::before{margin-inline-start:-0.125rem}.cmp-tab-bar>input[type=radio]:focus+label,.cmp-tab-bar>*>input[type=radio]:focus+label{outline:1px dotted #878c96}.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:hover,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:focus,.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:hover,.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:focus{background-color:#282d371F}.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:active,.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:active{background-color:#282d373D}.cmp-tab-bar>input[type=radio]:disabled+label[role=tab],.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]{color:#878c96}.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:hover,.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:focus,.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:hover,.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:focus{background-color:unset}.cmp-tab-bar>input[type=radio]:checked+label[role=tab],.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]{font-weight:700}.cmp-tab-bar>input[type=radio]:checked+label[role=tab]+section[role=tabpanel],.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]+section[role=tabpanel]{display:initial}.cmp-tab-bar>input[type=radio]:checked+label[role=tab]::after,.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]::after{background-color:#ec0016;border-radius:5px;content:\"\";display:block;height:.25rem;inset-block-end:0;inset-inline:0;position:absolute}.cmp-tab-bar label[role=tab],.cmp-tab-bar section[role=tabpanel]{background-color:#fdfdfd}.cmp-tab-bar section[role=tabpanel]{display:none;flex-basis:100%;order:1;margin-block-start:.125rem}.cmp-tab-bar[data-size=small]>input[type=radio]+label[role=tab],.cmp-tab-bar[data-size=small]>*>input[type=radio]+label[role=tab]{padding-block:.625rem}.cmp-table{border-collapse:collapse;font-size:var(--table---fontSize, inherit);text-align:left}.cmp-table,.cmp-table>caption{box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05)}.cmp-table caption{font-weight:700;padding:1rem 0.75rem;text-align:left}.cmp-table thead{border-bottom:0.0625rem solid #282d37;border-top:0.0625rem solid #282d37}.cmp-table thead th{color:#646973}.cmp-table th{font-weight:400}.cmp-table th,.cmp-table td{padding:.75rem;text-align:inherit;vertical-align:inherit}.cmp-table th:hover,.cmp-table td:hover{resize:horizontal}.cmp-table th:hover:not(:has(.cmp-overflow-menu)),.cmp-table td:hover:not(:has(.cmp-overflow-menu)){overflow:auto}.cmp-table tbody{border-bottom:0.0625rem solid #282d37}.cmp-table tbody th:first-child{border-right:1px solid #4f4b41}.cmp-table thead[data-align=left],.cmp-table tbody[data-align=left],.cmp-table tr[data-align=left],.cmp-table th[data-align=left],.cmp-table td[data-align=left]{text-align:left}.cmp-table thead[data-align=center],.cmp-table tbody[data-align=center],.cmp-table tr[data-align=center],.cmp-table th[data-align=center],.cmp-table td[data-align=center]{text-align:center}.cmp-table thead[data-align=right],.cmp-table tbody[data-align=right],.cmp-table tr[data-align=right],.cmp-table th[data-align=right],.cmp-table td[data-align=right]{text-align:right}.cmp-table thead[data-vertical-align=top],.cmp-table tbody[data-vertical-align=top],.cmp-table tr[data-vertical-align=top],.cmp-table th[data-vertical-align=top],.cmp-table td[data-vertical-align=top]{vertical-align:top}.cmp-table thead[data-vertical-align=middle],.cmp-table tbody[data-vertical-align=middle],.cmp-table tr[data-vertical-align=middle],.cmp-table th[data-vertical-align=middle],.cmp-table td[data-vertical-align=middle]{vertical-align:middle}.cmp-table thead[data-vertical-align=bottom],.cmp-table tbody[data-vertical-align=bottom],.cmp-table tr[data-vertical-align=bottom],.cmp-table th[data-vertical-align=bottom],.cmp-table td[data-vertical-align=bottom]{vertical-align:bottom}.cmp-table[data-border=horizontal] tbody tr:not(:last-child) th,.cmp-table[data-border=horizontal] tbody tr:not(:last-child) td,.cmp-table[data-border=around] tbody tr:not(:last-child) th,.cmp-table[data-border=around] tbody tr:not(:last-child) td{border-bottom:1px solid #d7dce1}.cmp-table[data-border=around] tbody th:not(:first-child),.cmp-table[data-border=around] tbody td:not(:first-child){border-left:1px solid #d7dce1}.cmp-table[data-rows=zebra] tbody tr:nth-child(odd){backdrop-filter:blur(4px);background-color:rgba(40,45,55,.07)}.cmp-table[data-density=small] th,.cmp-table[data-density=small] td{padding:.5rem}.cmp-table[data-density=large] th,.cmp-table[data-density=large] td{padding:1rem}.cmp-table[data-sticky=header] thead,.cmp-table[data-sticky=header] tbody th{background-color:#fff;position:sticky;top:-1px}.cmp-link-list{list-style:none;padding-left:0}.cmp-link-list li .elm-link{font-weight:700;text-decoration:none}.cmp-link-list li .elm-link{--icon-glyph-before: \">\"}.cmp-link-list li .elm-link::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-link-list li .elm-link::before{content:var(--icon-glyph-before)/\"\"}}.cmp-link-list li .elm-link:hover,.cmp-link-list li .elm-link:active{text-decoration:underline}.cmp-link-list li .elm-link::before{color:#ec0016;display:inline-block;font-size:0.75rem;font-weight:700;margin-top:-0.125rem;vertical-align:middle}.cmp-overflow-menu,.cmp-dropdown{color:#2d333f;display:inline-block;position:relative}.cmp-overflow-menu:not(.is-account) summary,.cmp-dropdown:not(.is-account) summary{font-size:0}.cmp-overflow-menu:not(.is-account) summary::before,.cmp-dropdown:not(.is-account) summary::before{--icon-margin-after: 0}.cmp-overflow-menu summary,.cmp-dropdown summary{display:inline-flex;align-items:center;padding:.5rem .75rem;border-radius:4px;cursor:default;background-color:rgba(40,45,55,0)}.cmp-overflow-menu summary,.cmp-dropdown summary{--icon-glyph-before: \"⋮\"}.cmp-overflow-menu summary::before,.cmp-dropdown summary::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.25rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-overflow-menu summary::before,.cmp-dropdown summary::before{content:var(--icon-glyph-before)/\"\"}}.cmp-overflow-menu summary::before,.cmp-dropdown summary::before{transform:translateX(-0.125rem)}.cmp-overflow-menu summary:hover,.cmp-dropdown summary:hover{background-color:rgba(40,45,55,.08)}.cmp-overflow-menu summary:active,.cmp-dropdown summary:active{background-color:rgba(40,45,55,.16)}.cmp-overflow-menu summary::-webkit-details-marker,.cmp-dropdown summary::-webkit-details-marker{display:none}.cmp-overflow-menu summary:first-of-type,.cmp-dropdown summary:first-of-type{list-style-type:none}.cmp-overflow-menu menu,.cmp-dropdown menu,.cmp-overflow-menu ul,.cmp-dropdown ul{background-color:#fff;border-radius:8px;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));margin-block-start:1rem;padding-left:0;position:absolute;width:min-content;z-index:60}.cmp-overflow-menu menu::before,.cmp-dropdown menu::before,.cmp-overflow-menu ul::before,.cmp-dropdown ul::before{border-bottom:0.8125rem solid #fff;border-left:0.8125rem solid rgba(0,0,0,0);border-right:0.8125rem solid rgba(0,0,0,0);content:\"\";height:0;position:absolute;transform:translate(0.75rem, -0.8125rem);width:0}.cmp-overflow-menu menu li button,.cmp-dropdown menu li button,.cmp-overflow-menu menu li a,.cmp-dropdown menu li a,.cmp-overflow-menu ul li button,.cmp-dropdown ul li button,.cmp-overflow-menu ul li a,.cmp-dropdown ul li a{background-color:#fff;border-radius:unset;display:block;font-weight:400;padding:1rem 2rem 1rem 1rem;text-decoration:none}.cmp-overflow-menu menu li button:hover,.cmp-dropdown menu li button:hover,.cmp-overflow-menu menu li button:focus,.cmp-dropdown menu li button:focus,.cmp-overflow-menu menu li a:hover,.cmp-dropdown menu li a:hover,.cmp-overflow-menu menu li a:focus,.cmp-dropdown menu li a:focus,.cmp-overflow-menu ul li button:hover,.cmp-dropdown ul li button:hover,.cmp-overflow-menu ul li button:focus,.cmp-dropdown ul li button:focus,.cmp-overflow-menu ul li a:hover,.cmp-dropdown ul li a:hover,.cmp-overflow-menu ul li a:focus,.cmp-dropdown ul li a:focus{background-color:#d7dce1;color:inherit}.cmp-overflow-menu menu li:first-child button,.cmp-dropdown menu li:first-child button,.cmp-overflow-menu menu li:first-child a,.cmp-dropdown menu li:first-child a,.cmp-overflow-menu ul li:first-child button,.cmp-dropdown ul li:first-child button,.cmp-overflow-menu ul li:first-child a,.cmp-dropdown ul li:first-child a{border-top-left-radius:8px;border-top-right-radius:8px}.cmp-overflow-menu menu li:last-child button,.cmp-dropdown menu li:last-child button,.cmp-overflow-menu menu li:last-child a,.cmp-dropdown menu li:last-child a,.cmp-overflow-menu ul li:last-child button,.cmp-dropdown ul li:last-child button,.cmp-overflow-menu ul li:last-child a,.cmp-dropdown ul li:last-child a{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.cmp-overflow-menu[data-horizontal-position=opposite] menu,[data-horizontal-position=opposite].cmp-dropdown menu,.cmp-overflow-menu[data-horizontal-position=opposite] ul,[data-horizontal-position=opposite].cmp-dropdown ul{right:0}.cmp-overflow-menu[data-horizontal-position=opposite] menu::before,[data-horizontal-position=opposite].cmp-dropdown menu::before,.cmp-overflow-menu[data-horizontal-position=opposite] ul::before,[data-horizontal-position=opposite].cmp-dropdown ul::before{right:0;transform:translate(-0.75rem, -0.8125rem)}.cmp-overflow-menu menu,.cmp-dropdown menu{list-style-type:\"\"}.cmp-overflow-menu menu li,.cmp-dropdown menu li{overflow-x:hidden}.cmp-overflow-menu menu button,.cmp-dropdown menu button{line-height:inherit;text-align:left;width:100%}.cmp-overflow-menu[open] summary::after,[open].cmp-dropdown summary::after{content:\" \";display:inline-block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:50}.cmp-dropdown.is-account summary{--icon-glyph-before: \"󡈡\"}.cmp-dropdown.is-account summary::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-dropdown.is-account summary::before{content:var(--icon-glyph-before)/\"\"}}@media screen and (max-width: 41rem){.cmp-dropdown.is-account summary{font-size:0}.cmp-dropdown.is-account summary::before{--icon-margin-after: 0}}.cmp-dropdown menu,.cmp-dropdown ul{background-color:#fff;margin-block-start:initial;right:0;transform:translateY(0.875rem)}.cmp-dropdown menu::before,.cmp-dropdown ul::before{content:none}.cmp-dropdown[data-horizontal-position=opposite] menu,.cmp-dropdown[data-horizontal-position=opposite] ul{right:unset}body{display:grid;grid-template-rows:auto 1fr auto}body.has-fixed-header .rea-header,body.has-fixed-footer .rea-footer{position:fixed;width:100%;z-index:10}body.has-fixed-header{padding-top:5.9375rem}body.has-fixed-header .rea-header{top:0}@media screen and (max-width: 1023px){body.has-fixed-header{padding-top:5rem}}body.has-fixed-footer{padding-bottom:5.5rem}body.has-fixed-footer .rea-footer{bottom:0}@media screen and (max-width: 1023px){body.has-fixed-footer{padding-bottom:5.875rem}}.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch::before,.cmp-mainnavigation::before{position:absolute;content:\"\";width:1px;height:1.5rem;background-color:rgba(40,45,55,.2);inset-block-start:50%;transform:translateY(-50%)}.rea-header{background-color:#fdfdfd;box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 1px rgba(0,0,0,.05);align-items:center;margin-bottom:1rem;display:flex;gap:1.5rem;min-block-size:3.5rem;padding-inline:1.5rem}@media screen and (width > 1023px){.rea-header{padding-block:.875rem}}.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch::before{inset-inline-end:0}@media screen and (max-width: 1023px){.rea-header{border-bottom:0.0625rem solid #9c9a8e;position:relative}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta>.elm-link,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-metanavigation,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-language-switcher,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-dropdown{display:none}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta{--db-language-switcher---direction: -1;background-color:#fff;position:fixed;inset-inline-end:0;inset-inline-start:1.5rem;inset-block-start:unset;inset-block-end:0;block-size:3.5rem;z-index:50;border-top:1px solid rgba(40,45,55,.2);border-bottom-left-radius:4px;padding-inline:1rem}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta .cmp-sitesearch{display:none}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta .cmp-dropdown>menu{bottom:100%;transform:translateY(-0.875rem)}}.rea-meta{display:flex;align-items:center;margin-inline-start:auto;gap:.5rem}.rea-meta ul,.rea-meta ol{margin:0;padding:0}.rea-meta ul{list-style:none}.rea-header .rea-meta{order:2}.rea-header .rea-meta .elm-link{padding-bottom:0.5625rem;padding-top:0.5625rem}.rea-meta>.elm-link[rel=account]{margin-left:0.25rem}.rea-meta>.elm-link[rel=account]{font-size:0}.rea-meta>.elm-link[rel=account]::before{--icon-margin-after: 0}@media screen and (min-width: 27.25rem){.rea-meta>.elm-link[rel=account]{margin-left:0.5rem}}.rea-meta .cmp-sitesearch:focus-within~.elm-link[rel=account]{font-size:0}.rea-meta .cmp-sitesearch:focus-within~.elm-link[rel=account]::before{--icon-margin-after: 0}.rea-footer::after,.rea-main::after{clear:both;content:\" \";display:table}.rea-main{background-color:rgba(0,0,0,0);margin:0 auto;padding:1rem;position:relative}@media screen and (min-width: 1088px){.rea-main{max-width:960px;width:960px}}@media screen and (min-width: 1280px){.rea-main{max-width:1152px;width:1152px}}@media screen and (min-width: 1472px){.rea-main{max-width:1344px;width:1344px}}.rea-grid{flex-wrap:wrap;margin-left:-0.625rem;margin-right:-0.625rem;margin-top:-0.625rem}@media screen and (min-width: 769px),print{.rea-grid{display:flex}}.rea-grid>div,.rea-grid>area,.rea-grid>section,.rea-grid>li{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.625rem}@media screen and (max-width: 1199px){.rea-grid>div,.rea-grid>area,.rea-grid>section,.rea-grid>li{padding:0.375rem}}.rea-grid:last-child{margin-bottom:-0.625rem}.rea-grid:not(:last-child){margin-bottom:.875rem}@media screen and (max-width: 1199px){.rea-grid{margin-left:-0.375rem;margin-right:-0.375rem;margin-top:-0.375rem}.rea-grid:last-child{margin-bottom:-0.375rem}.rea-grid:not(:last-child){margin-bottom:calc(1.5rem - 0.375rem)}}.rea-grid [data-type=four-fifths]{flex:none;width:80%}.rea-grid [data-type=three-quarters]{flex:none;width:75%}.rea-grid [data-type=two-thirds]{flex:none;width:66.6666%}.rea-grid [data-type=three-fifths]{flex:none;width:60%}.rea-grid [data-type=half]{flex:none;width:50%}.rea-grid [data-type=two-fifths]{flex:none;width:40%}.rea-grid [data-type=one-third]{flex:none;width:33.3333%}.rea-grid [data-type=one-quarter]{flex:none;width:25%}.rea-grid [data-type=one-fifth]{flex:none;width:20%}.rea-footer{background-color:#fdfdfd;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);color:#646973;margin-top:1rem;padding:1.3125rem 1rem}.rea-footer.has-border{border-top:0.375rem solid #d7dce1}@media screen and (max-width: 767px){.rea-footer{text-align:center}}/*# sourceMappingURL=db-ui-core-include.css.map */\n","/* Document\n * ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n:where(html) {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n * ========================================================================== */\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Edge, Firefox, and Safari.\n */\n\n:where(h1) {\n  font-size: 2em;\n  margin-block-end: 0.67em;\n  margin-block-start: 0.67em;\n}\n\n/* Grouping content\n * ========================================================================== */\n\n/**\n * Remove the margin on nested lists in Chrome, Edge, and Safari.\n */\n\n:where(dl, ol, ul) :where(dl, ol, ul) {\n  margin-block-end: 0;\n  margin-block-start: 0;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Correct the inheritance of border color in Firefox.\n */\n\n:where(hr) {\n  box-sizing: content-box; /* 1 */\n  color: inherit; /* 2 */\n  height: 0; /* 1 */\n}\n\n/* Text-level semantics\n * ========================================================================== */\n\n/**\n * Add the correct text decoration in Safari.\n */\n\n:where(abbr[title]) {\n  text-decoration: underline;\n  text-decoration: underline dotted;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n:where(b, strong) {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\n:where(small) {\n  font-size: 80%;\n}\n\n/* Tabular data\n * ========================================================================== */\n\n/**\n * 1. Correct table border color in Chrome, Edge, and Safari.\n * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.\n */\n\n:where(table) {\n  border-color: currentColor; /* 1 */\n  text-indent: 0; /* 2 */\n}\n\n/* Forms\n * ========================================================================== */\n\n/**\n * Remove the margin on controls in Safari.\n */\n\n:where(button, input, select) {\n  margin: 0;\n}\n\n/**\n * Remove the inheritance of text transform in Firefox.\n */\n\n:where(button) {\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style buttons in iOS and Safari.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"reset\" i], [type=\"submit\" i])) {\n  -webkit-appearance: button;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Edge, and Firefox.\n */\n\n:where(progress) {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the inheritance of text transform in Firefox.\n */\n\n:where(select) {\n  text-transform: none;\n}\n\n/**\n * Remove the margin in Firefox and Safari.\n */\n\n:where(textarea) {\n  margin: 0;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome, Edge, and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n:where(input[type=\"search\" i]) {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Safari.\n */\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n  color: inherit;\n  opacity: 0.54;\n}\n\n/**\n * Remove the inner padding in Chrome, Edge, and Safari on macOS.\n */\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style upload buttons in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/**\n * Remove the inner border and padding of focus outlines in Firefox.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"color\" i], [type=\"reset\" i], [type=\"submit\" i]))::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus outline styles unset by the previous rule in Firefox.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"color\" i], [type=\"reset\" i], [type=\"submit\" i]))::-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Remove the additional :invalid styles in Firefox.\n */\n\n:where(:-moz-ui-invalid) {\n  box-shadow: none;\n}\n\n/* Interactive\n * ========================================================================== */\n\n/*\n * Add the correct styles in Safari.\n */\n\n:where(dialog) {\n  background-color: white;\n  border: solid;\n  color: black;\n  height: -moz-fit-content;\n  height: fit-content;\n  left: 0;\n  margin: auto;\n  padding: 1em;\n  position: absolute;\n  right: 0;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n:where(dialog:not([open])) {\n  display: none;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\n:where(summary) {\n  display: list-item;\n}\n","@use \"sass:color\";\n// *! this is an opionionated (especially based on \"enhancing\" normalize.css) version of minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css\nhtml,\nbody {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody {\n\tmin-height: 100vh;\n\tfont-size: 1rem;\n}\n\n// adapted from https://github.com/jgthms/bulma/blob/0.7.5/sass/base/generic.sass\nhtml {\n\tbackground-color: #fdfdfd; // TODO: This would need to get replaced by the correct (semantic) color\n\t// font-size: 16px; // We need to deactivate this due to accessibility problems, as even also reported with https://github.com/jgthms/bulma/issues/3588\n\t-moz-osx-font-smoothing: grayscale;\n\t-webkit-font-smoothing: antialiased;\n\tmin-width: 300px;\n\toverflow-x: hidden;\n\toverflow-y: scroll;\n\ttext-rendering: optimizeLegibility;\n\ttext-size-adjust: 100%;\n\ttext-size-adjust: 100%;\n}\n\nbody,\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n\tfont-family: $db-font-family-base;\n}\n\ncode,\npre {\n\t-moz-osx-font-smoothing: auto;\n\t-webkit-font-smoothing: auto;\n}\n\nbody {\n\tcolor: $db-color-cool-gray-700;\n\tfont-size: 1rem;\n\tfont-weight: 400;\n\tline-height: 1.5;\n}\n\n// Inline\na {\n\tcolor: $db-color-cool-gray-700;\n\n\tstrong {\n\t\tcolor: currentColor;\n\t}\n\n\t&:hover {\n\t\tcolor: #5d616a; // TODO: Identify correct color variable\n\t}\n}\n\ncode {\n\tbackground-color: #f5f5f5;\n\tcolor: color.adjust($db-color-red, $lightness: -2%);\n\tfont-size: 0.875em;\n\tfont-weight: normal;\n\tpadding: 0.25em 0.5em;\n}\n\nhr {\n\tbackground-color: #f5f5f5;\n\tborder: none;\n\tdisplay: block;\n\theight: 2px;\n\tmargin: 1.5rem 0;\n}\n\nimg {\n\theight: auto;\n\tmax-width: 100%;\n}\n\nsmall {\n\tfont-size: to-em($pxValue: 14);\n}\n\n// Block\nfieldset {\n\tborder: none;\n}\n\npre {\n\tbackground-color: #f5f5f5;\n\tcolor: #282d37;\n\tfont-size: 0.875em;\n\t-webkit-overflow-scrolling: touch;\n\toverflow-x: auto;\n\tpadding: 1.25rem 1.5rem;\n\twhite-space: pre;\n\tword-wrap: normal;\n\n\tcode {\n\t\tbackground-color: transparent;\n\t\tcolor: currentColor;\n\t\tfont-size: 1em;\n\t\tpadding: 0;\n\t}\n}\n","\n// Do not edit directly\n// Generated on Thu, 21 Nov 2024 12:10:30 GMT\n\n$db-asset-font-db-screensans-regular-name: \"DB Screen Sans Regular\";\n$db-asset-font-db-screensans-regular-fontfamily: \"DB Screen Sans\";\n$db-asset-font-db-screensans-regular-fontweight: \"400\";\n$db-asset-font-db-screensans-regular-woff: \"assets/fonts/dbscreensans-regular.woff\";\n$db-asset-font-db-screensans-regular-woff2: \"assets/fonts/dbscreensans-regular.woff2\";\n$db-asset-font-db-screensans-bold-name: \"DB Screen Sans Bold\";\n$db-asset-font-db-screensans-bold-fontfamily: \"DB Screen Sans\";\n$db-asset-font-db-screensans-bold-fontweight: \"700\";\n$db-asset-font-db-screensans-bold-woff: \"assets/fonts/dbscreensans-bold.woff\";\n$db-asset-font-db-screensans-bold-woff2: \"assets/fonts/dbscreensans-bold.woff2\";\n$db-asset-font-db-screenhead-name: \"DB Screen Head\";\n$db-asset-font-db-screenhead-fontfamily: \"DB Screen Head\";\n$db-asset-font-db-screenhead-fontweight: \"300\";\n$db-asset-font-db-screenhead-woff: \"assets/fonts/dbscreenhead-light.woff\";\n$db-asset-font-db-screenhead-woff2: \"assets/fonts/dbscreenhead-light.woff2\";\n$db-asset-font-db-screensansdigital-name: \"DB Screen Sans Digital Regular\";\n$db-asset-font-db-screensansdigital-fontfamily: \"DB Screen Sans Digital\";\n$db-asset-font-db-screensansdigital-fontweight: \"400\";\n$db-asset-font-db-screensansdigital-woff: \"assets/fonts/dbscreensans-digitalregular.woff\";\n$db-asset-font-db-screensansdigital-woff2: \"assets/fonts/dbscreensans-digitalregular.woff2\";\n$db-color-success: #508b1b; // This is the general success color\n$db-color-success-small-font: #467a18; // in case a font-size smaller than 14dp is in use\n$db-color-error: #ec0016; // This is the general error color\n$db-color-error-small-font: #db0014; // in case a font-size smaller than 14dp is in use\n$db-color-warning: #f75f00; // This is the general warning color\n$db-color-warning-small-font: #cc4e00; // in case a font-size smaller than 14dp is in use\n$db-color-informative: #0087b9; // This is the general informative color\n$db-color-informative-small-font: #006a96; // in case a font-size smaller than 14dp is in use\n$db-color-food-drink: #f39200;\n$db-color-health: #a9455d;\n$db-color-things-to-know: #858379;\n$db-color-community-facilities: #00a099;\n$db-color-db-services-facilities: #0c3992;\n$db-color-shopping: #814997;\n$db-color-arts-culture: #e93e8f;\n$db-color-leisure: #408335;\n$db-color-services: #309fd1;\n$db-color-guidance: #3c414b;\n$db-color-red-100: #fee6e6;\n$db-color-red-200: #fcc8c3;\n$db-color-red-300: #fa9090;\n$db-color-red-400: #f75056;\n$db-color-red-500: #ec0016;\n$db-color-red-600: #c50014;\n$db-color-red-700: #9b000e;\n$db-color-red-800: #740009;\n$db-color-red: #ec0016; // This is the primary DB Red\n$db-color-white: #ffffff; // This is the primary DB White\n$db-color-black: #000000; // This is the primary DB Black\n$db-color-ice: #282d37;\n$db-color-ic: #646973;\n$db-color-ec: #646973;\n$db-color-re: #878c96;\n$db-color-rb: #878c96;\n$db-color-s-bahn: #408335;\n$db-color-u-bahn: #1455c0;\n$db-color-tram: #a9455d;\n$db-color-intercity-bus: #e93e8f;\n$db-color-bus: #814997;\n$db-color-ship: #309fd1;\n$db-color-airplane: #00a099;\n$db-color-taxi: #ffd800;\n$db-color-carsharing: #f39200;\n$db-color-walk: #282d37;\n$db-color-bikesharing: #c50014;\n$db-color-yellow-100: #ffffdc;\n$db-color-yellow-200: #ffffaf;\n$db-color-yellow-300: #fff876;\n$db-color-yellow-400: #fff000;\n$db-color-yellow-500: #ffd800;\n$db-color-yellow-600: #ffbb00;\n$db-color-yellow-700: #ff9b00;\n$db-color-yellow-800: #ff7a00;\n$db-color-yellow-900: #f75f00;\n$db-color-orange-100: #fff4d8;\n$db-color-orange-200: #fce3b4;\n$db-color-orange-300: #faca7f;\n$db-color-orange-400: #f8ab37;\n$db-color-orange-500: #f39200;\n$db-color-orange-600: #d77b00;\n$db-color-orange-700: #c05e00;\n$db-color-orange-800: #a24800;\n$db-color-burgundy-100: #f4e8ed;\n$db-color-burgundy-200: #edcbd6;\n$db-color-burgundy-300: #da9aa8;\n$db-color-burgundy-400: #c0687b;\n$db-color-burgundy-500: #a9455d;\n$db-color-burgundy-600: #8c2e46;\n$db-color-burgundy-700: #641e32;\n$db-color-burgundy-800: #4d0820;\n$db-color-pink-100: #fdeef8;\n$db-color-pink-200: #f9d2e5;\n$db-color-pink-300: #f4aece;\n$db-color-pink-400: #ee7bae;\n$db-color-pink-500: #e93e8f;\n$db-color-pink-600: #db0078;\n$db-color-pink-700: #b80065;\n$db-color-pink-800: #970052;\n$db-color-violett-100: #f4eefa;\n$db-color-violett-200: #e0cde4;\n$db-color-violett-300: #c2a1c7;\n$db-color-violett-400: #9a6ca6;\n$db-color-violett-500: #814997;\n$db-color-violett-600: #6e368c;\n$db-color-violett-700: #581d70;\n$db-color-violett-800: #421857;\n$db-color-blue-100: #e0effb;\n$db-color-blue-200: #b4d5f6;\n$db-color-blue-300: #73aef4;\n$db-color-blue-400: #347de0;\n$db-color-blue-500: #1455c0;\n$db-color-blue-600: #0c3992;\n$db-color-blue-700: #0a1e6e;\n$db-color-blue-800: #061350;\n$db-color-cyan-100: #e5faff;\n$db-color-cyan-200: #bbe6f8;\n$db-color-cyan-300: #84cfef;\n$db-color-cyan-400: #55b9e6;\n$db-color-cyan-500: #309fd1;\n$db-color-cyan-600: #0087b9;\n$db-color-cyan-700: #006a96;\n$db-color-cyan-800: #004b6d;\n$db-color-turquoise-100: #e3f5f4;\n$db-color-turquoise-200: #bee2e5;\n$db-color-turquoise-300: #83caca;\n$db-color-turquoise-400: #3cb5ae;\n$db-color-turquoise-500: #00a099;\n$db-color-turquoise-600: #008984;\n$db-color-turquoise-700: #006e6b;\n$db-color-turquoise-800: #005752;\n$db-color-green-100: #e2f3e5;\n$db-color-green-200: #bddbb9;\n$db-color-green-300: #8cbc80;\n$db-color-green-400: #66a558;\n$db-color-green-500: #408335;\n$db-color-green-600: #2a7230;\n$db-color-green-700: #165c27;\n$db-color-green-800: #154a26;\n$db-color-light-green-100: #ebf7dd;\n$db-color-light-green-200: #c9eb9e;\n$db-color-light-green-300: #9fd45f;\n$db-color-light-green-400: #78be14;\n$db-color-light-green-500: #63a615;\n$db-color-light-green-600: #508b1b;\n$db-color-light-green-700: #44741a;\n$db-color-light-green-800: #375f15;\n$db-color-warm-gray-100: #f5f4f1;\n$db-color-warm-gray-200: #ddded6;\n$db-color-warm-gray-300: #bcbbb2;\n$db-color-warm-gray-400: #9c9a8e;\n$db-color-warm-gray-500: #858379;\n$db-color-warm-gray-600: #747067;\n$db-color-warm-gray-700: #4f4b41;\n$db-color-warm-gray-800: #38342f;\n$db-color-cool-gray-100: #f0f3f5;\n$db-color-cool-gray-200: #d7dce1;\n$db-color-cool-gray-300: #afb4bb;\n$db-color-cool-gray-400: #878c96;\n$db-color-cool-gray-500: #646973;\n$db-color-cool-gray-600: #3c414b;\n$db-color-cool-gray-700: #282d37;\n$db-color-cool-gray-800: #131821;\n$db-spacing-xs: 0.25rem !default;\n$db-spacing-s: 0.5rem !default;\n$db-spacing-sm: 0.75rem !default;\n$db-spacing-m: 1rem !default;\n$db-spacing-l: 1.25rem !default;\n$db-transition-duration-fast: 0.3s; // Consider this as beta for the moment\n$db-transition-emotional-timing: cubic-bezier(0.27, 0.05, 0.4, 0.95); // Consider this as beta for the moment\n$db-transition-emotional-straight: 0.3s cubic-bezier(0.27, 0.05, 0.4, 0.95); // Consider this as beta for the moment\n$db-transition-functional-timing: cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-transition-functional-straight: 0.3s cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-transition-color: 0.3s cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-font-family-base: 'DB Screen Sans', Helvetica, Arial, sans-serif;\n$db-font-family-headline: 'DB Screen Head', Helvetica, Arial, sans-serif;\n","// Box sizing\nhtml {\n\tbox-sizing: var(--db-box-sizing, border-box);\n}\n\n*,\n::before,\n::after {\n\tbox-sizing: inherit;\n}\n\n// Media\nimg,\nembed,\niframe,\nobject,\nvideo {\n\theight: auto;\n\tmax-width: 100%;\n}\n\n// Iframe\niframe {\n\tborder: 0;\n}\n\n// * Individual styles\n// Navigation lists\nnav,\n[role=\"navigation\"] {\n\tol,\n\tul {\n\t\tlist-style: none;\n\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n}\n\n// General styles (TODO: most likely move those to DB UI Base)\n:root {\n\t--db-focus-outline-offset: 1px;\n\t--db-focus-outline-color: #2c95c4;\n}\n\n// Focus styles\n:is(a, button, input, textarea, summary) {\n\t--db-focus-outline-size: max(2px, 0.08em);\n\n\t&:focus-visible {\n\t\toutline: var(--db-focus-outline-size)\n\t\t\tvar(--db-focus-outline-style, solid)\n\t\t\tvar(--db-focus-outline-color, currentColor);\n\t\toutline-offset: var(\n\t\t\t--db-focus-outline-offset,\n\t\t\tvar(--db-focus-outline-size)\n\t\t);\n\t}\n}\n\n// List style / https://marketingportal.extranet.deutschebahn.com/de/brandguide/typografie-1#8e0be060-c2f5-42a1-abbc-6b050845d73c~paragraph--image_link\n:where(ul) {\n\tlist-style-type: \"\\2022\"+ \"   \";\n\n\tli::marker {\n\t\tcolor: $db-color-red-500;\n\t}\n}\n\n// details/summary box-sizing / https://kittygiraudel.com/2021/08/23/shadow-roots-and-inheritance/\ndetails {\n\t& > *,\n\t& > ::before,\n\t& > ::after {\n\t\tbox-sizing: var(--db-box-sizing, border-box);\n\t}\n}\n","%a11y-visually-hidden {\n\tclip: rect(0, 0, 0, 0);\n\theight: 1px;\n\toverflow: hidden;\n\tposition: absolute !important;\n\twhite-space: nowrap;\n\twidth: 1px;\n}\n","%clearfix::after {\n\tclear: both;\n\tcontent: \" \";\n\tdisplay: table;\n}\n","@use \"sass:map\";\n@import \"../../../css/db-ui-core.variables\";\n@import \"fonts.variables\";\n\n@each $font-name, $font-meta in $font-families {\n\t$font-family: map.get($font-meta, \"font-family\");\n\t$font-filename: map.get($font-meta, \"font-filename\");\n\t$font-weight: map.get($font-meta, \"font-weight\");\n\t$font-style: map.get($font-meta, \"font-style\");\n\t$font-local-name: map.get($font-meta, \"font-local-name\");\n\t$font-local-name-short: map.get($font-meta, \"font-local-name-short\");\n\n\t@font-face {\n\t\tfont-family: $font-family;\n\t\tfont-style: $font-style;\n\t\tfont-weight: $font-weight;\n\t\t@if $font-local-name and $font-local-name-short {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name-short}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t} @else if $font-local-name {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t} @else if $font-local-name-short {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name-short}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t} @else {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t}\n\t}\n}\n","// @import \"icons.variables\";\n\n// *** Attribute based method ***\n@each $icon-name, $icon-glyph in $icon-glyphs {\n\t[data-icon=\"#{$icon-name}\"],\n\t[data-icon-before=\"#{$icon-name}\"] {\n\t\t--icon-glyph-before: \"#{$icon-glyph}\";\n\t}\n\t[data-icon-after=\"#{$icon-name}\"] {\n\t\t--icon-glyph-after: \"#{$icon-glyph}\";\n\t}\n}\n","@use \"sass:map\";\n// Icon SCSS mixin\n@mixin icon(\n\t$glyph: \"\",\n\t$size: $icon-size,\n\t$style: $icon-style,\n\t$position: \"before\",\n\t$partial: false\n) {\n\t// We're setting this on the parent tag, so that it could get overwritten via data-icon=*\n\t@if $glyph != \"\" {\n\t\t& {\n\t\t\t--icon-glyph-#{$position}: \"#{$glyph}\";\n\t\t}\n\t}\n\n\t&::#{$position} {\n\t\t--icon-font-family: \"#{\"icons-\" + $size + \"-\" + $style}\",\n\t\t\t\"missing-icons\" !important;\n\n\t\tfont-size: var(\n\t\t\t--icon-font-size-#{$position},\n\t\t\tvar(--icon-font-size, #{to-rem($pxValue: $size)})\n\t\t);\n\n\t\t@if $position == \"before\" {\n\t\t\tmargin-inline-end: var(--icon-margin-after, #{$icon-content-space});\n\t\t}\n\t\t@if $position == \"after\" {\n\t\t\tmargin-inline-start: var(\n\t\t\t\t--icon-margin-before,\n\t\t\t\t#{$icon-content-space}\n\t\t\t);\n\t\t}\n\n\t\tcontent: var(--icon-glyph-#{$position});\n\t\t@supports (content: \"\"/\"\") {\n\t\t\t// Hiding icon from screenreaders\n\t\t\t// We couldn't just add the following code line and expect an forgiving behaviour of unsupporting browser to ignore this declaration, but need to wrap it into an @supports due to a bug in WebKit / older versions of  Safari: https://github.com/db-ui/core/pull/766\n\t\t\tcontent: var(--icon-glyph-#{$position}) / \"\"; // https://www.w3.org/TR/css-content-3/#alt\n\t\t}\n\n\t\t@if $partial {\n\t\t\t& {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\t/*** icon - partial ***/\n\t\t\t\t// * use !important to prevent issues with browser extensions that change fonts\n\t\t\t\tfont-family: var(--icon-font-family) !important;\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-variant: normal;\n\n\t\t\t\tfont-weight: normal; // CSS variables fallback\n\t\t\t\tfont-weight: var(--icon-font-weight, normal);\n\t\t\t\tline-height: 1;\n\t\t\t\ttext-transform: none;\n\t\t\t\tvertical-align: middle;\n\n\t\t\t\t/* stylelint-disable */\n\t\t\t\t// * Better Font Rendering ===========\n\t\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t\t-moz-osx-font-smoothing: grayscale;\n\t\t\t\t/* stylelint-enable */\n\n\t\t\t\t// Hiding icon from screenreaders\n\t\t\t\t/* stylelint-disable */\n\t\t\t\t-webkit-alt: \"\";\n\t\t\t\t/* stylelint-enable */\n\t\t\t\talt: \"\";\n\t\t\t\tspeak: none; // Hiding icon from screenreaders, fallback by older notation\n\t\t\t\tspeak: never; // Hiding icon from screenreaders\n\t\t\t}\n\t\t\t@media aural {\n\t\t\t\tcontent: none;\n\t\t\t}\n\t\t\t@media speech {\n\t\t\t\tcontent: none;\n\t\t\t}\n\t\t} @else {\n\t\t\t@extend %icon;\n\t\t}\n\t}\n}\n\n// SCSS mixin for elements that text should get hidden in favour of only displaying the included icon\n@mixin is-icon-text-replace($position: \"before\") {\n\t& {\n\t\tfont-size: 0;\n\t}\n\n\t@if $position == \"before\" {\n\t\t&::before {\n\t\t\t--icon-margin-after: 0;\n\t\t}\n\t} @else {\n\t\t&::after {\n\t\t\t--icon-margin-before: 0;\n\t\t}\n\t}\n}\n\n// Icon glyph mixin\n@function glyph($glyph) {\n\t@return map.get($icon-glyphs, $glyph);\n}\n\n// Icon meta data mixin\n@mixin iconMeta($size: $icon-size, $style: $icon-style, $position: \"before\") {\n\t&::#{$position} {\n\t\t--icon-font-family: \"#{\"icons-\" + $size + \"-\" + $style}\",\n\t\t\t\"missing-icons\" !important;\n\t\t--icon-font-size: #{to-rem($pxValue: $size)};\n\t}\n}\n","@use \"sass:string\";\n@import \"../../../css/db-ui-core.variables\";\n\n@import \"icons.variables\";\n\n// Potential TODO: usage of the standard filenames described by https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Icons/Funktionale-Icons-Architektur-und-Fahrzeuge\n\n@font-face {\n\tfont-display: block;\n\tfont-family: \"missing-icons\";\n\tsrc:\n\t\turl(\"#{$icons-path}functional/fonts/icons-empty.woff2?4r2099\")\n\t\t\tformat(\"woff2\"),\n\t\turl(\"#{$icons-path}functional/fonts/icons-empty.woff?4r2099\")\n\t\t\tformat(\"woff\");\n}\n\n// DB UX Icons\n@each $icon-style, $icon-sizes in $icon-font-families-personenverkehr {\n\t@each $icon-size, $icon-categories in $icon-sizes {\n\t\t@each $icon-category, $icon-font-unicodes in $icon-categories {\n\t\t\t@font-face {\n\t\t\t\t$icon-font-family: \"icons-\" + $icon-size + \"-\" + $icon-style;\n\n\t\t\t\tfont-display: block;\n\n\t\t\t\tfont-family: $icon-font-family;\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tsrc:\n\t\t\t\t\turl(\"#{$icons-path}functional/fonts/#{$icon-font-family+ \"-\" + $icon-category}.woff2?4r2099\")\n\t\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\t\turl(\"#{$icons-path}functional/fonts/#{$icon-font-family+ \"-\" + $icon-category}.woff?4r2099\")\n\t\t\t\t\t\tformat(\"woff\");\n\n\t\t\t\tunicode-range: string.unquote($icon-font-unicodes);\n\t\t\t}\n\t\t}\n\t}\n}\n","%icon {\n\t// Hiding icon from screenreaders\n\t-webkit-alt: \"\";\n\talt: \"\";\n\n\tdisplay: inline-block;\n\t/*** icon - placeholder ***/\n\t// * use !important to prevent issues with browser extensions that change fonts\n\tfont-family: var(--icon-font-family) !important;\n\n\t// * Better Font Rendering ===========\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\n\tfont-style: normal;\n\tfont-variant: normal;\n\tfont-weight: normal; // CSS variables fallback\n\tfont-weight: var(--icon-font-weight, normal);\n\tline-height: 1;\n\tspeak: none; // Hiding icon from screenreaders, fallback by older notation\n\tspeak: never; // Hiding icon from screenreaders\n\ttext-transform: none;\n\n\tvertical-align: middle;\n\n\t// Hiding icon from screenreaders\n\t@media aural {\n\t\tcontent: none;\n\t}\n\t@media speech {\n\t\tcontent: none;\n\t}\n}\n\n// TODO: The following construct was especially meant to enable a branch (EDS & FV) specific result - probably we could refactor this the sooner the later\n%defaultIconCustomProperties {\n\t--icon-font-family: #{$icons-font-family} !important;\n\t--icon-font-size: #{to-rem($pxValue: $icon-size)};\n}\n","// @import \"icons.variables\";\n\n@import \"icons.variables\";\n@import \"icons.attributes-mappings\";\n@import \"icons.helpers\";\n@import \"icons.custom-properties\";\n@import \"icons.font-faces\";\n@import \"icons.placeholder\";\n\n[data-icon],\n[data-icon-before] {\n\t&::before {\n\t\t@extend %icon;\n\t\tcontent: var(--icon-glyph-before);\n\t\tmargin-inline-end: var(--icon-margin-after, #{$icon-content-space});\n\t\tfont-size: var(\n\t\t\t--icon-font-size-before,\n\t\t\tvar(--icon-font-size, #{to-rem($pxValue: $icon-size)})\n\t\t);\n\t}\n}\n\n[data-icon-after] {\n\t&::after {\n\t\t@extend %icon;\n\t\tcontent: var(--icon-glyph-after);\n\t\tmargin-inline-start: var(--icon-margin-before, #{$icon-content-space});\n\t\tfont-size: var(\n\t\t\t--icon-font-size-after,\n\t\t\tvar(--icon-font-size, #{to-rem($pxValue: $icon-size)})\n\t\t);\n\t}\n}\n\n// Providing a mechanism for text replacements\n.is-icon-text-replace {\n\t&[data-icon],\n\t&[data-icon-before] {\n\t\t@include is-icon-text-replace();\n\t}\n\n\t&[data-icon-after] {\n\t\t@include is-icon-text-replace(\"after\");\n\t}\n}\n","@charset \"utf-8\";\n\n@use \"sass:string\";\n@import \"button.variables\";\n\n.elm-button {\n\talign-items: center; // Centering the content vertically and horizontally\n\tborder: 1px solid transparent;\n\tborder-radius: 4px;\n\tdisplay: inline-flex; // Centering the content vertically and horizontally\n\tfont-size: to-rem($pxValue: 16);\n\tjustify-content: center; // Centering the content vertically and horizontally\n\tmin-height: $button---minHeight;\n\tpadding: to-rem($pxValue: 8) to-rem($pxValue: 16);\n\n\t&[data-icon],\n\t&[data-icon-before] {\n\t\tpadding-left: to-rem($pxValue: 14);\n\t}\n\n\t&[data-icon-after] {\n\t\tpadding-right: to-rem($pxValue: 14);\n\t}\n\t// Square icon only buttons\n\t&.is-icon-text-replace {\n\t\twidth: $button---minHeight;\n\t}\n\n\t/*&:focus {\n\t\tborder-color: #fff;\n\t}*/\n\t/*\t&:active {\n\t\tfilter: brightness(75%);\n\t}*/\n\n\t&%variant-brand-primary,\n\t&%variant-primary {\n\t\tcolor: $button---color;\n\t}\n\n\t&%variant-brand-primary,\n\t&%variant-primary {\n\t\tfont-weight: 700;\n\t}\n\n\t&%variant-brand-primary {\n\t\tbackground-color: $button-brand-primary--backgroundColor;\n\n\t\t&:disabled {\n\t\t\tbackground-color: string.unquote(\n\t\t\t\t$button-brand-primary--backgroundColor + \"40\"\n\t\t\t);\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-brand-primary-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: #cc0013; // TODO: replace by correct color variable\n\t\t\t}\n\t\t}\n\t}\n\n\t&%variant-primary {\n\t\tbackground-color: $button-primary--backgroundColor;\n\n\t\t&:disabled {\n\t\t\tbackground-color: string.unquote(\n\t\t\t\t$button-primary--backgroundColor + \"40\"\n\t\t\t);\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-primary-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: #363c4a;\n\t\t\t}\n\t\t}\n\t}\n\n\t&%variant-secondaryOutline {\n\t\t// TODO: This might get replaced by another effect\n\t\tbackdrop-filter: blur(4px);\n\t\tbackground-color: transparent;\n\t\tborder-color: $db-color-cool-gray-700;\n\t\tcolor: $db-color-cool-gray-700;\n\n\t\t&:disabled {\n\t\t\tcolor: string.unquote($db-color-cool-gray-700 + \"80\");\n\t\t\tborder-color: string.unquote($db-color-cool-gray-700 + \"40\");\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-secondaryOutline-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: $button-secondaryOutline-active-backgroundColor;\n\t\t\t}\n\t\t}\n\t}\n\n\t&%variant-secondarySolid {\n\t\tbackground-color: $button-secondarySolid--backgroundColor;\n\t\tcolor: $db-color-cool-gray-700;\n\n\t\t&:disabled {\n\t\t\tcolor: string.unquote($db-color-cool-gray-700 + \"80\");\n\t\t\tbackground-color: string.unquote(\n\t\t\t\t$button-secondarySolid--backgroundColor + \"40\"\n\t\t\t);\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-secondarySolid-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: $button-secondarySolid-active-backgroundColor;\n\t\t\t}\n\t\t}\n\t}\n\n\t&%variant-tertiaryPlain {\n\t\tbackground-color: transparent; // shame.css\n\t\tborder: 2px solid transparent;\n\t\tcolor: $db-color-cool-gray-700;\n\n\t\t&:disabled {\n\t\t\tcolor: string.unquote($db-color-cool-gray-700 + \"80\");\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-secondaryOutline-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: $button-secondaryOutline-active-backgroundColor;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Sizes\n\t&%size-Small {\n\t\tmin-height: to-rem($pxValue: 36);\n\n\t\t&:not(.is-icon-text-replace) {\n\t\t\tfont-size: to-rem($pxValue: 14);\n\t\t}\n\n\t\t&[data-icon],\n\t\t&[data-icon-before] {\n\t\t\t@include iconMeta(20);\n\t\t}\n\n\t\t&[data-icon-after] {\n\t\t\t@include iconMeta($size: 20, $position: \"after\");\n\t\t}\n\t\t// Square icon only buttons\n\t\t&.is-icon-text-replace {\n\t\t\twidth: to-rem($pxValue: 36);\n\t\t}\n\t}\n\n\t&%size-Large {\n\t\tmin-height: to-rem($pxValue: 52);\n\n\t\t&:not(.is-icon-text-replace) {\n\t\t\tfont-size: to-rem($pxValue: 20);\n\t\t}\n\t\t// Square icon only buttons\n\t\t&.is-icon-text-replace {\n\t\t\twidth: to-rem($pxValue: 52);\n\t\t}\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %size-Small;\n\t}\n\n\t&[data-size=\"large\"] {\n\t\t@extend %size-Large;\n\t}\n\n\t// Providing the variants as HTML attributes as well\n\t&[data-variant=\"brand-primary\"] {\n\t\t@extend %variant-brand-primary;\n\t}\n\n\t&[data-variant=\"primary\"] {\n\t\t@extend %variant-primary;\n\t}\n\n\t&[data-variant=\"secondary-outline\"] {\n\t\t@extend %variant-secondaryOutline;\n\t}\n\n\t&[data-variant=\"secondary-solid\"] {\n\t\t@extend %variant-secondarySolid;\n\t}\n\n\t&[data-variant=\"tertiary-plain\"] {\n\t\t@extend %variant-tertiaryPlain;\n\t}\n\n\t&:disabled {\n\t\tcolor: string.unquote($button---color + \"80\");\n\t}\n\n\t// width\n\t&%width-Full {\n\t\tinline-size: 100%;\n\t}\n\n\t&[data-width=\"full\"] {\n\t\t@extend %width-Full;\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n// We want to set the alpha value and that for need the long form hex code\n// stylelint-disable color-hex-length\n$button---color: #ffffff !default;\n// stylelint-enable color-hex-length\n\n$button---minHeight: to-rem(\n\t$pxValue: 44\n) !default;\n\n// Background colors\n$button-brand-primary--backgroundColor: $db-color-red-500 !default;\n$button-brand-primary-hover-backgroundColor: #db0016;\n\n$button-primary--backgroundColor: $db-color-cool-gray-700 !default;\n$button-primary-hover-backgroundColor: #2f3541;\n\n$button-secondarySolid--backgroundColor: $db-color-cool-gray-200 !default;\n$button-secondarySolid-hover-backgroundColor: #cdd4da !default;\n$button-secondarySolid-active-backgroundColor: #c5ccd3 !default;\n\n$button-secondaryOutline-hover-backgroundColor: rgba(\n\t$db-color-cool-gray-700,\n\t0.03\n) !default;\n\n$button-secondaryOutline-active-backgroundColor: rgba(\n\t$db-color-cool-gray-700,\n\t0.06\n) !default;\n","@use \"sass:math\";\n@import \"headline.variables\";\n\n.elm-headline {\n\ttext-wrap: balance;\n\n\tmargin-bottom: to-rem($pxValue: 16);\n\n\t// * TODO: These declarations make sense for the moment, but should get aligned with overall definitions of spacing around elements\n\tmargin-top: to-rem($pxValue: 24);\n\n\t&[data-pulse] {\n\t\t&::after {\n\t\t\tbackground: var(--db-pulse-background, #ec0016);\n\t\t\tborder-radius: calc(\n\t\t\t\tvar(--db-logo-height, #{$db-logo-default-height}) / 7 * 0.5\n\t\t\t);\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\tmargin-bottom: var(--db-pulse-margin-bottom, 14px);\n\t\t\tmargin-top: calc(\n\t\t\t\tvar(--db-logo-height, #{$db-logo-default-height}) * 0.5\n\t\t\t);\n\t\t\twidth: var(--db-logo-width, #{$db-logo-default-width});\n\t\t\theight: calc(var(--db-logo-height, #{$db-logo-default-height}) / 7);\n\t\t}\n\t}\n}\n\nh1,\nh2,\nh3 {\n\t&.elm-headline {\n\t\tfont-family: $db-font-family-headline;\n\t\tfont-weight: 900;\n\t}\n}\n\nh1 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h1-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tline-height: math.div(40, $rea-main-h1-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h1-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.14;\n\t\t}\n\t}\n}\n\nh2 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h2-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tline-height: math.div(28, $rea-main-h2-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h2-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.2;\n\t\t}\n\t}\n}\n\nh3 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h3-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tline-height: math.div(24, $rea-main-h3-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h3-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.33;\n\t\t}\n\t}\n}\n\nh4 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h4-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tfont-weight: 400;\n\t\tline-height: math.div(24, $rea-main-h4-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h4-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.25;\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"link.variables\";\n\n.elm-link {\n\tborder-radius: to-rem($pxValue: 4);\n\tdisplay: inline-block;\n\n\t// Link underline\n\ttext-underline-offset: to-rem($pxValue: 3);\n\ttext-underline-position: under;\n\t@supports (text-underline-offset: 3px) {\n\t\ttext-underline-position: auto;\n\t}\n\n\t&:active {\n\t\tcolor: initial;\n\t}\n\n\t// \"disabled\" links\n\t&[aria-disabled=\"true\"] {\n\t\topacity: $link--disabled-opacity;\n\n\t\tpointer-events: none;\n\n\t\t&::before {\n\t\t\tcolor: initial;\n\t\t}\n\t}\n\n\t// Sizes\n\t&%size-Small {\n\t\t&:not(.is-icon-text-replace) {\n\t\t\tfont-size: to-rem($pxValue: 14);\n\t\t}\n\n\t\t&[rel],\n\t\t&[data-icon],\n\t\t&[data-icon-before] {\n\t\t\t@include iconMeta(20);\n\t\t}\n\n\t\t&[data-icon-after]::after {\n\t\t\t@include iconMeta($size: 20, $position: \"after\");\n\t\t}\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %size-Small;\n\t}\n\n\t// Define the available icons\n\t&[rel=\"configuration\"] {\n\t\t@include icon(glyph(settings), 24, \"outline\", $partial: $partial);\n\t}\n\n\t&[rel=\"messages\"] {\n\t\t@include icon(glyph(chat), 24, \"outline\", $partial: $partial);\n\t}\n\n\t&[rel=\"account\"] {\n\t\t@include icon(glyph(account), 24, \"outline\", $partial: $partial);\n\t}\n\n\t&[rel=\"configuration\"],\n\t&[rel=\"messages\"],\n\t&[rel=\"account\"] {\n\t\t&::before {\n\t\t\t// preventing an underlined icon on click\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n}\n","@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/colors/colors.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$link--disabled-opacity: 0.4 !default;\n$link-reaMain--color: $db-color-cyan-600 !default;\n","@use \"sass:map\";\n@import \"logo.variables\";\n\n.elm-logo {\n\t$logo-sizes: (\n\t\t\"xsmall\": (\n\t\t\t\"width\": 20px,\n\t\t\t\"height\": 14px\n\t\t),\n\t\t\"small\": (\n\t\t\t\"width\": 29px,\n\t\t\t\"height\": 20px\n\t\t),\n\t\t\"medium\": (\n\t\t\t\"width\": 34px,\n\t\t\t\"height\": 24px\n\t\t),\n\t\t\"large\": (\n\t\t\t\"width\": 40px,\n\t\t\t\"height\": 28px\n\t\t),\n\t\t\"xlarge\": (\n\t\t\t\"width\": 56px,\n\t\t\t\"height\": 40px\n\t\t)\n\t);\n\t// aspect-ratio: 10 / 7;\n\n\twidth: var(--db-logo-width, #{$db-logo-default-width});\n\theight: var(--db-logo-height, #{$db-logo-default-height});\n\t// Logo safe zone\n\t// margin: calc(var(--db-logo-height, #{$db-logo-default-height}) * 0.5);\n\n\t&[data-size=\"xsmall\"] {\n\t\t@extend %logo-size-xsmall;\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %logo-size-small;\n\t}\n\n\t&[data-size=\"medium\"] {\n\t\t@extend %logo-size-medium;\n\t}\n\n\t&[data-size=\"large\"] {\n\t\t@extend %logo-size-large;\n\t}\n\n\t&[data-size=\"xlarge\"] {\n\t\t@extend %logo-size-xlarge;\n\t}\n\n\t@each $name, $dimensions in $logo-sizes {\n\t\t&%logo-size-#{$name} {\n\t\t\t--db-logo-width: #{map.get($dimensions, \"width\")};\n\t\t\t--db-logo-height: #{map.get($dimensions, \"height\")};\n\n\t\t\tbody:has(&) .elm-headline[data-pulse] {\n\t\t\t\t--db-logo-width: #{map.get($dimensions, \"width\")};\n\t\t\t\t--db-logo-height: #{map.get($dimensions, \"height\")};\n\t\t\t}\n\n\t\t\t// Legacy browsers\n\t\t\t& ~ .elm-headline[data-pulse] {\n\t\t\t\t--db-logo-width: #{map.get($dimensions, \"width\")};\n\t\t\t\t--db-logo-height: #{map.get($dimensions, \"height\")};\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../css/helpers/functions\";\n@import \"form-elements.variables\";\n\n%form-element {\n\t--formElement---borderTopColor: var(\n\t\t--formElement---borderColor,\n\t\ttransparent\n\t);\n\t--formElement---borderRightColor: var(\n\t\t--formElement---borderColor,\n\t\ttransparent\n\t);\n\t--formElement---borderBottomColor: var(\n\t\t--formElement---borderColor,\n\t\t#{$form-elements-semitransparent-border-bottom-color}\n\t);\n\t--formElement---borderLeftColor: var(\n\t\t--formElement---borderColor,\n\t\ttransparent\n\t);\n\tborder-radius: 4px;\n\n\tcaret-color: $db-color-red-500;\n\n\tcolor: $form-elements-color;\n\n\t// Description styles\n\t& ~ .description {\n\t\tcolor: $db-color-cool-gray-500;\n\t\tfont-size: to-rem($pxValue: 14);\n\n\t\tpadding: to-rem($pxValue: 6) to-rem($pxValue: 10);\n\t}\n}\n\n%form-label {\n\t&[data-label-hidden=\"true\"] {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\t}\n}\n\n// ### Style variations\n// Semitransparent\n%form-element-semitransparent {\n\t--formElement---borderColor: #{$form-elements-semitransparent-border-bottom-color};\n\tbackground-color: $form-elements-semitransparent-background-color;\n\tborder-bottom: $form-elements---borderBottom;\n\tborder-left: $form-elements---borderLeft;\n\tborder-left-color: transparent;\n\tborder-right: $form-elements---borderRight;\n\tborder-right-color: transparent;\n\tborder-top: $form-elements---borderTop;\n\tborder-top-color: transparent;\n}\n\n// White\n%form-element-white {\n\t--formElement---borderColor: #{$form-elements-white-border-bottom-color};\n\tbackground-color: $form-elements-white-background-color;\n\tborder-bottom: $form-elements---borderBottom;\n\tborder-left: $form-elements---borderLeft;\n\tborder-left-color: transparent;\n\tborder-right: $form-elements---borderRight;\n\tborder-right-color: transparent;\n\tborder-top: $form-elements---borderTop;\n\tborder-top-color: transparent;\n}\n\n// Solid\n%form-element-solid {\n\t--formElement---borderColor: #{$form-elements-solid-border-bottom-color};\n\tbackground-color: $form-elements-solid-background-color;\n\tborder-bottom: $form-elements---borderBottom;\n\tborder-left: $form-elements---borderLeft;\n\tborder-left-color: transparent;\n\tborder-right: $form-elements---borderRight;\n\tborder-right-color: transparent;\n\tborder-top: $form-elements---borderTop;\n\tborder-top-color: transparent;\n}\n\n// Outline\n%form-element-outline {\n\t--formElement---borderColor: #{$form-elements-outline-border-color};\n\tbackground-color: transparent;\n\tborder-bottom: $form-elements---borderBottom;\n\tborder-left: $form-elements---borderLeft;\n\tborder-right: $form-elements---borderRight;\n\tborder-top: $form-elements---borderTop;\n}\n\n// Validation\n// We need to differentiate here because of any non-textual input elements like select, radio and checkbox, that we couldn't handle by :placeholder-shown\n// TODO: maybe we could totally restructure this, work with a :not(select) instead, differentiate in between user-invalid and provide a fallback (https://github.com/db-ui/mono/pull/893), etc.\n%form-element-validation {\n\t&:not([aria-invalid]) {\n\t\t&:user-valid {\n\t\t\t--formElement---borderColor: #{$db-color-green-600};\n\t\t}\n\n\t\t&:user-invalid {\n\t\t\t--formElement---borderColor: #{$db-color-red-500};\n\t\t}\n\t}\n}\n%form-element-validation-programmatic {\n\t&[aria-invalid=\"true\"] {\n\t\t--formElement---borderColor: #{$db-color-red-500};\n\t}\n}\n\n// counter styling\n%form-element-counter {\n\t&:has(+ .description) {\n\t\tfloat: right;\n\t}\n\n\t@supports (position-area: block-end span-inline-start) {\n\t\t&:not(:has(+ .description)) {\n\t\t\tposition: absolute;\n\t\t\t// stylelint-disable-next-line property-no-unknown\n\t\t\tposition-area: block-end span-inline-start;\n\t\t}\n\t}\n\n\t// Description styles\n\t// TODO: This probably still needs to get further changed to a general \"hint\" pattern or similar\n\t&,\n\t& + .description {\n\t\tcolor: $db-color-cool-gray-500;\n\t\tfont-size: to-rem($pxValue: 14);\n\t\tpadding: to-rem($pxValue: 6) to-rem($pxValue: 10);\n\t}\n}\n\n// enhance the clickable area for checkbox and radio elements\n%form-element-enhanced-clickable-area {\n\t&:has(+ label) {\n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\twidth: calc(\n\t\t\t\tvar(--db-form-element-dimensions) + #{to-rem($pxValue: 4)}\n\t\t\t);\n\t\t\theight: var(--db-form-element-dimensions);\n\t\t\ttransform: translateX(#{to-rem($pxValue: 4)});\n\t\t\tposition: absolute;\n\t\t}\n\t}\n}\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"checkbox.variables\";\n@import \"../form-elements\";\n\n.elm-checkbox {\n\t--db-form-element-dimensions: var(\n\t\t--db-checkbox-dimensions,\n\t\t#{to-rem($pxValue: 24)}\n\t);\n\n\talign-content: center;\n\n\tappearance: none;\n\tbackground-color: $checkbox---backgroundColor;\n\tborder: #{to-rem($pxValue: 1)} solid $checkbox---borderColor;\n\tborder-radius: 4px;\n\tcolor: $checkbox---color;\n\n\tdisplay: inline-flex;\n\theight: var(--db-form-element-dimensions);\n\tjustify-content: center;\n\twidth: var(--db-form-element-dimensions);\n\n\t& {\n\t\t@extend %form-element-enhanced-clickable-area;\n\t\t@include icon(\"\\00A0\", 24, \"outline\", $partial: $partial);\n\t}\n\n\t&[type=\"checkbox\"] {\n\t\tvertical-align: top;\n\t}\n\n\t&::before {\n\t\t--icon-font-size: 1.375rem;\n\t\tmargin-right: 0;\n\t}\n\n\t&:checked {\n\t\tbackground-color: $checkbox--checked-backgroundColor;\n\n\t\t&::before {\n\t\t\tcolor: $checkbox--checked-color;\n\t\t\tcontent: glyph(done);\n\t\t}\n\t}\n\n\t&:enabled {\n\t\t&:hover {\n\t\t\tbackground-color: rgba(40, 45, 55, 0.14);\n\n\t\t\t&:checked {\n\t\t\t\tbackground-color: $checkbox-hover-checked-backgroundColor;\n\t\t\t}\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground-color: rgba(40, 45, 55, 0.14);\n\t\t}\n\t}\n\n\t&:indeterminate {\n\t\t&::before {\n\t\t\tcontent: glyph(minus);\n\t\t}\n\t}\n\n\t&:disabled {\n\t\t&,\n\t\t& + label {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t& + label {\n\t\t@extend %form-label;\n\n\t\tpadding-inline-start: $db-spacing-xs;\n\t}\n}\n","@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n@import \"../../00-base/colors/colors.variables\";\n\n$checkbox---backgroundColor: rgba(255, 255, 255, 0.1) !default;\n$checkbox---borderColor: $db-color-cool-gray-700 !default;\n$checkbox---color: $db-color-cool-gray-700 !default;\n\n$checkbox--checked-backgroundColor: $db-color-cool-gray-700 !default;\n$checkbox--checked-color: #fff !default;\n\n$checkbox-hover-checked-backgroundColor: #52575f !default;\n\n// On dark background\n$checkbox-onDarkBackground--backgroundColor: transparent !default;\n$checkbox-onDarkBackground--borderColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n$checkbox-onDarkBackground--color: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"input.variables\";\n@import \"../form-elements\";\n\n.elm-input {\n\t@extend %form-element;\n\n\tcolor: $input---color;\n\n\tfont-size: to-rem($pxValue: 16);\n\theight: to-rem($pxValue: 44);\n\tline-height: to-rem($pxValue: 24);\n\tmax-width: 100%;\n\n\twidth: 100%;\n\n\tpadding-inline: $db-spacing-m;\n\t// No need to reposition the included value on hidden label\n\t&:not(:has(+ label[data-label-hidden=\"true\"])) {\n\t\tpadding-block: $db-spacing-s;\n\t}\n\n\t&[list] {\n\t\t&::-webkit-calendar-picker-indicator {\n\t\t\tmargin-right: -1rem;\n\t\t}\n\t}\n\n\t&:not(:placeholder-shown) {\n\t\tpadding-bottom: 0;\n\t\t// No need to reposition the included value on hidden label\n\t\t&:not(:has(+ label[data-label-hidden=\"true\"])) {\n\t\t\tpadding-top: to-rem($pxValue: 16);\n\t\t}\n\t}\n\n\t// * TODO: to get evaluated\n\t// display: inline-flex;\n\t// align-items: center;\n\t// justify-content: flex-start;\n\t// max-width: 100%;\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:focus,\n\t&:hover {\n\t\t&:not(:disabled) {\n\t\t\t--formElement---borderColor: #{$db-color-cool-gray-400};\n\t\t}\n\t}\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:disabled,\n\tfieldset:disabled & {\n\t\t&,\n\t\t& + .elm-label {\n\t\t\t// Decided against cursor: not-allowed, compare to e.g. https://phabricator.wikimedia.org/T121960\n\t\t\topacity: 0.4;\n\t\t}\n\t}\n\n\t&[type=\"color\"],\n\t&[type=\"date\"],\n\t&[type=\"datetime-local\"],\n\t&[type=\"email\"],\n\t&[type=\"month\"],\n\t&[type=\"number\"],\n\t&[type=\"password\"],\n\t:where(:not(.cmp-sitesearch)) > &[type=\"search\"],\n\t&[type=\"tel\"],\n\t&[type=\"text\"],\n\t&[type=\"time\"],\n\t&[type=\"url\"],\n\t&[type=\"week\"] {\n\t\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t\t// Semitransparent is the default style\n\t\t@at-root :where(#{&}) {\n\t\t\t@extend %form-element-semitransparent;\n\t\t}\n\n\t\t// Floating labels\n\t\t&:not([type=\"date\"]):not([type=\"datetime-local\"]):not(\n\t\t\t\t[type=\"month\"]\n\t\t\t):not([type=\"time\"]):not([type=\"week\"])\n\t\t\t+ .elm-label {\n\t\t\t// position: absolute;\n\t\t\t// left: calc(#{to-em($pxValue: 10)} - 1px);\n\n\t\t\ttransition:\n\t\t\t\topacity,\n\t\t\t\ttransform 250ms;\n\t\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\ttransition-duration: 0.01s !important;\n\t\t\t}\n\t\t}\n\n\t\t& + .elm-label {\n\t\t\t@extend %form-label;\n\n\t\t\tcolor: $db-color-cool-gray-500;\n\t\t\tdisplay: block;\n\t\t\tfont-size: to-rem($pxValue: 12);\n\n\t\t\tmargin-bottom: -#{to-rem($pxValue: 18)};\n\t\t\ttransform: translate($db-spacing-m, -#{to-rem($pxValue: 41)});\n\n\t\t\t& + output,\n\t\t\t& ~ .description {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t&[placeholder] {\n\t\t\t&:placeholder-shown {\n\t\t\t\t& + label {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&::placeholder {\n\t\t\tcolor: $db-color-cool-gray-500;\n\t\t}\n\n\t\t// ### Style variations\n\t\t&[data-variant=\"semitransparent\"] {\n\t\t\t@extend %form-element-semitransparent;\n\t\t}\n\n\t\t&[data-variant=\"white\"] {\n\t\t\t@extend %form-element-white;\n\t\t}\n\n\t\t&[data-variant=\"solid\"] {\n\t\t\t@extend %form-element-solid;\n\t\t}\n\n\t\t&[data-variant=\"outline\"] {\n\t\t\t@extend %form-element-outline;\n\t\t}\n\n\t\t// Validation\n\t\t/* stylelint-disable order/order */\n\t\t@extend %form-element-validation;\n\t\t@extend %form-element-validation-programmatic;\n\t\t/* stylelint-enable order/order */\n\t}\n\n\t&:is(\n\t\t\t[type=\"email\"],\n\t\t\t[type=\"password\"],\n\t\t\t[type=\"search\"],\n\t\t\t[type=\"tel\"],\n\t\t\t[type=\"text\"],\n\t\t\t[type=\"url\"]\n\t\t)\n\t\t+ label\n\t\t+ output {\n\t\t@extend %form-element-counter;\n\t}\n\n\t&[type=\"search\"] {\n\t\tbackground: var(\n\t\t\t\t--db-ic-search-24,\n\t\t\t\turl(#{$icons-path}functional/images/action/db_ic_search_24.svg)\n\t\t\t)\n\t\t\tno-repeat to-rem($pxValue: 6) to-rem($pxValue: 12);\n\t\tbackground-size: to-rem($pxValue: 19);\n\t\tpadding-left: to-rem($pxValue: 32);\n\n\t\t:not(.cmp-sitesearch) > & {\n\t\t\t@extend %form-element-semitransparent;\n\n\t\t\t& + .elm-label {\n\t\t\t\tmargin-left: to-rem($pxValue: 16);\n\t\t\t}\n\t\t}\n\t}\n}\n","@charset \"utf-8\";\n@use \"sass:map\";\n@use \"sass:math\";\n\n@import \"loading-indicator.variables\";\n\n.elm-loadingindicator {\n\tdisplay: block;\n}\n\n@mixin loadingindicator--sizes($prefix) {\n\t@each $size in (xl l m s xs) {\n\t\t$stroke-width: 3px;\n\t\t@if $size == s or $size == xs {\n\t\t\t$stroke-width: 2px;\n\t\t}\n\t\t//.#{$prefix}loadingindicator--size-#{$size} {\n\t\t&%size-#{$size} {\n\t\t\t--loadingindicator--stroke-width: #{math.div(\n\t\t\t\t\t44px,\n\t\t\t\t\tmap.get($db-spinner-sizes, $size)\n\t\t\t\t) *\n\t\t\t\t$stroke-width};\n\t\t\t--loadingindicator--r: 19px;\n\t\t\theight: map.get($db-spinner-sizes, $size);\n\t\t\twidth: map.get($db-spinner-sizes, $size);\n\t\t}\n\t}\n}\n\n.elm-loadingindicator {\n\tanimation: loadingindicator-rotate 3s linear infinite;\n\tcolor: $db-color-red-500;\n\t/* stylelint-disable */\n\t@include loadingindicator--sizes(\"elm-\");\n\t@extend %size-m; // default\n\t/* stylelint-enable */\n\n\t&[data-size=\"xs\"] {\n\t\t@extend %size-xs;\n\t}\n\n\t&[data-size=\"s\"] {\n\t\t@extend %size-s;\n\t}\n\n\t&[data-size=\"m\"] {\n\t\t@extend %size-m;\n\t}\n\n\t&[data-size=\"l\"] {\n\t\t@extend %size-l;\n\t}\n\n\t&[data-size=\"xl\"] {\n\t\t@extend %size-xl;\n\t}\n}\n\n.elm-loadingindicator__circle {\n\tanimation: loadingindicator-stroke 1.5s ease-in-out infinite;\n\tr: var(--loadingindicator--r);\n\tstroke: currentcolor;\n\tstroke-dasharray: 1, 200;\n\tstroke-dashoffset: 0;\n\tstroke-linecap: round;\n\tstroke-width: var(--loadingindicator--stroke-width);\n}\n\n@keyframes loadingindicator-rotate {\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n@keyframes loadingindicator-stroke {\n\t0% {\n\t\tstroke-dasharray: 1, 200;\n\t\tstroke-dashoffset: 0;\n\t}\n\n\t50% {\n\t\tstroke-dasharray: 96, 200;\n\t\tstroke-dashoffset: -32;\n\t}\n\n\t100% {\n\t\tstroke-dasharray: 96, 200;\n\t\tstroke-dashoffset: -124;\n\t}\n}\n","@import \"../../../css/db-ui-core.variables\";\n\n$progress---height: to-rem(\n\t$pxValue: 4\n) !default;\n$progress-value--backgroundColor: var(\n\t--progress-value--backgroundColor\n) !default;\n\n.elm-progress progress {\n\t--progress-value--backgroundColor: #{$db-color-red};\n}\n\n$progress---backgroundColor: #fcfdfd !default;\n\n// Alternative - on dark background\n$progress-onDarkBackground-value-backgroundColor: $db-color-cool-gray-400 !default;\n\n// Circle alternative\n$progress-conic--size: 75 * 0.0625 !default;\n$progress-conic-inner-size: $progress-conic--size - 1.25 !default;\n\n$progress-conic--backgroundColor: #fff !default;\n$progress-conic-inner-backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n// Alternative - on dark background\n$progress-onDarkBackground-conic-inner-backgroundColor: $db-color-cool-gray-700 !default;\n\n$progress-conic--translateX: to-rem(\n\t$pxValue: 10\n) !default;\n$progress-conic--translateY: -#{to-rem(\n\t\t$pxValue: 65\n\t)} !default;\n","@import \"../../../css/helpers/functions\";\n@import \"progress.variables\";\n\n.elm-progress {\n\tprogress {\n\t\tappearance: none;\n\t\tbackground-color: $progress---backgroundColor;\n\t\tborder: none;\n\t\theight: $progress---height;\n\t\tvertical-align: middle;\n\n\t\t// Coloring the progress bar for the regular progress element\n\t\t&::-webkit-progress-bar {\n\t\t\tbackground-color: $progress---backgroundColor;\n\t\t}\n\n\t\t&::-webkit-progress-value {\n\t\t\tbackground-color: $progress-value--backgroundColor; // * TODO: possibly rework variable naming\n\t\t}\n\n\t\t&::-moz-progress-bar {\n\t\t\tbackground-color: $progress-value--backgroundColor; // * TODO: possibly rework variable naming\n\t\t}\n\n\t\t&::-ms-fill {\n\t\t\tbackground-color: $progress-value--backgroundColor; // * TODO: possibly rework variable naming\n\t\t\tborder: none;\n\t\t}\n\n\t\t&:not([style^=\"--progress-conic:\"]) {\n\t\t\t&::-webkit-progress-value {\n\t\t\t\tborder-radius: 12px;\n\t\t\t}\n\n\t\t\t&::-moz-progress-bar {\n\t\t\t\tborder-radius: 12px;\n\t\t\t}\n\n\t\t\t&::-ms-fill {\n\t\t\t\tborder-radius: 12px;\n\t\t\t}\n\t\t}\n\n\t\t// Styling the special indeterminate state\n\t\t&:indeterminate {\n\t\t\tanimation-duration: 2.1s;\n\t\t\tanimation-iteration-count: infinite;\n\t\t\tanimation-name: elmProgressMoveIndeterminate;\n\t\t\tanimation-timing-function: linear;\n\t\t\tanimation-timing-function: cubic-bezier(0.65, 0.815, 0.735, 0.395);\n\t\t\tbackground-color: $progress---backgroundColor;\n\t\t\tbackground-image: linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t$db-color-red 100%,\n\t\t\t\t$progress---backgroundColor 100%\n\t\t\t);\n\t\t\tbackground-position: top left;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-size: 150% 150%;\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\tanimation-duration: 15s;\n\t\t\t}\n\n\t\t\t&::-webkit-progress-bar {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n\t\t\t&::-moz-progress-bar {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\n\t\t// Transforming the element to the conic circle\n\t\t&[style^=\"--progress-conic:\"] {\n\t\t\t@supports (background: conic-gradient(#000, #fff)) {\n\t\t\t\t--fill: calc(var(--progress-conic) * 1%);\n\n\t\t\t\tbackground: conic-gradient(\n\t\t\t\t\t$progress-value--backgroundColor var(--fill),\n\t\t\t\t\t$progress-conic--backgroundColor 0\n\t\t\t\t); // * TODO: possibly rework variable naming\n\n\t\t\t\tborder: 0;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\theight: #{$progress-conic--size}rem; // * TODO: possibly rework variable naming\n\t\t\t\twidth: #{$progress-conic--size}rem; // * TODO: possibly rework variable naming\n\n\t\t\t\t// * hides all pseudo elements on Webkit\n\t\t\t\t&::-webkit-progress-inner-element,\n\t\t\t\t&::-webkit-progress-bar,\n\t\t\t\t&::-webkit-progress-value {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t&::-moz-progress-bar {\n\t\t\t\t\tbackground: none;\n\t\t\t\t}\n\n\t\t\t\t& + output, // legacy; TODO: remove with the next major release\n\t\t\t\t& + label {\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tbackground: $progress-conic-inner-backgroundColor; // * TODO: possibly rework variable naming\n\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\theight: #{$progress-conic-inner-size}rem;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttransform: translate(\n\t\t\t\t\t\t$progress-conic--translateX,\n\t\t\t\t\t\t$progress-conic--translateY\n\t\t\t\t\t);\n\t\t\t\t\twidth: #{$progress-conic-inner-size}rem;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n@keyframes elmProgressMoveIndeterminate {\n\t0% {\n\t\tbackground-position: (-35%) 0;\n\t\tbackground-size: 35% 100%;\n\t}\n\n\t60% {\n\t\tbackground-position: 101% 0;\n\t\tbackground-size: 65% 100%;\n\t}\n\n\t100% {\n\t\tbackground-position: 101% 0;\n\t\tbackground-size: 1% 100%;\n\t}\n}\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"radio.variables\";\n@import \"../form-elements\";\n\n.elm-radio {\n\t--db-form-element-dimensions: var(\n\t\t--db-radio-dimensions,\n\t\t#{to-em($pxValue: 20)}\n\t);\n\n\t@extend %form-element-enhanced-clickable-area;\n\n\tappearance: none;\n\n\tbackground-color: rgba(255, 255, 255, 0.1);\n\tborder: to-rem($pxValue: 1) solid $radio---border;\n\tborder-radius: to-em($pxValue: 16);\n\n\t// * the basic, unchecked style\n\tdisplay: inline-block;\n\n\tfont-size: to-rem($pxValue: 16);\n\theight: var(--db-form-element-dimensions);\n\n\ttransition: border-width 0.5s ease;\n\n\twidth: var(--db-form-element-dimensions);\n\n\t&[type=\"radio\"] {\n\t\tvertical-align: sub;\n\t}\n\n\t&:enabled {\n\t\t&:hover {\n\t\t\t&:not(:checked) {\n\t\t\t\tbackground-color: rgba(40, 45, 55, 0.14);\n\t\t\t}\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground-color: rgba(40, 45, 55, 0.3);\n\t\t}\n\t}\n\n\t&:checked {\n\t\tborder-width: to-em($pxValue: 6);\n\t}\n\t// * the invalid style using the :user-invalid pseudo class (and [aria-invalid=\"true\"] equivalent, see #136 and #141)\n\t&:is(:user-invalid),\n\t&[aria-invalid=\"true\"] {\n\t\tborder-color: #c13e34;\n\t}\n\t// * TODO: never forget focus styling\n\t// &:focus::after {\n\t// content: \"\\0020\\2190\";\n\t// font-size: to-em($pxValue: 24);\n\t// line-height: 1;\n\t// vertical-align: -(to-em($pxValue: 2));\n\t// }\n\n\t& + label {\n\t\t@extend %form-label;\n\n\t\tpadding-inline-start: $db-spacing-xs;\n\t}\n\n\t&:disabled {\n\t\t&,\n\t\t& + label {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t@media (prefers-reduced-motion: reduce) {\n\t\ttransition-duration: 0.01s !important;\n\t}\n}\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"textarea.variables\";\n@import \"../form-elements\";\n\n.elm-textarea {\n\t@extend %form-element;\n\n\tdisplay: block;\n\n\tfont-size: to-rem($pxValue: 16);\n\theight: to-rem($pxValue: 44);\n\tline-height: to-rem($pxValue: 24);\n\tmax-width: 100%;\n\n\tpadding: to-rem($pxValue: 6) to-rem($pxValue: 10);\n\n\tresize: vertical;\n\n\twidth: 100%;\n\n\t// Semitransparent is the default style\n\t@at-root :where(#{&}) {\n\t\t@extend %form-element-semitransparent;\n\t}\n\n\t// * to be evaluated\n\t// display: inline-flex;\n\t// align-items: center;\n\t// justify-content: flex-start;\n\n\t.elm-label:has(+ &) {\n\t\t@extend %form-label;\n\t}\n\n\t&:not([rows]) {\n\t\tmax-height: to-rem($pxValue: 600);\n\t\tmin-height: to-rem($pxValue: 120);\n\t}\n\n\t&[rows] {\n\t\theight: initial;\n\t}\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:focus,\n\t&:hover {\n\t\t&:not(:disabled) {\n\t\t\t--formElement---borderColor: #{$db-color-cool-gray-400};\n\t\t}\n\t}\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:disabled,\n\tfieldset:disabled & {\n\t\t&,\n\t\t& + .elm-label {\n\t\t\t// Decided against cursor: not-allowed, compare to e.g. https://phabricator.wikimedia.org/T121960\n\t\t\topacity: 0.4;\n\t\t}\n\t}\n\n\t& + output {\n\t\t@extend %form-element-counter;\n\t}\n\n\t// ### Style variations\n\t&[data-variant=\"semitransparent\"] {\n\t\t@extend %form-element-semitransparent;\n\t}\n\n\t&[data-variant=\"white\"] {\n\t\t@extend %form-element-white;\n\t}\n\n\t&[data-variant=\"solid\"] {\n\t\t@extend %form-element-solid;\n\t}\n\n\t&[data-variant=\"outline\"] {\n\t\t@extend %form-element-outline;\n\t}\n\n\t// Validation\n\t/* stylelint-disable order/order */\n\t@extend %form-element-validation;\n\t@extend %form-element-validation-programmatic;\n\t/* stylelint-enable order/order */\n}\n","@import \"../../../css/partials.meta\";\n@import \"select.variables\";\n@import \"../form-elements\";\n@import \"../../../css/db-ui-core.variables\";\n\n.elm-select {\n\t@extend %form-element;\n\tappearance: none;\n\tfont-size: to-rem($pxValue: 16);\n\n\t// For IE\n\t&::-ms-expand {\n\t\tdisplay: none;\n\t}\n\n\t// Style the regular (non-multiple) select elements\n\t&:not([multiple]) {\n\t\tbackground-image: var(\n\t\t\t--db-ic-expand-more-20,\n\t\t\turl(#{$icons-path}functional/images/navigation/db_ic_expand_more_20.svg)\n\t\t);\n\t\tbackground-position: right to-rem($pxValue: 11) center;\n\t\tbackground-repeat: no-repeat;\n\t\theight: to-rem($pxValue: 44);\n\t\tpadding: to-rem($pxValue: 20) to-rem($pxValue: 42) 0 $db-spacing-m;\n\n\t\t// Semitransparent is the default style\n\t\t@at-root :where(#{&}) {\n\t\t\t@extend %form-element-semitransparent;\n\t\t}\n\n\t\t// No need to reposition the included value on hidden label\n\t\t&:has(+ label[data-label-hidden=\"true\"]) {\n\t\t\tpadding-top: 0;\n\t\t}\n\n\t\t// Floating labels\n\t\t& + .elm-label {\n\t\t\tpointer-events: none;\n\t\t\tposition: absolute;\n\t\t\ttransition:\n\t\t\t\topacity,\n\t\t\t\ttransform 250ms;\n\t\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\ttransition-duration: 0.01s !important;\n\t\t\t}\n\t\t}\n\n\t\t&:has(option:checked:empty) {\n\t\t\t& + .elm-label {\n\t\t\t\tcolor: $select-floatingLabel--color;\n\t\t\t\tfont-size: to-rem($pxValue: 16);\n\t\t\t\ttransform: translate($db-spacing-m, -#{to-rem($pxValue: 35)});\n\t\t\t}\n\t\t}\n\n\t\t// Validation\n\t\t/* stylelint-disable order/order */\n\t\t@extend %form-element-validation-programmatic;\n\t\t/* stylelint-enable order/order */\n\t\t&,\n\t\t&[data-variant]  {\n\t\t\t&:not([aria-invalid]) {\n\t\t\t\t&:is(:user-valid) {\n\t\t\t\t\t--formElement---borderColor: #{$db-color-green-600};\n\t\t\t\t}\n\n\t\t\t\t&:is(:user-invalid) {\n\t\t\t\t\t--formElement---borderColor: #{$db-color-red-500};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:disabled,\n\tfieldset:disabled & {\n\t\t&,\n\t\t& + .elm-label {\n\t\t\t// Decided against cursor: not-allowed, compare to e.g. https://phabricator.wikimedia.org/T121960\n\t\t\topacity: 0.4;\n\t\t}\n\t}\n\n\t// ### Style variations\n\t&[data-variant=\"semitransparent\"] {\n\t\t@extend %form-element-semitransparent;\n\t}\n\n\t&[data-variant=\"white\"] {\n\t\t@extend %form-element-white;\n\t}\n\n\t&[data-variant=\"solid\"] {\n\t\t@extend %form-element-solid;\n\t}\n\n\t&[data-variant=\"outline\"] {\n\t\t@extend %form-element-outline;\n\t}\n\n\t// Floating labels\n\t& + .elm-label {\n\t\t@extend %form-label;\n\n\t\tdisplay: block;\n\t\tfont-size: to-rem($pxValue: 12);\n\t\tmargin-bottom: -#{to-rem($pxValue: 18)};\n\t\ttransform: translate($db-spacing-m, -#{to-rem($pxValue: 41)});\n\t\ttransition:\n\t\t\topacity,\n\t\t\ttransform 150ms;\n\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\ttransition-duration: 0.01s !important;\n\t\t}\n\t}\n\n\t&[multiple] {\n\t\tmargin-top: to-rem($pxValue: 16);\n\n\t\t& + .elm-label {\n\t\t\ttransform: translate($db-spacing-m, -#{to-rem($pxValue: 100)});\n\t\t}\n\t}\n\n\toptgroup {\n\t\tbackground-color: transparent;\n\t\tfont-style: normal;\n\t}\n\n\toption {\n\t\t&:not(:disabled):hover {\n\t\t\tbackground-color: $db-color-cool-gray-200;\n\t\t}\n\n\t\t&:checked {\n\t\t\tbackground-color: $db-color-cool-gray-200;\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"chip.variables\";\n\n.elm-chip {\n\t& + label {\n\t\t--db-focus-outline-size: max(2px, 0.08em);\n\n\t\talign-items: center;\n\t\tborder: solid 1px $db-color-cool-gray-400;\n\t\tborder-radius: $chip---radius;\n\t\tdisplay: inline-flex;\n\t\tfont-weight: 500;\n\n\t\t// Link related styles\n\t\tfont-size: to-rem($pxValue: 14);\n\t\theight: to-rem($pxValue: 28);\n\t\tjustify-content: center;\n\t\tpadding-left: to-rem($pxValue: 7);\n\t\tpadding-right: to-rem($pxValue: 7);\n\t\ttext-decoration: none;\n\t\ttext-transform: capitalize;\n\t\twhite-space: nowrap;\n\n\t\t// Icons\n\t\t&[data-icon],\n\t\t&[data-icon-before] {\n\t\t\t@include iconMeta(20);\n\t\t}\n\n\t\t&[data-icon-after] {\n\t\t\t@include iconMeta($size: 20, $position: \"after\");\n\t\t}\n\t}\n\n\t&:not(:disabled, :checked) {\n\t\t// States\n\t\t& + label:hover {\n\t\t\tbackground-color: $chip-hover--backgroundColor;\n\t\t}\n\t}\n\n\t&:checked {\n\t\t& + label {\n\t\t\tbackground-color: $chip-selected--backgroundColor;\n\t\t\tborder-color: transparent;\n\t\t\tcolor: $chip-checked--color;\n\n\t\t\t//*** Variants ***\n\t\t\t&[data-variant=\"light\"] {\n\t\t\t\tbackground-color: $db-color-cool-gray-200;\n\t\t\t\tcolor: $db-color-cool-gray-700;\n\t\t\t\tborder: 1px solid $db-color-cool-gray-400;\n\t\t\t}\n\n\t\t\t&[data-variant=\"warning\"] {\n\t\t\t\tbackground-color: $db-color-warning;\n\t\t\t}\n\n\t\t\t&[data-variant=\"error\"] {\n\t\t\t\tbackground-color: $db-color-error;\n\t\t\t}\n\n\t\t\t&[data-variant=\"informative\"] {\n\t\t\t\tbackground-color: $db-color-informative;\n\t\t\t}\n\n\t\t\t&[data-variant=\"success\"] {\n\t\t\t\tbackground-color: $db-color-success;\n\t\t\t}\n\n\t\t\t// POIs\n\t\t\t&[data-variant=\"poi-essen-trinken\"] {\n\t\t\t\tbackground-color: $db-color-food-drink;\n\t\t\t\tcolor: $db-color-cool-gray-700;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-einkaufen\"] {\n\t\t\t\tbackground-color: $db-color-shopping;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-gesundheit\"] {\n\t\t\t\tbackground-color: $db-color-health;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-kunst-kultur\"] {\n\t\t\t\tbackground-color: $db-color-arts-culture;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-wissenswertes\"] {\n\t\t\t\tbackground-color: $db-color-things-to-know;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-freizeit\"] {\n\t\t\t\tbackground-color: $db-color-leisure;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-zivile-rel-einrichtungen\"] {\n\t\t\t\tbackground-color: $db-color-community-facilities;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-dienstleistungen\"] {\n\t\t\t\tbackground-color: $db-color-services;\n\t\t\t\tcolor: $db-color-cool-gray-700;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-db-services-einrichtung\"] {\n\t\t\t\tbackground-color: $db-color-db-services-facilities;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-wegeleitung\"] {\n\t\t\t\tbackground-color: $db-color-guidance;\n\t\t\t}\n\t\t}\n\t}\n\n\t&:disabled {\n\t\t& + label {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t&:focus-visible {\n\t\t& + label {\n\t\t\toutline: var(--db-focus-outline-size)\n\t\t\t\tvar(--db-focus-outline-style, solid)\n\t\t\t\tvar(--db-focus-outline-color, currentColor);\n\t\t\toutline-offset: var(\n\t\t\t\t--db-focus-outline-offset,\n\t\t\t\tvar(--db-focus-outline-size)\n\t\t\t);\n\t\t}\n\t}\n\n\t&[type=\"checkbox\"],\n\t&[type=\"radio\"] {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$chip---radius: to-rem(\n\t$pxValue: 4\n) !default;\n\n$chip-hover--backgroundColor: rgba($db-color-cool-gray-700, 0.03) !default;\n$chip-selected--backgroundColor: $db-color-cool-gray-700 !default;\n$chip-checked--color: $db-color-white !default;\n// $chip---color: $db-color-white !default;\n","@import \"tag.variables\";\n\n.elm-tag {\n\talign-items: center;\n\tbackground-color: $tag---backgroundColor;\n\tborder-radius: $tag---radius;\n\tcolor: $tag---color;\n\tdisplay: inline-flex;\n\tfont-weight: 500;\n\n\t// Link related styles\n\tfont-size: to-rem($pxValue: 12);\n\theight: to-rem($pxValue: 24);\n\tjustify-content: center;\n\tpadding-left: to-rem($pxValue: 4);\n\tpadding-right: to-rem($pxValue: 4);\n\ttext-transform: capitalize;\n\twhite-space: nowrap;\n\n\t// Sizes\n\t&%size-Small {\n\t\theight: to-rem($pxValue: 20);\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %size-Small;\n\t}\n\n\t//*** Variants ***\n\t&[data-variant=\"light\"] {\n\t\tbackground-color: $db-color-cool-gray-200;\n\t\tcolor: $db-color-cool-gray-700;\n\t\tborder: 1px solid $db-color-cool-gray-400;\n\t}\n\n\t&[data-variant=\"warning\"] {\n\t\tbackground-color: $db-color-warning-small-font;\n\t}\n\n\t&[data-variant=\"error\"] {\n\t\tbackground-color: $db-color-error-small-font;\n\t}\n\n\t&[data-variant=\"informative\"] {\n\t\tbackground-color: $db-color-informative-small-font;\n\t}\n\n\t&[data-variant=\"success\"] {\n\t\tbackground-color: $db-color-success-small-font;\n\t}\n\n\t// The \"Gleis\" additioally gets a bold font weight\n\t&[data-variant=\"track\"] {\n\t\tbackground-color: $db-color-blue-700;\n\t\tfont-weight: 700;\n\t}\n\n\t// POIs\n\t&[data-variant=\"poi-essen-trinken\"] {\n\t\tbackground-color: $db-color-food-drink;\n\t\tcolor: $db-color-cool-gray-700;\n\t}\n\n\t&[data-variant=\"poi-einkaufen\"] {\n\t\tbackground-color: $db-color-shopping;\n\t}\n\n\t&[data-variant=\"poi-gesundheit\"] {\n\t\tbackground-color: $db-color-health;\n\t}\n\n\t&[data-variant=\"poi-kunst-kultur\"] {\n\t\tbackground-color: $db-color-arts-culture;\n\t}\n\n\t&[data-variant=\"poi-wissenswertes\"] {\n\t\tbackground-color: $db-color-things-to-know;\n\t}\n\n\t&[data-variant=\"poi-freizeit\"] {\n\t\tbackground-color: $db-color-leisure;\n\t}\n\n\t&[data-variant=\"poi-zivile-rel-einrichtungen\"] {\n\t\tbackground-color: $db-color-community-facilities;\n\t}\n\n\t&[data-variant=\"poi-dienstleistungen\"] {\n\t\tbackground-color: $db-color-services;\n\t\tcolor: $db-color-cool-gray-700;\n\t}\n\n\t&[data-variant=\"poi-db-services-einrichtung\"] {\n\t\tbackground-color: $db-color-db-services-facilities;\n\t}\n\n\t&[data-variant=\"poi-wegeleitung\"] {\n\t\tbackground-color: $db-color-guidance;\n\t}\n\n\t// Icons\n\t&[data-icon],\n\t&[data-icon-before] {\n\t\t@include iconMeta(20);\n\n\t\t&::before {\n\t\t\t--icon-margin-after: #{to-rem($pxValue: 2)};\n\t\t}\n\t}\n\n\t&[data-icon-after] {\n\t\t@include iconMeta($size: 20, $position: \"after\");\n\n\t\t&::after {\n\t\t\t--icon-margin-before: #{to-rem($pxValue: 2)};\n\t\t}\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$tag---radius: to-rem(\n\t$pxValue: 4\n) !default;\n\n$tag---backgroundColor: $db-color-cool-gray-700 !default;\n$tag---color: $db-color-white !default;\n","@charset \"utf-8\";\n\n@import \"toggle.variables\";\n\n// adapted by https://danklammer.com/articles/simple-css-toggle-switch/\n\n.elm-toggle {\n\tappearance: none;\n\n\tbackground-color: $db-color-cool-gray-500;\n\tborder: none;\n\n\tborder-radius: to-rem($pxValue: 12);\n\n\tdisplay: inline-block;\n\theight: to-rem($pxValue: 24);\n\t// margin-right: $db-spacing-xs;\n\n\tposition: relative;\n\n\ttransition: background-color 0.3s ease;\n\n\twidth: to-rem($pxValue: 48);\n\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t@media (prefers-reduced-motion: reduce) {\n\t\ttransition-duration: 0.01s !important;\n\t}\n\n\t// Label positioning\n\t& + .elm-label {\n\t\tvertical-align: top;\n\t}\n\n\t&::before {\n\t\tbackground-color: $db-color-white;\n\n\t\tborder-radius: to-rem($pxValue: 10);\n\n\t\tbox-shadow:\n\t\t\t0 5px 30px 0 rgba(0, 0, 0, 0.05),\n\t\t\t0 1px 5px 0 rgba(0, 0, 0, 0.15);\n\t\tcontent: \"\"; // we could even also add toggled textual content for the switch in the future\n\n\t\tdisplay: block;\n\t\theight: to-rem($pxValue: 20);\n\t\tleft: #{to-rem($pxValue: 2)};\n\n\t\tposition: absolute;\n\t\ttop: #{to-rem($pxValue: 2)};\n\n\t\ttransition:\n\t\t\tborder-color,\n\t\t\tleft 0.3s cubic-bezier(0.3, 1.5, 0.7, 1);\n\n\t\twidth: to-rem($pxValue: 20);\n\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\ttransition-duration: 0.01s !important;\n\t\t}\n\t}\n\n\t&:hover {\n\t\t&::before {\n\t\t\tbackground-color: #f7f7f7; // TODO: Identify the correct color variable\n\t\t}\n\t}\n\n\t&:active {\n\t\t&::before {\n\t\t\ttransition: width 0.3s cubic-bezier(0.3, 1.5, 0.7, 1);\n\t\t\twidth: to-rem($pxValue: 24);\n\t\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\ttransition-duration: 0.01s !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t&:checked {\n\t\tbackground-color: $toggle--checked-backgroundColor;\n\n\t\t&::before {\n\t\t\tleft: unset;\n\t\t\tright: to-rem($pxValue: 2);\n\t\t}\n\t}\n\n\t&:disabled {\n\t\t&,\n\t\t& + label {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n}\n",".elm-youtube {\n\theight: to-rem($pxValue: 315);\n\twidth: to-rem($pxValue: 560);\n}\n","@import \"../../../css/partials.meta\";\n@import \"breadcrumb.variables\";\n\n.cmp-breadcrumb {\n\tcolor: $db-color-cool-gray-500;\n\tfont-size: to-rem($pxValue: 12);\n\n\ta {\n\t\tcolor: inherit;\n\t}\n\n\tol {\n\t\tdisplay: flex;\n\n\t\t& > li {\n\t\t\talign-items: center;\n\t\t\tdisplay: inline-flex;\n\t\t\tmargin-right: to-rem($pxValue: 3);\n\n\t\t\t[aria-current=\"location\"],\n\t\t\t[aria-current=\"page\"] {\n\t\t\t\tcolor: $db-color-cool-gray-700;\n\t\t\t}\n\n\t\t\t.elm-link {\n\t\t\t\tborder-radius: to-rem($pxValue: 4);\n\n\t\t\t\tpadding: to-rem($pxValue: 1) to-rem($pxValue: 3)\n\t\t\t\t\tto-rem($pxValue: 1) to-rem($pxValue: 4);\n\t\t\t\ttext-decoration: none;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: $breadcrumb-link-hover-backgroundColor;\n\t\t\t\t}\n\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: $breadcrumb-link-active-backgroundColor;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\t@include icon(glyph(home), $size: 20, $partial: $partial);\n\n\t\t\t\t&::before {\n\t\t\t\t\t--icon-margin-after: #{to-rem($pxValue: 3)};\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(:first-child) {\n\t\t\t\t@include icon(\n\t\t\t\t\tglyph($breadcrumb-divider--icon),\n\t\t\t\t\t$size: 20,\n\t\t\t\t\t$partial: $partial\n\t\t\t\t);\n\n\t\t\t\t&::before {\n\t\t\t\t\t--icon-font-size: #{to-rem($pxValue: 14)};\n\t\t\t\t\t--icon-margin-after: 0;\n\t\t\t\t\tcolor: $db-color-cool-gray-400;\n\t\t\t\t\tmargin-left: -#{to-rem($pxValue: 2)};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../00-base/icons/icons.helpers\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/colors/colors.variables\";\n\n$breadcrumb-divider--icon: \"chevron-right\" !default;\n$breadcrumb-link-hover-backgroundColor: rgba(\n\t$db-color-cool-gray-700,\n\t0.03\n) !default;\n$breadcrumb-link-active-backgroundColor: rgba(\n\t$db-color-cool-gray-700,\n\t0.06\n) !default;\n","@import \"../../../css/helpers/functions\";\n\n.cmp-cards {\n\tlist-style: none;\n\n\tmargin: 0;\n\tpadding: 0;\n\n\t@supports (display: grid) {\n\t\tdisplay: grid;\n\t\tgrid-gap: to-rem($pxValue: 24);\n\t\tgrid-template-columns: repeat(\n\t\t\tauto-fill,\n\t\t\tminmax(to-rem($pxValue: 340), 1fr)\n\t\t);\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"cards.variables\";\n\n.cmp-card {\n\tbackground-color: #fff;\n\n\tborder-radius: 8px;\n\tbox-shadow: $box-shadow-01, $box-shadow-02;\n\n\t& > a {\n\t\ttext-decoration: none;\n\t}\n\n\tfigure {\n\t\tmargin: $db-spacing-m $db-spacing-m $db-spacing-m $db-spacing-s;\n\t}\n\n\t// Banner variant\n\t&[data-variant=\"banner\"] {\n\t\tfigure {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\tfigcaption {\n\t\t\tmargin-left: 1rem;\n\n\t\t\th1,\n\t\t\th2,\n\t\t\th3,\n\t\t\th4,\n\t\t\th5,\n\t\t\th6 {\n\t\t\t\tfont-size: to-rem($pxValue: 18);\n\n\t\t\t\t&,\n\t\t\t\t& ~ p {\n\t\t\t\t\tmargin: 0.125rem 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\tfont-size: to-rem($pxValue: 14);\n\n\t\t\t\tmax-width: to-rem(\n\t\t\t\t\t$pxValue: 290\n\t\t\t\t); // TODO: This would need some rework\n\t\t\t}\n\t\t}\n\t}\n\n\t// Tile variant\n\t&[data-variant=\"tile\"] {\n\t\ttext-align: center;\n\t}\n\n\tfigcaption {\n\t\tmax-width: 60ch;\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"accordion.variables\";\n\n.cmp-accordion {\n\t--db-accordion---paddingLeft: #{$accordion---paddingLeft};\n\tborder-bottom: 1px solid $db-color-cool-gray-200;\n\tpadding-left: var(--db-accordion---paddingLeft);\n\tpadding-right: $accordion---paddingRight;\n\n\tsummary {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\n\t\tpadding-block: $db-spacing-sm;\n\t\t// Negating the padding left for moving the element into that direction with the same measures\n\t\ttransform: translateX(calc(var(--db-accordion---paddingLeft) * -1));\n\t\twidth: calc(\n\t\t\t100% + var(--db-accordion---paddingLeft) + #{$accordion---paddingRight}\n\t\t);\n\n\t\t& {\n\t\t\t@include icon(\n\t\t\t\tglyph(expand-more),\n\t\t\t\t24,\n\t\t\t\t\"outline\",\n\t\t\t\t\"after\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\n\t\t// Replace existing marker with an icon from the library\n\t\t&::-webkit-details-marker {\n\t\t\tdisplay: none;\n\t\t}\n\t\t// … and using some other declaration for Mozilla Firefox\n\t\t&:first-of-type {\n\t\t\tlist-style-type: none;\n\t\t}\n\n\t\t// Icon horizontal space\n\t\t&::after {\n\t\t\t--icon-margin-before: #{to-rem($pxValue: 8)};\n\t\t\tmargin-right: #{to-rem($pxValue: 14)};\n\t\t}\n\n\t\t& + p {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t// TODO: This might get simplified in the future with @nest\n\t&[open] > summary {\n\t\t&::after {\n\t\t\tcontent: glyph(expand-less);\n\t\t}\n\t}\n\n\t// Emphasis\n\t&%emphasis-High {\n\t\t// Calculate especially depending on the icons sizes difference\n\t\t--db-accordion---paddingLeft: #{$accordion---paddingLeft + 0.5rem};\n\n\t\tsummary {\n\t\t\tfont-weight: 700;\n\t\t\theight: to-rem($pxValue: 56);\n\n\t\t\t&::after {\n\t\t\t\t--icon-font-size: #{to-rem($pxValue: 32)};\n\t\t\t}\n\t\t}\n\t}\n\n\t&[data-emphasis=\"high\"] {\n\t\t@extend %emphasis-High;\n\t}\n\n\t// Sizes\n\t&%size-Small {\n\t\t// Calculate dependending on the icons sizes and margins difference\n\t\t--db-accordion---paddingLeft: #{$accordion---paddingLeft - 0.75rem};\n\n\t\tsummary {\n\t\t\tfont-size: to-rem($pxValue: 14);\n\t\t\t// ToDo: This needs to get replaced by the correct variable\n\t\t\tpadding-block: 0.59375rem;\n\n\t\t\t&::after {\n\t\t\t\t--icon-font-size: #{to-rem($pxValue: 20)};\n\t\t\t\t--icon-margin-after: #{to-rem($pxValue: 6)};\n\t\t\t\tmargin-left: #{to-rem($pxValue: 6)};\n\t\t\t}\n\t\t}\n\t}\n\n\t&%size-Large {\n\t\t// Calculate especially depending on the icons sizes difference\n\t\t--db-accordion---paddingLeft: #{$accordion---paddingLeft + 0.5rem};\n\n\t\tsummary {\n\t\t\tfont-size: to-rem($pxValue: 20);\n\t\t\tpadding-block: $db-spacing-m;\n\n\t\t\t&::after {\n\t\t\t\t--icon-font-size: #{to-rem($pxValue: 32)};\n\t\t\t}\n\t\t}\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %size-Small;\n\t}\n\n\t&[data-size=\"large\"] {\n\t\t@extend %size-Large;\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$accordion---paddingLeft: $db-spacing-m !default;\n$accordion---paddingRight: to-rem(\n\t$pxValue: 16\n) !default;\n","%header-divider {\n\tposition: absolute;\n\tcontent: \"\";\n\twidth: 1px;\n\theight: 1.5rem;\n\tbackground-color: rgba(40, 45, 55, 0.2);\n\tinset-block-start: 50%;\n\ttransform: translateY(-50%);\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$header-big-link-paddingTop: 32 * 0.0625 !default;\n$header---backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n\n// * reduced height\n// $header-big-link-paddingTop: 19*0.0625 !default;\n$rea-header-elm-link-padding-bottom-big: to-rem(\n\t$pxValue: 19\n) !default;\n\n// * reduced height\n// $rea-header-elm-link-padding-bottom-big: to-rem($pxValue: 11) !default;\n\n$mainnavigation---position: relative !default;\n// $mainnavigation---position: absolute !default; // underneath\n$mainnavigation---position-top: 0 !default;\n// $mainnavigation---position-top: to-rem($pxValue: 79) !default; // underneath\n$mainnavigation-link--borderPosition: \"bottom\" !default;\n// $mainnavigation-link--borderPosition: \"top\" !default; // underneath\n$mainnavigation-link--paddingTop: #{$header-big-link-paddingTop}rem !default;\n// $mainnavigation-link--paddingTop: to-rem($pxValue: 11) !default; // underneath\n$mainnavigation-link--paddingBottom: $rea-header-elm-link-padding-bottom-big !default;\n// $mainnavigation-link--paddingBottom: to-rem($pxValue: 11) !default; // underneath\n","@import \"../../../css/partials.meta\";\n// TODO: Replace magic numbers e.g. with flexbox implementations and extract variables as well for multi-brand\n@import \"mainnavigation.variables\";\n@import \"../../../css/helpers/dividers\";\n\n.cmp-mainnavigation {\n\ttop: $mainnavigation---position-top;\n\tpadding-inline-start: 1.5rem;\n\tposition: $mainnavigation---position;\n\n\t&::before {\n\t\t@extend %header-divider;\n\t\tinset-inline-start: 0;\n\t}\n\n\t.rea-header & {\n\t\torder: 1;\n\t}\n\n\t// Header Components positioning, :has non-supporting browsers fallback\n\t@supports not selector(:has(db)) {\n\t\tmargin: auto;\n\t}\n\n\t// The links shouldn't get an underline as text-decoration\n\t.elm-link {\n\t\t// We need to reset the general border-radius here\n\t\tborder-radius: initial;\n\t\tcolor: inherit;\n\t\tdisplay: inline-block;\n\t\ttext-decoration: none;\n\t}\n\n\t// Navigation toggle elements\n\t& > input[type=\"checkbox\"][id] {\n\t\tappearance: none;\n\t\tposition: absolute;\n\t\tblock-size: 1.5rem;\n\t\taspect-ratio: 1 / 1;\n\n\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t// Hiding the navigation toggle elements on huger viewports\n\t\t\t&,\n\t\t\t& + label[for] {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t& > label[for] {\n\t\tbackground-color: $header---backgroundColor; // TODO: This would need to get replaced by the correct (semantic) color\n\n\t\tborder-bottom: 1px solid $db-color-warm-gray-100;\n\n\t\tdisplay: block;\n\t\tpadding: to-rem($pxValue: 8) to-rem($pxValue: 22) to-rem($pxValue: 10);\n\n\t\t& {\n\t\t\t@include icon(glyph(menu), 24, \"outline\", $partial: $partial);\n\t\t\t@include icon(\n\t\t\t\tglyph(close),\n\t\t\t\t24,\n\t\t\t\t\"outline\",\n\t\t\t\t\"after\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\n\t\t&::before {\n\t\t\tmargin-right: to-rem($pxValue: 16);\n\t\t}\n\n\t\t&::after {\n\t\t\tmargin-right: to-rem($pxValue: 16);\n\t\t}\n\t}\n\n\t// Displaying the main navigation as an top to bottom overlay on smaller viewports\n\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\tz-index: $z-index-cmp-mainnavigation-dropdown; // * TODO: possibly rework variable naming\n\n\t\t& > input[type=\"checkbox\"][id] {\n\t\t\t& + label[for] {\n\t\t\t\t@include is-icon-text-replace();\n\t\t\t\tpadding: 0;\n\n\t\t\t\t&::before,\n\t\t\t\t&::after {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(:checked) {\n\t\t\t\t// Hiding the cross on collapsed navigation\n\t\t\t\t& + label[for] {\n\t\t\t\t\t&::after {\n\t\t\t\t\t\tcontent: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// Hiding the navigation\n\t\t\t\t& ~ ul {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:checked {\n\t\t\t\tinset-inline-end: 1.5rem;\n\t\t\t\tinset-block-start: 1rem;\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\n\t\t\t\t& + label[for] {\n\t\t\t\t\tbackground-color: #fff;\n\t\t\t\t\tblock-size: 3.5rem;\n\n\t\t\t\t\t&::after {\n\t\t\t\t\t\tpadding: 0.5rem;\n\t\t\t\t\t\tinset-inline-end: 1rem;\n\t\t\t\t\t\tinset-block-start: 0.5rem;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\t\t\t\t\t}\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tcontent: \"\";\n\t\t\t\t\t\tposition: fixed;\n\t\t\t\t\t\tinset: 0;\n\t\t\t\t\t\tz-index: $z-index-cmp-mainnavigation-dropdown;\n\t\t\t\t\t\tbackground-color: $db-color-cool-gray-700;\n\t\t\t\t\t\topacity: 0.8;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:has(> input[type=\"checkbox\"][id]:not(:checked)) {\n\t\t\t// Only for burger menu\n\t\t\tposition: absolute;\n\t\t\tinset-inline-end: 1.5rem;\n\t\t\tinset-block-start: 50%;\n\t\t\ttransform: translateY(-50%);\n\t\t\tpadding-inline-start: 1rem;\n\t\t}\n\n\t\t&:has(> input[type=\"checkbox\"][id]:checked) {\n\t\t\tposition: fixed;\n\t\t\tinset: 0;\n\t\t\tpadding: 0;\n\t\t\tmargin-inline-start: 1.5rem;\n\n\t\t\t&::after {\n\t\t\t\tcontent: \"\";\n\t\t\t\twidth: 100%;\n\t\t\t\tblock-size: 3.5rem;\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tinset: 0;\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: $z-index-cmp-mainnavigation-dropdown;\n\t\t\t\tborder-bottom: 1px solid rgba(40, 45, 55, 0.2);\n\t\t\t\tborder-top-left-radius: 4px;\n\t\t\t}\n\t\t}\n\t}\n\n\tul {\n\t\tbackground-color: $header---backgroundColor;\n\t}\n\n\t// Multiple level navigation\n\tul ul {\n\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\tbox-shadow: $box-shadow-01, $box-shadow-02;\n\t\t\tposition: absolute;\n\t\t\tvisibility: hidden;\n\n\t\t\tz-index: $z-index-rea-header-cmp-mainnavigation-submenu;\n\t\t}\n\n\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t// First Level\n\t& > ul {\n\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\tbackground-color: #fff;\n\t\t\tposition: absolute;\n\t\t\tinset-inline: 0;\n\t\t\tinset-block-end: 0;\n\t\t\tinset-block-start: 3.5rem;\n\t\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\t\t\tpadding: 0.75rem;\n\t\t\tmargin-block-end: 3.5rem;\n\t\t\toverflow: auto;\n\t\t}\n\n\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\tdisplay: flex;\n\t\t\tgap: 0.75rem;\n\t\t}\n\n\t\t& > li,\n\t\t& > * > li {\n\t\t\t& > .elm-link,\n\t\t\t& > * > .elm-link {\n\t\t\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t\t\theight: 2.5rem;\n\t\t\t\t\tpadding: 0.5rem 0.75rem;\n\t\t\t\t\tborder-radius: 4px;\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tborder-#{$mainnavigation-link--borderPosition}-color: $db-color-cool-gray-200;\n\t\t\t\t\t}\n\n\t\t\t\t\t&[aria-current=\"page\"] {\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\theight: 4px;\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\tcontent: \"\";\n\t\t\t\t\t\t\tbackground-color: $db-color-red-500;\n\t\t\t\t\t\t\tborder-radius: 2px;\n\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\tinset-block-start: calc(100% + 0.25rem);\n\t\t\t\t\t\t\tinset-inline: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// From second level\n\t\t\tul {\n\t\t\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t\t\tinset-inline-start: 0;\n\t\t\t\t\tmin-width: 100%;\n\t\t\t\t\tinset-block-start: calc(100% + 0.5rem);\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tcontent: \"\";\n\t\t\t\t\t\theight: 0.5rem;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tinset-block-end: 100%;\n\t\t\t\t\t}\n\n\t\t\t\t\t// From third level\n\t\t\t\t\tul {\n\t\t\t\t\t\tinset-inline-start: 100%;\n\t\t\t\t\t\ttop: auto;\n\t\t\t\t\t\tinset-block-start: 0.25rem;\n\t\t\t\t\t}\n\n\t\t\t\t\t.elm-link {\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tdisplay: flex;\n\n\t\t\t\t\t\tmin-height: to-rem($pxValue: 53);\n\t\t\t\t\t\tpadding-left: to-rem($pxValue: 18);\n\t\t\t\t\t\tpadding-right: to-rem($pxValue: 18);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t& > li,\n\t\t\t\t& > * > li {\n\t\t\t\t\t& > .elm-link,\n\t\t\t\t\t& > * > .elm-link {\n\t\t\t\t\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\t\t\t\t\tpadding-left: to-rem($pxValue: 34);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Third level\n\t\t\t\t\tul {\n\t\t\t\t\t\t& > li,\n\t\t\t\t\t\t& > * > li {\n\t\t\t\t\t\t\t& > .elm-link,\n\t\t\t\t\t\t\t& > * > .elm-link {\n\t\t\t\t\t\t\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\t\t\t\t\t\t\tpadding-left: to-rem($pxValue: 60);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tli {\n\t\tdisplay: block;\n\n\t\t// lower levels\n\t\tposition: relative;\n\t\t// Icon for menu\n\t\t// TODO: this could probably get simplified with a media query polyfill and moved back to the previous section\n\t\t&[aria-haspopup=\"true\"] {\n\t\t\t@include icon(\n\t\t\t\tglyph(chevron-right),\n\t\t\t\t24,\n\t\t\t\t\"outline\",\n\t\t\t\t\"after\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\n\t\t\t&::after {\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 1rem;\n\t\t\t\ttop: to-rem($pxValue: 9);\n\t\t\t}\n\t\t}\n\n\t\t&:is(:hover, :focus-within) {\n\t\t\t& > ul,\n\t\t\t& > * > ul {\n\t\t\t\tvisibility: visible;\n\t\t\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\t\t\tdisplay: initial;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\t&:hover {\n\t\t\t\t& > a {\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t}\n\n\t\t\t\t&[aria-haspopup=\"true\"] {\n\t\t\t\t\t--icon-glyph-after: \"⌄\";\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.elm-link {\n\t\t\t\tcolor: inherit;\n\t\t\t\tpadding-block: 0.5rem;\n\t\t\t\tpadding-inline-start: 0.75rem;\n\t\t\t\twidth: calc(100% - 4rem);\n\t\t\t}\n\n\t\t\t&[aria-haspopup=\"true\"] {\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t}\n\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t// Do not show Icon for menu on bigger screens\n\t\t\t&[aria-haspopup=\"true\"] {\n\t\t\t\t&::after {\n\t\t\t\t\tcontent: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.elm-link {\n\t\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0);\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.08);\n\t\t\t\t\tcolor: initial;\n\t\t\t\t}\n\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.16);\n\t\t\t\t}\n\n\t\t\t\t&[aria-current=\"page\"] {\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","/* *****\n\tThis file summarizes the general variables relevant for using DB UI Core with SCSS.\n***** */\n\n// Define the path for both image and font folders\n$icons-path: \"../../icons/\" !default;\n$images-path: \"../../images/\" !default;\n$fonts-path: \"../../fonts/\" !default;\n\n@import \"@db-ui/base/build/scss/variables\";\n\n// General configurations\n$dbBaseFontSize: 16px;\n$dbBaseFontSizeSass: 0.0625 !default;\n\n$db-logo-default-width: 58px !default;\n$db-logo-default-height: 40px !default;\n\n$metanavigation-iconOnly--maxWidth: to-rem(656);\n\n// General box-shadow\n// * offset-x | offset-y | blur-radius | (spread-radius) | color\n$box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n$box-shadow-01: 0 0 5px rgba(0, 0, 0, 0.08);\n$box-shadow-02: 0 5px 30px rgba(0, 0, 0, 0.05);\n$box-shadow-01-bottom: 0 2px 5px rgba(0, 0, 0, 0.08);\n$box-shadow-02-bottom: 0 15px 30px rgba(0, 0, 0, 0.05);\n\n// *** z-index ***\n$z-index-rea-header-cmp-mainnavigation-submenu: 70 !default;\n$z-index-rea-header-cmp-language-switcher-li: 40 !default;\n$z-index-cmp-mainnavigation-dropdown: 30 !default;\n$z-index-cmp-overflow-menu-menu: 60 !default;\n$z-index-cmp-overflow-menu-overlay: 50 !default;\n$z-index-rea-header-cmp-sitesearch-focus: 10 !default;\n$z-index-reas-fixed-header-footer: 10 !default;\n\n// Defined the max-width for a narrower screen to break the header, that e.g. let's the navigation break into a hamburger menu. Also defined the z-index for the header and footer.\n$db-break-the-header-max-width: 1023px !default;\n","@import \"metanavigation.variables\";\n\n.cmp-metanavigation {\n\tdisplay: flex;\n\tlist-style: none;\n\tmargin-bottom: 0;\n\tmargin-top: 0;\n\tpadding-left: 0;\n\tgap: 0.5rem;\n\n\tli {\n\t\tpadding-left: to-rem($pxValue: 8);\n\t\tpadding-right: to-rem($pxValue: 8);\n\n\t\t.rea-footer & {\n\t\t\tpadding-left: to-rem($pxValue: 6);\n\t\t\tpadding-right: to-rem($pxValue: 6);\n\t\t}\n\n\t\t.elm-link {\n\t\t\ttext-decoration: none;\n\n\t\t\t.rea-header & {\n\t\t\t\t@include is-icon-text-replace();\n\t\t\t}\n\t\t}\n\t}\n\n\t.rea-footer & {\n\t\tflex-wrap: wrap;\n\t\tjustify-content: center;\n\n\t\t@media screen and (max-width: 767px) {\n\t\t\tmargin-bottom: 1rem;\n\t\t}\n\t\t@media screen and (min-width: 768px) {\n\t\t\tfloat: right;\n\t\t}\n\t}\n}\n","@import \"brand.variables\";\n\n.cmp-brand {\n\tfont-weight: bold;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 1rem;\n\n\ta,\n\timg {\n\t\theight: 1.5rem;\n\t}\n\n\timg {\n\t\twidth: auto;\n\t}\n\n\ta {\n\t\tcolor: inherit;\n\t\t// Deactivate underline on site name being made clickable by added to the link as well\n\t\ttext-decoration: none;\n\t}\n}\n","$form-elements-color: $db-color-cool-gray-700 !default;\n$form-elements-border-radius: 4px !default;\n\n$form-elements---borderTop: 1px solid var(--formElement---borderTopColor) !default;\n$form-elements---borderRight: 1px solid var(--formElement---borderRightColor) !default;\n$form-elements---borderBottom: 1px solid var(--formElement---borderBottomColor) !default;\n$form-elements---borderLeft: 1px solid var(--formElement---borderLeftColor) !default;\n\n// ### Style variations ###\n// Semitransparent\n$form-elements-semitransparent-background-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.05\n) !default;\n$form-elements-semitransparent-border-bottom-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.5\n) !default;\n\n// White\n$form-elements-white-background-color: $db-color-white !default;\n$form-elements-white-border-bottom-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.5\n) !default;\n\n// Solid\n$form-elements-solid-background-color: $db-color-cool-gray-100 !default;\n$form-elements-solid-border-bottom-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.5\n) !default;\n\n// Outline\n$form-elements-outline-border-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.25\n) !default;\n","@import \"../../../css/partials.meta\";\n@import \"sitesearch.variables\";\n@import \"../../01-elements/form-elements\";\n\n.cmp-sitesearch {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-inline-end: 0.75rem;\n\n\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\tmargin-inline-start: auto;\n\t\tmargin-inline-end: 2.25rem;\n\n\t\t&::before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.elm-input[type=\"search\"] {\n\t\t@extend %form-element-solid;\n\t\tbackground-image: none;\n\t\topacity: 0;\n\t\twidth: 0;\n\t\tpadding: 0;\n\n\t\t&:focus,\n\t\t&:not(:placeholder-shown) {\n\t\t\topacity: 1;\n\t\t\twidth: calc(#{$sitesearch-width--open} + 1rem);\n\t\t\tpadding-inline-start: 1rem;\n\t\t\tpadding-inline-end: 3rem;\n\t\t\tpadding-top: 0;\n\n\t\t\t& + .elm-label {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t& ~ .elm-button {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\t}\n\n\t.elm-label {\n\t\tpadding: 0.5rem;\n\t\tborder-radius: 4px;\n\n\t\tdisplay: inline-block;\n\n\t\t& {\n\t\t\t@include icon(glyph(search), 24, \"outline\", $partial: $partial);\n\t\t}\n\n\t\t&::before {\n\t\t\tvertical-align: top;\n\t\t}\n\n\t\t.rea-meta & {\n\t\t\t@include is-icon-text-replace();\n\t\t}\n\t}\n\n\t.elm-button {\n\t\t@include is-icon-text-replace();\n\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tpadding: 0.5rem;\n\t\tinset-inline-end: 0.75rem;\n\t\tborder: 0;\n\n\t\t& {\n\t\t\t@include icon(glyph(search), 24, \"outline\", $partial: $partial);\n\t\t}\n\t}\n\n\t.elm-label,\n\t.elm-button {\n\t\tbackground-color: rgba($db-color-cool-gray-700, 0);\n\n\t\t&:hover {\n\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.08);\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.16);\n\t\t}\n\t}\n\n\t@media screen and (max-width: #{$sitesearch-form-full-maxWidth}) {\n\t\t&:focus-within,\n\t\t&:has(.elm-input[type=\"search\"]:not(:placeholder-shown)) {\n\t\t\tleft: to-rem($pxValue: 16);\n\t\t\tposition: absolute;\n\t\t\tz-index: $z-index-rea-header-cmp-sitesearch-focus;\n\n\t\t\t.elm-input[type=\"search\"] {\n\t\t\t\twidth: calc(100vw - 5.5rem);\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"notification.variables\";\n\n.cmp-notification {\n\t// Default style\n\tbackground-color: $notification---backgroundColor;\n\n\tbox-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); // Todo: This should most likely get generally setup\n\n\tmargin-bottom: #{to-rem($pxValue: 16)};\n\tpadding: #{to-rem($pxValue: 16)}; // TODO: replace by spacing-m variable\n\tsection[data-variant=\"hovering\"] & {\n\t\tbackground-color: #fff;\n\t}\n\n\t// Alert variant\n\tsection[data-variant=\"alert\"] & {\n\t\tcolor: $notification-alert--color;\n\t}\n\n\tsection[data-variant=\"hovering\"] & {\n\t\tborder: 2px solid transparent;\n\t\tborder-radius: #{to-rem($pxValue: 8)};\n\t\tpadding: #{to-rem($pxValue: 14)} #{to-rem($pxValue: 16)}; // TODO: replace by spacing-m variable\n\t}\n\n\t// Hide the textual labels regarding each state\n\t& > em {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\t}\n\n\t&[data-type=\"success\"] {\n\t\tbackground-color: $notification-success--backgroundColor;\n\n\t\tsection[data-variant=\"hovering\"] & {\n\t\t\tborder-color: $notification-success--backgroundColor;\n\t\t}\n\t}\n\n\t&[data-type=\"warning\"] {\n\t\tbackground-color: $notification-warning--backgroundColor;\n\n\t\tsection[data-variant=\"hovering\"] & {\n\t\t\tborder-color: $notification-warning--backgroundColor;\n\t\t}\n\t}\n\n\t&[data-type=\"error\"] {\n\t\tbackground-color: $notification-error--backgroundColor;\n\n\t\tsection[data-variant=\"hovering\"] & {\n\t\t\tborder-color: $notification-error--backgroundColor;\n\t\t}\n\t}\n\n\t&[data-type=\"informative\"] {\n\t\tbackground-color: $notification-informative--backgroundColor;\n\n\t\tsection[data-variant=\"hovering\"] & {\n\t\t\tborder-color: $notification-informative--backgroundColor;\n\t\t}\n\t}\n\n\t// Leading and trailing icons\n\t&[data-icon],\n\t&[data-icon-before],\n\t&[data-icon-after] {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t}\n\n\t&[data-icon],\n\t&[data-icon-before] {\n\t\t&::before {\n\t\t\t--icon-margin-after: #{to-rem($pxValue: 10)};\n\t\t}\n\t}\n\n\t&[data-icon-after] {\n\t\tjustify-content: space-between;\n\n\t\t&::after {\n\t\t\t--icon-margin-before: #{to-rem($pxValue: 10)};\n\t\t}\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n\n$notification-alert--color: #fff !default;\n\n$notification-success--backgroundColor: $db-color-success !default;\n$notification-warning--backgroundColor: $db-color-warning !default;\n$notification-error--backgroundColor: $db-color-error !default;\n$notification-informative--backgroundColor: $db-color-informative !default;\n\n$notification---backgroundColor: $db-color-cool-gray-700 !default;\n","@import \"../../../css/partials.meta\";\n@import \"dialog.variables\";\n\n.cmp-dialog {\n\tborder: 0;\n\tborder-radius: 8px;\n\n\tcolor: $db-color-cool-gray-700;\n\n\tfont-size: to-rem($pxValue: 14);\n\tmargin-top: 0;\n\tmax-width: 90vw;\n\n\tpadding: to-rem($pxValue: 16); // TODO: replace by general spacing variables\n\n\t// Display the dialog fixed within the middle of the screen (actually some overwrites for the dialog-polyfill CSS)\n\tposition: fixed;\n\ttop: 50%;\n\ttransform: translate(0, -50%);\n\t@media screen and (min-width: 768px) {\n\t\t// TODO: replace by correct general breakpoint variables\n\t\tpadding: to-rem(\n\t\t\t$pxValue: 24\n\t\t); // TODO: replace by general spacing variables\n\t}\n\t// Defining the backdrop colors\n\n\t// * native\n\t&::backdrop {\n\t\tbackground-color: $dialog-backdrop--backgroundColor;\n\t}\n\n\t// * polyfill\n\t& + .backdrop {\n\t\tbackground-color: $dialog-backdrop--backgroundColor;\n\t}\n\n\t// Display the modal via CSS as a no-javascript fallback\n\t&:target {\n\t\t.no-js & {\n\t\t\tdisplay: initial;\n\t\t}\n\t}\n\n\theader {\n\t\tcolor: $db-color-cool-gray-800;\n\n\t\ttransform: translateY(-#{to-rem($pxValue: 9)});\n\n\t\t.elm-headline {\n\t\t\tfont-size: to-rem($pxValue: 18);\n\t\t\tfont-weight: 700;\n\t\t\tline-height: to-rem(\n\t\t\t\t$pxValue: 24\n\t\t\t); // TODO: Check whether this is a settting that should be more global\n\t\t\tmargin-bottom: to-rem($pxValue: 6);\n\t\t\tmargin-right: to-rem($pxValue: 24);\n\t\t\t// Remove the headlines margin-top, as we're in a dialog that has a padding on it's own\n\t\t\tmargin-top: 0;\n\n\t\t\ttext-align: center;\n\t\t\t@media screen and (min-width: 768px) {\n\t\t\t\t// TODO: replace by correct general breakpoint variables\n\t\t\t\tfont-size: to-rem($pxValue: 24);\n\t\t\t\tline-height: to-rem(\n\t\t\t\t\t$pxValue: 28\n\t\t\t\t); // TODO: Check whether this is a settting that should be more global\n\t\t\t}\n\t\t}\n\n\t\t:is(.elm-link, button) {\n\t\t\t&.is-close {\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 0;\n\t\t\t\ttop: 0;\n\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tborder-color: transparent;\n\n\t\t\t\t& {\n\t\t\t\t\t@include icon(\n\t\t\t\t\t\tglyph(close),\n\t\t\t\t\t\t24,\n\t\t\t\t\t\t\"outline\",\n\t\t\t\t\t\t$partial: $partial\n\t\t\t\t\t);\n\t\t\t\t\t@include is-icon-text-replace();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tmain {\n\t\tp {\n\t\t\t&:first-child {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\tfooter {\n\t\tdisplay: flex;\n\t\tmargin-top: to-rem($pxValue: 18);\n\n\t\t.elm-button {\n\t\t\t& + .elm-button {\n\t\t\t\tmargin-left: to-rem(\n\t\t\t\t\t$pxValue: 16\n\t\t\t\t); // TODO: Replace by spacing variable\n\t\t\t}\n\t\t}\n\n\t\t&[data-alignment=\"end\"] {\n\t\t\tjustify-content: flex-end;\n\t\t}\n\n\t\t&:not([data-alignment=\"end\"]) {\n\t\t\t.elm-button {\n\t\t\t\tflex-grow: 1;\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$dialog-backdrop--backgroundColor: rgba(0, 0, 0, 0.9) !default;\n","@import \"../../../css/partials.meta\";\n@import \"language-switcher.variables\";\n\n@mixin set-top($step: 1) {\n\ttop: calc(\n\t\t#{$db-language-switcher---direction} * (100% * #{$step} + 1rem - 2px)\n\t);\n}\n\n.cmp-language-switcher {\n\tlist-style: none;\n\n\tmargin-right: to-rem($pxValue: 16);\n\tposition: relative;\n\n\t&:hover,\n\t&:focus {\n\t\tli {\n\t\t\t&:not([aria-current], [aria-selected]) {\n\t\t\t\tvisibility: visible;\n\t\t\t}\n\n\t\t\t&[aria-current=\"page\"],\n\t\t\t&[aria-selected=\"true\"] {\n\t\t\t\tcolor: $db-color-red-500;\n\t\t\t}\n\t\t}\n\t}\n\n\tli {\n\t\tbackground-color: #fdfdfd; // TODO: This would need to get replaced by the correct (semantic) color\n\n\t\tposition: absolute;\n\n\t\ttop: to-rem($pxValue: 26);\n\n\t\t.rea-header & {\n\t\t\t@include set-top(1);\n\n\t\t\tz-index: $z-index-rea-header-cmp-language-switcher-li; // * TODO: possibly rework variable naming\n\n\t\t\t// TODO: This is an enhancement for more languages, but obviously doesn't scale that nicely and would need some rework\n\t\t\t&:not([aria-current=\"page\"], [aria-selected=\"true\"])\n\t\t\t\t~ li:not([aria-current=\"page\"], [aria-selected=\"true\"]) {\n\t\t\t\t@include set-top(2);\n\n\t\t\t\t& ~ li:not([aria-current=\"page\"], [aria-selected=\"true\"]) {\n\t\t\t\t\t@include set-top(3);\n\n\t\t\t\t\t& ~ li:not([aria-current=\"page\"], [aria-selected=\"true\"]) {\n\t\t\t\t\t\t@include set-top(4);\n\n\t\t\t\t\t\t&\n\t\t\t\t\t\t\t~ li:not(\n\t\t\t\t\t\t\t\t[aria-current=\"page\"],\n\t\t\t\t\t\t\t\t[aria-selected=\"true\"]\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t@include set-top(5);\n\n\t\t\t\t\t\t\t&\n\t\t\t\t\t\t\t\t~ li:not(\n\t\t\t\t\t\t\t\t\t[aria-current=\"page\"],\n\t\t\t\t\t\t\t\t\t[aria-selected=\"true\"]\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t@include set-top(6);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t\ttop: 100%;\n\t\t\t}\n\t\t}\n\n\t\t.elm-link,\n\t\t.elm-button {\n\t\t\tcolor: inherit;\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\t&:not([aria-current], [aria-selected]) {\n\t\t\tvisibility: hidden;\n\n\t\t\t.elm-link,\n\t\t\t.elm-button {\n\t\t\t\tpadding-block: 1rem;\n\t\t\t\tpadding-right: to-rem($pxValue: 34);\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: $db-color-cool-gray-200;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&[aria-current],\n\t\t&[aria-selected] {\n\t\t\tposition: initial;\n\n\t\t\t.elm-link,\n\t\t\t.elm-button {\n\t\t\t\t& {\n\t\t\t\t\t@include icon(\n\t\t\t\t\t\tglyph(expand-more),\n\t\t\t\t\t\t24,\n\t\t\t\t\t\t\"outline\",\n\t\t\t\t\t\t\"after\",\n\t\t\t\t\t\t$partial: $partial\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: $db-color-red-500;\n\t\t\t\t}\n\n\t\t\t\t&::after {\n\t\t\t\t\tfloat: right;\n\n\t\t\t\t\tmargin-left: to-rem($pxValue: 5);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.elm-link,\n\t\t.elm-button {\n\t\t\tdisplay: inline-block;\n\n\t\t\tpadding-left: to-rem($pxValue: 18);\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\tcolor: initial;\n\t\t\t}\n\t\t}\n\n\t\t.elm-button {\n\t\t\tline-height: 1.5;\n\t\t\tpadding-right: 0;\n\t\t\tborder-width: 0;\n\t\t\tpadding-top: to-rem($pxValue: 9);\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"pagination.variables\";\n\n.cmp-pagination {\n\tcolor: $db-color-cool-gray-700;\n\tfont-size: to-rem($pxValue: 14);\n\n\tuser-select: none;\n\n\t& > ol {\n\t\tdisplay: flex;\n\t}\n\n\t.elm-headline {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\t}\n\n\tli,\n\t.elm-link {\n\t\talign-items: center;\n\t\tdisplay: inline-flex;\n\t\tjustify-content: center;\n\t}\n\n\tli {\n\t\theight: to-rem($pxValue: 36);\n\t\twidth: to-rem($pxValue: 36);\n\t}\n\n\t.elm-link {\n\t\tcolor: inherit;\n\t\theight: 100%;\n\t\ttext-decoration: none;\n\t\twidth: 100%;\n\n\t\t&[rel=\"prev\"],\n\t\t&[rel=\"next\"] {\n\t\t\tpadding: 0;\n\t\t\tvertical-align: bottom;\n\t\t}\n\n\t\t&[rel=\"prev\"]::before {\n\t\t\tmargin-left: to-rem($pxValue: 11);\n\t\t}\n\n\t\t&[rel=\"next\"]::before {\n\t\t\tmargin-right: to-rem($pxValue: 11);\n\t\t}\n\n\t\t&[rel=\"prev\"] {\n\t\t\t@include icon(glyph(chevron-left), $partial: $partial);\n\t\t\t@include is-icon-text-replace();\n\t\t}\n\n\t\t&[rel=\"next\"] {\n\t\t\t@include icon(glyph(chevron-right), $partial: $partial);\n\t\t\t@include is-icon-text-replace();\n\t\t}\n\n\t\t&[aria-current=\"page\"] {\n\t\t\tfont-weight: 700;\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"sidenavi.variables\";\n\n.cmp-sidenavi {\n\tbackground-color: $db-color-cool-gray-600;\n\tbox-shadow: $box-shadow-01, $box-shadow-02;\n\tdisplay: inline-block;\n\n\t.elm-link {\n\t\t// We need to reset the general border-radius here\n\t\tborder-radius: initial;\n\t\t// TODO: check for the correct color code\n\t\tcolor: $sidenavi-link--color; // * TODO: possibly rework variable naming\n\t\tdisplay: block;\n\t\tpadding: to-rem($pxValue: 20) to-rem($pxValue: 16);\n\t\ttext-decoration: none;\n\n\t\t&:hover,\n\t\t&:focus,\n\t\t&[aria-current=\"page\"] {\n\t\t\tcolor: $sidenavi-linkCurrent-hover-color; // * TODO: possibly rework variable naming\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: $sidenavi-link-hover-backgroundColor; // * TODO: possibly rework variable naming\n\t\t}\n\n\t\t&[aria-current=\"page\"] {\n\t\t\tbackground-color: $sidenavi-linkcurrent--backgroundColor; // * TODO: possibly rework variable naming\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t&[rel] {\n\t\t\tpadding-left: to-rem($pxValue: 21);\n\t\t}\n\n\t\t&[rel=\"index\"] {\n\t\t\t@include icon(glyph(home), 32, \"outline\", $partial: $partial);\n\t\t}\n\n\t\t&[rel=\"documents\"] {\n\t\t\t@include icon(glyph(document), 32, \"outline\", $partial: $partial);\n\t\t}\n\t\t// TODO: This needs to get the icon from the new iconset\n\t\t&[rel=\"dashboard\"] {\n\t\t\t@include icon(\n\t\t\t\tglyph(dashboard),\n\t\t\t\t32,\n\t\t\t\t\"enterprise-outline\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\t\t// TODO: This needs to get the icon from the new iconset\n\t\t&[rel=\"cloud\"] {\n\t\t\t@include icon(\n\t\t\t\tglyph(cloud),\n\t\t\t\t32,\n\t\t\t\t\"enterprise-outline\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\n\t\t&[rel=\"calendar\"] {\n\t\t\t@include icon(glyph(calendar), 32, \"outline\", $partial: $partial);\n\t\t}\n\n\t\t&[rel=\"help\"] {\n\t\t\t@include icon(glyph(help), 32, \"outline\", $partial: $partial);\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"tab-bar.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n@mixin tab() {\n\t& > input[type=\"radio\"],\n\t& > * > input[type=\"radio\"] {\n\t\t@content;\n\t}\n}\n\n.cmp-tab-bar {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\n\tgap: 0.25rem;\n\n\t@include tab() {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\n\t\t& + label[role=\"tab\"] {\n\t\t\tcursor: pointer;\n\t\t\tdisplay: flex;\n\t\t\tpadding: 0.875rem $db-spacing-m;\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t\tborder-radius: 4px;\n\t\t\talign-items: center;\n\n\t\t\t&::before {\n\t\t\t\tmargin-inline-start: -0.125rem;\n\t\t\t}\n\t\t}\n\n\t\t&:focus + label {\n\t\t\toutline: $tabBar-tab-focus-outline;\n\t\t}\n\n\t\t&:not(:checked) {\n\t\t\t& + label[role=\"tab\"] {\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: $tabBar-tab-hover-backgroundColor;\n\t\t\t\t}\n\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: $tabBar-tab-pressed-backgroundColor;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\t& + label[role=\"tab\"] {\n\t\t\t\tcolor: $db-color-cool-gray-400;\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: unset;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:checked {\n\t\t\t& + label[role=\"tab\"] {\n\t\t\t\tfont-weight: 700;\n\n\t\t\t\t& + section[role=\"tabpanel\"] {\n\t\t\t\t\tdisplay: initial;\n\t\t\t\t}\n\n\t\t\t\t// Puls\n\t\t\t\t&::after {\n\t\t\t\t\tbackground-color: $db-color-red-500;\n\t\t\t\t\tborder-radius: 5px;\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\theight: 0.25rem;\n\t\t\t\t\tinset-block-end: 0;\n\t\t\t\t\tinset-inline: 0;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tlabel[role=\"tab\"],\n\tsection[role=\"tabpanel\"] {\n\t\tbackground-color: $tabBar-tabSection--backgroundColor;\n\t}\n\n\tsection[role=\"tabpanel\"] {\n\t\tdisplay: none;\n\t\tflex-basis: 100%;\n\t\torder: 1;\n\t\tmargin-block-start: 0.125rem;\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@include tab() {\n\t\t\t& + label[role=\"tab\"] {\n\t\t\t\tpadding-block: 0.625rem;\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../../css/db-ui-core.variables\";\n\n$tabBar-tabSection--backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n\n$tabBar-tab-focus-outline: 1px dotted $db-color-cool-gray-400 !default;\n\n// $db-color-cool-gray-100\n$tabBar-tab-hover-backgroundColor: #{$db-color-cool-gray-700} + \"1F\" !default;\n$tabBar-tab-pressed-backgroundColor: #{$db-color-cool-gray-700} + \"3D\" !default;\n$tabBar-tab-active-border: #{to-rem(\n\t\t$pxValue: 1\n\t)} solid $db-color-cool-gray-500 !default;\n\n$tabBar-tabpanel--borderTop: to-rem(\n\t\t$pxValue: 1\n\t)\n\tsolid $db-color-cool-gray-500 !default;\n$tabBar-tabpanel--boxShadow: $box-shadow-01-bottom, $box-shadow-02-bottom !default;\n","@import \"../../../css/helpers/functions\";\n@import \"table.variables\";\n@import \"table.helpers\";\n\n.cmp-table {\n\tborder-collapse: collapse;\n\n\tfont-size: var(--table---fontSize, inherit);\n\n\ttext-align: left;\n\n\t// the box-shadow should get displayed including the whole table / the caption as well\n\t&,\n\t& > caption {\n\t\tbox-shadow: $box-shadow-01, $box-shadow-02;\n\t}\n\n\tcaption {\n\t\tfont-weight: 700;\n\t\tpadding: #{to-rem($pxValue: 16)} #{to-rem($pxValue: 12)};\n\t\ttext-align: left;\n\t}\n\n\tthead {\n\t\tborder-bottom: to-rem($pxValue: 1) solid $db-color-cool-gray-700;\n\t\tborder-top: to-rem($pxValue: 1) solid $db-color-cool-gray-700;\n\n\t\tth {\n\t\t\tcolor: $db-color-cool-gray-500;\n\t\t}\n\t}\n\n\tth {\n\t\tfont-weight: 400;\n\t}\n\n\tth,\n\ttd {\n\t\tpadding: $table-densityRegular--padding;\n\n\t\t// Default horizontal and vertical alignment should get inherited\n\t\ttext-align: inherit;\n\t\tvertical-align: inherit;\n\n\t\t&:hover {\n\t\t\tresize: horizontal;\n\n\t\t\t&:not(:has(.cmp-overflow-menu)) {\n\t\t\t\toverflow: auto;\n\t\t\t}\n\t\t}\n\t}\n\n\ttbody {\n\t\tborder-bottom: to-rem($pxValue: 1) solid $db-color-cool-gray-700;\n\n\t\tth:first-child {\n\t\t\tborder-right: 1px solid $db-color-warm-gray-700;\n\t\t}\n\t}\n\n\t// Cell alignments\n\tthead,\n\ttbody,\n\ttr,\n\tth,\n\ttd {\n\t\t&%align-left {\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t&%align-center {\n\t\t\ttext-align: center;\n\t\t}\n\n\t\t&%align-right {\n\t\t\ttext-align: right;\n\t\t}\n\n\t\t&[data-align=\"left\"] {\n\t\t\t@extend %align-left;\n\t\t}\n\n\t\t&[data-align=\"center\"] {\n\t\t\t@extend %align-center;\n\t\t}\n\n\t\t&[data-align=\"right\"] {\n\t\t\t@extend %align-right;\n\t\t}\n\n\t\t&%vertical-align-top {\n\t\t\tvertical-align: top;\n\t\t}\n\n\t\t&%vertical-align-middle {\n\t\t\tvertical-align: middle;\n\t\t}\n\n\t\t&%vertical-align-bottom {\n\t\t\tvertical-align: bottom;\n\t\t}\n\n\t\t&[data-vertical-align=\"top\"] {\n\t\t\t@extend %vertical-align-top;\n\t\t}\n\n\t\t&[data-vertical-align=\"middle\"] {\n\t\t\t@extend %vertical-align-middle;\n\t\t}\n\n\t\t&[data-vertical-align=\"bottom\"] {\n\t\t\t@extend %vertical-align-bottom;\n\t\t}\n\t}\n\n\t// Border\n\t&[data-border=\"horizontal\"],\n\t&[data-border=\"around\"] {\n\t\ttbody {\n\t\t\ttr:not(:last-child) {\n\t\t\t\tth,\n\t\t\t\ttd {\n\t\t\t\t\tborder-bottom: 1px solid $table-line--borderColor; // * TODO: possibly rework variable naming\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&[data-border=\"around\"] {\n\t\ttbody {\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\t&:not(:first-child) {\n\t\t\t\t\tborder-left: 1px solid $table-line--borderColor; // * TODO: possibly rework variable naming\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Zebra cell styling\n\t&[data-rows=\"zebra\"] {\n\t\ttbody {\n\t\t\t@include cmp-table-zebra(\n\t\t\t\t$table-row-zebra-color\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t}\n\t}\n\n\t// Densities\n\t&[data-density=\"small\"] {\n\t\tth,\n\t\ttd {\n\t\t\tpadding: $table-densitySmall--padding;\n\t\t}\n\t}\n\n\t&[data-density=\"large\"] {\n\t\tth,\n\t\ttd {\n\t\t\tpadding: $table-densityLarge--padding;\n\t\t}\n\t}\n\n\t// Sticky header\n\t&[data-sticky=\"header\"] {\n\t\tthead,\n\t\ttbody th {\n\t\t\tbackground-color: #fff;\n\t\t\tposition: sticky;\n\t\t\ttop: -1px;\n\t\t}\n\t}\n}\n","@mixin cmp-table-zebra($zebra-color) {\n\ttr:nth-child(odd) {\n\t\t// TODO: This might get replaced by another effect\n\t\tbackdrop-filter: blur(4px);\n\t\tbackground-color: $zebra-color;\n\t}\n}\n\n// Responsive row and colum hiding\n@mixin cmp-table-hide-col($col, $max-width) {\n\tthead th,\n\ttbody td {\n\t\t@media screen and (max-width: $max-width) {\n\t\t\t&:nth-child(#{$col}) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n@mixin cmp-table-hide-row($row, $max-width) {\n\ttbody tr {\n\t\t@media screen and (max-width: $max-width) {\n\t\t\t&:nth-child(#{$row}) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/db-ui-core.variables\";\n\n$cmp-table-cell-height-36: to-rem(\n\t$pxValue: 4\n) !default; // 36px cell height\n$table-cell-height52-paddingVertical: to-rem(\n\t$pxValue: 14\n) !default; // 52px cell height\n$table-cell-height68-paddingVertical: to-rem(\n\t$pxValue: 22\n) !default; // 68px cell height\n\n$table-line--borderColor: $db-color-cool-gray-200 !default;\n\n$table-row-zebra-color: rgba($db-color-cool-gray-700, 0.07) !default;\n\n$table-densitySmall--padding: $db-spacing-s !default;\n$table-densityRegular--padding: $db-spacing-sm !default;\n$table-densityLarge--padding: $db-spacing-m !default;\n","@import \"../../../css/partials.meta\";\n@import \"link-list.variables\";\n\n.cmp-link-list {\n\tlist-style: none;\n\n\tpadding-left: 0;\n\n\tli {\n\t\t.elm-link {\n\t\t\tfont-weight: 700;\n\t\t\ttext-decoration: none;\n\n\t\t\t& {\n\t\t\t\t@include icon(glyph(chevron-right), $partial: $partial);\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&:active {\n\t\t\t\ttext-decoration: underline;\n\t\t\t}\n\n\t\t\t&::before {\n\t\t\t\tcolor: $db-color-red;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tfont-size: to-rem($pxValue: 12);\n\t\t\t\tfont-weight: 700;\n\t\t\t\tmargin-top: -#{to-rem($pxValue: 2)};\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"overflow-menu.variables\";\n\n.cmp-overflow-menu {\n\tcolor: #2d333f; // TODO: replace by correct color\n\tdisplay: inline-block;\n\tposition: relative;\n\n\t&:not(.is-account) {\n\t\tsummary {\n\t\t\t@include is-icon-text-replace();\n\t\t}\n\t}\n\n\tsummary {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tpadding: 0.5rem 0.75rem;\n\t\tborder-radius: 4px;\n\t\tcursor: default;\n\n\t\tbackground-color: rgba($db-color-cool-gray-700, 0);\n\n\t\t& {\n\t\t\t@include icon(\n\t\t\t\t$cmp-overflow-menu-icon,\n\t\t\t\t20,\n\t\t\t\t\"outline\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\n\t\t&::before {\n\t\t\ttransform: translateX(-#{to-rem($pxValue: 2)});\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.08);\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.16);\n\t\t}\n\n\t\t&::-webkit-details-marker {\n\t\t\tdisplay: none;\n\t\t}\n\t\t// … and using some other declaration for mozilla firefox\n\t\t&:first-of-type {\n\t\t\tlist-style-type: none;\n\t\t}\n\t}\n\n\t// Menu list\n\tmenu,\n\tul {\n\t\tbackground-color: $overflowMenu---backgroundColor;\n\n\t\tborder-radius: $overflowMenu---borderRadius;\n\t\tfilter: drop-shadow($box-shadow);\n\t\tmargin-block-start: 1rem;\n\t\tpadding-left: 0;\n\t\tposition: absolute;\n\t\twidth: min-content;\n\t\tz-index: $z-index-cmp-overflow-menu-menu;\n\n\t\t// Little triangle on the overlay\n\t\t&::before {\n\t\t\tborder-bottom: $overflowMenu-triangle--borderSize solid\n\t\t\t\t$overflowMenu---backgroundColor;\n\t\t\tborder-left: $overflowMenu-triangle--borderSize solid transparent;\n\t\t\tborder-right: $overflowMenu-triangle--borderSize solid transparent;\n\t\t\tcontent: \"\";\n\t\t\theight: 0;\n\t\t\tposition: absolute;\n\t\t\ttransform: translate(\n\t\t\t\tto-rem($pxValue: 12),\n\t\t\t\t-#{to-rem($pxValue: 13)}\n\t\t\t);\n\t\t\twidth: 0;\n\t\t}\n\n\t\tli {\n\t\t\tbutton,\n\t\t\ta {\n\t\t\t\tbackground-color: $overflowMenu---backgroundColor;\n\n\t\t\t\tborder-radius: unset;\n\t\t\t\tdisplay: block;\n\n\t\t\t\tfont-weight: 400;\n\t\t\t\tpadding: to-rem($pxValue: 16) to-rem($pxValue: 32)\n\t\t\t\t\tto-rem($pxValue: 16) to-rem($pxValue: 16); // TODO: replace by correct spacings\n\n\t\t\t\ttext-decoration: none;\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: $overflowMenu-item-hover-backgroundColor;\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\tbutton,\n\t\t\t\ta {\n\t\t\t\t\tborder-top-left-radius: $overflowMenu---borderRadius;\n\t\t\t\t\tborder-top-right-radius: $overflowMenu---borderRadius;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tbutton,\n\t\t\t\ta {\n\t\t\t\t\tborder-bottom-left-radius: $overflowMenu---borderRadius;\n\t\t\t\t\tborder-bottom-right-radius: $overflowMenu---borderRadius;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&[data-horizontal-position=\"opposite\"] {\n\t\tmenu,\n\t\tul {\n\t\t\tright: 0;\n\n\t\t\t&::before {\n\t\t\t\tright: 0;\n\t\t\t\ttransform: translate(\n\t\t\t\t\t-#{to-rem($pxValue: 12)},\n\t\t\t\t\t-#{to-rem($pxValue: 13)}\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\tmenu {\n\t\tlist-style-type: \"\"; // Disable list style type, but prevent postcss-list-style-safari-fix transformation\n\n\t\tli {\n\t\t\toverflow-x: hidden;\n\t\t}\n\n\t\tbutton {\n\t\t\tline-height: inherit;\n\t\t\ttext-align: left;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t// Achieving a full viewport clickarea for closing the overflow menu\n\t&[open] summary::after {\n\t\tcontent: \"\\00A0\";\n\t\tdisplay: inline-block;\n\t\theight: 100vh;\n\t\tleft: 0;\n\t\tposition: fixed;\n\t\ttop: 0;\n\t\twidth: 100vw;\n\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$overflowMenu---borderRadius: 8px !default;\n$overflowMenu---backgroundColor: #fff !default;\n$overflowMenu-item-hover-backgroundColor: $db-color-cool-gray-200 !default;\n$cmp-overflow-menu-icon: glyph(\n\tmore-vertical\n) !default; // * TODO: possibly rework variable naming\n$overflowMenu-triangle--borderSize: to-rem(\n\t$pxValue: 13\n) !default;\n","@import \"../../../css/partials.meta\";\n@import \"../overflow-menu/overflow-menu\";\n@import \"dropdown.variables\";\n\n.cmp-dropdown {\n\t@extend .cmp-overflow-menu;\n\n\t// Usage within the account menu\n\t&.is-account {\n\t\tsummary {\n\t\t\t@include icon(glyph(account), 24, \"outline\", $partial: $partial);\n\n\t\t\t@media screen and (max-width: $metanavigation-iconOnly--maxWidth) {\n\t\t\t\t// * TODO: possibly rework variable naming\n\t\t\t\t@include is-icon-text-replace();\n\t\t\t}\n\t\t}\n\t}\n\n\tmenu,\n\tul {\n\t\tbackground-color: $overflowMenu---backgroundColor;\n\t\tmargin-block-start: initial;\n\t\tright: 0;\n\t\ttransform: translateY(0.875rem);\n\n\t\t&::before {\n\t\t\tcontent: none;\n\t\t}\n\t}\n\n\t&[data-horizontal-position=\"opposite\"] {\n\t\tmenu,\n\t\tul {\n\t\t\tright: unset;\n\t\t}\n\t}\n}\n","// General body construct of header, main and footer\n// TODO: We would obviously like to enhance this via CSS grid later on\nbody {\n\tdisplay: grid;\n\tgrid-template-rows: auto 1fr auto;\n}\n\n// Fixed header & footer\n// Probably this is not the perfect spot for those declarations and we should introduce a general body tag related CSS file later on\n// TODO: We should definitly support a11y by only conditionally introducing this (e.g. landscape with a minimum height), compare to https://twitter.com/click2carney/status/1170728170342907904?s=11\nbody.has-fixed-header .rea-header,\nbody.has-fixed-footer .rea-footer {\n\tposition: fixed;\n\twidth: 100%;\n\tz-index: $z-index-reas-fixed-header-footer;\n}\n\nbody.has-fixed-header {\n\t// TODO: using some outsourced global declarations for the headers dimensions (height, padding and margins)\n\tpadding-top: to-rem($pxValue: 95);\n\n\t.rea-header {\n\t\ttop: 0;\n\t}\n\n\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\tpadding-top: to-rem($pxValue: 80);\n\t}\n}\n\nbody.has-fixed-footer {\n\t// TODO: using some outsourced global declarations for the footers dimensions (height, padding and margins)\n\tpadding-bottom: to-rem($pxValue: 88);\n\n\t.rea-footer {\n\t\tbottom: 0;\n\t}\n\n\t@media screen and (max-width: 1023px) {\n\t\tpadding-bottom: to-rem($pxValue: 94);\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n\n// offset-x | offset-y | blur-radius | spread-radius | color\n$header---boxShadow:\n\t0 2px 4px 0 rgba(0, 0, 0, 0.1),\n\t0 4px 8px 1px rgba(0, 0, 0, 0.05) !default;\n\n$header---backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n\n$header---borderBottom: #{to-rem(\n\t\t$pxValue: 1\n\t)} solid $db-color-warm-gray-400 !default;\n\n$header---marginBottom: to-rem(\n\t$pxValue: 16\n) !default;\n\n$header---minHeight: 3.5rem;\n","@import \"../../../css/partials.meta\";\n@import \"header.variables\";\n@import \"../../../css/helpers/functions\";\n@import \"../../../css/helpers/dividers\";\n\n.rea-header {\n\tbackground-color: $header---backgroundColor;\n\tbox-shadow: $header---boxShadow;\n\talign-items: center;\n\tmargin-bottom: $header---marginBottom;\n\n\tdisplay: flex;\n\tgap: 1.5rem;\n\n\tmin-block-size: $header---minHeight;\n\tpadding-inline: 1.5rem;\n\t@media screen and (width > $db-break-the-header-max-width) {\n\t\tpadding-block: 0.875rem;\n\t}\n\n\t// Divider only if there is a sitesearch and metanavigation\n\t&:has(.cmp-sitesearch):has(.cmp-metanavigation) {\n\t\t.cmp-sitesearch {\n\t\t\t&::before {\n\t\t\t\t@extend %header-divider;\n\t\t\t\tinset-inline-end: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\tborder-bottom: $header---borderBottom;\n\t\tposition: relative;\n\n\t\t&:has(.cmp-mainnavigation > input[type=\"checkbox\"][id]:not(:checked)) {\n\t\t\t.rea-meta {\n\t\t\t\t& > .elm-link,\n\t\t\t\t.cmp-metanavigation,\n\t\t\t\t.cmp-language-switcher,\n\t\t\t\t.cmp-dropdown {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:has(.cmp-mainnavigation > input[type=\"checkbox\"][id]:checked) {\n\t\t\t.rea-meta {\n\t\t\t\t--db-language-switcher---direction: -1;\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tposition: fixed;\n\t\t\t\tinset-inline-end: 0;\n\t\t\t\tinset-inline-start: 1.5rem;\n\t\t\t\tinset-block-start: unset;\n\t\t\t\tinset-block-end: 0;\n\t\t\t\tblock-size: 3.5rem;\n\t\t\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\t\t\t\tborder-top: 1px solid rgba(40, 45, 55, 0.2);\n\t\t\t\tborder-bottom-left-radius: 4px;\n\t\t\t\tpadding-inline: 1rem;\n\n\t\t\t\t.cmp-sitesearch {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.cmp-dropdown {\n\t\t\t\t\t& > menu {\n\t\t\t\t\t\tbottom: 100%;\n\t\t\t\t\t\ttransform: translateY(-0.875rem);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"meta.variables\";\n\n.rea-meta {\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-inline-start: auto;\n\tgap: 0.5rem;\n\n\tul,\n\tol {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\tul {\n\t\tlist-style: none;\n\t}\n\n\t.rea-header & {\n\t\torder: 2;\n\n\t\t.elm-link {\n\t\t\tpadding-bottom: to-rem($pxValue: 9);\n\t\t\tpadding-top: to-rem($pxValue: 9);\n\t\t}\n\t}\n\n\t& > .elm-link {\n\t\t&[rel=\"account\"] {\n\t\t\tmargin-left: to-rem($pxValue: 4);\n\n\t\t\t& {\n\t\t\t\t@include is-icon-text-replace();\n\t\t\t}\n\n\t\t\t@media screen and (min-width: #{($header-srOnly-linkAccount-breakpoint + 1)}rem) {\n\t\t\t\tmargin-left: to-rem($pxValue: 8);\n\t\t\t}\n\t\t}\n\t}\n\n\t.cmp-sitesearch:focus-within ~ .elm-link[rel=\"account\"] {\n\t\t@include is-icon-text-replace();\n\t}\n}\n","// The main purpose of the styles included with this file are related to \"regular\" content pages.\n// In case that you're building a web application you might want to have more freedom\n// and probably would want to not include it's contents into your SCSS build / references.\n\n@import \"../../../css/helpers/clearfix\";\n\n@import \"main.variables\";\n\n.rea-main {\n\t@include clearfix();\n\n\tbackground-color: $main---backgroundColor;\n\t// adapted from https://github.com/jgthms/bulma/blob/0.7.5/sass/elements/container.sass\n\tmargin: 0 auto;\n\n\tpadding: to-rem($pxValue: 16);\n\tposition: relative;\n\n\t@media screen and (min-width: 1088px) {\n\t\tmax-width: 960px;\n\t\twidth: 960px;\n\t}\n\t@media screen and (min-width: 1280px) {\n\t\tmax-width: 1152px;\n\t\twidth: 1152px;\n\t}\n\t@media screen and (min-width: 1472px) {\n\t\tmax-width: 1344px;\n\t\twidth: 1344px;\n\t}\n}\n","$main---backgroundColor: transparent !default;\n","@charset \"utf-8\";\n\n.rea-grid {\n\t// TODO: We would probably need to recheck on this declaration regarding compabitility\n\tflex-wrap: wrap;\n\t// adapted from https://github.com/jgthms/bulma/blob/0.7.5/sass/grid/columns.sass\n\tmargin-left: -0.625rem;\n\tmargin-right: -0.625rem;\n\tmargin-top: -0.625rem;\n\n\t@media screen and (min-width: 769px), print {\n\t\tdisplay: flex;\n\t}\n\n\t& > div,\n\t& > area,\n\t& > section,\n\t& > li {\n\t\tdisplay: block;\n\t\tflex-basis: 0;\n\t\tflex-grow: 1;\n\t\tflex-shrink: 1;\n\t\tpadding: 0.625rem;\n\n\t\t@media screen and (max-width: #{$column-gap-max-width-smaller-breakpoint}) {\n\t\t\tpadding: $column-gap-max-width-smaller-padding;\n\t\t}\n\t}\n\n\t&:last-child {\n\t\tmargin-bottom: -0.625rem;\n\t}\n\n\t&:not(:last-child) {\n\t\tmargin-bottom: calc(1.5rem - 0.625rem);\n\t}\n\n\t// TODO: This should probably get migrated to CSS variables\n\t@media screen and (max-width: #{$column-gap-max-width-smaller-breakpoint}) {\n\t\tmargin-left: -$column-gap-max-width-smaller-padding;\n\t\tmargin-right: -$column-gap-max-width-smaller-padding;\n\t\tmargin-top: -$column-gap-max-width-smaller-padding;\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: -$column-gap-max-width-smaller-padding;\n\t\t}\n\n\t\t&:not(:last-child) {\n\t\t\tmargin-bottom: calc(\n\t\t\t\t#{to-rem($pxValue: 24)} - #{$column-gap-max-width-smaller-padding}\n\t\t\t);\n\t\t}\n\t}\n\n\t// grid columns\n\t%is-four-fifths {\n\t\tflex: none;\n\t\twidth: 80%;\n\t}\n\t%is-three-quarters {\n\t\tflex: none;\n\t\twidth: 75%;\n\t}\n\t%is-two-thirds {\n\t\tflex: none;\n\t\twidth: 66.6666%;\n\t}\n\t%is-three-fifths {\n\t\tflex: none;\n\t\twidth: 60%;\n\t}\n\t%is-half {\n\t\tflex: none;\n\t\twidth: 50%;\n\t}\n\t%is-two-fifths {\n\t\tflex: none;\n\t\twidth: 40%;\n\t}\n\t%is-one-third {\n\t\tflex: none;\n\t\twidth: 33.3333%;\n\t}\n\t%is-one-quarter {\n\t\tflex: none;\n\t\twidth: 25%;\n\t}\n\t%is-one-fifth {\n\t\tflex: none;\n\t\twidth: 20%;\n\t}\n\n\t[data-type=\"four-fifths\"] {\n\t\t@extend %is-four-fifths;\n\t}\n\n\t[data-type=\"three-quarters\"] {\n\t\t@extend %is-three-quarters;\n\t}\n\n\t[data-type=\"two-thirds\"] {\n\t\t@extend %is-two-thirds;\n\t}\n\n\t[data-type=\"three-fifths\"] {\n\t\t@extend %is-three-fifths;\n\t}\n\n\t[data-type=\"half\"] {\n\t\t@extend %is-half;\n\t}\n\n\t[data-type=\"two-fifths\"] {\n\t\t@extend %is-two-fifths;\n\t}\n\n\t[data-type=\"one-third\"] {\n\t\t@extend %is-one-third;\n\t}\n\n\t[data-type=\"one-quarter\"] {\n\t\t@extend %is-one-quarter;\n\t}\n\n\t[data-type=\"one-fifth\"] {\n\t\t@extend %is-one-fifth;\n\t}\n}\n","$column-gap: to-rem(\n\t$pxValue: 10\n) !default;\n$column-gap-max-width-smaller-breakpoint: 1199px !default;\n$column-gap-max-width-smaller-padding: to-rem(\n\t$pxValue: 6\n) !default;\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"../../../css/helpers/functions\";\n@import \"footer.variables\";\n\n.rea-footer {\n\tbackground-color: $footer---backgroundColor;\n\tbox-shadow: $footer---boxShadow;\n\n\tcolor: $db-color-cool-gray-500;\n\tmargin-top: $footer---marginTop;\n\tpadding: #{to-rem($pxValue: 21)} #{to-rem($pxValue: 16)};\n\n\t& {\n\t\t@include clearfix($partial: $partial);\n\t}\n\n\t&.has-border {\n\t\tborder-top: $footer---borderTop;\n\t}\n\n\t@media screen and (max-width: 767px) {\n\t\ttext-align: center;\n\t}\n}\n","@import \"../../../css/db-ui-core.variables\";\n\n$footer---borderTop: #{to-rem(\n\t\t$pxValue: 6\n\t)} solid $db-color-cool-gray-200 !default;\n\n$footer---boxShadow: $box-shadow-01, $box-shadow-02 !default;\n\n$footer---marginTop: to-rem(\n\t$pxValue: 16\n) !default;\n\n$footer---backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n"]}
\ No newline at end of file
diff --git a/review/refactor-icon-update/css/enterprise/db-ui-core-rollup.css b/review/refactor-icon-update/css/enterprise/db-ui-core-rollup.css
new file mode 100644
index 0000000000..c906a2fcb7
--- /dev/null
+++ b/review/refactor-icon-update/css/enterprise/db-ui-core-rollup.css
@@ -0,0 +1,2 @@
+:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}body,html{margin:0;padding:0}body{min-height:100vh}html{background-color:#fdfdfd;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%}body,button,input,optgroup,select,textarea{font-family:DB Screen Sans,Helvetica,Arial,sans-serif}code,pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto}body{font-size:1rem;font-weight:400;line-height:1.5}a,body{color:#282d37}a strong{color:currentColor}a:hover{color:#5d616a}a:focus-visible{color:#5d616a}code{color:#e20015;font-size:.875em;font-weight:400;padding:.25em .5em}code,hr{background-color:#f5f5f5}hr{border:none;display:block;height:2px;margin:1.5rem 0}img{height:auto;max-width:100%}small{font-size:.875em}fieldset{border:none}pre{background-color:#f5f5f5;color:#282d37;font-size:.875em;-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1.25rem 1.5rem;white-space:pre;word-wrap:normal}pre code{background-color:transparent;color:currentColor;font-size:1em;padding:0}html{box-sizing:var(--db-box-sizing,border-box)}*,:after,:before{box-sizing:inherit}embed,iframe,img,object,video{height:auto;max-width:100%}iframe{border:0}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");margin:0;padding:0}:root{--db-focus-outline-offset:1px;--db-focus-outline-color:#2c95c4}:is(a,button,input,textarea,summary){--db-focus-outline-size:max(2px,0.08em)}:is(a,button,input,textarea,summary):focus-visible{outline:var(--db-focus-outline-size) var(--db-focus-outline-style,solid) var(--db-focus-outline-color,currentColor);outline-offset:var(--db-focus-outline-offset,var(--db-focus-outline-size))}:where(ul){list-style-type:"•   "}:where(ul) li::marker{color:#ec0016}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}.cmp-notification>em,.cmp-pagination .elm-headline,.cmp-tab-bar>*>input[type=radio],.cmp-tab-bar>input[type=radio],.elm-checkbox+label[data-label-hidden=true],.elm-chip[type=checkbox],.elm-chip[type=radio],.elm-input[type=color]+[data-label-hidden=true].elm-label,.elm-input[type=date]+[data-label-hidden=true].elm-label,.elm-input[type=datetime-local]+[data-label-hidden=true].elm-label,.elm-input[type=email]+[data-label-hidden=true].elm-label,.elm-input[type=month]+[data-label-hidden=true].elm-label,.elm-input[type=number]+[data-label-hidden=true].elm-label,.elm-input[type=password]+[data-label-hidden=true].elm-label,.elm-input[type=tel]+[data-label-hidden=true].elm-label,.elm-input[type=text]+[data-label-hidden=true].elm-label,.elm-input[type=time]+[data-label-hidden=true].elm-label,.elm-input[type=url]+[data-label-hidden=true].elm-label,.elm-input[type=week]+[data-label-hidden=true].elm-label,.elm-radio+label[data-label-hidden=true],.elm-select+[data-label-hidden=true].elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+[data-label-hidden=true].elm-label,[data-label-hidden=true].elm-label:has(+.elm-textarea){clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute!important;white-space:nowrap;width:1px}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:local("DB Screen Head Light"),local("DB Screen Head Light"),local("DB Head Light"),url(@db-ui/core/dist/fonts/dbscreenhead-light.woff2?4r0080) format("woff2"),url(@db-ui/core/dist/fonts/dbscreenhead-light.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:400;src:local("DB Screen Head Regular"),local("DB Screen Head"),local("DB Head"),url(@db-ui/core/dist/fonts/dbscreenhead-regular.woff2?4r0080) format("woff2"),url(@db-ui/core/dist/fonts/dbscreenhead-regular.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:local("DB Screen Head Black"),local("DB Screen Head Black"),local("DB Head Black"),url(@db-ui/core/dist/fonts/dbscreenhead-black.woff2?4r0080) format("woff2"),url(@db-ui/core/dist/fonts/dbscreenhead-black.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans Digital Regular;font-style:normal;font-weight:400;src:local("DB Screen Sans Digital Regular"),local("DB Screen Sans Digital"),local("DB Sans Digital"),url(@db-ui/core/dist/fonts/dbscreensans-digitalregular.woff2?4r0080) format("woff2"),url(@db-ui/core/dist/fonts/dbscreensans-digitalregular.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:local("DB Screen Sans Regular"),local("DB Screen Sans"),local("DB Sans"),url(@db-ui/core/dist/fonts/dbscreensans-regular.woff2?4r0080) format("woff2"),url(@db-ui/core/dist/fonts/dbscreensans-regular.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:500;src:local("DB Screen Sans Medium"),url(@db-ui/core/dist/fonts/dbscreensans-medium.woff2?4r0080) format("woff2"),url(@db-ui/core/dist/fonts/dbscreensans-medium.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:600;src:local("DB Screen Sans Semibold"),url(@db-ui/core/dist/fonts/dbscreensans-semibold.woff2?4r0080) format("woff2"),url(@db-ui/core/dist/fonts/dbscreensans-semibold.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:local("DB Screen Sans Bold"),local("DB Screen Sans Bold"),local("DB Sans Bold"),url(@db-ui/core/dist/fonts/dbscreensans-bold.woff2?4r0080) format("woff2"),url(@db-ui/core/dist/fonts/dbscreensans-bold.woff?4r0080) format("woff")}[data-icon-before=account],[data-icon=account]{--icon-glyph-before:"󡈡"}[data-icon-after=account]{--icon-glyph-after:"󡈡"}[data-icon-before=add],[data-icon=add]{--icon-glyph-before:"+"}[data-icon-after=add]{--icon-glyph-after:"+"}[data-icon-before=add-circle],[data-icon=add-circle]{--icon-glyph-before:"⊕"}[data-icon-after=add-circle]{--icon-glyph-after:"⊕"}[data-icon-before=air-condition],[data-icon=air-condition]{--icon-glyph-before:"❄"}[data-icon-after=air-condition]{--icon-glyph-after:"❄"}[data-icon-before=alarm],[data-icon=alarm]{--icon-glyph-before:"󡉄"}[data-icon-after=alarm]{--icon-glyph-after:"󡉄"}[data-icon-before=alarm-add],[data-icon=alarm-add]{--icon-glyph-before:"󡁢"}[data-icon-after=alarm-add]{--icon-glyph-after:"󡁢"}[data-icon-before=alert],[data-icon=alert]{--icon-glyph-before:"󡈢"}[data-icon-after=alert]{--icon-glyph-after:"󡈢"}[data-icon-before=alert-off],[data-icon=alert-off]{--icon-glyph-before:"󡉃"}[data-icon-after=alert-off]{--icon-glyph-after:"󡉃"}[data-icon-before=railroad-car],[data-icon=railroad-car]{--icon-glyph-before:"󡆓"}[data-icon-after=railroad-car]{--icon-glyph-after:"󡆓"}[data-icon-before=calendar],[data-icon=calendar]{--icon-glyph-before:"󡉇"}[data-icon-after=calendar]{--icon-glyph-after:"󡉇"}[data-icon-before=check-circle],[data-icon=check-circle]{--icon-glyph-before:"󡈠"}[data-icon-after=check-circle]{--icon-glyph-after:"󡈠"}[data-icon-before=credit-card],[data-icon=credit-card]{--icon-glyph-before:"󡈦"}[data-icon-after=credit-card]{--icon-glyph-after:"󡈦"}[data-icon-before=delete],[data-icon=delete]{--icon-glyph-before:"🗑"}[data-icon-after=delete]{--icon-glyph-after:"🗑"}[data-icon-before=discount],[data-icon=discount]{--icon-glyph-before:"󡁦"}[data-icon-after=discount]{--icon-glyph-after:"󡁦"}[data-icon-before=document],[data-icon=document]{--icon-glyph-before:"🖹"}[data-icon-after=document]{--icon-glyph-after:"🖹"}[data-icon-before=done],[data-icon=done]{--icon-glyph-before:"✓"}[data-icon-after=done]{--icon-glyph-after:"✓"}[data-icon-before=download],[data-icon=download]{--icon-glyph-before:"⭳"}[data-icon-after=download]{--icon-glyph-after:"⭳"}[data-icon-before=edit],[data-icon=edit]{--icon-glyph-before:"✏"}[data-icon-after=edit]{--icon-glyph-after:"✏"}[data-icon-before=filter],[data-icon=filter]{--icon-glyph-before:"󡁩"}[data-icon-after=filter]{--icon-glyph-after:"󡁩"}[data-icon-before=generic-card],[data-icon=generic-card]{--icon-glyph-before:"󡁰"}[data-icon-after=generic-card]{--icon-glyph-after:"󡁰"}[data-icon-before=giftcard],[data-icon=giftcard]{--icon-glyph-before:"󡉐"}[data-icon-after=giftcard]{--icon-glyph-after:"󡉐"}[data-icon-before=heart],[data-icon=heart]{--icon-glyph-before:"♡"}[data-icon-after=heart]{--icon-glyph-after:"♡"}[data-icon-before=help],[data-icon=help]{--icon-glyph-before:"?"}[data-icon-after=help]{--icon-glyph-after:"?"}[data-icon-before=info],[data-icon=info]{--icon-glyph-before:"🛈"}[data-icon-after=info]{--icon-glyph-after:"🛈"}[data-icon-before=legal],[data-icon=legal]{--icon-glyph-before:"§"}[data-icon-after=legal]{--icon-glyph-after:"§"}[data-icon-before=log-out],[data-icon=log-out]{--icon-glyph-before:"↦"}[data-icon-after=log-out]{--icon-glyph-after:"↦"}[data-icon-before=minus],[data-icon=minus]{--icon-glyph-before:"−"}[data-icon-after=minus]{--icon-glyph-after:"−"}[data-icon-before=print],[data-icon=print]{--icon-glyph-before:"🖨"}[data-icon-after=print]{--icon-glyph-after:"🖨"}[data-icon-before=remove],[data-icon=remove]{--icon-glyph-before:"⊝"}[data-icon-after=remove]{--icon-glyph-after:"⊝"}[data-icon-before=schedule],[data-icon=schedule]{--icon-glyph-before:"󡈳"}[data-icon-after=schedule]{--icon-glyph-after:"󡈳"}[data-icon-before=search],[data-icon=search]{--icon-glyph-before:"󡉔"}[data-icon-after=search]{--icon-glyph-after:"󡉔"}[data-icon-before=send],[data-icon=send]{--icon-glyph-before:"◹"}[data-icon-after=send]{--icon-glyph-after:"◹"}[data-icon-before=settings],[data-icon=settings]{--icon-glyph-before:"⚙"}[data-icon-after=settings]{--icon-glyph-after:"⚙"}[data-icon-before=share],[data-icon=share]{--icon-glyph-before:"󡁷"}[data-icon-after=share]{--icon-glyph-after:"󡁷"}[data-icon-before=shopping-bag],[data-icon=shopping-bag]{--icon-glyph-before:"🛍"}[data-icon-after=shopping-bag]{--icon-glyph-after:"🛍"}[data-icon-before=shopping-basket],[data-icon=shopping-basket]{--icon-glyph-before:"󡁹"}[data-icon-after=shopping-basket]{--icon-glyph-after:"󡁹"}[data-icon-before=shopping-cart],[data-icon=shopping-cart]{--icon-glyph-before:"󡉕"}[data-icon-after=shopping-cart]{--icon-glyph-after:"󡉕"}[data-icon-before=star],[data-icon=star]{--icon-glyph-before:"☆"}[data-icon-after=star]{--icon-glyph-after:"☆"}[data-icon-before=swap-horizontal],[data-icon=swap-horizontal]{--icon-glyph-before:"⇆"}[data-icon-after=swap-horizontal]{--icon-glyph-after:"⇆"}[data-icon-before=swap-vertical],[data-icon=swap-vertical]{--icon-glyph-before:"⇵"}[data-icon-after=swap-vertical]{--icon-glyph-after:"⇵"}[data-icon-before=upload],[data-icon=upload]{--icon-glyph-before:"󡂁"}[data-icon-after=upload]{--icon-glyph-after:"󡂁"}[data-icon-before=visibility],[data-icon=visibility]{--icon-glyph-before:"👁"}[data-icon-after=visibility]{--icon-glyph-after:"👁"}[data-icon-before=visibility-off],[data-icon=visibility-off]{--icon-glyph-before:"󡂂"}[data-icon-after=visibility-off]{--icon-glyph-after:"󡂂"}[data-icon-before=website],[data-icon=website]{--icon-glyph-before:"󡉘"}[data-icon-after=website]{--icon-glyph-after:"󡉘"}[data-icon-before=zoom-in],[data-icon=zoom-in]{--icon-glyph-before:"󡂃"}[data-icon-after=zoom-in]{--icon-glyph-after:"󡂃"}[data-icon-before=bicycle-trailer],[data-icon=bicycle-trailer]{--icon-glyph-before:"󡆒"}[data-icon-after=bicycle-trailer]{--icon-glyph-after:"󡆒"}[data-icon-before=zoom-out],[data-icon=zoom-out]{--icon-glyph-before:"󡂄"}[data-icon-after=zoom-out]{--icon-glyph-after:"󡂄"}[data-icon-before=fast-backward-10],[data-icon=fast-backward-10]{--icon-glyph-before:"󡂅"}[data-icon-after=fast-backward-10]{--icon-glyph-after:"󡂅"}[data-icon-before=fast-backward-30],[data-icon=fast-backward-30]{--icon-glyph-before:"󡂆"}[data-icon-after=fast-backward-30]{--icon-glyph-after:"󡂆"}[data-icon-before=fast-backward-empty],[data-icon=fast-backward-empty]{--icon-glyph-before:"⤺"}[data-icon-after=fast-backward-empty]{--icon-glyph-after:"⤺"}[data-icon-before=fast-forward-10],[data-icon=fast-forward-10]{--icon-glyph-before:"󡂇"}[data-icon-after=fast-forward-10]{--icon-glyph-after:"󡂇"}[data-icon-before=fast-forward-30],[data-icon=fast-forward-30]{--icon-glyph-before:"󡂈"}[data-icon-after=fast-forward-30]{--icon-glyph-after:"󡂈"}[data-icon-before=fast-forward-empty],[data-icon=fast-forward-empty]{--icon-glyph-before:"⤻"}[data-icon-after=fast-forward-empty]{--icon-glyph-after:"⤻"}[data-icon-before=pause],[data-icon=pause]{--icon-glyph-before:"⏸"}[data-icon-after=pause]{--icon-glyph-after:"⏸"}[data-icon-before=play],[data-icon=play]{--icon-glyph-before:"▷"}[data-icon-after=play]{--icon-glyph-after:"▷"}[data-icon-before=skip-backward],[data-icon=skip-backward]{--icon-glyph-before:"⏮"}[data-icon-after=skip-backward]{--icon-glyph-after:"⏮"}[data-icon-before=skip-forward],[data-icon=skip-forward]{--icon-glyph-before:"⏭"}[data-icon-after=skip-forward]{--icon-glyph-after:"⏭"}[data-icon-before=stop],[data-icon=stop]{--icon-glyph-before:"□"}[data-icon-after=stop]{--icon-glyph-after:"□"}[data-icon-before=subway],[data-icon=subway]{--icon-glyph-before:"󡈇"}[data-icon-after=subway]{--icon-glyph-after:"󡈇"}[data-icon-before=subtitles],[data-icon=subtitles]{--icon-glyph-before:"󡂑"}[data-icon-after=subtitles]{--icon-glyph-after:"󡂑"}[data-icon-before=dog],[data-icon=dog]{--icon-glyph-before:"󡊙"}[data-icon-after=dog]{--icon-glyph-after:"󡊙"}[data-icon-before=volume-down],[data-icon=volume-down]{--icon-glyph-before:"󡉙"}[data-icon-after=volume-down]{--icon-glyph-after:"󡉙"}[data-icon-before=volume-mute],[data-icon=volume-mute]{--icon-glyph-before:"󡉠"}[data-icon-after=volume-mute]{--icon-glyph-after:"󡉠"}[data-icon-before=volume-off],[data-icon=volume-off]{--icon-glyph-before:"󡉡"}[data-icon-after=volume-off]{--icon-glyph-after:"󡉡"}[data-icon-before=volume-up],[data-icon=volume-up]{--icon-glyph-before:"󡉢"}[data-icon-after=volume-up]{--icon-glyph-after:"󡉢"}[data-icon-before=call],[data-icon=call]{--icon-glyph-before:"󡈵"}[data-icon-after=call]{--icon-glyph-after:"󡈵"}[data-icon-before=chat],[data-icon=chat]{--icon-glyph-before:"󡈶"}[data-icon-after=chat]{--icon-glyph-after:"󡈶"}[data-icon-before=conversation],[data-icon=conversation]{--icon-glyph-before:"󡂕"}[data-icon-after=conversation]{--icon-glyph-after:"󡂕"}[data-icon-before=fax],[data-icon=fax]{--icon-glyph-before:"🖷"}[data-icon-after=fax]{--icon-glyph-after:"🖷"}[data-icon-before=qr-code-scan],[data-icon=qr-code-scan]{--icon-glyph-before:"󡊘"}[data-icon-after=qr-code-scan]{--icon-glyph-after:"󡊘"}[data-icon-before=feedback],[data-icon=feedback]{--icon-glyph-before:"⍰"}[data-icon-after=feedback]{--icon-glyph-after:"⍰"}[data-icon-before=mail],[data-icon=mail]{--icon-glyph-before:"✉"}[data-icon-after=mail]{--icon-glyph-after:"✉"}[data-icon-before=mobile-off],[data-icon=mobile-off]{--icon-glyph-before:"󡉤"}[data-icon-after=mobile-off]{--icon-glyph-after:"󡉤"}[data-icon-before=mobile-phone],[data-icon=mobile-phone]{--icon-glyph-before:"󡉣"}[data-icon-after=mobile-phone]{--icon-glyph-after:"󡉣"}[data-icon-before=wifi],[data-icon=wifi]{--icon-glyph-before:"󡂘"}[data-icon-after=wifi]{--icon-glyph-after:"󡂘"}[data-icon-before=wifi-off],[data-icon=wifi-off]{--icon-glyph-before:"󡅉"}[data-icon-after=wifi-off]{--icon-glyph-after:"󡅉"}[data-icon-before=mask],[data-icon=mask]{--icon-glyph-before:"󡉥"}[data-icon-after=mask]{--icon-glyph-after:"󡉥"}[data-icon-before=wc],[data-icon=wc]{--icon-glyph-before:"󡉩"}[data-icon-after=wc]{--icon-glyph-after:"󡉩"}[data-icon-before=wc-men],[data-icon=wc-men]{--icon-glyph-before:"󡉰"}[data-icon-after=wc-men]{--icon-glyph-after:"󡉰"}[data-icon-before=wc-sign],[data-icon=wc-sign]{--icon-glyph-before:"󡉱"}[data-icon-after=wc-sign]{--icon-glyph-after:"󡉱"}[data-icon-before=wc-woman],[data-icon=wc-woman]{--icon-glyph-before:"󡉲"}[data-icon-after=wc-woman]{--icon-glyph-after:"󡉲"}[data-icon-before=entry-aid],[data-icon=entry-aid]{--icon-glyph-before:"󡅐"}[data-icon-after=entry-aid]{--icon-glyph-after:"󡅐"}[data-icon-before=luggage-rack],[data-icon=luggage-rack]{--icon-glyph-before:"󡉵"}[data-icon-after=luggage-rack]{--icon-glyph-after:"󡉵"}[data-icon-before=medical],[data-icon=medical]{--icon-glyph-before:"✚"}[data-icon-after=medical]{--icon-glyph-after:"✚"}[data-icon-before=power-outlet],[data-icon=power-outlet]{--icon-glyph-before:"󡉸"}[data-icon-after=power-outlet]{--icon-glyph-after:"󡉸"}[data-icon-before=coffee-cup],[data-icon=coffee-cup]{--icon-glyph-before:"󡈷"}[data-icon-after=coffee-cup]{--icon-glyph-after:"󡈷"}[data-icon-before=drink],[data-icon=drink]{--icon-glyph-before:"󡄁"}[data-icon-after=drink]{--icon-glyph-after:"󡄁"}[data-icon-before=restaurant],[data-icon=restaurant]{--icon-glyph-before:"🍽"}[data-icon-after=restaurant]{--icon-glyph-after:"🍽"}[data-icon-before="1st-class"],[data-icon="1st-class"]{--icon-glyph-before:"⒈"}[data-icon-after="1st-class"]{--icon-glyph-after:"⒈"}[data-icon-before="2nd-class"],[data-icon="2nd-class"]{--icon-glyph-before:"⒉"}[data-icon-after="2nd-class"]{--icon-glyph-after:"⒉"}[data-icon-before=alternative-connection],[data-icon=alternative-connection]{--icon-glyph-before:"󡄂"}[data-icon-after=alternative-connection]{--icon-glyph-after:"󡄂"}[data-icon-before=booking],[data-icon=booking]{--icon-glyph-before:"󡄃"}[data-icon-after=booking]{--icon-glyph-after:"󡄃"}[data-icon-before=capacity-indicator],[data-icon=capacity-indicator]{--icon-glyph-before:"󡄄"}[data-icon-after=capacity-indicator]{--icon-glyph-after:"󡄄"}[data-icon-before=scooter],[data-icon=scooter]{--icon-glyph-before:"󡈄"}[data-icon-after=scooter]{--icon-glyph-after:"󡈄"}[data-icon-before=capacity-indicator-fully-booked],[data-icon=capacity-indicator-fully-booked]{--icon-glyph-before:"󡄆"}[data-icon-after=capacity-indicator-fully-booked]{--icon-glyph-after:"󡄆"}[data-icon-before=capacity-indicator-high],[data-icon=capacity-indicator-high]{--icon-glyph-before:"󡄈"}[data-icon-after=capacity-indicator-high]{--icon-glyph-after:"󡄈"}[data-icon-before=capacity-indicator-low],[data-icon=capacity-indicator-low]{--icon-glyph-before:"󡄐"}[data-icon-after=capacity-indicator-low]{--icon-glyph-after:"󡄐"}[data-icon-before=destination],[data-icon=destination]{--icon-glyph-before:"󡈸"}[data-icon-after=destination]{--icon-glyph-after:"󡈸"}[data-icon-before=intermediary-stop],[data-icon=intermediary-stop]{--icon-glyph-before:"󡄓"}[data-icon-after=intermediary-stop]{--icon-glyph-after:"󡄓"}[data-icon-before=round-trip],[data-icon=round-trip]{--icon-glyph-before:"⮔"}[data-icon-after=round-trip]{--icon-glyph-after:"⮔"}[data-icon-before=single-trip],[data-icon=single-trip]{--icon-glyph-before:"⤞"}[data-icon-after=single-trip]{--icon-glyph-after:"⤞"}[data-icon-before=start],[data-icon=start]{--icon-glyph-before:"⦿"}[data-icon-after=start]{--icon-glyph-after:"⦿"}[data-icon-before=home],[data-icon=home]{--icon-glyph-before:"⌂"}[data-icon-after=home]{--icon-glyph-after:"⌂"}[data-icon-before=map],[data-icon=map]{--icon-glyph-before:"🗺"}[data-icon-after=map]{--icon-glyph-after:"🗺"}[data-icon-before=stop-sign],[data-icon=stop-sign]{--icon-glyph-before:"󡄕"}[data-icon-after=stop-sign]{--icon-glyph-after:"󡄕"}[data-icon-before=map-stop],[data-icon=map-stop]{--icon-glyph-before:"󡄕"}[data-icon-after=map-stop]{--icon-glyph-after:"󡄕"}[data-icon-before=travel-insurance],[data-icon=travel-insurance]{--icon-glyph-before:"󡆆"}[data-icon-after=travel-insurance]{--icon-glyph-after:"󡆆"}[data-icon-before=intercity-train],[data-icon=intercity-train]{--icon-glyph-before:"󡈖"}[data-icon-after=intercity-train]{--icon-glyph-after:"󡈖"}[data-icon-before=multiple-passenger],[data-icon=multiple-passenger]{--icon-glyph-before:"󡊆"}[data-icon-after=multiple-passenger]{--icon-glyph-after:"󡊆"}[data-icon-before=best-price],[data-icon=best-price]{--icon-glyph-before:"󡆅"}[data-icon-after=best-price]{--icon-glyph-after:"󡆅"}[data-icon-before=multiple-cards],[data-icon=multiple-cards]{--icon-glyph-before:"󡆄"}[data-icon-after=multiple-cards]{--icon-glyph-after:"󡆄"}[data-icon-before=bed],[data-icon=bed]{--icon-glyph-before:"🛏"}[data-icon-after=bed]{--icon-glyph-after:"🛏"}[data-icon-before=steppless-entry],[data-icon=steppless-entry]{--icon-glyph-before:"󡈗"}[data-icon-after=steppless-entry]{--icon-glyph-after:"󡈗"}[data-icon-before=ticket-subscription],[data-icon=ticket-subscription]{--icon-glyph-before:"󡈘"}[data-icon-after=ticket-subscription]{--icon-glyph-after:"󡈘"}[data-icon-before=walking-fast],[data-icon=walking-fast]{--icon-glyph-before:"󡈙"}[data-icon-after=walking-fast]{--icon-glyph-after:"󡈙"}[data-icon-before=aisle-not-available],[data-icon=aisle-not-available]{--icon-glyph-before:"󡆃"}[data-icon-after=aisle-not-available]{--icon-glyph-after:"󡆃"}[data-icon-before=station],[data-icon=station]{--icon-glyph-before:"󡆂"}[data-icon-after=station]{--icon-glyph-after:"󡆂"}[data-icon-before=parking],[data-icon=parking]{--icon-glyph-before:"🅿"}[data-icon-after=parking]{--icon-glyph-after:"🅿"}[data-icon-before=place],[data-icon=place]{--icon-glyph-before:"󡄖"}[data-icon-after=place]{--icon-glyph-after:"󡄖"}[data-icon-before=set-position],[data-icon=set-position]{--icon-glyph-before:"🞋"}[data-icon-after=set-position]{--icon-glyph-after:"🞋"}[data-icon-before=trainstation],[data-icon=trainstation]{--icon-glyph-before:"󡊀"}[data-icon-after=trainstation]{--icon-glyph-after:"󡊀"}[data-icon-before=train-station],[data-icon=train-station]{--icon-glyph-before:"󡊀"}[data-icon-after=train-station]{--icon-glyph-after:"󡊀"}[data-icon-before=couchette],[data-icon=couchette]{--icon-glyph-before:"󡆉"}[data-icon-after=couchette]{--icon-glyph-after:"󡆉"}[data-icon-before=arrow-back],[data-icon=arrow-back]{--icon-glyph-before:"←"}[data-icon-after=arrow-back]{--icon-glyph-after:"←"}[data-icon-before=arrow-down],[data-icon=arrow-down]{--icon-glyph-before:"↓"}[data-icon-after=arrow-down]{--icon-glyph-after:"↓"}[data-icon-before=arrow-forward],[data-icon=arrow-forward]{--icon-glyph-before:"→"}[data-icon-after=arrow-forward]{--icon-glyph-after:"→"}[data-icon-before=arrow-up],[data-icon=arrow-up]{--icon-glyph-before:"↑"}[data-icon-after=arrow-up]{--icon-glyph-after:"↑"}[data-icon-before=cancel],[data-icon=cancel]{--icon-glyph-before:"⮾"}[data-icon-after=cancel]{--icon-glyph-after:"⮾"}[data-icon-before=chevron-left],[data-icon=chevron-left]{--icon-glyph-before:"<"}[data-icon-after=chevron-left]{--icon-glyph-after:"<"}[data-icon-before=chevron-right],[data-icon=chevron-right]{--icon-glyph-before:">"}[data-icon-after=chevron-right]{--icon-glyph-after:">"}[data-icon-before=close],[data-icon=close]{--icon-glyph-before:"⨯"}[data-icon-after=close]{--icon-glyph-after:"⨯"}[data-icon-before=expand-less],[data-icon=expand-less]{--icon-glyph-before:"⌃"}[data-icon-after=expand-less]{--icon-glyph-after:"⌃"}[data-icon-before=carsharing],[data-icon=carsharing]{--icon-glyph-before:"󡆔"}[data-icon-after=carsharing]{--icon-glyph-after:"󡆔"}[data-icon-before=electric-locomotive],[data-icon=electric-locomotive]{--icon-glyph-before:"󡆕"}[data-icon-after=electric-locomotive]{--icon-glyph-after:"󡆕"}[data-icon-before=expand-more],[data-icon=expand-more]{--icon-glyph-before:"⌄"}[data-icon-after=expand-more]{--icon-glyph-after:"⌄"}[data-icon-before=fullscreen],[data-icon=fullscreen]{--icon-glyph-before:"󡄙"}[data-icon-after=fullscreen]{--icon-glyph-after:"󡄙"}[data-icon-before=fullscreen-exit],[data-icon=fullscreen-exit]{--icon-glyph-before:"󡄠"}[data-icon-after=fullscreen-exit]{--icon-glyph-after:"󡄠"}[data-icon-before=grid-view],[data-icon=grid-view]{--icon-glyph-before:"𐌎"}[data-icon-after=grid-view]{--icon-glyph-after:"𐌎"}[data-icon-before=link],[data-icon=link]{--icon-glyph-before:"🡢"}[data-icon-after=link]{--icon-glyph-after:"🡢"}[data-icon-before=link-external],[data-icon=link-external]{--icon-glyph-before:"🡥"}[data-icon-after=link-external]{--icon-glyph-after:"🡥"}[data-icon-before=list],[data-icon=list]{--icon-glyph-before:"󡄡"}[data-icon-after=list]{--icon-glyph-after:"󡄡"}[data-icon-before=menu],[data-icon=menu]{--icon-glyph-before:"󡄢"}[data-icon-after=menu]{--icon-glyph-after:"󡄢"}[data-icon-before=s-bahn],[data-icon=s-bahn]{--icon-glyph-before:"󡈃"}[data-icon-after=s-bahn]{--icon-glyph-after:"󡈃"}[data-icon-before=more-horizontal],[data-icon=more-horizontal]{--icon-glyph-before:"⋯"}[data-icon-after=more-horizontal]{--icon-glyph-after:"⋯"}[data-icon-before=more-vertical],[data-icon=more-vertical]{--icon-glyph-before:"⋮"}[data-icon-after=more-vertical]{--icon-glyph-after:"⋮"}[data-icon-before=refresh],[data-icon=refresh]{--icon-glyph-before:"🗘"}[data-icon-after=refresh]{--icon-glyph-after:"🗘"}[data-icon-before=error],[data-icon=error]{--icon-glyph-before:"󡄣"}[data-icon-after=error]{--icon-glyph-after:"󡄣"}[data-icon-before=error-triangle],[data-icon=error-triangle]{--icon-glyph-before:"⚠"}[data-icon-after=error-triangle]{--icon-glyph-after:"⚠"}[data-icon-before=warning],[data-icon=warning]{--icon-glyph-before:"⚠"}[data-icon-after=warning]{--icon-glyph-after:"⚠"}[data-icon-before=notify],[data-icon=notify]{--icon-glyph-before:"󡄦"}[data-icon-after=notify]{--icon-glyph-after:"󡄦"}[data-icon-before=taxi],[data-icon=taxi]{--icon-glyph-before:"󡈈"}[data-icon-after=taxi]{--icon-glyph-after:"󡈈"}[data-icon-before=notify-cutoff],[data-icon=notify-cutoff]{--icon-glyph-before:"󡄧"}[data-icon-after=notify-cutoff]{--icon-glyph-after:"󡄧"}[data-icon-before=aisle],[data-icon=aisle]{--icon-glyph-before:"󡊁"}[data-icon-after=aisle]{--icon-glyph-after:"󡊁"}[data-icon-before=elderly],[data-icon=elderly]{--icon-glyph-before:"󡄨"}[data-icon-after=elderly]{--icon-glyph-after:"󡄨"}[data-icon-before=handicapped],[data-icon=handicapped]{--icon-glyph-before:"󡊃"}[data-icon-after=handicapped]{--icon-glyph-after:"󡊃"}[data-icon-before=table],[data-icon=table]{--icon-glyph-before:"󡄩"}[data-icon-after=table]{--icon-glyph-after:"󡄩"}[data-icon-before=window],[data-icon=window]{--icon-glyph-before:"󡄰"}[data-icon-after=window]{--icon-glyph-after:"󡄰"}[data-icon-before=bahnbonus],[data-icon=bahnbonus]{--icon-glyph-before:"󡄱"}[data-icon-after=bahnbonus]{--icon-glyph-after:"󡄱"}[data-icon-before=bahnbonus-card],[data-icon=bahnbonus-card]{--icon-glyph-before:"󡄲"}[data-icon-after=bahnbonus-card]{--icon-glyph-after:"󡄲"}[data-icon-before=bahncard],[data-icon=bahncard]{--icon-glyph-before:"󡄴"}[data-icon-after=bahncard]{--icon-glyph-after:"󡄴"}[data-icon-before=commuter-ticket],[data-icon=commuter-ticket]{--icon-glyph-before:"󡄶"}[data-icon-after=commuter-ticket]{--icon-glyph-after:"󡄶"}[data-icon-before=komfort-check-in],[data-icon=komfort-check-in]{--icon-glyph-before:"󡄷"}[data-icon-after=komfort-check-in]{--icon-glyph-after:"󡄷"}[data-icon-before=komfort-check-in-check],[data-icon=komfort-check-in-check]{--icon-glyph-before:"✔"}[data-icon-after=komfort-check-in-check]{--icon-glyph-after:"✔"}[data-icon-before=komfort-check-in-circle],[data-icon=komfort-check-in-circle]{--icon-glyph-before:"🤇"}[data-icon-after=komfort-check-in-circle]{--icon-glyph-after:"🤇"}[data-icon-before=my-travel],[data-icon=my-travel]{--icon-glyph-before:"󡄸"}[data-icon-after=my-travel]{--icon-glyph-after:"󡄸"}[data-icon-before=outward-journey],[data-icon=outward-journey]{--icon-glyph-before:"󡄹"}[data-icon-after=outward-journey]{--icon-glyph-after:"󡄹"}[data-icon-before=qr-code],[data-icon=qr-code]{--icon-glyph-before:"󡅀"}[data-icon-after=qr-code]{--icon-glyph-after:"󡅀"}[data-icon-before=airplane],[data-icon=airplane]{--icon-glyph-before:"󡆐"}[data-icon-after=airplane]{--icon-glyph-after:"󡆐"}[data-icon-before=call-a-bike],[data-icon=call-a-bike]{--icon-glyph-before:"󡆑"}[data-icon-after=call-a-bike]{--icon-glyph-after:"󡆑"}[data-icon-before=return-journey],[data-icon=return-journey]{--icon-glyph-before:"󡅁"}[data-icon-after=return-journey]{--icon-glyph-after:"󡅁"}[data-icon-before=ticket],[data-icon=ticket]{--icon-glyph-before:"󡊇"}[data-icon-after=ticket]{--icon-glyph-after:"󡊇"}[data-icon-before=ticket-discount],[data-icon=ticket-discount]{--icon-glyph-before:"󡅂"}[data-icon-after=ticket-discount]{--icon-glyph-after:"󡅂"}[data-icon-before=electric-scooter],[data-icon=electric-scooter]{--icon-glyph-before:"󡆖"}[data-icon-after=electric-scooter]{--icon-glyph-after:"󡆖"}[data-icon-before=ev-car],[data-icon=ev-car]{--icon-glyph-before:"󡆗"}[data-icon-after=ev-car]{--icon-glyph-after:"󡆗"}[data-icon-before=ticket-multiple],[data-icon=ticket-multiple]{--icon-glyph-before:"󡅃"}[data-icon-after=ticket-multiple]{--icon-glyph-after:"󡅃"}[data-icon-before=time-outward-journey],[data-icon=time-outward-journey]{--icon-glyph-before:"󡅄"}[data-icon-after=time-outward-journey]{--icon-glyph-after:"󡅄"}[data-icon-before=time-return-journey],[data-icon=time-return-journey]{--icon-glyph-before:"󡅅"}[data-icon-after=time-return-journey]{--icon-glyph-after:"󡅅"}[data-icon-before=timetable],[data-icon=timetable]{--icon-glyph-before:"󡅆"}[data-icon-after=timetable]{--icon-glyph-after:"󡅆"}[data-icon-before=bicycle],[data-icon=bicycle]{--icon-glyph-before:"󡈹"}[data-icon-after=bicycle]{--icon-glyph-after:"󡈹"}[data-icon-before=car],[data-icon=car]{--icon-glyph-before:"󡅑"}[data-icon-after=car]{--icon-glyph-after:"󡅑"}[data-icon-before=car-sequence],[data-icon=car-sequence]{--icon-glyph-before:"󡅇"}[data-icon-after=car-sequence]{--icon-glyph-after:"󡅇"}[data-icon-before=ice-side-view],[data-icon=ice-side-view]{--icon-glyph-before:"󡊈"}[data-icon-after=ice-side-view]{--icon-glyph-after:"󡊈"}[data-icon-before=sprinter],[data-icon=sprinter]{--icon-glyph-before:"󡅈"}[data-icon-after=sprinter]{--icon-glyph-after:"󡅈"}[data-icon-before=walking],[data-icon=walking]{--icon-glyph-before:"󡉁"}[data-icon-after=walking]{--icon-glyph-after:"󡉁"}[data-icon-before=logo],[data-icon=logo]{--icon-glyph-before:"󡅒"}[data-icon-after=logo]{--icon-glyph-after:"󡅒"}[data-icon-before=buggy],[data-icon=buggy]{--icon-glyph-before:"󡅓"}[data-icon-after=buggy]{--icon-glyph-after:"󡅓"}[data-icon-before=childrens-compartment],[data-icon=childrens-compartment]{--icon-glyph-before:"󡊂"}[data-icon-after=childrens-compartment]{--icon-glyph-after:"󡊂"}[data-icon-before=parent-child-compartment],[data-icon=parent-child-compartment]{--icon-glyph-before:"󡊄"}[data-icon-after=parent-child-compartment]{--icon-glyph-after:"󡊄"}[data-icon-before=augmented-reality],[data-icon=augmented-reality]{--icon-glyph-before:"󡅧"}[data-icon-after=augmented-reality]{--icon-glyph-after:"󡅧"}[data-icon-before=quiet-zone],[data-icon=quiet-zone]{--icon-glyph-before:"󡊅"}[data-icon-after=quiet-zone]{--icon-glyph-after:"󡊅"}[data-icon-before=duplicate],[data-icon=duplicate]{--icon-glyph-before:"󡅔"}[data-icon-after=duplicate]{--icon-glyph-after:"󡅔"}[data-icon-before=copy],[data-icon=copy]{--icon-glyph-before:"󡅔"}[data-icon-after=copy]{--icon-glyph-after:"󡅔"}[data-icon-before=image],[data-icon=image]{--icon-glyph-before:"🖼"}[data-icon-after=image]{--icon-glyph-after:"🖼"}[data-icon-before=lock-close],[data-icon=lock-close]{--icon-glyph-before:"󡈩"}[data-icon-after=lock-close]{--icon-glyph-after:"󡈩"}[data-icon-before=lock-open],[data-icon=lock-open]{--icon-glyph-before:"󡈰"}[data-icon-after=lock-open]{--icon-glyph-after:"󡈰"}[data-icon-before=restricted-mobility-toilet],[data-icon=restricted-mobility-toilet]{--icon-glyph-before:"󡅣"}[data-icon-after=restricted-mobility-toilet]{--icon-glyph-after:"󡅣"}[data-icon-before=database],[data-icon=database]{--icon-glyph-before:"󡆁"}[data-icon-after=database]{--icon-glyph-after:"󡆁"}[data-icon-before=breakfast],[data-icon=breakfast]{--icon-glyph-before:"󡉹"}[data-icon-after=breakfast]{--icon-glyph-after:"󡉹"}[data-icon-before=ferry],[data-icon=ferry]{--icon-glyph-before:"󡆘"}[data-icon-after=ferry]{--icon-glyph-after:"󡆘"}[data-icon-before=no-smoking],[data-icon=no-smoking]{--icon-glyph-before:"󡉶"}[data-icon-after=no-smoking]{--icon-glyph-after:"󡉶"}[data-icon-before=luggage-compartment],[data-icon=luggage-compartment]{--icon-glyph-before:"󡉴"}[data-icon-after=luggage-compartment]{--icon-glyph-after:"󡉴"}[data-icon-before=environmental-mobility-check],[data-icon=environmental-mobility-check]{--icon-glyph-before:"󡉳"}[data-icon-after=environmental-mobility-check]{--icon-glyph-after:"󡉳"}[data-icon-before=clothing-hanger],[data-icon=clothing-hanger]{--icon-glyph-before:"󡆀"}[data-icon-after=clothing-hanger]{--icon-glyph-after:"󡆀"}[data-icon-before=handcart],[data-icon=handcart]{--icon-glyph-before:"󡆙"}[data-icon-after=handcart]{--icon-glyph-after:"󡆙"}[data-icon-before=reservation],[data-icon=reservation]{--icon-glyph-before:"󡅹"}[data-icon-after=reservation]{--icon-glyph-after:"󡅹"}[data-icon-before=platform],[data-icon=platform]{--icon-glyph-before:"🛤"}[data-icon-after=platform]{--icon-glyph-after:"🛤"}[data-icon-before=night],[data-icon=night]{--icon-glyph-before:"󡊉"}[data-icon-after=night]{--icon-glyph-after:"󡊉"}[data-icon-before=piggybank],[data-icon=piggybank]{--icon-glyph-before:"󡊐"}[data-icon-after=piggybank]{--icon-glyph-after:"󡊐"}[data-icon-before=resize-handle-corner],[data-icon=resize-handle-corner]{--icon-glyph-before:"󡊑"}[data-icon-after=resize-handle-corner]{--icon-glyph-after:"󡊑"}[data-icon-before=document-check],[data-icon=document-check]{--icon-glyph-before:"󡊒"}[data-icon-after=document-check]{--icon-glyph-after:"󡊒"}[data-icon-before=face-delighted],[data-icon=face-delighted]{--icon-glyph-before:"󡊓"}[data-icon-after=face-delighted]{--icon-glyph-after:"󡊓"}[data-icon-before=face-disappointed],[data-icon=face-disappointed]{--icon-glyph-before:"󡊔"}[data-icon-after=face-disappointed]{--icon-glyph-after:"󡊔"}[data-icon-before=push-button],[data-icon=push-button]{--icon-glyph-before:"󡊕"}[data-icon-after=push-button]{--icon-glyph-after:"󡊕"}[data-icon-before=fast-backward],[data-icon=fast-backward]{--icon-glyph-before:"󡊖"}[data-icon-after=fast-backward]{--icon-glyph-after:"󡊖"}[data-icon-before=fast-forward],[data-icon=fast-forward]{--icon-glyph-before:"󡊗"}[data-icon-after=fast-forward]{--icon-glyph-after:"󡊗"}[data-icon-before=marketplace],[data-icon=marketplace]{--icon-glyph-before:"󡅸"}[data-icon-after=marketplace]{--icon-glyph-after:"󡅸"}[data-icon-before=hydrogen],[data-icon=hydrogen]{--icon-glyph-before:"󡅷"}[data-icon-after=hydrogen]{--icon-glyph-after:"󡅷"}[data-icon-before=day],[data-icon=day]{--icon-glyph-before:"☀"}[data-icon-after=day]{--icon-glyph-after:"☀"}[data-icon-before=sink],[data-icon=sink]{--icon-glyph-before:"󡉨"}[data-icon-after=sink]{--icon-glyph-after:"󡉨"}[data-icon-before=microphone],[data-icon=microphone]{--icon-glyph-before:"󡈴"}[data-icon-after=microphone]{--icon-glyph-after:"󡈴"}[data-icon-before=undo],[data-icon=undo]{--icon-glyph-before:"⎌"}[data-icon-after=undo]{--icon-glyph-after:"⎌"}[data-icon-before=thumb-up-down],[data-icon=thumb-up-down]{--icon-glyph-before:"󡉗"}[data-icon-after=thumb-up-down]{--icon-glyph-after:"󡉗"}[data-icon-before=local-bus],[data-icon=local-bus]{--icon-glyph-before:"󡈁"}[data-icon-after=local-bus]{--icon-glyph-after:"󡈁"}[data-icon-before=long-distance-bus],[data-icon=long-distance-bus]{--icon-glyph-before:"󡈂"}[data-icon-after=long-distance-bus]{--icon-glyph-after:"󡈂"}[data-icon-before=thumb-up],[data-icon=thumb-up]{--icon-glyph-before:"󡉖"}[data-icon-after=thumb-up]{--icon-glyph-after:"󡉖"}[data-icon-before=logbook],[data-icon=logbook]{--icon-glyph-before:"󡉓"}[data-icon-after=logbook]{--icon-glyph-after:"󡉓"}[data-icon-before=lightbulb],[data-icon=lightbulb]{--icon-glyph-before:"󡉒"}[data-icon-after=lightbulb]{--icon-glyph-after:"󡉒"}[data-icon-before=key],[data-icon=key]{--icon-glyph-before:"󡉑"}[data-icon-after=key]{--icon-glyph-after:"󡉑"}[data-icon-before=fingerprint],[data-icon=fingerprint]{--icon-glyph-before:"󡅱"}[data-icon-after=fingerprint]{--icon-glyph-after:"󡅱"}[data-icon-before=face-smiling],[data-icon=face-smiling]{--icon-glyph-before:"󡅰"}[data-icon-after=face-smiling]{--icon-glyph-after:"󡅰"}[data-icon-before=face-neutral],[data-icon=face-neutral]{--icon-glyph-before:"󡅨"}[data-icon-after=face-neutral]{--icon-glyph-after:"󡅨"}[data-icon-before=ice],[data-icon=ice]{--icon-glyph-before:"󡈀"}[data-icon-after=ice]{--icon-glyph-after:"󡈀"}[data-icon-before=face-sad],[data-icon=face-sad]{--icon-glyph-before:"󡅩"}[data-icon-after=face-sad]{--icon-glyph-after:"󡅩"}[data-icon-before=cloud-upload],[data-icon=cloud-upload]{--icon-glyph-before:"⇧"}[data-icon-after=cloud-upload]{--icon-glyph-after:"⇧"}[data-icon-before=cloud-download],[data-icon=cloud-download]{--icon-glyph-before:"⇩"}[data-icon-after=cloud-download]{--icon-glyph-after:"⇩"}[data-icon-before=cash],[data-icon=cash]{--icon-glyph-before:"󡉈"}[data-icon-after=cash]{--icon-glyph-after:"󡉈"}[data-icon-before=dashboard],[data-icon=dashboard]{--icon-glyph-before:"󡅤"}[data-icon-after=dashboard]{--icon-glyph-after:"󡅤"}[data-icon-before=resize],[data-icon=resize]{--icon-glyph-before:"󡅥"}[data-icon-after=resize]{--icon-glyph-after:"󡅥"}[data-icon-before=sepa],[data-icon=sepa]{--icon-glyph-before:"󡅦"}[data-icon-after=sepa]{--icon-glyph-after:"󡅦"}[data-icon-before=save],[data-icon=save]{--icon-glyph-before:"󡈲"}[data-icon-after=save]{--icon-glyph-after:"󡈲"}[data-icon-before=pin],[data-icon=pin]{--icon-glyph-before:"󡈱"}[data-icon-after=pin]{--icon-glyph-after:"󡈱"}[data-icon-before=folder-open],[data-icon=folder-open]{--icon-glyph-before:"󡈨"}[data-icon-after=folder-open]{--icon-glyph-after:"󡈨"}[data-icon-before=folder],[data-icon=folder]{--icon-glyph-before:"󡈧"}[data-icon-after=folder]{--icon-glyph-after:"󡈧"}[data-icon-before=camera],[data-icon=camera]{--icon-glyph-before:"󡈥"}[data-icon-after=camera]{--icon-glyph-after:"󡈥"}[data-icon-before=compass],[data-icon=compass]{--icon-glyph-before:"󡉉"}[data-icon-after=compass]{--icon-glyph-after:"󡉉"}[data-icon-before=drag-and-drop],[data-icon=drag-and-drop]{--icon-glyph-before:"󡆇"}[data-icon-after=drag-and-drop]{--icon-glyph-after:"󡆇"}[data-icon-before=person-with-cane],[data-icon=person-with-cane]{--icon-glyph-before:"󡉷"}[data-icon-after=person-with-cane]{--icon-glyph-after:"󡉷"}[data-icon-before=hearing],[data-icon=hearing]{--icon-glyph-before:"󡈑"}[data-icon-after=hearing]{--icon-glyph-after:"󡈑"}[data-icon-before=hearing-disabled],[data-icon=hearing-disabled]{--icon-glyph-before:"󡈒"}[data-icon-after=hearing-disabled]{--icon-glyph-after:"󡈒"}[data-icon-before=translation],[data-icon=translation]{--icon-glyph-before:"󡈓"}[data-icon-after=translation]{--icon-glyph-after:"󡈓"}[data-icon-before=voucher],[data-icon=voucher]{--icon-glyph-before:"󡈔"}[data-icon-after=voucher]{--icon-glyph-after:"󡈔"}[data-icon-before=support-dog],[data-icon=support-dog]{--icon-glyph-before:"󡈕"}[data-icon-after=support-dog]{--icon-glyph-after:"󡈕"}[data-icon-before=person-with-rollator],[data-icon=person-with-rollator]{--icon-glyph-before:"󡆈"}[data-icon-after=person-with-rollator]{--icon-glyph-after:"󡆈"}[data-icon-before=sort-down],[data-icon=sort-down]{--icon-glyph-before:"↡"}[data-icon-after=sort-down]{--icon-glyph-after:"↡"}[data-icon-before=sort-up],[data-icon=sort-up]{--icon-glyph-before:"↟"}[data-icon-after=sort-up]{--icon-glyph-after:"↟"}[data-icon-before=cloud],[data-icon=cloud]{--icon-glyph-before:"☁"}[data-icon-after=cloud]{--icon-glyph-after:"☁"}[data-icon-before=sev],[data-icon=sev]{--icon-glyph-before:"󡈅"}[data-icon-after=sev]{--icon-glyph-after:"󡈅"}[data-icon-before=train-and-car],[data-icon=train-and-car]{--icon-glyph-before:"󡈉"}[data-icon-after=train-and-car]{--icon-glyph-after:"󡈉"}[data-icon-before=tram],[data-icon=tram]{--icon-glyph-before:"󡈐"}[data-icon-after=tram]{--icon-glyph-after:"󡈐"}[data-icon-before=speedboat],[data-icon=speedboat]{--icon-glyph-before:"󡈆"}[data-icon-after=speedboat]{--icon-glyph-after:"󡈆"}[data-icon-before=build],[data-icon=build]{--icon-glyph-before:"🛠"}[data-icon-after=build]{--icon-glyph-after:"🛠"}[data-icon-before=bug],[data-icon=bug]{--icon-glyph-before:"󡉆"}[data-icon-after=bug]{--icon-glyph-after:"󡉆"}[data-icon-before=question],[data-icon=question]{--icon-glyph-before:"󡅲"}[data-icon-after=question]{--icon-glyph-after:"󡅲"}[data-icon-before=receive-item],[data-icon=receive-item]{--icon-glyph-before:"󡅳"}[data-icon-after=receive-item]{--icon-glyph-after:"󡅳"}[data-icon-before=share-item],[data-icon=share-item]{--icon-glyph-before:"󡅴"}[data-icon-after=share-item]{--icon-glyph-after:"󡅴"}[data-icon-before=playground],[data-icon=playground]{--icon-glyph-before:"󡉦"}[data-icon-after=playground]{--icon-glyph-after:"󡉦"}[data-icon-before=shower],[data-icon=shower]{--icon-glyph-before:"󡉧"}[data-icon-after=shower]{--icon-glyph-after:"󡉧"}[data-icon-before=shower-men],[data-icon=shower-men]{--icon-glyph-before:"󡅵"}[data-icon-after=shower-men]{--icon-glyph-after:"󡅵"}[data-icon-before=shower-women],[data-icon=shower-women]{--icon-glyph-before:"󡅶"}[data-icon-after=shower-women]{--icon-glyph-after:"󡅶"}[data-icon-before=add-link],[data-icon=add-link]{--icon-glyph-before:"󡉂"}[data-icon-after=add-link]{--icon-glyph-after:"󡉂"}[data-icon-before=attachment],[data-icon=attachment]{--icon-glyph-before:"󡉅"}[data-icon-after=attachment]{--icon-glyph-after:"󡉅"}[data-icon-before=block],[data-icon=block]{--icon-glyph-before:"󡈣"}[data-icon-after=block]{--icon-glyph-after:"󡈣"}[data-icon-before=bookmark],[data-icon=bookmark]{--icon-glyph-before:"󡈤"}[data-icon-after=bookmark]{--icon-glyph-after:"󡈤"}[data-icon-before=shopping-basket-disabled],[data-icon=shopping-basket-disabled]{--icon-glyph-before:"󡅕"}[data-icon-after=shopping-basket-disabled]{--icon-glyph-after:"󡅕"}[data-icon-before=shopping-cart-disabled],[data-icon=shopping-cart-disabled]{--icon-glyph-before:"󡅖"}[data-icon-after=shopping-cart-disabled]{--icon-glyph-after:"󡅖"}[data-icon-before=gps],[data-icon=gps]{--icon-glyph-before:"󡅗"}[data-icon-after=gps]{--icon-glyph-after:"󡅗"}[data-icon-before=gps-north],[data-icon=gps-north]{--icon-glyph-before:"󡅘"}[data-icon-after=gps-north]{--icon-glyph-after:"󡅘"}[data-icon-before=local-train],[data-icon=local-train]{--icon-glyph-before:"󡉀"}[data-icon-after=local-train]{--icon-glyph-after:"󡉀"}[data-icon-before=rail-and-fly],[data-icon=rail-and-fly]{--icon-glyph-before:"󡅙"}[data-icon-after=rail-and-fly]{--icon-glyph-after:"󡅙"}[data-icon-before=seat-priority],[data-icon=seat-priority]{--icon-glyph-before:"󡅢"}[data-icon-after=seat-priority]{--icon-glyph-after:"󡅢"}[data-icon-before=priority],[data-icon=priority]{--icon-glyph-before:"󡅢"}[data-icon-after=priority]{--icon-glyph-after:"󡅢"}[data-icon-before=traveler-with-reduced-mobility],[data-icon=traveler-with-reduced-mobility]{--icon-glyph-before:"󡅢"}[data-icon-after=traveler-with-reduced-mobility]{--icon-glyph-after:"󡅢"}[data-icon-before=standing-room],[data-icon=standing-room]{--icon-glyph-before:"󡅠"}[data-icon-after=standing-room]{--icon-glyph-after:"󡅠"}[data-icon-before=mixed-class],[data-icon=mixed-class]{--icon-glyph-before:"󡅡"}[data-icon-after=mixed-class]{--icon-glyph-after:"󡅡"}[data-icon-before=navigation-straight],[data-icon=navigation-straight]{--icon-glyph-before:"󡌀"}[data-icon-after=navigation-straight]{--icon-glyph-after:"󡌀"}[data-icon-before=navigation-to-left],[data-icon=navigation-to-left]{--icon-glyph-before:"󡌁"}[data-icon-after=navigation-to-left]{--icon-glyph-after:"󡌁"}[data-icon-before=navigation-to-right],[data-icon=navigation-to-right]{--icon-glyph-before:"󡌂"}[data-icon-after=navigation-to-right]{--icon-glyph-after:"󡌂"}[data-icon-before=navigation-u-turn],[data-icon=navigation-u-turn]{--icon-glyph-before:"󡌃"}[data-icon-after=navigation-u-turn]{--icon-glyph-after:"󡌃"}[data-icon-before=transportation-train-ec],[data-icon=transportation-train-ec]{--icon-glyph-before:""}[data-icon-after=transportation-train-ec]{--icon-glyph-after:""}[data-icon-before=transportation-train-ic],[data-icon=transportation-train-ic]{--icon-glyph-before:""}[data-icon-after=transportation-train-ic]{--icon-glyph-after:""}[data-icon-before=transportation-train-ice],[data-icon=transportation-train-ice]{--icon-glyph-before:""}[data-icon-after=transportation-train-ice]{--icon-glyph-after:""}[data-icon-before=transportation-train-rb],[data-icon=transportation-train-rb]{--icon-glyph-before:""}[data-icon-after=transportation-train-rb]{--icon-glyph-after:""}[data-icon-before=transportation-train-re],[data-icon=transportation-train-re]{--icon-glyph-before:""}[data-icon-after=transportation-train-re]{--icon-glyph-after:""}[data-icon-before=transportation-bikesharing],[data-icon=transportation-bikesharing]{--icon-glyph-before:""}[data-icon-after=transportation-bikesharing]{--icon-glyph-after:""}[data-icon-before=transportation-bus-local],[data-icon=transportation-bus-local]{--icon-glyph-before:""}[data-icon-after=transportation-bus-local]{--icon-glyph-after:""}[data-icon-before=transportation-carsharing],[data-icon=transportation-carsharing]{--icon-glyph-before:""}[data-icon-after=transportation-carsharing]{--icon-glyph-after:""}[data-icon-before=transportation-bus-long-distance],[data-icon=transportation-bus-long-distance]{--icon-glyph-before:""}[data-icon-after=transportation-bus-long-distance]{--icon-glyph-after:""}[data-icon-before=transportation-airplane],[data-icon=transportation-airplane]{--icon-glyph-before:""}[data-icon-after=transportation-airplane]{--icon-glyph-after:""}[data-icon-before=transportation-s-bahn],[data-icon=transportation-s-bahn]{--icon-glyph-before:""}[data-icon-after=transportation-s-bahn]{--icon-glyph-after:""}[data-icon-before=transportation-ship],[data-icon=transportation-ship]{--icon-glyph-before:""}[data-icon-after=transportation-ship]{--icon-glyph-after:""}[data-icon-before=transportation-taxi],[data-icon=transportation-taxi]{--icon-glyph-before:""}[data-icon-after=transportation-taxi]{--icon-glyph-after:""}[data-icon-before=transportation-train-tram],[data-icon=transportation-train-tram]{--icon-glyph-before:""}[data-icon-after=transportation-train-tram]{--icon-glyph-after:""}[data-icon-before=transportation-underground],[data-icon=transportation-underground]{--icon-glyph-before:""}[data-icon-after=transportation-underground]{--icon-glyph-after:""}[data-icon-before=transportation-walking],[data-icon=transportation-walking]{--icon-glyph-before:""}[data-icon-after=transportation-walking]{--icon-glyph-after:""}[data-icon-before=ev-bus],[data-icon=ev-bus]{--icon-glyph-before:""}[data-icon-after=ev-bus]{--icon-glyph-after:""}[data-icon-before=ev-train],[data-icon=ev-train]{--icon-glyph-before:""}[data-icon-after=ev-train]{--icon-glyph-after:""}[data-icon-before=artificial-intelligence],[data-icon=artificial-intelligence]{--icon-glyph-before:"󡌄"}[data-icon-after=artificial-intelligence]{--icon-glyph-after:"󡌄"}[data-icon-before=document-cross],[data-icon=document-cross]{--icon-glyph-before:"󡌅"}[data-icon-after=document-cross]{--icon-glyph-after:"󡌅"}[data-icon-before=euro-sign],[data-icon=euro-sign]{--icon-glyph-before:"󡌆"}[data-icon-after=euro-sign]{--icon-glyph-after:"󡌆"}[data-icon-before=id-card],[data-icon=id-card]{--icon-glyph-before:"󡌇"}[data-icon-after=id-card]{--icon-glyph-after:"󡌇"}[data-icon-before=pulse-wave],[data-icon=pulse-wave]{--icon-glyph-before:"󡌈"}[data-icon-after=pulse-wave]{--icon-glyph-after:"󡌈"}[data-icon-variant-after="16-outline"][data-icon-after]:after,[data-icon-variant-before="16-outline"][data-icon-before]:before,[data-icon-variant-before="16-outline"][data-icon]:before,[data-icon-variant="16-outline"][data-icon-before]:before,[data-icon-variant="16-outline"][data-icon]:before{--icon-font-family:"icons-16-outline","missing-icons"!important;--icon-font-size:1rem}[data-icon-variant-after="20-outline"][data-icon-after]:after,[data-icon-variant-before="20-outline"][data-icon-before]:before,[data-icon-variant-before="20-outline"][data-icon]:before,[data-icon-variant="20-outline"][data-icon-before]:before,[data-icon-variant="20-outline"][data-icon]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem}[data-icon-variant-after="24-outline"][data-icon-after]:after,[data-icon-variant-before="24-outline"][data-icon-before]:before,[data-icon-variant-before="24-outline"][data-icon]:before,[data-icon-variant="24-outline"][data-icon-before]:before,[data-icon-variant="24-outline"][data-icon]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;--icon-font-size:1.5rem}[data-icon-variant-after="32-outline"][data-icon-after]:after,[data-icon-variant-before="32-outline"][data-icon-before]:before,[data-icon-variant-before="32-outline"][data-icon]:before,[data-icon-variant="32-outline"][data-icon-before]:before,[data-icon-variant="32-outline"][data-icon]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;--icon-font-size:2rem}[data-icon-variant-after="48-outline"][data-icon-after]:after,[data-icon-variant-before="48-outline"][data-icon-before]:before,[data-icon-variant-before="48-outline"][data-icon]:before,[data-icon-variant="48-outline"][data-icon-before]:before,[data-icon-variant="48-outline"][data-icon]:before{--icon-font-family:"icons-48-outline","missing-icons"!important;--icon-font-size:3rem}[data-icon-variant-after="64-outline"][data-icon-after]:after,[data-icon-variant-before="64-outline"][data-icon-before]:before,[data-icon-variant-before="64-outline"][data-icon]:before,[data-icon-variant="64-outline"][data-icon-before]:before,[data-icon-variant="64-outline"][data-icon]:before{--icon-font-family:"icons-64-outline","missing-icons"!important;--icon-font-size:4rem}[data-icon-variant-after="16-filled"][data-icon-after]:after,[data-icon-variant-before="16-filled"][data-icon-before]:before,[data-icon-variant-before="16-filled"][data-icon]:before,[data-icon-variant="16-filled"][data-icon-before]:before,[data-icon-variant="16-filled"][data-icon]:before{--icon-font-family:"icons-16-filled","missing-icons"!important;--icon-font-size:1rem}[data-icon-variant-after="20-filled"][data-icon-after]:after,[data-icon-variant-before="20-filled"][data-icon-before]:before,[data-icon-variant-before="20-filled"][data-icon]:before,[data-icon-variant="20-filled"][data-icon-before]:before,[data-icon-variant="20-filled"][data-icon]:before{--icon-font-family:"icons-20-filled","missing-icons"!important;--icon-font-size:1.25rem}[data-icon-variant-after="24-filled"][data-icon-after]:after,[data-icon-variant-before="24-filled"][data-icon-before]:before,[data-icon-variant-before="24-filled"][data-icon]:before,[data-icon-variant="24-filled"][data-icon-before]:before,[data-icon-variant="24-filled"][data-icon]:before{--icon-font-family:"icons-24-filled","missing-icons"!important;--icon-font-size:1.5rem}[data-icon-variant-after="32-filled"][data-icon-after]:after,[data-icon-variant-before="32-filled"][data-icon-before]:before,[data-icon-variant-before="32-filled"][data-icon]:before,[data-icon-variant="32-filled"][data-icon-before]:before,[data-icon-variant="32-filled"][data-icon]:before{--icon-font-family:"icons-32-filled","missing-icons"!important;--icon-font-size:2rem}[data-icon-variant-after="48-filled"][data-icon-after]:after,[data-icon-variant-before="48-filled"][data-icon-before]:before,[data-icon-variant-before="48-filled"][data-icon]:before,[data-icon-variant="48-filled"][data-icon-before]:before,[data-icon-variant="48-filled"][data-icon]:before{--icon-font-family:"icons-48-filled","missing-icons"!important;--icon-font-size:3rem}[data-icon-variant-after="64-filled"][data-icon-after]:after,[data-icon-variant-before="64-filled"][data-icon-before]:before,[data-icon-variant-before="64-filled"][data-icon]:before,[data-icon-variant="64-filled"][data-icon-before]:before,[data-icon-variant="64-filled"][data-icon]:before{--icon-font-family:"icons-64-filled","missing-icons"!important;--icon-font-size:4rem}@font-face{font-display:block;font-family:missing-icons;src:url(@db-ui/core/dist/icons/functional/fonts/icons-empty.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-empty.woff?4r2099) format("woff")}@font-face{font-display:block;font-family:icons-16-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-16-outline-action.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-16-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+2212,U+2713}@font-face{font-display:block;font-family:icons-16-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-16-outline-navigation.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-16-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+2190-2193,U+2303-2304,U+2a2f}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-action.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+003f,U+00a7,U+1f441,U+1f5a8,U+1f5b9,U+1f5bc,U+1f5d1,U+1f6c8,U+1f6cd,U+1f6e0,U+219f,U+21a1,U+21a6,U+21c6,U+21e7,U+21e9,U+21f5,U+2212,U+2295,U+229d,U+238c,U+25f9,U+2601,U+2606,U+2661,U+2699,U+270f,U+2713,U+2b73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-av.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+23f8,U+25a1,U+25b7,U+293a-293b,U+e1085-e1088,U+e1091,U+e1234,U+e1261-e1259,U+e1262,U+e1296-e1297}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-brand.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-communication.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-communication.woff?4r2099) format("woff");unicode-range:U+1f5b7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-covid-19.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-covid-19.woff?4r2099) format("woff");unicode-range:U+e1265}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-facilities.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-facilities.woff?4r2099) format("woff");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-feature.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-food.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-food.woff?4r2099) format("woff");unicode-range:U+1f37d,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-it.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-journey.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-journey.woff?4r2099) format("woff");unicode-range:U+2488-2489,U+291e,U+29bf,U+2b94,U+e1102-e1104,U+e1106,U+e1108,U+e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-maps.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+1f5fa,U+1f78b,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-navigation.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+1030e,U+1f5d8,U+1f862,U+1f865,U+2190-2193,U+22ee-22ef,U+2303-2304,U+2a2f,U+2bbe,U+e1119-e1122}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-notification.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123,U+e1126-e1127}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-seat.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-seat.woff?4r2099) format("woff");unicode-range:U+1f6cf,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-ticket.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-ticket.woff?4r2099) format("woff");unicode-range:U+1f907,U+2714,U+e1131-e1132,U+e1134,U+e1136-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-transportation.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-outline-transportation.woff?4r2099) format("woff");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288,U+e928-e929}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-action.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+003f,U+00a7,U+1f441,U+1f5a8,U+1f5b9,U+1f5bc,U+1f5d1,U+1f6c8,U+1f6cd,U+1f6e0,U+219f,U+21a1,U+21a6,U+21c6,U+21e7,U+21e9,U+21f5,U+2212,U+2295,U+229d,U+238c,U+25f9,U+2601,U+2606,U+2661,U+2699,U+270f,U+2713,U+2b73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-av.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+23f8,U+25a1,U+25b7,U+293a-293b,U+e1085-e1088,U+e1091,U+e1234,U+e1259-e1262,U+e1296-e1297}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-brand.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-communication.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-communication.woff?4r2099) format("woff");unicode-range:U+1f5b7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-covid-19.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-covid-19.woff?4r2099) format("woff");unicode-range:U+e1265}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-facilities.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-facilities.woff?4r2099) format("woff");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-feature.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-food.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-food.woff?4r2099) format("woff");unicode-range:U+1f37d,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-it.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-journey.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-journey.woff?4r2099) format("woff");unicode-range:U+2488-2489,U+291e,U+29bf,U+2b94,U+e1102-e1104,U+e1106,U+e1108,U+e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-maps.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+1f5fa,U+1f78b,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-navigation.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+1030e,U+1f5d8,U+1f862,U+1f865,U+2190-2193,U+22ee-22ef,U+2303-2304,U+2a2f,U+2bbe,U+e1119-e1122}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-notification.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123-e1127}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-seat.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-seat.woff?4r2099) format("woff");unicode-range:U+1f6cf,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-ticket.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-ticket.woff?4r2099) format("woff");unicode-range:U+1f907,U+2714,U+e1131-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-transportation.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-outline-transportation.woff?4r2099) format("woff");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-action.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+003f,U+00a7,U+1f441,U+1f5a8,U+1f5b9,U+1f5bc,U+1f5d1,U+1f6c8,U+1f6cd,U+1f6e0,U+219f,U+21a1,U+21a6,U+21c6,U+21e7,U+21e9,U+21f5,U+2212,U+2295,U+229d,U+238c,U+25f9,U+2601,U+2606,U+2661,U+2699,U+270f,U+2713,U+2b73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-av.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+23f8,U+25a1,U+25b7,U+293a-293b,U+e1085-e1088,U+e1091,U+e1234,U+e1259-e1262,U+e1296-e1297}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-brand.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-communication.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-communication.woff?4r2099) format("woff");unicode-range:U+1f5b7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-covid-19.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-covid-19.woff?4r2099) format("woff");unicode-range:U+e1265}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-facilities.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-facilities.woff?4r2099) format("woff");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-feature.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-food.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-food.woff?4r2099) format("woff");unicode-range:U+1f37d,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-it.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-journey.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-journey.woff?4r2099) format("woff");unicode-range:U+2488-2489,U+291e,U+29bf,U+2b94,U+e1102-e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-maps.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+1f5fa,U+1f78b,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-navigation.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+1030e,U+1f5d8,U+1f862,U+1f865,U+2190-2193,U+22ee-22ef,U+2303-2304,U+2a2f,U+2bbe,U+e1119-e1122}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-notification.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123-e1127}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-seat.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-seat.woff?4r2099) format("woff");unicode-range:U+1f6cf,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-ticket.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-ticket.woff?4r2099) format("woff");unicode-range:U+1f907,U+2714,U+e1131-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-transportation.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-outline-transportation.woff?4r2099) format("woff");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-48-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-48-outline-av.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-48-outline-av.woff?4r2099) format("woff");unicode-range:U+23f8,U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}@font-face{font-display:block;font-family:icons-48-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-48-outline-brand.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-48-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-64-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-64-outline-av.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-64-outline-av.woff?4r2099) format("woff");unicode-range:U+23f8,U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}@font-face{font-display:block;font-family:icons-64-outline;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-64-outline-brand.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-64-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-16-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-16-filled-action.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-16-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f6c8,U+e1220}@font-face{font-display:block;font-family:icons-16-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-16-filled-navigation.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-16-filled-navigation.woff?4r2099) format("woff");unicode-range:U+2bbe}@font-face{font-display:block;font-family:icons-16-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-16-filled-notification.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-16-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-action.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f5a8,U+1f5bc,U+1f6c8,U+1f6cd,U+1f6e0,U+2295,U+229d,U+2601,U+2606,U+2661,U+270f,U+e1066,U+e1070,U+e1079,U+e1154-e1155,U+e1164-e1166,U+e1214,U+e1220-e1233}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-av.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-av.woff?4r2099) format("woff");unicode-range:U+23ed,U+23ee,U+25a1,U+25b7,U+e1091,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-communication.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-communication.woff?4r2099) format("woff");unicode-range:U+2370,U+e1095,U+e1172-e1174,U+e1235-e1236}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-feature.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+e1177-e1179,U+e1289}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-food.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-food.woff?4r2099) format("woff");unicode-range:U+e1237}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-it.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-journey.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-journey.woff?4r2099) format("woff");unicode-range:U+e1104,U+e1106,U+e1108,U+e1110,U+e1238}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-maps.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+2302,U+e1115-e1116,U+e1157-e1158}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-navigation.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-navigation.woff?4r2099) format("woff");unicode-range:U+1030e,U+2bbe}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-notification.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-ticket.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-ticket.woff?4r2099) format("woff");unicode-range:U+e1132,U+e1134,U+e1184}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-transportation.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-20-filled-transportation.woff?4r2099) format("woff");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-filled-action.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f6c8,U+2295,U+229d,U+2601,U+2606,U+2661,U+e1220,U+e1222,U+e1224-e1225,U+e1231}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-filled-av.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-filled-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+25a1,U+25b7,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-filled-journey.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-filled-journey.woff?4r2099) format("woff");unicode-range:U+e1104,U+e1106,U+e1108,U+e1110,U+e1238}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-filled-maps.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-filled-maps.woff?4r2099) format("woff");unicode-range:U+e1157-e1158}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-filled-navigation.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-filled-navigation.woff?4r2099) format("woff");unicode-range:U+2bbe}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-filled-notification.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-24-filled-transportation.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-24-filled-transportation.woff?4r2099) format("woff");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-filled-action.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f6c8,U+2295,U+229d,U+2601,U+2606,U+2661,U+e1220,U+e1222,U+e1224-e1225,U+e1231,U+e904}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-filled-av.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-filled-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+25a1,U+25b7,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-filled-maps.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-filled-maps.woff?4r2099) format("woff");unicode-range:U+e1157-e1158}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-filled-navigation.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-filled-navigation.woff?4r2099) format("woff");unicode-range:U+2bbe}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-filled-notification.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-32-filled-transportation.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-32-filled-transportation.woff?4r2099) format("woff");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-48-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-48-filled-av.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-48-filled-av.woff?4r2099) format("woff");unicode-range:U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}@font-face{font-display:block;font-family:icons-64-filled;font-style:normal;font-weight:400;src:url(@db-ui/core/dist/icons/functional/fonts/icons-64-filled-av.woff2?4r2099) format("woff2"),url(@db-ui/core/dist/icons/functional/fonts/icons-64-filled-av.woff?4r2099) format("woff");unicode-range:U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}.cmp-accordion summary:after,.cmp-breadcrumb ol>li:first-child:before,.cmp-breadcrumb ol>li:not(:first-child):before,.cmp-dialog header :is(.elm-link,button).is-close:before,.cmp-dropdown summary:before,.cmp-dropdown.is-account summary:before,.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after,.cmp-link-list li .elm-link:before,.cmp-mainnavigation li[aria-haspopup=true]:after,.cmp-mainnavigation>label[for]:after,.cmp-mainnavigation>label[for]:before,.cmp-overflow-menu summary:before,.cmp-pagination .elm-link[rel=next]:before,.cmp-pagination .elm-link[rel=prev]:before,.cmp-sidenavi .elm-link[rel=calendar]:before,.cmp-sidenavi .elm-link[rel=cloud]:before,.cmp-sidenavi .elm-link[rel=dashboard]:before,.cmp-sidenavi .elm-link[rel=documents]:before,.cmp-sidenavi .elm-link[rel=help]:before,.cmp-sidenavi .elm-link[rel=index]:before,.cmp-sitesearch .elm-button:before,.cmp-sitesearch .elm-label:before,.elm-checkbox:before,.elm-link[rel=account]:before,.elm-link[rel=configuration]:before,.elm-link[rel=messages]:before,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{-webkit-alt:"";alt:"";display:inline-block;font-family:var(--icon-font-family)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;font-weight:var(--icon-font-weight,normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle}@media aural{.cmp-accordion summary:after,.cmp-breadcrumb ol>li:first-child:before,.cmp-breadcrumb ol>li:not(:first-child):before,.cmp-dialog header :is(.elm-link,button).is-close:before,.cmp-dropdown summary:before,.cmp-dropdown.is-account summary:before,.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after,.cmp-link-list li .elm-link:before,.cmp-mainnavigation li[aria-haspopup=true]:after,.cmp-mainnavigation>label[for]:after,.cmp-mainnavigation>label[for]:before,.cmp-overflow-menu summary:before,.cmp-pagination .elm-link[rel=next]:before,.cmp-pagination .elm-link[rel=prev]:before,.cmp-sidenavi .elm-link[rel=calendar]:before,.cmp-sidenavi .elm-link[rel=cloud]:before,.cmp-sidenavi .elm-link[rel=dashboard]:before,.cmp-sidenavi .elm-link[rel=documents]:before,.cmp-sidenavi .elm-link[rel=help]:before,.cmp-sidenavi .elm-link[rel=index]:before,.cmp-sitesearch .elm-button:before,.cmp-sitesearch .elm-label:before,.elm-checkbox:before,.elm-link[rel=account]:before,.elm-link[rel=configuration]:before,.elm-link[rel=messages]:before,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{.cmp-accordion summary:after,.cmp-breadcrumb ol>li:first-child:before,.cmp-breadcrumb ol>li:not(:first-child):before,.cmp-dialog header :is(.elm-link,button).is-close:before,.cmp-dropdown summary:before,.cmp-dropdown.is-account summary:before,.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after,.cmp-link-list li .elm-link:before,.cmp-mainnavigation li[aria-haspopup=true]:after,.cmp-mainnavigation>label[for]:after,.cmp-mainnavigation>label[for]:before,.cmp-overflow-menu summary:before,.cmp-pagination .elm-link[rel=next]:before,.cmp-pagination .elm-link[rel=prev]:before,.cmp-sidenavi .elm-link[rel=calendar]:before,.cmp-sidenavi .elm-link[rel=cloud]:before,.cmp-sidenavi .elm-link[rel=dashboard]:before,.cmp-sidenavi .elm-link[rel=documents]:before,.cmp-sidenavi .elm-link[rel=help]:before,.cmp-sidenavi .elm-link[rel=index]:before,.cmp-sitesearch .elm-button:before,.cmp-sitesearch .elm-label:before,.elm-checkbox:before,.elm-link[rel=account]:before,.elm-link[rel=configuration]:before,.elm-link[rel=messages]:before,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}[data-icon-after]:not([data-icon-variant-after]):after,[data-icon-before]:not([data-icon-variant-before]):before,[data-icon]:not([data-icon-variant]):before{--icon-font-family:icons-24-outline,"missing-icons"!important;--icon-font-size:1.5rem}[data-icon-before]:before,[data-icon]:before{content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}[data-icon-after]:after{content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--icon-margin-after:0}.is-icon-text-replace[data-icon-after]{font-size:0}.is-icon-text-replace[data-icon-after]:after{--icon-margin-before:0}.elm-button{align-items:center;border:1px solid transparent;border-radius:4px;display:inline-flex;font-size:1rem;justify-content:center;min-height:2.75rem;padding:.5rem 1rem}.elm-button[data-icon-before],.elm-button[data-icon]{padding-left:.875rem}.elm-button[data-icon-after]{padding-right:.875rem}.elm-button.is-icon-text-replace{width:2.75rem}.elm-button[data-variant=brand-primary],.elm-button[data-variant=primary]{color:#fff;font-weight:700}.elm-button[data-variant=brand-primary]{background-color:#ec0016}.elm-button[data-variant=brand-primary]:disabled{background-color:#ec001640}.elm-button[data-variant=brand-primary]:not(:disabled):hover{background-color:#db0016}.elm-button[data-variant=brand-primary]:not(:disabled):focus-visible{background-color:#db0016}.elm-button[data-variant=brand-primary]:not(:disabled):active{background-color:#cc0013}.elm-button[data-variant=primary]{background-color:#282d37}.elm-button[data-variant=primary]:disabled{background-color:#282d3740}.elm-button[data-variant=primary]:not(:disabled):hover{background-color:#2f3541}.elm-button[data-variant=primary]:not(:disabled):focus-visible{background-color:#2f3541}.elm-button[data-variant=primary]:not(:disabled):active{background-color:#363c4a}.elm-button[data-variant=secondary-outline]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:transparent;border-color:#282d37;color:#282d37}.elm-button[data-variant=secondary-outline]:disabled{border-color:#282d3740;color:#282d3780}.elm-button[data-variant=secondary-outline]:not(:disabled):hover{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=secondary-outline]:not(:disabled):focus-visible{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=secondary-outline]:not(:disabled):active{background-color:rgba(40,45,55,.06)}.elm-button[data-variant=secondary-solid]{background-color:#d7dce1;color:#282d37}.elm-button[data-variant=secondary-solid]:disabled{background-color:#d7dce140;color:#282d3780}.elm-button[data-variant=secondary-solid]:not(:disabled):hover{background-color:#cdd4da}.elm-button[data-variant=secondary-solid]:not(:disabled):focus-visible{background-color:#cdd4da}.elm-button[data-variant=secondary-solid]:not(:disabled):active{background-color:#c5ccd3}.elm-button[data-variant=tertiary-plain]{background-color:transparent;border:2px solid transparent;color:#282d37}.elm-button[data-variant=tertiary-plain]:disabled{color:#282d3780}.elm-button[data-variant=tertiary-plain]:not(:disabled):hover{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=tertiary-plain]:not(:disabled):focus-visible{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=tertiary-plain]:not(:disabled):active{background-color:rgba(40,45,55,.06)}.elm-button[data-size=small]{min-height:2.25rem}.elm-button[data-size=small]:not(.is-icon-text-replace){font-size:.875rem}.elm-button[data-icon-after][data-size=small]:after,.elm-button[data-icon-before][data-size=small]:before,.elm-button[data-icon][data-size=small]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem}.elm-button.is-icon-text-replace[data-size=small]{width:2.25rem}.elm-button[data-size=large]{min-height:3.25rem}.elm-button[data-size=large]:not(.is-icon-text-replace){font-size:1.25rem}.elm-button.is-icon-text-replace[data-size=large]{width:3.25rem}.elm-button:disabled{color:#ffffff80}.elm-button[data-width=full]{inline-size:100%}.elm-headline{margin-bottom:1rem;margin-top:1.5rem;text-wrap:balance}.elm-headline[data-pulse]:after{background:var(--db-pulse-background,#ec0016);border-radius:calc(var(--db-logo-height, 40px)/7*.5);content:"";display:block;height:calc(var(--db-logo-height, 40px)/7);margin-bottom:var(--db-pulse-margin-bottom,14px);margin-top:calc(var(--db-logo-height, 40px)*.5);width:var(--db-logo-width,58px)}h1.elm-headline,h2.elm-headline,h3.elm-headline{font-family:DB Screen Head,Helvetica,Arial,sans-serif;font-weight:900}h1.elm-headline{font-size:2.25rem;line-height:1.1111111111}@media screen and (max-width:767px){h1.elm-headline{font-size:1.75rem;line-height:1.14}}h2.elm-headline{font-size:1.5rem;line-height:1.1666666667}@media screen and (max-width:767px){h2.elm-headline{font-size:1.25rem;line-height:1.2}}h3.elm-headline{font-size:1.25rem;line-height:1.2}@media screen and (max-width:767px){h3.elm-headline{font-size:1.125rem;line-height:1.33}}h4.elm-headline{font-size:1.125rem;font-weight:400;line-height:1.3333333333}@media screen and (max-width:767px){h4.elm-headline{font-size:1rem;line-height:1.25}}.elm-link{border-radius:.25rem;display:inline-block;text-underline-offset:.1875rem;text-underline-position:under}@supports(text-underline-offset:3px){.elm-link{text-underline-position:auto}}.elm-link:active{color:initial}.elm-link[aria-disabled=true]{opacity:.4;pointer-events:none}.elm-link[aria-disabled=true]:before{color:initial}.elm-link[data-size=small]:not(.is-icon-text-replace){font-size:.875rem}.elm-link[data-icon-after][data-size=small]:after:after,.elm-link[data-icon-before][data-size=small]:before,.elm-link[data-icon][data-size=small]:before,.elm-link[rel][data-size=small]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem}.elm-link[rel=configuration]{--icon-glyph-before:"⚙"}.elm-link[rel=configuration]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.elm-link[rel=configuration]:before{content:var(--icon-glyph-before)/""}}.elm-link[rel=messages]{--icon-glyph-before:"󡈶"}.elm-link[rel=messages]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.elm-link[rel=messages]:before{content:var(--icon-glyph-before)/""}}.elm-link[rel=account]{--icon-glyph-before:"󡈡"}.elm-link[rel=account]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.elm-link[rel=account]:before{content:var(--icon-glyph-before)/""}}.elm-link[rel=account]:before,.elm-link[rel=configuration]:before,.elm-link[rel=messages]:before{display:inline-block}.elm-logo{height:var(--db-logo-height,40px);width:var(--db-logo-width,58px)}.elm-logo[data-size=xsmall]{--db-logo-width:20px;--db-logo-height:14px}body:has(.elm-logo[data-size=xsmall]) .elm-headline[data-pulse]{--db-logo-width:20px;--db-logo-height:14px}.elm-logo[data-size=xsmall]~.elm-headline[data-pulse]{--db-logo-width:20px;--db-logo-height:14px}.elm-logo[data-size=small]{--db-logo-width:29px;--db-logo-height:20px}body:has(.elm-logo[data-size=small]) .elm-headline[data-pulse]{--db-logo-width:29px;--db-logo-height:20px}.elm-logo[data-size=small]~.elm-headline[data-pulse]{--db-logo-width:29px;--db-logo-height:20px}.elm-logo[data-size=medium]{--db-logo-width:34px;--db-logo-height:24px}body:has(.elm-logo[data-size=medium]) .elm-headline[data-pulse]{--db-logo-width:34px;--db-logo-height:24px}.elm-logo[data-size=medium]~.elm-headline[data-pulse]{--db-logo-width:34px;--db-logo-height:24px}.elm-logo[data-size=large]{--db-logo-width:40px;--db-logo-height:28px}body:has(.elm-logo[data-size=large]) .elm-headline[data-pulse]{--db-logo-width:40px;--db-logo-height:28px}.elm-logo[data-size=large]~.elm-headline[data-pulse]{--db-logo-width:40px;--db-logo-height:28px}.elm-logo[data-size=xlarge]{--db-logo-width:56px;--db-logo-height:40px}body:has(.elm-logo[data-size=xlarge]) .elm-headline[data-pulse]{--db-logo-width:56px;--db-logo-height:40px}.elm-logo[data-size=xlarge]~.elm-headline[data-pulse]{--db-logo-width:56px;--db-logo-height:40px}.elm-checkbox{--db-form-element-dimensions:var( --db-checkbox-dimensions,1.5rem );align-content:center;-webkit-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.1);border:.0625rem solid #282d37;border-radius:4px;color:#282d37;display:inline-flex;height:var(--db-form-element-dimensions);justify-content:center;width:var(--db-form-element-dimensions);--icon-glyph-before:" "}.elm-checkbox:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.elm-checkbox:before{content:var(--icon-glyph-before)/""}}.elm-checkbox[type=checkbox]{vertical-align:top}.elm-checkbox:before{--icon-font-size:1.375rem;margin-right:0}.elm-checkbox:checked{background-color:#282d37}.elm-checkbox:checked:before{color:#fff;content:"✓"}.elm-checkbox:enabled:hover{background-color:rgba(40,45,55,.14)}.elm-checkbox:enabled:focus-visible{background-color:rgba(40,45,55,.14)}.elm-checkbox:enabled:hover:checked{background-color:#52575f}.elm-checkbox:enabled:focus-visible:checked{background-color:#52575f}.elm-checkbox:enabled:active{background-color:rgba(40,45,55,.14)}.elm-checkbox:indeterminate:before{content:"−"}.elm-checkbox:disabled,.elm-checkbox:disabled+label{opacity:.5}.elm-checkbox+label{padding-inline-start:.25rem}.elm-input{color:#282d37;font-size:1rem;height:2.75rem;line-height:1.5rem;max-width:100%;padding-inline:1rem;width:100%}.elm-input:not(:has(+label[data-label-hidden=true])){padding-block:.5rem}.elm-input[list]::-webkit-calendar-picker-indicator{margin-right:-1rem}.elm-input:not(:-ms-input-placeholder){padding-bottom:0}.elm-input:not(:placeholder-shown){padding-bottom:0}.elm-input:not(:-ms-input-placeholder):not(:has(+label[data-label-hidden=true])){padding-top:1rem}.elm-input:not(:placeholder-shown):not(:has(+label[data-label-hidden=true])){padding-top:1rem}.elm-input:focus:not(:disabled),.elm-input:hover:not(:disabled){--formElement---borderColor:#878c96}.elm-input:focus-visible:not(:disabled){--formElement---borderColor:#878c96}.elm-input:disabled,.elm-input:disabled+.elm-label,fieldset:disabled .elm-input,fieldset:disabled .elm-input+.elm-label{opacity:.4}.elm-input[type=color]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=date]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=datetime-local]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=email]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=month]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=number]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=password]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=tel]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=text]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=time]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=url]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=week]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label{transition:opacity,transform .25s}@media(prefers-reduced-motion:reduce){.elm-input[type=color]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=date]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=datetime-local]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=email]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=month]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=number]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=password]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=tel]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=text]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=time]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=url]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=week]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label{transition-duration:.01s!important}}.elm-input[type=color]+.elm-label,.elm-input[type=date]+.elm-label,.elm-input[type=datetime-local]+.elm-label,.elm-input[type=email]+.elm-label,.elm-input[type=month]+.elm-label,.elm-input[type=number]+.elm-label,.elm-input[type=password]+.elm-label,.elm-input[type=tel]+.elm-label,.elm-input[type=text]+.elm-label,.elm-input[type=time]+.elm-label,.elm-input[type=url]+.elm-label,.elm-input[type=week]+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label{color:#646973;display:block;font-size:.75rem;margin-bottom:-1.125rem;transform:translate(1rem,-2.5625rem)}.elm-input[type=color]+.elm-label+output,.elm-input[type=color]+.elm-label~.description,.elm-input[type=date]+.elm-label+output,.elm-input[type=date]+.elm-label~.description,.elm-input[type=datetime-local]+.elm-label+output,.elm-input[type=datetime-local]+.elm-label~.description,.elm-input[type=email]+.elm-label+output,.elm-input[type=email]+.elm-label~.description,.elm-input[type=month]+.elm-label+output,.elm-input[type=month]+.elm-label~.description,.elm-input[type=number]+.elm-label+output,.elm-input[type=number]+.elm-label~.description,.elm-input[type=password]+.elm-label+output,.elm-input[type=password]+.elm-label~.description,.elm-input[type=tel]+.elm-label+output,.elm-input[type=tel]+.elm-label~.description,.elm-input[type=text]+.elm-label+output,.elm-input[type=text]+.elm-label~.description,.elm-input[type=time]+.elm-label+output,.elm-input[type=time]+.elm-label~.description,.elm-input[type=url]+.elm-label+output,.elm-input[type=url]+.elm-label~.description,.elm-input[type=week]+.elm-label+output,.elm-input[type=week]+.elm-label~.description,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label+output,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label~.description{margin-top:0}.elm-input[type=color][placeholder]:-ms-input-placeholder+label,.elm-input[type=date][placeholder]:-ms-input-placeholder+label,.elm-input[type=datetime-local][placeholder]:-ms-input-placeholder+label,.elm-input[type=email][placeholder]:-ms-input-placeholder+label,.elm-input[type=month][placeholder]:-ms-input-placeholder+label,.elm-input[type=number][placeholder]:-ms-input-placeholder+label,.elm-input[type=password][placeholder]:-ms-input-placeholder+label,.elm-input[type=tel][placeholder]:-ms-input-placeholder+label,.elm-input[type=text][placeholder]:-ms-input-placeholder+label,.elm-input[type=time][placeholder]:-ms-input-placeholder+label,.elm-input[type=url][placeholder]:-ms-input-placeholder+label,.elm-input[type=week][placeholder]:-ms-input-placeholder+label,:where(:not(.cmp-sitesearch))>.elm-input[type=search][placeholder]:-ms-input-placeholder+label{opacity:0}.elm-input[type=color][placeholder]:placeholder-shown+label,.elm-input[type=date][placeholder]:placeholder-shown+label,.elm-input[type=datetime-local][placeholder]:placeholder-shown+label,.elm-input[type=email][placeholder]:placeholder-shown+label,.elm-input[type=month][placeholder]:placeholder-shown+label,.elm-input[type=number][placeholder]:placeholder-shown+label,.elm-input[type=password][placeholder]:placeholder-shown+label,.elm-input[type=tel][placeholder]:placeholder-shown+label,.elm-input[type=text][placeholder]:placeholder-shown+label,.elm-input[type=time][placeholder]:placeholder-shown+label,.elm-input[type=url][placeholder]:placeholder-shown+label,.elm-input[type=week][placeholder]:placeholder-shown+label,:where(:not(.cmp-sitesearch))>.elm-input[type=search][placeholder]:placeholder-shown+label{opacity:0}.elm-input[type=color]:-ms-input-placeholder,.elm-input[type=date]:-ms-input-placeholder,.elm-input[type=datetime-local]:-ms-input-placeholder,.elm-input[type=email]:-ms-input-placeholder,.elm-input[type=month]:-ms-input-placeholder,.elm-input[type=number]:-ms-input-placeholder,.elm-input[type=password]:-ms-input-placeholder,.elm-input[type=tel]:-ms-input-placeholder,.elm-input[type=text]:-ms-input-placeholder,.elm-input[type=time]:-ms-input-placeholder,.elm-input[type=url]:-ms-input-placeholder,.elm-input[type=week]:-ms-input-placeholder,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:-ms-input-placeholder{color:#646973}.elm-input[type=color]::placeholder,.elm-input[type=date]::placeholder,.elm-input[type=datetime-local]::placeholder,.elm-input[type=email]::placeholder,.elm-input[type=month]::placeholder,.elm-input[type=number]::placeholder,.elm-input[type=password]::placeholder,.elm-input[type=tel]::placeholder,.elm-input[type=text]::placeholder,.elm-input[type=time]::placeholder,.elm-input[type=url]::placeholder,.elm-input[type=week]::placeholder,:where(:not(.cmp-sitesearch))>.elm-input[type=search]::placeholder{color:#646973}.elm-input[type=search]{background:var(--db-ic-search-24,url(@db-ui/core/dist/icons/functional/images/action/db_ic_search_24.svg)) no-repeat .375rem .75rem;background-size:1.1875rem;padding-left:2rem}:not(.cmp-sitesearch)>.elm-input[type=search]+.elm-label{margin-left:1rem}.elm-loadingindicator{animation:loadingindicator-rotate 3s linear infinite;color:#ec0016;display:block}.elm-loadingindicator[data-size=xl]{--loadingindicator--stroke-width:2.5384615385px;--loadingindicator--r:19px;height:52px;width:52px}.elm-loadingindicator[data-size=l]{--loadingindicator--stroke-width:3px;--loadingindicator--r:19px;height:44px;width:44px}.elm-loadingindicator{--loadingindicator--stroke-width:3.6666666667px;--loadingindicator--r:19px;height:36px;width:36px}.elm-loadingindicator[data-size=s]{--loadingindicator--stroke-width:3.1428571429px;--loadingindicator--r:19px;height:28px;width:28px}.elm-loadingindicator[data-size=xs]{--loadingindicator--stroke-width:4.4px;--loadingindicator--r:19px;height:20px;width:20px}.elm-loadingindicator__circle{animation:loadingindicator-stroke 1.5s ease-in-out infinite;r:var(--loadingindicator--r);stroke:currentcolor;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;stroke-width:var(--loadingindicator--stroke-width)}@keyframes loadingindicator-rotate{to{transform:rotate(1turn)}}@keyframes loadingindicator-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:96,200;stroke-dashoffset:-32}to{stroke-dasharray:96,200;stroke-dashoffset:-124}}.elm-progress progress{--progress-value--backgroundColor:#ec0016;-webkit-appearance:none;appearance:none;background-color:#fcfdfd;border:none;height:.25rem;vertical-align:middle}.elm-progress progress::-webkit-progress-bar{background-color:#fcfdfd}.elm-progress progress::-webkit-progress-value{background-color:var(--progress-value--backgroundColor)}.elm-progress progress::-moz-progress-bar{background-color:var(--progress-value--backgroundColor)}.elm-progress progress::-ms-fill{background-color:var(--progress-value--backgroundColor);border:none}.elm-progress progress:not([style^="--progress-conic:"])::-webkit-progress-value{border-radius:12px}.elm-progress progress:not([style^="--progress-conic:"])::-moz-progress-bar{border-radius:12px}.elm-progress progress:not([style^="--progress-conic:"])::-ms-fill{border-radius:12px}.elm-progress progress:indeterminate{animation-duration:2.1s;animation-iteration-count:infinite;animation-name:elmProgressMoveIndeterminate;animation-timing-function:linear;animation-timing-function:cubic-bezier(.65,.815,.735,.395);background-color:#fcfdfd;background-image:linear-gradient(90deg,#ec0016 100%,#fcfdfd 0);background-position:0 0;background-repeat:no-repeat;background-size:150% 150%}@media(prefers-reduced-motion:reduce){.elm-progress progress:indeterminate{animation-duration:15s}}.elm-progress progress:indeterminate::-webkit-progress-bar{background-color:transparent}.elm-progress progress:indeterminate::-moz-progress-bar{background-color:transparent}@supports(background:conic-gradient(#000,#fff)){.elm-progress progress[style^="--progress-conic:"]{--fill:calc(var(--progress-conic)*1%);background:conic-gradient(var(--progress-value--backgroundColor) var(--fill),#fff 0);border:0;border-radius:50%;height:4.6875rem;width:4.6875rem}.elm-progress progress[style^="--progress-conic:"]::-webkit-progress-bar,.elm-progress progress[style^="--progress-conic:"]::-webkit-progress-inner-element,.elm-progress progress[style^="--progress-conic:"]::-webkit-progress-value{display:none}.elm-progress progress[style^="--progress-conic:"]::-moz-progress-bar{background:none}.elm-progress progress[style^="--progress-conic:"]+label,.elm-progress progress[style^="--progress-conic:"]+output{align-items:center;background:#fdfdfd;border-radius:50%;display:block;display:flex;height:3.4375rem;justify-content:center;position:absolute;transform:translate(.625rem,-4.0625rem);width:3.4375rem}}@keyframes elmProgressMoveIndeterminate{0%{background-position:-35% 0;background-size:35% 100%}60%{background-position:101% 0;background-size:65% 100%}to{background-position:101% 0;background-size:1% 100%}}.elm-radio{--db-form-element-dimensions:var( --db-radio-dimensions,1.25em );-webkit-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.1);border:.0625rem solid #282d37;border-radius:1em;display:inline-block;font-size:1rem;height:var(--db-form-element-dimensions);transition:border-width .5s ease;width:var(--db-form-element-dimensions)}.elm-radio[type=radio]{vertical-align:sub}.elm-radio:enabled:hover:not(:checked){background-color:rgba(40,45,55,.14)}.elm-radio:enabled:focus-visible:not(:checked){background-color:rgba(40,45,55,.14)}.elm-radio:enabled:active{background-color:rgba(40,45,55,.3)}.elm-radio:checked{border-width:.375em}.elm-radio:is(:user-invalid),.elm-radio[aria-invalid=true]{border-color:#c13e34}.elm-radio+label{padding-inline-start:.25rem}.elm-radio:disabled,.elm-radio:disabled+label{opacity:.5}@media(prefers-reduced-motion:reduce){.elm-radio{transition-duration:.01s!important}}.elm-textarea{display:block;font-size:1rem;height:2.75rem;line-height:1.5rem;max-width:100%;padding:.375rem .625rem;resize:vertical;width:100%}.elm-textarea:not([rows]){max-height:37.5rem;min-height:7.5rem}.elm-textarea[rows]{height:auto}.elm-textarea:focus:not(:disabled),.elm-textarea:hover:not(:disabled){--formElement---borderColor:#878c96}.elm-textarea:focus-visible:not(:disabled){--formElement---borderColor:#878c96}.elm-textarea:disabled,.elm-textarea:disabled+.elm-label,fieldset:disabled .elm-textarea,fieldset:disabled .elm-textarea+.elm-label{opacity:.4}.elm-select{-webkit-appearance:none;appearance:none;font-size:1rem}.elm-select::-ms-expand{display:none}.elm-select:not([multiple]){background-image:var(--db-ic-expand-more-20,url(@db-ui/core/dist/icons/functional/images/navigation/db_ic_expand_more_20.svg));background-position:right .6875rem center;background-repeat:no-repeat;height:2.75rem;padding:1.25rem 2.625rem 0 1rem}.elm-select:not([multiple]):has(+label[data-label-hidden=true]){padding-top:0}.elm-select:not([multiple])+.elm-label{pointer-events:none;position:absolute;transition:opacity,transform .25s}@media(prefers-reduced-motion:reduce){.elm-select:not([multiple])+.elm-label{transition-duration:.01s!important}}.elm-select:not([multiple]):has(option:checked:empty)+.elm-label{color:#646973;font-size:1rem;transform:translate(1rem,-2.1875rem)}.elm-select:not([multiple]):not([aria-invalid]):is(:user-valid),.elm-select:not([multiple])[data-variant]  :not([aria-invalid]):is(:user-valid){--formElement---borderColor:#2a7230}.elm-select:not([multiple]):not([aria-invalid]):is(:user-invalid),.elm-select:not([multiple])[data-variant]  :not([aria-invalid]):is(:user-invalid){--formElement---borderColor:#ec0016}.elm-select:disabled,.elm-select:disabled+.elm-label,fieldset:disabled .elm-select,fieldset:disabled .elm-select+.elm-label{opacity:.4}.elm-select+.elm-label{display:block;font-size:.75rem;margin-bottom:-1.125rem;transform:translate(1rem,-2.5625rem);transition:opacity,transform .15s}@media(prefers-reduced-motion:reduce){.elm-select+.elm-label{transition-duration:.01s!important}}.elm-select[multiple]{margin-top:1rem}.elm-select[multiple]+.elm-label{transform:translate(1rem,-6.25rem)}.elm-select optgroup{background-color:transparent;font-style:normal}.elm-select option:not(:disabled):hover{background-color:#d7dce1}.elm-select option:not(:disabled):focus-visible{background-color:#d7dce1}.elm-select option:checked{background-color:#d7dce1}.elm-chip+label{--db-focus-outline-size:max(2px,0.08em);align-items:center;border:1px solid #878c96;border-radius:.25rem;display:inline-flex;font-size:.875rem;font-weight:500;height:1.75rem;justify-content:center;padding-left:.4375rem;padding-right:.4375rem;text-decoration:none;text-transform:capitalize;white-space:nowrap}.elm-chip+label[data-icon-after]:after,.elm-chip+label[data-icon-before]:before,.elm-chip+label[data-icon]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem}.elm-chip:not(:disabled,:checked)+label:hover{background-color:rgba(40,45,55,.03)}.elm-chip:not(:disabled,:checked)+label:focus-visible{background-color:rgba(40,45,55,.03)}.elm-chip:checked+label{background-color:#282d37;border-color:transparent;color:#fff}.elm-chip:checked+label[data-variant=light]{background-color:#d7dce1;border:1px solid #878c96;color:#282d37}.elm-chip:checked+label[data-variant=warning]{background-color:#f75f00}.elm-chip:checked+label[data-variant=error]{background-color:#ec0016}.elm-chip:checked+label[data-variant=informative]{background-color:#0087b9}.elm-chip:checked+label[data-variant=success]{background-color:#508b1b}.elm-chip:checked+label[data-variant=poi-essen-trinken]{background-color:#f39200;color:#282d37}.elm-chip:checked+label[data-variant=poi-einkaufen]{background-color:#814997}.elm-chip:checked+label[data-variant=poi-gesundheit]{background-color:#a9455d}.elm-chip:checked+label[data-variant=poi-kunst-kultur]{background-color:#e93e8f}.elm-chip:checked+label[data-variant=poi-wissenswertes]{background-color:#858379}.elm-chip:checked+label[data-variant=poi-freizeit]{background-color:#408335}.elm-chip:checked+label[data-variant=poi-zivile-rel-einrichtungen]{background-color:#00a099}.elm-chip:checked+label[data-variant=poi-dienstleistungen]{background-color:#309fd1;color:#282d37}.elm-chip:checked+label[data-variant=poi-db-services-einrichtung]{background-color:#0c3992}.elm-chip:checked+label[data-variant=poi-wegeleitung]{background-color:#3c414b}.elm-chip:disabled+label{opacity:.5}.elm-chip:focus-visible+label{outline:var(--db-focus-outline-size) var(--db-focus-outline-style,solid) var(--db-focus-outline-color,currentColor);outline-offset:var(--db-focus-outline-offset,var(--db-focus-outline-size))}.elm-tag{align-items:center;background-color:#282d37;border-radius:.25rem;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;height:1.5rem;justify-content:center;padding-left:.25rem;padding-right:.25rem;text-transform:capitalize;white-space:nowrap}.elm-tag[data-size=small]{height:1.25rem}.elm-tag[data-variant=light]{background-color:#d7dce1;border:1px solid #878c96;color:#282d37}.elm-tag[data-variant=warning]{background-color:#cc4e00}.elm-tag[data-variant=error]{background-color:#db0014}.elm-tag[data-variant=informative]{background-color:#006a96}.elm-tag[data-variant=success]{background-color:#467a18}.elm-tag[data-variant=track]{background-color:#0a1e6e;font-weight:700}.elm-tag[data-variant=poi-essen-trinken]{background-color:#f39200;color:#282d37}.elm-tag[data-variant=poi-einkaufen]{background-color:#814997}.elm-tag[data-variant=poi-gesundheit]{background-color:#a9455d}.elm-tag[data-variant=poi-kunst-kultur]{background-color:#e93e8f}.elm-tag[data-variant=poi-wissenswertes]{background-color:#858379}.elm-tag[data-variant=poi-freizeit]{background-color:#408335}.elm-tag[data-variant=poi-zivile-rel-einrichtungen]{background-color:#00a099}.elm-tag[data-variant=poi-dienstleistungen]{background-color:#309fd1;color:#282d37}.elm-tag[data-variant=poi-db-services-einrichtung]{background-color:#0c3992}.elm-tag[data-variant=poi-wegeleitung]{background-color:#3c414b}.elm-tag[data-icon-before]:before,.elm-tag[data-icon]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem;--icon-margin-after:0.125rem}.elm-tag[data-icon-after]:after{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem;--icon-margin-before:0.125rem}.elm-toggle{-webkit-appearance:none;appearance:none;background-color:#646973;border:none;border-radius:.75rem;display:inline-block;height:1.5rem;position:relative;transition:background-color .3s ease;width:3rem}@media(prefers-reduced-motion:reduce){.elm-toggle{transition-duration:.01s!important}}.elm-toggle+.elm-label{vertical-align:top}.elm-toggle:before{background-color:#fff;border-radius:.625rem;box-shadow:0 5px 30px 0 rgba(0,0,0,.05),0 1px 5px 0 rgba(0,0,0,.15);content:"";display:block;height:1.25rem;left:.125rem;position:absolute;top:.125rem;transition:border-color,left .3s cubic-bezier(.3,1.5,.7,1);width:1.25rem}@media(prefers-reduced-motion:reduce){.elm-toggle:before{transition-duration:.01s!important}}.elm-toggle:hover:before{background-color:#f7f7f7}.elm-toggle:focus-visible:before{background-color:#f7f7f7}.elm-toggle:active:before{transition:width .3s cubic-bezier(.3,1.5,.7,1);width:1.5rem}@media(prefers-reduced-motion:reduce){.elm-toggle:active:before{transition-duration:.01s!important}}.elm-toggle:checked{background-color:#131821}.elm-toggle:checked:before{left:unset;right:.125rem}.elm-toggle:disabled,.elm-toggle:disabled+label{opacity:.5}.elm-youtube{height:19.6875rem;width:35rem}.cmp-breadcrumb{color:#646973;font-size:.75rem}.cmp-breadcrumb a{color:inherit}.cmp-breadcrumb ol{display:flex}.cmp-breadcrumb ol>li{align-items:center;display:inline-flex;margin-right:.1875rem}.cmp-breadcrumb ol>li [aria-current=location],.cmp-breadcrumb ol>li [aria-current=page]{color:#282d37}.cmp-breadcrumb ol>li .elm-link{border-radius:.25rem;padding:.0625rem .1875rem .0625rem .25rem;text-decoration:none}.cmp-breadcrumb ol>li .elm-link:hover{background-color:rgba(40,45,55,.03)}.cmp-breadcrumb ol>li .elm-link:focus-visible{background-color:rgba(40,45,55,.03)}.cmp-breadcrumb ol>li .elm-link:active{background-color:rgba(40,45,55,.06)}.cmp-breadcrumb ol>li:first-child{--icon-glyph-before:"⌂"}.cmp-breadcrumb ol>li:first-child:before{--icon-font-family:"icons-20-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.25rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-breadcrumb ol>li:first-child:before{content:var(--icon-glyph-before)/""}}.cmp-breadcrumb ol>li:first-child:before{--icon-margin-after:0.1875rem}.cmp-breadcrumb ol>li:not(:first-child){--icon-glyph-before:">"}.cmp-breadcrumb ol>li:not(:first-child):before{--icon-font-family:"icons-20-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.25rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-breadcrumb ol>li:not(:first-child):before{content:var(--icon-glyph-before)/""}}.cmp-breadcrumb ol>li:not(:first-child):before{--icon-font-size:0.875rem;--icon-margin-after:0;color:#878c96;margin-left:-.125rem}.cmp-cards{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");margin:0;padding:0}@supports(display:grid){.cmp-cards{display:grid;grid-gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(21.25rem,1fr))}}.cmp-card{background-color:#fff;border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05)}.cmp-card>a{text-decoration:none}.cmp-card figure{margin:1rem 1rem 1rem .5rem}.cmp-card[data-variant=banner] figure{display:flex}.cmp-card[data-variant=banner] figcaption{margin-left:1rem}.cmp-card[data-variant=banner] figcaption h1,.cmp-card[data-variant=banner] figcaption h2,.cmp-card[data-variant=banner] figcaption h3,.cmp-card[data-variant=banner] figcaption h4,.cmp-card[data-variant=banner] figcaption h5,.cmp-card[data-variant=banner] figcaption h6{font-size:1.125rem}.cmp-card[data-variant=banner] figcaption h1,.cmp-card[data-variant=banner] figcaption h1~p,.cmp-card[data-variant=banner] figcaption h2,.cmp-card[data-variant=banner] figcaption h2~p,.cmp-card[data-variant=banner] figcaption h3,.cmp-card[data-variant=banner] figcaption h3~p,.cmp-card[data-variant=banner] figcaption h4,.cmp-card[data-variant=banner] figcaption h4~p,.cmp-card[data-variant=banner] figcaption h5,.cmp-card[data-variant=banner] figcaption h5~p,.cmp-card[data-variant=banner] figcaption h6,.cmp-card[data-variant=banner] figcaption h6~p{margin:.125rem 0}.cmp-card[data-variant=banner] figcaption p{font-size:.875rem;max-width:18.125rem}.cmp-card[data-variant=tile]{text-align:center}.cmp-card figcaption{max-width:60ch}.cmp-accordion{--db-accordion---paddingLeft:1rem;border-bottom:1px solid #d7dce1;padding-left:var(--db-accordion---paddingLeft);padding-right:1rem}.cmp-accordion summary{align-items:center;display:flex;justify-content:space-between;padding-block:.75rem;transform:translateX(calc(var(--db-accordion---paddingLeft)*-1));width:calc(100% + var(--db-accordion---paddingLeft) + 1rem);--icon-glyph-after:"⌄"}.cmp-accordion summary:after{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}@supports(content:""/""){.cmp-accordion summary:after{content:var(--icon-glyph-after)/""}}.cmp-accordion summary::-webkit-details-marker{display:none}.cmp-accordion summary:first-of-type{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E")}.cmp-accordion summary:after{--icon-margin-before:0.5rem;margin-right:.875rem}.cmp-accordion summary+p{margin-top:0}.cmp-accordion[open]>summary:after{content:"⌃"}.cmp-accordion[data-emphasis=high]{--db-accordion---paddingLeft:1.5rem}.cmp-accordion[data-emphasis=high] summary{font-weight:700;height:3.5rem}.cmp-accordion[data-emphasis=high] summary:after{--icon-font-size:2rem}.cmp-accordion[data-size=small]{--db-accordion---paddingLeft:0.25rem}.cmp-accordion[data-size=small] summary{font-size:.875rem;padding-block:.59375rem}.cmp-accordion[data-size=small] summary:after{--icon-font-size:1.25rem;--icon-margin-after:0.375rem;margin-left:.375rem}.cmp-accordion[data-size=large]{--db-accordion---paddingLeft:1.5rem}.cmp-accordion[data-size=large] summary{font-size:1.25rem;padding-block:1rem}.cmp-accordion[data-size=large] summary:after{--icon-font-size:2rem}.cmp-mainnavigation{padding-inline-start:1.5rem;position:relative;top:0}.cmp-mainnavigation:before{inset-inline-start:0}.rea-header .cmp-mainnavigation{order:1}@supports not selector(:has(db)){.cmp-mainnavigation{margin:auto}}.cmp-mainnavigation .elm-link{border-radius:initial;color:inherit;display:inline-block;text-decoration:none}.cmp-mainnavigation>input[type=checkbox][id]{-webkit-appearance:none;appearance:none;aspect-ratio:1/1;block-size:1.5rem;position:absolute}@media screen and (width > 1023px){.cmp-mainnavigation>input[type=checkbox][id],.cmp-mainnavigation>input[type=checkbox][id]+label[for]{display:none}}.cmp-mainnavigation>label[for]{background-color:#fdfdfd;border-bottom:1px solid #f5f4f1;display:block;padding:.5rem 1.375rem .625rem;--icon-glyph-before:"󡄢"}.cmp-mainnavigation>label[for]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-mainnavigation>label[for]:before{content:var(--icon-glyph-before)/""}}.cmp-mainnavigation>label[for]{--icon-glyph-after:"⨯"}.cmp-mainnavigation>label[for]:after{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}@supports(content:""/""){.cmp-mainnavigation>label[for]:after{content:var(--icon-glyph-after)/""}}.cmp-mainnavigation>label[for]:after,.cmp-mainnavigation>label[for]:before{margin-right:1rem}@media screen and (max-width:1023px){.cmp-mainnavigation{z-index:30}.cmp-mainnavigation>input[type=checkbox][id]+label[for]{font-size:0;padding:0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]:before{--icon-margin-after:0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]:after,.cmp-mainnavigation>input[type=checkbox][id]+label[for]:before{margin:0}.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)+label[for]:after{content:none}.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)~ul{display:none}.cmp-mainnavigation>input[type=checkbox][id]:checked{inset-block-start:1rem;inset-inline-end:1.5rem;position:absolute;z-index:50}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]{background-color:#fff;block-size:3.5rem}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]:after{inset-block-start:.5rem;inset-inline-end:1rem;padding:.5rem;position:absolute;z-index:50}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]:before{background-color:#282d37;content:"";inset:0;opacity:.8;position:fixed;z-index:30}.cmp-mainnavigation:has(>input[type=checkbox][id]:not(:checked)){inset-block-start:50%;inset-inline-end:1.5rem;padding-inline-start:1rem;position:absolute;transform:translateY(-50%)}.cmp-mainnavigation:has(>input[type=checkbox][id]:checked){inset:0;margin-inline-start:1.5rem;padding:0;position:fixed}.cmp-mainnavigation:has(>input[type=checkbox][id]:checked):after{background-color:#fff;content:"";width:100%;block-size:3.5rem;border-bottom:1px solid rgba(40,45,55,.2);border-top-left-radius:4px;inset:0;position:absolute;z-index:30}}.cmp-mainnavigation ul{background-color:#fdfdfd}@media screen and (width > 1023px){.cmp-mainnavigation ul ul{box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);position:absolute;visibility:hidden;z-index:70}}@media screen and (max-width:1023px){.cmp-mainnavigation ul ul{display:none}.cmp-mainnavigation>ul{background-color:#fff;inset-block-end:0;inset-block-start:3.5rem;inset-inline:0;margin-block-end:3.5rem;overflow:auto;padding:.75rem;position:absolute;z-index:50}}@media screen and (width > 1023px){.cmp-mainnavigation>ul{display:flex;gap:.75rem}.cmp-mainnavigation>ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li>.elm-link,.cmp-mainnavigation>ul>li>*>.elm-link,.cmp-mainnavigation>ul>li>.elm-link{border-radius:4px;height:2.5rem;padding:.5rem .75rem}.cmp-mainnavigation>ul>*>li>*>.elm-link:focus,.cmp-mainnavigation>ul>*>li>*>.elm-link:hover,.cmp-mainnavigation>ul>*>li>.elm-link:focus,.cmp-mainnavigation>ul>*>li>.elm-link:hover,.cmp-mainnavigation>ul>li>*>.elm-link:focus,.cmp-mainnavigation>ul>li>*>.elm-link:hover,.cmp-mainnavigation>ul>li>.elm-link:focus,.cmp-mainnavigation>ul>li>.elm-link:hover{border-bottom-color:#d7dce1}}@media screen and (width > 1023px){.cmp-mainnavigation>ul>*>li>*>.elm-link:focus-visible,.cmp-mainnavigation>ul>*>li>.elm-link:focus-visible,.cmp-mainnavigation>ul>li>*>.elm-link:focus-visible,.cmp-mainnavigation>ul>li>.elm-link:focus-visible{border-bottom-color:#d7dce1}.cmp-mainnavigation>ul>*>li>*>.elm-link[aria-current=page]:after,.cmp-mainnavigation>ul>*>li>.elm-link[aria-current=page]:after,.cmp-mainnavigation>ul>li>*>.elm-link[aria-current=page]:after,.cmp-mainnavigation>ul>li>.elm-link[aria-current=page]:after{background-color:#ec0016;border-radius:2px;content:"";height:4px;inset-block-start:calc(100% + .25rem);inset-inline:0;position:absolute;width:100%}.cmp-mainnavigation>ul>*>li ul,.cmp-mainnavigation>ul>li ul{inset-block-start:calc(100% + .5rem);inset-inline-start:0;min-width:100%}.cmp-mainnavigation>ul>*>li ul:before,.cmp-mainnavigation>ul>li ul:before{content:"";height:.5rem;inset-block-end:100%;position:absolute;width:100%}.cmp-mainnavigation>ul>*>li ul ul,.cmp-mainnavigation>ul>li ul ul{inset-block-start:.25rem;inset-inline-start:100%;top:auto}.cmp-mainnavigation>ul>*>li ul .elm-link,.cmp-mainnavigation>ul>li ul .elm-link{align-items:center;display:flex;min-height:3.3125rem;padding-left:1.125rem;padding-right:1.125rem}}@media screen and (max-width:1023px){.cmp-mainnavigation>ul>*>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>li>.elm-link{padding-left:2.125rem}.cmp-mainnavigation>ul>*>li ul>*>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>li>.elm-link{padding-left:3.75rem}}.cmp-mainnavigation li{display:block;position:relative}.cmp-mainnavigation li[aria-haspopup=true]{--icon-glyph-after:">"}.cmp-mainnavigation li[aria-haspopup=true]:after{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}@supports(content:""/""){.cmp-mainnavigation li[aria-haspopup=true]:after{content:var(--icon-glyph-after)/""}}.cmp-mainnavigation li[aria-haspopup=true]:after{position:absolute;right:1rem;top:.5625rem}.cmp-mainnavigation li:is(:hover,:focus-within)>*>ul,.cmp-mainnavigation li:is(:hover,:focus-within)>ul{visibility:visible}.cmp-mainnavigation li:is(:focus-visible,:focus-within)>*>ul,.cmp-mainnavigation li:is(:focus-visible,:focus-within)>ul{visibility:visible}@media screen and (max-width:1023px){.cmp-mainnavigation li:is(:hover,:focus-within)>*>ul,.cmp-mainnavigation li:is(:hover,:focus-within)>ul{display:initial}.cmp-mainnavigation li:is(:focus-visible,:focus-within)>*>ul,.cmp-mainnavigation li:is(:focus-visible,:focus-within)>ul{display:initial}}@media screen and (max-width:1023px){.cmp-mainnavigation li:hover>a{font-weight:700}.cmp-mainnavigation li:focus-visible>a{font-weight:700}.cmp-mainnavigation li:hover[aria-haspopup=true]{--icon-glyph-after:"⌄"}.cmp-mainnavigation li:focus-visible[aria-haspopup=true]{--icon-glyph-after:"⌄"}.cmp-mainnavigation li .elm-link{color:inherit;padding-block:.5rem;padding-inline-start:.75rem;width:calc(100% - 4rem)}.cmp-mainnavigation li[aria-haspopup=true]{position:relative}}@media screen and (width > 1023px){.cmp-mainnavigation li[aria-haspopup=true]:after{content:none}.cmp-mainnavigation li .elm-link{background-color:rgba(40,45,55,0)}.cmp-mainnavigation li .elm-link:hover{background-color:rgba(40,45,55,.08);color:initial}.cmp-mainnavigation li .elm-link:focus-visible{background-color:rgba(40,45,55,.08);color:initial}.cmp-mainnavigation li .elm-link:active{background-color:rgba(40,45,55,.16)}.cmp-mainnavigation li .elm-link[aria-current=page]{font-weight:700}}.cmp-metanavigation{display:flex;gap:.5rem;list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");margin-bottom:0;margin-top:0;padding-left:0}.cmp-metanavigation li{padding-left:.5rem;padding-right:.5rem}.rea-footer .cmp-metanavigation li{padding-left:.375rem;padding-right:.375rem}.cmp-metanavigation li .elm-link{text-decoration:none}.rea-header .cmp-metanavigation li .elm-link{font-size:0}.rea-header .cmp-metanavigation li .elm-link:before{--icon-margin-after:0}.rea-footer .cmp-metanavigation{flex-wrap:wrap;justify-content:center}@media screen and (max-width:767px){.rea-footer .cmp-metanavigation{margin-bottom:1rem}}@media screen and (min-width:768px){.rea-footer .cmp-metanavigation{float:right}}.cmp-brand{align-items:center;display:flex;font-weight:700;gap:1rem}.cmp-brand a,.cmp-brand img{height:1.5rem}.cmp-brand img{width:auto}.cmp-brand a{color:inherit;text-decoration:none}.elm-input,.elm-select,.elm-textarea{--formElement---borderTopColor:var( --formElement---borderColor,transparent );--formElement---borderRightColor:var( --formElement---borderColor,transparent );--formElement---borderBottomColor:var( --formElement---borderColor,rgba(40,45,55,.5) );--formElement---borderLeftColor:var( --formElement---borderColor,transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-input~.description,.elm-select~.description,.elm-textarea~.description{color:#646973;font-size:.875rem;padding:.375rem .625rem}.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],.elm-select[data-variant=semitransparent],.elm-textarea[data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search],:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),:where(.elm-select:not([multiple])),:where(.elm-textarea),:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent]{--formElement---borderColor:rgba(40,45,55,.5);background-color:rgba(40,45,55,.05);border:1px solid transparent;border-bottom:1px solid var(--formElement---borderBottomColor)}.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white],.elm-select[data-variant=white],.elm-textarea[data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white]{--formElement---borderColor:rgba(40,45,55,.5);background-color:#fff;border:1px solid transparent;border-bottom:1px solid var(--formElement---borderBottomColor)}.cmp-sitesearch .elm-input[type=search],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid]{--formElement---borderColor:rgba(40,45,55,.5);background-color:#f0f3f5;border:1px solid transparent;border-bottom:1px solid var(--formElement---borderBottomColor)}.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline],.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline]{--formElement---borderColor:rgba(40,45,55,.25);background-color:transparent;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid,.elm-textarea:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid{--formElement---borderColor:#2a7230}.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid,.elm-textarea:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid{--formElement---borderColor:#ec0016}:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week],[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea{--formElement---borderColor:#ec0016}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description),.elm-textarea+output:has(+.description){float:right}@supports(position-area:block-end span-inline-start){.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)),.elm-textarea+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description,.elm-textarea+output,.elm-textarea+output+.description{color:#646973;font-size:.875rem;padding:.375rem .625rem}.elm-checkbox:has(+label):after,.elm-radio:has(+label):after{content:"";height:var(--db-form-element-dimensions);position:absolute;transform:translateX(.25rem);width:calc(var(--db-form-element-dimensions) + .25rem)}.cmp-sitesearch{align-items:center;display:flex;padding-inline-end:.75rem;position:relative}@media screen and (max-width:1023px){.cmp-sitesearch{margin-inline-end:2.25rem;margin-inline-start:auto}.cmp-sitesearch:before{display:none}}.cmp-sitesearch .elm-input[type=search]{background-image:none;opacity:0;padding:0;width:0}.cmp-sitesearch .elm-input[type=search]:not(:-ms-input-placeholder){opacity:1;padding-inline-end:3rem;padding-inline-start:1rem;padding-top:0;width:16rem}.cmp-sitesearch .elm-input[type=search]:focus,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown){opacity:1;padding-inline-end:3rem;padding-inline-start:1rem;padding-top:0;width:16rem}.cmp-sitesearch .elm-input[type=search]:not(:-ms-input-placeholder)+.elm-label{display:none}.cmp-sitesearch .elm-input[type=search]:focus+.elm-label,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown)+.elm-label{display:none}.cmp-sitesearch .elm-input[type=search]:not(:-ms-input-placeholder)~.elm-button{display:flex}.cmp-sitesearch .elm-input[type=search]:focus~.elm-button,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown)~.elm-button{display:flex}.cmp-sitesearch .elm-label{border-radius:4px;display:inline-block;padding:.5rem;--icon-glyph-before:"󡉔"}.cmp-sitesearch .elm-label:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sitesearch .elm-label:before{content:var(--icon-glyph-before)/""}}.cmp-sitesearch .elm-label:before{vertical-align:top}.rea-meta .cmp-sitesearch .elm-label{font-size:0}.rea-meta .cmp-sitesearch .elm-label:before{--icon-margin-after:0}.cmp-sitesearch .elm-button{border:0;display:none;font-size:0;inset-inline-end:.75rem;padding:.5rem;position:absolute}.cmp-sitesearch .elm-button:before{--icon-margin-after:0}.cmp-sitesearch .elm-button{--icon-glyph-before:"󡉔"}.cmp-sitesearch .elm-button:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sitesearch .elm-button:before{content:var(--icon-glyph-before)/""}}.cmp-sitesearch .elm-button,.cmp-sitesearch .elm-label{background-color:rgba(40,45,55,0)}.cmp-sitesearch .elm-button:hover,.cmp-sitesearch .elm-label:hover{background-color:rgba(40,45,55,.08)}.cmp-sitesearch .elm-button:focus-visible,.cmp-sitesearch .elm-label:focus-visible{background-color:rgba(40,45,55,.08)}.cmp-sitesearch .elm-button:active,.cmp-sitesearch .elm-label:active{background-color:rgba(40,45,55,.16)}@media screen and (max-width:31.25rem){.cmp-sitesearch:has(.elm-input[type=search]:not(:-ms-input-placeholder)){left:1rem;position:absolute;z-index:10}.cmp-sitesearch:focus-within,.cmp-sitesearch:has(.elm-input[type=search]:not(:placeholder-shown)){left:1rem;position:absolute;z-index:10}.cmp-sitesearch:has(.elm-input[type=search]:not(:-ms-input-placeholder)) .elm-input[type=search]{width:calc(100vw - 5.5rem)}.cmp-sitesearch:focus-within .elm-input[type=search],.cmp-sitesearch:has(.elm-input[type=search]:not(:placeholder-shown)) .elm-input[type=search]{width:calc(100vw - 5.5rem)}}.cmp-notification{background-color:#282d37;box-shadow:0 4px 10px 0 rgba(0,0,0,.1);margin-bottom:1rem;padding:1rem}section[data-variant=hovering] .cmp-notification{background-color:#fff}section[data-variant=alert] .cmp-notification{color:#fff}section[data-variant=hovering] .cmp-notification{border:2px solid transparent;border-radius:.5rem;padding:.875rem 1rem}.cmp-notification[data-type=success]{background-color:#508b1b}section[data-variant=hovering] .cmp-notification[data-type=success]{border-color:#508b1b}.cmp-notification[data-type=warning]{background-color:#f75f00}section[data-variant=hovering] .cmp-notification[data-type=warning]{border-color:#f75f00}.cmp-notification[data-type=error]{background-color:#ec0016}section[data-variant=hovering] .cmp-notification[data-type=error]{border-color:#ec0016}.cmp-notification[data-type=informative]{background-color:#0087b9}section[data-variant=hovering] .cmp-notification[data-type=informative]{border-color:#0087b9}.cmp-notification[data-icon-after],.cmp-notification[data-icon-before],.cmp-notification[data-icon]{align-items:center;display:flex}.cmp-notification[data-icon-before]:before,.cmp-notification[data-icon]:before{--icon-margin-after:0.625rem}.cmp-notification[data-icon-after]{justify-content:space-between}.cmp-notification[data-icon-after]:after{--icon-margin-before:0.625rem}.cmp-dialog{border:0;border-radius:8px;color:#282d37;font-size:.875rem;margin-top:0;max-width:90vw;padding:1rem;position:fixed;top:50%;transform:translateY(-50%)}@media screen and (min-width:768px){.cmp-dialog{padding:1.5rem}}.cmp-dialog::-ms-backdrop{background-color:rgba(0,0,0,.9)}.cmp-dialog::backdrop{background-color:rgba(0,0,0,.9)}.cmp-dialog+.backdrop{background-color:rgba(0,0,0,.9)}.no-js .cmp-dialog:target{display:initial}.cmp-dialog header{color:#131821;transform:translateY(-.5625rem)}.cmp-dialog header .elm-headline{font-size:1.125rem;font-weight:700;line-height:1.5rem;margin-bottom:.375rem;margin-right:1.5rem;margin-top:0;text-align:center}@media screen and (min-width:768px){.cmp-dialog header .elm-headline{font-size:1.5rem;line-height:1.75rem}}.cmp-dialog header :is(.elm-link,button).is-close{background-color:transparent;border-color:transparent;position:absolute;right:0;top:0}.cmp-dialog header :is(.elm-link,button).is-close{--icon-glyph-before:"⨯"}.cmp-dialog header :is(.elm-link,button).is-close:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-dialog header :is(.elm-link,button).is-close:before{content:var(--icon-glyph-before)/""}}.cmp-dialog header :is(.elm-link,button).is-close{font-size:0}.cmp-dialog header :is(.elm-link,button).is-close:before{--icon-margin-after:0}.cmp-dialog main p:first-child{margin-top:0}.cmp-dialog footer{display:flex;margin-top:1.125rem}.cmp-dialog footer .elm-button+.elm-button{margin-left:1rem}.cmp-dialog footer[data-alignment=end]{justify-content:flex-end}.cmp-dialog footer:not([data-alignment=end]) .elm-button{flex-grow:1}.cmp-language-switcher{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");margin-right:1rem;position:relative}.cmp-language-switcher:focus li:not([aria-current],[aria-selected]),.cmp-language-switcher:hover li:not([aria-current],[aria-selected]){visibility:visible}.cmp-language-switcher:focus-visible li:not([aria-current],[aria-selected]){visibility:visible}.cmp-language-switcher:focus li[aria-current=page],.cmp-language-switcher:focus li[aria-selected=true],.cmp-language-switcher:hover li[aria-current=page],.cmp-language-switcher:hover li[aria-selected=true]{color:#ec0016}.cmp-language-switcher:focus-visible li[aria-current=page],.cmp-language-switcher:focus-visible li[aria-selected=true]{color:#ec0016}.cmp-language-switcher li{background-color:#fdfdfd;position:absolute;top:1.625rem}.rea-header .cmp-language-switcher li{top:calc(var(--db-language-switcher---direction, 1)*(100% + 1rem - 2px));z-index:40}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(200% + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(300% + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(400% + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(500% + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(600% + 1rem - 2px))}@media screen and (width > 1023px){.rea-header .cmp-language-switcher li{top:100%}}.cmp-language-switcher li .elm-button,.cmp-language-switcher li .elm-link{color:inherit;text-decoration:none}.cmp-language-switcher li:not([aria-current],[aria-selected]){visibility:hidden}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link{padding-block:1rem;padding-right:2.125rem}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:focus,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:hover,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:focus,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:hover{background-color:#d7dce1}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:focus-visible,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:focus-visible{background-color:#d7dce1}.cmp-language-switcher li[aria-current],.cmp-language-switcher li[aria-selected]{position:static}.cmp-language-switcher li[aria-current] .elm-button,.cmp-language-switcher li[aria-current] .elm-link,.cmp-language-switcher li[aria-selected] .elm-button,.cmp-language-switcher li[aria-selected] .elm-link{--icon-glyph-after:"⌄"}.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}@supports(content:""/""){.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after{content:var(--icon-glyph-after)/""}}.cmp-language-switcher li[aria-current] .elm-button:hover,.cmp-language-switcher li[aria-current] .elm-link:hover,.cmp-language-switcher li[aria-selected] .elm-button:hover,.cmp-language-switcher li[aria-selected] .elm-link:hover{color:#ec0016}.cmp-language-switcher li[aria-current] .elm-button:focus-visible,.cmp-language-switcher li[aria-current] .elm-link:focus-visible,.cmp-language-switcher li[aria-selected] .elm-button:focus-visible,.cmp-language-switcher li[aria-selected] .elm-link:focus-visible{color:#ec0016}.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after{float:right;margin-left:.3125rem}.cmp-language-switcher li .elm-button,.cmp-language-switcher li .elm-link{display:inline-block;padding-left:1.125rem}.cmp-language-switcher li .elm-button:focus,.cmp-language-switcher li .elm-button:hover,.cmp-language-switcher li .elm-link:focus,.cmp-language-switcher li .elm-link:hover{color:initial}.cmp-language-switcher li .elm-button:focus-visible,.cmp-language-switcher li .elm-link:focus-visible{color:initial}.cmp-language-switcher li .elm-button{border-width:0;line-height:1.5;padding-right:0;padding-top:.5625rem}.cmp-pagination{color:#282d37;font-size:.875rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cmp-pagination>ol{display:flex}.cmp-pagination .elm-link,.cmp-pagination li{align-items:center;display:inline-flex;justify-content:center}.cmp-pagination li{height:2.25rem;width:2.25rem}.cmp-pagination .elm-link{color:inherit;height:100%;text-decoration:none;width:100%}.cmp-pagination .elm-link[rel=next],.cmp-pagination .elm-link[rel=prev]{padding:0;vertical-align:bottom}.cmp-pagination .elm-link[rel=prev]:before{margin-left:.6875rem}.cmp-pagination .elm-link[rel=next]:before{margin-right:.6875rem}.cmp-pagination .elm-link[rel=prev]{--icon-glyph-before:"<"}.cmp-pagination .elm-link[rel=prev]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-pagination .elm-link[rel=prev]:before{content:var(--icon-glyph-before)/""}}.cmp-pagination .elm-link[rel=prev]{font-size:0}.cmp-pagination .elm-link[rel=prev]:before{--icon-margin-after:0}.cmp-pagination .elm-link[rel=next]{--icon-glyph-before:">"}.cmp-pagination .elm-link[rel=next]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-pagination .elm-link[rel=next]:before{content:var(--icon-glyph-before)/""}}.cmp-pagination .elm-link[rel=next]{font-size:0}.cmp-pagination .elm-link[rel=next]:before{--icon-margin-after:0}.cmp-pagination .elm-link[aria-current=page]{font-weight:700}.cmp-sidenavi{background-color:#3c414b;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);display:inline-block}.cmp-sidenavi .elm-link{border-radius:initial;color:#d7dce1;display:block;padding:1.25rem 1rem;text-decoration:none}.cmp-sidenavi .elm-link:focus,.cmp-sidenavi .elm-link:hover,.cmp-sidenavi .elm-link[aria-current=page]{color:#3c414b}.cmp-sidenavi .elm-link:focus-visible{color:#3c414b}.cmp-sidenavi .elm-link:focus,.cmp-sidenavi .elm-link:hover{background-color:#afb4bb}.cmp-sidenavi .elm-link[aria-current=page]{background-color:#d7dce1;font-weight:700}.cmp-sidenavi .elm-link[rel]{padding-left:1.3125rem}.cmp-sidenavi .elm-link[rel=index]{--icon-glyph-before:"⌂"}.cmp-sidenavi .elm-link[rel=index]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=index]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=documents]{--icon-glyph-before:"🖹"}.cmp-sidenavi .elm-link[rel=documents]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=documents]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=dashboard]{--icon-glyph-before:"󡅤"}.cmp-sidenavi .elm-link[rel=dashboard]:before{--icon-font-family:"icons-32-enterprise-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=dashboard]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=cloud]{--icon-glyph-before:"☁"}.cmp-sidenavi .elm-link[rel=cloud]:before{--icon-font-family:"icons-32-enterprise-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=cloud]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=calendar]{--icon-glyph-before:"󡉇"}.cmp-sidenavi .elm-link[rel=calendar]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=calendar]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=help]{--icon-glyph-before:"?"}.cmp-sidenavi .elm-link[rel=help]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=help]:before{content:var(--icon-glyph-before)/""}}.cmp-tab-bar{display:flex;flex-wrap:wrap;gap:.25rem}.cmp-tab-bar>*>input[type=radio]+label[role=tab],.cmp-tab-bar>input[type=radio]+label[role=tab]{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:.875rem 1rem;position:relative;z-index:1}.cmp-tab-bar>*>input[type=radio]+label[role=tab]:before,.cmp-tab-bar>input[type=radio]+label[role=tab]:before{margin-inline-start:-.125rem}.cmp-tab-bar>*>input[type=radio]:focus+label,.cmp-tab-bar>input[type=radio]:focus+label{outline:1px dotted #878c96}.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:focus,.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:hover,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:focus,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:hover{background-color:#282d371f}.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:focus-visible,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:focus-visible{background-color:#282d371f}.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:active,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:active{background-color:#282d373d}.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab],.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]{color:#878c96}.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:focus,.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:hover,.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:focus,.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:hover{background-color:unset}.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:focus-visible,.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:focus-visible{background-color:unset}.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab],.cmp-tab-bar>input[type=radio]:checked+label[role=tab]{font-weight:700}.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]+section[role=tabpanel],.cmp-tab-bar>input[type=radio]:checked+label[role=tab]+section[role=tabpanel]{display:initial}.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]:after,.cmp-tab-bar>input[type=radio]:checked+label[role=tab]:after{background-color:#ec0016;border-radius:5px;content:"";display:block;height:.25rem;inset-block-end:0;inset-inline:0;position:absolute}.cmp-tab-bar label[role=tab],.cmp-tab-bar section[role=tabpanel]{background-color:#fdfdfd}.cmp-tab-bar section[role=tabpanel]{display:none;flex-basis:100%;margin-block-start:.125rem;order:1}.cmp-tab-bar[data-size=small]>*>input[type=radio]+label[role=tab],.cmp-tab-bar[data-size=small]>input[type=radio]+label[role=tab]{padding-block:.625rem}.cmp-table{border-collapse:collapse;font-size:var(--table---fontSize,inherit);text-align:left}.cmp-table,.cmp-table>caption{box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05)}.cmp-table caption{font-weight:700;padding:1rem .75rem;text-align:left}.cmp-table thead{border-bottom:.0625rem solid #282d37;border-top:.0625rem solid #282d37}.cmp-table thead th{color:#646973}.cmp-table th{font-weight:400}.cmp-table td,.cmp-table th{padding:.75rem;text-align:inherit;vertical-align:inherit}.cmp-table td:hover,.cmp-table th:hover{resize:horizontal}.cmp-table td:focus-visible,.cmp-table th:focus-visible{resize:horizontal}.cmp-table td:hover:not(:has(.cmp-overflow-menu)),.cmp-table th:hover:not(:has(.cmp-overflow-menu)){overflow:auto}.cmp-table td:focus-visible:not(:has(.cmp-overflow-menu)),.cmp-table th:focus-visible:not(:has(.cmp-overflow-menu)){overflow:auto}.cmp-table tbody{border-bottom:.0625rem solid #282d37}.cmp-table tbody th:first-child{border-right:1px solid #4f4b41}.cmp-table tbody[data-align=left],.cmp-table td[data-align=left],.cmp-table th[data-align=left],.cmp-table thead[data-align=left],.cmp-table tr[data-align=left]{text-align:left}.cmp-table tbody[data-align=center],.cmp-table td[data-align=center],.cmp-table th[data-align=center],.cmp-table thead[data-align=center],.cmp-table tr[data-align=center]{text-align:center}.cmp-table tbody[data-align=right],.cmp-table td[data-align=right],.cmp-table th[data-align=right],.cmp-table thead[data-align=right],.cmp-table tr[data-align=right]{text-align:right}.cmp-table tbody[data-vertical-align=top],.cmp-table td[data-vertical-align=top],.cmp-table th[data-vertical-align=top],.cmp-table thead[data-vertical-align=top],.cmp-table tr[data-vertical-align=top]{vertical-align:top}.cmp-table tbody[data-vertical-align=middle],.cmp-table td[data-vertical-align=middle],.cmp-table th[data-vertical-align=middle],.cmp-table thead[data-vertical-align=middle],.cmp-table tr[data-vertical-align=middle]{vertical-align:middle}.cmp-table tbody[data-vertical-align=bottom],.cmp-table td[data-vertical-align=bottom],.cmp-table th[data-vertical-align=bottom],.cmp-table thead[data-vertical-align=bottom],.cmp-table tr[data-vertical-align=bottom]{vertical-align:bottom}.cmp-table[data-border=around] tbody tr:not(:last-child) td,.cmp-table[data-border=around] tbody tr:not(:last-child) th,.cmp-table[data-border=horizontal] tbody tr:not(:last-child) td,.cmp-table[data-border=horizontal] tbody tr:not(:last-child) th{border-bottom:1px solid #d7dce1}.cmp-table[data-border=around] tbody td:not(:first-child),.cmp-table[data-border=around] tbody th:not(:first-child){border-left:1px solid #d7dce1}.cmp-table[data-rows=zebra] tbody tr:nth-child(odd){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(40,45,55,.07)}.cmp-table[data-density=small] td,.cmp-table[data-density=small] th{padding:.5rem}.cmp-table[data-density=large] td,.cmp-table[data-density=large] th{padding:1rem}.cmp-table[data-sticky=header] tbody th,.cmp-table[data-sticky=header] thead{background-color:#fff;position:sticky;top:-1px}.cmp-link-list{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");padding-left:0}.cmp-link-list li .elm-link{font-weight:700;text-decoration:none;--icon-glyph-before:">"}.cmp-link-list li .elm-link:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-link-list li .elm-link:before{content:var(--icon-glyph-before)/""}}.cmp-link-list li .elm-link:active,.cmp-link-list li .elm-link:hover{text-decoration:underline}.cmp-link-list li .elm-link:focus-visible{text-decoration:underline}.cmp-link-list li .elm-link:before{color:#ec0016;display:inline-block;font-size:.75rem;font-weight:700;margin-top:-.125rem;vertical-align:middle}.cmp-dropdown,.cmp-overflow-menu{color:#2d333f;display:inline-block;position:relative}.cmp-dropdown:not(.is-account) summary,.cmp-overflow-menu:not(.is-account) summary{font-size:0}.cmp-dropdown:not(.is-account) summary:before,.cmp-overflow-menu:not(.is-account) summary:before{--icon-margin-after:0}.cmp-dropdown summary,.cmp-overflow-menu summary{align-items:center;background-color:rgba(40,45,55,0);border-radius:4px;cursor:default;display:inline-flex;padding:.5rem .75rem;--icon-glyph-before:"⋮"}.cmp-dropdown summary:before,.cmp-overflow-menu summary:before{--icon-font-family:"icons-20-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.25rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-dropdown summary:before,.cmp-overflow-menu summary:before{content:var(--icon-glyph-before)/""}}.cmp-dropdown summary:before,.cmp-overflow-menu summary:before{transform:translateX(-.125rem)}.cmp-dropdown summary:hover,.cmp-overflow-menu summary:hover{background-color:rgba(40,45,55,.08)}.cmp-dropdown summary:focus-visible,.cmp-overflow-menu summary:focus-visible{background-color:rgba(40,45,55,.08)}.cmp-dropdown summary:active,.cmp-overflow-menu summary:active{background-color:rgba(40,45,55,.16)}.cmp-dropdown summary::-webkit-details-marker,.cmp-overflow-menu summary::-webkit-details-marker{display:none}.cmp-dropdown summary:first-of-type,.cmp-overflow-menu summary:first-of-type{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E")}.cmp-dropdown menu,.cmp-dropdown ul,.cmp-overflow-menu menu,.cmp-overflow-menu ul{background-color:#fff;border-radius:8px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));margin-block-start:1rem;padding-left:0;position:absolute;width:min-content;z-index:60}.cmp-dropdown menu:before,.cmp-dropdown ul:before,.cmp-overflow-menu menu:before,.cmp-overflow-menu ul:before{border-bottom:.8125rem solid #fff;border-left:.8125rem solid transparent;border-right:.8125rem solid transparent;content:"";height:0;position:absolute;transform:translate(.75rem,-.8125rem);width:0}.cmp-dropdown menu li a,.cmp-dropdown menu li button,.cmp-dropdown ul li a,.cmp-dropdown ul li button,.cmp-overflow-menu menu li a,.cmp-overflow-menu menu li button,.cmp-overflow-menu ul li a,.cmp-overflow-menu ul li button{background-color:#fff;border-radius:unset;display:block;font-weight:400;padding:1rem 2rem 1rem 1rem;text-decoration:none}.cmp-dropdown menu li a:focus,.cmp-dropdown menu li a:hover,.cmp-dropdown menu li button:focus,.cmp-dropdown menu li button:hover,.cmp-dropdown ul li a:focus,.cmp-dropdown ul li a:hover,.cmp-dropdown ul li button:focus,.cmp-dropdown ul li button:hover,.cmp-overflow-menu menu li a:focus,.cmp-overflow-menu menu li a:hover,.cmp-overflow-menu menu li button:focus,.cmp-overflow-menu menu li button:hover,.cmp-overflow-menu ul li a:focus,.cmp-overflow-menu ul li a:hover,.cmp-overflow-menu ul li button:focus,.cmp-overflow-menu ul li button:hover{background-color:#d7dce1;color:inherit}.cmp-dropdown menu li a:focus-visible,.cmp-dropdown menu li button:focus-visible,.cmp-dropdown ul li a:focus-visible,.cmp-dropdown ul li button:focus-visible,.cmp-overflow-menu menu li a:focus-visible,.cmp-overflow-menu menu li button:focus-visible,.cmp-overflow-menu ul li a:focus-visible,.cmp-overflow-menu ul li button:focus-visible{background-color:#d7dce1;color:inherit}.cmp-dropdown menu li:first-child a,.cmp-dropdown menu li:first-child button,.cmp-dropdown ul li:first-child a,.cmp-dropdown ul li:first-child button,.cmp-overflow-menu menu li:first-child a,.cmp-overflow-menu menu li:first-child button,.cmp-overflow-menu ul li:first-child a,.cmp-overflow-menu ul li:first-child button{border-top-left-radius:8px;border-top-right-radius:8px}.cmp-dropdown menu li:last-child a,.cmp-dropdown menu li:last-child button,.cmp-dropdown ul li:last-child a,.cmp-dropdown ul li:last-child button,.cmp-overflow-menu menu li:last-child a,.cmp-overflow-menu menu li:last-child button,.cmp-overflow-menu ul li:last-child a,.cmp-overflow-menu ul li:last-child button{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.cmp-overflow-menu[data-horizontal-position=opposite] menu,.cmp-overflow-menu[data-horizontal-position=opposite] ul,[data-horizontal-position=opposite].cmp-dropdown menu,[data-horizontal-position=opposite].cmp-dropdown ul{right:0}.cmp-overflow-menu[data-horizontal-position=opposite] menu:before,.cmp-overflow-menu[data-horizontal-position=opposite] ul:before,[data-horizontal-position=opposite].cmp-dropdown menu:before,[data-horizontal-position=opposite].cmp-dropdown ul:before{right:0;transform:translate(-.75rem,-.8125rem)}.cmp-dropdown menu,.cmp-overflow-menu menu{list-style-type:""}.cmp-dropdown menu li,.cmp-overflow-menu menu li{overflow-x:hidden}.cmp-dropdown menu button,.cmp-overflow-menu menu button{line-height:inherit;text-align:left;width:100%}.cmp-overflow-menu[open] summary:after,[open].cmp-dropdown summary:after{content:" ";display:inline-block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:50}.cmp-dropdown.is-account summary{--icon-glyph-before:"󡈡"}.cmp-dropdown.is-account summary:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-dropdown.is-account summary:before{content:var(--icon-glyph-before)/""}}@media screen and (max-width:41rem){.cmp-dropdown.is-account summary{font-size:0}.cmp-dropdown.is-account summary:before{--icon-margin-after:0}}.cmp-dropdown menu,.cmp-dropdown ul{background-color:#fff;margin-block-start:0;right:0;transform:translateY(.875rem)}.cmp-dropdown menu:before,.cmp-dropdown ul:before{content:none}.cmp-dropdown[data-horizontal-position=opposite] menu,.cmp-dropdown[data-horizontal-position=opposite] ul{right:unset}body{display:grid;grid-template-rows:auto 1fr auto}body.has-fixed-footer .rea-footer,body.has-fixed-header .rea-header{position:fixed;width:100%;z-index:10}body.has-fixed-header{padding-top:5.9375rem}body.has-fixed-header .rea-header{top:0}@media screen and (max-width:1023px){body.has-fixed-header{padding-top:5rem}}body.has-fixed-footer{padding-bottom:5.5rem}body.has-fixed-footer .rea-footer{bottom:0}@media screen and (max-width:1023px){body.has-fixed-footer{padding-bottom:5.875rem}}.cmp-mainnavigation:before,.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch:before{background-color:rgba(40,45,55,.2);content:"";height:1.5rem;inset-block-start:50%;position:absolute;transform:translateY(-50%);width:1px}.rea-header{align-items:center;background-color:#fdfdfd;box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 1px rgba(0,0,0,.05);display:flex;gap:1.5rem;margin-bottom:1rem;min-block-size:3.5rem;padding-inline:1.5rem}@media screen and (width > 1023px){.rea-header{padding-block:.875rem}}.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch:before{inset-inline-end:0}@media screen and (max-width:1023px){.rea-header{border-bottom:.0625rem solid #9c9a8e;position:relative}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-dropdown,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-language-switcher,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-metanavigation,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta>.elm-link{display:none}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta{--db-language-switcher---direction:-1;background-color:#fff;block-size:3.5rem;border-bottom-left-radius:4px;border-top:1px solid rgba(40,45,55,.2);inset-block-end:0;inset-block-start:unset;inset-inline-end:0;inset-inline-start:1.5rem;padding-inline:1rem;position:fixed;z-index:50}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta .cmp-sitesearch{display:none}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta .cmp-dropdown>menu{bottom:100%;transform:translateY(-.875rem)}}.rea-meta{align-items:center;display:flex;gap:.5rem;margin-inline-start:auto}.rea-meta ol,.rea-meta ul{margin:0;padding:0}.rea-meta ul{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E")}.rea-header .rea-meta{order:2}.rea-header .rea-meta .elm-link{padding-bottom:.5625rem;padding-top:.5625rem}.rea-meta>.elm-link[rel=account]{font-size:0;margin-left:.25rem}.rea-meta>.elm-link[rel=account]:before{--icon-margin-after:0}@media screen and (min-width:27.25rem){.rea-meta>.elm-link[rel=account]{margin-left:.5rem}}.rea-meta .cmp-sitesearch:focus-within~.elm-link[rel=account]{font-size:0}.rea-meta .cmp-sitesearch:focus-within~.elm-link[rel=account]:before{--icon-margin-after:0}.rea-footer:after,.rea-main:after{clear:both;content:" ";display:table}.rea-main{background-color:transparent;margin:0 auto;padding:1rem;position:relative}@media screen and (min-width:1088px){.rea-main{max-width:960px;width:960px}}@media screen and (min-width:1280px){.rea-main{max-width:1152px;width:1152px}}@media screen and (min-width:1472px){.rea-main{max-width:1344px;width:1344px}}.rea-grid{flex-wrap:wrap;margin-left:-.625rem;margin-right:-.625rem;margin-top:-.625rem}@media print,screen and (min-width:769px){.rea-grid{display:flex}}.rea-grid>area,.rea-grid>div,.rea-grid>li,.rea-grid>section{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.625rem}@media screen and (max-width:1199px){.rea-grid>area,.rea-grid>div,.rea-grid>li,.rea-grid>section{padding:.375rem}}.rea-grid:last-child{margin-bottom:-.625rem}.rea-grid:not(:last-child){margin-bottom:.875rem}@media screen and (max-width:1199px){.rea-grid{margin-left:-.375rem;margin-right:-.375rem;margin-top:-.375rem}.rea-grid:last-child{margin-bottom:-.375rem}.rea-grid:not(:last-child){margin-bottom:1.125rem}}.rea-grid [data-type=four-fifths]{flex:none;width:80%}.rea-grid [data-type=three-quarters]{flex:none;width:75%}.rea-grid [data-type=two-thirds]{flex:none;width:66.6666%}.rea-grid [data-type=three-fifths]{flex:none;width:60%}.rea-grid [data-type=half]{flex:none;width:50%}.rea-grid [data-type=two-fifths]{flex:none;width:40%}.rea-grid [data-type=one-third]{flex:none;width:33.3333%}.rea-grid [data-type=one-quarter]{flex:none;width:25%}.rea-grid [data-type=one-fifth]{flex:none;width:20%}.rea-footer{background-color:#fdfdfd;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);color:#646973;margin-top:1rem;padding:1.3125rem 1rem}.rea-footer.has-border{border-top:.375rem solid #d7dce1}@media screen and (max-width:767px){.rea-footer{text-align:center}}
+/*# sourceMappingURL=db-ui-core-rollup.css.map */
\ No newline at end of file
diff --git a/review/refactor-icon-update/css/enterprise/db-ui-core-rollup.css.map b/review/refactor-icon-update/css/enterprise/db-ui-core-rollup.css.map
new file mode 100644
index 0000000000..996db43831
--- /dev/null
+++ b/review/refactor-icon-update/css/enterprise/db-ui-core-rollup.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["db-ui-core-rollup.css","../../../node_modules/@csstools/normalize.css/normalize.css","../../../source/_patterns/00-base/_init.global.scss","../../../node_modules/@db-ui/base/build/scss/_variables.scss","../../../source/_patterns/00-base/_init.scss","../../../source/css/helpers/_a11y.scss","../../../source/css/helpers/_clearfix.scss","../../../source/_patterns/00-base/type/_fonts.scss","../../../source/_patterns/00-base/icons/_icons.attributes-mappings.scss","../../../source/_patterns/00-base/icons/_icons.helpers.scss","../../../source/_patterns/00-base/icons/_icons.font-faces.scss","../../../source/_patterns/00-base/icons/_icons.placeholder.scss","../../../source/_patterns/00-base/icons/icons.scss","../../../source/_patterns/01-elements/buttons/button.scss","../../../source/_patterns/01-elements/buttons/_button.variables.scss","../../../source/_patterns/01-elements/headline/headline.scss","../../../source/_patterns/01-elements/link/link.scss","../../../source/_patterns/01-elements/link/_link.variables.scss","../../../source/_patterns/01-elements/logo/logo.scss","../../../source/_patterns/01-elements/_form-elements.scss","../../../source/_patterns/01-elements/checkbox/checkbox.scss","../../../source/_patterns/01-elements/checkbox/_checkbox.variables.scss","../../../source/_patterns/01-elements/input/input.scss","../../../source/_patterns/01-elements/loading-indicator/loading-indicator.scss","../../../source/_patterns/01-elements/progress/_progress.variables.scss","../../../source/_patterns/01-elements/progress/progress.scss","../../../source/_patterns/01-elements/radio/radio.scss","../../../source/_patterns/01-elements/textarea/textarea.scss","../../../source/_patterns/01-elements/select/select.scss","../../../source/_patterns/01-elements/chips/chip.scss","../../../source/_patterns/01-elements/chips/_chip.variables.scss","../../../source/_patterns/01-elements/tags/tag.scss","../../../source/_patterns/01-elements/tags/_tag.variables.scss","../../../source/_patterns/01-elements/toggle/toggle.scss","../../../source/_patterns/01-elements/video/_youtube.scss","../../../source/_patterns/02-components/breadcrumb/breadcrumb.scss","../../../source/_patterns/02-components/breadcrumb/_breadcrumb.variables.scss","../../../source/_patterns/02-components/cards/cards.scss","../../../source/_patterns/02-components/cards/card.scss","../../../source/_patterns/02-components/accordion/accordion.scss","../../../source/_patterns/02-components/accordion/_accordion.variables.scss","../../../source/css/helpers/_dividers.scss","../../../source/_patterns/02-components/mainnavigation/_mainnavigation.variables.scss","../../../source/_patterns/02-components/mainnavigation/mainnavigation.scss","../../../source/css/_db-ui-core.variables.scss","../../../source/_patterns/02-components/metanavigation/metanavigation.scss","../../../source/_patterns/02-components/brand/brand.scss","../../../source/_patterns/01-elements/_form-elements.variables.scss","../../../source/_patterns/02-components/sitesearch/sitesearch.scss","../../../source/_patterns/02-components/notifications/notification.scss","../../../source/_patterns/02-components/notifications/_notification.variables.scss","../../../source/_patterns/02-components/dialog/dialog.scss","../../../source/_patterns/02-components/dialog/_dialog.variables.scss","../../../source/_patterns/02-components/language-switcher/language-switcher.scss","../../../source/_patterns/02-components/pagination/pagination.scss","../../../source/_patterns/02-components/sidenavi/sidenavi.scss","../../../source/_patterns/02-components/tab-bar/tab-bar.scss","../../../source/_patterns/02-components/tab-bar/_tab-bar.variables.scss","../../../source/_patterns/02-components/table/table.scss","../../../source/_patterns/02-components/table/_table.helpers.scss","../../../source/_patterns/02-components/table/_table.variables.scss","../../../source/_patterns/02-components/link-list/link-list.scss","../../../source/_patterns/02-components/overflow-menu/overflow-menu.scss","../../../source/_patterns/02-components/overflow-menu/_overflow-menu.variables.scss","../../../source/_patterns/02-components/dropdown/dropdown.scss","../../../source/_patterns/03-areas/_areas.scss","../../../source/_patterns/03-areas/00-header/_header.variables.scss","../../../source/_patterns/03-areas/00-header/header.scss","../../../source/_patterns/03-areas/00-header/meta.scss","../../../source/_patterns/03-areas/01-main/_main.scss","../../../source/_patterns/03-areas/01-main/_main.variables.scss","../../../source/_patterns/03-areas/02-grid/_grid.scss","../../../source/_patterns/03-areas/02-grid/enterprise/_grid.variables.scss","../../../source/_patterns/03-areas/03-footer/footer.scss","../../../source/_patterns/03-areas/03-footer/_footer.variables.scss"],"names":[],"mappings":"AAAA,aCQA,gBACE,CAAA,6BACA,CAAA,qBACA,CAAA,WAWF,aACE,CAAA,sBACA,CAAA,wBACA,CAAA,kCAUF,kBACE,CAAA,oBACA,CAAA,WAQF,sBACE,CAAA,aACA,CAAA,QACA,CAAA,oBAUF,yBACE,CAAA,wCACA,CADA,gCACA,CAAA,iBAOF,kBACE,CAAA,0BAQF,+BACE,CAAA,aACA,CAAA,cAOF,aACE,CAAA,cAWF,yBACE,CAAA,aACA,CAAA,4BAUF,QACE,CAAA,eAOF,mBACE,CAAA,wEAOF,yBACE,CAAA,iBAOF,uBACE,CAAA,eAOF,mBACE,CAAA,iBAOF,QACE,CAAA,6BAQF,4BACE,CAAA,mBACA,CAAA,wDAOF,WAEE,CAAA,4BAOF,aACE,CAAA,WACA,CAAA,4BAOF,uBACE,CAAA,6BAQF,yBACE,CAAA,YACA,CAAA,yGAOF,iBACE,CAAA,SACA,CAAA,uGAOF,6BACE,CAAA,yBAOF,eACE,CAAA,eAUF,qBACE,CAAA,YACA,CAAA,UACA,CACA,kBACA,CAAA,MACA,CAAA,WACA,CAAA,WACA,CAAA,iBACA,CAAA,OACA,CACA,iBACA,CAAA,2BAGF,YACE,CAAA,gBAOF,iBACE,CAAA,UC7PF,QAEC,CAAA,SACA,CAAA,KAGD,gBAEC,CAAA,KAID,wBACC,CAAA,iCAEA,CAAA,kCACA,CAAA,eACA,CAAA,iBACA,CAAA,iBACA,CAAA,iCACA,CAAA,6BACA,CAAA,qBACA,CAAA,2CAGD,qDCsJsB,CAAA,SD7ItB,4BAEC,CAAA,2BACA,CAAA,KC6HwB,cDxHxB,CAAA,eACA,CAAA,eACA,CAAA,OAJD,aC0HyB,CAAA,SD/GxB,kBACC,CAAA,QAGD,aACC,CAJA,gBAGD,aACC,CAAA,KAKD,aACA,CAAA,gBACA,CAAA,eACA,CAAA,kBACA,CAAA,QALD,wBAaC,CARA,GAIA,WACA,CAAA,aACA,CAAA,UACA,CAAA,eACA,CAAA,IAGD,WACC,CAAA,cACA,CAAA,MAGD,gBACC,CAAA,SAID,WACC,CAAA,IAGD,wBACC,CAAA,aACA,CAAA,gBACA,CAAA,gCACA,CAAA,eACA,CAAA,sBACA,CAAA,eACA,CAAA,gBACA,CAAA,SAEA,4BACC,CAAA,kBACA,CAAA,aACA,CAAA,SACA,CAAA,KEzGF,0CACC,CAAA,iBAGD,kBAGC,CAAA,8BAID,WAKC,CAAA,cACA,CAAA,OAID,QACC,CAAA,wDAOA,gGAEC,CAAA,QAEA,CAAA,SACA,CAAA,MAKF,6BACC,CAAA,gCACA,CAAA,qCAID,uCACC,CAAA,mDAEA,mHACC,CAAA,0EAGA,CAAA,WAQF,sBACC,CAAA,sBAEA,aDlBkB,CAAA,yCCyBlB,0CAGC,CAAA,mnCC1EF,kBACC,CAAA,UACA,CAAA,eACA,CAAA,2BACA,CAAA,kBACA,CAAA,SACA,CCHA,WCSA,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,4OAWX,CAAA,WANH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,sOAWX,CAAA,WANH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,4OAWX,CAAA,WANH,0CAPc,CAAA,iBAGD,CAAA,eADC,CAAA,4QAWX,CAAA,WANH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,sOAWX,CAAA,WANH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,0LAoCX,CAAA,WA/BH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,gMAoCX,CAAA,WA/BH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,uOAWX,CAAA,+CCdH,wBAEC,CAAA,0BAED,uBACC,CAAA,uCALD,uBAEC,CAAA,sBAED,sBACC,CAAA,qDALD,uBAEC,CAAA,6BAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,+CALD,uBAEC,CAAA,0BAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,6CALD,uBAEC,CAAA,yBAED,sBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,+DALD,uBAEC,CAAA,kCAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,uEALD,uBAEC,CAAA,sCAED,sBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,qEALD,uBAEC,CAAA,qCAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,yDALD,uBAEC,CAAA,+BAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,qCALD,wBAEC,CAAA,qBAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,+CALD,uBAEC,CAAA,0BAED,sBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,6EALD,wBAEC,CAAA,yCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,qEALD,wBAEC,CAAA,qCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,+FALD,wBAEC,CAAA,kDAED,uBACC,CAAA,+EALD,wBAEC,CAAA,0CAED,uBACC,CAAA,6EALD,wBAEC,CAAA,yCAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,qDALD,uBAEC,CAAA,6BAED,sBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,qEALD,wBAEC,CAAA,qCAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,qDALD,uBAEC,CAAA,6BAED,sBACC,CAAA,qDALD,uBAEC,CAAA,6BAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,6CALD,uBAEC,CAAA,yBAED,sBACC,CAAA,yDALD,uBAEC,CAAA,+BAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+DALD,uBAEC,CAAA,kCAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,6DALD,uBAEC,CAAA,iCAED,sBACC,CAAA,+CALD,uBAEC,CAAA,0BAED,sBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,6EALD,uBAEC,CAAA,yCAED,sBACC,CAAA,+EALD,wBAEC,CAAA,0CAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,yEALD,wBAEC,CAAA,uCAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,2EALD,wBAEC,CAAA,wCAED,uBACC,CAAA,iFALD,wBAEC,CAAA,2CAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,qFALD,wBAEC,CAAA,6CAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,yFALD,wBAEC,CAAA,+CAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yEALD,wBAEC,CAAA,uCAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,uCALD,uBAEC,CAAA,sBAED,sBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yDALD,uBAEC,CAAA,+BAED,sBACC,CAAA,6DALD,uBAEC,CAAA,iCAED,sBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,yEALD,wBAEC,CAAA,uCAED,uBACC,CAAA,mDALD,uBAEC,CAAA,4BAED,sBACC,CAAA,+CALD,uBAEC,CAAA,0BAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,iFALD,wBAEC,CAAA,2CAED,uBACC,CAAA,6EALD,wBAEC,CAAA,yCAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,6FALD,wBAEC,CAAA,iDAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,qEALD,wBAEC,CAAA,qCAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,iFALD,uBAEC,CAAA,2CAED,sBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,qFALD,uBAEC,CAAA,6CAED,sBACC,CAAA,iFALD,uBAEC,CAAA,2CAED,sBACC,CAAA,mFALD,uBAEC,CAAA,4CAED,sBACC,CAAA,iGALD,uBAEC,CAAA,mDAED,sBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,2EALD,uBAEC,CAAA,wCAED,sBACC,CAAA,uEALD,uBAEC,CAAA,sCAED,sBACC,CAAA,uEALD,uBAEC,CAAA,sCAED,sBACC,CAAA,mFALD,uBAEC,CAAA,4CAED,sBACC,CAAA,qFALD,uBAEC,CAAA,6CAED,sBACC,CAAA,6EALD,uBAEC,CAAA,yCAED,sBACC,CAAA,6CALD,uBAEC,CAAA,yBAED,sBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,+EALD,wBAEC,CAAA,0CAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CCqGA,sSAHD,+DACC,CAAA,qBAEA,CAAA,sSAHD,+DACC,CAAA,wBAEA,CAAA,sSAHD,+DACC,CAAA,uBAEA,CAAA,sSAHD,+DACC,CAAA,qBAEA,CAAA,sSAHD,+DACC,CAAA,qBAEA,CAAA,sSAHD,+DACC,CAAA,qBAEA,CAAA,iSAHD,8DACC,CAAA,qBAEA,CAAA,iSAHD,8DACC,CAAA,wBAEA,CAAA,iSAHD,8DACC,CAAA,uBAEA,CAAA,iSAHD,8DACC,CAAA,qBAEA,CAAA,iSAHD,8DACC,CAAA,qBAEA,CAAA,iSAHD,8DACC,CAAA,qBAEA,CAAA,WCvGF,kBACC,CAAA,yBACA,CAAA,6KAEC,CAAA,WAUC,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,kCAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6MAEC,CAAA,0DAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,+XAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,4HAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mNAEC,CAAA,qGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6MAEC,CAAA,iDAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,sIAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iMAEC,CAAA,6CAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,4GAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iMAEC,CAAA,sGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6MAEC,CAAA,2HAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iNAEC,CAAA,0CAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iMAEC,CAAA,yEAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,4GAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qNAEC,CAAA,2GAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,+XAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,oHAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mNAEC,CAAA,qGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6MAEC,CAAA,iDAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,sIAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iMAEC,CAAA,6CAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,4GAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iMAEC,CAAA,sGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6MAEC,CAAA,2HAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iNAEC,CAAA,kCAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iMAEC,CAAA,yEAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,sFAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qNAEC,CAAA,+FAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,+XAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,oHAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mNAEC,CAAA,qGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6MAEC,CAAA,iDAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,sIAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iMAEC,CAAA,6CAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,oFAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iMAEC,CAAA,sGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6MAEC,CAAA,2HAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iNAEC,CAAA,kCAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iMAEC,CAAA,yEAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,sFAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qNAEC,CAAA,+FAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,8DAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,8DAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,oCAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2MAEC,CAAA,oBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+MAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,gLAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2LAEC,CAAA,uEAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iNAEC,CAAA,wDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,yDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2LAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,qDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,wDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2MAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+MAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,qCAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mNAEC,CAAA,6GAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,qGAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2LAEC,CAAA,6DAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,qDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,2BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2MAEC,CAAA,oBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+MAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mNAEC,CAAA,6GAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,4GAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2LAEC,CAAA,6DAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,2BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2MAEC,CAAA,oBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+MAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mNAEC,CAAA,6GAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2LAEC,CAAA,uDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2LAEC,CAAA,uDAKD,CAAA,svCCnCJ,cAEC,CAAA,MACA,CAAA,oBAEA,CAAA,6CAGA,CAAA,kCAGA,CAAA,iCACA,CAAA,iBAEA,CAAA,mBACA,CAAA,eACA,CAAA,0CACA,CAAA,aACA,CAAA,UACA,CAAA,WACA,CAAA,mBACA,CAAA,qBAEA,CAAA,aAGA,svCA1BD,YA2BE,CAAA,CAAA,cAED,svCA7BD,YA8BE,CAAA,CAAA,6JAKF,6DACC,CAAA,uBACA,CAAA,6CC1BA,gCAEC,CACA,mEACA,CAFA,kDAEA,CAAA,wBAQD,+BAEC,CACA,kEACA,CAFA,qDAEA,CAAA,yEH0DD,WACC,CAAA,uFAIA,qBACC,CAAA,uCANF,WACC,CAAA,6CAQA,sBACC,CAAA,YI1FH,kBACC,CAAA,4BACA,CAAA,iBACA,CAAA,mBACA,CAAA,cACA,CAAA,sBACA,CAAA,kBCFoB,CAAA,kBDIpB,CAAA,qDAEA,oBAEC,CAAA,6BAGD,qBACC,CAAA,iCAGD,aCfoB,CAAA,0ED0BpB,UC7BgB,CDkChB,eClCgB,CDoCf,wCAGD,wBACC,CAAA,iDAEA,0BACC,CAAA,6DAMA,wBCxC0C,CDkC1C,qEAMA,wBCxC0C,CAAA,8DD6C1C,wBACC,CAAA,kCAKH,wBVkGwB,CAAA,2CU/FvB,0BACC,CAAA,uDAMA,wBC1DoC,CDoDpC,+DAMA,wBC1DoC,CAAA,wDD+DpC,wBACC,CAAA,4CAKH,iCAEC,CAFD,yBAEC,CAAA,4BACA,CAAA,oBV0EuB,CAAA,aAAA,CAAA,qDUrEtB,sBACA,CAFD,eAEC,CAAA,iEAIA,mCC5E6C,CDwE7C,yEAIA,mCC5E6C,CAAA,kEDiF7C,mCC5E8C,CAAA,0CDkFhD,wBVgDwB,CAAA,aAKA,CAAA,mDUhDtB,0BACA,CAFD,eAEC,CAAA,+DAMA,wBCtG2C,CDgG3C,uEAMA,wBCtG2C,CAAA,gED2G3C,wBC1G4C,CAAA,yCDgH9C,4BACC,CAAA,4BACA,CAAA,aV4BuB,CAAA,kDUzBvB,eACC,CAAA,8DAIA,mCCxH6C,CDoH7C,sEAIA,mCCxH6C,CAAA,+DD6H7C,mCCxH8C,CAAA,6BD+HhD,kBACC,CAAA,wDAEA,iBACC,CJlDD,yJAHD,+DACC,CAAA,wBAEA,CAAA,kDI8DA,aACC,CAAA,6BAIF,kBACC,CAAA,wDAEA,iBACC,CAAA,kDAGD,aACC,CAAA,qBAiCF,eACC,CAAA,6BAID,gBACC,CAAA,cE5ND,kBAEA,CAAA,iBAGA,CAND,iBAMC,CAAA,gCAGC,6CACC,CAAA,oDACA,CAAA,UAGA,CAAA,aACA,CAKA,0CACA,CANA,gDACA,CAAA,+CACA,CAAA,+BAIA,CAAA,gDAQF,qDZkJyB,CAAA,eYhJxB,CAAA,gBAKD,iBACC,CAAA,wBAGA,CAAA,oCACA,gBALD,iBAME,CAAA,gBAGA,CAAA,CAAA,gBAMF,gBACC,CAAA,wBAGA,CAAA,oCACA,gBALD,iBAME,CAAA,eAGA,CAAA,CAAA,gBAMF,iBACC,CAAA,eAGA,CAAA,oCACA,gBALD,kBAME,CAAA,gBAGA,CAAA,CAAA,gBAMF,kBACC,CAAA,eAGA,CAAA,wBACA,CAAA,oCACA,gBAND,cAOE,CAAA,gBAGA,CAAA,CAAA,UC3FH,oBACC,CAAA,oBACA,CAAA,8BAGA,CAAA,6BACA,CAAA,qCACA,UAPD,4BAQE,CAAA,CAAA,iBAGD,aACC,CAAA,8BAID,UCfwB,CAAA,mBDkBvB,CAAA,qCAEA,aACC,CAAA,sDAMD,iBACC,CP8ED,gMAHD,+DACC,CAAA,wBAEA,CAAA,6BAnGA,uBACC,CAAA,oCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,oCApBD,mCAuBE,CAAA,CAAA,wBA5BD,wBACC,CAAA,+BAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,+BApBD,mCAuBE,CAAA,CAAA,uBA5BD,wBACC,CAAA,8BAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,8BApBD,mCAuBE,CAAA,CAAA,iGO2BD,oBAEC,CAAA,UExCF,iCACA,CA1BD,+BA0BC,CAAA,4BAyBC,oBACC,CAAA,qBACA,CAAA,gEAEA,oBACC,CAAA,qBACA,CAAA,sDAID,oBACC,CAAA,qBACA,CAAA,2BAZF,oBACC,CAAA,qBACA,CAAA,+DAEA,oBACC,CAAA,qBACA,CAAA,qDAID,oBACC,CAAA,qBACA,CAAA,4BAZF,oBACC,CAAA,qBACA,CAAA,gEAEA,oBACC,CAAA,qBACA,CAAA,sDAID,oBACC,CAAA,qBACA,CAAA,2BAZF,oBACC,CAAA,qBACA,CAAA,+DAEA,oBACC,CAAA,qBACA,CAAA,qDAID,oBACC,CAAA,qBACA,CAAA,4BAZF,oBACC,CAAA,qBACA,CAAA,gEAEA,oBACC,CAAA,qBACA,CAAA,sDAID,oBACC,CAAA,qBACA,CC+ED,cC3IH,mEACC,CAAA,oBAKA,CAAA,uBAEA,CAFA,eAEA,CAAA,mCCV4B,CAAA,6BDY5B,CAAA,iBACA,CAAA,ajBmJwB,CAAA,mBiBhJxB,CAAA,wCACA,CAAA,sBACA,CAAA,uCACA,CXZC,uBWYD,CXXE,qBAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,qBApBD,mCAuBE,CAAA,CAAA,6BWTF,kBACC,CAAA,qBAGD,yBACC,CAAA,cACA,CAAA,sBAGD,wBjB6HwB,CAAA,6BiB1HvB,UCjCwB,CAAA,WDmCvB,CAAA,4BAKD,mCACC,CANA,oCAKD,mCACC,CAAA,oCAEA,wBCzCsC,CDuCtC,4CAEA,wBCzCsC,CAAA,6BD8CvC,mCACC,CAAA,mCAKD,WACC,CAAA,oDAKD,UAEC,CAAA,oBAIF,2BjB2Fe,CgBrBb,WG3IH,anB8JyB,CAAA,cmBzJxB,CAAA,cACA,CAAA,kBACA,CAAA,cACA,CAEA,mBnByJc,CmB3Jd,UnB2Jc,CAAA,qDmBrJd,mBnBmJc,CAAA,oDmB9Ib,kBACC,CAAA,uCAIF,gBACC,CALC,mCAIF,gBACC,CAAA,iFAEA,gBACC,CAHD,6EAEA,gBACC,CAAA,gEAaD,mCACC,CAdA,wCAaD,mCACC,CAAA,wHAOD,UAGC,CAAA,8rDAwBD,iCAQE,CAAA,sCAGD,8rDAXD,kCAYE,CAAA,CAAA,8dAIF,anBgEuB,CAAA,amB5DtB,CAAA,gBACA,CAAA,uBAEA,CAAA,oCACA,CAAA,gsCAEA,YAEC,CAAA,o2BAMA,SACC,CAPD,gzBAMA,SACC,CAAA,6mBAKH,anBwCuB,CmB7CpB,wfAKH,anBwCuB,CAAA,wBmBCxB,mIACC,CAAA,yBAKA,CAAA,iBACA,CAAA,yDAKC,gBACC,CAAA,sBClJJ,oDACC,CAAA,apBekB,CoBxCnB,aACC,CpBuCkB,oCoB7BjB,+CACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,mCARD,oCACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,sBARD,+CACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,mCARD,+CACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,oCARD,sCACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,8BAkCH,2DACC,CAAA,4BACA,CAAA,mBACA,CAAA,sBACA,CAAA,mBACA,CAAA,oBACA,CAAA,kDACA,CAAA,mCAGD,GACC,uBACC,CAAA,CAAA,mCAIF,GACC,sBACC,CAAA,mBACA,CAAA,IAGD,uBACC,CAAA,qBACA,CAAA,GAGD,uBACC,CAAA,sBACA,CAAA,CAAA,uBC/EF,yCACC,CCNA,uBACC,CADD,eACC,CAAA,wBDQ2B,CAAA,WCN3B,CAAA,aDLkB,CAAA,qBAQnB,CCDC,6CAGA,wBACC,CAAA,+CAGD,uDDXgC,CAAA,0CCehC,uDDfgC,CAAA,iCCmBhC,uDDnBgC,CAAA,WCqB/B,CAAA,iFAIA,kBACC,CAAA,4EAGD,kBACC,CAAA,mEAGD,kBACC,CAAA,qCAKF,uBACC,CAAA,kCACA,CAAA,2CACA,CAAA,gCACA,CAAA,0DACA,CAAA,wBDpC0B,CAAA,8DCsC1B,CAAA,uBAKA,CAAA,2BACA,CAAA,yBACA,CAAA,sCACA,qCAfD,sBAgBE,CAAA,CAAA,2DAGD,4BACC,CAAA,wDAGD,4BACC,CAAA,gDAMD,mDADD,qCAEE,CAAA,oFAEA,CAAA,QAKA,CAAA,iBACA,CAAA,gBACA,CAAA,eACA,CAAA,uOAGA,YAGC,CAAA,sEAGD,eACC,CAAA,mHAGD,kBAEC,CAAA,kBD7EkC,CAAA,iBC+ElC,CAAA,aACA,CAAA,YACA,CAAA,gBACA,CAAA,sBACA,CAAA,iBACA,CAAA,uCACA,CAAA,eAIA,CAAA,CAAA,wCAML,GACC,0BACC,CAAA,wBACA,CAAA,IAGD,0BACC,CAAA,wBACA,CAAA,GAGD,0BACC,CAAA,uBACA,CAAA,CNcC,WO3IH,gEACC,CAAA,uBAOA,CAPA,eAOA,CAAA,mCAEA,CAAA,6BACA,CAAA,iBACA,CAAA,oBAGA,CAAA,cAEA,CAAA,wCACA,CAAA,gCAEA,CAAA,uCAEA,CAAA,uBAEA,kBACC,CAAA,uCAKC,mCACC,CANF,+CAKC,mCACC,CAAA,0BAIF,kCACC,CAAA,mBAIF,mBACC,CAAA,2DAGD,oBAEC,CAAA,iBAUD,2BvBwGe,CAAA,8CuBjGd,UAEC,CAAA,sCAIF,WArED,kCAsEE,CAAA,CPqEC,cQ3IH,aAGC,CAAA,cAEA,CAAA,cACA,CAAA,kBACA,CAAA,cACA,CAAA,uBAEA,CAAA,eAEA,CAAA,UAEA,CAAA,0BAgBA,kBACC,CAAA,iBACA,CAAA,oBAGD,WACC,CAAA,sEAMA,mCACC,CAPD,2CAMA,mCACC,CAAA,oIAOD,UAGC,CRsFA,YS5IH,uBAEC,CAFD,eAEC,CAAA,cACA,CAAA,wBAGA,YACC,CAAA,4BAID,8HACC,CAAA,yCAIA,CAAA,2BACA,CAAA,cACA,CAAA,+BACA,CAAA,gEAQA,aACC,CAAA,uCAID,mBACC,CAAA,iBACA,CAAA,iCAEC,CAAA,sCAGD,uCAPD,kCAQE,CAAA,CAAA,iEAKD,azBgHsB,CAAA,cyB9GrB,CAAA,oCACA,CAAA,gJAWA,mCACC,CAAA,oJAGD,mCACC,CAAA,4HASH,UAGC,CAAA,uBAsBF,aAGC,CAAA,gBACA,CAAA,uBACA,CAAA,oCACA,CAAA,iCAEC,CAAA,sCAGD,uBAXD,kCAYE,CAAA,CAAA,sBAIF,eACC,CAAA,iCAEA,kCACC,CAAA,qBAIF,4BACC,CAAA,iBACA,CAAA,wCAIA,wBzB0BuB,CyB9BvB,gDAIA,wBzB0BuB,CAAA,2ByBtBvB,wBzBsBuB,CAAA,gB0B3JxB,uCACC,CAAA,kBAEA,CAAA,wBACA,CAAA,oBCJc,CAAA,mBDMd,CACA,iBAGA,CAJA,eACA,CAGA,cACA,CAAA,sBACA,CAAA,qBACA,CAAA,sBACA,CAAA,oBACA,CAAA,yBACA,CAAA,kBACA,CpByFA,kHAHD,+DACC,CAAA,wBAEA,CAAA,8CoB1EA,mCC5B4B,CrBsG5B,sDoB1EA,mCC5B4B,CAAA,wBDkC5B,wB1B0HuB,CAAA,wB0BxHtB,CAAA,U1BOc,CAAA,4C0BHd,wB1B+GsB,CAKA,wB0BjHrB,C1B4GqB,a0B5GrB,CAAA,8CAGD,wB1B1BgB,CAAA,4C0B8BhB,wB1BhCc,CAAA,kD0BoCd,wB1BhCoB,CAAA,8C0BoCpB,wB1B1CgB,CAAA,wD0B+ChB,wB1BvCmB,CAAA,aAoIG,CAAA,oD0BxFtB,wB1BvCiB,CAAA,qD0B2CjB,wB1B/Ce,CAAA,uD0BmDf,wB1B9CqB,CAAA,wD0BkDrB,wB1BtDuB,CAAA,mD0B0DvB,wB1BrDgB,CAAA,mE0ByDhB,wB1B7D6B,CAAA,2D0BiE7B,wB1B5DiB,CAAA,aA4HK,CAAA,kE0B3DtB,wB1BrE+B,CAAA,sD0ByE/B,wB1BpEiB,CAAA,yB0B2ElB,UACC,CAAA,8BAKD,mHACC,CAAA,0EAGA,CAAA,SE5HH,kBACC,CAAA,wB5BiKwB,CAAA,oB6BhKV,CAAA,U7B+CE,CAAA,mB4B5ChB,CACA,gBAGA,CAJA,eACA,CAGA,aACA,CAAA,sBACA,CAAA,mBACA,CAAA,oBACA,CAAA,yBACA,CAAA,kBACA,CAAA,0BAGA,cACC,CAAA,6BAQD,wB5BkIwB,CAKA,wB4BpIvB,C5B+HuB,a4B/HvB,CAAA,+BAGD,wB5BN6B,CAAA,6B4BU7B,wB5BZ2B,CAAA,mC4BgB3B,wB5BZiC,CAAA,+B4BgBjC,wB5BtB6B,CAAA,6B4B2B7B,wB5BgEmB,CAAA,e4B9DlB,CAAA,yCAID,wB5B1BqB,CAAA,aAoIG,CAAA,qC4BrGxB,wB5B1BmB,CAAA,sC4B8BnB,wB5BlCiB,CAAA,wC4BsCjB,wB5BjCuB,CAAA,yC4BqCvB,wB5BzCyB,CAAA,oC4B6CzB,wB5BxCkB,CAAA,oD4B4ClB,wB5BhD+B,CAAA,4C4BoD/B,wB5B/CmB,CAAA,aA4HK,CAAA,mD4BxExB,wB5BxDiC,CAAA,uC4B4DjC,wB5BvDmB,CAAA,6DMkEnB,+DACC,CAAA,wBAEA,CsBLA,4BtBKA,CsBJC,gCtBCF,+DACC,CAAA,wBAEA,CsBGA,6BtBHA,CsBIC,YE5GH,uBACC,CADD,eACC,CAAA,wB9B2JwB,CAAA,W8BxJxB,CAAA,oBAEA,CAAA,oBAEA,CAAA,aACA,CAAA,iBAGA,CAAA,oCAEA,CAAA,UAEA,CAAA,sCAEA,YAlBD,kCAmBE,CAAA,CAAA,uBAID,kBACC,CAAA,mBAGD,qB9BkBgB,CAAA,qB8Bff,CAAA,mEAGC,CAAA,UAED,CAAA,aAEA,CAAA,cACA,CAAA,YACA,CAAA,iBAEA,CAAA,WACA,CAAA,0DAGC,CAAA,aAGD,CAAA,sCAEA,mBAvBD,kCAwBE,CAAA,CAAA,yBAKD,wBACC,CANA,iCAKD,wBACC,CAAA,0BAKD,8CACC,CAAA,YACA,CAAA,sCAEA,0BAJD,kCAKE,CAAA,CAAA,oBAKH,wB9BuFwB,CAAA,2B8BpFvB,UACC,CAAA,aACA,CAAA,gDAKD,UAEC,CAAA,aC1FH,iBACC,CAAA,WACA,CAAA,gBCCD,ahC+JyB,CAAA,gBgC7JxB,CAAA,kBAEA,aACC,CAAA,mBAGD,YACC,CAAA,sBAEA,kBACC,CAAA,mBACA,CAAA,qBACA,CAAA,wFAEA,ahCiJsB,CAAA,gCgC5ItB,oBACC,CAAA,yCAEA,CAAA,oBAEA,CAAA,sCAEA,mCC1BoC,CDwBpC,8CAEA,mCC1BoC,CAAA,uCD8BpC,mCC1BqC,CAAA,kC3BEvC,uBACC,CAAA,yCAIF,+DACC,CASC,gCASD,CAlBA,oEAGA,CAAA,kDAeA,CAAA,yBACA,yCApBD,mCAuBE,CAAA,CAAA,yC0BIC,6BACC,CAAA,wC1BjCH,uBACC,CAAA,+CAIF,+DACC,CASC,gCASD,CAlBA,oEAGA,CAAA,kDAeA,CAAA,yBACA,+CApBD,mCAuBE,CAAA,CAAA,+C0BgBC,yBACC,CAAA,qBACA,CAAA,ahCwGoB,CAAA,oBgCtGpB,CAAA,WEzDL,gGACC,CAAA,QAEA,CAAA,SACA,CAAA,wBAEA,WAND,YAOE,CAAA,eACA,CAAA,4DACA,CAAA,CAAA,UCRF,qBACC,CAAA,iBAEA,CAAA,6DACA,CAAA,YAEA,oBACC,CAAA,iBAGD,2BACC,CAAA,sCAKA,YACC,CAAA,0CAGD,gBACC,CAAA,8QAEA,kBAMC,CAAA,wiBAEA,gBAEC,CAAA,4CAIF,iBACC,CAAA,mBAEA,CAAA,6BAQH,iBACC,CAAA,qBAGD,cACC,CAAA,eCrDF,iCACC,CAAA,+BACA,CAAA,8CACA,CAAA,kBCD0B,CAAA,uBDI1B,kBACC,CAAA,YACA,CAAA,6BACA,CAAA,oBpC4Jc,CAAA,gEoCxJd,CAAA,2DACA,C9BNA,sB8BMA,C9BLC,6BAIF,+DACC,CAYC,+BAMD,CAlBA,kEAGA,CAAA,qDAeA,CAAA,yBACA,6BApBD,kCAuBE,CAAA,CAAA,+C8BPD,YACC,CAAA,qCAGD,gGACC,CAAA,6BAID,2BACC,CAAA,oBACA,CAAA,yBAGD,YACC,CAAA,mCAKD,WACC,CAAA,mCAKF,mCAEC,CAAA,2CAEA,eACC,CAAA,aACA,CAAA,iDAEA,qBACC,CAAA,gCAUH,oCAEC,CAAA,wCAEA,iBACC,CAAA,uBAEA,CAAA,8CAEA,wBACC,CAAA,4BACA,CAAA,mBACA,CAAA,gCAKH,mCAEC,CAAA,wCAEA,iBACC,CAAA,kBpCsEY,CAAA,8CoCnEZ,qBACC,CEhGH,oBCW+B,2BCX/B,CAAA,iBDS2B,CCX5B,KDW4B,CAAA,2BCN3B,oBAEC,CAAA,gCAGD,OACC,CAAA,iCAID,oBAfD,WAgBE,CAAA,CAAA,8BAID,qBAEC,CAAA,aACA,CAAA,oBACA,CAAA,oBACA,CAAA,6CAID,uBACC,CADD,eACC,CAEA,gBACA,CAFA,iBACA,CAFA,iBAGA,CAAA,mCAEA,qGAEC,YAEC,CAAA,CAAA,+BAKH,wBD5C0B,CAAA,+BC+CzB,CAAA,aAEA,CAAA,8BACA,ClC5CA,wBkC4CA,ClC3CC,sCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,sCApBD,mCAuBE,CAAA,CAAA,+BA5BD,sBACC,CAAA,qCAIF,+DACC,CAYC,+BAMD,CAlBA,kEAGA,CAAA,qDAeA,CAAA,yBACA,qCApBD,kCAuBE,CAAA,CkC8BA,2EAGD,iBACC,CAAA,qCAKF,oBAzED,UC0BsC,CAAA,wDnCsDrC,WACC,CkCJC,SAEC,ClCEF,+DAIA,qBACC,CAAA,6HkCLC,QAEC,CAAA,4EAOA,YACC,CAAA,8DAIF,YACC,CAAA,qDAKD,sBACA,CAFD,uBACC,CACA,iBACA,CAAA,UC3EgC,CAAA,gED8EhC,qBACC,CAAA,iBACA,CAAA,sEAIC,uBACA,CAFA,qBACA,CAFD,aACC,CAEA,iBACA,CAAA,UCtF8B,CAAA,uEAFE,wBzCqIb,CwCzCpB,UACC,CACA,OACA,CxCsCmB,UwCnCnB,CALA,cACA,CACA,UAGA,CAAA,iEASH,qBACA,CAFA,uBACA,CAEA,yBACA,CAND,iBAEC,CAEA,0BAEA,CAAA,2DAIA,OACA,CACA,0BACA,CAFA,SACA,CAHD,cAIC,CAAA,iEAKC,qBACA,CAJD,UACC,CAAA,UACA,CAAA,iBACA,CC1HkC,yCD+HlC,CAAA,0BACA,CALA,OACA,CAAA,iBACA,CAAA,UAGA,CAAA,CAAA,uBAKH,wBD/J0B,CAAA,mCCqKzB,0BADD,6DAEE,CAAA,iBACA,CAAA,iBACA,CAAA,UChJ6C,CAAA,CAAA,qCDqJ9C,0BATD,YAUE,CAMD,uBADD,qBAEE,CAEA,iBACA,CAAA,wBACA,CAHA,cACA,CAIA,uBACA,CAAA,aACA,CCjKiC,cD+JjC,CANA,iBACA,CAGA,UAIA,CAfA,CAeA,mCAGD,uBAbD,YAcE,CAAA,UACA,CAOC,wJAEC,iBACA,CALF,aAGE,CAAA,oBAEA,CAAA,gWAEA,2BxCpDoB,CwCwCtB,CAAA,mCAUE,gNAEA,2BxCpDoB,CAAA,4PwC6DlB,wBxC9KY,CAAA,iBwCgLZ,CAHA,UACA,CAHD,UACC,CAKA,qCACA,CAAA,cACA,CAHA,iBACA,CALA,UAOA,CAQH,4DAEC,oCACA,CAJF,oBAEE,CAAA,cAEA,CAAA,0EAEA,UACC,CAAA,YACA,CAEA,oBACA,CAFA,iBACA,CAFA,UAGA,CAAA,kEAMA,wBACA,CAHD,uBACC,CAAA,QAEA,CAAA,gFAGD,kBACC,CAAA,YACA,CAAA,oBAEA,CAAA,qBACA,CAAA,sBACA,CAlCC,CAkCD,qCAQA,wWAFD,qBAGE,CAUC,g0BAFD,oBAGE,CAXF,CAWE,uBAUR,aACC,CAAA,iBAGA,CAAA,2ClC1RA,sBACC,CAAA,iDAIF,+DACC,CAYC,+BAMD,CAlBA,kEAGA,CAAA,qDAeA,CAAA,yBACA,iDApBD,kCAuBE,CAAA,CAAA,iDkC0QA,iBACC,CAAA,UACA,CAAA,YACA,CAAA,wGAKD,kBAEC,CAPA,wHAKD,kBAEC,CAAA,qCACA,wGAHD,eAIE,CADD,wHAHD,eAIE,CAAA,CAAA,qCAKH,+BAEE,eACC,CAHH,uCAEE,eACC,CAAA,iDAGD,sBACC,CAJA,yDAGD,sBACC,CAAA,iCAIF,aACC,CAAA,mBACA,CAAA,2BACA,CAAA,uBACA,CAAA,2CAGD,iBACC,CAAA,CAAA,mCAGF,iDAGE,YACC,CAAA,iCAIF,iCACC,CAAA,uCAEA,mCACC,CAAA,aACA,CAJD,+CAEA,mCACC,CAAA,aACA,CAAA,wCAGD,mCACC,CAAA,oDAGD,eACC,CAAA,CAAA,oBE3WL,YACC,CAIA,SACA,CALA,gGACA,CAAA,eACA,CAAA,YACA,CAAA,cAEA,CAAA,uBAEA,kBACC,CAAA,mBACA,CAAA,mCAEA,oBACC,CAAA,qBACA,CAAA,iCAGD,oBACC,CAAA,6CpCiEF,WACC,CAAA,oDAIA,qBACC,CAAA,gCoC/DF,cACC,CAAA,sBACA,CAAA,oCAEA,gCAJD,kBAKE,CAAA,CAAA,oCAED,gCAPD,WAQE,CAAA,CAAA,WChCF,kBACA,CAFA,YACA,CAFD,eACC,CAEA,QACA,CAAA,4BAEA,aAEC,CAAA,eAGD,UACC,CAAA,aAGD,aACC,CAAA,oBAEA,CAAA,qC3BjBF,6EACC,CAAA,+EAIA,CAAA,sFAIA,CAAA,8EAIA,CAAA,iBAIA,CAAA,mBhB0BkB,CAAA,aAsHM,CAAA,4EgBzIxB,ahBuIwB,CAAA,iBgBrIvB,CAAA,uBAEA,CAAA,0uCAYF,6CACC,CAAA,mC4BlCgD,CAPrB,4B5BiD3B,C4BjD2B,8D5BiD3B,CAAA,qpBAID,6CACC,CAAA,qBhBNgB,C4ChDW,4B5B8D3B,C4B9D2B,8D5B8D3B,CAAA,6rBAID,6CACC,CAAA,wBhBwFwB,C4C3JG,4B5B2E3B,C4B3E2B,8D5B2E3B,CAAA,mrBAID,8CACC,CAAA,4BACA,CAAA,8D4B/E8B,CAAA,0DACF,CAAA,4DAFC,CAAA,wDADF,CAAA,+wB5B6F1B,mCACC,CAAA,2yBAGD,mCACC,CAAA,spBAKF,mCACC,CAAA,oKAMD,WACC,CAAA,qDAGD,gLACC,iBACC,CAAA,yCAEA,CAAA,CAAA,sRAMF,ahBmCwB,CAAA,iBgBhCvB,CAAA,uBACA,CAAA,6DAOA,UACC,CACA,wCAGA,CACA,iBACA,CAFA,4BACA,CALA,sDAMA,CAAA,gB6B3IF,kBACA,CAFA,YACA,CACA,yBACA,CAJD,iBAIC,CAAA,qCAEA,gBACC,yBACA,CARF,wBAQE,CAAA,uBAEA,YACC,CAAA,CAAA,wCAIF,qBAEC,CAAA,SACA,CACA,SACA,CAFA,OAEA,CAAA,oEAEA,SAEC,CAEA,uBACA,CAFA,yBACA,CACA,aACA,CAJA,WAIA,CARD,8GAEA,SAEC,CAEA,uBACA,CAFA,yBACA,CACA,aACA,CAJA,WAIA,CAAA,+EAEA,YACC,CAHD,oIAEA,YACC,CAAA,gFAGD,YACC,CAJA,sIAGD,YACC,CAAA,2BAMF,iBACA,CAAA,oBAEA,CAJD,aACC,CvClCA,wBuCqCA,CvCpCC,kCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,kCApBD,mCAuBE,CAAA,CAAA,kCuCeD,kBACC,CAAA,qCvC8BF,WACC,CAAA,4CAIA,qBACC,CAAA,4BuCtBD,QACA,CAPD,YAGC,CvCmBD,WACC,CuClBA,uBACA,CAFA,aACA,CAFA,iBAIA,CvCgBA,mCAIA,qBACC,CAAA,4BAhFD,wBACC,CAAA,mCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,mCApBD,mCAuBE,CAAA,CAAA,uDuCsCF,iCAEC,CAAA,mEAEA,mCACC,CAHD,mFAEA,mCACC,CAAA,qEAGD,mCACC,CAAA,uCAIF,yEACC,SAEC,CAAA,iBACA,CAAA,UJ5DuC,CIwDzC,kGACC,SAEC,CAAA,iBACA,CAAA,UJ5DuC,CAAA,iGI+DvC,0BACC,CJhEsC,kJI+DvC,0BACC,CAAA,CAAA,kBC/FJ,wB9CiKyB,CAAA,sC8C7JxB,CAAA,kBAEA,CAAA,YACA,CAAA,iDACA,qBACC,CAAA,8CAID,UCd2B,CAAA,iDDkB3B,4BACC,CAAA,mBACA,CAAA,oBACA,CAAA,qCAQD,wB9CPkB,CAAA,oE8CUjB,oB9CViB,CAAA,qC8CelB,wB9CXkB,CAAA,oE8CcjB,oB9CdiB,CAAA,mC8CmBlB,wB9CrBgB,CAAA,kE8CwBf,oB9CxBe,CAAA,yC8C6BhB,wB9CzBsB,CAAA,wE8C4BrB,oB9C5BqB,CAAA,oG8CkCtB,kBAGC,CAAA,YACA,CAAA,+EAKA,4BACC,CAAA,mCAIF,6BACC,CAAA,yCAEA,6BACC,CAAA,YE/EH,QACC,CAAA,iBACA,CAAA,ahD+JwB,CAAA,iBgD3JxB,CAAA,YACA,CAAA,cACA,CAAA,YAEA,CAAA,cAGA,CAAA,OACA,CAAA,0BACA,CAAA,oCACA,YAhBD,cAkBE,CAAA,CAAA,0BAOD,+BCxBkC,CDiBjC,sBAOD,+BCxBkC,CAAA,sBD6BlC,+BC7BkC,CAAA,0BDmCjC,eACC,CAAA,mBAIF,ahDyHwB,CAAA,+BgDtHvB,CAAA,iCAEA,kBACC,CAAA,eACA,CAAA,kBACA,CAAA,qBAGA,CAAA,mBACA,CAAA,YAEA,CAAA,iBAEA,CAAA,oCACA,iCAZD,gBAcE,CAAA,mBACA,CAAA,CAAA,kDAUA,4BAEA,CAAA,wBACA,CAND,iBACC,CAAA,OACA,CAAA,KAIA,CAAA,kD1ClEF,uBACC,CAAA,yDAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,yDApBD,mCAuBE,CAAA,CAAA,kDA8CF,WACC,CAAA,yDAIA,qBACC,CAAA,+B0CGA,YACC,CAAA,mBAKH,YACC,CAAA,mBACA,CAAA,2CAGC,gBACC,CAAA,uCAMF,wBACC,CAAA,yDAIA,WACC,CAAA,uBE7GJ,gGACC,CAAA,iBAEA,CAAA,iBACA,CAAA,wIAKE,kBACC,CANH,4EAKE,kBACC,CAAA,8MAGD,alDwBgB,CkD3Bf,uHAGD,alDwBgB,CAAA,0BkDjBlB,wBACC,CAAA,iBAEA,CAAA,YAEA,CAAA,sCAEA,wEAhCD,CAAA,UT0B6C,CAAA,qISY3C,wEAtCF,CAAA,sLA0CG,wEA1CH,CAAA,uOA6CI,wEA7CJ,CAAA,wRAgDK,wEAhDL,CAAA,yUAuDM,wEAvDN,CAAA,mCAkEE,sCAlCD,QAmCE,CAAA,CAAA,0EAIF,aAEC,CAAA,oBACA,CAAA,8DAGD,iBACC,CAAA,kJAEA,kBAEC,CAAA,sBACA,CAAA,4TAEA,wBlDsEqB,CkDxErB,8KAEA,wBlDsEqB,CAAA,iFkD/DvB,eAEC,CAAA,8M5CvFD,sBACC,CAAA,sOAIF,+DACC,CAYC,+BAMD,CAlBA,kEAGA,CAAA,qDAeA,CAAA,yBACA,sOApBD,kCAuBE,CAAA,CAAA,sO4CyEC,alDlEe,CMPhB,sQ4CyEC,alDlEe,CAAA,sOkDsEf,WACC,CAAA,oBAEA,CAAA,0EAKH,oBAEC,CAAA,qBAEA,CAAA,4KAEA,aAEC,CAJD,sGAEA,aAEC,CAAA,sCAMD,cACA,CAHD,eACC,CAAA,eACA,CACA,oBACA,CAAA,gBCzIH,anDiKyB,CAAA,iBmD/JxB,CAAA,wBAEA,CAFA,oBAEA,CAFA,gBAEA,CAAA,mBAEA,YACC,CAAA,6CAOD,kBAEC,CAAA,mBACA,CAAA,sBACA,CAAA,mBAGD,cACC,CAAA,aACA,CAAA,0BAGD,aACC,CAAA,WACA,CAAA,oBACA,CAAA,UACA,CAAA,wEAEA,SAEC,CAAA,qBACA,CAAA,2CAGD,oBACC,CAAA,2CAGD,qBACC,CAAA,oC7CnCD,uBACC,CAAA,2CAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,2CApBD,mCAuBE,CAAA,CAAA,oCA8CF,WACC,CAAA,2CAIA,qBACC,CAAA,oCAhFD,uBACC,CAAA,2CAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,2CApBD,mCAuBE,CAAA,CAAA,oCA8CF,WACC,CAAA,2CAIA,qBACC,CAAA,6C6ChCD,eACC,CAAA,cCzDH,wBpDgKyB,CAAA,6DoD9JxB,CAAA,oBACA,CAAA,wBAEA,qBAEC,CAAA,apDqJuB,CAAA,aoDlJvB,CAAA,oBACA,CAAA,oBACA,CAAA,uGAEA,apDkJuB,CoDpJvB,sCAEA,apDkJuB,CAAA,4DoD5IvB,wBpDyIuB,CAAA,2CoDpIvB,wBpDmIuB,CAAA,eoDjItB,CAAA,6BAGD,sBACC,CAAA,mC9CvBD,uBACC,CAAA,0CAIF,+DACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,0CApBD,mCAuBE,CAAA,CAAA,uCA5BD,wBACC,CAAA,8CAIF,+DACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,8CApBD,mCAuBE,CAAA,CAAA,uCA5BD,wBACC,CAAA,8CAIF,0EACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,8CApBD,mCAuBE,CAAA,CAAA,mCA5BD,uBACC,CAAA,0CAIF,0EACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,0CApBD,mCAuBE,CAAA,CAAA,sCA5BD,wBACC,CAAA,6CAIF,+DACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,6CApBD,mCAuBE,CAAA,CAAA,kCA5BD,uBACC,CAAA,yCAIF,+DACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,yCApBD,mCAuBE,CAAA,CAAA,a+C5BH,YACC,CAAA,cACA,CAAA,UAEA,CAAA,gGAWE,kBACA,CAFA,iBACA,CAND,cACC,CAAA,YACA,CAAA,oBACA,CAAA,iBACA,CAAA,SAGA,CAAA,8GAEA,4BACC,CAAA,wFAIF,0BC7ByB,CAAA,gRDmCvB,0BChC+B,CAHR,wJDmCvB,0BChC+B,CAAA,0IDqC/B,0BCpCiC,CAAA,kHD2ClC,arD6GsB,CAAA,4PqD1GrB,sBAEC,CrDwGoB,8IqD1GrB,sBAEC,CAAA,gHAMF,eACC,CAAA,8JAEA,eACC,CAAA,4HAID,wBrDzBe,CAAA,iBqD2Bd,CAAA,UACA,CAAA,aACA,CAAA,aACA,CAAA,iBACA,CAAA,cACA,CAAA,iBACA,CAAA,iEAMJ,wBClFoC,CAAA,oCDuFpC,YACC,CAAA,eACA,CACA,0BACA,CAFA,OAEA,CAAA,kIAKC,qBACC,CAAA,WEhGJ,wBACC,CAAA,yCAEA,CAAA,eAEA,CAAA,8BAGA,6DAEC,CAAA,mBAGD,eACC,CAAA,mBACA,CAAA,eACA,CAAA,iBAGD,oCACC,CAAA,iCACA,CAAA,oBAEA,avDuIuB,CAAA,cuDlIxB,eACC,CAAA,4BAGD,cvDoIe,CAAA,kBuD/Hd,CAAA,sBACA,CAAA,wCAEA,iBACC,CAHD,wDAEA,iBACC,CAAA,oGAEA,aACC,CAHD,oHAEA,aACC,CAAA,iBAKH,oCACC,CAAA,gCAEA,8BACC,CAAA,iKAUD,eACC,CAAA,2KAGD,iBACC,CAAA,sKAGD,gBACC,CAAA,yMAeD,kBACC,CAAA,wNAGD,qBACC,CAAA,wNAGD,qBACC,CAAA,wPAqBC,+BAEC,CAAA,oHAUD,6BACC,CAAA,oDCrIJ,iCAEC,CAFD,yBAEC,CAAA,mCCWsB,CAAA,oEFyItB,avDgBa,CAAA,oEuDTb,YvDWa,CAAA,6EuDHb,qBAEC,CAAA,eACA,CAAA,QACA,CAAA,eGvKH,gGACC,CAAA,cAEA,CAAA,4BAGC,eACC,CAAA,oBACA,CAAA,uBAAA,CpDCA,mCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,mCApBD,mCAuBE,CAAA,CAAA,qEoDtBA,yBAEC,CpDoBD,0CoDtBA,yBAEC,CAAA,mCAGD,a1D4BY,CAAA,oB0D1BX,CAAA,gBACA,CAAA,eACA,CAAA,mBACA,CAAA,qBACA,CAAA,iCCzBJ,aACC,CAAA,oBACA,CAAA,iBACA,CAAA,mFrD+EA,WACC,CAAA,iGAIA,qBACC,CAAA,iDqD5ED,kBACA,CAGA,iCAEA,CAJA,iBACA,CAAA,cACA,CALD,mBACC,CACA,oBACA,CrDNA,uBqDUA,CrDTC,+DAIF,+DACC,CASC,gCASD,CAlBA,oEAGA,CAAA,kDAeA,CAAA,yBACA,+DApBD,mCAuBE,CAAA,CAAA,+DqDPD,8BACC,CAAA,6DAGD,mCACC,CAJA,6EAGD,mCACC,CAAA,+DAGD,mCACC,CAAA,iGAGD,YACC,CAAA,6EAGD,gGACC,CAAA,kFAKF,qBCjDgC,CAAA,iBADH,CAAA,4CDuD5B,CAAA,uBACA,CAAA,cACA,CAAA,iBACA,CAAA,iBACA,CAAA,UlB/B+B,CAAA,8GkBmC/B,iCACC,CAAA,sCAEA,CAAA,uCACA,CAAA,UACA,CAAA,QACA,CAAA,iBACA,CAAA,qCACA,CAAA,OAIA,CAAA,gOAIA,qBC9E8B,CAAA,mBDkF7B,CAAA,aACA,CAAA,eAEA,CAAA,2BACA,CAAA,oBAGA,CAAA,giBAEA,wB3D+DqB,CAAA,a2D5DpB,CALD,gVAEA,wB3D+DqB,CAAA,a2D5DpB,CAAA,gUAKD,0BCpG0B,CAAA,2BAAA,CAAA,wTD4G1B,6BC5G0B,CAAA,8BAAA,CAAA,8NDsH5B,OAEC,CAAA,0PAEA,OACC,CAAA,sCACA,CAAA,2CAQH,kBACC,CAAA,iDAEA,iBACC,CAAA,yDAGD,mBACC,CAAA,eACA,CAAA,UACA,CAAA,yEAKF,WACC,CAAA,oBACA,CAAA,YACA,CAAA,MACA,CAAA,cACA,CAAA,KACA,CAAA,WACA,CAAA,UlB7HkC,CAAA,iCnCtBlC,wBACC,CAAA,wCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,wCApBD,mCAuBE,CAAA,CAAA,oCuD3BA,iCvDyEF,WACC,CAAA,wCAIA,qBACC,CAAA,CAAA,oCuDxEF,qBDdgC,CAAA,oBCiB/B,CAAA,OACA,CAAA,6BACA,CAAA,kDAEA,YACC,CAAA,0GAKD,WAEC,CAAA,KChCH,YACC,CAAA,gCACA,CAAA,oEAMD,cAEC,CAAA,UACA,CAAA,UrBsBkC,CAAA,sBqBlBnC,qBAEC,CAAA,kCAEA,KACC,CAAA,qCAGD,sBARD,gBASE,CAAA,CAAA,sBAIF,qBAEC,CAAA,kCAEA,QACC,CAAA,qCAGD,sBARD,uBASE,CAAA,CAAA,4GxBnCD,kCACA,CAJA,UACA,CACA,aACA,CACA,qBACA,CAND,iBACC,CAKA,0BACA,CALA,SAKA,CAAA,YyBHA,kBCIA,CAHD,wBzBA2B,CAAA,mEwBD1B,CASuB,YCFvB,CAAA,UACA,CAJA,kBDKuB,CCDvB,qBDKoB,CAAA,qBCFpB,CAAA,mCACA,YAXD,qBAYE,CAAA,CAAA,iFAMC,kBAEC,CAAA,qCAKH,YAzBD,oCDIwB,CAAA,iBCuBtB,CAAA,2ZAIE,YAIC,CAAA,gFAMF,qCACC,CAAA,qBACA,CAKA,iBACA,CAEA,6BACA,CvBxBgC,sCuBuBhC,CAJA,iBACA,CAFA,uBACA,CAHA,kBACA,CAAA,yBACA,CAMA,mBACA,CAVA,cACA,CAKA,UAIA,CAAA,gGAEA,YACC,CAAA,mGAIA,WACC,CAAA,8BACA,CAAA,CAAA,UChEL,kBACA,CAFD,YACC,CAEA,SACA,CAFA,wBAEA,CAAA,0BAEA,QAEC,CAAA,SACA,CAAA,aAGD,gGACC,CAAA,sBAGD,OACC,CAAA,gCAEA,uBACC,CAAA,oBACA,CAAA,iC3D8DF,WACC,C2D1DA,kBACC,C3DyDD,wCAIA,qBACC,CAAA,uC2DxDA,iCAPD,iBAQE,CAAA,CAAA,8D3DiDH,WACC,CAAA,qEAIA,qBACC,CAAA,kCH3FH,UACC,CAAA,WACA,CAAA,aACA,CAAA,U+DKD,4BCRyB,CAAA,aDaxB,CAAA,YAEA,CAAA,iBACA,CAAA,qCAEA,UAVD,eAWE,CAAA,WACA,CAAA,CAAA,qCAED,UAdD,gBAeE,CAAA,YACA,CAAA,CAAA,qCAED,UAlBD,gBAmBE,CAAA,YACA,CAAA,CAAA,UE1BF,cAEC,CAAA,oBAEA,CAAA,qBACA,CAAA,mBACA,CAAA,0CAEA,UARD,YASE,CAAA,CAAA,4DAGD,aAIC,CAAA,YACA,CAAA,WACA,CAAA,aACA,CAAA,eACA,CAAA,qCAEA,4DAVD,eCVsC,CAAA,CAAA,qBDyBtC,sBACC,CAAA,2BAGD,qBACC,CAAA,qCAID,UApCD,oBAqCE,CAAA,qBACA,CAAA,mBACA,CAAA,qBAEA,sBACC,CAAA,2BAGD,sBACC,CAAA,CAAA,kCAOF,SACC,CAAA,SACA,CAAA,qCAED,SACC,CAAA,SACA,CAAA,iCAED,SACC,CAAA,cACA,CAAA,mCAED,SACC,CAAA,SACA,CAAA,2BAED,SACC,CAAA,SACA,CAAA,iCAED,SACC,CAAA,SACA,CAAA,gCAED,SACC,CAAA,cACA,CAAA,kCAED,SACC,CAAA,SACA,CAAA,gCAED,SACC,CAAA,SACA,CAAA,YEnFF,wBCM2B,CAAA,6DANN,CAAA,avE4JI,CAAA,euE1JJ,CAAA,sBDIpB,CAAA,uBAMA,gCChBoB,CAAA,oCDoBpB,YAhBD,iBAiBE,CAAA","file":"db-ui-core-rollup.css","sourcesContent":[":where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:white;border:solid;color:black;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html,body{margin:0;padding:0}body{min-height:100vh;font-size:1rem}html{background-color:#fdfdfd;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;text-size-adjust:100%;text-size-adjust:100%}body,button,input,optgroup,select,textarea{font-family:\"DB Screen Sans\",Helvetica,Arial,sans-serif}code,pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto}body{color:#282d37;font-size:1rem;font-weight:400;line-height:1.5}a{color:#282d37}a strong{color:currentColor}a:hover{color:#5d616a}code{background-color:#f5f5f5;color:rgb(225.8,0,21.0491525424);font-size:.875em;font-weight:normal;padding:.25em .5em}hr{background-color:#f5f5f5;border:none;display:block;height:2px;margin:1.5rem 0}img{height:auto;max-width:100%}small{font-size:0.875em}fieldset{border:none}pre{background-color:#f5f5f5;color:#282d37;font-size:.875em;-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1.25rem 1.5rem;white-space:pre;word-wrap:normal}pre code{background-color:rgba(0,0,0,0);color:currentColor;font-size:1em;padding:0}html{box-sizing:var(--db-box-sizing, border-box)}*,::before,::after{box-sizing:inherit}img,embed,iframe,object,video{height:auto;max-width:100%}iframe{border:0}nav ol,nav ul,[role=navigation] ol,[role=navigation] ul{list-style:none;margin:0;padding:0}:root{--db-focus-outline-offset: 1px;--db-focus-outline-color: #2c95c4}:is(a,button,input,textarea,summary){--db-focus-outline-size: max(2px, 0.08em)}:is(a,button,input,textarea,summary):focus-visible{outline:var(--db-focus-outline-size) var(--db-focus-outline-style, solid) var(--db-focus-outline-color, currentColor);outline-offset:var(--db-focus-outline-offset, var(--db-focus-outline-size))}:where(ul){list-style-type:\"•   \"}:where(ul) li::marker{color:#ec0016}details>*,details>::before,details>::after{box-sizing:var(--db-box-sizing, border-box)}.cmp-tab-bar>input[type=radio],.cmp-tab-bar>*>input[type=radio],.cmp-pagination .elm-headline,.cmp-notification>em,.elm-chip[type=checkbox],.elm-chip[type=radio],.elm-select+[data-label-hidden=true].elm-label,[data-label-hidden=true].elm-label:has(+.elm-textarea),.elm-radio+label[data-label-hidden=true],.elm-input[type=color]+[data-label-hidden=true].elm-label,.elm-input[type=date]+[data-label-hidden=true].elm-label,.elm-input[type=datetime-local]+[data-label-hidden=true].elm-label,.elm-input[type=email]+[data-label-hidden=true].elm-label,.elm-input[type=month]+[data-label-hidden=true].elm-label,.elm-input[type=number]+[data-label-hidden=true].elm-label,.elm-input[type=password]+[data-label-hidden=true].elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+[data-label-hidden=true].elm-label,.elm-input[type=tel]+[data-label-hidden=true].elm-label,.elm-input[type=text]+[data-label-hidden=true].elm-label,.elm-input[type=time]+[data-label-hidden=true].elm-label,.elm-input[type=url]+[data-label-hidden=true].elm-label,.elm-input[type=week]+[data-label-hidden=true].elm-label,.elm-checkbox+label[data-label-hidden=true]{clip:rect(0, 0, 0, 0);height:1px;overflow:hidden;position:absolute !important;white-space:nowrap;width:1px}.rea-footer::after,.rea-main::after{clear:both;content:\" \";display:table}@font-face{font-family:\"DB Screen Head\";font-style:normal;font-weight:300;src:local(\"DB Screen Head Light\"),local(\"DB Screen Head Light\"),local(\"DB Head Light\"),url(\"@db-ui/core/dist/fonts/dbscreenhead-light.woff2?4r0080\") format(\"woff2\"),url(\"@db-ui/core/dist/fonts/dbscreenhead-light.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Head\";font-style:normal;font-weight:400;src:local(\"DB Screen Head Regular\"),local(\"DB Screen Head\"),local(\"DB Head\"),url(\"@db-ui/core/dist/fonts/dbscreenhead-regular.woff2?4r0080\") format(\"woff2\"),url(\"@db-ui/core/dist/fonts/dbscreenhead-regular.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Head\";font-style:normal;font-weight:900;src:local(\"DB Screen Head Black\"),local(\"DB Screen Head Black\"),local(\"DB Head Black\"),url(\"@db-ui/core/dist/fonts/dbscreenhead-black.woff2?4r0080\") format(\"woff2\"),url(\"@db-ui/core/dist/fonts/dbscreenhead-black.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans Digital Regular\";font-style:normal;font-weight:400;src:local(\"DB Screen Sans Digital Regular\"),local(\"DB Screen Sans Digital\"),local(\"DB Sans Digital\"),url(\"@db-ui/core/dist/fonts/dbscreensans-digitalregular.woff2?4r0080\") format(\"woff2\"),url(\"@db-ui/core/dist/fonts/dbscreensans-digitalregular.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans\";font-style:normal;font-weight:400;src:local(\"DB Screen Sans Regular\"),local(\"DB Screen Sans\"),local(\"DB Sans\"),url(\"@db-ui/core/dist/fonts/dbscreensans-regular.woff2?4r0080\") format(\"woff2\"),url(\"@db-ui/core/dist/fonts/dbscreensans-regular.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans\";font-style:normal;font-weight:500;src:local(\"DB Screen Sans Medium\"),url(\"@db-ui/core/dist/fonts/dbscreensans-medium.woff2?4r0080\") format(\"woff2\"),url(\"@db-ui/core/dist/fonts/dbscreensans-medium.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans\";font-style:normal;font-weight:600;src:local(\"DB Screen Sans Semibold\"),url(\"@db-ui/core/dist/fonts/dbscreensans-semibold.woff2?4r0080\") format(\"woff2\"),url(\"@db-ui/core/dist/fonts/dbscreensans-semibold.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans\";font-style:normal;font-weight:700;src:local(\"DB Screen Sans Bold\"),local(\"DB Screen Sans Bold\"),local(\"DB Sans Bold\"),url(\"@db-ui/core/dist/fonts/dbscreensans-bold.woff2?4r0080\") format(\"woff2\"),url(\"@db-ui/core/dist/fonts/dbscreensans-bold.woff?4r0080\") format(\"woff\")}[data-icon=account],[data-icon-before=account]{--icon-glyph-before: \"󡈡\"}[data-icon-after=account]{--icon-glyph-after: \"󡈡\"}[data-icon=add],[data-icon-before=add]{--icon-glyph-before: \"+\"}[data-icon-after=add]{--icon-glyph-after: \"+\"}[data-icon=add-circle],[data-icon-before=add-circle]{--icon-glyph-before: \"⊕\"}[data-icon-after=add-circle]{--icon-glyph-after: \"⊕\"}[data-icon=air-condition],[data-icon-before=air-condition]{--icon-glyph-before: \"❄\"}[data-icon-after=air-condition]{--icon-glyph-after: \"❄\"}[data-icon=alarm],[data-icon-before=alarm]{--icon-glyph-before: \"󡉄\"}[data-icon-after=alarm]{--icon-glyph-after: \"󡉄\"}[data-icon=alarm-add],[data-icon-before=alarm-add]{--icon-glyph-before: \"󡁢\"}[data-icon-after=alarm-add]{--icon-glyph-after: \"󡁢\"}[data-icon=alert],[data-icon-before=alert]{--icon-glyph-before: \"󡈢\"}[data-icon-after=alert]{--icon-glyph-after: \"󡈢\"}[data-icon=alert-off],[data-icon-before=alert-off]{--icon-glyph-before: \"󡉃\"}[data-icon-after=alert-off]{--icon-glyph-after: \"󡉃\"}[data-icon=railroad-car],[data-icon-before=railroad-car]{--icon-glyph-before: \"󡆓\"}[data-icon-after=railroad-car]{--icon-glyph-after: \"󡆓\"}[data-icon=calendar],[data-icon-before=calendar]{--icon-glyph-before: \"󡉇\"}[data-icon-after=calendar]{--icon-glyph-after: \"󡉇\"}[data-icon=check-circle],[data-icon-before=check-circle]{--icon-glyph-before: \"󡈠\"}[data-icon-after=check-circle]{--icon-glyph-after: \"󡈠\"}[data-icon=credit-card],[data-icon-before=credit-card]{--icon-glyph-before: \"󡈦\"}[data-icon-after=credit-card]{--icon-glyph-after: \"󡈦\"}[data-icon=delete],[data-icon-before=delete]{--icon-glyph-before: \"🗑\"}[data-icon-after=delete]{--icon-glyph-after: \"🗑\"}[data-icon=discount],[data-icon-before=discount]{--icon-glyph-before: \"󡁦\"}[data-icon-after=discount]{--icon-glyph-after: \"󡁦\"}[data-icon=document],[data-icon-before=document]{--icon-glyph-before: \"🖹\"}[data-icon-after=document]{--icon-glyph-after: \"🖹\"}[data-icon=done],[data-icon-before=done]{--icon-glyph-before: \"✓\"}[data-icon-after=done]{--icon-glyph-after: \"✓\"}[data-icon=download],[data-icon-before=download]{--icon-glyph-before: \"⭳\"}[data-icon-after=download]{--icon-glyph-after: \"⭳\"}[data-icon=edit],[data-icon-before=edit]{--icon-glyph-before: \"✏\"}[data-icon-after=edit]{--icon-glyph-after: \"✏\"}[data-icon=filter],[data-icon-before=filter]{--icon-glyph-before: \"󡁩\"}[data-icon-after=filter]{--icon-glyph-after: \"󡁩\"}[data-icon=generic-card],[data-icon-before=generic-card]{--icon-glyph-before: \"󡁰\"}[data-icon-after=generic-card]{--icon-glyph-after: \"󡁰\"}[data-icon=giftcard],[data-icon-before=giftcard]{--icon-glyph-before: \"󡉐\"}[data-icon-after=giftcard]{--icon-glyph-after: \"󡉐\"}[data-icon=heart],[data-icon-before=heart]{--icon-glyph-before: \"♡\"}[data-icon-after=heart]{--icon-glyph-after: \"♡\"}[data-icon=help],[data-icon-before=help]{--icon-glyph-before: \"?\"}[data-icon-after=help]{--icon-glyph-after: \"?\"}[data-icon=info],[data-icon-before=info]{--icon-glyph-before: \"🛈\"}[data-icon-after=info]{--icon-glyph-after: \"🛈\"}[data-icon=legal],[data-icon-before=legal]{--icon-glyph-before: \"§\"}[data-icon-after=legal]{--icon-glyph-after: \"§\"}[data-icon=log-out],[data-icon-before=log-out]{--icon-glyph-before: \"↦\"}[data-icon-after=log-out]{--icon-glyph-after: \"↦\"}[data-icon=minus],[data-icon-before=minus]{--icon-glyph-before: \"−\"}[data-icon-after=minus]{--icon-glyph-after: \"−\"}[data-icon=print],[data-icon-before=print]{--icon-glyph-before: \"🖨\"}[data-icon-after=print]{--icon-glyph-after: \"🖨\"}[data-icon=remove],[data-icon-before=remove]{--icon-glyph-before: \"⊝\"}[data-icon-after=remove]{--icon-glyph-after: \"⊝\"}[data-icon=schedule],[data-icon-before=schedule]{--icon-glyph-before: \"󡈳\"}[data-icon-after=schedule]{--icon-glyph-after: \"󡈳\"}[data-icon=search],[data-icon-before=search]{--icon-glyph-before: \"󡉔\"}[data-icon-after=search]{--icon-glyph-after: \"󡉔\"}[data-icon=send],[data-icon-before=send]{--icon-glyph-before: \"◹\"}[data-icon-after=send]{--icon-glyph-after: \"◹\"}[data-icon=settings],[data-icon-before=settings]{--icon-glyph-before: \"⚙\"}[data-icon-after=settings]{--icon-glyph-after: \"⚙\"}[data-icon=share],[data-icon-before=share]{--icon-glyph-before: \"󡁷\"}[data-icon-after=share]{--icon-glyph-after: \"󡁷\"}[data-icon=shopping-bag],[data-icon-before=shopping-bag]{--icon-glyph-before: \"🛍\"}[data-icon-after=shopping-bag]{--icon-glyph-after: \"🛍\"}[data-icon=shopping-basket],[data-icon-before=shopping-basket]{--icon-glyph-before: \"󡁹\"}[data-icon-after=shopping-basket]{--icon-glyph-after: \"󡁹\"}[data-icon=shopping-cart],[data-icon-before=shopping-cart]{--icon-glyph-before: \"󡉕\"}[data-icon-after=shopping-cart]{--icon-glyph-after: \"󡉕\"}[data-icon=star],[data-icon-before=star]{--icon-glyph-before: \"☆\"}[data-icon-after=star]{--icon-glyph-after: \"☆\"}[data-icon=swap-horizontal],[data-icon-before=swap-horizontal]{--icon-glyph-before: \"⇆\"}[data-icon-after=swap-horizontal]{--icon-glyph-after: \"⇆\"}[data-icon=swap-vertical],[data-icon-before=swap-vertical]{--icon-glyph-before: \"⇵\"}[data-icon-after=swap-vertical]{--icon-glyph-after: \"⇵\"}[data-icon=upload],[data-icon-before=upload]{--icon-glyph-before: \"󡂁\"}[data-icon-after=upload]{--icon-glyph-after: \"󡂁\"}[data-icon=visibility],[data-icon-before=visibility]{--icon-glyph-before: \"👁\"}[data-icon-after=visibility]{--icon-glyph-after: \"👁\"}[data-icon=visibility-off],[data-icon-before=visibility-off]{--icon-glyph-before: \"󡂂\"}[data-icon-after=visibility-off]{--icon-glyph-after: \"󡂂\"}[data-icon=website],[data-icon-before=website]{--icon-glyph-before: \"󡉘\"}[data-icon-after=website]{--icon-glyph-after: \"󡉘\"}[data-icon=zoom-in],[data-icon-before=zoom-in]{--icon-glyph-before: \"󡂃\"}[data-icon-after=zoom-in]{--icon-glyph-after: \"󡂃\"}[data-icon=bicycle-trailer],[data-icon-before=bicycle-trailer]{--icon-glyph-before: \"󡆒\"}[data-icon-after=bicycle-trailer]{--icon-glyph-after: \"󡆒\"}[data-icon=zoom-out],[data-icon-before=zoom-out]{--icon-glyph-before: \"󡂄\"}[data-icon-after=zoom-out]{--icon-glyph-after: \"󡂄\"}[data-icon=fast-backward-10],[data-icon-before=fast-backward-10]{--icon-glyph-before: \"󡂅\"}[data-icon-after=fast-backward-10]{--icon-glyph-after: \"󡂅\"}[data-icon=fast-backward-30],[data-icon-before=fast-backward-30]{--icon-glyph-before: \"󡂆\"}[data-icon-after=fast-backward-30]{--icon-glyph-after: \"󡂆\"}[data-icon=fast-backward-empty],[data-icon-before=fast-backward-empty]{--icon-glyph-before: \"⤺\"}[data-icon-after=fast-backward-empty]{--icon-glyph-after: \"⤺\"}[data-icon=fast-forward-10],[data-icon-before=fast-forward-10]{--icon-glyph-before: \"󡂇\"}[data-icon-after=fast-forward-10]{--icon-glyph-after: \"󡂇\"}[data-icon=fast-forward-30],[data-icon-before=fast-forward-30]{--icon-glyph-before: \"󡂈\"}[data-icon-after=fast-forward-30]{--icon-glyph-after: \"󡂈\"}[data-icon=fast-forward-empty],[data-icon-before=fast-forward-empty]{--icon-glyph-before: \"⤻\"}[data-icon-after=fast-forward-empty]{--icon-glyph-after: \"⤻\"}[data-icon=pause],[data-icon-before=pause]{--icon-glyph-before: \"⏸\"}[data-icon-after=pause]{--icon-glyph-after: \"⏸\"}[data-icon=play],[data-icon-before=play]{--icon-glyph-before: \"▷\"}[data-icon-after=play]{--icon-glyph-after: \"▷\"}[data-icon=skip-backward],[data-icon-before=skip-backward]{--icon-glyph-before: \"⏮\"}[data-icon-after=skip-backward]{--icon-glyph-after: \"⏮\"}[data-icon=skip-forward],[data-icon-before=skip-forward]{--icon-glyph-before: \"⏭\"}[data-icon-after=skip-forward]{--icon-glyph-after: \"⏭\"}[data-icon=stop],[data-icon-before=stop]{--icon-glyph-before: \"□\"}[data-icon-after=stop]{--icon-glyph-after: \"□\"}[data-icon=subway],[data-icon-before=subway]{--icon-glyph-before: \"󡈇\"}[data-icon-after=subway]{--icon-glyph-after: \"󡈇\"}[data-icon=subtitles],[data-icon-before=subtitles]{--icon-glyph-before: \"󡂑\"}[data-icon-after=subtitles]{--icon-glyph-after: \"󡂑\"}[data-icon=dog],[data-icon-before=dog]{--icon-glyph-before: \"󡊙\"}[data-icon-after=dog]{--icon-glyph-after: \"󡊙\"}[data-icon=volume-down],[data-icon-before=volume-down]{--icon-glyph-before: \"󡉙\"}[data-icon-after=volume-down]{--icon-glyph-after: \"󡉙\"}[data-icon=volume-mute],[data-icon-before=volume-mute]{--icon-glyph-before: \"󡉠\"}[data-icon-after=volume-mute]{--icon-glyph-after: \"󡉠\"}[data-icon=volume-off],[data-icon-before=volume-off]{--icon-glyph-before: \"󡉡\"}[data-icon-after=volume-off]{--icon-glyph-after: \"󡉡\"}[data-icon=volume-up],[data-icon-before=volume-up]{--icon-glyph-before: \"󡉢\"}[data-icon-after=volume-up]{--icon-glyph-after: \"󡉢\"}[data-icon=call],[data-icon-before=call]{--icon-glyph-before: \"󡈵\"}[data-icon-after=call]{--icon-glyph-after: \"󡈵\"}[data-icon=chat],[data-icon-before=chat]{--icon-glyph-before: \"󡈶\"}[data-icon-after=chat]{--icon-glyph-after: \"󡈶\"}[data-icon=conversation],[data-icon-before=conversation]{--icon-glyph-before: \"󡂕\"}[data-icon-after=conversation]{--icon-glyph-after: \"󡂕\"}[data-icon=fax],[data-icon-before=fax]{--icon-glyph-before: \"🖷\"}[data-icon-after=fax]{--icon-glyph-after: \"🖷\"}[data-icon=qr-code-scan],[data-icon-before=qr-code-scan]{--icon-glyph-before: \"󡊘\"}[data-icon-after=qr-code-scan]{--icon-glyph-after: \"󡊘\"}[data-icon=feedback],[data-icon-before=feedback]{--icon-glyph-before: \"⍰\"}[data-icon-after=feedback]{--icon-glyph-after: \"⍰\"}[data-icon=mail],[data-icon-before=mail]{--icon-glyph-before: \"✉\"}[data-icon-after=mail]{--icon-glyph-after: \"✉\"}[data-icon=mobile-off],[data-icon-before=mobile-off]{--icon-glyph-before: \"󡉤\"}[data-icon-after=mobile-off]{--icon-glyph-after: \"󡉤\"}[data-icon=mobile-phone],[data-icon-before=mobile-phone]{--icon-glyph-before: \"󡉣\"}[data-icon-after=mobile-phone]{--icon-glyph-after: \"󡉣\"}[data-icon=wifi],[data-icon-before=wifi]{--icon-glyph-before: \"󡂘\"}[data-icon-after=wifi]{--icon-glyph-after: \"󡂘\"}[data-icon=wifi-off],[data-icon-before=wifi-off]{--icon-glyph-before: \"󡅉\"}[data-icon-after=wifi-off]{--icon-glyph-after: \"󡅉\"}[data-icon=mask],[data-icon-before=mask]{--icon-glyph-before: \"󡉥\"}[data-icon-after=mask]{--icon-glyph-after: \"󡉥\"}[data-icon=wc],[data-icon-before=wc]{--icon-glyph-before: \"󡉩\"}[data-icon-after=wc]{--icon-glyph-after: \"󡉩\"}[data-icon=wc-men],[data-icon-before=wc-men]{--icon-glyph-before: \"󡉰\"}[data-icon-after=wc-men]{--icon-glyph-after: \"󡉰\"}[data-icon=wc-sign],[data-icon-before=wc-sign]{--icon-glyph-before: \"󡉱\"}[data-icon-after=wc-sign]{--icon-glyph-after: \"󡉱\"}[data-icon=wc-woman],[data-icon-before=wc-woman]{--icon-glyph-before: \"󡉲\"}[data-icon-after=wc-woman]{--icon-glyph-after: \"󡉲\"}[data-icon=entry-aid],[data-icon-before=entry-aid]{--icon-glyph-before: \"󡅐\"}[data-icon-after=entry-aid]{--icon-glyph-after: \"󡅐\"}[data-icon=luggage-rack],[data-icon-before=luggage-rack]{--icon-glyph-before: \"󡉵\"}[data-icon-after=luggage-rack]{--icon-glyph-after: \"󡉵\"}[data-icon=medical],[data-icon-before=medical]{--icon-glyph-before: \"✚\"}[data-icon-after=medical]{--icon-glyph-after: \"✚\"}[data-icon=power-outlet],[data-icon-before=power-outlet]{--icon-glyph-before: \"󡉸\"}[data-icon-after=power-outlet]{--icon-glyph-after: \"󡉸\"}[data-icon=coffee-cup],[data-icon-before=coffee-cup]{--icon-glyph-before: \"󡈷\"}[data-icon-after=coffee-cup]{--icon-glyph-after: \"󡈷\"}[data-icon=drink],[data-icon-before=drink]{--icon-glyph-before: \"󡄁\"}[data-icon-after=drink]{--icon-glyph-after: \"󡄁\"}[data-icon=restaurant],[data-icon-before=restaurant]{--icon-glyph-before: \"🍽\"}[data-icon-after=restaurant]{--icon-glyph-after: \"🍽\"}[data-icon=\"1st-class\"],[data-icon-before=\"1st-class\"]{--icon-glyph-before: \"⒈\"}[data-icon-after=\"1st-class\"]{--icon-glyph-after: \"⒈\"}[data-icon=\"2nd-class\"],[data-icon-before=\"2nd-class\"]{--icon-glyph-before: \"⒉\"}[data-icon-after=\"2nd-class\"]{--icon-glyph-after: \"⒉\"}[data-icon=alternative-connection],[data-icon-before=alternative-connection]{--icon-glyph-before: \"󡄂\"}[data-icon-after=alternative-connection]{--icon-glyph-after: \"󡄂\"}[data-icon=booking],[data-icon-before=booking]{--icon-glyph-before: \"󡄃\"}[data-icon-after=booking]{--icon-glyph-after: \"󡄃\"}[data-icon=capacity-indicator],[data-icon-before=capacity-indicator]{--icon-glyph-before: \"󡄄\"}[data-icon-after=capacity-indicator]{--icon-glyph-after: \"󡄄\"}[data-icon=scooter],[data-icon-before=scooter]{--icon-glyph-before: \"󡈄\"}[data-icon-after=scooter]{--icon-glyph-after: \"󡈄\"}[data-icon=capacity-indicator-fully-booked],[data-icon-before=capacity-indicator-fully-booked]{--icon-glyph-before: \"󡄆\"}[data-icon-after=capacity-indicator-fully-booked]{--icon-glyph-after: \"󡄆\"}[data-icon=capacity-indicator-high],[data-icon-before=capacity-indicator-high]{--icon-glyph-before: \"󡄈\"}[data-icon-after=capacity-indicator-high]{--icon-glyph-after: \"󡄈\"}[data-icon=capacity-indicator-low],[data-icon-before=capacity-indicator-low]{--icon-glyph-before: \"󡄐\"}[data-icon-after=capacity-indicator-low]{--icon-glyph-after: \"󡄐\"}[data-icon=destination],[data-icon-before=destination]{--icon-glyph-before: \"󡈸\"}[data-icon-after=destination]{--icon-glyph-after: \"󡈸\"}[data-icon=intermediary-stop],[data-icon-before=intermediary-stop]{--icon-glyph-before: \"󡄓\"}[data-icon-after=intermediary-stop]{--icon-glyph-after: \"󡄓\"}[data-icon=round-trip],[data-icon-before=round-trip]{--icon-glyph-before: \"⮔\"}[data-icon-after=round-trip]{--icon-glyph-after: \"⮔\"}[data-icon=single-trip],[data-icon-before=single-trip]{--icon-glyph-before: \"⤞\"}[data-icon-after=single-trip]{--icon-glyph-after: \"⤞\"}[data-icon=start],[data-icon-before=start]{--icon-glyph-before: \"⦿\"}[data-icon-after=start]{--icon-glyph-after: \"⦿\"}[data-icon=home],[data-icon-before=home]{--icon-glyph-before: \"⌂\"}[data-icon-after=home]{--icon-glyph-after: \"⌂\"}[data-icon=map],[data-icon-before=map]{--icon-glyph-before: \"🗺\"}[data-icon-after=map]{--icon-glyph-after: \"🗺\"}[data-icon=stop-sign],[data-icon-before=stop-sign]{--icon-glyph-before: \"󡄕\"}[data-icon-after=stop-sign]{--icon-glyph-after: \"󡄕\"}[data-icon=map-stop],[data-icon-before=map-stop]{--icon-glyph-before: \"󡄕\"}[data-icon-after=map-stop]{--icon-glyph-after: \"󡄕\"}[data-icon=travel-insurance],[data-icon-before=travel-insurance]{--icon-glyph-before: \"󡆆\"}[data-icon-after=travel-insurance]{--icon-glyph-after: \"󡆆\"}[data-icon=intercity-train],[data-icon-before=intercity-train]{--icon-glyph-before: \"󡈖\"}[data-icon-after=intercity-train]{--icon-glyph-after: \"󡈖\"}[data-icon=multiple-passenger],[data-icon-before=multiple-passenger]{--icon-glyph-before: \"󡊆\"}[data-icon-after=multiple-passenger]{--icon-glyph-after: \"󡊆\"}[data-icon=best-price],[data-icon-before=best-price]{--icon-glyph-before: \"󡆅\"}[data-icon-after=best-price]{--icon-glyph-after: \"󡆅\"}[data-icon=multiple-cards],[data-icon-before=multiple-cards]{--icon-glyph-before: \"󡆄\"}[data-icon-after=multiple-cards]{--icon-glyph-after: \"󡆄\"}[data-icon=bed],[data-icon-before=bed]{--icon-glyph-before: \"🛏\"}[data-icon-after=bed]{--icon-glyph-after: \"🛏\"}[data-icon=steppless-entry],[data-icon-before=steppless-entry]{--icon-glyph-before: \"󡈗\"}[data-icon-after=steppless-entry]{--icon-glyph-after: \"󡈗\"}[data-icon=ticket-subscription],[data-icon-before=ticket-subscription]{--icon-glyph-before: \"󡈘\"}[data-icon-after=ticket-subscription]{--icon-glyph-after: \"󡈘\"}[data-icon=walking-fast],[data-icon-before=walking-fast]{--icon-glyph-before: \"󡈙\"}[data-icon-after=walking-fast]{--icon-glyph-after: \"󡈙\"}[data-icon=aisle-not-available],[data-icon-before=aisle-not-available]{--icon-glyph-before: \"󡆃\"}[data-icon-after=aisle-not-available]{--icon-glyph-after: \"󡆃\"}[data-icon=station],[data-icon-before=station]{--icon-glyph-before: \"󡆂\"}[data-icon-after=station]{--icon-glyph-after: \"󡆂\"}[data-icon=parking],[data-icon-before=parking]{--icon-glyph-before: \"🅿\"}[data-icon-after=parking]{--icon-glyph-after: \"🅿\"}[data-icon=place],[data-icon-before=place]{--icon-glyph-before: \"󡄖\"}[data-icon-after=place]{--icon-glyph-after: \"󡄖\"}[data-icon=set-position],[data-icon-before=set-position]{--icon-glyph-before: \"🞋\"}[data-icon-after=set-position]{--icon-glyph-after: \"🞋\"}[data-icon=trainstation],[data-icon-before=trainstation]{--icon-glyph-before: \"󡊀\"}[data-icon-after=trainstation]{--icon-glyph-after: \"󡊀\"}[data-icon=train-station],[data-icon-before=train-station]{--icon-glyph-before: \"󡊀\"}[data-icon-after=train-station]{--icon-glyph-after: \"󡊀\"}[data-icon=couchette],[data-icon-before=couchette]{--icon-glyph-before: \"󡆉\"}[data-icon-after=couchette]{--icon-glyph-after: \"󡆉\"}[data-icon=arrow-back],[data-icon-before=arrow-back]{--icon-glyph-before: \"←\"}[data-icon-after=arrow-back]{--icon-glyph-after: \"←\"}[data-icon=arrow-down],[data-icon-before=arrow-down]{--icon-glyph-before: \"↓\"}[data-icon-after=arrow-down]{--icon-glyph-after: \"↓\"}[data-icon=arrow-forward],[data-icon-before=arrow-forward]{--icon-glyph-before: \"→\"}[data-icon-after=arrow-forward]{--icon-glyph-after: \"→\"}[data-icon=arrow-up],[data-icon-before=arrow-up]{--icon-glyph-before: \"↑\"}[data-icon-after=arrow-up]{--icon-glyph-after: \"↑\"}[data-icon=cancel],[data-icon-before=cancel]{--icon-glyph-before: \"⮾\"}[data-icon-after=cancel]{--icon-glyph-after: \"⮾\"}[data-icon=chevron-left],[data-icon-before=chevron-left]{--icon-glyph-before: \"<\"}[data-icon-after=chevron-left]{--icon-glyph-after: \"<\"}[data-icon=chevron-right],[data-icon-before=chevron-right]{--icon-glyph-before: \">\"}[data-icon-after=chevron-right]{--icon-glyph-after: \">\"}[data-icon=close],[data-icon-before=close]{--icon-glyph-before: \"⨯\"}[data-icon-after=close]{--icon-glyph-after: \"⨯\"}[data-icon=expand-less],[data-icon-before=expand-less]{--icon-glyph-before: \"⌃\"}[data-icon-after=expand-less]{--icon-glyph-after: \"⌃\"}[data-icon=carsharing],[data-icon-before=carsharing]{--icon-glyph-before: \"󡆔\"}[data-icon-after=carsharing]{--icon-glyph-after: \"󡆔\"}[data-icon=electric-locomotive],[data-icon-before=electric-locomotive]{--icon-glyph-before: \"󡆕\"}[data-icon-after=electric-locomotive]{--icon-glyph-after: \"󡆕\"}[data-icon=expand-more],[data-icon-before=expand-more]{--icon-glyph-before: \"⌄\"}[data-icon-after=expand-more]{--icon-glyph-after: \"⌄\"}[data-icon=fullscreen],[data-icon-before=fullscreen]{--icon-glyph-before: \"󡄙\"}[data-icon-after=fullscreen]{--icon-glyph-after: \"󡄙\"}[data-icon=fullscreen-exit],[data-icon-before=fullscreen-exit]{--icon-glyph-before: \"󡄠\"}[data-icon-after=fullscreen-exit]{--icon-glyph-after: \"󡄠\"}[data-icon=grid-view],[data-icon-before=grid-view]{--icon-glyph-before: \"𐌎\"}[data-icon-after=grid-view]{--icon-glyph-after: \"𐌎\"}[data-icon=link],[data-icon-before=link]{--icon-glyph-before: \"🡢\"}[data-icon-after=link]{--icon-glyph-after: \"🡢\"}[data-icon=link-external],[data-icon-before=link-external]{--icon-glyph-before: \"🡥\"}[data-icon-after=link-external]{--icon-glyph-after: \"🡥\"}[data-icon=list],[data-icon-before=list]{--icon-glyph-before: \"󡄡\"}[data-icon-after=list]{--icon-glyph-after: \"󡄡\"}[data-icon=menu],[data-icon-before=menu]{--icon-glyph-before: \"󡄢\"}[data-icon-after=menu]{--icon-glyph-after: \"󡄢\"}[data-icon=s-bahn],[data-icon-before=s-bahn]{--icon-glyph-before: \"󡈃\"}[data-icon-after=s-bahn]{--icon-glyph-after: \"󡈃\"}[data-icon=more-horizontal],[data-icon-before=more-horizontal]{--icon-glyph-before: \"⋯\"}[data-icon-after=more-horizontal]{--icon-glyph-after: \"⋯\"}[data-icon=more-vertical],[data-icon-before=more-vertical]{--icon-glyph-before: \"⋮\"}[data-icon-after=more-vertical]{--icon-glyph-after: \"⋮\"}[data-icon=refresh],[data-icon-before=refresh]{--icon-glyph-before: \"🗘\"}[data-icon-after=refresh]{--icon-glyph-after: \"🗘\"}[data-icon=error],[data-icon-before=error]{--icon-glyph-before: \"󡄣\"}[data-icon-after=error]{--icon-glyph-after: \"󡄣\"}[data-icon=error-triangle],[data-icon-before=error-triangle]{--icon-glyph-before: \"⚠\"}[data-icon-after=error-triangle]{--icon-glyph-after: \"⚠\"}[data-icon=warning],[data-icon-before=warning]{--icon-glyph-before: \"⚠\"}[data-icon-after=warning]{--icon-glyph-after: \"⚠\"}[data-icon=notify],[data-icon-before=notify]{--icon-glyph-before: \"󡄦\"}[data-icon-after=notify]{--icon-glyph-after: \"󡄦\"}[data-icon=taxi],[data-icon-before=taxi]{--icon-glyph-before: \"󡈈\"}[data-icon-after=taxi]{--icon-glyph-after: \"󡈈\"}[data-icon=notify-cutoff],[data-icon-before=notify-cutoff]{--icon-glyph-before: \"󡄧\"}[data-icon-after=notify-cutoff]{--icon-glyph-after: \"󡄧\"}[data-icon=aisle],[data-icon-before=aisle]{--icon-glyph-before: \"󡊁\"}[data-icon-after=aisle]{--icon-glyph-after: \"󡊁\"}[data-icon=elderly],[data-icon-before=elderly]{--icon-glyph-before: \"󡄨\"}[data-icon-after=elderly]{--icon-glyph-after: \"󡄨\"}[data-icon=handicapped],[data-icon-before=handicapped]{--icon-glyph-before: \"󡊃\"}[data-icon-after=handicapped]{--icon-glyph-after: \"󡊃\"}[data-icon=table],[data-icon-before=table]{--icon-glyph-before: \"󡄩\"}[data-icon-after=table]{--icon-glyph-after: \"󡄩\"}[data-icon=window],[data-icon-before=window]{--icon-glyph-before: \"󡄰\"}[data-icon-after=window]{--icon-glyph-after: \"󡄰\"}[data-icon=bahnbonus],[data-icon-before=bahnbonus]{--icon-glyph-before: \"󡄱\"}[data-icon-after=bahnbonus]{--icon-glyph-after: \"󡄱\"}[data-icon=bahnbonus-card],[data-icon-before=bahnbonus-card]{--icon-glyph-before: \"󡄲\"}[data-icon-after=bahnbonus-card]{--icon-glyph-after: \"󡄲\"}[data-icon=bahncard],[data-icon-before=bahncard]{--icon-glyph-before: \"󡄴\"}[data-icon-after=bahncard]{--icon-glyph-after: \"󡄴\"}[data-icon=commuter-ticket],[data-icon-before=commuter-ticket]{--icon-glyph-before: \"󡄶\"}[data-icon-after=commuter-ticket]{--icon-glyph-after: \"󡄶\"}[data-icon=komfort-check-in],[data-icon-before=komfort-check-in]{--icon-glyph-before: \"󡄷\"}[data-icon-after=komfort-check-in]{--icon-glyph-after: \"󡄷\"}[data-icon=komfort-check-in-check],[data-icon-before=komfort-check-in-check]{--icon-glyph-before: \"✔\"}[data-icon-after=komfort-check-in-check]{--icon-glyph-after: \"✔\"}[data-icon=komfort-check-in-circle],[data-icon-before=komfort-check-in-circle]{--icon-glyph-before: \"🤇\"}[data-icon-after=komfort-check-in-circle]{--icon-glyph-after: \"🤇\"}[data-icon=my-travel],[data-icon-before=my-travel]{--icon-glyph-before: \"󡄸\"}[data-icon-after=my-travel]{--icon-glyph-after: \"󡄸\"}[data-icon=outward-journey],[data-icon-before=outward-journey]{--icon-glyph-before: \"󡄹\"}[data-icon-after=outward-journey]{--icon-glyph-after: \"󡄹\"}[data-icon=qr-code],[data-icon-before=qr-code]{--icon-glyph-before: \"󡅀\"}[data-icon-after=qr-code]{--icon-glyph-after: \"󡅀\"}[data-icon=airplane],[data-icon-before=airplane]{--icon-glyph-before: \"󡆐\"}[data-icon-after=airplane]{--icon-glyph-after: \"󡆐\"}[data-icon=call-a-bike],[data-icon-before=call-a-bike]{--icon-glyph-before: \"󡆑\"}[data-icon-after=call-a-bike]{--icon-glyph-after: \"󡆑\"}[data-icon=return-journey],[data-icon-before=return-journey]{--icon-glyph-before: \"󡅁\"}[data-icon-after=return-journey]{--icon-glyph-after: \"󡅁\"}[data-icon=ticket],[data-icon-before=ticket]{--icon-glyph-before: \"󡊇\"}[data-icon-after=ticket]{--icon-glyph-after: \"󡊇\"}[data-icon=ticket-discount],[data-icon-before=ticket-discount]{--icon-glyph-before: \"󡅂\"}[data-icon-after=ticket-discount]{--icon-glyph-after: \"󡅂\"}[data-icon=electric-scooter],[data-icon-before=electric-scooter]{--icon-glyph-before: \"󡆖\"}[data-icon-after=electric-scooter]{--icon-glyph-after: \"󡆖\"}[data-icon=ev-car],[data-icon-before=ev-car]{--icon-glyph-before: \"󡆗\"}[data-icon-after=ev-car]{--icon-glyph-after: \"󡆗\"}[data-icon=ticket-multiple],[data-icon-before=ticket-multiple]{--icon-glyph-before: \"󡅃\"}[data-icon-after=ticket-multiple]{--icon-glyph-after: \"󡅃\"}[data-icon=time-outward-journey],[data-icon-before=time-outward-journey]{--icon-glyph-before: \"󡅄\"}[data-icon-after=time-outward-journey]{--icon-glyph-after: \"󡅄\"}[data-icon=time-return-journey],[data-icon-before=time-return-journey]{--icon-glyph-before: \"󡅅\"}[data-icon-after=time-return-journey]{--icon-glyph-after: \"󡅅\"}[data-icon=timetable],[data-icon-before=timetable]{--icon-glyph-before: \"󡅆\"}[data-icon-after=timetable]{--icon-glyph-after: \"󡅆\"}[data-icon=bicycle],[data-icon-before=bicycle]{--icon-glyph-before: \"󡈹\"}[data-icon-after=bicycle]{--icon-glyph-after: \"󡈹\"}[data-icon=car],[data-icon-before=car]{--icon-glyph-before: \"󡅑\"}[data-icon-after=car]{--icon-glyph-after: \"󡅑\"}[data-icon=car-sequence],[data-icon-before=car-sequence]{--icon-glyph-before: \"󡅇\"}[data-icon-after=car-sequence]{--icon-glyph-after: \"󡅇\"}[data-icon=ice-side-view],[data-icon-before=ice-side-view]{--icon-glyph-before: \"󡊈\"}[data-icon-after=ice-side-view]{--icon-glyph-after: \"󡊈\"}[data-icon=sprinter],[data-icon-before=sprinter]{--icon-glyph-before: \"󡅈\"}[data-icon-after=sprinter]{--icon-glyph-after: \"󡅈\"}[data-icon=walking],[data-icon-before=walking]{--icon-glyph-before: \"󡉁\"}[data-icon-after=walking]{--icon-glyph-after: \"󡉁\"}[data-icon=logo],[data-icon-before=logo]{--icon-glyph-before: \"󡅒\"}[data-icon-after=logo]{--icon-glyph-after: \"󡅒\"}[data-icon=buggy],[data-icon-before=buggy]{--icon-glyph-before: \"󡅓\"}[data-icon-after=buggy]{--icon-glyph-after: \"󡅓\"}[data-icon=childrens-compartment],[data-icon-before=childrens-compartment]{--icon-glyph-before: \"󡊂\"}[data-icon-after=childrens-compartment]{--icon-glyph-after: \"󡊂\"}[data-icon=parent-child-compartment],[data-icon-before=parent-child-compartment]{--icon-glyph-before: \"󡊄\"}[data-icon-after=parent-child-compartment]{--icon-glyph-after: \"󡊄\"}[data-icon=augmented-reality],[data-icon-before=augmented-reality]{--icon-glyph-before: \"󡅧\"}[data-icon-after=augmented-reality]{--icon-glyph-after: \"󡅧\"}[data-icon=quiet-zone],[data-icon-before=quiet-zone]{--icon-glyph-before: \"󡊅\"}[data-icon-after=quiet-zone]{--icon-glyph-after: \"󡊅\"}[data-icon=duplicate],[data-icon-before=duplicate]{--icon-glyph-before: \"󡅔\"}[data-icon-after=duplicate]{--icon-glyph-after: \"󡅔\"}[data-icon=copy],[data-icon-before=copy]{--icon-glyph-before: \"󡅔\"}[data-icon-after=copy]{--icon-glyph-after: \"󡅔\"}[data-icon=image],[data-icon-before=image]{--icon-glyph-before: \"🖼\"}[data-icon-after=image]{--icon-glyph-after: \"🖼\"}[data-icon=lock-close],[data-icon-before=lock-close]{--icon-glyph-before: \"󡈩\"}[data-icon-after=lock-close]{--icon-glyph-after: \"󡈩\"}[data-icon=lock-open],[data-icon-before=lock-open]{--icon-glyph-before: \"󡈰\"}[data-icon-after=lock-open]{--icon-glyph-after: \"󡈰\"}[data-icon=restricted-mobility-toilet],[data-icon-before=restricted-mobility-toilet]{--icon-glyph-before: \"󡅣\"}[data-icon-after=restricted-mobility-toilet]{--icon-glyph-after: \"󡅣\"}[data-icon=database],[data-icon-before=database]{--icon-glyph-before: \"󡆁\"}[data-icon-after=database]{--icon-glyph-after: \"󡆁\"}[data-icon=breakfast],[data-icon-before=breakfast]{--icon-glyph-before: \"󡉹\"}[data-icon-after=breakfast]{--icon-glyph-after: \"󡉹\"}[data-icon=ferry],[data-icon-before=ferry]{--icon-glyph-before: \"󡆘\"}[data-icon-after=ferry]{--icon-glyph-after: \"󡆘\"}[data-icon=no-smoking],[data-icon-before=no-smoking]{--icon-glyph-before: \"󡉶\"}[data-icon-after=no-smoking]{--icon-glyph-after: \"󡉶\"}[data-icon=luggage-compartment],[data-icon-before=luggage-compartment]{--icon-glyph-before: \"󡉴\"}[data-icon-after=luggage-compartment]{--icon-glyph-after: \"󡉴\"}[data-icon=environmental-mobility-check],[data-icon-before=environmental-mobility-check]{--icon-glyph-before: \"󡉳\"}[data-icon-after=environmental-mobility-check]{--icon-glyph-after: \"󡉳\"}[data-icon=clothing-hanger],[data-icon-before=clothing-hanger]{--icon-glyph-before: \"󡆀\"}[data-icon-after=clothing-hanger]{--icon-glyph-after: \"󡆀\"}[data-icon=handcart],[data-icon-before=handcart]{--icon-glyph-before: \"󡆙\"}[data-icon-after=handcart]{--icon-glyph-after: \"󡆙\"}[data-icon=reservation],[data-icon-before=reservation]{--icon-glyph-before: \"󡅹\"}[data-icon-after=reservation]{--icon-glyph-after: \"󡅹\"}[data-icon=platform],[data-icon-before=platform]{--icon-glyph-before: \"🛤\"}[data-icon-after=platform]{--icon-glyph-after: \"🛤\"}[data-icon=night],[data-icon-before=night]{--icon-glyph-before: \"󡊉\"}[data-icon-after=night]{--icon-glyph-after: \"󡊉\"}[data-icon=piggybank],[data-icon-before=piggybank]{--icon-glyph-before: \"󡊐\"}[data-icon-after=piggybank]{--icon-glyph-after: \"󡊐\"}[data-icon=resize-handle-corner],[data-icon-before=resize-handle-corner]{--icon-glyph-before: \"󡊑\"}[data-icon-after=resize-handle-corner]{--icon-glyph-after: \"󡊑\"}[data-icon=document-check],[data-icon-before=document-check]{--icon-glyph-before: \"󡊒\"}[data-icon-after=document-check]{--icon-glyph-after: \"󡊒\"}[data-icon=face-delighted],[data-icon-before=face-delighted]{--icon-glyph-before: \"󡊓\"}[data-icon-after=face-delighted]{--icon-glyph-after: \"󡊓\"}[data-icon=face-disappointed],[data-icon-before=face-disappointed]{--icon-glyph-before: \"󡊔\"}[data-icon-after=face-disappointed]{--icon-glyph-after: \"󡊔\"}[data-icon=push-button],[data-icon-before=push-button]{--icon-glyph-before: \"󡊕\"}[data-icon-after=push-button]{--icon-glyph-after: \"󡊕\"}[data-icon=fast-backward],[data-icon-before=fast-backward]{--icon-glyph-before: \"󡊖\"}[data-icon-after=fast-backward]{--icon-glyph-after: \"󡊖\"}[data-icon=fast-forward],[data-icon-before=fast-forward]{--icon-glyph-before: \"󡊗\"}[data-icon-after=fast-forward]{--icon-glyph-after: \"󡊗\"}[data-icon=marketplace],[data-icon-before=marketplace]{--icon-glyph-before: \"󡅸\"}[data-icon-after=marketplace]{--icon-glyph-after: \"󡅸\"}[data-icon=hydrogen],[data-icon-before=hydrogen]{--icon-glyph-before: \"󡅷\"}[data-icon-after=hydrogen]{--icon-glyph-after: \"󡅷\"}[data-icon=day],[data-icon-before=day]{--icon-glyph-before: \"☀\"}[data-icon-after=day]{--icon-glyph-after: \"☀\"}[data-icon=sink],[data-icon-before=sink]{--icon-glyph-before: \"󡉨\"}[data-icon-after=sink]{--icon-glyph-after: \"󡉨\"}[data-icon=microphone],[data-icon-before=microphone]{--icon-glyph-before: \"󡈴\"}[data-icon-after=microphone]{--icon-glyph-after: \"󡈴\"}[data-icon=undo],[data-icon-before=undo]{--icon-glyph-before: \"⎌\"}[data-icon-after=undo]{--icon-glyph-after: \"⎌\"}[data-icon=thumb-up-down],[data-icon-before=thumb-up-down]{--icon-glyph-before: \"󡉗\"}[data-icon-after=thumb-up-down]{--icon-glyph-after: \"󡉗\"}[data-icon=local-bus],[data-icon-before=local-bus]{--icon-glyph-before: \"󡈁\"}[data-icon-after=local-bus]{--icon-glyph-after: \"󡈁\"}[data-icon=long-distance-bus],[data-icon-before=long-distance-bus]{--icon-glyph-before: \"󡈂\"}[data-icon-after=long-distance-bus]{--icon-glyph-after: \"󡈂\"}[data-icon=thumb-up],[data-icon-before=thumb-up]{--icon-glyph-before: \"󡉖\"}[data-icon-after=thumb-up]{--icon-glyph-after: \"󡉖\"}[data-icon=logbook],[data-icon-before=logbook]{--icon-glyph-before: \"󡉓\"}[data-icon-after=logbook]{--icon-glyph-after: \"󡉓\"}[data-icon=lightbulb],[data-icon-before=lightbulb]{--icon-glyph-before: \"󡉒\"}[data-icon-after=lightbulb]{--icon-glyph-after: \"󡉒\"}[data-icon=key],[data-icon-before=key]{--icon-glyph-before: \"󡉑\"}[data-icon-after=key]{--icon-glyph-after: \"󡉑\"}[data-icon=fingerprint],[data-icon-before=fingerprint]{--icon-glyph-before: \"󡅱\"}[data-icon-after=fingerprint]{--icon-glyph-after: \"󡅱\"}[data-icon=face-smiling],[data-icon-before=face-smiling]{--icon-glyph-before: \"󡅰\"}[data-icon-after=face-smiling]{--icon-glyph-after: \"󡅰\"}[data-icon=face-neutral],[data-icon-before=face-neutral]{--icon-glyph-before: \"󡅨\"}[data-icon-after=face-neutral]{--icon-glyph-after: \"󡅨\"}[data-icon=ice],[data-icon-before=ice]{--icon-glyph-before: \"󡈀\"}[data-icon-after=ice]{--icon-glyph-after: \"󡈀\"}[data-icon=face-sad],[data-icon-before=face-sad]{--icon-glyph-before: \"󡅩\"}[data-icon-after=face-sad]{--icon-glyph-after: \"󡅩\"}[data-icon=cloud-upload],[data-icon-before=cloud-upload]{--icon-glyph-before: \"⇧\"}[data-icon-after=cloud-upload]{--icon-glyph-after: \"⇧\"}[data-icon=cloud-download],[data-icon-before=cloud-download]{--icon-glyph-before: \"⇩\"}[data-icon-after=cloud-download]{--icon-glyph-after: \"⇩\"}[data-icon=cash],[data-icon-before=cash]{--icon-glyph-before: \"󡉈\"}[data-icon-after=cash]{--icon-glyph-after: \"󡉈\"}[data-icon=dashboard],[data-icon-before=dashboard]{--icon-glyph-before: \"󡅤\"}[data-icon-after=dashboard]{--icon-glyph-after: \"󡅤\"}[data-icon=resize],[data-icon-before=resize]{--icon-glyph-before: \"󡅥\"}[data-icon-after=resize]{--icon-glyph-after: \"󡅥\"}[data-icon=sepa],[data-icon-before=sepa]{--icon-glyph-before: \"󡅦\"}[data-icon-after=sepa]{--icon-glyph-after: \"󡅦\"}[data-icon=save],[data-icon-before=save]{--icon-glyph-before: \"󡈲\"}[data-icon-after=save]{--icon-glyph-after: \"󡈲\"}[data-icon=pin],[data-icon-before=pin]{--icon-glyph-before: \"󡈱\"}[data-icon-after=pin]{--icon-glyph-after: \"󡈱\"}[data-icon=folder-open],[data-icon-before=folder-open]{--icon-glyph-before: \"󡈨\"}[data-icon-after=folder-open]{--icon-glyph-after: \"󡈨\"}[data-icon=folder],[data-icon-before=folder]{--icon-glyph-before: \"󡈧\"}[data-icon-after=folder]{--icon-glyph-after: \"󡈧\"}[data-icon=camera],[data-icon-before=camera]{--icon-glyph-before: \"󡈥\"}[data-icon-after=camera]{--icon-glyph-after: \"󡈥\"}[data-icon=compass],[data-icon-before=compass]{--icon-glyph-before: \"󡉉\"}[data-icon-after=compass]{--icon-glyph-after: \"󡉉\"}[data-icon=drag-and-drop],[data-icon-before=drag-and-drop]{--icon-glyph-before: \"󡆇\"}[data-icon-after=drag-and-drop]{--icon-glyph-after: \"󡆇\"}[data-icon=person-with-cane],[data-icon-before=person-with-cane]{--icon-glyph-before: \"󡉷\"}[data-icon-after=person-with-cane]{--icon-glyph-after: \"󡉷\"}[data-icon=hearing],[data-icon-before=hearing]{--icon-glyph-before: \"󡈑\"}[data-icon-after=hearing]{--icon-glyph-after: \"󡈑\"}[data-icon=hearing-disabled],[data-icon-before=hearing-disabled]{--icon-glyph-before: \"󡈒\"}[data-icon-after=hearing-disabled]{--icon-glyph-after: \"󡈒\"}[data-icon=translation],[data-icon-before=translation]{--icon-glyph-before: \"󡈓\"}[data-icon-after=translation]{--icon-glyph-after: \"󡈓\"}[data-icon=voucher],[data-icon-before=voucher]{--icon-glyph-before: \"󡈔\"}[data-icon-after=voucher]{--icon-glyph-after: \"󡈔\"}[data-icon=support-dog],[data-icon-before=support-dog]{--icon-glyph-before: \"󡈕\"}[data-icon-after=support-dog]{--icon-glyph-after: \"󡈕\"}[data-icon=person-with-rollator],[data-icon-before=person-with-rollator]{--icon-glyph-before: \"󡆈\"}[data-icon-after=person-with-rollator]{--icon-glyph-after: \"󡆈\"}[data-icon=sort-down],[data-icon-before=sort-down]{--icon-glyph-before: \"↡\"}[data-icon-after=sort-down]{--icon-glyph-after: \"↡\"}[data-icon=sort-up],[data-icon-before=sort-up]{--icon-glyph-before: \"↟\"}[data-icon-after=sort-up]{--icon-glyph-after: \"↟\"}[data-icon=cloud],[data-icon-before=cloud]{--icon-glyph-before: \"☁\"}[data-icon-after=cloud]{--icon-glyph-after: \"☁\"}[data-icon=sev],[data-icon-before=sev]{--icon-glyph-before: \"󡈅\"}[data-icon-after=sev]{--icon-glyph-after: \"󡈅\"}[data-icon=train-and-car],[data-icon-before=train-and-car]{--icon-glyph-before: \"󡈉\"}[data-icon-after=train-and-car]{--icon-glyph-after: \"󡈉\"}[data-icon=tram],[data-icon-before=tram]{--icon-glyph-before: \"󡈐\"}[data-icon-after=tram]{--icon-glyph-after: \"󡈐\"}[data-icon=speedboat],[data-icon-before=speedboat]{--icon-glyph-before: \"󡈆\"}[data-icon-after=speedboat]{--icon-glyph-after: \"󡈆\"}[data-icon=build],[data-icon-before=build]{--icon-glyph-before: \"🛠\"}[data-icon-after=build]{--icon-glyph-after: \"🛠\"}[data-icon=bug],[data-icon-before=bug]{--icon-glyph-before: \"󡉆\"}[data-icon-after=bug]{--icon-glyph-after: \"󡉆\"}[data-icon=question],[data-icon-before=question]{--icon-glyph-before: \"󡅲\"}[data-icon-after=question]{--icon-glyph-after: \"󡅲\"}[data-icon=receive-item],[data-icon-before=receive-item]{--icon-glyph-before: \"󡅳\"}[data-icon-after=receive-item]{--icon-glyph-after: \"󡅳\"}[data-icon=share-item],[data-icon-before=share-item]{--icon-glyph-before: \"󡅴\"}[data-icon-after=share-item]{--icon-glyph-after: \"󡅴\"}[data-icon=playground],[data-icon-before=playground]{--icon-glyph-before: \"󡉦\"}[data-icon-after=playground]{--icon-glyph-after: \"󡉦\"}[data-icon=shower],[data-icon-before=shower]{--icon-glyph-before: \"󡉧\"}[data-icon-after=shower]{--icon-glyph-after: \"󡉧\"}[data-icon=shower-men],[data-icon-before=shower-men]{--icon-glyph-before: \"󡅵\"}[data-icon-after=shower-men]{--icon-glyph-after: \"󡅵\"}[data-icon=shower-women],[data-icon-before=shower-women]{--icon-glyph-before: \"󡅶\"}[data-icon-after=shower-women]{--icon-glyph-after: \"󡅶\"}[data-icon=add-link],[data-icon-before=add-link]{--icon-glyph-before: \"󡉂\"}[data-icon-after=add-link]{--icon-glyph-after: \"󡉂\"}[data-icon=attachment],[data-icon-before=attachment]{--icon-glyph-before: \"󡉅\"}[data-icon-after=attachment]{--icon-glyph-after: \"󡉅\"}[data-icon=block],[data-icon-before=block]{--icon-glyph-before: \"󡈣\"}[data-icon-after=block]{--icon-glyph-after: \"󡈣\"}[data-icon=bookmark],[data-icon-before=bookmark]{--icon-glyph-before: \"󡈤\"}[data-icon-after=bookmark]{--icon-glyph-after: \"󡈤\"}[data-icon=shopping-basket-disabled],[data-icon-before=shopping-basket-disabled]{--icon-glyph-before: \"󡅕\"}[data-icon-after=shopping-basket-disabled]{--icon-glyph-after: \"󡅕\"}[data-icon=shopping-cart-disabled],[data-icon-before=shopping-cart-disabled]{--icon-glyph-before: \"󡅖\"}[data-icon-after=shopping-cart-disabled]{--icon-glyph-after: \"󡅖\"}[data-icon=gps],[data-icon-before=gps]{--icon-glyph-before: \"󡅗\"}[data-icon-after=gps]{--icon-glyph-after: \"󡅗\"}[data-icon=gps-north],[data-icon-before=gps-north]{--icon-glyph-before: \"󡅘\"}[data-icon-after=gps-north]{--icon-glyph-after: \"󡅘\"}[data-icon=local-train],[data-icon-before=local-train]{--icon-glyph-before: \"󡉀\"}[data-icon-after=local-train]{--icon-glyph-after: \"󡉀\"}[data-icon=rail-and-fly],[data-icon-before=rail-and-fly]{--icon-glyph-before: \"󡅙\"}[data-icon-after=rail-and-fly]{--icon-glyph-after: \"󡅙\"}[data-icon=seat-priority],[data-icon-before=seat-priority]{--icon-glyph-before: \"󡅢\"}[data-icon-after=seat-priority]{--icon-glyph-after: \"󡅢\"}[data-icon=priority],[data-icon-before=priority]{--icon-glyph-before: \"󡅢\"}[data-icon-after=priority]{--icon-glyph-after: \"󡅢\"}[data-icon=traveler-with-reduced-mobility],[data-icon-before=traveler-with-reduced-mobility]{--icon-glyph-before: \"󡅢\"}[data-icon-after=traveler-with-reduced-mobility]{--icon-glyph-after: \"󡅢\"}[data-icon=standing-room],[data-icon-before=standing-room]{--icon-glyph-before: \"󡅠\"}[data-icon-after=standing-room]{--icon-glyph-after: \"󡅠\"}[data-icon=mixed-class],[data-icon-before=mixed-class]{--icon-glyph-before: \"󡅡\"}[data-icon-after=mixed-class]{--icon-glyph-after: \"󡅡\"}[data-icon=navigation-straight],[data-icon-before=navigation-straight]{--icon-glyph-before: \"󡌀\"}[data-icon-after=navigation-straight]{--icon-glyph-after: \"󡌀\"}[data-icon=navigation-to-left],[data-icon-before=navigation-to-left]{--icon-glyph-before: \"󡌁\"}[data-icon-after=navigation-to-left]{--icon-glyph-after: \"󡌁\"}[data-icon=navigation-to-right],[data-icon-before=navigation-to-right]{--icon-glyph-before: \"󡌂\"}[data-icon-after=navigation-to-right]{--icon-glyph-after: \"󡌂\"}[data-icon=navigation-u-turn],[data-icon-before=navigation-u-turn]{--icon-glyph-before: \"󡌃\"}[data-icon-after=navigation-u-turn]{--icon-glyph-after: \"󡌃\"}[data-icon=transportation-train-ec],[data-icon-before=transportation-train-ec]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-ec]{--icon-glyph-after: \"\"}[data-icon=transportation-train-ic],[data-icon-before=transportation-train-ic]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-ic]{--icon-glyph-after: \"\"}[data-icon=transportation-train-ice],[data-icon-before=transportation-train-ice]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-ice]{--icon-glyph-after: \"\"}[data-icon=transportation-train-rb],[data-icon-before=transportation-train-rb]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-rb]{--icon-glyph-after: \"\"}[data-icon=transportation-train-re],[data-icon-before=transportation-train-re]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-re]{--icon-glyph-after: \"\"}[data-icon=transportation-bikesharing],[data-icon-before=transportation-bikesharing]{--icon-glyph-before: \"\"}[data-icon-after=transportation-bikesharing]{--icon-glyph-after: \"\"}[data-icon=transportation-bus-local],[data-icon-before=transportation-bus-local]{--icon-glyph-before: \"\"}[data-icon-after=transportation-bus-local]{--icon-glyph-after: \"\"}[data-icon=transportation-carsharing],[data-icon-before=transportation-carsharing]{--icon-glyph-before: \"\"}[data-icon-after=transportation-carsharing]{--icon-glyph-after: \"\"}[data-icon=transportation-bus-long-distance],[data-icon-before=transportation-bus-long-distance]{--icon-glyph-before: \"\"}[data-icon-after=transportation-bus-long-distance]{--icon-glyph-after: \"\"}[data-icon=transportation-airplane],[data-icon-before=transportation-airplane]{--icon-glyph-before: \"\"}[data-icon-after=transportation-airplane]{--icon-glyph-after: \"\"}[data-icon=transportation-s-bahn],[data-icon-before=transportation-s-bahn]{--icon-glyph-before: \"\"}[data-icon-after=transportation-s-bahn]{--icon-glyph-after: \"\"}[data-icon=transportation-ship],[data-icon-before=transportation-ship]{--icon-glyph-before: \"\"}[data-icon-after=transportation-ship]{--icon-glyph-after: \"\"}[data-icon=transportation-taxi],[data-icon-before=transportation-taxi]{--icon-glyph-before: \"\"}[data-icon-after=transportation-taxi]{--icon-glyph-after: \"\"}[data-icon=transportation-train-tram],[data-icon-before=transportation-train-tram]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-tram]{--icon-glyph-after: \"\"}[data-icon=transportation-underground],[data-icon-before=transportation-underground]{--icon-glyph-before: \"\"}[data-icon-after=transportation-underground]{--icon-glyph-after: \"\"}[data-icon=transportation-walking],[data-icon-before=transportation-walking]{--icon-glyph-before: \"\"}[data-icon-after=transportation-walking]{--icon-glyph-after: \"\"}[data-icon=ev-bus],[data-icon-before=ev-bus]{--icon-glyph-before: \"\"}[data-icon-after=ev-bus]{--icon-glyph-after: \"\"}[data-icon=ev-train],[data-icon-before=ev-train]{--icon-glyph-before: \"\"}[data-icon-after=ev-train]{--icon-glyph-after: \"\"}[data-icon=artificial-intelligence],[data-icon-before=artificial-intelligence]{--icon-glyph-before: \"󡌄\"}[data-icon-after=artificial-intelligence]{--icon-glyph-after: \"󡌄\"}[data-icon=document-cross],[data-icon-before=document-cross]{--icon-glyph-before: \"󡌅\"}[data-icon-after=document-cross]{--icon-glyph-after: \"󡌅\"}[data-icon=euro-sign],[data-icon-before=euro-sign]{--icon-glyph-before: \"󡌆\"}[data-icon-after=euro-sign]{--icon-glyph-after: \"󡌆\"}[data-icon=id-card],[data-icon-before=id-card]{--icon-glyph-before: \"󡌇\"}[data-icon-after=id-card]{--icon-glyph-after: \"󡌇\"}[data-icon=pulse-wave],[data-icon-before=pulse-wave]{--icon-glyph-before: \"󡌈\"}[data-icon-after=pulse-wave]{--icon-glyph-after: \"󡌈\"}[data-icon-variant=\"16-outline\"][data-icon]::before,[data-icon-variant=\"16-outline\"][data-icon-before]::before,[data-icon-variant-before=\"16-outline\"][data-icon]::before,[data-icon-variant-before=\"16-outline\"][data-icon-before]::before{--icon-font-family: \"icons-16-outline\", \"missing-icons\" !important;--icon-font-size: 1rem}[data-icon-variant-after=\"16-outline\"][data-icon-after]::after{--icon-font-family: \"icons-16-outline\", \"missing-icons\" !important;--icon-font-size: 1rem}[data-icon-variant=\"20-outline\"][data-icon]::before,[data-icon-variant=\"20-outline\"][data-icon-before]::before,[data-icon-variant-before=\"20-outline\"][data-icon]::before,[data-icon-variant-before=\"20-outline\"][data-icon-before]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}[data-icon-variant-after=\"20-outline\"][data-icon-after]::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}[data-icon-variant=\"24-outline\"][data-icon]::before,[data-icon-variant=\"24-outline\"][data-icon-before]::before,[data-icon-variant-before=\"24-outline\"][data-icon]::before,[data-icon-variant-before=\"24-outline\"][data-icon-before]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon-variant-after=\"24-outline\"][data-icon-after]::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon-variant=\"32-outline\"][data-icon]::before,[data-icon-variant=\"32-outline\"][data-icon-before]::before,[data-icon-variant-before=\"32-outline\"][data-icon]::before,[data-icon-variant-before=\"32-outline\"][data-icon-before]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;--icon-font-size: 2rem}[data-icon-variant-after=\"32-outline\"][data-icon-after]::after{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;--icon-font-size: 2rem}[data-icon-variant=\"48-outline\"][data-icon]::before,[data-icon-variant=\"48-outline\"][data-icon-before]::before,[data-icon-variant-before=\"48-outline\"][data-icon]::before,[data-icon-variant-before=\"48-outline\"][data-icon-before]::before{--icon-font-family: \"icons-48-outline\", \"missing-icons\" !important;--icon-font-size: 3rem}[data-icon-variant-after=\"48-outline\"][data-icon-after]::after{--icon-font-family: \"icons-48-outline\", \"missing-icons\" !important;--icon-font-size: 3rem}[data-icon-variant=\"64-outline\"][data-icon]::before,[data-icon-variant=\"64-outline\"][data-icon-before]::before,[data-icon-variant-before=\"64-outline\"][data-icon]::before,[data-icon-variant-before=\"64-outline\"][data-icon-before]::before{--icon-font-family: \"icons-64-outline\", \"missing-icons\" !important;--icon-font-size: 4rem}[data-icon-variant-after=\"64-outline\"][data-icon-after]::after{--icon-font-family: \"icons-64-outline\", \"missing-icons\" !important;--icon-font-size: 4rem}[data-icon-variant=\"16-filled\"][data-icon]::before,[data-icon-variant=\"16-filled\"][data-icon-before]::before,[data-icon-variant-before=\"16-filled\"][data-icon]::before,[data-icon-variant-before=\"16-filled\"][data-icon-before]::before{--icon-font-family: \"icons-16-filled\", \"missing-icons\" !important;--icon-font-size: 1rem}[data-icon-variant-after=\"16-filled\"][data-icon-after]::after{--icon-font-family: \"icons-16-filled\", \"missing-icons\" !important;--icon-font-size: 1rem}[data-icon-variant=\"20-filled\"][data-icon]::before,[data-icon-variant=\"20-filled\"][data-icon-before]::before,[data-icon-variant-before=\"20-filled\"][data-icon]::before,[data-icon-variant-before=\"20-filled\"][data-icon-before]::before{--icon-font-family: \"icons-20-filled\", \"missing-icons\" !important;--icon-font-size: 1.25rem}[data-icon-variant-after=\"20-filled\"][data-icon-after]::after{--icon-font-family: \"icons-20-filled\", \"missing-icons\" !important;--icon-font-size: 1.25rem}[data-icon-variant=\"24-filled\"][data-icon]::before,[data-icon-variant=\"24-filled\"][data-icon-before]::before,[data-icon-variant-before=\"24-filled\"][data-icon]::before,[data-icon-variant-before=\"24-filled\"][data-icon-before]::before{--icon-font-family: \"icons-24-filled\", \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon-variant-after=\"24-filled\"][data-icon-after]::after{--icon-font-family: \"icons-24-filled\", \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon-variant=\"32-filled\"][data-icon]::before,[data-icon-variant=\"32-filled\"][data-icon-before]::before,[data-icon-variant-before=\"32-filled\"][data-icon]::before,[data-icon-variant-before=\"32-filled\"][data-icon-before]::before{--icon-font-family: \"icons-32-filled\", \"missing-icons\" !important;--icon-font-size: 2rem}[data-icon-variant-after=\"32-filled\"][data-icon-after]::after{--icon-font-family: \"icons-32-filled\", \"missing-icons\" !important;--icon-font-size: 2rem}[data-icon-variant=\"48-filled\"][data-icon]::before,[data-icon-variant=\"48-filled\"][data-icon-before]::before,[data-icon-variant-before=\"48-filled\"][data-icon]::before,[data-icon-variant-before=\"48-filled\"][data-icon-before]::before{--icon-font-family: \"icons-48-filled\", \"missing-icons\" !important;--icon-font-size: 3rem}[data-icon-variant-after=\"48-filled\"][data-icon-after]::after{--icon-font-family: \"icons-48-filled\", \"missing-icons\" !important;--icon-font-size: 3rem}[data-icon-variant=\"64-filled\"][data-icon]::before,[data-icon-variant=\"64-filled\"][data-icon-before]::before,[data-icon-variant-before=\"64-filled\"][data-icon]::before,[data-icon-variant-before=\"64-filled\"][data-icon-before]::before{--icon-font-family: \"icons-64-filled\", \"missing-icons\" !important;--icon-font-size: 4rem}[data-icon-variant-after=\"64-filled\"][data-icon-after]::after{--icon-font-family: \"icons-64-filled\", \"missing-icons\" !important;--icon-font-size: 4rem}@font-face{font-display:block;font-family:\"missing-icons\";src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-empty.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-empty.woff?4r2099\") format(\"woff\")}@font-face{font-display:block;font-family:\"icons-16-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-16-outline-action.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-16-outline-action.woff?4r2099\") format(\"woff\");unicode-range:U+002B,U+2212,U+2713}@font-face{font-display:block;font-family:\"icons-16-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-16-outline-navigation.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-16-outline-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+003C,U+003E,U+2190-2193,U+2303-2304,U+2A2F}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-action.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-action.woff?4r2099\") format(\"woff\");unicode-range:U+002B,U+003F,U+00A7,U+1F441,U+1F5A8,U+1F5B9,U+1F5BC,U+1F5D1,U+1F6C8,U+1F6CD,U+1F6E0,U+219F,U+21A1,U+21A6,U+21C6,U+21E7,U+21E9,U+21F5,U+2212,U+2295,U+229D,U+238C,U+25F9,U+2601,U+2606,U+2661,U+2699,U+270F,U+2713,U+2B73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+23F8,U+25A1,U+25B7,U+293A-293B,U+e1085-e1088,U+e1091,U+e1234,U+e1261-e1259,U+e1262,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-communication.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-communication.woff?4r2099\") format(\"woff\");unicode-range:U+1F5B7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-covid-19.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-covid-19.woff?4r2099\") format(\"woff\");unicode-range:U+e1265}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-facilities.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-facilities.woff?4r2099\") format(\"woff\");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-feature.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-feature.woff?4r2099\") format(\"woff\");unicode-range:U+1F6E4,U+2600,U+271A,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-food.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-food.woff?4r2099\") format(\"woff\");unicode-range:U+1F37D,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-it.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-it.woff?4r2099\") format(\"woff\");unicode-range:U+e1181}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-journey.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-journey.woff?4r2099\") format(\"woff\");unicode-range:U+2488-2489,U+291E,U+29BF,U+2B94,U+e1102-e1104,U+e1106,U+e1108,U+e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-maps.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-maps.woff?4r2099\") format(\"woff\");unicode-range:U+1F17F,U+1F5FA,U+1F78B,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-navigation.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+003C,U+003E,U+1030E,U+1F5D8,U+1F862,U+1F865,U+2190-2193,U+22EE-22EF,U+2303-2304,U+2A2F,U+2BBE,U+e1119-e1122}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-notification.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123,U+e1126-e1127}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-seat.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-seat.woff?4r2099\") format(\"woff\");unicode-range:U+1F6CF,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-ticket.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-ticket.woff?4r2099\") format(\"woff\");unicode-range:U+1F907,U+2714,U+e1131-e1132,U+e1134,U+e1136-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-transportation.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-outline-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288,U+e928-e929}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-action.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-action.woff?4r2099\") format(\"woff\");unicode-range:U+002B,U+003F,U+00A7,U+1F441,U+1F5A8,U+1F5B9,U+1F5BC,U+1F5D1,U+1F6C8,U+1F6CD,U+1F6E0,U+219F,U+21A1,U+21A6,U+21C6,U+21E7,U+21E9,U+21F5,U+2212,U+2295,U+229D,U+238C,U+25F9,U+2601,U+2606,U+2661,U+2699,U+270F,U+2713,U+2B73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+23F8,U+25A1,U+25B7,U+293A-293B,U+e1085-e1088,U+e1091,U+e1234,U+e1259-e1262,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-communication.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-communication.woff?4r2099\") format(\"woff\");unicode-range:U+1F5B7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-covid-19.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-covid-19.woff?4r2099\") format(\"woff\");unicode-range:U+e1265}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-facilities.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-facilities.woff?4r2099\") format(\"woff\");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-feature.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-feature.woff?4r2099\") format(\"woff\");unicode-range:U+1F6E4,U+2600,U+271A,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-food.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-food.woff?4r2099\") format(\"woff\");unicode-range:U+1F37D,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-it.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-it.woff?4r2099\") format(\"woff\");unicode-range:U+e1181}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-journey.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-journey.woff?4r2099\") format(\"woff\");unicode-range:U+2488-2489,U+291E,U+29BF,U+2B94,U+e1102-e1104,U+e1106,U+e1108,U+e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-maps.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-maps.woff?4r2099\") format(\"woff\");unicode-range:U+1F17F,U+1F5FA,U+1F78B,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-navigation.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+003C,U+003E,U+1030E,U+1F5D8,U+1F862,U+1F865,U+2190-2193,U+22EE-22EF,U+2303-2304,U+2A2F,U+2BBE,U+e1119-e1122}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-notification.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123-e1127}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-seat.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-seat.woff?4r2099\") format(\"woff\");unicode-range:U+1F6CF,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-ticket.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-ticket.woff?4r2099\") format(\"woff\");unicode-range:U+1F907,U+2714,U+e1131-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-transportation.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-outline-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-action.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-action.woff?4r2099\") format(\"woff\");unicode-range:U+002B,U+003F,U+00A7,U+1F441,U+1F5A8,U+1F5B9,U+1F5BC,U+1F5D1,U+1F6C8,U+1F6CD,U+1F6E0,U+219F,U+21A1,U+21A6,U+21C6,U+21E7,U+21E9,U+21F5,U+2212,U+2295,U+229D,U+238C,U+25F9,U+2601,U+2606,U+2661,U+2699,U+270F,U+2713,U+2B73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+23F8,U+25A1,U+25B7,U+293A-293B,U+e1085-e1088,U+e1091,U+e1234,U+e1259-e1262,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-communication.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-communication.woff?4r2099\") format(\"woff\");unicode-range:U+1F5B7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-covid-19.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-covid-19.woff?4r2099\") format(\"woff\");unicode-range:U+e1265}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-facilities.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-facilities.woff?4r2099\") format(\"woff\");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-feature.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-feature.woff?4r2099\") format(\"woff\");unicode-range:U+1F6E4,U+2600,U+271A,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-food.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-food.woff?4r2099\") format(\"woff\");unicode-range:U+1F37D,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-it.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-it.woff?4r2099\") format(\"woff\");unicode-range:U+e1181}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-journey.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-journey.woff?4r2099\") format(\"woff\");unicode-range:U+2488-2489,U+291E,U+29BF,U+2B94,U+e1102-e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-maps.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-maps.woff?4r2099\") format(\"woff\");unicode-range:U+1F17F,U+1F5FA,U+1F78B,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-navigation.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+003C,U+003E,U+1030E,U+1F5D8,U+1F862,U+1F865,U+2190-2193,U+22EE-22EF,U+2303-2304,U+2A2F,U+2BBE,U+e1119-e1122}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-notification.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123-e1127}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-seat.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-seat.woff?4r2099\") format(\"woff\");unicode-range:U+1F6CF,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-ticket.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-ticket.woff?4r2099\") format(\"woff\");unicode-range:U+1F907,U+2714,U+e1131-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-transportation.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-outline-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-48-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-48-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-48-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23F8,U+25B7,U+e1296-e1297,U+25A1,U+23EE,U+23ED}@font-face{font-display:block;font-family:\"icons-48-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-48-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-48-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-64-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-64-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-64-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23F8,U+25B7,U+e1296-e1297,U+25A1,U+23EE,U+23ED}@font-face{font-display:block;font-family:\"icons-64-outline\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-64-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-64-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-16-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-16-filled-action.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-16-filled-action.woff?4r2099\") format(\"woff\");unicode-range:U+003F,U+1F6C8,U+e1220}@font-face{font-display:block;font-family:\"icons-16-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-16-filled-navigation.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-16-filled-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+2BBE}@font-face{font-display:block;font-family:\"icons-16-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-16-filled-notification.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-16-filled-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-action.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-action.woff?4r2099\") format(\"woff\");unicode-range:U+003F,U+1F5A8,U+1F5BC,U+1F6C8,U+1F6CD,U+1F6E0,U+2295,U+229D,U+2601,U+2606,U+2661,U+270F,U+e1066,U+e1070,U+e1079,U+e1154-e1155,U+e1164-e1166,U+e1214,U+e1220-e1233}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED,U+23EE,U+25A1,U+25B7,U+e1091,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-communication.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-communication.woff?4r2099\") format(\"woff\");unicode-range:U+2370,U+e1095,U+e1172-e1174,U+e1235-e1236}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-feature.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-feature.woff?4r2099\") format(\"woff\");unicode-range:U+1F6E4,U+2600,U+271A,U+e1177-e1179,U+e1289}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-food.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-food.woff?4r2099\") format(\"woff\");unicode-range:U+e1237}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-it.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-it.woff?4r2099\") format(\"woff\");unicode-range:U+e1181}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-journey.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-journey.woff?4r2099\") format(\"woff\");unicode-range:U+e1104,U+e1106,U+e1108,U+e1110,U+e1238}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-maps.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-maps.woff?4r2099\") format(\"woff\");unicode-range:U+1F17F,U+2302,U+e1115-e1116,U+e1157-e1158}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-navigation.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+1030E,U+2BBE}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-notification.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-ticket.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-ticket.woff?4r2099\") format(\"woff\");unicode-range:U+e1132,U+e1134,U+e1184}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-transportation.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-20-filled-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-filled-action.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-filled-action.woff?4r2099\") format(\"woff\");unicode-range:U+003F,U+1F6C8,U+2295,U+229D,U+2601,U+2606,U+2661,U+e1220,U+e1222,U+e1224-e1225,U+e1231}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+25A1,U+25B7,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-filled-journey.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-filled-journey.woff?4r2099\") format(\"woff\");unicode-range:U+e1104,U+e1106,U+e1108,U+e1110,U+e1238}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-filled-maps.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-filled-maps.woff?4r2099\") format(\"woff\");unicode-range:U+e1157-e1158}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-filled-navigation.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-filled-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+2BBE}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-filled-notification.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-filled-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-filled-transportation.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-24-filled-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-filled-action.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-filled-action.woff?4r2099\") format(\"woff\");unicode-range:U+003F,U+1F6C8,U+2295,U+229D,U+2601,U+2606,U+2661,U+e1220,U+e1222,U+e1224-e1225,U+e1231,U+e904}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+25A1,U+25B7,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-filled-maps.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-filled-maps.woff?4r2099\") format(\"woff\");unicode-range:U+e1157-e1158}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-filled-navigation.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-filled-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+2BBE}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-filled-notification.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-filled-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-filled-transportation.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-32-filled-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-48-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-48-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-48-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+25B7,U+e1296-e1297,U+25A1,U+23EE,U+23ED}@font-face{font-display:block;font-family:\"icons-64-filled\";font-style:normal;font-weight:normal;src:url(\"@db-ui/core/dist/icons/functional/fonts/icons-64-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"@db-ui/core/dist/icons/functional/fonts/icons-64-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+25B7,U+e1296-e1297,U+25A1,U+23EE,U+23ED}.cmp-dropdown.is-account summary::before,.cmp-overflow-menu summary::before,.cmp-dropdown summary::before,.cmp-link-list li .elm-link::before,.cmp-sidenavi .elm-link[rel=help]::before,.cmp-sidenavi .elm-link[rel=calendar]::before,.cmp-sidenavi .elm-link[rel=cloud]::before,.cmp-sidenavi .elm-link[rel=dashboard]::before,.cmp-sidenavi .elm-link[rel=documents]::before,.cmp-sidenavi .elm-link[rel=index]::before,.cmp-pagination .elm-link[rel=next]::before,.cmp-pagination .elm-link[rel=prev]::before,.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after,.cmp-dialog header :is(.elm-link,button).is-close::before,.cmp-sitesearch .elm-button::before,.cmp-sitesearch .elm-label::before,.cmp-mainnavigation li[aria-haspopup=true]::after,.cmp-mainnavigation>label[for]::after,.cmp-mainnavigation>label[for]::before,.cmp-accordion summary::after,.cmp-breadcrumb ol>li:not(:first-child)::before,.cmp-breadcrumb ol>li:first-child::before,.elm-checkbox::before,.elm-link[rel=account]::before,.elm-link[rel=messages]::before,.elm-link[rel=configuration]::before,[data-icon-after]::after,[data-icon]::before,[data-icon-before]::before{-webkit-alt:\"\";alt:\"\";display:inline-block;font-family:var(--icon-font-family) !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:normal;font-weight:var(--icon-font-weight, normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle}@media aural{.cmp-dropdown.is-account summary::before,.cmp-overflow-menu summary::before,.cmp-dropdown summary::before,.cmp-link-list li .elm-link::before,.cmp-sidenavi .elm-link[rel=help]::before,.cmp-sidenavi .elm-link[rel=calendar]::before,.cmp-sidenavi .elm-link[rel=cloud]::before,.cmp-sidenavi .elm-link[rel=dashboard]::before,.cmp-sidenavi .elm-link[rel=documents]::before,.cmp-sidenavi .elm-link[rel=index]::before,.cmp-pagination .elm-link[rel=next]::before,.cmp-pagination .elm-link[rel=prev]::before,.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after,.cmp-dialog header :is(.elm-link,button).is-close::before,.cmp-sitesearch .elm-button::before,.cmp-sitesearch .elm-label::before,.cmp-mainnavigation li[aria-haspopup=true]::after,.cmp-mainnavigation>label[for]::after,.cmp-mainnavigation>label[for]::before,.cmp-accordion summary::after,.cmp-breadcrumb ol>li:not(:first-child)::before,.cmp-breadcrumb ol>li:first-child::before,.elm-checkbox::before,.elm-link[rel=account]::before,.elm-link[rel=messages]::before,.elm-link[rel=configuration]::before,[data-icon-after]::after,[data-icon]::before,[data-icon-before]::before{content:none}}@media speech{.cmp-dropdown.is-account summary::before,.cmp-overflow-menu summary::before,.cmp-dropdown summary::before,.cmp-link-list li .elm-link::before,.cmp-sidenavi .elm-link[rel=help]::before,.cmp-sidenavi .elm-link[rel=calendar]::before,.cmp-sidenavi .elm-link[rel=cloud]::before,.cmp-sidenavi .elm-link[rel=dashboard]::before,.cmp-sidenavi .elm-link[rel=documents]::before,.cmp-sidenavi .elm-link[rel=index]::before,.cmp-pagination .elm-link[rel=next]::before,.cmp-pagination .elm-link[rel=prev]::before,.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after,.cmp-dialog header :is(.elm-link,button).is-close::before,.cmp-sitesearch .elm-button::before,.cmp-sitesearch .elm-label::before,.cmp-mainnavigation li[aria-haspopup=true]::after,.cmp-mainnavigation>label[for]::after,.cmp-mainnavigation>label[for]::before,.cmp-accordion summary::after,.cmp-breadcrumb ol>li:not(:first-child)::before,.cmp-breadcrumb ol>li:first-child::before,.elm-checkbox::before,.elm-link[rel=account]::before,.elm-link[rel=messages]::before,.elm-link[rel=configuration]::before,[data-icon-after]::after,[data-icon]::before,[data-icon-before]::before{content:none}}[data-icon]:not([data-icon-variant])::before,[data-icon-before]:not([data-icon-variant-before])::before,[data-icon-after]:not([data-icon-variant-after])::after{--icon-font-family: icons-24-outline, \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon]::before,[data-icon-before]::before{content:var(--icon-glyph-before);margin-inline-end:var(--icon-margin-after, 0.375rem);font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem))}[data-icon-after]::after{content:var(--icon-glyph-after);margin-inline-start:var(--icon-margin-before, 0.375rem);font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem))}.is-icon-text-replace[data-icon],.is-icon-text-replace[data-icon-before]{font-size:0}.is-icon-text-replace[data-icon]::before,.is-icon-text-replace[data-icon-before]::before{--icon-margin-after: 0}.is-icon-text-replace[data-icon-after]{font-size:0}.is-icon-text-replace[data-icon-after]::after{--icon-margin-before: 0}.elm-button{align-items:center;border:1px solid rgba(0,0,0,0);border-radius:4px;display:inline-flex;font-size:1rem;justify-content:center;min-height:2.75rem;padding:0.5rem 1rem}.elm-button[data-icon],.elm-button[data-icon-before]{padding-left:0.875rem}.elm-button[data-icon-after]{padding-right:0.875rem}.elm-button.is-icon-text-replace{width:2.75rem}.elm-button[data-variant=brand-primary],.elm-button[data-variant=primary]{color:#fff}.elm-button[data-variant=brand-primary],.elm-button[data-variant=primary]{font-weight:700}.elm-button[data-variant=brand-primary]{background-color:#ec0016}.elm-button[data-variant=brand-primary]:disabled{background-color:#ec001640}.elm-button[data-variant=brand-primary]:not(:disabled):hover{background-color:#db0016}.elm-button[data-variant=brand-primary]:not(:disabled):active{background-color:#cc0013}.elm-button[data-variant=primary]{background-color:#282d37}.elm-button[data-variant=primary]:disabled{background-color:#282d3740}.elm-button[data-variant=primary]:not(:disabled):hover{background-color:#2f3541}.elm-button[data-variant=primary]:not(:disabled):active{background-color:#363c4a}.elm-button[data-variant=secondary-outline]{backdrop-filter:blur(4px);background-color:rgba(0,0,0,0);border-color:#282d37;color:#282d37}.elm-button[data-variant=secondary-outline]:disabled{color:#282d3780;border-color:#282d3740}.elm-button[data-variant=secondary-outline]:not(:disabled):hover{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=secondary-outline]:not(:disabled):active{background-color:rgba(40,45,55,.06)}.elm-button[data-variant=secondary-solid]{background-color:#d7dce1;color:#282d37}.elm-button[data-variant=secondary-solid]:disabled{color:#282d3780;background-color:#d7dce140}.elm-button[data-variant=secondary-solid]:not(:disabled):hover{background-color:#cdd4da}.elm-button[data-variant=secondary-solid]:not(:disabled):active{background-color:#c5ccd3}.elm-button[data-variant=tertiary-plain]{background-color:rgba(0,0,0,0);border:2px solid rgba(0,0,0,0);color:#282d37}.elm-button[data-variant=tertiary-plain]:disabled{color:#282d3780}.elm-button[data-variant=tertiary-plain]:not(:disabled):hover{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=tertiary-plain]:not(:disabled):active{background-color:rgba(40,45,55,.06)}.elm-button[data-size=small]{min-height:2.25rem}.elm-button[data-size=small]:not(.is-icon-text-replace){font-size:0.875rem}.elm-button[data-icon][data-size=small]::before,.elm-button[data-icon-before][data-size=small]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-button[data-icon-after][data-size=small]::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-button.is-icon-text-replace[data-size=small]{width:2.25rem}.elm-button[data-size=large]{min-height:3.25rem}.elm-button[data-size=large]:not(.is-icon-text-replace){font-size:1.25rem}.elm-button.is-icon-text-replace[data-size=large]{width:3.25rem}.elm-button:disabled{color:#ffffff80}.elm-button[data-width=full]{inline-size:100%}.elm-headline{text-wrap:balance;margin-bottom:1rem;margin-top:1.5rem}.elm-headline[data-pulse]::after{background:var(--db-pulse-background, #ec0016);border-radius:calc(var(--db-logo-height, 40px)/7*.5);content:\"\";display:block;margin-bottom:var(--db-pulse-margin-bottom, 14px);margin-top:calc(var(--db-logo-height, 40px)*.5);width:var(--db-logo-width, 58px);height:calc(var(--db-logo-height, 40px)/7)}h1.elm-headline,h2.elm-headline,h3.elm-headline{font-family:\"DB Screen Head\",Helvetica,Arial,sans-serif;font-weight:900}h1.elm-headline{font-size:2.25rem;line-height:1.1111111111}@media screen and (max-width: 767px){h1.elm-headline{font-size:1.75rem;line-height:1.14}}h2.elm-headline{font-size:1.5rem;line-height:1.1666666667}@media screen and (max-width: 767px){h2.elm-headline{font-size:1.25rem;line-height:1.2}}h3.elm-headline{font-size:1.25rem;line-height:1.2}@media screen and (max-width: 767px){h3.elm-headline{font-size:1.125rem;line-height:1.33}}h4.elm-headline{font-size:1.125rem;font-weight:400;line-height:1.3333333333}@media screen and (max-width: 767px){h4.elm-headline{font-size:1rem;line-height:1.25}}.elm-link{border-radius:0.25rem;display:inline-block;text-underline-offset:0.1875rem;text-underline-position:under}@supports(text-underline-offset: 3px){.elm-link{text-underline-position:auto}}.elm-link:active{color:initial}.elm-link[aria-disabled=true]{opacity:.4;pointer-events:none}.elm-link[aria-disabled=true]::before{color:initial}.elm-link[data-size=small]:not(.is-icon-text-replace){font-size:0.875rem}.elm-link[rel][data-size=small]::before,.elm-link[data-icon][data-size=small]::before,.elm-link[data-icon-before][data-size=small]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-link[data-icon-after][data-size=small]::after::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-link[rel=configuration]{--icon-glyph-before: \"⚙\"}.elm-link[rel=configuration]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.elm-link[rel=configuration]::before{content:var(--icon-glyph-before)/\"\"}}.elm-link[rel=messages]{--icon-glyph-before: \"󡈶\"}.elm-link[rel=messages]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.elm-link[rel=messages]::before{content:var(--icon-glyph-before)/\"\"}}.elm-link[rel=account]{--icon-glyph-before: \"󡈡\"}.elm-link[rel=account]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.elm-link[rel=account]::before{content:var(--icon-glyph-before)/\"\"}}.elm-link[rel=configuration]::before,.elm-link[rel=messages]::before,.elm-link[rel=account]::before{display:inline-block}.elm-logo{width:var(--db-logo-width, 58px);height:var(--db-logo-height, 40px)}.elm-logo[data-size=xsmall]{--db-logo-width: 20px;--db-logo-height: 14px}body:has(.elm-logo[data-size=xsmall]) .elm-headline[data-pulse]{--db-logo-width: 20px;--db-logo-height: 14px}.elm-logo[data-size=xsmall]~.elm-headline[data-pulse]{--db-logo-width: 20px;--db-logo-height: 14px}.elm-logo[data-size=small]{--db-logo-width: 29px;--db-logo-height: 20px}body:has(.elm-logo[data-size=small]) .elm-headline[data-pulse]{--db-logo-width: 29px;--db-logo-height: 20px}.elm-logo[data-size=small]~.elm-headline[data-pulse]{--db-logo-width: 29px;--db-logo-height: 20px}.elm-logo[data-size=medium]{--db-logo-width: 34px;--db-logo-height: 24px}body:has(.elm-logo[data-size=medium]) .elm-headline[data-pulse]{--db-logo-width: 34px;--db-logo-height: 24px}.elm-logo[data-size=medium]~.elm-headline[data-pulse]{--db-logo-width: 34px;--db-logo-height: 24px}.elm-logo[data-size=large]{--db-logo-width: 40px;--db-logo-height: 28px}body:has(.elm-logo[data-size=large]) .elm-headline[data-pulse]{--db-logo-width: 40px;--db-logo-height: 28px}.elm-logo[data-size=large]~.elm-headline[data-pulse]{--db-logo-width: 40px;--db-logo-height: 28px}.elm-logo[data-size=xlarge]{--db-logo-width: 56px;--db-logo-height: 40px}body:has(.elm-logo[data-size=xlarge]) .elm-headline[data-pulse]{--db-logo-width: 56px;--db-logo-height: 40px}.elm-logo[data-size=xlarge]~.elm-headline[data-pulse]{--db-logo-width: 56px;--db-logo-height: 40px}.elm-select,.elm-textarea,.elm-input{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-textarea~.description,.elm-input~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-textarea[data-variant=semitransparent],:where(.elm-textarea),:not(.cmp-sitesearch)>.elm-input[type=search],.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]){--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-textarea[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-textarea:not([aria-invalid]):user-valid,.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-textarea:not([aria-invalid]):user-invalid,.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week]{--formElement---borderColor: #ec0016}.elm-textarea+output:has(+.description),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-textarea+output:not(:has(+.description)),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output+.description,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-radio:has(+label)::after,.elm-checkbox:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-checkbox{--db-form-element-dimensions: var( --db-checkbox-dimensions, 1.5rem );align-content:center;appearance:none;background-color:hsla(0,0%,100%,.1);border:0.0625rem solid #282d37;border-radius:4px;color:#282d37;display:inline-flex;height:var(--db-form-element-dimensions);justify-content:center;width:var(--db-form-element-dimensions)}.elm-checkbox{--icon-glyph-before: \" \"}.elm-checkbox::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.elm-checkbox::before{content:var(--icon-glyph-before)/\"\"}}.elm-checkbox[type=checkbox]{vertical-align:top}.elm-checkbox::before{--icon-font-size: 1.375rem;margin-right:0}.elm-checkbox:checked{background-color:#282d37}.elm-checkbox:checked::before{color:#fff;content:\"✓\"}.elm-checkbox:enabled:hover{background-color:rgba(40,45,55,.14)}.elm-checkbox:enabled:hover:checked{background-color:#52575f}.elm-checkbox:enabled:active{background-color:rgba(40,45,55,.14)}.elm-checkbox:indeterminate::before{content:\"−\"}.elm-checkbox:disabled,.elm-checkbox:disabled+label{opacity:.5}.elm-checkbox+label{padding-inline-start:.25rem}.elm-select,.elm-textarea,.elm-input{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-textarea~.description,.elm-input~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-textarea[data-variant=semitransparent],:where(.elm-textarea),:not(.cmp-sitesearch)>.elm-input[type=search],.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]){--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-textarea[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-textarea:not([aria-invalid]):user-valid,.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-textarea:not([aria-invalid]):user-invalid,.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week]{--formElement---borderColor: #ec0016}.elm-textarea+output:has(+.description),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-textarea+output:not(:has(+.description)),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output+.description,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-radio:has(+label)::after,.elm-checkbox:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-input{color:#282d37;font-size:1rem;height:2.75rem;line-height:1.5rem;max-width:100%;width:100%;padding-inline:1rem}.elm-input:not(:has(+label[data-label-hidden=true])){padding-block:.5rem}.elm-input[list]::-webkit-calendar-picker-indicator{margin-right:-1rem}.elm-input:not(:placeholder-shown){padding-bottom:0}.elm-input:not(:placeholder-shown):not(:has(+label[data-label-hidden=true])){padding-top:1rem}.elm-input:focus:not(:disabled),.elm-input:hover:not(:disabled){--formElement---borderColor: #878c96}.elm-input:disabled,.elm-input:disabled+.elm-label,fieldset:disabled .elm-input,fieldset:disabled .elm-input+.elm-label{opacity:.4}.elm-input[type=color]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=date]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=datetime-local]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=email]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=month]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=number]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=password]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=tel]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=text]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=time]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=url]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=week]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label{transition:opacity,transform 250ms}@media(prefers-reduced-motion: reduce){.elm-input[type=color]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=date]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=datetime-local]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=email]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=month]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=number]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=password]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=tel]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=text]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=time]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=url]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=week]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label{transition-duration:.01s !important}}.elm-input[type=color]+.elm-label,.elm-input[type=date]+.elm-label,.elm-input[type=datetime-local]+.elm-label,.elm-input[type=email]+.elm-label,.elm-input[type=month]+.elm-label,.elm-input[type=number]+.elm-label,.elm-input[type=password]+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label,.elm-input[type=tel]+.elm-label,.elm-input[type=text]+.elm-label,.elm-input[type=time]+.elm-label,.elm-input[type=url]+.elm-label,.elm-input[type=week]+.elm-label{color:#646973;display:block;font-size:0.75rem;margin-bottom:-1.125rem;transform:translate(1rem, -2.5625rem)}.elm-input[type=color]+.elm-label+output,.elm-input[type=color]+.elm-label~.description,.elm-input[type=date]+.elm-label+output,.elm-input[type=date]+.elm-label~.description,.elm-input[type=datetime-local]+.elm-label+output,.elm-input[type=datetime-local]+.elm-label~.description,.elm-input[type=email]+.elm-label+output,.elm-input[type=email]+.elm-label~.description,.elm-input[type=month]+.elm-label+output,.elm-input[type=month]+.elm-label~.description,.elm-input[type=number]+.elm-label+output,.elm-input[type=number]+.elm-label~.description,.elm-input[type=password]+.elm-label+output,.elm-input[type=password]+.elm-label~.description,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label+output,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label~.description,.elm-input[type=tel]+.elm-label+output,.elm-input[type=tel]+.elm-label~.description,.elm-input[type=text]+.elm-label+output,.elm-input[type=text]+.elm-label~.description,.elm-input[type=time]+.elm-label+output,.elm-input[type=time]+.elm-label~.description,.elm-input[type=url]+.elm-label+output,.elm-input[type=url]+.elm-label~.description,.elm-input[type=week]+.elm-label+output,.elm-input[type=week]+.elm-label~.description{margin-top:0}.elm-input[type=color][placeholder]:placeholder-shown+label,.elm-input[type=date][placeholder]:placeholder-shown+label,.elm-input[type=datetime-local][placeholder]:placeholder-shown+label,.elm-input[type=email][placeholder]:placeholder-shown+label,.elm-input[type=month][placeholder]:placeholder-shown+label,.elm-input[type=number][placeholder]:placeholder-shown+label,.elm-input[type=password][placeholder]:placeholder-shown+label,:where(:not(.cmp-sitesearch))>.elm-input[type=search][placeholder]:placeholder-shown+label,.elm-input[type=tel][placeholder]:placeholder-shown+label,.elm-input[type=text][placeholder]:placeholder-shown+label,.elm-input[type=time][placeholder]:placeholder-shown+label,.elm-input[type=url][placeholder]:placeholder-shown+label,.elm-input[type=week][placeholder]:placeholder-shown+label{opacity:0}.elm-input[type=color]::placeholder,.elm-input[type=date]::placeholder,.elm-input[type=datetime-local]::placeholder,.elm-input[type=email]::placeholder,.elm-input[type=month]::placeholder,.elm-input[type=number]::placeholder,.elm-input[type=password]::placeholder,:where(:not(.cmp-sitesearch))>.elm-input[type=search]::placeholder,.elm-input[type=tel]::placeholder,.elm-input[type=text]::placeholder,.elm-input[type=time]::placeholder,.elm-input[type=url]::placeholder,.elm-input[type=week]::placeholder{color:#646973}.elm-input[type=search]{background:var(--db-ic-search-24, url(@db-ui/core/dist/icons/functional/images/action/db_ic_search_24.svg)) no-repeat 0.375rem 0.75rem;background-size:1.1875rem;padding-left:2rem}:not(.cmp-sitesearch)>.elm-input[type=search]+.elm-label{margin-left:1rem}.elm-loadingindicator{display:block}.elm-loadingindicator{animation:loadingindicator-rotate 3s linear infinite;color:#ec0016}.elm-loadingindicator[data-size=xl]{--loadingindicator--stroke-width: 2.5384615385px;--loadingindicator--r: 19px;height:52px;width:52px}.elm-loadingindicator[data-size=l]{--loadingindicator--stroke-width: 3px;--loadingindicator--r: 19px;height:44px;width:44px}.elm-loadingindicator{--loadingindicator--stroke-width: 3.6666666667px;--loadingindicator--r: 19px;height:36px;width:36px}.elm-loadingindicator[data-size=s]{--loadingindicator--stroke-width: 3.1428571429px;--loadingindicator--r: 19px;height:28px;width:28px}.elm-loadingindicator[data-size=xs]{--loadingindicator--stroke-width: 4.4px;--loadingindicator--r: 19px;height:20px;width:20px}.elm-loadingindicator__circle{animation:loadingindicator-stroke 1.5s ease-in-out infinite;r:var(--loadingindicator--r);stroke:currentcolor;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;stroke-width:var(--loadingindicator--stroke-width)}@keyframes loadingindicator-rotate{100%{transform:rotate(360deg)}}@keyframes loadingindicator-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:96,200;stroke-dashoffset:-32}100%{stroke-dasharray:96,200;stroke-dashoffset:-124}}.elm-progress progress{--progress-value--backgroundColor: #ec0016}.elm-progress progress{appearance:none;background-color:#fcfdfd;border:none;height:0.25rem;vertical-align:middle}.elm-progress progress::-webkit-progress-bar{background-color:#fcfdfd}.elm-progress progress::-webkit-progress-value{background-color:var(--progress-value--backgroundColor)}.elm-progress progress::-moz-progress-bar{background-color:var(--progress-value--backgroundColor)}.elm-progress progress::-ms-fill{background-color:var(--progress-value--backgroundColor);border:none}.elm-progress progress:not([style^=\"--progress-conic:\"])::-webkit-progress-value{border-radius:12px}.elm-progress progress:not([style^=\"--progress-conic:\"])::-moz-progress-bar{border-radius:12px}.elm-progress progress:not([style^=\"--progress-conic:\"])::-ms-fill{border-radius:12px}.elm-progress progress:indeterminate{animation-duration:2.1s;animation-iteration-count:infinite;animation-name:elmProgressMoveIndeterminate;animation-timing-function:linear;animation-timing-function:cubic-bezier(0.65, 0.815, 0.735, 0.395);background-color:#fcfdfd;background-image:linear-gradient(to right, #ec0016 100%, #fcfdfd 100%);background-position:top left;background-repeat:no-repeat;background-size:150% 150%}@media(prefers-reduced-motion: reduce){.elm-progress progress:indeterminate{animation-duration:15s}}.elm-progress progress:indeterminate::-webkit-progress-bar{background-color:rgba(0,0,0,0)}.elm-progress progress:indeterminate::-moz-progress-bar{background-color:rgba(0,0,0,0)}@supports(background: conic-gradient(#000, #fff)){.elm-progress progress[style^=\"--progress-conic:\"]{--fill: calc(var(--progress-conic) * 1%);background:conic-gradient(var(--progress-value--backgroundColor) var(--fill), #fff 0);border:0;border-radius:50%;height:4.6875rem;width:4.6875rem}.elm-progress progress[style^=\"--progress-conic:\"]::-webkit-progress-inner-element,.elm-progress progress[style^=\"--progress-conic:\"]::-webkit-progress-bar,.elm-progress progress[style^=\"--progress-conic:\"]::-webkit-progress-value{display:none}.elm-progress progress[style^=\"--progress-conic:\"]::-moz-progress-bar{background:none}.elm-progress progress[style^=\"--progress-conic:\"]+output,.elm-progress progress[style^=\"--progress-conic:\"]+label{align-items:center;background:#fdfdfd;border-radius:50%;display:block;display:flex;height:3.4375rem;justify-content:center;position:absolute;transform:translate(0.625rem, -4.0625rem);width:3.4375rem}}@keyframes elmProgressMoveIndeterminate{0%{background-position:-35% 0;background-size:35% 100%}60%{background-position:101% 0;background-size:65% 100%}100%{background-position:101% 0;background-size:1% 100%}}.elm-select,.elm-textarea,.elm-input{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-textarea~.description,.elm-input~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-textarea[data-variant=semitransparent],:where(.elm-textarea),:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-textarea[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-textarea:not([aria-invalid]):user-valid,.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-textarea:not([aria-invalid]):user-invalid,.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week]{--formElement---borderColor: #ec0016}.elm-textarea+output:has(+.description),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-textarea+output:not(:has(+.description)),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output+.description,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-radio:has(+label)::after,.elm-checkbox:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-radio{--db-form-element-dimensions: var( --db-radio-dimensions, 1.25em );appearance:none;background-color:hsla(0,0%,100%,.1);border:0.0625rem solid #282d37;border-radius:1em;display:inline-block;font-size:1rem;height:var(--db-form-element-dimensions);transition:border-width .5s ease;width:var(--db-form-element-dimensions)}.elm-radio[type=radio]{vertical-align:sub}.elm-radio:enabled:hover:not(:checked){background-color:rgba(40,45,55,.14)}.elm-radio:enabled:active{background-color:rgba(40,45,55,.3)}.elm-radio:checked{border-width:0.375em}.elm-radio:is(:user-invalid),.elm-radio[aria-invalid=true]{border-color:#c13e34}.elm-radio+label{padding-inline-start:.25rem}.elm-radio:disabled,.elm-radio:disabled+label{opacity:.5}@media(prefers-reduced-motion: reduce){.elm-radio{transition-duration:.01s !important}}.elm-select,.elm-textarea,.elm-input{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-textarea~.description,.elm-input~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-textarea[data-variant=semitransparent],:where(.elm-textarea),:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-textarea[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-textarea:not([aria-invalid]):user-valid,.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-textarea:not([aria-invalid]):user-invalid,.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week]{--formElement---borderColor: #ec0016}.elm-textarea+output:has(+.description),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-textarea+output:not(:has(+.description)),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output+.description,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-checkbox:has(+label)::after,.elm-radio:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-textarea{display:block;font-size:1rem;height:2.75rem;line-height:1.5rem;max-width:100%;padding:0.375rem 0.625rem;resize:vertical;width:100%}.elm-textarea:not([rows]){max-height:37.5rem;min-height:7.5rem}.elm-textarea[rows]{height:initial}.elm-textarea:focus:not(:disabled),.elm-textarea:hover:not(:disabled){--formElement---borderColor: #878c96}.elm-textarea:disabled,.elm-textarea:disabled+.elm-label,fieldset:disabled .elm-textarea,fieldset:disabled .elm-textarea+.elm-label{opacity:.4}.elm-select,.elm-input,.elm-textarea{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-input~.description,.elm-textarea~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search],:where(.elm-textarea),.elm-textarea[data-variant=semitransparent]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white],.elm-textarea[data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid],.elm-textarea[data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline],.elm-textarea[data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid,.elm-textarea:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid,.elm-textarea:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week],[aria-invalid=true].elm-textarea{--formElement---borderColor: #ec0016}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description),.elm-textarea+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)),.elm-textarea+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description,.elm-textarea+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-checkbox:has(+label)::after,.elm-radio:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-select{appearance:none;font-size:1rem}.elm-select::-ms-expand{display:none}.elm-select:not([multiple]){background-image:var(--db-ic-expand-more-20, url(@db-ui/core/dist/icons/functional/images/navigation/db_ic_expand_more_20.svg));background-position:right 0.6875rem center;background-repeat:no-repeat;height:2.75rem;padding:1.25rem 2.625rem 0 1rem}.elm-select:not([multiple]):has(+label[data-label-hidden=true]){padding-top:0}.elm-select:not([multiple])+.elm-label{pointer-events:none;position:absolute;transition:opacity,transform 250ms}@media(prefers-reduced-motion: reduce){.elm-select:not([multiple])+.elm-label{transition-duration:.01s !important}}.elm-select:not([multiple]):has(option:checked:empty)+.elm-label{color:#646973;font-size:1rem;transform:translate(1rem, -2.1875rem)}.elm-select:not([multiple]):not([aria-invalid]):is(:user-valid),.elm-select:not([multiple])[data-variant]  :not([aria-invalid]):is(:user-valid){--formElement---borderColor: #2a7230}.elm-select:not([multiple]):not([aria-invalid]):is(:user-invalid),.elm-select:not([multiple])[data-variant]  :not([aria-invalid]):is(:user-invalid){--formElement---borderColor: #ec0016}.elm-select:disabled,.elm-select:disabled+.elm-label,fieldset:disabled .elm-select,fieldset:disabled .elm-select+.elm-label{opacity:.4}.elm-select+.elm-label{display:block;font-size:0.75rem;margin-bottom:-1.125rem;transform:translate(1rem, -2.5625rem);transition:opacity,transform 150ms}@media(prefers-reduced-motion: reduce){.elm-select+.elm-label{transition-duration:.01s !important}}.elm-select[multiple]{margin-top:1rem}.elm-select[multiple]+.elm-label{transform:translate(1rem, -6.25rem)}.elm-select optgroup{background-color:rgba(0,0,0,0);font-style:normal}.elm-select option:not(:disabled):hover{background-color:#d7dce1}.elm-select option:checked{background-color:#d7dce1}.elm-chip+label{--db-focus-outline-size: max(2px, 0.08em);align-items:center;border:solid 1px #878c96;border-radius:0.25rem;display:inline-flex;font-weight:500;font-size:0.875rem;height:1.75rem;justify-content:center;padding-left:0.4375rem;padding-right:0.4375rem;text-decoration:none;text-transform:capitalize;white-space:nowrap}.elm-chip+label[data-icon]::before,.elm-chip+label[data-icon-before]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-chip+label[data-icon-after]::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-chip:not(:disabled,:checked)+label:hover{background-color:rgba(40,45,55,.03)}.elm-chip:checked+label{background-color:#282d37;border-color:rgba(0,0,0,0);color:#fff}.elm-chip:checked+label[data-variant=light]{background-color:#d7dce1;color:#282d37;border:1px solid #878c96}.elm-chip:checked+label[data-variant=warning]{background-color:#f75f00}.elm-chip:checked+label[data-variant=error]{background-color:#ec0016}.elm-chip:checked+label[data-variant=informative]{background-color:#0087b9}.elm-chip:checked+label[data-variant=success]{background-color:#508b1b}.elm-chip:checked+label[data-variant=poi-essen-trinken]{background-color:#f39200;color:#282d37}.elm-chip:checked+label[data-variant=poi-einkaufen]{background-color:#814997}.elm-chip:checked+label[data-variant=poi-gesundheit]{background-color:#a9455d}.elm-chip:checked+label[data-variant=poi-kunst-kultur]{background-color:#e93e8f}.elm-chip:checked+label[data-variant=poi-wissenswertes]{background-color:#858379}.elm-chip:checked+label[data-variant=poi-freizeit]{background-color:#408335}.elm-chip:checked+label[data-variant=poi-zivile-rel-einrichtungen]{background-color:#00a099}.elm-chip:checked+label[data-variant=poi-dienstleistungen]{background-color:#309fd1;color:#282d37}.elm-chip:checked+label[data-variant=poi-db-services-einrichtung]{background-color:#0c3992}.elm-chip:checked+label[data-variant=poi-wegeleitung]{background-color:#3c414b}.elm-chip:disabled+label{opacity:.5}.elm-chip:focus-visible+label{outline:var(--db-focus-outline-size) var(--db-focus-outline-style, solid) var(--db-focus-outline-color, currentColor);outline-offset:var(--db-focus-outline-offset, var(--db-focus-outline-size))}.elm-tag{align-items:center;background-color:#282d37;border-radius:0.25rem;color:#fff;display:inline-flex;font-weight:500;font-size:0.75rem;height:1.5rem;justify-content:center;padding-left:0.25rem;padding-right:0.25rem;text-transform:capitalize;white-space:nowrap}.elm-tag[data-size=small]{height:1.25rem}.elm-tag[data-variant=light]{background-color:#d7dce1;color:#282d37;border:1px solid #878c96}.elm-tag[data-variant=warning]{background-color:#cc4e00}.elm-tag[data-variant=error]{background-color:#db0014}.elm-tag[data-variant=informative]{background-color:#006a96}.elm-tag[data-variant=success]{background-color:#467a18}.elm-tag[data-variant=track]{background-color:#0a1e6e;font-weight:700}.elm-tag[data-variant=poi-essen-trinken]{background-color:#f39200;color:#282d37}.elm-tag[data-variant=poi-einkaufen]{background-color:#814997}.elm-tag[data-variant=poi-gesundheit]{background-color:#a9455d}.elm-tag[data-variant=poi-kunst-kultur]{background-color:#e93e8f}.elm-tag[data-variant=poi-wissenswertes]{background-color:#858379}.elm-tag[data-variant=poi-freizeit]{background-color:#408335}.elm-tag[data-variant=poi-zivile-rel-einrichtungen]{background-color:#00a099}.elm-tag[data-variant=poi-dienstleistungen]{background-color:#309fd1;color:#282d37}.elm-tag[data-variant=poi-db-services-einrichtung]{background-color:#0c3992}.elm-tag[data-variant=poi-wegeleitung]{background-color:#3c414b}.elm-tag[data-icon]::before,.elm-tag[data-icon-before]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-tag[data-icon]::before,.elm-tag[data-icon-before]::before{--icon-margin-after: 0.125rem}.elm-tag[data-icon-after]::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-tag[data-icon-after]::after{--icon-margin-before: 0.125rem}.elm-toggle{appearance:none;background-color:#646973;border:none;border-radius:0.75rem;display:inline-block;height:1.5rem;position:relative;transition:background-color .3s ease;width:3rem}@media(prefers-reduced-motion: reduce){.elm-toggle{transition-duration:.01s !important}}.elm-toggle+.elm-label{vertical-align:top}.elm-toggle::before{background-color:#fff;border-radius:0.625rem;box-shadow:0 5px 30px 0 rgba(0,0,0,.05),0 1px 5px 0 rgba(0,0,0,.15);content:\"\";display:block;height:1.25rem;left:0.125rem;position:absolute;top:0.125rem;transition:border-color,left .3s cubic-bezier(0.3, 1.5, 0.7, 1);width:1.25rem}@media(prefers-reduced-motion: reduce){.elm-toggle::before{transition-duration:.01s !important}}.elm-toggle:hover::before{background-color:#f7f7f7}.elm-toggle:active::before{transition:width .3s cubic-bezier(0.3, 1.5, 0.7, 1);width:1.5rem}@media(prefers-reduced-motion: reduce){.elm-toggle:active::before{transition-duration:.01s !important}}.elm-toggle:checked{background-color:#131821}.elm-toggle:checked::before{left:unset;right:0.125rem}.elm-toggle:disabled,.elm-toggle:disabled+label{opacity:.5}.elm-youtube{height:19.6875rem;width:35rem}.cmp-breadcrumb{color:#646973;font-size:0.75rem}.cmp-breadcrumb a{color:inherit}.cmp-breadcrumb ol{display:flex}.cmp-breadcrumb ol>li{align-items:center;display:inline-flex;margin-right:0.1875rem}.cmp-breadcrumb ol>li [aria-current=location],.cmp-breadcrumb ol>li [aria-current=page]{color:#282d37}.cmp-breadcrumb ol>li .elm-link{border-radius:0.25rem;padding:0.0625rem 0.1875rem 0.0625rem 0.25rem;text-decoration:none}.cmp-breadcrumb ol>li .elm-link:hover{background-color:rgba(40,45,55,.03)}.cmp-breadcrumb ol>li .elm-link:active{background-color:rgba(40,45,55,.06)}.cmp-breadcrumb ol>li:first-child{--icon-glyph-before: \"⌂\"}.cmp-breadcrumb ol>li:first-child::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.25rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-breadcrumb ol>li:first-child::before{content:var(--icon-glyph-before)/\"\"}}.cmp-breadcrumb ol>li:first-child::before{--icon-margin-after: 0.1875rem}.cmp-breadcrumb ol>li:not(:first-child){--icon-glyph-before: \">\"}.cmp-breadcrumb ol>li:not(:first-child)::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.25rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-breadcrumb ol>li:not(:first-child)::before{content:var(--icon-glyph-before)/\"\"}}.cmp-breadcrumb ol>li:not(:first-child)::before{--icon-font-size: 0.875rem;--icon-margin-after: 0;color:#878c96;margin-left:-0.125rem}.cmp-cards{list-style:none;margin:0;padding:0}@supports(display: grid){.cmp-cards{display:grid;grid-gap:1.5rem;grid-template-columns:repeat(auto-fill, minmax(21.25rem, 1fr))}}.cmp-card{background-color:#fff;border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05)}.cmp-card>a{text-decoration:none}.cmp-card figure{margin:1rem 1rem 1rem .5rem}.cmp-card[data-variant=banner] figure{display:flex}.cmp-card[data-variant=banner] figcaption{margin-left:1rem}.cmp-card[data-variant=banner] figcaption h1,.cmp-card[data-variant=banner] figcaption h2,.cmp-card[data-variant=banner] figcaption h3,.cmp-card[data-variant=banner] figcaption h4,.cmp-card[data-variant=banner] figcaption h5,.cmp-card[data-variant=banner] figcaption h6{font-size:1.125rem}.cmp-card[data-variant=banner] figcaption h1,.cmp-card[data-variant=banner] figcaption h1~p,.cmp-card[data-variant=banner] figcaption h2,.cmp-card[data-variant=banner] figcaption h2~p,.cmp-card[data-variant=banner] figcaption h3,.cmp-card[data-variant=banner] figcaption h3~p,.cmp-card[data-variant=banner] figcaption h4,.cmp-card[data-variant=banner] figcaption h4~p,.cmp-card[data-variant=banner] figcaption h5,.cmp-card[data-variant=banner] figcaption h5~p,.cmp-card[data-variant=banner] figcaption h6,.cmp-card[data-variant=banner] figcaption h6~p{margin:.125rem 0}.cmp-card[data-variant=banner] figcaption p{font-size:0.875rem;max-width:18.125rem}.cmp-card[data-variant=tile]{text-align:center}.cmp-card figcaption{max-width:60ch}.cmp-accordion{--db-accordion---paddingLeft: 1rem;border-bottom:1px solid #d7dce1;padding-left:var(--db-accordion---paddingLeft);padding-right:1rem}.cmp-accordion summary{align-items:center;display:flex;justify-content:space-between;padding-block:.75rem;transform:translateX(calc(var(--db-accordion---paddingLeft) * -1));width:calc(100% + var(--db-accordion---paddingLeft) + 1rem)}.cmp-accordion summary{--icon-glyph-after: \"⌄\"}.cmp-accordion summary::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem));margin-inline-start:var(--icon-margin-before, 0.375rem);content:var(--icon-glyph-after)}@supports(content: \"\"/\"\"){.cmp-accordion summary::after{content:var(--icon-glyph-after)/\"\"}}.cmp-accordion summary::-webkit-details-marker{display:none}.cmp-accordion summary:first-of-type{list-style-type:none}.cmp-accordion summary::after{--icon-margin-before: 0.5rem;margin-right:0.875rem}.cmp-accordion summary+p{margin-top:0}.cmp-accordion[open]>summary::after{content:\"⌃\"}.cmp-accordion[data-emphasis=high]{--db-accordion---paddingLeft: 1.5rem}.cmp-accordion[data-emphasis=high] summary{font-weight:700;height:3.5rem}.cmp-accordion[data-emphasis=high] summary::after{--icon-font-size: 2rem}.cmp-accordion[data-size=small]{--db-accordion---paddingLeft: 0.25rem}.cmp-accordion[data-size=small] summary{font-size:0.875rem;padding-block:.59375rem}.cmp-accordion[data-size=small] summary::after{--icon-font-size: 1.25rem;--icon-margin-after: 0.375rem;margin-left:0.375rem}.cmp-accordion[data-size=large]{--db-accordion---paddingLeft: 1.5rem}.cmp-accordion[data-size=large] summary{font-size:1.25rem;padding-block:1rem}.cmp-accordion[data-size=large] summary::after{--icon-font-size: 2rem}.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch::before,.cmp-mainnavigation::before{position:absolute;content:\"\";width:1px;height:1.5rem;background-color:rgba(40,45,55,.2);inset-block-start:50%;transform:translateY(-50%)}.cmp-mainnavigation{top:0;padding-inline-start:1.5rem;position:relative}.cmp-mainnavigation::before{inset-inline-start:0}.rea-header .cmp-mainnavigation{order:1}@supports not selector(:has(db)){.cmp-mainnavigation{margin:auto}}.cmp-mainnavigation .elm-link{border-radius:initial;color:inherit;display:inline-block;text-decoration:none}.cmp-mainnavigation>input[type=checkbox][id]{appearance:none;position:absolute;block-size:1.5rem;aspect-ratio:1/1}@media screen and (width > 1023px){.cmp-mainnavigation>input[type=checkbox][id],.cmp-mainnavigation>input[type=checkbox][id]+label[for]{display:none}}.cmp-mainnavigation>label[for]{background-color:#fdfdfd;border-bottom:1px solid #f5f4f1;display:block;padding:0.5rem 1.375rem 0.625rem}.cmp-mainnavigation>label[for]{--icon-glyph-before: \"󡄢\"}.cmp-mainnavigation>label[for]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-mainnavigation>label[for]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-mainnavigation>label[for]{--icon-glyph-after: \"⨯\"}.cmp-mainnavigation>label[for]::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem));margin-inline-start:var(--icon-margin-before, 0.375rem);content:var(--icon-glyph-after)}@supports(content: \"\"/\"\"){.cmp-mainnavigation>label[for]::after{content:var(--icon-glyph-after)/\"\"}}.cmp-mainnavigation>label[for]::before{margin-right:1rem}.cmp-mainnavigation>label[for]::after{margin-right:1rem}@media screen and (max-width: 1023px){.cmp-mainnavigation{z-index:30}.cmp-mainnavigation>input[type=checkbox][id]+label[for]{padding:0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]{font-size:0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]::before{--icon-margin-after: 0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]::before,.cmp-mainnavigation>input[type=checkbox][id]+label[for]::after{margin:0}.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)+label[for]::after{content:none}.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)~ul{display:none}.cmp-mainnavigation>input[type=checkbox][id]:checked{inset-inline-end:1.5rem;inset-block-start:1rem;position:absolute;z-index:50}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]{background-color:#fff;block-size:3.5rem}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]::after{padding:.5rem;inset-inline-end:1rem;inset-block-start:.5rem;position:absolute;z-index:50}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]::before{content:\"\";position:fixed;inset:0;z-index:30;background-color:#282d37;opacity:.8}.cmp-mainnavigation:has(>input[type=checkbox][id]:not(:checked)){position:absolute;inset-inline-end:1.5rem;inset-block-start:50%;transform:translateY(-50%);padding-inline-start:1rem}.cmp-mainnavigation:has(>input[type=checkbox][id]:checked){position:fixed;inset:0;padding:0;margin-inline-start:1.5rem}.cmp-mainnavigation:has(>input[type=checkbox][id]:checked)::after{content:\"\";width:100%;block-size:3.5rem;background-color:#fff;inset:0;position:absolute;z-index:30;border-bottom:1px solid rgba(40,45,55,.2);border-top-left-radius:4px}}.cmp-mainnavigation ul{background-color:#fdfdfd}@media screen and (width > 1023px){.cmp-mainnavigation ul ul{box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);position:absolute;visibility:hidden;z-index:70}}@media screen and (max-width: 1023px){.cmp-mainnavigation ul ul{display:none}}@media screen and (max-width: 1023px){.cmp-mainnavigation>ul{background-color:#fff;position:absolute;inset-inline:0;inset-block-end:0;inset-block-start:3.5rem;z-index:50;padding:.75rem;margin-block-end:3.5rem;overflow:auto}}@media screen and (width > 1023px){.cmp-mainnavigation>ul{display:flex;gap:.75rem}}@media screen and (width > 1023px){.cmp-mainnavigation>ul>li>.elm-link,.cmp-mainnavigation>ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li>*>.elm-link{height:2.5rem;padding:.5rem .75rem;border-radius:4px}.cmp-mainnavigation>ul>li>.elm-link:hover,.cmp-mainnavigation>ul>li>.elm-link:focus,.cmp-mainnavigation>ul>li>*>.elm-link:hover,.cmp-mainnavigation>ul>li>*>.elm-link:focus,.cmp-mainnavigation>ul>*>li>.elm-link:hover,.cmp-mainnavigation>ul>*>li>.elm-link:focus,.cmp-mainnavigation>ul>*>li>*>.elm-link:hover,.cmp-mainnavigation>ul>*>li>*>.elm-link:focus{border-bottom-color:#d7dce1}.cmp-mainnavigation>ul>li>.elm-link[aria-current=page]::after,.cmp-mainnavigation>ul>li>*>.elm-link[aria-current=page]::after,.cmp-mainnavigation>ul>*>li>.elm-link[aria-current=page]::after,.cmp-mainnavigation>ul>*>li>*>.elm-link[aria-current=page]::after{height:4px;width:100%;content:\"\";background-color:#ec0016;border-radius:2px;position:absolute;inset-block-start:calc(100% + .25rem);inset-inline:0}}@media screen and (width > 1023px){.cmp-mainnavigation>ul>li ul,.cmp-mainnavigation>ul>*>li ul{inset-inline-start:0;min-width:100%;inset-block-start:calc(100% + .5rem)}.cmp-mainnavigation>ul>li ul::before,.cmp-mainnavigation>ul>*>li ul::before{content:\"\";height:.5rem;width:100%;position:absolute;inset-block-end:100%}.cmp-mainnavigation>ul>li ul ul,.cmp-mainnavigation>ul>*>li ul ul{inset-inline-start:100%;top:auto;inset-block-start:.25rem}.cmp-mainnavigation>ul>li ul .elm-link,.cmp-mainnavigation>ul>*>li ul .elm-link{align-items:center;display:flex;min-height:3.3125rem;padding-left:1.125rem;padding-right:1.125rem}}@media screen and (max-width: 1023px){.cmp-mainnavigation>ul>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li>*>.elm-link{padding-left:2.125rem}}@media screen and (max-width: 1023px){.cmp-mainnavigation>ul>li ul>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>*>li>*>.elm-link{padding-left:3.75rem}}.cmp-mainnavigation li{display:block;position:relative}.cmp-mainnavigation li[aria-haspopup=true]{--icon-glyph-after: \">\"}.cmp-mainnavigation li[aria-haspopup=true]::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem));margin-inline-start:var(--icon-margin-before, 0.375rem);content:var(--icon-glyph-after)}@supports(content: \"\"/\"\"){.cmp-mainnavigation li[aria-haspopup=true]::after{content:var(--icon-glyph-after)/\"\"}}.cmp-mainnavigation li[aria-haspopup=true]::after{position:absolute;right:1rem;top:0.5625rem}.cmp-mainnavigation li:is(:hover,:focus-within)>ul,.cmp-mainnavigation li:is(:hover,:focus-within)>*>ul{visibility:visible}@media screen and (max-width: 1023px){.cmp-mainnavigation li:is(:hover,:focus-within)>ul,.cmp-mainnavigation li:is(:hover,:focus-within)>*>ul{display:initial}}@media screen and (max-width: 1023px){.cmp-mainnavigation li:hover>a{font-weight:700}.cmp-mainnavigation li:hover[aria-haspopup=true]{--icon-glyph-after: \"⌄\"}.cmp-mainnavigation li .elm-link{color:inherit;padding-block:.5rem;padding-inline-start:.75rem;width:calc(100% - 4rem)}.cmp-mainnavigation li[aria-haspopup=true]{position:relative}}@media screen and (width > 1023px){.cmp-mainnavigation li[aria-haspopup=true]::after{content:none}.cmp-mainnavigation li .elm-link{background-color:rgba(40,45,55,0)}.cmp-mainnavigation li .elm-link:hover{background-color:rgba(40,45,55,.08);color:initial}.cmp-mainnavigation li .elm-link:active{background-color:rgba(40,45,55,.16)}.cmp-mainnavigation li .elm-link[aria-current=page]{font-weight:700}}.cmp-metanavigation{display:flex;list-style:none;margin-bottom:0;margin-top:0;padding-left:0;gap:.5rem}.cmp-metanavigation li{padding-left:0.5rem;padding-right:0.5rem}.rea-footer .cmp-metanavigation li{padding-left:0.375rem;padding-right:0.375rem}.cmp-metanavigation li .elm-link{text-decoration:none}.rea-header .cmp-metanavigation li .elm-link{font-size:0}.rea-header .cmp-metanavigation li .elm-link::before{--icon-margin-after: 0}.rea-footer .cmp-metanavigation{flex-wrap:wrap;justify-content:center}@media screen and (max-width: 767px){.rea-footer .cmp-metanavigation{margin-bottom:1rem}}@media screen and (min-width: 768px){.rea-footer .cmp-metanavigation{float:right}}.cmp-brand{font-weight:bold;display:flex;align-items:center;gap:1rem}.cmp-brand a,.cmp-brand img{height:1.5rem}.cmp-brand img{width:auto}.cmp-brand a{color:inherit;text-decoration:none}.elm-input,.elm-textarea,.elm-select{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-input~.description,.elm-textarea~.description,.elm-select~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search],:where(.elm-textarea),.elm-textarea[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-select[data-variant=semitransparent]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white],.elm-textarea[data-variant=white],.elm-select[data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid],.elm-textarea[data-variant=solid],.elm-select[data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline],.elm-textarea[data-variant=outline],.elm-select[data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid,.elm-textarea:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid,.elm-textarea:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week],[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-select:not([multiple]){--formElement---borderColor: #ec0016}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description),.elm-textarea+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)),.elm-textarea+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description,.elm-textarea+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-checkbox:has(+label)::after,.elm-radio:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.cmp-sitesearch{position:relative;display:flex;align-items:center;padding-inline-end:.75rem}@media screen and (max-width: 1023px){.cmp-sitesearch{margin-inline-start:auto;margin-inline-end:2.25rem}.cmp-sitesearch::before{display:none}}.cmp-sitesearch .elm-input[type=search]{background-image:none;opacity:0;width:0;padding:0}.cmp-sitesearch .elm-input[type=search]:focus,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown){opacity:1;width:calc(15rem + 1rem);padding-inline-start:1rem;padding-inline-end:3rem;padding-top:0}.cmp-sitesearch .elm-input[type=search]:focus+.elm-label,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown)+.elm-label{display:none}.cmp-sitesearch .elm-input[type=search]:focus~.elm-button,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown)~.elm-button{display:flex}.cmp-sitesearch .elm-label{padding:.5rem;border-radius:4px;display:inline-block}.cmp-sitesearch .elm-label{--icon-glyph-before: \"󡉔\"}.cmp-sitesearch .elm-label::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sitesearch .elm-label::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sitesearch .elm-label::before{vertical-align:top}.rea-meta .cmp-sitesearch .elm-label{font-size:0}.rea-meta .cmp-sitesearch .elm-label::before{--icon-margin-after: 0}.cmp-sitesearch .elm-button{display:none;position:absolute;padding:.5rem;inset-inline-end:.75rem;border:0}.cmp-sitesearch .elm-button{font-size:0}.cmp-sitesearch .elm-button::before{--icon-margin-after: 0}.cmp-sitesearch .elm-button{--icon-glyph-before: \"󡉔\"}.cmp-sitesearch .elm-button::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sitesearch .elm-button::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sitesearch .elm-label,.cmp-sitesearch .elm-button{background-color:rgba(40,45,55,0)}.cmp-sitesearch .elm-label:hover,.cmp-sitesearch .elm-button:hover{background-color:rgba(40,45,55,.08)}.cmp-sitesearch .elm-label:active,.cmp-sitesearch .elm-button:active{background-color:rgba(40,45,55,.16)}@media screen and (max-width: 31.25rem){.cmp-sitesearch:focus-within,.cmp-sitesearch:has(.elm-input[type=search]:not(:placeholder-shown)){left:1rem;position:absolute;z-index:10}.cmp-sitesearch:focus-within .elm-input[type=search],.cmp-sitesearch:has(.elm-input[type=search]:not(:placeholder-shown)) .elm-input[type=search]{width:calc(100vw - 5.5rem)}}.cmp-notification{background-color:#282d37;box-shadow:0 4px 10px 0 rgba(0,0,0,.1);margin-bottom:1rem;padding:1rem}section[data-variant=hovering] .cmp-notification{background-color:#fff}section[data-variant=alert] .cmp-notification{color:#fff}section[data-variant=hovering] .cmp-notification{border:2px solid rgba(0,0,0,0);border-radius:0.5rem;padding:0.875rem 1rem}.cmp-notification[data-type=success]{background-color:#508b1b}section[data-variant=hovering] .cmp-notification[data-type=success]{border-color:#508b1b}.cmp-notification[data-type=warning]{background-color:#f75f00}section[data-variant=hovering] .cmp-notification[data-type=warning]{border-color:#f75f00}.cmp-notification[data-type=error]{background-color:#ec0016}section[data-variant=hovering] .cmp-notification[data-type=error]{border-color:#ec0016}.cmp-notification[data-type=informative]{background-color:#0087b9}section[data-variant=hovering] .cmp-notification[data-type=informative]{border-color:#0087b9}.cmp-notification[data-icon],.cmp-notification[data-icon-before],.cmp-notification[data-icon-after]{align-items:center;display:flex}.cmp-notification[data-icon]::before,.cmp-notification[data-icon-before]::before{--icon-margin-after: 0.625rem}.cmp-notification[data-icon-after]{justify-content:space-between}.cmp-notification[data-icon-after]::after{--icon-margin-before: 0.625rem}.cmp-dialog{border:0;border-radius:8px;color:#282d37;font-size:0.875rem;margin-top:0;max-width:90vw;padding:1rem;position:fixed;top:50%;transform:translate(0, -50%)}@media screen and (min-width: 768px){.cmp-dialog{padding:1.5rem}}.cmp-dialog::backdrop{background-color:rgba(0,0,0,.9)}.cmp-dialog+.backdrop{background-color:rgba(0,0,0,.9)}.no-js .cmp-dialog:target{display:initial}.cmp-dialog header{color:#131821;transform:translateY(-0.5625rem)}.cmp-dialog header .elm-headline{font-size:1.125rem;font-weight:700;line-height:1.5rem;margin-bottom:0.375rem;margin-right:1.5rem;margin-top:0;text-align:center}@media screen and (min-width: 768px){.cmp-dialog header .elm-headline{font-size:1.5rem;line-height:1.75rem}}.cmp-dialog header :is(.elm-link,button).is-close{position:absolute;right:0;top:0;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.cmp-dialog header :is(.elm-link,button).is-close{--icon-glyph-before: \"⨯\"}.cmp-dialog header :is(.elm-link,button).is-close::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-dialog header :is(.elm-link,button).is-close::before{content:var(--icon-glyph-before)/\"\"}}.cmp-dialog header :is(.elm-link,button).is-close{font-size:0}.cmp-dialog header :is(.elm-link,button).is-close::before{--icon-margin-after: 0}.cmp-dialog main p:first-child{margin-top:0}.cmp-dialog footer{display:flex;margin-top:1.125rem}.cmp-dialog footer .elm-button+.elm-button{margin-left:1rem}.cmp-dialog footer[data-alignment=end]{justify-content:flex-end}.cmp-dialog footer:not([data-alignment=end]) .elm-button{flex-grow:1}.cmp-language-switcher{list-style:none;margin-right:1rem;position:relative}.cmp-language-switcher:hover li:not([aria-current],[aria-selected]),.cmp-language-switcher:focus li:not([aria-current],[aria-selected]){visibility:visible}.cmp-language-switcher:hover li[aria-current=page],.cmp-language-switcher:hover li[aria-selected=true],.cmp-language-switcher:focus li[aria-current=page],.cmp-language-switcher:focus li[aria-selected=true]{color:#ec0016}.cmp-language-switcher li{background-color:#fdfdfd;position:absolute;top:1.625rem}.rea-header .cmp-language-switcher li{top:calc(var(--db-language-switcher---direction, 1)*(100%*1 + 1rem - 2px));z-index:40}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*2 + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*3 + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*4 + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*5 + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*6 + 1rem - 2px))}@media screen and (width > 1023px){.rea-header .cmp-language-switcher li{top:100%}}.cmp-language-switcher li .elm-link,.cmp-language-switcher li .elm-button{color:inherit;text-decoration:none}.cmp-language-switcher li:not([aria-current],[aria-selected]){visibility:hidden}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button{padding-block:1rem;padding-right:2.125rem}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:hover,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:focus,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:hover,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:focus{background-color:#d7dce1}.cmp-language-switcher li[aria-current],.cmp-language-switcher li[aria-selected]{position:initial}.cmp-language-switcher li[aria-current] .elm-link,.cmp-language-switcher li[aria-current] .elm-button,.cmp-language-switcher li[aria-selected] .elm-link,.cmp-language-switcher li[aria-selected] .elm-button{--icon-glyph-after: \"⌄\"}.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem));margin-inline-start:var(--icon-margin-before, 0.375rem);content:var(--icon-glyph-after)}@supports(content: \"\"/\"\"){.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after{content:var(--icon-glyph-after)/\"\"}}.cmp-language-switcher li[aria-current] .elm-link:hover,.cmp-language-switcher li[aria-current] .elm-button:hover,.cmp-language-switcher li[aria-selected] .elm-link:hover,.cmp-language-switcher li[aria-selected] .elm-button:hover{color:#ec0016}.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after{float:right;margin-left:0.3125rem}.cmp-language-switcher li .elm-link,.cmp-language-switcher li .elm-button{display:inline-block;padding-left:1.125rem}.cmp-language-switcher li .elm-link:hover,.cmp-language-switcher li .elm-link:focus,.cmp-language-switcher li .elm-button:hover,.cmp-language-switcher li .elm-button:focus{color:initial}.cmp-language-switcher li .elm-button{line-height:1.5;padding-right:0;border-width:0;padding-top:0.5625rem}.cmp-pagination{color:#282d37;font-size:0.875rem;user-select:none}.cmp-pagination>ol{display:flex}.cmp-pagination li,.cmp-pagination .elm-link{align-items:center;display:inline-flex;justify-content:center}.cmp-pagination li{height:2.25rem;width:2.25rem}.cmp-pagination .elm-link{color:inherit;height:100%;text-decoration:none;width:100%}.cmp-pagination .elm-link[rel=prev],.cmp-pagination .elm-link[rel=next]{padding:0;vertical-align:bottom}.cmp-pagination .elm-link[rel=prev]::before{margin-left:0.6875rem}.cmp-pagination .elm-link[rel=next]::before{margin-right:0.6875rem}.cmp-pagination .elm-link[rel=prev]{--icon-glyph-before: \"<\"}.cmp-pagination .elm-link[rel=prev]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-pagination .elm-link[rel=prev]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-pagination .elm-link[rel=prev]{font-size:0}.cmp-pagination .elm-link[rel=prev]::before{--icon-margin-after: 0}.cmp-pagination .elm-link[rel=next]{--icon-glyph-before: \">\"}.cmp-pagination .elm-link[rel=next]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-pagination .elm-link[rel=next]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-pagination .elm-link[rel=next]{font-size:0}.cmp-pagination .elm-link[rel=next]::before{--icon-margin-after: 0}.cmp-pagination .elm-link[aria-current=page]{font-weight:700}.cmp-sidenavi{background-color:#3c414b;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);display:inline-block}.cmp-sidenavi .elm-link{border-radius:initial;color:#d7dce1;display:block;padding:1.25rem 1rem;text-decoration:none}.cmp-sidenavi .elm-link:hover,.cmp-sidenavi .elm-link:focus,.cmp-sidenavi .elm-link[aria-current=page]{color:#3c414b}.cmp-sidenavi .elm-link:hover,.cmp-sidenavi .elm-link:focus{background-color:#afb4bb}.cmp-sidenavi .elm-link[aria-current=page]{background-color:#d7dce1;font-weight:700}.cmp-sidenavi .elm-link[rel]{padding-left:1.3125rem}.cmp-sidenavi .elm-link[rel=index]{--icon-glyph-before: \"⌂\"}.cmp-sidenavi .elm-link[rel=index]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=index]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=documents]{--icon-glyph-before: \"🖹\"}.cmp-sidenavi .elm-link[rel=documents]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=documents]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=dashboard]{--icon-glyph-before: \"󡅤\"}.cmp-sidenavi .elm-link[rel=dashboard]::before{--icon-font-family: \"icons-32-enterprise-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=dashboard]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=cloud]{--icon-glyph-before: \"☁\"}.cmp-sidenavi .elm-link[rel=cloud]::before{--icon-font-family: \"icons-32-enterprise-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=cloud]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=calendar]{--icon-glyph-before: \"󡉇\"}.cmp-sidenavi .elm-link[rel=calendar]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=calendar]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=help]{--icon-glyph-before: \"?\"}.cmp-sidenavi .elm-link[rel=help]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=help]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-tab-bar{display:flex;flex-wrap:wrap;gap:.25rem}.cmp-tab-bar>input[type=radio]+label[role=tab],.cmp-tab-bar>*>input[type=radio]+label[role=tab]{cursor:pointer;display:flex;padding:.875rem 1rem;position:relative;z-index:1;border-radius:4px;align-items:center}.cmp-tab-bar>input[type=radio]+label[role=tab]::before,.cmp-tab-bar>*>input[type=radio]+label[role=tab]::before{margin-inline-start:-0.125rem}.cmp-tab-bar>input[type=radio]:focus+label,.cmp-tab-bar>*>input[type=radio]:focus+label{outline:1px dotted #878c96}.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:hover,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:focus,.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:hover,.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:focus{background-color:#282d371F}.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:active,.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:active{background-color:#282d373D}.cmp-tab-bar>input[type=radio]:disabled+label[role=tab],.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]{color:#878c96}.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:hover,.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:focus,.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:hover,.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:focus{background-color:unset}.cmp-tab-bar>input[type=radio]:checked+label[role=tab],.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]{font-weight:700}.cmp-tab-bar>input[type=radio]:checked+label[role=tab]+section[role=tabpanel],.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]+section[role=tabpanel]{display:initial}.cmp-tab-bar>input[type=radio]:checked+label[role=tab]::after,.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]::after{background-color:#ec0016;border-radius:5px;content:\"\";display:block;height:.25rem;inset-block-end:0;inset-inline:0;position:absolute}.cmp-tab-bar label[role=tab],.cmp-tab-bar section[role=tabpanel]{background-color:#fdfdfd}.cmp-tab-bar section[role=tabpanel]{display:none;flex-basis:100%;order:1;margin-block-start:.125rem}.cmp-tab-bar[data-size=small]>input[type=radio]+label[role=tab],.cmp-tab-bar[data-size=small]>*>input[type=radio]+label[role=tab]{padding-block:.625rem}.cmp-table{border-collapse:collapse;font-size:var(--table---fontSize, inherit);text-align:left}.cmp-table,.cmp-table>caption{box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05)}.cmp-table caption{font-weight:700;padding:1rem 0.75rem;text-align:left}.cmp-table thead{border-bottom:0.0625rem solid #282d37;border-top:0.0625rem solid #282d37}.cmp-table thead th{color:#646973}.cmp-table th{font-weight:400}.cmp-table th,.cmp-table td{padding:.75rem;text-align:inherit;vertical-align:inherit}.cmp-table th:hover,.cmp-table td:hover{resize:horizontal}.cmp-table th:hover:not(:has(.cmp-overflow-menu)),.cmp-table td:hover:not(:has(.cmp-overflow-menu)){overflow:auto}.cmp-table tbody{border-bottom:0.0625rem solid #282d37}.cmp-table tbody th:first-child{border-right:1px solid #4f4b41}.cmp-table thead[data-align=left],.cmp-table tbody[data-align=left],.cmp-table tr[data-align=left],.cmp-table th[data-align=left],.cmp-table td[data-align=left]{text-align:left}.cmp-table thead[data-align=center],.cmp-table tbody[data-align=center],.cmp-table tr[data-align=center],.cmp-table th[data-align=center],.cmp-table td[data-align=center]{text-align:center}.cmp-table thead[data-align=right],.cmp-table tbody[data-align=right],.cmp-table tr[data-align=right],.cmp-table th[data-align=right],.cmp-table td[data-align=right]{text-align:right}.cmp-table thead[data-vertical-align=top],.cmp-table tbody[data-vertical-align=top],.cmp-table tr[data-vertical-align=top],.cmp-table th[data-vertical-align=top],.cmp-table td[data-vertical-align=top]{vertical-align:top}.cmp-table thead[data-vertical-align=middle],.cmp-table tbody[data-vertical-align=middle],.cmp-table tr[data-vertical-align=middle],.cmp-table th[data-vertical-align=middle],.cmp-table td[data-vertical-align=middle]{vertical-align:middle}.cmp-table thead[data-vertical-align=bottom],.cmp-table tbody[data-vertical-align=bottom],.cmp-table tr[data-vertical-align=bottom],.cmp-table th[data-vertical-align=bottom],.cmp-table td[data-vertical-align=bottom]{vertical-align:bottom}.cmp-table[data-border=horizontal] tbody tr:not(:last-child) th,.cmp-table[data-border=horizontal] tbody tr:not(:last-child) td,.cmp-table[data-border=around] tbody tr:not(:last-child) th,.cmp-table[data-border=around] tbody tr:not(:last-child) td{border-bottom:1px solid #d7dce1}.cmp-table[data-border=around] tbody th:not(:first-child),.cmp-table[data-border=around] tbody td:not(:first-child){border-left:1px solid #d7dce1}.cmp-table[data-rows=zebra] tbody tr:nth-child(odd){backdrop-filter:blur(4px);background-color:rgba(40,45,55,.07)}.cmp-table[data-density=small] th,.cmp-table[data-density=small] td{padding:.5rem}.cmp-table[data-density=large] th,.cmp-table[data-density=large] td{padding:1rem}.cmp-table[data-sticky=header] thead,.cmp-table[data-sticky=header] tbody th{background-color:#fff;position:sticky;top:-1px}.cmp-link-list{list-style:none;padding-left:0}.cmp-link-list li .elm-link{font-weight:700;text-decoration:none}.cmp-link-list li .elm-link{--icon-glyph-before: \">\"}.cmp-link-list li .elm-link::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-link-list li .elm-link::before{content:var(--icon-glyph-before)/\"\"}}.cmp-link-list li .elm-link:hover,.cmp-link-list li .elm-link:active{text-decoration:underline}.cmp-link-list li .elm-link::before{color:#ec0016;display:inline-block;font-size:0.75rem;font-weight:700;margin-top:-0.125rem;vertical-align:middle}.cmp-overflow-menu,.cmp-dropdown{color:#2d333f;display:inline-block;position:relative}.cmp-overflow-menu:not(.is-account) summary,.cmp-dropdown:not(.is-account) summary{font-size:0}.cmp-overflow-menu:not(.is-account) summary::before,.cmp-dropdown:not(.is-account) summary::before{--icon-margin-after: 0}.cmp-overflow-menu summary,.cmp-dropdown summary{display:inline-flex;align-items:center;padding:.5rem .75rem;border-radius:4px;cursor:default;background-color:rgba(40,45,55,0)}.cmp-overflow-menu summary,.cmp-dropdown summary{--icon-glyph-before: \"⋮\"}.cmp-overflow-menu summary::before,.cmp-dropdown summary::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.25rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-overflow-menu summary::before,.cmp-dropdown summary::before{content:var(--icon-glyph-before)/\"\"}}.cmp-overflow-menu summary::before,.cmp-dropdown summary::before{transform:translateX(-0.125rem)}.cmp-overflow-menu summary:hover,.cmp-dropdown summary:hover{background-color:rgba(40,45,55,.08)}.cmp-overflow-menu summary:active,.cmp-dropdown summary:active{background-color:rgba(40,45,55,.16)}.cmp-overflow-menu summary::-webkit-details-marker,.cmp-dropdown summary::-webkit-details-marker{display:none}.cmp-overflow-menu summary:first-of-type,.cmp-dropdown summary:first-of-type{list-style-type:none}.cmp-overflow-menu menu,.cmp-dropdown menu,.cmp-overflow-menu ul,.cmp-dropdown ul{background-color:#fff;border-radius:8px;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));margin-block-start:1rem;padding-left:0;position:absolute;width:min-content;z-index:60}.cmp-overflow-menu menu::before,.cmp-dropdown menu::before,.cmp-overflow-menu ul::before,.cmp-dropdown ul::before{border-bottom:0.8125rem solid #fff;border-left:0.8125rem solid rgba(0,0,0,0);border-right:0.8125rem solid rgba(0,0,0,0);content:\"\";height:0;position:absolute;transform:translate(0.75rem, -0.8125rem);width:0}.cmp-overflow-menu menu li button,.cmp-dropdown menu li button,.cmp-overflow-menu menu li a,.cmp-dropdown menu li a,.cmp-overflow-menu ul li button,.cmp-dropdown ul li button,.cmp-overflow-menu ul li a,.cmp-dropdown ul li a{background-color:#fff;border-radius:unset;display:block;font-weight:400;padding:1rem 2rem 1rem 1rem;text-decoration:none}.cmp-overflow-menu menu li button:hover,.cmp-dropdown menu li button:hover,.cmp-overflow-menu menu li button:focus,.cmp-dropdown menu li button:focus,.cmp-overflow-menu menu li a:hover,.cmp-dropdown menu li a:hover,.cmp-overflow-menu menu li a:focus,.cmp-dropdown menu li a:focus,.cmp-overflow-menu ul li button:hover,.cmp-dropdown ul li button:hover,.cmp-overflow-menu ul li button:focus,.cmp-dropdown ul li button:focus,.cmp-overflow-menu ul li a:hover,.cmp-dropdown ul li a:hover,.cmp-overflow-menu ul li a:focus,.cmp-dropdown ul li a:focus{background-color:#d7dce1;color:inherit}.cmp-overflow-menu menu li:first-child button,.cmp-dropdown menu li:first-child button,.cmp-overflow-menu menu li:first-child a,.cmp-dropdown menu li:first-child a,.cmp-overflow-menu ul li:first-child button,.cmp-dropdown ul li:first-child button,.cmp-overflow-menu ul li:first-child a,.cmp-dropdown ul li:first-child a{border-top-left-radius:8px;border-top-right-radius:8px}.cmp-overflow-menu menu li:last-child button,.cmp-dropdown menu li:last-child button,.cmp-overflow-menu menu li:last-child a,.cmp-dropdown menu li:last-child a,.cmp-overflow-menu ul li:last-child button,.cmp-dropdown ul li:last-child button,.cmp-overflow-menu ul li:last-child a,.cmp-dropdown ul li:last-child a{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.cmp-overflow-menu[data-horizontal-position=opposite] menu,[data-horizontal-position=opposite].cmp-dropdown menu,.cmp-overflow-menu[data-horizontal-position=opposite] ul,[data-horizontal-position=opposite].cmp-dropdown ul{right:0}.cmp-overflow-menu[data-horizontal-position=opposite] menu::before,[data-horizontal-position=opposite].cmp-dropdown menu::before,.cmp-overflow-menu[data-horizontal-position=opposite] ul::before,[data-horizontal-position=opposite].cmp-dropdown ul::before{right:0;transform:translate(-0.75rem, -0.8125rem)}.cmp-overflow-menu menu,.cmp-dropdown menu{list-style-type:\"\"}.cmp-overflow-menu menu li,.cmp-dropdown menu li{overflow-x:hidden}.cmp-overflow-menu menu button,.cmp-dropdown menu button{line-height:inherit;text-align:left;width:100%}.cmp-overflow-menu[open] summary::after,[open].cmp-dropdown summary::after{content:\" \";display:inline-block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:50}.cmp-dropdown.is-account summary{--icon-glyph-before: \"󡈡\"}.cmp-dropdown.is-account summary::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-dropdown.is-account summary::before{content:var(--icon-glyph-before)/\"\"}}@media screen and (max-width: 41rem){.cmp-dropdown.is-account summary{font-size:0}.cmp-dropdown.is-account summary::before{--icon-margin-after: 0}}.cmp-dropdown menu,.cmp-dropdown ul{background-color:#fff;margin-block-start:initial;right:0;transform:translateY(0.875rem)}.cmp-dropdown menu::before,.cmp-dropdown ul::before{content:none}.cmp-dropdown[data-horizontal-position=opposite] menu,.cmp-dropdown[data-horizontal-position=opposite] ul{right:unset}body{display:grid;grid-template-rows:auto 1fr auto}body.has-fixed-header .rea-header,body.has-fixed-footer .rea-footer{position:fixed;width:100%;z-index:10}body.has-fixed-header{padding-top:5.9375rem}body.has-fixed-header .rea-header{top:0}@media screen and (max-width: 1023px){body.has-fixed-header{padding-top:5rem}}body.has-fixed-footer{padding-bottom:5.5rem}body.has-fixed-footer .rea-footer{bottom:0}@media screen and (max-width: 1023px){body.has-fixed-footer{padding-bottom:5.875rem}}.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch::before,.cmp-mainnavigation::before{position:absolute;content:\"\";width:1px;height:1.5rem;background-color:rgba(40,45,55,.2);inset-block-start:50%;transform:translateY(-50%)}.rea-header{background-color:#fdfdfd;box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 1px rgba(0,0,0,.05);align-items:center;margin-bottom:1rem;display:flex;gap:1.5rem;min-block-size:3.5rem;padding-inline:1.5rem}@media screen and (width > 1023px){.rea-header{padding-block:.875rem}}.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch::before{inset-inline-end:0}@media screen and (max-width: 1023px){.rea-header{border-bottom:0.0625rem solid #9c9a8e;position:relative}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta>.elm-link,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-metanavigation,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-language-switcher,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-dropdown{display:none}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta{--db-language-switcher---direction: -1;background-color:#fff;position:fixed;inset-inline-end:0;inset-inline-start:1.5rem;inset-block-start:unset;inset-block-end:0;block-size:3.5rem;z-index:50;border-top:1px solid rgba(40,45,55,.2);border-bottom-left-radius:4px;padding-inline:1rem}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta .cmp-sitesearch{display:none}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta .cmp-dropdown>menu{bottom:100%;transform:translateY(-0.875rem)}}.rea-meta{display:flex;align-items:center;margin-inline-start:auto;gap:.5rem}.rea-meta ul,.rea-meta ol{margin:0;padding:0}.rea-meta ul{list-style:none}.rea-header .rea-meta{order:2}.rea-header .rea-meta .elm-link{padding-bottom:0.5625rem;padding-top:0.5625rem}.rea-meta>.elm-link[rel=account]{margin-left:0.25rem}.rea-meta>.elm-link[rel=account]{font-size:0}.rea-meta>.elm-link[rel=account]::before{--icon-margin-after: 0}@media screen and (min-width: 27.25rem){.rea-meta>.elm-link[rel=account]{margin-left:0.5rem}}.rea-meta .cmp-sitesearch:focus-within~.elm-link[rel=account]{font-size:0}.rea-meta .cmp-sitesearch:focus-within~.elm-link[rel=account]::before{--icon-margin-after: 0}.rea-footer::after,.rea-main::after{clear:both;content:\" \";display:table}.rea-main{background-color:rgba(0,0,0,0);margin:0 auto;padding:1rem;position:relative}@media screen and (min-width: 1088px){.rea-main{max-width:960px;width:960px}}@media screen and (min-width: 1280px){.rea-main{max-width:1152px;width:1152px}}@media screen and (min-width: 1472px){.rea-main{max-width:1344px;width:1344px}}.rea-grid{flex-wrap:wrap;margin-left:-0.625rem;margin-right:-0.625rem;margin-top:-0.625rem}@media screen and (min-width: 769px),print{.rea-grid{display:flex}}.rea-grid>div,.rea-grid>area,.rea-grid>section,.rea-grid>li{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.625rem}@media screen and (max-width: 1199px){.rea-grid>div,.rea-grid>area,.rea-grid>section,.rea-grid>li{padding:0.375rem}}.rea-grid:last-child{margin-bottom:-0.625rem}.rea-grid:not(:last-child){margin-bottom:.875rem}@media screen and (max-width: 1199px){.rea-grid{margin-left:-0.375rem;margin-right:-0.375rem;margin-top:-0.375rem}.rea-grid:last-child{margin-bottom:-0.375rem}.rea-grid:not(:last-child){margin-bottom:calc(1.5rem - 0.375rem)}}.rea-grid [data-type=four-fifths]{flex:none;width:80%}.rea-grid [data-type=three-quarters]{flex:none;width:75%}.rea-grid [data-type=two-thirds]{flex:none;width:66.6666%}.rea-grid [data-type=three-fifths]{flex:none;width:60%}.rea-grid [data-type=half]{flex:none;width:50%}.rea-grid [data-type=two-fifths]{flex:none;width:40%}.rea-grid [data-type=one-third]{flex:none;width:33.3333%}.rea-grid [data-type=one-quarter]{flex:none;width:25%}.rea-grid [data-type=one-fifth]{flex:none;width:20%}.rea-footer{background-color:#fdfdfd;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);color:#646973;margin-top:1rem;padding:1.3125rem 1rem}.rea-footer.has-border{border-top:0.375rem solid #d7dce1}@media screen and (max-width: 767px){.rea-footer{text-align:center}}/*# sourceMappingURL=db-ui-core-rollup.css.map */\n","/* Document\n * ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n:where(html) {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n * ========================================================================== */\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Edge, Firefox, and Safari.\n */\n\n:where(h1) {\n  font-size: 2em;\n  margin-block-end: 0.67em;\n  margin-block-start: 0.67em;\n}\n\n/* Grouping content\n * ========================================================================== */\n\n/**\n * Remove the margin on nested lists in Chrome, Edge, and Safari.\n */\n\n:where(dl, ol, ul) :where(dl, ol, ul) {\n  margin-block-end: 0;\n  margin-block-start: 0;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Correct the inheritance of border color in Firefox.\n */\n\n:where(hr) {\n  box-sizing: content-box; /* 1 */\n  color: inherit; /* 2 */\n  height: 0; /* 1 */\n}\n\n/* Text-level semantics\n * ========================================================================== */\n\n/**\n * Add the correct text decoration in Safari.\n */\n\n:where(abbr[title]) {\n  text-decoration: underline;\n  text-decoration: underline dotted;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n:where(b, strong) {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\n:where(small) {\n  font-size: 80%;\n}\n\n/* Tabular data\n * ========================================================================== */\n\n/**\n * 1. Correct table border color in Chrome, Edge, and Safari.\n * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.\n */\n\n:where(table) {\n  border-color: currentColor; /* 1 */\n  text-indent: 0; /* 2 */\n}\n\n/* Forms\n * ========================================================================== */\n\n/**\n * Remove the margin on controls in Safari.\n */\n\n:where(button, input, select) {\n  margin: 0;\n}\n\n/**\n * Remove the inheritance of text transform in Firefox.\n */\n\n:where(button) {\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style buttons in iOS and Safari.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"reset\" i], [type=\"submit\" i])) {\n  -webkit-appearance: button;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Edge, and Firefox.\n */\n\n:where(progress) {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the inheritance of text transform in Firefox.\n */\n\n:where(select) {\n  text-transform: none;\n}\n\n/**\n * Remove the margin in Firefox and Safari.\n */\n\n:where(textarea) {\n  margin: 0;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome, Edge, and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n:where(input[type=\"search\" i]) {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Safari.\n */\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n  color: inherit;\n  opacity: 0.54;\n}\n\n/**\n * Remove the inner padding in Chrome, Edge, and Safari on macOS.\n */\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style upload buttons in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/**\n * Remove the inner border and padding of focus outlines in Firefox.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"color\" i], [type=\"reset\" i], [type=\"submit\" i]))::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus outline styles unset by the previous rule in Firefox.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"color\" i], [type=\"reset\" i], [type=\"submit\" i]))::-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Remove the additional :invalid styles in Firefox.\n */\n\n:where(:-moz-ui-invalid) {\n  box-shadow: none;\n}\n\n/* Interactive\n * ========================================================================== */\n\n/*\n * Add the correct styles in Safari.\n */\n\n:where(dialog) {\n  background-color: white;\n  border: solid;\n  color: black;\n  height: -moz-fit-content;\n  height: fit-content;\n  left: 0;\n  margin: auto;\n  padding: 1em;\n  position: absolute;\n  right: 0;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n:where(dialog:not([open])) {\n  display: none;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\n:where(summary) {\n  display: list-item;\n}\n","@use \"sass:color\";\n// *! this is an opionionated (especially based on \"enhancing\" normalize.css) version of minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css\nhtml,\nbody {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody {\n\tmin-height: 100vh;\n\tfont-size: 1rem;\n}\n\n// adapted from https://github.com/jgthms/bulma/blob/0.7.5/sass/base/generic.sass\nhtml {\n\tbackground-color: #fdfdfd; // TODO: This would need to get replaced by the correct (semantic) color\n\t// font-size: 16px; // We need to deactivate this due to accessibility problems, as even also reported with https://github.com/jgthms/bulma/issues/3588\n\t-moz-osx-font-smoothing: grayscale;\n\t-webkit-font-smoothing: antialiased;\n\tmin-width: 300px;\n\toverflow-x: hidden;\n\toverflow-y: scroll;\n\ttext-rendering: optimizeLegibility;\n\ttext-size-adjust: 100%;\n\ttext-size-adjust: 100%;\n}\n\nbody,\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n\tfont-family: $db-font-family-base;\n}\n\ncode,\npre {\n\t-moz-osx-font-smoothing: auto;\n\t-webkit-font-smoothing: auto;\n}\n\nbody {\n\tcolor: $db-color-cool-gray-700;\n\tfont-size: 1rem;\n\tfont-weight: 400;\n\tline-height: 1.5;\n}\n\n// Inline\na {\n\tcolor: $db-color-cool-gray-700;\n\n\tstrong {\n\t\tcolor: currentColor;\n\t}\n\n\t&:hover {\n\t\tcolor: #5d616a; // TODO: Identify correct color variable\n\t}\n}\n\ncode {\n\tbackground-color: #f5f5f5;\n\tcolor: color.adjust($db-color-red, $lightness: -2%);\n\tfont-size: 0.875em;\n\tfont-weight: normal;\n\tpadding: 0.25em 0.5em;\n}\n\nhr {\n\tbackground-color: #f5f5f5;\n\tborder: none;\n\tdisplay: block;\n\theight: 2px;\n\tmargin: 1.5rem 0;\n}\n\nimg {\n\theight: auto;\n\tmax-width: 100%;\n}\n\nsmall {\n\tfont-size: to-em($pxValue: 14);\n}\n\n// Block\nfieldset {\n\tborder: none;\n}\n\npre {\n\tbackground-color: #f5f5f5;\n\tcolor: #282d37;\n\tfont-size: 0.875em;\n\t-webkit-overflow-scrolling: touch;\n\toverflow-x: auto;\n\tpadding: 1.25rem 1.5rem;\n\twhite-space: pre;\n\tword-wrap: normal;\n\n\tcode {\n\t\tbackground-color: transparent;\n\t\tcolor: currentColor;\n\t\tfont-size: 1em;\n\t\tpadding: 0;\n\t}\n}\n","\n// Do not edit directly\n// Generated on Thu, 21 Nov 2024 12:10:30 GMT\n\n$db-asset-font-db-screensans-regular-name: \"DB Screen Sans Regular\";\n$db-asset-font-db-screensans-regular-fontfamily: \"DB Screen Sans\";\n$db-asset-font-db-screensans-regular-fontweight: \"400\";\n$db-asset-font-db-screensans-regular-woff: \"assets/fonts/dbscreensans-regular.woff\";\n$db-asset-font-db-screensans-regular-woff2: \"assets/fonts/dbscreensans-regular.woff2\";\n$db-asset-font-db-screensans-bold-name: \"DB Screen Sans Bold\";\n$db-asset-font-db-screensans-bold-fontfamily: \"DB Screen Sans\";\n$db-asset-font-db-screensans-bold-fontweight: \"700\";\n$db-asset-font-db-screensans-bold-woff: \"assets/fonts/dbscreensans-bold.woff\";\n$db-asset-font-db-screensans-bold-woff2: \"assets/fonts/dbscreensans-bold.woff2\";\n$db-asset-font-db-screenhead-name: \"DB Screen Head\";\n$db-asset-font-db-screenhead-fontfamily: \"DB Screen Head\";\n$db-asset-font-db-screenhead-fontweight: \"300\";\n$db-asset-font-db-screenhead-woff: \"assets/fonts/dbscreenhead-light.woff\";\n$db-asset-font-db-screenhead-woff2: \"assets/fonts/dbscreenhead-light.woff2\";\n$db-asset-font-db-screensansdigital-name: \"DB Screen Sans Digital Regular\";\n$db-asset-font-db-screensansdigital-fontfamily: \"DB Screen Sans Digital\";\n$db-asset-font-db-screensansdigital-fontweight: \"400\";\n$db-asset-font-db-screensansdigital-woff: \"assets/fonts/dbscreensans-digitalregular.woff\";\n$db-asset-font-db-screensansdigital-woff2: \"assets/fonts/dbscreensans-digitalregular.woff2\";\n$db-color-success: #508b1b; // This is the general success color\n$db-color-success-small-font: #467a18; // in case a font-size smaller than 14dp is in use\n$db-color-error: #ec0016; // This is the general error color\n$db-color-error-small-font: #db0014; // in case a font-size smaller than 14dp is in use\n$db-color-warning: #f75f00; // This is the general warning color\n$db-color-warning-small-font: #cc4e00; // in case a font-size smaller than 14dp is in use\n$db-color-informative: #0087b9; // This is the general informative color\n$db-color-informative-small-font: #006a96; // in case a font-size smaller than 14dp is in use\n$db-color-food-drink: #f39200;\n$db-color-health: #a9455d;\n$db-color-things-to-know: #858379;\n$db-color-community-facilities: #00a099;\n$db-color-db-services-facilities: #0c3992;\n$db-color-shopping: #814997;\n$db-color-arts-culture: #e93e8f;\n$db-color-leisure: #408335;\n$db-color-services: #309fd1;\n$db-color-guidance: #3c414b;\n$db-color-red-100: #fee6e6;\n$db-color-red-200: #fcc8c3;\n$db-color-red-300: #fa9090;\n$db-color-red-400: #f75056;\n$db-color-red-500: #ec0016;\n$db-color-red-600: #c50014;\n$db-color-red-700: #9b000e;\n$db-color-red-800: #740009;\n$db-color-red: #ec0016; // This is the primary DB Red\n$db-color-white: #ffffff; // This is the primary DB White\n$db-color-black: #000000; // This is the primary DB Black\n$db-color-ice: #282d37;\n$db-color-ic: #646973;\n$db-color-ec: #646973;\n$db-color-re: #878c96;\n$db-color-rb: #878c96;\n$db-color-s-bahn: #408335;\n$db-color-u-bahn: #1455c0;\n$db-color-tram: #a9455d;\n$db-color-intercity-bus: #e93e8f;\n$db-color-bus: #814997;\n$db-color-ship: #309fd1;\n$db-color-airplane: #00a099;\n$db-color-taxi: #ffd800;\n$db-color-carsharing: #f39200;\n$db-color-walk: #282d37;\n$db-color-bikesharing: #c50014;\n$db-color-yellow-100: #ffffdc;\n$db-color-yellow-200: #ffffaf;\n$db-color-yellow-300: #fff876;\n$db-color-yellow-400: #fff000;\n$db-color-yellow-500: #ffd800;\n$db-color-yellow-600: #ffbb00;\n$db-color-yellow-700: #ff9b00;\n$db-color-yellow-800: #ff7a00;\n$db-color-yellow-900: #f75f00;\n$db-color-orange-100: #fff4d8;\n$db-color-orange-200: #fce3b4;\n$db-color-orange-300: #faca7f;\n$db-color-orange-400: #f8ab37;\n$db-color-orange-500: #f39200;\n$db-color-orange-600: #d77b00;\n$db-color-orange-700: #c05e00;\n$db-color-orange-800: #a24800;\n$db-color-burgundy-100: #f4e8ed;\n$db-color-burgundy-200: #edcbd6;\n$db-color-burgundy-300: #da9aa8;\n$db-color-burgundy-400: #c0687b;\n$db-color-burgundy-500: #a9455d;\n$db-color-burgundy-600: #8c2e46;\n$db-color-burgundy-700: #641e32;\n$db-color-burgundy-800: #4d0820;\n$db-color-pink-100: #fdeef8;\n$db-color-pink-200: #f9d2e5;\n$db-color-pink-300: #f4aece;\n$db-color-pink-400: #ee7bae;\n$db-color-pink-500: #e93e8f;\n$db-color-pink-600: #db0078;\n$db-color-pink-700: #b80065;\n$db-color-pink-800: #970052;\n$db-color-violett-100: #f4eefa;\n$db-color-violett-200: #e0cde4;\n$db-color-violett-300: #c2a1c7;\n$db-color-violett-400: #9a6ca6;\n$db-color-violett-500: #814997;\n$db-color-violett-600: #6e368c;\n$db-color-violett-700: #581d70;\n$db-color-violett-800: #421857;\n$db-color-blue-100: #e0effb;\n$db-color-blue-200: #b4d5f6;\n$db-color-blue-300: #73aef4;\n$db-color-blue-400: #347de0;\n$db-color-blue-500: #1455c0;\n$db-color-blue-600: #0c3992;\n$db-color-blue-700: #0a1e6e;\n$db-color-blue-800: #061350;\n$db-color-cyan-100: #e5faff;\n$db-color-cyan-200: #bbe6f8;\n$db-color-cyan-300: #84cfef;\n$db-color-cyan-400: #55b9e6;\n$db-color-cyan-500: #309fd1;\n$db-color-cyan-600: #0087b9;\n$db-color-cyan-700: #006a96;\n$db-color-cyan-800: #004b6d;\n$db-color-turquoise-100: #e3f5f4;\n$db-color-turquoise-200: #bee2e5;\n$db-color-turquoise-300: #83caca;\n$db-color-turquoise-400: #3cb5ae;\n$db-color-turquoise-500: #00a099;\n$db-color-turquoise-600: #008984;\n$db-color-turquoise-700: #006e6b;\n$db-color-turquoise-800: #005752;\n$db-color-green-100: #e2f3e5;\n$db-color-green-200: #bddbb9;\n$db-color-green-300: #8cbc80;\n$db-color-green-400: #66a558;\n$db-color-green-500: #408335;\n$db-color-green-600: #2a7230;\n$db-color-green-700: #165c27;\n$db-color-green-800: #154a26;\n$db-color-light-green-100: #ebf7dd;\n$db-color-light-green-200: #c9eb9e;\n$db-color-light-green-300: #9fd45f;\n$db-color-light-green-400: #78be14;\n$db-color-light-green-500: #63a615;\n$db-color-light-green-600: #508b1b;\n$db-color-light-green-700: #44741a;\n$db-color-light-green-800: #375f15;\n$db-color-warm-gray-100: #f5f4f1;\n$db-color-warm-gray-200: #ddded6;\n$db-color-warm-gray-300: #bcbbb2;\n$db-color-warm-gray-400: #9c9a8e;\n$db-color-warm-gray-500: #858379;\n$db-color-warm-gray-600: #747067;\n$db-color-warm-gray-700: #4f4b41;\n$db-color-warm-gray-800: #38342f;\n$db-color-cool-gray-100: #f0f3f5;\n$db-color-cool-gray-200: #d7dce1;\n$db-color-cool-gray-300: #afb4bb;\n$db-color-cool-gray-400: #878c96;\n$db-color-cool-gray-500: #646973;\n$db-color-cool-gray-600: #3c414b;\n$db-color-cool-gray-700: #282d37;\n$db-color-cool-gray-800: #131821;\n$db-spacing-xs: 0.25rem !default;\n$db-spacing-s: 0.5rem !default;\n$db-spacing-sm: 0.75rem !default;\n$db-spacing-m: 1rem !default;\n$db-spacing-l: 1.25rem !default;\n$db-transition-duration-fast: 0.3s; // Consider this as beta for the moment\n$db-transition-emotional-timing: cubic-bezier(0.27, 0.05, 0.4, 0.95); // Consider this as beta for the moment\n$db-transition-emotional-straight: 0.3s cubic-bezier(0.27, 0.05, 0.4, 0.95); // Consider this as beta for the moment\n$db-transition-functional-timing: cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-transition-functional-straight: 0.3s cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-transition-color: 0.3s cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-font-family-base: 'DB Screen Sans', Helvetica, Arial, sans-serif;\n$db-font-family-headline: 'DB Screen Head', Helvetica, Arial, sans-serif;\n","// Box sizing\nhtml {\n\tbox-sizing: var(--db-box-sizing, border-box);\n}\n\n*,\n::before,\n::after {\n\tbox-sizing: inherit;\n}\n\n// Media\nimg,\nembed,\niframe,\nobject,\nvideo {\n\theight: auto;\n\tmax-width: 100%;\n}\n\n// Iframe\niframe {\n\tborder: 0;\n}\n\n// * Individual styles\n// Navigation lists\nnav,\n[role=\"navigation\"] {\n\tol,\n\tul {\n\t\tlist-style: none;\n\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n}\n\n// General styles (TODO: most likely move those to DB UI Base)\n:root {\n\t--db-focus-outline-offset: 1px;\n\t--db-focus-outline-color: #2c95c4;\n}\n\n// Focus styles\n:is(a, button, input, textarea, summary) {\n\t--db-focus-outline-size: max(2px, 0.08em);\n\n\t&:focus-visible {\n\t\toutline: var(--db-focus-outline-size)\n\t\t\tvar(--db-focus-outline-style, solid)\n\t\t\tvar(--db-focus-outline-color, currentColor);\n\t\toutline-offset: var(\n\t\t\t--db-focus-outline-offset,\n\t\t\tvar(--db-focus-outline-size)\n\t\t);\n\t}\n}\n\n// List style / https://marketingportal.extranet.deutschebahn.com/de/brandguide/typografie-1#8e0be060-c2f5-42a1-abbc-6b050845d73c~paragraph--image_link\n:where(ul) {\n\tlist-style-type: \"\\2022\"+ \"   \";\n\n\tli::marker {\n\t\tcolor: $db-color-red-500;\n\t}\n}\n\n// details/summary box-sizing / https://kittygiraudel.com/2021/08/23/shadow-roots-and-inheritance/\ndetails {\n\t& > *,\n\t& > ::before,\n\t& > ::after {\n\t\tbox-sizing: var(--db-box-sizing, border-box);\n\t}\n}\n","%a11y-visually-hidden {\n\tclip: rect(0, 0, 0, 0);\n\theight: 1px;\n\toverflow: hidden;\n\tposition: absolute !important;\n\twhite-space: nowrap;\n\twidth: 1px;\n}\n","%clearfix::after {\n\tclear: both;\n\tcontent: \" \";\n\tdisplay: table;\n}\n","@use \"sass:map\";\n@import \"../../../css/db-ui-core.variables\";\n@import \"fonts.variables\";\n\n@each $font-name, $font-meta in $font-families {\n\t$font-family: map.get($font-meta, \"font-family\");\n\t$font-filename: map.get($font-meta, \"font-filename\");\n\t$font-weight: map.get($font-meta, \"font-weight\");\n\t$font-style: map.get($font-meta, \"font-style\");\n\t$font-local-name: map.get($font-meta, \"font-local-name\");\n\t$font-local-name-short: map.get($font-meta, \"font-local-name-short\");\n\n\t@font-face {\n\t\tfont-family: $font-family;\n\t\tfont-style: $font-style;\n\t\tfont-weight: $font-weight;\n\t\t@if $font-local-name and $font-local-name-short {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name-short}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t} @else if $font-local-name {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t} @else if $font-local-name-short {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name-short}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t} @else {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t}\n\t}\n}\n","// @import \"icons.variables\";\n\n// *** Attribute based method ***\n@each $icon-name, $icon-glyph in $icon-glyphs {\n\t[data-icon=\"#{$icon-name}\"],\n\t[data-icon-before=\"#{$icon-name}\"] {\n\t\t--icon-glyph-before: \"#{$icon-glyph}\";\n\t}\n\t[data-icon-after=\"#{$icon-name}\"] {\n\t\t--icon-glyph-after: \"#{$icon-glyph}\";\n\t}\n}\n","@use \"sass:map\";\n// Icon SCSS mixin\n@mixin icon(\n\t$glyph: \"\",\n\t$size: $icon-size,\n\t$style: $icon-style,\n\t$position: \"before\",\n\t$partial: false\n) {\n\t// We're setting this on the parent tag, so that it could get overwritten via data-icon=*\n\t@if $glyph != \"\" {\n\t\t& {\n\t\t\t--icon-glyph-#{$position}: \"#{$glyph}\";\n\t\t}\n\t}\n\n\t&::#{$position} {\n\t\t--icon-font-family: \"#{\"icons-\" + $size + \"-\" + $style}\",\n\t\t\t\"missing-icons\" !important;\n\n\t\tfont-size: var(\n\t\t\t--icon-font-size-#{$position},\n\t\t\tvar(--icon-font-size, #{to-rem($pxValue: $size)})\n\t\t);\n\n\t\t@if $position == \"before\" {\n\t\t\tmargin-inline-end: var(--icon-margin-after, #{$icon-content-space});\n\t\t}\n\t\t@if $position == \"after\" {\n\t\t\tmargin-inline-start: var(\n\t\t\t\t--icon-margin-before,\n\t\t\t\t#{$icon-content-space}\n\t\t\t);\n\t\t}\n\n\t\tcontent: var(--icon-glyph-#{$position});\n\t\t@supports (content: \"\"/\"\") {\n\t\t\t// Hiding icon from screenreaders\n\t\t\t// We couldn't just add the following code line and expect an forgiving behaviour of unsupporting browser to ignore this declaration, but need to wrap it into an @supports due to a bug in WebKit / older versions of  Safari: https://github.com/db-ui/core/pull/766\n\t\t\tcontent: var(--icon-glyph-#{$position}) / \"\"; // https://www.w3.org/TR/css-content-3/#alt\n\t\t}\n\n\t\t@if $partial {\n\t\t\t& {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\t/*** icon - partial ***/\n\t\t\t\t// * use !important to prevent issues with browser extensions that change fonts\n\t\t\t\tfont-family: var(--icon-font-family) !important;\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-variant: normal;\n\n\t\t\t\tfont-weight: normal; // CSS variables fallback\n\t\t\t\tfont-weight: var(--icon-font-weight, normal);\n\t\t\t\tline-height: 1;\n\t\t\t\ttext-transform: none;\n\t\t\t\tvertical-align: middle;\n\n\t\t\t\t/* stylelint-disable */\n\t\t\t\t// * Better Font Rendering ===========\n\t\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t\t-moz-osx-font-smoothing: grayscale;\n\t\t\t\t/* stylelint-enable */\n\n\t\t\t\t// Hiding icon from screenreaders\n\t\t\t\t/* stylelint-disable */\n\t\t\t\t-webkit-alt: \"\";\n\t\t\t\t/* stylelint-enable */\n\t\t\t\talt: \"\";\n\t\t\t\tspeak: none; // Hiding icon from screenreaders, fallback by older notation\n\t\t\t\tspeak: never; // Hiding icon from screenreaders\n\t\t\t}\n\t\t\t@media aural {\n\t\t\t\tcontent: none;\n\t\t\t}\n\t\t\t@media speech {\n\t\t\t\tcontent: none;\n\t\t\t}\n\t\t} @else {\n\t\t\t@extend %icon;\n\t\t}\n\t}\n}\n\n// SCSS mixin for elements that text should get hidden in favour of only displaying the included icon\n@mixin is-icon-text-replace($position: \"before\") {\n\t& {\n\t\tfont-size: 0;\n\t}\n\n\t@if $position == \"before\" {\n\t\t&::before {\n\t\t\t--icon-margin-after: 0;\n\t\t}\n\t} @else {\n\t\t&::after {\n\t\t\t--icon-margin-before: 0;\n\t\t}\n\t}\n}\n\n// Icon glyph mixin\n@function glyph($glyph) {\n\t@return map.get($icon-glyphs, $glyph);\n}\n\n// Icon meta data mixin\n@mixin iconMeta($size: $icon-size, $style: $icon-style, $position: \"before\") {\n\t&::#{$position} {\n\t\t--icon-font-family: \"#{\"icons-\" + $size + \"-\" + $style}\",\n\t\t\t\"missing-icons\" !important;\n\t\t--icon-font-size: #{to-rem($pxValue: $size)};\n\t}\n}\n","@use \"sass:string\";\n@import \"../../../css/db-ui-core.variables\";\n\n@import \"icons.variables\";\n\n// Potential TODO: usage of the standard filenames described by https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Icons/Funktionale-Icons-Architektur-und-Fahrzeuge\n\n@font-face {\n\tfont-display: block;\n\tfont-family: \"missing-icons\";\n\tsrc:\n\t\turl(\"#{$icons-path}functional/fonts/icons-empty.woff2?4r2099\")\n\t\t\tformat(\"woff2\"),\n\t\turl(\"#{$icons-path}functional/fonts/icons-empty.woff?4r2099\")\n\t\t\tformat(\"woff\");\n}\n\n// DB UX Icons\n@each $icon-style, $icon-sizes in $icon-font-families-personenverkehr {\n\t@each $icon-size, $icon-categories in $icon-sizes {\n\t\t@each $icon-category, $icon-font-unicodes in $icon-categories {\n\t\t\t@font-face {\n\t\t\t\t$icon-font-family: \"icons-\" + $icon-size + \"-\" + $icon-style;\n\n\t\t\t\tfont-display: block;\n\n\t\t\t\tfont-family: $icon-font-family;\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tsrc:\n\t\t\t\t\turl(\"#{$icons-path}functional/fonts/#{$icon-font-family+ \"-\" + $icon-category}.woff2?4r2099\")\n\t\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\t\turl(\"#{$icons-path}functional/fonts/#{$icon-font-family+ \"-\" + $icon-category}.woff?4r2099\")\n\t\t\t\t\t\tformat(\"woff\");\n\n\t\t\t\tunicode-range: string.unquote($icon-font-unicodes);\n\t\t\t}\n\t\t}\n\t}\n}\n","%icon {\n\t// Hiding icon from screenreaders\n\t-webkit-alt: \"\";\n\talt: \"\";\n\n\tdisplay: inline-block;\n\t/*** icon - placeholder ***/\n\t// * use !important to prevent issues with browser extensions that change fonts\n\tfont-family: var(--icon-font-family) !important;\n\n\t// * Better Font Rendering ===========\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\n\tfont-style: normal;\n\tfont-variant: normal;\n\tfont-weight: normal; // CSS variables fallback\n\tfont-weight: var(--icon-font-weight, normal);\n\tline-height: 1;\n\tspeak: none; // Hiding icon from screenreaders, fallback by older notation\n\tspeak: never; // Hiding icon from screenreaders\n\ttext-transform: none;\n\n\tvertical-align: middle;\n\n\t// Hiding icon from screenreaders\n\t@media aural {\n\t\tcontent: none;\n\t}\n\t@media speech {\n\t\tcontent: none;\n\t}\n}\n\n// TODO: The following construct was especially meant to enable a branch (EDS & FV) specific result - probably we could refactor this the sooner the later\n%defaultIconCustomProperties {\n\t--icon-font-family: #{$icons-font-family} !important;\n\t--icon-font-size: #{to-rem($pxValue: $icon-size)};\n}\n","// @import \"icons.variables\";\n\n@import \"icons.variables\";\n@import \"icons.attributes-mappings\";\n@import \"icons.helpers\";\n@import \"icons.custom-properties\";\n@import \"icons.font-faces\";\n@import \"icons.placeholder\";\n\n[data-icon],\n[data-icon-before] {\n\t&::before {\n\t\t@extend %icon;\n\t\tcontent: var(--icon-glyph-before);\n\t\tmargin-inline-end: var(--icon-margin-after, #{$icon-content-space});\n\t\tfont-size: var(\n\t\t\t--icon-font-size-before,\n\t\t\tvar(--icon-font-size, #{to-rem($pxValue: $icon-size)})\n\t\t);\n\t}\n}\n\n[data-icon-after] {\n\t&::after {\n\t\t@extend %icon;\n\t\tcontent: var(--icon-glyph-after);\n\t\tmargin-inline-start: var(--icon-margin-before, #{$icon-content-space});\n\t\tfont-size: var(\n\t\t\t--icon-font-size-after,\n\t\t\tvar(--icon-font-size, #{to-rem($pxValue: $icon-size)})\n\t\t);\n\t}\n}\n\n// Providing a mechanism for text replacements\n.is-icon-text-replace {\n\t&[data-icon],\n\t&[data-icon-before] {\n\t\t@include is-icon-text-replace();\n\t}\n\n\t&[data-icon-after] {\n\t\t@include is-icon-text-replace(\"after\");\n\t}\n}\n","@charset \"utf-8\";\n\n@use \"sass:string\";\n@import \"button.variables\";\n\n.elm-button {\n\talign-items: center; // Centering the content vertically and horizontally\n\tborder: 1px solid transparent;\n\tborder-radius: 4px;\n\tdisplay: inline-flex; // Centering the content vertically and horizontally\n\tfont-size: to-rem($pxValue: 16);\n\tjustify-content: center; // Centering the content vertically and horizontally\n\tmin-height: $button---minHeight;\n\tpadding: to-rem($pxValue: 8) to-rem($pxValue: 16);\n\n\t&[data-icon],\n\t&[data-icon-before] {\n\t\tpadding-left: to-rem($pxValue: 14);\n\t}\n\n\t&[data-icon-after] {\n\t\tpadding-right: to-rem($pxValue: 14);\n\t}\n\t// Square icon only buttons\n\t&.is-icon-text-replace {\n\t\twidth: $button---minHeight;\n\t}\n\n\t/*&:focus {\n\t\tborder-color: #fff;\n\t}*/\n\t/*\t&:active {\n\t\tfilter: brightness(75%);\n\t}*/\n\n\t&%variant-brand-primary,\n\t&%variant-primary {\n\t\tcolor: $button---color;\n\t}\n\n\t&%variant-brand-primary,\n\t&%variant-primary {\n\t\tfont-weight: 700;\n\t}\n\n\t&%variant-brand-primary {\n\t\tbackground-color: $button-brand-primary--backgroundColor;\n\n\t\t&:disabled {\n\t\t\tbackground-color: string.unquote(\n\t\t\t\t$button-brand-primary--backgroundColor + \"40\"\n\t\t\t);\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-brand-primary-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: #cc0013; // TODO: replace by correct color variable\n\t\t\t}\n\t\t}\n\t}\n\n\t&%variant-primary {\n\t\tbackground-color: $button-primary--backgroundColor;\n\n\t\t&:disabled {\n\t\t\tbackground-color: string.unquote(\n\t\t\t\t$button-primary--backgroundColor + \"40\"\n\t\t\t);\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-primary-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: #363c4a;\n\t\t\t}\n\t\t}\n\t}\n\n\t&%variant-secondaryOutline {\n\t\t// TODO: This might get replaced by another effect\n\t\tbackdrop-filter: blur(4px);\n\t\tbackground-color: transparent;\n\t\tborder-color: $db-color-cool-gray-700;\n\t\tcolor: $db-color-cool-gray-700;\n\n\t\t&:disabled {\n\t\t\tcolor: string.unquote($db-color-cool-gray-700 + \"80\");\n\t\t\tborder-color: string.unquote($db-color-cool-gray-700 + \"40\");\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-secondaryOutline-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: $button-secondaryOutline-active-backgroundColor;\n\t\t\t}\n\t\t}\n\t}\n\n\t&%variant-secondarySolid {\n\t\tbackground-color: $button-secondarySolid--backgroundColor;\n\t\tcolor: $db-color-cool-gray-700;\n\n\t\t&:disabled {\n\t\t\tcolor: string.unquote($db-color-cool-gray-700 + \"80\");\n\t\t\tbackground-color: string.unquote(\n\t\t\t\t$button-secondarySolid--backgroundColor + \"40\"\n\t\t\t);\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-secondarySolid-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: $button-secondarySolid-active-backgroundColor;\n\t\t\t}\n\t\t}\n\t}\n\n\t&%variant-tertiaryPlain {\n\t\tbackground-color: transparent; // shame.css\n\t\tborder: 2px solid transparent;\n\t\tcolor: $db-color-cool-gray-700;\n\n\t\t&:disabled {\n\t\t\tcolor: string.unquote($db-color-cool-gray-700 + \"80\");\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-secondaryOutline-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: $button-secondaryOutline-active-backgroundColor;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Sizes\n\t&%size-Small {\n\t\tmin-height: to-rem($pxValue: 36);\n\n\t\t&:not(.is-icon-text-replace) {\n\t\t\tfont-size: to-rem($pxValue: 14);\n\t\t}\n\n\t\t&[data-icon],\n\t\t&[data-icon-before] {\n\t\t\t@include iconMeta(20);\n\t\t}\n\n\t\t&[data-icon-after] {\n\t\t\t@include iconMeta($size: 20, $position: \"after\");\n\t\t}\n\t\t// Square icon only buttons\n\t\t&.is-icon-text-replace {\n\t\t\twidth: to-rem($pxValue: 36);\n\t\t}\n\t}\n\n\t&%size-Large {\n\t\tmin-height: to-rem($pxValue: 52);\n\n\t\t&:not(.is-icon-text-replace) {\n\t\t\tfont-size: to-rem($pxValue: 20);\n\t\t}\n\t\t// Square icon only buttons\n\t\t&.is-icon-text-replace {\n\t\t\twidth: to-rem($pxValue: 52);\n\t\t}\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %size-Small;\n\t}\n\n\t&[data-size=\"large\"] {\n\t\t@extend %size-Large;\n\t}\n\n\t// Providing the variants as HTML attributes as well\n\t&[data-variant=\"brand-primary\"] {\n\t\t@extend %variant-brand-primary;\n\t}\n\n\t&[data-variant=\"primary\"] {\n\t\t@extend %variant-primary;\n\t}\n\n\t&[data-variant=\"secondary-outline\"] {\n\t\t@extend %variant-secondaryOutline;\n\t}\n\n\t&[data-variant=\"secondary-solid\"] {\n\t\t@extend %variant-secondarySolid;\n\t}\n\n\t&[data-variant=\"tertiary-plain\"] {\n\t\t@extend %variant-tertiaryPlain;\n\t}\n\n\t&:disabled {\n\t\tcolor: string.unquote($button---color + \"80\");\n\t}\n\n\t// width\n\t&%width-Full {\n\t\tinline-size: 100%;\n\t}\n\n\t&[data-width=\"full\"] {\n\t\t@extend %width-Full;\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n// We want to set the alpha value and that for need the long form hex code\n// stylelint-disable color-hex-length\n$button---color: #ffffff !default;\n// stylelint-enable color-hex-length\n\n$button---minHeight: to-rem(\n\t$pxValue: 44\n) !default;\n\n// Background colors\n$button-brand-primary--backgroundColor: $db-color-red-500 !default;\n$button-brand-primary-hover-backgroundColor: #db0016;\n\n$button-primary--backgroundColor: $db-color-cool-gray-700 !default;\n$button-primary-hover-backgroundColor: #2f3541;\n\n$button-secondarySolid--backgroundColor: $db-color-cool-gray-200 !default;\n$button-secondarySolid-hover-backgroundColor: #cdd4da !default;\n$button-secondarySolid-active-backgroundColor: #c5ccd3 !default;\n\n$button-secondaryOutline-hover-backgroundColor: rgba(\n\t$db-color-cool-gray-700,\n\t0.03\n) !default;\n\n$button-secondaryOutline-active-backgroundColor: rgba(\n\t$db-color-cool-gray-700,\n\t0.06\n) !default;\n","@use \"sass:math\";\n@import \"headline.variables\";\n\n.elm-headline {\n\ttext-wrap: balance;\n\n\tmargin-bottom: to-rem($pxValue: 16);\n\n\t// * TODO: These declarations make sense for the moment, but should get aligned with overall definitions of spacing around elements\n\tmargin-top: to-rem($pxValue: 24);\n\n\t&[data-pulse] {\n\t\t&::after {\n\t\t\tbackground: var(--db-pulse-background, #ec0016);\n\t\t\tborder-radius: calc(\n\t\t\t\tvar(--db-logo-height, #{$db-logo-default-height}) / 7 * 0.5\n\t\t\t);\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\tmargin-bottom: var(--db-pulse-margin-bottom, 14px);\n\t\t\tmargin-top: calc(\n\t\t\t\tvar(--db-logo-height, #{$db-logo-default-height}) * 0.5\n\t\t\t);\n\t\t\twidth: var(--db-logo-width, #{$db-logo-default-width});\n\t\t\theight: calc(var(--db-logo-height, #{$db-logo-default-height}) / 7);\n\t\t}\n\t}\n}\n\nh1,\nh2,\nh3 {\n\t&.elm-headline {\n\t\tfont-family: $db-font-family-headline;\n\t\tfont-weight: 900;\n\t}\n}\n\nh1 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h1-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tline-height: math.div(40, $rea-main-h1-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h1-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.14;\n\t\t}\n\t}\n}\n\nh2 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h2-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tline-height: math.div(28, $rea-main-h2-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h2-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.2;\n\t\t}\n\t}\n}\n\nh3 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h3-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tline-height: math.div(24, $rea-main-h3-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h3-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.33;\n\t\t}\n\t}\n}\n\nh4 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h4-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tfont-weight: 400;\n\t\tline-height: math.div(24, $rea-main-h4-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h4-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.25;\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"link.variables\";\n\n.elm-link {\n\tborder-radius: to-rem($pxValue: 4);\n\tdisplay: inline-block;\n\n\t// Link underline\n\ttext-underline-offset: to-rem($pxValue: 3);\n\ttext-underline-position: under;\n\t@supports (text-underline-offset: 3px) {\n\t\ttext-underline-position: auto;\n\t}\n\n\t&:active {\n\t\tcolor: initial;\n\t}\n\n\t// \"disabled\" links\n\t&[aria-disabled=\"true\"] {\n\t\topacity: $link--disabled-opacity;\n\n\t\tpointer-events: none;\n\n\t\t&::before {\n\t\t\tcolor: initial;\n\t\t}\n\t}\n\n\t// Sizes\n\t&%size-Small {\n\t\t&:not(.is-icon-text-replace) {\n\t\t\tfont-size: to-rem($pxValue: 14);\n\t\t}\n\n\t\t&[rel],\n\t\t&[data-icon],\n\t\t&[data-icon-before] {\n\t\t\t@include iconMeta(20);\n\t\t}\n\n\t\t&[data-icon-after]::after {\n\t\t\t@include iconMeta($size: 20, $position: \"after\");\n\t\t}\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %size-Small;\n\t}\n\n\t// Define the available icons\n\t&[rel=\"configuration\"] {\n\t\t@include icon(glyph(settings), 24, \"outline\", $partial: $partial);\n\t}\n\n\t&[rel=\"messages\"] {\n\t\t@include icon(glyph(chat), 24, \"outline\", $partial: $partial);\n\t}\n\n\t&[rel=\"account\"] {\n\t\t@include icon(glyph(account), 24, \"outline\", $partial: $partial);\n\t}\n\n\t&[rel=\"configuration\"],\n\t&[rel=\"messages\"],\n\t&[rel=\"account\"] {\n\t\t&::before {\n\t\t\t// preventing an underlined icon on click\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n}\n","@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/colors/colors.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$link--disabled-opacity: 0.4 !default;\n$link-reaMain--color: $db-color-cyan-600 !default;\n","@use \"sass:map\";\n@import \"logo.variables\";\n\n.elm-logo {\n\t$logo-sizes: (\n\t\t\"xsmall\": (\n\t\t\t\"width\": 20px,\n\t\t\t\"height\": 14px\n\t\t),\n\t\t\"small\": (\n\t\t\t\"width\": 29px,\n\t\t\t\"height\": 20px\n\t\t),\n\t\t\"medium\": (\n\t\t\t\"width\": 34px,\n\t\t\t\"height\": 24px\n\t\t),\n\t\t\"large\": (\n\t\t\t\"width\": 40px,\n\t\t\t\"height\": 28px\n\t\t),\n\t\t\"xlarge\": (\n\t\t\t\"width\": 56px,\n\t\t\t\"height\": 40px\n\t\t)\n\t);\n\t// aspect-ratio: 10 / 7;\n\n\twidth: var(--db-logo-width, #{$db-logo-default-width});\n\theight: var(--db-logo-height, #{$db-logo-default-height});\n\t// Logo safe zone\n\t// margin: calc(var(--db-logo-height, #{$db-logo-default-height}) * 0.5);\n\n\t&[data-size=\"xsmall\"] {\n\t\t@extend %logo-size-xsmall;\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %logo-size-small;\n\t}\n\n\t&[data-size=\"medium\"] {\n\t\t@extend %logo-size-medium;\n\t}\n\n\t&[data-size=\"large\"] {\n\t\t@extend %logo-size-large;\n\t}\n\n\t&[data-size=\"xlarge\"] {\n\t\t@extend %logo-size-xlarge;\n\t}\n\n\t@each $name, $dimensions in $logo-sizes {\n\t\t&%logo-size-#{$name} {\n\t\t\t--db-logo-width: #{map.get($dimensions, \"width\")};\n\t\t\t--db-logo-height: #{map.get($dimensions, \"height\")};\n\n\t\t\tbody:has(&) .elm-headline[data-pulse] {\n\t\t\t\t--db-logo-width: #{map.get($dimensions, \"width\")};\n\t\t\t\t--db-logo-height: #{map.get($dimensions, \"height\")};\n\t\t\t}\n\n\t\t\t// Legacy browsers\n\t\t\t& ~ .elm-headline[data-pulse] {\n\t\t\t\t--db-logo-width: #{map.get($dimensions, \"width\")};\n\t\t\t\t--db-logo-height: #{map.get($dimensions, \"height\")};\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../css/helpers/functions\";\n@import \"form-elements.variables\";\n\n%form-element {\n\t--formElement---borderTopColor: var(\n\t\t--formElement---borderColor,\n\t\ttransparent\n\t);\n\t--formElement---borderRightColor: var(\n\t\t--formElement---borderColor,\n\t\ttransparent\n\t);\n\t--formElement---borderBottomColor: var(\n\t\t--formElement---borderColor,\n\t\t#{$form-elements-semitransparent-border-bottom-color}\n\t);\n\t--formElement---borderLeftColor: var(\n\t\t--formElement---borderColor,\n\t\ttransparent\n\t);\n\tborder-radius: 4px;\n\n\tcaret-color: $db-color-red-500;\n\n\tcolor: $form-elements-color;\n\n\t// Description styles\n\t& ~ .description {\n\t\tcolor: $db-color-cool-gray-500;\n\t\tfont-size: to-rem($pxValue: 14);\n\n\t\tpadding: to-rem($pxValue: 6) to-rem($pxValue: 10);\n\t}\n}\n\n%form-label {\n\t&[data-label-hidden=\"true\"] {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\t}\n}\n\n// ### Style variations\n// Semitransparent\n%form-element-semitransparent {\n\t--formElement---borderColor: #{$form-elements-semitransparent-border-bottom-color};\n\tbackground-color: $form-elements-semitransparent-background-color;\n\tborder-bottom: $form-elements---borderBottom;\n\tborder-left: $form-elements---borderLeft;\n\tborder-left-color: transparent;\n\tborder-right: $form-elements---borderRight;\n\tborder-right-color: transparent;\n\tborder-top: $form-elements---borderTop;\n\tborder-top-color: transparent;\n}\n\n// White\n%form-element-white {\n\t--formElement---borderColor: #{$form-elements-white-border-bottom-color};\n\tbackground-color: $form-elements-white-background-color;\n\tborder-bottom: $form-elements---borderBottom;\n\tborder-left: $form-elements---borderLeft;\n\tborder-left-color: transparent;\n\tborder-right: $form-elements---borderRight;\n\tborder-right-color: transparent;\n\tborder-top: $form-elements---borderTop;\n\tborder-top-color: transparent;\n}\n\n// Solid\n%form-element-solid {\n\t--formElement---borderColor: #{$form-elements-solid-border-bottom-color};\n\tbackground-color: $form-elements-solid-background-color;\n\tborder-bottom: $form-elements---borderBottom;\n\tborder-left: $form-elements---borderLeft;\n\tborder-left-color: transparent;\n\tborder-right: $form-elements---borderRight;\n\tborder-right-color: transparent;\n\tborder-top: $form-elements---borderTop;\n\tborder-top-color: transparent;\n}\n\n// Outline\n%form-element-outline {\n\t--formElement---borderColor: #{$form-elements-outline-border-color};\n\tbackground-color: transparent;\n\tborder-bottom: $form-elements---borderBottom;\n\tborder-left: $form-elements---borderLeft;\n\tborder-right: $form-elements---borderRight;\n\tborder-top: $form-elements---borderTop;\n}\n\n// Validation\n// We need to differentiate here because of any non-textual input elements like select, radio and checkbox, that we couldn't handle by :placeholder-shown\n// TODO: maybe we could totally restructure this, work with a :not(select) instead, differentiate in between user-invalid and provide a fallback (https://github.com/db-ui/mono/pull/893), etc.\n%form-element-validation {\n\t&:not([aria-invalid]) {\n\t\t&:user-valid {\n\t\t\t--formElement---borderColor: #{$db-color-green-600};\n\t\t}\n\n\t\t&:user-invalid {\n\t\t\t--formElement---borderColor: #{$db-color-red-500};\n\t\t}\n\t}\n}\n%form-element-validation-programmatic {\n\t&[aria-invalid=\"true\"] {\n\t\t--formElement---borderColor: #{$db-color-red-500};\n\t}\n}\n\n// counter styling\n%form-element-counter {\n\t&:has(+ .description) {\n\t\tfloat: right;\n\t}\n\n\t@supports (position-area: block-end span-inline-start) {\n\t\t&:not(:has(+ .description)) {\n\t\t\tposition: absolute;\n\t\t\t// stylelint-disable-next-line property-no-unknown\n\t\t\tposition-area: block-end span-inline-start;\n\t\t}\n\t}\n\n\t// Description styles\n\t// TODO: This probably still needs to get further changed to a general \"hint\" pattern or similar\n\t&,\n\t& + .description {\n\t\tcolor: $db-color-cool-gray-500;\n\t\tfont-size: to-rem($pxValue: 14);\n\t\tpadding: to-rem($pxValue: 6) to-rem($pxValue: 10);\n\t}\n}\n\n// enhance the clickable area for checkbox and radio elements\n%form-element-enhanced-clickable-area {\n\t&:has(+ label) {\n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\twidth: calc(\n\t\t\t\tvar(--db-form-element-dimensions) + #{to-rem($pxValue: 4)}\n\t\t\t);\n\t\t\theight: var(--db-form-element-dimensions);\n\t\t\ttransform: translateX(#{to-rem($pxValue: 4)});\n\t\t\tposition: absolute;\n\t\t}\n\t}\n}\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"checkbox.variables\";\n@import \"../form-elements\";\n\n.elm-checkbox {\n\t--db-form-element-dimensions: var(\n\t\t--db-checkbox-dimensions,\n\t\t#{to-rem($pxValue: 24)}\n\t);\n\n\talign-content: center;\n\n\tappearance: none;\n\tbackground-color: $checkbox---backgroundColor;\n\tborder: #{to-rem($pxValue: 1)} solid $checkbox---borderColor;\n\tborder-radius: 4px;\n\tcolor: $checkbox---color;\n\n\tdisplay: inline-flex;\n\theight: var(--db-form-element-dimensions);\n\tjustify-content: center;\n\twidth: var(--db-form-element-dimensions);\n\n\t& {\n\t\t@extend %form-element-enhanced-clickable-area;\n\t\t@include icon(\"\\00A0\", 24, \"outline\", $partial: $partial);\n\t}\n\n\t&[type=\"checkbox\"] {\n\t\tvertical-align: top;\n\t}\n\n\t&::before {\n\t\t--icon-font-size: 1.375rem;\n\t\tmargin-right: 0;\n\t}\n\n\t&:checked {\n\t\tbackground-color: $checkbox--checked-backgroundColor;\n\n\t\t&::before {\n\t\t\tcolor: $checkbox--checked-color;\n\t\t\tcontent: glyph(done);\n\t\t}\n\t}\n\n\t&:enabled {\n\t\t&:hover {\n\t\t\tbackground-color: rgba(40, 45, 55, 0.14);\n\n\t\t\t&:checked {\n\t\t\t\tbackground-color: $checkbox-hover-checked-backgroundColor;\n\t\t\t}\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground-color: rgba(40, 45, 55, 0.14);\n\t\t}\n\t}\n\n\t&:indeterminate {\n\t\t&::before {\n\t\t\tcontent: glyph(minus);\n\t\t}\n\t}\n\n\t&:disabled {\n\t\t&,\n\t\t& + label {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t& + label {\n\t\t@extend %form-label;\n\n\t\tpadding-inline-start: $db-spacing-xs;\n\t}\n}\n","@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n@import \"../../00-base/colors/colors.variables\";\n\n$checkbox---backgroundColor: rgba(255, 255, 255, 0.1) !default;\n$checkbox---borderColor: $db-color-cool-gray-700 !default;\n$checkbox---color: $db-color-cool-gray-700 !default;\n\n$checkbox--checked-backgroundColor: $db-color-cool-gray-700 !default;\n$checkbox--checked-color: #fff !default;\n\n$checkbox-hover-checked-backgroundColor: #52575f !default;\n\n// On dark background\n$checkbox-onDarkBackground--backgroundColor: transparent !default;\n$checkbox-onDarkBackground--borderColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n$checkbox-onDarkBackground--color: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"input.variables\";\n@import \"../form-elements\";\n\n.elm-input {\n\t@extend %form-element;\n\n\tcolor: $input---color;\n\n\tfont-size: to-rem($pxValue: 16);\n\theight: to-rem($pxValue: 44);\n\tline-height: to-rem($pxValue: 24);\n\tmax-width: 100%;\n\n\twidth: 100%;\n\n\tpadding-inline: $db-spacing-m;\n\t// No need to reposition the included value on hidden label\n\t&:not(:has(+ label[data-label-hidden=\"true\"])) {\n\t\tpadding-block: $db-spacing-s;\n\t}\n\n\t&[list] {\n\t\t&::-webkit-calendar-picker-indicator {\n\t\t\tmargin-right: -1rem;\n\t\t}\n\t}\n\n\t&:not(:placeholder-shown) {\n\t\tpadding-bottom: 0;\n\t\t// No need to reposition the included value on hidden label\n\t\t&:not(:has(+ label[data-label-hidden=\"true\"])) {\n\t\t\tpadding-top: to-rem($pxValue: 16);\n\t\t}\n\t}\n\n\t// * TODO: to get evaluated\n\t// display: inline-flex;\n\t// align-items: center;\n\t// justify-content: flex-start;\n\t// max-width: 100%;\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:focus,\n\t&:hover {\n\t\t&:not(:disabled) {\n\t\t\t--formElement---borderColor: #{$db-color-cool-gray-400};\n\t\t}\n\t}\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:disabled,\n\tfieldset:disabled & {\n\t\t&,\n\t\t& + .elm-label {\n\t\t\t// Decided against cursor: not-allowed, compare to e.g. https://phabricator.wikimedia.org/T121960\n\t\t\topacity: 0.4;\n\t\t}\n\t}\n\n\t&[type=\"color\"],\n\t&[type=\"date\"],\n\t&[type=\"datetime-local\"],\n\t&[type=\"email\"],\n\t&[type=\"month\"],\n\t&[type=\"number\"],\n\t&[type=\"password\"],\n\t:where(:not(.cmp-sitesearch)) > &[type=\"search\"],\n\t&[type=\"tel\"],\n\t&[type=\"text\"],\n\t&[type=\"time\"],\n\t&[type=\"url\"],\n\t&[type=\"week\"] {\n\t\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t\t// Semitransparent is the default style\n\t\t@at-root :where(#{&}) {\n\t\t\t@extend %form-element-semitransparent;\n\t\t}\n\n\t\t// Floating labels\n\t\t&:not([type=\"date\"]):not([type=\"datetime-local\"]):not(\n\t\t\t\t[type=\"month\"]\n\t\t\t):not([type=\"time\"]):not([type=\"week\"])\n\t\t\t+ .elm-label {\n\t\t\t// position: absolute;\n\t\t\t// left: calc(#{to-em($pxValue: 10)} - 1px);\n\n\t\t\ttransition:\n\t\t\t\topacity,\n\t\t\t\ttransform 250ms;\n\t\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\ttransition-duration: 0.01s !important;\n\t\t\t}\n\t\t}\n\n\t\t& + .elm-label {\n\t\t\t@extend %form-label;\n\n\t\t\tcolor: $db-color-cool-gray-500;\n\t\t\tdisplay: block;\n\t\t\tfont-size: to-rem($pxValue: 12);\n\n\t\t\tmargin-bottom: -#{to-rem($pxValue: 18)};\n\t\t\ttransform: translate($db-spacing-m, -#{to-rem($pxValue: 41)});\n\n\t\t\t& + output,\n\t\t\t& ~ .description {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t&[placeholder] {\n\t\t\t&:placeholder-shown {\n\t\t\t\t& + label {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&::placeholder {\n\t\t\tcolor: $db-color-cool-gray-500;\n\t\t}\n\n\t\t// ### Style variations\n\t\t&[data-variant=\"semitransparent\"] {\n\t\t\t@extend %form-element-semitransparent;\n\t\t}\n\n\t\t&[data-variant=\"white\"] {\n\t\t\t@extend %form-element-white;\n\t\t}\n\n\t\t&[data-variant=\"solid\"] {\n\t\t\t@extend %form-element-solid;\n\t\t}\n\n\t\t&[data-variant=\"outline\"] {\n\t\t\t@extend %form-element-outline;\n\t\t}\n\n\t\t// Validation\n\t\t/* stylelint-disable order/order */\n\t\t@extend %form-element-validation;\n\t\t@extend %form-element-validation-programmatic;\n\t\t/* stylelint-enable order/order */\n\t}\n\n\t&:is(\n\t\t\t[type=\"email\"],\n\t\t\t[type=\"password\"],\n\t\t\t[type=\"search\"],\n\t\t\t[type=\"tel\"],\n\t\t\t[type=\"text\"],\n\t\t\t[type=\"url\"]\n\t\t)\n\t\t+ label\n\t\t+ output {\n\t\t@extend %form-element-counter;\n\t}\n\n\t&[type=\"search\"] {\n\t\tbackground: var(\n\t\t\t\t--db-ic-search-24,\n\t\t\t\turl(#{$icons-path}functional/images/action/db_ic_search_24.svg)\n\t\t\t)\n\t\t\tno-repeat to-rem($pxValue: 6) to-rem($pxValue: 12);\n\t\tbackground-size: to-rem($pxValue: 19);\n\t\tpadding-left: to-rem($pxValue: 32);\n\n\t\t:not(.cmp-sitesearch) > & {\n\t\t\t@extend %form-element-semitransparent;\n\n\t\t\t& + .elm-label {\n\t\t\t\tmargin-left: to-rem($pxValue: 16);\n\t\t\t}\n\t\t}\n\t}\n}\n","@charset \"utf-8\";\n@use \"sass:map\";\n@use \"sass:math\";\n\n@import \"loading-indicator.variables\";\n\n.elm-loadingindicator {\n\tdisplay: block;\n}\n\n@mixin loadingindicator--sizes($prefix) {\n\t@each $size in (xl l m s xs) {\n\t\t$stroke-width: 3px;\n\t\t@if $size == s or $size == xs {\n\t\t\t$stroke-width: 2px;\n\t\t}\n\t\t//.#{$prefix}loadingindicator--size-#{$size} {\n\t\t&%size-#{$size} {\n\t\t\t--loadingindicator--stroke-width: #{math.div(\n\t\t\t\t\t44px,\n\t\t\t\t\tmap.get($db-spinner-sizes, $size)\n\t\t\t\t) *\n\t\t\t\t$stroke-width};\n\t\t\t--loadingindicator--r: 19px;\n\t\t\theight: map.get($db-spinner-sizes, $size);\n\t\t\twidth: map.get($db-spinner-sizes, $size);\n\t\t}\n\t}\n}\n\n.elm-loadingindicator {\n\tanimation: loadingindicator-rotate 3s linear infinite;\n\tcolor: $db-color-red-500;\n\t/* stylelint-disable */\n\t@include loadingindicator--sizes(\"elm-\");\n\t@extend %size-m; // default\n\t/* stylelint-enable */\n\n\t&[data-size=\"xs\"] {\n\t\t@extend %size-xs;\n\t}\n\n\t&[data-size=\"s\"] {\n\t\t@extend %size-s;\n\t}\n\n\t&[data-size=\"m\"] {\n\t\t@extend %size-m;\n\t}\n\n\t&[data-size=\"l\"] {\n\t\t@extend %size-l;\n\t}\n\n\t&[data-size=\"xl\"] {\n\t\t@extend %size-xl;\n\t}\n}\n\n.elm-loadingindicator__circle {\n\tanimation: loadingindicator-stroke 1.5s ease-in-out infinite;\n\tr: var(--loadingindicator--r);\n\tstroke: currentcolor;\n\tstroke-dasharray: 1, 200;\n\tstroke-dashoffset: 0;\n\tstroke-linecap: round;\n\tstroke-width: var(--loadingindicator--stroke-width);\n}\n\n@keyframes loadingindicator-rotate {\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n@keyframes loadingindicator-stroke {\n\t0% {\n\t\tstroke-dasharray: 1, 200;\n\t\tstroke-dashoffset: 0;\n\t}\n\n\t50% {\n\t\tstroke-dasharray: 96, 200;\n\t\tstroke-dashoffset: -32;\n\t}\n\n\t100% {\n\t\tstroke-dasharray: 96, 200;\n\t\tstroke-dashoffset: -124;\n\t}\n}\n","@import \"../../../css/db-ui-core.variables\";\n\n$progress---height: to-rem(\n\t$pxValue: 4\n) !default;\n$progress-value--backgroundColor: var(\n\t--progress-value--backgroundColor\n) !default;\n\n.elm-progress progress {\n\t--progress-value--backgroundColor: #{$db-color-red};\n}\n\n$progress---backgroundColor: #fcfdfd !default;\n\n// Alternative - on dark background\n$progress-onDarkBackground-value-backgroundColor: $db-color-cool-gray-400 !default;\n\n// Circle alternative\n$progress-conic--size: 75 * 0.0625 !default;\n$progress-conic-inner-size: $progress-conic--size - 1.25 !default;\n\n$progress-conic--backgroundColor: #fff !default;\n$progress-conic-inner-backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n// Alternative - on dark background\n$progress-onDarkBackground-conic-inner-backgroundColor: $db-color-cool-gray-700 !default;\n\n$progress-conic--translateX: to-rem(\n\t$pxValue: 10\n) !default;\n$progress-conic--translateY: -#{to-rem(\n\t\t$pxValue: 65\n\t)} !default;\n","@import \"../../../css/helpers/functions\";\n@import \"progress.variables\";\n\n.elm-progress {\n\tprogress {\n\t\tappearance: none;\n\t\tbackground-color: $progress---backgroundColor;\n\t\tborder: none;\n\t\theight: $progress---height;\n\t\tvertical-align: middle;\n\n\t\t// Coloring the progress bar for the regular progress element\n\t\t&::-webkit-progress-bar {\n\t\t\tbackground-color: $progress---backgroundColor;\n\t\t}\n\n\t\t&::-webkit-progress-value {\n\t\t\tbackground-color: $progress-value--backgroundColor; // * TODO: possibly rework variable naming\n\t\t}\n\n\t\t&::-moz-progress-bar {\n\t\t\tbackground-color: $progress-value--backgroundColor; // * TODO: possibly rework variable naming\n\t\t}\n\n\t\t&::-ms-fill {\n\t\t\tbackground-color: $progress-value--backgroundColor; // * TODO: possibly rework variable naming\n\t\t\tborder: none;\n\t\t}\n\n\t\t&:not([style^=\"--progress-conic:\"]) {\n\t\t\t&::-webkit-progress-value {\n\t\t\t\tborder-radius: 12px;\n\t\t\t}\n\n\t\t\t&::-moz-progress-bar {\n\t\t\t\tborder-radius: 12px;\n\t\t\t}\n\n\t\t\t&::-ms-fill {\n\t\t\t\tborder-radius: 12px;\n\t\t\t}\n\t\t}\n\n\t\t// Styling the special indeterminate state\n\t\t&:indeterminate {\n\t\t\tanimation-duration: 2.1s;\n\t\t\tanimation-iteration-count: infinite;\n\t\t\tanimation-name: elmProgressMoveIndeterminate;\n\t\t\tanimation-timing-function: linear;\n\t\t\tanimation-timing-function: cubic-bezier(0.65, 0.815, 0.735, 0.395);\n\t\t\tbackground-color: $progress---backgroundColor;\n\t\t\tbackground-image: linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t$db-color-red 100%,\n\t\t\t\t$progress---backgroundColor 100%\n\t\t\t);\n\t\t\tbackground-position: top left;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-size: 150% 150%;\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\tanimation-duration: 15s;\n\t\t\t}\n\n\t\t\t&::-webkit-progress-bar {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n\t\t\t&::-moz-progress-bar {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\n\t\t// Transforming the element to the conic circle\n\t\t&[style^=\"--progress-conic:\"] {\n\t\t\t@supports (background: conic-gradient(#000, #fff)) {\n\t\t\t\t--fill: calc(var(--progress-conic) * 1%);\n\n\t\t\t\tbackground: conic-gradient(\n\t\t\t\t\t$progress-value--backgroundColor var(--fill),\n\t\t\t\t\t$progress-conic--backgroundColor 0\n\t\t\t\t); // * TODO: possibly rework variable naming\n\n\t\t\t\tborder: 0;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\theight: #{$progress-conic--size}rem; // * TODO: possibly rework variable naming\n\t\t\t\twidth: #{$progress-conic--size}rem; // * TODO: possibly rework variable naming\n\n\t\t\t\t// * hides all pseudo elements on Webkit\n\t\t\t\t&::-webkit-progress-inner-element,\n\t\t\t\t&::-webkit-progress-bar,\n\t\t\t\t&::-webkit-progress-value {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t&::-moz-progress-bar {\n\t\t\t\t\tbackground: none;\n\t\t\t\t}\n\n\t\t\t\t& + output, // legacy; TODO: remove with the next major release\n\t\t\t\t& + label {\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tbackground: $progress-conic-inner-backgroundColor; // * TODO: possibly rework variable naming\n\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\theight: #{$progress-conic-inner-size}rem;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttransform: translate(\n\t\t\t\t\t\t$progress-conic--translateX,\n\t\t\t\t\t\t$progress-conic--translateY\n\t\t\t\t\t);\n\t\t\t\t\twidth: #{$progress-conic-inner-size}rem;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n@keyframes elmProgressMoveIndeterminate {\n\t0% {\n\t\tbackground-position: (-35%) 0;\n\t\tbackground-size: 35% 100%;\n\t}\n\n\t60% {\n\t\tbackground-position: 101% 0;\n\t\tbackground-size: 65% 100%;\n\t}\n\n\t100% {\n\t\tbackground-position: 101% 0;\n\t\tbackground-size: 1% 100%;\n\t}\n}\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"radio.variables\";\n@import \"../form-elements\";\n\n.elm-radio {\n\t--db-form-element-dimensions: var(\n\t\t--db-radio-dimensions,\n\t\t#{to-em($pxValue: 20)}\n\t);\n\n\t@extend %form-element-enhanced-clickable-area;\n\n\tappearance: none;\n\n\tbackground-color: rgba(255, 255, 255, 0.1);\n\tborder: to-rem($pxValue: 1) solid $radio---border;\n\tborder-radius: to-em($pxValue: 16);\n\n\t// * the basic, unchecked style\n\tdisplay: inline-block;\n\n\tfont-size: to-rem($pxValue: 16);\n\theight: var(--db-form-element-dimensions);\n\n\ttransition: border-width 0.5s ease;\n\n\twidth: var(--db-form-element-dimensions);\n\n\t&[type=\"radio\"] {\n\t\tvertical-align: sub;\n\t}\n\n\t&:enabled {\n\t\t&:hover {\n\t\t\t&:not(:checked) {\n\t\t\t\tbackground-color: rgba(40, 45, 55, 0.14);\n\t\t\t}\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground-color: rgba(40, 45, 55, 0.3);\n\t\t}\n\t}\n\n\t&:checked {\n\t\tborder-width: to-em($pxValue: 6);\n\t}\n\t// * the invalid style using the :user-invalid pseudo class (and [aria-invalid=\"true\"] equivalent, see #136 and #141)\n\t&:is(:user-invalid),\n\t&[aria-invalid=\"true\"] {\n\t\tborder-color: #c13e34;\n\t}\n\t// * TODO: never forget focus styling\n\t// &:focus::after {\n\t// content: \"\\0020\\2190\";\n\t// font-size: to-em($pxValue: 24);\n\t// line-height: 1;\n\t// vertical-align: -(to-em($pxValue: 2));\n\t// }\n\n\t& + label {\n\t\t@extend %form-label;\n\n\t\tpadding-inline-start: $db-spacing-xs;\n\t}\n\n\t&:disabled {\n\t\t&,\n\t\t& + label {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t@media (prefers-reduced-motion: reduce) {\n\t\ttransition-duration: 0.01s !important;\n\t}\n}\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"textarea.variables\";\n@import \"../form-elements\";\n\n.elm-textarea {\n\t@extend %form-element;\n\n\tdisplay: block;\n\n\tfont-size: to-rem($pxValue: 16);\n\theight: to-rem($pxValue: 44);\n\tline-height: to-rem($pxValue: 24);\n\tmax-width: 100%;\n\n\tpadding: to-rem($pxValue: 6) to-rem($pxValue: 10);\n\n\tresize: vertical;\n\n\twidth: 100%;\n\n\t// Semitransparent is the default style\n\t@at-root :where(#{&}) {\n\t\t@extend %form-element-semitransparent;\n\t}\n\n\t// * to be evaluated\n\t// display: inline-flex;\n\t// align-items: center;\n\t// justify-content: flex-start;\n\n\t.elm-label:has(+ &) {\n\t\t@extend %form-label;\n\t}\n\n\t&:not([rows]) {\n\t\tmax-height: to-rem($pxValue: 600);\n\t\tmin-height: to-rem($pxValue: 120);\n\t}\n\n\t&[rows] {\n\t\theight: initial;\n\t}\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:focus,\n\t&:hover {\n\t\t&:not(:disabled) {\n\t\t\t--formElement---borderColor: #{$db-color-cool-gray-400};\n\t\t}\n\t}\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:disabled,\n\tfieldset:disabled & {\n\t\t&,\n\t\t& + .elm-label {\n\t\t\t// Decided against cursor: not-allowed, compare to e.g. https://phabricator.wikimedia.org/T121960\n\t\t\topacity: 0.4;\n\t\t}\n\t}\n\n\t& + output {\n\t\t@extend %form-element-counter;\n\t}\n\n\t// ### Style variations\n\t&[data-variant=\"semitransparent\"] {\n\t\t@extend %form-element-semitransparent;\n\t}\n\n\t&[data-variant=\"white\"] {\n\t\t@extend %form-element-white;\n\t}\n\n\t&[data-variant=\"solid\"] {\n\t\t@extend %form-element-solid;\n\t}\n\n\t&[data-variant=\"outline\"] {\n\t\t@extend %form-element-outline;\n\t}\n\n\t// Validation\n\t/* stylelint-disable order/order */\n\t@extend %form-element-validation;\n\t@extend %form-element-validation-programmatic;\n\t/* stylelint-enable order/order */\n}\n","@import \"../../../css/partials.meta\";\n@import \"select.variables\";\n@import \"../form-elements\";\n@import \"../../../css/db-ui-core.variables\";\n\n.elm-select {\n\t@extend %form-element;\n\tappearance: none;\n\tfont-size: to-rem($pxValue: 16);\n\n\t// For IE\n\t&::-ms-expand {\n\t\tdisplay: none;\n\t}\n\n\t// Style the regular (non-multiple) select elements\n\t&:not([multiple]) {\n\t\tbackground-image: var(\n\t\t\t--db-ic-expand-more-20,\n\t\t\turl(#{$icons-path}functional/images/navigation/db_ic_expand_more_20.svg)\n\t\t);\n\t\tbackground-position: right to-rem($pxValue: 11) center;\n\t\tbackground-repeat: no-repeat;\n\t\theight: to-rem($pxValue: 44);\n\t\tpadding: to-rem($pxValue: 20) to-rem($pxValue: 42) 0 $db-spacing-m;\n\n\t\t// Semitransparent is the default style\n\t\t@at-root :where(#{&}) {\n\t\t\t@extend %form-element-semitransparent;\n\t\t}\n\n\t\t// No need to reposition the included value on hidden label\n\t\t&:has(+ label[data-label-hidden=\"true\"]) {\n\t\t\tpadding-top: 0;\n\t\t}\n\n\t\t// Floating labels\n\t\t& + .elm-label {\n\t\t\tpointer-events: none;\n\t\t\tposition: absolute;\n\t\t\ttransition:\n\t\t\t\topacity,\n\t\t\t\ttransform 250ms;\n\t\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\ttransition-duration: 0.01s !important;\n\t\t\t}\n\t\t}\n\n\t\t&:has(option:checked:empty) {\n\t\t\t& + .elm-label {\n\t\t\t\tcolor: $select-floatingLabel--color;\n\t\t\t\tfont-size: to-rem($pxValue: 16);\n\t\t\t\ttransform: translate($db-spacing-m, -#{to-rem($pxValue: 35)});\n\t\t\t}\n\t\t}\n\n\t\t// Validation\n\t\t/* stylelint-disable order/order */\n\t\t@extend %form-element-validation-programmatic;\n\t\t/* stylelint-enable order/order */\n\t\t&,\n\t\t&[data-variant]  {\n\t\t\t&:not([aria-invalid]) {\n\t\t\t\t&:is(:user-valid) {\n\t\t\t\t\t--formElement---borderColor: #{$db-color-green-600};\n\t\t\t\t}\n\n\t\t\t\t&:is(:user-invalid) {\n\t\t\t\t\t--formElement---borderColor: #{$db-color-red-500};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:disabled,\n\tfieldset:disabled & {\n\t\t&,\n\t\t& + .elm-label {\n\t\t\t// Decided against cursor: not-allowed, compare to e.g. https://phabricator.wikimedia.org/T121960\n\t\t\topacity: 0.4;\n\t\t}\n\t}\n\n\t// ### Style variations\n\t&[data-variant=\"semitransparent\"] {\n\t\t@extend %form-element-semitransparent;\n\t}\n\n\t&[data-variant=\"white\"] {\n\t\t@extend %form-element-white;\n\t}\n\n\t&[data-variant=\"solid\"] {\n\t\t@extend %form-element-solid;\n\t}\n\n\t&[data-variant=\"outline\"] {\n\t\t@extend %form-element-outline;\n\t}\n\n\t// Floating labels\n\t& + .elm-label {\n\t\t@extend %form-label;\n\n\t\tdisplay: block;\n\t\tfont-size: to-rem($pxValue: 12);\n\t\tmargin-bottom: -#{to-rem($pxValue: 18)};\n\t\ttransform: translate($db-spacing-m, -#{to-rem($pxValue: 41)});\n\t\ttransition:\n\t\t\topacity,\n\t\t\ttransform 150ms;\n\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\ttransition-duration: 0.01s !important;\n\t\t}\n\t}\n\n\t&[multiple] {\n\t\tmargin-top: to-rem($pxValue: 16);\n\n\t\t& + .elm-label {\n\t\t\ttransform: translate($db-spacing-m, -#{to-rem($pxValue: 100)});\n\t\t}\n\t}\n\n\toptgroup {\n\t\tbackground-color: transparent;\n\t\tfont-style: normal;\n\t}\n\n\toption {\n\t\t&:not(:disabled):hover {\n\t\t\tbackground-color: $db-color-cool-gray-200;\n\t\t}\n\n\t\t&:checked {\n\t\t\tbackground-color: $db-color-cool-gray-200;\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"chip.variables\";\n\n.elm-chip {\n\t& + label {\n\t\t--db-focus-outline-size: max(2px, 0.08em);\n\n\t\talign-items: center;\n\t\tborder: solid 1px $db-color-cool-gray-400;\n\t\tborder-radius: $chip---radius;\n\t\tdisplay: inline-flex;\n\t\tfont-weight: 500;\n\n\t\t// Link related styles\n\t\tfont-size: to-rem($pxValue: 14);\n\t\theight: to-rem($pxValue: 28);\n\t\tjustify-content: center;\n\t\tpadding-left: to-rem($pxValue: 7);\n\t\tpadding-right: to-rem($pxValue: 7);\n\t\ttext-decoration: none;\n\t\ttext-transform: capitalize;\n\t\twhite-space: nowrap;\n\n\t\t// Icons\n\t\t&[data-icon],\n\t\t&[data-icon-before] {\n\t\t\t@include iconMeta(20);\n\t\t}\n\n\t\t&[data-icon-after] {\n\t\t\t@include iconMeta($size: 20, $position: \"after\");\n\t\t}\n\t}\n\n\t&:not(:disabled, :checked) {\n\t\t// States\n\t\t& + label:hover {\n\t\t\tbackground-color: $chip-hover--backgroundColor;\n\t\t}\n\t}\n\n\t&:checked {\n\t\t& + label {\n\t\t\tbackground-color: $chip-selected--backgroundColor;\n\t\t\tborder-color: transparent;\n\t\t\tcolor: $chip-checked--color;\n\n\t\t\t//*** Variants ***\n\t\t\t&[data-variant=\"light\"] {\n\t\t\t\tbackground-color: $db-color-cool-gray-200;\n\t\t\t\tcolor: $db-color-cool-gray-700;\n\t\t\t\tborder: 1px solid $db-color-cool-gray-400;\n\t\t\t}\n\n\t\t\t&[data-variant=\"warning\"] {\n\t\t\t\tbackground-color: $db-color-warning;\n\t\t\t}\n\n\t\t\t&[data-variant=\"error\"] {\n\t\t\t\tbackground-color: $db-color-error;\n\t\t\t}\n\n\t\t\t&[data-variant=\"informative\"] {\n\t\t\t\tbackground-color: $db-color-informative;\n\t\t\t}\n\n\t\t\t&[data-variant=\"success\"] {\n\t\t\t\tbackground-color: $db-color-success;\n\t\t\t}\n\n\t\t\t// POIs\n\t\t\t&[data-variant=\"poi-essen-trinken\"] {\n\t\t\t\tbackground-color: $db-color-food-drink;\n\t\t\t\tcolor: $db-color-cool-gray-700;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-einkaufen\"] {\n\t\t\t\tbackground-color: $db-color-shopping;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-gesundheit\"] {\n\t\t\t\tbackground-color: $db-color-health;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-kunst-kultur\"] {\n\t\t\t\tbackground-color: $db-color-arts-culture;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-wissenswertes\"] {\n\t\t\t\tbackground-color: $db-color-things-to-know;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-freizeit\"] {\n\t\t\t\tbackground-color: $db-color-leisure;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-zivile-rel-einrichtungen\"] {\n\t\t\t\tbackground-color: $db-color-community-facilities;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-dienstleistungen\"] {\n\t\t\t\tbackground-color: $db-color-services;\n\t\t\t\tcolor: $db-color-cool-gray-700;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-db-services-einrichtung\"] {\n\t\t\t\tbackground-color: $db-color-db-services-facilities;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-wegeleitung\"] {\n\t\t\t\tbackground-color: $db-color-guidance;\n\t\t\t}\n\t\t}\n\t}\n\n\t&:disabled {\n\t\t& + label {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t&:focus-visible {\n\t\t& + label {\n\t\t\toutline: var(--db-focus-outline-size)\n\t\t\t\tvar(--db-focus-outline-style, solid)\n\t\t\t\tvar(--db-focus-outline-color, currentColor);\n\t\t\toutline-offset: var(\n\t\t\t\t--db-focus-outline-offset,\n\t\t\t\tvar(--db-focus-outline-size)\n\t\t\t);\n\t\t}\n\t}\n\n\t&[type=\"checkbox\"],\n\t&[type=\"radio\"] {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$chip---radius: to-rem(\n\t$pxValue: 4\n) !default;\n\n$chip-hover--backgroundColor: rgba($db-color-cool-gray-700, 0.03) !default;\n$chip-selected--backgroundColor: $db-color-cool-gray-700 !default;\n$chip-checked--color: $db-color-white !default;\n// $chip---color: $db-color-white !default;\n","@import \"tag.variables\";\n\n.elm-tag {\n\talign-items: center;\n\tbackground-color: $tag---backgroundColor;\n\tborder-radius: $tag---radius;\n\tcolor: $tag---color;\n\tdisplay: inline-flex;\n\tfont-weight: 500;\n\n\t// Link related styles\n\tfont-size: to-rem($pxValue: 12);\n\theight: to-rem($pxValue: 24);\n\tjustify-content: center;\n\tpadding-left: to-rem($pxValue: 4);\n\tpadding-right: to-rem($pxValue: 4);\n\ttext-transform: capitalize;\n\twhite-space: nowrap;\n\n\t// Sizes\n\t&%size-Small {\n\t\theight: to-rem($pxValue: 20);\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %size-Small;\n\t}\n\n\t//*** Variants ***\n\t&[data-variant=\"light\"] {\n\t\tbackground-color: $db-color-cool-gray-200;\n\t\tcolor: $db-color-cool-gray-700;\n\t\tborder: 1px solid $db-color-cool-gray-400;\n\t}\n\n\t&[data-variant=\"warning\"] {\n\t\tbackground-color: $db-color-warning-small-font;\n\t}\n\n\t&[data-variant=\"error\"] {\n\t\tbackground-color: $db-color-error-small-font;\n\t}\n\n\t&[data-variant=\"informative\"] {\n\t\tbackground-color: $db-color-informative-small-font;\n\t}\n\n\t&[data-variant=\"success\"] {\n\t\tbackground-color: $db-color-success-small-font;\n\t}\n\n\t// The \"Gleis\" additioally gets a bold font weight\n\t&[data-variant=\"track\"] {\n\t\tbackground-color: $db-color-blue-700;\n\t\tfont-weight: 700;\n\t}\n\n\t// POIs\n\t&[data-variant=\"poi-essen-trinken\"] {\n\t\tbackground-color: $db-color-food-drink;\n\t\tcolor: $db-color-cool-gray-700;\n\t}\n\n\t&[data-variant=\"poi-einkaufen\"] {\n\t\tbackground-color: $db-color-shopping;\n\t}\n\n\t&[data-variant=\"poi-gesundheit\"] {\n\t\tbackground-color: $db-color-health;\n\t}\n\n\t&[data-variant=\"poi-kunst-kultur\"] {\n\t\tbackground-color: $db-color-arts-culture;\n\t}\n\n\t&[data-variant=\"poi-wissenswertes\"] {\n\t\tbackground-color: $db-color-things-to-know;\n\t}\n\n\t&[data-variant=\"poi-freizeit\"] {\n\t\tbackground-color: $db-color-leisure;\n\t}\n\n\t&[data-variant=\"poi-zivile-rel-einrichtungen\"] {\n\t\tbackground-color: $db-color-community-facilities;\n\t}\n\n\t&[data-variant=\"poi-dienstleistungen\"] {\n\t\tbackground-color: $db-color-services;\n\t\tcolor: $db-color-cool-gray-700;\n\t}\n\n\t&[data-variant=\"poi-db-services-einrichtung\"] {\n\t\tbackground-color: $db-color-db-services-facilities;\n\t}\n\n\t&[data-variant=\"poi-wegeleitung\"] {\n\t\tbackground-color: $db-color-guidance;\n\t}\n\n\t// Icons\n\t&[data-icon],\n\t&[data-icon-before] {\n\t\t@include iconMeta(20);\n\n\t\t&::before {\n\t\t\t--icon-margin-after: #{to-rem($pxValue: 2)};\n\t\t}\n\t}\n\n\t&[data-icon-after] {\n\t\t@include iconMeta($size: 20, $position: \"after\");\n\n\t\t&::after {\n\t\t\t--icon-margin-before: #{to-rem($pxValue: 2)};\n\t\t}\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$tag---radius: to-rem(\n\t$pxValue: 4\n) !default;\n\n$tag---backgroundColor: $db-color-cool-gray-700 !default;\n$tag---color: $db-color-white !default;\n","@charset \"utf-8\";\n\n@import \"toggle.variables\";\n\n// adapted by https://danklammer.com/articles/simple-css-toggle-switch/\n\n.elm-toggle {\n\tappearance: none;\n\n\tbackground-color: $db-color-cool-gray-500;\n\tborder: none;\n\n\tborder-radius: to-rem($pxValue: 12);\n\n\tdisplay: inline-block;\n\theight: to-rem($pxValue: 24);\n\t// margin-right: $db-spacing-xs;\n\n\tposition: relative;\n\n\ttransition: background-color 0.3s ease;\n\n\twidth: to-rem($pxValue: 48);\n\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t@media (prefers-reduced-motion: reduce) {\n\t\ttransition-duration: 0.01s !important;\n\t}\n\n\t// Label positioning\n\t& + .elm-label {\n\t\tvertical-align: top;\n\t}\n\n\t&::before {\n\t\tbackground-color: $db-color-white;\n\n\t\tborder-radius: to-rem($pxValue: 10);\n\n\t\tbox-shadow:\n\t\t\t0 5px 30px 0 rgba(0, 0, 0, 0.05),\n\t\t\t0 1px 5px 0 rgba(0, 0, 0, 0.15);\n\t\tcontent: \"\"; // we could even also add toggled textual content for the switch in the future\n\n\t\tdisplay: block;\n\t\theight: to-rem($pxValue: 20);\n\t\tleft: #{to-rem($pxValue: 2)};\n\n\t\tposition: absolute;\n\t\ttop: #{to-rem($pxValue: 2)};\n\n\t\ttransition:\n\t\t\tborder-color,\n\t\t\tleft 0.3s cubic-bezier(0.3, 1.5, 0.7, 1);\n\n\t\twidth: to-rem($pxValue: 20);\n\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\ttransition-duration: 0.01s !important;\n\t\t}\n\t}\n\n\t&:hover {\n\t\t&::before {\n\t\t\tbackground-color: #f7f7f7; // TODO: Identify the correct color variable\n\t\t}\n\t}\n\n\t&:active {\n\t\t&::before {\n\t\t\ttransition: width 0.3s cubic-bezier(0.3, 1.5, 0.7, 1);\n\t\t\twidth: to-rem($pxValue: 24);\n\t\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\ttransition-duration: 0.01s !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t&:checked {\n\t\tbackground-color: $toggle--checked-backgroundColor;\n\n\t\t&::before {\n\t\t\tleft: unset;\n\t\t\tright: to-rem($pxValue: 2);\n\t\t}\n\t}\n\n\t&:disabled {\n\t\t&,\n\t\t& + label {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n}\n",".elm-youtube {\n\theight: to-rem($pxValue: 315);\n\twidth: to-rem($pxValue: 560);\n}\n","@import \"../../../css/partials.meta\";\n@import \"breadcrumb.variables\";\n\n.cmp-breadcrumb {\n\tcolor: $db-color-cool-gray-500;\n\tfont-size: to-rem($pxValue: 12);\n\n\ta {\n\t\tcolor: inherit;\n\t}\n\n\tol {\n\t\tdisplay: flex;\n\n\t\t& > li {\n\t\t\talign-items: center;\n\t\t\tdisplay: inline-flex;\n\t\t\tmargin-right: to-rem($pxValue: 3);\n\n\t\t\t[aria-current=\"location\"],\n\t\t\t[aria-current=\"page\"] {\n\t\t\t\tcolor: $db-color-cool-gray-700;\n\t\t\t}\n\n\t\t\t.elm-link {\n\t\t\t\tborder-radius: to-rem($pxValue: 4);\n\n\t\t\t\tpadding: to-rem($pxValue: 1) to-rem($pxValue: 3)\n\t\t\t\t\tto-rem($pxValue: 1) to-rem($pxValue: 4);\n\t\t\t\ttext-decoration: none;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: $breadcrumb-link-hover-backgroundColor;\n\t\t\t\t}\n\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: $breadcrumb-link-active-backgroundColor;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\t@include icon(glyph(home), $size: 20, $partial: $partial);\n\n\t\t\t\t&::before {\n\t\t\t\t\t--icon-margin-after: #{to-rem($pxValue: 3)};\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(:first-child) {\n\t\t\t\t@include icon(\n\t\t\t\t\tglyph($breadcrumb-divider--icon),\n\t\t\t\t\t$size: 20,\n\t\t\t\t\t$partial: $partial\n\t\t\t\t);\n\n\t\t\t\t&::before {\n\t\t\t\t\t--icon-font-size: #{to-rem($pxValue: 14)};\n\t\t\t\t\t--icon-margin-after: 0;\n\t\t\t\t\tcolor: $db-color-cool-gray-400;\n\t\t\t\t\tmargin-left: -#{to-rem($pxValue: 2)};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../00-base/icons/icons.helpers\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/colors/colors.variables\";\n\n$breadcrumb-divider--icon: \"chevron-right\" !default;\n$breadcrumb-link-hover-backgroundColor: rgba(\n\t$db-color-cool-gray-700,\n\t0.03\n) !default;\n$breadcrumb-link-active-backgroundColor: rgba(\n\t$db-color-cool-gray-700,\n\t0.06\n) !default;\n","@import \"../../../css/helpers/functions\";\n\n.cmp-cards {\n\tlist-style: none;\n\n\tmargin: 0;\n\tpadding: 0;\n\n\t@supports (display: grid) {\n\t\tdisplay: grid;\n\t\tgrid-gap: to-rem($pxValue: 24);\n\t\tgrid-template-columns: repeat(\n\t\t\tauto-fill,\n\t\t\tminmax(to-rem($pxValue: 340), 1fr)\n\t\t);\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"cards.variables\";\n\n.cmp-card {\n\tbackground-color: #fff;\n\n\tborder-radius: 8px;\n\tbox-shadow: $box-shadow-01, $box-shadow-02;\n\n\t& > a {\n\t\ttext-decoration: none;\n\t}\n\n\tfigure {\n\t\tmargin: $db-spacing-m $db-spacing-m $db-spacing-m $db-spacing-s;\n\t}\n\n\t// Banner variant\n\t&[data-variant=\"banner\"] {\n\t\tfigure {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\tfigcaption {\n\t\t\tmargin-left: 1rem;\n\n\t\t\th1,\n\t\t\th2,\n\t\t\th3,\n\t\t\th4,\n\t\t\th5,\n\t\t\th6 {\n\t\t\t\tfont-size: to-rem($pxValue: 18);\n\n\t\t\t\t&,\n\t\t\t\t& ~ p {\n\t\t\t\t\tmargin: 0.125rem 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\tfont-size: to-rem($pxValue: 14);\n\n\t\t\t\tmax-width: to-rem(\n\t\t\t\t\t$pxValue: 290\n\t\t\t\t); // TODO: This would need some rework\n\t\t\t}\n\t\t}\n\t}\n\n\t// Tile variant\n\t&[data-variant=\"tile\"] {\n\t\ttext-align: center;\n\t}\n\n\tfigcaption {\n\t\tmax-width: 60ch;\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"accordion.variables\";\n\n.cmp-accordion {\n\t--db-accordion---paddingLeft: #{$accordion---paddingLeft};\n\tborder-bottom: 1px solid $db-color-cool-gray-200;\n\tpadding-left: var(--db-accordion---paddingLeft);\n\tpadding-right: $accordion---paddingRight;\n\n\tsummary {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\n\t\tpadding-block: $db-spacing-sm;\n\t\t// Negating the padding left for moving the element into that direction with the same measures\n\t\ttransform: translateX(calc(var(--db-accordion---paddingLeft) * -1));\n\t\twidth: calc(\n\t\t\t100% + var(--db-accordion---paddingLeft) + #{$accordion---paddingRight}\n\t\t);\n\n\t\t& {\n\t\t\t@include icon(\n\t\t\t\tglyph(expand-more),\n\t\t\t\t24,\n\t\t\t\t\"outline\",\n\t\t\t\t\"after\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\n\t\t// Replace existing marker with an icon from the library\n\t\t&::-webkit-details-marker {\n\t\t\tdisplay: none;\n\t\t}\n\t\t// … and using some other declaration for Mozilla Firefox\n\t\t&:first-of-type {\n\t\t\tlist-style-type: none;\n\t\t}\n\n\t\t// Icon horizontal space\n\t\t&::after {\n\t\t\t--icon-margin-before: #{to-rem($pxValue: 8)};\n\t\t\tmargin-right: #{to-rem($pxValue: 14)};\n\t\t}\n\n\t\t& + p {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t// TODO: This might get simplified in the future with @nest\n\t&[open] > summary {\n\t\t&::after {\n\t\t\tcontent: glyph(expand-less);\n\t\t}\n\t}\n\n\t// Emphasis\n\t&%emphasis-High {\n\t\t// Calculate especially depending on the icons sizes difference\n\t\t--db-accordion---paddingLeft: #{$accordion---paddingLeft + 0.5rem};\n\n\t\tsummary {\n\t\t\tfont-weight: 700;\n\t\t\theight: to-rem($pxValue: 56);\n\n\t\t\t&::after {\n\t\t\t\t--icon-font-size: #{to-rem($pxValue: 32)};\n\t\t\t}\n\t\t}\n\t}\n\n\t&[data-emphasis=\"high\"] {\n\t\t@extend %emphasis-High;\n\t}\n\n\t// Sizes\n\t&%size-Small {\n\t\t// Calculate dependending on the icons sizes and margins difference\n\t\t--db-accordion---paddingLeft: #{$accordion---paddingLeft - 0.75rem};\n\n\t\tsummary {\n\t\t\tfont-size: to-rem($pxValue: 14);\n\t\t\t// ToDo: This needs to get replaced by the correct variable\n\t\t\tpadding-block: 0.59375rem;\n\n\t\t\t&::after {\n\t\t\t\t--icon-font-size: #{to-rem($pxValue: 20)};\n\t\t\t\t--icon-margin-after: #{to-rem($pxValue: 6)};\n\t\t\t\tmargin-left: #{to-rem($pxValue: 6)};\n\t\t\t}\n\t\t}\n\t}\n\n\t&%size-Large {\n\t\t// Calculate especially depending on the icons sizes difference\n\t\t--db-accordion---paddingLeft: #{$accordion---paddingLeft + 0.5rem};\n\n\t\tsummary {\n\t\t\tfont-size: to-rem($pxValue: 20);\n\t\t\tpadding-block: $db-spacing-m;\n\n\t\t\t&::after {\n\t\t\t\t--icon-font-size: #{to-rem($pxValue: 32)};\n\t\t\t}\n\t\t}\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %size-Small;\n\t}\n\n\t&[data-size=\"large\"] {\n\t\t@extend %size-Large;\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$accordion---paddingLeft: $db-spacing-m !default;\n$accordion---paddingRight: to-rem(\n\t$pxValue: 16\n) !default;\n","%header-divider {\n\tposition: absolute;\n\tcontent: \"\";\n\twidth: 1px;\n\theight: 1.5rem;\n\tbackground-color: rgba(40, 45, 55, 0.2);\n\tinset-block-start: 50%;\n\ttransform: translateY(-50%);\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$header-big-link-paddingTop: 32 * 0.0625 !default;\n$header---backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n\n// * reduced height\n// $header-big-link-paddingTop: 19*0.0625 !default;\n$rea-header-elm-link-padding-bottom-big: to-rem(\n\t$pxValue: 19\n) !default;\n\n// * reduced height\n// $rea-header-elm-link-padding-bottom-big: to-rem($pxValue: 11) !default;\n\n$mainnavigation---position: relative !default;\n// $mainnavigation---position: absolute !default; // underneath\n$mainnavigation---position-top: 0 !default;\n// $mainnavigation---position-top: to-rem($pxValue: 79) !default; // underneath\n$mainnavigation-link--borderPosition: \"bottom\" !default;\n// $mainnavigation-link--borderPosition: \"top\" !default; // underneath\n$mainnavigation-link--paddingTop: #{$header-big-link-paddingTop}rem !default;\n// $mainnavigation-link--paddingTop: to-rem($pxValue: 11) !default; // underneath\n$mainnavigation-link--paddingBottom: $rea-header-elm-link-padding-bottom-big !default;\n// $mainnavigation-link--paddingBottom: to-rem($pxValue: 11) !default; // underneath\n","@import \"../../../css/partials.meta\";\n// TODO: Replace magic numbers e.g. with flexbox implementations and extract variables as well for multi-brand\n@import \"mainnavigation.variables\";\n@import \"../../../css/helpers/dividers\";\n\n.cmp-mainnavigation {\n\ttop: $mainnavigation---position-top;\n\tpadding-inline-start: 1.5rem;\n\tposition: $mainnavigation---position;\n\n\t&::before {\n\t\t@extend %header-divider;\n\t\tinset-inline-start: 0;\n\t}\n\n\t.rea-header & {\n\t\torder: 1;\n\t}\n\n\t// Header Components positioning, :has non-supporting browsers fallback\n\t@supports not selector(:has(db)) {\n\t\tmargin: auto;\n\t}\n\n\t// The links shouldn't get an underline as text-decoration\n\t.elm-link {\n\t\t// We need to reset the general border-radius here\n\t\tborder-radius: initial;\n\t\tcolor: inherit;\n\t\tdisplay: inline-block;\n\t\ttext-decoration: none;\n\t}\n\n\t// Navigation toggle elements\n\t& > input[type=\"checkbox\"][id] {\n\t\tappearance: none;\n\t\tposition: absolute;\n\t\tblock-size: 1.5rem;\n\t\taspect-ratio: 1 / 1;\n\n\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t// Hiding the navigation toggle elements on huger viewports\n\t\t\t&,\n\t\t\t& + label[for] {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t& > label[for] {\n\t\tbackground-color: $header---backgroundColor; // TODO: This would need to get replaced by the correct (semantic) color\n\n\t\tborder-bottom: 1px solid $db-color-warm-gray-100;\n\n\t\tdisplay: block;\n\t\tpadding: to-rem($pxValue: 8) to-rem($pxValue: 22) to-rem($pxValue: 10);\n\n\t\t& {\n\t\t\t@include icon(glyph(menu), 24, \"outline\", $partial: $partial);\n\t\t\t@include icon(\n\t\t\t\tglyph(close),\n\t\t\t\t24,\n\t\t\t\t\"outline\",\n\t\t\t\t\"after\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\n\t\t&::before {\n\t\t\tmargin-right: to-rem($pxValue: 16);\n\t\t}\n\n\t\t&::after {\n\t\t\tmargin-right: to-rem($pxValue: 16);\n\t\t}\n\t}\n\n\t// Displaying the main navigation as an top to bottom overlay on smaller viewports\n\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\tz-index: $z-index-cmp-mainnavigation-dropdown; // * TODO: possibly rework variable naming\n\n\t\t& > input[type=\"checkbox\"][id] {\n\t\t\t& + label[for] {\n\t\t\t\t@include is-icon-text-replace();\n\t\t\t\tpadding: 0;\n\n\t\t\t\t&::before,\n\t\t\t\t&::after {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(:checked) {\n\t\t\t\t// Hiding the cross on collapsed navigation\n\t\t\t\t& + label[for] {\n\t\t\t\t\t&::after {\n\t\t\t\t\t\tcontent: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// Hiding the navigation\n\t\t\t\t& ~ ul {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:checked {\n\t\t\t\tinset-inline-end: 1.5rem;\n\t\t\t\tinset-block-start: 1rem;\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\n\t\t\t\t& + label[for] {\n\t\t\t\t\tbackground-color: #fff;\n\t\t\t\t\tblock-size: 3.5rem;\n\n\t\t\t\t\t&::after {\n\t\t\t\t\t\tpadding: 0.5rem;\n\t\t\t\t\t\tinset-inline-end: 1rem;\n\t\t\t\t\t\tinset-block-start: 0.5rem;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\t\t\t\t\t}\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tcontent: \"\";\n\t\t\t\t\t\tposition: fixed;\n\t\t\t\t\t\tinset: 0;\n\t\t\t\t\t\tz-index: $z-index-cmp-mainnavigation-dropdown;\n\t\t\t\t\t\tbackground-color: $db-color-cool-gray-700;\n\t\t\t\t\t\topacity: 0.8;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:has(> input[type=\"checkbox\"][id]:not(:checked)) {\n\t\t\t// Only for burger menu\n\t\t\tposition: absolute;\n\t\t\tinset-inline-end: 1.5rem;\n\t\t\tinset-block-start: 50%;\n\t\t\ttransform: translateY(-50%);\n\t\t\tpadding-inline-start: 1rem;\n\t\t}\n\n\t\t&:has(> input[type=\"checkbox\"][id]:checked) {\n\t\t\tposition: fixed;\n\t\t\tinset: 0;\n\t\t\tpadding: 0;\n\t\t\tmargin-inline-start: 1.5rem;\n\n\t\t\t&::after {\n\t\t\t\tcontent: \"\";\n\t\t\t\twidth: 100%;\n\t\t\t\tblock-size: 3.5rem;\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tinset: 0;\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: $z-index-cmp-mainnavigation-dropdown;\n\t\t\t\tborder-bottom: 1px solid rgba(40, 45, 55, 0.2);\n\t\t\t\tborder-top-left-radius: 4px;\n\t\t\t}\n\t\t}\n\t}\n\n\tul {\n\t\tbackground-color: $header---backgroundColor;\n\t}\n\n\t// Multiple level navigation\n\tul ul {\n\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\tbox-shadow: $box-shadow-01, $box-shadow-02;\n\t\t\tposition: absolute;\n\t\t\tvisibility: hidden;\n\n\t\t\tz-index: $z-index-rea-header-cmp-mainnavigation-submenu;\n\t\t}\n\n\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t// First Level\n\t& > ul {\n\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\tbackground-color: #fff;\n\t\t\tposition: absolute;\n\t\t\tinset-inline: 0;\n\t\t\tinset-block-end: 0;\n\t\t\tinset-block-start: 3.5rem;\n\t\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\t\t\tpadding: 0.75rem;\n\t\t\tmargin-block-end: 3.5rem;\n\t\t\toverflow: auto;\n\t\t}\n\n\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\tdisplay: flex;\n\t\t\tgap: 0.75rem;\n\t\t}\n\n\t\t& > li,\n\t\t& > * > li {\n\t\t\t& > .elm-link,\n\t\t\t& > * > .elm-link {\n\t\t\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t\t\theight: 2.5rem;\n\t\t\t\t\tpadding: 0.5rem 0.75rem;\n\t\t\t\t\tborder-radius: 4px;\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tborder-#{$mainnavigation-link--borderPosition}-color: $db-color-cool-gray-200;\n\t\t\t\t\t}\n\n\t\t\t\t\t&[aria-current=\"page\"] {\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\theight: 4px;\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\tcontent: \"\";\n\t\t\t\t\t\t\tbackground-color: $db-color-red-500;\n\t\t\t\t\t\t\tborder-radius: 2px;\n\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\tinset-block-start: calc(100% + 0.25rem);\n\t\t\t\t\t\t\tinset-inline: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// From second level\n\t\t\tul {\n\t\t\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t\t\tinset-inline-start: 0;\n\t\t\t\t\tmin-width: 100%;\n\t\t\t\t\tinset-block-start: calc(100% + 0.5rem);\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tcontent: \"\";\n\t\t\t\t\t\theight: 0.5rem;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tinset-block-end: 100%;\n\t\t\t\t\t}\n\n\t\t\t\t\t// From third level\n\t\t\t\t\tul {\n\t\t\t\t\t\tinset-inline-start: 100%;\n\t\t\t\t\t\ttop: auto;\n\t\t\t\t\t\tinset-block-start: 0.25rem;\n\t\t\t\t\t}\n\n\t\t\t\t\t.elm-link {\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tdisplay: flex;\n\n\t\t\t\t\t\tmin-height: to-rem($pxValue: 53);\n\t\t\t\t\t\tpadding-left: to-rem($pxValue: 18);\n\t\t\t\t\t\tpadding-right: to-rem($pxValue: 18);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t& > li,\n\t\t\t\t& > * > li {\n\t\t\t\t\t& > .elm-link,\n\t\t\t\t\t& > * > .elm-link {\n\t\t\t\t\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\t\t\t\t\tpadding-left: to-rem($pxValue: 34);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Third level\n\t\t\t\t\tul {\n\t\t\t\t\t\t& > li,\n\t\t\t\t\t\t& > * > li {\n\t\t\t\t\t\t\t& > .elm-link,\n\t\t\t\t\t\t\t& > * > .elm-link {\n\t\t\t\t\t\t\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\t\t\t\t\t\t\tpadding-left: to-rem($pxValue: 60);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tli {\n\t\tdisplay: block;\n\n\t\t// lower levels\n\t\tposition: relative;\n\t\t// Icon for menu\n\t\t// TODO: this could probably get simplified with a media query polyfill and moved back to the previous section\n\t\t&[aria-haspopup=\"true\"] {\n\t\t\t@include icon(\n\t\t\t\tglyph(chevron-right),\n\t\t\t\t24,\n\t\t\t\t\"outline\",\n\t\t\t\t\"after\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\n\t\t\t&::after {\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 1rem;\n\t\t\t\ttop: to-rem($pxValue: 9);\n\t\t\t}\n\t\t}\n\n\t\t&:is(:hover, :focus-within) {\n\t\t\t& > ul,\n\t\t\t& > * > ul {\n\t\t\t\tvisibility: visible;\n\t\t\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\t\t\tdisplay: initial;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\t&:hover {\n\t\t\t\t& > a {\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t}\n\n\t\t\t\t&[aria-haspopup=\"true\"] {\n\t\t\t\t\t--icon-glyph-after: \"⌄\";\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.elm-link {\n\t\t\t\tcolor: inherit;\n\t\t\t\tpadding-block: 0.5rem;\n\t\t\t\tpadding-inline-start: 0.75rem;\n\t\t\t\twidth: calc(100% - 4rem);\n\t\t\t}\n\n\t\t\t&[aria-haspopup=\"true\"] {\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t}\n\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t// Do not show Icon for menu on bigger screens\n\t\t\t&[aria-haspopup=\"true\"] {\n\t\t\t\t&::after {\n\t\t\t\t\tcontent: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.elm-link {\n\t\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0);\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.08);\n\t\t\t\t\tcolor: initial;\n\t\t\t\t}\n\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.16);\n\t\t\t\t}\n\n\t\t\t\t&[aria-current=\"page\"] {\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","/* *****\n\tThis file summarizes the general variables relevant for using DB UI Core with SCSS.\n***** */\n\n// Define the path for both image and font folders\n$icons-path: \"../../icons/\" !default;\n$images-path: \"../../images/\" !default;\n$fonts-path: \"../../fonts/\" !default;\n\n@import \"@db-ui/base/build/scss/variables\";\n\n// General configurations\n$dbBaseFontSize: 16px;\n$dbBaseFontSizeSass: 0.0625 !default;\n\n$db-logo-default-width: 58px !default;\n$db-logo-default-height: 40px !default;\n\n$metanavigation-iconOnly--maxWidth: to-rem(656);\n\n// General box-shadow\n// * offset-x | offset-y | blur-radius | (spread-radius) | color\n$box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n$box-shadow-01: 0 0 5px rgba(0, 0, 0, 0.08);\n$box-shadow-02: 0 5px 30px rgba(0, 0, 0, 0.05);\n$box-shadow-01-bottom: 0 2px 5px rgba(0, 0, 0, 0.08);\n$box-shadow-02-bottom: 0 15px 30px rgba(0, 0, 0, 0.05);\n\n// *** z-index ***\n$z-index-rea-header-cmp-mainnavigation-submenu: 70 !default;\n$z-index-rea-header-cmp-language-switcher-li: 40 !default;\n$z-index-cmp-mainnavigation-dropdown: 30 !default;\n$z-index-cmp-overflow-menu-menu: 60 !default;\n$z-index-cmp-overflow-menu-overlay: 50 !default;\n$z-index-rea-header-cmp-sitesearch-focus: 10 !default;\n$z-index-reas-fixed-header-footer: 10 !default;\n\n// Defined the max-width for a narrower screen to break the header, that e.g. let's the navigation break into a hamburger menu. Also defined the z-index for the header and footer.\n$db-break-the-header-max-width: 1023px !default;\n","@import \"metanavigation.variables\";\n\n.cmp-metanavigation {\n\tdisplay: flex;\n\tlist-style: none;\n\tmargin-bottom: 0;\n\tmargin-top: 0;\n\tpadding-left: 0;\n\tgap: 0.5rem;\n\n\tli {\n\t\tpadding-left: to-rem($pxValue: 8);\n\t\tpadding-right: to-rem($pxValue: 8);\n\n\t\t.rea-footer & {\n\t\t\tpadding-left: to-rem($pxValue: 6);\n\t\t\tpadding-right: to-rem($pxValue: 6);\n\t\t}\n\n\t\t.elm-link {\n\t\t\ttext-decoration: none;\n\n\t\t\t.rea-header & {\n\t\t\t\t@include is-icon-text-replace();\n\t\t\t}\n\t\t}\n\t}\n\n\t.rea-footer & {\n\t\tflex-wrap: wrap;\n\t\tjustify-content: center;\n\n\t\t@media screen and (max-width: 767px) {\n\t\t\tmargin-bottom: 1rem;\n\t\t}\n\t\t@media screen and (min-width: 768px) {\n\t\t\tfloat: right;\n\t\t}\n\t}\n}\n","@import \"brand.variables\";\n\n.cmp-brand {\n\tfont-weight: bold;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 1rem;\n\n\ta,\n\timg {\n\t\theight: 1.5rem;\n\t}\n\n\timg {\n\t\twidth: auto;\n\t}\n\n\ta {\n\t\tcolor: inherit;\n\t\t// Deactivate underline on site name being made clickable by added to the link as well\n\t\ttext-decoration: none;\n\t}\n}\n","$form-elements-color: $db-color-cool-gray-700 !default;\n$form-elements-border-radius: 4px !default;\n\n$form-elements---borderTop: 1px solid var(--formElement---borderTopColor) !default;\n$form-elements---borderRight: 1px solid var(--formElement---borderRightColor) !default;\n$form-elements---borderBottom: 1px solid var(--formElement---borderBottomColor) !default;\n$form-elements---borderLeft: 1px solid var(--formElement---borderLeftColor) !default;\n\n// ### Style variations ###\n// Semitransparent\n$form-elements-semitransparent-background-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.05\n) !default;\n$form-elements-semitransparent-border-bottom-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.5\n) !default;\n\n// White\n$form-elements-white-background-color: $db-color-white !default;\n$form-elements-white-border-bottom-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.5\n) !default;\n\n// Solid\n$form-elements-solid-background-color: $db-color-cool-gray-100 !default;\n$form-elements-solid-border-bottom-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.5\n) !default;\n\n// Outline\n$form-elements-outline-border-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.25\n) !default;\n","@import \"../../../css/partials.meta\";\n@import \"sitesearch.variables\";\n@import \"../../01-elements/form-elements\";\n\n.cmp-sitesearch {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-inline-end: 0.75rem;\n\n\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\tmargin-inline-start: auto;\n\t\tmargin-inline-end: 2.25rem;\n\n\t\t&::before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.elm-input[type=\"search\"] {\n\t\t@extend %form-element-solid;\n\t\tbackground-image: none;\n\t\topacity: 0;\n\t\twidth: 0;\n\t\tpadding: 0;\n\n\t\t&:focus,\n\t\t&:not(:placeholder-shown) {\n\t\t\topacity: 1;\n\t\t\twidth: calc(#{$sitesearch-width--open} + 1rem);\n\t\t\tpadding-inline-start: 1rem;\n\t\t\tpadding-inline-end: 3rem;\n\t\t\tpadding-top: 0;\n\n\t\t\t& + .elm-label {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t& ~ .elm-button {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\t}\n\n\t.elm-label {\n\t\tpadding: 0.5rem;\n\t\tborder-radius: 4px;\n\n\t\tdisplay: inline-block;\n\n\t\t& {\n\t\t\t@include icon(glyph(search), 24, \"outline\", $partial: $partial);\n\t\t}\n\n\t\t&::before {\n\t\t\tvertical-align: top;\n\t\t}\n\n\t\t.rea-meta & {\n\t\t\t@include is-icon-text-replace();\n\t\t}\n\t}\n\n\t.elm-button {\n\t\t@include is-icon-text-replace();\n\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tpadding: 0.5rem;\n\t\tinset-inline-end: 0.75rem;\n\t\tborder: 0;\n\n\t\t& {\n\t\t\t@include icon(glyph(search), 24, \"outline\", $partial: $partial);\n\t\t}\n\t}\n\n\t.elm-label,\n\t.elm-button {\n\t\tbackground-color: rgba($db-color-cool-gray-700, 0);\n\n\t\t&:hover {\n\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.08);\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.16);\n\t\t}\n\t}\n\n\t@media screen and (max-width: #{$sitesearch-form-full-maxWidth}) {\n\t\t&:focus-within,\n\t\t&:has(.elm-input[type=\"search\"]:not(:placeholder-shown)) {\n\t\t\tleft: to-rem($pxValue: 16);\n\t\t\tposition: absolute;\n\t\t\tz-index: $z-index-rea-header-cmp-sitesearch-focus;\n\n\t\t\t.elm-input[type=\"search\"] {\n\t\t\t\twidth: calc(100vw - 5.5rem);\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"notification.variables\";\n\n.cmp-notification {\n\t// Default style\n\tbackground-color: $notification---backgroundColor;\n\n\tbox-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); // Todo: This should most likely get generally setup\n\n\tmargin-bottom: #{to-rem($pxValue: 16)};\n\tpadding: #{to-rem($pxValue: 16)}; // TODO: replace by spacing-m variable\n\tsection[data-variant=\"hovering\"] & {\n\t\tbackground-color: #fff;\n\t}\n\n\t// Alert variant\n\tsection[data-variant=\"alert\"] & {\n\t\tcolor: $notification-alert--color;\n\t}\n\n\tsection[data-variant=\"hovering\"] & {\n\t\tborder: 2px solid transparent;\n\t\tborder-radius: #{to-rem($pxValue: 8)};\n\t\tpadding: #{to-rem($pxValue: 14)} #{to-rem($pxValue: 16)}; // TODO: replace by spacing-m variable\n\t}\n\n\t// Hide the textual labels regarding each state\n\t& > em {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\t}\n\n\t&[data-type=\"success\"] {\n\t\tbackground-color: $notification-success--backgroundColor;\n\n\t\tsection[data-variant=\"hovering\"] & {\n\t\t\tborder-color: $notification-success--backgroundColor;\n\t\t}\n\t}\n\n\t&[data-type=\"warning\"] {\n\t\tbackground-color: $notification-warning--backgroundColor;\n\n\t\tsection[data-variant=\"hovering\"] & {\n\t\t\tborder-color: $notification-warning--backgroundColor;\n\t\t}\n\t}\n\n\t&[data-type=\"error\"] {\n\t\tbackground-color: $notification-error--backgroundColor;\n\n\t\tsection[data-variant=\"hovering\"] & {\n\t\t\tborder-color: $notification-error--backgroundColor;\n\t\t}\n\t}\n\n\t&[data-type=\"informative\"] {\n\t\tbackground-color: $notification-informative--backgroundColor;\n\n\t\tsection[data-variant=\"hovering\"] & {\n\t\t\tborder-color: $notification-informative--backgroundColor;\n\t\t}\n\t}\n\n\t// Leading and trailing icons\n\t&[data-icon],\n\t&[data-icon-before],\n\t&[data-icon-after] {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t}\n\n\t&[data-icon],\n\t&[data-icon-before] {\n\t\t&::before {\n\t\t\t--icon-margin-after: #{to-rem($pxValue: 10)};\n\t\t}\n\t}\n\n\t&[data-icon-after] {\n\t\tjustify-content: space-between;\n\n\t\t&::after {\n\t\t\t--icon-margin-before: #{to-rem($pxValue: 10)};\n\t\t}\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n\n$notification-alert--color: #fff !default;\n\n$notification-success--backgroundColor: $db-color-success !default;\n$notification-warning--backgroundColor: $db-color-warning !default;\n$notification-error--backgroundColor: $db-color-error !default;\n$notification-informative--backgroundColor: $db-color-informative !default;\n\n$notification---backgroundColor: $db-color-cool-gray-700 !default;\n","@import \"../../../css/partials.meta\";\n@import \"dialog.variables\";\n\n.cmp-dialog {\n\tborder: 0;\n\tborder-radius: 8px;\n\n\tcolor: $db-color-cool-gray-700;\n\n\tfont-size: to-rem($pxValue: 14);\n\tmargin-top: 0;\n\tmax-width: 90vw;\n\n\tpadding: to-rem($pxValue: 16); // TODO: replace by general spacing variables\n\n\t// Display the dialog fixed within the middle of the screen (actually some overwrites for the dialog-polyfill CSS)\n\tposition: fixed;\n\ttop: 50%;\n\ttransform: translate(0, -50%);\n\t@media screen and (min-width: 768px) {\n\t\t// TODO: replace by correct general breakpoint variables\n\t\tpadding: to-rem(\n\t\t\t$pxValue: 24\n\t\t); // TODO: replace by general spacing variables\n\t}\n\t// Defining the backdrop colors\n\n\t// * native\n\t&::backdrop {\n\t\tbackground-color: $dialog-backdrop--backgroundColor;\n\t}\n\n\t// * polyfill\n\t& + .backdrop {\n\t\tbackground-color: $dialog-backdrop--backgroundColor;\n\t}\n\n\t// Display the modal via CSS as a no-javascript fallback\n\t&:target {\n\t\t.no-js & {\n\t\t\tdisplay: initial;\n\t\t}\n\t}\n\n\theader {\n\t\tcolor: $db-color-cool-gray-800;\n\n\t\ttransform: translateY(-#{to-rem($pxValue: 9)});\n\n\t\t.elm-headline {\n\t\t\tfont-size: to-rem($pxValue: 18);\n\t\t\tfont-weight: 700;\n\t\t\tline-height: to-rem(\n\t\t\t\t$pxValue: 24\n\t\t\t); // TODO: Check whether this is a settting that should be more global\n\t\t\tmargin-bottom: to-rem($pxValue: 6);\n\t\t\tmargin-right: to-rem($pxValue: 24);\n\t\t\t// Remove the headlines margin-top, as we're in a dialog that has a padding on it's own\n\t\t\tmargin-top: 0;\n\n\t\t\ttext-align: center;\n\t\t\t@media screen and (min-width: 768px) {\n\t\t\t\t// TODO: replace by correct general breakpoint variables\n\t\t\t\tfont-size: to-rem($pxValue: 24);\n\t\t\t\tline-height: to-rem(\n\t\t\t\t\t$pxValue: 28\n\t\t\t\t); // TODO: Check whether this is a settting that should be more global\n\t\t\t}\n\t\t}\n\n\t\t:is(.elm-link, button) {\n\t\t\t&.is-close {\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 0;\n\t\t\t\ttop: 0;\n\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tborder-color: transparent;\n\n\t\t\t\t& {\n\t\t\t\t\t@include icon(\n\t\t\t\t\t\tglyph(close),\n\t\t\t\t\t\t24,\n\t\t\t\t\t\t\"outline\",\n\t\t\t\t\t\t$partial: $partial\n\t\t\t\t\t);\n\t\t\t\t\t@include is-icon-text-replace();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tmain {\n\t\tp {\n\t\t\t&:first-child {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\tfooter {\n\t\tdisplay: flex;\n\t\tmargin-top: to-rem($pxValue: 18);\n\n\t\t.elm-button {\n\t\t\t& + .elm-button {\n\t\t\t\tmargin-left: to-rem(\n\t\t\t\t\t$pxValue: 16\n\t\t\t\t); // TODO: Replace by spacing variable\n\t\t\t}\n\t\t}\n\n\t\t&[data-alignment=\"end\"] {\n\t\t\tjustify-content: flex-end;\n\t\t}\n\n\t\t&:not([data-alignment=\"end\"]) {\n\t\t\t.elm-button {\n\t\t\t\tflex-grow: 1;\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$dialog-backdrop--backgroundColor: rgba(0, 0, 0, 0.9) !default;\n","@import \"../../../css/partials.meta\";\n@import \"language-switcher.variables\";\n\n@mixin set-top($step: 1) {\n\ttop: calc(\n\t\t#{$db-language-switcher---direction} * (100% * #{$step} + 1rem - 2px)\n\t);\n}\n\n.cmp-language-switcher {\n\tlist-style: none;\n\n\tmargin-right: to-rem($pxValue: 16);\n\tposition: relative;\n\n\t&:hover,\n\t&:focus {\n\t\tli {\n\t\t\t&:not([aria-current], [aria-selected]) {\n\t\t\t\tvisibility: visible;\n\t\t\t}\n\n\t\t\t&[aria-current=\"page\"],\n\t\t\t&[aria-selected=\"true\"] {\n\t\t\t\tcolor: $db-color-red-500;\n\t\t\t}\n\t\t}\n\t}\n\n\tli {\n\t\tbackground-color: #fdfdfd; // TODO: This would need to get replaced by the correct (semantic) color\n\n\t\tposition: absolute;\n\n\t\ttop: to-rem($pxValue: 26);\n\n\t\t.rea-header & {\n\t\t\t@include set-top(1);\n\n\t\t\tz-index: $z-index-rea-header-cmp-language-switcher-li; // * TODO: possibly rework variable naming\n\n\t\t\t// TODO: This is an enhancement for more languages, but obviously doesn't scale that nicely and would need some rework\n\t\t\t&:not([aria-current=\"page\"], [aria-selected=\"true\"])\n\t\t\t\t~ li:not([aria-current=\"page\"], [aria-selected=\"true\"]) {\n\t\t\t\t@include set-top(2);\n\n\t\t\t\t& ~ li:not([aria-current=\"page\"], [aria-selected=\"true\"]) {\n\t\t\t\t\t@include set-top(3);\n\n\t\t\t\t\t& ~ li:not([aria-current=\"page\"], [aria-selected=\"true\"]) {\n\t\t\t\t\t\t@include set-top(4);\n\n\t\t\t\t\t\t&\n\t\t\t\t\t\t\t~ li:not(\n\t\t\t\t\t\t\t\t[aria-current=\"page\"],\n\t\t\t\t\t\t\t\t[aria-selected=\"true\"]\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t@include set-top(5);\n\n\t\t\t\t\t\t\t&\n\t\t\t\t\t\t\t\t~ li:not(\n\t\t\t\t\t\t\t\t\t[aria-current=\"page\"],\n\t\t\t\t\t\t\t\t\t[aria-selected=\"true\"]\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t@include set-top(6);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t\ttop: 100%;\n\t\t\t}\n\t\t}\n\n\t\t.elm-link,\n\t\t.elm-button {\n\t\t\tcolor: inherit;\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\t&:not([aria-current], [aria-selected]) {\n\t\t\tvisibility: hidden;\n\n\t\t\t.elm-link,\n\t\t\t.elm-button {\n\t\t\t\tpadding-block: 1rem;\n\t\t\t\tpadding-right: to-rem($pxValue: 34);\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: $db-color-cool-gray-200;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&[aria-current],\n\t\t&[aria-selected] {\n\t\t\tposition: initial;\n\n\t\t\t.elm-link,\n\t\t\t.elm-button {\n\t\t\t\t& {\n\t\t\t\t\t@include icon(\n\t\t\t\t\t\tglyph(expand-more),\n\t\t\t\t\t\t24,\n\t\t\t\t\t\t\"outline\",\n\t\t\t\t\t\t\"after\",\n\t\t\t\t\t\t$partial: $partial\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: $db-color-red-500;\n\t\t\t\t}\n\n\t\t\t\t&::after {\n\t\t\t\t\tfloat: right;\n\n\t\t\t\t\tmargin-left: to-rem($pxValue: 5);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.elm-link,\n\t\t.elm-button {\n\t\t\tdisplay: inline-block;\n\n\t\t\tpadding-left: to-rem($pxValue: 18);\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\tcolor: initial;\n\t\t\t}\n\t\t}\n\n\t\t.elm-button {\n\t\t\tline-height: 1.5;\n\t\t\tpadding-right: 0;\n\t\t\tborder-width: 0;\n\t\t\tpadding-top: to-rem($pxValue: 9);\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"pagination.variables\";\n\n.cmp-pagination {\n\tcolor: $db-color-cool-gray-700;\n\tfont-size: to-rem($pxValue: 14);\n\n\tuser-select: none;\n\n\t& > ol {\n\t\tdisplay: flex;\n\t}\n\n\t.elm-headline {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\t}\n\n\tli,\n\t.elm-link {\n\t\talign-items: center;\n\t\tdisplay: inline-flex;\n\t\tjustify-content: center;\n\t}\n\n\tli {\n\t\theight: to-rem($pxValue: 36);\n\t\twidth: to-rem($pxValue: 36);\n\t}\n\n\t.elm-link {\n\t\tcolor: inherit;\n\t\theight: 100%;\n\t\ttext-decoration: none;\n\t\twidth: 100%;\n\n\t\t&[rel=\"prev\"],\n\t\t&[rel=\"next\"] {\n\t\t\tpadding: 0;\n\t\t\tvertical-align: bottom;\n\t\t}\n\n\t\t&[rel=\"prev\"]::before {\n\t\t\tmargin-left: to-rem($pxValue: 11);\n\t\t}\n\n\t\t&[rel=\"next\"]::before {\n\t\t\tmargin-right: to-rem($pxValue: 11);\n\t\t}\n\n\t\t&[rel=\"prev\"] {\n\t\t\t@include icon(glyph(chevron-left), $partial: $partial);\n\t\t\t@include is-icon-text-replace();\n\t\t}\n\n\t\t&[rel=\"next\"] {\n\t\t\t@include icon(glyph(chevron-right), $partial: $partial);\n\t\t\t@include is-icon-text-replace();\n\t\t}\n\n\t\t&[aria-current=\"page\"] {\n\t\t\tfont-weight: 700;\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"sidenavi.variables\";\n\n.cmp-sidenavi {\n\tbackground-color: $db-color-cool-gray-600;\n\tbox-shadow: $box-shadow-01, $box-shadow-02;\n\tdisplay: inline-block;\n\n\t.elm-link {\n\t\t// We need to reset the general border-radius here\n\t\tborder-radius: initial;\n\t\t// TODO: check for the correct color code\n\t\tcolor: $sidenavi-link--color; // * TODO: possibly rework variable naming\n\t\tdisplay: block;\n\t\tpadding: to-rem($pxValue: 20) to-rem($pxValue: 16);\n\t\ttext-decoration: none;\n\n\t\t&:hover,\n\t\t&:focus,\n\t\t&[aria-current=\"page\"] {\n\t\t\tcolor: $sidenavi-linkCurrent-hover-color; // * TODO: possibly rework variable naming\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: $sidenavi-link-hover-backgroundColor; // * TODO: possibly rework variable naming\n\t\t}\n\n\t\t&[aria-current=\"page\"] {\n\t\t\tbackground-color: $sidenavi-linkcurrent--backgroundColor; // * TODO: possibly rework variable naming\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t&[rel] {\n\t\t\tpadding-left: to-rem($pxValue: 21);\n\t\t}\n\n\t\t&[rel=\"index\"] {\n\t\t\t@include icon(glyph(home), 32, \"outline\", $partial: $partial);\n\t\t}\n\n\t\t&[rel=\"documents\"] {\n\t\t\t@include icon(glyph(document), 32, \"outline\", $partial: $partial);\n\t\t}\n\t\t// TODO: This needs to get the icon from the new iconset\n\t\t&[rel=\"dashboard\"] {\n\t\t\t@include icon(\n\t\t\t\tglyph(dashboard),\n\t\t\t\t32,\n\t\t\t\t\"enterprise-outline\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\t\t// TODO: This needs to get the icon from the new iconset\n\t\t&[rel=\"cloud\"] {\n\t\t\t@include icon(\n\t\t\t\tglyph(cloud),\n\t\t\t\t32,\n\t\t\t\t\"enterprise-outline\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\n\t\t&[rel=\"calendar\"] {\n\t\t\t@include icon(glyph(calendar), 32, \"outline\", $partial: $partial);\n\t\t}\n\n\t\t&[rel=\"help\"] {\n\t\t\t@include icon(glyph(help), 32, \"outline\", $partial: $partial);\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"tab-bar.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n@mixin tab() {\n\t& > input[type=\"radio\"],\n\t& > * > input[type=\"radio\"] {\n\t\t@content;\n\t}\n}\n\n.cmp-tab-bar {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\n\tgap: 0.25rem;\n\n\t@include tab() {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\n\t\t& + label[role=\"tab\"] {\n\t\t\tcursor: pointer;\n\t\t\tdisplay: flex;\n\t\t\tpadding: 0.875rem $db-spacing-m;\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t\tborder-radius: 4px;\n\t\t\talign-items: center;\n\n\t\t\t&::before {\n\t\t\t\tmargin-inline-start: -0.125rem;\n\t\t\t}\n\t\t}\n\n\t\t&:focus + label {\n\t\t\toutline: $tabBar-tab-focus-outline;\n\t\t}\n\n\t\t&:not(:checked) {\n\t\t\t& + label[role=\"tab\"] {\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: $tabBar-tab-hover-backgroundColor;\n\t\t\t\t}\n\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: $tabBar-tab-pressed-backgroundColor;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\t& + label[role=\"tab\"] {\n\t\t\t\tcolor: $db-color-cool-gray-400;\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: unset;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:checked {\n\t\t\t& + label[role=\"tab\"] {\n\t\t\t\tfont-weight: 700;\n\n\t\t\t\t& + section[role=\"tabpanel\"] {\n\t\t\t\t\tdisplay: initial;\n\t\t\t\t}\n\n\t\t\t\t// Puls\n\t\t\t\t&::after {\n\t\t\t\t\tbackground-color: $db-color-red-500;\n\t\t\t\t\tborder-radius: 5px;\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\theight: 0.25rem;\n\t\t\t\t\tinset-block-end: 0;\n\t\t\t\t\tinset-inline: 0;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tlabel[role=\"tab\"],\n\tsection[role=\"tabpanel\"] {\n\t\tbackground-color: $tabBar-tabSection--backgroundColor;\n\t}\n\n\tsection[role=\"tabpanel\"] {\n\t\tdisplay: none;\n\t\tflex-basis: 100%;\n\t\torder: 1;\n\t\tmargin-block-start: 0.125rem;\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@include tab() {\n\t\t\t& + label[role=\"tab\"] {\n\t\t\t\tpadding-block: 0.625rem;\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../../css/db-ui-core.variables\";\n\n$tabBar-tabSection--backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n\n$tabBar-tab-focus-outline: 1px dotted $db-color-cool-gray-400 !default;\n\n// $db-color-cool-gray-100\n$tabBar-tab-hover-backgroundColor: #{$db-color-cool-gray-700} + \"1F\" !default;\n$tabBar-tab-pressed-backgroundColor: #{$db-color-cool-gray-700} + \"3D\" !default;\n$tabBar-tab-active-border: #{to-rem(\n\t\t$pxValue: 1\n\t)} solid $db-color-cool-gray-500 !default;\n\n$tabBar-tabpanel--borderTop: to-rem(\n\t\t$pxValue: 1\n\t)\n\tsolid $db-color-cool-gray-500 !default;\n$tabBar-tabpanel--boxShadow: $box-shadow-01-bottom, $box-shadow-02-bottom !default;\n","@import \"../../../css/helpers/functions\";\n@import \"table.variables\";\n@import \"table.helpers\";\n\n.cmp-table {\n\tborder-collapse: collapse;\n\n\tfont-size: var(--table---fontSize, inherit);\n\n\ttext-align: left;\n\n\t// the box-shadow should get displayed including the whole table / the caption as well\n\t&,\n\t& > caption {\n\t\tbox-shadow: $box-shadow-01, $box-shadow-02;\n\t}\n\n\tcaption {\n\t\tfont-weight: 700;\n\t\tpadding: #{to-rem($pxValue: 16)} #{to-rem($pxValue: 12)};\n\t\ttext-align: left;\n\t}\n\n\tthead {\n\t\tborder-bottom: to-rem($pxValue: 1) solid $db-color-cool-gray-700;\n\t\tborder-top: to-rem($pxValue: 1) solid $db-color-cool-gray-700;\n\n\t\tth {\n\t\t\tcolor: $db-color-cool-gray-500;\n\t\t}\n\t}\n\n\tth {\n\t\tfont-weight: 400;\n\t}\n\n\tth,\n\ttd {\n\t\tpadding: $table-densityRegular--padding;\n\n\t\t// Default horizontal and vertical alignment should get inherited\n\t\ttext-align: inherit;\n\t\tvertical-align: inherit;\n\n\t\t&:hover {\n\t\t\tresize: horizontal;\n\n\t\t\t&:not(:has(.cmp-overflow-menu)) {\n\t\t\t\toverflow: auto;\n\t\t\t}\n\t\t}\n\t}\n\n\ttbody {\n\t\tborder-bottom: to-rem($pxValue: 1) solid $db-color-cool-gray-700;\n\n\t\tth:first-child {\n\t\t\tborder-right: 1px solid $db-color-warm-gray-700;\n\t\t}\n\t}\n\n\t// Cell alignments\n\tthead,\n\ttbody,\n\ttr,\n\tth,\n\ttd {\n\t\t&%align-left {\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t&%align-center {\n\t\t\ttext-align: center;\n\t\t}\n\n\t\t&%align-right {\n\t\t\ttext-align: right;\n\t\t}\n\n\t\t&[data-align=\"left\"] {\n\t\t\t@extend %align-left;\n\t\t}\n\n\t\t&[data-align=\"center\"] {\n\t\t\t@extend %align-center;\n\t\t}\n\n\t\t&[data-align=\"right\"] {\n\t\t\t@extend %align-right;\n\t\t}\n\n\t\t&%vertical-align-top {\n\t\t\tvertical-align: top;\n\t\t}\n\n\t\t&%vertical-align-middle {\n\t\t\tvertical-align: middle;\n\t\t}\n\n\t\t&%vertical-align-bottom {\n\t\t\tvertical-align: bottom;\n\t\t}\n\n\t\t&[data-vertical-align=\"top\"] {\n\t\t\t@extend %vertical-align-top;\n\t\t}\n\n\t\t&[data-vertical-align=\"middle\"] {\n\t\t\t@extend %vertical-align-middle;\n\t\t}\n\n\t\t&[data-vertical-align=\"bottom\"] {\n\t\t\t@extend %vertical-align-bottom;\n\t\t}\n\t}\n\n\t// Border\n\t&[data-border=\"horizontal\"],\n\t&[data-border=\"around\"] {\n\t\ttbody {\n\t\t\ttr:not(:last-child) {\n\t\t\t\tth,\n\t\t\t\ttd {\n\t\t\t\t\tborder-bottom: 1px solid $table-line--borderColor; // * TODO: possibly rework variable naming\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&[data-border=\"around\"] {\n\t\ttbody {\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\t&:not(:first-child) {\n\t\t\t\t\tborder-left: 1px solid $table-line--borderColor; // * TODO: possibly rework variable naming\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Zebra cell styling\n\t&[data-rows=\"zebra\"] {\n\t\ttbody {\n\t\t\t@include cmp-table-zebra(\n\t\t\t\t$table-row-zebra-color\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t}\n\t}\n\n\t// Densities\n\t&[data-density=\"small\"] {\n\t\tth,\n\t\ttd {\n\t\t\tpadding: $table-densitySmall--padding;\n\t\t}\n\t}\n\n\t&[data-density=\"large\"] {\n\t\tth,\n\t\ttd {\n\t\t\tpadding: $table-densityLarge--padding;\n\t\t}\n\t}\n\n\t// Sticky header\n\t&[data-sticky=\"header\"] {\n\t\tthead,\n\t\ttbody th {\n\t\t\tbackground-color: #fff;\n\t\t\tposition: sticky;\n\t\t\ttop: -1px;\n\t\t}\n\t}\n}\n","@mixin cmp-table-zebra($zebra-color) {\n\ttr:nth-child(odd) {\n\t\t// TODO: This might get replaced by another effect\n\t\tbackdrop-filter: blur(4px);\n\t\tbackground-color: $zebra-color;\n\t}\n}\n\n// Responsive row and colum hiding\n@mixin cmp-table-hide-col($col, $max-width) {\n\tthead th,\n\ttbody td {\n\t\t@media screen and (max-width: $max-width) {\n\t\t\t&:nth-child(#{$col}) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n@mixin cmp-table-hide-row($row, $max-width) {\n\ttbody tr {\n\t\t@media screen and (max-width: $max-width) {\n\t\t\t&:nth-child(#{$row}) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/db-ui-core.variables\";\n\n$cmp-table-cell-height-36: to-rem(\n\t$pxValue: 4\n) !default; // 36px cell height\n$table-cell-height52-paddingVertical: to-rem(\n\t$pxValue: 14\n) !default; // 52px cell height\n$table-cell-height68-paddingVertical: to-rem(\n\t$pxValue: 22\n) !default; // 68px cell height\n\n$table-line--borderColor: $db-color-cool-gray-200 !default;\n\n$table-row-zebra-color: rgba($db-color-cool-gray-700, 0.07) !default;\n\n$table-densitySmall--padding: $db-spacing-s !default;\n$table-densityRegular--padding: $db-spacing-sm !default;\n$table-densityLarge--padding: $db-spacing-m !default;\n","@import \"../../../css/partials.meta\";\n@import \"link-list.variables\";\n\n.cmp-link-list {\n\tlist-style: none;\n\n\tpadding-left: 0;\n\n\tli {\n\t\t.elm-link {\n\t\t\tfont-weight: 700;\n\t\t\ttext-decoration: none;\n\n\t\t\t& {\n\t\t\t\t@include icon(glyph(chevron-right), $partial: $partial);\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&:active {\n\t\t\t\ttext-decoration: underline;\n\t\t\t}\n\n\t\t\t&::before {\n\t\t\t\tcolor: $db-color-red;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tfont-size: to-rem($pxValue: 12);\n\t\t\t\tfont-weight: 700;\n\t\t\t\tmargin-top: -#{to-rem($pxValue: 2)};\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"overflow-menu.variables\";\n\n.cmp-overflow-menu {\n\tcolor: #2d333f; // TODO: replace by correct color\n\tdisplay: inline-block;\n\tposition: relative;\n\n\t&:not(.is-account) {\n\t\tsummary {\n\t\t\t@include is-icon-text-replace();\n\t\t}\n\t}\n\n\tsummary {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tpadding: 0.5rem 0.75rem;\n\t\tborder-radius: 4px;\n\t\tcursor: default;\n\n\t\tbackground-color: rgba($db-color-cool-gray-700, 0);\n\n\t\t& {\n\t\t\t@include icon(\n\t\t\t\t$cmp-overflow-menu-icon,\n\t\t\t\t20,\n\t\t\t\t\"outline\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\n\t\t&::before {\n\t\t\ttransform: translateX(-#{to-rem($pxValue: 2)});\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.08);\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.16);\n\t\t}\n\n\t\t&::-webkit-details-marker {\n\t\t\tdisplay: none;\n\t\t}\n\t\t// … and using some other declaration for mozilla firefox\n\t\t&:first-of-type {\n\t\t\tlist-style-type: none;\n\t\t}\n\t}\n\n\t// Menu list\n\tmenu,\n\tul {\n\t\tbackground-color: $overflowMenu---backgroundColor;\n\n\t\tborder-radius: $overflowMenu---borderRadius;\n\t\tfilter: drop-shadow($box-shadow);\n\t\tmargin-block-start: 1rem;\n\t\tpadding-left: 0;\n\t\tposition: absolute;\n\t\twidth: min-content;\n\t\tz-index: $z-index-cmp-overflow-menu-menu;\n\n\t\t// Little triangle on the overlay\n\t\t&::before {\n\t\t\tborder-bottom: $overflowMenu-triangle--borderSize solid\n\t\t\t\t$overflowMenu---backgroundColor;\n\t\t\tborder-left: $overflowMenu-triangle--borderSize solid transparent;\n\t\t\tborder-right: $overflowMenu-triangle--borderSize solid transparent;\n\t\t\tcontent: \"\";\n\t\t\theight: 0;\n\t\t\tposition: absolute;\n\t\t\ttransform: translate(\n\t\t\t\tto-rem($pxValue: 12),\n\t\t\t\t-#{to-rem($pxValue: 13)}\n\t\t\t);\n\t\t\twidth: 0;\n\t\t}\n\n\t\tli {\n\t\t\tbutton,\n\t\t\ta {\n\t\t\t\tbackground-color: $overflowMenu---backgroundColor;\n\n\t\t\t\tborder-radius: unset;\n\t\t\t\tdisplay: block;\n\n\t\t\t\tfont-weight: 400;\n\t\t\t\tpadding: to-rem($pxValue: 16) to-rem($pxValue: 32)\n\t\t\t\t\tto-rem($pxValue: 16) to-rem($pxValue: 16); // TODO: replace by correct spacings\n\n\t\t\t\ttext-decoration: none;\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: $overflowMenu-item-hover-backgroundColor;\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\tbutton,\n\t\t\t\ta {\n\t\t\t\t\tborder-top-left-radius: $overflowMenu---borderRadius;\n\t\t\t\t\tborder-top-right-radius: $overflowMenu---borderRadius;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tbutton,\n\t\t\t\ta {\n\t\t\t\t\tborder-bottom-left-radius: $overflowMenu---borderRadius;\n\t\t\t\t\tborder-bottom-right-radius: $overflowMenu---borderRadius;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&[data-horizontal-position=\"opposite\"] {\n\t\tmenu,\n\t\tul {\n\t\t\tright: 0;\n\n\t\t\t&::before {\n\t\t\t\tright: 0;\n\t\t\t\ttransform: translate(\n\t\t\t\t\t-#{to-rem($pxValue: 12)},\n\t\t\t\t\t-#{to-rem($pxValue: 13)}\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\tmenu {\n\t\tlist-style-type: \"\"; // Disable list style type, but prevent postcss-list-style-safari-fix transformation\n\n\t\tli {\n\t\t\toverflow-x: hidden;\n\t\t}\n\n\t\tbutton {\n\t\t\tline-height: inherit;\n\t\t\ttext-align: left;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t// Achieving a full viewport clickarea for closing the overflow menu\n\t&[open] summary::after {\n\t\tcontent: \"\\00A0\";\n\t\tdisplay: inline-block;\n\t\theight: 100vh;\n\t\tleft: 0;\n\t\tposition: fixed;\n\t\ttop: 0;\n\t\twidth: 100vw;\n\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$overflowMenu---borderRadius: 8px !default;\n$overflowMenu---backgroundColor: #fff !default;\n$overflowMenu-item-hover-backgroundColor: $db-color-cool-gray-200 !default;\n$cmp-overflow-menu-icon: glyph(\n\tmore-vertical\n) !default; // * TODO: possibly rework variable naming\n$overflowMenu-triangle--borderSize: to-rem(\n\t$pxValue: 13\n) !default;\n","@import \"../../../css/partials.meta\";\n@import \"../overflow-menu/overflow-menu\";\n@import \"dropdown.variables\";\n\n.cmp-dropdown {\n\t@extend .cmp-overflow-menu;\n\n\t// Usage within the account menu\n\t&.is-account {\n\t\tsummary {\n\t\t\t@include icon(glyph(account), 24, \"outline\", $partial: $partial);\n\n\t\t\t@media screen and (max-width: $metanavigation-iconOnly--maxWidth) {\n\t\t\t\t// * TODO: possibly rework variable naming\n\t\t\t\t@include is-icon-text-replace();\n\t\t\t}\n\t\t}\n\t}\n\n\tmenu,\n\tul {\n\t\tbackground-color: $overflowMenu---backgroundColor;\n\t\tmargin-block-start: initial;\n\t\tright: 0;\n\t\ttransform: translateY(0.875rem);\n\n\t\t&::before {\n\t\t\tcontent: none;\n\t\t}\n\t}\n\n\t&[data-horizontal-position=\"opposite\"] {\n\t\tmenu,\n\t\tul {\n\t\t\tright: unset;\n\t\t}\n\t}\n}\n","// General body construct of header, main and footer\n// TODO: We would obviously like to enhance this via CSS grid later on\nbody {\n\tdisplay: grid;\n\tgrid-template-rows: auto 1fr auto;\n}\n\n// Fixed header & footer\n// Probably this is not the perfect spot for those declarations and we should introduce a general body tag related CSS file later on\n// TODO: We should definitly support a11y by only conditionally introducing this (e.g. landscape with a minimum height), compare to https://twitter.com/click2carney/status/1170728170342907904?s=11\nbody.has-fixed-header .rea-header,\nbody.has-fixed-footer .rea-footer {\n\tposition: fixed;\n\twidth: 100%;\n\tz-index: $z-index-reas-fixed-header-footer;\n}\n\nbody.has-fixed-header {\n\t// TODO: using some outsourced global declarations for the headers dimensions (height, padding and margins)\n\tpadding-top: to-rem($pxValue: 95);\n\n\t.rea-header {\n\t\ttop: 0;\n\t}\n\n\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\tpadding-top: to-rem($pxValue: 80);\n\t}\n}\n\nbody.has-fixed-footer {\n\t// TODO: using some outsourced global declarations for the footers dimensions (height, padding and margins)\n\tpadding-bottom: to-rem($pxValue: 88);\n\n\t.rea-footer {\n\t\tbottom: 0;\n\t}\n\n\t@media screen and (max-width: 1023px) {\n\t\tpadding-bottom: to-rem($pxValue: 94);\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n\n// offset-x | offset-y | blur-radius | spread-radius | color\n$header---boxShadow:\n\t0 2px 4px 0 rgba(0, 0, 0, 0.1),\n\t0 4px 8px 1px rgba(0, 0, 0, 0.05) !default;\n\n$header---backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n\n$header---borderBottom: #{to-rem(\n\t\t$pxValue: 1\n\t)} solid $db-color-warm-gray-400 !default;\n\n$header---marginBottom: to-rem(\n\t$pxValue: 16\n) !default;\n\n$header---minHeight: 3.5rem;\n","@import \"../../../css/partials.meta\";\n@import \"header.variables\";\n@import \"../../../css/helpers/functions\";\n@import \"../../../css/helpers/dividers\";\n\n.rea-header {\n\tbackground-color: $header---backgroundColor;\n\tbox-shadow: $header---boxShadow;\n\talign-items: center;\n\tmargin-bottom: $header---marginBottom;\n\n\tdisplay: flex;\n\tgap: 1.5rem;\n\n\tmin-block-size: $header---minHeight;\n\tpadding-inline: 1.5rem;\n\t@media screen and (width > $db-break-the-header-max-width) {\n\t\tpadding-block: 0.875rem;\n\t}\n\n\t// Divider only if there is a sitesearch and metanavigation\n\t&:has(.cmp-sitesearch):has(.cmp-metanavigation) {\n\t\t.cmp-sitesearch {\n\t\t\t&::before {\n\t\t\t\t@extend %header-divider;\n\t\t\t\tinset-inline-end: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\tborder-bottom: $header---borderBottom;\n\t\tposition: relative;\n\n\t\t&:has(.cmp-mainnavigation > input[type=\"checkbox\"][id]:not(:checked)) {\n\t\t\t.rea-meta {\n\t\t\t\t& > .elm-link,\n\t\t\t\t.cmp-metanavigation,\n\t\t\t\t.cmp-language-switcher,\n\t\t\t\t.cmp-dropdown {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:has(.cmp-mainnavigation > input[type=\"checkbox\"][id]:checked) {\n\t\t\t.rea-meta {\n\t\t\t\t--db-language-switcher---direction: -1;\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tposition: fixed;\n\t\t\t\tinset-inline-end: 0;\n\t\t\t\tinset-inline-start: 1.5rem;\n\t\t\t\tinset-block-start: unset;\n\t\t\t\tinset-block-end: 0;\n\t\t\t\tblock-size: 3.5rem;\n\t\t\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\t\t\t\tborder-top: 1px solid rgba(40, 45, 55, 0.2);\n\t\t\t\tborder-bottom-left-radius: 4px;\n\t\t\t\tpadding-inline: 1rem;\n\n\t\t\t\t.cmp-sitesearch {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.cmp-dropdown {\n\t\t\t\t\t& > menu {\n\t\t\t\t\t\tbottom: 100%;\n\t\t\t\t\t\ttransform: translateY(-0.875rem);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"meta.variables\";\n\n.rea-meta {\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-inline-start: auto;\n\tgap: 0.5rem;\n\n\tul,\n\tol {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\tul {\n\t\tlist-style: none;\n\t}\n\n\t.rea-header & {\n\t\torder: 2;\n\n\t\t.elm-link {\n\t\t\tpadding-bottom: to-rem($pxValue: 9);\n\t\t\tpadding-top: to-rem($pxValue: 9);\n\t\t}\n\t}\n\n\t& > .elm-link {\n\t\t&[rel=\"account\"] {\n\t\t\tmargin-left: to-rem($pxValue: 4);\n\n\t\t\t& {\n\t\t\t\t@include is-icon-text-replace();\n\t\t\t}\n\n\t\t\t@media screen and (min-width: #{($header-srOnly-linkAccount-breakpoint + 1)}rem) {\n\t\t\t\tmargin-left: to-rem($pxValue: 8);\n\t\t\t}\n\t\t}\n\t}\n\n\t.cmp-sitesearch:focus-within ~ .elm-link[rel=\"account\"] {\n\t\t@include is-icon-text-replace();\n\t}\n}\n","// The main purpose of the styles included with this file are related to \"regular\" content pages.\n// In case that you're building a web application you might want to have more freedom\n// and probably would want to not include it's contents into your SCSS build / references.\n\n@import \"../../../css/helpers/clearfix\";\n\n@import \"main.variables\";\n\n.rea-main {\n\t@include clearfix();\n\n\tbackground-color: $main---backgroundColor;\n\t// adapted from https://github.com/jgthms/bulma/blob/0.7.5/sass/elements/container.sass\n\tmargin: 0 auto;\n\n\tpadding: to-rem($pxValue: 16);\n\tposition: relative;\n\n\t@media screen and (min-width: 1088px) {\n\t\tmax-width: 960px;\n\t\twidth: 960px;\n\t}\n\t@media screen and (min-width: 1280px) {\n\t\tmax-width: 1152px;\n\t\twidth: 1152px;\n\t}\n\t@media screen and (min-width: 1472px) {\n\t\tmax-width: 1344px;\n\t\twidth: 1344px;\n\t}\n}\n","$main---backgroundColor: transparent !default;\n","@charset \"utf-8\";\n\n.rea-grid {\n\t// TODO: We would probably need to recheck on this declaration regarding compabitility\n\tflex-wrap: wrap;\n\t// adapted from https://github.com/jgthms/bulma/blob/0.7.5/sass/grid/columns.sass\n\tmargin-left: -0.625rem;\n\tmargin-right: -0.625rem;\n\tmargin-top: -0.625rem;\n\n\t@media screen and (min-width: 769px), print {\n\t\tdisplay: flex;\n\t}\n\n\t& > div,\n\t& > area,\n\t& > section,\n\t& > li {\n\t\tdisplay: block;\n\t\tflex-basis: 0;\n\t\tflex-grow: 1;\n\t\tflex-shrink: 1;\n\t\tpadding: 0.625rem;\n\n\t\t@media screen and (max-width: #{$column-gap-max-width-smaller-breakpoint}) {\n\t\t\tpadding: $column-gap-max-width-smaller-padding;\n\t\t}\n\t}\n\n\t&:last-child {\n\t\tmargin-bottom: -0.625rem;\n\t}\n\n\t&:not(:last-child) {\n\t\tmargin-bottom: calc(1.5rem - 0.625rem);\n\t}\n\n\t// TODO: This should probably get migrated to CSS variables\n\t@media screen and (max-width: #{$column-gap-max-width-smaller-breakpoint}) {\n\t\tmargin-left: -$column-gap-max-width-smaller-padding;\n\t\tmargin-right: -$column-gap-max-width-smaller-padding;\n\t\tmargin-top: -$column-gap-max-width-smaller-padding;\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: -$column-gap-max-width-smaller-padding;\n\t\t}\n\n\t\t&:not(:last-child) {\n\t\t\tmargin-bottom: calc(\n\t\t\t\t#{to-rem($pxValue: 24)} - #{$column-gap-max-width-smaller-padding}\n\t\t\t);\n\t\t}\n\t}\n\n\t// grid columns\n\t%is-four-fifths {\n\t\tflex: none;\n\t\twidth: 80%;\n\t}\n\t%is-three-quarters {\n\t\tflex: none;\n\t\twidth: 75%;\n\t}\n\t%is-two-thirds {\n\t\tflex: none;\n\t\twidth: 66.6666%;\n\t}\n\t%is-three-fifths {\n\t\tflex: none;\n\t\twidth: 60%;\n\t}\n\t%is-half {\n\t\tflex: none;\n\t\twidth: 50%;\n\t}\n\t%is-two-fifths {\n\t\tflex: none;\n\t\twidth: 40%;\n\t}\n\t%is-one-third {\n\t\tflex: none;\n\t\twidth: 33.3333%;\n\t}\n\t%is-one-quarter {\n\t\tflex: none;\n\t\twidth: 25%;\n\t}\n\t%is-one-fifth {\n\t\tflex: none;\n\t\twidth: 20%;\n\t}\n\n\t[data-type=\"four-fifths\"] {\n\t\t@extend %is-four-fifths;\n\t}\n\n\t[data-type=\"three-quarters\"] {\n\t\t@extend %is-three-quarters;\n\t}\n\n\t[data-type=\"two-thirds\"] {\n\t\t@extend %is-two-thirds;\n\t}\n\n\t[data-type=\"three-fifths\"] {\n\t\t@extend %is-three-fifths;\n\t}\n\n\t[data-type=\"half\"] {\n\t\t@extend %is-half;\n\t}\n\n\t[data-type=\"two-fifths\"] {\n\t\t@extend %is-two-fifths;\n\t}\n\n\t[data-type=\"one-third\"] {\n\t\t@extend %is-one-third;\n\t}\n\n\t[data-type=\"one-quarter\"] {\n\t\t@extend %is-one-quarter;\n\t}\n\n\t[data-type=\"one-fifth\"] {\n\t\t@extend %is-one-fifth;\n\t}\n}\n","$column-gap: to-rem(\n\t$pxValue: 10\n) !default;\n$column-gap-max-width-smaller-breakpoint: 1199px !default;\n$column-gap-max-width-smaller-padding: to-rem(\n\t$pxValue: 6\n) !default;\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"../../../css/helpers/functions\";\n@import \"footer.variables\";\n\n.rea-footer {\n\tbackground-color: $footer---backgroundColor;\n\tbox-shadow: $footer---boxShadow;\n\n\tcolor: $db-color-cool-gray-500;\n\tmargin-top: $footer---marginTop;\n\tpadding: #{to-rem($pxValue: 21)} #{to-rem($pxValue: 16)};\n\n\t& {\n\t\t@include clearfix($partial: $partial);\n\t}\n\n\t&.has-border {\n\t\tborder-top: $footer---borderTop;\n\t}\n\n\t@media screen and (max-width: 767px) {\n\t\ttext-align: center;\n\t}\n}\n","@import \"../../../css/db-ui-core.variables\";\n\n$footer---borderTop: #{to-rem(\n\t\t$pxValue: 6\n\t)} solid $db-color-cool-gray-200 !default;\n\n$footer---boxShadow: $box-shadow-01, $box-shadow-02 !default;\n\n$footer---marginTop: to-rem(\n\t$pxValue: 16\n) !default;\n\n$footer---backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n"]}
\ No newline at end of file
diff --git a/review/refactor-icon-update/css/enterprise/db-ui-core-webpack.css b/review/refactor-icon-update/css/enterprise/db-ui-core-webpack.css
new file mode 100644
index 0000000000..e38fcbddfa
--- /dev/null
+++ b/review/refactor-icon-update/css/enterprise/db-ui-core-webpack.css
@@ -0,0 +1,2 @@
+:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}body,html{margin:0;padding:0}body{min-height:100vh}html{background-color:#fdfdfd;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%}body,button,input,optgroup,select,textarea{font-family:DB Screen Sans,Helvetica,Arial,sans-serif}code,pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto}body{font-size:1rem;font-weight:400;line-height:1.5}a,body{color:#282d37}a strong{color:currentColor}a:hover{color:#5d616a}a:focus-visible{color:#5d616a}code{color:#e20015;font-size:.875em;font-weight:400;padding:.25em .5em}code,hr{background-color:#f5f5f5}hr{border:none;display:block;height:2px;margin:1.5rem 0}img{height:auto;max-width:100%}small{font-size:.875em}fieldset{border:none}pre{background-color:#f5f5f5;color:#282d37;font-size:.875em;-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1.25rem 1.5rem;white-space:pre;word-wrap:normal}pre code{background-color:transparent;color:currentColor;font-size:1em;padding:0}html{box-sizing:var(--db-box-sizing,border-box)}*,:after,:before{box-sizing:inherit}embed,iframe,img,object,video{height:auto;max-width:100%}iframe{border:0}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");margin:0;padding:0}:root{--db-focus-outline-offset:1px;--db-focus-outline-color:#2c95c4}:is(a,button,input,textarea,summary){--db-focus-outline-size:max(2px,0.08em)}:is(a,button,input,textarea,summary):focus-visible{outline:var(--db-focus-outline-size) var(--db-focus-outline-style,solid) var(--db-focus-outline-color,currentColor);outline-offset:var(--db-focus-outline-offset,var(--db-focus-outline-size))}:where(ul){list-style-type:"•   "}:where(ul) li::marker{color:#ec0016}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}.cmp-notification>em,.cmp-pagination .elm-headline,.cmp-tab-bar>*>input[type=radio],.cmp-tab-bar>input[type=radio],.elm-checkbox+label[data-label-hidden=true],.elm-chip[type=checkbox],.elm-chip[type=radio],.elm-input[type=color]+[data-label-hidden=true].elm-label,.elm-input[type=date]+[data-label-hidden=true].elm-label,.elm-input[type=datetime-local]+[data-label-hidden=true].elm-label,.elm-input[type=email]+[data-label-hidden=true].elm-label,.elm-input[type=month]+[data-label-hidden=true].elm-label,.elm-input[type=number]+[data-label-hidden=true].elm-label,.elm-input[type=password]+[data-label-hidden=true].elm-label,.elm-input[type=tel]+[data-label-hidden=true].elm-label,.elm-input[type=text]+[data-label-hidden=true].elm-label,.elm-input[type=time]+[data-label-hidden=true].elm-label,.elm-input[type=url]+[data-label-hidden=true].elm-label,.elm-input[type=week]+[data-label-hidden=true].elm-label,.elm-radio+label[data-label-hidden=true],.elm-select+[data-label-hidden=true].elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+[data-label-hidden=true].elm-label,[data-label-hidden=true].elm-label:has(+.elm-textarea){clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute!important;white-space:nowrap;width:1px}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:local("DB Screen Head Light"),local("DB Screen Head Light"),local("DB Head Light"),url(~@db-ui/core/dist/fonts/dbscreenhead-light.woff2?4r0080) format("woff2"),url(~@db-ui/core/dist/fonts/dbscreenhead-light.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:400;src:local("DB Screen Head Regular"),local("DB Screen Head"),local("DB Head"),url(~@db-ui/core/dist/fonts/dbscreenhead-regular.woff2?4r0080) format("woff2"),url(~@db-ui/core/dist/fonts/dbscreenhead-regular.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:local("DB Screen Head Black"),local("DB Screen Head Black"),local("DB Head Black"),url(~@db-ui/core/dist/fonts/dbscreenhead-black.woff2?4r0080) format("woff2"),url(~@db-ui/core/dist/fonts/dbscreenhead-black.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans Digital Regular;font-style:normal;font-weight:400;src:local("DB Screen Sans Digital Regular"),local("DB Screen Sans Digital"),local("DB Sans Digital"),url(~@db-ui/core/dist/fonts/dbscreensans-digitalregular.woff2?4r0080) format("woff2"),url(~@db-ui/core/dist/fonts/dbscreensans-digitalregular.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:local("DB Screen Sans Regular"),local("DB Screen Sans"),local("DB Sans"),url(~@db-ui/core/dist/fonts/dbscreensans-regular.woff2?4r0080) format("woff2"),url(~@db-ui/core/dist/fonts/dbscreensans-regular.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:500;src:local("DB Screen Sans Medium"),url(~@db-ui/core/dist/fonts/dbscreensans-medium.woff2?4r0080) format("woff2"),url(~@db-ui/core/dist/fonts/dbscreensans-medium.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:600;src:local("DB Screen Sans Semibold"),url(~@db-ui/core/dist/fonts/dbscreensans-semibold.woff2?4r0080) format("woff2"),url(~@db-ui/core/dist/fonts/dbscreensans-semibold.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:local("DB Screen Sans Bold"),local("DB Screen Sans Bold"),local("DB Sans Bold"),url(~@db-ui/core/dist/fonts/dbscreensans-bold.woff2?4r0080) format("woff2"),url(~@db-ui/core/dist/fonts/dbscreensans-bold.woff?4r0080) format("woff")}[data-icon-before=account],[data-icon=account]{--icon-glyph-before:"󡈡"}[data-icon-after=account]{--icon-glyph-after:"󡈡"}[data-icon-before=add],[data-icon=add]{--icon-glyph-before:"+"}[data-icon-after=add]{--icon-glyph-after:"+"}[data-icon-before=add-circle],[data-icon=add-circle]{--icon-glyph-before:"⊕"}[data-icon-after=add-circle]{--icon-glyph-after:"⊕"}[data-icon-before=air-condition],[data-icon=air-condition]{--icon-glyph-before:"❄"}[data-icon-after=air-condition]{--icon-glyph-after:"❄"}[data-icon-before=alarm],[data-icon=alarm]{--icon-glyph-before:"󡉄"}[data-icon-after=alarm]{--icon-glyph-after:"󡉄"}[data-icon-before=alarm-add],[data-icon=alarm-add]{--icon-glyph-before:"󡁢"}[data-icon-after=alarm-add]{--icon-glyph-after:"󡁢"}[data-icon-before=alert],[data-icon=alert]{--icon-glyph-before:"󡈢"}[data-icon-after=alert]{--icon-glyph-after:"󡈢"}[data-icon-before=alert-off],[data-icon=alert-off]{--icon-glyph-before:"󡉃"}[data-icon-after=alert-off]{--icon-glyph-after:"󡉃"}[data-icon-before=railroad-car],[data-icon=railroad-car]{--icon-glyph-before:"󡆓"}[data-icon-after=railroad-car]{--icon-glyph-after:"󡆓"}[data-icon-before=calendar],[data-icon=calendar]{--icon-glyph-before:"󡉇"}[data-icon-after=calendar]{--icon-glyph-after:"󡉇"}[data-icon-before=check-circle],[data-icon=check-circle]{--icon-glyph-before:"󡈠"}[data-icon-after=check-circle]{--icon-glyph-after:"󡈠"}[data-icon-before=credit-card],[data-icon=credit-card]{--icon-glyph-before:"󡈦"}[data-icon-after=credit-card]{--icon-glyph-after:"󡈦"}[data-icon-before=delete],[data-icon=delete]{--icon-glyph-before:"🗑"}[data-icon-after=delete]{--icon-glyph-after:"🗑"}[data-icon-before=discount],[data-icon=discount]{--icon-glyph-before:"󡁦"}[data-icon-after=discount]{--icon-glyph-after:"󡁦"}[data-icon-before=document],[data-icon=document]{--icon-glyph-before:"🖹"}[data-icon-after=document]{--icon-glyph-after:"🖹"}[data-icon-before=done],[data-icon=done]{--icon-glyph-before:"✓"}[data-icon-after=done]{--icon-glyph-after:"✓"}[data-icon-before=download],[data-icon=download]{--icon-glyph-before:"⭳"}[data-icon-after=download]{--icon-glyph-after:"⭳"}[data-icon-before=edit],[data-icon=edit]{--icon-glyph-before:"✏"}[data-icon-after=edit]{--icon-glyph-after:"✏"}[data-icon-before=filter],[data-icon=filter]{--icon-glyph-before:"󡁩"}[data-icon-after=filter]{--icon-glyph-after:"󡁩"}[data-icon-before=generic-card],[data-icon=generic-card]{--icon-glyph-before:"󡁰"}[data-icon-after=generic-card]{--icon-glyph-after:"󡁰"}[data-icon-before=giftcard],[data-icon=giftcard]{--icon-glyph-before:"󡉐"}[data-icon-after=giftcard]{--icon-glyph-after:"󡉐"}[data-icon-before=heart],[data-icon=heart]{--icon-glyph-before:"♡"}[data-icon-after=heart]{--icon-glyph-after:"♡"}[data-icon-before=help],[data-icon=help]{--icon-glyph-before:"?"}[data-icon-after=help]{--icon-glyph-after:"?"}[data-icon-before=info],[data-icon=info]{--icon-glyph-before:"🛈"}[data-icon-after=info]{--icon-glyph-after:"🛈"}[data-icon-before=legal],[data-icon=legal]{--icon-glyph-before:"§"}[data-icon-after=legal]{--icon-glyph-after:"§"}[data-icon-before=log-out],[data-icon=log-out]{--icon-glyph-before:"↦"}[data-icon-after=log-out]{--icon-glyph-after:"↦"}[data-icon-before=minus],[data-icon=minus]{--icon-glyph-before:"−"}[data-icon-after=minus]{--icon-glyph-after:"−"}[data-icon-before=print],[data-icon=print]{--icon-glyph-before:"🖨"}[data-icon-after=print]{--icon-glyph-after:"🖨"}[data-icon-before=remove],[data-icon=remove]{--icon-glyph-before:"⊝"}[data-icon-after=remove]{--icon-glyph-after:"⊝"}[data-icon-before=schedule],[data-icon=schedule]{--icon-glyph-before:"󡈳"}[data-icon-after=schedule]{--icon-glyph-after:"󡈳"}[data-icon-before=search],[data-icon=search]{--icon-glyph-before:"󡉔"}[data-icon-after=search]{--icon-glyph-after:"󡉔"}[data-icon-before=send],[data-icon=send]{--icon-glyph-before:"◹"}[data-icon-after=send]{--icon-glyph-after:"◹"}[data-icon-before=settings],[data-icon=settings]{--icon-glyph-before:"⚙"}[data-icon-after=settings]{--icon-glyph-after:"⚙"}[data-icon-before=share],[data-icon=share]{--icon-glyph-before:"󡁷"}[data-icon-after=share]{--icon-glyph-after:"󡁷"}[data-icon-before=shopping-bag],[data-icon=shopping-bag]{--icon-glyph-before:"🛍"}[data-icon-after=shopping-bag]{--icon-glyph-after:"🛍"}[data-icon-before=shopping-basket],[data-icon=shopping-basket]{--icon-glyph-before:"󡁹"}[data-icon-after=shopping-basket]{--icon-glyph-after:"󡁹"}[data-icon-before=shopping-cart],[data-icon=shopping-cart]{--icon-glyph-before:"󡉕"}[data-icon-after=shopping-cart]{--icon-glyph-after:"󡉕"}[data-icon-before=star],[data-icon=star]{--icon-glyph-before:"☆"}[data-icon-after=star]{--icon-glyph-after:"☆"}[data-icon-before=swap-horizontal],[data-icon=swap-horizontal]{--icon-glyph-before:"⇆"}[data-icon-after=swap-horizontal]{--icon-glyph-after:"⇆"}[data-icon-before=swap-vertical],[data-icon=swap-vertical]{--icon-glyph-before:"⇵"}[data-icon-after=swap-vertical]{--icon-glyph-after:"⇵"}[data-icon-before=upload],[data-icon=upload]{--icon-glyph-before:"󡂁"}[data-icon-after=upload]{--icon-glyph-after:"󡂁"}[data-icon-before=visibility],[data-icon=visibility]{--icon-glyph-before:"👁"}[data-icon-after=visibility]{--icon-glyph-after:"👁"}[data-icon-before=visibility-off],[data-icon=visibility-off]{--icon-glyph-before:"󡂂"}[data-icon-after=visibility-off]{--icon-glyph-after:"󡂂"}[data-icon-before=website],[data-icon=website]{--icon-glyph-before:"󡉘"}[data-icon-after=website]{--icon-glyph-after:"󡉘"}[data-icon-before=zoom-in],[data-icon=zoom-in]{--icon-glyph-before:"󡂃"}[data-icon-after=zoom-in]{--icon-glyph-after:"󡂃"}[data-icon-before=bicycle-trailer],[data-icon=bicycle-trailer]{--icon-glyph-before:"󡆒"}[data-icon-after=bicycle-trailer]{--icon-glyph-after:"󡆒"}[data-icon-before=zoom-out],[data-icon=zoom-out]{--icon-glyph-before:"󡂄"}[data-icon-after=zoom-out]{--icon-glyph-after:"󡂄"}[data-icon-before=fast-backward-10],[data-icon=fast-backward-10]{--icon-glyph-before:"󡂅"}[data-icon-after=fast-backward-10]{--icon-glyph-after:"󡂅"}[data-icon-before=fast-backward-30],[data-icon=fast-backward-30]{--icon-glyph-before:"󡂆"}[data-icon-after=fast-backward-30]{--icon-glyph-after:"󡂆"}[data-icon-before=fast-backward-empty],[data-icon=fast-backward-empty]{--icon-glyph-before:"⤺"}[data-icon-after=fast-backward-empty]{--icon-glyph-after:"⤺"}[data-icon-before=fast-forward-10],[data-icon=fast-forward-10]{--icon-glyph-before:"󡂇"}[data-icon-after=fast-forward-10]{--icon-glyph-after:"󡂇"}[data-icon-before=fast-forward-30],[data-icon=fast-forward-30]{--icon-glyph-before:"󡂈"}[data-icon-after=fast-forward-30]{--icon-glyph-after:"󡂈"}[data-icon-before=fast-forward-empty],[data-icon=fast-forward-empty]{--icon-glyph-before:"⤻"}[data-icon-after=fast-forward-empty]{--icon-glyph-after:"⤻"}[data-icon-before=pause],[data-icon=pause]{--icon-glyph-before:"⏸"}[data-icon-after=pause]{--icon-glyph-after:"⏸"}[data-icon-before=play],[data-icon=play]{--icon-glyph-before:"▷"}[data-icon-after=play]{--icon-glyph-after:"▷"}[data-icon-before=skip-backward],[data-icon=skip-backward]{--icon-glyph-before:"⏮"}[data-icon-after=skip-backward]{--icon-glyph-after:"⏮"}[data-icon-before=skip-forward],[data-icon=skip-forward]{--icon-glyph-before:"⏭"}[data-icon-after=skip-forward]{--icon-glyph-after:"⏭"}[data-icon-before=stop],[data-icon=stop]{--icon-glyph-before:"□"}[data-icon-after=stop]{--icon-glyph-after:"□"}[data-icon-before=subway],[data-icon=subway]{--icon-glyph-before:"󡈇"}[data-icon-after=subway]{--icon-glyph-after:"󡈇"}[data-icon-before=subtitles],[data-icon=subtitles]{--icon-glyph-before:"󡂑"}[data-icon-after=subtitles]{--icon-glyph-after:"󡂑"}[data-icon-before=dog],[data-icon=dog]{--icon-glyph-before:"󡊙"}[data-icon-after=dog]{--icon-glyph-after:"󡊙"}[data-icon-before=volume-down],[data-icon=volume-down]{--icon-glyph-before:"󡉙"}[data-icon-after=volume-down]{--icon-glyph-after:"󡉙"}[data-icon-before=volume-mute],[data-icon=volume-mute]{--icon-glyph-before:"󡉠"}[data-icon-after=volume-mute]{--icon-glyph-after:"󡉠"}[data-icon-before=volume-off],[data-icon=volume-off]{--icon-glyph-before:"󡉡"}[data-icon-after=volume-off]{--icon-glyph-after:"󡉡"}[data-icon-before=volume-up],[data-icon=volume-up]{--icon-glyph-before:"󡉢"}[data-icon-after=volume-up]{--icon-glyph-after:"󡉢"}[data-icon-before=call],[data-icon=call]{--icon-glyph-before:"󡈵"}[data-icon-after=call]{--icon-glyph-after:"󡈵"}[data-icon-before=chat],[data-icon=chat]{--icon-glyph-before:"󡈶"}[data-icon-after=chat]{--icon-glyph-after:"󡈶"}[data-icon-before=conversation],[data-icon=conversation]{--icon-glyph-before:"󡂕"}[data-icon-after=conversation]{--icon-glyph-after:"󡂕"}[data-icon-before=fax],[data-icon=fax]{--icon-glyph-before:"🖷"}[data-icon-after=fax]{--icon-glyph-after:"🖷"}[data-icon-before=qr-code-scan],[data-icon=qr-code-scan]{--icon-glyph-before:"󡊘"}[data-icon-after=qr-code-scan]{--icon-glyph-after:"󡊘"}[data-icon-before=feedback],[data-icon=feedback]{--icon-glyph-before:"⍰"}[data-icon-after=feedback]{--icon-glyph-after:"⍰"}[data-icon-before=mail],[data-icon=mail]{--icon-glyph-before:"✉"}[data-icon-after=mail]{--icon-glyph-after:"✉"}[data-icon-before=mobile-off],[data-icon=mobile-off]{--icon-glyph-before:"󡉤"}[data-icon-after=mobile-off]{--icon-glyph-after:"󡉤"}[data-icon-before=mobile-phone],[data-icon=mobile-phone]{--icon-glyph-before:"󡉣"}[data-icon-after=mobile-phone]{--icon-glyph-after:"󡉣"}[data-icon-before=wifi],[data-icon=wifi]{--icon-glyph-before:"󡂘"}[data-icon-after=wifi]{--icon-glyph-after:"󡂘"}[data-icon-before=wifi-off],[data-icon=wifi-off]{--icon-glyph-before:"󡅉"}[data-icon-after=wifi-off]{--icon-glyph-after:"󡅉"}[data-icon-before=mask],[data-icon=mask]{--icon-glyph-before:"󡉥"}[data-icon-after=mask]{--icon-glyph-after:"󡉥"}[data-icon-before=wc],[data-icon=wc]{--icon-glyph-before:"󡉩"}[data-icon-after=wc]{--icon-glyph-after:"󡉩"}[data-icon-before=wc-men],[data-icon=wc-men]{--icon-glyph-before:"󡉰"}[data-icon-after=wc-men]{--icon-glyph-after:"󡉰"}[data-icon-before=wc-sign],[data-icon=wc-sign]{--icon-glyph-before:"󡉱"}[data-icon-after=wc-sign]{--icon-glyph-after:"󡉱"}[data-icon-before=wc-woman],[data-icon=wc-woman]{--icon-glyph-before:"󡉲"}[data-icon-after=wc-woman]{--icon-glyph-after:"󡉲"}[data-icon-before=entry-aid],[data-icon=entry-aid]{--icon-glyph-before:"󡅐"}[data-icon-after=entry-aid]{--icon-glyph-after:"󡅐"}[data-icon-before=luggage-rack],[data-icon=luggage-rack]{--icon-glyph-before:"󡉵"}[data-icon-after=luggage-rack]{--icon-glyph-after:"󡉵"}[data-icon-before=medical],[data-icon=medical]{--icon-glyph-before:"✚"}[data-icon-after=medical]{--icon-glyph-after:"✚"}[data-icon-before=power-outlet],[data-icon=power-outlet]{--icon-glyph-before:"󡉸"}[data-icon-after=power-outlet]{--icon-glyph-after:"󡉸"}[data-icon-before=coffee-cup],[data-icon=coffee-cup]{--icon-glyph-before:"󡈷"}[data-icon-after=coffee-cup]{--icon-glyph-after:"󡈷"}[data-icon-before=drink],[data-icon=drink]{--icon-glyph-before:"󡄁"}[data-icon-after=drink]{--icon-glyph-after:"󡄁"}[data-icon-before=restaurant],[data-icon=restaurant]{--icon-glyph-before:"🍽"}[data-icon-after=restaurant]{--icon-glyph-after:"🍽"}[data-icon-before="1st-class"],[data-icon="1st-class"]{--icon-glyph-before:"⒈"}[data-icon-after="1st-class"]{--icon-glyph-after:"⒈"}[data-icon-before="2nd-class"],[data-icon="2nd-class"]{--icon-glyph-before:"⒉"}[data-icon-after="2nd-class"]{--icon-glyph-after:"⒉"}[data-icon-before=alternative-connection],[data-icon=alternative-connection]{--icon-glyph-before:"󡄂"}[data-icon-after=alternative-connection]{--icon-glyph-after:"󡄂"}[data-icon-before=booking],[data-icon=booking]{--icon-glyph-before:"󡄃"}[data-icon-after=booking]{--icon-glyph-after:"󡄃"}[data-icon-before=capacity-indicator],[data-icon=capacity-indicator]{--icon-glyph-before:"󡄄"}[data-icon-after=capacity-indicator]{--icon-glyph-after:"󡄄"}[data-icon-before=scooter],[data-icon=scooter]{--icon-glyph-before:"󡈄"}[data-icon-after=scooter]{--icon-glyph-after:"󡈄"}[data-icon-before=capacity-indicator-fully-booked],[data-icon=capacity-indicator-fully-booked]{--icon-glyph-before:"󡄆"}[data-icon-after=capacity-indicator-fully-booked]{--icon-glyph-after:"󡄆"}[data-icon-before=capacity-indicator-high],[data-icon=capacity-indicator-high]{--icon-glyph-before:"󡄈"}[data-icon-after=capacity-indicator-high]{--icon-glyph-after:"󡄈"}[data-icon-before=capacity-indicator-low],[data-icon=capacity-indicator-low]{--icon-glyph-before:"󡄐"}[data-icon-after=capacity-indicator-low]{--icon-glyph-after:"󡄐"}[data-icon-before=destination],[data-icon=destination]{--icon-glyph-before:"󡈸"}[data-icon-after=destination]{--icon-glyph-after:"󡈸"}[data-icon-before=intermediary-stop],[data-icon=intermediary-stop]{--icon-glyph-before:"󡄓"}[data-icon-after=intermediary-stop]{--icon-glyph-after:"󡄓"}[data-icon-before=round-trip],[data-icon=round-trip]{--icon-glyph-before:"⮔"}[data-icon-after=round-trip]{--icon-glyph-after:"⮔"}[data-icon-before=single-trip],[data-icon=single-trip]{--icon-glyph-before:"⤞"}[data-icon-after=single-trip]{--icon-glyph-after:"⤞"}[data-icon-before=start],[data-icon=start]{--icon-glyph-before:"⦿"}[data-icon-after=start]{--icon-glyph-after:"⦿"}[data-icon-before=home],[data-icon=home]{--icon-glyph-before:"⌂"}[data-icon-after=home]{--icon-glyph-after:"⌂"}[data-icon-before=map],[data-icon=map]{--icon-glyph-before:"🗺"}[data-icon-after=map]{--icon-glyph-after:"🗺"}[data-icon-before=stop-sign],[data-icon=stop-sign]{--icon-glyph-before:"󡄕"}[data-icon-after=stop-sign]{--icon-glyph-after:"󡄕"}[data-icon-before=map-stop],[data-icon=map-stop]{--icon-glyph-before:"󡄕"}[data-icon-after=map-stop]{--icon-glyph-after:"󡄕"}[data-icon-before=travel-insurance],[data-icon=travel-insurance]{--icon-glyph-before:"󡆆"}[data-icon-after=travel-insurance]{--icon-glyph-after:"󡆆"}[data-icon-before=intercity-train],[data-icon=intercity-train]{--icon-glyph-before:"󡈖"}[data-icon-after=intercity-train]{--icon-glyph-after:"󡈖"}[data-icon-before=multiple-passenger],[data-icon=multiple-passenger]{--icon-glyph-before:"󡊆"}[data-icon-after=multiple-passenger]{--icon-glyph-after:"󡊆"}[data-icon-before=best-price],[data-icon=best-price]{--icon-glyph-before:"󡆅"}[data-icon-after=best-price]{--icon-glyph-after:"󡆅"}[data-icon-before=multiple-cards],[data-icon=multiple-cards]{--icon-glyph-before:"󡆄"}[data-icon-after=multiple-cards]{--icon-glyph-after:"󡆄"}[data-icon-before=bed],[data-icon=bed]{--icon-glyph-before:"🛏"}[data-icon-after=bed]{--icon-glyph-after:"🛏"}[data-icon-before=steppless-entry],[data-icon=steppless-entry]{--icon-glyph-before:"󡈗"}[data-icon-after=steppless-entry]{--icon-glyph-after:"󡈗"}[data-icon-before=ticket-subscription],[data-icon=ticket-subscription]{--icon-glyph-before:"󡈘"}[data-icon-after=ticket-subscription]{--icon-glyph-after:"󡈘"}[data-icon-before=walking-fast],[data-icon=walking-fast]{--icon-glyph-before:"󡈙"}[data-icon-after=walking-fast]{--icon-glyph-after:"󡈙"}[data-icon-before=aisle-not-available],[data-icon=aisle-not-available]{--icon-glyph-before:"󡆃"}[data-icon-after=aisle-not-available]{--icon-glyph-after:"󡆃"}[data-icon-before=station],[data-icon=station]{--icon-glyph-before:"󡆂"}[data-icon-after=station]{--icon-glyph-after:"󡆂"}[data-icon-before=parking],[data-icon=parking]{--icon-glyph-before:"🅿"}[data-icon-after=parking]{--icon-glyph-after:"🅿"}[data-icon-before=place],[data-icon=place]{--icon-glyph-before:"󡄖"}[data-icon-after=place]{--icon-glyph-after:"󡄖"}[data-icon-before=set-position],[data-icon=set-position]{--icon-glyph-before:"🞋"}[data-icon-after=set-position]{--icon-glyph-after:"🞋"}[data-icon-before=trainstation],[data-icon=trainstation]{--icon-glyph-before:"󡊀"}[data-icon-after=trainstation]{--icon-glyph-after:"󡊀"}[data-icon-before=train-station],[data-icon=train-station]{--icon-glyph-before:"󡊀"}[data-icon-after=train-station]{--icon-glyph-after:"󡊀"}[data-icon-before=couchette],[data-icon=couchette]{--icon-glyph-before:"󡆉"}[data-icon-after=couchette]{--icon-glyph-after:"󡆉"}[data-icon-before=arrow-back],[data-icon=arrow-back]{--icon-glyph-before:"←"}[data-icon-after=arrow-back]{--icon-glyph-after:"←"}[data-icon-before=arrow-down],[data-icon=arrow-down]{--icon-glyph-before:"↓"}[data-icon-after=arrow-down]{--icon-glyph-after:"↓"}[data-icon-before=arrow-forward],[data-icon=arrow-forward]{--icon-glyph-before:"→"}[data-icon-after=arrow-forward]{--icon-glyph-after:"→"}[data-icon-before=arrow-up],[data-icon=arrow-up]{--icon-glyph-before:"↑"}[data-icon-after=arrow-up]{--icon-glyph-after:"↑"}[data-icon-before=cancel],[data-icon=cancel]{--icon-glyph-before:"⮾"}[data-icon-after=cancel]{--icon-glyph-after:"⮾"}[data-icon-before=chevron-left],[data-icon=chevron-left]{--icon-glyph-before:"<"}[data-icon-after=chevron-left]{--icon-glyph-after:"<"}[data-icon-before=chevron-right],[data-icon=chevron-right]{--icon-glyph-before:">"}[data-icon-after=chevron-right]{--icon-glyph-after:">"}[data-icon-before=close],[data-icon=close]{--icon-glyph-before:"⨯"}[data-icon-after=close]{--icon-glyph-after:"⨯"}[data-icon-before=expand-less],[data-icon=expand-less]{--icon-glyph-before:"⌃"}[data-icon-after=expand-less]{--icon-glyph-after:"⌃"}[data-icon-before=carsharing],[data-icon=carsharing]{--icon-glyph-before:"󡆔"}[data-icon-after=carsharing]{--icon-glyph-after:"󡆔"}[data-icon-before=electric-locomotive],[data-icon=electric-locomotive]{--icon-glyph-before:"󡆕"}[data-icon-after=electric-locomotive]{--icon-glyph-after:"󡆕"}[data-icon-before=expand-more],[data-icon=expand-more]{--icon-glyph-before:"⌄"}[data-icon-after=expand-more]{--icon-glyph-after:"⌄"}[data-icon-before=fullscreen],[data-icon=fullscreen]{--icon-glyph-before:"󡄙"}[data-icon-after=fullscreen]{--icon-glyph-after:"󡄙"}[data-icon-before=fullscreen-exit],[data-icon=fullscreen-exit]{--icon-glyph-before:"󡄠"}[data-icon-after=fullscreen-exit]{--icon-glyph-after:"󡄠"}[data-icon-before=grid-view],[data-icon=grid-view]{--icon-glyph-before:"𐌎"}[data-icon-after=grid-view]{--icon-glyph-after:"𐌎"}[data-icon-before=link],[data-icon=link]{--icon-glyph-before:"🡢"}[data-icon-after=link]{--icon-glyph-after:"🡢"}[data-icon-before=link-external],[data-icon=link-external]{--icon-glyph-before:"🡥"}[data-icon-after=link-external]{--icon-glyph-after:"🡥"}[data-icon-before=list],[data-icon=list]{--icon-glyph-before:"󡄡"}[data-icon-after=list]{--icon-glyph-after:"󡄡"}[data-icon-before=menu],[data-icon=menu]{--icon-glyph-before:"󡄢"}[data-icon-after=menu]{--icon-glyph-after:"󡄢"}[data-icon-before=s-bahn],[data-icon=s-bahn]{--icon-glyph-before:"󡈃"}[data-icon-after=s-bahn]{--icon-glyph-after:"󡈃"}[data-icon-before=more-horizontal],[data-icon=more-horizontal]{--icon-glyph-before:"⋯"}[data-icon-after=more-horizontal]{--icon-glyph-after:"⋯"}[data-icon-before=more-vertical],[data-icon=more-vertical]{--icon-glyph-before:"⋮"}[data-icon-after=more-vertical]{--icon-glyph-after:"⋮"}[data-icon-before=refresh],[data-icon=refresh]{--icon-glyph-before:"🗘"}[data-icon-after=refresh]{--icon-glyph-after:"🗘"}[data-icon-before=error],[data-icon=error]{--icon-glyph-before:"󡄣"}[data-icon-after=error]{--icon-glyph-after:"󡄣"}[data-icon-before=error-triangle],[data-icon=error-triangle]{--icon-glyph-before:"⚠"}[data-icon-after=error-triangle]{--icon-glyph-after:"⚠"}[data-icon-before=warning],[data-icon=warning]{--icon-glyph-before:"⚠"}[data-icon-after=warning]{--icon-glyph-after:"⚠"}[data-icon-before=notify],[data-icon=notify]{--icon-glyph-before:"󡄦"}[data-icon-after=notify]{--icon-glyph-after:"󡄦"}[data-icon-before=taxi],[data-icon=taxi]{--icon-glyph-before:"󡈈"}[data-icon-after=taxi]{--icon-glyph-after:"󡈈"}[data-icon-before=notify-cutoff],[data-icon=notify-cutoff]{--icon-glyph-before:"󡄧"}[data-icon-after=notify-cutoff]{--icon-glyph-after:"󡄧"}[data-icon-before=aisle],[data-icon=aisle]{--icon-glyph-before:"󡊁"}[data-icon-after=aisle]{--icon-glyph-after:"󡊁"}[data-icon-before=elderly],[data-icon=elderly]{--icon-glyph-before:"󡄨"}[data-icon-after=elderly]{--icon-glyph-after:"󡄨"}[data-icon-before=handicapped],[data-icon=handicapped]{--icon-glyph-before:"󡊃"}[data-icon-after=handicapped]{--icon-glyph-after:"󡊃"}[data-icon-before=table],[data-icon=table]{--icon-glyph-before:"󡄩"}[data-icon-after=table]{--icon-glyph-after:"󡄩"}[data-icon-before=window],[data-icon=window]{--icon-glyph-before:"󡄰"}[data-icon-after=window]{--icon-glyph-after:"󡄰"}[data-icon-before=bahnbonus],[data-icon=bahnbonus]{--icon-glyph-before:"󡄱"}[data-icon-after=bahnbonus]{--icon-glyph-after:"󡄱"}[data-icon-before=bahnbonus-card],[data-icon=bahnbonus-card]{--icon-glyph-before:"󡄲"}[data-icon-after=bahnbonus-card]{--icon-glyph-after:"󡄲"}[data-icon-before=bahncard],[data-icon=bahncard]{--icon-glyph-before:"󡄴"}[data-icon-after=bahncard]{--icon-glyph-after:"󡄴"}[data-icon-before=commuter-ticket],[data-icon=commuter-ticket]{--icon-glyph-before:"󡄶"}[data-icon-after=commuter-ticket]{--icon-glyph-after:"󡄶"}[data-icon-before=komfort-check-in],[data-icon=komfort-check-in]{--icon-glyph-before:"󡄷"}[data-icon-after=komfort-check-in]{--icon-glyph-after:"󡄷"}[data-icon-before=komfort-check-in-check],[data-icon=komfort-check-in-check]{--icon-glyph-before:"✔"}[data-icon-after=komfort-check-in-check]{--icon-glyph-after:"✔"}[data-icon-before=komfort-check-in-circle],[data-icon=komfort-check-in-circle]{--icon-glyph-before:"🤇"}[data-icon-after=komfort-check-in-circle]{--icon-glyph-after:"🤇"}[data-icon-before=my-travel],[data-icon=my-travel]{--icon-glyph-before:"󡄸"}[data-icon-after=my-travel]{--icon-glyph-after:"󡄸"}[data-icon-before=outward-journey],[data-icon=outward-journey]{--icon-glyph-before:"󡄹"}[data-icon-after=outward-journey]{--icon-glyph-after:"󡄹"}[data-icon-before=qr-code],[data-icon=qr-code]{--icon-glyph-before:"󡅀"}[data-icon-after=qr-code]{--icon-glyph-after:"󡅀"}[data-icon-before=airplane],[data-icon=airplane]{--icon-glyph-before:"󡆐"}[data-icon-after=airplane]{--icon-glyph-after:"󡆐"}[data-icon-before=call-a-bike],[data-icon=call-a-bike]{--icon-glyph-before:"󡆑"}[data-icon-after=call-a-bike]{--icon-glyph-after:"󡆑"}[data-icon-before=return-journey],[data-icon=return-journey]{--icon-glyph-before:"󡅁"}[data-icon-after=return-journey]{--icon-glyph-after:"󡅁"}[data-icon-before=ticket],[data-icon=ticket]{--icon-glyph-before:"󡊇"}[data-icon-after=ticket]{--icon-glyph-after:"󡊇"}[data-icon-before=ticket-discount],[data-icon=ticket-discount]{--icon-glyph-before:"󡅂"}[data-icon-after=ticket-discount]{--icon-glyph-after:"󡅂"}[data-icon-before=electric-scooter],[data-icon=electric-scooter]{--icon-glyph-before:"󡆖"}[data-icon-after=electric-scooter]{--icon-glyph-after:"󡆖"}[data-icon-before=ev-car],[data-icon=ev-car]{--icon-glyph-before:"󡆗"}[data-icon-after=ev-car]{--icon-glyph-after:"󡆗"}[data-icon-before=ticket-multiple],[data-icon=ticket-multiple]{--icon-glyph-before:"󡅃"}[data-icon-after=ticket-multiple]{--icon-glyph-after:"󡅃"}[data-icon-before=time-outward-journey],[data-icon=time-outward-journey]{--icon-glyph-before:"󡅄"}[data-icon-after=time-outward-journey]{--icon-glyph-after:"󡅄"}[data-icon-before=time-return-journey],[data-icon=time-return-journey]{--icon-glyph-before:"󡅅"}[data-icon-after=time-return-journey]{--icon-glyph-after:"󡅅"}[data-icon-before=timetable],[data-icon=timetable]{--icon-glyph-before:"󡅆"}[data-icon-after=timetable]{--icon-glyph-after:"󡅆"}[data-icon-before=bicycle],[data-icon=bicycle]{--icon-glyph-before:"󡈹"}[data-icon-after=bicycle]{--icon-glyph-after:"󡈹"}[data-icon-before=car],[data-icon=car]{--icon-glyph-before:"󡅑"}[data-icon-after=car]{--icon-glyph-after:"󡅑"}[data-icon-before=car-sequence],[data-icon=car-sequence]{--icon-glyph-before:"󡅇"}[data-icon-after=car-sequence]{--icon-glyph-after:"󡅇"}[data-icon-before=ice-side-view],[data-icon=ice-side-view]{--icon-glyph-before:"󡊈"}[data-icon-after=ice-side-view]{--icon-glyph-after:"󡊈"}[data-icon-before=sprinter],[data-icon=sprinter]{--icon-glyph-before:"󡅈"}[data-icon-after=sprinter]{--icon-glyph-after:"󡅈"}[data-icon-before=walking],[data-icon=walking]{--icon-glyph-before:"󡉁"}[data-icon-after=walking]{--icon-glyph-after:"󡉁"}[data-icon-before=logo],[data-icon=logo]{--icon-glyph-before:"󡅒"}[data-icon-after=logo]{--icon-glyph-after:"󡅒"}[data-icon-before=buggy],[data-icon=buggy]{--icon-glyph-before:"󡅓"}[data-icon-after=buggy]{--icon-glyph-after:"󡅓"}[data-icon-before=childrens-compartment],[data-icon=childrens-compartment]{--icon-glyph-before:"󡊂"}[data-icon-after=childrens-compartment]{--icon-glyph-after:"󡊂"}[data-icon-before=parent-child-compartment],[data-icon=parent-child-compartment]{--icon-glyph-before:"󡊄"}[data-icon-after=parent-child-compartment]{--icon-glyph-after:"󡊄"}[data-icon-before=augmented-reality],[data-icon=augmented-reality]{--icon-glyph-before:"󡅧"}[data-icon-after=augmented-reality]{--icon-glyph-after:"󡅧"}[data-icon-before=quiet-zone],[data-icon=quiet-zone]{--icon-glyph-before:"󡊅"}[data-icon-after=quiet-zone]{--icon-glyph-after:"󡊅"}[data-icon-before=duplicate],[data-icon=duplicate]{--icon-glyph-before:"󡅔"}[data-icon-after=duplicate]{--icon-glyph-after:"󡅔"}[data-icon-before=copy],[data-icon=copy]{--icon-glyph-before:"󡅔"}[data-icon-after=copy]{--icon-glyph-after:"󡅔"}[data-icon-before=image],[data-icon=image]{--icon-glyph-before:"🖼"}[data-icon-after=image]{--icon-glyph-after:"🖼"}[data-icon-before=lock-close],[data-icon=lock-close]{--icon-glyph-before:"󡈩"}[data-icon-after=lock-close]{--icon-glyph-after:"󡈩"}[data-icon-before=lock-open],[data-icon=lock-open]{--icon-glyph-before:"󡈰"}[data-icon-after=lock-open]{--icon-glyph-after:"󡈰"}[data-icon-before=restricted-mobility-toilet],[data-icon=restricted-mobility-toilet]{--icon-glyph-before:"󡅣"}[data-icon-after=restricted-mobility-toilet]{--icon-glyph-after:"󡅣"}[data-icon-before=database],[data-icon=database]{--icon-glyph-before:"󡆁"}[data-icon-after=database]{--icon-glyph-after:"󡆁"}[data-icon-before=breakfast],[data-icon=breakfast]{--icon-glyph-before:"󡉹"}[data-icon-after=breakfast]{--icon-glyph-after:"󡉹"}[data-icon-before=ferry],[data-icon=ferry]{--icon-glyph-before:"󡆘"}[data-icon-after=ferry]{--icon-glyph-after:"󡆘"}[data-icon-before=no-smoking],[data-icon=no-smoking]{--icon-glyph-before:"󡉶"}[data-icon-after=no-smoking]{--icon-glyph-after:"󡉶"}[data-icon-before=luggage-compartment],[data-icon=luggage-compartment]{--icon-glyph-before:"󡉴"}[data-icon-after=luggage-compartment]{--icon-glyph-after:"󡉴"}[data-icon-before=environmental-mobility-check],[data-icon=environmental-mobility-check]{--icon-glyph-before:"󡉳"}[data-icon-after=environmental-mobility-check]{--icon-glyph-after:"󡉳"}[data-icon-before=clothing-hanger],[data-icon=clothing-hanger]{--icon-glyph-before:"󡆀"}[data-icon-after=clothing-hanger]{--icon-glyph-after:"󡆀"}[data-icon-before=handcart],[data-icon=handcart]{--icon-glyph-before:"󡆙"}[data-icon-after=handcart]{--icon-glyph-after:"󡆙"}[data-icon-before=reservation],[data-icon=reservation]{--icon-glyph-before:"󡅹"}[data-icon-after=reservation]{--icon-glyph-after:"󡅹"}[data-icon-before=platform],[data-icon=platform]{--icon-glyph-before:"🛤"}[data-icon-after=platform]{--icon-glyph-after:"🛤"}[data-icon-before=night],[data-icon=night]{--icon-glyph-before:"󡊉"}[data-icon-after=night]{--icon-glyph-after:"󡊉"}[data-icon-before=piggybank],[data-icon=piggybank]{--icon-glyph-before:"󡊐"}[data-icon-after=piggybank]{--icon-glyph-after:"󡊐"}[data-icon-before=resize-handle-corner],[data-icon=resize-handle-corner]{--icon-glyph-before:"󡊑"}[data-icon-after=resize-handle-corner]{--icon-glyph-after:"󡊑"}[data-icon-before=document-check],[data-icon=document-check]{--icon-glyph-before:"󡊒"}[data-icon-after=document-check]{--icon-glyph-after:"󡊒"}[data-icon-before=face-delighted],[data-icon=face-delighted]{--icon-glyph-before:"󡊓"}[data-icon-after=face-delighted]{--icon-glyph-after:"󡊓"}[data-icon-before=face-disappointed],[data-icon=face-disappointed]{--icon-glyph-before:"󡊔"}[data-icon-after=face-disappointed]{--icon-glyph-after:"󡊔"}[data-icon-before=push-button],[data-icon=push-button]{--icon-glyph-before:"󡊕"}[data-icon-after=push-button]{--icon-glyph-after:"󡊕"}[data-icon-before=fast-backward],[data-icon=fast-backward]{--icon-glyph-before:"󡊖"}[data-icon-after=fast-backward]{--icon-glyph-after:"󡊖"}[data-icon-before=fast-forward],[data-icon=fast-forward]{--icon-glyph-before:"󡊗"}[data-icon-after=fast-forward]{--icon-glyph-after:"󡊗"}[data-icon-before=marketplace],[data-icon=marketplace]{--icon-glyph-before:"󡅸"}[data-icon-after=marketplace]{--icon-glyph-after:"󡅸"}[data-icon-before=hydrogen],[data-icon=hydrogen]{--icon-glyph-before:"󡅷"}[data-icon-after=hydrogen]{--icon-glyph-after:"󡅷"}[data-icon-before=day],[data-icon=day]{--icon-glyph-before:"☀"}[data-icon-after=day]{--icon-glyph-after:"☀"}[data-icon-before=sink],[data-icon=sink]{--icon-glyph-before:"󡉨"}[data-icon-after=sink]{--icon-glyph-after:"󡉨"}[data-icon-before=microphone],[data-icon=microphone]{--icon-glyph-before:"󡈴"}[data-icon-after=microphone]{--icon-glyph-after:"󡈴"}[data-icon-before=undo],[data-icon=undo]{--icon-glyph-before:"⎌"}[data-icon-after=undo]{--icon-glyph-after:"⎌"}[data-icon-before=thumb-up-down],[data-icon=thumb-up-down]{--icon-glyph-before:"󡉗"}[data-icon-after=thumb-up-down]{--icon-glyph-after:"󡉗"}[data-icon-before=local-bus],[data-icon=local-bus]{--icon-glyph-before:"󡈁"}[data-icon-after=local-bus]{--icon-glyph-after:"󡈁"}[data-icon-before=long-distance-bus],[data-icon=long-distance-bus]{--icon-glyph-before:"󡈂"}[data-icon-after=long-distance-bus]{--icon-glyph-after:"󡈂"}[data-icon-before=thumb-up],[data-icon=thumb-up]{--icon-glyph-before:"󡉖"}[data-icon-after=thumb-up]{--icon-glyph-after:"󡉖"}[data-icon-before=logbook],[data-icon=logbook]{--icon-glyph-before:"󡉓"}[data-icon-after=logbook]{--icon-glyph-after:"󡉓"}[data-icon-before=lightbulb],[data-icon=lightbulb]{--icon-glyph-before:"󡉒"}[data-icon-after=lightbulb]{--icon-glyph-after:"󡉒"}[data-icon-before=key],[data-icon=key]{--icon-glyph-before:"󡉑"}[data-icon-after=key]{--icon-glyph-after:"󡉑"}[data-icon-before=fingerprint],[data-icon=fingerprint]{--icon-glyph-before:"󡅱"}[data-icon-after=fingerprint]{--icon-glyph-after:"󡅱"}[data-icon-before=face-smiling],[data-icon=face-smiling]{--icon-glyph-before:"󡅰"}[data-icon-after=face-smiling]{--icon-glyph-after:"󡅰"}[data-icon-before=face-neutral],[data-icon=face-neutral]{--icon-glyph-before:"󡅨"}[data-icon-after=face-neutral]{--icon-glyph-after:"󡅨"}[data-icon-before=ice],[data-icon=ice]{--icon-glyph-before:"󡈀"}[data-icon-after=ice]{--icon-glyph-after:"󡈀"}[data-icon-before=face-sad],[data-icon=face-sad]{--icon-glyph-before:"󡅩"}[data-icon-after=face-sad]{--icon-glyph-after:"󡅩"}[data-icon-before=cloud-upload],[data-icon=cloud-upload]{--icon-glyph-before:"⇧"}[data-icon-after=cloud-upload]{--icon-glyph-after:"⇧"}[data-icon-before=cloud-download],[data-icon=cloud-download]{--icon-glyph-before:"⇩"}[data-icon-after=cloud-download]{--icon-glyph-after:"⇩"}[data-icon-before=cash],[data-icon=cash]{--icon-glyph-before:"󡉈"}[data-icon-after=cash]{--icon-glyph-after:"󡉈"}[data-icon-before=dashboard],[data-icon=dashboard]{--icon-glyph-before:"󡅤"}[data-icon-after=dashboard]{--icon-glyph-after:"󡅤"}[data-icon-before=resize],[data-icon=resize]{--icon-glyph-before:"󡅥"}[data-icon-after=resize]{--icon-glyph-after:"󡅥"}[data-icon-before=sepa],[data-icon=sepa]{--icon-glyph-before:"󡅦"}[data-icon-after=sepa]{--icon-glyph-after:"󡅦"}[data-icon-before=save],[data-icon=save]{--icon-glyph-before:"󡈲"}[data-icon-after=save]{--icon-glyph-after:"󡈲"}[data-icon-before=pin],[data-icon=pin]{--icon-glyph-before:"󡈱"}[data-icon-after=pin]{--icon-glyph-after:"󡈱"}[data-icon-before=folder-open],[data-icon=folder-open]{--icon-glyph-before:"󡈨"}[data-icon-after=folder-open]{--icon-glyph-after:"󡈨"}[data-icon-before=folder],[data-icon=folder]{--icon-glyph-before:"󡈧"}[data-icon-after=folder]{--icon-glyph-after:"󡈧"}[data-icon-before=camera],[data-icon=camera]{--icon-glyph-before:"󡈥"}[data-icon-after=camera]{--icon-glyph-after:"󡈥"}[data-icon-before=compass],[data-icon=compass]{--icon-glyph-before:"󡉉"}[data-icon-after=compass]{--icon-glyph-after:"󡉉"}[data-icon-before=drag-and-drop],[data-icon=drag-and-drop]{--icon-glyph-before:"󡆇"}[data-icon-after=drag-and-drop]{--icon-glyph-after:"󡆇"}[data-icon-before=person-with-cane],[data-icon=person-with-cane]{--icon-glyph-before:"󡉷"}[data-icon-after=person-with-cane]{--icon-glyph-after:"󡉷"}[data-icon-before=hearing],[data-icon=hearing]{--icon-glyph-before:"󡈑"}[data-icon-after=hearing]{--icon-glyph-after:"󡈑"}[data-icon-before=hearing-disabled],[data-icon=hearing-disabled]{--icon-glyph-before:"󡈒"}[data-icon-after=hearing-disabled]{--icon-glyph-after:"󡈒"}[data-icon-before=translation],[data-icon=translation]{--icon-glyph-before:"󡈓"}[data-icon-after=translation]{--icon-glyph-after:"󡈓"}[data-icon-before=voucher],[data-icon=voucher]{--icon-glyph-before:"󡈔"}[data-icon-after=voucher]{--icon-glyph-after:"󡈔"}[data-icon-before=support-dog],[data-icon=support-dog]{--icon-glyph-before:"󡈕"}[data-icon-after=support-dog]{--icon-glyph-after:"󡈕"}[data-icon-before=person-with-rollator],[data-icon=person-with-rollator]{--icon-glyph-before:"󡆈"}[data-icon-after=person-with-rollator]{--icon-glyph-after:"󡆈"}[data-icon-before=sort-down],[data-icon=sort-down]{--icon-glyph-before:"↡"}[data-icon-after=sort-down]{--icon-glyph-after:"↡"}[data-icon-before=sort-up],[data-icon=sort-up]{--icon-glyph-before:"↟"}[data-icon-after=sort-up]{--icon-glyph-after:"↟"}[data-icon-before=cloud],[data-icon=cloud]{--icon-glyph-before:"☁"}[data-icon-after=cloud]{--icon-glyph-after:"☁"}[data-icon-before=sev],[data-icon=sev]{--icon-glyph-before:"󡈅"}[data-icon-after=sev]{--icon-glyph-after:"󡈅"}[data-icon-before=train-and-car],[data-icon=train-and-car]{--icon-glyph-before:"󡈉"}[data-icon-after=train-and-car]{--icon-glyph-after:"󡈉"}[data-icon-before=tram],[data-icon=tram]{--icon-glyph-before:"󡈐"}[data-icon-after=tram]{--icon-glyph-after:"󡈐"}[data-icon-before=speedboat],[data-icon=speedboat]{--icon-glyph-before:"󡈆"}[data-icon-after=speedboat]{--icon-glyph-after:"󡈆"}[data-icon-before=build],[data-icon=build]{--icon-glyph-before:"🛠"}[data-icon-after=build]{--icon-glyph-after:"🛠"}[data-icon-before=bug],[data-icon=bug]{--icon-glyph-before:"󡉆"}[data-icon-after=bug]{--icon-glyph-after:"󡉆"}[data-icon-before=question],[data-icon=question]{--icon-glyph-before:"󡅲"}[data-icon-after=question]{--icon-glyph-after:"󡅲"}[data-icon-before=receive-item],[data-icon=receive-item]{--icon-glyph-before:"󡅳"}[data-icon-after=receive-item]{--icon-glyph-after:"󡅳"}[data-icon-before=share-item],[data-icon=share-item]{--icon-glyph-before:"󡅴"}[data-icon-after=share-item]{--icon-glyph-after:"󡅴"}[data-icon-before=playground],[data-icon=playground]{--icon-glyph-before:"󡉦"}[data-icon-after=playground]{--icon-glyph-after:"󡉦"}[data-icon-before=shower],[data-icon=shower]{--icon-glyph-before:"󡉧"}[data-icon-after=shower]{--icon-glyph-after:"󡉧"}[data-icon-before=shower-men],[data-icon=shower-men]{--icon-glyph-before:"󡅵"}[data-icon-after=shower-men]{--icon-glyph-after:"󡅵"}[data-icon-before=shower-women],[data-icon=shower-women]{--icon-glyph-before:"󡅶"}[data-icon-after=shower-women]{--icon-glyph-after:"󡅶"}[data-icon-before=add-link],[data-icon=add-link]{--icon-glyph-before:"󡉂"}[data-icon-after=add-link]{--icon-glyph-after:"󡉂"}[data-icon-before=attachment],[data-icon=attachment]{--icon-glyph-before:"󡉅"}[data-icon-after=attachment]{--icon-glyph-after:"󡉅"}[data-icon-before=block],[data-icon=block]{--icon-glyph-before:"󡈣"}[data-icon-after=block]{--icon-glyph-after:"󡈣"}[data-icon-before=bookmark],[data-icon=bookmark]{--icon-glyph-before:"󡈤"}[data-icon-after=bookmark]{--icon-glyph-after:"󡈤"}[data-icon-before=shopping-basket-disabled],[data-icon=shopping-basket-disabled]{--icon-glyph-before:"󡅕"}[data-icon-after=shopping-basket-disabled]{--icon-glyph-after:"󡅕"}[data-icon-before=shopping-cart-disabled],[data-icon=shopping-cart-disabled]{--icon-glyph-before:"󡅖"}[data-icon-after=shopping-cart-disabled]{--icon-glyph-after:"󡅖"}[data-icon-before=gps],[data-icon=gps]{--icon-glyph-before:"󡅗"}[data-icon-after=gps]{--icon-glyph-after:"󡅗"}[data-icon-before=gps-north],[data-icon=gps-north]{--icon-glyph-before:"󡅘"}[data-icon-after=gps-north]{--icon-glyph-after:"󡅘"}[data-icon-before=local-train],[data-icon=local-train]{--icon-glyph-before:"󡉀"}[data-icon-after=local-train]{--icon-glyph-after:"󡉀"}[data-icon-before=rail-and-fly],[data-icon=rail-and-fly]{--icon-glyph-before:"󡅙"}[data-icon-after=rail-and-fly]{--icon-glyph-after:"󡅙"}[data-icon-before=seat-priority],[data-icon=seat-priority]{--icon-glyph-before:"󡅢"}[data-icon-after=seat-priority]{--icon-glyph-after:"󡅢"}[data-icon-before=priority],[data-icon=priority]{--icon-glyph-before:"󡅢"}[data-icon-after=priority]{--icon-glyph-after:"󡅢"}[data-icon-before=traveler-with-reduced-mobility],[data-icon=traveler-with-reduced-mobility]{--icon-glyph-before:"󡅢"}[data-icon-after=traveler-with-reduced-mobility]{--icon-glyph-after:"󡅢"}[data-icon-before=standing-room],[data-icon=standing-room]{--icon-glyph-before:"󡅠"}[data-icon-after=standing-room]{--icon-glyph-after:"󡅠"}[data-icon-before=mixed-class],[data-icon=mixed-class]{--icon-glyph-before:"󡅡"}[data-icon-after=mixed-class]{--icon-glyph-after:"󡅡"}[data-icon-before=navigation-straight],[data-icon=navigation-straight]{--icon-glyph-before:"󡌀"}[data-icon-after=navigation-straight]{--icon-glyph-after:"󡌀"}[data-icon-before=navigation-to-left],[data-icon=navigation-to-left]{--icon-glyph-before:"󡌁"}[data-icon-after=navigation-to-left]{--icon-glyph-after:"󡌁"}[data-icon-before=navigation-to-right],[data-icon=navigation-to-right]{--icon-glyph-before:"󡌂"}[data-icon-after=navigation-to-right]{--icon-glyph-after:"󡌂"}[data-icon-before=navigation-u-turn],[data-icon=navigation-u-turn]{--icon-glyph-before:"󡌃"}[data-icon-after=navigation-u-turn]{--icon-glyph-after:"󡌃"}[data-icon-before=transportation-train-ec],[data-icon=transportation-train-ec]{--icon-glyph-before:""}[data-icon-after=transportation-train-ec]{--icon-glyph-after:""}[data-icon-before=transportation-train-ic],[data-icon=transportation-train-ic]{--icon-glyph-before:""}[data-icon-after=transportation-train-ic]{--icon-glyph-after:""}[data-icon-before=transportation-train-ice],[data-icon=transportation-train-ice]{--icon-glyph-before:""}[data-icon-after=transportation-train-ice]{--icon-glyph-after:""}[data-icon-before=transportation-train-rb],[data-icon=transportation-train-rb]{--icon-glyph-before:""}[data-icon-after=transportation-train-rb]{--icon-glyph-after:""}[data-icon-before=transportation-train-re],[data-icon=transportation-train-re]{--icon-glyph-before:""}[data-icon-after=transportation-train-re]{--icon-glyph-after:""}[data-icon-before=transportation-bikesharing],[data-icon=transportation-bikesharing]{--icon-glyph-before:""}[data-icon-after=transportation-bikesharing]{--icon-glyph-after:""}[data-icon-before=transportation-bus-local],[data-icon=transportation-bus-local]{--icon-glyph-before:""}[data-icon-after=transportation-bus-local]{--icon-glyph-after:""}[data-icon-before=transportation-carsharing],[data-icon=transportation-carsharing]{--icon-glyph-before:""}[data-icon-after=transportation-carsharing]{--icon-glyph-after:""}[data-icon-before=transportation-bus-long-distance],[data-icon=transportation-bus-long-distance]{--icon-glyph-before:""}[data-icon-after=transportation-bus-long-distance]{--icon-glyph-after:""}[data-icon-before=transportation-airplane],[data-icon=transportation-airplane]{--icon-glyph-before:""}[data-icon-after=transportation-airplane]{--icon-glyph-after:""}[data-icon-before=transportation-s-bahn],[data-icon=transportation-s-bahn]{--icon-glyph-before:""}[data-icon-after=transportation-s-bahn]{--icon-glyph-after:""}[data-icon-before=transportation-ship],[data-icon=transportation-ship]{--icon-glyph-before:""}[data-icon-after=transportation-ship]{--icon-glyph-after:""}[data-icon-before=transportation-taxi],[data-icon=transportation-taxi]{--icon-glyph-before:""}[data-icon-after=transportation-taxi]{--icon-glyph-after:""}[data-icon-before=transportation-train-tram],[data-icon=transportation-train-tram]{--icon-glyph-before:""}[data-icon-after=transportation-train-tram]{--icon-glyph-after:""}[data-icon-before=transportation-underground],[data-icon=transportation-underground]{--icon-glyph-before:""}[data-icon-after=transportation-underground]{--icon-glyph-after:""}[data-icon-before=transportation-walking],[data-icon=transportation-walking]{--icon-glyph-before:""}[data-icon-after=transportation-walking]{--icon-glyph-after:""}[data-icon-before=ev-bus],[data-icon=ev-bus]{--icon-glyph-before:""}[data-icon-after=ev-bus]{--icon-glyph-after:""}[data-icon-before=ev-train],[data-icon=ev-train]{--icon-glyph-before:""}[data-icon-after=ev-train]{--icon-glyph-after:""}[data-icon-before=artificial-intelligence],[data-icon=artificial-intelligence]{--icon-glyph-before:"󡌄"}[data-icon-after=artificial-intelligence]{--icon-glyph-after:"󡌄"}[data-icon-before=document-cross],[data-icon=document-cross]{--icon-glyph-before:"󡌅"}[data-icon-after=document-cross]{--icon-glyph-after:"󡌅"}[data-icon-before=euro-sign],[data-icon=euro-sign]{--icon-glyph-before:"󡌆"}[data-icon-after=euro-sign]{--icon-glyph-after:"󡌆"}[data-icon-before=id-card],[data-icon=id-card]{--icon-glyph-before:"󡌇"}[data-icon-after=id-card]{--icon-glyph-after:"󡌇"}[data-icon-before=pulse-wave],[data-icon=pulse-wave]{--icon-glyph-before:"󡌈"}[data-icon-after=pulse-wave]{--icon-glyph-after:"󡌈"}[data-icon-variant-after="16-outline"][data-icon-after]:after,[data-icon-variant-before="16-outline"][data-icon-before]:before,[data-icon-variant-before="16-outline"][data-icon]:before,[data-icon-variant="16-outline"][data-icon-before]:before,[data-icon-variant="16-outline"][data-icon]:before{--icon-font-family:"icons-16-outline","missing-icons"!important;--icon-font-size:1rem}[data-icon-variant-after="20-outline"][data-icon-after]:after,[data-icon-variant-before="20-outline"][data-icon-before]:before,[data-icon-variant-before="20-outline"][data-icon]:before,[data-icon-variant="20-outline"][data-icon-before]:before,[data-icon-variant="20-outline"][data-icon]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem}[data-icon-variant-after="24-outline"][data-icon-after]:after,[data-icon-variant-before="24-outline"][data-icon-before]:before,[data-icon-variant-before="24-outline"][data-icon]:before,[data-icon-variant="24-outline"][data-icon-before]:before,[data-icon-variant="24-outline"][data-icon]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;--icon-font-size:1.5rem}[data-icon-variant-after="32-outline"][data-icon-after]:after,[data-icon-variant-before="32-outline"][data-icon-before]:before,[data-icon-variant-before="32-outline"][data-icon]:before,[data-icon-variant="32-outline"][data-icon-before]:before,[data-icon-variant="32-outline"][data-icon]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;--icon-font-size:2rem}[data-icon-variant-after="48-outline"][data-icon-after]:after,[data-icon-variant-before="48-outline"][data-icon-before]:before,[data-icon-variant-before="48-outline"][data-icon]:before,[data-icon-variant="48-outline"][data-icon-before]:before,[data-icon-variant="48-outline"][data-icon]:before{--icon-font-family:"icons-48-outline","missing-icons"!important;--icon-font-size:3rem}[data-icon-variant-after="64-outline"][data-icon-after]:after,[data-icon-variant-before="64-outline"][data-icon-before]:before,[data-icon-variant-before="64-outline"][data-icon]:before,[data-icon-variant="64-outline"][data-icon-before]:before,[data-icon-variant="64-outline"][data-icon]:before{--icon-font-family:"icons-64-outline","missing-icons"!important;--icon-font-size:4rem}[data-icon-variant-after="16-filled"][data-icon-after]:after,[data-icon-variant-before="16-filled"][data-icon-before]:before,[data-icon-variant-before="16-filled"][data-icon]:before,[data-icon-variant="16-filled"][data-icon-before]:before,[data-icon-variant="16-filled"][data-icon]:before{--icon-font-family:"icons-16-filled","missing-icons"!important;--icon-font-size:1rem}[data-icon-variant-after="20-filled"][data-icon-after]:after,[data-icon-variant-before="20-filled"][data-icon-before]:before,[data-icon-variant-before="20-filled"][data-icon]:before,[data-icon-variant="20-filled"][data-icon-before]:before,[data-icon-variant="20-filled"][data-icon]:before{--icon-font-family:"icons-20-filled","missing-icons"!important;--icon-font-size:1.25rem}[data-icon-variant-after="24-filled"][data-icon-after]:after,[data-icon-variant-before="24-filled"][data-icon-before]:before,[data-icon-variant-before="24-filled"][data-icon]:before,[data-icon-variant="24-filled"][data-icon-before]:before,[data-icon-variant="24-filled"][data-icon]:before{--icon-font-family:"icons-24-filled","missing-icons"!important;--icon-font-size:1.5rem}[data-icon-variant-after="32-filled"][data-icon-after]:after,[data-icon-variant-before="32-filled"][data-icon-before]:before,[data-icon-variant-before="32-filled"][data-icon]:before,[data-icon-variant="32-filled"][data-icon-before]:before,[data-icon-variant="32-filled"][data-icon]:before{--icon-font-family:"icons-32-filled","missing-icons"!important;--icon-font-size:2rem}[data-icon-variant-after="48-filled"][data-icon-after]:after,[data-icon-variant-before="48-filled"][data-icon-before]:before,[data-icon-variant-before="48-filled"][data-icon]:before,[data-icon-variant="48-filled"][data-icon-before]:before,[data-icon-variant="48-filled"][data-icon]:before{--icon-font-family:"icons-48-filled","missing-icons"!important;--icon-font-size:3rem}[data-icon-variant-after="64-filled"][data-icon-after]:after,[data-icon-variant-before="64-filled"][data-icon-before]:before,[data-icon-variant-before="64-filled"][data-icon]:before,[data-icon-variant="64-filled"][data-icon-before]:before,[data-icon-variant="64-filled"][data-icon]:before{--icon-font-family:"icons-64-filled","missing-icons"!important;--icon-font-size:4rem}@font-face{font-display:block;font-family:missing-icons;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-empty.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-empty.woff?4r2099) format("woff")}@font-face{font-display:block;font-family:icons-16-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-16-outline-action.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-16-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+2212,U+2713}@font-face{font-display:block;font-family:icons-16-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-16-outline-navigation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-16-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+2190-2193,U+2303-2304,U+2a2f}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-action.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+003f,U+00a7,U+1f441,U+1f5a8,U+1f5b9,U+1f5bc,U+1f5d1,U+1f6c8,U+1f6cd,U+1f6e0,U+219f,U+21a1,U+21a6,U+21c6,U+21e7,U+21e9,U+21f5,U+2212,U+2295,U+229d,U+238c,U+25f9,U+2601,U+2606,U+2661,U+2699,U+270f,U+2713,U+2b73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+23f8,U+25a1,U+25b7,U+293a-293b,U+e1085-e1088,U+e1091,U+e1234,U+e1261-e1259,U+e1262,U+e1296-e1297}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-brand.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-communication.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-communication.woff?4r2099) format("woff");unicode-range:U+1f5b7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-covid-19.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-covid-19.woff?4r2099) format("woff");unicode-range:U+e1265}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-facilities.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-facilities.woff?4r2099) format("woff");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-feature.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-food.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-food.woff?4r2099) format("woff");unicode-range:U+1f37d,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-it.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-journey.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-journey.woff?4r2099) format("woff");unicode-range:U+2488-2489,U+291e,U+29bf,U+2b94,U+e1102-e1104,U+e1106,U+e1108,U+e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-maps.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+1f5fa,U+1f78b,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-navigation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+1030e,U+1f5d8,U+1f862,U+1f865,U+2190-2193,U+22ee-22ef,U+2303-2304,U+2a2f,U+2bbe,U+e1119-e1122}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-notification.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123,U+e1126-e1127}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-seat.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-seat.woff?4r2099) format("woff");unicode-range:U+1f6cf,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-ticket.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-ticket.woff?4r2099) format("woff");unicode-range:U+1f907,U+2714,U+e1131-e1132,U+e1134,U+e1136-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-transportation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-transportation.woff?4r2099) format("woff");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288,U+e928-e929}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-action.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+003f,U+00a7,U+1f441,U+1f5a8,U+1f5b9,U+1f5bc,U+1f5d1,U+1f6c8,U+1f6cd,U+1f6e0,U+219f,U+21a1,U+21a6,U+21c6,U+21e7,U+21e9,U+21f5,U+2212,U+2295,U+229d,U+238c,U+25f9,U+2601,U+2606,U+2661,U+2699,U+270f,U+2713,U+2b73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+23f8,U+25a1,U+25b7,U+293a-293b,U+e1085-e1088,U+e1091,U+e1234,U+e1259-e1262,U+e1296-e1297}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-brand.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-communication.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-communication.woff?4r2099) format("woff");unicode-range:U+1f5b7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-covid-19.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-covid-19.woff?4r2099) format("woff");unicode-range:U+e1265}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-facilities.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-facilities.woff?4r2099) format("woff");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-feature.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-food.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-food.woff?4r2099) format("woff");unicode-range:U+1f37d,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-it.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-journey.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-journey.woff?4r2099) format("woff");unicode-range:U+2488-2489,U+291e,U+29bf,U+2b94,U+e1102-e1104,U+e1106,U+e1108,U+e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-maps.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+1f5fa,U+1f78b,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-navigation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+1030e,U+1f5d8,U+1f862,U+1f865,U+2190-2193,U+22ee-22ef,U+2303-2304,U+2a2f,U+2bbe,U+e1119-e1122}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-notification.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123-e1127}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-seat.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-seat.woff?4r2099) format("woff");unicode-range:U+1f6cf,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-ticket.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-ticket.woff?4r2099) format("woff");unicode-range:U+1f907,U+2714,U+e1131-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-transportation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-transportation.woff?4r2099) format("woff");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-action.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+003f,U+00a7,U+1f441,U+1f5a8,U+1f5b9,U+1f5bc,U+1f5d1,U+1f6c8,U+1f6cd,U+1f6e0,U+219f,U+21a1,U+21a6,U+21c6,U+21e7,U+21e9,U+21f5,U+2212,U+2295,U+229d,U+238c,U+25f9,U+2601,U+2606,U+2661,U+2699,U+270f,U+2713,U+2b73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+23f8,U+25a1,U+25b7,U+293a-293b,U+e1085-e1088,U+e1091,U+e1234,U+e1259-e1262,U+e1296-e1297}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-brand.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-communication.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-communication.woff?4r2099) format("woff");unicode-range:U+1f5b7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-covid-19.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-covid-19.woff?4r2099) format("woff");unicode-range:U+e1265}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-facilities.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-facilities.woff?4r2099) format("woff");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-feature.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-food.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-food.woff?4r2099) format("woff");unicode-range:U+1f37d,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-it.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-journey.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-journey.woff?4r2099) format("woff");unicode-range:U+2488-2489,U+291e,U+29bf,U+2b94,U+e1102-e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-maps.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+1f5fa,U+1f78b,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-navigation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+1030e,U+1f5d8,U+1f862,U+1f865,U+2190-2193,U+22ee-22ef,U+2303-2304,U+2a2f,U+2bbe,U+e1119-e1122}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-notification.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123-e1127}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-seat.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-seat.woff?4r2099) format("woff");unicode-range:U+1f6cf,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-ticket.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-ticket.woff?4r2099) format("woff");unicode-range:U+1f907,U+2714,U+e1131-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-transportation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-transportation.woff?4r2099) format("woff");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-48-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-48-outline-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-48-outline-av.woff?4r2099) format("woff");unicode-range:U+23f8,U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}@font-face{font-display:block;font-family:icons-48-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-48-outline-brand.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-48-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-64-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-64-outline-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-64-outline-av.woff?4r2099) format("woff");unicode-range:U+23f8,U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}@font-face{font-display:block;font-family:icons-64-outline;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-64-outline-brand.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-64-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-16-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-action.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f6c8,U+e1220}@font-face{font-display:block;font-family:icons-16-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-navigation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-navigation.woff?4r2099) format("woff");unicode-range:U+2bbe}@font-face{font-display:block;font-family:icons-16-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-notification.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-action.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f5a8,U+1f5bc,U+1f6c8,U+1f6cd,U+1f6e0,U+2295,U+229d,U+2601,U+2606,U+2661,U+270f,U+e1066,U+e1070,U+e1079,U+e1154-e1155,U+e1164-e1166,U+e1214,U+e1220-e1233}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-av.woff?4r2099) format("woff");unicode-range:U+23ed,U+23ee,U+25a1,U+25b7,U+e1091,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-communication.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-communication.woff?4r2099) format("woff");unicode-range:U+2370,U+e1095,U+e1172-e1174,U+e1235-e1236}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-feature.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+e1177-e1179,U+e1289}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-food.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-food.woff?4r2099) format("woff");unicode-range:U+e1237}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-it.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-journey.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-journey.woff?4r2099) format("woff");unicode-range:U+e1104,U+e1106,U+e1108,U+e1110,U+e1238}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-maps.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+2302,U+e1115-e1116,U+e1157-e1158}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-navigation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-navigation.woff?4r2099) format("woff");unicode-range:U+1030e,U+2bbe}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-notification.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-ticket.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-ticket.woff?4r2099) format("woff");unicode-range:U+e1132,U+e1134,U+e1184}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-transportation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-transportation.woff?4r2099) format("woff");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-action.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f6c8,U+2295,U+229d,U+2601,U+2606,U+2661,U+e1220,U+e1222,U+e1224-e1225,U+e1231}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+25a1,U+25b7,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-journey.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-journey.woff?4r2099) format("woff");unicode-range:U+e1104,U+e1106,U+e1108,U+e1110,U+e1238}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-maps.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-maps.woff?4r2099) format("woff");unicode-range:U+e1157-e1158}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-navigation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-navigation.woff?4r2099) format("woff");unicode-range:U+2bbe}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-notification.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-transportation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-transportation.woff?4r2099) format("woff");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-action.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f6c8,U+2295,U+229d,U+2601,U+2606,U+2661,U+e1220,U+e1222,U+e1224-e1225,U+e1231,U+e904}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+25a1,U+25b7,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-maps.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-maps.woff?4r2099) format("woff");unicode-range:U+e1157-e1158}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-navigation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-navigation.woff?4r2099) format("woff");unicode-range:U+2bbe}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-notification.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-transportation.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-transportation.woff?4r2099) format("woff");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-48-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-48-filled-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-48-filled-av.woff?4r2099) format("woff");unicode-range:U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}@font-face{font-display:block;font-family:icons-64-filled;font-style:normal;font-weight:400;src:url(~@db-ui/core/dist/icons/functional/fonts/icons-64-filled-av.woff2?4r2099) format("woff2"),url(~@db-ui/core/dist/icons/functional/fonts/icons-64-filled-av.woff?4r2099) format("woff");unicode-range:U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}.cmp-accordion summary:after,.cmp-breadcrumb ol>li:first-child:before,.cmp-breadcrumb ol>li:not(:first-child):before,.cmp-dialog header :is(.elm-link,button).is-close:before,.cmp-dropdown summary:before,.cmp-dropdown.is-account summary:before,.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after,.cmp-link-list li .elm-link:before,.cmp-mainnavigation li[aria-haspopup=true]:after,.cmp-mainnavigation>label[for]:after,.cmp-mainnavigation>label[for]:before,.cmp-overflow-menu summary:before,.cmp-pagination .elm-link[rel=next]:before,.cmp-pagination .elm-link[rel=prev]:before,.cmp-sidenavi .elm-link[rel=calendar]:before,.cmp-sidenavi .elm-link[rel=cloud]:before,.cmp-sidenavi .elm-link[rel=dashboard]:before,.cmp-sidenavi .elm-link[rel=documents]:before,.cmp-sidenavi .elm-link[rel=help]:before,.cmp-sidenavi .elm-link[rel=index]:before,.cmp-sitesearch .elm-button:before,.cmp-sitesearch .elm-label:before,.elm-checkbox:before,.elm-link[rel=account]:before,.elm-link[rel=configuration]:before,.elm-link[rel=messages]:before,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{-webkit-alt:"";alt:"";display:inline-block;font-family:var(--icon-font-family)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;font-weight:var(--icon-font-weight,normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle}@media aural{.cmp-accordion summary:after,.cmp-breadcrumb ol>li:first-child:before,.cmp-breadcrumb ol>li:not(:first-child):before,.cmp-dialog header :is(.elm-link,button).is-close:before,.cmp-dropdown summary:before,.cmp-dropdown.is-account summary:before,.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after,.cmp-link-list li .elm-link:before,.cmp-mainnavigation li[aria-haspopup=true]:after,.cmp-mainnavigation>label[for]:after,.cmp-mainnavigation>label[for]:before,.cmp-overflow-menu summary:before,.cmp-pagination .elm-link[rel=next]:before,.cmp-pagination .elm-link[rel=prev]:before,.cmp-sidenavi .elm-link[rel=calendar]:before,.cmp-sidenavi .elm-link[rel=cloud]:before,.cmp-sidenavi .elm-link[rel=dashboard]:before,.cmp-sidenavi .elm-link[rel=documents]:before,.cmp-sidenavi .elm-link[rel=help]:before,.cmp-sidenavi .elm-link[rel=index]:before,.cmp-sitesearch .elm-button:before,.cmp-sitesearch .elm-label:before,.elm-checkbox:before,.elm-link[rel=account]:before,.elm-link[rel=configuration]:before,.elm-link[rel=messages]:before,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{.cmp-accordion summary:after,.cmp-breadcrumb ol>li:first-child:before,.cmp-breadcrumb ol>li:not(:first-child):before,.cmp-dialog header :is(.elm-link,button).is-close:before,.cmp-dropdown summary:before,.cmp-dropdown.is-account summary:before,.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after,.cmp-link-list li .elm-link:before,.cmp-mainnavigation li[aria-haspopup=true]:after,.cmp-mainnavigation>label[for]:after,.cmp-mainnavigation>label[for]:before,.cmp-overflow-menu summary:before,.cmp-pagination .elm-link[rel=next]:before,.cmp-pagination .elm-link[rel=prev]:before,.cmp-sidenavi .elm-link[rel=calendar]:before,.cmp-sidenavi .elm-link[rel=cloud]:before,.cmp-sidenavi .elm-link[rel=dashboard]:before,.cmp-sidenavi .elm-link[rel=documents]:before,.cmp-sidenavi .elm-link[rel=help]:before,.cmp-sidenavi .elm-link[rel=index]:before,.cmp-sitesearch .elm-button:before,.cmp-sitesearch .elm-label:before,.elm-checkbox:before,.elm-link[rel=account]:before,.elm-link[rel=configuration]:before,.elm-link[rel=messages]:before,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}[data-icon-after]:not([data-icon-variant-after]):after,[data-icon-before]:not([data-icon-variant-before]):before,[data-icon]:not([data-icon-variant]):before{--icon-font-family:icons-24-outline,"missing-icons"!important;--icon-font-size:1.5rem}[data-icon-before]:before,[data-icon]:before{content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}[data-icon-after]:after{content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--icon-margin-after:0}.is-icon-text-replace[data-icon-after]{font-size:0}.is-icon-text-replace[data-icon-after]:after{--icon-margin-before:0}.elm-button{align-items:center;border:1px solid transparent;border-radius:4px;display:inline-flex;font-size:1rem;justify-content:center;min-height:2.75rem;padding:.5rem 1rem}.elm-button[data-icon-before],.elm-button[data-icon]{padding-left:.875rem}.elm-button[data-icon-after]{padding-right:.875rem}.elm-button.is-icon-text-replace{width:2.75rem}.elm-button[data-variant=brand-primary],.elm-button[data-variant=primary]{color:#fff;font-weight:700}.elm-button[data-variant=brand-primary]{background-color:#ec0016}.elm-button[data-variant=brand-primary]:disabled{background-color:#ec001640}.elm-button[data-variant=brand-primary]:not(:disabled):hover{background-color:#db0016}.elm-button[data-variant=brand-primary]:not(:disabled):focus-visible{background-color:#db0016}.elm-button[data-variant=brand-primary]:not(:disabled):active{background-color:#cc0013}.elm-button[data-variant=primary]{background-color:#282d37}.elm-button[data-variant=primary]:disabled{background-color:#282d3740}.elm-button[data-variant=primary]:not(:disabled):hover{background-color:#2f3541}.elm-button[data-variant=primary]:not(:disabled):focus-visible{background-color:#2f3541}.elm-button[data-variant=primary]:not(:disabled):active{background-color:#363c4a}.elm-button[data-variant=secondary-outline]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:transparent;border-color:#282d37;color:#282d37}.elm-button[data-variant=secondary-outline]:disabled{border-color:#282d3740;color:#282d3780}.elm-button[data-variant=secondary-outline]:not(:disabled):hover{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=secondary-outline]:not(:disabled):focus-visible{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=secondary-outline]:not(:disabled):active{background-color:rgba(40,45,55,.06)}.elm-button[data-variant=secondary-solid]{background-color:#d7dce1;color:#282d37}.elm-button[data-variant=secondary-solid]:disabled{background-color:#d7dce140;color:#282d3780}.elm-button[data-variant=secondary-solid]:not(:disabled):hover{background-color:#cdd4da}.elm-button[data-variant=secondary-solid]:not(:disabled):focus-visible{background-color:#cdd4da}.elm-button[data-variant=secondary-solid]:not(:disabled):active{background-color:#c5ccd3}.elm-button[data-variant=tertiary-plain]{background-color:transparent;border:2px solid transparent;color:#282d37}.elm-button[data-variant=tertiary-plain]:disabled{color:#282d3780}.elm-button[data-variant=tertiary-plain]:not(:disabled):hover{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=tertiary-plain]:not(:disabled):focus-visible{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=tertiary-plain]:not(:disabled):active{background-color:rgba(40,45,55,.06)}.elm-button[data-size=small]{min-height:2.25rem}.elm-button[data-size=small]:not(.is-icon-text-replace){font-size:.875rem}.elm-button[data-icon-after][data-size=small]:after,.elm-button[data-icon-before][data-size=small]:before,.elm-button[data-icon][data-size=small]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem}.elm-button.is-icon-text-replace[data-size=small]{width:2.25rem}.elm-button[data-size=large]{min-height:3.25rem}.elm-button[data-size=large]:not(.is-icon-text-replace){font-size:1.25rem}.elm-button.is-icon-text-replace[data-size=large]{width:3.25rem}.elm-button:disabled{color:#ffffff80}.elm-button[data-width=full]{inline-size:100%}.elm-headline{margin-bottom:1rem;margin-top:1.5rem;text-wrap:balance}.elm-headline[data-pulse]:after{background:var(--db-pulse-background,#ec0016);border-radius:calc(var(--db-logo-height, 40px)/7*.5);content:"";display:block;height:calc(var(--db-logo-height, 40px)/7);margin-bottom:var(--db-pulse-margin-bottom,14px);margin-top:calc(var(--db-logo-height, 40px)*.5);width:var(--db-logo-width,58px)}h1.elm-headline,h2.elm-headline,h3.elm-headline{font-family:DB Screen Head,Helvetica,Arial,sans-serif;font-weight:900}h1.elm-headline{font-size:2.25rem;line-height:1.1111111111}@media screen and (max-width:767px){h1.elm-headline{font-size:1.75rem;line-height:1.14}}h2.elm-headline{font-size:1.5rem;line-height:1.1666666667}@media screen and (max-width:767px){h2.elm-headline{font-size:1.25rem;line-height:1.2}}h3.elm-headline{font-size:1.25rem;line-height:1.2}@media screen and (max-width:767px){h3.elm-headline{font-size:1.125rem;line-height:1.33}}h4.elm-headline{font-size:1.125rem;font-weight:400;line-height:1.3333333333}@media screen and (max-width:767px){h4.elm-headline{font-size:1rem;line-height:1.25}}.elm-link{border-radius:.25rem;display:inline-block;text-underline-offset:.1875rem;text-underline-position:under}@supports(text-underline-offset:3px){.elm-link{text-underline-position:auto}}.elm-link:active{color:initial}.elm-link[aria-disabled=true]{opacity:.4;pointer-events:none}.elm-link[aria-disabled=true]:before{color:initial}.elm-link[data-size=small]:not(.is-icon-text-replace){font-size:.875rem}.elm-link[data-icon-after][data-size=small]:after:after,.elm-link[data-icon-before][data-size=small]:before,.elm-link[data-icon][data-size=small]:before,.elm-link[rel][data-size=small]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem}.elm-link[rel=configuration]{--icon-glyph-before:"⚙"}.elm-link[rel=configuration]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.elm-link[rel=configuration]:before{content:var(--icon-glyph-before)/""}}.elm-link[rel=messages]{--icon-glyph-before:"󡈶"}.elm-link[rel=messages]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.elm-link[rel=messages]:before{content:var(--icon-glyph-before)/""}}.elm-link[rel=account]{--icon-glyph-before:"󡈡"}.elm-link[rel=account]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.elm-link[rel=account]:before{content:var(--icon-glyph-before)/""}}.elm-link[rel=account]:before,.elm-link[rel=configuration]:before,.elm-link[rel=messages]:before{display:inline-block}.elm-logo{height:var(--db-logo-height,40px);width:var(--db-logo-width,58px)}.elm-logo[data-size=xsmall]{--db-logo-width:20px;--db-logo-height:14px}body:has(.elm-logo[data-size=xsmall]) .elm-headline[data-pulse]{--db-logo-width:20px;--db-logo-height:14px}.elm-logo[data-size=xsmall]~.elm-headline[data-pulse]{--db-logo-width:20px;--db-logo-height:14px}.elm-logo[data-size=small]{--db-logo-width:29px;--db-logo-height:20px}body:has(.elm-logo[data-size=small]) .elm-headline[data-pulse]{--db-logo-width:29px;--db-logo-height:20px}.elm-logo[data-size=small]~.elm-headline[data-pulse]{--db-logo-width:29px;--db-logo-height:20px}.elm-logo[data-size=medium]{--db-logo-width:34px;--db-logo-height:24px}body:has(.elm-logo[data-size=medium]) .elm-headline[data-pulse]{--db-logo-width:34px;--db-logo-height:24px}.elm-logo[data-size=medium]~.elm-headline[data-pulse]{--db-logo-width:34px;--db-logo-height:24px}.elm-logo[data-size=large]{--db-logo-width:40px;--db-logo-height:28px}body:has(.elm-logo[data-size=large]) .elm-headline[data-pulse]{--db-logo-width:40px;--db-logo-height:28px}.elm-logo[data-size=large]~.elm-headline[data-pulse]{--db-logo-width:40px;--db-logo-height:28px}.elm-logo[data-size=xlarge]{--db-logo-width:56px;--db-logo-height:40px}body:has(.elm-logo[data-size=xlarge]) .elm-headline[data-pulse]{--db-logo-width:56px;--db-logo-height:40px}.elm-logo[data-size=xlarge]~.elm-headline[data-pulse]{--db-logo-width:56px;--db-logo-height:40px}.elm-checkbox{--db-form-element-dimensions:var( --db-checkbox-dimensions,1.5rem );align-content:center;-webkit-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.1);border:.0625rem solid #282d37;border-radius:4px;color:#282d37;display:inline-flex;height:var(--db-form-element-dimensions);justify-content:center;width:var(--db-form-element-dimensions);--icon-glyph-before:" "}.elm-checkbox:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.elm-checkbox:before{content:var(--icon-glyph-before)/""}}.elm-checkbox[type=checkbox]{vertical-align:top}.elm-checkbox:before{--icon-font-size:1.375rem;margin-right:0}.elm-checkbox:checked{background-color:#282d37}.elm-checkbox:checked:before{color:#fff;content:"✓"}.elm-checkbox:enabled:hover{background-color:rgba(40,45,55,.14)}.elm-checkbox:enabled:focus-visible{background-color:rgba(40,45,55,.14)}.elm-checkbox:enabled:hover:checked{background-color:#52575f}.elm-checkbox:enabled:focus-visible:checked{background-color:#52575f}.elm-checkbox:enabled:active{background-color:rgba(40,45,55,.14)}.elm-checkbox:indeterminate:before{content:"−"}.elm-checkbox:disabled,.elm-checkbox:disabled+label{opacity:.5}.elm-checkbox+label{padding-inline-start:.25rem}.elm-input{color:#282d37;font-size:1rem;height:2.75rem;line-height:1.5rem;max-width:100%;padding-inline:1rem;width:100%}.elm-input:not(:has(+label[data-label-hidden=true])){padding-block:.5rem}.elm-input[list]::-webkit-calendar-picker-indicator{margin-right:-1rem}.elm-input:not(:-ms-input-placeholder){padding-bottom:0}.elm-input:not(:placeholder-shown){padding-bottom:0}.elm-input:not(:-ms-input-placeholder):not(:has(+label[data-label-hidden=true])){padding-top:1rem}.elm-input:not(:placeholder-shown):not(:has(+label[data-label-hidden=true])){padding-top:1rem}.elm-input:focus:not(:disabled),.elm-input:hover:not(:disabled){--formElement---borderColor:#878c96}.elm-input:focus-visible:not(:disabled){--formElement---borderColor:#878c96}.elm-input:disabled,.elm-input:disabled+.elm-label,fieldset:disabled .elm-input,fieldset:disabled .elm-input+.elm-label{opacity:.4}.elm-input[type=color]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=date]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=datetime-local]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=email]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=month]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=number]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=password]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=tel]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=text]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=time]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=url]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=week]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label{transition:opacity,transform .25s}@media(prefers-reduced-motion:reduce){.elm-input[type=color]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=date]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=datetime-local]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=email]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=month]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=number]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=password]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=tel]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=text]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=time]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=url]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=week]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label{transition-duration:.01s!important}}.elm-input[type=color]+.elm-label,.elm-input[type=date]+.elm-label,.elm-input[type=datetime-local]+.elm-label,.elm-input[type=email]+.elm-label,.elm-input[type=month]+.elm-label,.elm-input[type=number]+.elm-label,.elm-input[type=password]+.elm-label,.elm-input[type=tel]+.elm-label,.elm-input[type=text]+.elm-label,.elm-input[type=time]+.elm-label,.elm-input[type=url]+.elm-label,.elm-input[type=week]+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label{color:#646973;display:block;font-size:.75rem;margin-bottom:-1.125rem;transform:translate(1rem,-2.5625rem)}.elm-input[type=color]+.elm-label+output,.elm-input[type=color]+.elm-label~.description,.elm-input[type=date]+.elm-label+output,.elm-input[type=date]+.elm-label~.description,.elm-input[type=datetime-local]+.elm-label+output,.elm-input[type=datetime-local]+.elm-label~.description,.elm-input[type=email]+.elm-label+output,.elm-input[type=email]+.elm-label~.description,.elm-input[type=month]+.elm-label+output,.elm-input[type=month]+.elm-label~.description,.elm-input[type=number]+.elm-label+output,.elm-input[type=number]+.elm-label~.description,.elm-input[type=password]+.elm-label+output,.elm-input[type=password]+.elm-label~.description,.elm-input[type=tel]+.elm-label+output,.elm-input[type=tel]+.elm-label~.description,.elm-input[type=text]+.elm-label+output,.elm-input[type=text]+.elm-label~.description,.elm-input[type=time]+.elm-label+output,.elm-input[type=time]+.elm-label~.description,.elm-input[type=url]+.elm-label+output,.elm-input[type=url]+.elm-label~.description,.elm-input[type=week]+.elm-label+output,.elm-input[type=week]+.elm-label~.description,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label+output,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label~.description{margin-top:0}.elm-input[type=color][placeholder]:-ms-input-placeholder+label,.elm-input[type=date][placeholder]:-ms-input-placeholder+label,.elm-input[type=datetime-local][placeholder]:-ms-input-placeholder+label,.elm-input[type=email][placeholder]:-ms-input-placeholder+label,.elm-input[type=month][placeholder]:-ms-input-placeholder+label,.elm-input[type=number][placeholder]:-ms-input-placeholder+label,.elm-input[type=password][placeholder]:-ms-input-placeholder+label,.elm-input[type=tel][placeholder]:-ms-input-placeholder+label,.elm-input[type=text][placeholder]:-ms-input-placeholder+label,.elm-input[type=time][placeholder]:-ms-input-placeholder+label,.elm-input[type=url][placeholder]:-ms-input-placeholder+label,.elm-input[type=week][placeholder]:-ms-input-placeholder+label,:where(:not(.cmp-sitesearch))>.elm-input[type=search][placeholder]:-ms-input-placeholder+label{opacity:0}.elm-input[type=color][placeholder]:placeholder-shown+label,.elm-input[type=date][placeholder]:placeholder-shown+label,.elm-input[type=datetime-local][placeholder]:placeholder-shown+label,.elm-input[type=email][placeholder]:placeholder-shown+label,.elm-input[type=month][placeholder]:placeholder-shown+label,.elm-input[type=number][placeholder]:placeholder-shown+label,.elm-input[type=password][placeholder]:placeholder-shown+label,.elm-input[type=tel][placeholder]:placeholder-shown+label,.elm-input[type=text][placeholder]:placeholder-shown+label,.elm-input[type=time][placeholder]:placeholder-shown+label,.elm-input[type=url][placeholder]:placeholder-shown+label,.elm-input[type=week][placeholder]:placeholder-shown+label,:where(:not(.cmp-sitesearch))>.elm-input[type=search][placeholder]:placeholder-shown+label{opacity:0}.elm-input[type=color]:-ms-input-placeholder,.elm-input[type=date]:-ms-input-placeholder,.elm-input[type=datetime-local]:-ms-input-placeholder,.elm-input[type=email]:-ms-input-placeholder,.elm-input[type=month]:-ms-input-placeholder,.elm-input[type=number]:-ms-input-placeholder,.elm-input[type=password]:-ms-input-placeholder,.elm-input[type=tel]:-ms-input-placeholder,.elm-input[type=text]:-ms-input-placeholder,.elm-input[type=time]:-ms-input-placeholder,.elm-input[type=url]:-ms-input-placeholder,.elm-input[type=week]:-ms-input-placeholder,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:-ms-input-placeholder{color:#646973}.elm-input[type=color]::placeholder,.elm-input[type=date]::placeholder,.elm-input[type=datetime-local]::placeholder,.elm-input[type=email]::placeholder,.elm-input[type=month]::placeholder,.elm-input[type=number]::placeholder,.elm-input[type=password]::placeholder,.elm-input[type=tel]::placeholder,.elm-input[type=text]::placeholder,.elm-input[type=time]::placeholder,.elm-input[type=url]::placeholder,.elm-input[type=week]::placeholder,:where(:not(.cmp-sitesearch))>.elm-input[type=search]::placeholder{color:#646973}.elm-input[type=search]{background:var(--db-ic-search-24,url(~@db-ui/core/dist/icons/functional/images/action/db_ic_search_24.svg)) no-repeat .375rem .75rem;background-size:1.1875rem;padding-left:2rem}:not(.cmp-sitesearch)>.elm-input[type=search]+.elm-label{margin-left:1rem}.elm-loadingindicator{animation:loadingindicator-rotate 3s linear infinite;color:#ec0016;display:block}.elm-loadingindicator[data-size=xl]{--loadingindicator--stroke-width:2.5384615385px;--loadingindicator--r:19px;height:52px;width:52px}.elm-loadingindicator[data-size=l]{--loadingindicator--stroke-width:3px;--loadingindicator--r:19px;height:44px;width:44px}.elm-loadingindicator{--loadingindicator--stroke-width:3.6666666667px;--loadingindicator--r:19px;height:36px;width:36px}.elm-loadingindicator[data-size=s]{--loadingindicator--stroke-width:3.1428571429px;--loadingindicator--r:19px;height:28px;width:28px}.elm-loadingindicator[data-size=xs]{--loadingindicator--stroke-width:4.4px;--loadingindicator--r:19px;height:20px;width:20px}.elm-loadingindicator__circle{animation:loadingindicator-stroke 1.5s ease-in-out infinite;r:var(--loadingindicator--r);stroke:currentcolor;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;stroke-width:var(--loadingindicator--stroke-width)}@keyframes loadingindicator-rotate{to{transform:rotate(1turn)}}@keyframes loadingindicator-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:96,200;stroke-dashoffset:-32}to{stroke-dasharray:96,200;stroke-dashoffset:-124}}.elm-progress progress{--progress-value--backgroundColor:#ec0016;-webkit-appearance:none;appearance:none;background-color:#fcfdfd;border:none;height:.25rem;vertical-align:middle}.elm-progress progress::-webkit-progress-bar{background-color:#fcfdfd}.elm-progress progress::-webkit-progress-value{background-color:var(--progress-value--backgroundColor)}.elm-progress progress::-moz-progress-bar{background-color:var(--progress-value--backgroundColor)}.elm-progress progress::-ms-fill{background-color:var(--progress-value--backgroundColor);border:none}.elm-progress progress:not([style^="--progress-conic:"])::-webkit-progress-value{border-radius:12px}.elm-progress progress:not([style^="--progress-conic:"])::-moz-progress-bar{border-radius:12px}.elm-progress progress:not([style^="--progress-conic:"])::-ms-fill{border-radius:12px}.elm-progress progress:indeterminate{animation-duration:2.1s;animation-iteration-count:infinite;animation-name:elmProgressMoveIndeterminate;animation-timing-function:linear;animation-timing-function:cubic-bezier(.65,.815,.735,.395);background-color:#fcfdfd;background-image:linear-gradient(90deg,#ec0016 100%,#fcfdfd 0);background-position:0 0;background-repeat:no-repeat;background-size:150% 150%}@media(prefers-reduced-motion:reduce){.elm-progress progress:indeterminate{animation-duration:15s}}.elm-progress progress:indeterminate::-webkit-progress-bar{background-color:transparent}.elm-progress progress:indeterminate::-moz-progress-bar{background-color:transparent}@supports(background:conic-gradient(#000,#fff)){.elm-progress progress[style^="--progress-conic:"]{--fill:calc(var(--progress-conic)*1%);background:conic-gradient(var(--progress-value--backgroundColor) var(--fill),#fff 0);border:0;border-radius:50%;height:4.6875rem;width:4.6875rem}.elm-progress progress[style^="--progress-conic:"]::-webkit-progress-bar,.elm-progress progress[style^="--progress-conic:"]::-webkit-progress-inner-element,.elm-progress progress[style^="--progress-conic:"]::-webkit-progress-value{display:none}.elm-progress progress[style^="--progress-conic:"]::-moz-progress-bar{background:none}.elm-progress progress[style^="--progress-conic:"]+label,.elm-progress progress[style^="--progress-conic:"]+output{align-items:center;background:#fdfdfd;border-radius:50%;display:block;display:flex;height:3.4375rem;justify-content:center;position:absolute;transform:translate(.625rem,-4.0625rem);width:3.4375rem}}@keyframes elmProgressMoveIndeterminate{0%{background-position:-35% 0;background-size:35% 100%}60%{background-position:101% 0;background-size:65% 100%}to{background-position:101% 0;background-size:1% 100%}}.elm-radio{--db-form-element-dimensions:var( --db-radio-dimensions,1.25em );-webkit-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.1);border:.0625rem solid #282d37;border-radius:1em;display:inline-block;font-size:1rem;height:var(--db-form-element-dimensions);transition:border-width .5s ease;width:var(--db-form-element-dimensions)}.elm-radio[type=radio]{vertical-align:sub}.elm-radio:enabled:hover:not(:checked){background-color:rgba(40,45,55,.14)}.elm-radio:enabled:focus-visible:not(:checked){background-color:rgba(40,45,55,.14)}.elm-radio:enabled:active{background-color:rgba(40,45,55,.3)}.elm-radio:checked{border-width:.375em}.elm-radio:is(:user-invalid),.elm-radio[aria-invalid=true]{border-color:#c13e34}.elm-radio+label{padding-inline-start:.25rem}.elm-radio:disabled,.elm-radio:disabled+label{opacity:.5}@media(prefers-reduced-motion:reduce){.elm-radio{transition-duration:.01s!important}}.elm-textarea{display:block;font-size:1rem;height:2.75rem;line-height:1.5rem;max-width:100%;padding:.375rem .625rem;resize:vertical;width:100%}.elm-textarea:not([rows]){max-height:37.5rem;min-height:7.5rem}.elm-textarea[rows]{height:auto}.elm-textarea:focus:not(:disabled),.elm-textarea:hover:not(:disabled){--formElement---borderColor:#878c96}.elm-textarea:focus-visible:not(:disabled){--formElement---borderColor:#878c96}.elm-textarea:disabled,.elm-textarea:disabled+.elm-label,fieldset:disabled .elm-textarea,fieldset:disabled .elm-textarea+.elm-label{opacity:.4}.elm-select{-webkit-appearance:none;appearance:none;font-size:1rem}.elm-select::-ms-expand{display:none}.elm-select:not([multiple]){background-image:var(--db-ic-expand-more-20,url(~@db-ui/core/dist/icons/functional/images/navigation/db_ic_expand_more_20.svg));background-position:right .6875rem center;background-repeat:no-repeat;height:2.75rem;padding:1.25rem 2.625rem 0 1rem}.elm-select:not([multiple]):has(+label[data-label-hidden=true]){padding-top:0}.elm-select:not([multiple])+.elm-label{pointer-events:none;position:absolute;transition:opacity,transform .25s}@media(prefers-reduced-motion:reduce){.elm-select:not([multiple])+.elm-label{transition-duration:.01s!important}}.elm-select:not([multiple]):has(option:checked:empty)+.elm-label{color:#646973;font-size:1rem;transform:translate(1rem,-2.1875rem)}.elm-select:not([multiple]):not([aria-invalid]):is(:user-valid),.elm-select:not([multiple])[data-variant]  :not([aria-invalid]):is(:user-valid){--formElement---borderColor:#2a7230}.elm-select:not([multiple]):not([aria-invalid]):is(:user-invalid),.elm-select:not([multiple])[data-variant]  :not([aria-invalid]):is(:user-invalid){--formElement---borderColor:#ec0016}.elm-select:disabled,.elm-select:disabled+.elm-label,fieldset:disabled .elm-select,fieldset:disabled .elm-select+.elm-label{opacity:.4}.elm-select+.elm-label{display:block;font-size:.75rem;margin-bottom:-1.125rem;transform:translate(1rem,-2.5625rem);transition:opacity,transform .15s}@media(prefers-reduced-motion:reduce){.elm-select+.elm-label{transition-duration:.01s!important}}.elm-select[multiple]{margin-top:1rem}.elm-select[multiple]+.elm-label{transform:translate(1rem,-6.25rem)}.elm-select optgroup{background-color:transparent;font-style:normal}.elm-select option:not(:disabled):hover{background-color:#d7dce1}.elm-select option:not(:disabled):focus-visible{background-color:#d7dce1}.elm-select option:checked{background-color:#d7dce1}.elm-chip+label{--db-focus-outline-size:max(2px,0.08em);align-items:center;border:1px solid #878c96;border-radius:.25rem;display:inline-flex;font-size:.875rem;font-weight:500;height:1.75rem;justify-content:center;padding-left:.4375rem;padding-right:.4375rem;text-decoration:none;text-transform:capitalize;white-space:nowrap}.elm-chip+label[data-icon-after]:after,.elm-chip+label[data-icon-before]:before,.elm-chip+label[data-icon]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem}.elm-chip:not(:disabled,:checked)+label:hover{background-color:rgba(40,45,55,.03)}.elm-chip:not(:disabled,:checked)+label:focus-visible{background-color:rgba(40,45,55,.03)}.elm-chip:checked+label{background-color:#282d37;border-color:transparent;color:#fff}.elm-chip:checked+label[data-variant=light]{background-color:#d7dce1;border:1px solid #878c96;color:#282d37}.elm-chip:checked+label[data-variant=warning]{background-color:#f75f00}.elm-chip:checked+label[data-variant=error]{background-color:#ec0016}.elm-chip:checked+label[data-variant=informative]{background-color:#0087b9}.elm-chip:checked+label[data-variant=success]{background-color:#508b1b}.elm-chip:checked+label[data-variant=poi-essen-trinken]{background-color:#f39200;color:#282d37}.elm-chip:checked+label[data-variant=poi-einkaufen]{background-color:#814997}.elm-chip:checked+label[data-variant=poi-gesundheit]{background-color:#a9455d}.elm-chip:checked+label[data-variant=poi-kunst-kultur]{background-color:#e93e8f}.elm-chip:checked+label[data-variant=poi-wissenswertes]{background-color:#858379}.elm-chip:checked+label[data-variant=poi-freizeit]{background-color:#408335}.elm-chip:checked+label[data-variant=poi-zivile-rel-einrichtungen]{background-color:#00a099}.elm-chip:checked+label[data-variant=poi-dienstleistungen]{background-color:#309fd1;color:#282d37}.elm-chip:checked+label[data-variant=poi-db-services-einrichtung]{background-color:#0c3992}.elm-chip:checked+label[data-variant=poi-wegeleitung]{background-color:#3c414b}.elm-chip:disabled+label{opacity:.5}.elm-chip:focus-visible+label{outline:var(--db-focus-outline-size) var(--db-focus-outline-style,solid) var(--db-focus-outline-color,currentColor);outline-offset:var(--db-focus-outline-offset,var(--db-focus-outline-size))}.elm-tag{align-items:center;background-color:#282d37;border-radius:.25rem;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;height:1.5rem;justify-content:center;padding-left:.25rem;padding-right:.25rem;text-transform:capitalize;white-space:nowrap}.elm-tag[data-size=small]{height:1.25rem}.elm-tag[data-variant=light]{background-color:#d7dce1;border:1px solid #878c96;color:#282d37}.elm-tag[data-variant=warning]{background-color:#cc4e00}.elm-tag[data-variant=error]{background-color:#db0014}.elm-tag[data-variant=informative]{background-color:#006a96}.elm-tag[data-variant=success]{background-color:#467a18}.elm-tag[data-variant=track]{background-color:#0a1e6e;font-weight:700}.elm-tag[data-variant=poi-essen-trinken]{background-color:#f39200;color:#282d37}.elm-tag[data-variant=poi-einkaufen]{background-color:#814997}.elm-tag[data-variant=poi-gesundheit]{background-color:#a9455d}.elm-tag[data-variant=poi-kunst-kultur]{background-color:#e93e8f}.elm-tag[data-variant=poi-wissenswertes]{background-color:#858379}.elm-tag[data-variant=poi-freizeit]{background-color:#408335}.elm-tag[data-variant=poi-zivile-rel-einrichtungen]{background-color:#00a099}.elm-tag[data-variant=poi-dienstleistungen]{background-color:#309fd1;color:#282d37}.elm-tag[data-variant=poi-db-services-einrichtung]{background-color:#0c3992}.elm-tag[data-variant=poi-wegeleitung]{background-color:#3c414b}.elm-tag[data-icon-before]:before,.elm-tag[data-icon]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem;--icon-margin-after:0.125rem}.elm-tag[data-icon-after]:after{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem;--icon-margin-before:0.125rem}.elm-toggle{-webkit-appearance:none;appearance:none;background-color:#646973;border:none;border-radius:.75rem;display:inline-block;height:1.5rem;position:relative;transition:background-color .3s ease;width:3rem}@media(prefers-reduced-motion:reduce){.elm-toggle{transition-duration:.01s!important}}.elm-toggle+.elm-label{vertical-align:top}.elm-toggle:before{background-color:#fff;border-radius:.625rem;box-shadow:0 5px 30px 0 rgba(0,0,0,.05),0 1px 5px 0 rgba(0,0,0,.15);content:"";display:block;height:1.25rem;left:.125rem;position:absolute;top:.125rem;transition:border-color,left .3s cubic-bezier(.3,1.5,.7,1);width:1.25rem}@media(prefers-reduced-motion:reduce){.elm-toggle:before{transition-duration:.01s!important}}.elm-toggle:hover:before{background-color:#f7f7f7}.elm-toggle:focus-visible:before{background-color:#f7f7f7}.elm-toggle:active:before{transition:width .3s cubic-bezier(.3,1.5,.7,1);width:1.5rem}@media(prefers-reduced-motion:reduce){.elm-toggle:active:before{transition-duration:.01s!important}}.elm-toggle:checked{background-color:#131821}.elm-toggle:checked:before{left:unset;right:.125rem}.elm-toggle:disabled,.elm-toggle:disabled+label{opacity:.5}.elm-youtube{height:19.6875rem;width:35rem}.cmp-breadcrumb{color:#646973;font-size:.75rem}.cmp-breadcrumb a{color:inherit}.cmp-breadcrumb ol{display:flex}.cmp-breadcrumb ol>li{align-items:center;display:inline-flex;margin-right:.1875rem}.cmp-breadcrumb ol>li [aria-current=location],.cmp-breadcrumb ol>li [aria-current=page]{color:#282d37}.cmp-breadcrumb ol>li .elm-link{border-radius:.25rem;padding:.0625rem .1875rem .0625rem .25rem;text-decoration:none}.cmp-breadcrumb ol>li .elm-link:hover{background-color:rgba(40,45,55,.03)}.cmp-breadcrumb ol>li .elm-link:focus-visible{background-color:rgba(40,45,55,.03)}.cmp-breadcrumb ol>li .elm-link:active{background-color:rgba(40,45,55,.06)}.cmp-breadcrumb ol>li:first-child{--icon-glyph-before:"⌂"}.cmp-breadcrumb ol>li:first-child:before{--icon-font-family:"icons-20-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.25rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-breadcrumb ol>li:first-child:before{content:var(--icon-glyph-before)/""}}.cmp-breadcrumb ol>li:first-child:before{--icon-margin-after:0.1875rem}.cmp-breadcrumb ol>li:not(:first-child){--icon-glyph-before:">"}.cmp-breadcrumb ol>li:not(:first-child):before{--icon-font-family:"icons-20-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.25rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-breadcrumb ol>li:not(:first-child):before{content:var(--icon-glyph-before)/""}}.cmp-breadcrumb ol>li:not(:first-child):before{--icon-font-size:0.875rem;--icon-margin-after:0;color:#878c96;margin-left:-.125rem}.cmp-cards{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");margin:0;padding:0}@supports(display:grid){.cmp-cards{display:grid;grid-gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(21.25rem,1fr))}}.cmp-card{background-color:#fff;border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05)}.cmp-card>a{text-decoration:none}.cmp-card figure{margin:1rem 1rem 1rem .5rem}.cmp-card[data-variant=banner] figure{display:flex}.cmp-card[data-variant=banner] figcaption{margin-left:1rem}.cmp-card[data-variant=banner] figcaption h1,.cmp-card[data-variant=banner] figcaption h2,.cmp-card[data-variant=banner] figcaption h3,.cmp-card[data-variant=banner] figcaption h4,.cmp-card[data-variant=banner] figcaption h5,.cmp-card[data-variant=banner] figcaption h6{font-size:1.125rem}.cmp-card[data-variant=banner] figcaption h1,.cmp-card[data-variant=banner] figcaption h1~p,.cmp-card[data-variant=banner] figcaption h2,.cmp-card[data-variant=banner] figcaption h2~p,.cmp-card[data-variant=banner] figcaption h3,.cmp-card[data-variant=banner] figcaption h3~p,.cmp-card[data-variant=banner] figcaption h4,.cmp-card[data-variant=banner] figcaption h4~p,.cmp-card[data-variant=banner] figcaption h5,.cmp-card[data-variant=banner] figcaption h5~p,.cmp-card[data-variant=banner] figcaption h6,.cmp-card[data-variant=banner] figcaption h6~p{margin:.125rem 0}.cmp-card[data-variant=banner] figcaption p{font-size:.875rem;max-width:18.125rem}.cmp-card[data-variant=tile]{text-align:center}.cmp-card figcaption{max-width:60ch}.cmp-accordion{--db-accordion---paddingLeft:1rem;border-bottom:1px solid #d7dce1;padding-left:var(--db-accordion---paddingLeft);padding-right:1rem}.cmp-accordion summary{align-items:center;display:flex;justify-content:space-between;padding-block:.75rem;transform:translateX(calc(var(--db-accordion---paddingLeft)*-1));width:calc(100% + var(--db-accordion---paddingLeft) + 1rem);--icon-glyph-after:"⌄"}.cmp-accordion summary:after{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}@supports(content:""/""){.cmp-accordion summary:after{content:var(--icon-glyph-after)/""}}.cmp-accordion summary::-webkit-details-marker{display:none}.cmp-accordion summary:first-of-type{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E")}.cmp-accordion summary:after{--icon-margin-before:0.5rem;margin-right:.875rem}.cmp-accordion summary+p{margin-top:0}.cmp-accordion[open]>summary:after{content:"⌃"}.cmp-accordion[data-emphasis=high]{--db-accordion---paddingLeft:1.5rem}.cmp-accordion[data-emphasis=high] summary{font-weight:700;height:3.5rem}.cmp-accordion[data-emphasis=high] summary:after{--icon-font-size:2rem}.cmp-accordion[data-size=small]{--db-accordion---paddingLeft:0.25rem}.cmp-accordion[data-size=small] summary{font-size:.875rem;padding-block:.59375rem}.cmp-accordion[data-size=small] summary:after{--icon-font-size:1.25rem;--icon-margin-after:0.375rem;margin-left:.375rem}.cmp-accordion[data-size=large]{--db-accordion---paddingLeft:1.5rem}.cmp-accordion[data-size=large] summary{font-size:1.25rem;padding-block:1rem}.cmp-accordion[data-size=large] summary:after{--icon-font-size:2rem}.cmp-mainnavigation{padding-inline-start:1.5rem;position:relative;top:0}.cmp-mainnavigation:before{inset-inline-start:0}.rea-header .cmp-mainnavigation{order:1}@supports not selector(:has(db)){.cmp-mainnavigation{margin:auto}}.cmp-mainnavigation .elm-link{border-radius:initial;color:inherit;display:inline-block;text-decoration:none}.cmp-mainnavigation>input[type=checkbox][id]{-webkit-appearance:none;appearance:none;aspect-ratio:1/1;block-size:1.5rem;position:absolute}@media screen and (width > 1023px){.cmp-mainnavigation>input[type=checkbox][id],.cmp-mainnavigation>input[type=checkbox][id]+label[for]{display:none}}.cmp-mainnavigation>label[for]{background-color:#fdfdfd;border-bottom:1px solid #f5f4f1;display:block;padding:.5rem 1.375rem .625rem;--icon-glyph-before:"󡄢"}.cmp-mainnavigation>label[for]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-mainnavigation>label[for]:before{content:var(--icon-glyph-before)/""}}.cmp-mainnavigation>label[for]{--icon-glyph-after:"⨯"}.cmp-mainnavigation>label[for]:after{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}@supports(content:""/""){.cmp-mainnavigation>label[for]:after{content:var(--icon-glyph-after)/""}}.cmp-mainnavigation>label[for]:after,.cmp-mainnavigation>label[for]:before{margin-right:1rem}@media screen and (max-width:1023px){.cmp-mainnavigation{z-index:30}.cmp-mainnavigation>input[type=checkbox][id]+label[for]{font-size:0;padding:0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]:before{--icon-margin-after:0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]:after,.cmp-mainnavigation>input[type=checkbox][id]+label[for]:before{margin:0}.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)+label[for]:after{content:none}.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)~ul{display:none}.cmp-mainnavigation>input[type=checkbox][id]:checked{inset-block-start:1rem;inset-inline-end:1.5rem;position:absolute;z-index:50}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]{background-color:#fff;block-size:3.5rem}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]:after{inset-block-start:.5rem;inset-inline-end:1rem;padding:.5rem;position:absolute;z-index:50}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]:before{background-color:#282d37;content:"";inset:0;opacity:.8;position:fixed;z-index:30}.cmp-mainnavigation:has(>input[type=checkbox][id]:not(:checked)){inset-block-start:50%;inset-inline-end:1.5rem;padding-inline-start:1rem;position:absolute;transform:translateY(-50%)}.cmp-mainnavigation:has(>input[type=checkbox][id]:checked){inset:0;margin-inline-start:1.5rem;padding:0;position:fixed}.cmp-mainnavigation:has(>input[type=checkbox][id]:checked):after{background-color:#fff;content:"";width:100%;block-size:3.5rem;border-bottom:1px solid rgba(40,45,55,.2);border-top-left-radius:4px;inset:0;position:absolute;z-index:30}}.cmp-mainnavigation ul{background-color:#fdfdfd}@media screen and (width > 1023px){.cmp-mainnavigation ul ul{box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);position:absolute;visibility:hidden;z-index:70}}@media screen and (max-width:1023px){.cmp-mainnavigation ul ul{display:none}.cmp-mainnavigation>ul{background-color:#fff;inset-block-end:0;inset-block-start:3.5rem;inset-inline:0;margin-block-end:3.5rem;overflow:auto;padding:.75rem;position:absolute;z-index:50}}@media screen and (width > 1023px){.cmp-mainnavigation>ul{display:flex;gap:.75rem}.cmp-mainnavigation>ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li>.elm-link,.cmp-mainnavigation>ul>li>*>.elm-link,.cmp-mainnavigation>ul>li>.elm-link{border-radius:4px;height:2.5rem;padding:.5rem .75rem}.cmp-mainnavigation>ul>*>li>*>.elm-link:focus,.cmp-mainnavigation>ul>*>li>*>.elm-link:hover,.cmp-mainnavigation>ul>*>li>.elm-link:focus,.cmp-mainnavigation>ul>*>li>.elm-link:hover,.cmp-mainnavigation>ul>li>*>.elm-link:focus,.cmp-mainnavigation>ul>li>*>.elm-link:hover,.cmp-mainnavigation>ul>li>.elm-link:focus,.cmp-mainnavigation>ul>li>.elm-link:hover{border-bottom-color:#d7dce1}}@media screen and (width > 1023px){.cmp-mainnavigation>ul>*>li>*>.elm-link:focus-visible,.cmp-mainnavigation>ul>*>li>.elm-link:focus-visible,.cmp-mainnavigation>ul>li>*>.elm-link:focus-visible,.cmp-mainnavigation>ul>li>.elm-link:focus-visible{border-bottom-color:#d7dce1}.cmp-mainnavigation>ul>*>li>*>.elm-link[aria-current=page]:after,.cmp-mainnavigation>ul>*>li>.elm-link[aria-current=page]:after,.cmp-mainnavigation>ul>li>*>.elm-link[aria-current=page]:after,.cmp-mainnavigation>ul>li>.elm-link[aria-current=page]:after{background-color:#ec0016;border-radius:2px;content:"";height:4px;inset-block-start:calc(100% + .25rem);inset-inline:0;position:absolute;width:100%}.cmp-mainnavigation>ul>*>li ul,.cmp-mainnavigation>ul>li ul{inset-block-start:calc(100% + .5rem);inset-inline-start:0;min-width:100%}.cmp-mainnavigation>ul>*>li ul:before,.cmp-mainnavigation>ul>li ul:before{content:"";height:.5rem;inset-block-end:100%;position:absolute;width:100%}.cmp-mainnavigation>ul>*>li ul ul,.cmp-mainnavigation>ul>li ul ul{inset-block-start:.25rem;inset-inline-start:100%;top:auto}.cmp-mainnavigation>ul>*>li ul .elm-link,.cmp-mainnavigation>ul>li ul .elm-link{align-items:center;display:flex;min-height:3.3125rem;padding-left:1.125rem;padding-right:1.125rem}}@media screen and (max-width:1023px){.cmp-mainnavigation>ul>*>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>li>.elm-link{padding-left:2.125rem}.cmp-mainnavigation>ul>*>li ul>*>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>li>.elm-link{padding-left:3.75rem}}.cmp-mainnavigation li{display:block;position:relative}.cmp-mainnavigation li[aria-haspopup=true]{--icon-glyph-after:">"}.cmp-mainnavigation li[aria-haspopup=true]:after{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}@supports(content:""/""){.cmp-mainnavigation li[aria-haspopup=true]:after{content:var(--icon-glyph-after)/""}}.cmp-mainnavigation li[aria-haspopup=true]:after{position:absolute;right:1rem;top:.5625rem}.cmp-mainnavigation li:is(:hover,:focus-within)>*>ul,.cmp-mainnavigation li:is(:hover,:focus-within)>ul{visibility:visible}.cmp-mainnavigation li:is(:focus-visible,:focus-within)>*>ul,.cmp-mainnavigation li:is(:focus-visible,:focus-within)>ul{visibility:visible}@media screen and (max-width:1023px){.cmp-mainnavigation li:is(:hover,:focus-within)>*>ul,.cmp-mainnavigation li:is(:hover,:focus-within)>ul{display:initial}.cmp-mainnavigation li:is(:focus-visible,:focus-within)>*>ul,.cmp-mainnavigation li:is(:focus-visible,:focus-within)>ul{display:initial}}@media screen and (max-width:1023px){.cmp-mainnavigation li:hover>a{font-weight:700}.cmp-mainnavigation li:focus-visible>a{font-weight:700}.cmp-mainnavigation li:hover[aria-haspopup=true]{--icon-glyph-after:"⌄"}.cmp-mainnavigation li:focus-visible[aria-haspopup=true]{--icon-glyph-after:"⌄"}.cmp-mainnavigation li .elm-link{color:inherit;padding-block:.5rem;padding-inline-start:.75rem;width:calc(100% - 4rem)}.cmp-mainnavigation li[aria-haspopup=true]{position:relative}}@media screen and (width > 1023px){.cmp-mainnavigation li[aria-haspopup=true]:after{content:none}.cmp-mainnavigation li .elm-link{background-color:rgba(40,45,55,0)}.cmp-mainnavigation li .elm-link:hover{background-color:rgba(40,45,55,.08);color:initial}.cmp-mainnavigation li .elm-link:focus-visible{background-color:rgba(40,45,55,.08);color:initial}.cmp-mainnavigation li .elm-link:active{background-color:rgba(40,45,55,.16)}.cmp-mainnavigation li .elm-link[aria-current=page]{font-weight:700}}.cmp-metanavigation{display:flex;gap:.5rem;list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");margin-bottom:0;margin-top:0;padding-left:0}.cmp-metanavigation li{padding-left:.5rem;padding-right:.5rem}.rea-footer .cmp-metanavigation li{padding-left:.375rem;padding-right:.375rem}.cmp-metanavigation li .elm-link{text-decoration:none}.rea-header .cmp-metanavigation li .elm-link{font-size:0}.rea-header .cmp-metanavigation li .elm-link:before{--icon-margin-after:0}.rea-footer .cmp-metanavigation{flex-wrap:wrap;justify-content:center}@media screen and (max-width:767px){.rea-footer .cmp-metanavigation{margin-bottom:1rem}}@media screen and (min-width:768px){.rea-footer .cmp-metanavigation{float:right}}.cmp-brand{align-items:center;display:flex;font-weight:700;gap:1rem}.cmp-brand a,.cmp-brand img{height:1.5rem}.cmp-brand img{width:auto}.cmp-brand a{color:inherit;text-decoration:none}.elm-input,.elm-select,.elm-textarea{--formElement---borderTopColor:var( --formElement---borderColor,transparent );--formElement---borderRightColor:var( --formElement---borderColor,transparent );--formElement---borderBottomColor:var( --formElement---borderColor,rgba(40,45,55,.5) );--formElement---borderLeftColor:var( --formElement---borderColor,transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-input~.description,.elm-select~.description,.elm-textarea~.description{color:#646973;font-size:.875rem;padding:.375rem .625rem}.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],.elm-select[data-variant=semitransparent],.elm-textarea[data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search],:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),:where(.elm-select:not([multiple])),:where(.elm-textarea),:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent]{--formElement---borderColor:rgba(40,45,55,.5);background-color:rgba(40,45,55,.05);border:1px solid transparent;border-bottom:1px solid var(--formElement---borderBottomColor)}.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white],.elm-select[data-variant=white],.elm-textarea[data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white]{--formElement---borderColor:rgba(40,45,55,.5);background-color:#fff;border:1px solid transparent;border-bottom:1px solid var(--formElement---borderBottomColor)}.cmp-sitesearch .elm-input[type=search],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid]{--formElement---borderColor:rgba(40,45,55,.5);background-color:#f0f3f5;border:1px solid transparent;border-bottom:1px solid var(--formElement---borderBottomColor)}.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline],.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline]{--formElement---borderColor:rgba(40,45,55,.25);background-color:transparent;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid,.elm-textarea:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid{--formElement---borderColor:#2a7230}.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid,.elm-textarea:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid{--formElement---borderColor:#ec0016}:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week],[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea{--formElement---borderColor:#ec0016}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description),.elm-textarea+output:has(+.description){float:right}@supports(position-area:block-end span-inline-start){.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)),.elm-textarea+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description,.elm-textarea+output,.elm-textarea+output+.description{color:#646973;font-size:.875rem;padding:.375rem .625rem}.elm-checkbox:has(+label):after,.elm-radio:has(+label):after{content:"";height:var(--db-form-element-dimensions);position:absolute;transform:translateX(.25rem);width:calc(var(--db-form-element-dimensions) + .25rem)}.cmp-sitesearch{align-items:center;display:flex;padding-inline-end:.75rem;position:relative}@media screen and (max-width:1023px){.cmp-sitesearch{margin-inline-end:2.25rem;margin-inline-start:auto}.cmp-sitesearch:before{display:none}}.cmp-sitesearch .elm-input[type=search]{background-image:none;opacity:0;padding:0;width:0}.cmp-sitesearch .elm-input[type=search]:not(:-ms-input-placeholder){opacity:1;padding-inline-end:3rem;padding-inline-start:1rem;padding-top:0;width:16rem}.cmp-sitesearch .elm-input[type=search]:focus,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown){opacity:1;padding-inline-end:3rem;padding-inline-start:1rem;padding-top:0;width:16rem}.cmp-sitesearch .elm-input[type=search]:not(:-ms-input-placeholder)+.elm-label{display:none}.cmp-sitesearch .elm-input[type=search]:focus+.elm-label,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown)+.elm-label{display:none}.cmp-sitesearch .elm-input[type=search]:not(:-ms-input-placeholder)~.elm-button{display:flex}.cmp-sitesearch .elm-input[type=search]:focus~.elm-button,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown)~.elm-button{display:flex}.cmp-sitesearch .elm-label{border-radius:4px;display:inline-block;padding:.5rem;--icon-glyph-before:"󡉔"}.cmp-sitesearch .elm-label:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sitesearch .elm-label:before{content:var(--icon-glyph-before)/""}}.cmp-sitesearch .elm-label:before{vertical-align:top}.rea-meta .cmp-sitesearch .elm-label{font-size:0}.rea-meta .cmp-sitesearch .elm-label:before{--icon-margin-after:0}.cmp-sitesearch .elm-button{border:0;display:none;font-size:0;inset-inline-end:.75rem;padding:.5rem;position:absolute}.cmp-sitesearch .elm-button:before{--icon-margin-after:0}.cmp-sitesearch .elm-button{--icon-glyph-before:"󡉔"}.cmp-sitesearch .elm-button:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sitesearch .elm-button:before{content:var(--icon-glyph-before)/""}}.cmp-sitesearch .elm-button,.cmp-sitesearch .elm-label{background-color:rgba(40,45,55,0)}.cmp-sitesearch .elm-button:hover,.cmp-sitesearch .elm-label:hover{background-color:rgba(40,45,55,.08)}.cmp-sitesearch .elm-button:focus-visible,.cmp-sitesearch .elm-label:focus-visible{background-color:rgba(40,45,55,.08)}.cmp-sitesearch .elm-button:active,.cmp-sitesearch .elm-label:active{background-color:rgba(40,45,55,.16)}@media screen and (max-width:31.25rem){.cmp-sitesearch:has(.elm-input[type=search]:not(:-ms-input-placeholder)){left:1rem;position:absolute;z-index:10}.cmp-sitesearch:focus-within,.cmp-sitesearch:has(.elm-input[type=search]:not(:placeholder-shown)){left:1rem;position:absolute;z-index:10}.cmp-sitesearch:has(.elm-input[type=search]:not(:-ms-input-placeholder)) .elm-input[type=search]{width:calc(100vw - 5.5rem)}.cmp-sitesearch:focus-within .elm-input[type=search],.cmp-sitesearch:has(.elm-input[type=search]:not(:placeholder-shown)) .elm-input[type=search]{width:calc(100vw - 5.5rem)}}.cmp-notification{background-color:#282d37;box-shadow:0 4px 10px 0 rgba(0,0,0,.1);margin-bottom:1rem;padding:1rem}section[data-variant=hovering] .cmp-notification{background-color:#fff}section[data-variant=alert] .cmp-notification{color:#fff}section[data-variant=hovering] .cmp-notification{border:2px solid transparent;border-radius:.5rem;padding:.875rem 1rem}.cmp-notification[data-type=success]{background-color:#508b1b}section[data-variant=hovering] .cmp-notification[data-type=success]{border-color:#508b1b}.cmp-notification[data-type=warning]{background-color:#f75f00}section[data-variant=hovering] .cmp-notification[data-type=warning]{border-color:#f75f00}.cmp-notification[data-type=error]{background-color:#ec0016}section[data-variant=hovering] .cmp-notification[data-type=error]{border-color:#ec0016}.cmp-notification[data-type=informative]{background-color:#0087b9}section[data-variant=hovering] .cmp-notification[data-type=informative]{border-color:#0087b9}.cmp-notification[data-icon-after],.cmp-notification[data-icon-before],.cmp-notification[data-icon]{align-items:center;display:flex}.cmp-notification[data-icon-before]:before,.cmp-notification[data-icon]:before{--icon-margin-after:0.625rem}.cmp-notification[data-icon-after]{justify-content:space-between}.cmp-notification[data-icon-after]:after{--icon-margin-before:0.625rem}.cmp-dialog{border:0;border-radius:8px;color:#282d37;font-size:.875rem;margin-top:0;max-width:90vw;padding:1rem;position:fixed;top:50%;transform:translateY(-50%)}@media screen and (min-width:768px){.cmp-dialog{padding:1.5rem}}.cmp-dialog::-ms-backdrop{background-color:rgba(0,0,0,.9)}.cmp-dialog::backdrop{background-color:rgba(0,0,0,.9)}.cmp-dialog+.backdrop{background-color:rgba(0,0,0,.9)}.no-js .cmp-dialog:target{display:initial}.cmp-dialog header{color:#131821;transform:translateY(-.5625rem)}.cmp-dialog header .elm-headline{font-size:1.125rem;font-weight:700;line-height:1.5rem;margin-bottom:.375rem;margin-right:1.5rem;margin-top:0;text-align:center}@media screen and (min-width:768px){.cmp-dialog header .elm-headline{font-size:1.5rem;line-height:1.75rem}}.cmp-dialog header :is(.elm-link,button).is-close{background-color:transparent;border-color:transparent;position:absolute;right:0;top:0}.cmp-dialog header :is(.elm-link,button).is-close{--icon-glyph-before:"⨯"}.cmp-dialog header :is(.elm-link,button).is-close:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-dialog header :is(.elm-link,button).is-close:before{content:var(--icon-glyph-before)/""}}.cmp-dialog header :is(.elm-link,button).is-close{font-size:0}.cmp-dialog header :is(.elm-link,button).is-close:before{--icon-margin-after:0}.cmp-dialog main p:first-child{margin-top:0}.cmp-dialog footer{display:flex;margin-top:1.125rem}.cmp-dialog footer .elm-button+.elm-button{margin-left:1rem}.cmp-dialog footer[data-alignment=end]{justify-content:flex-end}.cmp-dialog footer:not([data-alignment=end]) .elm-button{flex-grow:1}.cmp-language-switcher{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");margin-right:1rem;position:relative}.cmp-language-switcher:focus li:not([aria-current],[aria-selected]),.cmp-language-switcher:hover li:not([aria-current],[aria-selected]){visibility:visible}.cmp-language-switcher:focus-visible li:not([aria-current],[aria-selected]){visibility:visible}.cmp-language-switcher:focus li[aria-current=page],.cmp-language-switcher:focus li[aria-selected=true],.cmp-language-switcher:hover li[aria-current=page],.cmp-language-switcher:hover li[aria-selected=true]{color:#ec0016}.cmp-language-switcher:focus-visible li[aria-current=page],.cmp-language-switcher:focus-visible li[aria-selected=true]{color:#ec0016}.cmp-language-switcher li{background-color:#fdfdfd;position:absolute;top:1.625rem}.rea-header .cmp-language-switcher li{top:calc(var(--db-language-switcher---direction, 1)*(100% + 1rem - 2px));z-index:40}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(200% + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(300% + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(400% + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(500% + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(600% + 1rem - 2px))}@media screen and (width > 1023px){.rea-header .cmp-language-switcher li{top:100%}}.cmp-language-switcher li .elm-button,.cmp-language-switcher li .elm-link{color:inherit;text-decoration:none}.cmp-language-switcher li:not([aria-current],[aria-selected]){visibility:hidden}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link{padding-block:1rem;padding-right:2.125rem}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:focus,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:hover,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:focus,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:hover{background-color:#d7dce1}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:focus-visible,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:focus-visible{background-color:#d7dce1}.cmp-language-switcher li[aria-current],.cmp-language-switcher li[aria-selected]{position:static}.cmp-language-switcher li[aria-current] .elm-button,.cmp-language-switcher li[aria-current] .elm-link,.cmp-language-switcher li[aria-selected] .elm-button,.cmp-language-switcher li[aria-selected] .elm-link{--icon-glyph-after:"⌄"}.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}@supports(content:""/""){.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after{content:var(--icon-glyph-after)/""}}.cmp-language-switcher li[aria-current] .elm-button:hover,.cmp-language-switcher li[aria-current] .elm-link:hover,.cmp-language-switcher li[aria-selected] .elm-button:hover,.cmp-language-switcher li[aria-selected] .elm-link:hover{color:#ec0016}.cmp-language-switcher li[aria-current] .elm-button:focus-visible,.cmp-language-switcher li[aria-current] .elm-link:focus-visible,.cmp-language-switcher li[aria-selected] .elm-button:focus-visible,.cmp-language-switcher li[aria-selected] .elm-link:focus-visible{color:#ec0016}.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after{float:right;margin-left:.3125rem}.cmp-language-switcher li .elm-button,.cmp-language-switcher li .elm-link{display:inline-block;padding-left:1.125rem}.cmp-language-switcher li .elm-button:focus,.cmp-language-switcher li .elm-button:hover,.cmp-language-switcher li .elm-link:focus,.cmp-language-switcher li .elm-link:hover{color:initial}.cmp-language-switcher li .elm-button:focus-visible,.cmp-language-switcher li .elm-link:focus-visible{color:initial}.cmp-language-switcher li .elm-button{border-width:0;line-height:1.5;padding-right:0;padding-top:.5625rem}.cmp-pagination{color:#282d37;font-size:.875rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cmp-pagination>ol{display:flex}.cmp-pagination .elm-link,.cmp-pagination li{align-items:center;display:inline-flex;justify-content:center}.cmp-pagination li{height:2.25rem;width:2.25rem}.cmp-pagination .elm-link{color:inherit;height:100%;text-decoration:none;width:100%}.cmp-pagination .elm-link[rel=next],.cmp-pagination .elm-link[rel=prev]{padding:0;vertical-align:bottom}.cmp-pagination .elm-link[rel=prev]:before{margin-left:.6875rem}.cmp-pagination .elm-link[rel=next]:before{margin-right:.6875rem}.cmp-pagination .elm-link[rel=prev]{--icon-glyph-before:"<"}.cmp-pagination .elm-link[rel=prev]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-pagination .elm-link[rel=prev]:before{content:var(--icon-glyph-before)/""}}.cmp-pagination .elm-link[rel=prev]{font-size:0}.cmp-pagination .elm-link[rel=prev]:before{--icon-margin-after:0}.cmp-pagination .elm-link[rel=next]{--icon-glyph-before:">"}.cmp-pagination .elm-link[rel=next]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-pagination .elm-link[rel=next]:before{content:var(--icon-glyph-before)/""}}.cmp-pagination .elm-link[rel=next]{font-size:0}.cmp-pagination .elm-link[rel=next]:before{--icon-margin-after:0}.cmp-pagination .elm-link[aria-current=page]{font-weight:700}.cmp-sidenavi{background-color:#3c414b;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);display:inline-block}.cmp-sidenavi .elm-link{border-radius:initial;color:#d7dce1;display:block;padding:1.25rem 1rem;text-decoration:none}.cmp-sidenavi .elm-link:focus,.cmp-sidenavi .elm-link:hover,.cmp-sidenavi .elm-link[aria-current=page]{color:#3c414b}.cmp-sidenavi .elm-link:focus-visible{color:#3c414b}.cmp-sidenavi .elm-link:focus,.cmp-sidenavi .elm-link:hover{background-color:#afb4bb}.cmp-sidenavi .elm-link[aria-current=page]{background-color:#d7dce1;font-weight:700}.cmp-sidenavi .elm-link[rel]{padding-left:1.3125rem}.cmp-sidenavi .elm-link[rel=index]{--icon-glyph-before:"⌂"}.cmp-sidenavi .elm-link[rel=index]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=index]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=documents]{--icon-glyph-before:"🖹"}.cmp-sidenavi .elm-link[rel=documents]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=documents]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=dashboard]{--icon-glyph-before:"󡅤"}.cmp-sidenavi .elm-link[rel=dashboard]:before{--icon-font-family:"icons-32-enterprise-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=dashboard]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=cloud]{--icon-glyph-before:"☁"}.cmp-sidenavi .elm-link[rel=cloud]:before{--icon-font-family:"icons-32-enterprise-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=cloud]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=calendar]{--icon-glyph-before:"󡉇"}.cmp-sidenavi .elm-link[rel=calendar]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=calendar]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=help]{--icon-glyph-before:"?"}.cmp-sidenavi .elm-link[rel=help]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=help]:before{content:var(--icon-glyph-before)/""}}.cmp-tab-bar{display:flex;flex-wrap:wrap;gap:.25rem}.cmp-tab-bar>*>input[type=radio]+label[role=tab],.cmp-tab-bar>input[type=radio]+label[role=tab]{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:.875rem 1rem;position:relative;z-index:1}.cmp-tab-bar>*>input[type=radio]+label[role=tab]:before,.cmp-tab-bar>input[type=radio]+label[role=tab]:before{margin-inline-start:-.125rem}.cmp-tab-bar>*>input[type=radio]:focus+label,.cmp-tab-bar>input[type=radio]:focus+label{outline:1px dotted #878c96}.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:focus,.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:hover,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:focus,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:hover{background-color:#282d371f}.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:focus-visible,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:focus-visible{background-color:#282d371f}.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:active,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:active{background-color:#282d373d}.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab],.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]{color:#878c96}.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:focus,.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:hover,.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:focus,.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:hover{background-color:unset}.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:focus-visible,.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:focus-visible{background-color:unset}.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab],.cmp-tab-bar>input[type=radio]:checked+label[role=tab]{font-weight:700}.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]+section[role=tabpanel],.cmp-tab-bar>input[type=radio]:checked+label[role=tab]+section[role=tabpanel]{display:initial}.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]:after,.cmp-tab-bar>input[type=radio]:checked+label[role=tab]:after{background-color:#ec0016;border-radius:5px;content:"";display:block;height:.25rem;inset-block-end:0;inset-inline:0;position:absolute}.cmp-tab-bar label[role=tab],.cmp-tab-bar section[role=tabpanel]{background-color:#fdfdfd}.cmp-tab-bar section[role=tabpanel]{display:none;flex-basis:100%;margin-block-start:.125rem;order:1}.cmp-tab-bar[data-size=small]>*>input[type=radio]+label[role=tab],.cmp-tab-bar[data-size=small]>input[type=radio]+label[role=tab]{padding-block:.625rem}.cmp-table{border-collapse:collapse;font-size:var(--table---fontSize,inherit);text-align:left}.cmp-table,.cmp-table>caption{box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05)}.cmp-table caption{font-weight:700;padding:1rem .75rem;text-align:left}.cmp-table thead{border-bottom:.0625rem solid #282d37;border-top:.0625rem solid #282d37}.cmp-table thead th{color:#646973}.cmp-table th{font-weight:400}.cmp-table td,.cmp-table th{padding:.75rem;text-align:inherit;vertical-align:inherit}.cmp-table td:hover,.cmp-table th:hover{resize:horizontal}.cmp-table td:focus-visible,.cmp-table th:focus-visible{resize:horizontal}.cmp-table td:hover:not(:has(.cmp-overflow-menu)),.cmp-table th:hover:not(:has(.cmp-overflow-menu)){overflow:auto}.cmp-table td:focus-visible:not(:has(.cmp-overflow-menu)),.cmp-table th:focus-visible:not(:has(.cmp-overflow-menu)){overflow:auto}.cmp-table tbody{border-bottom:.0625rem solid #282d37}.cmp-table tbody th:first-child{border-right:1px solid #4f4b41}.cmp-table tbody[data-align=left],.cmp-table td[data-align=left],.cmp-table th[data-align=left],.cmp-table thead[data-align=left],.cmp-table tr[data-align=left]{text-align:left}.cmp-table tbody[data-align=center],.cmp-table td[data-align=center],.cmp-table th[data-align=center],.cmp-table thead[data-align=center],.cmp-table tr[data-align=center]{text-align:center}.cmp-table tbody[data-align=right],.cmp-table td[data-align=right],.cmp-table th[data-align=right],.cmp-table thead[data-align=right],.cmp-table tr[data-align=right]{text-align:right}.cmp-table tbody[data-vertical-align=top],.cmp-table td[data-vertical-align=top],.cmp-table th[data-vertical-align=top],.cmp-table thead[data-vertical-align=top],.cmp-table tr[data-vertical-align=top]{vertical-align:top}.cmp-table tbody[data-vertical-align=middle],.cmp-table td[data-vertical-align=middle],.cmp-table th[data-vertical-align=middle],.cmp-table thead[data-vertical-align=middle],.cmp-table tr[data-vertical-align=middle]{vertical-align:middle}.cmp-table tbody[data-vertical-align=bottom],.cmp-table td[data-vertical-align=bottom],.cmp-table th[data-vertical-align=bottom],.cmp-table thead[data-vertical-align=bottom],.cmp-table tr[data-vertical-align=bottom]{vertical-align:bottom}.cmp-table[data-border=around] tbody tr:not(:last-child) td,.cmp-table[data-border=around] tbody tr:not(:last-child) th,.cmp-table[data-border=horizontal] tbody tr:not(:last-child) td,.cmp-table[data-border=horizontal] tbody tr:not(:last-child) th{border-bottom:1px solid #d7dce1}.cmp-table[data-border=around] tbody td:not(:first-child),.cmp-table[data-border=around] tbody th:not(:first-child){border-left:1px solid #d7dce1}.cmp-table[data-rows=zebra] tbody tr:nth-child(odd){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(40,45,55,.07)}.cmp-table[data-density=small] td,.cmp-table[data-density=small] th{padding:.5rem}.cmp-table[data-density=large] td,.cmp-table[data-density=large] th{padding:1rem}.cmp-table[data-sticky=header] tbody th,.cmp-table[data-sticky=header] thead{background-color:#fff;position:sticky;top:-1px}.cmp-link-list{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");padding-left:0}.cmp-link-list li .elm-link{font-weight:700;text-decoration:none;--icon-glyph-before:">"}.cmp-link-list li .elm-link:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-link-list li .elm-link:before{content:var(--icon-glyph-before)/""}}.cmp-link-list li .elm-link:active,.cmp-link-list li .elm-link:hover{text-decoration:underline}.cmp-link-list li .elm-link:focus-visible{text-decoration:underline}.cmp-link-list li .elm-link:before{color:#ec0016;display:inline-block;font-size:.75rem;font-weight:700;margin-top:-.125rem;vertical-align:middle}.cmp-dropdown,.cmp-overflow-menu{color:#2d333f;display:inline-block;position:relative}.cmp-dropdown:not(.is-account) summary,.cmp-overflow-menu:not(.is-account) summary{font-size:0}.cmp-dropdown:not(.is-account) summary:before,.cmp-overflow-menu:not(.is-account) summary:before{--icon-margin-after:0}.cmp-dropdown summary,.cmp-overflow-menu summary{align-items:center;background-color:rgba(40,45,55,0);border-radius:4px;cursor:default;display:inline-flex;padding:.5rem .75rem;--icon-glyph-before:"⋮"}.cmp-dropdown summary:before,.cmp-overflow-menu summary:before{--icon-font-family:"icons-20-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.25rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-dropdown summary:before,.cmp-overflow-menu summary:before{content:var(--icon-glyph-before)/""}}.cmp-dropdown summary:before,.cmp-overflow-menu summary:before{transform:translateX(-.125rem)}.cmp-dropdown summary:hover,.cmp-overflow-menu summary:hover{background-color:rgba(40,45,55,.08)}.cmp-dropdown summary:focus-visible,.cmp-overflow-menu summary:focus-visible{background-color:rgba(40,45,55,.08)}.cmp-dropdown summary:active,.cmp-overflow-menu summary:active{background-color:rgba(40,45,55,.16)}.cmp-dropdown summary::-webkit-details-marker,.cmp-overflow-menu summary::-webkit-details-marker{display:none}.cmp-dropdown summary:first-of-type,.cmp-overflow-menu summary:first-of-type{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E")}.cmp-dropdown menu,.cmp-dropdown ul,.cmp-overflow-menu menu,.cmp-overflow-menu ul{background-color:#fff;border-radius:8px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));margin-block-start:1rem;padding-left:0;position:absolute;width:min-content;z-index:60}.cmp-dropdown menu:before,.cmp-dropdown ul:before,.cmp-overflow-menu menu:before,.cmp-overflow-menu ul:before{border-bottom:.8125rem solid #fff;border-left:.8125rem solid transparent;border-right:.8125rem solid transparent;content:"";height:0;position:absolute;transform:translate(.75rem,-.8125rem);width:0}.cmp-dropdown menu li a,.cmp-dropdown menu li button,.cmp-dropdown ul li a,.cmp-dropdown ul li button,.cmp-overflow-menu menu li a,.cmp-overflow-menu menu li button,.cmp-overflow-menu ul li a,.cmp-overflow-menu ul li button{background-color:#fff;border-radius:unset;display:block;font-weight:400;padding:1rem 2rem 1rem 1rem;text-decoration:none}.cmp-dropdown menu li a:focus,.cmp-dropdown menu li a:hover,.cmp-dropdown menu li button:focus,.cmp-dropdown menu li button:hover,.cmp-dropdown ul li a:focus,.cmp-dropdown ul li a:hover,.cmp-dropdown ul li button:focus,.cmp-dropdown ul li button:hover,.cmp-overflow-menu menu li a:focus,.cmp-overflow-menu menu li a:hover,.cmp-overflow-menu menu li button:focus,.cmp-overflow-menu menu li button:hover,.cmp-overflow-menu ul li a:focus,.cmp-overflow-menu ul li a:hover,.cmp-overflow-menu ul li button:focus,.cmp-overflow-menu ul li button:hover{background-color:#d7dce1;color:inherit}.cmp-dropdown menu li a:focus-visible,.cmp-dropdown menu li button:focus-visible,.cmp-dropdown ul li a:focus-visible,.cmp-dropdown ul li button:focus-visible,.cmp-overflow-menu menu li a:focus-visible,.cmp-overflow-menu menu li button:focus-visible,.cmp-overflow-menu ul li a:focus-visible,.cmp-overflow-menu ul li button:focus-visible{background-color:#d7dce1;color:inherit}.cmp-dropdown menu li:first-child a,.cmp-dropdown menu li:first-child button,.cmp-dropdown ul li:first-child a,.cmp-dropdown ul li:first-child button,.cmp-overflow-menu menu li:first-child a,.cmp-overflow-menu menu li:first-child button,.cmp-overflow-menu ul li:first-child a,.cmp-overflow-menu ul li:first-child button{border-top-left-radius:8px;border-top-right-radius:8px}.cmp-dropdown menu li:last-child a,.cmp-dropdown menu li:last-child button,.cmp-dropdown ul li:last-child a,.cmp-dropdown ul li:last-child button,.cmp-overflow-menu menu li:last-child a,.cmp-overflow-menu menu li:last-child button,.cmp-overflow-menu ul li:last-child a,.cmp-overflow-menu ul li:last-child button{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.cmp-overflow-menu[data-horizontal-position=opposite] menu,.cmp-overflow-menu[data-horizontal-position=opposite] ul,[data-horizontal-position=opposite].cmp-dropdown menu,[data-horizontal-position=opposite].cmp-dropdown ul{right:0}.cmp-overflow-menu[data-horizontal-position=opposite] menu:before,.cmp-overflow-menu[data-horizontal-position=opposite] ul:before,[data-horizontal-position=opposite].cmp-dropdown menu:before,[data-horizontal-position=opposite].cmp-dropdown ul:before{right:0;transform:translate(-.75rem,-.8125rem)}.cmp-dropdown menu,.cmp-overflow-menu menu{list-style-type:""}.cmp-dropdown menu li,.cmp-overflow-menu menu li{overflow-x:hidden}.cmp-dropdown menu button,.cmp-overflow-menu menu button{line-height:inherit;text-align:left;width:100%}.cmp-overflow-menu[open] summary:after,[open].cmp-dropdown summary:after{content:" ";display:inline-block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:50}.cmp-dropdown.is-account summary{--icon-glyph-before:"󡈡"}.cmp-dropdown.is-account summary:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-dropdown.is-account summary:before{content:var(--icon-glyph-before)/""}}@media screen and (max-width:41rem){.cmp-dropdown.is-account summary{font-size:0}.cmp-dropdown.is-account summary:before{--icon-margin-after:0}}.cmp-dropdown menu,.cmp-dropdown ul{background-color:#fff;margin-block-start:0;right:0;transform:translateY(.875rem)}.cmp-dropdown menu:before,.cmp-dropdown ul:before{content:none}.cmp-dropdown[data-horizontal-position=opposite] menu,.cmp-dropdown[data-horizontal-position=opposite] ul{right:unset}body{display:grid;grid-template-rows:auto 1fr auto}body.has-fixed-footer .rea-footer,body.has-fixed-header .rea-header{position:fixed;width:100%;z-index:10}body.has-fixed-header{padding-top:5.9375rem}body.has-fixed-header .rea-header{top:0}@media screen and (max-width:1023px){body.has-fixed-header{padding-top:5rem}}body.has-fixed-footer{padding-bottom:5.5rem}body.has-fixed-footer .rea-footer{bottom:0}@media screen and (max-width:1023px){body.has-fixed-footer{padding-bottom:5.875rem}}.cmp-mainnavigation:before,.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch:before{background-color:rgba(40,45,55,.2);content:"";height:1.5rem;inset-block-start:50%;position:absolute;transform:translateY(-50%);width:1px}.rea-header{align-items:center;background-color:#fdfdfd;box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 1px rgba(0,0,0,.05);display:flex;gap:1.5rem;margin-bottom:1rem;min-block-size:3.5rem;padding-inline:1.5rem}@media screen and (width > 1023px){.rea-header{padding-block:.875rem}}.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch:before{inset-inline-end:0}@media screen and (max-width:1023px){.rea-header{border-bottom:.0625rem solid #9c9a8e;position:relative}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-dropdown,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-language-switcher,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-metanavigation,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta>.elm-link{display:none}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta{--db-language-switcher---direction:-1;background-color:#fff;block-size:3.5rem;border-bottom-left-radius:4px;border-top:1px solid rgba(40,45,55,.2);inset-block-end:0;inset-block-start:unset;inset-inline-end:0;inset-inline-start:1.5rem;padding-inline:1rem;position:fixed;z-index:50}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta .cmp-sitesearch{display:none}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta .cmp-dropdown>menu{bottom:100%;transform:translateY(-.875rem)}}.rea-meta{align-items:center;display:flex;gap:.5rem;margin-inline-start:auto}.rea-meta ol,.rea-meta ul{margin:0;padding:0}.rea-meta ul{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E")}.rea-header .rea-meta{order:2}.rea-header .rea-meta .elm-link{padding-bottom:.5625rem;padding-top:.5625rem}.rea-meta>.elm-link[rel=account]{font-size:0;margin-left:.25rem}.rea-meta>.elm-link[rel=account]:before{--icon-margin-after:0}@media screen and (min-width:27.25rem){.rea-meta>.elm-link[rel=account]{margin-left:.5rem}}.rea-meta .cmp-sitesearch:focus-within~.elm-link[rel=account]{font-size:0}.rea-meta .cmp-sitesearch:focus-within~.elm-link[rel=account]:before{--icon-margin-after:0}.rea-footer:after,.rea-main:after{clear:both;content:" ";display:table}.rea-main{background-color:transparent;margin:0 auto;padding:1rem;position:relative}@media screen and (min-width:1088px){.rea-main{max-width:960px;width:960px}}@media screen and (min-width:1280px){.rea-main{max-width:1152px;width:1152px}}@media screen and (min-width:1472px){.rea-main{max-width:1344px;width:1344px}}.rea-grid{flex-wrap:wrap;margin-left:-.625rem;margin-right:-.625rem;margin-top:-.625rem}@media print,screen and (min-width:769px){.rea-grid{display:flex}}.rea-grid>area,.rea-grid>div,.rea-grid>li,.rea-grid>section{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.625rem}@media screen and (max-width:1199px){.rea-grid>area,.rea-grid>div,.rea-grid>li,.rea-grid>section{padding:.375rem}}.rea-grid:last-child{margin-bottom:-.625rem}.rea-grid:not(:last-child){margin-bottom:.875rem}@media screen and (max-width:1199px){.rea-grid{margin-left:-.375rem;margin-right:-.375rem;margin-top:-.375rem}.rea-grid:last-child{margin-bottom:-.375rem}.rea-grid:not(:last-child){margin-bottom:1.125rem}}.rea-grid [data-type=four-fifths]{flex:none;width:80%}.rea-grid [data-type=three-quarters]{flex:none;width:75%}.rea-grid [data-type=two-thirds]{flex:none;width:66.6666%}.rea-grid [data-type=three-fifths]{flex:none;width:60%}.rea-grid [data-type=half]{flex:none;width:50%}.rea-grid [data-type=two-fifths]{flex:none;width:40%}.rea-grid [data-type=one-third]{flex:none;width:33.3333%}.rea-grid [data-type=one-quarter]{flex:none;width:25%}.rea-grid [data-type=one-fifth]{flex:none;width:20%}.rea-footer{background-color:#fdfdfd;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);color:#646973;margin-top:1rem;padding:1.3125rem 1rem}.rea-footer.has-border{border-top:.375rem solid #d7dce1}@media screen and (max-width:767px){.rea-footer{text-align:center}}
+/*# sourceMappingURL=db-ui-core-webpack.css.map */
\ No newline at end of file
diff --git a/review/refactor-icon-update/css/enterprise/db-ui-core-webpack.css.map b/review/refactor-icon-update/css/enterprise/db-ui-core-webpack.css.map
new file mode 100644
index 0000000000..9fd528ff1a
--- /dev/null
+++ b/review/refactor-icon-update/css/enterprise/db-ui-core-webpack.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["db-ui-core-webpack.css","../../../node_modules/@csstools/normalize.css/normalize.css","../../../source/_patterns/00-base/_init.global.scss","../../../node_modules/@db-ui/base/build/scss/_variables.scss","../../../source/_patterns/00-base/_init.scss","../../../source/css/helpers/_a11y.scss","../../../source/css/helpers/_clearfix.scss","../../../source/_patterns/00-base/type/_fonts.scss","../../../source/_patterns/00-base/icons/_icons.attributes-mappings.scss","../../../source/_patterns/00-base/icons/_icons.helpers.scss","../../../source/_patterns/00-base/icons/_icons.font-faces.scss","../../../source/_patterns/00-base/icons/_icons.placeholder.scss","../../../source/_patterns/00-base/icons/icons.scss","../../../source/_patterns/01-elements/buttons/button.scss","../../../source/_patterns/01-elements/buttons/_button.variables.scss","../../../source/_patterns/01-elements/headline/headline.scss","../../../source/_patterns/01-elements/link/link.scss","../../../source/_patterns/01-elements/link/_link.variables.scss","../../../source/_patterns/01-elements/logo/logo.scss","../../../source/_patterns/01-elements/_form-elements.scss","../../../source/_patterns/01-elements/checkbox/checkbox.scss","../../../source/_patterns/01-elements/checkbox/_checkbox.variables.scss","../../../source/_patterns/01-elements/input/input.scss","../../../source/_patterns/01-elements/loading-indicator/loading-indicator.scss","../../../source/_patterns/01-elements/progress/_progress.variables.scss","../../../source/_patterns/01-elements/progress/progress.scss","../../../source/_patterns/01-elements/radio/radio.scss","../../../source/_patterns/01-elements/textarea/textarea.scss","../../../source/_patterns/01-elements/select/select.scss","../../../source/_patterns/01-elements/chips/chip.scss","../../../source/_patterns/01-elements/chips/_chip.variables.scss","../../../source/_patterns/01-elements/tags/tag.scss","../../../source/_patterns/01-elements/tags/_tag.variables.scss","../../../source/_patterns/01-elements/toggle/toggle.scss","../../../source/_patterns/01-elements/video/_youtube.scss","../../../source/_patterns/02-components/breadcrumb/breadcrumb.scss","../../../source/_patterns/02-components/breadcrumb/_breadcrumb.variables.scss","../../../source/_patterns/02-components/cards/cards.scss","../../../source/_patterns/02-components/cards/card.scss","../../../source/_patterns/02-components/accordion/accordion.scss","../../../source/_patterns/02-components/accordion/_accordion.variables.scss","../../../source/css/helpers/_dividers.scss","../../../source/_patterns/02-components/mainnavigation/_mainnavigation.variables.scss","../../../source/_patterns/02-components/mainnavigation/mainnavigation.scss","../../../source/css/_db-ui-core.variables.scss","../../../source/_patterns/02-components/metanavigation/metanavigation.scss","../../../source/_patterns/02-components/brand/brand.scss","../../../source/_patterns/01-elements/_form-elements.variables.scss","../../../source/_patterns/02-components/sitesearch/sitesearch.scss","../../../source/_patterns/02-components/notifications/notification.scss","../../../source/_patterns/02-components/notifications/_notification.variables.scss","../../../source/_patterns/02-components/dialog/dialog.scss","../../../source/_patterns/02-components/dialog/_dialog.variables.scss","../../../source/_patterns/02-components/language-switcher/language-switcher.scss","../../../source/_patterns/02-components/pagination/pagination.scss","../../../source/_patterns/02-components/sidenavi/sidenavi.scss","../../../source/_patterns/02-components/tab-bar/tab-bar.scss","../../../source/_patterns/02-components/tab-bar/_tab-bar.variables.scss","../../../source/_patterns/02-components/table/table.scss","../../../source/_patterns/02-components/table/_table.helpers.scss","../../../source/_patterns/02-components/table/_table.variables.scss","../../../source/_patterns/02-components/link-list/link-list.scss","../../../source/_patterns/02-components/overflow-menu/overflow-menu.scss","../../../source/_patterns/02-components/overflow-menu/_overflow-menu.variables.scss","../../../source/_patterns/02-components/dropdown/dropdown.scss","../../../source/_patterns/03-areas/_areas.scss","../../../source/_patterns/03-areas/00-header/_header.variables.scss","../../../source/_patterns/03-areas/00-header/header.scss","../../../source/_patterns/03-areas/00-header/meta.scss","../../../source/_patterns/03-areas/01-main/_main.scss","../../../source/_patterns/03-areas/01-main/_main.variables.scss","../../../source/_patterns/03-areas/02-grid/_grid.scss","../../../source/_patterns/03-areas/02-grid/enterprise/_grid.variables.scss","../../../source/_patterns/03-areas/03-footer/footer.scss","../../../source/_patterns/03-areas/03-footer/_footer.variables.scss"],"names":[],"mappings":"AAAA,aCQA,gBACE,CAAA,6BACA,CAAA,qBACA,CAAA,WAWF,aACE,CAAA,sBACA,CAAA,wBACA,CAAA,kCAUF,kBACE,CAAA,oBACA,CAAA,WAQF,sBACE,CAAA,aACA,CAAA,QACA,CAAA,oBAUF,yBACE,CAAA,wCACA,CADA,gCACA,CAAA,iBAOF,kBACE,CAAA,0BAQF,+BACE,CAAA,aACA,CAAA,cAOF,aACE,CAAA,cAWF,yBACE,CAAA,aACA,CAAA,4BAUF,QACE,CAAA,eAOF,mBACE,CAAA,wEAOF,yBACE,CAAA,iBAOF,uBACE,CAAA,eAOF,mBACE,CAAA,iBAOF,QACE,CAAA,6BAQF,4BACE,CAAA,mBACA,CAAA,wDAOF,WAEE,CAAA,4BAOF,aACE,CAAA,WACA,CAAA,4BAOF,uBACE,CAAA,6BAQF,yBACE,CAAA,YACA,CAAA,yGAOF,iBACE,CAAA,SACA,CAAA,uGAOF,6BACE,CAAA,yBAOF,eACE,CAAA,eAUF,qBACE,CAAA,YACA,CAAA,UACA,CACA,kBACA,CAAA,MACA,CAAA,WACA,CAAA,WACA,CAAA,iBACA,CAAA,OACA,CACA,iBACA,CAAA,2BAGF,YACE,CAAA,gBAOF,iBACE,CAAA,UC7PF,QAEC,CAAA,SACA,CAAA,KAGD,gBAEC,CAAA,KAID,wBACC,CAAA,iCAEA,CAAA,kCACA,CAAA,eACA,CAAA,iBACA,CAAA,iBACA,CAAA,iCACA,CAAA,6BACA,CAAA,qBACA,CAAA,2CAGD,qDCsJsB,CAAA,SD7ItB,4BAEC,CAAA,2BACA,CAAA,KC6HwB,cDxHxB,CAAA,eACA,CAAA,eACA,CAAA,OAJD,aC0HyB,CAAA,SD/GxB,kBACC,CAAA,QAGD,aACC,CAJA,gBAGD,aACC,CAAA,KAKD,aACA,CAAA,gBACA,CAAA,eACA,CAAA,kBACA,CAAA,QALD,wBAaC,CARA,GAIA,WACA,CAAA,aACA,CAAA,UACA,CAAA,eACA,CAAA,IAGD,WACC,CAAA,cACA,CAAA,MAGD,gBACC,CAAA,SAID,WACC,CAAA,IAGD,wBACC,CAAA,aACA,CAAA,gBACA,CAAA,gCACA,CAAA,eACA,CAAA,sBACA,CAAA,eACA,CAAA,gBACA,CAAA,SAEA,4BACC,CAAA,kBACA,CAAA,aACA,CAAA,SACA,CAAA,KEzGF,0CACC,CAAA,iBAGD,kBAGC,CAAA,8BAID,WAKC,CAAA,cACA,CAAA,OAID,QACC,CAAA,wDAOA,gGAEC,CAAA,QAEA,CAAA,SACA,CAAA,MAKF,6BACC,CAAA,gCACA,CAAA,qCAID,uCACC,CAAA,mDAEA,mHACC,CAAA,0EAGA,CAAA,WAQF,sBACC,CAAA,sBAEA,aDlBkB,CAAA,yCCyBlB,0CAGC,CAAA,mnCC1EF,kBACC,CAAA,UACA,CAAA,eACA,CAAA,2BACA,CAAA,kBACA,CAAA,SACA,CCHA,WCSA,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,8OAWX,CAAA,WANH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,wOAWX,CAAA,WANH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,8OAWX,CAAA,WANH,0CAPc,CAAA,iBAGD,CAAA,eADC,CAAA,8QAWX,CAAA,WANH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,wOAWX,CAAA,WANH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,4LAoCX,CAAA,WA/BH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,kMAoCX,CAAA,WA/BH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,yOAWX,CAAA,+CCdH,wBAEC,CAAA,0BAED,uBACC,CAAA,uCALD,uBAEC,CAAA,sBAED,sBACC,CAAA,qDALD,uBAEC,CAAA,6BAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,+CALD,uBAEC,CAAA,0BAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,6CALD,uBAEC,CAAA,yBAED,sBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,+DALD,uBAEC,CAAA,kCAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,uEALD,uBAEC,CAAA,sCAED,sBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,qEALD,uBAEC,CAAA,qCAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,yDALD,uBAEC,CAAA,+BAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,qCALD,wBAEC,CAAA,qBAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,+CALD,uBAEC,CAAA,0BAED,sBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,6EALD,wBAEC,CAAA,yCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,qEALD,wBAEC,CAAA,qCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,+FALD,wBAEC,CAAA,kDAED,uBACC,CAAA,+EALD,wBAEC,CAAA,0CAED,uBACC,CAAA,6EALD,wBAEC,CAAA,yCAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,qDALD,uBAEC,CAAA,6BAED,sBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,qEALD,wBAEC,CAAA,qCAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,qDALD,uBAEC,CAAA,6BAED,sBACC,CAAA,qDALD,uBAEC,CAAA,6BAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,6CALD,uBAEC,CAAA,yBAED,sBACC,CAAA,yDALD,uBAEC,CAAA,+BAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+DALD,uBAEC,CAAA,kCAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,6DALD,uBAEC,CAAA,iCAED,sBACC,CAAA,+CALD,uBAEC,CAAA,0BAED,sBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,6EALD,uBAEC,CAAA,yCAED,sBACC,CAAA,+EALD,wBAEC,CAAA,0CAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,yEALD,wBAEC,CAAA,uCAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,2EALD,wBAEC,CAAA,wCAED,uBACC,CAAA,iFALD,wBAEC,CAAA,2CAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,qFALD,wBAEC,CAAA,6CAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,yFALD,wBAEC,CAAA,+CAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yEALD,wBAEC,CAAA,uCAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,uCALD,uBAEC,CAAA,sBAED,sBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yDALD,uBAEC,CAAA,+BAED,sBACC,CAAA,6DALD,uBAEC,CAAA,iCAED,sBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,yEALD,wBAEC,CAAA,uCAED,uBACC,CAAA,mDALD,uBAEC,CAAA,4BAED,sBACC,CAAA,+CALD,uBAEC,CAAA,0BAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,iFALD,wBAEC,CAAA,2CAED,uBACC,CAAA,6EALD,wBAEC,CAAA,yCAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,6FALD,wBAEC,CAAA,iDAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,qEALD,wBAEC,CAAA,qCAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,iFALD,uBAEC,CAAA,2CAED,sBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,qFALD,uBAEC,CAAA,6CAED,sBACC,CAAA,iFALD,uBAEC,CAAA,2CAED,sBACC,CAAA,mFALD,uBAEC,CAAA,4CAED,sBACC,CAAA,iGALD,uBAEC,CAAA,mDAED,sBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,2EALD,uBAEC,CAAA,wCAED,sBACC,CAAA,uEALD,uBAEC,CAAA,sCAED,sBACC,CAAA,uEALD,uBAEC,CAAA,sCAED,sBACC,CAAA,mFALD,uBAEC,CAAA,4CAED,sBACC,CAAA,qFALD,uBAEC,CAAA,6CAED,sBACC,CAAA,6EALD,uBAEC,CAAA,yCAED,sBACC,CAAA,6CALD,uBAEC,CAAA,yBAED,sBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,+EALD,wBAEC,CAAA,0CAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CCqGA,sSAHD,+DACC,CAAA,qBAEA,CAAA,sSAHD,+DACC,CAAA,wBAEA,CAAA,sSAHD,+DACC,CAAA,uBAEA,CAAA,sSAHD,+DACC,CAAA,qBAEA,CAAA,sSAHD,+DACC,CAAA,qBAEA,CAAA,sSAHD,+DACC,CAAA,qBAEA,CAAA,iSAHD,8DACC,CAAA,qBAEA,CAAA,iSAHD,8DACC,CAAA,wBAEA,CAAA,iSAHD,8DACC,CAAA,uBAEA,CAAA,iSAHD,8DACC,CAAA,qBAEA,CAAA,iSAHD,8DACC,CAAA,qBAEA,CAAA,iSAHD,8DACC,CAAA,qBAEA,CAAA,WCvGF,kBACC,CAAA,yBACA,CAAA,+KAEC,CAAA,WAUC,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,kCAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+MAEC,CAAA,0DAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,+XAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,4HAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qNAEC,CAAA,qGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2MAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+MAEC,CAAA,iDAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yMAEC,CAAA,sIAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,6CAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yMAEC,CAAA,4GAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,sGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+MAEC,CAAA,2HAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mNAEC,CAAA,0CAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,yEAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,4GAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uNAEC,CAAA,2GAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,+XAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,oHAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qNAEC,CAAA,qGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2MAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+MAEC,CAAA,iDAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yMAEC,CAAA,sIAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,6CAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yMAEC,CAAA,4GAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,sGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+MAEC,CAAA,2HAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mNAEC,CAAA,kCAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,yEAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,sFAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uNAEC,CAAA,+FAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,+XAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,oHAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qNAEC,CAAA,qGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2MAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+MAEC,CAAA,iDAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yMAEC,CAAA,sIAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,6CAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yMAEC,CAAA,oFAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,sGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+MAEC,CAAA,2HAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mNAEC,CAAA,kCAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mMAEC,CAAA,yEAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,sFAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uNAEC,CAAA,+FAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,8DAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,8DAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,oCAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6MAEC,CAAA,oBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iNAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,gLAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,uEAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mNAEC,CAAA,wDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,yDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iMAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,qDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iMAEC,CAAA,wDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6MAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iNAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,qCAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qNAEC,CAAA,6GAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,qGAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,6DAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uMAEC,CAAA,qDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iMAEC,CAAA,2BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6MAEC,CAAA,oBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iNAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qNAEC,CAAA,6GAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qMAEC,CAAA,4GAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,6DAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iMAEC,CAAA,2BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6MAEC,CAAA,oBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iNAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qNAEC,CAAA,6GAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,uDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,uDAKD,CAAA,svCCnCJ,cAEC,CAAA,MACA,CAAA,oBAEA,CAAA,6CAGA,CAAA,kCAGA,CAAA,iCACA,CAAA,iBAEA,CAAA,mBACA,CAAA,eACA,CAAA,0CACA,CAAA,aACA,CAAA,UACA,CAAA,WACA,CAAA,mBACA,CAAA,qBAEA,CAAA,aAGA,svCA1BD,YA2BE,CAAA,CAAA,cAED,svCA7BD,YA8BE,CAAA,CAAA,6JAKF,6DACC,CAAA,uBACA,CAAA,6CC1BA,gCAEC,CACA,mEACA,CAFA,kDAEA,CAAA,wBAQD,+BAEC,CACA,kEACA,CAFA,qDAEA,CAAA,yEH0DD,WACC,CAAA,uFAIA,qBACC,CAAA,uCANF,WACC,CAAA,6CAQA,sBACC,CAAA,YI1FH,kBACC,CAAA,4BACA,CAAA,iBACA,CAAA,mBACA,CAAA,cACA,CAAA,sBACA,CAAA,kBCFoB,CAAA,kBDIpB,CAAA,qDAEA,oBAEC,CAAA,6BAGD,qBACC,CAAA,iCAGD,aCfoB,CAAA,0ED0BpB,UC7BgB,CDkChB,eClCgB,CDoCf,wCAGD,wBACC,CAAA,iDAEA,0BACC,CAAA,6DAMA,wBCxC0C,CDkC1C,qEAMA,wBCxC0C,CAAA,8DD6C1C,wBACC,CAAA,kCAKH,wBVkGwB,CAAA,2CU/FvB,0BACC,CAAA,uDAMA,wBC1DoC,CDoDpC,+DAMA,wBC1DoC,CAAA,wDD+DpC,wBACC,CAAA,4CAKH,iCAEC,CAFD,yBAEC,CAAA,4BACA,CAAA,oBV0EuB,CAAA,aAAA,CAAA,qDUrEtB,sBACA,CAFD,eAEC,CAAA,iEAIA,mCC5E6C,CDwE7C,yEAIA,mCC5E6C,CAAA,kEDiF7C,mCC5E8C,CAAA,0CDkFhD,wBVgDwB,CAAA,aAKA,CAAA,mDUhDtB,0BACA,CAFD,eAEC,CAAA,+DAMA,wBCtG2C,CDgG3C,uEAMA,wBCtG2C,CAAA,gED2G3C,wBC1G4C,CAAA,yCDgH9C,4BACC,CAAA,4BACA,CAAA,aV4BuB,CAAA,kDUzBvB,eACC,CAAA,8DAIA,mCCxH6C,CDoH7C,sEAIA,mCCxH6C,CAAA,+DD6H7C,mCCxH8C,CAAA,6BD+HhD,kBACC,CAAA,wDAEA,iBACC,CJlDD,yJAHD,+DACC,CAAA,wBAEA,CAAA,kDI8DA,aACC,CAAA,6BAIF,kBACC,CAAA,wDAEA,iBACC,CAAA,kDAGD,aACC,CAAA,qBAiCF,eACC,CAAA,6BAID,gBACC,CAAA,cE5ND,kBAEA,CAAA,iBAGA,CAND,iBAMC,CAAA,gCAGC,6CACC,CAAA,oDACA,CAAA,UAGA,CAAA,aACA,CAKA,0CACA,CANA,gDACA,CAAA,+CACA,CAAA,+BAIA,CAAA,gDAQF,qDZkJyB,CAAA,eYhJxB,CAAA,gBAKD,iBACC,CAAA,wBAGA,CAAA,oCACA,gBALD,iBAME,CAAA,gBAGA,CAAA,CAAA,gBAMF,gBACC,CAAA,wBAGA,CAAA,oCACA,gBALD,iBAME,CAAA,eAGA,CAAA,CAAA,gBAMF,iBACC,CAAA,eAGA,CAAA,oCACA,gBALD,kBAME,CAAA,gBAGA,CAAA,CAAA,gBAMF,kBACC,CAAA,eAGA,CAAA,wBACA,CAAA,oCACA,gBAND,cAOE,CAAA,gBAGA,CAAA,CAAA,UC3FH,oBACC,CAAA,oBACA,CAAA,8BAGA,CAAA,6BACA,CAAA,qCACA,UAPD,4BAQE,CAAA,CAAA,iBAGD,aACC,CAAA,8BAID,UCfwB,CAAA,mBDkBvB,CAAA,qCAEA,aACC,CAAA,sDAMD,iBACC,CP8ED,gMAHD,+DACC,CAAA,wBAEA,CAAA,6BAnGA,uBACC,CAAA,oCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,oCApBD,mCAuBE,CAAA,CAAA,wBA5BD,wBACC,CAAA,+BAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,+BApBD,mCAuBE,CAAA,CAAA,uBA5BD,wBACC,CAAA,8BAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,8BApBD,mCAuBE,CAAA,CAAA,iGO2BD,oBAEC,CAAA,UExCF,iCACA,CA1BD,+BA0BC,CAAA,4BAyBC,oBACC,CAAA,qBACA,CAAA,gEAEA,oBACC,CAAA,qBACA,CAAA,sDAID,oBACC,CAAA,qBACA,CAAA,2BAZF,oBACC,CAAA,qBACA,CAAA,+DAEA,oBACC,CAAA,qBACA,CAAA,qDAID,oBACC,CAAA,qBACA,CAAA,4BAZF,oBACC,CAAA,qBACA,CAAA,gEAEA,oBACC,CAAA,qBACA,CAAA,sDAID,oBACC,CAAA,qBACA,CAAA,2BAZF,oBACC,CAAA,qBACA,CAAA,+DAEA,oBACC,CAAA,qBACA,CAAA,qDAID,oBACC,CAAA,qBACA,CAAA,4BAZF,oBACC,CAAA,qBACA,CAAA,gEAEA,oBACC,CAAA,qBACA,CAAA,sDAID,oBACC,CAAA,qBACA,CC+ED,cC3IH,mEACC,CAAA,oBAKA,CAAA,uBAEA,CAFA,eAEA,CAAA,mCCV4B,CAAA,6BDY5B,CAAA,iBACA,CAAA,ajBmJwB,CAAA,mBiBhJxB,CAAA,wCACA,CAAA,sBACA,CAAA,uCACA,CXZC,uBWYD,CXXE,qBAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,qBApBD,mCAuBE,CAAA,CAAA,6BWTF,kBACC,CAAA,qBAGD,yBACC,CAAA,cACA,CAAA,sBAGD,wBjB6HwB,CAAA,6BiB1HvB,UCjCwB,CAAA,WDmCvB,CAAA,4BAKD,mCACC,CANA,oCAKD,mCACC,CAAA,oCAEA,wBCzCsC,CDuCtC,4CAEA,wBCzCsC,CAAA,6BD8CvC,mCACC,CAAA,mCAKD,WACC,CAAA,oDAKD,UAEC,CAAA,oBAIF,2BjB2Fe,CgBrBb,WG3IH,anB8JyB,CAAA,cmBzJxB,CAAA,cACA,CAAA,kBACA,CAAA,cACA,CAEA,mBnByJc,CmB3Jd,UnB2Jc,CAAA,qDmBrJd,mBnBmJc,CAAA,oDmB9Ib,kBACC,CAAA,uCAIF,gBACC,CALC,mCAIF,gBACC,CAAA,iFAEA,gBACC,CAHD,6EAEA,gBACC,CAAA,gEAaD,mCACC,CAdA,wCAaD,mCACC,CAAA,wHAOD,UAGC,CAAA,8rDAwBD,iCAQE,CAAA,sCAGD,8rDAXD,kCAYE,CAAA,CAAA,8dAIF,anBgEuB,CAAA,amB5DtB,CAAA,gBACA,CAAA,uBAEA,CAAA,oCACA,CAAA,gsCAEA,YAEC,CAAA,o2BAMA,SACC,CAPD,gzBAMA,SACC,CAAA,6mBAKH,anBwCuB,CmB7CpB,wfAKH,anBwCuB,CAAA,wBmBCxB,oIACC,CAAA,yBAKA,CAAA,iBACA,CAAA,yDAKC,gBACC,CAAA,sBClJJ,oDACC,CAAA,apBekB,CoBxCnB,aACC,CpBuCkB,oCoB7BjB,+CACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,mCARD,oCACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,sBARD,+CACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,mCARD,+CACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,oCARD,sCACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,8BAkCH,2DACC,CAAA,4BACA,CAAA,mBACA,CAAA,sBACA,CAAA,mBACA,CAAA,oBACA,CAAA,kDACA,CAAA,mCAGD,GACC,uBACC,CAAA,CAAA,mCAIF,GACC,sBACC,CAAA,mBACA,CAAA,IAGD,uBACC,CAAA,qBACA,CAAA,GAGD,uBACC,CAAA,sBACA,CAAA,CAAA,uBC/EF,yCACC,CCNA,uBACC,CADD,eACC,CAAA,wBDQ2B,CAAA,WCN3B,CAAA,aDLkB,CAAA,qBAQnB,CCDC,6CAGA,wBACC,CAAA,+CAGD,uDDXgC,CAAA,0CCehC,uDDfgC,CAAA,iCCmBhC,uDDnBgC,CAAA,WCqB/B,CAAA,iFAIA,kBACC,CAAA,4EAGD,kBACC,CAAA,mEAGD,kBACC,CAAA,qCAKF,uBACC,CAAA,kCACA,CAAA,2CACA,CAAA,gCACA,CAAA,0DACA,CAAA,wBDpC0B,CAAA,8DCsC1B,CAAA,uBAKA,CAAA,2BACA,CAAA,yBACA,CAAA,sCACA,qCAfD,sBAgBE,CAAA,CAAA,2DAGD,4BACC,CAAA,wDAGD,4BACC,CAAA,gDAMD,mDADD,qCAEE,CAAA,oFAEA,CAAA,QAKA,CAAA,iBACA,CAAA,gBACA,CAAA,eACA,CAAA,uOAGA,YAGC,CAAA,sEAGD,eACC,CAAA,mHAGD,kBAEC,CAAA,kBD7EkC,CAAA,iBC+ElC,CAAA,aACA,CAAA,YACA,CAAA,gBACA,CAAA,sBACA,CAAA,iBACA,CAAA,uCACA,CAAA,eAIA,CAAA,CAAA,wCAML,GACC,0BACC,CAAA,wBACA,CAAA,IAGD,0BACC,CAAA,wBACA,CAAA,GAGD,0BACC,CAAA,uBACA,CAAA,CNcC,WO3IH,gEACC,CAAA,uBAOA,CAPA,eAOA,CAAA,mCAEA,CAAA,6BACA,CAAA,iBACA,CAAA,oBAGA,CAAA,cAEA,CAAA,wCACA,CAAA,gCAEA,CAAA,uCAEA,CAAA,uBAEA,kBACC,CAAA,uCAKC,mCACC,CANF,+CAKC,mCACC,CAAA,0BAIF,kCACC,CAAA,mBAIF,mBACC,CAAA,2DAGD,oBAEC,CAAA,iBAUD,2BvBwGe,CAAA,8CuBjGd,UAEC,CAAA,sCAIF,WArED,kCAsEE,CAAA,CPqEC,cQ3IH,aAGC,CAAA,cAEA,CAAA,cACA,CAAA,kBACA,CAAA,cACA,CAAA,uBAEA,CAAA,eAEA,CAAA,UAEA,CAAA,0BAgBA,kBACC,CAAA,iBACA,CAAA,oBAGD,WACC,CAAA,sEAMA,mCACC,CAPD,2CAMA,mCACC,CAAA,oIAOD,UAGC,CRsFA,YS5IH,uBAEC,CAFD,eAEC,CAAA,cACA,CAAA,wBAGA,YACC,CAAA,4BAID,+HACC,CAAA,yCAIA,CAAA,2BACA,CAAA,cACA,CAAA,+BACA,CAAA,gEAQA,aACC,CAAA,uCAID,mBACC,CAAA,iBACA,CAAA,iCAEC,CAAA,sCAGD,uCAPD,kCAQE,CAAA,CAAA,iEAKD,azBgHsB,CAAA,cyB9GrB,CAAA,oCACA,CAAA,gJAWA,mCACC,CAAA,oJAGD,mCACC,CAAA,4HASH,UAGC,CAAA,uBAsBF,aAGC,CAAA,gBACA,CAAA,uBACA,CAAA,oCACA,CAAA,iCAEC,CAAA,sCAGD,uBAXD,kCAYE,CAAA,CAAA,sBAIF,eACC,CAAA,iCAEA,kCACC,CAAA,qBAIF,4BACC,CAAA,iBACA,CAAA,wCAIA,wBzB0BuB,CyB9BvB,gDAIA,wBzB0BuB,CAAA,2ByBtBvB,wBzBsBuB,CAAA,gB0B3JxB,uCACC,CAAA,kBAEA,CAAA,wBACA,CAAA,oBCJc,CAAA,mBDMd,CACA,iBAGA,CAJA,eACA,CAGA,cACA,CAAA,sBACA,CAAA,qBACA,CAAA,sBACA,CAAA,oBACA,CAAA,yBACA,CAAA,kBACA,CpByFA,kHAHD,+DACC,CAAA,wBAEA,CAAA,8CoB1EA,mCC5B4B,CrBsG5B,sDoB1EA,mCC5B4B,CAAA,wBDkC5B,wB1B0HuB,CAAA,wB0BxHtB,CAAA,U1BOc,CAAA,4C0BHd,wB1B+GsB,CAKA,wB0BjHrB,C1B4GqB,a0B5GrB,CAAA,8CAGD,wB1B1BgB,CAAA,4C0B8BhB,wB1BhCc,CAAA,kD0BoCd,wB1BhCoB,CAAA,8C0BoCpB,wB1B1CgB,CAAA,wD0B+ChB,wB1BvCmB,CAAA,aAoIG,CAAA,oD0BxFtB,wB1BvCiB,CAAA,qD0B2CjB,wB1B/Ce,CAAA,uD0BmDf,wB1B9CqB,CAAA,wD0BkDrB,wB1BtDuB,CAAA,mD0B0DvB,wB1BrDgB,CAAA,mE0ByDhB,wB1B7D6B,CAAA,2D0BiE7B,wB1B5DiB,CAAA,aA4HK,CAAA,kE0B3DtB,wB1BrE+B,CAAA,sD0ByE/B,wB1BpEiB,CAAA,yB0B2ElB,UACC,CAAA,8BAKD,mHACC,CAAA,0EAGA,CAAA,SE5HH,kBACC,CAAA,wB5BiKwB,CAAA,oB6BhKV,CAAA,U7B+CE,CAAA,mB4B5ChB,CACA,gBAGA,CAJA,eACA,CAGA,aACA,CAAA,sBACA,CAAA,mBACA,CAAA,oBACA,CAAA,yBACA,CAAA,kBACA,CAAA,0BAGA,cACC,CAAA,6BAQD,wB5BkIwB,CAKA,wB4BpIvB,C5B+HuB,a4B/HvB,CAAA,+BAGD,wB5BN6B,CAAA,6B4BU7B,wB5BZ2B,CAAA,mC4BgB3B,wB5BZiC,CAAA,+B4BgBjC,wB5BtB6B,CAAA,6B4B2B7B,wB5BgEmB,CAAA,e4B9DlB,CAAA,yCAID,wB5B1BqB,CAAA,aAoIG,CAAA,qC4BrGxB,wB5B1BmB,CAAA,sC4B8BnB,wB5BlCiB,CAAA,wC4BsCjB,wB5BjCuB,CAAA,yC4BqCvB,wB5BzCyB,CAAA,oC4B6CzB,wB5BxCkB,CAAA,oD4B4ClB,wB5BhD+B,CAAA,4C4BoD/B,wB5B/CmB,CAAA,aA4HK,CAAA,mD4BxExB,wB5BxDiC,CAAA,uC4B4DjC,wB5BvDmB,CAAA,6DMkEnB,+DACC,CAAA,wBAEA,CsBLA,4BtBKA,CsBJC,gCtBCF,+DACC,CAAA,wBAEA,CsBGA,6BtBHA,CsBIC,YE5GH,uBACC,CADD,eACC,CAAA,wB9B2JwB,CAAA,W8BxJxB,CAAA,oBAEA,CAAA,oBAEA,CAAA,aACA,CAAA,iBAGA,CAAA,oCAEA,CAAA,UAEA,CAAA,sCAEA,YAlBD,kCAmBE,CAAA,CAAA,uBAID,kBACC,CAAA,mBAGD,qB9BkBgB,CAAA,qB8Bff,CAAA,mEAGC,CAAA,UAED,CAAA,aAEA,CAAA,cACA,CAAA,YACA,CAAA,iBAEA,CAAA,WACA,CAAA,0DAGC,CAAA,aAGD,CAAA,sCAEA,mBAvBD,kCAwBE,CAAA,CAAA,yBAKD,wBACC,CANA,iCAKD,wBACC,CAAA,0BAKD,8CACC,CAAA,YACA,CAAA,sCAEA,0BAJD,kCAKE,CAAA,CAAA,oBAKH,wB9BuFwB,CAAA,2B8BpFvB,UACC,CAAA,aACA,CAAA,gDAKD,UAEC,CAAA,aC1FH,iBACC,CAAA,WACA,CAAA,gBCCD,ahC+JyB,CAAA,gBgC7JxB,CAAA,kBAEA,aACC,CAAA,mBAGD,YACC,CAAA,sBAEA,kBACC,CAAA,mBACA,CAAA,qBACA,CAAA,wFAEA,ahCiJsB,CAAA,gCgC5ItB,oBACC,CAAA,yCAEA,CAAA,oBAEA,CAAA,sCAEA,mCC1BoC,CDwBpC,8CAEA,mCC1BoC,CAAA,uCD8BpC,mCC1BqC,CAAA,kC3BEvC,uBACC,CAAA,yCAIF,+DACC,CASC,gCASD,CAlBA,oEAGA,CAAA,kDAeA,CAAA,yBACA,yCApBD,mCAuBE,CAAA,CAAA,yC0BIC,6BACC,CAAA,wC1BjCH,uBACC,CAAA,+CAIF,+DACC,CASC,gCASD,CAlBA,oEAGA,CAAA,kDAeA,CAAA,yBACA,+CApBD,mCAuBE,CAAA,CAAA,+C0BgBC,yBACC,CAAA,qBACA,CAAA,ahCwGoB,CAAA,oBgCtGpB,CAAA,WEzDL,gGACC,CAAA,QAEA,CAAA,SACA,CAAA,wBAEA,WAND,YAOE,CAAA,eACA,CAAA,4DACA,CAAA,CAAA,UCRF,qBACC,CAAA,iBAEA,CAAA,6DACA,CAAA,YAEA,oBACC,CAAA,iBAGD,2BACC,CAAA,sCAKA,YACC,CAAA,0CAGD,gBACC,CAAA,8QAEA,kBAMC,CAAA,wiBAEA,gBAEC,CAAA,4CAIF,iBACC,CAAA,mBAEA,CAAA,6BAQH,iBACC,CAAA,qBAGD,cACC,CAAA,eCrDF,iCACC,CAAA,+BACA,CAAA,8CACA,CAAA,kBCD0B,CAAA,uBDI1B,kBACC,CAAA,YACA,CAAA,6BACA,CAAA,oBpC4Jc,CAAA,gEoCxJd,CAAA,2DACA,C9BNA,sB8BMA,C9BLC,6BAIF,+DACC,CAYC,+BAMD,CAlBA,kEAGA,CAAA,qDAeA,CAAA,yBACA,6BApBD,kCAuBE,CAAA,CAAA,+C8BPD,YACC,CAAA,qCAGD,gGACC,CAAA,6BAID,2BACC,CAAA,oBACA,CAAA,yBAGD,YACC,CAAA,mCAKD,WACC,CAAA,mCAKF,mCAEC,CAAA,2CAEA,eACC,CAAA,aACA,CAAA,iDAEA,qBACC,CAAA,gCAUH,oCAEC,CAAA,wCAEA,iBACC,CAAA,uBAEA,CAAA,8CAEA,wBACC,CAAA,4BACA,CAAA,mBACA,CAAA,gCAKH,mCAEC,CAAA,wCAEA,iBACC,CAAA,kBpCsEY,CAAA,8CoCnEZ,qBACC,CEhGH,oBCW+B,2BCX/B,CAAA,iBDS2B,CCX5B,KDW4B,CAAA,2BCN3B,oBAEC,CAAA,gCAGD,OACC,CAAA,iCAID,oBAfD,WAgBE,CAAA,CAAA,8BAID,qBAEC,CAAA,aACA,CAAA,oBACA,CAAA,oBACA,CAAA,6CAID,uBACC,CADD,eACC,CAEA,gBACA,CAFA,iBACA,CAFA,iBAGA,CAAA,mCAEA,qGAEC,YAEC,CAAA,CAAA,+BAKH,wBD5C0B,CAAA,+BC+CzB,CAAA,aAEA,CAAA,8BACA,ClC5CA,wBkC4CA,ClC3CC,sCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,sCApBD,mCAuBE,CAAA,CAAA,+BA5BD,sBACC,CAAA,qCAIF,+DACC,CAYC,+BAMD,CAlBA,kEAGA,CAAA,qDAeA,CAAA,yBACA,qCApBD,kCAuBE,CAAA,CkC8BA,2EAGD,iBACC,CAAA,qCAKF,oBAzED,UC0BsC,CAAA,wDnCsDrC,WACC,CkCJC,SAEC,ClCEF,+DAIA,qBACC,CAAA,6HkCLC,QAEC,CAAA,4EAOA,YACC,CAAA,8DAIF,YACC,CAAA,qDAKD,sBACA,CAFD,uBACC,CACA,iBACA,CAAA,UC3EgC,CAAA,gED8EhC,qBACC,CAAA,iBACA,CAAA,sEAIC,uBACA,CAFA,qBACA,CAFD,aACC,CAEA,iBACA,CAAA,UCtF8B,CAAA,uEAFE,wBzCqIb,CwCzCpB,UACC,CACA,OACA,CxCsCmB,UwCnCnB,CALA,cACA,CACA,UAGA,CAAA,iEASH,qBACA,CAFA,uBACA,CAEA,yBACA,CAND,iBAEC,CAEA,0BAEA,CAAA,2DAIA,OACA,CACA,0BACA,CAFA,SACA,CAHD,cAIC,CAAA,iEAKC,qBACA,CAJD,UACC,CAAA,UACA,CAAA,iBACA,CC1HkC,yCD+HlC,CAAA,0BACA,CALA,OACA,CAAA,iBACA,CAAA,UAGA,CAAA,CAAA,uBAKH,wBD/J0B,CAAA,mCCqKzB,0BADD,6DAEE,CAAA,iBACA,CAAA,iBACA,CAAA,UChJ6C,CAAA,CAAA,qCDqJ9C,0BATD,YAUE,CAMD,uBADD,qBAEE,CAEA,iBACA,CAAA,wBACA,CAHA,cACA,CAIA,uBACA,CAAA,aACA,CCjKiC,cD+JjC,CANA,iBACA,CAGA,UAIA,CAfA,CAeA,mCAGD,uBAbD,YAcE,CAAA,UACA,CAOC,wJAEC,iBACA,CALF,aAGE,CAAA,oBAEA,CAAA,gWAEA,2BxCpDoB,CwCwCtB,CAAA,mCAUE,gNAEA,2BxCpDoB,CAAA,4PwC6DlB,wBxC9KY,CAAA,iBwCgLZ,CAHA,UACA,CAHD,UACC,CAKA,qCACA,CAAA,cACA,CAHA,iBACA,CALA,UAOA,CAQH,4DAEC,oCACA,CAJF,oBAEE,CAAA,cAEA,CAAA,0EAEA,UACC,CAAA,YACA,CAEA,oBACA,CAFA,iBACA,CAFA,UAGA,CAAA,kEAMA,wBACA,CAHD,uBACC,CAAA,QAEA,CAAA,gFAGD,kBACC,CAAA,YACA,CAAA,oBAEA,CAAA,qBACA,CAAA,sBACA,CAlCC,CAkCD,qCAQA,wWAFD,qBAGE,CAUC,g0BAFD,oBAGE,CAXF,CAWE,uBAUR,aACC,CAAA,iBAGA,CAAA,2ClC1RA,sBACC,CAAA,iDAIF,+DACC,CAYC,+BAMD,CAlBA,kEAGA,CAAA,qDAeA,CAAA,yBACA,iDApBD,kCAuBE,CAAA,CAAA,iDkC0QA,iBACC,CAAA,UACA,CAAA,YACA,CAAA,wGAKD,kBAEC,CAPA,wHAKD,kBAEC,CAAA,qCACA,wGAHD,eAIE,CADD,wHAHD,eAIE,CAAA,CAAA,qCAKH,+BAEE,eACC,CAHH,uCAEE,eACC,CAAA,iDAGD,sBACC,CAJA,yDAGD,sBACC,CAAA,iCAIF,aACC,CAAA,mBACA,CAAA,2BACA,CAAA,uBACA,CAAA,2CAGD,iBACC,CAAA,CAAA,mCAGF,iDAGE,YACC,CAAA,iCAIF,iCACC,CAAA,uCAEA,mCACC,CAAA,aACA,CAJD,+CAEA,mCACC,CAAA,aACA,CAAA,wCAGD,mCACC,CAAA,oDAGD,eACC,CAAA,CAAA,oBE3WL,YACC,CAIA,SACA,CALA,gGACA,CAAA,eACA,CAAA,YACA,CAAA,cAEA,CAAA,uBAEA,kBACC,CAAA,mBACA,CAAA,mCAEA,oBACC,CAAA,qBACA,CAAA,iCAGD,oBACC,CAAA,6CpCiEF,WACC,CAAA,oDAIA,qBACC,CAAA,gCoC/DF,cACC,CAAA,sBACA,CAAA,oCAEA,gCAJD,kBAKE,CAAA,CAAA,oCAED,gCAPD,WAQE,CAAA,CAAA,WChCF,kBACA,CAFA,YACA,CAFD,eACC,CAEA,QACA,CAAA,4BAEA,aAEC,CAAA,eAGD,UACC,CAAA,aAGD,aACC,CAAA,oBAEA,CAAA,qC3BjBF,6EACC,CAAA,+EAIA,CAAA,sFAIA,CAAA,8EAIA,CAAA,iBAIA,CAAA,mBhB0BkB,CAAA,aAsHM,CAAA,4EgBzIxB,ahBuIwB,CAAA,iBgBrIvB,CAAA,uBAEA,CAAA,0uCAYF,6CACC,CAAA,mC4BlCgD,CAPrB,4B5BiD3B,C4BjD2B,8D5BiD3B,CAAA,qpBAID,6CACC,CAAA,qBhBNgB,C4ChDW,4B5B8D3B,C4B9D2B,8D5B8D3B,CAAA,6rBAID,6CACC,CAAA,wBhBwFwB,C4C3JG,4B5B2E3B,C4B3E2B,8D5B2E3B,CAAA,mrBAID,8CACC,CAAA,4BACA,CAAA,8D4B/E8B,CAAA,0DACF,CAAA,4DAFC,CAAA,wDADF,CAAA,+wB5B6F1B,mCACC,CAAA,2yBAGD,mCACC,CAAA,spBAKF,mCACC,CAAA,oKAMD,WACC,CAAA,qDAGD,gLACC,iBACC,CAAA,yCAEA,CAAA,CAAA,sRAMF,ahBmCwB,CAAA,iBgBhCvB,CAAA,uBACA,CAAA,6DAOA,UACC,CACA,wCAGA,CACA,iBACA,CAFA,4BACA,CALA,sDAMA,CAAA,gB6B3IF,kBACA,CAFA,YACA,CACA,yBACA,CAJD,iBAIC,CAAA,qCAEA,gBACC,yBACA,CARF,wBAQE,CAAA,uBAEA,YACC,CAAA,CAAA,wCAIF,qBAEC,CAAA,SACA,CACA,SACA,CAFA,OAEA,CAAA,oEAEA,SAEC,CAEA,uBACA,CAFA,yBACA,CACA,aACA,CAJA,WAIA,CARD,8GAEA,SAEC,CAEA,uBACA,CAFA,yBACA,CACA,aACA,CAJA,WAIA,CAAA,+EAEA,YACC,CAHD,oIAEA,YACC,CAAA,gFAGD,YACC,CAJA,sIAGD,YACC,CAAA,2BAMF,iBACA,CAAA,oBAEA,CAJD,aACC,CvClCA,wBuCqCA,CvCpCC,kCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,kCApBD,mCAuBE,CAAA,CAAA,kCuCeD,kBACC,CAAA,qCvC8BF,WACC,CAAA,4CAIA,qBACC,CAAA,4BuCtBD,QACA,CAPD,YAGC,CvCmBD,WACC,CuClBA,uBACA,CAFA,aACA,CAFA,iBAIA,CvCgBA,mCAIA,qBACC,CAAA,4BAhFD,wBACC,CAAA,mCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,mCApBD,mCAuBE,CAAA,CAAA,uDuCsCF,iCAEC,CAAA,mEAEA,mCACC,CAHD,mFAEA,mCACC,CAAA,qEAGD,mCACC,CAAA,uCAIF,yEACC,SAEC,CAAA,iBACA,CAAA,UJ5DuC,CIwDzC,kGACC,SAEC,CAAA,iBACA,CAAA,UJ5DuC,CAAA,iGI+DvC,0BACC,CJhEsC,kJI+DvC,0BACC,CAAA,CAAA,kBC/FJ,wB9CiKyB,CAAA,sC8C7JxB,CAAA,kBAEA,CAAA,YACA,CAAA,iDACA,qBACC,CAAA,8CAID,UCd2B,CAAA,iDDkB3B,4BACC,CAAA,mBACA,CAAA,oBACA,CAAA,qCAQD,wB9CPkB,CAAA,oE8CUjB,oB9CViB,CAAA,qC8CelB,wB9CXkB,CAAA,oE8CcjB,oB9CdiB,CAAA,mC8CmBlB,wB9CrBgB,CAAA,kE8CwBf,oB9CxBe,CAAA,yC8C6BhB,wB9CzBsB,CAAA,wE8C4BrB,oB9C5BqB,CAAA,oG8CkCtB,kBAGC,CAAA,YACA,CAAA,+EAKA,4BACC,CAAA,mCAIF,6BACC,CAAA,yCAEA,6BACC,CAAA,YE/EH,QACC,CAAA,iBACA,CAAA,ahD+JwB,CAAA,iBgD3JxB,CAAA,YACA,CAAA,cACA,CAAA,YAEA,CAAA,cAGA,CAAA,OACA,CAAA,0BACA,CAAA,oCACA,YAhBD,cAkBE,CAAA,CAAA,0BAOD,+BCxBkC,CDiBjC,sBAOD,+BCxBkC,CAAA,sBD6BlC,+BC7BkC,CAAA,0BDmCjC,eACC,CAAA,mBAIF,ahDyHwB,CAAA,+BgDtHvB,CAAA,iCAEA,kBACC,CAAA,eACA,CAAA,kBACA,CAAA,qBAGA,CAAA,mBACA,CAAA,YAEA,CAAA,iBAEA,CAAA,oCACA,iCAZD,gBAcE,CAAA,mBACA,CAAA,CAAA,kDAUA,4BAEA,CAAA,wBACA,CAND,iBACC,CAAA,OACA,CAAA,KAIA,CAAA,kD1ClEF,uBACC,CAAA,yDAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,yDApBD,mCAuBE,CAAA,CAAA,kDA8CF,WACC,CAAA,yDAIA,qBACC,CAAA,+B0CGA,YACC,CAAA,mBAKH,YACC,CAAA,mBACA,CAAA,2CAGC,gBACC,CAAA,uCAMF,wBACC,CAAA,yDAIA,WACC,CAAA,uBE7GJ,gGACC,CAAA,iBAEA,CAAA,iBACA,CAAA,wIAKE,kBACC,CANH,4EAKE,kBACC,CAAA,8MAGD,alDwBgB,CkD3Bf,uHAGD,alDwBgB,CAAA,0BkDjBlB,wBACC,CAAA,iBAEA,CAAA,YAEA,CAAA,sCAEA,wEAhCD,CAAA,UT0B6C,CAAA,qISY3C,wEAtCF,CAAA,sLA0CG,wEA1CH,CAAA,uOA6CI,wEA7CJ,CAAA,wRAgDK,wEAhDL,CAAA,yUAuDM,wEAvDN,CAAA,mCAkEE,sCAlCD,QAmCE,CAAA,CAAA,0EAIF,aAEC,CAAA,oBACA,CAAA,8DAGD,iBACC,CAAA,kJAEA,kBAEC,CAAA,sBACA,CAAA,4TAEA,wBlDsEqB,CkDxErB,8KAEA,wBlDsEqB,CAAA,iFkD/DvB,eAEC,CAAA,8M5CvFD,sBACC,CAAA,sOAIF,+DACC,CAYC,+BAMD,CAlBA,kEAGA,CAAA,qDAeA,CAAA,yBACA,sOApBD,kCAuBE,CAAA,CAAA,sO4CyEC,alDlEe,CMPhB,sQ4CyEC,alDlEe,CAAA,sOkDsEf,WACC,CAAA,oBAEA,CAAA,0EAKH,oBAEC,CAAA,qBAEA,CAAA,4KAEA,aAEC,CAJD,sGAEA,aAEC,CAAA,sCAMD,cACA,CAHD,eACC,CAAA,eACA,CACA,oBACA,CAAA,gBCzIH,anDiKyB,CAAA,iBmD/JxB,CAAA,wBAEA,CAFA,oBAEA,CAFA,gBAEA,CAAA,mBAEA,YACC,CAAA,6CAOD,kBAEC,CAAA,mBACA,CAAA,sBACA,CAAA,mBAGD,cACC,CAAA,aACA,CAAA,0BAGD,aACC,CAAA,WACA,CAAA,oBACA,CAAA,UACA,CAAA,wEAEA,SAEC,CAAA,qBACA,CAAA,2CAGD,oBACC,CAAA,2CAGD,qBACC,CAAA,oC7CnCD,uBACC,CAAA,2CAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,2CApBD,mCAuBE,CAAA,CAAA,oCA8CF,WACC,CAAA,2CAIA,qBACC,CAAA,oCAhFD,uBACC,CAAA,2CAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,2CApBD,mCAuBE,CAAA,CAAA,oCA8CF,WACC,CAAA,2CAIA,qBACC,CAAA,6C6ChCD,eACC,CAAA,cCzDH,wBpDgKyB,CAAA,6DoD9JxB,CAAA,oBACA,CAAA,wBAEA,qBAEC,CAAA,apDqJuB,CAAA,aoDlJvB,CAAA,oBACA,CAAA,oBACA,CAAA,uGAEA,apDkJuB,CoDpJvB,sCAEA,apDkJuB,CAAA,4DoD5IvB,wBpDyIuB,CAAA,2CoDpIvB,wBpDmIuB,CAAA,eoDjItB,CAAA,6BAGD,sBACC,CAAA,mC9CvBD,uBACC,CAAA,0CAIF,+DACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,0CApBD,mCAuBE,CAAA,CAAA,uCA5BD,wBACC,CAAA,8CAIF,+DACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,8CApBD,mCAuBE,CAAA,CAAA,uCA5BD,wBACC,CAAA,8CAIF,0EACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,8CApBD,mCAuBE,CAAA,CAAA,mCA5BD,uBACC,CAAA,0CAIF,0EACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,0CApBD,mCAuBE,CAAA,CAAA,sCA5BD,wBACC,CAAA,6CAIF,+DACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,6CApBD,mCAuBE,CAAA,CAAA,kCA5BD,uBACC,CAAA,yCAIF,+DACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,yCApBD,mCAuBE,CAAA,CAAA,a+C5BH,YACC,CAAA,cACA,CAAA,UAEA,CAAA,gGAWE,kBACA,CAFA,iBACA,CAND,cACC,CAAA,YACA,CAAA,oBACA,CAAA,iBACA,CAAA,SAGA,CAAA,8GAEA,4BACC,CAAA,wFAIF,0BC7ByB,CAAA,gRDmCvB,0BChC+B,CAHR,wJDmCvB,0BChC+B,CAAA,0IDqC/B,0BCpCiC,CAAA,kHD2ClC,arD6GsB,CAAA,4PqD1GrB,sBAEC,CrDwGoB,8IqD1GrB,sBAEC,CAAA,gHAMF,eACC,CAAA,8JAEA,eACC,CAAA,4HAID,wBrDzBe,CAAA,iBqD2Bd,CAAA,UACA,CAAA,aACA,CAAA,aACA,CAAA,iBACA,CAAA,cACA,CAAA,iBACA,CAAA,iEAMJ,wBClFoC,CAAA,oCDuFpC,YACC,CAAA,eACA,CACA,0BACA,CAFA,OAEA,CAAA,kIAKC,qBACC,CAAA,WEhGJ,wBACC,CAAA,yCAEA,CAAA,eAEA,CAAA,8BAGA,6DAEC,CAAA,mBAGD,eACC,CAAA,mBACA,CAAA,eACA,CAAA,iBAGD,oCACC,CAAA,iCACA,CAAA,oBAEA,avDuIuB,CAAA,cuDlIxB,eACC,CAAA,4BAGD,cvDoIe,CAAA,kBuD/Hd,CAAA,sBACA,CAAA,wCAEA,iBACC,CAHD,wDAEA,iBACC,CAAA,oGAEA,aACC,CAHD,oHAEA,aACC,CAAA,iBAKH,oCACC,CAAA,gCAEA,8BACC,CAAA,iKAUD,eACC,CAAA,2KAGD,iBACC,CAAA,sKAGD,gBACC,CAAA,yMAeD,kBACC,CAAA,wNAGD,qBACC,CAAA,wNAGD,qBACC,CAAA,wPAqBC,+BAEC,CAAA,oHAUD,6BACC,CAAA,oDCrIJ,iCAEC,CAFD,yBAEC,CAAA,mCCWsB,CAAA,oEFyItB,avDgBa,CAAA,oEuDTb,YvDWa,CAAA,6EuDHb,qBAEC,CAAA,eACA,CAAA,QACA,CAAA,eGvKH,gGACC,CAAA,cAEA,CAAA,4BAGC,eACC,CAAA,oBACA,CAAA,uBAAA,CpDCA,mCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,mCApBD,mCAuBE,CAAA,CAAA,qEoDtBA,yBAEC,CpDoBD,0CoDtBA,yBAEC,CAAA,mCAGD,a1D4BY,CAAA,oB0D1BX,CAAA,gBACA,CAAA,eACA,CAAA,mBACA,CAAA,qBACA,CAAA,iCCzBJ,aACC,CAAA,oBACA,CAAA,iBACA,CAAA,mFrD+EA,WACC,CAAA,iGAIA,qBACC,CAAA,iDqD5ED,kBACA,CAGA,iCAEA,CAJA,iBACA,CAAA,cACA,CALD,mBACC,CACA,oBACA,CrDNA,uBqDUA,CrDTC,+DAIF,+DACC,CASC,gCASD,CAlBA,oEAGA,CAAA,kDAeA,CAAA,yBACA,+DApBD,mCAuBE,CAAA,CAAA,+DqDPD,8BACC,CAAA,6DAGD,mCACC,CAJA,6EAGD,mCACC,CAAA,+DAGD,mCACC,CAAA,iGAGD,YACC,CAAA,6EAGD,gGACC,CAAA,kFAKF,qBCjDgC,CAAA,iBADH,CAAA,4CDuD5B,CAAA,uBACA,CAAA,cACA,CAAA,iBACA,CAAA,iBACA,CAAA,UlB/B+B,CAAA,8GkBmC/B,iCACC,CAAA,sCAEA,CAAA,uCACA,CAAA,UACA,CAAA,QACA,CAAA,iBACA,CAAA,qCACA,CAAA,OAIA,CAAA,gOAIA,qBC9E8B,CAAA,mBDkF7B,CAAA,aACA,CAAA,eAEA,CAAA,2BACA,CAAA,oBAGA,CAAA,giBAEA,wB3D+DqB,CAAA,a2D5DpB,CALD,gVAEA,wB3D+DqB,CAAA,a2D5DpB,CAAA,gUAKD,0BCpG0B,CAAA,2BAAA,CAAA,wTD4G1B,6BC5G0B,CAAA,8BAAA,CAAA,8NDsH5B,OAEC,CAAA,0PAEA,OACC,CAAA,sCACA,CAAA,2CAQH,kBACC,CAAA,iDAEA,iBACC,CAAA,yDAGD,mBACC,CAAA,eACA,CAAA,UACA,CAAA,yEAKF,WACC,CAAA,oBACA,CAAA,YACA,CAAA,MACA,CAAA,cACA,CAAA,KACA,CAAA,WACA,CAAA,UlB7HkC,CAAA,iCnCtBlC,wBACC,CAAA,wCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,wCApBD,mCAuBE,CAAA,CAAA,oCuD3BA,iCvDyEF,WACC,CAAA,wCAIA,qBACC,CAAA,CAAA,oCuDxEF,qBDdgC,CAAA,oBCiB/B,CAAA,OACA,CAAA,6BACA,CAAA,kDAEA,YACC,CAAA,0GAKD,WAEC,CAAA,KChCH,YACC,CAAA,gCACA,CAAA,oEAMD,cAEC,CAAA,UACA,CAAA,UrBsBkC,CAAA,sBqBlBnC,qBAEC,CAAA,kCAEA,KACC,CAAA,qCAGD,sBARD,gBASE,CAAA,CAAA,sBAIF,qBAEC,CAAA,kCAEA,QACC,CAAA,qCAGD,sBARD,uBASE,CAAA,CAAA,4GxBnCD,kCACA,CAJA,UACA,CACA,aACA,CACA,qBACA,CAND,iBACC,CAKA,0BACA,CALA,SAKA,CAAA,YyBHA,kBCIA,CAHD,wBzBA2B,CAAA,mEwBD1B,CASuB,YCFvB,CAAA,UACA,CAJA,kBDKuB,CCDvB,qBDKoB,CAAA,qBCFpB,CAAA,mCACA,YAXD,qBAYE,CAAA,CAAA,iFAMC,kBAEC,CAAA,qCAKH,YAzBD,oCDIwB,CAAA,iBCuBtB,CAAA,2ZAIE,YAIC,CAAA,gFAMF,qCACC,CAAA,qBACA,CAKA,iBACA,CAEA,6BACA,CvBxBgC,sCuBuBhC,CAJA,iBACA,CAFA,uBACA,CAHA,kBACA,CAAA,yBACA,CAMA,mBACA,CAVA,cACA,CAKA,UAIA,CAAA,gGAEA,YACC,CAAA,mGAIA,WACC,CAAA,8BACA,CAAA,CAAA,UChEL,kBACA,CAFD,YACC,CAEA,SACA,CAFA,wBAEA,CAAA,0BAEA,QAEC,CAAA,SACA,CAAA,aAGD,gGACC,CAAA,sBAGD,OACC,CAAA,gCAEA,uBACC,CAAA,oBACA,CAAA,iC3D8DF,WACC,C2D1DA,kBACC,C3DyDD,wCAIA,qBACC,CAAA,uC2DxDA,iCAPD,iBAQE,CAAA,CAAA,8D3DiDH,WACC,CAAA,qEAIA,qBACC,CAAA,kCH3FH,UACC,CAAA,WACA,CAAA,aACA,CAAA,U+DKD,4BCRyB,CAAA,aDaxB,CAAA,YAEA,CAAA,iBACA,CAAA,qCAEA,UAVD,eAWE,CAAA,WACA,CAAA,CAAA,qCAED,UAdD,gBAeE,CAAA,YACA,CAAA,CAAA,qCAED,UAlBD,gBAmBE,CAAA,YACA,CAAA,CAAA,UE1BF,cAEC,CAAA,oBAEA,CAAA,qBACA,CAAA,mBACA,CAAA,0CAEA,UARD,YASE,CAAA,CAAA,4DAGD,aAIC,CAAA,YACA,CAAA,WACA,CAAA,aACA,CAAA,eACA,CAAA,qCAEA,4DAVD,eCVsC,CAAA,CAAA,qBDyBtC,sBACC,CAAA,2BAGD,qBACC,CAAA,qCAID,UApCD,oBAqCE,CAAA,qBACA,CAAA,mBACA,CAAA,qBAEA,sBACC,CAAA,2BAGD,sBACC,CAAA,CAAA,kCAOF,SACC,CAAA,SACA,CAAA,qCAED,SACC,CAAA,SACA,CAAA,iCAED,SACC,CAAA,cACA,CAAA,mCAED,SACC,CAAA,SACA,CAAA,2BAED,SACC,CAAA,SACA,CAAA,iCAED,SACC,CAAA,SACA,CAAA,gCAED,SACC,CAAA,cACA,CAAA,kCAED,SACC,CAAA,SACA,CAAA,gCAED,SACC,CAAA,SACA,CAAA,YEnFF,wBCM2B,CAAA,6DANN,CAAA,avE4JI,CAAA,euE1JJ,CAAA,sBDIpB,CAAA,uBAMA,gCChBoB,CAAA,oCDoBpB,YAhBD,iBAiBE,CAAA","file":"db-ui-core-webpack.css","sourcesContent":[":where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:white;border:solid;color:black;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html,body{margin:0;padding:0}body{min-height:100vh;font-size:1rem}html{background-color:#fdfdfd;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;text-size-adjust:100%;text-size-adjust:100%}body,button,input,optgroup,select,textarea{font-family:\"DB Screen Sans\",Helvetica,Arial,sans-serif}code,pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto}body{color:#282d37;font-size:1rem;font-weight:400;line-height:1.5}a{color:#282d37}a strong{color:currentColor}a:hover{color:#5d616a}code{background-color:#f5f5f5;color:rgb(225.8,0,21.0491525424);font-size:.875em;font-weight:normal;padding:.25em .5em}hr{background-color:#f5f5f5;border:none;display:block;height:2px;margin:1.5rem 0}img{height:auto;max-width:100%}small{font-size:0.875em}fieldset{border:none}pre{background-color:#f5f5f5;color:#282d37;font-size:.875em;-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1.25rem 1.5rem;white-space:pre;word-wrap:normal}pre code{background-color:rgba(0,0,0,0);color:currentColor;font-size:1em;padding:0}html{box-sizing:var(--db-box-sizing, border-box)}*,::before,::after{box-sizing:inherit}img,embed,iframe,object,video{height:auto;max-width:100%}iframe{border:0}nav ol,nav ul,[role=navigation] ol,[role=navigation] ul{list-style:none;margin:0;padding:0}:root{--db-focus-outline-offset: 1px;--db-focus-outline-color: #2c95c4}:is(a,button,input,textarea,summary){--db-focus-outline-size: max(2px, 0.08em)}:is(a,button,input,textarea,summary):focus-visible{outline:var(--db-focus-outline-size) var(--db-focus-outline-style, solid) var(--db-focus-outline-color, currentColor);outline-offset:var(--db-focus-outline-offset, var(--db-focus-outline-size))}:where(ul){list-style-type:\"•   \"}:where(ul) li::marker{color:#ec0016}details>*,details>::before,details>::after{box-sizing:var(--db-box-sizing, border-box)}.cmp-tab-bar>input[type=radio],.cmp-tab-bar>*>input[type=radio],.cmp-pagination .elm-headline,.cmp-notification>em,.elm-chip[type=checkbox],.elm-chip[type=radio],.elm-select+[data-label-hidden=true].elm-label,[data-label-hidden=true].elm-label:has(+.elm-textarea),.elm-radio+label[data-label-hidden=true],.elm-input[type=color]+[data-label-hidden=true].elm-label,.elm-input[type=date]+[data-label-hidden=true].elm-label,.elm-input[type=datetime-local]+[data-label-hidden=true].elm-label,.elm-input[type=email]+[data-label-hidden=true].elm-label,.elm-input[type=month]+[data-label-hidden=true].elm-label,.elm-input[type=number]+[data-label-hidden=true].elm-label,.elm-input[type=password]+[data-label-hidden=true].elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+[data-label-hidden=true].elm-label,.elm-input[type=tel]+[data-label-hidden=true].elm-label,.elm-input[type=text]+[data-label-hidden=true].elm-label,.elm-input[type=time]+[data-label-hidden=true].elm-label,.elm-input[type=url]+[data-label-hidden=true].elm-label,.elm-input[type=week]+[data-label-hidden=true].elm-label,.elm-checkbox+label[data-label-hidden=true]{clip:rect(0, 0, 0, 0);height:1px;overflow:hidden;position:absolute !important;white-space:nowrap;width:1px}.rea-footer::after,.rea-main::after{clear:both;content:\" \";display:table}@font-face{font-family:\"DB Screen Head\";font-style:normal;font-weight:300;src:local(\"DB Screen Head Light\"),local(\"DB Screen Head Light\"),local(\"DB Head Light\"),url(\"~@db-ui/core/dist/fonts/dbscreenhead-light.woff2?4r0080\") format(\"woff2\"),url(\"~@db-ui/core/dist/fonts/dbscreenhead-light.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Head\";font-style:normal;font-weight:400;src:local(\"DB Screen Head Regular\"),local(\"DB Screen Head\"),local(\"DB Head\"),url(\"~@db-ui/core/dist/fonts/dbscreenhead-regular.woff2?4r0080\") format(\"woff2\"),url(\"~@db-ui/core/dist/fonts/dbscreenhead-regular.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Head\";font-style:normal;font-weight:900;src:local(\"DB Screen Head Black\"),local(\"DB Screen Head Black\"),local(\"DB Head Black\"),url(\"~@db-ui/core/dist/fonts/dbscreenhead-black.woff2?4r0080\") format(\"woff2\"),url(\"~@db-ui/core/dist/fonts/dbscreenhead-black.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans Digital Regular\";font-style:normal;font-weight:400;src:local(\"DB Screen Sans Digital Regular\"),local(\"DB Screen Sans Digital\"),local(\"DB Sans Digital\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-digitalregular.woff2?4r0080\") format(\"woff2\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-digitalregular.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans\";font-style:normal;font-weight:400;src:local(\"DB Screen Sans Regular\"),local(\"DB Screen Sans\"),local(\"DB Sans\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-regular.woff2?4r0080\") format(\"woff2\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-regular.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans\";font-style:normal;font-weight:500;src:local(\"DB Screen Sans Medium\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-medium.woff2?4r0080\") format(\"woff2\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-medium.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans\";font-style:normal;font-weight:600;src:local(\"DB Screen Sans Semibold\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-semibold.woff2?4r0080\") format(\"woff2\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-semibold.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans\";font-style:normal;font-weight:700;src:local(\"DB Screen Sans Bold\"),local(\"DB Screen Sans Bold\"),local(\"DB Sans Bold\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-bold.woff2?4r0080\") format(\"woff2\"),url(\"~@db-ui/core/dist/fonts/dbscreensans-bold.woff?4r0080\") format(\"woff\")}[data-icon=account],[data-icon-before=account]{--icon-glyph-before: \"󡈡\"}[data-icon-after=account]{--icon-glyph-after: \"󡈡\"}[data-icon=add],[data-icon-before=add]{--icon-glyph-before: \"+\"}[data-icon-after=add]{--icon-glyph-after: \"+\"}[data-icon=add-circle],[data-icon-before=add-circle]{--icon-glyph-before: \"⊕\"}[data-icon-after=add-circle]{--icon-glyph-after: \"⊕\"}[data-icon=air-condition],[data-icon-before=air-condition]{--icon-glyph-before: \"❄\"}[data-icon-after=air-condition]{--icon-glyph-after: \"❄\"}[data-icon=alarm],[data-icon-before=alarm]{--icon-glyph-before: \"󡉄\"}[data-icon-after=alarm]{--icon-glyph-after: \"󡉄\"}[data-icon=alarm-add],[data-icon-before=alarm-add]{--icon-glyph-before: \"󡁢\"}[data-icon-after=alarm-add]{--icon-glyph-after: \"󡁢\"}[data-icon=alert],[data-icon-before=alert]{--icon-glyph-before: \"󡈢\"}[data-icon-after=alert]{--icon-glyph-after: \"󡈢\"}[data-icon=alert-off],[data-icon-before=alert-off]{--icon-glyph-before: \"󡉃\"}[data-icon-after=alert-off]{--icon-glyph-after: \"󡉃\"}[data-icon=railroad-car],[data-icon-before=railroad-car]{--icon-glyph-before: \"󡆓\"}[data-icon-after=railroad-car]{--icon-glyph-after: \"󡆓\"}[data-icon=calendar],[data-icon-before=calendar]{--icon-glyph-before: \"󡉇\"}[data-icon-after=calendar]{--icon-glyph-after: \"󡉇\"}[data-icon=check-circle],[data-icon-before=check-circle]{--icon-glyph-before: \"󡈠\"}[data-icon-after=check-circle]{--icon-glyph-after: \"󡈠\"}[data-icon=credit-card],[data-icon-before=credit-card]{--icon-glyph-before: \"󡈦\"}[data-icon-after=credit-card]{--icon-glyph-after: \"󡈦\"}[data-icon=delete],[data-icon-before=delete]{--icon-glyph-before: \"🗑\"}[data-icon-after=delete]{--icon-glyph-after: \"🗑\"}[data-icon=discount],[data-icon-before=discount]{--icon-glyph-before: \"󡁦\"}[data-icon-after=discount]{--icon-glyph-after: \"󡁦\"}[data-icon=document],[data-icon-before=document]{--icon-glyph-before: \"🖹\"}[data-icon-after=document]{--icon-glyph-after: \"🖹\"}[data-icon=done],[data-icon-before=done]{--icon-glyph-before: \"✓\"}[data-icon-after=done]{--icon-glyph-after: \"✓\"}[data-icon=download],[data-icon-before=download]{--icon-glyph-before: \"⭳\"}[data-icon-after=download]{--icon-glyph-after: \"⭳\"}[data-icon=edit],[data-icon-before=edit]{--icon-glyph-before: \"✏\"}[data-icon-after=edit]{--icon-glyph-after: \"✏\"}[data-icon=filter],[data-icon-before=filter]{--icon-glyph-before: \"󡁩\"}[data-icon-after=filter]{--icon-glyph-after: \"󡁩\"}[data-icon=generic-card],[data-icon-before=generic-card]{--icon-glyph-before: \"󡁰\"}[data-icon-after=generic-card]{--icon-glyph-after: \"󡁰\"}[data-icon=giftcard],[data-icon-before=giftcard]{--icon-glyph-before: \"󡉐\"}[data-icon-after=giftcard]{--icon-glyph-after: \"󡉐\"}[data-icon=heart],[data-icon-before=heart]{--icon-glyph-before: \"♡\"}[data-icon-after=heart]{--icon-glyph-after: \"♡\"}[data-icon=help],[data-icon-before=help]{--icon-glyph-before: \"?\"}[data-icon-after=help]{--icon-glyph-after: \"?\"}[data-icon=info],[data-icon-before=info]{--icon-glyph-before: \"🛈\"}[data-icon-after=info]{--icon-glyph-after: \"🛈\"}[data-icon=legal],[data-icon-before=legal]{--icon-glyph-before: \"§\"}[data-icon-after=legal]{--icon-glyph-after: \"§\"}[data-icon=log-out],[data-icon-before=log-out]{--icon-glyph-before: \"↦\"}[data-icon-after=log-out]{--icon-glyph-after: \"↦\"}[data-icon=minus],[data-icon-before=minus]{--icon-glyph-before: \"−\"}[data-icon-after=minus]{--icon-glyph-after: \"−\"}[data-icon=print],[data-icon-before=print]{--icon-glyph-before: \"🖨\"}[data-icon-after=print]{--icon-glyph-after: \"🖨\"}[data-icon=remove],[data-icon-before=remove]{--icon-glyph-before: \"⊝\"}[data-icon-after=remove]{--icon-glyph-after: \"⊝\"}[data-icon=schedule],[data-icon-before=schedule]{--icon-glyph-before: \"󡈳\"}[data-icon-after=schedule]{--icon-glyph-after: \"󡈳\"}[data-icon=search],[data-icon-before=search]{--icon-glyph-before: \"󡉔\"}[data-icon-after=search]{--icon-glyph-after: \"󡉔\"}[data-icon=send],[data-icon-before=send]{--icon-glyph-before: \"◹\"}[data-icon-after=send]{--icon-glyph-after: \"◹\"}[data-icon=settings],[data-icon-before=settings]{--icon-glyph-before: \"⚙\"}[data-icon-after=settings]{--icon-glyph-after: \"⚙\"}[data-icon=share],[data-icon-before=share]{--icon-glyph-before: \"󡁷\"}[data-icon-after=share]{--icon-glyph-after: \"󡁷\"}[data-icon=shopping-bag],[data-icon-before=shopping-bag]{--icon-glyph-before: \"🛍\"}[data-icon-after=shopping-bag]{--icon-glyph-after: \"🛍\"}[data-icon=shopping-basket],[data-icon-before=shopping-basket]{--icon-glyph-before: \"󡁹\"}[data-icon-after=shopping-basket]{--icon-glyph-after: \"󡁹\"}[data-icon=shopping-cart],[data-icon-before=shopping-cart]{--icon-glyph-before: \"󡉕\"}[data-icon-after=shopping-cart]{--icon-glyph-after: \"󡉕\"}[data-icon=star],[data-icon-before=star]{--icon-glyph-before: \"☆\"}[data-icon-after=star]{--icon-glyph-after: \"☆\"}[data-icon=swap-horizontal],[data-icon-before=swap-horizontal]{--icon-glyph-before: \"⇆\"}[data-icon-after=swap-horizontal]{--icon-glyph-after: \"⇆\"}[data-icon=swap-vertical],[data-icon-before=swap-vertical]{--icon-glyph-before: \"⇵\"}[data-icon-after=swap-vertical]{--icon-glyph-after: \"⇵\"}[data-icon=upload],[data-icon-before=upload]{--icon-glyph-before: \"󡂁\"}[data-icon-after=upload]{--icon-glyph-after: \"󡂁\"}[data-icon=visibility],[data-icon-before=visibility]{--icon-glyph-before: \"👁\"}[data-icon-after=visibility]{--icon-glyph-after: \"👁\"}[data-icon=visibility-off],[data-icon-before=visibility-off]{--icon-glyph-before: \"󡂂\"}[data-icon-after=visibility-off]{--icon-glyph-after: \"󡂂\"}[data-icon=website],[data-icon-before=website]{--icon-glyph-before: \"󡉘\"}[data-icon-after=website]{--icon-glyph-after: \"󡉘\"}[data-icon=zoom-in],[data-icon-before=zoom-in]{--icon-glyph-before: \"󡂃\"}[data-icon-after=zoom-in]{--icon-glyph-after: \"󡂃\"}[data-icon=bicycle-trailer],[data-icon-before=bicycle-trailer]{--icon-glyph-before: \"󡆒\"}[data-icon-after=bicycle-trailer]{--icon-glyph-after: \"󡆒\"}[data-icon=zoom-out],[data-icon-before=zoom-out]{--icon-glyph-before: \"󡂄\"}[data-icon-after=zoom-out]{--icon-glyph-after: \"󡂄\"}[data-icon=fast-backward-10],[data-icon-before=fast-backward-10]{--icon-glyph-before: \"󡂅\"}[data-icon-after=fast-backward-10]{--icon-glyph-after: \"󡂅\"}[data-icon=fast-backward-30],[data-icon-before=fast-backward-30]{--icon-glyph-before: \"󡂆\"}[data-icon-after=fast-backward-30]{--icon-glyph-after: \"󡂆\"}[data-icon=fast-backward-empty],[data-icon-before=fast-backward-empty]{--icon-glyph-before: \"⤺\"}[data-icon-after=fast-backward-empty]{--icon-glyph-after: \"⤺\"}[data-icon=fast-forward-10],[data-icon-before=fast-forward-10]{--icon-glyph-before: \"󡂇\"}[data-icon-after=fast-forward-10]{--icon-glyph-after: \"󡂇\"}[data-icon=fast-forward-30],[data-icon-before=fast-forward-30]{--icon-glyph-before: \"󡂈\"}[data-icon-after=fast-forward-30]{--icon-glyph-after: \"󡂈\"}[data-icon=fast-forward-empty],[data-icon-before=fast-forward-empty]{--icon-glyph-before: \"⤻\"}[data-icon-after=fast-forward-empty]{--icon-glyph-after: \"⤻\"}[data-icon=pause],[data-icon-before=pause]{--icon-glyph-before: \"⏸\"}[data-icon-after=pause]{--icon-glyph-after: \"⏸\"}[data-icon=play],[data-icon-before=play]{--icon-glyph-before: \"▷\"}[data-icon-after=play]{--icon-glyph-after: \"▷\"}[data-icon=skip-backward],[data-icon-before=skip-backward]{--icon-glyph-before: \"⏮\"}[data-icon-after=skip-backward]{--icon-glyph-after: \"⏮\"}[data-icon=skip-forward],[data-icon-before=skip-forward]{--icon-glyph-before: \"⏭\"}[data-icon-after=skip-forward]{--icon-glyph-after: \"⏭\"}[data-icon=stop],[data-icon-before=stop]{--icon-glyph-before: \"□\"}[data-icon-after=stop]{--icon-glyph-after: \"□\"}[data-icon=subway],[data-icon-before=subway]{--icon-glyph-before: \"󡈇\"}[data-icon-after=subway]{--icon-glyph-after: \"󡈇\"}[data-icon=subtitles],[data-icon-before=subtitles]{--icon-glyph-before: \"󡂑\"}[data-icon-after=subtitles]{--icon-glyph-after: \"󡂑\"}[data-icon=dog],[data-icon-before=dog]{--icon-glyph-before: \"󡊙\"}[data-icon-after=dog]{--icon-glyph-after: \"󡊙\"}[data-icon=volume-down],[data-icon-before=volume-down]{--icon-glyph-before: \"󡉙\"}[data-icon-after=volume-down]{--icon-glyph-after: \"󡉙\"}[data-icon=volume-mute],[data-icon-before=volume-mute]{--icon-glyph-before: \"󡉠\"}[data-icon-after=volume-mute]{--icon-glyph-after: \"󡉠\"}[data-icon=volume-off],[data-icon-before=volume-off]{--icon-glyph-before: \"󡉡\"}[data-icon-after=volume-off]{--icon-glyph-after: \"󡉡\"}[data-icon=volume-up],[data-icon-before=volume-up]{--icon-glyph-before: \"󡉢\"}[data-icon-after=volume-up]{--icon-glyph-after: \"󡉢\"}[data-icon=call],[data-icon-before=call]{--icon-glyph-before: \"󡈵\"}[data-icon-after=call]{--icon-glyph-after: \"󡈵\"}[data-icon=chat],[data-icon-before=chat]{--icon-glyph-before: \"󡈶\"}[data-icon-after=chat]{--icon-glyph-after: \"󡈶\"}[data-icon=conversation],[data-icon-before=conversation]{--icon-glyph-before: \"󡂕\"}[data-icon-after=conversation]{--icon-glyph-after: \"󡂕\"}[data-icon=fax],[data-icon-before=fax]{--icon-glyph-before: \"🖷\"}[data-icon-after=fax]{--icon-glyph-after: \"🖷\"}[data-icon=qr-code-scan],[data-icon-before=qr-code-scan]{--icon-glyph-before: \"󡊘\"}[data-icon-after=qr-code-scan]{--icon-glyph-after: \"󡊘\"}[data-icon=feedback],[data-icon-before=feedback]{--icon-glyph-before: \"⍰\"}[data-icon-after=feedback]{--icon-glyph-after: \"⍰\"}[data-icon=mail],[data-icon-before=mail]{--icon-glyph-before: \"✉\"}[data-icon-after=mail]{--icon-glyph-after: \"✉\"}[data-icon=mobile-off],[data-icon-before=mobile-off]{--icon-glyph-before: \"󡉤\"}[data-icon-after=mobile-off]{--icon-glyph-after: \"󡉤\"}[data-icon=mobile-phone],[data-icon-before=mobile-phone]{--icon-glyph-before: \"󡉣\"}[data-icon-after=mobile-phone]{--icon-glyph-after: \"󡉣\"}[data-icon=wifi],[data-icon-before=wifi]{--icon-glyph-before: \"󡂘\"}[data-icon-after=wifi]{--icon-glyph-after: \"󡂘\"}[data-icon=wifi-off],[data-icon-before=wifi-off]{--icon-glyph-before: \"󡅉\"}[data-icon-after=wifi-off]{--icon-glyph-after: \"󡅉\"}[data-icon=mask],[data-icon-before=mask]{--icon-glyph-before: \"󡉥\"}[data-icon-after=mask]{--icon-glyph-after: \"󡉥\"}[data-icon=wc],[data-icon-before=wc]{--icon-glyph-before: \"󡉩\"}[data-icon-after=wc]{--icon-glyph-after: \"󡉩\"}[data-icon=wc-men],[data-icon-before=wc-men]{--icon-glyph-before: \"󡉰\"}[data-icon-after=wc-men]{--icon-glyph-after: \"󡉰\"}[data-icon=wc-sign],[data-icon-before=wc-sign]{--icon-glyph-before: \"󡉱\"}[data-icon-after=wc-sign]{--icon-glyph-after: \"󡉱\"}[data-icon=wc-woman],[data-icon-before=wc-woman]{--icon-glyph-before: \"󡉲\"}[data-icon-after=wc-woman]{--icon-glyph-after: \"󡉲\"}[data-icon=entry-aid],[data-icon-before=entry-aid]{--icon-glyph-before: \"󡅐\"}[data-icon-after=entry-aid]{--icon-glyph-after: \"󡅐\"}[data-icon=luggage-rack],[data-icon-before=luggage-rack]{--icon-glyph-before: \"󡉵\"}[data-icon-after=luggage-rack]{--icon-glyph-after: \"󡉵\"}[data-icon=medical],[data-icon-before=medical]{--icon-glyph-before: \"✚\"}[data-icon-after=medical]{--icon-glyph-after: \"✚\"}[data-icon=power-outlet],[data-icon-before=power-outlet]{--icon-glyph-before: \"󡉸\"}[data-icon-after=power-outlet]{--icon-glyph-after: \"󡉸\"}[data-icon=coffee-cup],[data-icon-before=coffee-cup]{--icon-glyph-before: \"󡈷\"}[data-icon-after=coffee-cup]{--icon-glyph-after: \"󡈷\"}[data-icon=drink],[data-icon-before=drink]{--icon-glyph-before: \"󡄁\"}[data-icon-after=drink]{--icon-glyph-after: \"󡄁\"}[data-icon=restaurant],[data-icon-before=restaurant]{--icon-glyph-before: \"🍽\"}[data-icon-after=restaurant]{--icon-glyph-after: \"🍽\"}[data-icon=\"1st-class\"],[data-icon-before=\"1st-class\"]{--icon-glyph-before: \"⒈\"}[data-icon-after=\"1st-class\"]{--icon-glyph-after: \"⒈\"}[data-icon=\"2nd-class\"],[data-icon-before=\"2nd-class\"]{--icon-glyph-before: \"⒉\"}[data-icon-after=\"2nd-class\"]{--icon-glyph-after: \"⒉\"}[data-icon=alternative-connection],[data-icon-before=alternative-connection]{--icon-glyph-before: \"󡄂\"}[data-icon-after=alternative-connection]{--icon-glyph-after: \"󡄂\"}[data-icon=booking],[data-icon-before=booking]{--icon-glyph-before: \"󡄃\"}[data-icon-after=booking]{--icon-glyph-after: \"󡄃\"}[data-icon=capacity-indicator],[data-icon-before=capacity-indicator]{--icon-glyph-before: \"󡄄\"}[data-icon-after=capacity-indicator]{--icon-glyph-after: \"󡄄\"}[data-icon=scooter],[data-icon-before=scooter]{--icon-glyph-before: \"󡈄\"}[data-icon-after=scooter]{--icon-glyph-after: \"󡈄\"}[data-icon=capacity-indicator-fully-booked],[data-icon-before=capacity-indicator-fully-booked]{--icon-glyph-before: \"󡄆\"}[data-icon-after=capacity-indicator-fully-booked]{--icon-glyph-after: \"󡄆\"}[data-icon=capacity-indicator-high],[data-icon-before=capacity-indicator-high]{--icon-glyph-before: \"󡄈\"}[data-icon-after=capacity-indicator-high]{--icon-glyph-after: \"󡄈\"}[data-icon=capacity-indicator-low],[data-icon-before=capacity-indicator-low]{--icon-glyph-before: \"󡄐\"}[data-icon-after=capacity-indicator-low]{--icon-glyph-after: \"󡄐\"}[data-icon=destination],[data-icon-before=destination]{--icon-glyph-before: \"󡈸\"}[data-icon-after=destination]{--icon-glyph-after: \"󡈸\"}[data-icon=intermediary-stop],[data-icon-before=intermediary-stop]{--icon-glyph-before: \"󡄓\"}[data-icon-after=intermediary-stop]{--icon-glyph-after: \"󡄓\"}[data-icon=round-trip],[data-icon-before=round-trip]{--icon-glyph-before: \"⮔\"}[data-icon-after=round-trip]{--icon-glyph-after: \"⮔\"}[data-icon=single-trip],[data-icon-before=single-trip]{--icon-glyph-before: \"⤞\"}[data-icon-after=single-trip]{--icon-glyph-after: \"⤞\"}[data-icon=start],[data-icon-before=start]{--icon-glyph-before: \"⦿\"}[data-icon-after=start]{--icon-glyph-after: \"⦿\"}[data-icon=home],[data-icon-before=home]{--icon-glyph-before: \"⌂\"}[data-icon-after=home]{--icon-glyph-after: \"⌂\"}[data-icon=map],[data-icon-before=map]{--icon-glyph-before: \"🗺\"}[data-icon-after=map]{--icon-glyph-after: \"🗺\"}[data-icon=stop-sign],[data-icon-before=stop-sign]{--icon-glyph-before: \"󡄕\"}[data-icon-after=stop-sign]{--icon-glyph-after: \"󡄕\"}[data-icon=map-stop],[data-icon-before=map-stop]{--icon-glyph-before: \"󡄕\"}[data-icon-after=map-stop]{--icon-glyph-after: \"󡄕\"}[data-icon=travel-insurance],[data-icon-before=travel-insurance]{--icon-glyph-before: \"󡆆\"}[data-icon-after=travel-insurance]{--icon-glyph-after: \"󡆆\"}[data-icon=intercity-train],[data-icon-before=intercity-train]{--icon-glyph-before: \"󡈖\"}[data-icon-after=intercity-train]{--icon-glyph-after: \"󡈖\"}[data-icon=multiple-passenger],[data-icon-before=multiple-passenger]{--icon-glyph-before: \"󡊆\"}[data-icon-after=multiple-passenger]{--icon-glyph-after: \"󡊆\"}[data-icon=best-price],[data-icon-before=best-price]{--icon-glyph-before: \"󡆅\"}[data-icon-after=best-price]{--icon-glyph-after: \"󡆅\"}[data-icon=multiple-cards],[data-icon-before=multiple-cards]{--icon-glyph-before: \"󡆄\"}[data-icon-after=multiple-cards]{--icon-glyph-after: \"󡆄\"}[data-icon=bed],[data-icon-before=bed]{--icon-glyph-before: \"🛏\"}[data-icon-after=bed]{--icon-glyph-after: \"🛏\"}[data-icon=steppless-entry],[data-icon-before=steppless-entry]{--icon-glyph-before: \"󡈗\"}[data-icon-after=steppless-entry]{--icon-glyph-after: \"󡈗\"}[data-icon=ticket-subscription],[data-icon-before=ticket-subscription]{--icon-glyph-before: \"󡈘\"}[data-icon-after=ticket-subscription]{--icon-glyph-after: \"󡈘\"}[data-icon=walking-fast],[data-icon-before=walking-fast]{--icon-glyph-before: \"󡈙\"}[data-icon-after=walking-fast]{--icon-glyph-after: \"󡈙\"}[data-icon=aisle-not-available],[data-icon-before=aisle-not-available]{--icon-glyph-before: \"󡆃\"}[data-icon-after=aisle-not-available]{--icon-glyph-after: \"󡆃\"}[data-icon=station],[data-icon-before=station]{--icon-glyph-before: \"󡆂\"}[data-icon-after=station]{--icon-glyph-after: \"󡆂\"}[data-icon=parking],[data-icon-before=parking]{--icon-glyph-before: \"🅿\"}[data-icon-after=parking]{--icon-glyph-after: \"🅿\"}[data-icon=place],[data-icon-before=place]{--icon-glyph-before: \"󡄖\"}[data-icon-after=place]{--icon-glyph-after: \"󡄖\"}[data-icon=set-position],[data-icon-before=set-position]{--icon-glyph-before: \"🞋\"}[data-icon-after=set-position]{--icon-glyph-after: \"🞋\"}[data-icon=trainstation],[data-icon-before=trainstation]{--icon-glyph-before: \"󡊀\"}[data-icon-after=trainstation]{--icon-glyph-after: \"󡊀\"}[data-icon=train-station],[data-icon-before=train-station]{--icon-glyph-before: \"󡊀\"}[data-icon-after=train-station]{--icon-glyph-after: \"󡊀\"}[data-icon=couchette],[data-icon-before=couchette]{--icon-glyph-before: \"󡆉\"}[data-icon-after=couchette]{--icon-glyph-after: \"󡆉\"}[data-icon=arrow-back],[data-icon-before=arrow-back]{--icon-glyph-before: \"←\"}[data-icon-after=arrow-back]{--icon-glyph-after: \"←\"}[data-icon=arrow-down],[data-icon-before=arrow-down]{--icon-glyph-before: \"↓\"}[data-icon-after=arrow-down]{--icon-glyph-after: \"↓\"}[data-icon=arrow-forward],[data-icon-before=arrow-forward]{--icon-glyph-before: \"→\"}[data-icon-after=arrow-forward]{--icon-glyph-after: \"→\"}[data-icon=arrow-up],[data-icon-before=arrow-up]{--icon-glyph-before: \"↑\"}[data-icon-after=arrow-up]{--icon-glyph-after: \"↑\"}[data-icon=cancel],[data-icon-before=cancel]{--icon-glyph-before: \"⮾\"}[data-icon-after=cancel]{--icon-glyph-after: \"⮾\"}[data-icon=chevron-left],[data-icon-before=chevron-left]{--icon-glyph-before: \"<\"}[data-icon-after=chevron-left]{--icon-glyph-after: \"<\"}[data-icon=chevron-right],[data-icon-before=chevron-right]{--icon-glyph-before: \">\"}[data-icon-after=chevron-right]{--icon-glyph-after: \">\"}[data-icon=close],[data-icon-before=close]{--icon-glyph-before: \"⨯\"}[data-icon-after=close]{--icon-glyph-after: \"⨯\"}[data-icon=expand-less],[data-icon-before=expand-less]{--icon-glyph-before: \"⌃\"}[data-icon-after=expand-less]{--icon-glyph-after: \"⌃\"}[data-icon=carsharing],[data-icon-before=carsharing]{--icon-glyph-before: \"󡆔\"}[data-icon-after=carsharing]{--icon-glyph-after: \"󡆔\"}[data-icon=electric-locomotive],[data-icon-before=electric-locomotive]{--icon-glyph-before: \"󡆕\"}[data-icon-after=electric-locomotive]{--icon-glyph-after: \"󡆕\"}[data-icon=expand-more],[data-icon-before=expand-more]{--icon-glyph-before: \"⌄\"}[data-icon-after=expand-more]{--icon-glyph-after: \"⌄\"}[data-icon=fullscreen],[data-icon-before=fullscreen]{--icon-glyph-before: \"󡄙\"}[data-icon-after=fullscreen]{--icon-glyph-after: \"󡄙\"}[data-icon=fullscreen-exit],[data-icon-before=fullscreen-exit]{--icon-glyph-before: \"󡄠\"}[data-icon-after=fullscreen-exit]{--icon-glyph-after: \"󡄠\"}[data-icon=grid-view],[data-icon-before=grid-view]{--icon-glyph-before: \"𐌎\"}[data-icon-after=grid-view]{--icon-glyph-after: \"𐌎\"}[data-icon=link],[data-icon-before=link]{--icon-glyph-before: \"🡢\"}[data-icon-after=link]{--icon-glyph-after: \"🡢\"}[data-icon=link-external],[data-icon-before=link-external]{--icon-glyph-before: \"🡥\"}[data-icon-after=link-external]{--icon-glyph-after: \"🡥\"}[data-icon=list],[data-icon-before=list]{--icon-glyph-before: \"󡄡\"}[data-icon-after=list]{--icon-glyph-after: \"󡄡\"}[data-icon=menu],[data-icon-before=menu]{--icon-glyph-before: \"󡄢\"}[data-icon-after=menu]{--icon-glyph-after: \"󡄢\"}[data-icon=s-bahn],[data-icon-before=s-bahn]{--icon-glyph-before: \"󡈃\"}[data-icon-after=s-bahn]{--icon-glyph-after: \"󡈃\"}[data-icon=more-horizontal],[data-icon-before=more-horizontal]{--icon-glyph-before: \"⋯\"}[data-icon-after=more-horizontal]{--icon-glyph-after: \"⋯\"}[data-icon=more-vertical],[data-icon-before=more-vertical]{--icon-glyph-before: \"⋮\"}[data-icon-after=more-vertical]{--icon-glyph-after: \"⋮\"}[data-icon=refresh],[data-icon-before=refresh]{--icon-glyph-before: \"🗘\"}[data-icon-after=refresh]{--icon-glyph-after: \"🗘\"}[data-icon=error],[data-icon-before=error]{--icon-glyph-before: \"󡄣\"}[data-icon-after=error]{--icon-glyph-after: \"󡄣\"}[data-icon=error-triangle],[data-icon-before=error-triangle]{--icon-glyph-before: \"⚠\"}[data-icon-after=error-triangle]{--icon-glyph-after: \"⚠\"}[data-icon=warning],[data-icon-before=warning]{--icon-glyph-before: \"⚠\"}[data-icon-after=warning]{--icon-glyph-after: \"⚠\"}[data-icon=notify],[data-icon-before=notify]{--icon-glyph-before: \"󡄦\"}[data-icon-after=notify]{--icon-glyph-after: \"󡄦\"}[data-icon=taxi],[data-icon-before=taxi]{--icon-glyph-before: \"󡈈\"}[data-icon-after=taxi]{--icon-glyph-after: \"󡈈\"}[data-icon=notify-cutoff],[data-icon-before=notify-cutoff]{--icon-glyph-before: \"󡄧\"}[data-icon-after=notify-cutoff]{--icon-glyph-after: \"󡄧\"}[data-icon=aisle],[data-icon-before=aisle]{--icon-glyph-before: \"󡊁\"}[data-icon-after=aisle]{--icon-glyph-after: \"󡊁\"}[data-icon=elderly],[data-icon-before=elderly]{--icon-glyph-before: \"󡄨\"}[data-icon-after=elderly]{--icon-glyph-after: \"󡄨\"}[data-icon=handicapped],[data-icon-before=handicapped]{--icon-glyph-before: \"󡊃\"}[data-icon-after=handicapped]{--icon-glyph-after: \"󡊃\"}[data-icon=table],[data-icon-before=table]{--icon-glyph-before: \"󡄩\"}[data-icon-after=table]{--icon-glyph-after: \"󡄩\"}[data-icon=window],[data-icon-before=window]{--icon-glyph-before: \"󡄰\"}[data-icon-after=window]{--icon-glyph-after: \"󡄰\"}[data-icon=bahnbonus],[data-icon-before=bahnbonus]{--icon-glyph-before: \"󡄱\"}[data-icon-after=bahnbonus]{--icon-glyph-after: \"󡄱\"}[data-icon=bahnbonus-card],[data-icon-before=bahnbonus-card]{--icon-glyph-before: \"󡄲\"}[data-icon-after=bahnbonus-card]{--icon-glyph-after: \"󡄲\"}[data-icon=bahncard],[data-icon-before=bahncard]{--icon-glyph-before: \"󡄴\"}[data-icon-after=bahncard]{--icon-glyph-after: \"󡄴\"}[data-icon=commuter-ticket],[data-icon-before=commuter-ticket]{--icon-glyph-before: \"󡄶\"}[data-icon-after=commuter-ticket]{--icon-glyph-after: \"󡄶\"}[data-icon=komfort-check-in],[data-icon-before=komfort-check-in]{--icon-glyph-before: \"󡄷\"}[data-icon-after=komfort-check-in]{--icon-glyph-after: \"󡄷\"}[data-icon=komfort-check-in-check],[data-icon-before=komfort-check-in-check]{--icon-glyph-before: \"✔\"}[data-icon-after=komfort-check-in-check]{--icon-glyph-after: \"✔\"}[data-icon=komfort-check-in-circle],[data-icon-before=komfort-check-in-circle]{--icon-glyph-before: \"🤇\"}[data-icon-after=komfort-check-in-circle]{--icon-glyph-after: \"🤇\"}[data-icon=my-travel],[data-icon-before=my-travel]{--icon-glyph-before: \"󡄸\"}[data-icon-after=my-travel]{--icon-glyph-after: \"󡄸\"}[data-icon=outward-journey],[data-icon-before=outward-journey]{--icon-glyph-before: \"󡄹\"}[data-icon-after=outward-journey]{--icon-glyph-after: \"󡄹\"}[data-icon=qr-code],[data-icon-before=qr-code]{--icon-glyph-before: \"󡅀\"}[data-icon-after=qr-code]{--icon-glyph-after: \"󡅀\"}[data-icon=airplane],[data-icon-before=airplane]{--icon-glyph-before: \"󡆐\"}[data-icon-after=airplane]{--icon-glyph-after: \"󡆐\"}[data-icon=call-a-bike],[data-icon-before=call-a-bike]{--icon-glyph-before: \"󡆑\"}[data-icon-after=call-a-bike]{--icon-glyph-after: \"󡆑\"}[data-icon=return-journey],[data-icon-before=return-journey]{--icon-glyph-before: \"󡅁\"}[data-icon-after=return-journey]{--icon-glyph-after: \"󡅁\"}[data-icon=ticket],[data-icon-before=ticket]{--icon-glyph-before: \"󡊇\"}[data-icon-after=ticket]{--icon-glyph-after: \"󡊇\"}[data-icon=ticket-discount],[data-icon-before=ticket-discount]{--icon-glyph-before: \"󡅂\"}[data-icon-after=ticket-discount]{--icon-glyph-after: \"󡅂\"}[data-icon=electric-scooter],[data-icon-before=electric-scooter]{--icon-glyph-before: \"󡆖\"}[data-icon-after=electric-scooter]{--icon-glyph-after: \"󡆖\"}[data-icon=ev-car],[data-icon-before=ev-car]{--icon-glyph-before: \"󡆗\"}[data-icon-after=ev-car]{--icon-glyph-after: \"󡆗\"}[data-icon=ticket-multiple],[data-icon-before=ticket-multiple]{--icon-glyph-before: \"󡅃\"}[data-icon-after=ticket-multiple]{--icon-glyph-after: \"󡅃\"}[data-icon=time-outward-journey],[data-icon-before=time-outward-journey]{--icon-glyph-before: \"󡅄\"}[data-icon-after=time-outward-journey]{--icon-glyph-after: \"󡅄\"}[data-icon=time-return-journey],[data-icon-before=time-return-journey]{--icon-glyph-before: \"󡅅\"}[data-icon-after=time-return-journey]{--icon-glyph-after: \"󡅅\"}[data-icon=timetable],[data-icon-before=timetable]{--icon-glyph-before: \"󡅆\"}[data-icon-after=timetable]{--icon-glyph-after: \"󡅆\"}[data-icon=bicycle],[data-icon-before=bicycle]{--icon-glyph-before: \"󡈹\"}[data-icon-after=bicycle]{--icon-glyph-after: \"󡈹\"}[data-icon=car],[data-icon-before=car]{--icon-glyph-before: \"󡅑\"}[data-icon-after=car]{--icon-glyph-after: \"󡅑\"}[data-icon=car-sequence],[data-icon-before=car-sequence]{--icon-glyph-before: \"󡅇\"}[data-icon-after=car-sequence]{--icon-glyph-after: \"󡅇\"}[data-icon=ice-side-view],[data-icon-before=ice-side-view]{--icon-glyph-before: \"󡊈\"}[data-icon-after=ice-side-view]{--icon-glyph-after: \"󡊈\"}[data-icon=sprinter],[data-icon-before=sprinter]{--icon-glyph-before: \"󡅈\"}[data-icon-after=sprinter]{--icon-glyph-after: \"󡅈\"}[data-icon=walking],[data-icon-before=walking]{--icon-glyph-before: \"󡉁\"}[data-icon-after=walking]{--icon-glyph-after: \"󡉁\"}[data-icon=logo],[data-icon-before=logo]{--icon-glyph-before: \"󡅒\"}[data-icon-after=logo]{--icon-glyph-after: \"󡅒\"}[data-icon=buggy],[data-icon-before=buggy]{--icon-glyph-before: \"󡅓\"}[data-icon-after=buggy]{--icon-glyph-after: \"󡅓\"}[data-icon=childrens-compartment],[data-icon-before=childrens-compartment]{--icon-glyph-before: \"󡊂\"}[data-icon-after=childrens-compartment]{--icon-glyph-after: \"󡊂\"}[data-icon=parent-child-compartment],[data-icon-before=parent-child-compartment]{--icon-glyph-before: \"󡊄\"}[data-icon-after=parent-child-compartment]{--icon-glyph-after: \"󡊄\"}[data-icon=augmented-reality],[data-icon-before=augmented-reality]{--icon-glyph-before: \"󡅧\"}[data-icon-after=augmented-reality]{--icon-glyph-after: \"󡅧\"}[data-icon=quiet-zone],[data-icon-before=quiet-zone]{--icon-glyph-before: \"󡊅\"}[data-icon-after=quiet-zone]{--icon-glyph-after: \"󡊅\"}[data-icon=duplicate],[data-icon-before=duplicate]{--icon-glyph-before: \"󡅔\"}[data-icon-after=duplicate]{--icon-glyph-after: \"󡅔\"}[data-icon=copy],[data-icon-before=copy]{--icon-glyph-before: \"󡅔\"}[data-icon-after=copy]{--icon-glyph-after: \"󡅔\"}[data-icon=image],[data-icon-before=image]{--icon-glyph-before: \"🖼\"}[data-icon-after=image]{--icon-glyph-after: \"🖼\"}[data-icon=lock-close],[data-icon-before=lock-close]{--icon-glyph-before: \"󡈩\"}[data-icon-after=lock-close]{--icon-glyph-after: \"󡈩\"}[data-icon=lock-open],[data-icon-before=lock-open]{--icon-glyph-before: \"󡈰\"}[data-icon-after=lock-open]{--icon-glyph-after: \"󡈰\"}[data-icon=restricted-mobility-toilet],[data-icon-before=restricted-mobility-toilet]{--icon-glyph-before: \"󡅣\"}[data-icon-after=restricted-mobility-toilet]{--icon-glyph-after: \"󡅣\"}[data-icon=database],[data-icon-before=database]{--icon-glyph-before: \"󡆁\"}[data-icon-after=database]{--icon-glyph-after: \"󡆁\"}[data-icon=breakfast],[data-icon-before=breakfast]{--icon-glyph-before: \"󡉹\"}[data-icon-after=breakfast]{--icon-glyph-after: \"󡉹\"}[data-icon=ferry],[data-icon-before=ferry]{--icon-glyph-before: \"󡆘\"}[data-icon-after=ferry]{--icon-glyph-after: \"󡆘\"}[data-icon=no-smoking],[data-icon-before=no-smoking]{--icon-glyph-before: \"󡉶\"}[data-icon-after=no-smoking]{--icon-glyph-after: \"󡉶\"}[data-icon=luggage-compartment],[data-icon-before=luggage-compartment]{--icon-glyph-before: \"󡉴\"}[data-icon-after=luggage-compartment]{--icon-glyph-after: \"󡉴\"}[data-icon=environmental-mobility-check],[data-icon-before=environmental-mobility-check]{--icon-glyph-before: \"󡉳\"}[data-icon-after=environmental-mobility-check]{--icon-glyph-after: \"󡉳\"}[data-icon=clothing-hanger],[data-icon-before=clothing-hanger]{--icon-glyph-before: \"󡆀\"}[data-icon-after=clothing-hanger]{--icon-glyph-after: \"󡆀\"}[data-icon=handcart],[data-icon-before=handcart]{--icon-glyph-before: \"󡆙\"}[data-icon-after=handcart]{--icon-glyph-after: \"󡆙\"}[data-icon=reservation],[data-icon-before=reservation]{--icon-glyph-before: \"󡅹\"}[data-icon-after=reservation]{--icon-glyph-after: \"󡅹\"}[data-icon=platform],[data-icon-before=platform]{--icon-glyph-before: \"🛤\"}[data-icon-after=platform]{--icon-glyph-after: \"🛤\"}[data-icon=night],[data-icon-before=night]{--icon-glyph-before: \"󡊉\"}[data-icon-after=night]{--icon-glyph-after: \"󡊉\"}[data-icon=piggybank],[data-icon-before=piggybank]{--icon-glyph-before: \"󡊐\"}[data-icon-after=piggybank]{--icon-glyph-after: \"󡊐\"}[data-icon=resize-handle-corner],[data-icon-before=resize-handle-corner]{--icon-glyph-before: \"󡊑\"}[data-icon-after=resize-handle-corner]{--icon-glyph-after: \"󡊑\"}[data-icon=document-check],[data-icon-before=document-check]{--icon-glyph-before: \"󡊒\"}[data-icon-after=document-check]{--icon-glyph-after: \"󡊒\"}[data-icon=face-delighted],[data-icon-before=face-delighted]{--icon-glyph-before: \"󡊓\"}[data-icon-after=face-delighted]{--icon-glyph-after: \"󡊓\"}[data-icon=face-disappointed],[data-icon-before=face-disappointed]{--icon-glyph-before: \"󡊔\"}[data-icon-after=face-disappointed]{--icon-glyph-after: \"󡊔\"}[data-icon=push-button],[data-icon-before=push-button]{--icon-glyph-before: \"󡊕\"}[data-icon-after=push-button]{--icon-glyph-after: \"󡊕\"}[data-icon=fast-backward],[data-icon-before=fast-backward]{--icon-glyph-before: \"󡊖\"}[data-icon-after=fast-backward]{--icon-glyph-after: \"󡊖\"}[data-icon=fast-forward],[data-icon-before=fast-forward]{--icon-glyph-before: \"󡊗\"}[data-icon-after=fast-forward]{--icon-glyph-after: \"󡊗\"}[data-icon=marketplace],[data-icon-before=marketplace]{--icon-glyph-before: \"󡅸\"}[data-icon-after=marketplace]{--icon-glyph-after: \"󡅸\"}[data-icon=hydrogen],[data-icon-before=hydrogen]{--icon-glyph-before: \"󡅷\"}[data-icon-after=hydrogen]{--icon-glyph-after: \"󡅷\"}[data-icon=day],[data-icon-before=day]{--icon-glyph-before: \"☀\"}[data-icon-after=day]{--icon-glyph-after: \"☀\"}[data-icon=sink],[data-icon-before=sink]{--icon-glyph-before: \"󡉨\"}[data-icon-after=sink]{--icon-glyph-after: \"󡉨\"}[data-icon=microphone],[data-icon-before=microphone]{--icon-glyph-before: \"󡈴\"}[data-icon-after=microphone]{--icon-glyph-after: \"󡈴\"}[data-icon=undo],[data-icon-before=undo]{--icon-glyph-before: \"⎌\"}[data-icon-after=undo]{--icon-glyph-after: \"⎌\"}[data-icon=thumb-up-down],[data-icon-before=thumb-up-down]{--icon-glyph-before: \"󡉗\"}[data-icon-after=thumb-up-down]{--icon-glyph-after: \"󡉗\"}[data-icon=local-bus],[data-icon-before=local-bus]{--icon-glyph-before: \"󡈁\"}[data-icon-after=local-bus]{--icon-glyph-after: \"󡈁\"}[data-icon=long-distance-bus],[data-icon-before=long-distance-bus]{--icon-glyph-before: \"󡈂\"}[data-icon-after=long-distance-bus]{--icon-glyph-after: \"󡈂\"}[data-icon=thumb-up],[data-icon-before=thumb-up]{--icon-glyph-before: \"󡉖\"}[data-icon-after=thumb-up]{--icon-glyph-after: \"󡉖\"}[data-icon=logbook],[data-icon-before=logbook]{--icon-glyph-before: \"󡉓\"}[data-icon-after=logbook]{--icon-glyph-after: \"󡉓\"}[data-icon=lightbulb],[data-icon-before=lightbulb]{--icon-glyph-before: \"󡉒\"}[data-icon-after=lightbulb]{--icon-glyph-after: \"󡉒\"}[data-icon=key],[data-icon-before=key]{--icon-glyph-before: \"󡉑\"}[data-icon-after=key]{--icon-glyph-after: \"󡉑\"}[data-icon=fingerprint],[data-icon-before=fingerprint]{--icon-glyph-before: \"󡅱\"}[data-icon-after=fingerprint]{--icon-glyph-after: \"󡅱\"}[data-icon=face-smiling],[data-icon-before=face-smiling]{--icon-glyph-before: \"󡅰\"}[data-icon-after=face-smiling]{--icon-glyph-after: \"󡅰\"}[data-icon=face-neutral],[data-icon-before=face-neutral]{--icon-glyph-before: \"󡅨\"}[data-icon-after=face-neutral]{--icon-glyph-after: \"󡅨\"}[data-icon=ice],[data-icon-before=ice]{--icon-glyph-before: \"󡈀\"}[data-icon-after=ice]{--icon-glyph-after: \"󡈀\"}[data-icon=face-sad],[data-icon-before=face-sad]{--icon-glyph-before: \"󡅩\"}[data-icon-after=face-sad]{--icon-glyph-after: \"󡅩\"}[data-icon=cloud-upload],[data-icon-before=cloud-upload]{--icon-glyph-before: \"⇧\"}[data-icon-after=cloud-upload]{--icon-glyph-after: \"⇧\"}[data-icon=cloud-download],[data-icon-before=cloud-download]{--icon-glyph-before: \"⇩\"}[data-icon-after=cloud-download]{--icon-glyph-after: \"⇩\"}[data-icon=cash],[data-icon-before=cash]{--icon-glyph-before: \"󡉈\"}[data-icon-after=cash]{--icon-glyph-after: \"󡉈\"}[data-icon=dashboard],[data-icon-before=dashboard]{--icon-glyph-before: \"󡅤\"}[data-icon-after=dashboard]{--icon-glyph-after: \"󡅤\"}[data-icon=resize],[data-icon-before=resize]{--icon-glyph-before: \"󡅥\"}[data-icon-after=resize]{--icon-glyph-after: \"󡅥\"}[data-icon=sepa],[data-icon-before=sepa]{--icon-glyph-before: \"󡅦\"}[data-icon-after=sepa]{--icon-glyph-after: \"󡅦\"}[data-icon=save],[data-icon-before=save]{--icon-glyph-before: \"󡈲\"}[data-icon-after=save]{--icon-glyph-after: \"󡈲\"}[data-icon=pin],[data-icon-before=pin]{--icon-glyph-before: \"󡈱\"}[data-icon-after=pin]{--icon-glyph-after: \"󡈱\"}[data-icon=folder-open],[data-icon-before=folder-open]{--icon-glyph-before: \"󡈨\"}[data-icon-after=folder-open]{--icon-glyph-after: \"󡈨\"}[data-icon=folder],[data-icon-before=folder]{--icon-glyph-before: \"󡈧\"}[data-icon-after=folder]{--icon-glyph-after: \"󡈧\"}[data-icon=camera],[data-icon-before=camera]{--icon-glyph-before: \"󡈥\"}[data-icon-after=camera]{--icon-glyph-after: \"󡈥\"}[data-icon=compass],[data-icon-before=compass]{--icon-glyph-before: \"󡉉\"}[data-icon-after=compass]{--icon-glyph-after: \"󡉉\"}[data-icon=drag-and-drop],[data-icon-before=drag-and-drop]{--icon-glyph-before: \"󡆇\"}[data-icon-after=drag-and-drop]{--icon-glyph-after: \"󡆇\"}[data-icon=person-with-cane],[data-icon-before=person-with-cane]{--icon-glyph-before: \"󡉷\"}[data-icon-after=person-with-cane]{--icon-glyph-after: \"󡉷\"}[data-icon=hearing],[data-icon-before=hearing]{--icon-glyph-before: \"󡈑\"}[data-icon-after=hearing]{--icon-glyph-after: \"󡈑\"}[data-icon=hearing-disabled],[data-icon-before=hearing-disabled]{--icon-glyph-before: \"󡈒\"}[data-icon-after=hearing-disabled]{--icon-glyph-after: \"󡈒\"}[data-icon=translation],[data-icon-before=translation]{--icon-glyph-before: \"󡈓\"}[data-icon-after=translation]{--icon-glyph-after: \"󡈓\"}[data-icon=voucher],[data-icon-before=voucher]{--icon-glyph-before: \"󡈔\"}[data-icon-after=voucher]{--icon-glyph-after: \"󡈔\"}[data-icon=support-dog],[data-icon-before=support-dog]{--icon-glyph-before: \"󡈕\"}[data-icon-after=support-dog]{--icon-glyph-after: \"󡈕\"}[data-icon=person-with-rollator],[data-icon-before=person-with-rollator]{--icon-glyph-before: \"󡆈\"}[data-icon-after=person-with-rollator]{--icon-glyph-after: \"󡆈\"}[data-icon=sort-down],[data-icon-before=sort-down]{--icon-glyph-before: \"↡\"}[data-icon-after=sort-down]{--icon-glyph-after: \"↡\"}[data-icon=sort-up],[data-icon-before=sort-up]{--icon-glyph-before: \"↟\"}[data-icon-after=sort-up]{--icon-glyph-after: \"↟\"}[data-icon=cloud],[data-icon-before=cloud]{--icon-glyph-before: \"☁\"}[data-icon-after=cloud]{--icon-glyph-after: \"☁\"}[data-icon=sev],[data-icon-before=sev]{--icon-glyph-before: \"󡈅\"}[data-icon-after=sev]{--icon-glyph-after: \"󡈅\"}[data-icon=train-and-car],[data-icon-before=train-and-car]{--icon-glyph-before: \"󡈉\"}[data-icon-after=train-and-car]{--icon-glyph-after: \"󡈉\"}[data-icon=tram],[data-icon-before=tram]{--icon-glyph-before: \"󡈐\"}[data-icon-after=tram]{--icon-glyph-after: \"󡈐\"}[data-icon=speedboat],[data-icon-before=speedboat]{--icon-glyph-before: \"󡈆\"}[data-icon-after=speedboat]{--icon-glyph-after: \"󡈆\"}[data-icon=build],[data-icon-before=build]{--icon-glyph-before: \"🛠\"}[data-icon-after=build]{--icon-glyph-after: \"🛠\"}[data-icon=bug],[data-icon-before=bug]{--icon-glyph-before: \"󡉆\"}[data-icon-after=bug]{--icon-glyph-after: \"󡉆\"}[data-icon=question],[data-icon-before=question]{--icon-glyph-before: \"󡅲\"}[data-icon-after=question]{--icon-glyph-after: \"󡅲\"}[data-icon=receive-item],[data-icon-before=receive-item]{--icon-glyph-before: \"󡅳\"}[data-icon-after=receive-item]{--icon-glyph-after: \"󡅳\"}[data-icon=share-item],[data-icon-before=share-item]{--icon-glyph-before: \"󡅴\"}[data-icon-after=share-item]{--icon-glyph-after: \"󡅴\"}[data-icon=playground],[data-icon-before=playground]{--icon-glyph-before: \"󡉦\"}[data-icon-after=playground]{--icon-glyph-after: \"󡉦\"}[data-icon=shower],[data-icon-before=shower]{--icon-glyph-before: \"󡉧\"}[data-icon-after=shower]{--icon-glyph-after: \"󡉧\"}[data-icon=shower-men],[data-icon-before=shower-men]{--icon-glyph-before: \"󡅵\"}[data-icon-after=shower-men]{--icon-glyph-after: \"󡅵\"}[data-icon=shower-women],[data-icon-before=shower-women]{--icon-glyph-before: \"󡅶\"}[data-icon-after=shower-women]{--icon-glyph-after: \"󡅶\"}[data-icon=add-link],[data-icon-before=add-link]{--icon-glyph-before: \"󡉂\"}[data-icon-after=add-link]{--icon-glyph-after: \"󡉂\"}[data-icon=attachment],[data-icon-before=attachment]{--icon-glyph-before: \"󡉅\"}[data-icon-after=attachment]{--icon-glyph-after: \"󡉅\"}[data-icon=block],[data-icon-before=block]{--icon-glyph-before: \"󡈣\"}[data-icon-after=block]{--icon-glyph-after: \"󡈣\"}[data-icon=bookmark],[data-icon-before=bookmark]{--icon-glyph-before: \"󡈤\"}[data-icon-after=bookmark]{--icon-glyph-after: \"󡈤\"}[data-icon=shopping-basket-disabled],[data-icon-before=shopping-basket-disabled]{--icon-glyph-before: \"󡅕\"}[data-icon-after=shopping-basket-disabled]{--icon-glyph-after: \"󡅕\"}[data-icon=shopping-cart-disabled],[data-icon-before=shopping-cart-disabled]{--icon-glyph-before: \"󡅖\"}[data-icon-after=shopping-cart-disabled]{--icon-glyph-after: \"󡅖\"}[data-icon=gps],[data-icon-before=gps]{--icon-glyph-before: \"󡅗\"}[data-icon-after=gps]{--icon-glyph-after: \"󡅗\"}[data-icon=gps-north],[data-icon-before=gps-north]{--icon-glyph-before: \"󡅘\"}[data-icon-after=gps-north]{--icon-glyph-after: \"󡅘\"}[data-icon=local-train],[data-icon-before=local-train]{--icon-glyph-before: \"󡉀\"}[data-icon-after=local-train]{--icon-glyph-after: \"󡉀\"}[data-icon=rail-and-fly],[data-icon-before=rail-and-fly]{--icon-glyph-before: \"󡅙\"}[data-icon-after=rail-and-fly]{--icon-glyph-after: \"󡅙\"}[data-icon=seat-priority],[data-icon-before=seat-priority]{--icon-glyph-before: \"󡅢\"}[data-icon-after=seat-priority]{--icon-glyph-after: \"󡅢\"}[data-icon=priority],[data-icon-before=priority]{--icon-glyph-before: \"󡅢\"}[data-icon-after=priority]{--icon-glyph-after: \"󡅢\"}[data-icon=traveler-with-reduced-mobility],[data-icon-before=traveler-with-reduced-mobility]{--icon-glyph-before: \"󡅢\"}[data-icon-after=traveler-with-reduced-mobility]{--icon-glyph-after: \"󡅢\"}[data-icon=standing-room],[data-icon-before=standing-room]{--icon-glyph-before: \"󡅠\"}[data-icon-after=standing-room]{--icon-glyph-after: \"󡅠\"}[data-icon=mixed-class],[data-icon-before=mixed-class]{--icon-glyph-before: \"󡅡\"}[data-icon-after=mixed-class]{--icon-glyph-after: \"󡅡\"}[data-icon=navigation-straight],[data-icon-before=navigation-straight]{--icon-glyph-before: \"󡌀\"}[data-icon-after=navigation-straight]{--icon-glyph-after: \"󡌀\"}[data-icon=navigation-to-left],[data-icon-before=navigation-to-left]{--icon-glyph-before: \"󡌁\"}[data-icon-after=navigation-to-left]{--icon-glyph-after: \"󡌁\"}[data-icon=navigation-to-right],[data-icon-before=navigation-to-right]{--icon-glyph-before: \"󡌂\"}[data-icon-after=navigation-to-right]{--icon-glyph-after: \"󡌂\"}[data-icon=navigation-u-turn],[data-icon-before=navigation-u-turn]{--icon-glyph-before: \"󡌃\"}[data-icon-after=navigation-u-turn]{--icon-glyph-after: \"󡌃\"}[data-icon=transportation-train-ec],[data-icon-before=transportation-train-ec]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-ec]{--icon-glyph-after: \"\"}[data-icon=transportation-train-ic],[data-icon-before=transportation-train-ic]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-ic]{--icon-glyph-after: \"\"}[data-icon=transportation-train-ice],[data-icon-before=transportation-train-ice]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-ice]{--icon-glyph-after: \"\"}[data-icon=transportation-train-rb],[data-icon-before=transportation-train-rb]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-rb]{--icon-glyph-after: \"\"}[data-icon=transportation-train-re],[data-icon-before=transportation-train-re]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-re]{--icon-glyph-after: \"\"}[data-icon=transportation-bikesharing],[data-icon-before=transportation-bikesharing]{--icon-glyph-before: \"\"}[data-icon-after=transportation-bikesharing]{--icon-glyph-after: \"\"}[data-icon=transportation-bus-local],[data-icon-before=transportation-bus-local]{--icon-glyph-before: \"\"}[data-icon-after=transportation-bus-local]{--icon-glyph-after: \"\"}[data-icon=transportation-carsharing],[data-icon-before=transportation-carsharing]{--icon-glyph-before: \"\"}[data-icon-after=transportation-carsharing]{--icon-glyph-after: \"\"}[data-icon=transportation-bus-long-distance],[data-icon-before=transportation-bus-long-distance]{--icon-glyph-before: \"\"}[data-icon-after=transportation-bus-long-distance]{--icon-glyph-after: \"\"}[data-icon=transportation-airplane],[data-icon-before=transportation-airplane]{--icon-glyph-before: \"\"}[data-icon-after=transportation-airplane]{--icon-glyph-after: \"\"}[data-icon=transportation-s-bahn],[data-icon-before=transportation-s-bahn]{--icon-glyph-before: \"\"}[data-icon-after=transportation-s-bahn]{--icon-glyph-after: \"\"}[data-icon=transportation-ship],[data-icon-before=transportation-ship]{--icon-glyph-before: \"\"}[data-icon-after=transportation-ship]{--icon-glyph-after: \"\"}[data-icon=transportation-taxi],[data-icon-before=transportation-taxi]{--icon-glyph-before: \"\"}[data-icon-after=transportation-taxi]{--icon-glyph-after: \"\"}[data-icon=transportation-train-tram],[data-icon-before=transportation-train-tram]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-tram]{--icon-glyph-after: \"\"}[data-icon=transportation-underground],[data-icon-before=transportation-underground]{--icon-glyph-before: \"\"}[data-icon-after=transportation-underground]{--icon-glyph-after: \"\"}[data-icon=transportation-walking],[data-icon-before=transportation-walking]{--icon-glyph-before: \"\"}[data-icon-after=transportation-walking]{--icon-glyph-after: \"\"}[data-icon=ev-bus],[data-icon-before=ev-bus]{--icon-glyph-before: \"\"}[data-icon-after=ev-bus]{--icon-glyph-after: \"\"}[data-icon=ev-train],[data-icon-before=ev-train]{--icon-glyph-before: \"\"}[data-icon-after=ev-train]{--icon-glyph-after: \"\"}[data-icon=artificial-intelligence],[data-icon-before=artificial-intelligence]{--icon-glyph-before: \"󡌄\"}[data-icon-after=artificial-intelligence]{--icon-glyph-after: \"󡌄\"}[data-icon=document-cross],[data-icon-before=document-cross]{--icon-glyph-before: \"󡌅\"}[data-icon-after=document-cross]{--icon-glyph-after: \"󡌅\"}[data-icon=euro-sign],[data-icon-before=euro-sign]{--icon-glyph-before: \"󡌆\"}[data-icon-after=euro-sign]{--icon-glyph-after: \"󡌆\"}[data-icon=id-card],[data-icon-before=id-card]{--icon-glyph-before: \"󡌇\"}[data-icon-after=id-card]{--icon-glyph-after: \"󡌇\"}[data-icon=pulse-wave],[data-icon-before=pulse-wave]{--icon-glyph-before: \"󡌈\"}[data-icon-after=pulse-wave]{--icon-glyph-after: \"󡌈\"}[data-icon-variant=\"16-outline\"][data-icon]::before,[data-icon-variant=\"16-outline\"][data-icon-before]::before,[data-icon-variant-before=\"16-outline\"][data-icon]::before,[data-icon-variant-before=\"16-outline\"][data-icon-before]::before{--icon-font-family: \"icons-16-outline\", \"missing-icons\" !important;--icon-font-size: 1rem}[data-icon-variant-after=\"16-outline\"][data-icon-after]::after{--icon-font-family: \"icons-16-outline\", \"missing-icons\" !important;--icon-font-size: 1rem}[data-icon-variant=\"20-outline\"][data-icon]::before,[data-icon-variant=\"20-outline\"][data-icon-before]::before,[data-icon-variant-before=\"20-outline\"][data-icon]::before,[data-icon-variant-before=\"20-outline\"][data-icon-before]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}[data-icon-variant-after=\"20-outline\"][data-icon-after]::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}[data-icon-variant=\"24-outline\"][data-icon]::before,[data-icon-variant=\"24-outline\"][data-icon-before]::before,[data-icon-variant-before=\"24-outline\"][data-icon]::before,[data-icon-variant-before=\"24-outline\"][data-icon-before]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon-variant-after=\"24-outline\"][data-icon-after]::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon-variant=\"32-outline\"][data-icon]::before,[data-icon-variant=\"32-outline\"][data-icon-before]::before,[data-icon-variant-before=\"32-outline\"][data-icon]::before,[data-icon-variant-before=\"32-outline\"][data-icon-before]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;--icon-font-size: 2rem}[data-icon-variant-after=\"32-outline\"][data-icon-after]::after{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;--icon-font-size: 2rem}[data-icon-variant=\"48-outline\"][data-icon]::before,[data-icon-variant=\"48-outline\"][data-icon-before]::before,[data-icon-variant-before=\"48-outline\"][data-icon]::before,[data-icon-variant-before=\"48-outline\"][data-icon-before]::before{--icon-font-family: \"icons-48-outline\", \"missing-icons\" !important;--icon-font-size: 3rem}[data-icon-variant-after=\"48-outline\"][data-icon-after]::after{--icon-font-family: \"icons-48-outline\", \"missing-icons\" !important;--icon-font-size: 3rem}[data-icon-variant=\"64-outline\"][data-icon]::before,[data-icon-variant=\"64-outline\"][data-icon-before]::before,[data-icon-variant-before=\"64-outline\"][data-icon]::before,[data-icon-variant-before=\"64-outline\"][data-icon-before]::before{--icon-font-family: \"icons-64-outline\", \"missing-icons\" !important;--icon-font-size: 4rem}[data-icon-variant-after=\"64-outline\"][data-icon-after]::after{--icon-font-family: \"icons-64-outline\", \"missing-icons\" !important;--icon-font-size: 4rem}[data-icon-variant=\"16-filled\"][data-icon]::before,[data-icon-variant=\"16-filled\"][data-icon-before]::before,[data-icon-variant-before=\"16-filled\"][data-icon]::before,[data-icon-variant-before=\"16-filled\"][data-icon-before]::before{--icon-font-family: \"icons-16-filled\", \"missing-icons\" !important;--icon-font-size: 1rem}[data-icon-variant-after=\"16-filled\"][data-icon-after]::after{--icon-font-family: \"icons-16-filled\", \"missing-icons\" !important;--icon-font-size: 1rem}[data-icon-variant=\"20-filled\"][data-icon]::before,[data-icon-variant=\"20-filled\"][data-icon-before]::before,[data-icon-variant-before=\"20-filled\"][data-icon]::before,[data-icon-variant-before=\"20-filled\"][data-icon-before]::before{--icon-font-family: \"icons-20-filled\", \"missing-icons\" !important;--icon-font-size: 1.25rem}[data-icon-variant-after=\"20-filled\"][data-icon-after]::after{--icon-font-family: \"icons-20-filled\", \"missing-icons\" !important;--icon-font-size: 1.25rem}[data-icon-variant=\"24-filled\"][data-icon]::before,[data-icon-variant=\"24-filled\"][data-icon-before]::before,[data-icon-variant-before=\"24-filled\"][data-icon]::before,[data-icon-variant-before=\"24-filled\"][data-icon-before]::before{--icon-font-family: \"icons-24-filled\", \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon-variant-after=\"24-filled\"][data-icon-after]::after{--icon-font-family: \"icons-24-filled\", \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon-variant=\"32-filled\"][data-icon]::before,[data-icon-variant=\"32-filled\"][data-icon-before]::before,[data-icon-variant-before=\"32-filled\"][data-icon]::before,[data-icon-variant-before=\"32-filled\"][data-icon-before]::before{--icon-font-family: \"icons-32-filled\", \"missing-icons\" !important;--icon-font-size: 2rem}[data-icon-variant-after=\"32-filled\"][data-icon-after]::after{--icon-font-family: \"icons-32-filled\", \"missing-icons\" !important;--icon-font-size: 2rem}[data-icon-variant=\"48-filled\"][data-icon]::before,[data-icon-variant=\"48-filled\"][data-icon-before]::before,[data-icon-variant-before=\"48-filled\"][data-icon]::before,[data-icon-variant-before=\"48-filled\"][data-icon-before]::before{--icon-font-family: \"icons-48-filled\", \"missing-icons\" !important;--icon-font-size: 3rem}[data-icon-variant-after=\"48-filled\"][data-icon-after]::after{--icon-font-family: \"icons-48-filled\", \"missing-icons\" !important;--icon-font-size: 3rem}[data-icon-variant=\"64-filled\"][data-icon]::before,[data-icon-variant=\"64-filled\"][data-icon-before]::before,[data-icon-variant-before=\"64-filled\"][data-icon]::before,[data-icon-variant-before=\"64-filled\"][data-icon-before]::before{--icon-font-family: \"icons-64-filled\", \"missing-icons\" !important;--icon-font-size: 4rem}[data-icon-variant-after=\"64-filled\"][data-icon-after]::after{--icon-font-family: \"icons-64-filled\", \"missing-icons\" !important;--icon-font-size: 4rem}@font-face{font-display:block;font-family:\"missing-icons\";src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-empty.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-empty.woff?4r2099\") format(\"woff\")}@font-face{font-display:block;font-family:\"icons-16-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-outline-action.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-outline-action.woff?4r2099\") format(\"woff\");unicode-range:U+002B,U+2212,U+2713}@font-face{font-display:block;font-family:\"icons-16-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-outline-navigation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-outline-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+003C,U+003E,U+2190-2193,U+2303-2304,U+2A2F}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-action.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-action.woff?4r2099\") format(\"woff\");unicode-range:U+002B,U+003F,U+00A7,U+1F441,U+1F5A8,U+1F5B9,U+1F5BC,U+1F5D1,U+1F6C8,U+1F6CD,U+1F6E0,U+219F,U+21A1,U+21A6,U+21C6,U+21E7,U+21E9,U+21F5,U+2212,U+2295,U+229D,U+238C,U+25F9,U+2601,U+2606,U+2661,U+2699,U+270F,U+2713,U+2B73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+23F8,U+25A1,U+25B7,U+293A-293B,U+e1085-e1088,U+e1091,U+e1234,U+e1261-e1259,U+e1262,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-communication.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-communication.woff?4r2099\") format(\"woff\");unicode-range:U+1F5B7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-covid-19.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-covid-19.woff?4r2099\") format(\"woff\");unicode-range:U+e1265}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-facilities.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-facilities.woff?4r2099\") format(\"woff\");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-feature.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-feature.woff?4r2099\") format(\"woff\");unicode-range:U+1F6E4,U+2600,U+271A,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-food.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-food.woff?4r2099\") format(\"woff\");unicode-range:U+1F37D,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-it.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-it.woff?4r2099\") format(\"woff\");unicode-range:U+e1181}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-journey.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-journey.woff?4r2099\") format(\"woff\");unicode-range:U+2488-2489,U+291E,U+29BF,U+2B94,U+e1102-e1104,U+e1106,U+e1108,U+e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-maps.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-maps.woff?4r2099\") format(\"woff\");unicode-range:U+1F17F,U+1F5FA,U+1F78B,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-navigation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+003C,U+003E,U+1030E,U+1F5D8,U+1F862,U+1F865,U+2190-2193,U+22EE-22EF,U+2303-2304,U+2A2F,U+2BBE,U+e1119-e1122}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-notification.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123,U+e1126-e1127}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-seat.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-seat.woff?4r2099\") format(\"woff\");unicode-range:U+1F6CF,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-ticket.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-ticket.woff?4r2099\") format(\"woff\");unicode-range:U+1F907,U+2714,U+e1131-e1132,U+e1134,U+e1136-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-transportation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-outline-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288,U+e928-e929}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-action.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-action.woff?4r2099\") format(\"woff\");unicode-range:U+002B,U+003F,U+00A7,U+1F441,U+1F5A8,U+1F5B9,U+1F5BC,U+1F5D1,U+1F6C8,U+1F6CD,U+1F6E0,U+219F,U+21A1,U+21A6,U+21C6,U+21E7,U+21E9,U+21F5,U+2212,U+2295,U+229D,U+238C,U+25F9,U+2601,U+2606,U+2661,U+2699,U+270F,U+2713,U+2B73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+23F8,U+25A1,U+25B7,U+293A-293B,U+e1085-e1088,U+e1091,U+e1234,U+e1259-e1262,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-communication.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-communication.woff?4r2099\") format(\"woff\");unicode-range:U+1F5B7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-covid-19.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-covid-19.woff?4r2099\") format(\"woff\");unicode-range:U+e1265}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-facilities.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-facilities.woff?4r2099\") format(\"woff\");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-feature.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-feature.woff?4r2099\") format(\"woff\");unicode-range:U+1F6E4,U+2600,U+271A,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-food.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-food.woff?4r2099\") format(\"woff\");unicode-range:U+1F37D,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-it.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-it.woff?4r2099\") format(\"woff\");unicode-range:U+e1181}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-journey.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-journey.woff?4r2099\") format(\"woff\");unicode-range:U+2488-2489,U+291E,U+29BF,U+2B94,U+e1102-e1104,U+e1106,U+e1108,U+e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-maps.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-maps.woff?4r2099\") format(\"woff\");unicode-range:U+1F17F,U+1F5FA,U+1F78B,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-navigation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+003C,U+003E,U+1030E,U+1F5D8,U+1F862,U+1F865,U+2190-2193,U+22EE-22EF,U+2303-2304,U+2A2F,U+2BBE,U+e1119-e1122}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-notification.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123-e1127}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-seat.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-seat.woff?4r2099\") format(\"woff\");unicode-range:U+1F6CF,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-ticket.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-ticket.woff?4r2099\") format(\"woff\");unicode-range:U+1F907,U+2714,U+e1131-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-transportation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-outline-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-action.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-action.woff?4r2099\") format(\"woff\");unicode-range:U+002B,U+003F,U+00A7,U+1F441,U+1F5A8,U+1F5B9,U+1F5BC,U+1F5D1,U+1F6C8,U+1F6CD,U+1F6E0,U+219F,U+21A1,U+21A6,U+21C6,U+21E7,U+21E9,U+21F5,U+2212,U+2295,U+229D,U+238C,U+25F9,U+2601,U+2606,U+2661,U+2699,U+270F,U+2713,U+2B73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+23F8,U+25A1,U+25B7,U+293A-293B,U+e1085-e1088,U+e1091,U+e1234,U+e1259-e1262,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-communication.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-communication.woff?4r2099\") format(\"woff\");unicode-range:U+1F5B7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-covid-19.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-covid-19.woff?4r2099\") format(\"woff\");unicode-range:U+e1265}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-facilities.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-facilities.woff?4r2099\") format(\"woff\");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-feature.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-feature.woff?4r2099\") format(\"woff\");unicode-range:U+1F6E4,U+2600,U+271A,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-food.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-food.woff?4r2099\") format(\"woff\");unicode-range:U+1F37D,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-it.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-it.woff?4r2099\") format(\"woff\");unicode-range:U+e1181}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-journey.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-journey.woff?4r2099\") format(\"woff\");unicode-range:U+2488-2489,U+291E,U+29BF,U+2B94,U+e1102-e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-maps.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-maps.woff?4r2099\") format(\"woff\");unicode-range:U+1F17F,U+1F5FA,U+1F78B,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-navigation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+003C,U+003E,U+1030E,U+1F5D8,U+1F862,U+1F865,U+2190-2193,U+22EE-22EF,U+2303-2304,U+2A2F,U+2BBE,U+e1119-e1122}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-notification.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123-e1127}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-seat.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-seat.woff?4r2099\") format(\"woff\");unicode-range:U+1F6CF,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-ticket.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-ticket.woff?4r2099\") format(\"woff\");unicode-range:U+1F907,U+2714,U+e1131-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-transportation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-outline-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-48-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-48-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-48-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23F8,U+25B7,U+e1296-e1297,U+25A1,U+23EE,U+23ED}@font-face{font-display:block;font-family:\"icons-48-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-48-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-48-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-64-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-64-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-64-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23F8,U+25B7,U+e1296-e1297,U+25A1,U+23EE,U+23ED}@font-face{font-display:block;font-family:\"icons-64-outline\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-64-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-64-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-16-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-action.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-action.woff?4r2099\") format(\"woff\");unicode-range:U+003F,U+1F6C8,U+e1220}@font-face{font-display:block;font-family:\"icons-16-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-navigation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+2BBE}@font-face{font-display:block;font-family:\"icons-16-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-notification.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-16-filled-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-action.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-action.woff?4r2099\") format(\"woff\");unicode-range:U+003F,U+1F5A8,U+1F5BC,U+1F6C8,U+1F6CD,U+1F6E0,U+2295,U+229D,U+2601,U+2606,U+2661,U+270F,U+e1066,U+e1070,U+e1079,U+e1154-e1155,U+e1164-e1166,U+e1214,U+e1220-e1233}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED,U+23EE,U+25A1,U+25B7,U+e1091,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-communication.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-communication.woff?4r2099\") format(\"woff\");unicode-range:U+2370,U+e1095,U+e1172-e1174,U+e1235-e1236}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-feature.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-feature.woff?4r2099\") format(\"woff\");unicode-range:U+1F6E4,U+2600,U+271A,U+e1177-e1179,U+e1289}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-food.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-food.woff?4r2099\") format(\"woff\");unicode-range:U+e1237}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-it.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-it.woff?4r2099\") format(\"woff\");unicode-range:U+e1181}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-journey.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-journey.woff?4r2099\") format(\"woff\");unicode-range:U+e1104,U+e1106,U+e1108,U+e1110,U+e1238}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-maps.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-maps.woff?4r2099\") format(\"woff\");unicode-range:U+1F17F,U+2302,U+e1115-e1116,U+e1157-e1158}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-navigation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+1030E,U+2BBE}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-notification.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-ticket.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-ticket.woff?4r2099\") format(\"woff\");unicode-range:U+e1132,U+e1134,U+e1184}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-transportation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-20-filled-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-action.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-action.woff?4r2099\") format(\"woff\");unicode-range:U+003F,U+1F6C8,U+2295,U+229D,U+2601,U+2606,U+2661,U+e1220,U+e1222,U+e1224-e1225,U+e1231}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+25A1,U+25B7,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-journey.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-journey.woff?4r2099\") format(\"woff\");unicode-range:U+e1104,U+e1106,U+e1108,U+e1110,U+e1238}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-maps.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-maps.woff?4r2099\") format(\"woff\");unicode-range:U+e1157-e1158}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-navigation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+2BBE}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-notification.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-transportation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-24-filled-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-action.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-action.woff?4r2099\") format(\"woff\");unicode-range:U+003F,U+1F6C8,U+2295,U+229D,U+2601,U+2606,U+2661,U+e1220,U+e1222,U+e1224-e1225,U+e1231,U+e904}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+25A1,U+25B7,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-maps.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-maps.woff?4r2099\") format(\"woff\");unicode-range:U+e1157-e1158}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-navigation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+2BBE}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-notification.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-transportation.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-32-filled-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-48-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-48-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-48-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+25B7,U+e1296-e1297,U+25A1,U+23EE,U+23ED}@font-face{font-display:block;font-family:\"icons-64-filled\";font-style:normal;font-weight:normal;src:url(\"~@db-ui/core/dist/icons/functional/fonts/icons-64-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"~@db-ui/core/dist/icons/functional/fonts/icons-64-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+25B7,U+e1296-e1297,U+25A1,U+23EE,U+23ED}.cmp-dropdown.is-account summary::before,.cmp-overflow-menu summary::before,.cmp-dropdown summary::before,.cmp-link-list li .elm-link::before,.cmp-sidenavi .elm-link[rel=help]::before,.cmp-sidenavi .elm-link[rel=calendar]::before,.cmp-sidenavi .elm-link[rel=cloud]::before,.cmp-sidenavi .elm-link[rel=dashboard]::before,.cmp-sidenavi .elm-link[rel=documents]::before,.cmp-sidenavi .elm-link[rel=index]::before,.cmp-pagination .elm-link[rel=next]::before,.cmp-pagination .elm-link[rel=prev]::before,.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after,.cmp-dialog header :is(.elm-link,button).is-close::before,.cmp-sitesearch .elm-button::before,.cmp-sitesearch .elm-label::before,.cmp-mainnavigation li[aria-haspopup=true]::after,.cmp-mainnavigation>label[for]::after,.cmp-mainnavigation>label[for]::before,.cmp-accordion summary::after,.cmp-breadcrumb ol>li:not(:first-child)::before,.cmp-breadcrumb ol>li:first-child::before,.elm-checkbox::before,.elm-link[rel=account]::before,.elm-link[rel=messages]::before,.elm-link[rel=configuration]::before,[data-icon-after]::after,[data-icon]::before,[data-icon-before]::before{-webkit-alt:\"\";alt:\"\";display:inline-block;font-family:var(--icon-font-family) !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:normal;font-weight:var(--icon-font-weight, normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle}@media aural{.cmp-dropdown.is-account summary::before,.cmp-overflow-menu summary::before,.cmp-dropdown summary::before,.cmp-link-list li .elm-link::before,.cmp-sidenavi .elm-link[rel=help]::before,.cmp-sidenavi .elm-link[rel=calendar]::before,.cmp-sidenavi .elm-link[rel=cloud]::before,.cmp-sidenavi .elm-link[rel=dashboard]::before,.cmp-sidenavi .elm-link[rel=documents]::before,.cmp-sidenavi .elm-link[rel=index]::before,.cmp-pagination .elm-link[rel=next]::before,.cmp-pagination .elm-link[rel=prev]::before,.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after,.cmp-dialog header :is(.elm-link,button).is-close::before,.cmp-sitesearch .elm-button::before,.cmp-sitesearch .elm-label::before,.cmp-mainnavigation li[aria-haspopup=true]::after,.cmp-mainnavigation>label[for]::after,.cmp-mainnavigation>label[for]::before,.cmp-accordion summary::after,.cmp-breadcrumb ol>li:not(:first-child)::before,.cmp-breadcrumb ol>li:first-child::before,.elm-checkbox::before,.elm-link[rel=account]::before,.elm-link[rel=messages]::before,.elm-link[rel=configuration]::before,[data-icon-after]::after,[data-icon]::before,[data-icon-before]::before{content:none}}@media speech{.cmp-dropdown.is-account summary::before,.cmp-overflow-menu summary::before,.cmp-dropdown summary::before,.cmp-link-list li .elm-link::before,.cmp-sidenavi .elm-link[rel=help]::before,.cmp-sidenavi .elm-link[rel=calendar]::before,.cmp-sidenavi .elm-link[rel=cloud]::before,.cmp-sidenavi .elm-link[rel=dashboard]::before,.cmp-sidenavi .elm-link[rel=documents]::before,.cmp-sidenavi .elm-link[rel=index]::before,.cmp-pagination .elm-link[rel=next]::before,.cmp-pagination .elm-link[rel=prev]::before,.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after,.cmp-dialog header :is(.elm-link,button).is-close::before,.cmp-sitesearch .elm-button::before,.cmp-sitesearch .elm-label::before,.cmp-mainnavigation li[aria-haspopup=true]::after,.cmp-mainnavigation>label[for]::after,.cmp-mainnavigation>label[for]::before,.cmp-accordion summary::after,.cmp-breadcrumb ol>li:not(:first-child)::before,.cmp-breadcrumb ol>li:first-child::before,.elm-checkbox::before,.elm-link[rel=account]::before,.elm-link[rel=messages]::before,.elm-link[rel=configuration]::before,[data-icon-after]::after,[data-icon]::before,[data-icon-before]::before{content:none}}[data-icon]:not([data-icon-variant])::before,[data-icon-before]:not([data-icon-variant-before])::before,[data-icon-after]:not([data-icon-variant-after])::after{--icon-font-family: icons-24-outline, \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon]::before,[data-icon-before]::before{content:var(--icon-glyph-before);margin-inline-end:var(--icon-margin-after, 0.375rem);font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem))}[data-icon-after]::after{content:var(--icon-glyph-after);margin-inline-start:var(--icon-margin-before, 0.375rem);font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem))}.is-icon-text-replace[data-icon],.is-icon-text-replace[data-icon-before]{font-size:0}.is-icon-text-replace[data-icon]::before,.is-icon-text-replace[data-icon-before]::before{--icon-margin-after: 0}.is-icon-text-replace[data-icon-after]{font-size:0}.is-icon-text-replace[data-icon-after]::after{--icon-margin-before: 0}.elm-button{align-items:center;border:1px solid rgba(0,0,0,0);border-radius:4px;display:inline-flex;font-size:1rem;justify-content:center;min-height:2.75rem;padding:0.5rem 1rem}.elm-button[data-icon],.elm-button[data-icon-before]{padding-left:0.875rem}.elm-button[data-icon-after]{padding-right:0.875rem}.elm-button.is-icon-text-replace{width:2.75rem}.elm-button[data-variant=brand-primary],.elm-button[data-variant=primary]{color:#fff}.elm-button[data-variant=brand-primary],.elm-button[data-variant=primary]{font-weight:700}.elm-button[data-variant=brand-primary]{background-color:#ec0016}.elm-button[data-variant=brand-primary]:disabled{background-color:#ec001640}.elm-button[data-variant=brand-primary]:not(:disabled):hover{background-color:#db0016}.elm-button[data-variant=brand-primary]:not(:disabled):active{background-color:#cc0013}.elm-button[data-variant=primary]{background-color:#282d37}.elm-button[data-variant=primary]:disabled{background-color:#282d3740}.elm-button[data-variant=primary]:not(:disabled):hover{background-color:#2f3541}.elm-button[data-variant=primary]:not(:disabled):active{background-color:#363c4a}.elm-button[data-variant=secondary-outline]{backdrop-filter:blur(4px);background-color:rgba(0,0,0,0);border-color:#282d37;color:#282d37}.elm-button[data-variant=secondary-outline]:disabled{color:#282d3780;border-color:#282d3740}.elm-button[data-variant=secondary-outline]:not(:disabled):hover{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=secondary-outline]:not(:disabled):active{background-color:rgba(40,45,55,.06)}.elm-button[data-variant=secondary-solid]{background-color:#d7dce1;color:#282d37}.elm-button[data-variant=secondary-solid]:disabled{color:#282d3780;background-color:#d7dce140}.elm-button[data-variant=secondary-solid]:not(:disabled):hover{background-color:#cdd4da}.elm-button[data-variant=secondary-solid]:not(:disabled):active{background-color:#c5ccd3}.elm-button[data-variant=tertiary-plain]{background-color:rgba(0,0,0,0);border:2px solid rgba(0,0,0,0);color:#282d37}.elm-button[data-variant=tertiary-plain]:disabled{color:#282d3780}.elm-button[data-variant=tertiary-plain]:not(:disabled):hover{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=tertiary-plain]:not(:disabled):active{background-color:rgba(40,45,55,.06)}.elm-button[data-size=small]{min-height:2.25rem}.elm-button[data-size=small]:not(.is-icon-text-replace){font-size:0.875rem}.elm-button[data-icon][data-size=small]::before,.elm-button[data-icon-before][data-size=small]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-button[data-icon-after][data-size=small]::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-button.is-icon-text-replace[data-size=small]{width:2.25rem}.elm-button[data-size=large]{min-height:3.25rem}.elm-button[data-size=large]:not(.is-icon-text-replace){font-size:1.25rem}.elm-button.is-icon-text-replace[data-size=large]{width:3.25rem}.elm-button:disabled{color:#ffffff80}.elm-button[data-width=full]{inline-size:100%}.elm-headline{text-wrap:balance;margin-bottom:1rem;margin-top:1.5rem}.elm-headline[data-pulse]::after{background:var(--db-pulse-background, #ec0016);border-radius:calc(var(--db-logo-height, 40px)/7*.5);content:\"\";display:block;margin-bottom:var(--db-pulse-margin-bottom, 14px);margin-top:calc(var(--db-logo-height, 40px)*.5);width:var(--db-logo-width, 58px);height:calc(var(--db-logo-height, 40px)/7)}h1.elm-headline,h2.elm-headline,h3.elm-headline{font-family:\"DB Screen Head\",Helvetica,Arial,sans-serif;font-weight:900}h1.elm-headline{font-size:2.25rem;line-height:1.1111111111}@media screen and (max-width: 767px){h1.elm-headline{font-size:1.75rem;line-height:1.14}}h2.elm-headline{font-size:1.5rem;line-height:1.1666666667}@media screen and (max-width: 767px){h2.elm-headline{font-size:1.25rem;line-height:1.2}}h3.elm-headline{font-size:1.25rem;line-height:1.2}@media screen and (max-width: 767px){h3.elm-headline{font-size:1.125rem;line-height:1.33}}h4.elm-headline{font-size:1.125rem;font-weight:400;line-height:1.3333333333}@media screen and (max-width: 767px){h4.elm-headline{font-size:1rem;line-height:1.25}}.elm-link{border-radius:0.25rem;display:inline-block;text-underline-offset:0.1875rem;text-underline-position:under}@supports(text-underline-offset: 3px){.elm-link{text-underline-position:auto}}.elm-link:active{color:initial}.elm-link[aria-disabled=true]{opacity:.4;pointer-events:none}.elm-link[aria-disabled=true]::before{color:initial}.elm-link[data-size=small]:not(.is-icon-text-replace){font-size:0.875rem}.elm-link[rel][data-size=small]::before,.elm-link[data-icon][data-size=small]::before,.elm-link[data-icon-before][data-size=small]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-link[data-icon-after][data-size=small]::after::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-link[rel=configuration]{--icon-glyph-before: \"⚙\"}.elm-link[rel=configuration]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.elm-link[rel=configuration]::before{content:var(--icon-glyph-before)/\"\"}}.elm-link[rel=messages]{--icon-glyph-before: \"󡈶\"}.elm-link[rel=messages]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.elm-link[rel=messages]::before{content:var(--icon-glyph-before)/\"\"}}.elm-link[rel=account]{--icon-glyph-before: \"󡈡\"}.elm-link[rel=account]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.elm-link[rel=account]::before{content:var(--icon-glyph-before)/\"\"}}.elm-link[rel=configuration]::before,.elm-link[rel=messages]::before,.elm-link[rel=account]::before{display:inline-block}.elm-logo{width:var(--db-logo-width, 58px);height:var(--db-logo-height, 40px)}.elm-logo[data-size=xsmall]{--db-logo-width: 20px;--db-logo-height: 14px}body:has(.elm-logo[data-size=xsmall]) .elm-headline[data-pulse]{--db-logo-width: 20px;--db-logo-height: 14px}.elm-logo[data-size=xsmall]~.elm-headline[data-pulse]{--db-logo-width: 20px;--db-logo-height: 14px}.elm-logo[data-size=small]{--db-logo-width: 29px;--db-logo-height: 20px}body:has(.elm-logo[data-size=small]) .elm-headline[data-pulse]{--db-logo-width: 29px;--db-logo-height: 20px}.elm-logo[data-size=small]~.elm-headline[data-pulse]{--db-logo-width: 29px;--db-logo-height: 20px}.elm-logo[data-size=medium]{--db-logo-width: 34px;--db-logo-height: 24px}body:has(.elm-logo[data-size=medium]) .elm-headline[data-pulse]{--db-logo-width: 34px;--db-logo-height: 24px}.elm-logo[data-size=medium]~.elm-headline[data-pulse]{--db-logo-width: 34px;--db-logo-height: 24px}.elm-logo[data-size=large]{--db-logo-width: 40px;--db-logo-height: 28px}body:has(.elm-logo[data-size=large]) .elm-headline[data-pulse]{--db-logo-width: 40px;--db-logo-height: 28px}.elm-logo[data-size=large]~.elm-headline[data-pulse]{--db-logo-width: 40px;--db-logo-height: 28px}.elm-logo[data-size=xlarge]{--db-logo-width: 56px;--db-logo-height: 40px}body:has(.elm-logo[data-size=xlarge]) .elm-headline[data-pulse]{--db-logo-width: 56px;--db-logo-height: 40px}.elm-logo[data-size=xlarge]~.elm-headline[data-pulse]{--db-logo-width: 56px;--db-logo-height: 40px}.elm-select,.elm-textarea,.elm-input{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-textarea~.description,.elm-input~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-textarea[data-variant=semitransparent],:where(.elm-textarea),:not(.cmp-sitesearch)>.elm-input[type=search],.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]){--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-textarea[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-textarea:not([aria-invalid]):user-valid,.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-textarea:not([aria-invalid]):user-invalid,.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week]{--formElement---borderColor: #ec0016}.elm-textarea+output:has(+.description),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-textarea+output:not(:has(+.description)),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output+.description,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-radio:has(+label)::after,.elm-checkbox:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-checkbox{--db-form-element-dimensions: var( --db-checkbox-dimensions, 1.5rem );align-content:center;appearance:none;background-color:hsla(0,0%,100%,.1);border:0.0625rem solid #282d37;border-radius:4px;color:#282d37;display:inline-flex;height:var(--db-form-element-dimensions);justify-content:center;width:var(--db-form-element-dimensions)}.elm-checkbox{--icon-glyph-before: \" \"}.elm-checkbox::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.elm-checkbox::before{content:var(--icon-glyph-before)/\"\"}}.elm-checkbox[type=checkbox]{vertical-align:top}.elm-checkbox::before{--icon-font-size: 1.375rem;margin-right:0}.elm-checkbox:checked{background-color:#282d37}.elm-checkbox:checked::before{color:#fff;content:\"✓\"}.elm-checkbox:enabled:hover{background-color:rgba(40,45,55,.14)}.elm-checkbox:enabled:hover:checked{background-color:#52575f}.elm-checkbox:enabled:active{background-color:rgba(40,45,55,.14)}.elm-checkbox:indeterminate::before{content:\"−\"}.elm-checkbox:disabled,.elm-checkbox:disabled+label{opacity:.5}.elm-checkbox+label{padding-inline-start:.25rem}.elm-select,.elm-textarea,.elm-input{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-textarea~.description,.elm-input~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-textarea[data-variant=semitransparent],:where(.elm-textarea),:not(.cmp-sitesearch)>.elm-input[type=search],.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]){--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-textarea[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-textarea:not([aria-invalid]):user-valid,.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-textarea:not([aria-invalid]):user-invalid,.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week]{--formElement---borderColor: #ec0016}.elm-textarea+output:has(+.description),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-textarea+output:not(:has(+.description)),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output+.description,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-radio:has(+label)::after,.elm-checkbox:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-input{color:#282d37;font-size:1rem;height:2.75rem;line-height:1.5rem;max-width:100%;width:100%;padding-inline:1rem}.elm-input:not(:has(+label[data-label-hidden=true])){padding-block:.5rem}.elm-input[list]::-webkit-calendar-picker-indicator{margin-right:-1rem}.elm-input:not(:placeholder-shown){padding-bottom:0}.elm-input:not(:placeholder-shown):not(:has(+label[data-label-hidden=true])){padding-top:1rem}.elm-input:focus:not(:disabled),.elm-input:hover:not(:disabled){--formElement---borderColor: #878c96}.elm-input:disabled,.elm-input:disabled+.elm-label,fieldset:disabled .elm-input,fieldset:disabled .elm-input+.elm-label{opacity:.4}.elm-input[type=color]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=date]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=datetime-local]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=email]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=month]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=number]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=password]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=tel]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=text]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=time]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=url]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=week]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label{transition:opacity,transform 250ms}@media(prefers-reduced-motion: reduce){.elm-input[type=color]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=date]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=datetime-local]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=email]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=month]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=number]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=password]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=tel]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=text]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=time]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=url]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=week]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label{transition-duration:.01s !important}}.elm-input[type=color]+.elm-label,.elm-input[type=date]+.elm-label,.elm-input[type=datetime-local]+.elm-label,.elm-input[type=email]+.elm-label,.elm-input[type=month]+.elm-label,.elm-input[type=number]+.elm-label,.elm-input[type=password]+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label,.elm-input[type=tel]+.elm-label,.elm-input[type=text]+.elm-label,.elm-input[type=time]+.elm-label,.elm-input[type=url]+.elm-label,.elm-input[type=week]+.elm-label{color:#646973;display:block;font-size:0.75rem;margin-bottom:-1.125rem;transform:translate(1rem, -2.5625rem)}.elm-input[type=color]+.elm-label+output,.elm-input[type=color]+.elm-label~.description,.elm-input[type=date]+.elm-label+output,.elm-input[type=date]+.elm-label~.description,.elm-input[type=datetime-local]+.elm-label+output,.elm-input[type=datetime-local]+.elm-label~.description,.elm-input[type=email]+.elm-label+output,.elm-input[type=email]+.elm-label~.description,.elm-input[type=month]+.elm-label+output,.elm-input[type=month]+.elm-label~.description,.elm-input[type=number]+.elm-label+output,.elm-input[type=number]+.elm-label~.description,.elm-input[type=password]+.elm-label+output,.elm-input[type=password]+.elm-label~.description,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label+output,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label~.description,.elm-input[type=tel]+.elm-label+output,.elm-input[type=tel]+.elm-label~.description,.elm-input[type=text]+.elm-label+output,.elm-input[type=text]+.elm-label~.description,.elm-input[type=time]+.elm-label+output,.elm-input[type=time]+.elm-label~.description,.elm-input[type=url]+.elm-label+output,.elm-input[type=url]+.elm-label~.description,.elm-input[type=week]+.elm-label+output,.elm-input[type=week]+.elm-label~.description{margin-top:0}.elm-input[type=color][placeholder]:placeholder-shown+label,.elm-input[type=date][placeholder]:placeholder-shown+label,.elm-input[type=datetime-local][placeholder]:placeholder-shown+label,.elm-input[type=email][placeholder]:placeholder-shown+label,.elm-input[type=month][placeholder]:placeholder-shown+label,.elm-input[type=number][placeholder]:placeholder-shown+label,.elm-input[type=password][placeholder]:placeholder-shown+label,:where(:not(.cmp-sitesearch))>.elm-input[type=search][placeholder]:placeholder-shown+label,.elm-input[type=tel][placeholder]:placeholder-shown+label,.elm-input[type=text][placeholder]:placeholder-shown+label,.elm-input[type=time][placeholder]:placeholder-shown+label,.elm-input[type=url][placeholder]:placeholder-shown+label,.elm-input[type=week][placeholder]:placeholder-shown+label{opacity:0}.elm-input[type=color]::placeholder,.elm-input[type=date]::placeholder,.elm-input[type=datetime-local]::placeholder,.elm-input[type=email]::placeholder,.elm-input[type=month]::placeholder,.elm-input[type=number]::placeholder,.elm-input[type=password]::placeholder,:where(:not(.cmp-sitesearch))>.elm-input[type=search]::placeholder,.elm-input[type=tel]::placeholder,.elm-input[type=text]::placeholder,.elm-input[type=time]::placeholder,.elm-input[type=url]::placeholder,.elm-input[type=week]::placeholder{color:#646973}.elm-input[type=search]{background:var(--db-ic-search-24, url(~@db-ui/core/dist/icons/functional/images/action/db_ic_search_24.svg)) no-repeat 0.375rem 0.75rem;background-size:1.1875rem;padding-left:2rem}:not(.cmp-sitesearch)>.elm-input[type=search]+.elm-label{margin-left:1rem}.elm-loadingindicator{display:block}.elm-loadingindicator{animation:loadingindicator-rotate 3s linear infinite;color:#ec0016}.elm-loadingindicator[data-size=xl]{--loadingindicator--stroke-width: 2.5384615385px;--loadingindicator--r: 19px;height:52px;width:52px}.elm-loadingindicator[data-size=l]{--loadingindicator--stroke-width: 3px;--loadingindicator--r: 19px;height:44px;width:44px}.elm-loadingindicator{--loadingindicator--stroke-width: 3.6666666667px;--loadingindicator--r: 19px;height:36px;width:36px}.elm-loadingindicator[data-size=s]{--loadingindicator--stroke-width: 3.1428571429px;--loadingindicator--r: 19px;height:28px;width:28px}.elm-loadingindicator[data-size=xs]{--loadingindicator--stroke-width: 4.4px;--loadingindicator--r: 19px;height:20px;width:20px}.elm-loadingindicator__circle{animation:loadingindicator-stroke 1.5s ease-in-out infinite;r:var(--loadingindicator--r);stroke:currentcolor;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;stroke-width:var(--loadingindicator--stroke-width)}@keyframes loadingindicator-rotate{100%{transform:rotate(360deg)}}@keyframes loadingindicator-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:96,200;stroke-dashoffset:-32}100%{stroke-dasharray:96,200;stroke-dashoffset:-124}}.elm-progress progress{--progress-value--backgroundColor: #ec0016}.elm-progress progress{appearance:none;background-color:#fcfdfd;border:none;height:0.25rem;vertical-align:middle}.elm-progress progress::-webkit-progress-bar{background-color:#fcfdfd}.elm-progress progress::-webkit-progress-value{background-color:var(--progress-value--backgroundColor)}.elm-progress progress::-moz-progress-bar{background-color:var(--progress-value--backgroundColor)}.elm-progress progress::-ms-fill{background-color:var(--progress-value--backgroundColor);border:none}.elm-progress progress:not([style^=\"--progress-conic:\"])::-webkit-progress-value{border-radius:12px}.elm-progress progress:not([style^=\"--progress-conic:\"])::-moz-progress-bar{border-radius:12px}.elm-progress progress:not([style^=\"--progress-conic:\"])::-ms-fill{border-radius:12px}.elm-progress progress:indeterminate{animation-duration:2.1s;animation-iteration-count:infinite;animation-name:elmProgressMoveIndeterminate;animation-timing-function:linear;animation-timing-function:cubic-bezier(0.65, 0.815, 0.735, 0.395);background-color:#fcfdfd;background-image:linear-gradient(to right, #ec0016 100%, #fcfdfd 100%);background-position:top left;background-repeat:no-repeat;background-size:150% 150%}@media(prefers-reduced-motion: reduce){.elm-progress progress:indeterminate{animation-duration:15s}}.elm-progress progress:indeterminate::-webkit-progress-bar{background-color:rgba(0,0,0,0)}.elm-progress progress:indeterminate::-moz-progress-bar{background-color:rgba(0,0,0,0)}@supports(background: conic-gradient(#000, #fff)){.elm-progress progress[style^=\"--progress-conic:\"]{--fill: calc(var(--progress-conic) * 1%);background:conic-gradient(var(--progress-value--backgroundColor) var(--fill), #fff 0);border:0;border-radius:50%;height:4.6875rem;width:4.6875rem}.elm-progress progress[style^=\"--progress-conic:\"]::-webkit-progress-inner-element,.elm-progress progress[style^=\"--progress-conic:\"]::-webkit-progress-bar,.elm-progress progress[style^=\"--progress-conic:\"]::-webkit-progress-value{display:none}.elm-progress progress[style^=\"--progress-conic:\"]::-moz-progress-bar{background:none}.elm-progress progress[style^=\"--progress-conic:\"]+output,.elm-progress progress[style^=\"--progress-conic:\"]+label{align-items:center;background:#fdfdfd;border-radius:50%;display:block;display:flex;height:3.4375rem;justify-content:center;position:absolute;transform:translate(0.625rem, -4.0625rem);width:3.4375rem}}@keyframes elmProgressMoveIndeterminate{0%{background-position:-35% 0;background-size:35% 100%}60%{background-position:101% 0;background-size:65% 100%}100%{background-position:101% 0;background-size:1% 100%}}.elm-select,.elm-textarea,.elm-input{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-textarea~.description,.elm-input~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-textarea[data-variant=semitransparent],:where(.elm-textarea),:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-textarea[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-textarea:not([aria-invalid]):user-valid,.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-textarea:not([aria-invalid]):user-invalid,.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week]{--formElement---borderColor: #ec0016}.elm-textarea+output:has(+.description),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-textarea+output:not(:has(+.description)),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output+.description,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-radio:has(+label)::after,.elm-checkbox:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-radio{--db-form-element-dimensions: var( --db-radio-dimensions, 1.25em );appearance:none;background-color:hsla(0,0%,100%,.1);border:0.0625rem solid #282d37;border-radius:1em;display:inline-block;font-size:1rem;height:var(--db-form-element-dimensions);transition:border-width .5s ease;width:var(--db-form-element-dimensions)}.elm-radio[type=radio]{vertical-align:sub}.elm-radio:enabled:hover:not(:checked){background-color:rgba(40,45,55,.14)}.elm-radio:enabled:active{background-color:rgba(40,45,55,.3)}.elm-radio:checked{border-width:0.375em}.elm-radio:is(:user-invalid),.elm-radio[aria-invalid=true]{border-color:#c13e34}.elm-radio+label{padding-inline-start:.25rem}.elm-radio:disabled,.elm-radio:disabled+label{opacity:.5}@media(prefers-reduced-motion: reduce){.elm-radio{transition-duration:.01s !important}}.elm-select,.elm-textarea,.elm-input{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-textarea~.description,.elm-input~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-textarea[data-variant=semitransparent],:where(.elm-textarea),:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-textarea[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-textarea:not([aria-invalid]):user-valid,.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-textarea:not([aria-invalid]):user-invalid,.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week]{--formElement---borderColor: #ec0016}.elm-textarea+output:has(+.description),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-textarea+output:not(:has(+.description)),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output+.description,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-checkbox:has(+label)::after,.elm-radio:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-textarea{display:block;font-size:1rem;height:2.75rem;line-height:1.5rem;max-width:100%;padding:0.375rem 0.625rem;resize:vertical;width:100%}.elm-textarea:not([rows]){max-height:37.5rem;min-height:7.5rem}.elm-textarea[rows]{height:initial}.elm-textarea:focus:not(:disabled),.elm-textarea:hover:not(:disabled){--formElement---borderColor: #878c96}.elm-textarea:disabled,.elm-textarea:disabled+.elm-label,fieldset:disabled .elm-textarea,fieldset:disabled .elm-textarea+.elm-label{opacity:.4}.elm-select,.elm-input,.elm-textarea{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-input~.description,.elm-textarea~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search],:where(.elm-textarea),.elm-textarea[data-variant=semitransparent]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white],.elm-textarea[data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid],.elm-textarea[data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline],.elm-textarea[data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid,.elm-textarea:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid,.elm-textarea:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week],[aria-invalid=true].elm-textarea{--formElement---borderColor: #ec0016}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description),.elm-textarea+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)),.elm-textarea+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description,.elm-textarea+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-checkbox:has(+label)::after,.elm-radio:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-select{appearance:none;font-size:1rem}.elm-select::-ms-expand{display:none}.elm-select:not([multiple]){background-image:var(--db-ic-expand-more-20, url(~@db-ui/core/dist/icons/functional/images/navigation/db_ic_expand_more_20.svg));background-position:right 0.6875rem center;background-repeat:no-repeat;height:2.75rem;padding:1.25rem 2.625rem 0 1rem}.elm-select:not([multiple]):has(+label[data-label-hidden=true]){padding-top:0}.elm-select:not([multiple])+.elm-label{pointer-events:none;position:absolute;transition:opacity,transform 250ms}@media(prefers-reduced-motion: reduce){.elm-select:not([multiple])+.elm-label{transition-duration:.01s !important}}.elm-select:not([multiple]):has(option:checked:empty)+.elm-label{color:#646973;font-size:1rem;transform:translate(1rem, -2.1875rem)}.elm-select:not([multiple]):not([aria-invalid]):is(:user-valid),.elm-select:not([multiple])[data-variant]  :not([aria-invalid]):is(:user-valid){--formElement---borderColor: #2a7230}.elm-select:not([multiple]):not([aria-invalid]):is(:user-invalid),.elm-select:not([multiple])[data-variant]  :not([aria-invalid]):is(:user-invalid){--formElement---borderColor: #ec0016}.elm-select:disabled,.elm-select:disabled+.elm-label,fieldset:disabled .elm-select,fieldset:disabled .elm-select+.elm-label{opacity:.4}.elm-select+.elm-label{display:block;font-size:0.75rem;margin-bottom:-1.125rem;transform:translate(1rem, -2.5625rem);transition:opacity,transform 150ms}@media(prefers-reduced-motion: reduce){.elm-select+.elm-label{transition-duration:.01s !important}}.elm-select[multiple]{margin-top:1rem}.elm-select[multiple]+.elm-label{transform:translate(1rem, -6.25rem)}.elm-select optgroup{background-color:rgba(0,0,0,0);font-style:normal}.elm-select option:not(:disabled):hover{background-color:#d7dce1}.elm-select option:checked{background-color:#d7dce1}.elm-chip+label{--db-focus-outline-size: max(2px, 0.08em);align-items:center;border:solid 1px #878c96;border-radius:0.25rem;display:inline-flex;font-weight:500;font-size:0.875rem;height:1.75rem;justify-content:center;padding-left:0.4375rem;padding-right:0.4375rem;text-decoration:none;text-transform:capitalize;white-space:nowrap}.elm-chip+label[data-icon]::before,.elm-chip+label[data-icon-before]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-chip+label[data-icon-after]::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-chip:not(:disabled,:checked)+label:hover{background-color:rgba(40,45,55,.03)}.elm-chip:checked+label{background-color:#282d37;border-color:rgba(0,0,0,0);color:#fff}.elm-chip:checked+label[data-variant=light]{background-color:#d7dce1;color:#282d37;border:1px solid #878c96}.elm-chip:checked+label[data-variant=warning]{background-color:#f75f00}.elm-chip:checked+label[data-variant=error]{background-color:#ec0016}.elm-chip:checked+label[data-variant=informative]{background-color:#0087b9}.elm-chip:checked+label[data-variant=success]{background-color:#508b1b}.elm-chip:checked+label[data-variant=poi-essen-trinken]{background-color:#f39200;color:#282d37}.elm-chip:checked+label[data-variant=poi-einkaufen]{background-color:#814997}.elm-chip:checked+label[data-variant=poi-gesundheit]{background-color:#a9455d}.elm-chip:checked+label[data-variant=poi-kunst-kultur]{background-color:#e93e8f}.elm-chip:checked+label[data-variant=poi-wissenswertes]{background-color:#858379}.elm-chip:checked+label[data-variant=poi-freizeit]{background-color:#408335}.elm-chip:checked+label[data-variant=poi-zivile-rel-einrichtungen]{background-color:#00a099}.elm-chip:checked+label[data-variant=poi-dienstleistungen]{background-color:#309fd1;color:#282d37}.elm-chip:checked+label[data-variant=poi-db-services-einrichtung]{background-color:#0c3992}.elm-chip:checked+label[data-variant=poi-wegeleitung]{background-color:#3c414b}.elm-chip:disabled+label{opacity:.5}.elm-chip:focus-visible+label{outline:var(--db-focus-outline-size) var(--db-focus-outline-style, solid) var(--db-focus-outline-color, currentColor);outline-offset:var(--db-focus-outline-offset, var(--db-focus-outline-size))}.elm-tag{align-items:center;background-color:#282d37;border-radius:0.25rem;color:#fff;display:inline-flex;font-weight:500;font-size:0.75rem;height:1.5rem;justify-content:center;padding-left:0.25rem;padding-right:0.25rem;text-transform:capitalize;white-space:nowrap}.elm-tag[data-size=small]{height:1.25rem}.elm-tag[data-variant=light]{background-color:#d7dce1;color:#282d37;border:1px solid #878c96}.elm-tag[data-variant=warning]{background-color:#cc4e00}.elm-tag[data-variant=error]{background-color:#db0014}.elm-tag[data-variant=informative]{background-color:#006a96}.elm-tag[data-variant=success]{background-color:#467a18}.elm-tag[data-variant=track]{background-color:#0a1e6e;font-weight:700}.elm-tag[data-variant=poi-essen-trinken]{background-color:#f39200;color:#282d37}.elm-tag[data-variant=poi-einkaufen]{background-color:#814997}.elm-tag[data-variant=poi-gesundheit]{background-color:#a9455d}.elm-tag[data-variant=poi-kunst-kultur]{background-color:#e93e8f}.elm-tag[data-variant=poi-wissenswertes]{background-color:#858379}.elm-tag[data-variant=poi-freizeit]{background-color:#408335}.elm-tag[data-variant=poi-zivile-rel-einrichtungen]{background-color:#00a099}.elm-tag[data-variant=poi-dienstleistungen]{background-color:#309fd1;color:#282d37}.elm-tag[data-variant=poi-db-services-einrichtung]{background-color:#0c3992}.elm-tag[data-variant=poi-wegeleitung]{background-color:#3c414b}.elm-tag[data-icon]::before,.elm-tag[data-icon-before]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-tag[data-icon]::before,.elm-tag[data-icon-before]::before{--icon-margin-after: 0.125rem}.elm-tag[data-icon-after]::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-tag[data-icon-after]::after{--icon-margin-before: 0.125rem}.elm-toggle{appearance:none;background-color:#646973;border:none;border-radius:0.75rem;display:inline-block;height:1.5rem;position:relative;transition:background-color .3s ease;width:3rem}@media(prefers-reduced-motion: reduce){.elm-toggle{transition-duration:.01s !important}}.elm-toggle+.elm-label{vertical-align:top}.elm-toggle::before{background-color:#fff;border-radius:0.625rem;box-shadow:0 5px 30px 0 rgba(0,0,0,.05),0 1px 5px 0 rgba(0,0,0,.15);content:\"\";display:block;height:1.25rem;left:0.125rem;position:absolute;top:0.125rem;transition:border-color,left .3s cubic-bezier(0.3, 1.5, 0.7, 1);width:1.25rem}@media(prefers-reduced-motion: reduce){.elm-toggle::before{transition-duration:.01s !important}}.elm-toggle:hover::before{background-color:#f7f7f7}.elm-toggle:active::before{transition:width .3s cubic-bezier(0.3, 1.5, 0.7, 1);width:1.5rem}@media(prefers-reduced-motion: reduce){.elm-toggle:active::before{transition-duration:.01s !important}}.elm-toggle:checked{background-color:#131821}.elm-toggle:checked::before{left:unset;right:0.125rem}.elm-toggle:disabled,.elm-toggle:disabled+label{opacity:.5}.elm-youtube{height:19.6875rem;width:35rem}.cmp-breadcrumb{color:#646973;font-size:0.75rem}.cmp-breadcrumb a{color:inherit}.cmp-breadcrumb ol{display:flex}.cmp-breadcrumb ol>li{align-items:center;display:inline-flex;margin-right:0.1875rem}.cmp-breadcrumb ol>li [aria-current=location],.cmp-breadcrumb ol>li [aria-current=page]{color:#282d37}.cmp-breadcrumb ol>li .elm-link{border-radius:0.25rem;padding:0.0625rem 0.1875rem 0.0625rem 0.25rem;text-decoration:none}.cmp-breadcrumb ol>li .elm-link:hover{background-color:rgba(40,45,55,.03)}.cmp-breadcrumb ol>li .elm-link:active{background-color:rgba(40,45,55,.06)}.cmp-breadcrumb ol>li:first-child{--icon-glyph-before: \"⌂\"}.cmp-breadcrumb ol>li:first-child::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.25rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-breadcrumb ol>li:first-child::before{content:var(--icon-glyph-before)/\"\"}}.cmp-breadcrumb ol>li:first-child::before{--icon-margin-after: 0.1875rem}.cmp-breadcrumb ol>li:not(:first-child){--icon-glyph-before: \">\"}.cmp-breadcrumb ol>li:not(:first-child)::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.25rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-breadcrumb ol>li:not(:first-child)::before{content:var(--icon-glyph-before)/\"\"}}.cmp-breadcrumb ol>li:not(:first-child)::before{--icon-font-size: 0.875rem;--icon-margin-after: 0;color:#878c96;margin-left:-0.125rem}.cmp-cards{list-style:none;margin:0;padding:0}@supports(display: grid){.cmp-cards{display:grid;grid-gap:1.5rem;grid-template-columns:repeat(auto-fill, minmax(21.25rem, 1fr))}}.cmp-card{background-color:#fff;border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05)}.cmp-card>a{text-decoration:none}.cmp-card figure{margin:1rem 1rem 1rem .5rem}.cmp-card[data-variant=banner] figure{display:flex}.cmp-card[data-variant=banner] figcaption{margin-left:1rem}.cmp-card[data-variant=banner] figcaption h1,.cmp-card[data-variant=banner] figcaption h2,.cmp-card[data-variant=banner] figcaption h3,.cmp-card[data-variant=banner] figcaption h4,.cmp-card[data-variant=banner] figcaption h5,.cmp-card[data-variant=banner] figcaption h6{font-size:1.125rem}.cmp-card[data-variant=banner] figcaption h1,.cmp-card[data-variant=banner] figcaption h1~p,.cmp-card[data-variant=banner] figcaption h2,.cmp-card[data-variant=banner] figcaption h2~p,.cmp-card[data-variant=banner] figcaption h3,.cmp-card[data-variant=banner] figcaption h3~p,.cmp-card[data-variant=banner] figcaption h4,.cmp-card[data-variant=banner] figcaption h4~p,.cmp-card[data-variant=banner] figcaption h5,.cmp-card[data-variant=banner] figcaption h5~p,.cmp-card[data-variant=banner] figcaption h6,.cmp-card[data-variant=banner] figcaption h6~p{margin:.125rem 0}.cmp-card[data-variant=banner] figcaption p{font-size:0.875rem;max-width:18.125rem}.cmp-card[data-variant=tile]{text-align:center}.cmp-card figcaption{max-width:60ch}.cmp-accordion{--db-accordion---paddingLeft: 1rem;border-bottom:1px solid #d7dce1;padding-left:var(--db-accordion---paddingLeft);padding-right:1rem}.cmp-accordion summary{align-items:center;display:flex;justify-content:space-between;padding-block:.75rem;transform:translateX(calc(var(--db-accordion---paddingLeft) * -1));width:calc(100% + var(--db-accordion---paddingLeft) + 1rem)}.cmp-accordion summary{--icon-glyph-after: \"⌄\"}.cmp-accordion summary::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem));margin-inline-start:var(--icon-margin-before, 0.375rem);content:var(--icon-glyph-after)}@supports(content: \"\"/\"\"){.cmp-accordion summary::after{content:var(--icon-glyph-after)/\"\"}}.cmp-accordion summary::-webkit-details-marker{display:none}.cmp-accordion summary:first-of-type{list-style-type:none}.cmp-accordion summary::after{--icon-margin-before: 0.5rem;margin-right:0.875rem}.cmp-accordion summary+p{margin-top:0}.cmp-accordion[open]>summary::after{content:\"⌃\"}.cmp-accordion[data-emphasis=high]{--db-accordion---paddingLeft: 1.5rem}.cmp-accordion[data-emphasis=high] summary{font-weight:700;height:3.5rem}.cmp-accordion[data-emphasis=high] summary::after{--icon-font-size: 2rem}.cmp-accordion[data-size=small]{--db-accordion---paddingLeft: 0.25rem}.cmp-accordion[data-size=small] summary{font-size:0.875rem;padding-block:.59375rem}.cmp-accordion[data-size=small] summary::after{--icon-font-size: 1.25rem;--icon-margin-after: 0.375rem;margin-left:0.375rem}.cmp-accordion[data-size=large]{--db-accordion---paddingLeft: 1.5rem}.cmp-accordion[data-size=large] summary{font-size:1.25rem;padding-block:1rem}.cmp-accordion[data-size=large] summary::after{--icon-font-size: 2rem}.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch::before,.cmp-mainnavigation::before{position:absolute;content:\"\";width:1px;height:1.5rem;background-color:rgba(40,45,55,.2);inset-block-start:50%;transform:translateY(-50%)}.cmp-mainnavigation{top:0;padding-inline-start:1.5rem;position:relative}.cmp-mainnavigation::before{inset-inline-start:0}.rea-header .cmp-mainnavigation{order:1}@supports not selector(:has(db)){.cmp-mainnavigation{margin:auto}}.cmp-mainnavigation .elm-link{border-radius:initial;color:inherit;display:inline-block;text-decoration:none}.cmp-mainnavigation>input[type=checkbox][id]{appearance:none;position:absolute;block-size:1.5rem;aspect-ratio:1/1}@media screen and (width > 1023px){.cmp-mainnavigation>input[type=checkbox][id],.cmp-mainnavigation>input[type=checkbox][id]+label[for]{display:none}}.cmp-mainnavigation>label[for]{background-color:#fdfdfd;border-bottom:1px solid #f5f4f1;display:block;padding:0.5rem 1.375rem 0.625rem}.cmp-mainnavigation>label[for]{--icon-glyph-before: \"󡄢\"}.cmp-mainnavigation>label[for]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-mainnavigation>label[for]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-mainnavigation>label[for]{--icon-glyph-after: \"⨯\"}.cmp-mainnavigation>label[for]::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem));margin-inline-start:var(--icon-margin-before, 0.375rem);content:var(--icon-glyph-after)}@supports(content: \"\"/\"\"){.cmp-mainnavigation>label[for]::after{content:var(--icon-glyph-after)/\"\"}}.cmp-mainnavigation>label[for]::before{margin-right:1rem}.cmp-mainnavigation>label[for]::after{margin-right:1rem}@media screen and (max-width: 1023px){.cmp-mainnavigation{z-index:30}.cmp-mainnavigation>input[type=checkbox][id]+label[for]{padding:0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]{font-size:0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]::before{--icon-margin-after: 0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]::before,.cmp-mainnavigation>input[type=checkbox][id]+label[for]::after{margin:0}.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)+label[for]::after{content:none}.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)~ul{display:none}.cmp-mainnavigation>input[type=checkbox][id]:checked{inset-inline-end:1.5rem;inset-block-start:1rem;position:absolute;z-index:50}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]{background-color:#fff;block-size:3.5rem}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]::after{padding:.5rem;inset-inline-end:1rem;inset-block-start:.5rem;position:absolute;z-index:50}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]::before{content:\"\";position:fixed;inset:0;z-index:30;background-color:#282d37;opacity:.8}.cmp-mainnavigation:has(>input[type=checkbox][id]:not(:checked)){position:absolute;inset-inline-end:1.5rem;inset-block-start:50%;transform:translateY(-50%);padding-inline-start:1rem}.cmp-mainnavigation:has(>input[type=checkbox][id]:checked){position:fixed;inset:0;padding:0;margin-inline-start:1.5rem}.cmp-mainnavigation:has(>input[type=checkbox][id]:checked)::after{content:\"\";width:100%;block-size:3.5rem;background-color:#fff;inset:0;position:absolute;z-index:30;border-bottom:1px solid rgba(40,45,55,.2);border-top-left-radius:4px}}.cmp-mainnavigation ul{background-color:#fdfdfd}@media screen and (width > 1023px){.cmp-mainnavigation ul ul{box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);position:absolute;visibility:hidden;z-index:70}}@media screen and (max-width: 1023px){.cmp-mainnavigation ul ul{display:none}}@media screen and (max-width: 1023px){.cmp-mainnavigation>ul{background-color:#fff;position:absolute;inset-inline:0;inset-block-end:0;inset-block-start:3.5rem;z-index:50;padding:.75rem;margin-block-end:3.5rem;overflow:auto}}@media screen and (width > 1023px){.cmp-mainnavigation>ul{display:flex;gap:.75rem}}@media screen and (width > 1023px){.cmp-mainnavigation>ul>li>.elm-link,.cmp-mainnavigation>ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li>*>.elm-link{height:2.5rem;padding:.5rem .75rem;border-radius:4px}.cmp-mainnavigation>ul>li>.elm-link:hover,.cmp-mainnavigation>ul>li>.elm-link:focus,.cmp-mainnavigation>ul>li>*>.elm-link:hover,.cmp-mainnavigation>ul>li>*>.elm-link:focus,.cmp-mainnavigation>ul>*>li>.elm-link:hover,.cmp-mainnavigation>ul>*>li>.elm-link:focus,.cmp-mainnavigation>ul>*>li>*>.elm-link:hover,.cmp-mainnavigation>ul>*>li>*>.elm-link:focus{border-bottom-color:#d7dce1}.cmp-mainnavigation>ul>li>.elm-link[aria-current=page]::after,.cmp-mainnavigation>ul>li>*>.elm-link[aria-current=page]::after,.cmp-mainnavigation>ul>*>li>.elm-link[aria-current=page]::after,.cmp-mainnavigation>ul>*>li>*>.elm-link[aria-current=page]::after{height:4px;width:100%;content:\"\";background-color:#ec0016;border-radius:2px;position:absolute;inset-block-start:calc(100% + .25rem);inset-inline:0}}@media screen and (width > 1023px){.cmp-mainnavigation>ul>li ul,.cmp-mainnavigation>ul>*>li ul{inset-inline-start:0;min-width:100%;inset-block-start:calc(100% + .5rem)}.cmp-mainnavigation>ul>li ul::before,.cmp-mainnavigation>ul>*>li ul::before{content:\"\";height:.5rem;width:100%;position:absolute;inset-block-end:100%}.cmp-mainnavigation>ul>li ul ul,.cmp-mainnavigation>ul>*>li ul ul{inset-inline-start:100%;top:auto;inset-block-start:.25rem}.cmp-mainnavigation>ul>li ul .elm-link,.cmp-mainnavigation>ul>*>li ul .elm-link{align-items:center;display:flex;min-height:3.3125rem;padding-left:1.125rem;padding-right:1.125rem}}@media screen and (max-width: 1023px){.cmp-mainnavigation>ul>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li>*>.elm-link{padding-left:2.125rem}}@media screen and (max-width: 1023px){.cmp-mainnavigation>ul>li ul>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>*>li>*>.elm-link{padding-left:3.75rem}}.cmp-mainnavigation li{display:block;position:relative}.cmp-mainnavigation li[aria-haspopup=true]{--icon-glyph-after: \">\"}.cmp-mainnavigation li[aria-haspopup=true]::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem));margin-inline-start:var(--icon-margin-before, 0.375rem);content:var(--icon-glyph-after)}@supports(content: \"\"/\"\"){.cmp-mainnavigation li[aria-haspopup=true]::after{content:var(--icon-glyph-after)/\"\"}}.cmp-mainnavigation li[aria-haspopup=true]::after{position:absolute;right:1rem;top:0.5625rem}.cmp-mainnavigation li:is(:hover,:focus-within)>ul,.cmp-mainnavigation li:is(:hover,:focus-within)>*>ul{visibility:visible}@media screen and (max-width: 1023px){.cmp-mainnavigation li:is(:hover,:focus-within)>ul,.cmp-mainnavigation li:is(:hover,:focus-within)>*>ul{display:initial}}@media screen and (max-width: 1023px){.cmp-mainnavigation li:hover>a{font-weight:700}.cmp-mainnavigation li:hover[aria-haspopup=true]{--icon-glyph-after: \"⌄\"}.cmp-mainnavigation li .elm-link{color:inherit;padding-block:.5rem;padding-inline-start:.75rem;width:calc(100% - 4rem)}.cmp-mainnavigation li[aria-haspopup=true]{position:relative}}@media screen and (width > 1023px){.cmp-mainnavigation li[aria-haspopup=true]::after{content:none}.cmp-mainnavigation li .elm-link{background-color:rgba(40,45,55,0)}.cmp-mainnavigation li .elm-link:hover{background-color:rgba(40,45,55,.08);color:initial}.cmp-mainnavigation li .elm-link:active{background-color:rgba(40,45,55,.16)}.cmp-mainnavigation li .elm-link[aria-current=page]{font-weight:700}}.cmp-metanavigation{display:flex;list-style:none;margin-bottom:0;margin-top:0;padding-left:0;gap:.5rem}.cmp-metanavigation li{padding-left:0.5rem;padding-right:0.5rem}.rea-footer .cmp-metanavigation li{padding-left:0.375rem;padding-right:0.375rem}.cmp-metanavigation li .elm-link{text-decoration:none}.rea-header .cmp-metanavigation li .elm-link{font-size:0}.rea-header .cmp-metanavigation li .elm-link::before{--icon-margin-after: 0}.rea-footer .cmp-metanavigation{flex-wrap:wrap;justify-content:center}@media screen and (max-width: 767px){.rea-footer .cmp-metanavigation{margin-bottom:1rem}}@media screen and (min-width: 768px){.rea-footer .cmp-metanavigation{float:right}}.cmp-brand{font-weight:bold;display:flex;align-items:center;gap:1rem}.cmp-brand a,.cmp-brand img{height:1.5rem}.cmp-brand img{width:auto}.cmp-brand a{color:inherit;text-decoration:none}.elm-input,.elm-textarea,.elm-select{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-input~.description,.elm-textarea~.description,.elm-select~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search],:where(.elm-textarea),.elm-textarea[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-select[data-variant=semitransparent]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white],.elm-textarea[data-variant=white],.elm-select[data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid],.elm-textarea[data-variant=solid],.elm-select[data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline],.elm-textarea[data-variant=outline],.elm-select[data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid,.elm-textarea:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid,.elm-textarea:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week],[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-select:not([multiple]){--formElement---borderColor: #ec0016}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description),.elm-textarea+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)),.elm-textarea+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description,.elm-textarea+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-checkbox:has(+label)::after,.elm-radio:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.cmp-sitesearch{position:relative;display:flex;align-items:center;padding-inline-end:.75rem}@media screen and (max-width: 1023px){.cmp-sitesearch{margin-inline-start:auto;margin-inline-end:2.25rem}.cmp-sitesearch::before{display:none}}.cmp-sitesearch .elm-input[type=search]{background-image:none;opacity:0;width:0;padding:0}.cmp-sitesearch .elm-input[type=search]:focus,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown){opacity:1;width:calc(15rem + 1rem);padding-inline-start:1rem;padding-inline-end:3rem;padding-top:0}.cmp-sitesearch .elm-input[type=search]:focus+.elm-label,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown)+.elm-label{display:none}.cmp-sitesearch .elm-input[type=search]:focus~.elm-button,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown)~.elm-button{display:flex}.cmp-sitesearch .elm-label{padding:.5rem;border-radius:4px;display:inline-block}.cmp-sitesearch .elm-label{--icon-glyph-before: \"󡉔\"}.cmp-sitesearch .elm-label::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sitesearch .elm-label::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sitesearch .elm-label::before{vertical-align:top}.rea-meta .cmp-sitesearch .elm-label{font-size:0}.rea-meta .cmp-sitesearch .elm-label::before{--icon-margin-after: 0}.cmp-sitesearch .elm-button{display:none;position:absolute;padding:.5rem;inset-inline-end:.75rem;border:0}.cmp-sitesearch .elm-button{font-size:0}.cmp-sitesearch .elm-button::before{--icon-margin-after: 0}.cmp-sitesearch .elm-button{--icon-glyph-before: \"󡉔\"}.cmp-sitesearch .elm-button::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sitesearch .elm-button::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sitesearch .elm-label,.cmp-sitesearch .elm-button{background-color:rgba(40,45,55,0)}.cmp-sitesearch .elm-label:hover,.cmp-sitesearch .elm-button:hover{background-color:rgba(40,45,55,.08)}.cmp-sitesearch .elm-label:active,.cmp-sitesearch .elm-button:active{background-color:rgba(40,45,55,.16)}@media screen and (max-width: 31.25rem){.cmp-sitesearch:focus-within,.cmp-sitesearch:has(.elm-input[type=search]:not(:placeholder-shown)){left:1rem;position:absolute;z-index:10}.cmp-sitesearch:focus-within .elm-input[type=search],.cmp-sitesearch:has(.elm-input[type=search]:not(:placeholder-shown)) .elm-input[type=search]{width:calc(100vw - 5.5rem)}}.cmp-notification{background-color:#282d37;box-shadow:0 4px 10px 0 rgba(0,0,0,.1);margin-bottom:1rem;padding:1rem}section[data-variant=hovering] .cmp-notification{background-color:#fff}section[data-variant=alert] .cmp-notification{color:#fff}section[data-variant=hovering] .cmp-notification{border:2px solid rgba(0,0,0,0);border-radius:0.5rem;padding:0.875rem 1rem}.cmp-notification[data-type=success]{background-color:#508b1b}section[data-variant=hovering] .cmp-notification[data-type=success]{border-color:#508b1b}.cmp-notification[data-type=warning]{background-color:#f75f00}section[data-variant=hovering] .cmp-notification[data-type=warning]{border-color:#f75f00}.cmp-notification[data-type=error]{background-color:#ec0016}section[data-variant=hovering] .cmp-notification[data-type=error]{border-color:#ec0016}.cmp-notification[data-type=informative]{background-color:#0087b9}section[data-variant=hovering] .cmp-notification[data-type=informative]{border-color:#0087b9}.cmp-notification[data-icon],.cmp-notification[data-icon-before],.cmp-notification[data-icon-after]{align-items:center;display:flex}.cmp-notification[data-icon]::before,.cmp-notification[data-icon-before]::before{--icon-margin-after: 0.625rem}.cmp-notification[data-icon-after]{justify-content:space-between}.cmp-notification[data-icon-after]::after{--icon-margin-before: 0.625rem}.cmp-dialog{border:0;border-radius:8px;color:#282d37;font-size:0.875rem;margin-top:0;max-width:90vw;padding:1rem;position:fixed;top:50%;transform:translate(0, -50%)}@media screen and (min-width: 768px){.cmp-dialog{padding:1.5rem}}.cmp-dialog::backdrop{background-color:rgba(0,0,0,.9)}.cmp-dialog+.backdrop{background-color:rgba(0,0,0,.9)}.no-js .cmp-dialog:target{display:initial}.cmp-dialog header{color:#131821;transform:translateY(-0.5625rem)}.cmp-dialog header .elm-headline{font-size:1.125rem;font-weight:700;line-height:1.5rem;margin-bottom:0.375rem;margin-right:1.5rem;margin-top:0;text-align:center}@media screen and (min-width: 768px){.cmp-dialog header .elm-headline{font-size:1.5rem;line-height:1.75rem}}.cmp-dialog header :is(.elm-link,button).is-close{position:absolute;right:0;top:0;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.cmp-dialog header :is(.elm-link,button).is-close{--icon-glyph-before: \"⨯\"}.cmp-dialog header :is(.elm-link,button).is-close::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-dialog header :is(.elm-link,button).is-close::before{content:var(--icon-glyph-before)/\"\"}}.cmp-dialog header :is(.elm-link,button).is-close{font-size:0}.cmp-dialog header :is(.elm-link,button).is-close::before{--icon-margin-after: 0}.cmp-dialog main p:first-child{margin-top:0}.cmp-dialog footer{display:flex;margin-top:1.125rem}.cmp-dialog footer .elm-button+.elm-button{margin-left:1rem}.cmp-dialog footer[data-alignment=end]{justify-content:flex-end}.cmp-dialog footer:not([data-alignment=end]) .elm-button{flex-grow:1}.cmp-language-switcher{list-style:none;margin-right:1rem;position:relative}.cmp-language-switcher:hover li:not([aria-current],[aria-selected]),.cmp-language-switcher:focus li:not([aria-current],[aria-selected]){visibility:visible}.cmp-language-switcher:hover li[aria-current=page],.cmp-language-switcher:hover li[aria-selected=true],.cmp-language-switcher:focus li[aria-current=page],.cmp-language-switcher:focus li[aria-selected=true]{color:#ec0016}.cmp-language-switcher li{background-color:#fdfdfd;position:absolute;top:1.625rem}.rea-header .cmp-language-switcher li{top:calc(var(--db-language-switcher---direction, 1)*(100%*1 + 1rem - 2px));z-index:40}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*2 + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*3 + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*4 + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*5 + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*6 + 1rem - 2px))}@media screen and (width > 1023px){.rea-header .cmp-language-switcher li{top:100%}}.cmp-language-switcher li .elm-link,.cmp-language-switcher li .elm-button{color:inherit;text-decoration:none}.cmp-language-switcher li:not([aria-current],[aria-selected]){visibility:hidden}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button{padding-block:1rem;padding-right:2.125rem}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:hover,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:focus,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:hover,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:focus{background-color:#d7dce1}.cmp-language-switcher li[aria-current],.cmp-language-switcher li[aria-selected]{position:initial}.cmp-language-switcher li[aria-current] .elm-link,.cmp-language-switcher li[aria-current] .elm-button,.cmp-language-switcher li[aria-selected] .elm-link,.cmp-language-switcher li[aria-selected] .elm-button{--icon-glyph-after: \"⌄\"}.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem));margin-inline-start:var(--icon-margin-before, 0.375rem);content:var(--icon-glyph-after)}@supports(content: \"\"/\"\"){.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after{content:var(--icon-glyph-after)/\"\"}}.cmp-language-switcher li[aria-current] .elm-link:hover,.cmp-language-switcher li[aria-current] .elm-button:hover,.cmp-language-switcher li[aria-selected] .elm-link:hover,.cmp-language-switcher li[aria-selected] .elm-button:hover{color:#ec0016}.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after{float:right;margin-left:0.3125rem}.cmp-language-switcher li .elm-link,.cmp-language-switcher li .elm-button{display:inline-block;padding-left:1.125rem}.cmp-language-switcher li .elm-link:hover,.cmp-language-switcher li .elm-link:focus,.cmp-language-switcher li .elm-button:hover,.cmp-language-switcher li .elm-button:focus{color:initial}.cmp-language-switcher li .elm-button{line-height:1.5;padding-right:0;border-width:0;padding-top:0.5625rem}.cmp-pagination{color:#282d37;font-size:0.875rem;user-select:none}.cmp-pagination>ol{display:flex}.cmp-pagination li,.cmp-pagination .elm-link{align-items:center;display:inline-flex;justify-content:center}.cmp-pagination li{height:2.25rem;width:2.25rem}.cmp-pagination .elm-link{color:inherit;height:100%;text-decoration:none;width:100%}.cmp-pagination .elm-link[rel=prev],.cmp-pagination .elm-link[rel=next]{padding:0;vertical-align:bottom}.cmp-pagination .elm-link[rel=prev]::before{margin-left:0.6875rem}.cmp-pagination .elm-link[rel=next]::before{margin-right:0.6875rem}.cmp-pagination .elm-link[rel=prev]{--icon-glyph-before: \"<\"}.cmp-pagination .elm-link[rel=prev]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-pagination .elm-link[rel=prev]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-pagination .elm-link[rel=prev]{font-size:0}.cmp-pagination .elm-link[rel=prev]::before{--icon-margin-after: 0}.cmp-pagination .elm-link[rel=next]{--icon-glyph-before: \">\"}.cmp-pagination .elm-link[rel=next]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-pagination .elm-link[rel=next]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-pagination .elm-link[rel=next]{font-size:0}.cmp-pagination .elm-link[rel=next]::before{--icon-margin-after: 0}.cmp-pagination .elm-link[aria-current=page]{font-weight:700}.cmp-sidenavi{background-color:#3c414b;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);display:inline-block}.cmp-sidenavi .elm-link{border-radius:initial;color:#d7dce1;display:block;padding:1.25rem 1rem;text-decoration:none}.cmp-sidenavi .elm-link:hover,.cmp-sidenavi .elm-link:focus,.cmp-sidenavi .elm-link[aria-current=page]{color:#3c414b}.cmp-sidenavi .elm-link:hover,.cmp-sidenavi .elm-link:focus{background-color:#afb4bb}.cmp-sidenavi .elm-link[aria-current=page]{background-color:#d7dce1;font-weight:700}.cmp-sidenavi .elm-link[rel]{padding-left:1.3125rem}.cmp-sidenavi .elm-link[rel=index]{--icon-glyph-before: \"⌂\"}.cmp-sidenavi .elm-link[rel=index]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=index]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=documents]{--icon-glyph-before: \"🖹\"}.cmp-sidenavi .elm-link[rel=documents]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=documents]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=dashboard]{--icon-glyph-before: \"󡅤\"}.cmp-sidenavi .elm-link[rel=dashboard]::before{--icon-font-family: \"icons-32-enterprise-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=dashboard]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=cloud]{--icon-glyph-before: \"☁\"}.cmp-sidenavi .elm-link[rel=cloud]::before{--icon-font-family: \"icons-32-enterprise-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=cloud]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=calendar]{--icon-glyph-before: \"󡉇\"}.cmp-sidenavi .elm-link[rel=calendar]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=calendar]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=help]{--icon-glyph-before: \"?\"}.cmp-sidenavi .elm-link[rel=help]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=help]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-tab-bar{display:flex;flex-wrap:wrap;gap:.25rem}.cmp-tab-bar>input[type=radio]+label[role=tab],.cmp-tab-bar>*>input[type=radio]+label[role=tab]{cursor:pointer;display:flex;padding:.875rem 1rem;position:relative;z-index:1;border-radius:4px;align-items:center}.cmp-tab-bar>input[type=radio]+label[role=tab]::before,.cmp-tab-bar>*>input[type=radio]+label[role=tab]::before{margin-inline-start:-0.125rem}.cmp-tab-bar>input[type=radio]:focus+label,.cmp-tab-bar>*>input[type=radio]:focus+label{outline:1px dotted #878c96}.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:hover,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:focus,.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:hover,.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:focus{background-color:#282d371F}.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:active,.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:active{background-color:#282d373D}.cmp-tab-bar>input[type=radio]:disabled+label[role=tab],.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]{color:#878c96}.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:hover,.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:focus,.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:hover,.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:focus{background-color:unset}.cmp-tab-bar>input[type=radio]:checked+label[role=tab],.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]{font-weight:700}.cmp-tab-bar>input[type=radio]:checked+label[role=tab]+section[role=tabpanel],.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]+section[role=tabpanel]{display:initial}.cmp-tab-bar>input[type=radio]:checked+label[role=tab]::after,.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]::after{background-color:#ec0016;border-radius:5px;content:\"\";display:block;height:.25rem;inset-block-end:0;inset-inline:0;position:absolute}.cmp-tab-bar label[role=tab],.cmp-tab-bar section[role=tabpanel]{background-color:#fdfdfd}.cmp-tab-bar section[role=tabpanel]{display:none;flex-basis:100%;order:1;margin-block-start:.125rem}.cmp-tab-bar[data-size=small]>input[type=radio]+label[role=tab],.cmp-tab-bar[data-size=small]>*>input[type=radio]+label[role=tab]{padding-block:.625rem}.cmp-table{border-collapse:collapse;font-size:var(--table---fontSize, inherit);text-align:left}.cmp-table,.cmp-table>caption{box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05)}.cmp-table caption{font-weight:700;padding:1rem 0.75rem;text-align:left}.cmp-table thead{border-bottom:0.0625rem solid #282d37;border-top:0.0625rem solid #282d37}.cmp-table thead th{color:#646973}.cmp-table th{font-weight:400}.cmp-table th,.cmp-table td{padding:.75rem;text-align:inherit;vertical-align:inherit}.cmp-table th:hover,.cmp-table td:hover{resize:horizontal}.cmp-table th:hover:not(:has(.cmp-overflow-menu)),.cmp-table td:hover:not(:has(.cmp-overflow-menu)){overflow:auto}.cmp-table tbody{border-bottom:0.0625rem solid #282d37}.cmp-table tbody th:first-child{border-right:1px solid #4f4b41}.cmp-table thead[data-align=left],.cmp-table tbody[data-align=left],.cmp-table tr[data-align=left],.cmp-table th[data-align=left],.cmp-table td[data-align=left]{text-align:left}.cmp-table thead[data-align=center],.cmp-table tbody[data-align=center],.cmp-table tr[data-align=center],.cmp-table th[data-align=center],.cmp-table td[data-align=center]{text-align:center}.cmp-table thead[data-align=right],.cmp-table tbody[data-align=right],.cmp-table tr[data-align=right],.cmp-table th[data-align=right],.cmp-table td[data-align=right]{text-align:right}.cmp-table thead[data-vertical-align=top],.cmp-table tbody[data-vertical-align=top],.cmp-table tr[data-vertical-align=top],.cmp-table th[data-vertical-align=top],.cmp-table td[data-vertical-align=top]{vertical-align:top}.cmp-table thead[data-vertical-align=middle],.cmp-table tbody[data-vertical-align=middle],.cmp-table tr[data-vertical-align=middle],.cmp-table th[data-vertical-align=middle],.cmp-table td[data-vertical-align=middle]{vertical-align:middle}.cmp-table thead[data-vertical-align=bottom],.cmp-table tbody[data-vertical-align=bottom],.cmp-table tr[data-vertical-align=bottom],.cmp-table th[data-vertical-align=bottom],.cmp-table td[data-vertical-align=bottom]{vertical-align:bottom}.cmp-table[data-border=horizontal] tbody tr:not(:last-child) th,.cmp-table[data-border=horizontal] tbody tr:not(:last-child) td,.cmp-table[data-border=around] tbody tr:not(:last-child) th,.cmp-table[data-border=around] tbody tr:not(:last-child) td{border-bottom:1px solid #d7dce1}.cmp-table[data-border=around] tbody th:not(:first-child),.cmp-table[data-border=around] tbody td:not(:first-child){border-left:1px solid #d7dce1}.cmp-table[data-rows=zebra] tbody tr:nth-child(odd){backdrop-filter:blur(4px);background-color:rgba(40,45,55,.07)}.cmp-table[data-density=small] th,.cmp-table[data-density=small] td{padding:.5rem}.cmp-table[data-density=large] th,.cmp-table[data-density=large] td{padding:1rem}.cmp-table[data-sticky=header] thead,.cmp-table[data-sticky=header] tbody th{background-color:#fff;position:sticky;top:-1px}.cmp-link-list{list-style:none;padding-left:0}.cmp-link-list li .elm-link{font-weight:700;text-decoration:none}.cmp-link-list li .elm-link{--icon-glyph-before: \">\"}.cmp-link-list li .elm-link::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-link-list li .elm-link::before{content:var(--icon-glyph-before)/\"\"}}.cmp-link-list li .elm-link:hover,.cmp-link-list li .elm-link:active{text-decoration:underline}.cmp-link-list li .elm-link::before{color:#ec0016;display:inline-block;font-size:0.75rem;font-weight:700;margin-top:-0.125rem;vertical-align:middle}.cmp-overflow-menu,.cmp-dropdown{color:#2d333f;display:inline-block;position:relative}.cmp-overflow-menu:not(.is-account) summary,.cmp-dropdown:not(.is-account) summary{font-size:0}.cmp-overflow-menu:not(.is-account) summary::before,.cmp-dropdown:not(.is-account) summary::before{--icon-margin-after: 0}.cmp-overflow-menu summary,.cmp-dropdown summary{display:inline-flex;align-items:center;padding:.5rem .75rem;border-radius:4px;cursor:default;background-color:rgba(40,45,55,0)}.cmp-overflow-menu summary,.cmp-dropdown summary{--icon-glyph-before: \"⋮\"}.cmp-overflow-menu summary::before,.cmp-dropdown summary::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.25rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-overflow-menu summary::before,.cmp-dropdown summary::before{content:var(--icon-glyph-before)/\"\"}}.cmp-overflow-menu summary::before,.cmp-dropdown summary::before{transform:translateX(-0.125rem)}.cmp-overflow-menu summary:hover,.cmp-dropdown summary:hover{background-color:rgba(40,45,55,.08)}.cmp-overflow-menu summary:active,.cmp-dropdown summary:active{background-color:rgba(40,45,55,.16)}.cmp-overflow-menu summary::-webkit-details-marker,.cmp-dropdown summary::-webkit-details-marker{display:none}.cmp-overflow-menu summary:first-of-type,.cmp-dropdown summary:first-of-type{list-style-type:none}.cmp-overflow-menu menu,.cmp-dropdown menu,.cmp-overflow-menu ul,.cmp-dropdown ul{background-color:#fff;border-radius:8px;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));margin-block-start:1rem;padding-left:0;position:absolute;width:min-content;z-index:60}.cmp-overflow-menu menu::before,.cmp-dropdown menu::before,.cmp-overflow-menu ul::before,.cmp-dropdown ul::before{border-bottom:0.8125rem solid #fff;border-left:0.8125rem solid rgba(0,0,0,0);border-right:0.8125rem solid rgba(0,0,0,0);content:\"\";height:0;position:absolute;transform:translate(0.75rem, -0.8125rem);width:0}.cmp-overflow-menu menu li button,.cmp-dropdown menu li button,.cmp-overflow-menu menu li a,.cmp-dropdown menu li a,.cmp-overflow-menu ul li button,.cmp-dropdown ul li button,.cmp-overflow-menu ul li a,.cmp-dropdown ul li a{background-color:#fff;border-radius:unset;display:block;font-weight:400;padding:1rem 2rem 1rem 1rem;text-decoration:none}.cmp-overflow-menu menu li button:hover,.cmp-dropdown menu li button:hover,.cmp-overflow-menu menu li button:focus,.cmp-dropdown menu li button:focus,.cmp-overflow-menu menu li a:hover,.cmp-dropdown menu li a:hover,.cmp-overflow-menu menu li a:focus,.cmp-dropdown menu li a:focus,.cmp-overflow-menu ul li button:hover,.cmp-dropdown ul li button:hover,.cmp-overflow-menu ul li button:focus,.cmp-dropdown ul li button:focus,.cmp-overflow-menu ul li a:hover,.cmp-dropdown ul li a:hover,.cmp-overflow-menu ul li a:focus,.cmp-dropdown ul li a:focus{background-color:#d7dce1;color:inherit}.cmp-overflow-menu menu li:first-child button,.cmp-dropdown menu li:first-child button,.cmp-overflow-menu menu li:first-child a,.cmp-dropdown menu li:first-child a,.cmp-overflow-menu ul li:first-child button,.cmp-dropdown ul li:first-child button,.cmp-overflow-menu ul li:first-child a,.cmp-dropdown ul li:first-child a{border-top-left-radius:8px;border-top-right-radius:8px}.cmp-overflow-menu menu li:last-child button,.cmp-dropdown menu li:last-child button,.cmp-overflow-menu menu li:last-child a,.cmp-dropdown menu li:last-child a,.cmp-overflow-menu ul li:last-child button,.cmp-dropdown ul li:last-child button,.cmp-overflow-menu ul li:last-child a,.cmp-dropdown ul li:last-child a{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.cmp-overflow-menu[data-horizontal-position=opposite] menu,[data-horizontal-position=opposite].cmp-dropdown menu,.cmp-overflow-menu[data-horizontal-position=opposite] ul,[data-horizontal-position=opposite].cmp-dropdown ul{right:0}.cmp-overflow-menu[data-horizontal-position=opposite] menu::before,[data-horizontal-position=opposite].cmp-dropdown menu::before,.cmp-overflow-menu[data-horizontal-position=opposite] ul::before,[data-horizontal-position=opposite].cmp-dropdown ul::before{right:0;transform:translate(-0.75rem, -0.8125rem)}.cmp-overflow-menu menu,.cmp-dropdown menu{list-style-type:\"\"}.cmp-overflow-menu menu li,.cmp-dropdown menu li{overflow-x:hidden}.cmp-overflow-menu menu button,.cmp-dropdown menu button{line-height:inherit;text-align:left;width:100%}.cmp-overflow-menu[open] summary::after,[open].cmp-dropdown summary::after{content:\" \";display:inline-block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:50}.cmp-dropdown.is-account summary{--icon-glyph-before: \"󡈡\"}.cmp-dropdown.is-account summary::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-dropdown.is-account summary::before{content:var(--icon-glyph-before)/\"\"}}@media screen and (max-width: 41rem){.cmp-dropdown.is-account summary{font-size:0}.cmp-dropdown.is-account summary::before{--icon-margin-after: 0}}.cmp-dropdown menu,.cmp-dropdown ul{background-color:#fff;margin-block-start:initial;right:0;transform:translateY(0.875rem)}.cmp-dropdown menu::before,.cmp-dropdown ul::before{content:none}.cmp-dropdown[data-horizontal-position=opposite] menu,.cmp-dropdown[data-horizontal-position=opposite] ul{right:unset}body{display:grid;grid-template-rows:auto 1fr auto}body.has-fixed-header .rea-header,body.has-fixed-footer .rea-footer{position:fixed;width:100%;z-index:10}body.has-fixed-header{padding-top:5.9375rem}body.has-fixed-header .rea-header{top:0}@media screen and (max-width: 1023px){body.has-fixed-header{padding-top:5rem}}body.has-fixed-footer{padding-bottom:5.5rem}body.has-fixed-footer .rea-footer{bottom:0}@media screen and (max-width: 1023px){body.has-fixed-footer{padding-bottom:5.875rem}}.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch::before,.cmp-mainnavigation::before{position:absolute;content:\"\";width:1px;height:1.5rem;background-color:rgba(40,45,55,.2);inset-block-start:50%;transform:translateY(-50%)}.rea-header{background-color:#fdfdfd;box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 1px rgba(0,0,0,.05);align-items:center;margin-bottom:1rem;display:flex;gap:1.5rem;min-block-size:3.5rem;padding-inline:1.5rem}@media screen and (width > 1023px){.rea-header{padding-block:.875rem}}.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch::before{inset-inline-end:0}@media screen and (max-width: 1023px){.rea-header{border-bottom:0.0625rem solid #9c9a8e;position:relative}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta>.elm-link,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-metanavigation,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-language-switcher,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-dropdown{display:none}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta{--db-language-switcher---direction: -1;background-color:#fff;position:fixed;inset-inline-end:0;inset-inline-start:1.5rem;inset-block-start:unset;inset-block-end:0;block-size:3.5rem;z-index:50;border-top:1px solid rgba(40,45,55,.2);border-bottom-left-radius:4px;padding-inline:1rem}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta .cmp-sitesearch{display:none}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta .cmp-dropdown>menu{bottom:100%;transform:translateY(-0.875rem)}}.rea-meta{display:flex;align-items:center;margin-inline-start:auto;gap:.5rem}.rea-meta ul,.rea-meta ol{margin:0;padding:0}.rea-meta ul{list-style:none}.rea-header .rea-meta{order:2}.rea-header .rea-meta .elm-link{padding-bottom:0.5625rem;padding-top:0.5625rem}.rea-meta>.elm-link[rel=account]{margin-left:0.25rem}.rea-meta>.elm-link[rel=account]{font-size:0}.rea-meta>.elm-link[rel=account]::before{--icon-margin-after: 0}@media screen and (min-width: 27.25rem){.rea-meta>.elm-link[rel=account]{margin-left:0.5rem}}.rea-meta .cmp-sitesearch:focus-within~.elm-link[rel=account]{font-size:0}.rea-meta .cmp-sitesearch:focus-within~.elm-link[rel=account]::before{--icon-margin-after: 0}.rea-footer::after,.rea-main::after{clear:both;content:\" \";display:table}.rea-main{background-color:rgba(0,0,0,0);margin:0 auto;padding:1rem;position:relative}@media screen and (min-width: 1088px){.rea-main{max-width:960px;width:960px}}@media screen and (min-width: 1280px){.rea-main{max-width:1152px;width:1152px}}@media screen and (min-width: 1472px){.rea-main{max-width:1344px;width:1344px}}.rea-grid{flex-wrap:wrap;margin-left:-0.625rem;margin-right:-0.625rem;margin-top:-0.625rem}@media screen and (min-width: 769px),print{.rea-grid{display:flex}}.rea-grid>div,.rea-grid>area,.rea-grid>section,.rea-grid>li{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.625rem}@media screen and (max-width: 1199px){.rea-grid>div,.rea-grid>area,.rea-grid>section,.rea-grid>li{padding:0.375rem}}.rea-grid:last-child{margin-bottom:-0.625rem}.rea-grid:not(:last-child){margin-bottom:.875rem}@media screen and (max-width: 1199px){.rea-grid{margin-left:-0.375rem;margin-right:-0.375rem;margin-top:-0.375rem}.rea-grid:last-child{margin-bottom:-0.375rem}.rea-grid:not(:last-child){margin-bottom:calc(1.5rem - 0.375rem)}}.rea-grid [data-type=four-fifths]{flex:none;width:80%}.rea-grid [data-type=three-quarters]{flex:none;width:75%}.rea-grid [data-type=two-thirds]{flex:none;width:66.6666%}.rea-grid [data-type=three-fifths]{flex:none;width:60%}.rea-grid [data-type=half]{flex:none;width:50%}.rea-grid [data-type=two-fifths]{flex:none;width:40%}.rea-grid [data-type=one-third]{flex:none;width:33.3333%}.rea-grid [data-type=one-quarter]{flex:none;width:25%}.rea-grid [data-type=one-fifth]{flex:none;width:20%}.rea-footer{background-color:#fdfdfd;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);color:#646973;margin-top:1rem;padding:1.3125rem 1rem}.rea-footer.has-border{border-top:0.375rem solid #d7dce1}@media screen and (max-width: 767px){.rea-footer{text-align:center}}/*# sourceMappingURL=db-ui-core-webpack.css.map */\n","/* Document\n * ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n:where(html) {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n * ========================================================================== */\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Edge, Firefox, and Safari.\n */\n\n:where(h1) {\n  font-size: 2em;\n  margin-block-end: 0.67em;\n  margin-block-start: 0.67em;\n}\n\n/* Grouping content\n * ========================================================================== */\n\n/**\n * Remove the margin on nested lists in Chrome, Edge, and Safari.\n */\n\n:where(dl, ol, ul) :where(dl, ol, ul) {\n  margin-block-end: 0;\n  margin-block-start: 0;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Correct the inheritance of border color in Firefox.\n */\n\n:where(hr) {\n  box-sizing: content-box; /* 1 */\n  color: inherit; /* 2 */\n  height: 0; /* 1 */\n}\n\n/* Text-level semantics\n * ========================================================================== */\n\n/**\n * Add the correct text decoration in Safari.\n */\n\n:where(abbr[title]) {\n  text-decoration: underline;\n  text-decoration: underline dotted;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n:where(b, strong) {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\n:where(small) {\n  font-size: 80%;\n}\n\n/* Tabular data\n * ========================================================================== */\n\n/**\n * 1. Correct table border color in Chrome, Edge, and Safari.\n * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.\n */\n\n:where(table) {\n  border-color: currentColor; /* 1 */\n  text-indent: 0; /* 2 */\n}\n\n/* Forms\n * ========================================================================== */\n\n/**\n * Remove the margin on controls in Safari.\n */\n\n:where(button, input, select) {\n  margin: 0;\n}\n\n/**\n * Remove the inheritance of text transform in Firefox.\n */\n\n:where(button) {\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style buttons in iOS and Safari.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"reset\" i], [type=\"submit\" i])) {\n  -webkit-appearance: button;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Edge, and Firefox.\n */\n\n:where(progress) {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the inheritance of text transform in Firefox.\n */\n\n:where(select) {\n  text-transform: none;\n}\n\n/**\n * Remove the margin in Firefox and Safari.\n */\n\n:where(textarea) {\n  margin: 0;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome, Edge, and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n:where(input[type=\"search\" i]) {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Safari.\n */\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n  color: inherit;\n  opacity: 0.54;\n}\n\n/**\n * Remove the inner padding in Chrome, Edge, and Safari on macOS.\n */\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style upload buttons in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/**\n * Remove the inner border and padding of focus outlines in Firefox.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"color\" i], [type=\"reset\" i], [type=\"submit\" i]))::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus outline styles unset by the previous rule in Firefox.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"color\" i], [type=\"reset\" i], [type=\"submit\" i]))::-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Remove the additional :invalid styles in Firefox.\n */\n\n:where(:-moz-ui-invalid) {\n  box-shadow: none;\n}\n\n/* Interactive\n * ========================================================================== */\n\n/*\n * Add the correct styles in Safari.\n */\n\n:where(dialog) {\n  background-color: white;\n  border: solid;\n  color: black;\n  height: -moz-fit-content;\n  height: fit-content;\n  left: 0;\n  margin: auto;\n  padding: 1em;\n  position: absolute;\n  right: 0;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n:where(dialog:not([open])) {\n  display: none;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\n:where(summary) {\n  display: list-item;\n}\n","@use \"sass:color\";\n// *! this is an opionionated (especially based on \"enhancing\" normalize.css) version of minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css\nhtml,\nbody {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody {\n\tmin-height: 100vh;\n\tfont-size: 1rem;\n}\n\n// adapted from https://github.com/jgthms/bulma/blob/0.7.5/sass/base/generic.sass\nhtml {\n\tbackground-color: #fdfdfd; // TODO: This would need to get replaced by the correct (semantic) color\n\t// font-size: 16px; // We need to deactivate this due to accessibility problems, as even also reported with https://github.com/jgthms/bulma/issues/3588\n\t-moz-osx-font-smoothing: grayscale;\n\t-webkit-font-smoothing: antialiased;\n\tmin-width: 300px;\n\toverflow-x: hidden;\n\toverflow-y: scroll;\n\ttext-rendering: optimizeLegibility;\n\ttext-size-adjust: 100%;\n\ttext-size-adjust: 100%;\n}\n\nbody,\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n\tfont-family: $db-font-family-base;\n}\n\ncode,\npre {\n\t-moz-osx-font-smoothing: auto;\n\t-webkit-font-smoothing: auto;\n}\n\nbody {\n\tcolor: $db-color-cool-gray-700;\n\tfont-size: 1rem;\n\tfont-weight: 400;\n\tline-height: 1.5;\n}\n\n// Inline\na {\n\tcolor: $db-color-cool-gray-700;\n\n\tstrong {\n\t\tcolor: currentColor;\n\t}\n\n\t&:hover {\n\t\tcolor: #5d616a; // TODO: Identify correct color variable\n\t}\n}\n\ncode {\n\tbackground-color: #f5f5f5;\n\tcolor: color.adjust($db-color-red, $lightness: -2%);\n\tfont-size: 0.875em;\n\tfont-weight: normal;\n\tpadding: 0.25em 0.5em;\n}\n\nhr {\n\tbackground-color: #f5f5f5;\n\tborder: none;\n\tdisplay: block;\n\theight: 2px;\n\tmargin: 1.5rem 0;\n}\n\nimg {\n\theight: auto;\n\tmax-width: 100%;\n}\n\nsmall {\n\tfont-size: to-em($pxValue: 14);\n}\n\n// Block\nfieldset {\n\tborder: none;\n}\n\npre {\n\tbackground-color: #f5f5f5;\n\tcolor: #282d37;\n\tfont-size: 0.875em;\n\t-webkit-overflow-scrolling: touch;\n\toverflow-x: auto;\n\tpadding: 1.25rem 1.5rem;\n\twhite-space: pre;\n\tword-wrap: normal;\n\n\tcode {\n\t\tbackground-color: transparent;\n\t\tcolor: currentColor;\n\t\tfont-size: 1em;\n\t\tpadding: 0;\n\t}\n}\n","\n// Do not edit directly\n// Generated on Thu, 21 Nov 2024 12:10:30 GMT\n\n$db-asset-font-db-screensans-regular-name: \"DB Screen Sans Regular\";\n$db-asset-font-db-screensans-regular-fontfamily: \"DB Screen Sans\";\n$db-asset-font-db-screensans-regular-fontweight: \"400\";\n$db-asset-font-db-screensans-regular-woff: \"assets/fonts/dbscreensans-regular.woff\";\n$db-asset-font-db-screensans-regular-woff2: \"assets/fonts/dbscreensans-regular.woff2\";\n$db-asset-font-db-screensans-bold-name: \"DB Screen Sans Bold\";\n$db-asset-font-db-screensans-bold-fontfamily: \"DB Screen Sans\";\n$db-asset-font-db-screensans-bold-fontweight: \"700\";\n$db-asset-font-db-screensans-bold-woff: \"assets/fonts/dbscreensans-bold.woff\";\n$db-asset-font-db-screensans-bold-woff2: \"assets/fonts/dbscreensans-bold.woff2\";\n$db-asset-font-db-screenhead-name: \"DB Screen Head\";\n$db-asset-font-db-screenhead-fontfamily: \"DB Screen Head\";\n$db-asset-font-db-screenhead-fontweight: \"300\";\n$db-asset-font-db-screenhead-woff: \"assets/fonts/dbscreenhead-light.woff\";\n$db-asset-font-db-screenhead-woff2: \"assets/fonts/dbscreenhead-light.woff2\";\n$db-asset-font-db-screensansdigital-name: \"DB Screen Sans Digital Regular\";\n$db-asset-font-db-screensansdigital-fontfamily: \"DB Screen Sans Digital\";\n$db-asset-font-db-screensansdigital-fontweight: \"400\";\n$db-asset-font-db-screensansdigital-woff: \"assets/fonts/dbscreensans-digitalregular.woff\";\n$db-asset-font-db-screensansdigital-woff2: \"assets/fonts/dbscreensans-digitalregular.woff2\";\n$db-color-success: #508b1b; // This is the general success color\n$db-color-success-small-font: #467a18; // in case a font-size smaller than 14dp is in use\n$db-color-error: #ec0016; // This is the general error color\n$db-color-error-small-font: #db0014; // in case a font-size smaller than 14dp is in use\n$db-color-warning: #f75f00; // This is the general warning color\n$db-color-warning-small-font: #cc4e00; // in case a font-size smaller than 14dp is in use\n$db-color-informative: #0087b9; // This is the general informative color\n$db-color-informative-small-font: #006a96; // in case a font-size smaller than 14dp is in use\n$db-color-food-drink: #f39200;\n$db-color-health: #a9455d;\n$db-color-things-to-know: #858379;\n$db-color-community-facilities: #00a099;\n$db-color-db-services-facilities: #0c3992;\n$db-color-shopping: #814997;\n$db-color-arts-culture: #e93e8f;\n$db-color-leisure: #408335;\n$db-color-services: #309fd1;\n$db-color-guidance: #3c414b;\n$db-color-red-100: #fee6e6;\n$db-color-red-200: #fcc8c3;\n$db-color-red-300: #fa9090;\n$db-color-red-400: #f75056;\n$db-color-red-500: #ec0016;\n$db-color-red-600: #c50014;\n$db-color-red-700: #9b000e;\n$db-color-red-800: #740009;\n$db-color-red: #ec0016; // This is the primary DB Red\n$db-color-white: #ffffff; // This is the primary DB White\n$db-color-black: #000000; // This is the primary DB Black\n$db-color-ice: #282d37;\n$db-color-ic: #646973;\n$db-color-ec: #646973;\n$db-color-re: #878c96;\n$db-color-rb: #878c96;\n$db-color-s-bahn: #408335;\n$db-color-u-bahn: #1455c0;\n$db-color-tram: #a9455d;\n$db-color-intercity-bus: #e93e8f;\n$db-color-bus: #814997;\n$db-color-ship: #309fd1;\n$db-color-airplane: #00a099;\n$db-color-taxi: #ffd800;\n$db-color-carsharing: #f39200;\n$db-color-walk: #282d37;\n$db-color-bikesharing: #c50014;\n$db-color-yellow-100: #ffffdc;\n$db-color-yellow-200: #ffffaf;\n$db-color-yellow-300: #fff876;\n$db-color-yellow-400: #fff000;\n$db-color-yellow-500: #ffd800;\n$db-color-yellow-600: #ffbb00;\n$db-color-yellow-700: #ff9b00;\n$db-color-yellow-800: #ff7a00;\n$db-color-yellow-900: #f75f00;\n$db-color-orange-100: #fff4d8;\n$db-color-orange-200: #fce3b4;\n$db-color-orange-300: #faca7f;\n$db-color-orange-400: #f8ab37;\n$db-color-orange-500: #f39200;\n$db-color-orange-600: #d77b00;\n$db-color-orange-700: #c05e00;\n$db-color-orange-800: #a24800;\n$db-color-burgundy-100: #f4e8ed;\n$db-color-burgundy-200: #edcbd6;\n$db-color-burgundy-300: #da9aa8;\n$db-color-burgundy-400: #c0687b;\n$db-color-burgundy-500: #a9455d;\n$db-color-burgundy-600: #8c2e46;\n$db-color-burgundy-700: #641e32;\n$db-color-burgundy-800: #4d0820;\n$db-color-pink-100: #fdeef8;\n$db-color-pink-200: #f9d2e5;\n$db-color-pink-300: #f4aece;\n$db-color-pink-400: #ee7bae;\n$db-color-pink-500: #e93e8f;\n$db-color-pink-600: #db0078;\n$db-color-pink-700: #b80065;\n$db-color-pink-800: #970052;\n$db-color-violett-100: #f4eefa;\n$db-color-violett-200: #e0cde4;\n$db-color-violett-300: #c2a1c7;\n$db-color-violett-400: #9a6ca6;\n$db-color-violett-500: #814997;\n$db-color-violett-600: #6e368c;\n$db-color-violett-700: #581d70;\n$db-color-violett-800: #421857;\n$db-color-blue-100: #e0effb;\n$db-color-blue-200: #b4d5f6;\n$db-color-blue-300: #73aef4;\n$db-color-blue-400: #347de0;\n$db-color-blue-500: #1455c0;\n$db-color-blue-600: #0c3992;\n$db-color-blue-700: #0a1e6e;\n$db-color-blue-800: #061350;\n$db-color-cyan-100: #e5faff;\n$db-color-cyan-200: #bbe6f8;\n$db-color-cyan-300: #84cfef;\n$db-color-cyan-400: #55b9e6;\n$db-color-cyan-500: #309fd1;\n$db-color-cyan-600: #0087b9;\n$db-color-cyan-700: #006a96;\n$db-color-cyan-800: #004b6d;\n$db-color-turquoise-100: #e3f5f4;\n$db-color-turquoise-200: #bee2e5;\n$db-color-turquoise-300: #83caca;\n$db-color-turquoise-400: #3cb5ae;\n$db-color-turquoise-500: #00a099;\n$db-color-turquoise-600: #008984;\n$db-color-turquoise-700: #006e6b;\n$db-color-turquoise-800: #005752;\n$db-color-green-100: #e2f3e5;\n$db-color-green-200: #bddbb9;\n$db-color-green-300: #8cbc80;\n$db-color-green-400: #66a558;\n$db-color-green-500: #408335;\n$db-color-green-600: #2a7230;\n$db-color-green-700: #165c27;\n$db-color-green-800: #154a26;\n$db-color-light-green-100: #ebf7dd;\n$db-color-light-green-200: #c9eb9e;\n$db-color-light-green-300: #9fd45f;\n$db-color-light-green-400: #78be14;\n$db-color-light-green-500: #63a615;\n$db-color-light-green-600: #508b1b;\n$db-color-light-green-700: #44741a;\n$db-color-light-green-800: #375f15;\n$db-color-warm-gray-100: #f5f4f1;\n$db-color-warm-gray-200: #ddded6;\n$db-color-warm-gray-300: #bcbbb2;\n$db-color-warm-gray-400: #9c9a8e;\n$db-color-warm-gray-500: #858379;\n$db-color-warm-gray-600: #747067;\n$db-color-warm-gray-700: #4f4b41;\n$db-color-warm-gray-800: #38342f;\n$db-color-cool-gray-100: #f0f3f5;\n$db-color-cool-gray-200: #d7dce1;\n$db-color-cool-gray-300: #afb4bb;\n$db-color-cool-gray-400: #878c96;\n$db-color-cool-gray-500: #646973;\n$db-color-cool-gray-600: #3c414b;\n$db-color-cool-gray-700: #282d37;\n$db-color-cool-gray-800: #131821;\n$db-spacing-xs: 0.25rem !default;\n$db-spacing-s: 0.5rem !default;\n$db-spacing-sm: 0.75rem !default;\n$db-spacing-m: 1rem !default;\n$db-spacing-l: 1.25rem !default;\n$db-transition-duration-fast: 0.3s; // Consider this as beta for the moment\n$db-transition-emotional-timing: cubic-bezier(0.27, 0.05, 0.4, 0.95); // Consider this as beta for the moment\n$db-transition-emotional-straight: 0.3s cubic-bezier(0.27, 0.05, 0.4, 0.95); // Consider this as beta for the moment\n$db-transition-functional-timing: cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-transition-functional-straight: 0.3s cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-transition-color: 0.3s cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-font-family-base: 'DB Screen Sans', Helvetica, Arial, sans-serif;\n$db-font-family-headline: 'DB Screen Head', Helvetica, Arial, sans-serif;\n","// Box sizing\nhtml {\n\tbox-sizing: var(--db-box-sizing, border-box);\n}\n\n*,\n::before,\n::after {\n\tbox-sizing: inherit;\n}\n\n// Media\nimg,\nembed,\niframe,\nobject,\nvideo {\n\theight: auto;\n\tmax-width: 100%;\n}\n\n// Iframe\niframe {\n\tborder: 0;\n}\n\n// * Individual styles\n// Navigation lists\nnav,\n[role=\"navigation\"] {\n\tol,\n\tul {\n\t\tlist-style: none;\n\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n}\n\n// General styles (TODO: most likely move those to DB UI Base)\n:root {\n\t--db-focus-outline-offset: 1px;\n\t--db-focus-outline-color: #2c95c4;\n}\n\n// Focus styles\n:is(a, button, input, textarea, summary) {\n\t--db-focus-outline-size: max(2px, 0.08em);\n\n\t&:focus-visible {\n\t\toutline: var(--db-focus-outline-size)\n\t\t\tvar(--db-focus-outline-style, solid)\n\t\t\tvar(--db-focus-outline-color, currentColor);\n\t\toutline-offset: var(\n\t\t\t--db-focus-outline-offset,\n\t\t\tvar(--db-focus-outline-size)\n\t\t);\n\t}\n}\n\n// List style / https://marketingportal.extranet.deutschebahn.com/de/brandguide/typografie-1#8e0be060-c2f5-42a1-abbc-6b050845d73c~paragraph--image_link\n:where(ul) {\n\tlist-style-type: \"\\2022\"+ \"   \";\n\n\tli::marker {\n\t\tcolor: $db-color-red-500;\n\t}\n}\n\n// details/summary box-sizing / https://kittygiraudel.com/2021/08/23/shadow-roots-and-inheritance/\ndetails {\n\t& > *,\n\t& > ::before,\n\t& > ::after {\n\t\tbox-sizing: var(--db-box-sizing, border-box);\n\t}\n}\n","%a11y-visually-hidden {\n\tclip: rect(0, 0, 0, 0);\n\theight: 1px;\n\toverflow: hidden;\n\tposition: absolute !important;\n\twhite-space: nowrap;\n\twidth: 1px;\n}\n","%clearfix::after {\n\tclear: both;\n\tcontent: \" \";\n\tdisplay: table;\n}\n","@use \"sass:map\";\n@import \"../../../css/db-ui-core.variables\";\n@import \"fonts.variables\";\n\n@each $font-name, $font-meta in $font-families {\n\t$font-family: map.get($font-meta, \"font-family\");\n\t$font-filename: map.get($font-meta, \"font-filename\");\n\t$font-weight: map.get($font-meta, \"font-weight\");\n\t$font-style: map.get($font-meta, \"font-style\");\n\t$font-local-name: map.get($font-meta, \"font-local-name\");\n\t$font-local-name-short: map.get($font-meta, \"font-local-name-short\");\n\n\t@font-face {\n\t\tfont-family: $font-family;\n\t\tfont-style: $font-style;\n\t\tfont-weight: $font-weight;\n\t\t@if $font-local-name and $font-local-name-short {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name-short}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t} @else if $font-local-name {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t} @else if $font-local-name-short {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name-short}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t} @else {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t}\n\t}\n}\n","// @import \"icons.variables\";\n\n// *** Attribute based method ***\n@each $icon-name, $icon-glyph in $icon-glyphs {\n\t[data-icon=\"#{$icon-name}\"],\n\t[data-icon-before=\"#{$icon-name}\"] {\n\t\t--icon-glyph-before: \"#{$icon-glyph}\";\n\t}\n\t[data-icon-after=\"#{$icon-name}\"] {\n\t\t--icon-glyph-after: \"#{$icon-glyph}\";\n\t}\n}\n","@use \"sass:map\";\n// Icon SCSS mixin\n@mixin icon(\n\t$glyph: \"\",\n\t$size: $icon-size,\n\t$style: $icon-style,\n\t$position: \"before\",\n\t$partial: false\n) {\n\t// We're setting this on the parent tag, so that it could get overwritten via data-icon=*\n\t@if $glyph != \"\" {\n\t\t& {\n\t\t\t--icon-glyph-#{$position}: \"#{$glyph}\";\n\t\t}\n\t}\n\n\t&::#{$position} {\n\t\t--icon-font-family: \"#{\"icons-\" + $size + \"-\" + $style}\",\n\t\t\t\"missing-icons\" !important;\n\n\t\tfont-size: var(\n\t\t\t--icon-font-size-#{$position},\n\t\t\tvar(--icon-font-size, #{to-rem($pxValue: $size)})\n\t\t);\n\n\t\t@if $position == \"before\" {\n\t\t\tmargin-inline-end: var(--icon-margin-after, #{$icon-content-space});\n\t\t}\n\t\t@if $position == \"after\" {\n\t\t\tmargin-inline-start: var(\n\t\t\t\t--icon-margin-before,\n\t\t\t\t#{$icon-content-space}\n\t\t\t);\n\t\t}\n\n\t\tcontent: var(--icon-glyph-#{$position});\n\t\t@supports (content: \"\"/\"\") {\n\t\t\t// Hiding icon from screenreaders\n\t\t\t// We couldn't just add the following code line and expect an forgiving behaviour of unsupporting browser to ignore this declaration, but need to wrap it into an @supports due to a bug in WebKit / older versions of  Safari: https://github.com/db-ui/core/pull/766\n\t\t\tcontent: var(--icon-glyph-#{$position}) / \"\"; // https://www.w3.org/TR/css-content-3/#alt\n\t\t}\n\n\t\t@if $partial {\n\t\t\t& {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\t/*** icon - partial ***/\n\t\t\t\t// * use !important to prevent issues with browser extensions that change fonts\n\t\t\t\tfont-family: var(--icon-font-family) !important;\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-variant: normal;\n\n\t\t\t\tfont-weight: normal; // CSS variables fallback\n\t\t\t\tfont-weight: var(--icon-font-weight, normal);\n\t\t\t\tline-height: 1;\n\t\t\t\ttext-transform: none;\n\t\t\t\tvertical-align: middle;\n\n\t\t\t\t/* stylelint-disable */\n\t\t\t\t// * Better Font Rendering ===========\n\t\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t\t-moz-osx-font-smoothing: grayscale;\n\t\t\t\t/* stylelint-enable */\n\n\t\t\t\t// Hiding icon from screenreaders\n\t\t\t\t/* stylelint-disable */\n\t\t\t\t-webkit-alt: \"\";\n\t\t\t\t/* stylelint-enable */\n\t\t\t\talt: \"\";\n\t\t\t\tspeak: none; // Hiding icon from screenreaders, fallback by older notation\n\t\t\t\tspeak: never; // Hiding icon from screenreaders\n\t\t\t}\n\t\t\t@media aural {\n\t\t\t\tcontent: none;\n\t\t\t}\n\t\t\t@media speech {\n\t\t\t\tcontent: none;\n\t\t\t}\n\t\t} @else {\n\t\t\t@extend %icon;\n\t\t}\n\t}\n}\n\n// SCSS mixin for elements that text should get hidden in favour of only displaying the included icon\n@mixin is-icon-text-replace($position: \"before\") {\n\t& {\n\t\tfont-size: 0;\n\t}\n\n\t@if $position == \"before\" {\n\t\t&::before {\n\t\t\t--icon-margin-after: 0;\n\t\t}\n\t} @else {\n\t\t&::after {\n\t\t\t--icon-margin-before: 0;\n\t\t}\n\t}\n}\n\n// Icon glyph mixin\n@function glyph($glyph) {\n\t@return map.get($icon-glyphs, $glyph);\n}\n\n// Icon meta data mixin\n@mixin iconMeta($size: $icon-size, $style: $icon-style, $position: \"before\") {\n\t&::#{$position} {\n\t\t--icon-font-family: \"#{\"icons-\" + $size + \"-\" + $style}\",\n\t\t\t\"missing-icons\" !important;\n\t\t--icon-font-size: #{to-rem($pxValue: $size)};\n\t}\n}\n","@use \"sass:string\";\n@import \"../../../css/db-ui-core.variables\";\n\n@import \"icons.variables\";\n\n// Potential TODO: usage of the standard filenames described by https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Icons/Funktionale-Icons-Architektur-und-Fahrzeuge\n\n@font-face {\n\tfont-display: block;\n\tfont-family: \"missing-icons\";\n\tsrc:\n\t\turl(\"#{$icons-path}functional/fonts/icons-empty.woff2?4r2099\")\n\t\t\tformat(\"woff2\"),\n\t\turl(\"#{$icons-path}functional/fonts/icons-empty.woff?4r2099\")\n\t\t\tformat(\"woff\");\n}\n\n// DB UX Icons\n@each $icon-style, $icon-sizes in $icon-font-families-personenverkehr {\n\t@each $icon-size, $icon-categories in $icon-sizes {\n\t\t@each $icon-category, $icon-font-unicodes in $icon-categories {\n\t\t\t@font-face {\n\t\t\t\t$icon-font-family: \"icons-\" + $icon-size + \"-\" + $icon-style;\n\n\t\t\t\tfont-display: block;\n\n\t\t\t\tfont-family: $icon-font-family;\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tsrc:\n\t\t\t\t\turl(\"#{$icons-path}functional/fonts/#{$icon-font-family+ \"-\" + $icon-category}.woff2?4r2099\")\n\t\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\t\turl(\"#{$icons-path}functional/fonts/#{$icon-font-family+ \"-\" + $icon-category}.woff?4r2099\")\n\t\t\t\t\t\tformat(\"woff\");\n\n\t\t\t\tunicode-range: string.unquote($icon-font-unicodes);\n\t\t\t}\n\t\t}\n\t}\n}\n","%icon {\n\t// Hiding icon from screenreaders\n\t-webkit-alt: \"\";\n\talt: \"\";\n\n\tdisplay: inline-block;\n\t/*** icon - placeholder ***/\n\t// * use !important to prevent issues with browser extensions that change fonts\n\tfont-family: var(--icon-font-family) !important;\n\n\t// * Better Font Rendering ===========\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\n\tfont-style: normal;\n\tfont-variant: normal;\n\tfont-weight: normal; // CSS variables fallback\n\tfont-weight: var(--icon-font-weight, normal);\n\tline-height: 1;\n\tspeak: none; // Hiding icon from screenreaders, fallback by older notation\n\tspeak: never; // Hiding icon from screenreaders\n\ttext-transform: none;\n\n\tvertical-align: middle;\n\n\t// Hiding icon from screenreaders\n\t@media aural {\n\t\tcontent: none;\n\t}\n\t@media speech {\n\t\tcontent: none;\n\t}\n}\n\n// TODO: The following construct was especially meant to enable a branch (EDS & FV) specific result - probably we could refactor this the sooner the later\n%defaultIconCustomProperties {\n\t--icon-font-family: #{$icons-font-family} !important;\n\t--icon-font-size: #{to-rem($pxValue: $icon-size)};\n}\n","// @import \"icons.variables\";\n\n@import \"icons.variables\";\n@import \"icons.attributes-mappings\";\n@import \"icons.helpers\";\n@import \"icons.custom-properties\";\n@import \"icons.font-faces\";\n@import \"icons.placeholder\";\n\n[data-icon],\n[data-icon-before] {\n\t&::before {\n\t\t@extend %icon;\n\t\tcontent: var(--icon-glyph-before);\n\t\tmargin-inline-end: var(--icon-margin-after, #{$icon-content-space});\n\t\tfont-size: var(\n\t\t\t--icon-font-size-before,\n\t\t\tvar(--icon-font-size, #{to-rem($pxValue: $icon-size)})\n\t\t);\n\t}\n}\n\n[data-icon-after] {\n\t&::after {\n\t\t@extend %icon;\n\t\tcontent: var(--icon-glyph-after);\n\t\tmargin-inline-start: var(--icon-margin-before, #{$icon-content-space});\n\t\tfont-size: var(\n\t\t\t--icon-font-size-after,\n\t\t\tvar(--icon-font-size, #{to-rem($pxValue: $icon-size)})\n\t\t);\n\t}\n}\n\n// Providing a mechanism for text replacements\n.is-icon-text-replace {\n\t&[data-icon],\n\t&[data-icon-before] {\n\t\t@include is-icon-text-replace();\n\t}\n\n\t&[data-icon-after] {\n\t\t@include is-icon-text-replace(\"after\");\n\t}\n}\n","@charset \"utf-8\";\n\n@use \"sass:string\";\n@import \"button.variables\";\n\n.elm-button {\n\talign-items: center; // Centering the content vertically and horizontally\n\tborder: 1px solid transparent;\n\tborder-radius: 4px;\n\tdisplay: inline-flex; // Centering the content vertically and horizontally\n\tfont-size: to-rem($pxValue: 16);\n\tjustify-content: center; // Centering the content vertically and horizontally\n\tmin-height: $button---minHeight;\n\tpadding: to-rem($pxValue: 8) to-rem($pxValue: 16);\n\n\t&[data-icon],\n\t&[data-icon-before] {\n\t\tpadding-left: to-rem($pxValue: 14);\n\t}\n\n\t&[data-icon-after] {\n\t\tpadding-right: to-rem($pxValue: 14);\n\t}\n\t// Square icon only buttons\n\t&.is-icon-text-replace {\n\t\twidth: $button---minHeight;\n\t}\n\n\t/*&:focus {\n\t\tborder-color: #fff;\n\t}*/\n\t/*\t&:active {\n\t\tfilter: brightness(75%);\n\t}*/\n\n\t&%variant-brand-primary,\n\t&%variant-primary {\n\t\tcolor: $button---color;\n\t}\n\n\t&%variant-brand-primary,\n\t&%variant-primary {\n\t\tfont-weight: 700;\n\t}\n\n\t&%variant-brand-primary {\n\t\tbackground-color: $button-brand-primary--backgroundColor;\n\n\t\t&:disabled {\n\t\t\tbackground-color: string.unquote(\n\t\t\t\t$button-brand-primary--backgroundColor + \"40\"\n\t\t\t);\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-brand-primary-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: #cc0013; // TODO: replace by correct color variable\n\t\t\t}\n\t\t}\n\t}\n\n\t&%variant-primary {\n\t\tbackground-color: $button-primary--backgroundColor;\n\n\t\t&:disabled {\n\t\t\tbackground-color: string.unquote(\n\t\t\t\t$button-primary--backgroundColor + \"40\"\n\t\t\t);\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-primary-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: #363c4a;\n\t\t\t}\n\t\t}\n\t}\n\n\t&%variant-secondaryOutline {\n\t\t// TODO: This might get replaced by another effect\n\t\tbackdrop-filter: blur(4px);\n\t\tbackground-color: transparent;\n\t\tborder-color: $db-color-cool-gray-700;\n\t\tcolor: $db-color-cool-gray-700;\n\n\t\t&:disabled {\n\t\t\tcolor: string.unquote($db-color-cool-gray-700 + \"80\");\n\t\t\tborder-color: string.unquote($db-color-cool-gray-700 + \"40\");\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-secondaryOutline-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: $button-secondaryOutline-active-backgroundColor;\n\t\t\t}\n\t\t}\n\t}\n\n\t&%variant-secondarySolid {\n\t\tbackground-color: $button-secondarySolid--backgroundColor;\n\t\tcolor: $db-color-cool-gray-700;\n\n\t\t&:disabled {\n\t\t\tcolor: string.unquote($db-color-cool-gray-700 + \"80\");\n\t\t\tbackground-color: string.unquote(\n\t\t\t\t$button-secondarySolid--backgroundColor + \"40\"\n\t\t\t);\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-secondarySolid-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: $button-secondarySolid-active-backgroundColor;\n\t\t\t}\n\t\t}\n\t}\n\n\t&%variant-tertiaryPlain {\n\t\tbackground-color: transparent; // shame.css\n\t\tborder: 2px solid transparent;\n\t\tcolor: $db-color-cool-gray-700;\n\n\t\t&:disabled {\n\t\t\tcolor: string.unquote($db-color-cool-gray-700 + \"80\");\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-secondaryOutline-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: $button-secondaryOutline-active-backgroundColor;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Sizes\n\t&%size-Small {\n\t\tmin-height: to-rem($pxValue: 36);\n\n\t\t&:not(.is-icon-text-replace) {\n\t\t\tfont-size: to-rem($pxValue: 14);\n\t\t}\n\n\t\t&[data-icon],\n\t\t&[data-icon-before] {\n\t\t\t@include iconMeta(20);\n\t\t}\n\n\t\t&[data-icon-after] {\n\t\t\t@include iconMeta($size: 20, $position: \"after\");\n\t\t}\n\t\t// Square icon only buttons\n\t\t&.is-icon-text-replace {\n\t\t\twidth: to-rem($pxValue: 36);\n\t\t}\n\t}\n\n\t&%size-Large {\n\t\tmin-height: to-rem($pxValue: 52);\n\n\t\t&:not(.is-icon-text-replace) {\n\t\t\tfont-size: to-rem($pxValue: 20);\n\t\t}\n\t\t// Square icon only buttons\n\t\t&.is-icon-text-replace {\n\t\t\twidth: to-rem($pxValue: 52);\n\t\t}\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %size-Small;\n\t}\n\n\t&[data-size=\"large\"] {\n\t\t@extend %size-Large;\n\t}\n\n\t// Providing the variants as HTML attributes as well\n\t&[data-variant=\"brand-primary\"] {\n\t\t@extend %variant-brand-primary;\n\t}\n\n\t&[data-variant=\"primary\"] {\n\t\t@extend %variant-primary;\n\t}\n\n\t&[data-variant=\"secondary-outline\"] {\n\t\t@extend %variant-secondaryOutline;\n\t}\n\n\t&[data-variant=\"secondary-solid\"] {\n\t\t@extend %variant-secondarySolid;\n\t}\n\n\t&[data-variant=\"tertiary-plain\"] {\n\t\t@extend %variant-tertiaryPlain;\n\t}\n\n\t&:disabled {\n\t\tcolor: string.unquote($button---color + \"80\");\n\t}\n\n\t// width\n\t&%width-Full {\n\t\tinline-size: 100%;\n\t}\n\n\t&[data-width=\"full\"] {\n\t\t@extend %width-Full;\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n// We want to set the alpha value and that for need the long form hex code\n// stylelint-disable color-hex-length\n$button---color: #ffffff !default;\n// stylelint-enable color-hex-length\n\n$button---minHeight: to-rem(\n\t$pxValue: 44\n) !default;\n\n// Background colors\n$button-brand-primary--backgroundColor: $db-color-red-500 !default;\n$button-brand-primary-hover-backgroundColor: #db0016;\n\n$button-primary--backgroundColor: $db-color-cool-gray-700 !default;\n$button-primary-hover-backgroundColor: #2f3541;\n\n$button-secondarySolid--backgroundColor: $db-color-cool-gray-200 !default;\n$button-secondarySolid-hover-backgroundColor: #cdd4da !default;\n$button-secondarySolid-active-backgroundColor: #c5ccd3 !default;\n\n$button-secondaryOutline-hover-backgroundColor: rgba(\n\t$db-color-cool-gray-700,\n\t0.03\n) !default;\n\n$button-secondaryOutline-active-backgroundColor: rgba(\n\t$db-color-cool-gray-700,\n\t0.06\n) !default;\n","@use \"sass:math\";\n@import \"headline.variables\";\n\n.elm-headline {\n\ttext-wrap: balance;\n\n\tmargin-bottom: to-rem($pxValue: 16);\n\n\t// * TODO: These declarations make sense for the moment, but should get aligned with overall definitions of spacing around elements\n\tmargin-top: to-rem($pxValue: 24);\n\n\t&[data-pulse] {\n\t\t&::after {\n\t\t\tbackground: var(--db-pulse-background, #ec0016);\n\t\t\tborder-radius: calc(\n\t\t\t\tvar(--db-logo-height, #{$db-logo-default-height}) / 7 * 0.5\n\t\t\t);\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\tmargin-bottom: var(--db-pulse-margin-bottom, 14px);\n\t\t\tmargin-top: calc(\n\t\t\t\tvar(--db-logo-height, #{$db-logo-default-height}) * 0.5\n\t\t\t);\n\t\t\twidth: var(--db-logo-width, #{$db-logo-default-width});\n\t\t\theight: calc(var(--db-logo-height, #{$db-logo-default-height}) / 7);\n\t\t}\n\t}\n}\n\nh1,\nh2,\nh3 {\n\t&.elm-headline {\n\t\tfont-family: $db-font-family-headline;\n\t\tfont-weight: 900;\n\t}\n}\n\nh1 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h1-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tline-height: math.div(40, $rea-main-h1-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h1-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.14;\n\t\t}\n\t}\n}\n\nh2 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h2-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tline-height: math.div(28, $rea-main-h2-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h2-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.2;\n\t\t}\n\t}\n}\n\nh3 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h3-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tline-height: math.div(24, $rea-main-h3-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h3-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.33;\n\t\t}\n\t}\n}\n\nh4 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h4-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tfont-weight: 400;\n\t\tline-height: math.div(24, $rea-main-h4-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h4-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.25;\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"link.variables\";\n\n.elm-link {\n\tborder-radius: to-rem($pxValue: 4);\n\tdisplay: inline-block;\n\n\t// Link underline\n\ttext-underline-offset: to-rem($pxValue: 3);\n\ttext-underline-position: under;\n\t@supports (text-underline-offset: 3px) {\n\t\ttext-underline-position: auto;\n\t}\n\n\t&:active {\n\t\tcolor: initial;\n\t}\n\n\t// \"disabled\" links\n\t&[aria-disabled=\"true\"] {\n\t\topacity: $link--disabled-opacity;\n\n\t\tpointer-events: none;\n\n\t\t&::before {\n\t\t\tcolor: initial;\n\t\t}\n\t}\n\n\t// Sizes\n\t&%size-Small {\n\t\t&:not(.is-icon-text-replace) {\n\t\t\tfont-size: to-rem($pxValue: 14);\n\t\t}\n\n\t\t&[rel],\n\t\t&[data-icon],\n\t\t&[data-icon-before] {\n\t\t\t@include iconMeta(20);\n\t\t}\n\n\t\t&[data-icon-after]::after {\n\t\t\t@include iconMeta($size: 20, $position: \"after\");\n\t\t}\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %size-Small;\n\t}\n\n\t// Define the available icons\n\t&[rel=\"configuration\"] {\n\t\t@include icon(glyph(settings), 24, \"outline\", $partial: $partial);\n\t}\n\n\t&[rel=\"messages\"] {\n\t\t@include icon(glyph(chat), 24, \"outline\", $partial: $partial);\n\t}\n\n\t&[rel=\"account\"] {\n\t\t@include icon(glyph(account), 24, \"outline\", $partial: $partial);\n\t}\n\n\t&[rel=\"configuration\"],\n\t&[rel=\"messages\"],\n\t&[rel=\"account\"] {\n\t\t&::before {\n\t\t\t// preventing an underlined icon on click\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n}\n","@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/colors/colors.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$link--disabled-opacity: 0.4 !default;\n$link-reaMain--color: $db-color-cyan-600 !default;\n","@use \"sass:map\";\n@import \"logo.variables\";\n\n.elm-logo {\n\t$logo-sizes: (\n\t\t\"xsmall\": (\n\t\t\t\"width\": 20px,\n\t\t\t\"height\": 14px\n\t\t),\n\t\t\"small\": (\n\t\t\t\"width\": 29px,\n\t\t\t\"height\": 20px\n\t\t),\n\t\t\"medium\": (\n\t\t\t\"width\": 34px,\n\t\t\t\"height\": 24px\n\t\t),\n\t\t\"large\": (\n\t\t\t\"width\": 40px,\n\t\t\t\"height\": 28px\n\t\t),\n\t\t\"xlarge\": (\n\t\t\t\"width\": 56px,\n\t\t\t\"height\": 40px\n\t\t)\n\t);\n\t// aspect-ratio: 10 / 7;\n\n\twidth: var(--db-logo-width, #{$db-logo-default-width});\n\theight: var(--db-logo-height, #{$db-logo-default-height});\n\t// Logo safe zone\n\t// margin: calc(var(--db-logo-height, #{$db-logo-default-height}) * 0.5);\n\n\t&[data-size=\"xsmall\"] {\n\t\t@extend %logo-size-xsmall;\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %logo-size-small;\n\t}\n\n\t&[data-size=\"medium\"] {\n\t\t@extend %logo-size-medium;\n\t}\n\n\t&[data-size=\"large\"] {\n\t\t@extend %logo-size-large;\n\t}\n\n\t&[data-size=\"xlarge\"] {\n\t\t@extend %logo-size-xlarge;\n\t}\n\n\t@each $name, $dimensions in $logo-sizes {\n\t\t&%logo-size-#{$name} {\n\t\t\t--db-logo-width: #{map.get($dimensions, \"width\")};\n\t\t\t--db-logo-height: #{map.get($dimensions, \"height\")};\n\n\t\t\tbody:has(&) .elm-headline[data-pulse] {\n\t\t\t\t--db-logo-width: #{map.get($dimensions, \"width\")};\n\t\t\t\t--db-logo-height: #{map.get($dimensions, \"height\")};\n\t\t\t}\n\n\t\t\t// Legacy browsers\n\t\t\t& ~ .elm-headline[data-pulse] {\n\t\t\t\t--db-logo-width: #{map.get($dimensions, \"width\")};\n\t\t\t\t--db-logo-height: #{map.get($dimensions, \"height\")};\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../css/helpers/functions\";\n@import \"form-elements.variables\";\n\n%form-element {\n\t--formElement---borderTopColor: var(\n\t\t--formElement---borderColor,\n\t\ttransparent\n\t);\n\t--formElement---borderRightColor: var(\n\t\t--formElement---borderColor,\n\t\ttransparent\n\t);\n\t--formElement---borderBottomColor: var(\n\t\t--formElement---borderColor,\n\t\t#{$form-elements-semitransparent-border-bottom-color}\n\t);\n\t--formElement---borderLeftColor: var(\n\t\t--formElement---borderColor,\n\t\ttransparent\n\t);\n\tborder-radius: 4px;\n\n\tcaret-color: $db-color-red-500;\n\n\tcolor: $form-elements-color;\n\n\t// Description styles\n\t& ~ .description {\n\t\tcolor: $db-color-cool-gray-500;\n\t\tfont-size: to-rem($pxValue: 14);\n\n\t\tpadding: to-rem($pxValue: 6) to-rem($pxValue: 10);\n\t}\n}\n\n%form-label {\n\t&[data-label-hidden=\"true\"] {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\t}\n}\n\n// ### Style variations\n// Semitransparent\n%form-element-semitransparent {\n\t--formElement---borderColor: #{$form-elements-semitransparent-border-bottom-color};\n\tbackground-color: $form-elements-semitransparent-background-color;\n\tborder-bottom: $form-elements---borderBottom;\n\tborder-left: $form-elements---borderLeft;\n\tborder-left-color: transparent;\n\tborder-right: $form-elements---borderRight;\n\tborder-right-color: transparent;\n\tborder-top: $form-elements---borderTop;\n\tborder-top-color: transparent;\n}\n\n// White\n%form-element-white {\n\t--formElement---borderColor: #{$form-elements-white-border-bottom-color};\n\tbackground-color: $form-elements-white-background-color;\n\tborder-bottom: $form-elements---borderBottom;\n\tborder-left: $form-elements---borderLeft;\n\tborder-left-color: transparent;\n\tborder-right: $form-elements---borderRight;\n\tborder-right-color: transparent;\n\tborder-top: $form-elements---borderTop;\n\tborder-top-color: transparent;\n}\n\n// Solid\n%form-element-solid {\n\t--formElement---borderColor: #{$form-elements-solid-border-bottom-color};\n\tbackground-color: $form-elements-solid-background-color;\n\tborder-bottom: $form-elements---borderBottom;\n\tborder-left: $form-elements---borderLeft;\n\tborder-left-color: transparent;\n\tborder-right: $form-elements---borderRight;\n\tborder-right-color: transparent;\n\tborder-top: $form-elements---borderTop;\n\tborder-top-color: transparent;\n}\n\n// Outline\n%form-element-outline {\n\t--formElement---borderColor: #{$form-elements-outline-border-color};\n\tbackground-color: transparent;\n\tborder-bottom: $form-elements---borderBottom;\n\tborder-left: $form-elements---borderLeft;\n\tborder-right: $form-elements---borderRight;\n\tborder-top: $form-elements---borderTop;\n}\n\n// Validation\n// We need to differentiate here because of any non-textual input elements like select, radio and checkbox, that we couldn't handle by :placeholder-shown\n// TODO: maybe we could totally restructure this, work with a :not(select) instead, differentiate in between user-invalid and provide a fallback (https://github.com/db-ui/mono/pull/893), etc.\n%form-element-validation {\n\t&:not([aria-invalid]) {\n\t\t&:user-valid {\n\t\t\t--formElement---borderColor: #{$db-color-green-600};\n\t\t}\n\n\t\t&:user-invalid {\n\t\t\t--formElement---borderColor: #{$db-color-red-500};\n\t\t}\n\t}\n}\n%form-element-validation-programmatic {\n\t&[aria-invalid=\"true\"] {\n\t\t--formElement---borderColor: #{$db-color-red-500};\n\t}\n}\n\n// counter styling\n%form-element-counter {\n\t&:has(+ .description) {\n\t\tfloat: right;\n\t}\n\n\t@supports (position-area: block-end span-inline-start) {\n\t\t&:not(:has(+ .description)) {\n\t\t\tposition: absolute;\n\t\t\t// stylelint-disable-next-line property-no-unknown\n\t\t\tposition-area: block-end span-inline-start;\n\t\t}\n\t}\n\n\t// Description styles\n\t// TODO: This probably still needs to get further changed to a general \"hint\" pattern or similar\n\t&,\n\t& + .description {\n\t\tcolor: $db-color-cool-gray-500;\n\t\tfont-size: to-rem($pxValue: 14);\n\t\tpadding: to-rem($pxValue: 6) to-rem($pxValue: 10);\n\t}\n}\n\n// enhance the clickable area for checkbox and radio elements\n%form-element-enhanced-clickable-area {\n\t&:has(+ label) {\n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\twidth: calc(\n\t\t\t\tvar(--db-form-element-dimensions) + #{to-rem($pxValue: 4)}\n\t\t\t);\n\t\t\theight: var(--db-form-element-dimensions);\n\t\t\ttransform: translateX(#{to-rem($pxValue: 4)});\n\t\t\tposition: absolute;\n\t\t}\n\t}\n}\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"checkbox.variables\";\n@import \"../form-elements\";\n\n.elm-checkbox {\n\t--db-form-element-dimensions: var(\n\t\t--db-checkbox-dimensions,\n\t\t#{to-rem($pxValue: 24)}\n\t);\n\n\talign-content: center;\n\n\tappearance: none;\n\tbackground-color: $checkbox---backgroundColor;\n\tborder: #{to-rem($pxValue: 1)} solid $checkbox---borderColor;\n\tborder-radius: 4px;\n\tcolor: $checkbox---color;\n\n\tdisplay: inline-flex;\n\theight: var(--db-form-element-dimensions);\n\tjustify-content: center;\n\twidth: var(--db-form-element-dimensions);\n\n\t& {\n\t\t@extend %form-element-enhanced-clickable-area;\n\t\t@include icon(\"\\00A0\", 24, \"outline\", $partial: $partial);\n\t}\n\n\t&[type=\"checkbox\"] {\n\t\tvertical-align: top;\n\t}\n\n\t&::before {\n\t\t--icon-font-size: 1.375rem;\n\t\tmargin-right: 0;\n\t}\n\n\t&:checked {\n\t\tbackground-color: $checkbox--checked-backgroundColor;\n\n\t\t&::before {\n\t\t\tcolor: $checkbox--checked-color;\n\t\t\tcontent: glyph(done);\n\t\t}\n\t}\n\n\t&:enabled {\n\t\t&:hover {\n\t\t\tbackground-color: rgba(40, 45, 55, 0.14);\n\n\t\t\t&:checked {\n\t\t\t\tbackground-color: $checkbox-hover-checked-backgroundColor;\n\t\t\t}\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground-color: rgba(40, 45, 55, 0.14);\n\t\t}\n\t}\n\n\t&:indeterminate {\n\t\t&::before {\n\t\t\tcontent: glyph(minus);\n\t\t}\n\t}\n\n\t&:disabled {\n\t\t&,\n\t\t& + label {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t& + label {\n\t\t@extend %form-label;\n\n\t\tpadding-inline-start: $db-spacing-xs;\n\t}\n}\n","@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n@import \"../../00-base/colors/colors.variables\";\n\n$checkbox---backgroundColor: rgba(255, 255, 255, 0.1) !default;\n$checkbox---borderColor: $db-color-cool-gray-700 !default;\n$checkbox---color: $db-color-cool-gray-700 !default;\n\n$checkbox--checked-backgroundColor: $db-color-cool-gray-700 !default;\n$checkbox--checked-color: #fff !default;\n\n$checkbox-hover-checked-backgroundColor: #52575f !default;\n\n// On dark background\n$checkbox-onDarkBackground--backgroundColor: transparent !default;\n$checkbox-onDarkBackground--borderColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n$checkbox-onDarkBackground--color: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"input.variables\";\n@import \"../form-elements\";\n\n.elm-input {\n\t@extend %form-element;\n\n\tcolor: $input---color;\n\n\tfont-size: to-rem($pxValue: 16);\n\theight: to-rem($pxValue: 44);\n\tline-height: to-rem($pxValue: 24);\n\tmax-width: 100%;\n\n\twidth: 100%;\n\n\tpadding-inline: $db-spacing-m;\n\t// No need to reposition the included value on hidden label\n\t&:not(:has(+ label[data-label-hidden=\"true\"])) {\n\t\tpadding-block: $db-spacing-s;\n\t}\n\n\t&[list] {\n\t\t&::-webkit-calendar-picker-indicator {\n\t\t\tmargin-right: -1rem;\n\t\t}\n\t}\n\n\t&:not(:placeholder-shown) {\n\t\tpadding-bottom: 0;\n\t\t// No need to reposition the included value on hidden label\n\t\t&:not(:has(+ label[data-label-hidden=\"true\"])) {\n\t\t\tpadding-top: to-rem($pxValue: 16);\n\t\t}\n\t}\n\n\t// * TODO: to get evaluated\n\t// display: inline-flex;\n\t// align-items: center;\n\t// justify-content: flex-start;\n\t// max-width: 100%;\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:focus,\n\t&:hover {\n\t\t&:not(:disabled) {\n\t\t\t--formElement---borderColor: #{$db-color-cool-gray-400};\n\t\t}\n\t}\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:disabled,\n\tfieldset:disabled & {\n\t\t&,\n\t\t& + .elm-label {\n\t\t\t// Decided against cursor: not-allowed, compare to e.g. https://phabricator.wikimedia.org/T121960\n\t\t\topacity: 0.4;\n\t\t}\n\t}\n\n\t&[type=\"color\"],\n\t&[type=\"date\"],\n\t&[type=\"datetime-local\"],\n\t&[type=\"email\"],\n\t&[type=\"month\"],\n\t&[type=\"number\"],\n\t&[type=\"password\"],\n\t:where(:not(.cmp-sitesearch)) > &[type=\"search\"],\n\t&[type=\"tel\"],\n\t&[type=\"text\"],\n\t&[type=\"time\"],\n\t&[type=\"url\"],\n\t&[type=\"week\"] {\n\t\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t\t// Semitransparent is the default style\n\t\t@at-root :where(#{&}) {\n\t\t\t@extend %form-element-semitransparent;\n\t\t}\n\n\t\t// Floating labels\n\t\t&:not([type=\"date\"]):not([type=\"datetime-local\"]):not(\n\t\t\t\t[type=\"month\"]\n\t\t\t):not([type=\"time\"]):not([type=\"week\"])\n\t\t\t+ .elm-label {\n\t\t\t// position: absolute;\n\t\t\t// left: calc(#{to-em($pxValue: 10)} - 1px);\n\n\t\t\ttransition:\n\t\t\t\topacity,\n\t\t\t\ttransform 250ms;\n\t\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\ttransition-duration: 0.01s !important;\n\t\t\t}\n\t\t}\n\n\t\t& + .elm-label {\n\t\t\t@extend %form-label;\n\n\t\t\tcolor: $db-color-cool-gray-500;\n\t\t\tdisplay: block;\n\t\t\tfont-size: to-rem($pxValue: 12);\n\n\t\t\tmargin-bottom: -#{to-rem($pxValue: 18)};\n\t\t\ttransform: translate($db-spacing-m, -#{to-rem($pxValue: 41)});\n\n\t\t\t& + output,\n\t\t\t& ~ .description {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t&[placeholder] {\n\t\t\t&:placeholder-shown {\n\t\t\t\t& + label {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&::placeholder {\n\t\t\tcolor: $db-color-cool-gray-500;\n\t\t}\n\n\t\t// ### Style variations\n\t\t&[data-variant=\"semitransparent\"] {\n\t\t\t@extend %form-element-semitransparent;\n\t\t}\n\n\t\t&[data-variant=\"white\"] {\n\t\t\t@extend %form-element-white;\n\t\t}\n\n\t\t&[data-variant=\"solid\"] {\n\t\t\t@extend %form-element-solid;\n\t\t}\n\n\t\t&[data-variant=\"outline\"] {\n\t\t\t@extend %form-element-outline;\n\t\t}\n\n\t\t// Validation\n\t\t/* stylelint-disable order/order */\n\t\t@extend %form-element-validation;\n\t\t@extend %form-element-validation-programmatic;\n\t\t/* stylelint-enable order/order */\n\t}\n\n\t&:is(\n\t\t\t[type=\"email\"],\n\t\t\t[type=\"password\"],\n\t\t\t[type=\"search\"],\n\t\t\t[type=\"tel\"],\n\t\t\t[type=\"text\"],\n\t\t\t[type=\"url\"]\n\t\t)\n\t\t+ label\n\t\t+ output {\n\t\t@extend %form-element-counter;\n\t}\n\n\t&[type=\"search\"] {\n\t\tbackground: var(\n\t\t\t\t--db-ic-search-24,\n\t\t\t\turl(#{$icons-path}functional/images/action/db_ic_search_24.svg)\n\t\t\t)\n\t\t\tno-repeat to-rem($pxValue: 6) to-rem($pxValue: 12);\n\t\tbackground-size: to-rem($pxValue: 19);\n\t\tpadding-left: to-rem($pxValue: 32);\n\n\t\t:not(.cmp-sitesearch) > & {\n\t\t\t@extend %form-element-semitransparent;\n\n\t\t\t& + .elm-label {\n\t\t\t\tmargin-left: to-rem($pxValue: 16);\n\t\t\t}\n\t\t}\n\t}\n}\n","@charset \"utf-8\";\n@use \"sass:map\";\n@use \"sass:math\";\n\n@import \"loading-indicator.variables\";\n\n.elm-loadingindicator {\n\tdisplay: block;\n}\n\n@mixin loadingindicator--sizes($prefix) {\n\t@each $size in (xl l m s xs) {\n\t\t$stroke-width: 3px;\n\t\t@if $size == s or $size == xs {\n\t\t\t$stroke-width: 2px;\n\t\t}\n\t\t//.#{$prefix}loadingindicator--size-#{$size} {\n\t\t&%size-#{$size} {\n\t\t\t--loadingindicator--stroke-width: #{math.div(\n\t\t\t\t\t44px,\n\t\t\t\t\tmap.get($db-spinner-sizes, $size)\n\t\t\t\t) *\n\t\t\t\t$stroke-width};\n\t\t\t--loadingindicator--r: 19px;\n\t\t\theight: map.get($db-spinner-sizes, $size);\n\t\t\twidth: map.get($db-spinner-sizes, $size);\n\t\t}\n\t}\n}\n\n.elm-loadingindicator {\n\tanimation: loadingindicator-rotate 3s linear infinite;\n\tcolor: $db-color-red-500;\n\t/* stylelint-disable */\n\t@include loadingindicator--sizes(\"elm-\");\n\t@extend %size-m; // default\n\t/* stylelint-enable */\n\n\t&[data-size=\"xs\"] {\n\t\t@extend %size-xs;\n\t}\n\n\t&[data-size=\"s\"] {\n\t\t@extend %size-s;\n\t}\n\n\t&[data-size=\"m\"] {\n\t\t@extend %size-m;\n\t}\n\n\t&[data-size=\"l\"] {\n\t\t@extend %size-l;\n\t}\n\n\t&[data-size=\"xl\"] {\n\t\t@extend %size-xl;\n\t}\n}\n\n.elm-loadingindicator__circle {\n\tanimation: loadingindicator-stroke 1.5s ease-in-out infinite;\n\tr: var(--loadingindicator--r);\n\tstroke: currentcolor;\n\tstroke-dasharray: 1, 200;\n\tstroke-dashoffset: 0;\n\tstroke-linecap: round;\n\tstroke-width: var(--loadingindicator--stroke-width);\n}\n\n@keyframes loadingindicator-rotate {\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n@keyframes loadingindicator-stroke {\n\t0% {\n\t\tstroke-dasharray: 1, 200;\n\t\tstroke-dashoffset: 0;\n\t}\n\n\t50% {\n\t\tstroke-dasharray: 96, 200;\n\t\tstroke-dashoffset: -32;\n\t}\n\n\t100% {\n\t\tstroke-dasharray: 96, 200;\n\t\tstroke-dashoffset: -124;\n\t}\n}\n","@import \"../../../css/db-ui-core.variables\";\n\n$progress---height: to-rem(\n\t$pxValue: 4\n) !default;\n$progress-value--backgroundColor: var(\n\t--progress-value--backgroundColor\n) !default;\n\n.elm-progress progress {\n\t--progress-value--backgroundColor: #{$db-color-red};\n}\n\n$progress---backgroundColor: #fcfdfd !default;\n\n// Alternative - on dark background\n$progress-onDarkBackground-value-backgroundColor: $db-color-cool-gray-400 !default;\n\n// Circle alternative\n$progress-conic--size: 75 * 0.0625 !default;\n$progress-conic-inner-size: $progress-conic--size - 1.25 !default;\n\n$progress-conic--backgroundColor: #fff !default;\n$progress-conic-inner-backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n// Alternative - on dark background\n$progress-onDarkBackground-conic-inner-backgroundColor: $db-color-cool-gray-700 !default;\n\n$progress-conic--translateX: to-rem(\n\t$pxValue: 10\n) !default;\n$progress-conic--translateY: -#{to-rem(\n\t\t$pxValue: 65\n\t)} !default;\n","@import \"../../../css/helpers/functions\";\n@import \"progress.variables\";\n\n.elm-progress {\n\tprogress {\n\t\tappearance: none;\n\t\tbackground-color: $progress---backgroundColor;\n\t\tborder: none;\n\t\theight: $progress---height;\n\t\tvertical-align: middle;\n\n\t\t// Coloring the progress bar for the regular progress element\n\t\t&::-webkit-progress-bar {\n\t\t\tbackground-color: $progress---backgroundColor;\n\t\t}\n\n\t\t&::-webkit-progress-value {\n\t\t\tbackground-color: $progress-value--backgroundColor; // * TODO: possibly rework variable naming\n\t\t}\n\n\t\t&::-moz-progress-bar {\n\t\t\tbackground-color: $progress-value--backgroundColor; // * TODO: possibly rework variable naming\n\t\t}\n\n\t\t&::-ms-fill {\n\t\t\tbackground-color: $progress-value--backgroundColor; // * TODO: possibly rework variable naming\n\t\t\tborder: none;\n\t\t}\n\n\t\t&:not([style^=\"--progress-conic:\"]) {\n\t\t\t&::-webkit-progress-value {\n\t\t\t\tborder-radius: 12px;\n\t\t\t}\n\n\t\t\t&::-moz-progress-bar {\n\t\t\t\tborder-radius: 12px;\n\t\t\t}\n\n\t\t\t&::-ms-fill {\n\t\t\t\tborder-radius: 12px;\n\t\t\t}\n\t\t}\n\n\t\t// Styling the special indeterminate state\n\t\t&:indeterminate {\n\t\t\tanimation-duration: 2.1s;\n\t\t\tanimation-iteration-count: infinite;\n\t\t\tanimation-name: elmProgressMoveIndeterminate;\n\t\t\tanimation-timing-function: linear;\n\t\t\tanimation-timing-function: cubic-bezier(0.65, 0.815, 0.735, 0.395);\n\t\t\tbackground-color: $progress---backgroundColor;\n\t\t\tbackground-image: linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t$db-color-red 100%,\n\t\t\t\t$progress---backgroundColor 100%\n\t\t\t);\n\t\t\tbackground-position: top left;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-size: 150% 150%;\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\tanimation-duration: 15s;\n\t\t\t}\n\n\t\t\t&::-webkit-progress-bar {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n\t\t\t&::-moz-progress-bar {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\n\t\t// Transforming the element to the conic circle\n\t\t&[style^=\"--progress-conic:\"] {\n\t\t\t@supports (background: conic-gradient(#000, #fff)) {\n\t\t\t\t--fill: calc(var(--progress-conic) * 1%);\n\n\t\t\t\tbackground: conic-gradient(\n\t\t\t\t\t$progress-value--backgroundColor var(--fill),\n\t\t\t\t\t$progress-conic--backgroundColor 0\n\t\t\t\t); // * TODO: possibly rework variable naming\n\n\t\t\t\tborder: 0;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\theight: #{$progress-conic--size}rem; // * TODO: possibly rework variable naming\n\t\t\t\twidth: #{$progress-conic--size}rem; // * TODO: possibly rework variable naming\n\n\t\t\t\t// * hides all pseudo elements on Webkit\n\t\t\t\t&::-webkit-progress-inner-element,\n\t\t\t\t&::-webkit-progress-bar,\n\t\t\t\t&::-webkit-progress-value {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t&::-moz-progress-bar {\n\t\t\t\t\tbackground: none;\n\t\t\t\t}\n\n\t\t\t\t& + output, // legacy; TODO: remove with the next major release\n\t\t\t\t& + label {\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tbackground: $progress-conic-inner-backgroundColor; // * TODO: possibly rework variable naming\n\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\theight: #{$progress-conic-inner-size}rem;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttransform: translate(\n\t\t\t\t\t\t$progress-conic--translateX,\n\t\t\t\t\t\t$progress-conic--translateY\n\t\t\t\t\t);\n\t\t\t\t\twidth: #{$progress-conic-inner-size}rem;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n@keyframes elmProgressMoveIndeterminate {\n\t0% {\n\t\tbackground-position: (-35%) 0;\n\t\tbackground-size: 35% 100%;\n\t}\n\n\t60% {\n\t\tbackground-position: 101% 0;\n\t\tbackground-size: 65% 100%;\n\t}\n\n\t100% {\n\t\tbackground-position: 101% 0;\n\t\tbackground-size: 1% 100%;\n\t}\n}\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"radio.variables\";\n@import \"../form-elements\";\n\n.elm-radio {\n\t--db-form-element-dimensions: var(\n\t\t--db-radio-dimensions,\n\t\t#{to-em($pxValue: 20)}\n\t);\n\n\t@extend %form-element-enhanced-clickable-area;\n\n\tappearance: none;\n\n\tbackground-color: rgba(255, 255, 255, 0.1);\n\tborder: to-rem($pxValue: 1) solid $radio---border;\n\tborder-radius: to-em($pxValue: 16);\n\n\t// * the basic, unchecked style\n\tdisplay: inline-block;\n\n\tfont-size: to-rem($pxValue: 16);\n\theight: var(--db-form-element-dimensions);\n\n\ttransition: border-width 0.5s ease;\n\n\twidth: var(--db-form-element-dimensions);\n\n\t&[type=\"radio\"] {\n\t\tvertical-align: sub;\n\t}\n\n\t&:enabled {\n\t\t&:hover {\n\t\t\t&:not(:checked) {\n\t\t\t\tbackground-color: rgba(40, 45, 55, 0.14);\n\t\t\t}\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground-color: rgba(40, 45, 55, 0.3);\n\t\t}\n\t}\n\n\t&:checked {\n\t\tborder-width: to-em($pxValue: 6);\n\t}\n\t// * the invalid style using the :user-invalid pseudo class (and [aria-invalid=\"true\"] equivalent, see #136 and #141)\n\t&:is(:user-invalid),\n\t&[aria-invalid=\"true\"] {\n\t\tborder-color: #c13e34;\n\t}\n\t// * TODO: never forget focus styling\n\t// &:focus::after {\n\t// content: \"\\0020\\2190\";\n\t// font-size: to-em($pxValue: 24);\n\t// line-height: 1;\n\t// vertical-align: -(to-em($pxValue: 2));\n\t// }\n\n\t& + label {\n\t\t@extend %form-label;\n\n\t\tpadding-inline-start: $db-spacing-xs;\n\t}\n\n\t&:disabled {\n\t\t&,\n\t\t& + label {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t@media (prefers-reduced-motion: reduce) {\n\t\ttransition-duration: 0.01s !important;\n\t}\n}\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"textarea.variables\";\n@import \"../form-elements\";\n\n.elm-textarea {\n\t@extend %form-element;\n\n\tdisplay: block;\n\n\tfont-size: to-rem($pxValue: 16);\n\theight: to-rem($pxValue: 44);\n\tline-height: to-rem($pxValue: 24);\n\tmax-width: 100%;\n\n\tpadding: to-rem($pxValue: 6) to-rem($pxValue: 10);\n\n\tresize: vertical;\n\n\twidth: 100%;\n\n\t// Semitransparent is the default style\n\t@at-root :where(#{&}) {\n\t\t@extend %form-element-semitransparent;\n\t}\n\n\t// * to be evaluated\n\t// display: inline-flex;\n\t// align-items: center;\n\t// justify-content: flex-start;\n\n\t.elm-label:has(+ &) {\n\t\t@extend %form-label;\n\t}\n\n\t&:not([rows]) {\n\t\tmax-height: to-rem($pxValue: 600);\n\t\tmin-height: to-rem($pxValue: 120);\n\t}\n\n\t&[rows] {\n\t\theight: initial;\n\t}\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:focus,\n\t&:hover {\n\t\t&:not(:disabled) {\n\t\t\t--formElement---borderColor: #{$db-color-cool-gray-400};\n\t\t}\n\t}\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:disabled,\n\tfieldset:disabled & {\n\t\t&,\n\t\t& + .elm-label {\n\t\t\t// Decided against cursor: not-allowed, compare to e.g. https://phabricator.wikimedia.org/T121960\n\t\t\topacity: 0.4;\n\t\t}\n\t}\n\n\t& + output {\n\t\t@extend %form-element-counter;\n\t}\n\n\t// ### Style variations\n\t&[data-variant=\"semitransparent\"] {\n\t\t@extend %form-element-semitransparent;\n\t}\n\n\t&[data-variant=\"white\"] {\n\t\t@extend %form-element-white;\n\t}\n\n\t&[data-variant=\"solid\"] {\n\t\t@extend %form-element-solid;\n\t}\n\n\t&[data-variant=\"outline\"] {\n\t\t@extend %form-element-outline;\n\t}\n\n\t// Validation\n\t/* stylelint-disable order/order */\n\t@extend %form-element-validation;\n\t@extend %form-element-validation-programmatic;\n\t/* stylelint-enable order/order */\n}\n","@import \"../../../css/partials.meta\";\n@import \"select.variables\";\n@import \"../form-elements\";\n@import \"../../../css/db-ui-core.variables\";\n\n.elm-select {\n\t@extend %form-element;\n\tappearance: none;\n\tfont-size: to-rem($pxValue: 16);\n\n\t// For IE\n\t&::-ms-expand {\n\t\tdisplay: none;\n\t}\n\n\t// Style the regular (non-multiple) select elements\n\t&:not([multiple]) {\n\t\tbackground-image: var(\n\t\t\t--db-ic-expand-more-20,\n\t\t\turl(#{$icons-path}functional/images/navigation/db_ic_expand_more_20.svg)\n\t\t);\n\t\tbackground-position: right to-rem($pxValue: 11) center;\n\t\tbackground-repeat: no-repeat;\n\t\theight: to-rem($pxValue: 44);\n\t\tpadding: to-rem($pxValue: 20) to-rem($pxValue: 42) 0 $db-spacing-m;\n\n\t\t// Semitransparent is the default style\n\t\t@at-root :where(#{&}) {\n\t\t\t@extend %form-element-semitransparent;\n\t\t}\n\n\t\t// No need to reposition the included value on hidden label\n\t\t&:has(+ label[data-label-hidden=\"true\"]) {\n\t\t\tpadding-top: 0;\n\t\t}\n\n\t\t// Floating labels\n\t\t& + .elm-label {\n\t\t\tpointer-events: none;\n\t\t\tposition: absolute;\n\t\t\ttransition:\n\t\t\t\topacity,\n\t\t\t\ttransform 250ms;\n\t\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\ttransition-duration: 0.01s !important;\n\t\t\t}\n\t\t}\n\n\t\t&:has(option:checked:empty) {\n\t\t\t& + .elm-label {\n\t\t\t\tcolor: $select-floatingLabel--color;\n\t\t\t\tfont-size: to-rem($pxValue: 16);\n\t\t\t\ttransform: translate($db-spacing-m, -#{to-rem($pxValue: 35)});\n\t\t\t}\n\t\t}\n\n\t\t// Validation\n\t\t/* stylelint-disable order/order */\n\t\t@extend %form-element-validation-programmatic;\n\t\t/* stylelint-enable order/order */\n\t\t&,\n\t\t&[data-variant]  {\n\t\t\t&:not([aria-invalid]) {\n\t\t\t\t&:is(:user-valid) {\n\t\t\t\t\t--formElement---borderColor: #{$db-color-green-600};\n\t\t\t\t}\n\n\t\t\t\t&:is(:user-invalid) {\n\t\t\t\t\t--formElement---borderColor: #{$db-color-red-500};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:disabled,\n\tfieldset:disabled & {\n\t\t&,\n\t\t& + .elm-label {\n\t\t\t// Decided against cursor: not-allowed, compare to e.g. https://phabricator.wikimedia.org/T121960\n\t\t\topacity: 0.4;\n\t\t}\n\t}\n\n\t// ### Style variations\n\t&[data-variant=\"semitransparent\"] {\n\t\t@extend %form-element-semitransparent;\n\t}\n\n\t&[data-variant=\"white\"] {\n\t\t@extend %form-element-white;\n\t}\n\n\t&[data-variant=\"solid\"] {\n\t\t@extend %form-element-solid;\n\t}\n\n\t&[data-variant=\"outline\"] {\n\t\t@extend %form-element-outline;\n\t}\n\n\t// Floating labels\n\t& + .elm-label {\n\t\t@extend %form-label;\n\n\t\tdisplay: block;\n\t\tfont-size: to-rem($pxValue: 12);\n\t\tmargin-bottom: -#{to-rem($pxValue: 18)};\n\t\ttransform: translate($db-spacing-m, -#{to-rem($pxValue: 41)});\n\t\ttransition:\n\t\t\topacity,\n\t\t\ttransform 150ms;\n\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\ttransition-duration: 0.01s !important;\n\t\t}\n\t}\n\n\t&[multiple] {\n\t\tmargin-top: to-rem($pxValue: 16);\n\n\t\t& + .elm-label {\n\t\t\ttransform: translate($db-spacing-m, -#{to-rem($pxValue: 100)});\n\t\t}\n\t}\n\n\toptgroup {\n\t\tbackground-color: transparent;\n\t\tfont-style: normal;\n\t}\n\n\toption {\n\t\t&:not(:disabled):hover {\n\t\t\tbackground-color: $db-color-cool-gray-200;\n\t\t}\n\n\t\t&:checked {\n\t\t\tbackground-color: $db-color-cool-gray-200;\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"chip.variables\";\n\n.elm-chip {\n\t& + label {\n\t\t--db-focus-outline-size: max(2px, 0.08em);\n\n\t\talign-items: center;\n\t\tborder: solid 1px $db-color-cool-gray-400;\n\t\tborder-radius: $chip---radius;\n\t\tdisplay: inline-flex;\n\t\tfont-weight: 500;\n\n\t\t// Link related styles\n\t\tfont-size: to-rem($pxValue: 14);\n\t\theight: to-rem($pxValue: 28);\n\t\tjustify-content: center;\n\t\tpadding-left: to-rem($pxValue: 7);\n\t\tpadding-right: to-rem($pxValue: 7);\n\t\ttext-decoration: none;\n\t\ttext-transform: capitalize;\n\t\twhite-space: nowrap;\n\n\t\t// Icons\n\t\t&[data-icon],\n\t\t&[data-icon-before] {\n\t\t\t@include iconMeta(20);\n\t\t}\n\n\t\t&[data-icon-after] {\n\t\t\t@include iconMeta($size: 20, $position: \"after\");\n\t\t}\n\t}\n\n\t&:not(:disabled, :checked) {\n\t\t// States\n\t\t& + label:hover {\n\t\t\tbackground-color: $chip-hover--backgroundColor;\n\t\t}\n\t}\n\n\t&:checked {\n\t\t& + label {\n\t\t\tbackground-color: $chip-selected--backgroundColor;\n\t\t\tborder-color: transparent;\n\t\t\tcolor: $chip-checked--color;\n\n\t\t\t//*** Variants ***\n\t\t\t&[data-variant=\"light\"] {\n\t\t\t\tbackground-color: $db-color-cool-gray-200;\n\t\t\t\tcolor: $db-color-cool-gray-700;\n\t\t\t\tborder: 1px solid $db-color-cool-gray-400;\n\t\t\t}\n\n\t\t\t&[data-variant=\"warning\"] {\n\t\t\t\tbackground-color: $db-color-warning;\n\t\t\t}\n\n\t\t\t&[data-variant=\"error\"] {\n\t\t\t\tbackground-color: $db-color-error;\n\t\t\t}\n\n\t\t\t&[data-variant=\"informative\"] {\n\t\t\t\tbackground-color: $db-color-informative;\n\t\t\t}\n\n\t\t\t&[data-variant=\"success\"] {\n\t\t\t\tbackground-color: $db-color-success;\n\t\t\t}\n\n\t\t\t// POIs\n\t\t\t&[data-variant=\"poi-essen-trinken\"] {\n\t\t\t\tbackground-color: $db-color-food-drink;\n\t\t\t\tcolor: $db-color-cool-gray-700;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-einkaufen\"] {\n\t\t\t\tbackground-color: $db-color-shopping;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-gesundheit\"] {\n\t\t\t\tbackground-color: $db-color-health;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-kunst-kultur\"] {\n\t\t\t\tbackground-color: $db-color-arts-culture;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-wissenswertes\"] {\n\t\t\t\tbackground-color: $db-color-things-to-know;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-freizeit\"] {\n\t\t\t\tbackground-color: $db-color-leisure;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-zivile-rel-einrichtungen\"] {\n\t\t\t\tbackground-color: $db-color-community-facilities;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-dienstleistungen\"] {\n\t\t\t\tbackground-color: $db-color-services;\n\t\t\t\tcolor: $db-color-cool-gray-700;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-db-services-einrichtung\"] {\n\t\t\t\tbackground-color: $db-color-db-services-facilities;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-wegeleitung\"] {\n\t\t\t\tbackground-color: $db-color-guidance;\n\t\t\t}\n\t\t}\n\t}\n\n\t&:disabled {\n\t\t& + label {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t&:focus-visible {\n\t\t& + label {\n\t\t\toutline: var(--db-focus-outline-size)\n\t\t\t\tvar(--db-focus-outline-style, solid)\n\t\t\t\tvar(--db-focus-outline-color, currentColor);\n\t\t\toutline-offset: var(\n\t\t\t\t--db-focus-outline-offset,\n\t\t\t\tvar(--db-focus-outline-size)\n\t\t\t);\n\t\t}\n\t}\n\n\t&[type=\"checkbox\"],\n\t&[type=\"radio\"] {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$chip---radius: to-rem(\n\t$pxValue: 4\n) !default;\n\n$chip-hover--backgroundColor: rgba($db-color-cool-gray-700, 0.03) !default;\n$chip-selected--backgroundColor: $db-color-cool-gray-700 !default;\n$chip-checked--color: $db-color-white !default;\n// $chip---color: $db-color-white !default;\n","@import \"tag.variables\";\n\n.elm-tag {\n\talign-items: center;\n\tbackground-color: $tag---backgroundColor;\n\tborder-radius: $tag---radius;\n\tcolor: $tag---color;\n\tdisplay: inline-flex;\n\tfont-weight: 500;\n\n\t// Link related styles\n\tfont-size: to-rem($pxValue: 12);\n\theight: to-rem($pxValue: 24);\n\tjustify-content: center;\n\tpadding-left: to-rem($pxValue: 4);\n\tpadding-right: to-rem($pxValue: 4);\n\ttext-transform: capitalize;\n\twhite-space: nowrap;\n\n\t// Sizes\n\t&%size-Small {\n\t\theight: to-rem($pxValue: 20);\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %size-Small;\n\t}\n\n\t//*** Variants ***\n\t&[data-variant=\"light\"] {\n\t\tbackground-color: $db-color-cool-gray-200;\n\t\tcolor: $db-color-cool-gray-700;\n\t\tborder: 1px solid $db-color-cool-gray-400;\n\t}\n\n\t&[data-variant=\"warning\"] {\n\t\tbackground-color: $db-color-warning-small-font;\n\t}\n\n\t&[data-variant=\"error\"] {\n\t\tbackground-color: $db-color-error-small-font;\n\t}\n\n\t&[data-variant=\"informative\"] {\n\t\tbackground-color: $db-color-informative-small-font;\n\t}\n\n\t&[data-variant=\"success\"] {\n\t\tbackground-color: $db-color-success-small-font;\n\t}\n\n\t// The \"Gleis\" additioally gets a bold font weight\n\t&[data-variant=\"track\"] {\n\t\tbackground-color: $db-color-blue-700;\n\t\tfont-weight: 700;\n\t}\n\n\t// POIs\n\t&[data-variant=\"poi-essen-trinken\"] {\n\t\tbackground-color: $db-color-food-drink;\n\t\tcolor: $db-color-cool-gray-700;\n\t}\n\n\t&[data-variant=\"poi-einkaufen\"] {\n\t\tbackground-color: $db-color-shopping;\n\t}\n\n\t&[data-variant=\"poi-gesundheit\"] {\n\t\tbackground-color: $db-color-health;\n\t}\n\n\t&[data-variant=\"poi-kunst-kultur\"] {\n\t\tbackground-color: $db-color-arts-culture;\n\t}\n\n\t&[data-variant=\"poi-wissenswertes\"] {\n\t\tbackground-color: $db-color-things-to-know;\n\t}\n\n\t&[data-variant=\"poi-freizeit\"] {\n\t\tbackground-color: $db-color-leisure;\n\t}\n\n\t&[data-variant=\"poi-zivile-rel-einrichtungen\"] {\n\t\tbackground-color: $db-color-community-facilities;\n\t}\n\n\t&[data-variant=\"poi-dienstleistungen\"] {\n\t\tbackground-color: $db-color-services;\n\t\tcolor: $db-color-cool-gray-700;\n\t}\n\n\t&[data-variant=\"poi-db-services-einrichtung\"] {\n\t\tbackground-color: $db-color-db-services-facilities;\n\t}\n\n\t&[data-variant=\"poi-wegeleitung\"] {\n\t\tbackground-color: $db-color-guidance;\n\t}\n\n\t// Icons\n\t&[data-icon],\n\t&[data-icon-before] {\n\t\t@include iconMeta(20);\n\n\t\t&::before {\n\t\t\t--icon-margin-after: #{to-rem($pxValue: 2)};\n\t\t}\n\t}\n\n\t&[data-icon-after] {\n\t\t@include iconMeta($size: 20, $position: \"after\");\n\n\t\t&::after {\n\t\t\t--icon-margin-before: #{to-rem($pxValue: 2)};\n\t\t}\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$tag---radius: to-rem(\n\t$pxValue: 4\n) !default;\n\n$tag---backgroundColor: $db-color-cool-gray-700 !default;\n$tag---color: $db-color-white !default;\n","@charset \"utf-8\";\n\n@import \"toggle.variables\";\n\n// adapted by https://danklammer.com/articles/simple-css-toggle-switch/\n\n.elm-toggle {\n\tappearance: none;\n\n\tbackground-color: $db-color-cool-gray-500;\n\tborder: none;\n\n\tborder-radius: to-rem($pxValue: 12);\n\n\tdisplay: inline-block;\n\theight: to-rem($pxValue: 24);\n\t// margin-right: $db-spacing-xs;\n\n\tposition: relative;\n\n\ttransition: background-color 0.3s ease;\n\n\twidth: to-rem($pxValue: 48);\n\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t@media (prefers-reduced-motion: reduce) {\n\t\ttransition-duration: 0.01s !important;\n\t}\n\n\t// Label positioning\n\t& + .elm-label {\n\t\tvertical-align: top;\n\t}\n\n\t&::before {\n\t\tbackground-color: $db-color-white;\n\n\t\tborder-radius: to-rem($pxValue: 10);\n\n\t\tbox-shadow:\n\t\t\t0 5px 30px 0 rgba(0, 0, 0, 0.05),\n\t\t\t0 1px 5px 0 rgba(0, 0, 0, 0.15);\n\t\tcontent: \"\"; // we could even also add toggled textual content for the switch in the future\n\n\t\tdisplay: block;\n\t\theight: to-rem($pxValue: 20);\n\t\tleft: #{to-rem($pxValue: 2)};\n\n\t\tposition: absolute;\n\t\ttop: #{to-rem($pxValue: 2)};\n\n\t\ttransition:\n\t\t\tborder-color,\n\t\t\tleft 0.3s cubic-bezier(0.3, 1.5, 0.7, 1);\n\n\t\twidth: to-rem($pxValue: 20);\n\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\ttransition-duration: 0.01s !important;\n\t\t}\n\t}\n\n\t&:hover {\n\t\t&::before {\n\t\t\tbackground-color: #f7f7f7; // TODO: Identify the correct color variable\n\t\t}\n\t}\n\n\t&:active {\n\t\t&::before {\n\t\t\ttransition: width 0.3s cubic-bezier(0.3, 1.5, 0.7, 1);\n\t\t\twidth: to-rem($pxValue: 24);\n\t\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\ttransition-duration: 0.01s !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t&:checked {\n\t\tbackground-color: $toggle--checked-backgroundColor;\n\n\t\t&::before {\n\t\t\tleft: unset;\n\t\t\tright: to-rem($pxValue: 2);\n\t\t}\n\t}\n\n\t&:disabled {\n\t\t&,\n\t\t& + label {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n}\n",".elm-youtube {\n\theight: to-rem($pxValue: 315);\n\twidth: to-rem($pxValue: 560);\n}\n","@import \"../../../css/partials.meta\";\n@import \"breadcrumb.variables\";\n\n.cmp-breadcrumb {\n\tcolor: $db-color-cool-gray-500;\n\tfont-size: to-rem($pxValue: 12);\n\n\ta {\n\t\tcolor: inherit;\n\t}\n\n\tol {\n\t\tdisplay: flex;\n\n\t\t& > li {\n\t\t\talign-items: center;\n\t\t\tdisplay: inline-flex;\n\t\t\tmargin-right: to-rem($pxValue: 3);\n\n\t\t\t[aria-current=\"location\"],\n\t\t\t[aria-current=\"page\"] {\n\t\t\t\tcolor: $db-color-cool-gray-700;\n\t\t\t}\n\n\t\t\t.elm-link {\n\t\t\t\tborder-radius: to-rem($pxValue: 4);\n\n\t\t\t\tpadding: to-rem($pxValue: 1) to-rem($pxValue: 3)\n\t\t\t\t\tto-rem($pxValue: 1) to-rem($pxValue: 4);\n\t\t\t\ttext-decoration: none;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: $breadcrumb-link-hover-backgroundColor;\n\t\t\t\t}\n\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: $breadcrumb-link-active-backgroundColor;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\t@include icon(glyph(home), $size: 20, $partial: $partial);\n\n\t\t\t\t&::before {\n\t\t\t\t\t--icon-margin-after: #{to-rem($pxValue: 3)};\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(:first-child) {\n\t\t\t\t@include icon(\n\t\t\t\t\tglyph($breadcrumb-divider--icon),\n\t\t\t\t\t$size: 20,\n\t\t\t\t\t$partial: $partial\n\t\t\t\t);\n\n\t\t\t\t&::before {\n\t\t\t\t\t--icon-font-size: #{to-rem($pxValue: 14)};\n\t\t\t\t\t--icon-margin-after: 0;\n\t\t\t\t\tcolor: $db-color-cool-gray-400;\n\t\t\t\t\tmargin-left: -#{to-rem($pxValue: 2)};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../00-base/icons/icons.helpers\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/colors/colors.variables\";\n\n$breadcrumb-divider--icon: \"chevron-right\" !default;\n$breadcrumb-link-hover-backgroundColor: rgba(\n\t$db-color-cool-gray-700,\n\t0.03\n) !default;\n$breadcrumb-link-active-backgroundColor: rgba(\n\t$db-color-cool-gray-700,\n\t0.06\n) !default;\n","@import \"../../../css/helpers/functions\";\n\n.cmp-cards {\n\tlist-style: none;\n\n\tmargin: 0;\n\tpadding: 0;\n\n\t@supports (display: grid) {\n\t\tdisplay: grid;\n\t\tgrid-gap: to-rem($pxValue: 24);\n\t\tgrid-template-columns: repeat(\n\t\t\tauto-fill,\n\t\t\tminmax(to-rem($pxValue: 340), 1fr)\n\t\t);\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"cards.variables\";\n\n.cmp-card {\n\tbackground-color: #fff;\n\n\tborder-radius: 8px;\n\tbox-shadow: $box-shadow-01, $box-shadow-02;\n\n\t& > a {\n\t\ttext-decoration: none;\n\t}\n\n\tfigure {\n\t\tmargin: $db-spacing-m $db-spacing-m $db-spacing-m $db-spacing-s;\n\t}\n\n\t// Banner variant\n\t&[data-variant=\"banner\"] {\n\t\tfigure {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\tfigcaption {\n\t\t\tmargin-left: 1rem;\n\n\t\t\th1,\n\t\t\th2,\n\t\t\th3,\n\t\t\th4,\n\t\t\th5,\n\t\t\th6 {\n\t\t\t\tfont-size: to-rem($pxValue: 18);\n\n\t\t\t\t&,\n\t\t\t\t& ~ p {\n\t\t\t\t\tmargin: 0.125rem 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\tfont-size: to-rem($pxValue: 14);\n\n\t\t\t\tmax-width: to-rem(\n\t\t\t\t\t$pxValue: 290\n\t\t\t\t); // TODO: This would need some rework\n\t\t\t}\n\t\t}\n\t}\n\n\t// Tile variant\n\t&[data-variant=\"tile\"] {\n\t\ttext-align: center;\n\t}\n\n\tfigcaption {\n\t\tmax-width: 60ch;\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"accordion.variables\";\n\n.cmp-accordion {\n\t--db-accordion---paddingLeft: #{$accordion---paddingLeft};\n\tborder-bottom: 1px solid $db-color-cool-gray-200;\n\tpadding-left: var(--db-accordion---paddingLeft);\n\tpadding-right: $accordion---paddingRight;\n\n\tsummary {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\n\t\tpadding-block: $db-spacing-sm;\n\t\t// Negating the padding left for moving the element into that direction with the same measures\n\t\ttransform: translateX(calc(var(--db-accordion---paddingLeft) * -1));\n\t\twidth: calc(\n\t\t\t100% + var(--db-accordion---paddingLeft) + #{$accordion---paddingRight}\n\t\t);\n\n\t\t& {\n\t\t\t@include icon(\n\t\t\t\tglyph(expand-more),\n\t\t\t\t24,\n\t\t\t\t\"outline\",\n\t\t\t\t\"after\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\n\t\t// Replace existing marker with an icon from the library\n\t\t&::-webkit-details-marker {\n\t\t\tdisplay: none;\n\t\t}\n\t\t// … and using some other declaration for Mozilla Firefox\n\t\t&:first-of-type {\n\t\t\tlist-style-type: none;\n\t\t}\n\n\t\t// Icon horizontal space\n\t\t&::after {\n\t\t\t--icon-margin-before: #{to-rem($pxValue: 8)};\n\t\t\tmargin-right: #{to-rem($pxValue: 14)};\n\t\t}\n\n\t\t& + p {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t// TODO: This might get simplified in the future with @nest\n\t&[open] > summary {\n\t\t&::after {\n\t\t\tcontent: glyph(expand-less);\n\t\t}\n\t}\n\n\t// Emphasis\n\t&%emphasis-High {\n\t\t// Calculate especially depending on the icons sizes difference\n\t\t--db-accordion---paddingLeft: #{$accordion---paddingLeft + 0.5rem};\n\n\t\tsummary {\n\t\t\tfont-weight: 700;\n\t\t\theight: to-rem($pxValue: 56);\n\n\t\t\t&::after {\n\t\t\t\t--icon-font-size: #{to-rem($pxValue: 32)};\n\t\t\t}\n\t\t}\n\t}\n\n\t&[data-emphasis=\"high\"] {\n\t\t@extend %emphasis-High;\n\t}\n\n\t// Sizes\n\t&%size-Small {\n\t\t// Calculate dependending on the icons sizes and margins difference\n\t\t--db-accordion---paddingLeft: #{$accordion---paddingLeft - 0.75rem};\n\n\t\tsummary {\n\t\t\tfont-size: to-rem($pxValue: 14);\n\t\t\t// ToDo: This needs to get replaced by the correct variable\n\t\t\tpadding-block: 0.59375rem;\n\n\t\t\t&::after {\n\t\t\t\t--icon-font-size: #{to-rem($pxValue: 20)};\n\t\t\t\t--icon-margin-after: #{to-rem($pxValue: 6)};\n\t\t\t\tmargin-left: #{to-rem($pxValue: 6)};\n\t\t\t}\n\t\t}\n\t}\n\n\t&%size-Large {\n\t\t// Calculate especially depending on the icons sizes difference\n\t\t--db-accordion---paddingLeft: #{$accordion---paddingLeft + 0.5rem};\n\n\t\tsummary {\n\t\t\tfont-size: to-rem($pxValue: 20);\n\t\t\tpadding-block: $db-spacing-m;\n\n\t\t\t&::after {\n\t\t\t\t--icon-font-size: #{to-rem($pxValue: 32)};\n\t\t\t}\n\t\t}\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %size-Small;\n\t}\n\n\t&[data-size=\"large\"] {\n\t\t@extend %size-Large;\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$accordion---paddingLeft: $db-spacing-m !default;\n$accordion---paddingRight: to-rem(\n\t$pxValue: 16\n) !default;\n","%header-divider {\n\tposition: absolute;\n\tcontent: \"\";\n\twidth: 1px;\n\theight: 1.5rem;\n\tbackground-color: rgba(40, 45, 55, 0.2);\n\tinset-block-start: 50%;\n\ttransform: translateY(-50%);\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$header-big-link-paddingTop: 32 * 0.0625 !default;\n$header---backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n\n// * reduced height\n// $header-big-link-paddingTop: 19*0.0625 !default;\n$rea-header-elm-link-padding-bottom-big: to-rem(\n\t$pxValue: 19\n) !default;\n\n// * reduced height\n// $rea-header-elm-link-padding-bottom-big: to-rem($pxValue: 11) !default;\n\n$mainnavigation---position: relative !default;\n// $mainnavigation---position: absolute !default; // underneath\n$mainnavigation---position-top: 0 !default;\n// $mainnavigation---position-top: to-rem($pxValue: 79) !default; // underneath\n$mainnavigation-link--borderPosition: \"bottom\" !default;\n// $mainnavigation-link--borderPosition: \"top\" !default; // underneath\n$mainnavigation-link--paddingTop: #{$header-big-link-paddingTop}rem !default;\n// $mainnavigation-link--paddingTop: to-rem($pxValue: 11) !default; // underneath\n$mainnavigation-link--paddingBottom: $rea-header-elm-link-padding-bottom-big !default;\n// $mainnavigation-link--paddingBottom: to-rem($pxValue: 11) !default; // underneath\n","@import \"../../../css/partials.meta\";\n// TODO: Replace magic numbers e.g. with flexbox implementations and extract variables as well for multi-brand\n@import \"mainnavigation.variables\";\n@import \"../../../css/helpers/dividers\";\n\n.cmp-mainnavigation {\n\ttop: $mainnavigation---position-top;\n\tpadding-inline-start: 1.5rem;\n\tposition: $mainnavigation---position;\n\n\t&::before {\n\t\t@extend %header-divider;\n\t\tinset-inline-start: 0;\n\t}\n\n\t.rea-header & {\n\t\torder: 1;\n\t}\n\n\t// Header Components positioning, :has non-supporting browsers fallback\n\t@supports not selector(:has(db)) {\n\t\tmargin: auto;\n\t}\n\n\t// The links shouldn't get an underline as text-decoration\n\t.elm-link {\n\t\t// We need to reset the general border-radius here\n\t\tborder-radius: initial;\n\t\tcolor: inherit;\n\t\tdisplay: inline-block;\n\t\ttext-decoration: none;\n\t}\n\n\t// Navigation toggle elements\n\t& > input[type=\"checkbox\"][id] {\n\t\tappearance: none;\n\t\tposition: absolute;\n\t\tblock-size: 1.5rem;\n\t\taspect-ratio: 1 / 1;\n\n\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t// Hiding the navigation toggle elements on huger viewports\n\t\t\t&,\n\t\t\t& + label[for] {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t& > label[for] {\n\t\tbackground-color: $header---backgroundColor; // TODO: This would need to get replaced by the correct (semantic) color\n\n\t\tborder-bottom: 1px solid $db-color-warm-gray-100;\n\n\t\tdisplay: block;\n\t\tpadding: to-rem($pxValue: 8) to-rem($pxValue: 22) to-rem($pxValue: 10);\n\n\t\t& {\n\t\t\t@include icon(glyph(menu), 24, \"outline\", $partial: $partial);\n\t\t\t@include icon(\n\t\t\t\tglyph(close),\n\t\t\t\t24,\n\t\t\t\t\"outline\",\n\t\t\t\t\"after\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\n\t\t&::before {\n\t\t\tmargin-right: to-rem($pxValue: 16);\n\t\t}\n\n\t\t&::after {\n\t\t\tmargin-right: to-rem($pxValue: 16);\n\t\t}\n\t}\n\n\t// Displaying the main navigation as an top to bottom overlay on smaller viewports\n\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\tz-index: $z-index-cmp-mainnavigation-dropdown; // * TODO: possibly rework variable naming\n\n\t\t& > input[type=\"checkbox\"][id] {\n\t\t\t& + label[for] {\n\t\t\t\t@include is-icon-text-replace();\n\t\t\t\tpadding: 0;\n\n\t\t\t\t&::before,\n\t\t\t\t&::after {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(:checked) {\n\t\t\t\t// Hiding the cross on collapsed navigation\n\t\t\t\t& + label[for] {\n\t\t\t\t\t&::after {\n\t\t\t\t\t\tcontent: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// Hiding the navigation\n\t\t\t\t& ~ ul {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:checked {\n\t\t\t\tinset-inline-end: 1.5rem;\n\t\t\t\tinset-block-start: 1rem;\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\n\t\t\t\t& + label[for] {\n\t\t\t\t\tbackground-color: #fff;\n\t\t\t\t\tblock-size: 3.5rem;\n\n\t\t\t\t\t&::after {\n\t\t\t\t\t\tpadding: 0.5rem;\n\t\t\t\t\t\tinset-inline-end: 1rem;\n\t\t\t\t\t\tinset-block-start: 0.5rem;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\t\t\t\t\t}\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tcontent: \"\";\n\t\t\t\t\t\tposition: fixed;\n\t\t\t\t\t\tinset: 0;\n\t\t\t\t\t\tz-index: $z-index-cmp-mainnavigation-dropdown;\n\t\t\t\t\t\tbackground-color: $db-color-cool-gray-700;\n\t\t\t\t\t\topacity: 0.8;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:has(> input[type=\"checkbox\"][id]:not(:checked)) {\n\t\t\t// Only for burger menu\n\t\t\tposition: absolute;\n\t\t\tinset-inline-end: 1.5rem;\n\t\t\tinset-block-start: 50%;\n\t\t\ttransform: translateY(-50%);\n\t\t\tpadding-inline-start: 1rem;\n\t\t}\n\n\t\t&:has(> input[type=\"checkbox\"][id]:checked) {\n\t\t\tposition: fixed;\n\t\t\tinset: 0;\n\t\t\tpadding: 0;\n\t\t\tmargin-inline-start: 1.5rem;\n\n\t\t\t&::after {\n\t\t\t\tcontent: \"\";\n\t\t\t\twidth: 100%;\n\t\t\t\tblock-size: 3.5rem;\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tinset: 0;\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: $z-index-cmp-mainnavigation-dropdown;\n\t\t\t\tborder-bottom: 1px solid rgba(40, 45, 55, 0.2);\n\t\t\t\tborder-top-left-radius: 4px;\n\t\t\t}\n\t\t}\n\t}\n\n\tul {\n\t\tbackground-color: $header---backgroundColor;\n\t}\n\n\t// Multiple level navigation\n\tul ul {\n\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\tbox-shadow: $box-shadow-01, $box-shadow-02;\n\t\t\tposition: absolute;\n\t\t\tvisibility: hidden;\n\n\t\t\tz-index: $z-index-rea-header-cmp-mainnavigation-submenu;\n\t\t}\n\n\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t// First Level\n\t& > ul {\n\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\tbackground-color: #fff;\n\t\t\tposition: absolute;\n\t\t\tinset-inline: 0;\n\t\t\tinset-block-end: 0;\n\t\t\tinset-block-start: 3.5rem;\n\t\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\t\t\tpadding: 0.75rem;\n\t\t\tmargin-block-end: 3.5rem;\n\t\t\toverflow: auto;\n\t\t}\n\n\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\tdisplay: flex;\n\t\t\tgap: 0.75rem;\n\t\t}\n\n\t\t& > li,\n\t\t& > * > li {\n\t\t\t& > .elm-link,\n\t\t\t& > * > .elm-link {\n\t\t\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t\t\theight: 2.5rem;\n\t\t\t\t\tpadding: 0.5rem 0.75rem;\n\t\t\t\t\tborder-radius: 4px;\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tborder-#{$mainnavigation-link--borderPosition}-color: $db-color-cool-gray-200;\n\t\t\t\t\t}\n\n\t\t\t\t\t&[aria-current=\"page\"] {\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\theight: 4px;\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\tcontent: \"\";\n\t\t\t\t\t\t\tbackground-color: $db-color-red-500;\n\t\t\t\t\t\t\tborder-radius: 2px;\n\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\tinset-block-start: calc(100% + 0.25rem);\n\t\t\t\t\t\t\tinset-inline: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// From second level\n\t\t\tul {\n\t\t\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t\t\tinset-inline-start: 0;\n\t\t\t\t\tmin-width: 100%;\n\t\t\t\t\tinset-block-start: calc(100% + 0.5rem);\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tcontent: \"\";\n\t\t\t\t\t\theight: 0.5rem;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tinset-block-end: 100%;\n\t\t\t\t\t}\n\n\t\t\t\t\t// From third level\n\t\t\t\t\tul {\n\t\t\t\t\t\tinset-inline-start: 100%;\n\t\t\t\t\t\ttop: auto;\n\t\t\t\t\t\tinset-block-start: 0.25rem;\n\t\t\t\t\t}\n\n\t\t\t\t\t.elm-link {\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tdisplay: flex;\n\n\t\t\t\t\t\tmin-height: to-rem($pxValue: 53);\n\t\t\t\t\t\tpadding-left: to-rem($pxValue: 18);\n\t\t\t\t\t\tpadding-right: to-rem($pxValue: 18);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t& > li,\n\t\t\t\t& > * > li {\n\t\t\t\t\t& > .elm-link,\n\t\t\t\t\t& > * > .elm-link {\n\t\t\t\t\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\t\t\t\t\tpadding-left: to-rem($pxValue: 34);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Third level\n\t\t\t\t\tul {\n\t\t\t\t\t\t& > li,\n\t\t\t\t\t\t& > * > li {\n\t\t\t\t\t\t\t& > .elm-link,\n\t\t\t\t\t\t\t& > * > .elm-link {\n\t\t\t\t\t\t\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\t\t\t\t\t\t\tpadding-left: to-rem($pxValue: 60);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tli {\n\t\tdisplay: block;\n\n\t\t// lower levels\n\t\tposition: relative;\n\t\t// Icon for menu\n\t\t// TODO: this could probably get simplified with a media query polyfill and moved back to the previous section\n\t\t&[aria-haspopup=\"true\"] {\n\t\t\t@include icon(\n\t\t\t\tglyph(chevron-right),\n\t\t\t\t24,\n\t\t\t\t\"outline\",\n\t\t\t\t\"after\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\n\t\t\t&::after {\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 1rem;\n\t\t\t\ttop: to-rem($pxValue: 9);\n\t\t\t}\n\t\t}\n\n\t\t&:is(:hover, :focus-within) {\n\t\t\t& > ul,\n\t\t\t& > * > ul {\n\t\t\t\tvisibility: visible;\n\t\t\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\t\t\tdisplay: initial;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\t&:hover {\n\t\t\t\t& > a {\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t}\n\n\t\t\t\t&[aria-haspopup=\"true\"] {\n\t\t\t\t\t--icon-glyph-after: \"⌄\";\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.elm-link {\n\t\t\t\tcolor: inherit;\n\t\t\t\tpadding-block: 0.5rem;\n\t\t\t\tpadding-inline-start: 0.75rem;\n\t\t\t\twidth: calc(100% - 4rem);\n\t\t\t}\n\n\t\t\t&[aria-haspopup=\"true\"] {\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t}\n\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t// Do not show Icon for menu on bigger screens\n\t\t\t&[aria-haspopup=\"true\"] {\n\t\t\t\t&::after {\n\t\t\t\t\tcontent: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.elm-link {\n\t\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0);\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.08);\n\t\t\t\t\tcolor: initial;\n\t\t\t\t}\n\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.16);\n\t\t\t\t}\n\n\t\t\t\t&[aria-current=\"page\"] {\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","/* *****\n\tThis file summarizes the general variables relevant for using DB UI Core with SCSS.\n***** */\n\n// Define the path for both image and font folders\n$icons-path: \"../../icons/\" !default;\n$images-path: \"../../images/\" !default;\n$fonts-path: \"../../fonts/\" !default;\n\n@import \"@db-ui/base/build/scss/variables\";\n\n// General configurations\n$dbBaseFontSize: 16px;\n$dbBaseFontSizeSass: 0.0625 !default;\n\n$db-logo-default-width: 58px !default;\n$db-logo-default-height: 40px !default;\n\n$metanavigation-iconOnly--maxWidth: to-rem(656);\n\n// General box-shadow\n// * offset-x | offset-y | blur-radius | (spread-radius) | color\n$box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n$box-shadow-01: 0 0 5px rgba(0, 0, 0, 0.08);\n$box-shadow-02: 0 5px 30px rgba(0, 0, 0, 0.05);\n$box-shadow-01-bottom: 0 2px 5px rgba(0, 0, 0, 0.08);\n$box-shadow-02-bottom: 0 15px 30px rgba(0, 0, 0, 0.05);\n\n// *** z-index ***\n$z-index-rea-header-cmp-mainnavigation-submenu: 70 !default;\n$z-index-rea-header-cmp-language-switcher-li: 40 !default;\n$z-index-cmp-mainnavigation-dropdown: 30 !default;\n$z-index-cmp-overflow-menu-menu: 60 !default;\n$z-index-cmp-overflow-menu-overlay: 50 !default;\n$z-index-rea-header-cmp-sitesearch-focus: 10 !default;\n$z-index-reas-fixed-header-footer: 10 !default;\n\n// Defined the max-width for a narrower screen to break the header, that e.g. let's the navigation break into a hamburger menu. Also defined the z-index for the header and footer.\n$db-break-the-header-max-width: 1023px !default;\n","@import \"metanavigation.variables\";\n\n.cmp-metanavigation {\n\tdisplay: flex;\n\tlist-style: none;\n\tmargin-bottom: 0;\n\tmargin-top: 0;\n\tpadding-left: 0;\n\tgap: 0.5rem;\n\n\tli {\n\t\tpadding-left: to-rem($pxValue: 8);\n\t\tpadding-right: to-rem($pxValue: 8);\n\n\t\t.rea-footer & {\n\t\t\tpadding-left: to-rem($pxValue: 6);\n\t\t\tpadding-right: to-rem($pxValue: 6);\n\t\t}\n\n\t\t.elm-link {\n\t\t\ttext-decoration: none;\n\n\t\t\t.rea-header & {\n\t\t\t\t@include is-icon-text-replace();\n\t\t\t}\n\t\t}\n\t}\n\n\t.rea-footer & {\n\t\tflex-wrap: wrap;\n\t\tjustify-content: center;\n\n\t\t@media screen and (max-width: 767px) {\n\t\t\tmargin-bottom: 1rem;\n\t\t}\n\t\t@media screen and (min-width: 768px) {\n\t\t\tfloat: right;\n\t\t}\n\t}\n}\n","@import \"brand.variables\";\n\n.cmp-brand {\n\tfont-weight: bold;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 1rem;\n\n\ta,\n\timg {\n\t\theight: 1.5rem;\n\t}\n\n\timg {\n\t\twidth: auto;\n\t}\n\n\ta {\n\t\tcolor: inherit;\n\t\t// Deactivate underline on site name being made clickable by added to the link as well\n\t\ttext-decoration: none;\n\t}\n}\n","$form-elements-color: $db-color-cool-gray-700 !default;\n$form-elements-border-radius: 4px !default;\n\n$form-elements---borderTop: 1px solid var(--formElement---borderTopColor) !default;\n$form-elements---borderRight: 1px solid var(--formElement---borderRightColor) !default;\n$form-elements---borderBottom: 1px solid var(--formElement---borderBottomColor) !default;\n$form-elements---borderLeft: 1px solid var(--formElement---borderLeftColor) !default;\n\n// ### Style variations ###\n// Semitransparent\n$form-elements-semitransparent-background-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.05\n) !default;\n$form-elements-semitransparent-border-bottom-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.5\n) !default;\n\n// White\n$form-elements-white-background-color: $db-color-white !default;\n$form-elements-white-border-bottom-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.5\n) !default;\n\n// Solid\n$form-elements-solid-background-color: $db-color-cool-gray-100 !default;\n$form-elements-solid-border-bottom-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.5\n) !default;\n\n// Outline\n$form-elements-outline-border-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.25\n) !default;\n","@import \"../../../css/partials.meta\";\n@import \"sitesearch.variables\";\n@import \"../../01-elements/form-elements\";\n\n.cmp-sitesearch {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-inline-end: 0.75rem;\n\n\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\tmargin-inline-start: auto;\n\t\tmargin-inline-end: 2.25rem;\n\n\t\t&::before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.elm-input[type=\"search\"] {\n\t\t@extend %form-element-solid;\n\t\tbackground-image: none;\n\t\topacity: 0;\n\t\twidth: 0;\n\t\tpadding: 0;\n\n\t\t&:focus,\n\t\t&:not(:placeholder-shown) {\n\t\t\topacity: 1;\n\t\t\twidth: calc(#{$sitesearch-width--open} + 1rem);\n\t\t\tpadding-inline-start: 1rem;\n\t\t\tpadding-inline-end: 3rem;\n\t\t\tpadding-top: 0;\n\n\t\t\t& + .elm-label {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t& ~ .elm-button {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\t}\n\n\t.elm-label {\n\t\tpadding: 0.5rem;\n\t\tborder-radius: 4px;\n\n\t\tdisplay: inline-block;\n\n\t\t& {\n\t\t\t@include icon(glyph(search), 24, \"outline\", $partial: $partial);\n\t\t}\n\n\t\t&::before {\n\t\t\tvertical-align: top;\n\t\t}\n\n\t\t.rea-meta & {\n\t\t\t@include is-icon-text-replace();\n\t\t}\n\t}\n\n\t.elm-button {\n\t\t@include is-icon-text-replace();\n\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tpadding: 0.5rem;\n\t\tinset-inline-end: 0.75rem;\n\t\tborder: 0;\n\n\t\t& {\n\t\t\t@include icon(glyph(search), 24, \"outline\", $partial: $partial);\n\t\t}\n\t}\n\n\t.elm-label,\n\t.elm-button {\n\t\tbackground-color: rgba($db-color-cool-gray-700, 0);\n\n\t\t&:hover {\n\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.08);\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.16);\n\t\t}\n\t}\n\n\t@media screen and (max-width: #{$sitesearch-form-full-maxWidth}) {\n\t\t&:focus-within,\n\t\t&:has(.elm-input[type=\"search\"]:not(:placeholder-shown)) {\n\t\t\tleft: to-rem($pxValue: 16);\n\t\t\tposition: absolute;\n\t\t\tz-index: $z-index-rea-header-cmp-sitesearch-focus;\n\n\t\t\t.elm-input[type=\"search\"] {\n\t\t\t\twidth: calc(100vw - 5.5rem);\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"notification.variables\";\n\n.cmp-notification {\n\t// Default style\n\tbackground-color: $notification---backgroundColor;\n\n\tbox-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); // Todo: This should most likely get generally setup\n\n\tmargin-bottom: #{to-rem($pxValue: 16)};\n\tpadding: #{to-rem($pxValue: 16)}; // TODO: replace by spacing-m variable\n\tsection[data-variant=\"hovering\"] & {\n\t\tbackground-color: #fff;\n\t}\n\n\t// Alert variant\n\tsection[data-variant=\"alert\"] & {\n\t\tcolor: $notification-alert--color;\n\t}\n\n\tsection[data-variant=\"hovering\"] & {\n\t\tborder: 2px solid transparent;\n\t\tborder-radius: #{to-rem($pxValue: 8)};\n\t\tpadding: #{to-rem($pxValue: 14)} #{to-rem($pxValue: 16)}; // TODO: replace by spacing-m variable\n\t}\n\n\t// Hide the textual labels regarding each state\n\t& > em {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\t}\n\n\t&[data-type=\"success\"] {\n\t\tbackground-color: $notification-success--backgroundColor;\n\n\t\tsection[data-variant=\"hovering\"] & {\n\t\t\tborder-color: $notification-success--backgroundColor;\n\t\t}\n\t}\n\n\t&[data-type=\"warning\"] {\n\t\tbackground-color: $notification-warning--backgroundColor;\n\n\t\tsection[data-variant=\"hovering\"] & {\n\t\t\tborder-color: $notification-warning--backgroundColor;\n\t\t}\n\t}\n\n\t&[data-type=\"error\"] {\n\t\tbackground-color: $notification-error--backgroundColor;\n\n\t\tsection[data-variant=\"hovering\"] & {\n\t\t\tborder-color: $notification-error--backgroundColor;\n\t\t}\n\t}\n\n\t&[data-type=\"informative\"] {\n\t\tbackground-color: $notification-informative--backgroundColor;\n\n\t\tsection[data-variant=\"hovering\"] & {\n\t\t\tborder-color: $notification-informative--backgroundColor;\n\t\t}\n\t}\n\n\t// Leading and trailing icons\n\t&[data-icon],\n\t&[data-icon-before],\n\t&[data-icon-after] {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t}\n\n\t&[data-icon],\n\t&[data-icon-before] {\n\t\t&::before {\n\t\t\t--icon-margin-after: #{to-rem($pxValue: 10)};\n\t\t}\n\t}\n\n\t&[data-icon-after] {\n\t\tjustify-content: space-between;\n\n\t\t&::after {\n\t\t\t--icon-margin-before: #{to-rem($pxValue: 10)};\n\t\t}\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n\n$notification-alert--color: #fff !default;\n\n$notification-success--backgroundColor: $db-color-success !default;\n$notification-warning--backgroundColor: $db-color-warning !default;\n$notification-error--backgroundColor: $db-color-error !default;\n$notification-informative--backgroundColor: $db-color-informative !default;\n\n$notification---backgroundColor: $db-color-cool-gray-700 !default;\n","@import \"../../../css/partials.meta\";\n@import \"dialog.variables\";\n\n.cmp-dialog {\n\tborder: 0;\n\tborder-radius: 8px;\n\n\tcolor: $db-color-cool-gray-700;\n\n\tfont-size: to-rem($pxValue: 14);\n\tmargin-top: 0;\n\tmax-width: 90vw;\n\n\tpadding: to-rem($pxValue: 16); // TODO: replace by general spacing variables\n\n\t// Display the dialog fixed within the middle of the screen (actually some overwrites for the dialog-polyfill CSS)\n\tposition: fixed;\n\ttop: 50%;\n\ttransform: translate(0, -50%);\n\t@media screen and (min-width: 768px) {\n\t\t// TODO: replace by correct general breakpoint variables\n\t\tpadding: to-rem(\n\t\t\t$pxValue: 24\n\t\t); // TODO: replace by general spacing variables\n\t}\n\t// Defining the backdrop colors\n\n\t// * native\n\t&::backdrop {\n\t\tbackground-color: $dialog-backdrop--backgroundColor;\n\t}\n\n\t// * polyfill\n\t& + .backdrop {\n\t\tbackground-color: $dialog-backdrop--backgroundColor;\n\t}\n\n\t// Display the modal via CSS as a no-javascript fallback\n\t&:target {\n\t\t.no-js & {\n\t\t\tdisplay: initial;\n\t\t}\n\t}\n\n\theader {\n\t\tcolor: $db-color-cool-gray-800;\n\n\t\ttransform: translateY(-#{to-rem($pxValue: 9)});\n\n\t\t.elm-headline {\n\t\t\tfont-size: to-rem($pxValue: 18);\n\t\t\tfont-weight: 700;\n\t\t\tline-height: to-rem(\n\t\t\t\t$pxValue: 24\n\t\t\t); // TODO: Check whether this is a settting that should be more global\n\t\t\tmargin-bottom: to-rem($pxValue: 6);\n\t\t\tmargin-right: to-rem($pxValue: 24);\n\t\t\t// Remove the headlines margin-top, as we're in a dialog that has a padding on it's own\n\t\t\tmargin-top: 0;\n\n\t\t\ttext-align: center;\n\t\t\t@media screen and (min-width: 768px) {\n\t\t\t\t// TODO: replace by correct general breakpoint variables\n\t\t\t\tfont-size: to-rem($pxValue: 24);\n\t\t\t\tline-height: to-rem(\n\t\t\t\t\t$pxValue: 28\n\t\t\t\t); // TODO: Check whether this is a settting that should be more global\n\t\t\t}\n\t\t}\n\n\t\t:is(.elm-link, button) {\n\t\t\t&.is-close {\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 0;\n\t\t\t\ttop: 0;\n\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tborder-color: transparent;\n\n\t\t\t\t& {\n\t\t\t\t\t@include icon(\n\t\t\t\t\t\tglyph(close),\n\t\t\t\t\t\t24,\n\t\t\t\t\t\t\"outline\",\n\t\t\t\t\t\t$partial: $partial\n\t\t\t\t\t);\n\t\t\t\t\t@include is-icon-text-replace();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tmain {\n\t\tp {\n\t\t\t&:first-child {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\tfooter {\n\t\tdisplay: flex;\n\t\tmargin-top: to-rem($pxValue: 18);\n\n\t\t.elm-button {\n\t\t\t& + .elm-button {\n\t\t\t\tmargin-left: to-rem(\n\t\t\t\t\t$pxValue: 16\n\t\t\t\t); // TODO: Replace by spacing variable\n\t\t\t}\n\t\t}\n\n\t\t&[data-alignment=\"end\"] {\n\t\t\tjustify-content: flex-end;\n\t\t}\n\n\t\t&:not([data-alignment=\"end\"]) {\n\t\t\t.elm-button {\n\t\t\t\tflex-grow: 1;\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$dialog-backdrop--backgroundColor: rgba(0, 0, 0, 0.9) !default;\n","@import \"../../../css/partials.meta\";\n@import \"language-switcher.variables\";\n\n@mixin set-top($step: 1) {\n\ttop: calc(\n\t\t#{$db-language-switcher---direction} * (100% * #{$step} + 1rem - 2px)\n\t);\n}\n\n.cmp-language-switcher {\n\tlist-style: none;\n\n\tmargin-right: to-rem($pxValue: 16);\n\tposition: relative;\n\n\t&:hover,\n\t&:focus {\n\t\tli {\n\t\t\t&:not([aria-current], [aria-selected]) {\n\t\t\t\tvisibility: visible;\n\t\t\t}\n\n\t\t\t&[aria-current=\"page\"],\n\t\t\t&[aria-selected=\"true\"] {\n\t\t\t\tcolor: $db-color-red-500;\n\t\t\t}\n\t\t}\n\t}\n\n\tli {\n\t\tbackground-color: #fdfdfd; // TODO: This would need to get replaced by the correct (semantic) color\n\n\t\tposition: absolute;\n\n\t\ttop: to-rem($pxValue: 26);\n\n\t\t.rea-header & {\n\t\t\t@include set-top(1);\n\n\t\t\tz-index: $z-index-rea-header-cmp-language-switcher-li; // * TODO: possibly rework variable naming\n\n\t\t\t// TODO: This is an enhancement for more languages, but obviously doesn't scale that nicely and would need some rework\n\t\t\t&:not([aria-current=\"page\"], [aria-selected=\"true\"])\n\t\t\t\t~ li:not([aria-current=\"page\"], [aria-selected=\"true\"]) {\n\t\t\t\t@include set-top(2);\n\n\t\t\t\t& ~ li:not([aria-current=\"page\"], [aria-selected=\"true\"]) {\n\t\t\t\t\t@include set-top(3);\n\n\t\t\t\t\t& ~ li:not([aria-current=\"page\"], [aria-selected=\"true\"]) {\n\t\t\t\t\t\t@include set-top(4);\n\n\t\t\t\t\t\t&\n\t\t\t\t\t\t\t~ li:not(\n\t\t\t\t\t\t\t\t[aria-current=\"page\"],\n\t\t\t\t\t\t\t\t[aria-selected=\"true\"]\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t@include set-top(5);\n\n\t\t\t\t\t\t\t&\n\t\t\t\t\t\t\t\t~ li:not(\n\t\t\t\t\t\t\t\t\t[aria-current=\"page\"],\n\t\t\t\t\t\t\t\t\t[aria-selected=\"true\"]\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t@include set-top(6);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t\ttop: 100%;\n\t\t\t}\n\t\t}\n\n\t\t.elm-link,\n\t\t.elm-button {\n\t\t\tcolor: inherit;\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\t&:not([aria-current], [aria-selected]) {\n\t\t\tvisibility: hidden;\n\n\t\t\t.elm-link,\n\t\t\t.elm-button {\n\t\t\t\tpadding-block: 1rem;\n\t\t\t\tpadding-right: to-rem($pxValue: 34);\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: $db-color-cool-gray-200;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&[aria-current],\n\t\t&[aria-selected] {\n\t\t\tposition: initial;\n\n\t\t\t.elm-link,\n\t\t\t.elm-button {\n\t\t\t\t& {\n\t\t\t\t\t@include icon(\n\t\t\t\t\t\tglyph(expand-more),\n\t\t\t\t\t\t24,\n\t\t\t\t\t\t\"outline\",\n\t\t\t\t\t\t\"after\",\n\t\t\t\t\t\t$partial: $partial\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: $db-color-red-500;\n\t\t\t\t}\n\n\t\t\t\t&::after {\n\t\t\t\t\tfloat: right;\n\n\t\t\t\t\tmargin-left: to-rem($pxValue: 5);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.elm-link,\n\t\t.elm-button {\n\t\t\tdisplay: inline-block;\n\n\t\t\tpadding-left: to-rem($pxValue: 18);\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\tcolor: initial;\n\t\t\t}\n\t\t}\n\n\t\t.elm-button {\n\t\t\tline-height: 1.5;\n\t\t\tpadding-right: 0;\n\t\t\tborder-width: 0;\n\t\t\tpadding-top: to-rem($pxValue: 9);\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"pagination.variables\";\n\n.cmp-pagination {\n\tcolor: $db-color-cool-gray-700;\n\tfont-size: to-rem($pxValue: 14);\n\n\tuser-select: none;\n\n\t& > ol {\n\t\tdisplay: flex;\n\t}\n\n\t.elm-headline {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\t}\n\n\tli,\n\t.elm-link {\n\t\talign-items: center;\n\t\tdisplay: inline-flex;\n\t\tjustify-content: center;\n\t}\n\n\tli {\n\t\theight: to-rem($pxValue: 36);\n\t\twidth: to-rem($pxValue: 36);\n\t}\n\n\t.elm-link {\n\t\tcolor: inherit;\n\t\theight: 100%;\n\t\ttext-decoration: none;\n\t\twidth: 100%;\n\n\t\t&[rel=\"prev\"],\n\t\t&[rel=\"next\"] {\n\t\t\tpadding: 0;\n\t\t\tvertical-align: bottom;\n\t\t}\n\n\t\t&[rel=\"prev\"]::before {\n\t\t\tmargin-left: to-rem($pxValue: 11);\n\t\t}\n\n\t\t&[rel=\"next\"]::before {\n\t\t\tmargin-right: to-rem($pxValue: 11);\n\t\t}\n\n\t\t&[rel=\"prev\"] {\n\t\t\t@include icon(glyph(chevron-left), $partial: $partial);\n\t\t\t@include is-icon-text-replace();\n\t\t}\n\n\t\t&[rel=\"next\"] {\n\t\t\t@include icon(glyph(chevron-right), $partial: $partial);\n\t\t\t@include is-icon-text-replace();\n\t\t}\n\n\t\t&[aria-current=\"page\"] {\n\t\t\tfont-weight: 700;\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"sidenavi.variables\";\n\n.cmp-sidenavi {\n\tbackground-color: $db-color-cool-gray-600;\n\tbox-shadow: $box-shadow-01, $box-shadow-02;\n\tdisplay: inline-block;\n\n\t.elm-link {\n\t\t// We need to reset the general border-radius here\n\t\tborder-radius: initial;\n\t\t// TODO: check for the correct color code\n\t\tcolor: $sidenavi-link--color; // * TODO: possibly rework variable naming\n\t\tdisplay: block;\n\t\tpadding: to-rem($pxValue: 20) to-rem($pxValue: 16);\n\t\ttext-decoration: none;\n\n\t\t&:hover,\n\t\t&:focus,\n\t\t&[aria-current=\"page\"] {\n\t\t\tcolor: $sidenavi-linkCurrent-hover-color; // * TODO: possibly rework variable naming\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: $sidenavi-link-hover-backgroundColor; // * TODO: possibly rework variable naming\n\t\t}\n\n\t\t&[aria-current=\"page\"] {\n\t\t\tbackground-color: $sidenavi-linkcurrent--backgroundColor; // * TODO: possibly rework variable naming\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t&[rel] {\n\t\t\tpadding-left: to-rem($pxValue: 21);\n\t\t}\n\n\t\t&[rel=\"index\"] {\n\t\t\t@include icon(glyph(home), 32, \"outline\", $partial: $partial);\n\t\t}\n\n\t\t&[rel=\"documents\"] {\n\t\t\t@include icon(glyph(document), 32, \"outline\", $partial: $partial);\n\t\t}\n\t\t// TODO: This needs to get the icon from the new iconset\n\t\t&[rel=\"dashboard\"] {\n\t\t\t@include icon(\n\t\t\t\tglyph(dashboard),\n\t\t\t\t32,\n\t\t\t\t\"enterprise-outline\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\t\t// TODO: This needs to get the icon from the new iconset\n\t\t&[rel=\"cloud\"] {\n\t\t\t@include icon(\n\t\t\t\tglyph(cloud),\n\t\t\t\t32,\n\t\t\t\t\"enterprise-outline\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\n\t\t&[rel=\"calendar\"] {\n\t\t\t@include icon(glyph(calendar), 32, \"outline\", $partial: $partial);\n\t\t}\n\n\t\t&[rel=\"help\"] {\n\t\t\t@include icon(glyph(help), 32, \"outline\", $partial: $partial);\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"tab-bar.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n@mixin tab() {\n\t& > input[type=\"radio\"],\n\t& > * > input[type=\"radio\"] {\n\t\t@content;\n\t}\n}\n\n.cmp-tab-bar {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\n\tgap: 0.25rem;\n\n\t@include tab() {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\n\t\t& + label[role=\"tab\"] {\n\t\t\tcursor: pointer;\n\t\t\tdisplay: flex;\n\t\t\tpadding: 0.875rem $db-spacing-m;\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t\tborder-radius: 4px;\n\t\t\talign-items: center;\n\n\t\t\t&::before {\n\t\t\t\tmargin-inline-start: -0.125rem;\n\t\t\t}\n\t\t}\n\n\t\t&:focus + label {\n\t\t\toutline: $tabBar-tab-focus-outline;\n\t\t}\n\n\t\t&:not(:checked) {\n\t\t\t& + label[role=\"tab\"] {\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: $tabBar-tab-hover-backgroundColor;\n\t\t\t\t}\n\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: $tabBar-tab-pressed-backgroundColor;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\t& + label[role=\"tab\"] {\n\t\t\t\tcolor: $db-color-cool-gray-400;\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: unset;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:checked {\n\t\t\t& + label[role=\"tab\"] {\n\t\t\t\tfont-weight: 700;\n\n\t\t\t\t& + section[role=\"tabpanel\"] {\n\t\t\t\t\tdisplay: initial;\n\t\t\t\t}\n\n\t\t\t\t// Puls\n\t\t\t\t&::after {\n\t\t\t\t\tbackground-color: $db-color-red-500;\n\t\t\t\t\tborder-radius: 5px;\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\theight: 0.25rem;\n\t\t\t\t\tinset-block-end: 0;\n\t\t\t\t\tinset-inline: 0;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tlabel[role=\"tab\"],\n\tsection[role=\"tabpanel\"] {\n\t\tbackground-color: $tabBar-tabSection--backgroundColor;\n\t}\n\n\tsection[role=\"tabpanel\"] {\n\t\tdisplay: none;\n\t\tflex-basis: 100%;\n\t\torder: 1;\n\t\tmargin-block-start: 0.125rem;\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@include tab() {\n\t\t\t& + label[role=\"tab\"] {\n\t\t\t\tpadding-block: 0.625rem;\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../../css/db-ui-core.variables\";\n\n$tabBar-tabSection--backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n\n$tabBar-tab-focus-outline: 1px dotted $db-color-cool-gray-400 !default;\n\n// $db-color-cool-gray-100\n$tabBar-tab-hover-backgroundColor: #{$db-color-cool-gray-700} + \"1F\" !default;\n$tabBar-tab-pressed-backgroundColor: #{$db-color-cool-gray-700} + \"3D\" !default;\n$tabBar-tab-active-border: #{to-rem(\n\t\t$pxValue: 1\n\t)} solid $db-color-cool-gray-500 !default;\n\n$tabBar-tabpanel--borderTop: to-rem(\n\t\t$pxValue: 1\n\t)\n\tsolid $db-color-cool-gray-500 !default;\n$tabBar-tabpanel--boxShadow: $box-shadow-01-bottom, $box-shadow-02-bottom !default;\n","@import \"../../../css/helpers/functions\";\n@import \"table.variables\";\n@import \"table.helpers\";\n\n.cmp-table {\n\tborder-collapse: collapse;\n\n\tfont-size: var(--table---fontSize, inherit);\n\n\ttext-align: left;\n\n\t// the box-shadow should get displayed including the whole table / the caption as well\n\t&,\n\t& > caption {\n\t\tbox-shadow: $box-shadow-01, $box-shadow-02;\n\t}\n\n\tcaption {\n\t\tfont-weight: 700;\n\t\tpadding: #{to-rem($pxValue: 16)} #{to-rem($pxValue: 12)};\n\t\ttext-align: left;\n\t}\n\n\tthead {\n\t\tborder-bottom: to-rem($pxValue: 1) solid $db-color-cool-gray-700;\n\t\tborder-top: to-rem($pxValue: 1) solid $db-color-cool-gray-700;\n\n\t\tth {\n\t\t\tcolor: $db-color-cool-gray-500;\n\t\t}\n\t}\n\n\tth {\n\t\tfont-weight: 400;\n\t}\n\n\tth,\n\ttd {\n\t\tpadding: $table-densityRegular--padding;\n\n\t\t// Default horizontal and vertical alignment should get inherited\n\t\ttext-align: inherit;\n\t\tvertical-align: inherit;\n\n\t\t&:hover {\n\t\t\tresize: horizontal;\n\n\t\t\t&:not(:has(.cmp-overflow-menu)) {\n\t\t\t\toverflow: auto;\n\t\t\t}\n\t\t}\n\t}\n\n\ttbody {\n\t\tborder-bottom: to-rem($pxValue: 1) solid $db-color-cool-gray-700;\n\n\t\tth:first-child {\n\t\t\tborder-right: 1px solid $db-color-warm-gray-700;\n\t\t}\n\t}\n\n\t// Cell alignments\n\tthead,\n\ttbody,\n\ttr,\n\tth,\n\ttd {\n\t\t&%align-left {\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t&%align-center {\n\t\t\ttext-align: center;\n\t\t}\n\n\t\t&%align-right {\n\t\t\ttext-align: right;\n\t\t}\n\n\t\t&[data-align=\"left\"] {\n\t\t\t@extend %align-left;\n\t\t}\n\n\t\t&[data-align=\"center\"] {\n\t\t\t@extend %align-center;\n\t\t}\n\n\t\t&[data-align=\"right\"] {\n\t\t\t@extend %align-right;\n\t\t}\n\n\t\t&%vertical-align-top {\n\t\t\tvertical-align: top;\n\t\t}\n\n\t\t&%vertical-align-middle {\n\t\t\tvertical-align: middle;\n\t\t}\n\n\t\t&%vertical-align-bottom {\n\t\t\tvertical-align: bottom;\n\t\t}\n\n\t\t&[data-vertical-align=\"top\"] {\n\t\t\t@extend %vertical-align-top;\n\t\t}\n\n\t\t&[data-vertical-align=\"middle\"] {\n\t\t\t@extend %vertical-align-middle;\n\t\t}\n\n\t\t&[data-vertical-align=\"bottom\"] {\n\t\t\t@extend %vertical-align-bottom;\n\t\t}\n\t}\n\n\t// Border\n\t&[data-border=\"horizontal\"],\n\t&[data-border=\"around\"] {\n\t\ttbody {\n\t\t\ttr:not(:last-child) {\n\t\t\t\tth,\n\t\t\t\ttd {\n\t\t\t\t\tborder-bottom: 1px solid $table-line--borderColor; // * TODO: possibly rework variable naming\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&[data-border=\"around\"] {\n\t\ttbody {\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\t&:not(:first-child) {\n\t\t\t\t\tborder-left: 1px solid $table-line--borderColor; // * TODO: possibly rework variable naming\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Zebra cell styling\n\t&[data-rows=\"zebra\"] {\n\t\ttbody {\n\t\t\t@include cmp-table-zebra(\n\t\t\t\t$table-row-zebra-color\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t}\n\t}\n\n\t// Densities\n\t&[data-density=\"small\"] {\n\t\tth,\n\t\ttd {\n\t\t\tpadding: $table-densitySmall--padding;\n\t\t}\n\t}\n\n\t&[data-density=\"large\"] {\n\t\tth,\n\t\ttd {\n\t\t\tpadding: $table-densityLarge--padding;\n\t\t}\n\t}\n\n\t// Sticky header\n\t&[data-sticky=\"header\"] {\n\t\tthead,\n\t\ttbody th {\n\t\t\tbackground-color: #fff;\n\t\t\tposition: sticky;\n\t\t\ttop: -1px;\n\t\t}\n\t}\n}\n","@mixin cmp-table-zebra($zebra-color) {\n\ttr:nth-child(odd) {\n\t\t// TODO: This might get replaced by another effect\n\t\tbackdrop-filter: blur(4px);\n\t\tbackground-color: $zebra-color;\n\t}\n}\n\n// Responsive row and colum hiding\n@mixin cmp-table-hide-col($col, $max-width) {\n\tthead th,\n\ttbody td {\n\t\t@media screen and (max-width: $max-width) {\n\t\t\t&:nth-child(#{$col}) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n@mixin cmp-table-hide-row($row, $max-width) {\n\ttbody tr {\n\t\t@media screen and (max-width: $max-width) {\n\t\t\t&:nth-child(#{$row}) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/db-ui-core.variables\";\n\n$cmp-table-cell-height-36: to-rem(\n\t$pxValue: 4\n) !default; // 36px cell height\n$table-cell-height52-paddingVertical: to-rem(\n\t$pxValue: 14\n) !default; // 52px cell height\n$table-cell-height68-paddingVertical: to-rem(\n\t$pxValue: 22\n) !default; // 68px cell height\n\n$table-line--borderColor: $db-color-cool-gray-200 !default;\n\n$table-row-zebra-color: rgba($db-color-cool-gray-700, 0.07) !default;\n\n$table-densitySmall--padding: $db-spacing-s !default;\n$table-densityRegular--padding: $db-spacing-sm !default;\n$table-densityLarge--padding: $db-spacing-m !default;\n","@import \"../../../css/partials.meta\";\n@import \"link-list.variables\";\n\n.cmp-link-list {\n\tlist-style: none;\n\n\tpadding-left: 0;\n\n\tli {\n\t\t.elm-link {\n\t\t\tfont-weight: 700;\n\t\t\ttext-decoration: none;\n\n\t\t\t& {\n\t\t\t\t@include icon(glyph(chevron-right), $partial: $partial);\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&:active {\n\t\t\t\ttext-decoration: underline;\n\t\t\t}\n\n\t\t\t&::before {\n\t\t\t\tcolor: $db-color-red;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tfont-size: to-rem($pxValue: 12);\n\t\t\t\tfont-weight: 700;\n\t\t\t\tmargin-top: -#{to-rem($pxValue: 2)};\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"overflow-menu.variables\";\n\n.cmp-overflow-menu {\n\tcolor: #2d333f; // TODO: replace by correct color\n\tdisplay: inline-block;\n\tposition: relative;\n\n\t&:not(.is-account) {\n\t\tsummary {\n\t\t\t@include is-icon-text-replace();\n\t\t}\n\t}\n\n\tsummary {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tpadding: 0.5rem 0.75rem;\n\t\tborder-radius: 4px;\n\t\tcursor: default;\n\n\t\tbackground-color: rgba($db-color-cool-gray-700, 0);\n\n\t\t& {\n\t\t\t@include icon(\n\t\t\t\t$cmp-overflow-menu-icon,\n\t\t\t\t20,\n\t\t\t\t\"outline\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\n\t\t&::before {\n\t\t\ttransform: translateX(-#{to-rem($pxValue: 2)});\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.08);\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.16);\n\t\t}\n\n\t\t&::-webkit-details-marker {\n\t\t\tdisplay: none;\n\t\t}\n\t\t// … and using some other declaration for mozilla firefox\n\t\t&:first-of-type {\n\t\t\tlist-style-type: none;\n\t\t}\n\t}\n\n\t// Menu list\n\tmenu,\n\tul {\n\t\tbackground-color: $overflowMenu---backgroundColor;\n\n\t\tborder-radius: $overflowMenu---borderRadius;\n\t\tfilter: drop-shadow($box-shadow);\n\t\tmargin-block-start: 1rem;\n\t\tpadding-left: 0;\n\t\tposition: absolute;\n\t\twidth: min-content;\n\t\tz-index: $z-index-cmp-overflow-menu-menu;\n\n\t\t// Little triangle on the overlay\n\t\t&::before {\n\t\t\tborder-bottom: $overflowMenu-triangle--borderSize solid\n\t\t\t\t$overflowMenu---backgroundColor;\n\t\t\tborder-left: $overflowMenu-triangle--borderSize solid transparent;\n\t\t\tborder-right: $overflowMenu-triangle--borderSize solid transparent;\n\t\t\tcontent: \"\";\n\t\t\theight: 0;\n\t\t\tposition: absolute;\n\t\t\ttransform: translate(\n\t\t\t\tto-rem($pxValue: 12),\n\t\t\t\t-#{to-rem($pxValue: 13)}\n\t\t\t);\n\t\t\twidth: 0;\n\t\t}\n\n\t\tli {\n\t\t\tbutton,\n\t\t\ta {\n\t\t\t\tbackground-color: $overflowMenu---backgroundColor;\n\n\t\t\t\tborder-radius: unset;\n\t\t\t\tdisplay: block;\n\n\t\t\t\tfont-weight: 400;\n\t\t\t\tpadding: to-rem($pxValue: 16) to-rem($pxValue: 32)\n\t\t\t\t\tto-rem($pxValue: 16) to-rem($pxValue: 16); // TODO: replace by correct spacings\n\n\t\t\t\ttext-decoration: none;\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: $overflowMenu-item-hover-backgroundColor;\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\tbutton,\n\t\t\t\ta {\n\t\t\t\t\tborder-top-left-radius: $overflowMenu---borderRadius;\n\t\t\t\t\tborder-top-right-radius: $overflowMenu---borderRadius;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tbutton,\n\t\t\t\ta {\n\t\t\t\t\tborder-bottom-left-radius: $overflowMenu---borderRadius;\n\t\t\t\t\tborder-bottom-right-radius: $overflowMenu---borderRadius;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&[data-horizontal-position=\"opposite\"] {\n\t\tmenu,\n\t\tul {\n\t\t\tright: 0;\n\n\t\t\t&::before {\n\t\t\t\tright: 0;\n\t\t\t\ttransform: translate(\n\t\t\t\t\t-#{to-rem($pxValue: 12)},\n\t\t\t\t\t-#{to-rem($pxValue: 13)}\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\tmenu {\n\t\tlist-style-type: \"\"; // Disable list style type, but prevent postcss-list-style-safari-fix transformation\n\n\t\tli {\n\t\t\toverflow-x: hidden;\n\t\t}\n\n\t\tbutton {\n\t\t\tline-height: inherit;\n\t\t\ttext-align: left;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t// Achieving a full viewport clickarea for closing the overflow menu\n\t&[open] summary::after {\n\t\tcontent: \"\\00A0\";\n\t\tdisplay: inline-block;\n\t\theight: 100vh;\n\t\tleft: 0;\n\t\tposition: fixed;\n\t\ttop: 0;\n\t\twidth: 100vw;\n\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$overflowMenu---borderRadius: 8px !default;\n$overflowMenu---backgroundColor: #fff !default;\n$overflowMenu-item-hover-backgroundColor: $db-color-cool-gray-200 !default;\n$cmp-overflow-menu-icon: glyph(\n\tmore-vertical\n) !default; // * TODO: possibly rework variable naming\n$overflowMenu-triangle--borderSize: to-rem(\n\t$pxValue: 13\n) !default;\n","@import \"../../../css/partials.meta\";\n@import \"../overflow-menu/overflow-menu\";\n@import \"dropdown.variables\";\n\n.cmp-dropdown {\n\t@extend .cmp-overflow-menu;\n\n\t// Usage within the account menu\n\t&.is-account {\n\t\tsummary {\n\t\t\t@include icon(glyph(account), 24, \"outline\", $partial: $partial);\n\n\t\t\t@media screen and (max-width: $metanavigation-iconOnly--maxWidth) {\n\t\t\t\t// * TODO: possibly rework variable naming\n\t\t\t\t@include is-icon-text-replace();\n\t\t\t}\n\t\t}\n\t}\n\n\tmenu,\n\tul {\n\t\tbackground-color: $overflowMenu---backgroundColor;\n\t\tmargin-block-start: initial;\n\t\tright: 0;\n\t\ttransform: translateY(0.875rem);\n\n\t\t&::before {\n\t\t\tcontent: none;\n\t\t}\n\t}\n\n\t&[data-horizontal-position=\"opposite\"] {\n\t\tmenu,\n\t\tul {\n\t\t\tright: unset;\n\t\t}\n\t}\n}\n","// General body construct of header, main and footer\n// TODO: We would obviously like to enhance this via CSS grid later on\nbody {\n\tdisplay: grid;\n\tgrid-template-rows: auto 1fr auto;\n}\n\n// Fixed header & footer\n// Probably this is not the perfect spot for those declarations and we should introduce a general body tag related CSS file later on\n// TODO: We should definitly support a11y by only conditionally introducing this (e.g. landscape with a minimum height), compare to https://twitter.com/click2carney/status/1170728170342907904?s=11\nbody.has-fixed-header .rea-header,\nbody.has-fixed-footer .rea-footer {\n\tposition: fixed;\n\twidth: 100%;\n\tz-index: $z-index-reas-fixed-header-footer;\n}\n\nbody.has-fixed-header {\n\t// TODO: using some outsourced global declarations for the headers dimensions (height, padding and margins)\n\tpadding-top: to-rem($pxValue: 95);\n\n\t.rea-header {\n\t\ttop: 0;\n\t}\n\n\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\tpadding-top: to-rem($pxValue: 80);\n\t}\n}\n\nbody.has-fixed-footer {\n\t// TODO: using some outsourced global declarations for the footers dimensions (height, padding and margins)\n\tpadding-bottom: to-rem($pxValue: 88);\n\n\t.rea-footer {\n\t\tbottom: 0;\n\t}\n\n\t@media screen and (max-width: 1023px) {\n\t\tpadding-bottom: to-rem($pxValue: 94);\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n\n// offset-x | offset-y | blur-radius | spread-radius | color\n$header---boxShadow:\n\t0 2px 4px 0 rgba(0, 0, 0, 0.1),\n\t0 4px 8px 1px rgba(0, 0, 0, 0.05) !default;\n\n$header---backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n\n$header---borderBottom: #{to-rem(\n\t\t$pxValue: 1\n\t)} solid $db-color-warm-gray-400 !default;\n\n$header---marginBottom: to-rem(\n\t$pxValue: 16\n) !default;\n\n$header---minHeight: 3.5rem;\n","@import \"../../../css/partials.meta\";\n@import \"header.variables\";\n@import \"../../../css/helpers/functions\";\n@import \"../../../css/helpers/dividers\";\n\n.rea-header {\n\tbackground-color: $header---backgroundColor;\n\tbox-shadow: $header---boxShadow;\n\talign-items: center;\n\tmargin-bottom: $header---marginBottom;\n\n\tdisplay: flex;\n\tgap: 1.5rem;\n\n\tmin-block-size: $header---minHeight;\n\tpadding-inline: 1.5rem;\n\t@media screen and (width > $db-break-the-header-max-width) {\n\t\tpadding-block: 0.875rem;\n\t}\n\n\t// Divider only if there is a sitesearch and metanavigation\n\t&:has(.cmp-sitesearch):has(.cmp-metanavigation) {\n\t\t.cmp-sitesearch {\n\t\t\t&::before {\n\t\t\t\t@extend %header-divider;\n\t\t\t\tinset-inline-end: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\tborder-bottom: $header---borderBottom;\n\t\tposition: relative;\n\n\t\t&:has(.cmp-mainnavigation > input[type=\"checkbox\"][id]:not(:checked)) {\n\t\t\t.rea-meta {\n\t\t\t\t& > .elm-link,\n\t\t\t\t.cmp-metanavigation,\n\t\t\t\t.cmp-language-switcher,\n\t\t\t\t.cmp-dropdown {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:has(.cmp-mainnavigation > input[type=\"checkbox\"][id]:checked) {\n\t\t\t.rea-meta {\n\t\t\t\t--db-language-switcher---direction: -1;\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tposition: fixed;\n\t\t\t\tinset-inline-end: 0;\n\t\t\t\tinset-inline-start: 1.5rem;\n\t\t\t\tinset-block-start: unset;\n\t\t\t\tinset-block-end: 0;\n\t\t\t\tblock-size: 3.5rem;\n\t\t\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\t\t\t\tborder-top: 1px solid rgba(40, 45, 55, 0.2);\n\t\t\t\tborder-bottom-left-radius: 4px;\n\t\t\t\tpadding-inline: 1rem;\n\n\t\t\t\t.cmp-sitesearch {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.cmp-dropdown {\n\t\t\t\t\t& > menu {\n\t\t\t\t\t\tbottom: 100%;\n\t\t\t\t\t\ttransform: translateY(-0.875rem);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"meta.variables\";\n\n.rea-meta {\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-inline-start: auto;\n\tgap: 0.5rem;\n\n\tul,\n\tol {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\tul {\n\t\tlist-style: none;\n\t}\n\n\t.rea-header & {\n\t\torder: 2;\n\n\t\t.elm-link {\n\t\t\tpadding-bottom: to-rem($pxValue: 9);\n\t\t\tpadding-top: to-rem($pxValue: 9);\n\t\t}\n\t}\n\n\t& > .elm-link {\n\t\t&[rel=\"account\"] {\n\t\t\tmargin-left: to-rem($pxValue: 4);\n\n\t\t\t& {\n\t\t\t\t@include is-icon-text-replace();\n\t\t\t}\n\n\t\t\t@media screen and (min-width: #{($header-srOnly-linkAccount-breakpoint + 1)}rem) {\n\t\t\t\tmargin-left: to-rem($pxValue: 8);\n\t\t\t}\n\t\t}\n\t}\n\n\t.cmp-sitesearch:focus-within ~ .elm-link[rel=\"account\"] {\n\t\t@include is-icon-text-replace();\n\t}\n}\n","// The main purpose of the styles included with this file are related to \"regular\" content pages.\n// In case that you're building a web application you might want to have more freedom\n// and probably would want to not include it's contents into your SCSS build / references.\n\n@import \"../../../css/helpers/clearfix\";\n\n@import \"main.variables\";\n\n.rea-main {\n\t@include clearfix();\n\n\tbackground-color: $main---backgroundColor;\n\t// adapted from https://github.com/jgthms/bulma/blob/0.7.5/sass/elements/container.sass\n\tmargin: 0 auto;\n\n\tpadding: to-rem($pxValue: 16);\n\tposition: relative;\n\n\t@media screen and (min-width: 1088px) {\n\t\tmax-width: 960px;\n\t\twidth: 960px;\n\t}\n\t@media screen and (min-width: 1280px) {\n\t\tmax-width: 1152px;\n\t\twidth: 1152px;\n\t}\n\t@media screen and (min-width: 1472px) {\n\t\tmax-width: 1344px;\n\t\twidth: 1344px;\n\t}\n}\n","$main---backgroundColor: transparent !default;\n","@charset \"utf-8\";\n\n.rea-grid {\n\t// TODO: We would probably need to recheck on this declaration regarding compabitility\n\tflex-wrap: wrap;\n\t// adapted from https://github.com/jgthms/bulma/blob/0.7.5/sass/grid/columns.sass\n\tmargin-left: -0.625rem;\n\tmargin-right: -0.625rem;\n\tmargin-top: -0.625rem;\n\n\t@media screen and (min-width: 769px), print {\n\t\tdisplay: flex;\n\t}\n\n\t& > div,\n\t& > area,\n\t& > section,\n\t& > li {\n\t\tdisplay: block;\n\t\tflex-basis: 0;\n\t\tflex-grow: 1;\n\t\tflex-shrink: 1;\n\t\tpadding: 0.625rem;\n\n\t\t@media screen and (max-width: #{$column-gap-max-width-smaller-breakpoint}) {\n\t\t\tpadding: $column-gap-max-width-smaller-padding;\n\t\t}\n\t}\n\n\t&:last-child {\n\t\tmargin-bottom: -0.625rem;\n\t}\n\n\t&:not(:last-child) {\n\t\tmargin-bottom: calc(1.5rem - 0.625rem);\n\t}\n\n\t// TODO: This should probably get migrated to CSS variables\n\t@media screen and (max-width: #{$column-gap-max-width-smaller-breakpoint}) {\n\t\tmargin-left: -$column-gap-max-width-smaller-padding;\n\t\tmargin-right: -$column-gap-max-width-smaller-padding;\n\t\tmargin-top: -$column-gap-max-width-smaller-padding;\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: -$column-gap-max-width-smaller-padding;\n\t\t}\n\n\t\t&:not(:last-child) {\n\t\t\tmargin-bottom: calc(\n\t\t\t\t#{to-rem($pxValue: 24)} - #{$column-gap-max-width-smaller-padding}\n\t\t\t);\n\t\t}\n\t}\n\n\t// grid columns\n\t%is-four-fifths {\n\t\tflex: none;\n\t\twidth: 80%;\n\t}\n\t%is-three-quarters {\n\t\tflex: none;\n\t\twidth: 75%;\n\t}\n\t%is-two-thirds {\n\t\tflex: none;\n\t\twidth: 66.6666%;\n\t}\n\t%is-three-fifths {\n\t\tflex: none;\n\t\twidth: 60%;\n\t}\n\t%is-half {\n\t\tflex: none;\n\t\twidth: 50%;\n\t}\n\t%is-two-fifths {\n\t\tflex: none;\n\t\twidth: 40%;\n\t}\n\t%is-one-third {\n\t\tflex: none;\n\t\twidth: 33.3333%;\n\t}\n\t%is-one-quarter {\n\t\tflex: none;\n\t\twidth: 25%;\n\t}\n\t%is-one-fifth {\n\t\tflex: none;\n\t\twidth: 20%;\n\t}\n\n\t[data-type=\"four-fifths\"] {\n\t\t@extend %is-four-fifths;\n\t}\n\n\t[data-type=\"three-quarters\"] {\n\t\t@extend %is-three-quarters;\n\t}\n\n\t[data-type=\"two-thirds\"] {\n\t\t@extend %is-two-thirds;\n\t}\n\n\t[data-type=\"three-fifths\"] {\n\t\t@extend %is-three-fifths;\n\t}\n\n\t[data-type=\"half\"] {\n\t\t@extend %is-half;\n\t}\n\n\t[data-type=\"two-fifths\"] {\n\t\t@extend %is-two-fifths;\n\t}\n\n\t[data-type=\"one-third\"] {\n\t\t@extend %is-one-third;\n\t}\n\n\t[data-type=\"one-quarter\"] {\n\t\t@extend %is-one-quarter;\n\t}\n\n\t[data-type=\"one-fifth\"] {\n\t\t@extend %is-one-fifth;\n\t}\n}\n","$column-gap: to-rem(\n\t$pxValue: 10\n) !default;\n$column-gap-max-width-smaller-breakpoint: 1199px !default;\n$column-gap-max-width-smaller-padding: to-rem(\n\t$pxValue: 6\n) !default;\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"../../../css/helpers/functions\";\n@import \"footer.variables\";\n\n.rea-footer {\n\tbackground-color: $footer---backgroundColor;\n\tbox-shadow: $footer---boxShadow;\n\n\tcolor: $db-color-cool-gray-500;\n\tmargin-top: $footer---marginTop;\n\tpadding: #{to-rem($pxValue: 21)} #{to-rem($pxValue: 16)};\n\n\t& {\n\t\t@include clearfix($partial: $partial);\n\t}\n\n\t&.has-border {\n\t\tborder-top: $footer---borderTop;\n\t}\n\n\t@media screen and (max-width: 767px) {\n\t\ttext-align: center;\n\t}\n}\n","@import \"../../../css/db-ui-core.variables\";\n\n$footer---borderTop: #{to-rem(\n\t\t$pxValue: 6\n\t)} solid $db-color-cool-gray-200 !default;\n\n$footer---boxShadow: $box-shadow-01, $box-shadow-02 !default;\n\n$footer---marginTop: to-rem(\n\t$pxValue: 16\n) !default;\n\n$footer---backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n"]}
\ No newline at end of file
diff --git a/review/refactor-icon-update/css/enterprise/db-ui-core.css b/review/refactor-icon-update/css/enterprise/db-ui-core.css
new file mode 100644
index 0000000000..86cca3ae61
--- /dev/null
+++ b/review/refactor-icon-update/css/enterprise/db-ui-core.css
@@ -0,0 +1,2 @@
+:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}body,html{margin:0;padding:0}body{min-height:100vh}html{background-color:#fdfdfd;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%}body,button,input,optgroup,select,textarea{font-family:DB Screen Sans,Helvetica,Arial,sans-serif}code,pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto}body{font-size:1rem;font-weight:400;line-height:1.5}a,body{color:#282d37}a strong{color:currentColor}a:hover{color:#5d616a}a:focus-visible{color:#5d616a}code{color:#e20015;font-size:.875em;font-weight:400;padding:.25em .5em}code,hr{background-color:#f5f5f5}hr{border:none;display:block;height:2px;margin:1.5rem 0}img{height:auto;max-width:100%}small{font-size:.875em}fieldset{border:none}pre{background-color:#f5f5f5;color:#282d37;font-size:.875em;-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1.25rem 1.5rem;white-space:pre;word-wrap:normal}pre code{background-color:transparent;color:currentColor;font-size:1em;padding:0}html{box-sizing:var(--db-box-sizing,border-box)}*,:after,:before{box-sizing:inherit}embed,iframe,img,object,video{height:auto;max-width:100%}iframe{border:0}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");margin:0;padding:0}:root{--db-focus-outline-offset:1px;--db-focus-outline-color:#2c95c4}:is(a,button,input,textarea,summary){--db-focus-outline-size:max(2px,0.08em)}:is(a,button,input,textarea,summary):focus-visible{outline:var(--db-focus-outline-size) var(--db-focus-outline-style,solid) var(--db-focus-outline-color,currentColor);outline-offset:var(--db-focus-outline-offset,var(--db-focus-outline-size))}:where(ul){list-style-type:"•   "}:where(ul) li::marker{color:#ec0016}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}.cmp-notification>em,.cmp-pagination .elm-headline,.cmp-tab-bar>*>input[type=radio],.cmp-tab-bar>input[type=radio],.elm-checkbox+label[data-label-hidden=true],.elm-chip[type=checkbox],.elm-chip[type=radio],.elm-input[type=color]+[data-label-hidden=true].elm-label,.elm-input[type=date]+[data-label-hidden=true].elm-label,.elm-input[type=datetime-local]+[data-label-hidden=true].elm-label,.elm-input[type=email]+[data-label-hidden=true].elm-label,.elm-input[type=month]+[data-label-hidden=true].elm-label,.elm-input[type=number]+[data-label-hidden=true].elm-label,.elm-input[type=password]+[data-label-hidden=true].elm-label,.elm-input[type=tel]+[data-label-hidden=true].elm-label,.elm-input[type=text]+[data-label-hidden=true].elm-label,.elm-input[type=time]+[data-label-hidden=true].elm-label,.elm-input[type=url]+[data-label-hidden=true].elm-label,.elm-input[type=week]+[data-label-hidden=true].elm-label,.elm-radio+label[data-label-hidden=true],.elm-select+[data-label-hidden=true].elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+[data-label-hidden=true].elm-label,[data-label-hidden=true].elm-label:has(+.elm-textarea){clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute!important;white-space:nowrap;width:1px}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:local("DB Screen Head Light"),local("DB Screen Head Light"),local("DB Head Light"),url(../../fonts/dbscreenhead-light.woff2?4r0080) format("woff2"),url(../../fonts/dbscreenhead-light.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:400;src:local("DB Screen Head Regular"),local("DB Screen Head"),local("DB Head"),url(../../fonts/dbscreenhead-regular.woff2?4r0080) format("woff2"),url(../../fonts/dbscreenhead-regular.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:local("DB Screen Head Black"),local("DB Screen Head Black"),local("DB Head Black"),url(../../fonts/dbscreenhead-black.woff2?4r0080) format("woff2"),url(../../fonts/dbscreenhead-black.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans Digital Regular;font-style:normal;font-weight:400;src:local("DB Screen Sans Digital Regular"),local("DB Screen Sans Digital"),local("DB Sans Digital"),url(../../fonts/dbscreensans-digitalregular.woff2?4r0080) format("woff2"),url(../../fonts/dbscreensans-digitalregular.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:local("DB Screen Sans Regular"),local("DB Screen Sans"),local("DB Sans"),url(../../fonts/dbscreensans-regular.woff2?4r0080) format("woff2"),url(../../fonts/dbscreensans-regular.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:500;src:local("DB Screen Sans Medium"),url(../../fonts/dbscreensans-medium.woff2?4r0080) format("woff2"),url(../../fonts/dbscreensans-medium.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:600;src:local("DB Screen Sans Semibold"),url(../../fonts/dbscreensans-semibold.woff2?4r0080) format("woff2"),url(../../fonts/dbscreensans-semibold.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:local("DB Screen Sans Bold"),local("DB Screen Sans Bold"),local("DB Sans Bold"),url(../../fonts/dbscreensans-bold.woff2?4r0080) format("woff2"),url(../../fonts/dbscreensans-bold.woff?4r0080) format("woff")}[data-icon-before=account],[data-icon=account]{--icon-glyph-before:"󡈡"}[data-icon-after=account]{--icon-glyph-after:"󡈡"}[data-icon-before=add],[data-icon=add]{--icon-glyph-before:"+"}[data-icon-after=add]{--icon-glyph-after:"+"}[data-icon-before=add-circle],[data-icon=add-circle]{--icon-glyph-before:"⊕"}[data-icon-after=add-circle]{--icon-glyph-after:"⊕"}[data-icon-before=air-condition],[data-icon=air-condition]{--icon-glyph-before:"❄"}[data-icon-after=air-condition]{--icon-glyph-after:"❄"}[data-icon-before=alarm],[data-icon=alarm]{--icon-glyph-before:"󡉄"}[data-icon-after=alarm]{--icon-glyph-after:"󡉄"}[data-icon-before=alarm-add],[data-icon=alarm-add]{--icon-glyph-before:"󡁢"}[data-icon-after=alarm-add]{--icon-glyph-after:"󡁢"}[data-icon-before=alert],[data-icon=alert]{--icon-glyph-before:"󡈢"}[data-icon-after=alert]{--icon-glyph-after:"󡈢"}[data-icon-before=alert-off],[data-icon=alert-off]{--icon-glyph-before:"󡉃"}[data-icon-after=alert-off]{--icon-glyph-after:"󡉃"}[data-icon-before=railroad-car],[data-icon=railroad-car]{--icon-glyph-before:"󡆓"}[data-icon-after=railroad-car]{--icon-glyph-after:"󡆓"}[data-icon-before=calendar],[data-icon=calendar]{--icon-glyph-before:"󡉇"}[data-icon-after=calendar]{--icon-glyph-after:"󡉇"}[data-icon-before=check-circle],[data-icon=check-circle]{--icon-glyph-before:"󡈠"}[data-icon-after=check-circle]{--icon-glyph-after:"󡈠"}[data-icon-before=credit-card],[data-icon=credit-card]{--icon-glyph-before:"󡈦"}[data-icon-after=credit-card]{--icon-glyph-after:"󡈦"}[data-icon-before=delete],[data-icon=delete]{--icon-glyph-before:"🗑"}[data-icon-after=delete]{--icon-glyph-after:"🗑"}[data-icon-before=discount],[data-icon=discount]{--icon-glyph-before:"󡁦"}[data-icon-after=discount]{--icon-glyph-after:"󡁦"}[data-icon-before=document],[data-icon=document]{--icon-glyph-before:"🖹"}[data-icon-after=document]{--icon-glyph-after:"🖹"}[data-icon-before=done],[data-icon=done]{--icon-glyph-before:"✓"}[data-icon-after=done]{--icon-glyph-after:"✓"}[data-icon-before=download],[data-icon=download]{--icon-glyph-before:"⭳"}[data-icon-after=download]{--icon-glyph-after:"⭳"}[data-icon-before=edit],[data-icon=edit]{--icon-glyph-before:"✏"}[data-icon-after=edit]{--icon-glyph-after:"✏"}[data-icon-before=filter],[data-icon=filter]{--icon-glyph-before:"󡁩"}[data-icon-after=filter]{--icon-glyph-after:"󡁩"}[data-icon-before=generic-card],[data-icon=generic-card]{--icon-glyph-before:"󡁰"}[data-icon-after=generic-card]{--icon-glyph-after:"󡁰"}[data-icon-before=giftcard],[data-icon=giftcard]{--icon-glyph-before:"󡉐"}[data-icon-after=giftcard]{--icon-glyph-after:"󡉐"}[data-icon-before=heart],[data-icon=heart]{--icon-glyph-before:"♡"}[data-icon-after=heart]{--icon-glyph-after:"♡"}[data-icon-before=help],[data-icon=help]{--icon-glyph-before:"?"}[data-icon-after=help]{--icon-glyph-after:"?"}[data-icon-before=info],[data-icon=info]{--icon-glyph-before:"🛈"}[data-icon-after=info]{--icon-glyph-after:"🛈"}[data-icon-before=legal],[data-icon=legal]{--icon-glyph-before:"§"}[data-icon-after=legal]{--icon-glyph-after:"§"}[data-icon-before=log-out],[data-icon=log-out]{--icon-glyph-before:"↦"}[data-icon-after=log-out]{--icon-glyph-after:"↦"}[data-icon-before=minus],[data-icon=minus]{--icon-glyph-before:"−"}[data-icon-after=minus]{--icon-glyph-after:"−"}[data-icon-before=print],[data-icon=print]{--icon-glyph-before:"🖨"}[data-icon-after=print]{--icon-glyph-after:"🖨"}[data-icon-before=remove],[data-icon=remove]{--icon-glyph-before:"⊝"}[data-icon-after=remove]{--icon-glyph-after:"⊝"}[data-icon-before=schedule],[data-icon=schedule]{--icon-glyph-before:"󡈳"}[data-icon-after=schedule]{--icon-glyph-after:"󡈳"}[data-icon-before=search],[data-icon=search]{--icon-glyph-before:"󡉔"}[data-icon-after=search]{--icon-glyph-after:"󡉔"}[data-icon-before=send],[data-icon=send]{--icon-glyph-before:"◹"}[data-icon-after=send]{--icon-glyph-after:"◹"}[data-icon-before=settings],[data-icon=settings]{--icon-glyph-before:"⚙"}[data-icon-after=settings]{--icon-glyph-after:"⚙"}[data-icon-before=share],[data-icon=share]{--icon-glyph-before:"󡁷"}[data-icon-after=share]{--icon-glyph-after:"󡁷"}[data-icon-before=shopping-bag],[data-icon=shopping-bag]{--icon-glyph-before:"🛍"}[data-icon-after=shopping-bag]{--icon-glyph-after:"🛍"}[data-icon-before=shopping-basket],[data-icon=shopping-basket]{--icon-glyph-before:"󡁹"}[data-icon-after=shopping-basket]{--icon-glyph-after:"󡁹"}[data-icon-before=shopping-cart],[data-icon=shopping-cart]{--icon-glyph-before:"󡉕"}[data-icon-after=shopping-cart]{--icon-glyph-after:"󡉕"}[data-icon-before=star],[data-icon=star]{--icon-glyph-before:"☆"}[data-icon-after=star]{--icon-glyph-after:"☆"}[data-icon-before=swap-horizontal],[data-icon=swap-horizontal]{--icon-glyph-before:"⇆"}[data-icon-after=swap-horizontal]{--icon-glyph-after:"⇆"}[data-icon-before=swap-vertical],[data-icon=swap-vertical]{--icon-glyph-before:"⇵"}[data-icon-after=swap-vertical]{--icon-glyph-after:"⇵"}[data-icon-before=upload],[data-icon=upload]{--icon-glyph-before:"󡂁"}[data-icon-after=upload]{--icon-glyph-after:"󡂁"}[data-icon-before=visibility],[data-icon=visibility]{--icon-glyph-before:"👁"}[data-icon-after=visibility]{--icon-glyph-after:"👁"}[data-icon-before=visibility-off],[data-icon=visibility-off]{--icon-glyph-before:"󡂂"}[data-icon-after=visibility-off]{--icon-glyph-after:"󡂂"}[data-icon-before=website],[data-icon=website]{--icon-glyph-before:"󡉘"}[data-icon-after=website]{--icon-glyph-after:"󡉘"}[data-icon-before=zoom-in],[data-icon=zoom-in]{--icon-glyph-before:"󡂃"}[data-icon-after=zoom-in]{--icon-glyph-after:"󡂃"}[data-icon-before=bicycle-trailer],[data-icon=bicycle-trailer]{--icon-glyph-before:"󡆒"}[data-icon-after=bicycle-trailer]{--icon-glyph-after:"󡆒"}[data-icon-before=zoom-out],[data-icon=zoom-out]{--icon-glyph-before:"󡂄"}[data-icon-after=zoom-out]{--icon-glyph-after:"󡂄"}[data-icon-before=fast-backward-10],[data-icon=fast-backward-10]{--icon-glyph-before:"󡂅"}[data-icon-after=fast-backward-10]{--icon-glyph-after:"󡂅"}[data-icon-before=fast-backward-30],[data-icon=fast-backward-30]{--icon-glyph-before:"󡂆"}[data-icon-after=fast-backward-30]{--icon-glyph-after:"󡂆"}[data-icon-before=fast-backward-empty],[data-icon=fast-backward-empty]{--icon-glyph-before:"⤺"}[data-icon-after=fast-backward-empty]{--icon-glyph-after:"⤺"}[data-icon-before=fast-forward-10],[data-icon=fast-forward-10]{--icon-glyph-before:"󡂇"}[data-icon-after=fast-forward-10]{--icon-glyph-after:"󡂇"}[data-icon-before=fast-forward-30],[data-icon=fast-forward-30]{--icon-glyph-before:"󡂈"}[data-icon-after=fast-forward-30]{--icon-glyph-after:"󡂈"}[data-icon-before=fast-forward-empty],[data-icon=fast-forward-empty]{--icon-glyph-before:"⤻"}[data-icon-after=fast-forward-empty]{--icon-glyph-after:"⤻"}[data-icon-before=pause],[data-icon=pause]{--icon-glyph-before:"⏸"}[data-icon-after=pause]{--icon-glyph-after:"⏸"}[data-icon-before=play],[data-icon=play]{--icon-glyph-before:"▷"}[data-icon-after=play]{--icon-glyph-after:"▷"}[data-icon-before=skip-backward],[data-icon=skip-backward]{--icon-glyph-before:"⏮"}[data-icon-after=skip-backward]{--icon-glyph-after:"⏮"}[data-icon-before=skip-forward],[data-icon=skip-forward]{--icon-glyph-before:"⏭"}[data-icon-after=skip-forward]{--icon-glyph-after:"⏭"}[data-icon-before=stop],[data-icon=stop]{--icon-glyph-before:"□"}[data-icon-after=stop]{--icon-glyph-after:"□"}[data-icon-before=subway],[data-icon=subway]{--icon-glyph-before:"󡈇"}[data-icon-after=subway]{--icon-glyph-after:"󡈇"}[data-icon-before=subtitles],[data-icon=subtitles]{--icon-glyph-before:"󡂑"}[data-icon-after=subtitles]{--icon-glyph-after:"󡂑"}[data-icon-before=dog],[data-icon=dog]{--icon-glyph-before:"󡊙"}[data-icon-after=dog]{--icon-glyph-after:"󡊙"}[data-icon-before=volume-down],[data-icon=volume-down]{--icon-glyph-before:"󡉙"}[data-icon-after=volume-down]{--icon-glyph-after:"󡉙"}[data-icon-before=volume-mute],[data-icon=volume-mute]{--icon-glyph-before:"󡉠"}[data-icon-after=volume-mute]{--icon-glyph-after:"󡉠"}[data-icon-before=volume-off],[data-icon=volume-off]{--icon-glyph-before:"󡉡"}[data-icon-after=volume-off]{--icon-glyph-after:"󡉡"}[data-icon-before=volume-up],[data-icon=volume-up]{--icon-glyph-before:"󡉢"}[data-icon-after=volume-up]{--icon-glyph-after:"󡉢"}[data-icon-before=call],[data-icon=call]{--icon-glyph-before:"󡈵"}[data-icon-after=call]{--icon-glyph-after:"󡈵"}[data-icon-before=chat],[data-icon=chat]{--icon-glyph-before:"󡈶"}[data-icon-after=chat]{--icon-glyph-after:"󡈶"}[data-icon-before=conversation],[data-icon=conversation]{--icon-glyph-before:"󡂕"}[data-icon-after=conversation]{--icon-glyph-after:"󡂕"}[data-icon-before=fax],[data-icon=fax]{--icon-glyph-before:"🖷"}[data-icon-after=fax]{--icon-glyph-after:"🖷"}[data-icon-before=qr-code-scan],[data-icon=qr-code-scan]{--icon-glyph-before:"󡊘"}[data-icon-after=qr-code-scan]{--icon-glyph-after:"󡊘"}[data-icon-before=feedback],[data-icon=feedback]{--icon-glyph-before:"⍰"}[data-icon-after=feedback]{--icon-glyph-after:"⍰"}[data-icon-before=mail],[data-icon=mail]{--icon-glyph-before:"✉"}[data-icon-after=mail]{--icon-glyph-after:"✉"}[data-icon-before=mobile-off],[data-icon=mobile-off]{--icon-glyph-before:"󡉤"}[data-icon-after=mobile-off]{--icon-glyph-after:"󡉤"}[data-icon-before=mobile-phone],[data-icon=mobile-phone]{--icon-glyph-before:"󡉣"}[data-icon-after=mobile-phone]{--icon-glyph-after:"󡉣"}[data-icon-before=wifi],[data-icon=wifi]{--icon-glyph-before:"󡂘"}[data-icon-after=wifi]{--icon-glyph-after:"󡂘"}[data-icon-before=wifi-off],[data-icon=wifi-off]{--icon-glyph-before:"󡅉"}[data-icon-after=wifi-off]{--icon-glyph-after:"󡅉"}[data-icon-before=mask],[data-icon=mask]{--icon-glyph-before:"󡉥"}[data-icon-after=mask]{--icon-glyph-after:"󡉥"}[data-icon-before=wc],[data-icon=wc]{--icon-glyph-before:"󡉩"}[data-icon-after=wc]{--icon-glyph-after:"󡉩"}[data-icon-before=wc-men],[data-icon=wc-men]{--icon-glyph-before:"󡉰"}[data-icon-after=wc-men]{--icon-glyph-after:"󡉰"}[data-icon-before=wc-sign],[data-icon=wc-sign]{--icon-glyph-before:"󡉱"}[data-icon-after=wc-sign]{--icon-glyph-after:"󡉱"}[data-icon-before=wc-woman],[data-icon=wc-woman]{--icon-glyph-before:"󡉲"}[data-icon-after=wc-woman]{--icon-glyph-after:"󡉲"}[data-icon-before=entry-aid],[data-icon=entry-aid]{--icon-glyph-before:"󡅐"}[data-icon-after=entry-aid]{--icon-glyph-after:"󡅐"}[data-icon-before=luggage-rack],[data-icon=luggage-rack]{--icon-glyph-before:"󡉵"}[data-icon-after=luggage-rack]{--icon-glyph-after:"󡉵"}[data-icon-before=medical],[data-icon=medical]{--icon-glyph-before:"✚"}[data-icon-after=medical]{--icon-glyph-after:"✚"}[data-icon-before=power-outlet],[data-icon=power-outlet]{--icon-glyph-before:"󡉸"}[data-icon-after=power-outlet]{--icon-glyph-after:"󡉸"}[data-icon-before=coffee-cup],[data-icon=coffee-cup]{--icon-glyph-before:"󡈷"}[data-icon-after=coffee-cup]{--icon-glyph-after:"󡈷"}[data-icon-before=drink],[data-icon=drink]{--icon-glyph-before:"󡄁"}[data-icon-after=drink]{--icon-glyph-after:"󡄁"}[data-icon-before=restaurant],[data-icon=restaurant]{--icon-glyph-before:"🍽"}[data-icon-after=restaurant]{--icon-glyph-after:"🍽"}[data-icon-before="1st-class"],[data-icon="1st-class"]{--icon-glyph-before:"⒈"}[data-icon-after="1st-class"]{--icon-glyph-after:"⒈"}[data-icon-before="2nd-class"],[data-icon="2nd-class"]{--icon-glyph-before:"⒉"}[data-icon-after="2nd-class"]{--icon-glyph-after:"⒉"}[data-icon-before=alternative-connection],[data-icon=alternative-connection]{--icon-glyph-before:"󡄂"}[data-icon-after=alternative-connection]{--icon-glyph-after:"󡄂"}[data-icon-before=booking],[data-icon=booking]{--icon-glyph-before:"󡄃"}[data-icon-after=booking]{--icon-glyph-after:"󡄃"}[data-icon-before=capacity-indicator],[data-icon=capacity-indicator]{--icon-glyph-before:"󡄄"}[data-icon-after=capacity-indicator]{--icon-glyph-after:"󡄄"}[data-icon-before=scooter],[data-icon=scooter]{--icon-glyph-before:"󡈄"}[data-icon-after=scooter]{--icon-glyph-after:"󡈄"}[data-icon-before=capacity-indicator-fully-booked],[data-icon=capacity-indicator-fully-booked]{--icon-glyph-before:"󡄆"}[data-icon-after=capacity-indicator-fully-booked]{--icon-glyph-after:"󡄆"}[data-icon-before=capacity-indicator-high],[data-icon=capacity-indicator-high]{--icon-glyph-before:"󡄈"}[data-icon-after=capacity-indicator-high]{--icon-glyph-after:"󡄈"}[data-icon-before=capacity-indicator-low],[data-icon=capacity-indicator-low]{--icon-glyph-before:"󡄐"}[data-icon-after=capacity-indicator-low]{--icon-glyph-after:"󡄐"}[data-icon-before=destination],[data-icon=destination]{--icon-glyph-before:"󡈸"}[data-icon-after=destination]{--icon-glyph-after:"󡈸"}[data-icon-before=intermediary-stop],[data-icon=intermediary-stop]{--icon-glyph-before:"󡄓"}[data-icon-after=intermediary-stop]{--icon-glyph-after:"󡄓"}[data-icon-before=round-trip],[data-icon=round-trip]{--icon-glyph-before:"⮔"}[data-icon-after=round-trip]{--icon-glyph-after:"⮔"}[data-icon-before=single-trip],[data-icon=single-trip]{--icon-glyph-before:"⤞"}[data-icon-after=single-trip]{--icon-glyph-after:"⤞"}[data-icon-before=start],[data-icon=start]{--icon-glyph-before:"⦿"}[data-icon-after=start]{--icon-glyph-after:"⦿"}[data-icon-before=home],[data-icon=home]{--icon-glyph-before:"⌂"}[data-icon-after=home]{--icon-glyph-after:"⌂"}[data-icon-before=map],[data-icon=map]{--icon-glyph-before:"🗺"}[data-icon-after=map]{--icon-glyph-after:"🗺"}[data-icon-before=stop-sign],[data-icon=stop-sign]{--icon-glyph-before:"󡄕"}[data-icon-after=stop-sign]{--icon-glyph-after:"󡄕"}[data-icon-before=map-stop],[data-icon=map-stop]{--icon-glyph-before:"󡄕"}[data-icon-after=map-stop]{--icon-glyph-after:"󡄕"}[data-icon-before=travel-insurance],[data-icon=travel-insurance]{--icon-glyph-before:"󡆆"}[data-icon-after=travel-insurance]{--icon-glyph-after:"󡆆"}[data-icon-before=intercity-train],[data-icon=intercity-train]{--icon-glyph-before:"󡈖"}[data-icon-after=intercity-train]{--icon-glyph-after:"󡈖"}[data-icon-before=multiple-passenger],[data-icon=multiple-passenger]{--icon-glyph-before:"󡊆"}[data-icon-after=multiple-passenger]{--icon-glyph-after:"󡊆"}[data-icon-before=best-price],[data-icon=best-price]{--icon-glyph-before:"󡆅"}[data-icon-after=best-price]{--icon-glyph-after:"󡆅"}[data-icon-before=multiple-cards],[data-icon=multiple-cards]{--icon-glyph-before:"󡆄"}[data-icon-after=multiple-cards]{--icon-glyph-after:"󡆄"}[data-icon-before=bed],[data-icon=bed]{--icon-glyph-before:"🛏"}[data-icon-after=bed]{--icon-glyph-after:"🛏"}[data-icon-before=steppless-entry],[data-icon=steppless-entry]{--icon-glyph-before:"󡈗"}[data-icon-after=steppless-entry]{--icon-glyph-after:"󡈗"}[data-icon-before=ticket-subscription],[data-icon=ticket-subscription]{--icon-glyph-before:"󡈘"}[data-icon-after=ticket-subscription]{--icon-glyph-after:"󡈘"}[data-icon-before=walking-fast],[data-icon=walking-fast]{--icon-glyph-before:"󡈙"}[data-icon-after=walking-fast]{--icon-glyph-after:"󡈙"}[data-icon-before=aisle-not-available],[data-icon=aisle-not-available]{--icon-glyph-before:"󡆃"}[data-icon-after=aisle-not-available]{--icon-glyph-after:"󡆃"}[data-icon-before=station],[data-icon=station]{--icon-glyph-before:"󡆂"}[data-icon-after=station]{--icon-glyph-after:"󡆂"}[data-icon-before=parking],[data-icon=parking]{--icon-glyph-before:"🅿"}[data-icon-after=parking]{--icon-glyph-after:"🅿"}[data-icon-before=place],[data-icon=place]{--icon-glyph-before:"󡄖"}[data-icon-after=place]{--icon-glyph-after:"󡄖"}[data-icon-before=set-position],[data-icon=set-position]{--icon-glyph-before:"🞋"}[data-icon-after=set-position]{--icon-glyph-after:"🞋"}[data-icon-before=trainstation],[data-icon=trainstation]{--icon-glyph-before:"󡊀"}[data-icon-after=trainstation]{--icon-glyph-after:"󡊀"}[data-icon-before=train-station],[data-icon=train-station]{--icon-glyph-before:"󡊀"}[data-icon-after=train-station]{--icon-glyph-after:"󡊀"}[data-icon-before=couchette],[data-icon=couchette]{--icon-glyph-before:"󡆉"}[data-icon-after=couchette]{--icon-glyph-after:"󡆉"}[data-icon-before=arrow-back],[data-icon=arrow-back]{--icon-glyph-before:"←"}[data-icon-after=arrow-back]{--icon-glyph-after:"←"}[data-icon-before=arrow-down],[data-icon=arrow-down]{--icon-glyph-before:"↓"}[data-icon-after=arrow-down]{--icon-glyph-after:"↓"}[data-icon-before=arrow-forward],[data-icon=arrow-forward]{--icon-glyph-before:"→"}[data-icon-after=arrow-forward]{--icon-glyph-after:"→"}[data-icon-before=arrow-up],[data-icon=arrow-up]{--icon-glyph-before:"↑"}[data-icon-after=arrow-up]{--icon-glyph-after:"↑"}[data-icon-before=cancel],[data-icon=cancel]{--icon-glyph-before:"⮾"}[data-icon-after=cancel]{--icon-glyph-after:"⮾"}[data-icon-before=chevron-left],[data-icon=chevron-left]{--icon-glyph-before:"<"}[data-icon-after=chevron-left]{--icon-glyph-after:"<"}[data-icon-before=chevron-right],[data-icon=chevron-right]{--icon-glyph-before:">"}[data-icon-after=chevron-right]{--icon-glyph-after:">"}[data-icon-before=close],[data-icon=close]{--icon-glyph-before:"⨯"}[data-icon-after=close]{--icon-glyph-after:"⨯"}[data-icon-before=expand-less],[data-icon=expand-less]{--icon-glyph-before:"⌃"}[data-icon-after=expand-less]{--icon-glyph-after:"⌃"}[data-icon-before=carsharing],[data-icon=carsharing]{--icon-glyph-before:"󡆔"}[data-icon-after=carsharing]{--icon-glyph-after:"󡆔"}[data-icon-before=electric-locomotive],[data-icon=electric-locomotive]{--icon-glyph-before:"󡆕"}[data-icon-after=electric-locomotive]{--icon-glyph-after:"󡆕"}[data-icon-before=expand-more],[data-icon=expand-more]{--icon-glyph-before:"⌄"}[data-icon-after=expand-more]{--icon-glyph-after:"⌄"}[data-icon-before=fullscreen],[data-icon=fullscreen]{--icon-glyph-before:"󡄙"}[data-icon-after=fullscreen]{--icon-glyph-after:"󡄙"}[data-icon-before=fullscreen-exit],[data-icon=fullscreen-exit]{--icon-glyph-before:"󡄠"}[data-icon-after=fullscreen-exit]{--icon-glyph-after:"󡄠"}[data-icon-before=grid-view],[data-icon=grid-view]{--icon-glyph-before:"𐌎"}[data-icon-after=grid-view]{--icon-glyph-after:"𐌎"}[data-icon-before=link],[data-icon=link]{--icon-glyph-before:"🡢"}[data-icon-after=link]{--icon-glyph-after:"🡢"}[data-icon-before=link-external],[data-icon=link-external]{--icon-glyph-before:"🡥"}[data-icon-after=link-external]{--icon-glyph-after:"🡥"}[data-icon-before=list],[data-icon=list]{--icon-glyph-before:"󡄡"}[data-icon-after=list]{--icon-glyph-after:"󡄡"}[data-icon-before=menu],[data-icon=menu]{--icon-glyph-before:"󡄢"}[data-icon-after=menu]{--icon-glyph-after:"󡄢"}[data-icon-before=s-bahn],[data-icon=s-bahn]{--icon-glyph-before:"󡈃"}[data-icon-after=s-bahn]{--icon-glyph-after:"󡈃"}[data-icon-before=more-horizontal],[data-icon=more-horizontal]{--icon-glyph-before:"⋯"}[data-icon-after=more-horizontal]{--icon-glyph-after:"⋯"}[data-icon-before=more-vertical],[data-icon=more-vertical]{--icon-glyph-before:"⋮"}[data-icon-after=more-vertical]{--icon-glyph-after:"⋮"}[data-icon-before=refresh],[data-icon=refresh]{--icon-glyph-before:"🗘"}[data-icon-after=refresh]{--icon-glyph-after:"🗘"}[data-icon-before=error],[data-icon=error]{--icon-glyph-before:"󡄣"}[data-icon-after=error]{--icon-glyph-after:"󡄣"}[data-icon-before=error-triangle],[data-icon=error-triangle]{--icon-glyph-before:"⚠"}[data-icon-after=error-triangle]{--icon-glyph-after:"⚠"}[data-icon-before=warning],[data-icon=warning]{--icon-glyph-before:"⚠"}[data-icon-after=warning]{--icon-glyph-after:"⚠"}[data-icon-before=notify],[data-icon=notify]{--icon-glyph-before:"󡄦"}[data-icon-after=notify]{--icon-glyph-after:"󡄦"}[data-icon-before=taxi],[data-icon=taxi]{--icon-glyph-before:"󡈈"}[data-icon-after=taxi]{--icon-glyph-after:"󡈈"}[data-icon-before=notify-cutoff],[data-icon=notify-cutoff]{--icon-glyph-before:"󡄧"}[data-icon-after=notify-cutoff]{--icon-glyph-after:"󡄧"}[data-icon-before=aisle],[data-icon=aisle]{--icon-glyph-before:"󡊁"}[data-icon-after=aisle]{--icon-glyph-after:"󡊁"}[data-icon-before=elderly],[data-icon=elderly]{--icon-glyph-before:"󡄨"}[data-icon-after=elderly]{--icon-glyph-after:"󡄨"}[data-icon-before=handicapped],[data-icon=handicapped]{--icon-glyph-before:"󡊃"}[data-icon-after=handicapped]{--icon-glyph-after:"󡊃"}[data-icon-before=table],[data-icon=table]{--icon-glyph-before:"󡄩"}[data-icon-after=table]{--icon-glyph-after:"󡄩"}[data-icon-before=window],[data-icon=window]{--icon-glyph-before:"󡄰"}[data-icon-after=window]{--icon-glyph-after:"󡄰"}[data-icon-before=bahnbonus],[data-icon=bahnbonus]{--icon-glyph-before:"󡄱"}[data-icon-after=bahnbonus]{--icon-glyph-after:"󡄱"}[data-icon-before=bahnbonus-card],[data-icon=bahnbonus-card]{--icon-glyph-before:"󡄲"}[data-icon-after=bahnbonus-card]{--icon-glyph-after:"󡄲"}[data-icon-before=bahncard],[data-icon=bahncard]{--icon-glyph-before:"󡄴"}[data-icon-after=bahncard]{--icon-glyph-after:"󡄴"}[data-icon-before=commuter-ticket],[data-icon=commuter-ticket]{--icon-glyph-before:"󡄶"}[data-icon-after=commuter-ticket]{--icon-glyph-after:"󡄶"}[data-icon-before=komfort-check-in],[data-icon=komfort-check-in]{--icon-glyph-before:"󡄷"}[data-icon-after=komfort-check-in]{--icon-glyph-after:"󡄷"}[data-icon-before=komfort-check-in-check],[data-icon=komfort-check-in-check]{--icon-glyph-before:"✔"}[data-icon-after=komfort-check-in-check]{--icon-glyph-after:"✔"}[data-icon-before=komfort-check-in-circle],[data-icon=komfort-check-in-circle]{--icon-glyph-before:"🤇"}[data-icon-after=komfort-check-in-circle]{--icon-glyph-after:"🤇"}[data-icon-before=my-travel],[data-icon=my-travel]{--icon-glyph-before:"󡄸"}[data-icon-after=my-travel]{--icon-glyph-after:"󡄸"}[data-icon-before=outward-journey],[data-icon=outward-journey]{--icon-glyph-before:"󡄹"}[data-icon-after=outward-journey]{--icon-glyph-after:"󡄹"}[data-icon-before=qr-code],[data-icon=qr-code]{--icon-glyph-before:"󡅀"}[data-icon-after=qr-code]{--icon-glyph-after:"󡅀"}[data-icon-before=airplane],[data-icon=airplane]{--icon-glyph-before:"󡆐"}[data-icon-after=airplane]{--icon-glyph-after:"󡆐"}[data-icon-before=call-a-bike],[data-icon=call-a-bike]{--icon-glyph-before:"󡆑"}[data-icon-after=call-a-bike]{--icon-glyph-after:"󡆑"}[data-icon-before=return-journey],[data-icon=return-journey]{--icon-glyph-before:"󡅁"}[data-icon-after=return-journey]{--icon-glyph-after:"󡅁"}[data-icon-before=ticket],[data-icon=ticket]{--icon-glyph-before:"󡊇"}[data-icon-after=ticket]{--icon-glyph-after:"󡊇"}[data-icon-before=ticket-discount],[data-icon=ticket-discount]{--icon-glyph-before:"󡅂"}[data-icon-after=ticket-discount]{--icon-glyph-after:"󡅂"}[data-icon-before=electric-scooter],[data-icon=electric-scooter]{--icon-glyph-before:"󡆖"}[data-icon-after=electric-scooter]{--icon-glyph-after:"󡆖"}[data-icon-before=ev-car],[data-icon=ev-car]{--icon-glyph-before:"󡆗"}[data-icon-after=ev-car]{--icon-glyph-after:"󡆗"}[data-icon-before=ticket-multiple],[data-icon=ticket-multiple]{--icon-glyph-before:"󡅃"}[data-icon-after=ticket-multiple]{--icon-glyph-after:"󡅃"}[data-icon-before=time-outward-journey],[data-icon=time-outward-journey]{--icon-glyph-before:"󡅄"}[data-icon-after=time-outward-journey]{--icon-glyph-after:"󡅄"}[data-icon-before=time-return-journey],[data-icon=time-return-journey]{--icon-glyph-before:"󡅅"}[data-icon-after=time-return-journey]{--icon-glyph-after:"󡅅"}[data-icon-before=timetable],[data-icon=timetable]{--icon-glyph-before:"󡅆"}[data-icon-after=timetable]{--icon-glyph-after:"󡅆"}[data-icon-before=bicycle],[data-icon=bicycle]{--icon-glyph-before:"󡈹"}[data-icon-after=bicycle]{--icon-glyph-after:"󡈹"}[data-icon-before=car],[data-icon=car]{--icon-glyph-before:"󡅑"}[data-icon-after=car]{--icon-glyph-after:"󡅑"}[data-icon-before=car-sequence],[data-icon=car-sequence]{--icon-glyph-before:"󡅇"}[data-icon-after=car-sequence]{--icon-glyph-after:"󡅇"}[data-icon-before=ice-side-view],[data-icon=ice-side-view]{--icon-glyph-before:"󡊈"}[data-icon-after=ice-side-view]{--icon-glyph-after:"󡊈"}[data-icon-before=sprinter],[data-icon=sprinter]{--icon-glyph-before:"󡅈"}[data-icon-after=sprinter]{--icon-glyph-after:"󡅈"}[data-icon-before=walking],[data-icon=walking]{--icon-glyph-before:"󡉁"}[data-icon-after=walking]{--icon-glyph-after:"󡉁"}[data-icon-before=logo],[data-icon=logo]{--icon-glyph-before:"󡅒"}[data-icon-after=logo]{--icon-glyph-after:"󡅒"}[data-icon-before=buggy],[data-icon=buggy]{--icon-glyph-before:"󡅓"}[data-icon-after=buggy]{--icon-glyph-after:"󡅓"}[data-icon-before=childrens-compartment],[data-icon=childrens-compartment]{--icon-glyph-before:"󡊂"}[data-icon-after=childrens-compartment]{--icon-glyph-after:"󡊂"}[data-icon-before=parent-child-compartment],[data-icon=parent-child-compartment]{--icon-glyph-before:"󡊄"}[data-icon-after=parent-child-compartment]{--icon-glyph-after:"󡊄"}[data-icon-before=augmented-reality],[data-icon=augmented-reality]{--icon-glyph-before:"󡅧"}[data-icon-after=augmented-reality]{--icon-glyph-after:"󡅧"}[data-icon-before=quiet-zone],[data-icon=quiet-zone]{--icon-glyph-before:"󡊅"}[data-icon-after=quiet-zone]{--icon-glyph-after:"󡊅"}[data-icon-before=duplicate],[data-icon=duplicate]{--icon-glyph-before:"󡅔"}[data-icon-after=duplicate]{--icon-glyph-after:"󡅔"}[data-icon-before=copy],[data-icon=copy]{--icon-glyph-before:"󡅔"}[data-icon-after=copy]{--icon-glyph-after:"󡅔"}[data-icon-before=image],[data-icon=image]{--icon-glyph-before:"🖼"}[data-icon-after=image]{--icon-glyph-after:"🖼"}[data-icon-before=lock-close],[data-icon=lock-close]{--icon-glyph-before:"󡈩"}[data-icon-after=lock-close]{--icon-glyph-after:"󡈩"}[data-icon-before=lock-open],[data-icon=lock-open]{--icon-glyph-before:"󡈰"}[data-icon-after=lock-open]{--icon-glyph-after:"󡈰"}[data-icon-before=restricted-mobility-toilet],[data-icon=restricted-mobility-toilet]{--icon-glyph-before:"󡅣"}[data-icon-after=restricted-mobility-toilet]{--icon-glyph-after:"󡅣"}[data-icon-before=database],[data-icon=database]{--icon-glyph-before:"󡆁"}[data-icon-after=database]{--icon-glyph-after:"󡆁"}[data-icon-before=breakfast],[data-icon=breakfast]{--icon-glyph-before:"󡉹"}[data-icon-after=breakfast]{--icon-glyph-after:"󡉹"}[data-icon-before=ferry],[data-icon=ferry]{--icon-glyph-before:"󡆘"}[data-icon-after=ferry]{--icon-glyph-after:"󡆘"}[data-icon-before=no-smoking],[data-icon=no-smoking]{--icon-glyph-before:"󡉶"}[data-icon-after=no-smoking]{--icon-glyph-after:"󡉶"}[data-icon-before=luggage-compartment],[data-icon=luggage-compartment]{--icon-glyph-before:"󡉴"}[data-icon-after=luggage-compartment]{--icon-glyph-after:"󡉴"}[data-icon-before=environmental-mobility-check],[data-icon=environmental-mobility-check]{--icon-glyph-before:"󡉳"}[data-icon-after=environmental-mobility-check]{--icon-glyph-after:"󡉳"}[data-icon-before=clothing-hanger],[data-icon=clothing-hanger]{--icon-glyph-before:"󡆀"}[data-icon-after=clothing-hanger]{--icon-glyph-after:"󡆀"}[data-icon-before=handcart],[data-icon=handcart]{--icon-glyph-before:"󡆙"}[data-icon-after=handcart]{--icon-glyph-after:"󡆙"}[data-icon-before=reservation],[data-icon=reservation]{--icon-glyph-before:"󡅹"}[data-icon-after=reservation]{--icon-glyph-after:"󡅹"}[data-icon-before=platform],[data-icon=platform]{--icon-glyph-before:"🛤"}[data-icon-after=platform]{--icon-glyph-after:"🛤"}[data-icon-before=night],[data-icon=night]{--icon-glyph-before:"󡊉"}[data-icon-after=night]{--icon-glyph-after:"󡊉"}[data-icon-before=piggybank],[data-icon=piggybank]{--icon-glyph-before:"󡊐"}[data-icon-after=piggybank]{--icon-glyph-after:"󡊐"}[data-icon-before=resize-handle-corner],[data-icon=resize-handle-corner]{--icon-glyph-before:"󡊑"}[data-icon-after=resize-handle-corner]{--icon-glyph-after:"󡊑"}[data-icon-before=document-check],[data-icon=document-check]{--icon-glyph-before:"󡊒"}[data-icon-after=document-check]{--icon-glyph-after:"󡊒"}[data-icon-before=face-delighted],[data-icon=face-delighted]{--icon-glyph-before:"󡊓"}[data-icon-after=face-delighted]{--icon-glyph-after:"󡊓"}[data-icon-before=face-disappointed],[data-icon=face-disappointed]{--icon-glyph-before:"󡊔"}[data-icon-after=face-disappointed]{--icon-glyph-after:"󡊔"}[data-icon-before=push-button],[data-icon=push-button]{--icon-glyph-before:"󡊕"}[data-icon-after=push-button]{--icon-glyph-after:"󡊕"}[data-icon-before=fast-backward],[data-icon=fast-backward]{--icon-glyph-before:"󡊖"}[data-icon-after=fast-backward]{--icon-glyph-after:"󡊖"}[data-icon-before=fast-forward],[data-icon=fast-forward]{--icon-glyph-before:"󡊗"}[data-icon-after=fast-forward]{--icon-glyph-after:"󡊗"}[data-icon-before=marketplace],[data-icon=marketplace]{--icon-glyph-before:"󡅸"}[data-icon-after=marketplace]{--icon-glyph-after:"󡅸"}[data-icon-before=hydrogen],[data-icon=hydrogen]{--icon-glyph-before:"󡅷"}[data-icon-after=hydrogen]{--icon-glyph-after:"󡅷"}[data-icon-before=day],[data-icon=day]{--icon-glyph-before:"☀"}[data-icon-after=day]{--icon-glyph-after:"☀"}[data-icon-before=sink],[data-icon=sink]{--icon-glyph-before:"󡉨"}[data-icon-after=sink]{--icon-glyph-after:"󡉨"}[data-icon-before=microphone],[data-icon=microphone]{--icon-glyph-before:"󡈴"}[data-icon-after=microphone]{--icon-glyph-after:"󡈴"}[data-icon-before=undo],[data-icon=undo]{--icon-glyph-before:"⎌"}[data-icon-after=undo]{--icon-glyph-after:"⎌"}[data-icon-before=thumb-up-down],[data-icon=thumb-up-down]{--icon-glyph-before:"󡉗"}[data-icon-after=thumb-up-down]{--icon-glyph-after:"󡉗"}[data-icon-before=local-bus],[data-icon=local-bus]{--icon-glyph-before:"󡈁"}[data-icon-after=local-bus]{--icon-glyph-after:"󡈁"}[data-icon-before=long-distance-bus],[data-icon=long-distance-bus]{--icon-glyph-before:"󡈂"}[data-icon-after=long-distance-bus]{--icon-glyph-after:"󡈂"}[data-icon-before=thumb-up],[data-icon=thumb-up]{--icon-glyph-before:"󡉖"}[data-icon-after=thumb-up]{--icon-glyph-after:"󡉖"}[data-icon-before=logbook],[data-icon=logbook]{--icon-glyph-before:"󡉓"}[data-icon-after=logbook]{--icon-glyph-after:"󡉓"}[data-icon-before=lightbulb],[data-icon=lightbulb]{--icon-glyph-before:"󡉒"}[data-icon-after=lightbulb]{--icon-glyph-after:"󡉒"}[data-icon-before=key],[data-icon=key]{--icon-glyph-before:"󡉑"}[data-icon-after=key]{--icon-glyph-after:"󡉑"}[data-icon-before=fingerprint],[data-icon=fingerprint]{--icon-glyph-before:"󡅱"}[data-icon-after=fingerprint]{--icon-glyph-after:"󡅱"}[data-icon-before=face-smiling],[data-icon=face-smiling]{--icon-glyph-before:"󡅰"}[data-icon-after=face-smiling]{--icon-glyph-after:"󡅰"}[data-icon-before=face-neutral],[data-icon=face-neutral]{--icon-glyph-before:"󡅨"}[data-icon-after=face-neutral]{--icon-glyph-after:"󡅨"}[data-icon-before=ice],[data-icon=ice]{--icon-glyph-before:"󡈀"}[data-icon-after=ice]{--icon-glyph-after:"󡈀"}[data-icon-before=face-sad],[data-icon=face-sad]{--icon-glyph-before:"󡅩"}[data-icon-after=face-sad]{--icon-glyph-after:"󡅩"}[data-icon-before=cloud-upload],[data-icon=cloud-upload]{--icon-glyph-before:"⇧"}[data-icon-after=cloud-upload]{--icon-glyph-after:"⇧"}[data-icon-before=cloud-download],[data-icon=cloud-download]{--icon-glyph-before:"⇩"}[data-icon-after=cloud-download]{--icon-glyph-after:"⇩"}[data-icon-before=cash],[data-icon=cash]{--icon-glyph-before:"󡉈"}[data-icon-after=cash]{--icon-glyph-after:"󡉈"}[data-icon-before=dashboard],[data-icon=dashboard]{--icon-glyph-before:"󡅤"}[data-icon-after=dashboard]{--icon-glyph-after:"󡅤"}[data-icon-before=resize],[data-icon=resize]{--icon-glyph-before:"󡅥"}[data-icon-after=resize]{--icon-glyph-after:"󡅥"}[data-icon-before=sepa],[data-icon=sepa]{--icon-glyph-before:"󡅦"}[data-icon-after=sepa]{--icon-glyph-after:"󡅦"}[data-icon-before=save],[data-icon=save]{--icon-glyph-before:"󡈲"}[data-icon-after=save]{--icon-glyph-after:"󡈲"}[data-icon-before=pin],[data-icon=pin]{--icon-glyph-before:"󡈱"}[data-icon-after=pin]{--icon-glyph-after:"󡈱"}[data-icon-before=folder-open],[data-icon=folder-open]{--icon-glyph-before:"󡈨"}[data-icon-after=folder-open]{--icon-glyph-after:"󡈨"}[data-icon-before=folder],[data-icon=folder]{--icon-glyph-before:"󡈧"}[data-icon-after=folder]{--icon-glyph-after:"󡈧"}[data-icon-before=camera],[data-icon=camera]{--icon-glyph-before:"󡈥"}[data-icon-after=camera]{--icon-glyph-after:"󡈥"}[data-icon-before=compass],[data-icon=compass]{--icon-glyph-before:"󡉉"}[data-icon-after=compass]{--icon-glyph-after:"󡉉"}[data-icon-before=drag-and-drop],[data-icon=drag-and-drop]{--icon-glyph-before:"󡆇"}[data-icon-after=drag-and-drop]{--icon-glyph-after:"󡆇"}[data-icon-before=person-with-cane],[data-icon=person-with-cane]{--icon-glyph-before:"󡉷"}[data-icon-after=person-with-cane]{--icon-glyph-after:"󡉷"}[data-icon-before=hearing],[data-icon=hearing]{--icon-glyph-before:"󡈑"}[data-icon-after=hearing]{--icon-glyph-after:"󡈑"}[data-icon-before=hearing-disabled],[data-icon=hearing-disabled]{--icon-glyph-before:"󡈒"}[data-icon-after=hearing-disabled]{--icon-glyph-after:"󡈒"}[data-icon-before=translation],[data-icon=translation]{--icon-glyph-before:"󡈓"}[data-icon-after=translation]{--icon-glyph-after:"󡈓"}[data-icon-before=voucher],[data-icon=voucher]{--icon-glyph-before:"󡈔"}[data-icon-after=voucher]{--icon-glyph-after:"󡈔"}[data-icon-before=support-dog],[data-icon=support-dog]{--icon-glyph-before:"󡈕"}[data-icon-after=support-dog]{--icon-glyph-after:"󡈕"}[data-icon-before=person-with-rollator],[data-icon=person-with-rollator]{--icon-glyph-before:"󡆈"}[data-icon-after=person-with-rollator]{--icon-glyph-after:"󡆈"}[data-icon-before=sort-down],[data-icon=sort-down]{--icon-glyph-before:"↡"}[data-icon-after=sort-down]{--icon-glyph-after:"↡"}[data-icon-before=sort-up],[data-icon=sort-up]{--icon-glyph-before:"↟"}[data-icon-after=sort-up]{--icon-glyph-after:"↟"}[data-icon-before=cloud],[data-icon=cloud]{--icon-glyph-before:"☁"}[data-icon-after=cloud]{--icon-glyph-after:"☁"}[data-icon-before=sev],[data-icon=sev]{--icon-glyph-before:"󡈅"}[data-icon-after=sev]{--icon-glyph-after:"󡈅"}[data-icon-before=train-and-car],[data-icon=train-and-car]{--icon-glyph-before:"󡈉"}[data-icon-after=train-and-car]{--icon-glyph-after:"󡈉"}[data-icon-before=tram],[data-icon=tram]{--icon-glyph-before:"󡈐"}[data-icon-after=tram]{--icon-glyph-after:"󡈐"}[data-icon-before=speedboat],[data-icon=speedboat]{--icon-glyph-before:"󡈆"}[data-icon-after=speedboat]{--icon-glyph-after:"󡈆"}[data-icon-before=build],[data-icon=build]{--icon-glyph-before:"🛠"}[data-icon-after=build]{--icon-glyph-after:"🛠"}[data-icon-before=bug],[data-icon=bug]{--icon-glyph-before:"󡉆"}[data-icon-after=bug]{--icon-glyph-after:"󡉆"}[data-icon-before=question],[data-icon=question]{--icon-glyph-before:"󡅲"}[data-icon-after=question]{--icon-glyph-after:"󡅲"}[data-icon-before=receive-item],[data-icon=receive-item]{--icon-glyph-before:"󡅳"}[data-icon-after=receive-item]{--icon-glyph-after:"󡅳"}[data-icon-before=share-item],[data-icon=share-item]{--icon-glyph-before:"󡅴"}[data-icon-after=share-item]{--icon-glyph-after:"󡅴"}[data-icon-before=playground],[data-icon=playground]{--icon-glyph-before:"󡉦"}[data-icon-after=playground]{--icon-glyph-after:"󡉦"}[data-icon-before=shower],[data-icon=shower]{--icon-glyph-before:"󡉧"}[data-icon-after=shower]{--icon-glyph-after:"󡉧"}[data-icon-before=shower-men],[data-icon=shower-men]{--icon-glyph-before:"󡅵"}[data-icon-after=shower-men]{--icon-glyph-after:"󡅵"}[data-icon-before=shower-women],[data-icon=shower-women]{--icon-glyph-before:"󡅶"}[data-icon-after=shower-women]{--icon-glyph-after:"󡅶"}[data-icon-before=add-link],[data-icon=add-link]{--icon-glyph-before:"󡉂"}[data-icon-after=add-link]{--icon-glyph-after:"󡉂"}[data-icon-before=attachment],[data-icon=attachment]{--icon-glyph-before:"󡉅"}[data-icon-after=attachment]{--icon-glyph-after:"󡉅"}[data-icon-before=block],[data-icon=block]{--icon-glyph-before:"󡈣"}[data-icon-after=block]{--icon-glyph-after:"󡈣"}[data-icon-before=bookmark],[data-icon=bookmark]{--icon-glyph-before:"󡈤"}[data-icon-after=bookmark]{--icon-glyph-after:"󡈤"}[data-icon-before=shopping-basket-disabled],[data-icon=shopping-basket-disabled]{--icon-glyph-before:"󡅕"}[data-icon-after=shopping-basket-disabled]{--icon-glyph-after:"󡅕"}[data-icon-before=shopping-cart-disabled],[data-icon=shopping-cart-disabled]{--icon-glyph-before:"󡅖"}[data-icon-after=shopping-cart-disabled]{--icon-glyph-after:"󡅖"}[data-icon-before=gps],[data-icon=gps]{--icon-glyph-before:"󡅗"}[data-icon-after=gps]{--icon-glyph-after:"󡅗"}[data-icon-before=gps-north],[data-icon=gps-north]{--icon-glyph-before:"󡅘"}[data-icon-after=gps-north]{--icon-glyph-after:"󡅘"}[data-icon-before=local-train],[data-icon=local-train]{--icon-glyph-before:"󡉀"}[data-icon-after=local-train]{--icon-glyph-after:"󡉀"}[data-icon-before=rail-and-fly],[data-icon=rail-and-fly]{--icon-glyph-before:"󡅙"}[data-icon-after=rail-and-fly]{--icon-glyph-after:"󡅙"}[data-icon-before=seat-priority],[data-icon=seat-priority]{--icon-glyph-before:"󡅢"}[data-icon-after=seat-priority]{--icon-glyph-after:"󡅢"}[data-icon-before=priority],[data-icon=priority]{--icon-glyph-before:"󡅢"}[data-icon-after=priority]{--icon-glyph-after:"󡅢"}[data-icon-before=traveler-with-reduced-mobility],[data-icon=traveler-with-reduced-mobility]{--icon-glyph-before:"󡅢"}[data-icon-after=traveler-with-reduced-mobility]{--icon-glyph-after:"󡅢"}[data-icon-before=standing-room],[data-icon=standing-room]{--icon-glyph-before:"󡅠"}[data-icon-after=standing-room]{--icon-glyph-after:"󡅠"}[data-icon-before=mixed-class],[data-icon=mixed-class]{--icon-glyph-before:"󡅡"}[data-icon-after=mixed-class]{--icon-glyph-after:"󡅡"}[data-icon-before=navigation-straight],[data-icon=navigation-straight]{--icon-glyph-before:"󡌀"}[data-icon-after=navigation-straight]{--icon-glyph-after:"󡌀"}[data-icon-before=navigation-to-left],[data-icon=navigation-to-left]{--icon-glyph-before:"󡌁"}[data-icon-after=navigation-to-left]{--icon-glyph-after:"󡌁"}[data-icon-before=navigation-to-right],[data-icon=navigation-to-right]{--icon-glyph-before:"󡌂"}[data-icon-after=navigation-to-right]{--icon-glyph-after:"󡌂"}[data-icon-before=navigation-u-turn],[data-icon=navigation-u-turn]{--icon-glyph-before:"󡌃"}[data-icon-after=navigation-u-turn]{--icon-glyph-after:"󡌃"}[data-icon-before=transportation-train-ec],[data-icon=transportation-train-ec]{--icon-glyph-before:""}[data-icon-after=transportation-train-ec]{--icon-glyph-after:""}[data-icon-before=transportation-train-ic],[data-icon=transportation-train-ic]{--icon-glyph-before:""}[data-icon-after=transportation-train-ic]{--icon-glyph-after:""}[data-icon-before=transportation-train-ice],[data-icon=transportation-train-ice]{--icon-glyph-before:""}[data-icon-after=transportation-train-ice]{--icon-glyph-after:""}[data-icon-before=transportation-train-rb],[data-icon=transportation-train-rb]{--icon-glyph-before:""}[data-icon-after=transportation-train-rb]{--icon-glyph-after:""}[data-icon-before=transportation-train-re],[data-icon=transportation-train-re]{--icon-glyph-before:""}[data-icon-after=transportation-train-re]{--icon-glyph-after:""}[data-icon-before=transportation-bikesharing],[data-icon=transportation-bikesharing]{--icon-glyph-before:""}[data-icon-after=transportation-bikesharing]{--icon-glyph-after:""}[data-icon-before=transportation-bus-local],[data-icon=transportation-bus-local]{--icon-glyph-before:""}[data-icon-after=transportation-bus-local]{--icon-glyph-after:""}[data-icon-before=transportation-carsharing],[data-icon=transportation-carsharing]{--icon-glyph-before:""}[data-icon-after=transportation-carsharing]{--icon-glyph-after:""}[data-icon-before=transportation-bus-long-distance],[data-icon=transportation-bus-long-distance]{--icon-glyph-before:""}[data-icon-after=transportation-bus-long-distance]{--icon-glyph-after:""}[data-icon-before=transportation-airplane],[data-icon=transportation-airplane]{--icon-glyph-before:""}[data-icon-after=transportation-airplane]{--icon-glyph-after:""}[data-icon-before=transportation-s-bahn],[data-icon=transportation-s-bahn]{--icon-glyph-before:""}[data-icon-after=transportation-s-bahn]{--icon-glyph-after:""}[data-icon-before=transportation-ship],[data-icon=transportation-ship]{--icon-glyph-before:""}[data-icon-after=transportation-ship]{--icon-glyph-after:""}[data-icon-before=transportation-taxi],[data-icon=transportation-taxi]{--icon-glyph-before:""}[data-icon-after=transportation-taxi]{--icon-glyph-after:""}[data-icon-before=transportation-train-tram],[data-icon=transportation-train-tram]{--icon-glyph-before:""}[data-icon-after=transportation-train-tram]{--icon-glyph-after:""}[data-icon-before=transportation-underground],[data-icon=transportation-underground]{--icon-glyph-before:""}[data-icon-after=transportation-underground]{--icon-glyph-after:""}[data-icon-before=transportation-walking],[data-icon=transportation-walking]{--icon-glyph-before:""}[data-icon-after=transportation-walking]{--icon-glyph-after:""}[data-icon-before=ev-bus],[data-icon=ev-bus]{--icon-glyph-before:""}[data-icon-after=ev-bus]{--icon-glyph-after:""}[data-icon-before=ev-train],[data-icon=ev-train]{--icon-glyph-before:""}[data-icon-after=ev-train]{--icon-glyph-after:""}[data-icon-before=artificial-intelligence],[data-icon=artificial-intelligence]{--icon-glyph-before:"󡌄"}[data-icon-after=artificial-intelligence]{--icon-glyph-after:"󡌄"}[data-icon-before=document-cross],[data-icon=document-cross]{--icon-glyph-before:"󡌅"}[data-icon-after=document-cross]{--icon-glyph-after:"󡌅"}[data-icon-before=euro-sign],[data-icon=euro-sign]{--icon-glyph-before:"󡌆"}[data-icon-after=euro-sign]{--icon-glyph-after:"󡌆"}[data-icon-before=id-card],[data-icon=id-card]{--icon-glyph-before:"󡌇"}[data-icon-after=id-card]{--icon-glyph-after:"󡌇"}[data-icon-before=pulse-wave],[data-icon=pulse-wave]{--icon-glyph-before:"󡌈"}[data-icon-after=pulse-wave]{--icon-glyph-after:"󡌈"}[data-icon-variant-after="16-outline"][data-icon-after]:after,[data-icon-variant-before="16-outline"][data-icon-before]:before,[data-icon-variant-before="16-outline"][data-icon]:before,[data-icon-variant="16-outline"][data-icon-before]:before,[data-icon-variant="16-outline"][data-icon]:before{--icon-font-family:"icons-16-outline","missing-icons"!important;--icon-font-size:1rem}[data-icon-variant-after="20-outline"][data-icon-after]:after,[data-icon-variant-before="20-outline"][data-icon-before]:before,[data-icon-variant-before="20-outline"][data-icon]:before,[data-icon-variant="20-outline"][data-icon-before]:before,[data-icon-variant="20-outline"][data-icon]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem}[data-icon-variant-after="24-outline"][data-icon-after]:after,[data-icon-variant-before="24-outline"][data-icon-before]:before,[data-icon-variant-before="24-outline"][data-icon]:before,[data-icon-variant="24-outline"][data-icon-before]:before,[data-icon-variant="24-outline"][data-icon]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;--icon-font-size:1.5rem}[data-icon-variant-after="32-outline"][data-icon-after]:after,[data-icon-variant-before="32-outline"][data-icon-before]:before,[data-icon-variant-before="32-outline"][data-icon]:before,[data-icon-variant="32-outline"][data-icon-before]:before,[data-icon-variant="32-outline"][data-icon]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;--icon-font-size:2rem}[data-icon-variant-after="48-outline"][data-icon-after]:after,[data-icon-variant-before="48-outline"][data-icon-before]:before,[data-icon-variant-before="48-outline"][data-icon]:before,[data-icon-variant="48-outline"][data-icon-before]:before,[data-icon-variant="48-outline"][data-icon]:before{--icon-font-family:"icons-48-outline","missing-icons"!important;--icon-font-size:3rem}[data-icon-variant-after="64-outline"][data-icon-after]:after,[data-icon-variant-before="64-outline"][data-icon-before]:before,[data-icon-variant-before="64-outline"][data-icon]:before,[data-icon-variant="64-outline"][data-icon-before]:before,[data-icon-variant="64-outline"][data-icon]:before{--icon-font-family:"icons-64-outline","missing-icons"!important;--icon-font-size:4rem}[data-icon-variant-after="16-filled"][data-icon-after]:after,[data-icon-variant-before="16-filled"][data-icon-before]:before,[data-icon-variant-before="16-filled"][data-icon]:before,[data-icon-variant="16-filled"][data-icon-before]:before,[data-icon-variant="16-filled"][data-icon]:before{--icon-font-family:"icons-16-filled","missing-icons"!important;--icon-font-size:1rem}[data-icon-variant-after="20-filled"][data-icon-after]:after,[data-icon-variant-before="20-filled"][data-icon-before]:before,[data-icon-variant-before="20-filled"][data-icon]:before,[data-icon-variant="20-filled"][data-icon-before]:before,[data-icon-variant="20-filled"][data-icon]:before{--icon-font-family:"icons-20-filled","missing-icons"!important;--icon-font-size:1.25rem}[data-icon-variant-after="24-filled"][data-icon-after]:after,[data-icon-variant-before="24-filled"][data-icon-before]:before,[data-icon-variant-before="24-filled"][data-icon]:before,[data-icon-variant="24-filled"][data-icon-before]:before,[data-icon-variant="24-filled"][data-icon]:before{--icon-font-family:"icons-24-filled","missing-icons"!important;--icon-font-size:1.5rem}[data-icon-variant-after="32-filled"][data-icon-after]:after,[data-icon-variant-before="32-filled"][data-icon-before]:before,[data-icon-variant-before="32-filled"][data-icon]:before,[data-icon-variant="32-filled"][data-icon-before]:before,[data-icon-variant="32-filled"][data-icon]:before{--icon-font-family:"icons-32-filled","missing-icons"!important;--icon-font-size:2rem}[data-icon-variant-after="48-filled"][data-icon-after]:after,[data-icon-variant-before="48-filled"][data-icon-before]:before,[data-icon-variant-before="48-filled"][data-icon]:before,[data-icon-variant="48-filled"][data-icon-before]:before,[data-icon-variant="48-filled"][data-icon]:before{--icon-font-family:"icons-48-filled","missing-icons"!important;--icon-font-size:3rem}[data-icon-variant-after="64-filled"][data-icon-after]:after,[data-icon-variant-before="64-filled"][data-icon-before]:before,[data-icon-variant-before="64-filled"][data-icon]:before,[data-icon-variant="64-filled"][data-icon-before]:before,[data-icon-variant="64-filled"][data-icon]:before{--icon-font-family:"icons-64-filled","missing-icons"!important;--icon-font-size:4rem}@font-face{font-display:block;font-family:missing-icons;src:url(../../icons/functional/fonts/icons-empty.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-empty.woff?4r2099) format("woff")}@font-face{font-display:block;font-family:icons-16-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-16-outline-action.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-16-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+2212,U+2713}@font-face{font-display:block;font-family:icons-16-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-16-outline-navigation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-16-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+2190-2193,U+2303-2304,U+2a2f}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-action.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+003f,U+00a7,U+1f441,U+1f5a8,U+1f5b9,U+1f5bc,U+1f5d1,U+1f6c8,U+1f6cd,U+1f6e0,U+219f,U+21a1,U+21a6,U+21c6,U+21e7,U+21e9,U+21f5,U+2212,U+2295,U+229d,U+238c,U+25f9,U+2601,U+2606,U+2661,U+2699,U+270f,U+2713,U+2b73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+23f8,U+25a1,U+25b7,U+293a-293b,U+e1085-e1088,U+e1091,U+e1234,U+e1261-e1259,U+e1262,U+e1296-e1297}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-brand.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-communication.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-communication.woff?4r2099) format("woff");unicode-range:U+1f5b7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-covid-19.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-covid-19.woff?4r2099) format("woff");unicode-range:U+e1265}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-facilities.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-facilities.woff?4r2099) format("woff");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-feature.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-food.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-food.woff?4r2099) format("woff");unicode-range:U+1f37d,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-it.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-journey.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-journey.woff?4r2099) format("woff");unicode-range:U+2488-2489,U+291e,U+29bf,U+2b94,U+e1102-e1104,U+e1106,U+e1108,U+e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-maps.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+1f5fa,U+1f78b,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-navigation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+1030e,U+1f5d8,U+1f862,U+1f865,U+2190-2193,U+22ee-22ef,U+2303-2304,U+2a2f,U+2bbe,U+e1119-e1122}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-notification.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123,U+e1126-e1127}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-seat.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-seat.woff?4r2099) format("woff");unicode-range:U+1f6cf,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-ticket.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-ticket.woff?4r2099) format("woff");unicode-range:U+1f907,U+2714,U+e1131-e1132,U+e1134,U+e1136-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-transportation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-transportation.woff?4r2099) format("woff");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288,U+e928-e929}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-action.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+003f,U+00a7,U+1f441,U+1f5a8,U+1f5b9,U+1f5bc,U+1f5d1,U+1f6c8,U+1f6cd,U+1f6e0,U+219f,U+21a1,U+21a6,U+21c6,U+21e7,U+21e9,U+21f5,U+2212,U+2295,U+229d,U+238c,U+25f9,U+2601,U+2606,U+2661,U+2699,U+270f,U+2713,U+2b73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+23f8,U+25a1,U+25b7,U+293a-293b,U+e1085-e1088,U+e1091,U+e1234,U+e1259-e1262,U+e1296-e1297}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-brand.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-communication.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-communication.woff?4r2099) format("woff");unicode-range:U+1f5b7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-covid-19.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-covid-19.woff?4r2099) format("woff");unicode-range:U+e1265}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-facilities.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-facilities.woff?4r2099) format("woff");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-feature.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-food.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-food.woff?4r2099) format("woff");unicode-range:U+1f37d,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-it.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-journey.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-journey.woff?4r2099) format("woff");unicode-range:U+2488-2489,U+291e,U+29bf,U+2b94,U+e1102-e1104,U+e1106,U+e1108,U+e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-maps.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+1f5fa,U+1f78b,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-navigation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+1030e,U+1f5d8,U+1f862,U+1f865,U+2190-2193,U+22ee-22ef,U+2303-2304,U+2a2f,U+2bbe,U+e1119-e1122}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-notification.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123-e1127}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-seat.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-seat.woff?4r2099) format("woff");unicode-range:U+1f6cf,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-ticket.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-ticket.woff?4r2099) format("woff");unicode-range:U+1f907,U+2714,U+e1131-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-transportation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-transportation.woff?4r2099) format("woff");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-action.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+003f,U+00a7,U+1f441,U+1f5a8,U+1f5b9,U+1f5bc,U+1f5d1,U+1f6c8,U+1f6cd,U+1f6e0,U+219f,U+21a1,U+21a6,U+21c6,U+21e7,U+21e9,U+21f5,U+2212,U+2295,U+229d,U+238c,U+25f9,U+2601,U+2606,U+2661,U+2699,U+270f,U+2713,U+2b73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+23f8,U+25a1,U+25b7,U+293a-293b,U+e1085-e1088,U+e1091,U+e1234,U+e1259-e1262,U+e1296-e1297}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-brand.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-communication.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-communication.woff?4r2099) format("woff");unicode-range:U+1f5b7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-covid-19.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-covid-19.woff?4r2099) format("woff");unicode-range:U+e1265}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-facilities.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-facilities.woff?4r2099) format("woff");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-feature.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-food.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-food.woff?4r2099) format("woff");unicode-range:U+1f37d,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-it.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-journey.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-journey.woff?4r2099) format("woff");unicode-range:U+2488-2489,U+291e,U+29bf,U+2b94,U+e1102-e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-maps.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+1f5fa,U+1f78b,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-navigation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+1030e,U+1f5d8,U+1f862,U+1f865,U+2190-2193,U+22ee-22ef,U+2303-2304,U+2a2f,U+2bbe,U+e1119-e1122}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-notification.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123-e1127}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-seat.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-seat.woff?4r2099) format("woff");unicode-range:U+1f6cf,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-ticket.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-ticket.woff?4r2099) format("woff");unicode-range:U+1f907,U+2714,U+e1131-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-transportation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-transportation.woff?4r2099) format("woff");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-48-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-48-outline-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-48-outline-av.woff?4r2099) format("woff");unicode-range:U+23f8,U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}@font-face{font-display:block;font-family:icons-48-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-48-outline-brand.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-48-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-64-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-64-outline-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-64-outline-av.woff?4r2099) format("woff");unicode-range:U+23f8,U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}@font-face{font-display:block;font-family:icons-64-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-64-outline-brand.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-64-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-16-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-16-filled-action.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-16-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f6c8,U+e1220}@font-face{font-display:block;font-family:icons-16-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-16-filled-navigation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-16-filled-navigation.woff?4r2099) format("woff");unicode-range:U+2bbe}@font-face{font-display:block;font-family:icons-16-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-16-filled-notification.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-16-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-action.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f5a8,U+1f5bc,U+1f6c8,U+1f6cd,U+1f6e0,U+2295,U+229d,U+2601,U+2606,U+2661,U+270f,U+e1066,U+e1070,U+e1079,U+e1154-e1155,U+e1164-e1166,U+e1214,U+e1220-e1233}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-av.woff?4r2099) format("woff");unicode-range:U+23ed,U+23ee,U+25a1,U+25b7,U+e1091,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-communication.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-communication.woff?4r2099) format("woff");unicode-range:U+2370,U+e1095,U+e1172-e1174,U+e1235-e1236}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-feature.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+e1177-e1179,U+e1289}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-food.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-food.woff?4r2099) format("woff");unicode-range:U+e1237}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-it.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-journey.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-journey.woff?4r2099) format("woff");unicode-range:U+e1104,U+e1106,U+e1108,U+e1110,U+e1238}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-maps.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+2302,U+e1115-e1116,U+e1157-e1158}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-navigation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-navigation.woff?4r2099) format("woff");unicode-range:U+1030e,U+2bbe}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-notification.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-ticket.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-ticket.woff?4r2099) format("woff");unicode-range:U+e1132,U+e1134,U+e1184}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-transportation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-transportation.woff?4r2099) format("woff");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-filled-action.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f6c8,U+2295,U+229d,U+2601,U+2606,U+2661,U+e1220,U+e1222,U+e1224-e1225,U+e1231}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-filled-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-filled-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+25a1,U+25b7,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-filled-journey.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-filled-journey.woff?4r2099) format("woff");unicode-range:U+e1104,U+e1106,U+e1108,U+e1110,U+e1238}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-filled-maps.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-filled-maps.woff?4r2099) format("woff");unicode-range:U+e1157-e1158}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-filled-navigation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-filled-navigation.woff?4r2099) format("woff");unicode-range:U+2bbe}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-filled-notification.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-filled-transportation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-filled-transportation.woff?4r2099) format("woff");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-filled-action.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f6c8,U+2295,U+229d,U+2601,U+2606,U+2661,U+e1220,U+e1222,U+e1224-e1225,U+e1231,U+e904}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-filled-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-filled-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+25a1,U+25b7,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-filled-maps.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-filled-maps.woff?4r2099) format("woff");unicode-range:U+e1157-e1158}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-filled-navigation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-filled-navigation.woff?4r2099) format("woff");unicode-range:U+2bbe}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-filled-notification.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-filled-transportation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-filled-transportation.woff?4r2099) format("woff");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-48-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-48-filled-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-48-filled-av.woff?4r2099) format("woff");unicode-range:U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}@font-face{font-display:block;font-family:icons-64-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-64-filled-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-64-filled-av.woff?4r2099) format("woff");unicode-range:U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}.cmp-accordion summary:after,.cmp-breadcrumb ol>li:first-child:before,.cmp-breadcrumb ol>li:not(:first-child):before,.cmp-dialog header :is(.elm-link,button).is-close:before,.cmp-dropdown summary:before,.cmp-dropdown.is-account summary:before,.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after,.cmp-link-list li .elm-link:before,.cmp-mainnavigation li[aria-haspopup=true]:after,.cmp-mainnavigation>label[for]:after,.cmp-mainnavigation>label[for]:before,.cmp-overflow-menu summary:before,.cmp-pagination .elm-link[rel=next]:before,.cmp-pagination .elm-link[rel=prev]:before,.cmp-sidenavi .elm-link[rel=calendar]:before,.cmp-sidenavi .elm-link[rel=cloud]:before,.cmp-sidenavi .elm-link[rel=dashboard]:before,.cmp-sidenavi .elm-link[rel=documents]:before,.cmp-sidenavi .elm-link[rel=help]:before,.cmp-sidenavi .elm-link[rel=index]:before,.cmp-sitesearch .elm-button:before,.cmp-sitesearch .elm-label:before,.elm-checkbox:before,.elm-link[rel=account]:before,.elm-link[rel=configuration]:before,.elm-link[rel=messages]:before,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{-webkit-alt:"";alt:"";display:inline-block;font-family:var(--icon-font-family)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;font-weight:var(--icon-font-weight,normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle}@media aural{.cmp-accordion summary:after,.cmp-breadcrumb ol>li:first-child:before,.cmp-breadcrumb ol>li:not(:first-child):before,.cmp-dialog header :is(.elm-link,button).is-close:before,.cmp-dropdown summary:before,.cmp-dropdown.is-account summary:before,.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after,.cmp-link-list li .elm-link:before,.cmp-mainnavigation li[aria-haspopup=true]:after,.cmp-mainnavigation>label[for]:after,.cmp-mainnavigation>label[for]:before,.cmp-overflow-menu summary:before,.cmp-pagination .elm-link[rel=next]:before,.cmp-pagination .elm-link[rel=prev]:before,.cmp-sidenavi .elm-link[rel=calendar]:before,.cmp-sidenavi .elm-link[rel=cloud]:before,.cmp-sidenavi .elm-link[rel=dashboard]:before,.cmp-sidenavi .elm-link[rel=documents]:before,.cmp-sidenavi .elm-link[rel=help]:before,.cmp-sidenavi .elm-link[rel=index]:before,.cmp-sitesearch .elm-button:before,.cmp-sitesearch .elm-label:before,.elm-checkbox:before,.elm-link[rel=account]:before,.elm-link[rel=configuration]:before,.elm-link[rel=messages]:before,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{.cmp-accordion summary:after,.cmp-breadcrumb ol>li:first-child:before,.cmp-breadcrumb ol>li:not(:first-child):before,.cmp-dialog header :is(.elm-link,button).is-close:before,.cmp-dropdown summary:before,.cmp-dropdown.is-account summary:before,.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after,.cmp-link-list li .elm-link:before,.cmp-mainnavigation li[aria-haspopup=true]:after,.cmp-mainnavigation>label[for]:after,.cmp-mainnavigation>label[for]:before,.cmp-overflow-menu summary:before,.cmp-pagination .elm-link[rel=next]:before,.cmp-pagination .elm-link[rel=prev]:before,.cmp-sidenavi .elm-link[rel=calendar]:before,.cmp-sidenavi .elm-link[rel=cloud]:before,.cmp-sidenavi .elm-link[rel=dashboard]:before,.cmp-sidenavi .elm-link[rel=documents]:before,.cmp-sidenavi .elm-link[rel=help]:before,.cmp-sidenavi .elm-link[rel=index]:before,.cmp-sitesearch .elm-button:before,.cmp-sitesearch .elm-label:before,.elm-checkbox:before,.elm-link[rel=account]:before,.elm-link[rel=configuration]:before,.elm-link[rel=messages]:before,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}[data-icon-after]:not([data-icon-variant-after]):after,[data-icon-before]:not([data-icon-variant-before]):before,[data-icon]:not([data-icon-variant]):before{--icon-font-family:icons-24-outline,"missing-icons"!important;--icon-font-size:1.5rem}[data-icon-before]:before,[data-icon]:before{content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}[data-icon-after]:after{content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--icon-margin-after:0}.is-icon-text-replace[data-icon-after]{font-size:0}.is-icon-text-replace[data-icon-after]:after{--icon-margin-before:0}.elm-button{align-items:center;border:1px solid transparent;border-radius:4px;display:inline-flex;font-size:1rem;justify-content:center;min-height:2.75rem;padding:.5rem 1rem}.elm-button[data-icon-before],.elm-button[data-icon]{padding-left:.875rem}.elm-button[data-icon-after]{padding-right:.875rem}.elm-button.is-icon-text-replace{width:2.75rem}.elm-button[data-variant=brand-primary],.elm-button[data-variant=primary]{color:#fff;font-weight:700}.elm-button[data-variant=brand-primary]{background-color:#ec0016}.elm-button[data-variant=brand-primary]:disabled{background-color:#ec001640}.elm-button[data-variant=brand-primary]:not(:disabled):hover{background-color:#db0016}.elm-button[data-variant=brand-primary]:not(:disabled):focus-visible{background-color:#db0016}.elm-button[data-variant=brand-primary]:not(:disabled):active{background-color:#cc0013}.elm-button[data-variant=primary]{background-color:#282d37}.elm-button[data-variant=primary]:disabled{background-color:#282d3740}.elm-button[data-variant=primary]:not(:disabled):hover{background-color:#2f3541}.elm-button[data-variant=primary]:not(:disabled):focus-visible{background-color:#2f3541}.elm-button[data-variant=primary]:not(:disabled):active{background-color:#363c4a}.elm-button[data-variant=secondary-outline]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:transparent;border-color:#282d37;color:#282d37}.elm-button[data-variant=secondary-outline]:disabled{border-color:#282d3740;color:#282d3780}.elm-button[data-variant=secondary-outline]:not(:disabled):hover{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=secondary-outline]:not(:disabled):focus-visible{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=secondary-outline]:not(:disabled):active{background-color:rgba(40,45,55,.06)}.elm-button[data-variant=secondary-solid]{background-color:#d7dce1;color:#282d37}.elm-button[data-variant=secondary-solid]:disabled{background-color:#d7dce140;color:#282d3780}.elm-button[data-variant=secondary-solid]:not(:disabled):hover{background-color:#cdd4da}.elm-button[data-variant=secondary-solid]:not(:disabled):focus-visible{background-color:#cdd4da}.elm-button[data-variant=secondary-solid]:not(:disabled):active{background-color:#c5ccd3}.elm-button[data-variant=tertiary-plain]{background-color:transparent;border:2px solid transparent;color:#282d37}.elm-button[data-variant=tertiary-plain]:disabled{color:#282d3780}.elm-button[data-variant=tertiary-plain]:not(:disabled):hover{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=tertiary-plain]:not(:disabled):focus-visible{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=tertiary-plain]:not(:disabled):active{background-color:rgba(40,45,55,.06)}.elm-button[data-size=small]{min-height:2.25rem}.elm-button[data-size=small]:not(.is-icon-text-replace){font-size:.875rem}.elm-button[data-icon-after][data-size=small]:after,.elm-button[data-icon-before][data-size=small]:before,.elm-button[data-icon][data-size=small]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem}.elm-button.is-icon-text-replace[data-size=small]{width:2.25rem}.elm-button[data-size=large]{min-height:3.25rem}.elm-button[data-size=large]:not(.is-icon-text-replace){font-size:1.25rem}.elm-button.is-icon-text-replace[data-size=large]{width:3.25rem}.elm-button:disabled{color:#ffffff80}.elm-button[data-width=full]{inline-size:100%}.elm-headline{margin-bottom:1rem;margin-top:1.5rem;text-wrap:balance}.elm-headline[data-pulse]:after{background:var(--db-pulse-background,#ec0016);border-radius:calc(var(--db-logo-height, 40px)/7*.5);content:"";display:block;height:calc(var(--db-logo-height, 40px)/7);margin-bottom:var(--db-pulse-margin-bottom,14px);margin-top:calc(var(--db-logo-height, 40px)*.5);width:var(--db-logo-width,58px)}h1.elm-headline,h2.elm-headline,h3.elm-headline{font-family:DB Screen Head,Helvetica,Arial,sans-serif;font-weight:900}h1.elm-headline{font-size:2.25rem;line-height:1.1111111111}@media screen and (max-width:767px){h1.elm-headline{font-size:1.75rem;line-height:1.14}}h2.elm-headline{font-size:1.5rem;line-height:1.1666666667}@media screen and (max-width:767px){h2.elm-headline{font-size:1.25rem;line-height:1.2}}h3.elm-headline{font-size:1.25rem;line-height:1.2}@media screen and (max-width:767px){h3.elm-headline{font-size:1.125rem;line-height:1.33}}h4.elm-headline{font-size:1.125rem;font-weight:400;line-height:1.3333333333}@media screen and (max-width:767px){h4.elm-headline{font-size:1rem;line-height:1.25}}.elm-link{border-radius:.25rem;display:inline-block;text-underline-offset:.1875rem;text-underline-position:under}@supports(text-underline-offset:3px){.elm-link{text-underline-position:auto}}.elm-link:active{color:initial}.elm-link[aria-disabled=true]{opacity:.4;pointer-events:none}.elm-link[aria-disabled=true]:before{color:initial}.elm-link[data-size=small]:not(.is-icon-text-replace){font-size:.875rem}.elm-link[data-icon-after][data-size=small]:after:after,.elm-link[data-icon-before][data-size=small]:before,.elm-link[data-icon][data-size=small]:before,.elm-link[rel][data-size=small]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem}.elm-link[rel=configuration]{--icon-glyph-before:"⚙"}.elm-link[rel=configuration]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.elm-link[rel=configuration]:before{content:var(--icon-glyph-before)/""}}.elm-link[rel=messages]{--icon-glyph-before:"󡈶"}.elm-link[rel=messages]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.elm-link[rel=messages]:before{content:var(--icon-glyph-before)/""}}.elm-link[rel=account]{--icon-glyph-before:"󡈡"}.elm-link[rel=account]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.elm-link[rel=account]:before{content:var(--icon-glyph-before)/""}}.elm-link[rel=account]:before,.elm-link[rel=configuration]:before,.elm-link[rel=messages]:before{display:inline-block}.elm-logo{height:var(--db-logo-height,40px);width:var(--db-logo-width,58px)}.elm-logo[data-size=xsmall]{--db-logo-width:20px;--db-logo-height:14px}body:has(.elm-logo[data-size=xsmall]) .elm-headline[data-pulse]{--db-logo-width:20px;--db-logo-height:14px}.elm-logo[data-size=xsmall]~.elm-headline[data-pulse]{--db-logo-width:20px;--db-logo-height:14px}.elm-logo[data-size=small]{--db-logo-width:29px;--db-logo-height:20px}body:has(.elm-logo[data-size=small]) .elm-headline[data-pulse]{--db-logo-width:29px;--db-logo-height:20px}.elm-logo[data-size=small]~.elm-headline[data-pulse]{--db-logo-width:29px;--db-logo-height:20px}.elm-logo[data-size=medium]{--db-logo-width:34px;--db-logo-height:24px}body:has(.elm-logo[data-size=medium]) .elm-headline[data-pulse]{--db-logo-width:34px;--db-logo-height:24px}.elm-logo[data-size=medium]~.elm-headline[data-pulse]{--db-logo-width:34px;--db-logo-height:24px}.elm-logo[data-size=large]{--db-logo-width:40px;--db-logo-height:28px}body:has(.elm-logo[data-size=large]) .elm-headline[data-pulse]{--db-logo-width:40px;--db-logo-height:28px}.elm-logo[data-size=large]~.elm-headline[data-pulse]{--db-logo-width:40px;--db-logo-height:28px}.elm-logo[data-size=xlarge]{--db-logo-width:56px;--db-logo-height:40px}body:has(.elm-logo[data-size=xlarge]) .elm-headline[data-pulse]{--db-logo-width:56px;--db-logo-height:40px}.elm-logo[data-size=xlarge]~.elm-headline[data-pulse]{--db-logo-width:56px;--db-logo-height:40px}.elm-checkbox{--db-form-element-dimensions:var( --db-checkbox-dimensions,1.5rem );align-content:center;-webkit-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.1);border:.0625rem solid #282d37;border-radius:4px;color:#282d37;display:inline-flex;height:var(--db-form-element-dimensions);justify-content:center;width:var(--db-form-element-dimensions);--icon-glyph-before:" "}.elm-checkbox:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.elm-checkbox:before{content:var(--icon-glyph-before)/""}}.elm-checkbox[type=checkbox]{vertical-align:top}.elm-checkbox:before{--icon-font-size:1.375rem;margin-right:0}.elm-checkbox:checked{background-color:#282d37}.elm-checkbox:checked:before{color:#fff;content:"✓"}.elm-checkbox:enabled:hover{background-color:rgba(40,45,55,.14)}.elm-checkbox:enabled:focus-visible{background-color:rgba(40,45,55,.14)}.elm-checkbox:enabled:hover:checked{background-color:#52575f}.elm-checkbox:enabled:focus-visible:checked{background-color:#52575f}.elm-checkbox:enabled:active{background-color:rgba(40,45,55,.14)}.elm-checkbox:indeterminate:before{content:"−"}.elm-checkbox:disabled,.elm-checkbox:disabled+label{opacity:.5}.elm-checkbox+label{padding-inline-start:.25rem}.elm-input{color:#282d37;font-size:1rem;height:2.75rem;line-height:1.5rem;max-width:100%;padding-inline:1rem;width:100%}.elm-input:not(:has(+label[data-label-hidden=true])){padding-block:.5rem}.elm-input[list]::-webkit-calendar-picker-indicator{margin-right:-1rem}.elm-input:not(:-ms-input-placeholder){padding-bottom:0}.elm-input:not(:placeholder-shown){padding-bottom:0}.elm-input:not(:-ms-input-placeholder):not(:has(+label[data-label-hidden=true])){padding-top:1rem}.elm-input:not(:placeholder-shown):not(:has(+label[data-label-hidden=true])){padding-top:1rem}.elm-input:focus:not(:disabled),.elm-input:hover:not(:disabled){--formElement---borderColor:#878c96}.elm-input:focus-visible:not(:disabled){--formElement---borderColor:#878c96}.elm-input:disabled,.elm-input:disabled+.elm-label,fieldset:disabled .elm-input,fieldset:disabled .elm-input+.elm-label{opacity:.4}.elm-input[type=color]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=date]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=datetime-local]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=email]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=month]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=number]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=password]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=tel]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=text]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=time]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=url]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=week]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label{transition:opacity,transform .25s}@media(prefers-reduced-motion:reduce){.elm-input[type=color]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=date]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=datetime-local]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=email]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=month]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=number]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=password]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=tel]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=text]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=time]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=url]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=week]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label{transition-duration:.01s!important}}.elm-input[type=color]+.elm-label,.elm-input[type=date]+.elm-label,.elm-input[type=datetime-local]+.elm-label,.elm-input[type=email]+.elm-label,.elm-input[type=month]+.elm-label,.elm-input[type=number]+.elm-label,.elm-input[type=password]+.elm-label,.elm-input[type=tel]+.elm-label,.elm-input[type=text]+.elm-label,.elm-input[type=time]+.elm-label,.elm-input[type=url]+.elm-label,.elm-input[type=week]+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label{color:#646973;display:block;font-size:.75rem;margin-bottom:-1.125rem;transform:translate(1rem,-2.5625rem)}.elm-input[type=color]+.elm-label+output,.elm-input[type=color]+.elm-label~.description,.elm-input[type=date]+.elm-label+output,.elm-input[type=date]+.elm-label~.description,.elm-input[type=datetime-local]+.elm-label+output,.elm-input[type=datetime-local]+.elm-label~.description,.elm-input[type=email]+.elm-label+output,.elm-input[type=email]+.elm-label~.description,.elm-input[type=month]+.elm-label+output,.elm-input[type=month]+.elm-label~.description,.elm-input[type=number]+.elm-label+output,.elm-input[type=number]+.elm-label~.description,.elm-input[type=password]+.elm-label+output,.elm-input[type=password]+.elm-label~.description,.elm-input[type=tel]+.elm-label+output,.elm-input[type=tel]+.elm-label~.description,.elm-input[type=text]+.elm-label+output,.elm-input[type=text]+.elm-label~.description,.elm-input[type=time]+.elm-label+output,.elm-input[type=time]+.elm-label~.description,.elm-input[type=url]+.elm-label+output,.elm-input[type=url]+.elm-label~.description,.elm-input[type=week]+.elm-label+output,.elm-input[type=week]+.elm-label~.description,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label+output,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label~.description{margin-top:0}.elm-input[type=color][placeholder]:-ms-input-placeholder+label,.elm-input[type=date][placeholder]:-ms-input-placeholder+label,.elm-input[type=datetime-local][placeholder]:-ms-input-placeholder+label,.elm-input[type=email][placeholder]:-ms-input-placeholder+label,.elm-input[type=month][placeholder]:-ms-input-placeholder+label,.elm-input[type=number][placeholder]:-ms-input-placeholder+label,.elm-input[type=password][placeholder]:-ms-input-placeholder+label,.elm-input[type=tel][placeholder]:-ms-input-placeholder+label,.elm-input[type=text][placeholder]:-ms-input-placeholder+label,.elm-input[type=time][placeholder]:-ms-input-placeholder+label,.elm-input[type=url][placeholder]:-ms-input-placeholder+label,.elm-input[type=week][placeholder]:-ms-input-placeholder+label,:where(:not(.cmp-sitesearch))>.elm-input[type=search][placeholder]:-ms-input-placeholder+label{opacity:0}.elm-input[type=color][placeholder]:placeholder-shown+label,.elm-input[type=date][placeholder]:placeholder-shown+label,.elm-input[type=datetime-local][placeholder]:placeholder-shown+label,.elm-input[type=email][placeholder]:placeholder-shown+label,.elm-input[type=month][placeholder]:placeholder-shown+label,.elm-input[type=number][placeholder]:placeholder-shown+label,.elm-input[type=password][placeholder]:placeholder-shown+label,.elm-input[type=tel][placeholder]:placeholder-shown+label,.elm-input[type=text][placeholder]:placeholder-shown+label,.elm-input[type=time][placeholder]:placeholder-shown+label,.elm-input[type=url][placeholder]:placeholder-shown+label,.elm-input[type=week][placeholder]:placeholder-shown+label,:where(:not(.cmp-sitesearch))>.elm-input[type=search][placeholder]:placeholder-shown+label{opacity:0}.elm-input[type=color]:-ms-input-placeholder,.elm-input[type=date]:-ms-input-placeholder,.elm-input[type=datetime-local]:-ms-input-placeholder,.elm-input[type=email]:-ms-input-placeholder,.elm-input[type=month]:-ms-input-placeholder,.elm-input[type=number]:-ms-input-placeholder,.elm-input[type=password]:-ms-input-placeholder,.elm-input[type=tel]:-ms-input-placeholder,.elm-input[type=text]:-ms-input-placeholder,.elm-input[type=time]:-ms-input-placeholder,.elm-input[type=url]:-ms-input-placeholder,.elm-input[type=week]:-ms-input-placeholder,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:-ms-input-placeholder{color:#646973}.elm-input[type=color]::placeholder,.elm-input[type=date]::placeholder,.elm-input[type=datetime-local]::placeholder,.elm-input[type=email]::placeholder,.elm-input[type=month]::placeholder,.elm-input[type=number]::placeholder,.elm-input[type=password]::placeholder,.elm-input[type=tel]::placeholder,.elm-input[type=text]::placeholder,.elm-input[type=time]::placeholder,.elm-input[type=url]::placeholder,.elm-input[type=week]::placeholder,:where(:not(.cmp-sitesearch))>.elm-input[type=search]::placeholder{color:#646973}.elm-input[type=search]{background:var(--db-ic-search-24,url(../../icons/functional/images/action/db_ic_search_24.svg)) no-repeat .375rem .75rem;background-size:1.1875rem;padding-left:2rem}:not(.cmp-sitesearch)>.elm-input[type=search]+.elm-label{margin-left:1rem}.elm-loadingindicator{animation:loadingindicator-rotate 3s linear infinite;color:#ec0016;display:block}.elm-loadingindicator[data-size=xl]{--loadingindicator--stroke-width:2.5384615385px;--loadingindicator--r:19px;height:52px;width:52px}.elm-loadingindicator[data-size=l]{--loadingindicator--stroke-width:3px;--loadingindicator--r:19px;height:44px;width:44px}.elm-loadingindicator{--loadingindicator--stroke-width:3.6666666667px;--loadingindicator--r:19px;height:36px;width:36px}.elm-loadingindicator[data-size=s]{--loadingindicator--stroke-width:3.1428571429px;--loadingindicator--r:19px;height:28px;width:28px}.elm-loadingindicator[data-size=xs]{--loadingindicator--stroke-width:4.4px;--loadingindicator--r:19px;height:20px;width:20px}.elm-loadingindicator__circle{animation:loadingindicator-stroke 1.5s ease-in-out infinite;r:var(--loadingindicator--r);stroke:currentcolor;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;stroke-width:var(--loadingindicator--stroke-width)}@keyframes loadingindicator-rotate{to{transform:rotate(1turn)}}@keyframes loadingindicator-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:96,200;stroke-dashoffset:-32}to{stroke-dasharray:96,200;stroke-dashoffset:-124}}.elm-progress progress{--progress-value--backgroundColor:#ec0016;-webkit-appearance:none;appearance:none;background-color:#fcfdfd;border:none;height:.25rem;vertical-align:middle}.elm-progress progress::-webkit-progress-bar{background-color:#fcfdfd}.elm-progress progress::-webkit-progress-value{background-color:var(--progress-value--backgroundColor)}.elm-progress progress::-moz-progress-bar{background-color:var(--progress-value--backgroundColor)}.elm-progress progress::-ms-fill{background-color:var(--progress-value--backgroundColor);border:none}.elm-progress progress:not([style^="--progress-conic:"])::-webkit-progress-value{border-radius:12px}.elm-progress progress:not([style^="--progress-conic:"])::-moz-progress-bar{border-radius:12px}.elm-progress progress:not([style^="--progress-conic:"])::-ms-fill{border-radius:12px}.elm-progress progress:indeterminate{animation-duration:2.1s;animation-iteration-count:infinite;animation-name:elmProgressMoveIndeterminate;animation-timing-function:linear;animation-timing-function:cubic-bezier(.65,.815,.735,.395);background-color:#fcfdfd;background-image:linear-gradient(90deg,#ec0016 100%,#fcfdfd 0);background-position:0 0;background-repeat:no-repeat;background-size:150% 150%}@media(prefers-reduced-motion:reduce){.elm-progress progress:indeterminate{animation-duration:15s}}.elm-progress progress:indeterminate::-webkit-progress-bar{background-color:transparent}.elm-progress progress:indeterminate::-moz-progress-bar{background-color:transparent}@supports(background:conic-gradient(#000,#fff)){.elm-progress progress[style^="--progress-conic:"]{--fill:calc(var(--progress-conic)*1%);background:conic-gradient(var(--progress-value--backgroundColor) var(--fill),#fff 0);border:0;border-radius:50%;height:4.6875rem;width:4.6875rem}.elm-progress progress[style^="--progress-conic:"]::-webkit-progress-bar,.elm-progress progress[style^="--progress-conic:"]::-webkit-progress-inner-element,.elm-progress progress[style^="--progress-conic:"]::-webkit-progress-value{display:none}.elm-progress progress[style^="--progress-conic:"]::-moz-progress-bar{background:none}.elm-progress progress[style^="--progress-conic:"]+label,.elm-progress progress[style^="--progress-conic:"]+output{align-items:center;background:#fdfdfd;border-radius:50%;display:block;display:flex;height:3.4375rem;justify-content:center;position:absolute;transform:translate(.625rem,-4.0625rem);width:3.4375rem}}@keyframes elmProgressMoveIndeterminate{0%{background-position:-35% 0;background-size:35% 100%}60%{background-position:101% 0;background-size:65% 100%}to{background-position:101% 0;background-size:1% 100%}}.elm-radio{--db-form-element-dimensions:var( --db-radio-dimensions,1.25em );-webkit-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.1);border:.0625rem solid #282d37;border-radius:1em;display:inline-block;font-size:1rem;height:var(--db-form-element-dimensions);transition:border-width .5s ease;width:var(--db-form-element-dimensions)}.elm-radio[type=radio]{vertical-align:sub}.elm-radio:enabled:hover:not(:checked){background-color:rgba(40,45,55,.14)}.elm-radio:enabled:focus-visible:not(:checked){background-color:rgba(40,45,55,.14)}.elm-radio:enabled:active{background-color:rgba(40,45,55,.3)}.elm-radio:checked{border-width:.375em}.elm-radio:is(:user-invalid),.elm-radio[aria-invalid=true]{border-color:#c13e34}.elm-radio+label{padding-inline-start:.25rem}.elm-radio:disabled,.elm-radio:disabled+label{opacity:.5}@media(prefers-reduced-motion:reduce){.elm-radio{transition-duration:.01s!important}}.elm-textarea{display:block;font-size:1rem;height:2.75rem;line-height:1.5rem;max-width:100%;padding:.375rem .625rem;resize:vertical;width:100%}.elm-textarea:not([rows]){max-height:37.5rem;min-height:7.5rem}.elm-textarea[rows]{height:auto}.elm-textarea:focus:not(:disabled),.elm-textarea:hover:not(:disabled){--formElement---borderColor:#878c96}.elm-textarea:focus-visible:not(:disabled){--formElement---borderColor:#878c96}.elm-textarea:disabled,.elm-textarea:disabled+.elm-label,fieldset:disabled .elm-textarea,fieldset:disabled .elm-textarea+.elm-label{opacity:.4}.elm-select{-webkit-appearance:none;appearance:none;font-size:1rem}.elm-select::-ms-expand{display:none}.elm-select:not([multiple]){background-image:var(--db-ic-expand-more-20,url(../../icons/functional/images/navigation/db_ic_expand_more_20.svg));background-position:right .6875rem center;background-repeat:no-repeat;height:2.75rem;padding:1.25rem 2.625rem 0 1rem}.elm-select:not([multiple]):has(+label[data-label-hidden=true]){padding-top:0}.elm-select:not([multiple])+.elm-label{pointer-events:none;position:absolute;transition:opacity,transform .25s}@media(prefers-reduced-motion:reduce){.elm-select:not([multiple])+.elm-label{transition-duration:.01s!important}}.elm-select:not([multiple]):has(option:checked:empty)+.elm-label{color:#646973;font-size:1rem;transform:translate(1rem,-2.1875rem)}.elm-select:not([multiple]):not([aria-invalid]):is(:user-valid),.elm-select:not([multiple])[data-variant]  :not([aria-invalid]):is(:user-valid){--formElement---borderColor:#2a7230}.elm-select:not([multiple]):not([aria-invalid]):is(:user-invalid),.elm-select:not([multiple])[data-variant]  :not([aria-invalid]):is(:user-invalid){--formElement---borderColor:#ec0016}.elm-select:disabled,.elm-select:disabled+.elm-label,fieldset:disabled .elm-select,fieldset:disabled .elm-select+.elm-label{opacity:.4}.elm-select+.elm-label{display:block;font-size:.75rem;margin-bottom:-1.125rem;transform:translate(1rem,-2.5625rem);transition:opacity,transform .15s}@media(prefers-reduced-motion:reduce){.elm-select+.elm-label{transition-duration:.01s!important}}.elm-select[multiple]{margin-top:1rem}.elm-select[multiple]+.elm-label{transform:translate(1rem,-6.25rem)}.elm-select optgroup{background-color:transparent;font-style:normal}.elm-select option:not(:disabled):hover{background-color:#d7dce1}.elm-select option:not(:disabled):focus-visible{background-color:#d7dce1}.elm-select option:checked{background-color:#d7dce1}.elm-chip+label{--db-focus-outline-size:max(2px,0.08em);align-items:center;border:1px solid #878c96;border-radius:.25rem;display:inline-flex;font-size:.875rem;font-weight:500;height:1.75rem;justify-content:center;padding-left:.4375rem;padding-right:.4375rem;text-decoration:none;text-transform:capitalize;white-space:nowrap}.elm-chip+label[data-icon-after]:after,.elm-chip+label[data-icon-before]:before,.elm-chip+label[data-icon]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem}.elm-chip:not(:disabled,:checked)+label:hover{background-color:rgba(40,45,55,.03)}.elm-chip:not(:disabled,:checked)+label:focus-visible{background-color:rgba(40,45,55,.03)}.elm-chip:checked+label{background-color:#282d37;border-color:transparent;color:#fff}.elm-chip:checked+label[data-variant=light]{background-color:#d7dce1;border:1px solid #878c96;color:#282d37}.elm-chip:checked+label[data-variant=warning]{background-color:#f75f00}.elm-chip:checked+label[data-variant=error]{background-color:#ec0016}.elm-chip:checked+label[data-variant=informative]{background-color:#0087b9}.elm-chip:checked+label[data-variant=success]{background-color:#508b1b}.elm-chip:checked+label[data-variant=poi-essen-trinken]{background-color:#f39200;color:#282d37}.elm-chip:checked+label[data-variant=poi-einkaufen]{background-color:#814997}.elm-chip:checked+label[data-variant=poi-gesundheit]{background-color:#a9455d}.elm-chip:checked+label[data-variant=poi-kunst-kultur]{background-color:#e93e8f}.elm-chip:checked+label[data-variant=poi-wissenswertes]{background-color:#858379}.elm-chip:checked+label[data-variant=poi-freizeit]{background-color:#408335}.elm-chip:checked+label[data-variant=poi-zivile-rel-einrichtungen]{background-color:#00a099}.elm-chip:checked+label[data-variant=poi-dienstleistungen]{background-color:#309fd1;color:#282d37}.elm-chip:checked+label[data-variant=poi-db-services-einrichtung]{background-color:#0c3992}.elm-chip:checked+label[data-variant=poi-wegeleitung]{background-color:#3c414b}.elm-chip:disabled+label{opacity:.5}.elm-chip:focus-visible+label{outline:var(--db-focus-outline-size) var(--db-focus-outline-style,solid) var(--db-focus-outline-color,currentColor);outline-offset:var(--db-focus-outline-offset,var(--db-focus-outline-size))}.elm-tag{align-items:center;background-color:#282d37;border-radius:.25rem;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;height:1.5rem;justify-content:center;padding-left:.25rem;padding-right:.25rem;text-transform:capitalize;white-space:nowrap}.elm-tag[data-size=small]{height:1.25rem}.elm-tag[data-variant=light]{background-color:#d7dce1;border:1px solid #878c96;color:#282d37}.elm-tag[data-variant=warning]{background-color:#cc4e00}.elm-tag[data-variant=error]{background-color:#db0014}.elm-tag[data-variant=informative]{background-color:#006a96}.elm-tag[data-variant=success]{background-color:#467a18}.elm-tag[data-variant=track]{background-color:#0a1e6e;font-weight:700}.elm-tag[data-variant=poi-essen-trinken]{background-color:#f39200;color:#282d37}.elm-tag[data-variant=poi-einkaufen]{background-color:#814997}.elm-tag[data-variant=poi-gesundheit]{background-color:#a9455d}.elm-tag[data-variant=poi-kunst-kultur]{background-color:#e93e8f}.elm-tag[data-variant=poi-wissenswertes]{background-color:#858379}.elm-tag[data-variant=poi-freizeit]{background-color:#408335}.elm-tag[data-variant=poi-zivile-rel-einrichtungen]{background-color:#00a099}.elm-tag[data-variant=poi-dienstleistungen]{background-color:#309fd1;color:#282d37}.elm-tag[data-variant=poi-db-services-einrichtung]{background-color:#0c3992}.elm-tag[data-variant=poi-wegeleitung]{background-color:#3c414b}.elm-tag[data-icon-before]:before,.elm-tag[data-icon]:before{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem;--icon-margin-after:0.125rem}.elm-tag[data-icon-after]:after{--icon-font-family:"icons-20-outline","missing-icons"!important;--icon-font-size:1.25rem;--icon-margin-before:0.125rem}.elm-toggle{-webkit-appearance:none;appearance:none;background-color:#646973;border:none;border-radius:.75rem;display:inline-block;height:1.5rem;position:relative;transition:background-color .3s ease;width:3rem}@media(prefers-reduced-motion:reduce){.elm-toggle{transition-duration:.01s!important}}.elm-toggle+.elm-label{vertical-align:top}.elm-toggle:before{background-color:#fff;border-radius:.625rem;box-shadow:0 5px 30px 0 rgba(0,0,0,.05),0 1px 5px 0 rgba(0,0,0,.15);content:"";display:block;height:1.25rem;left:.125rem;position:absolute;top:.125rem;transition:border-color,left .3s cubic-bezier(.3,1.5,.7,1);width:1.25rem}@media(prefers-reduced-motion:reduce){.elm-toggle:before{transition-duration:.01s!important}}.elm-toggle:hover:before{background-color:#f7f7f7}.elm-toggle:focus-visible:before{background-color:#f7f7f7}.elm-toggle:active:before{transition:width .3s cubic-bezier(.3,1.5,.7,1);width:1.5rem}@media(prefers-reduced-motion:reduce){.elm-toggle:active:before{transition-duration:.01s!important}}.elm-toggle:checked{background-color:#131821}.elm-toggle:checked:before{left:unset;right:.125rem}.elm-toggle:disabled,.elm-toggle:disabled+label{opacity:.5}.elm-youtube{height:19.6875rem;width:35rem}.cmp-breadcrumb{color:#646973;font-size:.75rem}.cmp-breadcrumb a{color:inherit}.cmp-breadcrumb ol{display:flex}.cmp-breadcrumb ol>li{align-items:center;display:inline-flex;margin-right:.1875rem}.cmp-breadcrumb ol>li [aria-current=location],.cmp-breadcrumb ol>li [aria-current=page]{color:#282d37}.cmp-breadcrumb ol>li .elm-link{border-radius:.25rem;padding:.0625rem .1875rem .0625rem .25rem;text-decoration:none}.cmp-breadcrumb ol>li .elm-link:hover{background-color:rgba(40,45,55,.03)}.cmp-breadcrumb ol>li .elm-link:focus-visible{background-color:rgba(40,45,55,.03)}.cmp-breadcrumb ol>li .elm-link:active{background-color:rgba(40,45,55,.06)}.cmp-breadcrumb ol>li:first-child{--icon-glyph-before:"⌂"}.cmp-breadcrumb ol>li:first-child:before{--icon-font-family:"icons-20-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.25rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-breadcrumb ol>li:first-child:before{content:var(--icon-glyph-before)/""}}.cmp-breadcrumb ol>li:first-child:before{--icon-margin-after:0.1875rem}.cmp-breadcrumb ol>li:not(:first-child){--icon-glyph-before:">"}.cmp-breadcrumb ol>li:not(:first-child):before{--icon-font-family:"icons-20-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.25rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-breadcrumb ol>li:not(:first-child):before{content:var(--icon-glyph-before)/""}}.cmp-breadcrumb ol>li:not(:first-child):before{--icon-font-size:0.875rem;--icon-margin-after:0;color:#878c96;margin-left:-.125rem}.cmp-cards{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");margin:0;padding:0}@supports(display:grid){.cmp-cards{display:grid;grid-gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(21.25rem,1fr))}}.cmp-card{background-color:#fff;border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05)}.cmp-card>a{text-decoration:none}.cmp-card figure{margin:1rem 1rem 1rem .5rem}.cmp-card[data-variant=banner] figure{display:flex}.cmp-card[data-variant=banner] figcaption{margin-left:1rem}.cmp-card[data-variant=banner] figcaption h1,.cmp-card[data-variant=banner] figcaption h2,.cmp-card[data-variant=banner] figcaption h3,.cmp-card[data-variant=banner] figcaption h4,.cmp-card[data-variant=banner] figcaption h5,.cmp-card[data-variant=banner] figcaption h6{font-size:1.125rem}.cmp-card[data-variant=banner] figcaption h1,.cmp-card[data-variant=banner] figcaption h1~p,.cmp-card[data-variant=banner] figcaption h2,.cmp-card[data-variant=banner] figcaption h2~p,.cmp-card[data-variant=banner] figcaption h3,.cmp-card[data-variant=banner] figcaption h3~p,.cmp-card[data-variant=banner] figcaption h4,.cmp-card[data-variant=banner] figcaption h4~p,.cmp-card[data-variant=banner] figcaption h5,.cmp-card[data-variant=banner] figcaption h5~p,.cmp-card[data-variant=banner] figcaption h6,.cmp-card[data-variant=banner] figcaption h6~p{margin:.125rem 0}.cmp-card[data-variant=banner] figcaption p{font-size:.875rem;max-width:18.125rem}.cmp-card[data-variant=tile]{text-align:center}.cmp-card figcaption{max-width:60ch}.cmp-accordion{--db-accordion---paddingLeft:1rem;border-bottom:1px solid #d7dce1;padding-left:var(--db-accordion---paddingLeft);padding-right:1rem}.cmp-accordion summary{align-items:center;display:flex;justify-content:space-between;padding-block:.75rem;transform:translateX(calc(var(--db-accordion---paddingLeft)*-1));width:calc(100% + var(--db-accordion---paddingLeft) + 1rem);--icon-glyph-after:"⌄"}.cmp-accordion summary:after{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}@supports(content:""/""){.cmp-accordion summary:after{content:var(--icon-glyph-after)/""}}.cmp-accordion summary::-webkit-details-marker{display:none}.cmp-accordion summary:first-of-type{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E")}.cmp-accordion summary:after{--icon-margin-before:0.5rem;margin-right:.875rem}.cmp-accordion summary+p{margin-top:0}.cmp-accordion[open]>summary:after{content:"⌃"}.cmp-accordion[data-emphasis=high]{--db-accordion---paddingLeft:1.5rem}.cmp-accordion[data-emphasis=high] summary{font-weight:700;height:3.5rem}.cmp-accordion[data-emphasis=high] summary:after{--icon-font-size:2rem}.cmp-accordion[data-size=small]{--db-accordion---paddingLeft:0.25rem}.cmp-accordion[data-size=small] summary{font-size:.875rem;padding-block:.59375rem}.cmp-accordion[data-size=small] summary:after{--icon-font-size:1.25rem;--icon-margin-after:0.375rem;margin-left:.375rem}.cmp-accordion[data-size=large]{--db-accordion---paddingLeft:1.5rem}.cmp-accordion[data-size=large] summary{font-size:1.25rem;padding-block:1rem}.cmp-accordion[data-size=large] summary:after{--icon-font-size:2rem}.cmp-mainnavigation{padding-inline-start:1.5rem;position:relative;top:0}.cmp-mainnavigation:before{inset-inline-start:0}.rea-header .cmp-mainnavigation{order:1}@supports not selector(:has(db)){.cmp-mainnavigation{margin:auto}}.cmp-mainnavigation .elm-link{border-radius:initial;color:inherit;display:inline-block;text-decoration:none}.cmp-mainnavigation>input[type=checkbox][id]{-webkit-appearance:none;appearance:none;aspect-ratio:1/1;block-size:1.5rem;position:absolute}@media screen and (width > 1023px){.cmp-mainnavigation>input[type=checkbox][id],.cmp-mainnavigation>input[type=checkbox][id]+label[for]{display:none}}.cmp-mainnavigation>label[for]{background-color:#fdfdfd;border-bottom:1px solid #f5f4f1;display:block;padding:.5rem 1.375rem .625rem;--icon-glyph-before:"󡄢"}.cmp-mainnavigation>label[for]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-mainnavigation>label[for]:before{content:var(--icon-glyph-before)/""}}.cmp-mainnavigation>label[for]{--icon-glyph-after:"⨯"}.cmp-mainnavigation>label[for]:after{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}@supports(content:""/""){.cmp-mainnavigation>label[for]:after{content:var(--icon-glyph-after)/""}}.cmp-mainnavigation>label[for]:after,.cmp-mainnavigation>label[for]:before{margin-right:1rem}@media screen and (max-width:1023px){.cmp-mainnavigation{z-index:30}.cmp-mainnavigation>input[type=checkbox][id]+label[for]{font-size:0;padding:0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]:before{--icon-margin-after:0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]:after,.cmp-mainnavigation>input[type=checkbox][id]+label[for]:before{margin:0}.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)+label[for]:after{content:none}.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)~ul{display:none}.cmp-mainnavigation>input[type=checkbox][id]:checked{inset-block-start:1rem;inset-inline-end:1.5rem;position:absolute;z-index:50}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]{background-color:#fff;block-size:3.5rem}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]:after{inset-block-start:.5rem;inset-inline-end:1rem;padding:.5rem;position:absolute;z-index:50}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]:before{background-color:#282d37;content:"";inset:0;opacity:.8;position:fixed;z-index:30}.cmp-mainnavigation:has(>input[type=checkbox][id]:not(:checked)){inset-block-start:50%;inset-inline-end:1.5rem;padding-inline-start:1rem;position:absolute;transform:translateY(-50%)}.cmp-mainnavigation:has(>input[type=checkbox][id]:checked){inset:0;margin-inline-start:1.5rem;padding:0;position:fixed}.cmp-mainnavigation:has(>input[type=checkbox][id]:checked):after{background-color:#fff;content:"";width:100%;block-size:3.5rem;border-bottom:1px solid rgba(40,45,55,.2);border-top-left-radius:4px;inset:0;position:absolute;z-index:30}}.cmp-mainnavigation ul{background-color:#fdfdfd}@media screen and (width > 1023px){.cmp-mainnavigation ul ul{box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);position:absolute;visibility:hidden;z-index:70}}@media screen and (max-width:1023px){.cmp-mainnavigation ul ul{display:none}.cmp-mainnavigation>ul{background-color:#fff;inset-block-end:0;inset-block-start:3.5rem;inset-inline:0;margin-block-end:3.5rem;overflow:auto;padding:.75rem;position:absolute;z-index:50}}@media screen and (width > 1023px){.cmp-mainnavigation>ul{display:flex;gap:.75rem}.cmp-mainnavigation>ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li>.elm-link,.cmp-mainnavigation>ul>li>*>.elm-link,.cmp-mainnavigation>ul>li>.elm-link{border-radius:4px;height:2.5rem;padding:.5rem .75rem}.cmp-mainnavigation>ul>*>li>*>.elm-link:focus,.cmp-mainnavigation>ul>*>li>*>.elm-link:hover,.cmp-mainnavigation>ul>*>li>.elm-link:focus,.cmp-mainnavigation>ul>*>li>.elm-link:hover,.cmp-mainnavigation>ul>li>*>.elm-link:focus,.cmp-mainnavigation>ul>li>*>.elm-link:hover,.cmp-mainnavigation>ul>li>.elm-link:focus,.cmp-mainnavigation>ul>li>.elm-link:hover{border-bottom-color:#d7dce1}}@media screen and (width > 1023px){.cmp-mainnavigation>ul>*>li>*>.elm-link:focus-visible,.cmp-mainnavigation>ul>*>li>.elm-link:focus-visible,.cmp-mainnavigation>ul>li>*>.elm-link:focus-visible,.cmp-mainnavigation>ul>li>.elm-link:focus-visible{border-bottom-color:#d7dce1}.cmp-mainnavigation>ul>*>li>*>.elm-link[aria-current=page]:after,.cmp-mainnavigation>ul>*>li>.elm-link[aria-current=page]:after,.cmp-mainnavigation>ul>li>*>.elm-link[aria-current=page]:after,.cmp-mainnavigation>ul>li>.elm-link[aria-current=page]:after{background-color:#ec0016;border-radius:2px;content:"";height:4px;inset-block-start:calc(100% + .25rem);inset-inline:0;position:absolute;width:100%}.cmp-mainnavigation>ul>*>li ul,.cmp-mainnavigation>ul>li ul{inset-block-start:calc(100% + .5rem);inset-inline-start:0;min-width:100%}.cmp-mainnavigation>ul>*>li ul:before,.cmp-mainnavigation>ul>li ul:before{content:"";height:.5rem;inset-block-end:100%;position:absolute;width:100%}.cmp-mainnavigation>ul>*>li ul ul,.cmp-mainnavigation>ul>li ul ul{inset-block-start:.25rem;inset-inline-start:100%;top:auto}.cmp-mainnavigation>ul>*>li ul .elm-link,.cmp-mainnavigation>ul>li ul .elm-link{align-items:center;display:flex;min-height:3.3125rem;padding-left:1.125rem;padding-right:1.125rem}}@media screen and (max-width:1023px){.cmp-mainnavigation>ul>*>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>li>.elm-link{padding-left:2.125rem}.cmp-mainnavigation>ul>*>li ul>*>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>li>.elm-link{padding-left:3.75rem}}.cmp-mainnavigation li{display:block;position:relative}.cmp-mainnavigation li[aria-haspopup=true]{--icon-glyph-after:">"}.cmp-mainnavigation li[aria-haspopup=true]:after{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}@supports(content:""/""){.cmp-mainnavigation li[aria-haspopup=true]:after{content:var(--icon-glyph-after)/""}}.cmp-mainnavigation li[aria-haspopup=true]:after{position:absolute;right:1rem;top:.5625rem}.cmp-mainnavigation li:is(:hover,:focus-within)>*>ul,.cmp-mainnavigation li:is(:hover,:focus-within)>ul{visibility:visible}.cmp-mainnavigation li:is(:focus-visible,:focus-within)>*>ul,.cmp-mainnavigation li:is(:focus-visible,:focus-within)>ul{visibility:visible}@media screen and (max-width:1023px){.cmp-mainnavigation li:is(:hover,:focus-within)>*>ul,.cmp-mainnavigation li:is(:hover,:focus-within)>ul{display:initial}.cmp-mainnavigation li:is(:focus-visible,:focus-within)>*>ul,.cmp-mainnavigation li:is(:focus-visible,:focus-within)>ul{display:initial}}@media screen and (max-width:1023px){.cmp-mainnavigation li:hover>a{font-weight:700}.cmp-mainnavigation li:focus-visible>a{font-weight:700}.cmp-mainnavigation li:hover[aria-haspopup=true]{--icon-glyph-after:"⌄"}.cmp-mainnavigation li:focus-visible[aria-haspopup=true]{--icon-glyph-after:"⌄"}.cmp-mainnavigation li .elm-link{color:inherit;padding-block:.5rem;padding-inline-start:.75rem;width:calc(100% - 4rem)}.cmp-mainnavigation li[aria-haspopup=true]{position:relative}}@media screen and (width > 1023px){.cmp-mainnavigation li[aria-haspopup=true]:after{content:none}.cmp-mainnavigation li .elm-link{background-color:rgba(40,45,55,0)}.cmp-mainnavigation li .elm-link:hover{background-color:rgba(40,45,55,.08);color:initial}.cmp-mainnavigation li .elm-link:focus-visible{background-color:rgba(40,45,55,.08);color:initial}.cmp-mainnavigation li .elm-link:active{background-color:rgba(40,45,55,.16)}.cmp-mainnavigation li .elm-link[aria-current=page]{font-weight:700}}.cmp-metanavigation{display:flex;gap:.5rem;list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");margin-bottom:0;margin-top:0;padding-left:0}.cmp-metanavigation li{padding-left:.5rem;padding-right:.5rem}.rea-footer .cmp-metanavigation li{padding-left:.375rem;padding-right:.375rem}.cmp-metanavigation li .elm-link{text-decoration:none}.rea-header .cmp-metanavigation li .elm-link{font-size:0}.rea-header .cmp-metanavigation li .elm-link:before{--icon-margin-after:0}.rea-footer .cmp-metanavigation{flex-wrap:wrap;justify-content:center}@media screen and (max-width:767px){.rea-footer .cmp-metanavigation{margin-bottom:1rem}}@media screen and (min-width:768px){.rea-footer .cmp-metanavigation{float:right}}.cmp-brand{align-items:center;display:flex;font-weight:700;gap:1rem}.cmp-brand a,.cmp-brand img{height:1.5rem}.cmp-brand img{width:auto}.cmp-brand a{color:inherit;text-decoration:none}.elm-input,.elm-select,.elm-textarea{--formElement---borderTopColor:var( --formElement---borderColor,transparent );--formElement---borderRightColor:var( --formElement---borderColor,transparent );--formElement---borderBottomColor:var( --formElement---borderColor,rgba(40,45,55,.5) );--formElement---borderLeftColor:var( --formElement---borderColor,transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-input~.description,.elm-select~.description,.elm-textarea~.description{color:#646973;font-size:.875rem;padding:.375rem .625rem}.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],.elm-select[data-variant=semitransparent],.elm-textarea[data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search],:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),:where(.elm-select:not([multiple])),:where(.elm-textarea),:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent]{--formElement---borderColor:rgba(40,45,55,.5);background-color:rgba(40,45,55,.05);border:1px solid transparent;border-bottom:1px solid var(--formElement---borderBottomColor)}.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white],.elm-select[data-variant=white],.elm-textarea[data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white]{--formElement---borderColor:rgba(40,45,55,.5);background-color:#fff;border:1px solid transparent;border-bottom:1px solid var(--formElement---borderBottomColor)}.cmp-sitesearch .elm-input[type=search],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid]{--formElement---borderColor:rgba(40,45,55,.5);background-color:#f0f3f5;border:1px solid transparent;border-bottom:1px solid var(--formElement---borderBottomColor)}.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline],.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline]{--formElement---borderColor:rgba(40,45,55,.25);background-color:transparent;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid,.elm-textarea:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid{--formElement---borderColor:#2a7230}.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid,.elm-textarea:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid{--formElement---borderColor:#ec0016}:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week],[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea{--formElement---borderColor:#ec0016}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description),.elm-textarea+output:has(+.description){float:right}@supports(position-area:block-end span-inline-start){.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)),.elm-textarea+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description,.elm-textarea+output,.elm-textarea+output+.description{color:#646973;font-size:.875rem;padding:.375rem .625rem}.elm-checkbox:has(+label):after,.elm-radio:has(+label):after{content:"";height:var(--db-form-element-dimensions);position:absolute;transform:translateX(.25rem);width:calc(var(--db-form-element-dimensions) + .25rem)}.cmp-sitesearch{align-items:center;display:flex;padding-inline-end:.75rem;position:relative}@media screen and (max-width:1023px){.cmp-sitesearch{margin-inline-end:2.25rem;margin-inline-start:auto}.cmp-sitesearch:before{display:none}}.cmp-sitesearch .elm-input[type=search]{background-image:none;opacity:0;padding:0;width:0}.cmp-sitesearch .elm-input[type=search]:not(:-ms-input-placeholder){opacity:1;padding-inline-end:3rem;padding-inline-start:1rem;padding-top:0;width:16rem}.cmp-sitesearch .elm-input[type=search]:focus,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown){opacity:1;padding-inline-end:3rem;padding-inline-start:1rem;padding-top:0;width:16rem}.cmp-sitesearch .elm-input[type=search]:not(:-ms-input-placeholder)+.elm-label{display:none}.cmp-sitesearch .elm-input[type=search]:focus+.elm-label,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown)+.elm-label{display:none}.cmp-sitesearch .elm-input[type=search]:not(:-ms-input-placeholder)~.elm-button{display:flex}.cmp-sitesearch .elm-input[type=search]:focus~.elm-button,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown)~.elm-button{display:flex}.cmp-sitesearch .elm-label{border-radius:4px;display:inline-block;padding:.5rem;--icon-glyph-before:"󡉔"}.cmp-sitesearch .elm-label:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sitesearch .elm-label:before{content:var(--icon-glyph-before)/""}}.cmp-sitesearch .elm-label:before{vertical-align:top}.rea-meta .cmp-sitesearch .elm-label{font-size:0}.rea-meta .cmp-sitesearch .elm-label:before{--icon-margin-after:0}.cmp-sitesearch .elm-button{border:0;display:none;font-size:0;inset-inline-end:.75rem;padding:.5rem;position:absolute}.cmp-sitesearch .elm-button:before{--icon-margin-after:0}.cmp-sitesearch .elm-button{--icon-glyph-before:"󡉔"}.cmp-sitesearch .elm-button:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sitesearch .elm-button:before{content:var(--icon-glyph-before)/""}}.cmp-sitesearch .elm-button,.cmp-sitesearch .elm-label{background-color:rgba(40,45,55,0)}.cmp-sitesearch .elm-button:hover,.cmp-sitesearch .elm-label:hover{background-color:rgba(40,45,55,.08)}.cmp-sitesearch .elm-button:focus-visible,.cmp-sitesearch .elm-label:focus-visible{background-color:rgba(40,45,55,.08)}.cmp-sitesearch .elm-button:active,.cmp-sitesearch .elm-label:active{background-color:rgba(40,45,55,.16)}@media screen and (max-width:31.25rem){.cmp-sitesearch:has(.elm-input[type=search]:not(:-ms-input-placeholder)){left:1rem;position:absolute;z-index:10}.cmp-sitesearch:focus-within,.cmp-sitesearch:has(.elm-input[type=search]:not(:placeholder-shown)){left:1rem;position:absolute;z-index:10}.cmp-sitesearch:has(.elm-input[type=search]:not(:-ms-input-placeholder)) .elm-input[type=search]{width:calc(100vw - 5.5rem)}.cmp-sitesearch:focus-within .elm-input[type=search],.cmp-sitesearch:has(.elm-input[type=search]:not(:placeholder-shown)) .elm-input[type=search]{width:calc(100vw - 5.5rem)}}.cmp-notification{background-color:#282d37;box-shadow:0 4px 10px 0 rgba(0,0,0,.1);margin-bottom:1rem;padding:1rem}section[data-variant=hovering] .cmp-notification{background-color:#fff}section[data-variant=alert] .cmp-notification{color:#fff}section[data-variant=hovering] .cmp-notification{border:2px solid transparent;border-radius:.5rem;padding:.875rem 1rem}.cmp-notification[data-type=success]{background-color:#508b1b}section[data-variant=hovering] .cmp-notification[data-type=success]{border-color:#508b1b}.cmp-notification[data-type=warning]{background-color:#f75f00}section[data-variant=hovering] .cmp-notification[data-type=warning]{border-color:#f75f00}.cmp-notification[data-type=error]{background-color:#ec0016}section[data-variant=hovering] .cmp-notification[data-type=error]{border-color:#ec0016}.cmp-notification[data-type=informative]{background-color:#0087b9}section[data-variant=hovering] .cmp-notification[data-type=informative]{border-color:#0087b9}.cmp-notification[data-icon-after],.cmp-notification[data-icon-before],.cmp-notification[data-icon]{align-items:center;display:flex}.cmp-notification[data-icon-before]:before,.cmp-notification[data-icon]:before{--icon-margin-after:0.625rem}.cmp-notification[data-icon-after]{justify-content:space-between}.cmp-notification[data-icon-after]:after{--icon-margin-before:0.625rem}.cmp-dialog{border:0;border-radius:8px;color:#282d37;font-size:.875rem;margin-top:0;max-width:90vw;padding:1rem;position:fixed;top:50%;transform:translateY(-50%)}@media screen and (min-width:768px){.cmp-dialog{padding:1.5rem}}.cmp-dialog::-ms-backdrop{background-color:rgba(0,0,0,.9)}.cmp-dialog::backdrop{background-color:rgba(0,0,0,.9)}.cmp-dialog+.backdrop{background-color:rgba(0,0,0,.9)}.no-js .cmp-dialog:target{display:initial}.cmp-dialog header{color:#131821;transform:translateY(-.5625rem)}.cmp-dialog header .elm-headline{font-size:1.125rem;font-weight:700;line-height:1.5rem;margin-bottom:.375rem;margin-right:1.5rem;margin-top:0;text-align:center}@media screen and (min-width:768px){.cmp-dialog header .elm-headline{font-size:1.5rem;line-height:1.75rem}}.cmp-dialog header :is(.elm-link,button).is-close{background-color:transparent;border-color:transparent;position:absolute;right:0;top:0}.cmp-dialog header :is(.elm-link,button).is-close{--icon-glyph-before:"⨯"}.cmp-dialog header :is(.elm-link,button).is-close:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-dialog header :is(.elm-link,button).is-close:before{content:var(--icon-glyph-before)/""}}.cmp-dialog header :is(.elm-link,button).is-close{font-size:0}.cmp-dialog header :is(.elm-link,button).is-close:before{--icon-margin-after:0}.cmp-dialog main p:first-child{margin-top:0}.cmp-dialog footer{display:flex;margin-top:1.125rem}.cmp-dialog footer .elm-button+.elm-button{margin-left:1rem}.cmp-dialog footer[data-alignment=end]{justify-content:flex-end}.cmp-dialog footer:not([data-alignment=end]) .elm-button{flex-grow:1}.cmp-language-switcher{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");margin-right:1rem;position:relative}.cmp-language-switcher:focus li:not([aria-current],[aria-selected]),.cmp-language-switcher:hover li:not([aria-current],[aria-selected]){visibility:visible}.cmp-language-switcher:focus-visible li:not([aria-current],[aria-selected]){visibility:visible}.cmp-language-switcher:focus li[aria-current=page],.cmp-language-switcher:focus li[aria-selected=true],.cmp-language-switcher:hover li[aria-current=page],.cmp-language-switcher:hover li[aria-selected=true]{color:#ec0016}.cmp-language-switcher:focus-visible li[aria-current=page],.cmp-language-switcher:focus-visible li[aria-selected=true]{color:#ec0016}.cmp-language-switcher li{background-color:#fdfdfd;position:absolute;top:1.625rem}.rea-header .cmp-language-switcher li{top:calc(var(--db-language-switcher---direction, 1)*(100% + 1rem - 2px));z-index:40}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(200% + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(300% + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(400% + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(500% + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(600% + 1rem - 2px))}@media screen and (width > 1023px){.rea-header .cmp-language-switcher li{top:100%}}.cmp-language-switcher li .elm-button,.cmp-language-switcher li .elm-link{color:inherit;text-decoration:none}.cmp-language-switcher li:not([aria-current],[aria-selected]){visibility:hidden}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link{padding-block:1rem;padding-right:2.125rem}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:focus,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:hover,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:focus,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:hover{background-color:#d7dce1}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:focus-visible,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:focus-visible{background-color:#d7dce1}.cmp-language-switcher li[aria-current],.cmp-language-switcher li[aria-selected]{position:static}.cmp-language-switcher li[aria-current] .elm-button,.cmp-language-switcher li[aria-current] .elm-link,.cmp-language-switcher li[aria-selected] .elm-button,.cmp-language-switcher li[aria-selected] .elm-link{--icon-glyph-after:"⌄"}.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-after);font-size:var(--icon-font-size-after,var(--icon-font-size,1.5rem));margin-inline-start:var(--icon-margin-before,.375rem)}@supports(content:""/""){.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after{content:var(--icon-glyph-after)/""}}.cmp-language-switcher li[aria-current] .elm-button:hover,.cmp-language-switcher li[aria-current] .elm-link:hover,.cmp-language-switcher li[aria-selected] .elm-button:hover,.cmp-language-switcher li[aria-selected] .elm-link:hover{color:#ec0016}.cmp-language-switcher li[aria-current] .elm-button:focus-visible,.cmp-language-switcher li[aria-current] .elm-link:focus-visible,.cmp-language-switcher li[aria-selected] .elm-button:focus-visible,.cmp-language-switcher li[aria-selected] .elm-link:focus-visible{color:#ec0016}.cmp-language-switcher li[aria-current] .elm-button:after,.cmp-language-switcher li[aria-current] .elm-link:after,.cmp-language-switcher li[aria-selected] .elm-button:after,.cmp-language-switcher li[aria-selected] .elm-link:after{float:right;margin-left:.3125rem}.cmp-language-switcher li .elm-button,.cmp-language-switcher li .elm-link{display:inline-block;padding-left:1.125rem}.cmp-language-switcher li .elm-button:focus,.cmp-language-switcher li .elm-button:hover,.cmp-language-switcher li .elm-link:focus,.cmp-language-switcher li .elm-link:hover{color:initial}.cmp-language-switcher li .elm-button:focus-visible,.cmp-language-switcher li .elm-link:focus-visible{color:initial}.cmp-language-switcher li .elm-button{border-width:0;line-height:1.5;padding-right:0;padding-top:.5625rem}.cmp-pagination{color:#282d37;font-size:.875rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cmp-pagination>ol{display:flex}.cmp-pagination .elm-link,.cmp-pagination li{align-items:center;display:inline-flex;justify-content:center}.cmp-pagination li{height:2.25rem;width:2.25rem}.cmp-pagination .elm-link{color:inherit;height:100%;text-decoration:none;width:100%}.cmp-pagination .elm-link[rel=next],.cmp-pagination .elm-link[rel=prev]{padding:0;vertical-align:bottom}.cmp-pagination .elm-link[rel=prev]:before{margin-left:.6875rem}.cmp-pagination .elm-link[rel=next]:before{margin-right:.6875rem}.cmp-pagination .elm-link[rel=prev]{--icon-glyph-before:"<"}.cmp-pagination .elm-link[rel=prev]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-pagination .elm-link[rel=prev]:before{content:var(--icon-glyph-before)/""}}.cmp-pagination .elm-link[rel=prev]{font-size:0}.cmp-pagination .elm-link[rel=prev]:before{--icon-margin-after:0}.cmp-pagination .elm-link[rel=next]{--icon-glyph-before:">"}.cmp-pagination .elm-link[rel=next]:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-pagination .elm-link[rel=next]:before{content:var(--icon-glyph-before)/""}}.cmp-pagination .elm-link[rel=next]{font-size:0}.cmp-pagination .elm-link[rel=next]:before{--icon-margin-after:0}.cmp-pagination .elm-link[aria-current=page]{font-weight:700}.cmp-sidenavi{background-color:#3c414b;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);display:inline-block}.cmp-sidenavi .elm-link{border-radius:initial;color:#d7dce1;display:block;padding:1.25rem 1rem;text-decoration:none}.cmp-sidenavi .elm-link:focus,.cmp-sidenavi .elm-link:hover,.cmp-sidenavi .elm-link[aria-current=page]{color:#3c414b}.cmp-sidenavi .elm-link:focus-visible{color:#3c414b}.cmp-sidenavi .elm-link:focus,.cmp-sidenavi .elm-link:hover{background-color:#afb4bb}.cmp-sidenavi .elm-link[aria-current=page]{background-color:#d7dce1;font-weight:700}.cmp-sidenavi .elm-link[rel]{padding-left:1.3125rem}.cmp-sidenavi .elm-link[rel=index]{--icon-glyph-before:"⌂"}.cmp-sidenavi .elm-link[rel=index]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=index]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=documents]{--icon-glyph-before:"🖹"}.cmp-sidenavi .elm-link[rel=documents]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=documents]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=dashboard]{--icon-glyph-before:"󡅤"}.cmp-sidenavi .elm-link[rel=dashboard]:before{--icon-font-family:"icons-32-enterprise-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=dashboard]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=cloud]{--icon-glyph-before:"☁"}.cmp-sidenavi .elm-link[rel=cloud]:before{--icon-font-family:"icons-32-enterprise-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=cloud]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=calendar]{--icon-glyph-before:"󡉇"}.cmp-sidenavi .elm-link[rel=calendar]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=calendar]:before{content:var(--icon-glyph-before)/""}}.cmp-sidenavi .elm-link[rel=help]{--icon-glyph-before:"?"}.cmp-sidenavi .elm-link[rel=help]:before{--icon-font-family:"icons-32-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,2rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-sidenavi .elm-link[rel=help]:before{content:var(--icon-glyph-before)/""}}.cmp-tab-bar{display:flex;flex-wrap:wrap;gap:.25rem}.cmp-tab-bar>*>input[type=radio]+label[role=tab],.cmp-tab-bar>input[type=radio]+label[role=tab]{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:.875rem 1rem;position:relative;z-index:1}.cmp-tab-bar>*>input[type=radio]+label[role=tab]:before,.cmp-tab-bar>input[type=radio]+label[role=tab]:before{margin-inline-start:-.125rem}.cmp-tab-bar>*>input[type=radio]:focus+label,.cmp-tab-bar>input[type=radio]:focus+label{outline:1px dotted #878c96}.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:focus,.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:hover,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:focus,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:hover{background-color:#282d371f}.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:focus-visible,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:focus-visible{background-color:#282d371f}.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:active,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:active{background-color:#282d373d}.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab],.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]{color:#878c96}.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:focus,.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:hover,.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:focus,.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:hover{background-color:unset}.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:focus-visible,.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:focus-visible{background-color:unset}.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab],.cmp-tab-bar>input[type=radio]:checked+label[role=tab]{font-weight:700}.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]+section[role=tabpanel],.cmp-tab-bar>input[type=radio]:checked+label[role=tab]+section[role=tabpanel]{display:initial}.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]:after,.cmp-tab-bar>input[type=radio]:checked+label[role=tab]:after{background-color:#ec0016;border-radius:5px;content:"";display:block;height:.25rem;inset-block-end:0;inset-inline:0;position:absolute}.cmp-tab-bar label[role=tab],.cmp-tab-bar section[role=tabpanel]{background-color:#fdfdfd}.cmp-tab-bar section[role=tabpanel]{display:none;flex-basis:100%;margin-block-start:.125rem;order:1}.cmp-tab-bar[data-size=small]>*>input[type=radio]+label[role=tab],.cmp-tab-bar[data-size=small]>input[type=radio]+label[role=tab]{padding-block:.625rem}.cmp-table{border-collapse:collapse;font-size:var(--table---fontSize,inherit);text-align:left}.cmp-table,.cmp-table>caption{box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05)}.cmp-table caption{font-weight:700;padding:1rem .75rem;text-align:left}.cmp-table thead{border-bottom:.0625rem solid #282d37;border-top:.0625rem solid #282d37}.cmp-table thead th{color:#646973}.cmp-table th{font-weight:400}.cmp-table td,.cmp-table th{padding:.75rem;text-align:inherit;vertical-align:inherit}.cmp-table td:hover,.cmp-table th:hover{resize:horizontal}.cmp-table td:focus-visible,.cmp-table th:focus-visible{resize:horizontal}.cmp-table td:hover:not(:has(.cmp-overflow-menu)),.cmp-table th:hover:not(:has(.cmp-overflow-menu)){overflow:auto}.cmp-table td:focus-visible:not(:has(.cmp-overflow-menu)),.cmp-table th:focus-visible:not(:has(.cmp-overflow-menu)){overflow:auto}.cmp-table tbody{border-bottom:.0625rem solid #282d37}.cmp-table tbody th:first-child{border-right:1px solid #4f4b41}.cmp-table tbody[data-align=left],.cmp-table td[data-align=left],.cmp-table th[data-align=left],.cmp-table thead[data-align=left],.cmp-table tr[data-align=left]{text-align:left}.cmp-table tbody[data-align=center],.cmp-table td[data-align=center],.cmp-table th[data-align=center],.cmp-table thead[data-align=center],.cmp-table tr[data-align=center]{text-align:center}.cmp-table tbody[data-align=right],.cmp-table td[data-align=right],.cmp-table th[data-align=right],.cmp-table thead[data-align=right],.cmp-table tr[data-align=right]{text-align:right}.cmp-table tbody[data-vertical-align=top],.cmp-table td[data-vertical-align=top],.cmp-table th[data-vertical-align=top],.cmp-table thead[data-vertical-align=top],.cmp-table tr[data-vertical-align=top]{vertical-align:top}.cmp-table tbody[data-vertical-align=middle],.cmp-table td[data-vertical-align=middle],.cmp-table th[data-vertical-align=middle],.cmp-table thead[data-vertical-align=middle],.cmp-table tr[data-vertical-align=middle]{vertical-align:middle}.cmp-table tbody[data-vertical-align=bottom],.cmp-table td[data-vertical-align=bottom],.cmp-table th[data-vertical-align=bottom],.cmp-table thead[data-vertical-align=bottom],.cmp-table tr[data-vertical-align=bottom]{vertical-align:bottom}.cmp-table[data-border=around] tbody tr:not(:last-child) td,.cmp-table[data-border=around] tbody tr:not(:last-child) th,.cmp-table[data-border=horizontal] tbody tr:not(:last-child) td,.cmp-table[data-border=horizontal] tbody tr:not(:last-child) th{border-bottom:1px solid #d7dce1}.cmp-table[data-border=around] tbody td:not(:first-child),.cmp-table[data-border=around] tbody th:not(:first-child){border-left:1px solid #d7dce1}.cmp-table[data-rows=zebra] tbody tr:nth-child(odd){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(40,45,55,.07)}.cmp-table[data-density=small] td,.cmp-table[data-density=small] th{padding:.5rem}.cmp-table[data-density=large] td,.cmp-table[data-density=large] th{padding:1rem}.cmp-table[data-sticky=header] tbody th,.cmp-table[data-sticky=header] thead{background-color:#fff;position:sticky;top:-1px}.cmp-link-list{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");padding-left:0}.cmp-link-list li .elm-link{font-weight:700;text-decoration:none;--icon-glyph-before:">"}.cmp-link-list li .elm-link:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-link-list li .elm-link:before{content:var(--icon-glyph-before)/""}}.cmp-link-list li .elm-link:active,.cmp-link-list li .elm-link:hover{text-decoration:underline}.cmp-link-list li .elm-link:focus-visible{text-decoration:underline}.cmp-link-list li .elm-link:before{color:#ec0016;display:inline-block;font-size:.75rem;font-weight:700;margin-top:-.125rem;vertical-align:middle}.cmp-dropdown,.cmp-overflow-menu{color:#2d333f;display:inline-block;position:relative}.cmp-dropdown:not(.is-account) summary,.cmp-overflow-menu:not(.is-account) summary{font-size:0}.cmp-dropdown:not(.is-account) summary:before,.cmp-overflow-menu:not(.is-account) summary:before{--icon-margin-after:0}.cmp-dropdown summary,.cmp-overflow-menu summary{align-items:center;background-color:rgba(40,45,55,0);border-radius:4px;cursor:default;display:inline-flex;padding:.5rem .75rem;--icon-glyph-before:"⋮"}.cmp-dropdown summary:before,.cmp-overflow-menu summary:before{--icon-font-family:"icons-20-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.25rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-dropdown summary:before,.cmp-overflow-menu summary:before{content:var(--icon-glyph-before)/""}}.cmp-dropdown summary:before,.cmp-overflow-menu summary:before{transform:translateX(-.125rem)}.cmp-dropdown summary:hover,.cmp-overflow-menu summary:hover{background-color:rgba(40,45,55,.08)}.cmp-dropdown summary:focus-visible,.cmp-overflow-menu summary:focus-visible{background-color:rgba(40,45,55,.08)}.cmp-dropdown summary:active,.cmp-overflow-menu summary:active{background-color:rgba(40,45,55,.16)}.cmp-dropdown summary::-webkit-details-marker,.cmp-overflow-menu summary::-webkit-details-marker{display:none}.cmp-dropdown summary:first-of-type,.cmp-overflow-menu summary:first-of-type{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E")}.cmp-dropdown menu,.cmp-dropdown ul,.cmp-overflow-menu menu,.cmp-overflow-menu ul{background-color:#fff;border-radius:8px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));margin-block-start:1rem;padding-left:0;position:absolute;width:min-content;z-index:60}.cmp-dropdown menu:before,.cmp-dropdown ul:before,.cmp-overflow-menu menu:before,.cmp-overflow-menu ul:before{border-bottom:.8125rem solid #fff;border-left:.8125rem solid transparent;border-right:.8125rem solid transparent;content:"";height:0;position:absolute;transform:translate(.75rem,-.8125rem);width:0}.cmp-dropdown menu li a,.cmp-dropdown menu li button,.cmp-dropdown ul li a,.cmp-dropdown ul li button,.cmp-overflow-menu menu li a,.cmp-overflow-menu menu li button,.cmp-overflow-menu ul li a,.cmp-overflow-menu ul li button{background-color:#fff;border-radius:unset;display:block;font-weight:400;padding:1rem 2rem 1rem 1rem;text-decoration:none}.cmp-dropdown menu li a:focus,.cmp-dropdown menu li a:hover,.cmp-dropdown menu li button:focus,.cmp-dropdown menu li button:hover,.cmp-dropdown ul li a:focus,.cmp-dropdown ul li a:hover,.cmp-dropdown ul li button:focus,.cmp-dropdown ul li button:hover,.cmp-overflow-menu menu li a:focus,.cmp-overflow-menu menu li a:hover,.cmp-overflow-menu menu li button:focus,.cmp-overflow-menu menu li button:hover,.cmp-overflow-menu ul li a:focus,.cmp-overflow-menu ul li a:hover,.cmp-overflow-menu ul li button:focus,.cmp-overflow-menu ul li button:hover{background-color:#d7dce1;color:inherit}.cmp-dropdown menu li a:focus-visible,.cmp-dropdown menu li button:focus-visible,.cmp-dropdown ul li a:focus-visible,.cmp-dropdown ul li button:focus-visible,.cmp-overflow-menu menu li a:focus-visible,.cmp-overflow-menu menu li button:focus-visible,.cmp-overflow-menu ul li a:focus-visible,.cmp-overflow-menu ul li button:focus-visible{background-color:#d7dce1;color:inherit}.cmp-dropdown menu li:first-child a,.cmp-dropdown menu li:first-child button,.cmp-dropdown ul li:first-child a,.cmp-dropdown ul li:first-child button,.cmp-overflow-menu menu li:first-child a,.cmp-overflow-menu menu li:first-child button,.cmp-overflow-menu ul li:first-child a,.cmp-overflow-menu ul li:first-child button{border-top-left-radius:8px;border-top-right-radius:8px}.cmp-dropdown menu li:last-child a,.cmp-dropdown menu li:last-child button,.cmp-dropdown ul li:last-child a,.cmp-dropdown ul li:last-child button,.cmp-overflow-menu menu li:last-child a,.cmp-overflow-menu menu li:last-child button,.cmp-overflow-menu ul li:last-child a,.cmp-overflow-menu ul li:last-child button{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.cmp-overflow-menu[data-horizontal-position=opposite] menu,.cmp-overflow-menu[data-horizontal-position=opposite] ul,[data-horizontal-position=opposite].cmp-dropdown menu,[data-horizontal-position=opposite].cmp-dropdown ul{right:0}.cmp-overflow-menu[data-horizontal-position=opposite] menu:before,.cmp-overflow-menu[data-horizontal-position=opposite] ul:before,[data-horizontal-position=opposite].cmp-dropdown menu:before,[data-horizontal-position=opposite].cmp-dropdown ul:before{right:0;transform:translate(-.75rem,-.8125rem)}.cmp-dropdown menu,.cmp-overflow-menu menu{list-style-type:""}.cmp-dropdown menu li,.cmp-overflow-menu menu li{overflow-x:hidden}.cmp-dropdown menu button,.cmp-overflow-menu menu button{line-height:inherit;text-align:left;width:100%}.cmp-overflow-menu[open] summary:after,[open].cmp-dropdown summary:after{content:" ";display:inline-block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:50}.cmp-dropdown.is-account summary{--icon-glyph-before:"󡈡"}.cmp-dropdown.is-account summary:before{--icon-font-family:"icons-24-outline","missing-icons"!important;content:var(--icon-glyph-before);font-size:var(--icon-font-size-before,var(--icon-font-size,1.5rem));margin-inline-end:var(--icon-margin-after,.375rem)}@supports(content:""/""){.cmp-dropdown.is-account summary:before{content:var(--icon-glyph-before)/""}}@media screen and (max-width:41rem){.cmp-dropdown.is-account summary{font-size:0}.cmp-dropdown.is-account summary:before{--icon-margin-after:0}}.cmp-dropdown menu,.cmp-dropdown ul{background-color:#fff;margin-block-start:0;right:0;transform:translateY(.875rem)}.cmp-dropdown menu:before,.cmp-dropdown ul:before{content:none}.cmp-dropdown[data-horizontal-position=opposite] menu,.cmp-dropdown[data-horizontal-position=opposite] ul{right:unset}body{display:grid;grid-template-rows:auto 1fr auto}body.has-fixed-footer .rea-footer,body.has-fixed-header .rea-header{position:fixed;width:100%;z-index:10}body.has-fixed-header{padding-top:5.9375rem}body.has-fixed-header .rea-header{top:0}@media screen and (max-width:1023px){body.has-fixed-header{padding-top:5rem}}body.has-fixed-footer{padding-bottom:5.5rem}body.has-fixed-footer .rea-footer{bottom:0}@media screen and (max-width:1023px){body.has-fixed-footer{padding-bottom:5.875rem}}.cmp-mainnavigation:before,.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch:before{background-color:rgba(40,45,55,.2);content:"";height:1.5rem;inset-block-start:50%;position:absolute;transform:translateY(-50%);width:1px}.rea-header{align-items:center;background-color:#fdfdfd;box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 1px rgba(0,0,0,.05);display:flex;gap:1.5rem;margin-bottom:1rem;min-block-size:3.5rem;padding-inline:1.5rem}@media screen and (width > 1023px){.rea-header{padding-block:.875rem}}.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch:before{inset-inline-end:0}@media screen and (max-width:1023px){.rea-header{border-bottom:.0625rem solid #9c9a8e;position:relative}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-dropdown,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-language-switcher,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-metanavigation,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta>.elm-link{display:none}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta{--db-language-switcher---direction:-1;background-color:#fff;block-size:3.5rem;border-bottom-left-radius:4px;border-top:1px solid rgba(40,45,55,.2);inset-block-end:0;inset-block-start:unset;inset-inline-end:0;inset-inline-start:1.5rem;padding-inline:1rem;position:fixed;z-index:50}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta .cmp-sitesearch{display:none}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta .cmp-dropdown>menu{bottom:100%;transform:translateY(-.875rem)}}.rea-meta{align-items:center;display:flex;gap:.5rem;margin-inline-start:auto}.rea-meta ol,.rea-meta ul{margin:0;padding:0}.rea-meta ul{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E")}.rea-header .rea-meta{order:2}.rea-header .rea-meta .elm-link{padding-bottom:.5625rem;padding-top:.5625rem}.rea-meta>.elm-link[rel=account]{font-size:0;margin-left:.25rem}.rea-meta>.elm-link[rel=account]:before{--icon-margin-after:0}@media screen and (min-width:27.25rem){.rea-meta>.elm-link[rel=account]{margin-left:.5rem}}.rea-meta .cmp-sitesearch:focus-within~.elm-link[rel=account]{font-size:0}.rea-meta .cmp-sitesearch:focus-within~.elm-link[rel=account]:before{--icon-margin-after:0}.rea-footer:after,.rea-main:after{clear:both;content:" ";display:table}.rea-main{background-color:transparent;margin:0 auto;padding:1rem;position:relative}@media screen and (min-width:1088px){.rea-main{max-width:960px;width:960px}}@media screen and (min-width:1280px){.rea-main{max-width:1152px;width:1152px}}@media screen and (min-width:1472px){.rea-main{max-width:1344px;width:1344px}}.rea-grid{flex-wrap:wrap;margin-left:-.625rem;margin-right:-.625rem;margin-top:-.625rem}@media print,screen and (min-width:769px){.rea-grid{display:flex}}.rea-grid>area,.rea-grid>div,.rea-grid>li,.rea-grid>section{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.625rem}@media screen and (max-width:1199px){.rea-grid>area,.rea-grid>div,.rea-grid>li,.rea-grid>section{padding:.375rem}}.rea-grid:last-child{margin-bottom:-.625rem}.rea-grid:not(:last-child){margin-bottom:.875rem}@media screen and (max-width:1199px){.rea-grid{margin-left:-.375rem;margin-right:-.375rem;margin-top:-.375rem}.rea-grid:last-child{margin-bottom:-.375rem}.rea-grid:not(:last-child){margin-bottom:1.125rem}}.rea-grid [data-type=four-fifths]{flex:none;width:80%}.rea-grid [data-type=three-quarters]{flex:none;width:75%}.rea-grid [data-type=two-thirds]{flex:none;width:66.6666%}.rea-grid [data-type=three-fifths]{flex:none;width:60%}.rea-grid [data-type=half]{flex:none;width:50%}.rea-grid [data-type=two-fifths]{flex:none;width:40%}.rea-grid [data-type=one-third]{flex:none;width:33.3333%}.rea-grid [data-type=one-quarter]{flex:none;width:25%}.rea-grid [data-type=one-fifth]{flex:none;width:20%}.rea-footer{background-color:#fdfdfd;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);color:#646973;margin-top:1rem;padding:1.3125rem 1rem}.rea-footer.has-border{border-top:.375rem solid #d7dce1}@media screen and (max-width:767px){.rea-footer{text-align:center}}
+/*# sourceMappingURL=db-ui-core.css.map */
\ No newline at end of file
diff --git a/review/refactor-icon-update/css/enterprise/db-ui-core.css.map b/review/refactor-icon-update/css/enterprise/db-ui-core.css.map
new file mode 100644
index 0000000000..306a55663b
--- /dev/null
+++ b/review/refactor-icon-update/css/enterprise/db-ui-core.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["db-ui-core.css","../../../node_modules/@csstools/normalize.css/normalize.css","../../../source/_patterns/00-base/_init.global.scss","../../../node_modules/@db-ui/base/build/scss/_variables.scss","../../../source/_patterns/00-base/_init.scss","../../../source/css/helpers/_a11y.scss","../../../source/css/helpers/_clearfix.scss","../../../source/_patterns/00-base/type/_fonts.scss","../../../source/_patterns/00-base/icons/_icons.attributes-mappings.scss","../../../source/_patterns/00-base/icons/_icons.helpers.scss","../../../source/_patterns/00-base/icons/_icons.font-faces.scss","../../../source/_patterns/00-base/icons/_icons.placeholder.scss","../../../source/_patterns/00-base/icons/icons.scss","../../../source/_patterns/01-elements/buttons/button.scss","../../../source/_patterns/01-elements/buttons/_button.variables.scss","../../../source/_patterns/01-elements/headline/headline.scss","../../../source/_patterns/01-elements/link/link.scss","../../../source/_patterns/01-elements/link/_link.variables.scss","../../../source/_patterns/01-elements/logo/logo.scss","../../../source/_patterns/01-elements/_form-elements.scss","../../../source/_patterns/01-elements/checkbox/checkbox.scss","../../../source/_patterns/01-elements/checkbox/_checkbox.variables.scss","../../../source/_patterns/01-elements/input/input.scss","../../../source/_patterns/01-elements/loading-indicator/loading-indicator.scss","../../../source/_patterns/01-elements/progress/_progress.variables.scss","../../../source/_patterns/01-elements/progress/progress.scss","../../../source/_patterns/01-elements/radio/radio.scss","../../../source/_patterns/01-elements/textarea/textarea.scss","../../../source/_patterns/01-elements/select/select.scss","../../../source/_patterns/01-elements/chips/chip.scss","../../../source/_patterns/01-elements/chips/_chip.variables.scss","../../../source/_patterns/01-elements/tags/tag.scss","../../../source/_patterns/01-elements/tags/_tag.variables.scss","../../../source/_patterns/01-elements/toggle/toggle.scss","../../../source/_patterns/01-elements/video/_youtube.scss","../../../source/_patterns/02-components/breadcrumb/breadcrumb.scss","../../../source/_patterns/02-components/breadcrumb/_breadcrumb.variables.scss","../../../source/_patterns/02-components/cards/cards.scss","../../../source/_patterns/02-components/cards/card.scss","../../../source/_patterns/02-components/accordion/accordion.scss","../../../source/_patterns/02-components/accordion/_accordion.variables.scss","../../../source/css/helpers/_dividers.scss","../../../source/_patterns/02-components/mainnavigation/_mainnavigation.variables.scss","../../../source/_patterns/02-components/mainnavigation/mainnavigation.scss","../../../source/css/_db-ui-core.variables.scss","../../../source/_patterns/02-components/metanavigation/metanavigation.scss","../../../source/_patterns/02-components/brand/brand.scss","../../../source/_patterns/01-elements/_form-elements.variables.scss","../../../source/_patterns/02-components/sitesearch/sitesearch.scss","../../../source/_patterns/02-components/notifications/notification.scss","../../../source/_patterns/02-components/notifications/_notification.variables.scss","../../../source/_patterns/02-components/dialog/dialog.scss","../../../source/_patterns/02-components/dialog/_dialog.variables.scss","../../../source/_patterns/02-components/language-switcher/language-switcher.scss","../../../source/_patterns/02-components/pagination/pagination.scss","../../../source/_patterns/02-components/sidenavi/sidenavi.scss","../../../source/_patterns/02-components/tab-bar/tab-bar.scss","../../../source/_patterns/02-components/tab-bar/_tab-bar.variables.scss","../../../source/_patterns/02-components/table/table.scss","../../../source/_patterns/02-components/table/_table.helpers.scss","../../../source/_patterns/02-components/table/_table.variables.scss","../../../source/_patterns/02-components/link-list/link-list.scss","../../../source/_patterns/02-components/overflow-menu/overflow-menu.scss","../../../source/_patterns/02-components/overflow-menu/_overflow-menu.variables.scss","../../../source/_patterns/02-components/dropdown/dropdown.scss","../../../source/_patterns/03-areas/_areas.scss","../../../source/_patterns/03-areas/00-header/_header.variables.scss","../../../source/_patterns/03-areas/00-header/header.scss","../../../source/_patterns/03-areas/00-header/meta.scss","../../../source/_patterns/03-areas/01-main/_main.scss","../../../source/_patterns/03-areas/01-main/_main.variables.scss","../../../source/_patterns/03-areas/02-grid/_grid.scss","../../../source/_patterns/03-areas/02-grid/enterprise/_grid.variables.scss","../../../source/_patterns/03-areas/03-footer/footer.scss","../../../source/_patterns/03-areas/03-footer/_footer.variables.scss"],"names":[],"mappings":"AAAA,aCQA,gBACE,CAAA,6BACA,CAAA,qBACA,CAAA,WAWF,aACE,CAAA,sBACA,CAAA,wBACA,CAAA,kCAUF,kBACE,CAAA,oBACA,CAAA,WAQF,sBACE,CAAA,aACA,CAAA,QACA,CAAA,oBAUF,yBACE,CAAA,wCACA,CADA,gCACA,CAAA,iBAOF,kBACE,CAAA,0BAQF,+BACE,CAAA,aACA,CAAA,cAOF,aACE,CAAA,cAWF,yBACE,CAAA,aACA,CAAA,4BAUF,QACE,CAAA,eAOF,mBACE,CAAA,wEAOF,yBACE,CAAA,iBAOF,uBACE,CAAA,eAOF,mBACE,CAAA,iBAOF,QACE,CAAA,6BAQF,4BACE,CAAA,mBACA,CAAA,wDAOF,WAEE,CAAA,4BAOF,aACE,CAAA,WACA,CAAA,4BAOF,uBACE,CAAA,6BAQF,yBACE,CAAA,YACA,CAAA,yGAOF,iBACE,CAAA,SACA,CAAA,uGAOF,6BACE,CAAA,yBAOF,eACE,CAAA,eAUF,qBACE,CAAA,YACA,CAAA,UACA,CACA,kBACA,CAAA,MACA,CAAA,WACA,CAAA,WACA,CAAA,iBACA,CAAA,OACA,CACA,iBACA,CAAA,2BAGF,YACE,CAAA,gBAOF,iBACE,CAAA,UC7PF,QAEC,CAAA,SACA,CAAA,KAGD,gBAEC,CAAA,KAID,wBACC,CAAA,iCAEA,CAAA,kCACA,CAAA,eACA,CAAA,iBACA,CAAA,iBACA,CAAA,iCACA,CAAA,6BACA,CAAA,qBACA,CAAA,2CAGD,qDCsJsB,CAAA,SD7ItB,4BAEC,CAAA,2BACA,CAAA,KC6HwB,cDxHxB,CAAA,eACA,CAAA,eACA,CAAA,OAJD,aC0HyB,CAAA,SD/GxB,kBACC,CAAA,QAGD,aACC,CAJA,gBAGD,aACC,CAAA,KAKD,aACA,CAAA,gBACA,CAAA,eACA,CAAA,kBACA,CAAA,QALD,wBAaC,CARA,GAIA,WACA,CAAA,aACA,CAAA,UACA,CAAA,eACA,CAAA,IAGD,WACC,CAAA,cACA,CAAA,MAGD,gBACC,CAAA,SAID,WACC,CAAA,IAGD,wBACC,CAAA,aACA,CAAA,gBACA,CAAA,gCACA,CAAA,eACA,CAAA,sBACA,CAAA,eACA,CAAA,gBACA,CAAA,SAEA,4BACC,CAAA,kBACA,CAAA,aACA,CAAA,SACA,CAAA,KEzGF,0CACC,CAAA,iBAGD,kBAGC,CAAA,8BAID,WAKC,CAAA,cACA,CAAA,OAID,QACC,CAAA,wDAOA,gGAEC,CAAA,QAEA,CAAA,SACA,CAAA,MAKF,6BACC,CAAA,gCACA,CAAA,qCAID,uCACC,CAAA,mDAEA,mHACC,CAAA,0EAGA,CAAA,WAQF,sBACC,CAAA,sBAEA,aDlBkB,CAAA,yCCyBlB,0CAGC,CAAA,mnCC1EF,kBACC,CAAA,UACA,CAAA,eACA,CAAA,2BACA,CAAA,kBACA,CAAA,SACA,CCHA,WCSA,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,sNAWX,CAAA,WANH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,gNAWX,CAAA,WANH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,sNAWX,CAAA,WANH,0CAPc,CAAA,iBAGD,CAAA,eADC,CAAA,sPAWX,CAAA,WANH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,gNAWX,CAAA,WANH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,oKAoCX,CAAA,WA/BH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,0KAoCX,CAAA,WA/BH,0BAPc,CAAA,iBAGD,CAAA,eADC,CAAA,iNAWX,CAAA,+CCdH,wBAEC,CAAA,0BAED,uBACC,CAAA,uCALD,uBAEC,CAAA,sBAED,sBACC,CAAA,qDALD,uBAEC,CAAA,6BAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,+CALD,uBAEC,CAAA,0BAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,6CALD,uBAEC,CAAA,yBAED,sBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,+DALD,uBAEC,CAAA,kCAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,uEALD,uBAEC,CAAA,sCAED,sBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,qEALD,uBAEC,CAAA,qCAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,yDALD,uBAEC,CAAA,+BAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,qCALD,wBAEC,CAAA,qBAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,+CALD,uBAEC,CAAA,0BAED,sBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,6EALD,wBAEC,CAAA,yCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,qEALD,wBAEC,CAAA,qCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,+FALD,wBAEC,CAAA,kDAED,uBACC,CAAA,+EALD,wBAEC,CAAA,0CAED,uBACC,CAAA,6EALD,wBAEC,CAAA,yCAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,qDALD,uBAEC,CAAA,6BAED,sBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,qEALD,wBAEC,CAAA,qCAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,qDALD,uBAEC,CAAA,6BAED,sBACC,CAAA,qDALD,uBAEC,CAAA,6BAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,6CALD,uBAEC,CAAA,yBAED,sBACC,CAAA,yDALD,uBAEC,CAAA,+BAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,uDALD,uBAEC,CAAA,8BAED,sBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+DALD,uBAEC,CAAA,kCAED,sBACC,CAAA,2DALD,uBAEC,CAAA,gCAED,sBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,6DALD,uBAEC,CAAA,iCAED,sBACC,CAAA,+CALD,uBAEC,CAAA,0BAED,sBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,6EALD,uBAEC,CAAA,yCAED,sBACC,CAAA,+EALD,wBAEC,CAAA,0CAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,yEALD,wBAEC,CAAA,uCAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,2EALD,wBAEC,CAAA,wCAED,uBACC,CAAA,iFALD,wBAEC,CAAA,2CAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,qFALD,wBAEC,CAAA,6CAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,yFALD,wBAEC,CAAA,+CAED,uBACC,CAAA,+DALD,wBAEC,CAAA,kCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,yEALD,wBAEC,CAAA,uCAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,uCALD,uBAEC,CAAA,sBAED,sBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,yCALD,uBAEC,CAAA,uBAED,sBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yDALD,uBAEC,CAAA,+BAED,sBACC,CAAA,6DALD,uBAEC,CAAA,iCAED,sBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,iEALD,wBAEC,CAAA,mCAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,yEALD,wBAEC,CAAA,uCAED,uBACC,CAAA,mDALD,uBAEC,CAAA,4BAED,sBACC,CAAA,+CALD,uBAEC,CAAA,0BAED,sBACC,CAAA,2CALD,uBAEC,CAAA,wBAED,sBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,yCALD,wBAEC,CAAA,uBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,6CALD,wBAEC,CAAA,yBAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CAAA,2CALD,wBAEC,CAAA,wBAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,iFALD,wBAEC,CAAA,2CAED,uBACC,CAAA,6EALD,wBAEC,CAAA,yCAED,uBACC,CAAA,uCALD,wBAEC,CAAA,sBAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,yDALD,wBAEC,CAAA,+BAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,iDALD,wBAEC,CAAA,2BAED,uBACC,CAAA,6FALD,wBAEC,CAAA,iDAED,uBACC,CAAA,2DALD,wBAEC,CAAA,gCAED,uBACC,CAAA,uDALD,wBAEC,CAAA,8BAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,qEALD,wBAEC,CAAA,qCAED,uBACC,CAAA,uEALD,wBAEC,CAAA,sCAED,uBACC,CAAA,mEALD,wBAEC,CAAA,oCAED,uBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,iFALD,uBAEC,CAAA,2CAED,sBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,qFALD,uBAEC,CAAA,6CAED,sBACC,CAAA,iFALD,uBAEC,CAAA,2CAED,sBACC,CAAA,mFALD,uBAEC,CAAA,4CAED,sBACC,CAAA,iGALD,uBAEC,CAAA,mDAED,sBACC,CAAA,+EALD,uBAEC,CAAA,0CAED,sBACC,CAAA,2EALD,uBAEC,CAAA,wCAED,sBACC,CAAA,uEALD,uBAEC,CAAA,sCAED,sBACC,CAAA,uEALD,uBAEC,CAAA,sCAED,sBACC,CAAA,mFALD,uBAEC,CAAA,4CAED,sBACC,CAAA,qFALD,uBAEC,CAAA,6CAED,sBACC,CAAA,6EALD,uBAEC,CAAA,yCAED,sBACC,CAAA,6CALD,uBAEC,CAAA,yBAED,sBACC,CAAA,iDALD,uBAEC,CAAA,2BAED,sBACC,CAAA,+EALD,wBAEC,CAAA,0CAED,uBACC,CAAA,6DALD,wBAEC,CAAA,iCAED,uBACC,CAAA,mDALD,wBAEC,CAAA,4BAED,uBACC,CAAA,+CALD,wBAEC,CAAA,0BAED,uBACC,CAAA,qDALD,wBAEC,CAAA,6BAED,uBACC,CCqGA,sSAHD,+DACC,CAAA,qBAEA,CAAA,sSAHD,+DACC,CAAA,wBAEA,CAAA,sSAHD,+DACC,CAAA,uBAEA,CAAA,sSAHD,+DACC,CAAA,qBAEA,CAAA,sSAHD,+DACC,CAAA,qBAEA,CAAA,sSAHD,+DACC,CAAA,qBAEA,CAAA,iSAHD,8DACC,CAAA,qBAEA,CAAA,iSAHD,8DACC,CAAA,wBAEA,CAAA,iSAHD,8DACC,CAAA,uBAEA,CAAA,iSAHD,8DACC,CAAA,qBAEA,CAAA,iSAHD,8DACC,CAAA,qBAEA,CAAA,iSAHD,8DACC,CAAA,qBAEA,CAAA,WCvGF,kBACC,CAAA,yBACA,CAAA,uJAEC,CAAA,WAUC,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+KAEC,CAAA,kCAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uLAEC,CAAA,0DAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+KAEC,CAAA,+XAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uKAEC,CAAA,4HAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6KAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,qGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mLAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uLAEC,CAAA,iDAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iLAEC,CAAA,sIAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2KAEC,CAAA,6CAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uKAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iLAEC,CAAA,4GAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2KAEC,CAAA,sGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uLAEC,CAAA,2HAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2LAEC,CAAA,0CAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2KAEC,CAAA,yEAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+KAEC,CAAA,4GAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,2GAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+KAEC,CAAA,+XAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uKAEC,CAAA,oHAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6KAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,qGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mLAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uLAEC,CAAA,iDAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iLAEC,CAAA,sIAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2KAEC,CAAA,6CAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uKAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iLAEC,CAAA,4GAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2KAEC,CAAA,sGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uLAEC,CAAA,2HAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2LAEC,CAAA,kCAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2KAEC,CAAA,yEAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+KAEC,CAAA,sFAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,+FAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+KAEC,CAAA,+XAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uKAEC,CAAA,oHAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6KAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,qGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,mLAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uLAEC,CAAA,iDAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iLAEC,CAAA,sIAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2KAEC,CAAA,6CAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uKAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,iLAEC,CAAA,oFAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2KAEC,CAAA,sGAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uLAEC,CAAA,2HAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2LAEC,CAAA,kCAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2KAEC,CAAA,yEAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+KAEC,CAAA,sFAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+LAEC,CAAA,+FAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uKAEC,CAAA,8DAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6KAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,uKAEC,CAAA,8DAKD,CAAA,WAdD,kBAGC,CAAA,4BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6KAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6KAEC,CAAA,oCAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qLAEC,CAAA,oBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yLAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6KAEC,CAAA,gLAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qKAEC,CAAA,uEAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,2LAEC,CAAA,wDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+KAEC,CAAA,yDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yKAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qKAEC,CAAA,qBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+KAEC,CAAA,qDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yKAEC,CAAA,wDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qLAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yLAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6KAEC,CAAA,qCAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,6GAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6KAEC,CAAA,qGAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qKAEC,CAAA,6DAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,+KAEC,CAAA,qDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yKAEC,CAAA,2BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qLAEC,CAAA,oBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yLAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,6GAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6KAEC,CAAA,4GAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qKAEC,CAAA,6DAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yKAEC,CAAA,2BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qLAEC,CAAA,oBAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,yLAEC,CAAA,4BAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,6LAEC,CAAA,6GAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qKAEC,CAAA,uDAKD,CAAA,WAdD,kBAGC,CAAA,2BAFmB,CAAA,iBAKnB,CAAA,eACA,CAAA,qKAEC,CAAA,uDAKD,CAAA,svCCnCJ,cAEC,CAAA,MACA,CAAA,oBAEA,CAAA,6CAGA,CAAA,kCAGA,CAAA,iCACA,CAAA,iBAEA,CAAA,mBACA,CAAA,eACA,CAAA,0CACA,CAAA,aACA,CAAA,UACA,CAAA,WACA,CAAA,mBACA,CAAA,qBAEA,CAAA,aAGA,svCA1BD,YA2BE,CAAA,CAAA,cAED,svCA7BD,YA8BE,CAAA,CAAA,6JAKF,6DACC,CAAA,uBACA,CAAA,6CC1BA,gCAEC,CACA,mEACA,CAFA,kDAEA,CAAA,wBAQD,+BAEC,CACA,kEACA,CAFA,qDAEA,CAAA,yEH0DD,WACC,CAAA,uFAIA,qBACC,CAAA,uCANF,WACC,CAAA,6CAQA,sBACC,CAAA,YI1FH,kBACC,CAAA,4BACA,CAAA,iBACA,CAAA,mBACA,CAAA,cACA,CAAA,sBACA,CAAA,kBCFoB,CAAA,kBDIpB,CAAA,qDAEA,oBAEC,CAAA,6BAGD,qBACC,CAAA,iCAGD,aCfoB,CAAA,0ED0BpB,UC7BgB,CDkChB,eClCgB,CDoCf,wCAGD,wBACC,CAAA,iDAEA,0BACC,CAAA,6DAMA,wBCxC0C,CDkC1C,qEAMA,wBCxC0C,CAAA,8DD6C1C,wBACC,CAAA,kCAKH,wBVkGwB,CAAA,2CU/FvB,0BACC,CAAA,uDAMA,wBC1DoC,CDoDpC,+DAMA,wBC1DoC,CAAA,wDD+DpC,wBACC,CAAA,4CAKH,iCAEC,CAFD,yBAEC,CAAA,4BACA,CAAA,oBV0EuB,CAAA,aAAA,CAAA,qDUrEtB,sBACA,CAFD,eAEC,CAAA,iEAIA,mCC5E6C,CDwE7C,yEAIA,mCC5E6C,CAAA,kEDiF7C,mCC5E8C,CAAA,0CDkFhD,wBVgDwB,CAAA,aAKA,CAAA,mDUhDtB,0BACA,CAFD,eAEC,CAAA,+DAMA,wBCtG2C,CDgG3C,uEAMA,wBCtG2C,CAAA,gED2G3C,wBC1G4C,CAAA,yCDgH9C,4BACC,CAAA,4BACA,CAAA,aV4BuB,CAAA,kDUzBvB,eACC,CAAA,8DAIA,mCCxH6C,CDoH7C,sEAIA,mCCxH6C,CAAA,+DD6H7C,mCCxH8C,CAAA,6BD+HhD,kBACC,CAAA,wDAEA,iBACC,CJlDD,yJAHD,+DACC,CAAA,wBAEA,CAAA,kDI8DA,aACC,CAAA,6BAIF,kBACC,CAAA,wDAEA,iBACC,CAAA,kDAGD,aACC,CAAA,qBAiCF,eACC,CAAA,6BAID,gBACC,CAAA,cE5ND,kBAEA,CAAA,iBAGA,CAND,iBAMC,CAAA,gCAGC,6CACC,CAAA,oDACA,CAAA,UAGA,CAAA,aACA,CAKA,0CACA,CANA,gDACA,CAAA,+CACA,CAAA,+BAIA,CAAA,gDAQF,qDZkJyB,CAAA,eYhJxB,CAAA,gBAKD,iBACC,CAAA,wBAGA,CAAA,oCACA,gBALD,iBAME,CAAA,gBAGA,CAAA,CAAA,gBAMF,gBACC,CAAA,wBAGA,CAAA,oCACA,gBALD,iBAME,CAAA,eAGA,CAAA,CAAA,gBAMF,iBACC,CAAA,eAGA,CAAA,oCACA,gBALD,kBAME,CAAA,gBAGA,CAAA,CAAA,gBAMF,kBACC,CAAA,eAGA,CAAA,wBACA,CAAA,oCACA,gBAND,cAOE,CAAA,gBAGA,CAAA,CAAA,UC3FH,oBACC,CAAA,oBACA,CAAA,8BAGA,CAAA,6BACA,CAAA,qCACA,UAPD,4BAQE,CAAA,CAAA,iBAGD,aACC,CAAA,8BAID,UCfwB,CAAA,mBDkBvB,CAAA,qCAEA,aACC,CAAA,sDAMD,iBACC,CP8ED,gMAHD,+DACC,CAAA,wBAEA,CAAA,6BAnGA,uBACC,CAAA,oCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,oCApBD,mCAuBE,CAAA,CAAA,wBA5BD,wBACC,CAAA,+BAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,+BApBD,mCAuBE,CAAA,CAAA,uBA5BD,wBACC,CAAA,8BAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,8BApBD,mCAuBE,CAAA,CAAA,iGO2BD,oBAEC,CAAA,UExCF,iCACA,CA1BD,+BA0BC,CAAA,4BAyBC,oBACC,CAAA,qBACA,CAAA,gEAEA,oBACC,CAAA,qBACA,CAAA,sDAID,oBACC,CAAA,qBACA,CAAA,2BAZF,oBACC,CAAA,qBACA,CAAA,+DAEA,oBACC,CAAA,qBACA,CAAA,qDAID,oBACC,CAAA,qBACA,CAAA,4BAZF,oBACC,CAAA,qBACA,CAAA,gEAEA,oBACC,CAAA,qBACA,CAAA,sDAID,oBACC,CAAA,qBACA,CAAA,2BAZF,oBACC,CAAA,qBACA,CAAA,+DAEA,oBACC,CAAA,qBACA,CAAA,qDAID,oBACC,CAAA,qBACA,CAAA,4BAZF,oBACC,CAAA,qBACA,CAAA,gEAEA,oBACC,CAAA,qBACA,CAAA,sDAID,oBACC,CAAA,qBACA,CC+ED,cC3IH,mEACC,CAAA,oBAKA,CAAA,uBAEA,CAFA,eAEA,CAAA,mCCV4B,CAAA,6BDY5B,CAAA,iBACA,CAAA,ajBmJwB,CAAA,mBiBhJxB,CAAA,wCACA,CAAA,sBACA,CAAA,uCACA,CXZC,uBWYD,CXXE,qBAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,qBApBD,mCAuBE,CAAA,CAAA,6BWTF,kBACC,CAAA,qBAGD,yBACC,CAAA,cACA,CAAA,sBAGD,wBjB6HwB,CAAA,6BiB1HvB,UCjCwB,CAAA,WDmCvB,CAAA,4BAKD,mCACC,CANA,oCAKD,mCACC,CAAA,oCAEA,wBCzCsC,CDuCtC,4CAEA,wBCzCsC,CAAA,6BD8CvC,mCACC,CAAA,mCAKD,WACC,CAAA,oDAKD,UAEC,CAAA,oBAIF,2BjB2Fe,CgBrBb,WG3IH,anB8JyB,CAAA,cmBzJxB,CAAA,cACA,CAAA,kBACA,CAAA,cACA,CAEA,mBnByJc,CmB3Jd,UnB2Jc,CAAA,qDmBrJd,mBnBmJc,CAAA,oDmB9Ib,kBACC,CAAA,uCAIF,gBACC,CALC,mCAIF,gBACC,CAAA,iFAEA,gBACC,CAHD,6EAEA,gBACC,CAAA,gEAaD,mCACC,CAdA,wCAaD,mCACC,CAAA,wHAOD,UAGC,CAAA,8rDAwBD,iCAQE,CAAA,sCAGD,8rDAXD,kCAYE,CAAA,CAAA,8dAIF,anBgEuB,CAAA,amB5DtB,CAAA,gBACA,CAAA,uBAEA,CAAA,oCACA,CAAA,gsCAEA,YAEC,CAAA,o2BAMA,SACC,CAPD,gzBAMA,SACC,CAAA,6mBAKH,anBwCuB,CmB7CpB,wfAKH,anBwCuB,CAAA,wBmBCxB,wHACC,CAAA,yBAKA,CAAA,iBACA,CAAA,yDAKC,gBACC,CAAA,sBClJJ,oDACC,CAAA,apBekB,CoBxCnB,aACC,CpBuCkB,oCoB7BjB,+CACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,mCARD,oCACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,sBARD,+CACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,mCARD,+CACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,oCARD,sCACC,CAAA,0BAKA,CAAA,WACA,CAAA,UACA,CAAA,8BAkCH,2DACC,CAAA,4BACA,CAAA,mBACA,CAAA,sBACA,CAAA,mBACA,CAAA,oBACA,CAAA,kDACA,CAAA,mCAGD,GACC,uBACC,CAAA,CAAA,mCAIF,GACC,sBACC,CAAA,mBACA,CAAA,IAGD,uBACC,CAAA,qBACA,CAAA,GAGD,uBACC,CAAA,sBACA,CAAA,CAAA,uBC/EF,yCACC,CCNA,uBACC,CADD,eACC,CAAA,wBDQ2B,CAAA,WCN3B,CAAA,aDLkB,CAAA,qBAQnB,CCDC,6CAGA,wBACC,CAAA,+CAGD,uDDXgC,CAAA,0CCehC,uDDfgC,CAAA,iCCmBhC,uDDnBgC,CAAA,WCqB/B,CAAA,iFAIA,kBACC,CAAA,4EAGD,kBACC,CAAA,mEAGD,kBACC,CAAA,qCAKF,uBACC,CAAA,kCACA,CAAA,2CACA,CAAA,gCACA,CAAA,0DACA,CAAA,wBDpC0B,CAAA,8DCsC1B,CAAA,uBAKA,CAAA,2BACA,CAAA,yBACA,CAAA,sCACA,qCAfD,sBAgBE,CAAA,CAAA,2DAGD,4BACC,CAAA,wDAGD,4BACC,CAAA,gDAMD,mDADD,qCAEE,CAAA,oFAEA,CAAA,QAKA,CAAA,iBACA,CAAA,gBACA,CAAA,eACA,CAAA,uOAGA,YAGC,CAAA,sEAGD,eACC,CAAA,mHAGD,kBAEC,CAAA,kBD7EkC,CAAA,iBC+ElC,CAAA,aACA,CAAA,YACA,CAAA,gBACA,CAAA,sBACA,CAAA,iBACA,CAAA,uCACA,CAAA,eAIA,CAAA,CAAA,wCAML,GACC,0BACC,CAAA,wBACA,CAAA,IAGD,0BACC,CAAA,wBACA,CAAA,GAGD,0BACC,CAAA,uBACA,CAAA,CNcC,WO3IH,gEACC,CAAA,uBAOA,CAPA,eAOA,CAAA,mCAEA,CAAA,6BACA,CAAA,iBACA,CAAA,oBAGA,CAAA,cAEA,CAAA,wCACA,CAAA,gCAEA,CAAA,uCAEA,CAAA,uBAEA,kBACC,CAAA,uCAKC,mCACC,CANF,+CAKC,mCACC,CAAA,0BAIF,kCACC,CAAA,mBAIF,mBACC,CAAA,2DAGD,oBAEC,CAAA,iBAUD,2BvBwGe,CAAA,8CuBjGd,UAEC,CAAA,sCAIF,WArED,kCAsEE,CAAA,CPqEC,cQ3IH,aAGC,CAAA,cAEA,CAAA,cACA,CAAA,kBACA,CAAA,cACA,CAAA,uBAEA,CAAA,eAEA,CAAA,UAEA,CAAA,0BAgBA,kBACC,CAAA,iBACA,CAAA,oBAGD,WACC,CAAA,sEAMA,mCACC,CAPD,2CAMA,mCACC,CAAA,oIAOD,UAGC,CRsFA,YS5IH,uBAEC,CAFD,eAEC,CAAA,cACA,CAAA,wBAGA,YACC,CAAA,4BAID,mHACC,CAAA,yCAIA,CAAA,2BACA,CAAA,cACA,CAAA,+BACA,CAAA,gEAQA,aACC,CAAA,uCAID,mBACC,CAAA,iBACA,CAAA,iCAEC,CAAA,sCAGD,uCAPD,kCAQE,CAAA,CAAA,iEAKD,azBgHsB,CAAA,cyB9GrB,CAAA,oCACA,CAAA,gJAWA,mCACC,CAAA,oJAGD,mCACC,CAAA,4HASH,UAGC,CAAA,uBAsBF,aAGC,CAAA,gBACA,CAAA,uBACA,CAAA,oCACA,CAAA,iCAEC,CAAA,sCAGD,uBAXD,kCAYE,CAAA,CAAA,sBAIF,eACC,CAAA,iCAEA,kCACC,CAAA,qBAIF,4BACC,CAAA,iBACA,CAAA,wCAIA,wBzB0BuB,CyB9BvB,gDAIA,wBzB0BuB,CAAA,2ByBtBvB,wBzBsBuB,CAAA,gB0B3JxB,uCACC,CAAA,kBAEA,CAAA,wBACA,CAAA,oBCJc,CAAA,mBDMd,CACA,iBAGA,CAJA,eACA,CAGA,cACA,CAAA,sBACA,CAAA,qBACA,CAAA,sBACA,CAAA,oBACA,CAAA,yBACA,CAAA,kBACA,CpByFA,kHAHD,+DACC,CAAA,wBAEA,CAAA,8CoB1EA,mCC5B4B,CrBsG5B,sDoB1EA,mCC5B4B,CAAA,wBDkC5B,wB1B0HuB,CAAA,wB0BxHtB,CAAA,U1BOc,CAAA,4C0BHd,wB1B+GsB,CAKA,wB0BjHrB,C1B4GqB,a0B5GrB,CAAA,8CAGD,wB1B1BgB,CAAA,4C0B8BhB,wB1BhCc,CAAA,kD0BoCd,wB1BhCoB,CAAA,8C0BoCpB,wB1B1CgB,CAAA,wD0B+ChB,wB1BvCmB,CAAA,aAoIG,CAAA,oD0BxFtB,wB1BvCiB,CAAA,qD0B2CjB,wB1B/Ce,CAAA,uD0BmDf,wB1B9CqB,CAAA,wD0BkDrB,wB1BtDuB,CAAA,mD0B0DvB,wB1BrDgB,CAAA,mE0ByDhB,wB1B7D6B,CAAA,2D0BiE7B,wB1B5DiB,CAAA,aA4HK,CAAA,kE0B3DtB,wB1BrE+B,CAAA,sD0ByE/B,wB1BpEiB,CAAA,yB0B2ElB,UACC,CAAA,8BAKD,mHACC,CAAA,0EAGA,CAAA,SE5HH,kBACC,CAAA,wB5BiKwB,CAAA,oB6BhKV,CAAA,U7B+CE,CAAA,mB4B5ChB,CACA,gBAGA,CAJA,eACA,CAGA,aACA,CAAA,sBACA,CAAA,mBACA,CAAA,oBACA,CAAA,yBACA,CAAA,kBACA,CAAA,0BAGA,cACC,CAAA,6BAQD,wB5BkIwB,CAKA,wB4BpIvB,C5B+HuB,a4B/HvB,CAAA,+BAGD,wB5BN6B,CAAA,6B4BU7B,wB5BZ2B,CAAA,mC4BgB3B,wB5BZiC,CAAA,+B4BgBjC,wB5BtB6B,CAAA,6B4B2B7B,wB5BgEmB,CAAA,e4B9DlB,CAAA,yCAID,wB5B1BqB,CAAA,aAoIG,CAAA,qC4BrGxB,wB5B1BmB,CAAA,sC4B8BnB,wB5BlCiB,CAAA,wC4BsCjB,wB5BjCuB,CAAA,yC4BqCvB,wB5BzCyB,CAAA,oC4B6CzB,wB5BxCkB,CAAA,oD4B4ClB,wB5BhD+B,CAAA,4C4BoD/B,wB5B/CmB,CAAA,aA4HK,CAAA,mD4BxExB,wB5BxDiC,CAAA,uC4B4DjC,wB5BvDmB,CAAA,6DMkEnB,+DACC,CAAA,wBAEA,CsBLA,4BtBKA,CsBJC,gCtBCF,+DACC,CAAA,wBAEA,CsBGA,6BtBHA,CsBIC,YE5GH,uBACC,CADD,eACC,CAAA,wB9B2JwB,CAAA,W8BxJxB,CAAA,oBAEA,CAAA,oBAEA,CAAA,aACA,CAAA,iBAGA,CAAA,oCAEA,CAAA,UAEA,CAAA,sCAEA,YAlBD,kCAmBE,CAAA,CAAA,uBAID,kBACC,CAAA,mBAGD,qB9BkBgB,CAAA,qB8Bff,CAAA,mEAGC,CAAA,UAED,CAAA,aAEA,CAAA,cACA,CAAA,YACA,CAAA,iBAEA,CAAA,WACA,CAAA,0DAGC,CAAA,aAGD,CAAA,sCAEA,mBAvBD,kCAwBE,CAAA,CAAA,yBAKD,wBACC,CANA,iCAKD,wBACC,CAAA,0BAKD,8CACC,CAAA,YACA,CAAA,sCAEA,0BAJD,kCAKE,CAAA,CAAA,oBAKH,wB9BuFwB,CAAA,2B8BpFvB,UACC,CAAA,aACA,CAAA,gDAKD,UAEC,CAAA,aC1FH,iBACC,CAAA,WACA,CAAA,gBCCD,ahC+JyB,CAAA,gBgC7JxB,CAAA,kBAEA,aACC,CAAA,mBAGD,YACC,CAAA,sBAEA,kBACC,CAAA,mBACA,CAAA,qBACA,CAAA,wFAEA,ahCiJsB,CAAA,gCgC5ItB,oBACC,CAAA,yCAEA,CAAA,oBAEA,CAAA,sCAEA,mCC1BoC,CDwBpC,8CAEA,mCC1BoC,CAAA,uCD8BpC,mCC1BqC,CAAA,kC3BEvC,uBACC,CAAA,yCAIF,+DACC,CASC,gCASD,CAlBA,oEAGA,CAAA,kDAeA,CAAA,yBACA,yCApBD,mCAuBE,CAAA,CAAA,yC0BIC,6BACC,CAAA,wC1BjCH,uBACC,CAAA,+CAIF,+DACC,CASC,gCASD,CAlBA,oEAGA,CAAA,kDAeA,CAAA,yBACA,+CApBD,mCAuBE,CAAA,CAAA,+C0BgBC,yBACC,CAAA,qBACA,CAAA,ahCwGoB,CAAA,oBgCtGpB,CAAA,WEzDL,gGACC,CAAA,QAEA,CAAA,SACA,CAAA,wBAEA,WAND,YAOE,CAAA,eACA,CAAA,4DACA,CAAA,CAAA,UCRF,qBACC,CAAA,iBAEA,CAAA,6DACA,CAAA,YAEA,oBACC,CAAA,iBAGD,2BACC,CAAA,sCAKA,YACC,CAAA,0CAGD,gBACC,CAAA,8QAEA,kBAMC,CAAA,wiBAEA,gBAEC,CAAA,4CAIF,iBACC,CAAA,mBAEA,CAAA,6BAQH,iBACC,CAAA,qBAGD,cACC,CAAA,eCrDF,iCACC,CAAA,+BACA,CAAA,8CACA,CAAA,kBCD0B,CAAA,uBDI1B,kBACC,CAAA,YACA,CAAA,6BACA,CAAA,oBpC4Jc,CAAA,gEoCxJd,CAAA,2DACA,C9BNA,sB8BMA,C9BLC,6BAIF,+DACC,CAYC,+BAMD,CAlBA,kEAGA,CAAA,qDAeA,CAAA,yBACA,6BApBD,kCAuBE,CAAA,CAAA,+C8BPD,YACC,CAAA,qCAGD,gGACC,CAAA,6BAID,2BACC,CAAA,oBACA,CAAA,yBAGD,YACC,CAAA,mCAKD,WACC,CAAA,mCAKF,mCAEC,CAAA,2CAEA,eACC,CAAA,aACA,CAAA,iDAEA,qBACC,CAAA,gCAUH,oCAEC,CAAA,wCAEA,iBACC,CAAA,uBAEA,CAAA,8CAEA,wBACC,CAAA,4BACA,CAAA,mBACA,CAAA,gCAKH,mCAEC,CAAA,wCAEA,iBACC,CAAA,kBpCsEY,CAAA,8CoCnEZ,qBACC,CEhGH,oBCW+B,2BCX/B,CAAA,iBDS2B,CCX5B,KDW4B,CAAA,2BCN3B,oBAEC,CAAA,gCAGD,OACC,CAAA,iCAID,oBAfD,WAgBE,CAAA,CAAA,8BAID,qBAEC,CAAA,aACA,CAAA,oBACA,CAAA,oBACA,CAAA,6CAID,uBACC,CADD,eACC,CAEA,gBACA,CAFA,iBACA,CAFA,iBAGA,CAAA,mCAEA,qGAEC,YAEC,CAAA,CAAA,+BAKH,wBD5C0B,CAAA,+BC+CzB,CAAA,aAEA,CAAA,8BACA,ClC5CA,wBkC4CA,ClC3CC,sCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,sCApBD,mCAuBE,CAAA,CAAA,+BA5BD,sBACC,CAAA,qCAIF,+DACC,CAYC,+BAMD,CAlBA,kEAGA,CAAA,qDAeA,CAAA,yBACA,qCApBD,kCAuBE,CAAA,CkC8BA,2EAGD,iBACC,CAAA,qCAKF,oBAzED,UC0BsC,CAAA,wDnCsDrC,WACC,CkCJC,SAEC,ClCEF,+DAIA,qBACC,CAAA,6HkCLC,QAEC,CAAA,4EAOA,YACC,CAAA,8DAIF,YACC,CAAA,qDAKD,sBACA,CAFD,uBACC,CACA,iBACA,CAAA,UC3EgC,CAAA,gED8EhC,qBACC,CAAA,iBACA,CAAA,sEAIC,uBACA,CAFA,qBACA,CAFD,aACC,CAEA,iBACA,CAAA,UCtF8B,CAAA,uEAFE,wBzCqIb,CwCzCpB,UACC,CACA,OACA,CxCsCmB,UwCnCnB,CALA,cACA,CACA,UAGA,CAAA,iEASH,qBACA,CAFA,uBACA,CAEA,yBACA,CAND,iBAEC,CAEA,0BAEA,CAAA,2DAIA,OACA,CACA,0BACA,CAFA,SACA,CAHD,cAIC,CAAA,iEAKC,qBACA,CAJD,UACC,CAAA,UACA,CAAA,iBACA,CC1HkC,yCD+HlC,CAAA,0BACA,CALA,OACA,CAAA,iBACA,CAAA,UAGA,CAAA,CAAA,uBAKH,wBD/J0B,CAAA,mCCqKzB,0BADD,6DAEE,CAAA,iBACA,CAAA,iBACA,CAAA,UChJ6C,CAAA,CAAA,qCDqJ9C,0BATD,YAUE,CAMD,uBADD,qBAEE,CAEA,iBACA,CAAA,wBACA,CAHA,cACA,CAIA,uBACA,CAAA,aACA,CCjKiC,cD+JjC,CANA,iBACA,CAGA,UAIA,CAfA,CAeA,mCAGD,uBAbD,YAcE,CAAA,UACA,CAOC,wJAEC,iBACA,CALF,aAGE,CAAA,oBAEA,CAAA,gWAEA,2BxCpDoB,CwCwCtB,CAAA,mCAUE,gNAEA,2BxCpDoB,CAAA,4PwC6DlB,wBxC9KY,CAAA,iBwCgLZ,CAHA,UACA,CAHD,UACC,CAKA,qCACA,CAAA,cACA,CAHA,iBACA,CALA,UAOA,CAQH,4DAEC,oCACA,CAJF,oBAEE,CAAA,cAEA,CAAA,0EAEA,UACC,CAAA,YACA,CAEA,oBACA,CAFA,iBACA,CAFA,UAGA,CAAA,kEAMA,wBACA,CAHD,uBACC,CAAA,QAEA,CAAA,gFAGD,kBACC,CAAA,YACA,CAAA,oBAEA,CAAA,qBACA,CAAA,sBACA,CAlCC,CAkCD,qCAQA,wWAFD,qBAGE,CAUC,g0BAFD,oBAGE,CAXF,CAWE,uBAUR,aACC,CAAA,iBAGA,CAAA,2ClC1RA,sBACC,CAAA,iDAIF,+DACC,CAYC,+BAMD,CAlBA,kEAGA,CAAA,qDAeA,CAAA,yBACA,iDApBD,kCAuBE,CAAA,CAAA,iDkC0QA,iBACC,CAAA,UACA,CAAA,YACA,CAAA,wGAKD,kBAEC,CAPA,wHAKD,kBAEC,CAAA,qCACA,wGAHD,eAIE,CADD,wHAHD,eAIE,CAAA,CAAA,qCAKH,+BAEE,eACC,CAHH,uCAEE,eACC,CAAA,iDAGD,sBACC,CAJA,yDAGD,sBACC,CAAA,iCAIF,aACC,CAAA,mBACA,CAAA,2BACA,CAAA,uBACA,CAAA,2CAGD,iBACC,CAAA,CAAA,mCAGF,iDAGE,YACC,CAAA,iCAIF,iCACC,CAAA,uCAEA,mCACC,CAAA,aACA,CAJD,+CAEA,mCACC,CAAA,aACA,CAAA,wCAGD,mCACC,CAAA,oDAGD,eACC,CAAA,CAAA,oBE3WL,YACC,CAIA,SACA,CALA,gGACA,CAAA,eACA,CAAA,YACA,CAAA,cAEA,CAAA,uBAEA,kBACC,CAAA,mBACA,CAAA,mCAEA,oBACC,CAAA,qBACA,CAAA,iCAGD,oBACC,CAAA,6CpCiEF,WACC,CAAA,oDAIA,qBACC,CAAA,gCoC/DF,cACC,CAAA,sBACA,CAAA,oCAEA,gCAJD,kBAKE,CAAA,CAAA,oCAED,gCAPD,WAQE,CAAA,CAAA,WChCF,kBACA,CAFA,YACA,CAFD,eACC,CAEA,QACA,CAAA,4BAEA,aAEC,CAAA,eAGD,UACC,CAAA,aAGD,aACC,CAAA,oBAEA,CAAA,qC3BjBF,6EACC,CAAA,+EAIA,CAAA,sFAIA,CAAA,8EAIA,CAAA,iBAIA,CAAA,mBhB0BkB,CAAA,aAsHM,CAAA,4EgBzIxB,ahBuIwB,CAAA,iBgBrIvB,CAAA,uBAEA,CAAA,0uCAYF,6CACC,CAAA,mC4BlCgD,CAPrB,4B5BiD3B,C4BjD2B,8D5BiD3B,CAAA,qpBAID,6CACC,CAAA,qBhBNgB,C4ChDW,4B5B8D3B,C4B9D2B,8D5B8D3B,CAAA,6rBAID,6CACC,CAAA,wBhBwFwB,C4C3JG,4B5B2E3B,C4B3E2B,8D5B2E3B,CAAA,mrBAID,8CACC,CAAA,4BACA,CAAA,8D4B/E8B,CAAA,0DACF,CAAA,4DAFC,CAAA,wDADF,CAAA,+wB5B6F1B,mCACC,CAAA,2yBAGD,mCACC,CAAA,spBAKF,mCACC,CAAA,oKAMD,WACC,CAAA,qDAGD,gLACC,iBACC,CAAA,yCAEA,CAAA,CAAA,sRAMF,ahBmCwB,CAAA,iBgBhCvB,CAAA,uBACA,CAAA,6DAOA,UACC,CACA,wCAGA,CACA,iBACA,CAFA,4BACA,CALA,sDAMA,CAAA,gB6B3IF,kBACA,CAFA,YACA,CACA,yBACA,CAJD,iBAIC,CAAA,qCAEA,gBACC,yBACA,CARF,wBAQE,CAAA,uBAEA,YACC,CAAA,CAAA,wCAIF,qBAEC,CAAA,SACA,CACA,SACA,CAFA,OAEA,CAAA,oEAEA,SAEC,CAEA,uBACA,CAFA,yBACA,CACA,aACA,CAJA,WAIA,CARD,8GAEA,SAEC,CAEA,uBACA,CAFA,yBACA,CACA,aACA,CAJA,WAIA,CAAA,+EAEA,YACC,CAHD,oIAEA,YACC,CAAA,gFAGD,YACC,CAJA,sIAGD,YACC,CAAA,2BAMF,iBACA,CAAA,oBAEA,CAJD,aACC,CvClCA,wBuCqCA,CvCpCC,kCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,kCApBD,mCAuBE,CAAA,CAAA,kCuCeD,kBACC,CAAA,qCvC8BF,WACC,CAAA,4CAIA,qBACC,CAAA,4BuCtBD,QACA,CAPD,YAGC,CvCmBD,WACC,CuClBA,uBACA,CAFA,aACA,CAFA,iBAIA,CvCgBA,mCAIA,qBACC,CAAA,4BAhFD,wBACC,CAAA,mCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,mCApBD,mCAuBE,CAAA,CAAA,uDuCsCF,iCAEC,CAAA,mEAEA,mCACC,CAHD,mFAEA,mCACC,CAAA,qEAGD,mCACC,CAAA,uCAIF,yEACC,SAEC,CAAA,iBACA,CAAA,UJ5DuC,CIwDzC,kGACC,SAEC,CAAA,iBACA,CAAA,UJ5DuC,CAAA,iGI+DvC,0BACC,CJhEsC,kJI+DvC,0BACC,CAAA,CAAA,kBC/FJ,wB9CiKyB,CAAA,sC8C7JxB,CAAA,kBAEA,CAAA,YACA,CAAA,iDACA,qBACC,CAAA,8CAID,UCd2B,CAAA,iDDkB3B,4BACC,CAAA,mBACA,CAAA,oBACA,CAAA,qCAQD,wB9CPkB,CAAA,oE8CUjB,oB9CViB,CAAA,qC8CelB,wB9CXkB,CAAA,oE8CcjB,oB9CdiB,CAAA,mC8CmBlB,wB9CrBgB,CAAA,kE8CwBf,oB9CxBe,CAAA,yC8C6BhB,wB9CzBsB,CAAA,wE8C4BrB,oB9C5BqB,CAAA,oG8CkCtB,kBAGC,CAAA,YACA,CAAA,+EAKA,4BACC,CAAA,mCAIF,6BACC,CAAA,yCAEA,6BACC,CAAA,YE/EH,QACC,CAAA,iBACA,CAAA,ahD+JwB,CAAA,iBgD3JxB,CAAA,YACA,CAAA,cACA,CAAA,YAEA,CAAA,cAGA,CAAA,OACA,CAAA,0BACA,CAAA,oCACA,YAhBD,cAkBE,CAAA,CAAA,0BAOD,+BCxBkC,CDiBjC,sBAOD,+BCxBkC,CAAA,sBD6BlC,+BC7BkC,CAAA,0BDmCjC,eACC,CAAA,mBAIF,ahDyHwB,CAAA,+BgDtHvB,CAAA,iCAEA,kBACC,CAAA,eACA,CAAA,kBACA,CAAA,qBAGA,CAAA,mBACA,CAAA,YAEA,CAAA,iBAEA,CAAA,oCACA,iCAZD,gBAcE,CAAA,mBACA,CAAA,CAAA,kDAUA,4BAEA,CAAA,wBACA,CAND,iBACC,CAAA,OACA,CAAA,KAIA,CAAA,kD1ClEF,uBACC,CAAA,yDAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,yDApBD,mCAuBE,CAAA,CAAA,kDA8CF,WACC,CAAA,yDAIA,qBACC,CAAA,+B0CGA,YACC,CAAA,mBAKH,YACC,CAAA,mBACA,CAAA,2CAGC,gBACC,CAAA,uCAMF,wBACC,CAAA,yDAIA,WACC,CAAA,uBE7GJ,gGACC,CAAA,iBAEA,CAAA,iBACA,CAAA,wIAKE,kBACC,CANH,4EAKE,kBACC,CAAA,8MAGD,alDwBgB,CkD3Bf,uHAGD,alDwBgB,CAAA,0BkDjBlB,wBACC,CAAA,iBAEA,CAAA,YAEA,CAAA,sCAEA,wEAhCD,CAAA,UT0B6C,CAAA,qISY3C,wEAtCF,CAAA,sLA0CG,wEA1CH,CAAA,uOA6CI,wEA7CJ,CAAA,wRAgDK,wEAhDL,CAAA,yUAuDM,wEAvDN,CAAA,mCAkEE,sCAlCD,QAmCE,CAAA,CAAA,0EAIF,aAEC,CAAA,oBACA,CAAA,8DAGD,iBACC,CAAA,kJAEA,kBAEC,CAAA,sBACA,CAAA,4TAEA,wBlDsEqB,CkDxErB,8KAEA,wBlDsEqB,CAAA,iFkD/DvB,eAEC,CAAA,8M5CvFD,sBACC,CAAA,sOAIF,+DACC,CAYC,+BAMD,CAlBA,kEAGA,CAAA,qDAeA,CAAA,yBACA,sOApBD,kCAuBE,CAAA,CAAA,sO4CyEC,alDlEe,CMPhB,sQ4CyEC,alDlEe,CAAA,sOkDsEf,WACC,CAAA,oBAEA,CAAA,0EAKH,oBAEC,CAAA,qBAEA,CAAA,4KAEA,aAEC,CAJD,sGAEA,aAEC,CAAA,sCAMD,cACA,CAHD,eACC,CAAA,eACA,CACA,oBACA,CAAA,gBCzIH,anDiKyB,CAAA,iBmD/JxB,CAAA,wBAEA,CAFA,oBAEA,CAFA,gBAEA,CAAA,mBAEA,YACC,CAAA,6CAOD,kBAEC,CAAA,mBACA,CAAA,sBACA,CAAA,mBAGD,cACC,CAAA,aACA,CAAA,0BAGD,aACC,CAAA,WACA,CAAA,oBACA,CAAA,UACA,CAAA,wEAEA,SAEC,CAAA,qBACA,CAAA,2CAGD,oBACC,CAAA,2CAGD,qBACC,CAAA,oC7CnCD,uBACC,CAAA,2CAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,2CApBD,mCAuBE,CAAA,CAAA,oCA8CF,WACC,CAAA,2CAIA,qBACC,CAAA,oCAhFD,uBACC,CAAA,2CAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,2CApBD,mCAuBE,CAAA,CAAA,oCA8CF,WACC,CAAA,2CAIA,qBACC,CAAA,6C6ChCD,eACC,CAAA,cCzDH,wBpDgKyB,CAAA,6DoD9JxB,CAAA,oBACA,CAAA,wBAEA,qBAEC,CAAA,apDqJuB,CAAA,aoDlJvB,CAAA,oBACA,CAAA,oBACA,CAAA,uGAEA,apDkJuB,CoDpJvB,sCAEA,apDkJuB,CAAA,4DoD5IvB,wBpDyIuB,CAAA,2CoDpIvB,wBpDmIuB,CAAA,eoDjItB,CAAA,6BAGD,sBACC,CAAA,mC9CvBD,uBACC,CAAA,0CAIF,+DACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,0CApBD,mCAuBE,CAAA,CAAA,uCA5BD,wBACC,CAAA,8CAIF,+DACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,8CApBD,mCAuBE,CAAA,CAAA,uCA5BD,wBACC,CAAA,8CAIF,0EACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,8CApBD,mCAuBE,CAAA,CAAA,mCA5BD,uBACC,CAAA,0CAIF,0EACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,0CApBD,mCAuBE,CAAA,CAAA,sCA5BD,wBACC,CAAA,6CAIF,+DACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,6CApBD,mCAuBE,CAAA,CAAA,kCA5BD,uBACC,CAAA,yCAIF,+DACC,CASC,gCASD,CAlBA,iEAGA,CAAA,kDAeA,CAAA,yBACA,yCApBD,mCAuBE,CAAA,CAAA,a+C5BH,YACC,CAAA,cACA,CAAA,UAEA,CAAA,gGAWE,kBACA,CAFA,iBACA,CAND,cACC,CAAA,YACA,CAAA,oBACA,CAAA,iBACA,CAAA,SAGA,CAAA,8GAEA,4BACC,CAAA,wFAIF,0BC7ByB,CAAA,gRDmCvB,0BChC+B,CAHR,wJDmCvB,0BChC+B,CAAA,0IDqC/B,0BCpCiC,CAAA,kHD2ClC,arD6GsB,CAAA,4PqD1GrB,sBAEC,CrDwGoB,8IqD1GrB,sBAEC,CAAA,gHAMF,eACC,CAAA,8JAEA,eACC,CAAA,4HAID,wBrDzBe,CAAA,iBqD2Bd,CAAA,UACA,CAAA,aACA,CAAA,aACA,CAAA,iBACA,CAAA,cACA,CAAA,iBACA,CAAA,iEAMJ,wBClFoC,CAAA,oCDuFpC,YACC,CAAA,eACA,CACA,0BACA,CAFA,OAEA,CAAA,kIAKC,qBACC,CAAA,WEhGJ,wBACC,CAAA,yCAEA,CAAA,eAEA,CAAA,8BAGA,6DAEC,CAAA,mBAGD,eACC,CAAA,mBACA,CAAA,eACA,CAAA,iBAGD,oCACC,CAAA,iCACA,CAAA,oBAEA,avDuIuB,CAAA,cuDlIxB,eACC,CAAA,4BAGD,cvDoIe,CAAA,kBuD/Hd,CAAA,sBACA,CAAA,wCAEA,iBACC,CAHD,wDAEA,iBACC,CAAA,oGAEA,aACC,CAHD,oHAEA,aACC,CAAA,iBAKH,oCACC,CAAA,gCAEA,8BACC,CAAA,iKAUD,eACC,CAAA,2KAGD,iBACC,CAAA,sKAGD,gBACC,CAAA,yMAeD,kBACC,CAAA,wNAGD,qBACC,CAAA,wNAGD,qBACC,CAAA,wPAqBC,+BAEC,CAAA,oHAUD,6BACC,CAAA,oDCrIJ,iCAEC,CAFD,yBAEC,CAAA,mCCWsB,CAAA,oEFyItB,avDgBa,CAAA,oEuDTb,YvDWa,CAAA,6EuDHb,qBAEC,CAAA,eACA,CAAA,QACA,CAAA,eGvKH,gGACC,CAAA,cAEA,CAAA,4BAGC,eACC,CAAA,oBACA,CAAA,uBAAA,CpDCA,mCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,mCApBD,mCAuBE,CAAA,CAAA,qEoDtBA,yBAEC,CpDoBD,0CoDtBA,yBAEC,CAAA,mCAGD,a1D4BY,CAAA,oB0D1BX,CAAA,gBACA,CAAA,eACA,CAAA,mBACA,CAAA,qBACA,CAAA,iCCzBJ,aACC,CAAA,oBACA,CAAA,iBACA,CAAA,mFrD+EA,WACC,CAAA,iGAIA,qBACC,CAAA,iDqD5ED,kBACA,CAGA,iCAEA,CAJA,iBACA,CAAA,cACA,CALD,mBACC,CACA,oBACA,CrDNA,uBqDUA,CrDTC,+DAIF,+DACC,CASC,gCASD,CAlBA,oEAGA,CAAA,kDAeA,CAAA,yBACA,+DApBD,mCAuBE,CAAA,CAAA,+DqDPD,8BACC,CAAA,6DAGD,mCACC,CAJA,6EAGD,mCACC,CAAA,+DAGD,mCACC,CAAA,iGAGD,YACC,CAAA,6EAGD,gGACC,CAAA,kFAKF,qBCjDgC,CAAA,iBADH,CAAA,4CDuD5B,CAAA,uBACA,CAAA,cACA,CAAA,iBACA,CAAA,iBACA,CAAA,UlB/B+B,CAAA,8GkBmC/B,iCACC,CAAA,sCAEA,CAAA,uCACA,CAAA,UACA,CAAA,QACA,CAAA,iBACA,CAAA,qCACA,CAAA,OAIA,CAAA,gOAIA,qBC9E8B,CAAA,mBDkF7B,CAAA,aACA,CAAA,eAEA,CAAA,2BACA,CAAA,oBAGA,CAAA,giBAEA,wB3D+DqB,CAAA,a2D5DpB,CALD,gVAEA,wB3D+DqB,CAAA,a2D5DpB,CAAA,gUAKD,0BCpG0B,CAAA,2BAAA,CAAA,wTD4G1B,6BC5G0B,CAAA,8BAAA,CAAA,8NDsH5B,OAEC,CAAA,0PAEA,OACC,CAAA,sCACA,CAAA,2CAQH,kBACC,CAAA,iDAEA,iBACC,CAAA,yDAGD,mBACC,CAAA,eACA,CAAA,UACA,CAAA,yEAKF,WACC,CAAA,oBACA,CAAA,YACA,CAAA,MACA,CAAA,cACA,CAAA,KACA,CAAA,WACA,CAAA,UlB7HkC,CAAA,iCnCtBlC,wBACC,CAAA,wCAIF,+DACC,CASC,gCASD,CAlBA,mEAGA,CAAA,kDAeA,CAAA,yBACA,wCApBD,mCAuBE,CAAA,CAAA,oCuD3BA,iCvDyEF,WACC,CAAA,wCAIA,qBACC,CAAA,CAAA,oCuDxEF,qBDdgC,CAAA,oBCiB/B,CAAA,OACA,CAAA,6BACA,CAAA,kDAEA,YACC,CAAA,0GAKD,WAEC,CAAA,KChCH,YACC,CAAA,gCACA,CAAA,oEAMD,cAEC,CAAA,UACA,CAAA,UrBsBkC,CAAA,sBqBlBnC,qBAEC,CAAA,kCAEA,KACC,CAAA,qCAGD,sBARD,gBASE,CAAA,CAAA,sBAIF,qBAEC,CAAA,kCAEA,QACC,CAAA,qCAGD,sBARD,uBASE,CAAA,CAAA,4GxBnCD,kCACA,CAJA,UACA,CACA,aACA,CACA,qBACA,CAND,iBACC,CAKA,0BACA,CALA,SAKA,CAAA,YyBHA,kBCIA,CAHD,wBzBA2B,CAAA,mEwBD1B,CASuB,YCFvB,CAAA,UACA,CAJA,kBDKuB,CCDvB,qBDKoB,CAAA,qBCFpB,CAAA,mCACA,YAXD,qBAYE,CAAA,CAAA,iFAMC,kBAEC,CAAA,qCAKH,YAzBD,oCDIwB,CAAA,iBCuBtB,CAAA,2ZAIE,YAIC,CAAA,gFAMF,qCACC,CAAA,qBACA,CAKA,iBACA,CAEA,6BACA,CvBxBgC,sCuBuBhC,CAJA,iBACA,CAFA,uBACA,CAHA,kBACA,CAAA,yBACA,CAMA,mBACA,CAVA,cACA,CAKA,UAIA,CAAA,gGAEA,YACC,CAAA,mGAIA,WACC,CAAA,8BACA,CAAA,CAAA,UChEL,kBACA,CAFD,YACC,CAEA,SACA,CAFA,wBAEA,CAAA,0BAEA,QAEC,CAAA,SACA,CAAA,aAGD,gGACC,CAAA,sBAGD,OACC,CAAA,gCAEA,uBACC,CAAA,oBACA,CAAA,iC3D8DF,WACC,C2D1DA,kBACC,C3DyDD,wCAIA,qBACC,CAAA,uC2DxDA,iCAPD,iBAQE,CAAA,CAAA,8D3DiDH,WACC,CAAA,qEAIA,qBACC,CAAA,kCH3FH,UACC,CAAA,WACA,CAAA,aACA,CAAA,U+DKD,4BCRyB,CAAA,aDaxB,CAAA,YAEA,CAAA,iBACA,CAAA,qCAEA,UAVD,eAWE,CAAA,WACA,CAAA,CAAA,qCAED,UAdD,gBAeE,CAAA,YACA,CAAA,CAAA,qCAED,UAlBD,gBAmBE,CAAA,YACA,CAAA,CAAA,UE1BF,cAEC,CAAA,oBAEA,CAAA,qBACA,CAAA,mBACA,CAAA,0CAEA,UARD,YASE,CAAA,CAAA,4DAGD,aAIC,CAAA,YACA,CAAA,WACA,CAAA,aACA,CAAA,eACA,CAAA,qCAEA,4DAVD,eCVsC,CAAA,CAAA,qBDyBtC,sBACC,CAAA,2BAGD,qBACC,CAAA,qCAID,UApCD,oBAqCE,CAAA,qBACA,CAAA,mBACA,CAAA,qBAEA,sBACC,CAAA,2BAGD,sBACC,CAAA,CAAA,kCAOF,SACC,CAAA,SACA,CAAA,qCAED,SACC,CAAA,SACA,CAAA,iCAED,SACC,CAAA,cACA,CAAA,mCAED,SACC,CAAA,SACA,CAAA,2BAED,SACC,CAAA,SACA,CAAA,iCAED,SACC,CAAA,SACA,CAAA,gCAED,SACC,CAAA,cACA,CAAA,kCAED,SACC,CAAA,SACA,CAAA,gCAED,SACC,CAAA,SACA,CAAA,YEnFF,wBCM2B,CAAA,6DANN,CAAA,avE4JI,CAAA,euE1JJ,CAAA,sBDIpB,CAAA,uBAMA,gCChBoB,CAAA,oCDoBpB,YAhBD,iBAiBE,CAAA","file":"db-ui-core.css","sourcesContent":[":where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:white;border:solid;color:black;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html,body{margin:0;padding:0}body{min-height:100vh;font-size:1rem}html{background-color:#fdfdfd;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;text-size-adjust:100%;text-size-adjust:100%}body,button,input,optgroup,select,textarea{font-family:\"DB Screen Sans\",Helvetica,Arial,sans-serif}code,pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto}body{color:#282d37;font-size:1rem;font-weight:400;line-height:1.5}a{color:#282d37}a strong{color:currentColor}a:hover{color:#5d616a}code{background-color:#f5f5f5;color:rgb(225.8,0,21.0491525424);font-size:.875em;font-weight:normal;padding:.25em .5em}hr{background-color:#f5f5f5;border:none;display:block;height:2px;margin:1.5rem 0}img{height:auto;max-width:100%}small{font-size:0.875em}fieldset{border:none}pre{background-color:#f5f5f5;color:#282d37;font-size:.875em;-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1.25rem 1.5rem;white-space:pre;word-wrap:normal}pre code{background-color:rgba(0,0,0,0);color:currentColor;font-size:1em;padding:0}html{box-sizing:var(--db-box-sizing, border-box)}*,::before,::after{box-sizing:inherit}img,embed,iframe,object,video{height:auto;max-width:100%}iframe{border:0}nav ol,nav ul,[role=navigation] ol,[role=navigation] ul{list-style:none;margin:0;padding:0}:root{--db-focus-outline-offset: 1px;--db-focus-outline-color: #2c95c4}:is(a,button,input,textarea,summary){--db-focus-outline-size: max(2px, 0.08em)}:is(a,button,input,textarea,summary):focus-visible{outline:var(--db-focus-outline-size) var(--db-focus-outline-style, solid) var(--db-focus-outline-color, currentColor);outline-offset:var(--db-focus-outline-offset, var(--db-focus-outline-size))}:where(ul){list-style-type:\"•   \"}:where(ul) li::marker{color:#ec0016}details>*,details>::before,details>::after{box-sizing:var(--db-box-sizing, border-box)}.cmp-tab-bar>input[type=radio],.cmp-tab-bar>*>input[type=radio],.cmp-pagination .elm-headline,.cmp-notification>em,.elm-chip[type=checkbox],.elm-chip[type=radio],.elm-select+[data-label-hidden=true].elm-label,[data-label-hidden=true].elm-label:has(+.elm-textarea),.elm-radio+label[data-label-hidden=true],.elm-input[type=color]+[data-label-hidden=true].elm-label,.elm-input[type=date]+[data-label-hidden=true].elm-label,.elm-input[type=datetime-local]+[data-label-hidden=true].elm-label,.elm-input[type=email]+[data-label-hidden=true].elm-label,.elm-input[type=month]+[data-label-hidden=true].elm-label,.elm-input[type=number]+[data-label-hidden=true].elm-label,.elm-input[type=password]+[data-label-hidden=true].elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+[data-label-hidden=true].elm-label,.elm-input[type=tel]+[data-label-hidden=true].elm-label,.elm-input[type=text]+[data-label-hidden=true].elm-label,.elm-input[type=time]+[data-label-hidden=true].elm-label,.elm-input[type=url]+[data-label-hidden=true].elm-label,.elm-input[type=week]+[data-label-hidden=true].elm-label,.elm-checkbox+label[data-label-hidden=true]{clip:rect(0, 0, 0, 0);height:1px;overflow:hidden;position:absolute !important;white-space:nowrap;width:1px}.rea-footer::after,.rea-main::after{clear:both;content:\" \";display:table}@font-face{font-family:\"DB Screen Head\";font-style:normal;font-weight:300;src:local(\"DB Screen Head Light\"),local(\"DB Screen Head Light\"),local(\"DB Head Light\"),url(\"../../fonts/dbscreenhead-light.woff2?4r0080\") format(\"woff2\"),url(\"../../fonts/dbscreenhead-light.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Head\";font-style:normal;font-weight:400;src:local(\"DB Screen Head Regular\"),local(\"DB Screen Head\"),local(\"DB Head\"),url(\"../../fonts/dbscreenhead-regular.woff2?4r0080\") format(\"woff2\"),url(\"../../fonts/dbscreenhead-regular.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Head\";font-style:normal;font-weight:900;src:local(\"DB Screen Head Black\"),local(\"DB Screen Head Black\"),local(\"DB Head Black\"),url(\"../../fonts/dbscreenhead-black.woff2?4r0080\") format(\"woff2\"),url(\"../../fonts/dbscreenhead-black.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans Digital Regular\";font-style:normal;font-weight:400;src:local(\"DB Screen Sans Digital Regular\"),local(\"DB Screen Sans Digital\"),local(\"DB Sans Digital\"),url(\"../../fonts/dbscreensans-digitalregular.woff2?4r0080\") format(\"woff2\"),url(\"../../fonts/dbscreensans-digitalregular.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans\";font-style:normal;font-weight:400;src:local(\"DB Screen Sans Regular\"),local(\"DB Screen Sans\"),local(\"DB Sans\"),url(\"../../fonts/dbscreensans-regular.woff2?4r0080\") format(\"woff2\"),url(\"../../fonts/dbscreensans-regular.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans\";font-style:normal;font-weight:500;src:local(\"DB Screen Sans Medium\"),url(\"../../fonts/dbscreensans-medium.woff2?4r0080\") format(\"woff2\"),url(\"../../fonts/dbscreensans-medium.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans\";font-style:normal;font-weight:600;src:local(\"DB Screen Sans Semibold\"),url(\"../../fonts/dbscreensans-semibold.woff2?4r0080\") format(\"woff2\"),url(\"../../fonts/dbscreensans-semibold.woff?4r0080\") format(\"woff\")}@font-face{font-family:\"DB Screen Sans\";font-style:normal;font-weight:700;src:local(\"DB Screen Sans Bold\"),local(\"DB Screen Sans Bold\"),local(\"DB Sans Bold\"),url(\"../../fonts/dbscreensans-bold.woff2?4r0080\") format(\"woff2\"),url(\"../../fonts/dbscreensans-bold.woff?4r0080\") format(\"woff\")}[data-icon=account],[data-icon-before=account]{--icon-glyph-before: \"󡈡\"}[data-icon-after=account]{--icon-glyph-after: \"󡈡\"}[data-icon=add],[data-icon-before=add]{--icon-glyph-before: \"+\"}[data-icon-after=add]{--icon-glyph-after: \"+\"}[data-icon=add-circle],[data-icon-before=add-circle]{--icon-glyph-before: \"⊕\"}[data-icon-after=add-circle]{--icon-glyph-after: \"⊕\"}[data-icon=air-condition],[data-icon-before=air-condition]{--icon-glyph-before: \"❄\"}[data-icon-after=air-condition]{--icon-glyph-after: \"❄\"}[data-icon=alarm],[data-icon-before=alarm]{--icon-glyph-before: \"󡉄\"}[data-icon-after=alarm]{--icon-glyph-after: \"󡉄\"}[data-icon=alarm-add],[data-icon-before=alarm-add]{--icon-glyph-before: \"󡁢\"}[data-icon-after=alarm-add]{--icon-glyph-after: \"󡁢\"}[data-icon=alert],[data-icon-before=alert]{--icon-glyph-before: \"󡈢\"}[data-icon-after=alert]{--icon-glyph-after: \"󡈢\"}[data-icon=alert-off],[data-icon-before=alert-off]{--icon-glyph-before: \"󡉃\"}[data-icon-after=alert-off]{--icon-glyph-after: \"󡉃\"}[data-icon=railroad-car],[data-icon-before=railroad-car]{--icon-glyph-before: \"󡆓\"}[data-icon-after=railroad-car]{--icon-glyph-after: \"󡆓\"}[data-icon=calendar],[data-icon-before=calendar]{--icon-glyph-before: \"󡉇\"}[data-icon-after=calendar]{--icon-glyph-after: \"󡉇\"}[data-icon=check-circle],[data-icon-before=check-circle]{--icon-glyph-before: \"󡈠\"}[data-icon-after=check-circle]{--icon-glyph-after: \"󡈠\"}[data-icon=credit-card],[data-icon-before=credit-card]{--icon-glyph-before: \"󡈦\"}[data-icon-after=credit-card]{--icon-glyph-after: \"󡈦\"}[data-icon=delete],[data-icon-before=delete]{--icon-glyph-before: \"🗑\"}[data-icon-after=delete]{--icon-glyph-after: \"🗑\"}[data-icon=discount],[data-icon-before=discount]{--icon-glyph-before: \"󡁦\"}[data-icon-after=discount]{--icon-glyph-after: \"󡁦\"}[data-icon=document],[data-icon-before=document]{--icon-glyph-before: \"🖹\"}[data-icon-after=document]{--icon-glyph-after: \"🖹\"}[data-icon=done],[data-icon-before=done]{--icon-glyph-before: \"✓\"}[data-icon-after=done]{--icon-glyph-after: \"✓\"}[data-icon=download],[data-icon-before=download]{--icon-glyph-before: \"⭳\"}[data-icon-after=download]{--icon-glyph-after: \"⭳\"}[data-icon=edit],[data-icon-before=edit]{--icon-glyph-before: \"✏\"}[data-icon-after=edit]{--icon-glyph-after: \"✏\"}[data-icon=filter],[data-icon-before=filter]{--icon-glyph-before: \"󡁩\"}[data-icon-after=filter]{--icon-glyph-after: \"󡁩\"}[data-icon=generic-card],[data-icon-before=generic-card]{--icon-glyph-before: \"󡁰\"}[data-icon-after=generic-card]{--icon-glyph-after: \"󡁰\"}[data-icon=giftcard],[data-icon-before=giftcard]{--icon-glyph-before: \"󡉐\"}[data-icon-after=giftcard]{--icon-glyph-after: \"󡉐\"}[data-icon=heart],[data-icon-before=heart]{--icon-glyph-before: \"♡\"}[data-icon-after=heart]{--icon-glyph-after: \"♡\"}[data-icon=help],[data-icon-before=help]{--icon-glyph-before: \"?\"}[data-icon-after=help]{--icon-glyph-after: \"?\"}[data-icon=info],[data-icon-before=info]{--icon-glyph-before: \"🛈\"}[data-icon-after=info]{--icon-glyph-after: \"🛈\"}[data-icon=legal],[data-icon-before=legal]{--icon-glyph-before: \"§\"}[data-icon-after=legal]{--icon-glyph-after: \"§\"}[data-icon=log-out],[data-icon-before=log-out]{--icon-glyph-before: \"↦\"}[data-icon-after=log-out]{--icon-glyph-after: \"↦\"}[data-icon=minus],[data-icon-before=minus]{--icon-glyph-before: \"−\"}[data-icon-after=minus]{--icon-glyph-after: \"−\"}[data-icon=print],[data-icon-before=print]{--icon-glyph-before: \"🖨\"}[data-icon-after=print]{--icon-glyph-after: \"🖨\"}[data-icon=remove],[data-icon-before=remove]{--icon-glyph-before: \"⊝\"}[data-icon-after=remove]{--icon-glyph-after: \"⊝\"}[data-icon=schedule],[data-icon-before=schedule]{--icon-glyph-before: \"󡈳\"}[data-icon-after=schedule]{--icon-glyph-after: \"󡈳\"}[data-icon=search],[data-icon-before=search]{--icon-glyph-before: \"󡉔\"}[data-icon-after=search]{--icon-glyph-after: \"󡉔\"}[data-icon=send],[data-icon-before=send]{--icon-glyph-before: \"◹\"}[data-icon-after=send]{--icon-glyph-after: \"◹\"}[data-icon=settings],[data-icon-before=settings]{--icon-glyph-before: \"⚙\"}[data-icon-after=settings]{--icon-glyph-after: \"⚙\"}[data-icon=share],[data-icon-before=share]{--icon-glyph-before: \"󡁷\"}[data-icon-after=share]{--icon-glyph-after: \"󡁷\"}[data-icon=shopping-bag],[data-icon-before=shopping-bag]{--icon-glyph-before: \"🛍\"}[data-icon-after=shopping-bag]{--icon-glyph-after: \"🛍\"}[data-icon=shopping-basket],[data-icon-before=shopping-basket]{--icon-glyph-before: \"󡁹\"}[data-icon-after=shopping-basket]{--icon-glyph-after: \"󡁹\"}[data-icon=shopping-cart],[data-icon-before=shopping-cart]{--icon-glyph-before: \"󡉕\"}[data-icon-after=shopping-cart]{--icon-glyph-after: \"󡉕\"}[data-icon=star],[data-icon-before=star]{--icon-glyph-before: \"☆\"}[data-icon-after=star]{--icon-glyph-after: \"☆\"}[data-icon=swap-horizontal],[data-icon-before=swap-horizontal]{--icon-glyph-before: \"⇆\"}[data-icon-after=swap-horizontal]{--icon-glyph-after: \"⇆\"}[data-icon=swap-vertical],[data-icon-before=swap-vertical]{--icon-glyph-before: \"⇵\"}[data-icon-after=swap-vertical]{--icon-glyph-after: \"⇵\"}[data-icon=upload],[data-icon-before=upload]{--icon-glyph-before: \"󡂁\"}[data-icon-after=upload]{--icon-glyph-after: \"󡂁\"}[data-icon=visibility],[data-icon-before=visibility]{--icon-glyph-before: \"👁\"}[data-icon-after=visibility]{--icon-glyph-after: \"👁\"}[data-icon=visibility-off],[data-icon-before=visibility-off]{--icon-glyph-before: \"󡂂\"}[data-icon-after=visibility-off]{--icon-glyph-after: \"󡂂\"}[data-icon=website],[data-icon-before=website]{--icon-glyph-before: \"󡉘\"}[data-icon-after=website]{--icon-glyph-after: \"󡉘\"}[data-icon=zoom-in],[data-icon-before=zoom-in]{--icon-glyph-before: \"󡂃\"}[data-icon-after=zoom-in]{--icon-glyph-after: \"󡂃\"}[data-icon=bicycle-trailer],[data-icon-before=bicycle-trailer]{--icon-glyph-before: \"󡆒\"}[data-icon-after=bicycle-trailer]{--icon-glyph-after: \"󡆒\"}[data-icon=zoom-out],[data-icon-before=zoom-out]{--icon-glyph-before: \"󡂄\"}[data-icon-after=zoom-out]{--icon-glyph-after: \"󡂄\"}[data-icon=fast-backward-10],[data-icon-before=fast-backward-10]{--icon-glyph-before: \"󡂅\"}[data-icon-after=fast-backward-10]{--icon-glyph-after: \"󡂅\"}[data-icon=fast-backward-30],[data-icon-before=fast-backward-30]{--icon-glyph-before: \"󡂆\"}[data-icon-after=fast-backward-30]{--icon-glyph-after: \"󡂆\"}[data-icon=fast-backward-empty],[data-icon-before=fast-backward-empty]{--icon-glyph-before: \"⤺\"}[data-icon-after=fast-backward-empty]{--icon-glyph-after: \"⤺\"}[data-icon=fast-forward-10],[data-icon-before=fast-forward-10]{--icon-glyph-before: \"󡂇\"}[data-icon-after=fast-forward-10]{--icon-glyph-after: \"󡂇\"}[data-icon=fast-forward-30],[data-icon-before=fast-forward-30]{--icon-glyph-before: \"󡂈\"}[data-icon-after=fast-forward-30]{--icon-glyph-after: \"󡂈\"}[data-icon=fast-forward-empty],[data-icon-before=fast-forward-empty]{--icon-glyph-before: \"⤻\"}[data-icon-after=fast-forward-empty]{--icon-glyph-after: \"⤻\"}[data-icon=pause],[data-icon-before=pause]{--icon-glyph-before: \"⏸\"}[data-icon-after=pause]{--icon-glyph-after: \"⏸\"}[data-icon=play],[data-icon-before=play]{--icon-glyph-before: \"▷\"}[data-icon-after=play]{--icon-glyph-after: \"▷\"}[data-icon=skip-backward],[data-icon-before=skip-backward]{--icon-glyph-before: \"⏮\"}[data-icon-after=skip-backward]{--icon-glyph-after: \"⏮\"}[data-icon=skip-forward],[data-icon-before=skip-forward]{--icon-glyph-before: \"⏭\"}[data-icon-after=skip-forward]{--icon-glyph-after: \"⏭\"}[data-icon=stop],[data-icon-before=stop]{--icon-glyph-before: \"□\"}[data-icon-after=stop]{--icon-glyph-after: \"□\"}[data-icon=subway],[data-icon-before=subway]{--icon-glyph-before: \"󡈇\"}[data-icon-after=subway]{--icon-glyph-after: \"󡈇\"}[data-icon=subtitles],[data-icon-before=subtitles]{--icon-glyph-before: \"󡂑\"}[data-icon-after=subtitles]{--icon-glyph-after: \"󡂑\"}[data-icon=dog],[data-icon-before=dog]{--icon-glyph-before: \"󡊙\"}[data-icon-after=dog]{--icon-glyph-after: \"󡊙\"}[data-icon=volume-down],[data-icon-before=volume-down]{--icon-glyph-before: \"󡉙\"}[data-icon-after=volume-down]{--icon-glyph-after: \"󡉙\"}[data-icon=volume-mute],[data-icon-before=volume-mute]{--icon-glyph-before: \"󡉠\"}[data-icon-after=volume-mute]{--icon-glyph-after: \"󡉠\"}[data-icon=volume-off],[data-icon-before=volume-off]{--icon-glyph-before: \"󡉡\"}[data-icon-after=volume-off]{--icon-glyph-after: \"󡉡\"}[data-icon=volume-up],[data-icon-before=volume-up]{--icon-glyph-before: \"󡉢\"}[data-icon-after=volume-up]{--icon-glyph-after: \"󡉢\"}[data-icon=call],[data-icon-before=call]{--icon-glyph-before: \"󡈵\"}[data-icon-after=call]{--icon-glyph-after: \"󡈵\"}[data-icon=chat],[data-icon-before=chat]{--icon-glyph-before: \"󡈶\"}[data-icon-after=chat]{--icon-glyph-after: \"󡈶\"}[data-icon=conversation],[data-icon-before=conversation]{--icon-glyph-before: \"󡂕\"}[data-icon-after=conversation]{--icon-glyph-after: \"󡂕\"}[data-icon=fax],[data-icon-before=fax]{--icon-glyph-before: \"🖷\"}[data-icon-after=fax]{--icon-glyph-after: \"🖷\"}[data-icon=qr-code-scan],[data-icon-before=qr-code-scan]{--icon-glyph-before: \"󡊘\"}[data-icon-after=qr-code-scan]{--icon-glyph-after: \"󡊘\"}[data-icon=feedback],[data-icon-before=feedback]{--icon-glyph-before: \"⍰\"}[data-icon-after=feedback]{--icon-glyph-after: \"⍰\"}[data-icon=mail],[data-icon-before=mail]{--icon-glyph-before: \"✉\"}[data-icon-after=mail]{--icon-glyph-after: \"✉\"}[data-icon=mobile-off],[data-icon-before=mobile-off]{--icon-glyph-before: \"󡉤\"}[data-icon-after=mobile-off]{--icon-glyph-after: \"󡉤\"}[data-icon=mobile-phone],[data-icon-before=mobile-phone]{--icon-glyph-before: \"󡉣\"}[data-icon-after=mobile-phone]{--icon-glyph-after: \"󡉣\"}[data-icon=wifi],[data-icon-before=wifi]{--icon-glyph-before: \"󡂘\"}[data-icon-after=wifi]{--icon-glyph-after: \"󡂘\"}[data-icon=wifi-off],[data-icon-before=wifi-off]{--icon-glyph-before: \"󡅉\"}[data-icon-after=wifi-off]{--icon-glyph-after: \"󡅉\"}[data-icon=mask],[data-icon-before=mask]{--icon-glyph-before: \"󡉥\"}[data-icon-after=mask]{--icon-glyph-after: \"󡉥\"}[data-icon=wc],[data-icon-before=wc]{--icon-glyph-before: \"󡉩\"}[data-icon-after=wc]{--icon-glyph-after: \"󡉩\"}[data-icon=wc-men],[data-icon-before=wc-men]{--icon-glyph-before: \"󡉰\"}[data-icon-after=wc-men]{--icon-glyph-after: \"󡉰\"}[data-icon=wc-sign],[data-icon-before=wc-sign]{--icon-glyph-before: \"󡉱\"}[data-icon-after=wc-sign]{--icon-glyph-after: \"󡉱\"}[data-icon=wc-woman],[data-icon-before=wc-woman]{--icon-glyph-before: \"󡉲\"}[data-icon-after=wc-woman]{--icon-glyph-after: \"󡉲\"}[data-icon=entry-aid],[data-icon-before=entry-aid]{--icon-glyph-before: \"󡅐\"}[data-icon-after=entry-aid]{--icon-glyph-after: \"󡅐\"}[data-icon=luggage-rack],[data-icon-before=luggage-rack]{--icon-glyph-before: \"󡉵\"}[data-icon-after=luggage-rack]{--icon-glyph-after: \"󡉵\"}[data-icon=medical],[data-icon-before=medical]{--icon-glyph-before: \"✚\"}[data-icon-after=medical]{--icon-glyph-after: \"✚\"}[data-icon=power-outlet],[data-icon-before=power-outlet]{--icon-glyph-before: \"󡉸\"}[data-icon-after=power-outlet]{--icon-glyph-after: \"󡉸\"}[data-icon=coffee-cup],[data-icon-before=coffee-cup]{--icon-glyph-before: \"󡈷\"}[data-icon-after=coffee-cup]{--icon-glyph-after: \"󡈷\"}[data-icon=drink],[data-icon-before=drink]{--icon-glyph-before: \"󡄁\"}[data-icon-after=drink]{--icon-glyph-after: \"󡄁\"}[data-icon=restaurant],[data-icon-before=restaurant]{--icon-glyph-before: \"🍽\"}[data-icon-after=restaurant]{--icon-glyph-after: \"🍽\"}[data-icon=\"1st-class\"],[data-icon-before=\"1st-class\"]{--icon-glyph-before: \"⒈\"}[data-icon-after=\"1st-class\"]{--icon-glyph-after: \"⒈\"}[data-icon=\"2nd-class\"],[data-icon-before=\"2nd-class\"]{--icon-glyph-before: \"⒉\"}[data-icon-after=\"2nd-class\"]{--icon-glyph-after: \"⒉\"}[data-icon=alternative-connection],[data-icon-before=alternative-connection]{--icon-glyph-before: \"󡄂\"}[data-icon-after=alternative-connection]{--icon-glyph-after: \"󡄂\"}[data-icon=booking],[data-icon-before=booking]{--icon-glyph-before: \"󡄃\"}[data-icon-after=booking]{--icon-glyph-after: \"󡄃\"}[data-icon=capacity-indicator],[data-icon-before=capacity-indicator]{--icon-glyph-before: \"󡄄\"}[data-icon-after=capacity-indicator]{--icon-glyph-after: \"󡄄\"}[data-icon=scooter],[data-icon-before=scooter]{--icon-glyph-before: \"󡈄\"}[data-icon-after=scooter]{--icon-glyph-after: \"󡈄\"}[data-icon=capacity-indicator-fully-booked],[data-icon-before=capacity-indicator-fully-booked]{--icon-glyph-before: \"󡄆\"}[data-icon-after=capacity-indicator-fully-booked]{--icon-glyph-after: \"󡄆\"}[data-icon=capacity-indicator-high],[data-icon-before=capacity-indicator-high]{--icon-glyph-before: \"󡄈\"}[data-icon-after=capacity-indicator-high]{--icon-glyph-after: \"󡄈\"}[data-icon=capacity-indicator-low],[data-icon-before=capacity-indicator-low]{--icon-glyph-before: \"󡄐\"}[data-icon-after=capacity-indicator-low]{--icon-glyph-after: \"󡄐\"}[data-icon=destination],[data-icon-before=destination]{--icon-glyph-before: \"󡈸\"}[data-icon-after=destination]{--icon-glyph-after: \"󡈸\"}[data-icon=intermediary-stop],[data-icon-before=intermediary-stop]{--icon-glyph-before: \"󡄓\"}[data-icon-after=intermediary-stop]{--icon-glyph-after: \"󡄓\"}[data-icon=round-trip],[data-icon-before=round-trip]{--icon-glyph-before: \"⮔\"}[data-icon-after=round-trip]{--icon-glyph-after: \"⮔\"}[data-icon=single-trip],[data-icon-before=single-trip]{--icon-glyph-before: \"⤞\"}[data-icon-after=single-trip]{--icon-glyph-after: \"⤞\"}[data-icon=start],[data-icon-before=start]{--icon-glyph-before: \"⦿\"}[data-icon-after=start]{--icon-glyph-after: \"⦿\"}[data-icon=home],[data-icon-before=home]{--icon-glyph-before: \"⌂\"}[data-icon-after=home]{--icon-glyph-after: \"⌂\"}[data-icon=map],[data-icon-before=map]{--icon-glyph-before: \"🗺\"}[data-icon-after=map]{--icon-glyph-after: \"🗺\"}[data-icon=stop-sign],[data-icon-before=stop-sign]{--icon-glyph-before: \"󡄕\"}[data-icon-after=stop-sign]{--icon-glyph-after: \"󡄕\"}[data-icon=map-stop],[data-icon-before=map-stop]{--icon-glyph-before: \"󡄕\"}[data-icon-after=map-stop]{--icon-glyph-after: \"󡄕\"}[data-icon=travel-insurance],[data-icon-before=travel-insurance]{--icon-glyph-before: \"󡆆\"}[data-icon-after=travel-insurance]{--icon-glyph-after: \"󡆆\"}[data-icon=intercity-train],[data-icon-before=intercity-train]{--icon-glyph-before: \"󡈖\"}[data-icon-after=intercity-train]{--icon-glyph-after: \"󡈖\"}[data-icon=multiple-passenger],[data-icon-before=multiple-passenger]{--icon-glyph-before: \"󡊆\"}[data-icon-after=multiple-passenger]{--icon-glyph-after: \"󡊆\"}[data-icon=best-price],[data-icon-before=best-price]{--icon-glyph-before: \"󡆅\"}[data-icon-after=best-price]{--icon-glyph-after: \"󡆅\"}[data-icon=multiple-cards],[data-icon-before=multiple-cards]{--icon-glyph-before: \"󡆄\"}[data-icon-after=multiple-cards]{--icon-glyph-after: \"󡆄\"}[data-icon=bed],[data-icon-before=bed]{--icon-glyph-before: \"🛏\"}[data-icon-after=bed]{--icon-glyph-after: \"🛏\"}[data-icon=steppless-entry],[data-icon-before=steppless-entry]{--icon-glyph-before: \"󡈗\"}[data-icon-after=steppless-entry]{--icon-glyph-after: \"󡈗\"}[data-icon=ticket-subscription],[data-icon-before=ticket-subscription]{--icon-glyph-before: \"󡈘\"}[data-icon-after=ticket-subscription]{--icon-glyph-after: \"󡈘\"}[data-icon=walking-fast],[data-icon-before=walking-fast]{--icon-glyph-before: \"󡈙\"}[data-icon-after=walking-fast]{--icon-glyph-after: \"󡈙\"}[data-icon=aisle-not-available],[data-icon-before=aisle-not-available]{--icon-glyph-before: \"󡆃\"}[data-icon-after=aisle-not-available]{--icon-glyph-after: \"󡆃\"}[data-icon=station],[data-icon-before=station]{--icon-glyph-before: \"󡆂\"}[data-icon-after=station]{--icon-glyph-after: \"󡆂\"}[data-icon=parking],[data-icon-before=parking]{--icon-glyph-before: \"🅿\"}[data-icon-after=parking]{--icon-glyph-after: \"🅿\"}[data-icon=place],[data-icon-before=place]{--icon-glyph-before: \"󡄖\"}[data-icon-after=place]{--icon-glyph-after: \"󡄖\"}[data-icon=set-position],[data-icon-before=set-position]{--icon-glyph-before: \"🞋\"}[data-icon-after=set-position]{--icon-glyph-after: \"🞋\"}[data-icon=trainstation],[data-icon-before=trainstation]{--icon-glyph-before: \"󡊀\"}[data-icon-after=trainstation]{--icon-glyph-after: \"󡊀\"}[data-icon=train-station],[data-icon-before=train-station]{--icon-glyph-before: \"󡊀\"}[data-icon-after=train-station]{--icon-glyph-after: \"󡊀\"}[data-icon=couchette],[data-icon-before=couchette]{--icon-glyph-before: \"󡆉\"}[data-icon-after=couchette]{--icon-glyph-after: \"󡆉\"}[data-icon=arrow-back],[data-icon-before=arrow-back]{--icon-glyph-before: \"←\"}[data-icon-after=arrow-back]{--icon-glyph-after: \"←\"}[data-icon=arrow-down],[data-icon-before=arrow-down]{--icon-glyph-before: \"↓\"}[data-icon-after=arrow-down]{--icon-glyph-after: \"↓\"}[data-icon=arrow-forward],[data-icon-before=arrow-forward]{--icon-glyph-before: \"→\"}[data-icon-after=arrow-forward]{--icon-glyph-after: \"→\"}[data-icon=arrow-up],[data-icon-before=arrow-up]{--icon-glyph-before: \"↑\"}[data-icon-after=arrow-up]{--icon-glyph-after: \"↑\"}[data-icon=cancel],[data-icon-before=cancel]{--icon-glyph-before: \"⮾\"}[data-icon-after=cancel]{--icon-glyph-after: \"⮾\"}[data-icon=chevron-left],[data-icon-before=chevron-left]{--icon-glyph-before: \"<\"}[data-icon-after=chevron-left]{--icon-glyph-after: \"<\"}[data-icon=chevron-right],[data-icon-before=chevron-right]{--icon-glyph-before: \">\"}[data-icon-after=chevron-right]{--icon-glyph-after: \">\"}[data-icon=close],[data-icon-before=close]{--icon-glyph-before: \"⨯\"}[data-icon-after=close]{--icon-glyph-after: \"⨯\"}[data-icon=expand-less],[data-icon-before=expand-less]{--icon-glyph-before: \"⌃\"}[data-icon-after=expand-less]{--icon-glyph-after: \"⌃\"}[data-icon=carsharing],[data-icon-before=carsharing]{--icon-glyph-before: \"󡆔\"}[data-icon-after=carsharing]{--icon-glyph-after: \"󡆔\"}[data-icon=electric-locomotive],[data-icon-before=electric-locomotive]{--icon-glyph-before: \"󡆕\"}[data-icon-after=electric-locomotive]{--icon-glyph-after: \"󡆕\"}[data-icon=expand-more],[data-icon-before=expand-more]{--icon-glyph-before: \"⌄\"}[data-icon-after=expand-more]{--icon-glyph-after: \"⌄\"}[data-icon=fullscreen],[data-icon-before=fullscreen]{--icon-glyph-before: \"󡄙\"}[data-icon-after=fullscreen]{--icon-glyph-after: \"󡄙\"}[data-icon=fullscreen-exit],[data-icon-before=fullscreen-exit]{--icon-glyph-before: \"󡄠\"}[data-icon-after=fullscreen-exit]{--icon-glyph-after: \"󡄠\"}[data-icon=grid-view],[data-icon-before=grid-view]{--icon-glyph-before: \"𐌎\"}[data-icon-after=grid-view]{--icon-glyph-after: \"𐌎\"}[data-icon=link],[data-icon-before=link]{--icon-glyph-before: \"🡢\"}[data-icon-after=link]{--icon-glyph-after: \"🡢\"}[data-icon=link-external],[data-icon-before=link-external]{--icon-glyph-before: \"🡥\"}[data-icon-after=link-external]{--icon-glyph-after: \"🡥\"}[data-icon=list],[data-icon-before=list]{--icon-glyph-before: \"󡄡\"}[data-icon-after=list]{--icon-glyph-after: \"󡄡\"}[data-icon=menu],[data-icon-before=menu]{--icon-glyph-before: \"󡄢\"}[data-icon-after=menu]{--icon-glyph-after: \"󡄢\"}[data-icon=s-bahn],[data-icon-before=s-bahn]{--icon-glyph-before: \"󡈃\"}[data-icon-after=s-bahn]{--icon-glyph-after: \"󡈃\"}[data-icon=more-horizontal],[data-icon-before=more-horizontal]{--icon-glyph-before: \"⋯\"}[data-icon-after=more-horizontal]{--icon-glyph-after: \"⋯\"}[data-icon=more-vertical],[data-icon-before=more-vertical]{--icon-glyph-before: \"⋮\"}[data-icon-after=more-vertical]{--icon-glyph-after: \"⋮\"}[data-icon=refresh],[data-icon-before=refresh]{--icon-glyph-before: \"🗘\"}[data-icon-after=refresh]{--icon-glyph-after: \"🗘\"}[data-icon=error],[data-icon-before=error]{--icon-glyph-before: \"󡄣\"}[data-icon-after=error]{--icon-glyph-after: \"󡄣\"}[data-icon=error-triangle],[data-icon-before=error-triangle]{--icon-glyph-before: \"⚠\"}[data-icon-after=error-triangle]{--icon-glyph-after: \"⚠\"}[data-icon=warning],[data-icon-before=warning]{--icon-glyph-before: \"⚠\"}[data-icon-after=warning]{--icon-glyph-after: \"⚠\"}[data-icon=notify],[data-icon-before=notify]{--icon-glyph-before: \"󡄦\"}[data-icon-after=notify]{--icon-glyph-after: \"󡄦\"}[data-icon=taxi],[data-icon-before=taxi]{--icon-glyph-before: \"󡈈\"}[data-icon-after=taxi]{--icon-glyph-after: \"󡈈\"}[data-icon=notify-cutoff],[data-icon-before=notify-cutoff]{--icon-glyph-before: \"󡄧\"}[data-icon-after=notify-cutoff]{--icon-glyph-after: \"󡄧\"}[data-icon=aisle],[data-icon-before=aisle]{--icon-glyph-before: \"󡊁\"}[data-icon-after=aisle]{--icon-glyph-after: \"󡊁\"}[data-icon=elderly],[data-icon-before=elderly]{--icon-glyph-before: \"󡄨\"}[data-icon-after=elderly]{--icon-glyph-after: \"󡄨\"}[data-icon=handicapped],[data-icon-before=handicapped]{--icon-glyph-before: \"󡊃\"}[data-icon-after=handicapped]{--icon-glyph-after: \"󡊃\"}[data-icon=table],[data-icon-before=table]{--icon-glyph-before: \"󡄩\"}[data-icon-after=table]{--icon-glyph-after: \"󡄩\"}[data-icon=window],[data-icon-before=window]{--icon-glyph-before: \"󡄰\"}[data-icon-after=window]{--icon-glyph-after: \"󡄰\"}[data-icon=bahnbonus],[data-icon-before=bahnbonus]{--icon-glyph-before: \"󡄱\"}[data-icon-after=bahnbonus]{--icon-glyph-after: \"󡄱\"}[data-icon=bahnbonus-card],[data-icon-before=bahnbonus-card]{--icon-glyph-before: \"󡄲\"}[data-icon-after=bahnbonus-card]{--icon-glyph-after: \"󡄲\"}[data-icon=bahncard],[data-icon-before=bahncard]{--icon-glyph-before: \"󡄴\"}[data-icon-after=bahncard]{--icon-glyph-after: \"󡄴\"}[data-icon=commuter-ticket],[data-icon-before=commuter-ticket]{--icon-glyph-before: \"󡄶\"}[data-icon-after=commuter-ticket]{--icon-glyph-after: \"󡄶\"}[data-icon=komfort-check-in],[data-icon-before=komfort-check-in]{--icon-glyph-before: \"󡄷\"}[data-icon-after=komfort-check-in]{--icon-glyph-after: \"󡄷\"}[data-icon=komfort-check-in-check],[data-icon-before=komfort-check-in-check]{--icon-glyph-before: \"✔\"}[data-icon-after=komfort-check-in-check]{--icon-glyph-after: \"✔\"}[data-icon=komfort-check-in-circle],[data-icon-before=komfort-check-in-circle]{--icon-glyph-before: \"🤇\"}[data-icon-after=komfort-check-in-circle]{--icon-glyph-after: \"🤇\"}[data-icon=my-travel],[data-icon-before=my-travel]{--icon-glyph-before: \"󡄸\"}[data-icon-after=my-travel]{--icon-glyph-after: \"󡄸\"}[data-icon=outward-journey],[data-icon-before=outward-journey]{--icon-glyph-before: \"󡄹\"}[data-icon-after=outward-journey]{--icon-glyph-after: \"󡄹\"}[data-icon=qr-code],[data-icon-before=qr-code]{--icon-glyph-before: \"󡅀\"}[data-icon-after=qr-code]{--icon-glyph-after: \"󡅀\"}[data-icon=airplane],[data-icon-before=airplane]{--icon-glyph-before: \"󡆐\"}[data-icon-after=airplane]{--icon-glyph-after: \"󡆐\"}[data-icon=call-a-bike],[data-icon-before=call-a-bike]{--icon-glyph-before: \"󡆑\"}[data-icon-after=call-a-bike]{--icon-glyph-after: \"󡆑\"}[data-icon=return-journey],[data-icon-before=return-journey]{--icon-glyph-before: \"󡅁\"}[data-icon-after=return-journey]{--icon-glyph-after: \"󡅁\"}[data-icon=ticket],[data-icon-before=ticket]{--icon-glyph-before: \"󡊇\"}[data-icon-after=ticket]{--icon-glyph-after: \"󡊇\"}[data-icon=ticket-discount],[data-icon-before=ticket-discount]{--icon-glyph-before: \"󡅂\"}[data-icon-after=ticket-discount]{--icon-glyph-after: \"󡅂\"}[data-icon=electric-scooter],[data-icon-before=electric-scooter]{--icon-glyph-before: \"󡆖\"}[data-icon-after=electric-scooter]{--icon-glyph-after: \"󡆖\"}[data-icon=ev-car],[data-icon-before=ev-car]{--icon-glyph-before: \"󡆗\"}[data-icon-after=ev-car]{--icon-glyph-after: \"󡆗\"}[data-icon=ticket-multiple],[data-icon-before=ticket-multiple]{--icon-glyph-before: \"󡅃\"}[data-icon-after=ticket-multiple]{--icon-glyph-after: \"󡅃\"}[data-icon=time-outward-journey],[data-icon-before=time-outward-journey]{--icon-glyph-before: \"󡅄\"}[data-icon-after=time-outward-journey]{--icon-glyph-after: \"󡅄\"}[data-icon=time-return-journey],[data-icon-before=time-return-journey]{--icon-glyph-before: \"󡅅\"}[data-icon-after=time-return-journey]{--icon-glyph-after: \"󡅅\"}[data-icon=timetable],[data-icon-before=timetable]{--icon-glyph-before: \"󡅆\"}[data-icon-after=timetable]{--icon-glyph-after: \"󡅆\"}[data-icon=bicycle],[data-icon-before=bicycle]{--icon-glyph-before: \"󡈹\"}[data-icon-after=bicycle]{--icon-glyph-after: \"󡈹\"}[data-icon=car],[data-icon-before=car]{--icon-glyph-before: \"󡅑\"}[data-icon-after=car]{--icon-glyph-after: \"󡅑\"}[data-icon=car-sequence],[data-icon-before=car-sequence]{--icon-glyph-before: \"󡅇\"}[data-icon-after=car-sequence]{--icon-glyph-after: \"󡅇\"}[data-icon=ice-side-view],[data-icon-before=ice-side-view]{--icon-glyph-before: \"󡊈\"}[data-icon-after=ice-side-view]{--icon-glyph-after: \"󡊈\"}[data-icon=sprinter],[data-icon-before=sprinter]{--icon-glyph-before: \"󡅈\"}[data-icon-after=sprinter]{--icon-glyph-after: \"󡅈\"}[data-icon=walking],[data-icon-before=walking]{--icon-glyph-before: \"󡉁\"}[data-icon-after=walking]{--icon-glyph-after: \"󡉁\"}[data-icon=logo],[data-icon-before=logo]{--icon-glyph-before: \"󡅒\"}[data-icon-after=logo]{--icon-glyph-after: \"󡅒\"}[data-icon=buggy],[data-icon-before=buggy]{--icon-glyph-before: \"󡅓\"}[data-icon-after=buggy]{--icon-glyph-after: \"󡅓\"}[data-icon=childrens-compartment],[data-icon-before=childrens-compartment]{--icon-glyph-before: \"󡊂\"}[data-icon-after=childrens-compartment]{--icon-glyph-after: \"󡊂\"}[data-icon=parent-child-compartment],[data-icon-before=parent-child-compartment]{--icon-glyph-before: \"󡊄\"}[data-icon-after=parent-child-compartment]{--icon-glyph-after: \"󡊄\"}[data-icon=augmented-reality],[data-icon-before=augmented-reality]{--icon-glyph-before: \"󡅧\"}[data-icon-after=augmented-reality]{--icon-glyph-after: \"󡅧\"}[data-icon=quiet-zone],[data-icon-before=quiet-zone]{--icon-glyph-before: \"󡊅\"}[data-icon-after=quiet-zone]{--icon-glyph-after: \"󡊅\"}[data-icon=duplicate],[data-icon-before=duplicate]{--icon-glyph-before: \"󡅔\"}[data-icon-after=duplicate]{--icon-glyph-after: \"󡅔\"}[data-icon=copy],[data-icon-before=copy]{--icon-glyph-before: \"󡅔\"}[data-icon-after=copy]{--icon-glyph-after: \"󡅔\"}[data-icon=image],[data-icon-before=image]{--icon-glyph-before: \"🖼\"}[data-icon-after=image]{--icon-glyph-after: \"🖼\"}[data-icon=lock-close],[data-icon-before=lock-close]{--icon-glyph-before: \"󡈩\"}[data-icon-after=lock-close]{--icon-glyph-after: \"󡈩\"}[data-icon=lock-open],[data-icon-before=lock-open]{--icon-glyph-before: \"󡈰\"}[data-icon-after=lock-open]{--icon-glyph-after: \"󡈰\"}[data-icon=restricted-mobility-toilet],[data-icon-before=restricted-mobility-toilet]{--icon-glyph-before: \"󡅣\"}[data-icon-after=restricted-mobility-toilet]{--icon-glyph-after: \"󡅣\"}[data-icon=database],[data-icon-before=database]{--icon-glyph-before: \"󡆁\"}[data-icon-after=database]{--icon-glyph-after: \"󡆁\"}[data-icon=breakfast],[data-icon-before=breakfast]{--icon-glyph-before: \"󡉹\"}[data-icon-after=breakfast]{--icon-glyph-after: \"󡉹\"}[data-icon=ferry],[data-icon-before=ferry]{--icon-glyph-before: \"󡆘\"}[data-icon-after=ferry]{--icon-glyph-after: \"󡆘\"}[data-icon=no-smoking],[data-icon-before=no-smoking]{--icon-glyph-before: \"󡉶\"}[data-icon-after=no-smoking]{--icon-glyph-after: \"󡉶\"}[data-icon=luggage-compartment],[data-icon-before=luggage-compartment]{--icon-glyph-before: \"󡉴\"}[data-icon-after=luggage-compartment]{--icon-glyph-after: \"󡉴\"}[data-icon=environmental-mobility-check],[data-icon-before=environmental-mobility-check]{--icon-glyph-before: \"󡉳\"}[data-icon-after=environmental-mobility-check]{--icon-glyph-after: \"󡉳\"}[data-icon=clothing-hanger],[data-icon-before=clothing-hanger]{--icon-glyph-before: \"󡆀\"}[data-icon-after=clothing-hanger]{--icon-glyph-after: \"󡆀\"}[data-icon=handcart],[data-icon-before=handcart]{--icon-glyph-before: \"󡆙\"}[data-icon-after=handcart]{--icon-glyph-after: \"󡆙\"}[data-icon=reservation],[data-icon-before=reservation]{--icon-glyph-before: \"󡅹\"}[data-icon-after=reservation]{--icon-glyph-after: \"󡅹\"}[data-icon=platform],[data-icon-before=platform]{--icon-glyph-before: \"🛤\"}[data-icon-after=platform]{--icon-glyph-after: \"🛤\"}[data-icon=night],[data-icon-before=night]{--icon-glyph-before: \"󡊉\"}[data-icon-after=night]{--icon-glyph-after: \"󡊉\"}[data-icon=piggybank],[data-icon-before=piggybank]{--icon-glyph-before: \"󡊐\"}[data-icon-after=piggybank]{--icon-glyph-after: \"󡊐\"}[data-icon=resize-handle-corner],[data-icon-before=resize-handle-corner]{--icon-glyph-before: \"󡊑\"}[data-icon-after=resize-handle-corner]{--icon-glyph-after: \"󡊑\"}[data-icon=document-check],[data-icon-before=document-check]{--icon-glyph-before: \"󡊒\"}[data-icon-after=document-check]{--icon-glyph-after: \"󡊒\"}[data-icon=face-delighted],[data-icon-before=face-delighted]{--icon-glyph-before: \"󡊓\"}[data-icon-after=face-delighted]{--icon-glyph-after: \"󡊓\"}[data-icon=face-disappointed],[data-icon-before=face-disappointed]{--icon-glyph-before: \"󡊔\"}[data-icon-after=face-disappointed]{--icon-glyph-after: \"󡊔\"}[data-icon=push-button],[data-icon-before=push-button]{--icon-glyph-before: \"󡊕\"}[data-icon-after=push-button]{--icon-glyph-after: \"󡊕\"}[data-icon=fast-backward],[data-icon-before=fast-backward]{--icon-glyph-before: \"󡊖\"}[data-icon-after=fast-backward]{--icon-glyph-after: \"󡊖\"}[data-icon=fast-forward],[data-icon-before=fast-forward]{--icon-glyph-before: \"󡊗\"}[data-icon-after=fast-forward]{--icon-glyph-after: \"󡊗\"}[data-icon=marketplace],[data-icon-before=marketplace]{--icon-glyph-before: \"󡅸\"}[data-icon-after=marketplace]{--icon-glyph-after: \"󡅸\"}[data-icon=hydrogen],[data-icon-before=hydrogen]{--icon-glyph-before: \"󡅷\"}[data-icon-after=hydrogen]{--icon-glyph-after: \"󡅷\"}[data-icon=day],[data-icon-before=day]{--icon-glyph-before: \"☀\"}[data-icon-after=day]{--icon-glyph-after: \"☀\"}[data-icon=sink],[data-icon-before=sink]{--icon-glyph-before: \"󡉨\"}[data-icon-after=sink]{--icon-glyph-after: \"󡉨\"}[data-icon=microphone],[data-icon-before=microphone]{--icon-glyph-before: \"󡈴\"}[data-icon-after=microphone]{--icon-glyph-after: \"󡈴\"}[data-icon=undo],[data-icon-before=undo]{--icon-glyph-before: \"⎌\"}[data-icon-after=undo]{--icon-glyph-after: \"⎌\"}[data-icon=thumb-up-down],[data-icon-before=thumb-up-down]{--icon-glyph-before: \"󡉗\"}[data-icon-after=thumb-up-down]{--icon-glyph-after: \"󡉗\"}[data-icon=local-bus],[data-icon-before=local-bus]{--icon-glyph-before: \"󡈁\"}[data-icon-after=local-bus]{--icon-glyph-after: \"󡈁\"}[data-icon=long-distance-bus],[data-icon-before=long-distance-bus]{--icon-glyph-before: \"󡈂\"}[data-icon-after=long-distance-bus]{--icon-glyph-after: \"󡈂\"}[data-icon=thumb-up],[data-icon-before=thumb-up]{--icon-glyph-before: \"󡉖\"}[data-icon-after=thumb-up]{--icon-glyph-after: \"󡉖\"}[data-icon=logbook],[data-icon-before=logbook]{--icon-glyph-before: \"󡉓\"}[data-icon-after=logbook]{--icon-glyph-after: \"󡉓\"}[data-icon=lightbulb],[data-icon-before=lightbulb]{--icon-glyph-before: \"󡉒\"}[data-icon-after=lightbulb]{--icon-glyph-after: \"󡉒\"}[data-icon=key],[data-icon-before=key]{--icon-glyph-before: \"󡉑\"}[data-icon-after=key]{--icon-glyph-after: \"󡉑\"}[data-icon=fingerprint],[data-icon-before=fingerprint]{--icon-glyph-before: \"󡅱\"}[data-icon-after=fingerprint]{--icon-glyph-after: \"󡅱\"}[data-icon=face-smiling],[data-icon-before=face-smiling]{--icon-glyph-before: \"󡅰\"}[data-icon-after=face-smiling]{--icon-glyph-after: \"󡅰\"}[data-icon=face-neutral],[data-icon-before=face-neutral]{--icon-glyph-before: \"󡅨\"}[data-icon-after=face-neutral]{--icon-glyph-after: \"󡅨\"}[data-icon=ice],[data-icon-before=ice]{--icon-glyph-before: \"󡈀\"}[data-icon-after=ice]{--icon-glyph-after: \"󡈀\"}[data-icon=face-sad],[data-icon-before=face-sad]{--icon-glyph-before: \"󡅩\"}[data-icon-after=face-sad]{--icon-glyph-after: \"󡅩\"}[data-icon=cloud-upload],[data-icon-before=cloud-upload]{--icon-glyph-before: \"⇧\"}[data-icon-after=cloud-upload]{--icon-glyph-after: \"⇧\"}[data-icon=cloud-download],[data-icon-before=cloud-download]{--icon-glyph-before: \"⇩\"}[data-icon-after=cloud-download]{--icon-glyph-after: \"⇩\"}[data-icon=cash],[data-icon-before=cash]{--icon-glyph-before: \"󡉈\"}[data-icon-after=cash]{--icon-glyph-after: \"󡉈\"}[data-icon=dashboard],[data-icon-before=dashboard]{--icon-glyph-before: \"󡅤\"}[data-icon-after=dashboard]{--icon-glyph-after: \"󡅤\"}[data-icon=resize],[data-icon-before=resize]{--icon-glyph-before: \"󡅥\"}[data-icon-after=resize]{--icon-glyph-after: \"󡅥\"}[data-icon=sepa],[data-icon-before=sepa]{--icon-glyph-before: \"󡅦\"}[data-icon-after=sepa]{--icon-glyph-after: \"󡅦\"}[data-icon=save],[data-icon-before=save]{--icon-glyph-before: \"󡈲\"}[data-icon-after=save]{--icon-glyph-after: \"󡈲\"}[data-icon=pin],[data-icon-before=pin]{--icon-glyph-before: \"󡈱\"}[data-icon-after=pin]{--icon-glyph-after: \"󡈱\"}[data-icon=folder-open],[data-icon-before=folder-open]{--icon-glyph-before: \"󡈨\"}[data-icon-after=folder-open]{--icon-glyph-after: \"󡈨\"}[data-icon=folder],[data-icon-before=folder]{--icon-glyph-before: \"󡈧\"}[data-icon-after=folder]{--icon-glyph-after: \"󡈧\"}[data-icon=camera],[data-icon-before=camera]{--icon-glyph-before: \"󡈥\"}[data-icon-after=camera]{--icon-glyph-after: \"󡈥\"}[data-icon=compass],[data-icon-before=compass]{--icon-glyph-before: \"󡉉\"}[data-icon-after=compass]{--icon-glyph-after: \"󡉉\"}[data-icon=drag-and-drop],[data-icon-before=drag-and-drop]{--icon-glyph-before: \"󡆇\"}[data-icon-after=drag-and-drop]{--icon-glyph-after: \"󡆇\"}[data-icon=person-with-cane],[data-icon-before=person-with-cane]{--icon-glyph-before: \"󡉷\"}[data-icon-after=person-with-cane]{--icon-glyph-after: \"󡉷\"}[data-icon=hearing],[data-icon-before=hearing]{--icon-glyph-before: \"󡈑\"}[data-icon-after=hearing]{--icon-glyph-after: \"󡈑\"}[data-icon=hearing-disabled],[data-icon-before=hearing-disabled]{--icon-glyph-before: \"󡈒\"}[data-icon-after=hearing-disabled]{--icon-glyph-after: \"󡈒\"}[data-icon=translation],[data-icon-before=translation]{--icon-glyph-before: \"󡈓\"}[data-icon-after=translation]{--icon-glyph-after: \"󡈓\"}[data-icon=voucher],[data-icon-before=voucher]{--icon-glyph-before: \"󡈔\"}[data-icon-after=voucher]{--icon-glyph-after: \"󡈔\"}[data-icon=support-dog],[data-icon-before=support-dog]{--icon-glyph-before: \"󡈕\"}[data-icon-after=support-dog]{--icon-glyph-after: \"󡈕\"}[data-icon=person-with-rollator],[data-icon-before=person-with-rollator]{--icon-glyph-before: \"󡆈\"}[data-icon-after=person-with-rollator]{--icon-glyph-after: \"󡆈\"}[data-icon=sort-down],[data-icon-before=sort-down]{--icon-glyph-before: \"↡\"}[data-icon-after=sort-down]{--icon-glyph-after: \"↡\"}[data-icon=sort-up],[data-icon-before=sort-up]{--icon-glyph-before: \"↟\"}[data-icon-after=sort-up]{--icon-glyph-after: \"↟\"}[data-icon=cloud],[data-icon-before=cloud]{--icon-glyph-before: \"☁\"}[data-icon-after=cloud]{--icon-glyph-after: \"☁\"}[data-icon=sev],[data-icon-before=sev]{--icon-glyph-before: \"󡈅\"}[data-icon-after=sev]{--icon-glyph-after: \"󡈅\"}[data-icon=train-and-car],[data-icon-before=train-and-car]{--icon-glyph-before: \"󡈉\"}[data-icon-after=train-and-car]{--icon-glyph-after: \"󡈉\"}[data-icon=tram],[data-icon-before=tram]{--icon-glyph-before: \"󡈐\"}[data-icon-after=tram]{--icon-glyph-after: \"󡈐\"}[data-icon=speedboat],[data-icon-before=speedboat]{--icon-glyph-before: \"󡈆\"}[data-icon-after=speedboat]{--icon-glyph-after: \"󡈆\"}[data-icon=build],[data-icon-before=build]{--icon-glyph-before: \"🛠\"}[data-icon-after=build]{--icon-glyph-after: \"🛠\"}[data-icon=bug],[data-icon-before=bug]{--icon-glyph-before: \"󡉆\"}[data-icon-after=bug]{--icon-glyph-after: \"󡉆\"}[data-icon=question],[data-icon-before=question]{--icon-glyph-before: \"󡅲\"}[data-icon-after=question]{--icon-glyph-after: \"󡅲\"}[data-icon=receive-item],[data-icon-before=receive-item]{--icon-glyph-before: \"󡅳\"}[data-icon-after=receive-item]{--icon-glyph-after: \"󡅳\"}[data-icon=share-item],[data-icon-before=share-item]{--icon-glyph-before: \"󡅴\"}[data-icon-after=share-item]{--icon-glyph-after: \"󡅴\"}[data-icon=playground],[data-icon-before=playground]{--icon-glyph-before: \"󡉦\"}[data-icon-after=playground]{--icon-glyph-after: \"󡉦\"}[data-icon=shower],[data-icon-before=shower]{--icon-glyph-before: \"󡉧\"}[data-icon-after=shower]{--icon-glyph-after: \"󡉧\"}[data-icon=shower-men],[data-icon-before=shower-men]{--icon-glyph-before: \"󡅵\"}[data-icon-after=shower-men]{--icon-glyph-after: \"󡅵\"}[data-icon=shower-women],[data-icon-before=shower-women]{--icon-glyph-before: \"󡅶\"}[data-icon-after=shower-women]{--icon-glyph-after: \"󡅶\"}[data-icon=add-link],[data-icon-before=add-link]{--icon-glyph-before: \"󡉂\"}[data-icon-after=add-link]{--icon-glyph-after: \"󡉂\"}[data-icon=attachment],[data-icon-before=attachment]{--icon-glyph-before: \"󡉅\"}[data-icon-after=attachment]{--icon-glyph-after: \"󡉅\"}[data-icon=block],[data-icon-before=block]{--icon-glyph-before: \"󡈣\"}[data-icon-after=block]{--icon-glyph-after: \"󡈣\"}[data-icon=bookmark],[data-icon-before=bookmark]{--icon-glyph-before: \"󡈤\"}[data-icon-after=bookmark]{--icon-glyph-after: \"󡈤\"}[data-icon=shopping-basket-disabled],[data-icon-before=shopping-basket-disabled]{--icon-glyph-before: \"󡅕\"}[data-icon-after=shopping-basket-disabled]{--icon-glyph-after: \"󡅕\"}[data-icon=shopping-cart-disabled],[data-icon-before=shopping-cart-disabled]{--icon-glyph-before: \"󡅖\"}[data-icon-after=shopping-cart-disabled]{--icon-glyph-after: \"󡅖\"}[data-icon=gps],[data-icon-before=gps]{--icon-glyph-before: \"󡅗\"}[data-icon-after=gps]{--icon-glyph-after: \"󡅗\"}[data-icon=gps-north],[data-icon-before=gps-north]{--icon-glyph-before: \"󡅘\"}[data-icon-after=gps-north]{--icon-glyph-after: \"󡅘\"}[data-icon=local-train],[data-icon-before=local-train]{--icon-glyph-before: \"󡉀\"}[data-icon-after=local-train]{--icon-glyph-after: \"󡉀\"}[data-icon=rail-and-fly],[data-icon-before=rail-and-fly]{--icon-glyph-before: \"󡅙\"}[data-icon-after=rail-and-fly]{--icon-glyph-after: \"󡅙\"}[data-icon=seat-priority],[data-icon-before=seat-priority]{--icon-glyph-before: \"󡅢\"}[data-icon-after=seat-priority]{--icon-glyph-after: \"󡅢\"}[data-icon=priority],[data-icon-before=priority]{--icon-glyph-before: \"󡅢\"}[data-icon-after=priority]{--icon-glyph-after: \"󡅢\"}[data-icon=traveler-with-reduced-mobility],[data-icon-before=traveler-with-reduced-mobility]{--icon-glyph-before: \"󡅢\"}[data-icon-after=traveler-with-reduced-mobility]{--icon-glyph-after: \"󡅢\"}[data-icon=standing-room],[data-icon-before=standing-room]{--icon-glyph-before: \"󡅠\"}[data-icon-after=standing-room]{--icon-glyph-after: \"󡅠\"}[data-icon=mixed-class],[data-icon-before=mixed-class]{--icon-glyph-before: \"󡅡\"}[data-icon-after=mixed-class]{--icon-glyph-after: \"󡅡\"}[data-icon=navigation-straight],[data-icon-before=navigation-straight]{--icon-glyph-before: \"󡌀\"}[data-icon-after=navigation-straight]{--icon-glyph-after: \"󡌀\"}[data-icon=navigation-to-left],[data-icon-before=navigation-to-left]{--icon-glyph-before: \"󡌁\"}[data-icon-after=navigation-to-left]{--icon-glyph-after: \"󡌁\"}[data-icon=navigation-to-right],[data-icon-before=navigation-to-right]{--icon-glyph-before: \"󡌂\"}[data-icon-after=navigation-to-right]{--icon-glyph-after: \"󡌂\"}[data-icon=navigation-u-turn],[data-icon-before=navigation-u-turn]{--icon-glyph-before: \"󡌃\"}[data-icon-after=navigation-u-turn]{--icon-glyph-after: \"󡌃\"}[data-icon=transportation-train-ec],[data-icon-before=transportation-train-ec]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-ec]{--icon-glyph-after: \"\"}[data-icon=transportation-train-ic],[data-icon-before=transportation-train-ic]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-ic]{--icon-glyph-after: \"\"}[data-icon=transportation-train-ice],[data-icon-before=transportation-train-ice]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-ice]{--icon-glyph-after: \"\"}[data-icon=transportation-train-rb],[data-icon-before=transportation-train-rb]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-rb]{--icon-glyph-after: \"\"}[data-icon=transportation-train-re],[data-icon-before=transportation-train-re]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-re]{--icon-glyph-after: \"\"}[data-icon=transportation-bikesharing],[data-icon-before=transportation-bikesharing]{--icon-glyph-before: \"\"}[data-icon-after=transportation-bikesharing]{--icon-glyph-after: \"\"}[data-icon=transportation-bus-local],[data-icon-before=transportation-bus-local]{--icon-glyph-before: \"\"}[data-icon-after=transportation-bus-local]{--icon-glyph-after: \"\"}[data-icon=transportation-carsharing],[data-icon-before=transportation-carsharing]{--icon-glyph-before: \"\"}[data-icon-after=transportation-carsharing]{--icon-glyph-after: \"\"}[data-icon=transportation-bus-long-distance],[data-icon-before=transportation-bus-long-distance]{--icon-glyph-before: \"\"}[data-icon-after=transportation-bus-long-distance]{--icon-glyph-after: \"\"}[data-icon=transportation-airplane],[data-icon-before=transportation-airplane]{--icon-glyph-before: \"\"}[data-icon-after=transportation-airplane]{--icon-glyph-after: \"\"}[data-icon=transportation-s-bahn],[data-icon-before=transportation-s-bahn]{--icon-glyph-before: \"\"}[data-icon-after=transportation-s-bahn]{--icon-glyph-after: \"\"}[data-icon=transportation-ship],[data-icon-before=transportation-ship]{--icon-glyph-before: \"\"}[data-icon-after=transportation-ship]{--icon-glyph-after: \"\"}[data-icon=transportation-taxi],[data-icon-before=transportation-taxi]{--icon-glyph-before: \"\"}[data-icon-after=transportation-taxi]{--icon-glyph-after: \"\"}[data-icon=transportation-train-tram],[data-icon-before=transportation-train-tram]{--icon-glyph-before: \"\"}[data-icon-after=transportation-train-tram]{--icon-glyph-after: \"\"}[data-icon=transportation-underground],[data-icon-before=transportation-underground]{--icon-glyph-before: \"\"}[data-icon-after=transportation-underground]{--icon-glyph-after: \"\"}[data-icon=transportation-walking],[data-icon-before=transportation-walking]{--icon-glyph-before: \"\"}[data-icon-after=transportation-walking]{--icon-glyph-after: \"\"}[data-icon=ev-bus],[data-icon-before=ev-bus]{--icon-glyph-before: \"\"}[data-icon-after=ev-bus]{--icon-glyph-after: \"\"}[data-icon=ev-train],[data-icon-before=ev-train]{--icon-glyph-before: \"\"}[data-icon-after=ev-train]{--icon-glyph-after: \"\"}[data-icon=artificial-intelligence],[data-icon-before=artificial-intelligence]{--icon-glyph-before: \"󡌄\"}[data-icon-after=artificial-intelligence]{--icon-glyph-after: \"󡌄\"}[data-icon=document-cross],[data-icon-before=document-cross]{--icon-glyph-before: \"󡌅\"}[data-icon-after=document-cross]{--icon-glyph-after: \"󡌅\"}[data-icon=euro-sign],[data-icon-before=euro-sign]{--icon-glyph-before: \"󡌆\"}[data-icon-after=euro-sign]{--icon-glyph-after: \"󡌆\"}[data-icon=id-card],[data-icon-before=id-card]{--icon-glyph-before: \"󡌇\"}[data-icon-after=id-card]{--icon-glyph-after: \"󡌇\"}[data-icon=pulse-wave],[data-icon-before=pulse-wave]{--icon-glyph-before: \"󡌈\"}[data-icon-after=pulse-wave]{--icon-glyph-after: \"󡌈\"}[data-icon-variant=\"16-outline\"][data-icon]::before,[data-icon-variant=\"16-outline\"][data-icon-before]::before,[data-icon-variant-before=\"16-outline\"][data-icon]::before,[data-icon-variant-before=\"16-outline\"][data-icon-before]::before{--icon-font-family: \"icons-16-outline\", \"missing-icons\" !important;--icon-font-size: 1rem}[data-icon-variant-after=\"16-outline\"][data-icon-after]::after{--icon-font-family: \"icons-16-outline\", \"missing-icons\" !important;--icon-font-size: 1rem}[data-icon-variant=\"20-outline\"][data-icon]::before,[data-icon-variant=\"20-outline\"][data-icon-before]::before,[data-icon-variant-before=\"20-outline\"][data-icon]::before,[data-icon-variant-before=\"20-outline\"][data-icon-before]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}[data-icon-variant-after=\"20-outline\"][data-icon-after]::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}[data-icon-variant=\"24-outline\"][data-icon]::before,[data-icon-variant=\"24-outline\"][data-icon-before]::before,[data-icon-variant-before=\"24-outline\"][data-icon]::before,[data-icon-variant-before=\"24-outline\"][data-icon-before]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon-variant-after=\"24-outline\"][data-icon-after]::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon-variant=\"32-outline\"][data-icon]::before,[data-icon-variant=\"32-outline\"][data-icon-before]::before,[data-icon-variant-before=\"32-outline\"][data-icon]::before,[data-icon-variant-before=\"32-outline\"][data-icon-before]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;--icon-font-size: 2rem}[data-icon-variant-after=\"32-outline\"][data-icon-after]::after{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;--icon-font-size: 2rem}[data-icon-variant=\"48-outline\"][data-icon]::before,[data-icon-variant=\"48-outline\"][data-icon-before]::before,[data-icon-variant-before=\"48-outline\"][data-icon]::before,[data-icon-variant-before=\"48-outline\"][data-icon-before]::before{--icon-font-family: \"icons-48-outline\", \"missing-icons\" !important;--icon-font-size: 3rem}[data-icon-variant-after=\"48-outline\"][data-icon-after]::after{--icon-font-family: \"icons-48-outline\", \"missing-icons\" !important;--icon-font-size: 3rem}[data-icon-variant=\"64-outline\"][data-icon]::before,[data-icon-variant=\"64-outline\"][data-icon-before]::before,[data-icon-variant-before=\"64-outline\"][data-icon]::before,[data-icon-variant-before=\"64-outline\"][data-icon-before]::before{--icon-font-family: \"icons-64-outline\", \"missing-icons\" !important;--icon-font-size: 4rem}[data-icon-variant-after=\"64-outline\"][data-icon-after]::after{--icon-font-family: \"icons-64-outline\", \"missing-icons\" !important;--icon-font-size: 4rem}[data-icon-variant=\"16-filled\"][data-icon]::before,[data-icon-variant=\"16-filled\"][data-icon-before]::before,[data-icon-variant-before=\"16-filled\"][data-icon]::before,[data-icon-variant-before=\"16-filled\"][data-icon-before]::before{--icon-font-family: \"icons-16-filled\", \"missing-icons\" !important;--icon-font-size: 1rem}[data-icon-variant-after=\"16-filled\"][data-icon-after]::after{--icon-font-family: \"icons-16-filled\", \"missing-icons\" !important;--icon-font-size: 1rem}[data-icon-variant=\"20-filled\"][data-icon]::before,[data-icon-variant=\"20-filled\"][data-icon-before]::before,[data-icon-variant-before=\"20-filled\"][data-icon]::before,[data-icon-variant-before=\"20-filled\"][data-icon-before]::before{--icon-font-family: \"icons-20-filled\", \"missing-icons\" !important;--icon-font-size: 1.25rem}[data-icon-variant-after=\"20-filled\"][data-icon-after]::after{--icon-font-family: \"icons-20-filled\", \"missing-icons\" !important;--icon-font-size: 1.25rem}[data-icon-variant=\"24-filled\"][data-icon]::before,[data-icon-variant=\"24-filled\"][data-icon-before]::before,[data-icon-variant-before=\"24-filled\"][data-icon]::before,[data-icon-variant-before=\"24-filled\"][data-icon-before]::before{--icon-font-family: \"icons-24-filled\", \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon-variant-after=\"24-filled\"][data-icon-after]::after{--icon-font-family: \"icons-24-filled\", \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon-variant=\"32-filled\"][data-icon]::before,[data-icon-variant=\"32-filled\"][data-icon-before]::before,[data-icon-variant-before=\"32-filled\"][data-icon]::before,[data-icon-variant-before=\"32-filled\"][data-icon-before]::before{--icon-font-family: \"icons-32-filled\", \"missing-icons\" !important;--icon-font-size: 2rem}[data-icon-variant-after=\"32-filled\"][data-icon-after]::after{--icon-font-family: \"icons-32-filled\", \"missing-icons\" !important;--icon-font-size: 2rem}[data-icon-variant=\"48-filled\"][data-icon]::before,[data-icon-variant=\"48-filled\"][data-icon-before]::before,[data-icon-variant-before=\"48-filled\"][data-icon]::before,[data-icon-variant-before=\"48-filled\"][data-icon-before]::before{--icon-font-family: \"icons-48-filled\", \"missing-icons\" !important;--icon-font-size: 3rem}[data-icon-variant-after=\"48-filled\"][data-icon-after]::after{--icon-font-family: \"icons-48-filled\", \"missing-icons\" !important;--icon-font-size: 3rem}[data-icon-variant=\"64-filled\"][data-icon]::before,[data-icon-variant=\"64-filled\"][data-icon-before]::before,[data-icon-variant-before=\"64-filled\"][data-icon]::before,[data-icon-variant-before=\"64-filled\"][data-icon-before]::before{--icon-font-family: \"icons-64-filled\", \"missing-icons\" !important;--icon-font-size: 4rem}[data-icon-variant-after=\"64-filled\"][data-icon-after]::after{--icon-font-family: \"icons-64-filled\", \"missing-icons\" !important;--icon-font-size: 4rem}@font-face{font-display:block;font-family:\"missing-icons\";src:url(\"../../icons/functional/fonts/icons-empty.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-empty.woff?4r2099\") format(\"woff\")}@font-face{font-display:block;font-family:\"icons-16-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-16-outline-action.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-16-outline-action.woff?4r2099\") format(\"woff\");unicode-range:U+002B,U+2212,U+2713}@font-face{font-display:block;font-family:\"icons-16-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-16-outline-navigation.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-16-outline-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+003C,U+003E,U+2190-2193,U+2303-2304,U+2A2F}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-outline-action.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-outline-action.woff?4r2099\") format(\"woff\");unicode-range:U+002B,U+003F,U+00A7,U+1F441,U+1F5A8,U+1F5B9,U+1F5BC,U+1F5D1,U+1F6C8,U+1F6CD,U+1F6E0,U+219F,U+21A1,U+21A6,U+21C6,U+21E7,U+21E9,U+21F5,U+2212,U+2295,U+229D,U+238C,U+25F9,U+2601,U+2606,U+2661,U+2699,U+270F,U+2713,U+2B73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+23F8,U+25A1,U+25B7,U+293A-293B,U+e1085-e1088,U+e1091,U+e1234,U+e1261-e1259,U+e1262,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-outline-communication.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-outline-communication.woff?4r2099\") format(\"woff\");unicode-range:U+1F5B7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-outline-covid-19.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-outline-covid-19.woff?4r2099\") format(\"woff\");unicode-range:U+e1265}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-outline-facilities.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-outline-facilities.woff?4r2099\") format(\"woff\");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-outline-feature.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-outline-feature.woff?4r2099\") format(\"woff\");unicode-range:U+1F6E4,U+2600,U+271A,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-outline-food.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-outline-food.woff?4r2099\") format(\"woff\");unicode-range:U+1F37D,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-outline-it.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-outline-it.woff?4r2099\") format(\"woff\");unicode-range:U+e1181}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-outline-journey.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-outline-journey.woff?4r2099\") format(\"woff\");unicode-range:U+2488-2489,U+291E,U+29BF,U+2B94,U+e1102-e1104,U+e1106,U+e1108,U+e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-outline-maps.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-outline-maps.woff?4r2099\") format(\"woff\");unicode-range:U+1F17F,U+1F5FA,U+1F78B,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-outline-navigation.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-outline-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+003C,U+003E,U+1030E,U+1F5D8,U+1F862,U+1F865,U+2190-2193,U+22EE-22EF,U+2303-2304,U+2A2F,U+2BBE,U+e1119-e1122}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-outline-notification.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-outline-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123,U+e1126-e1127}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-outline-seat.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-outline-seat.woff?4r2099\") format(\"woff\");unicode-range:U+1F6CF,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-outline-ticket.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-outline-ticket.woff?4r2099\") format(\"woff\");unicode-range:U+1F907,U+2714,U+e1131-e1132,U+e1134,U+e1136-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:\"icons-20-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-outline-transportation.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-outline-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288,U+e928-e929}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-outline-action.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-outline-action.woff?4r2099\") format(\"woff\");unicode-range:U+002B,U+003F,U+00A7,U+1F441,U+1F5A8,U+1F5B9,U+1F5BC,U+1F5D1,U+1F6C8,U+1F6CD,U+1F6E0,U+219F,U+21A1,U+21A6,U+21C6,U+21E7,U+21E9,U+21F5,U+2212,U+2295,U+229D,U+238C,U+25F9,U+2601,U+2606,U+2661,U+2699,U+270F,U+2713,U+2B73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+23F8,U+25A1,U+25B7,U+293A-293B,U+e1085-e1088,U+e1091,U+e1234,U+e1259-e1262,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-outline-communication.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-outline-communication.woff?4r2099\") format(\"woff\");unicode-range:U+1F5B7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-outline-covid-19.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-outline-covid-19.woff?4r2099\") format(\"woff\");unicode-range:U+e1265}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-outline-facilities.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-outline-facilities.woff?4r2099\") format(\"woff\");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-outline-feature.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-outline-feature.woff?4r2099\") format(\"woff\");unicode-range:U+1F6E4,U+2600,U+271A,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-outline-food.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-outline-food.woff?4r2099\") format(\"woff\");unicode-range:U+1F37D,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-outline-it.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-outline-it.woff?4r2099\") format(\"woff\");unicode-range:U+e1181}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-outline-journey.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-outline-journey.woff?4r2099\") format(\"woff\");unicode-range:U+2488-2489,U+291E,U+29BF,U+2B94,U+e1102-e1104,U+e1106,U+e1108,U+e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-outline-maps.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-outline-maps.woff?4r2099\") format(\"woff\");unicode-range:U+1F17F,U+1F5FA,U+1F78B,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-outline-navigation.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-outline-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+003C,U+003E,U+1030E,U+1F5D8,U+1F862,U+1F865,U+2190-2193,U+22EE-22EF,U+2303-2304,U+2A2F,U+2BBE,U+e1119-e1122}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-outline-notification.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-outline-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123-e1127}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-outline-seat.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-outline-seat.woff?4r2099\") format(\"woff\");unicode-range:U+1F6CF,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-outline-ticket.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-outline-ticket.woff?4r2099\") format(\"woff\");unicode-range:U+1F907,U+2714,U+e1131-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:\"icons-24-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-outline-transportation.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-outline-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-outline-action.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-outline-action.woff?4r2099\") format(\"woff\");unicode-range:U+002B,U+003F,U+00A7,U+1F441,U+1F5A8,U+1F5B9,U+1F5BC,U+1F5D1,U+1F6C8,U+1F6CD,U+1F6E0,U+219F,U+21A1,U+21A6,U+21C6,U+21E7,U+21E9,U+21F5,U+2212,U+2295,U+229D,U+238C,U+25F9,U+2601,U+2606,U+2661,U+2699,U+270F,U+2713,U+2B73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+23F8,U+25A1,U+25B7,U+293A-293B,U+e1085-e1088,U+e1091,U+e1234,U+e1259-e1262,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-outline-communication.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-outline-communication.woff?4r2099\") format(\"woff\");unicode-range:U+1F5B7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-outline-covid-19.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-outline-covid-19.woff?4r2099\") format(\"woff\");unicode-range:U+e1265}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-outline-facilities.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-outline-facilities.woff?4r2099\") format(\"woff\");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-outline-feature.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-outline-feature.woff?4r2099\") format(\"woff\");unicode-range:U+1F6E4,U+2600,U+271A,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-outline-food.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-outline-food.woff?4r2099\") format(\"woff\");unicode-range:U+1F37D,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-outline-it.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-outline-it.woff?4r2099\") format(\"woff\");unicode-range:U+e1181}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-outline-journey.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-outline-journey.woff?4r2099\") format(\"woff\");unicode-range:U+2488-2489,U+291E,U+29BF,U+2B94,U+e1102-e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-outline-maps.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-outline-maps.woff?4r2099\") format(\"woff\");unicode-range:U+1F17F,U+1F5FA,U+1F78B,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-outline-navigation.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-outline-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+003C,U+003E,U+1030E,U+1F5D8,U+1F862,U+1F865,U+2190-2193,U+22EE-22EF,U+2303-2304,U+2A2F,U+2BBE,U+e1119-e1122}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-outline-notification.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-outline-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123-e1127}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-outline-seat.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-outline-seat.woff?4r2099\") format(\"woff\");unicode-range:U+1F6CF,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-outline-ticket.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-outline-ticket.woff?4r2099\") format(\"woff\");unicode-range:U+1F907,U+2714,U+e1131-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:\"icons-32-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-outline-transportation.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-outline-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-48-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-48-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-48-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23F8,U+25B7,U+e1296-e1297,U+25A1,U+23EE,U+23ED}@font-face{font-display:block;font-family:\"icons-48-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-48-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-48-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-64-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-64-outline-av.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-64-outline-av.woff?4r2099\") format(\"woff\");unicode-range:U+23F8,U+25B7,U+e1296-e1297,U+25A1,U+23EE,U+23ED}@font-face{font-display:block;font-family:\"icons-64-outline\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-64-outline-brand.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-64-outline-brand.woff?4r2099\") format(\"woff\");unicode-range:U+e1152}@font-face{font-display:block;font-family:\"icons-16-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-16-filled-action.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-16-filled-action.woff?4r2099\") format(\"woff\");unicode-range:U+003F,U+1F6C8,U+e1220}@font-face{font-display:block;font-family:\"icons-16-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-16-filled-navigation.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-16-filled-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+2BBE}@font-face{font-display:block;font-family:\"icons-16-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-16-filled-notification.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-16-filled-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-filled-action.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-filled-action.woff?4r2099\") format(\"woff\");unicode-range:U+003F,U+1F5A8,U+1F5BC,U+1F6C8,U+1F6CD,U+1F6E0,U+2295,U+229D,U+2601,U+2606,U+2661,U+270F,U+e1066,U+e1070,U+e1079,U+e1154-e1155,U+e1164-e1166,U+e1214,U+e1220-e1233}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED,U+23EE,U+25A1,U+25B7,U+e1091,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-filled-communication.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-filled-communication.woff?4r2099\") format(\"woff\");unicode-range:U+2370,U+e1095,U+e1172-e1174,U+e1235-e1236}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-filled-feature.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-filled-feature.woff?4r2099\") format(\"woff\");unicode-range:U+1F6E4,U+2600,U+271A,U+e1177-e1179,U+e1289}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-filled-food.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-filled-food.woff?4r2099\") format(\"woff\");unicode-range:U+e1237}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-filled-it.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-filled-it.woff?4r2099\") format(\"woff\");unicode-range:U+e1181}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-filled-journey.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-filled-journey.woff?4r2099\") format(\"woff\");unicode-range:U+e1104,U+e1106,U+e1108,U+e1110,U+e1238}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-filled-maps.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-filled-maps.woff?4r2099\") format(\"woff\");unicode-range:U+1F17F,U+2302,U+e1115-e1116,U+e1157-e1158}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-filled-navigation.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-filled-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+1030E,U+2BBE}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-filled-notification.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-filled-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-filled-ticket.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-filled-ticket.woff?4r2099\") format(\"woff\");unicode-range:U+e1132,U+e1134,U+e1184}@font-face{font-display:block;font-family:\"icons-20-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-20-filled-transportation.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-20-filled-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-filled-action.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-filled-action.woff?4r2099\") format(\"woff\");unicode-range:U+003F,U+1F6C8,U+2295,U+229D,U+2601,U+2606,U+2661,U+e1220,U+e1222,U+e1224-e1225,U+e1231}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+25A1,U+25B7,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-filled-journey.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-filled-journey.woff?4r2099\") format(\"woff\");unicode-range:U+e1104,U+e1106,U+e1108,U+e1110,U+e1238}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-filled-maps.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-filled-maps.woff?4r2099\") format(\"woff\");unicode-range:U+e1157-e1158}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-filled-navigation.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-filled-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+2BBE}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-filled-notification.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-filled-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123}@font-face{font-display:block;font-family:\"icons-24-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-24-filled-transportation.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-24-filled-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-filled-action.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-filled-action.woff?4r2099\") format(\"woff\");unicode-range:U+003F,U+1F6C8,U+2295,U+229D,U+2601,U+2606,U+2661,U+e1220,U+e1222,U+e1224-e1225,U+e1231,U+e904}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+23ED-23EE,U+25A1,U+25B7,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-filled-maps.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-filled-maps.woff?4r2099\") format(\"woff\");unicode-range:U+e1157-e1158}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-filled-navigation.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-filled-navigation.woff?4r2099\") format(\"woff\");unicode-range:U+2BBE}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-filled-notification.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-filled-notification.woff?4r2099\") format(\"woff\");unicode-range:U+26A0,U+e1123}@font-face{font-display:block;font-family:\"icons-32-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-32-filled-transportation.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-32-filled-transportation.woff?4r2099\") format(\"woff\");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:\"icons-48-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-48-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-48-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+25B7,U+e1296-e1297,U+25A1,U+23EE,U+23ED}@font-face{font-display:block;font-family:\"icons-64-filled\";font-style:normal;font-weight:normal;src:url(\"../../icons/functional/fonts/icons-64-filled-av.woff2?4r2099\") format(\"woff2\"),url(\"../../icons/functional/fonts/icons-64-filled-av.woff?4r2099\") format(\"woff\");unicode-range:U+25B7,U+e1296-e1297,U+25A1,U+23EE,U+23ED}.cmp-dropdown.is-account summary::before,.cmp-overflow-menu summary::before,.cmp-dropdown summary::before,.cmp-link-list li .elm-link::before,.cmp-sidenavi .elm-link[rel=help]::before,.cmp-sidenavi .elm-link[rel=calendar]::before,.cmp-sidenavi .elm-link[rel=cloud]::before,.cmp-sidenavi .elm-link[rel=dashboard]::before,.cmp-sidenavi .elm-link[rel=documents]::before,.cmp-sidenavi .elm-link[rel=index]::before,.cmp-pagination .elm-link[rel=next]::before,.cmp-pagination .elm-link[rel=prev]::before,.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after,.cmp-dialog header :is(.elm-link,button).is-close::before,.cmp-sitesearch .elm-button::before,.cmp-sitesearch .elm-label::before,.cmp-mainnavigation li[aria-haspopup=true]::after,.cmp-mainnavigation>label[for]::after,.cmp-mainnavigation>label[for]::before,.cmp-accordion summary::after,.cmp-breadcrumb ol>li:not(:first-child)::before,.cmp-breadcrumb ol>li:first-child::before,.elm-checkbox::before,.elm-link[rel=account]::before,.elm-link[rel=messages]::before,.elm-link[rel=configuration]::before,[data-icon-after]::after,[data-icon]::before,[data-icon-before]::before{-webkit-alt:\"\";alt:\"\";display:inline-block;font-family:var(--icon-font-family) !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:normal;font-weight:var(--icon-font-weight, normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle}@media aural{.cmp-dropdown.is-account summary::before,.cmp-overflow-menu summary::before,.cmp-dropdown summary::before,.cmp-link-list li .elm-link::before,.cmp-sidenavi .elm-link[rel=help]::before,.cmp-sidenavi .elm-link[rel=calendar]::before,.cmp-sidenavi .elm-link[rel=cloud]::before,.cmp-sidenavi .elm-link[rel=dashboard]::before,.cmp-sidenavi .elm-link[rel=documents]::before,.cmp-sidenavi .elm-link[rel=index]::before,.cmp-pagination .elm-link[rel=next]::before,.cmp-pagination .elm-link[rel=prev]::before,.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after,.cmp-dialog header :is(.elm-link,button).is-close::before,.cmp-sitesearch .elm-button::before,.cmp-sitesearch .elm-label::before,.cmp-mainnavigation li[aria-haspopup=true]::after,.cmp-mainnavigation>label[for]::after,.cmp-mainnavigation>label[for]::before,.cmp-accordion summary::after,.cmp-breadcrumb ol>li:not(:first-child)::before,.cmp-breadcrumb ol>li:first-child::before,.elm-checkbox::before,.elm-link[rel=account]::before,.elm-link[rel=messages]::before,.elm-link[rel=configuration]::before,[data-icon-after]::after,[data-icon]::before,[data-icon-before]::before{content:none}}@media speech{.cmp-dropdown.is-account summary::before,.cmp-overflow-menu summary::before,.cmp-dropdown summary::before,.cmp-link-list li .elm-link::before,.cmp-sidenavi .elm-link[rel=help]::before,.cmp-sidenavi .elm-link[rel=calendar]::before,.cmp-sidenavi .elm-link[rel=cloud]::before,.cmp-sidenavi .elm-link[rel=dashboard]::before,.cmp-sidenavi .elm-link[rel=documents]::before,.cmp-sidenavi .elm-link[rel=index]::before,.cmp-pagination .elm-link[rel=next]::before,.cmp-pagination .elm-link[rel=prev]::before,.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after,.cmp-dialog header :is(.elm-link,button).is-close::before,.cmp-sitesearch .elm-button::before,.cmp-sitesearch .elm-label::before,.cmp-mainnavigation li[aria-haspopup=true]::after,.cmp-mainnavigation>label[for]::after,.cmp-mainnavigation>label[for]::before,.cmp-accordion summary::after,.cmp-breadcrumb ol>li:not(:first-child)::before,.cmp-breadcrumb ol>li:first-child::before,.elm-checkbox::before,.elm-link[rel=account]::before,.elm-link[rel=messages]::before,.elm-link[rel=configuration]::before,[data-icon-after]::after,[data-icon]::before,[data-icon-before]::before{content:none}}[data-icon]:not([data-icon-variant])::before,[data-icon-before]:not([data-icon-variant-before])::before,[data-icon-after]:not([data-icon-variant-after])::after{--icon-font-family: icons-24-outline, \"missing-icons\" !important;--icon-font-size: 1.5rem}[data-icon]::before,[data-icon-before]::before{content:var(--icon-glyph-before);margin-inline-end:var(--icon-margin-after, 0.375rem);font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem))}[data-icon-after]::after{content:var(--icon-glyph-after);margin-inline-start:var(--icon-margin-before, 0.375rem);font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem))}.is-icon-text-replace[data-icon],.is-icon-text-replace[data-icon-before]{font-size:0}.is-icon-text-replace[data-icon]::before,.is-icon-text-replace[data-icon-before]::before{--icon-margin-after: 0}.is-icon-text-replace[data-icon-after]{font-size:0}.is-icon-text-replace[data-icon-after]::after{--icon-margin-before: 0}.elm-button{align-items:center;border:1px solid rgba(0,0,0,0);border-radius:4px;display:inline-flex;font-size:1rem;justify-content:center;min-height:2.75rem;padding:0.5rem 1rem}.elm-button[data-icon],.elm-button[data-icon-before]{padding-left:0.875rem}.elm-button[data-icon-after]{padding-right:0.875rem}.elm-button.is-icon-text-replace{width:2.75rem}.elm-button[data-variant=brand-primary],.elm-button[data-variant=primary]{color:#fff}.elm-button[data-variant=brand-primary],.elm-button[data-variant=primary]{font-weight:700}.elm-button[data-variant=brand-primary]{background-color:#ec0016}.elm-button[data-variant=brand-primary]:disabled{background-color:#ec001640}.elm-button[data-variant=brand-primary]:not(:disabled):hover{background-color:#db0016}.elm-button[data-variant=brand-primary]:not(:disabled):active{background-color:#cc0013}.elm-button[data-variant=primary]{background-color:#282d37}.elm-button[data-variant=primary]:disabled{background-color:#282d3740}.elm-button[data-variant=primary]:not(:disabled):hover{background-color:#2f3541}.elm-button[data-variant=primary]:not(:disabled):active{background-color:#363c4a}.elm-button[data-variant=secondary-outline]{backdrop-filter:blur(4px);background-color:rgba(0,0,0,0);border-color:#282d37;color:#282d37}.elm-button[data-variant=secondary-outline]:disabled{color:#282d3780;border-color:#282d3740}.elm-button[data-variant=secondary-outline]:not(:disabled):hover{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=secondary-outline]:not(:disabled):active{background-color:rgba(40,45,55,.06)}.elm-button[data-variant=secondary-solid]{background-color:#d7dce1;color:#282d37}.elm-button[data-variant=secondary-solid]:disabled{color:#282d3780;background-color:#d7dce140}.elm-button[data-variant=secondary-solid]:not(:disabled):hover{background-color:#cdd4da}.elm-button[data-variant=secondary-solid]:not(:disabled):active{background-color:#c5ccd3}.elm-button[data-variant=tertiary-plain]{background-color:rgba(0,0,0,0);border:2px solid rgba(0,0,0,0);color:#282d37}.elm-button[data-variant=tertiary-plain]:disabled{color:#282d3780}.elm-button[data-variant=tertiary-plain]:not(:disabled):hover{background-color:rgba(40,45,55,.03)}.elm-button[data-variant=tertiary-plain]:not(:disabled):active{background-color:rgba(40,45,55,.06)}.elm-button[data-size=small]{min-height:2.25rem}.elm-button[data-size=small]:not(.is-icon-text-replace){font-size:0.875rem}.elm-button[data-icon][data-size=small]::before,.elm-button[data-icon-before][data-size=small]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-button[data-icon-after][data-size=small]::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-button.is-icon-text-replace[data-size=small]{width:2.25rem}.elm-button[data-size=large]{min-height:3.25rem}.elm-button[data-size=large]:not(.is-icon-text-replace){font-size:1.25rem}.elm-button.is-icon-text-replace[data-size=large]{width:3.25rem}.elm-button:disabled{color:#ffffff80}.elm-button[data-width=full]{inline-size:100%}.elm-headline{text-wrap:balance;margin-bottom:1rem;margin-top:1.5rem}.elm-headline[data-pulse]::after{background:var(--db-pulse-background, #ec0016);border-radius:calc(var(--db-logo-height, 40px)/7*.5);content:\"\";display:block;margin-bottom:var(--db-pulse-margin-bottom, 14px);margin-top:calc(var(--db-logo-height, 40px)*.5);width:var(--db-logo-width, 58px);height:calc(var(--db-logo-height, 40px)/7)}h1.elm-headline,h2.elm-headline,h3.elm-headline{font-family:\"DB Screen Head\",Helvetica,Arial,sans-serif;font-weight:900}h1.elm-headline{font-size:2.25rem;line-height:1.1111111111}@media screen and (max-width: 767px){h1.elm-headline{font-size:1.75rem;line-height:1.14}}h2.elm-headline{font-size:1.5rem;line-height:1.1666666667}@media screen and (max-width: 767px){h2.elm-headline{font-size:1.25rem;line-height:1.2}}h3.elm-headline{font-size:1.25rem;line-height:1.2}@media screen and (max-width: 767px){h3.elm-headline{font-size:1.125rem;line-height:1.33}}h4.elm-headline{font-size:1.125rem;font-weight:400;line-height:1.3333333333}@media screen and (max-width: 767px){h4.elm-headline{font-size:1rem;line-height:1.25}}.elm-link{border-radius:0.25rem;display:inline-block;text-underline-offset:0.1875rem;text-underline-position:under}@supports(text-underline-offset: 3px){.elm-link{text-underline-position:auto}}.elm-link:active{color:initial}.elm-link[aria-disabled=true]{opacity:.4;pointer-events:none}.elm-link[aria-disabled=true]::before{color:initial}.elm-link[data-size=small]:not(.is-icon-text-replace){font-size:0.875rem}.elm-link[rel][data-size=small]::before,.elm-link[data-icon][data-size=small]::before,.elm-link[data-icon-before][data-size=small]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-link[data-icon-after][data-size=small]::after::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-link[rel=configuration]{--icon-glyph-before: \"⚙\"}.elm-link[rel=configuration]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.elm-link[rel=configuration]::before{content:var(--icon-glyph-before)/\"\"}}.elm-link[rel=messages]{--icon-glyph-before: \"󡈶\"}.elm-link[rel=messages]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.elm-link[rel=messages]::before{content:var(--icon-glyph-before)/\"\"}}.elm-link[rel=account]{--icon-glyph-before: \"󡈡\"}.elm-link[rel=account]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.elm-link[rel=account]::before{content:var(--icon-glyph-before)/\"\"}}.elm-link[rel=configuration]::before,.elm-link[rel=messages]::before,.elm-link[rel=account]::before{display:inline-block}.elm-logo{width:var(--db-logo-width, 58px);height:var(--db-logo-height, 40px)}.elm-logo[data-size=xsmall]{--db-logo-width: 20px;--db-logo-height: 14px}body:has(.elm-logo[data-size=xsmall]) .elm-headline[data-pulse]{--db-logo-width: 20px;--db-logo-height: 14px}.elm-logo[data-size=xsmall]~.elm-headline[data-pulse]{--db-logo-width: 20px;--db-logo-height: 14px}.elm-logo[data-size=small]{--db-logo-width: 29px;--db-logo-height: 20px}body:has(.elm-logo[data-size=small]) .elm-headline[data-pulse]{--db-logo-width: 29px;--db-logo-height: 20px}.elm-logo[data-size=small]~.elm-headline[data-pulse]{--db-logo-width: 29px;--db-logo-height: 20px}.elm-logo[data-size=medium]{--db-logo-width: 34px;--db-logo-height: 24px}body:has(.elm-logo[data-size=medium]) .elm-headline[data-pulse]{--db-logo-width: 34px;--db-logo-height: 24px}.elm-logo[data-size=medium]~.elm-headline[data-pulse]{--db-logo-width: 34px;--db-logo-height: 24px}.elm-logo[data-size=large]{--db-logo-width: 40px;--db-logo-height: 28px}body:has(.elm-logo[data-size=large]) .elm-headline[data-pulse]{--db-logo-width: 40px;--db-logo-height: 28px}.elm-logo[data-size=large]~.elm-headline[data-pulse]{--db-logo-width: 40px;--db-logo-height: 28px}.elm-logo[data-size=xlarge]{--db-logo-width: 56px;--db-logo-height: 40px}body:has(.elm-logo[data-size=xlarge]) .elm-headline[data-pulse]{--db-logo-width: 56px;--db-logo-height: 40px}.elm-logo[data-size=xlarge]~.elm-headline[data-pulse]{--db-logo-width: 56px;--db-logo-height: 40px}.elm-select,.elm-textarea,.elm-input{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-textarea~.description,.elm-input~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-textarea[data-variant=semitransparent],:where(.elm-textarea),:not(.cmp-sitesearch)>.elm-input[type=search],.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]){--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-textarea[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-textarea:not([aria-invalid]):user-valid,.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-textarea:not([aria-invalid]):user-invalid,.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week]{--formElement---borderColor: #ec0016}.elm-textarea+output:has(+.description),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-textarea+output:not(:has(+.description)),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output+.description,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-radio:has(+label)::after,.elm-checkbox:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-checkbox{--db-form-element-dimensions: var( --db-checkbox-dimensions, 1.5rem );align-content:center;appearance:none;background-color:hsla(0,0%,100%,.1);border:0.0625rem solid #282d37;border-radius:4px;color:#282d37;display:inline-flex;height:var(--db-form-element-dimensions);justify-content:center;width:var(--db-form-element-dimensions)}.elm-checkbox{--icon-glyph-before: \" \"}.elm-checkbox::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.elm-checkbox::before{content:var(--icon-glyph-before)/\"\"}}.elm-checkbox[type=checkbox]{vertical-align:top}.elm-checkbox::before{--icon-font-size: 1.375rem;margin-right:0}.elm-checkbox:checked{background-color:#282d37}.elm-checkbox:checked::before{color:#fff;content:\"✓\"}.elm-checkbox:enabled:hover{background-color:rgba(40,45,55,.14)}.elm-checkbox:enabled:hover:checked{background-color:#52575f}.elm-checkbox:enabled:active{background-color:rgba(40,45,55,.14)}.elm-checkbox:indeterminate::before{content:\"−\"}.elm-checkbox:disabled,.elm-checkbox:disabled+label{opacity:.5}.elm-checkbox+label{padding-inline-start:.25rem}.elm-select,.elm-textarea,.elm-input{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-textarea~.description,.elm-input~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-textarea[data-variant=semitransparent],:where(.elm-textarea),:not(.cmp-sitesearch)>.elm-input[type=search],.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]){--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-textarea[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-textarea:not([aria-invalid]):user-valid,.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-textarea:not([aria-invalid]):user-invalid,.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week]{--formElement---borderColor: #ec0016}.elm-textarea+output:has(+.description),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-textarea+output:not(:has(+.description)),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output+.description,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-radio:has(+label)::after,.elm-checkbox:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-input{color:#282d37;font-size:1rem;height:2.75rem;line-height:1.5rem;max-width:100%;width:100%;padding-inline:1rem}.elm-input:not(:has(+label[data-label-hidden=true])){padding-block:.5rem}.elm-input[list]::-webkit-calendar-picker-indicator{margin-right:-1rem}.elm-input:not(:placeholder-shown){padding-bottom:0}.elm-input:not(:placeholder-shown):not(:has(+label[data-label-hidden=true])){padding-top:1rem}.elm-input:focus:not(:disabled),.elm-input:hover:not(:disabled){--formElement---borderColor: #878c96}.elm-input:disabled,.elm-input:disabled+.elm-label,fieldset:disabled .elm-input,fieldset:disabled .elm-input+.elm-label{opacity:.4}.elm-input[type=color]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=date]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=datetime-local]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=email]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=month]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=number]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=password]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=tel]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=text]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=time]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=url]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=week]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label{transition:opacity,transform 250ms}@media(prefers-reduced-motion: reduce){.elm-input[type=color]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=date]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=datetime-local]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=email]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=month]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=number]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=password]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=tel]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=text]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=time]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=url]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label,.elm-input[type=week]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])+.elm-label{transition-duration:.01s !important}}.elm-input[type=color]+.elm-label,.elm-input[type=date]+.elm-label,.elm-input[type=datetime-local]+.elm-label,.elm-input[type=email]+.elm-label,.elm-input[type=month]+.elm-label,.elm-input[type=number]+.elm-label,.elm-input[type=password]+.elm-label,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label,.elm-input[type=tel]+.elm-label,.elm-input[type=text]+.elm-label,.elm-input[type=time]+.elm-label,.elm-input[type=url]+.elm-label,.elm-input[type=week]+.elm-label{color:#646973;display:block;font-size:0.75rem;margin-bottom:-1.125rem;transform:translate(1rem, -2.5625rem)}.elm-input[type=color]+.elm-label+output,.elm-input[type=color]+.elm-label~.description,.elm-input[type=date]+.elm-label+output,.elm-input[type=date]+.elm-label~.description,.elm-input[type=datetime-local]+.elm-label+output,.elm-input[type=datetime-local]+.elm-label~.description,.elm-input[type=email]+.elm-label+output,.elm-input[type=email]+.elm-label~.description,.elm-input[type=month]+.elm-label+output,.elm-input[type=month]+.elm-label~.description,.elm-input[type=number]+.elm-label+output,.elm-input[type=number]+.elm-label~.description,.elm-input[type=password]+.elm-label+output,.elm-input[type=password]+.elm-label~.description,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label+output,:where(:not(.cmp-sitesearch))>.elm-input[type=search]+.elm-label~.description,.elm-input[type=tel]+.elm-label+output,.elm-input[type=tel]+.elm-label~.description,.elm-input[type=text]+.elm-label+output,.elm-input[type=text]+.elm-label~.description,.elm-input[type=time]+.elm-label+output,.elm-input[type=time]+.elm-label~.description,.elm-input[type=url]+.elm-label+output,.elm-input[type=url]+.elm-label~.description,.elm-input[type=week]+.elm-label+output,.elm-input[type=week]+.elm-label~.description{margin-top:0}.elm-input[type=color][placeholder]:placeholder-shown+label,.elm-input[type=date][placeholder]:placeholder-shown+label,.elm-input[type=datetime-local][placeholder]:placeholder-shown+label,.elm-input[type=email][placeholder]:placeholder-shown+label,.elm-input[type=month][placeholder]:placeholder-shown+label,.elm-input[type=number][placeholder]:placeholder-shown+label,.elm-input[type=password][placeholder]:placeholder-shown+label,:where(:not(.cmp-sitesearch))>.elm-input[type=search][placeholder]:placeholder-shown+label,.elm-input[type=tel][placeholder]:placeholder-shown+label,.elm-input[type=text][placeholder]:placeholder-shown+label,.elm-input[type=time][placeholder]:placeholder-shown+label,.elm-input[type=url][placeholder]:placeholder-shown+label,.elm-input[type=week][placeholder]:placeholder-shown+label{opacity:0}.elm-input[type=color]::placeholder,.elm-input[type=date]::placeholder,.elm-input[type=datetime-local]::placeholder,.elm-input[type=email]::placeholder,.elm-input[type=month]::placeholder,.elm-input[type=number]::placeholder,.elm-input[type=password]::placeholder,:where(:not(.cmp-sitesearch))>.elm-input[type=search]::placeholder,.elm-input[type=tel]::placeholder,.elm-input[type=text]::placeholder,.elm-input[type=time]::placeholder,.elm-input[type=url]::placeholder,.elm-input[type=week]::placeholder{color:#646973}.elm-input[type=search]{background:var(--db-ic-search-24, url(../../icons/functional/images/action/db_ic_search_24.svg)) no-repeat 0.375rem 0.75rem;background-size:1.1875rem;padding-left:2rem}:not(.cmp-sitesearch)>.elm-input[type=search]+.elm-label{margin-left:1rem}.elm-loadingindicator{display:block}.elm-loadingindicator{animation:loadingindicator-rotate 3s linear infinite;color:#ec0016}.elm-loadingindicator[data-size=xl]{--loadingindicator--stroke-width: 2.5384615385px;--loadingindicator--r: 19px;height:52px;width:52px}.elm-loadingindicator[data-size=l]{--loadingindicator--stroke-width: 3px;--loadingindicator--r: 19px;height:44px;width:44px}.elm-loadingindicator{--loadingindicator--stroke-width: 3.6666666667px;--loadingindicator--r: 19px;height:36px;width:36px}.elm-loadingindicator[data-size=s]{--loadingindicator--stroke-width: 3.1428571429px;--loadingindicator--r: 19px;height:28px;width:28px}.elm-loadingindicator[data-size=xs]{--loadingindicator--stroke-width: 4.4px;--loadingindicator--r: 19px;height:20px;width:20px}.elm-loadingindicator__circle{animation:loadingindicator-stroke 1.5s ease-in-out infinite;r:var(--loadingindicator--r);stroke:currentcolor;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;stroke-width:var(--loadingindicator--stroke-width)}@keyframes loadingindicator-rotate{100%{transform:rotate(360deg)}}@keyframes loadingindicator-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:96,200;stroke-dashoffset:-32}100%{stroke-dasharray:96,200;stroke-dashoffset:-124}}.elm-progress progress{--progress-value--backgroundColor: #ec0016}.elm-progress progress{appearance:none;background-color:#fcfdfd;border:none;height:0.25rem;vertical-align:middle}.elm-progress progress::-webkit-progress-bar{background-color:#fcfdfd}.elm-progress progress::-webkit-progress-value{background-color:var(--progress-value--backgroundColor)}.elm-progress progress::-moz-progress-bar{background-color:var(--progress-value--backgroundColor)}.elm-progress progress::-ms-fill{background-color:var(--progress-value--backgroundColor);border:none}.elm-progress progress:not([style^=\"--progress-conic:\"])::-webkit-progress-value{border-radius:12px}.elm-progress progress:not([style^=\"--progress-conic:\"])::-moz-progress-bar{border-radius:12px}.elm-progress progress:not([style^=\"--progress-conic:\"])::-ms-fill{border-radius:12px}.elm-progress progress:indeterminate{animation-duration:2.1s;animation-iteration-count:infinite;animation-name:elmProgressMoveIndeterminate;animation-timing-function:linear;animation-timing-function:cubic-bezier(0.65, 0.815, 0.735, 0.395);background-color:#fcfdfd;background-image:linear-gradient(to right, #ec0016 100%, #fcfdfd 100%);background-position:top left;background-repeat:no-repeat;background-size:150% 150%}@media(prefers-reduced-motion: reduce){.elm-progress progress:indeterminate{animation-duration:15s}}.elm-progress progress:indeterminate::-webkit-progress-bar{background-color:rgba(0,0,0,0)}.elm-progress progress:indeterminate::-moz-progress-bar{background-color:rgba(0,0,0,0)}@supports(background: conic-gradient(#000, #fff)){.elm-progress progress[style^=\"--progress-conic:\"]{--fill: calc(var(--progress-conic) * 1%);background:conic-gradient(var(--progress-value--backgroundColor) var(--fill), #fff 0);border:0;border-radius:50%;height:4.6875rem;width:4.6875rem}.elm-progress progress[style^=\"--progress-conic:\"]::-webkit-progress-inner-element,.elm-progress progress[style^=\"--progress-conic:\"]::-webkit-progress-bar,.elm-progress progress[style^=\"--progress-conic:\"]::-webkit-progress-value{display:none}.elm-progress progress[style^=\"--progress-conic:\"]::-moz-progress-bar{background:none}.elm-progress progress[style^=\"--progress-conic:\"]+output,.elm-progress progress[style^=\"--progress-conic:\"]+label{align-items:center;background:#fdfdfd;border-radius:50%;display:block;display:flex;height:3.4375rem;justify-content:center;position:absolute;transform:translate(0.625rem, -4.0625rem);width:3.4375rem}}@keyframes elmProgressMoveIndeterminate{0%{background-position:-35% 0;background-size:35% 100%}60%{background-position:101% 0;background-size:65% 100%}100%{background-position:101% 0;background-size:1% 100%}}.elm-select,.elm-textarea,.elm-input{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-textarea~.description,.elm-input~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-textarea[data-variant=semitransparent],:where(.elm-textarea),:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-textarea[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-textarea:not([aria-invalid]):user-valid,.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-textarea:not([aria-invalid]):user-invalid,.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week]{--formElement---borderColor: #ec0016}.elm-textarea+output:has(+.description),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-textarea+output:not(:has(+.description)),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output+.description,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-radio:has(+label)::after,.elm-checkbox:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-radio{--db-form-element-dimensions: var( --db-radio-dimensions, 1.25em );appearance:none;background-color:hsla(0,0%,100%,.1);border:0.0625rem solid #282d37;border-radius:1em;display:inline-block;font-size:1rem;height:var(--db-form-element-dimensions);transition:border-width .5s ease;width:var(--db-form-element-dimensions)}.elm-radio[type=radio]{vertical-align:sub}.elm-radio:enabled:hover:not(:checked){background-color:rgba(40,45,55,.14)}.elm-radio:enabled:active{background-color:rgba(40,45,55,.3)}.elm-radio:checked{border-width:0.375em}.elm-radio:is(:user-invalid),.elm-radio[aria-invalid=true]{border-color:#c13e34}.elm-radio+label{padding-inline-start:.25rem}.elm-radio:disabled,.elm-radio:disabled+label{opacity:.5}@media(prefers-reduced-motion: reduce){.elm-radio{transition-duration:.01s !important}}.elm-select,.elm-textarea,.elm-input{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-textarea~.description,.elm-input~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-textarea[data-variant=semitransparent],:where(.elm-textarea),:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-textarea[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-textarea[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-textarea[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-textarea:not([aria-invalid]):user-valid,.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-textarea:not([aria-invalid]):user-invalid,.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week]{--formElement---borderColor: #ec0016}.elm-textarea+output:has(+.description),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-textarea+output:not(:has(+.description)),.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output+.description,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-checkbox:has(+label)::after,.elm-radio:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-textarea{display:block;font-size:1rem;height:2.75rem;line-height:1.5rem;max-width:100%;padding:0.375rem 0.625rem;resize:vertical;width:100%}.elm-textarea:not([rows]){max-height:37.5rem;min-height:7.5rem}.elm-textarea[rows]{height:initial}.elm-textarea:focus:not(:disabled),.elm-textarea:hover:not(:disabled){--formElement---borderColor: #878c96}.elm-textarea:disabled,.elm-textarea:disabled+.elm-label,fieldset:disabled .elm-textarea,fieldset:disabled .elm-textarea+.elm-label{opacity:.4}.elm-select,.elm-input,.elm-textarea{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-select~.description,.elm-input~.description,.elm-textarea~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-select[data-variant=semitransparent],:where(.elm-select:not([multiple])),:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search],:where(.elm-textarea),.elm-textarea[data-variant=semitransparent]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=white],.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white],.elm-textarea[data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-select[data-variant=solid],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid],.elm-textarea[data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-select[data-variant=outline],.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline],.elm-textarea[data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid,.elm-textarea:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid,.elm-textarea:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-select:not([multiple]),[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week],[aria-invalid=true].elm-textarea{--formElement---borderColor: #ec0016}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description),.elm-textarea+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)),.elm-textarea+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description,.elm-textarea+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-checkbox:has(+label)::after,.elm-radio:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.elm-select{appearance:none;font-size:1rem}.elm-select::-ms-expand{display:none}.elm-select:not([multiple]){background-image:var(--db-ic-expand-more-20, url(../../icons/functional/images/navigation/db_ic_expand_more_20.svg));background-position:right 0.6875rem center;background-repeat:no-repeat;height:2.75rem;padding:1.25rem 2.625rem 0 1rem}.elm-select:not([multiple]):has(+label[data-label-hidden=true]){padding-top:0}.elm-select:not([multiple])+.elm-label{pointer-events:none;position:absolute;transition:opacity,transform 250ms}@media(prefers-reduced-motion: reduce){.elm-select:not([multiple])+.elm-label{transition-duration:.01s !important}}.elm-select:not([multiple]):has(option:checked:empty)+.elm-label{color:#646973;font-size:1rem;transform:translate(1rem, -2.1875rem)}.elm-select:not([multiple]):not([aria-invalid]):is(:user-valid),.elm-select:not([multiple])[data-variant]  :not([aria-invalid]):is(:user-valid){--formElement---borderColor: #2a7230}.elm-select:not([multiple]):not([aria-invalid]):is(:user-invalid),.elm-select:not([multiple])[data-variant]  :not([aria-invalid]):is(:user-invalid){--formElement---borderColor: #ec0016}.elm-select:disabled,.elm-select:disabled+.elm-label,fieldset:disabled .elm-select,fieldset:disabled .elm-select+.elm-label{opacity:.4}.elm-select+.elm-label{display:block;font-size:0.75rem;margin-bottom:-1.125rem;transform:translate(1rem, -2.5625rem);transition:opacity,transform 150ms}@media(prefers-reduced-motion: reduce){.elm-select+.elm-label{transition-duration:.01s !important}}.elm-select[multiple]{margin-top:1rem}.elm-select[multiple]+.elm-label{transform:translate(1rem, -6.25rem)}.elm-select optgroup{background-color:rgba(0,0,0,0);font-style:normal}.elm-select option:not(:disabled):hover{background-color:#d7dce1}.elm-select option:checked{background-color:#d7dce1}.elm-chip+label{--db-focus-outline-size: max(2px, 0.08em);align-items:center;border:solid 1px #878c96;border-radius:0.25rem;display:inline-flex;font-weight:500;font-size:0.875rem;height:1.75rem;justify-content:center;padding-left:0.4375rem;padding-right:0.4375rem;text-decoration:none;text-transform:capitalize;white-space:nowrap}.elm-chip+label[data-icon]::before,.elm-chip+label[data-icon-before]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-chip+label[data-icon-after]::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-chip:not(:disabled,:checked)+label:hover{background-color:rgba(40,45,55,.03)}.elm-chip:checked+label{background-color:#282d37;border-color:rgba(0,0,0,0);color:#fff}.elm-chip:checked+label[data-variant=light]{background-color:#d7dce1;color:#282d37;border:1px solid #878c96}.elm-chip:checked+label[data-variant=warning]{background-color:#f75f00}.elm-chip:checked+label[data-variant=error]{background-color:#ec0016}.elm-chip:checked+label[data-variant=informative]{background-color:#0087b9}.elm-chip:checked+label[data-variant=success]{background-color:#508b1b}.elm-chip:checked+label[data-variant=poi-essen-trinken]{background-color:#f39200;color:#282d37}.elm-chip:checked+label[data-variant=poi-einkaufen]{background-color:#814997}.elm-chip:checked+label[data-variant=poi-gesundheit]{background-color:#a9455d}.elm-chip:checked+label[data-variant=poi-kunst-kultur]{background-color:#e93e8f}.elm-chip:checked+label[data-variant=poi-wissenswertes]{background-color:#858379}.elm-chip:checked+label[data-variant=poi-freizeit]{background-color:#408335}.elm-chip:checked+label[data-variant=poi-zivile-rel-einrichtungen]{background-color:#00a099}.elm-chip:checked+label[data-variant=poi-dienstleistungen]{background-color:#309fd1;color:#282d37}.elm-chip:checked+label[data-variant=poi-db-services-einrichtung]{background-color:#0c3992}.elm-chip:checked+label[data-variant=poi-wegeleitung]{background-color:#3c414b}.elm-chip:disabled+label{opacity:.5}.elm-chip:focus-visible+label{outline:var(--db-focus-outline-size) var(--db-focus-outline-style, solid) var(--db-focus-outline-color, currentColor);outline-offset:var(--db-focus-outline-offset, var(--db-focus-outline-size))}.elm-tag{align-items:center;background-color:#282d37;border-radius:0.25rem;color:#fff;display:inline-flex;font-weight:500;font-size:0.75rem;height:1.5rem;justify-content:center;padding-left:0.25rem;padding-right:0.25rem;text-transform:capitalize;white-space:nowrap}.elm-tag[data-size=small]{height:1.25rem}.elm-tag[data-variant=light]{background-color:#d7dce1;color:#282d37;border:1px solid #878c96}.elm-tag[data-variant=warning]{background-color:#cc4e00}.elm-tag[data-variant=error]{background-color:#db0014}.elm-tag[data-variant=informative]{background-color:#006a96}.elm-tag[data-variant=success]{background-color:#467a18}.elm-tag[data-variant=track]{background-color:#0a1e6e;font-weight:700}.elm-tag[data-variant=poi-essen-trinken]{background-color:#f39200;color:#282d37}.elm-tag[data-variant=poi-einkaufen]{background-color:#814997}.elm-tag[data-variant=poi-gesundheit]{background-color:#a9455d}.elm-tag[data-variant=poi-kunst-kultur]{background-color:#e93e8f}.elm-tag[data-variant=poi-wissenswertes]{background-color:#858379}.elm-tag[data-variant=poi-freizeit]{background-color:#408335}.elm-tag[data-variant=poi-zivile-rel-einrichtungen]{background-color:#00a099}.elm-tag[data-variant=poi-dienstleistungen]{background-color:#309fd1;color:#282d37}.elm-tag[data-variant=poi-db-services-einrichtung]{background-color:#0c3992}.elm-tag[data-variant=poi-wegeleitung]{background-color:#3c414b}.elm-tag[data-icon]::before,.elm-tag[data-icon-before]::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-tag[data-icon]::before,.elm-tag[data-icon-before]::before{--icon-margin-after: 0.125rem}.elm-tag[data-icon-after]::after{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;--icon-font-size: 1.25rem}.elm-tag[data-icon-after]::after{--icon-margin-before: 0.125rem}.elm-toggle{appearance:none;background-color:#646973;border:none;border-radius:0.75rem;display:inline-block;height:1.5rem;position:relative;transition:background-color .3s ease;width:3rem}@media(prefers-reduced-motion: reduce){.elm-toggle{transition-duration:.01s !important}}.elm-toggle+.elm-label{vertical-align:top}.elm-toggle::before{background-color:#fff;border-radius:0.625rem;box-shadow:0 5px 30px 0 rgba(0,0,0,.05),0 1px 5px 0 rgba(0,0,0,.15);content:\"\";display:block;height:1.25rem;left:0.125rem;position:absolute;top:0.125rem;transition:border-color,left .3s cubic-bezier(0.3, 1.5, 0.7, 1);width:1.25rem}@media(prefers-reduced-motion: reduce){.elm-toggle::before{transition-duration:.01s !important}}.elm-toggle:hover::before{background-color:#f7f7f7}.elm-toggle:active::before{transition:width .3s cubic-bezier(0.3, 1.5, 0.7, 1);width:1.5rem}@media(prefers-reduced-motion: reduce){.elm-toggle:active::before{transition-duration:.01s !important}}.elm-toggle:checked{background-color:#131821}.elm-toggle:checked::before{left:unset;right:0.125rem}.elm-toggle:disabled,.elm-toggle:disabled+label{opacity:.5}.elm-youtube{height:19.6875rem;width:35rem}.cmp-breadcrumb{color:#646973;font-size:0.75rem}.cmp-breadcrumb a{color:inherit}.cmp-breadcrumb ol{display:flex}.cmp-breadcrumb ol>li{align-items:center;display:inline-flex;margin-right:0.1875rem}.cmp-breadcrumb ol>li [aria-current=location],.cmp-breadcrumb ol>li [aria-current=page]{color:#282d37}.cmp-breadcrumb ol>li .elm-link{border-radius:0.25rem;padding:0.0625rem 0.1875rem 0.0625rem 0.25rem;text-decoration:none}.cmp-breadcrumb ol>li .elm-link:hover{background-color:rgba(40,45,55,.03)}.cmp-breadcrumb ol>li .elm-link:active{background-color:rgba(40,45,55,.06)}.cmp-breadcrumb ol>li:first-child{--icon-glyph-before: \"⌂\"}.cmp-breadcrumb ol>li:first-child::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.25rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-breadcrumb ol>li:first-child::before{content:var(--icon-glyph-before)/\"\"}}.cmp-breadcrumb ol>li:first-child::before{--icon-margin-after: 0.1875rem}.cmp-breadcrumb ol>li:not(:first-child){--icon-glyph-before: \">\"}.cmp-breadcrumb ol>li:not(:first-child)::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.25rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-breadcrumb ol>li:not(:first-child)::before{content:var(--icon-glyph-before)/\"\"}}.cmp-breadcrumb ol>li:not(:first-child)::before{--icon-font-size: 0.875rem;--icon-margin-after: 0;color:#878c96;margin-left:-0.125rem}.cmp-cards{list-style:none;margin:0;padding:0}@supports(display: grid){.cmp-cards{display:grid;grid-gap:1.5rem;grid-template-columns:repeat(auto-fill, minmax(21.25rem, 1fr))}}.cmp-card{background-color:#fff;border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05)}.cmp-card>a{text-decoration:none}.cmp-card figure{margin:1rem 1rem 1rem .5rem}.cmp-card[data-variant=banner] figure{display:flex}.cmp-card[data-variant=banner] figcaption{margin-left:1rem}.cmp-card[data-variant=banner] figcaption h1,.cmp-card[data-variant=banner] figcaption h2,.cmp-card[data-variant=banner] figcaption h3,.cmp-card[data-variant=banner] figcaption h4,.cmp-card[data-variant=banner] figcaption h5,.cmp-card[data-variant=banner] figcaption h6{font-size:1.125rem}.cmp-card[data-variant=banner] figcaption h1,.cmp-card[data-variant=banner] figcaption h1~p,.cmp-card[data-variant=banner] figcaption h2,.cmp-card[data-variant=banner] figcaption h2~p,.cmp-card[data-variant=banner] figcaption h3,.cmp-card[data-variant=banner] figcaption h3~p,.cmp-card[data-variant=banner] figcaption h4,.cmp-card[data-variant=banner] figcaption h4~p,.cmp-card[data-variant=banner] figcaption h5,.cmp-card[data-variant=banner] figcaption h5~p,.cmp-card[data-variant=banner] figcaption h6,.cmp-card[data-variant=banner] figcaption h6~p{margin:.125rem 0}.cmp-card[data-variant=banner] figcaption p{font-size:0.875rem;max-width:18.125rem}.cmp-card[data-variant=tile]{text-align:center}.cmp-card figcaption{max-width:60ch}.cmp-accordion{--db-accordion---paddingLeft: 1rem;border-bottom:1px solid #d7dce1;padding-left:var(--db-accordion---paddingLeft);padding-right:1rem}.cmp-accordion summary{align-items:center;display:flex;justify-content:space-between;padding-block:.75rem;transform:translateX(calc(var(--db-accordion---paddingLeft) * -1));width:calc(100% + var(--db-accordion---paddingLeft) + 1rem)}.cmp-accordion summary{--icon-glyph-after: \"⌄\"}.cmp-accordion summary::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem));margin-inline-start:var(--icon-margin-before, 0.375rem);content:var(--icon-glyph-after)}@supports(content: \"\"/\"\"){.cmp-accordion summary::after{content:var(--icon-glyph-after)/\"\"}}.cmp-accordion summary::-webkit-details-marker{display:none}.cmp-accordion summary:first-of-type{list-style-type:none}.cmp-accordion summary::after{--icon-margin-before: 0.5rem;margin-right:0.875rem}.cmp-accordion summary+p{margin-top:0}.cmp-accordion[open]>summary::after{content:\"⌃\"}.cmp-accordion[data-emphasis=high]{--db-accordion---paddingLeft: 1.5rem}.cmp-accordion[data-emphasis=high] summary{font-weight:700;height:3.5rem}.cmp-accordion[data-emphasis=high] summary::after{--icon-font-size: 2rem}.cmp-accordion[data-size=small]{--db-accordion---paddingLeft: 0.25rem}.cmp-accordion[data-size=small] summary{font-size:0.875rem;padding-block:.59375rem}.cmp-accordion[data-size=small] summary::after{--icon-font-size: 1.25rem;--icon-margin-after: 0.375rem;margin-left:0.375rem}.cmp-accordion[data-size=large]{--db-accordion---paddingLeft: 1.5rem}.cmp-accordion[data-size=large] summary{font-size:1.25rem;padding-block:1rem}.cmp-accordion[data-size=large] summary::after{--icon-font-size: 2rem}.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch::before,.cmp-mainnavigation::before{position:absolute;content:\"\";width:1px;height:1.5rem;background-color:rgba(40,45,55,.2);inset-block-start:50%;transform:translateY(-50%)}.cmp-mainnavigation{top:0;padding-inline-start:1.5rem;position:relative}.cmp-mainnavigation::before{inset-inline-start:0}.rea-header .cmp-mainnavigation{order:1}@supports not selector(:has(db)){.cmp-mainnavigation{margin:auto}}.cmp-mainnavigation .elm-link{border-radius:initial;color:inherit;display:inline-block;text-decoration:none}.cmp-mainnavigation>input[type=checkbox][id]{appearance:none;position:absolute;block-size:1.5rem;aspect-ratio:1/1}@media screen and (width > 1023px){.cmp-mainnavigation>input[type=checkbox][id],.cmp-mainnavigation>input[type=checkbox][id]+label[for]{display:none}}.cmp-mainnavigation>label[for]{background-color:#fdfdfd;border-bottom:1px solid #f5f4f1;display:block;padding:0.5rem 1.375rem 0.625rem}.cmp-mainnavigation>label[for]{--icon-glyph-before: \"󡄢\"}.cmp-mainnavigation>label[for]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-mainnavigation>label[for]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-mainnavigation>label[for]{--icon-glyph-after: \"⨯\"}.cmp-mainnavigation>label[for]::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem));margin-inline-start:var(--icon-margin-before, 0.375rem);content:var(--icon-glyph-after)}@supports(content: \"\"/\"\"){.cmp-mainnavigation>label[for]::after{content:var(--icon-glyph-after)/\"\"}}.cmp-mainnavigation>label[for]::before{margin-right:1rem}.cmp-mainnavigation>label[for]::after{margin-right:1rem}@media screen and (max-width: 1023px){.cmp-mainnavigation{z-index:30}.cmp-mainnavigation>input[type=checkbox][id]+label[for]{padding:0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]{font-size:0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]::before{--icon-margin-after: 0}.cmp-mainnavigation>input[type=checkbox][id]+label[for]::before,.cmp-mainnavigation>input[type=checkbox][id]+label[for]::after{margin:0}.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)+label[for]::after{content:none}.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)~ul{display:none}.cmp-mainnavigation>input[type=checkbox][id]:checked{inset-inline-end:1.5rem;inset-block-start:1rem;position:absolute;z-index:50}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]{background-color:#fff;block-size:3.5rem}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]::after{padding:.5rem;inset-inline-end:1rem;inset-block-start:.5rem;position:absolute;z-index:50}.cmp-mainnavigation>input[type=checkbox][id]:checked+label[for]::before{content:\"\";position:fixed;inset:0;z-index:30;background-color:#282d37;opacity:.8}.cmp-mainnavigation:has(>input[type=checkbox][id]:not(:checked)){position:absolute;inset-inline-end:1.5rem;inset-block-start:50%;transform:translateY(-50%);padding-inline-start:1rem}.cmp-mainnavigation:has(>input[type=checkbox][id]:checked){position:fixed;inset:0;padding:0;margin-inline-start:1.5rem}.cmp-mainnavigation:has(>input[type=checkbox][id]:checked)::after{content:\"\";width:100%;block-size:3.5rem;background-color:#fff;inset:0;position:absolute;z-index:30;border-bottom:1px solid rgba(40,45,55,.2);border-top-left-radius:4px}}.cmp-mainnavigation ul{background-color:#fdfdfd}@media screen and (width > 1023px){.cmp-mainnavigation ul ul{box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);position:absolute;visibility:hidden;z-index:70}}@media screen and (max-width: 1023px){.cmp-mainnavigation ul ul{display:none}}@media screen and (max-width: 1023px){.cmp-mainnavigation>ul{background-color:#fff;position:absolute;inset-inline:0;inset-block-end:0;inset-block-start:3.5rem;z-index:50;padding:.75rem;margin-block-end:3.5rem;overflow:auto}}@media screen and (width > 1023px){.cmp-mainnavigation>ul{display:flex;gap:.75rem}}@media screen and (width > 1023px){.cmp-mainnavigation>ul>li>.elm-link,.cmp-mainnavigation>ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li>*>.elm-link{height:2.5rem;padding:.5rem .75rem;border-radius:4px}.cmp-mainnavigation>ul>li>.elm-link:hover,.cmp-mainnavigation>ul>li>.elm-link:focus,.cmp-mainnavigation>ul>li>*>.elm-link:hover,.cmp-mainnavigation>ul>li>*>.elm-link:focus,.cmp-mainnavigation>ul>*>li>.elm-link:hover,.cmp-mainnavigation>ul>*>li>.elm-link:focus,.cmp-mainnavigation>ul>*>li>*>.elm-link:hover,.cmp-mainnavigation>ul>*>li>*>.elm-link:focus{border-bottom-color:#d7dce1}.cmp-mainnavigation>ul>li>.elm-link[aria-current=page]::after,.cmp-mainnavigation>ul>li>*>.elm-link[aria-current=page]::after,.cmp-mainnavigation>ul>*>li>.elm-link[aria-current=page]::after,.cmp-mainnavigation>ul>*>li>*>.elm-link[aria-current=page]::after{height:4px;width:100%;content:\"\";background-color:#ec0016;border-radius:2px;position:absolute;inset-block-start:calc(100% + .25rem);inset-inline:0}}@media screen and (width > 1023px){.cmp-mainnavigation>ul>li ul,.cmp-mainnavigation>ul>*>li ul{inset-inline-start:0;min-width:100%;inset-block-start:calc(100% + .5rem)}.cmp-mainnavigation>ul>li ul::before,.cmp-mainnavigation>ul>*>li ul::before{content:\"\";height:.5rem;width:100%;position:absolute;inset-block-end:100%}.cmp-mainnavigation>ul>li ul ul,.cmp-mainnavigation>ul>*>li ul ul{inset-inline-start:100%;top:auto;inset-block-start:.25rem}.cmp-mainnavigation>ul>li ul .elm-link,.cmp-mainnavigation>ul>*>li ul .elm-link{align-items:center;display:flex;min-height:3.3125rem;padding-left:1.125rem;padding-right:1.125rem}}@media screen and (max-width: 1023px){.cmp-mainnavigation>ul>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li>*>.elm-link{padding-left:2.125rem}}@media screen and (max-width: 1023px){.cmp-mainnavigation>ul>li ul>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>li ul>*>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>li ul>*>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>li>*>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>*>li>.elm-link,.cmp-mainnavigation>ul>*>li ul>*>li ul>*>li>*>.elm-link{padding-left:3.75rem}}.cmp-mainnavigation li{display:block;position:relative}.cmp-mainnavigation li[aria-haspopup=true]{--icon-glyph-after: \">\"}.cmp-mainnavigation li[aria-haspopup=true]::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem));margin-inline-start:var(--icon-margin-before, 0.375rem);content:var(--icon-glyph-after)}@supports(content: \"\"/\"\"){.cmp-mainnavigation li[aria-haspopup=true]::after{content:var(--icon-glyph-after)/\"\"}}.cmp-mainnavigation li[aria-haspopup=true]::after{position:absolute;right:1rem;top:0.5625rem}.cmp-mainnavigation li:is(:hover,:focus-within)>ul,.cmp-mainnavigation li:is(:hover,:focus-within)>*>ul{visibility:visible}@media screen and (max-width: 1023px){.cmp-mainnavigation li:is(:hover,:focus-within)>ul,.cmp-mainnavigation li:is(:hover,:focus-within)>*>ul{display:initial}}@media screen and (max-width: 1023px){.cmp-mainnavigation li:hover>a{font-weight:700}.cmp-mainnavigation li:hover[aria-haspopup=true]{--icon-glyph-after: \"⌄\"}.cmp-mainnavigation li .elm-link{color:inherit;padding-block:.5rem;padding-inline-start:.75rem;width:calc(100% - 4rem)}.cmp-mainnavigation li[aria-haspopup=true]{position:relative}}@media screen and (width > 1023px){.cmp-mainnavigation li[aria-haspopup=true]::after{content:none}.cmp-mainnavigation li .elm-link{background-color:rgba(40,45,55,0)}.cmp-mainnavigation li .elm-link:hover{background-color:rgba(40,45,55,.08);color:initial}.cmp-mainnavigation li .elm-link:active{background-color:rgba(40,45,55,.16)}.cmp-mainnavigation li .elm-link[aria-current=page]{font-weight:700}}.cmp-metanavigation{display:flex;list-style:none;margin-bottom:0;margin-top:0;padding-left:0;gap:.5rem}.cmp-metanavigation li{padding-left:0.5rem;padding-right:0.5rem}.rea-footer .cmp-metanavigation li{padding-left:0.375rem;padding-right:0.375rem}.cmp-metanavigation li .elm-link{text-decoration:none}.rea-header .cmp-metanavigation li .elm-link{font-size:0}.rea-header .cmp-metanavigation li .elm-link::before{--icon-margin-after: 0}.rea-footer .cmp-metanavigation{flex-wrap:wrap;justify-content:center}@media screen and (max-width: 767px){.rea-footer .cmp-metanavigation{margin-bottom:1rem}}@media screen and (min-width: 768px){.rea-footer .cmp-metanavigation{float:right}}.cmp-brand{font-weight:bold;display:flex;align-items:center;gap:1rem}.cmp-brand a,.cmp-brand img{height:1.5rem}.cmp-brand img{width:auto}.cmp-brand a{color:inherit;text-decoration:none}.elm-input,.elm-textarea,.elm-select{--formElement---borderTopColor: var( --formElement---borderColor, transparent );--formElement---borderRightColor: var( --formElement---borderColor, transparent );--formElement---borderBottomColor: var( --formElement---borderColor, rgba(40, 45, 55, 0.5) );--formElement---borderLeftColor: var( --formElement---borderColor, transparent );border-radius:4px;caret-color:#ec0016;color:#282d37}.elm-input~.description,.elm-textarea~.description,.elm-select~.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}:where(.elm-input[type=color],.elm-input[type=date],.elm-input[type=datetime-local],.elm-input[type=email],.elm-input[type=month],.elm-input[type=number],.elm-input[type=password],:where(:not(.cmp-sitesearch))>.elm-input[type=search],.elm-input[type=tel],.elm-input[type=text],.elm-input[type=time],.elm-input[type=url],.elm-input[type=week]),.elm-input[type=color][data-variant=semitransparent],.elm-input[type=date][data-variant=semitransparent],.elm-input[type=datetime-local][data-variant=semitransparent],.elm-input[type=email][data-variant=semitransparent],.elm-input[type=month][data-variant=semitransparent],.elm-input[type=number][data-variant=semitransparent],.elm-input[type=password][data-variant=semitransparent],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=semitransparent],.elm-input[type=tel][data-variant=semitransparent],.elm-input[type=text][data-variant=semitransparent],.elm-input[type=time][data-variant=semitransparent],.elm-input[type=url][data-variant=semitransparent],.elm-input[type=week][data-variant=semitransparent],:not(.cmp-sitesearch)>.elm-input[type=search],:where(.elm-textarea),.elm-textarea[data-variant=semitransparent],:where(.elm-select:not([multiple])),.elm-select[data-variant=semitransparent]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:rgba(40,45,55,.05);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-input[type=color][data-variant=white],.elm-input[type=date][data-variant=white],.elm-input[type=datetime-local][data-variant=white],.elm-input[type=email][data-variant=white],.elm-input[type=month][data-variant=white],.elm-input[type=number][data-variant=white],.elm-input[type=password][data-variant=white],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=white],.elm-input[type=tel][data-variant=white],.elm-input[type=text][data-variant=white],.elm-input[type=time][data-variant=white],.elm-input[type=url][data-variant=white],.elm-input[type=week][data-variant=white],.elm-textarea[data-variant=white],.elm-select[data-variant=white]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#fff;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.cmp-sitesearch .elm-input[type=search],.elm-input[type=color][data-variant=solid],.elm-input[type=date][data-variant=solid],.elm-input[type=datetime-local][data-variant=solid],.elm-input[type=email][data-variant=solid],.elm-input[type=month][data-variant=solid],.elm-input[type=number][data-variant=solid],.elm-input[type=password][data-variant=solid],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=solid],.elm-input[type=tel][data-variant=solid],.elm-input[type=text][data-variant=solid],.elm-input[type=time][data-variant=solid],.elm-input[type=url][data-variant=solid],.elm-input[type=week][data-variant=solid],.elm-textarea[data-variant=solid],.elm-select[data-variant=solid]{--formElement---borderColor: rgba(40, 45, 55, 0.5);background-color:#f0f3f5;border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-left-color:rgba(0,0,0,0);border-right:1px solid var(--formElement---borderRightColor);border-right-color:rgba(0,0,0,0);border-top:1px solid var(--formElement---borderTopColor);border-top-color:rgba(0,0,0,0)}.elm-input[type=color][data-variant=outline],.elm-input[type=date][data-variant=outline],.elm-input[type=datetime-local][data-variant=outline],.elm-input[type=email][data-variant=outline],.elm-input[type=month][data-variant=outline],.elm-input[type=number][data-variant=outline],.elm-input[type=password][data-variant=outline],:where(:not(.cmp-sitesearch))>.elm-input[type=search][data-variant=outline],.elm-input[type=tel][data-variant=outline],.elm-input[type=text][data-variant=outline],.elm-input[type=time][data-variant=outline],.elm-input[type=url][data-variant=outline],.elm-input[type=week][data-variant=outline],.elm-textarea[data-variant=outline],.elm-select[data-variant=outline]{--formElement---borderColor: rgba(40, 45, 55, 0.25);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--formElement---borderBottomColor);border-left:1px solid var(--formElement---borderLeftColor);border-right:1px solid var(--formElement---borderRightColor);border-top:1px solid var(--formElement---borderTopColor)}.elm-input[type=color]:not([aria-invalid]):user-valid,.elm-input[type=date]:not([aria-invalid]):user-valid,.elm-input[type=datetime-local]:not([aria-invalid]):user-valid,.elm-input[type=email]:not([aria-invalid]):user-valid,.elm-input[type=month]:not([aria-invalid]):user-valid,.elm-input[type=number]:not([aria-invalid]):user-valid,.elm-input[type=password]:not([aria-invalid]):user-valid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-valid,.elm-input[type=tel]:not([aria-invalid]):user-valid,.elm-input[type=text]:not([aria-invalid]):user-valid,.elm-input[type=time]:not([aria-invalid]):user-valid,.elm-input[type=url]:not([aria-invalid]):user-valid,.elm-input[type=week]:not([aria-invalid]):user-valid,.elm-textarea:not([aria-invalid]):user-valid{--formElement---borderColor: #2a7230}.elm-input[type=color]:not([aria-invalid]):user-invalid,.elm-input[type=date]:not([aria-invalid]):user-invalid,.elm-input[type=datetime-local]:not([aria-invalid]):user-invalid,.elm-input[type=email]:not([aria-invalid]):user-invalid,.elm-input[type=month]:not([aria-invalid]):user-invalid,.elm-input[type=number]:not([aria-invalid]):user-invalid,.elm-input[type=password]:not([aria-invalid]):user-invalid,:where(:not(.cmp-sitesearch))>.elm-input[type=search]:not([aria-invalid]):user-invalid,.elm-input[type=tel]:not([aria-invalid]):user-invalid,.elm-input[type=text]:not([aria-invalid]):user-invalid,.elm-input[type=time]:not([aria-invalid]):user-invalid,.elm-input[type=url]:not([aria-invalid]):user-invalid,.elm-input[type=week]:not([aria-invalid]):user-invalid,.elm-textarea:not([aria-invalid]):user-invalid{--formElement---borderColor: #ec0016}[aria-invalid=true].elm-input[type=color],[aria-invalid=true].elm-input[type=date],[aria-invalid=true].elm-input[type=datetime-local],[aria-invalid=true].elm-input[type=email],[aria-invalid=true].elm-input[type=month],[aria-invalid=true].elm-input[type=number],[aria-invalid=true].elm-input[type=password],:where(:not(.cmp-sitesearch))>[aria-invalid=true].elm-input[type=search],[aria-invalid=true].elm-input[type=tel],[aria-invalid=true].elm-input[type=text],[aria-invalid=true].elm-input[type=time],[aria-invalid=true].elm-input[type=url],[aria-invalid=true].elm-input[type=week],[aria-invalid=true].elm-textarea,[aria-invalid=true].elm-select:not([multiple]){--formElement---borderColor: #ec0016}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:has(+.description),.elm-textarea+output:has(+.description){float:right}@supports(position-area: block-end span-inline-start){.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output:not(:has(+.description)),.elm-textarea+output:not(:has(+.description)){position:absolute;position-area:block-end span-inline-start}}.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output,.elm-textarea+output,.elm-input:is([type=email],[type=password],[type=search],[type=tel],[type=text],[type=url])+label+output+.description,.elm-textarea+output+.description{color:#646973;font-size:0.875rem;padding:0.375rem 0.625rem}.elm-checkbox:has(+label)::after,.elm-radio:has(+label)::after{content:\"\";width:calc(var(--db-form-element-dimensions) + 0.25rem);height:var(--db-form-element-dimensions);transform:translateX(0.25rem);position:absolute}.cmp-sitesearch{position:relative;display:flex;align-items:center;padding-inline-end:.75rem}@media screen and (max-width: 1023px){.cmp-sitesearch{margin-inline-start:auto;margin-inline-end:2.25rem}.cmp-sitesearch::before{display:none}}.cmp-sitesearch .elm-input[type=search]{background-image:none;opacity:0;width:0;padding:0}.cmp-sitesearch .elm-input[type=search]:focus,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown){opacity:1;width:calc(15rem + 1rem);padding-inline-start:1rem;padding-inline-end:3rem;padding-top:0}.cmp-sitesearch .elm-input[type=search]:focus+.elm-label,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown)+.elm-label{display:none}.cmp-sitesearch .elm-input[type=search]:focus~.elm-button,.cmp-sitesearch .elm-input[type=search]:not(:placeholder-shown)~.elm-button{display:flex}.cmp-sitesearch .elm-label{padding:.5rem;border-radius:4px;display:inline-block}.cmp-sitesearch .elm-label{--icon-glyph-before: \"󡉔\"}.cmp-sitesearch .elm-label::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sitesearch .elm-label::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sitesearch .elm-label::before{vertical-align:top}.rea-meta .cmp-sitesearch .elm-label{font-size:0}.rea-meta .cmp-sitesearch .elm-label::before{--icon-margin-after: 0}.cmp-sitesearch .elm-button{display:none;position:absolute;padding:.5rem;inset-inline-end:.75rem;border:0}.cmp-sitesearch .elm-button{font-size:0}.cmp-sitesearch .elm-button::before{--icon-margin-after: 0}.cmp-sitesearch .elm-button{--icon-glyph-before: \"󡉔\"}.cmp-sitesearch .elm-button::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sitesearch .elm-button::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sitesearch .elm-label,.cmp-sitesearch .elm-button{background-color:rgba(40,45,55,0)}.cmp-sitesearch .elm-label:hover,.cmp-sitesearch .elm-button:hover{background-color:rgba(40,45,55,.08)}.cmp-sitesearch .elm-label:active,.cmp-sitesearch .elm-button:active{background-color:rgba(40,45,55,.16)}@media screen and (max-width: 31.25rem){.cmp-sitesearch:focus-within,.cmp-sitesearch:has(.elm-input[type=search]:not(:placeholder-shown)){left:1rem;position:absolute;z-index:10}.cmp-sitesearch:focus-within .elm-input[type=search],.cmp-sitesearch:has(.elm-input[type=search]:not(:placeholder-shown)) .elm-input[type=search]{width:calc(100vw - 5.5rem)}}.cmp-notification{background-color:#282d37;box-shadow:0 4px 10px 0 rgba(0,0,0,.1);margin-bottom:1rem;padding:1rem}section[data-variant=hovering] .cmp-notification{background-color:#fff}section[data-variant=alert] .cmp-notification{color:#fff}section[data-variant=hovering] .cmp-notification{border:2px solid rgba(0,0,0,0);border-radius:0.5rem;padding:0.875rem 1rem}.cmp-notification[data-type=success]{background-color:#508b1b}section[data-variant=hovering] .cmp-notification[data-type=success]{border-color:#508b1b}.cmp-notification[data-type=warning]{background-color:#f75f00}section[data-variant=hovering] .cmp-notification[data-type=warning]{border-color:#f75f00}.cmp-notification[data-type=error]{background-color:#ec0016}section[data-variant=hovering] .cmp-notification[data-type=error]{border-color:#ec0016}.cmp-notification[data-type=informative]{background-color:#0087b9}section[data-variant=hovering] .cmp-notification[data-type=informative]{border-color:#0087b9}.cmp-notification[data-icon],.cmp-notification[data-icon-before],.cmp-notification[data-icon-after]{align-items:center;display:flex}.cmp-notification[data-icon]::before,.cmp-notification[data-icon-before]::before{--icon-margin-after: 0.625rem}.cmp-notification[data-icon-after]{justify-content:space-between}.cmp-notification[data-icon-after]::after{--icon-margin-before: 0.625rem}.cmp-dialog{border:0;border-radius:8px;color:#282d37;font-size:0.875rem;margin-top:0;max-width:90vw;padding:1rem;position:fixed;top:50%;transform:translate(0, -50%)}@media screen and (min-width: 768px){.cmp-dialog{padding:1.5rem}}.cmp-dialog::backdrop{background-color:rgba(0,0,0,.9)}.cmp-dialog+.backdrop{background-color:rgba(0,0,0,.9)}.no-js .cmp-dialog:target{display:initial}.cmp-dialog header{color:#131821;transform:translateY(-0.5625rem)}.cmp-dialog header .elm-headline{font-size:1.125rem;font-weight:700;line-height:1.5rem;margin-bottom:0.375rem;margin-right:1.5rem;margin-top:0;text-align:center}@media screen and (min-width: 768px){.cmp-dialog header .elm-headline{font-size:1.5rem;line-height:1.75rem}}.cmp-dialog header :is(.elm-link,button).is-close{position:absolute;right:0;top:0;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.cmp-dialog header :is(.elm-link,button).is-close{--icon-glyph-before: \"⨯\"}.cmp-dialog header :is(.elm-link,button).is-close::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-dialog header :is(.elm-link,button).is-close::before{content:var(--icon-glyph-before)/\"\"}}.cmp-dialog header :is(.elm-link,button).is-close{font-size:0}.cmp-dialog header :is(.elm-link,button).is-close::before{--icon-margin-after: 0}.cmp-dialog main p:first-child{margin-top:0}.cmp-dialog footer{display:flex;margin-top:1.125rem}.cmp-dialog footer .elm-button+.elm-button{margin-left:1rem}.cmp-dialog footer[data-alignment=end]{justify-content:flex-end}.cmp-dialog footer:not([data-alignment=end]) .elm-button{flex-grow:1}.cmp-language-switcher{list-style:none;margin-right:1rem;position:relative}.cmp-language-switcher:hover li:not([aria-current],[aria-selected]),.cmp-language-switcher:focus li:not([aria-current],[aria-selected]){visibility:visible}.cmp-language-switcher:hover li[aria-current=page],.cmp-language-switcher:hover li[aria-selected=true],.cmp-language-switcher:focus li[aria-current=page],.cmp-language-switcher:focus li[aria-selected=true]{color:#ec0016}.cmp-language-switcher li{background-color:#fdfdfd;position:absolute;top:1.625rem}.rea-header .cmp-language-switcher li{top:calc(var(--db-language-switcher---direction, 1)*(100%*1 + 1rem - 2px));z-index:40}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*2 + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*3 + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*4 + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*5 + 1rem - 2px))}.rea-header .cmp-language-switcher li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true])~li:not([aria-current=page],[aria-selected=true]){top:calc(var(--db-language-switcher---direction, 1)*(100%*6 + 1rem - 2px))}@media screen and (width > 1023px){.rea-header .cmp-language-switcher li{top:100%}}.cmp-language-switcher li .elm-link,.cmp-language-switcher li .elm-button{color:inherit;text-decoration:none}.cmp-language-switcher li:not([aria-current],[aria-selected]){visibility:hidden}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button{padding-block:1rem;padding-right:2.125rem}.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:hover,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-link:focus,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:hover,.cmp-language-switcher li:not([aria-current],[aria-selected]) .elm-button:focus{background-color:#d7dce1}.cmp-language-switcher li[aria-current],.cmp-language-switcher li[aria-selected]{position:initial}.cmp-language-switcher li[aria-current] .elm-link,.cmp-language-switcher li[aria-current] .elm-button,.cmp-language-switcher li[aria-selected] .elm-link,.cmp-language-switcher li[aria-selected] .elm-button{--icon-glyph-after: \"⌄\"}.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-after, var(--icon-font-size, 1.5rem));margin-inline-start:var(--icon-margin-before, 0.375rem);content:var(--icon-glyph-after)}@supports(content: \"\"/\"\"){.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after{content:var(--icon-glyph-after)/\"\"}}.cmp-language-switcher li[aria-current] .elm-link:hover,.cmp-language-switcher li[aria-current] .elm-button:hover,.cmp-language-switcher li[aria-selected] .elm-link:hover,.cmp-language-switcher li[aria-selected] .elm-button:hover{color:#ec0016}.cmp-language-switcher li[aria-current] .elm-link::after,.cmp-language-switcher li[aria-current] .elm-button::after,.cmp-language-switcher li[aria-selected] .elm-link::after,.cmp-language-switcher li[aria-selected] .elm-button::after{float:right;margin-left:0.3125rem}.cmp-language-switcher li .elm-link,.cmp-language-switcher li .elm-button{display:inline-block;padding-left:1.125rem}.cmp-language-switcher li .elm-link:hover,.cmp-language-switcher li .elm-link:focus,.cmp-language-switcher li .elm-button:hover,.cmp-language-switcher li .elm-button:focus{color:initial}.cmp-language-switcher li .elm-button{line-height:1.5;padding-right:0;border-width:0;padding-top:0.5625rem}.cmp-pagination{color:#282d37;font-size:0.875rem;user-select:none}.cmp-pagination>ol{display:flex}.cmp-pagination li,.cmp-pagination .elm-link{align-items:center;display:inline-flex;justify-content:center}.cmp-pagination li{height:2.25rem;width:2.25rem}.cmp-pagination .elm-link{color:inherit;height:100%;text-decoration:none;width:100%}.cmp-pagination .elm-link[rel=prev],.cmp-pagination .elm-link[rel=next]{padding:0;vertical-align:bottom}.cmp-pagination .elm-link[rel=prev]::before{margin-left:0.6875rem}.cmp-pagination .elm-link[rel=next]::before{margin-right:0.6875rem}.cmp-pagination .elm-link[rel=prev]{--icon-glyph-before: \"<\"}.cmp-pagination .elm-link[rel=prev]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-pagination .elm-link[rel=prev]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-pagination .elm-link[rel=prev]{font-size:0}.cmp-pagination .elm-link[rel=prev]::before{--icon-margin-after: 0}.cmp-pagination .elm-link[rel=next]{--icon-glyph-before: \">\"}.cmp-pagination .elm-link[rel=next]::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-pagination .elm-link[rel=next]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-pagination .elm-link[rel=next]{font-size:0}.cmp-pagination .elm-link[rel=next]::before{--icon-margin-after: 0}.cmp-pagination .elm-link[aria-current=page]{font-weight:700}.cmp-sidenavi{background-color:#3c414b;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);display:inline-block}.cmp-sidenavi .elm-link{border-radius:initial;color:#d7dce1;display:block;padding:1.25rem 1rem;text-decoration:none}.cmp-sidenavi .elm-link:hover,.cmp-sidenavi .elm-link:focus,.cmp-sidenavi .elm-link[aria-current=page]{color:#3c414b}.cmp-sidenavi .elm-link:hover,.cmp-sidenavi .elm-link:focus{background-color:#afb4bb}.cmp-sidenavi .elm-link[aria-current=page]{background-color:#d7dce1;font-weight:700}.cmp-sidenavi .elm-link[rel]{padding-left:1.3125rem}.cmp-sidenavi .elm-link[rel=index]{--icon-glyph-before: \"⌂\"}.cmp-sidenavi .elm-link[rel=index]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=index]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=documents]{--icon-glyph-before: \"🖹\"}.cmp-sidenavi .elm-link[rel=documents]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=documents]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=dashboard]{--icon-glyph-before: \"󡅤\"}.cmp-sidenavi .elm-link[rel=dashboard]::before{--icon-font-family: \"icons-32-enterprise-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=dashboard]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=cloud]{--icon-glyph-before: \"☁\"}.cmp-sidenavi .elm-link[rel=cloud]::before{--icon-font-family: \"icons-32-enterprise-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=cloud]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=calendar]{--icon-glyph-before: \"󡉇\"}.cmp-sidenavi .elm-link[rel=calendar]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=calendar]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-sidenavi .elm-link[rel=help]{--icon-glyph-before: \"?\"}.cmp-sidenavi .elm-link[rel=help]::before{--icon-font-family: \"icons-32-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 2rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-sidenavi .elm-link[rel=help]::before{content:var(--icon-glyph-before)/\"\"}}.cmp-tab-bar{display:flex;flex-wrap:wrap;gap:.25rem}.cmp-tab-bar>input[type=radio]+label[role=tab],.cmp-tab-bar>*>input[type=radio]+label[role=tab]{cursor:pointer;display:flex;padding:.875rem 1rem;position:relative;z-index:1;border-radius:4px;align-items:center}.cmp-tab-bar>input[type=radio]+label[role=tab]::before,.cmp-tab-bar>*>input[type=radio]+label[role=tab]::before{margin-inline-start:-0.125rem}.cmp-tab-bar>input[type=radio]:focus+label,.cmp-tab-bar>*>input[type=radio]:focus+label{outline:1px dotted #878c96}.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:hover,.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:focus,.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:hover,.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:focus{background-color:#282d371F}.cmp-tab-bar>input[type=radio]:not(:checked)+label[role=tab]:active,.cmp-tab-bar>*>input[type=radio]:not(:checked)+label[role=tab]:active{background-color:#282d373D}.cmp-tab-bar>input[type=radio]:disabled+label[role=tab],.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]{color:#878c96}.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:hover,.cmp-tab-bar>input[type=radio]:disabled+label[role=tab]:focus,.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:hover,.cmp-tab-bar>*>input[type=radio]:disabled+label[role=tab]:focus{background-color:unset}.cmp-tab-bar>input[type=radio]:checked+label[role=tab],.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]{font-weight:700}.cmp-tab-bar>input[type=radio]:checked+label[role=tab]+section[role=tabpanel],.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]+section[role=tabpanel]{display:initial}.cmp-tab-bar>input[type=radio]:checked+label[role=tab]::after,.cmp-tab-bar>*>input[type=radio]:checked+label[role=tab]::after{background-color:#ec0016;border-radius:5px;content:\"\";display:block;height:.25rem;inset-block-end:0;inset-inline:0;position:absolute}.cmp-tab-bar label[role=tab],.cmp-tab-bar section[role=tabpanel]{background-color:#fdfdfd}.cmp-tab-bar section[role=tabpanel]{display:none;flex-basis:100%;order:1;margin-block-start:.125rem}.cmp-tab-bar[data-size=small]>input[type=radio]+label[role=tab],.cmp-tab-bar[data-size=small]>*>input[type=radio]+label[role=tab]{padding-block:.625rem}.cmp-table{border-collapse:collapse;font-size:var(--table---fontSize, inherit);text-align:left}.cmp-table,.cmp-table>caption{box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05)}.cmp-table caption{font-weight:700;padding:1rem 0.75rem;text-align:left}.cmp-table thead{border-bottom:0.0625rem solid #282d37;border-top:0.0625rem solid #282d37}.cmp-table thead th{color:#646973}.cmp-table th{font-weight:400}.cmp-table th,.cmp-table td{padding:.75rem;text-align:inherit;vertical-align:inherit}.cmp-table th:hover,.cmp-table td:hover{resize:horizontal}.cmp-table th:hover:not(:has(.cmp-overflow-menu)),.cmp-table td:hover:not(:has(.cmp-overflow-menu)){overflow:auto}.cmp-table tbody{border-bottom:0.0625rem solid #282d37}.cmp-table tbody th:first-child{border-right:1px solid #4f4b41}.cmp-table thead[data-align=left],.cmp-table tbody[data-align=left],.cmp-table tr[data-align=left],.cmp-table th[data-align=left],.cmp-table td[data-align=left]{text-align:left}.cmp-table thead[data-align=center],.cmp-table tbody[data-align=center],.cmp-table tr[data-align=center],.cmp-table th[data-align=center],.cmp-table td[data-align=center]{text-align:center}.cmp-table thead[data-align=right],.cmp-table tbody[data-align=right],.cmp-table tr[data-align=right],.cmp-table th[data-align=right],.cmp-table td[data-align=right]{text-align:right}.cmp-table thead[data-vertical-align=top],.cmp-table tbody[data-vertical-align=top],.cmp-table tr[data-vertical-align=top],.cmp-table th[data-vertical-align=top],.cmp-table td[data-vertical-align=top]{vertical-align:top}.cmp-table thead[data-vertical-align=middle],.cmp-table tbody[data-vertical-align=middle],.cmp-table tr[data-vertical-align=middle],.cmp-table th[data-vertical-align=middle],.cmp-table td[data-vertical-align=middle]{vertical-align:middle}.cmp-table thead[data-vertical-align=bottom],.cmp-table tbody[data-vertical-align=bottom],.cmp-table tr[data-vertical-align=bottom],.cmp-table th[data-vertical-align=bottom],.cmp-table td[data-vertical-align=bottom]{vertical-align:bottom}.cmp-table[data-border=horizontal] tbody tr:not(:last-child) th,.cmp-table[data-border=horizontal] tbody tr:not(:last-child) td,.cmp-table[data-border=around] tbody tr:not(:last-child) th,.cmp-table[data-border=around] tbody tr:not(:last-child) td{border-bottom:1px solid #d7dce1}.cmp-table[data-border=around] tbody th:not(:first-child),.cmp-table[data-border=around] tbody td:not(:first-child){border-left:1px solid #d7dce1}.cmp-table[data-rows=zebra] tbody tr:nth-child(odd){backdrop-filter:blur(4px);background-color:rgba(40,45,55,.07)}.cmp-table[data-density=small] th,.cmp-table[data-density=small] td{padding:.5rem}.cmp-table[data-density=large] th,.cmp-table[data-density=large] td{padding:1rem}.cmp-table[data-sticky=header] thead,.cmp-table[data-sticky=header] tbody th{background-color:#fff;position:sticky;top:-1px}.cmp-link-list{list-style:none;padding-left:0}.cmp-link-list li .elm-link{font-weight:700;text-decoration:none}.cmp-link-list li .elm-link{--icon-glyph-before: \">\"}.cmp-link-list li .elm-link::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-link-list li .elm-link::before{content:var(--icon-glyph-before)/\"\"}}.cmp-link-list li .elm-link:hover,.cmp-link-list li .elm-link:active{text-decoration:underline}.cmp-link-list li .elm-link::before{color:#ec0016;display:inline-block;font-size:0.75rem;font-weight:700;margin-top:-0.125rem;vertical-align:middle}.cmp-overflow-menu,.cmp-dropdown{color:#2d333f;display:inline-block;position:relative}.cmp-overflow-menu:not(.is-account) summary,.cmp-dropdown:not(.is-account) summary{font-size:0}.cmp-overflow-menu:not(.is-account) summary::before,.cmp-dropdown:not(.is-account) summary::before{--icon-margin-after: 0}.cmp-overflow-menu summary,.cmp-dropdown summary{display:inline-flex;align-items:center;padding:.5rem .75rem;border-radius:4px;cursor:default;background-color:rgba(40,45,55,0)}.cmp-overflow-menu summary,.cmp-dropdown summary{--icon-glyph-before: \"⋮\"}.cmp-overflow-menu summary::before,.cmp-dropdown summary::before{--icon-font-family: \"icons-20-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.25rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-overflow-menu summary::before,.cmp-dropdown summary::before{content:var(--icon-glyph-before)/\"\"}}.cmp-overflow-menu summary::before,.cmp-dropdown summary::before{transform:translateX(-0.125rem)}.cmp-overflow-menu summary:hover,.cmp-dropdown summary:hover{background-color:rgba(40,45,55,.08)}.cmp-overflow-menu summary:active,.cmp-dropdown summary:active{background-color:rgba(40,45,55,.16)}.cmp-overflow-menu summary::-webkit-details-marker,.cmp-dropdown summary::-webkit-details-marker{display:none}.cmp-overflow-menu summary:first-of-type,.cmp-dropdown summary:first-of-type{list-style-type:none}.cmp-overflow-menu menu,.cmp-dropdown menu,.cmp-overflow-menu ul,.cmp-dropdown ul{background-color:#fff;border-radius:8px;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));margin-block-start:1rem;padding-left:0;position:absolute;width:min-content;z-index:60}.cmp-overflow-menu menu::before,.cmp-dropdown menu::before,.cmp-overflow-menu ul::before,.cmp-dropdown ul::before{border-bottom:0.8125rem solid #fff;border-left:0.8125rem solid rgba(0,0,0,0);border-right:0.8125rem solid rgba(0,0,0,0);content:\"\";height:0;position:absolute;transform:translate(0.75rem, -0.8125rem);width:0}.cmp-overflow-menu menu li button,.cmp-dropdown menu li button,.cmp-overflow-menu menu li a,.cmp-dropdown menu li a,.cmp-overflow-menu ul li button,.cmp-dropdown ul li button,.cmp-overflow-menu ul li a,.cmp-dropdown ul li a{background-color:#fff;border-radius:unset;display:block;font-weight:400;padding:1rem 2rem 1rem 1rem;text-decoration:none}.cmp-overflow-menu menu li button:hover,.cmp-dropdown menu li button:hover,.cmp-overflow-menu menu li button:focus,.cmp-dropdown menu li button:focus,.cmp-overflow-menu menu li a:hover,.cmp-dropdown menu li a:hover,.cmp-overflow-menu menu li a:focus,.cmp-dropdown menu li a:focus,.cmp-overflow-menu ul li button:hover,.cmp-dropdown ul li button:hover,.cmp-overflow-menu ul li button:focus,.cmp-dropdown ul li button:focus,.cmp-overflow-menu ul li a:hover,.cmp-dropdown ul li a:hover,.cmp-overflow-menu ul li a:focus,.cmp-dropdown ul li a:focus{background-color:#d7dce1;color:inherit}.cmp-overflow-menu menu li:first-child button,.cmp-dropdown menu li:first-child button,.cmp-overflow-menu menu li:first-child a,.cmp-dropdown menu li:first-child a,.cmp-overflow-menu ul li:first-child button,.cmp-dropdown ul li:first-child button,.cmp-overflow-menu ul li:first-child a,.cmp-dropdown ul li:first-child a{border-top-left-radius:8px;border-top-right-radius:8px}.cmp-overflow-menu menu li:last-child button,.cmp-dropdown menu li:last-child button,.cmp-overflow-menu menu li:last-child a,.cmp-dropdown menu li:last-child a,.cmp-overflow-menu ul li:last-child button,.cmp-dropdown ul li:last-child button,.cmp-overflow-menu ul li:last-child a,.cmp-dropdown ul li:last-child a{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.cmp-overflow-menu[data-horizontal-position=opposite] menu,[data-horizontal-position=opposite].cmp-dropdown menu,.cmp-overflow-menu[data-horizontal-position=opposite] ul,[data-horizontal-position=opposite].cmp-dropdown ul{right:0}.cmp-overflow-menu[data-horizontal-position=opposite] menu::before,[data-horizontal-position=opposite].cmp-dropdown menu::before,.cmp-overflow-menu[data-horizontal-position=opposite] ul::before,[data-horizontal-position=opposite].cmp-dropdown ul::before{right:0;transform:translate(-0.75rem, -0.8125rem)}.cmp-overflow-menu menu,.cmp-dropdown menu{list-style-type:\"\"}.cmp-overflow-menu menu li,.cmp-dropdown menu li{overflow-x:hidden}.cmp-overflow-menu menu button,.cmp-dropdown menu button{line-height:inherit;text-align:left;width:100%}.cmp-overflow-menu[open] summary::after,[open].cmp-dropdown summary::after{content:\" \";display:inline-block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:50}.cmp-dropdown.is-account summary{--icon-glyph-before: \"󡈡\"}.cmp-dropdown.is-account summary::before{--icon-font-family: \"icons-24-outline\", \"missing-icons\" !important;font-size:var(--icon-font-size-before, var(--icon-font-size, 1.5rem));margin-inline-end:var(--icon-margin-after, 0.375rem);content:var(--icon-glyph-before)}@supports(content: \"\"/\"\"){.cmp-dropdown.is-account summary::before{content:var(--icon-glyph-before)/\"\"}}@media screen and (max-width: 41rem){.cmp-dropdown.is-account summary{font-size:0}.cmp-dropdown.is-account summary::before{--icon-margin-after: 0}}.cmp-dropdown menu,.cmp-dropdown ul{background-color:#fff;margin-block-start:initial;right:0;transform:translateY(0.875rem)}.cmp-dropdown menu::before,.cmp-dropdown ul::before{content:none}.cmp-dropdown[data-horizontal-position=opposite] menu,.cmp-dropdown[data-horizontal-position=opposite] ul{right:unset}body{display:grid;grid-template-rows:auto 1fr auto}body.has-fixed-header .rea-header,body.has-fixed-footer .rea-footer{position:fixed;width:100%;z-index:10}body.has-fixed-header{padding-top:5.9375rem}body.has-fixed-header .rea-header{top:0}@media screen and (max-width: 1023px){body.has-fixed-header{padding-top:5rem}}body.has-fixed-footer{padding-bottom:5.5rem}body.has-fixed-footer .rea-footer{bottom:0}@media screen and (max-width: 1023px){body.has-fixed-footer{padding-bottom:5.875rem}}.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch::before,.cmp-mainnavigation::before{position:absolute;content:\"\";width:1px;height:1.5rem;background-color:rgba(40,45,55,.2);inset-block-start:50%;transform:translateY(-50%)}.rea-header{background-color:#fdfdfd;box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 1px rgba(0,0,0,.05);align-items:center;margin-bottom:1rem;display:flex;gap:1.5rem;min-block-size:3.5rem;padding-inline:1.5rem}@media screen and (width > 1023px){.rea-header{padding-block:.875rem}}.rea-header:has(.cmp-sitesearch):has(.cmp-metanavigation) .cmp-sitesearch::before{inset-inline-end:0}@media screen and (max-width: 1023px){.rea-header{border-bottom:0.0625rem solid #9c9a8e;position:relative}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta>.elm-link,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-metanavigation,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-language-switcher,.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:not(:checked)) .rea-meta .cmp-dropdown{display:none}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta{--db-language-switcher---direction: -1;background-color:#fff;position:fixed;inset-inline-end:0;inset-inline-start:1.5rem;inset-block-start:unset;inset-block-end:0;block-size:3.5rem;z-index:50;border-top:1px solid rgba(40,45,55,.2);border-bottom-left-radius:4px;padding-inline:1rem}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta .cmp-sitesearch{display:none}.rea-header:has(.cmp-mainnavigation>input[type=checkbox][id]:checked) .rea-meta .cmp-dropdown>menu{bottom:100%;transform:translateY(-0.875rem)}}.rea-meta{display:flex;align-items:center;margin-inline-start:auto;gap:.5rem}.rea-meta ul,.rea-meta ol{margin:0;padding:0}.rea-meta ul{list-style:none}.rea-header .rea-meta{order:2}.rea-header .rea-meta .elm-link{padding-bottom:0.5625rem;padding-top:0.5625rem}.rea-meta>.elm-link[rel=account]{margin-left:0.25rem}.rea-meta>.elm-link[rel=account]{font-size:0}.rea-meta>.elm-link[rel=account]::before{--icon-margin-after: 0}@media screen and (min-width: 27.25rem){.rea-meta>.elm-link[rel=account]{margin-left:0.5rem}}.rea-meta .cmp-sitesearch:focus-within~.elm-link[rel=account]{font-size:0}.rea-meta .cmp-sitesearch:focus-within~.elm-link[rel=account]::before{--icon-margin-after: 0}.rea-footer::after,.rea-main::after{clear:both;content:\" \";display:table}.rea-main{background-color:rgba(0,0,0,0);margin:0 auto;padding:1rem;position:relative}@media screen and (min-width: 1088px){.rea-main{max-width:960px;width:960px}}@media screen and (min-width: 1280px){.rea-main{max-width:1152px;width:1152px}}@media screen and (min-width: 1472px){.rea-main{max-width:1344px;width:1344px}}.rea-grid{flex-wrap:wrap;margin-left:-0.625rem;margin-right:-0.625rem;margin-top:-0.625rem}@media screen and (min-width: 769px),print{.rea-grid{display:flex}}.rea-grid>div,.rea-grid>area,.rea-grid>section,.rea-grid>li{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.625rem}@media screen and (max-width: 1199px){.rea-grid>div,.rea-grid>area,.rea-grid>section,.rea-grid>li{padding:0.375rem}}.rea-grid:last-child{margin-bottom:-0.625rem}.rea-grid:not(:last-child){margin-bottom:.875rem}@media screen and (max-width: 1199px){.rea-grid{margin-left:-0.375rem;margin-right:-0.375rem;margin-top:-0.375rem}.rea-grid:last-child{margin-bottom:-0.375rem}.rea-grid:not(:last-child){margin-bottom:calc(1.5rem - 0.375rem)}}.rea-grid [data-type=four-fifths]{flex:none;width:80%}.rea-grid [data-type=three-quarters]{flex:none;width:75%}.rea-grid [data-type=two-thirds]{flex:none;width:66.6666%}.rea-grid [data-type=three-fifths]{flex:none;width:60%}.rea-grid [data-type=half]{flex:none;width:50%}.rea-grid [data-type=two-fifths]{flex:none;width:40%}.rea-grid [data-type=one-third]{flex:none;width:33.3333%}.rea-grid [data-type=one-quarter]{flex:none;width:25%}.rea-grid [data-type=one-fifth]{flex:none;width:20%}.rea-footer{background-color:#fdfdfd;box-shadow:0 0 5px rgba(0,0,0,.08),0 5px 30px rgba(0,0,0,.05);color:#646973;margin-top:1rem;padding:1.3125rem 1rem}.rea-footer.has-border{border-top:0.375rem solid #d7dce1}@media screen and (max-width: 767px){.rea-footer{text-align:center}}/*# sourceMappingURL=db-ui-core.css.map */\n","/* Document\n * ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n:where(html) {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n * ========================================================================== */\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Edge, Firefox, and Safari.\n */\n\n:where(h1) {\n  font-size: 2em;\n  margin-block-end: 0.67em;\n  margin-block-start: 0.67em;\n}\n\n/* Grouping content\n * ========================================================================== */\n\n/**\n * Remove the margin on nested lists in Chrome, Edge, and Safari.\n */\n\n:where(dl, ol, ul) :where(dl, ol, ul) {\n  margin-block-end: 0;\n  margin-block-start: 0;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Correct the inheritance of border color in Firefox.\n */\n\n:where(hr) {\n  box-sizing: content-box; /* 1 */\n  color: inherit; /* 2 */\n  height: 0; /* 1 */\n}\n\n/* Text-level semantics\n * ========================================================================== */\n\n/**\n * Add the correct text decoration in Safari.\n */\n\n:where(abbr[title]) {\n  text-decoration: underline;\n  text-decoration: underline dotted;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n:where(b, strong) {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\n:where(small) {\n  font-size: 80%;\n}\n\n/* Tabular data\n * ========================================================================== */\n\n/**\n * 1. Correct table border color in Chrome, Edge, and Safari.\n * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.\n */\n\n:where(table) {\n  border-color: currentColor; /* 1 */\n  text-indent: 0; /* 2 */\n}\n\n/* Forms\n * ========================================================================== */\n\n/**\n * Remove the margin on controls in Safari.\n */\n\n:where(button, input, select) {\n  margin: 0;\n}\n\n/**\n * Remove the inheritance of text transform in Firefox.\n */\n\n:where(button) {\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style buttons in iOS and Safari.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"reset\" i], [type=\"submit\" i])) {\n  -webkit-appearance: button;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Edge, and Firefox.\n */\n\n:where(progress) {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the inheritance of text transform in Firefox.\n */\n\n:where(select) {\n  text-transform: none;\n}\n\n/**\n * Remove the margin in Firefox and Safari.\n */\n\n:where(textarea) {\n  margin: 0;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome, Edge, and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n:where(input[type=\"search\" i]) {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Safari.\n */\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n  color: inherit;\n  opacity: 0.54;\n}\n\n/**\n * Remove the inner padding in Chrome, Edge, and Safari on macOS.\n */\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style upload buttons in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/**\n * Remove the inner border and padding of focus outlines in Firefox.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"color\" i], [type=\"reset\" i], [type=\"submit\" i]))::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus outline styles unset by the previous rule in Firefox.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"color\" i], [type=\"reset\" i], [type=\"submit\" i]))::-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Remove the additional :invalid styles in Firefox.\n */\n\n:where(:-moz-ui-invalid) {\n  box-shadow: none;\n}\n\n/* Interactive\n * ========================================================================== */\n\n/*\n * Add the correct styles in Safari.\n */\n\n:where(dialog) {\n  background-color: white;\n  border: solid;\n  color: black;\n  height: -moz-fit-content;\n  height: fit-content;\n  left: 0;\n  margin: auto;\n  padding: 1em;\n  position: absolute;\n  right: 0;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n:where(dialog:not([open])) {\n  display: none;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\n:where(summary) {\n  display: list-item;\n}\n","@use \"sass:color\";\n// *! this is an opionionated (especially based on \"enhancing\" normalize.css) version of minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css\nhtml,\nbody {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody {\n\tmin-height: 100vh;\n\tfont-size: 1rem;\n}\n\n// adapted from https://github.com/jgthms/bulma/blob/0.7.5/sass/base/generic.sass\nhtml {\n\tbackground-color: #fdfdfd; // TODO: This would need to get replaced by the correct (semantic) color\n\t// font-size: 16px; // We need to deactivate this due to accessibility problems, as even also reported with https://github.com/jgthms/bulma/issues/3588\n\t-moz-osx-font-smoothing: grayscale;\n\t-webkit-font-smoothing: antialiased;\n\tmin-width: 300px;\n\toverflow-x: hidden;\n\toverflow-y: scroll;\n\ttext-rendering: optimizeLegibility;\n\ttext-size-adjust: 100%;\n\ttext-size-adjust: 100%;\n}\n\nbody,\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n\tfont-family: $db-font-family-base;\n}\n\ncode,\npre {\n\t-moz-osx-font-smoothing: auto;\n\t-webkit-font-smoothing: auto;\n}\n\nbody {\n\tcolor: $db-color-cool-gray-700;\n\tfont-size: 1rem;\n\tfont-weight: 400;\n\tline-height: 1.5;\n}\n\n// Inline\na {\n\tcolor: $db-color-cool-gray-700;\n\n\tstrong {\n\t\tcolor: currentColor;\n\t}\n\n\t&:hover {\n\t\tcolor: #5d616a; // TODO: Identify correct color variable\n\t}\n}\n\ncode {\n\tbackground-color: #f5f5f5;\n\tcolor: color.adjust($db-color-red, $lightness: -2%);\n\tfont-size: 0.875em;\n\tfont-weight: normal;\n\tpadding: 0.25em 0.5em;\n}\n\nhr {\n\tbackground-color: #f5f5f5;\n\tborder: none;\n\tdisplay: block;\n\theight: 2px;\n\tmargin: 1.5rem 0;\n}\n\nimg {\n\theight: auto;\n\tmax-width: 100%;\n}\n\nsmall {\n\tfont-size: to-em($pxValue: 14);\n}\n\n// Block\nfieldset {\n\tborder: none;\n}\n\npre {\n\tbackground-color: #f5f5f5;\n\tcolor: #282d37;\n\tfont-size: 0.875em;\n\t-webkit-overflow-scrolling: touch;\n\toverflow-x: auto;\n\tpadding: 1.25rem 1.5rem;\n\twhite-space: pre;\n\tword-wrap: normal;\n\n\tcode {\n\t\tbackground-color: transparent;\n\t\tcolor: currentColor;\n\t\tfont-size: 1em;\n\t\tpadding: 0;\n\t}\n}\n","\n// Do not edit directly\n// Generated on Thu, 21 Nov 2024 12:10:30 GMT\n\n$db-asset-font-db-screensans-regular-name: \"DB Screen Sans Regular\";\n$db-asset-font-db-screensans-regular-fontfamily: \"DB Screen Sans\";\n$db-asset-font-db-screensans-regular-fontweight: \"400\";\n$db-asset-font-db-screensans-regular-woff: \"assets/fonts/dbscreensans-regular.woff\";\n$db-asset-font-db-screensans-regular-woff2: \"assets/fonts/dbscreensans-regular.woff2\";\n$db-asset-font-db-screensans-bold-name: \"DB Screen Sans Bold\";\n$db-asset-font-db-screensans-bold-fontfamily: \"DB Screen Sans\";\n$db-asset-font-db-screensans-bold-fontweight: \"700\";\n$db-asset-font-db-screensans-bold-woff: \"assets/fonts/dbscreensans-bold.woff\";\n$db-asset-font-db-screensans-bold-woff2: \"assets/fonts/dbscreensans-bold.woff2\";\n$db-asset-font-db-screenhead-name: \"DB Screen Head\";\n$db-asset-font-db-screenhead-fontfamily: \"DB Screen Head\";\n$db-asset-font-db-screenhead-fontweight: \"300\";\n$db-asset-font-db-screenhead-woff: \"assets/fonts/dbscreenhead-light.woff\";\n$db-asset-font-db-screenhead-woff2: \"assets/fonts/dbscreenhead-light.woff2\";\n$db-asset-font-db-screensansdigital-name: \"DB Screen Sans Digital Regular\";\n$db-asset-font-db-screensansdigital-fontfamily: \"DB Screen Sans Digital\";\n$db-asset-font-db-screensansdigital-fontweight: \"400\";\n$db-asset-font-db-screensansdigital-woff: \"assets/fonts/dbscreensans-digitalregular.woff\";\n$db-asset-font-db-screensansdigital-woff2: \"assets/fonts/dbscreensans-digitalregular.woff2\";\n$db-color-success: #508b1b; // This is the general success color\n$db-color-success-small-font: #467a18; // in case a font-size smaller than 14dp is in use\n$db-color-error: #ec0016; // This is the general error color\n$db-color-error-small-font: #db0014; // in case a font-size smaller than 14dp is in use\n$db-color-warning: #f75f00; // This is the general warning color\n$db-color-warning-small-font: #cc4e00; // in case a font-size smaller than 14dp is in use\n$db-color-informative: #0087b9; // This is the general informative color\n$db-color-informative-small-font: #006a96; // in case a font-size smaller than 14dp is in use\n$db-color-food-drink: #f39200;\n$db-color-health: #a9455d;\n$db-color-things-to-know: #858379;\n$db-color-community-facilities: #00a099;\n$db-color-db-services-facilities: #0c3992;\n$db-color-shopping: #814997;\n$db-color-arts-culture: #e93e8f;\n$db-color-leisure: #408335;\n$db-color-services: #309fd1;\n$db-color-guidance: #3c414b;\n$db-color-red-100: #fee6e6;\n$db-color-red-200: #fcc8c3;\n$db-color-red-300: #fa9090;\n$db-color-red-400: #f75056;\n$db-color-red-500: #ec0016;\n$db-color-red-600: #c50014;\n$db-color-red-700: #9b000e;\n$db-color-red-800: #740009;\n$db-color-red: #ec0016; // This is the primary DB Red\n$db-color-white: #ffffff; // This is the primary DB White\n$db-color-black: #000000; // This is the primary DB Black\n$db-color-ice: #282d37;\n$db-color-ic: #646973;\n$db-color-ec: #646973;\n$db-color-re: #878c96;\n$db-color-rb: #878c96;\n$db-color-s-bahn: #408335;\n$db-color-u-bahn: #1455c0;\n$db-color-tram: #a9455d;\n$db-color-intercity-bus: #e93e8f;\n$db-color-bus: #814997;\n$db-color-ship: #309fd1;\n$db-color-airplane: #00a099;\n$db-color-taxi: #ffd800;\n$db-color-carsharing: #f39200;\n$db-color-walk: #282d37;\n$db-color-bikesharing: #c50014;\n$db-color-yellow-100: #ffffdc;\n$db-color-yellow-200: #ffffaf;\n$db-color-yellow-300: #fff876;\n$db-color-yellow-400: #fff000;\n$db-color-yellow-500: #ffd800;\n$db-color-yellow-600: #ffbb00;\n$db-color-yellow-700: #ff9b00;\n$db-color-yellow-800: #ff7a00;\n$db-color-yellow-900: #f75f00;\n$db-color-orange-100: #fff4d8;\n$db-color-orange-200: #fce3b4;\n$db-color-orange-300: #faca7f;\n$db-color-orange-400: #f8ab37;\n$db-color-orange-500: #f39200;\n$db-color-orange-600: #d77b00;\n$db-color-orange-700: #c05e00;\n$db-color-orange-800: #a24800;\n$db-color-burgundy-100: #f4e8ed;\n$db-color-burgundy-200: #edcbd6;\n$db-color-burgundy-300: #da9aa8;\n$db-color-burgundy-400: #c0687b;\n$db-color-burgundy-500: #a9455d;\n$db-color-burgundy-600: #8c2e46;\n$db-color-burgundy-700: #641e32;\n$db-color-burgundy-800: #4d0820;\n$db-color-pink-100: #fdeef8;\n$db-color-pink-200: #f9d2e5;\n$db-color-pink-300: #f4aece;\n$db-color-pink-400: #ee7bae;\n$db-color-pink-500: #e93e8f;\n$db-color-pink-600: #db0078;\n$db-color-pink-700: #b80065;\n$db-color-pink-800: #970052;\n$db-color-violett-100: #f4eefa;\n$db-color-violett-200: #e0cde4;\n$db-color-violett-300: #c2a1c7;\n$db-color-violett-400: #9a6ca6;\n$db-color-violett-500: #814997;\n$db-color-violett-600: #6e368c;\n$db-color-violett-700: #581d70;\n$db-color-violett-800: #421857;\n$db-color-blue-100: #e0effb;\n$db-color-blue-200: #b4d5f6;\n$db-color-blue-300: #73aef4;\n$db-color-blue-400: #347de0;\n$db-color-blue-500: #1455c0;\n$db-color-blue-600: #0c3992;\n$db-color-blue-700: #0a1e6e;\n$db-color-blue-800: #061350;\n$db-color-cyan-100: #e5faff;\n$db-color-cyan-200: #bbe6f8;\n$db-color-cyan-300: #84cfef;\n$db-color-cyan-400: #55b9e6;\n$db-color-cyan-500: #309fd1;\n$db-color-cyan-600: #0087b9;\n$db-color-cyan-700: #006a96;\n$db-color-cyan-800: #004b6d;\n$db-color-turquoise-100: #e3f5f4;\n$db-color-turquoise-200: #bee2e5;\n$db-color-turquoise-300: #83caca;\n$db-color-turquoise-400: #3cb5ae;\n$db-color-turquoise-500: #00a099;\n$db-color-turquoise-600: #008984;\n$db-color-turquoise-700: #006e6b;\n$db-color-turquoise-800: #005752;\n$db-color-green-100: #e2f3e5;\n$db-color-green-200: #bddbb9;\n$db-color-green-300: #8cbc80;\n$db-color-green-400: #66a558;\n$db-color-green-500: #408335;\n$db-color-green-600: #2a7230;\n$db-color-green-700: #165c27;\n$db-color-green-800: #154a26;\n$db-color-light-green-100: #ebf7dd;\n$db-color-light-green-200: #c9eb9e;\n$db-color-light-green-300: #9fd45f;\n$db-color-light-green-400: #78be14;\n$db-color-light-green-500: #63a615;\n$db-color-light-green-600: #508b1b;\n$db-color-light-green-700: #44741a;\n$db-color-light-green-800: #375f15;\n$db-color-warm-gray-100: #f5f4f1;\n$db-color-warm-gray-200: #ddded6;\n$db-color-warm-gray-300: #bcbbb2;\n$db-color-warm-gray-400: #9c9a8e;\n$db-color-warm-gray-500: #858379;\n$db-color-warm-gray-600: #747067;\n$db-color-warm-gray-700: #4f4b41;\n$db-color-warm-gray-800: #38342f;\n$db-color-cool-gray-100: #f0f3f5;\n$db-color-cool-gray-200: #d7dce1;\n$db-color-cool-gray-300: #afb4bb;\n$db-color-cool-gray-400: #878c96;\n$db-color-cool-gray-500: #646973;\n$db-color-cool-gray-600: #3c414b;\n$db-color-cool-gray-700: #282d37;\n$db-color-cool-gray-800: #131821;\n$db-spacing-xs: 0.25rem !default;\n$db-spacing-s: 0.5rem !default;\n$db-spacing-sm: 0.75rem !default;\n$db-spacing-m: 1rem !default;\n$db-spacing-l: 1.25rem !default;\n$db-transition-duration-fast: 0.3s; // Consider this as beta for the moment\n$db-transition-emotional-timing: cubic-bezier(0.27, 0.05, 0.4, 0.95); // Consider this as beta for the moment\n$db-transition-emotional-straight: 0.3s cubic-bezier(0.27, 0.05, 0.4, 0.95); // Consider this as beta for the moment\n$db-transition-functional-timing: cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-transition-functional-straight: 0.3s cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-transition-color: 0.3s cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-font-family-base: 'DB Screen Sans', Helvetica, Arial, sans-serif;\n$db-font-family-headline: 'DB Screen Head', Helvetica, Arial, sans-serif;\n","// Box sizing\nhtml {\n\tbox-sizing: var(--db-box-sizing, border-box);\n}\n\n*,\n::before,\n::after {\n\tbox-sizing: inherit;\n}\n\n// Media\nimg,\nembed,\niframe,\nobject,\nvideo {\n\theight: auto;\n\tmax-width: 100%;\n}\n\n// Iframe\niframe {\n\tborder: 0;\n}\n\n// * Individual styles\n// Navigation lists\nnav,\n[role=\"navigation\"] {\n\tol,\n\tul {\n\t\tlist-style: none;\n\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n}\n\n// General styles (TODO: most likely move those to DB UI Base)\n:root {\n\t--db-focus-outline-offset: 1px;\n\t--db-focus-outline-color: #2c95c4;\n}\n\n// Focus styles\n:is(a, button, input, textarea, summary) {\n\t--db-focus-outline-size: max(2px, 0.08em);\n\n\t&:focus-visible {\n\t\toutline: var(--db-focus-outline-size)\n\t\t\tvar(--db-focus-outline-style, solid)\n\t\t\tvar(--db-focus-outline-color, currentColor);\n\t\toutline-offset: var(\n\t\t\t--db-focus-outline-offset,\n\t\t\tvar(--db-focus-outline-size)\n\t\t);\n\t}\n}\n\n// List style / https://marketingportal.extranet.deutschebahn.com/de/brandguide/typografie-1#8e0be060-c2f5-42a1-abbc-6b050845d73c~paragraph--image_link\n:where(ul) {\n\tlist-style-type: \"\\2022\"+ \"   \";\n\n\tli::marker {\n\t\tcolor: $db-color-red-500;\n\t}\n}\n\n// details/summary box-sizing / https://kittygiraudel.com/2021/08/23/shadow-roots-and-inheritance/\ndetails {\n\t& > *,\n\t& > ::before,\n\t& > ::after {\n\t\tbox-sizing: var(--db-box-sizing, border-box);\n\t}\n}\n","%a11y-visually-hidden {\n\tclip: rect(0, 0, 0, 0);\n\theight: 1px;\n\toverflow: hidden;\n\tposition: absolute !important;\n\twhite-space: nowrap;\n\twidth: 1px;\n}\n","%clearfix::after {\n\tclear: both;\n\tcontent: \" \";\n\tdisplay: table;\n}\n","@use \"sass:map\";\n@import \"../../../css/db-ui-core.variables\";\n@import \"fonts.variables\";\n\n@each $font-name, $font-meta in $font-families {\n\t$font-family: map.get($font-meta, \"font-family\");\n\t$font-filename: map.get($font-meta, \"font-filename\");\n\t$font-weight: map.get($font-meta, \"font-weight\");\n\t$font-style: map.get($font-meta, \"font-style\");\n\t$font-local-name: map.get($font-meta, \"font-local-name\");\n\t$font-local-name-short: map.get($font-meta, \"font-local-name-short\");\n\n\t@font-face {\n\t\tfont-family: $font-family;\n\t\tfont-style: $font-style;\n\t\tfont-weight: $font-weight;\n\t\t@if $font-local-name and $font-local-name-short {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name-short}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t} @else if $font-local-name {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t} @else if $font-local-name-short {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name-short}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t} @else {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t}\n\t}\n}\n","// @import \"icons.variables\";\n\n// *** Attribute based method ***\n@each $icon-name, $icon-glyph in $icon-glyphs {\n\t[data-icon=\"#{$icon-name}\"],\n\t[data-icon-before=\"#{$icon-name}\"] {\n\t\t--icon-glyph-before: \"#{$icon-glyph}\";\n\t}\n\t[data-icon-after=\"#{$icon-name}\"] {\n\t\t--icon-glyph-after: \"#{$icon-glyph}\";\n\t}\n}\n","@use \"sass:map\";\n// Icon SCSS mixin\n@mixin icon(\n\t$glyph: \"\",\n\t$size: $icon-size,\n\t$style: $icon-style,\n\t$position: \"before\",\n\t$partial: false\n) {\n\t// We're setting this on the parent tag, so that it could get overwritten via data-icon=*\n\t@if $glyph != \"\" {\n\t\t& {\n\t\t\t--icon-glyph-#{$position}: \"#{$glyph}\";\n\t\t}\n\t}\n\n\t&::#{$position} {\n\t\t--icon-font-family: \"#{\"icons-\" + $size + \"-\" + $style}\",\n\t\t\t\"missing-icons\" !important;\n\n\t\tfont-size: var(\n\t\t\t--icon-font-size-#{$position},\n\t\t\tvar(--icon-font-size, #{to-rem($pxValue: $size)})\n\t\t);\n\n\t\t@if $position == \"before\" {\n\t\t\tmargin-inline-end: var(--icon-margin-after, #{$icon-content-space});\n\t\t}\n\t\t@if $position == \"after\" {\n\t\t\tmargin-inline-start: var(\n\t\t\t\t--icon-margin-before,\n\t\t\t\t#{$icon-content-space}\n\t\t\t);\n\t\t}\n\n\t\tcontent: var(--icon-glyph-#{$position});\n\t\t@supports (content: \"\"/\"\") {\n\t\t\t// Hiding icon from screenreaders\n\t\t\t// We couldn't just add the following code line and expect an forgiving behaviour of unsupporting browser to ignore this declaration, but need to wrap it into an @supports due to a bug in WebKit / older versions of  Safari: https://github.com/db-ui/core/pull/766\n\t\t\tcontent: var(--icon-glyph-#{$position}) / \"\"; // https://www.w3.org/TR/css-content-3/#alt\n\t\t}\n\n\t\t@if $partial {\n\t\t\t& {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\t/*** icon - partial ***/\n\t\t\t\t// * use !important to prevent issues with browser extensions that change fonts\n\t\t\t\tfont-family: var(--icon-font-family) !important;\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-variant: normal;\n\n\t\t\t\tfont-weight: normal; // CSS variables fallback\n\t\t\t\tfont-weight: var(--icon-font-weight, normal);\n\t\t\t\tline-height: 1;\n\t\t\t\ttext-transform: none;\n\t\t\t\tvertical-align: middle;\n\n\t\t\t\t/* stylelint-disable */\n\t\t\t\t// * Better Font Rendering ===========\n\t\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t\t-moz-osx-font-smoothing: grayscale;\n\t\t\t\t/* stylelint-enable */\n\n\t\t\t\t// Hiding icon from screenreaders\n\t\t\t\t/* stylelint-disable */\n\t\t\t\t-webkit-alt: \"\";\n\t\t\t\t/* stylelint-enable */\n\t\t\t\talt: \"\";\n\t\t\t\tspeak: none; // Hiding icon from screenreaders, fallback by older notation\n\t\t\t\tspeak: never; // Hiding icon from screenreaders\n\t\t\t}\n\t\t\t@media aural {\n\t\t\t\tcontent: none;\n\t\t\t}\n\t\t\t@media speech {\n\t\t\t\tcontent: none;\n\t\t\t}\n\t\t} @else {\n\t\t\t@extend %icon;\n\t\t}\n\t}\n}\n\n// SCSS mixin for elements that text should get hidden in favour of only displaying the included icon\n@mixin is-icon-text-replace($position: \"before\") {\n\t& {\n\t\tfont-size: 0;\n\t}\n\n\t@if $position == \"before\" {\n\t\t&::before {\n\t\t\t--icon-margin-after: 0;\n\t\t}\n\t} @else {\n\t\t&::after {\n\t\t\t--icon-margin-before: 0;\n\t\t}\n\t}\n}\n\n// Icon glyph mixin\n@function glyph($glyph) {\n\t@return map.get($icon-glyphs, $glyph);\n}\n\n// Icon meta data mixin\n@mixin iconMeta($size: $icon-size, $style: $icon-style, $position: \"before\") {\n\t&::#{$position} {\n\t\t--icon-font-family: \"#{\"icons-\" + $size + \"-\" + $style}\",\n\t\t\t\"missing-icons\" !important;\n\t\t--icon-font-size: #{to-rem($pxValue: $size)};\n\t}\n}\n","@use \"sass:string\";\n@import \"../../../css/db-ui-core.variables\";\n\n@import \"icons.variables\";\n\n// Potential TODO: usage of the standard filenames described by https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Icons/Funktionale-Icons-Architektur-und-Fahrzeuge\n\n@font-face {\n\tfont-display: block;\n\tfont-family: \"missing-icons\";\n\tsrc:\n\t\turl(\"#{$icons-path}functional/fonts/icons-empty.woff2?4r2099\")\n\t\t\tformat(\"woff2\"),\n\t\turl(\"#{$icons-path}functional/fonts/icons-empty.woff?4r2099\")\n\t\t\tformat(\"woff\");\n}\n\n// DB UX Icons\n@each $icon-style, $icon-sizes in $icon-font-families-personenverkehr {\n\t@each $icon-size, $icon-categories in $icon-sizes {\n\t\t@each $icon-category, $icon-font-unicodes in $icon-categories {\n\t\t\t@font-face {\n\t\t\t\t$icon-font-family: \"icons-\" + $icon-size + \"-\" + $icon-style;\n\n\t\t\t\tfont-display: block;\n\n\t\t\t\tfont-family: $icon-font-family;\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tsrc:\n\t\t\t\t\turl(\"#{$icons-path}functional/fonts/#{$icon-font-family+ \"-\" + $icon-category}.woff2?4r2099\")\n\t\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\t\turl(\"#{$icons-path}functional/fonts/#{$icon-font-family+ \"-\" + $icon-category}.woff?4r2099\")\n\t\t\t\t\t\tformat(\"woff\");\n\n\t\t\t\tunicode-range: string.unquote($icon-font-unicodes);\n\t\t\t}\n\t\t}\n\t}\n}\n","%icon {\n\t// Hiding icon from screenreaders\n\t-webkit-alt: \"\";\n\talt: \"\";\n\n\tdisplay: inline-block;\n\t/*** icon - placeholder ***/\n\t// * use !important to prevent issues with browser extensions that change fonts\n\tfont-family: var(--icon-font-family) !important;\n\n\t// * Better Font Rendering ===========\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\n\tfont-style: normal;\n\tfont-variant: normal;\n\tfont-weight: normal; // CSS variables fallback\n\tfont-weight: var(--icon-font-weight, normal);\n\tline-height: 1;\n\tspeak: none; // Hiding icon from screenreaders, fallback by older notation\n\tspeak: never; // Hiding icon from screenreaders\n\ttext-transform: none;\n\n\tvertical-align: middle;\n\n\t// Hiding icon from screenreaders\n\t@media aural {\n\t\tcontent: none;\n\t}\n\t@media speech {\n\t\tcontent: none;\n\t}\n}\n\n// TODO: The following construct was especially meant to enable a branch (EDS & FV) specific result - probably we could refactor this the sooner the later\n%defaultIconCustomProperties {\n\t--icon-font-family: #{$icons-font-family} !important;\n\t--icon-font-size: #{to-rem($pxValue: $icon-size)};\n}\n","// @import \"icons.variables\";\n\n@import \"icons.variables\";\n@import \"icons.attributes-mappings\";\n@import \"icons.helpers\";\n@import \"icons.custom-properties\";\n@import \"icons.font-faces\";\n@import \"icons.placeholder\";\n\n[data-icon],\n[data-icon-before] {\n\t&::before {\n\t\t@extend %icon;\n\t\tcontent: var(--icon-glyph-before);\n\t\tmargin-inline-end: var(--icon-margin-after, #{$icon-content-space});\n\t\tfont-size: var(\n\t\t\t--icon-font-size-before,\n\t\t\tvar(--icon-font-size, #{to-rem($pxValue: $icon-size)})\n\t\t);\n\t}\n}\n\n[data-icon-after] {\n\t&::after {\n\t\t@extend %icon;\n\t\tcontent: var(--icon-glyph-after);\n\t\tmargin-inline-start: var(--icon-margin-before, #{$icon-content-space});\n\t\tfont-size: var(\n\t\t\t--icon-font-size-after,\n\t\t\tvar(--icon-font-size, #{to-rem($pxValue: $icon-size)})\n\t\t);\n\t}\n}\n\n// Providing a mechanism for text replacements\n.is-icon-text-replace {\n\t&[data-icon],\n\t&[data-icon-before] {\n\t\t@include is-icon-text-replace();\n\t}\n\n\t&[data-icon-after] {\n\t\t@include is-icon-text-replace(\"after\");\n\t}\n}\n","@charset \"utf-8\";\n\n@use \"sass:string\";\n@import \"button.variables\";\n\n.elm-button {\n\talign-items: center; // Centering the content vertically and horizontally\n\tborder: 1px solid transparent;\n\tborder-radius: 4px;\n\tdisplay: inline-flex; // Centering the content vertically and horizontally\n\tfont-size: to-rem($pxValue: 16);\n\tjustify-content: center; // Centering the content vertically and horizontally\n\tmin-height: $button---minHeight;\n\tpadding: to-rem($pxValue: 8) to-rem($pxValue: 16);\n\n\t&[data-icon],\n\t&[data-icon-before] {\n\t\tpadding-left: to-rem($pxValue: 14);\n\t}\n\n\t&[data-icon-after] {\n\t\tpadding-right: to-rem($pxValue: 14);\n\t}\n\t// Square icon only buttons\n\t&.is-icon-text-replace {\n\t\twidth: $button---minHeight;\n\t}\n\n\t/*&:focus {\n\t\tborder-color: #fff;\n\t}*/\n\t/*\t&:active {\n\t\tfilter: brightness(75%);\n\t}*/\n\n\t&%variant-brand-primary,\n\t&%variant-primary {\n\t\tcolor: $button---color;\n\t}\n\n\t&%variant-brand-primary,\n\t&%variant-primary {\n\t\tfont-weight: 700;\n\t}\n\n\t&%variant-brand-primary {\n\t\tbackground-color: $button-brand-primary--backgroundColor;\n\n\t\t&:disabled {\n\t\t\tbackground-color: string.unquote(\n\t\t\t\t$button-brand-primary--backgroundColor + \"40\"\n\t\t\t);\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-brand-primary-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: #cc0013; // TODO: replace by correct color variable\n\t\t\t}\n\t\t}\n\t}\n\n\t&%variant-primary {\n\t\tbackground-color: $button-primary--backgroundColor;\n\n\t\t&:disabled {\n\t\t\tbackground-color: string.unquote(\n\t\t\t\t$button-primary--backgroundColor + \"40\"\n\t\t\t);\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-primary-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: #363c4a;\n\t\t\t}\n\t\t}\n\t}\n\n\t&%variant-secondaryOutline {\n\t\t// TODO: This might get replaced by another effect\n\t\tbackdrop-filter: blur(4px);\n\t\tbackground-color: transparent;\n\t\tborder-color: $db-color-cool-gray-700;\n\t\tcolor: $db-color-cool-gray-700;\n\n\t\t&:disabled {\n\t\t\tcolor: string.unquote($db-color-cool-gray-700 + \"80\");\n\t\t\tborder-color: string.unquote($db-color-cool-gray-700 + \"40\");\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-secondaryOutline-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: $button-secondaryOutline-active-backgroundColor;\n\t\t\t}\n\t\t}\n\t}\n\n\t&%variant-secondarySolid {\n\t\tbackground-color: $button-secondarySolid--backgroundColor;\n\t\tcolor: $db-color-cool-gray-700;\n\n\t\t&:disabled {\n\t\t\tcolor: string.unquote($db-color-cool-gray-700 + \"80\");\n\t\t\tbackground-color: string.unquote(\n\t\t\t\t$button-secondarySolid--backgroundColor + \"40\"\n\t\t\t);\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-secondarySolid-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: $button-secondarySolid-active-backgroundColor;\n\t\t\t}\n\t\t}\n\t}\n\n\t&%variant-tertiaryPlain {\n\t\tbackground-color: transparent; // shame.css\n\t\tborder: 2px solid transparent;\n\t\tcolor: $db-color-cool-gray-700;\n\n\t\t&:disabled {\n\t\t\tcolor: string.unquote($db-color-cool-gray-700 + \"80\");\n\t\t}\n\n\t\t&:not(:disabled) {\n\t\t\t&:hover {\n\t\t\t\t// TODO: This could probably get simplified later on e.g. via CSS variables\n\t\t\t\tbackground-color: $button-secondaryOutline-hover-backgroundColor;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: $button-secondaryOutline-active-backgroundColor;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Sizes\n\t&%size-Small {\n\t\tmin-height: to-rem($pxValue: 36);\n\n\t\t&:not(.is-icon-text-replace) {\n\t\t\tfont-size: to-rem($pxValue: 14);\n\t\t}\n\n\t\t&[data-icon],\n\t\t&[data-icon-before] {\n\t\t\t@include iconMeta(20);\n\t\t}\n\n\t\t&[data-icon-after] {\n\t\t\t@include iconMeta($size: 20, $position: \"after\");\n\t\t}\n\t\t// Square icon only buttons\n\t\t&.is-icon-text-replace {\n\t\t\twidth: to-rem($pxValue: 36);\n\t\t}\n\t}\n\n\t&%size-Large {\n\t\tmin-height: to-rem($pxValue: 52);\n\n\t\t&:not(.is-icon-text-replace) {\n\t\t\tfont-size: to-rem($pxValue: 20);\n\t\t}\n\t\t// Square icon only buttons\n\t\t&.is-icon-text-replace {\n\t\t\twidth: to-rem($pxValue: 52);\n\t\t}\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %size-Small;\n\t}\n\n\t&[data-size=\"large\"] {\n\t\t@extend %size-Large;\n\t}\n\n\t// Providing the variants as HTML attributes as well\n\t&[data-variant=\"brand-primary\"] {\n\t\t@extend %variant-brand-primary;\n\t}\n\n\t&[data-variant=\"primary\"] {\n\t\t@extend %variant-primary;\n\t}\n\n\t&[data-variant=\"secondary-outline\"] {\n\t\t@extend %variant-secondaryOutline;\n\t}\n\n\t&[data-variant=\"secondary-solid\"] {\n\t\t@extend %variant-secondarySolid;\n\t}\n\n\t&[data-variant=\"tertiary-plain\"] {\n\t\t@extend %variant-tertiaryPlain;\n\t}\n\n\t&:disabled {\n\t\tcolor: string.unquote($button---color + \"80\");\n\t}\n\n\t// width\n\t&%width-Full {\n\t\tinline-size: 100%;\n\t}\n\n\t&[data-width=\"full\"] {\n\t\t@extend %width-Full;\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n// We want to set the alpha value and that for need the long form hex code\n// stylelint-disable color-hex-length\n$button---color: #ffffff !default;\n// stylelint-enable color-hex-length\n\n$button---minHeight: to-rem(\n\t$pxValue: 44\n) !default;\n\n// Background colors\n$button-brand-primary--backgroundColor: $db-color-red-500 !default;\n$button-brand-primary-hover-backgroundColor: #db0016;\n\n$button-primary--backgroundColor: $db-color-cool-gray-700 !default;\n$button-primary-hover-backgroundColor: #2f3541;\n\n$button-secondarySolid--backgroundColor: $db-color-cool-gray-200 !default;\n$button-secondarySolid-hover-backgroundColor: #cdd4da !default;\n$button-secondarySolid-active-backgroundColor: #c5ccd3 !default;\n\n$button-secondaryOutline-hover-backgroundColor: rgba(\n\t$db-color-cool-gray-700,\n\t0.03\n) !default;\n\n$button-secondaryOutline-active-backgroundColor: rgba(\n\t$db-color-cool-gray-700,\n\t0.06\n) !default;\n","@use \"sass:math\";\n@import \"headline.variables\";\n\n.elm-headline {\n\ttext-wrap: balance;\n\n\tmargin-bottom: to-rem($pxValue: 16);\n\n\t// * TODO: These declarations make sense for the moment, but should get aligned with overall definitions of spacing around elements\n\tmargin-top: to-rem($pxValue: 24);\n\n\t&[data-pulse] {\n\t\t&::after {\n\t\t\tbackground: var(--db-pulse-background, #ec0016);\n\t\t\tborder-radius: calc(\n\t\t\t\tvar(--db-logo-height, #{$db-logo-default-height}) / 7 * 0.5\n\t\t\t);\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\tmargin-bottom: var(--db-pulse-margin-bottom, 14px);\n\t\t\tmargin-top: calc(\n\t\t\t\tvar(--db-logo-height, #{$db-logo-default-height}) * 0.5\n\t\t\t);\n\t\t\twidth: var(--db-logo-width, #{$db-logo-default-width});\n\t\t\theight: calc(var(--db-logo-height, #{$db-logo-default-height}) / 7);\n\t\t}\n\t}\n}\n\nh1,\nh2,\nh3 {\n\t&.elm-headline {\n\t\tfont-family: $db-font-family-headline;\n\t\tfont-weight: 900;\n\t}\n}\n\nh1 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h1-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tline-height: math.div(40, $rea-main-h1-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h1-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.14;\n\t\t}\n\t}\n}\n\nh2 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h2-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tline-height: math.div(28, $rea-main-h2-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h2-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.2;\n\t\t}\n\t}\n}\n\nh3 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h3-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tline-height: math.div(24, $rea-main-h3-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h3-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.33;\n\t\t}\n\t}\n}\n\nh4 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h4-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tfont-weight: 400;\n\t\tline-height: math.div(24, $rea-main-h4-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h4-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.25;\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"link.variables\";\n\n.elm-link {\n\tborder-radius: to-rem($pxValue: 4);\n\tdisplay: inline-block;\n\n\t// Link underline\n\ttext-underline-offset: to-rem($pxValue: 3);\n\ttext-underline-position: under;\n\t@supports (text-underline-offset: 3px) {\n\t\ttext-underline-position: auto;\n\t}\n\n\t&:active {\n\t\tcolor: initial;\n\t}\n\n\t// \"disabled\" links\n\t&[aria-disabled=\"true\"] {\n\t\topacity: $link--disabled-opacity;\n\n\t\tpointer-events: none;\n\n\t\t&::before {\n\t\t\tcolor: initial;\n\t\t}\n\t}\n\n\t// Sizes\n\t&%size-Small {\n\t\t&:not(.is-icon-text-replace) {\n\t\t\tfont-size: to-rem($pxValue: 14);\n\t\t}\n\n\t\t&[rel],\n\t\t&[data-icon],\n\t\t&[data-icon-before] {\n\t\t\t@include iconMeta(20);\n\t\t}\n\n\t\t&[data-icon-after]::after {\n\t\t\t@include iconMeta($size: 20, $position: \"after\");\n\t\t}\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %size-Small;\n\t}\n\n\t// Define the available icons\n\t&[rel=\"configuration\"] {\n\t\t@include icon(glyph(settings), 24, \"outline\", $partial: $partial);\n\t}\n\n\t&[rel=\"messages\"] {\n\t\t@include icon(glyph(chat), 24, \"outline\", $partial: $partial);\n\t}\n\n\t&[rel=\"account\"] {\n\t\t@include icon(glyph(account), 24, \"outline\", $partial: $partial);\n\t}\n\n\t&[rel=\"configuration\"],\n\t&[rel=\"messages\"],\n\t&[rel=\"account\"] {\n\t\t&::before {\n\t\t\t// preventing an underlined icon on click\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n}\n","@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/colors/colors.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$link--disabled-opacity: 0.4 !default;\n$link-reaMain--color: $db-color-cyan-600 !default;\n","@use \"sass:map\";\n@import \"logo.variables\";\n\n.elm-logo {\n\t$logo-sizes: (\n\t\t\"xsmall\": (\n\t\t\t\"width\": 20px,\n\t\t\t\"height\": 14px\n\t\t),\n\t\t\"small\": (\n\t\t\t\"width\": 29px,\n\t\t\t\"height\": 20px\n\t\t),\n\t\t\"medium\": (\n\t\t\t\"width\": 34px,\n\t\t\t\"height\": 24px\n\t\t),\n\t\t\"large\": (\n\t\t\t\"width\": 40px,\n\t\t\t\"height\": 28px\n\t\t),\n\t\t\"xlarge\": (\n\t\t\t\"width\": 56px,\n\t\t\t\"height\": 40px\n\t\t)\n\t);\n\t// aspect-ratio: 10 / 7;\n\n\twidth: var(--db-logo-width, #{$db-logo-default-width});\n\theight: var(--db-logo-height, #{$db-logo-default-height});\n\t// Logo safe zone\n\t// margin: calc(var(--db-logo-height, #{$db-logo-default-height}) * 0.5);\n\n\t&[data-size=\"xsmall\"] {\n\t\t@extend %logo-size-xsmall;\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %logo-size-small;\n\t}\n\n\t&[data-size=\"medium\"] {\n\t\t@extend %logo-size-medium;\n\t}\n\n\t&[data-size=\"large\"] {\n\t\t@extend %logo-size-large;\n\t}\n\n\t&[data-size=\"xlarge\"] {\n\t\t@extend %logo-size-xlarge;\n\t}\n\n\t@each $name, $dimensions in $logo-sizes {\n\t\t&%logo-size-#{$name} {\n\t\t\t--db-logo-width: #{map.get($dimensions, \"width\")};\n\t\t\t--db-logo-height: #{map.get($dimensions, \"height\")};\n\n\t\t\tbody:has(&) .elm-headline[data-pulse] {\n\t\t\t\t--db-logo-width: #{map.get($dimensions, \"width\")};\n\t\t\t\t--db-logo-height: #{map.get($dimensions, \"height\")};\n\t\t\t}\n\n\t\t\t// Legacy browsers\n\t\t\t& ~ .elm-headline[data-pulse] {\n\t\t\t\t--db-logo-width: #{map.get($dimensions, \"width\")};\n\t\t\t\t--db-logo-height: #{map.get($dimensions, \"height\")};\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../css/helpers/functions\";\n@import \"form-elements.variables\";\n\n%form-element {\n\t--formElement---borderTopColor: var(\n\t\t--formElement---borderColor,\n\t\ttransparent\n\t);\n\t--formElement---borderRightColor: var(\n\t\t--formElement---borderColor,\n\t\ttransparent\n\t);\n\t--formElement---borderBottomColor: var(\n\t\t--formElement---borderColor,\n\t\t#{$form-elements-semitransparent-border-bottom-color}\n\t);\n\t--formElement---borderLeftColor: var(\n\t\t--formElement---borderColor,\n\t\ttransparent\n\t);\n\tborder-radius: 4px;\n\n\tcaret-color: $db-color-red-500;\n\n\tcolor: $form-elements-color;\n\n\t// Description styles\n\t& ~ .description {\n\t\tcolor: $db-color-cool-gray-500;\n\t\tfont-size: to-rem($pxValue: 14);\n\n\t\tpadding: to-rem($pxValue: 6) to-rem($pxValue: 10);\n\t}\n}\n\n%form-label {\n\t&[data-label-hidden=\"true\"] {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\t}\n}\n\n// ### Style variations\n// Semitransparent\n%form-element-semitransparent {\n\t--formElement---borderColor: #{$form-elements-semitransparent-border-bottom-color};\n\tbackground-color: $form-elements-semitransparent-background-color;\n\tborder-bottom: $form-elements---borderBottom;\n\tborder-left: $form-elements---borderLeft;\n\tborder-left-color: transparent;\n\tborder-right: $form-elements---borderRight;\n\tborder-right-color: transparent;\n\tborder-top: $form-elements---borderTop;\n\tborder-top-color: transparent;\n}\n\n// White\n%form-element-white {\n\t--formElement---borderColor: #{$form-elements-white-border-bottom-color};\n\tbackground-color: $form-elements-white-background-color;\n\tborder-bottom: $form-elements---borderBottom;\n\tborder-left: $form-elements---borderLeft;\n\tborder-left-color: transparent;\n\tborder-right: $form-elements---borderRight;\n\tborder-right-color: transparent;\n\tborder-top: $form-elements---borderTop;\n\tborder-top-color: transparent;\n}\n\n// Solid\n%form-element-solid {\n\t--formElement---borderColor: #{$form-elements-solid-border-bottom-color};\n\tbackground-color: $form-elements-solid-background-color;\n\tborder-bottom: $form-elements---borderBottom;\n\tborder-left: $form-elements---borderLeft;\n\tborder-left-color: transparent;\n\tborder-right: $form-elements---borderRight;\n\tborder-right-color: transparent;\n\tborder-top: $form-elements---borderTop;\n\tborder-top-color: transparent;\n}\n\n// Outline\n%form-element-outline {\n\t--formElement---borderColor: #{$form-elements-outline-border-color};\n\tbackground-color: transparent;\n\tborder-bottom: $form-elements---borderBottom;\n\tborder-left: $form-elements---borderLeft;\n\tborder-right: $form-elements---borderRight;\n\tborder-top: $form-elements---borderTop;\n}\n\n// Validation\n// We need to differentiate here because of any non-textual input elements like select, radio and checkbox, that we couldn't handle by :placeholder-shown\n// TODO: maybe we could totally restructure this, work with a :not(select) instead, differentiate in between user-invalid and provide a fallback (https://github.com/db-ui/mono/pull/893), etc.\n%form-element-validation {\n\t&:not([aria-invalid]) {\n\t\t&:user-valid {\n\t\t\t--formElement---borderColor: #{$db-color-green-600};\n\t\t}\n\n\t\t&:user-invalid {\n\t\t\t--formElement---borderColor: #{$db-color-red-500};\n\t\t}\n\t}\n}\n%form-element-validation-programmatic {\n\t&[aria-invalid=\"true\"] {\n\t\t--formElement---borderColor: #{$db-color-red-500};\n\t}\n}\n\n// counter styling\n%form-element-counter {\n\t&:has(+ .description) {\n\t\tfloat: right;\n\t}\n\n\t@supports (position-area: block-end span-inline-start) {\n\t\t&:not(:has(+ .description)) {\n\t\t\tposition: absolute;\n\t\t\t// stylelint-disable-next-line property-no-unknown\n\t\t\tposition-area: block-end span-inline-start;\n\t\t}\n\t}\n\n\t// Description styles\n\t// TODO: This probably still needs to get further changed to a general \"hint\" pattern or similar\n\t&,\n\t& + .description {\n\t\tcolor: $db-color-cool-gray-500;\n\t\tfont-size: to-rem($pxValue: 14);\n\t\tpadding: to-rem($pxValue: 6) to-rem($pxValue: 10);\n\t}\n}\n\n// enhance the clickable area for checkbox and radio elements\n%form-element-enhanced-clickable-area {\n\t&:has(+ label) {\n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\twidth: calc(\n\t\t\t\tvar(--db-form-element-dimensions) + #{to-rem($pxValue: 4)}\n\t\t\t);\n\t\t\theight: var(--db-form-element-dimensions);\n\t\t\ttransform: translateX(#{to-rem($pxValue: 4)});\n\t\t\tposition: absolute;\n\t\t}\n\t}\n}\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"checkbox.variables\";\n@import \"../form-elements\";\n\n.elm-checkbox {\n\t--db-form-element-dimensions: var(\n\t\t--db-checkbox-dimensions,\n\t\t#{to-rem($pxValue: 24)}\n\t);\n\n\talign-content: center;\n\n\tappearance: none;\n\tbackground-color: $checkbox---backgroundColor;\n\tborder: #{to-rem($pxValue: 1)} solid $checkbox---borderColor;\n\tborder-radius: 4px;\n\tcolor: $checkbox---color;\n\n\tdisplay: inline-flex;\n\theight: var(--db-form-element-dimensions);\n\tjustify-content: center;\n\twidth: var(--db-form-element-dimensions);\n\n\t& {\n\t\t@extend %form-element-enhanced-clickable-area;\n\t\t@include icon(\"\\00A0\", 24, \"outline\", $partial: $partial);\n\t}\n\n\t&[type=\"checkbox\"] {\n\t\tvertical-align: top;\n\t}\n\n\t&::before {\n\t\t--icon-font-size: 1.375rem;\n\t\tmargin-right: 0;\n\t}\n\n\t&:checked {\n\t\tbackground-color: $checkbox--checked-backgroundColor;\n\n\t\t&::before {\n\t\t\tcolor: $checkbox--checked-color;\n\t\t\tcontent: glyph(done);\n\t\t}\n\t}\n\n\t&:enabled {\n\t\t&:hover {\n\t\t\tbackground-color: rgba(40, 45, 55, 0.14);\n\n\t\t\t&:checked {\n\t\t\t\tbackground-color: $checkbox-hover-checked-backgroundColor;\n\t\t\t}\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground-color: rgba(40, 45, 55, 0.14);\n\t\t}\n\t}\n\n\t&:indeterminate {\n\t\t&::before {\n\t\t\tcontent: glyph(minus);\n\t\t}\n\t}\n\n\t&:disabled {\n\t\t&,\n\t\t& + label {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t& + label {\n\t\t@extend %form-label;\n\n\t\tpadding-inline-start: $db-spacing-xs;\n\t}\n}\n","@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n@import \"../../00-base/colors/colors.variables\";\n\n$checkbox---backgroundColor: rgba(255, 255, 255, 0.1) !default;\n$checkbox---borderColor: $db-color-cool-gray-700 !default;\n$checkbox---color: $db-color-cool-gray-700 !default;\n\n$checkbox--checked-backgroundColor: $db-color-cool-gray-700 !default;\n$checkbox--checked-color: #fff !default;\n\n$checkbox-hover-checked-backgroundColor: #52575f !default;\n\n// On dark background\n$checkbox-onDarkBackground--backgroundColor: transparent !default;\n$checkbox-onDarkBackground--borderColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n$checkbox-onDarkBackground--color: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"input.variables\";\n@import \"../form-elements\";\n\n.elm-input {\n\t@extend %form-element;\n\n\tcolor: $input---color;\n\n\tfont-size: to-rem($pxValue: 16);\n\theight: to-rem($pxValue: 44);\n\tline-height: to-rem($pxValue: 24);\n\tmax-width: 100%;\n\n\twidth: 100%;\n\n\tpadding-inline: $db-spacing-m;\n\t// No need to reposition the included value on hidden label\n\t&:not(:has(+ label[data-label-hidden=\"true\"])) {\n\t\tpadding-block: $db-spacing-s;\n\t}\n\n\t&[list] {\n\t\t&::-webkit-calendar-picker-indicator {\n\t\t\tmargin-right: -1rem;\n\t\t}\n\t}\n\n\t&:not(:placeholder-shown) {\n\t\tpadding-bottom: 0;\n\t\t// No need to reposition the included value on hidden label\n\t\t&:not(:has(+ label[data-label-hidden=\"true\"])) {\n\t\t\tpadding-top: to-rem($pxValue: 16);\n\t\t}\n\t}\n\n\t// * TODO: to get evaluated\n\t// display: inline-flex;\n\t// align-items: center;\n\t// justify-content: flex-start;\n\t// max-width: 100%;\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:focus,\n\t&:hover {\n\t\t&:not(:disabled) {\n\t\t\t--formElement---borderColor: #{$db-color-cool-gray-400};\n\t\t}\n\t}\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:disabled,\n\tfieldset:disabled & {\n\t\t&,\n\t\t& + .elm-label {\n\t\t\t// Decided against cursor: not-allowed, compare to e.g. https://phabricator.wikimedia.org/T121960\n\t\t\topacity: 0.4;\n\t\t}\n\t}\n\n\t&[type=\"color\"],\n\t&[type=\"date\"],\n\t&[type=\"datetime-local\"],\n\t&[type=\"email\"],\n\t&[type=\"month\"],\n\t&[type=\"number\"],\n\t&[type=\"password\"],\n\t:where(:not(.cmp-sitesearch)) > &[type=\"search\"],\n\t&[type=\"tel\"],\n\t&[type=\"text\"],\n\t&[type=\"time\"],\n\t&[type=\"url\"],\n\t&[type=\"week\"] {\n\t\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t\t// Semitransparent is the default style\n\t\t@at-root :where(#{&}) {\n\t\t\t@extend %form-element-semitransparent;\n\t\t}\n\n\t\t// Floating labels\n\t\t&:not([type=\"date\"]):not([type=\"datetime-local\"]):not(\n\t\t\t\t[type=\"month\"]\n\t\t\t):not([type=\"time\"]):not([type=\"week\"])\n\t\t\t+ .elm-label {\n\t\t\t// position: absolute;\n\t\t\t// left: calc(#{to-em($pxValue: 10)} - 1px);\n\n\t\t\ttransition:\n\t\t\t\topacity,\n\t\t\t\ttransform 250ms;\n\t\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\ttransition-duration: 0.01s !important;\n\t\t\t}\n\t\t}\n\n\t\t& + .elm-label {\n\t\t\t@extend %form-label;\n\n\t\t\tcolor: $db-color-cool-gray-500;\n\t\t\tdisplay: block;\n\t\t\tfont-size: to-rem($pxValue: 12);\n\n\t\t\tmargin-bottom: -#{to-rem($pxValue: 18)};\n\t\t\ttransform: translate($db-spacing-m, -#{to-rem($pxValue: 41)});\n\n\t\t\t& + output,\n\t\t\t& ~ .description {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t&[placeholder] {\n\t\t\t&:placeholder-shown {\n\t\t\t\t& + label {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&::placeholder {\n\t\t\tcolor: $db-color-cool-gray-500;\n\t\t}\n\n\t\t// ### Style variations\n\t\t&[data-variant=\"semitransparent\"] {\n\t\t\t@extend %form-element-semitransparent;\n\t\t}\n\n\t\t&[data-variant=\"white\"] {\n\t\t\t@extend %form-element-white;\n\t\t}\n\n\t\t&[data-variant=\"solid\"] {\n\t\t\t@extend %form-element-solid;\n\t\t}\n\n\t\t&[data-variant=\"outline\"] {\n\t\t\t@extend %form-element-outline;\n\t\t}\n\n\t\t// Validation\n\t\t/* stylelint-disable order/order */\n\t\t@extend %form-element-validation;\n\t\t@extend %form-element-validation-programmatic;\n\t\t/* stylelint-enable order/order */\n\t}\n\n\t&:is(\n\t\t\t[type=\"email\"],\n\t\t\t[type=\"password\"],\n\t\t\t[type=\"search\"],\n\t\t\t[type=\"tel\"],\n\t\t\t[type=\"text\"],\n\t\t\t[type=\"url\"]\n\t\t)\n\t\t+ label\n\t\t+ output {\n\t\t@extend %form-element-counter;\n\t}\n\n\t&[type=\"search\"] {\n\t\tbackground: var(\n\t\t\t\t--db-ic-search-24,\n\t\t\t\turl(#{$icons-path}functional/images/action/db_ic_search_24.svg)\n\t\t\t)\n\t\t\tno-repeat to-rem($pxValue: 6) to-rem($pxValue: 12);\n\t\tbackground-size: to-rem($pxValue: 19);\n\t\tpadding-left: to-rem($pxValue: 32);\n\n\t\t:not(.cmp-sitesearch) > & {\n\t\t\t@extend %form-element-semitransparent;\n\n\t\t\t& + .elm-label {\n\t\t\t\tmargin-left: to-rem($pxValue: 16);\n\t\t\t}\n\t\t}\n\t}\n}\n","@charset \"utf-8\";\n@use \"sass:map\";\n@use \"sass:math\";\n\n@import \"loading-indicator.variables\";\n\n.elm-loadingindicator {\n\tdisplay: block;\n}\n\n@mixin loadingindicator--sizes($prefix) {\n\t@each $size in (xl l m s xs) {\n\t\t$stroke-width: 3px;\n\t\t@if $size == s or $size == xs {\n\t\t\t$stroke-width: 2px;\n\t\t}\n\t\t//.#{$prefix}loadingindicator--size-#{$size} {\n\t\t&%size-#{$size} {\n\t\t\t--loadingindicator--stroke-width: #{math.div(\n\t\t\t\t\t44px,\n\t\t\t\t\tmap.get($db-spinner-sizes, $size)\n\t\t\t\t) *\n\t\t\t\t$stroke-width};\n\t\t\t--loadingindicator--r: 19px;\n\t\t\theight: map.get($db-spinner-sizes, $size);\n\t\t\twidth: map.get($db-spinner-sizes, $size);\n\t\t}\n\t}\n}\n\n.elm-loadingindicator {\n\tanimation: loadingindicator-rotate 3s linear infinite;\n\tcolor: $db-color-red-500;\n\t/* stylelint-disable */\n\t@include loadingindicator--sizes(\"elm-\");\n\t@extend %size-m; // default\n\t/* stylelint-enable */\n\n\t&[data-size=\"xs\"] {\n\t\t@extend %size-xs;\n\t}\n\n\t&[data-size=\"s\"] {\n\t\t@extend %size-s;\n\t}\n\n\t&[data-size=\"m\"] {\n\t\t@extend %size-m;\n\t}\n\n\t&[data-size=\"l\"] {\n\t\t@extend %size-l;\n\t}\n\n\t&[data-size=\"xl\"] {\n\t\t@extend %size-xl;\n\t}\n}\n\n.elm-loadingindicator__circle {\n\tanimation: loadingindicator-stroke 1.5s ease-in-out infinite;\n\tr: var(--loadingindicator--r);\n\tstroke: currentcolor;\n\tstroke-dasharray: 1, 200;\n\tstroke-dashoffset: 0;\n\tstroke-linecap: round;\n\tstroke-width: var(--loadingindicator--stroke-width);\n}\n\n@keyframes loadingindicator-rotate {\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n@keyframes loadingindicator-stroke {\n\t0% {\n\t\tstroke-dasharray: 1, 200;\n\t\tstroke-dashoffset: 0;\n\t}\n\n\t50% {\n\t\tstroke-dasharray: 96, 200;\n\t\tstroke-dashoffset: -32;\n\t}\n\n\t100% {\n\t\tstroke-dasharray: 96, 200;\n\t\tstroke-dashoffset: -124;\n\t}\n}\n","@import \"../../../css/db-ui-core.variables\";\n\n$progress---height: to-rem(\n\t$pxValue: 4\n) !default;\n$progress-value--backgroundColor: var(\n\t--progress-value--backgroundColor\n) !default;\n\n.elm-progress progress {\n\t--progress-value--backgroundColor: #{$db-color-red};\n}\n\n$progress---backgroundColor: #fcfdfd !default;\n\n// Alternative - on dark background\n$progress-onDarkBackground-value-backgroundColor: $db-color-cool-gray-400 !default;\n\n// Circle alternative\n$progress-conic--size: 75 * 0.0625 !default;\n$progress-conic-inner-size: $progress-conic--size - 1.25 !default;\n\n$progress-conic--backgroundColor: #fff !default;\n$progress-conic-inner-backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n// Alternative - on dark background\n$progress-onDarkBackground-conic-inner-backgroundColor: $db-color-cool-gray-700 !default;\n\n$progress-conic--translateX: to-rem(\n\t$pxValue: 10\n) !default;\n$progress-conic--translateY: -#{to-rem(\n\t\t$pxValue: 65\n\t)} !default;\n","@import \"../../../css/helpers/functions\";\n@import \"progress.variables\";\n\n.elm-progress {\n\tprogress {\n\t\tappearance: none;\n\t\tbackground-color: $progress---backgroundColor;\n\t\tborder: none;\n\t\theight: $progress---height;\n\t\tvertical-align: middle;\n\n\t\t// Coloring the progress bar for the regular progress element\n\t\t&::-webkit-progress-bar {\n\t\t\tbackground-color: $progress---backgroundColor;\n\t\t}\n\n\t\t&::-webkit-progress-value {\n\t\t\tbackground-color: $progress-value--backgroundColor; // * TODO: possibly rework variable naming\n\t\t}\n\n\t\t&::-moz-progress-bar {\n\t\t\tbackground-color: $progress-value--backgroundColor; // * TODO: possibly rework variable naming\n\t\t}\n\n\t\t&::-ms-fill {\n\t\t\tbackground-color: $progress-value--backgroundColor; // * TODO: possibly rework variable naming\n\t\t\tborder: none;\n\t\t}\n\n\t\t&:not([style^=\"--progress-conic:\"]) {\n\t\t\t&::-webkit-progress-value {\n\t\t\t\tborder-radius: 12px;\n\t\t\t}\n\n\t\t\t&::-moz-progress-bar {\n\t\t\t\tborder-radius: 12px;\n\t\t\t}\n\n\t\t\t&::-ms-fill {\n\t\t\t\tborder-radius: 12px;\n\t\t\t}\n\t\t}\n\n\t\t// Styling the special indeterminate state\n\t\t&:indeterminate {\n\t\t\tanimation-duration: 2.1s;\n\t\t\tanimation-iteration-count: infinite;\n\t\t\tanimation-name: elmProgressMoveIndeterminate;\n\t\t\tanimation-timing-function: linear;\n\t\t\tanimation-timing-function: cubic-bezier(0.65, 0.815, 0.735, 0.395);\n\t\t\tbackground-color: $progress---backgroundColor;\n\t\t\tbackground-image: linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t$db-color-red 100%,\n\t\t\t\t$progress---backgroundColor 100%\n\t\t\t);\n\t\t\tbackground-position: top left;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-size: 150% 150%;\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\tanimation-duration: 15s;\n\t\t\t}\n\n\t\t\t&::-webkit-progress-bar {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n\t\t\t&::-moz-progress-bar {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\n\t\t// Transforming the element to the conic circle\n\t\t&[style^=\"--progress-conic:\"] {\n\t\t\t@supports (background: conic-gradient(#000, #fff)) {\n\t\t\t\t--fill: calc(var(--progress-conic) * 1%);\n\n\t\t\t\tbackground: conic-gradient(\n\t\t\t\t\t$progress-value--backgroundColor var(--fill),\n\t\t\t\t\t$progress-conic--backgroundColor 0\n\t\t\t\t); // * TODO: possibly rework variable naming\n\n\t\t\t\tborder: 0;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\theight: #{$progress-conic--size}rem; // * TODO: possibly rework variable naming\n\t\t\t\twidth: #{$progress-conic--size}rem; // * TODO: possibly rework variable naming\n\n\t\t\t\t// * hides all pseudo elements on Webkit\n\t\t\t\t&::-webkit-progress-inner-element,\n\t\t\t\t&::-webkit-progress-bar,\n\t\t\t\t&::-webkit-progress-value {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t&::-moz-progress-bar {\n\t\t\t\t\tbackground: none;\n\t\t\t\t}\n\n\t\t\t\t& + output, // legacy; TODO: remove with the next major release\n\t\t\t\t& + label {\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tbackground: $progress-conic-inner-backgroundColor; // * TODO: possibly rework variable naming\n\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\theight: #{$progress-conic-inner-size}rem;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttransform: translate(\n\t\t\t\t\t\t$progress-conic--translateX,\n\t\t\t\t\t\t$progress-conic--translateY\n\t\t\t\t\t);\n\t\t\t\t\twidth: #{$progress-conic-inner-size}rem;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n@keyframes elmProgressMoveIndeterminate {\n\t0% {\n\t\tbackground-position: (-35%) 0;\n\t\tbackground-size: 35% 100%;\n\t}\n\n\t60% {\n\t\tbackground-position: 101% 0;\n\t\tbackground-size: 65% 100%;\n\t}\n\n\t100% {\n\t\tbackground-position: 101% 0;\n\t\tbackground-size: 1% 100%;\n\t}\n}\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"radio.variables\";\n@import \"../form-elements\";\n\n.elm-radio {\n\t--db-form-element-dimensions: var(\n\t\t--db-radio-dimensions,\n\t\t#{to-em($pxValue: 20)}\n\t);\n\n\t@extend %form-element-enhanced-clickable-area;\n\n\tappearance: none;\n\n\tbackground-color: rgba(255, 255, 255, 0.1);\n\tborder: to-rem($pxValue: 1) solid $radio---border;\n\tborder-radius: to-em($pxValue: 16);\n\n\t// * the basic, unchecked style\n\tdisplay: inline-block;\n\n\tfont-size: to-rem($pxValue: 16);\n\theight: var(--db-form-element-dimensions);\n\n\ttransition: border-width 0.5s ease;\n\n\twidth: var(--db-form-element-dimensions);\n\n\t&[type=\"radio\"] {\n\t\tvertical-align: sub;\n\t}\n\n\t&:enabled {\n\t\t&:hover {\n\t\t\t&:not(:checked) {\n\t\t\t\tbackground-color: rgba(40, 45, 55, 0.14);\n\t\t\t}\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground-color: rgba(40, 45, 55, 0.3);\n\t\t}\n\t}\n\n\t&:checked {\n\t\tborder-width: to-em($pxValue: 6);\n\t}\n\t// * the invalid style using the :user-invalid pseudo class (and [aria-invalid=\"true\"] equivalent, see #136 and #141)\n\t&:is(:user-invalid),\n\t&[aria-invalid=\"true\"] {\n\t\tborder-color: #c13e34;\n\t}\n\t// * TODO: never forget focus styling\n\t// &:focus::after {\n\t// content: \"\\0020\\2190\";\n\t// font-size: to-em($pxValue: 24);\n\t// line-height: 1;\n\t// vertical-align: -(to-em($pxValue: 2));\n\t// }\n\n\t& + label {\n\t\t@extend %form-label;\n\n\t\tpadding-inline-start: $db-spacing-xs;\n\t}\n\n\t&:disabled {\n\t\t&,\n\t\t& + label {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t@media (prefers-reduced-motion: reduce) {\n\t\ttransition-duration: 0.01s !important;\n\t}\n}\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"textarea.variables\";\n@import \"../form-elements\";\n\n.elm-textarea {\n\t@extend %form-element;\n\n\tdisplay: block;\n\n\tfont-size: to-rem($pxValue: 16);\n\theight: to-rem($pxValue: 44);\n\tline-height: to-rem($pxValue: 24);\n\tmax-width: 100%;\n\n\tpadding: to-rem($pxValue: 6) to-rem($pxValue: 10);\n\n\tresize: vertical;\n\n\twidth: 100%;\n\n\t// Semitransparent is the default style\n\t@at-root :where(#{&}) {\n\t\t@extend %form-element-semitransparent;\n\t}\n\n\t// * to be evaluated\n\t// display: inline-flex;\n\t// align-items: center;\n\t// justify-content: flex-start;\n\n\t.elm-label:has(+ &) {\n\t\t@extend %form-label;\n\t}\n\n\t&:not([rows]) {\n\t\tmax-height: to-rem($pxValue: 600);\n\t\tmin-height: to-rem($pxValue: 120);\n\t}\n\n\t&[rows] {\n\t\theight: initial;\n\t}\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:focus,\n\t&:hover {\n\t\t&:not(:disabled) {\n\t\t\t--formElement---borderColor: #{$db-color-cool-gray-400};\n\t\t}\n\t}\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:disabled,\n\tfieldset:disabled & {\n\t\t&,\n\t\t& + .elm-label {\n\t\t\t// Decided against cursor: not-allowed, compare to e.g. https://phabricator.wikimedia.org/T121960\n\t\t\topacity: 0.4;\n\t\t}\n\t}\n\n\t& + output {\n\t\t@extend %form-element-counter;\n\t}\n\n\t// ### Style variations\n\t&[data-variant=\"semitransparent\"] {\n\t\t@extend %form-element-semitransparent;\n\t}\n\n\t&[data-variant=\"white\"] {\n\t\t@extend %form-element-white;\n\t}\n\n\t&[data-variant=\"solid\"] {\n\t\t@extend %form-element-solid;\n\t}\n\n\t&[data-variant=\"outline\"] {\n\t\t@extend %form-element-outline;\n\t}\n\n\t// Validation\n\t/* stylelint-disable order/order */\n\t@extend %form-element-validation;\n\t@extend %form-element-validation-programmatic;\n\t/* stylelint-enable order/order */\n}\n","@import \"../../../css/partials.meta\";\n@import \"select.variables\";\n@import \"../form-elements\";\n@import \"../../../css/db-ui-core.variables\";\n\n.elm-select {\n\t@extend %form-element;\n\tappearance: none;\n\tfont-size: to-rem($pxValue: 16);\n\n\t// For IE\n\t&::-ms-expand {\n\t\tdisplay: none;\n\t}\n\n\t// Style the regular (non-multiple) select elements\n\t&:not([multiple]) {\n\t\tbackground-image: var(\n\t\t\t--db-ic-expand-more-20,\n\t\t\turl(#{$icons-path}functional/images/navigation/db_ic_expand_more_20.svg)\n\t\t);\n\t\tbackground-position: right to-rem($pxValue: 11) center;\n\t\tbackground-repeat: no-repeat;\n\t\theight: to-rem($pxValue: 44);\n\t\tpadding: to-rem($pxValue: 20) to-rem($pxValue: 42) 0 $db-spacing-m;\n\n\t\t// Semitransparent is the default style\n\t\t@at-root :where(#{&}) {\n\t\t\t@extend %form-element-semitransparent;\n\t\t}\n\n\t\t// No need to reposition the included value on hidden label\n\t\t&:has(+ label[data-label-hidden=\"true\"]) {\n\t\t\tpadding-top: 0;\n\t\t}\n\n\t\t// Floating labels\n\t\t& + .elm-label {\n\t\t\tpointer-events: none;\n\t\t\tposition: absolute;\n\t\t\ttransition:\n\t\t\t\topacity,\n\t\t\t\ttransform 250ms;\n\t\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\ttransition-duration: 0.01s !important;\n\t\t\t}\n\t\t}\n\n\t\t&:has(option:checked:empty) {\n\t\t\t& + .elm-label {\n\t\t\t\tcolor: $select-floatingLabel--color;\n\t\t\t\tfont-size: to-rem($pxValue: 16);\n\t\t\t\ttransform: translate($db-spacing-m, -#{to-rem($pxValue: 35)});\n\t\t\t}\n\t\t}\n\n\t\t// Validation\n\t\t/* stylelint-disable order/order */\n\t\t@extend %form-element-validation-programmatic;\n\t\t/* stylelint-enable order/order */\n\t\t&,\n\t\t&[data-variant]  {\n\t\t\t&:not([aria-invalid]) {\n\t\t\t\t&:is(:user-valid) {\n\t\t\t\t\t--formElement---borderColor: #{$db-color-green-600};\n\t\t\t\t}\n\n\t\t\t\t&:is(:user-invalid) {\n\t\t\t\t\t--formElement---borderColor: #{$db-color-red-500};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// TODO: Evaluate whether those could get moved to ../_form-elements.scss\n\t&:disabled,\n\tfieldset:disabled & {\n\t\t&,\n\t\t& + .elm-label {\n\t\t\t// Decided against cursor: not-allowed, compare to e.g. https://phabricator.wikimedia.org/T121960\n\t\t\topacity: 0.4;\n\t\t}\n\t}\n\n\t// ### Style variations\n\t&[data-variant=\"semitransparent\"] {\n\t\t@extend %form-element-semitransparent;\n\t}\n\n\t&[data-variant=\"white\"] {\n\t\t@extend %form-element-white;\n\t}\n\n\t&[data-variant=\"solid\"] {\n\t\t@extend %form-element-solid;\n\t}\n\n\t&[data-variant=\"outline\"] {\n\t\t@extend %form-element-outline;\n\t}\n\n\t// Floating labels\n\t& + .elm-label {\n\t\t@extend %form-label;\n\n\t\tdisplay: block;\n\t\tfont-size: to-rem($pxValue: 12);\n\t\tmargin-bottom: -#{to-rem($pxValue: 18)};\n\t\ttransform: translate($db-spacing-m, -#{to-rem($pxValue: 41)});\n\t\ttransition:\n\t\t\topacity,\n\t\t\ttransform 150ms;\n\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\ttransition-duration: 0.01s !important;\n\t\t}\n\t}\n\n\t&[multiple] {\n\t\tmargin-top: to-rem($pxValue: 16);\n\n\t\t& + .elm-label {\n\t\t\ttransform: translate($db-spacing-m, -#{to-rem($pxValue: 100)});\n\t\t}\n\t}\n\n\toptgroup {\n\t\tbackground-color: transparent;\n\t\tfont-style: normal;\n\t}\n\n\toption {\n\t\t&:not(:disabled):hover {\n\t\t\tbackground-color: $db-color-cool-gray-200;\n\t\t}\n\n\t\t&:checked {\n\t\t\tbackground-color: $db-color-cool-gray-200;\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"chip.variables\";\n\n.elm-chip {\n\t& + label {\n\t\t--db-focus-outline-size: max(2px, 0.08em);\n\n\t\talign-items: center;\n\t\tborder: solid 1px $db-color-cool-gray-400;\n\t\tborder-radius: $chip---radius;\n\t\tdisplay: inline-flex;\n\t\tfont-weight: 500;\n\n\t\t// Link related styles\n\t\tfont-size: to-rem($pxValue: 14);\n\t\theight: to-rem($pxValue: 28);\n\t\tjustify-content: center;\n\t\tpadding-left: to-rem($pxValue: 7);\n\t\tpadding-right: to-rem($pxValue: 7);\n\t\ttext-decoration: none;\n\t\ttext-transform: capitalize;\n\t\twhite-space: nowrap;\n\n\t\t// Icons\n\t\t&[data-icon],\n\t\t&[data-icon-before] {\n\t\t\t@include iconMeta(20);\n\t\t}\n\n\t\t&[data-icon-after] {\n\t\t\t@include iconMeta($size: 20, $position: \"after\");\n\t\t}\n\t}\n\n\t&:not(:disabled, :checked) {\n\t\t// States\n\t\t& + label:hover {\n\t\t\tbackground-color: $chip-hover--backgroundColor;\n\t\t}\n\t}\n\n\t&:checked {\n\t\t& + label {\n\t\t\tbackground-color: $chip-selected--backgroundColor;\n\t\t\tborder-color: transparent;\n\t\t\tcolor: $chip-checked--color;\n\n\t\t\t//*** Variants ***\n\t\t\t&[data-variant=\"light\"] {\n\t\t\t\tbackground-color: $db-color-cool-gray-200;\n\t\t\t\tcolor: $db-color-cool-gray-700;\n\t\t\t\tborder: 1px solid $db-color-cool-gray-400;\n\t\t\t}\n\n\t\t\t&[data-variant=\"warning\"] {\n\t\t\t\tbackground-color: $db-color-warning;\n\t\t\t}\n\n\t\t\t&[data-variant=\"error\"] {\n\t\t\t\tbackground-color: $db-color-error;\n\t\t\t}\n\n\t\t\t&[data-variant=\"informative\"] {\n\t\t\t\tbackground-color: $db-color-informative;\n\t\t\t}\n\n\t\t\t&[data-variant=\"success\"] {\n\t\t\t\tbackground-color: $db-color-success;\n\t\t\t}\n\n\t\t\t// POIs\n\t\t\t&[data-variant=\"poi-essen-trinken\"] {\n\t\t\t\tbackground-color: $db-color-food-drink;\n\t\t\t\tcolor: $db-color-cool-gray-700;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-einkaufen\"] {\n\t\t\t\tbackground-color: $db-color-shopping;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-gesundheit\"] {\n\t\t\t\tbackground-color: $db-color-health;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-kunst-kultur\"] {\n\t\t\t\tbackground-color: $db-color-arts-culture;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-wissenswertes\"] {\n\t\t\t\tbackground-color: $db-color-things-to-know;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-freizeit\"] {\n\t\t\t\tbackground-color: $db-color-leisure;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-zivile-rel-einrichtungen\"] {\n\t\t\t\tbackground-color: $db-color-community-facilities;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-dienstleistungen\"] {\n\t\t\t\tbackground-color: $db-color-services;\n\t\t\t\tcolor: $db-color-cool-gray-700;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-db-services-einrichtung\"] {\n\t\t\t\tbackground-color: $db-color-db-services-facilities;\n\t\t\t}\n\n\t\t\t&[data-variant=\"poi-wegeleitung\"] {\n\t\t\t\tbackground-color: $db-color-guidance;\n\t\t\t}\n\t\t}\n\t}\n\n\t&:disabled {\n\t\t& + label {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t&:focus-visible {\n\t\t& + label {\n\t\t\toutline: var(--db-focus-outline-size)\n\t\t\t\tvar(--db-focus-outline-style, solid)\n\t\t\t\tvar(--db-focus-outline-color, currentColor);\n\t\t\toutline-offset: var(\n\t\t\t\t--db-focus-outline-offset,\n\t\t\t\tvar(--db-focus-outline-size)\n\t\t\t);\n\t\t}\n\t}\n\n\t&[type=\"checkbox\"],\n\t&[type=\"radio\"] {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$chip---radius: to-rem(\n\t$pxValue: 4\n) !default;\n\n$chip-hover--backgroundColor: rgba($db-color-cool-gray-700, 0.03) !default;\n$chip-selected--backgroundColor: $db-color-cool-gray-700 !default;\n$chip-checked--color: $db-color-white !default;\n// $chip---color: $db-color-white !default;\n","@import \"tag.variables\";\n\n.elm-tag {\n\talign-items: center;\n\tbackground-color: $tag---backgroundColor;\n\tborder-radius: $tag---radius;\n\tcolor: $tag---color;\n\tdisplay: inline-flex;\n\tfont-weight: 500;\n\n\t// Link related styles\n\tfont-size: to-rem($pxValue: 12);\n\theight: to-rem($pxValue: 24);\n\tjustify-content: center;\n\tpadding-left: to-rem($pxValue: 4);\n\tpadding-right: to-rem($pxValue: 4);\n\ttext-transform: capitalize;\n\twhite-space: nowrap;\n\n\t// Sizes\n\t&%size-Small {\n\t\theight: to-rem($pxValue: 20);\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %size-Small;\n\t}\n\n\t//*** Variants ***\n\t&[data-variant=\"light\"] {\n\t\tbackground-color: $db-color-cool-gray-200;\n\t\tcolor: $db-color-cool-gray-700;\n\t\tborder: 1px solid $db-color-cool-gray-400;\n\t}\n\n\t&[data-variant=\"warning\"] {\n\t\tbackground-color: $db-color-warning-small-font;\n\t}\n\n\t&[data-variant=\"error\"] {\n\t\tbackground-color: $db-color-error-small-font;\n\t}\n\n\t&[data-variant=\"informative\"] {\n\t\tbackground-color: $db-color-informative-small-font;\n\t}\n\n\t&[data-variant=\"success\"] {\n\t\tbackground-color: $db-color-success-small-font;\n\t}\n\n\t// The \"Gleis\" additioally gets a bold font weight\n\t&[data-variant=\"track\"] {\n\t\tbackground-color: $db-color-blue-700;\n\t\tfont-weight: 700;\n\t}\n\n\t// POIs\n\t&[data-variant=\"poi-essen-trinken\"] {\n\t\tbackground-color: $db-color-food-drink;\n\t\tcolor: $db-color-cool-gray-700;\n\t}\n\n\t&[data-variant=\"poi-einkaufen\"] {\n\t\tbackground-color: $db-color-shopping;\n\t}\n\n\t&[data-variant=\"poi-gesundheit\"] {\n\t\tbackground-color: $db-color-health;\n\t}\n\n\t&[data-variant=\"poi-kunst-kultur\"] {\n\t\tbackground-color: $db-color-arts-culture;\n\t}\n\n\t&[data-variant=\"poi-wissenswertes\"] {\n\t\tbackground-color: $db-color-things-to-know;\n\t}\n\n\t&[data-variant=\"poi-freizeit\"] {\n\t\tbackground-color: $db-color-leisure;\n\t}\n\n\t&[data-variant=\"poi-zivile-rel-einrichtungen\"] {\n\t\tbackground-color: $db-color-community-facilities;\n\t}\n\n\t&[data-variant=\"poi-dienstleistungen\"] {\n\t\tbackground-color: $db-color-services;\n\t\tcolor: $db-color-cool-gray-700;\n\t}\n\n\t&[data-variant=\"poi-db-services-einrichtung\"] {\n\t\tbackground-color: $db-color-db-services-facilities;\n\t}\n\n\t&[data-variant=\"poi-wegeleitung\"] {\n\t\tbackground-color: $db-color-guidance;\n\t}\n\n\t// Icons\n\t&[data-icon],\n\t&[data-icon-before] {\n\t\t@include iconMeta(20);\n\n\t\t&::before {\n\t\t\t--icon-margin-after: #{to-rem($pxValue: 2)};\n\t\t}\n\t}\n\n\t&[data-icon-after] {\n\t\t@include iconMeta($size: 20, $position: \"after\");\n\n\t\t&::after {\n\t\t\t--icon-margin-before: #{to-rem($pxValue: 2)};\n\t\t}\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$tag---radius: to-rem(\n\t$pxValue: 4\n) !default;\n\n$tag---backgroundColor: $db-color-cool-gray-700 !default;\n$tag---color: $db-color-white !default;\n","@charset \"utf-8\";\n\n@import \"toggle.variables\";\n\n// adapted by https://danklammer.com/articles/simple-css-toggle-switch/\n\n.elm-toggle {\n\tappearance: none;\n\n\tbackground-color: $db-color-cool-gray-500;\n\tborder: none;\n\n\tborder-radius: to-rem($pxValue: 12);\n\n\tdisplay: inline-block;\n\theight: to-rem($pxValue: 24);\n\t// margin-right: $db-spacing-xs;\n\n\tposition: relative;\n\n\ttransition: background-color 0.3s ease;\n\n\twidth: to-rem($pxValue: 48);\n\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t@media (prefers-reduced-motion: reduce) {\n\t\ttransition-duration: 0.01s !important;\n\t}\n\n\t// Label positioning\n\t& + .elm-label {\n\t\tvertical-align: top;\n\t}\n\n\t&::before {\n\t\tbackground-color: $db-color-white;\n\n\t\tborder-radius: to-rem($pxValue: 10);\n\n\t\tbox-shadow:\n\t\t\t0 5px 30px 0 rgba(0, 0, 0, 0.05),\n\t\t\t0 1px 5px 0 rgba(0, 0, 0, 0.15);\n\t\tcontent: \"\"; // we could even also add toggled textual content for the switch in the future\n\n\t\tdisplay: block;\n\t\theight: to-rem($pxValue: 20);\n\t\tleft: #{to-rem($pxValue: 2)};\n\n\t\tposition: absolute;\n\t\ttop: #{to-rem($pxValue: 2)};\n\n\t\ttransition:\n\t\t\tborder-color,\n\t\t\tleft 0.3s cubic-bezier(0.3, 1.5, 0.7, 1);\n\n\t\twidth: to-rem($pxValue: 20);\n\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\ttransition-duration: 0.01s !important;\n\t\t}\n\t}\n\n\t&:hover {\n\t\t&::before {\n\t\t\tbackground-color: #f7f7f7; // TODO: Identify the correct color variable\n\t\t}\n\t}\n\n\t&:active {\n\t\t&::before {\n\t\t\ttransition: width 0.3s cubic-bezier(0.3, 1.5, 0.7, 1);\n\t\t\twidth: to-rem($pxValue: 24);\n\t\t\t// Adopted by https://www.heise.de/developer/artikel/a11y-Reduced-Motion-4356171.html\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\ttransition-duration: 0.01s !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t&:checked {\n\t\tbackground-color: $toggle--checked-backgroundColor;\n\n\t\t&::before {\n\t\t\tleft: unset;\n\t\t\tright: to-rem($pxValue: 2);\n\t\t}\n\t}\n\n\t&:disabled {\n\t\t&,\n\t\t& + label {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n}\n",".elm-youtube {\n\theight: to-rem($pxValue: 315);\n\twidth: to-rem($pxValue: 560);\n}\n","@import \"../../../css/partials.meta\";\n@import \"breadcrumb.variables\";\n\n.cmp-breadcrumb {\n\tcolor: $db-color-cool-gray-500;\n\tfont-size: to-rem($pxValue: 12);\n\n\ta {\n\t\tcolor: inherit;\n\t}\n\n\tol {\n\t\tdisplay: flex;\n\n\t\t& > li {\n\t\t\talign-items: center;\n\t\t\tdisplay: inline-flex;\n\t\t\tmargin-right: to-rem($pxValue: 3);\n\n\t\t\t[aria-current=\"location\"],\n\t\t\t[aria-current=\"page\"] {\n\t\t\t\tcolor: $db-color-cool-gray-700;\n\t\t\t}\n\n\t\t\t.elm-link {\n\t\t\t\tborder-radius: to-rem($pxValue: 4);\n\n\t\t\t\tpadding: to-rem($pxValue: 1) to-rem($pxValue: 3)\n\t\t\t\t\tto-rem($pxValue: 1) to-rem($pxValue: 4);\n\t\t\t\ttext-decoration: none;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: $breadcrumb-link-hover-backgroundColor;\n\t\t\t\t}\n\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: $breadcrumb-link-active-backgroundColor;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\t@include icon(glyph(home), $size: 20, $partial: $partial);\n\n\t\t\t\t&::before {\n\t\t\t\t\t--icon-margin-after: #{to-rem($pxValue: 3)};\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(:first-child) {\n\t\t\t\t@include icon(\n\t\t\t\t\tglyph($breadcrumb-divider--icon),\n\t\t\t\t\t$size: 20,\n\t\t\t\t\t$partial: $partial\n\t\t\t\t);\n\n\t\t\t\t&::before {\n\t\t\t\t\t--icon-font-size: #{to-rem($pxValue: 14)};\n\t\t\t\t\t--icon-margin-after: 0;\n\t\t\t\t\tcolor: $db-color-cool-gray-400;\n\t\t\t\t\tmargin-left: -#{to-rem($pxValue: 2)};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../00-base/icons/icons.helpers\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/colors/colors.variables\";\n\n$breadcrumb-divider--icon: \"chevron-right\" !default;\n$breadcrumb-link-hover-backgroundColor: rgba(\n\t$db-color-cool-gray-700,\n\t0.03\n) !default;\n$breadcrumb-link-active-backgroundColor: rgba(\n\t$db-color-cool-gray-700,\n\t0.06\n) !default;\n","@import \"../../../css/helpers/functions\";\n\n.cmp-cards {\n\tlist-style: none;\n\n\tmargin: 0;\n\tpadding: 0;\n\n\t@supports (display: grid) {\n\t\tdisplay: grid;\n\t\tgrid-gap: to-rem($pxValue: 24);\n\t\tgrid-template-columns: repeat(\n\t\t\tauto-fill,\n\t\t\tminmax(to-rem($pxValue: 340), 1fr)\n\t\t);\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"cards.variables\";\n\n.cmp-card {\n\tbackground-color: #fff;\n\n\tborder-radius: 8px;\n\tbox-shadow: $box-shadow-01, $box-shadow-02;\n\n\t& > a {\n\t\ttext-decoration: none;\n\t}\n\n\tfigure {\n\t\tmargin: $db-spacing-m $db-spacing-m $db-spacing-m $db-spacing-s;\n\t}\n\n\t// Banner variant\n\t&[data-variant=\"banner\"] {\n\t\tfigure {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\tfigcaption {\n\t\t\tmargin-left: 1rem;\n\n\t\t\th1,\n\t\t\th2,\n\t\t\th3,\n\t\t\th4,\n\t\t\th5,\n\t\t\th6 {\n\t\t\t\tfont-size: to-rem($pxValue: 18);\n\n\t\t\t\t&,\n\t\t\t\t& ~ p {\n\t\t\t\t\tmargin: 0.125rem 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\tfont-size: to-rem($pxValue: 14);\n\n\t\t\t\tmax-width: to-rem(\n\t\t\t\t\t$pxValue: 290\n\t\t\t\t); // TODO: This would need some rework\n\t\t\t}\n\t\t}\n\t}\n\n\t// Tile variant\n\t&[data-variant=\"tile\"] {\n\t\ttext-align: center;\n\t}\n\n\tfigcaption {\n\t\tmax-width: 60ch;\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"accordion.variables\";\n\n.cmp-accordion {\n\t--db-accordion---paddingLeft: #{$accordion---paddingLeft};\n\tborder-bottom: 1px solid $db-color-cool-gray-200;\n\tpadding-left: var(--db-accordion---paddingLeft);\n\tpadding-right: $accordion---paddingRight;\n\n\tsummary {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\n\t\tpadding-block: $db-spacing-sm;\n\t\t// Negating the padding left for moving the element into that direction with the same measures\n\t\ttransform: translateX(calc(var(--db-accordion---paddingLeft) * -1));\n\t\twidth: calc(\n\t\t\t100% + var(--db-accordion---paddingLeft) + #{$accordion---paddingRight}\n\t\t);\n\n\t\t& {\n\t\t\t@include icon(\n\t\t\t\tglyph(expand-more),\n\t\t\t\t24,\n\t\t\t\t\"outline\",\n\t\t\t\t\"after\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\n\t\t// Replace existing marker with an icon from the library\n\t\t&::-webkit-details-marker {\n\t\t\tdisplay: none;\n\t\t}\n\t\t// … and using some other declaration for Mozilla Firefox\n\t\t&:first-of-type {\n\t\t\tlist-style-type: none;\n\t\t}\n\n\t\t// Icon horizontal space\n\t\t&::after {\n\t\t\t--icon-margin-before: #{to-rem($pxValue: 8)};\n\t\t\tmargin-right: #{to-rem($pxValue: 14)};\n\t\t}\n\n\t\t& + p {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t// TODO: This might get simplified in the future with @nest\n\t&[open] > summary {\n\t\t&::after {\n\t\t\tcontent: glyph(expand-less);\n\t\t}\n\t}\n\n\t// Emphasis\n\t&%emphasis-High {\n\t\t// Calculate especially depending on the icons sizes difference\n\t\t--db-accordion---paddingLeft: #{$accordion---paddingLeft + 0.5rem};\n\n\t\tsummary {\n\t\t\tfont-weight: 700;\n\t\t\theight: to-rem($pxValue: 56);\n\n\t\t\t&::after {\n\t\t\t\t--icon-font-size: #{to-rem($pxValue: 32)};\n\t\t\t}\n\t\t}\n\t}\n\n\t&[data-emphasis=\"high\"] {\n\t\t@extend %emphasis-High;\n\t}\n\n\t// Sizes\n\t&%size-Small {\n\t\t// Calculate dependending on the icons sizes and margins difference\n\t\t--db-accordion---paddingLeft: #{$accordion---paddingLeft - 0.75rem};\n\n\t\tsummary {\n\t\t\tfont-size: to-rem($pxValue: 14);\n\t\t\t// ToDo: This needs to get replaced by the correct variable\n\t\t\tpadding-block: 0.59375rem;\n\n\t\t\t&::after {\n\t\t\t\t--icon-font-size: #{to-rem($pxValue: 20)};\n\t\t\t\t--icon-margin-after: #{to-rem($pxValue: 6)};\n\t\t\t\tmargin-left: #{to-rem($pxValue: 6)};\n\t\t\t}\n\t\t}\n\t}\n\n\t&%size-Large {\n\t\t// Calculate especially depending on the icons sizes difference\n\t\t--db-accordion---paddingLeft: #{$accordion---paddingLeft + 0.5rem};\n\n\t\tsummary {\n\t\t\tfont-size: to-rem($pxValue: 20);\n\t\t\tpadding-block: $db-spacing-m;\n\n\t\t\t&::after {\n\t\t\t\t--icon-font-size: #{to-rem($pxValue: 32)};\n\t\t\t}\n\t\t}\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@extend %size-Small;\n\t}\n\n\t&[data-size=\"large\"] {\n\t\t@extend %size-Large;\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$accordion---paddingLeft: $db-spacing-m !default;\n$accordion---paddingRight: to-rem(\n\t$pxValue: 16\n) !default;\n","%header-divider {\n\tposition: absolute;\n\tcontent: \"\";\n\twidth: 1px;\n\theight: 1.5rem;\n\tbackground-color: rgba(40, 45, 55, 0.2);\n\tinset-block-start: 50%;\n\ttransform: translateY(-50%);\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$header-big-link-paddingTop: 32 * 0.0625 !default;\n$header---backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n\n// * reduced height\n// $header-big-link-paddingTop: 19*0.0625 !default;\n$rea-header-elm-link-padding-bottom-big: to-rem(\n\t$pxValue: 19\n) !default;\n\n// * reduced height\n// $rea-header-elm-link-padding-bottom-big: to-rem($pxValue: 11) !default;\n\n$mainnavigation---position: relative !default;\n// $mainnavigation---position: absolute !default; // underneath\n$mainnavigation---position-top: 0 !default;\n// $mainnavigation---position-top: to-rem($pxValue: 79) !default; // underneath\n$mainnavigation-link--borderPosition: \"bottom\" !default;\n// $mainnavigation-link--borderPosition: \"top\" !default; // underneath\n$mainnavigation-link--paddingTop: #{$header-big-link-paddingTop}rem !default;\n// $mainnavigation-link--paddingTop: to-rem($pxValue: 11) !default; // underneath\n$mainnavigation-link--paddingBottom: $rea-header-elm-link-padding-bottom-big !default;\n// $mainnavigation-link--paddingBottom: to-rem($pxValue: 11) !default; // underneath\n","@import \"../../../css/partials.meta\";\n// TODO: Replace magic numbers e.g. with flexbox implementations and extract variables as well for multi-brand\n@import \"mainnavigation.variables\";\n@import \"../../../css/helpers/dividers\";\n\n.cmp-mainnavigation {\n\ttop: $mainnavigation---position-top;\n\tpadding-inline-start: 1.5rem;\n\tposition: $mainnavigation---position;\n\n\t&::before {\n\t\t@extend %header-divider;\n\t\tinset-inline-start: 0;\n\t}\n\n\t.rea-header & {\n\t\torder: 1;\n\t}\n\n\t// Header Components positioning, :has non-supporting browsers fallback\n\t@supports not selector(:has(db)) {\n\t\tmargin: auto;\n\t}\n\n\t// The links shouldn't get an underline as text-decoration\n\t.elm-link {\n\t\t// We need to reset the general border-radius here\n\t\tborder-radius: initial;\n\t\tcolor: inherit;\n\t\tdisplay: inline-block;\n\t\ttext-decoration: none;\n\t}\n\n\t// Navigation toggle elements\n\t& > input[type=\"checkbox\"][id] {\n\t\tappearance: none;\n\t\tposition: absolute;\n\t\tblock-size: 1.5rem;\n\t\taspect-ratio: 1 / 1;\n\n\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t// Hiding the navigation toggle elements on huger viewports\n\t\t\t&,\n\t\t\t& + label[for] {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t& > label[for] {\n\t\tbackground-color: $header---backgroundColor; // TODO: This would need to get replaced by the correct (semantic) color\n\n\t\tborder-bottom: 1px solid $db-color-warm-gray-100;\n\n\t\tdisplay: block;\n\t\tpadding: to-rem($pxValue: 8) to-rem($pxValue: 22) to-rem($pxValue: 10);\n\n\t\t& {\n\t\t\t@include icon(glyph(menu), 24, \"outline\", $partial: $partial);\n\t\t\t@include icon(\n\t\t\t\tglyph(close),\n\t\t\t\t24,\n\t\t\t\t\"outline\",\n\t\t\t\t\"after\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\n\t\t&::before {\n\t\t\tmargin-right: to-rem($pxValue: 16);\n\t\t}\n\n\t\t&::after {\n\t\t\tmargin-right: to-rem($pxValue: 16);\n\t\t}\n\t}\n\n\t// Displaying the main navigation as an top to bottom overlay on smaller viewports\n\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\tz-index: $z-index-cmp-mainnavigation-dropdown; // * TODO: possibly rework variable naming\n\n\t\t& > input[type=\"checkbox\"][id] {\n\t\t\t& + label[for] {\n\t\t\t\t@include is-icon-text-replace();\n\t\t\t\tpadding: 0;\n\n\t\t\t\t&::before,\n\t\t\t\t&::after {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(:checked) {\n\t\t\t\t// Hiding the cross on collapsed navigation\n\t\t\t\t& + label[for] {\n\t\t\t\t\t&::after {\n\t\t\t\t\t\tcontent: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// Hiding the navigation\n\t\t\t\t& ~ ul {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:checked {\n\t\t\t\tinset-inline-end: 1.5rem;\n\t\t\t\tinset-block-start: 1rem;\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\n\t\t\t\t& + label[for] {\n\t\t\t\t\tbackground-color: #fff;\n\t\t\t\t\tblock-size: 3.5rem;\n\n\t\t\t\t\t&::after {\n\t\t\t\t\t\tpadding: 0.5rem;\n\t\t\t\t\t\tinset-inline-end: 1rem;\n\t\t\t\t\t\tinset-block-start: 0.5rem;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\t\t\t\t\t}\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tcontent: \"\";\n\t\t\t\t\t\tposition: fixed;\n\t\t\t\t\t\tinset: 0;\n\t\t\t\t\t\tz-index: $z-index-cmp-mainnavigation-dropdown;\n\t\t\t\t\t\tbackground-color: $db-color-cool-gray-700;\n\t\t\t\t\t\topacity: 0.8;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:has(> input[type=\"checkbox\"][id]:not(:checked)) {\n\t\t\t// Only for burger menu\n\t\t\tposition: absolute;\n\t\t\tinset-inline-end: 1.5rem;\n\t\t\tinset-block-start: 50%;\n\t\t\ttransform: translateY(-50%);\n\t\t\tpadding-inline-start: 1rem;\n\t\t}\n\n\t\t&:has(> input[type=\"checkbox\"][id]:checked) {\n\t\t\tposition: fixed;\n\t\t\tinset: 0;\n\t\t\tpadding: 0;\n\t\t\tmargin-inline-start: 1.5rem;\n\n\t\t\t&::after {\n\t\t\t\tcontent: \"\";\n\t\t\t\twidth: 100%;\n\t\t\t\tblock-size: 3.5rem;\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tinset: 0;\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: $z-index-cmp-mainnavigation-dropdown;\n\t\t\t\tborder-bottom: 1px solid rgba(40, 45, 55, 0.2);\n\t\t\t\tborder-top-left-radius: 4px;\n\t\t\t}\n\t\t}\n\t}\n\n\tul {\n\t\tbackground-color: $header---backgroundColor;\n\t}\n\n\t// Multiple level navigation\n\tul ul {\n\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\tbox-shadow: $box-shadow-01, $box-shadow-02;\n\t\t\tposition: absolute;\n\t\t\tvisibility: hidden;\n\n\t\t\tz-index: $z-index-rea-header-cmp-mainnavigation-submenu;\n\t\t}\n\n\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t// First Level\n\t& > ul {\n\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\tbackground-color: #fff;\n\t\t\tposition: absolute;\n\t\t\tinset-inline: 0;\n\t\t\tinset-block-end: 0;\n\t\t\tinset-block-start: 3.5rem;\n\t\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\t\t\tpadding: 0.75rem;\n\t\t\tmargin-block-end: 3.5rem;\n\t\t\toverflow: auto;\n\t\t}\n\n\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\tdisplay: flex;\n\t\t\tgap: 0.75rem;\n\t\t}\n\n\t\t& > li,\n\t\t& > * > li {\n\t\t\t& > .elm-link,\n\t\t\t& > * > .elm-link {\n\t\t\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t\t\theight: 2.5rem;\n\t\t\t\t\tpadding: 0.5rem 0.75rem;\n\t\t\t\t\tborder-radius: 4px;\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tborder-#{$mainnavigation-link--borderPosition}-color: $db-color-cool-gray-200;\n\t\t\t\t\t}\n\n\t\t\t\t\t&[aria-current=\"page\"] {\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\theight: 4px;\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\tcontent: \"\";\n\t\t\t\t\t\t\tbackground-color: $db-color-red-500;\n\t\t\t\t\t\t\tborder-radius: 2px;\n\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\tinset-block-start: calc(100% + 0.25rem);\n\t\t\t\t\t\t\tinset-inline: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// From second level\n\t\t\tul {\n\t\t\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t\t\tinset-inline-start: 0;\n\t\t\t\t\tmin-width: 100%;\n\t\t\t\t\tinset-block-start: calc(100% + 0.5rem);\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tcontent: \"\";\n\t\t\t\t\t\theight: 0.5rem;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tinset-block-end: 100%;\n\t\t\t\t\t}\n\n\t\t\t\t\t// From third level\n\t\t\t\t\tul {\n\t\t\t\t\t\tinset-inline-start: 100%;\n\t\t\t\t\t\ttop: auto;\n\t\t\t\t\t\tinset-block-start: 0.25rem;\n\t\t\t\t\t}\n\n\t\t\t\t\t.elm-link {\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tdisplay: flex;\n\n\t\t\t\t\t\tmin-height: to-rem($pxValue: 53);\n\t\t\t\t\t\tpadding-left: to-rem($pxValue: 18);\n\t\t\t\t\t\tpadding-right: to-rem($pxValue: 18);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t& > li,\n\t\t\t\t& > * > li {\n\t\t\t\t\t& > .elm-link,\n\t\t\t\t\t& > * > .elm-link {\n\t\t\t\t\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\t\t\t\t\tpadding-left: to-rem($pxValue: 34);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Third level\n\t\t\t\t\tul {\n\t\t\t\t\t\t& > li,\n\t\t\t\t\t\t& > * > li {\n\t\t\t\t\t\t\t& > .elm-link,\n\t\t\t\t\t\t\t& > * > .elm-link {\n\t\t\t\t\t\t\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\t\t\t\t\t\t\tpadding-left: to-rem($pxValue: 60);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tli {\n\t\tdisplay: block;\n\n\t\t// lower levels\n\t\tposition: relative;\n\t\t// Icon for menu\n\t\t// TODO: this could probably get simplified with a media query polyfill and moved back to the previous section\n\t\t&[aria-haspopup=\"true\"] {\n\t\t\t@include icon(\n\t\t\t\tglyph(chevron-right),\n\t\t\t\t24,\n\t\t\t\t\"outline\",\n\t\t\t\t\"after\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\n\t\t\t&::after {\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 1rem;\n\t\t\t\ttop: to-rem($pxValue: 9);\n\t\t\t}\n\t\t}\n\n\t\t&:is(:hover, :focus-within) {\n\t\t\t& > ul,\n\t\t\t& > * > ul {\n\t\t\t\tvisibility: visible;\n\t\t\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\t\t\tdisplay: initial;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\t\t&:hover {\n\t\t\t\t& > a {\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t}\n\n\t\t\t\t&[aria-haspopup=\"true\"] {\n\t\t\t\t\t--icon-glyph-after: \"⌄\";\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.elm-link {\n\t\t\t\tcolor: inherit;\n\t\t\t\tpadding-block: 0.5rem;\n\t\t\t\tpadding-inline-start: 0.75rem;\n\t\t\t\twidth: calc(100% - 4rem);\n\t\t\t}\n\n\t\t\t&[aria-haspopup=\"true\"] {\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t}\n\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t// Do not show Icon for menu on bigger screens\n\t\t\t&[aria-haspopup=\"true\"] {\n\t\t\t\t&::after {\n\t\t\t\t\tcontent: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.elm-link {\n\t\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0);\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.08);\n\t\t\t\t\tcolor: initial;\n\t\t\t\t}\n\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.16);\n\t\t\t\t}\n\n\t\t\t\t&[aria-current=\"page\"] {\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","/* *****\n\tThis file summarizes the general variables relevant for using DB UI Core with SCSS.\n***** */\n\n// Define the path for both image and font folders\n$icons-path: \"../../icons/\" !default;\n$images-path: \"../../images/\" !default;\n$fonts-path: \"../../fonts/\" !default;\n\n@import \"@db-ui/base/build/scss/variables\";\n\n// General configurations\n$dbBaseFontSize: 16px;\n$dbBaseFontSizeSass: 0.0625 !default;\n\n$db-logo-default-width: 58px !default;\n$db-logo-default-height: 40px !default;\n\n$metanavigation-iconOnly--maxWidth: to-rem(656);\n\n// General box-shadow\n// * offset-x | offset-y | blur-radius | (spread-radius) | color\n$box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n$box-shadow-01: 0 0 5px rgba(0, 0, 0, 0.08);\n$box-shadow-02: 0 5px 30px rgba(0, 0, 0, 0.05);\n$box-shadow-01-bottom: 0 2px 5px rgba(0, 0, 0, 0.08);\n$box-shadow-02-bottom: 0 15px 30px rgba(0, 0, 0, 0.05);\n\n// *** z-index ***\n$z-index-rea-header-cmp-mainnavigation-submenu: 70 !default;\n$z-index-rea-header-cmp-language-switcher-li: 40 !default;\n$z-index-cmp-mainnavigation-dropdown: 30 !default;\n$z-index-cmp-overflow-menu-menu: 60 !default;\n$z-index-cmp-overflow-menu-overlay: 50 !default;\n$z-index-rea-header-cmp-sitesearch-focus: 10 !default;\n$z-index-reas-fixed-header-footer: 10 !default;\n\n// Defined the max-width for a narrower screen to break the header, that e.g. let's the navigation break into a hamburger menu. Also defined the z-index for the header and footer.\n$db-break-the-header-max-width: 1023px !default;\n","@import \"metanavigation.variables\";\n\n.cmp-metanavigation {\n\tdisplay: flex;\n\tlist-style: none;\n\tmargin-bottom: 0;\n\tmargin-top: 0;\n\tpadding-left: 0;\n\tgap: 0.5rem;\n\n\tli {\n\t\tpadding-left: to-rem($pxValue: 8);\n\t\tpadding-right: to-rem($pxValue: 8);\n\n\t\t.rea-footer & {\n\t\t\tpadding-left: to-rem($pxValue: 6);\n\t\t\tpadding-right: to-rem($pxValue: 6);\n\t\t}\n\n\t\t.elm-link {\n\t\t\ttext-decoration: none;\n\n\t\t\t.rea-header & {\n\t\t\t\t@include is-icon-text-replace();\n\t\t\t}\n\t\t}\n\t}\n\n\t.rea-footer & {\n\t\tflex-wrap: wrap;\n\t\tjustify-content: center;\n\n\t\t@media screen and (max-width: 767px) {\n\t\t\tmargin-bottom: 1rem;\n\t\t}\n\t\t@media screen and (min-width: 768px) {\n\t\t\tfloat: right;\n\t\t}\n\t}\n}\n","@import \"brand.variables\";\n\n.cmp-brand {\n\tfont-weight: bold;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 1rem;\n\n\ta,\n\timg {\n\t\theight: 1.5rem;\n\t}\n\n\timg {\n\t\twidth: auto;\n\t}\n\n\ta {\n\t\tcolor: inherit;\n\t\t// Deactivate underline on site name being made clickable by added to the link as well\n\t\ttext-decoration: none;\n\t}\n}\n","$form-elements-color: $db-color-cool-gray-700 !default;\n$form-elements-border-radius: 4px !default;\n\n$form-elements---borderTop: 1px solid var(--formElement---borderTopColor) !default;\n$form-elements---borderRight: 1px solid var(--formElement---borderRightColor) !default;\n$form-elements---borderBottom: 1px solid var(--formElement---borderBottomColor) !default;\n$form-elements---borderLeft: 1px solid var(--formElement---borderLeftColor) !default;\n\n// ### Style variations ###\n// Semitransparent\n$form-elements-semitransparent-background-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.05\n) !default;\n$form-elements-semitransparent-border-bottom-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.5\n) !default;\n\n// White\n$form-elements-white-background-color: $db-color-white !default;\n$form-elements-white-border-bottom-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.5\n) !default;\n\n// Solid\n$form-elements-solid-background-color: $db-color-cool-gray-100 !default;\n$form-elements-solid-border-bottom-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.5\n) !default;\n\n// Outline\n$form-elements-outline-border-color: rgba(\n\t$db-color-cool-gray-700,\n\t0.25\n) !default;\n","@import \"../../../css/partials.meta\";\n@import \"sitesearch.variables\";\n@import \"../../01-elements/form-elements\";\n\n.cmp-sitesearch {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-inline-end: 0.75rem;\n\n\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\tmargin-inline-start: auto;\n\t\tmargin-inline-end: 2.25rem;\n\n\t\t&::before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.elm-input[type=\"search\"] {\n\t\t@extend %form-element-solid;\n\t\tbackground-image: none;\n\t\topacity: 0;\n\t\twidth: 0;\n\t\tpadding: 0;\n\n\t\t&:focus,\n\t\t&:not(:placeholder-shown) {\n\t\t\topacity: 1;\n\t\t\twidth: calc(#{$sitesearch-width--open} + 1rem);\n\t\t\tpadding-inline-start: 1rem;\n\t\t\tpadding-inline-end: 3rem;\n\t\t\tpadding-top: 0;\n\n\t\t\t& + .elm-label {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t& ~ .elm-button {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\t}\n\n\t.elm-label {\n\t\tpadding: 0.5rem;\n\t\tborder-radius: 4px;\n\n\t\tdisplay: inline-block;\n\n\t\t& {\n\t\t\t@include icon(glyph(search), 24, \"outline\", $partial: $partial);\n\t\t}\n\n\t\t&::before {\n\t\t\tvertical-align: top;\n\t\t}\n\n\t\t.rea-meta & {\n\t\t\t@include is-icon-text-replace();\n\t\t}\n\t}\n\n\t.elm-button {\n\t\t@include is-icon-text-replace();\n\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tpadding: 0.5rem;\n\t\tinset-inline-end: 0.75rem;\n\t\tborder: 0;\n\n\t\t& {\n\t\t\t@include icon(glyph(search), 24, \"outline\", $partial: $partial);\n\t\t}\n\t}\n\n\t.elm-label,\n\t.elm-button {\n\t\tbackground-color: rgba($db-color-cool-gray-700, 0);\n\n\t\t&:hover {\n\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.08);\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.16);\n\t\t}\n\t}\n\n\t@media screen and (max-width: #{$sitesearch-form-full-maxWidth}) {\n\t\t&:focus-within,\n\t\t&:has(.elm-input[type=\"search\"]:not(:placeholder-shown)) {\n\t\t\tleft: to-rem($pxValue: 16);\n\t\t\tposition: absolute;\n\t\t\tz-index: $z-index-rea-header-cmp-sitesearch-focus;\n\n\t\t\t.elm-input[type=\"search\"] {\n\t\t\t\twidth: calc(100vw - 5.5rem);\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"notification.variables\";\n\n.cmp-notification {\n\t// Default style\n\tbackground-color: $notification---backgroundColor;\n\n\tbox-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); // Todo: This should most likely get generally setup\n\n\tmargin-bottom: #{to-rem($pxValue: 16)};\n\tpadding: #{to-rem($pxValue: 16)}; // TODO: replace by spacing-m variable\n\tsection[data-variant=\"hovering\"] & {\n\t\tbackground-color: #fff;\n\t}\n\n\t// Alert variant\n\tsection[data-variant=\"alert\"] & {\n\t\tcolor: $notification-alert--color;\n\t}\n\n\tsection[data-variant=\"hovering\"] & {\n\t\tborder: 2px solid transparent;\n\t\tborder-radius: #{to-rem($pxValue: 8)};\n\t\tpadding: #{to-rem($pxValue: 14)} #{to-rem($pxValue: 16)}; // TODO: replace by spacing-m variable\n\t}\n\n\t// Hide the textual labels regarding each state\n\t& > em {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\t}\n\n\t&[data-type=\"success\"] {\n\t\tbackground-color: $notification-success--backgroundColor;\n\n\t\tsection[data-variant=\"hovering\"] & {\n\t\t\tborder-color: $notification-success--backgroundColor;\n\t\t}\n\t}\n\n\t&[data-type=\"warning\"] {\n\t\tbackground-color: $notification-warning--backgroundColor;\n\n\t\tsection[data-variant=\"hovering\"] & {\n\t\t\tborder-color: $notification-warning--backgroundColor;\n\t\t}\n\t}\n\n\t&[data-type=\"error\"] {\n\t\tbackground-color: $notification-error--backgroundColor;\n\n\t\tsection[data-variant=\"hovering\"] & {\n\t\t\tborder-color: $notification-error--backgroundColor;\n\t\t}\n\t}\n\n\t&[data-type=\"informative\"] {\n\t\tbackground-color: $notification-informative--backgroundColor;\n\n\t\tsection[data-variant=\"hovering\"] & {\n\t\t\tborder-color: $notification-informative--backgroundColor;\n\t\t}\n\t}\n\n\t// Leading and trailing icons\n\t&[data-icon],\n\t&[data-icon-before],\n\t&[data-icon-after] {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t}\n\n\t&[data-icon],\n\t&[data-icon-before] {\n\t\t&::before {\n\t\t\t--icon-margin-after: #{to-rem($pxValue: 10)};\n\t\t}\n\t}\n\n\t&[data-icon-after] {\n\t\tjustify-content: space-between;\n\n\t\t&::after {\n\t\t\t--icon-margin-before: #{to-rem($pxValue: 10)};\n\t\t}\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n\n$notification-alert--color: #fff !default;\n\n$notification-success--backgroundColor: $db-color-success !default;\n$notification-warning--backgroundColor: $db-color-warning !default;\n$notification-error--backgroundColor: $db-color-error !default;\n$notification-informative--backgroundColor: $db-color-informative !default;\n\n$notification---backgroundColor: $db-color-cool-gray-700 !default;\n","@import \"../../../css/partials.meta\";\n@import \"dialog.variables\";\n\n.cmp-dialog {\n\tborder: 0;\n\tborder-radius: 8px;\n\n\tcolor: $db-color-cool-gray-700;\n\n\tfont-size: to-rem($pxValue: 14);\n\tmargin-top: 0;\n\tmax-width: 90vw;\n\n\tpadding: to-rem($pxValue: 16); // TODO: replace by general spacing variables\n\n\t// Display the dialog fixed within the middle of the screen (actually some overwrites for the dialog-polyfill CSS)\n\tposition: fixed;\n\ttop: 50%;\n\ttransform: translate(0, -50%);\n\t@media screen and (min-width: 768px) {\n\t\t// TODO: replace by correct general breakpoint variables\n\t\tpadding: to-rem(\n\t\t\t$pxValue: 24\n\t\t); // TODO: replace by general spacing variables\n\t}\n\t// Defining the backdrop colors\n\n\t// * native\n\t&::backdrop {\n\t\tbackground-color: $dialog-backdrop--backgroundColor;\n\t}\n\n\t// * polyfill\n\t& + .backdrop {\n\t\tbackground-color: $dialog-backdrop--backgroundColor;\n\t}\n\n\t// Display the modal via CSS as a no-javascript fallback\n\t&:target {\n\t\t.no-js & {\n\t\t\tdisplay: initial;\n\t\t}\n\t}\n\n\theader {\n\t\tcolor: $db-color-cool-gray-800;\n\n\t\ttransform: translateY(-#{to-rem($pxValue: 9)});\n\n\t\t.elm-headline {\n\t\t\tfont-size: to-rem($pxValue: 18);\n\t\t\tfont-weight: 700;\n\t\t\tline-height: to-rem(\n\t\t\t\t$pxValue: 24\n\t\t\t); // TODO: Check whether this is a settting that should be more global\n\t\t\tmargin-bottom: to-rem($pxValue: 6);\n\t\t\tmargin-right: to-rem($pxValue: 24);\n\t\t\t// Remove the headlines margin-top, as we're in a dialog that has a padding on it's own\n\t\t\tmargin-top: 0;\n\n\t\t\ttext-align: center;\n\t\t\t@media screen and (min-width: 768px) {\n\t\t\t\t// TODO: replace by correct general breakpoint variables\n\t\t\t\tfont-size: to-rem($pxValue: 24);\n\t\t\t\tline-height: to-rem(\n\t\t\t\t\t$pxValue: 28\n\t\t\t\t); // TODO: Check whether this is a settting that should be more global\n\t\t\t}\n\t\t}\n\n\t\t:is(.elm-link, button) {\n\t\t\t&.is-close {\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 0;\n\t\t\t\ttop: 0;\n\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tborder-color: transparent;\n\n\t\t\t\t& {\n\t\t\t\t\t@include icon(\n\t\t\t\t\t\tglyph(close),\n\t\t\t\t\t\t24,\n\t\t\t\t\t\t\"outline\",\n\t\t\t\t\t\t$partial: $partial\n\t\t\t\t\t);\n\t\t\t\t\t@include is-icon-text-replace();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tmain {\n\t\tp {\n\t\t\t&:first-child {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\tfooter {\n\t\tdisplay: flex;\n\t\tmargin-top: to-rem($pxValue: 18);\n\n\t\t.elm-button {\n\t\t\t& + .elm-button {\n\t\t\t\tmargin-left: to-rem(\n\t\t\t\t\t$pxValue: 16\n\t\t\t\t); // TODO: Replace by spacing variable\n\t\t\t}\n\t\t}\n\n\t\t&[data-alignment=\"end\"] {\n\t\t\tjustify-content: flex-end;\n\t\t}\n\n\t\t&:not([data-alignment=\"end\"]) {\n\t\t\t.elm-button {\n\t\t\t\tflex-grow: 1;\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$dialog-backdrop--backgroundColor: rgba(0, 0, 0, 0.9) !default;\n","@import \"../../../css/partials.meta\";\n@import \"language-switcher.variables\";\n\n@mixin set-top($step: 1) {\n\ttop: calc(\n\t\t#{$db-language-switcher---direction} * (100% * #{$step} + 1rem - 2px)\n\t);\n}\n\n.cmp-language-switcher {\n\tlist-style: none;\n\n\tmargin-right: to-rem($pxValue: 16);\n\tposition: relative;\n\n\t&:hover,\n\t&:focus {\n\t\tli {\n\t\t\t&:not([aria-current], [aria-selected]) {\n\t\t\t\tvisibility: visible;\n\t\t\t}\n\n\t\t\t&[aria-current=\"page\"],\n\t\t\t&[aria-selected=\"true\"] {\n\t\t\t\tcolor: $db-color-red-500;\n\t\t\t}\n\t\t}\n\t}\n\n\tli {\n\t\tbackground-color: #fdfdfd; // TODO: This would need to get replaced by the correct (semantic) color\n\n\t\tposition: absolute;\n\n\t\ttop: to-rem($pxValue: 26);\n\n\t\t.rea-header & {\n\t\t\t@include set-top(1);\n\n\t\t\tz-index: $z-index-rea-header-cmp-language-switcher-li; // * TODO: possibly rework variable naming\n\n\t\t\t// TODO: This is an enhancement for more languages, but obviously doesn't scale that nicely and would need some rework\n\t\t\t&:not([aria-current=\"page\"], [aria-selected=\"true\"])\n\t\t\t\t~ li:not([aria-current=\"page\"], [aria-selected=\"true\"]) {\n\t\t\t\t@include set-top(2);\n\n\t\t\t\t& ~ li:not([aria-current=\"page\"], [aria-selected=\"true\"]) {\n\t\t\t\t\t@include set-top(3);\n\n\t\t\t\t\t& ~ li:not([aria-current=\"page\"], [aria-selected=\"true\"]) {\n\t\t\t\t\t\t@include set-top(4);\n\n\t\t\t\t\t\t&\n\t\t\t\t\t\t\t~ li:not(\n\t\t\t\t\t\t\t\t[aria-current=\"page\"],\n\t\t\t\t\t\t\t\t[aria-selected=\"true\"]\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t@include set-top(5);\n\n\t\t\t\t\t\t\t&\n\t\t\t\t\t\t\t\t~ li:not(\n\t\t\t\t\t\t\t\t\t[aria-current=\"page\"],\n\t\t\t\t\t\t\t\t\t[aria-selected=\"true\"]\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t@include set-top(6);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t@media screen and (width > $db-break-the-header-max-width) {\n\t\t\t\ttop: 100%;\n\t\t\t}\n\t\t}\n\n\t\t.elm-link,\n\t\t.elm-button {\n\t\t\tcolor: inherit;\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\t&:not([aria-current], [aria-selected]) {\n\t\t\tvisibility: hidden;\n\n\t\t\t.elm-link,\n\t\t\t.elm-button {\n\t\t\t\tpadding-block: 1rem;\n\t\t\t\tpadding-right: to-rem($pxValue: 34);\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: $db-color-cool-gray-200;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&[aria-current],\n\t\t&[aria-selected] {\n\t\t\tposition: initial;\n\n\t\t\t.elm-link,\n\t\t\t.elm-button {\n\t\t\t\t& {\n\t\t\t\t\t@include icon(\n\t\t\t\t\t\tglyph(expand-more),\n\t\t\t\t\t\t24,\n\t\t\t\t\t\t\"outline\",\n\t\t\t\t\t\t\"after\",\n\t\t\t\t\t\t$partial: $partial\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: $db-color-red-500;\n\t\t\t\t}\n\n\t\t\t\t&::after {\n\t\t\t\t\tfloat: right;\n\n\t\t\t\t\tmargin-left: to-rem($pxValue: 5);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.elm-link,\n\t\t.elm-button {\n\t\t\tdisplay: inline-block;\n\n\t\t\tpadding-left: to-rem($pxValue: 18);\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\tcolor: initial;\n\t\t\t}\n\t\t}\n\n\t\t.elm-button {\n\t\t\tline-height: 1.5;\n\t\t\tpadding-right: 0;\n\t\t\tborder-width: 0;\n\t\t\tpadding-top: to-rem($pxValue: 9);\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"pagination.variables\";\n\n.cmp-pagination {\n\tcolor: $db-color-cool-gray-700;\n\tfont-size: to-rem($pxValue: 14);\n\n\tuser-select: none;\n\n\t& > ol {\n\t\tdisplay: flex;\n\t}\n\n\t.elm-headline {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\t}\n\n\tli,\n\t.elm-link {\n\t\talign-items: center;\n\t\tdisplay: inline-flex;\n\t\tjustify-content: center;\n\t}\n\n\tli {\n\t\theight: to-rem($pxValue: 36);\n\t\twidth: to-rem($pxValue: 36);\n\t}\n\n\t.elm-link {\n\t\tcolor: inherit;\n\t\theight: 100%;\n\t\ttext-decoration: none;\n\t\twidth: 100%;\n\n\t\t&[rel=\"prev\"],\n\t\t&[rel=\"next\"] {\n\t\t\tpadding: 0;\n\t\t\tvertical-align: bottom;\n\t\t}\n\n\t\t&[rel=\"prev\"]::before {\n\t\t\tmargin-left: to-rem($pxValue: 11);\n\t\t}\n\n\t\t&[rel=\"next\"]::before {\n\t\t\tmargin-right: to-rem($pxValue: 11);\n\t\t}\n\n\t\t&[rel=\"prev\"] {\n\t\t\t@include icon(glyph(chevron-left), $partial: $partial);\n\t\t\t@include is-icon-text-replace();\n\t\t}\n\n\t\t&[rel=\"next\"] {\n\t\t\t@include icon(glyph(chevron-right), $partial: $partial);\n\t\t\t@include is-icon-text-replace();\n\t\t}\n\n\t\t&[aria-current=\"page\"] {\n\t\t\tfont-weight: 700;\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"sidenavi.variables\";\n\n.cmp-sidenavi {\n\tbackground-color: $db-color-cool-gray-600;\n\tbox-shadow: $box-shadow-01, $box-shadow-02;\n\tdisplay: inline-block;\n\n\t.elm-link {\n\t\t// We need to reset the general border-radius here\n\t\tborder-radius: initial;\n\t\t// TODO: check for the correct color code\n\t\tcolor: $sidenavi-link--color; // * TODO: possibly rework variable naming\n\t\tdisplay: block;\n\t\tpadding: to-rem($pxValue: 20) to-rem($pxValue: 16);\n\t\ttext-decoration: none;\n\n\t\t&:hover,\n\t\t&:focus,\n\t\t&[aria-current=\"page\"] {\n\t\t\tcolor: $sidenavi-linkCurrent-hover-color; // * TODO: possibly rework variable naming\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: $sidenavi-link-hover-backgroundColor; // * TODO: possibly rework variable naming\n\t\t}\n\n\t\t&[aria-current=\"page\"] {\n\t\t\tbackground-color: $sidenavi-linkcurrent--backgroundColor; // * TODO: possibly rework variable naming\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t&[rel] {\n\t\t\tpadding-left: to-rem($pxValue: 21);\n\t\t}\n\n\t\t&[rel=\"index\"] {\n\t\t\t@include icon(glyph(home), 32, \"outline\", $partial: $partial);\n\t\t}\n\n\t\t&[rel=\"documents\"] {\n\t\t\t@include icon(glyph(document), 32, \"outline\", $partial: $partial);\n\t\t}\n\t\t// TODO: This needs to get the icon from the new iconset\n\t\t&[rel=\"dashboard\"] {\n\t\t\t@include icon(\n\t\t\t\tglyph(dashboard),\n\t\t\t\t32,\n\t\t\t\t\"enterprise-outline\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\t\t// TODO: This needs to get the icon from the new iconset\n\t\t&[rel=\"cloud\"] {\n\t\t\t@include icon(\n\t\t\t\tglyph(cloud),\n\t\t\t\t32,\n\t\t\t\t\"enterprise-outline\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\n\t\t&[rel=\"calendar\"] {\n\t\t\t@include icon(glyph(calendar), 32, \"outline\", $partial: $partial);\n\t\t}\n\n\t\t&[rel=\"help\"] {\n\t\t\t@include icon(glyph(help), 32, \"outline\", $partial: $partial);\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"tab-bar.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n@mixin tab() {\n\t& > input[type=\"radio\"],\n\t& > * > input[type=\"radio\"] {\n\t\t@content;\n\t}\n}\n\n.cmp-tab-bar {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\n\tgap: 0.25rem;\n\n\t@include tab() {\n\t\t@include a11y-visually-hidden($partial: $partial);\n\n\t\t& + label[role=\"tab\"] {\n\t\t\tcursor: pointer;\n\t\t\tdisplay: flex;\n\t\t\tpadding: 0.875rem $db-spacing-m;\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t\tborder-radius: 4px;\n\t\t\talign-items: center;\n\n\t\t\t&::before {\n\t\t\t\tmargin-inline-start: -0.125rem;\n\t\t\t}\n\t\t}\n\n\t\t&:focus + label {\n\t\t\toutline: $tabBar-tab-focus-outline;\n\t\t}\n\n\t\t&:not(:checked) {\n\t\t\t& + label[role=\"tab\"] {\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: $tabBar-tab-hover-backgroundColor;\n\t\t\t\t}\n\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: $tabBar-tab-pressed-backgroundColor;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\t& + label[role=\"tab\"] {\n\t\t\t\tcolor: $db-color-cool-gray-400;\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: unset;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:checked {\n\t\t\t& + label[role=\"tab\"] {\n\t\t\t\tfont-weight: 700;\n\n\t\t\t\t& + section[role=\"tabpanel\"] {\n\t\t\t\t\tdisplay: initial;\n\t\t\t\t}\n\n\t\t\t\t// Puls\n\t\t\t\t&::after {\n\t\t\t\t\tbackground-color: $db-color-red-500;\n\t\t\t\t\tborder-radius: 5px;\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\theight: 0.25rem;\n\t\t\t\t\tinset-block-end: 0;\n\t\t\t\t\tinset-inline: 0;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tlabel[role=\"tab\"],\n\tsection[role=\"tabpanel\"] {\n\t\tbackground-color: $tabBar-tabSection--backgroundColor;\n\t}\n\n\tsection[role=\"tabpanel\"] {\n\t\tdisplay: none;\n\t\tflex-basis: 100%;\n\t\torder: 1;\n\t\tmargin-block-start: 0.125rem;\n\t}\n\n\t&[data-size=\"small\"] {\n\t\t@include tab() {\n\t\t\t& + label[role=\"tab\"] {\n\t\t\t\tpadding-block: 0.625rem;\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../../css/db-ui-core.variables\";\n\n$tabBar-tabSection--backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n\n$tabBar-tab-focus-outline: 1px dotted $db-color-cool-gray-400 !default;\n\n// $db-color-cool-gray-100\n$tabBar-tab-hover-backgroundColor: #{$db-color-cool-gray-700} + \"1F\" !default;\n$tabBar-tab-pressed-backgroundColor: #{$db-color-cool-gray-700} + \"3D\" !default;\n$tabBar-tab-active-border: #{to-rem(\n\t\t$pxValue: 1\n\t)} solid $db-color-cool-gray-500 !default;\n\n$tabBar-tabpanel--borderTop: to-rem(\n\t\t$pxValue: 1\n\t)\n\tsolid $db-color-cool-gray-500 !default;\n$tabBar-tabpanel--boxShadow: $box-shadow-01-bottom, $box-shadow-02-bottom !default;\n","@import \"../../../css/helpers/functions\";\n@import \"table.variables\";\n@import \"table.helpers\";\n\n.cmp-table {\n\tborder-collapse: collapse;\n\n\tfont-size: var(--table---fontSize, inherit);\n\n\ttext-align: left;\n\n\t// the box-shadow should get displayed including the whole table / the caption as well\n\t&,\n\t& > caption {\n\t\tbox-shadow: $box-shadow-01, $box-shadow-02;\n\t}\n\n\tcaption {\n\t\tfont-weight: 700;\n\t\tpadding: #{to-rem($pxValue: 16)} #{to-rem($pxValue: 12)};\n\t\ttext-align: left;\n\t}\n\n\tthead {\n\t\tborder-bottom: to-rem($pxValue: 1) solid $db-color-cool-gray-700;\n\t\tborder-top: to-rem($pxValue: 1) solid $db-color-cool-gray-700;\n\n\t\tth {\n\t\t\tcolor: $db-color-cool-gray-500;\n\t\t}\n\t}\n\n\tth {\n\t\tfont-weight: 400;\n\t}\n\n\tth,\n\ttd {\n\t\tpadding: $table-densityRegular--padding;\n\n\t\t// Default horizontal and vertical alignment should get inherited\n\t\ttext-align: inherit;\n\t\tvertical-align: inherit;\n\n\t\t&:hover {\n\t\t\tresize: horizontal;\n\n\t\t\t&:not(:has(.cmp-overflow-menu)) {\n\t\t\t\toverflow: auto;\n\t\t\t}\n\t\t}\n\t}\n\n\ttbody {\n\t\tborder-bottom: to-rem($pxValue: 1) solid $db-color-cool-gray-700;\n\n\t\tth:first-child {\n\t\t\tborder-right: 1px solid $db-color-warm-gray-700;\n\t\t}\n\t}\n\n\t// Cell alignments\n\tthead,\n\ttbody,\n\ttr,\n\tth,\n\ttd {\n\t\t&%align-left {\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t&%align-center {\n\t\t\ttext-align: center;\n\t\t}\n\n\t\t&%align-right {\n\t\t\ttext-align: right;\n\t\t}\n\n\t\t&[data-align=\"left\"] {\n\t\t\t@extend %align-left;\n\t\t}\n\n\t\t&[data-align=\"center\"] {\n\t\t\t@extend %align-center;\n\t\t}\n\n\t\t&[data-align=\"right\"] {\n\t\t\t@extend %align-right;\n\t\t}\n\n\t\t&%vertical-align-top {\n\t\t\tvertical-align: top;\n\t\t}\n\n\t\t&%vertical-align-middle {\n\t\t\tvertical-align: middle;\n\t\t}\n\n\t\t&%vertical-align-bottom {\n\t\t\tvertical-align: bottom;\n\t\t}\n\n\t\t&[data-vertical-align=\"top\"] {\n\t\t\t@extend %vertical-align-top;\n\t\t}\n\n\t\t&[data-vertical-align=\"middle\"] {\n\t\t\t@extend %vertical-align-middle;\n\t\t}\n\n\t\t&[data-vertical-align=\"bottom\"] {\n\t\t\t@extend %vertical-align-bottom;\n\t\t}\n\t}\n\n\t// Border\n\t&[data-border=\"horizontal\"],\n\t&[data-border=\"around\"] {\n\t\ttbody {\n\t\t\ttr:not(:last-child) {\n\t\t\t\tth,\n\t\t\t\ttd {\n\t\t\t\t\tborder-bottom: 1px solid $table-line--borderColor; // * TODO: possibly rework variable naming\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&[data-border=\"around\"] {\n\t\ttbody {\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\t&:not(:first-child) {\n\t\t\t\t\tborder-left: 1px solid $table-line--borderColor; // * TODO: possibly rework variable naming\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Zebra cell styling\n\t&[data-rows=\"zebra\"] {\n\t\ttbody {\n\t\t\t@include cmp-table-zebra(\n\t\t\t\t$table-row-zebra-color\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t}\n\t}\n\n\t// Densities\n\t&[data-density=\"small\"] {\n\t\tth,\n\t\ttd {\n\t\t\tpadding: $table-densitySmall--padding;\n\t\t}\n\t}\n\n\t&[data-density=\"large\"] {\n\t\tth,\n\t\ttd {\n\t\t\tpadding: $table-densityLarge--padding;\n\t\t}\n\t}\n\n\t// Sticky header\n\t&[data-sticky=\"header\"] {\n\t\tthead,\n\t\ttbody th {\n\t\t\tbackground-color: #fff;\n\t\t\tposition: sticky;\n\t\t\ttop: -1px;\n\t\t}\n\t}\n}\n","@mixin cmp-table-zebra($zebra-color) {\n\ttr:nth-child(odd) {\n\t\t// TODO: This might get replaced by another effect\n\t\tbackdrop-filter: blur(4px);\n\t\tbackground-color: $zebra-color;\n\t}\n}\n\n// Responsive row and colum hiding\n@mixin cmp-table-hide-col($col, $max-width) {\n\tthead th,\n\ttbody td {\n\t\t@media screen and (max-width: $max-width) {\n\t\t\t&:nth-child(#{$col}) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n@mixin cmp-table-hide-row($row, $max-width) {\n\ttbody tr {\n\t\t@media screen and (max-width: $max-width) {\n\t\t\t&:nth-child(#{$row}) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/db-ui-core.variables\";\n\n$cmp-table-cell-height-36: to-rem(\n\t$pxValue: 4\n) !default; // 36px cell height\n$table-cell-height52-paddingVertical: to-rem(\n\t$pxValue: 14\n) !default; // 52px cell height\n$table-cell-height68-paddingVertical: to-rem(\n\t$pxValue: 22\n) !default; // 68px cell height\n\n$table-line--borderColor: $db-color-cool-gray-200 !default;\n\n$table-row-zebra-color: rgba($db-color-cool-gray-700, 0.07) !default;\n\n$table-densitySmall--padding: $db-spacing-s !default;\n$table-densityRegular--padding: $db-spacing-sm !default;\n$table-densityLarge--padding: $db-spacing-m !default;\n","@import \"../../../css/partials.meta\";\n@import \"link-list.variables\";\n\n.cmp-link-list {\n\tlist-style: none;\n\n\tpadding-left: 0;\n\n\tli {\n\t\t.elm-link {\n\t\t\tfont-weight: 700;\n\t\t\ttext-decoration: none;\n\n\t\t\t& {\n\t\t\t\t@include icon(glyph(chevron-right), $partial: $partial);\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&:active {\n\t\t\t\ttext-decoration: underline;\n\t\t\t}\n\n\t\t\t&::before {\n\t\t\t\tcolor: $db-color-red;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tfont-size: to-rem($pxValue: 12);\n\t\t\t\tfont-weight: 700;\n\t\t\t\tmargin-top: -#{to-rem($pxValue: 2)};\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"../../../css/partials.meta\";\n@import \"overflow-menu.variables\";\n\n.cmp-overflow-menu {\n\tcolor: #2d333f; // TODO: replace by correct color\n\tdisplay: inline-block;\n\tposition: relative;\n\n\t&:not(.is-account) {\n\t\tsummary {\n\t\t\t@include is-icon-text-replace();\n\t\t}\n\t}\n\n\tsummary {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tpadding: 0.5rem 0.75rem;\n\t\tborder-radius: 4px;\n\t\tcursor: default;\n\n\t\tbackground-color: rgba($db-color-cool-gray-700, 0);\n\n\t\t& {\n\t\t\t@include icon(\n\t\t\t\t$cmp-overflow-menu-icon,\n\t\t\t\t20,\n\t\t\t\t\"outline\",\n\t\t\t\t$partial: $partial\n\t\t\t);\n\t\t}\n\n\t\t&::before {\n\t\t\ttransform: translateX(-#{to-rem($pxValue: 2)});\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.08);\n\t\t}\n\n\t\t&:active {\n\t\t\tbackground-color: rgba($db-color-cool-gray-700, 0.16);\n\t\t}\n\n\t\t&::-webkit-details-marker {\n\t\t\tdisplay: none;\n\t\t}\n\t\t// … and using some other declaration for mozilla firefox\n\t\t&:first-of-type {\n\t\t\tlist-style-type: none;\n\t\t}\n\t}\n\n\t// Menu list\n\tmenu,\n\tul {\n\t\tbackground-color: $overflowMenu---backgroundColor;\n\n\t\tborder-radius: $overflowMenu---borderRadius;\n\t\tfilter: drop-shadow($box-shadow);\n\t\tmargin-block-start: 1rem;\n\t\tpadding-left: 0;\n\t\tposition: absolute;\n\t\twidth: min-content;\n\t\tz-index: $z-index-cmp-overflow-menu-menu;\n\n\t\t// Little triangle on the overlay\n\t\t&::before {\n\t\t\tborder-bottom: $overflowMenu-triangle--borderSize solid\n\t\t\t\t$overflowMenu---backgroundColor;\n\t\t\tborder-left: $overflowMenu-triangle--borderSize solid transparent;\n\t\t\tborder-right: $overflowMenu-triangle--borderSize solid transparent;\n\t\t\tcontent: \"\";\n\t\t\theight: 0;\n\t\t\tposition: absolute;\n\t\t\ttransform: translate(\n\t\t\t\tto-rem($pxValue: 12),\n\t\t\t\t-#{to-rem($pxValue: 13)}\n\t\t\t);\n\t\t\twidth: 0;\n\t\t}\n\n\t\tli {\n\t\t\tbutton,\n\t\t\ta {\n\t\t\t\tbackground-color: $overflowMenu---backgroundColor;\n\n\t\t\t\tborder-radius: unset;\n\t\t\t\tdisplay: block;\n\n\t\t\t\tfont-weight: 400;\n\t\t\t\tpadding: to-rem($pxValue: 16) to-rem($pxValue: 32)\n\t\t\t\t\tto-rem($pxValue: 16) to-rem($pxValue: 16); // TODO: replace by correct spacings\n\n\t\t\t\ttext-decoration: none;\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: $overflowMenu-item-hover-backgroundColor;\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\tbutton,\n\t\t\t\ta {\n\t\t\t\t\tborder-top-left-radius: $overflowMenu---borderRadius;\n\t\t\t\t\tborder-top-right-radius: $overflowMenu---borderRadius;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tbutton,\n\t\t\t\ta {\n\t\t\t\t\tborder-bottom-left-radius: $overflowMenu---borderRadius;\n\t\t\t\t\tborder-bottom-right-radius: $overflowMenu---borderRadius;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&[data-horizontal-position=\"opposite\"] {\n\t\tmenu,\n\t\tul {\n\t\t\tright: 0;\n\n\t\t\t&::before {\n\t\t\t\tright: 0;\n\t\t\t\ttransform: translate(\n\t\t\t\t\t-#{to-rem($pxValue: 12)},\n\t\t\t\t\t-#{to-rem($pxValue: 13)}\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\tmenu {\n\t\tlist-style-type: \"\"; // Disable list style type, but prevent postcss-list-style-safari-fix transformation\n\n\t\tli {\n\t\t\toverflow-x: hidden;\n\t\t}\n\n\t\tbutton {\n\t\t\tline-height: inherit;\n\t\t\ttext-align: left;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t// Achieving a full viewport clickarea for closing the overflow menu\n\t&[open] summary::after {\n\t\tcontent: \"\\00A0\";\n\t\tdisplay: inline-block;\n\t\theight: 100vh;\n\t\tleft: 0;\n\t\tposition: fixed;\n\t\ttop: 0;\n\t\twidth: 100vw;\n\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n\n$overflowMenu---borderRadius: 8px !default;\n$overflowMenu---backgroundColor: #fff !default;\n$overflowMenu-item-hover-backgroundColor: $db-color-cool-gray-200 !default;\n$cmp-overflow-menu-icon: glyph(\n\tmore-vertical\n) !default; // * TODO: possibly rework variable naming\n$overflowMenu-triangle--borderSize: to-rem(\n\t$pxValue: 13\n) !default;\n","@import \"../../../css/partials.meta\";\n@import \"../overflow-menu/overflow-menu\";\n@import \"dropdown.variables\";\n\n.cmp-dropdown {\n\t@extend .cmp-overflow-menu;\n\n\t// Usage within the account menu\n\t&.is-account {\n\t\tsummary {\n\t\t\t@include icon(glyph(account), 24, \"outline\", $partial: $partial);\n\n\t\t\t@media screen and (max-width: $metanavigation-iconOnly--maxWidth) {\n\t\t\t\t// * TODO: possibly rework variable naming\n\t\t\t\t@include is-icon-text-replace();\n\t\t\t}\n\t\t}\n\t}\n\n\tmenu,\n\tul {\n\t\tbackground-color: $overflowMenu---backgroundColor;\n\t\tmargin-block-start: initial;\n\t\tright: 0;\n\t\ttransform: translateY(0.875rem);\n\n\t\t&::before {\n\t\t\tcontent: none;\n\t\t}\n\t}\n\n\t&[data-horizontal-position=\"opposite\"] {\n\t\tmenu,\n\t\tul {\n\t\t\tright: unset;\n\t\t}\n\t}\n}\n","// General body construct of header, main and footer\n// TODO: We would obviously like to enhance this via CSS grid later on\nbody {\n\tdisplay: grid;\n\tgrid-template-rows: auto 1fr auto;\n}\n\n// Fixed header & footer\n// Probably this is not the perfect spot for those declarations and we should introduce a general body tag related CSS file later on\n// TODO: We should definitly support a11y by only conditionally introducing this (e.g. landscape with a minimum height), compare to https://twitter.com/click2carney/status/1170728170342907904?s=11\nbody.has-fixed-header .rea-header,\nbody.has-fixed-footer .rea-footer {\n\tposition: fixed;\n\twidth: 100%;\n\tz-index: $z-index-reas-fixed-header-footer;\n}\n\nbody.has-fixed-header {\n\t// TODO: using some outsourced global declarations for the headers dimensions (height, padding and margins)\n\tpadding-top: to-rem($pxValue: 95);\n\n\t.rea-header {\n\t\ttop: 0;\n\t}\n\n\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\tpadding-top: to-rem($pxValue: 80);\n\t}\n}\n\nbody.has-fixed-footer {\n\t// TODO: using some outsourced global declarations for the footers dimensions (height, padding and margins)\n\tpadding-bottom: to-rem($pxValue: 88);\n\n\t.rea-footer {\n\t\tbottom: 0;\n\t}\n\n\t@media screen and (max-width: 1023px) {\n\t\tpadding-bottom: to-rem($pxValue: 94);\n\t}\n}\n","@import \"../../../css/helpers/functions\";\n\n// offset-x | offset-y | blur-radius | spread-radius | color\n$header---boxShadow:\n\t0 2px 4px 0 rgba(0, 0, 0, 0.1),\n\t0 4px 8px 1px rgba(0, 0, 0, 0.05) !default;\n\n$header---backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n\n$header---borderBottom: #{to-rem(\n\t\t$pxValue: 1\n\t)} solid $db-color-warm-gray-400 !default;\n\n$header---marginBottom: to-rem(\n\t$pxValue: 16\n) !default;\n\n$header---minHeight: 3.5rem;\n","@import \"../../../css/partials.meta\";\n@import \"header.variables\";\n@import \"../../../css/helpers/functions\";\n@import \"../../../css/helpers/dividers\";\n\n.rea-header {\n\tbackground-color: $header---backgroundColor;\n\tbox-shadow: $header---boxShadow;\n\talign-items: center;\n\tmargin-bottom: $header---marginBottom;\n\n\tdisplay: flex;\n\tgap: 1.5rem;\n\n\tmin-block-size: $header---minHeight;\n\tpadding-inline: 1.5rem;\n\t@media screen and (width > $db-break-the-header-max-width) {\n\t\tpadding-block: 0.875rem;\n\t}\n\n\t// Divider only if there is a sitesearch and metanavigation\n\t&:has(.cmp-sitesearch):has(.cmp-metanavigation) {\n\t\t.cmp-sitesearch {\n\t\t\t&::before {\n\t\t\t\t@extend %header-divider;\n\t\t\t\tinset-inline-end: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t@media screen and (max-width: $db-break-the-header-max-width) {\n\t\tborder-bottom: $header---borderBottom;\n\t\tposition: relative;\n\n\t\t&:has(.cmp-mainnavigation > input[type=\"checkbox\"][id]:not(:checked)) {\n\t\t\t.rea-meta {\n\t\t\t\t& > .elm-link,\n\t\t\t\t.cmp-metanavigation,\n\t\t\t\t.cmp-language-switcher,\n\t\t\t\t.cmp-dropdown {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:has(.cmp-mainnavigation > input[type=\"checkbox\"][id]:checked) {\n\t\t\t.rea-meta {\n\t\t\t\t--db-language-switcher---direction: -1;\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tposition: fixed;\n\t\t\t\tinset-inline-end: 0;\n\t\t\t\tinset-inline-start: 1.5rem;\n\t\t\t\tinset-block-start: unset;\n\t\t\t\tinset-block-end: 0;\n\t\t\t\tblock-size: 3.5rem;\n\t\t\t\tz-index: $z-index-cmp-overflow-menu-overlay;\n\t\t\t\tborder-top: 1px solid rgba(40, 45, 55, 0.2);\n\t\t\t\tborder-bottom-left-radius: 4px;\n\t\t\t\tpadding-inline: 1rem;\n\n\t\t\t\t.cmp-sitesearch {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.cmp-dropdown {\n\t\t\t\t\t& > menu {\n\t\t\t\t\t\tbottom: 100%;\n\t\t\t\t\t\ttransform: translateY(-0.875rem);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@import \"meta.variables\";\n\n.rea-meta {\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-inline-start: auto;\n\tgap: 0.5rem;\n\n\tul,\n\tol {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\tul {\n\t\tlist-style: none;\n\t}\n\n\t.rea-header & {\n\t\torder: 2;\n\n\t\t.elm-link {\n\t\t\tpadding-bottom: to-rem($pxValue: 9);\n\t\t\tpadding-top: to-rem($pxValue: 9);\n\t\t}\n\t}\n\n\t& > .elm-link {\n\t\t&[rel=\"account\"] {\n\t\t\tmargin-left: to-rem($pxValue: 4);\n\n\t\t\t& {\n\t\t\t\t@include is-icon-text-replace();\n\t\t\t}\n\n\t\t\t@media screen and (min-width: #{($header-srOnly-linkAccount-breakpoint + 1)}rem) {\n\t\t\t\tmargin-left: to-rem($pxValue: 8);\n\t\t\t}\n\t\t}\n\t}\n\n\t.cmp-sitesearch:focus-within ~ .elm-link[rel=\"account\"] {\n\t\t@include is-icon-text-replace();\n\t}\n}\n","// The main purpose of the styles included with this file are related to \"regular\" content pages.\n// In case that you're building a web application you might want to have more freedom\n// and probably would want to not include it's contents into your SCSS build / references.\n\n@import \"../../../css/helpers/clearfix\";\n\n@import \"main.variables\";\n\n.rea-main {\n\t@include clearfix();\n\n\tbackground-color: $main---backgroundColor;\n\t// adapted from https://github.com/jgthms/bulma/blob/0.7.5/sass/elements/container.sass\n\tmargin: 0 auto;\n\n\tpadding: to-rem($pxValue: 16);\n\tposition: relative;\n\n\t@media screen and (min-width: 1088px) {\n\t\tmax-width: 960px;\n\t\twidth: 960px;\n\t}\n\t@media screen and (min-width: 1280px) {\n\t\tmax-width: 1152px;\n\t\twidth: 1152px;\n\t}\n\t@media screen and (min-width: 1472px) {\n\t\tmax-width: 1344px;\n\t\twidth: 1344px;\n\t}\n}\n","$main---backgroundColor: transparent !default;\n","@charset \"utf-8\";\n\n.rea-grid {\n\t// TODO: We would probably need to recheck on this declaration regarding compabitility\n\tflex-wrap: wrap;\n\t// adapted from https://github.com/jgthms/bulma/blob/0.7.5/sass/grid/columns.sass\n\tmargin-left: -0.625rem;\n\tmargin-right: -0.625rem;\n\tmargin-top: -0.625rem;\n\n\t@media screen and (min-width: 769px), print {\n\t\tdisplay: flex;\n\t}\n\n\t& > div,\n\t& > area,\n\t& > section,\n\t& > li {\n\t\tdisplay: block;\n\t\tflex-basis: 0;\n\t\tflex-grow: 1;\n\t\tflex-shrink: 1;\n\t\tpadding: 0.625rem;\n\n\t\t@media screen and (max-width: #{$column-gap-max-width-smaller-breakpoint}) {\n\t\t\tpadding: $column-gap-max-width-smaller-padding;\n\t\t}\n\t}\n\n\t&:last-child {\n\t\tmargin-bottom: -0.625rem;\n\t}\n\n\t&:not(:last-child) {\n\t\tmargin-bottom: calc(1.5rem - 0.625rem);\n\t}\n\n\t// TODO: This should probably get migrated to CSS variables\n\t@media screen and (max-width: #{$column-gap-max-width-smaller-breakpoint}) {\n\t\tmargin-left: -$column-gap-max-width-smaller-padding;\n\t\tmargin-right: -$column-gap-max-width-smaller-padding;\n\t\tmargin-top: -$column-gap-max-width-smaller-padding;\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: -$column-gap-max-width-smaller-padding;\n\t\t}\n\n\t\t&:not(:last-child) {\n\t\t\tmargin-bottom: calc(\n\t\t\t\t#{to-rem($pxValue: 24)} - #{$column-gap-max-width-smaller-padding}\n\t\t\t);\n\t\t}\n\t}\n\n\t// grid columns\n\t%is-four-fifths {\n\t\tflex: none;\n\t\twidth: 80%;\n\t}\n\t%is-three-quarters {\n\t\tflex: none;\n\t\twidth: 75%;\n\t}\n\t%is-two-thirds {\n\t\tflex: none;\n\t\twidth: 66.6666%;\n\t}\n\t%is-three-fifths {\n\t\tflex: none;\n\t\twidth: 60%;\n\t}\n\t%is-half {\n\t\tflex: none;\n\t\twidth: 50%;\n\t}\n\t%is-two-fifths {\n\t\tflex: none;\n\t\twidth: 40%;\n\t}\n\t%is-one-third {\n\t\tflex: none;\n\t\twidth: 33.3333%;\n\t}\n\t%is-one-quarter {\n\t\tflex: none;\n\t\twidth: 25%;\n\t}\n\t%is-one-fifth {\n\t\tflex: none;\n\t\twidth: 20%;\n\t}\n\n\t[data-type=\"four-fifths\"] {\n\t\t@extend %is-four-fifths;\n\t}\n\n\t[data-type=\"three-quarters\"] {\n\t\t@extend %is-three-quarters;\n\t}\n\n\t[data-type=\"two-thirds\"] {\n\t\t@extend %is-two-thirds;\n\t}\n\n\t[data-type=\"three-fifths\"] {\n\t\t@extend %is-three-fifths;\n\t}\n\n\t[data-type=\"half\"] {\n\t\t@extend %is-half;\n\t}\n\n\t[data-type=\"two-fifths\"] {\n\t\t@extend %is-two-fifths;\n\t}\n\n\t[data-type=\"one-third\"] {\n\t\t@extend %is-one-third;\n\t}\n\n\t[data-type=\"one-quarter\"] {\n\t\t@extend %is-one-quarter;\n\t}\n\n\t[data-type=\"one-fifth\"] {\n\t\t@extend %is-one-fifth;\n\t}\n}\n","$column-gap: to-rem(\n\t$pxValue: 10\n) !default;\n$column-gap-max-width-smaller-breakpoint: 1199px !default;\n$column-gap-max-width-smaller-padding: to-rem(\n\t$pxValue: 6\n) !default;\n","@charset \"utf-8\";\n\n@import \"../../../css/partials.meta\";\n@import \"../../../css/helpers/functions\";\n@import \"footer.variables\";\n\n.rea-footer {\n\tbackground-color: $footer---backgroundColor;\n\tbox-shadow: $footer---boxShadow;\n\n\tcolor: $db-color-cool-gray-500;\n\tmargin-top: $footer---marginTop;\n\tpadding: #{to-rem($pxValue: 21)} #{to-rem($pxValue: 16)};\n\n\t& {\n\t\t@include clearfix($partial: $partial);\n\t}\n\n\t&.has-border {\n\t\tborder-top: $footer---borderTop;\n\t}\n\n\t@media screen and (max-width: 767px) {\n\t\ttext-align: center;\n\t}\n}\n","@import \"../../../css/db-ui-core.variables\";\n\n$footer---borderTop: #{to-rem(\n\t\t$pxValue: 6\n\t)} solid $db-color-cool-gray-200 !default;\n\n$footer---boxShadow: $box-shadow-01, $box-shadow-02 !default;\n\n$footer---marginTop: to-rem(\n\t$pxValue: 16\n) !default;\n\n$footer---backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n"]}
\ No newline at end of file
diff --git a/review/refactor-icon-update/css/enterprise/db-ui-core.demonstration.css b/review/refactor-icon-update/css/enterprise/db-ui-core.demonstration.css
new file mode 100644
index 0000000000..bda9362140
--- /dev/null
+++ b/review/refactor-icon-update/css/enterprise/db-ui-core.demonstration.css
@@ -0,0 +1,2 @@
+body.styleguide{display:initial}.DO-NOT-COPY-THIS-CLASS-example-icon-list,.DO-NOT-COPY-THIS-CLASS-example-icon-list ul{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");padding-left:0}.DO-NOT-COPY-THIS-CLASS-example-icon-list>li{display:flex}.DO-NOT-COPY-THIS-CLASS-example-icon-list.icons-illustration ul{color:#282d37}.DO-NOT-COPY-THIS-CLASS-example-icon-list.icons-illustration ul li{border-radius:4px;color:#282d37;display:inline-block;margin:.25rem;padding:2rem}.DO-NOT-COPY-THIS-CLASS-example-icon-list.icons-illustration ul li.DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise{background-color:#3cb5ae}.DO-NOT-COPY-THIS-CLASS-example-icon-list.icons-illustration ul li.DO-NOT-COPY-THIS-CLASS-example-bg-variants-red{--db-icon-color:#fff;--db-icon-pulse-color:#fff;background-color:#ec0016}.DO-NOT-COPY-THIS-CLASS-example-icon-list.icons-illustration ul li.DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan{--db-icon-pulse-color:currentColor;background-color:#bbe6f8}[id^=elements-checkbox-on-dark-background] .pl-js-pattern-example{background-color:#282d37;color:#fdfdfd;padding:1rem}[id^=elements-checkbox-on-dark-background] .pl-js-pattern-example .elm-checkbox{background-color:transparent;border-color:#fdfdfd;color:#fdfdfd}.elm-progress progress{--progress-value--backgroundColor:#ec0016}[id^=elements-progress-][id*=-dark-background] .pl-js-pattern-example{background-color:#282d37;color:#fdfdfd;padding:1rem}[id^=elements-progress-][id*=-dark-background] .pl-js-pattern-example .elm-progress progress::-webkit-progress-value{--progress-value--backgroundColor:#878c96}[id^=elements-progress-][id*=-dark-background] .pl-js-pattern-example .elm-progress progress::-moz-progress-bar{--progress-value--backgroundColor:#878c96}[id^=elements-progress-][id*=-dark-background] .pl-js-pattern-example .elm-progress progress::-ms-fill{--progress-value--backgroundColor:#878c96}@supports(background:conic-gradient(#000,#fff)){[id=elements-progress-circular-loader-dark-background] .pl-js-pattern-example .elm-progress progress{--progress-value--backgroundColor:#878c96}[id=elements-progress-circular-loader-dark-background] .pl-js-pattern-example .elm-progress progress+label{background-color:#282d37}}[id|=elements-input] dd{margin-bottom:2rem}.elm-input{max-width:30rem}.DO-NOT-COPY-THIS-CLASS-example-logo-list{color:#282d37;list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");padding-left:0}.DO-NOT-COPY-THIS-CLASS-example-logo-list li{border-radius:4px;box-sizing:border-box;color:#282d37;display:inline-block;margin:4px;padding:80px}.DO-NOT-COPY-THIS-CLASS-example-logo-list li.DO-NOT-COPY-THIS-CLASS-example-bg-variants-cool-gray{background-color:#f0f3f5}.DO-NOT-COPY-THIS-CLASS-example-logo-list li.DO-NOT-COPY-THIS-CLASS-example-bg-variants-red{--db-logo-color:#fff;background-color:#ec0016}.DO-NOT-COPY-THIS-CLASS-example-logo-list li.DO-NOT-COPY-THIS-CLASS-example-bg-variants-image{--db-logo-backgroundColor:#fff;background-image:url(https://marketingportal.extranet.deutschebahn.com/resource/blob/9697296/172958b1627fd3d43ed09c02682aed46/Bild_1-data.png);background-repeat:no-repeat;background-size:cover;display:block;height:227px;padding:20px;width:394px}[id|=elements-select] dd,[id|=elements-textarea] dd{margin-bottom:2rem}.DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground{background-color:#282d37;color:#fdfdfd}.DO-NOT-COPY-THIS-CLASS-example-fonts-light{color:#646973}.DO-NOT-COPY-THIS-CLASS-example-highlight-colors-1st-priority-light{color:#ec0016}.DO-NOT-COPY-THIS-CLASS-example-highlight-colors-1st-priority-dark{color:#f75056}.DO-NOT-COPY-THIS-CLASS-example-highlight-colors-2nd-priority-light{color:#f75f00}.DO-NOT-COPY-THIS-CLASS-example-highlight-colors-2nd-priority-dark{color:#ff9b00}.DO-NOT-COPY-THIS-CLASS-example-highlight-colors-positive-light{color:#2a7230}.DO-NOT-COPY-THIS-CLASS-example-highlight-colors-positive-dark{color:#78be14}.DO-NOT-COPY-THIS-CLASS-example-highlight-colors-neutral-light{color:#0087b9}.DO-NOT-COPY-THIS-CLASS-example-highlight-colors-neutral-dark{color:#309fd1}#components-dropdown .pl-js-pattern-example{display:flex;justify-content:flex-end}@media screen and (max-width:81rem){.rea-header .cmp-metanavigation li .elm-link{font-size:0}.rea-header .cmp-metanavigation li .elm-link:before{--icon-margin-after:0}}#components-overflow-menu-navigation-opposite-position .pl-js-pattern-example,#components-overflow-menu-opposite-position .pl-js-pattern-example{display:flex;justify-content:flex-end}.rea-grid{flex-wrap:wrap;margin-left:-.625rem;margin-right:-.625rem;margin-top:-.625rem}@media print,screen and (min-width:769px){.rea-grid{display:flex}}.rea-grid>area,.rea-grid>div,.rea-grid>li,.rea-grid>section{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.625rem}@media screen and (max-width:1199px){.rea-grid>area,.rea-grid>div,.rea-grid>li,.rea-grid>section{padding:.375rem}}.rea-grid:last-child{margin-bottom:-.625rem}.rea-grid:not(:last-child){margin-bottom:.875rem}@media screen and (max-width:1199px){.rea-grid{margin-left:-.375rem;margin-right:-.375rem;margin-top:-.375rem}.rea-grid:last-child{margin-bottom:-.375rem}.rea-grid:not(:last-child){margin-bottom:1.125rem}}.rea-grid [data-type=four-fifths]{flex:none;width:80%}.rea-grid [data-type=three-quarters]{flex:none;width:75%}.rea-grid [data-type=two-thirds]{flex:none;width:66.6666%}.rea-grid [data-type=three-fifths]{flex:none;width:60%}.rea-grid [data-type=half]{flex:none;width:50%}.rea-grid [data-type=two-fifths]{flex:none;width:40%}.rea-grid [data-type=one-third]{flex:none;width:33.3333%}.rea-grid [data-type=one-quarter]{flex:none;width:25%}.rea-grid [data-type=one-fifth]{flex:none;width:20%}.rea-grid>div>p.DO-NOT-COPY-THIS-CLASS-example-abstract{background-color:#e1e6eb}.tpl-intro{grid-template-rows:1fr auto}
+/*# sourceMappingURL=db-ui-core.demonstration.css.map */
\ No newline at end of file
diff --git a/review/refactor-icon-update/css/enterprise/db-ui-core.demonstration.css.map b/review/refactor-icon-update/css/enterprise/db-ui-core.demonstration.css.map
new file mode 100644
index 0000000000..8742837c4c
--- /dev/null
+++ b/review/refactor-icon-update/css/enterprise/db-ui-core.demonstration.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../source/_patterns/00-base/_init.demonstration.scss","../../../source/_patterns/00-base/icons/_icons.demonstration.scss","../../../node_modules/@db-ui/base/build/scss/_variables.scss","../../../source/_patterns/01-elements/checkbox/enterprise/_checkbox.demonstration.scss","../../../source/_patterns/00-base/colors/enterprise/_colors.variables.scss","../../../source/_patterns/01-elements/checkbox/_checkbox.variables.scss","../../../source/_patterns/01-elements/progress/_progress.variables.scss","../../../source/_patterns/01-elements/progress/enterprise/_progress.demonstration.scss","../../../source/_patterns/01-elements/input/input.demonstration.scss","../../../source/_patterns/01-elements/logo/_logo.demonstration.scss","../../../source/_patterns/01-elements/select/_select.demonstration.scss","../../../source/_patterns/00-base/type/enterprise/_fonts.demonstration.scss","../../../source/_patterns/02-components/dropdown/_dropdown.demonstration.scss","../../../source/_patterns/02-components/metanavigation/enterprise/_metanavigation.demonstration.scss","../../../source/_patterns/00-base/icons/_icons.helpers.scss","../../../source/_patterns/02-components/overflow-menu/_overflow-menu.demonstration.scss","../../../source/_patterns/03-areas/02-grid/_grid.scss","../../../source/_patterns/03-areas/02-grid/enterprise/_grid.variables.scss","../../../source/_patterns/03-areas/02-grid/enterprise/_grid.demonstration.scss","../../../source/_patterns/04-pages/enterprise/_intro.demonstration.scss"],"names":[],"mappings":"AAAA,gBACC,eAAA,CAAA,uFCEC,gGAAA,CAEA,cAAA,CAGD,6CACC,YAAA,CAIA,gEACC,aCsJsB,CDpJtB,mEACC,iBAAA,CAEA,aCiJqB,CDhJrB,oBAAA,CAEA,aAAA,CACA,YAAA,CAEA,wHACC,wBCuGoB,CDpGrB,kHACC,oBAAA,CACA,0BAAA,CACA,wBCcc,CDXf,mHACC,kCAAA,CACA,wBCkFe,CCjHnB,kEACC,wBD6JuB,CC5JvB,aCwCQ,CDvCR,YAAA,CAEA,gFACC,4BEE0C,CFD1C,oBEEsC,CFDtC,aEEgC,CCPnC,uBACC,yCAAA,CCNA,sEACC,wBL+JuB,CK9JvB,aH0CQ,CGzCR,YAAA,CASC,qHACC,yCAAA,CAGD,gHACC,yCAAA,CAGD,uGACC,yCAAA,CAQF,gDACC,qGACC,yCAAA,CAEA,2GACC,wBL8HoB,CAAA,CMnKxB,wBACC,kBAAA,CAIF,WACC,eAAA,CCPD,0CAKC,aP+JwB,COnKxB,gGAAA,CAEA,cPiKwB,CO7JxB,6CAMC,iBAAA,CAJA,qBAAA,CAMA,aPqJuB,CO5JvB,oBAAA,CAGA,UAAA,CACA,YPwJuB,COnJvB,kGACC,wBP4IsB,COzIvB,4FACC,oBAAA,CACA,wBPuBgB,COpBjB,8FACC,8BAAA,CACA,8IAAA,CACA,2BAAA,CACA,qBAAA,CAEA,aAAA,CAKA,YAAA,CAHA,YAAA,CAEA,WACA,CCpCF,oDACC,kBAAA,CAAA,uDCCD,wBTiKwB,CShKxB,aP4CS,COzCV,4CACC,aT0JwB,CSvJzB,oEACC,aTkCkB,CS/BnB,mEACC,aT6BkB,CS1BnB,oEACC,aTyDqB,CStDtB,mEACC,aTmDqB,CShDtB,gEACC,aT+GoB,CS5GrB,+DACC,aTiH0B,CS9G3B,+DACC,aTuFmB,CSpFpB,8DACC,aTkFmB,CUxHnB,4CAEC,YAAA,CACA,wBAAA,CCEE,oCC8EH,6CACC,WAAA,CAIA,oDACC,qBAAA,CAAA,CCxFF,iJAEC,YAAA,CACA,wBAAA,CCJF,UAEC,cAAA,CAEA,oBAAA,CACA,qBAAA,CACA,mBAAA,CAEA,0CARD,UASE,YAAA,CAAA,CAGD,4DAIC,aAAA,CACA,YAAA,CACA,WAAA,CACA,aAAA,CACA,eAAA,CAEA,qCAVD,4DAWE,eCrBoC,CAAA,CDyBtC,qBACC,sBAAA,CAGD,2BACC,qBAAA,CAID,qCApCD,UAqCE,oBAAA,CACA,qBAAA,CACA,mBAAA,CAEA,qBACC,sBAAA,CAGD,2BACC,sBAAA,CAAA,CAOF,kCACC,SAAA,CACA,SAAA,CAED,qCACC,SAAA,CACA,SAAA,CAED,iCACC,SAAA,CACA,cAAA,CAED,mCACC,SAAA,CACA,SAAA,CAED,2BACC,SAAA,CACA,SAAA,CAED,iCACC,SAAA,CACA,SAAA,CAED,gCACC,SAAA,CACA,cAAA,CAED,kCACC,SAAA,CACA,SAAA,CAED,gCACC,SAAA,CACA,SAAA,CElFD,wDACC,wBAAA,CCRF,WACC,2BAAA","file":"db-ui-core.demonstration.css","sourcesContent":["body.styleguide {\n\tdisplay: initial;\n}\n",".DO-NOT-COPY-THIS-CLASS-example-icon-list {\n\t&,\n\tul {\n\t\tlist-style: none;\n\n\t\tpadding-left: 0;\n\t}\n\n\t& > li {\n\t\tdisplay: flex;\n\t}\n\n\t&.icons-illustration {\n\t\tul {\n\t\t\tcolor: $db-color-cool-gray-700;\n\n\t\t\tli {\n\t\t\t\tborder-radius: 4px;\n\n\t\t\t\tcolor: $db-color-cool-gray-700;\n\t\t\t\tdisplay: inline-block;\n\n\t\t\t\tmargin: to-rem($pxValue: 4);\n\t\t\t\tpadding: to-rem($pxValue: 32);\n\n\t\t\t\t&.DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise {\n\t\t\t\t\tbackground-color: $db-color-turquoise-400;\n\t\t\t\t}\n\n\t\t\t\t&.DO-NOT-COPY-THIS-CLASS-example-bg-variants-red {\n\t\t\t\t\t--db-icon-color: #fff;\n\t\t\t\t\t--db-icon-pulse-color: #fff;\n\t\t\t\t\tbackground-color: $db-color-red-500;\n\t\t\t\t}\n\n\t\t\t\t&.DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan {\n\t\t\t\t\t--db-icon-pulse-color: currentColor;\n\t\t\t\t\tbackground-color: $db-color-cyan-200;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","\n// Do not edit directly\n// Generated on Thu, 21 Nov 2024 12:10:30 GMT\n\n$db-asset-font-db-screensans-regular-name: \"DB Screen Sans Regular\";\n$db-asset-font-db-screensans-regular-fontfamily: \"DB Screen Sans\";\n$db-asset-font-db-screensans-regular-fontweight: \"400\";\n$db-asset-font-db-screensans-regular-woff: \"assets/fonts/dbscreensans-regular.woff\";\n$db-asset-font-db-screensans-regular-woff2: \"assets/fonts/dbscreensans-regular.woff2\";\n$db-asset-font-db-screensans-bold-name: \"DB Screen Sans Bold\";\n$db-asset-font-db-screensans-bold-fontfamily: \"DB Screen Sans\";\n$db-asset-font-db-screensans-bold-fontweight: \"700\";\n$db-asset-font-db-screensans-bold-woff: \"assets/fonts/dbscreensans-bold.woff\";\n$db-asset-font-db-screensans-bold-woff2: \"assets/fonts/dbscreensans-bold.woff2\";\n$db-asset-font-db-screenhead-name: \"DB Screen Head\";\n$db-asset-font-db-screenhead-fontfamily: \"DB Screen Head\";\n$db-asset-font-db-screenhead-fontweight: \"300\";\n$db-asset-font-db-screenhead-woff: \"assets/fonts/dbscreenhead-light.woff\";\n$db-asset-font-db-screenhead-woff2: \"assets/fonts/dbscreenhead-light.woff2\";\n$db-asset-font-db-screensansdigital-name: \"DB Screen Sans Digital Regular\";\n$db-asset-font-db-screensansdigital-fontfamily: \"DB Screen Sans Digital\";\n$db-asset-font-db-screensansdigital-fontweight: \"400\";\n$db-asset-font-db-screensansdigital-woff: \"assets/fonts/dbscreensans-digitalregular.woff\";\n$db-asset-font-db-screensansdigital-woff2: \"assets/fonts/dbscreensans-digitalregular.woff2\";\n$db-color-success: #508b1b; // This is the general success color\n$db-color-success-small-font: #467a18; // in case a font-size smaller than 14dp is in use\n$db-color-error: #ec0016; // This is the general error color\n$db-color-error-small-font: #db0014; // in case a font-size smaller than 14dp is in use\n$db-color-warning: #f75f00; // This is the general warning color\n$db-color-warning-small-font: #cc4e00; // in case a font-size smaller than 14dp is in use\n$db-color-informative: #0087b9; // This is the general informative color\n$db-color-informative-small-font: #006a96; // in case a font-size smaller than 14dp is in use\n$db-color-food-drink: #f39200;\n$db-color-health: #a9455d;\n$db-color-things-to-know: #858379;\n$db-color-community-facilities: #00a099;\n$db-color-db-services-facilities: #0c3992;\n$db-color-shopping: #814997;\n$db-color-arts-culture: #e93e8f;\n$db-color-leisure: #408335;\n$db-color-services: #309fd1;\n$db-color-guidance: #3c414b;\n$db-color-red-100: #fee6e6;\n$db-color-red-200: #fcc8c3;\n$db-color-red-300: #fa9090;\n$db-color-red-400: #f75056;\n$db-color-red-500: #ec0016;\n$db-color-red-600: #c50014;\n$db-color-red-700: #9b000e;\n$db-color-red-800: #740009;\n$db-color-red: #ec0016; // This is the primary DB Red\n$db-color-white: #ffffff; // This is the primary DB White\n$db-color-black: #000000; // This is the primary DB Black\n$db-color-ice: #282d37;\n$db-color-ic: #646973;\n$db-color-ec: #646973;\n$db-color-re: #878c96;\n$db-color-rb: #878c96;\n$db-color-s-bahn: #408335;\n$db-color-u-bahn: #1455c0;\n$db-color-tram: #a9455d;\n$db-color-intercity-bus: #e93e8f;\n$db-color-bus: #814997;\n$db-color-ship: #309fd1;\n$db-color-airplane: #00a099;\n$db-color-taxi: #ffd800;\n$db-color-carsharing: #f39200;\n$db-color-walk: #282d37;\n$db-color-bikesharing: #c50014;\n$db-color-yellow-100: #ffffdc;\n$db-color-yellow-200: #ffffaf;\n$db-color-yellow-300: #fff876;\n$db-color-yellow-400: #fff000;\n$db-color-yellow-500: #ffd800;\n$db-color-yellow-600: #ffbb00;\n$db-color-yellow-700: #ff9b00;\n$db-color-yellow-800: #ff7a00;\n$db-color-yellow-900: #f75f00;\n$db-color-orange-100: #fff4d8;\n$db-color-orange-200: #fce3b4;\n$db-color-orange-300: #faca7f;\n$db-color-orange-400: #f8ab37;\n$db-color-orange-500: #f39200;\n$db-color-orange-600: #d77b00;\n$db-color-orange-700: #c05e00;\n$db-color-orange-800: #a24800;\n$db-color-burgundy-100: #f4e8ed;\n$db-color-burgundy-200: #edcbd6;\n$db-color-burgundy-300: #da9aa8;\n$db-color-burgundy-400: #c0687b;\n$db-color-burgundy-500: #a9455d;\n$db-color-burgundy-600: #8c2e46;\n$db-color-burgundy-700: #641e32;\n$db-color-burgundy-800: #4d0820;\n$db-color-pink-100: #fdeef8;\n$db-color-pink-200: #f9d2e5;\n$db-color-pink-300: #f4aece;\n$db-color-pink-400: #ee7bae;\n$db-color-pink-500: #e93e8f;\n$db-color-pink-600: #db0078;\n$db-color-pink-700: #b80065;\n$db-color-pink-800: #970052;\n$db-color-violett-100: #f4eefa;\n$db-color-violett-200: #e0cde4;\n$db-color-violett-300: #c2a1c7;\n$db-color-violett-400: #9a6ca6;\n$db-color-violett-500: #814997;\n$db-color-violett-600: #6e368c;\n$db-color-violett-700: #581d70;\n$db-color-violett-800: #421857;\n$db-color-blue-100: #e0effb;\n$db-color-blue-200: #b4d5f6;\n$db-color-blue-300: #73aef4;\n$db-color-blue-400: #347de0;\n$db-color-blue-500: #1455c0;\n$db-color-blue-600: #0c3992;\n$db-color-blue-700: #0a1e6e;\n$db-color-blue-800: #061350;\n$db-color-cyan-100: #e5faff;\n$db-color-cyan-200: #bbe6f8;\n$db-color-cyan-300: #84cfef;\n$db-color-cyan-400: #55b9e6;\n$db-color-cyan-500: #309fd1;\n$db-color-cyan-600: #0087b9;\n$db-color-cyan-700: #006a96;\n$db-color-cyan-800: #004b6d;\n$db-color-turquoise-100: #e3f5f4;\n$db-color-turquoise-200: #bee2e5;\n$db-color-turquoise-300: #83caca;\n$db-color-turquoise-400: #3cb5ae;\n$db-color-turquoise-500: #00a099;\n$db-color-turquoise-600: #008984;\n$db-color-turquoise-700: #006e6b;\n$db-color-turquoise-800: #005752;\n$db-color-green-100: #e2f3e5;\n$db-color-green-200: #bddbb9;\n$db-color-green-300: #8cbc80;\n$db-color-green-400: #66a558;\n$db-color-green-500: #408335;\n$db-color-green-600: #2a7230;\n$db-color-green-700: #165c27;\n$db-color-green-800: #154a26;\n$db-color-light-green-100: #ebf7dd;\n$db-color-light-green-200: #c9eb9e;\n$db-color-light-green-300: #9fd45f;\n$db-color-light-green-400: #78be14;\n$db-color-light-green-500: #63a615;\n$db-color-light-green-600: #508b1b;\n$db-color-light-green-700: #44741a;\n$db-color-light-green-800: #375f15;\n$db-color-warm-gray-100: #f5f4f1;\n$db-color-warm-gray-200: #ddded6;\n$db-color-warm-gray-300: #bcbbb2;\n$db-color-warm-gray-400: #9c9a8e;\n$db-color-warm-gray-500: #858379;\n$db-color-warm-gray-600: #747067;\n$db-color-warm-gray-700: #4f4b41;\n$db-color-warm-gray-800: #38342f;\n$db-color-cool-gray-100: #f0f3f5;\n$db-color-cool-gray-200: #d7dce1;\n$db-color-cool-gray-300: #afb4bb;\n$db-color-cool-gray-400: #878c96;\n$db-color-cool-gray-500: #646973;\n$db-color-cool-gray-600: #3c414b;\n$db-color-cool-gray-700: #282d37;\n$db-color-cool-gray-800: #131821;\n$db-spacing-xs: 0.25rem !default;\n$db-spacing-s: 0.5rem !default;\n$db-spacing-sm: 0.75rem !default;\n$db-spacing-m: 1rem !default;\n$db-spacing-l: 1.25rem !default;\n$db-transition-duration-fast: 0.3s; // Consider this as beta for the moment\n$db-transition-emotional-timing: cubic-bezier(0.27, 0.05, 0.4, 0.95); // Consider this as beta for the moment\n$db-transition-emotional-straight: 0.3s cubic-bezier(0.27, 0.05, 0.4, 0.95); // Consider this as beta for the moment\n$db-transition-functional-timing: cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-transition-functional-straight: 0.3s cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-transition-color: 0.3s cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-font-family-base: 'DB Screen Sans', Helvetica, Arial, sans-serif;\n$db-font-family-headline: 'DB Screen Head', Helvetica, Arial, sans-serif;\n","@charset \"utf-8\";\n\n@import \"checkbox.variables\";\n@import \"../checkbox.variables\";\n\n.pl-js-pattern-example {\n\t[id^=\"elements-checkbox-on-dark-background\"] & {\n\t\tbackground-color: $Background;\n\t\tcolor: $LightBG;\n\t\tpadding: to-rem($pxValue: 16);\n\n\t\t.elm-checkbox {\n\t\t\tbackground-color: $checkbox-onDarkBackground--backgroundColor;\n\t\t\tborder-color: $checkbox-onDarkBackground--borderColor;\n\t\t\tcolor: $checkbox-onDarkBackground--color;\n\t\t}\n\t}\n}\n","// DB colors\n@import \"../colors.variables\";\n\n// EDS semantic colors (TODO: probably leftovers, those would most likely need to get replaced again as soon as the Enterprise extension is finalized)\n\n$DBdarkgray: $db-color-cool-gray-500; // DB Dunkelgrau/DB dark gray\n$DBblue: $db-color-cyan-600; // DB Blau/DB blue\n$DBwhitegray: $db-color-cool-gray-200; // DB Weißgrau/DB white-gray\n$DBlightgray: $db-color-cool-gray-300; // DB light-gray\n$DBgray: $db-color-cool-gray-400; // DB gray\n\n// * General\n$black: $db-color-cool-gray-800;\n$black-bis: $db-color-cool-gray-700;\n$black-ter: $db-color-cool-gray-600;\n\n$gray-darker: $db-color-cool-gray-600;\n$gray-dark: $DBdarkgray;\n$gray: $DBgray;\n$gray-light: $DBlightgray;\n$gray-lighter: $DBwhitegray;\n\n// $white-ter:\n// $white-bis:\n// $white:\n\n$orange: $db-color-yellow-900;\n// $yellow:\n$green: $db-color-green-600;\n// $turquoise:\n// $cyan:\n$blue: $db-color-cyan-600;\n// $purple:\n$red: $db-color-red;\n$red-invert: #fff;\n\n// * Enterprise Design System\n\n// Enterprise Design System Colors\n$Text: $db-color-cool-gray-800; // Text\n$Background: $db-color-cool-gray-700; // Background, buttons\n$Buttons: $db-color-cool-gray-700; // Background, buttons\n$Icons: $db-color-cool-gray-600; // Icons, divider\n$divider01: $db-color-cool-gray-700; // Icons, divider\n$inputfields: $DBdarkgray; // Input fields\n$selected: $db-color-cool-gray-400; // selected -> to be changed\n$divider02: $db-color-cool-gray-200; // Divider\n$hover: $db-color-cool-gray-200; // hover -> to be changed\n$LightBG: #fdfdfd; // Background\n$highlight-color01: $db-color-red; // Highlight color\n$highlight-color02: $blue; // Highlight color\n$hover-buttons: $db-color-red-600; // hover Buttons\n\n// Semantic color codes\n// * light background\n// $db-color-red-500, defined already\n// $db-color-light-green-400, defined already\n// $db-color-cyan-300, defined already\n// * dark background\n// $db-color-yellow-300, defined already\n// $db-color-light-green-300, defined already\n\n// Color set\n$eds-colors: () !default;\n","@import \"../../00-base/icons/icons.variables\";\n@import \"../../00-base/icons/icons.helpers\";\n@import \"../../00-base/colors/colors.variables\";\n\n$checkbox---backgroundColor: rgba(255, 255, 255, 0.1) !default;\n$checkbox---borderColor: $db-color-cool-gray-700 !default;\n$checkbox---color: $db-color-cool-gray-700 !default;\n\n$checkbox--checked-backgroundColor: $db-color-cool-gray-700 !default;\n$checkbox--checked-color: #fff !default;\n\n$checkbox-hover-checked-backgroundColor: #52575f !default;\n\n// On dark background\n$checkbox-onDarkBackground--backgroundColor: transparent !default;\n$checkbox-onDarkBackground--borderColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n$checkbox-onDarkBackground--color: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n","@import \"../../../css/db-ui-core.variables\";\n\n$progress---height: to-rem(\n\t$pxValue: 4\n) !default;\n$progress-value--backgroundColor: var(\n\t--progress-value--backgroundColor\n) !default;\n\n.elm-progress progress {\n\t--progress-value--backgroundColor: #{$db-color-red};\n}\n\n$progress---backgroundColor: #fcfdfd !default;\n\n// Alternative - on dark background\n$progress-onDarkBackground-value-backgroundColor: $db-color-cool-gray-400 !default;\n\n// Circle alternative\n$progress-conic--size: 75 * 0.0625 !default;\n$progress-conic-inner-size: $progress-conic--size - 1.25 !default;\n\n$progress-conic--backgroundColor: #fff !default;\n$progress-conic-inner-backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color\n// Alternative - on dark background\n$progress-onDarkBackground-conic-inner-backgroundColor: $db-color-cool-gray-700 !default;\n\n$progress-conic--translateX: to-rem(\n\t$pxValue: 10\n) !default;\n$progress-conic--translateY: -#{to-rem(\n\t\t$pxValue: 65\n\t)} !default;\n","@import \"progress.variables\";\n@import \"../progress.variables\";\n\n.pl-js-pattern-example {\n\t[id^=\"elements-progress-\"][id*=\"-dark-background\"] & {\n\t\tbackground-color: $Background;\n\t\tcolor: $LightBG;\n\t\tpadding: to-rem($pxValue: 16);\n\t}\n}\n\n.elm-progress {\n\t[id^=\"elements-progress-\"][id*=\"-dark-background\"]\n\t\t.pl-js-pattern-example\n\t\t& {\n\t\tprogress {\n\t\t\t&::-webkit-progress-value {\n\t\t\t\t--progress-value--backgroundColor: #{$progress-onDarkBackground-value-backgroundColor};\n\t\t\t}\n\n\t\t\t&::-moz-progress-bar {\n\t\t\t\t--progress-value--backgroundColor: #{$progress-onDarkBackground-value-backgroundColor};\n\t\t\t}\n\n\t\t\t&::-ms-fill {\n\t\t\t\t--progress-value--backgroundColor: #{$progress-onDarkBackground-value-backgroundColor};\n\t\t\t}\n\t\t}\n\t}\n\n\t[id=\"elements-progress-circular-loader-dark-background\"]\n\t\t.pl-js-pattern-example\n\t\t& {\n\t\t@supports (background: conic-gradient(#000, #fff)) {\n\t\t\tprogress {\n\t\t\t\t--progress-value--backgroundColor: #{$progress-onDarkBackground-value-backgroundColor};\n\n\t\t\t\t& + label {\n\t\t\t\t\tbackground-color: $progress-onDarkBackground-conic-inner-backgroundColor; // * TODO: possibly rework variable naming\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","[id|=\"elements-input\"] {\n\tdd {\n\t\tmargin-bottom: 2rem;\n\t}\n}\n\n.elm-input {\n\tmax-width: 30rem;\n}\n",".DO-NOT-COPY-THIS-CLASS-example-logo-list {\n\tlist-style: none;\n\n\tpadding-left: 0;\n\n\tcolor: $db-color-cool-gray-700;\n\n\tli {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\n\t\tmargin: 4px;\n\t\tpadding: 80px;\n\t\tborder-radius: 4px;\n\n\t\tcolor: $db-color-cool-gray-700;\n\n\t\t&.DO-NOT-COPY-THIS-CLASS-example-bg-variants-cool-gray {\n\t\t\tbackground-color: $db-color-cool-gray-100;\n\t\t}\n\n\t\t&.DO-NOT-COPY-THIS-CLASS-example-bg-variants-red {\n\t\t\t--db-logo-color: #{$db-color-white};\n\t\t\tbackground-color: $db-color-red-500;\n\t\t}\n\n\t\t&.DO-NOT-COPY-THIS-CLASS-example-bg-variants-image {\n\t\t\t--db-logo-backgroundColor: #{$db-color-white};\n\t\t\tbackground-image: url(\"https://marketingportal.extranet.deutschebahn.com/resource/blob/9697296/172958b1627fd3d43ed09c02682aed46/Bild_1-data.png\");\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-size: cover;\n\n\t\t\tdisplay: block;\n\n\t\t\tpadding: 20px;\n\n\t\t\twidth: 394px;\n\t\t\theight: 227px;\n\t\t}\n\t}\n}\n","[id|=\"elements-select\"] {\n\tdd {\n\t\tmargin-bottom: 2rem;\n\t}\n}\n","@import \"../../colors/enterprise/colors.variables\";\n\n.DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground {\n\tbackground-color: $Background;\n\tcolor: $LightBG;\n}\n\n.DO-NOT-COPY-THIS-CLASS-example-fonts-light {\n\tcolor: $db-color-cool-gray-500;\n}\n\n.DO-NOT-COPY-THIS-CLASS-example-highlight-colors-1st-priority-light {\n\tcolor: $db-color-red-500;\n}\n\n.DO-NOT-COPY-THIS-CLASS-example-highlight-colors-1st-priority-dark {\n\tcolor: $db-color-red-400;\n}\n\n.DO-NOT-COPY-THIS-CLASS-example-highlight-colors-2nd-priority-light {\n\tcolor: $db-color-yellow-900;\n}\n\n.DO-NOT-COPY-THIS-CLASS-example-highlight-colors-2nd-priority-dark {\n\tcolor: $db-color-yellow-700;\n}\n\n.DO-NOT-COPY-THIS-CLASS-example-highlight-colors-positive-light {\n\tcolor: $db-color-green-600;\n}\n\n.DO-NOT-COPY-THIS-CLASS-example-highlight-colors-positive-dark {\n\tcolor: $db-color-light-green-400;\n}\n\n.DO-NOT-COPY-THIS-CLASS-example-highlight-colors-neutral-light {\n\tcolor: $db-color-cyan-600;\n}\n\n.DO-NOT-COPY-THIS-CLASS-example-highlight-colors-neutral-dark {\n\tcolor: $db-color-cyan-500;\n}\n","/* stylelint-disable */\n#components-dropdown {\n\t.pl-js-pattern-example {\n\t\t/* stylelint-enable */\n\t\tdisplay: flex;\n\t\tjustify-content: flex-end;\n\t}\n}\n","@import \"../../../00-base/icons/icons.helpers\";\n\n// We're changing this via a demonstration SCSS file here, but within a real project it's obviously the variable $metanavigation-iconOnly--maxWidth that could get changed for that instead\n.cmp-metanavigation {\n\tli {\n\t\t.elm-link {\n\t\t\t.rea-header & {\n\t\t\t\t@media screen and (max-width: to-rem($pxValue: 1296)) {\n\t\t\t\t\t@include is-icon-text-replace();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@use \"sass:map\";\n// Icon SCSS mixin\n@mixin icon(\n\t$glyph: \"\",\n\t$size: $icon-size,\n\t$style: $icon-style,\n\t$position: \"before\",\n\t$partial: false\n) {\n\t// We're setting this on the parent tag, so that it could get overwritten via data-icon=*\n\t@if $glyph != \"\" {\n\t\t& {\n\t\t\t--icon-glyph-#{$position}: \"#{$glyph}\";\n\t\t}\n\t}\n\n\t&::#{$position} {\n\t\t--icon-font-family: \"#{\"icons-\" + $size + \"-\" + $style}\",\n\t\t\t\"missing-icons\" !important;\n\n\t\tfont-size: var(\n\t\t\t--icon-font-size-#{$position},\n\t\t\tvar(--icon-font-size, #{to-rem($pxValue: $size)})\n\t\t);\n\n\t\t@if $position == \"before\" {\n\t\t\tmargin-inline-end: var(--icon-margin-after, #{$icon-content-space});\n\t\t}\n\t\t@if $position == \"after\" {\n\t\t\tmargin-inline-start: var(\n\t\t\t\t--icon-margin-before,\n\t\t\t\t#{$icon-content-space}\n\t\t\t);\n\t\t}\n\n\t\tcontent: var(--icon-glyph-#{$position});\n\t\t@supports (content: \"\"/\"\") {\n\t\t\t// Hiding icon from screenreaders\n\t\t\t// We couldn't just add the following code line and expect an forgiving behaviour of unsupporting browser to ignore this declaration, but need to wrap it into an @supports due to a bug in WebKit / older versions of  Safari: https://github.com/db-ui/core/pull/766\n\t\t\tcontent: var(--icon-glyph-#{$position}) / \"\"; // https://www.w3.org/TR/css-content-3/#alt\n\t\t}\n\n\t\t@if $partial {\n\t\t\t& {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\t/*** icon - partial ***/\n\t\t\t\t// * use !important to prevent issues with browser extensions that change fonts\n\t\t\t\tfont-family: var(--icon-font-family) !important;\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-variant: normal;\n\n\t\t\t\tfont-weight: normal; // CSS variables fallback\n\t\t\t\tfont-weight: var(--icon-font-weight, normal);\n\t\t\t\tline-height: 1;\n\t\t\t\ttext-transform: none;\n\t\t\t\tvertical-align: middle;\n\n\t\t\t\t/* stylelint-disable */\n\t\t\t\t// * Better Font Rendering ===========\n\t\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t\t-moz-osx-font-smoothing: grayscale;\n\t\t\t\t/* stylelint-enable */\n\n\t\t\t\t// Hiding icon from screenreaders\n\t\t\t\t/* stylelint-disable */\n\t\t\t\t-webkit-alt: \"\";\n\t\t\t\t/* stylelint-enable */\n\t\t\t\talt: \"\";\n\t\t\t\tspeak: none; // Hiding icon from screenreaders, fallback by older notation\n\t\t\t\tspeak: never; // Hiding icon from screenreaders\n\t\t\t}\n\t\t\t@media aural {\n\t\t\t\tcontent: none;\n\t\t\t}\n\t\t\t@media speech {\n\t\t\t\tcontent: none;\n\t\t\t}\n\t\t} @else {\n\t\t\t@extend %icon;\n\t\t}\n\t}\n}\n\n// SCSS mixin for elements that text should get hidden in favour of only displaying the included icon\n@mixin is-icon-text-replace($position: \"before\") {\n\t& {\n\t\tfont-size: 0;\n\t}\n\n\t@if $position == \"before\" {\n\t\t&::before {\n\t\t\t--icon-margin-after: 0;\n\t\t}\n\t} @else {\n\t\t&::after {\n\t\t\t--icon-margin-before: 0;\n\t\t}\n\t}\n}\n\n// Icon glyph mixin\n@function glyph($glyph) {\n\t@return map.get($icon-glyphs, $glyph);\n}\n\n// Icon meta data mixin\n@mixin iconMeta($size: $icon-size, $style: $icon-style, $position: \"before\") {\n\t&::#{$position} {\n\t\t--icon-font-family: \"#{\"icons-\" + $size + \"-\" + $style}\",\n\t\t\t\"missing-icons\" !important;\n\t\t--icon-font-size: #{to-rem($pxValue: $size)};\n\t}\n}\n","/* stylelint-disable */\n#components-overflow-menu-opposite-position,\n#components-overflow-menu-navigation-opposite-position {\n\t.pl-js-pattern-example {\n\t\t/* stylelint-enable */\n\t\tdisplay: flex;\n\t\tjustify-content: flex-end;\n\t}\n}\n","@charset \"utf-8\";\n\n.rea-grid {\n\t// TODO: We would probably need to recheck on this declaration regarding compabitility\n\tflex-wrap: wrap;\n\t// adapted from https://github.com/jgthms/bulma/blob/0.7.5/sass/grid/columns.sass\n\tmargin-left: -0.625rem;\n\tmargin-right: -0.625rem;\n\tmargin-top: -0.625rem;\n\n\t@media screen and (min-width: 769px), print {\n\t\tdisplay: flex;\n\t}\n\n\t& > div,\n\t& > area,\n\t& > section,\n\t& > li {\n\t\tdisplay: block;\n\t\tflex-basis: 0;\n\t\tflex-grow: 1;\n\t\tflex-shrink: 1;\n\t\tpadding: 0.625rem;\n\n\t\t@media screen and (max-width: #{$column-gap-max-width-smaller-breakpoint}) {\n\t\t\tpadding: $column-gap-max-width-smaller-padding;\n\t\t}\n\t}\n\n\t&:last-child {\n\t\tmargin-bottom: -0.625rem;\n\t}\n\n\t&:not(:last-child) {\n\t\tmargin-bottom: calc(1.5rem - 0.625rem);\n\t}\n\n\t// TODO: This should probably get migrated to CSS variables\n\t@media screen and (max-width: #{$column-gap-max-width-smaller-breakpoint}) {\n\t\tmargin-left: -$column-gap-max-width-smaller-padding;\n\t\tmargin-right: -$column-gap-max-width-smaller-padding;\n\t\tmargin-top: -$column-gap-max-width-smaller-padding;\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: -$column-gap-max-width-smaller-padding;\n\t\t}\n\n\t\t&:not(:last-child) {\n\t\t\tmargin-bottom: calc(\n\t\t\t\t#{to-rem($pxValue: 24)} - #{$column-gap-max-width-smaller-padding}\n\t\t\t);\n\t\t}\n\t}\n\n\t// grid columns\n\t%is-four-fifths {\n\t\tflex: none;\n\t\twidth: 80%;\n\t}\n\t%is-three-quarters {\n\t\tflex: none;\n\t\twidth: 75%;\n\t}\n\t%is-two-thirds {\n\t\tflex: none;\n\t\twidth: 66.6666%;\n\t}\n\t%is-three-fifths {\n\t\tflex: none;\n\t\twidth: 60%;\n\t}\n\t%is-half {\n\t\tflex: none;\n\t\twidth: 50%;\n\t}\n\t%is-two-fifths {\n\t\tflex: none;\n\t\twidth: 40%;\n\t}\n\t%is-one-third {\n\t\tflex: none;\n\t\twidth: 33.3333%;\n\t}\n\t%is-one-quarter {\n\t\tflex: none;\n\t\twidth: 25%;\n\t}\n\t%is-one-fifth {\n\t\tflex: none;\n\t\twidth: 20%;\n\t}\n\n\t[data-type=\"four-fifths\"] {\n\t\t@extend %is-four-fifths;\n\t}\n\n\t[data-type=\"three-quarters\"] {\n\t\t@extend %is-three-quarters;\n\t}\n\n\t[data-type=\"two-thirds\"] {\n\t\t@extend %is-two-thirds;\n\t}\n\n\t[data-type=\"three-fifths\"] {\n\t\t@extend %is-three-fifths;\n\t}\n\n\t[data-type=\"half\"] {\n\t\t@extend %is-half;\n\t}\n\n\t[data-type=\"two-fifths\"] {\n\t\t@extend %is-two-fifths;\n\t}\n\n\t[data-type=\"one-third\"] {\n\t\t@extend %is-one-third;\n\t}\n\n\t[data-type=\"one-quarter\"] {\n\t\t@extend %is-one-quarter;\n\t}\n\n\t[data-type=\"one-fifth\"] {\n\t\t@extend %is-one-fifth;\n\t}\n}\n","$column-gap: to-rem(\n\t$pxValue: 10\n) !default;\n$column-gap-max-width-smaller-breakpoint: 1199px !default;\n$column-gap-max-width-smaller-padding: to-rem(\n\t$pxValue: 6\n) !default;\n","@charset \"utf-8\";\n\n@import \"grid\";\n\n.rea-grid {\n\t// Example\n\n\t> div > p.DO-NOT-COPY-THIS-CLASS-example-abstract {\n\t\tbackground-color: #e1e6eb;\n\t}\n}\n",".tpl-intro {\n\tgrid-template-rows: 1fr auto;\n}\n"]}
\ No newline at end of file
diff --git a/review/refactor-icon-update/css/enterprise/db-ui-core.general.css b/review/refactor-icon-update/css/enterprise/db-ui-core.general.css
new file mode 100644
index 0000000000..529743b5c9
--- /dev/null
+++ b/review/refactor-icon-update/css/enterprise/db-ui-core.general.css
@@ -0,0 +1,2 @@
+:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{box-sizing:var(--db-box-sizing,border-box)}*,:after,:before{box-sizing:inherit}embed,iframe,img,object,video{height:auto;max-width:100%}iframe{border:0}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");margin:0;padding:0}:root{--db-focus-outline-offset:1px;--db-focus-outline-color:#2c95c4}:is(a,button,input,textarea,summary){--db-focus-outline-size:max(2px,0.08em)}:is(a,button,input,textarea,summary):focus-visible{outline:var(--db-focus-outline-size) var(--db-focus-outline-style,solid) var(--db-focus-outline-color,currentColor);outline-offset:var(--db-focus-outline-offset,var(--db-focus-outline-size))}:where(ul){list-style-type:"•   "}:where(ul) li::marker{color:#ec0016}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}body,button,div,input,select,textarea{color:#282d37;font-family:DB Screen Sans,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}
+/*# sourceMappingURL=db-ui-core.general.css.map */
\ No newline at end of file
diff --git a/review/refactor-icon-update/css/enterprise/db-ui-core.general.css.map b/review/refactor-icon-update/css/enterprise/db-ui-core.general.css.map
new file mode 100644
index 0000000000..00f200fd0e
--- /dev/null
+++ b/review/refactor-icon-update/css/enterprise/db-ui-core.general.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["db-ui-core.general.css","../../../node_modules/@csstools/normalize.css/normalize.css","../../../source/_patterns/00-base/_init.scss","../../../node_modules/@db-ui/base/build/scss/_variables.scss","../../../source/css/_fonts.general.scss"],"names":[],"mappings":"AAAA,aCQA,gBACE,CAAA,6BACA,CAAA,qBACA,CAAA,WAWF,aACE,CAAA,sBACA,CAAA,wBACA,CAAA,kCAUF,kBACE,CAAA,oBACA,CAAA,WAQF,sBACE,CAAA,aACA,CAAA,QACA,CAAA,oBAUF,yBACE,CAAA,wCACA,CADA,gCACA,CAAA,iBAOF,kBACE,CAAA,0BAQF,+BACE,CAAA,aACA,CAAA,cAOF,aACE,CAAA,cAWF,yBACE,CAAA,aACA,CAAA,4BAUF,QACE,CAAA,eAOF,mBACE,CAAA,wEAOF,yBACE,CAAA,iBAOF,uBACE,CAAA,eAOF,mBACE,CAAA,iBAOF,QACE,CAAA,6BAQF,4BACE,CAAA,mBACA,CAAA,wDAOF,WAEE,CAAA,4BAOF,aACE,CAAA,WACA,CAAA,4BAOF,uBACE,CAAA,6BAQF,yBACE,CAAA,YACA,CAAA,yGAOF,iBACE,CAAA,SACA,CAAA,uGAOF,6BACE,CAAA,yBAOF,eACE,CAAA,eAUF,qBACE,CAAA,YACA,CAAA,UACA,CACA,kBACA,CAAA,MACA,CAAA,WACA,CAAA,WACA,CAAA,iBACA,CAAA,OACA,CACA,iBACA,CAAA,2BAGF,YACE,CAAA,gBAOF,iBACE,CAAA,KC9PF,0CACC,CAAA,iBAGD,kBAGC,CAAA,8BAID,WAKC,CAAA,cACA,CAAA,OAID,QACC,CAAA,wDAOA,gGAEC,CAAA,QAEA,CAAA,SACA,CAAA,MAKF,6BACC,CAAA,gCACA,CAAA,qCAID,uCACC,CAAA,mDAEA,mHACC,CAAA,0EAGA,CAAA,WAQF,sBACC,CAAA,sBAEA,aClBkB,CAAA,yCDyBlB,0CAGC,CAAA,sCEpEF,aD8JyB,CAAA,qDAaH,CAAA,cCxKrB,CAAA,eACA,CAAA,eACA","file":"db-ui-core.general.css","sourcesContent":[":where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:white;border:solid;color:black;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{box-sizing:var(--db-box-sizing, border-box)}*,::before,::after{box-sizing:inherit}img,embed,iframe,object,video{height:auto;max-width:100%}iframe{border:0}nav ol,nav ul,[role=navigation] ol,[role=navigation] ul{list-style:none;margin:0;padding:0}:root{--db-focus-outline-offset: 1px;--db-focus-outline-color: #2c95c4}:is(a,button,input,textarea,summary){--db-focus-outline-size: max(2px, 0.08em)}:is(a,button,input,textarea,summary):focus-visible{outline:var(--db-focus-outline-size) var(--db-focus-outline-style, solid) var(--db-focus-outline-color, currentColor);outline-offset:var(--db-focus-outline-offset, var(--db-focus-outline-size))}:where(ul){list-style-type:\"•   \"}:where(ul) li::marker{color:#ec0016}details>*,details>::before,details>::after{box-sizing:var(--db-box-sizing, border-box)}body,div,button,input,select,textarea{color:#282d37;font-family:\"DB Screen Sans\",Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}/*# sourceMappingURL=db-ui-core.general.css.map */\n","/* Document\n * ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n:where(html) {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n * ========================================================================== */\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Edge, Firefox, and Safari.\n */\n\n:where(h1) {\n  font-size: 2em;\n  margin-block-end: 0.67em;\n  margin-block-start: 0.67em;\n}\n\n/* Grouping content\n * ========================================================================== */\n\n/**\n * Remove the margin on nested lists in Chrome, Edge, and Safari.\n */\n\n:where(dl, ol, ul) :where(dl, ol, ul) {\n  margin-block-end: 0;\n  margin-block-start: 0;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Correct the inheritance of border color in Firefox.\n */\n\n:where(hr) {\n  box-sizing: content-box; /* 1 */\n  color: inherit; /* 2 */\n  height: 0; /* 1 */\n}\n\n/* Text-level semantics\n * ========================================================================== */\n\n/**\n * Add the correct text decoration in Safari.\n */\n\n:where(abbr[title]) {\n  text-decoration: underline;\n  text-decoration: underline dotted;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n:where(b, strong) {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\n:where(small) {\n  font-size: 80%;\n}\n\n/* Tabular data\n * ========================================================================== */\n\n/**\n * 1. Correct table border color in Chrome, Edge, and Safari.\n * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.\n */\n\n:where(table) {\n  border-color: currentColor; /* 1 */\n  text-indent: 0; /* 2 */\n}\n\n/* Forms\n * ========================================================================== */\n\n/**\n * Remove the margin on controls in Safari.\n */\n\n:where(button, input, select) {\n  margin: 0;\n}\n\n/**\n * Remove the inheritance of text transform in Firefox.\n */\n\n:where(button) {\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style buttons in iOS and Safari.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"reset\" i], [type=\"submit\" i])) {\n  -webkit-appearance: button;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Edge, and Firefox.\n */\n\n:where(progress) {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the inheritance of text transform in Firefox.\n */\n\n:where(select) {\n  text-transform: none;\n}\n\n/**\n * Remove the margin in Firefox and Safari.\n */\n\n:where(textarea) {\n  margin: 0;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome, Edge, and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n:where(input[type=\"search\" i]) {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Safari.\n */\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n  color: inherit;\n  opacity: 0.54;\n}\n\n/**\n * Remove the inner padding in Chrome, Edge, and Safari on macOS.\n */\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style upload buttons in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/**\n * Remove the inner border and padding of focus outlines in Firefox.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"color\" i], [type=\"reset\" i], [type=\"submit\" i]))::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus outline styles unset by the previous rule in Firefox.\n */\n\n:where(button, input:is([type=\"button\" i], [type=\"color\" i], [type=\"reset\" i], [type=\"submit\" i]))::-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Remove the additional :invalid styles in Firefox.\n */\n\n:where(:-moz-ui-invalid) {\n  box-shadow: none;\n}\n\n/* Interactive\n * ========================================================================== */\n\n/*\n * Add the correct styles in Safari.\n */\n\n:where(dialog) {\n  background-color: white;\n  border: solid;\n  color: black;\n  height: -moz-fit-content;\n  height: fit-content;\n  left: 0;\n  margin: auto;\n  padding: 1em;\n  position: absolute;\n  right: 0;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n:where(dialog:not([open])) {\n  display: none;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\n:where(summary) {\n  display: list-item;\n}\n","// Box sizing\nhtml {\n\tbox-sizing: var(--db-box-sizing, border-box);\n}\n\n*,\n::before,\n::after {\n\tbox-sizing: inherit;\n}\n\n// Media\nimg,\nembed,\niframe,\nobject,\nvideo {\n\theight: auto;\n\tmax-width: 100%;\n}\n\n// Iframe\niframe {\n\tborder: 0;\n}\n\n// * Individual styles\n// Navigation lists\nnav,\n[role=\"navigation\"] {\n\tol,\n\tul {\n\t\tlist-style: none;\n\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n}\n\n// General styles (TODO: most likely move those to DB UI Base)\n:root {\n\t--db-focus-outline-offset: 1px;\n\t--db-focus-outline-color: #2c95c4;\n}\n\n// Focus styles\n:is(a, button, input, textarea, summary) {\n\t--db-focus-outline-size: max(2px, 0.08em);\n\n\t&:focus-visible {\n\t\toutline: var(--db-focus-outline-size)\n\t\t\tvar(--db-focus-outline-style, solid)\n\t\t\tvar(--db-focus-outline-color, currentColor);\n\t\toutline-offset: var(\n\t\t\t--db-focus-outline-offset,\n\t\t\tvar(--db-focus-outline-size)\n\t\t);\n\t}\n}\n\n// List style / https://marketingportal.extranet.deutschebahn.com/de/brandguide/typografie-1#8e0be060-c2f5-42a1-abbc-6b050845d73c~paragraph--image_link\n:where(ul) {\n\tlist-style-type: \"\\2022\"+ \"   \";\n\n\tli::marker {\n\t\tcolor: $db-color-red-500;\n\t}\n}\n\n// details/summary box-sizing / https://kittygiraudel.com/2021/08/23/shadow-roots-and-inheritance/\ndetails {\n\t& > *,\n\t& > ::before,\n\t& > ::after {\n\t\tbox-sizing: var(--db-box-sizing, border-box);\n\t}\n}\n","\n// Do not edit directly\n// Generated on Thu, 21 Nov 2024 12:10:30 GMT\n\n$db-asset-font-db-screensans-regular-name: \"DB Screen Sans Regular\";\n$db-asset-font-db-screensans-regular-fontfamily: \"DB Screen Sans\";\n$db-asset-font-db-screensans-regular-fontweight: \"400\";\n$db-asset-font-db-screensans-regular-woff: \"assets/fonts/dbscreensans-regular.woff\";\n$db-asset-font-db-screensans-regular-woff2: \"assets/fonts/dbscreensans-regular.woff2\";\n$db-asset-font-db-screensans-bold-name: \"DB Screen Sans Bold\";\n$db-asset-font-db-screensans-bold-fontfamily: \"DB Screen Sans\";\n$db-asset-font-db-screensans-bold-fontweight: \"700\";\n$db-asset-font-db-screensans-bold-woff: \"assets/fonts/dbscreensans-bold.woff\";\n$db-asset-font-db-screensans-bold-woff2: \"assets/fonts/dbscreensans-bold.woff2\";\n$db-asset-font-db-screenhead-name: \"DB Screen Head\";\n$db-asset-font-db-screenhead-fontfamily: \"DB Screen Head\";\n$db-asset-font-db-screenhead-fontweight: \"300\";\n$db-asset-font-db-screenhead-woff: \"assets/fonts/dbscreenhead-light.woff\";\n$db-asset-font-db-screenhead-woff2: \"assets/fonts/dbscreenhead-light.woff2\";\n$db-asset-font-db-screensansdigital-name: \"DB Screen Sans Digital Regular\";\n$db-asset-font-db-screensansdigital-fontfamily: \"DB Screen Sans Digital\";\n$db-asset-font-db-screensansdigital-fontweight: \"400\";\n$db-asset-font-db-screensansdigital-woff: \"assets/fonts/dbscreensans-digitalregular.woff\";\n$db-asset-font-db-screensansdigital-woff2: \"assets/fonts/dbscreensans-digitalregular.woff2\";\n$db-color-success: #508b1b; // This is the general success color\n$db-color-success-small-font: #467a18; // in case a font-size smaller than 14dp is in use\n$db-color-error: #ec0016; // This is the general error color\n$db-color-error-small-font: #db0014; // in case a font-size smaller than 14dp is in use\n$db-color-warning: #f75f00; // This is the general warning color\n$db-color-warning-small-font: #cc4e00; // in case a font-size smaller than 14dp is in use\n$db-color-informative: #0087b9; // This is the general informative color\n$db-color-informative-small-font: #006a96; // in case a font-size smaller than 14dp is in use\n$db-color-food-drink: #f39200;\n$db-color-health: #a9455d;\n$db-color-things-to-know: #858379;\n$db-color-community-facilities: #00a099;\n$db-color-db-services-facilities: #0c3992;\n$db-color-shopping: #814997;\n$db-color-arts-culture: #e93e8f;\n$db-color-leisure: #408335;\n$db-color-services: #309fd1;\n$db-color-guidance: #3c414b;\n$db-color-red-100: #fee6e6;\n$db-color-red-200: #fcc8c3;\n$db-color-red-300: #fa9090;\n$db-color-red-400: #f75056;\n$db-color-red-500: #ec0016;\n$db-color-red-600: #c50014;\n$db-color-red-700: #9b000e;\n$db-color-red-800: #740009;\n$db-color-red: #ec0016; // This is the primary DB Red\n$db-color-white: #ffffff; // This is the primary DB White\n$db-color-black: #000000; // This is the primary DB Black\n$db-color-ice: #282d37;\n$db-color-ic: #646973;\n$db-color-ec: #646973;\n$db-color-re: #878c96;\n$db-color-rb: #878c96;\n$db-color-s-bahn: #408335;\n$db-color-u-bahn: #1455c0;\n$db-color-tram: #a9455d;\n$db-color-intercity-bus: #e93e8f;\n$db-color-bus: #814997;\n$db-color-ship: #309fd1;\n$db-color-airplane: #00a099;\n$db-color-taxi: #ffd800;\n$db-color-carsharing: #f39200;\n$db-color-walk: #282d37;\n$db-color-bikesharing: #c50014;\n$db-color-yellow-100: #ffffdc;\n$db-color-yellow-200: #ffffaf;\n$db-color-yellow-300: #fff876;\n$db-color-yellow-400: #fff000;\n$db-color-yellow-500: #ffd800;\n$db-color-yellow-600: #ffbb00;\n$db-color-yellow-700: #ff9b00;\n$db-color-yellow-800: #ff7a00;\n$db-color-yellow-900: #f75f00;\n$db-color-orange-100: #fff4d8;\n$db-color-orange-200: #fce3b4;\n$db-color-orange-300: #faca7f;\n$db-color-orange-400: #f8ab37;\n$db-color-orange-500: #f39200;\n$db-color-orange-600: #d77b00;\n$db-color-orange-700: #c05e00;\n$db-color-orange-800: #a24800;\n$db-color-burgundy-100: #f4e8ed;\n$db-color-burgundy-200: #edcbd6;\n$db-color-burgundy-300: #da9aa8;\n$db-color-burgundy-400: #c0687b;\n$db-color-burgundy-500: #a9455d;\n$db-color-burgundy-600: #8c2e46;\n$db-color-burgundy-700: #641e32;\n$db-color-burgundy-800: #4d0820;\n$db-color-pink-100: #fdeef8;\n$db-color-pink-200: #f9d2e5;\n$db-color-pink-300: #f4aece;\n$db-color-pink-400: #ee7bae;\n$db-color-pink-500: #e93e8f;\n$db-color-pink-600: #db0078;\n$db-color-pink-700: #b80065;\n$db-color-pink-800: #970052;\n$db-color-violett-100: #f4eefa;\n$db-color-violett-200: #e0cde4;\n$db-color-violett-300: #c2a1c7;\n$db-color-violett-400: #9a6ca6;\n$db-color-violett-500: #814997;\n$db-color-violett-600: #6e368c;\n$db-color-violett-700: #581d70;\n$db-color-violett-800: #421857;\n$db-color-blue-100: #e0effb;\n$db-color-blue-200: #b4d5f6;\n$db-color-blue-300: #73aef4;\n$db-color-blue-400: #347de0;\n$db-color-blue-500: #1455c0;\n$db-color-blue-600: #0c3992;\n$db-color-blue-700: #0a1e6e;\n$db-color-blue-800: #061350;\n$db-color-cyan-100: #e5faff;\n$db-color-cyan-200: #bbe6f8;\n$db-color-cyan-300: #84cfef;\n$db-color-cyan-400: #55b9e6;\n$db-color-cyan-500: #309fd1;\n$db-color-cyan-600: #0087b9;\n$db-color-cyan-700: #006a96;\n$db-color-cyan-800: #004b6d;\n$db-color-turquoise-100: #e3f5f4;\n$db-color-turquoise-200: #bee2e5;\n$db-color-turquoise-300: #83caca;\n$db-color-turquoise-400: #3cb5ae;\n$db-color-turquoise-500: #00a099;\n$db-color-turquoise-600: #008984;\n$db-color-turquoise-700: #006e6b;\n$db-color-turquoise-800: #005752;\n$db-color-green-100: #e2f3e5;\n$db-color-green-200: #bddbb9;\n$db-color-green-300: #8cbc80;\n$db-color-green-400: #66a558;\n$db-color-green-500: #408335;\n$db-color-green-600: #2a7230;\n$db-color-green-700: #165c27;\n$db-color-green-800: #154a26;\n$db-color-light-green-100: #ebf7dd;\n$db-color-light-green-200: #c9eb9e;\n$db-color-light-green-300: #9fd45f;\n$db-color-light-green-400: #78be14;\n$db-color-light-green-500: #63a615;\n$db-color-light-green-600: #508b1b;\n$db-color-light-green-700: #44741a;\n$db-color-light-green-800: #375f15;\n$db-color-warm-gray-100: #f5f4f1;\n$db-color-warm-gray-200: #ddded6;\n$db-color-warm-gray-300: #bcbbb2;\n$db-color-warm-gray-400: #9c9a8e;\n$db-color-warm-gray-500: #858379;\n$db-color-warm-gray-600: #747067;\n$db-color-warm-gray-700: #4f4b41;\n$db-color-warm-gray-800: #38342f;\n$db-color-cool-gray-100: #f0f3f5;\n$db-color-cool-gray-200: #d7dce1;\n$db-color-cool-gray-300: #afb4bb;\n$db-color-cool-gray-400: #878c96;\n$db-color-cool-gray-500: #646973;\n$db-color-cool-gray-600: #3c414b;\n$db-color-cool-gray-700: #282d37;\n$db-color-cool-gray-800: #131821;\n$db-spacing-xs: 0.25rem !default;\n$db-spacing-s: 0.5rem !default;\n$db-spacing-sm: 0.75rem !default;\n$db-spacing-m: 1rem !default;\n$db-spacing-l: 1.25rem !default;\n$db-transition-duration-fast: 0.3s; // Consider this as beta for the moment\n$db-transition-emotional-timing: cubic-bezier(0.27, 0.05, 0.4, 0.95); // Consider this as beta for the moment\n$db-transition-emotional-straight: 0.3s cubic-bezier(0.27, 0.05, 0.4, 0.95); // Consider this as beta for the moment\n$db-transition-functional-timing: cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-transition-functional-straight: 0.3s cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-transition-color: 0.3s cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-font-family-base: 'DB Screen Sans', Helvetica, Arial, sans-serif;\n$db-font-family-headline: 'DB Screen Head', Helvetica, Arial, sans-serif;\n","/* *****\n\tSCSS placeholder for general font declarations\n***** */\n\n@import \"db-ui-core.variables\";\n\n%general-fonts {\n\tcolor: $db-color-cool-gray-700;\n\tfont-family: $db-font-family-base;\n\tfont-size: 1rem;\n\tfont-weight: 400;\n\tline-height: 1.5;\n}\n"]}
\ No newline at end of file
diff --git a/review/refactor-icon-update/css/enterprise/db-ui-core.vars.css b/review/refactor-icon-update/css/enterprise/db-ui-core.vars.css
new file mode 100644
index 0000000000..08861634e7
--- /dev/null
+++ b/review/refactor-icon-update/css/enterprise/db-ui-core.vars.css
@@ -0,0 +1,2 @@
+:root{--db-asset-font-db-screensans-regular-name:"DB Screen Sans Regular";--db-asset-font-db-screensans-regular-fontfamily:"DB Screen Sans";--db-asset-font-db-screensans-regular-fontweight:"400";--db-asset-font-db-screensans-regular-woff:"assets/fonts/dbscreensans-regular.woff";--db-asset-font-db-screensans-regular-woff2:"assets/fonts/dbscreensans-regular.woff2";--db-asset-font-db-screensans-bold-name:"DB Screen Sans Bold";--db-asset-font-db-screensans-bold-fontfamily:"DB Screen Sans";--db-asset-font-db-screensans-bold-fontweight:"700";--db-asset-font-db-screensans-bold-woff:"assets/fonts/dbscreensans-bold.woff";--db-asset-font-db-screensans-bold-woff2:"assets/fonts/dbscreensans-bold.woff2";--db-asset-font-db-screenhead-name:"DB Screen Head";--db-asset-font-db-screenhead-fontfamily:"DB Screen Head";--db-asset-font-db-screenhead-fontweight:"300";--db-asset-font-db-screenhead-woff:"assets/fonts/dbscreenhead-light.woff";--db-asset-font-db-screenhead-woff2:"assets/fonts/dbscreenhead-light.woff2";--db-asset-font-db-screensansdigital-name:"DB Screen Sans Digital Regular";--db-asset-font-db-screensansdigital-fontfamily:"DB Screen Sans Digital";--db-asset-font-db-screensansdigital-fontweight:"400";--db-asset-font-db-screensansdigital-woff:"assets/fonts/dbscreensans-digitalregular.woff";--db-asset-font-db-screensansdigital-woff2:"assets/fonts/dbscreensans-digitalregular.woff2";--db-color-success:#508b1b;--db-color-success-small-font:#467a18;--db-color-error:#ec0016;--db-color-error-small-font:#db0014;--db-color-warning:#f75f00;--db-color-warning-small-font:#cc4e00;--db-color-informative:#0087b9;--db-color-informative-small-font:#006a96;--db-color-food-drink:#f39200;--db-color-health:#a9455d;--db-color-things-to-know:#858379;--db-color-community-facilities:#00a099;--db-color-db-services-facilities:#0c3992;--db-color-shopping:#814997;--db-color-arts-culture:#e93e8f;--db-color-leisure:#408335;--db-color-services:#309fd1;--db-color-guidance:#3c414b;--db-color-red-100:#fee6e6;--db-color-red-200:#fcc8c3;--db-color-red-300:#fa9090;--db-color-red-400:#f75056;--db-color-red-500:#ec0016;--db-color-red-600:#c50014;--db-color-red-700:#9b000e;--db-color-red-800:#740009;--db-color-red:#ec0016;--db-color-white:#fff;--db-color-black:#000;--db-color-ice:#282d37;--db-color-ic:#646973;--db-color-ec:#646973;--db-color-re:#878c96;--db-color-rb:#878c96;--db-color-s-bahn:#408335;--db-color-u-bahn:#1455c0;--db-color-tram:#a9455d;--db-color-intercity-bus:#e93e8f;--db-color-bus:#814997;--db-color-ship:#309fd1;--db-color-airplane:#00a099;--db-color-taxi:#ffd800;--db-color-carsharing:#f39200;--db-color-walk:#282d37;--db-color-bikesharing:#c50014;--db-color-yellow-100:#ffffdc;--db-color-yellow-200:#ffffaf;--db-color-yellow-300:#fff876;--db-color-yellow-400:#fff000;--db-color-yellow-500:#ffd800;--db-color-yellow-600:#fb0;--db-color-yellow-700:#ff9b00;--db-color-yellow-800:#ff7a00;--db-color-yellow-900:#f75f00;--db-color-orange-100:#fff4d8;--db-color-orange-200:#fce3b4;--db-color-orange-300:#faca7f;--db-color-orange-400:#f8ab37;--db-color-orange-500:#f39200;--db-color-orange-600:#d77b00;--db-color-orange-700:#c05e00;--db-color-orange-800:#a24800;--db-color-burgundy-100:#f4e8ed;--db-color-burgundy-200:#edcbd6;--db-color-burgundy-300:#da9aa8;--db-color-burgundy-400:#c0687b;--db-color-burgundy-500:#a9455d;--db-color-burgundy-600:#8c2e46;--db-color-burgundy-700:#641e32;--db-color-burgundy-800:#4d0820;--db-color-pink-100:#fdeef8;--db-color-pink-200:#f9d2e5;--db-color-pink-300:#f4aece;--db-color-pink-400:#ee7bae;--db-color-pink-500:#e93e8f;--db-color-pink-600:#db0078;--db-color-pink-700:#b80065;--db-color-pink-800:#970052;--db-color-violett-100:#f4eefa;--db-color-violett-200:#e0cde4;--db-color-violett-300:#c2a1c7;--db-color-violett-400:#9a6ca6;--db-color-violett-500:#814997;--db-color-violett-600:#6e368c;--db-color-violett-700:#581d70;--db-color-violett-800:#421857;--db-color-blue-100:#e0effb;--db-color-blue-200:#b4d5f6;--db-color-blue-300:#73aef4;--db-color-blue-400:#347de0;--db-color-blue-500:#1455c0;--db-color-blue-600:#0c3992;--db-color-blue-700:#0a1e6e;--db-color-blue-800:#061350;--db-color-cyan-100:#e5faff;--db-color-cyan-200:#bbe6f8;--db-color-cyan-300:#84cfef;--db-color-cyan-400:#55b9e6;--db-color-cyan-500:#309fd1;--db-color-cyan-600:#0087b9;--db-color-cyan-700:#006a96;--db-color-cyan-800:#004b6d;--db-color-turquoise-100:#e3f5f4;--db-color-turquoise-200:#bee2e5;--db-color-turquoise-300:#83caca;--db-color-turquoise-400:#3cb5ae;--db-color-turquoise-500:#00a099;--db-color-turquoise-600:#008984;--db-color-turquoise-700:#006e6b;--db-color-turquoise-800:#005752;--db-color-green-100:#e2f3e5;--db-color-green-200:#bddbb9;--db-color-green-300:#8cbc80;--db-color-green-400:#66a558;--db-color-green-500:#408335;--db-color-green-600:#2a7230;--db-color-green-700:#165c27;--db-color-green-800:#154a26;--db-color-light-green-100:#ebf7dd;--db-color-light-green-200:#c9eb9e;--db-color-light-green-300:#9fd45f;--db-color-light-green-400:#78be14;--db-color-light-green-500:#63a615;--db-color-light-green-600:#508b1b;--db-color-light-green-700:#44741a;--db-color-light-green-800:#375f15;--db-color-warm-gray-100:#f5f4f1;--db-color-warm-gray-200:#ddded6;--db-color-warm-gray-300:#bcbbb2;--db-color-warm-gray-400:#9c9a8e;--db-color-warm-gray-500:#858379;--db-color-warm-gray-600:#747067;--db-color-warm-gray-700:#4f4b41;--db-color-warm-gray-800:#38342f;--db-color-cool-gray-100:#f0f3f5;--db-color-cool-gray-200:#d7dce1;--db-color-cool-gray-300:#afb4bb;--db-color-cool-gray-400:#878c96;--db-color-cool-gray-500:#646973;--db-color-cool-gray-600:#3c414b;--db-color-cool-gray-700:#282d37;--db-color-cool-gray-800:#131821;--db-spacing-xs:0.25rem;--db-spacing-s:0.5rem;--db-spacing-sm:0.75rem;--db-spacing-m:1rem;--db-spacing-l:1.25rem;--db-transition-duration-fast:0.3s;--db-transition-emotional-timing:cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-emotional-straight:0.3s cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-functional-timing:cubic-bezier(0.15,0,0.45,1);--db-transition-functional-straight:0.3s cubic-bezier(0.15,0,0.45,1);--db-transition-color:0.3s cubic-bezier(0.15,0,0.45,1);--db-font-family-base:"DB Screen Sans",Helvetica,Arial,sans-serif;--db-font-family-headline:"DB Screen Head",Helvetica,Arial,sans-serif;--db-ic-search-24:url(../../icons/functional/images/action/db_ic_search_24.svg);--db-ic-expand-more-20:url(../../icons/functional/images/navigation/db_ic_expand_more_20.svg)}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:local("DB Screen Head Light"),local("DB Screen Head Light"),local("DB Head Light"),url(../../fonts/dbscreenhead-light.woff2?4r0080) format("woff2"),url(../../fonts/dbscreenhead-light.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:400;src:local("DB Screen Head Regular"),local("DB Screen Head"),local("DB Head"),url(../../fonts/dbscreenhead-regular.woff2?4r0080) format("woff2"),url(../../fonts/dbscreenhead-regular.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:local("DB Screen Head Black"),local("DB Screen Head Black"),local("DB Head Black"),url(../../fonts/dbscreenhead-black.woff2?4r0080) format("woff2"),url(../../fonts/dbscreenhead-black.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans Digital Regular;font-style:normal;font-weight:400;src:local("DB Screen Sans Digital Regular"),local("DB Screen Sans Digital"),local("DB Sans Digital"),url(../../fonts/dbscreensans-digitalregular.woff2?4r0080) format("woff2"),url(../../fonts/dbscreensans-digitalregular.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:local("DB Screen Sans Regular"),local("DB Screen Sans"),local("DB Sans"),url(../../fonts/dbscreensans-regular.woff2?4r0080) format("woff2"),url(../../fonts/dbscreensans-regular.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:500;src:local("DB Screen Sans Medium"),url(../../fonts/dbscreensans-medium.woff2?4r0080) format("woff2"),url(../../fonts/dbscreensans-medium.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:600;src:local("DB Screen Sans Semibold"),url(../../fonts/dbscreensans-semibold.woff2?4r0080) format("woff2"),url(../../fonts/dbscreensans-semibold.woff?4r0080) format("woff")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:local("DB Screen Sans Bold"),local("DB Screen Sans Bold"),local("DB Sans Bold"),url(../../fonts/dbscreensans-bold.woff2?4r0080) format("woff2"),url(../../fonts/dbscreensans-bold.woff?4r0080) format("woff")}@font-face{font-display:block;font-family:missing-icons;src:url(../../icons/functional/fonts/icons-empty.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-empty.woff?4r2099) format("woff")}@font-face{font-display:block;font-family:icons-16-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-16-outline-action.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-16-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+2212,U+2713}@font-face{font-display:block;font-family:icons-16-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-16-outline-navigation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-16-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+2190-2193,U+2303-2304,U+2a2f}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-action.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+003f,U+00a7,U+1f441,U+1f5a8,U+1f5b9,U+1f5bc,U+1f5d1,U+1f6c8,U+1f6cd,U+1f6e0,U+219f,U+21a1,U+21a6,U+21c6,U+21e7,U+21e9,U+21f5,U+2212,U+2295,U+229d,U+238c,U+25f9,U+2601,U+2606,U+2661,U+2699,U+270f,U+2713,U+2b73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+23f8,U+25a1,U+25b7,U+293a-293b,U+e1085-e1088,U+e1091,U+e1234,U+e1261-e1259,U+e1262,U+e1296-e1297}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-brand.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-communication.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-communication.woff?4r2099) format("woff");unicode-range:U+1f5b7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-covid-19.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-covid-19.woff?4r2099) format("woff");unicode-range:U+e1265}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-facilities.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-facilities.woff?4r2099) format("woff");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-feature.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-food.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-food.woff?4r2099) format("woff");unicode-range:U+1f37d,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-it.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-journey.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-journey.woff?4r2099) format("woff");unicode-range:U+2488-2489,U+291e,U+29bf,U+2b94,U+e1102-e1104,U+e1106,U+e1108,U+e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-maps.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+1f5fa,U+1f78b,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-navigation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+1030e,U+1f5d8,U+1f862,U+1f865,U+2190-2193,U+22ee-22ef,U+2303-2304,U+2a2f,U+2bbe,U+e1119-e1122}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-notification.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123,U+e1126-e1127}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-seat.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-seat.woff?4r2099) format("woff");unicode-range:U+1f6cf,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-ticket.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-ticket.woff?4r2099) format("woff");unicode-range:U+1f907,U+2714,U+e1131-e1132,U+e1134,U+e1136-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:icons-20-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-outline-transportation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-outline-transportation.woff?4r2099) format("woff");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288,U+e928-e929}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-action.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+003f,U+00a7,U+1f441,U+1f5a8,U+1f5b9,U+1f5bc,U+1f5d1,U+1f6c8,U+1f6cd,U+1f6e0,U+219f,U+21a1,U+21a6,U+21c6,U+21e7,U+21e9,U+21f5,U+2212,U+2295,U+229d,U+238c,U+25f9,U+2601,U+2606,U+2661,U+2699,U+270f,U+2713,U+2b73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+23f8,U+25a1,U+25b7,U+293a-293b,U+e1085-e1088,U+e1091,U+e1234,U+e1259-e1262,U+e1296-e1297}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-brand.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-communication.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-communication.woff?4r2099) format("woff");unicode-range:U+1f5b7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-covid-19.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-covid-19.woff?4r2099) format("woff");unicode-range:U+e1265}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-facilities.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-facilities.woff?4r2099) format("woff");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-feature.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-food.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-food.woff?4r2099) format("woff");unicode-range:U+1f37d,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-it.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-journey.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-journey.woff?4r2099) format("woff");unicode-range:U+2488-2489,U+291e,U+29bf,U+2b94,U+e1102-e1104,U+e1106,U+e1108,U+e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-maps.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+1f5fa,U+1f78b,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-navigation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+1030e,U+1f5d8,U+1f862,U+1f865,U+2190-2193,U+22ee-22ef,U+2303-2304,U+2a2f,U+2bbe,U+e1119-e1122}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-notification.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123-e1127}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-seat.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-seat.woff?4r2099) format("woff");unicode-range:U+1f6cf,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-ticket.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-ticket.woff?4r2099) format("woff");unicode-range:U+1f907,U+2714,U+e1131-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:icons-24-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-outline-transportation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-outline-transportation.woff?4r2099) format("woff");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-action.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-action.woff?4r2099) format("woff");unicode-range:U+002b,U+003f,U+00a7,U+1f441,U+1f5a8,U+1f5b9,U+1f5bc,U+1f5d1,U+1f6c8,U+1f6cd,U+1f6e0,U+219f,U+21a1,U+21a6,U+21c6,U+21e7,U+21e9,U+21f5,U+2212,U+2295,U+229d,U+238c,U+25f9,U+2601,U+2606,U+2661,U+2699,U+270f,U+2713,U+2b73,U+e1062,U+e1066,U+e1069-e1070,U+e1077,U+e1079,U+e1081-e1084,U+e1154-e1156,U+e1164-e1171,U+e1187,U+e1211-e1214,U+e1220-e1258,U+e1290-e1295,U+e1304-e1308}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+23f8,U+25a1,U+25b7,U+293a-293b,U+e1085-e1088,U+e1091,U+e1234,U+e1259-e1262,U+e1296-e1297}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-brand.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-communication.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-communication.woff?4r2099) format("woff");unicode-range:U+1f5b7,U+2370,U+2709,U+e1095,U+e1098,U+e1149,U+e1172-e1174,U+e1235-e1236,U+e1263-e1264}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-covid-19.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-covid-19.woff?4r2099) format("woff");unicode-range:U+e1265}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-facilities.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-facilities.woff?4r2099) format("woff");unicode-range:U+e1163,U+e1175-e1176,U+e1266-e1272}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-feature.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+2744,U+e1150,U+e1153,U+e1160,U+e1177-e1180,U+e1188,U+e1215,U+e1217,U+e1273-e1278,U+e1289,U+e1299}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-food.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-food.woff?4r2099) format("woff");unicode-range:U+1f37d,U+e1101,U+e1237,U+e1279}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-it.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-journey.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-journey.woff?4r2099) format("woff");unicode-range:U+2488-2489,U+291e,U+29bf,U+2b94,U+e1102-e1110,U+e1113,U+e1161,U+e1238}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-maps.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+1f5fa,U+1f78b,U+2302,U+e1115-e1116,U+e1157-e1158,U+e1182,U+e1280,U+e1300-e1303}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-navigation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-navigation.woff?4r2099) format("woff");unicode-range:U+003c,U+003e,U+1030e,U+1f5d8,U+1f862,U+1f865,U+2190-2193,U+22ee-22ef,U+2303-2304,U+2a2f,U+2bbe,U+e1119-e1122}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-notification.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123-e1127}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-seat.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-seat.woff?4r2099) format("woff");unicode-range:U+1f6cf,U+e1128-e1130,U+e1162,U+e1183,U+e1189,U+e1281-e1285}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-ticket.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-ticket.woff?4r2099) format("woff");unicode-range:U+1f907,U+2714,U+e1131-e1146,U+e1184-e1186,U+e1218,U+e1286-e1287,U+e1298}@font-face{font-display:block;font-family:icons-32-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-outline-transportation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-outline-transportation.woff?4r2099) format("woff");unicode-range:U+e1147-e1148,U+e1151,U+e1159,U+e1190-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-48-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-48-outline-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-48-outline-av.woff?4r2099) format("woff");unicode-range:U+23f8,U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}@font-face{font-display:block;font-family:icons-48-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-48-outline-brand.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-48-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-64-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-64-outline-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-64-outline-av.woff?4r2099) format("woff");unicode-range:U+23f8,U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}@font-face{font-display:block;font-family:icons-64-outline;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-64-outline-brand.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-64-outline-brand.woff?4r2099) format("woff");unicode-range:U+e1152}@font-face{font-display:block;font-family:icons-16-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-16-filled-action.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-16-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f6c8,U+e1220}@font-face{font-display:block;font-family:icons-16-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-16-filled-navigation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-16-filled-navigation.woff?4r2099) format("woff");unicode-range:U+2bbe}@font-face{font-display:block;font-family:icons-16-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-16-filled-notification.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-16-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-action.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f5a8,U+1f5bc,U+1f6c8,U+1f6cd,U+1f6e0,U+2295,U+229d,U+2601,U+2606,U+2661,U+270f,U+e1066,U+e1070,U+e1079,U+e1154-e1155,U+e1164-e1166,U+e1214,U+e1220-e1233}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-av.woff?4r2099) format("woff");unicode-range:U+23ed,U+23ee,U+25a1,U+25b7,U+e1091,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-communication.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-communication.woff?4r2099) format("woff");unicode-range:U+2370,U+e1095,U+e1172-e1174,U+e1235-e1236}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-feature.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-feature.woff?4r2099) format("woff");unicode-range:U+1f6e4,U+2600,U+271a,U+e1177-e1179,U+e1289}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-food.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-food.woff?4r2099) format("woff");unicode-range:U+e1237}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-it.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-it.woff?4r2099) format("woff");unicode-range:U+e1181}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-journey.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-journey.woff?4r2099) format("woff");unicode-range:U+e1104,U+e1106,U+e1108,U+e1110,U+e1238}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-maps.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-maps.woff?4r2099) format("woff");unicode-range:U+1f17f,U+2302,U+e1115-e1116,U+e1157-e1158}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-navigation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-navigation.woff?4r2099) format("woff");unicode-range:U+1030e,U+2bbe}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-notification.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-ticket.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-ticket.woff?4r2099) format("woff");unicode-range:U+e1132,U+e1134,U+e1184}@font-face{font-display:block;font-family:icons-20-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-20-filled-transportation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-20-filled-transportation.woff?4r2099) format("woff");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-filled-action.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f6c8,U+2295,U+229d,U+2601,U+2606,U+2661,U+e1220,U+e1222,U+e1224-e1225,U+e1231}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-filled-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-filled-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+25a1,U+25b7,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-filled-journey.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-filled-journey.woff?4r2099) format("woff");unicode-range:U+e1104,U+e1106,U+e1108,U+e1110,U+e1238}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-filled-maps.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-filled-maps.woff?4r2099) format("woff");unicode-range:U+e1157-e1158}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-filled-navigation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-filled-navigation.woff?4r2099) format("woff");unicode-range:U+2bbe}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-filled-notification.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-24-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-24-filled-transportation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-24-filled-transportation.woff?4r2099) format("woff");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-filled-action.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-filled-action.woff?4r2099) format("woff");unicode-range:U+003f,U+1f6c8,U+2295,U+229d,U+2601,U+2606,U+2661,U+e1220,U+e1222,U+e1224-e1225,U+e1231,U+e904}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-filled-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-filled-av.woff?4r2099) format("woff");unicode-range:U+23ed-23ee,U+25a1,U+25b7,U+e1234,U+e1296-e1297}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-filled-maps.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-filled-maps.woff?4r2099) format("woff");unicode-range:U+e1157-e1158}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-filled-navigation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-filled-navigation.woff?4r2099) format("woff");unicode-range:U+2bbe}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-filled-notification.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-filled-notification.woff?4r2099) format("woff");unicode-range:U+26a0,U+e1123}@font-face{font-display:block;font-family:icons-32-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-32-filled-transportation.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-32-filled-transportation.woff?4r2099) format("woff");unicode-range:U+e1147,U+e1151,U+e1190-e1192,U+e1194-e1204,U+e1206-e1210,U+e1216,U+e1219,U+e1239-e1241,U+e1288}@font-face{font-display:block;font-family:icons-48-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-48-filled-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-48-filled-av.woff?4r2099) format("woff");unicode-range:U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}@font-face{font-display:block;font-family:icons-64-filled;font-style:normal;font-weight:400;src:url(../../icons/functional/fonts/icons-64-filled-av.woff2?4r2099) format("woff2"),url(../../icons/functional/fonts/icons-64-filled-av.woff?4r2099) format("woff");unicode-range:U+25b7,U+e1296-e1297,U+25a1,U+23ee,U+23ed}
+/*# sourceMappingURL=db-ui-core.vars.css.map */
\ No newline at end of file
diff --git a/review/refactor-icon-update/css/enterprise/db-ui-core.vars.css.map b/review/refactor-icon-update/css/enterprise/db-ui-core.vars.css.map
new file mode 100644
index 0000000000..a58e826b5d
--- /dev/null
+++ b/review/refactor-icon-update/css/enterprise/db-ui-core.vars.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../node_modules/@db-ui/base/build/css/variables.css","../../../source/css/db-ui-core.vars.scss","../../../source/_patterns/00-base/type/_fonts.scss","../../../source/_patterns/00-base/icons/_icons.font-faces.scss"],"names":[],"mappings":"AAKA,MACE,mEAAA,CACA,iEAAA,CACA,sDAAA,CACA,mFAAA,CACA,qFAAA,CACA,6DAAA,CACA,8DAAA,CACA,mDAAA,CACA,6EAAA,CACA,+EAAA,CACA,mDAAA,CACA,yDAAA,CACA,8CAAA,CACA,yEAAA,CACA,2EAAA,CACA,0EAAA,CACA,wEAAA,CACA,qDAAA,CACA,yFAAA,CACA,2FAAA,CACA,0BAAA,CACA,qCAAA,CACA,wBAAA,CACA,mCAAA,CACA,0BAAA,CACA,qCAAA,CACA,8BAAA,CACA,yCAAA,CACA,6BAAA,CACA,yBAAA,CACA,iCAAA,CACA,uCAAA,CACA,yCAAA,CACA,2BAAA,CACA,+BAAA,CACA,0BAAA,CACA,2BAAA,CACA,2BAAA,CACA,0BAAA,CACA,0BAAA,CACA,0BAAA,CACA,0BAAA,CACA,0BAAA,CACA,0BAAA,CACA,0BAAA,CACA,0BAAA,CACA,sBAAA,CACA,qBAAA,CACA,qBAAA,CACA,sBAAA,CACA,qBAAA,CACA,qBAAA,CACA,qBAAA,CACA,qBAAA,CACA,yBAAA,CACA,yBAAA,CACA,uBAAA,CACA,gCAAA,CACA,sBAAA,CACA,uBAAA,CACA,2BAAA,CACA,uBAAA,CACA,6BAAA,CACA,uBAAA,CACA,8BAAA,CACA,6BAAA,CACA,6BAAA,CACA,6BAAA,CACA,6BAAA,CACA,6BAAA,CACA,0BAAA,CACA,6BAAA,CACA,6BAAA,CACA,6BAAA,CACA,6BAAA,CACA,6BAAA,CACA,6BAAA,CACA,6BAAA,CACA,6BAAA,CACA,6BAAA,CACA,6BAAA,CACA,6BAAA,CACA,+BAAA,CACA,+BAAA,CACA,+BAAA,CACA,+BAAA,CACA,+BAAA,CACA,+BAAA,CACA,+BAAA,CACA,+BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,8BAAA,CACA,8BAAA,CACA,8BAAA,CACA,8BAAA,CACA,8BAAA,CACA,8BAAA,CACA,8BAAA,CACA,8BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,2BAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,4BAAA,CACA,4BAAA,CACA,4BAAA,CACA,4BAAA,CACA,4BAAA,CACA,4BAAA,CACA,4BAAA,CACA,4BAAA,CACA,kCAAA,CACA,kCAAA,CACA,kCAAA,CACA,kCAAA,CACA,kCAAA,CACA,kCAAA,CACA,kCAAA,CACA,kCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,gCAAA,CACA,uBAAA,CACA,qBAAA,CACA,uBAAA,CACA,mBAAA,CACA,sBAAA,CACA,kCAAA,CACA,iEAAA,CACA,wEAAA,CACA,6DAAA,CACA,oEAAA,CACA,sDAAA,CACA,iEAAA,CACA,qEAAA,CC/JD,+EAAA,CACA,6FD8JC,CExKD,WACC,0BARa,CASb,iBANY,CAOZ,eARa,CAUZ,sNACC,CANH,WACC,0BARa,CASb,iBANY,CAOZ,eARa,CAUZ,gNACC,CANH,WACC,0BARa,CASb,iBANY,CAOZ,eARa,CAUZ,sNACC,CANH,WACC,0CARa,CASb,iBANY,CAOZ,eARa,CAUZ,sPACC,CANH,WACC,0BARa,CASb,iBANY,CAOZ,eARa,CAUZ,gNACC,CANH,WACC,0BARa,CASb,iBANY,CAOZ,eARa,CAmCZ,oKACC,CA/BH,WACC,0BARa,CASb,iBANY,CAOZ,eARa,CAmCZ,0KACC,CA/BH,WACC,0BARa,CASb,iBANY,CAOZ,eARa,CAUZ,iNACC,CCXJ,WACC,kBAAA,CACA,yBAAA,CACA,uJACC,CAUC,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,+KACC,CAKD,kCAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,uLACC,CAKD,0DAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,+KACC,CAKD,+XAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,uKACC,CAKD,4HAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,6KACC,CAKD,qBAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,6LACC,CAKD,qGAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,mLACC,CAKD,qBAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,uLACC,CAKD,iDAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,iLACC,CAKD,sIAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,2KACC,CAKD,6CAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,uKACC,CAKD,qBAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,iLACC,CAKD,4GAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,2KACC,CAKD,sGAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,uLACC,CAKD,2HAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,2LACC,CAKD,0CAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,2KACC,CAKD,yEAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,+KACC,CAKD,4GAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,+LACC,CAKD,2GAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,+KACC,CAKD,+XAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,uKACC,CAKD,oHAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,6KACC,CAKD,qBAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,6LACC,CAKD,qGAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,mLACC,CAKD,qBAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,uLACC,CAKD,iDAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,iLACC,CAKD,sIAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,2KACC,CAKD,6CAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,uKACC,CAKD,qBAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,iLACC,CAKD,4GAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,2KACC,CAKD,sGAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,uLACC,CAKD,2HAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,2LACC,CAKD,kCAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,2KACC,CAKD,yEAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,+KACC,CAKD,sFAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,+LACC,CAKD,+FAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,+KACC,CAKD,+XAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,uKACC,CAKD,oHAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,6KACC,CAKD,qBAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,6LACC,CAKD,qGAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,mLACC,CAKD,qBAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,uLACC,CAKD,iDAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,iLACC,CAKD,sIAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,2KACC,CAKD,6CAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,uKACC,CAKD,qBAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,iLACC,CAKD,oFAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,2KACC,CAKD,sGAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,uLACC,CAKD,2HAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,2LACC,CAKD,kCAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,2KACC,CAKD,yEAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,+KACC,CAKD,sFAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,+LACC,CAKD,+FAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,uKACC,CAKD,8DAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,6KACC,CAKD,qBAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,uKACC,CAKD,8DAAA,CAdD,WAGC,kBAAA,CAEA,4BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,6KACC,CAKD,qBAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,6KACC,CAKD,oCAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,qLACC,CAKD,oBAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,yLACC,CAKD,4BAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,6KACC,CAKD,gLAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,qKACC,CAKD,uEAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,2LACC,CAKD,wDAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,+KACC,CAKD,yDAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,yKACC,CAKD,qBAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,qKACC,CAKD,qBAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,+KACC,CAKD,qDAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,yKACC,CAKD,wDAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,qLACC,CAKD,4BAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,yLACC,CAKD,4BAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,6KACC,CAKD,qCAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,6LACC,CAKD,6GAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,6KACC,CAKD,qGAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,qKACC,CAKD,6DAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,+KACC,CAKD,qDAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,yKACC,CAKD,2BAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,qLACC,CAKD,oBAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,yLACC,CAKD,4BAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,6LACC,CAKD,6GAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,6KACC,CAKD,4GAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,qKACC,CAKD,6DAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,yKACC,CAKD,2BAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,qLACC,CAKD,oBAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,yLACC,CAKD,4BAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,6LACC,CAKD,6GAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,qKACC,CAKD,uDAAA,CAdD,WAGC,kBAAA,CAEA,2BAJmB,CAKnB,iBAAA,CACA,eAAA,CACA,qKACC,CAKD,uDAAA","file":"db-ui-core.vars.css","sourcesContent":["/**\n * Do not edit directly\n * Generated on Thu, 21 Nov 2024 12:10:30 GMT\n */\n\n:root {\n  --db-asset-font-db-screensans-regular-name: \"DB Screen Sans Regular\";\n  --db-asset-font-db-screensans-regular-fontfamily: \"DB Screen Sans\";\n  --db-asset-font-db-screensans-regular-fontweight: \"400\";\n  --db-asset-font-db-screensans-regular-woff: \"assets/fonts/dbscreensans-regular.woff\";\n  --db-asset-font-db-screensans-regular-woff2: \"assets/fonts/dbscreensans-regular.woff2\";\n  --db-asset-font-db-screensans-bold-name: \"DB Screen Sans Bold\";\n  --db-asset-font-db-screensans-bold-fontfamily: \"DB Screen Sans\";\n  --db-asset-font-db-screensans-bold-fontweight: \"700\";\n  --db-asset-font-db-screensans-bold-woff: \"assets/fonts/dbscreensans-bold.woff\";\n  --db-asset-font-db-screensans-bold-woff2: \"assets/fonts/dbscreensans-bold.woff2\";\n  --db-asset-font-db-screenhead-name: \"DB Screen Head\";\n  --db-asset-font-db-screenhead-fontfamily: \"DB Screen Head\";\n  --db-asset-font-db-screenhead-fontweight: \"300\";\n  --db-asset-font-db-screenhead-woff: \"assets/fonts/dbscreenhead-light.woff\";\n  --db-asset-font-db-screenhead-woff2: \"assets/fonts/dbscreenhead-light.woff2\";\n  --db-asset-font-db-screensansdigital-name: \"DB Screen Sans Digital Regular\";\n  --db-asset-font-db-screensansdigital-fontfamily: \"DB Screen Sans Digital\";\n  --db-asset-font-db-screensansdigital-fontweight: \"400\";\n  --db-asset-font-db-screensansdigital-woff: \"assets/fonts/dbscreensans-digitalregular.woff\";\n  --db-asset-font-db-screensansdigital-woff2: \"assets/fonts/dbscreensans-digitalregular.woff2\";\n  --db-color-success: #508b1b; /* This is the general success color */\n  --db-color-success-small-font: #467a18; /* in case a font-size smaller than 14dp is in use */\n  --db-color-error: #ec0016; /* This is the general error color */\n  --db-color-error-small-font: #db0014; /* in case a font-size smaller than 14dp is in use */\n  --db-color-warning: #f75f00; /* This is the general warning color */\n  --db-color-warning-small-font: #cc4e00; /* in case a font-size smaller than 14dp is in use */\n  --db-color-informative: #0087b9; /* This is the general informative color */\n  --db-color-informative-small-font: #006a96; /* in case a font-size smaller than 14dp is in use */\n  --db-color-food-drink: #f39200;\n  --db-color-health: #a9455d;\n  --db-color-things-to-know: #858379;\n  --db-color-community-facilities: #00a099;\n  --db-color-db-services-facilities: #0c3992;\n  --db-color-shopping: #814997;\n  --db-color-arts-culture: #e93e8f;\n  --db-color-leisure: #408335;\n  --db-color-services: #309fd1;\n  --db-color-guidance: #3c414b;\n  --db-color-red-100: #fee6e6;\n  --db-color-red-200: #fcc8c3;\n  --db-color-red-300: #fa9090;\n  --db-color-red-400: #f75056;\n  --db-color-red-500: #ec0016;\n  --db-color-red-600: #c50014;\n  --db-color-red-700: #9b000e;\n  --db-color-red-800: #740009;\n  --db-color-red: #ec0016; /* This is the primary DB Red */\n  --db-color-white: #ffffff; /* This is the primary DB White */\n  --db-color-black: #000000; /* This is the primary DB Black */\n  --db-color-ice: #282d37;\n  --db-color-ic: #646973;\n  --db-color-ec: #646973;\n  --db-color-re: #878c96;\n  --db-color-rb: #878c96;\n  --db-color-s-bahn: #408335;\n  --db-color-u-bahn: #1455c0;\n  --db-color-tram: #a9455d;\n  --db-color-intercity-bus: #e93e8f;\n  --db-color-bus: #814997;\n  --db-color-ship: #309fd1;\n  --db-color-airplane: #00a099;\n  --db-color-taxi: #ffd800;\n  --db-color-carsharing: #f39200;\n  --db-color-walk: #282d37;\n  --db-color-bikesharing: #c50014;\n  --db-color-yellow-100: #ffffdc;\n  --db-color-yellow-200: #ffffaf;\n  --db-color-yellow-300: #fff876;\n  --db-color-yellow-400: #fff000;\n  --db-color-yellow-500: #ffd800;\n  --db-color-yellow-600: #ffbb00;\n  --db-color-yellow-700: #ff9b00;\n  --db-color-yellow-800: #ff7a00;\n  --db-color-yellow-900: #f75f00;\n  --db-color-orange-100: #fff4d8;\n  --db-color-orange-200: #fce3b4;\n  --db-color-orange-300: #faca7f;\n  --db-color-orange-400: #f8ab37;\n  --db-color-orange-500: #f39200;\n  --db-color-orange-600: #d77b00;\n  --db-color-orange-700: #c05e00;\n  --db-color-orange-800: #a24800;\n  --db-color-burgundy-100: #f4e8ed;\n  --db-color-burgundy-200: #edcbd6;\n  --db-color-burgundy-300: #da9aa8;\n  --db-color-burgundy-400: #c0687b;\n  --db-color-burgundy-500: #a9455d;\n  --db-color-burgundy-600: #8c2e46;\n  --db-color-burgundy-700: #641e32;\n  --db-color-burgundy-800: #4d0820;\n  --db-color-pink-100: #fdeef8;\n  --db-color-pink-200: #f9d2e5;\n  --db-color-pink-300: #f4aece;\n  --db-color-pink-400: #ee7bae;\n  --db-color-pink-500: #e93e8f;\n  --db-color-pink-600: #db0078;\n  --db-color-pink-700: #b80065;\n  --db-color-pink-800: #970052;\n  --db-color-violett-100: #f4eefa;\n  --db-color-violett-200: #e0cde4;\n  --db-color-violett-300: #c2a1c7;\n  --db-color-violett-400: #9a6ca6;\n  --db-color-violett-500: #814997;\n  --db-color-violett-600: #6e368c;\n  --db-color-violett-700: #581d70;\n  --db-color-violett-800: #421857;\n  --db-color-blue-100: #e0effb;\n  --db-color-blue-200: #b4d5f6;\n  --db-color-blue-300: #73aef4;\n  --db-color-blue-400: #347de0;\n  --db-color-blue-500: #1455c0;\n  --db-color-blue-600: #0c3992;\n  --db-color-blue-700: #0a1e6e;\n  --db-color-blue-800: #061350;\n  --db-color-cyan-100: #e5faff;\n  --db-color-cyan-200: #bbe6f8;\n  --db-color-cyan-300: #84cfef;\n  --db-color-cyan-400: #55b9e6;\n  --db-color-cyan-500: #309fd1;\n  --db-color-cyan-600: #0087b9;\n  --db-color-cyan-700: #006a96;\n  --db-color-cyan-800: #004b6d;\n  --db-color-turquoise-100: #e3f5f4;\n  --db-color-turquoise-200: #bee2e5;\n  --db-color-turquoise-300: #83caca;\n  --db-color-turquoise-400: #3cb5ae;\n  --db-color-turquoise-500: #00a099;\n  --db-color-turquoise-600: #008984;\n  --db-color-turquoise-700: #006e6b;\n  --db-color-turquoise-800: #005752;\n  --db-color-green-100: #e2f3e5;\n  --db-color-green-200: #bddbb9;\n  --db-color-green-300: #8cbc80;\n  --db-color-green-400: #66a558;\n  --db-color-green-500: #408335;\n  --db-color-green-600: #2a7230;\n  --db-color-green-700: #165c27;\n  --db-color-green-800: #154a26;\n  --db-color-light-green-100: #ebf7dd;\n  --db-color-light-green-200: #c9eb9e;\n  --db-color-light-green-300: #9fd45f;\n  --db-color-light-green-400: #78be14;\n  --db-color-light-green-500: #63a615;\n  --db-color-light-green-600: #508b1b;\n  --db-color-light-green-700: #44741a;\n  --db-color-light-green-800: #375f15;\n  --db-color-warm-gray-100: #f5f4f1;\n  --db-color-warm-gray-200: #ddded6;\n  --db-color-warm-gray-300: #bcbbb2;\n  --db-color-warm-gray-400: #9c9a8e;\n  --db-color-warm-gray-500: #858379;\n  --db-color-warm-gray-600: #747067;\n  --db-color-warm-gray-700: #4f4b41;\n  --db-color-warm-gray-800: #38342f;\n  --db-color-cool-gray-100: #f0f3f5;\n  --db-color-cool-gray-200: #d7dce1;\n  --db-color-cool-gray-300: #afb4bb;\n  --db-color-cool-gray-400: #878c96;\n  --db-color-cool-gray-500: #646973;\n  --db-color-cool-gray-600: #3c414b;\n  --db-color-cool-gray-700: #282d37;\n  --db-color-cool-gray-800: #131821;\n  --db-spacing-xs: 0.25rem;\n  --db-spacing-s: 0.5rem;\n  --db-spacing-sm: 0.75rem;\n  --db-spacing-m: 1rem;\n  --db-spacing-l: 1.25rem;\n  --db-transition-duration-fast: 0.3s; /* Consider this as beta for the moment */\n  --db-transition-emotional-timing: cubic-bezier(0.27, 0.05, 0.4, 0.95); /* Consider this as beta for the moment */\n  --db-transition-emotional-straight: 0.3s cubic-bezier(0.27, 0.05, 0.4, 0.95); /* Consider this as beta for the moment */\n  --db-transition-functional-timing: cubic-bezier(0.15, 0, 0.45, 1); /* Consider this as beta for the moment */\n  --db-transition-functional-straight: 0.3s cubic-bezier(0.15, 0, 0.45, 1); /* Consider this as beta for the moment */\n  --db-transition-color: 0.3s cubic-bezier(0.15, 0, 0.45, 1); /* Consider this as beta for the moment */\n  --db-font-family-base: 'DB Screen Sans', Helvetica, Arial, sans-serif;\n  --db-font-family-headline: 'DB Screen Head', Helvetica, Arial, sans-serif;\n}\n","/* *****\n\tThis file is meant to get included globally on a page with a standard set of variables and font references,\n\tif you're using only partials – either Web Components out of DB UI Elements or the partial CSS generated out\n\tof DB UI Core for each element and component.\n***** */\n\n// Define the path for both image and font folders\n$icons-path: \"../icons/\" !default;\n$images-path: \"../images/\" !default;\n$fonts-path: \"../fonts/\" !default;\n\n// General variables by DB UI Base\n@import \"@db-ui/base/build/css/variables\";\n\n@import \"../_patterns/00-base/colors/colors\";\n@import \"../_patterns/00-base/type/fonts\";\n@import \"../_patterns/00-base/icons/icons.variables\";\n@import \"../_patterns/00-base/icons/icons.font-faces\";\n\n:root {\n\t// Overwriting the referenced SVG icons as this is going to get inlined and the path would be relative to the pages URL instead of the CSS, which would break\n\t--db-ic-search-24: url(#{$icons-path}functional/images/action/db_ic_search_24.svg);\n\t--db-ic-expand-more-20: url(#{$icons-path}functional/images/navigation/db_ic_expand_more_20.svg);\n}\n","@use \"sass:map\";\n@import \"../../../css/db-ui-core.variables\";\n@import \"fonts.variables\";\n\n@each $font-name, $font-meta in $font-families {\n\t$font-family: map.get($font-meta, \"font-family\");\n\t$font-filename: map.get($font-meta, \"font-filename\");\n\t$font-weight: map.get($font-meta, \"font-weight\");\n\t$font-style: map.get($font-meta, \"font-style\");\n\t$font-local-name: map.get($font-meta, \"font-local-name\");\n\t$font-local-name-short: map.get($font-meta, \"font-local-name-short\");\n\n\t@font-face {\n\t\tfont-family: $font-family;\n\t\tfont-style: $font-style;\n\t\tfont-weight: $font-weight;\n\t\t@if $font-local-name and $font-local-name-short {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name-short}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t} @else if $font-local-name {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t} @else if $font-local-name-short {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name-short}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t} @else {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t}\n\t}\n}\n","@use \"sass:string\";\n@import \"../../../css/db-ui-core.variables\";\n\n@import \"icons.variables\";\n\n// Potential TODO: usage of the standard filenames described by https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Icons/Funktionale-Icons-Architektur-und-Fahrzeuge\n\n@font-face {\n\tfont-display: block;\n\tfont-family: \"missing-icons\";\n\tsrc:\n\t\turl(\"#{$icons-path}functional/fonts/icons-empty.woff2?4r2099\")\n\t\t\tformat(\"woff2\"),\n\t\turl(\"#{$icons-path}functional/fonts/icons-empty.woff?4r2099\")\n\t\t\tformat(\"woff\");\n}\n\n// DB UX Icons\n@each $icon-style, $icon-sizes in $icon-font-families-personenverkehr {\n\t@each $icon-size, $icon-categories in $icon-sizes {\n\t\t@each $icon-category, $icon-font-unicodes in $icon-categories {\n\t\t\t@font-face {\n\t\t\t\t$icon-font-family: \"icons-\" + $icon-size + \"-\" + $icon-style;\n\n\t\t\t\tfont-display: block;\n\n\t\t\t\tfont-family: $icon-font-family;\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tsrc:\n\t\t\t\t\turl(\"#{$icons-path}functional/fonts/#{$icon-font-family+ \"-\" + $icon-category}.woff2?4r2099\")\n\t\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\t\turl(\"#{$icons-path}functional/fonts/#{$icon-font-family+ \"-\" + $icon-category}.woff?4r2099\")\n\t\t\t\t\t\tformat(\"woff\");\n\n\t\t\t\tunicode-range: string.unquote($icon-font-unicodes);\n\t\t\t}\n\t\t}\n\t}\n}\n"]}
\ No newline at end of file
diff --git a/review/refactor-icon-update/css/pattern-scaffolding-project-specific.css b/review/refactor-icon-update/css/pattern-scaffolding-project-specific.css
new file mode 100644
index 0000000000..73245ca0de
--- /dev/null
+++ b/review/refactor-icon-update/css/pattern-scaffolding-project-specific.css
@@ -0,0 +1 @@
+.elm-headline,.pl-c-category__title,.pl-c-pattern__title{text-wrap:balance;margin-bottom:1rem;margin-top:1.5rem}.elm-headline[data-pulse]::after,[data-pulse].pl-c-category__title::after,[data-pulse].pl-c-pattern__title::after{background:var(--db-pulse-background, #ec0016);border-radius:calc(var(--db-logo-height, 40px)/7*.5);content:"";display:block;margin-bottom:var(--db-pulse-margin-bottom, 14px);margin-top:calc(var(--db-logo-height, 40px)*.5);width:var(--db-logo-width, 58px);height:calc(var(--db-logo-height, 40px)/7)}h1.elm-headline,h1.pl-c-category__title,h1.pl-c-pattern__title,h2.elm-headline,h2.pl-c-category__title,h2.pl-c-pattern__title,h3.elm-headline,h3.pl-c-category__title,h3.pl-c-pattern__title{font-family:"DB Screen Head",Helvetica,Arial,sans-serif;font-weight:900}h1.elm-headline,h1.pl-c-category__title,h1.pl-c-pattern__title{font-size:2.25rem;line-height:1.1111111111}@media screen and (max-width: 767px){h1.elm-headline,h1.pl-c-category__title,h1.pl-c-pattern__title{font-size:1.75rem;line-height:1.14}}h2.elm-headline,h2.pl-c-category__title,h2.pl-c-pattern__title{font-size:1.5rem;line-height:1.1666666667}@media screen and (max-width: 767px){h2.elm-headline,h2.pl-c-category__title,h2.pl-c-pattern__title{font-size:1.25rem;line-height:1.2}}h3.elm-headline,h3.pl-c-category__title,h3.pl-c-pattern__title{font-size:1.25rem;line-height:1.2}@media screen and (max-width: 767px){h3.elm-headline,h3.pl-c-category__title,h3.pl-c-pattern__title{font-size:1.125rem;line-height:1.33}}h4.elm-headline,h4.pl-c-category__title,h4.pl-c-pattern__title{font-size:1.125rem;font-weight:400;line-height:1.3333333333}@media screen and (max-width: 767px){h4.elm-headline,h4.pl-c-category__title,h4.pl-c-pattern__title{font-size:1rem;line-height:1.25}}@font-face{font-family:"DB Screen Head";font-style:normal;font-weight:300;src:local("DB Screen Head Light"),local("DB Screen Head Light"),local("DB Head Light"),url("../fonts/dbscreenhead-light.woff2?4r0080") format("woff2"),url("../fonts/dbscreenhead-light.woff?4r0080") format("woff")}@font-face{font-family:"DB Screen Head";font-style:normal;font-weight:400;src:local("DB Screen Head Regular"),local("DB Screen Head"),local("DB Head"),url("../fonts/dbscreenhead-regular.woff2?4r0080") format("woff2"),url("../fonts/dbscreenhead-regular.woff?4r0080") format("woff")}@font-face{font-family:"DB Screen Head";font-style:normal;font-weight:900;src:local("DB Screen Head Black"),local("DB Screen Head Black"),local("DB Head Black"),url("../fonts/dbscreenhead-black.woff2?4r0080") format("woff2"),url("../fonts/dbscreenhead-black.woff?4r0080") format("woff")}@font-face{font-family:"DB Screen Sans Digital Regular";font-style:normal;font-weight:400;src:local("DB Screen Sans Digital Regular"),local("DB Screen Sans Digital"),local("DB Sans Digital"),url("../fonts/dbscreensans-digitalregular.woff2?4r0080") format("woff2"),url("../fonts/dbscreensans-digitalregular.woff?4r0080") format("woff")}@font-face{font-family:"DB Screen Sans";font-style:normal;font-weight:400;src:local("DB Screen Sans Regular"),local("DB Screen Sans"),local("DB Sans"),url("../fonts/dbscreensans-regular.woff2?4r0080") format("woff2"),url("../fonts/dbscreensans-regular.woff?4r0080") format("woff")}@font-face{font-family:"DB Screen Sans";font-style:normal;font-weight:500;src:local("DB Screen Sans Medium"),url("../fonts/dbscreensans-medium.woff2?4r0080") format("woff2"),url("../fonts/dbscreensans-medium.woff?4r0080") format("woff")}@font-face{font-family:"DB Screen Sans";font-style:normal;font-weight:600;src:local("DB Screen Sans Semibold"),url("../fonts/dbscreensans-semibold.woff2?4r0080") format("woff2"),url("../fonts/dbscreensans-semibold.woff?4r0080") format("woff")}@font-face{font-family:"DB Screen Sans";font-style:normal;font-weight:700;src:local("DB Screen Sans Bold"),local("DB Screen Sans Bold"),local("DB Sans Bold"),url("../fonts/dbscreensans-bold.woff2?4r0080") format("woff2"),url("../fonts/dbscreensans-bold.woff?4r0080") format("woff")}body,[class|=pl]{font-family:"DB Screen Sans",Helvetica,Arial,sans-serif}pl-header{font-size:0.968244375rem}pl-logo{align-self:flex-start !important}.pl-c-viewport-modal-wrapper,pl-iframe{background-color:#f0f3f5 !important}.tpl-intro main section{padding:1rem 3rem 0}@media screen and (min-width: 1156px){.tpl-intro main section{padding:1rem calc(50vw - 530px) 0}}.tpl-intro main section:nth-of-type(2){background-color:#f0f3f5;padding-bottom:2.5rem}.tpl-intro .intro-quotation{text-align:right}.tpl-intro .intro-quotation,.tpl-intro .intro-quotation blockquote{margin:0}.tpl-intro .intro-quotation blockquote{font-size:1.5rem;font-weight:700}.tpl-intro .intro-quotation blockquote::before{content:"„"}.tpl-intro .intro-quotation blockquote::after{content:"”"}.tpl-intro .intro-quotation figcaption cite{font-style:normal}.pl-c-category__description{max-width:55em !important}.tpl-intro [src^="../../images/db-ui-"]{float:left;margin-right:0.25rem;margin-top:1.3125rem}.pl-c-typeahead__input{border-left:0;border-right:0;border-top:0}/*# sourceMappingURL=pattern-scaffolding-project-specific.css.map */
diff --git a/review/refactor-icon-update/css/pattern-scaffolding-project-specific.css.map b/review/refactor-icon-update/css/pattern-scaffolding-project-specific.css.map
new file mode 100644
index 0000000000..43021fdfa9
--- /dev/null
+++ b/review/refactor-icon-update/css/pattern-scaffolding-project-specific.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../source/_patterns/01-elements/headline/headline.scss","../../node_modules/@db-ui/base/build/scss/_variables.scss","../../source/_patterns/00-base/type/_fonts.scss","../../source/css/pattern-scaffolding-project-specific.scss"],"names":[],"mappings":"CAGA,yDACC,kBAEA,mBAGA,kBAGC,kHACC,+CACA,qDAGA,WACA,cACA,kDACA,gDAGA,iCACA,2CAQF,6LACC,YCiJwB,4CDhJxB,gBAKD,+DACC,kBAGA,yBACA,qCALD,+DAME,kBAGA,kBAMF,+DACC,iBAGA,yBACA,qCALD,+DAME,kBAGA,iBAMF,+DACC,kBAGA,gBACA,qCALD,+DAME,mBAGA,kBAMF,+DACC,mBAGA,gBACA,yBACA,qCAND,+DAOE,eAGA,kBElFF,WACC,YARa,iBASb,WANY,OAOZ,YARa,IAUZ,IACC,iNANH,WACC,YARa,iBASb,WANY,OAOZ,YARa,IAUZ,IACC,2MANH,WACC,YARa,iBASb,WANY,OAOZ,YARa,IAUZ,IACC,iNANH,WACC,YARa,iCASb,WANY,OAOZ,YARa,IAUZ,IACC,iPANH,WACC,YARa,iBASb,WANY,OAOZ,YARa,IAUZ,IACC,2MANH,WACC,YARa,iBASb,WANY,OAOZ,YARa,IAmCZ,IACC,+JA/BH,WACC,YARa,iBASb,WANY,OAOZ,YARa,IAmCZ,IACC,qKA/BH,WACC,YARa,iBASb,WANY,OAOZ,YARa,IAUZ,IACC,4MCVJ,iBAEC,YFuKqB,4CEpKtB,UACC,yBAGD,QACC,iCAGD,uCAEC,oCAKA,wBACC,oBACA,sCAFD,wBAGE,mCAID,uCACC,iBF0HsB,QEzHtB,sBAKF,4BACC,iBAEA,mEAEC,SAGD,uCACC,iBACA,gBAEA,+CACC,YAGD,8CACC,YAKD,4CACC,kBAMJ,4BACC,0BAGD,wCACC,WACA,qBACA,qBAGD,uBACC,cACA,eACA","file":"pattern-scaffolding-project-specific.css","sourcesContent":["@use \"sass:math\";\n@import \"headline.variables\";\n\n.elm-headline {\n\ttext-wrap: balance;\n\n\tmargin-bottom: to-rem($pxValue: 16);\n\n\t// * TODO: These declarations make sense for the moment, but should get aligned with overall definitions of spacing around elements\n\tmargin-top: to-rem($pxValue: 24);\n\n\t&[data-pulse] {\n\t\t&::after {\n\t\t\tbackground: var(--db-pulse-background, #ec0016);\n\t\t\tborder-radius: calc(\n\t\t\t\tvar(--db-logo-height, #{$db-logo-default-height}) / 7 * 0.5\n\t\t\t);\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\tmargin-bottom: var(--db-pulse-margin-bottom, 14px);\n\t\t\tmargin-top: calc(\n\t\t\t\tvar(--db-logo-height, #{$db-logo-default-height}) * 0.5\n\t\t\t);\n\t\t\twidth: var(--db-logo-width, #{$db-logo-default-width});\n\t\t\theight: calc(var(--db-logo-height, #{$db-logo-default-height}) / 7);\n\t\t}\n\t}\n}\n\nh1,\nh2,\nh3 {\n\t&.elm-headline {\n\t\tfont-family: $db-font-family-headline;\n\t\tfont-weight: 900;\n\t}\n}\n\nh1 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h1-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tline-height: math.div(40, $rea-main-h1-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h1-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.14;\n\t\t}\n\t}\n}\n\nh2 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h2-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tline-height: math.div(28, $rea-main-h2-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h2-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.2;\n\t\t}\n\t}\n}\n\nh3 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h3-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tline-height: math.div(24, $rea-main-h3-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h3-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.33;\n\t\t}\n\t}\n}\n\nh4 {\n\t&.elm-headline {\n\t\tfont-size: to-rem(\n\t\t\t$pxValue: $rea-main-h4-font-size\n\t\t); // * TODO: possibly rework variable naming\n\t\tfont-weight: 400;\n\t\tline-height: math.div(24, $rea-main-h4-font-size);\n\t\t@media screen and (max-width: 767px) {\n\t\t\tfont-size: to-rem(\n\t\t\t\t$pxValue: $rea-main-h4-font-size-small\n\t\t\t); // * TODO: possibly rework variable naming\n\t\t\tline-height: 1.25;\n\t\t}\n\t}\n}\n","\n// Do not edit directly\n// Generated on Thu, 21 Nov 2024 12:10:30 GMT\n\n$db-asset-font-db-screensans-regular-name: \"DB Screen Sans Regular\";\n$db-asset-font-db-screensans-regular-fontfamily: \"DB Screen Sans\";\n$db-asset-font-db-screensans-regular-fontweight: \"400\";\n$db-asset-font-db-screensans-regular-woff: \"assets/fonts/dbscreensans-regular.woff\";\n$db-asset-font-db-screensans-regular-woff2: \"assets/fonts/dbscreensans-regular.woff2\";\n$db-asset-font-db-screensans-bold-name: \"DB Screen Sans Bold\";\n$db-asset-font-db-screensans-bold-fontfamily: \"DB Screen Sans\";\n$db-asset-font-db-screensans-bold-fontweight: \"700\";\n$db-asset-font-db-screensans-bold-woff: \"assets/fonts/dbscreensans-bold.woff\";\n$db-asset-font-db-screensans-bold-woff2: \"assets/fonts/dbscreensans-bold.woff2\";\n$db-asset-font-db-screenhead-name: \"DB Screen Head\";\n$db-asset-font-db-screenhead-fontfamily: \"DB Screen Head\";\n$db-asset-font-db-screenhead-fontweight: \"300\";\n$db-asset-font-db-screenhead-woff: \"assets/fonts/dbscreenhead-light.woff\";\n$db-asset-font-db-screenhead-woff2: \"assets/fonts/dbscreenhead-light.woff2\";\n$db-asset-font-db-screensansdigital-name: \"DB Screen Sans Digital Regular\";\n$db-asset-font-db-screensansdigital-fontfamily: \"DB Screen Sans Digital\";\n$db-asset-font-db-screensansdigital-fontweight: \"400\";\n$db-asset-font-db-screensansdigital-woff: \"assets/fonts/dbscreensans-digitalregular.woff\";\n$db-asset-font-db-screensansdigital-woff2: \"assets/fonts/dbscreensans-digitalregular.woff2\";\n$db-color-success: #508b1b; // This is the general success color\n$db-color-success-small-font: #467a18; // in case a font-size smaller than 14dp is in use\n$db-color-error: #ec0016; // This is the general error color\n$db-color-error-small-font: #db0014; // in case a font-size smaller than 14dp is in use\n$db-color-warning: #f75f00; // This is the general warning color\n$db-color-warning-small-font: #cc4e00; // in case a font-size smaller than 14dp is in use\n$db-color-informative: #0087b9; // This is the general informative color\n$db-color-informative-small-font: #006a96; // in case a font-size smaller than 14dp is in use\n$db-color-food-drink: #f39200;\n$db-color-health: #a9455d;\n$db-color-things-to-know: #858379;\n$db-color-community-facilities: #00a099;\n$db-color-db-services-facilities: #0c3992;\n$db-color-shopping: #814997;\n$db-color-arts-culture: #e93e8f;\n$db-color-leisure: #408335;\n$db-color-services: #309fd1;\n$db-color-guidance: #3c414b;\n$db-color-red-100: #fee6e6;\n$db-color-red-200: #fcc8c3;\n$db-color-red-300: #fa9090;\n$db-color-red-400: #f75056;\n$db-color-red-500: #ec0016;\n$db-color-red-600: #c50014;\n$db-color-red-700: #9b000e;\n$db-color-red-800: #740009;\n$db-color-red: #ec0016; // This is the primary DB Red\n$db-color-white: #ffffff; // This is the primary DB White\n$db-color-black: #000000; // This is the primary DB Black\n$db-color-ice: #282d37;\n$db-color-ic: #646973;\n$db-color-ec: #646973;\n$db-color-re: #878c96;\n$db-color-rb: #878c96;\n$db-color-s-bahn: #408335;\n$db-color-u-bahn: #1455c0;\n$db-color-tram: #a9455d;\n$db-color-intercity-bus: #e93e8f;\n$db-color-bus: #814997;\n$db-color-ship: #309fd1;\n$db-color-airplane: #00a099;\n$db-color-taxi: #ffd800;\n$db-color-carsharing: #f39200;\n$db-color-walk: #282d37;\n$db-color-bikesharing: #c50014;\n$db-color-yellow-100: #ffffdc;\n$db-color-yellow-200: #ffffaf;\n$db-color-yellow-300: #fff876;\n$db-color-yellow-400: #fff000;\n$db-color-yellow-500: #ffd800;\n$db-color-yellow-600: #ffbb00;\n$db-color-yellow-700: #ff9b00;\n$db-color-yellow-800: #ff7a00;\n$db-color-yellow-900: #f75f00;\n$db-color-orange-100: #fff4d8;\n$db-color-orange-200: #fce3b4;\n$db-color-orange-300: #faca7f;\n$db-color-orange-400: #f8ab37;\n$db-color-orange-500: #f39200;\n$db-color-orange-600: #d77b00;\n$db-color-orange-700: #c05e00;\n$db-color-orange-800: #a24800;\n$db-color-burgundy-100: #f4e8ed;\n$db-color-burgundy-200: #edcbd6;\n$db-color-burgundy-300: #da9aa8;\n$db-color-burgundy-400: #c0687b;\n$db-color-burgundy-500: #a9455d;\n$db-color-burgundy-600: #8c2e46;\n$db-color-burgundy-700: #641e32;\n$db-color-burgundy-800: #4d0820;\n$db-color-pink-100: #fdeef8;\n$db-color-pink-200: #f9d2e5;\n$db-color-pink-300: #f4aece;\n$db-color-pink-400: #ee7bae;\n$db-color-pink-500: #e93e8f;\n$db-color-pink-600: #db0078;\n$db-color-pink-700: #b80065;\n$db-color-pink-800: #970052;\n$db-color-violett-100: #f4eefa;\n$db-color-violett-200: #e0cde4;\n$db-color-violett-300: #c2a1c7;\n$db-color-violett-400: #9a6ca6;\n$db-color-violett-500: #814997;\n$db-color-violett-600: #6e368c;\n$db-color-violett-700: #581d70;\n$db-color-violett-800: #421857;\n$db-color-blue-100: #e0effb;\n$db-color-blue-200: #b4d5f6;\n$db-color-blue-300: #73aef4;\n$db-color-blue-400: #347de0;\n$db-color-blue-500: #1455c0;\n$db-color-blue-600: #0c3992;\n$db-color-blue-700: #0a1e6e;\n$db-color-blue-800: #061350;\n$db-color-cyan-100: #e5faff;\n$db-color-cyan-200: #bbe6f8;\n$db-color-cyan-300: #84cfef;\n$db-color-cyan-400: #55b9e6;\n$db-color-cyan-500: #309fd1;\n$db-color-cyan-600: #0087b9;\n$db-color-cyan-700: #006a96;\n$db-color-cyan-800: #004b6d;\n$db-color-turquoise-100: #e3f5f4;\n$db-color-turquoise-200: #bee2e5;\n$db-color-turquoise-300: #83caca;\n$db-color-turquoise-400: #3cb5ae;\n$db-color-turquoise-500: #00a099;\n$db-color-turquoise-600: #008984;\n$db-color-turquoise-700: #006e6b;\n$db-color-turquoise-800: #005752;\n$db-color-green-100: #e2f3e5;\n$db-color-green-200: #bddbb9;\n$db-color-green-300: #8cbc80;\n$db-color-green-400: #66a558;\n$db-color-green-500: #408335;\n$db-color-green-600: #2a7230;\n$db-color-green-700: #165c27;\n$db-color-green-800: #154a26;\n$db-color-light-green-100: #ebf7dd;\n$db-color-light-green-200: #c9eb9e;\n$db-color-light-green-300: #9fd45f;\n$db-color-light-green-400: #78be14;\n$db-color-light-green-500: #63a615;\n$db-color-light-green-600: #508b1b;\n$db-color-light-green-700: #44741a;\n$db-color-light-green-800: #375f15;\n$db-color-warm-gray-100: #f5f4f1;\n$db-color-warm-gray-200: #ddded6;\n$db-color-warm-gray-300: #bcbbb2;\n$db-color-warm-gray-400: #9c9a8e;\n$db-color-warm-gray-500: #858379;\n$db-color-warm-gray-600: #747067;\n$db-color-warm-gray-700: #4f4b41;\n$db-color-warm-gray-800: #38342f;\n$db-color-cool-gray-100: #f0f3f5;\n$db-color-cool-gray-200: #d7dce1;\n$db-color-cool-gray-300: #afb4bb;\n$db-color-cool-gray-400: #878c96;\n$db-color-cool-gray-500: #646973;\n$db-color-cool-gray-600: #3c414b;\n$db-color-cool-gray-700: #282d37;\n$db-color-cool-gray-800: #131821;\n$db-spacing-xs: 0.25rem !default;\n$db-spacing-s: 0.5rem !default;\n$db-spacing-sm: 0.75rem !default;\n$db-spacing-m: 1rem !default;\n$db-spacing-l: 1.25rem !default;\n$db-transition-duration-fast: 0.3s; // Consider this as beta for the moment\n$db-transition-emotional-timing: cubic-bezier(0.27, 0.05, 0.4, 0.95); // Consider this as beta for the moment\n$db-transition-emotional-straight: 0.3s cubic-bezier(0.27, 0.05, 0.4, 0.95); // Consider this as beta for the moment\n$db-transition-functional-timing: cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-transition-functional-straight: 0.3s cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-transition-color: 0.3s cubic-bezier(0.15, 0, 0.45, 1); // Consider this as beta for the moment\n$db-font-family-base: 'DB Screen Sans', Helvetica, Arial, sans-serif;\n$db-font-family-headline: 'DB Screen Head', Helvetica, Arial, sans-serif;\n","@use \"sass:map\";\n@import \"../../../css/db-ui-core.variables\";\n@import \"fonts.variables\";\n\n@each $font-name, $font-meta in $font-families {\n\t$font-family: map.get($font-meta, \"font-family\");\n\t$font-filename: map.get($font-meta, \"font-filename\");\n\t$font-weight: map.get($font-meta, \"font-weight\");\n\t$font-style: map.get($font-meta, \"font-style\");\n\t$font-local-name: map.get($font-meta, \"font-local-name\");\n\t$font-local-name-short: map.get($font-meta, \"font-local-name-short\");\n\n\t@font-face {\n\t\tfont-family: $font-family;\n\t\tfont-style: $font-style;\n\t\tfont-weight: $font-weight;\n\t\t@if $font-local-name and $font-local-name-short {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name-short}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t} @else if $font-local-name {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t} @else if $font-local-name-short {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\tlocal(\"#{$font-local-name-short}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t} @else {\n\t\t\tsrc:\n\t\t\t\tlocal(\"#{$font-name}\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff2?4r0080\")\n\t\t\t\t\tformat(\"woff2\"),\n\t\t\t\turl(\"#{$fonts-path}#{$font-filename}.woff?4r0080\")\n\t\t\t\t\tformat(\"woff\");\n\t\t}\n\t}\n}\n","@import \"helpers/functions\";\n@import \"db-ui-core.variables\";\n@import \"@db-ui/base/build/scss/variables\";\n@import \"../_patterns/01-elements/headline/headline\";\n$fonts-path: \"../fonts/\";\n@import \"../_patterns/00-base/type/fonts\";\n\n/* project specific declarations */\nbody,\n[class|=\"pl\"] {\n\tfont-family: $db-font-family-base;\n}\n\npl-header {\n\tfont-size: to-rem($pxValue: 15.49191);\n}\n\npl-logo {\n\talign-self: flex-start !important; // shame.css\n}\n\n.pl-c-viewport-modal-wrapper,\npl-iframe {\n\tbackground-color: $db-color-cool-gray-100 !important; // shame.css\n}\n\n// Intro page\n.tpl-intro {\n\tmain section {\n\t\tpadding: 1rem 3rem 0;\n\t\t@media screen and (min-width: 1156px) {\n\t\t\tpadding: 1rem calc(50vw - 530px) 0;\n\t\t}\n\n\t\t// Splitted Intro Page\n\t\t&:nth-of-type(2) {\n\t\t\tbackground-color: $db-color-cool-gray-100;\n\t\t\tpadding-bottom: 2.5rem;\n\t\t}\n\t}\n\n\t// Citation\n\t.intro-quotation {\n\t\ttext-align: right;\n\n\t\t&,\n\t\t& blockquote {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\tblockquote {\n\t\t\tfont-size: to-rem($pxValue: 24);\n\t\t\tfont-weight: 700;\n\n\t\t\t&::before {\n\t\t\t\tcontent: \"\\201E\";\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\tcontent: \"\\201D\";\n\t\t\t}\n\t\t}\n\n\t\tfigcaption {\n\t\t\tcite {\n\t\t\t\tfont-style: normal;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.pl-c-category__description {\n\tmax-width: 55em !important;\n}\n\n.tpl-intro [src^=\"../../images/db-ui-\"] {\n\tfloat: left;\n\tmargin-right: to-rem($pxValue: 4);\n\tmargin-top: to-rem($pxValue: 21);\n}\n\n.pl-c-typeahead__input {\n\tborder-left: 0;\n\tborder-right: 0;\n\tborder-top: 0;\n}\n\n.pl-c-category__title,\n.pl-c-pattern__title {\n\t@extend .elm-headline;\n}\n"]}
\ No newline at end of file
diff --git a/review/refactor-icon-update/css/pattern-scaffolding.css b/review/refactor-icon-update/css/pattern-scaffolding.css
new file mode 100644
index 0000000000..456a1298c9
--- /dev/null
+++ b/review/refactor-icon-update/css/pattern-scaffolding.css
@@ -0,0 +1,242 @@
+/**
+ * This stylesheet is for styles you want to include only when displaying demo
+ * styles for grids, animations, color swatches, etc.
+ * These styles will not be your production CSS.
+ */
+
+:root {
+	--pl-border-color: #dddddd;
+	--pl-border-radius: 8px;
+	--pl-grid-gap: 1rem;
+	--pl-color-fpo: #69b3e7;
+	--pl-color-fpo-light: #edf6fc;
+}
+
+#sg-patterns {
+	-webkit-box-sizing: border-box !important;
+	box-sizing: border-box !important;
+	max-width: 100%;
+	padding: 0 0.5em;
+}
+
+.demo-animate {
+	background: #ddd;
+	padding: 1em;
+	margin-bottom: 1em;
+	text-align: center;
+	border-radius: var(--pl-border-radius);
+	cursor: pointer;
+}
+
+.sg-colors {
+	list-style: none !important;
+	padding: 0 !important;
+	margin: 0 !important;
+	display: grid;
+	grid-gap: var(--pl-grid-gap);
+	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
+}
+
+.sg-colors li {
+	-webkit-box-flex: 1;
+	-ms-flex: auto;
+	flex: auto;
+	padding: 0.3em;
+	margin: 0 0.5em 0.5em 0;
+	min-width: 5em;
+	max-width: 14em;
+	border: 1px solid var(--pl-border-color);
+	border-radius: 8px;
+}
+
+.sg-swatch {
+	display: block;
+	height: 4em;
+	margin-bottom: 0.3em;
+	border-radius: 5px;
+}
+
+.sg-label {
+	font-size: 90%;
+	line-height: 1;
+}
+
+/**
+ * Icon grid
+ * 1) Generated by Gul-SVG-Sprites
+ */
+.icon-grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
+	gap: 2rem;
+}
+
+.icon-grid__item {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	border: 1px solid var(--pl-border-color);
+	border-radius: var(--pl-border-radius);
+	padding: 8px;
+	height: 5.5rem;
+}
+
+.icon-grid .c-icon {
+	margin-bottom: 0.25rem;
+}
+
+.icon-grid__label {
+	font-size: 10px;
+}
+
+.icon {
+	width: 1rem;
+	height: 1rem;
+}
+
+.icon-boxes h2 {
+	font-size: 1rem;
+}
+
+/**
+* For placeholder only block
+* 1) Used for placeholder blocks for layouts
+*/
+.fpo {
+	background: var(--pl-color-fpo-light);
+	border: 1px dashed var(--pl-color-fpo);
+	border-radius: 5px;
+	padding: 1rem;
+	margin-top: 1rem;
+	margin-bottom: 1rem;
+	font-weight: bold;
+	text-align: center;
+	color: var(--pl-color-fpo);
+}
+
+.sg-pattern-example small {
+	display: none;
+}
+
+/**
+ * Add height and overflow to two column fixed layout to show functionality only in style-guide example.
+ */
+.sg-pattern-example .l-page-layout--two-column-fixed {
+	height: 10rem;
+	overflow: auto;
+}
+
+/**
+ * Add min-height of 0 to two column fixed to help with showing functionality only in style-guide example.
+ */
+.sg-pattern-example .l-page-layout--two-column-fixed .l-page-layout__secondary {
+	min-height: 0;
+}
+
+/**
+ * FPO block within two column fixed layout within secondary section
+ * 1) Width expands entire container at small screens
+ */
+.sg-pattern-example
+	.l-page-layout--two-column-fixed
+	.l-page-layout__secondary
+	.fpo-block {
+	width: 100%; /* 1 */
+}
+
+/**
+ * FPO block within two column fixed layout within secondary section larger screens
+ * 1) Set height to 100% of viewport height
+ * 2) Set width = width of vertical header
+ */
+@media all and (min-width: 70em) {
+	.sg-pattern-example
+		.l-page-layout--two-column-fixed
+		.l-page-layout__secondary
+		.fpo-block {
+		width: 20rem; /* 1 */
+		height: 100vh; /* 2 */
+		margin-bottom: 0;
+	}
+}
+
+/**
+ * Two column fixed layout within pattern example
+ * 1) Set height to height of placeholder content secondary section
+ * 2) Set overflow to auto so the secondary section stays fixed while the main section scrolls
+ */
+.sg-pattern-example .l-page-layout--two-column-fixed {
+	height: 18.3rem;
+	overflow: auto;
+}
+
+/**
+ * Secondary section within pattern example and two-column fixed at larger screens
+ * 1) Position absolute to make this pattern similar to fixed vertical header
+ * 2) Height inherits so it doesn't span longer than the pattern window on "All" PL page
+ * 3) Float this left to get layout sections side by side within PL "View All" section
+ */
+
+@media all and (min-width: 70em) {
+	.sg-pattern-example
+		.l-page-layout--two-column-fixed
+		.l-page-layout__secondary {
+		position: absolute; /* 1 */
+		height: inherit; /* 2 */
+		float: left; /* 3 */
+	}
+}
+
+/**
+ *  Fpo block within pattern example, two column fixed, and secondary section
+ * 1) Make fpo block width of the container on small screens
+ */
+.sg-pattern-example
+	.l-page-layout--two-column-fixed
+	.l-page-layout__secondary
+	.fpo-block {
+	width: 100%; /* 1 */
+}
+
+/**
+ * FPO Block Within pattern example, two column fixed, and secondary layout larger screens
+ * 1) Added width similar to style guide vertical header
+ * 2) Height inherits so it doesn't span longer than the pattern window on "All" PL page
+ */
+@media all and (min-width: 70em) {
+	.sg-pattern-example
+		.l-page-layout--two-column-fixed
+		.l-page-layout__secondary
+		.fpo-block {
+		width: 20rem; /* 1 */
+		height: inherit; /* 2 */
+	}
+}
+
+/**
+ * Add height of main to get appearance of side bar staying fixed while main window scrolls.
+ */
+.sg-pattern-example .l-page-layout--two-column-fixed .l-page-layout__main {
+	height: 30rem;
+}
+
+/**
+ * Add height of fpo block to equal height of main to help with scrolling main window/fixed sidebar effect.
+ */
+.sg-pattern-example
+	.l-page-layout--two-column-fixed
+	.l-page-layout__main
+	.fpo-block {
+	height: 30rem;
+	margin-bottom: 0;
+}
+
+/**
+ * Vertical header in pattern example at large screens
+ */
+@media all and (min-width: 70em) {
+	.sg-pattern-example .c-header--vertical {
+		max-width: 20rem;
+	}
+}
diff --git a/review/refactor-icon-update/favicon.ico b/review/refactor-icon-update/favicon.ico
new file mode 100644
index 0000000000..fb9f04061d
Binary files /dev/null and b/review/refactor-icon-update/favicon.ico differ
diff --git a/review/refactor-icon-update/fonts/LICENSE b/review/refactor-icon-update/fonts/LICENSE
new file mode 100644
index 0000000000..f1c0714d72
--- /dev/null
+++ b/review/refactor-icon-update/fonts/LICENSE
@@ -0,0 +1,4 @@
+Quick summary and translation from the license agreement provided at Deutsche Bahn Marketingportal (https://marketingportal.extranet.deutschebahn.com/marketingportal/Lizenzvereinbarung-ueber-die-Nutzung-der-DB-Type-Schriftenfamilie-9693166):
+_You're only allowed to use the font in the context of your work at Deutsche Bahn or to fulfill orders and/or services, that are bound to contracts with Deutsche Bahn. Any other usage especially for private purposes or unintended third parties is strictly prohibited._
+
+Please keep in mind that the "Lizenzvereinbarung über die Nutzung der DB Type Schriftenfamilie" (https://marketingportal.extranet.deutschebahn.com/marketingportal/Lizenzvereinbarung-ueber-die-Nutzung-der-DB-Type-Schriftenfamilie-9693166, german, you need a registration/login) are actually legally binding and this simple and translated excerpt is only giving you a quick hint regarding the whole license agreement; please consult that document for any further license questions and regulations.
diff --git a/review/refactor-icon-update/fonts/dbscreenhead-black.woff b/review/refactor-icon-update/fonts/dbscreenhead-black.woff
new file mode 100644
index 0000000000..f2e96927b9
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreenhead-black.woff differ
diff --git a/review/refactor-icon-update/fonts/dbscreenhead-black.woff2 b/review/refactor-icon-update/fonts/dbscreenhead-black.woff2
new file mode 100644
index 0000000000..13d7cf0a95
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreenhead-black.woff2 differ
diff --git a/review/refactor-icon-update/fonts/dbscreenhead-light.woff b/review/refactor-icon-update/fonts/dbscreenhead-light.woff
new file mode 100644
index 0000000000..f745597f3f
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreenhead-light.woff differ
diff --git a/review/refactor-icon-update/fonts/dbscreenhead-light.woff2 b/review/refactor-icon-update/fonts/dbscreenhead-light.woff2
new file mode 100644
index 0000000000..f591e61159
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreenhead-light.woff2 differ
diff --git a/review/refactor-icon-update/fonts/dbscreenhead-regular.woff b/review/refactor-icon-update/fonts/dbscreenhead-regular.woff
new file mode 100644
index 0000000000..556a54a813
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreenhead-regular.woff differ
diff --git a/review/refactor-icon-update/fonts/dbscreenhead-regular.woff2 b/review/refactor-icon-update/fonts/dbscreenhead-regular.woff2
new file mode 100644
index 0000000000..fe4e0f04c1
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreenhead-regular.woff2 differ
diff --git a/review/refactor-icon-update/fonts/dbscreensans-bold.woff b/review/refactor-icon-update/fonts/dbscreensans-bold.woff
new file mode 100644
index 0000000000..29ffad6804
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreensans-bold.woff differ
diff --git a/review/refactor-icon-update/fonts/dbscreensans-bold.woff2 b/review/refactor-icon-update/fonts/dbscreensans-bold.woff2
new file mode 100644
index 0000000000..e48612091b
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreensans-bold.woff2 differ
diff --git a/review/refactor-icon-update/fonts/dbscreensans-digitalregular.woff b/review/refactor-icon-update/fonts/dbscreensans-digitalregular.woff
new file mode 100644
index 0000000000..066737b9b5
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreensans-digitalregular.woff differ
diff --git a/review/refactor-icon-update/fonts/dbscreensans-digitalregular.woff2 b/review/refactor-icon-update/fonts/dbscreensans-digitalregular.woff2
new file mode 100644
index 0000000000..8e6dc1f032
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreensans-digitalregular.woff2 differ
diff --git a/review/refactor-icon-update/fonts/dbscreensans-medium.woff b/review/refactor-icon-update/fonts/dbscreensans-medium.woff
new file mode 100644
index 0000000000..651148f902
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreensans-medium.woff differ
diff --git a/review/refactor-icon-update/fonts/dbscreensans-medium.woff2 b/review/refactor-icon-update/fonts/dbscreensans-medium.woff2
new file mode 100644
index 0000000000..1553b3ee47
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreensans-medium.woff2 differ
diff --git a/review/refactor-icon-update/fonts/dbscreensans-regular.woff b/review/refactor-icon-update/fonts/dbscreensans-regular.woff
new file mode 100644
index 0000000000..5afb843730
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreensans-regular.woff differ
diff --git a/review/refactor-icon-update/fonts/dbscreensans-regular.woff2 b/review/refactor-icon-update/fonts/dbscreensans-regular.woff2
new file mode 100644
index 0000000000..96d5845cf9
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreensans-regular.woff2 differ
diff --git a/review/refactor-icon-update/fonts/dbscreensans-semibold.woff b/review/refactor-icon-update/fonts/dbscreensans-semibold.woff
new file mode 100644
index 0000000000..f01a4511d7
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreensans-semibold.woff differ
diff --git a/review/refactor-icon-update/fonts/dbscreensans-semibold.woff2 b/review/refactor-icon-update/fonts/dbscreensans-semibold.woff2
new file mode 100644
index 0000000000..179cfa9dd8
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreensans-semibold.woff2 differ
diff --git a/review/refactor-icon-update/fonts/dbscreensanscond-bold.woff b/review/refactor-icon-update/fonts/dbscreensanscond-bold.woff
new file mode 100644
index 0000000000..2b884db0f5
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreensanscond-bold.woff differ
diff --git a/review/refactor-icon-update/fonts/dbscreensanscond-bold.woff2 b/review/refactor-icon-update/fonts/dbscreensanscond-bold.woff2
new file mode 100644
index 0000000000..b1e1e1d4c1
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreensanscond-bold.woff2 differ
diff --git a/review/refactor-icon-update/fonts/dbscreensanscond-regular.woff b/review/refactor-icon-update/fonts/dbscreensanscond-regular.woff
new file mode 100644
index 0000000000..e35eea16c2
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreensanscond-regular.woff differ
diff --git a/review/refactor-icon-update/fonts/dbscreensanscond-regular.woff2 b/review/refactor-icon-update/fonts/dbscreensanscond-regular.woff2
new file mode 100644
index 0000000000..d61857dafb
Binary files /dev/null and b/review/refactor-icon-update/fonts/dbscreensanscond-regular.woff2 differ
diff --git a/review/refactor-icon-update/fonts/secondary/dbscreennews-bold.woff b/review/refactor-icon-update/fonts/secondary/dbscreennews-bold.woff
new file mode 100644
index 0000000000..684e1e6f03
Binary files /dev/null and b/review/refactor-icon-update/fonts/secondary/dbscreennews-bold.woff differ
diff --git a/review/refactor-icon-update/fonts/secondary/dbscreennews-bold.woff2 b/review/refactor-icon-update/fonts/secondary/dbscreennews-bold.woff2
new file mode 100644
index 0000000000..2528b627b7
Binary files /dev/null and b/review/refactor-icon-update/fonts/secondary/dbscreennews-bold.woff2 differ
diff --git a/review/refactor-icon-update/fonts/secondary/dbscreennews-regular.woff b/review/refactor-icon-update/fonts/secondary/dbscreennews-regular.woff
new file mode 100644
index 0000000000..2fca06bd9f
Binary files /dev/null and b/review/refactor-icon-update/fonts/secondary/dbscreennews-regular.woff differ
diff --git a/review/refactor-icon-update/fonts/secondary/dbscreennews-regular.woff2 b/review/refactor-icon-update/fonts/secondary/dbscreennews-regular.woff2
new file mode 100644
index 0000000000..9dbfbdf16e
Binary files /dev/null and b/review/refactor-icon-update/fonts/secondary/dbscreennews-regular.woff2 differ
diff --git a/review/refactor-icon-update/icons/README.md b/review/refactor-icon-update/icons/README.md
new file mode 100644
index 0000000000..6083c536de
--- /dev/null
+++ b/review/refactor-icon-update/icons/README.md
@@ -0,0 +1,19 @@
+# How to create and provide the technical icon files
+
+We're getting these icons by the [DB Design System colleagues](https://dbsw.sharepoint.com/:f:/r/teams/CXM.Teams-DDSTeam/Shared%20Documents/DDS%20Team/01--Design-System/04--Foundations/07--Icons/04--Exchange-Icons?csf=1&web=1&e=hzdDGu) and process the following changes:
+
+- Minifications with [`ImageOptim`](https://imageoptim.com/mac)
+- Adding some contents within the SVGs (these assets might get exported correctly in the future)
+  - CSS variables
+    - replace `fill="#282D37"` by `fill="var(--db-icon-color, currentColor)"`
+    - replace `fill="#55b9e6"` by `fill="var(--db-icon-color, #55b9e6)"`
+    - replace `fill="#EC0016"` by `fill="var(--db-icon-pulse-color, #EC0016)"`
+    - replace `fill="#78be14"` by `fill="var(--db-icon-pulse-color, #78be14)"`
+  - `id`-Attribute (generic `icon` id within all SVG files)
+- Afterwards the JSON files within the `source/_patterns/icons` path might need to get updated
+
+## Icon fonts
+
+- Use the source files out of the folder `assets/icons/functional/fonts/sources` via <https://icomoon.io/app/#/select> to generate the font files.
+- You'll need [`wawoff2`](https://www.npmjs.com/package/wawoff2) to generated `woff2` files out of the included `ttf` files; e.g. install it globally and run the following command afterwards within the icomoon folder:
+  `woff2_compress.js icomoon.ttf icons-20-outline-transportation.woff2`
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-16-filled-action.woff b/review/refactor-icon-update/icons/functional/fonts/icons-16-filled-action.woff
new file mode 100644
index 0000000000..6c6a82df3c
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-16-filled-action.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-16-filled-action.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-16-filled-action.woff2
new file mode 100644
index 0000000000..b5cec57916
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-16-filled-action.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-16-filled-navigation.woff b/review/refactor-icon-update/icons/functional/fonts/icons-16-filled-navigation.woff
new file mode 100644
index 0000000000..002119cb3f
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-16-filled-navigation.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-16-filled-navigation.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-16-filled-navigation.woff2
new file mode 100644
index 0000000000..8c868fb69e
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-16-filled-navigation.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-16-filled-notification.woff b/review/refactor-icon-update/icons/functional/fonts/icons-16-filled-notification.woff
new file mode 100644
index 0000000000..1ca6a63507
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-16-filled-notification.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-16-filled-notification.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-16-filled-notification.woff2
new file mode 100644
index 0000000000..d560ab897f
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-16-filled-notification.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-16-outline-action.woff b/review/refactor-icon-update/icons/functional/fonts/icons-16-outline-action.woff
new file mode 100644
index 0000000000..e2f082e6ae
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-16-outline-action.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-16-outline-action.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-16-outline-action.woff2
new file mode 100644
index 0000000000..e71810bd8b
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-16-outline-action.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-16-outline-navigation.woff b/review/refactor-icon-update/icons/functional/fonts/icons-16-outline-navigation.woff
new file mode 100644
index 0000000000..eff5e2d1c8
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-16-outline-navigation.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-16-outline-navigation.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-16-outline-navigation.woff2
new file mode 100644
index 0000000000..28f9f57520
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-16-outline-navigation.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-action.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-action.woff
new file mode 100644
index 0000000000..10493530fc
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-action.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-action.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-action.woff2
new file mode 100644
index 0000000000..a8fdca2df5
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-action.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-av.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-av.woff
new file mode 100644
index 0000000000..86dfeec26f
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-av.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-av.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-av.woff2
new file mode 100644
index 0000000000..fee428709e
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-av.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-communication.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-communication.woff
new file mode 100644
index 0000000000..f56f1c92b6
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-communication.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-communication.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-communication.woff2
new file mode 100644
index 0000000000..278f69bf4d
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-communication.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-feature.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-feature.woff
new file mode 100644
index 0000000000..47cade910b
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-feature.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-feature.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-feature.woff2
new file mode 100644
index 0000000000..951d6ab688
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-feature.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-food.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-food.woff
new file mode 100644
index 0000000000..246e7c3e0c
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-food.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-food.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-food.woff2
new file mode 100644
index 0000000000..13fbf2ad78
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-food.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-it.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-it.woff
new file mode 100644
index 0000000000..5f0d66e8e9
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-it.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-it.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-it.woff2
new file mode 100644
index 0000000000..95073d98e1
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-it.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-journey.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-journey.woff
new file mode 100644
index 0000000000..debd055b01
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-journey.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-journey.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-journey.woff2
new file mode 100644
index 0000000000..5ecce24465
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-journey.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-maps.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-maps.woff
new file mode 100644
index 0000000000..668688007e
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-maps.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-maps.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-maps.woff2
new file mode 100644
index 0000000000..cc83b96730
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-maps.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-navigation.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-navigation.woff
new file mode 100644
index 0000000000..cec6933484
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-navigation.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-navigation.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-navigation.woff2
new file mode 100644
index 0000000000..10f90369bb
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-navigation.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-notification.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-notification.woff
new file mode 100644
index 0000000000..0e48338e96
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-notification.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-notification.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-notification.woff2
new file mode 100644
index 0000000000..a6d8e8ff31
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-notification.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-ticket.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-ticket.woff
new file mode 100644
index 0000000000..9c3bd81265
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-ticket.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-ticket.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-ticket.woff2
new file mode 100644
index 0000000000..9805958855
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-ticket.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-transportation.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-transportation.woff
new file mode 100644
index 0000000000..e22f1cc0f1
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-transportation.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-transportation.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-transportation.woff2
new file mode 100644
index 0000000000..03b5624ba4
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-filled-transportation.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-action.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-action.woff
new file mode 100644
index 0000000000..6422b75a8f
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-action.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-action.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-action.woff2
new file mode 100644
index 0000000000..7f7f821c42
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-action.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-av.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-av.woff
new file mode 100644
index 0000000000..c3be1dad69
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-av.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-av.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-av.woff2
new file mode 100644
index 0000000000..9cb1afe122
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-av.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-brand.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-brand.woff
new file mode 100644
index 0000000000..1b65b9edca
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-brand.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-brand.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-brand.woff2
new file mode 100644
index 0000000000..b5fe054c78
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-brand.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-communication.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-communication.woff
new file mode 100644
index 0000000000..c3b0c5a1cd
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-communication.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-communication.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-communication.woff2
new file mode 100644
index 0000000000..ac4c59b19e
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-communication.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-covid-19.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-covid-19.woff
new file mode 100644
index 0000000000..8e11d64280
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-covid-19.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-covid-19.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-covid-19.woff2
new file mode 100644
index 0000000000..b71220431d
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-covid-19.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-facilities.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-facilities.woff
new file mode 100644
index 0000000000..7c8482a35d
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-facilities.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-facilities.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-facilities.woff2
new file mode 100644
index 0000000000..b92f566919
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-facilities.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-feature.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-feature.woff
new file mode 100644
index 0000000000..94ed62ce38
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-feature.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-feature.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-feature.woff2
new file mode 100644
index 0000000000..7fe8775715
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-feature.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-food.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-food.woff
new file mode 100644
index 0000000000..acccbaa485
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-food.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-food.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-food.woff2
new file mode 100644
index 0000000000..b73f8c52cc
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-food.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-it.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-it.woff
new file mode 100644
index 0000000000..67f6608958
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-it.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-it.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-it.woff2
new file mode 100644
index 0000000000..a6b9e3f495
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-it.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-journey.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-journey.woff
new file mode 100644
index 0000000000..f3aafa930b
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-journey.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-journey.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-journey.woff2
new file mode 100644
index 0000000000..c0db571d96
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-journey.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-maps.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-maps.woff
new file mode 100644
index 0000000000..82c6337a0c
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-maps.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-maps.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-maps.woff2
new file mode 100644
index 0000000000..19c4c9b4d7
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-maps.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-navigation.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-navigation.woff
new file mode 100644
index 0000000000..321fd3660a
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-navigation.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-navigation.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-navigation.woff2
new file mode 100644
index 0000000000..6f47c0d1fe
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-navigation.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-notification.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-notification.woff
new file mode 100644
index 0000000000..3993874889
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-notification.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-notification.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-notification.woff2
new file mode 100644
index 0000000000..5151f081ee
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-notification.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-seat.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-seat.woff
new file mode 100644
index 0000000000..b2dc1761b7
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-seat.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-seat.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-seat.woff2
new file mode 100644
index 0000000000..69d62ee2d8
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-seat.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-ticket.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-ticket.woff
new file mode 100644
index 0000000000..66665c77ff
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-ticket.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-ticket.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-ticket.woff2
new file mode 100644
index 0000000000..e53c1f209d
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-ticket.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-transportation.woff b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-transportation.woff
new file mode 100644
index 0000000000..7e7ba1f507
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-transportation.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-transportation.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-transportation.woff2
new file mode 100644
index 0000000000..6b876f811e
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-20-outline-transportation.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-action.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-action.woff
new file mode 100644
index 0000000000..6ed4e1c6ce
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-action.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-action.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-action.woff2
new file mode 100644
index 0000000000..cac5fb9ab1
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-action.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-av.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-av.woff
new file mode 100644
index 0000000000..18b197f1a7
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-av.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-av.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-av.woff2
new file mode 100644
index 0000000000..98c29a4ac1
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-av.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-journey.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-journey.woff
new file mode 100644
index 0000000000..31caaf981a
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-journey.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-journey.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-journey.woff2
new file mode 100644
index 0000000000..2ee5fa21b1
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-journey.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-maps.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-maps.woff
new file mode 100644
index 0000000000..c58cfd9dfe
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-maps.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-maps.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-maps.woff2
new file mode 100644
index 0000000000..2385109e98
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-maps.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-navigation.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-navigation.woff
new file mode 100644
index 0000000000..a4ae126880
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-navigation.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-navigation.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-navigation.woff2
new file mode 100644
index 0000000000..3f4c4def78
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-navigation.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-notification.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-notification.woff
new file mode 100644
index 0000000000..eceb6b56a5
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-notification.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-notification.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-notification.woff2
new file mode 100644
index 0000000000..348909b35e
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-notification.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-transportation.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-transportation.woff
new file mode 100644
index 0000000000..32d6abb141
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-transportation.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-transportation.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-transportation.woff2
new file mode 100644
index 0000000000..2ccd063232
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-filled-transportation.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-action.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-action.woff
new file mode 100644
index 0000000000..70b8ed507b
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-action.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-action.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-action.woff2
new file mode 100644
index 0000000000..c2bf8e3dff
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-action.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-av.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-av.woff
new file mode 100644
index 0000000000..d00052f368
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-av.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-av.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-av.woff2
new file mode 100644
index 0000000000..2293d1014b
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-av.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-brand.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-brand.woff
new file mode 100644
index 0000000000..6328a8ae8e
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-brand.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-brand.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-brand.woff2
new file mode 100644
index 0000000000..f9a7159085
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-brand.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-communication.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-communication.woff
new file mode 100644
index 0000000000..808490b1a1
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-communication.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-communication.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-communication.woff2
new file mode 100644
index 0000000000..f057e1710a
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-communication.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-covid-19.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-covid-19.woff
new file mode 100644
index 0000000000..376e4fa679
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-covid-19.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-covid-19.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-covid-19.woff2
new file mode 100644
index 0000000000..0c57d55b86
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-covid-19.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-facilities.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-facilities.woff
new file mode 100644
index 0000000000..00cf39baa4
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-facilities.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-facilities.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-facilities.woff2
new file mode 100644
index 0000000000..991c082eca
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-facilities.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-feature.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-feature.woff
new file mode 100644
index 0000000000..94385dd63b
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-feature.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-feature.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-feature.woff2
new file mode 100644
index 0000000000..5d29f2b70d
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-feature.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-food.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-food.woff
new file mode 100644
index 0000000000..33b7ce9e1e
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-food.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-food.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-food.woff2
new file mode 100644
index 0000000000..0c6bea2d70
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-food.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-it.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-it.woff
new file mode 100644
index 0000000000..6c72c29df0
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-it.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-it.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-it.woff2
new file mode 100644
index 0000000000..323ba4136c
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-it.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-journey.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-journey.woff
new file mode 100644
index 0000000000..dbe913c18c
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-journey.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-journey.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-journey.woff2
new file mode 100644
index 0000000000..8c46fde876
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-journey.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-maps.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-maps.woff
new file mode 100644
index 0000000000..10dc313ccb
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-maps.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-maps.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-maps.woff2
new file mode 100644
index 0000000000..24fcf77f22
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-maps.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-navigation.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-navigation.woff
new file mode 100644
index 0000000000..5a4b2981d1
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-navigation.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-navigation.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-navigation.woff2
new file mode 100644
index 0000000000..044288e62e
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-navigation.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-notification.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-notification.woff
new file mode 100644
index 0000000000..31ba7e0bc8
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-notification.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-notification.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-notification.woff2
new file mode 100644
index 0000000000..b7c29efe4b
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-notification.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-seat.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-seat.woff
new file mode 100644
index 0000000000..d2a3eccd72
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-seat.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-seat.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-seat.woff2
new file mode 100644
index 0000000000..a3a3b651dd
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-seat.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-ticket.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-ticket.woff
new file mode 100644
index 0000000000..52328db254
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-ticket.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-ticket.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-ticket.woff2
new file mode 100644
index 0000000000..8ea2189458
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-ticket.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-transportation.woff b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-transportation.woff
new file mode 100644
index 0000000000..af7c330e8d
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-transportation.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-transportation.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-transportation.woff2
new file mode 100644
index 0000000000..26c59b9269
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-24-outline-transportation.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-action.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-action.woff
new file mode 100644
index 0000000000..1e5dc59a4f
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-action.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-action.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-action.woff2
new file mode 100644
index 0000000000..7275a6de32
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-action.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-av.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-av.woff
new file mode 100644
index 0000000000..3b78e42e01
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-av.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-av.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-av.woff2
new file mode 100644
index 0000000000..7ddbb0dfbc
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-av.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-maps.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-maps.woff
new file mode 100644
index 0000000000..41c5e1724d
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-maps.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-maps.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-maps.woff2
new file mode 100644
index 0000000000..780138d82c
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-maps.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-navigation.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-navigation.woff
new file mode 100644
index 0000000000..6d2be03bed
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-navigation.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-navigation.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-navigation.woff2
new file mode 100644
index 0000000000..75aa6035ba
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-navigation.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-notification.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-notification.woff
new file mode 100644
index 0000000000..7f6c711f2b
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-notification.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-notification.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-notification.woff2
new file mode 100644
index 0000000000..eabe52d8f7
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-notification.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-transportation.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-transportation.woff
new file mode 100644
index 0000000000..f78e7c2560
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-transportation.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-transportation.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-transportation.woff2
new file mode 100644
index 0000000000..4106ca47cd
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-filled-transportation.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-action.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-action.woff
new file mode 100644
index 0000000000..7629c3e72e
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-action.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-action.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-action.woff2
new file mode 100644
index 0000000000..50691a51f0
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-action.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-av.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-av.woff
new file mode 100644
index 0000000000..3f5434bfc7
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-av.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-av.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-av.woff2
new file mode 100644
index 0000000000..638e917548
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-av.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-brand.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-brand.woff
new file mode 100644
index 0000000000..d5943dc821
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-brand.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-brand.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-brand.woff2
new file mode 100644
index 0000000000..a5984c68e8
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-brand.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-communication.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-communication.woff
new file mode 100644
index 0000000000..696d74e7f7
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-communication.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-communication.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-communication.woff2
new file mode 100644
index 0000000000..503df0f487
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-communication.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-covid-19.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-covid-19.woff
new file mode 100644
index 0000000000..476560a367
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-covid-19.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-covid-19.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-covid-19.woff2
new file mode 100644
index 0000000000..a8f3048044
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-covid-19.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-facilities.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-facilities.woff
new file mode 100644
index 0000000000..0c85ae6500
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-facilities.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-facilities.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-facilities.woff2
new file mode 100644
index 0000000000..fbb5fcb90b
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-facilities.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-feature.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-feature.woff
new file mode 100644
index 0000000000..fef4514dd7
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-feature.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-feature.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-feature.woff2
new file mode 100644
index 0000000000..0e07363638
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-feature.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-food.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-food.woff
new file mode 100644
index 0000000000..753e28d801
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-food.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-food.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-food.woff2
new file mode 100644
index 0000000000..c10bd4781b
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-food.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-it.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-it.woff
new file mode 100644
index 0000000000..da7a1ada93
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-it.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-it.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-it.woff2
new file mode 100644
index 0000000000..9269df132e
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-it.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-journey.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-journey.woff
new file mode 100644
index 0000000000..829be9a81f
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-journey.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-journey.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-journey.woff2
new file mode 100644
index 0000000000..9cc9d5c427
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-journey.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-maps.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-maps.woff
new file mode 100644
index 0000000000..2d43111f97
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-maps.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-maps.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-maps.woff2
new file mode 100644
index 0000000000..74f365bf1e
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-maps.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-navigation.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-navigation.woff
new file mode 100644
index 0000000000..73a0c7600e
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-navigation.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-navigation.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-navigation.woff2
new file mode 100644
index 0000000000..2f3dc31d14
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-navigation.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-notification.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-notification.woff
new file mode 100644
index 0000000000..9d9a20d6d1
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-notification.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-notification.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-notification.woff2
new file mode 100644
index 0000000000..12fdeccb25
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-notification.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-seat.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-seat.woff
new file mode 100644
index 0000000000..4ddea975d7
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-seat.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-seat.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-seat.woff2
new file mode 100644
index 0000000000..f35da07cdb
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-seat.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-ticket.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-ticket.woff
new file mode 100644
index 0000000000..15f14a0d7f
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-ticket.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-ticket.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-ticket.woff2
new file mode 100644
index 0000000000..4ee58f134f
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-ticket.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-transportation.woff b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-transportation.woff
new file mode 100644
index 0000000000..80ca480131
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-transportation.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-transportation.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-transportation.woff2
new file mode 100644
index 0000000000..22e5e992f4
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-32-outline-transportation.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-48-filled-av.woff b/review/refactor-icon-update/icons/functional/fonts/icons-48-filled-av.woff
new file mode 100644
index 0000000000..d6302a7b75
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-48-filled-av.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-48-filled-av.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-48-filled-av.woff2
new file mode 100644
index 0000000000..bd7fccf658
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-48-filled-av.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-48-outline-av.woff b/review/refactor-icon-update/icons/functional/fonts/icons-48-outline-av.woff
new file mode 100644
index 0000000000..d302a6e1ac
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-48-outline-av.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-48-outline-av.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-48-outline-av.woff2
new file mode 100644
index 0000000000..e444312096
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-48-outline-av.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-48-outline-brand.woff b/review/refactor-icon-update/icons/functional/fonts/icons-48-outline-brand.woff
new file mode 100644
index 0000000000..7818b5c58b
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-48-outline-brand.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-48-outline-brand.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-48-outline-brand.woff2
new file mode 100644
index 0000000000..5f72a1eb9a
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-48-outline-brand.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-64-filled-av.woff b/review/refactor-icon-update/icons/functional/fonts/icons-64-filled-av.woff
new file mode 100644
index 0000000000..0d32a99d62
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-64-filled-av.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-64-filled-av.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-64-filled-av.woff2
new file mode 100644
index 0000000000..e7452fcefd
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-64-filled-av.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-64-outline-av.woff b/review/refactor-icon-update/icons/functional/fonts/icons-64-outline-av.woff
new file mode 100644
index 0000000000..09f9741879
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-64-outline-av.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-64-outline-av.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-64-outline-av.woff2
new file mode 100644
index 0000000000..f1c9f5487e
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-64-outline-av.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-64-outline-brand.woff b/review/refactor-icon-update/icons/functional/fonts/icons-64-outline-brand.woff
new file mode 100644
index 0000000000..101ec4be8a
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-64-outline-brand.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-64-outline-brand.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-64-outline-brand.woff2
new file mode 100644
index 0000000000..913ee1a5ff
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-64-outline-brand.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-empty.woff b/review/refactor-icon-update/icons/functional/fonts/icons-empty.woff
new file mode 100644
index 0000000000..aeae58c3be
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-empty.woff differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/icons-empty.woff2 b/review/refactor-icon-update/icons/functional/fonts/icons-empty.woff2
new file mode 100644
index 0000000000..c143284d82
Binary files /dev/null and b/review/refactor-icon-update/icons/functional/fonts/icons-empty.woff2 differ
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-16-action-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-16-action-filled.json
new file mode 100644
index 0000000000..8b4d808381
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-16-action-filled.json
@@ -0,0 +1,103 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M512 128c211.648 0 384 171.072 384 383.552 0 211.904-172.352 384.448-384 384.448s-384-172.544-384-384.448c0-211.008 172.352-383.552 384-383.552zM690.816 344.64l-250.752 250.752-106.816-106.56-73.92 71.936 182.016 177.984 323.392-321.152z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_check_circle_solid_16"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 258,
+				"id": 0,
+				"name": "db_ic_check_circle_solid_16",
+				"prevSize": 32,
+				"code": 922144
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512.192 128c211.905 0.109 383.662 171.844 383.808 383.73l0 0.014c0 211.712-171.584 384.256-383.744 384.256-212.992 0-384.256-173.568-384.256-384.256 0-211.328 172.288-383.744 384.192-383.744zM496.192 649.344c-38.144 0-69.12 30.080-69.12 69.76 0 39.168 30.208 69.12 70.144 69.12 39.36 0 68.736-30.848 68.736-69.184 0-37.44-29.952-69.696-69.76-69.696zM505.792 243.776c-67.712 0-124.288 28.352-146.624 41.92l45.952 109.888c28.672-15.104 68.928-30.912 98.176-30.912 31.232 0 37.696 17.92 37.696 32.192 0 57.728-105.92 54.848-105.92 156.608v60.928h119.872v-60.928c0-40.32 106.112-65.536 106.112-178.816 0-80.896-65.152-130.88-155.2-130.88z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_help_solid_16"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 257,
+				"id": 1,
+				"name": "db_ic_help_solid_16",
+				"prevSize": 32,
+				"code": 63
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 128c211.52 0 384 172.48 384 384s-172.48 384-384 384-384-172.48-384-384 172.48-384 384-384zM563.2 448h-102.4v307.2h102.4zM512 228.8c-35.2 0-65.6 28.8-65.6 64 0.181 36.157 29.443 65.419 65.583 65.6l0.017 0c35.2 0 65.6-28.8 65.6-65.6 0-35.2-30.4-64-65.6-64z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_info_solid_16"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 256,
+				"id": 2,
+				"name": "db_ic_info_solid_16",
+				"prevSize": 32,
+				"code": 128712
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-16-action-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-16-action-outline.json
new file mode 100644
index 0000000000..a3ae6c2aac
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-16-action-outline.json
@@ -0,0 +1,103 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M817.536 285.632c-11.574-11.593-27.573-18.765-45.248-18.765s-33.674 7.172-45.247 18.764l-0.001 0.001-316.8 316.8-113.28-113.152c-11.574-11.566-27.56-18.72-45.216-18.72-35.328 0-63.968 28.639-63.968 63.968 0 17.672 7.166 33.671 18.751 45.248l0 0 158.336 158.4c11.577 11.612 27.59 18.797 45.28 18.797s33.703-7.185 45.278-18.795l0.002-0.002 362.048-362.048c11.593-11.574 18.765-27.573 18.765-45.248s-7.172-33.674-18.764-45.247l-0.001-0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_done_16"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 255,
+				"id": 2,
+				"name": "db_ic_done_16",
+				"prevSize": 32,
+				"code": 10003
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M192 512c0-35.346 28.654-64 64-64h512c35.346 0 64 28.654 64 64s-28.654 64-64 64h-512c-35.346 0-64-28.654-64-64z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_minus_16"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 254,
+				"id": 1,
+				"name": "db_ic_minus_16",
+				"prevSize": 32,
+				"code": 8722
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 192c35.346 0 64 28.654 64 64v0 191.936l192 0.064c35.346-0 64 28.654 64 64s-28.654 64-64 64h-192v192c0 35.346-28.654 64-64 64s-64-28.654-64-64v0-192h-192c-35.346 0-64-28.654-64-64s28.654-64 64-64v0h192v-192c0-35.346 28.654-64 64-64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_add_16"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 253,
+				"id": 0,
+				"name": "db_ic_add_16",
+				"prevSize": 32,
+				"code": 43
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-16-navigation-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-16-navigation-filled.json
new file mode 100644
index 0000000000..d6dacf2029
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-16-navigation-filled.json
@@ -0,0 +1,57 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M512.192 128c-211.904 0-384.192 172.416-384.192 383.744 0 210.688 171.264 384.256 384.256 384.256 212.077 0 384-171.923 384-384s-171.923-384-384-384v0zM648 288l88 89.984-134.016 134.016 134.016 134.016-89.984 89.984-134.016-134.016-134.016 134.016-89.984-89.984 134.016-134.016-134.016-134.016 89.984-89.984 134.016 134.016z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_cancel_solid_16"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 252,
+				"id": 0,
+				"name": "db_ic_cancel_solid_16",
+				"prevSize": 32,
+				"code": 11198
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-16-navigation-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-16-navigation-outline.json
new file mode 100644
index 0000000000..125c3642e8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-16-navigation-outline.json
@@ -0,0 +1,241 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M463.552 242.752c11.578 11.581 18.738 27.578 18.738 45.248s-7.161 33.667-18.739 45.248l-114.816 114.752h483.264c32.704 0.004 59.676 24.538 63.522 56.205l0.030 0.307 0.448 7.488c0 35.346-28.654 64-64 64v0h-487.744l119.296 119.296c11.575 11.583 18.733 27.579 18.733 45.248 0 35.353-28.66 64.013-64.013 64.013-17.685 0-33.694-7.171-45.28-18.765l-226.24-226.24c-11.591-11.583-18.76-27.589-18.76-45.27 0-15.038 5.187-28.865 13.869-39.789l-0.101 0.131 4.992-5.632 226.24-226.24c11.584-11.597 27.594-18.77 45.28-18.77s33.696 7.174 45.279 18.77l0.001 0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_arrow_back_16"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 251,
+				"id": 8,
+				"name": "db_ic_arrow_back_16",
+				"prevSize": 32,
+				"code": 8592
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M783.552 560.192c11.578 11.581 18.738 27.578 18.738 45.248s-7.161 33.667-18.739 45.248l-226.304 226.24-5.568 4.992c-10.793 8.581-24.62 13.768-39.658 13.768-17.681 0-33.687-7.169-45.27-18.76l-0-0-226.24-226.176c-12.054-11.654-19.538-27.97-19.538-46.034 0-35.346 28.654-64 64-64 18.064 0 34.38 7.484 46.017 19.52l0.017 0.018 117.056 116.992v-485.12c0-35.346 28.654-64 64-64s64 28.654 64 64v0 485.12l116.928-117.056c11.582-11.58 27.581-18.743 45.253-18.743 14.846 0 28.511 5.055 39.369 13.537l-0.141-0.106z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_arrow_down_16"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 250,
+				"id": 7,
+				"name": "db_ic_arrow_down_16",
+				"prevSize": 32,
+				"code": 8595
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M560.192 237.248c11.581-11.578 27.578-18.738 45.248-18.738s33.667 7.161 45.248 18.739l226.24 226.304 4.992 5.568c8.581 10.793 13.768 24.62 13.768 39.658 0 17.681-7.169 33.687-18.76 45.27l-226.24 226.24c-11.497 11.116-27.179 17.966-44.462 17.966-35.346 0-64-28.654-64-64 0-17.282 6.85-32.964 17.983-44.48l-0.017 0.018 113.728-113.792h-481.92c-35.346 0-64-28.654-64-64s28.654-64 64-64v0h488.384l-120.192-120.32c-11.602-11.585-18.779-27.599-18.779-45.289 0-14.83 5.044-28.482 13.51-39.333l-0.107 0.142z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_arrow_forward_16"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 249,
+				"id": 6,
+				"name": "db_ic_arrow_forward_16",
+				"prevSize": 32,
+				"code": 8594
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M783.488 463.488c11.578-11.581 18.738-27.578 18.738-45.248s-7.161-33.667-18.739-45.248l-226.304-226.24-5.568-4.992c-10.793-8.581-24.62-13.768-39.658-13.768-17.681 0-33.687 7.169-45.27 18.76l-0 0-226.24 226.176c-12.054 11.654-19.538 27.97-19.538 46.034 0 35.346 28.654 64 64 64 18.064 0 34.38-7.484 46.017-19.52l0.017-0.018 117.056-116.992v485.12c0 35.346 28.654 64 64 64s64-28.654 64-64v0-485.12l116.928 117.056c11.582 11.58 27.581 18.743 45.253 18.743 14.846 0 28.511-5.055 39.369-13.537l-0.141 0.106z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_arrow_up_16"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 248,
+				"id": 5,
+				"name": "db_ic_arrow_up_16",
+				"prevSize": 32,
+				"code": 8593
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M353.216 557.184l226.048 226.048c11.572 11.572 27.558 18.729 45.216 18.729 35.316 0 63.945-28.629 63.945-63.945 0-17.658-7.157-33.644-18.729-45.216l-180.8-180.8 180.736-180.736c11.572-11.572 18.729-27.558 18.729-45.216 0-35.316-28.629-63.945-63.945-63.945-17.658 0-33.644 7.157-45.216 18.729l-226.048 226.048c-11.574 11.571-18.733 27.557-18.733 45.216s7.159 33.645 18.733 45.216l0 0v-0.128z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_chevron_left_16"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 247,
+				"id": 4,
+				"name": "db_ic_chevron_left_16",
+				"prevSize": 32,
+				"code": 60
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M669.696 557.184l-226.048 226.048c-11.572 11.572-27.558 18.729-45.216 18.729-35.316 0-63.945-28.629-63.945-63.945 0-17.658 7.157-33.644 18.729-45.216l180.8-180.8-180.736-180.736c-11.572-11.572-18.729-27.558-18.729-45.216 0-35.316 28.629-63.945 63.945-63.945 17.658 0 33.644 7.157 45.216 18.729l226.048 226.048c11.574 11.571 18.733 27.557 18.733 45.216s-7.159 33.645-18.733 45.216l-0 0v-0.128z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_chevron_right_16"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 246,
+				"id": 3,
+				"name": "db_ic_chevron_right_16",
+				"prevSize": 32,
+				"code": 62
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M601.856 512l180.8-180.8c11.577-11.569 18.738-27.556 18.738-45.216 0-35.303-28.619-63.922-63.922-63.922-17.644 0-33.618 7.148-45.184 18.707l-180.8 180.8-180.8-180.8c-11.572-11.572-27.558-18.729-45.216-18.729-35.316 0-63.945 28.629-63.945 63.945 0 17.658 7.157 33.644 18.729 45.216l180.8 180.8-180.8 180.736c-11.572 11.572-18.729 27.558-18.729 45.216 0 35.316 28.629 63.945 63.945 63.945 17.658 0 33.644-7.157 45.216-18.729l180.8-180.8 180.8 180.8c11.566 11.558 27.54 18.706 45.184 18.706 35.303 0 63.922-28.619 63.922-63.922 0-17.66-7.161-33.647-18.738-45.216l-0-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_close_16"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 245,
+				"id": 2,
+				"name": "db_ic_close_16",
+				"prevSize": 32,
+				"code": 10799
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M466.816 353.152l-226.176 226.048c-11.572 11.572-18.729 27.558-18.729 45.216 0 35.316 28.629 63.945 63.945 63.945 17.658 0 33.644-7.157 45.216-18.729l180.8-180.8 180.8 180.8c11.572 11.572 27.558 18.729 45.216 18.729 35.316 0 63.945-28.629 63.945-63.945 0-17.658-7.157-33.644-18.729-45.216l-226.048-226.048c-11.568-11.555-27.541-18.701-45.184-18.701s-33.616 7.146-45.185 18.701l0.001-0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_expand_less_16"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 244,
+				"id": 1,
+				"name": "db_ic_expand_less_16",
+				"prevSize": 32,
+				"code": 8963
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M466.88 669.632l-226.176-226.048c-11.572-11.572-18.729-27.558-18.729-45.216 0-35.316 28.629-63.945 63.945-63.945 17.658 0 33.644 7.157 45.216 18.729l180.8 180.8 180.8-180.8c11.572-11.572 27.558-18.729 45.216-18.729 35.316 0 63.945 28.629 63.945 63.945 0 17.658-7.157 33.644-18.729 45.216l-226.048 226.048c-11.568 11.555-27.541 18.701-45.184 18.701s-33.616-7.146-45.185-18.701l0.001 0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_expand_more_16"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 243,
+				"id": 0,
+				"name": "db_ic_expand_more_16",
+				"prevSize": 32,
+				"code": 8964
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-16-notification-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-16-notification-filled.json
new file mode 100644
index 0000000000..90d6e94aa0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-16-notification-filled.json
@@ -0,0 +1,80 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M512 128c211.52 0 384 172.48 384 384s-172.48 384-384 384-384-172.48-384-384 172.48-384 384-384zM512 625.6c-27.2 0-51.2 22.4-51.2 49.6 0 28.8 24 51.2 51.2 51.2 28.8 0 51.2-22.4 51.2-51.2-0.319-27.467-22.66-49.611-50.173-49.611-0.361 0-0.721 0.004-1.081 0.011l0.054-0.001zM563.2 307.2h-102.4v256h102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_error_solid_16"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 259,
+				"id": 1,
+				"name": "db_ic_error_solid_16",
+				"prevSize": 32,
+				"code": 921891
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 128c38.208 0 71.68 20.288 87.168 51.392l287.040 577.92c6.784 13.632 9.792 28.16 9.792 41.728 0 53.312-44.096 96.96-96.96 96.96h-574.080c-53.419-0.325-96.635-43.542-96.96-96.929l-0-0.031c0-14.528 3.392-28.864 9.792-41.728l288.96-576c16-31.808 49.024-53.312 85.248-53.312zM512 713.728c-0.020-0-0.043-0-0.066-0-29.228 0-52.956 23.549-53.245 52.709l-0 0.027c0 29.443 23.869 53.312 53.312 53.312s53.312-23.869 53.312-53.312v0c-0.29-29.187-24.017-52.736-53.246-52.736-0.023 0-0.047 0-0.070 0l0.004-0zM563.2 307.2h-102.4v307.2h102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_warning_solid_16"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 260,
+				"id": 0,
+				"name": "db_ic_warning_solid_16",
+				"prevSize": 32,
+				"code": 9888
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-action-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-action-filled.json
new file mode 100644
index 0000000000..5e7c62d63b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-action-filled.json
@@ -0,0 +1,839 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M815.258 204.8c58.726 0 106.342 47.616 106.342 106.342v98.458c0 28.277-22.923 51.2-51.2 51.2v0c-28.277 0-51.2 22.923-51.2 51.2s22.923 51.2 51.2 51.2v0c28.277 0 51.2 22.923 51.2 51.2v0 98.458c0 58.726-47.616 106.342-106.342 106.342h-606.515c-58.731 0-106.342-47.611-106.342-106.342v-98.458c0-28.277 22.923-51.2 51.2-51.2v0c28.277 0 51.2-22.923 51.2-51.2s-22.923-51.2-51.2-51.2v0c-28.277 0-51.2-22.923-51.2-51.2v0-98.458c0-58.726 47.616-106.342 106.342-106.342zM613.888 562.944c-28.124 0.029-50.915 22.82-50.944 50.941l-0 0.003c-0.002 0.167-0.003 0.363-0.003 0.56 0 28.447 23.061 51.507 51.507 51.507s51.507-23.061 51.507-51.507c0-28.447-23.061-51.507-51.507-51.507-0.197 0-0.394 0.001-0.59 0.003l0.030-0zM588.902 362.291l-225.587 226.611 71.782 71.782 226.611-225.587zM410.112 358.144c-0.685-0.033-1.488-0.051-2.296-0.051-28.447 0-51.507 23.061-51.507 51.507s23.061 51.507 51.507 51.507c0.808 0 1.611-0.019 2.409-0.055l-0.113 0.004c28.124-0.029 50.915-22.82 50.944-50.941l0-0.003c0-29.082-22.886-51.968-50.944-51.968z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_voucher_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 356,
+				"id": 0,
+				"name": "db_ic_voucher_solid_20",
+				"prevSize": 32,
+				"code": 922132
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M732.826 899.174c-8.292-0.432-15.955-2.751-22.686-6.534l0.26 0.134-198.4-103.936-198.4 103.936c-6.301 4.039-13.989 6.438-22.238 6.438-0.624 0-1.245-0.014-1.863-0.041l0.088 0.003c-30.362 0-54.374-30.362-49.562-59.187l38.4-220.774-160-155.238c-9.439-9.472-15.453-22.364-16.022-36.655l-0.003-0.106c0-20.838 14.387-46.438 43.213-51.2l222.413-32 97.587-200.038c7.987-17.562 27.187-28.774 46.387-28.774s38.4 11.213 46.387 28.774l97.587 200.038 222.413 32c24.013 3.174 43.213 23.962 43.213 51.2 0 12.8-6.4 27.187-16.026 36.762l-160 155.238 38.4 220.774c0.422 2.465 0.663 5.304 0.663 8.199 0 28.164-22.831 50.995-50.995 50.995-0.305 0-0.61-0.003-0.914-0.008l0.046 0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_star_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 29,
+				"id": 1,
+				"name": "db_ic_star_solid_20",
+				"prevSize": 32,
+				"code": 9734
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M510.413 153.6c121.344 0 205.875 88.218 205.875 203.674h153.242c31.949 0 57.446 30.464 51.098 62.515l-79.821 408.934c-4.813 24.064-27.136 41.677-51.098 41.677h-555.418c-24.579-0.395-44.922-18.050-49.458-41.354l-0.052-0.323-81.357-408.934c-0.563-2.896-0.885-6.227-0.885-9.633 0-28.891 23.165-52.372 51.935-52.881l0.048-0.001h153.19c0-113.869 82.944-203.674 202.701-203.674zM512 256c-63.846 0-102.144 43.315-102.144 102.605h204.288c0-59.29-39.936-102.605-102.144-102.605z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_shopping_basket_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 28,
+				"id": 2,
+				"name": "db_ic_shopping_basket_solid_20",
+				"prevSize": 32,
+				"code": 921721
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M510.413 153.6c83.302 0 149.35 41.626 182.477 105.114l64.512-64.512c9.198-8.892 21.744-14.372 35.569-14.372 28.277 0 51.2 22.923 51.2 51.2 0 13.826-5.48 26.371-14.386 35.584l0.014-0.014c-215.111 215.295-423.457 423.641-631.891 631.899l-8.109 8.101c-9.267 9.277-22.075 15.016-36.224 15.016s-26.957-5.739-36.224-15.016l-0-0c-18.432-18.432-21.299-49.408 0-72.397 18.944-19.149 37.99-38.195 57.088-57.19l-71.014-357.222c-0.563-2.896-0.885-6.227-0.885-9.633 0-28.891 23.165-52.372 51.935-52.881l0.048-0.001h153.19c0-113.869 82.944-203.674 202.701-203.674zM882.125 358.861c25.651 6.656 44.032 33.229 38.502 60.928l-79.821 408.934c-4.813 24.064-27.136 41.677-51.098 41.677h-419.226zM512 256c-63.846 0-102.144 43.315-102.144 102.605h183.040l19.712-19.61c-7.834-48.998-45.466-82.995-100.608-82.995z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_shopping_basket_disabled_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 27,
+				"id": 3,
+				"name": "db_ic_shopping_basket_disabled_solid_20",
+				"prevSize": 32,
+				"code": 921941
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512.051 102.4c102.4 0 204.8 76.8 204.8 204.8h72.038c0.101-0.001 0.22-0.001 0.34-0.001 27.109 0 49.273 21.175 50.854 47.887l0.007 0.139 30.362 512c0.027 0.629 0.043 1.368 0.043 2.109 0 28.508-22.819 51.686-51.189 52.264l-0.054 0.001h-614.4c-28.774 0-52.736-25.6-51.2-54.426l30.413-512c1.614-26.829 23.766-47.976 50.857-47.976 0.12 0 0.241 0 0.361 0.001l-0.019-0h71.987c0-128 94.413-204.8 204.8-204.8zM409.651 460.8h-102.4v35.226c0 135.987 92.826 220.774 204.8 220.774 112.026 0 204.8-84.787 204.8-220.826v-35.174h-102.4v17.613c0 65.587-20.787 135.987-102.4 135.987-81.562 0-102.4-70.4-102.4-135.987zM512.051 204.8c-51.2 0-102.4 30.413-102.4 102.4h204.8c0-71.987-51.2-102.4-102.4-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_shopping_bag_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 26,
+				"id": 4,
+				"name": "db_ic_shopping_bag_solid_20",
+				"prevSize": 32,
+				"code": 128717
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M794.163 678.861l1.843 4.301 67.994 204.8c0.855 2.446 1.349 5.265 1.349 8.199 0 14.138-11.462 25.6-25.6 25.6-9.697 0-18.134-5.391-22.479-13.339l-0.067-0.134-1.792-4.25-18.022-54.118h-58.573l-20.838 55.142c-3.762 9.754-13.061 16.549-23.947 16.549-1.634 0-3.233-0.153-4.782-0.446l0.159 0.025-4.454-1.229c-9.729-3.774-16.501-13.061-16.501-23.928 0-1.641 0.154-3.246 0.449-4.801l-0.025 0.16 1.229-4.454 77.67-204.8c3.761-9.757 13.061-16.554 23.948-16.554 9.618 0 17.997 5.304 22.372 13.147l0.067 0.13zM606.259 665.6c49.254 0 77.005 27.75 77.005 79.616 0 49.050-24.32 75.776-68.864 78.592l-8.090 0.256h-32.358l0.051 71.936c0 0.003 0 0.006 0 0.009 0 12.509-8.972 22.923-20.833 25.157l-0.159 0.025-4.608 0.41c-0.003 0-0.006 0-0.009 0-12.509 0-22.923-8.972-25.157-20.833l-0.025-0.159-0.41-4.608v-204.8c-0-0.003-0-0.006-0-0.009 0-12.509 8.972-22.923 20.833-25.157l0.159-0.025 4.608-0.41zM235.315 665.6c22.374 0 43.93 5.069 61.798 13.67 8.276 4.354 13.822 12.894 13.822 22.73 0 14.138-11.462 25.6-25.6 25.6-3.802 0-7.41-0.829-10.654-2.315l0.16 0.066c-11.408-5.4-24.784-8.553-38.896-8.553-0.222 0-0.443 0.001-0.664 0.002l0.034-0c-13.363 0-17.408 3.635-17.408 11.93 0 9.626 5.888 17.357 25.498 31.13l14.131 9.523c44.749 29.082 61.594 46.438 61.594 82.022 0 41.574-34.458 70.195-80.23 70.195-24.926-0.003-48.276-6.752-68.322-18.521l0.636 0.345c-7.533-4.548-12.493-12.69-12.493-21.99 0-14.139 11.462-25.6 25.6-25.6 4.838 0 9.363 1.342 13.222 3.674l-0.115-0.064c11.213 6.656 26.47 10.957 41.472 10.957 19.354 0 29.030-8.038 29.030-18.944 0-9.216-5.786-16.742-25.088-30.259l-13.875-9.37c-45.261-29.44-62.31-47.002-62.31-83.098 0-37.939 28.262-63.13 68.608-63.13zM471.142 665.6c0.014-0 0.031-0 0.047-0 14.138 0 25.6 11.462 25.6 25.6 0 12.526-8.997 22.951-20.881 25.166l-0.158 0.025-4.608 0.41h-79.206v46.285h60.16c0.105-0.002 0.229-0.002 0.354-0.002 14.138 0 25.6 11.462 25.6 25.6 0 12.636-9.155 23.133-21.193 25.222l-0.153 0.022-4.608 0.41-60.16-0.051v56.115h83.712c0.003-0 0.006-0 0.009-0 12.509 0 22.923 8.972 25.157 20.833l0.025 0.159 0.41 4.608c0 0.003 0 0.006 0 0.009 0 12.509-8.972 22.923-20.833 25.157l-0.159 0.025-4.608 0.41h-109.261c-0.003 0-0.006 0-0.009 0-12.509 0-22.923-8.972-25.157-20.833l-0.025-0.159-0.41-4.608v-204.8c-0-0.003-0-0.006-0-0.009 0-12.509 8.972-22.923 20.833-25.157l0.159-0.025 4.608-0.41zM770.048 767.59l-11.776 31.13h22.118zM606.31 716.8h-32.358v56.064h32.358c21.555 0 25.754-4.096 25.754-27.648 0-21.658-4.096-27.494-20.838-28.314zM716.083 102.4c56.013 0 102.4 46.387 102.4 102.4v254.976c0 56.013-46.387 102.4-102.4 102.4h-408.883c-56.013 0-102.4-46.387-102.4-102.4v-254.976c0-56.013 46.387-102.4 102.4-102.4zM563.2 358.4h-256v102.4h256z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_sepa_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 36,
+				"id": 5,
+				"name": "db_ic_sepa_solid_20",
+				"prevSize": 32,
+				"code": 921958
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c225.792 0 409.6 183.808 409.6 409.6s-183.808 409.6-409.6 409.6-409.6-183.808-409.6-409.6 183.808-409.6 409.6-409.6zM562.944 256.256h-101.888v276.736l141.824 142.848 72.96-72.909-112.896-111.923z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_schedule_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 25,
+				"id": 6,
+				"name": "db_ic_schedule_solid_20",
+				"prevSize": 32,
+				"code": 922163
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M307.2 102.4v102.4c0 26.266 25.6 51.2 51.2 51.2h204.8c26.266 0 51.2-25.6 51.2-51.2v-102.4h81.203c14.137 0.003 26.935 5.735 36.198 15.001l174.797 174.797c9.266 9.263 14.998 22.061 15.002 36.198l0 0.001v542.003c0 28.277-22.923 51.2-51.2 51.2v0h-716.8c-28.277 0-51.2-22.923-51.2-51.2v0-716.8c0-28.277 22.923-51.2 51.2-51.2v0zM358.4 563.2c-26.163 0.004-47.741 19.63-50.817 44.964l-0.024 0.246-0.358 5.99v204.8h409.6v-204.8c0-26.266-24.934-50.842-50.739-50.842z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_save_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 33,
+				"id": 7,
+				"name": "db_ic_save_solid_20",
+				"prevSize": 32,
+				"code": 922162
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M358.4 614.4c26.266 0 51.2 21.453 51.2 51.2v204.8c0 26.266-21.248 51.2-51.2 51.2h-204.8c-26.266 0-51.2-21.504-51.2-51.2v-204.8c0-26.266 22.374-51.2 51.2-51.2zM819.2 102.4c53.965 0 102.4 43.674 102.4 102.4v512c0 53.965-43.008 102.4-102.4 102.4h-307.2v-256c0-26.266-22.221-51.2-51.149-51.2h-256.051v-307.2c0-53.965 44.032-102.4 102.349-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_resize_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 35,
+				"id": 8,
+				"name": "db_ic_resize_solid_20",
+				"prevSize": 32,
+				"code": 921957
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c225.587 0 409.6 184.013 409.6 409.6s-184.013 409.6-409.6 409.6-409.6-184.013-409.6-409.6 184.013-409.6 409.6-409.6zM716.8 460.8h-409.6v102.4h409.6z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_remove_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 24,
+				"id": 9,
+				"name": "db_ic_remove_solid_20",
+				"prevSize": 32,
+				"code": 8861
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M716.8 102.4c26.624 0 51.61 19.968 51.61 46.592v54.989h69.939c46.592 0 83.251 38.246 83.251 83.251v289.69c0 44.954-33.28 88.269-78.234 88.269h-74.957v204.8c0 26.624-19.917 51.61-44.954 51.61h-416.256c-26.624 0-51.61-19.968-51.61-44.954v-211.456h-69.939c-45.932-0.116-83.135-37.32-83.251-83.24l-0-0.011v-288.051c0-46.592 33.28-89.907 78.234-89.907h74.957v-49.971c0-26.624 19.968-51.61 46.592-51.61zM665.6 563.2h-307.2v256h307.2zM409.6 307.2h-153.6v102.4h153.6z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_print_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 23,
+				"id": 10,
+				"name": "db_ic_print_solid_20",
+				"prevSize": 32,
+				"code": 128424
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M595.251 62.31l323.43 319.488c9.965 9.766 16.143 23.365 16.143 38.407 0 29.691-24.069 53.76-53.76 53.76-12.464 0-23.938-4.242-33.056-11.36l0.119 0.090-26.982-26.112-126.976 125.747c12.186 19.866 20.48 40.96 24.73 63.027 14.438 74.24-15.462 147.046-71.373 216.576-21.51 26.972-44.794 50.824-70.244 72.177l-0.77 0.629c-9.156 7.461-20.966 11.98-33.832 11.98-12.372 0-23.767-4.179-32.852-11.202l0.124 0.092-186.163-183.654-177.562 175.821c-9.708 9.607-23.065 15.542-37.809 15.542-29.691 0-53.76-24.069-53.76-53.76 0-12.561 4.308-24.117 11.528-33.269l-0.087 0.114 181.248-180.122-180.224-178.33c-9.845-9.748-15.941-23.266-15.941-38.208 0-13.075 4.667-25.059 12.427-34.378l-0.070 0.087c15.104-18.278 40.448-44.237 73.523-70.298 70.042-55.194 143.258-84.634 217.651-70.502 22.528 4.301 44.032 12.595 64.256 24.883l126.822-125.491-21.094-20.89c-9.965-9.766-16.143-23.365-16.143-38.407 0-29.691 24.069-53.76 53.76-53.76 12.464 0 23.938 4.242 33.056 11.36l-0.119-0.090z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_pin_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 32,
+				"id": 11,
+				"name": "db_ic_pin_solid_20",
+				"prevSize": 32,
+				"code": 922161
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c0.003-0 0.006-0 0.009-0 99.893 0 183.081 71.518 201.157 166.143l0.204 1.281c0.592 2.923 0.931 6.282 0.931 9.721 0 28.277-22.923 51.2-51.2 51.2-23.053 0-42.548-15.236-48.964-36.187l-0.096-0.363-1.382-5.786c-9.214-47.865-50.765-83.53-100.646-83.53-53.823 0-97.948 41.526-102.083 94.287l-0.022 0.354-0.256 7.68v103.27h307.149c56.554 0 102.4 45.846 102.4 102.4v0 306.33c0 56.554-45.846 102.4-102.4 102.4v0h-409.6c-56.554 0-102.4-45.846-102.4-102.4v0-306.33c0-56.554 45.846-102.4 102.4-102.4v0-103.27c0-113.108 91.692-204.8 204.8-204.8v0zM512 563.2c-26.163 0.004-47.741 19.63-50.817 44.964l-0.024 0.246-0.358 5.99v102.144l0.358 5.99c3.127 25.555 24.696 45.153 50.842 45.153s47.714-19.598 50.817-44.905l0.025-0.247 0.358-5.99v-102.144l-0.358-5.99c-3.101-25.579-24.678-45.206-50.841-45.21l-0-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_lock_open_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 22,
+				"id": 12,
+				"name": "db_ic_lock_open_solid_20",
+				"prevSize": 32,
+				"code": 922160
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 154.47c109.67 0 204.544 89.242 204.8 204.8l0.051 28.467v17.050l-0.051 5.683c56.554 0 102.4 45.846 102.4 102.4v0 306.33c0 56.554-45.846 102.4-102.4 102.4v0h-409.6c-56.554 0-102.4-45.846-102.4-102.4v0-306.33c0-56.554 45.846-102.4 102.4-102.4v0-51.2c0-113.108 91.692-204.8 204.8-204.8v0zM512 563.2c-28.277 0-51.2 22.923-51.2 51.2v0 102.144l0.358 5.99c3.127 25.555 24.696 45.153 50.842 45.153 28.257 0 51.168-22.891 51.2-51.14l0-0.003v-102.144l-0.358-5.99c-3.101-25.579-24.678-45.206-50.841-45.21l-0-0zM512 256.87c-0.076-0-0.166-0-0.256-0-56.413 0-102.144 45.731-102.144 102.144 0 0.090 0 0.18 0 0.27l-0-0.014c-0.102 34.15-0.102 51.2 0 51.2h204.8v-51.2c0-56.554-45.846-102.4-102.4-102.4v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_lock_close_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 21,
+				"id": 13,
+				"name": "db_ic_lock_close_solid_20",
+				"prevSize": 32,
+				"code": 922153
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c225.587 0 409.6 184.013 409.6 409.6s-184.013 409.6-409.6 409.6-409.6-184.013-409.6-409.6 184.013-409.6 409.6-409.6zM563.2 409.6h-182.426v102.4h80.026v102.4h-102.4v102.4h307.2v-102.4h-102.4zM512 228.813c-35.226 0-65.587 28.774-65.587 64 0 36.762 30.413 65.587 65.587 65.587 35.226 0 65.587-28.826 65.587-65.587 0-35.226-30.413-64-65.587-64z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_info_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 20,
+				"id": 14,
+				"name": "db_ic_info_solid_20",
+				"prevSize": 32,
+				"code": 128712
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 153.6c53.965 0 102.554 47.616 102.4 102.4v512c0 53.965-47.462 102.554-102.4 102.4h-512c-53.965 0-102.042-48.026-102.4-102.4v-512c0-53.965 48.691-102.093 102.4-102.4zM768 256h-512v352.307l79.514-39.68c6.679-3.418 14.569-5.42 22.928-5.42 3.408 0 6.739 0.333 9.96 0.968l-0.325-0.053 130.048 42.854 131.277-131.174c9.265-9.264 22.065-14.994 36.202-14.994 11.877 0 22.809 4.044 31.495 10.83l-0.113-0.085 71.014 70.4zM384 307.2c42.415 0 76.8 34.385 76.8 76.8s-34.385 76.8-76.8 76.8v0c-42.415 0-76.8-34.385-76.8-76.8s34.385-76.8 76.8-76.8v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_image_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 19,
+				"id": 15,
+				"name": "db_ic_image_solid_20",
+				"prevSize": 32,
+				"code": 128444
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512.205 102.4c225.587 0 409.395 183.040 409.395 409.293 0 225.792-183.040 409.907-409.344 409.907-227.174 0-409.856-185.139-409.856-409.907 0-225.382 183.757-409.293 409.805-409.293zM496.128 649.37c-38.144 0-69.12 30.003-69.12 69.683 0 39.219 30.208 69.171 70.144 69.171 39.373 0 68.762-30.874 68.762-69.171 0-37.478-30.003-69.683-69.786-69.683zM505.856 243.712c-67.789 0-124.416 28.416-146.688 41.984l45.926 109.875c28.672-15.155 68.915-30.976 98.202-30.976 31.232 0 37.683 17.971 37.683 32.205 0 57.754-105.882 54.784-105.882 156.621v60.979h119.859v-60.928c0-40.346 106.138-65.536 106.138-178.842 0-80.896-65.178-130.867-155.238-130.867z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_help_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 18,
+				"id": 16,
+				"name": "db_ic_help_solid_20",
+				"prevSize": 32,
+				"code": 63
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M453.478 820.685l-284.16-275.866c-45.926-44.442-66.918-103.68-66.918-162.15 0-125.44 101.99-229.069 227.328-229.069 58.573 0 117.914 22.528 162.202 66.867l20.070 20.070 15.053-13.363c48.64-43.213 105.318-71.885 167.168-71.885 123.75 0 227.379 93.491 227.379 215.654 0 65.178-18.483 126.925-66.867 173.875l-284.211 275.866c-15.258 14.848-36.813 25.088-58.522 25.088s-43.264-10.24-58.522-25.088z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_heart_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 17,
+				"id": 17,
+				"name": "db_ic_heart_solid_20",
+				"prevSize": 32,
+				"code": 9825
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M819.2 204.8c56.013 0 102.4 46.387 102.4 102.4v409.6c0 56.013-46.387 102.4-102.4 102.4h-614.4c-56.013 0-102.4-46.387-102.4-102.4v-409.6c0-56.013 46.387-102.4 102.4-102.4zM819.2 307.2h-614.4v102.4h614.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_generic_card_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 16,
+				"id": 18,
+				"name": "db_ic_generic_card_solid_20",
+				"prevSize": 32,
+				"code": 921712
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M412.467 204.8h-156.467c-56.554 0-102.4 45.846-102.4 102.4v0 409.6c0 56.554 45.846 102.4 102.4 102.4v0h512c56.554 0 102.4-45.846 102.4-102.4v0-332.8c0-56.554-45.846-102.4-102.4-102.4v0h-259.84l-58.88-61.133c-9.315-9.654-22.362-15.653-36.81-15.667l-0.003-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_folder_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 30,
+				"id": 19,
+				"name": "db_ic_folder_solid_20",
+				"prevSize": 32,
+				"code": 922151
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		},
+		{
+			"icon": {
+				"paths": [
+					"M464.742 204.8c16.486 0 29.85 9.062 35.789 15.667l58.829 61.133h208.64c53.965 0 102.656 43.213 102.4 102.4v76.8c30.31 0 57.037 28.058 50.176 61.235l-42.957 214.835c-9.731 47.235-50.941 82.257-100.344 82.33l-0.008 0h-530.483c-49.432-0.047-90.669-35.078-100.289-81.667l-0.114-0.663-43.008-214.835c-0.632-3.017-0.993-6.484-0.993-10.035 0-28.277 22.923-51.2 51.2-51.2 0.007 0 0.014 0 0.021 0l-0.001-0v-153.6c0-53.965 42.701-102.4 102.4-102.4zM441.907 307.2h-185.907v153.6h512v-76.8h-230.4c-11.93 0-25.6-4.096-36.864-15.667l-58.88-61.133z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_folder_open_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 31,
+				"id": 20,
+				"name": "db_ic_folder_open_solid_20",
+				"prevSize": 32,
+				"code": 922152
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 20
+		},
+		{
+			"icon": {
+				"paths": [
+					"M533.35 299.11l193.587 191.539-368.486 366.438c-9.71 9.626-22.080 16.583-35.91 19.671l-0.493 0.093-173.824 43.725c-3.123 1.024-6.246 1.024-10.445 1.024-19.447-0.228-35.151-15.932-35.379-35.357l-0-0.022c0-4.198 0-7.322 1.024-10.445l43.725-176.947c3.123-13.517 8.346-22.886 17.715-33.28zM801.894 122.163l100.966 99.942c11.469 12.493 18.739 30.208 18.739 45.824 0 16.64-7.27 33.28-18.739 44.749l-105.114 106.138-191.539-192.512 104.090-104.141c12.493-12.493 29.184-19.763 45.773-19.763 16.691 0 32.256 7.27 45.824 19.763z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_edit_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 15,
+				"id": 21,
+				"name": "db_ic_edit_solid_20",
+				"prevSize": 32,
+				"code": 9999
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 21
+		},
+		{
+			"icon": {
+				"paths": [
+					"M514.048 87.859c31.232-1.024 61.389 14.541 81.101 38.451l30.208 37.427 48.845-11.418c8.294-2.099 16.589-3.123 24.934-3.123 56.115 0 103.936 43.674 105.984 99.789l3.174 47.821 45.722 18.688c40.55 17.715 67.584 56.166 67.584 99.84 0 19.763-6.246 39.475-17.664 57.139l-26.010 39.526 26.010 42.65c10.394 17.664 16.64 37.376 16.64 58.214 0 42.598-27.034 82.125-67.584 97.69l-44.698 16.64-4.147 49.92c-4.198 51.968-46.797 98.765-106.086 98.765-9.318 0-18.688-1.024-26.982-3.123l-45.773-12.493-33.28 37.427c-21.811 27.034-45.722 37.376-82.125 38.451-31.181 1.024-61.338-14.541-81.050-38.451l-30.208-37.427-48.845 11.418c-7.484 1.984-16.076 3.123-24.934 3.123l-0 0c-56.115 0-103.936-43.674-105.984-99.789l-3.174-47.821-45.722-18.688c-41.574-17.715-67.584-55.194-67.584-98.816 0-20.787 6.246-40.499 17.664-58.163l26.010-39.526-26.010-43.674c-10.362-16.216-16.55-35.971-16.64-57.166l-0-0.024c0-42.598 27.034-82.125 67.584-97.69l44.698-16.64 5.222-49.92c2.048-56.115 49.869-98.765 104.96-98.765 9.37 0 18.739 1.024 27.034 3.123l45.773 12.493 32.256-38.451c22.835-24.986 46.746-36.352 83.149-37.427zM614.042 336.845l-276.122 278.17 71.68 71.731 277.248-277.146-72.806-72.704zM634.675 583.731c-28.124 0.029-50.915 22.82-50.944 50.941l-0 0.003c-0.004 0.229-0.006 0.498-0.006 0.769 0 28.189 22.781 51.057 50.936 51.199l0.014 0c29.133 0 51.968-22.835 51.968-51.968-0.142-28.169-23.010-50.95-51.199-50.95-0.27 0-0.54 0.002-0.809 0.006l0.041-0zM389.325 337.357c-29.133 0-51.968 22.835-51.968 51.968 0.142 28.169 23.010 50.95 51.199 50.95 0.27 0 0.54-0.002 0.809-0.006l-0.041 0c28.124-0.029 50.915-22.82 50.944-50.941l0-0.003c0.004-0.229 0.006-0.498 0.006-0.769 0-28.189-22.781-51.057-50.936-51.199l-0.014-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_discount_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 14,
+				"id": 22,
+				"name": "db_ic_discount_solid_20",
+				"prevSize": 32,
+				"code": 921702
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 22
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 153.6c225.997 0 409.6 187.187 409.6 409.6 0 117.146-51.354 218.931-139.11 294.758-9.116 7.581-20.891 12.247-33.75 12.441l-0.042 0h-473.702c-0.009 0-0.019 0-0.030 0-12.819 0-24.537-4.711-33.519-12.496l0.064 0.054c-87.757-75.827-139.11-177.613-139.11-294.81 0-222.362 183.603-409.549 409.6-409.549zM727.398 347.75c-9.207-9.388-22.023-15.206-36.198-15.206s-26.992 5.819-36.19 15.198l-0.008 0.008c-35.584 35.686-74.445 74.547-116.531 116.48-7.895-2.181-16.959-3.434-26.317-3.434-56.568 0-102.439 45.8-102.553 102.342l-0 0.011c0.107 56.473 45.912 102.212 102.4 102.212 56.554 0 102.4-45.846 102.4-102.4 0-9.345-1.252-18.398-3.597-27l0.167 0.718 116.429-116.531c9.287-9.253 15.033-22.055 15.033-36.198s-5.746-26.945-15.032-36.197l-0.002-0.002z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_dashboard_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 34,
+				"id": 23,
+				"name": "db_ic_dashboard_solid_20",
+				"prevSize": 32,
+				"code": 921956
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 23
+		},
+		{
+			"icon": {
+				"paths": [
+					"M819.2 204.8c56.013 0 102.4 46.387 102.4 102.4v409.6c0 56.013-46.387 102.4-102.4 102.4h-614.4c-56.013 0-102.4-46.387-102.4-102.4v-409.6c0-56.013 46.387-102.4 102.4-102.4zM460.8 563.2h-256v102.4h256zM819.2 307.2h-614.4v102.4h614.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_credit_card_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 12,
+				"id": 24,
+				"name": "db_ic_credit_card_solid_20",
+				"prevSize": 32,
+				"code": 922150
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 24
+		},
+		{
+			"icon": {
+				"paths": [
+					"M256 358.4v460.8h307.2c25.6 0 51.046 22.17 51.2 51.2s-18.074 51.251-51.2 51.2h-353.28c-31.012-0.23-56.090-25.308-56.32-56.298l-0-0.022v-506.88c0-31.437 20.787-51.098 51.2-51.2s51.2 25.6 51.2 51.2zM810.035 102.4c32.256 0 62.618 29.491 62.618 61.44v491.469c0 31.642-29.030 61.44-62.618 61.44h-386.816c-32.256 0-62.566-30.003-62.566-61.44v-491.52c0-31.59 30.362-61.389 62.566-61.389z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_copy_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 11,
+				"id": 25,
+				"name": "db_ic_copy_solid_20",
+				"prevSize": 32,
+				"code": 921940
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 25
+		},
+		{
+			"icon": {
+				"paths": [
+					"M418.918 295.526l-9.318 11.674-10.445 0.256c-76.956 4.053-142.3 49.976-174.007 115.261l-0.534 1.219-1.69 3.789-3.789 1.741c-69.447 33.789-116.46 103.821-116.46 184.832 0 113.032 91.523 204.687 204.504 204.902l0.021 0 420.096-0.307c108.418-5.894 194.122-95.155 194.304-204.474l0-0.018-0.358-12.134c-2.733-45.651-20.073-86.793-47.361-119.304l0.257 0.315-4.403-4.915c0.384-5.254 0.603-11.382 0.603-17.562 0-141.363-114.579-255.964-255.934-256l-0.003-0c-72.141 3.379-150.221 37.171-195.482 90.726z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_cloud_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 10,
+				"id": 26,
+				"name": "db_ic_cloud_solid_20",
+				"prevSize": 32,
+				"code": 9729
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 26
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c225.792 0 409.6 182.426 409.6 409.088 0 226.048-183.808 410.112-409.6 410.112s-409.6-184.064-409.6-410.112c0-225.024 183.808-409.088 409.6-409.088zM690.842 344.678l-250.778 250.726-106.752-106.547-73.933 71.936 182.016 177.971 323.43-321.178-73.933-72.909z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_check_circle_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 9,
+				"id": 27,
+				"name": "db_ic_check_circle_solid_20",
+				"prevSize": 32,
+				"code": 922144
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 27
+		},
+		{
+			"icon": {
+				"paths": [
+					"M613.837 204.8c31.783 0 60.184 14.481 78.965 37.203l0.139 0.173 53.658 65.382 72.294-0.205c0.091-0 0.2-0 0.308-0 53.761 0 97.846 41.43 102.069 94.104l0.023 0.361 0.307 7.629v307.354c0 56.554-45.846 102.4-102.4 102.4v0h-614.4c-56.554 0-102.4-45.846-102.4-102.4v0-306.739c0-56.554 45.846-102.4 102.4-102.4v0l73.779-0.051 51.814-64.512c17.035-21.099 41.975-35.227 70.251-37.858l0.405-0.030 9.165-0.41zM512 435.2c-56.554 0-102.4 45.846-102.4 102.4s45.846 102.4 102.4 102.4v0c56.554 0 102.4-45.846 102.4-102.4s-45.846-102.4-102.4-102.4v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_camera_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 8,
+				"id": 28,
+				"name": "db_ic_camera_solid_20",
+				"prevSize": 32,
+				"code": 922149
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 28
+		},
+		{
+			"icon": {
+				"paths": [
+					"M831.488 336.896l-108.288 108.8-144.896-144.845 108.749-108.442c9.293-9.27 15.043-22.089 15.043-36.251 0-25.727-18.975-47.022-43.693-50.654l-0.278-0.034c-13.139-1.991-28.299-3.128-43.725-3.128-169.662 0-307.2 137.538-307.2 307.2 0 0.020 0 0.039 0 0.059l-0-0.003c0 30.413 3.482 56.986 10.496 79.821l-221.491 221.286c-9.293 9.27-15.042 22.088-15.042 36.25s5.749 26.98 15.041 36.249l144.692 144.385c21.658 21.402 54.016 18.432 72.448 0l221.286-221.338c23.93 6.694 51.41 10.542 79.788 10.542 169.662 0 307.2-137.538 307.2-307.2 0-15.461-1.142-30.654-3.347-45.502l0.205 1.679c-3.665-24.996-24.96-43.971-50.687-43.971-14.187 0-27.027 5.77-36.3 15.092l-0.002 0.002z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_build_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 7,
+				"id": 29,
+				"name": "db_ic_build_solid_20",
+				"prevSize": 32,
+				"code": 128736
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 29
+		},
+		{
+			"icon": {
+				"paths": [
+					"M262.758 102.4c-32 0-57.958 24.422-57.958 54.528v713.728c-0 0.016-0 0.036-0 0.055 0 28.107 22.785 50.893 50.893 50.893 0.216 0 0.432-0.001 0.647-0.004l-0.033 0c18.586 0 22.733-1.69 31.795-6.861l223.898-110.49 223.898 110.49c9.062 5.171 23.347 6.861 32 6.861 37.069-0.717 50.79-19.917 51.302-50.944v-713.728c0-30.106-25.958-54.528-57.958-54.528z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bookmark_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 6,
+				"id": 30,
+				"name": "db_ic_bookmark_solid_20",
+				"prevSize": 32,
+				"code": 922148
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 30
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 153.6c197.939 0 358.4 160.461 358.4 358.4s-160.461 358.4-358.4 358.4v0c-197.939 0-358.4-160.461-358.4-358.4s160.461-358.4 358.4-358.4v0zM367.206 294.758l-72.448 72.448 362.035 361.984 72.448-72.397-362.035-361.984z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_block_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 5,
+				"id": 31,
+				"name": "db_ic_block_solid_20",
+				"prevSize": 32,
+				"code": 922147
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 31
+		},
+		{
+			"icon": {
+				"paths": [
+					"M511.488 102.4c173.978 0 289.946 127.898 289.946 318.669v199.834c0 63.949 7.987 75.93 44.954 102.912 16.026 10.957 24.013 26.931 24.013 42.957 0 23.962-17.92 50.944-45.978 50.944h-209.92v1.024c0 0.015 0 0.033 0 0.051 0 56.78-46.029 102.81-102.81 102.81-0.072 0-0.144-0-0.216-0l0.011 0c-52.992 0-102.912-45.978-102.912-103.936h-204.032c-32 0-50.995-25.958-50.995-51.917 0-13.978 5.018-27.955 18.022-37.939 41.984-26.982 49.971-41.984 49.971-109.926v-182.784c0.051-198.81 112.998-332.698 289.946-332.698z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_alert_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 4,
+				"id": 32,
+				"name": "db_ic_alert_solid_20",
+				"prevSize": 32,
+				"code": 922146
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 32
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c225.587 0 409.6 184.013 409.6 409.6s-184.013 409.6-409.6 409.6-409.6-184.013-409.6-409.6 184.013-409.6 409.6-409.6zM563.2 307.2h-102.4v153.6h-153.6v102.4h153.6v153.6h102.4v-153.6h153.6v-102.4h-153.6z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_add_circle_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 3,
+				"id": 33,
+				"name": "db_ic_add_circle_solid_20",
+				"prevSize": 32,
+				"code": 8853
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 33
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 512c113.152 0 205.21-92.16 205.21-205.312s-92.058-204.288-205.21-204.288c-0.122-0-0.266-0-0.41-0-112.571 0-203.827 91.257-203.827 203.827 0 0.162 0 0.324 0.001 0.486l-0-0.025c0 113.152 91.136 205.312 204.237 205.312zM204.646 921.6c-0.107 0.001-0.233 0.001-0.36 0.001-27.994 0-50.688-22.694-50.688-50.688 0-0.144 0.001-0.289 0.002-0.433l-0 0.022v-102.144c0-85.094 69.12-154.214 153.19-154.214h410.419c84.122 0 153.19 69.12 153.19 154.214v102.144c0.001 0.122 0.002 0.266 0.002 0.411 0 27.994-22.694 50.688-50.688 50.688-0.127 0-0.253-0-0.38-0.001l0.019 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_account_solid_20"],
+				"grid": 20
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 2,
+				"id": 34,
+				"name": "db_ic_account_solid_20",
+				"prevSize": 32,
+				"code": 922145
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 34
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-action-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-action-outline.json
new file mode 100644
index 0000000000..59629bcd6e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-action-outline.json
@@ -0,0 +1,2174 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M921.6 695.091v97.587c0 35.584-7.629 69.222-22.579 100.045-8.468 17.24-25.9 28.897-46.055 28.897-8.132 0-15.82-1.898-22.647-5.274l0.299 0.134c-17.227-8.516-28.866-25.967-28.866-46.136 0-8.118 1.886-15.796 5.243-22.62l-0.134 0.301c7.789-15.903 12.343-34.609 12.343-54.378 0-0.359-0.002-0.717-0.004-1.075l0 0.055v-97.587c0-4.096-4.506-8.653-8.55-8.653-2.811 0.004-5.308 1.34-6.897 3.41l-0.015 0.021c-13.414 17.357-36.147 25.139-59.238 20.122-22.63-4.864-39.834-21.043-44.851-42.24-1.485-6.093-12.902-6.298-15.104-3.584-13.21 16.179-35.226 23.654-57.293 19.251-22.886-4.608-40.96-20.531-47.155-41.574-1.086-3.606-4.355-6.197-8.238-6.246l-0.006-0h-0.051c-7.526 0-19.149 6.963-24.627 11.981-9.137 8.5-21.428 13.717-34.938 13.717-7.438 0-14.507-1.581-20.889-4.426l0.326 0.13c-18.214-7.994-30.734-25.814-30.874-46.574l-0-0.018v-277.504c0-0.015 0-0.033 0-0.051 0-21.208-17.192-38.4-38.4-38.4-21.19 0-38.371 17.163-38.4 38.346l-0 0.003v537.651c0 28.277-22.923 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v0-26.419l-159.795-126.618c-11.185-9.463-18.239-23.509-18.239-39.203 0-28.305 22.946-51.251 51.251-51.251 11.52 0 22.152 3.801 30.711 10.216l-0.133-0.095 96.205 76.237v-200.499c-53.21-42.113-87.041-106.694-87.041-179.178 0-0.278 0-0.556 0.001-0.833l-0 0.043c0-127.078 103.322-230.4 230.4-230.4 127.027 0 230.4 103.322 230.4 230.4-0.069 75.041-36.002 141.675-91.58 183.695l-0.58 0.42v16.538c2.867-0.205 7.322-0.768 8.704-0.307 30.157 0 58.317 12.442 78.746 32.973 40.602-15.872 90.163-4.659 119.706 25.395 11.781-4.545 25.412-7.178 39.659-7.178 30.808 0 58.741 12.312 79.145 32.285l-0.020-0.020c20.941 20.941 32.461 48.845 32.461 78.49z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_push_button_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 9,
+				"id": 93,
+				"name": "db_ic_push_button_20",
+				"prevSize": 32,
+				"code": 922261
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 512c0 141.158-114.842 256-256 256s-256-114.842-256-256 114.842-256 256-256 256 114.842 256 256zM153.6 512c0 197.939 160.461 358.4 358.4 358.4s358.4-160.461 358.4-358.4v0c0-197.939-160.461-358.4-358.4-358.4s-358.4 160.461-358.4 358.4v0zM484.762 451.942c3.806-6.918 6.045-15.162 6.045-23.929 0-18.676-10.162-34.978-25.257-43.679l-0.244-0.13c-23.808-14.131-54.886-5.786-69.734 17.459-3.956 6.076-10.547 10.149-18.113 10.595l-0.063 0.003c-27.025 1.583-48.342 23.887-48.342 51.169 0 27.805 22.141 50.438 49.754 51.23l0.073 0.002h1.536c69.325-2.099 100.966-56.525 104.346-62.72zM646.605 412.262c-7.58-0.447-14.138-4.454-18.071-10.359l-0.053-0.085c-8.959-15.653-25.561-26.031-44.586-26.031-28.277 0-51.2 22.923-51.2 51.2 0 9.165 2.408 17.768 6.626 25.21l-0.133-0.254c3.379 6.195 35.021 60.621 104.346 62.72h1.536c0.228 0.004 0.498 0.006 0.768 0.006 28.28 0 51.206-22.926 51.206-51.206 0-28.010-22.49-50.767-50.397-51.2l-0.041-0zM633.549 610.202c-7.987-32.358-43.776-93.594-121.702-93.594-77.363 0-114.278 60.672-122.982 92.723-0.864 3.134-1.36 6.732-1.36 10.446 0 13.589 6.643 25.627 16.858 33.043l0.118 0.082c6.711 4.919 15.132 7.871 24.242 7.871 8.347 0 16.115-2.478 22.609-6.739l-0.157 0.096c0.87-0.563 22.067-13.875 59.955-13.875 37.171 0 58.317 12.851 59.853 13.875 6.409 4.377 14.326 6.989 22.853 6.989 8.686 0 16.74-2.711 23.36-7.332l-0.133 0.088c10.743-7.544 17.678-19.879 17.678-33.834 0-3.493-0.435-6.885-1.253-10.124l0.061 0.285z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_face_disappointed_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 8,
+				"id": 92,
+				"name": "db_ic_face_disappointed_20",
+				"prevSize": 32,
+				"code": 922260
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 512c0 141.158-114.842 256-256 256s-256-114.842-256-256 114.842-256 256-256 256 114.842 256 256zM153.6 512c0 197.939 160.461 358.4 358.4 358.4s358.4-160.461 358.4-358.4v0c0-197.939-160.461-358.4-358.4-358.4s-358.4 160.461-358.4 358.4v0zM617.318 555.725c-6.657-4.694-14.936-7.503-23.872-7.503-8.319 0-16.069 2.434-22.578 6.63l0.165-0.099c-0.87 0.563-22.067 13.875-59.955 13.875s-59.085-13.363-59.341-13.517c-6.529-4.598-14.648-7.348-23.408-7.348-22.622 0-40.96 18.338-40.96 40.96 0 3.835 0.527 7.546 1.512 11.067l-0.069-0.288c8.704 32.102 45.67 92.774 122.982 92.774 77.926 0 113.715-61.235 121.702-93.645 0.723-2.872 1.138-6.17 1.138-9.564 0-13.729-6.788-25.872-17.191-33.256l-0.126-0.085zM411.597 482.048c4.089-3.71 9.543-5.982 15.527-5.982 1.7 0 3.357 0.183 4.953 0.531l-0.153-0.028c3.537 0.872 7.598 1.372 11.776 1.372 28.285 0 51.215-22.93 51.215-51.215 0-24.108-16.657-44.325-39.089-49.771l-0.35-0.072c-67.533-15.872-112.077 28.467-116.992 33.536-8.544 8.994-13.799 21.183-13.799 34.6 0 14.033 5.749 26.724 15.021 35.844l0.007 0.007c9.149 9.265 21.85 15.003 35.891 15.003 0.126 0 0.252-0 0.378-0.001l-0.019 0c12.8 0 25.6-4.608 35.635-13.824zM685.568 410.419c-4.915-5.171-49.408-49.562-116.992-33.536-22.783 5.518-39.439 25.735-39.439 49.843 0 28.285 22.93 51.215 51.215 51.215 4.178 0 8.239-0.5 12.126-1.444l-0.35 0.072c1.424-0.308 3.059-0.484 4.735-0.484 5.951 0 11.384 2.222 15.513 5.881l-0.024-0.021c9.301 9.515 22.266 15.414 36.608 15.414 28.265 0 51.178-22.913 51.178-51.178 0-13.922-5.559-26.546-14.579-35.773l0.009 0.010z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_face_delighted_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 7,
+				"id": 91,
+				"name": "db_ic_face_delighted_20",
+				"prevSize": 32,
+				"code": 922259
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c12.8 0 25.6 4.813 35.174 14.387l155.238 153.6c8.91 9.156 14.405 21.676 14.405 35.478 0 0.469-0.006 0.937-0.019 1.403l0.001-0.069v51.2h-206.336c-28.877 0-51.2-22.426-51.2-51.2v-102.4h-254.464v614.4h204.8v102.4h-256c-28.826 0-51.2-22.426-51.2-51.2v-716.8c0-28.826 22.374-51.2 51.2-51.2zM665.6 409.6c140.8 0 256 115.2 256 256s-115.2 256-256 256-256-115.2-256-256 115.2-256 256-256zM733.389 583.168l-86.426 88.013-39.629-41.267-60.774 60.826 100.403 100.403 147.2-147.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_document_check_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 6,
+				"id": 90,
+				"name": "db_ic_document_check_20",
+				"prevSize": 32,
+				"code": 922258
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M588.8 844.8c-0.034 0-0.073 0-0.113 0-28.249 0-51.149-22.9-51.149-51.149 0-14.165 5.758-26.985 15.062-36.248l0.002-0.002 204.8-204.8c9.264-9.264 22.062-14.994 36.198-14.994 28.273 0 51.192 22.92 51.192 51.192 0 14.136-5.73 26.934-14.994 36.198l-204.8 204.8c-9.243 9.268-22.025 15.002-36.146 15.002-0.019 0-0.037-0-0.056-0l0.003 0zM230.4 844.8c-0.034 0-0.073 0-0.113 0-28.249 0-51.149-22.9-51.149-51.149 0-14.165 5.758-26.985 15.062-36.248l0.002-0.002 563.2-563.2c9.264-9.264 22.062-14.994 36.198-14.994 28.273 0 51.192 22.92 51.192 51.192 0 14.136-5.73 26.934-14.994 36.198l-563.2 563.2c-9.243 9.268-22.025 15.002-36.146 15.002-0.019 0-0.037-0-0.056-0l0.003 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_resize_handle_corner_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 5,
+				"id": 89,
+				"name": "db_ic_resize_handle_corner_20",
+				"prevSize": 32,
+				"code": 922257
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M467.149 243.2c0.015-49.488 40.136-89.6 89.626-89.6 49.499 0 89.626 40.127 89.626 89.626 0 0.009-0 0.018-0 0.027l0-0.001c-0.015 49.488-40.136 89.6-89.626 89.6-49.499 0-89.626-40.127-89.626-89.626 0-0.009 0-0.018 0-0.027l-0 0.001zM921.6 547.226c0-88.883-57.344-168.346-157.338-217.907-6.987-3.809-15.303-6.049-24.142-6.049-28.277 0-51.2 22.923-51.2 51.2 0 20.544 12.1 38.262 29.562 46.416l0.315 0.132c37.478 18.586 100.403 59.75 100.403 126.208 0 47.411-20.736 83.046-67.174 114.995l-101.12 44.493c-35.072 9.011-70.093 15.872-104.602 13.414-27.75-1.69-54.938-9.165-82.688-14.131-13.978-2.509-98.816-17.203-98.816-17.203-2.29-0.304-5.256-0.578-8.25-0.752l-0.352-0.016c-8.806 0-23.808-12.954-38.298-25.446-16.845-14.592-35.994-31.078-60.723-42.752-3.439-1.676-7.434-3.023-11.618-3.84l-0.312-0.051-40.448-7.885v-52.48l27.034-6.554c14.964-3.682 27.097-13.584 33.71-26.74l0.134-0.294c23.091-46.541 46.797-81.459 47.002-81.818 4.017-5.798 6.911-12.686 8.199-20.124l0.044-0.305 8.243-49.101 5.786 4.71c8.739 7.16 20.029 11.499 32.333 11.499 28.28 0 51.205-22.925 51.205-51.205 0-15.976-7.316-30.243-18.781-39.634l-0.091-0.072-74.086-60.314c-8.74-7.221-20.059-11.601-32.401-11.601-25.31 0-46.318 18.42-50.349 42.586l-0.041 0.298-20.941 125.235c-7.834 12.134-21.76 34.611-36.762 62.925l-43.418 10.496c-22.646 5.612-39.168 25.76-39.168 49.766 0 0 0 0 0 0l0 0v134.963c0 24.525 17.357 45.568 41.37 50.227l74.701 14.592c10.445 5.939 21.197 15.258 32.461 24.986 17.613 15.206 38.502 32.563 64.512 42.445l14.95 51.098c6.41 21.476 25.984 36.864 49.152 36.864v0h70.144c28.262 0 51.2-22.579 51.2-53.453 0 0 22.17 4.25 42.035 5.478s73.626-5.376 73.626-5.376c0.205 30.106 22.989 53.402 51.251 53.402h70.144c21.811 0 41.216-13.824 48.333-34.406l33.792-97.126c67.072-50.022 101.53-114.33 101.53-191.693zM663.347 475.494c0.331-2.186 0.52-4.709 0.52-7.276 0-25.715-18.957-47.002-43.658-50.648l-0.279-0.034c-48.589-7.014-77.875-7.27-125.594-1.075-25.343 3.335-44.703 24.8-44.703 50.786 0 2.294 0.151 4.553 0.443 6.767l-0.028-0.26c3.584 28.109 29.44 47.411 57.293 44.288 38.605-4.966 102.963 1.382 105.37 1.382 25.681-0.027 46.928-18.974 50.552-43.652l0.034-0.278z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_piggybank_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 4,
+				"id": 88,
+				"name": "db_ic_piggybank_20",
+				"prevSize": 32,
+				"code": 922256
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M256 358.4c0-25.6-20.787-51.302-51.2-51.2s-51.2 19.763-51.2 51.2v506.88l0 0.022c0.23 30.99 25.308 56.068 56.32 56.298h353.28c33.126 0.051 51.354-22.17 51.2-51.2s-25.6-51.2-51.2-51.2h-307.2v-460.8zM423.219 102.4c-32.205 0-62.566 29.798-62.566 61.389v491.52c0 31.437 30.31 61.44 62.566 61.44h386.816c33.587 0 62.618-29.798 62.618-61.44v-491.469c0-31.949-30.362-61.44-62.618-61.44zM460.8 204.8h307.2v409.6h-307.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_copy_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 3,
+				"id": 87,
+				"name": "db_ic_copy_20",
+				"prevSize": 32,
+				"code": 921940
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M901.222 624.64c-1.638-1.229-147.251-113.050-176.64-262.298h95.232c28.277 0 51.2-22.923 51.2-51.2s-22.923-51.2-51.2-51.2v0h-100.71v-106.342c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2v0 106.342h-100.71c-28.277 0-51.2 22.923-51.2 51.2s22.923 51.2 51.2 51.2v0h95.181c-19.814 100.506-92.16 184.013-137.984 228.198l-88.986-249.344c-7.294-19.957-26.116-33.945-48.205-33.945s-40.911 13.988-48.091 33.589l-0.114 0.355-182.374 512c-2.18 5.476-3.445 11.821-3.445 18.462 0 28.277 22.923 51.2 51.2 51.2 22.576 0 41.74-14.612 48.549-34.895l0.105-0.361 51.661-145.050h165.171l51.405 144.026c7.227 19.981 26.035 34.003 48.117 34.003 6.212 0 12.164-1.11 17.67-3.141l-0.354 0.114c19.991-7.24 34.018-26.061 34.018-48.158 0-6.177-1.096-12.098-3.104-17.579l0.114 0.355-56.115-157.286c30.925-25.702 105.984-94.003 157.389-190.925 63.898 120.576 165.683 197.939 171.93 202.598 8.45 6.393 19.136 10.24 30.72 10.24 28.277 0 51.2-22.923 51.2-51.2 0-16.693-7.989-31.52-20.351-40.867l-0.129-0.093zM290.048 640.154l46.029-129.229 46.080 129.229h-92.16z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_translation_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 360,
+				"id": 0,
+				"name": "db_ic_translation_20",
+				"prevSize": 32,
+				"code": 922131
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M815.258 204.8c58.726 0 106.342 47.616 106.342 106.342v98.458c0 28.277-22.923 51.2-51.2 51.2v0c-28.277 0-51.2 22.923-51.2 51.2s22.923 51.2 51.2 51.2v0c28.277 0 51.2 22.923 51.2 51.2v0 98.458c0 58.726-47.616 106.342-106.342 106.342h-606.515c-58.731 0-106.342-47.611-106.342-106.342v-98.458c0-28.277 22.923-51.2 51.2-51.2v0c28.277 0 51.2-22.923 51.2-51.2s-22.923-51.2-51.2-51.2v0c-28.277 0-51.2-22.923-51.2-51.2v0-98.458c0-58.726 47.616-106.342 106.342-106.342zM815.258 307.2h-606.515c-2.177 0-3.942 1.765-3.942 3.942v0 55.962l0.614 0.256c57.032 20.89 97.73 73.059 101.509 135.198l0.021 0.431 0.256 9.011c0 66.662-42.496 123.392-101.786 144.64l-0.614 0.256v56.013c0 1.638 1.024 3.072 2.406 3.635l1.536 0.307h606.515c2.177-0 3.942-1.765 3.942-3.942l0 0v-56.013l-0.614-0.205c-57.032-20.89-97.73-73.059-101.509-135.198l-0.021-0.431-0.256-9.062c0-66.662 42.496-123.392 101.786-144.64l0.614-0.256v-55.962c0-1.638-1.024-3.072-2.406-3.635zM613.888 562.944c0.973-0.066 2.11-0.103 3.256-0.103 28.447 0 51.507 23.061 51.507 51.507s-23.061 51.507-51.507 51.507c-0.803 0-1.601-0.018-2.395-0.055l0.113 0.004c-27.447-1.255-49.224-23.813-49.224-51.457 0-27.301 21.241-49.641 48.098-51.396l0.153-0.008zM588.902 362.291l72.806 72.806-226.611 225.587-71.782-71.782zM410.112 358.144c28.058 0 50.944 22.886 50.944 51.968-0.029 28.124-22.82 50.915-50.941 50.944l-0.003 0c-0.213 0.003-0.465 0.005-0.718 0.005-28.199 0-51.079-22.774-51.25-50.933l-0-0.016c0-29.082 22.886-51.968 51.968-51.968z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_voucher_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 359,
+				"id": 1,
+				"name": "db_ic_voucher_20",
+				"prevSize": 32,
+				"code": 922132
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M546.867 542.72c-28.273-0.005-51.191-22.926-51.191-51.2 0-10.548 3.19-20.352 8.658-28.498l-0.116 0.184c17.254-26.061 20.634-37.325 20.634-48.026-0.062-28.258-22.984-51.142-51.251-51.142-13.68 0-26.108 5.36-35.299 14.094l0.022-0.021c-9.181 8.816-21.672 14.245-35.43 14.245-28.269 0-51.185-22.916-51.185-51.185 0-14.51 6.038-27.61 15.738-36.924l0.017-0.017c27.426-26.393 64.771-42.65 105.913-42.65 0.097 0 0.194 0 0.291 0l-0.015-0c84.685 0 153.6 68.915 153.6 153.6 0 39.578-15.053 70.451-37.632 104.55-9.28 13.903-24.904 22.938-42.638 22.938-0.040 0-0.080-0-0.12-0l0.006 0zM628.122 755.61c8.602-37.325 32.461-70.502 60.109-108.954 43.418-60.365 92.672-128.768 92.672-231.424 0-169.472-137.83-307.2-307.2-307.2-0.182-0-0.398-0.001-0.613-0.001-82.297 0-157 32.513-211.965 85.394l0.098-0.094c-9.726 9.327-15.771 22.428-15.771 36.94 0 13.749 5.425 26.231 14.251 35.423l-0.017-0.017c9.314 9.751 22.417 15.813 36.937 15.813 13.758 0 26.244-5.443 35.424-14.292l-0.016 0.015c36.571-35.171 86.357-56.832 141.202-56.832 0.147 0 0.293 0 0.44 0l-0.023-0c112.947 0 204.8 91.853 204.8 204.8 0 69.734-35.635 119.296-73.318 171.725-31.232 43.52-63.488 88.371-77.005 146.944-12.749 61.747-78.438 102.656-139.213 87.654-3.659-0.935-7.86-1.471-12.186-1.471-28.283 0-51.212 22.928-51.212 51.212 0 23.958 16.451 44.073 38.673 49.665l0.353 0.075c16.896 4.096 34.304 6.195 51.712 6.195 102.4 0 191.539-72.653 211.968-171.52h-0.102z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_hearing_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 358,
+				"id": 2,
+				"name": "db_ic_hearing_20",
+				"prevSize": 32,
+				"code": 922129
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M546.867 542.72c-28.273-0.005-51.191-22.926-51.191-51.2 0-10.548 3.19-20.352 8.658-28.498l-0.116 0.184c17.254-26.061 20.634-37.325 20.634-48.026-0.062-28.258-22.984-51.142-51.251-51.142-13.68 0-26.108 5.36-35.299 14.094l0.022-0.021c-9.181 8.816-21.672 14.245-35.43 14.245-28.269 0-51.185-22.916-51.185-51.185 0-14.51 6.038-27.61 15.738-36.924l0.017-0.017c27.426-26.393 64.771-42.65 105.913-42.65 0.097 0 0.194 0 0.291 0l-0.015-0c84.685 0 153.6 68.915 153.6 153.6 0 39.578-15.053 70.451-37.632 104.55-9.28 13.903-24.904 22.938-42.638 22.938-0.040 0-0.080-0-0.12-0l0.006 0zM628.122 755.61c8.602-37.325 32.461-70.502 60.109-108.954 43.418-60.365 92.672-128.768 92.672-231.424 0-169.472-137.83-307.2-307.2-307.2-0.182-0-0.398-0.001-0.613-0.001-82.297 0-157 32.513-211.965 85.394l0.098-0.094c-9.726 9.327-15.771 22.428-15.771 36.94 0 13.749 5.425 26.231 14.251 35.423l-0.017-0.017c9.314 9.751 22.417 15.813 36.937 15.813 13.758 0 26.244-5.443 35.424-14.292l-0.016 0.015c36.571-35.171 86.357-56.832 141.202-56.832 0.147 0 0.293 0 0.44 0l-0.023-0c112.947 0 204.8 91.853 204.8 204.8 0 69.734-35.635 119.296-73.318 171.725-31.232 43.52-63.488 88.371-77.005 146.944-12.749 61.747-78.438 102.656-139.213 87.654-3.659-0.935-7.86-1.471-12.186-1.471-28.283 0-51.212 22.928-51.212 51.212 0 23.958 16.451 44.073 38.673 49.665l0.353 0.075c16.896 4.096 34.304 6.195 51.712 6.195 102.4 0 191.539-72.653 211.968-171.52h-0.102zM861.491 241.562l46.182-46.182c9.264-9.264 14.994-22.062 14.994-36.198 0-28.273-22.92-51.192-51.192-51.192-14.136 0-26.934 5.73-36.198 14.994l-46.182 46.182c-9.264 9.264-14.994 22.062-14.994 36.198 0 28.273 22.92 51.192 51.192 51.192 14.136 0 26.934-5.73 36.198-14.994l0-0zM190.976 912.179l221.952-222.003c9.264-9.264 14.994-22.062 14.994-36.198 0-28.273-22.92-51.192-51.192-51.192-14.136 0-26.934 5.73-36.198 14.994l-221.952 222.003c-9.264 9.264-14.994 22.062-14.994 36.198 0 28.273 22.92 51.192 51.192 51.192 14.136 0 26.934-5.73 36.198-14.994l0-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_hearing_disabled_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 357,
+				"id": 3,
+				"name": "db_ic_hearing_disabled_20",
+				"prevSize": 32,
+				"code": 922130
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M496.998 475.802l-153.6-153.6c-9.259-9.274-22.059-15.012-36.198-15.012s-26.939 5.737-36.198 15.011l-0.001 0.001-153.6 153.6c-9.264 9.264-14.994 22.062-14.994 36.198 0 28.273 22.92 51.192 51.192 51.192 14.136 0 26.934-5.73 36.198-14.994l66.202-66.202v388.403c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2v0-388.403l66.202 66.202c9.248 9.299 22.051 15.055 36.198 15.055s26.951-5.755 36.196-15.052l0.002-0.002c9.274-9.259 15.012-22.059 15.012-36.198s-5.737-26.939-15.011-36.198l-0.001-0.001zM870.4 204.8h-409.6c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0h409.6c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0zM870.4 409.6h-256c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0h256c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0zM870.4 614.4h-102.4c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0h102.4c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_sort_up_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 215,
+				"id": 4,
+				"name": "db_ic_sort_up_20",
+				"prevSize": 32,
+				"code": 8607
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M496.998 680.602c-9.259-9.274-22.059-15.012-36.198-15.012s-26.939 5.737-36.198 15.011l-0.001 0.001-66.202 66.202v-388.403c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2v0 388.403l-66.202-66.202c-9.264-9.264-22.062-14.994-36.198-14.994-28.273 0-51.192 22.92-51.192 51.192 0 14.136 5.73 26.934 14.994 36.198l153.6 153.6c9.248 9.299 22.051 15.055 36.198 15.055s26.951-5.755 36.196-15.052l0.002-0.002 153.6-153.6c9.274-9.259 15.012-22.059 15.012-36.198s-5.737-26.939-15.011-36.198l-0.001-0.001zM870.4 204.8h-409.6c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0h409.6c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0zM870.4 409.6h-256c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0h256c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0zM870.4 614.4h-102.4c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0h102.4c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_sort_down_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 214,
+				"id": 5,
+				"name": "db_ic_sort_down_20",
+				"prevSize": 32,
+				"code": 8609
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M281.6 409.6c70.692 0 128-57.308 128-128s-57.308-128-128-128v0c-70.692 0-128 57.308-128 128s57.308 128 128 128v0zM742.4 409.6c70.692 0 128-57.308 128-128s-57.308-128-128-128v0c-70.692 0-128 57.308-128 128s57.308 128 128 128v0zM281.6 870.4c70.692 0 128-57.308 128-128s-57.308-128-128-128v0c-70.692 0-128 57.308-128 128s57.308 128 128 128v0zM742.4 870.4c70.692 0 128-57.308 128-128s-57.308-128-128-128v0c-70.692 0-128 57.308-128 128s57.308 128 128 128v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_drag_&_drop_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 216,
+				"id": 6,
+				"name": "db_ic_drag__drop_20",
+				"prevSize": 32,
+				"code": 921991
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 51.2c254.054 0 460.8 206.694 460.8 460.8s-206.746 460.8-460.8 460.8-460.8-206.746-460.8-460.8 206.746-460.8 460.8-460.8zM512 153.6c-197.632 0-358.4 160.819-358.4 358.4s160.768 358.4 358.4 358.4 358.4-160.819 358.4-358.4-160.768-358.4-358.4-358.4zM583.526 293.222c8.676-6.998 19.836-11.234 31.984-11.234 28.249 0 51.149 22.9 51.149 51.149 0 2.754-0.218 5.458-0.637 8.094l0.038-0.291-33.485 218.573c-2.036 13.045-8.749 24.238-18.338 32.028l-0.094 0.074-173.67 140.237c-8.709 7.074-19.932 11.358-32.157 11.358-28.277 0-51.2-22.923-51.2-51.2 0-2.799 0.225-5.545 0.657-8.221l-0.039 0.294 34.662-220.518c2.107-13.023 8.867-24.177 18.487-31.923l0.099-0.077zM544.973 455.322l-54.528 43.674-10.906 69.683 54.886-44.288z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_compass_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 213,
+				"id": 7,
+				"name": "db_ic_compass_20",
+				"prevSize": 32,
+				"code": 922185
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M322.048 506.214c6.694 8.57 10.733 19.497 10.733 31.367 0 28.277-22.923 51.2-51.2 51.2-11.87 0-22.797-4.039-31.48-10.818l0.113 0.085-137.062-137.062c-6.703-8.574-10.748-19.507-10.748-31.386s4.045-22.812 10.833-31.499l-0.085 0.113 137.062-137.062c18.432-14.336 46.643-16.691 67.584 4.25 20.992 20.941 18.586 49.152 4.25 67.584l-44.851 45.414h414.003c127.245 0.002 230.396 103.155 230.396 230.4 0 123.427-97.055 224.186-219.010 230.123l-0.532 0.021-385.485 0.256c-28.231-0.061-51.093-22.961-51.093-51.2 0-26.146 19.598-47.715 44.906-50.817l0.247-0.025 380.57-0.358c0.092 0 0.202 0 0.311 0 70.692 0 128-57.308 128-128 0-67.848-52.788-123.366-119.534-127.724l-0.381-0.020-422.349-0.256z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_undo_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 65,
+				"id": 8,
+				"name": "db_ic_undo_20",
+				"prevSize": 32,
+				"code": 9100
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 665.651h-76.288c8.362 22.924 15.354 50.089 19.745 78.116l0.326 2.524c6.451 45.158-4.25 88.013-30.31 120.627-25.052 31.096-62.084 51.666-103.978 54.655l-0.47 0.027c-82.688-0.922-109.568-85.76-120.525-120.781-26.419-72.397-66.099-110.694-98.867-131.328-1.819 26.474-23.675 47.278-50.419 47.411l-0.013 0h-153.6c-28.277 0-51.2-22.923-51.2-51.2v0-460.902c0-28.277 22.923-51.2 51.2-51.2v0h153.6c22.367 0.126 41.289 14.735 47.873 34.919l0.101 0.358c90.778-38.093 214.784-86.477 259.226-86.477 149.299 0 307.2 184.218 307.2 358.4 0 56.013 0 204.8-153.6 204.8zM204.8 256.051v358.451h51.2v-358.451zM614.758 204.851c-26.982 1.331-147.968 47.616-256.358 94.106v257.485c54.579 20.070 144.589 73.216 195.072 211.558 11.213 35.738 18.893 47.155 22.682 50.842 8.090-1.69 17.92-6.451 25.242-15.667 8.499-10.65 11.52-24.883 9.011-42.342-8.806-61.44-40.755-121.446-41.114-122.061-3.83-7.007-6.083-15.349-6.083-24.218 0-28.266 22.882-51.187 51.133-51.251l0.006-0h153.6c29.747 0 51.2 0 51.2-102.4 0-126.976-119.142-256-204.442-256z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_thumb_up_down_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 64,
+				"id": 9,
+				"name": "db_ic_thumb_up_down_20",
+				"prevSize": 32,
+				"code": 922199
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 358.349h-76.288c8.362-22.924 15.354-50.089 19.745-78.116l0.326-2.524c6.451-45.158-4.25-88.013-30.31-120.627-25.052-31.096-62.084-51.666-103.978-54.655l-0.47-0.027c-82.688 0.922-109.568 85.76-120.525 120.781-26.419 72.397-66.099 110.694-98.867 131.328-1.819-26.474-23.675-47.278-50.419-47.411l-0.013-0h-153.6c-28.277 0-51.2 22.923-51.2 51.2v0 460.902c0 28.277 22.923 51.2 51.2 51.2v0h153.6c22.367-0.126 41.289-14.735 47.873-34.919l0.101-0.358c90.778 38.093 214.784 86.477 259.226 86.477 149.299 0 307.2-184.218 307.2-358.4 0-56.013 0-204.8-153.6-204.8zM204.8 767.949v-358.451h51.2v358.451zM614.758 819.149c-26.982-1.331-147.968-47.616-256.358-94.106v-257.485c54.579-20.070 144.589-73.216 195.072-211.558 11.213-35.738 18.893-47.155 22.682-50.842 8.090 1.69 17.92 6.451 25.242 15.667 8.499 10.65 11.52 24.883 9.011 42.342-8.806 61.44-40.755 121.446-41.114 122.061-3.83 7.007-6.083 15.349-6.083 24.218 0 28.266 22.882 51.187 51.133 51.251l0.006 0h153.6c29.747 0 51.2 0 51.2 102.4 0 126.976-119.142 256-204.442 256z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_thumb_up_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 63,
+				"id": 10,
+				"name": "db_ic_thumb_up_20",
+				"prevSize": 32,
+				"code": 922198
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M794.163 678.861l1.843 4.301 67.994 204.8c0.855 2.446 1.349 5.265 1.349 8.199 0 14.138-11.462 25.6-25.6 25.6-9.697 0-18.134-5.391-22.479-13.339l-0.067-0.134-1.792-4.25-18.022-54.118h-58.573l-20.838 55.142c-3.762 9.754-13.061 16.549-23.947 16.549-1.634 0-3.233-0.153-4.782-0.446l0.159 0.025-4.454-1.229c-9.729-3.774-16.501-13.061-16.501-23.928 0-1.641 0.154-3.246 0.449-4.801l-0.025 0.16 1.229-4.454 77.67-204.8c3.761-9.757 13.061-16.554 23.948-16.554 9.618 0 17.997 5.304 22.372 13.147l0.067 0.13zM606.259 665.6c49.254 0 77.005 27.75 77.005 79.616 0 49.050-24.32 75.776-68.864 78.592l-8.090 0.256h-32.358l0.051 71.936c0 0.003 0 0.006 0 0.009 0 12.509-8.972 22.923-20.833 25.157l-0.159 0.025-4.608 0.41c-0.003 0-0.006 0-0.009 0-12.509 0-22.923-8.972-25.157-20.833l-0.025-0.159-0.41-4.608v-204.8c-0-0.003-0-0.006-0-0.009 0-12.509 8.972-22.923 20.833-25.157l0.159-0.025 4.608-0.41zM235.315 665.6c22.374 0 43.93 5.069 61.798 13.67 8.276 4.354 13.822 12.894 13.822 22.73 0 14.138-11.462 25.6-25.6 25.6-3.802 0-7.41-0.829-10.654-2.315l0.16 0.066c-11.408-5.4-24.784-8.553-38.896-8.553-0.222 0-0.443 0.001-0.664 0.002l0.034-0c-13.363 0-17.408 3.635-17.408 11.93 0 9.626 5.888 17.357 25.498 31.13l14.131 9.523c44.749 29.082 61.594 46.438 61.594 82.022 0 41.574-34.458 70.195-80.23 70.195-24.926-0.003-48.276-6.752-68.322-18.521l0.636 0.345c-7.533-4.548-12.493-12.69-12.493-21.99 0-14.139 11.462-25.6 25.6-25.6 4.838 0 9.363 1.342 13.222 3.674l-0.115-0.064c11.213 6.656 26.47 10.957 41.472 10.957 19.354 0 29.030-8.038 29.030-18.944 0-9.216-5.786-16.742-25.088-30.259l-13.875-9.37c-45.261-29.44-62.31-47.002-62.31-83.098 0-37.939 28.262-63.13 68.608-63.13zM471.142 665.6c0.014-0 0.031-0 0.047-0 14.138 0 25.6 11.462 25.6 25.6 0 12.526-8.997 22.951-20.881 25.166l-0.158 0.025-4.608 0.41h-79.206v46.285h60.16c0.105-0.002 0.229-0.002 0.354-0.002 14.138 0 25.6 11.462 25.6 25.6 0 12.636-9.155 23.133-21.193 25.222l-0.153 0.022-4.608 0.41-60.16-0.051v56.115h83.712c0.003-0 0.006-0 0.009-0 12.509 0 22.923 8.972 25.157 20.833l0.025 0.159 0.41 4.608c0 0.003 0 0.006 0 0.009 0 12.509-8.972 22.923-20.833 25.157l-0.159 0.025-4.608 0.41h-109.261c-0.003 0-0.006 0-0.009 0-12.509 0-22.923-8.972-25.157-20.833l-0.025-0.159-0.41-4.608v-204.8c-0-0.003-0-0.006-0-0.009 0-12.509 8.972-22.923 20.833-25.157l0.159-0.025 4.608-0.41zM770.048 767.59l-11.776 31.13h22.118zM606.31 716.8h-32.358v56.064h32.358c21.555 0 25.754-4.096 25.754-27.648 0-21.658-4.096-27.494-20.838-28.314zM716.237 102.4c55.962 0 102.4 46.387 102.4 102.4v254.976c0 56.013-46.438 102.4-102.4 102.4h-408.934c-56.013 0-102.4-46.387-102.4-102.4v-254.976c0-56.013 46.387-102.4 102.4-102.4zM716.902 204.8h-409.6v256h409.6zM563.302 358.4v51.2h-204.8v-51.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_sepa_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 62,
+				"id": 11,
+				"name": "db_ic_sepa_20",
+				"prevSize": 32,
+				"code": 921958
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M686.080 102.4c0.001-0 0.003-0 0.004-0 11.763 0 22.599 3.967 31.245 10.636l-0.119-0.088 189.44 188.774c7.849 8.253 13.229 18.921 14.915 30.778l0.035 0.3v486.4c0 53.965-51.2 102.4-102.4 102.4h-614.4c-53.965 0-102.4-51.2-102.4-102.4v-614.4c0-53.965 51.2-102.4 102.4-102.4zM307.2 204.749l-102.4 0.051v614.4l102.4-0.051v-204.749c0-26.266 25.6-51.2 51.2-51.2h307.2c26.266 0 51.2 25.6 51.2 51.2v204.749l102.4 0.051v-460.032l-154.419-154.419h-50.381v102.451c0 26.266-25.6 51.2-51.2 51.2h-204.8c-26.266 0-51.2-25.6-51.2-51.2zM614.4 665.549h-204.8v153.6h204.8z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_save_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 61,
+				"id": 12,
+				"name": "db_ic_save_20",
+				"prevSize": 32,
+				"code": 922162
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		},
+		{
+			"icon": {
+				"paths": [
+					"M358.4 614.4c26.266 0 51.2 21.606 51.2 51.2v204.8c0 28.277-22.923 51.2-51.2 51.2v0h-204.8c-25.19 0-51.2-20.173-51.2-51.2v-204.8c0-26.266 21.504-51.2 51.2-51.2zM819.2 102.4c53.965 0 102.4 44.237 102.4 102.4v512c0 53.965-44.544 102.4-102.4 102.4h-281.6c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0h281.6v-512h-512v281.6c0 28.277-22.923 51.2-51.2 51.2v0c-26.266 0-51.2-21.914-51.2-51.2v-281.6c0-53.965 42.752-102.4 102.4-102.4zM307.2 716.8h-102.4v102.4h102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_resize_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 60,
+				"id": 13,
+				"name": "db_ic_resize_20",
+				"prevSize": 32,
+				"code": 921957
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 20
+		},
+		{
+			"icon": {
+				"paths": [
+					"M595.251 62.31l323.43 319.488c9.965 9.766 16.143 23.365 16.143 38.407 0 29.691-24.069 53.76-53.76 53.76-12.464 0-23.938-4.242-33.056-11.36l0.119 0.090-26.982-26.112-126.976 125.747c12.186 19.866 20.48 40.96 24.73 63.027 14.438 74.24-15.462 147.046-71.373 216.576-21.51 26.972-44.794 50.824-70.244 72.177l-0.77 0.629c-9.156 7.461-20.966 11.98-33.832 11.98-12.372 0-23.767-4.179-32.852-11.202l0.124 0.092-186.163-183.654-177.562 175.821c-9.708 9.607-23.065 15.542-37.809 15.542-29.691 0-53.76-24.069-53.76-53.76 0-12.561 4.308-24.117 11.528-33.269l-0.087 0.114 181.248-180.122-180.224-178.33c-9.845-9.748-15.941-23.266-15.941-38.208 0-13.075 4.667-25.059 12.427-34.378l-0.070 0.087c15.104-18.278 40.448-44.237 73.523-70.298 70.042-55.194 143.258-84.634 217.651-70.502 22.528 4.301 44.032 12.595 64.256 24.883l126.822-125.491-21.094-20.89c-9.965-9.766-16.143-23.365-16.143-38.407 0-29.691 24.069-53.76 53.76-53.76 12.464 0 23.938 4.242 33.056 11.36l-0.119-0.090zM622.234 239.667l-161.126 159.488c-9.741 9.536-23.089 15.42-37.811 15.42s-28.071-5.884-37.821-15.43l0.010 0.009c-16.742-16.538-33.28-26.317-50.842-28.877-42.65-6.195-93.952 16.742-153.907 68.813l362.598 358.861c52.582-56.32 75.93-107.008 70.042-152.064-1.946-14.694-9.882-28.672-22.323-42.752-7.782-6.605-42.803-40.806-6.656-83.456 51.227-51.070 103.457-102.798 155.857-154.353l4.45-4.367-122.47-121.293z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_pin_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 59,
+				"id": 14,
+				"name": "db_ic_pin_20",
+				"prevSize": 32,
+				"code": 922161
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 21
+		},
+		{
+			"icon": {
+				"paths": [
+					"M819.2 102.4c28.277 0 51.2 22.923 51.2 51.2v0 716.8c0 28.277-22.923 51.2-51.2 51.2v0h-512c-28.277 0-51.2-22.923-51.2-51.2v0-204.8h-51.2c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0h51.2v-102.4h-51.2c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0h51.2v-204.8c0.004-26.163 19.63-47.741 44.964-50.817l0.246-0.024 5.99-0.358zM768 204.8h-409.6v614.4h409.6zM665.6 563.2v102.4h-204.8v-102.4zM665.6 358.4v102.4h-204.8v-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_logbook_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 58,
+				"id": 15,
+				"name": "db_ic_logbook_20",
+				"prevSize": 32,
+				"code": 922195
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 22
+		},
+		{
+			"icon": {
+				"paths": [
+					"M614.4 768h-204.8c-28.277 0-51.2 22.923-51.2 51.2s22.923 51.2 51.2 51.2v0h25.805v0.102c0 28.277 22.923 51.2 51.2 51.2v0h50.79c28.277 0 51.2-22.923 51.2-51.2v0-0.102h25.805c28.277 0 51.2-22.923 51.2-51.2s-22.923-51.2-51.2-51.2v0zM512.051 102.4c155.29 0 281.6 126.362 281.6 281.6 0 101.478-46.131 167.117-79.821 215.040-18.842 26.829-35.123 49.971-35.789 68.403-1.024 27.546-23.654 49.357-51.2 49.357h-229.632c-0.010 0-0.022 0-0.033 0-27.629 0-50.146-21.884-51.164-49.264l-0.003-0.093c-0.666-18.432-16.947-41.626-35.789-68.403-33.69-47.872-79.821-113.562-79.821-215.040 0-155.238 126.31-281.6 281.6-281.6zM512.051 204.8c-98.816 0-179.2 80.384-179.2 179.2 0 69.12 31.13 113.357 61.184 156.16 16.435 23.45 33.28 47.36 43.776 74.24h148.429c10.496-26.88 27.341-50.79 43.776-74.24 30.106-42.803 61.235-87.040 61.235-156.16 0-98.816-80.384-179.2-179.2-179.2zM462.131 266.086c5.892-2.563 12.756-4.054 19.968-4.054 28.282 0 51.209 22.927 51.209 51.209 0 21.070-12.725 39.168-30.909 47.027l-0.332 0.128c-7.176 3.099-12.579 9.139-14.751 16.559l-0.046 0.183c-6.231 21.737-25.929 37.377-49.28 37.377-28.263 0-51.175-22.912-51.175-51.175 0-4.912 0.692-9.663 1.984-14.16l-0.089 0.361c11.041-37.827 37.849-67.904 72.639-83.131l0.833-0.325z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_lightbulb_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 57,
+				"id": 16,
+				"name": "db_ic_lightbulb_20",
+				"prevSize": 32,
+				"code": 922194
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 23
+		},
+		{
+			"icon": {
+				"paths": [
+					"M680.346 102.4h93.184l91.443 0.512c21.146 0.614 44.083 23.962 45.619 49.562l11.008 195.174c-1.938 25.673-21.834 46.15-47.067 48.976l-0.242 0.022-57.139 6.195-7.987 65.28c-5.12 19.456-20.89 34.611-41.062 38.656l-74.854 14.95-10.035 10.035-20.941 20.89-22.784 22.784c23.962 110.387-15.258 198.656-72.141 255.488-49.524 50.771-118.611 82.26-195.054 82.26-150.434 0-272.384-121.95-272.384-272.384 0-76.442 31.489-145.53 82.204-194.999l0.056-0.054c56.832-56.832 136.192-85.248 211.968-79.206l249.139-248.474c10.752-10.752 25.293-15.718 37.069-15.718zM701.338 204.8l-268.288 267.52-47.002-3.686c-3.507-0.326-7.583-0.512-11.703-0.512-0.098 0-0.195 0-0.293 0l0.015-0c-44.186 0-87.757 18.227-119.501 50.022-30.741 30.556-49.767 72.868-49.767 119.624 0 0.119 0 0.238 0 0.356l-0-0.019c-0.001 0.193-0.001 0.421-0.001 0.649 0 46.803 19.024 89.163 49.762 119.768l0.006 0.006c32.051 32.051 74.701 49.664 120.064 49.664 45.568 0 88.269-17.613 120.269-49.664 29.85-29.798 61.747-82.022 44.544-161.382l-11.827-54.477 115.2-115.302 69.888-13.978 12.646-103.68 90.982-9.728-5.376-94.976zM430.080 582.912c14.75 14.256 23.908 34.217 23.908 56.318 0 43.236-35.049 78.285-78.285 78.285-22.1 0-42.062-9.158-56.297-23.886l-0.021-0.022c-13.253-13.994-21.402-32.938-21.402-53.785 0-43.236 35.049-78.285 78.285-78.285 20.86 0 39.815 8.159 53.847 21.46l-0.035-0.033z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_key_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 56,
+				"id": 17,
+				"name": "db_ic_key_20",
+				"prevSize": 32,
+				"code": 922193
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 24
+		},
+		{
+			"icon": {
+				"paths": [
+					"M463.667 204.8c11.571 0 22.733 0 36.864 15.667 19.712 20.326 39.322 40.704 58.829 61.133h208.64c53.965 0 102.4 43.52 102.4 102.4 0.102 25.6 0.102 51.2 0 76.8 30.31 0 57.395 26.778 50.176 61.235-14.182 71.629-28.518 143.258-42.957 214.835-10.073 47.038-51.080 81.868-100.302 82.329l-0.050 0c-176.845 0.102-353.69 0.102-530.483 0-46.080 0-93.184-35.994-100.403-82.33-14.438-71.578-28.774-143.206-43.008-214.835-5.939-29.696 16.486-61.235 50.227-61.235v-153.6c0-53.965 44.493-102.4 102.4-102.4 69.222-0.102 138.445-0.102 207.667 0zM807.936 563.2h-591.923l30.72 153.6h530.483zM441.907 307.2h-185.907v153.6h512v-76.8h-230.4c-11.571 0-25.6-4.096-36.864-15.667-19.814-20.378-39.424-40.755-58.88-61.133z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_folder_open_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 54,
+				"id": 18,
+				"name": "db_ic_folder_open_20",
+				"prevSize": 32,
+				"code": 922152
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 25
+		},
+		{
+			"icon": {
+				"paths": [
+					"M412.467 204.8h-156.467c-56.554 0-102.4 45.846-102.4 102.4v0 409.6c0 56.554 45.846 102.4 102.4 102.4v0h512c56.554 0 102.4-45.846 102.4-102.4v0-332.8c0-56.554-45.846-102.4-102.4-102.4v0h-259.84l-58.88-61.133c-9.315-9.654-22.362-15.653-36.81-15.667l-0.003-0zM256 307.2h134.707l58.829 61.133c9.326 9.665 22.394 15.667 36.863 15.667 0 0 0.001-0 0.001-0l281.6 0v332.8h-512z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_folder_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 55,
+				"id": 19,
+				"name": "db_ic_folder_20",
+				"prevSize": 32,
+				"code": 922151
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 26
+		},
+		{
+			"icon": {
+				"paths": [
+					"M632.166 896c-0.025 0-0.055 0-0.085 0-8.977 0-17.377-2.474-24.554-6.777l0.217 0.121c-110.387-64.922-182.272-159.898-207.821-274.688-6.195-28.006 10.445-56.013 37.274-62.515 26.88-6.502 53.606 10.906 59.853 38.912 24.064 108.134 100.045 172.544 159.642 207.514 23.962 14.131 32.461 45.824 18.944 70.912-8.398 15.779-24.679 26.372-43.448 26.521l-0.020 0zM305.152 866.202c-18.345-0.125-34.301-10.228-42.726-25.149l-0.128-0.247c-38.246-67.021-50.534-123.904-51.046-126.31-8.489-32.134-13.363-69.026-13.363-107.056 0-0.037 0-0.074 0-0.111l-0 0.006c0-77.568 32.768-150.733 89.856-200.602 42.591-37.637 98.837-60.693 160.463-60.928l0.049-0c109.158 0 204.954 72.909 238.49 181.453 8.448 27.341-5.99 56.678-32.154 65.536-26.266 8.806-54.272-6.195-62.72-33.587-20.224-65.382-77.875-109.261-143.616-109.261-35.174 0-69.478 13.005-96.563 36.659-33.291 29.461-54.171 72.293-54.171 120.001 0 0.274 0.001 0.548 0.002 0.822l-0-0.042c0 27.494 3.635 55.962 10.445 82.278 0.614 2.662 10.394 46.080 39.936 97.843 14.080 24.678 6.349 56.627-17.306 71.322-7.228 4.625-16.037 7.387-25.488 7.424l-0.010 0v-0.051zM836.608 744.704c-4.080-0.018-8.031-0.54-11.803-1.506l0.334 0.073c-26.778-6.554-43.418-34.56-37.069-62.566 29.594-131.584-12.698-268.8-110.387-358.144-10.478-9.826-17.006-23.756-17.006-39.211 0-13.063 4.664-25.037 12.417-34.347l-0.070 0.087c8.941-10.877 22.396-17.761 37.46-17.761 12.715 0 24.284 4.904 32.919 12.925l-0.030-0.028c125.491 114.79 179.814 291.174 141.773 460.288-4.836 22.814-24.628 39.748-48.444 40.14l-0.042 0.001zM152.218 368.026c-13.050-0.026-24.889-5.193-33.603-13.583l0.015 0.015c-10.007-9.772-16.213-23.399-16.213-38.476 0-13.446 4.937-25.74 13.096-35.166l-0.057 0.068c75.008-85.811 177.306-139.264 287.949-150.63 13.247-1.433 28.613-2.25 44.169-2.25 39.638 0 78.037 5.305 114.526 15.245l-3.047-0.707c26.624 7.117 42.752 35.43 35.994 63.283-6.81 27.853-33.894 44.544-60.621 37.581-25.94-7.235-55.728-11.393-86.488-11.393-12.259 0-24.365 0.661-36.282 1.948l1.477-0.129c-86.067 8.806-165.683 50.432-224.102 117.248-8.969 10.389-22.151 16.929-36.861 16.947l-0.003 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_fingerprint_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 53,
+				"id": 20,
+				"name": "db_ic_fingerprint_20",
+				"prevSize": 32,
+				"code": 921969
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 27
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 153.6c197.939 0 358.4 160.461 358.4 358.4s-160.461 358.4-358.4 358.4v0c-197.939 0-358.4-160.461-358.4-358.4s160.461-358.4 358.4-358.4v0zM512 256c-141.158 0-256 114.842-256 256s114.842 256 256 256 256-114.842 256-256-114.842-256-256-256zM615.322 548.864c0.079-0 0.172-0.001 0.265-0.001 28.22 0 51.098 22.877 51.098 51.098 0 14.953-6.423 28.406-16.661 37.75l-0.040 0.036c-5.939 5.478-60.416 53.402-138.138 53.402s-131.891-47.565-137.83-52.992c-10.19-9.338-16.555-22.707-16.555-37.563 0-13.171 5.003-25.173 13.213-34.21l-0.037 0.042c18.79-20.992 51.046-22.63 72.141-4.096 0.307 0.256 30.566 26.47 69.12 26.47 37.939 0 67.994-25.6 69.222-26.675 8.972-8.192 20.963-13.21 34.127-13.21 0.044 0 0.088 0 0.133 0l-0.007-0zM409.6 358.4c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0zM614.4 358.4c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_face_smiling_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 52,
+				"id": 21,
+				"name": "db_ic_face_smiling_20",
+				"prevSize": 32,
+				"code": 921968
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 28
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 153.6c197.939 0 358.4 160.461 358.4 358.4s-160.461 358.4-358.4 358.4v0c-197.939 0-358.4-160.461-358.4-358.4s160.461-358.4 358.4-358.4v0zM512 256c-141.158 0-256 114.842-256 256s114.842 256 256 256 256-114.842 256-256-114.842-256-256-256zM511.846 523.366c77.722 0 132.198 47.923 138.138 53.402 9.225 9.259 14.928 22.031 14.928 36.136 0 28.277-22.923 51.2-51.2 51.2-12.422 0-23.811-4.424-32.677-11.782l0.084 0.068c-1.229-1.075-31.283-26.675-69.222-26.675-38.554 0-68.813 26.214-69.12 26.47-9.014 7.977-20.937 12.848-33.998 12.848-15.111 0-28.699-6.52-38.104-16.901l-0.039-0.044c-8.172-8.995-13.175-20.997-13.175-34.168 0-14.856 6.365-28.225 16.517-37.529l0.038-0.034c5.939-5.427 60.109-52.992 137.83-52.992zM409.6 358.4c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0zM614.4 358.4c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_face_sad_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 51,
+				"id": 22,
+				"name": "db_ic_face_sad_20",
+				"prevSize": 32,
+				"code": 921961
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 29
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 153.6c197.939 0 358.4 160.461 358.4 358.4s-160.461 358.4-358.4 358.4v0c-197.939 0-358.4-160.461-358.4-358.4s160.461-358.4 358.4-358.4v0zM512 256c-141.158 0-256 114.842-256 256s114.842 256 256 256 256-114.842 256-256-114.842-256-256-256zM614.4 563.2c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0h-204.8c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0zM409.6 358.4c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0zM614.4 358.4c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_face_neutral_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 50,
+				"id": 23,
+				"name": "db_ic_face_neutral_20",
+				"prevSize": 32,
+				"code": 921960
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 30
+		},
+		{
+			"icon": {
+				"paths": [
+					"M910.541 468.326c9.421 39.936 11.059 68.915 11.059 94.874 0 111.616-44.902 216.166-123.034 292.659-9.229 9.047-21.882 14.631-35.84 14.631-28.284 0-51.213-22.929-51.213-51.213 0-14.327 5.883-27.279 15.365-36.574l0.008-0.008c56.979-55.638 92.314-133.223 92.314-219.061 0-0.152-0-0.305-0-0.457l0 0.024c0-19.558-1.536-41.984-8.294-71.219-0.88-3.553-1.385-7.631-1.385-11.827 0-28.278 22.924-51.202 51.202-51.202 24.082 0 44.281 16.625 49.745 39.025l0.072 0.351zM512 153.6c30.208 0 60.16 2.918 87.552 8.806 23.293 5.131 40.463 25.597 40.463 50.074 0 28.285-22.93 51.215-51.215 51.215-3.809 0-7.52-0.416-11.092-1.204l0.34 0.063c-19.352-4.17-41.584-6.558-64.374-6.558-0.588 0-1.177 0.002-1.764 0.005l0.090-0c-0.003-0-0.006-0-0.010-0-169.662 0-307.2 137.538-307.2 307.2 0 85.966 35.311 163.685 92.22 219.444l0.052 0.051c9.506 9.305 15.399 22.268 15.399 36.608 0 28.284-22.929 51.213-51.213 51.213-13.945 0-26.588-5.573-35.823-14.614l0.009 0.009c-75.979-74.417-123.082-178.063-123.082-292.71 0-226.216 183.384-409.6 409.6-409.6 0.017 0 0.034 0 0.051 0l-0.002-0zM778.598 296.602c18.432 18.432 21.862 50.432 0 72.397-52.634 52.941-108.544 108.851-167.629 167.731 2.181 7.894 3.434 16.959 3.434 26.317 0 56.586-45.829 102.468-102.396 102.553l-0.008 0c-56.534-0.027-102.353-45.863-102.353-102.4 0-56.554 45.846-102.4 102.4-102.4 9.415 0 18.534 1.271 27.194 3.65l-0.719-0.168 167.68-167.68c9.265-9.262 22.063-14.991 36.198-14.991s26.934 5.729 36.199 14.991l-0-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_dashboard_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 49,
+				"id": 24,
+				"name": "db_ic_dashboard_20",
+				"prevSize": 32,
+				"code": 921956
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 31
+		},
+		{
+			"icon": {
+				"paths": [
+					"M614.4 153.6c141.385 0 256 114.615 256 256v0l-0.666 17.562 4.403 4.915c24.934 29.901 41.062 66.509 45.926 105.779l1.178 13.21 0.358 12.134c-0.124 105.657-80.158 192.583-182.907 203.595l-0.901 0.078-10.496 0.819h-10.496c-27.275-1.259-48.911-23.677-48.911-51.149s21.636-49.89 48.798-51.145l0.113-0.004h6.144c51.194-3.153 92.035-43.481 95.978-94.163l0.022-0.352 0.256-7.68c0-0.057 0-0.123 0-0.19 0-28.063-11.345-53.476-29.699-71.903l0.003 0.003-6.605-6.093-22.528-19.046 5.222-29.082c1.55-8.195 2.437-17.621 2.437-27.255 0-84.831-68.769-153.6-153.6-153.6-53.581 0-100.754 27.435-128.238 69.024l-0.356 0.573-5.325 8.806-17.715 31.59-35.635-6.144c-5.261-0.957-11.316-1.504-17.498-1.504-43.040 0-79.888 26.514-95.1 64.099l-0.246 0.688-2.765 7.885-7.936 26.214-26.214 7.936c-42.335 13.225-72.527 52.078-72.527 97.984 0 53.853 41.551 98.001 94.342 102.135l0.354 0.022 7.629 0.256c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0c-109.506 0-198.939-85.945-204.524-194.062l-0.020-0.498-0.256-10.24c-0-0.018-0-0.040-0-0.062 0-77.385 42.92-144.746 106.255-179.576l1.061-0.535 9.421-4.762 3.789-1.741 1.69-3.789c30.609-63.142 90.939-107.651 162.305-115.527l0.92-0.082 11.315-0.87 10.445-0.256 9.318-11.674c45.261-53.555 123.392-87.347 195.482-90.726zM512 460.8l3.84 0.154 6.451 0.87 5.683 1.536 5.683 2.253 5.018 2.662 5.325 3.789 4.198 3.738 76.8 76.8c9.251 9.263 14.973 22.054 14.973 36.18 0 28.277-22.923 51.2-51.2 51.2-9.414 0-18.234-2.541-25.813-6.974l0.242 0.131v160.461c0 0.029 0 0.063 0 0.097 0 28.277-22.923 51.2-51.2 51.2-26.146 0-47.715-19.598-50.817-44.906l-0.025-0.247-0.358-6.144v-160.461c-7.343 4.312-16.173 6.858-25.598 6.858-11.879 0-22.814-4.046-31.501-10.834l0.113 0.085-4.813-4.25c-9.264-9.265-14.994-22.065-14.994-36.202 0-11.877 4.044-22.809 10.83-31.495l-0.085 0.113 4.25-4.813 76.8-76.8c1.742-1.77 3.614-3.399 5.606-4.876l0.128-0.091 5.632-3.635 5.837-2.765 5.376-1.792 6.042-1.28 2.97-0.358z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_cloud_upload_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 48,
+				"id": 25,
+				"name": "db_ic_cloud_upload_20",
+				"prevSize": 32,
+				"code": 8679
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 32
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 460.8c26.163 0.004 47.741 19.63 50.817 44.964l0.024 0.246 0.358 5.99v237.261c7.341-4.309 16.169-6.854 25.59-6.854 28.277 0 51.2 22.923 51.2 51.2 0 11.875-4.043 22.807-10.828 31.492l0.085-0.113-4.25 4.813-76.8 76.8-4.198 3.738-5.325 3.789-5.018 2.662-5.632 2.253-5.734 1.536-6.451 0.87-3.84 0.154-4.608-0.205-2.97-0.358-6.042-1.28-5.376-1.792-5.786-2.765-5.683-3.635-2.97-2.355-2.765-2.56-76.8-76.8-4.25-4.864c-6.703-8.574-10.748-19.507-10.748-31.386s4.045-22.812 10.833-31.499l-0.085 0.113 4.25-4.813 4.813-4.25c14.746-11.469 34.304-13.773 50.944-6.912l6.093 3.072-0.051-237.312 0.358-5.99c3.101-25.579 24.678-45.206 50.841-45.21l0-0zM614.4 102.4c141.385 0 256 114.615 256 256v0l-0.666 17.562 4.403 4.915c24.934 29.901 41.062 66.509 45.926 105.779l1.178 13.21 0.358 12.134c-0.124 105.657-80.158 192.583-182.907 203.595l-0.901 0.078-10.496 0.819h-10.496c-26.119-0-47.666-19.578-50.766-44.86l-0.025-0.247-0.41-5.99c-0-28.259 22.894-51.171 51.146-51.2l6.147-0c51.194-3.153 92.035-43.481 95.978-94.163l0.022-0.352 0.307-7.68c0-0.057 0-0.123 0-0.19 0-28.063-11.345-53.476-29.699-71.903l0.003 0.003-6.605-6.093-22.528-19.046 5.222-29.082c1.55-8.195 2.437-17.621 2.437-27.255 0-84.831-68.769-153.6-153.6-153.6-53.581 0-100.754 27.435-128.238 69.024l-0.356 0.573-5.325 8.806-17.715 31.59-35.635-6.144c-5.261-0.957-11.316-1.504-17.498-1.504-43.040 0-79.888 26.514-95.1 64.099l-0.246 0.688-2.765 7.885-7.936 26.214-26.214 7.936c-42.335 13.225-72.527 52.078-72.527 97.984 0 53.853 41.551 98.001 94.342 102.135l0.354 0.022 7.629 0.256c28.231 0.061 51.093 22.961 51.093 51.2 0 26.146-19.598 47.715-44.906 50.817l-0.247 0.025-5.939 0.358c-109.506 0-198.939-85.945-204.524-194.062l-0.020-0.498-0.256-10.24c-0-0.018-0-0.040-0-0.062 0-77.385 42.92-144.746 106.255-179.576l1.061-0.535 9.421-4.762 3.789-1.741 1.69-3.789c30.609-63.142 90.939-107.651 162.305-115.527l0.92-0.082 11.315-0.87 10.445-0.256 9.318-11.674c45.261-53.555 123.392-87.347 195.482-90.726z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_cloud_download_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 47,
+				"id": 26,
+				"name": "db_ic_cloud_download_20",
+				"prevSize": 32,
+				"code": 8681
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 33
+		},
+		{
+			"icon": {
+				"paths": [
+					"M418.918 295.526l-9.318 11.674-10.445 0.256c-76.956 4.053-142.3 49.976-174.007 115.261l-0.534 1.219-1.69 3.789-3.789 1.741c-69.447 33.789-116.46 103.821-116.46 184.832 0 113.032 91.523 204.687 204.504 204.902l0.021 0 420.096-0.307c108.418-5.894 194.122-95.155 194.304-204.474l0-0.018-0.358-12.134c-2.733-45.651-20.073-86.793-47.361-119.304l0.257 0.315-4.403-4.915c0.384-5.254 0.603-11.382 0.603-17.562 0-141.363-114.579-255.964-255.934-256l-0.003-0c-72.141 3.379-150.221 37.171-195.482 90.726zM614.4 307.2c0.011-0 0.024-0 0.037-0 84.831 0 153.6 68.769 153.6 153.6 0 9.646-0.889 19.085-2.59 28.238l0.146-0.948-5.222 29.082 22.528 19.046c22.231 18.903 36.242 46.895 36.242 78.159 0 54.408-42.433 98.905-96.010 102.204l-0.29 0.014-415.642 0.205c-0.028 0-0.061 0-0.094 0-56.554 0-102.4-45.846-102.4-102.4 0-45.958 30.275-84.844 71.97-97.803l0.725-0.194 26.214-7.936 7.936-26.214c13.194-42.417 52.097-72.68 98.068-72.68 6.198 0 12.267 0.55 18.162 1.604l-0.621-0.092 35.635 6.144 17.715-31.59c26.726-47.145 76.566-78.438 133.714-78.438 0.061 0 0.122 0 0.184 0l-0.010-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_cloud_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 46,
+				"id": 27,
+				"name": "db_ic_cloud_20",
+				"prevSize": 32,
+				"code": 9729
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 34
+		},
+		{
+			"icon": {
+				"paths": [
+					"M642.458 512c88.678 0.819 174.694 33.28 239.77 92.979l24.883 24.422c9.229 9.259 14.935 22.034 14.935 36.142 0 28.277-22.923 51.2-51.2 51.2-11.849 0-22.757-4.025-31.433-10.782l0.115 0.086-18.432-17.869c-44.237-44.237-103.936-72.397-165.222-74.496-61.286-2.048-74.957 0.205-92.467 0-17.562-0.102-33.178 10.598-37.376 27.648-1.229 5.12 1.997 10.752 8.55 11.878 4.403 0.768 49.818 4.966 136.294 12.646 26.159 2.508 46.452 24.374 46.452 50.979 0 1.664-0.079 3.31-0.235 4.933l0.016-0.207c-2.406 26.112-23.296 47.974-49.715 46.438-26.419-1.485-116.838-10.138-142.234-12.8-25.446-2.662-47.667-10.701-74.394-19.149-17.818-5.632-73.933-23.142-168.448-52.531-6.22-1.99-13.374-3.137-20.797-3.137-22.084 0-41.797 10.154-54.724 26.048l-0.102 0.129c-2.97 3.584-2.816 10.547 5.734 13.875l196.608 75.264c32.867 12.925 70.894 21.251 110.611 23.113l0.8 0.030 350.464 0.358c28.277 0 51.2 22.923 51.2 51.2v0c0 26.266-21.811 51.2-51.2 51.2h-334.131c-49.869 0-107.008-9.062-146.637-23.962-26.368-9.933-98.509-37.274-216.371-82.125-42.084-16.382-71.366-56.578-71.366-103.613 0-26.545 9.327-50.912 24.882-70.003l-0.159 0.202c31.953-39.253 80.27-64.124 134.396-64.124 14.485 0 28.555 1.781 42.001 5.137l-1.191-0.252 123.392 37.837c16.23-63.846 67.174-105.472 128.512-108.698zM339.866 397.773c14.541 0 53.76-8.96 57.139-9.626 11.11-2.304 24.678 4.966 29.286 16.998 8.96 23.245-11.469 35.277-17.613 38.656-6.093 3.43-23.040 9.318-37.069 12.39-14.080 3.072-28.211 4.608-42.445 4.608-30.72 0-55.808-4.352-75.418-13.107-19.244-8.488-34.843-22.29-45.32-39.547l-0.248-0.44c-10.854-17.92-18.381-41.318-22.528-70.093h-32.051v-40.755h30.566v-32h-30.566v-40.704h32c5.53-29.44 13.926-52.992 25.242-70.605 11.264-17.613 26.829-30.515 46.592-38.758 19.61-8.294 45.005-12.39 76.032-12.39 25.344 0 48.282 3.328 68.71 9.933 13.619 4.659 27.29 18.842 22.528 37.069-6.502 21.76-27.904 24.781-42.752 20.89-12.922-3.619-27.774-5.744-43.108-5.837l-0.054-0c-21.965 0-37.786 4.608-47.514 13.824s-16.486 24.525-20.378 45.875h89.754v40.704h-90.675v32h90.726v40.755h-89.754c2.918 22.63 9.37 38.298 19.456 47.053 9.984 8.704 26.47 13.107 49.408 13.107z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_cash_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 45,
+				"id": 28,
+				"name": "db_ic_cash_20",
+				"prevSize": 32,
+				"code": 922184
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 35
+		},
+		{
+			"icon": {
+				"paths": [
+					"M614.4 204.8c33.386 0 63.040 15.977 81.733 40.702l0.187 0.258 46.080 61.44h76.8c53.965 0 102.4 49.254 102.4 102.4v307.2c0 56.554-45.846 102.4-102.4 102.4v0h-614.4c-56.554 0-102.4-45.846-102.4-102.4v0-306.893c-0-0-0-0-0-0 0-56.446 45.671-102.225 102.076-102.399l77.124-0.256 46.080-61.491c17.562-23.45 52.685-40.96 81.92-40.96zM614.4 307.2h-204.8l-76.749 102.349-128.051 0.358v306.893h614.4v-307.2h-128zM512 435.2c56.554 0 102.4 45.846 102.4 102.4s-45.846 102.4-102.4 102.4v0c-56.554 0-102.4-45.846-102.4-102.4s45.846-102.4 102.4-102.4v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_camera_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 43,
+				"id": 29,
+				"name": "db_ic_camera_20",
+				"prevSize": 32,
+				"code": 922149
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 36
+		},
+		{
+			"icon": {
+				"paths": [
+					"M614.4 102.4c-169.662 0-307.2 137.538-307.2 307.2v0c0 41.83 6.912 63.232 10.342 79.155l-221.696 221.696c-9.277 9.267-15.016 22.075-15.016 36.224s5.739 26.957 15.016 36.224l0 0 144.435 144.845c22.528 21.197 54.374 18.432 72.858 0l221.389-221.491c21.197 6.758 57.6 10.547 79.872 10.547 169.662 0 307.2-137.538 307.2-307.2v0c0-38.912-8.192-83.2-23.962-118.323-13.978-29.594-56.627-36.198-81.152-11.674l-129.997 129.894-72.397-72.397 129.792-129.792c9.255-9.264 14.979-22.057 14.979-36.187 0-21.562-13.328-40.011-32.195-47.557l-0.345-0.122c-33.086-13.318-71.449-21.043-111.616-21.043-0.108 0-0.216 0-0.324 0l0.017-0zM601.139 205.261l-95.642 95.642c-9.262 9.265-14.991 22.063-14.991 36.198s5.729 26.934 14.991 36.199l-0-0 143.667 144.845c24.166 20.941 55.091 18.432 73.523 0l96.051-96.051c-9.37 111.872-98.099 192.307-204.339 192.307-26.112 0-56.32-6.554-78.694-15.462-20.941-5.837-38.502-0.102-51.354 12.698l-207.462 207.462-72.397-72.397 207.616-207.616c9.267-9.266 14.998-22.066 14.998-36.206 0-6.723-1.296-13.144-3.651-19.025l0.122 0.345c-8.846-22.008-13.978-47.524-13.978-74.239 0-0.127 0-0.253 0-0.379l-0 0.020c0-106.24 80.998-196.045 191.539-204.339z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_build_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 42,
+				"id": 30,
+				"name": "db_ic_build_20",
+				"prevSize": 32,
+				"code": 128736
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 37
+		},
+		{
+			"icon": {
+				"paths": [
+					"M402.688 128l49.203 84.787c17.976-4.793 38.656-7.655 59.968-7.884l0.141-0.001c20.275 0 39.731 2.97 58.624 7.424l51.098-84.992c9.327-13.808 24.92-22.766 42.606-22.766 28.305 0 51.251 22.946 51.251 51.251 0 8.882-2.259 17.236-6.235 24.519l0.134-0.268-45.619 75.93c49.769 36.797 85.381 90.263 98.667 152.023l0.303 1.679h107.571c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0h-102.4v51.2h102.4c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0h-102.4c0 17.51-1.792 34.662-5.171 51.2h107.571c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0h-154.931c-46.746 61.798-120.064 102.4-203.469 102.4s-156.928-40.653-203.674-102.605l-1.126 0.205h-153.6c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0h107.571c-3.288-15.383-5.171-33.056-5.171-51.169 0-0.011 0-0.022 0-0.032l-0 0.001h-102.4c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0h102.4v-51.2h-102.4c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0h107.571c13.526-62.963 48.718-116.071 97.226-152.354l0.668-0.478-44.954-77.466c-4.349-7.368-6.918-16.235-6.918-25.702 0-28.28 22.926-51.206 51.206-51.206 18.813 0 35.257 10.146 44.158 25.264l0.13 0.24zM665.6 512.102h-307.2v153.6c0 84.685 68.915 153.6 153.6 153.6s153.6-68.915 153.6-153.6zM563.2 614.502c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0h-102.4c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0zM512 307.302c-66.243 0.219-122.579 42.394-143.842 101.331l-0.337 1.069h288.358c-21.6-60.006-77.936-102.181-144.152-102.4l-0.027-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bug_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 41,
+				"id": 31,
+				"name": "db_ic_bug_20",
+				"prevSize": 32,
+				"code": 922182
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 38
+		},
+		{
+			"icon": {
+				"paths": [
+					"M262.758 102.4c-32 0-57.958 24.422-57.958 54.528v713.728c-0 0.016-0 0.036-0 0.055 0 28.107 22.785 50.893 50.893 50.893 0.216 0 0.432-0.001 0.647-0.004l-0.033 0c18.586 0 22.733-1.69 31.795-6.861l223.898-110.49 223.898 110.49c9.062 5.171 23.347 6.861 32 6.861 37.069-0.717 50.79-19.917 51.302-50.944v-713.728c0-30.106-25.958-54.528-57.958-54.528zM716.8 791.142l-159.488-78.694c-13.213-6.685-28.805-10.6-45.312-10.6s-32.099 3.915-45.898 10.868l0.586-0.268-159.488 78.694v-586.342h409.6z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bookmark_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 40,
+				"id": 32,
+				"name": "db_ic_bookmark_20",
+				"prevSize": 32,
+				"code": 922148
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 39
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 153.6c197.939 0 358.4 160.461 358.4 358.4s-160.461 358.4-358.4 358.4v0c-197.939 0-358.4-160.461-358.4-358.4s160.461-358.4 358.4-358.4v0zM256 512c-0 0.012-0 0.026-0 0.041 0 141.385 114.615 256 256 256 52.569 0 101.436-15.845 142.088-43.019l-0.93 0.585-354.765-354.816c-26.562 39.59-42.394 88.318-42.394 140.743 0 0.164 0 0.328 0 0.492l-0-0.026zM512 256c-52.224 0-100.71 15.616-141.158 42.394l354.765 354.816c26.61-39.733 42.468-88.619 42.468-141.21 0-141.385-114.615-256-256-256-0.026 0-0.052 0-0.078 0l0.004-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_block_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 39,
+				"id": 33,
+				"name": "db_ic_block_20",
+				"prevSize": 32,
+				"code": 922147
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 40
+		},
+		{
+			"icon": {
+				"paths": [
+					"M443.955 762.163l0.27 0.117c-5.933-2.866-12.587-4.472-19.617-4.472-17.669 0-32.968 10.148-40.505 25.193l0.117-0.263c-2.927 5.954-4.57 12.653-4.57 19.736 0 17.646 10.202 32.908 25.291 40.329l87.552 42.342-0.264-0.117c5.966 2.93 12.676 4.576 19.771 4.576s13.806-1.646 19.507-4.459l87.808-42.342c23.398-12.8 30.413-39.219 20.48-59.75l-0.116-0.266c-7.179-14.892-22.417-25.168-40.056-25.168-7.169 0-13.941 1.697-19.681 4.596l-67.942 32.819-68.096-32.87zM204.8 544c-24.73 0-44.8 20.070-44.8 44.8v107.52l0 0.008c0.058 17.626 10.238 32.868 25.293 40.338l82.637 39.936-0.259-0.117c5.972 2.969 12.705 4.639 19.827 4.639 17.637 0 32.883-10.239 40.234-25.361l-0.117 0.267c2.893-5.947 4.515-12.625 4.515-19.683 0-17.648-10.147-32.927-25.185-40.437l-57.344-27.699v-79.411l-0-0.014c-0.144-24.67-20.116-44.642-44.8-44.786zM819.2 544c-22.835 0-44.8 18.227-44.8 44.8l-0.051 79.411-55.808 26.982-0.259 0.119c-14.756 7.486-24.868 22.802-24.868 40.48 0 6.991 1.581 13.613 4.289 19.253l0.117 0.263c7.308 14.816 22.565 25.008 40.202 25.008 7.107 0 13.827-1.655 19.534-4.483l86.067-41.984 0.169-0.104c12.165-8.004 20.198-21.775 20.209-37.425l-0.358-107.52c0.358-26.573-21.606-44.8-44.442-44.8zM565.862 378.573c-11.418 0-20.685 9.267-20.685 20.685v201.574 0c0 14.351 11.633 25.984 25.984 25.984s25.984-11.633 25.984-25.984v-80.486h16.691c8.141 0 14.080 1.434 17.766 4.352 4.198 3.277 8.55 9.626 13.005 18.995l32.922 69.018c5.734 11.418 21.248 14.131 30.106 14.131 17.818 0 25.6-11.059 20.992-20.634-7.936-16.23-19.814-40.755-35.686-73.523-5.939-12.083-13.414-20.48-22.426-25.293 13.568-4.045 23.757-9.677 30.618-16.947 9.216-9.984 13.824-24.371 13.824-43.162 0-45.824-26.061-68.71-78.182-68.71zM405.197 378.573c0.087-0.001 0.189-0.002 0.291-0.002 11.168 0 20.698 7.011 24.43 16.872l0.060 0.18 79.002 209.459c4.403 11.776 2.355 21.76-18.586 21.76-18.586 0-25.498-4.71-30.208-16.333l-14.694-36.454h-92.211l-12.39 33.382c-5.222 14.029-12.39 19.405-30.976 19.405s-23.091-9.267-18.586-20.992l80.538-210.227c3.482-9.165 11.571-17.050 21.658-17.050zM401.101 444.877l-32.973 92.16h65.843l-32.922-92.16zM631.245 417.587c16.282 0 26.214 4.608 29.798 13.875 1.741 4.403 2.611 11.264 2.611 20.787 0 11.622-2.099 19.712-6.349 24.32-5.12 5.632-13.875 8.448-26.368 8.448h-33.946v-67.43zM326.246 267.418c9.779 20.634 1.536 49.51-21.248 59.699l-55.398 26.266v81.818c-0.058 24.719-20.081 44.742-44.794 44.8l-0.006 0c-24.673-0.173-44.627-20.127-44.8-44.783l-0-0.017v-110.080c0-15.36 7.885-29.542 20.582-37.683l85.965-41.267c5.627-2.737 12.241-4.337 19.229-4.337 17.76 0 33.106 10.334 40.353 25.317l0.117 0.267zM752.538 244.019l85.862 40.653c13.562 6.538 23.202 19.334 25.217 34.537l0.025 0.228 0.358 115.763c-0.013 24.732-20.066 44.777-44.8 44.777-22.749 0-41.537-16.955-44.417-38.918l-0.024-0.227-0.41-87.45-57.856-27.443c-20.685-9.83-32.768-35.072-21.658-58.522 11.11-23.398 34.662-32.768 57.702-23.398zM525.005 136.346l90.675 42.496c15.28 7.353 25.638 22.715 25.638 40.495 0 24.742-20.058 44.8-44.8 44.8-5.012 0-9.832-0.823-14.332-2.341l0.316 0.092-70.554-33.126-67.072 31.949c-20.634 9.779-46.080 4.352-58.778-18.842-12.646-23.194-1.997-51.917 21.146-62.976l85.504-40.141c5.629-2.739 12.246-4.34 19.236-4.34 4.645 0 9.124 0.707 13.337 2.019l-0.317-0.085z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_augmented_reality_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 38,
+				"id": 34,
+				"name": "db_ic_augmented_reality_20",
+				"prevSize": 32,
+				"code": 921959
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 41
+		},
+		{
+			"icon": {
+				"paths": [
+					"M727.296 193.946c25.407 25.59 41.109 60.846 41.109 99.768 0 36.080-13.492 69.008-35.706 94.015l0.127-0.145-282.112 282.47c-9.296 9.455-22.223 15.313-36.518 15.313-28.277 0-51.2-22.923-51.2-51.2 0-12.179 4.252-23.364 11.353-32.153l-0.076 0.097 280.166-280.678c7.078-7.094 11.454-16.886 11.454-27.7 0-10.763-4.335-20.513-11.355-27.6l0.003 0.003c-6.989-7.049-16.675-11.413-27.382-11.413-8.732 0-16.786 2.903-23.249 7.796l0.097-0.070-283.494 282.982c-23.309 23.311-37.726 55.514-37.726 91.085 0 35.494 14.355 67.635 37.576 90.935l-0.004-0.004c47.923 48.128 124.621 50.176 175.053 6.093l245.35-244.941c9.246-9.155 21.971-14.811 36.017-14.811 28.277 0 51.2 22.923 51.2 51.2 0 11.953-4.096 22.949-10.961 31.662l0.083-0.109-243.149 243.712c-41.691 41.536-99.203 67.216-162.714 67.216-63.816 0-121.576-25.928-163.321-67.823l-0.007-0.007c-41.654-41.811-67.406-99.488-67.406-163.18 0-59.984 22.841-114.633 60.3-155.723l-0.165 0.183 287.334-287.693c25.47-25.289 60.561-40.919 99.302-40.919 39.098 0 74.477 15.918 100.011 41.628l0.008 0.008z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_attachment_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 44,
+				"id": 35,
+				"name": "db_ic_attachment_20",
+				"prevSize": 32,
+				"code": 922181
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 42
+		},
+		{
+			"icon": {
+				"paths": [
+					"M595.3 451.486c-14.337 22.012-44.35 31.534-65.674 17.957-43.227-27.587-92.718-24.365-127.112 4.743l-119.111 118.676c-39.99 39.99-39.99 104.826 0 144.815v0c38.159 38.159 99.054 40.041 144.815 0 21.215-18.609 52.387-20.021 72.408 0 19.995 19.995 19.995 52.413 0 72.408v0c-0.001 0.001-0.001 0.001-0.002 0.002-79.979 79.979-209.652 79.979-289.631 0-77.433-77.433-79.898-201.446-7.395-281.845l0.338-0.367 119.943-120.305c0.001-0.001 0.001-0.001 0.002-0.002 69.337-69.337 176.022-78.563 255.298-27.679l1.132 0.782c2.747 1.753 5.616 4.052 8.267 6.703 17.336 17.336 19.641 44.010 6.917 63.829l-0.195 0.283zM811.98 209.101c77.433 77.433 79.898 201.444 7.397 281.843l-0.337 0.366-119.943 120.305c-69.35 69.345-176.059 78.56-255.337 27.645l-1.131-0.782c-3.206-1.913-6.516-4.48-9.541-7.506-19.995-19.995-19.995-52.413 0-72.408 17.722-17.722 45.205-19.737 65.145-6.043l0.258 0.189c37.796 24.235 87.076 21.606 121.647-7.497l0.288-0.251 119.147-118.64c39.99-39.99 39.99-104.826 0-144.815v0c-38.195-38.195-99.054-39.824-144.815 0-21.288 18.536-52.423 19.985-72.408 0-19.995-19.995-19.995-52.413 0-72.408v0c79.979-79.979 209.652-79.979 289.631 0v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_add_link_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 37,
+				"id": 36,
+				"name": "db_ic_add_link_20",
+				"prevSize": 32,
+				"code": 922178
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 43
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 153.6c53.965 0 102.707 47.616 102.4 102.4v512c0 53.965-48.538 102.758-102.4 102.4h-512c-53.965 0-102.144-46.080-102.4-102.4v-512c0-53.965 47.77-102.298 102.4-102.4h512zM665.6 584.397l-117.402 117.402c-9.267 9.273-22.071 15.008-36.216 15.008-3.527 0-6.97-0.357-10.296-1.036l0.33 0.056-139.674-46.182-106.342 53.146v45.21h512v-81.203l-102.4-102.4zM768 256h-512v352.307l79.514-39.68c6.679-3.418 14.569-5.42 22.928-5.42 3.408 0 6.739 0.333 9.96 0.968l-0.325-0.053 130.048 42.854 131.277-131.174c9.265-9.262 22.063-14.991 36.198-14.991s26.934 5.729 36.199 14.991l66.201 66.15v-285.952zM384 307.2c42.415 0 76.8 34.385 76.8 76.8s-34.385 76.8-76.8 76.8v0c-42.415 0-76.8-34.385-76.8-76.8s34.385-76.8 76.8-76.8v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_action_image_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 65,
+				"id": 38,
+				"name": "ic-db_action_image_20",
+				"prevSize": 32,
+				"code": 128444
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 45
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 154.47c109.67 0 204.544 89.242 204.8 204.8v51.2c56.554 0 102.4 45.846 102.4 102.4v0 306.33c0 56.554-45.846 102.4-102.4 102.4v0h-409.6c-56.554 0-102.4-45.846-102.4-102.4v0-306.33c0-56.554 45.846-102.4 102.4-102.4v0-51.2c0-113.108 91.692-204.8 204.8-204.8v0zM716.8 512.87h-409.6v306.33h409.6v-306.33zM512 563.2c26.163 0.004 47.741 19.63 50.817 44.964l0.024 0.246 0.358 5.99v102.144c-0.032 28.253-22.943 51.143-51.2 51.143-26.146 0-47.714-19.598-50.817-44.905l-0.025-0.247-0.358-5.99v-102.144c0-28.277 22.923-51.2 51.2-51.2v0zM512 256.87c-56.507 0.116-102.284 45.893-102.4 102.389l-0 0.011c-0.102 34.15-0.102 51.2 0 51.2h204.8v-51.2c0-56.554-45.846-102.4-102.4-102.4v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_action_lock-close_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 66,
+				"id": 39,
+				"name": "ic-db_action_lock-close_20",
+				"prevSize": 32,
+				"code": 922153
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 46
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c0.003-0 0.006-0 0.009-0 99.893 0 183.081 71.518 201.157 166.143l0.204 1.281c0.592 2.923 0.931 6.282 0.931 9.721 0 28.277-22.923 51.2-51.2 51.2-23.053 0-42.548-15.236-48.964-36.187l-0.096-0.363c-10.189-54.989-52.429-89.395-102.042-89.395-56.519 0.087-102.313 45.881-102.4 102.392l-0 0.008v103.27h307.2c56.554 0 102.4 45.846 102.4 102.4v0 306.33c0 56.554-45.846 102.4-102.4 102.4v0h-409.6c-56.554 0-102.4-45.846-102.4-102.4v0-306.33c0-56.554 45.846-102.4 102.4-102.4v0-103.27c0-113.108 91.692-204.8 204.8-204.8v0zM716.8 512.87h-409.6v306.33h409.6v-306.33zM512 563.2c26.163 0.004 47.741 19.63 50.817 44.964l0.024 0.246 0.358 5.99v102.144c-0.032 28.253-22.943 51.143-51.2 51.143-26.146 0-47.714-19.598-50.817-44.905l-0.025-0.247-0.358-5.99v-102.144c0-28.277 22.923-51.2 51.2-51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_action_lock-open_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 67,
+				"id": 40,
+				"name": "ic-db_action_lock-open_20",
+				"prevSize": 32,
+				"code": 922160
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 47
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 153.6c81.92 0 148.48 40.96 179.2 107.52l66.56-66.56c20.48-20.48 51.2-20.48 71.68 0 0 0 0 0 0 0 20.48 20.48 20.48 51.2 0 71.68-215.040 215.040-424.96 424.96-640 640-20.48 20.48-51.2 20.48-71.68 0s-20.48-51.2 0-71.68c20.48-20.48 35.84-35.84 56.32-56.32l-71.68-358.4c-0-25.6 15.36-56.32 46.080-61.44 0 0 0 0 5.12 0v0h153.6c0-112.64 81.92-204.8 204.8-204.8zM880.64 358.4c20.48 5.12 46.080 30.72 40.96 61.44-25.6 138.24-51.2 271.36-81.92 409.6-5.12 20.48-25.6 40.96-51.2 40.96h-414.72l102.4-102.4h271.36l66.56-343.040 66.56-66.56zM491.52 460.8h-271.36l46.080 230.4 225.28-230.4zM512 256c-61.44 0-97.28 35.84-102.4 92.16v10.24h184.32l20.48-20.48c-10.24-46.080-46.080-81.92-102.4-81.92z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_action_shopping-basket-disabled_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 68,
+				"id": 41,
+				"name": "ic-db_action_shopping-basket-disabled_20",
+				"prevSize": 32,
+				"code": 921941
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 48
+		},
+		{
+			"icon": {
+				"paths": [
+					"M401.944 828.611c7.851 10.24 12.532 23.064 12.532 36.913 0 33.548-27.453 60.952-60.952 60.952-0.173 0.002-0.377 0.003-0.581 0.003-13.792 0-26.514-4.581-36.728-12.304l0.153 0.111 85.577-85.675zM682.667 804.571c33.548 0 60.952 27.453 60.952 60.952 0 33.548-27.404 60.952-60.952 60.952-33.499 0-60.952-27.453-60.952-60.952 0-33.548 27.453-60.952 60.952-60.952zM190.464 146.286c45.739 0 82.31 31.988 92.94 77.726l4.632 19.797h423.010l60.172-60.172 23.601-23.308c8.801-8.691 20.901-14.059 34.256-14.059 13.596 0 25.893 5.565 34.737 14.541l0.006 0.006c17.457 17.701 20.626 49.25-0.488 68.949l-633.71 633.807c-8.879 9.184-21.311 14.886-35.074 14.886-26.93 0-48.762-21.831-48.762-48.762 0-13.763 5.702-26.195 14.873-35.061l0.014-0.013c35.791-36.084 71.68-72.021 107.715-107.91l-79.433-442.904h-42.667c-27.453 0-48.762-22.869-48.762-48.762s22.869-48.762 48.762-48.762h44.178zM707.048 682.667c27.453 0 48.762 21.358 48.762 48.762 0 22.869-21.358 48.762-48.762 48.762h-256.683l97.524-97.524h159.159zM828.855 401.749l-28.867 123.953c-9.118 36.571-36.571 71.631-85.333 76.215l-94.891 8.875 209.091-209.042zM613.522 341.333h-308.76l36.571 198.12 82.213-7.997 189.976-190.123z"
+				],
+				"width": 975,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_action_shopping-cart-disabled_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 69,
+				"id": 42,
+				"name": "ic-db_action_shopping-cart-disabled_20",
+				"prevSize": 32,
+				"code": 921942
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 49
+		},
+		{
+			"icon": {
+				"paths": [
+					"M801.434 438.323v182.579c0 56.832 6.298 72.602 33.69 94.362l11.264 8.55c16.026 10.957 24.013 26.931 24.013 42.957 0 23.962-17.92 50.944-45.978 50.944h-209.92v1.024c0 0.015 0 0.033 0 0.051 0 56.78-46.029 102.81-102.81 102.81-0.072 0-0.144-0-0.216-0l0.011 0c-49.050 0-95.539-39.424-102.144-91.187l113.664-113.664 189.44 0.051-3.789-15.206c-5.786-25.446-8.704-52.634-9.165-96.102l-0.051-65.178 101.99-101.99zM511.488 102.4c97.792 0 177.203 40.397 228.045 109.619l43.469-43.418c9.265-9.262 22.063-14.991 36.198-14.991s26.934 5.729 36.199 14.991l-0-0c18.432 18.432 21.965 51.354 0 72.397-207.055 207.239-407.161 407.345-607.355 607.362l-7.045 7.038c-9.265 9.262-22.063 14.991-36.198 14.991s-26.934-5.729-36.199-14.991l0 0c-18.432-18.432-21.811-47.206 0-72.397 8.806-9.011 17.664-17.92 26.624-26.726l1.997-4.301c14.848-33.792 24.371-71.014 24.371-134.093v-182.784c-0-198.81 112.947-332.698 289.894-332.698zM512.512 205.312c-112.998 0-187.955 78.899-187.955 216.781v170.803c0 12.442-0.205 23.91-0.666 34.765l340.685-340.685c-31.846-52.992-84.275-81.664-152.064-81.664z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["alert-off"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 70,
+				"id": 43,
+				"name": "alert-off",
+				"prevSize": 32,
+				"code": 922179
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 50
+		},
+		{
+			"icon": {
+				"paths": [
+					"M204.646 921.754c28.058 0 51.046-22.016 51.046-51.046v-102.195c0-29.030 23.040-52.070 51.098-52.070h410.419c28.058 0 51.098 23.040 51.098 52.070v102.144c0 29.030 23.040 51.046 51.046 51.046s51.046-22.016 51.046-51.046v-102.144c0-84.992-69.12-154.112-153.19-154.112h-410.419c-84.122 0-153.19 69.12-153.19 154.163v102.144c0 29.030 23.040 51.046 51.046 51.046zM512 102.4c113.152 0 205.21 91.136 205.21 204.237-0.175 113.264-91.946 205.035-205.193 205.21l-0.017 0c-113.152 0-204.237-92.109-204.237-205.21-0-0.137-0.001-0.299-0.001-0.461 0-112.542 91.234-203.776 203.776-203.776 0.162 0 0.324 0 0.486 0.001l-0.025-0zM512.307 204.8c-56.218 0-102.4 46.182-102.4 102.4 0 57.242 46.182 102.4 102.4 102.4 57.19 0 102.4-45.158 102.4-102.4 0-56.218-45.21-102.4-102.4-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["account"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 71,
+				"id": 44,
+				"name": "account",
+				"prevSize": 32,
+				"code": 922145
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 51
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c225.792 0 409.6 183.808 409.6 409.6-1.042 225.796-183.804 408.558-409.5 409.6l-0.1 0c-225.792 0-409.6-183.808-409.6-409.6s183.808-409.6 409.6-409.6zM512 205.312c-0.167-0-0.366-0.001-0.564-0.001-169.068 0-306.125 137.057-306.125 306.125 0 0.198 0 0.396 0.001 0.594l-0-0.031c-0 0.167-0.001 0.366-0.001 0.564 0 169.068 137.057 306.125 306.125 306.125 0.198 0 0.396-0 0.594-0.001l-0.031 0c0.167 0 0.366 0.001 0.564 0.001 169.068 0 306.125-137.057 306.125-306.125 0-0.198-0-0.396-0.001-0.594l0 0.031c0-0.167 0.001-0.366 0.001-0.564 0-169.068-137.057-306.125-306.125-306.125-0.198 0-0.396 0-0.594 0.001l0.031-0zM562.944 307.2v153.856h153.856v101.888h-153.856v153.856h-101.888v-153.856h-153.856v-101.888h153.856v-153.856h101.888z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["add-circle"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 72,
+				"id": 45,
+				"name": "add-circle",
+				"prevSize": 32,
+				"code": 8853
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 52
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 204.8c28.157 0.087 50.959 22.889 51.046 51.038l0 0.008v205.107h205.107c28.157 0.087 50.959 22.889 51.046 51.038l0 0.008c-0.087 28.157-22.889 50.959-51.038 51.046l-0.008 0h-205.107v205.107c-0.087 28.157-22.889 50.959-51.038 51.046l-0.008 0c-28.157-0.087-50.959-22.889-51.046-51.038l-0-0.008v-205.107h-205.107c-28.157-0.087-50.959-22.889-51.046-51.038l-0-0.008c0.087-28.157 22.889-50.959 51.038-51.046l0.008-0h205.107v-205.107c0.087-28.157 22.889-50.959 51.038-51.046l0.008-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["add"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 73,
+				"id": 46,
+				"name": "add",
+				"prevSize": 32,
+				"code": 43
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 53
+		},
+		{
+			"icon": {
+				"paths": [
+					"M764.774 102.4c74.752 0 138.138 60.16 138.138 136.55 0 48.742-26.010 92.672-65.024 118.63 21.146 47.104 32.512 99.174 32.512 152.781 0 84.531-27.648 160.922-74.752 222.72l66.611 107.264c5.018 8.038 8.141 17.869 8.141 27.648 0 29.184-21.146 51.968-50.381 51.968-16.282 0-32-8.397-42.24-24.371l-58.522-91.034c-57.58 40.579-129.157 64.901-206.408 65.024l-0.031 0c-77.035-0.352-148.48-23.986-207.743-64.221l1.305 0.835-58.522 91.034c-10.24 15.923-26.010 24.371-40.602 24.371-43.878 0-65.075-45.568-43.878-79.667l66.611-107.264c-46.332-61.835-74.336-139.735-74.752-224.158l-0-0.098c0-52.070 11.366-104.038 32.512-151.194-40.653-26.010-66.662-71.526-66.662-118.682 0-76.39 63.386-138.138 136.55-138.138 53.606 0 104.038 30.874 126.771 76.39 42.24-17.92 81.254-24.371 128.41-24.371 45.517 0 86.118 4.864 128.41 19.456 24.639-42.987 70.254-71.479 122.523-71.479 0.36 0 0.719 0.001 1.078 0.004l-0.055-0zM514.406 255.181c-142.579 0.291-258.087 115.78-258.406 258.325l-0 0.031c0.291 142.579 115.78 258.087 258.325 258.406l0.031 0c142.575-0.32 258.064-115.827 258.355-258.378l0-0.028c-0.32-142.557-115.798-258.035-258.325-258.355l-0.031-0zM563.2 358.4v102.4h102.4v102.4h-102.4v102.4h-102.4v-102.4h-102.4v-102.4h102.4v-102.4h102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["alarm-add"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 74,
+				"id": 47,
+				"name": "alarm-add",
+				"prevSize": 32,
+				"code": 921698
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 54
+		},
+		{
+			"icon": {
+				"paths": [
+					"M764.774 102.4c74.752 0 138.138 69.888 138.138 138.138-0.587 49.007-26.121 91.925-64.471 116.709l-0.553 0.335c21.146 47.104 32.512 99.174 32.512 152.781 0 84.531-27.648 160.922-74.752 222.72l66.611 107.264c4.864 8.090 8.141 17.869 8.141 27.648 0 29.184-19.507 51.968-48.742 51.968-0.336 0.008-0.733 0.013-1.13 0.013-18.103 0-33.944-9.686-42.623-24.159l-0.125-0.225-58.522-91.034c-57.58 40.579-129.157 64.901-206.408 65.024l-0.031 0c-77.035-0.352-148.48-23.986-207.743-64.221l1.305 0.835-58.522 91.034c-9.728 14.643-24.371 24.371-40.602 24.371-29.286 0-52.019-19.507-52.019-48.742 0-9.728 1.638-21.146 8.141-30.925l66.611-107.264c-46.332-61.835-74.336-139.735-74.752-224.158l-0-0.098c0-52.070 11.366-104.038 32.512-151.194-40.653-26.010-66.662-69.888-66.662-117.043 0-76.39 61.747-139.776 134.912-139.776 53.658 0 105.677 30.874 128.41 76.39 42.24-17.92 81.254-24.371 128.41-24.371 45.517 0 86.118 4.864 128.41 19.456 24.639-42.987 70.254-71.479 122.523-71.479 0.36 0 0.719 0.001 1.078 0.004l-0.055-0zM514.406 255.181c-142.579 0.291-258.087 115.78-258.406 258.325l-0 0.031c0.291 142.579 115.78 258.087 258.325 258.406l0.031 0c142.575-0.32 258.064-115.827 258.355-258.378l0-0.028c-0.32-142.557-115.798-258.035-258.325-258.355l-0.031-0zM563.2 334.848v157.645l91.034 87.757-71.526 74.752-120.32-118.63v-201.523h100.813z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["alarm"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 75,
+				"id": 48,
+				"name": "alarm",
+				"prevSize": 32,
+				"code": 922180
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 55
+		},
+		{
+			"icon": {
+				"paths": [
+					"M511.488 102.4c173.978 0 289.946 127.898 289.946 318.669v199.834c0 63.949 7.987 75.93 44.954 102.912 16.026 10.957 24.013 26.931 24.013 42.957 0 23.962-17.92 50.944-45.978 50.944h-209.92v1.024c0 0.015 0 0.033 0 0.051 0 56.78-46.029 102.81-102.81 102.81-0.072 0-0.144-0-0.216-0l0.011 0c-52.992 0-102.912-45.978-102.912-103.936h-204.032c-32 0-50.995-25.958-50.995-51.917 0-13.978 5.018-27.955 18.022-37.939 41.984-26.982 49.971-41.984 49.971-109.926v-182.784c0.051-198.81 112.998-332.698 289.946-332.698zM512.512 205.312c-112.998 0-187.955 78.899-187.955 216.781v170.803c0 48.998-3.021 82.944-13.005 123.904h400.896c-9.011-32.973-13.005-63.949-13.005-124.877v-156.826c0-145.92-70.963-229.786-186.931-229.786z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["alert"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 76,
+				"id": 49,
+				"name": "alert",
+				"prevSize": 32,
+				"code": 922146
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 56
+		},
+		{
+			"icon": {
+				"paths": [
+					"M153.6 819.354v-512.563c0-28.058 23.040-51.098 51.046-51.098h102.144v-51.046c0-28.006 23.040-51.046 51.046-51.046 29.030 0 52.070 23.040 52.070 51.046v51.046h204.186v-51.046c0-28.006 23.040-51.046 52.070-51.046 28.058 0 51.046 23.040 51.046 51.046v51.046h102.144c28.006 0 51.046 23.040 51.046 51.098v512.512c0 28.058-23.040 51.098-51.046 51.098h-614.707c-28.006 0-51.046-23.040-51.046-51.046zM255.693 768.307h512.614v-205.261h-512.614v205.261zM255.693 460.954h512.614v-103.117l-512.614 1.024v102.093z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["calendar"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 77,
+				"id": 50,
+				"name": "calendar",
+				"prevSize": 32,
+				"code": 922183
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 57
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c225.587 0 409.6 184.013 409.6 409.6s-184.013 409.6-409.6 409.6c-225.587 0-409.6-184.013-409.6-409.6s184.013-409.6 409.6-409.6zM512 204.8c-169.662 0-307.2 137.538-307.2 307.2s137.538 307.2 307.2 307.2v0c169.574 0 307.2-137.574 307.2-307.2s-137.626-307.2-307.2-307.2zM654.438 363.315l71.936 71.936-272.179 272.179-145.562-142.643 71.885-71.885 72.602 70.298 201.37-199.834z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["check-circle"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 78,
+				"id": 51,
+				"name": "check-circle",
+				"prevSize": 32,
+				"code": 922144
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 58
+		},
+		{
+			"icon": {
+				"paths": [
+					"M819.2 204.8c56.013 0 102.4 46.387 102.4 102.4v409.6c0 56.013-46.387 102.4-102.4 102.4h-614.4c-56.013 0-102.4-46.387-102.4-102.4v-409.6c0-56.013 46.387-102.4 102.4-102.4h614.4zM819.2 512h-614.4v204.8h614.4v-204.8zM819.2 307.2h-614.4v102.4h614.4v-102.4zM512 563.2v102.4h-256v-102.4h256z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["credit-card"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 79,
+				"id": 52,
+				"name": "credit-card",
+				"prevSize": 32,
+				"code": 922150
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 59
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 409.6c0-28.826 22.426-51.2 51.2-51.2h51.2c56.013 0 102.4 51.2 102.4 102.4v358.4h411.187v-358.4c0-51.2 46.387-102.4 100.813-102.4h51.2c28.826 0 51.2 22.426 51.2 51.2 0 28.826-22.426 51.2-51.2 51.2h-49.613v368.026c0 54.374-49.51 92.774-102.4 92.774h-411.187c-54.477 0-102.4-38.4-102.4-92.826v-367.974h-51.2c-28.826 0-51.2-22.426-51.2-51.2zM102.4 256c0-28.826 22.426-51.2 51.2-51.2h204.8v-51.2c0-28.826 22.426-51.2 51.2-51.2h204.8c12.8 0 27.187 4.813 36.813 14.387 8.91 9.126 14.407 21.62 14.407 35.397 0 0.498-0.007 0.994-0.021 1.488l0.002-0.073v51.2h204.8c28.826 0 51.2 22.426 51.2 51.2 0 28.826-22.426 51.2-51.2 51.2h-716.8c-28.826 0-51.2-22.426-51.2-51.2zM358.4 716.8v-256c0-28.826 22.426-51.2 51.2-51.2 28.826 0 51.2 22.426 51.2 51.2v256c0 27.187-22.426 51.2-51.2 51.2-12.8 0-27.187-6.4-36.813-16.026-8.893-8.971-14.388-21.323-14.388-34.958 0-0.076 0-0.152 0.001-0.228l-0 0.012zM563.2 716.8v-256c0-28.826 22.426-51.2 51.2-51.2 28.826 0 51.2 22.426 51.2 51.2v256c0 27.187-22.426 51.2-51.2 51.2-12.8 0-27.187-6.4-36.813-16.026-8.893-8.971-14.388-21.323-14.388-34.958 0-0.076 0-0.152 0.001-0.228l-0 0.012z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["delete"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 80,
+				"id": 53,
+				"name": "delete",
+				"prevSize": 32,
+				"code": 128465
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 60
+		},
+		{
+			"icon": {
+				"paths": [
+					"M514.048 88.218c30.72-0.922 61.44 14.080 80.896 38.093l30.362 37.427 48.896-11.52c7.469-1.895 16.057-3.012 24.896-3.072l0.039-0c56.115 0 103.424 43.674 106.496 99.84l2.662 47.821 45.978 19.2c39.531 16.506 66.895 54.668 67.328 99.273l0 0.055c0 19.763-6.144 39.526-17.664 57.088l-26.010 39.578 25.958 42.803c10.547 17.408 16.691 37.222 16.691 58.061-0.242 44.271-27.856 82.032-66.768 97.239l-0.714 0.246-44.8 16.896-4.096 49.92c-4.301 51.814-46.848 98.714-106.138 98.714-0.258 0.002-0.564 0.004-0.87 0.004-9.236 0-18.201-1.159-26.758-3.339l0.748 0.161-45.875-12.442-32.768 37.837c-22.784 26.214-46.746 36.557-82.637 37.683-30.72 0.922-61.44-14.080-80.896-38.093l-30.31-37.427-48.896 11.52c-7.469 1.895-16.057 3.012-24.896 3.072l-0.039 0c-56.115 0-103.424-43.674-106.496-99.84l-2.662-47.821-46.029-19.046c-40.96-16.998-67.277-54.835-67.277-98.406 0-20.838 6.144-40.602 17.664-58.163l26.010-39.578-26.266-43.725c-10.108-16.273-16.177-35.976-16.384-57.083l-0-0.057c0.242-44.271 27.856-82.032 66.768-97.239l0.714-0.246 44.8-16.896 5.222-49.869c2.048-56.115 49.869-98.765 104.96-98.765 9.37 0 18.739 1.024 26.931 3.174l45.875 12.442 32.563-38.042c22.17-25.805 46.95-36.352 82.842-37.478zM513.024 189.747l-31.949 38.656c-19.384 23.426-48.462 38.24-81 38.24-10.135 0-19.935-1.437-29.206-4.119l0.741 0.184-45.67-12.698-3.123 2.048-2.918 47.872c-2.219 42.399-29.394 77.927-67.021 92.329l-0.716 0.241-44.749 16.589-1.024 4.147 25.958 40.653c10.496 16.486 16.64 36.301 16.64 56.013 0 20.787-6.144 40.602-17.715 58.163l-25.958 39.578 1.024 4.147 44.8 17.51c38.058 14.962 64.984 50.369 67.367 92.342l0.013 0.279 2.202 47.872 3.072 2.099 45.722-11.776c8.357-2.421 17.956-3.813 27.88-3.813 32.882 0 62.194 15.285 81.219 39.137l0.161 0.209 30.106 37.581h4.147l30.157-37.581c19.031-23.412 47.816-38.259 80.070-38.298l0.007-0c9.318 0 19.661 1.28 29.184 3.891l45.619 12.749 3.123-2.048 2.918-47.872c2.219-42.399 29.394-77.927 67.021-92.329l0.716-0.241 44.749-16.589 1.024-4.147-25.958-40.653c-10.286-15.848-16.466-35.191-16.64-55.967l-0-0.046c0-20.787 6.144-40.602 17.715-58.163l25.958-39.578-1.024-4.147-44.8-17.51c-38.058-14.962-64.984-50.369-67.367-92.342l-0.013-0.279-2.202-47.872-3.072-2.099-45.875 12.39c-7.782 2.032-16.716 3.198-25.923 3.198-33.432 0-63.27-15.383-82.824-39.456l-0.155-0.197-30.31-37.274c0-1.024-1.024-1.024-2.048-1.024zM358.144 410.112c-0.033-0.685-0.051-1.488-0.051-2.296 0-28.447 23.061-51.507 51.507-51.507s51.507 23.061 51.507 51.507c0 0.808-0.019 1.611-0.055 2.409l0.004-0.113c-0.029 28.124-22.82 50.915-50.941 50.944l-0.003 0c-0.213 0.003-0.465 0.005-0.718 0.005-28.199 0-51.079-22.774-51.25-50.933l-0-0.016zM363.315 588.902l225.587-226.611 72.806 72.806-226.611 225.587-71.782-71.782zM562.944 613.888c0-28.058 22.886-50.944 50.944-50.944 0.167-0.002 0.363-0.003 0.56-0.003 28.447 0 51.507 23.061 51.507 51.507s-23.061 51.507-51.507 51.507c-28.447 0-51.507-23.061-51.507-51.507 0-0.197 0.001-0.394 0.003-0.59l-0 0.030z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["discount"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 81,
+				"id": 54,
+				"name": "discount",
+				"prevSize": 32,
+				"code": 921702
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 61
+		},
+		{
+			"icon": {
+				"paths": [
+					"M614.4 102.4c12.8 0 25.6 4.813 35.226 14.387l155.136 153.6c8.94 9.132 14.457 21.646 14.457 35.448 0 0.48-0.007 0.958-0.020 1.435l0.002-0.070v563.2c0 28.826-22.426 51.2-51.2 51.2h-512c-28.826 0-51.2-22.426-51.2-51.2v-716.8c0-28.826 22.426-51.2 51.2-51.2zM561.613 204.8h-254.413v614.4h409.6v-460.8h-103.987c-28.826 0-51.2-22.426-51.2-51.2v-102.4zM409.6 460.8h204.8v100.813h-204.8v-100.813zM409.6 614.4h204.8v102.4h-204.8v-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["document"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 82,
+				"id": 55,
+				"name": "document",
+				"prevSize": 32,
+				"code": 128441
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 62
+		},
+		{
+			"icon": {
+				"paths": [
+					"M204.8 565.146c0-28.314 27.238-51.405 51.354-51.405 13.67 0 26.47 6.042 36.454 15.974l116.634 116.122 322.97-323.942c9.2-8.981 21.753-14.563 35.61-14.694l0.026-0c0.168-0.002 0.367-0.003 0.566-0.003 28.051 0 50.79 22.74 50.79 50.79 0 0.199-0.001 0.398-0.003 0.597l0-0.030c0 12.595-5.222 26.214-14.643 35.686l-358.912 360.397c-9.168 9.235-21.869 14.952-35.905 14.952-0.157 0-0.314-0.001-0.471-0.002l0.024 0c-0.15 0.002-0.328 0.003-0.506 0.003-14.050 0-26.765-5.716-35.946-14.951l-0.002-0.002-152.576-152.576c-9.491-9.438-15.387-22.48-15.462-36.901l-0-0.014z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["done"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 83,
+				"id": 56,
+				"name": "done",
+				"prevSize": 32,
+				"code": 10003
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 63
+		},
+		{
+			"icon": {
+				"paths": [
+					"M819.2 614.4c27.187 0 51.2 22.426 51.2 51.2v102.4c0 84.831-68.769 153.6-153.6 153.6v0h-409.6c-84.831 0-153.6-68.769-153.6-153.6v0-102.4c0-28.826 24.013-51.2 51.2-51.2 28.826 0 51.2 22.426 51.2 51.2v102.4c0 27.187 22.426 51.2 51.2 51.2h409.6c28.826 0 51.2-24.013 51.2-51.2v-102.4c0-28.826 22.426-51.2 51.2-51.2zM512 102.4c28.826 0 51.2 24.013 51.2 51.2v337.613l65.587-65.587c11.213-11.315 20.787-16.026 36.813-16.026 28.826 0 51.2 24.013 51.2 51.2 0 9.626-3.226 22.426-11.213 32l-156.774 158.413c-11.213 9.574-22.426 14.387-35.226 14.387s-25.6-4.813-36.813-14.387l-155.136-153.6c-8.923-8.977-14.439-21.349-14.439-35.010 0-0.094 0-0.187 0.001-0.281l-0 0.014c0-30.362 27.187-52.736 52.787-52.736 12.8 0 25.6 4.813 35.226 16.026l65.587 65.485v-337.51c0-27.187 22.426-51.2 51.2-51.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["download"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 84,
+				"id": 57,
+				"name": "download",
+				"prevSize": 32,
+				"code": 11123
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 64
+		},
+		{
+			"icon": {
+				"paths": [
+					"M730.624 102.4c24.934 0 49.818 8.294 68.096 24.934l93.082 93.082c18.278 18.278 28.262 48.179 28.262 76.442-0.003 28.736-10.717 54.968-28.367 74.924l0.104-0.12-470.323 467.098c-16.589 14.95-29.901 19.968-56.474 26.624l-201.165 51.405c-4.966 1.69-9.984 1.69-14.95 1.69-13.312 0-24.934-4.966-31.59-13.312-8.878-8.999-14.488-21.24-14.897-34.79l-0.002-0.077v-8.294l49.869-201.114c9.984-36.557 14.95-43.213 31.59-59.853l468.634-467.046c19.731-19.531 46.883-31.598 76.853-31.598 0.449 0 0.898 0.003 1.346 0.008l-0.068-0.001zM584.346 348.416l-299.11 294.144 91.392 93.082 299.162-295.885-91.443-91.392zM728.934 202.138l-73.062 73.114 93.082 93.082 73.114-73.114-93.082-93.082z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["edit"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 85,
+				"id": 58,
+				"name": "edit",
+				"prevSize": 32,
+				"code": 9999
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 65
+		},
+		{
+			"icon": {
+				"paths": [
+					"M358.4 512c0.415-0.004 0.906-0.006 1.397-0.006 65.913 0 121.931 42.364 142.311 101.349l0.318 1.058h364.749c28.826 0 51.2 22.426 51.2 51.2 0 27.187-22.374 51.2-51.2 51.2h-364.749c-21.376 59.238-77.11 100.82-142.555 100.82-0.517 0-1.033-0.003-1.549-0.008l0.079 0.001c-0.437 0.005-0.953 0.007-1.47 0.007-65.446 0-121.179-41.582-142.223-99.767l-0.333-1.053h-60.774c-28.826 0-51.2-24.013-51.2-51.2 0-28.774 22.426-51.2 51.2-51.2h60.826c20.698-60.042 76.716-102.406 142.629-102.406 0.473 0 0.946 0.002 1.418 0.007l-0.072-0.001zM358.4 612.813c-28.826 0-51.2 24.013-51.2 51.2 0 28.774 22.426 51.2 51.2 51.2 28.826 0 51.2-22.426 51.2-51.2 0-28.826-24.013-51.2-51.2-51.2zM664.013 204.8c66.243 0.052 122.603 42.31 143.643 101.334l0.331 1.066h62.413c24.013 0 49.613 16.026 51.2 51.2 0 28.826-22.426 51.2-51.2 51.2h-60.826c-22.374 59.187-78.336 102.4-145.562 102.4-66.263-0.029-122.648-42.294-143.694-101.334l-0.332-1.066h-366.387c-24.013 0-49.613-17.613-51.2-51.2 0-28.774 22.426-51.2 51.2-51.2h366.387c21.759-59.831 77.915-101.89 143.964-102.4l0.062-0zM664.013 307.2c-27.187 0-51.2 22.426-51.2 51.2 0 28.826 24.013 51.2 51.2 51.2 28.774 0 51.2-22.374 51.2-51.2 0-28.774-24.013-51.2-51.2-51.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["filter"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 86,
+				"id": 59,
+				"name": "filter",
+				"prevSize": 32,
+				"code": 921705
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 66
+		},
+		{
+			"icon": {
+				"paths": [
+					"M819.2 204.8c56.013 0 102.4 46.387 102.4 102.4v409.6c0 56.013-46.387 102.4-102.4 102.4h-614.4c-56.013 0-102.4-46.387-102.4-102.4v-409.6c0-56.013 46.387-102.4 102.4-102.4h614.4zM819.2 512h-614.4v204.8h614.4v-204.8zM819.2 307.2h-614.4v102.4h614.4v-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["generic-card"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 87,
+				"id": 60,
+				"name": "generic-card",
+				"prevSize": 32,
+				"code": 921712
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 67
+		},
+		{
+			"icon": {
+				"paths": [
+					"M588.902 102.4c56.288 0.423 101.755 46.152 101.755 102.5 0 18.913-5.122 36.629-14.055 51.838l0.261-0.482h129.843c63.302 0.375 114.518 51.591 114.893 114.857l0 0.036v383.59c0 59.955-42.957 115.917-114.893 115.917h-589.414c-62.976 0-114.893-51.968-114.893-115.968v-383.488c0-62.976 52.941-114.893 114.893-114.893h129.843c-8.78-14.345-13.98-31.709-13.98-50.287 0-0.231 0.001-0.462 0.002-0.693l-0 0.035c0-56.934 45.978-102.912 101.888-102.912 30.598 0.162 58.029 13.586 76.86 34.811l0.093 0.107c18.906-21.34 46.316-34.778 76.869-34.969l0.034-0zM461.056 562.944h-255.744v204.8h255.744v-204.8zM818.688 562.944h-255.744v204.8h255.744v-204.8zM461.056 358.144h-255.744v102.912h255.744v-102.912zM818.688 358.144h-255.744v102.912h255.744v-102.912z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["giftcard"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 88,
+				"id": 61,
+				"name": "giftcard",
+				"prevSize": 32,
+				"code": 922192
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 68
+		},
+		{
+			"icon": {
+				"paths": [
+					"M329.728 153.6c58.573 0 117.914 22.528 162.202 66.867l20.070 20.070 15.053-13.363c48.64-43.213 105.318-71.885 167.168-71.885 123.75-0 227.379 93.491 227.379 215.654 0 65.178-18.483 126.925-66.867 173.875l-284.211 275.866c-15.258 14.848-36.813 25.088-58.522 25.088s-43.264-10.24-58.522-25.088l-284.16-275.866c-45.926-44.442-66.918-103.68-66.918-162.15 0-125.44 101.99-229.069 227.328-229.069zM330.342 256c-69.095 0.46-124.995 56.306-125.542 125.337l-0 0.052c0 31.744 13.005 65.536 36.864 88.576l271.155 262.502 271.206-262.451c25.498-24.678 35.174-60.211 35.174-95.334 0-66.918-55.296-116.992-123.904-116.992-35.123 0-67.277 14.694-93.696 40.090l-45.261 43.52c-11.334 11.396-27.026 18.449-44.365 18.449s-33.030-7.053-44.362-18.447l-0.003-0.003-48.538-48.538c-22.71-22.706-54.079-36.752-88.728-36.762l-0.002-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["heart"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 89,
+				"id": 62,
+				"name": "heart",
+				"prevSize": 32,
+				"code": 9825
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 69
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c225.229 0 409.6 183.347 409.6 409.344 0 225.178-183.296 409.856-409.6 409.856s-409.6-184.73-409.6-409.856c0-225.434 183.808-409.344 409.6-409.344zM512 204.8c-169.379-0-306.688 137.309-306.688 306.688 0 0.090 0 0.18 0 0.27l-0-0.014c0 168.96 136.346 307.456 306.688 307.456 170.394 0 306.688-138.598 306.688-307.456 0-0.076 0-0.166 0-0.256 0-169.379-137.309-306.688-306.688-306.688l-0 0zM493.056 742.298c0.107 0.001 0.234 0.001 0.361 0.001 27.909 0 50.534-22.625 50.534-50.534 0-0.162-0.001-0.325-0.002-0.487l0 0.025c0-27.955-21.965-49.92-50.944-49.92s-50.944 22.016-50.944 49.92c0 28.006 22.016 50.995 50.944 50.995zM442.061 595.405h101.888v-51.917c0-34.816 90.163-52.48 90.163-151.859 0-70.963-56.166-109.926-128.666-109.926-45.978 0-96.41 15.718-118.118 33.28l34.816 90.368c22.016-12.186 50.33-21.709 74.803-21.709 28.57 0 36.045 12.954 36.045 27.392 0 50.33-90.931 45.722-90.931 132.454v51.917z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["help"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 90,
+				"id": 63,
+				"name": "help",
+				"prevSize": 32,
+				"code": 63
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 70
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c225.587 0 409.6 184.013 409.6 409.6s-184.013 409.6-409.6 409.6c-225.587 0-409.6-184.013-409.6-409.6s184.013-409.6 409.6-409.6zM512 204.8c-169.626 0-307.2 137.626-307.2 307.2 0 169.626 137.626 307.2 307.2 307.2 169.626 0 307.2-137.626 307.2-307.2 0-169.626-137.626-307.2-307.2-307.2zM563.2 409.6v204.8h102.4v102.4h-307.2v-102.4h102.4v-102.4h-84.787v-102.4h187.187zM512 259.174c30.413 0 52.787 22.426 52.787 52.838 0 30.362-22.374 52.787-52.787 52.787-0.449 0.014-0.977 0.022-1.507 0.022-28.334 0-51.302-22.969-51.302-51.302 0-0.53 0.008-1.058 0.024-1.584l-0.002 0.077c0-30.413 22.374-52.838 52.787-52.838z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["info"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 91,
+				"id": 64,
+				"name": "info",
+				"prevSize": 32,
+				"code": 128712
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 71
+		},
+		{
+			"icon": {
+				"paths": [
+					"M545.638 153.6c60.928 0 110.797 13.261 110.848 64.205 0 27.699-13.466 41.318-35.84 41.318-10.547 0-46.080-9.216-76.032-9.216-54.886 0-81.818 12.442-81.818 43.52 0 92.16 243.405 69.427 243.405 223.744 0 50.739-30.003 96.358-76.646 118.118 17.613 23.808 25.907 52.787 24.883 82.842 0 98.406-63.181 152.269-174.080 152.269-58.368 0-137.984-13.005-137.984-70.042 0-21.504 13.312-40.96 38.861-40.96 15.872 0 55.091 15.718 96.051 15.718 52.838 0 79.77-16.589 79.77-48.691 0-95.283-239.258-66.304-239.258-216.474 1.529-53.264 33.963-98.592 79.936-118.806l0.858-0.336c-19.712-23.808-28.006-54.886-28.006-86.016 0-96.205 62.157-151.194 175.104-151.194zM464.896 440.525c-41.472 14.49-55.962 32.102-55.962 50.739 0 32.154 26.931 41.472 151.245 90.112 39.322-17.562 51.763-31.027 51.763-52.787 0-30.054-23.808-39.424-147.046-88.064z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["legal"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 92,
+				"id": 65,
+				"name": "legal",
+				"prevSize": 32,
+				"code": 167
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 72
+		},
+		{
+			"icon": {
+				"paths": [
+					"M153.6 716.8c0 84.831 68.769 153.6 153.6 153.6v0h102.4c28.826 0 51.2-24.013 51.2-51.2 0-28.826-22.426-51.2-51.2-51.2h-102.4c-27.187 0-51.2-22.426-51.2-51.2v-409.6c0-28.826 24.013-51.2 51.2-51.2h102.4c28.826 0 51.2-22.426 51.2-51.2 0-27.187-22.426-51.2-51.2-51.2h-102.4c-84.831 0-153.6 68.769-153.6 153.6v0 409.6zM409.6 512c0 27.187 22.426 51.2 51.2 51.2h286.413l-65.587 65.587c-9.859 8.545-16.058 21.086-16.058 35.075 0 0.611 0.012 1.219 0.035 1.825l-0.003-0.087c0 28.826 22.426 51.2 51.2 51.2 12.8 0 25.6-4.813 36.813-14.387l153.6-155.187c8.893-8.971 14.388-21.323 14.388-34.959 0-0.094-0-0.188-0.001-0.281l0 0.014c0-12.8-4.813-25.6-14.387-36.813l-153.6-153.6c-9.525-8.914-22.366-14.388-36.485-14.388-0.115 0-0.23 0-0.345 0.001l0.018-0c-27.187 0-51.2 22.426-51.2 51.2 0 12.8 4.813 27.187 16.026 36.813l65.485 65.587h-286.31c-28.826 0-51.2 22.426-51.2 51.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["log-out"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 93,
+				"id": 66,
+				"name": "log-out",
+				"prevSize": 32,
+				"code": 8614
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 73
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768.154 563.2h-512.307c-28.006 0-51.046-23.091-51.046-51.2s23.040-51.2 51.046-51.2h512.307c28.006 0 51.046 23.091 51.046 51.2s-23.040 51.2-51.046 51.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["minus"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 94,
+				"id": 67,
+				"name": "minus",
+				"prevSize": 32,
+				"code": 8722
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 74
+		},
+		{
+			"icon": {
+				"paths": [
+					"M665.6 102.4c25.6 0 51.2 22.528 51.2 51.2v51.2h123.187c49.613 0 81.613 44.8 81.613 92.826v324.762c0 49.613-30.413 94.413-81.613 94.413h-123.187v153.6c0 28.826-22.426 51.2-51.2 51.2h-307.2c-27.187 0-51.2-19.2-51.2-51.2v-153.6h-123.187c-49.613 0-81.613-46.387-81.613-94.413v-324.813c0-47.974 28.826-92.774 81.613-92.774h123.187v-51.2c0-28.826 24.013-51.2 51.2-51.2zM614.4 614.4h-204.8v204.8h204.8v-204.8zM819.2 307.2h-614.4v307.2h102.4v-51.2c0-25.6 25.6-51.2 51.2-51.2h307.2c25.6 0 51.2 25.6 51.2 51.2v51.2h102.4v-307.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["print"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 95,
+				"id": 68,
+				"name": "print",
+				"prevSize": 32,
+				"code": 128424
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 75
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c226.509 0 409.6 183.091 409.6 409.6s-183.091 409.6-409.6 409.6c-226.509 0-409.6-183.091-409.6-409.6s183.091-409.6 409.6-409.6zM512 204.544c-169.882 0-307.456 140.134-307.456 307.456 0 167.885 139.008 307.456 307.456 307.456 165.427 0 307.456-135.629 307.456-307.456-0.117-169.756-137.699-307.339-307.444-307.456l-0.012-0zM307.712 563.098v-102.195h408.576v102.195h-408.576z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["remove"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 96,
+				"id": 69,
+				"name": "remove",
+				"prevSize": 32,
+				"code": 8861
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 76
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c225.792 0 409.6 183.808 409.6 409.6s-183.808 409.6-409.6 409.6-409.6-183.808-409.6-409.6 183.808-409.6 409.6-409.6zM512 205.312c-0.167-0-0.366-0.001-0.564-0.001-169.068 0-306.125 137.057-306.125 306.125 0 0.198 0 0.396 0.001 0.594l-0-0.031c-0 0.167-0.001 0.366-0.001 0.564 0 169.068 137.057 306.125 306.125 306.125 0.198 0 0.396-0 0.594-0.001l-0.031 0c0.167 0 0.366 0.001 0.564 0.001 169.068 0 306.125-137.057 306.125-306.125 0-0.198-0-0.396-0.001-0.594l0 0.031c0-0.167 0.001-0.366 0.001-0.564 0-169.068-137.057-306.125-306.125-306.125-0.198 0-0.396 0-0.594 0.001l0.031-0zM562.944 307.2v183.808l111.923 111.923-71.936 71.936-141.875-141.875v-225.792h101.888z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["schedule"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 97,
+				"id": 70,
+				"name": "schedule",
+				"prevSize": 32,
+				"code": 922163
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 77
+		},
+		{
+			"icon": {
+				"paths": [
+					"M460.8 102.4c198.144 0 358.4 160.256 358.4 358.4 0 81.562-27.494 154.419-70.758 214.374l158.208 158.208c9.933 9.984 14.95 23.296 14.95 36.608 0 28.211-22.426 51.61-49.766 51.61-12.698 0-26.010-5.018-38.502-15.002l-158.157-158.208c-58.669 44.214-132.785 70.812-213.113 70.812-0.443 0-0.887-0.001-1.33-0.002l0.069 0c-198.144 0-358.4-160.256-358.4-358.4s160.256-358.4 358.4-358.4zM460.39 205.619c-0.32-0.001-0.699-0.002-1.077-0.002-140.112 0-253.696 113.584-253.696 253.696 0 0.379 0.001 0.758 0.002 1.136l-0-0.059c-0 141.517 113.254 256.41 254.771 256.41 141.588-0.058 256.351-114.822 256.41-256.404l0-0.005c0-141.517-114.893-254.771-256.41-254.771z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["search"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 98,
+				"id": 71,
+				"name": "search",
+				"prevSize": 32,
+				"code": 922196
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 78
+		},
+		{
+			"icon": {
+				"paths": [
+					"M906.752 117.248c14.029 14.95 19.046 35.942 11.008 54.938l-287.744 717.414c-7.716 18.785-25.788 31.81-46.927 32l-0.024 0c-24.013-1.024-41.984-15.002-47.974-34.97l-98.918-298.854-298.803-98.816c-19.827-6.525-34.057-24.476-34.966-45.874l-0.003-0.103c0-22.016 11.981-40.96 32-48.998l717.414-287.744c18.995-8.038 39.987-3.021 54.989 10.957zM779.878 244.122l-478.618 191.846 190.822 62.976c15.002 5.99 26.982 16.947 32 32.973l62.976 190.822 192.819-478.618z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["send"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 99,
+				"id": 72,
+				"name": "send",
+				"prevSize": 32,
+				"code": 9721
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 79
+		},
+		{
+			"icon": {
+				"paths": [
+					"M585.626 104.806c46.387 0 83.149 36.813 84.787 83.2v51.2l12.8 7.987 46.387-27.187c12.8-7.987 27.187-11.213 41.626-11.213 28.774 0 57.549 14.387 71.987 41.626l67.174 111.974c7.054 12.295 11.214 27.030 11.214 42.736 0 0.168-0 0.335-0.001 0.502l0-0.026c0 25.6-12.8 57.6-43.213 73.574l-46.387 25.6v17.613l44.8 27.187c32 19.2 38.4 41.626 41.626 72.038 0 15.974-3.226 30.362-11.264 43.162l-64 107.213c-14.739 24.913-41.387 41.41-71.905 41.625l-0.031 0c-16.026 0-30.413-3.226-43.213-11.264l-46.387-28.774-16.026 9.626v51.2c0 46.387-38.4 84.787-84.787 84.787h-139.213c-46.387 0-83.2-38.4-83.2-84.787v-51.2l-16.026-9.626-46.387 28.826c-12.539 6.582-27.314 10.665-42.989 11.208l-0.173 0.005c-30.489-0.551-57.034-16.929-71.824-41.246l-0.214-0.38-64-107.213c-7.057-11.952-11.226-26.337-11.226-41.695 0-0.516 0.005-1.030 0.014-1.543l-0.001 0.077c0-30.413 14.438-56.013 41.626-72.038l44.8-27.136v-17.664l-46.387-25.6c-25.702-14.964-42.8-42.227-43.212-73.516l-0.001-0.058c-0.001-0.142-0.001-0.309-0.001-0.476 0-15.706 4.16-30.441 11.439-43.162l-0.225 0.426 67.123-111.974c14.488-25.045 41.149-41.626 71.683-41.626 0.107 0 0.214 0 0.321 0.001l-0.017-0c14.438 0 28.826 3.226 41.626 11.213l46.387 27.187 12.8-7.987v-51.2c0-46.387 38.4-83.2 84.838-83.2h147.149zM568.013 205.619h-112.026v91.136l-115.2 68.864-81.562-48.026-48.026 81.613 81.613 44.8 1.587 137.574-80.026 46.438 44.8 76.8 80.026-48.026 121.6 65.638v94.413h102.4v-94.413l120.013-65.536 81.613 47.974 44.749-76.8-81.562-46.438 3.174-137.574 81.613-44.8-48.026-81.613-83.149 48.026-113.664-68.813v-91.238zM512.819 409.6c56.422 0 101.581 45.158 101.581 101.581 0 58.061-45.158 103.219-101.581 103.219-0.398 0.006-0.869 0.009-1.34 0.009-56.271 0-101.888-45.617-101.888-101.888 0-0.471 0.003-0.941 0.010-1.411l-0.001 0.071c0-56.422 45.158-101.581 103.219-101.581z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["settings"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 100,
+				"id": 73,
+				"name": "settings",
+				"prevSize": 32,
+				"code": 9881
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 80
+		},
+		{
+			"icon": {
+				"paths": [
+					"M742.707 102.4c0.183-0.001 0.4-0.001 0.617-0.001 98.46 0 178.278 79.818 178.278 178.278 0 0.306-0.001 0.613-0.002 0.919l0-0.047c0 0.046 0 0.1 0 0.154 0 98.81-80.087 178.915-178.89 178.944l-0.003 0c-53.497-0.086-101.406-23.94-133.743-61.564l-0.197-0.234-152.73 73.37c3.123 12.544 4.147 26.163 4.147 39.782s-1.024 27.238-4.147 39.782l151.706 72.294c33.402-37.031 81.423-60.324 134.892-60.723l0.071-0c98.69 0.406 178.574 80.344 178.893 179.016l0 0.031c0 0.076 0 0.166 0 0.256 0 98.81-80.087 178.915-178.89 178.944l-0.003 0c-0.183 0.001-0.4 0.001-0.617 0.001-98.46 0-178.278-79.818-178.278-178.278 0-0.306 0.001-0.613 0.002-0.919l-0 0.047c0-8.346 1.024-17.818 2.048-25.088l-161.075-75.469c-31.813 30.487-75.066 49.256-122.702 49.256-0.279 0-0.557-0.001-0.836-0.002l0.043 0c-98.726-0.406-178.632-80.403-178.893-179.124l-0-0.025c-0-0.061-0-0.133-0-0.205 0-98.81 80.087-178.915 178.89-178.944l0.003-0c48.128 0 92.058 18.893 124.518 49.254l160.051-76.493c-1.177-7.142-1.917-15.462-2.046-23.929l-0.002-0.135c-0-0.061-0-0.133-0-0.205 0-98.81 80.087-178.915 178.89-178.944l0.003-0zM742.707 666.010c-42.114 0.231-76.188 34.324-76.39 76.422l-0 0.019c0.173 42.14 34.259 76.261 76.368 76.493l0.022 0c42.11-0.26 76.166-34.371 76.339-76.476l0-0.017c-0.202-42.1-34.247-76.181-76.314-76.441l-0.025-0zM281.293 435.507c-41.83 0-76.339 33.536-76.339 76.493 0 42.458 34.419 76.877 76.877 76.877s76.877-34.419 76.877-76.877v0c0-42.957-34.509-76.493-77.414-76.493zM742.707 204.032c-41.882 0-76.39 34.56-76.39 77.517 0 42.472 34.43 76.902 76.902 76.902s76.902-34.43 76.902-76.902v0c0-0.061 0-0.133 0-0.205 0-42.698-34.614-77.312-77.312-77.312-0.036 0-0.072 0-0.108 0l0.006-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["share"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 101,
+				"id": 74,
+				"name": "share",
+				"prevSize": 32,
+				"code": 921719
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 81
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512.051 102.4c115.2 0 203.264 83.2 204.8 204.8h72.038c0.101-0.001 0.22-0.001 0.34-0.001 27.109 0 49.273 21.175 50.854 47.887l0.007 0.139 30.362 512c0.027 0.629 0.043 1.368 0.043 2.109 0 28.508-22.819 51.686-51.189 52.264l-0.054 0.001h-614.4c-28.774 0-52.736-25.6-51.2-54.426l30.413-512c1.614-26.829 23.766-47.976 50.857-47.976 0.12 0 0.241 0 0.361 0.001l-0.019-0h71.987c0-121.6 89.6-204.8 204.8-204.8zM740.915 409.6h-457.677l-24.013 409.6h505.6l-24.013-409.6zM512 204.8c-75.162 0-102.4 51.2-102.4 102.4h204.8c0-51.2-25.6-102.4-102.4-102.4zM563.2 512v51.2c0 28.826-22.374 51.2-51.2 51.2-28.774 0-51.2-22.426-51.2-51.2v-51.2h-102.4v51.2c0 76.8 51.2 153.6 153.6 153.6s153.6-76.8 153.6-153.6v-51.2h-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["shopping-bag"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 102,
+				"id": 75,
+				"name": "shopping-bag",
+				"prevSize": 32,
+				"code": 128717
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 82
+		},
+		{
+			"icon": {
+				"paths": [
+					"M510.413 153.6c121.344 0 206.387 89.344 206.387 204.8h153.242c31.898 0 56.934 29.338 50.586 61.44l-79.821 408.883c-4.813 24.064-27.136 41.677-51.098 41.677h-555.418c-24.579-0.395-44.922-18.050-49.458-41.354l-0.052-0.323-81.357-408.934c-0.602-2.956-0.946-6.353-0.946-9.83 0-28.447 23.039-51.514 51.476-51.558l0.004-0h153.242c0-113.869 83.456-204.8 203.213-204.8zM807.27 460.8h-590.541l60.621 307.2h470.886l59.034-307.2zM512 256c-63.846 0-101.888 41.472-101.888 102.4h204.288c0-59.341-40.141-102.4-102.4-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["shopping-basket"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 103,
+				"id": 76,
+				"name": "shopping-basket",
+				"prevSize": 32,
+				"code": 921721
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 83
+		},
+		{
+			"icon": {
+				"paths": [
+					"M371.2 921.6c35.226 0 64-28.826 64-64 0-35.226-28.826-64-64-64-36.813 0-64 28.826-64 64 0 35.226 27.187 64 64 64zM716.8 921.6c35.226 0 64-28.826 64-64 0-35.226-28.774-64-64-64-35.174 0-64 28.826-64 64 0 35.226 28.826 64 64 64zM199.987 102.4c48.026 0 86.426 33.587 97.587 81.613l4.864 20.787h542.362c0.284-0.006 0.619-0.009 0.954-0.009 27.711 0 50.176 22.465 50.176 50.176 0 4.35-0.553 8.57-1.594 12.594l0.076-0.348-54.426 233.523c-9.574 38.4-38.4 75.213-89.6 80.026l-374.374 35.174 9.574 49.613h356.813c28.826 0 51.2 22.426 51.2 51.2 0 24.013-22.426 51.2-51.2 51.2h-353.587c-52.838 0-96-35.226-104.038-81.613l-86.374-481.536h-44.8c-28.826 0-51.2-24.013-51.2-51.2s24.013-51.2 51.2-51.2h46.387zM780.8 307.2h-460.8l38.4 208.026 380.826-36.864 41.574-171.162z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["shopping-cart"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 104,
+				"id": 77,
+				"name": "shopping-cart",
+				"prevSize": 32,
+				"code": 922197
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 84
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 115.2c19.2 0 38.4 11.213 46.387 28.774l97.587 200.038 222.413 32c24.013 3.174 43.213 23.962 43.213 51.2 0 12.8-6.4 27.187-16.026 36.762l-160 155.238 38.4 220.774c0.422 2.465 0.663 5.304 0.663 8.199 0 28.164-22.831 50.995-50.995 50.995-0.305 0-0.61-0.003-0.914-0.008l0.046 0.001c-8.274-0.44-15.918-2.759-22.634-6.534l0.26 0.134-198.4-103.936-198.4 103.936c-6.301 4.039-13.989 6.438-22.238 6.438-0.624 0-1.245-0.014-1.863-0.041l0.088 0.003c-30.362 0-54.374-30.362-49.562-59.187l38.4-220.774-160-155.238c-9.439-9.472-15.453-22.364-16.022-36.655l-0.003-0.106c0-20.838 14.387-46.438 43.213-51.2l222.413-32 97.587-200.038c7.987-17.562 27.187-28.774 46.387-28.774zM512 281.6l-65.587 131.174c-7.211 15.192-21.288 26.103-38.109 28.787l-0.291 0.038-144.026 20.787 104.038 102.4c11.162 11.213 19.2 30.413 15.974 44.8l-25.6 144.077 129.587-67.226c6.621-4.025 14.626-6.408 23.187-6.408 0.29 0 0.58 0.003 0.869 0.008l-0.043-0.001c0.254-0.005 0.553-0.008 0.853-0.008 8.552 0 16.548 2.383 23.36 6.521l-0.2-0.113 129.587 67.226-25.6-144.026c-3.226-15.974 4.813-33.587 16.026-44.8l103.936-102.4-143.974-20.787c-17.613-3.226-30.413-14.387-38.4-28.826l-65.587-131.226z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["star"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 105,
+				"id": 78,
+				"name": "star",
+				"prevSize": 32,
+				"code": 9734
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 85
+		},
+		{
+			"icon": {
+				"paths": [
+					"M270.387 116.787l-153.6 153.6c-8.758 9.734-14.182 22.621-14.387 36.771l-0 0.042c0 12.8 4.813 25.6 14.387 36.813l153.6 153.6c11.213 9.574 24.013 14.336 36.813 14.336 28.774 0 51.2-22.374 51.2-51.2 0-0.064 0-0.14 0-0.216 0-13.635-5.495-25.987-14.391-34.962l0.004 0.004-67.226-67.174h286.413c28.774 0 51.2-22.426 51.2-51.2 0-28.826-22.426-51.2-51.2-51.2h-286.413l67.277-65.587c8.721-9.746 14.11-22.634 14.284-36.777l0-0.036c0.004-0.23 0.006-0.501 0.006-0.773 0-27.853-22.579-50.432-50.432-50.432-0.254 0-0.508 0.002-0.761 0.006l0.038-0c-12.8 0-25.6 4.813-36.813 14.387zM716.8 512c-30.413 0-51.2 24.013-51.2 51.2 0 12.8 4.813 25.6 14.387 36.813l67.226 65.536h-286.413c-28.826 0-51.2 22.426-51.2 51.2 0 27.238 22.374 51.2 51.2 51.2h286.413l-67.226 65.638c-8.758 9.734-14.182 22.621-14.387 36.771l-0 0.042c0 28.774 20.787 51.2 51.2 51.2 12.8 0 25.6-4.813 36.813-14.387l153.6-153.6c9.574-11.264 14.336-24.064 14.387-36.864 0-12.8-4.813-25.6-14.387-36.762l-153.6-153.6c-9.747-8.769-22.654-14.195-36.825-14.387l-0.039-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["swap-horizontal"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 106,
+				"id": 79,
+				"name": "swap-horizontal",
+				"prevSize": 32,
+				"code": 8646
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 86
+		},
+		{
+			"icon": {
+				"paths": [
+					"M679.987 116.787l-153.6 155.187c-8.894 8.987-14.389 21.353-14.389 35.002 0 0.151 0.001 0.301 0.002 0.451l-0-0.023c-0.012 0.404-0.019 0.879-0.019 1.356 0 27.429 22.235 49.664 49.664 49.664 0.547 0 1.091-0.009 1.634-0.026l-0.079 0.002c13.21 0 26.419-4.813 36.813-14.387l65.587-67.226v286.413c0 28.826 22.426 51.2 51.2 51.2 28.826 0 51.2-22.426 51.2-51.2v-286.413l67.226 67.226c8.971 8.893 21.323 14.388 34.958 14.388 0.076 0 0.152-0 0.228-0.001l-0.012 0c30.106 0 51.2-22.528 51.2-50.995 0.001-0.112 0.001-0.245 0.001-0.378 0-13.649-5.495-26.015-14.393-35.006l0.004 0.004-153.6-155.238c-9.738-8.75-22.622-14.172-36.769-14.387l-0.044-0.001c-12.8 0-25.6 4.813-36.813 14.387zM256 460.8v286.413l-67.226-67.277c-8.987-8.894-21.352-14.388-35.001-14.388-0.115 0-0.23 0-0.344 0.001l0.018-0c-0.42-0.013-0.913-0.020-1.408-0.020-27.429 0-49.664 22.235-49.664 49.664 0 0.565 0.009 1.128 0.028 1.689l-0.002-0.082c0 13.21 4.813 26.419 14.387 36.813l153.6 153.6c11.213 9.574 24.013 14.387 36.813 14.387s25.6-4.813 36.813-14.387l153.6-153.6c8.917-9.641 14.387-22.585 14.387-36.806 0-0.002-0-0.005-0-0.007l0 0c0-30.208-22.426-51.2-51.2-51.2-0.002-0-0.005-0-0.007-0-14.221 0-27.165 5.47-36.842 14.42l0.036-0.033-65.587 67.226v-286.413c0-27.187-22.426-51.2-51.2-51.2-28.826 0-51.2 24.013-51.2 51.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["swap-vertical"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 107,
+				"id": 80,
+				"name": "swap-vertical",
+				"prevSize": 32,
+				"code": 8693
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 87
+		},
+		{
+			"icon": {
+				"paths": [
+					"M307.2 921.6h409.6c84.831 0 153.6-68.769 153.6-153.6v0-102.4c0-28.826-24.013-51.2-51.2-51.2-28.826 0-51.2 22.426-51.2 51.2v102.4c0 27.187-22.426 51.2-51.2 51.2h-409.6c-28.826 0-51.2-24.013-51.2-51.2v-102.4c0-28.826-22.426-51.2-51.2-51.2-27.187 0-51.2 22.426-51.2 51.2v102.4c0 84.831 68.769 153.6 153.6 153.6v0zM476.826 116.787c11.11-9.574 23.91-14.387 36.71-14.387s24.013 4.813 35.226 14.387l156.774 158.413c7.987 9.626 11.213 22.426 11.213 32 0 27.187-22.426 51.2-51.2 51.2-16.026 0-25.6-4.813-36.813-16.026l-65.536-65.536v337.562c0 27.187-22.426 51.2-51.2 51.2-28.826 0-51.2-24.013-51.2-51.2v-337.613l-65.587 65.638c-8.382 9.804-20.762 15.98-34.584 15.98-0.244 0-0.487-0.002-0.729-0.006l0.037 0c-25.549 0-52.736-22.426-52.736-52.787 0-12.8 4.813-25.6 14.387-35.226l155.238-153.6z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["upload"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 108,
+				"id": 81,
+				"name": "upload",
+				"prevSize": 32,
+				"code": 921729
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 88
+		},
+		{
+			"icon": {
+				"paths": [
+					"M820.019 153.6c27.552 0.116 49.855 22.42 49.971 49.96l0 0.011c0 13.312-5.018 26.624-15.002 36.608l-614.4 614.4c-8.956 9.023-21.272 14.701-34.913 15.001l-0.056 0.001c-0.23 0.004-0.502 0.006-0.774 0.006-28.079 0-50.842-22.763-50.842-50.842 0-0.272 0.002-0.544 0.006-0.815l-0.001 0.041c0-11.674 5.12-24.883 15.002-34.97l76.595-78.285c-51.61-48.282-96.563-104.909-134.861-164.864-5.029-8.030-8.104-17.738-8.344-28.146l-0.001-0.065c0-9.984 3.328-19.968 8.346-28.314 66.56-98.304 189.798-278.067 401.254-278.067 64.922 0 128.205 18.278 183.142 51.558l88.269-88.218c9.984-9.984 23.296-15.002 36.608-15.002zM512 308.429c-133.222 0-223.13 99.942-296.397 203.162 31.576 45.428 65.535 85.189 103.024 121.312l0.247 0.236 94.874-94.925c-3.119-8.423-4.937-18.151-4.966-28.301l-0-0.013c0-54.938 46.592-101.53 103.219-101.53 8.346 0 18.33 1.638 26.624 4.966l79.923-81.562c-31.284-14.551-67.887-23.131-106.471-23.347l-0.077-0zM775.066 466.637c11.674 15.002 21.658 29.952 33.28 44.954-71.578 99.891-158.157 198.144-283.034 204.8l-93.184 93.235c26.624 6.656 53.248 9.984 79.923 9.984 211.456 0 334.694-181.504 401.254-279.706 5.018-8.346 8.346-18.33 8.346-28.314s-3.328-19.968-8.346-28.314c-18.278-26.624-39.936-56.627-64.922-89.907l-73.216 73.216z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["visibility-off"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 109,
+				"id": 82,
+				"name": "visibility-off",
+				"prevSize": 32,
+				"code": 921730
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 89
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 204.8c211.2 0 334.387 179.2 400.026 276.787 6.005 7.918 9.619 17.937 9.619 28.8s-3.614 20.882-9.706 28.919l0.087-0.119c-65.69 97.638-188.877 278.477-400.026 278.477s-334.387-180.787-400.026-278.426c-6.005-7.918-9.619-17.937-9.619-28.8s3.614-20.882 9.706-28.919l-0.087 0.119c65.69-97.638 188.877-276.838 400.026-276.838zM512 307.2c-132.813 0-222.413 101.171-295.987 203.981 73.574 104.448 163.174 205.619 295.987 205.619s222.413-101.222 295.987-205.619c-73.574-102.81-163.174-203.981-295.987-203.981zM511.232 614.4c57.088 0 103.168-46.080 103.168-101.632 0-57.088-46.080-103.168-103.168-103.168-57.19 0-101.632 46.080-101.632 103.168 0 55.603 44.442 101.632 101.632 101.632z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["visibility"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 110,
+				"id": 83,
+				"name": "visibility",
+				"prevSize": 32,
+				"code": 128065
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 90
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c113.062 0.356 215.379 46.068 289.767 119.885l-0.026-0.026c73.791 74.362 119.503 176.679 119.859 289.672l0 0.069c0 225.792-183.808 409.6-409.6 409.6s-409.6-183.808-409.6-409.6 183.808-409.6 409.6-409.6zM320.922 562.944h-112.128c19.968 124.467 115.354 223.027 238.285 249.754-46.49-49.408-102.707-155.597-126.157-249.754zM621.363 562.944h-194.355c46.234 161.126 118.886 247.757 156.928 247.757 24.422 0 44.032-62.259 43.776-168.755-0.037-27.922-2.345-55.276-6.747-81.924l0.399 2.922zM815.309 562.944h-91.034c4.608 28.826 5.53 55.808 5.99 80.896 0.004 0.717 0.006 1.566 0.006 2.415 0 32.753-3.452 64.7-10.011 95.497l0.533-2.987c42.394-43.366 83.814-101.376 94.515-175.821zM302.182 287.232c-47.667 41.626-82.995 110.029-93.389 173.824h91.904c-4.492-25.845-7.269-55.856-7.676-86.438l-0.004-0.397c0-39.014 4.864-67.226 9.216-87.040zM583.936 213.299c40.346 42.394 103.168 147.968 120.422 247.757h110.848c-20.813-122.247-111.711-218.694-229.173-247.375l-2.097-0.433zM441.702 212.787l-3.789 0.512c-21.709 5.12-39.936 62.259-39.782 168.755 0 24.064 1.792 50.586 6.349 79.002h194.355c-47.411-161.126-121.958-256.819-160.922-247.757z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["website"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 111,
+				"id": 84,
+				"name": "website",
+				"prevSize": 32,
+				"code": 922200
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 91
+		},
+		{
+			"icon": {
+				"paths": [
+					"M460.8 102.4c198.144 0 358.4 160.256 358.4 358.4 0 81.562-27.494 154.419-70.758 214.374l158.208 158.208c9.933 9.984 14.95 23.296 14.95 36.608 0 28.314-23.296 51.61-49.971 51.61-13.312 0-24.934-5.018-38.298-15.002l-158.157-158.208c-58.669 44.214-132.785 70.812-213.113 70.812-0.443 0-0.887-0.001-1.33-0.002l0.069 0c-198.144 0-358.4-160.256-358.4-358.4s160.256-358.4 358.4-358.4zM460.39 205.619c-0.32-0.001-0.699-0.002-1.077-0.002-140.112 0-253.696 113.584-253.696 253.696 0 0.379 0.001 0.758 0.002 1.136l-0-0.059c-0 141.517 113.254 256.41 254.771 256.41 141.588-0.058 256.351-114.822 256.41-256.404l0-0.005c0-141.517-114.893-254.771-256.41-254.771zM512 307.2h-102.4v102.4h-102.4v102.4h102.4v102.4l102.4 0.819v-103.219h102.4v-102.4h-102.4v-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["zoom-in"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 112,
+				"id": 85,
+				"name": "zoom-in",
+				"prevSize": 32,
+				"code": 921731
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 92
+		},
+		{
+			"icon": {
+				"paths": [
+					"M460.8 102.4c198.554 0 358.4 159.59 358.4 358.4-0.181 80.692-26.879 155.113-71.837 215.050l0.669-0.932 157.952 158.208c10.394 10.394 15.616 23.962 15.616 36.403 0 29.184-23.91 52.070-49.92 52.070-13.517 0-27.494-3.635-38.4-14.592l-158.054-158.208c-60.314 42.752-134.4 70.4-214.426 70.4-197.53 0-358.4-160.614-358.4-358.4 0-198.81 160.87-358.4 358.4-358.4zM460.493 205.466c-141.568 0-254.003 113.459-254.003 254.976 0 141.619 112.435 256.102 253.952 256.102 141.619 0 257.126-114.483 257.126-256.051s-115.456-255.027-257.075-255.027zM614.4 409.6v102.4h-307.2v-102.4h307.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["zoom-out"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 113,
+				"id": 86,
+				"name": "zoom-out",
+				"prevSize": 32,
+				"code": 921732
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 93
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-av-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-av-filled.json
new file mode 100644
index 0000000000..dbe0daf775
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-av-filled.json
@@ -0,0 +1,231 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M162.048 596.326l222.771 153.6c16.259 11.306 36.419 18.063 58.157 18.063 17.411 0 33.81-4.335 48.176-11.983l-0.554 0.269c32.821-17.514 54.779-51.529 54.784-90.674l0-0.001v-29.235l164.659 113.562c16.248 11.307 36.399 18.065 58.128 18.065 17.404 0 33.795-4.335 48.153-11.985l-0.553 0.269c32.821-17.514 54.779-51.529 54.784-90.674l0-0.001v-307.2c-0.048-56.546-45.899-102.367-102.451-102.367-21.703 0-41.831 6.749-58.398 18.262l0.337-0.222-164.659 113.562v-29.235c-0.028-56.561-45.886-102.402-102.451-102.402-21.725 0-41.871 6.762-58.448 18.297l0.336-0.221-222.771 153.6c-26.912 18.719-44.307 49.491-44.307 84.326s17.394 65.608 43.972 84.106l0.335 0.221z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fast_backward_solid_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 26,
+				"id": 7,
+				"name": "db_ic_fast_backward_solid_20",
+				"prevSize": 32,
+				"code": 922262
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M639.334 274.074c-16.222-11.264-36.33-17.994-58.010-17.994-56.547 0-102.399 45.788-102.502 102.311l-0 0.010v29.235l-164.71-113.562c-16.222-11.264-36.33-17.994-58.010-17.994-56.547 0-102.399 45.788-102.502 102.311l-0 0.010v307.2c0.048 56.546 45.899 102.367 102.451 102.367 21.703 0 41.831-6.749 58.398-18.262l-0.337 0.222 164.71-113.562v29.235c0.048 56.546 45.899 102.367 102.451 102.367 21.703 0 41.831-6.749 58.398-18.262l-0.337 0.222 222.822-153.6c26.848-18.759 44.19-49.517 44.19-84.326s-17.343-65.568-43.859-84.107l-0.331-0.22z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fast_forward_solid_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 27,
+				"id": 6,
+				"name": "db_ic_fast_forward_solid_20",
+				"prevSize": 32,
+				"code": 922263
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M409.6 921.6c-28.277 0-51.2-22.923-51.2-51.2v0c0-26.266 23.040-51.2 51.2-51.2h51.2v-51.2c-108.851-16.998-210.739-90.624-251.699-184.32-2.323-5.636-3.671-12.18-3.671-19.038 0-28.277 22.923-51.2 51.2-51.2 20.312 0 37.862 11.828 46.137 28.972l0.133 0.306c30.208 69.018 121.446 122.88 209.101 122.88 87.706 0 178.893-53.76 209.101-122.88 7.764-19.010 26.11-32.162 47.529-32.162 28.277 0 51.2 22.923 51.2 51.2 0 7.965-1.819 15.505-5.063 22.228l0.133-0.306c-40.909 93.696-142.848 167.322-251.699 184.32v51.2h51.2c28.277 0 51.2 22.923 51.2 51.2v0c0 26.266-23.040 51.2-51.2 51.2zM512 102.4c81.818 0 153.6 68.608 153.6 153.6v179.2c0 84.831-68.769 153.6-153.6 153.6v0c-81.818 0-153.6-68.608-153.6-153.6v-179.2c0-84.831 68.769-153.6 153.6-153.6v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_microphone_solid_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 90,
+				"id": 0,
+				"name": "db_ic_microphone_solid_20",
+				"prevSize": 32,
+				"code": 922164
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M307.2 768.256v-510.464c0-29.082 24.986-52.992 52.992-52.992 9.984 0 18.944 3.021 27.955 9.011l394.086 227.738c22.989 16.026 36.966 41.984 36.966 69.939 0 28.006-13.978 53.965-36.966 69.939l-395.059 228.762c-8.123 5.579-18.152 8.937-28.96 9.011h-0.019c-24.986 0-50.995-19.968-50.995-50.944z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["play-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 317,
+				"id": 1,
+				"name": "play-filled",
+				"prevSize": 32,
+				"code": 9655
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M819.2 768.154v-511.334c0-26.010-19.968-51.046-52.019-52.019-10.845 0.064-20.894 3.423-29.208 9.126l0.178-0.115-317.645 228.147c-22.381 15.557-36.883 41.091-37.018 70.021v0.021c0 27.034 14.029 54.016 37.018 69.018l319.642 230.195c7.987 4.966 18.022 7.987 28.006 7.987 29.030 0 51.046-23.040 51.046-51.046zM306.893 717.158v-410.317c-0.116-28.135-22.907-50.908-51.038-50.995h-0.008c-28.058 0-51.046 23.040-51.046 51.046v410.266c0.116 28.135 22.907 50.908 51.038 50.995h0.008c28.006 0 51.046-23.040 51.046-50.995z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["skip-backward-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 318,
+				"id": 2,
+				"name": "skip-backward-filled",
+				"prevSize": 32,
+				"code": 9198
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M204.8 768.154v-511.334c0-26.010 19.968-50.995 52.019-52.019 10.035 0 20.019 3.021 29.030 9.011l317.645 228.147c23.040 16.026 37.018 41.984 37.018 70.042 0 27.034-14.029 54.016-37.018 69.018l-319.642 230.195c-7.966 4.981-17.636 7.949-27.996 7.987h-0.010c-0.138 0.001-0.3 0.002-0.463 0.002-27.938 0-50.586-22.648-50.586-50.586 0-0.163 0.001-0.325 0.002-0.488v0.025zM717.158 717.158v-410.317c0.116-28.117 22.878-50.879 50.984-50.995h0.011c28.006 0 51.046 23.040 51.046 51.046v410.266c-0.116 28.135-22.907 50.908-51.038 50.995h-0.008c-28.117-0.116-50.879-22.878-50.995-50.984v-0.011z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["skip-forward-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 319,
+				"id": 3,
+				"name": "skip-forward-filled",
+				"prevSize": 32,
+				"code": 9197
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M256 666.010v-308.019c0-56.013 45.978-101.99 103.014-101.99h306.995c56.234 0.232 101.759 45.756 101.99 101.968v307.017c0 0.107 0.001 0.234 0.001 0.361 0 56.462-45.582 102.277-101.955 102.654h-308.055c-56.234-0.232-101.759-45.756-101.99-101.968v-0.022z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["stop-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 320,
+				"id": 4,
+				"name": "stop-filled",
+				"prevSize": 32,
+				"code": 9633
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M819.2 204.8c57.6 0 102.4 46.387 102.4 102.4v409.6c0 56.013-44.8 102.4-102.4 102.4h-614.4c-56.013 0-102.4-46.387-102.4-102.4v-409.6c0-56.013 46.387-102.4 102.4-102.4h614.4zM817.613 614.4h-100.813v102.4h100.813v-102.4zM614.4 614.4h-409.6v102.4h409.6v-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["subtitles-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 321,
+				"id": 5,
+				"name": "subtitles-filled",
+				"prevSize": 32,
+				"code": 921745
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-av-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-av-outline.json
new file mode 100644
index 0000000000..85e03a301c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-av-outline.json
@@ -0,0 +1,486 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M581.222 256c20.378 0 40.704 6.093 58.112 18.074l222.822 153.6c26.848 18.759 44.19 49.517 44.19 84.326s-17.343 65.568-43.859 84.107l-0.331 0.22-222.822 153.6c-16.222 11.264-36.33 17.994-58.010 17.994-56.547 0-102.399-45.788-102.502-102.311l-0-0.010v-29.235l-164.71 113.562c-16.239 11.32-36.385 18.087-58.112 18.087-56.554 0-102.4-45.846-102.4-102.4 0-0.005 0-0.009 0-0.014l-0 0.001v-307.2c0.048-56.546 45.899-102.367 102.451-102.367 21.703 0 41.831 6.749 58.398 18.262l-0.337-0.222 164.71 113.562v-29.235c0.029-56.542 45.858-102.371 102.397-102.4l0.003-0zM581.222 358.4v307.2l222.822-153.6zM256 358.4v307.2l222.822-153.6z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fast_forward_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 24,
+				"id": 18,
+				"name": "db_ic_fast_forward_20",
+				"prevSize": 32,
+				"code": 922263
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768.205 256c56.532 0.029 102.349 45.864 102.349 102.4l-0 0v307.2c-0.048 56.546-45.899 102.367-102.451 102.367-21.703 0-41.831-6.749-58.398-18.262l0.337 0.222-164.659-113.562v29.235c-0.028 56.561-45.886 102.402-102.451 102.402-21.725 0-41.871-6.762-58.448-18.297l0.336 0.221-222.771-153.6c-26.912-18.719-44.307-49.491-44.307-84.326s17.394-65.608 43.972-84.106l0.335-0.221 222.771-153.6c16.259-11.306 36.419-18.063 58.157-18.063 17.411 0 33.81 4.335 48.176 11.983l-0.554-0.269c32.821 17.514 54.779 51.529 54.784 90.674l0 0.001v29.235l164.659-113.562c17.408-11.981 37.734-18.074 58.163-18.074zM442.982 358.4l-222.822 153.6 222.822 153.6zM768.154 358.4l-222.771 153.6 222.771 153.6z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fast_backward_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 25,
+				"id": 17,
+				"name": "db_ic_fast_backward_20",
+				"prevSize": 32,
+				"code": 922262
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M409.6 921.6c-28.277 0-51.2-22.923-51.2-51.2v0c0-26.266 23.040-51.2 51.2-51.2h51.2v-51.2c-108.851-16.998-210.739-90.624-251.699-184.32-2.323-5.636-3.671-12.18-3.671-19.038 0-28.277 22.923-51.2 51.2-51.2 20.312 0 37.862 11.828 46.137 28.972l0.133 0.306c30.208 69.018 121.446 122.88 209.101 122.88 87.706 0 178.893-53.76 209.101-122.88 7.764-19.010 26.11-32.162 47.529-32.162 28.277 0 51.2 22.923 51.2 51.2 0 7.965-1.819 15.505-5.063 22.228l0.133-0.306c-40.909 93.696-142.848 167.322-251.699 184.32v51.2h51.2c28.277 0 51.2 22.923 51.2 51.2v0c0 26.266-23.040 51.2-51.2 51.2zM512 102.4c81.818 0 153.6 68.608 153.6 153.6v179.2c0 84.831-68.769 153.6-153.6 153.6v0c-81.818 0-153.6-68.608-153.6-153.6v-179.2c0-84.831 68.769-153.6 153.6-153.6v0zM512 204.8c-26.266 0-51.2 23.040-51.2 51.2v179.2c0 28.277 22.923 51.2 51.2 51.2v0c26.266 0 51.2-23.040 51.2-51.2v-179.2c0-28.277-22.923-51.2-51.2-51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_microphone_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 91,
+				"id": 0,
+				"name": "db_ic_microphone_20",
+				"prevSize": 32,
+				"code": 922164
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M820.378 759.040c-32.973 0-52.941-27.955-52.941-48.947 0-24.013 37.939-81.92 37.939-146.944 0-137.933-104.96-241.869-232.858-253.85l34.97 32.973c7.987 9.984 15.002 22.989 15.002 35.994 0 25.958-23.962 48.947-50.995 48.947-0.184 0.002-0.401 0.004-0.619 0.004-13.951 0-26.638-5.418-36.069-14.264l0.029 0.027-111.514-112.435c-8.512-9.176-13.735-21.507-13.735-35.058 0-0.419 0.005-0.837 0.015-1.253l-0.001 0.062c-0-0.039-0-0.086-0-0.132 0-12.894 5.355-24.537 13.963-32.827l0.014-0.014 112.998-113.92c8.796-9.24 21.184-14.99 34.916-15.002l0.002-0c28.099 0.116 50.85 22.849 50.995 50.93l0 0.014c-0.014 13.766-5.762 26.186-14.983 35.004l-0.018 0.017-22.989 22.989c180.086 17.083 319.848 167.554 319.848 350.669 0 0.396-0.001 0.792-0.002 1.188l0-0.061-0.41 15.974c-3.584 72.192-30.669 179.917-83.558 179.917zM205.568 855.040h98.97c28.979 0 48.947-23.962 48.947-49.971-0.087-27.563-22.408-49.884-49.963-49.971l-0.008-0v-196.864c0.002-0.152 0.003-0.332 0.003-0.512 0-26.75-21.685-48.435-48.435-48.435-10.369 0-19.976 3.258-27.855 8.806l-51.507 34.355c-13.378 8.818-22.092 23.766-22.118 40.751l-0 0.004c0 28.979 24.013 50.944 51.968 49.971v111.923c-27.955 0-48.947 23.040-48.947 50.995 0 25.958 20.992 48.947 48.947 48.947zM542.413 504.218c81.92 0 137.933 58.010 137.933 146.944v55.962c0 89.958-58.010 147.968-142.95 147.968-76.954 0-132.915-58.982-132.915-145.92v-62.003c0-84.992 57.958-142.899 137.933-142.899zM544.768 603.955h-3.379l-4.301 0.205c-19.61 1.229-32.666 8.448-32.666 41.984v62.976c0 35.021 11.008 45.722 37.99 45.21 23.962-0.512 36.966-12.237 36.966-48.179v-55.962c0-41.984-19.968-46.694-37.99-46.234z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fast-backward-10"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 322,
+				"id": 1,
+				"name": "fast-backward-10",
+				"prevSize": 32,
+				"code": 921733
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M820.378 759.040c-32.973 0-52.941-27.955-52.941-48.947 0-24.013 37.939-81.92 37.939-146.944 0-137.933-104.96-241.869-232.858-253.85l34.97 32.973c7.987 9.984 15.002 22.989 15.002 35.994 0 25.958-23.962 48.947-50.995 48.947-0.184 0.002-0.401 0.004-0.619 0.004-13.951 0-26.638-5.418-36.069-14.264l0.029 0.027-111.514-112.435c-8.512-9.176-13.735-21.507-13.735-35.058 0-0.419 0.005-0.837 0.015-1.253l-0.001 0.062c-0-0.039-0-0.086-0-0.132 0-12.894 5.355-24.537 13.963-32.827l0.014-0.014 112.998-113.92c8.796-9.24 21.184-14.99 34.916-15.002l0.002-0c28.099 0.116 50.85 22.849 50.995 50.93l0 0.014c-0.014 13.766-5.762 26.186-14.983 35.004l-0.018 0.017-22.989 22.989c180.086 17.083 319.848 167.554 319.848 350.669 0 0.396-0.001 0.792-0.002 1.188l0-0.061-0.41 15.974c-3.584 72.192-30.669 179.917-83.558 179.917zM232.448 504.32c64.563 0 111.411 42.342 111.411 100.659 0 21.146-10.803 39.68-32.256 55.501 29.338 16.384 47.104 41.318 47.104 70.707 0 126.003-153.6 133.427-204.134 135.885h-2.458c-0.030 0-0.065 0-0.101 0-27.485 0-49.766-22.281-49.766-49.766 0-26.692 21.014-48.476 47.401-49.711l0.111-0.004c71.885-3.43 109.466-14.080 109.466-31.437 0-7.014-4.403-14.746-13.926-14.746-25.856 0-35.789 8.653-51.405 8.653-24.934 0-48.384-22.221-48.384-49.51 0-21.299 15.565-40.038 38.554-44.749 38.144-7.782 61.696-16.64 61.696-23.859 0-3.738-4.608-8.141-15.514-8.141-30.106 0-48.691 19.251-72.090 19.251-25.395 0-48.538-22.63-48.538-49.869 0-18.074 10.189-35.891 27.75-44.544 33.69-16.589 63.949-24.32 95.078-24.32zM542.413 504.218c81.92 0 137.933 57.958 137.933 146.944v55.91c0 89.958-58.010 147.968-142.95 147.968-76.954 0-132.915-58.982-132.915-145.92v-62.003c0-84.992 57.958-142.899 137.933-142.899zM544.768 603.904h-3.379l-4.301 0.205c-19.61 1.229-32.666 8.448-32.666 41.984v62.976c0 35.021 11.008 45.722 37.99 45.21 23.962-0.512 36.966-12.237 36.966-48.179v-55.962c0-41.984-19.968-46.694-37.99-46.234z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fast-backward-30"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 323,
+				"id": 2,
+				"name": "fast-backward-30",
+				"prevSize": 32,
+				"code": 921734
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M820.378 759.040c-32.973 0-52.941-27.955-52.941-48.947 0-24.013 37.939-81.92 37.939-146.944 0-137.933-104.96-241.869-232.858-253.85l34.97 32.973c7.987 9.984 15.002 22.989 15.002 35.994 0 25.958-23.962 48.947-50.995 48.947-12.954 0-27.238-4.71-36.659-14.234l-111.514-112.435c-9.472-9.523-13.722-23.245-13.722-36.25-0-0.039-0-0.086-0-0.132 0-12.894 5.355-24.537 13.963-32.827l0.014-0.014 112.998-113.92c8.796-9.24 21.184-14.99 34.916-15.002l0.002-0c28.099 0.116 50.85 22.849 50.995 50.93l0 0.014c-0.033 13.762-5.776 26.177-14.984 35.004l-0.017 0.016-22.989 22.989c180.086 17.083 319.848 167.554 319.848 350.669 0 0.396-0.001 0.792-0.002 1.188l0-0.061c0 70.963-26.982 195.891-83.968 195.891z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fast-backward-empty"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 324,
+				"id": 3,
+				"name": "fast-backward-empty",
+				"prevSize": 32,
+				"code": 10554
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M186.368 759.040c32.973 0 52.941-27.955 52.941-48.947 0-24.013-37.939-81.92-37.939-146.944 0-137.933 104.96-241.869 232.858-253.85l-34.97 32.973c-7.987 9.984-15.002 22.989-15.002 35.994 0 25.958 23.962 48.947 50.995 48.947 12.954 0 27.238-4.71 36.659-14.234l111.514-112.435c9.472-9.523 13.722-23.245 13.722-36.25 0-0.039 0-0.086 0-0.132 0-12.894-5.355-24.537-13.963-32.827l-0.014-0.014-112.998-113.92c-8.796-9.24-21.184-14.99-34.916-15.002l-0.002-0c-28.099 0.116-50.85 22.849-50.995 50.93l-0 0.014c0.033 13.762 5.776 26.177 14.984 35.004l0.017 0.016 22.989 22.989c-180.086 17.083-319.848 167.554-319.848 350.669 0 0.396 0.001 0.792 0.002 1.188l-0-0.061c0 70.963 26.982 195.891 83.968 195.891zM405.248 855.040h98.97c28.979 0 48.947-23.962 48.947-49.971-0.087-27.563-22.408-49.884-49.963-49.971l-0.008-0v-196.864c0.002-0.152 0.003-0.332 0.003-0.512 0-26.75-21.685-48.435-48.435-48.435-10.369 0-19.976 3.258-27.855 8.806l-51.507 34.355c-13.378 8.818-22.092 23.766-22.118 40.751l-0 0.004c0 28.979 23.962 50.944 51.968 49.971v111.923c-28.006 0-48.998 23.040-48.998 50.995 0 25.958 20.992 48.947 48.998 48.947zM742.093 504.218c81.92 0 137.933 58.010 137.933 146.944v55.962c0 89.958-58.010 147.968-142.95 147.968-76.954 0-132.915-58.982-132.915-145.92v-62.003c0-84.992 57.958-142.899 137.933-142.899zM744.448 603.955h-3.379c-22.016 0.563-36.966 6.246-36.966 42.24v62.976c0 34.97 11.008 45.67 37.99 45.158 23.962-0.512 36.966-12.237 36.966-48.179v-55.962c0-41.984-19.968-46.694-37.99-46.234z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fast-forward-10"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 325,
+				"id": 4,
+				"name": "fast-forward-10",
+				"prevSize": 32,
+				"code": 921735
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M186.368 759.040c32.973 0 52.941-27.955 52.941-48.947 0-24.013-37.939-81.92-37.939-146.944 0-137.933 104.96-241.869 232.858-253.85l-34.97 32.973c-7.987 9.984-15.002 22.989-15.002 35.994 0 25.958 23.962 48.947 50.995 48.947 12.954 0 27.238-4.71 36.659-14.234l111.514-112.435c9.472-9.523 13.722-23.245 13.722-36.25 0-0.039 0-0.086 0-0.132 0-12.894-5.355-24.537-13.963-32.827l-0.014-0.014-112.998-113.92c-8.796-9.24-21.184-14.99-34.916-15.002l-0.002-0c-28.099 0.116-50.85 22.849-50.995 50.93l-0 0.014c0.033 13.762 5.776 26.177 14.984 35.004l0.017 0.016 22.989 22.989c-180.086 17.083-319.848 167.554-319.848 350.669 0 0.396 0.001 0.792 0.002 1.188l-0-0.061c0 70.963 26.982 195.891 83.968 195.891zM430.746 500.941c64.512 0 111.36 42.342 111.36 100.659 0 21.146-10.752 39.68-32.256 55.501 29.389 16.384 47.155 41.318 47.155 70.707 0 126.003-153.651 133.427-204.134 135.885h-2.458c-0.030 0-0.065 0-0.101 0-27.485 0-49.766-22.281-49.766-49.766 0-26.692 21.014-48.476 47.401-49.711l0.111-0.004c71.834-3.43 109.414-14.080 109.414-31.437 0-7.014-4.403-14.746-13.875-14.746-25.856 0-35.84 8.653-51.405 8.653-24.986 0-48.384-22.221-48.384-49.51 0-21.299 15.514-40.038 38.502-44.749 38.144-7.782 61.696-16.691 61.696-23.859 0-3.738-4.608-8.141-15.462-8.141-30.106 0-48.742 19.251-72.141 19.251-25.344 0-48.538-22.63-48.538-49.869 0-18.074 10.24-35.891 27.75-44.544 33.741-16.589 64-24.32 95.13-24.32zM742.042 504.166c81.971 0 137.984 58.010 137.984 146.944v55.962c0 89.958-58.010 147.968-142.95 147.968-76.954 0-132.915-58.982-132.915-145.92v-62.003c0-84.992 57.958-142.899 137.933-142.899zM744.448 603.904h-3.379c-22.016 0.563-36.966 6.246-36.966 42.24v62.976c0 34.97 11.008 45.67 37.99 45.158 23.962-0.512 36.966-12.237 36.966-48.179v-55.962c0-41.984-19.968-46.694-37.99-46.234z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fast-forward-30"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 326,
+				"id": 5,
+				"name": "fast-forward-30",
+				"prevSize": 32,
+				"code": 921736
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M186.368 759.040c32.973 0 52.941-27.955 52.941-48.947 0-24.013-37.939-81.92-37.939-146.944 0-137.933 104.96-241.869 232.858-253.85l-34.97 32.973c-7.987 9.984-15.002 22.989-15.002 35.994 0 25.958 23.962 48.947 50.995 48.947 12.954 0 27.238-4.71 36.659-14.234l111.514-112.435c9.472-9.523 13.722-23.245 13.722-36.25 0-0.039 0-0.086 0-0.132 0-12.894-5.355-24.537-13.963-32.827l-0.014-0.014-112.998-113.92c-8.796-9.24-21.184-14.99-34.916-15.002l-0.002-0c-28.099 0.116-50.85 22.849-50.995 50.93l-0 0.014c0.033 13.762 5.776 26.177 14.984 35.004l0.017 0.016 22.989 22.989c-180.086 17.083-319.848 167.554-319.848 350.669 0 0.396 0.001 0.792 0.002 1.188l-0-0.061c0 70.963 26.982 195.891 83.968 195.891z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fast-forward-empty"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 327,
+				"id": 6,
+				"name": "fast-forward-empty",
+				"prevSize": 32,
+				"code": 10555
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M358.4 717.005v-410.010c0-27.955 22.886-50.995 51.712-50.995 27.802 0 50.688 23.040 50.688 50.995v410.010c-0.028 28.045-22.668 50.792-50.669 50.995l-0.019 0c-28.826 0-51.712-23.040-51.712-50.995zM563.2 717.005v-410.010c0-28.006 22.886-50.995 50.688-50.995 28.826 0 51.712 23.040 51.712 50.995v410.010c0 13.005-5.99 26.010-14.899 35.994-9.22 9.27-21.983 15.007-36.087 15.007-0.255 0-0.51-0.002-0.764-0.006l0.038 0c-28.020-0.203-50.66-22.951-50.688-50.993l-0-0.003z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["pause"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 328,
+				"id": 7,
+				"name": "pause",
+				"prevSize": 32,
+				"code": 9208
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M360.192 204.8c9.984 0 18.944 3.021 27.955 9.011l394.086 227.738c22.989 16.026 36.966 41.984 36.966 69.939 0 28.006-13.978 53.965-36.966 69.939l-395.059 228.762c-8.123 5.579-18.152 8.937-28.96 9.011l-0.019 0c-24.986 0-50.995-19.968-50.995-50.944v-510.464c0-29.082 24.986-52.992 52.992-52.992zM410.163 350.669v321.69l292.096-160.87-292.147-160.768z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["play"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 329,
+				"id": 8,
+				"name": "play",
+				"prevSize": 32,
+				"code": 9655
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M767.181 204.8c28.683 0.116 51.903 23.337 52.019 52.008l0 0.011v511.334c0 28.006-22.016 51.046-51.046 51.046-10.371-0.038-20.040-3.006-28.233-8.119l0.227 0.132-319.642-230.144c-22.353-15.165-36.882-40.406-37.018-69.048l-0-0.021c0-28.006 14.029-54.016 37.018-70.042l317.645-228.147c8.137-5.588 18.185-8.948 29.014-9.011l0.016-0zM717.158 350.874l-216.218 161.126 216.218 161.126v-322.253zM306.842 717.158v-410.317c-0.116-28.117-22.878-50.879-50.984-50.995l-0.011-0c-28.058 0-51.046 23.040-51.046 51.046v410.266c0.116 28.135 22.907 50.908 51.038 50.995l0.008 0c28.006 0 51.046-23.040 51.046-50.995z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["skip-backward"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 330,
+				"id": 9,
+				"name": "skip-backward",
+				"prevSize": 32,
+				"code": 9198
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M256.819 204.8c10.035 0 20.019 3.021 29.030 9.011l317.645 228.147c23.040 16.026 37.018 41.984 37.018 70.042 0 27.034-14.029 54.016-37.018 69.018l-319.642 230.195c-7.966 4.981-17.636 7.949-27.996 7.987l-0.010 0c-0.138 0.001-0.3 0.002-0.463 0.002-27.938 0-50.586-22.648-50.586-50.586 0-0.163 0.001-0.325 0.002-0.488l-0 0.025v-511.334c0-26.010 19.968-50.995 52.019-52.019zM306.893 350.874v322.253l216.166-161.126-216.166-161.126zM717.158 717.158v-410.317c0.116-28.117 22.878-50.879 50.984-50.995l0.011-0c28.006 0 51.046 23.040 51.046 51.046v410.266c-0.116 28.135-22.907 50.908-51.038 50.995l-0.008 0c-28.117-0.116-50.879-22.878-50.995-50.984l-0-0.011z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["skip-forward"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 331,
+				"id": 10,
+				"name": "skip-forward",
+				"prevSize": 32,
+				"code": 9197
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M666.010 256c56.234 0.232 101.759 45.756 101.99 101.968l0 0.022v306.995c0 0.107 0.001 0.234 0.001 0.361 0 56.462-45.582 102.277-101.955 102.654l-0.036 0h-308.019c-56.234-0.232-101.759-45.756-101.99-101.968l-0-0.022v-308.019c0-56.013 45.978-101.99 103.014-101.99h306.995zM665.6 358.4h-307.2v307.2h307.2v-307.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["stop"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 332,
+				"id": 11,
+				"name": "stop",
+				"prevSize": 32,
+				"code": 9633
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M819.2 204.8c57.6 0 102.4 46.387 102.4 102.4v409.6c0 56.013-44.8 102.4-102.4 102.4h-614.4c-56.013 0-102.4-46.387-102.4-102.4v-409.6c0-56.013 46.387-102.4 102.4-102.4h614.4zM819.2 307.2h-614.4v409.6h614.4v-409.6zM307.2 665.6v-102.4h204.8v102.4h-204.8zM614.4 665.6v-102.4h102.4v102.4h-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["subtitles"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 333,
+				"id": 12,
+				"name": "subtitles",
+				"prevSize": 32,
+				"code": 921745
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M439.735 195.048c27.502 0 48.908 22.869 48.908 48.762v487.619c0 27.453-21.406 48.762-48.908 48.762-9.167 0-18.334-3.072-25.941-7.607l-134.485-89.917h-35.109c-80.945 0-146.676-65.536-146.676-144.774v-97.524c0-80.75 65.682-147.797 146.676-147.797h35.109l134.485-88.405c7.038-5.675 16.088-9.111 25.94-9.118l0.002-0zM390.875 335.238l-70.315 47.25c-7.791 4.778-17.225 7.607-27.319 7.607-0.064 0-0.128-0-0.193-0l0.010 0h-48.859c-27.502 0-48.908 22.869-48.908 48.762v97.524c0 27.453 21.406 48.762 48.908 48.762h48.859c10.728 0 19.895 4.584 27.502 9.167l70.315 45.69v-304.762zM535.991 585.143c0-48.762 48.908-48.762 48.908-96.012 0-48.762-48.908-48.762-48.908-97.524 0-24.381 24.43-50.274 48.908-50.274 48.859-0 97.768 73.143 97.768 147.797 0 73.143-48.908 146.286-97.768 146.286-24.478 0-48.908-24.381-48.908-50.274z"
+				],
+				"width": 975,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["volume-down"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 334,
+				"id": 13,
+				"name": "volume-down",
+				"prevSize": 32,
+				"code": 922201
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M461.619 204.8c28.157 0.087 50.959 22.889 51.046 51.038l0 0.008v512.307c0 29.030-22.016 51.046-51.046 51.046-10.029-0.043-19.355-3.016-27.177-8.106l0.194 0.119-141.107-94.106h-37.018c-85.043 0-154.112-69.018-154.112-152.064v-103.066c0-84.070 69.069-155.136 154.112-155.136h37.018l141.107-93.030c7.3-5.623 16.574-9.013 26.64-9.013 0.12 0 0.241 0 0.361 0.001l-0.018-0zM410.624 351.898l-74.035 50.022c-8.386 4.67-18.326 7.58-28.909 7.984l-0.121 0.004h-51.046c-28.157 0.087-50.959 22.889-51.046 51.038l-0 0.008v102.093c0 28.979 22.016 51.046 51.046 51.046h50.995c11.008 0 20.992 4.966 29.030 9.984l74.035 48.026v-320.205z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["volume-mute"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 335,
+				"id": 14,
+				"name": "volume-mute",
+				"prevSize": 32,
+				"code": 922208
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M817.664 153.6c24.013 0 50.995 15.974 50.995 49.971 0 10.957-3.021 21.965-9.984 31.949l-616.499 619.418c-8.913 8.659-21.093 13.998-34.519 13.998-0.5 0-0.999-0.007-1.496-0.022l0.073 0.002c-28.867-0.080-52.311-23.183-52.94-51.909l-0.001-0.059c0-10.957 3.584-21.35 11.981-29.952l68.454-70.4c-71.424-10.394-131.328-69.632-131.328-151.347v-101.888c0-82.432 71.578-154.88 143.872-154.88h46.95l140.851-92.928c7.818-5.469 17.477-8.811 27.906-9.010l0.049-0.001c24.986 0 49.971 19.968 49.971 44.954v187.853l181.811-182.835-11.981-13.005c-9.813-8.319-16-20.654-16-34.435 0-0.53 0.009-1.058 0.027-1.584l-0.002 0.076c0-28.006 22.989-52.992 51.917-52.992 18.995 0 26.010 6.042 49.971 30.003l13.978-15.974c9.318-10.65 22.016-15.002 35.994-15.002zM410.112 352.41l-57.958 39.936c-21.76 15.053-32.973 18.995-44.954 18.995h-50.944c-0.097-0.001-0.211-0.001-0.326-0.001-27.966 0-50.637 22.671-50.637 50.637 0 0.486 0.007 0.971 0.020 1.455l-0.002-0.071v101.888c0 21.504 16.128 49.971 50.944 49.971h50.944c10.24 0 13.158 2.765 22.989 5.99l79.872-79.923v-188.877zM430.080 809.933l81.92-81.92v39.987c0 29.952-22.016 52.941-52.941 52.941-9.011 0-15.002-2.97-28.979-10.957zM583.936 656.128l132.864-130.867c-5.018 49.92-30.976 95.898-68.915 129.843-7.908 6.852-18.299 11.027-29.664 11.027-0.461 0-0.921-0.007-1.379-0.021l0.067 0.002c-11.008 0-17.971-2.048-32.973-9.984zM665.856 819.968c0-14.029 5.99-28.979 16.998-38.963 79.306-65.504 130.866-162.158 135.804-270.96l0.029-0.809c0-27.955-2.97-45.926-12.954-74.906l79.872-78.95c23.040 47.974 33.997 100.915 35.994 153.856-5.018 135.885-67.942 261.786-171.827 349.696-8.166 7.394-19.036 11.934-30.966 11.981l-0.010 0c-29.952 0-52.941-22.016-52.941-50.944z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["volume-off"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 336,
+				"id": 15,
+				"name": "volume-off",
+				"prevSize": 32,
+				"code": 922209
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M438.857 195.048c27.453 0 48.762 22.869 48.762 48.762v487.619c0 27.453-21.358 48.762-48.762 48.762-9.167 0-18.286-3.072-25.893-7.607l-134.095-89.917h-35.060c-80.75 0-146.286-65.536-146.286-144.774v-97.524c0-80.75 65.536-147.797 146.286-147.797h35.060l134.095-88.405c7.019-5.678 16.054-9.116 25.892-9.118l0.001-0zM390.095 335.238l-70.12 47.25c-7.773 4.777-17.188 7.607-27.264 7.607-0.049 0-0.098-0-0.147-0l0.008 0h-48.762c-27.453 0-48.762 22.869-48.762 48.762v97.524c0 27.453 21.358 48.762 48.762 48.762h48.762c10.679 0 19.797 3.072 27.453 9.167l70.071 45.641v-304.762zM585.143 632.393c48.762 0 97.524-73.143 97.524-146.286s-48.762-144.774-97.524-144.774c-24.381 0-48.762 22.869-48.762 48.762 0 47.25 48.762 47.25 48.762 96.012s-48.762 48.762-48.762 97.524c0 24.381 24.381 48.762 48.762 48.762zM682.667 828.952c12.19 0 22.869-4.584 31.988-12.19 96.198-80.235 158.312-198.525 163.038-331.429l0.022-0.786c0-109.714-59.441-227.035-161.548-324.559-8.544-8.469-20.308-13.703-33.294-13.703-0.072 0-0.145 0-0.217 0l0.011-0c-25.893 0-48.762 22.869-48.762 48.762 0 13.702 6.095 27.453 15.262 36.571 82.261 76.215 131.023 172.178 131.023 252.977-4.991 104.421-54.084 196.462-128.922 258.548l-0.59 0.476c-10.255 8.931-16.716 21.991-16.774 36.561l-0 0.010c0 27.453 22.869 48.762 48.762 48.762z"
+				],
+				"width": 975,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["volume-up"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 337,
+				"id": 16,
+				"name": "volume-up",
+				"prevSize": 32,
+				"code": 922210
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-brand-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-brand-outline.json
new file mode 100644
index 0000000000..d13f1e471a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-brand-outline.json
@@ -0,0 +1,53 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M839.066 204.8c0.381-0.006 0.83-0.010 1.281-0.010 44.771 0 81.085 36.21 81.254 80.941l0 0.016v409.293c0 0.091 0.001 0.2 0.001 0.308 0 45.655-36.909 82.689-82.515 82.892l-0.020 0h-654.746c-45.319-0.347-81.923-37.165-81.923-82.532 0-0.235 0.001-0.469 0.003-0.704l-0 0.036v-409.293c0.026-44.686 36.257-80.902 80.947-80.902 0.342 0 0.684 0.002 1.025 0.006l-0.052-0.001zM839.066 263.066h-654.746c-0.194-0.006-0.422-0.010-0.65-0.010-11.848 0-21.453 9.605-21.453 21.453 0 0.436 0.013 0.868 0.039 1.298l-0.003-0.059v409.293c-0.024 0.383-0.038 0.831-0.038 1.283 0 12.018 9.742 21.76 21.76 21.76 0.121 0 0.242-0.001 0.363-0.003l-0.018 0h655.053c0.201 0.007 0.438 0.010 0.676 0.010 12.357 0 22.374-10.017 22.374-22.374 0-0.238-0.004-0.474-0.011-0.71l0.001 0.034-0.307-409.293c0.001-0.079 0.002-0.171 0.002-0.264 0-12.385-10.040-22.426-22.426-22.426-0.217 0-0.432 0.003-0.648 0.009l0.032-0.001zM701.44 304.333c66.253 0 106.547 36.147 106.547 90.88-0.791 40.993-27.774 75.479-64.873 87.469l-0.663 0.185 0.205-0.102 6.246 1.075c38.78 8.661 67.727 41.668 70.132 81.827l0.012 0.247 0.154 7.526c0 73.626-50.893 105.626-144.333 105.626h-132.454v-374.784zM353.28 303.053c96 0 150.733 61.44 150.733 185.907 0 110.080-36.813 189.44-150.733 190.106h-138.547v-376.013h138.547zM325.12 362.906h-20.173v256h32c48.333-1.28 77.466-39.066 77.466-121.6 0-75.52-8.346-134.4-89.293-134.4zM672 521.626h-39.373v96h40.192c15.411-0.154 57.088-2.714 57.088-48.64 0-20.48-11.162-47.36-57.856-47.36zM661.453 361.626h-27.853v90.88h35.226c1.344 0.144 2.902 0.226 4.48 0.226 24.573 0 44.493-19.92 44.493-44.493 0-0.53-0.009-1.057-0.028-1.582l0.002 0.076c0-31.386-15.36-45.107-56.32-45.107z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["ic-db_brand_logo_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 4,
+				"id": 0,
+				"name": "ic-db_brand_logo_20",
+				"prevSize": 32,
+				"code": 921938
+			},
+			"setIdx": 61,
+			"setId": 65,
+			"iconIdx": 0
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": { "fontFamily": "icomoon" },
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-communication-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-communication-filled.json
new file mode 100644
index 0000000000..8d57f56637
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-communication-filled.json
@@ -0,0 +1,210 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M768 102.4c81.818 0 153.6 64.358 153.6 153.6 0.102 170.65 0.102 341.35 0 512 0 81.818-64.563 153.6-153.6 153.6h-512c-81.818 0-153.6-65.126-153.6-153.6-0.102-170.65-0.102-341.35 0-512 0.376-84.679 68.921-153.224 153.564-153.6l0.036-0h222.413l-155.904 155.648c-9.442 9.191-15.299 22.024-15.299 36.224s5.857 27.033 15.288 36.213l0.011 0.011c17.408 17.050 52.019 19.661 72.397 0 22.17-21.965 44.237-44.032 66.202-66.15v349.952c0 30.157 24.934 51.2 51.2 51.2s51.2-22.63 51.2-51.2c0.102-116.634 0.102-233.318 0-349.952 22.016 22.17 44.032 44.237 66.202 66.15 9.198 8.892 21.744 14.372 35.569 14.372 28.277 0 51.2-22.923 51.2-51.2 0-13.826-5.48-26.371-14.386-35.584l0.014 0.014c-34.099-34.253-86.17-86.17-156.16-155.853z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_share_item_solid_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 100,
+				"id": 6,
+				"name": "db_ic_share_item_solid_20",
+				"prevSize": 32,
+				"code": 921972
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 102.4c81.818 0 153.6 64.358 153.6 153.6 0.102 170.65 0.102 341.35 0 512 0 81.818-64.563 153.6-153.6 153.6h-512c-81.818 0-153.6-65.126-153.6-153.6-0.102-170.65-0.102-341.35 0-512 0.376-84.679 68.921-153.224 153.564-153.6l0.036-0h204.8v388.301l-33.075-33.126-33.126-32.973c-9.198-8.892-21.744-14.372-35.569-14.372-28.277 0-51.2 22.923-51.2 51.2 0 13.826 5.48 26.371 14.386 35.584l-0.014-0.014 153.6 153.6c23.296 21.197 53.965 18.432 72.397 0l153.6-153.6c9.426-9.189 15.273-22.011 15.273-36.198s-5.847-27.010-15.262-36.188l-0.011-0.010c-17.408-17.050-52.634-19.763-72.397 0-22.17 21.965-44.237 43.981-66.202 66.099v-388.301z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_receive_item_solid_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 99,
+				"id": 5,
+				"name": "db_ic_receive_item_solid_20",
+				"prevSize": 32,
+				"code": 921971
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M789.094 102.4c77.312 0 132.506 57.958 132.506 127.949v409.754c-0.32 70.704-57.711 127.898-128.46 127.898-0.018 0-0.037-0-0.055-0l-442.723 0c-15.053 0-28.109 4.045-37.12 14.029l-123.494 124.928c-32.102 31.949-87.347 7.987-87.347-36.966v-639.642c0-69.99 58.214-127.949 129.536-127.949zM512 556.8c-32.768 0-57.6 25.088-57.6 57.037s24.832 58.163 57.6 58.163 57.6-26.214 57.6-58.163-24.832-57.037-57.6-57.037zM524.442 197.632c-46.029 0-96.563 22.272-118.374 39.936l34.918 90.522c22.016-12.186 50.432-21.811 75.008-21.811 28.621 0 36.096 13.056 36.096 27.494 0 15.923-9.114 26.368-21.504 35.942l-27.648 19.302c-21.504 15.667-41.984 36.352-41.984 77.466v39.117h102.144v-39.117c-0.256-13.773 13.824-23.962 38.4-45.67s51.917-51.712 51.917-106.496c0-71.117-56.32-116.736-128.973-116.736z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_question_solid_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 98,
+				"id": 4,
+				"name": "db_ic_question_solid_20",
+				"prevSize": 32,
+				"code": 921970
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M121.6 330.701c0 227.226 331.264 561.562 554.496 561.562 103.066 0 226.304-99.994 226.304-191.898 0-27.29-9.114-54.528-30.31-75.776l-71.68-72.704c-16.179-16.179-35.379-24.218-55.603-24.218-23.657 0.145-45.040 9.761-60.572 25.244l-73.726 73.726c-85.862-68.71-144.486-130.304-227.328-224.256l73.728-74.752c15.499-15.523 25.133-36.906 25.293-60.539v-0.031c0-18.176-6.042-37.376-19.2-51.507l-74.752-80.896c-22.17-23.142-49.459-32.256-78.797-32.256-88.883 0-187.853 122.214-187.853 228.301z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["call-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 303,
+				"id": 0,
+				"name": "call-filled",
+				"prevSize": 32,
+				"code": 922165
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M756.882 97.524c67.535 0 121.758 53.346 120.832 121.905l-3.803 388.437c-0.975 66.658-53.297 121.905-119.906 121.905h-431.933c-6.68 0-12.386 0.975-17.115 5.705l-124.635 125.659c-9.557 10.484-21.943 13.361-33.304 13.361-26.673 0-49.493-18.091-49.493-48.567l3.803-608.451c0-66.609 54.223-119.954 121.807-119.954h533.748zM731.429 438.857h-487.619v97.524h487.619v-97.524zM731.429 243.81h-487.619v97.524h487.619v-97.524z"
+				],
+				"width": 975,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["chat-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 304,
+				"id": 1,
+				"name": "chat-filled",
+				"prevSize": 32,
+				"code": 922166
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M779.703 97.524c53.297 0 98.011 43.788 98.011 97.036v439.589c0 39.985-44.715 62.805-76.117 41.838l-134.144-90.356h-82.798v48.518c0 52.322-40.911 98.011-91.331 98.011h-229.278l-82.798 83.724c-26.624 27.599-83.724 13.312-83.724-35.206v-390.095c0-51.395 41.838-97.036 91.331-97.036h6.68v-98.987c0-47.543 33.304-97.036 97.036-97.036h487.131zM780.19 195.048h-487.619v294.034h375.223c16.189 0 35.255 2.828 48.567 12.337l63.829 41.789v-348.16z"
+				],
+				"width": 975,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["conversation-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 305,
+				"id": 2,
+				"name": "conversation-filled",
+				"prevSize": 32,
+				"code": 921749
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M797.133 102.4c70.195 0 124.467 57.958 124.467 127.898v409.6c-0.349 70.682-57.728 127.846-128.459 127.846-0.019 0-0.037 0-0.056 0h-453.783c-7.115 0.111-13.498 3.155-18.009 7.973l-0.013 0.014-131.533 130.867c-8.978 9.079-21.364 14.772-35.080 15.001l-0.043 0.001c-26.112 0-52.224-20.992-52.224-51.968v-639.334c0-69.939 61.235-127.898 132.506-127.898h562.176zM512.256 512c-30.31 0-56.576 25.037-56.576 57.088s26.266 58.112 56.576 58.112c0.076 0 0.166 0.001 0.257 0.001 32.146 0 58.222-25.987 58.367-58.099v-0.014c0-32.051-26.266-57.088-58.624-57.088zM563.2 204.8h-102.4v255.744h102.4v-255.744z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["feedback-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 306,
+				"id": 3,
+				"name": "feedback-filled",
+				"prevSize": 32,
+				"code": 9072
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 6
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-communication-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-communication-outline.json
new file mode 100644
index 0000000000..a699a8ca4c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-communication-outline.json
@@ -0,0 +1,348 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M921.6 256c0.102 170.65 0.102 341.35 0 512 0 81.818-64.563 153.6-153.6 153.6-170.65 0.102-341.35 0.102-512 0-81.818 0-153.6-65.126-153.6-153.6-0.102-170.65-0.102-341.35 0-512 0.376-84.679 68.921-153.224 153.564-153.6l0.036-0h51.2c28.277 0 51.2 22.923 51.2 51.2v0c0 26.266-22.374 51.2-51.2 51.2-17.050 0.102-34.15 0.102-51.2 0-26.266 0-51.2 23.45-51.2 51.2-0.102 170.65-0.102 341.35 0 512 0 26.266 21.504 51.2 51.2 51.2 170.65 0.102 341.35 0.102 512 0 28.277 0 51.2-22.923 51.2-51.2v0c0.102-170.65 0.102-341.35 0-512 0-26.266-20.326-51.2-51.2-51.2h-51.2c-28.277 0-51.2-22.923-51.2-51.2v0c0-26.266 21.453-51.2 51.2-51.2h51.2c81.818 0 153.6 64.358 153.6 153.6zM512 102.4c26.266 0 51.2 21.043 51.2 51.2 0.102 112.384 0.102 224.768 0 337.101l66.202-66.099c18.432-18.432 53.555-18.432 72.397 0 9.426 9.189 15.273 22.011 15.273 36.198s-5.847 27.010-15.262 36.188l-0.011 0.010c-51.149 51.302-102.349 102.502-153.6 153.6-18.432 18.432-49.101 21.197-72.397 0-51.251-51.098-102.451-102.298-153.6-153.6-8.892-9.198-14.372-21.744-14.372-35.569 0-28.277 22.923-51.2 51.2-51.2 13.826 0 26.371 5.48 35.584 14.386l-0.014-0.014c22.118 21.914 44.186 43.981 66.202 66.099v-337.101c0-28.277 22.923-51.2 51.2-51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_receive_item_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 104,
+				"id": 13,
+				"name": "db_ic_receive_item_20",
+				"prevSize": 32,
+				"code": 921971
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M921.6 256c0.102 170.65 0.102 341.35 0 512 0 81.818-64.563 153.6-153.6 153.6-170.65 0.102-341.35 0.102-512 0-81.818 0-153.6-65.126-153.6-153.6-0.102-170.65-0.102-341.35 0-512 0.376-84.679 68.921-153.224 153.564-153.6l0.036-0h12.8c28.277 0 51.2 22.923 51.2 51.2v0c0 26.266-22.374 51.2-51.2 51.2-17.050 0.102 4.25 0.102-12.8 0-26.266 0-51.2 23.45-51.2 51.2-0.102 170.65-0.102 341.35 0 512 0 26.266 21.504 51.2 51.2 51.2 170.65 0.102 341.35 0.102 512 0 28.277 0 51.2-22.923 51.2-51.2v0c0.102-170.65 0.102-341.35 0-512 0-26.266-20.326-51.2-51.2-51.2h-12.8c-28.277 0-51.2-22.923-51.2-51.2v0c0-26.266 21.453-51.2 51.2-51.2h12.8c81.818 0 153.6 64.358 153.6 153.6zM512.307 614.298c-26.266 0-51.2-21.043-51.2-51.2-0.102-112.384-0.102-173.568 0-285.952l-66.202 66.15c-18.432 18.432-53.555 18.432-72.397 0-9.426-9.189-15.273-22.011-15.273-36.198s5.847-27.010 15.262-36.188l0.011-0.010c51.673-51.925 101.727-101.98 151.903-151.913l1.697-1.687c18.432-18.432 49.101-21.197 72.397 0 51.251 51.046 102.451 102.246 153.6 153.6 8.892 9.198 14.372 21.744 14.372 35.569 0 28.277-22.923 51.2-51.2 51.2-13.826 0-26.371-5.48-35.584-14.386l0.014 0.014c-22.118-21.914-44.186-43.981-66.202-66.15v285.952c0 28.277-22.923 51.2-51.2 51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_share_item_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 103,
+				"id": 12,
+				"name": "db_ic_share_item_20",
+				"prevSize": 32,
+				"code": 921972
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M789.094 102.4c77.312 0 132.506 57.958 132.506 127.949v409.754c-0.32 70.704-57.711 127.898-128.46 127.898-0.018 0-0.037-0-0.055-0l-442.723 0c-15.053 0-28.109 4.045-37.12 14.029l-123.494 124.928c-32.102 31.949-87.347 7.987-87.347-36.966v-639.642c0-69.99 58.214-127.949 129.536-127.949zM819.2 204.8h-614.4v542.72l37.222-35.072c27.136-26.010 62.31-44.851 99.533-46.848h477.645zM512 537.6c25.498 0 44.8 19.507 44.8 44.339 0.003 0.183 0.004 0.399 0.004 0.615 0 24.658-19.989 44.646-44.646 44.646-0.055 0-0.111-0-0.166-0l0.009 0c-0.047 0-0.102 0-0.158 0-24.658 0-44.646-19.989-44.646-44.646 0-0.216 0.002-0.432 0.005-0.647l-0 0.033c0-24.832 19.302-44.339 44.8-44.339zM521.933 256c56.422 0 100.096 30.31 100.096 85.504 0 42.496-21.197 65.741-40.294 82.637-19.098 16.845-30.003 24.73-29.798 35.43v40.448h-79.258v-40.448c0-31.949 15.872-47.923 32.563-60.109l21.453-15.002c9.626-7.424 16.691-15.514 16.691-27.904 0-11.213-5.837-21.299-28.006-21.299-19.046 0-41.114 7.424-58.214 16.896l-27.085-70.246c16.896-13.67 56.115-25.907 91.853-25.907z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_question_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 102,
+				"id": 11,
+				"name": "db_ic_question_20",
+				"prevSize": 32,
+				"code": 921970
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M670.362 102.4c12.8 0 25.6 7.987 32 12.8l103.987 105.574 3.738 5.069c5.734 8.806 9.062 19.507 9.062 30.157v153.6h20.838c51.2 0 81.613 44.8 81.613 94.413v273.613c0 47.974-32 92.774-81.613 92.774h-470.323c-28.16 31.181-68.454 51.2-113.664 51.2-84.685 0-153.6-68.915-153.6-153.6v-307.2c0-84.685 68.915-153.6 153.6-153.6v-113.613c0-52.787 41.574-91.187 92.774-91.187zM255.949 409.6c-28.277 0-51.2 22.923-51.2 51.2v0 307.2c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2v0-307.2c0-28.277-22.923-51.2-51.2-51.2v0zM819.149 512h-409.6v256h409.6zM691.149 588.8c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0zM537.549 588.8c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0zM614.349 204.8h-256v142.336c18.79 16.947 33.126 38.195 41.779 62.464h316.621v-102.4h-52.787c-27.187 0-49.613-25.6-49.613-51.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fax_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 101,
+				"id": 10,
+				"name": "db_ic_fax_20",
+				"prevSize": 32,
+				"code": 128439
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M561.562 678.298c31.729 17.665 52.839 51.004 52.839 89.275 0 0.15-0 0.301-0.001 0.451l0-0.023c0 56.013-44.8 102.4-102.4 102.4-38.4 0-72.243-21.043-89.754-52.838l139.315-139.264zM515.226 153.6c80.486 0 159.488 17.664 231.629 51.046l36.147-36.045c9.259-9.229 22.034-14.935 36.142-14.935 28.277 0 51.2 22.923 51.2 51.2 0 11.849-4.025 22.757-10.782 31.433l0.086-0.115-4.25 4.813-614.4 614.4c-9.265 9.262-22.063 14.991-36.198 14.991s-26.934-5.729-36.199-14.991l0 0c-18.432-18.432-21.555-47.974 0-72.397l211.968-212.070c1.126-1.382 0-3.584-1.382-3.584-9.119 8.909-21.605 14.406-35.376 14.406-0.487 0-0.973-0.007-1.457-0.021l0.071 0.002c-30.413 0-51.2-27.238-51.2-51.302 0-12.8 4.762-27.238 15.974-36.864 59.187-56.115 123.187-84.992 208.026-84.992 8.909 0 17.766 0.41 26.573 1.178l127.539-127.488c-45.694-17.508-98.549-27.648-153.772-27.648-0.119 0-0.238 0-0.358 0l0.018-0c-126.464 0-240.026 46.49-326.451 133.12-9.574 9.626-22.374 16.026-35.174 16.026-22.426 0-51.2-17.664-51.2-51.302 0-14.438 4.813-25.651 14.387-36.864 110.387-109.107 236.8-161.997 398.387-161.997z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["wifi-off"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 307,
+				"id": 0,
+				"name": "wifi-off",
+				"prevSize": 32,
+				"code": 921929
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M311.501 102.4c27.29 0 54.528 9.114 74.752 30.31l122.163 123.238c16.179 16.128 23.245 35.328 23.245 55.552 0 22.221-9.114 44.442-25.293 60.57l-41.37 41.472c50.534 65.843 66.458 84.992 129.28 131.277l44.442-44.442c16.179-16.179 37.376-22.221 56.576-22.221 20.173 0 39.424 8.090 55.552 23.245l121.19 123.187c21.197 21.248 30.31 48.486 30.31 75.776 0 74.752-116.173 191.898-209.101 191.898-242.893 0-571.699-328.653-571.699-561.562 0.051-106.701 98.816-228.301 189.952-228.301zM310.374 200.602c-1.894-0.205-4.915 0.768-7.987 2.816-42.394 20.173-81.818 79.77-81.818 127.283 0 173.363 291.43 461.568 455.578 461.568 52.531 0 79.77-23.194 123.238-76.749 8.090-12.134 6.042-17.152 3.021-22.221l-107.059-108.032-60.621 58.522c-10.086 8.090-21.197 15.155-35.328 15.155-54.784 0-247.501-192.205-247.501-251.494 0-13.158 4.045-24.269 14.131-33.331l58.624-60.621-108.083-110.080c-1.428-1.727-3.572-2.819-5.97-2.819-0.079 0-0.158 0.001-0.236 0.004l0.012-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["call"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 308,
+				"id": 1,
+				"name": "call",
+				"prevSize": 32,
+				"code": 922165
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M97.524 832.024c0 24.771 24.722 41.886 48.518 41.886 0.379 0.011 0.824 0.018 1.272 0.018 12.521 0 23.851-5.096 32.030-13.328l0.002-0.002 114.152-115.127c9.557-10.484 27.599-14.043 38.083-14.043h430.080c62.757 0 116.053-60.172 116.053-123.904v-397.702c0-60.952-56.125-112.299-120.832-112.299h-533.748c-72.314 0-125.611 56.125-125.611 119.906v614.595zM195.535 708.364l-0.488-513.317h585.143v438.857h-455.29c-39.010 0-69.437 14.531-96.061 41.155l-33.304 33.304zM292.571 438.857v97.524h390.095v-97.524h-390.095zM292.571 292.571v97.524l390.095-0.488v-97.036h-390.095z"
+				],
+				"width": 975,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["chat"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 309,
+				"id": 2,
+				"name": "chat",
+				"prevSize": 32,
+				"code": 922166
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M97.524 828.952v-487.619c0-24.137 19.505-48.762 48.762-48.762s48.762 24.381 48.762 48.762l0.488 395.557 58.027-38.034c15.214-9.509 30.427-16.189 54.223-16.189h326.12c24.381 0 48.762 19.505 48.762 48.762s-22.723 49.25-48.762 48.762l-326.12-0.488-134.144 90.405c-8.582 3.803-18.042 7.607-26.624 7.607-24.771 0-49.493-14.531-49.493-48.762zM779.703 97.524c53.297 0 98.011 44.715 98.011 98.011v438.613c0 28.526-24.722 48.518-49.493 48.518-0.243 0.004-0.53 0.007-0.817 0.007-9.591 0-18.519-2.84-25.989-7.725l0.182 0.112-134.144-90.405h-276.87c-53.297 0-98.011-43.739-98.011-97.036v-292.084c0-53.297 44.715-98.011 98.011-98.011h389.12zM779.703 195.535h-389.12v292.084h276.87c19.992 0 38.034 5.705 54.223 17.115l58.027 38.034v-347.234z"
+				],
+				"width": 975,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["conversation"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 310,
+				"id": 3,
+				"name": "conversation",
+				"prevSize": 32,
+				"code": 921749
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M789.094 102.4c77.312 0 132.506 57.958 132.506 127.949v409.754c-0.32 70.704-57.711 127.898-128.46 127.898-0.018 0-0.037-0-0.055-0l-442.723 0c-15.053 0-28.109 4.045-37.12 14.029l-123.494 124.928c-32.102 31.949-87.347 7.987-87.347-36.966v-639.642c0-69.99 58.214-127.949 129.536-127.949h557.158zM819.2 204.8h-614.4v542.72l37.222-35.072c27.136-26.010 62.31-44.851 99.533-46.848h477.645v-460.8zM456.96 567.962c0 32 26.112 55.962 56.218 55.962s56.218-23.962 56.218-55.962c-0.757-30.687-25.508-55.348-56.159-55.961l-0.058-0.001c-30.106 0-56.218 26.010-56.218 55.962zM460.8 460.902v-204.902h102.4v204.902h-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["feedback"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 312,
+				"id": 5,
+				"name": "feedback",
+				"prevSize": 32,
+				"code": 9072
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M819.2 204.8c56.013 0 102.4 44.8 102.4 102.4v409.6c0 56.013-46.387 102.4-102.4 102.4h-614.4c-56.013 0-102.4-46.387-102.4-102.4v-409.6c0-56.013 46.387-102.4 102.4-102.4h614.4zM819.2 422.4l-307.2 230.4-307.2-228.813v292.813h614.4v-294.4zM801.587 307.2h-580.813l291.226 217.6 289.587-217.6z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["mail"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 313,
+				"id": 6,
+				"name": "mail",
+				"prevSize": 32,
+				"code": 9993
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M153.6 817.613c0 28.723 25.6 52.787 52.787 52.787 12.8 0 24.013-4.813 35.226-16.026l614.4-614.4c11.162-9.574 14.387-22.374 14.387-35.174 0-27.187-20.787-52.787-49.613-52.787-14.387 0-27.187 6.4-36.762 15.974l-16.026 14.387c-1.587-44.749-36.813-79.974-81.613-79.974h-345.6c-46.387 0-84.787 36.813-84.787 81.613v510.413l-86.426 87.91c-11.11 11.264-15.974 24.064-15.974 35.328zM320 920.013h366.387c0.214 0.002 0.467 0.003 0.72 0.003 44.678 0 80.896-36.218 80.896-80.896 0-0.253-0.001-0.506-0.003-0.759l0 0.039v-366.387l-102.4 102.4v244.787h-243.2l-102.4 100.813zM358.4 591.974v-387.174h51.2v51.2h204.8v-51.2h51.2v80.026l-307.2 307.2zM473.6 768h91.187v-91.187l-91.187 91.187z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["mobile-off"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 314,
+				"id": 7,
+				"name": "mobile-off",
+				"prevSize": 32,
+				"code": 922212
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M685.261 102.4c45.978 0 82.944 37.939 82.944 83.917v651.366c0 45.978-36.966 83.917-82.944 83.917h-346.010c-45.912-0.348-82.996-37.647-82.996-83.607 0-0.109 0-0.217 0.001-0.326l-0 0.017v-651.366c0-45.926 37.018-83.917 82.995-83.917h346.010zM410.112 204.8h-51.866v614.4h307.2v-614.4h-51.866v51.968h-203.469v-51.968zM460.8 768.256v-102.4h102.4v102.4h-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["mobile-phone"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 315,
+				"id": 8,
+				"name": "mobile-phone",
+				"prevSize": 32,
+				"code": 922211
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 352.461c0-14.438 4.813-25.651 14.387-36.864 110.387-109.107 236.8-161.997 398.387-161.997 145.613 0 286.413 57.754 390.451 161.946 9.574 9.626 15.974 24.064 15.974 36.864 0 30.515-22.426 51.354-51.2 51.354-14.198-0.221-27.085-5.662-36.863-14.483l0.050 0.044c-80.732-83.083-193.524-134.64-318.359-134.656l-0.003-0c-126.464 0-240.026 46.438-326.451 133.069-9.574 9.626-22.374 16.026-35.174 16.026-22.426 0-51.2-17.664-51.2-51.302zM291.226 530.432c0-12.8 4.762-27.238 15.974-36.864 59.187-56.115 123.187-84.992 208.026-84.992 78.336 0 151.962 30.464 207.974 84.992 11.213 11.264 14.387 24.064 14.387 36.864 0 24.064-15.974 51.302-51.2 51.302-0.064 0-0.14 0-0.216 0-13.635 0-25.987-5.495-34.962-14.391l0.004 0.004c-36.813-35.328-84.787-56.166-135.987-56.166s-102.4 20.89-136.038 56.166c-9.119 8.909-21.605 14.406-35.376 14.406-0.487 0-0.973-0.007-1.457-0.021l0.071 0.002c-30.413 0-51.2-27.238-51.2-51.302zM409.6 768c0-56.013 44.8-102.4 102.4-102.4 56.013 0 102.4 44.8 102.4 102.4 0 56.013-44.8 102.4-102.4 102.4-56.013 0-102.4-44.8-102.4-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["wifi"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 316,
+				"id": 9,
+				"name": "wifi",
+				"prevSize": 32,
+				"code": 921752
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 12
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-covid-19-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-covid-19-outline.json
new file mode 100644
index 0000000000..15f39e2df9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-covid-19-outline.json
@@ -0,0 +1,70 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M208.435 614.758c62.669-40.141 189.542-80.333 303.565-80.333 142.95 0 247.296 46.592 309.965 80.333h48.23c28.32 0.173 51.232 23.085 51.405 51.388l0 0.016c-0.202 28.298-23.102 51.181-51.388 51.354l-0.017 0h-40.192c-52.992 125.286-179.866 207.206-318.003 203.981-138.138-1.587-265.011-78.694-318.003-203.981h-40.192c-0.199 0.003-0.434 0.004-0.669 0.004-28.022 0-50.739-22.717-50.739-50.739 0-0.218 0.001-0.435 0.004-0.652l-0 0.033c-0.003-0.215-0.005-0.468-0.005-0.722 0-27.994 22.694-50.688 50.688-50.688 0.254 0 0.507 0.002 0.76 0.006l-0.038-0h54.579zM157.030 444.518c0-189.542 160.614-342.118 358.195-342.118 197.53 0 358.144 152.576 358.144 342.118 0.003 0.199 0.004 0.435 0.004 0.671 0 27.994-22.694 50.688-50.688 50.688-0.254 0-0.507-0.002-0.759-0.006l0.038 0c-0.214 0.003-0.468 0.005-0.721 0.005-27.994 0-50.688-22.694-50.688-50.688 0-0.236 0.002-0.471 0.005-0.706l-0 0.036c0-131.738-114.022-237.722-255.334-237.722-139.776 0-253.798 105.984-253.798 237.722 0 28.877-24.064 51.354-52.992 51.354-28.302-0.173-51.203-23.055-51.405-51.334l-0-0.019zM295.168 690.278c41.779 81.869 125.286 128.461 216.832 130.048s175.104-46.592 216.832-128.512c-63.023-32.935-137.41-52.925-216.306-54.571l-0.526-0.009c-73.882 1.587-144.538 22.528-216.832 52.992z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["mask"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 458,
+				"id": 0,
+				"name": "mask",
+				"prevSize": 32,
+				"code": 922213
+			},
+			"setIdx": 56,
+			"setId": 3,
+			"iconIdx": 0
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-facilities-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-facilities-outline.json
new file mode 100644
index 0000000000..a6b9e67f6d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-facilities-outline.json
@@ -0,0 +1,278 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M641.946 512c88.678 0.819 174.643 33.28 239.77 92.979l24.883 24.422c9.229 9.259 14.935 22.034 14.935 36.142 0 28.277-22.923 51.2-51.2 51.2-11.849 0-22.757-4.025-31.433-10.782l0.115 0.086-18.432-17.869c-44.237-44.237-103.987-72.397-165.274-74.496-61.235-2.048-74.906 0.205-92.467 0-17.51-0.102-33.178 10.598-37.325 27.648-1.229 5.12 1.946 10.752 8.55 11.878 4.352 0.768 49.766 4.966 136.243 12.646 26.183 2.484 46.503 24.361 46.503 50.984 0 1.662-0.079 3.306-0.234 4.928l0.016-0.207c-2.458 26.112-23.296 47.974-49.715 46.438-67.878-5.071-116.922-9.623-165.77-14.831l23.485 2.031c-25.395-2.662-47.616-10.701-74.342-19.149-17.818-5.632-73.984-23.142-168.448-52.531-6.22-1.99-13.374-3.137-20.797-3.137-22.084 0-41.797 10.154-54.724 26.048l-0.102 0.129c-2.97 3.584-2.816 10.547 5.734 13.875l196.608 75.264c32.867 12.925 70.894 21.251 110.611 23.113l0.8 0.030 350.464 0.358c28.277 0 51.2 22.923 51.2 51.2v0c0 26.266-21.862 51.2-51.2 51.2h-334.131c-49.869 0-107.008-9.062-146.637-23.962-26.419-9.933-98.509-37.274-216.371-82.125-42.105-16.371-71.405-56.578-71.405-103.628 0-26.539 9.322-50.9 24.87-69.988l-0.159 0.202c31.953-39.259 80.274-64.134 134.405-64.134 14.501 0 28.584 1.785 42.044 5.147l-1.191-0.252 123.392 37.837c16.179-63.846 67.123-105.472 128.512-108.698zM320 396.8c21.208 0 38.4 17.192 38.4 38.4s-17.192 38.4-38.4 38.4v0c-21.208 0-38.4-17.192-38.4-38.4s17.192-38.4 38.4-38.4v0zM499.2 358.4c21.208 0 38.4 17.192 38.4 38.4s-17.192 38.4-38.4 38.4v0c-21.208 0-38.4-17.192-38.4-38.4s17.192-38.4 38.4-38.4v0zM140.8 356.659c21.208 0 38.4 17.192 38.4 38.4s-17.192 38.4-38.4 38.4h-0c-21.208 0-38.4-17.192-38.4-38.4s17.192-38.4 38.4-38.4v0zM320 256c21.208 0 38.4 17.192 38.4 38.4s-17.192 38.4-38.4 38.4v0c-21.208 0-38.4-17.192-38.4-38.4s17.192-38.4 38.4-38.4v0zM473.6 230.4c21.208 0 38.4 17.192 38.4 38.4s-17.192 38.4-38.4 38.4v0c-21.208 0-38.4-17.192-38.4-38.4s17.192-38.4 38.4-38.4v0zM166.4 229.274c21.208 0 38.4 17.192 38.4 38.4s-17.192 38.4-38.4 38.4v0c-21.208 0-38.4-17.192-38.4-38.4s17.192-38.4 38.4-38.4v0zM320 115.2c21.208 0 38.4 17.192 38.4 38.4s-17.192 38.4-38.4 38.4v0c-21.208 0-38.4-17.192-38.4-38.4s17.192-38.4 38.4-38.4v0zM191.488 102.4c21.208 0 38.4 17.192 38.4 38.4s-17.192 38.4-38.4 38.4v0c-21.208 0-38.4-17.192-38.4-38.4s17.192-38.4 38.4-38.4v0zM448 102.4c21.208 0 38.4 17.192 38.4 38.4s-17.192 38.4-38.4 38.4v0c-21.208 0-38.4-17.192-38.4-38.4s17.192-38.4 38.4-38.4v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_sink_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 118,
+				"id": 9,
+				"name": "db_ic_sink_20",
+				"prevSize": 32,
+				"code": 922216
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M435.2 716.8c46.592 0 81.971 33.075 97.638 72.755l29.184 69.734c0.773 3.334 1.216 7.162 1.216 11.093 0 24.353-17.003 44.735-39.785 49.923l-0.343 0.066c-27.648 6.144-51.507-16.179-61.082-38.912l-27.648-62.259h-203.981l-26.829 62.362c-11.827 26.061-33.536 44.954-61.133 38.81-23.082-5.286-40.041-25.647-40.041-49.969 0-3.957 0.449-7.809 1.298-11.508l-0.067 0.344 28.314-68.864c12.442-34.406 49.152-73.574 98.458-73.574zM333.926 345.6c0.214-0.001 0.466-0.002 0.719-0.002 76.744 0 138.957 62.213 138.957 138.957 0 0.253-0.001 0.505-0.002 0.757l0-0.039c0.002 0.276 0.003 0.602 0.003 0.928 0 77.408-62.375 140.247-139.605 140.998l-0.071 0.001c-78.163-0.547-141.379-63.764-141.926-141.874l-0-0.052c0.751-77.302 63.591-139.677 140.999-139.677 0.326 0 0.652 0.001 0.978 0.003l-0.050-0zM767.027 541.030c0.886 3.076 1.396 6.609 1.396 10.261 0 21.208-17.192 38.4-38.4 38.4-18.717 0-34.306-13.391-37.71-31.114l-0.038-0.241c-0.415-2.118-0.652-4.554-0.652-7.045 0-21.208 17.192-38.4 38.4-38.4 17.556 0 32.36 11.781 36.938 27.869l0.066 0.271zM916.378 505.498c3.434 5.637 5.467 12.455 5.467 19.747 0 21.208-17.192 38.4-38.4 38.4-14.256 0-26.698-7.769-33.323-19.304l-0.099-0.187c-3.131-5.438-4.978-11.958-4.978-18.909 0-21.208 17.192-38.4 38.4-38.4 13.915 0 26.102 7.402 32.837 18.483l0.096 0.17zM595.302 491.52c11.505 6.777 19.104 19.103 19.104 33.203 0 21.211-17.195 38.406-38.406 38.406-7.111 0-13.77-1.932-19.482-5.301l0.179 0.098c-11.505-6.777-19.104-19.103-19.104-33.203 0-21.211 17.195-38.406 38.406-38.406 7.111 0 13.77 1.932 19.482 5.301l-0.179-0.098zM766.976 422.81c0.96 3.197 1.513 6.87 1.513 10.673 0 21.208-17.192 38.4-38.4 38.4-18.846 0-34.521-13.576-37.778-31.481l-0.035-0.235c-0.434-2.167-0.682-4.658-0.682-7.208 0-21.208 17.192-38.4 38.4-38.4 17.596 0 32.428 11.836 36.97 27.98l0.065 0.27zM633.702 376.422c11.498 6.782 19.091 19.106 19.091 33.203 0 21.218-17.201 38.419-38.419 38.419-7.121 0-13.789-1.937-19.507-5.314l0.179 0.098c-11.498-6.782-19.091-19.106-19.091-33.203 0-21.218 17.201-38.419 38.419-38.419 7.121 0 13.789 1.937 19.507 5.314l-0.179-0.098zM877.978 390.298c3.731 5.816 5.948 12.914 5.948 20.529 0 21.208-17.192 38.4-38.4 38.4-14.57 0-27.245-8.115-33.752-20.072l-0.1-0.202c-2.864-5.245-4.548-11.489-4.548-18.127 0-21.208 17.192-38.4 38.4-38.4 13.592 0 25.535 7.062 32.36 17.717l0.092 0.154zM729.6 102.4c26.266 0 51.2 21.965 51.2 51.2v67.789l21.197 2.56 50.227 7.014c25.603 3.079 45.256 24.671 45.256 50.854 0 28.277-22.923 51.2-51.2 51.2-3.147 0-6.227-0.284-9.217-0.827l0.313 0.047-64.819-8.704c-12.929-2.222-27.821-3.491-43.009-3.491-10.1 0-20.069 0.562-29.877 1.655l1.206-0.109-79.053 10.65c-2.677 0.496-5.758 0.78-8.904 0.78-28.277 0-51.2-22.923-51.2-51.2 0-26.183 19.653-47.775 45.012-50.83l0.245-0.024 50.227-6.963 21.197-2.509v-67.891c0-28.277 22.923-51.2 51.2-51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_shower_women_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 117,
+				"id": 8,
+				"name": "db_ic_shower_women_20",
+				"prevSize": 32,
+				"code": 921974
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M333.926 345.6c0.214-0.001 0.466-0.002 0.719-0.002 76.744 0 138.957 62.213 138.957 138.957 0 0.253-0.001 0.505-0.002 0.757l0-0.039c0.002 0.276 0.003 0.602 0.003 0.928 0 77.408-62.375 140.247-139.605 140.998l-0.071 0.001c-78.163-0.547-141.379-63.764-141.926-141.874l-0-0.052c0.751-77.302 63.591-139.677 140.999-139.677 0.326 0 0.652 0.001 0.978 0.003l-0.050-0zM720.998 512.256c2.584-0.62 5.551-0.976 8.602-0.976 21.209 0 38.403 17.194 38.403 38.403 0 18.159-12.604 33.375-29.541 37.375l-0.261 0.052c-2.592 0.624-5.568 0.981-8.627 0.981-21.213 0-38.409-17.196-38.409-38.409 0-18.153 12.594-33.365 29.521-37.375l0.261-0.052zM863.846 491.622c5.533-3.268 12.192-5.2 19.302-5.2 21.223 0 38.428 17.205 38.428 38.428 0 14.113-7.608 26.449-18.946 33.131l-0.18 0.098c-5.526 3.26-12.177 5.187-19.277 5.187-21.216 0-38.415-17.199-38.415-38.415 0-14.116 7.614-26.454 18.959-33.131l0.18-0.098zM542.822 505.395c6.558-12.326 19.322-20.575 34.012-20.575 21.208 0 38.4 17.192 38.4 38.4 0 7.72-2.278 14.908-6.199 20.928l0.091-0.148c-6.94 10.666-18.804 17.62-32.292 17.62-21.208 0-38.4-17.192-38.4-38.4 0-6.517 1.624-12.656 4.489-18.032l-0.101 0.207zM720.998 394.035c2.584-0.62 5.551-0.976 8.602-0.976 21.209 0 38.403 17.194 38.403 38.403 0 18.159-12.604 33.375-29.541 37.375l-0.261 0.052c-2.592 0.624-5.568 0.981-8.627 0.981-21.213 0-38.409-17.196-38.409-38.409 0-18.153 12.594-33.365 29.521-37.375l0.261-0.052zM581.222 390.298c6.515-12.468 19.354-20.833 34.146-20.833 21.208 0 38.4 17.192 38.4 38.4 0 7.806-2.329 15.069-6.331 21.13l0.089-0.144c-6.959 10.549-18.757 17.414-32.158 17.414-21.208 0-38.4-17.192-38.4-38.4 0-6.415 1.573-12.463 4.355-17.779l-0.101 0.211zM825.446 376.422c5.532-3.271 12.192-5.203 19.302-5.203 21.211 0 38.406 17.195 38.406 38.406 0 14.1-7.599 26.426-18.925 33.105l-0.179 0.098c-5.532 3.271-12.192 5.203-19.302 5.203-21.211 0-38.406-17.195-38.406-38.406 0-14.1 7.599-26.426 18.925-33.105l0.179-0.098zM729.6 102.4c26.266 0 51.2 21.965 51.2 51.2v67.789l21.197 2.56 50.227 7.014c25.603 3.079 45.256 24.671 45.256 50.854 0 28.277-22.923 51.2-51.2 51.2-3.147 0-6.227-0.284-9.217-0.827l0.313 0.047-64.819-8.704c-12.914-2.269-27.784-3.565-42.957-3.565s-30.042 1.297-44.504 3.786l1.548-0.22-64.819 8.704c-2.677 0.496-5.758 0.78-8.904 0.78-28.277 0-51.2-22.923-51.2-51.2 0-26.183 19.653-47.775 45.012-50.83l0.245-0.024 50.227-6.963 21.197-2.509v-67.891c0-28.277 22.923-51.2 51.2-51.2v0zM474.931 716.8c62.669 0 88.064 60.672 71.782 104.038-8.294 22.221-16.691 44.39-25.242 66.56-7.529 19.498-26.121 33.077-47.885 33.077-6.528 0-12.771-1.222-18.512-3.449l0.349 0.119c-19.365-7.914-32.762-26.606-32.762-48.427 0-6.32 1.124-12.377 3.182-17.983l-0.116 0.362c3.891-10.65 7.936-21.248 12.032-31.898h-210.278l12.442 33.229c2.107 5.376 3.328 11.601 3.328 18.111 0 21.793-13.684 40.39-32.929 47.667l-0.35 0.116c-5.237 1.952-11.288 3.082-17.603 3.082-21.859 0-40.557-13.536-48.168-32.684l-0.123-0.35c-8.602-22.579-17.101-45.21-25.446-67.789-22.374-59.597 27.802-103.782 71.834-103.782 94.822-0.102 189.594-0.102 284.416 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_shower_man_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 116,
+				"id": 7,
+				"name": "db_ic_shower_man_20",
+				"prevSize": 32,
+				"code": 921973
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M435.2 716.8c0.006-0 0.013-0 0.020-0 67.738 0 123.187 52.618 127.703 119.21l0.021 0.393 0.256 8.397v25.6c0 28.277-22.923 51.2-51.2 51.2v0c-0.261 0.005-0.569 0.008-0.878 0.008-27.796 0-50.33-22.533-50.33-50.33 0-0.309 0.003-0.617 0.008-0.924l-0.001 0.046c-0.043-3.805-0.068-8.3-0.068-12.8s0.025-8.995 0.074-13.484l-0.006 0.684c0-12.544-9.318-25.6-25.6-25.6-68.25-0.102-136.499-0.102-204.8 0-0.123-0.002-0.268-0.003-0.413-0.003-13.912 0-25.19 11.278-25.19 25.19 0 0.145 0.001 0.29 0.004 0.435l-0-0.022c-0.102 8.55-0.102 17.050 0 25.6 0 28.277-22.923 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v0c-0.044-3.804-0.070-8.299-0.070-12.8s0.025-8.994 0.076-13.482l-0.006 0.682c0-67.891 53.914-128 128-128 68.25-0.102 136.55-0.102 204.8 0zM333.926 345.6c0.214-0.001 0.466-0.002 0.719-0.002 76.744 0 138.957 62.213 138.957 138.957 0 0.253-0.001 0.505-0.002 0.757l0-0.039c0.002 0.276 0.003 0.602 0.003 0.928 0 77.408-62.375 140.247-139.605 140.998l-0.071 0.001c-78.163-0.547-141.379-63.764-141.926-141.874l-0-0.052c0.751-77.302 63.591-139.677 140.999-139.677 0.326 0 0.652 0.001 0.978 0.003l-0.050-0zM720.998 512.256c2.584-0.62 5.551-0.976 8.602-0.976 21.209 0 38.403 17.194 38.403 38.403 0 18.159-12.604 33.375-29.541 37.375l-0.261 0.052c-2.592 0.624-5.568 0.981-8.627 0.981-21.213 0-38.409-17.196-38.409-38.409 0-18.153 12.594-33.365 29.521-37.375l0.261-0.052zM863.846 491.622c5.533-3.268 12.192-5.2 19.302-5.2 21.223 0 38.428 17.205 38.428 38.428 0 14.113-7.608 26.449-18.946 33.131l-0.18 0.098c-5.526 3.26-12.177 5.187-19.277 5.187-21.216 0-38.415-17.199-38.415-38.415 0-14.116 7.614-26.454 18.959-33.131l0.18-0.098zM542.822 505.395c6.558-12.326 19.322-20.575 34.012-20.575 21.208 0 38.4 17.192 38.4 38.4 0 7.72-2.278 14.908-6.199 20.928l0.091-0.148c-6.94 10.666-18.804 17.62-32.292 17.62-21.208 0-38.4-17.192-38.4-38.4 0-6.517 1.624-12.656 4.489-18.032l-0.101 0.207zM720.998 394.035c2.584-0.62 5.551-0.976 8.602-0.976 21.209 0 38.403 17.194 38.403 38.403 0 18.159-12.604 33.375-29.541 37.375l-0.261 0.052c-2.592 0.624-5.568 0.981-8.627 0.981-21.213 0-38.409-17.196-38.409-38.409 0-18.153 12.594-33.365 29.521-37.375l0.261-0.052zM581.222 390.298c6.515-12.468 19.354-20.833 34.146-20.833 21.208 0 38.4 17.192 38.4 38.4 0 7.806-2.329 15.069-6.331 21.13l0.089-0.144c-6.959 10.549-18.757 17.414-32.158 17.414-21.208 0-38.4-17.192-38.4-38.4 0-6.415 1.573-12.463 4.355-17.779l-0.101 0.211zM825.446 376.422c5.532-3.271 12.192-5.203 19.302-5.203 21.211 0 38.406 17.195 38.406 38.406 0 14.1-7.599 26.426-18.925 33.105l-0.179 0.098c-5.532 3.271-12.192 5.203-19.302 5.203-21.211 0-38.406-17.195-38.406-38.406 0-14.1 7.599-26.426 18.925-33.105l0.179-0.098zM729.6 102.4c26.266 0 51.2 21.965 51.2 51.2v67.789l21.197 2.56 50.227 7.014c25.603 3.079 45.256 24.671 45.256 50.854 0 28.277-22.923 51.2-51.2 51.2-3.147 0-6.227-0.284-9.217-0.827l0.313 0.047-64.819-8.704c-12.914-2.269-27.784-3.565-42.957-3.565s-30.042 1.297-44.504 3.786l1.548-0.22-64.819 8.704c-2.677 0.496-5.758 0.78-8.904 0.78-28.277 0-51.2-22.923-51.2-51.2 0-26.183 19.653-47.775 45.012-50.83l0.245-0.024 50.227-6.963 21.197-2.509v-67.891c0-28.277 22.923-51.2 51.2-51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_shower_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 115,
+				"id": 6,
+				"name": "db_ic_shower_20",
+				"prevSize": 32,
+				"code": 922215
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M716.8 102.4c113.108 0 204.8 91.692 204.8 204.8v0c0 50.176-15.258 96.666-56.883 141.568 3.226 16.64 5.12 37.734 5.683 63.232 0 103.066-43.827 199.168-118.989 266.752-9.027 8.125-21.034 13.095-34.202 13.095-28.284 0-51.213-22.929-51.213-51.213 0-15.116 6.549-28.703 16.965-38.077l0.046-0.041c52.265-46.926 84.992-114.711 84.992-190.14 0-0.132-0-0.264-0-0.396l0 0.020c0-18.586-1.587-47.309-18.483-101.53 8.653-6.042 18.022-13.005 28.16-20.992 26.010-19.149 41.523-49.357 41.523-82.278 0-56.576-45.875-101.376-102.4-102.4-40.294-0.717-76.39 22.528-108.237 69.581-37.427-12.288-69.632-18.381-96.563-18.381-40.448 0-60.211 7.27-92.979 18.381-30.874-51.507-71.936-69.581-105.421-69.581-60.088 0.001-108.798 48.712-108.798 108.8 0 31.113 13.060 59.176 33.997 79.006l0.050 0.047c12.902 10.752 23.706 19.456 32.307 26.266-11.674 44.032-16.691 75.674-15.104 94.874 7.712-1.178 16.61-1.851 25.666-1.851 56.118 0 106.199 25.847 138.988 66.286l0.262 0.333c4.096-1.719 8.857-2.718 13.852-2.718 2.27 0 4.492 0.206 6.648 0.601l-0.225-0.034 10.547 2.765c13.978 3.174 20.326-1.434 21.606-11.776l0.614-10.342c5.632-43.008 70.4-43.008 75.981 0l0.666 10.342c1.075 9.216 6.554 13.312 15.565 13.312 2.253 0 6.912-1.229 13.926-3.789 36.557-9.011 64 37.12 35.482 64.973-26.47 25.805-52.48 29.286-82.278 18.995 5.883 1.715-1.179-1.021-8.261-3.716l-13.090-4.374c-23.962 10.906-44.544 13.466-52.992 13.466 3.686 22.886 1.792 43.008-4.864 73.574l58.368 32.358c7.487-2.678 16.124-4.225 25.123-4.225 42.415 0 76.8 34.385 76.8 76.8s-34.385 76.8-76.8 76.8c-36.379 0-66.851-25.294-74.787-59.255l-0.102-0.519-63.642-35.328c-31.237 27.144-72.315 43.689-117.257 43.689-98.969 0-179.2-80.231-179.2-179.2 0-50.496 20.886-96.115 54.491-128.687l0.046-0.045c-2.281-15.028-3.584-32.368-3.584-50.012 0-0.076 0-0.152 0-0.227l-0 0.012c0-17.51 1.126-36.454 4.403-55.757-31.59-33.792-56.678-88.166-55.603-142.643 0-116.643 94.557-211.2 211.2-211.2v0c52.736 0 100.147 17.92 142.694 55.552 23.859-2.97 36.25-4.352 55.706-4.352s35.686 1.485 63.181 5.632c33.024-34.714 92.16-56.832 141.619-56.832zM384 384c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0zM640 384c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0zM281.6 614.4c-42.415 0-76.8 34.385-76.8 76.8s34.385 76.8 76.8 76.8v0c42.415 0 76.8-34.385 76.8-76.8s-34.385-76.8-76.8-76.8v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_playground_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 114,
+				"id": 5,
+				"name": "db_ic_playground_20",
+				"prevSize": 32,
+				"code": 922214
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M209.818 624.589c20.838 15.667 27.853 48.128 10.086 71.68-9.612 12.685-15.396 28.731-15.396 46.128 0 42.415 34.385 76.8 76.8 76.8 17.731 0 34.059-6.009 47.059-16.102l-0.174 0.13c8.56-6.665 19.465-10.686 31.309-10.686 28.283 0 51.21 22.928 51.21 51.21 0 16.439-7.746 31.069-19.786 40.439l-0.115 0.086c-29.942 23.289-68.074 37.337-109.488 37.337-98.969 0-179.2-80.231-179.2-179.2 0-40.617 13.513-78.079 36.289-108.133l-0.325 0.447c9.442-12.454 24.247-20.415 40.911-20.415 11.606 0 22.31 3.861 30.897 10.37l-0.128-0.093zM355.738 521.421c13.312 39.424 26.47 79.002 39.578 118.579h57.344c38.195 0 76.442 21.094 94.106 62.054 21.248 49.357 42.394 98.714 63.488 148.173 2.617 5.947 4.14 12.881 4.14 20.17 0 20.984-12.624 39.020-30.691 46.927l-0.329 0.128c-24.115 10.342-55.654 0-67.226-26.88 77.024 202.131 55.669 153.335 34.411 104.486l-97.95-252.659h-57.344c-42.075-0.017-78.215-25.407-93.952-61.699l-0.256-0.662-42.496-126.259c-1.663-4.828-2.623-10.392-2.623-16.179 0-28.283 22.928-51.212 51.212-51.212 22.496 0 41.604 14.505 48.482 34.672l0.107 0.361zM281.395 320.768c31.898 0 58.931 27.034 58.931 58.982 0 33.178-27.034 58.931-58.931 58.931-0.23 0.003-0.501 0.005-0.772 0.005-32.151 0-58.214-26.063-58.214-58.214 0-0.254 0.002-0.507 0.005-0.76l-0 0.038c0-31.949 25.805-58.982 58.982-58.982zM379.29 136.448c0-20.429 18.278-33.28 35.43-33.28 0.197-0.004 0.428-0.007 0.661-0.007 15.515 0 28.471 10.954 31.558 25.55l0.037 0.211 29.798 137.062 33.536-138.138c3.942-16.179 19.354-24.678 33.28-24.678 13.978 0 29.389 8.192 33.331 24.678l32.819 138.65 29.491-137.574c3.942-18.33 18.227-25.754 32.256-25.754 18.227 0 35.379 12.851 35.379 33.28 0.007 0.275 0.011 0.598 0.011 0.922 0 3.107-0.377 6.125-1.089 9.012l0.054-0.258-62.31 239.514c-4.454 17.152-19.354 24.73-33.28 24.73-0.3 0.010-0.653 0.015-1.007 0.015-15.384 0-28.345-10.375-32.268-24.509l-0.056-0.235-34.355-121.344-34.406 121.344c-4.864 17.357-19.302 24.73-33.28 24.73-0.085 0.001-0.185 0.001-0.285 0.001-15.867 0-29.196-10.871-32.944-25.571l-0.051-0.235-61.286-238.438c-0.687-2.708-1.081-5.816-1.081-9.016 0-0.232 0.002-0.464 0.006-0.695l-0 0.035zM717.21 256.256c0-140.339 82.944-155.238 119.040-155.238 21.248 0 43.571 4.25 63.795 13.824 14.848 6.4 21.248 18.074 21.248 29.798 0 18.074-13.824 36.096-32.973 36.096-5.031-0.039-9.78-1.206-14.019-3.26l0.195 0.085c-10.239-5.082-22.257-8.185-34.967-8.497l-0.105-0.002c-14.848 0-54.17 0-54.17 87.194 0 83.968 35.072 83.968 54.17 83.968 12.8-1.075 25.549-4.25 37.222-8.499 3.785-1.174 8.162-1.945 12.688-2.146l0.112-0.004c19.098 0 32.922 18.074 32.922 36.147 0 12.8-6.4 24.474-22.323 30.822-20.224 6.4-41.472 10.65-62.72 11.674-44.646 0-120.115-20.173-120.115-151.962z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_facilities_restricted-mobility-toilet_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 16,
+				"id": 0,
+				"name": "ic-db_facilities_restricted-mobility-toilet_20",
+				"prevSize": 32,
+				"code": 921955
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M595.139 341.333c45.69 0 85.333 38.083 76.166 89.917l-41.106 210.261c-1.56 12.19-10.728 24.381-22.918 31.988v155.453c0.006 0.291 0.010 0.635 0.010 0.979 0 26.19-21.068 47.459-47.181 47.783l-0.031 0c-27.404 0-48.762-21.358-48.762-48.762v-198.12c0-19.797 12.19-38.034 31.988-44.178l28.965-149.309h-169.155l30.476 149.309c19.846 6.095 32.037 24.381 32.037 44.178v198.12c0 27.453-21.358 48.762-48.762 48.762-26.186-0.27-47.309-21.56-47.309-47.784 0-0.344 0.004-0.687 0.011-1.029l-0.001 0.051v-155.453c-12.19-7.607-21.309-19.797-22.821-31.988l-42.667-208.75c-9.070-42.667 24.381-91.429 77.726-91.429h213.333zM488.35 97.524c51.834 0 94.501 42.667 94.501 96.012-0.275 52.053-42.398 94.177-94.425 94.452l-0.026 0c-53.346 0-96.061-42.667-96.061-94.452-0.001-0.131-0.001-0.286-0.001-0.44 0-52.784 42.79-95.573 95.573-95.573 0.189 0 0.378 0.001 0.567 0.002l-0.029-0z"
+				],
+				"width": 975,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["wc-men"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 454,
+				"id": 1,
+				"name": "wc-men",
+				"prevSize": 32,
+				"code": 922224
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 359.987c0-30.413 27.187-49.613 52.787-49.613 20.787 0 42.394 12.646 48.026 38.4l44.39 204.186 49.971-205.773c5.888-24.115 28.826-36.813 49.664-36.813 20.736 0 43.725 12.237 49.562 36.864l48.896 206.49 43.878-204.954c5.888-27.29 27.238-38.4 48.026-38.4 27.187 0 52.787 19.2 52.787 49.664 0 4.762-0.307 9.472-1.587 14.336l-92.826 356.864c-6.656 25.498-28.774 36.762-49.562 36.762s-42.445-11.418-49.613-36.813l-51.2-180.787-51.2 180.787c-7.322 25.805-28.826 36.813-49.613 36.813-0.114 0.001-0.25 0.001-0.385 0.001-23.631 0-43.485-16.171-49.1-38.050l-0.076-0.351-91.29-355.226c-0.984-3.957-1.548-8.499-1.548-13.174 0-0.409 0.004-0.816 0.013-1.223l-0.001 0.061zM612.813 540.774c0-211.2 124.774-233.574 179.2-233.574 32 0 65.587 6.4 96 20.787 22.374 9.626 32 27.187 32 44.8 0 27.187-20.838 54.426-49.613 54.426-7.569-0.074-14.708-1.841-21.080-4.941l0.293 0.128c-17.613-7.987-35.226-12.8-52.838-12.8-22.374 0-81.562 0-81.562 131.174 0 126.464 52.787 126.464 81.613 126.464 19.149-1.638 38.4-6.451 55.962-12.8 6.4-1.638 12.8-3.226 19.2-3.226 28.826 0 49.613 27.187 49.613 54.374 0 19.2-9.626 36.813-33.587 46.387-27.814 9.304-60.016 15.598-93.382 17.564l-1.031 0.049c-67.226 0-180.787-30.413-180.787-228.813z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["wc-sign"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 455,
+				"id": 2,
+				"name": "wc-sign",
+				"prevSize": 32,
+				"code": 922225
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M585.83 358.4c41.574 0 76.8 28.826 81.613 68.813l36.762 187.187c0.865 4.525 1.36 9.73 1.36 15.050 0 40.917-29.266 74.998-68.007 82.453l-0.527 0.084v158.413c0.007 0.306 0.011 0.666 0.011 1.027 0 27.517-22.151 49.861-49.594 50.173l-0.030 0c-28.774 0-51.2-22.426-51.2-51.2v-208.026c0-28.774 22.426-51.2 51.2-51.2h12.8l-28.774-151.962h-116.838l-30.362 152.013h11.162c28.826 0 51.2 22.374 51.2 51.2v207.974c0 28.826-22.374 51.2-51.2 51.2-27.451-0.341-49.572-22.673-49.572-50.172 0-0.361 0.004-0.722 0.011-1.081l-0.001 0.054v-158.413c-38.594-6.813-67.534-40.092-67.534-80.131 0-6.186 0.691-12.21 1.999-18l-0.103 0.544 38.4-188.826c4.813-39.936 40.038-67.174 80.026-67.174h147.2zM512.205 302.387c54.678-0.26 98.936-44.501 99.225-99.147l0-0.028c0-56.013-44.8-100.813-99.226-100.813-0.122-0.001-0.266-0.001-0.411-0.001-55.423 0-100.352 44.929-100.352 100.352 0 0.162 0 0.324 0.001 0.487l-0-0.025c0 54.374 44.8 99.174 100.762 99.174z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["wc-woman"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 456,
+				"id": 3,
+				"name": "wc-woman",
+				"prevSize": 32,
+				"code": 922226
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M842.752 358.4c47.974 0 89.6 39.987 79.974 94.413l-43.162 220.774c-1.638 12.8-11.264 25.6-24.064 33.587v163.226c0.007 0.306 0.011 0.666 0.011 1.028 0 27.499-22.122 49.831-49.54 50.172l-0.032 0c-28.774 0-51.2-22.426-51.2-51.2v-208.026c0-20.787 12.8-39.936 33.587-46.387l30.413-156.774h-177.613l32 156.774c20.838 6.4 33.638 25.6 33.638 46.387v208.026c0 28.826-22.426 51.2-51.2 51.2-27.495-0.284-49.675-22.638-49.675-50.173 0-0.361 0.004-0.721 0.011-1.080l-0.001 0.054v-163.226c-12.8-7.987-22.374-20.787-23.962-33.587l-44.8-219.187c-9.574-44.8 25.6-96 81.613-96h224zM369.664 358.4c41.574 0 76.8 28.826 81.613 68.813l36.813 187.187c0.865 4.525 1.36 9.73 1.36 15.050 0 40.917-29.266 74.998-68.007 82.453l-0.527 0.084v158.413c0.007 0.306 0.011 0.666 0.011 1.027 0 27.517-22.151 49.861-49.594 50.173l-0.030 0c-28.774 0-51.2-22.426-51.2-51.2v-208.026c0-28.774 22.426-51.2 51.2-51.2h12.8l-28.774-151.91h-116.838l-30.362 152.013h11.162c28.826 0 51.2 22.374 51.2 51.2v207.923c0 28.826-22.374 51.2-51.2 51.2-27.451-0.341-49.572-22.673-49.572-50.172 0-0.361 0.004-0.722 0.011-1.081l-0.001 0.054v-158.413c-38.594-6.813-67.534-40.092-67.534-80.131 0-6.186 0.691-12.21 1.999-18l-0.103 0.544 38.4-188.826c4.813-39.936 40.038-67.174 80.026-67.174h147.2zM730.624 102.4c54.374 0 99.174 44.8 99.174 100.813-0.289 54.656-44.518 98.885-99.147 99.174l-0.028 0c-56.013 0-100.864-44.8-100.864-99.174-0.001-0.137-0.001-0.3-0.001-0.463 0-55.423 44.929-100.352 100.352-100.352 0.216 0 0.433 0.001 0.649 0.002l-0.033-0zM296.090 302.387c54.66-0.26 98.908-44.471 99.225-99.093l0-0.030c0-56.064-44.8-100.864-99.226-100.864-0.122-0.001-0.266-0.001-0.411-0.001-55.423 0-100.352 44.929-100.352 100.352 0 0.162 0 0.324 0.001 0.487l-0-0.025c0 54.374 44.8 99.174 100.762 99.174z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["wc"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 457,
+				"id": 4,
+				"name": "wc",
+				"prevSize": 32,
+				"code": 922217
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 9
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-feature-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-feature-filled.json
new file mode 100644
index 0000000000..189ebbd975
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-feature-filled.json
@@ -0,0 +1,208 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M819.2 102.4c56.554 0 102.4 45.846 102.4 102.4v0 614.4c0 56.554-45.846 102.4-102.4 102.4v0h-614.4c-56.554 0-102.4-45.846-102.4-102.4v0-614.4c0-56.554 45.846-102.4 102.4-102.4v0zM509.901 380.877c22.528 0 38.298 3.942 47.309 11.827s13.517 21.965 13.517 42.24c0 19.917-4.71 34.15-14.080 42.803s-24.986 12.954-46.746 12.954l-55.194 0.051v-109.875zM513.843 307.251h-117.043c-21.208 0-38.4 17.192-38.4 38.4v0 322.918c0 26.594 21.559 48.154 48.154 48.154s48.154-21.559 48.154-48.154v0-117.914l18.586-0.102c20.122 0 29.594 4.608 39.117 15.206 6.4 7.066 12.288 15.718 17.766 25.907l62.464 103.782c8.064 13.207 22.398 21.888 38.759 21.888 8.478 0 16.411-2.331 23.194-6.387l-0.206 0.114c13.113-7.874 21.752-22.020 21.752-38.184 0-8.48-2.378-16.404-6.503-23.143l0.11 0.194c-10.24-17.357-25.958-43.315-47.206-77.978-7.136-11.251-15.044-21.015-23.941-29.778l-0.021-0.020c-5.333-4.922-11.549-8.988-18.368-11.921l-0.423-0.162c29.798-8.806 50.432-20.173 61.901-34.099 15.002-16.538 22.528-39.834 22.528-69.837 0-39.834-12.39-69.581-37.171-89.293s-62.515-29.542-113.203-29.542z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_reservation_solid_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 134,
+				"id": 6,
+				"name": "db_ic_reservation_solid_20",
+				"prevSize": 32,
+				"code": 921977
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M819.2 102.4c56.554 0 102.4 45.846 102.4 102.4v0 614.4c0 56.554-45.846 102.4-102.4 102.4v0h-614.4c-56.554 0-102.4-45.846-102.4-102.4v0-614.4c0-56.554 45.846-102.4 102.4-102.4v0zM530.432 304.077c-44.954 0-83.046 7.936-114.278 23.859-30.917 15.743-55.505 40.15-71.050 70.015l-0.425 0.897c-16.435 31.437-24.678 70.144-24.678 116.173 0 68.659 16.794 119.962 50.381 153.958 33.638 33.946 85.504 50.944 155.648 50.944 32.922 0 80.179-8.448 101.734-15.002 21.212-6.575 36.351-26.019 36.352-48.998l0-0v-127.386c0-14.138-11.462-25.6-25.6-25.6v0h-91.648c-17.857 0-32.333 14.476-32.333 32.333s14.476 32.333 32.333 32.333v0h25.702c4.242 0 7.68 3.438 7.68 7.68h-0v62.874c0 0.001 0 0.002 0 0.003 0 6.163-4.356 11.309-10.157 12.527l-0.083 0.015c-12.133 2.573-26.073 4.047-40.358 4.047-0.32 0-0.639-0.001-0.958-0.002l0.049 0c-27.341 0-50.022-4.762-66.816-14.285-16.845-9.472-29.082-24.269-36.71-44.339-7.68-20.122-11.52-46.95-11.52-80.538 0-32.87 3.635-59.75 10.957-80.538 6.633-20.026 19.655-36.43 36.608-47.198l0.358-0.213c17.357-10.752 41.216-16.179 71.526-16.179s68.762 8.294 84.634 13.107c15.872 4.762 36.454-4.506 41.165-20.634 0.742-2.693 1.168-5.784 1.168-8.976 0-13.816-7.989-25.766-19.599-31.483l-0.206-0.092c-14.643-7.066-65.024-19.302-109.926-19.302z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_platform_solid_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 133,
+				"id": 5,
+				"name": "db_ic_platform_solid_20",
+				"prevSize": 32,
+				"code": 128740
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M541.338 175.872l18.227-38.502c1.548-3.201 2.453-6.963 2.453-10.935 0-14.138-11.462-25.6-25.6-25.6-0.431 0-0.859 0.011-1.284 0.032l0.060-0.002-42.496 1.997c-217.736 10.614-390.254 189.731-390.254 409.143 0 226.216 183.384 409.6 409.6 409.6 162.603 0 303.076-94.749 369.222-232.048l1.065-2.452 18.278-38.502c1.547-3.201 2.452-6.961 2.452-10.932 0-14.138-11.462-25.6-25.6-25.6-0.412 0-0.822 0.010-1.229 0.029l0.058-0.002-42.598 1.946c-4.369 0.222-9.487 0.349-14.634 0.349-169.662 0-307.2-137.538-307.2-307.2 0-47.707 10.875-92.874 30.281-133.158l-0.799 1.839z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_night_solid_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 132,
+				"id": 4,
+				"name": "db_ic_night_solid_20",
+				"prevSize": 32,
+				"code": 922249
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M870.4 537.6v281.6c28.277 0 51.2 22.923 51.2 51.2v0c0 26.266-21.453 51.2-51.2 51.2h-716.8c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0-281.6zM806.912 102.4c0.014-0 0.029-0 0.045-0 22.924 0 42.329 15.066 48.855 35.836l0.098 0.363 59.392 194.202c3.994 12.032 6.298 24.934 6.298 38.4 0 0.010 0 0.022 0 0.034 0 63.623-51.577 115.2-115.2 115.2-41.34 0-77.594-21.775-97.918-54.482l-0.284-0.49c-20.606 33.142-56.822 54.877-98.115 54.877-41.271 0-77.472-21.713-97.801-54.339l-0.283-0.487c-20.603 33.16-56.829 54.909-98.135 54.909-41.327 0-77.569-21.771-97.883-54.47l-0.284-0.49c-20.634 33.061-56.813 54.732-98.054 54.732-63.623 0-115.2-51.577-115.2-115.2 0-14.627 2.726-28.617 7.698-41.49l-0.267 0.787 58.368-191.59c6.577-21.141 25.94-36.236 48.837-36.301l0.008-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_marketplace_solid_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 131,
+				"id": 3,
+				"name": "db_ic_marketplace_solid_20",
+				"prevSize": 32,
+				"code": 921976
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M739.84 378.675s-111.36-165.734-162.099-241.869c-3.197-4.736-6.977-8.776-11.301-12.15l-0.116-0.087c-13.903-13.706-33.005-22.17-54.084-22.17-0.012 0-0.024 0-0.036 0l-0.152-0c-26.613 0.064-50.053 13.592-63.876 34.131l-0.175 0.276c-50.688 75.981-161.792 241.357-161.792 241.357-56.32 81.613-84.992 158.72-84.992 229.171 0 179.2 133.99 314.266 311.654 314.266s311.654-135.117 311.654-314.266c0-70.4-28.672-147.507-84.685-228.659zM560.384 685.773c-0.652 14.638-12.678 26.258-27.418 26.258s-26.765-11.62-27.416-26.199l-0.002-0.059v-85.402h-87.45v85.402c-0.909 14.418-12.825 25.768-27.392 25.768s-26.483-11.35-27.388-25.688l-0.004-0.079v-206.643c0.909-14.418 12.825-25.768 27.392-25.768s26.483 11.35 27.388 25.688l0.004 0.079v79.821h87.45v-79.821c0.652-14.638 12.678-26.258 27.418-26.258s26.765 11.62 27.416 26.199l0.002 0.059zM662.528 777.165h-65.843c-0.005 0-0.011 0-0.017 0-6.854 0-12.631-4.612-14.396-10.903l-0.025-0.105c-0.36-1.217-0.567-2.616-0.567-4.063 0-2.705 0.723-5.241 1.987-7.426l-0.038 0.071c1.651-2.78 3.622-5.16 5.909-7.193l0.030-0.026 6.144-5.581c8.003-7.203 15.382-14.42 22.454-21.929l0.176-0.189c4.813-5.12 8.858-10.957 11.981-17.203 2.456-5.060 3.892-11.007 3.892-17.289 0-0.096-0-0.192-0.001-0.287l0 0.015c0-5.171-1.075-8.96-3.226-11.11-2.15-2.202-5.837-3.277-10.957-3.277-0.016-0-0.034-0-0.053-0-4.683 0-9.19 0.749-13.409 2.134l0.304-0.086-0.922 0.307h-0.102c-1.289 0.444-2.775 0.701-4.32 0.701-5.911 0-10.945-3.751-12.853-9.002l-0.030-0.095-0.256-0.717c-0.524-1.461-0.826-3.146-0.826-4.902 0-6.033 3.574-11.232 8.72-13.595l0.093-0.038c2.765-1.331 5.734-2.458 8.704-3.328 6.451-1.792 13.414-2.714 20.838-2.714 15.002 0 26.624 3.84 34.56 11.264 7.987 7.578 12.032 18.586 12.032 32.768 0.005 0.277 0.008 0.605 0.008 0.932 0 8.937-2.082 17.389-5.787 24.895l0.147-0.33c-4.045 7.885-9.216 15.002-15.36 21.248l-2.509 2.56c-4.096 4.096-8.806 8.55-14.131 13.517h30.208l1.536 0.051c7.221 0.809 12.784 6.881 12.784 14.252 0 0.553-0.031 1.098-0.092 1.635l0.006-0.066c-0.96 8.504-8.112 15.052-16.794 15.053l-0 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_hydrogen_solid_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 130,
+				"id": 2,
+				"name": "db_ic_hydrogen_solid_20",
+				"prevSize": 32,
+				"code": 921975
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 768c28.277 0 51.2 22.923 51.2 51.2v0 51.2c0 28.277-22.923 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v0-51.2c0-28.277 22.923-51.2 51.2-51.2v0zM765.44 693.043l36.198 36.198c9.644 9.323 15.631 22.376 15.631 36.828 0 28.277-22.923 51.2-51.2 51.2-14.451 0-27.504-5.987-36.814-15.616l-0.014-0.014-36.198-36.198c-8.892-9.198-14.372-21.744-14.372-35.569 0-28.277 22.923-51.2 51.2-51.2 13.826 0 26.371 5.48 35.584 14.386l-0.014-0.014zM330.957 693.043c9.262 9.265 14.991 22.063 14.991 36.198s-5.729 26.934-14.991 36.199l-36.198 36.198c-7.157 7.177-16.44 12.23-26.823 14.135l-0.313 0.048-6.042 0.717h-6.042c-26.937-1.653-48.156-23.903-48.156-51.109 0-14.13 5.724-26.923 14.979-36.187l-0 0 36.198-36.198c9.265-9.262 22.063-14.991 36.198-14.991s26.934 5.729 36.199 14.991l-0-0zM512 307.2c113.108 0 204.8 91.692 204.8 204.8s-91.692 204.8-204.8 204.8v0c-113.108 0-204.8-91.692-204.8-204.8s91.692-204.8 204.8-204.8v0zM870.4 460.8c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0h-51.2c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0zM204.8 460.8c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0h-51.2c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0zM294.758 222.362l36.198 36.198c9.644 9.323 15.631 22.376 15.631 36.828 0 28.277-22.923 51.2-51.2 51.2-14.451 0-27.504-5.987-36.814-15.616l-0.014-0.014-36.198-36.198c-8.892-9.198-14.372-21.744-14.372-35.569 0-28.277 22.923-51.2 51.2-51.2 13.826 0 26.371 5.48 35.584 14.386l-0.014-0.014zM801.638 222.362c9.262 9.265 14.991 22.063 14.991 36.198s-5.729 26.934-14.991 36.199l-36.198 36.198c-7.152 7.196-16.435 12.266-26.822 14.185l-0.314 0.048-6.042 0.717h-6.042c-26.937-1.653-48.156-23.903-48.156-51.109 0-14.13 5.724-26.923 14.979-36.187l36.198-36.249c9.265-9.262 22.063-14.991 36.198-14.991s26.934 5.729 36.199 14.991l-0-0zM512 102.4c28.277 0 51.2 22.923 51.2 51.2v0 51.2c0 28.277-22.923 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v0-51.2c0-28.277 22.923-51.2 51.2-51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_day_solid_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 129,
+				"id": 1,
+				"name": "db_ic_day_solid_20",
+				"prevSize": 32,
+				"code": 9728
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M358.4 819.2v-153.6h-153.6c-28.277 0-51.2-22.923-51.2-51.2v0-204.8c0-28.277 22.923-51.2 51.2-51.2v0h153.6v-153.6c0-28.277 22.923-51.2 51.2-51.2v0h204.8c28.277 0 51.2 22.923 51.2 51.2v0 153.6h153.6c28.277 0 51.2 22.923 51.2 51.2v0 204.8c0 28.277-22.923 51.2-51.2 51.2v0h-153.6v153.6c0 28.277-22.923 51.2-51.2 51.2v0h-204.8c-28.277 0-51.2-22.923-51.2-51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["medical-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 298,
+				"id": 0,
+				"name": "medical-filled",
+				"prevSize": 32,
+				"code": 10010
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 6
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-feature-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-feature-outline.json
new file mode 100644
index 0000000000..6ad61582f9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-feature-outline.json
@@ -0,0 +1,541 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M716.8 409.6c-28.277 0-51.2 22.923-51.2 51.2v0 332.8c0 14.138-11.462 25.6-25.6 25.6s-25.6-11.462-25.6-25.6v0-128c-0.094-28.262-23.027-51.136-51.302-51.136-8.241 0-16.027 1.943-22.927 5.396l0.296-0.134c-11.469 5.632-48.128 20.275-79.667 20.275s-68.198-14.643-79.514-20.224c-6.669-3.392-14.543-5.379-22.881-5.379-9.97 0-19.276 2.841-27.153 7.758l0.216-0.126c-14.648 9.202-24.247 25.263-24.269 43.568l-0 0.003v128c0 14.138-11.462 25.6-25.6 25.6s-25.6-11.462-25.6-25.6v0-281.6h307.2c25.302-0.012 46.311-18.375 50.44-42.5l0.043-0.303 34.867-209.050 32.051 32.051c5.632 5.581 12.493 9.83 20.019 12.339l114.074 38.042c-17.050 60.416-77.619 66.714-97.894 67.021zM886.579 258.662l-142.131-47.411-93.85-93.85c-9.243-9.271-22.027-15.007-36.151-15.007-5.598 0-10.985 0.901-16.024 2.566l0.361-0.103c-18.147 5.912-31.636 21.226-34.825 40.045l-0.042 0.301-44.083 264.397h-305.92c-2.918-4.608-9.114-18.176-9.114-51.2 0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2v0c0 77.517 25.6 115.814 51.2 134.81v300.39c0 70.605 57.446 128 128 128s128-57.395 128-128v-56.883c15.393 3.199 33.083 5.031 51.2 5.031s35.807-1.831 52.894-5.319l-1.694 0.289v56.883c0 70.605 57.446 128 128 128s128-57.395 128-128v-288.051c73.984-18.278 153.6-77.21 153.6-198.349 0-0.021 0-0.047 0-0.072 0-22.461-14.506-41.533-34.661-48.36l-0.36-0.106z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_dog_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 59,
+				"id": 21,
+				"name": "db_ic_dog_20",
+				"prevSize": 32,
+				"code": 922265
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M313.805 666.675c-66.509-66.56-66.509-174.797 0-241.357 20.019-20.019 52.378-20.019 72.397 0s20.019 52.378 0 72.397c-26.624 26.624-26.624 69.939 0 96.563 22.835 22.886 58.982 26.573 85.811 8.806 23.603-15.462 55.398-8.96 70.912 14.541 15.565 23.603 9.062 55.347-14.541 70.963-28.518 18.79-61.133 28.006-93.645 28.006-44.186 0-88.064-16.998-120.986-49.92zM475.494 264.909c36.25 0 65.638-29.389 65.638-65.69s-29.389-65.638-65.638-65.638-65.69 29.389-65.69 65.638 29.389 65.69 65.69 65.69zM728.064 713.011c26.266-10.547 38.963-40.397 28.416-66.611l-68.659-170.65c-7.782-19.405-26.624-32.102-47.514-32.102h-81.357l-29.030-99.635c-7.885-27.187-36.403-42.701-63.488-34.867-27.136 7.885-42.752 36.301-34.816 63.437l39.782 136.55c6.349 21.862 26.419 36.915 49.152 36.915h85.197l55.757 138.547c8.038 20.019 27.238 32.102 47.514 32.102 6.349 0 12.8-1.178 19.098-3.686zM547.584 819.098h-393.984c-28.262 0-51.2 22.886-51.2 51.2s22.938 51.2 51.2 51.2h393.933c28.262 0 51.2-22.886 51.2-51.2s-22.938-51.2-51.2-51.2zM870.4 819.098h-118.016c-28.262 0-51.2 22.886-51.2 51.2s22.938 51.2 51.2 51.2h118.016c28.262 0 51.2-22.886 51.2-51.2s-22.938-51.2-51.2-51.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_steppless_entry_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 248,
+				"id": 0,
+				"name": "db_ic_steppless_entry_20",
+				"prevSize": 32,
+				"code": 922135
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M886.579 258.662l-142.131-47.411-93.85-93.85c-9.243-9.271-22.027-15.007-36.151-15.007-5.598 0-10.985 0.901-16.024 2.566l0.361-0.103c-18.147 5.912-31.636 21.226-34.825 40.045l-0.042 0.301-42.138 252.928-280.781-280.73c-9.264-9.264-22.062-14.994-36.198-14.994-28.273 0-51.192 22.92-51.192 51.192 0 14.136 5.73 26.934 14.994 36.198l219.802 219.802h-174.49c-2.918-4.608-9.114-18.176-9.114-51.2 0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2v0c0 77.517 25.6 115.814 51.2 134.81v300.39c0 70.656 57.446 128 128 128s128-57.344 128-128v-56.832c15.393 3.199 33.083 5.031 51.2 5.031s35.807-1.831 52.894-5.319l-1.694 0.289v56.832c0 70.656 57.446 128 128 128s128-57.344 128-128v-288.051c73.984-18.278 153.6-77.21 153.6-198.349 0-0.010 0-0.023 0-0.035 0-22.47-14.504-41.553-34.661-48.396l-0.36-0.106zM381.286 619.827c-6.668-3.405-14.544-5.4-22.886-5.4-28.277 0-51.2 22.923-51.2 51.2 0 0.008 0 0.017 0 0.025l-0-0.001v128c0 14.138-11.462 25.6-25.6 25.6s-25.6-11.462-25.6-25.6v0-281.6h204.8v128c-31.539 0-68.198-14.643-79.514-20.224zM640 819.251c-14.138 0-25.6-11.462-25.6-25.6v0-128c-0.087-28.232-22.964-51.091-51.194-51.149l-0.006-0v-70.758l102.4 51.2v198.758c0 14.138-11.462 25.6-25.6 25.6v0zM716.8 409.651c-28.277 0-51.2 22.923-51.2 51.2v0 19.558l-49.613-24.832 32.563-195.379 32.051 32.051c5.473 5.459 12.177 9.688 19.659 12.233l0.361 0.107 114.125 38.042c-17.050 60.416-77.619 66.714-97.894 67.072h-0.051z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_support_dog_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 249,
+				"id": 1,
+				"name": "db_ic_support_dog_20",
+				"prevSize": 32,
+				"code": 922133
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M340.736 256c42.419-0.015 76.8-34.405 76.8-76.826 0-42.43-34.396-76.826-76.826-76.826-0.009 0-0.018 0-0.027 0l0.001-0c-42.43 0-76.826 34.396-76.826 76.826s34.396 76.826 76.826 76.826v0zM408.166 517.069c9.44 10.899 23.299 17.753 38.758 17.753 28.269 0 51.186-22.917 51.186-51.186 0-12.81-4.705-24.52-12.482-33.498l0.054 0.064-113.152-131.123c-3.345-4.824-7.349-8.91-11.938-12.239l-0.146-0.101c-8.157-5.714-18.287-9.131-29.215-9.131-8.855 0-17.187 2.244-24.456 6.193l0.27-0.134-142.694 76.493c-11.828 6.416-20.692 17.029-24.683 29.795l-0.098 0.362-34.918 114.176c-1.416 4.472-2.231 9.616-2.231 14.95 0 28.279 22.925 51.204 51.204 51.204 22.945 0 42.365-15.092 48.875-35.891l0.098-0.363 28.672-94.003 35.584-19.046-17.971 131.482-114.176 278.118c-2.413 5.738-3.816 12.408-3.816 19.405 0 28.261 22.874 51.179 51.118 51.251l0.007 0c0.015 0 0.034 0 0.052 0 21.26 0 39.494-12.958 47.234-31.407l0.126-0.337 81.92-199.629 23.859 32.461 55.245 164.045c7.513 19.565 26.148 33.2 47.967 33.2 28.305 0 51.251-22.946 51.251-51.251 0-5.23-0.783-10.276-2.239-15.029l0.096 0.363-57.754-171.571c-1.845-5.297-4.29-9.889-7.322-14.022l0.103 0.147-70.298-95.846 14.234-103.987 41.677 48.282-0.051 0.051zM589.107 553.984c-8.984-7.959-20.872-12.819-33.894-12.819-28.287 0-51.219 22.932-51.219 51.219 0 15.265 6.678 28.97 17.271 38.353l0.054 0.047 200.346 176.691c9.728 8.602 21.811 12.8 33.792 12.8 0.009 0 0.019 0 0.029 0 28.277 0 51.2-22.923 51.2-51.2 0-15.267-6.682-28.973-17.28-38.353l-0.054-0.047-200.346-176.691zM870.4 819.2c-26.47 0-51.2 24.73-51.2 51.2s24.73 51.2 51.2 51.2 51.2-24.73 51.2-51.2-24.73-51.2-51.2-51.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_person_with_cane_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 370,
+				"id": 2,
+				"name": "db_ic_person_with_cane_20",
+				"prevSize": 32,
+				"code": 922231
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M456.704 256c44.134 0 76.8-35.942 76.8-76.8 0-42.496-32.666-76.8-76.8-76.8-40.858 0-76.8 34.304-76.8 76.8 0 40.858 35.942 76.8 76.8 76.8zM370.176 308.019l5.325 0.102c3.021 0.051 5.939-0.205 8.909 0.358 3.789 0.768 7.168 2.509 10.752 4.096 2.202 0.973 4.557 1.178 6.656 2.509l109.875 69.325c14.443 9.222 23.882 25.166 23.882 43.315 0 28.289-22.933 51.222-51.222 51.222-10.14 0-19.592-2.947-27.547-8.030l0.206 0.123-79.411-50.125c-33.69 33.997-37.171 76.698-36.864 95.283l110.694 170.547c5.325 8.192 8.192 17.766 8.192 27.546l1.178 155.75c0.001 0.106 0.001 0.232 0.001 0.358 0 28.278-22.924 51.201-51.201 51.201-28.152 0-50.997-22.72-51.2-50.824l-0-0.019-1.024-140.749-40.192-61.952-10.854 58.163c-0.41 2.304-1.024 4.557-1.741 6.81l-51.2 153.6c-7.623 19.342-26.146 32.781-47.807 32.781-28.305 0-51.251-22.946-51.251-51.251 0-4.963 0.706-9.762 2.022-14.301l-0.090 0.362 50.125-150.272 32.512-173.875c-2.048-33.331-0.205-145.971 106.086-213.453l2.56-1.792c0.72-0.45 1.548-0.848 2.421-1.151l0.087-0.026 5.12-1.638c3.226-1.331 6.246-2.918 9.677-3.584zM563.302 819.2c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0zM768.102 819.2c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0zM660.275 489.114l37.069 74.086h70.758c28.257 0.101 51.125 23.031 51.125 51.302 0 10.352-3.066 19.988-8.34 28.049l0.12-0.196-95.795 146.995c-9.277 14.086-25.021 23.254-42.906 23.254-28.282 0-51.209-22.927-51.209-51.209 0-10.397 3.099-20.071 8.423-28.147l-0.119 0.192 32.717-50.227-32.614-32.614c-0.205-0.205-0.256-0.461-0.512-0.666-3.584-3.605-6.624-7.756-8.982-12.316l-0.131-0.279-51.2-102.4c-3.412-6.675-5.411-14.56-5.411-22.912 0-28.282 22.927-51.21 51.21-51.21 19.93 0 37.201 11.385 45.664 28.007l0.134 0.291z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_person_with_rollator_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 369,
+				"id": 3,
+				"name": "db_ic_person_with_rollator_20",
+				"prevSize": 32,
+				"code": 921992
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M819.2 102.4c56.554 0 102.4 45.846 102.4 102.4v0 614.4c0 56.554-45.846 102.4-102.4 102.4v0h-614.4c-56.554 0-102.4-45.846-102.4-102.4v0-614.4c0-56.554 45.846-102.4 102.4-102.4v0zM819.2 204.8h-614.4v614.4h614.4zM508.211 387.174h-54.682v108.339h55.245c21.094 0 36.198-4.301 45.312-12.851 9.114-8.602 13.67-22.733 13.67-42.394 0-20.019-4.352-33.894-13.158-41.574-7.68-6.707-22.682-11.52-46.387-11.52zM512.512 323.328c47.206 0 82.534 9.318 105.984 27.904 23.398 18.586 35.072 46.848 35.072 84.736 0 25.088-9.37 54.17-22.221 66.816-12.902 12.595-30.771 24.576-59.904 32.256 5.99 2.918 10.24 4.71 17.766 11.725 7.526 6.963 15.053 16.384 22.528 28.16l38.246 63.027c8.448 14.182 7.117 43.469-12.442 55.603-20.634 12.032-44.544 6.4-54.528-10.189l-54.426-90.778c-5.614-9.193-11.527-17.159-18.075-24.549l0.155 0.178c-3.942-4.198-14.592-14.746-38.4-14.746h-18.739v102.502c0 24.149-19.576 43.725-43.725 43.725v0c-22.272 0-43.725-16.333-43.725-43.725v-294.246c0-19.456 15.36-38.4 38.4-38.4 16.045-0.049 35.027-0.077 54.016-0.077 19 0 37.994 0.028 56.982 0.084l-2.966-0.007z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_reservation_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 144,
+				"id": 4,
+				"name": "db_ic_reservation_20",
+				"prevSize": 32,
+				"code": 921977
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M819.2 102.4c56.554 0 102.4 45.846 102.4 102.4v0 614.4c0 56.554-45.846 102.4-102.4 102.4v0h-614.4c-56.554 0-102.4-45.846-102.4-102.4v0-614.4c0-56.554 45.846-102.4 102.4-102.4v0zM819.2 204.8h-614.4v614.4h614.4zM582.758 322.15c23.808 4.659 40.243 9.216 49.408 13.568 11.038 5.428 18.5 16.592 18.5 29.499 0 2.983-0.399 5.873-1.145 8.619l0.053-0.23c-3.994 13.568-20.838 23.962-33.946 20.224-9.216-2.458-23.347-5.734-42.598-9.779-12.312-2.1-26.524-3.327-41.013-3.379l-0.050-0c-28.314 0-50.586 5.018-66.816 15.104-16.182 10.255-28.355 25.579-34.392 43.707l-0.168 0.581c-6.81 19.456-10.24 44.544-10.24 75.264 0 31.386 3.584 56.474 10.752 75.264s18.586 32.614 34.304 41.472 36.864 13.312 62.464 13.312c13.312 0 25.958-1.229 37.888-3.584 4.762-1.024 10.24-6.144 10.24-12.544v-57.6c0-4.242-3.438-7.68-7.68-7.68v0c-3.502-0.056-7.635-0.089-11.776-0.089s-8.273 0.032-12.398 0.096l0.622-0.008c-16.683 0-30.208-13.525-30.208-30.208v0c0-15.002 10.752-30.106 30.208-30.208 28.006-0.102 55.962-0.102 83.968 0 12.544 0 25.6 8.448 25.6 25.6v114.842c0 0.001 0 0.002 0 0.004 0 23.037-15.214 42.52-36.143 48.95l-0.363 0.096c-27.482 8.416-59.071 13.262-91.791 13.262-0.256 0-0.511-0-0.767-0.001l0.040 0c-65.536 0-114.022-15.872-145.408-47.616s-47.104-79.718-47.104-143.872c0-43.008 7.68-79.206 23.040-108.544s37.632-51.456 66.816-66.304 88.064-30.003 160.102-17.818z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_platform_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 143,
+				"id": 5,
+				"name": "db_ic_platform_20",
+				"prevSize": 32,
+				"code": 128740
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M839.014 113.152c15.974-15.616 49.152-14.234 67.584 4.25 18.432 18.432 20.685 50.176 4.25 67.584l-428.851 429.414h375.347c21.146 0 29.696 2.355 38.042 6.861 8.291 4.44 14.913 11.062 19.232 19.106l0.122 0.248c2.202 4.045 6.758 14.234 6.861 48.589 0.102 34.304-4.557 48.333-6.861 52.582-4.448 8.286-11.068 14.906-19.106 19.232l-0.248 0.122c-8.346 4.506-16.896 6.861-38.042 6.861h-528.947l-143.411 142.848c-18.33 15.616-49.152 14.234-67.584-4.25-18.432-18.432-20.992-49.101-4.25-67.584zM250.163 614.4l-135.475 135.526c-12.288-17.869-12.288-22.374-12.288-58.726s2.355-42.24 6.861-50.586c4.448-8.286 11.068-14.906 19.106-19.232l0.248-0.122c8.346-4.506 16.896-6.861 38.042-6.861zM145.971 114.176c9.13-8.565 21.448-13.826 34.994-13.826 14.718 0 27.986 6.21 37.326 16.154l0.025 0.027c61.747 65.741 65.946 142.797 13.107 214.323l-11.418 14.848c-7.68 11.264-17.51 29.696-8.294 56.832 2.56 7.578 8.806 17.664 18.688 30.259 6.198 8.368 9.921 18.894 9.921 30.29 0 28.277-22.923 51.2-51.2 51.2-14.831 0-28.189-6.306-37.539-16.382l-0.030-0.032c-10.308-11.402-19.217-24.368-26.272-38.425l-0.454-0.999c-27.853-54.784-28.416-116.634 13.363-174.336l11.878-15.462c22.835-31.078 20.582-53.248-6.4-82.074-8.609-9.139-13.899-21.488-13.899-35.073 0-14.704 6.199-27.961 16.126-37.299l0.026-0.025z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_no_smoking_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 142,
+				"id": 6,
+				"name": "db_ic_no_smoking_20",
+				"prevSize": 32,
+				"code": 922230
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M541.338 175.872l18.227-38.502c1.548-3.201 2.453-6.963 2.453-10.935 0-14.138-11.462-25.6-25.6-25.6-0.431 0-0.859 0.011-1.284 0.032l0.060-0.002-42.496 1.997c-217.736 10.614-390.254 189.731-390.254 409.143 0 226.216 183.384 409.6 409.6 409.6 162.603 0 303.076-94.749 369.222-232.048l1.065-2.452 18.278-38.502c1.547-3.201 2.452-6.961 2.452-10.932 0-14.138-11.462-25.6-25.6-25.6-0.412 0-0.822 0.010-1.229 0.029l0.058-0.002-42.598 1.946c-4.369 0.222-9.487 0.349-14.634 0.349-169.662 0-307.2-137.538-307.2-307.2 0-47.707 10.875-92.874 30.281-133.158l-0.799 1.839zM419.123 219.034l-3.123 15.718c-4.071 21.749-6.4 46.771-6.4 72.338 0 0.039 0 0.077 0 0.116l-0-0.006 0.205 12.8c6.126 189.864 140.517 346.662 319.053 386.911l2.739 0.519 14.899 2.918-4.506 5.376c-56.546 63.643-138.609 103.543-229.99 103.543-169.662 0-307.2-137.538-307.2-307.2 0-0.024 0-0.048 0-0.071l-0 0.004c0.055-136.507 89.032-252.217 212.148-292.353l2.175-0.613z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_night_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 141,
+				"id": 7,
+				"name": "db_ic_night_20",
+				"prevSize": 32,
+				"code": 922249
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M153.6 921.6c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0-327.936c-31.624-30.258-51.281-72.801-51.281-119.934 0-15.829 2.217-31.14 6.357-45.64l-0.286 1.17 37.069-146.842c10.035-40.243 47.002-77.619 99.277-77.619h534.323c44.339 0 87.194 29.594 99.379 77.619l37.734 146.842c3.584 13.978 5.376 28.774 5.376 44.339 0 0.046 0 0.102 0 0.157 0 47.094-19.624 89.604-51.141 119.8l-0.059 0.057v327.987c28.277 0 51.2 22.923 51.2 51.2v0c0 26.266-20.582 51.2-51.2 51.2zM768 716.8h-512v102.4h512zM674.099 516.454c-23.339 13.29-51.279 21.125-81.050 21.125s-57.711-7.835-81.872-21.555l0.822 0.43c-23.16 13.301-50.92 21.146-80.512 21.146-0.189 0-0.378-0-0.567-0.001l0.029 0c-28.774 0-55.808-7.066-81.101-21.146-23.461 13.305-51.531 21.146-81.433 21.146-4.37 0-8.7-0.167-12.985-0.496l0.569 0.035v77.261h512v-76.8c-35.328 1.638-66.56-5.376-93.901-21.146zM779.059 204.8h-534.221l-38.042 154.112c-1.024 4.608-1.946 7.424-1.946 12.288 0 35.328 28.672 64 64 64 25.702 0 52.736-17.92 81.050-53.76 29.44 35.84 56.474 53.76 81.101 53.76 24.576 0 51.61-17.92 81.050-53.76 30.515 35.84 57.549 53.76 81.050 53.76 23.552 0 50.534-17.92 80.998-53.76 29.85 35.84 56.883 53.76 81.152 53.76 35.328 0 64-28.672 64-64 0-5.325 0.051-7.27-1.178-12.288l-38.963-154.112z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_marketplace_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 140,
+				"id": 8,
+				"name": "db_ic_marketplace_20",
+				"prevSize": 32,
+				"code": 921976
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M409.6 102.4c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0l-153.19 0.512c-14.182 0.87-27.853 2.867-39.373 18.637-9.011 12.237-11.366 28.979-11.981 49.254l-0.205 470.528c0.102 24.525 4.045 59.648 27.341 69.171 12.288 5.018 25.139 5.99 38.912 6.195l138.496 0.102c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0h-130.97c-48.077 0-74.189-5.581-101.12-21.453-24.739-14.832-44.263-36.117-56.558-61.55l-0.376-0.863c-12.39-25.549-17.357-49.971-18.074-92.979l-0.102-453.325c0-50.79 4.659-77.312 18.176-105.165 12.8-26.47 32.205-47.821 56.934-62.413 24.678-14.541 48.691-20.429 89.549-21.35zM761.498 351.642c116.48 3.789 160.307 98.15 160.307 160.358 0 0.043 0 0.095 0 0.146 0 88.535-71.772 160.307-160.307 160.307-67.875 0-125.898-42.184-149.281-101.764l-0.376-1.089c-27.136 0.768-46.899 1.382-59.136 1.843-7.936-0.461-8.704-1.024-14.95-5.99-9.223-9.225-18.368-18.532-27.432-27.918l-0.625-0.651c-13.773 13.926-27.648 27.802-41.574 41.574-3.634 3.599-8.636 5.823-14.157 5.823s-10.523-2.224-14.158-5.824l0.002 0.002c-14.336-14.131-28.57-28.365-42.701-42.701l-21.094 21.094-18.33 18.278c-9.574 9.626-21.35 6.963-28.314 0-17.050-16.845-33.997-33.792-50.842-50.79-4.198-4.301-11.469-16.742 0-28.365l19.763-19.917 9.216-9.216 24.576-24.422c3.275-3.636 8-5.912 13.256-5.912 0.326 0 0.65 0.009 0.971 0.026l-0.045-0.002c91.136 0.102 182.272 0.307 273.408 0.666 5.222-11.162 13.517-22.784 24.832-34.816 29.232-31.229 70.707-50.688 116.726-50.688 0.094 0 0.187 0 0.28 0l-0.015-0zM749.466 467.558c-11.326 11.002-18.354 26.375-18.354 43.39 0 33.395 27.072 60.467 60.467 60.467 17.015 0 32.389-7.028 43.376-18.339l0.014-0.015c10.564-10.875 17.077-25.733 17.077-42.114 0-33.395-27.072-60.467-60.467-60.467-16.38 0-31.239 6.513-42.128 17.091l0.015-0.014z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_luggage_compartment_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 139,
+				"id": 9,
+				"name": "db_ic_luggage_compartment_20",
+				"prevSize": 32,
+				"code": 922228
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512.819 921.6c-177.664 0-311.603-135.168-311.603-314.317 0-70.4 28.672-147.507 84.992-229.12 0 0 111.104-165.376 161.741-241.357 14.336-21.504 38.246-34.304 64.051-34.406h0.154c20.48 0 39.834 8.090 54.118 22.17 4.453 3.448 8.235 7.49 11.301 12.053l0.116 0.184c50.688 76.134 162.099 241.869 162.099 241.869 56.013 81.152 84.634 158.208 84.634 228.659 0 179.2-133.939 314.266-311.603 314.266zM512.819 224.051c-55.296 82.739-141.978 211.661-141.978 211.661-44.698 64.819-67.226 122.368-67.226 171.571 0 122.778 88.064 211.866 209.254 211.866s209.203-89.088 209.203-211.866c0-49.254-22.477-106.752-66.867-171.008-0.307-0.512-87.040-129.536-142.336-212.275z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_hydrogen_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 138,
+				"id": 10,
+				"name": "db_ic_hydrogen_20",
+				"prevSize": 32,
+				"code": 921975
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M875.52 248.474c29.696 5.12 52.173 34.662 44.339 63.744-64.973 240.896-169.165 387.174-299.213 444.672-95.437 42.24-199.68 30.413-266.24-16.845-32.714 11.986-70.487 18.918-109.878 18.918-38.74 0-75.915-6.705-110.426-19.018l2.295 0.714c-62.464-22.784-27.648-119.603 34.406-96.461 95.898 35.738 238.131-8.448 382.874-164.864 57.19-52.224 117.094 19.712 78.746 65.382-50.176 55.398-101.888 100.352-155.29 135.014 6.668 0.838 14.385 1.316 22.213 1.316 29.006 0 56.479-6.565 81.013-18.291l-1.134 0.488c97.843-45.568 172.698-152.064 224.512-319.232-185.293-5.12-313.242 48.128-383.898 159.744-45.363 76.186-128.358 19.098-93.491-41.933 56.32-94.208 140.8-156.365 246.733-191.283 87.296-28.774 185.702-36.096 302.438-22.016z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_environmental_mobility_check_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 137,
+				"id": 11,
+				"name": "db_ic_environmental_mobility_check_20",
+				"prevSize": 32,
+				"code": 922227
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 768c28.277 0 51.2 22.923 51.2 51.2v0 51.2c0 28.277-22.923 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v0-51.2c0-28.277 22.923-51.2 51.2-51.2v0zM765.44 693.043l36.198 36.198c9.644 9.323 15.631 22.376 15.631 36.828 0 28.277-22.923 51.2-51.2 51.2-14.451 0-27.504-5.987-36.814-15.616l-0.014-0.014-36.198-36.198c-8.892-9.198-14.372-21.744-14.372-35.569 0-28.277 22.923-51.2 51.2-51.2 13.826 0 26.371 5.48 35.584 14.386l-0.014-0.014zM330.957 693.043c9.262 9.265 14.991 22.063 14.991 36.198s-5.729 26.934-14.991 36.199l-36.198 36.198c-7.157 7.177-16.44 12.23-26.823 14.135l-0.313 0.048-6.042 0.717h-6.042c-26.937-1.653-48.156-23.903-48.156-51.109 0-14.13 5.724-26.923 14.979-36.187l-0 0 36.198-36.198c9.265-9.262 22.063-14.991 36.198-14.991s26.934 5.729 36.199 14.991l-0-0zM512 307.2c113.108 0 204.8 91.692 204.8 204.8s-91.692 204.8-204.8 204.8v0c-113.108 0-204.8-91.692-204.8-204.8s91.692-204.8 204.8-204.8v0zM512 409.6c-56.554 0-102.4 45.846-102.4 102.4s45.846 102.4 102.4 102.4v0c56.554 0 102.4-45.846 102.4-102.4s-45.846-102.4-102.4-102.4v0zM870.4 460.8c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0h-51.2c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0zM204.8 460.8c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0h-51.2c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0zM294.758 222.362l36.198 36.198c9.644 9.323 15.631 22.376 15.631 36.828 0 28.277-22.923 51.2-51.2 51.2-14.451 0-27.504-5.987-36.814-15.616l-0.014-0.014-36.198-36.198c-8.892-9.198-14.372-21.744-14.372-35.569 0-28.277 22.923-51.2 51.2-51.2 13.826 0 26.371 5.48 35.584 14.386l-0.014-0.014zM801.638 222.362c9.262 9.265 14.991 22.063 14.991 36.198s-5.729 26.934-14.991 36.199l-36.198 36.198c-7.152 7.196-16.435 12.266-26.822 14.185l-0.314 0.048-6.042 0.717h-6.042c-26.937-1.653-48.156-23.903-48.156-51.109 0-14.13 5.724-26.923 14.979-36.187l36.198-36.249c9.265-9.262 22.063-14.991 36.198-14.991s26.934 5.729 36.199 14.991l-0-0zM512 102.4c28.277 0 51.2 22.923 51.2 51.2v0 51.2c0 28.277-22.923 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v0-51.2c0-28.277 22.923-51.2 51.2-51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_day_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 136,
+				"id": 12,
+				"name": "db_ic_day_20",
+				"prevSize": 32,
+				"code": 9728
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M511.795 153.6c84.944-0 153.805 68.861 153.805 153.805v0c0 61.645-33.024 102.246-93.338 138.086-3.174 1.894-7.475 5.99-8.704 14.592l283.853 123.238c43.788 19.501 73.763 62.635 73.763 112.771 0 64.783-50.048 117.876-113.589 122.724l-0.417 0.026-581.222 0.358c-0.027 0-0.060 0-0.092 0-67.978 0-123.085-55.107-123.085-123.085 0-46.96 26.298-87.777 64.97-108.529l0.658-0.323c194.97-84.736 292.403-127.181 292.403-127.283 0.444-19.095 5.122-36.997 13.126-52.941l-0.326 0.717c9.933-20.429 25.293-37.734 46.285-50.227 32.512-19.354 43.264-32.563 43.264-50.074 0-0.030 0-0.066 0-0.102 0-28.362-22.992-51.354-51.354-51.354-0 0-0 0-0 0l0-0c-21.914 0-46.592 16.333-52.736 39.168-6.093 21.968-25.911 37.826-49.434 37.826-28.285 0-51.215-22.93-51.215-51.215 0-4.763 0.65-9.374 1.866-13.749l-0.085 0.36c17.971-66.458 81.613-114.79 151.552-114.79zM491.725 557.619l-274.074 119.552c-7.354 3.278-12.388 10.523-12.39 18.944l-0 0c0 9.984 5.939 18.79 19.456 20.685h573.338c0.014 0 0.031 0 0.048 0 11.424 0 20.685-9.261 20.685-20.685 0-6.952-3.43-13.103-8.689-16.853l-0.063-0.043-273.92-120.064c-7.115-3.38-15.413-5.542-24.164-5.984l-0.156-0.006c-5.99 0-12.646 1.485-20.070 4.454z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_clothing_hanger_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 135,
+				"id": 13,
+				"name": "db_ic_clothing_hanger_20",
+				"prevSize": 32,
+				"code": 921984
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 115.2c0.047-0 0.102-0 0.157-0 20.925 0 37.888 16.963 37.888 37.888 0 0.18-0.001 0.36-0.004 0.54l0-0.027 0.307 60.877 36.864-36.864c13.67-13.619 37.376-15.77 52.634-1.843 15.309 13.875 18.842 36.813 1.69 56.166l-91.136 91.136v122.419l115.302-66.611 30.874-115.149c4.537-16.517 19.419-28.451 37.089-28.451 3.544 0 6.976 0.48 10.234 1.379l-0.27-0.063c16.567 4.181 28.634 18.951 28.634 36.54 0 3.746-0.547 7.364-1.566 10.779l0.068-0.266-11.008 40.909 43.366-25.037c5.508-3.232 12.131-5.141 19.2-5.141 21.22 0 38.421 17.202 38.421 38.421 0 14.151-7.65 26.515-19.040 33.182l-0.182 0.098-55.245 31.846 59.75 16.026c20.122 4.506 32.256 26.522 27.136 47.053-5.12 20.48-23.398 32.87-47.002 27.136l-133.99-35.891-103.424 59.699 122.266 70.605 115.149-30.771c3.359-1.065 7.223-1.679 11.23-1.679 21.208 0 38.4 17.192 38.4 38.4 0 18.145-12.586 33.351-29.504 37.364l-0.261 0.052-40.96 10.957 36.454 21.043c11.575 6.759 19.229 19.122 19.229 33.272 0 7.072-1.912 13.698-5.247 19.389l0.098-0.181c-6.669 11.633-19.013 19.343-33.159 19.343-7.124 0-13.792-1.956-19.495-5.36l0.174 0.096-48.384-28.006 16.026 59.802c5.018 18.637-5.274 40.704-24.474 47.002-3.419 1.063-7.35 1.676-11.424 1.676-18.063 0-33.315-12.039-38.169-28.53l-0.071-0.281-35.994-133.99-110.336-63.693v138.342l91.187 91.136c6.954 6.95 11.256 16.553 11.256 27.162s-4.302 20.212-11.256 27.161l-0 0c-7.038 7.020-16.751 11.36-27.478 11.36-9.665 0-18.506-3.523-25.311-9.356l0.053 0.044-38.4-38.963v45.056c0 21.208-17.192 38.4-38.4 38.4v0c-19.456 0-38.4-14.848-38.4-38.4v-45.005l-36.864 36.864c-6.97 6.89-16.556 11.146-27.136 11.146s-20.166-4.256-27.14-11.15l0.004 0.004c-13.824-13.619-15.923-36.864 0-54.272l91.187-91.187v-138.291l-110.387 63.693-35.84 133.939c-4.537 16.517-19.419 28.451-37.089 28.451-3.544 0-6.976-0.48-10.234-1.379l0.27 0.063c-18.586-4.966-33.024-25.293-28.262-45.056l17.101-61.696-48.333 27.955c-5.51 3.237-12.135 5.149-19.208 5.149-14.15 0-26.513-7.654-33.174-19.047l-0.098-0.182c-9.728-16.845-6.656-39.936 11.93-50.688l38.554-22.835-40.909-10.957c-18.586-4.966-34.048-25.395-27.136-47.002s26.061-32 47.053-27.136l115.046 30.771 122.368-70.605-103.526-59.75-133.888 35.942c-2.904 0.778-6.238 1.226-9.676 1.226-17.715 0-32.657-11.869-37.31-28.088l-0.067-0.274c-4.915-19.61 4.915-41.318 25.446-47.053l61.44-16.026-55.296-31.846c-11.554-6.764-19.191-19.115-19.191-33.25 0-7.081 1.917-13.715 5.26-19.411l-0.098 0.181c6.877-11.501 19.264-19.082 33.422-19.082 7.004 0 13.575 1.856 19.248 5.102l-0.19-0.1 43.264 24.986-10.906-40.858c-4.966-18.637 3.072-41.114 25.754-47.053 22.682-5.888 42.291 5.939 48.435 27.136l30.771 115.149 115.456 66.56v-122.368l-91.136-91.136c-6.939-6.947-11.23-16.541-11.23-27.136s4.291-20.189 11.231-27.136l-0 0c7.032-6.984 16.721-11.301 27.418-11.301 9.716 0 18.6 3.561 25.419 9.449l-0.050-0.042 38.4 38.656v-60.826c0-21.208 17.192-38.4 38.4-38.4v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_feature_air-condition_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 4,
+				"id": 14,
+				"name": "ic-db_feature_air-condition_20",
+				"prevSize": 32,
+				"code": 10052
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M755.866 502.579c7.57 8.87 12.176 20.469 12.176 33.144 0 6.257-1.123 12.253-3.177 17.795l0.115-0.354-36.762 103.475c-13.056 36.395-47.26 61.96-87.435 61.96-9.914 0-19.465-1.557-28.421-4.44l0.656 0.182-127.795-39.834c-19.29-5.885-41.48-9.37-64.454-9.574l-0.109-0.001-199.066 0.717c-0.123-0.003-0.267-0.005-0.412-0.005-8.907 0-16.128 7.221-16.128 16.128 0 0.092 0.001 0.184 0.002 0.275l-0-0.014v239.974c0 30.72-26.778 51.2-51.2 51.2-24.371 0-51.2-19.558-51.2-51.2v-240.026c0.117-65.535 53.241-118.624 118.779-118.682l0.005-0 198.81-0.717c1.823-0.042 3.971-0.065 6.124-0.065 31.854 0 62.499 5.176 91.139 14.733l-2.031-0.588 119.296 37.171 33.741-94.925c7.178-20.173 26.108-34.356 48.35-34.356 15.587 0 29.548 6.965 38.938 17.953l0.059 0.070zM461.107 742.912c28.277 0 51.2 22.923 51.2 51.2v0 127.078c-0.307 26.061-21.043 51.2-51.2 51.2s-51.2-37.632-51.2-51.2v-127.078c0-28.277 22.923-51.2 51.2-51.2v0zM331.52 206.643c0.759-0.016 1.653-0.026 2.55-0.026 70.127 0 126.976 56.849 126.976 126.976s-56.849 126.976-126.976 126.976c-0.897 0-1.791-0.009-2.683-0.028l0.133 0.002c-69.021-1.43-124.426-57.72-124.426-126.95s55.405-125.52 124.293-126.948l0.133-0.002zM743.168 101.478c28.262 0 50.432 23.859 50.432 52.122l0.768 36.454 72.192 146.022c3.345 6.618 5.304 14.428 5.304 22.694 0 10.008-2.871 19.345-7.836 27.233l0.125-0.212c-9.318 15.104-27.238 23.808-44.954 23.808h-153.6c-17.766 0-35.994-8.858-45.312-24.013-4.752-7.623-7.569-16.879-7.569-26.792 0-8.437 2.041-16.398 5.656-23.415l-0.134 0.287 73.728-145.92-0.768-36.147c0-28.262 23.706-52.122 51.968-52.122z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_feature_standing-room_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 5,
+				"id": 15,
+				"name": "ic-db_feature_standing-room_20",
+				"prevSize": 32,
+				"code": 921952
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M358.4 716.8c56.554 0 102.4 45.846 102.4 102.4s-45.846 102.4-102.4 102.4v0c-56.554 0-102.4-45.846-102.4-102.4s45.846-102.4 102.4-102.4v0zM665.6 716.8c56.554 0 102.4 45.846 102.4 102.4s-45.846 102.4-102.4 102.4v0c-56.554 0-102.4-45.846-102.4-102.4s45.846-102.4 102.4-102.4v0zM612.25 102.912c137.105 9.424 245.851 118.843 254.171 255.388l0.037 0.765c0.281 4.631 0.442 10.045 0.442 15.497 0 6.852-0.253 13.645-0.751 20.37l0.053-0.898c-0.41 15.36-1.638 30.925-4.966 42.24-2.611 8.192-11.93 35.379-22.016 64.41l-7.526 21.811-7.322 20.89-6.502 18.33c-4.158 12.334-6.934 19.744-9.831 27.092l1.639-4.718c-19.217 47.736-64.898 80.934-118.405 81.51l-0.072 0.001h-369.664c-54.485-0.13-100.922-34.446-119.007-82.629l-0.289-0.879-45.158-153.19c-2.173-5.467-3.433-11.803-3.433-18.432 0-28.26 22.895-51.172 51.149-51.2l59.19-0.051-26.931-40.602c-4.655-6.923-12.459-11.418-21.312-11.418-0.013 0-0.027 0-0.040 0l0.002-0h-11.52c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0h11.52c0.042-0 0.091-0 0.14-0 44.314 0 83.357 22.564 106.269 56.829l0.292 0.464 64.358 97.126h110.387l60.109-218.982c6.151-21.872 25.92-37.64 49.372-37.64 1.997 0 3.967 0.114 5.905 0.337l-0.237-0.022zM743.834 461.517l-462.234 0.051 25.856 81.715c3.328 12.339 12.698 20.736 23.296 20.941h367.206c10.803-0.87 20.122-9.574 23.654-22.067 2.253-6.861 12.288-43.418 22.272-80.64zM643.328 213.402l-40.038 145.818h159.488c-10.138-93.338-70.605-130.816-119.45-145.818z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_buggy_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 6,
+				"id": 16,
+				"name": "ic-db_buggy_20",
+				"prevSize": 32,
+				"code": 921939
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M916.685 728.934c6.144 25.498-8.806 54.784-37.888 61.696-218.317 52.634-436.941 105.011-655.718 157.44-3.589 0.898-7.709 1.414-11.949 1.414-24.055 0-44.236-16.589-49.725-38.951l-0.073-0.351c-6.144-25.498 7.885-53.504 37.888-61.696 218.419-52.531 436.992-105.011 655.77-157.389 3.592-0.9 7.716-1.417 11.96-1.417 24.038 0 44.206 16.565 49.713 38.902l0.073 0.351zM308.429 443.699c19.2 17.715 22.784 51.149 2.918 72.346-12.646 13.649-20.403 31.984-20.403 52.131 0 42.415 34.385 76.8 76.8 76.8 2.822 0 5.609-0.152 8.353-0.449l-0.34 0.030c19.251-2.048 36.608-9.882 54.118-31.232 9.418-12.832 24.445-21.069 41.395-21.069 28.277 0 51.2 22.923 51.2 51.2 0 11.327-3.678 21.794-9.905 30.274l0.1-0.143c-32.972 44.805-85.502 73.556-144.748 73.556-98.969 0-179.2-80.231-179.2-179.2 0-46.884 18.005-89.563 47.477-121.499l-0.112 0.123c9.384-10.148 22.768-16.481 37.63-16.481 13.437 0 25.666 5.176 34.8 13.644l-0.033-0.030zM430.182 310.63l68.864 112.998 109.568-23.296c39.117-8.346 66.714 5.376 88.013 36.864l96.256 138.035c3.226 4.762 6.144 13.414 7.168 18.074 0.842 3.44 1.324 7.39 1.324 11.452 0 23.825-16.606 43.772-38.875 48.898l-0.338 0.065c-23.552 5.018-44.186-6.912-55.859-24.115l-88.934-126.464-137.728 29.286c-3.57 0.878-7.668 1.381-11.883 1.381-20.040 0-37.422-11.377-46.042-28.023l-0.136-0.289-84.634-148.838c-3.295-6.599-5.224-14.376-5.224-22.602 0-24.528 17.145-45.052 40.105-50.241l0.345-0.065c23.45-5.018 46.592 6.656 58.010 26.88zM305.51 103.014c4.58-0.957 9.842-1.505 15.233-1.505 36.889 0 67.784 25.667 75.8 60.116l0.103 0.526c1.072 4.811 1.686 10.337 1.686 16.006 0 36.775-25.847 67.513-60.366 75.038l-0.507 0.093c-5.048 1.199-10.844 1.886-16.8 1.886-36.647 0-67.219-26.015-74.253-60.586l-0.083-0.487c-1.072-4.811-1.686-10.337-1.686-16.006 0-36.775 25.847-67.513 60.366-75.038l0.507-0.093z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["entry-aid"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 7,
+				"id": 17,
+				"name": "entry-aid",
+				"prevSize": 32,
+				"code": 921936
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M870.4 819.302c0.683-0.033 1.483-0.051 2.288-0.051 28.249 0 51.149 22.9 51.149 51.149s-22.9 51.149-51.149 51.149c-0.805 0-1.605-0.019-2.401-0.055l0.113 0.004h-716.8c-0.683 0.033-1.483 0.051-2.288 0.051-28.249 0-51.149-22.9-51.149-51.149s22.9-51.149 51.149-51.149c0.805 0 1.605 0.019 2.401 0.055l-0.113-0.004h716.8zM609.587 102.4c0.389-0.007 0.847-0.011 1.306-0.011 40.9 0 74.602 30.821 79.146 70.504l0.034 0.367 0.512 7.219v24.269h102.656c40.192 0.051 73.216 30.822 76.8 70.144l0.358 7.014v357.734c-0.071 40.108-30.693 73.042-69.832 76.776l-0.312 0.024-7.066 0.307h-562.381c-40.192 0-73.216-30.771-76.8-70.093l-0.41-7.066v-357.734c0.071-40.108 30.693-73.042 69.832-76.776l0.312-0.024 7.066-0.358h101.376v-24.32c0.866-41.221 32.912-74.689 73.457-77.807l0.271-0.017 7.168-0.205h196.506zM768 307.2h-512v307.2h512v-307.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["luggage-rack"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 8,
+				"id": 18,
+				"name": "luggage-rack",
+				"prevSize": 32,
+				"code": 922229
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		},
+		{
+			"icon": {
+				"paths": [
+					"M614.4 153.6c28.277 0 51.2 22.923 51.2 51.2v0 153.6h153.6c28.277 0 51.2 22.923 51.2 51.2v0 204.8c0 28.277-22.923 51.2-51.2 51.2v0h-153.6v153.6c0 28.277-22.923 51.2-51.2 51.2v0h-204.8c-28.277 0-51.2-22.923-51.2-51.2v0-153.6h-153.6c-28.277 0-51.2-22.923-51.2-51.2v0-204.8c0-28.277 22.923-51.2 51.2-51.2v0h153.6v-153.6c0-28.277 22.923-51.2 51.2-51.2v0h204.8zM563.2 256h-102.4v204.8h-204.8v102.4h204.8v204.8h102.4v-204.8h204.8v-102.4h-204.8v-204.8z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["medical"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 9,
+				"id": 19,
+				"name": "medical",
+				"prevSize": 32,
+				"code": 10010
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 20
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 870.4v-716.8c0-28.979 22.221-51.2 51.2-51.2h716.8c28.979 0 51.2 22.221 51.2 51.2v204.544c0.005 0.276 0.008 0.6 0.008 0.926 0 27.909-22.625 50.534-50.534 50.534-0.237 0-0.474-0.002-0.71-0.005l0.036 0c-0 0-0 0-0.001 0-28.277 0-51.2-22.923-51.2-51.2 0-0.090 0-0.18 0.001-0.27l-0 0.014v-153.344h-614.4v614.4h204.8c27.955 0 51.456 23.245 51.456 51.2 0 0 0 0 0 0.001 0 28.277-22.923 51.2-51.2 51.2-0.090 0-0.18-0-0.27-0.001l0.014 0h-256c-28.979 0-51.2-22.221-51.2-51.2zM256.256 513.024c0-141.875 113.869-256.768 254.72-256.768 0.118-0 0.259-0 0.399-0 76.505 0 145.187 33.492 192.185 86.615l0.236 0.272c9.011 10.035 13.005 22.016 13.005 32.973 0 28.006-23.962 51.968-50.944 51.968-0.208 0.003-0.453 0.005-0.698 0.005-15.353 0-29.081-6.96-38.201-17.896l-0.065-0.080c-27.925-31.725-68.538-51.711-113.824-51.968l-0.045-0c-85.514 0.058-154.822 69.365-154.88 154.874l-0 0.006c0 42.906 18.944 84.89 51.968 113.869 10.957 9.984 17.971 23.962 17.971 38.912 0.001 0.137 0.002 0.3 0.002 0.462 0 27.909-22.625 50.534-50.534 50.534-0.145 0-0.289-0.001-0.434-0.002l0.022 0c-13.083-0.026-25.010-4.956-34.045-13.048l0.049 0.043c-53.268-46.678-86.757-114.801-86.886-190.748l-0-0.023zM409.6 512.256c0-28.16 22.067-51.2 51.2-51.2 28.109 0 51.2 23.040 51.2 51.2 0 28.109-23.091 51.2-51.2 51.2-29.133 0-51.2-23.091-51.2-51.2zM646.861 463.053c14.073 0.001 26.806 5.737 35.99 14.998l0.003 0.003 33.946 33.946 19.968-18.944c8.934-8.69 21.148-14.048 34.612-14.048 0.486 0 0.97 0.007 1.452 0.021l-0.071-0.002c0.412-0.012 0.897-0.019 1.383-0.019 13.439 0 25.631 5.338 34.572 14.009l-0.013-0.012 59.904 58.982c35.021 35.942 51.968 82.893 51.968 130.867-0.025 46.628-17.030 89.279-45.166 122.11l0.212-0.254 30.003 27.955c9.984 9.984 15.974 24.013 15.974 37.99 0 28.979-22.989 50.944-51.968 50.944-11.981 0-24.934-5.018-34.97-13.978l-30.925-29.952c-35.994 28.928-79.923 42.906-126.925 42.906-45.926 0-90.88-18.944-123.853-51.917l-59.904-59.904c-9.255-8.683-15.021-20.99-15.021-34.644 0-0.475 0.007-0.947 0.021-1.419l-0.002 0.069c0-14.029 4.966-26.982 14.95-35.994l18.995-18.944-35.942-35.994c-10.445-9.213-17-22.628-17-37.573 0-0.129 0-0.257 0.001-0.386l-0 0.020c0.145-28.077 22.867-50.8 50.93-50.944l0.014-0c13.978 0 27.955 4.966 37.939 15.974l35.994 35.942 60.928-59.904-34.97-35.021c-9.233-9.183-14.947-21.895-14.947-35.942s5.714-26.76 14.945-35.94l0.002-0.002c9.984-9.984 22.989-15.002 36.966-15.002zM772.762 600.934l-171.827 171.827 23.962 22.938c15.974 16.026 36.966 23.040 57.958 23.040 23.962 0 47.923-9.011 64.922-28.006l42.957-43.008c18.944-17.92 27.955-40.96 27.955-64.87 0-20.992-6.963-41.984-21.965-57.958l-23.962-23.962z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["power-outlet"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 10,
+				"id": 20,
+				"name": "power-outlet",
+				"prevSize": 32,
+				"code": 922232
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 21
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"showSelector": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-food-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-food-filled.json
new file mode 100644
index 0000000000..5551ea3403
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-food-filled.json
@@ -0,0 +1,71 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"width": 975,
+				"paths": [
+					"M731.429 390.095c80.75 0 146.286 65.536 146.286 147.797 0 79.238-65.536 144.774-146.286 144.774h-48.762v24.381c0 94.501-76.215 170.667-170.667 170.667h-195.048c-0.087 0-0.19 0-0.293 0-94.095 0-170.374-76.279-170.374-170.374 0-0.103 0-0.206 0-0.309v0.016-316.952zM731.429 487.619h-48.762v97.524h48.762c0.291 0.006 0.634 0.010 0.978 0.010 26.207 0 47.486-21.096 47.784-47.232v-0.028c0-28.965-21.358-50.274-48.762-50.274zM292.571 292.571h97.524v-146.286h-97.524v146.286zM487.619 292.571h97.524v-195.048h-97.524v195.048z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["coffee-cup-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 294,
+				"id": 0,
+				"name": "coffee-cup-filled",
+				"prevSize": 32,
+				"code": 922167
+			},
+			"setIdx": 51,
+			"setId": 59,
+			"iconIdx": 0
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-food-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-food-outline.json
new file mode 100644
index 0000000000..b4e16c114f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-food-outline.json
@@ -0,0 +1,141 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M806.4 524.8c55.142 1.894 102.4 38.656 102.4 89.6 0 49.766-45.568 88.32-102.4 89.446v38.093c0 40.602-5.069 70.042-18.227 94.208-12.51 23.299-31.126 41.915-53.729 54.083l-0.697 0.343c-22.733 12.134-45.056 17.254-82.534 18.125l-61.952 0.102c-44.646 0-69.222-4.864-94.208-18.227-23.281-12.536-41.89-31.145-54.081-53.728l-0.344-0.697c-12.134-22.733-17.254-45.056-18.125-82.534l-0.102-228.813zM729.6 601.6h-230.4l0.051 149.658c0.358 20.378 1.382 29.952 5.581 40.96 4.198 11.059 16.486 25.293 26.47 30.669 7.27 3.84 19.968 9.062 47.155 9.062h69.222c29.184 0 41.114-4.403 49.818-9.062 9.841-5.284 17.705-13.147 22.844-22.694l0.145-0.294c4.557-8.55 9.114-26.112 9.114-43.11zM366.080 114.278c53.811 26.317 60.928 72.96 39.168 120.218l-13.568 26.522c13.312 8.090 20.48 22.886 18.534 37.99l-7.936 62.464c24.576-3.072 44.749 12.544 46.592 33.485 0.114 1.12 0.179 2.421 0.179 3.737 0 20.415-15.619 37.182-35.559 39.004l-0.153 0.011-252.877 19.098c-4.608 59.29 22.426 132.864 43.93 163.635l99.686-47.258c17.306-8.806 35.84-5.274 48.947 12.339 13.056 17.664 5.837 43.878-9.728 53.453l-43.52 22.528c10.752 27.648 39.424 58.163 47.77 65.894 7.57 7.035 12.291 17.046 12.291 28.16 0 21.21-17.194 38.403-38.403 38.403-10.096 0-19.281-3.896-26.136-10.265l0.024 0.022c-11.2-10.413-21.428-21.501-30.761-33.327l-0.471-0.619c-13.088-16.339-24.556-34.895-33.629-54.772l-0.675-1.65-19.968 9.472c-4.806 2.326-10.452 3.686-16.416 3.686-10.914 0-20.765-4.553-27.756-11.864l-0.014-0.014c-31.693-33.126-54.682-77.619-69.478-132.915-14.848-55.296-17.152-105.37-6.298-149.914 3.482-14.336 15.462-31.795 51.405-30.515-3.635-30.464-3.84-56.934-0.512-79.309 7.061-48.58 31.037-90.57 65.653-120.627l0.241-0.205c6.739-5.982 15.663-9.636 25.44-9.636 3.293 0 6.49 0.415 9.54 1.194l-0.266-0.058 7.782-14.797c25.498-48.947 61.235-70.81 116.941-43.52zM588.8 358.4v102.4h-76.8v-102.4zM716.8 307.2v153.6h-76.8v-153.6zM238.848 258.816c-13.824 23.194-21.146 40.192-23.296 65.434-1.382 16.845-0.666 32.717 2.15 47.616l106.547-5.325 6.656-52.378z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_breakfast_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 166,
+				"id": 0,
+				"name": "db_ic_breakfast_20",
+				"prevSize": 32,
+				"code": 922233
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M731.429 390.095c80.75 0 146.286 65.536 146.286 147.797 0 79.238-65.536 144.774-146.286 144.774h-48.762v24.381c0 94.501-76.215 170.667-170.667 170.667h-195.048c-0.087 0-0.19 0-0.293 0-94.095 0-170.374-76.279-170.374-170.374 0-0.103 0-0.206 0-0.309l-0 0.016v-316.952zM585.143 487.619h-341.333v219.429c0 41.155 31.988 74.654 73.143 74.654h195.048c41.155 0 73.143-33.499 73.143-74.654v-219.429zM731.429 487.619h-48.762v97.524h48.762c0.291 0.006 0.634 0.010 0.978 0.010 26.207 0 47.486-21.096 47.784-47.232l0-0.028c0-28.965-21.358-50.274-48.762-50.274zM243.81 292.571h97.524v-146.286h-97.524v146.286zM438.857 292.571h97.524v-195.048h-97.524v195.048z"
+				],
+				"width": 975,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["coffee-cup"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 295,
+				"id": 1,
+				"name": "coffee-cup",
+				"prevSize": 32,
+				"code": 922167
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M205.926 460.8l307.098 0.102c31.949 0 54.938 28.928 50.944 58.88l-49.971 357.12c-3.021 24.986-24.986 43.725-50.022 44.698h-205.056c-25.612-1.106-46.532-19.87-50.946-44.369l-0.049-0.329-53.658-357.069c-5.018-31.027 19.661-59.034 51.661-59.034zM455.066 563.405h-189.696l37.53 256.154h116.019l36.147-256.154zM563.2 204.8h102.656l-0.358 51.098c0 43.93 12.032 86.886 32.973 125.798l46.95 86.886c13.978 25.958 22.477 53.914 22.477 81.92v268.698l-102.502 0.205c-0.122-0.001-0.267-0.002-0.411-0.002-27.938 0-50.586 22.648-50.586 50.586 0 0.145 0.001 0.289 0.002 0.433l-0-0.022c0.116 28.117 22.878 50.879 50.984 50.995l0.011 0 153.498 0.205c28.006 0 51.507-24.013 51.507-50.995v-320.102c0-45.005-12.493-90.010-34.509-130.048l-47.002-88.013c-13.005-24.013-20.992-49.459-20.992-76.442v-71.578c0-45.056-37.018-82.022-83.046-82.022h-141.056c-45.978 0-82.995 37.018-82.995 82.022v72.499c0 29.952 20.992 50.893 50.944 50.893s51.456-21.862 51.456-51.814v-51.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["drink"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 296,
+				"id": 2,
+				"name": "drink",
+				"prevSize": 32,
+				"code": 921857
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M195.048 341.333c0 54.857 44.178 97.524 97.524 97.524 50.274 0 97.524-42.667 97.524-97.524v-195.048c0-27.453 22.869-48.762 48.762-48.762 27.453 0 48.762 22.869 48.762 48.762v196.559c0 0.053 0 0.117 0 0.18 0 90.002-61.605 165.614-144.948 186.97l-1.338 0.291v298.667c0 27.453-22.869 48.762-48.762 48.762-27.453 0-48.762-21.358-48.762-48.762v-298.667c-83.822-21.358-146.286-96.012-146.286-187.441v-196.559c0-27.453 21.358-48.762 48.762-48.762 27.453 0 48.762 21.358 48.762 48.762v195.048zM292.571 97.524c25.893 0 48.762 21.358 48.762 48.762v170.667c0 26.93-21.831 48.762-48.762 48.762s-48.762-21.831-48.762-48.762v0-170.667c0-27.453 21.358-48.762 48.762-48.762zM828.952 97.524c27.453 0 48.762 21.358 48.762 48.762v682.667c0 27.453-21.358 48.762-48.762 48.762-27.453 0-48.762-21.358-48.762-48.762v-146.286h-195.048v-338.31c0-130.974 106.691-246.833 237.714-246.833h6.095zM780.19 195.048c-57.929 18.286-97.524 85.333-97.524 146.286v243.81h97.524v-390.095z"
+				],
+				"width": 975,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["restaurant"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 297,
+				"id": 3,
+				"name": "restaurant",
+				"prevSize": 32,
+				"code": 127869
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-it-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-it-filled.json
new file mode 100644
index 0000000000..d669ead78f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-it-filled.json
@@ -0,0 +1,70 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M819.2 665.6c56.554 0 102.4 45.846 102.4 102.4s-45.846 102.4-102.4 102.4v0h-614.4c-56.554 0-102.4-45.846-102.4-102.4s45.846-102.4 102.4-102.4v0zM204.8 716.8c-28.277 0-51.2 22.923-51.2 51.2s22.923 51.2 51.2 51.2v0c28.277 0 51.2-22.923 51.2-51.2s-22.923-51.2-51.2-51.2v0zM819.2 409.6c56.554 0 102.4 45.846 102.4 102.4s-45.846 102.4-102.4 102.4v0h-614.4c-56.554 0-102.4-45.846-102.4-102.4s45.846-102.4 102.4-102.4v0zM204.8 460.8c-28.277 0-51.2 22.923-51.2 51.2s22.923 51.2 51.2 51.2v0c28.277 0 51.2-22.923 51.2-51.2s-22.923-51.2-51.2-51.2v0zM819.2 153.6c56.554 0 102.4 45.846 102.4 102.4s-45.846 102.4-102.4 102.4v0h-614.4c-56.554 0-102.4-45.846-102.4-102.4s45.846-102.4 102.4-102.4v0zM204.8 204.8c-28.277 0-51.2 22.923-51.2 51.2s22.923 51.2 51.2 51.2v0c28.277 0 51.2-22.923 51.2-51.2s-22.923-51.2-51.2-51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_database_solid_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 169,
+				"id": 0,
+				"name": "db_ic_database_solid_20",
+				"prevSize": 32,
+				"code": 921985
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 0
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-it-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-it-outline.json
new file mode 100644
index 0000000000..467ac42373
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-it-outline.json
@@ -0,0 +1,70 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M768 153.6c84.829 0.002 153.597 68.77 153.597 153.6 0 39.409-14.841 75.352-39.24 102.543l0.127-0.143c24.32 27.136 39.117 63.027 39.117 102.4s-14.848 75.264-39.168 102.4c24.371 27.136 39.168 63.078 39.168 102.4 0 81.818-65.792 153.6-153.6 154.931l-512-1.331c-84.829-0.002-153.597-68.77-153.597-153.6 0-39.409 14.841-75.352 39.24-102.543l-0.127 0.143c-24.272-26.972-39.117-62.847-39.117-102.189 0-0.074 0-0.149 0-0.223l-0 0.012c0-39.322 14.797-75.264 39.117-102.4-24.272-26.972-39.117-62.847-39.117-102.189 0-0.074 0-0.149 0-0.223l-0 0.012c0-81.818 65.536-153.6 153.6-153.6zM256 665.6c-28.277 0-51.2 22.923-51.2 51.2s22.923 51.2 51.2 51.2v0h512c28.277 0 51.2-22.923 51.2-51.2v0c0-26.266-20.634-51.2-51.2-51.2zM256 460.8c-28.277 0-51.2 22.923-51.2 51.2v0c0 26.266 21.862 51.2 51.2 51.2h512c28.277 0 51.2-22.923 51.2-51.2v0c0-26.266-19.558-49.562-51.2-51.2zM256 256c-28.277 0-51.2 22.923-51.2 51.2v0c0 26.266 22.016 51.2 51.2 51.2h512c28.277 0 51.2-22.923 51.2-51.2s-22.923-51.2-51.2-51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_database_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 170,
+				"id": 0,
+				"name": "db_ic_database_20",
+				"prevSize": 32,
+				"code": 921985
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 0
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-journey-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-journey-filled.json
new file mode 100644
index 0000000000..d2d9e208ba
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-journey-filled.json
@@ -0,0 +1,162 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M102.4 768c0 28.16 23.040 51.2 51.2 51.2h204.8c29.85 0 52.429-24.064 52.429-50.586l-1.229-205.414c0-53.094-49.357-102.4-102.4-102.4h-102.4c-54.733 0-102.4 50.995-102.4 102.4v204.8zM487.117 512l-0.717 307.2h128c28.16 0 51.2-24.678 51.2-51.2v-204.8c0-58.061-44.134-102.4-102.195-102.4h-24.883c-0.291-0.006-0.635-0.009-0.979-0.009-27.853 0-50.432 22.579-50.432 50.432 0 0.273 0.002 0.546 0.007 0.819l-0.001-0.041zM742.502 512l-0.102 307.2c26.536-0.248 71.404-0.545 116.288-0.773l11.507-0.046c28.16 0 51.405-23.859 51.405-50.381v-204.8c0-58.061-44.339-102.4-102.4-102.4h-26.931c-28.16 0-49.766 23.040-49.766 51.2zM256.819 358.4c41.984 0 75.981-33.946 75.981-77.619 0-41.984-33.946-75.981-75.981-75.981s-77.619 33.946-77.619 75.981c0 43.674 35.584 77.619 77.619 77.619zM538.419 358.4c41.984 0 75.981-33.946 75.981-77.619 0-41.984-33.946-75.981-75.981-75.981s-77.619 33.946-77.619 75.981c0 43.674 35.584 77.619 77.619 77.619zM792.781 358.4c43.674 0 77.619-33.946 77.619-77.619 0-41.984-33.946-75.981-77.619-75.981-41.984 0-75.981 33.946-75.981 75.981 0 43.674 33.946 77.619 75.981 77.619z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 276,
+				"id": 0,
+				"name": "capacity-indicator-filled",
+				"prevSize": 32,
+				"code": 921860
+			},
+			"setIdx": 49,
+			"setId": 58,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M855.398 168.602c9.286 9.269 15.031 22.083 15.031 36.239 0 13.053-4.885 24.965-12.926 34.009l0.045-0.052-616.55 616.602c-9.242 9.312-22.047 15.076-36.198 15.076s-26.956-5.764-36.195-15.073l-0.003-0.003c-9.267-9.227-15.002-21.995-15.002-36.103 0-0.033 0-0.067 0-0.1v0.005c-26.010-0.102-51.61-26.266-51.2-51.2v-204.8c0-56.32 46.080-102.4 102.4-102.4h102.4c56.32 0 93.184 36.352 101.99 81.664l373.811-373.862c9.265-9.262 22.063-14.991 36.198-14.991s26.934 5.729 36.199 14.991v0zM666.163 575.642v193.28c0 26.522-23.194 49.766-51.354 49.766-17.459 0-60.262 0.154-128.41 0.512v-64l179.763-179.558zM824.32 460.8c51.2 0 97.28 46.080 97.69 102.4 0.256 34.15 0.102 102.707-0.512 205.722 0 26.522-23.142 49.766-51.354 49.766-8.602 0-51.2 0.154-127.744 0.512v-306.995c0-6.195 1.178-11.981 3.584-17.254l31.488-31.539c3.226-1.024 7.578-2.202 15.206-2.611h31.642zM538.368 204.8c42.086 0 76.032 33.946 76.032 75.981 0 43.674-33.946 77.619-76.032 77.619-41.984 0-77.568-33.946-77.568-77.619 0-41.984 35.584-75.981 77.568-75.981zM256.819 204.8c42.035 0 76.032 33.946 76.032 75.981-0.051 43.674-33.997 77.619-76.032 77.619-41.984 0-77.568-33.946-77.568-77.619 0-41.984 35.584-75.981 77.568-75.981z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator-fully-booked-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 277,
+				"id": 1,
+				"name": "capacity-indicator-fully-booked-filled",
+				"prevSize": 32,
+				"code": 921862
+			},
+			"setIdx": 49,
+			"setId": 58,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 768c0 28.16 23.040 51.2 51.2 51.2h204.8c29.85 0 52.429-24.064 52.429-50.586l-1.229-205.414c0-53.094-49.357-102.4-102.4-102.4h-102.4c-54.733 0-102.4 50.995-102.4 102.4v204.8zM487.117 512l-0.717 307.2h128c28.16 0 51.2-24.678 51.2-51.2v-204.8c0-58.061-44.134-102.4-102.195-102.4h-24.883c-0.291-0.006-0.635-0.009-0.979-0.009-27.853 0-50.432 22.579-50.432 50.432 0 0.273 0.002 0.546 0.007 0.819l-0.001-0.041zM256.819 358.4c41.984 0 75.981-33.946 75.981-77.619 0-41.984-33.946-75.981-75.981-75.981s-77.619 33.946-77.619 75.981c0 43.674 35.584 77.619 77.619 77.619zM538.419 358.4c41.984 0 75.981-33.946 75.981-77.619 0-41.984-33.946-75.981-75.981-75.981s-77.619 33.946-77.619 75.981c0 43.674 35.584 77.619 77.619 77.619z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator-high-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 278,
+				"id": 2,
+				"name": "capacity-indicator-high-filled",
+				"prevSize": 32,
+				"code": 921864
+			},
+			"setIdx": 49,
+			"setId": 58,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 768c0 28.16 23.040 51.2 51.2 51.2h204.8c29.85 0 52.429-24.064 52.429-50.586l-1.229-205.414c0-53.094-49.357-102.4-102.4-102.4h-102.4c-54.733 0-102.4 50.995-102.4 102.4v204.8zM256.819 358.4c41.984 0 75.981-33.946 75.981-77.619 0-41.984-33.946-75.981-75.981-75.981s-77.619 33.946-77.619 75.981c0 43.674 35.584 77.619 77.619 77.619z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator-low-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 279,
+				"id": 3,
+				"name": "capacity-indicator-low-filled",
+				"prevSize": 32,
+				"code": 921872
+			},
+			"setIdx": 49,
+			"setId": 58,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c177.613 0 307.2 132.813 307.2 307.2 0 70.4-30.413 148.787-89.6 233.626l-176.026 256c-8.693 13.54-23.673 22.382-40.719 22.382-0.301 0-0.601-0.003-0.9-0.008l0.045 0.001c-0.26 0.005-0.567 0.008-0.874 0.008-17.067 0-32.063-8.865-40.636-22.241l-0.116-0.193-175.974-256c-59.187-86.323-89.6-163.123-89.6-233.574 0-169.626 124.826-307.2 307.2-307.2zM512 307.2c-56.013 0-102.4 46.387-102.4 102.4s46.387 102.4 102.4 102.4c56.013 0 102.4-46.387 102.4-102.4s-46.387-102.4-102.4-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["destination-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 280,
+				"id": 4,
+				"name": "destination-filled",
+				"prevSize": 32,
+				"code": 922168
+			},
+			"setIdx": 49,
+			"setId": 58,
+			"iconIdx": 4
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-journey-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-journey-outline.json
new file mode 100644
index 0000000000..16b70506bf
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-journey-outline.json
@@ -0,0 +1,356 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M153.6 716.8c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0h42.086v-187.75l-20.736 6.758c-4.732 1.594-10.182 2.514-15.846 2.514-28.28 0-51.205-22.925-51.205-51.205 0-22.615 14.661-41.806 34.997-48.587l0.361-0.104 87.757-28.672c4.769-1.62 10.263-2.556 15.974-2.556 28.277 0 51.2 22.923 51.2 51.2 0 0.035-0 0.069-0 0.104l0-0.005v258.304h41.011c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0h-185.6zM643.43 682.752c-2.176-5.471-3.437-11.81-3.437-18.444 0-14.99 6.442-28.476 16.709-37.84l0.040-0.036 15.36-13.926c63.13-57.139 134.656-121.856 134.656-172.237 0-21.658-11.008-34.15-30.31-34.15-17.871 0.254-34.263 6.376-47.39 16.52l0.183-0.136c-8.49 6.484-19.251 10.389-30.925 10.389-28.289 0-51.221-22.932-51.221-51.221 0-16.615 7.911-31.383 20.172-40.741l0.124-0.091c29.958-22.884 67.857-36.77 108.987-37.068l0.069-0c0.315-0.003 0.688-0.004 1.061-0.004 72.757 0 131.738 58.981 131.738 131.738 0 1.694-0.032 3.381-0.095 5.059l0.007-0.242c0 64.358-38.4 120.32-88.832 172.8h52.326c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0h-181.504c-21.617-0.013-40.099-13.42-47.597-32.37l-0.121-0.347zM512 870.246c-28.277 0-51.2-22.923-51.2-51.2v0-614.246c0-28.277 22.923-51.2 51.2-51.2s51.2 22.923 51.2 51.2v0 614.246c0 28.277-22.923 51.2-51.2 51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["ic-db_journey_mixed-class_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 395,
+				"id": 13,
+				"name": "ic-db_journey_mixed-class_20",
+				"prevSize": 32,
+				"code": 921953
+			},
+			"setIdx": 54,
+			"setId": 14,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M307.2 766.618c0-27.29 24.013-49.818 51.2-49.818h102.4v-366.387l-68.813 36.762c-7.107 4.032-15.611 6.409-24.67 6.409-0.327 0-0.653-0.003-0.979-0.009l0.049 0.001c-28.774 0-51.2-23.962-51.2-54.374 0-17.613 11.213-33.587 28.826-41.626l143.974-78.336c6.4-4.864 14.387-6.451 24.013-6.451 24.013 0 51.2 20.838 51.2 51.2v452.813h102.4c17.613 0 35.226 9.779 44.8 25.805 4.046 6.79 6.438 14.973 6.438 23.715 0 0.663-0.014 1.322-0.041 1.979l0.003-0.094c0.005 0.277 0.009 0.603 0.009 0.93 0 9.059-2.376 17.563-6.54 24.922l0.131-0.252c-9.626 15.974-27.187 25.6-44.8 25.6h-307.2c-27.187 0-51.2-24.013-51.2-52.838zM819.2 768.154c0-28.774 24.013-51.2 51.2-51.2 28.826 0 51.2 22.426 51.2 51.2 0 28.826-22.426 51.2-51.2 51.2-27.187 0-51.2-22.374-51.2-51.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["st-class"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 396,
+				"id": 0,
+				"name": "1st-class",
+				"prevSize": 32,
+				"code": 9352
+			},
+			"setIdx": 54,
+			"setId": 14,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M870.4 716.8c29.235 0 51.2 21.965 51.2 51.2 0 27.802-21.965 51.2-51.2 51.2-27.802 0-51.2-23.398-51.2-51.2 0-29.235 23.398-51.2 51.2-51.2zM465.101 204.8c111.718 0 202.701 81.408 202.701 191.488s-52.685 207.206-181.914 320.512h167.526c30.362 0 54.272 20.89 54.272 49.664 0 28.672-23.91 52.634-54.272 52.634h-319.078c-28.723 0-52.685-25.549-52.685-52.685 0-17.562 6.4-33.485 20.736-43.059l31.949-23.962c142.029-106.906 228.198-199.373 228.198-291.942 0-79.77-54.272-95.744-97.382-95.744-28.672 0-62.208 7.987-89.344 20.787-14.336 6.349-25.549 11.162-36.71 11.162-29.164-0.429-52.641-24.171-52.641-53.396 0-0.308 0.003-0.615 0.008-0.922l-0.001 0.046c0-17.562 9.574-36.71 28.672-46.285 47.872-22.323 97.382-38.298 150.016-38.298z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["nd-class"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 397,
+				"id": 1,
+				"name": "2nd-class",
+				"prevSize": 32,
+				"code": 9353
+			},
+			"setIdx": 54,
+			"setId": 14,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M145.896 682.277c0-26.965 20.626-48.372 49.152-48.372h170.667c26.93 0 48.762-21.831 48.762-48.762v0-97.524c0-80.701 65.585-146.286 146.286-146.286h175.543l-62.903-61.83c-8.632-8.645-13.971-20.581-13.971-33.765 0-0.541 0.009-1.080 0.027-1.617l-0.002 0.078c0-25.356 20.626-49.152 47.592-49.152 16.872 0 25.356 6.339 34.865 14.287l147.505 147.456c7.738 8.294 12.535 19.421 12.678 31.667l0 0.029c0 12.678-4.779 25.356-14.287 34.914l-147.017 146.139c-9.509 9.509-22.674 15.604-33.743 15.604-26.93 0-48.762-21.831-48.762-48.762v0c0-11.069 5.608-24.283 15.116-33.792l62.171-63.342-174.568 0.049c-0.102-0.001-0.222-0.001-0.343-0.001-26.757 0-48.47 21.594-48.663 48.306l-0 0.018v97.524c0 79.092-65.39 146.286-146.286 146.286h-170.667c-0.219 0.004-0.478 0.006-0.737 0.006-26.742 0-48.421-21.679-48.421-48.421 0-0.259 0.002-0.518 0.006-0.776l-0 0.039zM146.286 391.656c0-28.526 20.626-50.712 49.152-50.712 26.965 0 49.152 22.187 49.152 50.712 0 25.356-22.187 47.592-49.152 47.592-0.32 0.008-0.697 0.012-1.076 0.012-26.369 0-47.78-21.228-48.076-47.527l-0-0.028zM292.181 391.656c0-28.526 22.187-50.712 49.591-50.469 26.868 0 49.054 22.187 49.054 50.664 0 25.307-22.187 47.445-49.054 47.445-27.404 0-49.591-22.235-49.591-47.592z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["alternative-connection"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 398,
+				"id": 2,
+				"name": "alternative-connection",
+				"prevSize": 32,
+				"code": 921858
+			},
+			"setIdx": 54,
+			"setId": 14,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M121.905 244.98c0.44-81.26 66.196-147.016 147.414-147.456l0.042-0c63.439 0 117.37 41.204 137.996 98.304h228.352c99.864 0 177.591 72.948 177.591 171.301 0 93.525-76.117 171.252-177.591 171.252h-196.657c-41.204 0-72.948 31.695-72.948 72.948 0 41.204 31.695 72.899 72.948 72.899h302.86l-17.408-15.848c-7.783-8.854-12.569-20.51-12.678-33.282l-0-0.023c0-26.917 22.187-45.982 45.982-45.982 12.678 0 23.747 6.339 33.304 14.287l98.304 96.744c7.899 9.509 12.678 18.627 12.678 31.305 0 11.118-4.779 23.796-12.678 33.304l-99.913 98.304c-7.948 6.339-19.017 12.678-31.695 12.678-0.014 0-0.032 0-0.049 0-25.368 0-45.934-20.565-45.934-45.934 0-0.017 0-0.034 0-0.051l-0 0.003c0-12.678 4.73-23.796 12.678-33.304l17.408-15.848h-302.811c-95.183 0-171.301-75.727-171.301-169.253-0.001-0.218-0.002-0.475-0.002-0.733 0-94.203 76.366-170.569 170.569-170.569 0.241 0 0.481 0 0.721 0.001l-0.037-0h196.657c42.813 0 77.678-31.695 77.678-72.899-0-42.862-36.474-74.557-77.678-74.557h-228.352c-20.626 57.051-74.557 98.304-137.996 98.304-80.847 0-147.456-66.609-147.456-145.896z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["booking"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 399,
+				"id": 3,
+				"name": "booking",
+				"prevSize": 32,
+				"code": 921859
+			},
+			"setIdx": 54,
+			"setId": 14,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M855.398 168.602c9.286 9.269 15.031 22.083 15.031 36.239 0 13.053-4.885 24.965-12.926 34.009l0.045-0.052-616.55 616.602c-9.242 9.312-22.047 15.076-36.198 15.076s-26.956-5.764-36.195-15.073l-0.003-0.003c-9.267-9.227-15.002-21.995-15.002-36.103 0-0.033 0-0.067 0-0.1l-0 0.005c-26.010-0.102-51.61-26.266-51.2-51.2v-209.92c0-48.947 46.080-97.28 102.4-97.28h102.4c56.32 0 93.184 36.352 101.99 81.664l373.811-373.862c9.265-9.262 22.063-14.991 36.198-14.991s26.934 5.729 36.199 14.991l-0-0zM666.163 575.642v193.28c0 26.522-23.194 49.766-51.354 49.766-26.214 0-51.61-19.968-51.405-49.766 0.102-17.664 0.102-47.821 0-90.47l102.81-102.81zM819.2 460.8c51.2 0 101.99 51.2 102.4 102.4 0.256 34.15 0.256 102.707-0.051 205.722 0 26.522-23.194 49.766-51.405 49.766-24.781 0-50.944-19.968-50.944-50.688v-204.8h-26.522c-27.782-0.056-50.282-22.591-50.282-50.381 0-0.216 0.001-0.432 0.004-0.647l-0 0.033c0-6.195 1.178-11.981 3.584-17.254l31.488-31.539c3.226-1.024 7.578-2.202 15.206-2.611h26.522zM307.2 563.2h-102.4l0.41 183.142 102.298-102.298-0.307-80.845zM538.368 204.8c42.086 0 76.032 33.946 76.032 75.981 0 43.674-33.946 77.619-76.032 77.619-41.984 0-77.568-33.946-77.568-77.619 0-41.984 35.584-75.981 77.568-75.981zM256.819 204.8c42.035 0 76.032 33.946 76.032 75.981-0.051 43.674-33.997 77.619-76.032 77.619-41.984 0-77.568-33.946-77.568-77.619 0-41.984 35.584-75.981 77.568-75.981z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator-fully-booked"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 400,
+				"id": 4,
+				"name": "capacity-indicator-fully-booked",
+				"prevSize": 32,
+				"code": 921862
+			},
+			"setIdx": 54,
+			"setId": 14,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 768c0 28.16 23.040 51.2 51.2 51.2s51.2-23.040 51.2-51.2v-204.8h102.4l0.819 205.414c0 26.522 22.17 50.586 50.381 50.586 29.85 0 52.429-24.064 52.429-50.586l-1.229-205.414c0-53.094-49.357-102.4-102.4-102.4h-102.4c-54.733 0-102.4 50.995-102.4 102.4v204.8zM487.117 512c0 28.16 21.555 51.2 51.405 51.2h24.883l-0.205 204.8c0 26.522 23.040 51.2 51.2 51.2s51.2-24.678 51.2-51.2v-204.8c0-58.061-44.134-102.4-102.195-102.4h-24.883c-0.291-0.006-0.635-0.009-0.979-0.009-27.853 0-50.432 22.579-50.432 50.432 0 0.273 0.002 0.546 0.007 0.819l-0.001-0.041zM256.819 358.4c41.984 0 75.981-33.946 75.981-77.619 0-41.984-33.946-75.981-75.981-75.981s-77.619 33.946-77.619 75.981c0 43.674 35.584 77.619 77.619 77.619zM538.419 358.4c41.984 0 75.981-33.946 75.981-77.619 0-41.984-33.946-75.981-75.981-75.981s-77.619 33.946-77.619 75.981c0 43.674 35.584 77.619 77.619 77.619z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator-high"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 401,
+				"id": 5,
+				"name": "capacity-indicator-high",
+				"prevSize": 32,
+				"code": 921864
+			},
+			"setIdx": 54,
+			"setId": 14,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 768c0 28.16 23.040 51.2 51.2 51.2s51.2-23.040 51.2-51.2v-204.8h102.4l0.819 205.414c0 26.522 22.17 50.586 50.381 50.586 29.85 0 52.429-24.064 52.429-50.586l-1.229-205.414c0-53.094-49.357-102.4-102.4-102.4h-102.4c-54.733 0-102.4 50.995-102.4 102.4v204.8zM256.819 358.4c41.984 0 75.981-33.946 75.981-77.619 0-41.984-33.946-75.981-75.981-75.981s-77.619 33.946-77.619 75.981c0 43.674 35.584 77.619 77.619 77.619z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator-low"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 402,
+				"id": 6,
+				"name": "capacity-indicator-low",
+				"prevSize": 32,
+				"code": 921872
+			},
+			"setIdx": 54,
+			"setId": 14,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 768c0 28.16 23.040 51.2 51.2 51.2s51.2-23.040 51.2-51.2v-204.8h102.4l0.819 205.414c0 26.522 22.17 50.586 50.381 50.586 29.85 0 52.429-24.064 52.429-50.586l-1.229-205.414c0-53.094-49.357-102.4-102.4-102.4h-102.4c-54.733 0-102.4 50.995-102.4 102.4v204.8zM487.117 512c0 28.16 21.555 51.2 51.405 51.2h24.883l-0.205 204.8c0 26.522 23.040 51.2 51.2 51.2s51.2-24.678 51.2-51.2v-204.8c0-58.061-44.134-102.4-102.195-102.4h-24.883c-0.291-0.006-0.635-0.009-0.979-0.009-27.853 0-50.432 22.579-50.432 50.432 0 0.273 0.002 0.546 0.007 0.819l-0.001-0.041zM742.502 512c0 28.16 21.555 51.2 49.766 51.2h26.522l0.41 204.8c0 26.522 22.784 50.381 50.995 50.381 28.16 0 51.405-23.859 51.405-50.381v-204.8c0-58.061-44.339-102.4-102.4-102.4h-26.931c-28.16 0-49.766 23.040-49.766 51.2zM256.819 358.4c41.984 0 75.981-33.946 75.981-77.619 0-41.984-33.946-75.981-75.981-75.981s-77.619 33.946-77.619 75.981c0 43.674 35.584 77.619 77.619 77.619zM538.419 358.4c41.984 0 75.981-33.946 75.981-77.619 0-41.984-33.946-75.981-75.981-75.981s-77.619 33.946-77.619 75.981c0 43.674 35.584 77.619 77.619 77.619zM792.781 358.4c43.674 0 77.619-33.946 77.619-77.619 0-41.984-33.946-75.981-77.619-75.981-41.984 0-75.981 33.946-75.981 75.981 0 43.674 33.946 77.619 75.981 77.619z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 403,
+				"id": 7,
+				"name": "capacity-indicator",
+				"prevSize": 32,
+				"code": 921860
+			},
+			"setIdx": 54,
+			"setId": 14,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c177.613 0 307.2 132.813 307.2 307.2 0 70.4-32 148.787-89.6 233.626l-176.026 256c-8.693 13.54-23.673 22.382-40.719 22.382-0.301 0-0.601-0.003-0.9-0.008l0.045 0.001c-0.26 0.005-0.567 0.008-0.874 0.008-17.067 0-32.063-8.865-40.636-22.241l-0.116-0.193-175.974-256c-59.187-86.323-89.6-163.123-89.6-233.574 0-169.626 124.826-307.2 307.2-307.2zM512 204.8c-126.413 0-204.8 76.8-204.8 199.987 0 62.413 33.587 121.6 70.4 172.8l134.4 190.413 134.4-190.413c35.226-51.2 70.4-110.387 70.4-172.8 0-123.187-78.387-199.987-204.8-199.987zM409.6 409.6c0-56.013 46.387-102.4 102.4-102.4s102.4 46.387 102.4 102.4c0 56.013-46.387 102.4-102.4 102.4s-102.4-46.387-102.4-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["destination"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 404,
+				"id": 8,
+				"name": "destination",
+				"prevSize": 32,
+				"code": 922168
+			},
+			"setIdx": 54,
+			"setId": 14,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 256c141.005 0 256 114.995 256 256s-114.995 256-256 256c-141.268-0.291-255.709-114.732-256-255.972l-0-0.028c0-141.005 114.995-256 256-256zM512 357.99c-83.36 2.217-150.089 70.321-150.089 154.010s66.73 151.792 149.884 154.005l0.205 0.004c83.36-2.217 150.089-70.321 150.089-154.010s-66.73-151.792-149.884-154.005l-0.205-0.004z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["intermediary-stop"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 405,
+				"id": 9,
+				"name": "intermediary-stop",
+				"prevSize": 32,
+				"code": 921875
+			},
+			"setIdx": 54,
+			"setId": 14,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M153.6 665.6c0 81.613 64 153.6 144.026 153.6h193.536l-15.974 14.387c-8.914 9.518-14.388 22.352-14.388 36.465 0 0.122 0 0.244 0.001 0.367l-0-0.019c0 27.187 16.026 49.613 52.787 49.613 12.8 0 27.187-4.813 35.226-12.8l97.587-97.638c7.987-7.987 19.2-23.962 19.2-41.574 0-11.213-6.4-25.6-15.974-35.226l-100.864-103.936c-9.523-11.315-23.962-14.438-36.762-14.438-32 0-51.2 25.6-51.2 51.2 0 11.213 3.226 22.426 12.8 32l17.613 19.2h-184.013c-22.426 0-51.2-12.8-51.2-51.2v-204.8c0-22.426-16.026-51.2-51.2-51.2-28.826 0-51.2 22.426-51.2 51.2v204.8zM153.6 256c0 28.826 22.426 51.2 51.2 51.2 28.826 0 51.2-22.426 51.2-51.2 0-28.826-22.426-51.2-51.2-51.2-28.826 0-51.2 22.426-51.2 51.2zM358.4 256c0 12.8 1.587 24.013 14.387 36.813l102.4 102.4c8.913 8.914 21.227 14.427 34.829 14.427 0.698 0 1.392-0.015 2.083-0.043l-0.099 0.003c22.426 0 51.2-14.387 51.2-51.2 0-16.026-4.813-27.187-14.387-36.813l-16.026-14.387h184.013c27.187 0 51.2 22.426 51.2 51.2v204.8c0 25.6 22.374 51.2 51.2 51.2 28.774 0 51.2-22.426 51.2-51.2v-204.8c0-81.613-64-153.6-144.026-153.6h-193.536l15.974-14.387c9.574-9.677 14.387-24.013 14.387-36.813 0-24.013-17.613-51.2-51.2-51.2-12.8 0-25.6 3.226-36.813 14.387l-102.4 102.4c-9.574 8.038-14.387 22.477-14.387 36.813zM768 768c0 28.826 22.426 51.2 51.2 51.2 28.826 0 51.2-22.426 51.2-51.2 0-28.826-22.426-51.2-51.2-51.2-28.826 0-51.2 22.426-51.2 51.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["round-trip"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 406,
+				"id": 10,
+				"name": "round-trip",
+				"prevSize": 32,
+				"code": 11156
+			},
+			"setIdx": 54,
+			"setId": 14,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 512.768c0.144 27.885 22.782 50.435 50.687 50.435 0.18 0 0.36-0.001 0.54-0.003l-0.027 0c27.904 0 51.2-22.016 51.2-50.432 0-28.314-23.296-51.968-51.2-51.968s-51.2 23.654-51.2 51.968zM307.2 512c0 30.413 24.013 51.2 54.426 51.2h387.174l-14.387 14.387c-4.813 6.4-16.026 19.2-16.026 36.813 0 22.426 14.387 51.2 51.2 51.2 12.8 0 27.187-3.226 36.813-14.387l97.587-99.226c11.213-11.213 17.613-25.6 17.613-39.987s-4.813-27.187-17.613-39.987l-97.587-99.277c-8.612-8.639-20.441-14.067-33.537-14.335l-0.051-0.001c-24.013 0-54.426 17.613-54.426 51.2 0 14.387 4.813 24.013 16.026 36.813l14.387 14.387h-387.226c-30.31 0-54.374 19.2-54.374 51.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["single-trip"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 407,
+				"id": 11,
+				"name": "single-trip",
+				"prevSize": 32,
+				"code": 10526
+			},
+			"setIdx": 54,
+			"setId": 14,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 179.2c184.013 0 332.8 148.787 332.8 332.8s-148.787 332.8-332.8 332.8c-0.076 0-0.166 0-0.256 0-183.659 0-332.544-148.885-332.544-332.544 0-0.090 0-0.18 0-0.27l-0 0.014c0-184.013 148.787-332.8 332.8-332.8zM512 281.6c-126.413 0-230.4 103.987-230.4 230.4s103.987 230.4 230.4 230.4 230.4-103.987 230.4-230.4-103.987-230.4-230.4-230.4zM512 614.4c57.6 0 102.4-44.8 102.4-102.4s-44.8-102.4-102.4-102.4-102.4 44.8-102.4 102.4 44.8 102.4 102.4 102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["start"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 408,
+				"id": 12,
+				"name": "start",
+				"prevSize": 32,
+				"code": 10687
+			},
+			"setIdx": 54,
+			"setId": 14,
+			"iconIdx": 13
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-maps-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-maps-filled.json
new file mode 100644
index 0000000000..ec7a7bc892
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-maps-filled.json
@@ -0,0 +1,172 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c226.216 0 409.6 183.384 409.6 409.6s-183.384 409.6-409.6 409.6v0c-226.216 0-409.6-183.384-409.6-409.6s183.384-409.6 409.6-409.6v0zM640.717 307.302c-0.015-0-0.033-0-0.051-0-26.58 0-48.128 21.548-48.128 48.128l0 0v115.2h-161.178v-115.2c0-24.678-21.504-48.128-48.128-48.128-26.58 0-48.128 21.548-48.128 48.128v-0 313.139c0 26.58 21.548 48.128 48.128 48.128s48.128-21.548 48.128-48.128v0-125.286h161.075v125.286c-0 26.609 21.571 48.179 48.179 48.179s48.179-21.571 48.179-48.179v0-313.139c-0-26.58-21.548-48.128-48.128-48.128h0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_stop_solid_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 173,
+				"id": 0,
+				"name": "db_ic_stop_solid_20",
+				"prevSize": 32,
+				"code": 921877
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M819.2 102.4c56.554 0 102.4 45.846 102.4 102.4v0 614.4c0 56.554-45.846 102.4-102.4 102.4v0h-614.4c-56.554 0-102.4-45.846-102.4-102.4v0-614.4c0-56.554 45.846-102.4 102.4-102.4v0zM467.558 668.672v-108.544c21.094 2.714 40.96 4.096 59.699 4.096 49.562 0 87.296-11.11 113.203-33.28 25.907-22.118 38.912-54.426 38.912-96.87 0-40.909-12.493-72.243-37.478-94.054-24.986-21.76-60.928-32.666-107.878-32.666h-124.365c-21.208 0-38.4 17.192-38.4 38.4v0 322.918c0 26.594 21.559 48.154 48.154 48.154s48.154-21.559 48.154-48.154v0zM518.81 501.965c-10.496 0-45.67-2.15-51.2-3.226v-117.862h57.958c21.504 0 36.762 4.506 45.926 13.517 9.216 9.011 13.824 24.064 13.824 45.056 0 22.17-5.171 38.093-15.514 47.872-10.342 9.728-27.341 14.643-50.995 14.643z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_parking_solid_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 174,
+				"id": 1,
+				"name": "db_ic_parking_solid_20",
+				"prevSize": 32,
+				"code": 127359
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 358.4c25.958 0.102 37.734 18.022 42.803 31.232l184.934 481.382c1.704 4.245 2.692 9.166 2.692 14.317 0 21.773-17.651 39.424-39.424 39.424-10.94 0-20.84-4.456-27.982-11.652l-0.002-0.002-163.021-163.021-163.021 163.021c-7.15 7.23-17.070 11.707-28.036 11.707-21.773 0-39.424-17.651-39.424-39.424 0-5.152 0.988-10.073 2.785-14.584l-0.094 0.266 185.344-481.434c5.069-13.21 14.848-31.334 42.496-31.232zM512 102.502c26.163 0.004 47.741 19.63 50.817 44.964l0.024 0.246 0.358 5.99v87.142c-0.032 28.253-22.943 51.143-51.2 51.143-26.146 0-47.714-19.598-50.817-44.905l-0.025-0.247-0.358-5.99v-87.142c0-28.277 22.923-51.2 51.2-51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_gps_north_solid_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 237,
+				"id": 6,
+				"name": "db_ic_gps_north_solid_20",
+				"prevSize": 32,
+				"code": 921944
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M802.202 173.363l-656.896 292.045c-18.076 8.168-30.427 26.040-30.427 46.797 0 28.264 22.902 51.179 51.162 51.2l297.218 0v296.090c-0 0.004-0 0.009-0 0.015 0 28.277 22.923 51.2 51.2 51.2 20.757 0 38.628-12.351 46.666-30.105l0.13-0.322 291.635-656.179c2.092-4.588 3.311-9.951 3.311-15.599 0-21.208-17.192-38.4-38.4-38.4-5.648 0-11.011 1.219-15.84 3.409l0.241-0.098z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_maps_gps-on_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 341,
+				"id": 3,
+				"name": "ic-db_maps_gps-on_20",
+				"prevSize": 32,
+				"code": 921943
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M360.141 921.6h-103.936c-24.883 0-51.405-22.016-51.405-51.968v-361.626l-14.49 15.974c-8.91 9.257-21.407 15.007-35.247 15.007-0.245 0-0.489-0.002-0.733-0.005h0.037c-30.003 0-51.968-22.989-51.968-52.941 0-11.008 3.994-22.016 11.981-30.003l300.698-301.67c21.965-22.016 45.978-51.968 96.922-51.968s74.906 30.003 96.922 51.968l297.677 296.704c9.272 9.266 15.007 22.071 15.007 36.215 0 0.264-0.002 0.528-0.006 0.791v-0.040c0 28.979-23.962 50.944-52.941 50.944-11.981 0-23.194-2.816-30.976-11.008l-18.483-19.968v361.626c0 28.006-26.47 51.968-51.456 51.968h-101.888c-26.982 0-51.456-17.971-51.456-44.954v-262.246h-204.8v256.256c0 26.982-17.459 50.944-49.459 50.944z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["home-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 342,
+				"id": 4,
+				"name": "home-filled",
+				"prevSize": 32,
+				"code": 8962
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M256 870.4c0-27.187 25.6-51.2 51.2-51.2h409.6c28.826 0 51.2 22.426 51.2 51.2 0 28.826-25.6 51.2-51.2 51.2h-409.6c-25.6 0-51.2-22.426-51.2-51.2zM512 102.4c142.387 0 256 103.987 256 238.387 0 48.026-16.026 97.638-46.387 144.026l-166.4 259.174c-11.213 16.026-27.187 24.013-43.213 24.013s-32-7.987-43.213-24.013l-166.4-259.123c-30.362-46.438-46.387-96.051-46.387-144.077 0-134.4 113.613-238.387 256-238.387zM512 256c-56.013 0-102.4 46.746-102.4 103.219 0 56.422 46.387 101.581 102.4 101.581s102.4-45.158 102.4-101.581c0-56.474-46.387-103.219-102.4-103.219z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["place-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 343,
+				"id": 5,
+				"name": "place-filled",
+				"prevSize": 32,
+				"code": 921878
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-maps-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-maps-outline.json
new file mode 100644
index 0000000000..2c96571582
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-maps-outline.json
@@ -0,0 +1,358 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M435.2 102.4c127.246 0 230.4 103.154 230.4 230.4v0 418.611l67.891-67.942c11.059-10.24 23.552-15.309 37.376-15.309 27.136 0 50.893 22.067 50.893 50.944 0 13.619-5.12 27.187-15.258 35.686l-153.907 154.112c-8.499 10.189-22.016 15.258-35.635 15.258-11.878 0-25.446-5.12-35.635-15.309l-153.907-154.112c-9.081-9.195-14.825-21.705-15.256-35.554l-0.002-0.081c0-28.877 23.757-50.944 50.893-50.944 13.619 0 27.136 5.12 37.376 15.309l62.771 62.874v-413.542c0-70.692-57.308-128-128-128s-128 57.308-128 128v0 217.6c0 28.277-22.923 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v0-217.6c0-127.246 103.154-230.4 230.4-230.4v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_navigation_u-turn_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 65,
+				"id": 13,
+				"name": "db_ic_navigation_u-turn_20",
+				"prevSize": 32,
+				"code": 922371
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M516.864 107.52c13.619 0 27.187 5.12 35.686 15.258l200.192 199.987c10.138 8.499 15.258 22.016 15.258 35.635 0 11.878-5.12 25.446-15.309 35.635l-205.312 205.107c-9.195 9.081-21.705 14.825-35.554 15.256l-0.081 0.002c-28.083-0.087-50.828-22.814-50.944-50.882l-0-0.011c0-13.619 5.12-27.136 15.309-37.376l116.685-116.531h-183.194c-28.277 0-51.2 22.923-51.2 51.2v0 409.6c0 28.277-22.923 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v0-409.6c0-84.831 68.769-153.6 153.6-153.6v0l183.091-0.051-111.462-111.36c-9.414-9.642-15.242-22.822-15.309-37.363l-0-0.013c0-27.136 22.067-50.893 50.944-50.893z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_navigation_to_right_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 64,
+				"id": 12,
+				"name": "db_ic_navigation_to_right_20",
+				"prevSize": 32,
+				"code": 922370
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M507.136 107.52c-13.619 0-27.187 5.12-35.686 15.258l-200.192 199.987c-10.138 8.499-15.258 22.016-15.258 35.635 0 11.878 5.12 25.446 15.309 35.635l205.312 205.107c8.448 8.448 22.016 15.258 35.635 15.258 28.083-0.087 50.828-22.814 50.944-50.882l0-0.011c0-13.619-5.12-27.136-15.309-37.376l-116.685-116.531h183.194c28.277 0 51.2 22.923 51.2 51.2v0 409.6c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2v0-409.6c0-84.831-68.769-153.6-153.6-153.6v0l-183.091-0.051 111.462-111.36c10.138-10.906 15.206-23.347 15.309-37.376-0.116-28.079-22.861-50.806-50.936-50.893l-0.008-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_navigation_to_left_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 63,
+				"id": 11,
+				"name": "db_ic_navigation_to_left_20",
+				"prevSize": 32,
+				"code": 922369
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M514.56 156.16c11.622 0 23.296 3.738 31.744 11.264l208.998 209.306c10.189 8.499 15.258 22.067 15.258 35.686-0.087 28.083-22.814 50.828-50.882 50.944l-0.011 0c-13.619 0-27.136-5.12-37.376-15.309l-119.091-119.245v490.394c0 26.266-22.938 51.2-51.2 51.2-28.277 0-51.2-22.923-51.2-51.2v0-485.274l-113.971 114.176c-10.24 10.138-23.757 15.258-37.376 15.258-28.079-0.116-50.806-22.861-50.893-50.936l-0-0.008c0-13.619 6.81-27.187 15.258-35.686l205.107-205.312c10.189-10.138 23.757-15.258 35.635-15.258z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_navigation_straight_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 62,
+				"id": 10,
+				"name": "db_ic_navigation_straight_20",
+				"prevSize": 32,
+				"code": 922368
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c226.216 0 409.6 183.384 409.6 409.6s-183.384 409.6-409.6 409.6v0c-226.216 0-409.6-183.384-409.6-409.6s183.384-409.6 409.6-409.6v0zM512 204.8c-169.662 0-307.2 137.538-307.2 307.2s137.538 307.2 307.2 307.2v0c169.662 0 307.2-137.538 307.2-307.2s-137.538-307.2-307.2-307.2v0zM394.752 325.888c21.248 0 41.626 16.691 41.677 41.728 0.102 36.096 0.102 72.192 0 108.288h151.040v-108.288c0-23.046 18.682-41.728 41.728-41.728s41.728 18.682 41.728 41.728v-0c0.102 96.256 0.102 192.512 0 288.768 0 23.046-18.682 41.728-41.728 41.728s-41.728-18.682-41.728-41.728v-117.453h-151.040v117.453c0 23.046-18.682 41.728-41.728 41.728s-41.728-18.682-41.728-41.728h-0v-288.768c0-21.248 20.48-41.728 41.728-41.728z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_station_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 177,
+				"id": 0,
+				"name": "db_ic_station_20",
+				"prevSize": 32,
+				"code": 921986
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M819.2 102.4c56.554 0 102.4 45.846 102.4 102.4v0 614.4c0 56.554-45.846 102.4-102.4 102.4v0h-614.4c-56.554 0-102.4-45.846-102.4-102.4v0-614.4c0-56.554 45.846-102.4 102.4-102.4v0zM819.2 204.8h-614.4v614.4h614.4zM530.278 323.43c44.288 0 78.131 10.189 101.53 30.515 23.398 20.378 35.072 50.022 35.072 88.934 0 40.038-12.134 70.502-36.403 91.392-22.118 18.944-53.504 29.338-94.157 31.078-30.413 0.102-54.067-1.075-70.861-3.584v94.362c0 24.12-19.553 43.674-43.674 43.674s-43.674-19.553-43.674-43.674v-294.298c0-19.456 15.36-39.936 38.4-38.4 37.888-0.102 75.827-0.102 113.766 0zM523.315 387.174h-57.907v115.866c14.131 2.048 31.078 3.072 50.893 3.072 23.194 0 39.936-4.813 50.074-14.438 10.189-9.677 15.258-25.19 15.258-46.592 0-17.766-3.277-34.304-13.619-44.544-11.162-10.24-26.982-13.312-44.749-13.312z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_parking_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 176,
+				"id": 1,
+				"name": "db_ic_parking_20",
+				"prevSize": 32,
+				"code": 127359
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 358.4c25.958 0.102 37.734 18.022 42.803 31.232l184.934 481.382c1.704 4.245 2.692 9.166 2.692 14.317 0 21.773-17.651 39.424-39.424 39.424-10.94 0-20.84-4.456-27.982-11.652l-0.002-0.002-163.021-163.021-163.021 163.021c-7.15 7.23-17.070 11.707-28.036 11.707-21.773 0-39.424-17.651-39.424-39.424 0-5.152 0.988-10.073 2.785-14.584l-0.094 0.266 185.344-481.434c5.069-13.21 14.848-31.334 42.496-31.232zM512 102.502c26.163 0.004 47.741 19.63 50.817 44.964l0.024 0.246 0.358 5.99v87.142c-0.032 28.253-22.943 51.143-51.2 51.143-26.146 0-47.714-19.598-50.817-44.905l-0.025-0.247-0.358-5.99v-87.142c0-28.277 22.923-51.2 51.2-51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_gps_north_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 175,
+				"id": 2,
+				"name": "db_ic_gps_north_20",
+				"prevSize": 32,
+				"code": 921944
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M802.202 173.414l-0.241 0.098c4.829-2.19 10.193-3.409 15.84-3.409 21.208 0 38.4 17.192 38.4 38.4 0 5.648-1.219 11.011-3.311 15.599l-291.635 656.179-0.13 0.322c-8.038 17.754-25.91 30.105-46.666 30.105-28.277 0-51.2-22.923-51.2-51.2 0-0.005 0-0.010 0-0.015v-296.090l-297.218-0c-28.259-0.021-51.162-22.936-51.162-51.2 0-20.757 12.351-38.628 30.427-46.797l656.896-292.045zM691.61 334.541l-288.768 128.307h160.461v160.154l128.205-288.461z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_maps_gps_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 319,
+				"id": 3,
+				"name": "ic-db_maps_gps_20",
+				"prevSize": 32,
+				"code": 921943
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c50.944 0 74.906 29.952 96.922 51.968l297.677 296.704c9.984 9.984 15.002 22.938 15.002 36.966 0 28.979-23.962 50.944-52.941 50.944-11.981 0-22.989-3.021-30.976-11.008l-18.944-19.968v361.626c0 28.006-26.010 51.968-50.995 51.968h-511.488c-28.089-0.982-50.537-23.788-50.944-51.929l-0-0.039v-361.626l-15.002 15.974c-9.175 9.253-21.888 14.986-35.939 15.002l-0.003 0c-30.003 0-51.968-22.989-51.968-52.941 0-11.008 3.994-22.016 11.981-30.003l300.698-301.67c22.016-22.016 45.978-51.968 96.922-51.968zM512 204.8l-204.8 204.8v409.6h409.6v-409.6l-204.8-204.8z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["home"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 320,
+				"id": 4,
+				"name": "home",
+				"prevSize": 32,
+				"code": 8962
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M682.667 97.524c30.476 0 65.243 15.262 83.529 38.083l98.987 137.167c16.823 19.797 24.381 45.69 24.381 68.559 0 24.381-7.558 47.25-24.381 68.559l-99.133 134.095c-21.358 27.453-48.616 41.155-83.675 41.155h-145.993v195.048h144.774c27.404 0 50.274 21.358 50.274 48.762 0 25.893-18.286 48.762-50.274 48.762h-388.584c-25.893 0-48.762-21.358-48.762-48.762 0-27.453 21.358-48.762 48.762-48.762h146.286v-195.048h-182.857c-60.952 0-109.714-48.762-109.714-108.203v-268.19c0-60.952 48.762-111.226 109.714-111.226h426.667zM682.374 195.048h-438.565v292.571h438.565l109.714-146.286-109.714-146.286z"
+				],
+				"width": 975,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["map-stop"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 321,
+				"id": 5,
+				"name": "map-stop",
+				"prevSize": 32,
+				"code": 921877
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M373.321 103.619l257.56 85.333 173.69-86.845c7.314-3.657 15.262-4.584 27.453-4.584 21.309 0 45.69 16.774 45.69 41.155v592.75c0 16.774-6.095 31.988-21.358 39.643l-199.582 102.059c-6.041 2.897-13.133 4.589-20.619 4.589-0.26 0-0.519-0.002-0.777-0.006l0.039 0c-6.095 0-15.214-3.072-24.381-4.584l-266.679-89.868-176.762 89.868c-5.789 2.833-12.589 4.517-19.775 4.583l-0.022 0c-27.355 0-50.274-16.774-50.274-48.762v-586.654c0-15.262 6.095-33.548 21.358-41.155l195.048-97.524c10.142-5.071 18.188-5.949 24.966-6.046l3.95-0.049c7.656 0 13.556 0.488 30.476 6.095zM390.095 211.822v484.547l195.048 65.536v-484.596l-195.048-65.438zM780.19 224.012l-97.524 48.762v476.94l97.524-48.762v-476.94zM292.571 224.012l-97.524 48.762v476.94l97.524-48.762v-476.94z"
+				],
+				"width": 975,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["map"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 322,
+				"id": 6,
+				"name": "map",
+				"prevSize": 32,
+				"code": 128506
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M256 870.4c0-27.187 25.6-51.2 51.2-51.2h409.6c28.826 0 51.2 22.426 51.2 51.2 0 28.826-25.6 51.2-51.2 51.2h-409.6c-25.6 0-51.2-22.426-51.2-51.2zM512 102.4c142.387 0 256 103.987 256 238.387 0 48.026-16.026 97.638-46.387 144.026l-166.4 259.174c-9.595 14.021-25.25 23.289-43.106 24.009l-0.107 0.003c-17.963-0.724-33.618-9.992-43.092-23.825l-0.121-0.187-166.4-259.123c-30.362-46.438-46.387-96.051-46.387-144.077 0-134.4 113.613-238.387 256-238.387zM512 204.8c-88.013 0-153.6 59.187-153.6 134.4 0 25.6 11.213 56.013 30.413 86.426l123.187 188.774 123.187-188.826c19.2-30.31 30.413-55.91 30.413-86.374 0-75.213-65.587-134.4-153.6-134.4zM460.8 358.4c0-28.826 20.787-51.2 51.2-51.2 28.826 0 51.2 20.787 51.2 51.2 0 28.826-20.787 51.2-51.2 51.2-28.826 0-51.2-20.787-51.2-51.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["place"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 323,
+				"id": 7,
+				"name": "place",
+				"prevSize": 32,
+				"code": 921878
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c28.826 0 51.2 22.426 51.2 51.2v52.787c130.023 23.356 231.057 124.39 254.129 252.509l0.284 1.903h52.787c30.413 0 51.2 22.426 51.2 51.2 0 27.187-20.787 51.2-51.2 51.2h-52.787c-22.426 129.587-124.826 231.987-254.413 252.826v54.374c0 28.826-22.426 51.2-51.2 51.2-28.826 0-51.2-22.426-51.2-51.2v-54.426c-129.587-20.787-231.987-123.187-254.413-252.774h-52.787c-24.013 0-51.2-17.613-51.2-51.2 0-28.826 24.013-51.2 51.2-51.2h52.787c23.356-130.023 124.39-231.057 252.509-254.129l1.903-0.284v-52.787c0-28.826 22.426-51.2 51.2-51.2zM512 307.2c-113.613 0-204.8 91.187-204.8 204.8s91.187 204.8 204.8 204.8c113.613 0 204.8-91.187 204.8-204.8s-91.187-204.8-204.8-204.8zM409.6 512c0 56.013 46.387 102.4 102.4 102.4s102.4-46.387 102.4-102.4c0-56.013-46.387-102.4-102.4-102.4s-102.4 46.387-102.4 102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["set-position"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 324,
+				"id": 8,
+				"name": "set-position",
+				"prevSize": 32,
+				"code": 128907
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M716.8 102.4c28.826 0 51.2 22.426 51.2 51.2v307.2h102.4c28.826 0 51.2 22.426 51.2 51.2v358.4c0 28.826-22.426 51.2-51.2 51.2h-256c-28.826 0-51.2-22.426-51.2-51.2v-102.4h-102.4v102.4c0 28.826-22.426 51.2-51.2 51.2h-256c-28.826 0-51.2-22.426-51.2-51.2v-358.4c0-28.826 22.426-51.2 51.2-51.2h102.4v-307.2c0-28.826 22.426-51.2 51.2-51.2h409.6zM665.6 204.8h-307.2v358.4h-153.6v256h153.6v-102.4c0-28.826 22.426-51.2 51.2-51.2h204.8c28.826 0 51.2 22.374 51.2 51.2v102.4h153.6v-256h-153.6v-358.4zM460.8 460.8v-102.4h102.4v102.4h-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["trainstation"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 325,
+				"id": 9,
+				"name": "trainstation",
+				"prevSize": 32,
+				"code": 922240
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-navigation-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-navigation-filled.json
new file mode 100644
index 0000000000..8c11e7ff79
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-navigation-filled.json
@@ -0,0 +1,93 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M819.251 460.544h-204.902c-28.249 0-51.149-22.9-51.149-51.149h0v-204.902c-0-28.249 22.9-51.149 51.149-51.149v0h204.902c28.255 0.029 51.149 22.941 51.149 51.2l-0 0v204.851c0 0.015 0 0.033 0 0.051 0 28.249-22.9 51.149-51.149 51.149l-0-0zM819.251 870.656h-204.902c-28.255-0.029-51.149-22.941-51.149-51.2l0-0v-204.954c-0-28.259 22.894-51.171 51.146-51.2l204.905-0c0.015-0 0.033-0 0.051-0 28.22 0 51.098 22.877 51.098 51.098 0 0.036-0 0.072-0 0.108l0-0.006v205.107c-0.087 28.193-22.948 51.017-51.146 51.046l-0.003 0zM409.498 460.544h-204.749c-28.249 0-51.149-22.9-51.149-51.149v0-204.902c0.029-28.237 22.912-51.12 51.146-51.149l204.905-0c28.255 0.029 51.149 22.941 51.149 51.2l-0 0v204.851c0 0.015 0 0.033 0 0.051 0 28.249-22.9 51.149-51.149 51.149-0.054 0-0.108-0-0.162-0l0.008 0zM409.498 870.656h-204.749c-28.255-0.029-51.149-22.941-51.149-51.2l0-0v-204.954c-0-28.259 22.894-51.171 51.146-51.2l204.905-0c0.015-0 0.033-0 0.051-0 28.22 0 51.098 22.877 51.098 51.098 0 0.036-0 0.072-0 0.108l0-0.006v205.107c-0.087 28.211-22.977 51.047-51.2 51.047-0.036 0-0.072-0-0.108-0l0.006 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_grid_view_solid_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 184,
+				"id": 1,
+				"name": "db_ic_grid_view_solid_20",
+				"prevSize": 32,
+				"code": 66318
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c225.587 0 409.6 184.013 409.6 409.6s-184.013 409.6-409.6 409.6c-225.587 0-409.6-184.013-409.6-409.6s184.013-409.6 409.6-409.6zM659.2 294.4l-145.613 144.026-143.923-144.026-72.090 71.987 144.077 145.613-144.026 145.613 72.038 71.987 143.974-145.613 145.613 145.613 71.987-71.987-145.664-145.613 145.613-145.613-71.987-71.987z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["cancel-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 239,
+				"id": 0,
+				"name": "cancel-filled",
+				"prevSize": 32,
+				"code": 11198
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-navigation-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-navigation-outline.json
new file mode 100644
index 0000000000..2849e694f2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-navigation-outline.json
@@ -0,0 +1,494 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M384 717.107c0 27.136 22.067 50.893 50.944 50.893 13.619 0 27.187-6.81 35.686-15.258l205.312-205.107c10.138-10.189 15.258-23.757 15.258-35.635 0-13.568-5.12-27.136-15.309-35.635l-205.312-205.107c-8.397-10.138-21.965-15.258-35.584-15.258-28.083 0.087-50.828 22.814-50.944 50.882l-0 0.011c0 13.619 5.12 27.136 15.309 37.376l167.885 167.731-167.936 167.731c-10.24 10.24-15.309 23.757-15.309 37.376z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_link_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 185,
+				"id": 20,
+				"name": "db_ic_link_20",
+				"prevSize": 32,
+				"code": 129122
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 576c-35.36 0-64.026-28.665-64.026-64.026s28.665-64.026 64.026-64.026v-0c35.36 0 64.026 28.665 64.026 64.026s-28.665 64.026-64.026 64.026v0zM716.8 576c-35.36 0-64.026-28.665-64.026-64.026s28.665-64.026 64.026-64.026v-0c35.36 0 64.026 28.665 64.026 64.026s-28.665 64.026-64.026 64.026v0zM307.2 576c-35.346 0-64-28.654-64-64s28.654-64 64-64v0c35.346 0 64 28.654 64 64s-28.654 64-64 64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_navigation_more-horizontal_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 188,
+				"id": 0,
+				"name": "ic-db_navigation_more-horizontal_20",
+				"prevSize": 32,
+				"code": 8943
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M576 512c0 35.36-28.665 64.026-64.026 64.026s-64.026-28.665-64.026-64.026h-0c0-35.36 28.665-64.026 64.026-64.026s64.026 28.665 64.026 64.026v0zM576 307.2c0 35.36-28.665 64.026-64.026 64.026s-64.026-28.665-64.026-64.026h-0c0-35.36 28.665-64.026 64.026-64.026s64.026 28.665 64.026 64.026v0zM576 716.8c0 35.346-28.654 64-64 64s-64-28.654-64-64v0c0-35.346 28.654-64 64-64s64 28.654 64 64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_navigation_more-vertical_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 189,
+				"id": 1,
+				"name": "ic-db_navigation_more-vertical_20",
+				"prevSize": 32,
+				"code": 8942
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M169.626 476.826c-9.833 8.374-16.029 20.765-16.029 34.603 0 0.201 0.001 0.402 0.004 0.602l-0-0.030c0 12.8 4.813 25.6 16.026 36.813l254.362 256c9.626 9.574 24.013 14.387 36.813 14.387 28.826 0 51.2-22.426 51.2-51.2 0-0.079 0.001-0.173 0.001-0.267 0-13.635-5.495-25.987-14.391-34.962l0.004 0.004-169.626-169.574h491.213c28.826 0 51.2-22.426 51.2-51.2 0-27.187-22.426-51.2-51.2-51.2h-491.213l169.677-167.987c9.523-11.213 14.336-24.013 14.336-36.813 0-27.187-22.426-51.2-51.2-51.2-0.133-0.001-0.291-0.002-0.448-0.002-12.195 0-23.369 4.373-32.039 11.637l0.078-0.064-258.816 260.454z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["arrow-back"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 190,
+				"id": 2,
+				"name": "arrow-back",
+				"prevSize": 32,
+				"code": 8592
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M476.826 854.426c8.373 9.803 20.745 15.979 34.56 15.979 0.216 0 0.432-0.002 0.647-0.005l-0.033 0c12.8 0 25.6-4.813 36.813-16.026l256-254.362c9.574-9.626 14.387-24.013 14.387-36.813 0-28.826-22.426-51.2-51.2-51.2-0.079-0-0.173-0.001-0.267-0.001-13.635 0-25.987 5.495-34.962 14.391l0.004-0.004-169.574 169.626v-491.213c0-28.826-22.426-51.2-51.2-51.2-27.187 0-51.2 22.426-51.2 51.2v491.213l-167.987-169.677c-9.744-8.732-22.629-14.136-36.772-14.336l-0.041-0c-27.187 0-51.2 22.426-51.2 51.2 0 10.957 3.533 23.091 11.571 32.41l260.454 258.816z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["arrow-down"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 191,
+				"id": 3,
+				"name": "arrow-down",
+				"prevSize": 32,
+				"code": 8595
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M838.12 521.167c9.337-7.974 15.218-19.757 15.218-32.914 0-0.223-0.002-0.445-0.005-0.667l0 0.034c0-12.19-4.584-24.381-15.262-35.060l-242.249-243.81c-9.072-8.49-21.301-13.703-34.748-13.703-0.11 0-0.219 0-0.329 0.001l0.017-0c-27.453 0-48.762 21.358-48.762 48.762 0 12.19 4.584 24.381 13.702 33.548l161.548 161.499h-467.822c-27.453 0-48.762 21.358-48.762 48.762 0 25.893 21.358 48.762 48.762 48.762h467.822l-161.548 159.988c-8.334 9.275-13.497 21.545-13.702 35.018l-0.001 0.042c0 25.893 21.358 48.762 48.762 48.762 0.205 0.003 0.446 0.005 0.688 0.005 13.617 0 25.861-5.875 34.337-15.228l0.035-0.039 242.298-243.81z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["arrow-forward"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 192,
+				"id": 4,
+				"name": "arrow-forward",
+				"prevSize": 32,
+				"code": 8594
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M545.548 161.548c-7.975-9.365-19.776-15.267-32.955-15.267-0.208 0-0.417 0.001-0.624 0.004l0.031-0c-12.19 0-24.381 4.584-35.060 15.262l-243.81 242.249c-8.49 9.072-13.703 21.301-13.703 34.748 0 0.11 0 0.219 0.001 0.329l-0-0.017c0 27.453 21.358 48.762 48.762 48.762 12.19 0 24.381-4.584 33.548-13.702l161.499-161.548v467.822c0 27.453 21.358 48.762 48.762 48.762 25.893 0 48.762-21.358 48.762-48.762v-467.822l159.988 161.548c10.679 9.118 22.869 13.702 35.060 13.702 25.893 0 48.762-21.358 48.762-48.762 0.001-0.127 0.002-0.277 0.002-0.427 0-11.615-4.165-22.257-11.083-30.514l0.061 0.074-248.003-246.491z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["arrow-up"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 193,
+				"id": 5,
+				"name": "arrow-up",
+				"prevSize": 32,
+				"code": 8593
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c225.587 0 409.6 184.013 409.6 409.6s-184.013 409.6-409.6 409.6c-225.587 0-409.6-184.013-409.6-409.6s184.013-409.6 409.6-409.6zM512 204.8c-169.626 0-307.2 137.626-307.2 307.2 0 169.626 137.626 307.2 307.2 307.2 169.626 0 307.2-137.626 307.2-307.2 0-169.626-137.626-307.2-307.2-307.2zM620.8 332.8l70.4 71.987-107.213 107.213 107.213 107.213-71.987 71.987-107.213-107.213-107.213 107.213-71.987-71.987 107.213-107.213-107.213-107.213 71.987-71.987 107.213 107.213 108.8-107.213z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["cancel"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 194,
+				"id": 6,
+				"name": "cancel",
+				"prevSize": 32,
+				"code": 11198
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M665.6 768.307c0 27.136-22.067 50.893-50.944 50.893-13.619 0-27.187-6.81-35.686-15.258l-256.512-256.307c-9.188-9.128-14.965-21.68-15.257-35.58l-0.001-0.055c0-11.622 3.738-23.296 11.264-31.744l260.506-260.198c8.499-10.189 22.067-15.258 35.686-15.258 28.877 0 50.944 23.757 50.944 50.893 0 13.619-5.12 27.136-15.309 37.376l-219.136 218.931 219.136 218.931c10.24 10.24 15.309 23.757 15.309 37.376z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["chevron-left"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 195,
+				"id": 7,
+				"name": "chevron-left",
+				"prevSize": 32,
+				"code": 60
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M358.4 768.307c0 27.136 22.067 50.893 50.944 50.893 13.619 0 27.187-6.81 35.686-15.258l256.512-256.307c10.138-10.189 15.258-23.757 15.258-35.635 0-13.568-5.12-27.136-15.309-35.635l-256.512-256.307c-8.397-10.138-21.965-15.258-35.584-15.258-28.105 0.058-50.879 22.796-50.995 50.882l-0 0.011c0 13.619 5.12 27.136 15.309 37.376l219.136 218.931-219.136 218.931c-10.24 10.24-15.309 23.757-15.309 37.376z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["chevron-right"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 196,
+				"id": 8,
+				"name": "chevron-right",
+				"prevSize": 32,
+				"code": 62
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M204.8 768c-0.013-0.422-0.020-0.918-0.020-1.416 0-13.777 5.497-26.271 14.417-35.407l-0.010 0.010 219.238-219.187-219.29-220.826c-8.862-8.966-14.337-21.297-14.337-34.907 0-0.094 0-0.188 0.001-0.282l-0 0.015c0-25.6 20.787-51.2 51.2-51.2 12.8 0 25.6 4.813 35.226 14.387l220.774 219.238 220.826-219.238c8.971-8.893 21.323-14.388 34.958-14.388 0.076 0 0.152 0 0.228 0.001l-0.012-0c27.187 0 51.2 22.426 51.2 51.2 0 12.8-4.813 25.6-14.387 35.226l-219.187 220.774 219.136 219.187c8.94 9.132 14.457 21.646 14.457 35.448 0 0.48-0.007 0.958-0.020 1.435l0.002-0.070c0 27.187-22.426 51.2-51.2 51.2-0.422 0.013-0.918 0.020-1.416 0.020-13.777 0-26.271-5.497-35.407-14.417l0.010 0.010-219.187-220.826-219.187 220.877c-9.121 8.88-21.594 14.357-35.346 14.357-0.516 0-1.030-0.008-1.542-0.023l0.075 0.002c-28.826 0-51.2-24.013-51.2-51.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["close"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 197,
+				"id": 9,
+				"name": "close",
+				"prevSize": 32,
+				"code": 10799
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M255.693 665.6c-28.079-0.116-50.806-22.861-50.893-50.936l-0-0.008c0-13.619 6.81-27.187 15.258-35.686l256.307-256.512c10.189-10.138 23.757-15.258 35.635-15.258 11.622 0 23.296 3.738 31.744 11.264l260.198 260.506c10.189 8.499 15.258 22.067 15.258 35.686-0.087 28.083-22.814 50.828-50.882 50.944l-0.011 0c-13.619 0-27.136-5.12-37.376-15.309l-218.931-219.136-218.931 219.136c-10.24 10.24-23.757 15.309-37.376 15.309z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["expand-less"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 198,
+				"id": 10,
+				"name": "expand-less",
+				"prevSize": 32,
+				"code": 8963
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M255.693 358.4c-28.079 0.116-50.806 22.861-50.893 50.936l-0 0.008c0 13.619 6.81 27.187 15.258 35.686l256.307 256.512c10.189 10.138 23.757 15.258 35.635 15.258 0.258 0.005 0.563 0.008 0.868 0.008 11.796 0 22.597-4.262 30.946-11.33l-0.070 0.058 260.198-260.506c10.189-8.499 15.258-22.067 15.258-35.686-0.087-28.083-22.814-50.828-50.882-50.944l-0.011-0c-13.619 0-27.136 5.12-37.376 15.309l-218.931 219.136-218.931-219.136c-9.514-9.461-22.629-15.309-37.111-15.309-0.093 0-0.187 0-0.28 0.001l0.014-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["expand-more"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 199,
+				"id": 11,
+				"name": "expand-more",
+				"prevSize": 32,
+				"code": 8964
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M205.312 563.712l204.288-0.512c28.314 0 50.688 23.808 50.688 52.173l0.512 203.827c0 28.277-22.923 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v0-153.6h-153.6c-28.365 0-51.2-22.886-51.2-51.2s23.347-50.688 51.712-50.688zM819.2 563.2c28.277 0 51.2 22.923 51.2 51.2v0c0 28.314-24.576 51.2-51.2 51.2h-153.6v153.6c0 28.277-22.923 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v0l0.512-203.827c0-28.365 22.374-52.173 50.688-52.173h204.8zM819.456 460.8h-205.056c-28.277 0-51.2-22.923-51.2-51.2v0l0.512-204.288c0-28.365 21.402-51.2 49.715-51.2 28.365 0 52.173 24.269 52.173 52.582v151.706h153.344c26.675 0 51.456 22.886 51.456 51.2s-22.63 51.2-50.944 51.2zM205.261 460.288c-0.153 0.002-0.333 0.003-0.514 0.003-28.088 0-50.887-22.64-51.147-50.666l-0-0.025c0-28.314 22.835-51.2 51.2-51.2h153.6v-151.706c0-28.314 21.914-53.094 50.227-53.094 28.365 0 51.712 23.347 51.712 51.712l0.461 204.288c0 28.277-22.923 51.2-51.2 51.2v0l-204.288-0.512z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fullscreen-exit"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 200,
+				"id": 12,
+				"name": "fullscreen-exit",
+				"prevSize": 32,
+				"code": 921888
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M204.8 614.4c28.826 0 52.787 22.426 52.787 51.2v102.4h100.813c28.826 0 51.2 22.426 51.2 51.2 0 27.187-22.426 51.2-51.2 51.2h-153.6c-27.187 0-51.2-24.013-51.2-51.2v-153.6c0-28.826 24.013-51.2 51.2-51.2zM817.613 615.987c28.774 0 51.2 22.426 51.2 51.2v152.013c0 27.187-22.426 51.2-51.2 51.2h-153.6c-28.826 0-51.2-24.013-51.2-51.2 0-28.826 22.374-51.2 51.2-51.2h102.4v-100.813c0-28.774 24.013-51.2 51.2-51.2zM819.2 153.6c27.187 0 51.2 24.013 51.2 51.2v153.6c0 28.826-24.013 51.2-51.2 51.2-28.826 0-52.787-22.426-52.787-51.2v-102.4h-100.813c-28.826 0-51.2-22.426-51.2-51.2 0-27.187 22.426-51.2 51.2-51.2h153.6zM358.4 153.6c28.826 0 51.2 24.013 51.2 51.2 0 28.826-22.426 51.2-51.2 51.2h-102.4v102.4c0 28.826-22.426 51.2-51.2 51.2-27.187 0-51.2-22.426-51.2-51.2v-153.6c0-27.187 24.013-51.2 51.2-51.2h153.6z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fullscreen"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 201,
+				"id": 13,
+				"name": "fullscreen",
+				"prevSize": 32,
+				"code": 921881
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M819.251 563.302c0.015-0 0.033-0 0.051-0 28.22 0 51.098 22.877 51.098 51.098 0 0.036-0 0.072-0 0.108l0-0.006v205.107c-0.087 28.193-22.948 51.017-51.146 51.046l-204.905 0c-28.255-0.029-51.149-22.941-51.149-51.2l0-0v-204.954c-0-28.259 22.894-51.171 51.146-51.2l204.905-0zM409.651 563.302c0.015-0 0.033-0 0.051-0 28.22 0 51.098 22.877 51.098 51.098 0 0.036-0 0.072-0 0.108l0-0.006v205.107c-0.087 28.211-22.977 51.047-51.2 51.047-0.036 0-0.072-0-0.108-0l0.006 0h-204.749c-28.255-0.029-51.149-22.941-51.149-51.2l0-0v-204.954c-0-28.259 22.894-51.171 51.146-51.2l204.905-0zM358.4 665.702h-102.4v102.554h102.4v-102.554zM768 665.702h-102.4v102.554h102.4v-102.554zM819.251 153.344c28.255 0.029 51.149 22.941 51.149 51.2l-0 0v204.851c0 0.015 0 0.033 0 0.051 0 28.249-22.9 51.149-51.149 51.149l-204.902-0c-28.249 0-51.149-22.9-51.149-51.149 0-0.018 0-0.036 0-0.054l-0 0.003v-204.902c-0-28.249 22.9-51.149 51.149-51.149h204.902zM409.651 153.344c28.255 0.029 51.149 22.941 51.149 51.2l-0 0v204.851c0 0.015 0 0.033 0 0.051 0 28.249-22.9 51.149-51.149 51.149-0.054 0-0.108-0-0.162-0l0.008 0h-204.749c-28.249 0-51.149-22.9-51.149-51.149 0-0.018 0-0.036 0-0.054l-0 0.003v-204.902c0.029-28.237 22.912-51.12 51.146-51.149l204.905-0zM768 256h-102.4v102.4h102.4v-102.4zM358.4 256h-102.4v102.4h102.4v-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["grid-view"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 202,
+				"id": 14,
+				"name": "grid-view",
+				"prevSize": 32,
+				"code": 66318
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M358.81 256h358.246c26.317 0 50.944 19.712 50.944 46.029v363.162c0 26.266-23.040 50.893-50.944 50.893-0.23 0.004-0.501 0.006-0.773 0.006-27.711 0-50.176-22.465-50.176-50.176 0-0.254 0.002-0.508 0.006-0.761l-0 0.038v-235.008l-299.008 299.059c-8.192 9.882-19.712 13.158-31.232 13.158-29.859-0.259-53.991-24.409-54.221-54.25l-0-0.022c0-9.83 3.277-21.299 9.882-27.904l302.336-302.336h-235.008c-0.321 0.007-0.699 0.012-1.078 0.012-27.338 0-49.532-22.020-49.815-49.29l-0-0.027c0-27.955 21.35-52.582 50.893-52.582z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["link-external"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 203,
+				"id": 15,
+				"name": "link-external",
+				"prevSize": 32,
+				"code": 129125
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M461.517 819.2h358.656c26.778 0 50.227-23.501 50.227-52.019 0-26.88-23.45-50.381-50.227-50.381h-358.656c-28.467 0-51.917 23.501-51.917 50.381 0.115 28.647 23.278 51.846 51.9 52.019l0.017 0zM205.926 819.2h50.637c26.982 0 50.637-23.501 50.637-52.019 0-26.88-23.654-50.381-50.637-50.381h-50.637c-28.672 0-52.326 23.501-52.326 50.381 0 28.467 23.654 52.019 52.326 52.019zM461.517 563.2h358.656c26.778 0 50.227-23.142 50.227-51.2s-23.45-51.2-50.227-51.2h-358.656c-28.467 0-51.917 23.142-51.917 51.2s23.45 51.2 51.917 51.2zM205.926 563.2h50.637c26.982 0 50.637-23.142 50.637-51.2s-23.654-51.2-50.637-51.2h-50.637c-28.672 0-52.326 23.142-52.326 51.2s23.654 51.2 52.326 51.2zM461.517 307.2h358.656c26.778 0 50.227-23.501 50.227-52.019 0-26.88-23.45-50.381-50.227-50.381h-358.656c-28.467 0-51.917 23.501-51.917 50.381 0.115 28.647 23.278 51.846 51.9 52.019l0.017 0zM205.926 307.2h50.637c26.982 0 50.637-23.501 50.637-52.019 0-26.88-23.654-50.381-50.637-50.381h-50.637c-28.672 0-52.326 23.501-52.326 50.381 0 28.467 23.654 52.019 52.326 52.019z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["list"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 205,
+				"id": 17,
+				"name": "list",
+				"prevSize": 32,
+				"code": 921889
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M153.6 512c0-28.826 22.426-51.2 51.2-51.2h446.413c28.774 0 51.2 22.426 51.2 51.2 0 27.187-22.426 51.2-51.2 51.2h-446.413c-28.826 0-51.2-24.013-51.2-51.2zM153.6 768c0-28.826 22.426-51.2 51.2-51.2h614.4c28.826 0 51.2 22.426 51.2 51.2 0 28.826-22.426 51.2-51.2 51.2h-614.4c-28.826 0-51.2-22.426-51.2-51.2zM153.6 256c0-28.826 22.426-51.2 51.2-51.2h614.4c28.826 0 51.2 22.426 51.2 51.2 0 28.826-22.426 51.2-51.2 51.2h-614.4c-28.826 0-51.2-22.426-51.2-51.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["menu"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 206,
+				"id": 18,
+				"name": "menu",
+				"prevSize": 32,
+				"code": 921890
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M153.6 509.389c0-137.37 88.781-242.842 226.099-279.706l-50.227-31.795c-13.326-10.372-21.817-26.414-21.817-44.439 0-0.289 0.002-0.578 0.007-0.866l-0.001 0.044c0-28.467 21.811-50.227 50.278-50.227 10.035 0 20.070 3.328 28.467 8.346l154.112 103.885c11.674 6.656 23.398 21.76 23.398 41.83-0.203 10.561-3.283 20.363-8.484 28.705l0.138-0.238-103.885 154.112c-9.738 14.237-25.9 23.459-44.217 23.459-0.349 0-0.697-0.003-1.045-0.010l0.052 0.001c-26.869-0.251-48.554-22.091-48.554-48.996 0-0.451 0.006-0.9 0.018-1.348l-0.001 0.066c0-11.725 3.328-21.76 8.346-30.106l35.174-51.917c-85.402 16.742-145.715 92.109-145.715 179.2 0 65.28 31.846 127.283 82.074 167.424 12.29 9.39 20.139 24.053 20.139 40.55 0 0.468-0.006 0.935-0.019 1.4l0.001-0.069c-0.058 27.745-22.534 50.22-50.273 50.278l-0.006 0c-11.725 0-23.45-3.379-31.795-10.086-77.056-61.952-122.266-152.371-122.266-249.446zM871.117 517.274c0 137.318-88.781 242.842-226.099 279.654l50.227 31.846c15.104 11.725 23.45 28.467 23.45 45.21 0 28.467-23.45 50.227-51.917 50.227-10.035 0-20.070-3.328-28.467-8.346l-154.112-103.834c-14.121-8.656-23.4-24.005-23.4-41.521 0-0.127 0-0.253 0.001-0.38l-0 0.019c0-11.725 3.328-20.070 8.397-28.467l103.834-154.112c10.035-15.053 26.778-23.398 45.21-23.398 25.088 0 50.227 20.070 50.227 50.227 0 10.035-5.018 21.76-10.035 30.157l-35.174 51.917c85.402-16.742 145.715-92.16 145.715-179.2 0-65.331-31.846-127.283-82.074-169.165-13.414-8.346-20.122-25.088-20.122-40.192 0-25.088 20.122-51.917 51.917-51.917 10.086 0 21.811 5.018 30.208 11.725 78.643 61.952 122.214 152.422 122.214 249.549z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["refresh"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 207,
+				"id": 19,
+				"name": "refresh",
+				"prevSize": 32,
+				"code": 128472
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-notification-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-notification-filled.json
new file mode 100644
index 0000000000..5f033ea7ef
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-notification-filled.json
@@ -0,0 +1,82 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M487.57 97.524c38.766 0 72.85 20.578 88.552 52.175l291.499 587.142c6.875 13.848 9.947 28.574 9.947 42.374 0 54.126-44.763 98.499-98.499 98.499h-583.046c-53.736 0-98.499-44.373-98.499-98.499 0-14.775 3.413-29.355 9.947-42.374l293.547-585.143c16.243-32.070 48.792-53.761 86.448-54.174l0.055-0zM487.619 679.741c-0.001-0-0.002-0-0.002-0-27.836 0-50.434 22.428-50.71 50.199l-0 0.026c0 28.021 22.716 50.737 50.737 50.737s50.737-22.716 50.737-50.737v0c0-27.599-22.918-50.225-50.761-50.225zM536.381 292.571h-97.524v292.571h97.524v-292.571z"
+				],
+				"attrs": [{}],
+				"width": 975,
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["ic-db_error-triangle-filled_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 61,
+				"id": 2,
+				"name": "ic-db_error-triangle-filled_20",
+				"prevSize": 32,
+				"code": 9888
+			},
+			"setIdx": 47,
+			"setId": 21,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M487.619 97.524c214.845 0 390.095 175.25 390.095 390.095s-175.25 390.095-390.095 390.095c-214.845 0-390.095-175.25-390.095-390.095s175.25-390.095 390.095-390.095zM487.619 595.822c-25.893 0-48.762 21.309-48.762 47.25 0 27.404 22.869 48.762 48.762 48.762 27.453 0 48.762-21.358 48.762-48.762-0.27-26.186-21.56-47.309-47.784-47.309-0.344 0-0.687 0.004-1.029 0.011l0.051-0.001zM536.381 292.571h-97.524v243.81h97.524v-243.81z"
+				],
+				"width": 975,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["error-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 63,
+				"id": 0,
+				"name": "error-filled",
+				"prevSize": 32,
+				"code": 921891
+			},
+			"setIdx": 47,
+			"setId": 21,
+			"iconIdx": 1
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-notification-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-notification-outline.json
new file mode 100644
index 0000000000..11c148a338
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-notification-outline.json
@@ -0,0 +1,141 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M487.619 97.524c37.644 0 68.12 21.26 84.456 52.37l288.037 587.483c6.534 14.726 9.801 29.452 9.801 42.52 0 54.028-37.352 97.816-89.722 97.816h-585.143c-52.37 0-97.524-43.788-97.524-97.816 0-14.726 3.267-29.452 9.801-42.52l291.304-584.265c14.726-32.67 53.004-55.589 88.99-55.589zM487.619 195.048l-292.571 585.143h585.143l-292.571-585.143zM438.857 585.143v-195.048h97.524v195.048h-97.524zM487.619 634.246c26.722 0 48.762 22.040 48.762 48.762 0 26.77-22.040 48.762-48.762 48.762s-48.762-21.992-48.762-48.762c0-26.722 22.040-48.762 48.762-48.762z"
+				],
+				"attrs": [{}],
+				"width": 975,
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["error-triangle"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 235,
+				"id": 3,
+				"name": "error-triangle",
+				"prevSize": 32,
+				"code": 9888
+			},
+			"setIdx": 44,
+			"setId": 10,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M487.619 97.524c214.845 0 390.095 175.25 390.095 390.095s-175.25 390.095-390.095 390.095c-214.845 0-390.095-175.25-390.095-390.095s175.25-390.095 390.095-390.095zM487.619 195.048c-161.548 0-292.571 131.072-292.571 292.571 0 161.548 131.072 292.571 292.571 292.571 161.548 0 292.571-131.072 292.571-292.571 0-161.548-131.072-292.571-292.571-292.571zM487.619 585.143c27.453 0 48.762 21.65 48.762 47.982 0.007 0.305 0.011 0.664 0.011 1.025 0 26.796-21.722 48.518-48.518 48.518-0.090 0-0.179-0-0.268-0.001l0.014 0c-25.893 0-48.762-21.65-48.762-49.542 0-26.331 22.869-47.982 48.762-47.982zM536.381 292.571v243.81h-97.524v-243.81h97.524z"
+				],
+				"attrs": [{}],
+				"width": 975,
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["error"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 236,
+				"id": 2,
+				"name": "error",
+				"prevSize": 32,
+				"code": 921891
+			},
+			"setIdx": 44,
+			"setId": 10,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M1024.051 253.030c-32.482 33.404-77.842 54.139-128.046 54.17l-0.006 0c-98.852-0.29-178.91-80.348-179.2-179.172l-0-0.028c0.031-50.235 20.786-95.616 54.178-128.061l0.043-0.041 252.979 0.102v253.030z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["notify-cutoff"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 237,
+				"id": 1,
+				"name": "notify-cutoff",
+				"prevSize": 32,
+				"code": 921895
+			},
+			"setIdx": 44,
+			"setId": 10,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M896 0c70.4 0 128 57.6 128 128s-57.6 128-128 128c-70.611-0.203-127.797-57.39-128-127.981l-0-0.019c0-70.4 57.6-128 128-128z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["notify"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 238,
+				"id": 0,
+				"name": "notify",
+				"prevSize": 32,
+				"code": 921894
+			},
+			"setIdx": 44,
+			"setId": 10,
+			"iconIdx": 3
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-seat-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-seat-outline.json
new file mode 100644
index 0000000000..514155467b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-seat-outline.json
@@ -0,0 +1,310 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M870.4 665.6c28.273 0.005 51.191 22.926 51.191 51.2 0 25.052-17.993 45.902-41.761 50.332l-0.317 0.049 15.77 94.822c0.439 2.519 0.69 5.42 0.69 8.38 0 28.277-22.923 51.2-51.2 51.2-23.199 0-42.795-15.43-49.084-36.587l-0.092-0.362-1.28-5.837-18.534-110.797h-527.616l-18.432 110.797c-4.038 24.589-25.134 43.12-50.558 43.12-28.277 0-51.2-22.923-51.2-51.2 0-0.976 0.027-1.946 0.081-2.908l-0.006 0.134 0.666-5.939 15.77-94.822c-24.075-4.486-42.059-25.332-42.059-50.377 0-26.156 19.613-47.731 44.935-50.821l0.247-0.025 5.99-0.358zM467.354 461.21c136.602 16.896 273.050 33.997 409.395 51.2 25.406 3.274 44.835 24.77 44.835 50.803 0 2.234-0.143 4.434-0.42 6.592l0.027-0.255c-3.226 26.061-25.958 44.851-57.139 44.442-191.898-23.808-382.874-47.974-400.794-50.176-8.192 28.774-18.79 48.947-54.067 50.586-28.101-0.231-50.792-23.065-50.792-51.198 0-0.145 0.001-0.289 0.002-0.433l-0 0.022c0.41-51.2 50.79-108.186 108.954-101.581zM230.4 614.4c42.415 0 76.8-34.385 76.8-76.8s-34.385-76.8-76.8-76.8v0c-42.415 0-76.8 34.385-76.8 76.8s34.385 76.8 76.8 76.8v0zM494.694 209.51c7.936 0 14.438 8.397 14.438 16.282 0.004 0.188 0.006 0.409 0.006 0.63 0 8.996-3.382 17.202-8.944 23.416l0.030-0.034-60.826 78.182h56.115c8.398 0 15.206 6.808 15.206 15.206s-6.808 15.206-15.206 15.206l-91.187 0c-8.397 0-15.206-7.987-15.206-17.254 0-9.83 2.304-15.309 6.656-21.299l63.744-79.923h-49.306c-8.398-0-15.206-6.808-15.206-15.206s6.808-15.206 15.206-15.206h-0zM689.101 153.6c10.496 0 18.995 10.496 18.995 20.070 0 0.011 0 0.024 0 0.037 0 12.114-4.207 23.245-11.24 32.012l0.078-0.101-76.595 96.102h68.762c10.491 0 18.995 8.504 18.995 18.995s-8.504 18.995-18.995 18.995v0h-106.547c-10.496 0-18.995-11.981-18.995-20.378 0-12.595 3.942-22.528 11.213-31.642l76.8-96.102h-69.427c-10.491 0-18.995-8.504-18.995-18.995s8.504-18.995 18.995-18.995v0h106.906zM901.581 102.4c11.776 0 21.299 12.237 21.299 23.398 0 13.517-4.403 26.624-12.493 37.171l-85.965 111.923h77.158c11.776 0 21.299 9.933 21.299 22.118 0.003 0.123 0.004 0.268 0.004 0.413 0 11.847-9.489 21.477-21.282 21.705l-0.021 0h-119.552c-11.776 0-21.299-13.926-21.299-23.757 0-14.643 4.403-26.214 12.544-36.813l86.17-111.923h-77.824c-11.814-0.228-21.303-9.858-21.303-21.705 0-0.145 0.001-0.29 0.004-0.435l-0 0.022c0-12.237 9.523-22.118 21.299-22.118z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_couchette_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 240,
+				"id": 0,
+				"name": "db_ic_couchette_20",
+				"prevSize": 32,
+				"code": 921993
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M494.694 209.51c7.936 0 14.438 8.397 14.438 16.282 0.004 0.188 0.006 0.409 0.006 0.63 0 8.996-3.382 17.202-8.944 23.416l0.030-0.034-60.826 78.182h56.115c8.398 0 15.206 6.808 15.206 15.206s-6.808 15.206-15.206 15.206l-91.187 0c-8.397 0-15.206-7.987-15.206-17.254 0-9.83 2.304-15.309 6.656-21.299l63.744-79.923h-49.306c-8.398-0-15.206-6.808-15.206-15.206s6.808-15.206 15.206-15.206h-0zM689.101 153.6c10.496 0 18.995 10.496 18.995 20.070 0 0.011 0 0.024 0 0.037 0 12.114-4.207 23.245-11.24 32.012l0.078-0.101-76.595 96.102h68.762c10.491 0 18.995 8.504 18.995 18.995s-8.504 18.995-18.995 18.995v0h-106.547c-10.496 0-18.995-11.981-18.995-20.378 0-12.595 3.942-22.528 11.213-31.642l76.8-96.102h-69.427c-10.491 0-18.995-8.504-18.995-18.995s8.504-18.995 18.995-18.995v0h106.906zM901.581 102.4c11.776 0 21.299 12.237 21.299 23.398 0 13.517-4.403 26.624-12.493 37.171l-85.965 111.923h77.158c11.776 0 21.299 9.933 21.299 22.118 0.003 0.123 0.004 0.268 0.004 0.413 0 11.847-9.489 21.477-21.282 21.705l-0.021 0h-119.552c-11.776 0-21.299-13.926-21.299-23.757 0-14.643 4.403-26.214 12.544-36.813l86.17-111.923h-77.824c-11.814-0.228-21.303-9.858-21.303-21.705 0-0.145 0.001-0.29 0.004-0.435l-0 0.022c0-12.237 9.523-22.118 21.299-22.118zM153.6 434.278c26.266 0 51.2 20.582 51.2 51.2 0.102 22.528 0.102 45.005 0 67.482-0 62.209 50.431 112.64 112.64 112.64h0c184.32 0.102 368.64 0.102 552.96 0 28.273 0.005 51.191 22.926 51.191 51.2 0 25.052-17.993 45.902-41.761 50.332l-0.317 0.049 15.77 94.822c0.439 2.519 0.69 5.419 0.69 8.378 0 25.302-18.353 46.317-42.473 50.459l-0.304 0.043c-2.417 0.401-5.203 0.63-8.042 0.63-25.361 0-46.449-18.293-50.791-42.403l-0.047-0.314c7.499 59.294 1.015 21.629-5.338-16.081l-13.196-94.767-458.342 0.051c-0.061 0-0.133 0-0.205 0-27.731 0-54.233-5.262-78.562-14.841l1.455 0.505-37.274 130.816c-6.314 21.624-25.961 37.154-49.236 37.154-5.022 0-9.875-0.723-14.461-2.071l0.362 0.091c-25.242-7.219-43.315-35.174-35.174-63.334 15.718-55.398 31.539-110.797 47.462-166.195-28.723-34.662-49.408-90.726-49.408-137.165v-67.482c0-28.277 22.923-51.2 51.2-51.2v0zM332.646 460.8c42.415 0 76.8 34.385 76.8 76.8s-34.385 76.8-76.8 76.8v0c-42.415 0-76.8-34.385-76.8-76.8s34.385-76.8 76.8-76.8v0zM563.866 467.917c104.755 14.694 209.357 29.542 313.754 44.595 25.001 3.661 43.98 24.958 43.98 50.688 0 2.547-0.186 5.050-0.545 7.497l0.033-0.278c-4.047 25.015-25.488 43.886-51.336 43.886-2.317 0-4.598-0.152-6.834-0.445l0.263 0.028c-150.528-21.35-156.006-24.474-300.646-42.957-6.349 27.546-23.296 41.984-50.944 43.469-28.101-0.231-50.792-23.065-50.792-51.198 0-0.145 0.001-0.289 0.002-0.433l-0 0.022c0.41-52.941 46.080-100.301 103.066-94.874z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bed_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 193,
+				"id": 1,
+				"name": "db_ic_bed_20",
+				"prevSize": 32,
+				"code": 128719
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M880.998 143.002c9.264 9.265 14.994 22.065 14.994 36.202 0 11.877-4.044 22.809-10.83 31.495l0.085-0.113-4.25 4.813-347.75 347.802 108.749 0.051c23.706 0 45.312 17.92 50.534 40.602l57.805 250.726c1.382 6.144 2.048 11.366 2.048 16.538 0 30.925-23.706 50.534-50.534 50.534-24.194-0.226-44.357-17.215-49.446-39.902l-0.064-0.341-50.586-215.808-170.854-0.102-102.042 102.144 1.28 0.154 180.838 0.102c27.853 0 51.558 23.706 51.558 50.534 0 27.853-24.73 51.968-51.558 51.968h-182.63c-28.211 0-54.528-10.24-74.854-27.443l-63.693 63.642c-9.259 9.229-22.034 14.935-36.142 14.935-28.277 0-51.2-22.923-51.2-51.2 0-11.849 4.025-22.757 10.782-31.433l-0.086 0.115 4.25-4.813 691.2-691.2c9.265-9.262 22.063-14.991 36.198-14.991s26.934 5.729 36.199 14.991l-0-0zM153.6 102.4c27.853 0 50.944 23.347 50.944 51.2v132.454l61.235 259.174-85.453 85.453-75.878-322.97c-1.192-4.606-1.932-9.92-2.047-15.388l-0.001-0.075v-138.65c0-27.853 22.323-51.2 51.2-51.2zM383.027 358.246c18.33 0 35.226 9.882 44.544 25.293l-83.507 83.354-9.574-40.499c-1.212-4.935-1.953-10.626-2.047-16.474l-0.001-0.064c0-28.877 23.706-51.61 50.534-51.61zM384 102.4c41.472 0 76.8 34.253 76.8 76.8s-35.328 76.8-76.8 76.8-76.8-34.253-76.8-76.8 35.328-76.8 76.8-76.8z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_aisle_not_available_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 192,
+				"id": 2,
+				"name": "db_ic_aisle_not_available_20",
+				"prevSize": 32,
+				"code": 921987
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M307.2 921.805c-28.277 0-51.2-22.923-51.2-51.2v0-156.365h-5.581c-81.714-0.087-147.932-66.306-148.019-148.011l-0-0.008c-0.001-0.147-0.001-0.321-0.001-0.495 0-56.293 31.588-105.208 78.006-129.987l0.792-0.386c6.494-3.195 14.135-5.064 22.213-5.064 28.305 0 51.251 22.946 51.251 51.251 0 19.126-10.476 35.805-26.004 44.611l-0.254 0.133-1.946 1.075c-13.194 8.139-21.856 22.514-21.856 38.913 0 25.167 20.401 45.568 45.568 45.568 0.088 0 0.176-0 0.263-0.001l-0.014 0h56.781c28.277 0 51.2 22.923 51.2 51.2v0 207.565c0 28.277-22.923 51.2-51.2 51.2v0zM614.451 204.8c-0.017 0.689-0.026 1.501-0.026 2.315 0 56.554 45.846 102.4 102.4 102.4s102.4-45.846 102.4-102.4c0-0.796-0.009-1.59-0.027-2.382l0.002 0.118c0-0.008 0-0.017 0-0.026 0-56.554-45.846-102.4-102.4-102.4-56.545 0-102.385 45.831-102.4 102.373l-0 0.001zM614.451 358.4c-59.853 0-102.4 48.435-102.4 102.4-0.049 22.797-0.077 49.795-0.077 76.8s0.028 54.003 0.084 80.994l-0.007-4.194c0 60.979 48.435 102.4 102.4 102.4v153.6c0 32.102 24.934 51.2 51.2 51.2 28.277 0 51.2-22.923 51.2-51.2v0-204.8c0-33.946-24.934-51.2-51.2-51.2h-51.2v-153.6h102.4c29.747 0 51.2-24.934 51.2-51.2 0-28.277-22.923-51.2-51.2-51.2v0zM765.44 512.102c-27.025 1.253-48.46 23.467-48.46 50.688s21.436 49.435 48.348 50.684l0.112 0.004h25.856c15.514 0 28.979 16.538 28.979 38.298v219.187c1.253 27.025 23.467 48.46 50.688 48.46s49.435-21.436 50.684-48.348l0.004-0.112v-220.211c0-75.52-57.907-138.598-130.304-138.598h-25.856zM345.6 102.4c-0.689-0.017-1.501-0.026-2.315-0.026-56.554 0-102.4 45.846-102.4 102.4s45.846 102.4 102.4 102.4c0.796 0 1.59-0.009 2.382-0.027l-0.118 0.002c55.572-1.268 100.136-46.617 100.136-102.375 0-55.74-44.536-101.078-99.965-102.372l-0.12-0.002zM409.6 512v-101.939c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2v0 101.939c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_traveler-with-reduced-mobility_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 262,
+				"id": 12,
+				"name": "db_ic_traveler-with-reduced-mobility_20",
+				"prevSize": 32,
+				"code": 921954
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M345.19 127.232c-140.554-252.343-103.328-191.167-66.191-129.93l178.677 317.322c42.752 72.602 14.336 145.92-64.87 145.92l-60.006 0.256v185.958c0 62.106-32.512 104.858-93.696 102.246l-15.667 0.154c-9.728-0.154-18.637 9.472-18.432 19.456l-0.205 101.786c0 28.277-22.923 51.2-51.2 51.2v0c-26.266 0-51.2-17.459-51.2-51.2v-101.786c0-62.515 27.136-116.736 87.757-121.549l40.243-0.307-0.512-186.214c0-48.384 45.312-102.144 102.912-102.144h31.693l-107.11-178.432c-13.517-22.528-4.966-56.781 17.562-70.246 22.528-13.517 52.582-7.936 70.246 17.51zM598.477 414.106c25.242 7.219 43.315 35.174 35.123 63.334l-31.846 111.36h38.246c8.443 0 16.409 2.044 23.429 5.664l-0.287-0.134 69.069 45.568h61.389c5.99 0 11.981 0.819 22.938 5.427l51.2 25.702c19.661 9.83 32.512 33.792 26.726 58.112l-23.962 96.256v45.005c0 26.266-24.934 51.2-51.2 51.2-26.214 0-51.2-24.474-51.2-51.2v-51.2c0.102-4.198 0.614-8.346 1.536-12.339l14.592-58.778c0.512-1.997 1.792-5.683-2.816-5.837l-64.614 0.051c-8.443-0-16.409-2.044-23.429-5.664l0.287 0.134-62.054-40.909c-4.87-2.482-10.552-4.161-16.564-4.698l-0.178-0.013h-42.342l-9.318 32.666v146.586c0 26.266-24.934 50.842-51.2 50.842s-51.2-22.17-51.2-50.842v-147.661c0.192-9.697 1.638-18.978 4.181-27.793l-0.188 0.759 70.349-246.426c6.314-21.624 25.961-37.154 49.236-37.154 5.022 0 9.875 0.723 14.461 2.071l-0.362-0.091zM559.411 102.4c41.626 0 64.614 22.17 64.614 62.618 0 41.83-23.706 64.256-67.584 64.256-4.744-0.11-9.277-0.813-13.591-2.038l0.381 0.093v55.398c0 13.517-9.83 24.474-22.016 24.474-12.134 0-22.016-10.957-22.016-24.474v-156.058c0-13.517 9.83-24.269 22.272-24.269h37.888zM153.6 204.8c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0zM688.486 152.013c9.421 0 20.838 2.611 28.006 5.12 7.834 2.765 12.8 7.066 12.8 15.821 0 8.704-6.451 17.613-14.234 15.77-7.245-3.168-15.682-5.044-24.547-5.12l-0.029-0c-13.21 0-19.046 3.584-19.046 11.315 0 5.018 1.587 8.038 5.581 10.803l3.43 1.638 9.062 2.867 9.472 2.714c25.395 7.475 35.482 20.48 35.482 45.722 0 31.59-17.92 48.333-52.941 48.435-15.155 0-30.31-3.482-40.499-7.578-7.526-3.072-10.035-9.114-9.728-15.718 0.512-10.086 8.704-17.152 18.125-13.312 5.632 2.355 18.074 5.632 28.57 5.632 14.694 0 20.326-3.584 20.326-13.056 0.010-0.181 0.016-0.392 0.016-0.605 0-3.386-1.487-6.424-3.844-8.498l-0.013-0.011-2.714-1.536-5.12-1.843-11.878-3.584c-28.365-9.421-38.246-21.606-38.246-47.923 0-31.027 17.715-47.104 51.968-47.104zM798.106 152.013c9.421 0 20.89 2.611 28.006 5.12 7.834 2.765 12.8 7.066 12.8 15.821 0 8.704-6.4 17.613-14.234 15.77-7.245-3.168-15.682-5.044-24.547-5.12l-0.029-0c-13.21 0-18.995 3.584-18.995 11.315 0 5.018 1.536 8.038 5.53 10.803l3.43 1.638 9.062 2.867 9.472 2.714c25.446 7.475 35.482 20.48 35.482 45.722 0 31.59-17.92 48.333-52.941 48.435-15.104 0-30.259-3.482-40.448-7.578-7.578-3.072-10.086-9.114-9.728-15.718 0.461-10.086 8.602-17.152 18.074-13.312 5.632 2.355 18.125 5.632 28.621 5.632 14.643 0 20.275-3.584 20.275-13.056 0.010-0.181 0.016-0.392 0.016-0.605 0-3.386-1.487-6.424-3.844-8.498l-0.013-0.011-2.714-1.536-5.12-1.843-11.878-3.584c-28.365-9.421-38.246-21.606-38.246-47.923 0-31.027 17.766-47.104 51.968-47.104zM895.13 121.754c9.062 0 14.285 5.274 15.565 12.339l0.358 3.686v18.637l19.814-0.102c7.68-0.051 13.926 6.912 13.926 15.36 0 7.322-4.608 13.466-10.752 15.053l-3.174 0.41h-19.814v73.882c0 9.728 2.714 13.67 10.752 14.49l4.966 0.154 8.96-0.973c7.373 0.256 11.469 7.526 11.469 14.336 0.005 0.15 0.008 0.327 0.008 0.505 0 6.917-4.424 12.8-10.598 14.975l-0.111 0.034c-5.734 1.741-11.776 2.304-18.483 2.304-30.976 0-45.21-12.8-46.95-43.11l-0.205-6.758v-69.786h-3.891l-3.174-0.512c-6.252-1.963-10.708-7.705-10.708-14.488 0-0.163 0.003-0.325 0.008-0.486l-0.001 0.024c0-7.219 4.608-13.312 10.752-14.899l3.123-0.41h6.707l4.915-17.152 2.253-6.963c2.56-6.349 6.246-10.547 14.336-10.547zM555.418 137.882h-12.186v56.781c2.62 1.039 5.655 1.641 8.831 1.641 0.135 0 0.271-0.001 0.405-0.003l-0.020 0c20.685 0 28.877-8.55 28.877-30.208 0-18.637-5.12-28.211-25.907-28.211z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_seat_quiet-zone_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 23,
+				"id": 4,
+				"name": "ic-db_seat_quiet-zone_20",
+				"prevSize": 32,
+				"code": 922245
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768.051 409.6c54.016 0 102.4 44.237 102.4 102.4v153.6c0 53.965-43.11 102.4-102.4 102.4v102.4c0 31.437-24.934 51.2-51.2 51.2s-51.2-19.661-51.2-51.2c-0.049-22.797-0.077-49.795-0.077-76.8s0.028-54.003 0.084-80.994l-0.007 4.194c0-26.266 21.146-51.2 51.2-51.2 7.605-0.049 16.599-0.077 25.6-0.077s17.995 0.028 26.983 0.084l-1.383-0.007v-153.6h-51.2c-28.277 0-51.2-22.923-51.2-51.2v0c0-26.266 19.2-51.2 51.2-51.2h51.2zM537.651 665.6c0.078-0 0.17-0 0.261-0 42.415 0 76.8 34.385 76.8 76.8 0 33.336-21.24 61.712-50.925 72.332l-0.536 0.167v55.501c0 28.277-22.923 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v0-51.2l0.256-4.301c-30.221-10.788-51.46-39.163-51.46-72.499 0-42.399 34.358-76.773 76.75-76.8l51.203-0zM358.451 358.4c28.277 0 51.2 22.923 51.2 51.2v0c0 26.266-21.402 51.2-51.2 51.2h-102.4v153.6h51.2c26.266 0 51.2 17.203 51.2 51.2v204.8c0 28.277-22.923 51.2-51.2 51.2v0c-26.266 0-51.2-19.098-51.2-51.2v-153.6c-53.965 0-102.4-41.472-102.4-102.4v-153.6c0-53.965 42.598-102.4 102.4-102.4h102.4zM512.051 460.8c42.415 0 76.8 34.385 76.8 76.8s-34.385 76.8-76.8 76.8v0c-42.415 0-76.8-34.385-76.8-76.8s34.385-76.8 76.8-76.8v0zM716.851 153.6c56.554 0 102.4 45.846 102.4 102.4s-45.846 102.4-102.4 102.4v0c-56.554 0-102.4-45.846-102.4-102.4s45.846-102.4 102.4-102.4v0zM358.451 102.4c56.554 0 102.4 45.846 102.4 102.4s-45.846 102.4-102.4 102.4v0c-56.554 0-102.4-45.846-102.4-102.4s45.846-102.4 102.4-102.4v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_seat_parent-child-compartment_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 24,
+				"id": 5,
+				"name": "ic-db_seat_parent-child-compartment_20",
+				"prevSize": 32,
+				"code": 922244
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M292.25 410.726c0 26.214-16.896 50.074-51.2 51.2h-36.813l46.285 184.32c2.954 11.169 12.936 19.281 24.824 19.354l0.008 0h111.309c48.794 0 83.917 9.626 106.701 57.805 17.254 42.496 34.304 85.197 51.2 128 2.319 5.632 3.665 12.17 3.665 19.023 0 21.427-13.162 39.779-31.841 47.414l-0.342 0.124c-22.63 9.011-53.504-1.69-64.41-23.347 74.388 208.085 57.157 166.271 39.999 124.419l-91.097-251.088-125.184 0.051c-0.001 0-0.002 0-0.003 0-59.637 0-109.747-40.784-123.963-95.982l-0.194-0.888c-15.514-61.389-30.925-122.829-46.234-184.32-13.824-54.835 29.696-127.283 99.328-127.283h36.762c34.099 15.258 51.2 32.307 51.2 51.2zM793.805 153.6c42.415 0 76.8 34.385 76.8 76.8v0 39.322c28.262 16.384 51.2 48.998 51.2 88.678v307.2c0 53.965-45.056 102.4-102.4 102.4h-51.2c-54.016 0-106.086-46.080-102.4-102.4-0.102-102.4-0.102-204.8 0-307.2 0.001-37.702 20.377-70.644 50.717-88.417l0.483-0.262v-39.322c0-42.415 34.385-76.8 76.8-76.8v0zM406.784 408.934c25.549 6.246 44.646 32.512 37.581 61.901-7.258 32.751-10.702 46.436-14.248 60.081l4.264-19.326 62.976 0.41c26.214-0.154 50.893 19.712 50.893 50.125s-24.934 51.507-50.893 51.507c-42.701 0.358-85.35 0.614-128 0.768-0.025 0-0.055 0-0.084 0-28.39 0-51.405-23.015-51.405-51.405 0-4.252 0.516-8.382 1.489-12.334l-0.073 0.353 25.6-104.55c5.669-22.567 25.778-39.010 49.728-39.010 4.34 0 8.554 0.54 12.578 1.556l-0.354-0.076zM433.050 217.6c42.415 0 76.8 34.385 76.8 76.8s-34.385 76.8-76.8 76.8v0c-42.415 0-76.8-34.385-76.8-76.8s34.385-76.8 76.8-76.8v0zM215.45 102.4c56.554 0 102.4 45.846 102.4 102.4s-45.846 102.4-102.4 102.4v0c-56.554 0-102.4-45.846-102.4-102.4s45.846-102.4 102.4-102.4v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_seat_childrens-compartment_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 25,
+				"id": 6,
+				"name": "ic-db_seat_childrens-compartment_20",
+				"prevSize": 32,
+				"code": 922242
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M383.027 358.246c23.757 0 45.107 16.589 50.586 40.243l38.093 164.71h170.24c23.706 0 45.312 17.92 50.534 40.602l57.805 250.726c1.382 6.144 2.048 11.366 2.048 16.538 0 30.925-23.706 50.534-50.534 50.534-24.194-0.226-44.357-17.215-49.446-39.902l-0.064-0.341-50.534-215.757h-170.24c-0.28 0.006-0.611 0.009-0.942 0.009-23.376 0-43.007-16.034-48.494-37.705l-0.074-0.346-47.462-201.216c-1.208-4.918-1.949-10.591-2.047-16.42l-0.001-0.067c0-28.877 23.706-51.61 50.534-51.61zM153.6 102.4c27.853 0 50.944 23.347 50.944 51.2v132.454l110.387 467.354c1.741 7.322 8.243 14.49 16.486 14.49h179.558c27.853 0 51.558 23.706 51.558 50.534 0 27.853-24.73 51.968-51.558 51.968h-182.63c-0.033 0-0.072 0-0.111 0-54.236 0-99.741-37.38-112.159-87.783l-0.165-0.793-111.462-474.112c-1.192-4.606-1.932-9.92-2.047-15.388l-0.001-0.075v-138.65c0-27.853 22.323-51.2 51.2-51.2zM384 256c41.472 0 76.8-34.253 76.8-76.8s-35.328-76.8-76.8-76.8-76.8 34.253-76.8 76.8 35.328 76.8 76.8 76.8z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["aisle"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 26,
+				"id": 7,
+				"name": "aisle",
+				"prevSize": 32,
+				"code": 922241
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M153.498 102.4c27.546 0 51.302 23.757 51.302 51.61v132.096l108.032 467.661c1.69 7.322 8.192 14.438 16.333 14.438h131.738c27.648 0 51.098 23.757 51.098 51.61 0 26.829-24.525 50.586-51.098 50.586h-134.758c-53.989-0.216-99.17-37.67-111.202-87.999l-0.158-0.781-110.336-473.805c-1.185-4.603-1.924-9.917-2.047-15.382l-0.001-0.080v-138.342c0-27.853 22.477-51.61 51.098-51.61zM461.107 310.886c27.955 0 50.688 20.275 50.688 47.616h74.65c27.025 1.253 48.46 23.467 48.46 50.688s-21.436 49.435-48.348 50.684l-0.112 0.004h-74.65v103.322h113.971c31.027 0 48.947 10.957 53.76 41.882l40.397 257.536c0.307 2.048 0 5.222 0 8.294 0 27.955-22.784 50.688-50.688 50.688-25.218-0.306-45.993-18.944-49.63-43.189l-0.034-0.279-34.15-213.606h-124.314c-33.075 0-50.688-17.562-50.688-50.688v-252.262c0-27.904 22.784-50.688 50.688-50.688zM793.344 358.502c72.397 0 130.304 63.078 130.304 138.598v373.811c0 27.955-22.733 50.688-50.688 50.688-27.971-0.058-50.63-22.717-50.688-50.682l-0-0.006v-372.736c0-21.709-13.414-38.246-28.928-38.246h-25.856c-27.971-0.058-50.63-22.717-50.688-50.682l-0-0.006c0-27.955 22.733-50.688 50.688-50.688zM512 102.4c41.472 0 76.8 34.253 76.8 76.8s-35.328 76.8-76.8 76.8-76.8-34.253-76.8-76.8 35.328-76.8 76.8-76.8z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["elderly"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 27,
+				"id": 8,
+				"name": "elderly",
+				"prevSize": 32,
+				"code": 921896
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M358.4 563.2c0.005 0.27 0.008 0.589 0.008 0.908 0 14.267-6.016 27.129-15.65 36.188l-0.026 0.024c-22.803 22.896-36.952 54.426-37.12 89.261l-0 0.032c0.261 71.464 58.123 129.326 129.562 129.587l0.025 0c33.587 0 66.56-12.8 92.467-38.707 8.559-8.694 20.456-14.081 33.611-14.081 0.118 0 0.235 0 0.352 0.001l-0.018-0c28.774 0 51.2 24.013 51.2 51.2 0 12.8-3.226 27.187-12.8 36.813-43.213 43.162-102.4 67.174-163.226 67.174-128.076-0.117-231.871-103.911-231.987-231.976l-0-0.011c0-59.187 24.013-115.2 64-161.587 8.936-9.862 21.793-16.031 36.090-16.031 0.254 0 0.508 0.002 0.761 0.006l-0.038-0c28.723 0 52.787 22.426 52.787 51.2zM521.626 396.8l52.736 166.4h112.026c39.987 0 64.154 19.149 78.387 54.426l94.413 233.574c2.202 5.376 3.226 14.387 3.226 19.2 0.007 0.306 0.011 0.666 0.011 1.027 0 27.517-22.151 49.861-49.594 50.173l-0.030 0c-24.013 0-41.728-15.923-49.613-35.226l-89.6-220.774h-140.8c-24.013 0-44.032-14.131-51.2-38.4l-60.774-204.8c-0.977-3.751-1.538-8.057-1.538-12.494 0-28.321 22.858-51.304 51.132-51.506l0.019-0c23.962 0 44.186 16.179 51.2 38.4zM451.174 102.4c41.626 0 76.8 35.226 76.8 76.8 0 42.415-34.385 76.8-76.8 76.8v0c-0.307 0.004-0.669 0.007-1.031 0.007-41.85 0-75.776-33.926-75.776-75.776 0-0.363 0.003-0.724 0.008-1.086l-0.001 0.055c0-42.415 34.385-76.8 76.8-76.8v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["handicapped"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 28,
+				"id": 9,
+				"name": "handicapped",
+				"prevSize": 32,
+				"code": 922243
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M383.027 358.246c23.757 0 45.107 16.589 50.586 40.243l38.093 164.71h170.24c23.706 0 45.312 17.92 50.534 40.602l57.805 250.726c1.382 6.144 2.048 11.366 2.048 16.538 0 30.925-23.706 50.534-50.534 50.534-24.194-0.226-44.357-17.215-49.446-39.902l-0.064-0.341-50.534-215.757h-170.24c-0.28 0.006-0.611 0.009-0.942 0.009-23.376 0-43.007-16.034-48.494-37.705l-0.074-0.346-47.462-201.216c-1.208-4.918-1.949-10.591-2.047-16.42l-0.001-0.067c0-28.877 23.706-51.61 50.534-51.61zM153.6 102.4c27.853 0 50.944 23.347 50.944 51.2v132.454l110.387 467.354c1.741 7.322 8.243 14.49 16.486 14.49h179.558c27.853 0 51.558 23.706 51.558 50.534 0 27.853-24.73 51.968-51.558 51.968h-182.63c-0.033 0-0.072 0-0.111 0-54.236 0-99.741-37.38-112.159-87.783l-0.165-0.793-111.462-474.112c-1.192-4.606-1.932-9.92-2.047-15.388l-0.001-0.075v-138.65c0-27.853 22.323-51.2 51.2-51.2zM384 256c41.472 0 76.8-34.253 76.8-76.8s-35.328-76.8-76.8-76.8-76.8 34.253-76.8 76.8 35.328 76.8 76.8 76.8zM869.581 358.246c29.030 0 52.019 22.989 52.019 50.944v102.81c0 27.904-23.040 50.893-52.019 50.893-27.862-0.174-50.381-22.801-50.381-50.687 0-0.072 0-0.145 0-0.217l-0 0.011v-51.2h-102.605c-0.061 0-0.134 0-0.206 0-28.051 0-50.79-22.74-50.79-50.79 0-0.144 0.001-0.288 0.002-0.432l-0 0.022c0-27.955 23.040-51.354 50.995-51.354h152.986z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["table"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 29,
+				"id": 10,
+				"name": "table",
+				"prevSize": 32,
+				"code": 921897
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M383.027 358.246c23.757 0 45.107 16.589 50.586 40.243l38.093 164.71h170.24c23.706 0 45.312 17.92 50.534 40.602l57.805 250.726c1.382 6.144 2.048 11.366 2.048 16.538 0 30.925-23.706 50.534-50.534 50.534-24.194-0.226-44.357-17.215-49.446-39.902l-0.064-0.341-50.534-215.757h-170.24c-0.28 0.006-0.611 0.009-0.942 0.009-23.376 0-43.007-16.034-48.494-37.705l-0.074-0.346-47.462-201.216c-1.208-4.918-1.949-10.591-2.047-16.42l-0.001-0.067c0-28.877 23.706-51.61 50.534-51.61zM153.6 102.4c27.853 0 50.944 23.347 50.944 51.2v132.454l110.387 467.354c1.741 7.322 8.243 14.49 16.486 14.49h179.558c27.853 0 51.558 23.706 51.558 50.534 0 27.853-24.73 51.968-51.558 51.968h-182.63c-0.033 0-0.072 0-0.111 0-54.236 0-99.741-37.38-112.159-87.783l-0.165-0.793-111.462-474.112c-1.192-4.606-1.932-9.92-2.047-15.388l-0.001-0.075v-138.65c0-27.853 22.323-51.2 51.2-51.2zM384 256c41.472 0 76.8-34.253 76.8-76.8s-35.328-76.8-76.8-76.8-76.8 34.253-76.8 76.8 35.328 76.8 76.8 76.8zM563.2 357.99v-152.781c0-56.883 45.926-102.81 102.81-102.81h203.674c28.979 0 51.917 22.938 51.917 51.917 0 27.955-22.938 50.893-51.917 50.893h-203.674v152.781h203.674c28.979 0 51.917 22.938 51.917 51.917 0 27.955-22.938 50.893-51.917 50.893h-203.674c-0.046 0-0.1 0-0.154 0-56.695 0-102.656-45.961-102.656-102.656 0-0.054 0-0.108 0-0.162l-0 0.008z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["window"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 30,
+				"id": 11,
+				"name": "window",
+				"prevSize": 32,
+				"code": 921904
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-ticket-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-ticket-filled.json
new file mode 100644
index 0000000000..34f783a812
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-ticket-filled.json
@@ -0,0 +1,116 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M818.688 307.2c56.934 0 102.912 46.029 102.912 102.042v410.317c-0.319 56.425-46.134 102.042-102.603 102.042-0.109 0-0.217-0-0.326-0.001l0.017 0h-613.376c-0.092 0-0.2 0-0.309 0-56.469 0-102.284-45.618-102.603-102.012l-0-0.030v-410.317c0-55.962 45.978-102.042 102.912-102.042zM721.459 414.259c-125.542 0-188.467 75.418-188.467 207.616 0 112.384 45.466 189.645 174.080 189.645 27.341 0 66.918-3.482 105.574-17.306l-11.059-84.736c-21.859 8.247-47.127 13.021-73.511 13.021-0.922 0-1.844-0.006-2.763-0.017l0.14 0.001c-78.592 0-96.563-37.581-96.563-106.342 0-72.806 20.122-112.794 92.16-112.794 25.19 0 50.995 5.12 77.67 15.206l6.912-91.136c-24.398-8.35-52.506-13.17-81.74-13.17-0.856 0-1.71 0.004-2.564 0.012l0.131-0.001zM349.184 424.294h-148.89v379.238h145.869c91.904 0 151.859-30.464 151.859-108.186 0-53.914-28.877-82.278-84.941-92.928 43.366-15.718 62.976-36.045 62.976-80.282 0-71.27-50.995-97.843-126.874-97.843zM406.118 684.186c0 40.755-37.888 43.162-60.826 43.264h-53.094v-84.992h55.962c18.125 0 57.958 0 57.958 41.728zM387.123 532.634c0 33.741-32 33.741-44.954 33.741h-49.971v-66.048h51.968c13.414 0 42.957 0 42.957 32.358zM819.2 102.554c53.965 0 97.843 41.062 102.144 94.72l0.256 20.326c0 28.277-22.923 51.2-51.2 51.2v0c-26.266 0-51.2-22.016-51.2-49.562v-14.336h-614.4v12.698c0 28.277-22.923 51.2-51.2 51.2v0c-0.046 0-0.101 0-0.156 0-27.994 0-50.688-22.694-50.688-50.688 0-0.18 0.001-0.36 0.003-0.54l-0 0.027-0.358-12.698c0-54.016 41.267-102.4 102.4-102.4h614.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_multiple_cards_solid_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 198,
+				"id": 2,
+				"name": "db_ic_multiple_cards_solid_20",
+				"prevSize": 32,
+				"code": 921988
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 716.8c0 56.013 44.8 102.4 102.4 102.4h614.4c57.6 0 102.4-46.387 102.4-102.4v-409.6c0-56.013-44.8-102.4-102.4-102.4h-614.4c-57.6 0-102.4 46.387-102.4 102.4v409.6zM278.426 376.013c0-57.6 46.387-102.4 102.4-102.4 54.374 0 102.4 41.574 102.4 100.762 0 57.6-44.851 104.038-102.4 104.038-56.013 0-102.4-46.387-102.4-102.4zM427.213 683.213c0-41.626 32-70.4 70.4-70.4s68.813 32 68.813 68.813c0 38.4-32.051 68.762-68.813 68.762-35.226 0-70.4-27.187-70.4-67.174zM502.426 478.413c0.318-72.328 58.851-130.878 131.141-131.225h0.033c72.345 0.318 130.907 58.88 131.225 131.195v0.031c0 68.813-56.013 131.174-131.226 131.174-72.328-0.318-130.878-58.851-131.225-131.141v-0.033z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["bahnbonus-card-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 423,
+				"id": 0,
+				"name": "bahnbonus-card-filled",
+				"prevSize": 32,
+				"code": 921906
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M818.688 204.8c56.934 0 102.912 46.029 102.912 102.042v410.317c-0.319 56.425-46.134 102.042-102.603 102.042-0.109 0-0.217 0-0.326-0.001h-613.359c-0.092 0-0.2 0-0.309 0-56.469 0-102.284-45.618-102.603-102.012v-410.347c0-55.962 45.978-102.042 102.912-102.042h613.376zM721.459 311.859c-125.542 0-188.467 75.418-188.467 207.616 0 112.384 45.466 189.645 174.080 189.645 27.341 0 66.918-3.482 105.574-17.306l-11.059-84.736c-21.859 8.247-47.127 13.021-73.511 13.021-0.922 0-1.844-0.006-2.763-0.017l0.14 0.001c-78.592 0-96.563-37.581-96.563-106.342 0-72.806 20.122-112.794 92.16-112.794 25.19 0 50.995 5.12 77.67 15.206l6.912-91.136c-24.398-8.35-52.506-13.17-81.74-13.17-0.856 0-1.71 0.004-2.564 0.012l0.131-0.001zM349.184 321.894h-148.89v379.238h145.869c91.904 0 151.859-30.464 151.859-108.186 0-53.914-28.877-82.278-84.941-92.928 43.366-15.718 62.976-36.045 62.976-80.282 0-71.27-50.995-97.843-126.874-97.843zM406.118 581.786c0 40.755-37.888 43.162-60.826 43.264h-53.094v-84.992h55.962c18.125 0 57.958 0 57.958 41.728zM344.166 397.926c13.414 0 42.957 0 42.957 32.358 0 31.437-27.904 33.536-42.138 33.69h-52.736v-66.048h51.917z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["bahncard-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 424,
+				"id": 1,
+				"name": "bahncard-filled",
+				"prevSize": 32,
+				"code": 921908
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-ticket-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-ticket-outline.json
new file mode 100644
index 0000000000..5fdd52d5b6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-ticket-outline.json
@@ -0,0 +1,576 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M870.4 614.4c28.277 0 51.2 22.923 51.2 51.2v0 102.4c0 84.685-68.915 153.6-153.6 153.6h-102.4c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0h102.4c28.211 0 51.2-22.938 51.2-51.2v-102.4c0-28.277 22.923-51.2 51.2-51.2v0zM819.2 358.4v-102.4c0-28.262-22.989-51.2-51.2-51.2h-102.4c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0h102.4c84.685 0 153.6 68.915 153.6 153.6v102.4c0 28.277-22.923 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v0zM204.8 665.6v102.4c0 28.262 22.989 51.2 51.2 51.2h102.4c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0h-102.4c-84.685 0-153.6-68.915-153.6-153.6v-102.4c0-28.277 22.923-51.2 51.2-51.2s51.2 22.923 51.2 51.2v0zM153.6 409.6c-28.277 0-51.2-22.923-51.2-51.2v0-102.4c0-84.685 68.915-153.6 153.6-153.6h102.4c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0h-102.4c-28.211 0-51.2 22.938-51.2 51.2v102.4c0 28.277-22.923 51.2-51.2 51.2v0zM678.4 588.8h-12.8v-12.8c0-21.208-17.192-38.4-38.4-38.4v0h-51.2c-21.208 0-38.4 17.192-38.4 38.4v0 51.2c0 21.197 17.203 38.4 38.4 38.4h12.8v12.8c0 21.197 17.203 38.4 38.4 38.4h51.2c21.208 0 38.4-17.192 38.4-38.4v0-51.2c0-21.208-17.192-38.4-38.4-38.4v0zM486.4 665.6v-76.8c0-28.277-22.923-51.2-51.2-51.2v0h-76.8c-28.277 0-51.2 22.923-51.2 51.2v0 76.8c0 28.277 22.923 51.2 51.2 51.2v0h76.8c28.277 0 51.2-22.923 51.2-51.2v0zM716.8 435.2v-76.8c0-28.277-22.923-51.2-51.2-51.2v0h-76.8c-28.277 0-51.2 22.923-51.2 51.2v0 76.8c0 28.277 22.923 51.2 51.2 51.2v0h76.8c28.277 0 51.2-22.923 51.2-51.2v0zM486.4 435.2v-76.8c0-28.277-22.923-51.2-51.2-51.2v0h-76.8c-28.277 0-51.2 22.923-51.2 51.2v0 76.8c0 28.277 22.923 51.2 51.2 51.2v0h76.8c28.277 0 51.2-22.923 51.2-51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_qr_code_scan_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 56,
+				"id": 22,
+				"name": "db_ic_qr_code_scan_20",
+				"prevSize": 32,
+				"code": 922264
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M358.4 102.4c27.187 0 51.2 22.426 51.2 51.2 0 28.826-24.013 51.2-51.2 51.2h-153.6v614.4h409.6v-73.626c0-27.136 22.426-51.2 51.2-51.2 28.826 0 51.2 24.064 51.2 51.2v73.626c0 56.013-46.387 102.4-102.4 102.4h-409.6c-57.6 0-102.4-46.387-102.4-102.4v-614.4c0-57.6 44.8-102.4 102.4-102.4zM256 664.781c0-26.010 21.811-50.381 50.381-50.381 30.208 0 52.019 24.371 52.019 50.381 0.001 0.092 0.001 0.2 0.001 0.308 0 28.56-23.152 51.712-51.712 51.712-0.108 0-0.217-0-0.325-0.001l0.017 0c-28.57 0-50.381-24.371-50.381-52.019zM460.646 614.4c28.058 0 51.2 24.371 51.2 50.381 0 27.648-23.142 52.019-51.2 52.019-28.109 0-51.2-24.371-51.2-52.019 0-26.010 23.091-50.381 51.2-50.381zM578.048 117.914c25.966-9.827 55.985-15.516 87.333-15.516 39.323 0 76.556 8.952 109.771 24.93l-1.52-0.659c61.564 28.853 108.743 79.843 131.935 142.472l0.57 1.759c9.695 25.955 15.306 55.945 15.306 87.246 0 141.284-114.314 255.868-255.495 256.306l-0.042 0c-39.385-0.046-76.674-8.972-109.987-24.882l1.546 0.665c-55.586-26.502-99.058-70.934-123.669-125.681l-0.644-1.603-1.69 0.614-4.71 4.915c-9.053 8.322-21.181 13.423-34.5 13.423-5.602 0-10.994-0.902-16.037-2.57l0.361 0.103-5.99-2.355-5.683-3.072c-14.481-9.21-23.95-25.172-23.95-43.346 0-5.587 0.895-10.965 2.549-15.998l-0.103 0.362 2.406-5.99 45.926-98.406 1.741-3.379 1.946-3.226 4.096-5.376 4.454-4.557 4.454-3.584 5.222-3.226 2.714-1.382 4.25-1.741 3.686-1.178 6.298-1.382 5.888-0.512 6.144 0.154 5.581 0.819 6.349 1.69 5.222 2.099 98.406 45.926 5.632 3.072c21.504 13.517 30.157 41.318 19.149 64.973-8.373 17.465-25.913 29.311-46.22 29.311-2.479 0-4.916-0.176-7.301-0.518l0.273 0.032c15.639 30.272 40.188 54.095 70.147 68.417l0.918 0.395c37.325 17.408 79.053 19.302 117.35 5.325 59.441-22.177 101.005-78.464 101.005-144.458 0-18.802-3.374-36.817-9.549-53.47l0.346 1.064c-14.312-38.601-42.63-69.166-78.631-86.083l-0.934-0.394c-19.057-9.18-41.438-14.545-65.071-14.545-18.76 0-36.731 3.38-53.336 9.565l1.056-0.345c-4.833 1.667-10.402 2.629-16.196 2.629-28.277 0-51.2-22.923-51.2-51.2 0-21.519 13.275-39.937 32.082-47.511l0.344-0.122z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ticket_subscription_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 253,
+				"id": 0,
+				"name": "db_ic_ticket_subscription_20",
+				"prevSize": 32,
+				"code": 922136
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c6.315 0.009 12.27 1.541 17.521 4.248l-0.215-0.101 276.582 142.797c8.090 4.045 13.312 13.312 13.312 23.552v136.704c0 230.298-99.174 402.022-297.472 509.542-2.813 1.543-6.165 2.451-9.728 2.451s-6.915-0.908-9.835-2.505l0.107 0.054c-198.298-107.52-297.472-279.245-297.472-509.542v-136.704c0-10.24 5.222-19.507 13.312-23.552l276.582-142.797c5.035-2.606 10.991-4.138 17.303-4.147l0.003-0zM597.094 373.402l-126.464 117.402-43.725-40.602c-10.264-9.303-23.949-14.997-38.963-14.997s-28.699 5.694-39.012 15.041l0.049-0.044c-9.933 8.942-16.151 21.844-16.151 36.198s6.218 27.256 16.107 36.16l0.044 0.039 82.688 76.8c10.752 9.984 24.883 15.002 38.963 15.002 14.131 0 28.262-5.018 39.014-15.002l165.376-153.6c9.933-8.942 16.151-21.844 16.151-36.198s-6.218-27.256-16.107-36.16l-0.044-0.039c-10.264-9.303-23.949-14.997-38.963-14.997s-28.699 5.694-39.012 15.041l0.049-0.044z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_travel_insurance_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 202,
+				"id": 1,
+				"name": "db_ic_travel_insurance_20",
+				"prevSize": 32,
+				"code": 921990
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M732.211 512c50.586 0 78.592 5.734 107.213 21.658 26.726 14.848 47.821 36.864 61.952 64.358 13.67 26.624 19.251 52.582 20.122 96.614l0.102 124.57c0 28.277-22.923 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v0c-0.164-35.385-0.258-77.24-0.258-119.117 0-3.812 0.001-7.623 0.002-11.434l-0 0.605c-0.768-23.603-3.328-34.048-8.704-44.442-4.615-9.241-11.695-16.666-20.383-21.579l-0.25-0.13c-9.421-5.222-18.739-7.68-40.704-8.448l-151.040-0.256c-33.382 0-44.851 2.355-56.269 8.704-8.939 5.042-16.018 12.468-20.502 21.419l-0.132 0.29c-5.325 10.342-7.936 20.838-8.704 43.827l-0.256 130.56c0 28.277-22.923 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v0c-0.102-37.734-0.102-75.469 0-113.152 0-50.688 5.376-79.104 20.224-108.032 14.072-27.356 35.279-49.337 61.19-63.963l0.762-0.396c25.907-14.438 51.507-20.48 93.133-21.504l147.251-0.154zM320 512c28.277 0 51.2 22.923 51.2 51.2v0c0 26.266-20.429 51.2-51.2 51.2l-50.176 0.512c-18.278 1.024-26.675 3.482-35.277 8.243-8.992 5.031-16.122 12.457-20.655 21.421l-0.132 0.288c-4.403 8.55-6.912 16.998-8.090 33.178l-0.87 141.158c0 28.277-22.923 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v0-110.131c0-53.76 5.222-81.818 20.326-111.104 14.139-27.368 35.414-49.35 61.389-63.962l0.767-0.397c26.522-14.694 52.173-20.582 96.768-21.504zM665.6 153.6c-84.831 0-153.6 68.769-153.6 153.6s68.769 153.6 153.6 153.6v0c84.831 0 153.6-68.769 153.6-153.6s-68.769-153.6-153.6-153.6v0zM665.6 256c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0zM358.4 153.6c0.025-0 0.055-0 0.084-0 16.141 0 31.701 2.49 46.316 7.106l-1.088-0.297c21.084 6.654 36.104 26.035 36.104 48.924 0 28.277-22.923 51.2-51.2 51.2-3.279 0-6.486-0.308-9.594-0.897l0.319 0.050c-11.52-2.867-15.718-3.686-20.941-3.686-28.238 0.051-51.11 22.955-51.11 51.2 0 28.277 22.923 51.2 51.2 51.2 4.777 0 9.401-0.654 13.787-1.878l-0.36 0.086c4.038-1.144 8.675-1.802 13.466-1.802 28.283 0 51.21 22.928 51.21 51.21 0 23.492-15.818 43.289-37.384 49.322l-0.36 0.086c-12.098 3.422-25.992 5.39-40.346 5.39-84.856 0-153.652-68.764-153.702-153.609l-0-0.005c0-84.831 68.769-153.6 153.6-153.6v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_multiple_passenger_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 201,
+				"id": 2,
+				"name": "db_ic_multiple_passenger_20",
+				"prevSize": 32,
+				"code": 922246
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M819.2 307.302c53.965 0 102.144 43.008 102.144 102.4l0.256 409.498c0 53.965-44.442 102.4-102.4 102.4h-614.4c-56.327-0.433-101.856-46.052-102.144-102.373l-0-0.027-0.256-409.498c-0.002-0.23-0.003-0.501-0.003-0.773 0-55.988 45.388-101.376 101.376-101.376 0.361 0 0.722 0.002 1.082 0.006l-0.055-0zM819.2 409.702h-614.4v409.498h614.4zM691.558 460.8c16.998 0 38.093 2.816 74.957 9.882l-6.656 86.272c-19.719-5.821-42.459-9.463-65.953-10.079l-0.351-0.007c-48.947 0-65.894 18.995-65.894 75.059 0 54.016 17.92 73.011 66.918 73.011 13.158 0 36.147-1.946 63.334-9.626l11.264 80.589c-28.928 12.134-68.762 15.104-81.613 15.104-97.894 0-153.856-50.022-153.856-158.106 0-106.086 56.986-162.099 157.85-162.099zM383.846 467.814c71.936 0 107.93 28.006 107.93 80.026 0 34.048-13.978 52.070-49.971 65.024 47.974 10.035 66.97 32.051 66.97 74.086 0 58.061-43.008 88.064-128.87 88.064h-123.904v-307.2h127.898zM382.874 645.939h-41.984v55.040h39.014c28.928 0 41.933-8.038 41.933-27.034 0-20.992-11.008-28.006-38.963-28.006zM378.88 541.85h-37.939v41.984h36.915c19.968 0 30.003-7.27 30.003-21.965 0-13.312-9.011-19.968-28.979-19.968zM819.2 102.502c53.965 0 97.843 41.062 102.144 94.72l0.256 20.378c0 28.277-22.923 51.2-51.2 51.2v0c-26.266 0-51.2-22.016-51.2-49.562v-14.336h-614.4v12.698c0 28.277-22.923 51.2-51.2 51.2v0c-0.046 0-0.101 0-0.156 0-27.994 0-50.688-22.694-50.688-50.688 0-0.18 0.001-0.36 0.003-0.54l-0 0.027-0.358-12.698c0-54.016 41.267-102.4 102.4-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_multiple_cards_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 200,
+				"id": 3,
+				"name": "db_ic_multiple_cards_20",
+				"prevSize": 32,
+				"code": 921988
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M793.6 819.2c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0h-563.2c-28.277 0-51.2-22.923-51.2-51.2v0c0-26.266 21.914-51.2 51.2-51.2zM466.227 130.714c8.592-16.92 25.865-28.312 45.799-28.312 17.641 0 33.199 8.922 42.406 22.5l0.115 0.18 105.267 209.715 182.17-121.395c35.226-23.45 84.992 4.454 79.36 48.128-31.642 144.282-66.048 299.725-103.373 466.381-4.824 21.141-22.247 37.111-43.787 39.707l-0.245 0.024-517.939 0.358c-0.005 0-0.011 0-0.016 0-22.261 0-41.204-14.207-48.257-34.048l-0.111-0.358-103.987-466.483c-9.626-43.162 35.942-76.442 73.523-56.627l186.982 124.365 102.093-204.083zM512 268.083l-82.227 164.403c-8.594 16.914-25.864 28.302-45.794 28.302-8.434 0-16.393-2.039-23.408-5.652l0.287 0.134-129.638-85.965 65.843 296.243h429.824l65.843-296.243-124.314 82.944c-22.221 14.746-56.832 10.189-71.168-14.49 87.176 192.271 58.74 136.652 30.42 80.965l-115.668-250.642z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_best_price_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 199,
+				"id": 4,
+				"name": "db_ic_best_price_20",
+				"prevSize": 32,
+				"code": 921989
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M806.4 204.8c63.507 0.289 114.911 51.694 115.2 115.172l0 0.028v384c0 62.413-51.2 115.2-115.2 115.2h-588.8c-63.507-0.289-114.911-51.694-115.2-115.172l-0-0.028v-384c0-62.413 51.2-115.2 115.2-115.2h588.8zM335.974 307.2h-131.174v409.6h249.6c-12.8-12.8-20.787-28.826-20.787-46.387 0-35.226 30.413-64 65.587-64 35.226 0 64 28.774 64 64 0 17.613-6.4 33.587-19.2 46.387h275.2v-409.6h-372.787c25.6 17.613 39.987 48.026 39.987 78.387 0.002 0.229 0.003 0.5 0.003 0.771 0 52.595-42.637 95.232-95.232 95.232-0.271 0-0.542-0.001-0.813-0.003l0.042 0c-51.2 0-96-41.574-96-96 0-30.362 16.026-60.774 41.626-78.387zM625.613 358.4c68.023 0.029 123.158 55.165 123.187 123.184l0 0.003c0 65.587-56.013 121.6-123.187 121.6-67.226 0-123.187-56.013-123.187-121.6 0.029-68.023 55.165-123.158 123.184-123.187l0.003-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["bahnbonus-card"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 216,
+				"id": 5,
+				"name": "bahnbonus-card",
+				"prevSize": 32,
+				"code": 921906
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 283.187c0-96 76.8-172.8 172.8-172.8 94.413 0 172.8 76.8 172.8 171.213 0 89.6-68.813 174.387-172.8 174.387-0.213 0.001-0.466 0.001-0.718 0.001-95.039 0-172.083-77.044-172.083-172.083 0-0.252 0.001-0.505 0.002-0.757l-0 0.039zM355.226 798.413c0 64 51.2 115.2 115.2 115.2s115.2-51.2 115.2-115.2c0-62.413-51.2-115.2-115.2-115.2-63.507 0.289-114.911 51.694-115.2 115.172l-0 0.028zM478.413 455.987c0-121.6 99.174-220.774 222.413-220.774 121.825 0.262 220.513 98.949 220.774 220.749l0 0.025c0 123.187-99.226 222.413-220.826 222.413-121.549 0-222.362-99.226-222.362-222.413z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["bahnbonus"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 217,
+				"id": 6,
+				"name": "bahnbonus",
+				"prevSize": 32,
+				"code": 921905
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M818.688 204.8c56.934 0 102.912 46.029 102.912 102.042v410.317c-0.319 56.425-46.134 102.042-102.603 102.042-0.109 0-0.217-0-0.326-0.001l0.017 0h-613.376c-0.092 0-0.2 0-0.309 0-56.469 0-102.284-45.618-102.603-102.012l-0-0.030v-410.317c0-55.962 45.978-102.042 102.912-102.042h613.376zM819.2 307.2h-614.4v409.6h614.4v-409.6zM257.229 666.112v-307.2h127.898c71.936 0 107.878 28.006 107.878 80.026 0 34.048-13.978 52.070-49.92 65.024 47.923 10.035 66.918 32.051 66.918 74.086 0 58.010-42.957 88.064-128.87 88.064h-123.904zM342.17 592.077h38.912c29.030 0 41.984-8.038 41.984-27.034 0-20.992-10.957-28.006-38.912-28.006h-41.984v55.040zM342.17 474.982h36.966c19.968 0 29.952-7.322 29.952-22.016 0-13.312-8.96-20.019-28.979-20.019h-37.939v41.984zM534.989 513.997c0-106.086 56.934-162.099 157.85-162.099 16.947 0 38.093 2.765 74.906 9.882l-6.605 86.221c-19.724-5.805-42.467-9.43-65.963-10.028l-0.341-0.007c-48.947 0-65.946 18.995-65.946 75.059 0 54.016 17.971 73.011 66.918 73.011 13.21 0 36.147-1.946 63.386-9.626l11.213 80.589c-28.877 12.083-68.71 15.104-81.562 15.104-97.946 0-153.856-50.022-153.856-158.106z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["bahncard"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 218,
+				"id": 7,
+				"name": "bahncard",
+				"prevSize": 32,
+				"code": 921908
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M358.4 102.4c27.187 0 51.2 22.426 51.2 51.2 0 28.826-24.013 51.2-51.2 51.2h-153.6v614.4h409.6v-73.626c0-27.136 22.426-51.2 51.2-51.2 28.826 0 51.2 24.064 51.2 51.2v73.626c0 56.013-46.387 102.4-102.4 102.4h-409.6c-57.6 0-102.4-46.387-102.4-102.4v-614.4c0-57.6 44.8-102.4 102.4-102.4h153.6zM665.6 102.4c140.8 0 256 115.2 256 256s-115.2 256-256 256-256-115.2-256-256 115.2-256 256-256zM716.8 204.8h-102.4v174.387l91.187 91.238 71.987-73.626-60.774-59.187v-132.813zM256 664.781c0-26.010 21.811-50.381 50.381-50.381 30.208 0 52.019 24.371 52.019 50.381 0.001 0.092 0.001 0.2 0.001 0.308 0 28.56-23.152 51.712-51.712 51.712-0.108 0-0.217-0-0.325-0.001l0.017 0c-28.57 0-50.381-24.371-50.381-52.019zM409.446 664.781c0-26.010 23.091-50.381 51.2-50.381 28.058 0 51.2 24.371 51.2 50.381 0 27.648-23.142 52.019-51.2 52.019-28.109 0-51.2-24.371-51.2-52.019z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["commuter-ticket"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 219,
+				"id": 8,
+				"name": "commuter-ticket",
+				"prevSize": 32,
+				"code": 921910
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M358.4 493.926c0-29.133 23.091-51.2 51.2-51.2 14.541 0.358 26.522 4.352 37.53 15.36l102.81 102.861 289.331-289.894c9.062-10.035 24.064-15.053 37.171-15.053 29.082 0 51.2 23.091 51.2 51.2 0.023 0.543 0.036 1.18 0.036 1.82 0 13.568-5.8 25.782-15.055 34.297l-0.033 0.030-326.298 326.246c-9.224 9.315-22.010 15.088-36.144 15.104l-0.003 0c-17.050 0-25.088-4.045-36.147-15.104l-140.544-139.52c-9.288-8.628-15.080-20.91-15.080-34.544 0-0.564 0.010-1.126 0.030-1.685l-0.002 0.081z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["komfort-check-in-check"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 220,
+				"id": 9,
+				"name": "komfort-check-in-check",
+				"prevSize": 32,
+				"code": 10004
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 512c0-225.894 183.706-409.6 409.6-409.6 71.27 0 144.589 9.011 144.589 63.232 0 24.064-21.094 51.2-51.2 51.2-8.038 0-56.218-12.032-93.389-12.032-169.662 0-307.2 137.538-307.2 307.2s137.538 307.2 307.2 307.2v0c36.147 0 84.326-12.032 93.389-12.032 28.109 0 51.2 24.064 51.2 51.2-0.175 23.503-16.159 43.225-37.837 49.070l-0.358 0.082c-31.885 8.835-68.516 13.967-106.327 14.080l-0.066 0c-225.894 0-409.6-183.706-409.6-409.6z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["komfort-check-in-circle"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 221,
+				"id": 10,
+				"name": "komfort-check-in-circle",
+				"prevSize": 32,
+				"code": 129287
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 512c0-225.894 183.706-409.6 409.6-409.6 71.27 0 144.589 9.011 144.589 63.232 0 24.064-21.094 51.2-51.2 51.2-8.038 0-56.218-12.032-93.389-12.032-169.662 0-307.2 137.538-307.2 307.2s137.538 307.2 307.2 307.2v0c36.147 0 84.326-12.032 93.389-12.032 28.109 0 51.2 24.064 51.2 51.2-0.175 23.503-16.159 43.225-37.837 49.070l-0.358 0.082c-31.885 8.835-68.516 13.967-106.327 14.080l-0.066 0c-225.894 0-409.6-183.706-409.6-409.6zM358.4 493.926c0-29.133 23.091-51.2 51.2-51.2 14.541 0.358 26.522 4.352 37.53 15.36l102.81 102.861 289.331-289.894c9.062-10.035 24.064-15.053 37.171-15.053 29.082 0 51.2 23.091 51.2 51.2 0.023 0.543 0.036 1.18 0.036 1.82 0 13.568-5.8 25.782-15.055 34.297l-0.033 0.030-326.298 326.246c-9.224 9.315-22.010 15.088-36.144 15.104l-0.003 0c-17.050 0-25.088-4.045-36.147-15.104l-140.544-139.52c-9.288-8.628-15.080-20.91-15.080-34.544 0-0.564 0.010-1.126 0.030-1.685l-0.002 0.081z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["komfort-check-in"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 222,
+				"id": 11,
+				"name": "komfort-check-in",
+				"prevSize": 32,
+				"code": 921911
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 870.4v-185.6c0-67.226 52.787-121.6 120.013-121.6h135.987c28.826 0 51.2 22.426 51.2 51.2 0 28.826-22.426 51.2-51.2 51.2h-135.987c-9.626 0-17.613 7.987-17.613 19.2v185.6c0 28.826-22.426 51.2-51.2 51.2-28.826 0-51.2-22.426-51.2-51.2zM179.2 281.6c0-99.226 81.613-179.2 179.2-179.2 99.226 0 179.2 80.026 179.2 179.2 0 97.587-80.026 179.2-179.2 179.2-97.587 0-179.2-81.613-179.2-179.2zM281.6 281.6c0 41.626 35.226 76.8 76.8 76.8 42.415 0 76.8-34.385 76.8-76.8v0c0-43.213-33.587-76.8-76.8-76.8-42.415 0-76.8 34.385-76.8 76.8v0zM512 838.4v-292.813c0-46.387 36.813-84.787 83.2-84.787h243.2c46.387 0 83.2 38.4 83.2 84.787v292.813c0 44.8-36.813 83.2-83.2 83.2h-243.2c-46.387 0-83.2-38.4-83.2-83.2zM614.4 819.2h204.8v-256h-204.8v256z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["my-travel"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 223,
+				"id": 12,
+				"name": "my-travel",
+				"prevSize": 32,
+				"code": 921912
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M358.4 102.4c27.187 0 51.2 22.426 51.2 51.2 0 28.826-24.013 51.2-51.2 51.2h-153.6v614.4h409.6v-73.626c0-27.136 22.426-51.2 51.2-51.2 28.826 0 51.2 24.064 51.2 51.2v73.626c0 56.013-46.387 102.4-102.4 102.4h-409.6c-57.6 0-102.4-46.387-102.4-102.4v-614.4c0-57.6 44.8-102.4 102.4-102.4h153.6zM306.381 614.4c30.208 0 52.019 24.371 52.019 50.381 0.001 0.092 0.001 0.2 0.001 0.308 0 28.56-23.152 51.712-51.712 51.712-0.108 0-0.217-0-0.325-0.001l0.017 0c-28.57 0-50.381-24.371-50.381-52.019 0-26.010 21.811-50.381 50.381-50.381zM460.646 614.4c28.058 0 51.2 24.371 51.2 50.381 0 27.648-23.142 52.019-51.2 52.019-28.109 0-51.2-24.371-51.2-52.019 0-26.010 23.091-50.381 51.2-50.381zM665.6 102.4c140.8 0 256 115.2 256 256s-115.2 256-256 256-256-115.2-256-256 115.2-256 256-256zM636.774 217.6l-60.774 60.826 86.426 84.787-88.064 86.374 60.826 60.826 147.2-147.2-145.613-145.613z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["outward-journey"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 224,
+				"id": 13,
+				"name": "outward-journey",
+				"prevSize": 32,
+				"code": 921913
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M366.95 563.2c0.030-0 0.066-0 0.102-0 51.757 0 93.718 41.943 93.747 93.693l0 0.003v171.008c-0.058 51.759-42.031 93.696-93.798 93.696-0.018 0-0.036-0-0.054-0l-170.852 0c-51.735-0.029-93.667-41.961-93.696-93.693l-0-0.003v-171.008c0.029-51.717 41.932-93.638 93.639-93.696l170.911-0zM358.4 665.6h-153.6v153.6h153.6v-153.6zM827.904 102.4c51.712 0.051 93.645 41.984 93.696 93.696v171.008c0 51.712-41.984 93.645-93.696 93.696h-171.008c-51.735-0.029-93.667-41.961-93.696-93.693l-0-0.003v-171.008c0.029-51.735 41.961-93.667 93.693-93.696l171.011-0zM819.2 204.8h-153.6v153.6h153.6v-153.6zM367.104 102.4c51.712 0.051 93.696 41.984 93.696 93.696v171.008c-0.058 51.723-41.973 93.638-93.69 93.696l-171.014 0c-51.723-0.058-93.638-41.973-93.696-93.69l-0-0.006v-171.008c0.058-51.723 41.973-93.638 93.69-93.696l171.014-0zM358.4 204.8h-153.6v153.6h153.6v-153.6zM614.4 768c-28.277 0-51.2-22.923-51.2-51.2v0-102.4c0-28.277 22.923-51.2 51.2-51.2v0h102.4c28.277 0 51.2 22.923 51.2 51.2v0 102.4h102.4c28.277 0 51.2 22.923 51.2 51.2v0 102.4c0 28.277-22.923 51.2-51.2 51.2v0h-102.4c-28.277 0-51.2-22.923-51.2-51.2v0-102.4h-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["qr-code"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 225,
+				"id": 14,
+				"name": "qr-code",
+				"prevSize": 32,
+				"code": 921920
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M358.4 102.4c27.187 0 51.2 22.426 51.2 51.2 0 28.826-24.013 51.2-51.2 51.2h-153.6v614.4h409.6v-73.626c0-27.136 22.426-51.2 51.2-51.2 28.826 0 51.2 24.064 51.2 51.2v73.626c0 56.013-46.387 102.4-102.4 102.4h-409.6c-57.6 0-102.4-46.387-102.4-102.4v-614.4c0-57.6 44.8-102.4 102.4-102.4h153.6zM306.381 614.4c30.208 0 52.019 24.371 52.019 50.381 0.001 0.092 0.001 0.2 0.001 0.308 0 28.56-23.152 51.712-51.712 51.712-0.108 0-0.217-0-0.325-0.001l0.017 0c-28.57 0-50.381-24.371-50.381-52.019 0-26.010 21.811-50.381 50.381-50.381zM460.646 614.4c28.058 0 51.2 24.371 51.2 50.381 0 27.648-23.142 52.019-51.2 52.019-28.109 0-51.2-24.371-51.2-52.019 0-26.010 23.091-50.381 51.2-50.381zM665.6 102.4c140.8 0 256 115.2 256 256s-115.2 256-256 256-256-115.2-256-256 115.2-256 256-256zM696.013 217.6l-145.613 145.613 147.2 147.2 60.774-60.826-87.962-86.374 86.374-84.838-60.774-60.774z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["return-journey"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 226,
+				"id": 15,
+				"name": "return-journey",
+				"prevSize": 32,
+				"code": 921921
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 818.381v-612.762c0-56.474 45.158-103.219 101.581-103.219h153.19c29.030 0 51.61 24.166 51.61 51.61 0.003 0.199 0.004 0.434 0.004 0.67 0 28.136-22.808 50.944-50.944 50.944-0.236 0-0.471-0.002-0.706-0.005l0.036 0h-153.19v612.762h411.238v-49.971c0-29.030 20.992-51.61 49.971-51.61 27.392 0 51.61 22.528 51.61 51.61v49.971c0 56.474-45.158 103.219-101.581 103.219h-411.238c-56.422 0-101.581-46.746-101.581-103.219zM256 664.781c0-26.010 21.811-50.381 50.381-50.381 30.208 0 52.019 24.371 52.019 50.381 0.001 0.092 0.001 0.2 0.001 0.308 0 28.56-23.152 51.712-51.712 51.712-0.108 0-0.217-0-0.325-0.001l0.017 0c-28.57 0-50.381-24.371-50.381-52.019zM409.446 664.781c0-26.010 23.091-50.381 51.2-50.381 28.058 0 51.2 24.371 51.2 50.381 0 27.648-23.142 52.019-51.2 52.019-28.109 0-51.2-24.371-51.2-52.019zM409.6 359.168c0-141.466 114.995-256.768 256-256.768s256 115.302 256 256.768-114.995 255.232-256 255.232-256-113.766-256-255.232zM512 256.87c0 27.75 23.91 50.33 51.2 50.33s51.2-22.528 51.2-50.33c0-29.491-23.91-52.070-51.2-52.070s-51.2 22.528-51.2 52.070zM545.843 428.902l51.149 48.794 190.464-187.904-51.302-51.2-190.31 190.31zM716.8 461.67c0 27.75 22.17 50.33 51.2 50.33 27.29 0 51.2-22.528 51.2-50.33 0-29.491-23.91-52.070-51.2-52.070-29.030 0-51.2 22.528-51.2 52.070z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ticket-discount"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 227,
+				"id": 16,
+				"name": "ticket-discount",
+				"prevSize": 32,
+				"code": 921922
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M511.334 307.2c56.525 0 103.066 44.954 103.066 101.581v409.6c0 56.576-46.592 103.219-103.066 103.219h-305.869c-0.137 0.001-0.3 0.001-0.463 0.001-56.667 0-102.605-45.938-102.605-102.605 0-0.216 0.001-0.433 0.002-0.649l-0 0.033v-409.6c0-56.627 44.902-101.581 103.066-101.581h305.869zM512 410.419h-308.019v409.6h308.019v-409.6zM281.6 716.8v-102.4h51.2v102.4h-51.2zM383.795 716.8v-102.4h51.2v102.4h-51.2zM409.6 153.856c0-28.16 23.296-51.456 51.558-51.456h357.376c58.163 0 103.066 46.49 103.066 102.912v408.576c0 56.422-44.902 102.912-103.066 102.912h-49.869c-28.37-0.144-51.334-23.090-51.507-51.439l-0-0.017c0.116-28.4 23.107-51.391 51.496-51.507l0.011-0h49.869v-408.474h-357.376c-28.41-0.116-51.414-23.101-51.558-51.493l-0-0.014z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ticket multiple"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 228,
+				"id": 17,
+				"name": "ticket-multiple",
+				"prevSize": 32,
+				"code": 921923
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M307.2 921.6h409.6c56.013 0 102.4-46.387 102.4-102.4v-614.4c0-57.6-46.387-102.4-102.4-102.4h-409.6c-56.013 0-102.4 44.8-102.4 102.4v614.4c0 56.013 46.387 102.4 102.4 102.4zM307.2 819.2v-614.4h409.6v614.4h-409.6zM358.4 664.781c0-26.010 21.811-50.381 50.381-50.381 30.208 0 52.019 24.371 52.019 50.381 0.001 0.092 0.001 0.2 0.001 0.308 0 28.56-23.152 51.712-51.712 51.712-0.108 0-0.217-0-0.325-0.001l0.017 0c-28.57 0-50.381-24.371-50.381-52.019zM563.046 664.781c0-26.010 23.091-50.381 51.2-50.381 28.058 0 51.2 24.371 51.2 50.381 0 27.648-23.142 52.019-51.2 52.019-28.109 0-51.2-24.371-51.2-52.019z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ticket"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 229,
+				"id": 18,
+				"name": "ticket",
+				"prevSize": 32,
+				"code": 922247
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		},
+		{
+			"icon": {
+				"paths": [
+					"M104.806 606.413c0-88.013 35.174-176.026 115.2-241.613 11.213-7.987 20.787-11.213 32-11.213 27.187 0 49.613 24.013 49.613 51.2 0 12.8-4.813 25.6-17.613 36.813-48.915 38.494-80.038 97.696-80.038 164.168 0 0.785 0.004 1.569 0.013 2.351l-0.001-0.119c0 113.613 84.838 225.587 219.238 225.587 65.536 0 129.536-28.774 171.162-79.974 11.264-12.8 24.064-17.613 36.864-17.613 25.6 0 51.2 22.426 51.2 49.613 0 11.213-3.226 20.787-11.264 32-59.694 70.644-148.349 115.2-247.411 115.2-0.194 0-0.388-0-0.581-0.001l0.031 0c-193.638 0-318.464-163.226-318.464-326.4zM311.194 510.413c0-22.426 20.787-41.626 41.626-41.626 0.423-0.018 0.919-0.028 1.418-0.028 12.998 0 24.357 7.020 30.492 17.475l0.090 0.166 81.562 115.2 14.438 75.213c3.174 20.787-11.264 49.613-40.038 49.613-19.2 0-36.762-12.8-39.936-32.051l-12.8-67.174-68.864-92.826c-4.989-6.147-8.010-14.066-8.010-22.691 0-0.447 0.008-0.892 0.024-1.334l-0.002 0.064zM663.194 102.4c140.8 0 256 115.2 256 256 0 142.387-115.2 256-256 256-142.387 0-256-113.613-256-256 0-140.8 113.613-256 256-256zM639.181 222.413l-59.187 60.723 86.426 86.426-88.064 84.787 60.826 62.413 147.2-147.2-147.2-147.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["time-outward-journey"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 230,
+				"id": 19,
+				"name": "time-outward-journey",
+				"prevSize": 32,
+				"code": 921924
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 20
+		},
+		{
+			"icon": {
+				"paths": [
+					"M104.806 606.413c0-88.013 35.174-176.026 115.2-241.613 11.213-7.987 20.787-11.213 32-11.213 27.187 0 49.613 24.013 49.613 51.2 0 12.8-4.813 25.6-17.613 36.813-48.915 38.494-80.038 97.696-80.038 164.168 0 0.785 0.004 1.569 0.013 2.351l-0.001-0.119c0 113.613 84.838 225.587 219.238 225.587 65.536 0 129.536-28.774 171.162-79.974 11.264-12.8 24.064-17.613 36.864-17.613 25.6 0 51.2 22.426 51.2 49.613 0 11.213-3.226 20.787-11.264 32-59.694 70.644-148.349 115.2-247.411 115.2-0.194 0-0.388-0-0.581-0.001l0.031 0c-193.638 0-318.464-163.226-318.464-326.4zM311.194 510.413c0-22.426 20.787-41.626 41.626-41.626 0.423-0.018 0.919-0.028 1.418-0.028 12.998 0 24.357 7.020 30.492 17.475l0.090 0.166 81.562 115.2 14.438 75.213c3.174 20.787-11.264 49.613-40.038 49.613-19.2 0-36.762-12.8-39.936-32.051l-12.8-67.174-68.864-92.826c-4.989-6.147-8.010-14.066-8.010-22.691 0-0.447 0.008-0.892 0.024-1.334l-0.002 0.064zM663.194 102.4c140.8 0 256 115.2 256 256 0 142.387-115.2 256-256 256-142.387 0-256-113.613-256-256 0-140.8 113.613-256 256-256zM700.006 222.413l-147.2 147.2 147.2 147.2 60.774-62.413-87.962-84.787 86.374-86.426-59.187-60.774z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["time-return-journey"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 231,
+				"id": 20,
+				"name": "time-return-journey",
+				"prevSize": 32,
+				"code": 921925
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 21
+		},
+		{
+			"icon": {
+				"paths": [
+					"M153.6 838.4v-652.8c0-46.387 36.813-83.2 83.2-83.2h70.4c28.826 0 51.2 22.426 51.2 51.2 0 28.826-22.426 51.2-51.2 51.2h-51.2v614.4h409.6v-102.4c0-28.826 24.013-51.2 51.2-51.2 28.826 0 51.2 22.426 51.2 51.2v121.6c0 46.387-36.813 83.2-83.2 83.2h-448c-0.168 0.001-0.366 0.002-0.565 0.002-45.639 0-82.637-36.998-82.637-82.637 0-0.199 0.001-0.397 0.002-0.596l-0 0.031zM358.4 665.6c0-28.826 22.426-51.2 51.2-51.2h102.4c28.826 0 51.2 22.426 51.2 51.2 0 28.826-22.426 51.2-51.2 51.2h-102.4c-28.826 0-51.2-22.426-51.2-51.2zM640 102.4c126.413 0 230.4 103.987 230.4 230.4s-103.987 230.4-230.4 230.4-230.4-103.987-230.4-230.4 103.987-230.4 230.4-230.4zM651.213 206.387v146.534l-124.877-77.722c-8.668 16.758-13.919 36.519-14.334 57.466l-0.002 0.134c0 70.4 57.6 128 128 128s128-57.6 128-128c0-67.226-51.2-121.6-116.787-126.413z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["timetable"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 232,
+				"id": 21,
+				"name": "timetable",
+				"prevSize": 32,
+				"code": 921926
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 22
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-transportation-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-transportation-filled.json
new file mode 100644
index 0000000000..7c8816f08d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-transportation-filled.json
@@ -0,0 +1,609 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M688.845 311.45c53.402 33.536 106.803 67.226 160.205 101.069 12.263 7.836 20.276 21.379 20.276 36.793 0 8.609-2.5 16.634-6.813 23.389l0.105-0.175c-7.966 12.184-21.543 20.123-36.975 20.123-8.521 0-16.478-2.421-23.218-6.612l0.187 0.108c-31.488-19.712-62.874-39.526-94.259-59.494l-12.288 144.077c2.816 1.229 10.394 6.349 12.595 8.448 44.698 42.65 89.293 85.658 89.293 85.658 3.584 3.482 9.933 14.336 10.803 16.742 17.92 49.562 35.686 99.226 53.402 148.941 1.615 4.368 2.549 9.413 2.549 14.676 0 18.78-11.896 34.782-28.564 40.882l-0.302 0.097c-20.89 7.475-45.722-2.406-55.654-26.317 58.146 186.483 41.216 140.311 24.385 94.092l-74.305-233.407-67.277-64.563-105.626 208.64c-7.343 14.258-21.961 23.84-38.816 23.84-7.17 0-13.935-1.734-19.898-4.805l0.244 0.114c-19.814-9.984-31.437-38.554-19.2-58.47 42.957-84.992 85.914-169.984 129.024-254.874l13.107-153.754-54.118 25.242-12.902 77.312c-3.635 21.862-28.211 39.373-50.074 35.686-20.772-3.547-36.386-21.416-36.386-42.931 0-0.603 0.012-1.203 0.037-1.801l-0.003 0.086 17.306-105.267c2.048-12.134 10.752-27.136 24.525-32.256 45.619-21.453 91.29-42.752 137.011-63.898 5.387-2.37 11.667-3.749 18.269-3.749 8.606 0 16.664 2.343 23.572 6.427l-0.216-0.118zM145.92 460.8h205.517c24.035 0 43.52 19.485 43.52 43.52s-19.485 43.52-43.52 43.52h-205.517c-24.035 0-43.52-19.485-43.52-43.52s19.485-43.52 43.52-43.52h-0zM248.32 614.4h168.96c24.035 0 43.52 19.485 43.52 43.52s-19.485 43.52-43.52 43.52h-168.96c-24.035 0-43.52-19.485-43.52-43.52s19.485-43.52 43.52-43.52h-0zM679.629 110.285c38.174 0 69.12 30.946 69.12 69.12s-30.946 69.12-69.12 69.12v0c-38.174 0-69.12-30.946-69.12-69.12s30.946-69.12 69.12-69.12v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_walking_fast_inverted_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 261,
+				"id": 24,
+				"name": "db_ic_walking_fast_inverted_20",
+				"prevSize": 32,
+				"code": 922137
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M835.226 336.333l-124.109 41.114 25.702 71.168c81.613-26.522 138.342-44.954 170.24-55.194 28.979 55.194 8.192 109.67-64.819 131.994l-169.421 53.094-133.53 244.122c-4.629 7.391-11.575 12.962-19.807 15.744l-0.263 0.077-30.464 7.885c-20.122 5.734-40.192-10.035-40.192-31.59l-1.434-165.12-117.453 36.608c-11.604 4.154-24.991 6.555-38.939 6.555-51.12 0-94.707-32.25-111.526-77.515l-0.268-0.823-74.65-209.613c-4.352-14.387-1.638-26.982 12.339-33.946l24.73-10.24c10.24-4.506 21.504-1.229 31.488 7.578l81.306 80.384 384.205-119.91c72.090-23.194 144.128-15.36 196.864 7.629zM343.91 498.33c-9.972 7.037-16.405 18.511-16.405 31.488 0 21.22 17.202 38.421 38.421 38.421 8.243 0 15.879-2.596 22.137-7.014l-0.121 0.081c9.972-7.037 16.405-18.511 16.405-31.488 0-21.22-17.202-38.421-38.421-38.421-8.243 0-15.879 2.596-22.137 7.014l0.121-0.081zM471.398 459.93c-9.966 7.030-16.395 18.495-16.395 31.462 0 21.2 17.186 38.386 38.386 38.386 8.233 0 15.86-2.592 22.111-7.004l-0.121 0.081c10.688-6.937 17.658-18.813 17.658-32.316 0-21.208-17.192-38.4-38.4-38.4-8.753 0-16.822 2.929-23.281 7.86l0.093-0.068zM598.938 420.813c-9.984 7.030-16.427 18.506-16.427 31.488 0 21.203 17.189 38.392 38.392 38.392 8.222 0 15.84-2.584 22.086-6.985l-0.121 0.081c9.984-7.030 16.427-18.506 16.427-31.488 0-21.203-17.189-38.392-38.392-38.392-8.222 0-15.84 2.584-22.086 6.985l0.121-0.081zM393.83 164.403l137.984 129.997-164.198 50.33-67.789-130.355c-2.211-4.506-3.504-9.807-3.504-15.41 0-16.672 11.449-30.669 26.913-34.56l0.246-0.052 33.485-9.421c3.025-0.853 6.499-1.343 10.088-1.343 10.407 0 19.851 4.123 26.787 10.826l-0.011-0.011z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_airplane_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 2,
+				"id": 0,
+				"name": "db_ic_airplane_inverted_20",
+				"prevSize": 32,
+				"code": 922000
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M749.926 293.632c1.863 0.075-9.973 2.514-21.845 4.852l-13.176 2.163 66.816 213.914c77.351 0.54 139.847 63.37 139.847 140.797 0 77.762-63.038 140.8-140.8 140.8s-140.8-63.038-140.8-140.8c0-50.724 26.823-95.183 67.058-119.968l0.609-0.349-16.794-53.862-162.918 171.93c-4.903 5.143-10.838 9.255-17.478 12.010l-0.339 0.125c-24.269 9.933-53.76 0-66.765-28.006-12.288-29.85-24.576-59.75-36.659-89.651l-29.184 36.557c12.174 20.402 19.371 44.996 19.371 71.271 0 77.762-63.038 140.8-140.8 140.8s-140.8-63.038-140.8-140.8c0-77.762 63.038-140.8 140.8-140.8 24.042 0 46.677 6.026 66.476 16.65l-0.753-0.369 51.661-64.666-43.059-105.267h-23.194c-21.208 0-38.4-17.192-38.4-38.4s17.192-38.4 38.4-38.4v0c34.048-0.102 68.096-0.102 102.144 0 21.208 0 38.4 17.192 38.4 38.4v0c0 19.456-16.077 38.144-34.509 38.144 6.246 16.435 13.107 33.178 20.48 50.176l215.040-64.512-19.814-63.59c-1.193-3.52-1.881-7.575-1.881-11.79 0-18.495 13.252-33.894 30.778-37.222l0.236-0.037c32.768-6.656 56.013-11.264 76.8-15.36 15.053-3.021 38.451 3.738 44.288 26.624 8.192 31.539-17.562 46.49-29.184 48.64zM256 591.36c-35.346 0-64 28.654-64 64s28.654 64 64 64v0c35.346 0 64-28.654 64-64s-28.654-64-64-64v0zM780.8 591.36c-35.346 0-64 28.654-64 64s28.654 64 64 64v0c35.346 0 64-28.654 64-64s-28.654-64-64-64v0zM631.962 431.616l-169.011 50.688 36.454 89.139z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bicycle_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 3,
+				"id": 1,
+				"name": "db_ic_bicycle_inverted_20",
+				"prevSize": 32,
+				"code": 922169
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M332.8 665.6c42.415 0 76.8 34.385 76.8 76.8s-34.385 76.8-76.8 76.8v0c-42.415 0-76.8-34.385-76.8-76.8s34.385-76.8 76.8-76.8v0zM319.488 303.872c13.312 1.69 80.179 18.79 162.509 54.886 92.365 51.507 164.352 105.472 215.859 162.458 6.985 7.691 11.261 17.952 11.261 29.212 0 7.222-1.759 14.033-4.872 20.029l0.114-0.242-61.952 123.546c-7.322 14.098-21.764 23.588-38.435 23.706l-0.016 0c-67.277 0.256-107.827 0.256-121.702 0-5.376-70.912-76.902-128.666-149.453-128.666-0.022-0-0.047-0-0.073-0-60.006 0-111.975 34.409-137.253 84.571l-0.403 0.881-33.28-3.789c-19.699-2.282-35.267-17.431-38.166-36.727l-0.030-0.24c-8.346-60.16-12.493-95.437-12.493-105.83 0-10.445 7.27-43.008 21.811-97.536 16.872-74.012 82.126-128.412 160.087-128.412 9.353 0 18.524 0.783 27.449 2.287l-0.963-0.134zM920.32 634.419c5.53 21.504-6.963 47.616-31.334 52.941l-110.182 28.16c-3.615 1.083-7.768 1.707-12.068 1.707-24.035 0-43.52-19.485-43.52-43.52 0-20.654 14.388-37.948 33.688-42.405l0.293-0.057 110.182-28.16c3.238-0.863 6.956-1.359 10.789-1.359 20.188 0 37.166 13.746 42.084 32.39l0.068 0.303zM216.832 390.707l-27.904 81.869c-1.378 4.055-2.174 8.726-2.174 13.583 0 24.035 19.485 43.52 43.52 43.52 17.030 0 31.775-9.782 38.924-24.033l0.114-0.251 15.77-45.568c51.968 9.984 92.416 23.398 121.395 40.243l83.149 49.306c6.388 3.89 14.113 6.193 22.377 6.193 24.035 0 43.52-19.485 43.52-43.52 0-13.689-6.32-25.901-16.201-33.879l-0.083-0.065-72.448-43.93c-35.946-21.898-77.558-39.512-121.75-50.636l-3.127-0.667-77.312-15.923c-2.591-0.548-5.569-0.862-8.62-0.862-17.161 0-32.002 9.933-39.088 24.363l-0.114 0.256z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bicycle_trailer_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 4,
+				"id": 2,
+				"name": "db_ic_bicycle_trailer_inverted_20",
+				"prevSize": 32,
+				"code": 922002
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 515.021c-3.942 0-7.68 0.819-11.571 1.178l-26.624-83.046h89.446c0.001 0 0.001 0 0.002 0 12.369 0 23.275-6.266 29.716-15.796l0.081-0.127 25.754-38.4c3.806-5.606 6.076-12.522 6.076-19.968 0-19.799-16.050-35.849-35.849-35.849-12.352 0-23.246 6.248-29.692 15.755l-0.080 0.126-15.104 22.477h-93.286l-33.229-103.782c-4.778-14.557-18.245-24.883-34.124-24.883-0.009 0-0.018 0-0.028 0l-76.799-0c-19.794 0-35.84 16.046-35.84 35.84s16.046 35.84 35.84 35.84h50.637l30.515 95.334-129.792 166.912c-0.717 0-1.331-0.41-2.048-0.41h-29.798l-62.874-209.92h3.072c19.794 0 35.84-16.046 35.84-35.84s-16.046-35.84-35.84-35.84h-102.4c-19.794 0-35.84 16.046-35.84 35.84s16.046 35.84 35.84 35.84h24.525l29.645 98.97-47.616 79.718c-20.094-12.46-44.443-19.892-70.519-20.019l-0.035-0c-76.313 0.087-138.153 61.927-138.24 138.232l-0 0.008c0 76.237 62.003 138.24 138.24 138.24 72.521-0.22 131.861-56.352 137.188-127.54l0.028-0.46h118.784c11.479-0.002 21.696-5.4 28.254-13.796l0.060-0.079 130.048-167.219 18.483 57.754c-35.882 25.23-59.061 66.425-59.136 113.038l-0 0.012c0 76.237 62.003 138.24 138.24 138.24s138.24-62.003 138.24-138.24-62.003-138.24-138.24-138.24zM256 719.821c-35.647-1.442-64-30.69-64-66.56s28.353-65.118 63.87-66.556l0.13-0.004c35.647 1.442 64 30.69 64 66.56s-28.353 65.118-63.87 66.556l-0.13 0.004zM768 719.821c-35.647-1.442-64-30.69-64-66.56s28.353-65.118 63.87-66.556l0.13-0.004c35.647 1.442 64 30.69 64 66.56s-28.353 65.118-63.87 66.556l-0.13 0.004z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_call_a_bike_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 5,
+				"id": 3,
+				"name": "db_ic_call_a_bike_inverted_20",
+				"prevSize": 32,
+				"code": 922001
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M697.856 153.6c43.11 0 84.019 30.413 95.232 72.192 7.475 27.853 21.35 89.088 41.626 183.808h86.886v102.4h-56.576c-7.68 69.939-12.8 114.79-15.36 134.605s-12.698 40.243-30.413 61.235v114.33h-128.051v-67.482c-53.853 8.405-115.966 13.206-179.2 13.206s-125.345-4.801-185.991-14.059l6.791 0.853-0.358 67.43h-127.642v-114.278c-17.209-19.168-28.787-43.71-31.943-70.823l-0.057-0.601c-3.072-26.778-7.731-68.25-13.875-124.467h-56.525v-102.349h86.835l38.963-175.718c12.186-41.216 48.282-79.923 94.106-79.923zM442.214 563.61c-13.462 2.114-24.458 10.97-29.55 22.942l-0.095 0.251-15.565 61.798c-1.843 16.947 6.042 32.307 24.883 40.038 18.842 7.68 42.24-5.376 48.742-21.094l7.322-27.546h68.045l7.168 27.085c5.815 14.274 19.583 24.153 35.659 24.153 21.208 0 38.4-17.192 38.4-38.4 0-1.474-0.083-2.929-0.245-4.36l0.016 0.175-15.565-61.85c-5.196-12.236-16.213-21.097-29.48-23.166l-0.216-0.028h-139.469zM251.802 530.074c-2.604-0.63-5.594-0.991-8.668-0.991-21.208 0-38.4 17.192-38.4 38.4 0 16.319 10.179 30.26 24.534 35.82l0.262 0.089 79.872 18.79c2.566 0.611 5.511 0.961 8.539 0.961 21.208 0 38.4-17.192 38.4-38.4 0-16.289-10.142-30.209-24.456-35.79l-0.261-0.090zM818.79 558.848c-4.070-17.173-19.273-29.753-37.414-29.753-1.231 0-2.448 0.058-3.648 0.171l0.153-0.012-79.974 18.125c-17.061 4.153-29.529 19.301-29.529 37.361 0 21.208 17.192 38.4 38.4 38.4 1.149 0 2.286-0.050 3.409-0.149l-0.146 0.010 79.974-18.074c17.179-4.065 29.764-19.271 29.764-37.416 0-3.073-0.361-6.061-1.043-8.925l0.052 0.261zM714.65 240.64h-405.248l-32.922 168.96h471.040z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_car_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 6,
+				"id": 4,
+				"name": "db_ic_car_inverted_20",
+				"prevSize": 32,
+				"code": 921937
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M921.805 429.619c0.102 23.962 0.102 47.923 0 71.936 0 9.83-6.451 20.019-20.070 19.968l-55.706 0.051c0.154 20.122 0.154 40.243 0 60.416 0 8.755-6.912 19.968-19.968 19.968-19.661 0.154-39.219 0.154-58.88 0 0.256 14.182 0.358 27.546 0.358 40.090-0.819 7.834-1.024 8.858-6.298 14.746-9.011 8.397-23.347 21.914-43.11 40.55 10.394 23.603 14.848 48.128 13.517 73.574-4.628 84.812-74.529 151.832-160.083 151.832-44.278 0-84.364-17.952-113.376-46.974l-0.001-0.001c-43.981-43.981-79.718-141.67 0-226.714 28.951-29.029 68.989-46.989 113.221-46.989 1.885 0 3.761 0.033 5.63 0.097l-0.272-0.007c16.538 0.512 30.618 2.918 42.189 7.066 64.205-64.717 128.512-129.28 192.87-193.741 3.267-3.636 7.985-5.913 13.234-5.913 0.333 0 0.665 0.009 0.994 0.027l-0.046-0.002c37.888-0.102 37.888-0.205 75.776 0 16.282 0.102 19.968 14.029 19.968 20.019zM548.659 722.483c-33.409 0-60.493 27.084-60.493 60.493s27.084 60.493 60.493 60.493v0c33.409 0 60.493-27.084 60.493-60.493s-27.084-60.493-60.493-60.493v0zM697.856 102.4c43.008 0 83.968 30.413 95.181 72.192 14.848 53.658 26.47 104.96 34.867 154.010-29.44-2.765-57.856 15.872-67.226 23.706l-6.81 6.144c-53.994 55.556-106.986 108.531-160.727 160.738l-1.884 1.822c-6.107-0.551-13.21-0.865-20.386-0.865-66.699 0-127.058 27.148-170.629 70.997l-0.013 0.013c-32.358 32.307-73.933 91.136-70.81 179.763h-124.621v-114.227c-17.209-19.168-28.787-43.71-31.943-70.823l-0.057-0.601-13.875-124.467h-56.525v-102.4h86.835l38.963-175.718c12.186-41.216 48.282-79.923 94.106-79.923zM205.773 507.648c-0.628 2.6-0.988 5.585-0.988 8.654 0 16.299 10.155 30.227 24.483 35.8l0.262 0.090 79.872 18.79c2.566 0.611 5.511 0.961 8.539 0.961 21.208 0 38.4-17.192 38.4-38.4 0-16.289-10.142-30.209-24.456-35.79l-0.261-0.090-79.821-18.79c-2.603-0.629-5.591-0.99-8.664-0.99-18.145 0-33.351 12.586-37.364 29.504l-0.052 0.261zM714.65 189.44h-405.248l-32.922 168.96h471.040z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_carsharing_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 7,
+				"id": 5,
+				"name": "db_ic_carsharing_inverted_20",
+				"prevSize": 32,
+				"code": 922004
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M654.234 255.949h-22.784v-88.576h22.221s2.253 0.614 3.686 1.229l38.093 25.293c4.094 2.741 9.119 4.396 14.526 4.454l0.015 0c10.689-0.297 19.855-6.528 24.349-15.505l0.073-0.162c7.987-15.36 3.43-34.816-10.24-43.827l-38.093-25.19c-9.157-6.342-20.483-10.16-32.697-10.24l-0.020-0-286.976-1.024c-13.32 0.094-25.587 4.521-35.483 11.939l0.155-0.112-34.97 25.293c-13.056 9.574-17.050 29.389-8.499 44.134 8.499 14.694 26.112 19.2 39.219 9.574l35.021-25.242c1.382-0.973 3.379-2.867 4.25-1.587h26.47v89.549h-22.784c-62.566 0-113.766 57.549-113.766 127.949v409.702c0 70.4 51.2 128 113.766 128h284.467c62.566 0 113.766-57.6 113.766-127.949v-409.754c0-70.4-51.2-128-113.766-128zM574.566 255.949h-125.133v-89.242h125.133zM411.29 819.558h-45.517c-13.312 0-24.166-12.134-24.166-27.187s10.803-27.187 24.166-27.187h45.568c13.312 0 24.166 12.134 24.166 27.187s-10.854 27.187-24.218 27.187zM658.483 819.558h-45.517c-13.312 0-24.166-12.134-24.166-27.187s10.803-27.187 24.166-27.187h45.568c13.312 0 24.115 12.134 24.115 27.187s-10.752 27.187-24.166 27.187zM682.957 596.941c0 37.734-27.597 68.762-61.184 68.762h-219.29c-33.536 0-61.133-31.027-61.133-68.762v-169.523c0-37.786 27.597-68.813 61.133-68.813h219.29c33.587 0 61.184 31.027 61.184 68.813v169.472z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_electric_locomotive_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 8,
+				"id": 6,
+				"name": "db_ic_electric_locomotive_inverted_20",
+				"prevSize": 32,
+				"code": 922005
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M832 691.2c49.485 0 89.6 40.115 89.6 89.6s-40.115 89.6-89.6 89.6v0c-49.485 0-89.6-40.115-89.6-89.6s40.115-89.6 89.6-89.6v0zM397.312 761.498c15.923 62.054-38.144 108.902-87.552 108.902s-100.864-42.65-87.552-108.902h-68.608c-22.114-0.010-40.372-16.513-43.139-37.875l-0.023-0.218-0.358-22.528c0-96.102 81.050-180.019 170.189-179.763l126.669-0.256-22.784-75.469-128.154 0.051c-25.139 0-43.52-20.48-43.52-43.52s18.381-43.52 43.52-43.52h133.12c31.898 0 64.87 24.832 75.878 54.17l79.258 261.837h52.429l178.995-180.378v-115.098c0-13.005-6.656-27.136-19.046-27.136l-93.798-0.41c-24.035 0-43.52-19.485-43.52-43.52h-0c0-22.221 18.79-43.52 43.52-43.52h93.798c57.344 0 102.042 47.974 105.83 106.496l0.256 141.158c-0.004 9.961-3.353 19.138-8.985 26.471l0.076-0.103-208.077 210.227c-8.013 7.77-18.876 12.642-30.875 12.902l-0.050 0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_electric_scooter_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 9,
+				"id": 7,
+				"name": "db_ic_electric_scooter_inverted_20",
+				"prevSize": 32,
+				"code": 922006
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M332.8 754.739l-0.358 64.358h-127.642v-111.206c-17.209-19.168-28.787-43.71-31.943-70.823l-0.057-0.601-13.875-124.467h-56.525v-102.4h86.835l38.963-175.718c12.186-41.216 48.282-80.282 94.106-80.282l222.976 0.051c24.035 0 43.52 19.485 43.52 43.52s-19.485 43.52-43.52 43.52l-235.878-0.051-32.922 168.96 235.52-0.051c0.146-56.465 45.923-102.188 102.395-102.246l0.005-0c-0-0.030-0-0.066-0-0.102 0-28.277 22.923-51.2 51.2-51.2 0 0 0 0 0 0l103.014 0c26.266 0 50.586 24.218 51.2 51.302 53.965 0 102.093 48.435 102.093 102.4l-0.307 409.395c0 56.554-45.846 102.4-102.4 102.4v0h-204.8c-56.554 0-102.4-45.846-102.4-102.4v0-51.098c-63.243-0.010-125.352-4.831-185.991-14.116l6.791 0.855zM819.2 395.469h-204.8c-7.219 0-15.36 5.427-15.36 15.36v408.269c0 7.27 6.758 14.746 15.36 15.36h204.8c7.27 0 15.36-5.427 15.36-15.36v-408.269c0-7.27-7.578-15.36-15.36-15.36zM421.888 566.221c-16.742 6.861-28.211 24.422-24.883 39.987l15.565 61.85c4.403 10.598 17.408 23.142 29.696 23.142h69.734v-76.39h-34.048l-7.322-27.546c-5.12-15.462-29.901-28.774-48.742-21.043zM748.851 464.333c17.766 7.936 28.621 28.672 19.302 50.739-9.216 20.48-18.688 40.806-28.211 60.877l15.462 0.051c26.112 0 47.206 26.982 35.021 54.17-14.694 33.28-33.075 72.038-55.296 116.224-6.169 13.449-19.518 22.621-35.008 22.621-5.699 0-11.107-1.241-15.97-3.468l0.24 0.098c-17.766-7.987-29.286-29.85-19.302-50.79 5.888-14.336 16.23-35.021 30.925-62.106l-15.36 0.051c-21.173-0.23-38.249-17.448-38.249-38.654 0-5.594 1.188-10.91 3.326-15.71l-0.098 0.246c11.059-25.139 28.518-63.488 52.48-115.046 6.16-13.472 19.521-22.664 35.028-22.664 5.691 0 11.093 1.238 15.951 3.46l-0.24-0.098zM205.824 558.848c4.065-17.179 19.271-29.764 37.416-29.764 3.073 0 6.061 0.361 8.925 1.043l-0.261-0.052 79.77 18.79c14.617 5.65 24.796 19.591 24.796 35.91 0 21.208-17.192 38.4-38.4 38.4-3.074 0-6.064-0.361-8.929-1.044l0.261 0.052-79.821-18.79c-14.59-5.663-24.745-19.591-24.745-35.89 0-3.069 0.36-6.054 1.040-8.915l-0.052 0.261z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ev_car_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 10,
+				"id": 8,
+				"name": "db_ic_ev_car_inverted_20",
+				"prevSize": 32,
+				"code": 922007
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M813.773 756.326c21.658 23.45 41.984 37.222 56.627 37.222 24.035 0 43.52 19.485 43.52 43.52s-19.485 43.52-43.52 43.52v0c-30.874 0-60.57-11.93-89.139-35.686-30.925 23.757-62.003 35.686-93.184 35.686-31.13 0-61.901-12.288-92.211-36.864-32.205 24.576-63.13 36.864-92.826 36.864s-59.75-11.571-90.163-34.714c-26.061 23.142-53.862 34.714-83.558 34.714-29.645 0-61.286-12.288-94.874-36.966-24.781 19.507-51.712 29.286-80.845 29.286-24.035 0-43.52-19.485-43.52-43.52s19.485-43.52 43.52-43.52l-0 0c13.312 0 28.365-9.011 45.056-26.982 8.041-10.112 20.343-16.538 34.146-16.538 11.942 0 22.761 4.81 30.625 12.599l-0.003-0.003c4.813 4.762 40.653 38.605 62.464 38.605 14.029 0 30.054-10.854 47.923-32.461 7.96-11.395 21.014-18.756 35.787-18.756 12.404 0 23.596 5.189 31.524 13.516l0.017 0.018c4.403 4.608 39.014 37.683 61.901 37.683 21.197 0 57.19-33.024 61.542-37.581 7.951-8.4 19.18-13.628 31.63-13.628 12.647 0 24.033 5.394 31.985 14.008l0.027 0.030c4.147 4.506 37.888 37.171 61.338 37.171 14.438 0 35.635-11.418 60.774-37.734 7.939-8.305 19.106-13.468 31.478-13.468 12.619 0 23.984 5.371 31.933 13.952l0.026 0.028zM652.8 110.080c0.014-0 0.031-0 0.047-0 18.207 0 33.803 11.181 40.296 27.050l0.105 0.29 17.562 68.915-353.382 0.358c-21.402 0-40.448 20.992-40.448 43.162 0 22.221 21.709 43.52 40.448 43.52h375.142l18.176 72.704h129.997c0.002-0 0.005-0 0.007-0 24.035 0 43.52 19.485 43.52 43.52 0 1.841-0.114 3.655-0.336 5.435l0.022-0.213c-3.072 25.088-68.147 157.798-117.248 206.694-17.152 19.098-33.024 33.178-47.514 42.342-20.384 13.47-45.339 21.591-72.173 21.862l-0.070 0.001c-28.006 0-57.651-11.418-89.037-34.15-29.542 30.515-59.648 46.234-90.266 47.258s-62.106-12.698-94.464-41.114c-26.266 27.494-54.17 41.267-83.866 41.267-29.645 0-59.699-13.926-90.214-41.779-26.982 27.853-55.501 41.779-85.504 41.779-22.17 0-43.52-18.33-43.52-41.267v-504.115c0-22.17 16.589-43.52 43.52-43.52zM667.494 383.539c-28.277-0-51.2 22.923-51.2 51.2s22.923 51.2 51.2 51.2h0c28.277 0 51.2-22.923 51.2-51.2s-22.923-51.2-51.2-51.2v0zM462.694 383.539c-28.277-0-51.2 22.923-51.2 51.2s22.923 51.2 51.2 51.2h0c28.277 0 51.2-22.923 51.2-51.2s-22.923-51.2-51.2-51.2v0zM257.894 383.539c-28.277-0-51.2 22.923-51.2 51.2s22.923 51.2 51.2 51.2h0c28.277 0 51.2-22.923 51.2-51.2s-22.923-51.2-51.2-51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ferry_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 11,
+				"id": 9,
+				"name": "db_ic_ferry_inverted_20",
+				"prevSize": 32,
+				"code": 922008
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M230.4 716.8c42.415 0 76.8 34.385 76.8 76.8s-34.385 76.8-76.8 76.8v0c-42.415 0-76.8-34.385-76.8-76.8s34.385-76.8 76.8-76.8v0zM588.8 716.8c42.415 0 76.8 34.385 76.8 76.8s-34.385 76.8-76.8 76.8v0c-42.415 0-76.8-34.385-76.8-76.8s34.385-76.8 76.8-76.8v0zM435.2 750.080c24.064 0 43.52 19.456 43.52 43.52 0 22.17-16.691 43.52-43.52 43.52h-51.2c-24.035 0-43.52-19.485-43.52-43.52s19.485-43.52 43.52-43.52h-0zM718.694 161.28c70.511 0.006 129.338 50.023 142.943 116.512l0.161 0.941 52.019 384c0 19.814-7.987 33.792-23.962 41.779l-102.4 51.2c-5.667 2.893-12.36 4.588-19.449 4.588-16.936 0-31.612-9.674-38.805-23.797l-0.114-0.247c-2.993-5.713-4.748-12.479-4.748-19.656 0-16.919 9.758-31.559 23.953-38.599l0.251-0.113 74.547-37.325-46.080-341.248c-3.635-27.136-28.467-50.688-52.122-50.688-31.949 0-50.842-19.814-50.842-43.827 0-22.17 17.459-43.52 44.646-43.52zM665.6 409.6c24.064 0 43.52 19.456 43.52 43.52 0 22.17-14.592 43.52-43.52 43.52v92.16c-0.819 53.402-19.456 76.237-74.445 76.8h-359.475c-38.144-0.41-78.080-15.002-78.080-76.8v-92.16c-26.778 0-43.52-19.456-43.52-43.52 0-22.17 17.408-43.52 43.52-43.52z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_handcart_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 12,
+				"id": 10,
+				"name": "db_ic_handcart_inverted_20",
+				"prevSize": 32,
+				"code": 922009
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M614.4 921.6h-204.8c-24.26-0.007-44.575-16.885-49.852-39.539l-0.068-0.346c-30.72-21.76-57.293-54.682-77.67-103.424 35.891 25.805 61.389 43.366 76.442 52.634 22.528 13.824 51.046 24.013 84.89 26.266h137.318c31.621-2.109 60.631-11.599 85.857-26.747l-0.865 0.482c16.691-10.138 46.234-30.72 88.678-61.645-21.299 51.354-52.070 91.238-90.829 115.661-7.578 24.422-23.962 36.659-49.101 36.659zM510.669 102.4c188.621 0 280.269 128.102 282.624 307.507l0.154 102.81c0 39.936-1.843 89.344-7.526 133.734-18.637 16.179-41.779 34.611-69.376 55.194-27.648 20.634-55.603 40.448-84.070 59.392-18.175 12.133-40.458 19.47-64.436 19.762l-0.076 0.001h-111.923c-24.269 0-48.435-8.96-64.512-19.763-36.967-24.973-64.366-44.505-91.377-64.532l7.256 5.14c-22.775-16.87-41.811-31.941-60.385-47.544l1.915 1.566c-12.493-67.174-18.739-114.893-18.739-143.258v-102.502c0.051-179.405 87.501-307.507 280.474-307.507zM418.458 571.802c-6.404-12.809-19.421-21.45-34.457-21.45-21.208 0-38.4 17.192-38.4 38.4 0 2.516 0.242 4.975 0.704 7.356l-0.039-0.242 28.877 86.733c6.404 12.809 19.421 21.45 34.457 21.45 21.208 0 38.4-17.192 38.4-38.4 0-2.516-0.242-4.975-0.704-7.356l0.039 0.242zM652.134 552.346c-3.624-1.25-7.801-1.972-12.146-1.972-15.027 0-28.037 8.631-34.345 21.206l-0.101 0.221-28.877 86.733c-0.423 2.139-0.665 4.598-0.665 7.114 0 21.208 17.192 38.4 38.4 38.4 15.036 0 28.053-8.641 34.356-21.229l0.101-0.222 28.877-86.733c0.42-2.132 0.66-4.582 0.66-7.089 0-16.865-10.872-31.191-25.99-36.35l-0.27-0.080zM512 204.8c-59.085 0-106.086 9.318-141.005 27.955-35.791 20.284-59.549 58.117-59.549 101.499 0 5.3 0.355 10.517 1.041 15.629l-0.066-0.597c10.086 48.486 16.435 77.312 19.149 86.63 8.192 27.955 30.515 49.254 58.419 56.32 49.664 8.858 90.317 13.363 122.010 13.568 31.744 0.205 70.093-3.891 115.098-12.186 31.428-5.138 56.526-27.619 65.387-57.124l0.149-0.578c5.585-19.91 12.194-49.187 17.789-78.824l1.258-8.012c6.554-44.237-34.509-105.574-68.25-121.088-33.792-15.462-77.568-23.194-131.43-23.194z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ice_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 13,
+				"id": 11,
+				"name": "db_ic_ice_inverted_20",
+				"prevSize": 32,
+				"code": 922112
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M798.31 763.29c-22.63 61.696-72.499 110.95-135.629 134.861-7.232-20.073-26.112-34.165-48.283-34.165-3.808 0-7.519 0.416-11.090 1.204l0.34-0.063c-36.506 7.834-67.174 11.674-91.648 11.674s-55.142-3.84-91.648-11.674c-3.231-0.726-6.942-1.141-10.75-1.141-22.171 0-41.051 14.092-48.171 33.809l-0.113 0.357c-63.078-23.859-112.947-73.114-135.578-134.758 15.104 6.861 68.045 28.16 139.418 47.104 17.51 4.096 15.155 3.174 37.069 6.298 12.271 0.993 27.133 1.695 42.106 1.938l0.595 0.008 142.49-0.205c9.421-0.256 20.838-0.819 34.202-1.741 13.792-1.214 26.4-3.441 38.609-6.653l-1.591 0.356c50.33-13.926 96.87-29.696 139.674-47.206zM586.24 110.080c120.269 0 219.29 90.419 225.024 205.056l0.256 354.253c-37.888 20.736-72.038 36.045-102.554 46.029-45.722 14.95-68.096 21.35-87.245 24.115s-57.702 2.765-109.619 2.765-98.816-1.382-109.978-2.765c-24.883-3.072-41.728-8.397-63.744-15.462-34.313-11.423-60.091-21.343-85.404-32.141l7.529 2.855c-18.841-8.39-34.6-16.855-49.676-26.309l1.65 0.965v-343.808c0-116.070 95.488-209.92 214.426-215.296zM359.424 588.8c-0.318-0.008-0.693-0.013-1.069-0.013-24.035 0-43.52 19.485-43.52 43.52 0 19.841 13.277 36.58 31.43 41.819l0.307 0.076 61.952 9.318c0.276 0.006 0.602 0.010 0.928 0.010 24.035 0 43.52-19.485 43.52-43.52 0-19.77-13.183-36.462-31.238-41.763l-0.308-0.077-61.952-9.37zM602.573 598.17c-18.361 5.38-31.542 22.070-31.542 41.839 0 24.035 19.485 43.52 43.52 43.52 0.307 0 0.613-0.003 0.919-0.010l-0.046 0.001 62.003-9.318c18.461-5.315 31.738-22.054 31.738-41.895 0-24.035-19.485-43.52-43.52-43.52-0.376 0-0.751 0.005-1.124 0.014l0.055-0.001zM414.003 156.109c-50.691 6.665-89.417 49.597-89.417 101.574 0 2.886 0.119 5.744 0.353 8.569l-0.025-0.37 16.23 202.65c3.584 44.646 45.414 85.094 88.986 88.422 43.622 3.328 116.736 3.584 163.994 0 47.329-3.716 84.846-41.127 88.707-88.076l0.023-0.346 16.23-202.65c0.209-2.455 0.329-5.313 0.329-8.199 0-51.977-38.725-94.909-88.898-101.518l-0.519-0.056c-13.158-1.69-182.835-1.69-195.994 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_intercity_train_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 14,
+				"id": 12,
+				"name": "db_ic_intercity_train_inverted_20",
+				"prevSize": 32,
+				"code": 922134
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M687.923 110.080c48.179 0 73.267 4.864 99.43 18.842 24.269 12.954 43.52 32.256 56.525 56.525 10.906 20.326 16.23 40.038 18.074 70.451l49.408 0.102v204.8l-48.64-0.051v292.864c0 23.91-2.355 39.117-8.909 53.709-6.554 14.541-21.248 33.434-34.611 39.936v74.342h-128v-58.88h-358.451l0.051 58.88h-128l-0.102-74.24c-13.245-8.432-23.895-19.836-31.201-33.317l-0.235-0.475c-7.782-14.592-11.11-28.672-11.827-50.227-0.512-14.438-0.512-115.302-0.154-302.592l-48.64 0.051v-204.8l49.408-0.102c1.843-30.413 7.168-50.125 18.074-70.451 12.954-24.269 32.256-43.52 56.525-56.525 23.962-12.8 47.053-17.971 87.859-18.739zM299.52 678.4c-28.277 0-51.2 22.923-51.2 51.2s22.923 51.2 51.2 51.2v0c28.277 0 51.2-22.923 51.2-51.2s-22.923-51.2-51.2-51.2v0zM719.053 678.4c-28.277 0-51.2 22.923-51.2 51.2s22.923 51.2 51.2 51.2v0c28.277 0 51.2-22.923 51.2-51.2s-22.923-51.2-51.2-51.2v0zM775.68 294.349h-527.36l0.051 301.21c79.217 12.559 170.575 19.743 263.607 19.763l0.021 0c93.069-0.017 184.445-7.202 273.624-21.033l-9.944 1.269zM665.6 166.4h-307.2v76.8h307.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_local_bus_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 15,
+				"id": 13,
+				"name": "db_ic_local_bus_inverted_20",
+				"prevSize": 32,
+				"code": 922113
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M439.296 102.502h145.408c61.286 0.87 94.464 8.038 128.87 26.47 33.946 18.176 60.928 45.107 79.053 79.053 18.432 34.406 25.6 67.584 26.47 128.922l0.102 336.538c0 70.144-6.861 105.626-26.573 142.49-18.202 33.82-45.233 60.851-78.040 78.553l-1.012 0.499c-34.406 18.432-67.584 25.6-128.922 26.47l-131.738 0.102c-70.144 0-105.626-6.861-142.49-26.573-33.82-18.202-60.851-45.233-78.553-78.040l-0.499-1.012c-18.432-34.406-25.6-67.584-26.47-128.922v-350.106c0.87-61.338 8.038-94.515 26.47-128.922 18.209-33.799 45.239-60.813 78.039-78.502l1.013-0.5c34.406-18.432 67.584-25.6 128.922-26.47zM371.2 742.4c-28.253 0.032-51.143 22.943-51.143 51.2 0 26.146 19.598 47.714 44.905 50.817l0.247 0.025 44.39 0.358c28.253-0.032 51.143-22.943 51.143-51.2 0-26.146-19.598-47.714-44.905-50.817l-0.247-0.025zM614.4 742.4c-28.253 0.032-51.143 22.943-51.143 51.2 0 26.146 19.598 47.714 44.905 50.817l0.247 0.025 44.39 0.358c28.253-0.032 51.143-22.943 51.143-51.2 0-26.146-19.598-47.714-44.905-50.817l-0.247-0.025zM661.146 204.8l-302.592 0.154c-25.788 2.224-45.999 23.268-46.897 49.219l-0.002 0.087 28.877 350.464c1.792 21.658 4.557 29.338 9.216 37.069 4.71 7.68 11.162 13.67 19.251 17.664 7.066 3.584 13.978 5.632 30.208 6.042l218.112 0.102c21.709 0 29.645-2.099 37.683-6.144 8.065-4.024 14.609-10.058 19.136-17.461l0.116-0.203c4.096-6.758 6.656-13.517 8.499-29.594 19.712-236.544 29.594-355.277 29.594-356.198 0-28.277-22.923-51.2-51.2-51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_local_train_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 16,
+				"id": 14,
+				"name": "db_ic_local_train_inverted_20",
+				"prevSize": 32,
+				"code": 922176
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M620.339 102.4c43.11 0 65.28 3.635 89.088 14.49 22.374 10.24 41.062 25.702 55.296 45.926 13.722 19.456 21.35 38.656 28.672 73.933l13.107 68.454 22.886 0.051c28.262 0 51.2 23.040 51.2 51.405v51.354c0 28.365-22.938 51.354-51.2 51.354l-10.803-0.051 0.051 301.21c0 24.013-3.072 45.158-11.981 60.16-7.117 13.312-18.33 26.266-31.693 33.894l0.154 41.318c0 0.030 0 0.066 0 0.102 0 14.138-11.462 25.6-25.6 25.6-0 0-0-0-0-0l-51.2-0c-0 0-0 0-0 0-14.138 0-25.6-11.462-25.6-25.6 0-0.036 0-0.072 0-0.108l-0 0.006-0.051-25.907h-307.149v25.907c0 0.030 0 0.066 0 0.102 0 14.138-11.462 25.6-25.6 25.6-0 0-0-0-0-0l-51.2-0c-0 0-0 0-0 0-14.138 0-25.6-11.462-25.6-25.6 0-0.036 0-0.072 0-0.108l-0 0.006-0.051-37.734c-13.481-7.217-24.572-17.292-32.768-29.476l-0.205-0.323c-8.243-12.39-15.462-27.136-16.435-58.061l-0.205-311.040h-10.701c-0 0-0 0-0 0-28.277 0-51.2-22.923-51.2-51.2 0-0.036 0-0.072 0-0.108l-0 0.006v-51.302c0-28.365 22.938-51.405 51.2-51.405h22.784l10.957-57.446c7.373-38.605 16.691-64.819 30.874-84.992 14.009-19.851 32.698-35.517 54.504-45.578l0.843-0.349c21.402-9.728 41.472-13.67 76.749-14.336zM304.998 720.742c-1.065-0.105-2.302-0.164-3.553-0.164-21.264 0-38.502 17.238-38.502 38.502 0 18.314 12.786 33.641 29.918 37.542l0.258 0.049 81.715 7.526c1.065 0.105 2.302 0.164 3.553 0.164 21.264 0 38.502-17.238 38.502-38.502 0-18.314-12.786-33.641-29.918-37.542l-0.258-0.049zM656.742 727.45c-19.916 1.624-35.463 18.188-35.463 38.382 0 20.7 16.335 37.584 36.817 38.466l0.080 0.003 81.715-6.81c19.737-1.818 35.073-18.292 35.073-38.349 0-20.562-16.119-37.36-36.41-38.447l-0.097-0.004-81.766 6.758zM731.546 406.221h-431.104l0.051 254.464c98.304 4.096 168.858 6.093 211.507 6.093 0.034 0 0.071 0 0.108 0 77.189 0 153.901-2.044 230.085-6.082l-10.647 0.45v-254.976zM629.248 189.747c-19.302 0-99.584 0.154-240.896 0.512-14.643 0.768-22.016 2.662-29.594 6.144-8.318 3.763-15.174 9.501-20.171 16.636l-0.104 0.157c-4.045 5.683-9.318 14.49-14.746 42.24-3.635 18.483-7.68 39.68-12.186 63.488h408.934c-5.325-28.518-9.318-49.664-12.083-63.488-4.096-20.736-9.421-34.714-14.746-42.24-5.096-7.313-11.952-13.069-19.969-16.72l-0.306-0.125c-6.298-2.867-15.206-6.605-44.134-6.605z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_long_distance_bus_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 17,
+				"id": 15,
+				"name": "db_ic_long_distance_bus_inverted_20",
+				"prevSize": 32,
+				"code": 922114
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M507.341 224c-95.898 0-202.701 60.928-202.701 174.080 0 100.762 68.915 137.626 142.49 160.973 31.488 9.779 49.664 14.234 92.006 26.624 46.899 15.053 82.022 34.202 82.022 75.93 0 33.126-42.189 64.205-94.618 64.205-81.408 0-168.806-49.459-217.446-123.136v115.2c49.254 45.67 139.418 82.125 217.446 82.125 140.032 0 223.232-103.27 223.232-192 0-97.741-63.59-133.427-134.195-154.624 1.161-0.869-27.161-8.327-55.6-15.493l-28.88-6.165c-57.139-14.694-103.066-32.768-103.066-83.251 0-31.744 28.16-58.88 77.363-58.88 81.92 0 160.973 44.902 210.432 103.219v-95.949c-56.038-45.385-128.197-72.862-206.773-72.862-0.584 0-1.168 0.002-1.752 0.005l0.090-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_s_bahn_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 18,
+				"id": 16,
+				"name": "db_ic_s_bahn_inverted_20",
+				"prevSize": 32,
+				"code": 922115
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M743.68 133.786l-67.738 22.477c-28.738 8.813-49.272 35.113-49.272 66.209 0 3.011 0.193 5.978 0.566 8.888l-0.036-0.345 73.626 340.378c-45.773 19.558-82.074 46.643-108.186 81.51-23.501 31.283-40.653 68.147-51.61 110.336h-220.058c-18.483-35.247-54.818-58.881-96.672-58.881-60.089 0-108.8 48.711-108.8 108.8s48.711 108.8 108.8 108.8c46.75 0 86.614-29.486 102.008-70.876l0.245-0.752c168.96 0 253.389-0.051 253.389-0.154 7.168 0 34.099-8.090 39.219-36.198 7.475-44.544 21.914-80.589 43.11-108.851 13.824-18.483 33.075-34.15 58.061-46.848l17.203 76.595c-20.5 19.813-33.227 47.555-33.227 78.27 0 60.089 48.711 108.8 108.8 108.8s108.8-48.711 108.8-108.8c0-57.657-44.849-104.839-101.564-108.563l-0.325-0.017c0 0.358-34.304-156.211-103.014-469.76l51.712-17.613c22.016-6.656 36.659-32.41 29.184-54.221-7.578-21.811-29.184-36.045-54.272-29.184zM388.864 609.075c-56.371-54.426-116.326-71.936-189.082-63.078-21.132 3.223-37.134 21.267-37.134 43.049 0 24.035 19.485 43.52 43.52 43.52 1.447 0 2.878-0.071 4.289-0.209l-0.179 0.014c47.872-5.786 81.613 4.045 118.118 39.322 7.819 7.558 18.482 12.215 30.234 12.215 24.037 0 43.524-19.486 43.524-43.524 0-12.286-5.091-23.383-13.278-31.297l-0.012-0.012z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_scooter_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 19,
+				"id": 17,
+				"name": "db_ic_scooter_inverted_20",
+				"prevSize": 32,
+				"code": 922116
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M785.562 669.235c14.131 14.541 24.32 24.32 30.515 29.286 18.074 14.541 38.093 25.958 54.323 25.958 24.035 0 43.52 19.485 43.52 43.52s-19.485 43.52-43.52 43.52h0c-37.99 0-77.568-17.818-118.835-53.453-41.062 35.635-81.101 53.453-120.115 53.453s-78.592-17.818-118.835-53.453c-41.267 35.584-81.050 53.35-119.398 53.35-38.4 0-78.182-17.766-119.501-53.35-40.858 35.328-80.384 53.146-118.579 53.453-0.458 0.017-0.996 0.027-1.536 0.027-24.035 0-43.52-19.485-43.52-43.52 0-0.010 0-0.019 0-0.029l-0 0.001c0-22.17 18.534-43.93 43.52-43.52 15.053 0.256 35.123-9.984 55.859-26.266 14.438-11.264 25.754-22.63 31.642-29.491 8.030-9.345 19.862-15.228 33.069-15.228 13.465 0 25.502 6.115 33.485 15.72l0.057 0.071c5.632 6.81 16.486 18.074 30.464 29.286 18.022 14.49 40.397 25.958 55.040 25.907s34.509-10.086 55.142-26.266c11.698-9.095 22.064-18.779 31.494-29.317l0.198-0.225c8.028-9.313 19.84-15.172 33.021-15.172 13.463 0 25.499 6.113 33.481 15.716l0.057 0.071c5.632 6.758 16.538 18.074 30.515 29.235 18.074 14.541 39.782 26.010 55.040 25.958s34.56-10.138 55.142-26.266c14.438-11.264 25.754-22.682 31.642-29.542 8.029-9.327 19.85-15.197 33.043-15.197 13.451 0 25.477 6.103 33.46 15.69l0.057 0.070zM666.266 272.947c12.795 16.939 24.318 36.143 33.708 56.531l0.801 1.94 165.581-29.184c2.267-0.419 4.875-0.658 7.539-0.658 24.035 0 43.52 19.485 43.52 43.52 0 6.828-1.573 13.289-4.375 19.041l0.113-0.258-114.176 179.507c-11.059 17.408-25.651 21.76-39.526 20.173-13.824-1.536-18.688-6.963-26.010-6.963s-43.11 73.882-104.55 73.882c-40.96 0-80.845-21.299-119.603-63.846-44.698 42.547-86.426 63.846-125.235 63.846-38.758 0-76.902-18.022-114.33-54.067-36.813 43.878-75.52 65.792-116.122 65.792-22.17 0-43.162-16.384-43.162-38.042l-0.358-89.293c0.006-43.678 29.575-80.449 69.787-91.392l0.664-0.154 66.714-12.646c18.483-4.096 27.648-32.717 20.992-100.71l-4.096-33.331c-3.226-21.914 9.574-44.544 36.608-49.408l204.339-30.669c65.946-10.598 119.859 21.146 161.178 76.442zM525.517 281.856l-170.291 25.19c3.226 36.147 1.741 62.925-1.894 85.504l257.638-45.363c-31.744-52.531-59.699-66.56-85.453-65.331z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_speedboat_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 20,
+				"id": 18,
+				"name": "db_ic_speedboat_inverted_20",
+				"prevSize": 32,
+				"code": 922118
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		},
+		{
+			"icon": {
+				"paths": [
+					"M614.4 204.8v376.832c0 68.762-41.728 109.568-102.4 109.568-60.621 0-102.4-40.806-102.4-109.568v-376.832h-153.6v390.81c0 163.584 117.402 223.59 256 223.59s256-59.904 256-223.59v-390.81z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_subway_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 21,
+				"id": 19,
+				"name": "db_ic_subway_inverted_20",
+				"prevSize": 32,
+				"code": 922119
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 20
+		},
+		{
+			"icon": {
+				"paths": [
+					"M665.6 128v77.107h36.096c41.677 3.482 80.794 35.226 91.392 71.885 7.066 24.422 20.941 85.709 41.626 183.808h86.886v102.554l-56.576-0.154c-7.68 76.442-12.8 121.344-15.36 134.605-3.84 19.968-14.95 46.080-30.464 61.286v136.909h-128v-90.061c-53.853 8.405-115.966 13.206-179.2 13.206s-125.345-4.801-185.991-14.059l6.791 0.853v90.061h-128v-136.909c-11.776-11.418-22.733-31.539-28.16-51.456-3.584-13.21-9.523-61.389-17.715-144.435l-56.525 0.154v-102.554h86.835l38.963-175.718c12.186-41.216 45.158-72.192 85.862-78.899 8.704-1.331 23.45-1.638 44.339-1.075v-77.107zM614.4 570.88h-204.8v87.040h204.8zM768 570.88h-102.4v87.040h102.4zM358.4 570.88h-102.4v87.040h102.4zM712.397 291.84h-400.794l-32.922 168.96h466.586z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_taxi_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 22,
+				"id": 20,
+				"name": "db_ic_taxi_inverted_20",
+				"prevSize": 32,
+				"code": 922120
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 21
+		},
+		{
+			"icon": {
+				"paths": [
+					"M154.214 778.342c35.84 25.856 61.389 43.418 76.442 52.634 22.528 13.875 51.046 24.064 84.89 26.317h68.454v64.41h-102.195c-24.26-0.007-44.575-16.885-49.852-39.539l-0.068-0.346c-30.72-21.811-57.242-54.733-77.67-103.475zM693.555 486.502l13.568 0.051 73.574 0.051 5.12 0.051 7.629 0.051c29.542 0.256 58.726 23.603 65.434 49.766 4.506 17.459 14.029 34.253 28.621 101.632l8.090 27.494h26.010v102.4l-19.456 0.102c-2.048 17.715-3.43 29.030-4.403 33.997-0.553 2.891-1.156 5.283-1.875 7.625l0.134-0.508v112.384h-102.4v-46.438l-4.813 1.792c-37.021 5.792-79.718 9.101-123.187 9.101s-86.166-3.309-127.852-9.688l4.665 0.587-4.813-1.741v46.387h-102.4v-112.077l-0.154-0.563c-2.201-10.892-4.243-24.866-5.636-39.032l-0.149-1.877h-19.661v-102.4h26.010l8.090-27.546 26.778-96.051c8.346-28.518 33.178-55.552 73.421-55.552zM382.925 102.451c188.621 0 280.269 128.154 282.624 307.507v25.293h-100.557c5.479-19.55 12.034-48.585 17.607-77.968l1.286-8.15c6.554-44.237-34.458-105.626-68.25-121.088s-77.568-23.194-131.43-23.194c-59.085 0-106.086 9.318-141.005 27.955-35.79 20.297-59.545 58.138-59.545 101.527 0 5.29 0.353 10.498 1.037 15.601l-0.065-0.596c10.035 48.486 16.384 77.363 19.149 86.63 8.141 27.955 30.515 49.254 58.368 56.269 49.664 8.909 90.368 13.414 122.061 13.619 14.285 0.102 30.362-0.973 47.309-2.611-3.749 6.893-7.155 14.948-9.775 23.35l-0.261 0.97-24.678 88.474c-22.016 5.734-38.298 25.754-38.298 49.562v102.4c0 4.454 0.614 8.704 1.69 12.8h-31.846c-24.269 0-48.435-8.96-64.563-19.763-37.112-25.080-64.494-44.596-91.497-64.596l7.427 5.255c-22.806-16.906-41.842-31.977-60.423-47.573l1.952 1.595c-12.493-67.123-18.739-114.893-18.739-143.258v-102.502c0-179.405 87.45-307.507 280.422-307.507zM519.526 711.117c-1.859-0.483-3.992-0.76-6.191-0.76-14.138 0-25.6 11.462-25.6 25.6 0 11.639 7.767 21.463 18.4 24.574l0.181 0.045 49.459 13.261c1.859 0.483 3.992 0.76 6.191 0.76 14.138 0 25.6-11.462 25.6-25.6 0-11.639-7.767-21.463-18.4-24.574l-0.181-0.045zM816.333 710.349l-4.608 0.768-49.408 13.261c-11.235 2.869-19.409 12.9-19.409 24.84 0 14.138 11.462 25.6 25.6 25.6 2.5 0 4.916-0.358 7.2-1.026l-0.181 0.045 49.459-13.261c11.235-2.869 19.409-12.9 19.409-24.84 0-14.138-11.462-25.6-25.6-25.6-2.5 0-4.916 0.358-7.2 1.026l0.181-0.045zM244.070 552.448c-15.388 5.24-26.26 19.566-26.26 36.431 0 2.507 0.24 4.958 0.699 7.331l-0.039-0.241 28.877 86.682c6.404 12.809 19.421 21.45 34.457 21.45 21.208 0 38.4-17.192 38.4-38.4 0-2.516-0.242-4.975-0.704-7.356l0.039 0.242-28.877-86.682c-6.408-12.796-19.419-21.428-34.446-21.428-4.345 0-8.522 0.722-12.417 2.052l0.27-0.080zM788.531 563.251h-245.76l-30.208 102.4h306.637l-30.72-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_train_and_car_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 23,
+				"id": 21,
+				"name": "db_ic_train_and_car_inverted_20",
+				"prevSize": 32,
+				"code": 922121
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 22
+		},
+		{
+			"icon": {
+				"paths": [
+					"M585.523 110.080c7.27 0 28.928 4.71 65.024 14.080 19.391 4.666 33.577 21.861 33.577 42.369 0 24.035-19.485 43.52-43.52 43.52-2.037 0-4.040-0.14-6.003-0.411l0.227 0.026-53.811-12.339-25.498-0.256v58.88l30.003 0.051c49.306 0 77.414 6.042 103.014 19.712 25.6 13.722 46.080 34.099 59.75 59.75 13.414 25.088 18.79 49.254 19.61 91.136l0.102 325.325c0 49.357-5.12 75.622-19.712 103.014-13.722 25.6-34.099 46.080-59.75 59.75-25.088 13.414-49.254 18.79-91.136 19.61l-158.925 0.102c-49.357 0-75.622-5.12-103.014-19.712-25.56-13.759-45.991-34.19-59.373-58.985l-0.378-0.766c-13.414-25.088-18.79-49.254-19.61-91.136l-0.102-325.325c0-49.357 5.12-75.622 19.712-103.014 13.722-25.6 34.099-46.080 59.75-59.75 25.088-13.414 49.254-18.79 91.136-19.61l41.882-0.102v-58.88l-25.856 0.051-48.077 11.52c-3.057 0.759-6.566 1.194-10.177 1.194-20.347 0-37.466-13.817-42.489-32.579l-0.070-0.307c-5.683-22.63 7.834-45.363 26.419-51.098 18.586-5.786 57.139-15.77 70.246-15.77h147.046zM378.778 742.758c-18.836 2.665-33.166 18.68-33.166 38.042s14.329 35.377 32.962 38.018l0.204 0.024h51.405c18.836-2.665 33.166-18.68 33.166-38.042s-14.329-35.377-32.962-38.018l-0.204-0.024zM596.378 742.758c-18.836 2.665-33.166 18.68-33.166 38.042s14.329 35.377 32.962 38.018l0.204 0.024h51.405c18.836-2.665 33.166-18.68 33.166-38.042s-14.329-35.377-32.962-38.018l-0.204-0.024zM408.678 343.040c-22.835 0-31.078 2.355-39.424 6.861-8.286 4.448-14.906 11.068-19.232 19.106l-0.122 0.248c-3.942 7.27-6.246 14.541-6.758 31.539l-0.102 266.342c61.44 3.84 117.76 5.786 168.96 5.786 42.65 0 111.206-2.304 168.96-5.786v-258.56c0-22.784-2.355-31.027-6.861-39.424-4.455-8.265-11.074-14.867-19.105-19.18l-0.249-0.122c-7.27-3.942-14.541-6.246-31.539-6.758zM563.2 409.6c21.208 0 38.4 17.192 38.4 38.4v0c0 19.456-15.053 38.4-38.4 38.4h-102.4c-21.208 0-38.4-17.192-38.4-38.4v0c0-19.456 16.077-38.4 38.4-38.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_tram_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 24,
+				"id": 22,
+				"name": "db_ic_tram_inverted_20",
+				"prevSize": 32,
+				"code": 922128
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 23
+		},
+		{
+			"icon": {
+				"paths": [
+					"M535.245 311.45c53.402 33.536 106.803 67.226 160.205 101.069 12.263 7.836 20.276 21.379 20.276 36.793 0 8.609-2.5 16.634-6.813 23.389l0.105-0.175c-7.966 12.184-21.543 20.123-36.975 20.123-8.521 0-16.478-2.421-23.218-6.612l0.187 0.108c-31.488-19.712-62.874-39.526-94.259-59.494l-12.288 144.077c2.816 1.229 10.394 6.349 12.595 8.448 44.698 42.65 89.293 85.658 89.293 85.658 3.584 3.482 9.933 14.336 10.803 16.742 17.92 49.562 35.686 99.226 53.402 148.941 1.615 4.368 2.549 9.413 2.549 14.676 0 18.78-11.896 34.782-28.564 40.882l-0.302 0.097c-20.89 7.475-45.722-2.406-55.654-26.317 58.146 186.483 41.216 140.311 24.385 94.092l-74.305-233.407-67.277-64.563-105.626 208.64c-7.343 14.258-21.961 23.84-38.816 23.84-7.17 0-13.935-1.734-19.898-4.805l0.244 0.114c-19.814-9.984-31.437-38.554-19.2-58.47 42.957-84.992 85.914-169.984 129.024-254.874l13.107-153.754-54.118 25.242-12.902 77.312c-3.635 21.862-28.211 39.373-50.074 35.686-20.772-3.547-36.386-21.416-36.386-42.931 0-0.603 0.012-1.203 0.037-1.801l-0.003 0.086 17.306-105.267c2.048-12.134 10.752-27.136 24.525-32.256 45.619-21.453 91.29-42.752 137.011-63.898 5.387-2.37 11.667-3.749 18.269-3.749 8.606 0 16.664 2.343 23.572 6.427l-0.216-0.118zM526.029 110.285c38.174-0 69.12 30.946 69.12 69.12s-30.946 69.12-69.12 69.12v0c-38.174 0-69.12-30.946-69.12-69.12s30.946-69.12 69.12-69.12v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_walking_inverted_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 25,
+				"id": 23,
+				"name": "db_ic_walking_inverted_20",
+				"prevSize": 32,
+				"code": 922177
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 24
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-transportation-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-transportation-outline.json
new file mode 100644
index 0000000000..f5557b51c1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-20-transportation-outline.json
@@ -0,0 +1,796 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M512.001 51.2c-254.493 0-460.801 206.306-460.801 460.799 0 254.489 206.308 460.801 460.801 460.801 254.491 0 460.799-206.312 460.799-460.801 0-254.492-206.308-460.799-460.799-460.799zM645.647 206.42c28.798 0 44.078 2.939 59.358 11.166 14.693 7.64 25.856 19.395 34.083 34.087 7.64 14.105 10.582 28.21 11.169 52.893v28.797c4.111-2.351 8.814-4.114 14.105-4.114 13.518 0 27.031 10.579 25.856 25.859v92.27c0 14.105-11.751 25.859-25.856 25.859-4.704 0-9.407-1.175-14.105-4.114v205.696c0 28.798-2.942 44.078-11.169 59.358-5.285 9.995-12.338 18.222-20.565 25.274v24.682c0 17.042-13.518 30.56-30.566 30.56h-18.216c-17.042 0-30.56-11.751-30.56-35.263h-258.596c0 22.92-13.513 35.263-30.56 35.263h-18.216c-17.042 0-30.56-13.518-30.56-30.56v-24.682c-8.82-7.053-15.867-15.28-20.571-25.274-7.641-14.105-10.579-28.211-11.166-52.892v-212.749c-4.114 2.351-8.816 4.114-13.518 4.114-14.105 0-25.859-11.754-25.859-25.859v-91.682c0-14.105 11.754-25.859 25.859-25.859 4.702 0 9.403 1.176 13.518 4.114v-21.745c0-28.797 2.939-44.078 11.166-59.358 7.641-14.693 19.397-25.859 34.090-34.087 14.1-7.64 28.205-10.578 52.893-11.166-0.404-0.202 32.318-0.335 75.439-0.422l24.415-0.043c4.196-0.006 8.443-0.013 12.725-0.018l25.973-0.031c4.353-0.005 8.706-0.009 13.043-0.013l50.157-0.037c3.932-0.002 7.778-0.004 11.523-0.006zM352.381 658.366c-18.809 0-34.676 15.28-34.676 34.676 0 19.391 15.28 34.67 34.676 34.67 18.803 0 34.671-15.28 34.671-34.67 0-19.396-15.867-34.676-34.671-34.676zM666.8 658.366c-18.803 0-34.671 15.28-34.671 34.676 0 19.391 15.28 34.67 34.671 34.67 19.396 0 34.676-15.28 34.676-34.67 0-19.396-15.867-34.676-34.676-34.676zM697.953 323.961h-377.312v264.465c71.114 11.169 135.764 15.867 188.656 15.867 54.067 0 116.954-5.285 188.656-15.867z"
+				],
+				"attrs": [{ "fill": "rgb(251, 186, 0)" }],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_ev_bus_20"]
+			},
+			"attrs": [{ "fill": "rgb(251, 186, 0)" }],
+			"properties": {
+				"order": 99,
+				"id": 32,
+				"name": "db_ic_ev_bus_20",
+				"prevSize": 32,
+				"code": 59688
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M402.477 101.492c-8.014 0-16.028 2.515-24.042 7.544-4.007 3.772-10.685 5.029-16.028 5.029-8.014 0-16.028-3.772-21.371-10.058-8.014-10.059-5.343-27.661 5.343-35.205 16.028-11.316 36.063-17.602 56.098-17.602h219.048c20.036 0 38.735 6.286 56.098 17.602 10.684 8.801 13.357 25.146 5.342 35.205-4.006 6.286-12.021 10.058-21.372 10.058-6.679 0-12.021-2.514-16.027-5.029-6.679-5.029-14.694-7.544-24.042-7.544z",
+					"M783.138 703.738c0 81.725-69.452 149.619-156.271 153.393-1.336-21.377-20.036-32.692-38.735-30.176-50.753 6.287-102.844 6.287-153.599 0-18.699-2.516-36.063 8.799-38.734 30.176-85.482-3.774-152.265-67.897-156.272-147.107v-383.476c0-100.584 86.818-182.309 193.67-184.823h149.592c17.684 0 34.868 2.116 51.256 6.091 83.869 20.341 146.859 89.355 149.092 172.446zM345.044 730.143c0 15.086 12.021 28.918 30.72 28.918h54.762c18.699 0 30.72-13.832 30.72-28.918 0-15.090-12.021-28.918-30.72-28.918h-54.762c-18.699 0-30.72 13.828-30.72 28.918zM592.141 701.225c-17.363 0-30.72 12.574-30.72 28.918 0 15.086 12.021 28.918 30.72 28.918h54.762c17.363 0 30.72-12.574 30.72-28.918 0-15.090-12.021-28.918-30.72-28.918zM674.95 287.572c0-37.719-33.389-69.151-73.461-69.151h-181.648c-40.070 0-72.125 31.432-72.125 69.151l16.028 279.12c0 33.947 28.048 60.352 62.776 60.352h168.291c34.73 0 62.777-27.66 62.777-60.352z",
+					"M715.022 922.509h77.467c14.69 0 26.711 11.316 26.711 25.147 0 13.828-12.021 25.144-26.711 25.144h-560.976c-14.692 0-26.713-11.316-26.713-25.144 0-13.832 12.021-25.147 26.713-25.147h77.468v-6.287c0-13.828 12.021-25.144 26.713-25.144s26.713 11.316 26.713 25.144v6.287h299.185v-6.287c0-13.828 12.021-25.144 26.715-25.144s26.715 11.316 26.715 25.144z"
+				],
+				"attrs": [{}, {}, {}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_ev_train_20"]
+			},
+			"attrs": [{}, {}, {}],
+			"properties": {
+				"order": 98,
+				"id": 31,
+				"name": "db_ic_ev_train_20",
+				"prevSize": 32,
+				"code": 59689
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M526.848 818.995l126.054-250.368 11.469-137.933-40.96 18.022-9.83 70.451c-3.523 25.119-24.869 44.237-50.68 44.237-0.039 0-0.078-0-0.117-0l0.006 0c-27.853 0-50.79-24.576-50.79-50.79v-8.192l16.384-98.304c1.608-17.526 12.447-32.187 27.557-39.199l0.296-0.123 99.942-45.875c16.384-6.554 44.237-22.938 63.898-22.938 18.022 0 39.322 16.384 50.79 22.938l134.349 85.197c13.107 9.83 22.938 26.214 22.938 44.237 0 29.491-24.576 50.79-50.79 50.79-11.469 0-21.299-3.277-29.491-8.192l-81.92-54.067-9.114 131.072 91.341 81.92c9.83 6.554 17.357 16.179 21.299 27.853l53.76 150.733c0 4.915 1.638 9.83 1.638 14.746 0 26.214-22.938 50.79-50.79 50.79-0.417 0.012-0.909 0.019-1.402 0.019-23.475 0-43.259-15.798-49.302-37.342l-0.086-0.36-48.845-132.71-60.109-60.774-100.659 204.954c-9.83 16.384-24.576 26.214-44.237 26.214-27.992-0.145-50.646-22.798-50.79-50.777l-0-0.014c0-9.83 1.638-18.022 8.192-26.214zM153.6 460.8h190.157c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0h-190.157c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0zM256 614.4h153.6c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0h-153.6c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0zM652.902 179.2c0-42.496 35.942-76.8 76.8-76.8 44.134 0 76.8 34.304 76.8 76.8 0 40.858-32.666 76.8-76.8 76.8-40.858 0-76.8-35.942-76.8-76.8z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_walking_fast_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 256,
+				"id": 0,
+				"name": "db_ic_walking_fast_20",
+				"prevSize": 32,
+				"code": 922137
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M322.048 818.995l126.054-250.368 11.469-137.933-40.96 18.022-9.83 70.451c-3.523 25.119-24.869 44.237-50.68 44.237-0.039 0-0.078-0-0.117-0l0.006 0c-27.853 0-50.79-24.576-50.79-50.79v-8.192l16.384-98.304c1.608-17.526 12.447-32.187 27.557-39.199l0.296-0.123 99.942-45.875c16.384-6.554 44.237-22.938 63.898-22.938 18.022 0 39.322 16.384 50.79 22.938l134.349 85.197c13.107 9.83 22.938 26.214 22.938 44.237 0 29.491-24.576 50.79-50.79 50.79-11.469 0-21.299-3.277-29.491-8.192l-81.92-54.067-9.114 131.072 91.341 81.92c9.83 6.554 17.357 16.179 21.299 27.853l53.76 150.733c0 4.915 1.638 9.83 1.638 14.746 0 26.214-22.938 50.79-50.79 50.79-0.417 0.012-0.909 0.019-1.402 0.019-23.475 0-43.259-15.798-49.302-37.342l-0.086-0.36-48.845-132.71-60.109-60.774-100.659 204.954c-9.83 16.384-24.576 26.214-44.237 26.214-27.992-0.145-50.646-22.798-50.79-50.777l-0-0.014c0-9.83 1.638-18.022 8.192-26.214zM448.102 179.2c0-42.496 35.942-76.8 76.8-76.8 44.134 0 76.8 34.304 76.8 76.8 0 40.858-32.666 76.8-76.8 76.8-40.858 0-76.8-35.942-76.8-76.8z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_walking_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 267,
+				"id": 1,
+				"name": "db_ic_walking_20",
+				"prevSize": 32,
+				"code": 922177
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M576.205 110.080c7.936 0 15.872 0.666 23.706 1.946l50.688 12.134c19.426 4.639 33.647 21.852 33.647 42.385 0 24.035-19.485 43.52-43.52 43.52-2.080 0-4.125-0.146-6.127-0.428l0.23 0.027c-33.792-8.090-51.712-12.186-53.811-12.339l-25.498-0.205v66.56h30.003c44.186 0 75.162 5.837 99.43 18.842 24.269 12.954 43.52 32.256 56.525 56.525 12.8 23.962 17.971 47.053 18.739 87.859l0.102 325.018c0 48.179-4.864 73.267-18.842 99.43-12.954 24.269-32.256 43.52-56.525 56.525-23.962 12.8-47.053 17.971-87.859 18.739l-158.618 0.102c-48.179 0-73.267-4.864-99.43-18.842-24.177-13.022-43.503-32.348-56.167-55.801l-0.358-0.724c-12.8-23.962-17.971-47.053-18.739-87.859-0.512-27.136-0.512-135.526-0.102-325.018 0-48.179 4.864-73.267 18.842-99.43 12.954-24.269 32.256-43.52 56.525-56.525 23.962-12.8 47.053-17.971 87.859-18.739l41.574-0.102v-66.56c-18.074 0.154-28.16 0.461-30.208 0.768l-43.725 10.752c-3.178 0.83-6.826 1.307-10.586 1.307-24.035 0-43.52-19.485-43.52-43.52 0-18.377 11.39-34.093 27.495-40.475l0.294-0.103 44.186-11.418c7.68-1.946 21.965-4.352 35.379-4.352h128.41zM422.4 737.741h-76.8v87.040h76.8v-87.040zM678.4 737.741h-76.8v87.040h76.8v-87.040zM429.466 350.72c-28.16 0.41-38.656 2.765-49.357 8.499-8.941 4.761-16.077 11.897-20.708 20.572l-0.13 0.267c-5.171 9.677-7.629 19.098-8.294 41.472l-0.256 248.832c53.76 5.427 107.52 8.192 161.28 8.192 39.885 0 105.83-1.69 161.024-8.192v-248.832c-0.666-22.374-3.072-31.795-8.294-41.472-4.761-8.941-11.897-16.077-20.572-20.708l-0.267-0.13c-9.677-5.171-19.098-7.629-41.472-8.294l-172.902-0.205zM563.2 404.224c21.208 0 38.4 17.192 38.4 38.4v0c0 19.456-16.077 38.4-38.4 38.4h-102.4c-21.208 0-38.4-17.192-38.4-38.4s17.192-38.4 38.4-38.4v0h102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_tram_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 294,
+				"id": 2,
+				"name": "db_ic_tram_20",
+				"prevSize": 32,
+				"code": 922128
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M154.214 778.342c35.84 25.856 61.389 43.418 76.442 52.634 22.528 13.875 51.046 24.064 84.89 26.317h68.454v64.41h-102.195c-24.26-0.007-44.575-16.885-49.852-39.539l-0.068-0.346c-30.72-21.811-57.242-54.733-77.67-103.475zM700.365 486.502l6.758 0.051 73.574 0.051 12.749 0.102c29.542 0.256 58.726 23.603 65.434 49.766 4.506 17.459 14.029 34.253 28.621 101.632l8.090 27.494h26.010v102.4l-19.456 0.102c-2.048 17.715-3.43 29.030-4.403 33.997-0.553 2.891-1.156 5.283-1.875 7.625l0.134-0.508v112.384h-102.4v-46.438l-4.813 1.792c-37.021 5.792-79.718 9.101-123.187 9.101s-86.166-3.309-127.852-9.688l4.665 0.587-4.813-1.741v46.387h-102.4v-112.077l-0.154-0.563c-2.201-10.892-4.243-24.866-5.636-39.032l-0.149-1.877h-19.661v-102.4h26.010l8.090-27.546 26.778-96.051c8.346-28.518 33.178-55.552 73.421-55.552h156.416zM382.925 102.451c188.621 0 280.269 128.154 282.624 307.507v25.293h-100.557c5.479-19.55 12.034-48.585 17.607-77.968l1.286-8.15c6.554-44.237-34.458-105.626-68.25-121.088s-77.568-23.194-131.43-23.194c-59.085 0-106.086 9.318-141.005 27.955-35.79 20.297-59.545 58.138-59.545 101.527 0 5.29 0.353 10.498 1.037 15.601l-0.065-0.596c10.035 48.486 16.384 77.363 19.149 86.63 8.141 27.955 30.515 49.254 58.368 56.269 49.664 8.909 90.368 13.414 122.061 13.619 14.285 0.102 30.362-0.973 47.309-2.611-3.749 6.893-7.155 14.948-9.775 23.35l-0.261 0.97-24.678 88.474c-22.016 5.734-38.298 25.754-38.298 49.562v102.4c0 4.454 0.614 8.704 1.69 12.8h-31.846c-24.269 0-48.435-8.96-64.563-19.763-37.112-25.080-64.494-44.596-91.497-64.596l7.427 5.255c-22.806-16.906-41.842-31.977-60.423-47.573l1.952 1.595c-12.493-67.123-18.739-114.893-18.739-143.258v-102.502c0-179.405 87.45-307.507 280.422-307.507zM519.526 711.117c-1.859-0.483-3.992-0.76-6.191-0.76-14.138 0-25.6 11.462-25.6 25.6 0 11.639 7.767 21.463 18.4 24.574l0.181 0.045 49.459 13.261c1.859 0.483 3.992 0.76 6.191 0.76 14.138 0 25.6-11.462 25.6-25.6 0-11.639-7.767-21.463-18.4-24.574l-0.181-0.045zM816.333 710.349l-4.608 0.768-49.408 13.261c-11.235 2.869-19.409 12.9-19.409 24.84 0 14.138 11.462 25.6 25.6 25.6 2.5 0 4.916-0.358 7.2-1.026l-0.181 0.045 49.459-13.261c11.235-2.869 19.409-12.9 19.409-24.84 0-14.138-11.462-25.6-25.6-25.6-2.5 0-4.916 0.358-7.2 1.026l0.181-0.045zM244.070 552.448c-15.388 5.24-26.26 19.566-26.26 36.431 0 2.507 0.24 4.958 0.699 7.331l-0.039-0.241 28.877 86.682c6.404 12.809 19.421 21.45 34.457 21.45 21.208 0 38.4-17.192 38.4-38.4 0-2.516-0.242-4.975-0.704-7.356l0.039 0.242-28.877-86.682c-6.408-12.796-19.419-21.428-34.446-21.428-4.345 0-8.522 0.722-12.417 2.052l0.27-0.080zM788.531 563.251h-245.76l-30.208 102.4h306.637l-30.72-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_train_and_car_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 293,
+				"id": 3,
+				"name": "db_ic_train_and_car_20",
+				"prevSize": 32,
+				"code": 922121
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M665.6 128v77.107h36.096c41.677 3.482 76.493 32.102 91.392 71.885 7.168 24.064 21.043 85.35 41.626 183.808h86.886v102.554l-56.576-0.154c-6.588 67.721-12.022 113.898-18.083 159.878l2.723-25.273c-3.84 19.968-14.95 44.749-30.464 61.235v136.96h-128v-90.061c-53.853 8.405-115.966 13.206-179.2 13.206s-125.345-4.801-185.991-14.059l6.791 0.853v90.061h-128v-136.96c-12.288-10.854-23.706-35.226-28.16-51.405-3.584-12.442-9.472-60.621-17.715-144.435l-56.525 0.154v-102.554h86.835l38.963-175.718c12.186-41.216 45.158-72.192 85.862-78.899 10.035-1.28 24.832-1.638 44.339-1.075v-77.107h307.2zM768 570.88h-89.6v87.040h89.6v-87.040zM345.6 570.88h-89.6v87.040h89.6v-87.040zM614.4 570.88h-204.8v87.040h204.8v-87.040zM712.397 291.84h-400.794l-32.922 168.96h466.586l-32.87-168.96z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_taxi_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 292,
+				"id": 4,
+				"name": "db_ic_taxi_20",
+				"prevSize": 32,
+				"code": 922120
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 102.4c84.831 0 153.6 68.769 153.6 153.6v0 512c0 84.831-68.769 153.6-153.6 153.6v0h-512c-84.831 0-153.6-68.769-153.6-153.6v0-512c0-84.831 68.769-153.6 153.6-153.6v0h512zM256 204.8c-26.163 0.004-47.741 19.63-50.817 44.964l-0.024 0.246-0.358 517.99c0.004 26.163 19.63 47.741 44.964 50.817l0.246 0.024 517.99 0.358c26.163-0.004 47.741-19.63 50.817-44.964l0.024-0.246 0.358-517.99c-0.004-26.163-19.63-47.741-44.964-50.817l-0.246-0.024-517.99-0.358zM443.75 307.2v251.187c0 45.875 27.853 73.062 68.25 73.062 38.042 0 64.973-24.064 67.994-65.126l0.256-259.123h102.4v260.557c0 109.107-78.234 149.043-170.65 149.043-89.293 0-165.427-37.376-170.394-138.394l-0.256-271.206h102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_subway_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 291,
+				"id": 5,
+				"name": "db_ic_subway_20",
+				"prevSize": 32,
+				"code": 922119
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 807.424c0-26.010 18.995-52.992 48.998-52.992 5.99 0 11.008 1.024 18.022 3.021 22.016 6.963 46.029 10.957 69.99 10.957 34.048 0 74.035-6.963 74.035-40.96 0-18.995-9.011-26.982-58.010-47.974-46.029-18.995-116.019-48.998-116.019-133.99 0-81.971 67.994-136.96 168.038-136.96 30.976 0 62.976 5.99 92.006 16.026 24.064 8.96 33.997 27.955 33.997 46.95 0 26.010-18.944 52.992-48.998 52.992-5.99 0-11.981-1.024-17.971-3.021-17.109-6.329-36.872-9.991-57.489-9.991-0.543 0-1.086 0.003-1.627 0.008l0.083-0.001c-16.026 0-65.024 2.048-65.024 33.997 0 14.029 5.99 19.968 52.992 39.987 48.026 20.992 121.037 52.019 121.037 142.95 0 86.016-69.99 141.978-177.050 141.978-0.429 0.002-0.936 0.003-1.444 0.003-36.635 0-71.904-5.845-104.927-16.653l2.384 0.675c-23.040-9.011-33.024-28.058-33.024-47.002zM129.382 204.595c0.116-28.135 22.907-50.908 51.038-50.995l0.008-0c351.027 0 741.171 304.896 741.171 510.874 0 193.946-223.078 204.902-349.082 205.926h-22.016c-28.979 0-52.019-23.040-52.019-50.995 0-28.006 23.040-50.995 52.019-50.995 247.091 0 268.083-51.968 268.083-103.936 0-128-320.102-407.91-638.157-407.91-28.006 0-51.046-22.989-51.046-51.968z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_sprinter_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 266,
+				"id": 6,
+				"name": "db_ic_sprinter_20",
+				"prevSize": 32,
+				"code": 921928
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M317.286 742.246c19.763 33.894 41.472 76.954 75.264 76.954s55.45-43.11 75.264-77.005c9.046-15.287 25.45-25.377 44.211-25.377s35.165 10.090 44.081 25.14l0.13 0.237c19.763 33.843 37.581 77.005 75.264 77.005 37.581 0 55.45-43.162 75.213-77.005 9.046-15.287 25.45-25.377 44.211-25.377s35.165 10.090 44.081 25.14l0.13 0.237c19.763 33.792 46.95 77.005 75.264 77.005 28.277 0 51.2 22.923 51.2 51.2v0c0 26.266-22.118 51.507-51.2 51.2-43.008-0.512-82.842-22.938-119.501-67.43-37.99 44.698-77.824 67.174-119.45 67.43s-81.408-22.17-119.45-67.379c-40.141 44.902-79.974 67.379-119.45 67.379-39.526 0-79.36-22.426-119.501-67.328-38.758 44.902-78.541 67.328-119.45 67.328-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0c28.365 0 55.45-43.059 75.264-76.954 9.046-15.287 25.45-25.377 44.211-25.377s35.165 10.090 44.081 25.14l0.13 0.237zM491.213 271.36c60.262 9.062 128.614 57.651 205.107 145.818l164.608-30.976c41.114-7.68 76.749 35.994 53.862 75.878-228.173 419.337-262.124 477.44-296.15 535.494l193.75-357.677c-9.007 15.454-25.502 25.675-44.384 25.675-9.407 0-18.222-2.537-25.798-6.965l0.242 0.131c-15.343-9.183-25.455-25.715-25.455-44.609 0-9.306 2.453-18.038 6.748-25.586l-0.134 0.256c15.514-27.136 31.13-54.272 46.848-81.408l-565.658 107.008v51.2c0 28.277-22.923 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v0c-0.049-7.604-0.077-16.599-0.077-25.6s0.028-17.996 0.084-26.983l-0.007 1.383c0-51.712 26.112-89.446 85.658-101.53 14.797-2.714 29.542-5.478 44.288-8.294 15.104-95.59 23.45-150.17 24.986-163.635 2.304-20.275 18.074-40.038 41.318-44.544 45.875-8.806 91.853-17.51 137.882-26.112 17.92-2.918 35.84-1.69 54.682 1.126zM454.144 371.098c-12.8 2.355-46.029 8.653-99.584 18.893l-13.363 94.054 236.39-44.493c-49.408-46.643-79.258-62.515-105.677-67.584-5.325-1.024-9.37-2.15-17.766-0.87z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_speedboat_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 290,
+				"id": 7,
+				"name": "db_ic_speedboat_20",
+				"prevSize": 32,
+				"code": 922118
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M755.405 335.36c5.683 15.002 9.011 31.283 9.011 48.538v409.958c0 70.246-53.914 127.744-119.808 127.744h-299.418c-37.683 0-70.963-19.149-92.774-48.23l65.229-69.888c3.834 9.222 12.654 15.645 23.006 15.922l0.034 0.001h47.923c14.080 0 25.446-12.134 25.446-27.136s-11.366-27.136-25.446-27.136h-35.021l92.826-99.328h163.789c35.328 0 64.358-30.925 64.358-68.608v-169.216l-0.614-5.427 81.152-86.886zM334.694 102.502l6.502 0.102 304.794 0.922c11.776 0 23.91 3.533 34.458 10.24l40.448 25.242c9.141 5.939 15.102 16.101 15.102 27.654 0 5.904-1.556 11.444-4.281 16.233l0.085-0.162c-5.125 9.29-14.798 15.514-25.937 15.667l-0.021 0c-5.718-0.072-11.032-1.74-15.535-4.578l0.123 0.073-40.448-25.19c-1.536-0.666-3.994-1.28-3.994-1.28h-23.552v88.422h24.166c33.536 0 64.051 15.002 86.118 38.656l-77.67 82.022c-11.151-10.875-26.345-17.651-43.12-17.868l-0.042-0h-233.011c-35.635 0-64.922 30.976-64.922 68.659v169.216c0 37.683 29.286 68.659 64.922 68.659l3.942-0.307-153.754 162.816c-3.096-10.487-4.955-22.555-5.119-35.032l-0.001-0.092v-408.986c0-70.246 54.374-127.744 120.832-127.744h24.166v-89.395h-28.109c-0.922 0.307-3.021 0.614-4.557 1.587l-37.12 25.242c-4.597 3.143-10.276 5.019-16.394 5.019-10.763 0-20.169-5.806-25.259-14.456l-0.075-0.137c-3.001-4.882-4.778-10.796-4.778-17.125 0-11.050 5.418-20.834 13.743-26.84l0.097-0.067 37.171-25.293c11.213-7.68 24.474-13.056 37.478-11.776zM648.806 764.826h-47.872c-14.080 0-25.498 12.134-25.498 27.136s11.418 27.136 25.498 27.136h47.872c14.080 0 25.446-12.134 25.446-27.136s-11.366-27.136-25.446-27.136zM562.022 167.066h-132.915v89.088h132.915v-89.088z",
+					"M126.259 921.6c-0.019 0-0.041 0-0.063 0-6.581 0-12.537-2.682-16.832-7.013l-0.002-0.002c-4.299-4.345-6.954-10.323-6.954-16.922s2.656-12.576 6.957-16.924l-0.002 0.002 767.283-769.229c4.342-4.284 10.31-6.929 16.896-6.929s12.554 2.646 16.899 6.932l-0.003-0.003c4.323 4.334 6.996 10.316 6.996 16.922s-2.673 12.588-6.997 16.922l-767.18 769.228c-4.297 4.332-10.252 7.014-16.833 7.014-0.022 0-0.044-0-0.066-0l0.003 0z"
+				],
+				"attrs": [{}, {}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_sev_20"],
+				"grid": 0
+			},
+			"attrs": [{}, {}],
+			"properties": {
+				"order": 289,
+				"id": 8,
+				"name": "db_ic_sev_20",
+				"prevSize": 32,
+				"code": 922117
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M778.752 117.402l-105.677 31.949c-31.864 9.835-54.616 39.023-54.616 73.526 0 2.74 0.143 5.446 0.423 8.112l-0.028-0.333 59.392 298.445c-48.998 31.59-90.982 70.246-117.606 105.779-22.515 30.126-38.315 66.551-44.473 106.166l-0.173 1.354h-168.243c-20.259-45.586-65.141-76.8-117.314-76.8-70.692 0-128 57.308-128 128s57.308 128 128 128c52.172 0 97.054-31.214 116.99-75.986l0.324-0.814h215.45c28.277 0 51.2-22.923 51.2-51.2v0c0-40.602 9.523-72.499 28.16-97.28 13.978-18.688 33.178-37.683 57.651-56.934l11.264 56.013c-28.135 23.64-45.892 58.844-45.892 98.195 0 70.692 57.308 128 128 128s128-57.308 128-128c0-64.837-48.208-118.415-110.735-126.846l-0.659-0.073-85.248-426.035 83.456-25.242c25.139-7.578 43.264-37.581 34.202-63.795s-35.635-42.598-63.795-34.202zM793.6 768c14.138 0 25.6 11.462 25.6 25.6s-11.462 25.6-25.6 25.6v0c-14.138 0-25.6-11.462-25.6-25.6s11.462-25.6 25.6-25.6v0zM230.4 768c14.138 0 25.6 11.462 25.6 25.6s-11.462 25.6-25.6 25.6v0c-14.138 0-25.6-11.462-25.6-25.6s11.462-25.6 25.6-25.6v0zM393.933 577.536c-58.88-56.832-125.286-76.595-197.376-64.87-24.164 4.411-42.24 25.3-42.24 50.41 0 28.277 22.923 51.2 51.2 51.2 2.619 0 5.193-0.197 7.706-0.576l-0.283 0.035c40.806-6.656 74.598 3.43 109.875 37.478 9.184 8.822 21.681 14.254 35.446 14.254 28.277 0 51.2-22.923 51.2-51.2 0-14.377-5.925-27.369-15.467-36.669l-0.011-0.011z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_scooter_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 288,
+				"id": 9,
+				"name": "db_ic_scooter_20",
+				"prevSize": 32,
+				"code": 922116
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 102.4c226.216 0 409.6 183.384 409.6 409.6s-183.384 409.6-409.6 409.6v0c-226.216 0-409.6-183.384-409.6-409.6s183.384-409.6 409.6-409.6v0zM512 204.8c-169.662 0-307.2 137.538-307.2 307.2s137.538 307.2 307.2 307.2v0c169.662 0 307.2-137.538 307.2-307.2s-137.538-307.2-307.2-307.2v0zM497.869 307.2c0.371-0.002 0.809-0.003 1.248-0.003 55.874 0 107.183 19.541 147.467 52.163l-0.44-0.345v68.25c-35.021-39.117-87.757-73.472-149.606-73.472-35.021 0-55.040 19.354-55.040 41.933 0 32.512 26.778 46.080 61.952 56.166l52.429 13.158c57.19 14.694 114.381 37.069 114.381 115.2 0 63.078-59.136 136.55-158.72 136.55-55.501 0-118.118-25.907-153.088-58.368v-81.92c33.126 49.408 92.16 87.552 153.088 87.552 37.325 0 67.328-22.118 67.328-45.67 0-31.232-27.802-44.749-63.846-55.706l-44.186-12.493c-57.754-16.538-117.094-40.346-117.094-119.194 0.051-80.486 75.93-123.802 144.128-123.802z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_s_bahn_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 287,
+				"id": 10,
+				"name": "db_ic_s_bahn_20",
+				"prevSize": 32,
+				"code": 922115
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M837.683 307.2c46.95 0 83.917 38.912 83.917 84.89v222.31c0 25.6-25.6 51.2-51.2 51.2l-51.2 0.051c-0.145 28.167-23.012 50.945-51.199 50.945-0.090 0-0.18-0-0.271-0.001l0.014 0h-101.888c-0.076 0-0.166 0.001-0.257 0.001-28.187 0-51.054-22.778-51.199-50.931l-0-0.014-191.027-0.307-13.773 0.41c-0.512 27.904-23.040 50.893-51.456 50.893h-101.888c-0.107 0.001-0.234 0.001-0.361 0.001-27.938 0-50.586-22.648-50.586-50.586 0-0.162 0.001-0.325 0.002-0.487l-0 0.025h-51.712c-25.6 0-51.2-25.6-51.2-51.2v-222.31c0-45.978 36.966-84.89 83.917-84.89zM819.2 409.6h-614.4v102.4h614.4v-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_railroad_car_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 263,
+				"id": 11,
+				"name": "db_ic_railroad_car_20",
+				"prevSize": 32,
+				"code": 922003
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 892.365v-351.232c0-16.026 13.875-29.133 32-29.133h17.92c218.624 0 462.080 174.95 462.080 292.557 0 82.33-76.8 117.043-231.629 117.043h-247.91c-18.074 0-32.461-13.312-32.461-29.235zM102.4 614.963v122.778h36.557c127.795 0.512 174.694 6.912 241.152 26.214 11.264 3.328 22.682 0.87 31.13-6.861 17.203-11.008 25.6-19.405 25.19-25.088-1.042-9.044-6.233-16.689-13.592-21.074l-0.129-0.071c-83.661-56.474-182.938-89.6-286.566-95.898-5.047-0.364-10.934-0.571-16.87-0.571s-11.824 0.207-17.656 0.615l0.786-0.044zM442.88 134.042l202.394 105.728 205.619-58.573c4.505-1.438 9.688-2.266 15.064-2.266 28.277 0 51.2 22.923 51.2 51.2 0 23.658-16.046 43.568-37.848 49.442l-0.358 0.082-557.414 158.72c-4.215 1.251-9.058 1.971-14.068 1.971-14.606 0-27.783-6.116-37.111-15.927l-0.021-0.022-50.176-52.685c-9.59-9.316-15.541-22.333-15.541-36.74 0-28.277 22.923-51.2 51.2-51.2 15.363 0 29.145 6.766 38.53 17.481l0.051 0.059 28.826 30.31 179.149-51.046-106.854-55.706c-16.847-8.615-28.18-25.851-28.18-45.733 0-28.277 22.923-51.2 51.2-51.2 8.918 0 17.304 2.28 24.606 6.289l-0.266-0.134z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_rail_and_fly_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 262,
+				"id": 12,
+				"name": "db_ic_rail_and_fly_20",
+				"prevSize": 32,
+				"code": 921945
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M369.357 102.502l273.715-0.102c40.448 0 61.44 3.072 84.48 12.288 22.118 8.806 41.062 22.528 56.474 40.653 14.438 17.050 23.552 34.099 34.611 65.331l11.878 35.328h65.485v204.8h-51.2v292.762c0 24.986-2.56 41.216-9.574 56.883-7.066 15.667-11.11 19.456-15.923 25.088l-0.102 86.067h-128v-51.2h-358.4v51.2h-128v-86.016c-4.717-5.388-8.93-11.431-12.439-17.911l-0.258-0.521c-8.397-15.667-11.981-30.72-12.749-53.402l-0.154-302.95h-51.2v-204.8h65.434l8.192-24.32c11.52-34.611 22.938-58.163 38.349-76.288 15.36-18.227 34.304-31.898 56.474-40.755 20.685-8.294 39.782-11.571 72.909-12.134zM282.829 707.174c-1.176-0.11-2.544-0.172-3.926-0.172-24.742 0-44.8 20.058-44.8 44.8 0 21.399 15.004 39.294 35.065 43.739l0.298 0.055 69.325 6.451c1.176 0.11 2.544 0.172 3.926 0.172 24.742 0 44.8-20.058 44.8-44.8 0-21.399-15.004-39.294-35.065-43.739l-0.298-0.055-69.325-6.451zM677.478 712.806c-22.83 2.257-40.517 21.361-40.517 44.595 0 23.992 18.86 43.58 42.563 44.745l0.104 0.004 69.376-5.683c23.005-2.072 40.896-21.262 40.896-44.63 0-24.126-19.070-43.797-42.959-44.763l-0.088-0.003-69.376 5.683zM742.4 396.8h-460.8l0.154 222.925c77.875 7.629 173.21 12.8 230.246 12.8s121.958-3.174 194.714-9.523l35.635-3.379 0.051-222.822zM651.059 204.8l-281.702 0.102c-14.694 0-26.829 0.358-41.011 8.090-9.472 5.12-18.483 19.61-27.034 43.52l-19.712 63.488h460.749c-8.426-30.874-15.948-54.204-24.268-77.15l2.252 7.109c-7.168-18.739-14.694-31.13-24.781-37.069-10.035-5.99-18.074-7.987-44.544-8.038z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_long_distance_bus_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 286,
+				"id": 13,
+				"name": "db_ic_long_distance_bus_20",
+				"prevSize": 32,
+				"code": 922114
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M601.293 102.4c49.357 0 75.622 5.12 103.014 19.712 25.6 13.722 46.029 34.099 59.699 59.75 13.466 25.088 18.842 49.254 19.661 91.136l0.102 466.125c0 49.357-5.12 75.622-19.763 103.014-13.67 25.6-34.099 46.080-59.699 59.75-25.088 13.414-49.306 18.79-91.136 19.61l-190.464 0.102c-49.357 0-75.622-5.12-103.014-19.712-25.54-13.767-45.953-34.196-59.322-58.984l-0.378-0.766c-13.466-25.088-18.842-49.254-19.661-91.136l-0.102-466.125c0-49.357 5.12-75.622 19.763-103.014 13.67-25.6 34.099-46.080 59.699-59.75 25.088-13.414 49.306-18.79 91.136-19.61l190.464-0.102zM358.4 742.4c-21.203 0.007-38.388 17.196-38.388 38.4 0 19.362 14.33 35.377 32.962 38.018l0.204 0.024 69.222 0.358c21.203-0.007 38.388-17.196 38.388-38.4 0-19.362-14.33-35.377-32.962-38.018l-0.204-0.024-69.222-0.358zM601.6 742.4c-21.203 0.007-38.388 17.196-38.388 38.4 0 19.362 14.33 35.377 32.962 38.018l0.204 0.024 69.222 0.358c21.203-0.007 38.388-17.196 38.388-38.4 0-19.362-14.33-35.377-32.962-38.018l-0.204-0.024-69.222-0.358zM629.862 204.8l-239.309 0.102c-25.893 1.843-46.365 22.687-47.612 48.574l-0.004 0.117 24.32 350.362c2.816 27.443 7.731 61.542 58.522 61.542l164.864 0.102c57.088 0 63.642-30.464 65.434-54.067 16.691-236.237 24.986-354.714 24.986-355.533 0-28.277-22.923-51.2-51.2-51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_local_train_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 270,
+				"id": 14,
+				"name": "db_ic_local_train_20",
+				"prevSize": 32,
+				"code": 922176
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M687.923 102.4c49.357 0 75.622 5.12 103.014 19.712 25.6 13.722 46.080 34.099 59.75 59.75 11.469 21.504 17.101 42.291 18.944 74.035l51.968 0.102v204.8h-51.2v292.762c0 24.781-2.97 46.746-12.902 63.59-9.933 16.896-23.45 31.13-38.298 39.117v65.331h-128v-51.2h-358.4v51.2h-128v-65.229c-16.305-9.3-29.356-22.647-38.042-38.702l-0.256-0.517c-8.397-15.667-11.981-30.72-12.749-53.402l-0.154-302.95h-51.2v-204.8l51.968-0.102c1.843-31.744 7.475-52.582 18.944-74.035 13.722-25.6 34.099-46.080 59.75-59.75 25.088-13.414 52.941-19.712 94.31-19.61l360.55-0.102zM331.776 652.8h-76.8v76.8h76.8v-76.8zM772.506 652.8h-76.8v76.8h76.8v-76.8zM696.627 204.851h-369.254c-16.435 0-38.502 0-54.63 13.824-16.179 13.722-16.589 37.427-16.691 57.498-0.102 13.414 0 104.806 0.102 274.125 96.205 7.424 181.504 11.11 255.846 11.11s159.642-3.686 255.846-11.11l0.102-274.125c0-21.504-0.41-43.827-16.384-57.549s-35.942-13.722-54.938-13.773zM665.6 256v87.040h-307.2v-87.040h307.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_local_bus_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 285,
+				"id": 15,
+				"name": "db_ic_local_bus_20",
+				"prevSize": 32,
+				"code": 922113
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M781.722 798.413c-38.502 65.946-110.592 111.258-193.792 115.2l-139.93 0.307c-88.064 0-165.222-46.336-205.619-115.251 28.723 12.39 122.368 44.032 159.181 46.234 36.864 2.253 55.296 2.253 110.438 2.253 55.194 0 71.27 0 110.387-2.253 39.066-2.202 112.845-29.798 159.334-46.49zM586.24 110.080c120.269 0 219.29 90.419 225.024 205.056 0.154 255.078 0.205 382.618 0.051 382.618-24.576 20.736-140.39 62.515-176.026 67.635s-46.49 5.12-123.29 5.12-90.573 0-123.392-5.12c-32.768-5.12-130.458-37.018-175.923-67.686-0.154 0-0.205-124.006-0.205-372.070 0-116.070 95.488-209.92 214.426-215.296l159.334-0.256zM359.424 610.202c-0.318-0.008-0.693-0.013-1.069-0.013-24.035 0-43.52 19.485-43.52 43.52 0 19.841 13.277 36.58 31.43 41.819l0.307 0.076 61.952 9.318c0.335 0.009 0.73 0.015 1.125 0.015 24.035 0 43.52-19.485 43.52-43.52 0-19.842-13.279-36.583-31.435-41.82l-0.307-0.076-61.952-9.318zM602.573 619.52c-18.461 5.315-31.738 22.054-31.738 41.895 0 24.035 19.485 43.52 43.52 43.52 0.376 0 0.751-0.005 1.124-0.014l-0.055 0.001 62.003-9.318c18.461-5.315 31.738-22.054 31.738-41.895 0-24.035-19.485-43.52-43.52-43.52-0.376 0-0.751 0.005-1.124 0.014l0.055-0.001-62.003 9.318zM429.773 180.582c-52.219 5.122-92.689 48.804-92.689 101.938 0 2.866 0.118 5.704 0.349 8.51l-0.024-0.368 14.848 186.317c3.584 44.237 38.707 79.36 82.944 82.944 22.994 1.908 49.77 2.995 76.8 2.995s53.806-1.088 80.286-3.221l-3.486 0.226c44.279-3.615 79.329-38.666 82.923-82.621l0.021-0.323 14.848-186.368c0.204-2.423 0.32-5.243 0.32-8.091 0-53.133-40.467-96.814-92.262-101.905l-0.422-0.034c-24.46-0.442-53.314-0.694-82.227-0.694-28.91 0-57.761 0.252-86.552 0.753l4.325-0.059z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_intercity_train_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 284,
+				"id": 16,
+				"name": "db_ic_intercity_train_20",
+				"prevSize": 32,
+				"code": 922134
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M102.4 819.2c0-27.955 22.989-51.2 51.968-51.2h396.595c247.757 0 268.237-49.459 268.237-102.4 0-127.898-320.205-409.6-636.877-409.6h-28.723c-0 0-0 0-0.001 0-28.277 0-51.2-22.923-51.2-51.2 0-0.090 0-0.18 0.001-0.27l-0 0.014c-0-0.061-0-0.134-0-0.207 0-28.022 22.717-50.739 50.739-50.739 0.162 0 0.324 0.001 0.486 0.002l-0.025-0h28.723c349.696 0 739.277 306.176 739.277 512 0 144.026-122.88 204.8-370.637 204.8h-396.595c-0.107 0.001-0.233 0.001-0.36 0.001-28.36 0-51.377-22.874-51.608-51.179l-0-0.022zM102.4 365.414v133.222c0 32.512 24.576 55.91 58.47 56.064 204.493 0.973 279.552 12.083 385.843 45.875 18.022 5.786 36.352 1.485 49.766-11.981l25.395-25.395c11.008-11.008 16.026-25.958 15.002-40.96-1.438-15.469-9.762-28.737-21.838-36.853l-0.178-0.113c-127.272-94.895-284.722-156.094-455.782-167.689l-2.663-0.145c-28.058-1.997-54.016 19.917-54.016 47.974z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ice_side_view_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 265,
+				"id": 17,
+				"name": "db_ic_ice_side_view_20",
+				"prevSize": 32,
+				"code": 922248
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		},
+		{
+			"icon": {
+				"paths": [
+					"M614.4 921.6h-204.8c-24.26-0.007-44.575-16.885-49.852-39.539l-0.068-0.346c-30.72-21.76-57.293-54.682-77.67-103.424 35.891 25.805 61.389 43.366 76.442 52.634 22.528 13.824 51.046 24.013 84.89 26.266h137.318c31.621-2.109 60.631-11.599 85.857-26.747l-0.865 0.482c16.691-10.138 46.234-30.72 88.678-61.645-21.299 51.354-52.070 91.238-90.829 115.661-7.578 24.422-23.962 36.659-49.101 36.659zM510.669 102.4c188.621 0 280.269 128.102 282.624 307.507l0.154 102.81c0 39.936-1.843 89.344-7.526 133.734-18.637 16.179-41.779 34.611-69.376 55.194-27.648 20.634-55.603 40.448-84.070 59.392-18.175 12.133-40.458 19.47-64.436 19.762l-0.076 0.001h-111.923c-24.269 0-48.435-8.96-64.512-19.763-36.967-24.973-64.366-44.505-91.377-64.532l7.256 5.14c-22.775-16.87-41.811-31.941-60.385-47.544l1.915 1.566c-12.493-67.174-18.739-114.893-18.739-143.258v-102.502c0.051-179.405 87.501-307.507 280.474-307.507zM418.458 571.802c-6.404-12.809-19.421-21.45-34.457-21.45-21.208 0-38.4 17.192-38.4 38.4 0 2.516 0.242 4.975 0.704 7.356l-0.039-0.242 28.877 86.733c6.404 12.809 19.421 21.45 34.457 21.45 21.208 0 38.4-17.192 38.4-38.4 0-2.516-0.242-4.975-0.704-7.356l0.039 0.242-28.877-86.733zM652.134 552.346c-3.624-1.25-7.801-1.972-12.146-1.972-15.027 0-28.037 8.631-34.345 21.206l-0.101 0.221-28.877 86.733c-0.423 2.139-0.665 4.598-0.665 7.114 0 21.208 17.192 38.4 38.4 38.4 15.036 0 28.053-8.641 34.356-21.229l0.101-0.222 28.877-86.733c0.42-2.132 0.66-4.582 0.66-7.089 0-16.865-10.872-31.191-25.99-36.35l-0.27-0.080zM512 204.8c-59.085 0-106.086 9.318-141.005 27.955-35.791 20.284-59.549 58.117-59.549 101.499 0 5.3 0.355 10.517 1.041 15.629l-0.066-0.597c10.086 48.486 16.435 77.312 19.149 86.63 8.192 27.955 30.515 49.254 58.419 56.32 49.664 8.858 90.317 13.363 122.010 13.568 31.744 0.205 70.093-3.891 115.098-12.186 31.428-5.138 56.526-27.619 65.387-57.124l0.149-0.578c5.585-19.91 12.194-49.187 17.789-78.824l1.258-8.012c6.554-44.237-34.509-105.574-68.25-121.088-33.792-15.462-77.568-23.194-131.43-23.194z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ice_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 283,
+				"id": 18,
+				"name": "db_ic_ice_20",
+				"prevSize": 32,
+				"code": 922112
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 20
+		},
+		{
+			"icon": {
+				"paths": [
+					"M230.4 716.8c42.415 0 76.8 34.385 76.8 76.8s-34.385 76.8-76.8 76.8v0c-42.415 0-76.8-34.385-76.8-76.8s34.385-76.8 76.8-76.8v0zM588.8 716.8c42.415 0 76.8 34.385 76.8 76.8s-34.385 76.8-76.8 76.8v0c-42.415 0-76.8-34.385-76.8-76.8s34.385-76.8 76.8-76.8v0zM442.573 755.2c21.208 0 38.4 17.192 38.4 38.4v0c0 19.456-16.128 38.4-38.4 38.4h-58.573c-21.208 0-38.4-17.192-38.4-38.4v0c0-19.456 16.282-38.4 38.4-38.4h58.573zM718.694 153.6c74.344 0.020 136.341 52.854 150.516 123.022l0.166 0.985 51.763 381.133c3.021 24.115-10.394 43.418-27.699 52.634l-102.554 51.2c-6.665 3.401-14.538 5.394-22.875 5.394-19.922 0-37.186-11.378-45.649-27.99l-0.134-0.29c-3.295-6.614-5.223-14.405-5.223-22.648 0-19.942 11.288-37.248 27.824-45.876l0.286-0.136 69.581-34.867-45.261-335.821c-3.174-23.45-21.965-44.339-52.634-44.339-27.861-0.026-50.437-22.618-50.437-50.483 0-0.252 0.002-0.504 0.006-0.755l-0 0.038c0-26.266 20.685-51.2 52.326-51.2zM665.6 358.4c28.277 0 51.2 22.923 51.2 51.2v0c0 26.266-21.402 50.842-50.432 51.2l-0.768 102.4c0.819 79.206-24.064 102.4-102.4 102.298h-307.354c-80.384 0.102-102.298-24.781-102.298-102.298v-102.758c-0.061 0-0.133 0-0.205 0-28.1 0-50.886-22.75-50.944-50.836l-0-0.006c0-26.266 21.658-51.2 51.149-51.2h512.051zM563.149 460.8h-307.2l0.051 102.4h307.2l-0.051-102.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_handcart_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 282,
+				"id": 19,
+				"name": "db_ic_handcart_20",
+				"prevSize": 32,
+				"code": 922009
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 21
+		},
+		{
+			"icon": {
+				"paths": [
+					"M819.302 785.459c3.584 4.096 22.784 33.741 51.098 33.741 28.277 0 51.2 22.923 51.2 51.2v0c0 26.266-22.016 51.251-51.405 51.2-28.058 0-57.856-11.315-89.395-33.946-29.542 22.272-59.392 33.434-89.6 33.434s-60.058-11.11-89.6-33.382c-29.85 22.272-59.802 33.536-89.754 33.894s-59.75-10.957-89.446-33.894c-29.85 22.272-59.699 33.536-89.6 33.894s-59.75-10.957-89.6-33.894c-29.389 22.272-59.29 33.536-89.6 33.894-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0c6.144 0 30.618-10.342 51.046-33.69 9.434-10.756 23.205-17.509 38.554-17.509s29.119 6.754 38.504 17.451l0.050 0.058c3.533 4.045 24.781 33.69 51.046 33.69s47.565-29.696 51.046-33.741c9.433-10.739 23.193-17.48 38.528-17.48s29.095 6.742 38.478 17.423l0.050 0.058c3.584 4.096 25.6 33.741 51.098 33.741 25.6 0 47.565-29.696 51.098-33.741 9.432-10.721 23.181-17.451 38.502-17.451s29.070 6.73 38.453 17.394l0.049 0.057c3.584 4.045 25.6 33.741 51.098 33.741 25.549 0 47.565-29.696 51.098-33.741 9.432-10.721 23.181-17.451 38.502-17.451s29.070 6.73 38.453 17.394l0.049 0.057zM614.4 102.4c21.813 0.008 40.437 13.656 47.805 32.878l0.118 0.351 80.077 222.771h128c0.009-0 0.019-0 0.030-0 28.277 0 51.2 22.923 51.2 51.2 0 0.612-0.011 1.222-0.032 1.829l0.002-0.088c-3.942 113.92-53.76 220.672-137.114 292.966-8.931 7.77-20.68 12.507-33.536 12.507-28.285 0-51.214-22.929-51.214-51.214 0-15.429 6.823-29.265 17.616-38.654l0.062-0.053c47.872-41.472 76.032-88.73 95.488-166.093-218.163-1.024-437.914-1.024-659.302 0-26.266 0-51.2-24.934-51.2-51.2 0.004-26.163 19.63-47.741 44.964-50.817l0.246-0.024 489.165-0.358-60.774-153.6h-422.4c-26.266 0-51.2-24.934-51.2-51.2 0.004-26.163 19.63-47.741 44.964-50.817l0.246-0.024 466.79-0.358zM614.4 512c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0zM409.6 512c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0zM204.8 512c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2v0c-28.277 0-51.2-22.923-51.2-51.2s22.923-51.2 51.2-51.2v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ferry_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 281,
+				"id": 20,
+				"name": "db_ic_ferry_20",
+				"prevSize": 32,
+				"code": 922008
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 22
+		},
+		{
+			"icon": {
+				"paths": [
+					"M563.2 102.4c28.277 0 51.2 22.923 51.2 51.2v0c0 26.266-21.504 51.2-51.2 51.2-75.776 0.102-151.552 0.102-227.328 0-5.171 0-8.653 3.942-9.83 8.294-2.202 9.523-12.851 57.958-32 145.306h171.52c9.984-27.136 40.704-51.2 72.038-51.2 8.653-0.102 17.203-0.102 25.6 0-0.358-25.856 17.459-51.2 51.2-51.2h153.6c25.6 0 51.2 25.6 50.842 52.122l25.958 0.102c39.936 0 76.8 31.949 76.8 75.776v460.8c0 39.936-31.59 76.749-76.8 76.8-102.4 0.102-204.8 0.461-307.2 1.024-39.936 0-76.698-32.768-76.8-76.8-0.102-43.622-0.102-86.63 0-129.024-63.891-5.020-116.693-10.726-169.067-17.781l15.467 1.704v67.277h-128v-154.624c-2.396-7.648-4.623-17.126-6.224-26.815l-0.176-1.294c-4.71-41.472-9.37-82.944-13.875-124.467h-23.347c-18.944 0-33.178-16.435-33.178-35.328v-34.099c-0.005-0.217-0.008-0.473-0.008-0.73 0-17.814 14.442-32.256 32.256-32.256 0.327 0 0.653 0.005 0.977 0.015l-0.048-0.001h53.658l36.864-167.322c10.547-48.179 50.842-88.576 104.602-88.678 77.517-0.102 154.982-0.102 232.499 0zM819.2 410.573h-256v409.6h256v-409.6zM677.683 482.355c6.499-12.517 19.364-20.921 34.191-20.921 6.397 0 12.428 1.564 17.733 4.331l-0.212-0.101c12.565 6.372 21.026 19.194 21.026 33.992 0 6.482-1.623 12.584-4.485 17.923l0.1-0.203c-7.526 14.848-17.408 34.202-29.747 58.112l13.978-0.051c0.073-0 0.159-0.001 0.245-0.001 21.236 0 38.451 17.215 38.451 38.451 0 6.903-1.819 13.381-5.004 18.981l0.099-0.19-65.536 116.122c-6.721 11.733-19.168 19.51-33.433 19.51-6.945 0-13.46-1.844-19.081-5.069l0.187 0.099c-11.718-6.776-19.476-19.248-19.476-33.532 0-6.902 1.811-13.38 4.984-18.986l-0.1 0.192 32.87-58.317-10.906 0.102c-0.167 0.003-0.364 0.004-0.561 0.004-21.123 0-38.246-17.123-38.246-38.246 0-6.437 1.59-12.503 4.399-17.826l-0.1 0.209c8.397-16.128 27.904-54.272 58.624-114.586zM303.104 461.824c-2.604-0.63-5.594-0.991-8.668-0.991-21.208 0-38.4 17.192-38.4 38.4 0 16.319 10.179 30.26 24.534 35.82l0.262 0.089 79.821 18.79c2.604 0.63 5.594 0.991 8.668 0.991 21.208 0 38.4-17.192 38.4-38.4 0-16.319-10.179-30.26-24.534-35.82l-0.262-0.089-79.872-18.79z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ev_car_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 280,
+				"id": 21,
+				"name": "db_ic_ev_car_20",
+				"prevSize": 32,
+				"code": 922007
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 23
+		},
+		{
+			"icon": {
+				"paths": [
+					"M756.634 256.666c61.696 0 113.51 56.474 113.51 114.022l0.256 141.312c-0.004 11.698-3.93 22.479-10.535 31.098l0.090-0.122-208.794 211.046c-7.987 8.090-16.23 13.978-36.352 13.978h-204.954c-0.614 56.013-47.616 102.4-102.656 102.4s-102.4-45.312-102.093-102.4h-51.507c-27.75 0-50.842-19.814-50.842-51.098l-0.358-67.174c0-100.352 78.746-182.272 177.766-187.443l111.206-0.256-13.824-52.48h-122.061c-30.566 0-50.688-24.934-50.688-51.2 0-26.214 19.149-50.432 50.688-51.2h133.12c35.328 0 71.322 27.238 83.61 60.928l79.155 298.701h42.138l174.438-175.821 0.051-112.026c0-10.906-2.816-20.582-16.64-20.582l-85.402-0.512c-0.122 0.001-0.266 0.002-0.41 0.002-28.005 0-50.711-22.688-50.739-50.687l-0-0.003c0-26.266 16.589-50.483 51.149-50.483h90.675zM819.2 665.6c56.554 0 102.4 45.846 102.4 102.4s-45.846 102.4-102.4 102.4v0c-56.554 0-102.4-45.846-102.4-102.4s45.846-102.4 102.4-102.4v0zM418.714 563.507h-128.256c-44.646 0-85.658 42.957-85.35 78.848-0.205 7.014-0.307 15.155-0.307 24.371h240.64l-26.726-103.219z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_electric_scooter_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 279,
+				"id": 22,
+				"name": "db_ic_electric_scooter_20",
+				"prevSize": 32,
+				"code": 922006
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 24
+		},
+		{
+			"icon": {
+				"paths": [
+					"M654.234 255.949h-22.784v-88.576h22.221s2.253 0.614 3.686 1.229l38.093 25.293c4.094 2.741 9.119 4.396 14.526 4.454l0.015 0c10.689-0.297 19.855-6.528 24.349-15.505l0.073-0.162c7.987-15.36 3.43-34.816-10.24-43.827l-38.093-25.19c-9.157-6.342-20.483-10.16-32.697-10.24l-0.020-0-286.976-1.024c-13.32 0.094-25.587 4.521-35.483 11.939l0.155-0.112-34.97 25.293c-13.056 9.574-17.050 29.389-8.499 44.134 8.499 14.694 26.112 19.2 39.219 9.574l35.021-25.242c1.382-0.973 3.379-2.867 4.25-1.587h26.47v89.549h-22.784c-62.566 0-113.766 57.549-113.766 127.949v409.702c0 70.4 51.2 128 113.766 128h284.467c62.566 0 113.766-57.6 113.766-127.949v-409.754c0-70.4-51.2-128-113.766-128zM574.566 255.949h-125.133v-89.242h125.133v89.242zM411.29 819.558h-45.517c-13.312 0-24.166-12.134-24.166-27.187s10.803-27.187 24.166-27.187h45.568c13.312 0 24.166 12.134 24.166 27.187s-10.854 27.187-24.218 27.187zM658.483 819.558h-45.517c-13.312 0-24.166-12.134-24.166-27.187s10.803-27.187 24.166-27.187h45.568c13.312 0 24.115 12.134 24.115 27.187s-10.752 27.187-24.166 27.187zM682.957 596.941c0 37.734-27.597 68.762-61.184 68.762h-219.29c-33.536 0-61.133-31.027-61.133-68.762v-169.523c0-37.786 27.597-68.813 61.133-68.813h219.29c33.587 0 61.184 31.027 61.184 68.813v169.472z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_electric_locomotive_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 278,
+				"id": 23,
+				"name": "db_ic_electric_locomotive_20",
+				"prevSize": 32,
+				"code": 922005
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 25
+		},
+		{
+			"icon": {
+				"paths": [
+					"M921.805 429.619c0.102 23.962 0.102 47.923 0 71.936 0 9.83-6.451 20.019-20.070 19.968l-55.706 0.051c0.154 20.122 0.154 40.243 0 60.416 0 8.755-6.912 19.968-19.968 19.968-19.661 0.154-39.219 0.154-58.88 0 0.256 14.182 0.358 27.546 0.358 40.090-0.819 7.834-1.024 8.858-6.298 14.746-9.011 8.397-23.347 21.914-43.11 40.55 10.394 23.603 14.848 48.128 13.517 73.574-4.628 84.812-74.529 151.832-160.083 151.832-44.278 0-84.364-17.952-113.376-46.974l-0.001-0.001c-43.981-43.981-79.718-141.67 0-226.714 28.951-29.029 68.989-46.989 113.221-46.989 1.885 0 3.761 0.033 5.63 0.097l-0.272-0.007c16.538 0.512 30.618 2.918 42.189 7.066 64.205-64.717 128.512-129.28 192.87-193.741 3.267-3.636 7.985-5.913 13.234-5.913 0.333 0 0.665 0.009 0.994 0.027l-0.046-0.002c37.888-0.102 37.888-0.205 75.776 0 16.282 0.102 19.968 14.029 19.968 20.019zM548.659 722.483c-33.409 0-60.493 27.084-60.493 60.493s27.084 60.493 60.493 60.493v0c33.409 0 60.493-27.084 60.493-60.493s-27.084-60.493-60.493-60.493v0zM697.856 102.4c43.008 0 83.968 30.413 95.181 72.192 14.848 53.658 26.47 104.96 34.867 154.010-29.44-2.765-57.856 15.872-67.226 23.706l-6.81 6.144c-53.994 55.556-106.986 108.531-160.727 160.738l-1.884 1.822c-6.107-0.551-13.21-0.865-20.386-0.865-66.699 0-127.058 27.148-170.629 70.997l-0.013 0.013c-32.358 32.307-73.933 91.136-70.81 179.763h-124.621v-114.227c-17.209-19.168-28.787-43.71-31.943-70.823l-0.057-0.601-13.875-124.467h-56.525v-102.4h86.835l38.963-175.718c12.186-41.216 48.282-79.923 94.106-79.923l375.552-0.358zM205.773 507.648c-0.628 2.6-0.988 5.585-0.988 8.654 0 16.299 10.155 30.227 24.483 35.8l0.262 0.090 79.872 18.79c2.566 0.611 5.511 0.961 8.539 0.961 21.208 0 38.4-17.192 38.4-38.4 0-16.289-10.142-30.209-24.456-35.79l-0.261-0.090-79.821-18.79c-2.603-0.629-5.591-0.99-8.664-0.99-18.145 0-33.351 12.586-37.364 29.504l-0.052 0.261zM714.65 189.44h-405.248l-32.922 168.96h471.040l-32.87-168.96z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_carsharing_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 277,
+				"id": 24,
+				"name": "db_ic_carsharing_20",
+				"prevSize": 32,
+				"code": 922004
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 26
+		},
+		{
+			"icon": {
+				"paths": [
+					"M126.157 394.24c21.914 0 30.362-6.298 36.506-22.835l14.592-39.219h108.544l17.306 42.854c5.53 13.67 13.67 19.2 35.533 19.2 24.627 0 27.136-11.776 21.914-25.6l-93.030-246.118c-4.443-11.846-15.672-20.124-28.835-20.124-0.123 0-0.246 0.001-0.368 0.002l0.019-0h-13.67c-11.878 0-21.402 9.267-25.549 20.070l-94.822 247.142c-5.274 13.722 0 24.576 21.862 24.576zM837.683 512c46.95 0 83.917 38.912 83.917 84.89v222.31c0 25.6-25.6 51.2-51.2 51.2h-22.118l-29.082 0.051c-0.145 28.167-23.012 50.945-51.199 50.945-0.090 0-0.18-0-0.271-0.001l0.014 0h-101.888c-0.076 0-0.167 0.001-0.257 0.001-28.169 0-51.025-22.749-51.199-50.877l-0-0.017-29.184-0.154-161.843-0.256-13.773 0.41c-0.512 27.955-23.040 50.893-51.456 50.893h-101.888c-0.107 0.001-0.233 0.001-0.36 0.001-27.938 0-50.586-22.648-50.586-50.586 0-0.144 0.001-0.289 0.002-0.433l-0 0.022h-51.712c-25.6 0-51.2-25.6-51.2-51.2v-222.31c0-45.978 36.966-84.89 83.917-84.89zM819.2 614.4h-614.4v102.4h614.4v-102.4zM453.12 102.451l4.403 0.102h82.432c54.989 0 91.648 21.094 91.648 73.37 0 31.13-11.878 49.459-47.616 62.31 36.285 1.322 65.199 31.055 65.199 67.542 0 1.708-0.063 3.402-0.188 5.079l0.013-0.224c0 56.832-42.138 83.456-109.926 83.456h-81.562c-15.616 1.792-27.494-11.008-26.624-26.624v-239.206c-0.029-0.447-0.046-0.97-0.046-1.496 0-13.432 10.888-24.32 24.32-24.32 0.828 0 1.645 0.041 2.452 0.122l-0.102-0.008zM850.125 102.195c16.435 0 31.949 1.843 47.514 5.478 13.67 1.843 22.835 14.643 21.914 28.365 0 17.408-6.4 26.573-29.235 22.016-12.8-3.686-25.6-5.53-39.27-5.53-58.47 0-77.619 32.922-77.619 96.051 0 58.573 18.227 95.13 76.698 95.13 14.592 0 29.184-2.714 42.906-6.4 18.278-4.557 28.314 1.843 28.314 19.251 0.151 1.061 0.237 2.287 0.237 3.533 0 12.422-8.574 22.842-20.127 25.665l-0.181 0.037c-15.998 5.229-34.408 8.244-53.522 8.244-0.12 0-0.239-0-0.359-0l0.018 0c-88.576 0-132.454-52.122-132.454-143.616 0-93.338 45.67-148.224 135.168-148.224zM538.675 263.885h-50.176v83.149h42.906c38.349 0 57.498-10.086 57.498-42.957 0-26.47-13.67-40.192-50.176-40.192zM235.776 180.224l38.758 108.544h-77.517l38.758-108.544zM535.962 149.709h-47.514v66.662h45.67c23.757 0 41.114-8.192 41.114-34.714 0-20.992-9.165-31.949-39.27-31.949z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_car_sequence_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 264,
+				"id": 25,
+				"name": "db_ic_car_sequence_20",
+				"prevSize": 32,
+				"code": 921927
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 27
+		},
+		{
+			"icon": {
+				"paths": [
+					"M697.856 205.158c43.008 0.307 85.453 33.997 95.232 71.834 6.502 25.242 20.378 86.528 41.626 183.808h86.886v102.4h-56.576c-7.68 76.442-12.8 121.344-15.36 134.605-3.84 19.968-14.95 46.592-30.413 61.286v111.309h-128.051v-64.461c-53.853 8.405-115.966 13.206-179.2 13.206s-125.345-4.801-185.991-14.059l6.791 0.853-0.358 64.461h-127.642v-111.309c-12.032-11.93-23.706-35.277-28.16-51.456-2.97-10.752-8.858-58.88-17.715-144.435h-56.525v-102.4h86.835l38.963-175.718c12.186-41.216 48.282-80.282 106.803-80.282 58.573 0 319.898 0 362.906 0.358zM442.214 614.81c-13.462 2.114-24.458 10.97-29.55 22.942l-0.095 0.251-15.565 61.798c-0.164 1.33-0.258 2.871-0.258 4.432 0 18.174 12.693 33.384 29.698 37.247l0.256 0.049c21.76 4.915 37.427-7.066 43.93-22.784l7.322-27.546h68.045l7.168 27.085c5.815 14.274 19.583 24.153 35.659 24.153 21.208 0 38.4-17.192 38.4-38.4 0-1.474-0.083-2.929-0.245-4.36l0.016 0.175-15.565-61.85c-5.196-12.236-16.213-21.097-29.48-23.166l-0.216-0.028h-139.469zM251.802 581.274c-2.604-0.63-5.594-0.991-8.668-0.991-21.208 0-38.4 17.192-38.4 38.4 0 16.319 10.179 30.26 24.534 35.82l0.262 0.089 79.872 18.79c2.566 0.611 5.511 0.961 8.539 0.961 21.208 0 38.4-17.192 38.4-38.4 0-16.289-10.142-30.209-24.456-35.79l-0.261-0.090-79.821-18.79zM818.79 610.048c-4.070-17.173-19.273-29.753-37.414-29.753-1.231 0-2.448 0.058-3.648 0.171l0.153-0.012-79.974 18.125c-17.061 4.153-29.529 19.301-29.529 37.361 0 21.208 17.192 38.4 38.4 38.4 1.149 0 2.286-0.050 3.409-0.149l-0.146 0.010 79.974-18.074c17.179-4.065 29.764-19.271 29.764-37.416 0-3.073-0.361-6.061-1.043-8.925l0.052 0.261zM714.65 291.84h-405.248l-32.922 168.96h471.040l-32.87-168.96z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_car_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 276,
+				"id": 26,
+				"name": "db_ic_car_20",
+				"prevSize": 32,
+				"code": 921937
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 28
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768.051 512.666c-3.328 0-6.451 0.768-9.728 0.973l-24.934-77.773h85.914c12.8 0 24.781-6.4 31.898-16.998l25.754-38.4c4.078-6.008 6.51-13.421 6.51-21.402 0-21.226-17.207-38.433-38.433-38.433-13.246 0-24.926 6.7-31.837 16.897l-0.086 0.135-14.336 21.402h-90.061l-32.666-101.99c-5.114-15.601-19.542-26.671-36.556-26.675l-76.801-0c-21.208 0-38.4 17.192-38.4 38.4s17.192 38.4 38.4 38.4v0h48.794l29.542 92.262-128.051 164.659c-0.358 0-0.614-0.205-0.973-0.205h-26.573l-62.413-204.902c21.048-0.174 38.043-17.277 38.043-38.349 0-21.18-17.17-38.35-38.35-38.35-0.108 0-0.216 0-0.324 0.001l0.017-0h-102.4c-21.208 0-38.4 17.192-38.4 38.4s17.192 38.4 38.4 38.4v0h22.63l29.747 99.379-44.544 74.598c-20.476-12.684-45.284-20.25-71.85-20.377l-0.035-0c-77.738 0.058-140.742 63.062-140.8 140.794l-0 0.006c0.058 77.738 63.062 140.742 140.794 140.8l0.006 0c73.018-0.223 132.912-56.115 139.479-127.449l0.041-0.551h116.48c11.827 0 23.040-5.427 30.31-14.797l127.13-163.43 16.486 51.507c-35.664 25.728-58.632 67.132-58.726 113.905l-0 0.015c0.058 77.738 63.062 140.742 140.794 140.8l0.006 0c77.738-0.058 140.742-63.062 140.8-140.794l0-0.006c-0.058-77.738-63.062-140.742-140.794-140.8l-0.006-0 0.102-0.051zM256.051 717.466c-35.277 0-64-28.723-64-64s28.723-64 64-64 64 28.723 64 64-28.723 64-64 64zM768.051 717.466c-35.277 0-64-28.723-64-64s28.723-64 64-64 64 28.723 64 64-28.723 64-64 64z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_call_a_bike_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 274,
+				"id": 27,
+				"name": "db_ic_call_a_bike_20",
+				"prevSize": 32,
+				"code": 922001
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 29
+		},
+		{
+			"icon": {
+				"paths": [
+					"M212.224 286.106c5.734-0.512 14.438 0.461 26.112 2.97 11.622 2.56 89.856 21.914 234.65 58.010 4.796 1.198 9.007 2.901 12.902 5.099l-0.256-0.133c93.082 51.866 165.734 106.342 217.856 163.994 8.191 9.042 13.205 21.095 13.205 34.32 0 6.048-1.049 11.852-2.974 17.238l0.112-0.357-61.594 121.651c-8.606 16.583-25.586 27.752-45.189 27.904l-0.021 0-154.522-3.84c-10.85 57.007-60.292 99.522-119.664 99.522-65.86 0-119.502-52.315-121.636-117.656l-0.005-0.196-48.794-3.738c-24.351-1.919-43.801-20.614-46.872-44.442l-0.027-0.256c-8.602-64.87-12.954-102.093-13.107-111.616-0.154-9.626 2.918-60.365 9.114-152.218 3.298-53.331 46.958-95.44 100.631-96.255l0.080-0.001zM920.064 627.61c6.4 25.446-8.192 55.347-37.222 62.054l-102.4 25.6c-3.735 0.975-8.022 1.534-12.441 1.534-23.858 0-43.904-16.318-49.587-38.402l-0.078-0.355c-0.927-3.658-1.46-7.857-1.46-12.181 0-23.899 16.261-44 38.322-49.844l0.36-0.081 102.4-25.6c3.735-0.975 8.022-1.534 12.441-1.534 23.858 0 43.904 16.318 49.587 38.402l0.078 0.355zM200.294 414.976l-0.358 84.992c-0.001 0.097-0.001 0.212-0.001 0.327 0 24.035 19.485 43.52 43.52 43.52 22.22 0 40.551-16.652 43.193-38.158l0.021-0.211 0.307-31.386 131.328 27.597 69.53 46.49c18.278 12.237 45.722 8.448 59.392-10.24 5.188-7.133 8.299-16.068 8.299-25.729 0-13.007-5.64-24.697-14.607-32.757l-0.040-0.036-81.152-54.682c-4.313-2.358-9.362-4.527-14.623-6.223l-0.634-0.177-192-40.448c-2.717-0.604-5.838-0.949-9.040-0.949-22.132 0-40.406 16.521-43.161 37.903l-0.023 0.217z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bicycle_trailer_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 275,
+				"id": 28,
+				"name": "db_ic_bicycle_trailer_20",
+				"prevSize": 32,
+				"code": 922002
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 30
+		},
+		{
+			"icon": {
+				"paths": [
+					"M749.926 293.632c1.863 0.075-9.973 2.514-21.845 4.852l-13.176 2.163 66.816 213.914c77.351 0.54 139.847 63.37 139.847 140.797 0 77.762-63.038 140.8-140.8 140.8s-140.8-63.038-140.8-140.8c0-50.724 26.823-95.183 67.058-119.968l0.609-0.349-16.794-53.862-162.918 171.93c-4.903 5.143-10.838 9.255-17.478 12.010l-0.339 0.125c-24.269 9.933-53.76 0-66.765-28.006-12.288-29.85-24.576-59.75-36.659-89.651l-29.184 36.557c12.174 20.402 19.371 44.996 19.371 71.271 0 77.762-63.038 140.8-140.8 140.8s-140.8-63.038-140.8-140.8c0-77.762 63.038-140.8 140.8-140.8 24.042 0 46.677 6.026 66.476 16.65l-0.753-0.369 51.661-64.666-43.059-105.267h-23.194c-21.208 0-38.4-17.192-38.4-38.4s17.192-38.4 38.4-38.4v0c34.048-0.102 68.096-0.102 102.144 0 21.208 0 38.4 17.192 38.4 38.4v0c0 19.456-16.077 38.144-34.509 38.144 6.246 16.435 13.107 33.178 20.48 50.176l215.040-64.512-19.814-63.59c-1.193-3.52-1.881-7.575-1.881-11.79 0-18.495 13.252-33.894 30.778-37.222l0.236-0.037c32.768-6.656 56.013-11.264 76.8-15.36 15.053-3.021 38.451 3.738 44.288 26.624 8.192 31.539-17.562 46.49-29.184 48.64zM256 591.36c-35.346 0-64 28.654-64 64s28.654 64 64 64v0c35.346 0 64-28.654 64-64s-28.654-64-64-64v0zM780.8 591.36c-35.346 0-64 28.654-64 64s28.654 64 64 64v0c35.346 0 64-28.654 64-64s-28.654-64-64-64v0zM631.962 431.616l-169.011 50.688 36.454 89.139 132.557-139.827z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bicycle_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 273,
+				"id": 29,
+				"name": "db_ic_bicycle_20",
+				"prevSize": 32,
+				"code": 922169
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 31
+		},
+		{
+			"icon": {
+				"paths": [
+					"M451.072 178.534c47.002 46.643 93.901 93.389 140.8 140.134l15.77-4.915c120.627-38.81 261.888 2.304 303.77 97.075 30.208 68.25-8.448 142.285-84.736 169.83l-138.138 43.469-108.134 197.632c-7.68 12.646-16.384 22.221-33.28 30.515-76.39 37.632-129.792-14.182-129.792-66.56-0.307-25.344-0.512-50.688-0.717-76.032l-47.923 14.797c-78.285 25.6-166.707-10.086-196.25-94.362-22.17-62.106-44.288-124.211-66.304-186.368-9.882-33.178 0-71.27 38.4-90.778 3.84-1.946 7.68-3.738 11.674-5.376 30.464-13.568 61.542-4.608 83.149 15.718l50.534 49.971 67.533-21.146-58.214-118.938c-18.637-43.52 4.096-99.84 53.606-111.77 5.632-1.638 11.264-3.226 16.896-4.71 6.912-2.161 14.859-3.406 23.098-3.406 22.969 0 43.678 9.677 58.273 25.176l0.038 0.041zM638.618 411.341c-115.917 36.25-231.731 72.55-347.443 108.902-16.077 5.069-40.96 5.069-54.835-15.923 6.144 18.893 17.050 49.408 32.614 91.648 7.782 22.016 34.304 44.186 68.813 30.874 38.195-11.674 76.339-23.398 114.483-35.226 4.547-1.47 9.778-2.318 15.207-2.318 28.125 0 50.937 22.745 51.046 50.845l0 0.010c0.307 26.726 0.512 53.504 0.614 80.23l89.446-163.482c4.25-7.731 8.448-15.872 29.645-24.269 33.536-10.752 83.149-26.317 148.787-46.592 27.648-8.55 34.56-18.842 30.054-34.765-4.506-15.872-29.184-31.898-56.32-40.704-33.485-10.854-84.736-10.854-122.112 0.768z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_airplane_20"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 271,
+				"id": 30,
+				"name": "db_ic_airplane_20",
+				"prevSize": 32,
+				"code": 922000
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 32
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-action-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-action-filled.json
new file mode 100644
index 0000000000..8e622031e9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-action-filled.json
@@ -0,0 +1,323 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333l0.023 0c-0.15-0-0.3-0-0.45-0-235.406 0-426.24 190.834-426.24 426.24 0 0.15 0 0.3 0 0.427l0-0.023c-0 0.15-0 0.3-0 0.45 0 235.406 190.834 426.24 426.24 426.24 0.15 0 0.3-0 0.427-0l-0.023-0c0.15 0 0.3 0 0.45 0 235.406 0 426.24-190.834 426.24-426.24 0-0.15-0-0.3-0-0.427l-0 0.023c0-0.15 0-0.3 0-0.45 0-235.406-190.834-426.24-426.24-426.24-0.15 0-0.3 0-0.427 0zM512 426.667c25.344 0 42.667 18.688 42.667 42.667v170.667h43.989c22.656 0 41.344 20.011 41.344 42.667s-18.688 42.667-41.344 42.667h-171.989c-22.656 0-42.667-20.011-42.667-42.667 0-24.021 20.011-42.667 42.667-42.667h42.667v-128h-40.021c-23.979 0-42.667-20.011-42.667-42.667s18.688-42.667 42.667-42.667zM512 256c29.355 0 53.333 22.656 53.333 52.011 0 30.635-24.021 53.333-53.333 53.333-29.355 0-53.333-22.656-53.333-53.333 0-29.397 24.021-52.011 53.333-52.011z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_info_solid_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 228,
+				"id": 0,
+				"name": "db_ic_info_solid_24",
+				"prevSize": 32,
+				"code": 128712
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M85.333 512c-0-0.127-0-0.277-0-0.427 0-235.406 190.834-426.24 426.24-426.24 0.15 0 0.3 0 0.45 0l-0.023-0c0.127-0 0.277-0 0.427-0 235.406 0 426.24 190.834 426.24 426.24 0 0.15-0 0.3-0 0.45l0-0.023c0 0.127 0 0.277 0 0.427 0 235.406-190.834 426.24-426.24 426.24-0.15 0-0.3-0-0.45-0l0.023 0c-0.127 0-0.277 0-0.427 0-235.406 0-426.24-190.834-426.24-426.24 0-0.15 0-0.3 0-0.45l-0 0.023zM405.419 321.323c-1.365 22.656 16 40.021 37.333 41.344s48-14.677 81.323-14.677 48 9.344 48 36.011c0 74.667-112 59.989-112 173.312 0.097 22.795 18.549 41.248 41.335 41.344l0.009 0c26.667 0 41.301-21.333 41.301-41.301 0-57.344 112-49.365 112-173.355 0-72.021-55.979-118.656-133.333-118.656-53.333 0-115.968 13.312-115.968 55.979zM450.133 715.989c0 30.677 25.344 54.699 54.656 54.699s54.699-24.021 54.699-54.699-25.344-53.333-54.699-53.333-54.656 24.021-54.656 53.333z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_help_solid_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 227,
+				"id": 1,
+				"name": "db_ic_help_solid_24",
+				"prevSize": 32,
+				"code": 63
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512.512 85.333l0.086 0c-0.556-0.002-1.111-0.003-1.667-0.003-235.052 0-425.6 190.548-425.6 425.6 0 0.556 0.001 1.112 0.003 1.582 0 234.624 191.488 426.155 426.155 426.155l0.088-0c235.466-0.918 426.173-191.624 427.090-427.178 0-234.624-191.488-426.155-426.155-426.155zM726.016 469.461c23.125 0 42.197 19.072 42.197 42.155 0.002 0.153 0.003 0.334 0.003 0.515 0 23.4-18.838 42.401-42.176 42.664l-0.025 0h-427.648c-23.344-0.287-42.158-19.278-42.158-42.664 0-0.181 0.001-0.362 0.003-0.543l-0 0.027c0-23.083 19.072-42.155 42.155-42.155z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_remove_solid_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 214,
+				"id": 2,
+				"name": "db_ic_remove_solid_24",
+				"prevSize": 32,
+				"code": 8861
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M619.52 94.165l327.851 324.053c7.874 7.746 12.753 18.515 12.753 30.424 0 23.564-19.103 42.667-42.667 42.667-9.878 0-18.972-3.357-26.203-8.992l0.095 0.072-34.731-33.92-144.555 143.189c12.288 18.091 21.035 37.205 26.24 57.259 17.664 72.533-4.907 146.347-67.712 221.355-26.88 32.043-52.267 57.515-70.443 72.235-7.265 5.918-16.636 9.503-26.844 9.503-9.82 0-18.865-3.318-26.076-8.893l0.098 0.073-196.693-194.219-189.099 187.221c-7.701 7.605-18.289 12.302-29.974 12.302-23.564 0-42.667-19.103-42.667-42.667 0-9.962 3.414-19.126 9.136-26.387l-0.069 0.091 192-190.592-192-190.037c-7.816-7.737-12.656-18.467-12.656-30.328 0-8.454 2.459-16.333 6.7-22.963l-0.102 0.171c10.581-16.683 49.835-53.419 76.16-74.155 68.821-54.187 140.245-82.859 211.712-69.333 26.27 5.168 49.539 15.209 69.873 29.207l-0.625-0.407 144.512-143.019-30.037-29.739c-7.785-7.732-12.604-18.441-12.604-30.276 0-23.564 19.103-42.667 42.667-42.667 9.793 0 18.815 3.299 26.015 8.846l-0.1-0.074z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_pin_solid_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 213,
+				"id": 3,
+				"name": "db_ic_pin_solid_24",
+				"prevSize": 32,
+				"code": 922161
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M451.157 259.115l-7.381 5.419-9.813-2.645c-14.966-3.741-32.148-5.888-49.831-5.888-0.046 0-0.093 0-0.139 0l0.007-0-9.259 0.213c-107.373 4.795-193.814 88.271-203.248 193.913l-0.059 0.818-0.512 7.893-6.528 4.523c-48.171 35.315-79.096 91.694-79.096 155.296 0 102.344 80.075 185.985 180.991 191.69l0.505 0.023 468.096 0.085c113.588-5.364 203.664-98.704 203.776-213.109l0-0.011-0.256-10.069c-3.109-64.824-34.746-121.677-82.539-158.654l-0.49-0.364-6.144-4.523-1.451-7.68c-25.52-116.648-127.936-202.688-250.451-202.709l-0.003-0c-48.64 2.304-107.093 18.56-146.176 45.781z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_cloud_solid_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 212,
+				"id": 4,
+				"name": "db_ic_cloud_solid_24",
+				"prevSize": 32,
+				"code": 9729
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333l0.023 0c-0.15-0-0.3-0-0.45-0-235.406 0-426.24 190.834-426.24 426.24 0 0.15 0 0.3 0 0.427l0-0.023c-0 0.15-0 0.3-0 0.45 0 235.406 190.834 426.24 426.24 426.24 0.15 0 0.3-0 0.427-0l-0.023-0c0.15 0 0.3 0 0.45 0 235.406 0 426.24-190.834 426.24-426.24 0-0.15-0-0.3-0-0.427l-0 0.023c0-0.15 0-0.3 0-0.45 0-235.406-190.834-426.24-426.24-426.24-0.15 0-0.3 0-0.427 0zM704 357.333c24.021 0 43.989 20.011 43.989 41.344 0 10.667-2.645 21.333-13.312 32l-272 270.677c-7.771 8.073-18.616 13.14-30.646 13.312l-0.032 0c-10.667 0-20.011-4.011-29.355-13.355l-115.925-115.925c-7.479-7.943-12.075-18.674-12.075-30.478 0-0.085 0-0.17 0.001-0.255l-0 0.013c0-24.021 20.053-42.667 42.667-42.667 12.032 0 20.053 4.011 29.355 13.355l86.656 85.333 241.323-241.365c7.476-7.411 17.769-11.99 29.132-11.99 0.078 0 0.156 0 0.234 0.001l-0.012-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_check_circle_solid_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 211,
+				"id": 5,
+				"name": "db_ic_check_circle_solid_24",
+				"prevSize": 32,
+				"code": 922144
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M614.613 213.333c30.516 0.001 58.038 12.817 77.479 33.359l0.046 0.049 55.68 59.008h84.181c56.533 0 106.667 44.117 106.667 99.669v341.248c0 58.91-47.756 106.667-106.667 106.667v0h-640c-58.91 0-106.667-47.756-106.667-106.667v0-334.208c0-58.91 47.756-106.667 106.667-106.667v0l85.504-0.043 53.675-58.069c18.347-19.925 50.688-34.347 78.421-34.347zM512 405.333c-82.475 0-149.333 66.859-149.333 149.333s66.859 149.333 149.333 149.333v0c82.475 0 149.333-66.859 149.333-149.333s-66.859-149.333-149.333-149.333v0zM512 490.667c-35.346 0-64 28.654-64 64s28.654 64 64 64v0c35.346 0 64-28.654 64-64s-28.654-64-64-64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_camera_solid_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 66,
+				"id": 6,
+				"name": "db_ic_camera_solid_24",
+				"prevSize": 32,
+				"code": 922149
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M269.696 85.333c-31.104 0-56.363 25.472-56.363 56.875v748.971c0 23.552 21.461 46.976 46.507 47.488 6.272 0 20.864 0 39.253-9.557l212.907-112.64 213.376 112.853c15.317 8.107 20.608 9.344 37.973 9.344 21.504 0 47.317-22.699 47.317-47.488v-748.971c0-31.403-25.259-56.875-56.363-56.875z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bookmark_solid_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 67,
+				"id": 7,
+				"name": "db_ic_bookmark_solid_24",
+				"prevSize": 32,
+				"code": 922148
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c-235.349 0-426.667 191.317-426.667 426.667s191.317 426.667 426.667 426.667 426.667-191.317 426.667-426.667-191.317-426.667-426.667-426.667zM512 298.667c24.021 0 42.667 18.645 42.667 42.667v128h128c24.021 0 42.667 18.645 42.667 42.667s-18.645 42.667-42.667 42.667l-127.573 0.427-0.427 127.573c0 24.021-18.645 42.667-42.667 42.667s-42.667-18.645-42.667-42.667v-128l-127.573 0.427c-24.107 0-43.093-19.115-43.093-43.093s18.645-42.667 42.667-42.667h128v-128c0-24.021 18.645-42.667 42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_add_circle_solid_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 68,
+				"id": 8,
+				"name": "db_ic_add_circle_solid_24",
+				"prevSize": 32,
+				"code": 8853
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M511.915 85.333c23.040 0 42.069 19.029 42.069 43.093v46.080l1.024-0.043c131.243 21.035 212.395 134.229 212.395 302.507l1.024 120.149c0 78.123 22.016 107.179 65.109 135.253 16.043 9.984 23.040 30.037 18.048 48.043-5.665 17.559-21.862 30.037-40.974 30.037-0.040 0-0.080 0-0.12 0h-159.311c-5.973 71.125-66.133 128.213-138.24 128.213-72.884-0.059-132.618-56.287-138.252-127.731l-0.031-0.482h-161.323c-19.072 0-35.115-11.989-41.131-30.037-1.043-3.538-1.642-7.603-1.642-11.808 0-15.129 7.765-28.444 19.527-36.177l0.163-0.101c44.075-29.013 65.109-56.064 65.109-135.211v-120.192c0-169.259 83.2-283.435 213.419-303.445v-45.099c0-24.021 19.029-43.051 43.093-43.051zM565.035 810.453h-104.235c5.035 24.064 26.027 42.069 52.139 42.069 25.045 0 46.080-18.005 52.053-42.069z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["alert-on"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 167,
+				"id": 9,
+				"name": "alert-on",
+				"prevSize": 32,
+				"code": 922146
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 878.677c-0.053 0-0.116 0-0.18 0-11.384 0-21.695-4.596-29.177-12.034l0.002 0.002-329.301-320c-45.312-43.989-68.011-103.936-68.011-163.925 0-128 104.021-233.344 232.021-233.344 61.312 0 120.619 24.661 163.968 68.011l30.677 30.635 30.677-30.635c42.074-41.833 99.986-67.777 163.957-68.053h0.053c129.28 0 231.979 105.344 231.979 233.344 0 58.667-19.925 118.741-66.688 164.011l-330.667 320c-7.139 7.381-17.133 11.963-28.196 11.963-0.392 0-0.783-0.006-1.173-0.017l0.057 0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["heart-on"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 168,
+				"id": 10,
+				"name": "heart-on",
+				"prevSize": 32,
+				"code": 9825
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M274.688 901.333c-26.667 0-48-26.667-42.667-49.323l42.667-242.688-177.408-171.989c-7.936-8.021-11.947-20.011-11.947-32 0-20.011 16-37.333 36.011-40.021l244.011-35.968 107.947-220.032c8.064-13.312 22.741-23.979 38.699-23.979s30.677 9.344 38.656 24.021l107.989 219.989 244.053 35.968c17.28 2.688 35.968 16.043 35.968 40.021 0 11.989-4.011 24.021-11.989 32l-176 171.989 41.301 242.688c5.333 26.667-17.323 49.323-42.667 49.323-0.192 0.004-0.419 0.006-0.646 0.006-7.134 0-13.804-1.985-19.489-5.433l0.167 0.094-217.344-113.323-217.344 113.323c-5.517 3.354-12.188 5.339-19.322 5.339-0.227 0-0.454-0.002-0.68-0.006h0.034z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["star-on"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 169,
+				"id": 11,
+				"name": "star-on",
+				"prevSize": 32,
+				"code": 9734
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-action-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-action-outline.json
new file mode 100644
index 0000000000..e52cb6b85c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-action-outline.json
@@ -0,0 +1,2174 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M170.667 256c21.888 0 42.837 21.291 42.667 42.667v554.667h469.333c21.888 0 42.667 20.779 42.667 42.667s-21.376 42.752-42.667 42.667h-490.667c-35.346 0-64-28.654-64-64v0-576c0-23.564 19.103-42.667 42.667-42.667v0zM849.067 85.333c24.192 0 47.019 23.253 46.933 46.933v588.8c0 24.192-23.552 47.275-46.933 46.933h-503.467c-24.192 0-46.805-22.443-46.933-46.933v-588.8c0-24.192 22.613-46.805 46.933-46.933zM810.667 170.667h-426.667v512h426.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_copy_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 16,
+				"id": 93,
+				"name": "db_ic_copy_24",
+				"prevSize": 32,
+				"code": 921940
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M308.352 929.451l-182.656-144.725c-21.632-17.165-36.317-42.272-39.633-70.846l-0.047-0.493c-0.448-3.671-0.704-7.921-0.704-12.231 0-58.91 47.756-106.667 106.667-106.667 25.109 0 48.191 8.676 66.413 23.193l-0.216-0.166 83.157 65.877 0.085-154.325c-76.559-39.751-127.981-118.391-128.085-209.052l-0-0.014c0-129.408 105.259-234.667 234.667-234.667 129.553 0.146 234.539 105.117 234.709 234.65l0 0.016c-0.104 90.642-51.488 169.258-126.697 208.407l-1.303 0.617v20.224c37.547-7.552 78.677 7.467 102.656 35.669 38.187-18.432 89.984-11.179 121.856 20.651 2.091 2.133 4.096 4.309 6.016 6.528 13.49-6.603 29.355-10.464 46.123-10.464 58.957 0 106.765 47.736 106.88 106.666l0 0.011v104.149c0 36.139-7.723 70.357-22.912 101.803-7.067 14.366-21.599 24.078-38.4 24.078-23.56 0-42.659-19.099-42.659-42.659 0-6.76 1.572-13.152 4.371-18.832l-0.111 0.25c9.557-19.755 14.379-41.515 14.421-64.683v-104.149c-0.060-11.76-9.607-21.27-21.376-21.27-5.834 0-11.122 2.337-14.979 6.126l0.003-0.003c-3.791 3.754-6.17 8.928-6.272 14.658l-0 0.019v0.725c-0.109 23.482-19.17 42.475-42.667 42.475-23.564 0-42.667-19.103-42.667-42.667 0-0.067 0-0.135 0-0.202l-0 0.010v-1.365l0.213-26.112c0-0.019 0-0.041 0-0.064 0-11.782-9.551-21.333-21.333-21.333-11.76 0-21.297 9.515-21.333 21.266l-0 0.003v0.725c-0.193 23.417-19.221 42.325-42.665 42.325-0 0-0.001-0-0.001-0l-0.171 0c-23.491-0.097-42.496-19.162-42.496-42.666 0-0.015 0-0.030 0-0.045l-0 0.002v-1.365l0.213-25.984c-0.085-11.718-9.603-21.185-21.333-21.185-11.782 0-21.334 9.551-21.334 21.334 0 0.053 0 0.105 0.001 0.157l-0-0.008c-0.024 23.546-19.118 42.624-42.667 42.624-23.564 0-42.667-19.103-42.667-42.667 0-0.015 0-0.030 0-0.045l-0 0.002 0.085-151.68v-2.091l0.128-178.091c0-0.025 0-0.055 0-0.086 0-11.735-9.513-21.248-21.248-21.248-0.030 0-0.060 0-0.090 0l0.005-0c-11.782 0-21.333 9.551-21.333 21.333v0l-0.256 449.792c-0.020 23.549-19.115 42.632-42.667 42.632-10.051 0-19.291-3.476-26.582-9.29l0.086 0.066-152.277-120.661c-3.701-3.171-8.547-5.102-13.844-5.102-11.782 0-21.333 9.551-21.333 21.333 0 7.020 3.391 13.248 8.624 17.136l0.057 0.041 182.656 144.725c9.883 7.89 16.161 19.937 16.161 33.451 0 23.582-19.117 42.7-42.7 42.7-10.069 0-19.324-3.485-26.624-9.315l0.086 0.066zM298.752 320c0 39.979 16 77.312 42.795 104.619v-102.827c0.002-29.466 11.991-56.131 31.355-75.387l0.005-0.005c19.168-19.266 45.701-31.19 75.019-31.19 0.101 0 0.203 0 0.304 0l-0.016-0h0.128c28.459 0 55.211 11.136 75.392 31.275 20.139 20.181 31.232 46.976 31.189 75.477v102.4c26.258-26.917 42.464-63.744 42.496-104.356l0-0.006c0-82.347-67.029-149.333-149.376-149.333-82.417 0.121-149.194 66.913-149.291 149.324l-0 0.009z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_push_button_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 15,
+				"id": 92,
+				"name": "db_ic_push_button_24",
+				"prevSize": 32,
+				"code": 922261
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M810.667 512c0 164.693-133.973 298.667-298.667 298.667s-298.667-133.973-298.667-298.667 133.973-298.667 298.667-298.667 298.667 133.973 298.667 298.667zM128 512c0 212.077 171.923 384 384 384v0c212.077 0 384-171.923 384-384v0c0-212.077-171.923-384-384-384v0c-212.077 0-384 171.923-384 384v0zM728.363 406.699c-6.582-15.593-21.746-26.338-39.419-26.338-5.898 0-11.517 1.197-16.626 3.361l0.28-0.105c-3.326 1.427-7.196 2.256-11.26 2.256-12.155 0-22.577-7.42-26.983-17.978l-0.071-0.193c-6.586-15.592-21.75-26.335-39.424-26.335-23.57 0-42.677 19.107-42.677 42.677 0 5.896 1.196 11.513 3.358 16.621l-0.105-0.28c17.707 41.911 58.442 70.801 105.932 70.869l0.009 0c14.891 0 29.696-2.901 43.861-8.789 15.613-6.574 26.375-21.747 26.375-39.434 0-5.893-1.195-11.506-3.355-16.612l0.105 0.28zM406.485 462.464c28.231-11.826 50.23-33.839 61.758-61.329l0.279-0.751c2.057-4.828 3.253-10.445 3.253-16.341 0-23.57-19.107-42.677-42.677-42.677-17.674 0-32.838 10.743-39.319 26.055l-0.105 0.28c-4.462 10.756-14.879 18.184-27.032 18.184-4.073 0-7.952-0.834-11.473-2.342l0.19 0.072c-4.828-2.057-10.445-3.253-16.341-3.253-23.57 0-42.677 19.107-42.677 42.677 0 17.674 10.743 32.838 26.055 39.319l0.28 0.105c12.961 5.554 28.045 8.784 43.883 8.784s30.921-3.23 44.628-9.066l-0.745 0.282zM637.611 700.928c-1.323-0.555-55.211-21.504-125.568-21.504-70.912 0-125.056 21.291-125.611 21.504-4.679 1.912-10.108 3.022-15.796 3.022-23.635 0-42.795-19.16-42.795-42.795 0-2.15 0.159-4.263 0.465-6.328l-0.028 0.234c8.405-56.875 57.685-164.437 183.765-164.437s175.317 107.563 183.765 164.437c0.304 1.911 0.477 4.114 0.477 6.358 0 23.517-19.064 42.581-42.581 42.581-0.048 0-0.096-0-0.143-0l0.007 0c-0.030 0-0.066 0-0.102 0-5.713 0-11.163-1.129-16.138-3.175l0.283 0.103zM512.043 594.091c22.571 0 43.691 1.749 62.72 4.352-14.635-12.928-34.859-22.4-62.72-22.4s-48.085 9.515-62.72 22.4c19.029-2.603 40.149-4.352 62.72-4.352z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_face_disappointed_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 14,
+				"id": 91,
+				"name": "db_ic_face_disappointed_24",
+				"prevSize": 32,
+				"code": 922260
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M810.667 512c0 164.693-133.973 298.667-298.667 298.667s-298.667-133.973-298.667-298.667 133.973-298.667 298.667-298.667 298.667 133.973 298.667 298.667zM128 512c0 212.077 171.923 384 384 384v0c212.077 0 384-171.923 384-384v0c0-212.077-171.923-384-384-384v0c-212.077 0-384 171.923-384 384v0zM328.235 582.272c-0.296-1.889-0.466-4.068-0.466-6.287 0-23.564 19.103-42.667 42.667-42.667 5.781 0 11.294 1.15 16.322 3.233l-0.283-0.104c0.427 0.171 54.613 21.419 125.525 21.419s124.971-21.205 125.525-21.419c4.745-1.98 10.258-3.129 16.039-3.129 23.564 0 42.667 19.103 42.667 42.667 0 2.218-0.169 4.397-0.496 6.525l0.030-0.238c-8.405 56.875-57.685 164.437-183.765 164.437s-175.317-107.563-183.765-164.437zM449.195 638.933c14.635 12.928 34.859 22.443 62.805 22.443s48.171-9.557 62.763-22.443c-38.059 5.163-87.467 5.163-125.568 0zM386.816 455.509c1.177-0.169 2.536-0.266 3.918-0.266 6.719 0 12.904 2.284 17.822 6.117l-0.065-0.049c6.918 5.039 15.586 8.062 24.959 8.062 23.564 0 42.667-19.103 42.667-42.667 0-13.301-6.086-25.18-15.626-33.005l-0.075-0.060c-19.119-14.768-43.424-23.671-69.809-23.671-36.945 0-69.813 17.456-90.806 44.57l-0.196 0.263c-5.913 7.264-9.494 16.63-9.494 26.833 0 23.564 19.103 42.667 42.667 42.667 14.151 0 26.694-6.889 34.456-17.497l0.084-0.12c4.681-5.994 11.529-10.108 19.347-11.162l0.152-0.017zM716.459 474.624c10.186-7.877 16.681-20.1 16.681-33.841 0-9.801-3.305-18.831-8.861-26.035l0.074 0.099c-21.18-27.387-54.048-44.851-90.994-44.851-26.39 0-50.698 8.91-70.082 23.885l0.265-0.197c-10.78 7.842-17.707 20.414-17.707 34.605 0 23.564 19.103 42.667 42.667 42.667 10.263 0 19.68-3.624 27.041-9.662l-0.075 0.060c4.871-3.78 11.072-6.060 17.805-6.060 1.365 0 2.708 0.094 4.022 0.275l-0.152-0.017c7.972 1.050 14.817 5.188 19.405 11.153l0.051 0.069c7.859 10.217 20.088 16.736 33.841 16.736 9.824 0 18.87-3.327 26.075-8.915l-0.097 0.072z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_face_delighted_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 13,
+				"id": 90,
+				"name": "db_ic_face_delighted_24",
+				"prevSize": 32,
+				"code": 922259
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M469.333 85.333c11.947 0 22.613 4.011 30.677 13.355l170.667 170.667c7.381 7.113 11.965 17.084 11.965 28.126 0 0.417-0.007 0.833-0.020 1.247l0.002-0.061v42.667c0 23.564-19.103 42.667-42.667 42.667v0h-213.333c-23.936 0-42.667-20.011-42.667-42.667v-170.667h-213.291v682.667h213.333c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-256c-23.979 0-42.667-18.645-42.667-42.667v-768c0-23.979 18.688-42.667 42.667-42.667zM682.667 426.667c141.099 0 256 114.048 256 255.701 0 141.269-114.901 256.299-256 256.299s-256-115.029-256-256.299c0-140.672 114.901-255.701 256-255.701zM801.877 571.093l-167.168 167.168-71.211-71.040-49.28 47.957 121.344 118.656 215.595-214.101zM298.667 682.667c23.555 0.012 42.645 19.11 42.645 42.667 0 23.564-19.103 42.667-42.667 42.667-0.007 0-0.015-0-0.022-0l0.001 0c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM341.333 512c24.021 0 42.667 18.645 42.667 42.667 0 23.979-18.645 42.667-42.667 42.667h-42.667c-23.979 0-42.667-18.688-42.667-42.667 0-24.021 18.688-42.667 42.667-42.667zM469.333 187.989v110.677h110.677z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_document_check_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 12,
+				"id": 89,
+				"name": "db_ic_document_check_24",
+				"prevSize": 32,
+				"code": 922258
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M576 853.333c-0.028 0-0.061 0-0.094 0-23.541 0-42.624-19.083-42.624-42.624 0-11.804 4.798-22.488 12.551-30.207l0.002-0.002 234.667-234.667c7.72-7.72 18.385-12.495 30.165-12.495 23.561 0 42.66 19.1 42.66 42.66 0 11.78-4.775 22.445-12.495 30.165l-234.667 234.667c-7.702 7.723-18.354 12.501-30.121 12.501-0.015 0-0.031-0-0.046-0l0.002 0zM213.333 853.333c-0.028 0-0.061 0-0.094 0-23.541 0-42.624-19.083-42.624-42.624 0-11.804 4.798-22.488 12.551-30.207l0.002-0.002 597.333-597.333c7.72-7.72 18.385-12.495 30.165-12.495 23.561 0 42.66 19.1 42.66 42.66 0 11.78-4.775 22.445-12.495 30.165l-597.333 597.333c-7.702 7.723-18.354 12.501-30.121 12.501-0.015 0-0.031-0-0.046-0l0.002 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_resize_handle_corner_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 11,
+				"id": 88,
+				"name": "db_ic_resize_handle_corner_24",
+				"prevSize": 32,
+				"code": 922257
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M744.021 874.667h-72.021c-23.564 0-42.667-19.103-42.667-42.667v0-11.691c-25.615 3.924-55.256 6.23-85.412 6.357l-0.135 0c-19.966-1.167-38.228-3.219-56.184-6.177l3.064 0.417v11.093c0 23.564-19.103 42.667-42.667 42.667v0h-72.021c-18.816 0-35.456-12.373-40.875-30.421l-17.408-58.069c-57.743-20.798-105.020-58.948-136.746-108.082l-0.641-1.059-46.677-11.648c-18.699-4.8-32.298-21.505-32.299-41.387l-0-0v-96c0-18.389 11.733-34.645 29.184-40.448l30.763-10.24c16.673-31.53 38.891-57.959 65.605-78.918l0.528-0.399 27.861-90.496c5.532-17.591 21.693-30.128 40.783-30.128 10.777 0 20.62 3.995 28.13 10.585l-0.048-0.042 64 55.979c8.959 7.864 14.584 19.339 14.584 32.128 0 23.572-19.109 42.68-42.68 42.68-10.783 0-20.631-3.999-28.144-10.594l0.048 0.042-14.464-12.672-12.672 41.088c-2.945 9.439-8.818 17.247-16.54 22.563l-0.143 0.093c-24.986 17.235-44.482 40.79-56.393 68.386l-0.397 1.032c-4.847 11.261-14.070 19.858-25.471 23.761l-0.3 0.089-18.816 6.272v31.915l31.701 7.979c11.844 3.020 21.505 10.688 27.11 20.899l0.111 0.221c24.531 44.827 65.982 77.804 115.547 90.601l1.274 0.279c14.592 3.669 26.155 14.72 30.507 29.141l12.459 41.557v-13.312c0.025-23.569 19.137-42.666 42.709-42.666 4.039 0 7.947 0.561 11.65 1.608l-0.301-0.073c25.547 7.378 55.306 12.563 85.949 14.488l1.219 0.061c36.523-1.024 76.501-4.779 114.731-14.72 3.239-0.883 6.958-1.391 10.795-1.391 23.517 0 42.581 19.064 42.581 42.581 0 0.039-0 0.078-0 0.117l0-0.006v19.285l29.141-81.621c3.255-8.99 9.167-16.363 16.778-21.362l0.161-0.099c34.944-22.656 76.544-62.165 76.544-121.643 0-68.651-37.717-110.080-134.613-147.669-16.073-6.364-27.234-21.772-27.234-39.787 0-23.571 19.108-42.679 42.679-42.679 5.557 0 10.865 1.062 15.734 2.994l-0.289-0.101c81.152 31.531 189.013 89.387 189.013 227.243 0 72.021-36.48 137.131-103.125 184.832l-35.328 98.901c-6.066 16.653-21.762 28.331-40.186 28.331-0.002 0-0.004-0-0.006-0l0 0zM479.275 520.107c19.009-3.471 40.886-5.456 63.226-5.456 21.538 0 42.645 1.845 63.171 5.385l-2.195-0.313c1.806 0.271 3.89 0.425 6.010 0.425 23.564 0 42.667-19.103 42.667-42.667 0-20.556-14.537-37.718-33.892-41.764l-0.277-0.049c-22.671-4.004-48.772-6.294-75.408-6.294-27.614 0-54.653 2.46-80.91 7.174l2.761-0.411c-20.93 2.961-36.852 20.755-36.852 42.269 0 23.564 19.103 42.667 42.667 42.667 3.2 0 6.319-0.352 9.318-1.020l-0.284 0.053zM639.061 256c0-58.837-47.872-106.667-106.667-106.667-58.881 0.073-106.594 47.786-106.667 106.66l-0 0.007c0 58.837 47.872 106.667 106.667 106.667s106.667-47.829 106.667-106.667zM553.728 256c-0.024 11.787-9.585 21.333-21.376 21.333-11.806 0-21.376-9.57-21.376-21.376 0-0.015 0-0.030 0-0.045l-0 0.002c0.024-11.787 9.585-21.333 21.376-21.333 11.806 0 21.376 9.57 21.376 21.376 0 0.015-0 0.030-0 0.045l0-0.002z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_piggybank_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 10,
+				"id": 87,
+				"name": "db_ic_piggybank_24",
+				"prevSize": 32,
+				"code": 922256
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M921.6 648.533c-1.835-1.408-173.397-132.736-198.869-307.2h118.485c23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667v0h-121.899v-128c0-23.564-19.103-42.667-42.667-42.667s-42.667 19.103-42.667 42.667v0 128h-121.899c-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667v0h118.443c-18.091 123.392-109.099 225.195-161.579 274.688l-103.125-289.024c-6.078-16.631-21.763-28.287-40.171-28.287s-34.092 11.657-40.076 27.991l-0.095 0.296-197.547 554.667c-1.571 4.267-2.48 9.196-2.48 14.336 0 23.567 19.105 42.672 42.672 42.672 18.427 0 34.126-11.68 40.097-28.040l0.095-0.297 58.965-165.632h196.992l58.709 164.523c6.040 16.646 21.718 28.324 40.123 28.324 5.167 0 10.118-0.92 14.7-2.605l-0.295 0.095c16.655-6.051 28.336-21.74 28.336-40.158 0-5.137-0.909-10.063-2.575-14.624l0.095 0.296-63.36-177.621c36.864-31.019 123.904-111.872 176.64-223.744 66.133 140.672 186.88 232.405 193.92 237.611 7.034 5.285 15.913 8.464 25.535 8.464 13.912 0 26.271-6.645 34.078-16.933l0.077-0.106c5.315-7.037 8.513-15.931 8.513-25.573 0-13.902-6.649-26.251-16.939-34.040l-0.107-0.078h-0.085zM257.579 659.371l68.011-190.976 68.139 190.976z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_translation_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 364,
+				"id": 0,
+				"name": "db_ic_translation_24",
+				"prevSize": 32,
+				"code": 922131
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M836.907 213.333c56.2 0 101.76 45.56 101.76 101.76v0 111.573c0 23.564-19.103 42.667-42.667 42.667v0c-25.728 0-45.952 19.456-45.952 42.667s20.224 42.667 45.952 42.667c23.564 0 42.667 19.103 42.667 42.667v0 111.573c0 56.2-45.56 101.76-101.76 101.76v0h-649.813c-56.2 0-101.76-45.56-101.76-101.76v0-111.573c0-23.564 19.103-42.667 42.667-42.667v0c25.728 0 45.952-19.456 45.952-42.667s-20.224-42.667-45.952-42.667c-23.564 0-42.667-19.103-42.667-42.667v0-111.573c0-56.2 45.56-101.76 101.76-101.76v0zM836.907 298.667h-649.813c-9.072 0-16.427 7.354-16.427 16.427v0 75.819l1.451 0.512c48.341 16.811 83.797 60.501 86.955 113.024l0.213 7.552c0 55.851-36.523 102.955-87.168 120.576l-1.451 0.469v75.861c0 7.936 5.632 14.549 13.099 16.085l3.328 0.341h649.813c9.072 0 16.427-7.354 16.427-16.427v-75.861l-1.451-0.469c-48.341-16.811-83.797-60.501-86.955-113.024l-0.213-7.552c0-55.851 36.523-102.955 87.168-120.576l1.451-0.512v-75.819c-0-7.894-5.568-14.487-12.991-16.066l-0.108-0.019zM640.469 555.52c23.851 0 42.496 18.645 42.496 42.496 0.001 0.128 0.002 0.278 0.002 0.429 0 23.211-18.816 42.027-42.027 42.027-0.166 0-0.331-0.001-0.497-0.003l0.025 0c-0.127 0.001-0.278 0.002-0.429 0.002-23.211 0-42.027-18.816-42.027-42.027 0-0.151 0.001-0.301 0.002-0.452l-0 0.023c0-23.851 18.645-42.496 42.453-42.496zM596.949 383.531c0.257-0.006 0.559-0.009 0.862-0.009 23.564 0 42.667 19.103 42.667 42.667 0 0.303-0.003 0.605-0.009 0.907l0.001-0.045c0 10.325-4.139 21.76-12.416 30.037l-170.965 170.965c-7.892 7.682-18.683 12.419-30.581 12.419-0.184 0-0.367-0.001-0.551-0.003l0.028 0c-23.457-0.017-42.466-19.037-42.466-42.496 0-0.36 0.004-0.719 0.013-1.077l-0.001 0.053c0-10.325 4.139-21.76 12.416-30.037l170.965-170.965c8.277-8.277 19.712-12.416 30.037-12.416zM384.555 380.416c24.875 0 44.544 20.693 44.544 44.544 0 24.875-19.669 44.544-44.544 44.544-0.089 0.001-0.194 0.001-0.3 0.001-24.436 0-44.245-19.809-44.245-44.245 0-0.105 0-0.211 0.001-0.316l-0 0.016c0-23.851 19.669-44.544 44.544-44.544z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_voucher_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 363,
+				"id": 1,
+				"name": "db_ic_voucher_24",
+				"prevSize": 32,
+				"code": 922132
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M574.976 558.421c-23.556-0.011-42.647-19.109-42.647-42.667 0-8.971 2.769-17.295 7.498-24.165l-0.094 0.144c25.813-37.973 34.56-59.435 34.56-84.779-0.073-57.208-46.429-103.564-103.63-103.637l-0.007-0c-0.042-0-0.092-0-0.142-0-27.767 0-52.973 10.96-71.53 28.79l0.034-0.033c-7.73 7.777-18.435 12.59-30.263 12.59-23.564 0-42.667-19.103-42.667-42.667 0-12.454 5.336-23.663 13.847-31.463l0.032-0.029c33.7-32.475 79.611-52.481 130.194-52.481 0.159 0 0.317 0 0.476 0.001l-0.025-0c104.35 0.097 188.916 84.663 189.013 189.004l0 0.009c0 50.091-18.901 87.936-49.365 132.736-7.784 11.343-20.68 18.688-35.291 18.688-0.013 0-0.026-0-0.039-0l0.045 0zM624.299 768.981c9.813-42.368 37.291-80.597 66.389-121.088 45.44-63.147 96.939-134.741 96.939-240.896 0-174.805-142.208-316.971-316.971-316.971-0.174-0-0.379-0.001-0.585-0.001-84.933 0-162.026 33.568-218.736 88.16l0.1-0.096c-8.098 7.776-13.129 18.692-13.129 30.784 0 23.557 19.097 42.654 42.654 42.654 11.466 0 21.875-4.524 29.54-11.884l-0.014 0.014c41.351-39.816 97.669-64.342 159.715-64.342 0.16 0 0.32 0 0.48 0l-0.025-0c127.895 0.146 231.534 103.785 231.68 231.666l0 0.014c0 78.635-39.253 133.248-80.939 191.061-32.768 45.525-66.645 92.672-80.469 152.747-13.321 61.632-67.374 107.137-132.057 107.137-20.080 0-39.135-4.385-56.261-12.251l0.84 0.346c-5.418-2.673-11.794-4.237-18.536-4.237-23.564 0-42.667 19.103-42.667 42.667 0 17.496 10.531 32.532 25.6 39.116l0.275 0.107c28.672 13.056 59.307 19.669 91.008 19.669 103.893 0 194.475-73.771 215.168-174.379z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_hearing_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 362,
+				"id": 2,
+				"name": "db_ic_hearing_24",
+				"prevSize": 32,
+				"code": 922129
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M574.976 558.421c-23.556-0.011-42.647-19.109-42.647-42.667 0-8.971 2.769-17.295 7.498-24.165l-0.094 0.144c25.813-37.973 34.56-59.435 34.56-84.779-0.073-57.208-46.429-103.564-103.63-103.637l-0.007-0c-0.042-0-0.092-0-0.142-0-27.767 0-52.973 10.96-71.53 28.79l0.034-0.033c-7.73 7.777-18.435 12.59-30.263 12.59-23.564 0-42.667-19.103-42.667-42.667 0-12.454 5.336-23.663 13.847-31.463l0.032-0.029c33.7-32.475 79.611-52.481 130.194-52.481 0.159 0 0.317 0 0.476 0.001l-0.025-0c104.35 0.097 188.916 84.663 189.013 189.004l0 0.009c0 50.091-18.901 87.936-49.365 132.736-7.784 11.343-20.68 18.688-35.291 18.688-0.013 0-0.026-0-0.039-0l0.045 0zM624.299 768.981c9.813-42.368 37.291-80.597 66.389-121.088 45.44-63.147 96.939-134.741 96.939-240.896 0-174.805-142.208-316.971-316.971-316.971-0.174-0-0.379-0.001-0.585-0.001-84.933 0-162.026 33.568-218.736 88.16l0.1-0.096c-8.098 7.776-13.129 18.692-13.129 30.784 0 23.557 19.097 42.654 42.654 42.654 11.466 0 21.875-4.524 29.54-11.884l-0.014 0.014c41.351-39.816 97.669-64.342 159.715-64.342 0.16 0 0.32 0 0.48 0l-0.025-0c127.895 0.146 231.534 103.785 231.68 231.666l0 0.014c0 78.635-39.253 133.248-80.939 191.061-32.768 45.525-66.645 92.672-80.469 152.747-13.321 61.632-67.374 107.137-132.057 107.137-20.080 0-39.135-4.385-56.261-12.251l0.84 0.346c-5.418-2.673-11.794-4.237-18.536-4.237-23.564 0-42.667 19.103-42.667 42.667 0 17.496 10.531 32.532 25.6 39.116l0.275 0.107c28.672 13.056 59.307 19.669 91.008 19.669 103.893 0 194.475-73.771 215.168-174.379zM844.16 240.213l81.963-82.005c7.72-7.72 12.495-18.385 12.495-30.165 0-23.561-19.1-42.66-42.66-42.66-11.78 0-22.445 4.775-30.165 12.495l-0 0-81.92 82.005c-7.724 7.718-12.501 18.384-12.501 30.165 0 23.552 19.093 42.645 42.645 42.645 11.771 0 22.428-4.769 30.144-12.48l-0 0zM158.165 926.293l207.787-207.872c7.72-7.72 12.495-18.385 12.495-30.165 0-23.561-19.1-42.66-42.66-42.66-11.78 0-22.445 4.775-30.165 12.495l-207.787 207.829c-7.72 7.72-12.495 18.385-12.495 30.165 0 23.561 19.1 42.66 42.66 42.66 11.78 0 22.445-4.775 30.165-12.495l0-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_hearing_disabled_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 361,
+				"id": 3,
+				"name": "db_ic_hearing_disabled_24",
+				"prevSize": 32,
+				"code": 922130
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M896 170.667h-426.667c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h426.667c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0zM896 341.333h-256c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h256c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0zM896 512h-85.333c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h85.333c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0zM499.499 439.168l-170.667-170.667c-7.716-7.729-18.382-12.51-30.165-12.51s-22.449 4.781-30.165 12.509l-0.001 0.001-170.667 170.667c-7.72 7.72-12.495 18.385-12.495 30.165 0 23.561 19.1 42.66 42.66 42.66 11.78 0 22.445-4.775 30.165-12.495l97.835-97.835v494.336c0 23.564 19.103 42.667 42.667 42.667s42.667-19.103 42.667-42.667v-494.336l97.835 97.835c7.706 7.749 18.376 12.545 30.165 12.545s22.459-4.796 30.163-12.544l0.002-0.002c7.729-7.716 12.51-18.382 12.51-30.165s-4.781-22.449-12.509-30.165l-0.001-0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_sort_up_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 225,
+				"id": 4,
+				"name": "db_ic_sort_up_24",
+				"prevSize": 32,
+				"code": 8607
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M896 170.667h-426.667c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h426.667c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0zM896 341.333h-256c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h256c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0zM896 512h-85.333c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h85.333c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0zM499.499 695.168c-7.716-7.729-18.382-12.51-30.165-12.51s-22.449 4.781-30.165 12.509l-0.001 0.001-97.835 97.835v-494.336c0-23.564-19.103-42.667-42.667-42.667s-42.667 19.103-42.667 42.667v0 494.336l-97.835-97.835c-7.72-7.72-18.385-12.495-30.165-12.495-23.561 0-42.66 19.1-42.66 42.66 0 11.78 4.775 22.445 12.495 30.165l170.667 170.667c7.706 7.749 18.376 12.545 30.165 12.545s22.459-4.796 30.163-12.544l0.002-0.002 170.667-170.667c7.729-7.716 12.51-18.382 12.51-30.165s-4.781-22.449-12.509-30.165l-0.001-0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_sort_down_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 224,
+				"id": 5,
+				"name": "db_ic_sort_down_24",
+				"prevSize": 32,
+				"code": 8609
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M298.667 426.667c70.692 0 128-57.308 128-128s-57.308-128-128-128v0c-70.692 0-128 57.308-128 128s57.308 128 128 128v0zM725.333 426.667c70.692 0 128-57.308 128-128s-57.308-128-128-128v0c-70.692 0-128 57.308-128 128s57.308 128 128 128v0zM298.667 853.333c70.692 0 128-57.308 128-128s-57.308-128-128-128v0c-70.692 0-128 57.308-128 128s57.308 128 128 128v0zM725.333 853.333c70.692 0 128-57.308 128-128s-57.308-128-128-128v0c-70.692 0-128 57.308-128 128s57.308 128 128 128v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_drag_&_drop_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 226,
+				"id": 6,
+				"name": "db_ic_drag__drop_24",
+				"prevSize": 32,
+				"code": 921991
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 42.667c258.773 0 469.333 210.56 469.333 469.291 0 258.773-210.56 469.333-469.333 469.333s-469.333-210.56-469.333-469.333c0-258.731 210.56-469.291 469.333-469.291zM554.667 130.517v20.437c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v0-20.437c-178.138 20.748-318.046 160.641-338.645 336.976l-0.171 1.797h20.48c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-20.48c20.752 178.15 160.666 318.064 337.019 338.645l1.797 0.171v-20.437c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 20.437c178.15-20.752 318.064-160.666 338.645-337.019l0.171-1.797h-20.48c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h20.48c-20.771-178.133-160.678-318.026-337.020-338.603l-1.796-0.17zM418.048 504.107l4.992 0.469c23.211 3.755 39.168 25.515 35.541 48.811l-11.179 71.040 55.979-45.184c7.261-5.903 16.621-9.478 26.816-9.478 23.568 0 42.673 19.105 42.673 42.673 0 13.373-6.151 25.309-15.778 33.133l-0.079 0.062-142.123 114.773c-7.26 5.903-16.619 9.477-26.813 9.477-23.564 0-42.667-19.103-42.667-42.667 0-2.367 0.193-4.689 0.563-6.951l-0.033 0.247 28.331-180.395c3.312-20.55 20.921-36.057 42.152-36.057 2.336 0 4.628 0.188 6.861 0.549l-0.245-0.033zM657.195 260.992c15.232 8.789 23.467 26.069 20.864 43.435l-27.435 178.859c-3.819 19.968-21.144 34.854-41.945 34.854-23.564 0-42.667-19.103-42.667-42.667 0-1.788 0.11-3.55 0.323-5.28l-0.021 0.207 10.837-70.656-55.723 44.715c-7.343 6.15-16.89 9.886-27.31 9.886-23.564 0-42.667-19.103-42.667-42.667 0-13.705 6.462-25.901 16.505-33.707l0.096-0.072 141.141-113.237c7.238-5.84 16.549-9.375 26.685-9.375 7.847 0 15.2 2.118 21.516 5.815l-0.202-0.109z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_compass_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 218,
+				"id": 7,
+				"name": "db_ic_compass_24",
+				"prevSize": 32,
+				"code": 922185
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M688 555.989c117.333 0 208 88.021 208 217.344v122.667c0 24.021-18.688 42.667-42.667 42.667-24.021 0-42.667-18.688-42.667-42.667v-122.667c0-107.989-80-132.011-118.656-132.011-53.333 26.667-114.688 41.344-180.011 41.344s-126.677-14.677-180.011-41.344c-39.979 0-118.656 24.021-118.656 132.011v122.667c0 24.021-18.688 42.667-42.667 42.667-24.021 0-42.667-18.688-42.667-42.667v-122.667c0-123.989 89.344-217.344 201.344-217.344 13.312 0 30.635 2.688 39.979 8.021 41.344 22.656 89.344 33.323 142.677 33.323s101.333-10.667 142.677-33.323c10.667-5.333 22.656-8.021 33.323-8.021zM512 85.333c117.333 0 213.333 96 213.333 213.333s-96 213.333-213.333 213.333-213.333-96-213.333-213.333 96-213.333 213.333-213.333zM512 170.667c-70.698 0.024-128 57.342-128 128.043 0 70.716 57.327 128.043 128.043 128.043 0.015 0 0.030-0 0.045-0l-0.002 0c70.698-0.024 128-57.342 128-128.043 0-70.716-57.327-128.043-128.043-128.043-0.015 0-0.030 0-0.045 0l0.002-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["account"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 103,
+				"id": 8,
+				"name": "account",
+				"prevSize": 32,
+				"code": 922145
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 213.333c24.064 0 43.093 19.029 43.093 43.093v212.48h212.48c24.064 0 43.093 19.029 43.093 43.093s-19.029 43.093-43.093 43.093h-212.48v212.48c0 24.064-19.029 43.093-43.093 43.093s-43.093-19.029-43.093-43.093v-212.48h-212.48c-24.064-0-43.093-19.029-43.093-43.093s19.029-43.093 43.093-43.093h212.48v-212.48c0-24.064 19.029-43.093 43.093-43.093z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["add"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 105,
+				"id": 9,
+				"name": "add",
+				"prevSize": 32,
+				"code": 43
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c235.349 0 426.667 191.317 426.667 426.667s-191.317 426.667-426.667 426.667-426.667-191.317-426.667-426.667 191.317-426.667 426.667-426.667zM512 171.477c-0.076-0-0.166-0-0.256-0-187.924 0-340.267 152.343-340.267 340.267 0 0.090 0 0.18 0 0.27l-0-0.014c-0 0.076-0 0.166-0 0.256 0 187.924 152.343 340.267 340.267 340.267 0.090 0 0.18-0 0.27-0l-0.014 0c0.076 0 0.166 0 0.256 0 187.924 0 340.267-152.343 340.267-340.267 0-0.090-0-0.18-0-0.27l0 0.014c0-0.076 0-0.166 0-0.256 0-187.924-152.343-340.267-340.267-340.267-0.090 0-0.18 0-0.27 0l0.014-0zM512 298.667c24.021 0 42.667 18.645 42.667 42.667v128h128c24.021 0 42.667 18.645 42.667 42.667s-18.645 42.667-42.667 42.667l-127.573 0.427-0.427 127.573c0 24.021-18.645 42.667-42.667 42.667s-42.667-18.645-42.667-42.667v-128l-127.573 0.427c-24.107 0-43.093-19.115-43.093-43.093s18.645-42.667 42.667-42.667h128v-128c0-24.021 18.645-42.667 42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["add-circle"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 104,
+				"id": 10,
+				"name": "add-circle",
+				"prevSize": 32,
+				"code": 8853
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M600.954 420.742c16.662 16.662 16.662 43.677 0 60.34s-43.677 16.662-60.34 0v0c-0.003-0.003-0.008-0.008-0.012-0.012-39.915-39.915-103.594-41.583-145.495-5.004l-0.244 0.219-150.095 149.733c-0.055 0.054-0.119 0.119-0.184 0.183-41.656 41.656-41.656 109.194 0 150.849 39.98 39.98 103.8 41.588 145.698 4.826l0.236-0.213 68.455-68.154c0.070-0.071 0.154-0.156 0.238-0.239 16.662-16.662 43.677-16.662 60.34 0 15.503 15.503 16.582 39.968 3.237 56.718l-0.125 0.151-66.706 67.068c-74.981 74.978-196.547 74.978-271.527-0.002-72.73-72.73-74.913-189.293-6.549-264.654l0.301-0.326 151.272-151.513c74.981-74.981 196.548-74.981 271.529 0v0zM836.128 185.568c72.701 72.735 74.873 189.276 6.516 264.627l-0.301 0.325-150.91 151.211c-74.981 74.981-196.548 74.981-271.529 0v0c-16.662-16.662-16.662-43.677 0-60.34v0c15.477-15.477 41.544-18.313 56.629-3.289 41.453 41.272 107.525 44.893 149.431 8.116l149.794-149.492c41.417-41.689 41.333-109.038-0.239-150.61-39.82-39.82-103.291-41.575-145.196-5.264l-0.256 0.228-68.516 68.154c-16.671 16.599-43.636 16.577-60.276-0.063-15.407-15.407-16.568-39.665-3.483-56.405l0.131-0.16 66.645-67.068c74.981-74.981 196.548-74.981 271.529 0v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_add_link_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 69,
+				"id": 11,
+				"name": "db_ic_add_link_24",
+				"prevSize": 32,
+				"code": 922178
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M736 128c0.127-0 0.277-0.001 0.427-0.001 88.13 0 159.573 71.443 159.573 159.573 0 0.15-0 0.3-0.001 0.45l0-0.023c-0.082 49.144-22.248 93.095-57.102 122.468l-0.242 0.198c9.344 32 14.677 65.323 14.677 100.011 0 0.143 0 0.313 0 0.483 0 81.9-28.658 157.106-76.493 216.138l0.504-0.642 69.333 102.699c3.968 6.656 6.656 16 6.656 23.979 0 22.656-20.011 42.667-42.667 42.667-14.417-0.069-27.105-7.409-34.593-18.538l-0.095-0.15-61.312-91.989c-55.885 42.445-126.623 67.995-203.328 67.995s-147.443-25.551-204.166-68.605l0.838 0.61-61.397 92.032c-7.75 11.321-20.607 18.653-35.177 18.653-0.278 0-0.556-0.003-0.833-0.008l0.041 0.001c-22.699 0-42.667-18.688-42.667-42.667 0-8.021 2.645-16 7.979-24.021l69.376-103.979c-47.311-57.592-75.992-132.054-75.992-213.215 0-0.507 0.001-1.013 0.003-1.519l-0 0.078c0-34.688 5.333-69.333 14.677-101.333-34.217-29.538-55.805-72.899-56.021-121.306l-0-0.038c0.266-88.258 71.741-159.734 159.974-160l0.026-0c48 0 91.989 21.333 121.344 56.021 32-9.387 66.645-16 102.656-16 34.688 0 69.333 6.656 102.656 15.957 29.311-34.344 72.639-55.979 121.020-55.979 0.114 0 0.228 0 0.341 0l-0.018-0zM512 253.355c-142.062 0.097-257.201 115.222-257.323 257.269l-0 0.011c0.073 142.095 115.232 257.268 257.314 257.365l0.009 0c141.355 0 256-116.011 256-257.323 0-141.355-114.688-257.323-256-257.323zM288 213.333c-41.344 0-74.667 33.323-74.667 74.667 0 13.355 4.011 26.667 10.667 38.656 26.667-41.301 61.355-77.312 102.656-102.656-11.989-8.021-25.301-10.667-38.656-10.667zM736 213.333c-0.199-0.002-0.433-0.003-0.668-0.003-14.048 0-27.169 3.97-38.301 10.85l0.314-0.18c41.426 26.935 75.722 61.231 101.849 101.335l0.807 1.321c6.656-11.989 10.667-25.301 10.667-38.656 0-41.344-33.323-74.667-74.667-74.667zM469.333 513.323c0 10.667 5.333 22.656 13.355 30.677l69.291 66.688c7.472 7.385 17.748 11.948 29.089 11.948 0.093 0 0.186-0 0.28-0.001l-0.014 0c24.021 0 42.667-19.968 42.667-42.667 0.002-0.167 0.004-0.363 0.004-0.56 0-11.914-5.14-22.628-13.324-30.044l-0.034-0.031-55.979-54.656v-134.656c0-24.021-18.688-42.667-42.667-42.667-22.656 0-42.667 18.645-42.667 42.667v153.301z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["alarm"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 107,
+				"id": 12,
+				"name": "alarm",
+				"prevSize": 32,
+				"code": 922180
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		},
+		{
+			"icon": {
+				"paths": [
+					"M736 128c0.127-0 0.277-0.001 0.427-0.001 88.13 0 159.573 71.443 159.573 159.573 0 0.15-0 0.3-0.001 0.45l0-0.023c-0.082 49.144-22.248 93.095-57.102 122.468l-0.242 0.198c9.344 32 14.677 65.323 14.677 100.011 0 0.143 0 0.313 0 0.483 0 81.9-28.658 157.106-76.493 216.138l0.504-0.642 69.333 102.699c3.968 6.656 6.656 16 6.656 23.979 0 22.656-18.688 42.667-42.667 42.667-14.417-0.069-27.105-7.409-34.593-18.538l-0.095-0.15-61.312-91.989c-55.885 42.445-126.623 67.995-203.328 67.995s-147.443-25.551-204.166-68.605l0.838 0.61-61.397 92.032c-7.75 11.321-20.607 18.653-35.177 18.653-0.278 0-0.556-0.003-0.833-0.008l0.041 0.001c-22.699 0-42.667-18.688-42.667-42.667 0-8.021 2.645-16 7.979-24.021l69.376-103.979c-47.311-57.592-75.992-132.054-75.992-213.215 0-0.507 0.001-1.013 0.003-1.519l-0 0.078c0-34.688 5.333-69.333 14.677-101.333-34.217-29.538-55.805-72.899-56.021-121.306l-0-0.038c0.266-88.258 71.741-159.734 159.974-160l0.026-0c48 0 91.989 21.333 121.344 56.021 32-9.387 66.645-16 102.656-16 34.688 0 69.333 6.656 102.656 15.957 29.311-34.344 72.639-55.979 121.020-55.979 0.114 0 0.228 0 0.341 0l-0.018-0zM512 253.355c-142.062 0.097-257.201 115.222-257.323 257.269l-0 0.011c0.073 142.095 115.232 257.268 257.314 257.365l0.009 0c141.355 0 256-116.011 256-257.323 0-141.355-114.688-257.323-256-257.323zM736 213.333c-0.199-0.002-0.433-0.003-0.668-0.003-14.048 0-27.169 3.97-38.301 10.85l0.314-0.18c41.426 26.935 75.722 61.231 101.849 101.335l0.807 1.321c6.656-11.989 10.667-25.301 10.667-38.656 0-41.344-33.323-74.667-74.667-74.667zM288 213.333c-41.344 0-74.667 33.323-74.667 74.667 0 13.355 4.011 26.667 10.667 38.656 26.667-41.301 61.355-77.312 102.656-102.656-11.989-8.021-25.301-10.667-38.656-10.667zM512 341.333c24.021 0 42.667 21.333 42.667 42.667v85.333h85.333c24.021 0 42.667 18.645 42.667 42.667 0 23.979-18.688 42.667-42.667 42.667h-85.333v85.333c0 22.656-20.011 42.667-42.667 42.667-24.021 0-42.667-20.011-42.667-42.667v-85.333l-85.333-1.323c-24.021 0-42.667-17.365-42.667-41.344 0-24.021 18.688-42.667 42.667-42.667h85.333v-85.333c0-21.333 18.688-42.667 42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["alarm-add"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 106,
+				"id": 13,
+				"name": "alarm-add",
+				"prevSize": 32,
+				"code": 921698
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 20
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c23.040 0 42.069 19.029 42.069 43.093v46.080l1.024-0.043c131.243 21.035 212.395 134.229 212.395 302.507l1.024 120.149c0 78.123 22.016 107.179 65.109 135.253 16.043 9.984 23.040 30.037 18.048 48.043-5.665 17.559-21.862 30.037-40.974 30.037-0.040 0-0.080-0-0.12-0l0.006 0h-159.317c-5.973 71.125-66.133 128.213-138.24 128.213-72.884-0.059-132.618-56.287-138.252-127.731l-0.031-0.482h-161.28c-19.072 0-35.115-11.989-41.131-30.037-1.043-3.538-1.642-7.603-1.642-11.808 0-15.129 7.765-28.444 19.527-36.177l0.163-0.101c44.075-29.013 65.109-56.064 65.109-135.211v-120.192c0-169.259 83.2-283.435 213.419-303.445v-45.099c0-24.021 19.029-43.051 43.093-43.051zM565.12 810.453h-104.235c5.035 24.064 26.027 42.069 52.139 42.069 25.045 0 46.080-18.005 52.053-42.069zM511.019 255.616c-106.24 0-170.368 83.115-170.368 221.312v120.192c0.183 3.647 0.287 7.92 0.287 12.217 0 42.277-10.1 82.196-28.019 117.474l0.681-1.478h396.8c-17.821-34.342-28.273-74.978-28.273-118.054 0-3.573 0.072-7.129 0.214-10.666l-0.016 0.507v-120.192c0-138.197-64.128-221.312-171.349-221.312z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["alert"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 108,
+				"id": 14,
+				"name": "alert",
+				"prevSize": 32,
+				"code": 922146
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 21
+		},
+		{
+			"icon": {
+				"paths": [
+					"M767.488 519.595l1.024 120.192c0 78.123 22.016 107.179 65.109 135.253 16.043 9.984 23.040 30.037 18.048 48.043-5.665 17.559-21.862 30.037-40.974 30.037-0.040 0-0.080-0-0.12-0l0.006 0h-159.317c-5.973 71.125-66.133 128.213-138.24 128.213-72.884-0.059-132.618-56.287-138.252-127.731l-0.031-0.482h-41.131l85.12-85.12h291.669c-17.821-34.342-28.273-74.978-28.273-118.054 0-3.573 0.072-7.129 0.214-10.666l-0.016 0.507v-120.192c0-5.035-0.085-10.027-0.256-14.933l76.501-76.459c5.888 28.203 8.96 58.795 8.96 91.392zM512 128c23.040 0 42.069 19.029 42.069 43.093v46.080l1.024-0.043c46.421 7.424 86.613 26.453 119.083 55.296l109.781-109.781c7.665-7.41 18.12-11.977 29.641-11.977 23.564 0 42.667 19.103 42.667 42.667 0 11.521-4.567 21.976-11.989 29.653l0.012-0.012-663.723 663.723c-7.665 7.41-18.12 11.977-29.641 11.977-23.564 0-42.667-19.103-42.667-42.667 0-11.521 4.567-21.976 11.989-29.653l-0.012 0.012 130.005-129.92c3.541-15.445 5.248-33.877 5.248-56.661v-120.192c0-169.259 83.2-283.435 213.419-303.445v-45.099c0-24.021 19.029-43.051 43.093-43.051zM565.12 853.12h-104.235c5.035 24.064 26.027 42.069 52.139 42.069 25.045 0 46.080-18.005 52.053-42.069zM511.019 298.283c-106.24 0-170.368 83.115-170.368 221.312v86.315l273.024-272.939c-27.221-22.613-61.824-34.688-102.656-34.688z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["alert-off"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 102,
+				"id": 15,
+				"name": "alert-off",
+				"prevSize": 32,
+				"code": 922179
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 22
+		},
+		{
+			"icon": {
+				"paths": [
+					"M767.573 176.981c21.114 21.328 34.158 50.678 34.158 83.075 0 30.092-11.254 57.555-29.784 78.411l0.105-0.121-345.301 345.6c-7.725 7.747-18.409 12.539-30.212 12.539-23.564 0-42.667-19.103-42.667-42.667 0-10.049 3.474-19.287 9.287-26.578l-0.066 0.086 343.68-344.107c5.929-5.93 9.595-14.121 9.595-23.168 0-8.984-3.615-17.123-9.47-23.043l0.003 0.003c-5.803-5.865-13.853-9.497-22.751-9.497-7.255 0-13.945 2.414-19.313 6.483l0.080-0.058-388.992 388.523c-19.369 19.372-31.349 46.132-31.349 75.691 0 29.474 11.911 56.165 31.182 75.524l-0.004-0.004c19.251 19.34 45.894 31.308 75.331 31.308 26.804 0 51.29-9.922 69.986-26.293l-0.123 0.105 323.413-323.072c7.725-7.747 18.409-12.539 30.212-12.539 23.564 0 42.667 19.103 42.667 42.667 0 10.049-3.474 19.287-9.287 26.578l0.066-0.086-321.792 322.219c-34.639 34.457-82.395 55.756-135.125 55.756-53.091 0-101.14-21.592-135.843-56.474l-0.008-0.008c-34.593-34.784-55.977-82.735-55.977-135.682 0-49.942 19.026-95.441 50.225-129.643l-0.136 0.151 392.235-392.533c21.192-20.991 50.361-33.961 82.56-33.961 32.623 0 62.136 13.314 83.403 34.804l0.010 0.010z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_attachment_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 70,
+				"id": 16,
+				"name": "db_ic_attachment_24",
+				"prevSize": 32,
+				"code": 922181
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 23
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 725.12v0c-23.564 0-42.667 19.103-42.667 42.667v59.051l-23.936-12.032c-23.509-10.581-47.445-0.555-57.259 18.987l0.112-0.241c-2.968 5.813-4.641 12.398-4.641 19.373 0 16.582 9.459 30.954 23.516 38.127l85.76 43.093-0.255-0.114c5.85 2.899 12.441 4.529 19.413 4.529s13.563-1.63 19.157-4.414l85.803-43.093 0.244-0.111c13.87-6.949 23.391-21.295 23.391-37.864 0-7.040-1.719-13.678-4.648-19.284l-0.112-0.242c-7.056-13.834-21.438-23.309-38.033-23.309-6.968 0-13.547 1.67-19.114 4.521l-24.064 12.075v-59.051c0-24.96-20.779-42.667-42.667-42.667zM853.333 575.787c-23.040 0.043-42.667 19.243-42.667 42.709l0.043 43.989-21.376-12.373 0.185 0.098c-5.512-3.146-11.892-4.944-18.693-4.944-13.748 0-25.78 7.347-32.479 18.5l0.095-0.176c-3.25 5.537-5.113 11.986-5.113 18.871 0 13.748 7.431 25.76 18.671 32.334l12.032 6.955-38.869 19.541-0.235 0.114c-13.721 7.266-23.068 21.69-23.068 38.297 0 6.856 1.593 13.341 4.317 18.848l0.112 0.241c7.062 13.816 21.434 23.275 38.016 23.275 6.975 0 13.559-1.674 19.131-4.53l109.099-54.741c15.019-7.808 23.552-23.851 23.552-38.187l-0.085-106.155c0-24.405-19.712-42.667-42.667-42.667zM170.667 575.787v0c-23.564 0-42.667 19.103-42.667 42.667v106.667l0 0.032c0.24 16.353 9.624 30.492 23.509 37.642l108.203 54.187c23.424 10.581 46.891 1.195 57.045-19.029 10.155-20.181 2.645-46.421-18.987-57.259l-37.845-18.987 12.117-6.912c18.389-10.325 23.168-34.517 13.653-51.029l-0.095-0.176c-6.479-11.064-18.491-18.495-32.239-18.495-6.884 0-13.334 1.863-18.695 5.018l-21.333 12.288v-43.947c0-24.32-20.779-42.667-42.667-42.667zM569.856 367.915v0c-11.782 0-21.333 9.551-21.333 21.333v207.701c0 14.775 11.977 26.752 26.752 26.752s26.752-11.977 26.752-26.752v-82.944h17.195c8.405 0 14.464 1.451 18.304 4.437 4.352 3.413 8.832 9.941 13.44 19.627l33.92 71.125c5.888 11.776 21.845 14.507 30.976 14.507 18.389 0 26.453-11.392 21.632-21.205-8.149-16.768-20.437-42.027-36.736-75.776-6.101-12.416-13.867-21.12-23.168-26.027 13.995-4.181 24.533-10.027 31.573-17.493 9.515-10.325 14.251-25.131 14.251-44.459 0-47.232-26.837-70.827-80.512-70.827zM404.267 367.915c11.221 0 21.333 6.485 25.557 17.579l81.365 215.808c4.565 12.117 2.432 22.4-19.115 22.4-19.2 0-26.325-4.821-31.147-16.768l-15.147-37.547h-94.976l-12.757 34.347c-5.376 14.464-12.8 19.968-31.915 19.968-19.157 0-23.765-9.515-19.157-21.589l82.987-216.619c3.627-9.429 11.947-17.579 22.357-17.579zM400 436.224l-33.92 94.976h67.84zM637.227 408.107c16.725 0 26.965 4.779 30.677 14.336 1.792 4.48 2.688 11.648 2.688 21.419 0 11.947-2.219 20.309-6.571 25.003-5.248 5.845-14.293 8.747-27.179 8.747h-34.944v-69.504zM316.8 224.171c9.728 19.627 2.688 45.269-19.029 57.003l-39.723 19.541 13.952 8.064c11.23 6.577 18.653 18.584 18.653 32.324 0 6.871-1.856 13.309-5.095 18.839l0.095-0.176c-6.793 11.093-18.846 18.382-32.602 18.382-6.745 0-13.082-1.753-18.578-4.828l0.193 0.099-21.333-12.373v44.075c0 24.619-20.779 42.667-42.667 42.667s-42.667-17.493-42.667-42.411v-109.099c0-14.464 8.789-31.232 23.509-38.272l108.203-53.248c5.502-2.771 11.99-4.394 18.858-4.394 16.696 0 31.152 9.59 38.161 23.561l0.112 0.246zM764.032 204.757l108.245 53.248c12.971 6.4 23.467 19.712 23.723 38.272v108.885c-0.689 23.025-19.52 41.428-42.649 41.428-23.054 0-41.837-18.284-42.64-41.142l-0.002-0.073v-44.416l-21.376 12.459c-5.355 3.144-11.794 5-18.667 5-20.623 0-37.342-16.718-37.342-37.342 0-13.751 7.432-25.765 18.499-32.246l0.176-0.095 13.952-8.107-39.552-19.499c-23.808-11.691-28.331-39.040-19.413-57.173 7.158-14.105 21.555-23.602 38.17-23.602 6.874 0 13.369 1.626 19.121 4.514l-0.246-0.112zM530.901 89.557l86.869 42.88c14.208 7.124 23.79 21.575 23.79 38.264 0 6.888-1.632 13.395-4.531 19.155l0.112-0.245c-9.685 19.627-33.28 30.037-57.131 19.371l-25.344-12.544v59.307c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v0-59.307l-23.168 11.52c-22.101 11.264-47.445 0.213-57.131-19.413s-4.395-44.075 19.413-57.173l84.736-41.813c10.069-5.632 27.819-5.632 37.717 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_augmented_reality_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 71,
+				"id": 17,
+				"name": "db_ic_augmented_reality_24",
+				"prevSize": 32,
+				"code": 921959
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 24
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 128c212.077 0 384 171.923 384 384s-171.923 384-384 384v0c-212.077 0-384-171.923-384-384s171.923-384 384-384v0zM213.333 512c-0 0-0 0-0 0 0 164.949 133.718 298.667 298.667 298.667 67.424 0 129.63-22.342 179.618-60.026l-0.759 0.548-418.048-418.048c-37.132 49.078-59.478 111.138-59.478 178.418 0 0.155 0 0.31 0 0.465l-0-0.024zM512 213.333c-0.131-0-0.286-0-0.44-0-67.28 0-129.341 22.345-179.166 60.019l0.748-0.542 418.048 418.048c37.136-49.229 59.478-111.435 59.478-178.859 0-164.949-133.718-298.667-298.667-298.667-0 0-0 0-0.001 0l0-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_block_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 72,
+				"id": 18,
+				"name": "db_ic_block_24",
+				"prevSize": 32,
+				"code": 922147
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 25
+		},
+		{
+			"icon": {
+				"paths": [
+					"M269.696 85.333c-31.104 0-56.363 25.472-56.363 56.875v748.971c0 23.552 21.461 46.976 46.507 47.488 6.272 0 20.864 0 39.253-9.557l212.907-112.64 213.376 112.853c15.317 8.107 20.608 9.344 37.973 9.344 21.504 0 47.317-22.699 47.317-47.488v-748.971c0-31.403-25.259-56.875-56.363-56.875zM725.333 832.768l-173.44-91.733c-11.579-6.143-25.289-9.817-39.841-9.984l-0.052-0c-13.269 0-26.581 3.328-39.851 9.984l-173.483 91.733v-662.101h426.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bookmark_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 73,
+				"id": 19,
+				"name": "db_ic_bookmark_24",
+				"prevSize": 32,
+				"code": 922148
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 26
+		},
+		{
+			"icon": {
+				"paths": [
+					"M729.6 86.144c23.083 4.693 38.016 27.264 33.323 50.347-10.915 51.326-36.030 95.611-70.998 129.879l-0.042 0.041c36.965 36.546 62.823 84.255 72.101 137.654l0.219 1.525h89.216c11.781 0.003 22.446 4.78 30.165 12.501l42.667 42.667c7.72 7.72 12.495 18.385 12.495 30.165 0 23.561-19.1 42.66-42.66 42.66-11.78 0-22.445-4.775-30.165-12.495l-30.165-30.165h-67.669v85.333h85.333c11.781 0.003 22.446 4.78 30.165 12.501l42.667 42.667c7.72 7.72 12.495 18.385 12.495 30.165 0 23.561-19.1 42.66-42.66 42.66-11.78 0-22.445-4.775-30.165-12.495l-30.165-30.165h-67.669l-0.085 21.077c0 22.187-3.115 43.605-8.448 64.171h93.781c11.781 0.003 22.446 4.78 30.165 12.501l42.667 42.667c7.72 7.72 12.495 18.385 12.495 30.165 0 23.561-19.1 42.66-42.66 42.66-11.78 0-22.445-4.775-30.165-12.495v0l-30.165-30.165h-110.336c-1.835 0-3.371-0.853-5.12-1.024-46.884 65.375-122.628 107.475-208.206 107.52l-0.007 0c-85.57-0.060-161.295-42.156-207.648-106.754l-0.523-0.766c-1.792 0.256-3.371 1.067-5.205 1.067h-110.293l-30.165 30.165c-7.706 7.749-18.376 12.545-30.165 12.545s-22.459-4.796-30.163-12.544l-0.002-0.002c-7.729-7.716-12.51-18.382-12.51-30.165s4.781-22.449 12.509-30.165l0.001-0.001 42.667-42.667c7.698-7.698 18.332-12.459 30.079-12.459 0.030 0 0.061 0 0.091 0l-0.005-0h93.781c-5.285-19.229-8.363-41.322-8.448-64.121l-0-0.050v-21.163h-67.669l-30.165 30.165c-7.706 7.749-18.376 12.545-30.165 12.545s-22.459-4.796-30.163-12.544l-0.002-0.002c-7.729-7.716-12.51-18.382-12.51-30.165s4.781-22.449 12.509-30.165l0.001-0.001 42.667-42.667c7.702-7.723 18.354-12.501 30.121-12.501 0.015 0 0.031 0 0.046 0l85.331-0v-85.333h-67.669l-30.165 30.165c-7.706 7.749-18.376 12.545-30.165 12.545s-22.459-4.796-30.163-12.544l-0.002-0.002c-7.729-7.716-12.51-18.382-12.51-30.165s4.781-22.449 12.509-30.165l0.001-0.001 42.667-42.667c7.702-7.723 18.354-12.501 30.121-12.501 0.015 0 0.031 0 0.046 0l89.214-0c9.497-54.923 35.355-102.633 72.296-139.155l0.024-0.024c-34.994-34.32-60.104-78.6-70.74-128.249l-0.3-1.671c-4.693-23.083 10.24-45.653 33.323-50.347 2.537-0.535 5.453-0.841 8.44-0.841 20.564 0 37.74 14.504 41.856 33.84l0.050 0.28c8.366 39.463 29.481 73.023 58.75 96.999l0.3 0.239c31.665-15.317 68.861-24.283 108.147-24.32l0.013-0c38.699 0 75.264 8.875 108.16 24.32 29.562-24.212 50.685-57.75 58.893-96.079l0.2-1.116c4.693-23.083 27.179-37.717 50.347-33.323zM682.752 490.923h-341.333v191.829c0 94.123 76.544 170.667 170.667 170.667s170.667-76.544 170.667-170.667zM554.752 682.667c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-85.333c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM597.419 554.667c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-170.667c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM512.085 277.717c-79.232 0-145.451 54.528-164.565 127.872h329.131c-19.115-73.387-85.333-127.872-164.565-127.872z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bug_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 74,
+				"id": 20,
+				"name": "db_ic_bug_24",
+				"prevSize": 32,
+				"code": 922182
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 27
+		},
+		{
+			"icon": {
+				"paths": [
+					"M618.667 85.333c-0.019-0-0.041-0-0.063-0-176.731 0-320 143.269-320 320 0 33.778 5.234 66.334 14.934 96.901l-0.621-2.267-242.773 242.517c-7.745 7.725-12.536 18.407-12.536 30.209 0 11.907 4.878 22.675 12.744 30.415l0.006 0.006 151.168 149.504c7.906 7.693 18.717 12.438 30.635 12.438s22.728-4.744 30.645-12.447l-0.010 0.010 241.195-241.579c28.313 9.088 60.883 14.327 94.677 14.327 176.731 0 320-143.269 320-320 0-0.012-0-0.024-0-0.035l0 0.002c0-42.027-9.344-91.477-26.027-125.867-7.265-13.54-21.323-22.592-37.495-22.592-11.783 0-22.443 4.805-30.128 12.562l-0.003 0.003-139.776 139.435-90.283-90.197 139.563-139.691c7.71-7.719 12.478-18.378 12.478-30.151 0-17.691-10.767-32.868-26.106-39.334l-0.28-0.105c-35.935-15.219-77.723-24.064-121.577-24.064-0.128 0-0.257 0-0.385 0l0.020-0zM618.667 170.667c7.509 0 14.933 0.384 22.4 1.109l-116.608 116.779c-7.706 7.719-12.471 18.375-12.471 30.144 0 11.79 4.782 22.464 12.513 30.186l0 0 150.187 150.485c17.92 18.176 45.355 15.36 60.715 0l116.779-116.565c0.695 6.778 1.092 14.646 1.092 22.607 0 129.603-105.064 234.667-234.667 234.667-33.489 0-65.339-7.015-94.162-19.656l1.508 0.59c-17.621-4.949-32.427-0.213-43.221 10.667l-230.4 230.613-91.435-89.899 231.467-231.125c7.745-7.725 12.536-18.408 12.536-30.21 0-5.879-1.189-11.481-3.34-16.577l0.105 0.28c-11.2-26.432-17.709-57.171-17.709-89.429 0-129.603 105.064-234.667 234.667-234.667 0.016 0 0.031 0 0.047 0l-0.002-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_build_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 75,
+				"id": 21,
+				"name": "db_ic_build_24",
+				"prevSize": 32,
+				"code": 128736
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 28
+		},
+		{
+			"icon": {
+				"paths": [
+					"M640.512 170.667c27.093 0 42.155 20.992 42.155 42.155v43.179h64.256c0.178-0.001 0.388-0.002 0.599-0.002 58.439 0 105.813 47.374 105.813 105.813 0 0.211-0.001 0.421-0.002 0.631l0-0.032v384.512c0.001 0.178 0.002 0.388 0.002 0.599 0 58.439-47.374 105.813-105.813 105.813-0.211 0-0.421-0.001-0.631-0.002l0.032 0h-469.845c-0.178 0.001-0.388 0.002-0.599 0.002-58.439 0-105.813-47.374-105.813-105.813 0-0.211 0.001-0.421 0.002-0.631l-0 0.032v-384.512c0.024-58.759 47.652-106.386 106.408-106.411l64.258-0v-43.179c0-21.077 15.872-42.155 42.496-42.155 0.267-0.006 0.581-0.010 0.897-0.010 23.164 0 41.941 18.778 41.941 41.941 0 0.078-0 0.157-0.001 0.235l0-0.012v43.179h170.667v-43.179c0-21.077 13.056-42.155 43.179-42.155zM768 513.024h-512v233.899c0 12.032 9.045 21.077 21.077 21.077h469.845c0.141 0.003 0.308 0.005 0.475 0.005 11.381 0 20.608-9.227 20.608-20.608 0-0.167-0.002-0.333-0.006-0.499l0 0.025v-233.899zM746.923 341.333h-469.845c-0.141-0.003-0.308-0.005-0.475-0.005-11.381 0-20.608 9.227-20.608 20.608 0 0.167 0.002 0.333 0.006 0.499l-0-0.025v64.256h512v-64.256c0.003-0.141 0.005-0.308 0.005-0.475 0-11.381-9.227-20.608-20.608-20.608-0.167 0-0.333 0.002-0.499 0.006l0.025-0zM298.155 640.171c-0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0c0 0.051 0 0.111 0 0.171 0 23.376-18.95 42.325-42.325 42.325-0.060 0-0.12-0-0.18-0l0.009 0c-0.051 0-0.111 0-0.171 0-23.504 0-42.57-19.006-42.666-42.487l-0-0.009zM468.821 640.171c0-23.765 20.053-42.837 43.52-42.837 23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0c-23.595 0-43.52-18.859-43.52-42.496zM640.512 640.171c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0c-0.097 23.491-19.162 42.496-42.666 42.496-0.060 0-0.12-0-0.18-0l0.009 0c-0.051 0-0.111 0-0.171 0-23.376 0-42.325-18.95-42.325-42.325 0-0.060 0-0.12 0-0.18l-0 0.009z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["calendar"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 109,
+				"id": 22,
+				"name": "calendar",
+				"prevSize": 32,
+				"code": 922183
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 29
+		},
+		{
+			"icon": {
+				"paths": [
+					"M409.6 213.333c-27.264 0-60.075 14.421-78.421 34.347l-53.675 58.069h-85.504c-58.91 0-106.667 47.756-106.667 106.667v0 334.251c0 58.91 47.756 106.667 106.667 106.667v0h640c58.91 0 106.667-47.756 106.667-106.667v0-341.248c0-55.083-50.133-99.627-106.667-99.627l-84.181-0.043-55.68-59.008c-19.488-20.591-47.010-33.407-77.525-33.408l-0-0zM614.613 298.667c6.099 0.010 11.597 2.578 15.478 6.688l0.010 0.010 68.395 72.363c7.792 8.251 18.805 13.39 31.017 13.397l102.487 0c11.782 0 21.333 9.551 21.333 21.333v0 334.208c0 11.782-9.551 21.333-21.333 21.333v0h-640c-11.782 0-21.333-9.551-21.333-21.333v0-334.208c0-11.782 9.551-21.333 21.333-21.333v0h104.235c12.387-0.001 23.54-5.28 31.334-13.71l0.026-0.029 66.304-71.893c3.908-4.205 9.469-6.827 15.642-6.827 0.006 0 0.012 0 0.018 0l-0.001-0zM512 405.333c-82.475 0-149.333 66.859-149.333 149.333s66.859 149.333 149.333 149.333v0c82.475 0 149.333-66.859 149.333-149.333s-66.859-149.333-149.333-149.333v0zM512 490.667c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_camera_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 76,
+				"id": 23,
+				"name": "db_ic_camera_24",
+				"prevSize": 32,
+				"code": 922149
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 30
+		},
+		{
+			"icon": {
+				"paths": [
+					"M641.493 540.459c0.003-0 0.007-0 0.012-0 68.642 0 131.875 23.156 182.315 62.083l-0.694-0.515 57.6 47.957c9.274 7.877 15.12 19.547 15.12 32.583 0 23.564-19.103 42.667-42.667 42.667-8.511 0-16.44-2.492-23.096-6.786l0.168 0.102-51.712-42.923c-35.413-29.696-88.192-49.237-125.525-49.536-24.917-0.213-56.192-0.299-93.867-0.299-16.636 0.016-30.572 11.557-34.256 27.067l-0.048 0.239c-0.172 0.69-0.27 1.482-0.27 2.297 0 4.685 3.255 8.61 7.627 9.637l0.067 0.013 110.507 7.040c21.918 1.964 38.968 20.244 38.968 42.506 0 23.239-18.579 42.138-41.693 42.656l-0.048 0.001-108.843-6.357c-24.277-2.219-44.16-9.941-75.861-21.888 49.25 14.467 6.861-1.39-35.629-17.037l-92.371-29.768c-5.448-2.046-11.743-3.23-18.316-3.23-16.768 0-31.735 7.707-41.554 19.772l-0.077 0.098c-3.712 4.565-3.328 13.099 3.84 16.384l148.139 68.139c32.322 15.235 70 24.966 109.72 26.938l0.701 0.028 323.584 0.341c23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-17.152 42.667-42.667 42.667h-309.291c-0.005 0-0.011 0-0.017 0-52.345 0-102.245-10.474-147.716-29.44l2.538 0.939c-113.749-51.029-174.976-80.171-183.68-87.339-40.491-33.579-47.531-93.824-14.165-134.997 25.673-31.526 64.487-51.5 107.966-51.5 14.063 0 27.638 2.090 40.431 5.975l-0.984-0.257 93.525 33.707c13.141-55.040 64.299-92.16 109.653-92.416 25.402-0.136 55.452-0.214 85.52-0.214 1.542 0 3.084 0 4.627 0.001l-0.248-0zM349.696 436.907c17.365 0 64-10.624 68.053-11.477 13.227-2.731 29.355 5.973 34.901 20.267 10.667 27.648-13.653 41.984-20.949 46.080-7.253 4.053-27.435 11.051-44.16 14.677-15.172 3.499-32.601 5.518-50.498 5.547l-0.020 0c-36.608 0-66.517-5.205-89.813-15.573-22.926-10.114-41.507-26.565-53.976-47.134l-0.296-0.525c-12.885-21.333-21.845-49.152-26.837-83.413h-38.101v-48.512h36.395v-38.101h-36.395v-48.512h38.101c6.528-34.987 16.555-63.019 30.037-83.968 13.278-20.641 32.223-36.618 54.638-45.919l0.786-0.289c23.467-9.813 53.675-14.72 90.624-14.72 30.208 0 57.472 3.968 81.792 11.861 16.213 5.547 32.469 22.4 26.88 44.075-7.765 25.899-33.28 29.525-50.944 24.875-15.383-4.296-33.062-6.813-51.314-6.912l-0.057-0c-26.155 0-45.013 5.504-56.576 16.469-11.52 10.965-19.627 29.141-24.235 54.528h106.795v48.512h-107.947v38.101h107.947v48.512h-106.795c3.413 26.923 11.136 45.611 23.083 56.021 11.947 10.368 31.573 15.573 58.88 15.573z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_cash_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 77,
+				"id": 24,
+				"name": "db_ic_cash_24",
+				"prevSize": 32,
+				"code": 922184
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 31
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c0.127-0 0.277-0 0.427-0 235.406 0 426.24 190.834 426.24 426.24 0 0.15-0 0.3-0 0.45l0-0.023c0 0.127 0 0.277 0 0.427 0 235.406-190.834 426.24-426.24 426.24-0.15 0-0.3-0-0.45-0l0.023 0c-0.127 0-0.277 0-0.427 0-235.406 0-426.24-190.834-426.24-426.24 0-0.15 0-0.3 0-0.45l-0 0.023c-0-0.127-0-0.277-0-0.427 0-235.406 190.834-426.24 426.24-426.24 0.15 0 0.3 0 0.45 0l-0.023-0zM512 170.667c-189.355 0-341.333 152.021-341.333 341.333 0 189.355 152.021 341.333 341.333 341.333 189.355 0 341.333-152.021 341.333-341.333 0-189.355-152.021-341.333-341.333-341.333zM704 357.333c24.021 0 43.989 20.011 43.989 41.344 0 10.667-2.645 21.333-13.312 32l-272 270.677c-7.771 8.073-18.616 13.14-30.646 13.312l-0.032 0c-10.667 0-20.011-4.011-29.355-13.355l-115.925-115.925c-7.479-7.943-12.075-18.674-12.075-30.478 0-0.085 0-0.17 0.001-0.255l-0 0.013c0-24.021 20.053-42.667 42.667-42.667 12.032 0 20.053 4.011 29.355 13.355l86.656 85.333 241.323-241.365c7.476-7.411 17.769-11.99 29.132-11.99 0.078 0 0.156 0 0.234 0.001l-0.012-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["check-circle"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 110,
+				"id": 25,
+				"name": "check-circle",
+				"prevSize": 32,
+				"code": 922144
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 32
+		},
+		{
+			"icon": {
+				"paths": [
+					"M451.157 259.115l-7.381 5.419-9.813-2.645c-14.966-3.741-32.148-5.888-49.831-5.888-0.046 0-0.093 0-0.139 0l0.007-0-9.259 0.213c-107.373 4.795-193.814 88.271-203.248 193.913l-0.059 0.818-0.512 7.893-6.528 4.523c-48.171 35.315-79.096 91.694-79.096 155.296 0 102.344 80.075 185.985 180.991 191.69l0.505 0.023 468.096 0.085c113.588-5.364 203.664-98.704 203.776-213.109l0-0.011-0.256-10.069c-3.109-64.824-34.746-121.677-82.539-158.654l-0.49-0.364-6.144-4.523-1.451-7.68c-25.52-116.648-127.936-202.688-250.451-202.709l-0.003-0c-48.64 2.304-107.093 18.56-146.176 45.781zM597.333 298.667c0.004-0 0.008-0 0.012-0 88.517 0 161.295 67.388 169.83 153.661l0.057 0.707c1.382 14.205 9.545 26.243 21.17 32.957l0.206 0.11c38.934 22.446 64.721 63.844 64.721 111.264 0 68.44-53.713 124.334-121.284 127.827l-0.312 0.013-7.467 0.128-453.973-0.213c-55.253-2.987-99.627-49.707-99.627-106.453-0-0.011-0-0.023-0-0.036 0-42.489 24.843-79.176 60.796-96.327l0.644-0.277c14.588-6.99 24.483-21.638 24.483-38.598 0-1.312-0.059-2.611-0.175-3.893l0.012 0.165c-0.269-3.11-0.422-6.73-0.422-10.385 0-70.692 57.308-128 128-128 18.518 0 36.118 3.932 52.010 11.008l-0.814-0.324c5.028 2.253 10.898 3.565 17.074 3.565 11.234 0 21.455-4.342 29.074-11.439l-0.026 0.024c30.23-28.183 70.928-45.483 115.666-45.483 0.121 0 0.243 0 0.364 0l-0.019-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_cloud_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 216,
+				"id": 26,
+				"name": "db_ic_cloud_24",
+				"prevSize": 32,
+				"code": 9729
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 33
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 938.667l3.2-0.128 5.376-0.725 4.736-1.28 4.736-1.877 4.181-2.219 3.925-2.731 1.963-1.621 2.048-1.92 106.667-106.667c7.691-7.716 12.446-18.362 12.446-30.119 0-23.564-19.103-42.667-42.667-42.667-9.874 0-18.964 3.354-26.194 8.985l0.095-0.072-4.011 3.541-33.835 33.792v-280.96c-0.027-23.544-19.119-42.619-42.667-42.619-21.788 0-39.762 16.332-42.347 37.421l-0.021 0.206-0.299 4.992v281.003l-33.835-33.835c-7.721-7.72-18.387-12.495-30.168-12.495-9.897 0-19.008 3.37-26.246 9.025l0.094-0.071-4.011 3.541c-7.72 7.721-12.495 18.387-12.495 30.168 0 9.897 3.37 19.008 9.025 26.246l-0.071-0.094 3.541 4.011 106.667 106.667c1.451 1.475 3.012 2.833 4.672 4.063l0.107 0.076 4.693 3.029 4.864 2.304 4.48 1.493 5.035 1.067 2.475 0.299zM597.333 128c118.959 0.019 218.968 81.134 247.753 191.071l0.397 1.783 2.304 9.899 1.451 7.637 6.144 4.523c45.398 35.115 76.041 87.411 82.143 146.976l0.075 0.906 0.853 11.136 0.213 10.069c-0.085 111.088-84.998 202.317-193.459 212.416l-0.845 0.064-9.472 0.64h-9.685c-21.751-0.028-39.679-16.359-42.22-37.428l-0.020-0.204-0.299-5.888c0-21.333 16.043-38.912 36.736-41.301l4.864-0.299 7.509-0.171c67.834-3.562 121.487-59.433 121.487-127.834 0-47.394-25.758-88.772-64.038-110.898l-0.617-0.329c-11.831-6.823-19.994-18.862-21.362-32.892l-0.014-0.175c-8.6-86.972-81.374-154.351-169.885-154.351-44.836 0-85.633 17.289-116.089 45.564l0.108-0.099c-7.592 7.064-17.805 11.4-29.031 11.4-6.199 0-12.090-1.322-17.405-3.7l0.271 0.108c-15.077-6.752-32.677-10.684-51.195-10.684-70.692 0-128 57.308-128 128 0 3.655 0.153 7.275 0.454 10.853l-0.032-0.467c0.106 1.129 0.167 2.442 0.167 3.768 0 16.961-9.897 31.611-24.23 38.489l-0.256 0.111c-36.597 17.428-61.44 54.115-61.44 96.604 0 0.013 0 0.025 0 0.038l-0-0.002c0 54.357 40.789 99.541 92.8 105.856l6.827 0.597 7.040 0.213h21.461c23.482 0 42.517 19.036 42.517 42.517s-19.036 42.517-42.517 42.517h-31.957c-98.228-5.538-176.412-84.137-181.273-182.035l-0.018-0.451-0.213-9.216c0-59.179 27.008-113.493 71.125-149.205l7.936-6.101 6.528-4.523 0.512-7.893c9.191-103.135 90.546-184.665 192.784-194.071l0.837-0.062 9.685-0.597 9.259-0.213c12.757 0 25.344 1.109 37.675 3.328l12.245 2.56 9.856 2.645 7.381-5.419c39.083-27.221 97.536-43.52 146.176-45.781z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_cloud_download_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 217,
+				"id": 27,
+				"name": "db_ic_cloud_download_24",
+				"prevSize": 32,
+				"code": 8681
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 34
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 469.333l3.2 0.128 5.376 0.725 4.736 1.28 4.736 1.877 4.181 2.219 3.925 2.731 1.963 1.621 2.048 1.92 106.667 106.667c7.691 7.716 12.446 18.362 12.446 30.119 0 23.564-19.103 42.667-42.667 42.667-9.874 0-18.964-3.354-26.194-8.985l0.095 0.072-4.011-3.541-33.835-33.792v195.627c-0.027 23.544-19.119 42.619-42.667 42.619-21.788 0-39.762-16.332-42.347-37.421l-0.021-0.206-0.299-4.992v-195.669l-33.835 33.835c-7.721 7.72-18.387 12.495-30.168 12.495-9.897 0-19.008-3.37-26.246-9.025l0.094 0.071-4.011-3.541c-7.72-7.721-12.495-18.387-12.495-30.168 0-9.897 3.37-19.008 9.025-26.246l-0.071 0.094 3.541-4.011 106.667-106.667c1.451-1.475 3.012-2.833 4.672-4.063l0.107-0.076 4.693-3.029 4.864-2.304 4.48-1.493 5.035-1.067 2.475-0.299zM597.333 170.667c118.959 0.019 218.968 81.134 247.753 191.071l0.397 1.783 2.304 9.899 1.451 7.637 6.144 4.523c45.398 35.115 76.041 87.411 82.143 146.976l0.075 0.906 0.853 11.136 0.213 10.069c-0.085 111.088-84.998 202.317-193.459 212.416l-0.845 0.064-9.472 0.64h-9.685c-21.751-0.028-39.679-16.359-42.22-37.428l-0.020-0.204-0.299-5.888c0-21.333 16.043-38.912 36.736-41.301l4.864-0.299 7.509-0.171c67.834-3.562 121.487-59.433 121.487-127.834 0-47.394-25.758-88.772-64.038-110.898l-0.617-0.329c-11.831-6.823-19.994-18.862-21.362-32.892l-0.014-0.175c-8.6-86.972-81.374-154.351-169.885-154.351-44.836 0-85.633 17.289-116.089 45.564l0.108-0.099c-7.592 7.064-17.805 11.4-29.031 11.4-6.199 0-12.090-1.322-17.405-3.7l0.271 0.108c-15.077-6.752-32.677-10.684-51.195-10.684-70.692 0-128 57.308-128 128 0 3.655 0.153 7.275 0.454 10.853l-0.032-0.467c0.106 1.129 0.167 2.442 0.167 3.768 0 16.961-9.897 31.611-24.23 38.489l-0.256 0.111c-36.597 17.428-61.44 54.115-61.44 96.604 0 0.013 0 0.025 0 0.038l-0-0.002c0 54.357 40.789 99.541 92.8 105.856l6.827 0.597 7.040 0.213h21.461c23.482-0 42.517 19.036 42.517 42.517s-19.036 42.517-42.517 42.517h-31.957c-98.228-5.538-176.412-84.137-181.273-182.035l-0.018-0.451-0.213-9.216c0-59.179 27.008-113.493 71.125-149.205l7.936-6.101 6.528-4.523 0.512-7.893c9.191-103.135 90.546-184.665 192.784-194.071l0.837-0.062 9.685-0.597 9.259-0.213c12.757 0 25.344 1.109 37.675 3.328l12.245 2.56 9.856 2.645 7.381-5.419c39.083-27.221 97.536-43.52 146.176-45.781z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_cloud_upload_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 218,
+				"id": 28,
+				"name": "db_ic_cloud_upload_24",
+				"prevSize": 32,
+				"code": 8679
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 35
+		},
+		{
+			"icon": {
+				"paths": [
+					"M832 213.333c57.344 0 106.667 43.947 106.667 100.011v390.656c0 57.344-43.947 106.667-100.011 106.667h-646.656c-57.344 0-106.667-43.947-106.667-100.011v-390.656c0-56.021 43.947-106.667 100.011-106.667h646.656zM853.333 469.333h-682.667v234.667c0 10.752 6.656 21.333 17.323 21.333h644.011c10.667 0 21.333-6.656 21.333-17.323v-238.677zM836.011 298.667h-644.011c-10.667 0-21.333 8.021-21.333 17.323v68.011h682.667v-64c0-10.667-6.571-21.333-17.323-21.333zM469.333 554.667c24.021 0 42.667 20.011 42.667 42.667s-17.28 42.667-38.656 42.667h-174.677c-24.021 0-42.667-18.688-42.667-42.667 0-21.333 17.28-42.667 38.656-42.667h174.677z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["credit-card"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 111,
+				"id": 30,
+				"name": "credit-card",
+				"prevSize": 32,
+				"code": 922150
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 37
+		},
+		{
+			"icon": {
+				"paths": [
+					"M914.901 413.995c15.059 41.802 23.765 90.039 23.765 140.309 0 0.127-0 0.255-0 0.382l0-0.019c0 0.178 0 0.389 0 0.601 0 109.299-41.243 208.966-109.014 284.287l0.342-0.386c-7.831 8.563-19.052 13.913-31.523 13.913-23.564 0-42.667-19.103-42.667-42.667 0-10.815 4.024-20.69 10.656-28.21l-0.040 0.046c53.927-59.903 86.913-139.588 86.913-226.978 0-0.213-0-0.426-0.001-0.639l0 0.033c0-38.827-6.485-76.715-18.987-112.555-1.666-4.384-2.63-9.454-2.63-14.749 0-23.564 19.103-42.667 42.667-42.667 18.783 0 34.732 12.138 40.43 28.998l0.088 0.301zM512 128c49.152 0 97.195 8.32 142.635 24.448 16.69 6.048 28.399 21.763 28.399 40.213 0 23.566-19.104 42.671-42.671 42.671-5.117 0-10.023-0.901-14.569-2.552l0.297 0.094c-33.969-12.438-73.19-19.632-114.091-19.632-188.513 0-341.333 152.82-341.333 341.333 0 0.032 0 0.064 0 0.096l-0-0.005c0 85.205 31.275 165.376 86.912 227.584 6.592 7.473 10.616 17.349 10.616 28.164 0 23.564-19.103 42.667-42.667 42.667-12.471 0-23.692-5.35-31.493-13.881l-0.029-0.033c-67.43-74.935-108.672-174.601-108.672-283.901 0-0.211 0-0.423 0-0.634l-0 0.033c0-235.648 191.019-426.667 426.667-426.667zM798.165 268.501c15.36 15.36 18.091 42.24 0 60.331-70.046 70.121-136.401 136.504-202.779 202.865l-0.869 0.869c1.825 6.591 2.873 14.16 2.873 21.973 0 47.144-38.173 85.372-85.297 85.461l-0.009 0c-47.098-0.041-85.262-38.23-85.262-85.333 0-47.128 38.205-85.333 85.333-85.333 7.788 0 15.332 1.043 22.5 2.998l-0.598-0.139 203.776-203.691c7.721-7.718 18.386-12.492 30.165-12.492s22.445 4.774 30.165 12.492l-0-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_dashboard_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 220,
+				"id": 31,
+				"name": "db_ic_dashboard_24",
+				"prevSize": 32,
+				"code": 921956
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 38
+		},
+		{
+			"icon": {
+				"paths": [
+					"M128 341.333c0-24.021 18.688-42.667 42.667-42.667h42.667c46.677 0 85.333 38.656 85.333 85.333v469.333h426.667v-469.333c0-46.677 38.656-85.333 85.333-85.333h42.667c24.021 0 42.667 18.688 42.667 42.667 0 24.021-18.688 42.667-42.667 42.667h-42.667v469.333c0 46.677-38.656 85.333-85.333 85.333h-426.667c-46.677 0-85.333-38.656-85.333-85.333v-469.333h-42.667c-24.021 0-42.667-18.688-42.667-42.667zM128 213.333c0-24.021 18.688-42.667 42.667-42.667h170.667v-42.667c0-24.021 18.688-42.667 42.667-42.667h256c23.401 0.4 42.266 19.265 42.666 42.629l0.001 0.038v42.667h170.667c24.021 0 42.667 18.688 42.667 42.667 0 24.021-18.688 42.667-42.667 42.667h-682.667c-24.021 0-42.667-18.688-42.667-42.667zM384 725.333v-298.667c0-22.656 20.011-42.667 42.667-42.667 24.021 0 42.667 20.011 42.667 42.667v298.667c0 22.656-18.688 42.667-42.667 42.667-24.021 0-42.667-20.011-42.667-42.667zM554.667 725.333v-298.667c0-22.656 20.011-42.667 42.667-42.667 24.021 0 42.667 20.011 42.667 42.667v298.667c0 22.656-18.688 42.667-42.667 42.667-24.021 0-42.667-20.011-42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["delete"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 112,
+				"id": 32,
+				"name": "delete",
+				"prevSize": 32,
+				"code": 128465
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 39
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 91.307c27.989 0 52.864 12.416 70.443 34.176l37.333 45.611c1.024 2.091 4.139 2.091 7.253 1.024l54.912-14.507c7.036-1.961 15.115-3.088 23.457-3.088 48.42 0 87.971 37.974 90.496 85.765l0.009 0.225 3.115 59.051c0 2.133 2.091 4.181 4.139 5.205l54.912 20.736c34.196 13.139 58.027 45.713 58.027 83.853 0 0.026-0 0.051-0 0.077l0-0.004c0 17.621-5.163 35.2-14.507 49.707l-32.085 49.749c-0.491 0.902-0.779 1.974-0.779 3.115s0.289 2.213 0.797 3.15l-0.017-0.035 32.085 49.749c9.344 14.507 14.507 32.085 14.507 49.707 0 34.219-19.669 69.419-58.027 83.925l-54.912 20.736c-3.115 1.024-4.139 2.091-4.139 5.205l-3.115 59.051c-2.228 47.969-41.66 86.016-89.978 86.016-0.062 0-0.124-0-0.186-0l0.010 0c-8.277 0-15.531-1.067-23.808-3.115l-54.912-14.507c-3.115-1.067-6.229-1.067-7.253 1.024l-37.333 45.611c-17.579 21.76-42.453 34.176-70.443 34.176-0.049 0-0.107 0-0.166 0-28.437 0-53.771-13.286-70.134-33.988l-0.143-0.188-36.267-45.611c-2.091-2.091-4.181-3.115-7.253-2.091l-55.979 15.573c-7.036 1.961-15.115 3.088-23.457 3.088-48.42 0-87.971-37.974-90.496-85.765l-0.009-0.225-3.115-59.051c0-2.133-1.024-4.181-4.139-5.205l-54.912-20.736c-34.196-13.139-58.027-45.713-58.027-83.853 0-0.026 0-0.051 0-0.077l-0 0.004c0-17.621 5.163-35.2 14.507-49.707l32.085-49.749c0.491-0.902 0.779-1.974 0.779-3.115s-0.289-2.213-0.797-3.15l0.017 0.035-32.085-49.749c-9.073-14.073-14.476-31.256-14.507-49.698l-0-0.008c0-34.219 19.669-69.419 58.027-83.925l54.912-20.736c2.048-1.024 4.139-3.115 4.139-5.205l3.115-59.051c2.228-47.969 41.66-86.016 89.978-86.016 0.062 0 0.124 0 0.186 0l-0.010-0c8.277 0 15.531 1.067 23.808 3.115l54.912 14.507c2.091 1.067 6.229 0 7.253-1.024l37.333-45.611c17.579-21.76 42.453-34.176 70.443-34.176zM507.861 179.371l-37.291 45.611c-17.621 21.76-43.52 33.152-70.485 33.152-7.253 0-15.531-1.024-23.808-3.115l-57.003-14.507c-3.115-1.024-6.229 1.024-6.229 4.139l-3.115 59.136c-2.048 36.267-24.875 66.304-58.027 79.787l-54.912 21.76c-3.115 1.024-4.139 5.163-2.048 8.277l31.061 48.683c9.344 15.573 14.507 32.128 14.507 49.749s-5.163 34.176-14.507 49.749l-31.061 47.659c-1.067 3.115-1.067 7.253 2.048 8.277l54.912 22.784c33.152 13.483 55.979 43.52 58.027 79.787l3.115 59.093c0 3.115 2.091 5.163 6.229 4.139l57.003-14.507c8.277-2.091 16.555-3.115 23.808-3.115 26.965 0 52.864 11.392 70.485 33.152l37.291 45.611c0.871 1.395 2.398 2.309 4.139 2.309s3.267-0.914 4.127-2.288l0.012-0.020 37.291-45.611c16.605-20.3 41.655-33.155 69.708-33.155 0.273 0 0.547 0.001 0.82 0.004l-0.042-0c7.253 0 15.531 1.024 23.808 3.115l57.003 14.507c3.115 1.024 6.229-2.091 6.229-4.139l3.115-59.093c2.048-36.267 24.875-66.304 58.027-79.787l54.912-21.76c4.139-1.024 5.163-5.163 3.115-7.253l-32.128-49.707c-8.95-14.128-14.329-31.293-14.506-49.702l-0-0.048c0-17.621 5.163-34.176 14.507-49.749l31.061-47.659c2.091-4.139 1.067-8.277-2.048-9.301l-54.912-21.76c-33.152-13.483-55.979-43.52-58.027-79.787l-3.115-59.093c0-3.115-3.115-5.163-6.229-4.139l-57.003 14.507c-7.12 1.892-15.311 3.023-23.752 3.114l-0.056 0c-0.231 0.002-0.504 0.003-0.778 0.003-28.052 0-53.102-12.855-69.581-32.995l-0.127-0.16-37.291-45.611c-0.871-1.395-2.398-2.309-4.139-2.309s-3.267 0.914-4.127 2.288l-0.012 0.020zM640.469 640.469c0.14 0.002 0.306 0.003 0.472 0.003 23.211 0 42.027-18.816 42.027-42.027 0-0.151-0.001-0.302-0.002-0.452l0 0.023c0.002-0.14 0.003-0.306 0.003-0.472 0-23.211-18.816-42.027-42.027-42.027-0.166 0-0.332 0.001-0.497 0.003l0.025-0c-0.128-0.001-0.278-0.002-0.429-0.002-23.211 0-42.027 18.816-42.027 42.027 0 0.166 0.001 0.331 0.003 0.497l-0-0.025c0 23.808 18.645 42.453 42.453 42.453zM425.984 640.469c-23.457-0.017-42.466-19.037-42.466-42.496 0-0.36 0.004-0.719 0.013-1.077l-0.001 0.053c0-10.325 4.139-21.76 12.416-30.037l170.965-170.965c8.277-8.277 19.712-12.416 30.037-12.416 0.257-0.006 0.559-0.009 0.862-0.009 23.564 0 42.667 19.103 42.667 42.667 0 0.303-0.003 0.605-0.009 0.907l0.001-0.045c0 10.325-4.139 21.76-12.416 30.037l-170.965 170.965c-7.892 7.682-18.683 12.419-30.581 12.419-0.184 0-0.367-0.001-0.551-0.003l0.028 0zM384.555 469.504c24.875 0 44.544-19.669 44.544-44.544 0-23.851-19.669-44.544-44.544-44.544s-44.544 20.651-44.544 44.544c0 24.875 19.669 44.544 44.544 44.544z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["discount"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 113,
+				"id": 33,
+				"name": "discount",
+				"prevSize": 32,
+				"code": 921702
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 40
+		},
+		{
+			"icon": {
+				"paths": [
+					"M597.333 85.333c11.989 0 22.656 4.011 30.677 13.355l170.667 170.667c7.405 7.143 12.004 17.152 12.004 28.236 0 0.378-0.005 0.755-0.016 1.131l0.001-0.055v597.333c0 24.021-18.688 42.667-42.667 42.667h-512c-24.021 0-42.667-18.688-42.667-42.667v-768c0-24.021 18.688-42.667 42.667-42.667zM512 170.667h-213.333v682.667h426.667v-469.333h-170.667c-24.021 0-42.667-20.011-42.667-42.667v-170.667zM597.333 187.989v110.677h110.677l-110.677-110.677zM597.333 682.667h-170.667c-24.021 0-42.667 18.688-42.667 42.667 0 24.021 18.688 42.667 42.667 42.667h170.667c24.021 0 42.667-18.688 42.667-42.667 0-24.021-18.688-42.667-42.667-42.667zM597.333 512h-170.667c-24.021 0-42.667 18.688-42.667 42.667 0 24.021 18.688 42.667 42.667 42.667h170.667c24.021 0 42.667-18.688 42.667-42.667 0-24.021-18.688-42.667-42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["document"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 114,
+				"id": 34,
+				"name": "document",
+				"prevSize": 32,
+				"code": 128441
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 41
+		},
+		{
+			"icon": {
+				"paths": [
+					"M355.243 755.456l-172.373-172.373c-7.729-7.238-12.546-17.505-12.546-28.897 0-0.131 0.001-0.262 0.002-0.393l-0 0.020c0-24.064 19.84-42.88 42.837-42.88 11.52 0 20.907 4.181 29.269 12.544l143.147 141.056 395.989-397.056c8.363-7.296 19.883-11.477 29.269-11.477 22.997 0 42.837 18.773 42.837 41.813 0 11.477-4.181 21.931-10.453 30.293l-427.349 427.349c-7.595 7.745-18.168 12.546-29.863 12.546-0.151 0-0.303-0.001-0.454-0.002l0.023 0c-0.128 0.001-0.279 0.002-0.43 0.002-11.695 0-22.268-4.801-29.856-12.539l-0.007-0.007z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["done"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 115,
+				"id": 35,
+				"name": "done",
+				"prevSize": 32,
+				"code": 10003
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 42
+		},
+		{
+			"icon": {
+				"paths": [
+					"M256 938.667h512c70.692 0 128-57.308 128-128v0-170.667c0-24.021-18.688-42.667-42.667-42.667-24.021 0-42.667 18.688-42.667 42.667v170.667c0 24.021-18.688 42.667-42.667 42.667h-512c-24.021 0-42.667-18.688-42.667-42.667v-170.667c0-24.021-18.688-42.667-42.667-42.667-24.021 0-42.667 18.688-42.667 42.667v170.667c0 70.692 57.308 128 128 128v0zM512 682.667c10.667 0 22.656-3.968 30.677-11.947l169.344-170.325c8.19-7.097 13.34-17.514 13.34-29.134 0-0.513-0.010-1.023-0.030-1.531l0.002 0.073c0-22.613-18.688-41.216-42.667-41.216-10.667 0-22.656 3.968-30.677 11.947l-97.323 97.109v-409.728c0-23.936-20.011-42.581-42.667-42.581-24.021 0-42.667 18.645-42.667 42.581v409.685l-97.323-97.109c-8.12-7.277-18.857-11.78-30.643-11.946l-0.034-0c-24.021 0-42.667 18.603-42.667 42.539 0 10.667 4.011 21.333 13.355 29.269l169.301 170.283c8.021 8.021 20.011 11.989 30.677 11.989z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_download_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 221,
+				"id": 36,
+				"name": "db_ic_download_24",
+				"prevSize": 32,
+				"code": 11123
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 43
+		},
+		{
+			"icon": {
+				"paths": [
+					"M745.301 85.333c0.314-0.004 0.685-0.006 1.057-0.006 24.803 0 47.184 10.375 63.038 27.022l0.034 0.036 98.176 97.195c19.029 20.053 31.061 45.099 31.061 72.107 0 24.064-9.003 49.109-31.061 71.168l-500.949 501.931c-12.032 12.032-27.051 23.040-41.088 25.088l-226.432 57.088c-2.987 1.024-5.973 1.024-10.027 1.024-0.143 0.002-0.311 0.003-0.48 0.003-11.696 0-22.218-5.022-29.529-13.028l-0.028-0.031c-9.045-9.003-16.043-22.016-13.013-34.048l0.981-5.035 54.101-218.411c4.011-17.024 12.032-32.043 23.040-44.075l506.965-506.965c18.974-19.040 45.164-30.877 74.119-31.061l0.035-0zM230.315 675.456l-2.987 2.987c-1.024 1.024-2.005 5.035-2.987 9.045l-37.12 148.267 146.304-35.072c3.797-0.476 7.194-1.893 10.041-4.008l-0.057 0.040 4.011-4.011-117.205-117.248zM615.040 293.717l-322.603 322.645 115.2 116.224 323.627-323.627-116.224-115.2zM742.272 172.501c-3.968 0-7.979 0.981-11.008 4.992l-56.107 56.107 117.248 117.248 56.107-57.131c2.458-2.337 3.987-5.631 3.987-9.283 0-0.247-0.007-0.492-0.021-0.735l0.002 0.034c-0.267-5.152-2.504-9.735-5.966-13.049l-0.007-0.007-93.184-93.184c-2.987-4.011-7.040-4.992-11.051-4.992z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["edit"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 117,
+				"id": 37,
+				"name": "edit",
+				"prevSize": 32,
+				"code": 9999
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 44
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 128c212.077 0 384 171.923 384 384v0c0 212.077-171.923 384-384 384v0c-212.077 0-384-171.923-384-384v0c0-212.077 171.923-384 384-384v0zM512 213.333c-164.693 0-298.667 133.973-298.667 298.667s133.973 298.667 298.667 298.667 298.667-133.973 298.667-298.667-133.973-298.667-298.667-298.667zM640 597.333c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-256c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM396.8 362.667c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0zM627.2 362.667c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_face_neutral_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 222,
+				"id": 38,
+				"name": "db_ic_face_neutral_24",
+				"prevSize": 32,
+				"code": 921960
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 45
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 128c212.077 0 384 171.923 384 384v0c0 212.077-171.923 384-384 384v0c-212.077 0-384-171.923-384-384v0c0-212.077 171.923-384 384-384v0zM512 213.333c-164.693 0-298.667 133.973-298.667 298.667s133.973 298.667 298.667 298.667 298.667-133.973 298.667-298.667-133.973-298.667-298.667-298.667zM511.957 554.667c98.56 0 164.565 49.195 167.339 51.285 10.314 7.871 16.901 20.171 16.901 34.009 0 21.656-16.134 39.543-37.037 42.299l-0.216 0.023-5.504 0.299-5.291-0.299c-7.69-0.977-14.559-3.888-20.287-8.226l0.106 0.077c-0.981-0.725-47.616-34.133-116.011-34.133-68.821 0-115.541 33.792-116.011 34.133-7.008 5.223-15.836 8.362-25.398 8.362-13.942 0-26.325-6.674-34.129-17.001l-0.078-0.108c-5.327-7.027-8.534-15.918-8.534-25.558 0-13.779 6.551-26.028 16.709-33.802l0.102-0.075c2.731-2.091 68.779-51.285 167.339-51.285zM396.8 362.667c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0zM627.2 362.667c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_face_sad_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 223,
+				"id": 39,
+				"name": "db_ic_face_sad_24",
+				"prevSize": 32,
+				"code": 921961
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 46
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 128c212.077 0 384 171.923 384 384v0c0 212.077-171.923 384-384 384v0c-212.077 0-384-171.923-384-384v0c0-212.077 171.923-384 384-384v0zM512 213.333c-164.693 0-298.667 133.973-298.667 298.667s133.973 298.667 298.667 298.667 298.667-133.973 298.667-298.667-133.973-298.667-298.667-298.667zM653.44 576.043l5.504 0.341c21.12 2.779 37.253 20.666 37.253 42.322 0 13.838-6.588 26.137-16.798 33.933l-0.103 0.076c-2.773 2.091-68.779 51.285-167.339 51.285s-164.608-49.195-167.339-51.285c-10.26-7.849-16.811-20.098-16.811-33.877 0-9.64 3.206-18.531 8.611-25.664l-0.077 0.106c7.882-10.435 20.265-17.109 34.207-17.109 9.562 0 18.39 3.139 25.511 8.443l-0.114-0.081c0.469 0.341 47.189 34.133 116.011 34.133 68.395 0 115.029-33.408 116.011-34.133 6.992-5.301 15.838-8.491 25.429-8.491 0.030 0 0.060 0 0.090 0l-0.005-0zM396.8 362.667c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0zM627.2 362.667c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_face_smiling_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 224,
+				"id": 40,
+				"name": "db_ic_face_smiling_24",
+				"prevSize": 32,
+				"code": 921968
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 47
+		},
+		{
+			"icon": {
+				"paths": [
+					"M342.656 553.344c73.344 0 144 51.968 164.011 129.323h388.011c23.979 0 42.667 20.011 42.667 42.667 0 23.979-18.688 42.667-42.667 42.667h-386.688c-18.645 74.667-85.333 126.677-165.333 126.677-78.677 0-146.645-50.688-165.333-126.677h-49.323c-22.656 0-42.667-18.688-42.667-42.667 0-22.656 20.011-42.667 42.667-42.667h49.323c20.011-74.667 88.021-129.323 165.333-129.323zM341.333 640c-48 0-85.333 40.021-85.333 85.333 0 48 38.656 85.333 85.333 85.333s85.333-37.333 85.333-85.333c0-46.677-38.656-85.333-85.333-85.333zM683.989 128c78.897 0.643 145.123 54.14 165.050 126.789l0.283 1.211h46.677c24.021 0 42.667 20.011 42.667 42.667 0 24.021-18.688 42.667-42.667 42.667h-46.677c-18.645 74.667-85.333 128-165.333 128-77.312 0-146.645-52.011-165.333-128h-390.656c-24.021 0-42.667-18.688-42.667-42.667 0-22.656 18.688-42.667 42.667-42.667h390.656c20.011-74.667 88.021-128 165.333-128zM682.667 213.333c-46.677 0-85.333 38.656-85.333 85.333s38.656 85.333 85.333 85.333c46.677 0 85.333-37.333 85.333-85.333 0-46.677-38.656-85.333-85.333-85.333z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["filter"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 118,
+				"id": 41,
+				"name": "filter",
+				"prevSize": 32,
+				"code": 921705
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 48
+		},
+		{
+			"icon": {
+				"paths": [
+					"M740.224 325.632c94.826 66.154 160.452 168.532 176.859 286.654l0.25 2.2c0.774 5.345 1.215 11.518 1.215 17.793 0 30.13-10.183 57.882-27.295 80.002l0.224-0.301c-20.758 27.168-51.462 45.826-86.584 50.529l-0.669 0.073c-5.185 0.721-11.175 1.133-17.261 1.133-66.596 0-121.674-49.313-130.711-113.416l-0.081-0.699c-10.508-76.323-75.302-134.478-153.68-134.478-71.071 0-130.973 47.817-149.29 113.034l-0.262 1.092c-16.299 59.733 6.827 154.752 95.189 232.533 8.045 7.968 13.026 19.016 13.026 31.229 0 24.271-19.676 43.947-43.947 43.947-10.213 0-19.612-3.484-27.074-9.328l0.096 0.073c-124.843-109.781-143.701-241.835-121.899-321.579 17.465-63.343 58.416-115.068 112.665-146.281l1.17-0.621c34.59-20.096 76.119-31.956 120.418-31.956 122.767 0 224.258 91.093 240.569 209.376l0.143 1.268c3.157 23.637 26.667 40.789 48.981 37.675 21.781-2.741 38.46-21.149 38.46-43.452 0-2.085-0.146-4.137-0.428-6.145l0.027 0.231c-13.126-95.083-64.974-175.993-138.829-227.556l-1.075-0.711c-10.626-8.107-17.413-20.777-17.413-35.032 0-24.271 19.676-43.947 43.947-43.947 8.617 0 16.655 2.48 23.439 6.766l-0.181-0.107zM545.664 646.571c17.55 82.841 75.188 149.155 151.205 178.547l1.669 0.568c17.45 6.072 29.749 22.379 29.749 41.56 0 24.248-19.656 43.904-43.904 43.904-5.972 0-11.665-1.192-16.855-3.352l0.291 0.107c-105.782-40.783-184.277-131.057-207.825-241.661l-0.389-2.179c-0.354-2.096-0.556-4.51-0.556-6.971 0-24.271 19.676-43.947 43.947-43.947 20.535 0 37.781 14.085 42.603 33.121l0.065 0.304zM555.093 255.061c24.021 3.029 41.045 25.045 37.973 49.067-3.115 24.021-24.96 41.387-49.152 37.973-12.412-1.649-26.762-2.59-41.333-2.59-60.352 0-116.932 16.147-165.656 44.358l1.591-0.85c-75.409 43.392-131.14 113.803-154.419 197.712l-0.547 2.31c-4.914 17.172-8.671 37.429-10.531 58.232l-0.093 1.288c-2.046 22.554-20.864 40.089-43.777 40.089-1.291 0-2.569-0.056-3.832-0.165l0.164 0.011c-22.57-1.978-40.142-20.789-40.142-43.703 0-1.332 0.059-2.651 0.176-3.953l-0.012 0.168c2.429-27.851 7.154-53.411 14.065-78.057l-0.71 2.964c30.168-109.113 100.703-198.219 194.125-252.071l2.014-1.071c59.536-34.626 131.026-55.063 207.289-55.063 18.617 0 36.949 1.218 54.921 3.578l-2.114-0.227zM239.659 243.797c-0.035 0-0.077 0-0.119 0-24.248 0-43.904-19.656-43.904-43.904 0-16.343 8.929-30.6 22.175-38.159l0.216-0.113c84.123-47.985 184.855-76.275 292.194-76.275 55.39 0 109.020 7.533 159.922 21.631l-4.201-0.993c47.403 12.971 93.013 31.701 135.467 55.595 12.94 7.795 21.461 21.769 21.461 37.735 0 24.248-19.656 43.904-43.904 43.904-7.542 0-14.64-1.902-20.841-5.252l0.233 0.115c-33.165-19.057-71.53-35.221-111.93-46.509l-3.569-0.851c-39.818-11.177-85.545-17.601-132.772-17.601-91.456 0-177.284 24.093-251.485 66.279l2.518-1.318c-6.171 3.561-13.565 5.677-21.45 5.717l-0.012 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_fingerprint_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 225,
+				"id": 42,
+				"name": "db_ic_fingerprint_24",
+				"prevSize": 32,
+				"code": 921969
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 49
+		},
+		{
+			"icon": {
+				"paths": [
+					"M405.333 170.667h-170.667c-58.91 0-106.667 47.756-106.667 106.667v0 469.333c0 58.91 47.756 106.667 106.667 106.667v0h554.667c58.91 0 106.667-47.756 106.667-106.667v0-384c0-61.227-50.133-106.667-106.667-106.667h-280.96l-72.875-72.832c-7.719-7.722-18.384-12.499-30.165-12.501l-0.001-0zM234.667 256h152.96l72.875 72.832c7.719 7.722 18.384 12.499 30.165 12.501l298.667 0c11.782 0 21.333 9.551 21.333 21.333v0 384c0 11.782-9.551 21.333-21.333 21.333v0h-554.667c-11.782 0-21.333-9.551-21.333-21.333v0-469.333c0-11.782 9.551-21.333 21.333-21.333v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_folder_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 226,
+				"id": 43,
+				"name": "db_ic_folder_24",
+				"prevSize": 32,
+				"code": 922151
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 50
+		},
+		{
+			"icon": {
+				"paths": [
+					"M448 170.667c9.429 0 20.352 3.413 28.971 11.093l74.069 74.24h217.088c56.576 0 106.667 45.227 106.667 106.667v55.509c33.28 18.048 61.184 57.941 55.040 106.283l-27.733 236.928c-6.101 50.987-51.2 91.947-105.685 91.947h-568.832c-61.611 0-99.584-47.36-105.557-91.947l-27.989-236.928c-0.464-3.736-0.729-8.061-0.729-12.447 0-40.357 22.413-75.48 55.47-93.6l0.555-0.279v-140.8c0-56.533 45.44-106.667 106.667-106.667zM199.595 490.667c-12.203 0-21.077 11.221-21.077 21.333l27.861 237.141c1.445 10.593 10.355 18.692 21.188 18.858l0.017 0h568.832c12.928 0 18.432-9.856 21.035-18.859l27.904-237.141c-0.064-11.143-8.577-20.278-19.454-21.327l-0.088-0.007zM430.293 256h-174.293c-11.782 0-21.333 9.551-21.333 21.333v0 128h554.795v-42.667c0-10.453-8.021-21.333-21.333-21.333h-234.795c-9.429 0-21.205-3.413-31.189-13.099z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_folder_open_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 227,
+				"id": 44,
+				"name": "db_ic_folder_open_24",
+				"prevSize": 32,
+				"code": 922152
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 51
+		},
+		{
+			"icon": {
+				"paths": [
+					"M832 213.333c57.344 0 106.667 43.947 106.667 100.011v390.656c0 57.344-43.947 106.667-100.011 106.667h-646.656c-57.344 0-106.667-43.947-106.667-100.011v-390.656c0-56.021 43.947-106.667 100.011-106.667h646.656zM853.333 469.333h-682.667v234.667c0 10.752 6.656 21.333 17.323 21.333h644.011c10.667 0 21.333-6.656 21.333-17.323v-238.677zM836.011 298.667h-644.011c-10.667 0-21.333 8.021-21.333 17.323v68.011h682.667v-64c0-10.667-6.571-21.333-17.323-21.333z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["generic-card"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 119,
+				"id": 45,
+				"name": "generic-card",
+				"prevSize": 32,
+				"code": 921712
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 52
+		},
+		{
+			"icon": {
+				"paths": [
+					"M630.656 85.333c82.688 0 150.656 67.883 150.656 149.077 0 23.979-6.656 43.947-16 65.237h66.688c58.667 0 106.667 47.915 106.667 105.173v384.683c-0.218 58.788-47.865 106.375-106.655 106.496l-0.012 0h-640c-58.802-0.121-106.449-47.708-106.667-106.475l-0-0.021v-384.683c0-57.259 48-105.173 106.667-105.173h65.323c-9.301-21.333-14.635-41.259-14.635-65.237 0.411-82.257 67.055-148.812 149.308-149.077l0.026-0c0.133-0 0.29-0.001 0.448-0.001 48.623 0 91.643 23.993 117.866 60.785l0.299 0.442c28.075-37.248 72.064-61.227 120.064-61.227zM469.333 553.899h-298.667v235.605c0 10.667 9.344 21.333 21.333 21.333h277.333v-256.939zM853.333 553.899h-298.667v256.896h277.333c11.989 0 21.333-10.667 21.333-21.291v-235.605zM469.333 383.531h-277.333c-11.989 0-21.333 9.301-21.333 21.291v63.872h298.667v-85.12zM832 383.531h-277.333v85.163h298.667v-63.872c0-11.989-9.344-21.333-21.333-21.333zM391.979 170.539c-0-0-0-0-0-0-35.301 0-63.927 28.581-64 63.865l-0 0.007c0 35.968 28.032 65.237 64 65.237 34.688 0 64-29.269 64-65.237-0.545-35.099-28.89-63.399-63.955-63.872l-0.045-0zM630.656 170.539c-34.645 0-64 29.269-64 63.872 0 35.968 29.355 65.237 64 65.237 36.011 0 65.323-29.269 65.323-65.237 0-34.56-29.312-63.872-65.28-63.872z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["giftcard"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 120,
+				"id": 46,
+				"name": "giftcard",
+				"prevSize": 32,
+				"code": 922192
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 53
+		},
+		{
+			"icon": {
+				"paths": [
+					"M706.688 149.333c129.28 0 231.979 105.344 231.979 233.344 0 58.667-19.925 118.741-66.688 164.011l-330.667 320c-7.139 7.381-17.133 11.963-28.196 11.963-0.392 0-0.783-0.006-1.173-0.017l0.057 0.001c-0.079 0.001-0.172 0.001-0.265 0.001-11.342 0-21.618-4.562-29.093-11.951l0.004 0.004-329.301-320c-45.312-44.075-68.011-104.064-68.011-164.011 0-128 104.021-233.344 232.021-233.344 61.312 0 120.619 24.661 163.968 68.011l30.677 30.635 30.677-30.635c42.080-41.817 99.992-67.746 163.96-68.011l0.051-0zM706.688 234.667c-37.333 0-76.032 16-104.021 43.989l-59.989 60.032c-7.911 7.856-18.669 12.854-30.592 13.309l-0.085 0.003c-10.667 0-21.333-5.333-29.355-13.355l-61.269-61.312c-26.811-26.25-63.503-42.5-103.989-42.667l-0.032-0c-81.323 0-146.688 66.688-146.688 148.011 0 37.333 13.611 74.368 42.667 102.656l298.667 290.688 298.667-290.688c27.122-26.393 43.958-63.238 43.989-104.016l0-0.006c0-79.957-66.645-146.645-147.968-146.645z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["heart"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 121,
+				"id": 47,
+				"name": "heart",
+				"prevSize": 32,
+				"code": 9825
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 54
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c0.127-0 0.277-0 0.427-0 235.406 0 426.24 190.834 426.24 426.24 0 0.15-0 0.3-0 0.45l0-0.023c0 0.127 0 0.277 0 0.427 0 235.406-190.834 426.24-426.24 426.24-0.15 0-0.3-0-0.45-0l0.023 0c-0.127 0-0.277 0-0.427 0-235.406 0-426.24-190.834-426.24-426.24 0-0.15 0-0.3 0-0.45l-0 0.023c-0-0.127-0-0.277-0-0.427 0-235.406 190.834-426.24 426.24-426.24 0.15 0 0.3 0 0.45 0l-0.023-0zM512 170.667c-187.989 0-341.333 153.344-341.333 341.333s153.344 341.333 341.333 341.333c189.355 0 341.333-153.344 341.333-341.333s-153.344-341.333-341.333-341.333zM405.419 321.323c0-42.667 62.635-55.979 115.968-55.979 77.355 0 133.333 46.635 133.333 118.656 0 123.989-112 116.011-112 173.355 0 19.968-14.635 41.301-41.301 41.301-22.795-0.097-41.248-18.549-41.344-41.335l-0-0.009c0-113.323 112-98.645 112-173.312 0-26.667-24.021-36.011-48-36.011-33.323 0-59.989 16-81.323 14.677s-38.699-18.688-37.333-41.344zM450.133 715.989c0 30.677 25.344 54.699 54.656 54.699 29.355 0 54.699-24.021 54.699-54.699 0-29.312-25.344-53.333-54.699-53.333-29.312 0-54.656 24.021-54.656 53.333z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["help"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 122,
+				"id": 48,
+				"name": "help",
+				"prevSize": 32,
+				"code": 63
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 55
+		},
+		{
+			"icon": {
+				"paths": [
+					"M789.333 128c56.533 0 106.709 50.56 106.667 106.667v554.667c0 56.533-52.48 106.88-106.667 106.667h-554.667c-56.533 0-106.453-50.773-106.667-106.667v-554.667c0-56.533 50.517-106.496 106.667-106.667zM682.667 572.373l-140.501 140.459c-7.721 7.723-18.389 12.5-30.173 12.5-5.042 0-9.88-0.875-14.371-2.481l0.298 0.093-153.557-76.373-131.029 87.339v55.424c0 10.453 11.179 21.333 21.333 21.333h554.667c10.453 0 21.632-10.709 21.333-21.333v-89.003zM234.667 213.333c-10.453 0-21.333 11.264-21.333 21.333v396.672l104.32-69.547c6.646-4.479 14.833-7.15 23.644-7.15 4.979 0 9.759 0.853 14.202 2.421l-0.299-0.092 148.352 73.728 148.907-148.907c7.719-7.706 18.375-12.471 30.144-12.471 9.908 0 19.027 3.377 26.269 9.043l-0.094-0.071 101.888 101.376v-345.003c0-10.453-11.093-21.12-21.333-21.333zM384 298.667c47.128 0 85.333 38.205 85.333 85.333s-38.205 85.333-85.333 85.333v0c-47.128 0-85.333-38.205-85.333-85.333s38.205-85.333 85.333-85.333v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_image_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 228,
+				"id": 49,
+				"name": "db_ic_image_24",
+				"prevSize": 32,
+				"code": 128444
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 56
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c0.127-0 0.277-0 0.427-0 235.406 0 426.24 190.834 426.24 426.24 0 0.15-0 0.3-0 0.45l0-0.023c0 0.127 0 0.277 0 0.427 0 235.406-190.834 426.24-426.24 426.24-0.15 0-0.3-0-0.45-0l0.023 0c-0.127 0-0.277 0-0.427 0-235.406 0-426.24-190.834-426.24-426.24 0-0.15 0-0.3 0-0.45l-0 0.023c-0-0.127-0-0.277-0-0.427 0-235.406 190.834-426.24 426.24-426.24 0.15 0 0.3 0 0.45 0l-0.023-0zM512 170.667c-189.355 0-341.333 152.021-341.333 341.333 0 187.989 153.344 341.333 341.333 341.333s341.333-153.344 341.333-341.333c0-189.355-153.344-341.333-341.333-341.333zM512 426.667c25.344 0 42.667 18.688 42.667 42.667v170.667h43.989c22.656 0 41.344 20.011 41.344 42.667s-18.688 42.667-41.344 42.667h-171.989c-22.656 0-42.667-20.011-42.667-42.667 0-24.021 20.011-42.667 42.667-42.667h42.667v-128h-40.021c-23.979 0-42.667-20.011-42.667-42.667s18.688-42.667 42.667-42.667h82.688zM512 256c29.355 0 53.333 22.656 53.333 52.011 0 30.635-24.021 53.333-53.333 53.333-29.355 0-53.333-22.656-53.333-53.333 0-29.397 24.021-52.011 53.333-52.011z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["info"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 229,
+				"id": 50,
+				"name": "info",
+				"prevSize": 32,
+				"code": 128712
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 57
+		},
+		{
+			"icon": {
+				"paths": [
+					"M766.848 85.333l132.523 0.341c22.101 2.773 39.253 21.632 39.253 44.501l-0.427 132.821c-1.28 9.685-5.717 18.773-12.715 25.813l-35.712 35.243c-5.29 4.199-11.676 7.258-18.654 8.697l-0.29 0.050-49.92 9.941-11.477 55.637c-5.24 15.008-17.824 26.206-33.332 29.39l-0.289 0.050-50.091 10.027-11.392 55.211c-2.133 6.699-5.888 12.8-10.923 17.792l-88.875 89.003c5.807 20.864 9.144 44.822 9.144 69.56 0 148.643-120.499 269.141-269.141 269.141s-269.141-120.499-269.141-269.141c0-148.643 120.499-269.141 269.141-269.141 24.759 0 48.737 3.343 71.508 9.603l-1.89-0.443 315.435-314.837c7.467-5.776 16.964-9.259 27.274-9.259 0.012 0 0.023 0 0.035 0l-0.002-0zM784.085 170.709l-334.464 333.867-47.531-12.715c-14.266-3.968-30.649-6.256-47.564-6.272l-0.009-0c-0.157-0-0.344-0.001-0.53-0.001-50.61 0-96.409 20.603-129.465 53.879l-0.010 0.010c-33.261 33.082-53.846 78.88-53.846 129.486 0 0.183 0 0.365 0.001 0.547l-0-0.028c-0 0.142-0.001 0.309-0.001 0.477 0 50.606 20.585 96.404 53.838 129.478l0.008 0.008c33.084 33.236 78.871 53.803 129.461 53.803 0.176 0 0.353-0 0.529-0.001l-0.027 0c0.146 0 0.318 0.001 0.491 0.001 50.607 0 96.411-20.567 129.508-53.797l0.006-0.006c33.239-33.374 53.789-79.409 53.789-130.242 0-16.831-2.253-33.136-6.474-48.63l0.3 1.294-12.715-47.531 114.773-114.901 19.413-94.208 78.805-15.701 16.384-79.403 92.928-18.517 11.264-11.093 0.171-69.632zM402.091 621.867c12.175 12.175 19.706 28.995 19.706 47.573 0 37.157-30.122 67.279-67.279 67.279-18.579 0-35.398-7.53-47.573-19.706v0c-12.175-12.175-19.706-28.995-19.706-47.573 0-37.157 30.122-67.279 67.279-67.279 18.579 0 35.398 7.53 47.573 19.706h-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_key_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 230,
+				"id": 51,
+				"name": "db_ic_key_24",
+				"prevSize": 32,
+				"code": 922193
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 58
+		},
+		{
+			"icon": {
+				"paths": [
+					"M542.848 170.667c56.832 0 102.827 10.197 102.827 55.893 0 18.347-11.776 34.432-34.816 34.432-18.219 0-41.813-9.728-68.821-9.728-48.555 0-76.501 16.469-76.501 48.555 0 91.307 226.987 67.413 226.987 218.752 0.004 0.367 0.007 0.801 0.007 1.235 0 49.634-31.089 92.006-74.857 108.705l-0.798 0.267c18.091 23.040 25.472 51.029 25.472 79.787 0 92.16-56.747 144.768-162.005 144.768-56.107 0-125.867-13.355-125.867-64.171 1.28-16.768 13.227-31.531 33.835-31.531 12.672 0 53.333 15.104 88.747 15.104 56.747 0 82.219-16.469 82.219-53.461 0-111.061-227.84-67.413-227.84-225.365-0.019-0.824-0.030-1.795-0.030-2.769 0-50.152 28.863-93.563 70.884-114.529l0.741-0.335c-11.393-18.745-18.137-41.408-18.137-65.646 0-1.207 0.017-2.409 0.050-3.608l-0.004 0.176c0-85.547 55.893-136.533 157.867-136.533zM453.205 424.832c-25.515 9.045-44.117 32.853-44.416 60.032-0.384 31.147 14.805 41.941 148.864 97.067 36.992-12.373 53.461-29.611 53.461-55.125 0-28.8-15.616-37.845-157.909-101.973z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["legal"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 124,
+				"id": 52,
+				"name": "legal",
+				"prevSize": 32,
+				"code": 167
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 59
+		},
+		{
+			"icon": {
+				"paths": [
+					"M640.043 789.291h-256.085c-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667v0h42.709v21.248c0 23.564 19.103 42.667 42.667 42.667v0h85.419c23.564 0 42.667-19.103 42.667-42.667v0-21.248h42.624c23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667v0zM512 85.333c164.693 0 298.667 134.016 298.667 298.667 0 112-52.181 166.187-90.283 205.739-25.771 26.795-38.187 40.619-38.187 61.355v52.864c0 23.564-19.103 42.667-42.667 42.667v0h-255.061c-23.564 0-42.667-19.103-42.667-42.667v0-52.864c0-20.779-12.416-34.56-38.187-61.355-38.101-39.509-90.283-93.739-90.283-205.739 0-164.651 133.973-298.667 298.667-298.667zM511.915 170.667c-117.632 0-213.333 95.701-213.333 213.333 0 77.611 32.299 111.104 66.432 146.603 29.099 30.208 62.080 64.469 62.080 120.491v10.197h42.411v-106.197c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 106.197h41.984v-10.197c0-56.021 32.981-90.283 62.080-120.491 34.091-35.499 66.347-69.035 66.347-146.603 0-117.632-95.701-213.333-213.333-213.333zM452.821 224c4.424-1.698 9.543-2.682 14.891-2.682 23.572 0 42.682 19.109 42.682 42.682 0 18.225-11.422 33.781-27.498 39.902l-0.293 0.098c-21.182 8.113-37.974 23.686-47.477 43.429l-0.224 0.517c-7.023 14.6-21.698 24.498-38.686 24.498-6.572 0-12.798-1.481-18.362-4.129l0.259 0.111c-14.61-6.982-24.523-21.642-24.523-38.617 0-6.584 1.491-12.819 4.154-18.387l-0.111 0.257c19.39-40.439 52.887-71.526 93.968-87.324l1.179-0.398z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_lightbulb_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 231,
+				"id": 53,
+				"name": "db_ic_lightbulb_24",
+				"prevSize": 32,
+				"code": 922194
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 60
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 128.555c114.688 0 212.821 89.301 213.248 213.291v42.112c0.013-0 0.028-0 0.043-0 47.152 0 85.376 38.224 85.376 85.376l-0 0v341.376c0 47.128-38.205 85.333-85.333 85.333v0h-426.709c-47.128 0-85.333-38.205-85.333-85.333v0-341.376c0-44.971 35.115-85.333 85.461-85.333v-42.155c-0-0.013-0-0.028-0-0.043 0-117.774 95.474-213.248 213.248-213.248l0 0zM725.333 469.333h-426.709v341.376h426.709v-341.376zM512 554.667c21.888 0 42.581 17.792 42.667 42.667v85.333c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v0-85.333c0-23.564 19.103-42.667 42.667-42.667v0zM512 213.888c-68.139 0-127.573 57.173-127.915 127.957-0.085 14.037-0.085 28.075 0 42.112h255.829v-42.112c0-0.013 0-0.028 0-0.043 0-70.645-57.269-127.915-127.915-127.915l-0 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_action_lock-close_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 98,
+				"id": 54,
+				"name": "ic-db_action_lock-close_24",
+				"prevSize": 32,
+				"code": 922153
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 61
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c98.936 0.011 182.138 67.368 206.258 158.726l0.334 1.488c0.703 2.9 1.106 6.23 1.106 9.654 0 23.564-19.103 42.667-42.667 42.667-19.467 0-35.889-13.037-41.011-30.856l-0.074-0.301c-14.819-55.503-64.644-95.717-123.862-95.717-70.548 0-127.765 57.073-127.999 127.566l-0 0.022c-0.085 28.459-0.085 56.96 0 85.419h341.248c47.128 0 85.333 38.205 85.333 85.333v0 341.376c0 47.128-38.205 85.333-85.333 85.333v0h-426.709c-47.128 0-85.333-38.205-85.333-85.333v0-341.376c0-44.971 35.413-85.333 85.461-85.333-0.042-12.677-0.066-27.69-0.066-42.709 0-15.011 0.024-30.016 0.072-45.015l-0.006 2.306c0-117.774 95.474-213.248 213.248-213.248v-0zM725.333 810.709v-341.376h-426.709v341.376h426.709zM512 554.667c21.888 0 42.581 17.792 42.667 42.667 0.085 28.416 0.085 56.875 0 85.333 0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v0c-0.085-28.416-0.085-56.875 0-85.333 0-23.564 19.103-42.667 42.667-42.667v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_action_lock-open_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 99,
+				"id": 55,
+				"name": "ic-db_action_lock-open_24",
+				"prevSize": 32,
+				"code": 922160
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 62
+		},
+		{
+			"icon": {
+				"paths": [
+					"M170.667 768c0 70.692 57.308 128 128 128v0h170.667c24.021 0 42.667-18.688 42.667-42.667 0-24.021-18.688-42.667-42.667-42.667h-170.667c-24.021 0-42.667-18.688-42.667-42.667v-512c0-24.021 18.688-42.667 42.667-42.667h170.667c24.021 0 42.667-18.688 42.667-42.667 0-24.021-18.688-42.667-42.667-42.667h-170.667c-70.692 0-128 57.308-128 128v0 512zM405.333 512c0 22.656 18.688 42.667 42.667 42.667h324.011l-97.365 97.323c-7.403 7.926-11.948 18.603-11.948 30.342 0 0.118 0 0.236 0.001 0.353l-0-0.018c0 24.021 18.645 42.667 41.301 42.667 10.667 0 22.656-5.333 30.677-13.355l170.667-169.301c7.979-8.021 11.989-20.011 11.989-30.677s-4.011-22.656-11.989-30.677l-170.667-169.344c-7.442-8.166-18.122-13.27-29.995-13.27s-22.553 5.104-29.966 13.238l-0.029 0.032c-7.461 7.485-12.075 17.813-12.075 29.218 0 0.048 0 0.096 0 0.144l-0-0.007c0 10.667 4.011 21.333 11.989 30.677l97.451 97.323h-324.053c-24.021 0-42.667 18.688-42.667 42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["log-out"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 125,
+				"id": 56,
+				"name": "log-out",
+				"prevSize": 32,
+				"code": 8614
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 63
+		},
+		{
+			"icon": {
+				"paths": [
+					"M810.667 85.333c23.564 0 42.667 19.103 42.667 42.667v0 768c0 23.564-19.103 42.667-42.667 42.667v0h-512c-23.564 0-42.667-19.103-42.667-42.667v0-170.667h-42.667c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h42.667v-256h-42.667c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h42.667v-170.667c0.003-21.803 16.359-39.784 37.47-42.348l0.205-0.020 4.992-0.299zM768 170.667h-426.667v682.667h426.667zM640 554.667c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-170.667c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM640 384c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-170.667c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_logbook_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 232,
+				"id": 57,
+				"name": "db_ic_logbook_24",
+				"prevSize": 32,
+				"code": 922195
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 64
+		},
+		{
+			"icon": {
+				"paths": [
+					"M767.573 554.667h-511.147c-0.152 0.002-0.332 0.003-0.512 0.003-23.517 0-42.581-19.064-42.581-42.581 0-0.031 0-0.062 0-0.093l-0 0.005c0-23.808 19.029-42.667 43.093-42.667h511.147c0.152-0.002 0.332-0.003 0.512-0.003 23.517 0 42.581 19.064 42.581 42.581 0 0.031-0 0.062-0 0.093l0-0.005c0 23.808-19.029 42.667-43.093 42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["minus"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 126,
+				"id": 58,
+				"name": "minus",
+				"prevSize": 32,
+				"code": 8722
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 65
+		},
+		{
+			"icon": {
+				"paths": [
+					"M619.52 94.165l327.851 324.053c7.874 7.746 12.753 18.515 12.753 30.424 0 23.564-19.103 42.667-42.667 42.667-9.878 0-18.972-3.357-26.203-8.992l0.095 0.072-34.731-33.92-144.555 143.189c12.288 18.091 21.035 37.205 26.24 57.259 17.664 72.533-4.907 146.347-67.712 221.355-26.88 32.043-52.267 57.515-70.443 72.235-7.265 5.918-16.636 9.503-26.844 9.503-9.82 0-18.865-3.318-26.076-8.893l0.098 0.073-196.693-194.219-189.099 187.221c-7.701 7.605-18.289 12.302-29.974 12.302-23.564 0-42.667-19.103-42.667-42.667 0-9.962 3.414-19.126 9.136-26.387l-0.069 0.091 192-190.592-192-190.037c-7.816-7.737-12.656-18.467-12.656-30.328 0-8.454 2.459-16.333 6.7-22.963l-0.102 0.171c10.581-16.683 49.835-53.419 76.203-74.155 68.821-54.187 140.245-82.859 211.712-69.333 26.27 5.168 49.539 15.209 69.873 29.207l-0.625-0.407 144.512-143.019-30.037-29.739c-7.703-7.718-12.467-18.373-12.467-30.14 0-23.564 19.103-42.667 42.667-42.667 9.713 0 18.669 3.246 25.84 8.712l-0.104-0.076zM363.819 386.133c-49.28-9.643-107.989 17.493-176.171 81.493l386.517 382.635c64.256-67.541 91.861-125.568 82.816-174.165-4.864-30.165-21.803-41.856-26.197-50.048l-208.981-207.275c-18.688-18.475-37.803-28.672-57.941-32.64zM654.165 248.107l-141.739 140.331 141.739 140.288 141.739-140.288z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_pin_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 233,
+				"id": 59,
+				"name": "db_ic_pin_24",
+				"prevSize": 32,
+				"code": 922161
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 66
+		},
+		{
+			"icon": {
+				"paths": [
+					"M683.861 85.333c45.952 0 83.925 37.973 83.925 84.907v85.973h42.965c70.582 0.121 127.769 57.294 127.915 127.858l0 0.014v255.829c-0.145 70.578-57.333 127.751-127.903 127.872l-0.012 0h-42.965v85.931c0 46.976-37.973 84.949-83.925 84.949h-343.723c-45.952 0-83.925-37.973-83.925-84.907v-85.973h-42.965c-70.582-0.121-127.769-57.294-127.915-127.858l-0-0.014v-255.829c0.145-70.578 57.333-127.751 127.903-127.872l0.012-0h42.965v-85.973c0-46.933 37.973-84.907 83.925-84.907zM682.88 682.88h-341.76v170.837h341.76v-170.837zM810.752 341.12h-597.504c-23.245 0.263-41.987 19.168-41.987 42.451 0 0.181 0.001 0.362 0.003 0.542l-0-0.027v255.829c-0.002 0.153-0.003 0.334-0.003 0.515 0 23.282 18.742 42.187 41.962 42.451l0.025 0h42.965c0-46.976 36.949-85.931 83.925-85.931h343.723c46.933 0 83.925 38.955 83.925 85.931h42.965c23.245-0.263 41.987-19.168 41.987-42.451 0-0.181-0.001-0.362-0.003-0.542l0 0.027v-255.829c0.002-0.153 0.003-0.334 0.003-0.515 0-23.282-18.742-42.187-41.962-42.451l-0.025-0zM682.88 171.264h-341.76v84.907h341.76v-84.907zM256.213 469.333c0-23.808 19.072-42.667 42.155-42.667h86.315c23.125 0 42.197 18.859 42.197 42.667s-19.072 42.667-42.197 42.667h-86.315c-23.308-0.121-42.156-19.043-42.156-42.367 0-0.105 0-0.21 0.001-0.315l-0 0.016z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["print"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 127,
+				"id": 60,
+				"name": "print",
+				"prevSize": 32,
+				"code": 128424
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 67
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512.512 85.333c234.667 0 426.155 191.531 426.155 426.155-0.917 235.554-191.624 426.261-427.090 427.178l-0.088 0c-234.667 0-426.155-191.531-426.155-426.155-0.002-0.47-0.003-1.026-0.003-1.582 0-235.052 190.548-425.6 425.6-425.6 0.556 0 1.112 0.001 1.667 0.003l-0.086-0zM511.915 170.581c-188.757 0-341.333 152.405-341.333 340.907 0 188.544 152.576 341.931 341.333 341.931 188.715 0 341.333-153.387 341.333-341.931 0-0.013 0-0.028 0-0.043 0-188.254-152.61-340.864-340.864-340.864-0.165 0-0.33 0-0.495 0l0.026-0zM726.016 469.461c23.125 0 42.197 19.072 42.197 42.155 0.002 0.153 0.003 0.334 0.003 0.515 0 23.4-18.838 42.401-42.176 42.664l-0.025 0h-427.648c-23.344-0.287-42.158-19.278-42.158-42.664 0-0.181 0.001-0.362 0.003-0.543l-0 0.027c0-23.083 19.072-42.155 42.155-42.155h427.648z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["remove"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 128,
+				"id": 61,
+				"name": "remove",
+				"prevSize": 32,
+				"code": 8861
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 68
+		},
+		{
+			"icon": {
+				"paths": [
+					"M341.333 597.333c44.971 0 85.333 36.011 85.333 85.333v170.667c0 44.971-34.901 85.333-85.333 85.333h-170.667c-44.971 0-85.333-35.285-85.333-85.333v-170.667c0-44.971 36.395-85.333 85.333-85.333zM341.333 682.667h-170.667v170.667h170.667zM832 85.333c56.533 0 106.667 45.909 106.667 106.667v512c0 56.533-45.355 106.667-106.667 106.667h-277.333c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h277.333c9.728 0 21.333-7.979 21.333-21.333v-512c0-11.782-9.551-21.333-21.333-21.333v0h-512c-10.453 0-21.333 8.533-21.333 21.333v277.333c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v0-277.333c0-56.533 45.867-106.667 106.667-106.667zM554.667 256h170.667c0.076-0 0.166-0.001 0.257-0.001 23.423 0 42.411 18.988 42.411 42.411 0 0.090-0 0.18-0.001 0.271l0-0.014v170.667c0 23.564-19.103 42.667-42.667 42.667v0c-21.888 0-42.667-16.341-42.667-42.667v-67.669l-140.501 140.501c-7.721 7.718-18.386 12.492-30.165 12.492s-22.445-4.774-30.165-12.492l0 0c-15.36-15.36-18.176-42.667 0-60.331l140.416-140.501h-67.584c-21.888 0-42.667-17.749-42.667-42.667s20.651-42.667 42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_resize_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 234,
+				"id": 62,
+				"name": "db_ic_resize_24",
+				"prevSize": 32,
+				"code": 921957
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 69
+		},
+		{
+			"icon": {
+				"paths": [
+					"M742.4 85.333c0.001-0 0.002-0 0.004-0 9.802 0 18.833 3.306 26.037 8.863l-0.099-0.074c54.089 53.391 105.524 104.651 156.716 156.153l1.151 1.159c9.045 9.728 11.221 16.64 12.459 25.899v554.667c0 56.533-42.667 106.667-106.667 106.667h-640c-56.533 0-106.667-42.667-106.667-106.667v-640c0-56.533 42.667-106.667 106.667-106.667zM256 170.667h-64c-10.453 0-21.333 10.923-21.333 21.333v640c0 10.453 11.307 21.333 21.333 21.333h64v-298.667c0-21.888 20.565-42.667 42.667-42.667h426.667c21.888 0 42.667 22.784 42.667 42.667v298.667h64c10.453 0 21.333-11.179 21.333-21.333v-532.693l-128.64-128.64h-127.36v128c0 21.888-21.205 42.667-42.624 42.667h-256.043c-21.888 0-42.667-21.504-42.667-42.667zM682.667 597.333h-341.333v256h341.333zM512 170.667h-170.667v85.333h170.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_save_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 235,
+				"id": 63,
+				"name": "db_ic_save_24",
+				"prevSize": 32,
+				"code": 922162
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 70
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c235.349 0 426.667 191.317 426.667 426.667s-191.317 426.667-426.667 426.667-426.667-191.317-426.667-426.667 191.317-426.667 426.667-426.667zM512 171.477c-0.076-0-0.166-0-0.256-0-187.924 0-340.267 152.343-340.267 340.267 0 0.090 0 0.18 0 0.27l-0-0.014c-0 0.076-0 0.166-0 0.256 0 187.924 152.343 340.267 340.267 340.267 0.090 0 0.18-0 0.27-0l-0.014 0c0.076 0 0.166 0 0.256 0 187.924 0 340.267-152.343 340.267-340.267 0-0.090-0-0.18-0-0.27l0 0.014c0-0.076 0-0.166 0-0.256 0-187.924-152.343-340.267-340.267-340.267-0.090 0-0.18 0-0.27 0l0.014-0zM469.333 516.992v-218.325c0-22.016 21.333-42.667 42.667-42.667s42.667 21.333 42.667 42.667l0.427 196.267 115.157 114.219c8.661 8.107 13.227 19.157 13.227 30.293 0 20.779-16.512 41.131-44.459 41.131-11.52 0-22.784-3.797-29.867-11.349l-125.781-126.165c-7.279-6.661-12.338-15.643-14.002-25.767l-0.035-0.26z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["schedule"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 129,
+				"id": 64,
+				"name": "schedule",
+				"prevSize": 32,
+				"code": 922163
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 71
+		},
+		{
+			"icon": {
+				"paths": [
+					"M405.333 85.333c177.323 0 321.323 143.957 321.323 319.872 0.001 0.296 0.002 0.646 0.002 0.996 0 73.557-24.55 141.381-65.904 195.723l0.58-0.794 265.344 265.216c16 16 16 42.667 0 59.989-16 15.957-40.021 15.957-57.344 2.645l-267.989-267.904c-53.588 40.775-121.449 65.324-195.043 65.324-0.34 0-0.68-0.001-1.020-0.002l0.052 0c-176 0-320-143.957-320-321.195 0-175.915 144-319.872 320-319.872zM405.333 170.667c-129.475 0.17-234.4 105.035-234.667 234.47l-0 0.026c0 130.603 105.344 235.904 234.667 235.904 0.139 0 0.305 0 0.47 0 130.074 0 235.52-105.446 235.52-235.52 0-0.15-0-0.3-0-0.45l0 0.023c0-129.195-105.344-234.453-235.989-234.453z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["search"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 130,
+				"id": 65,
+				"name": "search",
+				"prevSize": 32,
+				"code": 922196
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 72
+		},
+		{
+			"icon": {
+				"paths": [
+					"M881.792 141.227c12.416 11.392 15.531 29.013 10.368 45.653l-270.677 703.061c-11.392 30.080-38.4 48.725-69.461 48.725h-3.115c-32.723-0.788-60.15-22.584-69.364-52.379l-0.14-0.527-80.853-261.291-260.267-80.896c-30.241-8.875-52.098-35.992-52.947-68.341l-0.002-0.096c-0.047-0.994-0.073-2.158-0.073-3.329 0-31.751 19.572-58.931 47.31-70.132l0.508-0.181 703.061-270.635c15.573-6.229 33.195-2.091 45.653 10.368zM738.688 344.491l-256.171 258.176 70.528 227.115 185.6-485.291zM678.528 284.331l-485.291 186.667 228.096 70.485 257.195-257.152z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["send"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 131,
+				"id": 66,
+				"name": "send",
+				"prevSize": 32,
+				"code": 9721
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 73
+		},
+		{
+			"icon": {
+				"paths": [
+					"M742.869 736.384l1.536 3.584 56.661 170.667c0.712 2.038 1.124 4.387 1.124 6.833 0 11.782-9.551 21.333-21.333 21.333-8.080 0-15.112-4.493-18.732-11.116l-0.056-0.111-1.493-3.541-15.019-45.099h-48.811l-17.365 45.952c-3.135 8.129-10.884 13.791-19.955 13.791-1.362 0-2.694-0.128-3.985-0.372l0.133 0.021-3.712-1.024c-8.107-3.145-13.751-10.884-13.751-19.94 0-1.367 0.129-2.705 0.375-4.001l-0.021 0.133 1.024-3.712 64.725-170.667c3.134-8.131 10.884-13.795 19.957-13.795 8.015 0 14.998 4.42 18.644 10.956l0.055 0.108zM586.283 725.333c41.045 0 64.171 23.125 64.171 66.347 0 40.875-20.267 63.147-57.387 65.493l-6.741 0.213h-26.965l0.043 59.947c0 0.002 0 0.005 0 0.007 0 10.425-7.477 19.103-17.361 20.964l-0.133 0.021-3.84 0.341c-0.002 0-0.005 0-0.007 0-10.425 0-19.103-7.477-20.964-17.361l-0.021-0.133-0.341-3.84v-170.667c-0-0.002-0-0.005-0-0.007 0-10.425 7.477-19.103 17.361-20.964l0.133-0.021 3.84-0.341zM277.163 725.333c18.645 0 36.608 4.224 51.499 11.392 6.896 3.629 11.519 10.745 11.519 18.942 0 11.782-9.551 21.333-21.333 21.333-3.168 0-6.175-0.691-8.878-1.93l0.133 0.055c-9.507-4.5-20.653-7.127-32.413-7.127-0.185 0-0.369 0.001-0.554 0.002l0.028-0c-11.136 0-14.507 3.029-14.507 9.941 0 8.021 4.907 14.464 21.248 25.941l11.776 7.936c37.291 24.235 51.328 38.699 51.328 68.352 0 34.645-28.715 58.496-66.859 58.496-20.772-0.002-40.23-5.626-56.935-15.434l0.53 0.287c-6.278-3.79-10.411-10.575-10.411-18.325 0-11.782 9.551-21.334 21.334-21.334 4.032 0 7.802 1.118 11.018 3.062l-0.096-0.054c9.344 5.547 22.059 9.131 34.56 9.131 16.128 0 24.192-6.699 24.192-15.787 0-7.68-4.821-13.952-20.907-25.216l-11.563-7.808c-37.717-24.533-51.925-39.168-51.925-69.248 0-31.616 23.552-52.608 57.173-52.608zM473.685 725.333c0.012-0 0.025-0 0.039-0 11.782 0 21.333 9.551 21.333 21.333 0 10.439-7.497 19.126-17.401 20.972l-0.132 0.020-3.84 0.341h-66.005v38.571h50.133c0.088-0.001 0.191-0.002 0.295-0.002 11.782 0 21.333 9.551 21.333 21.333 0 10.53-7.629 19.278-17.661 21.018l-0.127 0.018-3.84 0.341-50.133-0.043v46.763h69.717c0.002-0 0.005-0 0.007-0 10.425 0 19.103 7.477 20.964 17.361l0.021 0.133 0.341 3.84c0 0.002 0 0.005 0 0.007 0 10.425-7.477 19.103-17.361 20.964l-0.133 0.021-3.84 0.341h-91.008c-0.002 0-0.005 0-0.007 0-10.425 0-19.103-7.477-20.964-17.361l-0.021-0.133-0.341-3.84v-170.667c-0-0.002-0-0.005-0-0.007 0-10.425 7.477-19.103 17.361-20.964l0.133-0.021 3.84-0.341zM722.773 810.325l-9.813 25.941h18.432zM586.325 768h-26.965v46.72h26.965c17.963 0 21.461-3.413 21.461-23.040 0-18.048-3.413-22.912-17.365-23.595zM768 85.333c70.692 0 128 57.308 128 128v0 298.667c0 70.692-57.308 128-128 128v0h-512c-70.692 0-128-57.308-128-128v0-298.667c0-70.692 57.308-128 128-128v0zM768 170.667h-512c-23.564 0-42.667 19.103-42.667 42.667v0 298.667c0 23.564 19.103 42.667 42.667 42.667v0h512c23.564 0 42.667-19.103 42.667-42.667v0-298.667c0-23.564-19.103-42.667-42.667-42.667v0zM597.333 384c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-256c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM725.333 213.333c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_sepa_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 236,
+				"id": 67,
+				"name": "db_ic_sepa_24",
+				"prevSize": 32,
+				"code": 921958
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 74
+		},
+		{
+			"icon": {
+				"paths": [
+					"M657.536 145.195l-4.096 57.131 58.496 34.005 48.981-32.683c6.462-4.271 14.392-6.814 22.915-6.814 0.554 0 1.105 0.011 1.654 0.032l-0.079-0.002c50.304 0 144.171 163.499 144.171 219.008 0 14.933-7.808 30.592-23.125 38.059l-53.035 25.856v65.28l53.035 25.856c13.829 7.095 23.128 21.257 23.128 37.59 0 0.165-0.001 0.329-0.003 0.493l0-0.025c0 51.968-91.691 219.008-144.213 219.008-0.439 0.016-0.955 0.026-1.473 0.026-8.549 0-16.5-2.558-23.131-6.949l0.156 0.097-48.981-32.64-58.453 32.683 4.053 58.453c3.413 48.512-70.059 59.861-145.536 59.861-67.968 0-149.077-8.832-145.536-59.861l4.096-58.453-58.496-32.683-48.981 32.683c-6.462 4.271-14.392 6.814-22.915 6.814-0.554 0-1.105-0.011-1.654-0.032l0.079 0.002c-50.304 0-144.171-163.499-144.171-219.008 0-14.933 7.808-30.592 23.125-38.059l53.035-25.856v-65.28l-53.035-25.856c-13.829-7.095-23.128-21.257-23.128-37.59 0-0.165 0.001-0.329 0.003-0.493l-0 0.025c0-57.088 94.379-219.008 145.536-219.008 6.827 0 14.933 1.365 23.125 6.827l48.981 32.64 58.453-34.005-4.053-57.173c-3.413-47.573 67.243-59.008 137.728-59.776l7.808-0.043c68.011 0 149.163 8.875 145.536 59.861zM512 171.008c-19.029 0-38.101 1.365-58.453 5.461l4.053 47.616c1.365 16.213-8.021 31.488-21.76 39.424l-103.381 59.904c-6.827 2.731-13.611 5.419-21.76 5.419s-16.469-2.475-23.125-6.827l-42.155-27.179c-24.491 28.587-43.52 62.592-57.173 97.963l43.52 21.76c15.275 7.595 24.533 23.125 24.533 38.059v118.357c0 16.299-9.813 30.72-24.491 38.059l-43.52 21.76c13.611 36.736 32.64 70.741 57.131 99.328l42.155-27.221c6.656-4.267 14.933-6.827 23.125-6.827 8.149 0 14.933 1.493 21.76 5.461l103.381 59.861c13.739 7.936 23.125 23.168 21.76 39.424l-4.096 47.616c20.395 4.096 39.467 5.461 58.496 5.461s38.101-1.365 58.453-5.461l-4.053-47.616c-1.365-16.213 8.021-31.488 21.76-39.424l103.381-59.861c5.859-3.421 12.899-5.441 20.41-5.441 0.475 0 0.947 0.008 1.418 0.024l-0.068-0.002c8.149 0 16.469 2.475 23.125 6.827l42.155 27.179c23.83-28.205 43.2-61.13 56.443-97.023l0.731-2.262-43.52-20.437c-14.64-7.216-24.534-22.032-24.534-39.16 0-0.093 0-0.185 0.001-0.278l-0 0.014v-116.992c0-16.299 9.259-31.829 24.491-39.424l43.52-21.76c-13.611-35.413-32.64-69.376-57.131-97.963l-42.155 27.221c-6.656 4.267-14.933 6.827-23.125 6.827-8.149 0-14.933-2.731-21.76-5.461l-103.381-59.861c-13.739-7.936-23.125-23.168-21.76-39.424l4.096-47.616c-17.002-3.504-36.541-5.51-56.549-5.51-0.685 0-1.369 0.002-2.053 0.007l0.105-0.001zM511.36 341.333c94.628 0.073 171.319 76.764 171.392 171.385l0 0.007c0 93.867-76.203 170.027-171.392 170.027-93.893-0.024-170.002-76.133-170.027-170.025l-0-0.002c0-93.867 76.16-171.392 170.027-171.392zM512 426.752c-47.2 0.289-85.386 38.474-85.675 85.647l-0 0.027c0 46.251 39.424 85.675 85.675 85.675 47.2-0.289 85.386-38.474 85.675-85.647l0-0.027c0-0.102 0.001-0.222 0.001-0.342 0-47.128-38.205-85.333-85.333-85.333-0.12 0-0.241 0-0.361 0.001l0.019-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["settings"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 132,
+				"id": 68,
+				"name": "settings",
+				"prevSize": 32,
+				"code": 9881
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 75
+		},
+		{
+			"icon": {
+				"paths": [
+					"M704.341 128c82.208 0.194 148.798 66.784 148.992 148.973l0 0.019c0 82.987-66.987 150.016-148.992 150.016-47.019 0-87.040-22.016-114.987-55.040l-210.048 104.064c2.987 11.989 4.992 24.021 4.992 36.011s-2.005 24.021-4.992 34.987l210.987 104.021c27.123-33.077 67.99-54.016 113.748-54.016 0.091 0 0.181 0 0.272 0l-0.014-0c82.005 0 148.992 66.987 148.992 150.016-0.218 82.175-66.775 148.731-148.928 148.949l-0.021 0c-82.987 0-150.016-66.987-150.016-148.992 0-5.973 1.195-14.251 2.005-18.005l-219.989-107.989c-26.394 24.767-62.009 39.981-101.177 39.981-0.28 0-0.56-0.001-0.84-0.002l0.043 0c-0.089 0-0.194 0-0.299 0-82.145 0-148.736-66.591-148.736-148.736 0-0.090 0-0.18 0-0.27l-0 0.014c0.218-82.198 66.794-148.774 148.971-148.992l0.021-0c0.242-0.001 0.528-0.002 0.815-0.002 38.85 0 74.144 15.227 100.239 40.039l-0.062-0.058 221.013-108.971c-1.275-4.991-2.006-10.721-2.006-16.621 0-0.142 0-0.283 0.001-0.425l-0 0.022c0-82.005 66.987-148.992 150.016-148.992zM703.829 681.984c-0.025-0-0.055-0-0.085-0-35.582 0-64.427 28.845-64.427 64.427 0 0.030 0 0.060 0 0.090l-0-0.005c0 34.731 28.8 63.488 64.512 63.488 34.731 0 63.488-28.757 63.488-63.488 0-35.712-28.757-64.512-63.488-64.512zM234.325 448c-34.987 0-64 29.013-64 64s29.013 64 64 64c36.011 0 65.024-29.013 65.024-64s-29.013-64-65.024-64zM704.512 213.333c-35.755 0-64.512 28.757-64.512 63.488 0 35.755 28.757 64.512 64.512 64.512 34.731 0 63.488-28.757 63.488-64.512 0-34.731-28.757-63.488-63.488-63.488z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["share"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 133,
+				"id": 69,
+				"name": "share",
+				"prevSize": 32,
+				"code": 921719
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 76
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c93.355 0 169.344 66.688 169.344 170.667h86.656c21.333 0 40.021 17.323 41.344 40.021l45.312 553.301c1.365 25.344-18.645 46.677-42.667 46.677h-599.936c-24.021 0-44.032-21.333-42.667-46.677l43.947-553.301c1.323-22.377 19.793-40.022 42.384-40.022 0.099 0 0.199 0 0.298 0.001l-0.015-0h85.333c0-104.021 77.355-170.667 170.667-170.667zM728.021 341.333h-433.408l-35.968 469.333h506.667l-37.333-469.333zM510.677 170.667c-48 0-84.011 36.011-84.011 85.333h169.344c0-53.333-40.021-85.333-85.333-85.333zM596.011 469.333c0 50.688-37.333 85.333-84.011 85.333-43.989 0-86.656-32-86.656-85.333 0-24.021-20.011-42.667-41.344-42.667-24.021 0-42.667 18.688-42.667 42.667 0 94.677 75.989 170.667 169.344 170.667 94.677 0 170.667-75.989 170.667-170.667 0-24.021-20.011-42.667-42.667-42.667-24.021 0-42.667 18.688-42.667 42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["shopping-bag"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 134,
+				"id": 70,
+				"name": "shopping-bag",
+				"prevSize": 32,
+				"code": 128717
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 77
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512.043 85.333c0.266-0.001 0.582-0.002 0.898-0.002 140.866 0 255.061 114.195 255.061 255.061 0 0.331-0.001 0.661-0.002 0.991l0-0.051h112.555c36.053 0 62.763 33.323 57.429 68.011l-73.429 439.979c-9.387 52.011-49.408 89.344-105.515 89.344h-496.683c-49.408 0-93.44-38.656-101.461-89.344l-74.795-438.656c-5.333-34.688 17.365-69.333 52.053-69.333h117.845c0-141.385 114.615-256 256-256 0.015 0 0.030 0 0.045 0l-0.003-0zM848.512 426.667h-672.939l69.419 409.344c1.365 9.301 9.387 17.323 17.365 17.323h496.725c9.973-0.456 18.129-7.694 19.989-17.188l0.022-0.135 69.419-409.344zM512.043 170.667c-0.178-0.001-0.388-0.001-0.598-0.001-93.95 0-170.112 76.162-170.112 170.112 0 0.195 0 0.391 0.001 0.586l-0-0.030h341.333c0-93.355-75.819-170.667-170.624-170.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["shopping-basket"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 135,
+				"id": 71,
+				"name": "shopping-basket",
+				"prevSize": 32,
+				"code": 921721
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 78
+		},
+		{
+			"icon": {
+				"paths": [
+					"M863.019 341.333h17.536c34.133 0 64.171 32.085 57.429 68.011-24.363 146.688-48.853 293.333-73.429 439.979-8.96 49.664-45.824 85.931-97.963 89.131l-7.509 0.213h-492.757l85.376-85.461 407.381 0.128c8.758-0.419 16.112-6.007 19.107-13.762l0.050-0.147 1.835-3.413 82.944-494.72zM512 85.333c0.317-0.001 0.693-0.002 1.069-0.002 98.252 0 183.514 55.619 226.017 137.090l0.669 1.408 106.155-106.24c7.724-7.729 18.397-12.51 30.187-12.51 23.569 0 42.675 19.106 42.675 42.675 0 11.779-4.772 22.444-12.489 30.166l0-0c-260.596 260.946-504.108 504.62-747.701 748.213l-0.032 0.032c-7.724 7.729-18.397 12.51-30.187 12.51-23.569 0-42.675-19.106-42.675-42.675 0-11.779 4.772-22.444 12.489-30.166l-0 0c18.603-18.731 37.205-37.376 55.936-55.979l-68.011-399.189c-5.035-32.725 15.445-69.333 52.053-69.333 17.483-0.041 38.2-0.064 58.923-0.064 20.706 0 41.407 0.023 62.102 0.070l-3.179-0.006c0-141.385 114.615-256 256-256 0.015 0 0.030 0 0.045 0l-0.003-0zM536.96 426.667h-361.387l52.437 309.248 308.992-309.248zM512 170.667c-0.182-0.001-0.397-0.001-0.612-0.001-91.136 0-165.529 71.685-169.869 161.745l-0.015 0.389-0.171 8.533h280.96l52.181-52.181c-22.795-69.264-86.864-118.4-162.422-118.485l-0.010-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_action_shopping-basket-disabled_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 100,
+				"id": 72,
+				"name": "ic-db_action_shopping-basket-disabled_24",
+				"prevSize": 32,
+				"code": 921941
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 79
+		},
+		{
+			"icon": {
+				"paths": [
+					"M373.333 832c29.355 0 53.333 24.021 53.333 53.333 0 29.355-24.021 53.333-53.333 53.333-29.355 0-53.333-24.021-53.333-53.333 0-29.355 24.021-53.333 53.333-53.333zM736 832c29.355 0 53.333 24.021 53.333 53.333 0 29.355-24.021 53.333-53.333 53.333-29.355 0-53.333-24.021-53.333-53.333 0-29.355 24.021-53.333 53.333-53.333zM177.323 128c56.064 0 108.032 21.333 121.344 89.344h544c46.677 0 82.688 42.667 73.344 87.979l-41.344 170.667c-9.573 45.419-46.768 79.899-92.851 85.285l-0.504 0.048-411.989 45.397 10.667 58.667c1.323 10.667 10.667 18.645 20.011 18.645h352c24.021 0 43.989 18.688 43.989 42.667 0 22.699-19.968 41.344-43.989 41.344h-352c-52.011 0-97.323-37.333-105.344-89.344l-75.989-429.355c-2.851-20.445-20.219-36.011-41.223-36.011-0.043 0-0.085 0-0.128 0l0.007-0h-49.323c-24.021 0-42.667-18.688-42.667-42.667 0-22.656 18.688-42.667 42.667-42.667h49.323zM822.656 299.989h-512l41.344 222.677 413.355-46.677c9.301-1.323 17.323-7.979 18.645-17.323l38.656-158.677z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["shopping-cart"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 136,
+				"id": 73,
+				"name": "shopping-cart",
+				"prevSize": 32,
+				"code": 922197
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 80
+		},
+		{
+			"icon": {
+				"paths": [
+					"M357.908 839.68h0.492c28.18 0 51.2 23.060 51.2 51.2 0 28.18-23.060 51.2-51.2 51.2-26.419 0-48.333-20.234-50.954-45.998l-0.205-5.652 50.668-50.749zM706.56 839.68c28.18 0 51.2 23.060 51.2 51.2 0 28.18-23.060 51.2-51.2 51.2-28.18 0-51.2-23.060-51.2-51.2 0-28.18 23.060-51.2 51.2-51.2zM868.475 155.402c14.746 14.746 17.408 40.428 0 57.917-215.764 215.954-422.573 422.802-629.452 629.578l-5.264 5.261c-7.412 7.41-17.65 11.993-28.959 11.993s-21.547-4.583-28.959-11.993l0 0c-7.351-7.439-11.892-17.668-11.892-28.959s4.541-21.52 11.896-28.963l-0.004 0.004c35.742-35.914 70.16-70.358 104.647-104.733l0.989-0.985-71.557-404.193c-2.737-19.627-19.41-34.57-39.574-34.57-0.041 0-0.082 0-0.123 0l0.006-0h-47.35c-23.060 0-40.96-17.94-40.96-40.96 0-21.75 17.94-40.96 40.96-40.96h47.35c53.821 0 103.711 20.48 116.49 85.77l429.588-0.041 94.208-94.167c7.414-7.422 17.66-12.013 28.979-12.013s21.565 4.591 28.979 12.013l0 0zM499.917 697.549h222.003c23.060 0 42.23 17.94 42.23 40.96 0 21.791-19.169 39.69-42.23 39.69h-302.572l80.568-80.65zM880.681 316.621c0.287 5.734-0.123 11.551-1.311 17.408l-39.69 163.84c-9.19 43.602-44.898 76.703-89.137 81.874l-0.484 0.046-148.808 16.384 93.757-93.839 39.731-4.465c7.884-0.95 14.35-6.172 17.073-13.251l0.048-0.143 12.534-51.569 116.326-116.244zM637.010 328.868l-338.739 0.041 39.649 213.77 96.215-10.895 202.875-202.916z"
+				],
+				"width": 983,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_action_shopping-cart-disabled_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 101,
+				"id": 74,
+				"name": "ic-db_action_shopping-cart-disabled_24",
+				"prevSize": 32,
+				"code": 921942
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 81
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c16 0 30.677 9.344 38.656 24.021l107.989 219.989 244.053 35.968c17.28 2.688 35.968 16.043 35.968 40.021 0 11.989-4.011 24.021-11.989 32l-176 171.989 41.301 242.688c5.333 26.667-17.323 49.323-42.667 49.323-0.192 0.004-0.419 0.006-0.646 0.006-7.134 0-13.804-1.985-19.489-5.433l0.167 0.094-217.344-113.323-217.344 113.323c-5.517 3.354-12.188 5.339-19.322 5.339-0.227 0-0.454-0.002-0.68-0.006l0.034 0c-26.667 0-48-26.667-42.667-49.323l42.667-242.688-177.408-171.989c-7.936-8.021-11.947-20.011-11.947-32 0-20.011 16-37.333 36.011-40.021l244.011-35.968 107.947-220.032c8.064-13.312 22.741-23.979 38.699-23.979zM512 224l-80 162.688c-6.656 13.312-18.688 22.613-32 23.979l-181.333 26.667 130.688 126.677c10.667 10.667 14.635 21.333 11.947 37.333l-30.635 180.011 161.323-85.333c6.656-2.688 13.355-4.011 20.011-4.011s13.355 1.323 20.011 3.968l161.323 85.333-30.677-179.968c-0.547-2.463-0.86-5.292-0.86-8.194 0-11.526 4.941-21.898 12.82-29.113l0.030-0.027 130.688-126.677-180.011-26.667c-14.677-2.688-26.667-10.667-33.323-24.021l-80-162.645z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["star"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 137,
+				"id": 75,
+				"name": "star",
+				"prevSize": 32,
+				"code": 9734
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 82
+		},
+		{
+			"icon": {
+				"paths": [
+					"M299.605 85.333c-13.696 0-23.253 3.669-31.573 11.989l-170.667 170.667c-7.454 7.937-12.033 18.65-12.033 30.433 0 0.086 0 0.172 0.001 0.258l-0-0.013c0 10.667 4.053 21.333 11.989 29.355l170.667 171.947c7.641 7.45 18.096 12.045 29.625 12.045 0.37 0 0.739-0.005 1.107-0.014l-0.054 0.001c24.021 0 42.667-20.011 42.667-42.667 0-0.066 0.001-0.144 0.001-0.222 0-11.363-4.579-21.656-11.993-29.135l0.003 0.003-98.688-98.645h366.677c24.021 0 42.667-20.011 42.667-42.667 0-24.021-18.688-42.667-42.667-42.667h-366.677l98.731-98.688c7.384-7.446 11.948-17.7 11.948-29.019 0-0.103-0-0.206-0.001-0.308l0 0.016c0-22.656-17.323-42.667-41.728-42.667zM725.333 512c-24.021 0-42.667 18.688-42.667 42.667 0 10.667 4.693 20.565 13.355 29.355l97.28 98.645h-366.635c-22.656 0-42.667 18.688-42.667 42.667 0 22.656 20.011 42.667 42.667 42.667h366.677l-97.365 98.688c-8.619 8.747-13.312 18.645-13.312 29.312 0 24.021 18.688 42.667 42.667 42.667 0.301 0.008 0.656 0.012 1.011 0.012 11.534 0 21.998-4.576 29.678-12.012l-0.011 0.011 170.667-170.667c7.425-7.668 12.001-18.132 12.001-29.666 0-0.356-0.004-0.71-0.013-1.064l0.001 0.052c0.008-0.301 0.012-0.656 0.012-1.011 0-11.534-4.576-21.998-12.012-29.678l0.011 0.011-170.667-170.667c-7.668-7.425-18.132-12.001-29.666-12.001-0.356 0-0.71 0.004-1.064 0.013l0.052-0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["swap-horizontal"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 138,
+				"id": 76,
+				"name": "swap-horizontal",
+				"prevSize": 32,
+				"code": 8646
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 83
+		},
+		{
+			"icon": {
+				"paths": [
+					"M298.667 938.667c10.667 0 21.333-4.011 30.677-11.989l170.667-170.667c7.979-9.344 11.989-20.011 11.989-30.677 0-24.021-20.011-42.667-42.667-42.667-10.667 0-21.333 4.011-29.355 13.355l-98.645 97.28v-366.635c0-24.021-18.688-42.667-42.667-42.667-24.021 0-42.667 18.688-42.667 42.667v366.677l-98.688-97.365c-6.977-8.169-17.287-13.315-28.8-13.315-0.18 0-0.36 0.001-0.54 0.004l0.027-0c-24.021 0-42.667 20.011-42.667 42.667 0 10.667 4.011 21.333 11.989 30.677l170.667 170.667c9.344 7.979 20.011 11.989 30.677 11.989zM725.333 640c24.021 0 42.667-18.688 42.667-42.667v-366.677l98.688 98.688c7.476 7.411 17.769 11.99 29.132 11.99 0.063 0 0.126-0 0.19-0l-0.010 0c25.344 0 42.667-18.688 42.667-42.667 0-0.066 0.001-0.144 0.001-0.222 0-11.363-4.579-21.656-11.993-29.135l0.003 0.003-170.667-171.947c-8.109-7.311-18.846-11.844-30.639-12.032l-0.038-0c-0.066-0-0.144-0.001-0.222-0.001-11.363 0-21.656 4.579-29.135 11.993l0.003-0.003-171.947 171.989c-7.436 7.48-12.032 17.791-12.032 29.175 0 0.063 0 0.126 0 0.189l-0-0.010c0 25.344 18.688 42.667 42.667 42.667 10.667 0 21.333-4.011 30.677-11.989l97.323-98.688v366.677c0 24.021 18.688 42.667 42.667 42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["swap-vertical"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 139,
+				"id": 77,
+				"name": "swap-vertical",
+				"prevSize": 32,
+				"code": 8693
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 84
+		},
+		{
+			"icon": {
+				"paths": [
+					"M810.667 383.957h-140.715c21.888-44.885 45.227-105.515 45.227-159.829 0-76.501-52.864-138.709-117.845-138.709-57.045 0-76.501 41.728-101.205 94.549l-9.045 19.285c-45.525 95.872-133.845 174.123-180.864 211.243-18.102-16.378-42.192-26.434-68.629-26.539l-0.021-0h-48.469c-57.279 0.073-103.692 46.487-103.765 103.758l-0 0.007v304.469c0.049 57.297 46.472 103.735 103.758 103.808l48.476 0c31.36 0 59.136-14.251 78.208-36.309 103.936 28.843 290.304 79.147 324.267 79.147 153.813 0 298.667-216.405 298.667-384.171 0-76.032 0-170.667-128-170.667zM256 792.192c-0.024 10.179-8.257 18.426-18.427 18.475l-0.005 0h-48.469c-10.185-0.024-18.432-8.286-18.432-18.475 0-0 0-0 0-0l0-0v-304.469c0-10.155 8.277-18.432 18.432-18.432h48.469c10.155 0 18.432 8.235 18.432 18.432zM640.725 853.504c-22.315-1.323-164.267-37.931-299.392-75.264v-286.976c45.909-34.133 163.072-129.579 222.805-255.403l9.301-19.755c9.216-19.755 19.669-42.069 23.893-45.312 11.349 0 32.512 18.347 32.512 53.376 0 60.459-49.323 149.931-68.309 179.285-4.287 6.542-6.838 14.557-6.838 23.168 0 23.553 19.085 42.649 42.634 42.667l213.335 0c41.045 0 42.667 0 42.667 85.333 0 134.059-117.632 298.837-212.608 298.837z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_thumb_up_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 237,
+				"id": 78,
+				"name": "db_ic_thumb_up_24",
+				"prevSize": 32,
+				"code": 922198
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 85
+		},
+		{
+			"icon": {
+				"paths": [
+					"M810.667 640.299h-140.715c21.888 44.885 45.227 105.515 45.227 159.829 0 76.501-52.864 138.709-117.845 138.709-57.045 0-76.501-41.728-101.205-94.549l-9.045-19.285c-45.525-95.872-133.845-174.123-180.864-211.243-18.102 16.378-42.192 26.434-68.629 26.539l-0.021 0h-48.469c-57.279-0.073-103.692-46.487-103.765-103.758l-0-0.007v-304.469c0.049-57.297 46.472-103.735 103.758-103.808l48.476-0c31.36 0 59.136 14.251 78.208 36.309 103.936-28.843 290.304-79.147 324.267-79.147 153.813 0 298.667 216.405 298.667 384.171 0 76.032 0 170.667-128 170.667zM256 232.064c-0.024-10.179-8.257-18.426-18.427-18.475l-0.005-0h-48.469c-10.185 0.024-18.432 8.286-18.432 18.475 0 0 0 0 0 0l0 0v304.469c0 10.155 8.277 18.432 18.432 18.432h48.469c10.155 0 18.432-8.235 18.432-18.432zM640.725 170.752c-22.315 1.323-164.267 37.931-299.392 75.264v286.976c45.909 34.133 163.072 129.579 222.805 255.403l9.301 19.755c9.216 19.755 19.669 42.069 23.893 45.312 11.349 0 32.512-18.347 32.512-53.376 0-60.459-49.323-149.931-68.309-179.285-4.287-6.542-6.838-14.557-6.838-23.168 0-23.553 19.085-42.649 42.634-42.667l213.335-0c41.045 0 42.667 0 42.667-85.333 0-134.059-117.632-298.837-212.608-298.837z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_thumb_up_down_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 238,
+				"id": 79,
+				"name": "db_ic_thumb_up_down_24",
+				"prevSize": 32,
+				"code": 922199
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 86
+		},
+		{
+			"icon": {
+				"paths": [
+					"M289.707 485.845c5.578 7.142 8.944 16.247 8.944 26.139 0 23.564-19.103 42.667-42.667 42.667-9.892 0-18.997-3.366-26.233-9.015l0.095 0.071-135.552-135.552c-5.586-7.145-8.956-16.256-8.956-26.155s3.371-19.010 9.027-26.249l-0.071 0.094 135.552-135.552c15.36-11.947 42.453-10.667 56.448 3.541 13.995 14.251 15.36 40.96 3.413 56.32l-58.667 59.179h472.96c0.147-0 0.321-0.001 0.495-0.001 129.603 0 234.667 105.064 234.667 234.667 0 126.461-100.031 229.558-225.285 234.483l-0.447 0.014-372.096 0.171c-23.544-0.027-42.619-19.119-42.619-42.667 0-21.788 16.332-39.762 37.421-42.347l0.206-0.021 367.659-0.299c0.064 0 0.14 0 0.216 0 82.475 0 149.333-66.859 149.333-149.333 0-79.669-62.387-144.766-140.972-149.103l-0.385-0.017-481.152-0.213z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_undo_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 239,
+				"id": 80,
+				"name": "db_ic_undo_24",
+				"prevSize": 32,
+				"code": 9100
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 87
+		},
+		{
+			"icon": {
+				"paths": [
+					"M256 938.667h512c70.692 0 128-57.308 128-128v0-170.667c0-24.021-18.688-42.667-42.667-42.667-24.021 0-42.667 18.688-42.667 42.667v170.667c0 24.021-18.688 42.667-42.667 42.667h-512c-24.021 0-42.667-18.688-42.667-42.667v-170.667c0-24.021-18.688-42.667-42.667-42.667-24.021 0-42.667 18.688-42.667 42.667v170.667c0 70.692 57.308 128 128 128v0zM512 85.333c10.667 0 22.656 3.968 30.677 11.947l169.344 170.325c8.19 7.097 13.34 17.514 13.34 29.134 0 0.513-0.010 1.023-0.030 1.531l0.002-0.073c0 22.613-18.688 41.216-42.667 41.216-10.667 0-22.656-3.968-30.677-11.947l-97.323-97.109v409.728c0 23.936-20.011 42.581-42.667 42.581-24.021 0-42.667-18.645-42.667-42.581v-409.685l-97.323 97.067c-9.344 7.979-20.011 11.947-30.677 11.947-24.021 0-42.667-18.603-42.667-42.539 0-10.667 4.011-21.333 13.355-29.269l169.259-170.325c8.107-7.979 20.053-11.947 30.72-11.947z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["upload"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 140,
+				"id": 81,
+				"name": "upload",
+				"prevSize": 32,
+				"code": 921729
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 88
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 213.333c157.355 0 273.323 93.355 417.323 272 5.818 6.994 9.35 16.071 9.35 25.972 0 0.244-0.002 0.488-0.006 0.731l0.001-0.037c0.004 0.207 0.006 0.451 0.006 0.695 0 9.901-3.531 18.977-9.404 26.038l0.054-0.066c-144 180.011-259.968 272-417.323 272-148.011 0-253.355-72.021-417.323-272-5.818-6.994-9.35-16.071-9.35-25.972 0-0.244 0.002-0.488 0.006-0.731l-0.001 0.037c0-9.344 2.688-18.688 9.344-26.667 144-178.688 260.011-272 417.323-272zM512 298.667c-107.989 0-200.021 59.989-329.344 213.333 125.397 149.333 212.011 209.323 329.344 213.333 107.989 0 200.021-59.989 329.344-213.333-125.397-149.333-212.011-209.323-329.344-213.333zM512 384c70.698 0.024 128 57.342 128 128.043 0 70.716-57.327 128.043-128.043 128.043-0.015 0-0.030-0-0.045-0l0.002 0c-70.698-0.024-128-57.342-128-128.043 0-70.716 57.327-128.043 128.043-128.043 0.015 0 0.030 0 0.045 0l-0.002-0zM512 469.333c-24.021 0-42.667 20.011-42.667 42.667 0 24.021 18.688 43.989 42.667 43.989 24.021 0 42.667-20.011 42.667-43.989 0-22.656-18.688-42.667-42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["visibility"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 242,
+				"id": 82,
+				"name": "visibility",
+				"prevSize": 32,
+				"code": 128065
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 89
+		},
+		{
+			"icon": {
+				"paths": [
+					"M853.333 128c22.656 0 42.667 18.688 42.667 42.667 0 10.667-4.011 22.656-11.989 30.677l-682.667 682.667c-8.113 7.295-18.851 11.814-30.642 11.989l-0.036 0c-24.021 0-42.667-17.323-42.667-42.667 0-10.667 4.011-21.333 11.989-29.355l116.011-115.925c-59.989-50.688-114.688-106.667-161.323-169.344-5.819-6.994-9.351-16.071-9.351-25.973 0-0.259 0.002-0.517 0.007-0.775l-0.001 0.039c0-9.344 2.688-18.688 9.344-26.667 70.656-88.021 217.344-272 417.323-272 68.629 1.582 132.357 21.203 187.034 54.282l-1.69-0.949 125.312-125.355c7.722-8.147 18.598-13.239 30.664-13.312l0.014-0zM512 298.667c-142.677 0-261.333 130.688-329.344 213.333 39.895 50.222 83.648 94.395 131.753 133.414l1.581 1.242 101.333-100.011c-5.333-10.667-6.656-22.613-6.656-34.645-0-0.013-0-0.028-0-0.043 0-55.941 45.349-101.291 101.291-101.291 0.015 0 0.030 0 0.045 0l-0.002-0c11.989 0 24.021 2.688 34.688 6.656l86.613-87.979c-35.319-18.065-76.845-29.237-120.835-30.665l-0.466-0.012zM770.688 433.323c24.062 24.407 47.145 50.045 69.036 76.698l1.577 1.979c-68.011 84.011-186.667 213.333-329.344 213.333-10.667 0-20.011 0-30.677-1.323l-70.656 70.656c32 10.667 66.688 16 101.333 16 200.021 0 346.667-184.021 417.323-272 5.844-7.003 9.392-16.098 9.392-26.022 0-0.227-0.002-0.453-0.006-0.678l0 0.034c0.004-0.207 0.006-0.451 0.006-0.695 0-9.901-3.531-18.977-9.404-26.038l0.054 0.066c-32.534-41.135-64.376-77.628-97.845-112.548l0.522 0.548-61.355 59.989z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["visibility-off"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 241,
+				"id": 83,
+				"name": "visibility-off",
+				"prevSize": 32,
+				"code": 921730
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 90
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c234.667 0 426.667 192 426.667 426.667 0 0.127 0 0.277 0 0.427 0 235.406-190.834 426.24-426.24 426.24-0.15 0-0.3-0-0.45-0l0.023 0c-0.127 0-0.277 0-0.427 0-235.406 0-426.24-190.834-426.24-426.24 0-0.15 0-0.3 0-0.45l-0 0.023c-0-0.127-0-0.277-0-0.427 0-235.406 190.834-426.24 426.24-426.24 0.15 0 0.3 0 0.45 0l-0.023-0zM341.333 554.667h-168.021c18.688 152.021 138.667 274.688 296.021 296.021-53.333-68.053-98.688-173.355-128-296.021zM621.355 554.667h-192c47.957 200.021 133.291 290.688 160 283.989 18.645-3.968 42.667-59.989 42.667-160 0-36.011-4.011-77.312-10.667-123.989zM850.645 554.667h-144c6.699 42.667 9.387 84.011 9.387 122.667 0 42.667-4.053 82.688-12.032 116.011 84.011-58.667 129.323-130.688 146.688-238.677zM328.021 225.323c-90.667 60.032-141.312 145.365-154.667 244.011h152.021c-5.947-38.095-9.345-82.032-9.345-126.762 0-0.436 0-0.871 0.001-1.306l-0 0.068c0-42.667 4.011-81.323 12.032-116.011zM444.075 181.333c-18.688 0-44.032 56.021-44.032 160 0 37.333 2.688 80 10.667 128h193.323c-48-197.333-129.323-288-160-288zM566.699 174.677c54.613 74.667 97.28 177.323 125.355 294.656h158.635c-21.333-152.021-134.656-269.355-283.989-294.656z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["website"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 143,
+				"id": 84,
+				"name": "website",
+				"prevSize": 32,
+				"code": 922200
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 91
+		},
+		{
+			"icon": {
+				"paths": [
+					"M426.667 85.333c189.355 0 342.656 153.088 342.656 340.821 0.001 0.326 0.002 0.711 0.002 1.097 0 79.244-27.099 152.159-72.536 209.983l0.555-0.733 229.333 227.627c7.424 7.592 12.004 17.992 12.004 29.462 0 0.397-0.006 0.794-0.016 1.189l0.001-0.058c0 27.989-22.656 43.947-43.989 43.947-9.344 0-20.011-4.011-29.355-13.312l-227.968-228.992c-57.213 44.833-130.222 71.895-209.551 71.895-0.4 0-0.8-0.001-1.199-0.002l0.062 0c-187.989 0-341.333-153.088-341.333-342.101 0-187.733 153.344-340.821 341.333-340.821zM426.667 170.539c-141.355 0-256 114.475-256 255.573-0.001 0.241-0.001 0.526-0.001 0.811 0 141.411 114.6 256.056 255.994 256.128l0.007 0c0.266 0.001 0.581 0.002 0.896 0.002 141.621 0 256.427-114.806 256.427-256.427 0-0.166-0-0.331-0-0.497l0 0.026c0-141.141-114.645-255.616-257.323-255.616zM426.667 597.12c24.021 0 42.667-19.2 42.667-43.179v-84.608h85.333c26.667 0 42.667-19.968 42.667-42.581s-18.688-42.624-42.667-42.624l-85.333-0.128v-88.32c0-21.333-20.011-39.936-42.667-39.936s-42.667 18.645-42.667 42.581v85.803h-85.333c-26.667 0-42.667 21.248-42.667 42.539 0 23.979 18.688 42.667 42.667 42.667h85.333v85.931c0 22.613 18.688 41.856 42.667 41.856z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["zoom-in"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 144,
+				"id": 85,
+				"name": "zoom-in",
+				"prevSize": 32,
+				"code": 921731
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 92
+		},
+		{
+			"icon": {
+				"paths": [
+					"M426.667 85.333c189.355 0 342.656 153.344 342.656 341.333 0.001 0.335 0.002 0.733 0.002 1.13 0 79.345-27.096 152.361-72.541 210.299l0.56-0.741 229.333 227.968c7.979 8.661 11.989 19.669 11.989 30.677 0 24.661-18.133 42.539-42.325 42.539-0.024 0-0.052 0-0.080 0-10.19 0-19.571-3.468-27.025-9.289l0.097 0.073-232.021-231.979c-57.183 44.858-130.173 71.938-209.489 71.938-0.407 0-0.813-0.001-1.22-0.002l0.063 0c-187.989 0-341.333-153.301-341.333-342.656 0-187.989 153.344-341.333 341.333-341.333zM426.667 170.667c-141.355 0-256 114.688-256 256 0 142.677 114.688 257.323 256 257.323 0.203 0.001 0.443 0.001 0.684 0.001 141.738 0 256.64-114.902 256.64-256.64 0-0.24-0-0.481-0.001-0.721l0 0.037c0-141.355-114.645-256-257.323-256zM554.667 384h-256c-24.021 0-42.667 18.688-42.667 42.667 0 24.021 18.688 42.667 42.667 42.667h256c24.021 0 43.989-18.688 43.989-42.667 0-24.021-20.011-42.667-43.989-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["zoom-out"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 145,
+				"id": 86,
+				"name": "zoom-out",
+				"prevSize": 32,
+				"code": 921732
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 93
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-av-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-av-filled.json
new file mode 100644
index 0000000000..c91f6b355e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-av-filled.json
@@ -0,0 +1,208 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M637.312 271.061c-13.518-9.386-30.275-14.995-48.341-14.995-47.122 0-85.332 38.157-85.419 85.259l-0 0.008v67.029l-199.125-137.301c-13.518-9.386-30.275-14.995-48.341-14.995-47.122 0-85.332 38.157-85.419 85.259l-0 0.008v341.333c0.040 47.122 38.249 85.306 85.376 85.306 18.086 0 34.859-5.624 48.665-15.218l-0.281 0.185 199.125-137.301v67.029c0.040 47.122 38.249 85.306 85.376 85.306 18.086 0 34.859-5.624 48.665-15.218l-0.281 0.185 247.552-170.667c22.427-15.599 36.922-41.243 36.922-70.272s-14.495-54.673-36.643-70.088l-0.279-0.184z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fast_forward_solid_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 28,
+				"id": 6,
+				"name": "db_ic_fast_forward_solid_24",
+				"prevSize": 32,
+				"code": 922263
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M138.88 582.272l247.552 170.667c13.518 9.386 30.275 14.995 48.341 14.995 47.122 0 85.332-38.157 85.419-85.259l0-0.008v-67.029l199.125 137.301c13.549 9.422 30.349 15.052 48.464 15.052 14.509 0 28.175-3.612 40.147-9.986l-0.462 0.224c27.351-14.595 45.65-42.941 45.653-75.562l0-0.001v-341.333c-0.023-47.134-38.239-85.335-85.376-85.335-18.104 0-34.893 5.635-48.706 15.247l0.28-0.184-199.125 137.301v-67.029c-0.040-47.122-38.249-85.306-85.376-85.306-18.086 0-34.859 5.624-48.665 15.218l0.281-0.185-247.552 170.667c-22.427 15.599-36.922 41.243-36.922 70.272s14.495 54.673 36.643 70.088l0.279 0.184z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fast_backward_solid_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 29,
+				"id": 5,
+				"name": "db_ic_fast_backward_solid_24",
+				"prevSize": 32,
+				"code": 922262
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 426.667c23.564 0 42.667 19.103 42.667 42.667v0c0 150.528-111.189 278.016-256 298.667v85.333h85.333c23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-19.2 42.667-42.667 42.667h-256c-23.564 0-42.667-19.103-42.667-42.667v0c0-21.888 19.2-42.667 42.667-42.667h85.333v-85.333c-144.811-20.651-256-148.139-256-298.667 0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0c0 117.821 95.513 213.333 213.333 213.333s213.333-95.513 213.333-213.333v0c0-23.564 19.103-42.667 42.667-42.667v0zM512 85.333c79.744 0 149.333 66.987 149.333 149.333v234.667c0 82.475-66.859 149.333-149.333 149.333v0c-79.744 0-149.333-66.987-149.333-149.333v-234.667c0-82.475 66.859-149.333 149.333-149.333v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_microphone_solid_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 92,
+				"id": 0,
+				"name": "db_ic_microphone_solid_24",
+				"prevSize": 32,
+				"code": 922164
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M298.667 725.163v-424.96c0-45.483 34.688-86.869 85.333-86.869 18.688 0 34.688 5.333 50.688 16.043l338.645 211.115c22.656 17.408 37.333 44.117 37.333 72.192 0 28.032-13.355 54.784-37.333 70.827l-338.688 212.48c-13.948 9.080-30.984 14.533-49.285 14.677h-0.038c-0.355 0.005-0.775 0.008-1.195 0.008-47.199 0-85.461-38.262-85.461-85.461 0-0.018 0-0.036 0-0.054v0.003z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["play-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 147,
+				"id": 1,
+				"name": "play-filled",
+				"prevSize": 32,
+				"code": 9655
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M810.667 723.456v-422.912c-0.383-48.010-39.201-86.827-87.174-87.21h-0.037c-17.024 0-34.048 5.973-49.067 16.043l-275.371 211.456c-23.040 16.043-36.053 43.093-36.053 71.168s13.013 55.125 36.053 71.168l275.328 211.456c15.061 10.027 32.085 16.043 50.133 16.043 44.075 0 86.187-37.12 86.187-87.211zM298.539 725.461v-427.947c-0.168-23.181-18.927-41.925-42.098-42.069h-0.014c-23.040 0-43.093 19.029-43.093 42.069v427.947c0 23.040 19.029 42.112 43.093 42.112 23.040 0 42.112-19.029 42.112-42.112z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["skip-backward-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 148,
+				"id": 2,
+				"name": "skip-backward-filled",
+				"prevSize": 32,
+				"code": 9198
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M213.333 723.456v-422.912c0.383-48.010 39.201-86.827 87.174-87.21h0.037c17.024 0 34.048 5.973 49.067 16.043l275.371 211.456c23.040 16.043 36.053 43.093 36.053 71.168s-13.013 55.125-36.053 71.168l-275.328 211.456c-14.010 9.817-31.35 15.782-50.069 16.042l-0.064 0.001c-44.075 0-86.187-37.12-86.187-87.211zM725.461 725.461v-427.947c0-23.040 19.072-42.069 42.112-42.069s43.093 19.029 43.093 42.069v427.947c0 23.040-19.029 42.112-43.093 42.112-23.209-0.12-41.992-18.903-42.112-42.101v-0.011z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["skip-forward-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 149,
+				"id": 3,
+				"name": "skip-forward-filled",
+				"prevSize": 32,
+				"code": 9197
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M256 640v-256c0-70.692 57.308-128 128-128v0h256c70.692 0 128 57.308 128 128v0 256c0 70.692-57.308 128-128 128v0h-256c-70.692 0-128-57.308-128-128v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["stop-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 150,
+				"id": 4,
+				"name": "stop-filled",
+				"prevSize": 32,
+				"code": 9633
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-av-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-av-outline.json
new file mode 100644
index 0000000000..36a0446a4f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-av-outline.json
@@ -0,0 +1,473 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M767.787 256c47.118 0.024 85.309 38.215 85.333 85.331l0 0.002v341.333c-0.023 47.134-38.239 85.335-85.376 85.335-18.104 0-34.893-5.635-48.706-15.247l0.28 0.184-199.125-137.301v67.029c-0.040 47.122-38.249 85.306-85.376 85.306-18.086 0-34.859-5.624-48.665-15.218l0.281 0.185-247.552-170.667c-22.427-15.599-36.922-41.243-36.922-70.272s14.495-54.673 36.643-70.088l0.279-0.184 247.552-170.667c13.518-9.386 30.275-14.995 48.341-14.995 47.122 0 85.332 38.157 85.419 85.259l0 0.008v67.029l199.125-137.301c13.549-9.426 30.351-15.060 48.469-15.061l0-0zM434.859 341.333l-247.552 170.667 247.552 170.667zM767.787 341.333l-247.595 170.667 247.595 170.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fast_backward_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 30,
+				"id": 18,
+				"name": "db_ic_fast_backward_24",
+				"prevSize": 32,
+				"code": 922262
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M588.885 256c16.981 0 33.92 5.077 48.427 15.061l247.552 170.667c22.427 15.599 36.922 41.243 36.922 70.272s-14.495 54.673-36.643 70.088l-0.279 0.184-247.552 170.667c-13.518 9.386-30.275 14.995-48.341 14.995-47.122 0-85.332-38.157-85.419-85.259l-0-0.008v-67.029l-199.125 137.301c-13.518 9.386-30.275 14.995-48.341 14.995-47.122 0-85.332-38.157-85.419-85.259l-0-0.008v-341.333c0.040-47.122 38.249-85.306 85.376-85.306 18.086 0 34.859 5.624 48.665 15.218l-0.281-0.185 199.125 137.301v-67.029c0.024-47.118 38.215-85.309 85.331-85.333l0.002-0zM588.885 341.333v341.333l247.552-170.667zM256 341.333v341.333l247.552-170.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fast_forward_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 31,
+				"id": 17,
+				"name": "db_ic_fast_forward_24",
+				"prevSize": 32,
+				"code": 922263
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 426.667c23.564 0 42.667 19.103 42.667 42.667v0c0 150.528-111.189 278.016-256 298.667v85.333h85.333c23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-19.2 42.667-42.667 42.667h-256c-23.564 0-42.667-19.103-42.667-42.667v0c0-21.888 19.2-42.667 42.667-42.667h85.333v-85.333c-144.811-20.651-256-148.139-256-298.667 0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0c0 117.821 95.513 213.333 213.333 213.333s213.333-95.513 213.333-213.333v0c0-23.564 19.103-42.667 42.667-42.667v0zM512 85.333c79.744 0 149.333 66.987 149.333 149.333v234.667c0 82.475-66.859 149.333-149.333 149.333v0c-79.744 0-149.333-66.987-149.333-149.333v-234.667c0-82.475 66.859-149.333 149.333-149.333v0zM512 170.667c-33.28 0-64 28.587-64 64v234.667c0 35.346 28.654 64 64 64v0c33.28 0 64-28.587 64-64v-234.667c0-35.346-28.654-64-64-64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_microphone_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 93,
+				"id": 0,
+				"name": "db_ic_microphone_24",
+				"prevSize": 32,
+				"code": 922164
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M944.811 555.392c0-176-136.32-322.859-312.32-337.408l17.237-17.195c8.908-7.763 14.515-19.117 14.549-31.781l0-0.006c0-22.485-19.84-41.003-43.648-41.003-0.246-0.005-0.536-0.008-0.826-0.008-10.219 0-19.624 3.488-27.088 9.339l0.096-0.072-96.555 97.92c-7.377 7.092-11.96 17.044-11.96 28.067 0 0.363 0.005 0.724 0.015 1.085l-0.001-0.053c0 11.947 4.011 22.485 11.947 30.421l92.544 93.995c7.936 7.936 18.56 11.947 31.787 11.947 22.485 0 41.003-19.883 41.003-42.368 0.002-0.146 0.003-0.318 0.003-0.49 0-11.436-5.113-21.679-13.178-28.565l-0.052-0.043-23.808-26.453c132.267 9.259 235.52 120.405 235.52 254.037 0 64.853-26.453 129.664-75.435 179.925-7.358 7.416-11.905 17.63-11.905 28.906 0 0.083 0 0.166 0.001 0.248l-0-0.013c0.192 23.298 19.027 42.134 42.307 42.325l0.018 0c0.070 0 0.153 0.001 0.236 0.001 11.276 0 21.49-4.547 28.908-11.907l-0.003 0.003c62.101-61.412 100.56-146.619 100.565-240.81l0-0.001zM128 853.632c0.192-23.298 19.027-42.134 42.307-42.325l0.018-0h42.368v-169.045l-19.84 11.904c-6.413 4.007-14.169 6.446-22.483 6.613l-0.045 0.001c-23.808 0-40.96-19.84-40.96-42.368 0-13.227 5.248-26.453 17.152-35.712l84.693-55.552c6.613-3.968 14.549-6.613 22.485-6.613 23.808 0 43.691 18.517 43.691 42.325v248.448h43.648c23.313 0.192 42.158 19.052 42.325 42.352l0 0.016c0.002 0.153 0.003 0.334 0.003 0.515 0 23.093-18.72 41.813-41.813 41.813-0.181 0-0.362-0.001-0.543-0.003l0.027 0h-170.667c-0.166 0.002-0.362 0.004-0.558 0.004-23.093 0-41.813-18.72-41.813-41.813 0-0.181 0.001-0.362 0.003-0.543l-0 0.027zM553.685 512c75.435 0 127.019 56.917 127.019 141.568v96.597c0 84.693-51.627 141.568-127.019 141.568-76.757 0-127.019-56.875-127.019-140.245v-100.565c0-84.651 50.261-138.923 127.019-138.923zM554.667 597.333c-26.667 0-42.667 20.139-42.667 53.675v103.296c0 36.267 16 56.363 42.667 56.363s42.667-20.139 42.667-57.685v-97.963c0-36.224-16-57.685-42.667-57.685z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fast-backward-10"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 133,
+				"id": 1,
+				"name": "fast-backward-10",
+				"prevSize": 32,
+				"code": 921733
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M240.427 512c65.237 0 112.597 42.24 112.597 100.437 0 22.869-6.656 43.093-19.925 60.715 22.997 19.371 36.821 48.341 36.821 82.432 0 129.835-158.72 137.472-218.496 140.373l-2.133 0.043c-0.292 0.007-0.636 0.011-0.981 0.011-23.57 0-42.678-19.108-42.678-42.678 0-23.225 18.552-42.118 41.646-42.666l0.051-0.001c129.365-6.229 136.747-36.779 137.173-52.437v-2.645c0-5.589 0-22.656-25.6-22.656-13.824 0-22.827 0.896-52.309 6.741-2.94 0.723-6.315 1.138-9.788 1.138-23.564 0-42.667-19.103-42.667-42.667 0-20.687 14.723-37.936 34.262-41.839l0.272-0.045c23.68-5.547 78.933-20.907 78.933-43.819 0-13.952-20.779-15.061-27.179-15.061-19.627 0-39.936 5.547-64.043 17.408-5.502 2.77-11.991 4.392-18.859 4.392-23.574 0-42.685-19.111-42.685-42.685 0-16.707 9.598-31.171 23.58-38.182l0.246-0.112c36.267-17.835 68.608-26.197 101.76-26.197zM620.587 128c23.851 0 43.691 18.517 43.691 41.003-0.034 12.67-5.642 24.024-14.499 31.744l-0.051 0.043-17.195 17.195c175.957 14.549 312.277 161.408 312.277 337.408-0.005 94.191-38.465 179.399-100.534 240.78l-0.031 0.031c-7.42 7.383-17.651 11.947-28.948 11.947-0.068 0-0.136-0-0.203-0l0.010 0c-23.313-0.192-42.158-19.052-42.325-42.352l-0-0.016c-0-0.068-0.001-0.148-0.001-0.228 0-11.286 4.565-21.506 11.948-28.915l-0.001 0.001c48.939-50.261 75.392-115.115 75.392-179.925 0-133.632-103.253-244.779-235.52-254.037l23.808 26.453c8.117 6.93 13.23 17.172 13.23 28.608 0 0.172-0.001 0.344-0.003 0.516l0-0.026c0 22.485-18.517 42.325-41.003 42.325-13.227 0-23.851-3.968-31.787-11.904l-92.587-93.952c-7.397-7.55-11.961-17.898-11.961-29.313 0-0.39 0.005-0.778 0.016-1.165l-0.001 0.057c0-11.904 4.011-21.163 11.947-29.099l96.555-97.92c7.369-5.778 16.773-9.266 26.992-9.266 0.291 0 0.58 0.003 0.87 0.008l-0.043-0.001zM553.685 512c75.435 0 127.019 56.917 127.019 141.568v96.597c0 84.693-51.627 141.568-127.019 141.568-76.757 0-127.019-56.875-127.019-140.245v-100.565c0-84.651 50.261-138.923 127.019-138.923zM554.667 597.333c-26.667 0-42.667 20.139-42.667 53.675v103.296c0 36.267 16 56.363 42.667 56.363s42.667-20.139 42.667-57.685v-97.963c0-36.224-16-57.685-42.667-57.685z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_av_fast-backward-30_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 134,
+				"id": 2,
+				"name": "ic-db_av_fast-backward-30_24",
+				"prevSize": 32,
+				"code": 921734
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M944.811 555.392c0-176-136.32-322.859-312.32-337.408l17.237-17.195c8.908-7.763 14.515-19.117 14.549-31.781l0-0.006c0-22.485-19.84-41.003-43.648-41.003-0.246-0.005-0.536-0.008-0.826-0.008-10.219 0-19.624 3.488-27.088 9.339l0.096-0.072-96.555 97.92c-7.377 7.092-11.96 17.044-11.96 28.067 0 0.363 0.005 0.724 0.015 1.085l-0.001-0.053c0 11.947 4.011 22.485 11.947 30.421l92.544 93.995c7.936 7.936 18.56 11.947 31.787 11.947 22.485 0 41.003-19.883 41.003-42.368 0.002-0.146 0.003-0.318 0.003-0.49 0-11.436-5.113-21.679-13.178-28.565l-0.052-0.043-23.808-26.453c132.267 9.259 235.52 120.405 235.52 254.037 0 64.853-26.453 129.664-75.435 179.925-7.358 7.416-11.905 17.63-11.905 28.906 0 0.083 0 0.166 0.001 0.248l-0-0.013c0.192 23.298 19.027 42.134 42.307 42.325l0.018 0c0.070 0 0.153 0.001 0.236 0.001 11.276 0 21.49-4.547 28.908-11.907l-0.003 0.003c62.101-61.412 100.56-146.619 100.565-240.81l0-0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fast-backward-empty"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 135,
+				"id": 3,
+				"name": "fast-backward-empty",
+				"prevSize": 32,
+				"code": 10554
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M85.333 558.677c0-177.323 137.344-325.333 314.667-340.011l-17.323-17.323c-8.973-7.815-14.626-19.242-14.677-31.991l-0-0.009c0-22.656 20.011-41.344 43.989-41.344 9.344 0 20.011 2.688 27.989 9.344l97.365 98.645c7.406 7.143 12.005 17.153 12.005 28.237 0 0.393-0.006 0.785-0.017 1.175l0.001-0.057c0.010 0.339 0.015 0.738 0.015 1.138 0 11.481-4.58 21.891-12.013 29.505l0.008-0.008-93.355 94.72c-7.979 7.979-18.645 11.947-32 11.947-22.656 0-41.344-19.968-41.344-42.667 0-10.667 4.011-21.333 13.355-29.312l24.021-26.667c-133.376 9.344-237.355 121.344-237.355 256 0 65.323 26.667 130.688 75.989 181.333 7.436 7.48 12.032 17.791 12.032 29.175 0 0.063-0 0.126-0 0.189l0-0.010c0 23.979-20.053 42.667-42.667 42.667-0.053 0-0.116 0-0.18 0-11.384 0-21.695-4.596-29.177-12.034l0.002 0.002c-62.573-61.881-101.325-147.737-101.333-242.644l-0-0.002zM341.333 853.205c0-22.784 18.56-42.837 42.453-42.837h42.453v-171.008l-19.925 12.032c-6.405 4.043-14.16 6.513-22.478 6.698l-0.050 0.001c-23.893 0-41.131-20.053-41.131-42.795 0-13.397 5.291-26.795 17.237-36.139l84.907-56.192c6.541-4.191 14.522-6.681 23.085-6.681 23.729 0 42.992 19.123 43.219 42.798l0 0.022v251.264h43.776c23.893 0 42.453 20.053 42.453 42.837 0.004 0.216 0.006 0.471 0.006 0.727 0 23.234-18.835 42.069-42.069 42.069-0.137 0-0.274-0.001-0.411-0.002l0.021 0h-171.093c-0.116 0.001-0.253 0.002-0.39 0.002-23.234 0-42.069-18.835-42.069-42.069 0-0.256 0.002-0.511 0.007-0.765l-0.001 0.038zM768 512c75.989 0 128 57.515 128 143.147v97.707c0 85.632-52.011 143.147-128 143.147-77.355 0-128-57.515-128-141.824v-101.675c0-85.632 50.688-140.501 128-140.501zM768 597.333c-26.667 0-42.667 20.139-42.667 53.675v103.296c0 36.267 16 56.363 42.667 56.363s42.667-20.139 42.667-57.685v-97.963c0-36.224-16-57.685-42.667-57.685z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fast-forward-10"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 136,
+				"id": 4,
+				"name": "fast-forward-10",
+				"prevSize": 32,
+				"code": 921735
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M460.288 512c65.195 0 112.555 42.24 112.555 100.437 0 22.869-6.656 43.093-19.925 60.715 22.997 19.371 36.821 48.341 36.821 82.432 0 129.835-158.72 137.472-218.496 140.373l-2.091 0.043c-0.299 0.008-0.65 0.012-1.003 0.012-23.571 0-42.678-19.108-42.678-42.678 0-23.218 18.54-42.106 41.624-42.666l0.052-0.001c129.365-6.229 136.747-36.779 137.173-52.437v-2.645c0-5.589 0-22.656-25.6-22.656-13.824 0-22.827 0.896-52.309 6.741-2.94 0.723-6.315 1.138-9.788 1.138-23.564 0-42.667-19.103-42.667-42.667 0-20.687 14.723-37.936 34.262-41.839l0.272-0.045c23.723-5.547 78.933-20.907 78.933-43.819 0-13.952-20.779-15.061-27.136-15.061-19.627 0-39.979 5.547-64.085 17.408-5.502 2.77-11.991 4.392-18.859 4.392-23.574 0-42.685-19.111-42.685-42.685 0-16.707 9.598-31.171 23.58-38.182l0.246-0.112c36.267-17.835 68.608-26.197 101.803-26.197zM411.989 128c9.344 0 20.011 2.688 27.989 9.344l97.365 98.645c7.406 7.143 12.005 17.153 12.005 28.237 0 0.393-0.006 0.785-0.017 1.175l0.001-0.057c0.010 0.339 0.015 0.738 0.015 1.138 0 11.481-4.58 21.891-12.013 29.505l0.008-0.008-93.355 94.72c-7.979 7.979-18.645 11.947-32 11.947-22.656 0-41.344-19.968-41.344-42.667 0-10.667 4.011-21.333 13.355-29.312l24.021-26.667c-133.376 9.344-237.355 121.344-237.355 256 0 65.323 26.667 130.688 75.989 181.333 7.436 7.48 12.032 17.791 12.032 29.175 0 0.063-0 0.126-0 0.189l0-0.010c0 23.979-20.053 42.667-42.667 42.667-0.053 0-0.116 0-0.18 0-11.384 0-21.695-4.596-29.177-12.034l0.002 0.002c-62.573-61.881-101.325-147.737-101.333-242.644l-0-0.002c0-177.323 137.344-325.333 314.667-340.011l-17.323-17.323c-8.973-7.815-14.626-19.242-14.677-31.991l-0-0.009c0-22.656 20.011-41.344 43.989-41.344zM768 512c75.989 0 128 57.515 128 143.147v97.707c0 85.632-52.011 143.147-128 143.147-77.355 0-128-57.515-128-141.824v-101.675c0-85.632 50.688-140.501 128-140.501zM768 597.333c-26.667 0-42.667 20.139-42.667 53.675v103.296c0 36.267 16 56.363 42.667 56.363s42.667-20.139 42.667-57.685v-97.963c0-36.224-16-57.685-42.667-57.685z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_av_fast-forward-30_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 137,
+				"id": 5,
+				"name": "ic-db_av_fast-forward-30_24",
+				"prevSize": 32,
+				"code": 921736
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M85.333 558.677c0-177.323 137.344-325.333 314.667-340.011l-17.323-17.323c-8.973-7.815-14.626-19.242-14.677-31.991l-0-0.009c0-22.656 20.011-41.344 43.989-41.344 9.344 0 20.011 2.688 27.989 9.344l97.365 98.645c7.406 7.143 12.005 17.153 12.005 28.237 0 0.393-0.006 0.785-0.017 1.175l0.001-0.057c0.010 0.339 0.015 0.738 0.015 1.138 0 11.481-4.58 21.891-12.013 29.505l0.008-0.008-93.355 94.72c-7.979 7.979-18.645 11.947-32 11.947-22.656 0-41.344-19.968-41.344-42.667 0-10.667 4.011-21.333 13.355-29.312l24.021-26.667c-133.376 9.344-237.355 121.344-237.355 256 0 65.323 26.667 130.688 75.989 181.333 7.436 7.48 12.032 17.791 12.032 29.175 0 0.063-0 0.126-0 0.189l0-0.010c0 23.979-20.053 42.667-42.667 42.667-0.053 0-0.116 0-0.18 0-11.384 0-21.695-4.596-29.177-12.034l0.002 0.002c-62.573-61.881-101.325-147.737-101.333-242.644l-0-0.002z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fast-forward-empty"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 138,
+				"id": 6,
+				"name": "fast-forward-empty",
+				"prevSize": 32,
+				"code": 10555
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M384 725.845v-428.672c1.056-22.959 19.926-41.174 43.051-41.174 0.045 0 0.090 0 0.135 0l-0.007-0c23.040 0 42.155 18.091 42.155 41.173v428.672c-0.144 23.223-18.932 42.010-42.141 42.155l-0.014 0c-0.153 0.002-0.334 0.003-0.515 0.003-23.385 0-42.376-18.814-42.663-42.131l-0-0.027zM554.667 725.845v-428.672c0-23.083 19.072-41.173 42.155-41.173s42.197 18.091 43.179 41.173v428.672c-0.287 23.344-19.278 42.158-42.664 42.158-0.181 0-0.362-0.001-0.543-0.003l0.027 0c-23.223-0.144-42.010-18.932-42.155-42.141l-0-0.014z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["pause"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 139,
+				"id": 7,
+				"name": "pause",
+				"prevSize": 32,
+				"code": 9208
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M384 213.333c18.688 0 34.688 5.333 50.688 16.043l338.645 211.115c22.656 17.408 37.333 44.117 37.333 72.192 0 28.032-13.355 54.784-37.333 70.827l-338.688 212.48c-13.948 9.080-30.984 14.533-49.285 14.677l-0.038 0c-0.355 0.005-0.775 0.008-1.195 0.008-47.199 0-85.461-38.262-85.461-85.461 0-0.018 0-0.036 0-0.054l-0 0.003v-424.96c0-45.483 34.688-86.869 85.333-86.869zM384 298.667v426.667l341.333-213.333-341.333-213.333z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["play"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 140,
+				"id": 8,
+				"name": "play",
+				"prevSize": 32,
+				"code": 9655
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M723.456 213.333c48.010 0.383 86.827 39.201 87.21 87.174l0 0.037v422.912c0 50.133-42.112 87.211-86.187 87.211-18.048 0-35.072-5.973-50.133-16.043l-275.328-211.456c-23.040-16.043-36.053-43.093-36.053-71.168s13.013-55.125 36.053-71.168l275.328-211.456c15.061-10.027 32.085-16.043 49.109-16.043zM725.333 298.667l-277.333 213.333 277.333 213.333v-426.667zM298.539 725.461v-427.947c-0.168-23.181-18.927-41.925-42.098-42.069l-0.014-0c-23.040 0-43.093 19.029-43.093 42.069v427.947c0 23.040 19.029 42.112 43.093 42.112 23.040 0 42.112-19.029 42.112-42.112z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["skip-backward"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 141,
+				"id": 9,
+				"name": "skip-backward",
+				"prevSize": 32,
+				"code": 9198
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M300.544 213.333c17.024 0 34.048 5.973 49.067 16.043l275.371 211.456c23.040 16.043 36.053 43.093 36.053 71.168s-13.013 55.125-36.053 71.168l-275.328 211.456c-14.010 9.817-31.35 15.782-50.069 16.042l-0.064 0.001c-44.075 0-86.187-37.12-86.187-87.211v-422.912c0.383-48.010 39.201-86.827 87.174-87.21l0.037-0zM298.667 298.667v426.667l277.333-213.333-277.333-213.333zM725.461 725.461v-427.947c0-23.040 19.072-42.069 42.112-42.069s43.093 19.029 43.093 42.069v427.947c0 23.040-19.029 42.112-43.093 42.112-23.209-0.12-41.992-18.903-42.112-42.101l-0-0.011z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["skip-forward"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 142,
+				"id": 10,
+				"name": "skip-forward",
+				"prevSize": 32,
+				"code": 9197
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M640 256c70.692 0 128 57.308 128 128v0 256c0 70.692-57.308 128-128 128v0h-256c-70.692 0-128-57.308-128-128v0-256c0-70.692 57.308-128 128-128v0h256zM640 341.333h-256c-24.021 0-42.667 18.688-42.667 42.667v256c0 24.021 18.688 42.667 42.667 42.667h256c24.021 0 42.667-18.688 42.667-42.667v-256c0-24.021-18.688-42.667-42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["stop"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 143,
+				"id": 11,
+				"name": "stop",
+				"prevSize": 32,
+				"code": 9633
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M832 213.333c58.667 0 106.667 48 106.667 106.667v384c0 58.667-48 106.667-106.667 106.667h-640c-58.842-0.169-106.497-47.825-106.667-106.651l-0-0.016v-384c0-58.667 48-106.667 106.667-106.667zM832 298.667h-640c-11.989 0-21.333 9.344-21.333 21.333v384c0 11.989 9.344 21.333 21.333 21.333h640c11.989 0 21.333-9.344 21.333-21.333v-384c0-11.989-9.344-21.333-21.333-21.333zM256 597.333c0 24.021 18.688 42.667 42.667 42.667h213.333c22.656 0 42.667-18.688 42.667-42.667 0-24.021-20.011-42.667-42.667-42.667h-213.333c-24.021 0-42.667 18.688-42.667 42.667zM640 597.333c0 24.021 20.011 42.667 43.989 42.667h40.021c23.936 0 43.989-18.688 43.989-42.667 0-24.021-20.011-42.667-43.989-42.667h-40.021c-23.936 0-43.989 18.688-43.989 42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["subtitles"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 144,
+				"id": 12,
+				"name": "subtitles",
+				"prevSize": 32,
+				"code": 921745
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M450.56 204.8c23.060 0 40.96 19.21 40.96 40.96v491.52c0 23.060-17.94 40.96-40.96 40.96-7.7 0-16.63-1.27-23.060-6.39l-174.080-117.76h-69.1c-0.159 0.001-0.346 0.001-0.534 0.001-56.26 0-101.868-45.608-101.868-101.868 0-0.188 0.001-0.375 0.002-0.563l-0 0.029v-121.61c0-57.59 46.080-102.4 102.4-102.4h69.14l174.080-116.49c7.619-3.809 15.319-6.39 23.020-6.39zM614.4 286.72c7.7 0 16.63 2.58 23.060 7.7 63.98 43.5 99.82 119.030 99.82 195.789 0 79.38-35.84 154.911-99.86 198.451-6.326 4.782-14.323 7.66-22.992 7.66-0.010 0-0.019-0-0.029-0l0.001 0c-23.060 0-40.96-19.21-40.96-40.96 0-12.82 6.39-25.6 17.94-34.57 42.148-29.45 63.98-78.070 63.98-129.27 0-52.47-21.75-101.13-64.020-130.58-10.801-7.28-17.828-19.442-17.899-33.249l-0-0.011c0-23.060 19.21-40.96 40.96-40.96zM409.6 322.56l-120.34 79.38c-6.326 4.782-14.323 7.66-22.992 7.66-0.010 0-0.019-0-0.029-0l-81.919 0c-11.51 0-20.48 8.97-20.48 19.21v122.88c0 11.51 8.97 20.48 20.48 20.48h81.92c7.7 0 16.63 3.85 23.060 7.66l120.3 80.65v-337.92z"
+				],
+				"width": 983,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["volume-down"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 145,
+				"id": 13,
+				"name": "volume-down",
+				"prevSize": 32,
+				"code": 922201
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M470.528 213.333c24.064 0 41.472 20.011 41.472 42.667v512c0 24.021-17.408 42.667-41.472 42.667-8.021 0-18.731-1.323-24.064-6.656l-181.931-122.667h-73.515c-58.88 0-105.685-46.677-105.685-106.667v-126.677c-0-59.989 46.805-106.667 105.685-106.667h73.515l181.888-121.344c6.699-3.968 16.043-6.656 24.064-6.656zM426.411 336l-125.739 82.688c-6.613 4.982-14.967 7.979-24.021 7.979-0.015 0-0.030-0-0.045-0l-85.587 0c-0.115-0.002-0.251-0.004-0.387-0.004-10.863 0-19.669 8.806-19.669 19.669 0 0.121 0.001 0.242 0.003 0.363l-0-0.018v128c0 11.989 7.979 21.333 20.053 21.333h85.589c8.021 0 17.365 4.011 24.064 7.979l125.739 84.011v-352z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["volume-mute"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 146,
+				"id": 14,
+				"name": "volume-mute",
+				"prevSize": 32,
+				"code": 922208
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M821.248 160c22.099 0.049 39.997 17.962 40.021 40.062l0 0.002c0 13.013-5.973 23.040-13.995 31.019l-633.771 631.765c-7.103 6.593-16.569 10.728-26.995 11.007l-0.055 0.001c-22.016 0-40.064-18.987-40.064-41.045 0-11.989 5.035-22.016 14.037-31.019l112.128-113.152-9.003-5.973h-72.107c-0.165 0.001-0.361 0.001-0.557 0.001-58.298 0-105.557-47.26-105.557-105.557 0-0.226 0.001-0.451 0.002-0.676l-0 0.035v-127.147c-0.004-0.357-0.007-0.779-0.007-1.201 0-57.968 46.992-104.96 104.96-104.96 0.407 0 0.814 0.002 1.221 0.007l-0.062-0.001h72.107l181.205-121.173c6.52-4.364 14.542-6.964 23.17-6.964 0.314 0 0.628 0.003 0.94 0.010l-0.047-0.001c24.021 0 42.027 20.011 42.027 43.051v193.237l75.093-74.112c-6.676-7.413-10.82-17.221-11.007-27.994l-0.001-0.038c0-23.040 19.029-41.045 41.045-41.045 11.008 0 23.040 6.997 28.032 11.008l47.061-47.061-13.995-9.003c-12.389-7.517-20.636-20.779-21.033-35.997l-0.001-0.057c0-23.040 19.029-40.021 41.045-40.021 6.997 0 13.995 0.981 20.053 4.992l33.024 21.035 43.051-42.069c6.714-6.82 16.047-11.046 26.366-11.046 0.586 0 1.168 0.014 1.748 0.041l-0.082-0.003zM425.728 337.237l-125.099 83.029c-6.683 4.823-14.984 7.795-23.967 8.020l-0.054 0.001h-85.163c-0.204-0.007-0.444-0.012-0.684-0.012-11.131 0-20.17 8.954-20.308 20.052l-0 0.013v128.128c0 11.008 8.96 21.035 20.992 21.035h85.12c8.021 0 17.024 2.987 24.021 8.021l33.067 22.016 92.117-91.136v-199.253zM410.752 781.781l34.005 23.040c6.016 4.992 16.043 6.955 24.064 6.955 24.021 0 42.027-18.987 42.027-43.051v-87.083l-100.139 100.139zM655.019 539.435c-6.997 41.088-28.032 77.141-62.080 101.12-10.696 7.744-17.664 20.069-18.004 34.038l-0.001 0.053c0 22.016 18.005 41.045 41.045 41.045 8.021 0 16.043-2.987 23.040-7.040 65.067-44.032 100.096-119.125 100.096-197.205-0.142-18.495-1.952-36.474-5.288-53.912l0.296 1.858-79.104 80.085zM857.259 337.195c27.547 50.738 43.836 111.056 44.074 175.159l0 0.073c-0.111 135.723-73.381 254.308-182.501 318.46l-1.734 0.942c-5.598 3.743-12.483 5.974-19.889 5.974-0.058 0-0.116-0-0.173-0l0.009 0c-22.46-0.491-40.536-18.582-41.002-41.001l-0.001-0.044c0-13.995 8.021-28.032 21.035-34.987 88.107-52.096 143.147-147.2 143.147-249.344 0-40.021-8.021-79.104-24.021-115.115l61.056-60.075z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["volume-off"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 147,
+				"id": 15,
+				"name": "volume-off",
+				"prevSize": 32,
+				"code": 922209
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M453.427 190.996c23.265 0 40.714 19.415 40.714 41.697v494.756c0 23.265-17.449 41.697-40.714 41.697-7.782 0-17.449-1.966-23.306-6.799l-175.555-118.333h-69.837c-0.171 0.001-0.373 0.002-0.575 0.002-56.463 0-102.236-45.773-102.236-102.236 0-0.217 0.001-0.433 0.002-0.649l-0 0.033v-123.208c0-58.163 45.588-102.81 102.81-102.81h69.837l175.555-117.35c6.963-4.628 15.565-6.799 23.306-6.799zM411.73 309.371l-121.242 80.486c-6.963 4.588-15.483 7.741-23.306 7.741h-82.452c-0.208-0.008-0.452-0.012-0.698-0.012-10.776 0-19.528 8.67-19.659 19.415l-0 0.012v124.109c0.046 11.233 9.128 20.329 20.35 20.398l0.007 0h82.452c7.782 0 16.384 3.113 23.265 7.782l121.242 81.469v-341.443zM596.009 675.963c7.782 0 15.524-2.867 22.323-6.758 63.037-42.68 96.993-115.425 96.993-191.078s-34.939-146.473-96.993-190.136c-6.363-3.971-14.020-6.456-22.231-6.796l-0.092-0.003c-21.928 0.093-39.679 17.844-39.772 39.763l-0 0.009c-0.001 0.088-0.001 0.191-0.001 0.295 0 13.562 6.866 25.521 17.311 32.589l0.139 0.088c40.755 27.197 62.095 74.711 62.095 124.191 0 49.439-21.34 96.993-62.095 125.092-10.65 7.782-17.449 20.398-17.449 33.014 0 21.299 17.449 39.731 39.731 39.731zM674.57 794.337c0.011 0 0.025 0 0.038 0 7.221 0 13.93-2.188 19.502-5.937l-0.125 0.079c107.374-63.068 178.345-177.939 178.463-309.395l0-0.017c0-0.13 0-0.284 0-0.438 0-131.66-70.993-246.739-176.787-309.044l-1.676-0.913c-5.015-3.067-11.084-4.883-17.577-4.883-0.646 0-1.289 0.018-1.926 0.054l0.089-0.004c-21.299 0-39.731 16.507-39.731 38.789 0 13.599 7.741 27.156 20.316 34.939 83.56 49.342 138.732 138.939 138.732 241.422 0 0.027-0 0.055-0 0.082l0-0.004c0 98.959-53.371 191.078-138.732 241.541-12.104 6.729-20.196 19.38-20.357 33.933l-0 0.022c0 21.299 18.432 39.731 39.772 39.731z"
+				],
+				"width": 983,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["volume-up"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 148,
+				"id": 16,
+				"name": "volume-up",
+				"prevSize": 32,
+				"code": 922210
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-brand-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-brand-outline.json
new file mode 100644
index 0000000000..4b48bd836b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-brand-outline.json
@@ -0,0 +1,53 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M852.395 213.419c0.28-0.003 0.61-0.005 0.941-0.005 46.92 0 84.996 37.868 85.331 84.709l0 0.032v426.667c-0.385 47.422-38.822 85.739-86.254 85.931l-0.018 0h-681.728c-47.165-0.169-85.334-38.443-85.334-85.631 0-0.105 0-0.21 0.001-0.315l-0 0.016v-426.667c0.527-46.207 38.108-83.461 84.39-83.461 0.332 0 0.663 0.002 0.994 0.006l-0.050-0h681.728zM852.395 274.176h-681.728c-0.112-0.002-0.245-0.003-0.378-0.003-12.536 0-22.699 10.163-22.699 22.699 0 0.451 0.013 0.9 0.039 1.345l-0.003-0.061v427.947c-0.022 0.371-0.034 0.804-0.034 1.24 0 12.536 10.163 22.699 22.699 22.699 0.132 0 0.264-0.001 0.395-0.003l-0.020 0h681.728c0.181 0.005 0.393 0.008 0.606 0.008 12.89 0 23.339-10.449 23.339-23.339 0-0.228-0.003-0.455-0.010-0.681l0.001 0.033v-427.947c0.005-0.18 0.008-0.392 0.008-0.605 0-12.89-10.449-23.339-23.339-23.339-0.213 0-0.425 0.003-0.636 0.009l0.031-0.001zM346.453 316.032c100.693 0 156.928 63.915 156.928 193.707 0 113.408-38.4 197.163-156.928 197.803v1.28h-144.128v-392.789h144.128zM708.267 316.971c68.992 0 110.891 38.699 110.891 95.915-0.17 42.892-28.48 79.126-67.417 91.21l-0.679 0.182 2.56-0.853 4.139 0.64c41.549 8.375 72.72 43.64 74.744 86.533l0.008 0.208 0.043 6.827c0 77.952-54.315 109.909-150.187 109.909h-138.411v-390.571zM315.733 379.648h-19.797v265.259h34.219c49.493-1.28 78.635-40.576 78.635-126.549v1.28c0-78.635-8.661-139.989-93.013-139.989zM678.528 543.573h-41.259v100.053h40.832c16.555-0.128 60.8-2.304 60.8-50.517 0-21.419-11.819-49.493-60.373-49.493zM666.368 376.448h-29.099v94.891h36.779c1.347 0.137 2.912 0.215 4.494 0.215 25.944 0 46.976-21.032 46.976-46.976 0-0.406-0.005-0.81-0.015-1.214l0.001 0.060c0-32.299-16.299-46.976-59.136-46.976z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["ic-db_brand_logo_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 5,
+				"id": 0,
+				"name": "ic-db_brand_logo_24",
+				"prevSize": 32,
+				"code": 921938
+			},
+			"setIdx": 36,
+			"setId": 67,
+			"iconIdx": 0
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": { "fontFamily": "icomoon" },
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-communication-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-communication-outline.json
new file mode 100644
index 0000000000..ddc492c38e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-communication-outline.json
@@ -0,0 +1,348 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M341.333 128c23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-19.413 42.965-42.667 42.667-28.459 0.085-56.875 0.085-85.333 0-23.564 0-42.667 19.103-42.667 42.667v0c-0.085 170.667-0.085 341.333 0 512 0 21.888 18.645 42.667 42.667 42.667 170.667 0.085 341.333 0.085 512 0 21.888 0 42.667-16.981 42.667-42.667 0.085-170.667 0.085-341.333 0-512 0-21.888-18.091-42.667-42.667-42.667-28.459-0.085-56.875-0.085-85.333 0-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0c28.459-0.085 56.875-0.085 85.333 0 68.181 0 128 53.845 128 128 0.085 170.667 0.085 341.333 0 512 0 68.181-54.912 128-128 128-170.667 0.085-341.333 0.085-512 0-68.181 0-128-53.803-128-128-0.085-170.667-0.085-341.333 0-512 0-68.181 55.211-128 128-128 28.459-0.085 56.875-0.085 85.333 0zM512 128c21.888 0 42.667 17.195 42.667 42.667 0.085 107.861 0.085 215.765 0 323.627l97.835-97.792c19.883-16.768 40.021-16.768 60.331 0 15.36 15.36 18.219 40.875 0 60.331-57.458 57.61-113.057 113.208-168.728 168.734l-1.938 1.932c-15.36 15.36-40.533 18.005-60.331 0-57.596-57.445-113.222-113.070-168.774-168.768l-1.893-1.898c-7.718-7.721-12.492-18.386-12.492-30.165s4.774-22.445 12.492-30.165l-0 0c15.36-15.36 39.253-18.133 60.331 0 32.683 32.512 65.28 65.109 97.835 97.792v-323.627c0-23.564 19.103-42.667 42.667-42.667v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_receive_item_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 108,
+				"id": 13,
+				"name": "db_ic_receive_item_24",
+				"prevSize": 32,
+				"code": 921971
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M304.085 128c23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-19.413 42.965-42.667 42.667-7.143 0.051-15.59 0.080-24.043 0.080s-16.9-0.029-25.339-0.087l1.296 0.007c-23.564 0-42.667 19.103-42.667 42.667v0c-0.085 170.667-0.085 341.333 0 512 0 21.888 18.645 42.667 42.667 42.667 170.667 0.085 341.333 0.085 512 0 21.888 0 42.667-16.981 42.667-42.667 0.085-170.667 0.085-341.333 0-512 0-21.888-18.091-42.667-42.667-42.667-7.287-0.050-15.907-0.079-24.533-0.079-8.624 0-17.242 0.028-25.853 0.085l1.32-0.007c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0c7.287-0.047 15.907-0.074 24.533-0.074s17.246 0.027 25.86 0.081l-1.327-0.007c68.181 0 128 53.845 128 128 0.085 170.667 0.085 341.333 0 512 0 68.181-54.912 128-128 128-170.667 0.085-341.333 0.085-512 0-68.181 0-128-53.803-128-128-0.085-170.667-0.085-341.333 0-512 0-68.181 55.211-128 128-128 7.139-0.037 15.589-0.059 24.043-0.059 8.451 0 16.897 0.021 25.338 0.064l-1.296-0.005zM512.128 597.376c-21.888 0-42.667-17.195-42.667-42.667-0.041-41.712-0.064-91.093-0.064-140.48s0.023-98.768 0.070-148.144l-0.006 7.664-97.835 97.792c-19.883 16.768-40.021 16.768-60.331 0-15.36-15.36-18.219-40.875 0-60.331 57.49-57.658 113.106-113.274 168.803-168.809l1.864-1.858c15.36-15.36 40.533-18.005 60.331 0 57.658 57.49 113.274 113.106 168.809 168.803l1.858 1.864c7.718 7.721 12.492 18.386 12.492 30.165s-4.774 22.445-12.492 30.165l0-0c-15.36 15.36-39.253 18.133-60.331 0-32.683-32.512-65.28-65.109-97.835-97.792v280.96c0 23.564-19.103 42.667-42.667 42.667v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_share_item_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 107,
+				"id": 12,
+				"name": "db_ic_share_item_24",
+				"prevSize": 32,
+				"code": 921972
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M810.453 85.333c70.607 0.504 127.709 57.607 128.213 128.165l0 0.048v426.667c0 70.101-58.069 127.147-128.213 127.147h-470.741c-0.314-0.009-0.684-0.014-1.054-0.014-11.334 0-21.588 4.623-28.98 12.085l-0.003 0.003-152.235 147.2c-7.285 7.429-17.427 12.034-28.644 12.034-0.13 0-0.26-0.001-0.39-0.002l0.020 0c-22.101 0-43.093-17.067-43.093-43.093v-681.984c0.48-70.625 57.592-127.752 128.165-128.256l0.048-0zM810.453 171.477h-596.907c-0.296-0.008-0.644-0.012-0.993-0.012-22.692 0-41.088 18.396-41.088 41.088 0 0.349 0.004 0.698 0.013 1.045l-0.001-0.051v584.917l79.104-77.141c23.040-21.035 51.072-35.072 81.152-36.053h478.72c24.064 0 42.069-19.029 42.069-43.093v-428.587c0.008-0.296 0.012-0.644 0.012-0.993 0-22.692-18.396-41.088-41.088-41.088-0.349 0-0.698 0.004-1.045 0.013l0.051-0.001zM511.787 534.187c24.149 0 42.453 18.347 42.453 41.643s-18.304 42.453-42.453 42.453c-0.102 0.001-0.222 0.001-0.343 0.001-23.258 0-42.112-18.854-42.112-42.112 0-0.121 0.001-0.241 0.002-0.361l-0 0.018c0-23.339 18.347-41.643 42.453-41.643zM522.112 234.667c60.416 0 107.221 32.427 107.221 91.605 0 44.8-22.016 69.717-42.24 87.68-25.259 22.443-32.341 26.368-32.427 38.827v43.307h-85.333v-43.307c0-34.56 17.28-51.712 35.413-64.768l19.2-13.312c11.947-8.619 21.12-17.664 21.12-32.256 0-12.032-6.229-22.869-29.995-22.869-20.437 0-44.032 7.979-62.379 18.133l-29.013-75.307c40.107-18.475 72.917-27.733 98.432-27.733z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_question_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 106,
+				"id": 11,
+				"name": "db_ic_question_24",
+				"prevSize": 32,
+				"code": 921970
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M686.635 85.333c10.667 0 21.333 6.656 26.667 10.667l129.323 130.645c6.656 8.021 10.667 18.688 10.667 29.355v135.851c50.087 17.909 85.303 64.901 85.419 120.135l0 0.014v213.291c0 0.013 0 0.028 0 0.043 0 70.692-57.308 128-128 128-0.015 0-0.030-0-0.045-0l-386.771 0c-11.392 49.963-57.899 85.333-117.205 85.333-51.925 0-221.355-24.704-221.355-342.656 0-240.853 91.904-314.88 170.667-334.080v-100.608c0-43.989 34.645-75.989 77.312-75.989zM306.645 341.291c-104.021 0-136.021 117.333-136.021 254.677 0 153.301 45.355 257.323 136.021 257.323 18.645 0 34.645-7.979 34.645-23.979v-74.667c0-7.979-3.968-13.312-13.312-13.312h-20.011c-37.333 0-52.011-42.667-52.011-145.323 0-96 14.677-144 52.011-144h21.333c7.979 0 11.989-6.699 11.989-13.355v-76.032c0-16-17.323-21.333-34.645-21.333zM810.581 469.419h-388.907c-10.939 35.030-40.477 61.076-76.769 66.788l-0.543 0.070c-1.621 12.459-3.072 31.445-3.072 59.776 0 29.056 1.323 48.469 2.859 61.227 48 7.296 82.475 46.763 82.475 97.451v13.312h383.957c23.552 0 42.709-19.157 42.709-42.709v-213.205c0-23.552-19.157-42.709-42.709-42.709zM640.469 640c23.083 0 42.155 18.859 42.155 42.667s-19.072 42.667-42.155 42.667h-0.981c-23.308-0.121-42.156-19.043-42.156-42.367 0-0.105 0-0.21 0.001-0.315l-0 0.016c0-23.808 19.072-42.667 42.155-42.667zM768.469 640c23.083 0 42.155 18.859 42.155 42.667s-19.072 42.667-42.155 42.667h-0.981c-23.308-0.121-42.156-19.043-42.156-42.367 0-0.105 0-0.21 0.001-0.315l-0 0.016c0-23.808 19.072-42.667 42.155-42.667zM640.469 512c23.083 0 42.155 18.859 42.155 42.667s-19.072 42.667-42.155 42.667h-0.981c-23.308-0.121-42.156-19.043-42.156-42.367 0-0.105 0-0.21 0.001-0.315l-0 0.016c0-23.808 19.072-42.667 42.155-42.667zM768.469 512c23.083 0 42.155 18.859 42.155 42.667s-19.072 42.667-42.155 42.667h-0.981c-23.308-0.121-42.156-19.043-42.156-42.367 0-0.105 0-0.21 0.001-0.315l-0 0.016c0-23.808 19.072-42.667 42.155-42.667zM639.957 170.667h-298.667v89.685c55.936 13.269 85.333 57.813 85.333 102.315v21.333h341.333v-85.333h-86.656c-22.656 0-41.344-21.333-41.344-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fax_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 109,
+				"id": 10,
+				"name": "db_ic_fax_24",
+				"prevSize": 32,
+				"code": 128439
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M426.667 767.488c0 47.488 40.149 85.845 85.333 85.845 47.189 0 85.333-38.4 85.333-85.845 0-46.421-39.168-84.821-87.339-84.821-45.184 0-83.328 38.4-83.328 84.821zM509.013 424.064c-95.147 0-184.32 49.067-239.36 127.189-8.064 11.392-21.077 19.029-33.067 19.029-28.075 0-45.099-23.040-45.099-40.064 0-9.003 4.011-20.48 9.173-27.904 70.613-101.291 186.155-163.413 308.352-163.413 34.773 0 68.864 4.907 101.547 14.123l65.92-65.92c-49.493-19.755-104.533-30.293-164.48-30.293-137.216 0-269.184 66.133-349.653 180.181-10.667 15.104-24.917 18.133-36.949 18.133-17.067 0-40.064-20.053-40.064-42.069 0-9.045 2.987-19.029 8.021-26.027 94.161-131.598 246.504-216.349 418.643-216.363l0.003-0c0.040-0 0.087-0 0.135-0 82.963 0 161.356 19.569 230.814 54.344l-2.981-1.352 83.2-83.2c7.721-7.718 18.386-12.492 30.165-12.492s22.445 4.774 30.165 12.492l-0-0c7.63 7.769 12.339 18.428 12.339 30.187s-4.71 22.418-12.346 30.193l0.006-0.006-682.667 682.667c-7.721 7.718-18.386 12.492-30.165 12.492s-22.445-4.774-30.165-12.492l0 0c-15.36-15.36-16.939-43.392 0-60.331l166.485-166.613c-2.133-5.248-4.608-27.008 4.693-41.216 31.503-47.4 78.382-82.419 133.402-98.149l1.68-0.411 91.264-91.264c-8.657-0.924-18.7-1.451-28.866-1.451-0.052 0-0.104 0-0.155 0l0.008-0zM649.344 554.581c22.443 16.512 42.155 37.077 57.899 60.843 5.077 7.68 8.107 15.957 8.107 23.979 0 21.035-17.067 43.093-42.112 43.093-0.231 0.005-0.504 0.007-0.778 0.007-14.68 0-27.599-7.542-35.092-18.963l-0.098-0.159c-12.648-19.544-29.025-35.594-48.243-47.495l-0.653-0.377 60.971-60.928zM764.459 439.381c20.352 18.773 38.784 39.808 54.869 62.933 5.12 7.381 8.149 15.915 8.149 25.899 0 27.051-24.021 42.069-43.051 42.069-14.226-0.409-26.65-7.77-34.037-18.791l-0.096-0.153c-13.717-19.458-28.823-36.434-45.633-51.553l-0.276-0.244 60.075-60.16zM879.104 324.693c18.688 19.2 35.883 40.107 51.413 62.421 5.12 7.424 8.149 15.915 8.149 24.917 0 24.064-17.067 43.093-42.069 43.093-14.037 0-27.264-7.040-34.987-18.091-13.556-19.529-27.473-36.63-42.567-52.607l0.199 0.212 59.861-59.947z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["wifi-off"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 285,
+				"id": 0,
+				"name": "wifi-off",
+				"prevSize": 32,
+				"code": 921929
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M300.075 106.667c36.907 0 63.829 12.971 86.784 35.883l115.627 116.693c13.995 14.933 20.949 33.877 20.949 55.851 0.002 0.208 0.003 0.453 0.003 0.699 0 24.776-10.301 47.145-26.854 63.060l-0.029 0.027-68.821 69.803c53.845 71.808 74.795 93.739 153.557 156.587l67.84-69.803c17.92-18.944 40.832-27.947 64.768-27.947 17.963 0 37.888 4.992 50.859 18.944l118.656 120.661c20.513 21.196 33.338 49.942 33.918 81.68l0.002 0.112c-1.459 35.392-15.198 67.318-37.037 91.883l0.131-0.149c-61.824 71.765-115.627 108.672-201.387 108.672-109.696 0-240.341-66.816-372.949-202.411-141.653-148.608-208.427-282.197-198.443-401.877 9.941-107.691 118.613-218.368 192.427-218.368zM305.067 191.445c-45.867 0-111.659 83.755-115.627 136.576-14.976 204.416 310.101 518.528 481.579 518.528 68.821 0 94.72-19.925 147.627-79.787 10.923-11.947 15.915-24.917 15.915-37.845 0.003-0.173 0.005-0.377 0.005-0.582 0-8.995-3.403-17.196-8.992-23.384l0.027 0.031-114.688-115.669-95.701 96.725c-7.979 7.979-15.957 12.928-24.96 12.928-31.915 0-111.659-67.797-151.552-106.667-33.92-33.92-104.704-120.661-104.704-148.608 0-24.917 35.883-53.845 108.672-127.616l-115.627-115.669c-5.34-5.535-12.822-8.973-21.107-8.973-0.305 0-0.608 0.005-0.91 0.014l0.044-0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["call"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 286,
+				"id": 1,
+				"name": "call",
+				"prevSize": 32,
+				"code": 922165
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M778.035 81.92c66.355 0 123.085 49.971 123.085 114.401v417.3c0 65.413-49.971 123.085-115.384 123.085h-460.513c-7.7 0-17.326 1.925-24.044 8.643l-150.036 144.22c-7.1 7.135-16.928 11.551-27.787 11.551-0.023 0-0.046-0-0.069-0l0.004 0c-20.89 0-41.37-20.48-41.37-40.96v-655.36c0-68.69 56.115-122.88 122.88-122.88h573.235zM204.186 163.635c-22.036 0-40.346 20.685-40.346 41.165v558.817l75.94-74.957c19.251-17.326 44.237-32.727 69.222-32.727l469.238-0.573c22.118 0 40.96-19.825 40.96-40.96v-409.6c0-20.193-19.825-40.96-40.96-40.96l-574.013-0.205zM696.32 450.56c23.142 0 40.96 17.9 40.96 40.96s-19.743 40.96-40.96 40.96l-410.092-0.205c-23.142 0-40.468-18.268-40.468-41.37 0-23.060 20.726-40.346 40.96-40.346h409.6zM696.812 286.72c22.516 0.139 40.715 18.424 40.715 40.96 0 22.622-18.339 40.961-40.961 40.961-0.086 0-0.173-0-0.259-0.001l0.013 0-410.092-0.205c-23.142 0-40.468-16.179-40.468-40.755s20.726-40.96 40.96-40.96h410.092z"
+				],
+				"width": 983,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["chat"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 287,
+				"id": 2,
+				"name": "chat",
+				"prevSize": 32,
+				"code": 922166
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M124.15 901.12c0.014 0 0.030 0 0.046 0 10.961 0 20.896-4.393 28.14-11.515l-0.006 0.005 139.837-139.919c7.165-7.114 17.035-11.51 27.933-11.51 0.058 0 0.116 0 0.175 0l-0.009-0h218.522c63.898 0 116.326-54.968 116.326-123.986-0.093-22.457-18.261-40.639-40.703-40.755l-0.011-0c-23.020 0-41.083 19.046-41.083 40.755 0 26.829-20.48 42.189-40.919 42.189h-218.522c-29.409 0-58.778 14.049-80.527 35.799l-69.509 69.427v-309.821c0-28.099 20.48-42.189 40.96-42.189 26.87 0 41.37-20.316 41.37-39.485 0-23.020-18.35-42.435-41.37-42.435-72.95 0-122.88 56.32-122.88 124.15v412.18c2.58 23.020 21.75 37.11 42.23 37.11zM778.24 81.92c67.83 0 122.88 53.78 122.88 121.61v410.87c0 24.33-19.21 40.96-42.23 40.96-10.901-0.448-20.721-4.738-28.218-11.543l0.037 0.033-139.837-139.551c-7.66-7.66-17.859-12.78-28.099-12.78h-212.173c-67.707 0-122.675-54.968-122.675-121.405l-0.246-166.584c0-67.871 55.050-121.61 122.88-121.61zM782.090 162.57h-331.53c-23.060 0-40.96 19.21-40.96 40.96l0.123 166.584c0 21.709 17.9 39.608 40.919 39.608h212.132c31.949 0 62.628 14.049 86.917 35.799l69.509 70.328v-312.32c0-20.48-15.36-40.96-37.11-40.96z"
+				],
+				"width": 983,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["conversation"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 288,
+				"id": 3,
+				"name": "conversation",
+				"prevSize": 32,
+				"code": 921749
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M810.453 85.333c70.607 0.504 127.709 57.607 128.213 128.165l0 0.048v426.667c0 70.101-58.069 127.147-128.213 127.147h-470.741c-0.314-0.009-0.684-0.014-1.054-0.014-11.334 0-21.588 4.623-28.98 12.085l-0.003 0.003-152.235 147.2c-7.285 7.429-17.427 12.034-28.644 12.034-0.13 0-0.26-0.001-0.39-0.002l0.020 0c-22.101 0-43.093-17.067-43.093-43.093v-681.984c0.48-70.625 57.592-127.752 128.165-128.256l0.048-0h596.907zM810.453 171.477h-596.907c-0.296-0.008-0.644-0.012-0.993-0.012-22.692 0-41.088 18.396-41.088 41.088 0 0.349 0.004 0.698 0.013 1.045l-0.001-0.051v584.917l79.104-77.141c23.040-21.035 51.072-35.072 81.152-36.053h478.72c24.064 0 42.069-19.029 42.069-43.093v-428.587c0.008-0.296 0.012-0.644 0.012-0.993 0-22.692-18.396-41.088-41.088-41.088-0.349 0-0.698 0.004-1.045 0.013l0.051-0.001zM512 256c23.808 0 42.667 19.712 42.667 43.307v107.349c0 24.619-17.877 41.344-42.667 41.344-23.808 0-42.667-17.707-42.667-41.387v-107.264c0-20.693 14.891-43.349 42.667-43.349zM513.024 594.133c27.008 0 50.048-21.035 50.048-49.067 0-26.027-23.040-48.085-50.048-48.085-26.027 0-49.067 22.016-49.067 48.085 0 28.032 23.040 49.067 49.067 49.067z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["feedback"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 290,
+				"id": 5,
+				"name": "feedback",
+				"prevSize": 32,
+				"code": 9072
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M852.437 213.333c48.213 0 84.907 38.784 84.907 84.907v385.621c0 0.001 0 0.003 0 0.005 0 70.033-56.773 126.805-126.805 126.805-0.39 0-0.78-0.002-1.169-0.005l0.059 0h-596.224c-0.317 0.003-0.692 0.004-1.067 0.004-70.033 0-126.805-56.773-126.805-126.805 0-0.002 0-0.003 0-0.005l-0 0v-385.621c0-46.080 37.717-84.907 85.931-84.907h681.216zM171.264 350.635v333.227c0 23.040 18.859 41.941 41.941 41.941h597.333c0.216 0.004 0.471 0.006 0.726 0.006 23.226 0 42.073-18.745 42.239-41.932l0-0.016v-331.136l-250.453 249.472c-26.581 26.453-57.685 41.813-90.155 41.813-31.445 0-61.184-13.525-86.187-38.485l-255.445-254.891zM786.432 298.197h-547.072l241.92 243.285c8.405 8.448 20.011 12.629 30.549 12.629 0.389 0.014 0.846 0.023 1.304 0.023 10.123 0 19.309-4.010 26.056-10.529l-0.011 0.010 247.211-245.419z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["mail"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 291,
+				"id": 6,
+				"name": "mail",
+				"prevSize": 32,
+				"code": 9993
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M126.72 853.205c0-12.032 5.376-22.699 13.355-30.72l115.925-116.181v-494.080c0-70.869 57.685-126.891 128.427-126.891h256.427c64.128 0 127.147 42.667 127.147 109.525l55.808-56.107c9.387-8.021 20.053-12.032 30.72-12.032 0.166-0.002 0.362-0.004 0.558-0.004 23.305 0 42.197 18.892 42.197 42.197 0 0.196-0.001 0.392-0.004 0.588l0-0.030c0 12.032-5.376 21.333-13.355 29.355l-683.733 683.733c-7.78 8.091-18.639 13.172-30.686 13.354l-0.034 0c-24.064 0-42.752-20.053-42.752-42.709zM299.008 905.259l61.44-60.075c6.656 5.333 14.208 9.387 23.552 9.387h256c24.021 0 42.667-20.053 42.667-42.752v-291.157l85.333-85.461v376.619c0 70.741-57.216 126.848-128 126.848h-256c-32.043 0-60.971-12.032-84.992-33.408zM341.333 622.080l341.333-341.845v-66.816c0-22.741-18.688-42.752-42.667-42.752h-42.667c0 24.021-20.011 42.752-42.667 42.752h-85.333c-24.021 0-42.667-18.731-42.667-42.752h-42.667c-24.021 0-42.667 20.053-42.667 42.752v408.619zM445.867 758.827l76.203-76.16h33.365c22.699 0 42.752 18.688 42.752 41.387 0 24.064-20.053 44.075-42.752 44.075h-85.461c-9.194-0.53-17.495-3.969-24.093-9.401l0.072 0.057z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["mobile-off"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 292,
+				"id": 7,
+				"name": "mobile-off",
+				"prevSize": 32,
+				"code": 922212
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M639.744 85.333c0.114-0 0.249-0.001 0.385-0.001 70.622 0 127.872 57.25 127.872 127.872 0 0.135-0 0.27-0.001 0.405l0-0.021v599.168c0 70.144-57.131 125.909-128.256 125.909h-255.488c-71.125 0-128.256-55.765-128.256-125.909v-599.168c-0-0.114-0.001-0.249-0.001-0.385 0-70.622 57.25-127.872 127.872-127.872 0.135 0 0.27 0 0.405 0.001l-0.021-0h255.488zM426.496 170.667h-42.155c-24.107 0-43.179 19.029-43.179 43.051v598.613c0 22.997 20.053 41.003 43.179 41.003h256c23.188-0.12 41.962-18.849 42.155-42.008l0-0.018v-598.613c-0.024-23.216-18.85-42.027-42.069-42.027-0.030 0-0.060 0-0.090 0l0.005-0h-43.179c0 28.416-20.309 42.027-42.155 42.027h-85.333c-23.083 0-43.179-18.987-43.179-42.027zM426.667 726.059c0-22.187 18.475-43.52 42.325-43.392l85.248 0.341c24.875 0.085 43.093 18.432 43.093 42.581 0 21.333-16.597 42.581-43.093 42.581h-85.248c-23.723 0-42.325-20.053-42.325-42.112z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["mobile-phone"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 293,
+				"id": 8,
+				"name": "mobile-phone",
+				"prevSize": 32,
+				"code": 922211
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M85.333 413.013c0 22.059 23.040 42.112 40.064 42.112 12.032 0 26.283-2.987 36.949-18.133 80.427-114.091 212.437-180.139 349.653-180.139 151.253 0 271.189 67.115 349.653 180.224 7.68 11.093 20.907 18.091 34.987 18.091 25.003 0 42.027-19.029 42.027-43.093 0-9.003-2.987-17.493-8.149-24.917-94.677-136.363-252.245-216.491-418.517-216.491-172.134 0.003-324.476 84.739-417.592 214.772l-1.053 1.548c-5.035 7.040-8.021 17.067-8.021 26.027zM191.488 530.219c0 17.067 17.067 40.107 45.099 40.107 11.989 0 25.003-7.68 33.024-19.072 55.083-78.080 144.256-127.147 239.403-127.147 97.237 0 186.581 49.067 241.28 127.275 8.363 11.947 21.163 18.944 34.176 18.944 19.029 0 43.093-15.019 43.093-42.069 0-9.984-3.029-18.517-8.192-25.899-70.613-101.291-186.112-163.413-310.315-163.413-122.197 0-237.739 62.123-308.352 163.413-5.341 7.856-8.701 17.444-9.169 27.787l-0.004 0.117zM303.701 639.403c0 24.021 18.005 43.093 42.027 43.093 15.019 0 29.056-8.021 36.053-19.072 27.134-42.366 73.944-70.055 127.225-70.101l0.007-0c52.053 0 99.968 26.027 128.256 70.059 7.595 11.556 20.5 19.080 35.163 19.080 0.283 0 0.566-0.003 0.847-0.008l-0.042 0.001c25.045 0 42.069-22.016 42.069-43.093 0-7.979-2.987-16.256-8.107-23.936-43.131-64.731-115.7-106.887-198.136-107.221l-0.051-0c-82.21 0.415-154.493 42.531-196.829 106.26l-0.547 0.876c-5.973 9.131-7.979 16.043-7.979 24.064zM426.667 767.488c0 47.488 40.149 85.845 85.333 85.845 47.189 0 85.333-38.4 85.333-85.845 0-46.421-39.168-84.821-87.339-84.821-45.184 0-83.328 38.4-83.328 84.821z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["wifi"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 294,
+				"id": 9,
+				"name": "wifi",
+				"prevSize": 32,
+				"code": 921752
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 12
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-covid-19-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-covid-19-outline.json
new file mode 100644
index 0000000000..f2c44eeb10
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-covid-19-outline.json
@@ -0,0 +1,70 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M512 551.979c132.011 0 272 49.365 318.677 89.344h65.28c24.021 0 42.667 20.011 42.667 42.667 0 24.021-18.645 42.667-42.667 42.667h-54.613c-53.4 125.723-174.998 212.699-317.145 214.696l-0.252 0.003h-11.947c-144 2.645-274.688-82.688-329.344-214.699h-54.656c-24.021 0-42.667-18.645-42.667-42.667 0-22.656 18.645-42.667 42.667-42.667h65.323c46.677-39.979 186.667-89.344 318.677-89.344zM512 637.312c-86.656 1.365-170.667 21.333-248.021 60.032 40.21 94.074 131.958 158.798 238.823 158.798 3.235 0 6.456-0.059 9.662-0.177l-0.463 0.013c107.989 4.011 206.677-59.989 249.344-158.635-72.682-36.848-158.308-58.895-248.972-60.028l-0.372-0.004zM577.323 694.656c24.021 0 42.667 18.688 42.667 42.667 0 40.021-48 52.011-107.989 52.011-56.021 0-107.989-8.021-107.989-52.011 0-22.656 18.645-42.667 41.301-42.667 5.333 0 33.365 9.344 66.688 9.344 17.323 0 36.011-9.344 65.323-9.344zM512 85.333c202.667 0 366.677 164.011 366.677 368 0 22.656-18.688 42.667-42.667 42.667-22.699 0-41.387-20.011-41.387-42.667-0.073-156.068-126.559-282.569-282.615-282.667l-0.009-0c-0.216-0.001-0.471-0.001-0.726-0.001-155.712 0-281.941 126.229-281.941 281.941 0 0.255 0 0.511 0.001 0.766l-0-0.040c0 24.021-20.011 42.667-43.989 42.667-22.699 0-41.344-21.333-41.344-42.667 1.323-203.989 164.011-368 368-368z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["mask"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 284,
+				"id": 0,
+				"name": "mask",
+				"prevSize": 32,
+				"code": 922213
+			},
+			"setIdx": 33,
+			"setId": 17,
+			"iconIdx": 0
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-facilities-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-facilities-outline.json
new file mode 100644
index 0000000000..7740dc66bc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-facilities-outline.json
@@ -0,0 +1,264 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M426.667 682.667c0.063-0 0.138-0 0.214-0 70.575 0 127.787 57.212 127.787 127.787 0 0.075-0 0.15-0 0.225l0-0.012c0.085 28.373 0.085 56.747 0 85.12 0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v0c-0.043-12.645-0.068-27.6-0.068-42.56 0-14.969 0.025-29.931 0.074-44.888l-0.006 2.328c0-21.888-15.915-42.624-42.667-42.667-31.594-0.041-69.021-0.064-106.453-0.064s-74.86 0.023-112.281 0.070l5.828-0.006c-0.127-0.001-0.278-0.002-0.429-0.002-23.329 0-42.24 18.911-42.24 42.24 0 0.151 0.001 0.301 0.002 0.452l-0-0.023c-0.085 28.373-0.213 56.832-0.427 85.333 0.001 0.101 0.001 0.221 0.001 0.342 0 23.258-18.854 42.112-42.112 42.112-0.045 0-0.091-0-0.136-0l0.007 0c-21.888 0-45.739-18.816-42.667-42.667-0.041-12.641-0.064-27.598-0.064-42.56s0.023-29.919 0.070-44.871l-0.006 2.311c0-68.181 57.344-128 128-128 70.955-0.085 141.952-0.085 212.907 0zM689.152 553.387c7.665-12.121 20.997-20.053 36.181-20.053 23.564 0 42.667 19.103 42.667 42.667 0 8.38-2.416 16.195-6.589 22.788l0.103-0.175c-7.665 12.121-20.997 20.053-36.181 20.053-23.564 0-42.667-19.103-42.667-42.667 0-8.38 2.416-16.195 6.589-22.788l-0.103 0.175zM517.803 533.205c7.53-12.765 21.213-21.195 36.864-21.195 23.558 0 42.656 19.098 42.656 42.656 0 7.907-2.151 15.311-5.901 21.66l0.109-0.199c-7.418 13.231-21.353 22.026-37.342 22.026-23.564 0-42.667-19.103-42.667-42.667 0-8.243 2.337-15.939 6.385-22.464l-0.105 0.182zM874.496 517.76c6.156-3.644 13.568-5.797 21.483-5.797 23.585 0 42.704 19.119 42.704 42.704 0 15.67-8.44 29.369-21.022 36.798l-0.199 0.109c-6.151 3.637-13.555 5.786-21.461 5.786-23.579 0-42.693-19.114-42.693-42.693 0-15.672 8.445-29.373 21.032-36.798l0.199-0.109zM320.853 296.021c0.127-0 0.277-0.001 0.427-0.001 81.768 0 148.053 66.286 148.053 148.053 0 0.15-0 0.3-0.001 0.45l0-0.023c0 82.475-66.219 150.187-148.48 150.187-82.347 0-150.187-67.84-150.187-150.187 0-82.261 67.669-148.48 150.187-148.48zM320.853 381.355c-35.797 0-64.853 28.459-64.853 63.147 0 35.243 29.611 64.853 64.853 64.853 34.688 0 63.147-29.099 63.147-64.853 0.001-0.127 0.001-0.278 0.001-0.428 0-34.639-28.081-62.72-62.72-62.72-0.151 0-0.301 0.001-0.451 0.002l0.023-0zM689.152 425.387c7.665-12.121 20.997-20.053 36.181-20.053 23.564 0 42.667 19.103 42.667 42.667 0 8.38-2.416 16.195-6.589 22.788l0.103-0.175c-7.665 12.121-20.997 20.053-36.181 20.053-23.564 0-42.667-19.103-42.667-42.667 0-8.38 2.416-16.195 6.589-22.788l-0.103 0.175zM560.427 405.205c7.362-13.435 21.406-22.392 37.542-22.392 23.564 0 42.667 19.103 42.667 42.667 0 8.376-2.414 16.189-6.584 22.78l0.103-0.175c-7.664 12.126-20.999 20.062-36.186 20.062-23.564 0-42.667-19.103-42.667-42.667 0-7.428 1.898-14.414 5.237-20.497l-0.111 0.222zM831.872 389.803c6.145-3.631 13.542-5.776 21.44-5.776 23.573 0 42.682 19.11 42.682 42.682 0 15.675-8.45 29.376-21.043 36.798l-0.199 0.109c-6.145 3.631-13.542 5.776-21.44 5.776-23.573 0-42.682-19.11-42.682-42.682 0-15.675 8.45-29.376 21.043-36.798l0.199-0.109zM725.333 85.333c21.888 0 42.368 17.664 42.368 42.667l0.341 107.947c50.658 3.1 97.938 10.701 143.541 22.476l-5.215-1.143c18.55 4.905 32.003 21.538 32.003 41.313 0 23.564-19.103 42.667-42.667 42.667-3.575 0-7.048-0.44-10.366-1.268l0.294 0.062c-48.093-12.655-103.322-19.964-160.244-20.053l-0.054-0c-53.333 0-106.795 6.656-160.299 20.053-3.2 0.86-6.874 1.354-10.664 1.354-23.564 0-42.667-19.103-42.667-42.667 0-19.989 13.746-36.767 32.3-41.399l0.294-0.062c40.402-10.635 87.697-18.236 136.24-21.228l2.128-0.105v-107.947c0-23.564 19.103-42.667 42.667-42.667v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_shower_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 123,
+				"id": 9,
+				"name": "db_ic_shower_24",
+				"prevSize": 32,
+				"code": 922215
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M469.888 682.667c24.277 0 47.445 10.24 63.573 28.288 16.469 18.347 23.893 42.88 20.139 68.352l-21.803 123.904c-3.649 20.171-21.075 35.271-42.027 35.271-23.568 0-42.674-19.106-42.674-42.674 0-2.616 0.235-5.177 0.686-7.663l-0.039 0.26 21.163-120.405h-297.813l22.613 120.064c0.53 2.523 0.833 5.421 0.833 8.391 0 23.564-19.103 42.667-42.667 42.667-19.176 0-35.398-12.651-40.774-30.062l-0.080-0.302-24.789-130.645c-0.56-3.61-0.88-7.774-0.88-12.013 0-21.237 8.026-40.599 21.211-55.218l-0.065 0.073c14.507-16.213 37.12-28.288 63.616-28.288zM689.195 553.387c7.544-12.715 21.201-21.104 36.817-21.104 23.564 0 42.667 19.103 42.667 42.667 0 8.82-2.676 17.014-7.26 23.816l0.096-0.152c-7.665 12.121-20.997 20.053-36.181 20.053-23.564 0-42.667-19.103-42.667-42.667 0-8.38 2.416-16.195 6.589-22.788l-0.103 0.175zM517.803 533.205c7.53-12.765 21.213-21.195 36.864-21.195 23.558 0 42.656 19.098 42.656 42.656 0 7.907-2.151 15.311-5.901 21.66l0.109-0.199c-7.418 13.231-21.353 22.026-37.342 22.026-23.564 0-42.667-19.103-42.667-42.667 0-8.243 2.337-15.939 6.385-22.464l-0.105 0.182zM874.496 517.76c6.156-3.644 13.568-5.797 21.483-5.797 23.585 0 42.704 19.119 42.704 42.704 0 15.67-8.44 29.369-21.022 36.798l-0.199 0.109c-6.151 3.637-13.555 5.786-21.461 5.786-23.579 0-42.693-19.114-42.693-42.693 0-15.672 8.445-29.373 21.032-36.798l0.199-0.109zM320.853 296.021c0.127-0 0.277-0.001 0.427-0.001 81.768 0 148.053 66.286 148.053 148.053 0 0.15-0 0.3-0.001 0.45l0-0.023c0 82.475-66.219 150.187-148.48 150.187-82.347 0-150.187-67.84-150.187-150.187 0-82.261 67.669-148.48 150.187-148.48zM320.853 381.355c-35.797 0-64.853 28.459-64.853 63.147 0 35.243 29.611 64.853 64.853 64.853 34.688 0 63.147-29.099 63.147-64.853 0.001-0.127 0.001-0.278 0.001-0.428 0-34.639-28.081-62.72-62.72-62.72-0.151 0-0.301 0.001-0.451 0.002l0.023-0zM689.152 425.387c7.665-12.121 20.997-20.053 36.181-20.053 23.564 0 42.667 19.103 42.667 42.667 0 8.38-2.416 16.195-6.589 22.788l0.103-0.175c-7.665 12.121-20.997 20.053-36.181 20.053-23.564 0-42.667-19.103-42.667-42.667 0-8.38 2.416-16.195 6.589-22.788l-0.103 0.175zM560.427 405.205c7.362-13.435 21.406-22.392 37.542-22.392 23.564 0 42.667 19.103 42.667 42.667 0 8.376-2.414 16.189-6.584 22.78l0.103-0.175c-7.664 12.126-20.999 20.062-36.186 20.062-23.564 0-42.667-19.103-42.667-42.667 0-7.428 1.898-14.414 5.237-20.497l-0.111 0.222zM831.872 389.803c6.145-3.631 13.542-5.776 21.44-5.776 23.573 0 42.682 19.11 42.682 42.682 0 15.675-8.45 29.376-21.043 36.798l-0.199 0.109c-6.145 3.631-13.542 5.776-21.44 5.776-23.573 0-42.682-19.11-42.682-42.682 0-15.675 8.45-29.376 21.043-36.798l0.199-0.109zM725.333 85.333c21.888 0 42.368 17.664 42.368 42.667l0.341 107.947c50.658 3.1 97.938 10.701 143.541 22.476l-5.215-1.143c18.55 4.905 32.003 21.538 32.003 41.313 0 23.564-19.103 42.667-42.667 42.667-3.575 0-7.048-0.44-10.366-1.268l0.294 0.062c-48.093-12.655-103.322-19.964-160.244-20.053l-0.054-0c-53.333 0-106.795 6.656-160.299 20.053-3.2 0.86-6.874 1.354-10.664 1.354-23.564 0-42.667-19.103-42.667-42.667 0-19.989 13.746-36.767 32.3-41.399l0.294-0.062c40.402-10.635 87.697-18.236 136.24-21.228l2.128-0.105v-107.947c0-23.564 19.103-42.667 42.667-42.667v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_shower_man_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 122,
+				"id": 8,
+				"name": "db_ic_shower_man_24",
+				"prevSize": 32,
+				"code": 921973
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M433.408 682.667c44.459 0 83.456 30.208 92.629 73.259l27.733 130.645c0.587 2.655 0.924 5.704 0.924 8.832 0 23.568-19.105 42.673-42.673 42.673-20.44 0-37.523-14.371-41.698-33.56l-0.051-0.282-27.691-130.56c-0.469-2.304-2.987-5.675-9.173-5.675h-226.603c-5.035 0-8.661 2.816-9.259 5.589l-27.819 131.243c-3.795 19.996-21.134 34.913-41.956 34.913-23.564 0-42.667-19.103-42.667-42.667 0-3.516 0.425-6.933 1.228-10.203l-0.061 0.293 27.819-131.285c8.661-40.619 46.592-73.216 92.715-73.216h226.56zM747.947 539.819c13.035 7.468 21.675 21.298 21.675 37.145 0 23.564-19.103 42.667-42.667 42.667-9.026 0-17.397-2.802-24.29-7.585l0.141 0.093c-11.246-7.796-18.517-20.636-18.517-35.175 0-23.564 19.103-42.667 42.667-42.667 7.716 0 14.954 2.048 21.2 5.631l-0.208-0.11zM576.085 517.803c12.793 7.53 21.242 21.232 21.242 36.907 0 23.573-19.11 42.682-42.682 42.682-7.898 0-15.295-2.145-21.639-5.884l0.199 0.109c-12.793-7.53-21.242-21.232-21.242-36.907 0-23.573 19.11-42.682 42.682-42.682 7.898 0 15.295 2.145 21.639 5.884l-0.199-0.109zM932.864 533.248c3.943 6.342 6.28 14.039 6.28 22.282 0 23.564-19.103 42.667-42.667 42.667-15.989 0-29.924-8.795-37.231-21.811l-0.111-0.215c-3.351-5.952-5.325-13.066-5.325-20.641 0-23.564 19.103-42.667 42.667-42.667 15.321 0 28.757 8.076 36.281 20.203l0.105 0.182zM320.853 296.021c0.127-0 0.277-0.001 0.427-0.001 81.768 0 148.053 66.286 148.053 148.053 0 0.15-0 0.3-0.001 0.45l0-0.023c0 82.475-66.219 150.187-148.48 150.187-82.347 0-150.187-67.84-150.187-150.187 0-82.261 67.669-148.48 150.187-148.48zM320.853 381.355c-35.797 0-64.853 28.459-64.853 63.147 0 35.243 29.611 64.853 64.853 64.853 34.688 0 63.147-29.099 63.147-64.853 0.001-0.127 0.001-0.278 0.001-0.428 0-34.639-28.081-62.72-62.72-62.72-0.151 0-0.301 0.001-0.451 0.002l0.023-0zM747.947 411.819c12.111 7.663 20.035 20.986 20.035 36.16 0 23.554-19.094 42.649-42.649 42.649-8.38 0-16.196-2.417-22.788-6.592l0.175 0.103c-12.715-7.544-21.104-21.201-21.104-36.817 0-23.564 19.103-42.667 42.667-42.667 8.82 0 17.014 2.676 23.816 7.26l-0.152-0.096zM618.752 389.803c13.149 7.439 21.879 21.33 21.879 37.26 0 23.564-19.103 42.667-42.667 42.667-8.13 0-15.728-2.274-22.195-6.22l0.188 0.106c-12.464-7.598-20.66-21.119-20.66-36.553 0-23.564 19.103-42.667 42.667-42.667 7.634 0 14.8 2.005 21 5.517l-0.212-0.11zM890.197 405.248c4.15 6.465 6.616 14.355 6.616 22.82 0 23.564-19.103 42.667-42.667 42.667-16.205 0-30.299-9.034-37.523-22.34l-0.112-0.225c-3.169-5.818-5.032-12.743-5.032-20.102 0-23.564 19.103-42.667 42.667-42.667 15.098 0 28.365 7.842 35.949 19.676l0.102 0.17zM725.333 85.333c21.888 0 42.368 17.664 42.368 42.667l0.341 107.947c50.658 3.1 97.938 10.701 143.541 22.476l-5.215-1.143c18.55 4.905 32.003 21.538 32.003 41.313 0 23.564-19.103 42.667-42.667 42.667-3.575 0-7.048-0.44-10.366-1.268l0.294 0.062c-48.093-12.655-103.322-19.964-160.244-20.053l-0.054-0c-53.333 0-106.795 6.656-160.299 20.053-3.2 0.86-6.874 1.354-10.664 1.354-23.564 0-42.667-19.103-42.667-42.667 0-19.989 13.746-36.767 32.3-41.399l0.294-0.062c40.402-10.635 87.697-18.236 136.24-21.228l2.128-0.105v-107.947c0-23.564 19.103-42.667 42.667-42.667v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_shower_women_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 121,
+				"id": 7,
+				"name": "db_ic_shower_women_24",
+				"prevSize": 32,
+				"code": 921974
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M684.16 583.125c0.003-0 0.007-0 0.012-0 68.642 0 131.875 23.156 182.315 62.083l-0.694-0.515 57.6 47.957c9.274 7.877 15.12 19.547 15.12 32.583 0 23.564-19.103 42.667-42.667 42.667-8.511 0-16.44-2.492-23.096-6.786l0.168 0.102-51.712-42.923c-35.413-29.696-88.192-49.237-125.525-49.536-24.917-0.213-56.192-0.299-93.867-0.299-16.636 0.016-30.572 11.557-34.256 27.067l-0.048 0.239c-0.172 0.69-0.27 1.482-0.27 2.297 0 4.685 3.255 8.61 7.627 9.637l0.067 0.013 110.507 7.040c21.918 1.964 38.968 20.244 38.968 42.506 0 23.239-18.579 42.138-41.693 42.656l-0.048 0.001-108.843-6.357c-24.277-2.219-44.16-9.941-75.861-21.888 49.25 14.467 6.861-1.39-35.629-17.037l-92.371-29.768c-5.448-2.046-11.743-3.23-18.316-3.23-16.768 0-31.735 7.707-41.554 19.772l-0.077 0.098c-3.712 4.565-3.328 13.099 3.84 16.384l148.139 68.139c32.322 15.235 70 24.966 109.72 26.938l0.701 0.028 323.584 0.341c23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-17.152 42.667-42.667 42.667h-309.291c-0.005 0-0.011 0-0.017 0-52.345 0-102.245-10.474-147.716-29.44l2.538 0.939c-113.749-51.029-174.976-80.171-183.68-87.339-40.491-33.579-47.531-93.824-14.165-134.997 25.673-31.526 64.487-51.5 107.966-51.5 14.063 0 27.638 2.090 40.431 5.975l-0.984-0.257 93.525 33.707c13.141-55.040 64.299-92.16 109.653-92.416 25.402-0.136 55.452-0.214 85.52-0.214 1.542 0 3.084 0 4.627 0.001l-0.248-0zM399.232 491.947c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM548.565 459.947c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM249.899 458.496c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM399.232 374.613c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM527.232 353.28c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM271.232 352.384c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM426.667 85.717c68.181 0 128 53.248 128 128v86.229h-255.147c-23.564 0-42.667-19.103-42.667-42.667v0c0-21.888 14.379-42.667 42.667-42.667 84.907-0.128 130.56 0 169.813 0 0-23.211-11.307-43.52-42.667-43.52-44.134-0.045-96.368-0.071-148.608-0.071s-104.474 0.026-156.702 0.077l8.094-0.006c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0c99.029-0.085 198.144-0.085 297.216 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_sink_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 120,
+				"id": 6,
+				"name": "db_ic_sink_24",
+				"prevSize": 32,
+				"code": 922216
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M746.667 85.333c105.994 0.060 191.895 85.998 191.895 192 0 49.141-18.461 93.969-48.826 127.929l0.163-0.185c3.882 19.322 6.103 41.535 6.103 64.266 0 145.633-91.182 269.969-219.57 319.034l-2.341 0.786c-4.191 1.512-9.028 2.386-14.069 2.386-23.564 0-42.667-19.103-42.667-42.667 0-17.874 10.991-33.181 26.584-39.532l0.285-0.103c98.053-37.392 166.443-130.651 166.443-239.883 0-0.011-0-0.022-0-0.033l0 0.002c0-18.261 0-42.667-15.872-93.013 44.928-34.987 58.539-67.157 58.539-98.987 0-58.91-47.756-106.667-106.667-106.667v0c-29.184 0-66.347 11.093-98.901 58.539-40.363-10.411-50.432-15.872-93.099-15.872-28.459 0-59.435 5.291-93.013 15.872-26.453-39.040-59.477-58.539-98.987-58.539-58.91 0-106.667 47.756-106.667 106.667v0c0 26.155 6.272 58.965 58.539 98.901-5.869 15.955-10.461 34.637-12.959 53.975l-0.139 1.321c71.982 16.134 129.333 66.9 154.394 133.483l0.486 1.472c5.12 1.28 9.941 4.053 14.293 8.235 16.64 16.64 36.651 14.635 46.208 2.261 3.182-4.975 5.225-10.959 5.627-17.387l0.005-0.106v-15.488h-10.453c-17.673 0-32-14.327-32-32s14.327-32 32-32v0c28.459-0.085 56.875-0.085 85.333 0 17.673 0 32 14.327 32 32v0c0 9.643-7.808 32-32 32h-10.496v15.531c0.436 6.897 2.718 13.185 6.352 18.47l-0.080-0.124c8.96 10.667 33.109 9.344 45.611-3.157 5.699-5.321 13.376-8.588 21.815-8.588 17.673 0 32 14.327 32 32 0 8.44-3.267 16.116-8.606 21.834l0.017-0.019c-38.443 38.485-93.44 41.387-129.28 10.453-23.893 21.845-57.045 26.027-85.504 16.853-1.664 35.2-10.069 66.475-25.259 93.824l38.613 32.171c8.766-3.329 18.901-5.256 29.487-5.256 47.128 0 85.333 38.205 85.333 85.333s-38.205 85.333-85.333 85.333c-47.128 0-85.333-38.205-85.333-85.333 0-5.107 0.449-10.109 1.309-14.97l-0.075 0.514-38.656-32.256c-36.146 29.075-82.602 46.666-133.166 46.666-117.821 0-213.333-95.513-213.333-213.333 0-103.468 73.66-189.732 171.401-209.214l1.36-0.226c0.853-7.083 2.261-16.427 3.925-25.429-27.136-28.843-48.768-76.288-48.768-127.744-0-106.039 85.961-192 192-192v0c46.507 0 89.515 14.677 127.744 48.725 19.207-3.652 41.403-5.848 64.073-6.057l0.183-0.001c20.267 0 42.496 1.664 64.213 6.101 37.12-32.043 79.701-48.768 127.787-48.768zM682.667 341.333c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM426.667 341.333c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM256 512c-70.692 0-128 57.308-128 128s57.308 128 128 128v0c70.692 0 128-57.308 128-128s-57.308-128-128-128v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_playground_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 119,
+				"id": 5,
+				"name": "db_ic_playground_24",
+				"prevSize": 32,
+				"code": 922214
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M213.333 640c0.004 0.225 0.007 0.491 0.007 0.757 0 11.889-5.013 22.608-13.041 30.156l-0.022 0.020c-19.002 19.080-30.794 45.355-30.933 74.384l-0 0.027c0.217 59.553 48.436 107.772 107.969 107.989l0.021 0c27.989 0 55.467-10.667 77.056-32.256 7.133-7.245 17.047-11.734 28.009-11.734 0.098 0 0.196 0 0.294 0.001l-0.015-0c23.979 0 42.667 19.968 42.667 42.667 0 10.667-2.688 22.656-10.667 30.635-36.011 36.011-85.333 56.021-136.021 56.021-106.73-0.097-193.226-86.593-193.323-193.313l-0-0.009c0-49.365 20.011-96 53.333-134.699 7.445-8.194 18.143-13.317 30.037-13.317 0.225 0 0.45 0.002 0.674 0.005l-0.034-0c23.936 0 43.989 18.688 43.989 42.667zM349.355 501.333l43.904 138.667h93.355c33.323 0 53.461 15.957 65.323 45.355l78.677 194.645c1.792 4.48 2.688 11.989 2.688 16 0.006 0.255 0.009 0.555 0.009 0.856 0 22.931-18.459 41.551-41.328 41.811l-0.025 0c-20.011 0-34.773-13.269-41.344-29.355l-74.624-183.979h-117.333c-20.011 0-36.693-11.776-42.667-32l-50.645-170.667c-0.814-3.126-1.282-6.714-1.282-10.412 0-23.601 19.048-42.753 42.61-42.922l0.016-0c19.968 0 36.821 13.483 42.667 32zM861.312 128c19.2 0 39.339 3.84 57.6 12.459 13.397 5.76 19.2 16.341 19.2 26.88 0 16.299-12.501 32.64-29.781 32.64-4.553-0.044-8.846-1.109-12.676-2.978l0.175 0.077c-9.242-4.59-20.090-7.393-31.563-7.678l-0.095-0.002c-13.44 0-48.939 0-48.939 78.72 0 75.819 31.659 75.819 48.939 75.819 11.52-0.981 23.040-3.84 33.579-7.68 3.84-0.981 7.68-1.92 11.52-1.92 17.28 0 29.781 16.299 29.781 32.597 0 11.52-5.76 22.101-20.181 27.861-16.682 5.572-35.994 9.338-56.004 10.51l-0.615 0.029c-40.277 0-108.416-18.219-108.416-137.216 0-126.72 74.837-140.117 107.477-140.117zM708.736 129.92c16.299 0 31.659 11.52 31.659 29.739 0.003 0.176 0.005 0.384 0.005 0.592 0 2.865-0.36 5.647-1.037 8.301l0.050-0.232-55.637 213.973c-4.011 15.36-17.28 22.101-29.739 22.101-0.27 0.009-0.587 0.014-0.905 0.014-13.746 0-25.326-9.273-28.826-21.905l-0.050-0.21-30.72-108.416-30.72 108.416c-4.352 15.488-17.237 22.101-29.696 22.101-0.090 0.001-0.196 0.002-0.302 0.002-14.172 0-26.078-9.705-29.434-22.831l-0.046-0.21-54.699-213.035c-0.601-2.395-0.946-5.144-0.946-7.974 0-0.242 0.003-0.483 0.008-0.724l-0.001 0.036c0-18.219 16.299-29.739 31.659-29.739 12.501 0 25.429 7.552 28.8 23.040l26.624 122.453 29.995-123.435c3.499-14.464 17.28-22.059 29.739-22.059 12.501 0 26.24 7.296 29.739 22.059l29.355 123.861 26.325-122.88c3.499-16.384 16.299-23.040 28.8-23.040zM290.645 256c34.688 0 64 29.355 64 64 0 35.346-28.654 64-64 64v0c-0.255 0.004-0.557 0.006-0.859 0.006-34.875 0-63.147-28.272-63.147-63.147 0-0.302 0.002-0.604 0.006-0.905l-0.001 0.046c0-35.346 28.654-64 64-64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_facilities_restricted-mobility-toilet_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 17,
+				"id": 0,
+				"name": "ic-db_facilities_restricted-mobility-toilet_24",
+				"prevSize": 32,
+				"code": 921955
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M342.187 330.667c35.968 0 66.645 25.344 71.979 61.355l32 203.947c6.656 45.355-24.021 85.333-75.989 85.333v216.064c-0.097 22.818-18.568 41.29-41.377 41.387l-0.009 0c-22.782-0.145-41.205-18.598-41.301-41.377l-0-0.009v-258.645c0-22.656 18.688-41.344 41.344-41.344h33.323l-29.312-184.021h-133.333l-28.032 183.979h34.688c22.656 0 41.344 18.688 41.344 41.344v258.688c0 22.699-20.053 41.387-42.667 41.387-21.333 0-41.387-18.688-41.387-41.387v-215.979c-49.28 0-83.968-37.333-77.312-85.333l33.365-203.989c5.317-34.94 35.148-61.402 71.161-61.402 0.288 0 0.575 0.002 0.862 0.005l-0.044-0h150.656zM847.872 330.667c43.947 0 78.635 38.656 71.979 81.323l-31.957 228.011c-3.74 25.964-21.281 47.074-44.829 55.863l-0.483 0.158v201.301c-0.121 22.8-18.583 41.248-41.377 41.344l-0.009 0c-22.767-0.144-41.181-18.574-41.301-41.333l-0-0.011v-238.635c0-22.699 14.677-41.387 48-41.387l27.989-203.947h-195.968l29.312 203.947c32 0 49.323 17.365 49.323 41.387v238.635c-0.12 22.77-18.535 41.2-41.288 41.344l-0.014 0c-22.803-0.096-41.266-18.544-41.387-41.332l-0-0.012v-201.301c-23.979-9.387-42.667-30.72-46.635-54.699l-33.323-226.645c-0.755-3.888-1.186-8.36-1.186-12.932 0-39.258 31.825-71.083 71.083-71.083 0.267 0 0.534 0.001 0.8 0.004l-0.041-0h221.355zM266.197 85.333c53.019 0 96 42.981 96 96s-42.981 96-96 96v0c-53.019 0-96-42.981-96-96s42.981-96 96-96v0zM737.664 85.333c53.019 0 96 42.981 96 96s-42.981 96-96 96v0c-53.019 0-96-42.981-96-96s42.981-96 96-96v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_facilities_wc_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 214,
+				"id": 1,
+				"name": "ic-db_facilities_wc_24",
+				"prevSize": 32,
+				"code": 922217
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M622.165 330.667c44.032 0 78.677 38.656 72.021 81.323l-32 228.011c-3.748 25.974-21.306 47.086-44.871 55.863l-0.484 0.158v201.301c-0.12 22.77-18.535 41.2-41.288 41.344l-0.014 0c-22.803-0.096-41.266-18.544-41.387-41.332l-0-0.012v-238.635c0-22.699 14.72-41.387 48.043-41.387l27.989-203.947h-196.011l29.355 203.947c32 0 49.323 17.365 49.323 41.387v238.635c-0.12 22.785-18.559 41.224-41.332 41.344l-0.012 0c-22.767-0.144-41.181-18.574-41.301-41.333l-0-0.011v-201.301c-24.021-9.387-42.667-30.72-46.677-54.699l-33.323-226.603c-0.76-3.901-1.194-8.387-1.194-12.975 0-39.258 31.825-71.083 71.083-71.083 0.27 0 0.539 0.002 0.809 0.005l-0.041-0h221.312zM512 85.333c53.019 0 96 42.981 96 96s-42.981 96-96 96v0c-53.019 0-96-42.981-96-96s42.981-96 96-96v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_facilities_wc-men_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 213,
+				"id": 2,
+				"name": "ic-db_facilities_wc-men_24",
+				"prevSize": 32,
+				"code": 922224
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M587.947 330.667c36.011 0 66.688 25.344 72.021 61.355l32 203.947c6.656 45.355-24.021 85.333-75.989 85.333v216.064c-0.097 22.818-18.568 41.29-41.377 41.387l-0.009 0c-22.782-0.145-41.205-18.598-41.301-41.377l-0-0.009v-258.645c0-22.656 18.688-41.344 41.344-41.344h33.323l-29.312-184.021h-133.333l-28.032 183.979h34.688c22.656 0 41.344 18.688 41.344 41.344v258.688c0 22.699-20.053 41.387-42.667 41.387-21.333 0-41.387-18.688-41.387-41.387v-215.979c-49.28 0-83.968-37.333-77.312-85.333l33.365-203.989c5.336-34.919 35.157-61.359 71.154-61.359 0.29 0 0.579 0.002 0.868 0.005l-0.044-0h150.656zM512 85.333c53.019 0 96 42.981 96 96s-42.981 96-96 96v0c-53.019 0-96-42.981-96-96s42.981-96 96-96v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_facilities_wc-woman_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 212,
+				"id": 3,
+				"name": "ic-db_facilities_wc-woman_24",
+				"prevSize": 32,
+				"code": 922226
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M85.333 297.088c0-23.893 22.528-39.765 45.056-39.765 17.237 0 33.109 9.259 38.4 31.787l64.939 279.595 72.875-280.917c5.333-19.84 22.528-29.141 39.765-29.141 18.56 0 35.797 9.301 41.088 30.464l70.229 278.272 66.219-278.272c5.333-22.528 21.205-31.787 38.443-31.787 21.205 0 43.733 17.237 43.733 42.411 0 2.645 0 6.613-1.323 10.581l-104.661 402.816c-4.639 18.416-21.055 31.832-40.605 31.832-0.17 0-0.34-0.001-0.509-0.003l0.026 0c-0.136 0.002-0.297 0.003-0.458 0.003-18.833 0-34.669-12.83-39.244-30.227l-0.063-0.283-72.875-286.208-74.24 286.208c-5.569 17.738-21.814 30.4-41.033 30.507l-0.013 0c-0.083 0.001-0.182 0.001-0.28 0.001-19.277 0-35.401-13.5-39.434-31.561l-0.050-0.269-103.339-402.773c-1.439-3.927-2.387-8.468-2.64-13.194l-0.005-0.118zM608.725 503.765c0-223.872 139.136-247.765 198.784-247.765 34.432 0 70.187 7.936 101.973 22.528 18.603 6.613 26.539 21.205 26.539 37.12 0 21.163-17.237 43.691-41.088 43.691-6.283-0.203-12.179-1.643-17.523-4.085l0.285 0.117c-21.426-10.061-46.531-15.933-73.007-15.933-0.884 0-1.766 0.007-2.646 0.020l0.133-0.002c-33.109 0-108.629 7.979-108.629 164.309 0 140.459 60.928 159.019 115.285 159.019 23.851 0 47.701-5.291 70.187-13.227 6.656-2.688 11.947-4.011 18.56-4.011 23.893 0 41.088 22.528 41.088 43.733 0 14.592-7.936 29.184-25.173 37.12-30.841 12.581-66.626 19.883-104.116 19.883-0.192 0-0.383-0-0.575-0.001l0.030 0c-74.24 0-200.107-30.507-200.107-242.517z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["wc-sign"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 215,
+				"id": 4,
+				"name": "wc-sign",
+				"prevSize": 32,
+				"code": 922225
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 9
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-feature-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-feature-outline.json
new file mode 100644
index 0000000000..a7ca46adf9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-feature-outline.json
@@ -0,0 +1,540 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M731.435 414.464c-23.564 0-42.667 19.103-42.667 42.667v0 356.565c-1.226 20.924-18.494 37.427-39.616 37.427s-38.39-16.504-39.611-37.319l-0.005-0.108v-137.088c-0.074-23.555-19.186-42.622-42.752-42.622-7.801 0-15.115 2.090-21.411 5.74l0.205-0.11c-0.469 0.256-46.165 25.899-88.448 25.899-42.368 0-88.064-25.728-88.405-25.899-6.109-3.578-13.453-5.692-21.291-5.692-23.564 0-42.667 19.103-42.667 42.667 0 0.006 0 0.012 0 0.018l-0-0.001v137.088c-1.226 20.924-18.494 37.427-39.616 37.427s-38.39-16.504-39.611-37.319l-0.005-0.108v-313.856h341.333c21.085-0.010 38.592-15.312 42.034-35.417l0.036-0.253 41.216-247.381 51.115 51.072c4.693 4.693 10.411 8.235 16.683 10.325l132.779 44.288c-16.043 85.973-101.077 91.733-119.296 91.989zM909.483 252.117l-155.008-51.712-102.613-102.571c-7.703-7.726-18.356-12.506-30.126-12.506-4.665 0-9.154 0.751-13.354 2.138l0.301-0.086c-15.123 4.926-26.363 17.688-29.021 33.371l-0.035 0.251-48.939 293.504h-343.68c-4.437-3.029-16.341-19.669-16.341-67.029 0-23.564-19.103-42.667-42.667-42.667s-42.667 19.103-42.667 42.667v0c0 83.285 28.587 120.96 54.869 138.069v328.107c0.048 68.993 55.941 124.916 124.919 125.013l0.009 0c69.005-0.073 124.922-56.005 124.971-125.009l0-0.005v-73.301c40.192 11.904 93.867 11.904 134.101 0v73.344c0.073 68.975 55.956 124.874 124.919 124.971l0.009 0c69.005-0.073 124.922-56.005 124.971-125.009l0-0.005v-318.293c72.491-14.507 164.565-67.669 164.565-202.752 0-0.016 0-0.034 0-0.053 0-18.741-12.083-34.66-28.884-40.391l-0.3-0.089z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_dog_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 60,
+				"id": 21,
+				"name": "db_ic_dog_24",
+				"prevSize": 32,
+				"code": 922265
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M320.512 676.821c-65.792-65.835-65.792-172.971 0-238.805 16.64-16.683 43.648-16.683 60.331 0s16.683 43.648 0 60.331c-32.555 32.597-32.555 85.547 0 118.144 32.555 32.512 85.547 32.512 118.144 0 16.683-16.683 43.691-16.683 60.373 0 16.64 16.683 16.64 43.691 0 60.331-32.939 32.896-76.16 49.323-119.381 49.365-43.264 0-86.485-16.469-119.381-49.365zM470.357 279.765c36.736 0 66.475-29.781 66.475-66.475s-29.781-66.475-66.475-66.475-66.475 29.781-66.475 66.475 29.781 66.475 66.475 66.475zM710.315 726.272c5.291 0 10.667-0.981 15.915-3.072 21.888-8.789 32.469-33.621 23.68-55.509l-72.533-180.309c-6.485-16.171-22.187-26.752-39.595-26.752h-94.507l-33.067-113.451c-6.571-22.656-30.336-35.627-52.907-29.056-22.613 6.571-35.627 30.293-29.013 52.864l42.027 144.213c5.291 18.219 22.016 30.763 40.96 30.763h97.707l61.781 153.557c6.699 16.683 22.699 26.752 39.595 26.752zM541.611 810.624h-413.611c-23.552 0-42.667 19.072-42.667 42.667s19.115 42.667 42.667 42.667h413.611c23.552 0 42.667-19.072 42.667-42.667s-19.115-42.667-42.667-42.667zM895.957 810.624h-183.68c-23.552 0-42.667 19.072-42.667 42.667s19.115 42.667 42.667 42.667h183.68c23.552 0 42.667-19.072 42.667-42.667s-19.115-42.667-42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_steppless_entry_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 250,
+				"id": 0,
+				"name": "db_ic_steppless_entry_24",
+				"prevSize": 32,
+				"code": 922135
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M909.483 252.16l-155.008-51.755-102.613-102.571c-7.703-7.726-18.356-12.506-30.126-12.506-4.665 0-9.154 0.751-13.354 2.138l0.301-0.086c-15.123 4.926-26.363 17.688-29.021 33.371l-0.035 0.251-48.896 293.547h-1.024l-316.672-316.757c-7.72-7.72-18.385-12.495-30.165-12.495-23.561 0-42.66 19.1-42.66 42.66 0 11.78 4.775 22.445 12.495 30.165l256.299 256.341h-221.995c-4.48-2.944-16.341-19.584-16.341-66.944 0-23.564-19.103-42.667-42.667-42.667s-42.667 19.103-42.667 42.667v0c0 83.243 28.587 120.917 54.869 138.027v328.149c0.049 69.008 55.966 124.94 124.964 125.013l0.007 0c69.005-0.073 124.922-56.005 124.971-125.009l0-0.005v-73.387c40.192 11.947 93.867 11.947 134.101 0v73.387c0.049 69.008 55.966 124.94 124.964 125.013l0.007 0c69.005-0.073 124.922-56.005 124.971-125.009l0-0.005v-318.336c72.491-14.507 164.565-67.669 164.565-202.752 0-0.009 0-0.019 0-0.029 0-18.725-12.087-34.627-28.884-40.33l-0.3-0.088zM368.725 639.573c-6.101-3.555-13.43-5.654-21.248-5.654-23.559 0-42.667 19.056-42.752 42.596l-0 0.008v137.131c0 21.9-17.741 39.656-39.635 39.68l-0.002 0c-21.896-0.024-39.637-17.78-39.637-39.68l0-0v-313.856h243.797v164.821c-4.053 0.427-8.149 0.853-12.203 0.853-42.368 0-88.064-25.728-88.405-25.856h0.085zM649.131 853.333c-21.896-0.024-39.637-17.78-39.637-39.68l0-0v-137.131c0-0.025 0-0.055 0-0.085 0-23.517-19.064-42.581-42.581-42.581-0.030 0-0.060 0-0.090 0l0.005-0c-4.378 0.064-8.566 0.777-12.505 2.047l0.302-0.084v-109.653l134.101 67.029v220.459c0 21.9-17.741 39.656-39.635 39.68l-0.002 0zM731.435 414.421c-23.564 0-42.667 19.103-42.667 42.667v0 40.704l-78.891-39.424 40.277-241.621 51.115 51.072c4.561 4.549 10.147 8.073 16.382 10.194l0.3 0.089 132.779 44.288c-16 86.016-101.077 91.776-119.296 91.989z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_support_dog_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 374,
+				"id": 1,
+				"name": "db_ic_support_dog_24",
+				"prevSize": 32,
+				"code": 922133
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M381.44 256c0.581 0.014 1.264 0.022 1.95 0.022 47.128 0 85.333-38.205 85.333-85.333s-38.205-85.333-85.333-85.333c-0.656 0-1.31 0.007-1.962 0.022l0.097-0.002c-46.319 1.044-83.468 38.84-83.468 85.313 0 46.443 37.101 84.22 83.282 85.309l0.101 0.002zM370.944 300.544l5.12 0.256c1.579 0.128 2.987 0.128 4.523 0.469 4.523 1.024 8.96 2.517 13.099 5.035l0.341 0.299c0.725 0.427 1.237 1.109 1.92 1.579 3.627 2.56 6.656 5.547 9.259 8.96 0.427 0.597 1.067 0.853 1.493 1.451l108.587 157.696c4.714 6.767 7.531 15.161 7.531 24.213 0 23.576-19.112 42.689-42.689 42.689-14.524 0-27.354-7.253-35.065-18.335l-0.092-0.14-46.080-66.944-16.555 121.173 75.733 103.339c2.492 3.353 4.548 7.226 5.97 11.393l0.088 0.298 62.891 188.501c1.416 4.060 2.234 8.74 2.234 13.611 0 23.517-19.064 42.581-42.581 42.581-0.035 0-0.071-0-0.106-0l0.005 0c-17.92 0-34.56-11.307-40.533-29.184l-60.8-182.187-82.005-111.829c-5.149-6.981-8.242-15.753-8.242-25.248 0-2.035 0.142-4.037 0.417-5.996l-0.026 0.226 20.565-150.357-29.44 20.736-32.171 111.659c-5.3 17.965-21.646 30.853-41.003 30.853-23.567 0-42.672-19.105-42.672-42.672 0-4.21 0.61-8.278 1.746-12.121l-0.077 0.302 36.352-126.080c2.813-9.555 8.61-17.496 16.295-22.951l0.132-0.089 122.155-86.059c0.256-0.213 0.597-0.213 0.853-0.384 6.517-4.243 14.492-6.766 23.057-6.766 1.723 0 3.422 0.102 5.092 0.301l-0.202-0.020zM248.491 717.611c6.92-14.791 21.677-24.853 38.784-24.853 23.576 0 42.688 19.112 42.688 42.688 0 6.469-1.439 12.602-4.014 18.096l0.11-0.262-73.899 160.555c-6.935 14.768-21.684 24.811-38.778 24.811-6.471 0-12.606-1.439-18.102-4.015l0.262 0.11c-14.772-6.909-24.823-21.645-24.823-38.729 0-6.474 1.444-12.612 4.026-18.108l-0.11 0.261zM600.491 559.019c-7.383-6.28-17.028-10.099-27.565-10.099-23.564 0-42.667 19.103-42.667 42.667 0 12.204 5.124 23.211 13.337 30.988l0.020 0.018 237.013 212.224c7.519 6.759 17.517 10.892 28.48 10.892 23.571 0 42.679-19.108 42.679-42.679 0-12.608-5.467-23.939-14.16-31.752l-0.039-0.035-237.056-212.224zM896.043 853.291c-22.059 0-42.667 20.608-42.667 42.667s20.608 42.667 42.667 42.667 42.667-20.608 42.667-42.667-20.608-42.667-42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_person_with_cane_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 373,
+				"id": 2,
+				"name": "db_ic_person_with_cane_24",
+				"prevSize": 32,
+				"code": 922231
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M435.2 245.333c0.025 0 0.055 0 0.085 0 44.136 0 79.915-35.779 79.915-79.915 0-0.030-0-0.060-0-0.090l0 0.005c0.005-0.345 0.009-0.752 0.009-1.161 0-43.547-35.301-78.848-78.848-78.848-0.408 0-0.815 0.003-1.222 0.009l0.061-0.001c-42.539 0-80 35.755-80 80 0 42.539 37.461 80 80 80zM282.112 684.757c22.4 7.339 34.645 31.445 27.392 53.845l-55.509 170.667c-5.779 17.227-21.776 29.419-40.62 29.419-4.696 0-9.215-0.757-13.442-2.156l0.302 0.087c-17.254-5.764-29.47-21.774-29.47-40.636 0-4.706 0.76-9.234 2.165-13.468l-0.087 0.302 55.467-170.667c5.732-17.255 21.727-29.479 40.578-29.479 4.712 0 9.246 0.764 13.484 2.174l-0.301-0.087zM353.109 310.229c2.048 0.171 4.096-0.213 6.101 0.256 5.786 1.349 10.873 3.712 15.315 6.913l-0.126-0.086 134.315 96.469c10.745 7.862 17.645 20.427 17.645 34.603 0 23.56-19.057 42.668-42.597 42.752l-0.008 0c-0.012 0-0.026 0-0.041 0-9.327 0-17.951-3.008-24.956-8.106l0.122 0.084-106.709-76.672c-35.243 46.549-9.6 128-2.304 148.395l110.507 142.037c5.634 7.143 9.039 16.272 9.045 26.196l0 0.001v172.928c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v0-158.293l-105.515-135.595c-0.469-0.64-0.555-1.365-0.981-2.005-1.749-2.517-3.584-4.992-4.779-7.936-29.696-71.936-51.627-211.115 54.357-276.48l4.992-2.603c3.413-1.493 6.955-2.56 10.624-3.157 3.413-0.555 6.827 0 10.325 0.299zM576.085 832c29.455 0 53.333 23.878 53.333 53.333s-23.878 53.333-53.333 53.333v0c-29.455 0-53.333-23.878-53.333-53.333s23.878-53.333 53.333-53.333v0zM800.085 832c29.455 0 53.333 23.878 53.333 53.333s-23.878 53.333-53.333 53.333v0c-29.455 0-53.333-23.878-53.333-53.333s23.878-53.333 53.333-53.333v0zM629.419 469.333c0-0 0-0 0-0 15.184 0 28.516 7.932 36.078 19.878l0.103 0.175 67.413 107.947h77.739c23.549 0.020 42.632 19.115 42.632 42.667 0 11.423-4.489 21.798-11.8 29.457l0.016-0.017-138.453 144.725c-7.72 7.715-18.382 12.486-30.159 12.486-23.564 0-42.667-19.103-42.667-42.667 0-11.108 4.245-21.225 11.201-28.816l-0.029 0.032 69.333-72.533h-1.451c-0 0-0 0-0 0-15.184 0-28.516-7.932-36.078-19.878l-0.103-0.175-67.413-107.947h-8.363c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_person_with_rollator_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 372,
+				"id": 3,
+				"name": "db_ic_person_with_rollator_24",
+				"prevSize": 32,
+				"code": 921992
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M832 85.333c58.91 0 106.667 47.756 106.667 106.667v0 640c0 58.91-47.756 106.667-106.667 106.667v0h-640c-58.91 0-106.667-47.756-106.667-106.667v0-640c0-58.91 47.756-106.667 106.667-106.667v0zM832 170.667c-213.333-0.128-426.667-0.128-640 0-11.782 0-21.333 9.551-21.333 21.333v0c-0.128 213.333-0.128 426.667 0 640 0 10.453 8.747 21.333 21.333 21.333 213.333 0.128 426.667 0.128 640 0 10.453 0 21.333-8.533 21.333-21.333 0.128-213.333 0.128-426.667 0-640 0-11.782-9.551-21.333-21.333-21.333v0zM651.861 299.307c13.302 5.156 22.562 17.85 22.562 32.706 0 4.438-0.826 8.683-2.333 12.589l0.081-0.239c-6.528 17.109-25.173 24.235-42.795 19.883-31.744-7.808-67.285-13.995-87.595-13.995-33.451 0-60.032 6.187-79.744 18.517-19.712 12.373-33.749 30.379-42.112 54.059-8.363 23.723-12.544 53.675-12.544 89.899 0 37.461 4.48 67.627 13.44 90.496 8.96 22.912 22.912 39.851 41.813 50.773 18.901 10.965 43.904 16.427 74.965 16.427 17.365 0 33.579-1.664 48.64-4.992 6.73-1.486 11.691-7.401 11.691-14.474 0-0.026-0-0.053-0-0.079l0 0.004c0.085-25.387 0.085-50.773 0-76.203 0-2.816-1.792-6.4-6.4-6.4h-33.92c-17.979 0-32.555-14.575-32.555-32.555v0c0-16.469 12.544-32.555 32.555-32.555h93.141c16.213 0 32 12.672 32 32 0.085 49.579 0.085 99.2 0 148.779 0 13.824-10.581 26.027-21.973 30.379-14.887 5.959-32.557 11.126-50.817 14.633l-1.877 0.3c-22.004 4.21-47.391 6.702-73.329 6.869l-0.143 0.001c-74.453 0-129.92-18.688-166.357-56.149-36.437-37.419-54.656-93.184-54.656-167.253 0-49.749 8.747-91.776 26.283-126.037 17.066-33.62 43.6-60.347 76.082-77.194l0.974-0.459c30.464-15.787 68.267-26.283 122.453-26.283s94.421 9.728 112.469 16.555z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_platform_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 155,
+				"id": 4,
+				"name": "db_ic_platform_24",
+				"prevSize": 32,
+				"code": 128740
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M832 85.333c58.91 0 106.667 47.756 106.667 106.667v0 640c0 58.91-47.756 106.667-106.667 106.667v0h-640c-58.91 0-106.667-47.756-106.667-106.667v0-640c0-58.91 47.756-106.667 106.667-106.667v0zM832 170.667c-213.333-0.128-426.667-0.128-640 0-11.782 0-21.333 9.551-21.333 21.333v0c-0.128 213.333-0.128 426.667 0 640 0 10.453 8.747 21.333 21.333 21.333 213.333 0.128 426.667 0.128 640 0 10.453 0 21.333-8.533 21.333-21.333 0.128-213.333 0.128-426.667 0-640 0-11.782-9.551-21.333-21.333-21.333v0zM505.685 358.613h-64.512v127.275h65.109c26.027 0 43.52-6.229 52.907-15.275 10.496-10.155 15.787-26.581 15.787-49.28 0-23.467-5.163-39.808-15.531-48.981-9.216-8.107-25.6-13.739-53.76-13.739zM511.488 292.907c51.371 0 89.6 10.24 114.688 30.763s37.632 51.499 37.632 92.885c0 29.44-9.472 60.203-25.387 75.563s-38.699 28.501-67.883 35.712c8.96 4.907 15.019 9.216 19.2 12.971 6.699 6.059 13.397 13.909 20.053 23.509l63.317 100.437c11.221 17.92 6.357 45.013-13.141 57.173-19.456 12.117-42.112 8.661-57.131-13.227-12.288-21.077-36.736-60.288-73.429-117.717-6.432-10.716-13.236-19.992-20.794-28.589l0.186 0.216c-4.352-4.608-13.483-15.061-38.869-16.256l-28.331-0.171v138.325c0 21.888-20.053 41.387-42.667 42.667s-46.933-15.659-46.933-42.667v-348.928c0-21.888 17.792-42.581 42.667-42.667 17.351-0.044 37.878-0.069 58.411-0.069 20.548 0 41.090 0.025 61.626 0.075l-3.215-0.006z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_reservation_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 154,
+				"id": 5,
+				"name": "db_ic_reservation_24",
+				"prevSize": 32,
+				"code": 921977
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M869.845 94.293c15.957-14.635 40.96-11.861 56.32 3.541 15.36 15.36 17.621 41.216 3.541 56.32l-400.043 400.469 332.8 0.043c26.667 0 45.739 4.053 63.573 13.611 17.877 9.515 32.171 23.808 41.685 41.685 8.448 15.787 13.611 30.080 13.611 72.747 0 42.624-3.925 54.613-13.611 72.661-9.609 17.825-23.86 32.076-41.151 41.421l-0.534 0.264c-15.787 8.448-32.128 12.544-53.888 13.44l-598.485 0.128-119.509 119.083c-15.616 11.861-40.96 11.861-56.32-3.541-15.36-15.36-17.152-42.667-3.541-56.32zM302.336 554.667l-85.419 85.333c-2.694-0.071-5.865-0.112-9.045-0.112s-6.352 0.041-9.513 0.121l0.468-0.009c-8.107 0.256-14.336 0.213-20.48 5.675-6.187 5.461-7.339 12.715-7.595 22.443-0.096 2.919-0.151 6.351-0.151 9.795 0 2.917 0.039 5.825 0.117 8.723l-0.009-0.427-70.784 70.827-0.981-1.707c-8.491-15.744-13.611-29.995-13.611-72.619 0-42.667 3.925-54.699 13.611-72.747 9.515-17.877 23.808-32.171 41.685-41.685 15.787-8.448 35.755-13.611 63.573-13.611zM444.245 640l-85.248 85.333 503.467 0.043c7.381 0 18.261 2.133 26.667-5.973 8.448-8.107 6.869-22.144 6.869-36.693 0-14.507 1.707-27.861-5.845-35.925-7.552-8.107-20.309-6.485-27.648-6.656h-418.261zM126.507 93.227c7.246-5.863 16.574-9.412 26.731-9.412 13.409 0 25.373 6.186 33.195 15.859l0.063 0.081c48.213 59.904 50.261 127.957 7.552 193.92l-9.984 14.933c-16.213 26.667-16.213 51.883-5.76 76.544 1.92 4.48 5.888 11.392 11.989 20.693 3.926 6.332 6.253 14.013 6.253 22.238 0 23.564-19.103 42.667-42.667 42.667-13.363 0-25.291-6.143-33.114-15.759l-0.062-0.078c-8.181-10.538-15.23-22.575-20.608-35.482l-0.384-1.040c-20.821-49.28-20.267-104.107 13.141-156.885l10.368-15.445c22.4-35.029 20.907-62.805-3.2-92.843-5.873-7.25-9.428-16.586-9.428-26.752 0-13.397 6.175-25.352 15.834-33.175l0.080-0.063z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_no_smoking_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 152,
+				"id": 6,
+				"name": "db_ic_no_smoking_24",
+				"prevSize": 32,
+				"code": 922230
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M503.808 149.12l17.237-35.285c1.355-2.725 2.148-5.934 2.148-9.329 0-11.782-9.551-21.333-21.333-21.333-0.907 0-1.802 0.057-2.679 0.167l0.105-0.011-38.955 4.693c-212.365 26.81-374.964 206.294-374.997 423.762l-0 0.004c0 235.776 191.147 426.88 426.88 426.88 164.779 0 312.661-94.251 383.744-239.659l17.237-35.285c1.369-2.737 2.17-5.962 2.17-9.375 0-11.782-9.551-21.333-21.333-21.333-0.915 0-1.817 0.058-2.702 0.169l0.105-0.011-38.955 4.736c-12.49 1.619-26.937 2.543-41.6 2.543-188.631 0-341.547-152.916-341.547-341.547 0-0.009 0-0.018 0-0.027l-0 0.001c0-52.651 11.904-103.509 34.475-149.76zM398.123 189.696l-3.157 12.629c-7.253 31.36-10.965 63.701-10.965 96.555l0.171 11.947c5.973 218.325 175.915 395.691 391.125 413.44l4.096 0.299-5.76 7.125c-63.068 74.654-156.745 121.741-261.419 121.741-188.631 0-341.547-152.916-341.547-341.547 0-0.035 0-0.069 0-0.104l-0 0.005c0.044-143.507 88.499-266.343 213.855-317.005l2.294-0.819z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_night_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 151,
+				"id": 7,
+				"name": "db_ic_night_24",
+				"prevSize": 32,
+				"code": 922249
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M170.667 896c-23.564 0-42.667-19.103-42.667-42.667v0c0-21.888 17.195-42.667 42.667-42.667v-288.597c-26.197-23.467-42.667-57.472-42.667-95.403 0-18.859 2.517-27.051 6.741-42.197l50.347-192.64c9.792-37 42.97-63.829 82.414-63.829 0.036 0 0.072 0 0.109 0l488.698-0c36.565 0 71.339 22.4 82.56 63.872l50.432 192.597c4.693 13.483 6.656 27.733 6.656 42.197 0 0.043 0 0.094 0 0.145 0 37.793-16.433 71.747-42.544 95.107l-0.122 0.108v288.64c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0zM768 725.333h-512v85.333h512zM703.957 537.515c-19.627 11.435-40.96 17.152-63.957 17.152-23.040 0-44.373-5.717-64.043-17.152-18.352 10.757-40.408 17.121-63.948 17.152l-0.009 0c-23.578-0.038-45.661-6.401-64.655-17.482l0.612 0.33c-18.119 10.781-39.952 17.154-63.273 17.154-0.241 0-0.481-0.001-0.722-0.002l0.037 0c-0.191 0.001-0.417 0.002-0.643 0.002-23.363 0-45.239-6.372-63.982-17.473l0.583 0.319c-18.987 11.093-40.32 16.853-63.957 17.152v85.333h512v-85.333c-23.577-0.070-45.654-6.428-64.661-17.484l0.618 0.332zM756.352 213.333h-488.704l-53.461 204.544c-0.582 2.642-0.915 5.677-0.915 8.789 0 23.564 19.103 42.667 42.667 42.667 0.022 0 0.043-0 0.065-0l-0.003 0c22.059 0 43.392-16.939 63.957-50.773 18.773 33.835 40.149 50.773 64.043 50.773s45.227-16.939 63.957-50.773c20.053 33.835 41.429 50.773 64.043 50.773s43.947-16.939 63.957-50.773c18.688 33.835 40.064 50.773 64.043 50.773s45.312-16.939 63.957-50.773c19.2 33.835 40.533 50.773 64.043 50.773 23.564 0 42.667-19.103 42.667-42.667v0c0-3.925-2.944-15.915-4.437-21.291l-49.92-192.043z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_marketplace_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 150,
+				"id": 8,
+				"name": "db_ic_marketplace_24",
+				"prevSize": 32,
+				"code": 921976
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M426.667 85.333c23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-17.664 42.667-42.667 42.368l-152.789 0.299c-33.621 0-54.059 2.56-67.371 10.24-13.269 7.68-19.627 14.635-25.6 25.941-6.4 12.16-9.301 24.064-10.027 51.925v506.453c0.725 27.861 3.627 39.765 10.027 51.925 5.973 11.307 13.227 18.859 25.6 25.941 12.416 7.083 28.416 9.429 50.773 10.027l169.387 0.213c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-152.789c-52.779 0-79.829-5.291-107.989-20.523-25.898-14.138-46.565-35.037-60.031-60.349l-0.385-0.792c-13.909-26.283-19.328-51.627-20.053-97.707l-0.085-483.584c0-53.163 5.163-80.341 20.139-108.672 13.851-26.104 34.518-47.003 59.651-60.758l0.765-0.383c26.155-14.123 51.328-19.712 97.067-20.48zM746.667 326.4c101.973 0 185.6 82.645 185.6 185.6-0.073 102.475-83.125 185.527-185.593 185.6l-0.007 0c-54.784 0-116.181-23.595-157.867-88.32h-51.755l-43.264 28.885c-5.654 3.818-12.622 6.095-20.122 6.095-6.735 0-13.041-1.836-18.446-5.035l0.168 0.092-35.328-27.605-30.507 24.576c-6.155 4.972-14.075 7.982-22.699 7.982-9.092 0-17.402-3.346-23.767-8.873l0.045 0.038-88.747-99.328c-11.563-13.056-11.776-35.413-1.877-45.867l43.776-44.288 44.928-44.928c6.59-6.343 15.546-10.268 25.418-10.325l0.011-0 239.787-0.299c34.245-39.277 84.359-63.966 140.239-64l0.006-0zM746.667 399.232c-31.061 0-54.741 10.027-76.8 29.184-21.76 22.613-39.808 34.517-52.096 34.517h-235.947l-50.475 50.517 39.68 44.629 26.24-21.035c6.157-4.991 14.087-8.013 22.722-8.013 6.789 0 13.142 1.868 18.573 5.118l-0.165-0.091 37.077 29.056 22.528-20.651h100.181c27.477 0 47.531 22.869 54.272 32.171 6.827 9.259 11.691 15.829 19.669 22.528 15.573 13.013 37.547 27.733 74.539 27.733 67.2 0 113.067-50.901 113.067-112.896s-45.867-112.768-113.067-112.768zM746.667 458.667c29.455 0 53.333 23.878 53.333 53.333s-23.878 53.333-53.333 53.333v0c-29.455 0-53.333-23.878-53.333-53.333s23.878-53.333 53.333-53.333v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_luggage_compartment_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 149,
+				"id": 9,
+				"name": "db_ic_luggage_compartment_24",
+				"prevSize": 32,
+				"code": 922228
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M491.52 938.667c-183.424 0-321.707-139.52-321.707-324.565 0-72.917 29.909-153.173 88.96-238.592 0 0 119.040-177.323 173.355-258.773 12.78-19.010 34.191-31.361 58.49-31.403l0.006-0h0.128c23.467 0 45.269 11.605 58.453 31.147l0.043 0.171c54.357 81.493 173.739 259.157 173.739 259.2 58.709 84.907 88.619 165.205 88.619 238.123 0 185.131-137.643 324.693-320.128 324.693zM490.752 182.4c-58.24 87.125-161.621 241.067-161.621 241.067-49.28 71.381-74.155 135.381-74.155 190.635 0 138.752 99.499 239.36 236.501 239.36 136.192 0 234.965-100.693 234.965-239.488 0-55.253-24.832-119.253-73.813-190.165-0.299-0.427-103.595-154.197-161.835-241.408z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_hydrogen_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 148,
+				"id": 10,
+				"name": "db_ic_hydrogen_24",
+				"prevSize": 32,
+				"code": 921975
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M881.92 254.293c20.25 3.577 35.435 21.040 35.435 42.049 0 3.953-0.538 7.78-1.544 11.413l0.071-0.3c-65.067 241.323-168.875 387.029-297.643 443.989-92.288 40.789-192.768 30.123-257.579-14.165-82.091 24.448-159.488 19.755-226.475-6.827-44.16-13.952-35.627-97.792 30.293-79.787 142.635 53.205 292.779-17.152 450.347-211.072 43.819-51.413 100.437 16.64 69.632 49.323-71.381 92.416-144.555 157.781-216.107 200.405 192.427 16.213 293.376-173.355 351.104-355.797-89.429-5.717-171.733 5.973-247.040 34.987-92.928 36.693-160.085 102.827-193.963 195.328-19.627 53.504-101.845 22.827-79.787-30.336 61.995-149.291 147.328-213.461 277.931-257.152 143.189-47.915 304.085-22.229 305.365-22.016z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_environmental_mobility_check_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 147,
+				"id": 11,
+				"name": "db_ic_environmental_mobility_check_24",
+				"prevSize": 32,
+				"code": 922227
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 768c23.564 0 42.667 19.103 42.667 42.667v0 85.333c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v0-85.333c0-23.564 19.103-42.667 42.667-42.667v0zM753.365 693.035l60.331 60.331c7.41 7.665 11.977 18.12 11.977 29.641 0 23.564-19.103 42.667-42.667 42.667-11.521 0-21.976-4.567-29.653-11.989l0.012 0.012-60.331-60.331c-8.036-7.769-13.026-18.647-13.026-30.69 0-23.564 19.103-42.667 42.667-42.667 12.043 0 22.92 4.989 30.678 13.014l0.012 0.012zM330.965 693.035c7.718 7.721 12.492 18.386 12.492 30.165s-4.774 22.445-12.492 30.165l0-0-60.331 60.288c-7.769 8.036-18.647 13.026-30.69 13.026-23.564 0-42.667-19.103-42.667-42.667 0-12.043 4.989-22.92 13.014-30.678l0.012-0.012 60.331-60.331c7.721-7.718 18.386-12.492 30.165-12.492s22.445 4.774 30.165 12.492l-0-0zM512 341.333c94.257 0 170.667 76.41 170.667 170.667s-76.41 170.667-170.667 170.667v0c-94.257 0-170.667-76.41-170.667-170.667s76.41-170.667 170.667-170.667v0zM512 426.667c-47.128 0-85.333 38.205-85.333 85.333s38.205 85.333 85.333 85.333v0c47.128 0 85.333-38.205 85.333-85.333s-38.205-85.333-85.333-85.333v0zM896 469.333c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-85.333c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM213.333 469.333c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-85.333c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM270.635 210.304l60.331 60.331c7.41 7.665 11.977 18.12 11.977 29.641 0 23.564-19.103 42.667-42.667 42.667-11.521 0-21.976-4.567-29.653-11.989l0.012 0.012-60.288-60.331c-6.988-7.574-11.273-17.734-11.273-28.894 0-23.564 19.103-42.667 42.667-42.667 11.161 0 21.32 4.285 28.924 11.3l-0.029-0.027zM813.696 210.304c7.718 7.721 12.492 18.386 12.492 30.165s-4.774 22.445-12.492 30.165l-60.331 60.331c-7.769 8.036-18.647 13.026-30.69 13.026-23.564 0-42.667-19.103-42.667-42.667 0-12.043 4.989-22.92 13.014-30.678l0.012-0.012 60.331-60.331c7.721-7.718 18.386-12.492 30.165-12.492s22.445 4.774 30.165 12.492l-0-0zM512 85.333c23.564 0 42.667 19.103 42.667 42.667v0 85.333c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v0-85.333c0-23.564 19.103-42.667 42.667-42.667v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_day_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 146,
+				"id": 12,
+				"name": "db_ic_day_24",
+				"prevSize": 32,
+				"code": 9728
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M511.829 213.333c70.787 0 128.171 57.384 128.171 128.171v0c0 51.371-27.989 86.101-77.781 115.072-7.381 4.267-7.765 9.387-7.765 26.496l314.752 121.472c40.181 15.901 68.084 54.414 68.084 99.444 0 56.159-43.399 102.181-98.488 106.358l-0.359 0.022-645.163 0.299c-0.015 0-0.032 0-0.050 0-58.91 0-106.667-47.756-106.667-106.667 0-42.343 24.672-78.923 60.425-96.149l0.638-0.277 321.451-124.373 0.171-15.616c0.45-16.238 4.628-31.403 11.702-44.801l-0.268 0.556c8.734-16.868 21.662-30.508 37.434-39.857l0.454-0.249c27.093-16.128 36.053-27.136 36.053-41.728 0-0.063 0.001-0.139 0.001-0.214 0-23.541-19.083-42.624-42.624-42.624-0.060 0-0.12 0-0.181 0l0.009-0c-14.549 0-37.803 9.899-43.947 32.64-5.077 18.307-21.593 31.522-41.195 31.522-23.571 0-42.679-19.108-42.679-42.679 0-3.969 0.542-7.811 1.555-11.457l-0.071 0.3c14.976-55.381 68.011-95.659 126.293-95.659zM486.101 567.808l-300.501 116.309c-8.043 3.177-13.63 10.883-13.63 19.894 0 10.416 7.465 19.089 17.337 20.96l0.133 0.021 641.28 0.341c11.768-0.019 21.3-9.563 21.3-21.333 0-7.649-4.026-14.358-10.074-18.124l-0.090-0.052-303.957-118.016c-11.307-4.608-19.925-6.912-25.899-6.912s-14.592 2.304-25.899 6.912z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_clothing_hanger_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 145,
+				"id": 13,
+				"name": "db_ic_clothing_hanger_24",
+				"prevSize": 32,
+				"code": 921984
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M511.957 90.667c19.029 0 37.675 15.616 37.333 37.333v74.411l45.952-45.952c6.757-6.763 16.095-10.947 26.411-10.947s19.653 4.184 26.41 10.946l0 0c6.63 6.81 10.718 16.122 10.718 26.389s-4.089 19.58-10.727 26.398l0.008-0.008-98.816 98.816v139.307l129.792-74.923 33.707-125.781c4.403-16.071 18.878-27.686 36.065-27.686 3.44 0 6.772 0.465 9.936 1.337l-0.262-0.062c16.090 4.266 27.754 18.697 27.754 35.853 0 3.518-0.491 6.922-1.407 10.147l0.063-0.261-14.421 53.675 55.339-31.957c5.361-3.155 11.811-5.018 18.695-5.018 13.748 0 25.76 7.431 32.239 18.495l0.095 0.176c3.027 5.329 4.811 11.706 4.811 18.5 0 12.747-6.281 24.028-15.917 30.915l-0.115 0.078-69.419 40.149 72.021 19.285c16.051 4.416 27.646 18.881 27.646 36.055 0 3.444-0.466 6.78-1.34 9.946l0.062-0.262c-4.864 18.261-23.552 31.147-42.624 27.221l-147.2-39.467-118.187 68.267 136.448 78.763 125.867-33.707c2.886-0.801 6.201-1.262 9.623-1.262 17.198 0 31.68 11.629 36.012 27.453l0.061 0.262c4.907 18.219-5.504 40.277-26.368 45.696l-53.717 14.379 48.64 28.075c11.243 6.576 18.675 18.591 18.675 32.341 0 20.623-16.718 37.342-37.342 37.342-6.873 0-13.312-1.857-18.843-5.096l0.176 0.095-60.245-34.816 19.328 71.979c0.933 3.108 1.471 6.679 1.471 10.375 0 20.619-16.715 37.333-37.333 37.333-17.44 0-32.087-11.958-36.188-28.122l-0.056-0.258-38.656-144.085-124.885-72.107v154.752l98.816 98.816c6.75 6.755 10.925 16.085 10.925 26.389 0 20.62-16.716 37.335-37.335 37.335-10.315 0-19.653-4.183-26.41-10.946l-45.995-45.995v58.965c0 20.536-16.648 37.184-37.184 37.184s-37.184-16.648-37.184-37.184l0-0-0.299-59.008-45.952 45.995c-6.818 7.179-16.433 11.645-27.091 11.645-20.619 0-37.333-16.715-37.333-37.333 0-10.658 4.466-20.273 11.629-27.075l0.016-0.015 98.731-98.816v-154.752l-124.885 72.107-38.571 144.085c-4.389 16.091-18.874 27.725-36.076 27.725-3.437 0-6.765-0.464-9.925-1.334l0.262 0.061c-18.261-4.949-32.171-24.747-26.368-45.781l19.243-71.979-60.203 34.816c-5.355 3.144-11.794 5-18.667 5-20.623 0-37.342-16.718-37.342-37.342 0-13.751 7.432-25.765 18.499-32.246l0.176-0.095 48.555-28.075-53.589-14.379c-16.422-4.157-28.38-18.804-28.38-36.244 0-20.619 16.715-37.333 37.333-37.333 3.697 0 7.268 0.537 10.639 1.538l-0.264-0.067 125.781 33.664 136.533-78.805-118.315-68.224-144.043 38.656c-3.108 0.933-6.679 1.471-10.375 1.471-20.619 0-37.333-16.715-37.333-37.333 0-17.44 11.958-32.087 28.122-36.188l0.258-0.056 71.936-19.328-66.901-38.613c-11.243-6.576-18.675-18.591-18.675-32.341 0-20.623 16.718-37.342 37.342-37.342 6.873 0 13.312 1.857 18.843 5.096l-0.176-0.095 55.296 31.957-14.336-53.675c-0.811-2.905-1.278-6.24-1.278-9.684 0-17.173 11.595-31.638 27.384-35.993l0.262-0.062c18.261-4.864 38.571 3.925 45.739 26.453l33.707 125.739 129.749 74.923v-139.307l-98.645-98.773c-6.75-6.755-10.925-16.085-10.925-26.389s4.175-19.634 10.926-26.39l-0 0c13.355-13.355 34.475-15.573 51.797-1.152l46.933 47.104v-74.411c0-20.608 16.725-37.333 37.376-37.333z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_feature_air-condition_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 11,
+				"id": 14,
+				"name": "ic-db_feature_air-condition_24",
+				"prevSize": 32,
+				"code": 10052
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M780.373 471.211c17.415 5.622 29.791 21.689 29.791 40.646 0 4.577-0.721 8.985-2.056 13.117l0.084-0.302-38.827 123.093c-11.646 36.171-45.002 61.883-84.364 61.883-12.658 0-24.696-2.659-35.584-7.449l0.567 0.223-120.021-51.712c-17.493-7.552-39.296-10.581-60.629-10.581-91.136 0.256-182.315 0.256-273.536 0-11.691-0.341-25.045 10.581-24.96 24.789l-0.171 231.083c0 23.564-19.103 42.667-42.667 42.667v0c-23.454-0.145-42.411-19.192-42.411-42.666 0-0.075 0-0.151 0.001-0.226l-0 0.012v-230.869c0.073-60.766 49.314-110.007 110.073-110.080l273.671-0.171c30.635-0.043 66.219 5.589 94.336 17.792 14.677 6.613 29.867 13.355 45.611 20.224l48.811 20.821 25.6 10.667c2.261 0.853 3.797-0.341 4.395-2.048 13.44-41.6 26.411-82.645 38.827-123.136 5.634-17.395 21.691-29.752 40.634-29.752 4.581 0 8.993 0.723 13.129 2.060l-0.302-0.084zM513.536 725.333c23.564 0 42.667 19.103 42.667 42.667v0 126.891c-1.049 22.729-19.731 40.759-42.624 40.759s-41.575-18.030-42.621-40.665l-0.003-0.094v-126.891c0.024-23.516 19.069-42.576 42.577-42.624l0.005-0zM377.728 181.803c55.654 22.588 94.187 76.226 94.187 138.865 0 82.545-66.916 149.461-149.461 149.461-21.368 0-41.69-4.484-60.074-12.563l0.959 0.376c-53.591-23.505-90.347-76.097-90.347-137.274 0-82.545 66.916-149.461 149.461-149.461 19.907 0 38.905 3.892 56.275 10.956l-1-0.36zM789.205 85.163c23.549-0 42.642 19.078 42.667 42.622l0 0.002-0.043 39.68 60.032 103.339 39.851 62.336c4.186 6.485 6.674 14.408 6.674 22.912 0 23.54-19.064 42.628-42.596 42.667l-0.004 0h-213.547c-23.531-0.043-42.59-19.129-42.59-42.667 0-8.098 2.256-15.67 6.174-22.12l-0.107 0.189 100.864-167.68v-38.656c0-23.564 19.103-42.667 42.667-42.667v0zM320.555 255.701c-35.44 0-64.171 28.73-64.171 64.171s28.73 64.171 64.171 64.171v0c35.44 0 64.171-28.73 64.171-64.171s-28.73-64.171-64.171-64.171v-0zM788.395 262.357l-30.763 51.115h60.459l-29.696-51.115z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_feature_standing-room_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 383,
+				"id": 15,
+				"name": "ic-db_feature_standing-room_24",
+				"prevSize": 32,
+				"code": 921952
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M389.888 692.224c47.014 19.67 79.445 65.293 79.445 118.491 0 0.013-0 0.026-0 0.040l0-0.002c0.001 0.217 0.002 0.474 0.002 0.731 0 69.896-56.324 126.637-126.061 127.311l-0.064 0c-0.501 0.007-1.094 0.011-1.687 0.011-70.763 0-128.128-57.365-128.128-128.128 0-34.997 14.032-66.718 36.776-89.842l-0.017 0.018c23.222-23.565 55.486-38.164 91.161-38.164 17.517 0 34.212 3.52 49.416 9.891l-0.844-0.314zM731.221 692.224c47.014 19.67 79.445 65.293 79.445 118.491 0 0.013-0 0.026-0 0.040l0-0.002c0.001 0.205 0.002 0.447 0.002 0.689 0 69.905-56.319 126.655-126.058 127.353l-0.066 0.001c-0.501 0.007-1.093 0.011-1.686 0.011-70.763 0-128.128-57.365-128.128-128.128 0-35.019 14.048-66.756 36.817-89.884l-0.016 0.017c23.22-23.558 55.48-38.152 91.148-38.152 17.506 0 34.19 3.515 49.386 9.879l-0.844-0.314zM343.381 768.043c-0.611-0.031-1.328-0.049-2.048-0.049-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667c23.562 0 42.663-19.099 42.667-42.66l0-0c0.008-0.296 0.012-0.645 0.012-0.995 0-22.651-18.067-41.083-40.576-41.671l-0.054-0.001zM684.629 768.043c-0.586-0.029-1.272-0.045-1.963-0.045-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667c23.548 0 42.641-19.077 42.667-42.619l0-0.002c0.007-0.283 0.011-0.617 0.011-0.951 0-22.689-18.109-41.149-40.662-41.715l-0.052-0.001zM594.048 85.333c180.693 0 302.080 121.429 302.080 298.667 0.012 0.365 0.018 0.794 0.018 1.224 0 1.795-0.115 3.562-0.338 5.296l0.022-0.205h0.171c-0.046 23.671-3.424 46.534-9.69 68.171l0.431-1.739c-3.285 10.453-7.808 23.68-12.544 37.376l-5.803 16.469c-10.615 31.138-17.406 49.12-24.465 66.968l4.412-12.653c-18.816 48.512-64.853 74.496-116.395 75.093h-446.72c-52.352-0.085-99.115-27.051-117.12-76.8l-38.016-117.419c-1.332-3.969-2.1-8.538-2.1-13.288 0-9.426 3.026-18.144 8.16-25.238l-0.087 0.126c7.782-10.407 20.074-17.072 33.923-17.072 0.239 0 0.477 0.002 0.715 0.006l-0.036-0 74.411-0.043-40.96-66.389c-9.338-15.169-25.853-25.131-44.694-25.131-0.007 0-0.014 0-0.021 0l-31.7-0c-23.36-0.145-42.24-19.115-42.24-42.495 0-0.060 0-0.121 0-0.181l-0 0.009c-0-0.076-0.001-0.166-0.001-0.257 0-23.38 18.881-42.35 42.227-42.495l0.014-0h31.701c0.061-0 0.134-0 0.207-0 49.001 0 91.949 25.91 115.894 64.777l0.337 0.588 68.736 111.573h134.443l74.325-273.493c4.954-18.185 21.278-31.351 40.693-31.445l0.011-0zM791.040 469.333h-562.773l19.413 60.16c6.101 15.36 20.907 25.429 37.291 25.344h446.805c17.721-0.659 32.594-12.16 38.223-28.036l0.091-0.295c3.361-7.124 10.459-26.058 17.23-45.147l3.719-12.026zM625.792 172.459l-59.179 217.813 245.333 0.043c-0.16-1.362-0.252-2.94-0.252-4.539 0-0.624 0.014-1.246 0.042-1.863l-0.003 0.088c0-139.904-91.008-201.131-185.899-211.541z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_feature_buggy_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 384,
+				"id": 16,
+				"name": "ic-db_feature_buggy_24",
+				"prevSize": 32,
+				"code": 921939
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M823.040 708.651l73.387 2.56c22.915 0.828 41.178 19.604 41.178 42.645 0 23.567-19.105 42.671-42.671 42.671-0.525 0-1.048-0.009-1.569-0.028l0.075 0.002c-24.448-0.768-48.896-1.621-73.387-2.56-0.389-0.012-0.847-0.019-1.307-0.019-3.699 0-7.294 0.442-10.737 1.277l0.31-0.064-579.712 143.957c-9.2 2.413-19.763 3.799-30.649 3.799-1.645 0-3.284-0.032-4.914-0.094l0.235 0.007-73.344-2.56c-22.915-0.828-41.178-19.604-41.178-42.645 0-23.567 19.105-42.671 42.671-42.671 0.525 0 1.048 0.009 1.569 0.028l-0.075-0.002c24.448 0.768 48.896 1.621 73.344 2.56 3.84 0.128 7.765-0.256 11.776-1.237l579.712-143.957c11.605-2.859 23.381-4.096 35.328-3.669zM276.053 443.392c0.791 2.996 1.246 6.436 1.246 9.982 0 6.744-1.644 13.105-4.552 18.702l0.107-0.226-2.56 4.608c-10.069 15.935-16.045 35.328-16.045 56.116 0 8.285 0.949 16.349 2.745 24.088l-0.14-0.716c11.61 48.299 54.434 83.635 105.512 83.635 8.517 0 16.805-0.983 24.757-2.841l-0.733 0.144c28.867-6.811 52.746-24.477 67.574-48.351l0.266-0.46c5.536-8.913 14.316-15.366 24.653-17.741l0.264-0.051c2.812-0.655 6.040-1.031 9.356-1.031 20.204 0 37.151 13.946 41.74 32.737l0.061 0.294c2.389 10.368 2.475 22.656-3.499 32.256-27.014 42.424-69.114 73.192-118.584 84.901l-1.309 0.261c-13.061 3.144-28.057 4.947-43.473 4.947-91.383 0-167.97-63.349-188.241-148.527l-0.264-1.316c-11.093-48.043-2.133-98.005 21.675-143.189 5.679-10.042 15.249-17.321 26.611-19.833l0.269-0.050c23.381-5.419 47.061 8.277 52.48 31.659zM367.531 275.072l78.336 122.581 90.155-24.192c32.213-8.619 55.765 1.579 74.837 26.88l126.379 167.68c2.901 3.84 5.675 10.923 6.741 14.763 1.053 3.492 1.658 7.505 1.658 11.659 0 19.081-12.781 35.177-30.249 40.193l-0.295 0.073c-19.328 5.163-37.035-3.84-47.531-17.621l-119.723-158.421-113.365 30.379c-3.62 1.096-7.78 1.727-12.088 1.727-15.906 0-29.803-8.601-37.295-21.405l-0.11-0.204-93.099-151.723c-3.394-6.004-5.394-13.184-5.394-20.832 0-19.643 13.194-36.203 31.203-41.303l0.303-0.073c19.328-5.205 39.083 3.456 49.493 19.84zM258.133 90.112c4.793-1.268 10.295-1.996 15.968-1.996 29.54 0 54.467 19.75 62.297 46.765l0.114 0.458c1.392 4.981 2.192 10.7 2.192 16.607 0 29.449-19.89 54.253-46.969 61.709l-0.449 0.106c-5.158 1.518-11.084 2.392-17.214 2.392-29.359 0-54.038-20.035-61.11-47.179l-0.097-0.439c-1.392-4.981-2.192-10.7-2.192-16.607 0-29.449 19.89-54.253 46.969-61.709l0.449-0.106z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["entry-aid"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 385,
+				"id": 17,
+				"name": "entry-aid",
+				"prevSize": 32,
+				"code": 921936
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M897.109 853.248c23.595 0 41.557 20.224 41.557 43.819 0.005 0.231 0.007 0.503 0.007 0.776 0 22.504-18.243 40.747-40.747 40.747-0.288 0-0.575-0.003-0.861-0.009l0.043 0.001h-768.939c-23.595 0-42.667-17.92-42.667-41.515s19.072-43.819 42.667-43.819h768.939zM610.261 85.419c40.107 0.128 72.491 32.725 72.405 72.832v55.296h142.933c39.723 0.299 70.571 32.683 70.4 72.448v410.453c0.006 0.343 0.009 0.747 0.009 1.152 0 38.834-31.481 70.315-70.315 70.315-0.033 0-0.067-0-0.1-0l0.005 0h-625.835c-0.101 0.001-0.221 0.001-0.341 0.001-39.446 0-71.424-31.978-71.424-71.424 0-0.015 0-0.031 0-0.046l-0 0.002v-410.453c-0-0.051-0-0.112-0-0.172 0-39.738 32.069-71.985 71.738-72.275l0.028-0h141.568v-55.253c-0-0.038-0-0.083-0-0.128 0-40.063 32.405-72.558 72.434-72.704l0.014-0zM810.667 298.581h-597.333v384h597.333v-384zM363.435 389.205c12.661 7.556 21.008 21.184 21.008 36.761 0 0.411-0.006 0.821-0.017 1.23l0.001-0.060v128.171c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v0-128.213c-0.011-0.367-0.018-0.799-0.018-1.233 0-23.564 19.103-42.667 42.667-42.667 8.001 0 15.487 2.202 21.887 6.034l-0.194-0.108zM705.195 389.205c12.661 7.556 21.008 21.184 21.008 36.761 0 0.411-0.006 0.821-0.017 1.23l0.001-0.060v128.171c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v0-128.213c-0.012-0.375-0.019-0.816-0.019-1.258 0-23.564 19.103-42.667 42.667-42.667 8.019 0 15.521 2.212 21.929 6.059l-0.193-0.108zM597.333 170.752h-170.667v42.795h170.667v-42.752z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["luggage-rack"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 386,
+				"id": 18,
+				"name": "luggage-rack",
+				"prevSize": 32,
+				"code": 922229
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		},
+		{
+			"icon": {
+				"paths": [
+					"M597.333 128c47.128 0 85.333 38.205 85.333 85.333v0 128h128c47.128 0 85.333 38.205 85.333 85.333v0 170.667c0 47.128-38.205 85.333-85.333 85.333v0h-128v128c0 47.128-38.205 85.333-85.333 85.333v0h-170.667c-47.128 0-85.333-38.205-85.333-85.333v0-128h-128c-47.128 0-85.333-38.205-85.333-85.333v0-170.667c0-47.128 38.205-85.333 85.333-85.333v0h128v-128c0-47.128 38.205-85.333 85.333-85.333v0h170.667zM597.333 213.333h-170.667v213.333h-213.333v170.667h213.333v213.333h170.667v-213.333h213.333v-170.667h-213.333v-213.333z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["medical"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 387,
+				"id": 19,
+				"name": "medical",
+				"prevSize": 32,
+				"code": 10010
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 20
+		},
+		{
+			"icon": {
+				"paths": [
+					"M85.333 724.011v-510.677c0-70.692 57.308-128 128-128v0h510.677c0.292-0.002 0.637-0.004 0.982-0.004 70.762 0 128.149 57.268 128.341 127.985l0 0.018v256c0 27.989-22.656 45.355-43.989 45.355s-41.344-14.677-41.344-45.355v-256c0-22.656-20.011-42.667-43.989-42.667h-510.677c-24.021 0-42.667 20.011-42.667 42.667v510.677c0 23.936 18.688 43.989 42.667 43.989h233.344c0.255-0.006 0.555-0.009 0.856-0.009 22.931 0 41.551 18.459 41.811 41.328l0 0.025c0 23.979-18.688 43.989-42.667 43.989h-233.344c-70.656 0-128-57.344-128-129.323zM468.651 256c0.228-0.001 0.498-0.001 0.768-0.001 117.774 0 213.248 95.474 213.248 213.248 0 0.030-0 0.061-0 0.091l0-0.005c0 118.827-96.171 213.333-214.016 213.333-119.211 0-212.651-94.507-212.651-213.333s93.44-213.333 212.651-213.333zM470.016 341.333c-70.692 0-128 57.308-128 128s57.308 128 128 128v0c68.949 0 127.317-57.344 127.317-128-1.323-70.656-58.368-128-127.317-128zM374.613 469.333c0-24.021 18.688-42.667 42.667-42.667 24.021 0 42.667 18.688 42.667 42.667 0 24.021-18.645 42.667-42.667 42.667-23.979 0-42.667-18.688-42.667-42.667zM477.269 469.333c0-24.021 18.688-42.667 42.667-42.667 22.699 0 42.667 18.688 42.667 42.667 0 24.021-19.968 42.667-42.667 42.667-23.979 0-42.667-18.688-42.667-42.667zM715.947 576c10.667 0 20.011 2.688 30.677 11.989l25.344 25.344 13.312-13.355c7.472-7.385 17.748-11.948 29.089-11.948 0.093 0 0.186 0 0.28 0.001l-0.014-0c10.667 0 22.656 3.968 30.635 11.947l46.677 46.677c28.032 26.667 42.667 64 42.667 101.333 0 33.365-11.989 66.688-33.323 93.355l25.344 23.979c7.22 7.184 11.76 17.056 11.989 27.989l0.001 0.043c0.043 23.979-19.968 45.312-42.624 45.312-0.455 0.019-0.988 0.030-1.524 0.030-10.96 0-20.842-4.612-27.813-12.001l-0.018-0.019-25.301-24.021c-26.667 22.699-58.667 36.011-93.355 36.011-43.989 0-80-14.677-106.667-41.344l-46.677-48c-7.381-7.139-11.963-17.133-11.963-28.196 0-0.392 0.006-0.783 0.017-1.173l-0.001 0.057c0-10.667 3.968-22.699 11.947-30.677l13.355-11.989-25.344-25.344c-9.344-9.344-13.312-20.011-13.312-29.355 0-22.613 21.333-42.667 43.989-42.667 9.344 0 20.011 2.688 29.355 10.667l25.301 25.344 43.989-42.667-25.301-23.979c-9.344-9.344-13.355-18.688-13.355-29.355 0-22.656 20.011-43.989 42.667-43.989zM814.635 690.688l-129.365 129.28 16 17.365c10.667 10.667 25.344 16 40.021 16 20.011 0 38.656-8.021 52.011-21.333l33.323-33.323c13.355-13.355 21.333-30.677 21.333-49.365 0-14.635-6.656-29.312-17.323-41.301l-16-17.365z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["power-outlet"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 388,
+				"id": 20,
+				"name": "power-outlet",
+				"prevSize": 32,
+				"code": 922232
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 21
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-food-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-food-outline.json
new file mode 100644
index 0000000000..768dda3625
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-food-outline.json
@@ -0,0 +1,141 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M420.243 235.215l-26.693 45.449c21.333 8.728 27.196 25.665 24.505 39.196l-11.433 57.395c9.46 2.501 18.219 8.812 21.237 18.427 2.033 6.434 7.877 27.749 17.449 63.967 4.568 17.068-5.562 34.609-22.63 39.182-15.585 4.176-31.567-3.904-37.711-18.332l-0.063-0.159-14.168-47.929-220.803 17.024c0.033 85.022 23.288 159.448 57.235 217.891l77.944-39.305c13.143-6.835 31.832-4.51 41.36 10.606 9.569 15.105 7.129 36.828-12.298 46.584l-49.457 25.443c6.487 17.123 29.371 56.532 56.351 76.116 5.547 4.103 9.845 10.113 11.792 17.38 4.574 17.072-5.557 34.619-22.629 39.194-9.804 2.627-19.765 0.404-27.336-5.198l-0.065-0.050c-38.088-28.4-66.462-77.912-75.355-98.41-0.371 0.117-0.808 0.244-1.251 0.362-12.409 3.325-25.070-1.11-32.829-10.33l-0.131-0.168c-56.514-67.326-100.992-207.933-84.147-314.042 2.133-13.47 13.083-27.005 37.156-27.006-7.97-86.782 13.336-152.83 63.971-198.113 10.197-9.093 28.732-13.441 48.479 2.558l27.247-46.349c23.767-40.381 75.051-56.861 120.216-33.537 45.184 23.23 58.728 80.205 34.056 122.153zM350.778 330.069l-133.355-75.669c-14.683 17.407-22.645 38.136-26.84 62.539-2.789 16.296-3.172 36.629-1.117 60.947l153.794-9.935 7.559-37.893zM938.671 682.727c-0.253 57.072-37.824 108.356-94.681 123.59-11.447 3.067-22.947 4.478-34.246 4.38l0.922-0.027c-2.102 25.785-7.571 46.421-16.43 61.826-13.283 23.127-28.417 38.358-49.783 49.781-20.751 11.082-40.743 15.599-75.092 16.322l-90.609 0.117c-41.13-0.022-63.070-4.259-85.91-16.47-20.614-10.986-37.95-27.832-49.36-49.007l-0.368-0.746c-11.123-20.74-15.599-40.743-16.333-75.133l-0.105-145.297c-0.006-23.763 2.744-38.060 10.71-53.005 7.441-13.933 18.837-25.653 33.155-33.373l0.506-0.25c13.058-6.988 25.603-9.952 44.511-10.602l294.47 0.076c72.050-1.46 128.614 59.624 128.633 127.776zM354.762 168.878c-5.364-2.838-11.794-3.738-18.14-2.038-6.862 1.839-12.289 6.361-15.455 12.134l-0.006 0.011-26.764 45.513 43.468 24.574 27.206-46.338c6.067-10.328 4.107-27.206-10.309-33.856zM725.36 640.011l-213.001 0.313-0.036 162.739c0.799 13.037 2.757 22.982 6.059 29.208 3.493 6.441 15.308 20.369 41.281 20.698 25.932 0.34 64.36 0.335 118.11-0.020 17.045-0.68 22.519-3.825 26.498-5.952 6.518-3.449 11.516-8.595 14.724-14.699l0.015-0.028c1.626-2.998 5.4-9.354 5.971-26.513 6.636 168.843 7.133 113.28 7.48 57.697l-7.101-223.443zM597.348 426.685l-0.048 42.683c0.509 19.553-12.176 37.357-31.602 42.562-22.761 6.099-46.157-7.409-52.256-30.17-1.138-4.246-1.593-8.514-1.433-12.688l0 0.313 0.007-42.672c0.197-18.965 12.718-35.962 31.623-41.028 22.761-6.099 46.157 7.409 52.256 30.17 0.997 3.721 1.47 7.459 1.464 11.136l-0.011-0.306zM725.318 384.003l0.039 85.374c-0.118 19.036-12.66 36.129-31.627 41.211-22.764 6.1-46.162-7.41-52.262-30.173-1.017-3.796-1.489-7.61-1.464-11.358l0.010 0.308-0.028-85.332c0.118-19.036 12.66-36.129 31.627-41.211 22.764-6.1 46.162 7.41 52.262 30.173 1.017 3.796 1.489 7.61 1.464 11.358l-0.010-0.308zM810.704 640.025l-0.007 85.695c27.551-1.861 42.657-21.148 42.631-43.006 0.046-3.472-0.423-7.32-1.449-11.15-5.079-18.954-22.188-31.472-40.91-31.539l-0.306 0.010z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_breakfast_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 167,
+				"id": 0,
+				"name": "db_ic_breakfast_24",
+				"prevSize": 32,
+				"code": 922233
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M778.895 409.969c67.422 0.093 122.062 54.689 122.225 122.086l0 0.016c0.001 0.17 0.001 0.372 0.001 0.574 0 67.577-54.678 122.384-122.206 122.593l-0.020 0h-41.37v40.387c-0.302 90.807-73.881 164.328-164.68 164.536l-0.020 0h-245.309c-90.563 0-163.676-74.056-163.676-164.495v-285.696zM655.688 491.725h-410.010v203.94c0 45.22 36.536 81.756 81.797 81.756h245.432c45.22 0 82.739-36.536 82.739-81.756v-203.981zM778.895 491.725h-41.37v81.715h41.37c22.118 0 40.428-18.268 40.428-41.37-0.161-22.254-18.17-40.248-40.414-40.386l-0.013-0zM286.065 285.86c0 22.588 18.311 40.899 40.899 40.899s40.899-18.311 40.899-40.899v0-81.756c-0.138-22.257-18.133-40.266-40.371-40.427l-0.015-0c-0.147-0.002-0.32-0.003-0.494-0.003-22.419 0-40.623 18.047-40.875 40.407l-0 0.024v81.756zM409.272 285.86c0 22.588 18.311 40.899 40.899 40.899s40.899-18.311 40.899-40.899v0-162.611c0-22.118-18.268-41.329-40.387-41.329-23.101 0-41.37 19.251-41.37 41.37v162.57zM532.48 285.86c0 22.588 18.311 40.899 40.899 40.899s40.899-18.311 40.899-40.899v0-80.814c0-22.588-18.311-40.899-40.899-40.899s-40.899 18.311-40.899 40.899v0 80.855z"
+				],
+				"width": 983,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["coffee-cup"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 273,
+				"id": 1,
+				"name": "coffee-cup",
+				"prevSize": 32,
+				"code": 922167
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M640 938.667h139.093c40.96 0 74.24-34.005 74.24-75.051v-338.133c0-40.96-8.32-82.005-24.32-121.045l-43.947-111.019c-10.754-26.119-16.998-56.442-16.998-88.222 0-0.994 0.006-1.987 0.018-2.979l-0.001 0.151v-32c0-47.061-36.992-85.035-82.944-85.035h-90.88c-45.056 0-82.261 38.997-82.261 85.035v32c0 31.019-4.693 62.037-16.725 90.667l-13.995 33.067c-11.051 27.051 9.984 59.136 40.021 59.136 17.024 0 34.048-11.051 40.021-27.051l13.013-33.109c16.043-40.064 22.869-80.64 22.869-123.733v-30.677h85.461v30.72c-0.001 0.28-0.001 0.611-0.001 0.943 0 44.247 8.747 86.45 24.606 124.976l-0.797-2.186 44.032 110.208c11.563 29.141 17.579 60.16 17.579 91.179v326.827h-128.085c-23.979 0-42.667 18.645-42.667 42.667 0 23.040 18.688 42.667 42.667 42.667zM212.736 469.333l299.691 0.939c22.955 0 44.885 18.005 41.899 48l-43.861 383.445c-2.005 20.992-20.907 36.949-41.813 36.949h-211.157c-0.209 0.004-0.456 0.006-0.703 0.006-21.288 0-38.818-16.089-41.094-36.77l-0.017-0.185-44.757-385.451c-0.255-1.721-0.4-3.708-0.4-5.729 0-22.763 18.453-41.216 41.216-41.216 0.351 0 0.7 0.004 1.049 0.013l-0.052-0.001zM260.864 554.667l9.557 86.187h70.059c23.482 0 42.517 19.036 42.517 42.517s-19.036 42.517-42.517 42.517l-60.032-0 15.36 128.555h134.912l34.901-299.691-204.8-0.085z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["drink"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 274,
+				"id": 2,
+				"name": "drink",
+				"prevSize": 32,
+				"code": 921857
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M245.76 286.72v-162.57c0-22.979 17.94-42.23 40.96-42.23 20.48 0 40.96 15.36 40.96 42.23v162.57c0 22.622-18.338 40.96-40.96 40.96s-40.96-18.338-40.96-40.96v0zM163.84 124.15v171.581c0 61.44 49.93 112.64 112.64 112.64h19.21c62.71 0 112.64-51.2 112.64-112.64v-90.931h1.27v-80.65c0-22.979 17.94-42.23 40.96-42.23 21.75 0 39.69 19.21 39.69 42.23v171.581c0 0.087 0 0.19 0 0.293 0 96.8-70.336 177.171-162.689 192.795l-1.151 0.161v369.951c0 22.938-17.981 42.189-39.69 42.189-23.060 0-40.96-19.21-40.96-42.23v-369.951c-93.504-15.785-163.84-96.157-163.84-192.956 0-0.089 0-0.177 0-0.266l-0 0.014v-171.622c0-22.938 17.94-42.189 40.96-42.189 21.75 0 40.96 19.21 40.96 42.23zM860.16 81.92c23.060 0 40.96 17.94 40.96 40.96v737.28c0 23.060-17.94 40.96-40.96 40.96-21.75 0-40.96-17.94-40.96-40.96v-204.8h-163.84c-22.622 0-40.96-18.338-40.96-40.96v0-287.99c-0.002-0.388-0.004-0.847-0.004-1.306 0-83.87 42.623-157.784 107.39-201.264l0.871-0.551c38.555-25.919 86.028-41.37 137.109-41.37 0.138 0 0.277 0 0.415 0l-0.022-0zM819.2 167.69c-72.95 19.169-124.15 85.729-124.15 158.72l1.27 247.030h122.88v-405.75z"
+				],
+				"width": 983,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["restaurant"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 275,
+				"id": 3,
+				"name": "restaurant",
+				"prevSize": 32,
+				"code": 127869
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-it-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-it-outline.json
new file mode 100644
index 0000000000..9064eb2168
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-it-outline.json
@@ -0,0 +1,70 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M832 85.333c0.038-0 0.083-0 0.128-0 58.84 0 106.539 47.699 106.539 106.539 0 0.045-0 0.090-0 0.135l0-0.007v128c0 24.021-7.936 46.208-21.333 64.043 11.733 15.573 21.333 37.333 21.333 63.957v128c0 24.021-7.936 46.208-21.333 64.043 11.733 15.573 21.333 37.291 21.333 63.957v128c0 56.533-45.141 106.667-106.667 106.667h-640c-58.891-0.049-106.618-47.776-106.667-106.662l-0-0.005v-128c0-24.021 7.936-46.165 21.333-64-13.184-17.663-21.168-39.883-21.333-63.961l-0-0.039v-128c0-24.021 7.936-46.165 21.333-64-13.257-17.632-21.258-39.874-21.333-63.982l-0-0.018v-128c0-56.533 45.653-106.667 106.667-106.667zM832 682.667h-640c-10.453 0-21.333 8.107-21.333 21.333v128c0 10.453 8.789 21.333 21.333 21.333h640c10.453 0 21.333-8.96 21.333-21.333v-128c0-11.782-9.551-21.333-21.333-21.333v0zM256 725.333c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM832 426.667h-640c-11.734 0.119-21.214 9.6-21.333 21.322l-0 0.011v128c0 10.453 8.875 21.333 21.333 21.333h640c10.453 0 21.333-8.832 21.333-21.333v-128c0-11.782-9.551-21.333-21.333-21.333v0zM256 469.333c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM832 170.667h-640c-11.715 0.166-21.168 9.619-21.333 21.318l-0 0.016v128c0 10.453 9.301 21.333 21.333 21.333h640c10.453 0 21.333-8.704 21.333-21.333v-128c0-11.782-9.551-21.333-21.333-21.333v0zM256 213.333c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_database_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 171,
+				"id": 0,
+				"name": "db_ic_database_24",
+				"prevSize": 32,
+				"code": 921985
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-journey-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-journey-filled.json
new file mode 100644
index 0000000000..eb043c22c6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-journey-filled.json
@@ -0,0 +1,162 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M853.333 469.461c48.128 0 85.333 37.12 85.333 85.291v213.248c0.003 0.191 0.005 0.417 0.005 0.643 0 23.281-18.873 42.155-42.155 42.155-0.182 0-0.363-0.001-0.544-0.003l-85.305-0.043-9.813-0.085h-32.853v-298.624c0-24.064 20.053-42.581 42.752-42.581zM597.333 469.461c48.128 0 85.333 37.12 85.333 85.205v213.035c0.003 0.179 0.004 0.389 0.004 0.6 0 23.281-18.873 42.155-42.155 42.155-0.182 0-0.363-0.001-0.544-0.003h-17.125l-4.523 0.043h-23.339l-7.125 0.043h-15.829l-8.704 0.043h-18.987l-32.341 0.085v-298.667c0-24.064 20.053-42.539 42.752-42.539zM341.333 469.461c49.493 0 85.333 35.755 85.333 85.205v213.333c0 24.021-18.603 42.667-42.667 42.667l-255.915-0.171c-0.229 0.005-0.5 0.007-0.771 0.007-23.187 0-41.984-18.797-41.984-41.984 0-0.183 0.001-0.365 0.003-0.547v0.028-213.333c0-45.44 35.883-85.205 85.333-85.205zM790.016 192c52.449 0.478 94.839 42.869 95.317 95.272v0.045c0 52.992-42.965 96.683-95.317 96.683-53.387-0.024-96.658-43.296-96.683-96.68v-0.002c0-51.627 42.965-95.317 96.683-95.317zM523.349 192c52.449 0.478 94.839 42.869 95.317 95.272v0.045c0 52.992-42.965 96.683-95.317 96.683-53.387-0.024-96.658-43.296-96.683-96.68v-0.002c0-51.627 42.965-95.317 96.683-95.317zM256.683 192c52.449 0.478 94.839 42.869 95.317 95.272v0.045c0 52.992-42.965 96.683-95.317 96.683-53.387-0.024-96.658-43.296-96.683-96.68v-0.002c0-51.627 42.965-95.317 96.683-95.317z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 129,
+				"id": 0,
+				"name": "capacity-indicator-filled",
+				"prevSize": 32,
+				"code": 921860
+			},
+			"setIdx": 28,
+			"setId": 51,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M874.795 148.096c7.762 7.741 12.564 18.446 12.564 30.272 0 11.805-4.785 22.493-12.521 30.229l-674.432 674.987c-7.724 7.78-18.425 12.596-30.251 12.596s-22.526-4.816-30.248-12.593l-0.002-0.003c-7.736-7.737-12.521-18.424-12.521-30.229s4.785-22.493 12.521-30.229v0l12.203-12.245c-0.853-0.469-8.832-0.725-23.979-0.725-22.272 0-42.923-18.261-42.795-42.155 0.128-28.288 0.213-99.371 0.128-213.248 0-43.307 42.453-84.651 85.163-85.035 28.459-0.256 85.291-0.256 170.411 0 43.605 0 76.629 27.733 83.755 68.267l270.72-271.019c8.107-34.859 35.925-63.147 71.68-71.68l47.104-47.147c7.739-7.749 18.435-12.542 30.251-12.542s22.512 4.793 30.25 12.542v0zM853.333 469.76c45.824 0 85.333 40.832 85.205 83.669-0.085 28.331-0.085 99.797 0 214.4 0.002 0.166 0.004 0.362 0.004 0.558 0 23.281-18.873 42.155-42.155 42.155-0.181 0-0.362-0.001-0.543-0.003h0.027l-127.872 0.128 0.128-298.453c0-22.315 21.205-42.88 42.539-42.88 14.208 0 28.459 0.128 42.667 0.384zM677.675 526.933c2.901 8.747 4.821 18.005 4.821 27.861v212.693c0 23.979-18.56 42.667-42.581 42.667-15.147 0-57.771 0.213-127.915 0.555v-128l165.675-155.776zM523.477 192.725c52.224 0 95.147 43.648 95.147 95.147 0 52.907-42.923 96.555-95.147 96.555-53.316-0.024-96.53-43.239-96.555-96.552v-0.002c0-51.499 42.88-95.147 96.555-95.147zM257.237 192.725c52.345 0.502 94.645 42.802 95.146 95.099v0.048c0 52.907-42.88 96.555-95.147 96.555-53.316-0.024-96.53-43.239-96.555-96.552v-0.002c0-51.499 42.88-95.147 96.512-95.147z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator-fully-booked-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 130,
+				"id": 1,
+				"name": "capacity-indicator-fully-booked-filled",
+				"prevSize": 32,
+				"code": 921862
+			},
+			"setIdx": 28,
+			"setId": 51,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M597.333 469.461c48.128 0 85.333 37.12 85.333 85.205v213.035c0.003 0.179 0.004 0.389 0.004 0.6 0 23.281-18.873 42.155-42.155 42.155-0.182 0-0.363-0.001-0.544-0.003h-17.125l-4.523 0.043h-23.339l-7.125 0.043h-15.829l-8.704 0.043h-18.987l-32.341 0.085v-298.667c0-24.064 20.053-42.539 42.752-42.539zM341.333 469.461c49.493 0 85.333 35.755 85.333 85.205v213.333c0 24.021-18.603 42.667-42.667 42.667l-255.915-0.171c-0.229 0.005-0.5 0.007-0.771 0.007-23.187 0-41.984-18.797-41.984-41.984 0-0.183 0.001-0.365 0.003-0.547v0.028-213.333c0-45.44 35.883-85.205 85.333-85.205zM523.349 192c52.449 0.478 94.839 42.869 95.317 95.272v0.045c0 52.992-42.965 96.683-95.317 96.683-53.387-0.024-96.658-43.296-96.683-96.68v-0.002c0-51.627 42.965-95.317 96.683-95.317zM256.683 192c52.449 0.478 94.839 42.869 95.317 95.272v0.045c0 52.992-42.965 96.683-95.317 96.683-53.387-0.024-96.658-43.296-96.683-96.68v-0.002c0-51.627 42.965-95.317 96.683-95.317z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator-high-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 131,
+				"id": 2,
+				"name": "capacity-indicator-high-filled",
+				"prevSize": 32,
+				"code": 921864
+			},
+			"setIdx": 28,
+			"setId": 51,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M341.333 469.461c49.493 0 85.333 35.755 85.333 85.205v213.333c0 24.021-18.603 42.667-42.667 42.667l-255.915-0.171c-0.229 0.005-0.5 0.007-0.771 0.007-23.187 0-41.984-18.797-41.984-41.984 0-0.183 0.001-0.365 0.003-0.547v0.028-213.333c0-45.44 35.883-85.205 85.333-85.205zM256.683 192c52.449 0.478 94.839 42.869 95.317 95.272v0.045c0 52.992-42.965 96.683-95.317 96.683-53.387-0.024-96.658-43.296-96.683-96.68v-0.002c0-51.627 42.965-95.317 96.683-95.317z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator-low-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 132,
+				"id": 3,
+				"name": "capacity-indicator-low-filled",
+				"prevSize": 32,
+				"code": 921872
+			},
+			"setIdx": 28,
+			"setId": 51,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c162.688 0 298.667 118.656 298.667 266.667 0 61.355-20.011 121.344-49.323 174.677l-212.011 389.333c-7.468 13.573-21.675 22.618-37.995 22.618s-30.527-9.045-37.882-22.395l-0.113-0.223-209.323-389.333c-28.075-52.011-50.688-109.397-50.688-169.344 0-150.656 133.333-272 298.667-272zM512 298.667c-46.677 0-85.333 38.656-85.333 85.333s38.656 85.333 85.333 85.333c46.677 0 85.333-38.656 85.333-85.333s-38.656-85.333-85.333-85.333z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["destination-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 133,
+				"id": 4,
+				"name": "destination-filled",
+				"prevSize": 32,
+				"code": 922168
+			},
+			"setIdx": 28,
+			"setId": 51,
+			"iconIdx": 4
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-journey-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-journey-outline.json
new file mode 100644
index 0000000000..7a9e7813e5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-journey-outline.json
@@ -0,0 +1,356 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M332.672 725.76h-204.672c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h60.032v-239.616l-40.875 13.312c-4.264 1.569-9.188 2.476-14.323 2.476-23.564 0-42.667-19.103-42.667-42.667 0-19.255 12.755-35.531 30.277-40.84l0.302-0.079 96.725-31.573c3.95-1.333 8.498-2.102 13.227-2.102 23.564 0 42.667 19.103 42.667 42.667 0 0.004-0 0.008-0 0.012l0-0.001v298.411h59.264c23.564-0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667h-0zM682.539 724.309c-0.030 0-0.066 0-0.102 0-23.564 0-42.667-19.103-42.667-42.667 0-12.497 5.373-23.74 13.935-31.543l0.034-0.030 16.896-15.36c71.552-64.64 152.576-137.984 152.576-199.467 0.183-1.541 0.287-3.325 0.287-5.134 0-25.449-20.631-46.080-46.080-46.080-0.401 0-0.801 0.005-1.199 0.015l0.059-0.001c-22.769 0.248-43.682 7.99-60.442 20.87l0.239-0.176c-7.080 5.411-16.055 8.67-25.792 8.67-23.581 0-42.697-19.116-42.697-42.697 0-13.844 6.589-26.149 16.802-33.951l0.103-0.076c30.704-23.462 69.557-37.691 111.721-37.973l0.066-0c0.32-0.003 0.698-0.004 1.076-0.004 72.648 0 131.541 58.893 131.541 131.541 0 1.757-0.034 3.506-0.103 5.247l0.008-0.25c0 75.264-52.736 141.227-116.907 203.691h90.325c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-199.68zM512.213 853.163c-0 0-0 0-0 0-23.564 0-42.667-19.103-42.667-42.667 0-0.060 0-0.12 0-0.18l-0 0.009v-595.797c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v0 595.797c0 0.038 0 0.083 0 0.128 0 23.564-19.103 42.667-42.667 42.667-0 0-0-0-0-0l-0-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["ic-db_journey_mixed-class_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 409,
+				"id": 13,
+				"name": "ic-db_journey_mixed-class_24",
+				"prevSize": 32,
+				"code": 921953
+			},
+			"setIdx": 32,
+			"setId": 35,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M298.667 768c0-24.021 18.688-42.667 42.667-42.667h126.677v-397.355l-105.344 56.021c-6.656 2.688-13.355 5.333-21.333 5.333-21.333 0-42.667-17.323-42.667-45.355 0-14.635 9.344-27.989 22.656-35.968l169.344-89.344c5.514-3.354 12.181-5.34 19.311-5.34 0.246 0 0.491 0.002 0.736 0.007l-0.037-0.001c23.936 0 43.989 20.011 43.989 42.667v469.333h128c24.021 0 42.667 18.688 42.667 42.667 0 24.021-18.688 42.667-42.667 42.667h-341.333c-24.021 0-42.667-18.688-42.667-42.667zM810.667 768c0-24.021 18.688-42.667 42.667-42.667 24.021 0 42.667 18.688 42.667 42.667 0 24.021-18.688 42.667-42.667 42.667-24.021 0-42.667-18.688-42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["st-class"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 410,
+				"id": 0,
+				"name": "1st-class",
+				"prevSize": 32,
+				"code": 9352
+			},
+			"setIdx": 32,
+			"setId": 35,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M298.667 767.915c-0.010-0.337-0.015-0.733-0.015-1.131 0-13.545 6.441-25.586 16.427-33.227l0.101-0.074 27.52-20.651c151.424-111.488 241.067-208.853 240.853-306.773 0-92.245-68.779-106.027-110.080-106.027-31.659 0-66.091 8.277-96.341 19.285-20.651 8.235-26.155 11.008-31.659 11.008-22.016 0-42.667-17.92-42.667-44.032 0-15.147 8.235-30.293 23.381-38.571 43.028-21.291 93.627-33.934 147.133-34.388l0.152-0.001c119.723 0 195.413 75.691 195.413 192.683 0 121.131-90.837 225.621-203.691 319.232h199.595c24.747 0 44.032 19.243 44.032 42.667 0 23.381-19.285 42.667-44.032 42.667h-323.456c-23.381 0-42.667-17.92-42.667-42.667zM810.667 767.915c0-23.296 19.413-42.667 42.667-42.667 23.296 0 42.667 19.371 42.667 42.667 0 23.253-19.371 42.667-42.667 42.667-23.253 0-42.667-19.413-42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["nd-class"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 411,
+				"id": 1,
+				"name": "2nd-class",
+				"prevSize": 32,
+				"code": 9353
+			},
+			"setIdx": 32,
+			"setId": 35,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M163.84 738.099c0 22.528 18.555 41.083 41.083 41.083h226.099c67.584 0 121.938-55.706 121.938-123.29v-205.455c0-22.528 18.555-41.124 42.435-41.124h188.334l-54.354 53.043c-7.343 7.425-11.879 17.639-11.879 28.912 0 0.088 0 0.177 0.001 0.265l-0-0.014c0 10.609 3.932 21.217 11.878 29.164 7.987 7.946 18.596 11.919 29.164 11.919 10.65 0 21.217-3.973 29.164-11.919l123.29-124.6c6.535-7.861 10.528-18.038 10.609-29.146l0-0.018c0-10.609-2.662-19.907-10.609-27.853l-123.29-123.29c-6.963-7.324-16.777-11.879-27.656-11.879-0.069 0-0.138 0-0.207 0.001l0.011-0h-2.621c-0.053-0-0.116-0-0.179-0-10.884 0-20.705 4.555-27.659 11.863l-0.015 0.016c-7.343 7.425-11.879 17.639-11.879 28.913 0 0.103 0 0.205 0.001 0.308l-0-0.016c0 11.878 3.932 21.176 11.878 29.164l54.354 53.002h-188.334c-68.936 0-124.641 55.706-124.641 123.29v205.455c0 22.528-17.203 41.083-39.731 41.083h-226.099c-0.184-0.003-0.402-0.005-0.62-0.005-22.35 0-40.468 18.118-40.468 40.468 0 0.232 0.002 0.464 0.006 0.695l-0-0.035zM163.84 367.698c0-22.446 18.514-40.96 40.96-40.96s40.96 18.514 40.96 40.96c0 22.487-18.514 40.96-40.96 40.96s-40.96-18.473-40.96-40.96zM327.68 367.698c0-22.446 19.497-40.96 41.615-40.96 20.808 0 40.305 18.514 40.305 40.96 0 22.487-19.497 40.96-40.305 40.96-22.118 0-41.615-18.473-41.615-40.96z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["alternative-connection"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 412,
+				"id": 2,
+				"name": "alternative-connection",
+				"prevSize": 32,
+				"code": 921858
+			},
+			"setIdx": 32,
+			"setId": 35,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M307.2 81.92c70.41 0 139.674 48.62 157.45 122.88h170.23c89.58 0 162.57 72.95 162.57 163.84 0 89.62-72.991 163.84-162.57 163.84h-204.8c-46.080 0-81.92 37.11-81.92 81.92 0 47.35 35.84 81.92 81.92 81.92h309.78l-52.511-52.47c-7.66-7.7-11.51-17.94-11.51-30.72 0.203-21.969 18.059-39.7 40.057-39.7 0.317 0 0.634 0.004 0.95 0.011l-0.047-0.001c0.032-0 0.071-0 0.109-0 10.529 0 20.028 4.415 26.745 11.494l0.015 0.016 124.191 122.88c7.66 7.7 12.78 17.94 12.78 29.45 0 10.24-5.12 20.48-12.82 28.18l-124.109 124.109c-6.408 7.113-15.65 11.564-25.932 11.564-0.344 0-0.687-0.005-1.029-0.015l0.050 0.001c-19.21 0-40.96-15.36-40.96-40.96 0-10.24 3.85-21.75 11.51-29.45l52.511-52.47h-309.78c-90.89 0-163.84-71.68-163.84-163.84 0-89.62 72.95-163.84 163.84-163.84h204.8c46.080 0 81.92-37.11 81.92-81.92 0-42.23-34.57-81.92-81.92-81.92h-170.23c-18.635 70.491-81.836 121.611-156.977 121.611-0.166 0-0.333-0-0.499-0.001l0.026 0c-88.31 0-163.84-70.41-163.84-162.57 0-89.62 67.83-163.84 163.84-163.84zM307.2 163.84c-44.81 0-81.92 35.84-81.92 81.92 0 43.54 37.11 80.65 81.92 80.65 44.439-0.254 80.396-36.211 80.65-80.626l0-0.024c0-46.080-37.11-81.92-80.65-81.92z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["booking"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 413,
+				"id": 3,
+				"name": "booking",
+				"prevSize": 32,
+				"code": 921859
+			},
+			"setIdx": 32,
+			"setId": 35,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M874.795 148.096c7.762 7.741 12.564 18.446 12.564 30.272 0 11.805-4.785 22.493-12.521 30.229l-674.432 674.987c-7.724 7.78-18.425 12.596-30.251 12.596s-22.526-4.816-30.248-12.593l-0.002-0.003c-7.736-7.737-12.521-18.424-12.521-30.229s4.785-22.493 12.521-30.229l201.429-201.387v-61.952c0-2.005-1.621-5.035-4.992-5.035h-160.555c-0-0-0-0-0.001-0-2.798 0-5.071 2.244-5.119 5.030l-0 0.004v208.213c-0.121 23.307-19.043 42.155-42.367 42.155-0.060 0-0.12-0-0.18-0l0.009 0c-22.272 0-42.923-18.261-42.795-42.155 0.171-28.288 0.213-99.371 0.128-213.248 0-43.307 42.539-85.419 85.163-85.419h170.709c43.605 0 76.331 28.16 83.456 68.651l270.72-271.019c8.107-34.859 35.925-63.147 71.68-71.68l47.104-47.147c7.739-7.749 18.435-12.542 30.251-12.542s22.512 4.793 30.25 12.542l0 0zM853.333 469.76c45.824 0 85.333 39.296 85.205 85.12v212.907c0.003 0.191 0.005 0.417 0.005 0.644 0 23.258-18.854 42.112-42.112 42.112-0.197 0-0.393-0.001-0.589-0.004l0.030 0c-20.992 0-39.68-16.128-42.24-37.675l-0.299-5.077v-208.555c0-1.024-2.389-4.565-5.12-4.395h-37.376c-23.322-0.578-42.083-19.31-42.708-42.565l-0.001-0.059c0-22.315 19.499-42.88 42.667-42.88 14.165 0 28.331 0.128 42.539 0.384zM677.675 526.933c2.901 8.747 4.821 18.005 4.821 27.861l0.171 213.205c0.001 0.105 0.001 0.228 0.001 0.352 0 23.093-18.72 41.813-41.813 41.813-0.331 0-0.66-0.004-0.989-0.011l0.049 0.001c-0.051 0-0.111 0-0.171 0-23.333 0-42.265-18.842-42.41-42.141l-0-0.014v-160.768l80.341-80.341zM523.477 192.725c52.224 0 95.147 43.648 95.147 95.147 0 52.907-42.923 96.555-95.147 96.555-53.316-0.024-96.53-43.239-96.555-96.552l-0-0.002c0-51.499 42.88-95.147 96.555-95.147zM257.237 192.725c52.345 0.502 94.645 42.802 95.146 95.099l0 0.048c0 52.907-42.88 96.555-95.147 96.555-53.316-0.024-96.53-43.239-96.555-96.552l-0-0.002c0-51.499 42.88-95.147 96.512-95.147z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator-fully-booked"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 414,
+				"id": 4,
+				"name": "capacity-indicator-fully-booked",
+				"prevSize": 32,
+				"code": 921862
+			},
+			"setIdx": 32,
+			"setId": 35,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M341.333 469.461c49.493 0 85.333 35.755 85.333 85.205v213.333c0 24.021-18.603 42.667-42.667 42.667s-42.667-18.645-42.667-42.667v-208.939c0-2.731-2.048-4.395-4.693-4.395h-160.427c-4.011 0-5.547 0.341-5.547 4.395v208.939c-0.121 23.443-19.129 42.405-42.577 42.453l-0.005 0c-0.229 0.005-0.5 0.007-0.771 0.007-23.187 0-41.984-18.797-41.984-41.984 0-0.168 0.001-0.335 0.003-0.502l-0 0.025v-213.333c0-45.44 35.883-85.205 85.333-85.205zM597.333 469.461c48.128 0 85.333 37.12 85.333 85.205v213.035c0.003 0.179 0.004 0.389 0.004 0.6 0 23.281-18.873 42.155-42.155 42.155-0.182 0-0.363-0.001-0.544-0.003l0.027 0c-22.699 0-42.453-18.731-42.453-42.752l-0.213-208.64c0-1.365-2.475-4.395-5.12-4.395h-37.461c-22.699 0-42.752-19.925-42.752-42.667 0-24.064 20.053-42.539 42.752-42.539zM523.349 192c52.449 0.478 94.839 42.869 95.317 95.272l0 0.045c0 52.992-42.965 96.683-95.317 96.683-53.387-0.024-96.658-43.296-96.683-96.68l-0-0.002c0-51.627 42.965-95.317 96.683-95.317zM256.683 192c52.449 0.478 94.839 42.869 95.317 95.272l0 0.045c0 52.992-42.965 96.683-95.317 96.683-53.387-0.024-96.658-43.296-96.683-96.68l-0-0.002c0-51.627 42.965-95.317 96.683-95.317z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator-high"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 415,
+				"id": 5,
+				"name": "capacity-indicator-high",
+				"prevSize": 32,
+				"code": 921864
+			},
+			"setIdx": 32,
+			"setId": 35,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M341.333 469.461c49.493 0 85.333 35.755 85.333 85.205v213.333c0 24.021-18.603 42.667-42.667 42.667s-42.667-18.645-42.667-42.667v-208.939c0-2.731-2.048-4.395-4.693-4.395h-160.427c-4.011 0-5.547 0.341-5.547 4.395v208.939c-0.121 23.443-19.129 42.405-42.577 42.453l-0.005 0c-0.229 0.005-0.5 0.007-0.771 0.007-23.187 0-41.984-18.797-41.984-41.984 0-0.168 0.001-0.335 0.003-0.502l-0 0.025v-213.333c0-45.44 35.883-85.205 85.333-85.205zM256.683 192c52.449 0.478 94.839 42.869 95.317 95.272l0 0.045c0 52.992-42.965 96.683-95.317 96.683-53.387-0.024-96.658-43.296-96.683-96.68l-0-0.002c0-51.627 42.965-95.317 96.683-95.317z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator-low"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 416,
+				"id": 6,
+				"name": "capacity-indicator-low",
+				"prevSize": 32,
+				"code": 921872
+			},
+			"setIdx": 32,
+			"setId": 35,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M853.333 469.461c48.128 0 85.333 37.12 85.333 85.291v213.248c0.003 0.191 0.005 0.417 0.005 0.643 0 23.281-18.873 42.155-42.155 42.155-0.182 0-0.363-0.001-0.544-0.003l0.028 0c-22.699 0-42.667-18.773-42.667-42.795v-208.853c0-1.365-2.475-4.395-5.12-4.395h-37.461c-23.342-0.623-42.105-19.372-42.751-42.649l-0.001-0.061c0-24.064 20.053-42.581 42.752-42.581zM341.333 469.461c49.493 0 85.333 35.755 85.333 85.205v213.333c0 24.021-18.603 42.667-42.667 42.667s-42.667-18.645-42.667-42.667v-208.939c0-2.731-2.048-4.395-4.693-4.395h-160.427c-4.011 0-5.547 0.341-5.547 4.395v208.939c-0.121 23.443-19.129 42.405-42.577 42.453l-0.005 0c-0.229 0.005-0.5 0.007-0.771 0.007-23.187 0-41.984-18.797-41.984-41.984 0-0.168 0.001-0.335 0.003-0.502l-0 0.025v-213.333c0-45.44 35.883-85.205 85.333-85.205zM597.333 469.461c48.128 0 85.333 37.12 85.333 85.205v213.035c0.003 0.179 0.004 0.389 0.004 0.6 0 23.281-18.873 42.155-42.155 42.155-0.182 0-0.363-0.001-0.544-0.003l0.027 0c-22.699 0-42.453-18.731-42.453-42.752l-0.213-208.64c0-1.365-2.475-4.395-5.12-4.395h-37.461c-22.699 0-42.752-19.925-42.752-42.667 0-24.064 20.053-42.539 42.752-42.539zM790.016 192c52.449 0.478 94.839 42.869 95.317 95.272l0 0.045c0 52.992-42.965 96.683-95.317 96.683-53.387-0.024-96.658-43.296-96.683-96.68l-0-0.002c0-51.627 42.965-95.317 96.683-95.317zM523.349 192c52.449 0.478 94.839 42.869 95.317 95.272l0 0.045c0 52.992-42.965 96.683-95.317 96.683-53.387-0.024-96.658-43.296-96.683-96.68l-0-0.002c0-51.627 42.965-95.317 96.683-95.317zM256.683 192c52.449 0.478 94.839 42.869 95.317 95.272l0 0.045c0 52.992-42.965 96.683-95.317 96.683-53.387-0.024-96.658-43.296-96.683-96.68l-0-0.002c0-51.627 42.965-95.317 96.683-95.317z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 417,
+				"id": 7,
+				"name": "capacity-indicator",
+				"prevSize": 32,
+				"code": 921860
+			},
+			"setIdx": 32,
+			"setId": 35,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c165.333 0 298.667 121.344 298.667 272 0 59.989-20.011 117.333-49.323 169.344l-212.011 389.333c-7.468 13.573-21.675 22.618-37.995 22.618s-30.527-9.045-37.882-22.395l-0.113-0.223-209.323-389.333c-28.075-52.011-50.688-109.397-50.688-169.344 0-150.656 133.333-272 298.667-272zM512 170.667c-117.333 0-213.333 84.011-213.333 187.989 0 45.355 18.688 90.667 40.021 130.688l173.312 321.323 173.355-322.688c21.333-38.656 39.979-83.968 39.979-129.28 0-104.064-96-188.032-213.333-188.032zM426.667 384c0-46.677 38.656-85.333 85.333-85.333s85.333 38.656 85.333 85.333c0 46.677-38.656 85.333-85.333 85.333s-85.333-38.656-85.333-85.333z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["destination"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 418,
+				"id": 8,
+				"name": "destination",
+				"prevSize": 32,
+				"code": 922168
+			},
+			"setIdx": 32,
+			"setId": 35,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 256c141.355 0 256 114.688 256 256 0 141.355-114.688 256-256 256-141.355 0-256-114.688-256-256 0-141.355 114.688-256 256-256zM512 341.333c-94.677 0-170.667 75.989-170.667 170.667s75.989 170.667 170.667 170.667c94.677 0 170.667-75.989 170.667-170.667s-75.989-170.667-170.667-170.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["intermediary-stop"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 419,
+				"id": 9,
+				"name": "intermediary-stop",
+				"prevSize": 32,
+				"code": 921875
+			},
+			"setIdx": 32,
+			"setId": 35,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M213.333 128c69.333 0 128 57.344 128 128-0.024 55.22-35.245 102.207-84.445 119.745l-0.888 0.276v263.979c0 46.677 38.656 85.333 85.333 85.333h110.677l-56.064-54.656c-7.404-7.424-11.982-17.669-11.982-28.983 0-0.596 0.013-1.189 0.038-1.778l-0.003 0.084c0-25.344 18.688-42.667 42.667-42.667 10.667 0 21.333 2.688 30.677 11.989l128 128c7.428 7.428 12.023 17.689 12.023 29.024 0 0.581-0.012 1.16-0.036 1.735l0.003-0.082c0 10.667-2.688 21.333-11.989 30.677l-128 128c-7.938 7.428-18.638 11.99-30.404 11.99-0.096 0-0.192-0-0.288-0.001l0.015 0c-25.344 0-42.667-18.688-42.667-42.667 0-10.667 2.688-22.656 11.989-30.677l56.021-54.656h-110.677c-94.677 0-170.667-75.989-170.667-170.667v-264.021c-50.075-17.81-85.29-64.776-85.333-119.973l-0-0.005c0-70.692 57.308-128 128-128v0zM213.333 213.333c-24.021 0-42.667 18.688-42.667 42.667 0 24.021 18.688 42.667 42.667 42.667 24.021 0 42.667-18.688 42.667-42.667 0-24.021-18.688-42.667-42.667-42.667zM597.333 85.333c25.344 0 42.667 18.688 42.667 42.667 0 10.667-2.688 22.656-11.989 30.677l-56.021 54.656h110.677c94.677 0 170.667 75.989 170.667 170.667v264.021c49.323 17.323 85.333 64 85.333 119.979 0 70.692-57.308 128-128 128v0c-81.323 0-128-61.355-128-128 0.024-55.22 35.245-102.207 84.445-119.745l0.888-0.276v-263.979c0-46.677-38.656-85.333-85.333-85.333h-110.677l56.021 54.656c7.428 7.428 12.023 17.689 12.023 29.024 0 0.581-0.012 1.16-0.036 1.735l0.003-0.082c0 25.344-18.688 42.667-42.667 42.667-10.667 0-21.333-2.688-30.677-11.989l-128-128c-7.428-7.428-12.023-17.689-12.023-29.024 0-0.581 0.012-1.16 0.036-1.735l-0.003 0.082c0-10.667 2.688-21.333 11.989-30.677l128-128c7.428-7.428 17.689-12.023 29.024-12.023 0.581 0 1.16 0.012 1.735 0.036l-0.082-0.003zM810.667 725.333c-24.021 0-42.667 18.688-42.667 42.667 0 24.021 18.688 42.667 42.667 42.667 24.021 0 42.667-18.688 42.667-42.667 0-24.021-18.688-42.667-42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["round-trip"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 420,
+				"id": 10,
+				"name": "round-trip",
+				"prevSize": 32,
+				"code": 11156
+			},
+			"setIdx": 32,
+			"setId": 35,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M767.317 341.333c10.667 0 23.125 3.755 31.147 11.733l126.848 128.213c9.387 8.021 13.355 20.053 13.355 30.72s-4.011 22.699-13.355 30.72l-126.848 128.213c-8.021 7.979-20.48 11.733-31.147 11.733-25.301 0-42.667-21.333-42.667-42.667 0-10.667 4.011-21.333 13.355-30.677l55.083-54.613-457.728-0.043c-18.944 49.596-66.131 84.182-121.396 84.182-0.132 0-0.264-0-0.395-0.001l0.020 0c-70.869 0-128.256-56.021-128.256-126.848 0-70.784 57.429-126.848 128.213-126.848 0.111-0 0.243-0.001 0.375-0.001 55.265 0 102.452 34.586 121.097 83.294l0.299 0.888 457.813-0.085-55.125-55.893c-8.115-7.239-13.235-17.687-13.354-29.334l-0-0.021c0-22.656 16-42.667 42.667-42.667zM213.504 469.248c-0.141-0.002-0.307-0.003-0.473-0.003-23.305 0-42.197 18.892-42.197 42.197 0 0.196 0.001 0.392 0.004 0.587l-0-0.030c-0.002 0.166-0.004 0.361-0.004 0.557 0 23.305 18.892 42.197 42.197 42.197 0.166 0 0.332-0.001 0.498-0.003l-0.025 0c0.203 0.003 0.443 0.005 0.683 0.005 23.493 0 42.539-19.045 42.539-42.539 0-0.077-0-0.154-0.001-0.231l0 0.012c0-0.065 0.001-0.141 0.001-0.218 0-23.493-19.045-42.539-42.539-42.539-0.21 0-0.42 0.002-0.63 0.005l0.032-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["single-trip"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 421,
+				"id": 11,
+				"name": "single-trip",
+				"prevSize": 32,
+				"code": 10526
+			},
+			"setIdx": 32,
+			"setId": 35,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 192c176 0 320 144 320 320s-144 320-320 320-320-144-320-320 144-320 320-320zM512 277.333c-129.525 0.194-234.473 105.142-234.667 234.648l-0 0.018c0 129.323 105.344 234.667 234.667 234.667s234.667-105.344 234.667-234.667-105.344-234.667-234.667-234.667zM426.667 512c0-46.677 38.656-85.333 85.333-85.333s85.333 38.656 85.333 85.333c0 46.677-38.656 85.333-85.333 85.333s-85.333-38.656-85.333-85.333z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["start"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 422,
+				"id": 12,
+				"name": "start",
+				"prevSize": 32,
+				"code": 10687
+			},
+			"setIdx": 32,
+			"setId": 35,
+			"iconIdx": 13
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-maps-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-maps-filled.json
new file mode 100644
index 0000000000..18d2f2bb5e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-maps-filled.json
@@ -0,0 +1,80 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M512 325.333c22.613 0 35.584 13.099 44.331 32.853l201.941 524.715c1.791 4.534 2.83 9.785 2.83 15.279 0 23.564-19.103 42.667-42.667 42.667-11.765 0-22.418-4.762-30.137-12.464l0.001 0.001-176.299-176.256-176.213 176.256c-7.718 7.701-18.371 12.463-30.136 12.463-23.564 0-42.667-19.103-42.667-42.667 0-5.494 1.038-10.746 2.93-15.569l-0.1 0.29 200.533-519.253c5.376-14.848 21.077-38.315 45.696-38.315zM512 85.333c21.888 0 42.667 13.184 42.667 42.667v95.872c0 23.564-19.103 42.667-42.667 42.667v0c-23.468-0.239-42.428-19.199-42.666-42.644l-0-0.023-0.043-20.992 0.043-74.88c0-23.564 19.103-42.667 42.667-42.667v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_gps_north_solid_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 238,
+				"id": 2,
+				"name": "db_ic_gps_north_solid_24",
+				"prevSize": 32,
+				"code": 921944
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M905.387 137.088c1.741 3.822 2.756 8.288 2.756 12.992s-1.015 9.17-2.838 13.193l0.082-0.201-310.059 700.288c-6.807 15.063-21.7 25.356-38.997 25.356-23.564 0-42.667-19.103-42.667-42.667 0-0.019 0-0.039 0-0.058l-0 0.003v-333.397h-344.064c-0.004 0-0.008 0-0.012 0-23.564 0-42.667-19.103-42.667-42.667 0-17.297 10.293-32.19 25.088-38.889l0.268-0.109 710.869-310.101c3.826-1.746 8.299-2.764 13.010-2.764 12.958 0 24.116 7.701 29.149 18.777l0.082 0.201z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_maps_gps-on_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 345,
+				"id": 1,
+				"name": "ic-db_maps_gps-on_24",
+				"prevSize": 32,
+				"code": 921943
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-maps-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-maps-outline.json
new file mode 100644
index 0000000000..71dd504e3c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-maps-outline.json
@@ -0,0 +1,358 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M605.653 136.533c11.349 0 22.656 4.267 29.739 12.715l162.56 162.389c8.448 7.083 12.715 18.347 12.715 29.696 0 9.899-4.267 21.205-12.757 29.696l-171.093 170.923c-7.663 7.568-18.088 12.354-29.628 12.713l-0.068 0.002c-23.402-0.072-42.357-19.012-42.453-42.401l-0-0.009c0-11.349 4.267-22.613 12.757-31.147l97.195-97.109h-152.619c-70.692 0-128 57.308-128 128v0 341.333c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v0-341.333c0-117.821 95.513-213.333 213.333-213.333v0h152.619l-88.661-88.576c-7.886-7.98-12.757-18.954-12.757-31.066 0-0.029 0-0.057 0-0.086l-0 0.004c0-22.613 18.389-42.411 42.453-42.411z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_navigation_to_right_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 69,
+				"id": 13,
+				"name": "db_ic_navigation_to_right_24",
+				"prevSize": 32,
+				"code": 922370
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M461.013 136.533c-11.349 0-22.656 4.267-29.739 12.715l-162.56 162.389c-8.448 7.083-12.715 18.347-12.715 29.696 0 9.899 4.267 21.205 12.757 29.696l171.093 170.923c7.040 7.040 18.347 12.715 29.696 12.715 23.402-0.072 42.357-19.012 42.453-42.401l0-0.009c0-11.349-4.267-22.613-12.757-31.147l-97.195-97.109h152.619c70.692 0 128 57.308 128 128v0 341.333c0 23.564 19.103 42.667 42.667 42.667s42.667-19.103 42.667-42.667v0-341.333c0-117.821-95.513-213.333-213.333-213.333v0h-152.619l88.661-88.576c8.533-9.088 12.757-19.456 12.757-31.147-0.097-23.399-19.051-42.338-42.446-42.411l-0.007-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_navigation_to_left_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 68,
+				"id": 12,
+				"name": "db_ic_navigation_to_left_24",
+				"prevSize": 32,
+				"code": 922369
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 128c9.899 0 21.205 4.267 29.696 12.757l213.589 213.76c7.040 7.040 12.715 18.347 12.715 29.696-0.072 23.402-19.012 42.357-42.401 42.453l-0.009 0c-11.349 0-22.613-4.267-31.147-12.757l-139.776-139.904 0.213 579.328c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v0l-0.213-579.328-139.776 139.947c-7.69 7.855-18.403 12.724-30.252 12.724-0.314 0-0.628-0.003-0.941-0.010l0.047 0.001c-23.399-0.097-42.338-19.051-42.411-42.446l-0-0.007c0-11.349 4.267-22.656 12.715-29.739l216.875-217.131c6.891-5.816 15.872-9.351 25.679-9.351 0.257 0 0.514 0.002 0.77 0.007l-0.038-0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_navigation_straight_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 67,
+				"id": 11,
+				"name": "db_ic_navigation_straight_24",
+				"prevSize": 32,
+				"code": 922368
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M435.2 102.4c127.246 0 230.4 103.154 230.4 230.4v0 418.611l67.891-67.942c11.059-10.24 23.552-15.309 37.376-15.309 27.136 0 50.893 22.067 50.893 50.944 0 13.619-5.12 27.187-15.258 35.686l-153.907 154.112c-8.499 10.189-22.016 15.258-35.635 15.258-11.878 0-25.446-5.12-35.635-15.309l-153.907-154.112c-9.081-9.195-14.825-21.705-15.256-35.554l-0.002-0.081c0-28.877 23.757-50.944 50.893-50.944 13.619 0 27.136 5.12 37.376 15.309l62.771 62.874v-413.542c0-70.692-57.308-128-128-128s-128 57.308-128 128v0 217.6c0 28.277-22.923 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v0-217.6c0-127.246 103.154-230.4 230.4-230.4v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_navigation_u-turn_20"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 66,
+				"id": 10,
+				"name": "db_ic_navigation_u-turn_20",
+				"prevSize": 32,
+				"code": 922371
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c235.648 0 426.667 191.019 426.667 426.667s-191.019 426.667-426.667 426.667-426.667-191.019-426.667-426.667 191.019-426.667 426.667-426.667zM512 170.667c-188.513 0-341.333 152.82-341.333 341.333s152.82 341.333 341.333 341.333v0c188.513 0 341.333-152.82 341.333-341.333s-152.82-341.333-341.333-341.333v0zM377.045 292.907l4.992 0.299c19.623 2.383 35.016 17.79 37.356 37.215l0.020 0.204 0.299 4.949v135.339h184.576v-135.339c0.003-21.803 16.359-39.784 37.47-42.348l0.205-0.020 4.992-0.299h4.267c21.816 0.006 39.804 16.383 42.348 37.514l0.020 0.204 0.299 4.949v348.928c0 0.011 0 0.024 0 0.037 0 21.805-16.357 39.79-37.47 42.353l-0.205 0.020-4.992 0.256h-4.267c-21.803-0.003-39.784-16.359-42.348-37.47l-0.020-0.205-0.299-4.992v-146.048h-184.576v146.091c0 0.011 0 0.024 0 0.037 0 21.805-16.357 39.79-37.47 42.353l-0.205 0.020-4.992 0.256h-4.267c-21.803-0.003-39.784-16.359-42.348-37.47l-0.020-0.205-0.299-4.992v-348.971c0.003-21.803 16.359-39.784 37.47-42.348l0.205-0.020 4.992-0.299z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_station_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 180,
+				"id": 0,
+				"name": "db_ic_station_24",
+				"prevSize": 32,
+				"code": 921986
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M832 85.333c58.91 0 106.667 47.756 106.667 106.667v0 640c0 58.91-47.756 106.667-106.667 106.667v0h-640c-58.91 0-106.667-47.756-106.667-106.667v0-640c0-58.91 47.756-106.667 106.667-106.667v0zM832 170.667c-213.333-0.128-426.667-0.128-640 0-11.782 0-21.333 9.551-21.333 21.333v0c-0.128 213.333-0.128 426.667 0 640 0 10.453 8.747 21.333 21.333 21.333 213.333 0.128 426.667 0.128 640 0 10.453 0 21.333-8.533 21.333-21.333 0.128-213.333 0.128-426.667 0-640 0-11.782-9.551-21.333-21.333-21.333v0zM469.632 358.613v135.083c31.573 2.347 51.499 3.499 59.733 3.499 27.051 0 46.592-5.461 58.539-16.427 11.947-10.923 17.92-29.141 17.92-54.613 0-21.632-4.096-37.717-12.288-48.299-11.648-12.8-27.605-19.2-47.872-19.029zM544.896 292.907c48.555 0 85.717 11.093 111.36 33.152 25.728 22.101 38.571 54.869 38.571 98.261 0 44.203-13.355 77.781-40.021 100.693-24.619 21.12-63.317 34.304-117.675 34.304-17.365 0.469-39.851-0.939-67.499-4.224v127.275c0 24.742-20.058 44.8-44.8 44.8s-44.8-20.058-44.8-44.8l0-0v-346.795c0-21.888 17.664-42.581 42.667-42.667 40.704-0.085 81.493-0.085 122.197 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_parking_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 179,
+				"id": 1,
+				"name": "db_ic_parking_24",
+				"prevSize": 32,
+				"code": 127359
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M505.131 325.333c22.571 0 35.541 13.099 44.288 32.853l201.941 524.672c1.835 4.582 2.9 9.893 2.9 15.453 0 23.541-19.083 42.624-42.624 42.624-11.825 0-22.525-4.815-30.247-12.592l-0.002-0.002-176.256-176.213-176.299 176.256c-7.718 7.701-18.371 12.463-30.136 12.463-23.564 0-42.667-19.103-42.667-42.667 0-5.494 1.038-10.746 2.93-15.569l-0.1 0.29 200.533-519.253c5.376-14.891 21.077-38.315 45.739-38.315zM505.429 481.408l-94.123 243.755 93.824-93.824 94.251 94.293zM505.131 85.333c21.888 0 42.667 13.227 42.667 42.667v95.915c0 23.564-19.103 42.667-42.667 42.667v0c-23.468-0.239-42.428-19.199-42.666-42.644l-0-0.023-0.043-20.992v-75.008c0-23.564 19.103-42.667 42.667-42.667v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_gps_north_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 178,
+				"id": 2,
+				"name": "db_ic_gps_north_24",
+				"prevSize": 32,
+				"code": 921944
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M905.387 137.088c1.741 3.822 2.756 8.288 2.756 12.992s-1.015 9.17-2.838 13.193l0.082-0.201-310.059 700.288c-6.807 15.063-21.7 25.356-38.997 25.356-23.564 0-42.667-19.103-42.667-42.667 0-0.019 0-0.039 0-0.058l-0 0.003v-333.397h-344.064c-0.004 0-0.008 0-0.012 0-23.564 0-42.667-19.103-42.667-42.667 0-17.297 10.293-32.19 25.088-38.889l0.268-0.109 710.869-310.101c3.826-1.746 8.299-2.764 13.010-2.764 12.958 0 24.116 7.701 29.149 18.777l0.082 0.201zM771.072 255.104l-400.512 172.117h185.813c21.816 0.006 39.804 16.383 42.348 37.514l0.020 0.204 0.299 4.992-0.043 185.685 172.075-400.512z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_maps_gps_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 326,
+				"id": 3,
+				"name": "ic-db_maps_gps_24",
+				"prevSize": 32,
+				"code": 921943
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c30.677 0 62.677 9.344 85.333 32l329.344 329.344c7.425 7.605 12.006 18.017 12.006 29.498 0 0.415-0.006 0.828-0.018 1.24l0.001-0.061c0 23.979-18.688 41.301-42.667 41.301-0.207 0.004-0.451 0.006-0.695 0.006-9.901 0-18.977-3.531-26.038-9.404l0.066 0.054-16-14.592v401.28c0 22.656-17.323 42.667-38.656 42.667h-217.344c-22.656 0-42.667-20.011-42.667-42.667v-213.333h-85.333v213.333c0 22.656-17.323 42.667-38.656 42.667h-217.344c-22.656 0-42.667-17.323-42.667-38.656v-405.333l-11.989 11.989c-7.932 7.428-18.627 11.99-30.387 11.99-0.102 0-0.204-0-0.306-0.001l0.016 0c-18.688 0-42.667-13.312-42.667-41.344 0-10.667 1.323-19.968 9.344-27.989l326.656-326.656c26.667-25.344 57.344-37.333 90.667-37.333zM512 170.667c-9.344 0-20.011 2.688-26.667 9.344l-229.333 229.333v443.989h128v-213.333c0-21.333 16-42.667 38.656-42.667h174.677c22.656 0 42.667 17.323 42.667 38.656v217.344h128v-443.989l-225.323-226.731c-8.064-9.259-20.011-11.947-30.677-11.947z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["home"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 327,
+				"id": 4,
+				"name": "home",
+				"prevSize": 32,
+				"code": 8962
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M708.854 122.88c28.017 0 53.494 8.929 72.622 28.058l113.377 109.732c19.087 17.859 26.747 42.107 26.747 66.355 0 21.709-7.66 47.186-26.747 65.044l-113.377 109.732c-20.398 20.398-44.646 30.679-72.622 30.679h-176.374v286.72h124.232c21.627 0 39.485 19.415 39.485 38.543 0 25.518-17.859 43.377-39.485 43.377h-341.484c-21.709 0-38.257-17.859-38.257-43.377 0-19.128 16.589-38.543 38.257-38.543h135.086l0.246-286.72h-221.921c-59.884 0-105.759-45.998-105.759-104.694v-201.564c0-57.426 45.875-103.342 105.759-103.342h480.215zM702.464 204.8h-458.547c-25.477 0-38.216 12.493-38.216 36.741v170.926c0 24.248 12.698 38.298 38.216 38.298h458.547c20.398 0 34.406-5.12 47.104-19.128l76.472-77.824c8.929-8.929 13.64-17.859 13.64-28.099 0-8.929-4.71-17.859-13.64-26.788l-76.431-75.244c-14.008-14.049-26.747-18.883-47.145-18.883z"
+				],
+				"width": 983,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["map-stop"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 328,
+				"id": 5,
+				"name": "map-stop",
+				"prevSize": 32,
+				"code": 921877
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M368.64 81.92c7.7 0 16.63 3.85 21.75 6.39l224.010 112.64 212.5-106.209c13.804-6.963 28.14-11.551 39.649-11.551 20.48 0 34.57 17.94 34.57 35.84v576.061c0 15.36-5.12 29.409-21.75 37.11l-244.49 122.88c-5.46 3.219-12.029 5.12-19.043 5.12-0.059 0-0.118-0-0.177-0l0.009 0c-10.24 0-15.36-2.58-19.21-5.12l-226.509-113.91-216.351 108.749c-10.24 3.85-24.33 10.24-35.84 10.24-17.94 0-35.84-12.82-35.84-37.11v-576.061c0-14.049 6.144-28.631 17.94-34.529l246.989-124.191c3.686-1.761 12.861-6.349 21.791-6.349zM328.95 189.44l-165.11 83.19v480.010l165.11-83.19v-480.010zM410.87 189.44v480.010l162.57 83.19v-480.010l-162.57-83.19zM819.2 189.44l-163.84 83.19v480.010l163.84-83.19v-480.010z"
+				],
+				"width": 983,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["map"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 329,
+				"id": 6,
+				"name": "map",
+				"prevSize": 32,
+				"code": 128506
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M256 896c0-22.656 20.011-42.667 42.667-42.667h426.667c22.656 0 42.667 20.011 42.667 42.667s-20.011 42.667-42.667 42.667h-426.667c-22.656 0-42.667-20.011-42.667-42.667zM512 85.333c145.323 0 256 109.355 256 240 0 49.323-14.677 97.323-46.677 146.688l-173.312 275.968c-9.344 13.355-22.656 20.011-36.011 20.011-14.677 0-26.667-6.656-36.011-20.011l-173.312-274.645c-30.677-49.323-46.677-98.731-46.677-148.011 0-130.688 109.355-240 256-240zM513.323 170.667c-97.323 0-171.989 68.011-171.989 153.344 0 32 10.667 65.323 33.323 101.333l137.344 214.656 137.344-214.656c9.344-13.355 33.323-50.688 33.323-100.011 0-86.656-73.344-154.667-169.344-154.667zM426.667 341.333c0-46.677 38.656-85.333 85.333-85.333s85.333 38.656 85.333 85.333c0 46.677-38.656 85.333-85.333 85.333s-85.333-38.656-85.333-85.333z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["place"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 330,
+				"id": 7,
+				"name": "place",
+				"prevSize": 32,
+				"code": 921878
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c0.255-0.006 0.555-0.009 0.856-0.009 22.931 0 41.551 18.459 41.811 41.328l0 0.025v87.936c132.011 20.011 234.667 122.667 253.355 254.677h87.979c24.021 0 42.667 18.688 42.667 42.667 0 24.021-18.688 42.667-42.667 42.667h-88.021c-19.673 131.241-122.083 233.68-251.659 253.193l-1.653 0.205v87.979c0 24.021-18.688 42.667-42.667 42.667-22.656 0-42.667-18.688-42.667-42.667v-88.021c-130.688-18.645-233.344-122.624-251.989-253.312h-89.344c-24.021 0-42.667-18.688-42.667-42.667 0-24.021 18.688-42.667 42.667-42.667h89.344c19-131.409 120.957-234.278 250.302-254.461l1.687-0.217v-87.936c0-22.656 20.011-41.344 42.667-41.344zM512 298.667c-117.333 0-213.333 96-213.333 213.333-0.001 0.27-0.002 0.589-0.002 0.908 0 116.595 94.519 211.115 211.115 211.115 0.781 0 1.561-0.004 2.339-0.013l-0.119 0.001c121.344 0 213.333-96 213.333-212.011 0-117.333-96-213.333-213.333-213.333zM426.667 512c0-46.677 38.656-85.333 85.333-85.333s85.333 38.656 85.333 85.333c0 46.677-38.656 85.333-85.333 85.333s-85.333-38.656-85.333-85.333z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["set-position"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 331,
+				"id": 8,
+				"name": "set-position",
+				"prevSize": 32,
+				"code": 128907
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M724.011 85.333c23.936 0 43.989 18.688 43.989 42.667v384h128c24.021 0 42.667 18.688 42.667 42.667v341.333c0 21.333-21.333 42.667-42.667 42.667h-298.667c-21.333 0-42.667-21.333-42.667-43.989v-148.011c0-10.667-9.344-21.333-21.333-21.333h-43.989c-10.667 0-20.011 10.667-20.011 21.333v148.011c0 23.936-20.011 43.989-42.667 43.989h-298.667c-24.021 0-42.667-20.011-42.667-43.989v-340.011c0-21.333 21.333-42.667 42.667-42.667h128v-384c0-24.021 20.011-42.667 42.667-42.667h425.344zM682.667 170.667h-341.333v384c0 24.021-18.688 42.667-42.667 42.667h-128v256h213.333v-106.667c0-58.667 48-106.667 105.344-106.667h43.989c57.344 0 105.344 48 105.344 106.667v106.667h214.656v-256h-128c-0.066 0-0.144 0.001-0.222 0.001-11.363 0-21.656-4.579-29.135-11.993l0.003 0.003c-8.069-7.774-13.135-18.617-13.312-30.645l-0-0.033v-384zM426.667 341.333c0-46.677 38.656-85.333 85.333-85.333s85.333 38.656 85.333 85.333c0 48-38.656 85.333-85.333 85.333s-85.333-37.333-85.333-85.333z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["trainstation"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 332,
+				"id": 9,
+				"name": "trainstation",
+				"prevSize": 32,
+				"code": 922240
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-navigation-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-navigation-filled.json
new file mode 100644
index 0000000000..ad8d9512c6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-navigation-filled.json
@@ -0,0 +1,70 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c0.127 0 0.277 0 0.427 0 235.406 0 426.24 190.834 426.24 426.24 0 0.15 0 0.3 0 0.45v-0.023c0 0.127 0 0.277 0 0.427 0 235.406-190.834 426.24-426.24 426.24-0.15 0-0.3 0-0.45 0h0.023c-0.127 0-0.277 0-0.427 0-235.406 0-426.24-190.834-426.24-426.24 0-0.15 0-0.3 0-0.45v0.023c0-0.127 0-0.277 0-0.427 0-235.406 190.834-426.24 426.24-426.24 0.15 0 0.3 0 0.45 0h-0.023zM661.333 320c-10.667 0-20.011 4.011-30.677 13.355l-118.656 118.571-118.656-119.893c-8.021-7.979-21.333-11.989-30.677-11.989-20.011 0-42.667 16-42.667 42.667 0 9.344 2.688 20.011 11.989 30.677l120.021 118.613-120.064 120.021c-7.25 7.641-11.776 17.928-11.989 29.27l-0.001 0.042c0 20.011 16 42.667 42.667 42.667 9.344 0 20.011-4.011 29.355-11.989l120.021-120.021 118.656 120.021c8.021 7.979 21.333 11.989 30.677 11.989 20.011 0 42.667-16 42.667-42.667 0.004-0.223 0.007-0.485 0.007-0.748 0-11.199-4.59-21.325-11.991-28.601l-120.027-119.985 118.656-118.656c8.159-7.719 13.264-18.593 13.355-30.661v-0.017c0-22.656-18.688-42.667-42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["cancel-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 108,
+				"id": 0,
+				"name": "cancel-filled",
+				"prevSize": 32,
+				"code": 11198
+			},
+			"setIdx": 25,
+			"setId": 50,
+			"iconIdx": 0
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-navigation-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-navigation-outline.json
new file mode 100644
index 0000000000..39c30ccede
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-navigation-outline.json
@@ -0,0 +1,507 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M405.333 725.589c0 22.613 18.389 42.411 42.453 42.411 11.349 0 22.656-5.675 29.739-12.715l213.76-213.589c8.448-8.491 12.715-19.797 12.715-29.696 0-11.307-4.267-22.613-12.757-29.696l-213.76-213.589c-6.997-8.448-18.304-12.715-29.653-12.715-23.402 0.072-42.357 19.012-42.453 42.401l-0 0.009c0 11.349 4.267 22.613 12.757 31.147l182.571 182.443-182.613 182.443c-8.533 8.533-12.757 19.797-12.757 31.147z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_link_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 186,
+				"id": 20,
+				"name": "db_ic_link_24",
+				"prevSize": 32,
+				"code": 129122
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M853.547 512c0-24.021-18.645-42.667-42.667-42.667h-494.635l182.613-182.656c8.179-7.71 13.3-18.586 13.397-30.659l0-0.018c0-18.688-16-42.667-43.947-42.667-0.066-0-0.144-0.001-0.222-0.001-11.363 0-21.656 4.579-29.135 11.993l0.003-0.003-256 256c-6.671 6.783-11.035 15.853-11.81 25.928l-0.009 0.142-0.256 4.608c-1.28 10.667 3.328 21.973 12.032 30.677l256 256c7.979 7.979 19.968 11.989 29.312 11.989 24.021 0 43.989-20.011 43.989-42.667 0-0.019 0-0.042 0-0.064 0-12.073-5.111-22.952-13.288-30.591l-0.024-0.022-182.656-182.656h494.635c24.021 0 42.667-18.688 42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["arrow-back"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 445,
+				"id": 0,
+				"name": "arrow-back",
+				"prevSize": 32,
+				"code": 8592
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512.128 170.539c-24.021 0-42.667 18.688-42.667 42.667v494.677l-182.741-182.656c-7.707-8.153-18.565-13.257-30.617-13.355l-0.018-0c-18.688 0-42.667 16-42.667 44.032 0 10.667 3.968 21.333 11.947 29.312l256 256c6.798 6.664 15.885 11.015 25.974 11.768l0.138 0.008 4.608 0.213c10.667 1.365 21.973-3.285 30.635-11.947l256-256c8.021-8.021 12.032-20.053 12.032-29.355 0-24.021-20.053-44.032-42.667-44.032-0.020-0-0.043-0-0.067-0-12.093 0-22.989 5.129-30.63 13.33l-0.023 0.025-182.613 182.656v-494.677c0-23.979-18.688-42.667-42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["arrow-down"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 446,
+				"id": 1,
+				"name": "arrow-down",
+				"prevSize": 32,
+				"code": 8595
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M184.32 491.52c0 23.060 17.94 40.96 40.96 40.96h474.89l-175.391 175.35c-7.821 7.413-12.709 17.854-12.779 29.437l-0 0.013c0 17.94 15.36 40.96 42.23 40.96 10.24 0 20.48-3.85 28.18-11.51l245.76-245.76c7.128-7.361 11.521-17.407 11.521-28.48 0-0.341-0.004-0.682-0.012-1.021l0.001 0.050c1.27-10.24-3.195-21.094-11.51-29.45l-245.76-245.76c-7.355-6.978-17.263-11.327-28.186-11.509l-0.036-0c-22.938 0-42.189 19.21-42.189 40.96 0 11.51 4.465 21.094 12.82 29.45l175.309 175.35h-474.849c-23.060 0-40.96 17.94-40.96 40.96z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["arrow-forward"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 447,
+				"id": 2,
+				"name": "arrow-forward",
+				"prevSize": 32,
+				"code": 8594
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512.123 819.323c23.020 0 40.96-17.94 40.96-40.96v-474.89l175.309 175.35c7.417 7.846 17.874 12.751 29.478 12.82l0.013 0c17.9 0 40.96-15.36 40.96-42.271 0-0.039 0-0.085 0-0.132 0-10.929-4.412-20.827-11.553-28.010l0.002 0.002-245.76-245.76c-6.506-6.381-15.197-10.554-24.85-11.297l-0.136-0.008-4.424-0.205c-10.24-1.311-21.094 3.154-29.491 11.469l-245.76 245.76c-6.954 7.35-11.287 17.242-11.468 28.145l-0 0.036c0 23.060 19.169 42.271 40.96 42.271 11.603-0.005 22.055-4.928 29.387-12.796l0.022-0.024 175.391-175.35v474.89c0 23.020 17.9 40.96 40.96 40.96z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["arrow-up"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 448,
+				"id": 3,
+				"name": "arrow-up",
+				"prevSize": 32,
+				"code": 8593
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c0.127-0 0.277-0 0.427-0 235.406 0 426.24 190.834 426.24 426.24 0 0.15-0 0.3-0 0.45l0-0.023c0 0.127 0 0.277 0 0.427 0 235.406-190.834 426.24-426.24 426.24-0.15 0-0.3-0-0.45-0l0.023 0c-0.127 0-0.277 0-0.427 0-235.406 0-426.24-190.834-426.24-426.24 0-0.15 0-0.3 0-0.45l-0 0.023c-0-0.127-0-0.277-0-0.427 0-235.406 190.834-426.24 426.24-426.24 0.15 0 0.3 0 0.45 0l-0.023-0zM512 170.667c-187.989 0-341.333 153.344-341.333 341.333s153.344 341.333 341.333 341.333c187.989 0 341.333-153.344 341.333-341.333s-153.344-341.333-341.333-341.333zM320 661.333c0-9.344 4.011-21.333 11.989-29.355l120.021-119.979-120.064-118.656c-7.082-8.225-11.532-18.895-11.944-30.592l-0.002-0.086c0-24.021 20.011-42.667 42.667-42.667 9.344 0 21.333 4.011 30.677 11.989l118.656 120.021 118.656-118.656c9.344-9.387 21.333-13.355 33.323-13.355 20.053 0 40.021 13.355 40.021 42.667 0 10.667-5.333 22.656-13.355 30.677l-118.571 118.656 119.979 118.656c7.979 8.021 11.989 21.333 11.989 30.677 0 24.021-20.011 42.667-42.667 42.667-9.344 0-21.333-4.011-30.677-11.989l-118.699-120.021-120.021 120.064c-6.656 7.979-18.645 11.989-29.312 11.989-24.021 0-42.667-20.011-42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["cancel"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 449,
+				"id": 4,
+				"name": "cancel",
+				"prevSize": 32,
+				"code": 11198
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M640 768c0 24.021-18.688 42.667-42.667 42.667-10.667 0-21.333-5.333-29.355-13.355l-257.28-254.635c-7.454-7.943-12.033-18.662-12.033-30.45 0-0.080 0-0.16 0.001-0.24l-0 0.012c0-10.667 4.011-22.656 11.989-30.677l257.365-254.677c7.979-7.979 18.645-13.312 29.312-13.312 24.021 0 42.667 18.688 42.667 42.667 0 11.989-4.011 21.333-11.989 30.677l-225.323 225.323 225.28 225.323c7.45 7.61 12.047 18.038 12.047 29.54 0 0.4-0.006 0.798-0.017 1.196l0.001-0.058z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["chevron-left"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 450,
+				"id": 5,
+				"name": "chevron-left",
+				"prevSize": 32,
+				"code": 60
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M384 768c0 24.021 18.688 42.667 42.667 42.667 10.667 0 21.333-5.333 29.355-13.355l257.28-254.635c8.021-8.021 12.032-20.011 12.032-30.677s-4.011-22.656-11.989-30.677l-257.365-254.677c-7.979-7.979-18.645-13.312-29.312-13.312-24.021 0-42.667 18.688-42.667 42.667 0 11.989 4.011 21.333 11.989 30.677l225.323 225.323-225.28 225.323c-7.45 7.61-12.047 18.038-12.047 29.54 0 0.4 0.006 0.798 0.017 1.196l-0.001-0.058z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["chevron-right"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 451,
+				"id": 6,
+				"name": "chevron-right",
+				"prevSize": 32,
+				"code": 62
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M213.333 768c0-11.989 4.011-21.333 11.989-29.355l226.688-226.645-226.731-226.688c-6.605-7.645-10.629-17.681-10.629-28.657 0-0.23 0.002-0.46 0.005-0.689l-0 0.035c0-24.021 18.688-41.344 41.344-41.344 11.989 0 21.333 4.011 29.355 10.667l226.645 226.688 226.688-226.688c7.149-7.405 17.165-12.004 28.254-12.004 0.372 0 0.743 0.005 1.113 0.015l-0.054-0.001c24.021 0 42.667 18.688 42.667 42.667 0 11.989-4.011 21.333-13.355 29.355l-225.28 226.645 225.28 226.688c8.189 6.655 13.378 16.726 13.378 28.010 0 0.458-0.009 0.914-0.025 1.368l0.002-0.066c0.006 0.255 0.009 0.555 0.009 0.856 0 22.931-18.459 41.551-41.328 41.811l-0.025 0c-0.363 0.012-0.789 0.019-1.218 0.019-11.714 0-22.223-5.159-29.378-13.329l-0.039-0.045-226.688-225.28-226.688 225.28c-7.194 8.214-17.703 13.372-29.416 13.372-0.414 0-0.826-0.006-1.236-0.019l0.060 0.001c-22.912-0.236-41.395-18.865-41.395-41.811 0-0.301 0.003-0.601 0.009-0.9l-0.001 0.045z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["close"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 452,
+				"id": 7,
+				"name": "close",
+				"prevSize": 32,
+				"code": 10799
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 640c24.021 0 42.667-18.688 42.667-42.667 0-10.667-5.333-21.333-13.355-29.355l-254.635-257.28c-7.943-7.454-18.662-12.033-30.45-12.033-0.080 0-0.16 0-0.24 0.001l0.012-0c-10.667 0-22.656 4.011-30.677 11.989l-254.677 257.365c-7.979 7.979-13.312 18.645-13.312 29.312 0 24.021 18.688 42.667 42.667 42.667 11.989 0 21.333-4.011 30.677-11.989l225.323-225.323 225.323 225.28c7.61 7.45 18.038 12.047 29.54 12.047 0.4 0 0.798-0.006 1.196-0.017l-0.058 0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["expand-less"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 453,
+				"id": 8,
+				"name": "expand-less",
+				"prevSize": 32,
+				"code": 8963
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 384c24.021 0 42.667 18.688 42.667 42.667 0 10.667-5.333 21.333-13.355 29.355l-254.635 257.28c-7.943 7.454-18.662 12.033-30.45 12.033-0.080 0-0.16-0-0.24-0.001l0.012 0c-10.667 0-22.656-4.011-30.677-11.989l-254.677-257.365c-7.979-7.979-13.312-18.645-13.312-29.312 0-24.021 18.688-42.667 42.667-42.667 11.989 0 21.333 4.011 30.677 11.989l225.323 225.323 225.323-225.28c7.61-7.45 18.038-12.047 29.54-12.047 0.4 0 0.798 0.006 1.196 0.017l-0.058-0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["expand-more"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 454,
+				"id": 9,
+				"name": "expand-more",
+				"prevSize": 32,
+				"code": 8964
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M385.323 896c-21.333 0-43.989-17.323-43.989-43.989v-169.344h-170.667c-22.656 0-42.667-20.011-42.667-43.989 0-22.656 20.011-41.344 42.667-41.344h213.333c0.255-0.006 0.555-0.009 0.856-0.009 22.931 0 41.551 18.459 41.811 41.328l0 0.025v213.333c0 23.936-18.688 43.989-41.344 43.989zM682.667 852.011c0 26.667-22.656 43.989-43.989 43.989-22.656 0-41.344-20.011-41.344-43.989v-213.333c0.26-22.894 18.88-41.353 41.811-41.353 0.301 0 0.601 0.003 0.901 0.010l-0.045-0.001h213.333c22.656 0 42.667 18.688 42.667 41.344 0 23.936-20.011 43.989-42.667 43.989h-170.667v169.344zM638.677 128c21.333 0 43.989 17.323 43.989 43.989v169.344h170.667c22.656 0 42.667 20.011 42.667 43.989 0 22.656-20.011 41.344-42.667 41.344h-213.333c-0.255 0.006-0.555 0.009-0.856 0.009-22.931 0-41.551-18.459-41.811-41.328l-0-0.025v-213.333c0-23.936 18.688-43.989 41.344-43.989zM341.333 171.989c0-26.667 22.656-43.989 43.989-43.989 22.656 0 41.344 20.011 41.344 43.989v213.333c-0.26 22.894-18.88 41.353-41.811 41.353-0.301 0-0.601-0.003-0.901-0.010l0.045 0.001h-213.333c-22.656 0-42.667-18.688-42.667-41.344 0-23.936 20.011-43.989 42.667-43.989h170.667v-169.344z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fullscreen-exit"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 455,
+				"id": 10,
+				"name": "fullscreen-exit",
+				"prevSize": 32,
+				"code": 921888
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M170.667 597.333c20.011 0 42.667 17.323 42.667 43.989v169.344h171.989c22.656 0 41.344 20.011 41.344 42.667 0.006 0.255 0.009 0.555 0.009 0.856 0 22.931-18.459 41.551-41.328 41.811l-0.025 0h-214.656c-24.021 0-42.667-18.688-42.667-42.667v-212.011c0-25.344 18.688-43.989 42.667-43.989zM853.333 597.333c24.021 0 42.667 20.011 42.667 43.989v212.011c0 24.021-18.688 42.667-42.667 42.667h-214.656c-22.894-0.26-41.353-18.88-41.353-41.811 0-0.301 0.003-0.601 0.010-0.901l-0.001 0.045c0-22.656 18.688-42.667 41.344-42.667h171.989v-169.344c0-23.979 18.688-43.989 42.667-43.989zM853.333 128c24.021 0 42.667 18.688 42.667 42.667v213.333c0 25.344-18.688 42.667-42.667 42.667-24.021 0-42.667-18.688-42.667-42.667v-170.667h-171.989c-22.894-0.26-41.353-18.88-41.353-41.811 0-0.301 0.003-0.601 0.010-0.901l-0.001 0.045c0-22.656 18.688-42.667 41.344-42.667h214.656zM385.323 128c22.656 0 41.344 20.011 41.344 42.667 0.006 0.255 0.009 0.555 0.009 0.856 0 22.931-18.459 41.551-41.328 41.811l-0.025 0h-171.989v170.667c0 25.344-18.688 42.667-42.667 42.667-24.021 0-42.667-18.688-42.667-42.667v-213.333c0-24.021 18.688-42.667 42.667-42.667h214.656z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fullscreen"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 456,
+				"id": 11,
+				"name": "fullscreen",
+				"prevSize": 32,
+				"code": 921881
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M821.376 554.581c41.179 0.049 74.551 33.406 74.624 74.574l0 0.007v192.128c-0.049 41.194-33.43 74.575-74.619 74.624l-192.133 0c-41.186-0.049-74.557-33.435-74.581-74.622l-0-0.002v-192.128c0.049-41.171 33.411-74.533 74.577-74.581l192.133-0zM394.709 554.581c41.189 0.024 74.575 33.396 74.624 74.577l0 0.005v192.128c-0.024 41.189-33.396 74.575-74.577 74.624l-192.175 0c-41.186-0.049-74.557-33.435-74.581-74.622l-0-0.002v-192.128c0.049-41.171 33.411-74.533 74.577-74.581l192.175-0zM810.667 639.915h-170.667v170.667h170.667v-170.667zM384 639.915h-170.667v170.667h170.667v-170.667zM821.376 128.085c41.194 0.049 74.575 33.43 74.624 74.619l0 0.005v192.128c-0.073 41.176-33.445 74.533-74.619 74.581l-192.133 0c-41.171-0.049-74.533-33.411-74.581-74.577l-0-0.005v-192.171c0.024-41.189 33.396-74.575 74.577-74.624l192.133-0zM394.709 128.085c41.204 0.024 74.6 33.42 74.624 74.622l0 0.002v192.128c-0.049 41.171-33.411 74.533-74.577 74.581l-192.175 0c-41.171-0.049-74.533-33.411-74.581-74.577l-0-0.005v-192.171c0.024-41.189 33.396-74.575 74.577-74.624l192.175-0zM810.667 213.248h-170.667v170.667h170.667v-170.667zM384 213.248h-170.667v170.667h170.667v-170.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["grid-view"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 457,
+				"id": 12,
+				"name": "grid-view",
+				"prevSize": 32,
+				"code": 66318
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M299.989 768c10.977-0.225 20.851-4.765 28.030-11.987l0.002-0.002 354.645-354.688v238.677c0 25.344 20.011 43.989 42.667 43.989s42.667-19.968 42.667-43.989v-345.344c0-22.656-20.011-38.656-42.667-38.656h-341.333c-25.344 0-42.667 20.011-42.667 42.667 0 21.333 20.011 42.667 42.667 42.667h238.677l-357.333 357.333c-6.699 6.656-9.344 17.323-9.344 25.344 0 25.301 18.688 43.989 43.989 43.989z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["link-external"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 458,
+				"id": 13,
+				"name": "link-external",
+				"prevSize": 32,
+				"code": 129125
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M426.965 810.667h383.403c0.142 0.002 0.31 0.003 0.478 0.003 23.47 0 42.496-19.026 42.496-42.496 0-0.301-0.003-0.601-0.009-0.901l0.001 0.045c0-22.4-19.413-41.984-42.965-41.984h-383.403c-23.552 0-42.965 19.627-42.965 41.984-0.005 0.255-0.009 0.555-0.009 0.856 0 23.47 19.026 42.496 42.496 42.496 0.168 0 0.336-0.001 0.503-0.003l-0.025 0zM213.333 810.667h42.667c24.747 0 42.667-18.176 42.667-43.349-0.046-23.199-18.864-41.988-42.069-41.988-0.21 0-0.42 0.002-0.629 0.005l0.032-0h-42.667c-23.381 0-42.667 19.627-42.667 41.984-0.007 0.293-0.011 0.637-0.011 0.982 0 23.399 18.969 42.368 42.368 42.368 0.109 0 0.218-0 0.327-0.001l-0.017 0zM426.965 554.752h383.403c23.552 0 42.965-19.285 42.965-42.667s-19.413-42.667-42.965-42.667h-383.403c-23.552 0-42.965 19.285-42.965 42.667s19.413 42.667 42.965 42.667zM213.333 554.752h42.667c24.747 0 42.667-19.285 42.667-42.667s-17.92-42.667-42.667-42.667h-42.667c-23.381 0-42.667 19.285-42.667 42.667s19.285 42.667 42.667 42.667zM426.965 298.667h383.403c0.229 0.004 0.498 0.007 0.769 0.007 23.232 0 42.080-18.775 42.197-41.98l0-0.011c0-23.723-19.413-43.349-42.965-43.349h-383.403c-23.552 0-42.965 19.584-42.965 43.349 0 23.808 19.413 41.984 42.965 41.984zM213.333 298.667h42.667c24.747 0 42.667-18.176 42.667-41.984 0-23.723-17.92-43.349-42.667-43.349h-42.667c-23.381 0-42.667 19.584-42.667 43.349 0 23.808 19.285 41.984 42.667 41.984z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["list"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 460,
+				"id": 15,
+				"name": "list",
+				"prevSize": 32,
+				"code": 921889
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M170.667 768c0-22.656 20.011-42.667 43.989-42.667h594.731c23.979 0 43.989 20.011 43.989 42.667 0 24.021-20.011 42.667-43.989 42.667h-594.773c-23.893 0-43.947-18.688-43.947-42.667zM170.667 512c0-22.656 20.011-42.667 43.989-42.667h446.677c22.656 0 42.667 20.011 42.667 42.667s-20.011 42.667-42.667 42.667h-446.677c-23.936 0-43.989-20.011-43.989-42.667zM170.667 256c0-24.021 20.011-42.667 43.989-42.667h594.731c23.893 0 43.947 18.688 43.947 42.667 0 22.656-20.011 42.667-43.989 42.667h-594.731c-23.893 0-43.947-20.011-43.947-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["menu"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 461,
+				"id": 16,
+				"name": "menu",
+				"prevSize": 32,
+				"code": 921890
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M213.333 597.333c47.128 0 85.333-38.205 85.333-85.333s-38.205-85.333-85.333-85.333v0c-47.128 0-85.333 38.205-85.333 85.333s38.205 85.333 85.333 85.333v0zM512 597.333c47.128 0 85.333-38.205 85.333-85.333s-38.205-85.333-85.333-85.333v0c-47.128 0-85.333 38.205-85.333 85.333s38.205 85.333 85.333 85.333v0zM810.667 597.333c47.128 0 85.333-38.205 85.333-85.333s-38.205-85.333-85.333-85.333v0c-47.128 0-85.333 38.205-85.333 85.333s38.205 85.333 85.333 85.333v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["more-horizontal"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 462,
+				"id": 17,
+				"name": "more-horizontal",
+				"prevSize": 32,
+				"code": 8943
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M426.667 213.333c0 47.128 38.205 85.333 85.333 85.333s85.333-38.205 85.333-85.333v0c0-47.128-38.205-85.333-85.333-85.333s-85.333 38.205-85.333 85.333v0zM426.667 512c0 47.128 38.205 85.333 85.333 85.333s85.333-38.205 85.333-85.333v0c0-47.128-38.205-85.333-85.333-85.333s-85.333 38.205-85.333 85.333v0zM426.667 810.667c0 47.128 38.205 85.333 85.333 85.333s85.333-38.205 85.333-85.333v0c0-47.128-38.205-85.333-85.333-85.333s-85.333 38.205-85.333 85.333v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["more-vertical"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 463,
+				"id": 18,
+				"name": "more-vertical",
+				"prevSize": 32,
+				"code": 8942
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M314.667 768c-10.667 0-18.688-4.011-26.667-10.667-77.355-65.323-117.333-160-117.333-260.011 0-142.677 96-266.667 234.667-298.667l-54.656-32c-13.355-9.344-21.333-23.979-21.333-37.333 0-23.979 18.645-43.989 42.667-43.989 7.979 0 16 2.688 21.333 6.656l148.011 88.021c13.312 7.979 21.333 23.979 21.333 37.333 0 6.656-2.688 14.635-6.699 21.333l-87.936 146.603c-8.021 13.355-22.656 21.333-37.333 21.333-24.021 0-41.344-20.011-41.344-42.667 0-7.979 1.323-16 5.333-22.656l37.333-61.355c-104.064 20.096-176.043 110.72-176.043 217.429 0 74.667 29.355 145.323 86.656 194.688 9.344 7.979 13.355 21.333 13.355 33.323 0 26.667-18.688 42.667-41.344 42.667zM709.333 256c10.667 0 18.688 4.011 26.667 10.667 77.355 65.323 117.333 160 117.333 260.011 0 142.677-96 266.667-234.667 298.667l54.656 32c14.677 7.979 21.333 23.979 21.333 37.333 0 23.979-18.645 43.989-42.667 43.989-0.057 0-0.123 0-0.19 0-7.916 0-15.249-2.492-21.259-6.734l0.116 0.078-148.011-88.021c-12.51-8.017-20.811-21.652-21.331-37.258l-0.002-0.075c0-6.656 2.688-14.635 6.699-21.333l87.979-146.645c8.021-13.355 22.656-21.333 37.333-21.333 24.021 0 41.344 20.011 41.344 42.667 0 7.979-1.323 16-5.333 22.656l-37.333 61.355c104.021-20.053 176-110.677 176-217.344 0-74.667-29.355-145.323-86.656-194.688-9.344-7.979-13.355-21.333-13.355-33.323 0-26.667 18.688-42.667 41.344-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["refresh"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 464,
+				"id": 19,
+				"name": "refresh",
+				"prevSize": 32,
+				"code": 128472
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-notification-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-notification-filled.json
new file mode 100644
index 0000000000..7c9fbb5da0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-notification-filled.json
@@ -0,0 +1,93 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M439.893 137.088l-343.893 682.667c-6.656 13.995-10.667 27.989-10.667 41.984 0 41.941 32.043 76.928 78.805 76.928h695.723c46.805 0 78.805-34.987 78.805-76.928 0-12.587-4.011-27.989-10.667-41.984l-342.571-682.667c-17.963-33.579-45.397-51.755-73.429-51.755s-53.76 18.176-72.107 51.755zM511.317 802.987c-24.021 0-42.709-19.584-42.709-44.757s18.688-44.8 42.709-44.8 42.752 19.584 42.752 44.757-18.688 44.8-42.752 44.8zM469.333 623.915v-239.915c0-25.173 18.645-42.667 42.667-42.667s42.667 17.493 42.667 42.667v239.915c0.725 27.989-18.645 44.8-42.667 44.8s-42.667-18.219-42.667-44.8z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_warning_solid_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 189,
+				"id": 0,
+				"name": "db_ic_warning_solid_24",
+				"prevSize": 32,
+				"code": 9888
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M85.333 512c-0-0.127-0-0.277-0-0.427 0-235.406 190.834-426.24 426.24-426.24 0.15 0 0.3 0 0.45 0l-0.023-0c0.127-0 0.277-0 0.427-0 235.406 0 426.24 190.834 426.24 426.24 0 0.15-0 0.3-0 0.45l0-0.023c0 0.127 0 0.277 0 0.427 0 235.406-190.834 426.24-426.24 426.24-0.15 0-0.3-0-0.45-0l0.023 0c-0.127 0-0.277 0-0.427 0-235.406 0-426.24-190.834-426.24-426.24 0-0.15 0-0.3 0-0.45l-0 0.023zM513.067 759.979c26.667 0 48-21.333 48-48s-21.333-48-48-48-48 21.333-48 48.043 21.333 48 48 48v-0.043zM469.333 557.312h0.043c-0.043 22.699 19.968 41.387 43.947 41.387s41.344-17.365 41.344-41.387v-258.645c0-23.979-17.323-42.667-41.344-42.667s-43.989 18.645-43.989 42.667v258.645z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_error_solid_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 188,
+				"id": 1,
+				"name": "db_ic_error_solid_24",
+				"prevSize": 32,
+				"code": 921891
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-notification-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-notification-outline.json
new file mode 100644
index 0000000000..d04b985593
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-notification-outline.json
@@ -0,0 +1,141 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M451.133 596.255v-189.645c0-24.166 19.251-43.008 42.312-43.008 21.791 0 39.731 18.842 39.731 43.008v189.645c0 26.87-16.671 45.67-39.731 45.67s-42.312-20.152-42.312-45.67zM422.298 131.604l-330.138 655.36c-6.39 13.435-10.24 26.87-10.24 40.305 0 40.264 30.761 73.851 75.653 73.851h667.894c44.933 0 75.653-33.587 75.653-73.851 0-12.083-3.85-26.87-10.24-40.305l-328.868-655.36c-17.244-32.236-43.581-49.684-70.492-49.684s-51.61 17.449-69.222 49.684zM501.965 172.278l315.228 627.22c5.202 9.83 0 19.702-11.796 19.702h-628.449c-7.864 0-13.107-5.612-13.107-11.264 0-4.219 1.311-5.612 1.311-8.438l315.924-627.22c2.621-4.219 6.554-8.438 10.445-8.438 3.932 0 9.134 4.219 10.445 8.438zM490.906 770.867c23.060 0 40.96-18.842 40.96-43.008s-17.9-42.967-40.96-42.967c-23.101 0-41.042 18.842-41.042 43.008s17.94 42.967 41.001 42.967z"
+				],
+				"attrs": [{}],
+				"width": 983,
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["error-triangle"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 224,
+				"id": 3,
+				"name": "error-triangle",
+				"prevSize": 32,
+				"code": 9888
+			},
+			"setIdx": 24,
+			"setId": 24,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M491.52 81.92c0.122-0 0.266-0 0.41-0 225.99 0 409.19 183.201 409.19 409.19 0 0.144-0 0.288-0 0.432l0-0.023c0 0.122 0 0.266 0 0.41 0 225.99-183.201 409.19-409.19 409.19-0.144 0-0.288-0-0.432-0l0.023 0c-0.122 0-0.266 0-0.41 0-225.99 0-409.19-183.201-409.19-409.19 0-0.144 0-0.288 0-0.432l-0 0.023c-0-0.122-0-0.266-0-0.41 0-225.99 183.201-409.19 409.19-409.19 0.144 0 0.288 0 0.432 0l-0.023-0zM491.52 163.84c-180.47 0-327.68 147.21-327.68 327.68s147.21 327.68 327.68 327.68c180.47 0 327.68-147.21 327.68-327.68s-147.21-327.68-327.68-327.68zM450.56 535.020v-248.3c0-23.060 19.21-40.96 42.23-40.96 23.060 0 39.69 17.94 39.69 40.96v248.3c0 23.060-16.63 39.731-39.69 39.731-23.020 0-42.23-17.94-42.189-39.731zM492.544 729.58c25.6 0 46.080-20.48 46.080-46.080s-20.48-46.080-46.080-46.080-46.080 20.48-46.080 46.121c0 25.6 20.48 46.080 46.080 46.080z"
+				],
+				"attrs": [{}],
+				"width": 983,
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["error"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 225,
+				"id": 2,
+				"name": "error",
+				"prevSize": 32,
+				"code": 921891
+			},
+			"setIdx": 24,
+			"setId": 24,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M1024-0.043l0.043 270.080c-35.561 43.645-89.31 71.296-149.517 71.296-0.13 0-0.261-0-0.391-0l0.020 0c-105.707-0.121-191.367-85.781-191.488-191.476l-0-0.012c-0-0.108-0-0.235-0-0.362 0-60.188 27.633-113.922 70.905-149.208l0.348-0.275h270.080z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["notify-cutoff"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 226,
+				"id": 1,
+				"name": "notify-cutoff",
+				"prevSize": 32,
+				"code": 921895
+			},
+			"setIdx": 24,
+			"setId": 24,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M725.333 149.76c0-82.475 66.859-149.333 149.333-149.333s149.333 66.859 149.333 149.333v0c-0.218 82.286-66.974 148.907-149.29 148.907-0.165 0-0.33-0-0.495-0.001l0.026 0c-82.19-0.121-148.785-66.717-148.907-148.895l-0-0.012z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["notify"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 227,
+				"id": 0,
+				"name": "notify",
+				"prevSize": 32,
+				"code": 921894
+			},
+			"setIdx": 24,
+			"setId": 24,
+			"iconIdx": 3
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-seat-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-seat-outline.json
new file mode 100644
index 0000000000..f335ac3dca
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-seat-outline.json
@@ -0,0 +1,310 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M896 725.333c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0c-2.031 0.041-4.426 0.064-6.827 0.064s-4.795-0.023-7.184-0.069l0.357 0.005 13.056 78.336c0.366 2.099 0.575 4.516 0.575 6.981 0 21.085-15.294 38.597-35.394 42.049l-0.253 0.036c-2.025 0.338-4.358 0.531-6.737 0.531-21.128 0-38.694-15.25-42.291-35.343l-0.039-0.26c6.631 52.039 1.228 20.671-4.069-10.733l-11.376-81.597h-567.68l-15.36 92.331c-3.169 20.707-20.855 36.384-42.202 36.384-23.564 0-42.667-19.103-42.667-42.667 0-0.972 0.032-1.936 0.096-2.892l-0.007 0.13 13.653-83.285h-13.653c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0c113.96-0.041 248.977-0.064 384-0.064s270.040 0.023 405.051 0.070l-21.051-0.006zM514.731 533.419c114.901 7.125 229.76 14.421 344.533 21.973 41.856 2.688 79.403 41.387 79.403 85.077v14.165c0 23.552-19.115 37.675-42.667 37.675-21.803-0.003-39.784-16.359-42.348-37.47l-0.020-0.205-0.299-14.208-345.813-22.101c-15.829-1.323-35.925 11.691-38.827 28.587-3.172 20.703-20.856 36.376-42.2 36.376-23.564 0-42.667-19.103-42.667-42.667 0-2.693 0.25-5.328 0.727-7.883l-0.041 0.264c9.387-56.747 67.115-104.064 130.133-99.627zM234.667 469.333c58.91 0 106.667 47.756 106.667 106.667s-47.756 106.667-106.667 106.667v0c-58.91 0-106.667-47.756-106.667-106.667s47.756-106.667 106.667-106.667v0zM234.667 554.667c-11.782 0-21.333 9.551-21.333 21.333s9.551 21.333 21.333 21.333v0c11.782 0 21.333-9.551 21.333-21.333s-9.551-21.333-21.333-21.333v0zM540.245 302.592c6.613 0 12.032 6.997 12.032 13.568 0.003 0.156 0.005 0.341 0.005 0.525 0 7.497-2.818 14.335-7.453 19.513l0.025-0.028-50.688 65.152h46.763c6.999-0 12.672 5.673 12.672 12.672s-5.673 12.672-12.672 12.672h-75.989c-6.997 0-12.672-6.656-12.672-14.379 0-9.813 2.773-14.464 7.893-20.864l50.773-63.488h-41.088c-6.999 0-12.672-5.673-12.672-12.672s5.673-12.672 12.672-12.672h0zM702.251 228.907c8.747 0 15.829 8.747 15.829 16.725-0.003 10.091-3.508 19.362-9.366 26.665l0.065-0.084-63.829 80.128h57.301c8.742 0 15.829 7.087 15.829 15.829s-7.087 15.829-15.829 15.829l-88.789-0c-8.747 0-15.829-9.984-15.829-16.981 0-10.496 3.285-18.773 9.344-26.368l64-80.085h-57.856c-8.742 0-15.829-7.087-15.829-15.829s7.087-15.829 15.829-15.829v0h89.088zM919.211 124.203c11.691 0 21.163 13.013 21.163 27.307 0 9.387-3.115 19.029-8.917 26.453l-93.44 121.088h82.091c11.272 0.522 20.213 9.788 20.213 21.141s-8.941 20.619-20.166 21.14l-0.047 0.002h-130.987c-0.064 0.001-0.139 0.001-0.215 0.001-11.546 0-20.907-9.36-20.907-20.907 0-0.090 0.001-0.181 0.002-0.271l-0 0.014c0-17.237 3.243-25.216 9.131-32.725l95.275-120.96h-74.368c-0.284 0.014-0.616 0.021-0.95 0.021-11.688 0-21.163-9.475-21.163-21.163s9.475-21.163 21.163-21.163c0.334 0 0.666 0.008 0.997 0.023l-0.047-0.002z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_couchette_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 241,
+				"id": 0,
+				"name": "db_ic_couchette_24",
+				"prevSize": 32,
+				"code": 921993
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M128 426.667c21.333 0 42.624 18.005 42.667 42.667 0.085 42.667 0.085 85.333 0 128 0 68.181 54.784 128 128 128 199.125 0.085 398.208 0.085 597.333 0 23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0c-8.704 0.085-17.451 0.085-26.155 0l23.979 71.851c1.387 4.025 2.188 8.663 2.188 13.489 0 18.746-12.089 34.668-28.896 40.396l-0.3 0.089c-20.736 6.912-47.915-3.883-53.973-27.008-11.093-32.939-22.059-65.877-32.939-98.816h-481.237c-35.84 0-69.589-8.832-99.243-24.448l-30.037 120.149c-4.801 18.699-21.506 32.297-41.387 32.297-3.682 0-7.255-0.466-10.663-1.343l0.296 0.065c-18.678-4.994-32.209-21.765-32.209-41.696 0-3.569 0.434-7.038 1.252-10.354l-0.062 0.296c13.355-53.845 26.88-107.733 40.405-161.579-26.036-34.866-41.686-78.813-41.686-126.414 0-0.107 0-0.215 0-0.322l-0 0.017v-128c0-23.564 19.103-42.667 42.667-42.667v0zM600.619 533.973c114.901 7.125 201.131 14.251 258.645 21.419 41.856 2.688 79.403 41.387 79.403 85.077v14.165c0 23.552-19.115 37.675-42.667 37.675-21.803-0.003-39.784-16.359-42.348-37.47l-0.020-0.205-0.299-14.208-259.925-21.547c-15.787-1.323-35.883 11.691-38.827 28.587-2.807 21.090-20.68 37.191-42.314 37.191-23.564 0-42.667-19.103-42.667-42.667 0-2.985 0.307-5.898 0.89-8.711l-0.048 0.277c9.387-56.747 67.072-104.021 130.133-99.627zM322.773 469.333c58.91 0 106.667 47.756 106.667 106.667s-47.756 106.667-106.667 106.667v0c-58.91 0-106.667-47.756-106.667-106.667s47.756-106.667 106.667-106.667v0zM322.773 554.667c-11.782 0-21.333 9.551-21.333 21.333s9.551 21.333 21.333 21.333v0c11.782 0 21.333-9.551 21.333-21.333s-9.551-21.333-21.333-21.333v0zM540.245 302.592c6.613 0 12.032 6.997 12.032 13.568 0.003 0.156 0.005 0.341 0.005 0.525 0 7.497-2.818 14.335-7.453 19.513l0.025-0.028-50.688 65.152h46.763c6.999 0 12.672 5.673 12.672 12.672s-5.673 12.672-12.672 12.672l-75.989-0c-6.997 0-12.672-6.656-12.672-14.379 0-9.813 2.773-14.464 7.893-20.864l50.773-63.488h-41.088c-6.999-0-12.672-5.673-12.672-12.672s5.673-12.672 12.672-12.672h0zM702.251 228.907c8.747 0 15.829 8.747 15.829 16.725-0.003 10.091-3.508 19.362-9.366 26.665l0.065-0.084-63.829 80.128h57.301c8.742 0 15.829 7.087 15.829 15.829s-7.087 15.829-15.829 15.829h-88.789c-8.747 0-15.829-9.984-15.829-16.981 0-10.496 3.285-18.773 9.344-26.368l64-80.085h-57.856c-8.742 0-15.829-7.087-15.829-15.829s7.087-15.829 15.829-15.829v0h89.088zM919.211 124.203c11.691 0 21.163 13.013 21.163 27.307 0 9.387-3.115 19.029-8.917 26.453l-93.44 121.088h82.091c11.272 0.522 20.213 9.788 20.213 21.141s-8.941 20.619-20.166 21.14l-0.047 0.002h-130.987c-0.064 0.001-0.139 0.001-0.215 0.001-11.546 0-20.907-9.36-20.907-20.907 0-0.090 0.001-0.181 0.002-0.271l-0 0.014c0-17.237 3.243-25.216 9.131-32.725l95.275-120.96h-74.368c-0.284 0.014-0.616 0.021-0.95 0.021-11.688 0-21.163-9.475-21.163-21.163s9.475-21.163 21.163-21.163c0.334 0 0.666 0.008 0.997 0.023l-0.047-0.002z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bed_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 195,
+				"id": 1,
+				"name": "db_ic_bed_24",
+				"prevSize": 32,
+				"code": 128719
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M862.165 161.835c15.36 15.36 17.323 43.093 0 60.331-108.567 108.735-213.569 213.737-318.652 318.659l-3.652 3.645 9.728 53.035 155.904 0.171c19.072 0 36.181 13.099 41.216 32.171l64.299 255.445c6.059 26.155-14.080 53.291-41.216 53.291-20.053 0-38.187-14.080-42.197-32.171l-55.296-223.744h-158.805c-21.077 0-38.187-15.104-42.069-35.541l-5.248-29.013-130.475 130.56c9.899 12.203 25.301 19.285 42.112 19.285h177.365c23.125 0 42.24 21.333 42.24 44.459 0 24.149-19.115 40.875-42.24 40.875h-177.365c-0.289 0.002-0.63 0.003-0.972 0.003-40.067 0-76.165-16.993-101.48-44.166l-0.077-0.083-117.12 117.077c-7.721 7.718-18.386 12.492-30.165 12.492s-22.445-4.774-30.165-12.492l0 0c-15.36-15.36-18.005-44.544 0-60.331 237.997-238.151 467.657-467.811 697.392-697.397l6.608-6.603c7.721-7.718 18.386-12.492 30.165-12.492s22.445 4.774 30.165 12.492l-0-0zM127.573 128c77.397 0 128.512 54.272 128.512 138.667v113.621l34.56 172.331-72.448 72.405-44.544-221.611c-1.864-8.45-2.95-18.168-2.987-28.133l-0-0.027v-108.544c0-37.205-14.933-53.291-43.093-53.291-23.265-0.12-42.096-18.936-42.24-42.184l-0-0.014c-0.002-0.166-0.004-0.361-0.004-0.557 0-23.415 18.862-42.425 42.221-42.664l0.023-0zM428.117 384c9.387 0 18.432 1.451 27.008 4.139l-75.392 75.349c-12.648-7.507-20.992-21.094-20.992-36.629 0-0.067 0-0.135 0-0.202l-0 0.010c0-23.125 19.072-42.667 42.197-42.667h27.136zM426.837 128c0.025-0 0.055-0 0.085-0 47.128 0 85.333 38.205 85.333 85.333 0 0.030-0 0.060-0 0.090l0-0.005c0 0.038 0 0.083 0 0.128 0 47.128-38.205 85.333-85.333 85.333-0.045 0-0.090-0-0.135-0l0.007 0c-0.038 0-0.083 0-0.128 0-47.128 0-85.333-38.205-85.333-85.333 0-0.045 0-0.090 0-0.135l-0 0.007c-0-0.025-0-0.055-0-0.085 0-47.128 38.205-85.333 85.333-85.333 0.030 0 0.060 0 0.090 0l-0.005-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_aisle_not_available_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 194,
+				"id": 2,
+				"name": "db_ic_aisle_not_available_24",
+				"prevSize": 32,
+				"code": 921987
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M390.315 85.333c0.568-0.014 1.237-0.021 1.908-0.021 47.128 0 85.333 38.205 85.333 85.333s-38.205 85.333-85.333 85.333c-0.671 0-1.34-0.008-2.007-0.023l0.099 0.002c-46.3-1.068-83.425-38.855-83.425-85.312s37.125-84.244 83.326-85.31l0.099-0.002zM696.107 85.333c0.568-0.014 1.237-0.021 1.908-0.021 47.128 0 85.333 38.205 85.333 85.333s-38.205 85.333-85.333 85.333c-0.671 0-1.34-0.008-2.007-0.023l0.099 0.002c-46.3-1.068-83.425-38.855-83.425-85.312s37.125-84.244 83.326-85.31l0.099-0.002zM610.773 309.248c-43.733 0-85.333 40.363-85.333 85.333v181.333c0 54.827 40.448 94.123 85.248 104.448 0.341 77.397 0 179.285 0 215.552 0.299 24.576 20.779 42.667 42.667 42.667 23.564 0 42.667-19.103 42.667-42.667v0-255.829c2.432-21.547-20.779-42.667-42.667-42.667h-21.333c-11.52 0-21.333-11.136-21.333-21.504 0-92.416 0.128-152.832 0.299-181.333h127.744c22.272 0 42.667-20.779 42.667-42.667 0-23.564-19.103-42.667-42.667-42.667v0c-18.989-0.041-41.492-0.064-64-0.064-22.489 0-44.972 0.023-67.45 0.070l3.45-0.006zM725.12 554.624h42.197c24.107 0 43.221 18.048 43.221 42.197v299.051c-0.002 0.14-0.003 0.304-0.003 0.469 0 23.323 18.883 42.236 42.195 42.283l0.005 0c0.203 0.003 0.443 0.005 0.683 0.005 23.493 0 42.539-19.045 42.539-42.539 0-0.077-0-0.154-0.001-0.231l0 0.012v-300.075c0-69.376-57.301-126.635-128.64-126.635h-42.24c-23.784 0.192-43.011 19.434-43.179 43.205l-0 0.016c0 24.107 19.115 42.24 43.221 42.24zM448 518.912v-156.245c0-23.564-19.103-42.667-42.667-42.667s-42.667 19.103-42.667 42.667v0 113.579h-42.667c-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667v0h85.333c23.564 0 42.667-19.103 42.667-42.667v0zM426.667 896v-213.333c0-47.061-38.272-85.333-85.333-85.333h-42.667c-43.648 0-80.981-30.848-84.907-70.229-0.272-2.452-0.427-5.295-0.427-8.175 0-29.798 16.601-55.718 41.059-69.017l0.413-0.205c12.779-7.54 21.218-21.239 21.218-36.908 0-23.588-19.122-42.709-42.709-42.709-6.839 0-13.303 1.607-19.034 4.465l0.248-0.112c-51.894 28.14-86.539 82.202-86.539 144.356 0 5.916 0.314 11.759 0.926 17.512l-0.062-0.716c8.235 82.475 82.859 147.029 169.813 147.029h42.667v213.333c-0 0.006-0 0.014-0 0.021 0 23.564 19.103 42.667 42.667 42.667 23.557 0 42.655-19.090 42.667-42.644l0-0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_traveler-with-reduced-mobility_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 264,
+				"id": 12,
+				"name": "db_ic_traveler-with-reduced-mobility_24",
+				"prevSize": 32,
+				"code": 921954
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M428.075 384c49.237 0 89.429 39.851 99.456 92.971l22.059 120.533 155.904 0.171c19.072 0 36.181 13.099 41.216 32.171l64.299 255.445c6.059 26.155-14.080 53.291-41.216 53.291-20.053 0-38.187-14.080-42.197-32.171l-55.296-223.744h-158.805c-21.077 0-38.187-15.104-42.069-35.541l-28.075-156.16c-2.005-10.027-10.027-21.675-24.021-21.675h-18.048c-0 0-0 0-0 0-23.493 0-42.539-19.045-42.539-42.539 0-0.045 0-0.090 0-0.135l-0 0.007c0-23.125 19.072-42.667 42.197-42.667h27.136zM85.333 171.221c-0.002-0.166-0.004-0.361-0.004-0.557 0-23.415 18.862-42.425 42.221-42.664l0.023-0c77.312 0 128.427 54.272 128.427 138.667v113.621l69.547 346.752c5.077 25.131 27.093 40.96 52.224 40.96h177.365c23.125 0 42.24 21.333 42.24 44.459 0 24.149-19.115 40.875-42.24 40.875h-177.323c-66.347 0-122.581-44.885-135.68-109.227l-68.523-340.651c-1.864-8.45-2.95-18.168-2.987-28.133l-0-0.027v-108.587c0-37.205-14.933-53.291-43.093-53.291-23.247-0.144-42.053-18.951-42.197-42.184l-0-0.014zM895.488 85.333c22.953 0.749 41.276 19.536 41.276 42.603s-18.322 41.853-41.207 42.601l-0.069 0.002h-191.744c-11.612 0.072-21.005 9.466-21.077 21.070l-0 0.007v172.459c0 11.008 9.045 21.035 21.077 21.035h191.744c0.166-0.002 0.362-0.004 0.558-0.004 23.362 0 42.334 18.795 42.621 42.089l0 0.027c-0.311 23.326-19.293 42.115-42.663 42.115-0.181 0-0.362-0.001-0.543-0.003l0.027 0h-191.744c-58.197 0-106.411-47.104-106.411-105.259v-172.501c0.48-58.54 47.856-105.857 106.374-106.24l0.037-0h191.744zM426.752 128c0.038-0 0.083-0 0.128-0 47.128 0 85.333 38.205 85.333 85.333 0 0.030-0 0.060-0 0.090l0-0.005c0 0.038 0 0.083 0 0.128 0 47.128-38.205 85.333-85.333 85.333-0.045 0-0.090-0-0.135-0l0.007 0c-0.025 0-0.055 0-0.085 0-47.128 0-85.333-38.205-85.333-85.333 0-0.045 0-0.090 0-0.135l-0 0.007c-0-0.025-0-0.055-0-0.085 0-47.128 38.205-85.333 85.333-85.333 0.030 0 0.060 0 0.090 0l-0.005-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_seat_window_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 158,
+				"id": 4,
+				"name": "ic-db_seat_window_24",
+				"prevSize": 32,
+				"code": 921904
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M294.144 341.291c0 21.888-17.835 42.709-42.667 42.709-23.467 0.128-46.933 0.128-70.4 0.085-5.973-0.384-11.264 5.419-10.325 13.227 22.357 89.771 44.8 179.499 67.328 269.227 2.577 9.235 10.827 15.931 20.671 16.128l0.022 0c47.36 0.085 94.677 0.085 142.037 0 46.891 0 71.509 14.165 103.68 65.451 21.12 42.88 42.027 85.973 62.72 129.28 2.759 5.491 4.374 11.966 4.374 18.819 0 23.564-19.103 42.667-42.667 42.667-15.115 0-28.394-7.859-35.973-19.714l-0.102-0.171-65.579-134.741c-3.541-6.528-10.496-16.213-22.741-16.213l-145.749-0.043c-47.15-0.003-87.154-30.598-101.245-73.017l-0.217-0.753-69.333-276.181c-12.885-51.456 21.973-119.381 93.013-119.296l70.4-0.085c0.025-0 0.055-0 0.085-0 23.549 0 42.642 19.078 42.667 42.622l0 0.002zM789.333 170.667c35.346 0 64 28.654 64 64v0l0.043 35.712c50.787 24.631 85.202 75.763 85.291 134.943l0 0.012v341.333c0 56.533-42.24 104.405-106.667 106.667h-85.333c-0.005 0-0.011 0-0.016 0-56.448 0-102.656-43.848-106.419-99.342l-0.018-0.328-0.213-348.331c-0-0.009-0-0.020-0-0.031 0-59.22 34.471-110.388 84.442-134.535l0.892-0.389v-35.712c0-35.346 28.654-64 64-64v0zM789.333 341.333c-33.28 0-63.744 24.277-63.744 62.592l-0.256 22.741h42.667c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-42.667v85.333h42.667c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-42.667v64c0 10.453 11.52 21.333 21.333 21.333 28.459 0.128 56.875 0.128 85.333 0 10.453 0 21.333-5.333 21.333-21.333v-342.741c0-35.285-28.672-62.592-64-62.592zM386.773 392.107l94.421 37.547c16.092 6.351 27.27 21.766 27.27 39.792 0 23.564-19.103 42.667-42.667 42.667-4.072 0-8.011-0.571-11.742-1.636l0.301 0.074-60.459-23.765-8.107 67.883h121.685c25.429 0 42.667 20.779 42.667 42.667s-17.237 42.667-42.667 42.667c-56.576 0.085-113.152 0.085-169.771 0-23.564 0-42.667-19.103-42.667-42.667v0l19.072-161.963c3.285-27.435 28.757-57.387 72.661-43.221zM400.811 224c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0zM230.144 85.333c47.128 0 85.333 38.205 85.333 85.333s-38.205 85.333-85.333 85.333v0c-47.128 0-85.333-38.205-85.333-85.333s38.205-85.333 85.333-85.333v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_seat_childrens-compartment_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 159,
+				"id": 5,
+				"name": "ic-db_seat_childrens-compartment_24",
+				"prevSize": 32,
+				"code": 922242
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M426.667 309.333c23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-20.395 42.667-42.667 42.667h-127.744c-0.171 28.501-0.256 88.917-0.256 181.333 0 10.368 9.771 21.504 21.333 21.504h21.291c21.888 0 45.056 21.12 42.667 42.667v255.829c0 23.564-19.103 42.667-42.667 42.667v0c-21.888 0-42.368-18.091-42.667-42.667-0.043-36.267 0.299-138.155-0.043-215.552-44.8-10.325-85.248-49.621-85.248-104.448v-181.333c0-44.971 41.6-85.333 85.333-85.333 42.667-0.085 85.333-0.085 128 0zM725.333 394.667c44.971 0 85.333 36.565 85.333 85.333v138.667c0 52.053-42.24 97.152-85.333 103.893v173.44c0 21.888-20.779 42.667-42.667 42.667s-42.667-19.712-42.667-42.667c-0.085-71.083-0.085-142.208 0-213.333 0-21.888 17.152-42.667 42.667-42.667h22.741c10.069 0 19.925-9.984 19.925-21.333v-138.667h-85.333c-23.564 0-42.667-19.103-42.667-42.667v0c0-21.888 19.84-42.667 42.667-42.667h85.333zM533.333 682.667c35.346 0 64 28.654 64 64v0 42.667c-0.004 27.696-17.6 51.28-42.221 60.19l-0.446 0.141v46.336c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v0-46.293c-25.070-9.051-42.667-32.641-42.667-60.34 0-0.012 0-0.024 0-0.035l-0 0.002v-42.667c0-35.346 28.654-64 64-64v0h42.667zM448 576c0 35.346 28.654 64 64 64s64-28.654 64-64v0c0-35.346-28.654-64-64-64s-64 28.654-64 64v0zM298.667 170.667c0 47.128 38.205 85.333 85.333 85.333s85.333-38.205 85.333-85.333v0c0-47.128-38.205-85.333-85.333-85.333s-85.333 38.205-85.333 85.333v0zM554.667 256c0 47.128 38.205 85.333 85.333 85.333s85.333-38.205 85.333-85.333v0c0-47.128-38.205-85.333-85.333-85.333s-85.333 38.205-85.333 85.333v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_seat_parent-child-compartment_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 160,
+				"id": 6,
+				"name": "ic-db_seat_parent-child-compartment_24",
+				"prevSize": 32,
+				"code": 922244
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M306.133 105.984c-12.885-18.773-37.461-26.283-56.917-14.763-19.456 11.477-24.661 39.936-13.397 58.709l92.16 153.515h-24.405c-46.763 0-73.813 34.56-73.813 73.941l0.341 36.779c0 11.307 5.461 17.877 12.117 24.533l16.64 16.64c-23.040 21.717-19.925 65.792-0.597 82.176l-17.664 18.432 0.030-0.033c-6.757 7.409-10.878 17.264-10.878 28.082 0 0.339 0.004 0.677 0.011 0.964v70.315c-0.085 10.069-11.008 22.485-25.984 22.187l-33.536 0.427c-45.653-0.427-84.907 56.533-84.907 104.832v113.28c0 25.6 20.779 42.667 42.667 42.667v0c23.564 0 42.667-19.103 42.667-42.667l-0.085-16.64-0.085-59.435 0.171-37.205c0-13.269 6.784-19.883 20.395-19.883 78.805-1.92 123.989-29.909 123.989-104.832v-56.661l23.424-22.101c14.592-14.507 23.467-33.621 23.467-51.285s-4.395-23.211-11.648-31.659c7.552-8.064 11.691-18.56 11.691-31.616 0-23.893-7.765-37.632-27.307-56.917l-19.627-19.072h34.645c70.656 0 88.576-66.133 53.035-126.549l-96.597-156.16zM568.832 319.787l0.119 0.002c-0.803-0.019-1.607-0.029-2.415-0.029-50.242 0-91.68 37.69-97.63 86.811l-41.941 356.437-0.128 6.187 0 0.028c0.024 2.041 0.178 4.051 0.426 5.774l21.333 128 0.044 0.273c3.861 20.083 21.527 35.256 42.736 35.256 2.218 0 4.397-0.166 6.287-0.456 21.589-3.584 38.699-27.52 35.072-49.067l-20.352-122.027 41.941-353.323c0.939-7.083 6.656-9.515 12.629-8.96 5.845 0.555 10.923 6.187 10.368 12.032l-22.528 198.187c-1.024 36.053 30.891 83.157 88.747 69.632 15.061 38.101 41.941 51.541 80.64 40.405 19.84 36.608 48.64 48.469 86.485 35.541v135.509c-0.341 23.723 20.779 42.667 42.667 42.667v0c23.564 0 42.667-19.103 42.667-42.667v-128c0-83.456-51.925-104.32-98.432-94.123-17.493-35.456-49.493-42.411-78.507-39.808-16.683-31.317-42.112-44.672-76.245-40.021l19.285-167.381c7.723-62.379-42.923-105.685-93.269-106.923zM541.013 85.333h-49.792c-12.203 0-21.888 9.515-21.888 21.461v138.069c0 11.947 9.685 21.632 21.632 21.632s21.632-9.685 21.632-21.632v-48.981c7.339 0.981 17.621 1.707 25.472 1.707 43.136 0 66.432-19.883 66.432-56.875 0-35.755-22.528-55.381-63.488-55.381zM787.627 129.195c9.259 0 20.48 2.347 27.52 4.565 7.68 2.432 12.587 6.272 12.587 13.995 0 7.68-6.315 15.573-13.952 13.952-7.159-2.826-15.449-4.496-24.12-4.565l-0.029-0c-13.013 0-18.688 3.2-18.688 10.069 0 4.395 1.536 7.083 5.461 9.515l3.328 1.451 5.717 1.707 12.501 3.243c24.96 6.613 34.859 18.133 34.859 40.448 0 27.989-17.621 42.752-52.011 42.88-14.255-0.045-27.92-2.511-40.625-7.007l0.86 0.265c-7.381-2.688-9.813-8.064-9.515-13.909 0.427-8.875 8.491-15.189 17.792-11.733 5.504 2.048 17.749 4.907 28.075 4.907 14.421 0 19.925-3.157 19.925-11.52 0.008-0.15 0.013-0.326 0.013-0.502 0-3.092-1.468-5.841-3.745-7.588l-0.023-0.017-2.688-1.323-5.035-1.579-11.648-3.2c-27.861-8.32-37.547-19.115-37.547-42.368 0-27.477 17.408-41.685 51.029-41.685zM669.909 129.195c9.216 0 20.309 2.304 27.52 4.565 7.68 2.432 12.544 6.272 12.544 13.995 0 7.68-6.315 15.573-13.952 13.952-7.159-2.826-15.449-4.496-24.12-4.565l-0.029-0c-12.971 0-18.688 3.2-18.688 10.069 0 4.395 1.579 7.083 5.461 9.515l3.371 1.451 5.675 1.707 12.501 3.243c25.003 6.613 34.901 18.133 34.901 40.448 0 27.989-17.664 42.752-52.053 42.88-14.255-0.045-27.92-2.511-40.625-7.007l0.86 0.265c-7.339-2.688-9.813-8.021-9.515-13.909 0.427-8.875 8.491-15.189 17.792-11.733 5.504 2.048 17.749 4.907 28.075 4.907 14.421 0 19.925-3.157 19.925-11.52 0.008-0.15 0.013-0.326 0.013-0.502 0-3.092-1.468-5.841-3.745-7.588l-0.023-0.017-2.688-1.323-4.992-1.579-11.691-3.2c-27.861-8.32-37.547-19.115-37.547-42.368 0-27.477 17.408-41.685 51.029-41.685zM887.509 102.443c9.088 0 14.251 4.864 15.36 11.349l0.256 2.859v16.469l19.499-0.085c0.039-0 0.085-0.001 0.131-0.001 7.517 0 13.611 6.094 13.611 13.611 0 6.444-4.478 11.842-10.492 13.252l-0.092 0.018-3.157 0.384h-19.499v65.408c0 9.813 3.499 12.971 14.379 12.971l2.304-0.085 4.267-0.512c9.301-1.877 14.592 5.547 14.592 12.373 0 0.027 0 0.058 0 0.090 0 6.51-4.405 11.992-10.397 13.626l-0.099 0.023c-4.948 1.315-10.628 2.069-16.484 2.069-0.595 0-1.188-0.008-1.779-0.023l0.087 0.002c-30.549 0-44.501-11.435-46.165-38.485l-0.128-5.632v-61.781l-3.84-0.043c-7.541 0-13.653-6.113-13.653-13.653v0c0.053-6.391 4.488-11.731 10.446-13.165l0.093-0.019 3.115-0.341h6.613l4.821-15.189c2.773-8.832 5.675-15.488 16.213-15.488zM138.667 170.624c29.455 0 53.333 23.878 53.333 53.333s-23.878 53.333-53.333 53.333v0c-29.455 0-53.333-23.878-53.333-53.333s23.878-53.333 53.333-53.333v0zM537.088 116.693c18.389 0 25.515 6.869 25.515 25.003 0 19.115-8.107 26.709-28.459 26.709-7.339 0-15.403-0.469-21.547-1.451v-50.261z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_seat_quiet-zone_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 161,
+				"id": 7,
+				"name": "ic-db_seat_quiet-zone_24",
+				"prevSize": 32,
+				"code": 922245
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M428.075 384c49.237 0 89.429 39.851 99.456 92.971l22.059 120.533 155.904 0.171c19.072 0 36.181 13.099 41.216 32.171l64.299 255.445c6.059 26.155-14.080 53.291-41.216 53.291-20.053 0-38.187-14.080-42.197-32.171l-55.296-223.744h-158.805c-21.077 0-38.187-15.104-42.069-35.541l-28.075-156.16c-2.005-10.027-10.027-21.675-24.021-21.675h-18.048c-0 0-0 0-0 0-23.493 0-42.539-19.045-42.539-42.539 0-0.045 0-0.090 0-0.135l-0 0.007c0-23.125 19.072-42.667 42.197-42.667h27.136zM85.333 171.221c-0.002-0.166-0.004-0.361-0.004-0.557 0-23.415 18.862-42.425 42.221-42.664l0.023-0c77.312 0 128.427 54.272 128.427 138.667v113.621l69.547 346.752c5.077 25.131 27.093 40.96 52.224 40.96h177.365c23.125 0 42.24 21.333 42.24 44.459 0 24.149-19.115 40.875-42.24 40.875h-177.323c-66.347 0-122.581-44.885-135.68-109.227l-68.523-340.651c-1.864-8.45-2.95-18.168-2.987-28.133l-0-0.027v-108.587c0-37.205-14.933-53.291-43.093-53.291-23.247-0.144-42.053-18.951-42.197-42.184l-0-0.014zM426.752 128c0.038-0 0.083-0 0.128-0 47.128 0 85.333 38.205 85.333 85.333 0 0.030-0 0.060-0 0.090l0-0.005c0 0.038 0 0.083 0 0.128 0 47.128-38.205 85.333-85.333 85.333-0.045 0-0.090-0-0.135-0l0.007 0c-0.025 0-0.055 0-0.085 0-47.128 0-85.333-38.205-85.333-85.333 0-0.045 0-0.090 0-0.135l-0 0.007c-0-0.025-0-0.055-0-0.085 0-47.128 38.205-85.333 85.333-85.333 0.030 0 0.060 0 0.090 0l-0.005-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["aisle"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 162,
+				"id": 8,
+				"name": "aisle",
+				"prevSize": 32,
+				"code": 922241
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M85.333 171.221c-0.002-0.166-0.004-0.361-0.004-0.557 0-23.415 18.862-42.425 42.221-42.664l0.023-0c77.312 0 128.427 54.272 128.427 138.667v113.621l69.547 346.752c5.077 25.131 27.093 40.96 52.224 40.96h134.699c23.125 0 42.24 21.333 42.24 44.459 0 24.149-19.115 40.875-42.24 40.875h-134.656c-66.347 0-122.581-44.885-135.68-109.227l-68.523-340.651c-1.864-8.45-2.95-18.168-2.987-28.133l-0-0.027v-108.587c0-37.205-14.933-53.291-43.093-53.291-23.247-0.144-42.053-18.951-42.197-42.184l-0-0.014zM357.717 427.52c0-23.125 19.115-43.52 42.24-43.52h42.197c35.712 0 66.56 17.365 87.552 42.837h101.035c0.331-0.009 0.72-0.015 1.111-0.015 23.47 0 42.496 19.026 42.496 42.496 0 0.14-0.001 0.28-0.002 0.42l0-0.021c0 23.125-19.115 42.24-43.605 42.283h-76.16v85.333h108.672c21.12 0 39.552 17.195 42.24 39.253l31.147 255.275c2.859 23.595-12.203 46.805-42.24 46.805-22.101 0-40.533-14.677-43.179-36.736l-26.155-219.264h-113.067c-0 0-0 0-0 0-23.517 0-42.581-19.064-42.581-42.581 0-0.030 0-0.060 0-0.090l-0 0.005v-143.019c0-12.715-8.96-27.648-27.051-27.648h-42.069c-23.467-0.213-42.581-17.707-42.581-41.813zM426.667 213.419c-0-0.025-0-0.055-0-0.085 0-47.128 38.205-85.333 85.333-85.333 0.030 0 0.060 0 0.090 0l-0.005-0c0.038-0 0.083-0 0.128-0 47.128 0 85.333 38.205 85.333 85.333 0 0.030-0 0.060-0 0.090l0-0.005c0 0.038 0 0.083 0 0.128 0 47.128-38.205 85.333-85.333 85.333-0.045 0-0.090-0-0.135-0l0.007 0c-0.025 0-0.055 0-0.085 0-47.128 0-85.333-38.205-85.333-85.333 0-0.045 0-0.090 0-0.135l-0 0.007zM724.565 469.717c0.168-23.803 19.419-43.053 43.205-43.221l0.016-0h42.24c71.339 0 128.64 57.301 128.64 126.677v342.741c0 0.065 0.001 0.142 0.001 0.219 0 23.493-19.045 42.539-42.539 42.539-0.24 0-0.48-0.002-0.719-0.006l0.036 0c-23.335-0.023-42.243-18.945-42.243-42.283 0-0.165 0.001-0.33 0.003-0.494l-0 0.025v-341.76c0-24.149-19.072-42.24-43.179-42.24h-42.24c-24.107 0-43.221-18.048-43.221-42.197z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["elderly"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 163,
+				"id": 9,
+				"name": "elderly",
+				"prevSize": 32,
+				"code": 921896
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M170.667 689.024c0-58.325 20.48-116.651 60.373-162.688 7.654-8.804 18.872-14.337 31.382-14.337 0.112 0 0.224 0 0.336 0.001l-0.017-0c25.6 0 42.965 19.456 42.965 42.965 0 9.216-3.072 18.432-9.173 26.624-25.6 29.653-40.96 68.523-40.96 107.435 0 90.027 71.68 164.309 161.707 164.309 54.187 0 104.32-25.173 136.064-68.139 9.216-12.288 22.485-18.432 34.773-18.432 22.528 0 43.989 17.408 43.989 42.965 0.001 0.112 0.002 0.245 0.002 0.378 0 9.631-3.468 18.451-9.224 25.281l0.049-0.059c-46.949 62.987-121.234 103.34-204.943 103.34-0.25 0-0.5-0-0.75-0.001l0.039 0c-133.077 0-246.613-109.483-246.613-249.643zM320.043 384.085c0-23.509 19.456-42.965 42.965-42.965h30.72c49.067 0 92.075 26.624 106.411 71.637l4.096 13.909h146.304c0.089-0.001 0.194-0.001 0.3-0.001 23.459 0 42.497 18.933 42.666 42.353l0 0.016c0 23.509-19.456 42.965-42.965 42.965h-120.747l25.6 85.333h149.376c18.432 0 32.725 10.837 39.893 28.245l93.141 221.013c1.915 4.035 3.034 8.767 3.034 13.761 0 0.187-0.002 0.374-0.005 0.561l0-0.028c0 20.48-16.341 41.984-42.965 41.984-18.389 0-32.725-10.24-39.893-27.648l-82.901-192.341h-151.424c-19.29-0.020-35.58-12.837-40.84-30.418l-0.078-0.302-61.397-207.701c-4.096-13.312-9.216-18.389-27.605-18.389h-30.72c-0.178 0.003-0.388 0.004-0.599 0.004-23.266 0-42.151-18.753-42.366-41.968l-0-0.020zM320.043 171.264c0-47.061 38.869-85.931 85.973-85.931 47.061 0 84.907 38.869 84.907 85.931s-37.845 84.907-84.907 84.907c-47.104 0-85.973-37.803-85.973-84.907z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["handicapped"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 164,
+				"id": 10,
+				"name": "handicapped",
+				"prevSize": 32,
+				"code": 922243
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M428.075 384c49.237 0 89.429 39.851 99.456 92.971l22.059 120.533 155.904 0.171c19.072 0 36.181 13.099 41.216 32.171l64.299 255.445c6.059 26.155-14.080 53.291-41.216 53.291-20.053 0-38.187-14.080-42.197-32.171l-55.296-223.744h-158.805c-21.077 0-38.187-15.104-42.069-35.541l-28.075-156.16c-2.005-10.027-10.027-21.675-24.021-21.675h-18.048c-0 0-0 0-0 0-23.493 0-42.539-19.045-42.539-42.539 0-0.045 0-0.090 0-0.135l-0 0.007c0-23.125 19.072-42.667 42.197-42.667h27.136zM85.333 171.221c-0.002-0.166-0.004-0.361-0.004-0.557 0-23.415 18.862-42.425 42.221-42.664l0.023-0c77.312 0 128.427 54.272 128.427 138.667v113.621l69.547 346.752c5.077 25.131 27.093 40.96 52.224 40.96h177.365c23.125 0 42.24 21.333 42.24 44.459 0 24.149-19.115 40.875-42.24 40.875h-177.323c-66.347 0-122.581-44.885-135.68-109.227l-68.523-340.651c-1.864-8.45-2.95-18.168-2.987-28.133l-0-0.027v-108.587c0-37.205-14.933-53.291-43.093-53.291-23.247-0.144-42.053-18.951-42.197-42.184l-0-0.014zM426.752 128c0.038-0 0.083-0 0.128-0 47.128 0 85.333 38.205 85.333 85.333 0 0.030-0 0.060-0 0.090l0-0.005c0 0.038 0 0.083 0 0.128 0 47.128-38.205 85.333-85.333 85.333-0.045 0-0.090-0-0.135-0l0.007 0c-0.025 0-0.055 0-0.085 0-47.128 0-85.333-38.205-85.333-85.333 0-0.045 0-0.090 0-0.135l-0 0.007c-0-0.025-0-0.055-0-0.085 0-47.128 38.205-85.333 85.333-85.333 0.030 0 0.060 0 0.090 0l-0.005-0zM896.768 426.667c24.107 0 41.899 18.56 41.899 42.667v128.213c0.003 0.193 0.005 0.421 0.005 0.649 0 23.093-18.72 41.813-41.813 41.813-0.302 0-0.603-0.003-0.903-0.010l0.045 0.001c-0.064 0-0.139 0.001-0.214 0.001-23.329 0-42.24-18.911-42.24-42.24 0-0.075 0-0.15 0.001-0.225l-0 0.012v-85.461h-128.213c-0 0-0 0-0 0-23.564 0-42.667-19.103-42.667-42.667 0-0.030 0-0.060 0-0.090l-0 0.005c0-24.107 18.56-42.667 42.667-42.667h171.435z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["table"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 165,
+				"id": 11,
+				"name": "table",
+				"prevSize": 32,
+				"code": 921897
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-ticket-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-ticket-outline.json
new file mode 100644
index 0000000000..95cc90207d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-ticket-outline.json
@@ -0,0 +1,576 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M618.667 341.333v64h64.043l-0.043-64zM682.667 490.667h-64c-47.061 0-85.333-38.272-85.333-85.333v-64c0-47.061 38.272-85.333 85.333-85.333h64c47.061 0 85.333 38.272 85.333 85.333v64c0 47.061-38.272 85.333-85.333 85.333zM725.333 618.667h-42.667v-42.667c0-23.564-19.103-42.667-42.667-42.667v0h-64c-23.564 0-42.667 19.103-42.667 42.667v0 64c0 23.564 19.103 42.667 42.667 42.667v0h42.667v42.667c0 23.564 19.103 42.667 42.667 42.667v0h64c23.564 0 42.667-19.103 42.667-42.667v0-64c0-23.564-19.103-42.667-42.667-42.667v0zM341.333 618.667v64h64.043l-0.043-64zM405.333 768h-64c-47.061 0-85.333-38.272-85.333-85.333v-64c0-47.061 38.272-85.333 85.333-85.333h64c47.061 0 85.333 38.272 85.333 85.333v64c0 47.061-38.272 85.333-85.333 85.333zM341.333 341.333v64h64.043l-0.043-64zM405.333 490.667h-64c-47.061 0-85.333-38.272-85.333-85.333v-64c0-47.061 38.272-85.333 85.333-85.333h64c47.061 0 85.333 38.272 85.333 85.333v64c0 47.061-38.272 85.333-85.333 85.333zM128.085 382.805c23.564 0 42.667-19.103 42.667-42.667v0c-0.085-28.032-0.085-56.021 0-84.096 0.128-48.768 40.32-85.333 85.333-85.333 28.032 0.085 56.064 0.085 84.096 0 24.533-0.043 42.667-20.821 42.667-42.667 0-23.564-19.103-42.667-42.667-42.667v0h-84.096c-0.127-0-0.277-0.001-0.427-0.001-94.021 0-170.24 76.219-170.24 170.24 0 0.15 0 0.3 0.001 0.451l-0-0.023c-0.128 28.416-0.128 56.661 0 84.736 0.043 24.107 20.779 42.027 42.667 42.027zM681.472 170.752c28.843-0.085 57.685-0.085 86.528 0 50.176 0.128 85.333 40.32 85.333 85.333-0.469 27.819-0.896 55.637-1.195 83.499 0.060 23.454 18.718 42.53 42.002 43.262l0.067 0.002c0.179 0.003 0.39 0.004 0.602 0.004 23.341 0 42.304-18.742 42.662-41.997l0-0.034c0.512-28.075 0.896-56.107 1.195-84.139 1.067-95.915-79.232-171.264-170.667-171.264-12.846-0.061-28.051-0.096-43.264-0.096-15.207 0-30.406 0.035-45.597 0.104l2.333-0.008c-22.752 1.049-40.801 19.75-40.801 42.667s18.049 41.617 40.707 42.663l0.094 0.003zM895.915 638.72c-23.564 0-42.667 19.103-42.667 42.667v0c0.085 28.843 0.085 57.728 0 86.528-0.085 47.872-40.32 85.333-85.333 85.333-28.843-0.085-57.685-0.085-86.528 0-24.661 0.085-42.667 20.864-42.667 42.667 0 23.564 19.103 42.667 42.667 42.667v0c28.843 0.085 57.685 0.085 86.528 0 0.14 0 0.305 0.001 0.47 0.001 93.997 0 170.197-76.2 170.197-170.197 0-0.165-0-0.33-0.001-0.496l0 0.026c0.128-28.8 0.128-57.685 0-86.528-0.085-26.923-20.779-42.667-42.667-42.667zM382.805 895.915c0 21.845-17.835 42.581-42.667 42.667-28.032 0.085-56.021 0.085-84.053 0-91.435 0-170.496-73.899-170.667-170.667-0.041-12.858-0.064-28.069-0.064-43.285 0-15.225 0.023-30.445 0.070-45.659l-0.006 2.374c0-23.564 19.103-42.667 42.667-42.667v0c0.051-0 0.111-0 0.171-0 23.47 0 42.496 19.026 42.496 42.496 0 0.060-0 0.12-0 0.18l0-0.009v86.571c-0.001 0.127-0.001 0.277-0.001 0.428 0 46.893 38.014 84.907 84.907 84.907 0.15 0 0.301-0 0.451-0.001l-0.023 0c28.032 0.085 56.021 0.085 84.053 0 23.564 0 42.667 19.103 42.667 42.667v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_qr_code_scan_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 57,
+				"id": 22,
+				"name": "db_ic_qr_code_scan_24",
+				"prevSize": 32,
+				"code": 922264
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M85.333 810.24v-596.48c0-71.808 56.619-128.427 127.019-128.427h129.835c23.467 0 41.429 19.328 41.429 42.795s-17.92 42.795-41.387 42.795h-129.92c-22.059 0-41.387 19.371-41.387 42.837v596.48c0 23.467 19.328 42.837 41.387 42.837h342.443c23.6-0.144 42.693-19.237 42.837-42.824l0-0.014v-82.773c0-24.875 19.328-41.429 41.387-41.429 24.875 0 42.837 16.555 42.837 41.387v82.859c0 71.808-56.619 128.427-127.061 128.427h-342.4c-70.4-0.043-127.019-56.661-127.019-128.469zM213.333 724.651c0-21.675 19.285-41.984 42.667-41.984s42.667 20.309 42.667 41.984c0 23.040-19.285 43.349-42.667 43.349s-42.667-20.309-42.667-43.349zM341.333 724.651c0-21.675 18.176-41.984 41.984-41.984 25.173 0 43.349 20.309 43.349 41.984 0 0.076 0.001 0.166 0.001 0.257 0 23.8-19.294 43.093-43.093 43.093-0.090 0-0.18-0-0.271-0.001l0.014 0c-23.808 0-41.984-20.309-41.984-43.349zM511.872 682.667c23.381 0 42.667 20.309 42.667 41.984 0 23.040-19.285 43.349-42.667 43.349-23.424 0-42.667-20.309-42.667-43.349 0-21.675 19.243-41.984 42.667-41.984zM686.891 85.333c141.656 0.146 256.452 114.941 256.597 256.583l0 0.014c0 140.8-115.115 255.403-256.597 255.403-114.202-0.153-210.855-75.112-243.601-178.497l-0.495-1.812-20.096 43.093c-6.969 14.677-21.671 24.644-38.7 24.644-4.649 0-9.124-0.743-13.314-2.116l0.302 0.086-4.992-1.963c-14.677-6.969-24.644-21.671-24.644-38.7 0-4.649 0.743-9.124 2.116-13.314l-0.086 0.302 1.963-4.992 63.744-136.704c1.001-2.139 2.025-3.943 3.17-5.66l-0.098 0.156 3.413-4.523 3.755-3.755 3.712-2.987 4.352-2.688 2.219-1.152 3.584-1.451 2.987-0.981 5.333-1.152 4.907-0.427 5.077 0.128 4.693 0.683 4.608 1.195 2.432 0.853 2.56 1.109 136.747 63.744c14.864 6.886 24.99 21.677 24.99 38.833 0 23.564-19.103 42.667-42.667 42.667-4.818 0-9.45-0.799-13.771-2.271l0.3 0.089-4.949-1.963-42.496-19.797c20.267 71.296 85.248 123.989 162.944 123.989 94.421 0 171.264-76.288 171.264-170.069-0.121-94.538-76.726-171.143-171.252-171.264l-0.012-0c-25.899 0-50.773 5.717-73.856 16.939-5.648 2.949-12.335 4.679-19.427 4.679-23.564 0-42.667-19.103-42.667-42.667 0-17.067 10.021-31.794 24.5-38.617l0.26-0.11c32.25-16.122 70.258-25.558 110.47-25.558 0.253 0 0.506 0 0.758 0.001l-0.039-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ticket_subscription_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 254,
+				"id": 0,
+				"name": "db_ic_ticket_subscription_24",
+				"prevSize": 32,
+				"code": 922136
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M439.168 627.499l-85.333-85.333c-7.72-7.72-12.495-18.385-12.495-30.165 0-23.561 19.1-42.66 42.66-42.66 11.78 0 22.445 4.775 30.165 12.495l55.168 55.168 140.501-140.501c7.72-7.72 18.385-12.495 30.165-12.495 23.561 0 42.66 19.1 42.66 42.66 0 11.78-4.775 22.445-12.495 30.165l-170.667 170.667c-7.706 7.749-18.376 12.545-30.165 12.545s-22.459-4.796-30.163-12.544l-0.002-0.002zM497.536 88.533l-304.64 155.733c-13.525 6.912-22.229 22.059-22.229 38.741v142.805c0 258.987 121.984 396.288 332.629 510.592 2.516 1.386 5.515 2.202 8.704 2.202s6.188-0.816 8.799-2.25l-0.095 0.048c210.603-114.304 332.629-251.605 332.629-510.549v-142.848c0-16.683-8.704-31.829-22.187-38.784l-304.683-155.733c-4.242-2.011-9.216-3.185-14.464-3.185s-10.222 1.174-14.674 3.274l0.21-0.089zM768 308.565v117.376c0 196.992-69.888 315.051-256 427.392-186.112-112.341-256-230.4-256-427.392v-117.376l256-137.899z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_travel_insurance_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 206,
+				"id": 1,
+				"name": "db_ic_travel_insurance_24",
+				"prevSize": 32,
+				"code": 921990
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M752.085 554.667c50.773 0 77.952 5.333 105.813 20.224 26.027 13.909 46.635 34.56 60.544 60.544 13.739 25.728 19.328 50.859 20.139 94.507l0.085 123.392c0 23.564-19.103 42.667-42.667 42.667v0c-21.888 0-42.88-18.048-42.88-42.667v-127.915c-0.725-26.283-3.627-37.973-9.941-49.749-5.831-10.947-14.568-19.684-25.188-25.356l-0.326-0.159c-11.776-6.315-23.467-9.216-49.749-9.941l-155.776-0.213c-36.693 0-50.645 2.731-64.469 10.155-10.936 5.846-19.668 14.579-25.355 25.188l-0.16 0.327c-6.827 12.672-9.685 25.429-10.112 55.765l-0.043 121.899c0 23.564-19.103 42.667-42.667 42.667v0c-21.888 0-42.667-17.621-42.368-42.667l-0.299-113.195c0-49.664 5.376-76.971 20.224-104.704 13.937-25.904 34.641-46.607 59.769-60.162l0.775-0.382c25.6-13.653 50.816-19.328 93.611-20.139zM309.333 554.667c23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-17.92 42.667-42.667 42.667l-49.451 0.427c-21.461 0.555-38.272 4.011-50.475 10.24-12.373 6.229-21.717 14.933-28.117 26.069-6.656 11.691-9.643 22.955-10.411 50.048l-0.213 126.549c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v0-110.123c0-53.077 5.675-80.512 21.931-108.885 15.088-25.948 36.944-46.501 63.174-59.597l0.869-0.393c27.221-13.568 53.333-18.901 101.461-19.627zM682.667 128c94.257 0 170.667 76.41 170.667 170.667s-76.41 170.667-170.667 170.667v0c-94.257 0-170.667-76.41-170.667-170.667s76.41-170.667 170.667-170.667v0zM350.165 128c0.086-0 0.187-0 0.289-0 22.601 0 44.268 4.003 64.329 11.339l-1.301-0.416c22.187 7.936 33.536 32.299 25.771 54.571-4.395 12.672-21.675 34.517-49.749 27.179l-17.152-4.267c0.368 0.019-1.057-0.292-2.486-0.591l-1.738-0.305-6.613-1.28-6.656-0.768-4.693-0.128c-52.608 0-94.165 38.827-94.165 85.333s41.557 85.333 94.165 85.333l6.528-0.085c6.784-0.299 14.933-1.408 29.141-5.845 18.944-5.973 43.648 5.12 51.2 27.392 1.425 4.077 2.249 8.776 2.249 13.668 0 18.689-12.016 34.571-28.743 40.343l-0.3 0.090c-17.833 6.194-38.387 9.771-59.776 9.771-0.105 0-0.21-0-0.315-0l0.016 0c-98.517 0-179.499-75.733-179.499-170.667s80.981-170.667 179.499-170.667zM682.667 213.333c-47.128 0-85.333 38.205-85.333 85.333s38.205 85.333 85.333 85.333v0c47.128 0 85.333-38.205 85.333-85.333s-38.205-85.333-85.333-85.333v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_multiple_passenger_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 205,
+				"id": 2,
+				"name": "db_ic_multiple_passenger_24",
+				"prevSize": 32,
+				"code": 922246
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M853.333 341.419c44.971 0 85.333 36.821 85.333 85.291v341.333c0 44.928-36.651 85.333-85.333 85.333h-512c-44.971 0-85.333-38.571-85.333-85.333v-341.333c0-44.971 37.419-85.333 85.333-85.077zM853.333 426.752h-512v341.248h512zM746.965 469.333c14.165 0 31.744 2.347 62.464 8.235l-5.547 71.893c-16.433-4.851-35.383-7.886-54.961-8.399l-0.292-0.006c-40.789 0-54.912 15.829-54.912 62.549 0 45.013 14.933 60.843 55.765 60.843 10.965 0 30.123-1.621 52.779-8.021l9.387 67.157c-24.107 10.112-57.301 12.587-68.011 12.587-81.579 0-128.213-41.685-128.213-131.755 0-88.405 47.488-135.083 131.541-135.083zM490.539 475.179c59.947 0 89.941 23.339 89.941 66.688 0 28.373-11.648 43.392-41.643 54.187 39.979 8.363 55.808 26.709 55.808 61.739 0 48.384-35.84 73.387-107.392 73.387h-103.253v-256h106.581zM725.333 170.752c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-512c-0-0-0.001-0-0.001-0-23.399 0-42.368 18.969-42.368 42.368 0 0.105 0 0.21 0.001 0.315l-0-0.016-0.299 341.248c0 23.564-19.103 42.667-42.667 42.667v0c-21.888 0-42.667-18.603-42.667-42.667v-341.248c0.073-70.59 57.314-127.787 127.915-127.787 0.030 0 0.060 0 0.090 0l-0.005-0zM489.728 623.616h-34.987v45.867h32.512c24.107 0 34.944-6.699 34.944-22.528 0-17.493-9.173-23.339-32.469-23.339zM486.4 536.875h-31.616v34.987h30.763c16.64 0 25.003-6.059 25.003-18.304 0-11.093-7.509-16.64-24.149-16.64z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_multiple_cards_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 204,
+				"id": 3,
+				"name": "db_ic_multiple_cards_24",
+				"prevSize": 32,
+				"code": 921988
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M832 853.333c23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-19.2 42.667-42.667 42.667h-640c-23.564 0-42.667-19.103-42.667-42.667v0c0-21.888 18.176-42.667 42.667-42.667zM473.856 108.928c7.16-14.1 21.554-23.593 38.166-23.593 14.701 0 27.666 7.435 35.338 18.75l0.096 0.15 111.616 222.507 217.856-108.885c28.501-14.293 64.64 7.381 61.653 41.131-97.968 611.545-127.946 772.198-158.445 932.667l72.514-458.683c-3.428 18.36-18.237 32.432-36.7 34.71l-0.207 0.021-602.411 0.299c-0.006 0-0.014 0-0.021 0-19.072 0-35.221-12.513-40.685-29.778l-0.083-0.302-86.528-474.283c-0.443-2.308-0.696-4.962-0.696-7.675 0-23.564 19.103-42.667 42.667-42.667 5.305 0 10.384 0.968 15.070 2.738l-0.294-0.097 222.123 110.805zM512 223.403l-89.856 179.669c-7.157 14.108-21.556 23.608-38.174 23.608-5.193 0-10.17-0.928-14.773-2.627l0.296 0.096-184.277-91.861 63.701 350.336h526.123l63.701-350.336-179.627 89.856c-18.091 9.045-44.544 4.523-54.784-14.72 22.715 54.341-8.090-5.993-38.605-66.498l-53.726-117.523z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_best_price_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 203,
+				"id": 4,
+				"name": "db_ic_best_price_24",
+				"prevSize": 32,
+				"code": 921989
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M832 213.333c58.667 0 106.667 48 106.667 106.667v384c0 58.667-48 106.667-106.667 106.667h-640c-58.842-0.169-106.497-47.825-106.667-106.651l-0-0.016v-384c0-58.667 48-106.667 106.667-106.667h640zM299.989 298.667h-107.989c-11.989 0-21.333 9.344-21.333 21.333v384c0 11.989 9.344 21.333 21.333 21.333h256c-13.85-12.568-22.544-30.602-22.656-50.668l-0-0.020c0-39.979 32-69.291 70.656-69.291 0.158-0.001 0.345-0.002 0.533-0.002 38.033 0 68.864 30.831 68.864 68.864 0 20.253-8.743 38.464-22.661 51.064l-0.059 0.052h289.323c11.989 0 21.333-9.344 21.333-21.333v-384c0-11.989-9.344-21.333-21.333-21.333h-374.656c14.916 17.671 23.982 40.702 23.982 65.851 0 0.294-0.001 0.588-0.004 0.882l0-0.045c0 57.259-45.269 103.979-102.656 103.979-58.667 0-104.021-48-104.021-105.344 0-23.979 9.387-46.677 25.344-65.323zM501.333 469.333c0-73.344 58.667-133.333 132.011-133.333s132.011 59.989 132.011 133.333c0.001 0.178 0.001 0.388 0.001 0.599 0 72.578-58.836 131.413-131.413 131.413-0.211 0-0.421-0-0.631-0.001l0.033 0c-0.178 0.001-0.388 0.001-0.599 0.001-72.578 0-131.413-58.836-131.413-131.413 0-0.211 0-0.421 0.001-0.631l-0 0.033z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["bahnbonus-card"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 202,
+				"id": 5,
+				"name": "bahnbonus-card",
+				"prevSize": 32,
+				"code": 921906
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M165.291 317.141c0.194-80.818 65.657-146.281 146.456-146.475l0.018-0c80.64 0 145.152 65.835 145.152 146.475 0.001 0.191 0.001 0.416 0.001 0.641 0 79.812-64.7 144.512-144.512 144.512-0.226 0-0.451-0.001-0.676-0.002l0.035 0c-80.64 0-146.475-64.512-146.475-145.152zM378.965 755.243c-0 0.089-0 0.194-0 0.299 0 54.009 43.783 97.792 97.792 97.792 0.12 0 0.24-0 0.36-0.001l-0.019 0c54.044-0.337 97.76-44.082 98.048-98.106l0-0.028c0-53.76-44.373-98.048-98.091-98.048-0.101-0-0.222-0.001-0.342-0.001-54.009 0-97.792 43.783-97.792 97.792 0 0.105 0 0.21 0 0.315l-0-0.016zM484.011 462.677c-0.213-103.893 83.072-187.179 187.904-187.179 102.144 0 186.795 83.285 186.795 186.795 0 104.789-84.651 188.16-186.795 188.16s-187.904-85.12-187.904-187.776z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["bahnbonus"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 203,
+				"id": 6,
+				"name": "bahnbonus",
+				"prevSize": 32,
+				"code": 921905
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M810.453 213.333c70.726 0.024 128.068 57.291 128.213 127.986l0 0.014v341.333c0 71.168-58.069 128-128.213 128h-596.907c-70.726-0.024-128.068-57.291-128.213-127.986l-0-0.014v-341.333c0-71.168 58.112-128 128.213-128h596.907zM810.112 298.539h-596.608c-24.021 0-43.051 19.029-43.051 43.051v340.523c0 24.064 19.029 43.093 43.093 43.093h596.565c24.021 0 43.008-19.029 43.008-43.093v-340.523c0-24.021-18.987-43.093-43.008-43.093zM681.259 350.635c16.043 0 35.072 2.005 52.053 5.035 14.080 2.987 25.088 17.024 25.088 32.043v1.024c-0.203 17.518-14.451 31.641-31.998 31.641-2.144 0-4.238-0.211-6.264-0.613l0.204 0.034c-10.403-1.903-22.374-2.992-34.6-2.992-0.511 0-1.022 0.002-1.532 0.006l0.078-0c-60.117 0-77.141 33.067-77.141 96.213 0 60.117 16.043 94.165 76.117 94.165 13.013 0 25.045-0.981 38.059-3.968 20.053-4.011 38.059 9.984 38.059 30.037v2.005c0 14.080-9.003 26.069-22.016 30.080-17.396 5.092-37.381 8.021-58.049 8.021-0.022 0-0.044-0-0.066-0l0.003 0c-101.12 0-151.211-57.173-151.211-159.36 0-103.253 53.077-163.371 153.216-163.371zM369.792 357.675c62.080 0 104.149 22.016 104.149 79.147 0 36.096-16.043 53.12-51.072 66.133 45.056 9.045 68.096 31.104 68.096 76.203 0 62.123-48.085 88.192-123.179 88.192h-87.168c-17.635-0.168-31.881-14.443-32-32.074l-0-0.011v-245.547c0-18.048 14.976-32.043 32-32.043h89.173zM368.768 537.045h-45.056v66.133h40.064c34.048 0 52.053-7.979 52.053-34.048 0-21.035-11.989-32.085-47.061-32.085zM365.781 421.803h-42.069v50.091h40.064c25.045 0 37.035-8.021 37.035-26.027 0-17.067-11.008-24.064-35.029-24.064z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["bahncard"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 204,
+				"id": 7,
+				"name": "bahncard",
+				"prevSize": 32,
+				"code": 921908
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M85.333 810.24v-596.48c0-71.808 56.619-128.427 127.019-128.427h129.835c23.467 0 41.429 19.328 41.429 42.795s-17.92 42.795-41.387 42.795h-129.92c-22.059 0-41.387 19.371-41.387 42.837v596.48c0 23.467 19.328 42.837 41.387 42.837h342.443c23.6-0.144 42.693-19.237 42.837-42.824l0-0.014v-82.773c0-24.875 19.328-41.429 41.387-41.429 24.875 0 42.837 16.555 42.837 41.387v82.859c0 71.808-56.619 128.427-127.061 128.427h-342.4c-70.4-0.043-127.019-56.661-127.019-128.469zM213.333 724.651c0-21.675 19.285-41.984 42.667-41.984s42.667 20.309 42.667 41.984c0 23.040-19.285 43.349-42.667 43.349s-42.667-20.309-42.667-43.349zM341.333 724.651c0-21.675 18.176-41.984 41.984-41.984 25.173 0 43.349 20.309 43.349 41.984 0 0.076 0.001 0.166 0.001 0.257 0 23.8-19.294 43.093-43.093 43.093-0.090 0-0.18-0-0.271-0.001l0.014 0c-23.808 0-41.984-20.309-41.984-43.349zM469.205 724.651c0-21.675 19.243-41.984 42.667-41.984 23.381 0 42.667 20.309 42.667 41.984 0 23.040-19.285 43.349-42.667 43.349-23.424 0-42.667-20.309-42.667-43.349zM681.984 85.333c0.139-0 0.305-0 0.47-0 141.503 0 256.213 114.711 256.213 256.213 0 0.165-0 0.33-0 0.495l0-0.025c0 140.8-114.56 255.317-256.683 255.317-140.939-0.17-255.147-114.378-255.317-255.301l-0-0.016c0-142.123 114.56-256.683 255.317-256.683zM681.429 192c-0.23-0.005-0.502-0.007-0.775-0.007-22.457 0-40.661 18.205-40.661 40.661 0 0.258 0.002 0.515 0.007 0.771l-0.001-0.038v132.608c0 9.643 2.773 17.92 9.643 24.832l58.027 56.619c8.277 8.277 19.328 12.416 30.379 12.416 24.832 0 42.795-16.555 42.795-41.387 0.011-0.35 0.017-0.761 0.017-1.173 0-11.481-4.763-21.849-12.421-29.236l-0.012-0.012-44.203-42.795v-111.829c-0.211-22.932-18.85-41.441-41.812-41.441-0.346 0-0.69 0.004-1.034 0.013l0.051-0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["commuter-ticket"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 205,
+				"id": 8,
+				"name": "commuter-ticket",
+				"prevSize": 32,
+				"code": 921910
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M554.667 640c10.667 0 20.011-1.323 29.355-11.989l298.667-299.989c7.385-7.472 11.948-17.748 11.948-29.089 0-0.093-0-0.186-0.001-0.28l0 0.014c0.006-0.255 0.009-0.555 0.009-0.856 0-22.916-18.435-41.526-41.283-41.81l-0.027-0c-0.351-0.010-0.765-0.016-1.18-0.016-11.481 0-21.892 4.581-29.506 12.014l0.008-0.008-267.989 270.677-97.323-97.323c-8.247-8.114-19.515-13.178-31.966-13.354l-0.034-0c-22.656 0-41.344 20.011-41.344 42.667 0 10.667 4.011 21.333 13.355 30.677l126.635 126.677c7.605 7.425 18.017 12.006 29.498 12.006 0.415 0 0.828-0.006 1.24-0.018l-0.061 0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["komfort-check-in-check"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 206,
+				"id": 9,
+				"name": "komfort-check-in-check",
+				"prevSize": 32,
+				"code": 10004
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M554.667 896c32 0 66.688-4.011 98.688-13.355 17.808-4.99 30.65-21.078 30.65-40.166 0-0.399-0.006-0.797-0.017-1.194l0.001 0.058c0-22.699-18.645-42.667-41.301-42.667-10.667 0-48.043 11.989-88.021 11.989-165.333 0-298.667-133.333-298.667-298.667s133.333-298.667 298.667-298.667c42.667 0 80 11.989 88.021 11.989 22.613 0 41.301-19.968 41.301-42.667 0.010-0.338 0.015-0.736 0.015-1.136 0-19.087-12.842-35.175-30.357-40.095l-0.293-0.070c-29.079-8.48-62.483-13.359-97.026-13.359-0.584 0-1.168 0.001-1.752 0.004l0.090-0c-213.333 0-384 171.989-384 384s170.667 384 384 384z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["komfort-check-in-circle"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 207,
+				"id": 10,
+				"name": "komfort-check-in-circle",
+				"prevSize": 32,
+				"code": 129287
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M554.667 896c32 0 66.688-4.011 98.688-13.355 17.808-4.99 30.65-21.078 30.65-40.166 0-0.399-0.006-0.797-0.017-1.194l0.001 0.058c0-22.699-18.645-42.667-41.301-42.667-10.667 0-48.043 11.989-88.021 11.989-165.333 0-298.667-133.333-298.667-298.667s133.333-298.667 298.667-298.667c42.667 0 80 11.989 88.021 11.989 22.613 0 41.301-19.968 41.301-42.667 0.010-0.338 0.015-0.736 0.015-1.136 0-19.087-12.842-35.175-30.357-40.095l-0.293-0.070c-29.079-8.48-62.483-13.359-97.026-13.359-0.584 0-1.168 0.001-1.752 0.004l0.090-0c-213.333 0-384 171.989-384 384s170.667 384 384 384zM554.667 640c10.667 0 20.011-1.323 29.355-11.989l298.667-299.989c7.385-7.472 11.948-17.748 11.948-29.089 0-0.093-0-0.186-0.001-0.28l0 0.014c0.006-0.255 0.009-0.555 0.009-0.856 0-22.916-18.435-41.526-41.283-41.81l-0.027-0c-0.351-0.010-0.765-0.016-1.18-0.016-11.481 0-21.892 4.581-29.506 12.014l0.008-0.008-267.989 270.677-97.323-97.323c-8.247-8.114-19.515-13.178-31.966-13.354l-0.034-0c-22.656 0-41.344 20.011-41.344 42.667 0 10.667 4.011 21.333 13.355 30.677l126.635 126.677c7.605 7.425 18.017 12.006 29.498 12.006 0.415 0 0.828-0.006 1.24-0.018l-0.061 0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["komfort-check-in"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 208,
+				"id": 11,
+				"name": "komfort-check-in",
+				"prevSize": 32,
+				"code": 921911
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M85.333 895.915v-255.061c0-98.816 72.107-170.923 165.973-170.837 8.021 0 18.688 1.28 28.032 6.656 26.667 13.312 97.323 35.328 137.344 35.328 22.613 0 41.301 20.011 41.301 42.667 0.006 0.255 0.009 0.555 0.009 0.856 0 22.916-18.435 41.526-41.283 41.81l-0.027 0c-44.032 0-125.355-20.651-172.032-43.349-25.771 0.085-75.179 18.773-75.179 86.869v255.061c0.002 0.166 0.004 0.362 0.004 0.558 0 23.305-18.892 42.197-42.197 42.197-0.196 0-0.392-0.001-0.588-0.004l0.030 0c-22.923-0.284-41.395-18.933-41.395-41.896 0-0.301 0.003-0.601 0.009-0.901l-0.001 0.045zM256 253.995c-0.427-93.867 75.264-168.661 169.856-168.661 93.227 0 171.605 74.795 171.477 168.661 0 91.989-78.251 168.021-171.349 168.021-94.421-0.043-169.984-76.032-169.984-168.021zM341.333 256.981c0.314 46.564 38.062 84.208 84.637 84.352l0.014 0c47.787 0 86.016-38.101 86.016-84.395 0.001-0.152 0.002-0.333 0.002-0.513 0-47.364-38.396-85.76-85.76-85.76-0.151 0-0.301 0-0.451 0.001l0.023-0c-46.421 0-84.693 38.187-84.48 86.272zM554.069 833.152l-0.085-300.501c0.242-58.585 47.791-105.984 106.41-105.984 0.090 0 0.181 0 0.271 0l-0.014-0h172.501c0.051-0 0.112-0 0.173-0 58.18 0 105.344 47.164 105.344 105.344 0 0.24-0.001 0.48-0.002 0.72l0-0.037v300.459c0.001 0.191 0.002 0.416 0.002 0.642 0 57.921-46.954 104.875-104.875 104.875-0.226 0-0.451-0.001-0.677-0.002l0.035 0h-172.245c-58.752 0-106.837-46.763-106.837-105.515zM639.531 833.152c0 12.032 9.387 21.376 21.333 21.376h172.288c0.089 0.001 0.195 0.002 0.3 0.002 11.641 0 21.077-9.437 21.077-21.077 0-0.091-0.001-0.181-0.002-0.272l0 0.014v-300.501c0-12.032-9.344-22.699-21.333-22.699h-172.544c-11.947 0-21.333 10.667-21.333 22.656l0.213 300.501zM682.283 788.779l-0.299-42.88c0.278-11.607 9.603-20.946 21.177-21.247l0.028-0.001c11.585 0.325 20.886 9.656 21.162 21.222l0 0.026 0.299 42.837c0.002 0.102 0.003 0.223 0.003 0.344 0 11.546-9.36 20.907-20.907 20.907-0.106 0-0.212-0.001-0.317-0.002l0.016 0c-0.064 0.001-0.14 0.001-0.215 0.001-11.57 0-20.949-9.379-20.949-20.949 0-0.105 0.001-0.211 0.002-0.316l-0 0.016zM767.744 790.016l-0.427-45.056c0.271-11.101 9.334-19.996 20.474-19.996 0.377 0 0.752 0.010 1.124 0.030l-0.052-0.002c11.904 0 21.12 9.472 21.12 20.309v44.715c0 12.203-9.216 20.309-21.12 20.309s-21.12-8.107-21.12-20.309z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["my-travel"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 209,
+				"id": 12,
+				"name": "my-travel",
+				"prevSize": 32,
+				"code": 921912
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M85.333 810.24v-596.48c0-71.808 56.619-128.427 127.019-128.427h129.835c23.467 0 41.429 19.328 41.429 42.795s-17.92 42.795-41.387 42.795h-129.92c-22.059 0-41.387 19.371-41.387 42.837v596.48c0 23.467 19.328 42.837 41.387 42.837h342.443c23.6-0.144 42.693-19.237 42.837-42.824l0-0.014v-82.773c0-24.875 19.328-41.429 41.387-41.429 24.875 0 42.837 16.555 42.837 41.387v82.859c0 71.808-56.619 128.427-127.061 128.427h-342.4c-70.4-0.043-127.019-56.661-127.019-128.469zM213.333 724.651c0-21.675 19.285-41.984 42.667-41.984s42.667 20.309 42.667 41.984c0 23.040-19.285 43.349-42.667 43.349s-42.667-20.309-42.667-43.349zM341.333 724.651c0-21.675 18.176-41.984 41.984-41.984 25.173 0 43.349 20.309 43.349 41.984 0 0.076 0.001 0.166 0.001 0.257 0 23.8-19.294 43.093-43.093 43.093-0.090 0-0.18-0-0.271-0.001l0.014 0c-23.808 0-41.984-20.309-41.984-43.349zM512.085 682.667c23.381 0 42.667 20.309 42.667 41.984 0 23.040-19.285 43.349-42.667 43.349-23.424 0-42.667-20.309-42.667-43.349 0-21.675 19.243-41.984 42.667-41.984zM681.984 85.333c0.139-0 0.305-0 0.47-0 141.503 0 256.213 114.711 256.213 256.213 0 0.165-0 0.33-0 0.495l0-0.025c0 140.8-114.56 255.317-256.683 255.317-140.939-0.17-255.147-114.378-255.317-255.301l-0-0.016c0-142.123 114.56-256.683 255.317-256.683zM651.349 196.267c-24.875 0-44.203 19.328-44.203 44.203 0 11.008 5.547 22.059 12.416 30.379l62.165 62.123-62.208 62.123c-6.912 8.277-12.416 19.328-12.416 30.379 0 24.875 19.328 44.203 44.203 44.203 11.008 0 22.059-4.139 30.379-12.416l93.867-92.544c9.685-9.643 15.189-20.693 15.189-31.744 0-9.685-5.547-20.736-15.189-30.379l-93.867-93.867c-8.32-6.955-19.371-12.459-30.379-12.459z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["outward-journey"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 210,
+				"id": 13,
+				"name": "outward-journey",
+				"prevSize": 32,
+				"code": 921913
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M362.667 554.667c58.667 0 106.667 48 106.667 106.667v128c0 58.667-48 106.667-106.667 106.667h-128c-58.842-0.169-106.497-47.825-106.667-106.651l-0-0.016v-128c0-58.667 48-106.667 106.667-106.667h128zM362.667 640h-128c-11.989 0-21.333 9.344-21.333 21.333v128c0 11.989 9.344 21.333 21.333 21.333h128c11.989 0 21.333-9.344 21.333-21.333v-128c0-11.989-9.344-21.333-21.333-21.333zM362.667 128c58.667 0 106.667 48 106.667 106.667v128c0 58.667-48 106.667-106.667 106.667h-128c-58.842-0.169-106.497-47.825-106.667-106.651l-0-0.016v-128c0-58.667 48-106.667 106.667-106.667h128zM362.667 213.333h-128c-11.989 0-21.333 9.344-21.333 21.333v128c0 11.989 9.344 21.333 21.333 21.333h128c11.989 0 21.333-9.344 21.333-21.333v-128c0-11.989-9.344-21.333-21.333-21.333zM725.333 554.667c22.656 0 42.667 20.011 42.667 42.667v85.333h85.333c24.021 0 42.667 18.688 42.667 42.667v128c0 24.021-18.688 42.667-42.667 42.667h-128c-24.021 0-42.667-18.688-42.667-42.667v-85.333h-85.333c-22.656 0-42.667-20.011-42.667-42.667v-128c0-22.656 20.011-42.667 42.667-42.667h128zM789.333 128c58.667 0 106.667 48 106.667 106.667v128c0 58.667-48 106.667-106.667 106.667h-128c-58.842-0.169-106.497-47.825-106.667-106.651l-0-0.016v-128c0-58.667 48-106.667 106.667-106.667h128zM789.333 213.333h-128c-11.989 0-21.333 9.344-21.333 21.333v128c0 11.989 9.344 21.333 21.333 21.333h128c11.989 0 21.333-9.344 21.333-21.333v-128c0-11.989-9.344-21.333-21.333-21.333z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["qr-code"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 211,
+				"id": 14,
+				"name": "qr-code",
+				"prevSize": 32,
+				"code": 921920
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M85.333 810.24v-596.48c0-71.808 56.619-128.427 127.019-128.427h129.835c23.467 0 41.429 19.328 41.429 42.795s-17.92 42.795-41.387 42.795h-129.92c-22.059 0-41.387 19.371-41.387 42.837v596.48c0 23.467 19.328 42.837 41.387 42.837h342.443c23.6-0.144 42.693-19.237 42.837-42.824l0-0.014v-82.773c0-24.875 19.328-41.429 41.387-41.429 24.875 0 42.837 16.555 42.837 41.387v82.859c0 71.808-56.619 128.427-127.061 128.427h-342.4c-70.4-0.043-127.019-56.661-127.019-128.469zM213.333 724.651c0-21.675 19.285-41.984 42.667-41.984s42.667 20.309 42.667 41.984c0 23.040-19.285 43.349-42.667 43.349s-42.667-20.309-42.667-43.349zM341.333 724.651c0-21.675 18.176-41.984 41.984-41.984 25.173 0 43.349 20.309 43.349 41.984 0 0.076 0.001 0.166 0.001 0.257 0 23.8-19.294 43.093-43.093 43.093-0.090 0-0.18-0-0.271-0.001l0.014 0c-23.808 0-41.984-20.309-41.984-43.349zM469.419 724.651c0-21.675 19.243-41.984 42.667-41.984 23.381 0 42.667 20.309 42.667 41.984 0 23.040-19.285 43.349-42.667 43.349-23.424 0-42.667-20.309-42.667-43.349zM681.984 85.333c0.139-0 0.305-0 0.47-0 141.503 0 256.213 114.711 256.213 256.213 0 0.165-0 0.33-0 0.495l0-0.025c0 140.8-114.56 255.317-256.683 255.317-140.939-0.17-255.147-114.378-255.317-255.301l-0-0.016c0-142.123 114.56-256.683 255.317-256.683zM715.477 196.267c-11.093 0-22.101 5.547-30.379 12.416l-93.909 93.867c-9.643 9.728-15.189 20.736-15.189 30.421 0 11.051 5.547 22.101 15.189 31.744l93.867 92.501c8.32 8.32 19.371 12.459 30.421 12.459 24.832 0 44.16-19.328 44.16-44.203 0-11.051-5.547-22.101-12.416-30.379l-62.123-62.123 62.123-62.123c6.912-8.32 12.416-19.371 12.416-30.379 0-24.875-19.328-44.203-44.16-44.203z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["return-journey"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 212,
+				"id": 15,
+				"name": "return-journey",
+				"prevSize": 32,
+				"code": 921921
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M85.333 809.344c0 70.656 56.021 129.323 126.677 129.323h341.333c70.656 0 128-58.667 128-129.323v-82.731c0-22.656-20.011-43.989-42.667-43.989-24.021 0-41.344 21.333-42.667 43.989v82.688c0 23.979-18.688 43.989-42.667 43.989h-341.333c-22.699 0.043-41.344-19.968-41.344-43.947v-594.731c0-23.979 18.688-42.667 41.344-42.667h129.323c22.656-1.323 41.344-18.645 41.344-42.667 0-23.979-18.688-41.344-41.344-42.667h-129.323c-70.699 0.043-126.677 57.387-126.677 128.043v594.731zM213.333 725.333c0 22.656 18.688 42.667 42.667 42.667 24.021 0 42.667-20.011 42.667-42.667 0-24.021-18.688-42.667-42.667-42.667-24.021 0-42.667 18.688-42.667 42.667zM341.333 725.333c0 22.656 20.011 42.667 42.667 42.667 24.021 0 42.667-20.011 42.667-42.667 0-24.021-18.688-42.667-42.667-42.667-22.656 0-42.667 18.688-42.667 42.667zM386.688 436.011c2.645 10.667 11.947 21.333 23.979 25.344l27.989 10.667c14.77 5.958 25.282 19.583 26.656 35.812l0.011 0.156 1.323 30.677c0 11.989 6.699 24.021 16.043 30.677 10.667 6.656 22.613 9.344 34.645 5.333l29.355-8.021c15.957-4.011 32 2.688 42.667 14.677l18.645 24.021c7.821 8.957 19.248 14.595 31.993 14.635l0.007 0c11.989 0 24.021-5.333 30.677-14.677l20.011-23.979c10.667-11.989 26.667-18.688 42.667-14.677l29.312 8.021c11.989 4.011 25.344 1.323 33.323-5.333 10.667-6.656 16-18.688 17.365-30.677l2.645-30.677c0-16 10.667-30.677 25.344-36.011l27.989-10.667c11.989-3.968 20.011-14.635 24.021-25.301 1.435-3.941 2.265-8.491 2.265-13.235 0-7.966-2.34-15.385-6.37-21.608l0.094 0.156-16-25.344c-9.344-14.635-9.344-32 0-43.947l16-26.709c6.656-9.301 7.979-22.656 3.968-34.645-3.968-10.667-11.947-21.333-23.979-25.344l-27.989-10.667c-14.677-6.656-25.344-20.011-25.344-36.011l-2.688-30.635c-1.28-12.032-6.656-24.021-17.323-30.72-7.979-6.613-21.333-9.301-33.323-6.613l-29.355 7.979c-16 4.011-32 0-42.667-13.355l-19.968-23.979c-7.028-9.52-18.101-15.705-30.631-15.999l-0.046-0.001c-11.989 0-24.021 6.656-32 16l-18.688 24.021c-10.667 13.312-26.624 17.323-42.667 13.312l-29.312-8.021c-11.989-2.645-24.021 0-34.688 6.699-9.504 7.036-15.673 18.108-15.957 30.633l-0.001 0.045-1.365 30.635c-1.323 16-11.989 29.355-26.667 36.011l-27.989 10.667c-11.647 4.108-20.528 13.424-23.954 25.076l-0.067 0.268c-3.968 11.989-2.645 25.301 4.011 34.645l17.323 26.667c8.021 12.032 8.021 29.355 0 44.032l-17.323 25.301c-3.938 6.065-6.28 13.483-6.28 21.448 0 4.746 0.831 9.298 2.357 13.517l-0.087-0.277zM469.333 725.333c0 22.656 18.688 42.667 42.667 42.667 22.656 0 42.667-20.011 42.667-42.667 0-24.021-20.011-42.667-42.667-42.667-24.021 0-42.667 18.688-42.667 42.667zM507.989 260.011c-0-0.051-0-0.111-0-0.171 0-19.794 16.046-35.84 35.84-35.84 0.060 0 0.12 0 0.18 0l-0.009-0c20.011 0 37.333 16 37.333 36.011-0.444 20.438-16.896 36.89-37.292 37.333l-0.042 0.001c-20.011 0-36.011-17.365-36.011-37.333zM534.656 437.333c-5.333-11.989-1.323-24.021 6.656-33.323l145.365-145.323 3.968-2.688c5.275-3.901 11.908-6.244 19.088-6.244 8.653 0 16.512 3.403 22.311 8.944l-0.012-0.012c11.947 11.947 11.947 32 0 45.312l-145.365 145.323-4.011 2.688c-4.011 4.011-11.989 5.333-18.645 5.333-13.355 0-24.021-8.021-29.355-20.011zM699.989 453.333c0-20.011 16-37.333 36.011-37.333s36.011 17.323 36.011 37.333c0 0.051 0 0.111 0 0.171 0 19.794-16.046 35.84-35.84 35.84-0.060 0-0.12-0-0.18-0l0.009 0c-0.051 0-0.111 0-0.171 0-19.794 0-35.84-16.046-35.84-35.84 0-0.060 0-0.12 0-0.18l-0 0.009z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ticket-discount"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 213,
+				"id": 16,
+				"name": "ticket-discount",
+				"prevSize": 32,
+				"code": 921922
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M85.333 810.667v-426.667c0-70.692 57.308-128 128-128v0h298.667c70.692 0 128 57.308 128 128v0 426.667c0 70.692-57.308 128-128 128v0h-298.667c-70.692 0-128-57.308-128-128v0zM170.667 810.667c0 22.656 20.011 42.667 42.667 42.667h298.667c22.656 0 42.667-20.011 42.667-42.667v-426.667c0-24.021-20.011-42.667-42.667-42.667h-298.667c-22.656 0-42.667 18.688-42.667 42.667v426.667zM256 725.333c0 22.656 20.011 42.667 42.667 42.667 24.021 0 42.667-20.011 42.667-42.667 0-24.021-18.688-42.667-42.667-42.667-22.656 0-42.667 18.688-42.667 42.667zM384 725.333c0 22.656 18.688 42.667 42.667 42.667 22.656 0 42.667-20.011 42.667-42.667 0-24.021-20.011-42.667-42.667-42.667-24.021 0-42.667 18.688-42.667 42.667zM469.333 128c0-24.021 20.011-42.667 42.667-42.667h298.667c70.692 0 128 57.308 128 128v0 426.667c0 66.688-54.656 128-128 128h-42.667c-22.656 0-41.344-20.011-41.344-42.667 0-24.021 18.688-42.667 41.344-42.667h42.667c22.656 0 42.667-18.688 42.667-42.667v-426.667c0-22.656-20.011-42.667-42.667-42.667h-298.667c-22.656 0-42.667-18.688-42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ticket multiple"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 214,
+				"id": 17,
+				"name": "ticket-multiple",
+				"prevSize": 32,
+				"code": 921923
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M682.368 85.333c70.788 0.097 128.153 57.432 128.299 128.199l0 0.014v596.907c-0.145 70.782-57.51 128.116-128.289 128.213l-0.009 0h-340.736c-70.788-0.097-128.153-57.432-128.299-128.199l-0-0.014v-596.907c0.145-70.782 57.51-128.116 128.289-128.213l0.009-0h340.736zM682.368 171.477h-341.76c-23.292 0.263-42.073 19.206-42.073 42.536 0 0.196 0.001 0.392 0.004 0.587l-0-0.030v596.907c0 23.040 19.029 42.069 42.069 42.069h341.76c0.166 0.002 0.361 0.004 0.557 0.004 23.33 0 42.273-18.781 42.536-42.048l0-0.025v-596.907c0-24.064-19.029-43.093-43.093-43.093zM341.632 725.333c0 23.040 19.029 42.069 43.093 42.069 23.040 0 42.069-19.029 42.069-42.069-0-23.517-19.064-42.581-42.581-42.581s-42.581 19.064-42.581 42.581v0zM468.907 725.333c0 23.040 19.029 42.069 43.093 42.069 23.040 0 42.112-19.029 42.112-42.069 0-23.529-19.074-42.603-42.603-42.603s-42.603 19.074-42.603 42.603v0zM597.205 725.333c0 23.040 19.029 42.069 42.069 42.069 23.505 0 42.56-19.055 42.56-42.56s-19.055-42.56-42.56-42.56l-0-0c-23.292 0.263-42.073 19.206-42.073 42.536 0 0.196 0.001 0.392 0.004 0.587l-0-0.030z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ticket"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 215,
+				"id": 18,
+				"name": "ticket",
+				"prevSize": 32,
+				"code": 922247
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		},
+		{
+			"icon": {
+				"paths": [
+					"M322.005 390.656c-82.073 34.438-138.669 114.136-138.669 207.053 0 0.333 0.001 0.666 0.002 0.998l-0-0.051c0 141.355 114.645 224 229.333 224 81.323 0 165.333-42.667 203.989-137.301 8.021-18.688 22.656-25.344 36.011-25.344 21.333 0 42.667 16 42.667 39.979 0 5.333-1.323 10.667-4.011 16-48 114.688-158.677 189.355-282.667 189.355-193.323 0-305.323-157.355-305.323-310.699 0-113.323 58.667-224 187.989-278.613 4.666-2.335 10.133-3.804 15.918-4.051l0.082-0.003c24.021 0 40.021 20.053 40.021 41.387 0 14.635-6.699 29.312-25.344 37.291zM380.672 489.344l55.979 78.677c5.333 7.979 8.021 14.635 10.667 22.613l14.677 61.355c5.333 20.011-10.667 50.688-39.979 50.688-18.923-0.607-34.561-13.959-38.645-31.724l-0.053-0.276-13.312-56.021-56.021-77.312c-4.815-6.684-7.774-14.988-7.978-23.972l-0.001-0.049c0-22.656 20.011-41.344 41.344-41.344 13.312 0 23.979 6.699 33.28 17.365zM672.683 85.333c135.979 0 247.979 110.677 247.979 248.021 0 135.979-112 246.613-247.979 246.613-136.159-0.145-246.504-110.461-246.699-246.595l-0-0.019c0-137.429 110.677-248.021 246.699-248.021zM643.328 190.677c-23.979 0-42.667 19.968-42.667 42.667 0 11.989 4.011 21.333 11.989 29.312l60.032 61.355-60.032 59.989c-7.366 7.010-11.947 16.888-11.947 27.835 0 0.054 0 0.108 0 0.163l-0-0.008c0 25.344 18.645 42.667 42.667 42.667 10.667 0 21.333-4.011 27.947-11.989l90.667-89.344c10.667-9.344 14.677-20.011 14.677-29.312 0-10.667-4.011-20.011-14.677-29.355l-90.667-90.667c-7.979-7.979-17.323-13.312-27.989-13.312z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["time-outward-journey"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 216,
+				"id": 19,
+				"name": "time-outward-journey",
+				"prevSize": 32,
+				"code": 921924
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 20
+		},
+		{
+			"icon": {
+				"paths": [
+					"M322.005 390.656c-82.073 34.438-138.669 114.136-138.669 207.053 0 0.333 0.001 0.666 0.002 0.998l-0-0.051c0 141.355 114.645 224 229.333 224 81.323 0 165.333-42.667 203.989-137.301 8.021-18.688 22.656-25.344 36.011-25.344 21.333 0 42.667 16 42.667 39.979 0 5.333-1.323 10.667-4.011 16-48 114.688-158.677 189.355-282.667 189.355-193.323 0-305.323-157.355-305.323-310.699 0-113.323 58.667-224 187.989-278.613 4.666-2.335 10.133-3.804 15.918-4.051l0.082-0.003c24.021 0 40.021 20.053 40.021 41.387 0 14.635-6.699 29.312-25.344 37.291zM380.672 489.344l55.979 78.677c5.333 7.979 8.021 14.635 10.667 22.613l14.677 61.355c5.333 20.011-10.667 50.688-39.979 50.688-18.923-0.607-34.561-13.959-38.645-31.724l-0.053-0.276-13.312-56.021-56.021-77.312c-4.815-6.684-7.774-14.988-7.978-23.972l-0.001-0.049c0-22.656 20.011-41.344 41.344-41.344 13.312 0 23.979 6.699 33.28 17.365zM672.683 85.333c135.979 0 247.979 110.677 247.979 248.021 0 135.979-112 246.613-247.979 246.613-136.159-0.145-246.504-110.461-246.699-246.595l-0-0.019c0-137.429 110.677-248.021 246.699-248.021zM710.229 190.677c-10.667 0-19.968 5.333-27.947 13.312l-90.667 90.667c-10.667 9.344-14.677 18.688-14.677 29.355 0 9.301 4.011 19.968 14.677 29.312l90.667 89.344c6.656 8.021 17.323 11.989 27.989 11.989 23.979 0 42.667-17.323 42.667-42.667 0-0.034 0-0.074 0-0.114 0-10.968-4.598-20.862-11.973-27.86l-0.017-0.016-60.032-59.989 60.032-61.355c7.381-7.139 11.963-17.133 11.963-28.196 0-0.392-0.006-0.783-0.017-1.173l0.001 0.057c0-22.699-18.645-42.667-42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["time-return-journey"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 217,
+				"id": 20,
+				"name": "time-return-journey",
+				"prevSize": 32,
+				"code": 921925
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 21
+		},
+		{
+			"icon": {
+				"paths": [
+					"M149.333 832v-661.333c0-46.677 38.656-85.333 85.333-85.333h126.677c23.979 0 42.667 18.688 42.667 42.667 0 22.656-18.688 42.667-42.667 42.667h-126.677v661.333c0 11.989 8.021 21.333 20.011 21.333h384c11.989 0 22.656-9.344 22.656-21.333v-206.677c0-22.656 18.688-42.667 41.344-42.667 25.301 0 43.989 20.011 43.989 42.667v206.677c0 58.667-48 106.667-107.989 106.667h-384c-57.344 0-105.344-48-105.344-106.667zM320 725.333c0-24.021 18.688-42.667 41.344-42.667h171.989c22.894 0.26 41.353 18.88 41.353 41.811 0 0.301-0.003 0.601-0.010 0.901l0.001-0.045c0 22.656-18.688 42.667-41.344 42.667h-171.989c-22.656 0-41.344-20.011-41.344-42.667zM320 554.667c0-24.021 18.688-42.667 42.667-42.667h85.333c22.894 0.26 41.353 18.88 41.353 41.811 0 0.301-0.003 0.601-0.010 0.901l0.001-0.045c0.006 0.255 0.009 0.555 0.009 0.856 0 22.931-18.459 41.551-41.328 41.811l-0.025 0h-85.333c-24.021 0-42.667-18.688-42.667-42.667zM660.011 85.333c0.38-0.002 0.83-0.004 1.28-0.004 117.831 0 213.354 95.51 213.376 213.335l0 0.002c0 118.656-94.677 213.333-213.333 213.333-0.014 0-0.031 0-0.047 0-117.067 0-211.968-94.901-211.968-211.968 0-0.48 0.002-0.96 0.005-1.439l-0 0.074c0-117.333 93.355-213.333 210.688-213.333zM704 170.667v125.355c0 16-8.021 30.635-21.333 37.333-6.012 4.021-13.369 6.481-21.289 6.655l-0.045 0.001c-8.151-0.272-15.556-3.255-21.394-8.070l0.060 0.048-102.656-65.323c-2.688 9.344-2.688 18.688-2.688 27.989 0 73.344 57.344 132.011 126.677 132.011 72.021 0 128-58.667 128-132.011 0-57.301-34.688-105.301-85.333-123.989z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["timetable"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 218,
+				"id": 21,
+				"name": "timetable",
+				"prevSize": 32,
+				"code": 921926
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 22
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-transportation-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-transportation-filled.json
new file mode 100644
index 0000000000..d80dc5b7e8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-transportation-filled.json
@@ -0,0 +1,609 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M585.984 686.379c21.205 0 48.64 24.619 36.565 54.528-37.291 85.12-37.333 85.035-74.624 170.197-7.339 18.091-21.163 24.363-36.523 24.363-22.016 0-49.493-24.363-34.987-56.491 36.437-84.395 41.173-95.616 73.045-169.557 6.955-15.445 23.168-23.040 36.523-23.040zM702.805 370.389c-4.309 68.821-8.704 137.643-13.141 206.464 38.187 37.675 76.203 75.733 114.005 114.219 2.219 2.261 9.131 16.085 9.728 18.475 22.571 89.131 22.613 89.173 44.672 178.603 4.992 24.832-15.701 47.275-38.997 47.275-16.043 0-29.653-7.424-37.675-29.227 33.13 158.927 18.651 102.956 4.326 46.924l-46.352-213.793-121.557-121.088c-6.656-7.467-9.557-13.909-9.088-22.869l11.008-174.635c0.171-3.84-2.133-3.925-4.48-3.115-6.571 2.091-23.253 9.515-49.963 22.357-4.48 26.283-9.045 52.48-13.696 78.677-3.377 18.707-19.495 32.725-38.903 32.811l-0.009 0c-21.76 0-43.819-18.987-38.912-44.885 7.168-50.048 6.997-50.133 14.464-100.053 2.048-18.048 18.261-27.648 24.576-30.464 42.624-18.005 85.333-35.84 128-53.461 43.435-17.067 63.915 14.805 61.952 47.744zM121.6 512h226.133c20.030 0 36.267 16.237 36.267 36.267s-16.237 36.267-36.267 36.267h-226.133c-20.030 0-36.267-16.237-36.267-36.267s16.237-36.267 36.267-36.267h-0zM219.136 640h183.467c20.030 0 36.267 16.237 36.267 36.267s-16.237 36.267-36.267 36.267h-183.467c-20.030 0-36.267-16.237-36.267-36.267s16.237-36.267 36.267-36.267h-0zM804.949 416.597c25.771 13.355 50.603 26.155 74.453 38.4 14.165 6.4 21.931 21.76 21.931 33.963 0 23.168-21.931 48.64-57.387 36.48-48.529-23.689-73.23-36.628-97.784-49.804l22.392 10.977c-22.059-14.165-23.467-37.803-19.541-48.811 6.528-18.261 31.061-32.939 55.979-21.205zM684.843 88.533c45.483 0 82.133 36.651 82.133 82.133 0 0.051 0 0.111 0 0.171 0 45.267-36.696 81.963-81.963 81.963-0.060 0-0.12-0-0.18-0l0.009 0c-45.216-0.359-81.774-36.918-82.133-82.099l-0-0.034c-0.469-51.925 36.352-81.792 82.133-82.133z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_walking_fast_inverted_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 262,
+				"id": 24,
+				"name": "db_ic_walking_fast_inverted_24",
+				"prevSize": 32,
+				"code": 922137
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M845.141 343.723c-23.595 7.595-47.104 15.232-70.571 22.955-25.173 8.32-34.133 32.981-27.392 53.76 5.696 17.263 21.68 29.502 40.523 29.502 4.733 0 9.285-0.772 13.538-2.197l-0.3 0.087c41.813-13.483 83.627-27.051 125.355-40.704 3.584 5.888 6.485 12.032 8.661 18.432 13.525 39.040-9.045 96.171-76.672 117.205l-177.28 55.595-138.283 253.952c-4.318 8.568-11.755 15.033-20.784 17.977l-0.251 0.071-19.499 4.48c-21.035 5.973-42.112-10.539-42.112-33.024v-172.843l-136.747 42.069c-73.6 24.064-139.733-19.541-159.275-75.093l-76.629-219.435c-1.284-3.146-2.029-6.795-2.029-10.619 0-12.234 7.628-22.686 18.388-26.86l0.196-0.067 24.021-9.045c5.767-2.581 12.499-4.085 19.582-4.085 9.933 0 19.176 2.957 26.896 8.039l-0.185-0.114 99.413 78.848 396.757-123.221c53.419-15.061 120.747-8.277 174.677 14.336zM360.917 499.797c-27.52 11.008-33.707 34.517-27.52 53.76 5.717 17.621 27.52 36.181 53.675 27.52 22.315-7.381 34.773-31.275 27.563-53.717-7.211-22.4-32-36.267-53.717-27.563zM493.611 457.131c-17.304 5.782-29.555 21.839-29.555 40.757 0 4.613 0.729 9.057 2.077 13.221l-0.085-0.303c5.717 17.664 27.52 35.968 53.675 27.52 17.322-5.693 29.609-21.721 29.609-40.619 0-4.665-0.749-9.155-2.132-13.357l0.086 0.302c-5.12-16-25.6-36.821-53.717-27.563zM626.261 414.379c-11.008 3.84-35.712 20.523-28.416 49.493 7.125 28.331 35.712 37.12 54.613 31.744 17.311-5.62 29.605-21.605 29.605-40.462 0-5.827-1.174-11.381-3.299-16.436l0.104 0.28c-6.955-17.835-31.701-31.872-52.608-24.619zM390.955 182.059l126.891 118.613-146.773 45.739-59.776-119.253c-10.496-19.541 1.493-43.52 24.064-49.579l19.541-5.973c2.528-0.579 5.432-0.911 8.413-0.911 10.779 0 20.544 4.34 27.644 11.368l-0.003-0.003z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_airplane_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 26,
+				"id": 0,
+				"name": "db_ic_airplane_inverted_24",
+				"prevSize": 32,
+				"code": 922000
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M761.301 251.221c2.432 18.347-7.509 36.992-31.147 40.747-12.373 1.707-24.747 3.328-37.12 4.907l60.757 190.123c4.239-0.389 9.168-0.61 14.149-0.61 90.722 0 164.267 73.545 164.267 164.267s-73.545 164.267-164.267 164.267c-90.722 0-164.267-73.545-164.267-164.267 0-60.019 32.189-112.52 80.245-141.182l0.753-0.416-12.203-38.272-143.701 159.744c-8.625 9.548-21.051 15.523-34.873 15.523-17.433 0-32.646-9.504-40.739-23.614l-0.121-0.229-42.624-98.645-23.467 27.861c20.795 27.228 33.319 61.74 33.319 99.178 0 90.722-73.545 164.267-164.267 164.267s-164.267-73.545-164.267-164.267c0-90.722 73.545-164.267 164.267-164.267 27.575 0 53.562 6.794 76.38 18.8l-0.899-0.431 46.933-55.808-48.811-113.963h-30.933c-20.030 0-36.267-16.237-36.267-36.267v0c0-18.475 14.251-36.267 36.267-36.267 35.541-0.085 71.125-0.085 106.667 0 19.707 0.416 35.524 16.491 35.524 36.259 0 18.671-14.109 34.046-32.246 36.046l-0.163 0.015c9.813 23.083 19.84 46.549 30.123 70.357l190.763-69.376-18.517-58.027c-1.114-3.323-1.758-7.149-1.758-11.126 0-18.329 13.661-33.467 31.356-35.788l0.183-0.020c26.624-3.669 53.248-7.253 79.957-10.667 1.442-0.203 3.107-0.319 4.799-0.319 18.337 0 33.495 13.608 35.926 31.276l0.021 0.189zM256 558.933c-50.659 0.006-91.724 41.074-91.724 91.733 0 50.663 41.070 91.733 91.733 91.733s91.733-41.070 91.733-91.733c0-14.996-3.598-29.151-9.978-41.65l0.241 0.519-54.272 64.512c-6.753 7.831-16.688 12.759-27.773 12.759-8.899 0-17.056-3.175-23.401-8.455l0.059 0.048c-14.037-11.819-18.56-34.987-4.352-51.115 18.005-21.547 36.053-43.051 54.187-64.469-7.902-2.464-16.988-3.883-26.406-3.883-0.017 0-0.033 0-0.050 0l0.003-0zM776.917 559.36l25.6 80.256c1.085 3.293 1.71 7.083 1.71 11.019 0 16.083-10.444 29.726-24.92 34.518l-0.257 0.074c-3.266 1.062-7.023 1.674-10.924 1.674-16.109 0-29.779-10.442-34.612-24.926l-0.074-0.257c-8.619-26.752-17.195-53.461-25.643-80.213-19.355 16.908-31.513 41.634-31.513 69.199 0 50.663 41.070 91.733 91.733 91.733s91.733-41.070 91.733-91.733c0-47.529-36.146-86.615-82.449-91.269l-0.385-0.031zM625.92 414.123l-158.72 57.685 34.432 80.384z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bicycle_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 27,
+				"id": 1,
+				"name": "db_ic_bicycle_inverted_24",
+				"prevSize": 32,
+				"code": 922169
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M298.667 640c47.128 0 85.333 38.205 85.333 85.333s-38.205 85.333-85.333 85.333v0c-47.128 0-85.333-38.205-85.333-85.333s38.205-85.333 85.333-85.333v0zM299.392 266.965c23.467 4.864 49.493 12.971 77.909 24.32 93.7 34.023 174.231 83.425 242.652 145.871l-0.562-0.506c34.859 31.701 65.28 63.36 91.307 94.976 5.037 6.363 8.080 14.505 8.080 23.358 0 3.251-0.41 6.406-1.182 9.416l0.057-0.262c-6.997 31.232-57.6 128.811-67.157 143.573-6.451 10.628-17.961 17.62-31.104 17.621l-0 0c-64.213-2.56-118.656-4.864-163.328-6.955-3.669-86.315-75.733-150.912-157.397-150.912-74.082 0-136.249 51.016-153.287 119.832l-0.227 1.085c-4.096-1.536-53.419-17.877-53.419-72.235v-146.816c0-6.955 4.096-28.587 12.288-64.981 16.426-79.976 86.239-139.269 169.901-139.269 8.988 0 17.816 0.684 26.434 2.004l-0.964-0.121zM896 610.133c19.996 0.045 36.188 16.265 36.188 36.267 0 18.392-13.691 33.587-31.437 35.948l-0.185 0.020c-14.037 0.939-24.149 3.243-30.293 6.869l-38.827 21.205c-16.896 9.941-38.059 14.891-63.445 14.891-19.996-0.045-36.188-16.265-36.188-36.267 0-18.392 13.691-33.587 31.437-35.948l0.185-0.020c11.435-1.067 22.101 0 33.28-6.315 11.861-6.357 24.789-13.44 38.784-21.205 17.468-9.722 38.315-15.445 60.499-15.445 0.001 0 0.002 0 0.003 0l-0-0zM189.611 390.187l-17.664 68.693c-0.861 3.201-1.355 6.877-1.355 10.668 0 23.564 19.103 42.667 42.667 42.667 18.201 0 33.74-11.396 39.87-27.442l0.098-0.293 11.648-45.056 119.381 41.045c9.379 3.268 17.452 7.13 25.008 11.753l-0.56-0.319c5.12 3.115 31.403 21.419 78.763 54.997 6.832 4.853 15.343 7.758 24.532 7.758 14.371 0 27.083-7.105 34.814-17.994l0.089-0.132c12.501-17.792 9.6-43.392-6.187-56.064-10.496-8.448-35.627-26.283-75.392-53.461-12.139-8.644-25.984-16.356-40.659-22.476l-1.41-0.522-157.739-54.357c-4.705-1.238-10.106-1.949-15.673-1.949-27.63 0-51.171 17.509-60.132 42.037l-0.142 0.445z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bicycle_trailer_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 28,
+				"id": 2,
+				"name": "db_ic_bicycle_trailer_inverted_24",
+				"prevSize": 32,
+				"code": 922002
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768.043 490.667c-4.821 0-9.344 1.024-14.037 1.408l-23.936-71.851h80.64c0.008 0 0.017 0 0.027 0 9.419 0 17.947-3.815 24.123-9.984l-0 0 42.667-42.667c6.171-6.177 9.988-14.707 9.988-24.128 0-18.853-15.284-34.137-34.137-34.137-9.432 0-17.971 3.825-24.149 10.009l-32.683 32.683h-89.259l-34.901-104.661c-4.659-13.676-17.392-23.339-32.381-23.339-0.001 0-0.002 0-0.003 0l-85.333-0c-18.851-0-34.133 15.282-34.133 34.133s15.282 34.133 34.133 34.133v0h60.715l29.227 87.68-145.024 193.451-96.896-238.464h23.979c18.851 0 34.133-15.282 34.133-34.133s-15.282-34.133-34.133-34.133h-128c-18.851 0-34.133 15.282-34.133 34.133s15.282 34.133 34.133 34.133h30.379l36.821 90.667-52.907 75.605c-16.903-6.632-36.474-10.495-56.942-10.539l-0.018-0c-89.505 0.097-162.036 72.629-162.133 162.124l-0 0.009c0 89.429 72.747 162.133 162.133 162.133 81.365 0 148.267-60.416 159.744-138.667h74.923c5.211-0.058 10.12-1.296 14.489-3.458l-0.196 0.088c1.323-0.597 2.304-1.621 3.541-2.389 2.992-1.835 5.561-3.983 7.78-6.453l0.028-0.032c0.469-0.555 1.237-0.811 1.664-1.408l152.917-203.904 17.835 53.547c-49.195 27.861-82.859 80.085-82.859 140.544 0 89.429 72.747 162.133 162.133 162.133s162.133-72.704 162.133-162.133-72.747-162.133-162.133-162.133zM440.021 608h-118.443l74.923-107.051 43.477 107.051zM256.043 746.667c-51.755 0-93.867-42.112-93.867-93.867 0.066-51.862 42.124-93.879 93.995-93.879 5.486 0 10.862 0.47 16.090 1.372l-0.559-0.080-43.605 62.336c-0.683 0.981-0.811 2.176-1.408 3.2-2.202 3.742-3.669 8.167-4.087 12.894l-0.009 0.119c-0.128 1.152-0.683 2.176-0.683 3.328 0 0.981 0.469 1.835 0.555 2.816 0.232 2.535 0.73 4.868 1.472 7.089l-0.064-0.22c0.652 2.26 1.422 4.199 2.352 6.043l-0.091-0.198c1.104 2.026 2.291 3.772 3.629 5.389l-0.045-0.056c1.432 1.864 3.001 3.501 4.731 4.953l0.048 0.039c0.768 0.64 1.195 1.536 2.005 2.091 1.28 0.896 2.731 1.323 4.096 2.005 1.195 0.64 2.304 1.28 3.584 1.749 3.506 1.432 7.57 2.301 11.826 2.389l0.035 0.001h90.539c-10.737 40.712-47.168 70.266-90.523 70.4l-0.015 0zM768.043 746.667c-51.755 0-93.867-42.112-93.867-93.867 0-30.165 14.592-56.789 36.779-73.984l24.704 74.112c4.659 13.678 17.393 23.341 32.384 23.341 18.853 0 34.136-15.283 34.136-34.136 0-3.862-0.641-7.573-1.823-11.035l0.071 0.24-23.851-71.552c47.701 4.395 85.333 44.203 85.333 93.013 0 51.755-42.112 93.867-93.867 93.867z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_call_a_bike_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 29,
+				"id": 3,
+				"name": "db_ic_call_a_bike_inverted_24",
+				"prevSize": 32,
+				"code": 922001
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M725.333 170.667c42.325 0 71.936 28.416 84.48 69.333l43.52 186.667h57.685c14.336 0 27.648 11.392 27.648 24.661v31.275c0 14.251-11.136 29.44-27.648 29.397h-35.627c1.408 6.912 2.133 16.213 2.133 22.869 0 4.437-5.547 53.845-16.555 148.139-1.358 11.514-4.029 22.001-7.894 31.889l0.3-0.871-0.043 96.64c0 23.564-19.103 42.667-42.667 42.667v0h-25.6c-23.564 0-42.667-19.103-42.667-42.667v0-14.592c-69.188 9.262-149.177 14.548-230.4 14.548-81.222 0-161.209-5.287-239.637-15.534l9.237 0.986v14.592c0 23.564-19.103 42.667-42.667 42.667v0h-25.6c-23.564 0-42.667-19.103-42.667-42.667v0-96.512c-2.638-6.635-4.886-14.483-6.367-22.6l-0.118-0.782-16.981-145.195c-0.459-3.716-0.721-8.017-0.721-12.38 0-7.503 0.775-14.826 2.25-21.891l-0.121 0.692h-35.627c-15.787 0-27.648-13.696-27.648-29.44v-28.416c-0.004-0.181-0.007-0.395-0.007-0.609 0-14.845 12.035-26.88 26.88-26.88 0.272 0 0.544 0.004 0.815 0.012l-0.040-0.001h57.685l41.728-179.755c9.813-42.24 44.672-73.088 86.272-76.245zM597.589 586.667l-176.725 0.299c-16.725 2.039-30.328 13.499-35.454 28.84l-0.087 0.301-12.629 63.147c-0.112 1.152-0.176 2.49-0.176 3.844 0 20.498 14.646 37.576 34.044 41.34l0.265 0.043c2.618 0.577 5.626 0.908 8.71 0.908 18.776 0 34.691-12.251 40.187-29.196l0.084-0.299 5.035-23.936h101.76l5.077 23.893c5.771 17.187 21.733 29.349 40.535 29.349 23.564 0 42.667-19.103 42.667-42.667 0-1.169-0.047-2.327-0.139-3.473l0.010 0.151-12.629-63.147c-5.755-17.207-21.72-29.389-40.532-29.397l-0.001-0zM192.811 588.971c-0.525 2.512-0.826 5.398-0.826 8.355 0 18.857 12.233 34.857 29.197 40.497l0.301 0.087 63.104 12.629c1.047 0.091 2.265 0.143 3.495 0.143 23.564 0 42.667-19.103 42.667-42.667 0-18.866-12.245-34.872-29.221-40.505l-0.301-0.087-63.147-12.629c-1.017-0.086-2.2-0.135-3.395-0.135-20.592 0-37.777 14.588-41.784 33.993l-0.048 0.276zM785.877 554.837l-63.061 12.587c-17.277 5.719-29.522 21.725-29.522 40.591 0 23.564 19.103 42.667 42.667 42.667 1.23 0 2.449-0.052 3.652-0.154l-0.157 0.011 63.061-12.629c17.277-5.719 29.522-21.725 29.522-40.591 0-23.564-19.103-42.667-42.667-42.667-1.23 0-2.449 0.052-3.652 0.154l0.157-0.011zM305.707 242.901c-8.875 0-17.323 6.144-21.248 16l-39.339 167.765h533.76l-37.803-163.285c-2.56-10.88-10.197-18.347-18.859-20.053l-416.555-0.427z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_car_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 30,
+				"id": 4,
+				"name": "db_ic_car_inverted_24",
+				"prevSize": 32,
+				"code": 921937
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M917.333 384c10.453 0 21.333 8.619 21.333 21.76 0.128 28.501 0.256 57.045 0.512 85.589 0 10.453-8.704 21.632-21.333 20.651l-64.512 0.341v63.147c0 9.131-6.528 21.931-21.291 21.931-20.864 0.128-42.325 0.128-64.384 0l0.384 42.667c-0.208 6.138-2.743 11.646-6.744 15.704l0.003-0.003c-6.537 6.859-12.901 14.142-18.943 21.694l-0.513 0.663-23.381 26.283c8.041 19.115 12.713 41.334 12.713 64.644 0 94.28-76.429 170.709-170.709 170.709s-170.709-76.429-170.709-170.709c0-94.28 76.429-170.709 170.709-170.709 18.017 0 35.381 2.791 51.685 7.964l-1.209-0.331 209.365-215.339c4.21-3.883 9.769-6.36 15.9-6.654l0.058-0.002c27.477-0.085 54.485-0.085 81.067 0zM536.107 726.571c35.558 0 64.384 28.826 64.384 64.384s-28.826 64.384-64.384 64.384v0c-35.558 0-64.384-28.826-64.384-64.384s28.826-64.384 64.384-64.384v0zM725.333 128c42.325 0 71.936 28.416 84.48 69.333 4.949 19.84 9.387 39.253 13.44 58.283 4.267 19.371-6.912 41.771-24.149 45.568-19.712 6.315-40.448-3.84-45.952-28.331l-12.075-52.139c-2.56-10.88-9.003-20.053-18.859-20.053l-416.555-0.384c-8.875 0-17.323 6.144-21.248 16l-39.296 167.723h462.677c-41.67 45.811-82.881 88.157-125.464 129.087l-0.872 0.833c-89.259-4.907-149.76 21.973-201.941 74.112-43.31 43.171-71.185 101.805-74.64 166.917l-0.027 0.635-23.253-2.176v14.592c0 23.564-19.103 42.667-42.667 42.667v0h-25.6c-23.564 0-42.667-19.103-42.667-42.667v0-96.512c-2.638-6.635-4.886-14.483-6.367-22.6l-0.118-0.782-16.981-145.195c-0.459-3.716-0.721-8.017-0.721-12.38 0-7.503 0.775-14.826 2.25-21.891l-0.121 0.692h-35.627c-15.787 0-27.648-13.696-27.648-29.44v-28.416c-0.004-0.181-0.007-0.395-0.007-0.609 0-14.845 12.035-26.88 26.88-26.88 0.272 0 0.544 0.004 0.815 0.012l-0.040-0.001h57.685l41.728-179.755c9.813-42.24 44.501-76.245 86.272-76.245zM192.853 546.304c-0.529 2.52-0.831 5.415-0.831 8.381 0 18.828 12.195 34.807 29.117 40.47l0.301 0.087 63.147 12.629c1.047 0.091 2.265 0.143 3.495 0.143 23.564 0 42.667-19.103 42.667-42.667 0-18.866-12.245-34.872-29.221-40.505l-0.301-0.087-63.147-12.629c-1.017-0.086-2.2-0.135-3.395-0.135-20.592 0-37.777 14.588-41.784 33.993l-0.048 0.276z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_carsharing_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 31,
+				"id": 5,
+				"name": "db_ic_carsharing_inverted_24",
+				"prevSize": 32,
+				"code": 922004
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M662.187 255.701h-40.32v-115.797h48.768c2.176 0 4.395 0.939 6.571 2.219l41.856 25.173c3.855 2.383 8.53 3.796 13.534 3.796 9.72 0 18.196-5.328 22.665-13.224l0.067-0.129c2.314-3.926 3.681-8.649 3.681-13.692 0-9.814-5.178-18.419-12.95-23.233l-0.117-0.067-41.856-25.173c-9.56-5.782-21.095-9.23-33.431-9.301l-0.020-0-315.392-0.939c-12.203 0-25.301 3.84-36.565 10.837l-38.443 25.173c-7.356 4.951-12.131 13.246-12.131 22.656 0 5.468 1.612 10.56 4.387 14.825l-0.064-0.105c4.664 7.456 12.831 12.343 22.139 12.343 5.376 0 10.372-1.63 14.519-4.423l-0.093 0.059 38.4-25.216c2.56-1.579 4.395-1.579 7.253-2.56h47.189v116.779h-40.021c-81.579 0-148.48 68.267-148.48 151.467v379.989c0 83.243 66.901 151.509 148.48 151.509h300.373c81.579 0 148.48-68.267 148.48-151.509v-380.288c0-83.243-66.901-151.509-148.48-151.509zM568.747 255.701h-113.792v-116.48h113.792zM372.437 808.533h-41.557c-14.712-0.144-26.583-12.104-26.583-26.836 0-0.105 0.001-0.211 0.002-0.316l-0 0.016c0-14.976 11.861-27.093 26.581-27.093h41.557c14.677 0 26.581 12.117 26.581 27.093 0.001 0.089 0.002 0.194 0.002 0.3 0 14.732-11.871 26.692-26.569 26.836l-0.014 0zM694.4 808.533h-41.6c-14.694-0.168-26.54-12.118-26.54-26.836 0-0.106 0.001-0.211 0.002-0.316l-0 0.016c0-14.976 11.861-27.093 26.539-27.093h41.6c14.677 0 26.539 12.117 26.539 27.093 0.001 0.089 0.002 0.195 0.002 0.3 0 14.717-11.847 26.668-26.524 26.836l-0.016 0zM721.28 575.019c0 34.432-27.819 62.848-61.568 62.848h-294.144c-33.749 0-61.568-28.416-61.568-62.848v-171.648c0-34.432 27.819-62.848 61.568-62.848h293.803c33.749 0 61.568 28.416 61.568 62.848v171.648z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_electric_locomotive_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 32,
+				"id": 6,
+				"name": "db_ic_electric_locomotive_inverted_24",
+				"prevSize": 32,
+				"code": 922005
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M711.339 263.381c49.493 0 89.557 39.339 92.928 88.576l0.213 117.376c-0.313 9.247-3.743 17.637-9.266 24.21l0.050-0.061-190.635 213.333c-6.606 7.448-16.2 12.118-26.885 12.118-0.058 0-0.117-0-0.175-0l0.009 0h-157.312c0.106 1.899 0.166 4.121 0.166 6.357 0 67.181-54.461 121.643-121.643 121.643-0.028 0-0.057-0-0.085-0l0.004 0c-67.29-0.261-121.738-54.87-121.738-122.196 0-2.041 0.050-4.071 0.149-6.088l-0.011 0.284h-49.109c-18.416-0.005-33.623-13.736-35.948-31.518l-0.020-0.183-0.299-74.112c0-67.669 46.123-119.637 113.92-121.173l184.917-0.213-19.669-68.224h-114.901c-19.905-0.307-35.96-16.362-36.266-36.238l-0-0.029c0-20.030 16.237-36.267 36.267-36.267v-0h121.088c26.965 0 50.688 16.981 60.203 41.856l73.515 253.568h50.517l170.624-190.933v-96.768c0-11.435-7.552-20.565-16.981-22.443l-88.96-0.341c-20.030 0-36.267-16.237-36.267-36.267s16.237-36.267 36.267-36.267h-0zM810.667 603.733c67.158 0 121.6 54.442 121.6 121.6s-54.442 121.6-121.6 121.6h-0c-67.158 0-121.6-54.442-121.6-121.6s54.442-121.6 121.6-121.6h-0zM249.6 718.592c-1.664 33.877 20.309 55.808 49.067 55.808s51.2-21.931 49.067-55.808zM810.667 676.267c-27.099 0-49.067 21.968-49.067 49.067s21.968 49.067 49.067 49.067v0c27.099 0 49.067-21.968 49.067-49.067s-21.968-49.067-49.067-49.067v-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_electric_scooter_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 33,
+				"id": 7,
+				"name": "db_ic_electric_scooter_inverted_24",
+				"prevSize": 32,
+				"code": 922006
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M810.155 256c0.131-0.001 0.285-0.002 0.44-0.002 23.517 0 42.581 19.064 42.581 42.581 0 0.376-0.005 0.751-0.015 1.124l0.001-0.055c48.171 0 85.504 41.685 85.504 84.352v426.667c0 42.667-42.667 85.333-85.333 85.333h-213.333c-42.667 0-85.333-42.667-85.333-85.333l-0.043-43.947c-14.208 0.853-28.416 1.28-42.624 1.28-71.125 0-147.925-4.565-230.4-13.696v13.696c0 23.564-19.103 42.667-42.667 42.667v0h-25.6c-23.564 0-42.667-19.103-42.667-42.667v0-74.965c-15.659-22.699-23.467-86.059-23.467-190.123-0.459-3.716-0.721-8.017-0.721-12.38 0-7.503 0.775-14.826 2.25-21.891l-0.121 0.692h-35.627c-15.787 0-27.648-13.696-27.648-29.44v-28.416c-0.004-0.181-0.007-0.395-0.007-0.609 0-14.845 12.035-26.88 26.88-26.88 0.272 0 0.544 0.004 0.815 0.012l-0.040-0.001h60.245l40.405-179.499c9.813-42.197 47.701-76.501 85.077-76.501h361.984c22.272 0 35.2 18.304 35.2 34.261 0 15.915-12.928 38.229-34.304 38.229l-354.688 0.043c-8.875 0-18.773 6.229-22.613 20.48l-36.608 162.987h306.944c0.043-37.205 32.512-85.205 85.376-84.352 0-32.043 27.563-43.648 42.965-43.648zM853.163 372.053l-213.077 0.299c-5.845 0-12.885 3.627-12.885 13.397v425.088c0 6.741 5.12 12.629 12.885 12.629h213.077c7.68 0 12.971-6.443 12.971-12.629v-425.387c0-6.656-3.84-13.44-12.971-13.44zM406.869 544.853c-21.461 4.267-37.675 26.624-33.493 50.176 3.456 17.792 7.040 35.584 10.667 53.333 3.893 19.682 21.018 34.317 41.561 34.317 0.374 0 0.747-0.005 1.118-0.014l-0.055 0.001h127.957v-85.291h-93.781l-3.797-19.072c-4.267-21.461-28.715-37.76-50.176-33.451zM192.811 546.304c-4.693 21.419 7.893 43.819 33.493 50.219 32.896 6.528 50.688 10.112 53.333 10.667 2.438 0.491 5.241 0.771 8.109 0.771 20.657 0 37.912-14.563 42.059-33.983l0.050-0.282c0.464-2.378 0.729-5.113 0.729-7.91 0-20.692-14.526-37.99-33.936-42.256l-0.287-0.053-48.341-9.216c-29.568-5.973-49.365 5.632-55.211 32zM738.304 486.229c5.498-10.16 16.075-16.945 28.237-16.945 17.673 0 32 14.327 32 32 0 4.081-0.764 7.984-2.157 11.574l0.075-0.218-28.544 53.504h10.453c22.784 0.085 39.68 24.533 27.947 47.445 69.458-137.906 52.075-106.722 34.74-75.507l-87.050 170.824c-5.547 9.984-16.031 16.628-28.066 16.628-5.654 0-10.965-1.466-15.574-4.039l0.162 0.083c-9.913-5.642-16.49-16.135-16.49-28.165 0-5.609 1.43-10.884 3.945-15.481l-0.084 0.168c7.040-12.757 15.829-28.8 26.325-48.085h-9.899c-17.603-0.184-31.802-14.497-31.802-32.126 0-5.495 1.38-10.668 3.811-15.192l-0.084 0.171c17.28-32.341 34.645-64.555 52.053-96.64z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ev_car_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 34,
+				"id": 8,
+				"name": "db_ic_ev_car_inverted_24",
+				"prevSize": 32,
+				"code": 922007
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M248.107 783.573c4.395 3.925 13.099 10.581 24.363 17.237 14.933 8.832 31.147 16.256 47.531 16.256 16.427 0 32.597-7.424 47.531-16.256 3.712-2.219 11.008-6.101 24.363-17.237 6.488-5.411 14.914-8.697 24.107-8.697s17.619 3.285 24.167 8.746l-0.061-0.049c14.507 11.947 20.651 15.019 24.405 17.237 14.891 8.832 32 16.299 47.445 16.256 15.36 0 30.165-5.973 47.531-16.256 2.517-1.493 10.667-7.253 24.405-17.237 6.376-5.693 14.835-9.172 24.107-9.172s17.73 3.479 24.142 9.203l-0.036-0.031c13.739 9.984 21.888 15.744 24.405 17.237 14.848 8.789 32.597 16.256 47.232 16.256s30.379-5.973 47.787-16.256c2.475-1.493 10.624-7.253 24.363-17.237 6.376-5.693 14.835-9.172 24.107-9.172s17.73 3.479 24.142 9.203l-0.036-0.031c13.739 9.984 21.888 15.744 24.405 17.237 13.711 7.779 29.725 13.375 46.756 15.828l0.732 0.087c19.755 0.64 36.267 16.597 36.267 36.608 0 18.475-13.952 36.267-36.267 36.267-30.763 0-62.763-11.221-96-33.707-34.091 22.613-66.304 33.877-96.64 33.707s-62.123-11.392-95.36-33.707c-33.877 22.528-65.835 33.707-95.829 33.707s-62.037-11.264-96.171-33.707c-34.219 22.485-66.176 33.707-96 33.707-29.781 0-61.781-11.221-96-33.707-33.963 22.485-65.963 33.707-96 33.707-20.030 0-36.267-16.237-36.267-36.267v0c0-18.475 13.312-36.267 36.267-36.267 18.773-1.707 30.123-5.973 47.531-16.256 9.204-5.411 17.155-11.106 24.551-17.43l-0.231 0.193c6.379-5.704 14.847-9.191 24.128-9.191s17.749 3.487 24.163 9.221l-0.035-0.031zM651.989 96.213c15.061 0 30.293 9.643 33.749 22.955 2.304 8.875 6.784 26.837 13.397 53.888l-413.483 0.299c-18.011 2.305-31.79 17.538-31.79 35.989s13.78 33.685 31.61 35.97l0.181 0.019 430.976 0.256 35.456 144.811h143.915c16.939 0 33.707 11.477 35.968 31.701 4.352 46.251-17.621 118.016-47.829 173.397-16.361 29.847-33.746 55.535-53.224 79.45l0.744-0.943c-11.691 14.933-26.581 27.989-44.672 39.168-27.136 16.811-51.499 27.093-87.851 27.093-24.235 0-54.613-11.221-91.179-33.621-33.92 22.4-65.835 33.621-95.787 33.621-29.909 0-61.995-11.221-96.256-33.621-33.963 22.4-65.92 33.621-95.915 33.621-29.952 0-61.995-11.179-96-33.579-34.304 22.4-66.304 33.579-96 33.579-28.672 0-36.267-19.029-36.267-35.157v-281.344l556.203-0.299c18.011-2.305 31.79-17.538 31.79-35.989s-13.78-33.685-31.61-35.97l-0.181-0.019-556.203-0.256v-218.752c0-18.517 15.104-36.267 36.267-36.267zM545.749 529.835c-27.099 0-49.067 21.968-49.067 49.067s21.968 49.067 49.067 49.067v0c27.099 0 49.067-21.968 49.067-49.067s-21.968-49.067-49.067-49.067v0zM716.416 529.835c-27.099 0-49.067 21.968-49.067 49.067s21.968 49.067 49.067 49.067v0c27.099 0 49.067-21.968 49.067-49.067s-21.968-49.067-49.067-49.067v0zM375.083 529.835c-27.099 0-49.067 21.968-49.067 49.067s21.968 49.067 49.067 49.067v0c27.099 0 49.067-21.968 49.067-49.067s-21.968-49.067-49.067-49.067v0zM204.416 529.835c-27.099 0-49.067 21.968-49.067 49.067s21.968 49.067 49.067 49.067v0c27.099 0 49.067-21.968 49.067-49.067s-21.968-49.067-49.067-49.067v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ferry_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 35,
+				"id": 9,
+				"name": "db_ic_ferry_inverted_24",
+				"prevSize": 32,
+				"code": 922008
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M213.333 682.667c47.128 0 85.333 38.205 85.333 85.333s-38.205 85.333-85.333 85.333v0c-47.128 0-85.333-38.205-85.333-85.333s38.205-85.333 85.333-85.333v0zM640 682.667c47.128 0 85.333 38.205 85.333 85.333s-38.205 85.333-85.333 85.333v0c-47.128 0-85.333-38.205-85.333-85.333s38.205-85.333 85.333-85.333v0zM485.547 714.24c11.955 6.096 20 18.315 20 32.414 0 20.030-16.237 36.267-36.267 36.267-4.292 0-8.41-0.746-12.232-2.115l0.253 0.079c-8.387-4.573-18.275-7.503-28.787-8.098l-0.183-0.008c-0.297-0.005-0.648-0.008-1-0.008-9.876 0-19.207 2.335-27.471 6.483l0.353-0.161c-4.941 2.687-10.819 4.267-17.067 4.267-20.030 0-36.267-16.237-36.267-36.267 0-14.453 8.454-26.931 20.687-32.759l0.219-0.094c17.154-8.763 37.417-13.899 58.88-13.899s41.726 5.135 59.628 14.244l-0.748-0.345zM769.109 177.067c0.005-0 0.011-0 0.018-0 45.855 0 84.396 31.315 95.405 73.726l0.151 0.685 68.139 382.165c0.355 1.906 0.558 4.099 0.558 6.339 0 16.894-11.551 31.090-27.187 35.121l-0.252 0.055-103.253 41.173c-3.753 1.438-8.095 2.271-12.632 2.271-20.030 0-36.267-16.237-36.267-36.267 0-14.865 8.943-27.641 21.742-33.241l0.233-0.091 80.341-32.171-61.355-345.728c-2.099-12.278-12.661-21.505-25.379-21.505-0.093 0-0.185 0-0.278 0.001l0.014-0c-20.030 0-36.267-16.237-36.267-36.267s16.237-36.267 36.267-36.267l-0-0zM725.333 384c20.053 0 36.267 16.213 36.267 36.267-0.238 19.933-16.334 36.029-36.244 36.266l-0.023 0v76.8c0 53.248-55.637 106.667-106.667 106.667h-384c-51.029 0-106.667-53.419-106.667-106.667v-76.8c-20-0.072-36.194-16.266-36.267-36.26l-0-0.007c0-18.475 15.061-36.267 36.267-36.267z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_handcart_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 36,
+				"id": 10,
+				"name": "db_ic_handcart_inverted_24",
+				"prevSize": 32,
+				"code": 922009
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M765.013 760.32c-9.565 29.411-22.833 54.969-39.575 77.821l0.535-0.765c-12.971 18.048-27.904 32.683-46.379 42.752 1.937 4.699 3.062 10.154 3.062 15.873 0 21.786-16.329 39.759-37.416 42.347l-0.206 0.021-261.077 0.299c-0.006 0-0.014 0-0.021 0-23.564 0-42.667-19.103-42.667-42.667 0-5.945 1.216-11.606 3.412-16.748l-0.106 0.278c-15.531-8.533-31.061-22.059-45.739-41.899-16.885-22.036-30.438-47.714-39.278-75.495l-0.487-1.774c24.917 20.267 54.443 41.259 91.136 64.853 25.088 16.128 59.008 28.288 161.749 28.288s134.827-11.008 161.707-28.288c34.987-22.149 64.765-43.523 93.269-66.42l-1.962 1.524zM555.093 85.333c85.76 0 146.773 32.256 188.032 87.040 37.76 50.261 63.147 118.869 64.853 186.155l2.432 98.091c0.163 6.123 0.256 13.332 0.256 20.562 0 41.561-3.071 82.405-8.999 122.318l0.55-4.512-22.315 29.781c-34.603 43.819-74.027 78.336-152.32 128.683-2.133 1.365-22.4 14.677-75.52 14.677h-78.848c-55.936 0-73.6-12.629-76.8-14.677-78.293-50.347-117.717-84.907-152.32-128.683l-22.528-30.123c-5.291-36.907-8.235-86.357-7.979-136.192 0.171-33.195 0.981-66.517 2.475-99.925 1.836-70.399 25.918-134.835 65.437-186.914l-0.583 0.802c39.168-52.053 96.768-83.797 175.701-86.827zM601.344 579.157l-23.168 68.693c-1.426 4.078-2.25 8.78-2.25 13.673 0 23.564 19.103 42.667 42.667 42.667 17.070 0 31.798-10.024 38.62-24.506l0.11-0.26 23.168-68.693c1.426-4.078 2.25-8.78 2.25-13.673 0-23.564-19.103-42.667-42.667-42.667-17.070 0-31.798 10.024-38.62 24.506l-0.11 0.26zM422.016 578.901c-7.039-14.452-21.617-24.234-38.48-24.234-23.564 0-42.667 19.103-42.667 42.667 0 3.143 0.34 6.207 0.985 9.156l-0.052-0.282 25.003 73.515c7.039 14.452 21.617 24.234 38.48 24.234 23.564 0 42.667-19.103 42.667-42.667 0-3.143-0.34-6.207-0.985-9.156l0.052 0.282zM512.043 170.667c-30.635 0-62.677 0-119.381 15.957-56.704 16.043-95.061 80.555-86.101 137.643 7.936 34.987 12.971 56.149 15.147 63.445 9.654 31.542 35.024 55.482 66.75 62.938l0.621 0.123c47.488 8.192 88.448 12.373 122.965 12.544 34.56 0.171 73.259-3.584 116.139-11.264 35.495-5.417 63.968-30.551 74.154-63.692l0.172-0.649c3.157-10.667 12.501-48 13.824-56.064 14.080-62.251-27.349-128.853-84.736-144.896-57.301-16.085-89.003-16.085-119.595-16.085z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ice_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 37,
+				"id": 11,
+				"name": "db_ic_ice_inverted_24",
+				"prevSize": 32,
+				"code": 922112
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M791.296 795.904c-28.337 65.023-83.212 113.96-150.566 133.682l-1.669 0.419c-4.158-19.552-21.28-34.007-41.779-34.007-3.156 0-6.231 0.343-9.192 0.993l0.283-0.052c-30.421 6.528-55.979 9.728-76.373 9.728s-45.952-3.2-76.373-9.728c-21.419-4.565-45.952 8.107-50.773 33.067-68.966-20.16-123.791-69.075-151.515-132.539l-0.592-1.52c42.667 19.2 120.832 46.379 157.013 52.821 24.661 4.096 61.525 4.523 122.197 4.565 60.715 0.043 95.701-0.597 121.429-4.352 30.464-6.4 73.216-18.475 157.867-53.077zM586.24 85.333c120.96 0 219.392 96.725 224.256 217.6v385.493c-57.429 40.619-174.080 73.003-189.952 76.288-27.179 3.797-50.645 3.285-108.587 3.285-57.899 0-89.429 1.195-117.973-5.205-74.453-21.12-140.075-46.080-180.608-74.368l-0.043-376.107c0-122.112 95.403-221.867 215.168-226.816zM354.048 597.376c-0.642-0.035-1.394-0.054-2.15-0.054-23.564 0-42.667 19.103-42.667 42.667 0 19.375 12.915 35.734 30.606 40.938l0.302 0.076 73.813 12.288c0.642 0.035 1.394 0.054 2.15 0.054 23.564 0 42.667-19.103 42.667-42.667 0-19.375-12.915-35.734-30.606-40.938l-0.302-0.076zM714.069 633.003c-3.458-20.387-20.987-35.717-42.097-35.717-0.711 0-1.417 0.017-2.119 0.052l0.099-0.004-73.813 12.288c-17.993 5.28-30.907 21.639-30.907 41.014 0 23.564 19.103 42.667 42.667 42.667 0.756 0 1.508-0.020 2.255-0.059l-0.105 0.004 73.813-12.288c17.932-5.319 30.789-21.648 30.789-40.98 0-2.479-0.211-4.909-0.617-7.273l0.036 0.253zM409.899 130.645c-52.78 6.965-93.093 51.674-93.093 105.8 0 2.978 0.122 5.928 0.361 8.844l-0.025-0.383 18.603 233.003c3.008 36.658 32.092 65.654 68.521 68.506l0.258 0.016c44.373 3.712 80.256 5.547 107.563 5.547s63.104-1.835 107.392-5.547c36.687-2.869 65.771-31.865 68.761-68.255l0.018-0.268 18.603-233.003c0.218-2.559 0.343-5.538 0.343-8.546 0-54.128-40.317-98.839-92.558-105.742l-0.542-0.059c-6.827-0.853-25.728-2.56-102.101-2.603-76.373 0-95.189 1.707-102.101 2.645z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_intercity_train_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 38,
+				"id": 12,
+				"name": "db_ic_intercity_train_inverted_24",
+				"prevSize": 32,
+				"code": 922134
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M701.269 91.733c40.149 0 61.056 4.053 82.859 15.701 20.224 10.795 36.267 26.88 47.104 47.104 10.667 19.968 14.976 39.211 15.616 73.216v40.192c5.451-3.48 12.098-5.547 19.227-5.547 0.021 0 0.041 0 0.062 0l-0.003-0c18.475 0 37.333 15.019 36.267 36.267v128c-0.012 20.021-16.244 36.246-36.267 36.246-7.132 0-13.783-2.058-19.391-5.614l0.148 0.088 0.043 286.549c0 40.149-4.053 61.056-15.701 82.859-7.465 13.869-17.186 25.552-28.803 34.992l-0.21 0.165-0.085 34.048c0 23.564-19.103 42.667-42.667 42.667v0h-25.6c-23.552 0-42.667-16.341-42.667-49.067h-358.4c0 32.128-19.115 49.067-42.667 49.067h-25.6c-23.564 0-42.667-19.103-42.667-42.667v0l-0.085-34.048c-11.827-9.605-21.549-21.288-28.715-34.554l-0.298-0.604c-10.667-19.968-14.976-39.211-15.616-73.216l-0.085-296.149c-5.436 3.454-12.058 5.504-19.159 5.504-0.015 0-0.029-0-0.044-0l0.002 0c-19.933-0.238-36.029-16.334-36.266-36.244l-0-0.023v-128c0.003-20.027 16.239-36.262 36.267-36.262 7.114 0 13.75 2.048 19.349 5.587l-0.149-0.088v-30.507c0-40.149 4.053-61.056 15.701-82.859 10.795-20.224 26.88-36.267 47.104-47.104 19.968-10.667 39.211-14.976 73.216-15.616zM293.333 721.067c-26.51 0-48 21.49-48 48s21.49 48 48 48v0c26.51 0 48-21.49 48-48s-21.49-48-48-48v0zM730.667 721.067c-26.51 0-48 21.49-48 48s21.49 48 48 48v0c26.51 0 48-21.49 48-48s-21.49-48-48-48v0zM774.357 256h-524.8v368.213c99.157 15.147 189.184 22.187 262.443 22.187 75.093 0 162.56-7.339 262.315-22.144l0.085-368.256zM384 138.667c-17.577 0.237-31.763 14.423-32 31.977l-0 0.023c0 16.213 12.629 32 32 32h256c0.128 0.002 0.279 0.003 0.43 0.003 17.437 0 31.573-14.136 31.573-31.573 0-0.151-0.001-0.302-0.003-0.452l0 0.023c0-16.213-15.36-32-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_local_bus_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 39,
+				"id": 13,
+				"name": "db_ic_local_bus_inverted_24",
+				"prevSize": 32,
+				"code": 922113
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M553.899 85.333c71.168 0 108.8 7.424 146.901 27.819 35.111 18.877 63.171 46.937 81.53 80.997l0.518 1.051c19.115 35.755 26.837 71.040 27.733 133.973l0.085 352.725c0 71.168-7.424 108.8-27.819 146.901-18.877 35.111-46.937 63.171-80.997 81.53l-1.051 0.518c-19.328 10.325-44.331 19.755-62.037 21.76-7.723-20.48-31.019-36.267-51.755-31.061-23.125 7.808-45.312 9.387-74.923 9.387s-51.755-2.347-65.621-6.4c-28.16-10.581-50.347-1.024-61.184 28.032-23.355-4.517-44.15-12.062-63.257-22.339l1.177 0.579c-35.106-18.867-63.165-46.911-81.53-80.956l-0.518-1.050c-19.115-35.755-26.837-71.040-27.733-133.973l-0.085-352.725c0-71.168 7.424-108.8 27.819-146.901 18.877-35.111 46.937-63.171 80.997-81.53l1.051-0.518c35.755-19.115 71.040-26.837 133.973-27.733zM379.008 768.299c-21.296 2.606-37.627 20.58-37.627 42.368s16.332 39.762 37.421 42.347l0.206 0.021h52.651c21.296-2.606 37.627-20.58 37.627-42.368s-16.332-39.762-37.421-42.347l-0.206-0.021zM597.333 768c-23.544 0.027-42.619 19.119-42.619 42.667 0 21.788 16.332 39.762 37.421 42.347l0.206 0.021 47.659 0.299c23.544-0.027 42.619-19.119 42.619-42.667 0-21.788-16.332-39.762-37.421-42.347l-0.206-0.021zM630.741 170.667l-242.688 0.171c-44.45 2.796-79.52 39.233-80.127 83.994l-0.001 0.059 19.669 324.181c1.92 31.019 14.421 62.891 14.421 62.891 7.68 13.099 18.517 23.296 32.085 30.208 10.197 5.12 20.224 8.491 40.107 9.813h195.584c19.883-1.323 29.909-4.693 40.107-9.813 13.568-6.912 24.405-17.067 32.085-30.208 7.723-13.141 11.861-29.312 13.867-54.827 13.483-219.605 20.224-329.984 20.224-331.136 0-47.128-38.205-85.333-85.333-85.333v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_local_train_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 40,
+				"id": 14,
+				"name": "db_ic_local_train_inverted_24",
+				"prevSize": 32,
+				"code": 922176
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M675.712 91.733c35.712 0 54.059 2.987 73.813 11.861 18.603 8.405 34.133 21.163 46.037 37.76 11.307 15.829 17.707 31.531 24.021 60.032l15.701 78.251c6.501-10.381 17.876-17.183 30.839-17.183 18.416 0 33.626 13.726 35.957 31.506l0.020 0.183 0.299 132.523c-0.003 20.027-16.239 36.262-36.267 36.262-7.114 0-13.75-2.048-19.349-5.587l0.149 0.088v286.507c0 40.149-4.053 61.056-15.701 82.859-7.465 13.869-17.186 25.552-28.803 34.992l-0.21 0.165-0.085 34.048c0 23.564-19.103 42.667-42.667 42.667v0h-25.6c-23.564 0-42.667-19.103-42.667-42.667v0l-0.043-6.4h-358.357v6.4c0 23.564-19.103 42.667-42.667 42.667v0h-25.6c-23.564 0-42.667-19.103-42.667-42.667v0l-0.085-34.048c-11.827-9.605-21.549-21.288-28.715-34.554l-0.298-0.604c-10.667-19.968-14.976-39.211-15.616-73.216l-0.085-296.149c-5.457 3.463-12.104 5.518-19.231 5.518-18.425 0-33.641-13.74-35.961-31.533l-0.019-0.183-0.256-132.565c0.023-20.012 16.251-36.226 36.267-36.226 12.969 0 24.349 6.808 30.759 17.045l0.089 0.152 13.653-68.267c6.997-34.987 13.483-52.437 26.069-70.016 11.904-16.64 27.435-29.355 46.080-37.76 17.707-7.979 34.347-11.221 63.573-11.776zM297.941 716.8c-23.292 0.354-42.038 19.319-42.038 42.662 0 20.348 14.244 37.369 33.305 41.636l0.284 0.054 95.232 9.515c23.292-0.354 42.038-19.319 42.038-42.662 0-20.348-14.244-37.369-33.305-41.636l-0.284-0.054zM630.827 726.315c-19.346 4.321-33.59 21.342-33.59 41.69 0 23.343 18.746 42.308 42.004 42.662l0.033 0 95.232-9.515c19.346-4.321 33.59-21.342 33.59-41.69 0-23.343-18.746-42.308-42.004-42.662l-0.033-0zM683.093 164.309c-25.173 0-323.669-0.256-342.187 0s-42.539 4.395-50.773 15.488c-8.235 11.051-9.899 14.805-16.64 45.824-4.523 20.693-12.501 60.459-23.936 119.381v291.84c96.683 14.080 189.184 22.187 262.443 22.187 75.093 0 162.56-7.381 262.315-22.187l0.043-292.053-26.709-132.693c-9.216-34.133-20.992-39.253-27.947-42.368-5.248-2.347-11.477-5.419-36.608-5.419zM661.333 305.067c20.030 0 36.267 16.237 36.267 36.267s-16.237 36.267-36.267 36.267h-298.667c-20.030 0-36.267-16.237-36.267-36.267s16.237-36.267 36.267-36.267l0-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_long_distance_bus_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 41,
+				"id": 15,
+				"name": "db_ic_long_distance_bus_inverted_24",
+				"prevSize": 32,
+				"code": 922114
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M489.387 183.467c-109.44 0-231.253 69.461-231.253 198.613 0 111.915 74.624 154.709 155.989 181.504 58.112 16.597 75.264 19.627 122.923 36.267 47.701 16.64 82.176 38.699 82.176 82.773 0 37.845-48.128 73.259-107.947 73.259-93.867 0-190.549-56.149-248.021-140.459v131.413c56.107 52.139 159.019 93.696 248.021 93.696 159.744 0 254.592-117.845 254.592-219.093 0-111.915-73.131-152.491-154.112-176.683-60.928-16.853-45.653-10.752-105.856-27.136-60.16-16.341-107.008-37.675-107.008-92.16 0-36.267 32.128-67.2 88.277-67.2 94.933 0 187.947 52.907 240.043 117.76v-109.397c-63.932-51.8-146.267-83.162-235.926-83.162-0.682 0-1.364 0.002-2.045 0.005l0.105-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_s_bahn_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 42,
+				"id": 16,
+				"name": "db_ic_s_bahn_inverted_24",
+				"prevSize": 32,
+				"code": 922115
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M803.627 156.416l-86.187 17.237c-26.609 5.442-46.343 28.661-46.343 56.489 0 1.592 0.065 3.169 0.191 4.729l-0.013-0.205 46.933 266.368c-66.133 45.696-108.757 88.448-127.829 130.347-14.933 32.853-24.192 68.48-27.733 106.709l-233.216 0.043c-15.932-49.861-61.856-85.333-116.066-85.333-67.158 0-121.6 54.442-121.6 121.6s54.442 121.6 121.6 121.6c54.21 0 100.134-35.473 115.828-84.473l0.238-0.861h267.904c20.030 0 36.267-16.237 36.267-36.267v0c0-42.155 7.637-79.701 22.784-112.981 10.453-22.912 35.84-50.347 76.203-81.237l16.299 89.472c-36.126 21.516-59.951 60.37-59.951 104.789 0 67.134 54.423 121.557 121.557 121.557 0.062 0 0.123-0 0.185-0l-0.010 0c67.096-0.082 121.456-54.493 121.456-121.6 0-63.954-49.372-116.377-112.080-121.233l-0.416-0.026-73.515-411.221 71.765-14.336c18.133-3.627 33.28-23.125 28.459-42.667-4.821-19.627-21.675-32.64-42.667-28.501zM810.667 725.333c27.099 0 49.067 21.968 49.067 49.067s-21.968 49.067-49.067 49.067v0c-27.099-0-49.067-21.968-49.067-49.067s21.968-49.067 49.067-49.067v0zM213.333 725.333c27.099 0 49.067 21.968 49.067 49.067s-21.968 49.067-49.067 49.067v0c-27.099-0-49.067-21.968-49.067-49.067s21.968-49.067 49.067-49.067v0zM170.667 482.133c-20.030 0-36.267 16.237-36.267 36.267s16.237 36.267 36.267 36.267h-0c63.573 0 118.485 30.72 139.093 66.987 6.361 11.048 18.102 18.366 31.552 18.366 20.040 0 36.286-16.246 36.286-36.286 0-6.59-1.757-12.769-4.827-18.096l0.093 0.176c-33.792-59.392-113.024-103.68-202.24-103.68z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_scooter_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 43,
+				"id": 17,
+				"name": "db_ic_scooter_inverted_24",
+				"prevSize": 32,
+				"code": 922116
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M535.979 758.059c10.295 8.623 21.726 16.752 33.778 23.95l1.209 0.669c21.333 12.629 46.933 23.595 69.035 23.595s46.933-9.344 71.168-23.595c11.435-6.741 18.773-11.307 35.072-24.661 16.341-13.312 38.443-11.648 51.541 3.755 5.589 6.571 16.725 17.493 31.403 28.416 20.48 15.147 46.805 26.88 66.816 26.88 20.030-0 36.267 16.237 36.267 36.267s-16.237 36.267-36.267 36.267h0c-42.965 0-85.973-18.816-129.024-56.491-47.531 31.445-90.368 46.677-128.469 45.653-38.144-1.024-80.555-17.067-127.147-48.213-48.512 32.171-92.16 48.256-130.944 48.256s-80.597-15.147-125.397-45.483c-43.989 37.547-86.357 56.277-127.019 56.277-20.030 0-36.267-16.237-36.267-36.267s16.237-36.267 36.267-36.267l-0 0c20.053 0 41.643-9.856 64.981-27.008 15.061-11.051 26.709-22.144 32.725-28.928 13.568-15.189 36.437-15.915 51.883-2.304 15.403 13.568 24.107 18.859 32.768 24.192 23.936 14.677 48.768 23.253 70.059 23.253 21.333 0 48.555-11.435 70.827-23.979 6.656-3.712 24.021-13.824 37.803-25.088 6.231-5.010 14.237-8.041 22.952-8.041 9.185 0 17.583 3.367 24.028 8.934l-0.047-0.040zM463.275 262.4c52.053-8.875 126.805 27.989 167.509 77.355 16.64 20.224 29.013 40.235 36.949 57.387l264.107-48.768c2.067-0.418 4.444-0.658 6.876-0.658 20.030 0 36.267 16.237 36.267 36.267 0 4.446-0.8 8.706-2.264 12.642l0.082-0.251-128.853 260.992c-9.301 20.651-36.608 28.416-53.035 15.403-9.088-6.993-17.163-14.148-24.718-21.816l-0.029-0.029c-41.813 45.355-83.84 68.011-126.165 68.011s-84.992-22.315-128-66.901c-44.16 44.587-86.827 66.901-128 66.901-41.131 0-83.797-22.272-128.043-66.859-43.605 44.587-86.272 66.859-127.957 66.859-19.712 0-36.267-17.621-35.968-31.701l-0.299-153.899c0-15.915 10.155-30.891 25.173-34.56 9.984-2.389 50.389-9.899 121.173-22.528 21.12-14.763 33.621-74.539 24.661-140.715-0.181-1.369-0.284-2.952-0.284-4.558 0-17.708 12.544-32.487 29.231-35.934l0.237-0.041zM831.531 483.627c-3.407-16.778-18.038-29.229-35.577-29.229-0.888 0-1.769 0.032-2.641 0.095l0.117-0.007-440.235 87.083c-14.584 4.92-24.898 18.475-24.898 34.439 0 20.030 16.237 36.267 36.267 36.267 0.909 0 1.811-0.033 2.703-0.099l-0.119 0.007 440.277-87.083c14.533-4.949 24.802-18.479 24.802-34.407 0-2.5-0.253-4.941-0.735-7.299l0.040 0.234zM337.835 360.149c2.005 36.224-1.024 71.381-8.704 99.285l263.509-48.555c-35.413-57.173-85.76-81.323-122.325-75.819l-132.48 25.131z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_speedboat_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 44,
+				"id": 18,
+				"name": "db_ic_speedboat_inverted_24",
+				"prevSize": 32,
+				"code": 922118
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		},
+		{
+			"icon": {
+				"paths": [
+					"M618.667 213.333v366.336c0 66.901-47.701 102.997-106.667 102.997s-106.667-36.096-106.667-102.997v-366.336h-149.333v379.947c0 159.061 121.259 217.387 256 217.387s256-58.197 256-217.387v-379.947z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_subway_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 45,
+				"id": 19,
+				"name": "db_ic_subway_inverted_24",
+				"prevSize": 32,
+				"code": 922119
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 20
+		},
+		{
+			"icon": {
+				"paths": [
+					"M717.099 219.733c42.325 0 78.848 28.672 91.392 69.547l42.283 180.053 60.288 0.043c14.336 0 27.349 11.307 27.349 23.296l0.299 32.64c0 14.251-10.965 29.397-25.131 29.397h-38.144c2.347 6.101 2.816 17.28 1.408 33.579l-15.829 137.429c-4.684 39.545-26.797 73.121-58.322 93.26l-0.515 0.308v76.715c0 23.564-19.103 42.667-42.667 42.667v0h-25.6c-23.564 0-42.667-19.103-42.667-42.667v0-52.779c-53.729 6.426-115.953 10.093-179.033 10.093-63.214 0-125.568-3.682-186.86-10.844l7.45 0.708v52.821c0 23.564-19.103 42.667-42.667 42.667v0h-25.6c-23.564 0-42.667-19.103-42.667-42.667v0-76.757c-29.653-18.731-53.077-50.987-57.6-85.163-2.987-22.784-8.661-71.424-17.067-145.835-0.459-3.716-0.721-8.017-0.721-12.38 0-7.503 0.775-14.826 2.25-21.891l-0.121 0.692h-35.627c-15.787 0-27.648-13.696-27.648-29.44v-28.416c-0.004-0.181-0.007-0.395-0.007-0.609 0-14.845 12.035-26.88 26.88-26.88 0.272 0 0.544 0.004 0.815 0.012l-0.040-0.001 60.245-0.043 40.405-173.056c9.813-42.197 47.147-76.501 93.269-76.501zM443.008 597.632c-21.296 2.606-37.627 20.58-37.627 42.368s16.332 39.762 37.421 42.347l0.206 0.021h137.984c21.296-2.606 37.627-20.58 37.627-42.368s-16.332-39.762-37.421-42.347l-0.206-0.021zM251.008 597.632c-21.296 2.606-37.627 20.58-37.627 42.368s16.332 39.762 37.421 42.347l0.206 0.021h52.651c21.296-2.606 37.627-20.58 37.627-42.368s-16.332-39.762-37.421-42.347l-0.206-0.021zM720.341 597.632c-21.296 2.606-37.627 20.58-37.627 42.368s16.332 39.762 37.421 42.347l0.206 0.021h52.651c21.296-2.606 37.627-20.58 37.627-42.368s-16.332-39.762-37.421-42.347l-0.206-0.021zM306.901 292.267c-8.875 0-17.323 6.144-21.248 16l-37.931 161.024h528.512l-36.523-156.587c-2.56-10.88-10.667-20.437-22.613-20.437zM597.333 91.733c20.030 0 36.267 16.237 36.267 36.267s-16.237 36.267-36.267 36.267h-170.667c-20.030 0-36.267-16.237-36.267-36.267s16.237-36.267 36.267-36.267h0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_taxi_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 46,
+				"id": 20,
+				"name": "db_ic_taxi_inverted_24",
+				"prevSize": 32,
+				"code": 922120
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 21
+		},
+		{
+			"icon": {
+				"paths": [
+					"M130.859 760.448c24.96 20.267 54.485 41.259 91.179 64.853 23.040 14.805 54.187 26.112 138.581 27.904v38.571c0 6.997 0.64 13.867 1.792 20.523l-0.213 0.853c0.299 1.408 0.853 2.731 0.853 4.267 0 11.782-9.551 21.333-21.333 21.333v0l-0.384-0.085-85.504 0.085c-0.006 0-0.014 0-0.021 0-23.564 0-42.667-19.103-42.667-42.667 0-5.945 1.216-11.606 3.412-16.748l-0.106 0.278c-15.531-8.533-31.104-22.059-45.781-41.899-16.891-22.034-30.445-47.714-39.279-75.497l-0.486-1.772zM690.56 469.376l70.997 0.043 31.829 0.128c29.696 0.256 59.051 24.021 65.792 50.688 4.523 17.792 14.123 61.013 28.8 129.621l8.192 28.373h0.768c23.637 2.432 41.899 22.315 41.899 46.421v10.667c0 22.101-15.275 40.576-35.797 45.525-2.048 18.859-3.584 30.848-4.565 36.053-0.512 2.56-1.152 5.205-1.92 7.979 0.128 1.365 0.171 2.816 0.171 4.224v62.592c0 25.921-21.013 46.933-46.933 46.933v0h-9.131c-25.921 0-46.933-21.013-46.933-46.933v0l-4.821 1.493c-37.239 5.921-80.176 9.304-123.904 9.304s-86.665-3.383-128.566-9.901l4.662 0.597-4.864-1.835c0 26.283-21.035 47.275-46.933 47.275h-9.131c-25.921 0-46.933-21.013-46.933-46.933v0-62.592l0.171-4.096c-0.11-0.294-0.227-0.679-0.324-1.071l-0.017-0.081c-1.237-4.523-3.157-18.475-5.845-41.813l3.669 0.128c-25.85 0-46.805-20.955-46.805-46.805h-0v-10.667c0-25.856 20.949-46.805 46.805-46.805l2.688 0.128 8.192-28.203 26.923-123.904c8.448-29.056 33.365-56.576 73.856-56.576h148.053zM688.171 797.909h-46.677c-12.96 0-23.467 10.506-23.467 23.467s10.506 23.467 23.467 23.467v0h46.677c12.96 0 23.467-10.506 23.467-23.467s-10.506-23.467-23.467-23.467v0zM486.4 742.613l-0.128 0.469c-0.555 1.995-0.873 4.286-0.873 6.652 0 11.842 7.987 21.818 18.868 24.836l0.181 0.043 49.621 13.483c2.015 0.563 4.329 0.886 6.718 0.886 11.933 0 21.981-8.071 24.984-19.051l0.042-0.182 0.128-0.469c0.549-1.986 0.864-4.267 0.864-6.622 0-11.847-7.98-21.829-18.858-24.866l-0.182-0.043-49.621-13.483c-2.015-0.563-4.329-0.886-6.718-0.886-11.933 0-21.981 8.071-24.984 19.051l-0.042 0.182zM811.648 724.267l-49.792 13.483c-11.060 3.080-19.040 13.062-19.040 24.909 0 2.355 0.315 4.635 0.906 6.803l-0.042-0.181 0.128 0.469c3.021 11.146 13.046 19.21 24.954 19.21 2.353 0 4.633-0.315 6.8-0.905l-0.181 0.042 49.792-13.483c11.060-3.080 19.040-13.062 19.040-24.909 0-2.355-0.315-4.635-0.906-6.803l0.042 0.181-0.128-0.469c-3.040-11.143-13.072-19.2-24.985-19.2-2.342 0-4.612 0.311-6.77 0.895l0.181-0.042zM426.88 85.333c85.76 0 146.773 32.256 187.989 87.083 37.76 50.219 63.147 118.827 64.853 186.112l0.427 16.256c-0.171 0.384 0 0.597 0 0.811 0 11.782-9.551 21.333-21.333 21.333v0l-88.832-0.043c1.323-3.115 3.243-5.888 4.267-9.173 3.157-10.667 12.459-48 13.824-56.064 14.080-62.251-27.392-128.853-84.736-144.896-49.664-13.909-80.085-15.787-107.221-16h-18.944c-28.715 0-60.117 1.109-112.768 15.915-56.704 15.957-95.104 80.555-86.059 137.6 7.893 34.987 12.971 56.149 15.147 63.445 9.615 31.551 34.982 55.502 66.709 62.939l0.619 0.122c47.488 8.149 88.491 12.331 123.008 12.501 11.221 0.043 23.595-0.981 35.712-1.749-8.604 12.71-15.62 27.407-20.279 43.118l-0.287 1.127-0.683 2.389-0.512 2.389-23.765 109.269c-37.52 20.598-62.533 59.835-62.549 104.915l-0 0.002v10.667c0 10.837 1.749 21.248 4.523 31.275-33.109-3.328-45.227-11.605-47.787-13.269-78.293-50.347-117.717-84.864-152.32-128.683l-22.528-30.123c-5.291-36.907-8.235-86.357-7.979-136.149 0.216-35.897 1.143-70.825 2.771-105.569l-0.211 5.644c1.791-70.391 25.847-134.833 65.351-186.914l-0.583 0.802c39.168-52.053 96.853-83.797 175.787-86.827l98.347-0.256zM797.867 533.376h-267.392l-33.024 144.597h333.952zM226.475 512.768c-16.949 5.906-28.894 21.749-28.894 40.383 0 3.167 0.345 6.253 0.999 9.223l-0.052-0.283 28.075 82.432c7.039 14.452 21.617 24.234 38.48 24.234 23.564 0 42.667-19.103 42.667-42.667 0-3.143-0.34-6.207-0.985-9.156l0.052 0.282-28.075-82.432c-7.027-14.485-21.622-24.295-38.509-24.295-4.925 0-9.656 0.835-14.057 2.37l0.299-0.091z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_train_and_car_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 47,
+				"id": 21,
+				"name": "db_ic_train_and_car_inverted_24",
+				"prevSize": 32,
+				"code": 922121
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 22
+		},
+		{
+			"icon": {
+				"paths": [
+					"M577.195 91.733c15.744 0 31.275 3.072 45.781 8.96l33.28 16.213c12.011 6.077 20.102 18.326 20.102 32.465 0 20.030-16.237 36.267-36.267 36.267-4.346 0-8.514-0.765-12.376-2.166l0.252 0.080-28.843-14.080c-4.708-2.416-10.186-4.132-15.977-4.84l-0.237-0.024-34.645-0.341v91.733h67.669c44.544 0 64.512 5.035 85.845 16.427 21.333 11.435 38.4 28.416 49.792 49.792 11.179 20.907 15.659 41.045 16.341 75.947l0.085 333.739c0 58.453-5.717 88.021-22.144 118.741-15.168 28.183-37.694 50.709-65.034 65.461l-0.844 0.416c-28.672 15.36-56.32 21.333-107.435 22.059l-109.781 0.085c-58.453 0-88.021-5.717-118.741-22.144-28.183-15.168-50.709-37.694-65.461-65.034l-0.416-0.844c-15.36-28.672-21.333-56.32-22.059-107.435l-0.085-335.147c0-41.131 4.267-63.019 16.427-85.845 11.435-21.333 28.416-38.4 49.792-49.792 20.907-11.179 41.045-15.659 75.947-16.341l77.568-0.085v-91.733h-28.928c-6.002 0.002-11.751 1.081-17.065 3.054l0.339-0.11-29.867 14.549c-4.753 2.447-10.372 3.882-16.325 3.882-20.030 0-36.267-16.237-36.267-36.267 0-12.552 6.377-23.615 16.067-30.125l0.13-0.082 28.587-14.592c14.080-7.040 34.261-12.843 54.4-12.843zM357.675 725.632c-21.296 2.606-37.627 20.58-37.627 42.368s16.332 39.762 37.421 42.347l0.206 0.021h52.651c21.296-2.606 37.627-20.58 37.627-42.368s-16.332-39.762-37.421-42.347l-0.206-0.021zM613.675 725.632c-21.296 2.606-37.627 20.58-37.627 42.368s16.332 39.762 37.421 42.347l0.206 0.021h52.651c21.296-2.606 37.627-20.58 37.627-42.368s-16.332-39.762-37.421-42.347l-0.206-0.021zM410.581 328.533c-28.544 0-38.869 2.987-49.323 8.533-10.345 5.576-18.616 13.847-24.039 23.882l-0.153 0.31c-5.035 9.515-7.979 18.901-8.448 41.984l-0.085 211.584c-0 0.007-0 0.014-0 0.022 0 22.739 17.788 41.323 40.207 42.597l0.113 0.005c45.995 2.56 93.739 3.84 143.147 3.84s97.152-1.28 143.189-3.84c20.992-1.152 40.277-18.56 40.277-42.581v-204.373c0-28.501-2.987-38.827-8.533-49.28-5.559-10.358-13.834-18.633-23.882-24.040l-0.31-0.152c-9.515-5.035-18.901-7.979-41.984-8.448zM597.333 379.733c20.030 0 36.267 16.237 36.267 36.267s-16.237 36.267-36.267 36.267h-170.667c-20.030 0-36.267-16.237-36.267-36.267s16.237-36.267 36.267-36.267h-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_tram_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 48,
+				"id": 22,
+				"name": "db_ic_tram_inverted_24",
+				"prevSize": 32,
+				"code": 922128
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 23
+		},
+		{
+			"icon": {
+				"paths": [
+					"M415.317 686.379c21.205 0 48.64 24.619 36.565 54.528-37.291 85.12-37.333 85.035-74.624 170.197-7.339 18.091-21.163 24.363-36.523 24.363-22.016 0-49.493-24.363-34.987-56.491 36.437-84.395 41.173-95.616 73.045-169.557 6.955-15.445 23.168-23.040 36.523-23.040zM532.139 370.389c-4.309 68.821-8.704 137.643-13.141 206.464 38.187 37.675 76.203 75.733 114.005 114.219 2.219 2.261 9.131 16.085 9.728 18.475 22.571 89.131 22.613 89.173 44.672 178.603 4.992 24.832-15.701 47.275-38.997 47.275-16.043 0-29.653-7.424-37.675-29.227 33.13 158.927 18.651 102.956 4.326 46.924l-46.352-213.793-121.557-121.088c-6.656-7.467-9.557-13.909-9.088-22.869l11.008-174.635c0.171-3.84-2.133-3.925-4.48-3.115-6.571 2.091-23.253 9.515-49.963 22.357-4.48 26.283-9.045 52.48-13.696 78.677-3.377 18.707-19.495 32.725-38.903 32.811l-0.009 0c-21.76 0-43.819-18.987-38.912-44.885 7.168-50.048 6.997-50.133 14.464-100.053 2.048-18.048 18.261-27.648 24.576-30.464 42.624-18.005 85.333-35.84 128-53.461 43.435-17.067 63.915 14.805 61.952 47.744zM634.325 416.597c25.728 13.355 50.56 26.155 74.411 38.4 14.165 6.4 21.931 21.76 21.931 33.963 0 23.168-21.931 48.64-57.387 36.48-48.529-23.689-73.23-36.628-97.784-49.804l22.392 10.977c-22.059-14.165-23.467-37.803-19.541-48.811 6.528-18.261 31.061-32.939 55.979-21.205zM514.133 88.533c45.483 0 82.133 36.651 82.133 82.133 0 0.051 0 0.111 0 0.171 0 45.267-36.696 81.963-81.963 81.963-0.060 0-0.12-0-0.18-0l0.009 0c-45.197-0.383-81.732-36.933-82.090-82.099l-0-0.034c-0.469-51.925 36.352-81.792 82.133-82.133z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_walking_inverted_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 49,
+				"id": 23,
+				"name": "db_ic_walking_inverted_24",
+				"prevSize": 32,
+				"code": 922177
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 24
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-transportation-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-transportation-outline.json
new file mode 100644
index 0000000000..7058daa52c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-24-transportation-outline.json
@@ -0,0 +1,748 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M635.008 321.963c6.571-3.925 14.464-5.248 22.357-5.248 30.251 0 51.285 19.712 48.64 53.888l-13.141 206.464 113.067 111.787c3.968 5.205 7.893 11.776 10.539 19.669l44.672 178.816c0.54 2.553 0.85 5.486 0.85 8.491 0 23.658-19.179 42.837-42.837 42.837-0.029 0-0.058-0-0.086-0l0.005 0c-19.712 0-35.499-13.141-40.747-31.573l-42.069-166.955-117.035-115.712c-7.893-7.893-15.787-17.067-13.141-34.176l10.496-169.643-49.92 22.357-11.861 76.288c-3.42 20.26-20.834 35.499-41.808 35.499-0.092 0-0.184-0-0.276-0.001l0.014 0c-22.357 0-47.36-19.712-42.069-48.64l14.464-99.968c2.603-14.421 13.141-26.283 26.283-32.853l123.605-51.285zM128 512h213.333c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-213.333c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM225.536 640h170.667c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-170.667c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM585.984 683.179c25.387 0 42.069 18.859 42.069 42.069 0 5.248 0 11.819-2.645 17.067l-74.539 170.069c-5.291 15.787-21.035 26.283-39.467 26.283-24.96 0-42.069-21.035-42.069-43.392 0-5.248 2.645-11.819 3.925-17.067l73.259-170.069c7.893-15.787 23.68-24.96 39.467-24.96zM809.557 415.744l71.339 36.395c13.839 6.819 23.272 20.677 23.636 36.773l0.001 0.048c0 26.283-21.035 43.392-43.392 43.392-6.571 0-11.819-1.28-18.389-3.968l-71.296-36.395c-14.096-7.172-23.601-21.539-23.68-38.133l-0-0.011c0-22.315 13.141-44.672 42.112-44.672 7.415 0.183 14.226 2.618 19.817 6.643l-0.105-0.072zM684.885 85.333c47.275 0 85.333 38.059 85.333 85.333s-38.059 85.333-85.333 85.333c-45.952 0-85.333-38.059-85.333-85.333s39.381-85.333 85.333-85.333z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_walking_fast_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 260,
+				"id": 0,
+				"name": "db_ic_walking_fast_24",
+				"prevSize": 32,
+				"code": 922137
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M464.341 321.963c6.571-3.925 14.464-5.248 22.357-5.248 30.251 0 51.285 19.712 48.64 53.888l-13.141 206.464 113.067 111.787c3.968 5.205 7.893 11.776 10.539 19.669l44.672 178.816c0.54 2.553 0.85 5.486 0.85 8.491 0 23.658-19.179 42.837-42.837 42.837-0.029 0-0.058-0-0.086-0l0.005 0c-19.712 0-35.499-13.141-40.747-31.573l-42.069-166.955-117.035-115.712c-7.893-7.893-15.787-17.067-13.141-34.176l10.496-169.643-49.92 22.357-11.861 76.288c-3.42 20.26-20.834 35.499-41.808 35.499-0.092 0-0.184-0-0.276-0.001l0.014 0c-22.357 0-47.36-19.712-42.069-48.64l14.464-99.968c2.603-14.421 13.141-26.283 26.283-32.853l123.605-51.285zM415.275 683.179c25.429 0 42.112 18.859 42.112 42.069 0 5.248 0 11.819-2.645 17.067l-74.539 170.069c-5.291 15.787-21.035 26.283-39.467 26.283-24.96 0-42.069-21.035-42.069-43.392 0-5.248 2.645-11.819 3.925-17.067l73.259-170.069c7.893-15.787 23.68-24.96 39.467-24.96zM638.933 415.744l71.253 36.395c13.856 6.808 23.306 20.668 23.679 36.772l0.001 0.049c0 26.283-21.035 43.392-43.392 43.392-6.571 0-11.819-1.28-18.389-3.968l-71.296-36.395c-14.096-7.172-23.601-21.539-23.68-38.133l-0-0.011c0-22.315 13.141-44.672 42.112-44.672 7.415 0.183 14.226 2.618 19.817 6.643l-0.105-0.072zM514.133 85.333c47.275 0 85.333 38.059 85.333 85.333s-38.059 85.333-85.333 85.333c-45.952 0-85.333-38.059-85.333-85.333s39.381-85.333 85.333-85.333z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_walking_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 301,
+				"id": 1,
+				"name": "db_ic_walking_24",
+				"prevSize": 32,
+				"code": 922177
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M577.195 85.333c0.030-0 0.065-0 0.1-0 17.342 0 33.879 3.449 48.962 9.698l-0.849-0.312 33.707 16.469c14.172 7.136 23.724 21.568 23.724 38.231 0 23.564-19.103 42.667-42.667 42.667-5.269 0-10.314-0.955-14.973-2.701l0.294 0.097-29.227-14.293c-5.888-2.56-19.755-4.096-41.6-4.523v85.333h61.269c40.32 0 64.512 5.035 85.845 16.427 21.333 11.435 38.4 28.416 49.792 49.792 11.179 20.907 15.659 41.045 16.341 75.947l0.085 333.739c0 58.453-5.717 88.021-22.144 118.741-15.168 28.183-37.694 50.709-65.034 65.461l-0.844 0.416c-28.672 15.36-56.32 21.333-107.435 22.059l-109.781 0.085c-58.453 0-88.021-5.717-118.741-22.144-28.183-15.168-50.709-37.694-65.461-65.034l-0.416-0.844c-15.36-28.672-21.333-56.32-22.059-107.435l-0.085-335.147c0-41.131 4.267-63.019 16.427-85.845 11.435-21.333 28.416-38.4 49.792-49.792 20.907-11.179 41.045-15.659 75.947-16.341l71.168-0.085v-85.333c-18.133-0.299-30.464 0.555-37.035 2.56l-29.227 14.251c-5.532 2.808-12.063 4.453-18.977 4.453-23.564 0-42.667-19.103-42.667-42.667 0-14.806 7.542-27.851 18.993-35.502l0.155-0.098 29.013-14.805c16.665-8.463 36.328-13.451 57.149-13.525l0.024-0h130.389zM512 650.581c-60.641-0.44-119.884-4.256-178.143-11.272l7.476 0.733v42.624h42.667c23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-18.603 42.795-42.411 42.667l-41.813 0.128c1.536 19.968 4.907 31.019 10.965 42.24 7.168 13.44 17.451 23.723 30.848 30.891 13.013 6.955 25.728 10.411 52.267 11.605l142.507 0.256c32.427-0.811 46.421-4.181 60.715-11.861 13.397-7.168 23.68-17.451 30.848-30.848 6.059-11.264 9.387-22.315 11.008-42.283l-41.6-0.128c-23.564 0-42.667-19.103-42.667-42.667v0c0-21.888 18.603-42.667 42.411-42.667h42.923v-42.624c-50.783 6.284-110.026 10.1-170.073 10.535l-0.594 0.003zM640 342.101c0 20.352-19.072 41.984-42.667 41.984l-170.667-0.085c-0.002 0-0.004 0-0.006 0-23.309 0-42.253-18.691-42.66-41.903l-0.001-0.038c-10.496 0.896-16 2.645-21.547 5.632-6.342 3.362-11.401 8.42-14.671 14.574l-0.092 0.189c-4.011 6.613-6.357 17.579-6.315 38.4l0.085 153.344c64.341 7.381 121.173 11.093 170.539 11.093 49.323 0 106.24-3.712 170.539-11.093 0.128-85.803 0.128-136.96 0.128-153.387-0.085-24.661-2.859-31.915-6.315-38.4-3.368-6.325-8.425-11.369-14.573-14.628l-0.189-0.092c-4.267-2.304-11.52-4.181-21.547-5.632z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_tram_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 325,
+				"id": 2,
+				"name": "db_ic_tram_24",
+				"prevSize": 32,
+				"code": 922128
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M430.251 85.333c92.587 0 146.304 32.256 187.733 87.083 36.451 47.742 60.002 107.098 64.498 171.704l0.056 1.011 1.152 44.331c0 19.982-16.199 36.181-36.181 36.181s-36.181-16.199-36.181-36.181v0l-0.64-29.099c-1.439-54.587-20.201-104.528-50.96-144.818l0.443 0.605c-29.355-38.784-62.293-58.283-129.877-58.112l-87.296-0.171c-64.853 0-101.12 17.621-131.84 58.283-27.94 36.57-46.107 81.963-49.869 131.382l-0.051 0.842-3.072 111.915c-0.151 5.579-0.237 12.147-0.237 18.735 0 47.837 4.543 94.614 13.221 139.921l-0.738-4.629 64.811 44.715 42.027 27.861c7.211 3.712 23.125 7.083 34.133 9.045 17.021 3.055 29.794 17.677 29.952 35.311l0 0.017c0 20.289-16.447 36.736-36.736 36.736v0c-1.707 0-5.675-0.299-6.144-0.384-25.6-3.883-45.653-10.155-60.459-19.712l-42.453-28.117c4.053 18.773 10.795 36.565 20.267 53.376 14.208 25.259 32.299 50.731 66.219 50.005 6.315-0.128 16.384-0.213 28.885-0.213h43.093l4.651 0.299c18.079 2.385 31.891 17.688 31.915 36.222l0 0.002-0.085 42.411c0.001 0.076 0.001 0.166 0.001 0.256 0 20.171-16.352 36.523-36.523 36.523-0 0-0.001-0-0.001-0l-96.427 0c-20.018-0.015-36.24-16.246-36.24-36.267 0-6.781 1.861-13.127 5.1-18.555l-0.092 0.166c-27.051-12.416-36.949-22.699-55.040-46.379-16.587-21.666-30.013-46.851-38.957-74.068l-0.51-1.793c-6.997-23.381-5.291-19.072-21.504-83.029-16.213-64-24.576-129.621-24.917-195.541-0.213-43.947 0.683-85.504 2.773-124.672 1.831-70.443 26.032-134.897 65.723-186.892l-0.571 0.78c39.552-52.309 93.227-87.083 189.653-86.869zM690.603 468.309l78.123 0.043 24.704 0.128c29.696 0.256 59.051 24.021 65.792 50.688 4.523 17.792 14.080 61.013 28.8 129.621l8.192 28.373h0.768c23.637 2.432 41.899 22.315 41.899 46.421v10.667c0 22.101-15.275 40.576-35.84 45.525-2.005 18.859-3.541 30.848-4.523 36.053-0.512 2.56-1.152 5.205-1.92 7.979 0.128 1.365 0.171 2.816 0.171 4.224v62.592c0 25.921-21.013 46.933-46.933 46.933v0h-9.131c-25.921 0-46.933-21.013-46.933-46.933v0l-4.821 1.493c-37.239 5.921-80.176 9.304-123.904 9.304s-86.665-3.383-128.566-9.901l4.662 0.597-4.864-1.835c0 26.283-21.035 47.275-46.933 47.275h-9.131c-25.921 0-46.933-21.013-46.933-46.933v0-62.592l0.171-4.096-0.341-1.152c-1.28-4.523-3.157-18.475-5.845-41.813l3.669 0.128c-25.85 0-46.805-20.955-46.805-46.805h-0v-10.667c0-25.856 20.907-46.805 46.805-46.805l2.688 0.128 8.192-28.203 26.88-123.904c8.491-29.056 33.408-56.576 73.899-56.576h148.011zM688.213 796.843h-46.677c-12.96 0-23.467 10.506-23.467 23.467s10.506 23.467 23.467 23.467v0h46.677c12.96 0 23.467-10.506 23.467-23.467s-10.506-23.467-23.467-23.467v0zM486.4 741.547l-0.085 0.469c-0.555 1.995-0.873 4.286-0.873 6.652 0 11.842 7.987 21.818 18.868 24.836l0.181 0.043 49.621 13.483c2.015 0.563 4.329 0.886 6.718 0.886 11.933 0 21.981-8.071 24.984-19.051l0.042-0.182 0.128-0.469c0.549-1.986 0.864-4.267 0.864-6.622 0-11.847-7.98-21.829-18.858-24.866l-0.182-0.043-49.621-13.483c-2.015-0.563-4.329-0.886-6.718-0.886-11.933 0-21.981 8.071-24.984 19.051l-0.042 0.182zM811.691 723.2l-49.792 13.483c-11.060 3.080-19.040 13.062-19.040 24.909 0 2.355 0.315 4.635 0.906 6.803l-0.042-0.181 0.128 0.469c3.021 11.146 13.046 19.21 24.954 19.21 2.353 0 4.633-0.315 6.8-0.905l-0.181 0.042 49.792-13.483c11.060-3.080 19.040-13.062 19.040-24.909 0-2.355-0.315-4.635-0.906-6.803l0.042 0.181-0.128-0.469c-3.040-11.143-13.072-19.2-24.985-19.2-2.342 0-4.612 0.311-6.77 0.895l0.181-0.042zM797.909 532.309h-267.392l-33.024 144.597h333.952zM262.741 543.616c4.726-2.416 10.31-3.831 16.223-3.831 12.519 0 23.556 6.343 30.074 15.991l0.082 0.128 23.637 46.592c2.394 4.709 3.797 10.268 3.797 16.155 0 20.030-16.237 36.267-36.267 36.267-12.498 0-23.519-6.322-30.041-15.942l-0.081-0.127-23.637-46.592c-2.411-4.722-3.823-10.3-3.823-16.208 0-14.113 8.061-26.343 19.831-32.337l0.206-0.095zM385.621 213.376c34.304 0 63.701 3.968 88.277 11.861 43.257 14.26 73.929 54.307 73.929 101.519 0 7.715-0.819 15.239-2.375 22.489l0.126-0.701-11.691 56.235c-7.357 34.498-34.802 60.953-69.26 66.746l-0.5 0.070c-31.659 5.632-57.813 8.448-78.507 8.448-20.608 0-46.763-2.816-78.421-8.448-34.946-5.887-62.381-32.33-69.659-66.255l-0.101-0.561-11.733-56.235c-1.43-6.55-2.249-14.073-2.249-21.788 0-47.211 30.672-87.258 73.175-101.303l0.754-0.216c24.619-7.893 54.016-11.861 88.277-11.861zM385.621 285.952c-27.136 0-49.195 2.944-66.005 8.363-13.851 4.558-23.674 17.378-23.674 32.491 0 0.818 0.029 1.629 0.085 2.433l-0.006-0.108c5.547 28.629 9.301 46.677 11.093 54.101 2.731 11.179 4.224 15.616 11.691 16.853s44.288 7.339 66.773 7.509c22.485 0.128 47.573-4.821 62.037-6.656 14.507-1.835 14.507-9.643 16.469-17.664 1.28-5.376 4.821-21.845 10.496-49.493 0.458-2.097 0.72-4.505 0.72-6.975 0-15.114-9.823-27.934-23.434-32.423l-0.241-0.069c-16.811-5.419-38.869-8.363-66.005-8.363z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_train_and_car_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 324,
+				"id": 3,
+				"name": "db_ic_train_and_car_24",
+				"prevSize": 32,
+				"code": 922121
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M704.299 213.333c45.312 0 84.352 30.72 97.621 74.453l42.581 181.547h66.517c14.336 0 25.472 9.728 27.349 23.296l0.299 32.64c0 14.251-9.813 26.88-23.467 29.056l-39.808 0.384c1.408 6.869 2.133 13.995 2.133 21.291 0 4.864-5.547 54.741-16.555 149.675-4.274 35.995-22.937 66.95-49.982 87.404l-0.322 0.233v82.688c0 23.564-19.103 42.667-42.667 42.667v0h-42.667c-23.564 0-42.667-19.103-42.667-42.667v0-52.053c-51.21 5.963-110.541 9.365-170.667 9.365s-119.458-3.402-177.814-10.025l7.147 0.659v52.053c0 23.564-19.103 42.667-42.667 42.667v0h-42.667c-23.564 0-42.667-19.103-42.667-42.667v0-82.645c-25.029-18.933-42.735-46.399-48.81-78.003l-0.128-0.802-17.195-146.347c-0.455-3.7-0.715-7.982-0.715-12.326 0-7.492 0.773-14.804 2.244-21.859l-0.121 0.692-35.627-0.043c-15.787 0-27.648-13.696-27.648-29.44v-28.416c-0.004-0.181-0.007-0.395-0.007-0.609 0-14.845 12.035-26.88 26.88-26.88 0.272 0 0.544 0.004 0.815 0.012l-0.040-0.001h66.475l40.747-174.549c10.496-45.013 49.92-81.451 99.499-81.451zM256 554.325c-17.792 0.384-25.173 13.056-24.149 20.267l2.261 22.741h21.888c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-12.032l3.84 33.237c2.169 18.335 15.691 32.982 33.254 36.812l0.282 0.052c20.779 3.371 148.608 15.104 230.656 15.232s206.805-12.117 225.707-14.507c18.434-1.738 33.346-14.976 37.572-32.391l0.060-0.292 4.608-38.144h-11.947c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h21.845l2.347-21.333c0.853-8.747-5.419-21.675-24.192-21.333zM597.333 597.333c0.401-0.014 0.873-0.021 1.347-0.021 23.493 0 42.539 19.045 42.539 42.539s-19.045 42.539-42.539 42.539c-0.474 0-0.946-0.008-1.415-0.023l0.068 0.002-170.667 0.299c-23.564 0-42.667-19.103-42.667-42.667v0c0-21.888 18.261-42.368 42.667-42.368zM319.701 298.667c-6.101 0-12.117 4.352-15.147 11.605l-37.504 159.061h489.856l-36.224-155.179c-1.92-8.235-6.741-15.488-16.384-15.488zM597.333 85.333c23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-18.133 42.667-42.667 42.667h-170.667c-23.564 0-42.667-19.103-42.667-42.667v0c0-21.888 16.683-42.667 42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_taxi_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 323,
+				"id": 4,
+				"name": "db_ic_taxi_24",
+				"prevSize": 32,
+				"code": 922120
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 85.333c94.257 0 170.667 76.41 170.667 170.667v0 512c0 94.257-76.41 170.667-170.667 170.667v0h-512c-94.257 0-170.667-76.41-170.667-170.667v0-512c0-94.257 76.41-170.667 170.667-170.667v0zM256 170.667c-47.021 0.049-85.12 38.178-85.12 85.205 0 0.045 0 0.090 0 0.135l-0-0.007-0.213 512c0 44.971 36.821 85.333 85.333 85.333h512c47.128 0 85.333-38.205 85.333-85.333v0-512c0-44.971-36.779-85.333-85.333-85.333zM420.565 256v314.027c0 57.301 40.917 88.277 91.435 88.277 48.341 0 87.893-28.331 91.179-80.981l0.256-321.323h128v325.675c0 136.405-103.936 186.325-219.435 186.325-112.512 0-214.101-47.488-219.221-176l-0.213-336z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_subway_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 322,
+				"id": 5,
+				"name": "db_ic_subway_24",
+				"prevSize": 32,
+				"code": 922119
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M155.947 871.509c-19.968-7.936-27.947-22.955-27.947-38.912 0-21.973 17.963-44.928 41.941-44.928 4.992 0 8.96 1.963 13.952 2.987 24.96 8.96 51.925 12.971 78.891 12.971 40.96 0 89.856-9.984 89.856-55.893 0-27.989-14.976-37.973-68.907-61.909-48.896-19.968-115.797-48.939-115.797-131.797 0-79.872 66.901-132.779 165.717-132.779 31.957 0 63.915 4.992 94.848 16.981 19.968 6.997 27.947 22.955 27.947 37.973 0 21.931-15.957 44.885-40.96 44.885-5.404-0.129-10.518-1.214-15.23-3.091l0.297 0.104c-19.643-7.566-42.37-11.948-66.121-11.948-0.274 0-0.549 0.001-0.823 0.002l0.042-0c-18.944 0-80.853 2.987-80.853 47.872 0 23.979 14.933 32.939 63.872 54.912 47.957 19.968 120.832 51.925 120.832 138.795 0 84.864-68.907 139.776-174.72 139.776-0.415 0.002-0.906 0.003-1.397 0.003-37.639 0-73.912-5.852-107.957-16.695l2.517 0.692zM147.968 212.608c0-23.979 18.987-41.941 41.941-41.941 360.405 0 748.757 302.507 748.757 515.157 0 190.72-225.621 201.685-340.48 201.685h-17.92c-0.089 0.001-0.195 0.001-0.3 0.001-23.541 0-42.624-19.083-42.624-42.624 0-0.12 0-0.241 0.001-0.361l-0 0.018c0-21.931 18.944-40.917 42.923-40.917 239.616 0 273.536-56.917 273.536-117.803 0-149.76-341.419-430.293-663.893-430.293-22.955 0-41.941-19.968-41.941-42.923z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_sprinter_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 300,
+				"id": 6,
+				"name": "db_ic_sprinter_24",
+				"prevSize": 32,
+				"code": 921928
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M798.464 738.133c17.92 18.347 62.507 72.533 97.536 72.533 23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-18.987 42.88-42.667 42.667-43.349-0.384-86.016-21.803-128-64.341-44.501 42.965-87.253 64.427-128.171 64.341-40.96-0.085-83.541-21.504-127.829-64.299-43.947 42.88-86.613 64.299-128 64.299-41.301 0-83.968-21.419-128-64.256-44.117 42.837-86.784 64.256-128 64.256-23.564 0-42.667-19.103-42.667-42.667v0c0-21.888 18.603-42.667 42.667-42.667 37.035 0 76.8-45.44 93.867-68.267 7.867-10.41 20.223-17.067 34.133-17.067s26.267 6.657 34.056 16.959l0.078 0.107c17.067 22.869 51.627 68.267 93.867 68.267 42.283 0 76.8-45.525 93.867-68.267 7.867-10.41 20.223-17.067 34.133-17.067s26.267 6.657 34.056 16.959l0.078 0.107c17.067 22.741 48.171 68.267 93.952 68.267s77.867-47.061 93.781-68.267c7.867-10.407 20.222-17.063 34.131-17.063 11.93 0 22.717 4.897 30.46 12.79l0.007 0.007zM468.096 256c70.272 0 126.208 30.336 167.595 79.659 16.043 19.072 27.819 38.101 35.968 54.784l259.157-48.384c2.371-0.468 5.098-0.735 7.887-0.735 23.564 0 42.667 19.103 42.667 42.667 0 5.304-0.968 10.382-2.736 15.066l0.097-0.294-129.92 260.309c-7.164 14.086-21.551 23.567-38.153 23.567-6.948 0-13.508-1.661-19.306-4.607l0.243 0.112c-19.584-9.771-30.891-34.261-16.256-62.379-101.888 18.219-232.32 41.941-391.253 71.168-2.239 0.416-4.814 0.655-7.445 0.655-23.564 0-42.667-19.103-42.667-42.667 0-19.064 12.503-35.208 29.756-40.679l0.302-0.083 459.008-83.755 39.040-78.72-675.712 126.208c-9.003 1.877-14.251 6.571-15.445 14.208l-0.256 100.565c-0.027 23.544-19.119 42.619-42.667 42.619-21.788 0-39.762-16.332-42.347-37.421l-0.021-0.206-0.299-102.101c0-49.963 32.341-87.381 77.312-99.627l69.291-13.44c19.413-7.936 33.621-68.267 24.448-136.107-0.247-1.724-0.388-3.714-0.388-5.738 0-19.073 12.515-35.223 29.781-40.686l0.302-0.083zM344.619 365.397c1.323 31.189-0.853 61.013-7.083 87.509l245.163-45.867c-4.179-6.258-8.247-11.641-12.594-16.78l0.221 0.268c-24.32-29.013-54.613-46.549-93.184-48.939z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_speedboat_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 321,
+				"id": 7,
+				"name": "db_ic_speedboat_24",
+				"prevSize": 32,
+				"code": 922118
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M788.949 329.216l4.608 8.405c10.709 20.779 17.109 44.245 17.109 69.376v380.075c0 83.328-66.987 151.595-148.608 151.595h-300.715c-45.995 0-86.997-22.357-114.219-56.149l74.155-75.691c2.816 0.939 5.973 1.92 9.088 1.92h41.6c14.735-0.144 26.625-12.123 26.625-26.879 0-0.090-0-0.181-0.001-0.271l0 0.014c0.004-0.179 0.007-0.39 0.007-0.602 0-14.479-11.596-26.25-26.007-26.533l-0.026-0 114.261-116.779h173.013c33.792 0 61.653-28.416 61.653-62.891v-171.605c0-1.621-0.299-4.48-0.299-4.48zM355.371 85.333l315.733 0.939c11.605 0 23.168 3.2 33.493 9.259l41.941 25.216c7.9 4.879 13.086 13.489 13.086 23.311 0 5.055-1.374 9.79-3.768 13.851l0.070-0.127c-4.534 8.035-13.015 13.372-22.743 13.372-5.017 0-9.703-1.42-13.678-3.879l0.112 0.064-41.941-25.173c-1.853-1.262-4.101-2.081-6.527-2.259l-0.044-0.003h-48.811v115.84h40.363c36.608 0 69.803 14.379 95.744 37.035l-60.373 61.568c-10.251-8.661-23.593-13.954-38.169-14.037l-0.018-0h-294.101c-33.835 0-61.653 28.416-61.653 62.891v171.648c0 34.475 27.819 62.891 61.653 62.891h54.101l-198.571 198.656c-5.973-16.256-7.936-30.421-7.936-48.981v-380.075c0-83.285 66.987-151.595 148.608-151.595h40.107v-116.779h-47.317c-2.816 0.939-4.693 0.939-7.211 2.56l-38.485 25.173c-4.061 2.746-9.068 4.384-14.457 4.384-9.316 0-17.49-4.895-22.088-12.253l-0.064-0.109c-2.699-4.154-4.304-9.234-4.304-14.69 0-9.402 4.767-17.691 12.015-22.582l0.097-0.061 38.485-25.173c11.307-7.040 24.448-10.88 36.693-10.88zM694.571 754.517h-41.6c-14.735 0.144-26.625 12.123-26.625 26.879 0 0.090 0 0.181 0.001 0.271l-0-0.014c-0.001 0.076-0.001 0.167-0.001 0.257 0 14.756 11.89 26.735 26.612 26.879l0.014 0h41.6c14.735-0.144 26.625-12.123 26.625-26.879 0-0.090-0-0.181-0.001-0.271l0 0.014c0.001-0.076 0.001-0.167 0.001-0.257 0-14.756-11.89-26.735-26.612-26.879l-0.014-0zM568.789 138.965h-113.92v116.48h113.92z",
+					"M109.312 938.667c-0.036 0-0.079 0-0.122 0-6.608 0-12.587-2.692-16.9-7.039l-0.002-0.002c-4.311-4.354-6.975-10.346-6.975-16.96s2.664-12.606 6.977-16.962l-0.002 0.002 805.419-805.419c4.372-4.306 10.377-6.965 17.003-6.965s12.631 2.659 17.006 6.968l-0.003-0.003c4.311 4.354 6.975 10.346 6.975 16.96s-2.664 12.606-6.977 16.962l0.002-0.002-805.419 805.419c-4.315 4.348-10.294 7.040-16.901 7.040-0.028 0-0.056-0-0.084-0l0.004 0z"
+				],
+				"attrs": [{}, {}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_sev_24"],
+				"grid": 0
+			},
+			"attrs": [{}, {}],
+			"properties": {
+				"order": 320,
+				"id": 8,
+				"name": "db_ic_sev_24",
+				"prevSize": 32,
+				"code": 922117
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M798.976 150.187l-86.187 17.195c-29.556 6.055-51.473 31.849-51.473 62.762 0 1.908 0.083 3.796 0.247 5.661l-0.017-0.242 46.592 258.261c-63.36 44.672-104.576 86.741-123.605 128.469-14.507 31.872-23.723 66.261-27.648 103.040h-222.848c-18.103-50.14-65.281-85.333-120.68-85.333-70.692 0-128 57.308-128 128s57.308 128 128 128c55.398 0 102.577-35.193 120.398-84.442l0.282-0.891h263.253c23.564 0 42.667-19.103 42.667-42.667v0c0-41.259 7.467-77.909 22.229-110.293 8.96-19.712 29.995-43.392 63.019-69.973l13.525 74.368c-34.051 23.349-56.1 62.049-56.1 105.898 0 70.692 57.308 128 128 128s128-57.308 128-128c0-66.835-51.224-121.705-116.553-127.495l-0.488-0.035-71.509-393.515 65.621-13.099c21.461-4.267 38.613-27.477 33.493-50.219-5.163-22.741-26.709-38.229-50.219-33.493zM810.667 725.333c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM213.333 725.333c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM170.667 469.333c-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667v0c61.269 0 114.091 29.525 133.547 63.744 7.48 12.988 21.285 21.591 37.099 21.591 23.565 0 42.668-19.103 42.668-42.668 0-7.751-2.067-15.019-5.679-21.284l0.11 0.206c-34.944-61.44-116.309-106.923-207.787-106.923z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_scooter_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 319,
+				"id": 9,
+				"name": "db_ic_scooter_24",
+				"prevSize": 32,
+				"code": 922116
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c235.648 0 426.667 191.019 426.667 426.667s-191.019 426.667-426.667 426.667-426.667-191.019-426.667-426.667 191.019-426.667 426.667-426.667zM512 170.667c-188.513 0-341.333 152.82-341.333 341.333s152.82 341.333 341.333 341.333v0c188.513 0 341.333-152.82 341.333-341.333s-152.82-341.333-341.333-341.333v0zM495.829 277.333c65.152 0 123.52 22.101 169.899 59.349v78.208c-40.107-44.8-100.565-84.139-171.477-84.139-40.107 0-63.061 22.101-63.061 48 0 38.613 32.896 53.931 75.349 65.536 37.632 10.325 37.632 8.96 72.107 18.347 59.605 17.109 114.688 45.483 114.688 127.573 0 72.277-67.755 156.459-181.845 156.459-63.573 0-137.088-29.696-177.195-66.901v-93.867c38.059 56.619 107.349 100.309 177.195 100.309 42.709 0 77.099-25.301 77.099-52.309 0-32.512-26.283-48.256-62.037-60.288-33.792-10.624-58.539-16.043-87.424-25.771-56.96-19.2-108.459-50.048-108.459-128.64 0-92.245 87.040-141.867 165.163-141.867z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_s_bahn_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 318,
+				"id": 10,
+				"name": "db_ic_s_bahn_24",
+				"prevSize": 32,
+				"code": 922115
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M827.648 341.333c0.216-0.002 0.471-0.002 0.726-0.002 60.764 0 110.051 49.138 110.292 109.846l0 0.023v188.8c0 21.333-21.333 42.667-42.667 42.667l-42.667-0.043c0 23.564-19.103 42.667-42.667 42.667v0h-128c-23.467 0-42.667-19.2-42.667-42.667h-256c0 23.467-19.2 42.667-42.667 42.667h-128.512c-23.33-0.215-42.159-19.177-42.159-42.537 0-0.211 0.002-0.421 0.005-0.631l-0 0.032-42.667 0.512c-21.333 0-42.667-21.333-42.667-42.667v-188.8c0.241-60.731 49.528-109.869 110.293-109.869 0.255 0 0.51 0.001 0.765 0.003l-0.039-0zM828.075 426.411c-17.835 0.256-593.408 0.256-631.723 0-16 0-25.685 13.44-25.685 28.245v100.011h682.667v-103.467c0-0.027 0-0.060 0-0.093 0-13.62-11.041-24.661-24.661-24.661-0.21 0-0.42 0.003-0.628 0.008l0.031-0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_railroad_car_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 305,
+				"id": 11,
+				"name": "db_ic_railroad_car_24",
+				"prevSize": 32,
+				"code": 922003
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M85.333 908.203v-365.909c0-16.64 13.909-30.336 32-30.336h17.92c218.624 0.043 462.080 182.315 462.080 304.811 0 85.76-76.8 121.899-231.68 121.899h-247.893c-18.048 0-32.427-13.824-32.427-30.464zM85.333 597.931v141.227c10.24-0.085 22.4-0.085 36.523 0 127.829 0.555 174.72 7.168 241.152 27.307 2.87 0.964 6.176 1.52 9.611 1.52 8.361 0 15.952-3.294 21.547-8.656l-0.011 0.011 15.872-15.147c5.839-5.554 9.471-13.382 9.471-22.058 0-0.796-0.031-1.585-0.091-2.366l0.006 0.104c-0.973-9.344-6.188-17.297-13.659-21.987l-0.123-0.072c-80.275-56.762-178.6-93.165-284.993-99.803l-1.599-0.080c-5.043-0.378-10.923-0.594-16.853-0.594s-11.811 0.216-17.633 0.64l0.78-0.046zM407.211 153.685l214.571 114.133 242.091-75.051c3.375-0.978 7.252-1.54 11.261-1.54 19.109 0 35.233 12.779 40.292 30.257l0.073 0.296c1.176 3.746 1.853 8.054 1.853 12.521 0 18.819-12.027 34.829-28.815 40.762l-0.303 0.093-548.864 170.155c-3.605 1.161-7.754 1.846-12.059 1.877l-0.016 0c-11.709-0.027-22.276-4.893-29.812-12.702l-0.012-0.012-50.219-51.627c-7.797-7.888-12.613-18.736-12.613-30.709 0-3.947 0.523-7.773 1.505-11.41l-0.070 0.306c3.893-14.869 15.256-26.388 29.738-30.435l0.299-0.071c3.187-0.88 6.846-1.385 10.623-1.385 11.881 0 22.593 5.001 30.148 13.012l0.019 0.021 32.384 33.28 167.68-52.053-139.733-74.325c-13.594-7.317-22.679-21.446-22.679-37.696 0-23.565 19.103-42.668 42.668-42.668 7.315 0 14.199 1.841 20.216 5.084l-0.227-0.112z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_rail_and_fly_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 297,
+				"id": 12,
+				"name": "db_ic_rail_and_fly_24",
+				"prevSize": 32,
+				"code": 921945
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M382.891 85.419h258.219c44.544 0.597 68.608 5.12 94.293 16.683 26.069 11.733 47.787 29.525 64.384 52.736 15.232 21.333 24.192 42.453 32.853 80.213l7.851 38.059c7.849-10.433 20.206-17.109 34.123-17.109 0.019 0 0.038 0 0.056 0l-0.003-0c21.888 0 42.667 17.067 42.667 42.667v128c-0.001 23.564-19.103 42.666-42.667 42.666-7.855 0-15.214-2.123-21.535-5.825l0.201 0.109v280.32c0 41.131-4.267 63.019-16.427 85.845-6.827 12.8-15.616 23.936-26.155 33.323l-0.085 32.896c0 23.564-19.103 42.667-42.667 42.667v0h-42.667c-23.564 0-42.667-19.103-42.667-42.667v0h-341.333c0 23.564-19.103 42.667-42.667 42.667v0h-42.667c-23.564 0-42.667-19.103-42.667-42.667v0-32.853c-10.49-9.368-19.25-20.401-25.924-32.728l-0.316-0.637c-11.179-20.907-15.659-41.045-16.341-75.947v-290.219c-6.149 3.644-13.554 5.797-21.462 5.797-23.541 0-42.624-19.083-42.624-42.624 0-0.043 0-0.086 0-0.129l-0 0.007-0.043-128c-0-23.564 19.103-42.667 42.667-42.667 13.911 0 26.267 6.657 34.056 16.959l0.078 0.107 7.893-38.016c8.661-37.76 17.621-58.88 32.853-80.213 16.377-22.796 38.085-40.78 63.35-52.33l0.991-0.406c25.728-11.563 49.792-16.085 94.293-16.683zM512 652.587c-75.093 0-160.341-6.272-255.957-18.773l-0.043 41.515 88.875 7.424c22.001 1.886 39.144 20.21 39.144 42.539 0 23.575-19.111 42.686-42.686 42.686-1.247 0-2.481-0.053-3.7-0.158l0.159 0.011-81.493-6.827c0.427 13.013 2.475 22.528 6.059 28.501 5.376 8.96 11.392 21.205 53.12 21.077 41.771-0.128 356.352 0.128 393.045 0s47.659-10.027 53.12-21.077c4.181-8.491 6.229-19.115 6.101-31.872l-79.787 9.984c-1.891 0.297-4.072 0.467-6.293 0.467-23.564 0-42.667-19.103-42.667-42.667 0-22.054 16.732-40.199 38.194-42.435l0.184-0.016 90.624-10.965-0.043-38.229c-95.573 12.544-180.907 18.816-255.957 18.816zM638.549 170.709h-253.099c-35.584 0-50.091 3.925-61.824 9.216-12.288 5.547-22.144 13.611-29.995 24.576-6.528 9.131-11.008 18.389-15.701 35.712l-21.931 105.216 0.085 202.24c96.64 13.099 181.973 19.627 255.915 19.627s159.275-6.528 255.915-19.627l0.085-201.984-19.883-97.451c-4.309-17.835-9.899-32.725-17.749-43.691-7.591-10.667-17.724-19.061-29.536-24.391l-0.458-0.185c-10.24-4.651-22.997-9.216-61.824-9.216zM640 256c23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-17.109 42.667-42.667 42.667h-256c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_long_distance_bus_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 317,
+				"id": 13,
+				"name": "db_ic_long_distance_bus_24",
+				"prevSize": 32,
+				"code": 922114
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M553.899 85.333c71.168 0 108.8 7.424 146.901 27.819 35.111 18.877 63.171 46.937 81.53 80.997l0.518 1.051c19.115 35.755 26.837 71.040 27.733 133.973l0.085 352.725c0 71.168-7.424 108.8-27.819 146.901-18.877 35.111-46.937 63.171-80.997 81.53l-1.051 0.518c-35.755 19.115-71.040 26.837-133.973 27.733l-96.725 0.085c-71.168 0-108.8-7.424-146.901-27.819-35.111-18.877-63.171-46.937-81.53-80.997l-0.518-1.051c-19.115-35.755-26.837-71.040-27.733-133.973l-0.085-352.725c0-71.168 7.424-108.8 27.819-146.901 18.877-35.111 46.937-63.171 80.997-81.53l1.051-0.518c35.755-19.115 71.040-26.837 133.973-27.733zM449.792 170.88c-43.947 1.109-65.152 6.187-86.357 17.536-20.153 10.774-36.245 26.866-46.724 46.417l-0.295 0.602c-12.16 22.741-17.109 45.397-17.707 96.171l0.171 370.603c1.109 43.947 6.187 65.152 17.536 86.357 10.88 20.395 26.624 36.139 47.019 47.019 7.211 3.84 14.379 6.955 22.485 9.472 5.589-17.577 21.766-30.089 40.865-30.089 3.577 0 7.052 0.439 10.373 1.266l-0.295-0.062c20.736 5.12 41.899 9.429 75.221 9.429 29.611 0 47.531-1.109 70.187-7.936 21.205-6.912 45.653 0 55.765 27.392 8.107-2.475 15.36-5.632 22.528-9.472 20.153-10.774 36.245-26.866 46.724-46.417l0.295-0.602c10.453-19.584 15.616-39.125 17.195-76.629 1.067-24.96 1.152-155.008 0.341-390.144-1.109-43.947-6.187-65.152-17.536-86.357-10.774-20.153-26.866-36.245-46.417-46.724l-0.602-0.295c-22.741-12.16-45.397-17.109-96.171-17.707zM437.333 682.667c23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-19.072 42.368-37.675 42.368l-47.659 0.299c-23.564 0-42.667-19.103-42.667-42.667v0c0-21.888 18.475-42.667 42.667-42.667zM629.333 682.667c24.192 0.299 42.667 20.779 42.667 42.667s-18.475 42.667-42.667 42.667l-42.667-0.299c-24.235 0-42.667-20.48-42.667-42.368s18.133-42.368 42.667-42.368zM594.859 213.333c45.013 0 88.789 38.357 85.205 90.112l-13.739 244.267c-1.28 22.955-4.608 36.523-12.8 50.645-7.979 13.653-19.456 24.491-33.536 31.701-12.715 6.485-24.875 9.216-43.093 9.813l-121.6 0.128c-22.997 0-36.736-2.56-51.285-9.941-14.119-7.29-25.53-18.112-33.328-31.321l-0.208-0.38c-7.168-12.373-10.624-24.32-12.203-42.453l-14.379-252.459c-2.517-44.885 32.768-87.979 81.067-90.112zM594.859 298.667h-165.717l14.677 255.659h136.32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_local_train_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 296,
+				"id": 14,
+				"name": "db_ic_local_train_24",
+				"prevSize": 32,
+				"code": 922176
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M701.269 85.333c41.131 0 63.019 4.267 85.845 16.427 21.333 11.435 38.4 28.416 49.792 49.792 11.179 20.907 15.659 41.045 16.341 75.947l0.085 34.219c6.101-3.594 13.442-5.717 21.278-5.717 0.019 0 0.039 0 0.058 0l-0.003-0c21.888 0 42.667 18.475 42.667 42.667v128c-0.001 23.564-19.103 42.666-42.667 42.666-7.855 0-15.214-2.123-21.535-5.825l0.201 0.109v280.32c0 41.131-4.267 63.019-16.427 85.845-6.827 12.8-15.616 23.936-26.155 33.323l-0.085 32.896c0 23.564-19.103 42.667-42.667 42.667v0h-42.667c-23.564 0-42.667-19.103-42.667-42.667v0h-341.333c0 23.564-19.103 42.667-42.667 42.667v0h-42.667c-23.564 0-42.667-19.103-42.667-42.667v0-32.853c-10.49-9.368-19.25-20.401-25.924-32.728l-0.316-0.637c-11.179-20.907-15.659-41.045-16.341-75.947v-290.219c-6.101 3.594-13.442 5.718-21.278 5.718-0.049 0-0.099-0-0.148-0l0.008 0c-21.888 0-42.667-18.176-42.667-42.667v-128c-0-0.007-0-0.015-0-0.024 0-23.564 19.103-42.667 42.667-42.667 7.872 0 15.246 2.132 21.577 5.85l-0.201-0.109-0.043-24.32c0-41.131 4.267-63.019 16.427-85.845 11.435-21.333 28.416-38.4 49.792-49.792 20.907-11.179 42.88-16.427 78.592-16.341zM512 646.4c-75.093 0-160.341-6.272-255.957-18.816v123.605c0.043 17.323 0 32.555 12.757 45.909 12.715 13.312 29.867 13.525 46.677 13.525h393.045c20.907 0 37.12-1.024 48.213-13.525 11.179-12.544 11.264-30.805 11.221-45.909v-123.605c-95.573 12.544-180.907 18.816-255.957 18.816zM341.333 682.667c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM682.667 682.667c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM708.523 170.709c-16.853-0.171-372.267 0.128-393.045 0-20.736-0.128-33.707 1.451-45.483 11.307-11.733 9.813-13.909 24.789-13.952 48.128l0.043 311.339c96.64 13.056 181.973 19.584 255.915 19.584s159.275-6.528 255.915-19.584c0.043-194.091 0.085-297.856 0.043-311.339-0.043-20.181 0.043-32.384-11.179-45.824s-31.445-13.44-48.256-13.611zM640 213.333c23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-16.341 42.667-42.667 42.667h-256c-23.564 0-42.667-19.103-42.667-42.667v0c0-21.888 18.091-42.667 42.667-42.581z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_local_bus_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 315,
+				"id": 15,
+				"name": "db_ic_local_bus_24",
+				"prevSize": 32,
+				"code": 922113
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M586.24 85.333c120.96 0 219.392 96.725 224.256 217.6l0.171 398.379c0 127.872-99.968 232.32-225.451 237.227l-137.216 0.128c-126.635 0-229.675-101.419-234.496-228.053l-0.171-398.293c0-122.112 95.403-221.867 215.168-226.816zM305.536 747.008c13.748 43.815 45.657 78.377 86.677 95.418l1.003 0.369c9.813-12.288 26.027-18.688 42.411-15.189 30.421 6.528 55.979 9.728 76.373 9.728s45.952-3.2 76.373-9.728c2.69-0.604 5.78-0.949 8.951-0.949 13.499 0 25.533 6.269 33.351 16.053l0.066 0.085c41.102-16.998 72.5-50.376 86.472-91.776l0.312-1.066c-44.757 14.507-75.563 24.32-92.416 29.44-25.301 7.595-63.829 12.075-113.109 12.075-48.384 0-82.432-4.096-108.245-12.117-17.195-5.291-49.92-16.085-98.219-32.341zM708.309 244.309l-22.059 246.528c-5.973 57.259-48.939 102.571-103.168 106.24l-136.192 0.256c-55.381 0-100.523-43.264-109.483-100.181l-21.888-252.459c-9.025 16.566-14.943 36.047-16.442 56.754l-0.027 0.462-0.384 374.016c70.059 24.32 111.403 38.4 124.032 42.325 18.944 5.845 46.848 9.216 89.301 9.216 43.435 0 75.221-3.797 94.165-9.216 78.656-23.391 118.288-36.535 157.717-50.116l-38.549 11.545v-367.36c0-0.083 0-0.181 0-0.279 0-24.81-6.321-48.143-17.44-68.478l0.374 0.746zM387.456 618.837l46.933 11.435c14.16 3.503 24.493 16.098 24.493 31.107 0 17.673-14.327 32-32 32-1.309 0-2.599-0.079-3.867-0.231l0.153 0.015-46.933-11.435c-14.181-3.488-24.534-16.093-24.534-31.117 0-17.673 14.327-32 32-32 1.339 0 2.658 0.082 3.953 0.242l-0.155-0.016zM671.061 642.901c0.606 2.327 0.953 4.999 0.953 7.752 0 13.39-8.224 24.859-19.897 29.632l-0.214 0.077-46.805 12.032c-2.352 0.619-5.052 0.974-7.835 0.974-17.673 0-32-14.327-32-32 0-13.411 8.25-24.895 19.952-29.654l0.214-0.077 46.805-12.032c2.335-0.61 5.016-0.96 7.778-0.96 14.923 0 27.46 10.215 31.001 24.034l0.048 0.222zM586.24 170.667c-13.269-0.427-62.763-0.427-148.48 0-0.038-0-0.082-0-0.127-0-15.1 0-29.627 2.451-43.205 6.977l0.964-0.278 26.027 304.427c1.621 16.384 13.013 30.635 26.581 30.208h125.739c12.501 0 23.381-9.6 26.752-24.32l28.075-310.315c-10.667-3.499-22.4-5.973-42.325-6.699z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_intercity_train_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 316,
+				"id": 16,
+				"name": "db_ic_intercity_train_24",
+				"prevSize": 32,
+				"code": 922134
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M85.333 853.291c0-22.656 18.688-42.667 42.667-42.667h448c184.021 0 277.333-27.947 277.333-118.613 0-153.344-344.021-436.011-670.677-436.011h-54.656c-24.021 0-42.667-20.011-42.667-42.667 0-24.021 18.688-42.667 42.667-42.667h54.656c365.355 0 756.011 305.323 756.011 521.344 0 151.979-157.355 203.947-344.021 203.947h-466.645c-24.021 0-42.667-18.688-42.667-42.667zM85.333 554.667c0-24.021 18.688-42.667 42.667-42.667h5.333c150.656 0 262.656 10.667 336 34.688l24.021-22.699c-98.688-64-213.333-97.365-329.387-97.365h-35.968c-22.656 0-42.667-20.011-42.667-42.667 0-24.021 20.011-42.667 42.667-42.667h36.011c151.979 0 298.667 50.731 420.011 141.397 10.667 6.656 18.645 19.968 18.645 35.968 0 0.034 0 0.074 0 0.114 0 10.968-4.598 20.862-11.973 27.86l-0.017 0.016-80 80.043c-7.472 7.385-17.748 11.948-29.089 11.948-0.093 0-0.186-0-0.28-0.001l0.014 0c-6.656 0-11.989-1.28-17.323-2.645-61.355-25.344-173.355-38.656-330.667-38.656h-5.333c-24.021 0-42.667-18.688-42.667-42.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ice_side_view_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 299,
+				"id": 17,
+				"name": "db_ic_ice_side_view_24",
+				"prevSize": 32,
+				"code": 922248
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M556.629 85.333c92.629 0 146.261 32.256 187.733 87.040 36.439 47.759 59.977 107.131 64.456 171.75l0.056 1.007 3.115 111.488c1.707 66.261-4.693 132.523-18.944 197.248-9.788 45.073-18.060 77.384-27.168 109.344l3.19-13.088c-8.619 29.397-18.091 54.272-41.941 87.253-16.555 22.869-33.237 37.12-55.595 47.147 2.978 5.113 4.736 11.254 4.736 17.806 0 0.025-0 0.050-0 0.075l0-0.004c0 18.475-14.976 36.267-36.267 36.267h-256c-0.005 0-0.010 0-0.016 0-20.030 0-36.267-16.237-36.267-36.267 0-6.781 1.861-13.127 5.1-18.555l-0.092 0.166c-27.051-12.416-36.949-22.741-54.997-46.379-16.609-21.664-30.050-46.849-39-74.072l-0.509-1.79c-6.997-23.381-5.291-19.072-21.504-83.029-15.487-58.584-24.568-125.914-24.959-195.303l-0.001-0.239c-0.031-4.313-0.049-9.411-0.049-14.513 0-38.749 1.025-77.259 3.048-115.505l-0.226 5.346c1.853-70.44 26.049-134.889 65.725-186.895l-0.573 0.783c39.552-52.352 93.227-87.083 189.653-86.869zM701.952 719.744l-42.325 28.16c-27.093 17.365-76.373 25.173-147.755 25.173s-118.613-6.613-147.499-25.173l-42.453-28.16c4.053 18.773 10.795 36.565 20.267 53.333 14.208 25.259 32.299 50.773 66.219 50.005 33.92-0.683 177.835 0.384 209.451 0.384 31.573 0 46.848-20.608 62.293-46.976 10.325-17.579 17.579-36.48 21.803-56.747zM469.333 157.867c-64.853 0-101.077 17.621-131.797 58.283-27.932 36.574-46.097 81.964-49.868 131.38l-0.052 0.844-3.115 111.915c-1.28 51.669 2.859 103.296 12.288 154.027l64.811 44.715 42.027 27.861c6.485 4.139 50.645 13.653 108.245 13.653s95.488-5.291 108.501-13.653l61.867-41.344 44.757-30.976c8.235-44.032 12.459-88.704 12.715-133.461l-2.688-120.747c-1.445-54.586-20.206-104.525-50.961-144.819l0.444 0.606c-29.355-38.784-62.293-58.283-129.877-58.112zM634.88 543.573c11.985 6.086 20.054 18.321 20.054 32.441 0 4.307-0.751 8.438-2.128 12.27l0.079-0.253-23.125 46.848c-6.096 11.955-18.315 20-32.414 20-20.030 0-36.267-16.237-36.267-36.267 0-4.292 0.746-8.41 2.115-12.232l-0.079 0.253 23.125-46.848c6.089-11.975 18.319-20.036 32.432-20.036 5.908 0 11.485 1.413 16.414 3.918l-0.206-0.095zM435.499 555.819l23.595 46.635c2.447 4.753 3.882 10.372 3.882 16.325 0 20.030-16.237 36.267-36.267 36.267-12.552 0-23.615-6.377-30.125-16.067l-0.082-0.13-23.595-46.635c-2.447-4.753-3.882-10.372-3.882-16.325 0-20.030 16.237-36.267 36.267-36.267 12.552 0 23.615 6.377 30.125 16.067l0.082 0.13zM512 213.333c34.261 0 63.659 3.968 88.235 11.861 43.278 14.248 73.969 54.306 73.969 101.531 0 7.71-0.818 15.229-2.372 22.476l0.126-0.7-11.691 56.235c-7.373 34.503-34.833 60.957-69.302 66.747l-0.5 0.069c-31.659 5.632-57.813 8.448-78.464 8.448s-46.805-2.816-78.507-8.448c-34.952-5.875-62.392-32.324-69.66-66.256l-0.1-0.56-11.691-56.235c-1.428-6.546-2.246-14.065-2.246-21.775 0-47.226 30.691-87.284 73.215-101.316l0.754-0.215c24.576-7.893 53.973-11.861 88.235-11.861zM512 285.867c-27.136 0-49.195 2.987-66.005 8.363-13.851 4.558-23.674 17.378-23.674 32.491 0 0.818 0.029 1.629 0.085 2.433l-0.006-0.108c5.547 28.672 9.301 46.72 11.093 54.144 2.773 11.093 4.267 15.573 11.733 16.768 7.467 1.237 44.288 7.381 66.773 7.509s47.573-4.821 62.037-6.656 14.464-9.6 16.427-17.621c1.323-5.376 4.821-21.845 10.496-49.493 0.458-2.097 0.72-4.505 0.72-6.975 0-15.114-9.823-27.934-23.434-32.423l-0.241-0.069c-16.811-5.376-38.827-8.363-66.005-8.363z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ice_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 313,
+				"id": 18,
+				"name": "db_ic_ice_24",
+				"prevSize": 32,
+				"code": 922112
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M213.333 682.667c47.128 0 85.333 38.205 85.333 85.333s-38.205 85.333-85.333 85.333v0c-47.128 0-85.333-38.205-85.333-85.333s38.205-85.333 85.333-85.333v0zM640 682.667c47.128 0 85.333 38.205 85.333 85.333s-38.205 85.333-85.333 85.333v0c-47.128 0-85.333-38.205-85.333-85.333s38.205-85.333 85.333-85.333v0zM488.405 708.523c14.108 7.157 23.607 21.556 23.607 38.173 0 23.564-19.103 42.667-42.667 42.667-5.209 0-10.2-0.933-14.815-2.642l0.295 0.096c-8.173-4.336-17.823-7-28.067-7.294l-0.093-0.002c-8.747 0-16.64 1.749-23.595 5.291-5.248 2.483-11.401 3.933-17.893 3.933-23.564 0-42.667-19.103-42.667-42.667 0-16.145 8.967-30.196 22.193-37.443l0.222-0.111c17.987-9.188 39.234-14.572 61.739-14.572s43.751 5.384 62.523 14.935l-0.784-0.362zM769.109 170.667c0.001-0 0.001-0 0.002-0 48.953 0 90.078 33.512 101.686 78.846l0.158 0.727 68.139 382.293c4.437 24.277-10.453 40.661-31.275 48.768l-102.784 40.96c-4.513 1.774-9.74 2.802-15.207 2.802-23.564 0-42.667-19.103-42.667-42.667 0-17.626 10.688-32.756 25.936-39.262l0.279-0.106 75.563-30.208-60.501-340.608c-1.682-9.273-9.694-16.213-19.328-16.213-0 0-0 0-0 0l0-0c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0zM725.333 384c23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-14.891 42.368-42.667 42.667l-0.213 72.96c-3.157 51.2-40.405 93.867-89.6 97.451h-421.845c-42.368 0-85.419-51.328-85.419-97.451l-0.256-73.259c-24.32 0-42.667-20.48-42.667-42.368s17.707-42.667 42.624-42.667zM639.957 469.333h-426.667c0.043 33.579 0.085 54.912 0.043 63.957-0.043 13.568 8.533 21.376 21.333 21.376h384.085c11.591-0.456 20.864-9.773 21.247-21.34l0.001-0.036z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_handcart_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 312,
+				"id": 19,
+				"name": "db_ic_handcart_24",
+				"prevSize": 32,
+				"code": 922009
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		},
+		{
+			"icon": {
+				"paths": [
+					"M828.331 821.419l5.504 4.48 7.936 5.717c2.987 2.048 6.4 4.181 9.984 6.357 14.123 8.363 27.691 13.653 38.827 15.019l5.419 0.341c23.544 0.027 42.619 19.119 42.619 42.667 0 21.788-16.332 39.762-37.421 42.347l-0.206 0.021-5.163 0.299c-29.909-0.043-59.136-10.453-87.552-27.307l-8.277-5.12-8.277 5.12c-25.259 14.976-51.157 24.875-77.611 26.88l-10.795 0.427c-29.739-0.171-58.752-10.539-87.040-27.307l-8.277-5.12-8.277 5.12c-25.259 14.976-51.157 24.875-77.568 26.88l-10.283 0.427c-29.952 0-59.179-10.453-87.637-27.307l-8.235-5.12-8.235 5.12c-25.344 15.019-51.285 24.917-77.781 26.923l-9.984 0.384c-29.995 0-59.307-10.411-87.808-27.307l-8.192-5.077-8.192 5.12c-28.501 16.811-57.813 27.264-87.808 27.264-23.544-0.027-42.619-19.119-42.619-42.667 0-21.788 16.332-39.762 37.421-42.347l0.206-0.021 4.992-0.299c12.032 0 27.776-5.589 44.288-15.36 5.419-3.243 10.24-6.4 14.208-9.301l6.741-5.163 2.389-2.048c7.501-6.696 17.452-10.788 28.358-10.788 9.032 0 17.409 2.806 24.305 7.595l-0.141-0.092 9.685 7.765c4.523 3.456 10.667 7.723 17.92 12.032 14.080 8.363 27.691 13.653 38.827 15.019l5.419 0.341 5.376-0.341c11.136-1.323 24.747-6.656 38.869-15.019 3.627-2.133 6.955-4.267 9.984-6.357l7.936-5.675 5.504-4.48c7.497-6.681 17.437-10.763 28.331-10.763s20.833 4.082 28.373 10.801l-0.042-0.037 5.504 4.48 7.936 5.675c2.987 2.048 6.4 4.181 9.984 6.357 14.123 8.363 27.733 13.653 38.827 15.019l5.461 0.341c12.032 0 27.733-5.589 44.203-15.36 3.627-2.133 6.955-4.267 9.984-6.357l7.936-5.717 5.504-4.48c7.499-6.686 17.442-10.771 28.34-10.771 9.022 0 17.389 2.8 24.282 7.579l-0.141-0.093 9.685 7.765 7.936 5.717c2.987 2.048 6.4 4.181 9.984 6.357 14.080 8.32 27.563 13.611 38.699 14.976l5.547 0.384c12.032 0 27.733-5.589 44.203-15.36 3.627-2.133 6.955-4.267 9.984-6.357l7.936-5.717 5.504-4.48c7.497-6.681 17.437-10.763 28.331-10.763s20.833 4.082 28.373 10.801l-0.042-0.037zM565.931 85.333c0.012-0 0.026-0 0.041-0 35.595 0 66.1 21.794 78.899 52.767l0.207 0.567 2.347 6.528 87.936 281.472h160.64c0.009-0 0.019-0 0.029-0 23.564 0 42.667 19.103 42.667 42.667 0 0.555-0.011 1.108-0.032 1.658l0.002-0.079c-4.415 116.202-59.247 218.766-143.119 287.013l-0.711 0.56c-7.117 5.515-16.173 8.841-26.005 8.841-23.564 0-42.667-19.103-42.667-42.667 0-12.979 5.795-24.604 14.939-32.43l0.058-0.049c53.996-43.938 92.319-105.301 106.427-175.427l0.325-1.938 0.469-2.816h-720.384c-21.803-0.003-39.784-16.359-42.348-37.47l-0.020-0.205-0.299-4.992c0.003-21.803 16.359-39.784 37.47-42.348l0.205-0.020 4.992-0.299h517.931l-26.667-85.333h-405.931c-23.544-0.027-42.619-19.119-42.619-42.667 0-21.788 16.332-39.762 37.421-42.347l0.206-0.021 4.992-0.299h379.264l-26.624-85.333h-437.973c-23.544-0.027-42.619-19.119-42.619-42.667 0-21.788 16.332-39.762 37.421-42.347l0.206-0.021 4.992-0.299h437.973zM480 586.667c29.455 0 53.333 23.878 53.333 53.333s-23.878 53.333-53.333 53.333v0c-29.455 0-53.333-23.878-53.333-53.333s23.878-53.333 53.333-53.333v0zM650.667 586.667c29.455 0 53.333 23.878 53.333 53.333s-23.878 53.333-53.333 53.333v0c-29.455 0-53.333-23.878-53.333-53.333s23.878-53.333 53.333-53.333v0zM309.333 586.667c29.455 0 53.333 23.878 53.333 53.333s-23.878 53.333-53.333 53.333v0c-29.455 0-53.333-23.878-53.333-53.333s23.878-53.333 53.333-53.333v0zM138.667 586.667c29.455 0 53.333 23.878 53.333 53.333s-23.878 53.333-53.333 53.333v0c-29.455 0-53.333-23.878-53.333-53.333s23.878-53.333 53.333-53.333v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ferry_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 311,
+				"id": 20,
+				"name": "db_ic_ferry_24",
+				"prevSize": 32,
+				"code": 922008
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 20
+		},
+		{
+			"icon": {
+				"paths": [
+					"M629.333 170.667c23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-17.152 42.667-42.667 42.667-103.211 0.085-206.421 0.085-309.632 0-6.101 0-13.355 5.632-15.275 12.459l-37.333 158.208h287.573c0-42.667 42.667-85.333 85.333-85.333-0.256-22.912 21.333-42.667 42.368-42.667h128.299c19.029 0 42.667 21.333 42.667 42.667 42.667 0 85.333 42.667 85.333 85.333v426.667c0 42.667-42.667 85.333-85.333 85.333h-213.333c-42.667 0-85.333-42.667-85.333-85.333v-43.691c-10.425 0.687-22.6 1.078-34.867 1.078-2.742 0-5.48-0.020-8.213-0.059l0.414 0.005c-39.936 0-107.52-4.053-202.667-12.203v12.203c0 23.564-19.103 42.667-42.667 42.667v0h-42.667c-23.564 0-42.667-19.103-42.667-42.667v0-74.965c-7.803-12.394-13.664-26.878-16.72-42.369l-0.133-0.81-1.451-9.515-15.829-137.429c-0.459-3.716-0.721-8.017-0.721-12.38 0-7.503 0.775-14.826 2.25-21.891l-0.121 0.692h-35.627c-15.787 0-27.648-13.696-27.648-29.44v-28.416c-0.004-0.181-0.007-0.395-0.007-0.609 0-14.845 12.035-26.88 26.88-26.88 0.272 0 0.544 0.004 0.815 0.012l-0.040-0.001h66.475l40.747-174.549c10.496-45.013 46.848-81.451 99.499-81.451 103.211-0.085 206.421-0.085 309.632 0zM832 426.667h-170.667c-10.453 0-21.333 11.52-21.333 21.333-0.128 128-0.128 256 0 384 0 10.453 8.405 21.333 21.333 21.333 56.875 0.128 113.792 0.128 170.667 0 12.672 0 21.333-10.837 21.333-21.333v-384c0-10.453-9.173-21.333-21.333-21.333zM738.304 528.64c5.498-10.16 16.075-16.945 28.237-16.945 17.673 0 32 14.327 32 32 0 4.081-0.764 7.984-2.157 11.574l0.075-0.218-28.544 53.504h10.453c22.784 0.085 39.68 24.491 27.947 47.445l-52.309 95.317c-5.552 9.965-16.026 16.595-28.048 16.595-5.661 0-10.978-1.47-15.592-4.049l0.162 0.083c-9.903-5.644-16.472-16.133-16.472-28.155 0-5.596 1.423-10.859 3.927-15.448l-0.084 0.169c7.040-12.8 15.829-28.8 26.325-48.085h-9.899c-17.613-0.172-31.824-14.489-31.824-32.127 0-5.512 1.388-10.7 3.834-15.233l-0.084 0.171c17.28-32.299 34.645-64.512 52.053-96.597zM554.667 512l-303.957 0.128c-10.214 1.204-18.16 9.473-18.855 19.732l-0.004 0.065 0.085 3.84 2.517 21.803 49.92 8.363c20.319 3.518 35.577 21.014 35.577 42.073 0 23.564-19.103 42.667-42.667 42.667-0.703 0-1.402-0.017-2.096-0.051l0.098 0.004-4.949-0.555-25.685-4.267 3.157 27.435c2.169 18.335 15.691 32.982 33.254 36.812l0.282 0.052 4.907 0.725 18.176 1.664 50.901 4.352 45.355 3.499 39.893 2.56 34.304 1.621 19.797 0.597 17.323 0.213 17.323-0.213 19.797-0.597 5.547-0.256v-41.259h-134.187l-4.992-0.256c-11.903-1.45-22.139-7.613-28.937-16.536l-0.076-0.104c-3.828-5.823-9.761-15.645-15.517-25.583l-2.403-4.497c-3.751-6.2-5.971-13.69-5.971-21.698 0-13.834 6.623-26.12 16.872-33.862l0.107-0.077c15.744-11.904 46.336-13.184 59.776 8.235l5.76 9.216 109.568-0.085z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ev_car_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 310,
+				"id": 21,
+				"name": "db_ic_ev_car_24",
+				"prevSize": 32,
+				"code": 922007
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 21
+		},
+		{
+			"icon": {
+				"paths": [
+					"M711.339 256c53.035 0 95.915 43.136 99.328 95.787l0.213 117.547c0 0.006 0 0.014 0 0.022 0 9.089-2.842 17.514-7.686 24.436l0.091-0.138-193.877 217.429c-7.252 8.75-18.123 14.281-30.285 14.281-0.543 0-1.083-0.011-1.621-0.033l0.077 0.002h-150.912c0 70.692-57.308 128-128 128s-128-57.308-128-128v0h-42.667c-21.803-0.003-39.784-16.359-42.348-37.47l-0.020-0.205-0.299-61.867c0-83.627 67.072-156.459 156.459-156.459h137.941l-11.349-42.496h-112.384c-23.68 0-42.411-20.949-42.411-42.837s20.224-41.685 42.411-41.685l121.088 0.299c29.653 0 55.723 18.645 66.176 45.909l68.736 251.477h42.88l170.667-187.008v-94.293c0-8.235-3.2-17.451-14.208-17.451h-85.333c-23.552 0-42.667-18.048-42.667-41.6 0-21.888 19.285-43.648 42.667-43.648zM810.667 597.333c70.692 0 128 57.308 128 128s-57.308 128-128 128v0c-70.692 0-128-57.308-128-128s57.308-128 128-128v0zM256 725.333c0 23.564 19.103 42.667 42.667 42.667v0c21.888 0 42.667-16.384 42.667-42.667zM810.667 682.667c-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667v0c23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667v0zM403.2 554.667h-161.408c-37.205 0-67.755 28.587-70.827 64.981l-0.299 20.352h256z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_electric_scooter_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 309,
+				"id": 22,
+				"name": "db_ic_electric_scooter_24",
+				"prevSize": 32,
+				"code": 922006
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 22
+		},
+		{
+			"icon": {
+				"paths": [
+					"M349.781 85.333l318.507 0.939c12.331 0 24.96 3.499 36.011 10.112l42.283 24.917c9.409 5.572 15.619 15.672 15.619 27.222 0 17.37-14.046 31.46-31.399 31.53l-0.007 0c-5.936-0.059-11.477-1.7-16.236-4.52l0.151 0.083-42.325-24.917c-1.579-0.981-4.096-1.579-4.096-1.579h-43.52v113.28h35.968c82.693 0.314 149.641 67.277 149.931 149.946l0 0.028v376.32c-0.314 82.678-67.253 149.617-149.901 149.931l-0.030 0h-303.36c-82.696-0.29-149.659-67.238-149.973-149.901l-0-0.030v-375.979c0.29-82.696 67.238-149.659 149.901-149.973l0.030-0h35.669v-114.261h-43.861c-1.28-0.341-3.157 0.64-4.736 1.579l-38.827 24.917c-4.814 3.117-10.7 4.971-17.017 4.971-11.078 0-20.825-5.697-26.471-14.322l-0.074-0.121c-3.106-4.808-4.951-10.682-4.951-16.987 0-11.070 5.689-20.811 14.303-26.459l0.12-0.074 38.827-24.96c11.989-7.893 26.197-11.691 39.467-11.691zM660.395 325.547h-303.36c-47.924 0.073-86.754 38.903-86.827 86.82l-0 0.007v375.979c0 48 39.168 86.827 86.827 86.827h303.701c47.905-0.097 86.711-38.918 86.784-86.82l0-0.007-0.299-375.979c-0.097-47.905-38.918-86.711-86.82-86.784l-0.007-0zM645.888 747.648c17.365 0 31.573 14.208 31.573 31.573s-14.208 31.573-31.573 31.573h-41.984c-17.418-0.048-31.525-14.155-31.573-31.569l-0-0.005c0-17.365 14.208-31.573 31.573-31.573zM414.805 746.368c17.365 0 31.573 14.208 31.573 31.573s-14.208 31.573-31.573 31.573h-41.984c-17.418-0.048-31.525-14.155-31.573-31.569l-0-0.005c0-17.365 14.208-31.573 31.573-31.573zM603.904 389.675c40.107 0 72.619 32.512 72.619 72.576v105.131c0 40.107-32.555 72.619-72.619 72.619h-190.037c-40.107 0-72.619-32.512-72.619-72.619v-105.131c0-40.107 32.512-72.576 72.619-72.576zM603.904 452.821h-190.037c-5.207 0.024-9.424 4.226-9.472 9.425l-0 0.005v105.131c0 5.077 4.096 9.472 9.472 9.472h190.037c5.222-0.024 9.448-4.25 9.472-9.47l0-0.002v-105.131c-0.024-5.222-4.25-9.448-9.47-9.472l-0.002-0zM561.579 148.779h-105.387v113.664h105.387z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_electric_locomotive_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 308,
+				"id": 23,
+				"name": "db_ic_electric_locomotive_24",
+				"prevSize": 32,
+				"code": 922005
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 23
+		},
+		{
+			"icon": {
+				"paths": [
+					"M913.749 394.496c10.496 0 21.291 7.936 21.333 21.333 0.128 25.173 0.128 50.347 0 75.52-0.447 11.46-9.814 20.588-21.327 20.651l-0.006 0c-6.364 0.035-13.888 0.055-21.417 0.055-13.697 0-27.379-0.067-41.044-0.199l2.088 0.016v65.109c-0.471 11.409-9.834 20.48-21.316 20.48-0.006 0-0.012-0-0.018-0l0.001 0c-20.907 0.085-42.24 0.085-64.043 0v42.795c0 4.736-1.28 12.373-5.547 16.384-15.232 14.464-30.549 28.843-45.909 43.179 9.244 20.344 14.632 44.117 14.632 69.149 0 94.28-76.429 170.709-170.709 170.709-47.093 0-89.733-19.070-120.618-49.908l0.002 0.002c-30.899-30.887-50.011-73.563-50.011-120.703 0-94.257 76.41-170.667 170.667-170.667 18.018 0 35.384 2.792 51.689 7.967l-1.209-0.331 205.312-205.312c3.965-3.669 9.221-5.995 15.016-6.228l0.046-0.001c12.237-0.041 26.713-0.064 41.195-0.064 14.49 0 28.974 0.023 43.452 0.070l-2.258-0.006zM536.149 726.571c-35.558 0-64.384 28.826-64.384 64.384s28.826 64.384 64.384 64.384v0c35.558 0 64.384-28.826 64.384-64.384s-28.826-64.384-64.384-64.384v0zM698.453 129.536c58.027-0.128 93.653 37.547 103.381 76.8l8.96 36.992 13.909 60.032c5.461 23.808-13.013 43.691-29.696 48.427-16.64 4.693-46.123-0.725-53.291-30.763l-6.187-26.709-9.173-40.192-5.717-23.68c-2.773-11.051-10.069-17.024-18.603-17.109h-382.336c-6.101 0-13.397 6.144-16.384 17.067 43.169-220.736 30.648-168.542 18.229-116.308l-54.453 271.487h372.651c23.564 0 42.667 19.103 42.667 42.667v0c0.001 0.127 0.002 0.278 0.002 0.429 0 23.329-18.911 42.24-42.24 42.24-0.151 0-0.301-0.001-0.452-0.002l0.023 0h-385.365c-14.421 0.043-22.443 11.008-22.443 23.808 0.768 7.253 1.579 14.507 2.517 21.76l49.92 8.363c20.333 3.505 35.606 21.008 35.606 42.078 0 2.468-0.21 4.887-0.612 7.241l0.036-0.253c-3.584 21.632-22.699 38.144-49.067 35.115-16.787-2.48-25.516-3.973-34.217-5.546l8.532 1.28 3.115 27.051c2.18 18.357 15.74 33.014 33.341 36.813l0.281 0.051 27.947 1.451v97.877c0 23.564-19.103 42.667-42.667 42.667v0h-42.667c-23.564 0-42.667-19.103-42.667-42.667v0-73.685c-8.168-12.971-14.189-28.174-17.121-44.451l-0.116-0.776-16.896-144.555c-0.457-3.708-0.718-8-0.718-12.353 0-7.498 0.774-14.815 2.247-21.875l-0.121 0.692h-35.627c-15.787 0-27.648-13.739-27.648-29.44v-28.416c-0.004-0.181-0.007-0.395-0.007-0.609 0-14.845 12.035-26.88 26.88-26.88 0.272 0 0.544 0.004 0.815 0.012l-0.040-0.001h66.475l40.747-174.592c10.496-44.971 50.133-81.408 99.499-81.408l378.795-0.085z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_carsharing_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 307,
+				"id": 24,
+				"name": "db_ic_carsharing_24",
+				"prevSize": 32,
+				"code": 922004
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 24
+		},
+		{
+			"icon": {
+				"paths": [
+					"M827.648 554.667c0.216-0.002 0.471-0.002 0.726-0.002 60.764 0 110.051 49.138 110.292 109.846l0 0.023v188.8c0 21.333-21.333 42.667-42.667 42.667l-42.667-0.043c0 23.564-19.103 42.667-42.667 42.667v0h-128c-23.467 0-42.667-19.2-42.667-42.667h-256c0 23.467-19.2 42.667-42.667 42.667h-128.512c-23.33-0.215-42.159-19.177-42.159-42.537 0-0.211 0.002-0.421 0.005-0.631l-0 0.032-42.667 0.512c-21.333 0-42.667-21.333-42.667-42.667v-188.8c0.241-60.731 49.528-109.869 110.293-109.869 0.255 0 0.51 0.001 0.765 0.003l-0.039-0zM828.075 639.744h-1.408l-9.856 0.043h-5.077l-67.371 0.085-548.011-0.128c-16 0-25.685 13.44-25.685 28.245v100.011h682.667v-103.467c0-0.027 0-0.060 0-0.093 0-13.62-11.041-24.661-24.661-24.661-0.21 0-0.42 0.003-0.628 0.008l0.031-0.001zM227.029 85.333c0.12-0.002 0.262-0.003 0.405-0.003 13.691 0 25.374 8.598 29.944 20.689l0.073 0.22 96.981 256.683c5.419 14.336 2.859 26.581-22.827 26.581-22.827 0-31.317-5.717-37.077-19.925l-18.048-44.715h-113.109l-15.232 40.875c-6.4 17.237-15.189 23.765-38.016 23.765s-28.331-11.307-22.827-25.643l98.859-257.621c4.309-11.221 14.251-20.907 26.624-20.907zM866.219 85.248c0.129-0 0.281-0 0.433-0 17.405 0 34.323 2.084 50.519 6.017l-1.458-0.299c14.293 1.92 23.851 15.232 22.869 29.525 0 18.091-6.656 27.605-30.464 22.869-12.145-3.629-26.101-5.718-40.544-5.718-0.146 0-0.292 0-0.438 0.001l0.023-0c-60.885 0-80.896 34.261-80.896 99.968 0 60.928 19.029 99.029 79.957 99.029 16.069-0.313 31.449-2.723 46.048-6.967l-1.248 0.311c18.987-4.779 29.44 1.92 29.44 20.011 0.158 1.109 0.249 2.389 0.249 3.69 0 12.941-8.932 23.795-20.967 26.735l-0.188 0.039c-18.091 5.717-37.12 8.533-56.192 8.533-92.331 0.043-138.027-54.229-138.027-149.419 0-97.152 47.616-154.283 140.885-154.283zM450.56 85.333l3.755 0.171h85.717c57.088 0 95.147 21.931 95.147 76.203 0 32.384-12.373 51.413-49.493 64.725 37.73 1.343 67.807 32.253 67.807 70.188 0 1.771-0.066 3.527-0.194 5.266l0.014-0.232c0 59.051-43.819 86.656-114.261 86.656h-84.736c-16.171 1.92-28.587-11.435-27.605-27.605v-248.533c-0.939-15.232 12.373-28.587 27.605-26.667zM539.52 253.781h-52.352v86.699h44.715c40.021 0 59.989-10.453 59.989-44.757 0-27.605-14.251-41.899-52.352-41.899zM223.787 166.571l-40.405 113.109h80.725l-40.363-113.067zM536.661 134.784h-49.493v69.504h47.573c24.747 0 42.88-8.533 42.88-36.181 0-21.888-9.557-33.323-40.96-33.323z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_car_sequence_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 298,
+				"id": 25,
+				"name": "db_ic_car_sequence_24",
+				"prevSize": 32,
+				"code": 921927
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 25
+		},
+		{
+			"icon": {
+				"paths": [
+					"M704.299 170.667c45.312 0 84.352 30.72 97.621 74.453l42.581 181.547h66.517c14.336 0 25.472 9.728 27.349 23.296l0.299 32.64c0 14.251-9.813 26.88-23.467 29.056l-39.808 0.384c1.408 6.869 2.133 13.995 2.133 21.291 0 4.864-5.547 54.741-16.555 149.675-2.317 19.732-8.81 37.566-18.573 53.141l0.312-0.533-0.043 75.093c0 23.564-19.103 42.667-42.667 42.667v0h-42.667c-23.564 0-42.667-19.103-42.667-42.667v0-12.16c-59.422 0.928-129.54 1.456-199.782 1.456-72.277 0-144.423-0.559-216.434-1.674l10.883 0.133v12.203c0 23.564-19.103 42.667-42.667 42.667v0h-42.667c-23.564 0-42.667-19.103-42.667-42.667v0-74.965c-7.803-12.394-13.664-26.878-16.72-42.369l-0.133-0.81c-1.963-10.411-7.765-59.392-17.28-146.944-0.459-3.716-0.721-8.017-0.721-12.38 0-7.503 0.775-14.826 2.25-21.891l-0.121 0.692h-35.627c-15.787 0-27.648-13.696-27.648-29.44v-28.416c-0.004-0.181-0.007-0.395-0.007-0.609 0-14.845 12.035-26.88 26.88-26.88 0.272 0 0.544 0.004 0.815 0.012l-0.040-0.001h66.475l40.747-174.549c10.496-45.013 51.115-81.451 97.28-81.451zM250.709 512.128c-10.214 1.204-18.16 9.473-18.855 19.732l-0.004 0.065c-0.427 6.741 0.427 15.275 2.603 25.643l49.92 8.363c20.319 3.518 35.577 21.014 35.577 42.073 0 23.564-19.103 42.667-42.667 42.667-0.703 0-1.402-0.017-2.096-0.051l0.098 0.004-30.635-4.821 3.157 27.435c2.169 18.335 15.691 32.982 33.254 36.812l0.282 0.052c96.853 10.069 173.781 15.147 230.656 15.232s132.139-4.736 225.707-14.507c18.434-1.738 33.346-14.976 37.572-32.391l0.060-0.292 3.968-32.341-25.6 4.267c-2.13 0.377-4.582 0.592-7.084 0.592-23.564 0-42.667-19.103-42.667-42.667 0-19.354 12.887-35.699 30.548-40.921l0.302-0.077 54.699-9.429c1.683-6.65 2.65-14.285 2.65-22.145 0-0.315-0.002-0.629-0.005-0.943l0 0.048c0.043-12.8-8.619-22.187-20.011-22.187zM597.333 571.733c0-0 0-0 0.001-0 13.836 0 26.133 6.585 33.929 16.793l0.076 0.103 24.107 40.405c3.708 6.195 5.901 13.666 5.901 21.65 0 23.564-19.103 42.667-42.667 42.667-13.843 0-26.147-6.593-33.942-16.81l-0.076-0.104-11.776-19.413h-121.813l-8.96 15.275c-11.093 18.859-37.76 28.245-58.411 15.147-20.651-13.141-26.027-34.432-17.408-53.973l23.595-40.704c6.714-11.265 18.192-19.092 31.582-20.716l0.205-0.020zM319.701 256c-6.101 0-12.117 4.352-15.147 11.605-2.005 4.864-14.507 57.899-37.504 159.061h489.856l-36.224-155.179c-1.92-8.235-6.955-15.488-17.365-15.488h-383.573z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_car_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 306,
+				"id": 26,
+				"name": "db_ic_car_24",
+				"prevSize": 32,
+				"code": 921937
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 26
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 480c-4.053 0-7.851 0.896-11.819 1.195l-21.717-65.195h76.203c0.002 0 0.004 0 0.006 0 10.309 0 19.643-4.174 26.405-10.923l-0.001 0.001 42.667-42.667c6.763-6.757 10.946-16.096 10.946-26.411 0-20.62-16.716-37.335-37.335-37.335-10.305 0-19.634 4.175-26.39 10.925l-31.744 31.744h-85.632l-34.133-102.443c-5.096-14.962-19.017-25.537-35.411-25.557l-85.336-0c-20.619 0-37.333 16.715-37.333 37.333s16.715 37.333 37.333 37.333v0h58.411l27.989 83.883-140.629 187.563-92.971-228.779h19.2c20.619 0 37.333-16.715 37.333-37.333s-16.715-37.333-37.333-37.333v0h-128c-20.619 0-37.333 16.715-37.333 37.333s16.715 37.333 37.333 37.333v0h28.203l35.371 87.040-50.432 72.021c-16.617-6.186-35.815-9.767-55.849-9.771l-0.002-0c-91.272 0.097-165.236 74.061-165.333 165.324l-0 0.009c0.097 91.272 74.061 165.236 165.324 165.333l0.009 0c82.048 0 149.803-60.203 162.645-138.667h72.021c5.692-0.067 11.054-1.414 15.833-3.766l-0.217 0.096c1.408-0.683 2.517-1.749 3.84-2.603 3.313-2.008 6.152-4.385 8.585-7.13l0.033-0.038c0.512-0.597 1.323-0.853 1.792-1.493l149.248-198.997 15.061 45.184c-48.896 28.757-82.176 81.365-82.176 142.080 0.097 91.272 74.061 165.236 165.324 165.333l0.009 0c91.272-0.097 165.236-74.061 165.333-165.324l0-0.009c-0.097-91.272-74.061-165.236-165.324-165.333l-0.009-0zM435.2 597.333h-107.52l68.011-97.195zM256 736c-50.054-0.049-90.618-40.612-90.667-90.662l-0-0.005c0-50.005 40.661-90.667 90.667-90.667 3.328 0 6.571 0.469 9.856 0.811l-40.448 57.771c-0.768 1.067-0.896 2.347-1.493 3.456-2.354 4.11-3.963 8.941-4.509 14.090l-0.014 0.16c-0.128 1.28-0.768 2.389-0.768 3.712 0 1.109 0.555 2.048 0.64 3.115 0.213 2.56 0.768 4.949 1.493 7.424 0.702 2.527 1.56 4.708 2.612 6.775l-0.094-0.204c1.17 2.139 2.428 3.983 3.844 5.69l-0.047-0.058c1.611 2.078 3.361 3.91 5.282 5.546l0.052 0.043c0.811 0.683 1.28 1.621 2.133 2.261 1.408 0.981 2.987 1.408 4.437 2.176 1.323 0.683 2.517 1.408 3.925 1.92 3.832 1.575 8.274 2.536 12.927 2.645l0.044 0.001h86.187c-11.655 37.261-45.796 63.856-86.17 64l-0.017 0zM768 736c-50.054-0.049-90.618-40.612-90.667-90.662l-0-0.005c0-27.52 12.587-51.925 32-68.565l23.253 69.675c4.795 15.467 18.973 26.506 35.729 26.506 20.619 0 37.333-16.715 37.333-37.333 0-4.565-0.819-8.939-2.319-12.983l0.084 0.258-22.315-66.901c44.006 6.571 77.394 44.038 77.525 89.33l0 0.014c-0.049 50.054-40.612 90.618-90.662 90.667l-0.005 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_call_a_bike_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 304,
+				"id": 27,
+				"name": "db_ic_call_a_bike_24",
+				"prevSize": 32,
+				"code": 922001
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 27
+		},
+		{
+			"icon": {
+				"paths": [
+					"M320 597.333c58.91 0 106.667 47.756 106.667 106.667s-47.756 106.667-106.667 106.667v0c-58.91 0-106.667-47.756-106.667-106.667s47.756-106.667 106.667-106.667v0zM99.712 394.368c23.168-92.288 115.413-150.528 209.451-132.181 11.52 2.176 41.387 12.288 89.515 30.251 86.878 34.362 161.5 81.523 225.589 140.029l-0.565-0.509c32.902 29.712 62.954 60.926 90.72 94.118l1.184 1.455c6.050 7.31 9.72 16.782 9.72 27.111 0 3.97-0.542 7.814-1.557 11.461l0.071-0.3c-4.949 18.261-14.933 41.643-30.037 70.656l-38.528 68.139c-6.649 10.943-17.814 18.575-30.842 20.328l-0.219 0.024-112.213 0.085c-21.76 0.299-41.387-18.091-41.387-42.368 0-24.32 19.627-42.368 41.387-42.368l82.347-0.341 39.851-76.373c-31.019-32.725-53.675-55.552-67.925-68.565-55.716-50.845-121.112-92.25-192.937-121.015l-4.311-1.524c-35.328-14.933-63.104-24.149-83.285-27.733-3.552-0.474-7.658-0.744-11.828-0.744-43.195 0-79.609 29.031-90.795 68.645l-0.16 0.665c-8.192 31.787-12.288 51.925-12.288 60.288v134.912c20.181 6.827 32.043 31.403 25.643 52.309-5.623 17.601-21.834 30.124-40.97 30.124-4.378 0-8.603-0.655-12.582-1.874l0.304 0.080c-36.011-10.027-57.728-40.363-57.728-80.597v-139.221c0-9.301 4.779-34.304 14.379-74.965zM896 597.333c23.564 0 42.667 19.103 42.667 42.667v0c0 21.888-17.877 42.667-42.667 42.667-7.979 0-15.531 1.92-22.656 5.803l-38.827 21.205c-19.072 10.027-39.339 15.659-66.517 15.659-23.564 0-42.667-19.103-42.667-42.667v0c0-21.888 16.768-42.667 42.667-42.667 10.923 0 19.456-1.707 25.6-5.205l38.827-21.205c19.499-10.667 41.387-16.256 63.573-16.256zM320 682.667c-11.782 0-21.333 9.551-21.333 21.333s9.551 21.333 21.333 21.333v0c11.782 0 21.333-9.551 21.333-21.333s-9.551-21.333-21.333-21.333v0zM286.208 392.747c5.547 0 12.885 1.536 21.973 4.565l118.784 47.915c15.14 7.116 28.166 15.127 40.177 24.39l-0.497-0.369 66.304 56.747c6.835 7.537 11.020 17.588 11.020 28.616 0 23.564-19.103 42.667-42.667 42.667-8.705 0-16.802-2.607-23.551-7.083l0.158 0.098-64.213-54.144c-6.223-4.698-13.26-9.018-20.701-12.637l-0.76-0.334-90.027-36.352-4.779 35.371c-4.738 18.786-21.486 32.47-41.43 32.47-23.564 0-42.667-19.103-42.667-42.667 0-0.105 0-0.211 0.001-0.316l-0 0.016 8.619-68.992c6.656-29.824 32.64-49.92 64.256-49.92z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bicycle_trailer_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 303,
+				"id": 28,
+				"name": "db_ic_bicycle_trailer_24",
+				"prevSize": 32,
+				"code": 922002
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 28
+		},
+		{
+			"icon": {
+				"paths": [
+					"M761.301 251.221c2.432 18.347-7.509 36.992-31.147 40.747-12.373 1.707-24.747 3.328-37.12 4.907l60.757 190.123c4.239-0.389 9.168-0.61 14.149-0.61 90.722 0 164.267 73.545 164.267 164.267s-73.545 164.267-164.267 164.267c-90.722 0-164.267-73.545-164.267-164.267 0-60.019 32.189-112.52 80.245-141.182l0.753-0.416-12.203-38.272-143.701 159.744c-8.625 9.548-21.051 15.523-34.873 15.523-17.433 0-32.646-9.504-40.739-23.614l-0.121-0.229-42.624-98.645-23.467 27.861c20.795 27.228 33.319 61.74 33.319 99.178 0 90.722-73.545 164.267-164.267 164.267s-164.267-73.545-164.267-164.267c0-90.722 73.545-164.267 164.267-164.267 27.575 0 53.562 6.794 76.38 18.8l-0.899-0.431 46.933-55.808-48.811-113.963h-30.933c-20.030 0-36.267-16.237-36.267-36.267v0c0-18.475 14.251-36.267 36.267-36.267 35.541-0.085 71.125-0.085 106.667 0 19.707 0.416 35.524 16.491 35.524 36.259 0 18.671-14.109 34.046-32.246 36.046l-0.163 0.015c9.813 23.083 19.84 46.549 30.123 70.357l190.763-69.376-18.517-58.027c-1.114-3.323-1.758-7.149-1.758-11.126 0-18.329 13.661-33.467 31.356-35.788l0.183-0.020c26.624-3.669 53.248-7.253 79.957-10.667 1.442-0.203 3.107-0.319 4.799-0.319 18.337 0 33.495 13.608 35.926 31.276l0.021 0.189zM256 558.933c-50.659 0.006-91.724 41.074-91.724 91.733 0 50.663 41.070 91.733 91.733 91.733s91.733-41.070 91.733-91.733c0-14.996-3.598-29.151-9.978-41.65l0.241 0.519-54.272 64.512c-6.753 7.831-16.688 12.759-27.773 12.759-8.899 0-17.056-3.175-23.401-8.455l0.059 0.048c-14.037-11.819-18.56-34.987-4.352-51.115 18.005-21.547 36.053-43.051 54.187-64.469-7.902-2.464-16.988-3.883-26.406-3.883-0.017 0-0.033 0-0.050 0l0.003-0zM776.917 559.36l25.6 80.256c1.085 3.293 1.71 7.083 1.71 11.019 0 16.083-10.444 29.726-24.92 34.518l-0.257 0.074c-3.266 1.062-7.023 1.674-10.924 1.674-16.109 0-29.779-10.442-34.612-24.926l-0.074-0.257c-8.619-26.752-17.195-53.461-25.643-80.213-19.355 16.908-31.513 41.634-31.513 69.199 0 50.663 41.070 91.733 91.733 91.733s91.733-41.070 91.733-91.733c0-47.529-36.146-86.615-82.449-91.269l-0.385-0.031zM625.92 414.123l-158.72 57.685 34.432 80.384z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bicycle_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 295,
+				"id": 29,
+				"name": "db_ic_bicycle_24",
+				"prevSize": 32,
+				"code": 922169
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 29
+		},
+		{
+			"icon": {
+				"paths": [
+					"M628.053 302.549c126.549-40.704 287.957 4.395 318.293 105.771 19.499 64.768-24.405 141.653-97.067 164.053-48.64 15.317-97.28 30.592-146.005 45.781l-120.576 220.416c-8.277 13.824-29.227 30.72-45.44 34.475-4.364 1.359-11.413 3.155-18.539 4.745l-2.453 0.46c-42.88 8.533-86.613-24.192-87.083-72.32l-0.896-101.035-78.293 23.979c-79.531 21.504-162.133-20.907-189.44-97.536l-72.235-202.965c-1.903-6.114-2.999-13.143-2.999-20.428 0-27.441 15.549-51.25 38.317-63.097l0.394-0.187 25.941-10.667c10.265-4.407 22.212-6.969 34.757-6.969 21.396 0 41.050 7.453 56.51 19.905l-0.174-0.135c23.040 18.261 46.080 36.523 68.992 54.827l317.995-99.115zM758.059 374.784c-29.141-3.712-72.704-2.005-104.235 9.131-66.133 20.48-179.456 55.808-339.925 105.941-3.792 1.226-8.156 1.933-12.684 1.933-10.068 0-19.321-3.495-26.61-9.337l0.084 0.065c-29.013-22.912-57.941-45.867-86.784-68.907-1.323-1.024-2.475-1.408-4.011-1.109l-9.429 3.627 66.56 186.709c11.52 32.896 47.872 55.595 91.733 42.155l125.184-38.485c25.685-7.893 56.363 11.648 55.211 40.448 0.469 46.293 0.853 92.587 1.152 138.88l122.411-223.744c4.395-8.064 13.44-16.725 24.661-20.224l162.56-50.987c28.544-8.747 51.541-40.704 37.205-65.664l-60.971 22.315c-4.368 1.653-9.418 2.609-14.692 2.609-18.283 0-33.879-11.499-39.953-27.659l-0.097-0.294c-1.734-4.426-2.74-9.551-2.74-14.91 0-13.045 5.956-24.7 15.297-32.392l0.072-0.058zM412.373 527.659c1.301 3.907 2.052 8.404 2.052 13.077 0 23.578-19.114 42.692-42.692 42.692-18.905 0-34.94-12.288-40.554-29.313l-0.086-0.302c-1.301-3.907-2.052-8.404-2.052-13.077 0-23.578 19.114-42.692 42.692-42.692 18.905 0 34.94 12.288 40.554 29.313l0.086 0.302zM545.024 484.949c1.593 4.294 2.515 9.255 2.515 14.431 0 23.564-19.103 42.667-42.667 42.667-19.357 0-35.704-12.891-40.923-30.556l-0.076-0.302c-1.058-3.537-1.667-7.602-1.667-11.809 0-23.564 19.103-42.667 42.667-42.667 18.388 0 34.060 11.632 40.057 27.94l0.095 0.296zM677.717 442.24c1.297 3.9 2.046 8.391 2.046 13.056 0 23.575-19.111 42.686-42.686 42.686-18.909 0-34.947-12.296-40.554-29.328l-0.086-0.302c-1.235-3.809-1.947-8.192-1.947-12.741 0-23.564 19.103-42.667 42.667-42.667 18.783 0 34.73 12.137 40.429 28.995l0.088 0.301zM442.837 150.827l83.499 83.456c7.718 7.721 12.492 18.386 12.492 30.165s-4.774 22.445-12.492 30.165l0-0c-15.36 15.36-41.131 17.877-60.331 0-26.88-26.667-53.632-53.419-80.341-80.256l-3.968 1.067 32.213 66.56c2.635 5.403 4.176 11.756 4.176 18.468 0 16.822-9.677 31.384-23.768 38.422l-0.248 0.112c-5.38 2.596-11.699 4.113-18.372 4.113-16.81 0-31.371-9.625-38.475-23.664l-0.113-0.246-38.187-78.933c-20.608-54.613 9.685-82.944 32.213-95.915 5.931-3.413 11.861-6.187 17.749-8.32-1.055 0.006 5.22-1.795 11.52-3.537l7.254-1.711c6.226-1.839 13.379-2.898 20.779-2.898 21.321 0 40.59 8.786 54.384 22.935l0.016 0.016z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_airplane_24"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 302,
+				"id": 30,
+				"name": "db_ic_airplane_24",
+				"prevSize": 32,
+				"code": 922000
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 30
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-action-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-action-filled.json
new file mode 100644
index 0000000000..5e8787ad91
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-action-filled.json
@@ -0,0 +1,346 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M512 64c247.008 0 448 200.992 448 448s-200.992 448-448 448-448-200.992-448-448 200.992-448 448-448zM492.8 419.84h0.032l-16.832 4.16h-52c-17.984 0-32 13.984-32 32s13.984 32 32 32h56v184h-64c-17.984 0-32 13.984-32 32s13.984 32 32 32h192c17.984 0 32-13.984 32-32s-13.984-32-32-32h-64v-224c0-18.112-14.208-31.52-32.096-31.744-5.856-0.064-12.448 1.984-19.104 3.584zM507.008 259.008c-26.016 0-48 21.984-48 48 0 26.51 21.49 48 48 48v0c26.976 0 48-20.992 48-48 0-26.51-21.49-48-48-48v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_info_solid_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 230,
+				"id": 0,
+				"name": "db_ic_info_solid_32",
+				"prevSize": 32,
+				"code": 128712
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M64 512c0-247.040 200.96-448 448-448s448 200.96 448 448-200.96 448-448 448-448-200.96-448-448zM463.776 562.144c-0 17.638 14.298 31.936 31.936 31.936s31.936-14.298 31.936-31.936v0c0-63.872 116.192-52.032 116.192-178.272 0-63.808-51.552-111.872-119.936-111.872-48.8 0-115.904 9.824-115.904 47.648 0 17.376 14.336 31.904 31.936 31.904 29.792 0 36.704-15.68 83.968-15.68 27.904 0 56.096 14.848 56.096 48 0 90.080-116.224 69.376-116.224 178.272zM540.768 700c0-24.301-19.699-44-44-44s-44 19.699-44 44v0c0 24.301 19.699 44 44 44s44-19.699 44-44v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_help_solid_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 229,
+				"id": 1,
+				"name": "db_ic_help_solid_32",
+				"prevSize": 32,
+				"code": 63
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c247.008 0 448 200.992 448 448s-200.992 448-448 448-448-200.992-448-448 200.992-448 448-448zM704 480h-384c-17.984 0-32 13.984-32 32s13.984 32 32 32h384c17.984 0 32-13.984 32-32s-13.984-32-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_remove_solid_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 247,
+				"id": 2,
+				"name": "db_ic_remove_solid_32",
+				"prevSize": 32,
+				"code": 8861
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M959.36 396.16c5.839 5.799 9.453 13.831 9.453 22.707 0 17.673-14.327 32-32 32-7.344 0-14.111-2.474-19.512-6.635l0.075 0.055-47.712-46.816-179.616 177.824c139.264 169.44-101.888 368.64-113.504 378.048-5.449 4.438-12.477 7.127-20.133 7.127-7.365 0-14.149-2.488-19.557-6.67l0.074 0.055-226.752-224.064-219.776 217.6c-5.788 5.772-13.775 9.341-22.595 9.341-17.673 0-32-14.327-32-32 0-7.537 2.606-14.465 6.965-19.933l-0.050 0.065 221.952-220.064-223.2-220.96c-5.874-5.804-9.512-13.86-9.512-22.766 0-6.332 1.839-12.235 5.013-17.203l-0.077 0.129c39.68-48.768 219.712-235.040 383.712-115.136l179.744-177.92-44.128-43.712c-5.856-5.801-9.482-13.845-9.482-22.736 0-8.779 3.535-16.733 9.26-22.515l-0.003 0.003c2.144-2.144 22.4-21.28 44.352 0 44.064 42.656 163.744 160.736 358.976 354.24z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_pin_solid_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 246,
+				"id": 3,
+				"name": "db_ic_pin_solid_32",
+				"prevSize": 32,
+				"code": 922161
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M624 192c-74.656 0-151.2 39.968-193.984 98.592l-4.352 5.504c-17.22-5.139-37.007-8.096-57.485-8.096-0.063 0-0.126 0-0.189 0l0.010-0-7.744 0.128c-93.054 3.583-170.179 67.745-193.269 154.001l-0.331 1.455-2.176 6.848c-61.76 37.888-100.48 102.4-100.48 173.568 0 115.52 100.864 208 224 208l455.904-0.128c120.128-4.16 216.096-95.296 216.096-207.872l-0.16-8.256c-2.784-65.76-38.624-125.056-94.816-161.824-0.672-12.16-1.024-19.456-1.024-21.92 0-132.544-107.52-240-240-240z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_cloud_solid_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 245,
+				"id": 4,
+				"name": "db_ic_cloud_solid_32",
+				"prevSize": 32,
+				"code": 9729
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c247.008 0 448 200.992 448 448s-200.992 448-448 448-448-200.992-448-448 200.992-448 448-448zM735.136 338.016v0.032c-0.080-0.001-0.174-0.001-0.268-0.001-8.531 0-16.259 3.434-21.879 8.996l0.003-0.003-278.976 280-122.016-122.016s-14.848-9.472-22.048-9.472c-17.664 0-32.704 14.528-32.704 32.48 0.055 9.018 3.779 17.155 9.754 23.002l0.006 0.006 144 144 2.976 1.984c6.080 4.672 13.152 6.912 20.16 6.912 0.062 0 0.135 0.001 0.209 0.001 8.441 0 16.089-3.397 21.65-8.899l-0.003 0.003 302.016-302.048c7.616-7.616 10.592-15.424 10.592-22.72 0-17.088-15.36-32.256-33.472-32.256z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_check_circle_solid_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 244,
+				"id": 5,
+				"name": "db_ic_check_circle_solid_32",
+				"prevSize": 32,
+				"code": 922144
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512.992 64.032c17.024 0 31.008 15.040 31.008 32v98.016c136.992 15.008 224 127.008 224 293.984v120c0 84 20.992 126.016 80.992 165.024 9.024 5.984 15.008 16 15.008 26.976 0 19.008-14.976 32-32 32h-192c0 71.040-56.992 128-128 128s-128-56.96-128-128h-192c-16.992 0-32-12.992-32-32 0-10.976 6.016-20.992 15.008-26.976 60-39.040 80.992-81.024 80.992-165.056v-120c0-166.976 87.008-278.976 224-293.984v-98.016c0-17.984 14.016-32.96 32-32zM576 832.032h-128c0 35.008 28.992 64 64 64s64-28.992 64-64z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_alert_solid_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 243,
+				"id": 6,
+				"name": "db_ic_alert_solid_32",
+				"prevSize": 32,
+				"code": 59652
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M613.504 192c26.496 0.015 50.478 10.761 67.84 28.128l0 0 67.968 67.872 114.816 0.128c51.072 0.064 95.872 48.512 95.872 95.872v351.936c0 53.019-42.981 96-96 96v0h-704c-53.019 0-96-42.981-96-96v0-351.808c-0-52.986 42.926-95.945 95.899-96l114.789-0.128 67.936-67.872c16.512-16.512 43.36-28.128 67.936-28.128zM512 384c-88.366 0-160 71.634-160 160s71.634 160 160 160v0c88.366 0 160-71.634 160-160s-71.634-160-160-160v0zM512 448c53.019 0 96 42.981 96 96s-42.981 96-96 96v0c-53.019 0-96-42.981-96-96s42.981-96 96-96v0zM256 416h-32c-17.673 0-32 14.327-32 32s14.327 32 32 32v0h32c17.673 0 32-14.327 32-32s-14.327-32-32-32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_camera_solid_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 78,
+				"id": 7,
+				"name": "db_ic_camera_solid_32",
+				"prevSize": 32,
+				"code": 922149
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M272 64c-48 0-80 32-80 80v765.92c0.512 33.44 25.056 50.080 50.24 50.080 18.656 0.096 26.976-3.296 45.952-13.344 48.32-25.568 122.912-63.776 223.808-114.656l224.064 117.696c15.904 7.808 29.12 10.56 43.296 10.304 34.72 0 52.64-27.744 52.64-48v-768c0-48-32-80-80-80z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bookmark_solid_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 79,
+				"id": 8,
+				"name": "db_ic_bookmark_solid_32",
+				"prevSize": 32,
+				"code": 922148
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c247.008 0 448 200.992 448 448s-200.992 448-448 448-448-200.992-448-448 200.992-448 448-448zM512 288c-17.984 0-32 13.984-32 32v160h-160c-17.984 0-32 13.984-32 32s13.984 32 32 32h160v160c0 17.984 13.984 32 32 32s32-13.984 32-32v-160h160c17.984 0 32-13.984 32-32s-13.984-32-32-32h-160v-160c0-17.984-13.984-32-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_add_circle_solid_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 80,
+				"id": 9,
+				"name": "db_ic_add_circle_solid_32",
+				"prevSize": 32,
+				"code": 8853
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512.992 64.032c17.024 0 31.008 15.040 31.008 32v98.016c136.992 15.008 224 127.008 224 293.984v120c0 84 20.992 126.016 80.992 165.024 9.024 5.984 15.008 16 15.008 26.976 0 19.008-14.976 32-32 32h-192c0 71.040-56.992 128-128 128s-128-56.96-128-128h-192c-16.992 0-32-12.992-32-32 0-10.976 6.016-20.992 15.008-26.976 60-39.040 80.992-81.024 80.992-165.056v-120c0-166.976 87.008-278.976 224-293.984v-98.016c0-17.984 14.016-32.96 32-32zM576 832.032h-128c0 35.008 28.992 64 64 64s64-28.992 64-64z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["alert-on"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 105,
+				"id": 10,
+				"name": "alert-on",
+				"prevSize": 32,
+				"code": 922146
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M511.008 888c-0.050 0-0.108 0-0.167 0-8.522 0-16.242-3.434-21.851-8.995l0.002 0.002-356-346.016c-46.976-44.992-68.992-106.976-68.992-166.976 0-133.056 108-238.016 236-238.016 60.992 0 122.016 24 168 70.016l43.008 42.976 43.008-42.976c43.175-43.256 102.865-70.016 168.804-70.016 0.055 0 0.109 0 0.164 0h-0.008c130.048 0 237.024 104.992 237.024 236 0 60-20.992 120.992-71.008 168.992l-354.976 346.048c-5.949 5.571-13.97 8.993-22.791 8.993-0.088 0-0.175 0-0.263-0.001h0.013z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["heart-on"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 106,
+				"id": 11,
+				"name": "heart-on",
+				"prevSize": 32,
+				"code": 9825
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768.992 918.016c-5.511-0.077-10.661-1.551-15.133-4.082l0.157 0.082-242.016-127.040-242.016 127.040c-4.315 2.449-9.465 3.923-14.953 4h-0.023c-20.992 0-34.976-19.936-32-37.024l46.976-269.984-195.968-191.008c-6.061-5.828-9.87-13.959-10.016-22.981v-0.027c0-12.192 8.48-29.312 27.008-32l271.008-38.976 120.96-245.024c5.568-11.2 17.024-16.992 29.024-16.992s23.456 5.76 28.992 16.992l121.024 245.024 270.976 38.976c16.64 2.4 27.008 18.016 27.008 32 0 8-3.936 17.088-10.016 23.008l-196 191.008 47.040 269.984c3.488 20.096-12.032 37.024-32 37.024z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["star-on"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 107,
+				"id": 12,
+				"name": "star-on",
+				"prevSize": 32,
+				"code": 9734
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-action-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-action-outline.json
new file mode 100644
index 0000000000..02c1c6f32d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-action-outline.json
@@ -0,0 +1,2174 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M315.072 921.088l-182.72-144.768c-19.465-15.472-32.68-38.082-35.67-63.811l-0.042-0.445c-0.424-3.378-0.666-7.287-0.666-11.253 0-22.547 7.825-43.267 20.908-59.591l-0.146 0.188c15.447-19.48 38.054-32.7 63.782-35.671l0.442-0.041c3.376-0.424 7.283-0.665 11.246-0.665 22.565 0 43.299 7.837 59.629 20.939l-0.187-0.145 100.48 79.584 0.224-383.872c0.109-52.963 43.032-95.863 95.993-95.936l0.007-0c53.025 0.073 95.991 43.039 96.064 96.057l0 0.007-0.16 241.472c9.515-3.468 20.499-5.473 31.952-5.473 32.343 0 60.95 15.994 78.343 40.504l0.2 0.297c14.752-8.864 31.68-13.632 49.344-13.632h0.096c32.416 0 61.12 16.192 78.496 40.864 14.013-8.523 30.957-13.568 49.080-13.568 0.059 0 0.118 0 0.177 0l-0.009-0c25.696 0 49.792 9.984 67.936 28.192 18.144 18.144 28.128 42.24 28.096 67.872v104.448c0 34.464-7.36 67.168-21.856 97.152-5.195 11.068-16.247 18.595-29.057 18.595-17.673 0-32-14.327-32-32 0-5.278 1.278-10.258 3.541-14.646l-0.084 0.179c9.775-19.965 15.491-43.446 15.491-68.263 0-0.369-0.001-0.738-0.004-1.106l0 0.057v-104.416c0-0.031 0-0.068 0-0.105 0-8.813-3.584-16.789-9.375-22.55l-0.001-0.001c-5.781-5.822-13.79-9.425-22.64-9.425-8.834 0-16.83 3.591-22.607 9.392l-0.001 0.001c-5.679 5.636-9.244 13.394-9.408 21.985l-0 0.031v0.832c-0.073 17.618-14.372 31.872-32 31.872-17.673 0-32-14.327-32-32 0-0.045 0-0.090 0-0.135l-0 0.007v-1.376l0.192-26.080c0-0.062 0.001-0.135 0.001-0.208 0-17.682-14.334-32.017-32.017-32.017-17.609 0-31.898 14.216-32.016 31.797l-0 0.011v0.8c-0.073 17.618-14.372 31.872-32 31.872-17.673 0-32-14.327-32-32 0-0.045 0-0.090 0-0.135l-0 0.007v-1.28l0.192-26.016c-0.046-17.648-14.362-31.936-32.016-31.936-17.682 0-32.016 14.334-32.016 32.016 0 0.028 0 0.056 0 0.084l-0-0.004c0 17.673-14.327 32-32 32s-32-14.327-32-32v0l0.224-332.032c-0.554-17.257-14.676-31.036-32.017-31.036-17.329 0-31.444 13.761-32.014 30.952l-0.001 0.052-0.256 449.984c-0.015 17.662-14.336 31.974-32 31.974-7.538 0-14.468-2.607-19.937-6.968l0.065 0.050-152.32-120.672c-5.457-4.311-12.437-6.916-20.025-6.916-1.254 0-2.491 0.071-3.708 0.21l0.149-0.014c-8.723 1.006-16.258 5.413-21.358 11.838l-0.050 0.066c-4.321 5.408-6.934 12.345-6.934 19.892 0 10.145 4.721 19.187 12.085 25.049l0.065 0.050 182.72 144.736c7.421 5.913 12.136 14.95 12.136 25.088 0 17.673-14.327 32-32 32-0.003 0-0.005-0-0.008-0l0 0c-0.126 0.002-0.274 0.003-0.423 0.003-7.442 0-14.282-2.582-19.671-6.899l0.062 0.048zM288.288 458.208c-0.030 0-0.066 0-0.101 0-11.042 0-20.771-5.621-26.482-14.157l-0.073-0.115c-23.415-34.71-37.376-77.479-37.376-123.508 0-0.15 0-0.3 0-0.451l-0 0.023c0-123.488 100.512-224 224-224s224.032 100.512 224.032 224c0 0.096 0 0.21 0 0.323 0 45.866-13.85 88.496-37.596 123.938l0.508-0.805c-5.814 8.693-15.592 14.34-26.688 14.34-17.675 0-32.004-14.329-32.004-32.004 0-6.579 1.985-12.694 5.389-17.78l-0.073 0.116c17.312-26.144 26.464-56.64 26.464-88.16 0-88.224-71.808-160-160.032-160s-160 71.776-160 160c0 31.648 9.216 62.24 26.656 88.512 3.358 4.983 5.359 11.122 5.359 17.728 0 17.667-14.317 31.991-31.983 32l-0.001 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_push_button_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 23,
+				"id": 93,
+				"name": "db_ic_push_button_32",
+				"prevSize": 32,
+				"code": 922261
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M841.824 512c0 181.856-147.968 329.824-329.824 329.824s-329.824-147.968-329.824-329.824 147.968-329.824 329.824-329.824 329.824 147.968 329.824 329.824zM128 512c0 212.064 171.936 384 384 384s384-171.936 384-384-171.936-384-384-384-384 171.936-384 384zM457.568 361.504c-3.618-1.538-7.826-2.432-12.243-2.432-13.257 0-24.632 8.053-29.502 19.534l-0.079 0.21c-9.922 23.373-32.68 39.468-59.197 39.468-8.82 0-17.224-1.781-24.873-5.002l0.422 0.158c-3.752-1.671-8.131-2.644-12.736-2.644-17.673 0-32 14.327-32 32 0 13.457 8.307 24.974 20.073 29.703l0.215 0.076c14.415 6.167 31.188 9.754 48.798 9.76l0.002 0c50.24 0 98.016-29.792 118.432-79.008 1.538-3.618 2.432-7.826 2.432-12.243 0-13.257-8.053-24.632-19.534-29.502l-0.21-0.079zM734.976 430.752c-4.94-11.689-16.309-19.742-29.559-19.742-4.413 0-8.618 0.893-12.443 2.509l0.21-0.079c-7.222 3.058-15.62 4.835-24.434 4.835-26.519 0-49.281-16.089-59.056-39.039l-0.159-0.419c-5.199-11.081-16.264-18.617-29.088-18.617-17.691 0-32.032 14.341-32.032 32.032 0 3.984 0.727 7.799 2.057 11.318l-0.073-0.22c19.834 46.782 65.37 79.002 118.431 79.008l0.001 0c16.288 0 32.832-3.136 48.8-9.76 16.32-6.752 24.096-25.472 17.344-41.824zM658.464 685.536c-0.704-0.32-72.256-29.568-146.464-29.568s-145.76 29.248-146.464 29.568c-3.593 1.511-7.769 2.388-12.15 2.388-17.726 0-32.096-14.37-32.096-32.096 0-2.457 0.276-4.849 0.799-7.148l-0.041 0.215c12.032-52.896 67.264-152.896 189.952-152.896s177.92 100 189.952 152.896c0.513 2.144 0.808 4.606 0.808 7.136 0 17.638-14.298 31.936-31.936 31.936-0.048 0-0.095-0-0.143-0l0.007 0c-4.096 0-8.256-0.8-12.224-2.432zM512 591.968c34.72 0 68.32 5.216 96.448 11.584-19.424-22.88-49.888-43.584-96.448-43.584s-76.992 20.704-96.448 43.584c28.096-6.368 61.728-11.584 96.448-11.584z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_face_disappointed_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 22,
+				"id": 92,
+				"name": "db_ic_face_disappointed_32",
+				"prevSize": 32,
+				"code": 922260
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M841.824 512c0 181.856-147.968 329.824-329.824 329.824s-329.824-147.968-329.824-329.824 147.968-329.824 329.824-329.824 329.824 147.968 329.824 329.824zM128 512c0 212.064 171.936 384 384 384s384-171.936 384-384-171.936-384-384-384-384 171.936-384 384zM322.048 583.104c-0.506-2.131-0.796-4.577-0.796-7.092 0-17.673 14.327-32 32-32 4.433 0 8.655 0.901 12.493 2.531l-0.21-0.079c0.704 0.32 72.256 29.568 146.464 29.568s145.76-29.248 146.464-29.568c3.629-1.55 7.851-2.452 12.284-2.452 17.673 0 32 14.327 32 32 0 2.514-0.29 4.961-0.838 7.308l0.043-0.216c-12.032 52.896-67.264 152.896-189.952 152.896s-177.92-100-189.952-152.896zM415.552 628.416c19.424 22.88 49.888 43.584 96.448 43.584s76.992-20.704 96.448-43.584c-28.096 6.368-61.728 11.584-96.448 11.584s-68.32-5.216-96.448-11.584zM429.472 440.8c5.331 4.124 12.111 6.61 19.472 6.61 17.665 0 31.986-14.321 31.986-31.986 0-10.305-4.873-19.471-12.44-25.321l-0.074-0.055c-21.339-16.494-48.471-26.438-77.926-26.438-41.236 0-77.92 19.489-101.343 49.759l-0.219 0.295c-4.435 5.448-7.121 12.473-7.121 20.125 0 17.673 14.327 32 32 32 10.613 0 20.020-5.167 25.842-13.123l0.063-0.090c11.86-15.233 30.2-24.938 50.807-24.938 14.716 0 28.275 4.949 39.105 13.274l-0.152-0.112zM736.32 413.696c-20.214-26.332-50.062-44.399-84.185-48.922l-0.647-0.070c-5.1-0.726-10.99-1.14-16.977-1.14-29.376 0-56.421 9.978-77.931 26.729l0.284-0.213c-8.085 5.881-13.281 15.311-13.281 25.953 0 17.673 14.327 32 32 32 7.697 0 14.76-2.718 20.281-7.246l-0.056 0.045c10.598-8.265 24.105-13.252 38.777-13.252 3.016 0 5.982 0.211 8.886 0.618l-0.335-0.038c16.928 2.208 32 10.912 42.4 24.48 5.894 7.662 15.066 12.552 25.38 12.552 7.368 0 14.153-2.495 19.556-6.686l-0.073 0.054c7.648-5.907 12.526-15.080 12.526-25.392 0-7.36-2.485-14.14-6.661-19.546l0.055 0.074z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_face_delighted_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 21,
+				"id": 91,
+				"name": "db_ic_face_delighted_32",
+				"prevSize": 32,
+				"code": 922259
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M532.992 64c19.008 0 36.992 8 51.008 20.992l131.008 131.008c13.984 14.016 20.992 32 20.992 51.008v148.96c0 18.016-14.016 32-32 32-18.016 0-32-13.984-32-32v-95.968h-160c-17.984 0-32-14.016-32-32v-160h-312c-4.291 0.303-7.697 3.709-7.998 7.973l-0.002 0.027v752c0 4 4 8 8 8h312c17.984 0 32 13.984 32 32 0 17.984-14.016 32-32 32h-312c-40 0-72-32-72-72v-752c0-40 32-72 72-72zM704 512c124 0 224 100 224 224s-100 224-224 224-224-100-224-224 100-224 224-224zM704 576c-88 0-160 72-160 160s72 160 160 160 160-72 160-160-72-160-160-160zM763.552 672.448c0.009-0 0.021-0 0.032-0 17.196 0 31.136 13.94 31.136 31.136 0 8.534-3.434 16.267-8.995 21.891l0.003-0.003-84.864 85.44c-5.638 5.653-13.434 9.151-22.048 9.151s-16.41-3.498-22.047-9.15l-0.001-0.001-39.648-39.616c-4.962-5.498-7.997-12.817-7.997-20.846 0-17.214 13.954-31.168 31.168-31.168 8.021 0 15.334 3.030 20.857 8.007l-0.028-0.025 17.536 17.504 62.784-63.104c5.644-5.692 13.466-9.216 22.112-9.216l0-0zM384 710.624c17.984 0 32 13.984 32 32 0 17.984-14.016 32-32 32h-128c-17.984 0-32-14.016-32-32 0-18.016 14.016-32 32-32zM416 582.624c17.984 0 32 13.984 32 32 0 17.984-14.016 32-32 32h-160c-17.984 0-32-14.016-32-32 0-18.016 14.016-32 32-32zM480 454.624c17.984 0 32 13.984 32 32 0 17.984-14.016 32-32 32h-224c-17.984 0-32-14.016-32-32 0-18.016 14.016-32 32-32zM544 135.008v120.992h120.992z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_document_check_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 20,
+				"id": 90,
+				"name": "db_ic_document_check_32",
+				"prevSize": 32,
+				"code": 922258
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 848c-0.021 0-0.046 0-0.071 0-17.655 0-31.968-14.313-31.968-31.968 0-8.853 3.599-16.866 9.413-22.655l0.001-0.001 320-320c5.79-5.79 13.789-9.371 22.624-9.371 17.67 0 31.995 14.325 31.995 31.995 0 8.835-3.581 16.834-9.371 22.624v0l-320 320c-5.777 5.792-13.765 9.376-22.591 9.376-0.012 0-0.023-0-0.035-0l0.002 0zM192 848c-0.021 0-0.046 0-0.071 0-17.655 0-31.968-14.313-31.968-31.968 0-8.853 3.599-16.866 9.413-22.655l0.001-0.001 640-640c5.79-5.79 13.789-9.371 22.624-9.371 17.67 0 31.995 14.325 31.995 31.995 0 8.835-3.581 16.834-9.371 22.624l-640 640c-5.777 5.792-13.765 9.376-22.591 9.376-0.012 0-0.023-0-0.035-0l0.002 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_resize_handle_corner_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 19,
+				"id": 89,
+				"name": "db_ic_resize_handle_corner_32",
+				"prevSize": 32,
+				"code": 922257
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M544 304c-48.586-0.036-87.964-39.414-88-87.997l-0-0.003c0.036-48.586 39.414-87.964 87.997-88l0.003-0c48.586 0.036 87.964 39.414 88 87.997l0 0.003c-0.036 48.586-39.414 87.964-87.997 88l-0.003 0zM544 192c-13.255 0-24 10.745-24 24s10.745 24 24 24v0c13.255 0 24-10.745 24-24s-10.745-24-24-24v0zM640.576 511.136c0.162-1.209 0.254-2.607 0.254-4.027 0-16.262-12.131-29.692-27.838-31.732l-0.161-0.017c-20.66-2.753-44.546-4.324-68.799-4.324-23.891 0-47.425 1.525-70.512 4.482l2.735-0.286c-15.891 2.034-28.050 15.475-28.050 31.755 0 1.383 0.088 2.746 0.258 4.084l-0.017-0.159c1.948 15.889 15.359 28.073 31.616 28.073 1.444 0 2.866-0.096 4.259-0.282l-0.163 0.018c17.959-2.358 38.727-3.704 59.81-3.704 21.444 0 42.564 1.393 63.272 4.092l-2.442-0.26c1.211 0.162 2.61 0.255 4.031 0.255 16.251 0 29.673-12.114 31.728-27.805l0.017-0.162zM336.928 561.056c17.673 0 32-14.327 32-32s-14.327-32-32-32v0c-17.673 0-32 14.327-32 32s14.327 32 32 32v0zM744 896h-72c-17.673 0-32-14.327-32-32v0-24.288c-31.712 5.664-64 8.896-96.16 8.288-23.711-1.412-45.615-4.181-67.045-8.287l3.205 0.511v23.776c0 17.673-14.327 32-32 32v0h-72c-14.112 0-26.592-9.28-30.656-22.816l-19.008-63.328c-58.998-19.881-107.218-58.649-138.629-108.988l-0.635-1.092-50.848-12.704c-14.025-3.6-24.224-16.129-24.224-31.040l-0-0v-96c0-13.792 8.8-25.984 21.888-30.336l34.88-11.616c16.583-32.763 39.472-60.093 67.274-81.314l0.566-0.414 28.832-93.728c4.149-13.193 16.27-22.596 30.587-22.596 8.082 0 15.465 2.996 21.097 7.939l-0.036-0.031 50.048 43.808c57.216-18.592 117.024-26.944 176.896-27.712 206.336 0 368 109.856 368 250.080 0 72.832-33.216 131.36-101.408 178.592l-36.448 102.048c-4.55 12.49-16.322 21.248-30.14 21.248-0.002 0-0.003-0-0.005-0l0 0zM704 832h17.44l32.416-90.752c2.441-6.742 6.875-12.272 12.583-16.021l0.121-0.075c55.552-36.032 81.408-77.696 81.408-131.072 0-102.624-136.384-186.080-304-186.080-0.64-0.128-1.28 0-1.888 0-0.067-0-0.147-0-0.227-0-61.357 0-120.138 11.027-174.471 31.208l3.466-1.128c-3.244 1.212-6.991 1.913-10.903 1.913-8.097 0-15.493-3.005-21.133-7.96l0.036 0.031-26.848-23.488-17.504 56.8c-2.218 7.093-6.633 12.959-12.436 16.954l-0.108 0.070c-26.668 18.356-47.469 43.477-60.155 72.917l-0.421 1.099c-3.635 8.446-10.552 14.893-19.103 17.821l-0.225 0.067-26.112 8.704v47.936l39.776 9.984c8.883 2.265 16.129 8.016 20.332 15.674l0.084 0.166c25.989 47.406 69.838 82.288 122.265 95.863l1.351 0.297c10.984 2.823 19.551 11.062 22.788 21.63l0.060 0.226 17.152 57.184h16.192v-32c0.013-17.681 14.349-32.009 32.032-32.009 3.041 0 5.983 0.424 8.77 1.215l-0.226-0.055c29.056 8.064 59.136 13.056 89.376 14.912 39.2-0.512 78.944-4.864 118.016-15.040 2.429-0.663 5.218-1.043 8.096-1.043 17.638 0 31.936 14.298 31.936 31.936 0 0.029-0 0.059-0 0.088l0-0.005v32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_piggybank_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 18,
+				"id": 88,
+				"name": "db_ic_piggybank_32",
+				"prevSize": 32,
+				"code": 922256
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M288 320c17.673 0 32 14.327 32 32v0c0 16.416-15.456 32.16-32 32h-80c-7.84 0-16 7.744-16 16v448c0 7.84 8.32 16.032 16 16h352c7.84 0 16.064-8.64 16-16v-48c0-17.673 14.327-32 32-32v0c16.416 0 32.096 16.032 32 32v48c0 42.4-38.496 80.064-80 80h-352c-42.4 0-79.872-38.272-80-80v-448c0-42.4 37.984-79.808 80-80zM816 96c42.4 0 80.224 39.392 80 80v448c0 42.4-38.496 80.16-80 80h-352c-42.4 0-79.68-38.336-80-80v-448c0-42.4 37.92-79.808 80-80zM464 160c-7.84 0-15.808 8.16-16 16v448c0 7.84 7.456 16.192 16 16h352c7.84 0 16.256-8.288 16-16v-448c0-7.84-8.896-15.744-16-16z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_copy_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 17,
+				"id": 87,
+				"name": "db_ic_copy_32",
+				"prevSize": 32,
+				"code": 921940
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M947.2 678.4c-2.144-1.632-205.792-157.28-225.696-363.328h146.4c17.673 0 32-14.327 32-32s-14.327-32-32-32v0h-148.384v-155.072c0-17.673-14.327-32-32-32s-32 14.327-32 32v0 155.104h-148.416c-17.673 0-32 14.327-32 32s14.327 32 32 32v0h146.432c-14.784 152.32-130.112 277.408-190.080 332.672l-120.736-338.528c-4.559-12.473-16.322-21.216-30.128-21.216s-25.569 8.743-30.057 20.993l-0.071 0.222-216.576 608c-1.363 3.422-2.153 7.388-2.153 11.539 0 17.673 14.327 32 32 32 14.11 0 26.087-9.133 30.343-21.809l0.066-0.226 68.16-191.328h236.768l67.84 190.176c4.551 12.501 16.332 21.267 30.16 21.267 17.684 0 32.019-14.335 32.019-32.019 0-3.855-0.681-7.551-1.93-10.975l0.071 0.223-72.48-203.168c44.16-37.504 147.904-135.456 200.736-268.896 66.304 167.84 213.408 279.616 221.408 285.6 5.275 3.964 11.935 6.348 19.151 6.348 10.434 0 19.703-4.984 25.559-12.7l0.058-0.080c3.986-5.278 6.385-11.948 6.385-19.18 0-10.426-4.986-19.688-12.704-25.53l-0.080-0.058zM312.64 415.328l95.648 268.096h-191.168l95.488-268.096z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_translation_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 368,
+				"id": 0,
+				"name": "db_ic_translation_32",
+				"prevSize": 32,
+				"code": 922131
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M864 192c53.019 0 96 42.981 96 96v0 128c0 17.673-14.327 32-32 32v0c-35.346 0-64 28.654-64 64s28.654 64 64 64v0c17.673 0 32 14.327 32 32v0 128c0 53.019-42.981 96-96 96v0h-704c-53.019 0-96-42.981-96-96v0-128c0-17.673 14.327-32 32-32v0c35.346 0 64-28.654 64-64s-28.654-64-64-64v0c-17.673 0-32-14.327-32-32v0-128c0-53.019 42.981-96 96-96v0zM864 256h-704c-17.673 0-32 14.327-32 32v0 100.032l4.96 1.376c51.072 15.776 88.048 61.312 90.867 115.88l0.013 0.312 0.16 6.4c-0.016 57.508-37.935 106.154-90.133 122.318l-0.907 0.242-4.96 1.408v100.032c0.002 16.352 12.269 29.838 28.102 31.761l0.154 0.015 3.744 0.224h704c17.673 0 32-14.327 32-32v0-100.064l-4.96-1.344c-51.072-15.776-88.048-61.312-90.867-115.88l-0.013-0.312-0.16-6.4c0.016-57.508 37.935-106.154 90.133-122.318l0.907-0.242 4.96-1.408v-100.032c-0.002-16.352-12.269-29.838-28.102-31.761l-0.154-0.015zM640.48 354.016c13.824 0 31.584 12.224 31.584 32 0 8-3.040 16-9.184 21.984l-255.904 251.008c-5.891 5.575-13.863 9.002-22.636 9.002-0.288 0-0.576-0.004-0.862-0.011l0.042 0.001c-0.095 0.001-0.208 0.002-0.321 0.002-17.177 0-31.119-13.853-31.263-30.996l-0-0.014c0-8 3.040-16 9.184-21.984l256.928-251.008c6.112-5.984 14.272-10.016 22.4-10.016zM637.408 541.984c35.68 0 64.224 29.024 64.224 63.040 0 34.976-28.544 62.976-64.224 62.976s-64.224-28-64.224-63.008c0-33.984 28.544-62.976 64.224-62.976zM401.888 353.984c35.68 0 64.224 28.032 64.224 63.040 0 34.976-28.544 62.976-64.224 62.976s-64.224-28-64.224-63.008 28.544-63.008 64.224-63.008z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_voucher_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 367,
+				"id": 1,
+				"name": "db_ic_voucher_32",
+				"prevSize": 32,
+				"code": 922132
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M587.424 557.888c-17.658-0.020-31.965-14.339-31.965-32 0-6.756 2.093-13.022 5.667-18.186l-0.070 0.106c27.872-40.736 42.976-70.016 42.976-107.712-0.091-75.704-61.446-137.047-137.145-137.12l-0.007-0c-35.52 0-69.216 13.536-94.816 38.080-5.729 5.531-13.54 8.939-22.147 8.939-9.083 0-17.279-3.795-23.089-9.887l-0.012-0.013c-5.516-5.736-8.913-13.544-8.913-22.145 0-9.078 3.784-17.273 9.861-23.092l0.012-0.011c35.921-34.576 84.837-55.872 138.727-55.872 0.133 0 0.265 0 0.398 0l-0.021-0c111.038 0.109 201.025 90.085 201.152 201.108l0 0.012c0 54.080-19.84 93.696-54.144 143.84-5.842 8.471-15.494 13.952-26.425 13.952-0.014 0-0.028-0-0.041-0l0.002 0zM619.456 789.12c11.232-48.64 41.824-91.2 74.24-136.288 48-66.688 102.336-142.24 102.336-252.704 0-181.44-147.648-329.12-329.152-329.12-0.185-0-0.404-0.001-0.624-0.001-88.188 0-168.238 34.848-227.129 91.525l0.105-0.1c-6.079 5.829-9.857 14.017-9.857 23.088 0 8.593 3.391 16.395 8.907 22.139l-0.010-0.011c5.822 6.104 14.018 9.899 23.101 9.899 8.607 0 16.417-3.408 22.156-8.948l-0.009 0.009c47.367-45.548 111.846-73.6 182.877-73.6 0.17 0 0.34 0 0.509 0l-0.026-0c146.24 0 265.152 118.912 265.152 265.088 0 89.856-43.84 150.816-90.24 215.36-34.688 48.192-70.56 98.016-84.8 160-15.772 73.235-79.914 127.345-156.72 127.488l-0.016 0c-23.040 0-45.344-4.8-66.24-14.272-4.119-2.069-8.975-3.281-14.115-3.281-17.673 0-32 14.327-32 32 0 13.215 8.011 24.56 19.442 29.442l0.209 0.079c27.109 12.651 58.857 20.032 92.328 20.032 0.132 0 0.264-0 0.397-0l-0.021 0c105.824 0 198.080-75.136 219.232-177.888v0.064z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_hearing_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 366,
+				"id": 2,
+				"name": "db_ic_hearing_32",
+				"prevSize": 32,
+				"code": 922129
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M587.424 557.888c-17.658-0.020-31.965-14.339-31.965-32 0-6.756 2.093-13.022 5.667-18.186l-0.070 0.106c27.872-40.736 42.976-70.016 42.976-107.712-0.091-75.704-61.446-137.047-137.145-137.12l-0.007-0c-35.52 0-69.216 13.536-94.816 38.080-5.729 5.531-13.54 8.939-22.147 8.939-9.083 0-17.279-3.795-23.089-9.887l-0.012-0.013c-5.516-5.736-8.913-13.544-8.913-22.145 0-9.078 3.784-17.273 9.861-23.092l0.012-0.011c35.921-34.576 84.837-55.872 138.727-55.872 0.133 0 0.265 0 0.398 0l-0.021-0c111.038 0.109 201.025 90.085 201.152 201.108l0 0.012c0 54.080-19.84 93.696-54.144 143.84-5.842 8.471-15.494 13.952-26.425 13.952-0.014 0-0.028-0-0.041-0l0.002 0zM619.456 789.12c11.232-48.64 41.824-91.2 74.24-136.288 48-66.688 102.336-142.24 102.336-252.704 0-181.44-147.648-329.12-329.152-329.12-0.185-0-0.404-0.001-0.624-0.001-88.188 0-168.238 34.848-227.129 91.525l0.105-0.1c-6.079 5.829-9.857 14.017-9.857 23.088 0 8.593 3.391 16.395 8.907 22.139l-0.010-0.011c5.822 6.104 14.018 9.899 23.101 9.899 8.607 0 16.417-3.408 22.156-8.948l-0.009 0.009c47.367-45.548 111.846-73.6 182.877-73.6 0.17 0 0.34 0 0.509 0l-0.026-0c146.24 0 265.152 118.912 265.152 265.088 0 89.856-43.84 150.816-90.24 215.36-34.688 48.192-70.56 98.016-84.8 160-15.772 73.235-79.914 127.345-156.72 127.488l-0.016 0c-23.040 0-45.344-4.8-66.24-14.272-4.119-2.069-8.975-3.281-14.115-3.281-17.673 0-32 14.327-32 32 0 13.215 8.011 24.56 19.442 29.442l0.209 0.079c27.109 12.651 58.857 20.032 92.328 20.032 0.132 0 0.264-0 0.397-0l-0.021 0c105.824 0 198.080-75.136 219.232-177.888v0.064zM832.032 241.408l119.296-119.296c5.79-5.79 9.371-13.789 9.371-22.624 0-17.67-14.325-31.995-31.995-31.995-8.835 0-16.834 3.581-22.624 9.371l-119.296 119.296c-5.79 5.79-9.371 13.789-9.371 22.624 0 17.67 14.325 31.995 31.995 31.995 8.835 0 16.834-3.581 22.624-9.371l0-0zM119.36 954.112l224-224c5.79-5.79 9.371-13.789 9.371-22.624 0-17.67-14.325-31.995-31.995-31.995-8.835 0-16.834 3.581-22.624 9.371l-224 224c-5.79 5.79-9.371 13.789-9.371 22.624 0 17.67 14.325 31.995 31.995 31.995 8.835 0 16.834-3.581 22.624-9.371l0-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_hearing_disabled_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 365,
+				"id": 3,
+				"name": "db_ic_hearing_disabled_32",
+				"prevSize": 32,
+				"code": 922130
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M502.624 425.376l-192-192c-5.787-5.797-13.787-9.382-22.624-9.382s-16.837 3.586-22.624 9.382l-0 0-192 192c-5.79 5.79-9.371 13.789-9.371 22.624 0 17.67 14.325 31.995 31.995 31.995 8.835 0 16.834-3.581 22.624-9.371l137.376-137.376v594.752c0 17.673 14.327 32 32 32s32-14.327 32-32v0-594.752l137.376 137.376c5.78 5.812 13.782 9.409 22.624 9.409s16.844-3.597 22.623-9.408l0.001-0.001c5.797-5.787 9.382-13.787 9.382-22.624s-3.586-16.837-9.382-22.624l-0-0zM928 128h-512c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h512c17.673 0 32 14.327 32 32s-14.327 32-32 32v0zM928 288h-352c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h352c17.673 0 32 14.327 32 32s-14.327 32-32 32v0zM928 448h-192c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h192c17.673 0 32 14.327 32 32s-14.327 32-32 32v0zM928 608h-64c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h64c17.673 0 32 14.327 32 32s-14.327 32-32 32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_sort_up_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 236,
+				"id": 4,
+				"name": "db_ic_sort_up_32",
+				"prevSize": 32,
+				"code": 8607
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M502.624 713.376c-5.787-5.797-13.787-9.382-22.624-9.382s-16.837 3.586-22.624 9.382l-0 0-137.376 137.376v-594.752c0-17.673-14.327-32-32-32s-32 14.327-32 32v0 594.752l-137.376-137.376c-5.79-5.79-13.789-9.371-22.624-9.371-17.67 0-31.995 14.325-31.995 31.995 0 8.835 3.581 16.834 9.371 22.624l192 192c5.78 5.812 13.782 9.409 22.624 9.409s16.844-3.597 22.623-9.408l0.001-0.001 192-192c5.797-5.787 9.382-13.787 9.382-22.624s-3.586-16.837-9.382-22.624l-0-0zM928 128h-512c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h512c17.673 0 32 14.327 32 32s-14.327 32-32 32v0zM928 288h-352c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h352c17.673 0 32 14.327 32 32s-14.327 32-32 32v0zM928 448h-192c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h192c17.673 0 32 14.327 32 32s-14.327 32-32 32v0zM928 608h-64c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h64c17.673 0 32 14.327 32 32s-14.327 32-32 32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_sort_down_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 235,
+				"id": 5,
+				"name": "db_ic_sort_down_32",
+				"prevSize": 32,
+				"code": 8609
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M288 416c70.692 0 128-57.308 128-128s-57.308-128-128-128v0c-70.692 0-128 57.308-128 128s57.308 128 128 128v0zM736 416c70.692 0 128-57.308 128-128s-57.308-128-128-128v0c-70.692 0-128 57.308-128 128s57.308 128 128 128v0zM288 864c70.692 0 128-57.308 128-128s-57.308-128-128-128v0c-70.692 0-128 57.308-128 128s57.308 128 128 128v0zM736 864c70.692 0 128-57.308 128-128s-57.308-128-128-128v0c-70.692 0-128 57.308-128 128s57.308 128 128 128v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_drag_&_drop_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 232,
+				"id": 6,
+				"name": "db_ic_drag__drop_32",
+				"prevSize": 32,
+				"code": 921991
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c122.976 0 234.496 49.856 315.52 130.336 0.384 0.384 0.928 0.48 1.312 0.864l0.864 1.312c80.519 80.781 130.304 192.24 130.304 315.327 0 0.056-0 0.113-0 0.169l0-0.009c0 122.944-49.856 234.432-130.304 315.456-0.352 0.384-0.48 0.928-0.864 1.312s-0.928 0.512-1.312 0.864c-80.749 80.556-192.2 130.368-315.286 130.368-0.082 0-0.164-0-0.247-0l0.012 0c-0.075 0-0.164 0-0.253 0-123.201 0-234.747-49.902-315.527-130.596l0.004 0.004c-0.32-0.288-0.672-0.352-0.96-0.64s-0.352-0.64-0.64-0.928c-80.71-80.79-130.624-192.357-130.624-315.582 0-0.091 0-0.181 0-0.272l-0 0.014c0-123.136 49.952-234.784 130.624-315.84 0.288-0.288 0.352-0.672 0.64-0.96s0.672-0.352 0.96-0.64c80.778-80.671 192.315-130.56 315.505-130.56 0.095 0 0.191 0 0.286 0l-0.015-0zM544 129.6v30.4c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-30.4c-83.033 7.065-157.332 39.683-216.217 89.854l0.537-0.446 21.44 21.44c5.79 5.79 9.371 13.789 9.371 22.624 0 17.67-14.325 31.995-31.995 31.995-8.835 0-16.834-3.581-22.624-9.371l-21.44-21.44c-49.762 58.357-82.404 132.68-89.375 214.329l-0.097 1.415h30.4c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-30.4c7.068 83.053 39.711 157.366 89.916 216.246l-0.444-0.534 21.44-21.472c5.79-5.79 13.789-9.371 22.624-9.371 17.67 0 31.995 14.325 31.995 31.995 0 8.835-3.581 16.834-9.371 22.624l-0 0-21.44 21.472c58.339 49.742 132.644 82.363 214.27 89.311l1.41 0.097v-30.368c0-17.673 14.327-32 32-32s32 14.327 32 32v0 30.368c83.053-7.041 157.371-39.675 216.245-89.884l-0.533 0.444-21.408-21.44c-5.787-5.791-9.366-13.79-9.366-22.624 0-17.677 14.33-32.006 32.006-32.006 8.842 0 16.847 3.586 22.64 9.382l21.408 21.408c49.728-58.332 82.339-132.626 89.279-214.239l0.097-1.409h-30.368c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h30.368c-7.045-83.036-39.666-157.341-89.853-216.215l0.445 0.535-21.376 21.376c-5.781 5.822-13.79 9.425-22.64 9.425s-16.859-3.604-22.638-9.423l-0.002-0.002c-5.789-5.791-9.369-13.789-9.369-22.624s3.58-16.833 9.369-22.624l-0 0 21.408-21.376c-58.346-49.761-132.659-82.404-214.297-89.375l-1.415-0.097zM409.664 531.84l3.712 0.384c17.408 2.816 29.376 19.136 26.656 36.608l-14.72 93.888 73.92-59.712c5.446-4.427 12.466-7.109 20.112-7.109 17.676 0 32.005 14.329 32.005 32.005 0 10.029-4.613 18.981-11.834 24.85l-0.059 0.046-138.56 111.872c-5.455 4.467-12.501 7.174-20.179 7.174-17.655 0-31.968-14.313-31.968-31.968 0-1.787 0.147-3.54 0.429-5.248l-0.025 0.186 27.648-175.936c2.484-15.413 15.691-27.043 31.614-27.043 1.752 0 3.471 0.141 5.146 0.412l-0.184-0.025zM477.6 492.096c7.075-11.912 19.873-19.77 34.507-19.77 22.091 0 40 17.909 40 40 0 7.271-1.94 14.088-5.33 19.964l0.103-0.193c-7.075 11.912-19.873 19.77-34.507 19.77-22.091 0-40-17.909-40-40 0-7.271 1.94-14.088 5.33-19.964l-0.103 0.193zM659.168 257.6c9.657 5.63 16.043 15.938 16.043 27.738 0 1.696-0.132 3.362-0.386 4.987l0.023-0.18-26.752 174.368c-2.541 15.349-15.717 26.91-31.593 26.91-17.673 0-32-14.327-32-32 0-1.614 0.119-3.199 0.35-4.749l-0.021 0.175 14.272-93.184-73.536 58.944c-5.346 4.158-12.155 6.666-19.549 6.666-17.673 0-32-14.327-32-32 0-9.858 4.458-18.675 11.467-24.545l0.050-0.041 137.632-110.336c5.431-4.387 12.419-7.042 20.027-7.042 5.893 0 11.414 1.593 16.156 4.372l-0.151-0.082z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_compass_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 231,
+				"id": 7,
+				"name": "db_ic_compass_32",
+				"prevSize": 32,
+				"code": 922185
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M688 528c119.008 0 208 92.992 208 224v176c0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32v-176c0-110.016-68.992-154.016-136-160-56 31.008-120 46.016-184 46.016s-128-15.040-184-46.016c-67.008 6.016-136 50.016-136 160v176c0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32v-176c0-130.016 88-224.992 207.008-224 7.008 0.064 12 0.992 16.992 4 45.525 27.641 100.555 44.001 159.407 44.001 0.209 0 0.417-0 0.626-0.001l-0.032 0c0.176 0 0.385 0.001 0.593 0.001 58.851 0 113.882-16.36 160.792-44.78l-1.385 0.779c4.246-2.529 9.364-4.023 14.83-4.023 0.411 0 0.821 0.008 1.228 0.025l-0.058-0.002zM512 64c124 0 224 100.992 224 224s-100 224-224 224-224-100.992-224-224 100-224 224-224zM512 128c-88 0-160 72-160 160s72 160 160 160 160-72 160-160-72-160-160-160z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["account"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 19,
+				"id": 8,
+				"name": "account",
+				"prevSize": 32,
+				"code": 922145
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 192c18.016 0 32 14.016 32 32v256h256c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-256v256c0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32v-256h-256c-18.016 0-32-14.016-32-32 0-18.016 14.016-32 32-32h256v-256c0-18.016 14.016-32 32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["add"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 21,
+				"id": 9,
+				"name": "add",
+				"prevSize": 32,
+				"code": 43
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c247.008 0 448 200.992 448 448s-200.992 448-448 448-448-200.992-448-448 200.992-448 448-448zM512 128c-212 0-384 172-384 384s172 384 384 384 384-172 384-384-172-384-384-384zM512 288c18.016 0 32 14.016 32 32v160h160c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-160v160c0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32v-160h-160c-18.016 0-32-14.016-32-32 0-18.016 14.016-32 32-32h160v-160c0-18.016 14.016-32 32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["add-circle"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 20,
+				"id": 10,
+				"name": "add-circle",
+				"prevSize": 32,
+				"code": 8853
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M628.262 416.095c13.017 13.017 13.017 34.129 0 47.146-12.091 12.091-31.153 12.96-44.239 2.59l-14.656-14.339c-50.5-50.5-131.429-52.029-183.777-4.587l-193.423 193.191c-52.076 52.076-52.076 136.516 0 188.6 50.5 50.5 131.429 52.029 183.777 4.587l75.55-75.316c13.017-13.017 34.129-13.017 47.146 0 12.091 12.091 12.96 31.153 2.59 44.239l-73.319 73.635c-78.12 78.12-204.775 78.12-282.895 0-76.348-76.348-78.082-199.041-5.208-277.496l193.8-194.004c76.348-76.348 199.041-78.082 277.496-5.208zM875.834 145.014c76.348 76.348 78.082 199.041 5.208 277.496l-193.8 194.004c-76.348 76.348-199.041 78.082-277.496 5.208l-17.223-17.030c-13.017-13.017-13.017-34.129 0-47.146 12.091-12.091 31.153-12.96 44.239-2.59l14.729 14.413c50.5 50.5 131.429 52.029 183.777 4.587l193.423-193.191c52.076-52.076 52.076-136.516 0-188.6-50.5-50.5-131.429-52.029-183.777-4.587l-75.55 75.316c-13.017 13.017-34.129 13.017-47.146 0-12.091-12.091-12.96-31.153-2.59-44.239l73.319-73.635c78.12-78.12 204.775-78.12 282.895 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_add_link_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 81,
+				"id": 11,
+				"name": "db_ic_add_link_32",
+				"prevSize": 32,
+				"code": 922178
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M747.008 128c82.198 0.218 148.774 66.794 148.992 148.971l0 0.021c0 44.992-20 86.016-52.992 115.008 12.992 36.992 20.992 76.992 20.992 119.008 0 87.008-32 165.984-84 228l78.016 104.992c4 6.016 5.984 12 5.984 19.008 0 17.984-14.016 32-32 32-10.016 0-20-4-26.016-13.024l-72-97.984c-60.992 48.992-137.984 79.008-221.984 79.008s-160.992-30.016-222.016-79.008l-72 98.016c-5.984 8.96-16 12.992-25.984 12.992-17.725-0.095-32.057-14.485-32.057-32.224 0-7.051 2.265-13.573 6.106-18.878l-0.065 0.094 78.016-104.992c-52-62.016-84-141.024-84-228 0-42.016 8-82.016 20.992-120-32.499-27.51-52.992-68.332-52.992-113.941 0-0.026 0-0.052 0-0.079l-0 0.004c0.218-82.198 66.794-148.774 148.971-148.992l0.021-0c44.992 0 87.008 19.008 115.008 52.992 36.992-13.952 78.016-20.992 120-20.992 42.016 0 83.008 7.008 120 20.992 28-33.984 70.016-52.992 115.008-52.992zM512 224c-159.008 0-288 128.992-288 287.008 0 159.008 128.992 288 288 288s288-129.024 288-288c0-158.048-128.992-287.008-288-287.008zM747.008 192c-20 0-39.008 6.016-54.016 18.016 49.024 29.984 91.008 70.976 120 120 11.813-14.318 18.985-32.847 19.008-53.051l0-0.005c0-0.010 0-0.021 0-0.032 0-46.904-38.024-84.928-84.928-84.928-0.023 0-0.045 0-0.068 0l0.004-0zM276.992 192c-0.019-0-0.042-0-0.064-0-46.904 0-84.928 38.024-84.928 84.928 0 0.023 0 0.045 0 0.068l-0-0.004c0 20 7.008 38.016 19.008 52.992 29.889-49.664 70.336-90.112 118.452-119.134l1.548-0.866c-15.008-11.968-34.048-17.984-54.016-17.984zM512 287.008c18.016 0 32 15.008 32 32v179.008l84.992 84.992c5.577 5.61 9.024 13.343 9.024 21.881 0 0.036-0 0.072-0 0.108l0-0.006c0 20-15.040 32-32 32-8.882-0.12-16.948-3.511-23.072-9.020l0.032 0.028-93.984-94.016c-5.568-5.704-9.003-13.512-9.003-22.122 0-0.289 0.004-0.578 0.012-0.865l-0.001 0.042v-192c0-16.992 14.016-32 32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["alarm"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 23,
+				"id": 12,
+				"name": "alarm",
+				"prevSize": 32,
+				"code": 922180
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		},
+		{
+			"icon": {
+				"paths": [
+					"M747.008 128c82.198 0.218 148.774 66.794 148.992 148.971l0 0.021c0 0.035 0 0.077 0 0.118 0 45.9-20.474 87.018-52.788 114.719l-0.204 0.17c12.992 36.992 20.992 76.992 20.992 119.008 0 87.008-32 165.984-84 228l78.016 104.992c3.777 5.212 6.041 11.734 6.041 18.784 0 17.738-14.332 32.129-32.048 32.224l-0.009 0c-10.016 0-20-4-26.016-13.024l-72-97.984c-60.992 48.992-137.984 79.008-221.984 79.008s-160.992-30.016-220.992-79.008l-72.992 98.016c-6.016 8.96-16 12.992-26.016 12.992-16.992 0-32-15.008-32-32 0-7.008 2.016-13.024 7.008-19.008l76.992-104.992c-51.622-60.914-83.009-140.4-83.009-227.217 0-0.275 0-0.551 0.001-0.826l-0 0.043c0-42.016 7.008-82.016 21.024-119.008-33.096-27.474-54.016-68.624-54.016-114.661 0-0.122 0-0.244 0-0.366l-0 0.019c0-81.984 67.008-148.992 150.016-148.992 43.968 0 85.984 20 113.984 52.992 36.992-13.952 78.016-20.992 120-20.992 42.016 0 83.008 7.008 120 20.992 27.872-32.518 68.99-52.992 114.89-52.992 0.042 0 0.083 0 0.125 0l-0.006-0zM512 224c-158.016 0-287.008 128.992-287.008 287.008 0 159.008 129.024 288 287.008 288 159.008 0 288-129.024 288-288 0-158.048-128.992-287.008-288-287.008zM277.984 192c-46.944 0-85.984 38.016-85.984 84.992 0 20 7.008 38.016 19.008 52.992 28.992-48.96 70.976-89.984 120-120-14.262-11.215-32.478-17.987-52.276-17.987-0.252 0-0.503 0.001-0.754 0.003l0.039-0zM746.016 191.008c-18.016 0-34.016 5.984-52 18.976 48 30.016 88.96 71.040 118.976 120 11.8-14.302 18.969-32.806 19.008-52.983l0-0.009c-0.378-47.346-38.667-85.625-85.982-85.984l-0.034-0zM352 512c0-16.992 14.016-32 32-32h96v-96c0-16.992 14.016-32 32-32 16.992 0 32 15.008 32 32v96h96c16.992 0 32 15.008 32 32 0 18.016-15.008 32-32 32h-96v96c0 18.016-15.008 32-32 32-18.016 0-32-14.016-32-32v-96h-96c-18.016 0-32-14.016-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["alarm-add"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 22,
+				"id": 13,
+				"name": "alarm-add",
+				"prevSize": 32,
+				"code": 921698
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 20
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512.992 64.032c17.024 0 31.008 15.040 31.008 32v98.016c136.992 15.008 224 127.008 224 293.984v120c0 84 20.992 126.016 80.992 165.024 9.024 5.984 15.008 16 15.008 26.976 0 19.008-14.976 32-32 32h-192c0 71.040-56.992 128-128 128s-128-56.96-128-128h-192c-16.992 0-32-12.992-32-32 0-10.976 6.016-20.992 15.008-26.976 60-39.040 80.992-81.024 80.992-165.056v-120c0-166.976 87.008-278.976 224-293.984v-98.016c0-17.984 14.016-32.96 32-32zM576 832.032h-128c0 35.008 28.992 64 64 64s64-28.992 64-64zM512 256.032c-120 0-192 87.040-192 232v120c0 57.024-12 113.024-44 160h472c-32-46.976-44-102.976-44-160v-120c0-144-72-232-192-232z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["alert"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 24,
+				"id": 14,
+				"name": "alert",
+				"prevSize": 32,
+				"code": 922146
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 21
+		},
+		{
+			"icon": {
+				"paths": [
+					"M759.008 399.84c5.28 24.384 8.32 50.528 8.896 78.24l0.096 9.952v120c0 84 20.992 126.016 80.992 165.024 9.024 5.984 15.008 16 15.008 26.976 0.003 0.149 0.004 0.325 0.004 0.502 0 16.292-12.386 29.692-28.255 31.295l-0.133 0.011-3.616 0.192h-192c0 71.040-56.992 128-128 128-0.118 0-0.257 0.001-0.396 0.001-68.358 0-124.16-53.76-127.432-121.307l-0.011-0.293-0.16-6.4h-57.184l63.968-64h357.216c-30.016-44.064-42.432-96-43.84-149.312l-0.16-10.72v-120c0-10.976-0.416-21.6-1.248-31.936l56.256-56.256zM576 832.032h-128c0 35.008 28.992 64 64 64s64-28.992 64-64zM512.992 64.032c15.808 0 28.992 12.96 30.784 28.416l0.224 3.552v98.016c65.28 7.136 119.2 36.32 157.76 82.944l139.616-139.616c5.749-5.558 13.59-8.983 22.231-8.983 17.673 0 32 14.327 32 32 0 8.641-3.425 16.482-8.991 22.24l0.009-0.009c-237.17 237.286-466.714 466.83-696.314 696.318l-7.686 7.682c-5.791 5.789-13.789 9.369-22.624 9.369s-16.833-3.58-22.624-9.369l0 0c-5.875-5.751-9.518-13.762-9.518-22.624s3.643-16.873 9.512-22.619l0.006-0.005c24.544-24.64 49.152-49.28 73.792-73.824l8.224-20.48c16.768-42.432 34.752-93.12 36.48-132.928l0.128-6.080v-120c0-163.68 83.552-274.528 215.84-292.992l8.16-0.992v-98.048c0-16.8 12.192-30.976 28.48-32h4.512zM512 256.032c-117.44 0-188.928 83.36-191.904 222.848l-0.096 9.12v120c0 18.464-1.28 36.8-4.032 54.784l340.448-340.512c-33.088-42.656-82.336-66.208-144.416-66.208z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["alert-off"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 18,
+				"id": 15,
+				"name": "alert-off",
+				"prevSize": 32,
+				"code": 922179
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 22
+		},
+		{
+			"icon": {
+				"paths": [
+					"M799.296 143.744c28.787 28.998 46.578 68.946 46.578 113.050 0 41.87-16.035 79.995-42.299 108.57l0.105-0.115-366.080 366.272c-17.241 16.999-40.93 27.496-67.072 27.496-26.619 0-50.695-10.885-68.022-28.446l-0.010-0.011c-17.169-17.409-27.772-41.332-27.772-67.731 0-24.654 9.247-47.149 24.463-64.204l-0.083 0.095 309.344-309.568c5.794-5.81 13.807-9.405 22.659-9.405 17.673 0 32 14.327 32 32 0 7.537-2.606 14.465-6.965 19.933l0.050-0.065-307.968 308.256c-5.874 5.877-9.507 13.995-9.507 22.961 0 8.886 3.569 16.939 9.351 22.803l-0.004-0.004c11.36 11.52 29.408 12.48 41.856 2.752l363.712-363.392c17.459-17.455 28.258-41.57 28.258-68.208 0-26.511-10.696-50.523-28.008-67.957l0.006 0.006c-17.316-17.438-41.302-28.232-67.811-28.232-24.294 0-46.47 9.066-63.33 24l0.1-0.087-388.352 388.096c-29.046 29.037-47.013 69.157-47.013 113.472 0 44.172 17.85 84.175 46.731 113.19l-0.006-0.006c28.9 29.037 68.898 47.006 113.094 47.006 41.495 0 79.289-15.84 107.668-41.803l-0.121 0.11 334.624-334.4c5.794-5.81 13.807-9.405 22.659-9.405 17.673 0 32 14.327 32 32 0 7.537-2.606 14.465-6.965 19.933l0.050-0.065-332.256 332.48c-40.419 40.239-96.16 65.115-157.712 65.115-61.918 0-117.956-25.173-158.44-65.842l-0.008-0.008c-40.393-40.579-65.364-96.54-65.364-158.332 0-59.28 22.981-113.192 60.521-153.314l-0.117 0.126 389.76-389.952c28.834-28.642 68.566-46.345 112.432-46.345 44.264 0 84.318 18.025 113.223 47.135l0.009 0.009z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_attachment_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 82,
+				"id": 16,
+				"name": "db_ic_attachment_32",
+				"prevSize": 32,
+				"code": 922181
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 23
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 736c16.416 0 32 13.344 32 32v55.040l39.52-19.84c4.179-2.142 9.117-3.397 14.348-3.397 12.436 0 23.215 7.094 28.512 17.456l0.084 0.181c7.36 14.688 2.144 34.080-14.24 42.976l-85.824 43.072c-4.177 2.004-9.080 3.174-14.256 3.174s-10.079-1.171-14.459-3.261l0.203 0.087-85.984-43.072c-10.543-5.38-17.637-16.159-17.637-28.596 0-5.231 1.255-10.169 3.481-14.529l-0.084 0.181c7.36-14.656 26.816-22.656 42.944-14.24l39.36 19.712 0.032-54.944c0-17.673 14.327-32 32-32v0zM885.344 597.344l0.064 106.176c0 11.712-6.752 23.104-17.632 28.608l-109.12 54.784c-4.182 2.146-9.125 3.404-14.361 3.404-12.451 0-23.242-7.111-28.531-17.494l-0.084-0.182c-2.039-4.127-3.231-8.986-3.231-14.123 0-12.465 7.022-23.291 17.326-28.736l0.177-0.085 51.616-25.984-31.424-21.12c-8.58-5.829-14.143-15.542-14.143-26.554 0-6.676 2.045-12.875 5.542-18.005l-0.071 0.111c9.152-13.6 27.84-18.912 44.416-8.64l35.456 23.84v-56c0-17.6 14.912-32 31.968-32s32 14.080 32 32zM170.656 565.344c17.673 0 32 14.327 32 32v0 56l35.456-23.872c5.017-3.423 11.213-5.466 17.887-5.466 10.997 0 20.698 5.547 26.458 13.995l0.071 0.111c9.184 13.632 6.656 34.176-8.64 44.416l-31.488 21.184 50.56 25.408c10.583 5.323 17.718 16.097 17.718 28.537 0 5.257-1.274 10.216-3.53 14.585l0.084-0.178c-5.207 10.605-15.929 17.776-28.326 17.776-5.295 0-10.284-1.308-14.662-3.619l0.172 0.083-108.096-54.144c-9.6-4.8-17.664-15.68-17.664-28.608v-106.176c0-17.673 14.327-32 32-32v0zM635.2 376.384c50.208 0 75.296 22.080 75.296 66.24 0 18.080-4.448 31.936-13.344 41.6-6.592 6.976-16.416 12.416-29.472 16.32 8.64 4.608 15.872 12.736 21.632 24.32 15.264 31.616 26.72 55.232 34.368 70.912 4.48 9.184-3.040 19.84-20.224 19.84-8.544 0-23.488-2.56-28.992-13.6l-31.744-66.496c-4.288-9.056-8.48-15.168-12.544-18.336-3.552-2.784-9.28-4.16-17.12-4.16h-16.096v77.568c0 13.82-11.204 25.024-25.024 25.024s-25.024-11.204-25.024-25.024v0-194.272c0-11.008 8.96-19.936 19.936-19.936zM629.856 413.984h-32.992v64.992h32.672c12.032 0 20.48-2.72 25.44-8.16 4.064-4.416 6.080-12.224 6.080-23.424 0-9.12-0.8-15.808-2.496-20.032-3.456-8.928-13.024-13.376-28.704-13.376zM307.296 250.432c7.232 14.72 2.144 34.72-14.304 42.88l-52.48 25.664 33.376 22.496c14.848 10.24 18.656 29.856 8 45.696-10.688 15.872-29.184 16.448-43.776 7.392l-35.488-23.904 0.032 56c0 18.464-15.584 32-32 32s-32-13.152-32-31.968v-108.864c0-11.488 7.104-23.648 17.856-28.704l107.904-53.28c4.133-2.086 9.008-3.308 14.17-3.308 12.527 0 23.372 7.198 28.627 17.683l0.084 0.185zM759.424 235.872l108.16 53.248c10.816 5.568 17.536 15.68 17.76 28.704v108.864c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-56.064l-35.456 23.904c-4.846 3.108-10.76 4.955-17.104 4.955-17.673 0-32-14.327-32-32 0-10.677 5.229-20.133 13.267-25.946l0.094-0.064 33.312-22.496-52.352-25.824c-17.856-9.152-22.4-28.32-13.44-45.216 9.024-16.864 28.384-18.112 41.76-12.064zM412.032 376.384c10.464 0 19.936 6.080 23.872 16.448l76.128 201.856c4.256 11.296 2.24 20.928-17.92 20.928-17.92 0-24.576-4.48-29.12-15.68l-14.176-35.168h-88.8l-11.936 32.16c-5.024 13.536-11.936 18.688-29.856 18.688s-22.24-8.896-17.92-20.16l77.632-202.624c3.392-8.832 11.168-16.448 20.896-16.448zM408.032 440.288l-31.712 88.8h63.424zM526.208 120.704l86.848 42.88c10.649 5.345 17.83 16.18 17.83 28.691 0 5.156-1.219 10.027-3.385 14.341l0.084-0.184c-7.264 14.72-25.92 22.592-42.848 14.528l-40.768-20.128 0.032 39.168c0 17.673-14.327 32-32 32v0c-0.096 0.001-0.209 0.002-0.322 0.002-17.496 0-31.68-14.184-31.68-31.68 0-0.113 0.001-0.226 0.002-0.339l-0 0.017v-39.136l-38.528 19.040c-4.227 2.241-9.24 3.557-14.561 3.557-12.663 0-23.586-7.453-28.621-18.211l-0.081-0.194c-6.976-14.944-3.808-32.64 14.944-42.56l84.736-41.792c9.312-4.16 17.504-4.544 28.32 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_augmented_reality_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 83,
+				"id": 17,
+				"name": "db_ic_augmented_reality_32",
+				"prevSize": 32,
+				"code": 921959
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 24
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 128c212.064 0 384 171.936 384 384 0 94.528-34.144 181.056-90.784 247.968l0.96 0.96-45.28 45.216-0.96-0.928c-66.228 56.446-152.799 90.784-247.39 90.784-0.192 0-0.384-0-0.577-0l0.030 0c-212.064 0-384-171.936-384-384 0-94.528 34.144-181.056 90.784-247.968l-0.96-0.96 45.28-45.216 0.96 0.928c66.228-56.446 152.799-90.784 247.39-90.784 0.192 0 0.384 0 0.577 0l-0.030-0zM192 512c0 176.736 143.264 320 320 320 0.147 0 0.32 0 0.494 0 76.939 0 147.511-27.265 202.579-72.661l-0.545 0.436-450.304-450.336c-44.959 54.523-72.224 125.095-72.224 202.034 0 0.185 0 0.37 0 0.554l-0-0.028zM512 192c-0.147-0-0.32-0-0.494-0-76.939 0-147.511 27.265-202.579 72.661l0.545-0.436 450.304 450.336c44.959-54.523 72.224-125.095 72.224-202.034 0-0.185-0-0.37-0-0.554l0 0.028c0-176.736-143.264-320-320-320z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_block_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 84,
+				"id": 18,
+				"name": "db_ic_block_32",
+				"prevSize": 32,
+				"code": 922147
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 25
+		},
+		{
+			"icon": {
+				"paths": [
+					"M752 64c48 0 80 32 80 80v768c0 20.256-17.92 48-52.64 48-14.208 0.256-27.392-2.496-43.296-10.304l-224.064-117.696c-154.711 75.104-228.045 113.32-301.003 152.15l77.195-37.494c-18.976 10.048-27.296 13.44-45.952 13.344-25.184 0-49.728-16.64-50.24-50.080v-765.92c0-48 32-80 80-80zM752 128h-480c-10.144 0-16 8.128-16 16v747.264l226.080-116.16c8.728-4.393 19.007-7.005 29.887-7.104l0.033-0c9.984 0 19.936 2.368 29.888 7.136l226.112 116.128v-747.264c0-8.837-7.163-16-16-16v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bookmark_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 85,
+				"id": 19,
+				"name": "db_ic_bookmark_32",
+				"prevSize": 32,
+				"code": 922148
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 26
+		},
+		{
+			"icon": {
+				"paths": [
+					"M843.584 437.472l97.92 45.6c11.632 4.965 19.636 16.305 19.636 29.515 0 17.673-14.327 32-32 32-5.335 0-10.366-1.306-14.789-3.615l0.177 0.084-84.16-39.168-62.336 30.208v56.896l48.128-23.328c4.077-2.032 8.881-3.221 13.963-3.221 4.899 0 9.539 1.105 13.686 3.080l-0.193-0.083 97.92 45.6c11.632 4.965 19.636 16.305 19.636 29.515 0 17.673-14.327 32-32 32-5.335 0-10.366-1.306-14.789-3.615l0.177 0.084-84.16-39.168-62.336 30.208-0.032 22.272c0 12.256-1.216 24.192-2.944 35.968l51.072-24.736c4.071-2.013 8.863-3.191 13.93-3.191 4.91 0 9.562 1.106 13.72 3.082l-0.194-0.083 97.92 45.6c11.531 5.008 19.449 16.297 19.449 29.436 0 17.673-14.327 32-32 32-5.274 0-10.25-1.276-14.637-3.536l0.179 0.084-84.16-39.168-94.72 45.888c-42.272 74.112-121.888 124.32-213.184 124.32h-20.8c-91.264 0-170.912-50.176-213.248-124.288l-94.72-45.856-84.16 39.168c-3.651 1.571-7.901 2.485-12.364 2.485-17.673 0-32-14.327-32-32 0-12.338 6.982-23.045 17.211-28.385l0.177-0.084 97.92-45.6c3.964-1.893 8.616-2.999 13.526-2.999 5.067 0 9.86 1.178 14.118 3.275l-0.188-0.084 51.072 24.736c-1.804-10.738-2.894-23.18-3.007-35.856l-0.001-0.112v-22.336l-62.4-30.208-84.096 39.168c-3.952 1.878-8.588 2.975-13.48 2.975-12.764 0-23.785-7.466-28.933-18.269l-0.083-0.194c-1.881-3.953-2.979-8.59-2.979-13.483 0-12.773 7.483-23.798 18.305-28.93l0.194-0.083 97.92-45.6c3.954-1.892 8.595-2.997 13.493-2.997 5.082 0 9.885 1.189 14.148 3.305l-0.186-0.083 48.128 23.36v-56.928l-62.4-30.208-84.096 39.168c-3.952 1.878-8.588 2.975-13.48 2.975-12.764 0-23.785-7.466-28.933-18.269l-0.083-0.194c-1.881-3.953-2.979-8.59-2.979-13.483 0-12.773 7.483-23.798 18.305-28.93l0.194-0.083 97.92-45.6c3.954-1.892 8.595-2.997 13.493-2.997 5.082 0 9.885 1.189 14.148 3.305l-0.186-0.083 87.424 42.368h433.28l87.456-42.368c4.077-2.032 8.881-3.221 13.963-3.221 4.899 0 9.539 1.105 13.686 3.080l-0.193-0.083zM704.064 544.032h-384v138.368c0.109 100.258 81.345 181.505 181.588 181.632l20.812 0c100.255-0.128 181.491-81.375 181.6-181.622l0-0.010zM544.064 736.032c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-64c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM608 608.256c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-192.448c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM361.184 122.464c6.368 36.608 25.92 69.76 53.664 94.4 28.076-15.514 61.516-24.724 97.090-24.928l0.062-0c34.464 0 67.52 9.056 97.184 24.864 27.744-24.64 47.296-57.792 53.664-94.368 2.717-15.156 15.801-26.509 31.536-26.509 17.68 0 32.013 14.333 32.013 32.013 0 1.945-0.173 3.849-0.506 5.698l0.029-0.194c-8.829 48.252-31.641 90.122-64.025 122.393l-0.007 0.007c32.46 32.298 55.282 74.255 63.79 121.196l0.21 1.396c2.176 12.352 3.264 24.96 3.264 37.536 0 17.673-14.327 32-32 32v0h-370.272c-17.673 0-32-14.327-32-32v0c0-12.576 1.088-25.184 3.2-37.536 8.744-48.331 31.586-90.276 64.053-122.549l0.011-0.011c-32.401-32.283-55.216-74.167-63.817-121.022l-0.215-1.41c-0.257-1.524-0.404-3.279-0.404-5.068 0-17.673 14.327-32 32-32 15.573 0 28.547 11.124 31.411 25.859l0.033 0.202zM512.064 256c-69.792 0-134.56 55.776-149.792 128h299.584c-15.232-72.224-80-128-149.792-128z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bug_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 86,
+				"id": 20,
+				"name": "db_ic_bug_32",
+				"prevSize": 32,
+				"code": 922182
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 27
+		},
+		{
+			"icon": {
+				"paths": [
+					"M672 64c-159.058 0-288 128.942-288 288v0c0 34.4 6.464 64.576 13.728 88l-345.92 345.568c-5.802 5.793-9.392 13.801-9.392 22.647 0 9.113 3.81 17.337 9.923 23.165l0.013 0.012 144.256 137.28c5.79 5.816 13.803 9.415 22.656 9.415s16.866-3.599 22.655-9.413l0.001-0.001 342.272-342.368c27.712 9.12 56.96 13.696 87.808 13.696 159.058 0 288-128.942 288-288v0c0-37.6-7.808-80.64-22.816-111.936-8.736-18.304-35.296-22.24-50.56-7.040l-119.104 119.072-95.904-95.872 119.040-118.944c5.814-5.795 9.412-13.811 9.412-22.667 0-13.338-8.16-24.769-19.76-29.575l-0.212-0.078c-31.872-13.259-68.895-20.96-107.717-20.96-0.133 0-0.267 0-0.4 0l0.021-0zM706.688 130.688l-102.944 102.912c-5.789 5.791-9.369 13.789-9.369 22.624s3.58 16.833 9.369 22.624l140.096 140.224c13.824 14.656 34.784 12.48 46.304 0.96l103.072-103.072c1.755 10.533 2.758 22.669 2.758 35.040 0 123.702-100.273 223.985-223.972 224l-0.002 0c-29.376 0-50.496-3.936-86.816-17.216-2.811-0.909-6.046-1.433-9.402-1.433-8.792 0-16.744 3.596-22.466 9.398l-0.004 0.004-334.592 334.592-98.464-93.728 337.088-336.704c5.797-5.792 9.383-13.796 9.383-22.638 0-4.332-0.861-8.463-2.421-12.231l0.078 0.212c-10.412-24.933-16.461-53.901-16.461-84.282 0-123.712 100.288-224 224-224 12.273 0 24.315 0.987 36.052 2.886l-1.287-0.172z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_build_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 87,
+				"id": 21,
+				"name": "db_ic_build_32",
+				"prevSize": 32,
+				"code": 128736
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 28
+		},
+		{
+			"icon": {
+				"paths": [
+					"M640 160c0.191-0.004 0.416-0.007 0.642-0.007 17.198 0 31.163 13.844 31.358 30.996l0 0.018v32.992h96c53.019 0 96 42.981 96 96v0 448c0 53.019-42.981 96-96 96v0h-512c-53.019 0-96-42.981-96-96v0-448c0-53.019 42.981-96 96-96v0h96v-32.992c0.195-17.17 14.16-31.015 31.358-31.015 0.226 0 0.451 0.002 0.675 0.007l-0.033-0.001c0.191-0.004 0.416-0.007 0.642-0.007 17.198 0 31.163 13.844 31.358 30.996l0 0.018v32.992h192v-32.992c0.195-17.17 14.16-31.015 31.358-31.015 0.226 0 0.451 0.002 0.675 0.007l-0.033-0.001zM800 480h-576v288c0 18.016 14.016 32 32 32h512c18.016 0 32-14.016 32-32v-288zM352 288h-96c-18.016 0-32 14.016-32 32v96h576v-96c0-18.016-14.016-32-32-32h-96v32.992c-0.195 17.17-14.16 31.015-31.358 31.015-0.226 0-0.451-0.002-0.675-0.007l0.033 0.001c-0.191 0.004-0.416 0.007-0.642 0.007-17.198 0-31.163-13.844-31.358-30.996l-0-0.018v-32.992h-192v32.992c-0.195 17.17-14.16 31.015-31.358 31.015-0.226 0-0.451-0.002-0.675-0.007l0.033 0.001c-0.191 0.004-0.416 0.007-0.642 0.007-17.198 0-31.163-13.844-31.358-30.996l-0-0.018v-32.992zM288 704c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32zM288 576c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32zM416 704c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32zM416 576c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32zM544 704c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32zM544 576c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32zM672 704c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32zM672 576c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["calendar"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 25,
+				"id": 22,
+				"name": "calendar",
+				"prevSize": 32,
+				"code": 922183
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 29
+		},
+		{
+			"icon": {
+				"paths": [
+					"M613.504 192c26.496 0.015 50.478 10.761 67.84 28.128l0 0 67.968 67.872 114.816 0.128c51.104 0.064 95.904 45.376 95.904 96v351.808c0 53.019-42.981 96-96 96v0h-704.032c-53.019 0-96-42.981-96-96v0-351.808c-0-52.986 42.926-95.945 95.899-96l114.789-0.128 67.936-67.872c16.512-16.512 45.248-28.128 67.936-28.128zM613.504 256h-203.008c-8.836 0.002-16.834 3.585-22.624 9.376l-77.248 77.248c-5.782 5.784-13.768 9.365-22.59 9.376l-128.066 0.128c-17.659 0.018-31.968 14.338-31.968 32l0 0v351.808c0 17.673 14.327 32 32 32v0h704c17.673 0 32-14.327 32-32v0-351.808c0-17.662-14.309-31.982-31.966-32l-128.066-0.128c-8.824-0.011-16.81-3.592-22.592-9.376l-77.248-77.248c-5.79-5.791-13.788-9.374-22.624-9.376l-0-0zM512 384c88.366 0 160 71.634 160 160s-71.634 160-160 160v0c-88.366 0-160-71.634-160-160s71.634-160 160-160v0zM512 448c-53.019 0-96 42.981-96 96s42.981 96 96 96v0c53.019 0 96-42.981 96-96s-42.981-96-96-96v0zM256 416c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-32c-17.673 0-32-14.327-32-32s14.327-32 32-32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_camera_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 88,
+				"id": 23,
+				"name": "db_ic_camera_32",
+				"prevSize": 32,
+				"code": 922149
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 30
+		},
+		{
+			"icon": {
+				"paths": [
+					"M668 576c61.295 0.010 118.113 19.168 164.803 51.816l-0.931-0.616c32.064 22.176 54.944 39.232 68.64 51.2 7.807 5.9 12.8 15.167 12.8 25.6 0 7.24-2.404 13.919-6.458 19.28l0.058-0.080c-9.76 13.056-29.408 17.216-41.44 8.608-8-5.76-29.024-21.408-63.072-47.008-34.454-26.061-77.492-42.48-124.259-44.559l-0.477-0.017-114.368-0.224c-24.47 0.003-45.026 16.753-50.833 39.412l-0.079 0.364c-0.349 1.391-0.55 2.987-0.55 4.631 0 9.976 7.387 18.227 16.989 19.581l0.105 0.012h128.384c17.673 0 32 14.327 32 32v0c0 16.416-13.216 31.84-32 32h-126.080c-27.52-0.384-38.464-5.92-101.696-32-17.28-7.136-48.384-19.52-93.312-37.12-12.047-4.842-26.014-7.651-40.636-7.651-25.295 0-48.627 8.405-67.356 22.574l0.28-0.203c-4.992 3.744-7.424 15.36 2.944 19.68 6.688 2.752 84.8 31.168 234.432 85.248 19.291 7.24 41.595 11.972 64.836 13.162l0.54 0.022 164.704 0.288c15.987 0.001 31.669 1.304 46.947 3.81l-1.667-0.226 146.368 29.024c14.766 3.037 25.712 15.928 25.712 31.376 0 2.225-0.227 4.398-0.66 6.495l0.036-0.207c-3.2 16.096-19.008 28.448-37.664 25.12l-135.136-27.040c-9.54-2.008-20.82-3.459-32.329-4.042l-0.535-0.022-164.64-0.288c-30.901-0.002-60.664-4.871-88.566-13.881l2.038 0.569-246.336-89.28c-29.169-10.821-49.579-38.411-49.579-70.768 0-24.551 11.75-46.357 29.933-60.103l0.189-0.137c29.003-21.937 65.676-35.138 105.431-35.138 20.101 0 39.414 3.375 57.404 9.589l-1.235-0.371 96.736 37.568c7.488-56 60.064-98.048 112.864-98.048h106.688zM320 64c141.385 0 256 114.615 256 256s-114.615 256-256 256v0c-141.385 0-256-114.615-256-256s114.615-256 256-256v0zM320 128c-106.039 0-192 85.961-192 192s85.961 192 192 192v0c106.039 0 192-85.961 192-192s-85.961-192-192-192v0zM337.856 192c18.112 0 34.464 2.368 49.056 7.104 9.728 3.328 19.488 13.44 16.128 26.464-4.672 15.52-19.968 17.696-30.56 14.944-9.226-2.581-19.83-4.095-30.778-4.16l-0.038-0c-15.712 0-27.040 3.264-33.952 9.856-6.944 6.592-11.776 17.504-14.56 32.736h64.096v29.12h-64.768v22.848h64.768v29.12h-64.128c2.080 16.16 6.72 27.36 13.856 33.6 7.168 6.208 18.944 9.344 35.328 9.344 10.432 0 38.4-6.4 40.832-6.88 7.936-1.664 17.632 3.552 20.928 12.16 6.4 16.576-8.192 25.184-12.544 27.616-4.384 2.432-16.48 6.656-26.528 8.832-10.016 2.208-20.16 3.296-30.304 3.296-21.92 0-39.872-3.104-53.856-9.344-13.759-6.061-24.911-15.926-32.399-28.262l-0.177-0.314c-7.712-12.8-13.12-29.504-16.096-50.080h-22.88v-29.088h21.824v-22.848h-21.824v-29.12h22.88c3.936-21.024 9.92-37.824 18.016-50.4 7.975-12.383 19.351-21.965 32.808-27.539l0.472-0.173c14.080-5.888 32.192-8.832 54.368-8.832z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_cash_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 89,
+				"id": 24,
+				"name": "db_ic_cash_32",
+				"prevSize": 32,
+				"code": 922184
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 31
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c247.008 0 448 200.992 448 448s-200.992 448-448 448-448-200.992-448-448 200.992-448 448-448zM512 128c-212 0-384 172-384 384s172 384 384 384 384-172 384-384-172-384-384-384zM735.136 338.016c18.112 0 33.472 15.168 33.472 32.256 0 7.296-2.976 15.104-10.592 22.72l-302.016 302.048c-5.559 5.499-13.206 8.897-21.647 8.897-0.073 0-0.147-0-0.22-0.001l0.011 0c-7.008 0-14.080-2.24-20.16-6.912l-2.976-1.984-144-144c-5.981-5.853-9.705-13.99-9.76-22.998l-0-0.010c0-17.952 15.040-32.48 32.704-32.48 7.2 0 14.816 2.72 22.048 9.472l122.016 122.016 278.976-280c5.617-5.559 13.345-8.993 21.876-8.993 0.094 0 0.188 0 0.282 0.001l-0.014-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["check-circle"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 26,
+				"id": 25,
+				"name": "check-circle",
+				"prevSize": 32,
+				"code": 922144
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 32
+		},
+		{
+			"icon": {
+				"paths": [
+					"M624 192c-74.656 0-151.2 39.968-193.984 98.592l-4.352 5.504c-17.22-5.139-37.007-8.096-57.485-8.096-0.063 0-0.126 0-0.189 0l0.010-0-7.744 0.128c-93.054 3.583-170.179 67.745-193.269 154.001l-0.331 1.455-2.176 6.848c-61.76 37.888-100.48 102.4-100.48 173.568 0 115.52 100.864 208 224 208l455.904-0.128c120.128-4.16 216.096-95.296 216.096-207.872l-0.16-8.256c-2.784-65.76-39.872-126.272-96.096-163.040l0.256-20.704c0-132.544-107.52-240-240-240zM624 256c0.016-0 0.035-0 0.054-0 97.202 0 176 78.798 176 176 0 11.314-1.068 22.379-3.107 33.099l0.174-1.099c-0.335 1.739-0.527 3.739-0.527 5.784 0 12.402 7.055 23.157 17.372 28.468l0.179 0.084c50.368 25.504 81.856 73.28 81.856 125.664 0 76.8-67.52 140.896-153.728 143.904l-454.272 0.096c-88.96 0-160-65.12-160-144 0-51.904 30.88-99.328 80.544-124.992 9.015-4.738 15.411-13.406 16.939-23.665l0.021-0.175c10.501-70.096 70.292-123.237 142.495-123.237 21.266 0 41.455 4.61 59.623 12.884l-0.902-0.368c3.844 1.764 8.339 2.793 13.075 2.793 12.21 0 22.823-6.838 28.217-16.894l0.084-0.171c30.079-56.424 88.542-94.176 155.823-94.176 0.028 0 0.057 0 0.085 0l-0.004-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_cloud_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 248,
+				"id": 26,
+				"name": "db_ic_cloud_32",
+				"prevSize": 32,
+				"code": 9729
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 33
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 480c16.352 0.002 29.838 12.269 31.761 28.102l0.015 0.154 0.224 3.744v322.688l57.376-57.312c5.791-5.79 13.79-9.372 22.626-9.372 7.423 0 14.256 2.527 19.684 6.769l-0.071-0.053 3.008 2.656c5.79 5.791 9.372 13.79 9.372 22.626 0 7.423-2.527 14.256-6.769 19.684l0.053-0.071-2.656 3.008-112 112c-5.791 5.79-13.79 9.372-22.626 9.372-7.423 0-14.256-2.527-19.684-6.769l0.071 0.053-3.008-2.656-112-112c-5.768-5.787-9.334-13.772-9.334-22.589 0-17.673 14.327-32 32-32 7.405 0 14.223 2.516 19.646 6.739l-0.072-0.054 3.008 2.656 57.376 57.312v-322.688c0-17.673 14.327-32 32-32v0zM624 96c132.48 0 240 107.456 240 240l-0.256 20.704c53.856 35.2 90.176 92.288 95.552 154.88l0.544 8.16 0.16 8.256c0 110.112-91.84 199.744-208.288 207.488l-7.808 0.384h-39.904c-16.352-0.002-29.838-12.269-31.761-28.102l-0.015-0.154-0.224-3.712c0-17.673 14.327-32 32-32v0h38.272c83.776-2.88 149.856-63.488 153.568-137.344l0.16-6.56c0-52.384-31.488-100.192-81.856-125.664-10.512-5.39-17.58-16.153-17.58-28.567 0-2.040 0.191-4.034 0.556-5.968l-0.031 0.199c1.902-9.713 2.99-20.881 2.99-32.303 0-97.202-78.798-176-176-176-67.401 0-125.953 37.888-155.52 93.527l-0.461 0.952c-5.474 10.241-16.094 17.091-28.315 17.091-4.73 0-9.221-1.026-13.262-2.869l0.2 0.082c-17.267-7.908-37.458-12.519-58.725-12.519-72.192 0-131.977 53.125-142.393 122.414l-0.098 0.793c-1.549 10.434-7.945 19.102-16.785 23.756l-0.175 0.084c-49.664 25.664-80.544 73.088-80.544 124.992 0 76.672 67.136 140.384 152.64 143.84l7.36 0.16h32c0.001-0 0.002-0 0.003-0 16.331 0 29.805 12.234 31.757 28.037l0.016 0.155 0.224 3.744c0 0.019 0 0.041 0 0.064 0 17.673-14.327 32-32 32-0 0-0-0-0-0l-32-0c-120.512 0-219.712-88.576-223.872-200.64l-0.128-7.36c0-68.416 35.776-130.688 93.44-169.088l7.040-4.48 2.208-6.848c22.687-84.979 95.711-147.789 184.449-154.928l0.735-0.048 8.384-0.48 7.744-0.128c15.776 0 31.36 1.76 46.432 5.216l11.232 2.88 4.352-5.504c42.784-58.592 119.36-98.592 193.984-98.592z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_cloud_download_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 249,
+				"id": 27,
+				"name": "db_ic_cloud_download_32",
+				"prevSize": 32,
+				"code": 8681
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 34
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 480c8 0 16.256 2.752 22.752 9.248l128 128c5.716 5.74 9.25 13.657 9.25 22.399 0 0.124-0.001 0.248-0.002 0.372l0-0.019c0 14.016-10.016 32-32 32-8 0-17.024-2.976-22.976-8.992l-73.024-74.016v275.008c0 17.984-14.016 32-32 32-18.016 0-32-14.016-32-32v-275.008l-73.28 73.76c-5.716 5.715-13.611 9.25-22.333 9.25-0.136 0-0.272-0.001-0.408-0.003l0.021 0c-19.008 0-32-15.008-32-32 0-8 2.752-16.256 9.248-22.752l127.776-128.256c5.984-5.984 14.976-8.992 22.976-8.992zM624 160c132.48 0 240 107.456 240 240l-0.256 20.704c53.856 35.2 90.176 92.288 95.552 154.88l0.544 8.16 0.16 8.256c0 110.112-91.84 199.744-208.288 207.488l-7.808 0.384h-39.904c-16.352-0.002-29.838-12.269-31.761-28.102l-0.015-0.154-0.224-3.712c0-17.673 14.327-32 32-32v0h38.272c83.776-2.88 149.856-63.488 153.568-137.344l0.16-6.56c0-52.384-31.488-100.192-81.856-125.664-10.512-5.39-17.58-16.153-17.58-28.567 0-2.040 0.191-4.034 0.556-5.968l-0.031 0.199c1.902-9.713 2.99-20.881 2.99-32.303 0-97.202-78.798-176-176-176-67.401 0-125.953 37.888-155.52 93.527l-0.461 0.952c-5.474 10.241-16.094 17.091-28.315 17.091-4.73 0-9.221-1.026-13.262-2.869l0.2 0.082c-17.267-7.908-37.458-12.519-58.725-12.519-72.192 0-131.977 53.125-142.393 122.414l-0.098 0.793c-1.549 10.434-7.945 19.102-16.785 23.756l-0.175 0.084c-49.664 25.664-80.544 73.088-80.544 124.992 0 76.672 67.136 140.384 152.64 143.84l7.36 0.16h32c0.001-0 0.002-0 0.003-0 16.331 0 29.805 12.234 31.757 28.037l0.016 0.155 0.224 3.744c0 0.019 0 0.041 0 0.064 0 17.673-14.327 32-32 32-0 0-0-0-0-0l-32-0c-120.512 0-219.712-88.576-223.872-200.64l-0.128-7.36c0-68.416 35.776-130.688 93.44-169.088l7.040-4.48 2.208-6.848c22.687-84.979 95.711-147.789 184.449-154.928l0.735-0.048 8.384-0.48 7.744-0.128c15.776 0 31.36 1.76 46.432 5.216l11.232 2.88 4.352-5.504c42.784-58.592 119.36-98.592 193.984-98.592z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_cloud_upload_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 250,
+				"id": 28,
+				"name": "db_ic_cloud_upload_32",
+				"prevSize": 32,
+				"code": 8679
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 35
+		},
+		{
+			"icon": {
+				"paths": [
+					"M864 192c52.992 0 96 44 96 96v448c0 52.992-44 96-96 96h-704c-52.992 0-96-44-96-96v-448c0-53.019 42.981-96 96-96v0zM896 448h-768v288c0 16 11.968 32 28 32h708c18.016 0 32-15.008 32-32v-288zM864 256h-704c-18.016 0-32 15.008-32 32v96h768v-96c0-18.016-15.008-32-32-32zM256.096 608h255.808c0.134-0.002 0.292-0.003 0.45-0.003 17.479 0 31.648 14.169 31.648 31.648 0 0.125-0.001 0.25-0.002 0.374l0-0.019c0 18.016-14.048 32-32.096 32h-255.808c-0.134 0.002-0.292 0.003-0.45 0.003-17.479 0-31.648-14.169-31.648-31.648 0-0.125 0.001-0.25 0.002-0.374l-0 0.019c0-18.016 14.048-32 32.096-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["credit-card"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 27,
+				"id": 30,
+				"name": "credit-card",
+				"prevSize": 32,
+				"code": 922150
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 37
+		},
+		{
+			"icon": {
+				"paths": [
+					"M925.44 403.456c21.852 50.607 34.561 109.53 34.561 171.422 0 0.394-0.001 0.789-0.002 1.183l0-0.061c0 117.184-45.216 227.328-124.736 310.176-5.833 6.070-14.020 9.842-23.088 9.842-17.674 0-32.002-14.328-32.002-32.002 0-8.606 3.397-16.419 8.924-22.171l-0.010 0.011c66.158-68.665 106.912-162.204 106.912-265.262 0-0.209-0-0.418-0.001-0.627l0 0.033c0-51.52-10.176-102.272-29.44-147.456-1.619-3.7-2.561-8.012-2.561-12.544 0-17.674 14.327-32.001 32.001-32.001 13.142 0 24.433 7.922 29.36 19.25l0.080 0.207zM512 128c60 0 118.4 11.84 172.64 34.464 11.647 4.963 19.663 16.313 19.663 29.536 0 17.681-14.334 32.015-32.015 32.015-4.459 0-8.704-0.911-12.561-2.558l0.209 0.079c-43.543-18.677-94.219-29.536-147.431-29.536-0.178 0-0.355 0-0.533 0l0.028-0c-212.064 0-384 171.936-384 384 0 100.48 38.72 194.816 106.912 265.856 5.517 5.741 8.914 13.554 8.914 22.16 0 17.674-14.328 32.002-32.002 32.002-9.068 0-17.255-3.771-23.078-9.831l-0.010-0.011c-77.189-80.145-124.736-189.308-124.736-309.576 0-0.211 0-0.422 0-0.633l-0 0.033c0-247.424 200.576-448 448-448zM738.336 757.024c6.027 5.827 9.769 13.985 9.769 23.017 0 17.673-14.327 32-32 32-9.032 0-17.19-3.742-23.009-9.76l-0.009-0.009c-5.558-5.749-8.983-13.59-8.983-22.231 0-17.673 14.327-32 32-32 8.641 0 16.482 3.425 22.24 8.991l-0.009-0.009zM331.040 757.024c6.027 5.827 9.769 13.985 9.769 23.017 0 17.673-14.327 32-32 32-9.032 0-17.19-3.742-23.009-9.76l-0.009-0.009c-5.558-5.749-8.983-13.59-8.983-22.231 0-17.673 14.327-32 32-32 8.641 0 16.482 3.425 22.24 8.991l-0.009-0.009zM798.56 619.616c13.768 3.78 23.716 16.184 23.716 30.912 0 17.675-14.329 32.004-32.004 32.004-2.948 0-5.802-0.398-8.513-1.145l0.225 0.053c-13.7-3.824-23.584-16.195-23.584-30.873 0-17.673 14.327-32 32-32 2.889 0 5.689 0.383 8.352 1.101l-0.224-0.051zM264.8 642.272c0.715 2.524 1.127 5.422 1.127 8.416 0 17.673-14.327 32-32 32-14.784 0-27.226-10.025-30.899-23.648l-0.051-0.224c-0.666-2.439-1.049-5.238-1.049-8.128 0-17.673 14.327-32 32-32 14.679 0 27.049 9.883 30.82 23.359l0.054 0.225zM790.624 297.376c5.797 5.787 9.382 13.787 9.382 22.624s-3.586 16.837-9.382 22.624l-0 0-216.704 216.864c1.367 4.937 2.153 10.607 2.153 16.46 0 35.346-28.654 64-64 64s-64-28.654-64-64c0-35.346 28.654-64 64-64 5.869 0 11.553 0.79 16.952 2.269l-0.449-0.105 216.8-216.736c5.791-5.789 13.789-9.369 22.624-9.369s16.833 3.58 22.624 9.369l-0-0zM821.152 493.184c0.865 2.766 1.364 5.946 1.364 9.243 0 17.673-14.327 32-32 32-15.083 0-27.729-10.436-31.112-24.481l-0.044-0.218c-0.536-2.193-0.844-4.711-0.844-7.301 0-17.673 14.327-32 32-32 14.376 0 26.538 9.48 30.576 22.53l0.060 0.227zM242.176 470.56c13.768 3.78 23.716 16.184 23.716 30.912 0 17.675-14.329 32.004-32.004 32.004-2.948 0-5.802-0.398-8.513-1.145l0.225 0.053c-13.768-3.78-23.716-16.184-23.716-30.912 0-17.675 14.329-32.004 32.004-32.004 2.948 0 5.802 0.398 8.513 1.145l-0.225-0.053zM331.040 349.728c6.027 5.827 9.769 13.985 9.769 23.017 0 17.673-14.327 32-32 32-9.032 0-17.19-3.742-23.009-9.76l-0.009-0.009c-5.558-5.749-8.983-13.59-8.983-22.231 0-17.673 14.327-32 32-32 8.641 0 16.482 3.425 22.24 8.991l-0.009-0.009zM594.88 266.88c13.847 3.725 23.872 16.167 23.872 30.951 0 17.673-14.327 32-32 32-2.994 0-5.893-0.411-8.641-1.18l0.225 0.054c-13.7-3.824-23.584-16.195-23.584-30.873 0-17.673 14.327-32 32-32 2.889 0 5.689 0.383 8.352 1.101l-0.224-0.051zM468.448 289.504c0.715 2.524 1.127 5.422 1.127 8.416 0 17.673-14.327 32-32 32-14.784 0-27.226-10.025-30.899-23.648l-0.051-0.224c-0.666-2.439-1.049-5.238-1.049-8.128 0-17.673 14.327-32 32-32 14.679 0 27.049 9.883 30.82 23.359l0.054 0.225z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_dashboard_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 251,
+				"id": 31,
+				"name": "db_ic_dashboard_32",
+				"prevSize": 32,
+				"code": 921956
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 38
+		},
+		{
+			"icon": {
+				"paths": [
+					"M128 352c0-18.016 14.016-32 32-32h36.992c50.189 0.181 90.827 40.819 91.008 90.991l0 0.017v452.992c0 18.016 15.008 32 32 32h388.992c0.038 0 0.083 0 0.128 0 14.845 0 26.88-12.035 26.88-26.88 0-0.045-0-0.090-0-0.135l0 0.007v-456.992c-0-0.076-0-0.166-0-0.256 0-50.669 41.075-91.744 91.744-91.744 0.090 0 0.18 0 0.27 0l-0.014-0h36c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-36c-15.328 0.333-27.667 12.672-27.999 27.969l-0.001 0.031v456.992c-0.181 50.189-40.819 90.827-90.991 91.008l-0.017 0h-388.992c-53.019 0-96-42.981-96-96v0-452.992c0-0.038 0-0.083 0-0.128 0-14.845-12.035-26.88-26.88-26.88-0.045 0-0.090 0-0.135 0l0.007-0h-36.992c-18.016 0-32-14.016-32-32zM640 64c18.016 0 32 14.016 32 32v96h192c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-704c-18.016 0-32-14.016-32-32 0-18.016 14.016-32 32-32h192v-96c0-18.016 15.008-32 32-32h256zM608 128h-192v64h192v-64zM352 800v-352c0-18.016 15.008-32 32-32 18.016 0 32 14.016 32 32v352c0 18.016-14.016 32-32 32-16.992 0-32-14.016-32-32zM480 800v-352c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32v352c0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32zM608 800v-352c0-18.016 15.008-32 32-32 18.016 0 32 14.016 32 32v352c0 18.016-14.016 32-32 32-16.992 0-32-14.016-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["delete"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 35,
+				"id": 32,
+				"name": "delete",
+				"prevSize": 32,
+				"code": 128465
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 39
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 76c20.384 0 41.44 7.456 55.040 24l55.072 67.008c1.824 2.208 5.92 3.328 9.024 2.464l82.752-22.464c5.952-1.632 12.224-2.016 18.336-2.016 34.496 0 68 24.608 70.336 65.024l5.12 86.976c0.096 2.016 1.92 4.192 4.064 4.992l82.592 31.040c26.211 10.022 44.548 34.83 44.864 63.961l0 0.039c0 12.96-4.032 27.008-11.2 37.984l-47.936 72.992c-0.587 1.006-0.934 2.214-0.934 3.504s0.347 2.498 0.952 3.538l-0.018-0.034 47.904 72c7.744 11.616 11.232 24.992 11.232 37.984 0 28-18.336 55.040-44.864 65.024l-82.56 30.976c-2.24 0.832-4.032 3.84-4.224 7.008l-4.992 84.992c-2.144 37.088-31.936 65.024-70.336 65.024-8.68-0.342-16.903-1.618-24.783-3.731l0.783 0.179-78.016-21.216c-4.096-1.088-6.464-0.224-8.48 2.24l-54.656 66.496c-13.15 15.936-32.903 26.016-55.011 26.016-0.022 0-0.043-0-0.065-0l0.003 0c-21.408 0-41.984-8.864-55.040-24.992l-55.072-68c-1.792-2.24-4.032-2.88-7.136-2.016l-79.904 21.728c-6.819 1.771-14.729 2.943-22.859 3.257l-0.213 0.007c-38.56 0-68.192-28.096-70.336-64.96l-5.056-86.016c-0.056-2.718-1.741-5.028-4.116-6l-0.044-0.016-82.56-30.976c-23.68-8.896-44.864-33.984-44.864-65.024 0-12.992 3.488-26.368 11.2-37.984l47.040-70.624c2.144-3.232 0.768-8.576-1.216-11.616l-45.824-69.76c-6.971-10.757-11.147-23.89-11.232-37.994l-0-0.022c0-28.352 18.080-53.952 44.864-64l81.696-30.656c3.040-1.152 4.864-3.328 5.024-6.336l5.056-86.016c2.176-37.568 32.768-64.96 70.336-64.96 6.112 0 12.384 0.352 18.336 1.984l82.752 22.464c3.104 0.864 6.752 0.288 9.024-2.464l55.040-67.008c13.216-16.064 34.688-24 55.072-24zM506.88 140l-55.040 67.008c-13.184 16.032-34.656 24.992-55.040 24.992-6.144 0-12.128-0.384-18.368-2.016l-83.712-21.472c-3.776-0.96-8.832 2.24-9.024 5.536l-5.12 85.984c-1.6 26.976-19.2 51.36-44.864 60.992l-82.56 31.008c-4.352 1.632-5.216 5.728-3.072 8.992l47.936 72.992c7.936 12.16 11.2 24 11.2 37.024 0 12.992-3.264 25.856-11.2 37.984l-47.936 73.024c-0.63 0.93-1.006 2.076-1.006 3.311 0 2.617 1.689 4.839 4.036 5.637l0.042 0.012 82.56 31.040c25.18 9.824 43.054 33.113 44.853 60.785l0.011 0.207 4.928 83.008c0.384 6.272 4.288 10.24 13.12 7.936l76.032-19.968c8.097-2.265 17.448-3.707 27.088-3.996l0.176-0.004c18.496 0 36.384 9.504 49.952 26.016l55.040 67.008c3.2 3.872 7.040 3.872 10.24 0l55.040-67.008c13.184-16.064 34.656-26.016 48.96-26.016 9.152 0 18.848 1.6 24.448 3.008l84.672 21.76c4.928 1.28 7.84-1.184 8.096-5.76l5.12-85.984c1.6-26.976 19.2-51.456 44.864-61.024l80.544-29.984c4.48-1.664 6.24-7.68 4.064-11.008l-46.912-72c-7.904-12.16-11.2-24-11.2-36.992s3.2-25.92 11.2-38.016l45.696-69.152c3.84-5.792 3.904-11.072-2.592-13.504l-80.8-30.336c-25.18-9.824-43.054-33.113-44.853-60.785l-0.011-0.207-5.12-86.016c-0.224-3.68-4.32-6.72-9.024-5.504l-83.744 21.536c-6.24 1.6-12.224 1.984-18.368 1.984-20.384 0-41.856-8.96-55.040-24.992l-55.040-67.008c-3.2-3.904-7.040-3.904-10.24 0zM337.664 416.992c0-35.008 28.544-63.008 64.224-63.008s64.224 28.032 64.224 63.040c0 34.976-28.544 62.976-64.224 62.976s-64.224-28-64.224-63.008zM351.936 636.992c0-8 3.040-16 9.184-21.984l256.928-251.008c6.112-5.984 14.272-10.016 22.4-10.016 13.856 0 31.616 12.256 31.616 32 0 8-3.040 16-9.184 22.016l-255.904 251.008c-5.891 5.575-13.863 9.002-22.636 9.002-0.288 0-0.576-0.004-0.862-0.011l0.042 0.001c-0.095 0.001-0.208 0.002-0.321 0.002-17.177 0-31.119-13.853-31.263-30.996l-0-0.014zM573.184 604.992c0-33.984 28.544-62.976 64.224-62.976s64.224 28.992 64.224 62.976c0 35.008-28.544 63.008-64.224 63.008s-64.224-28-64.224-63.008z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["discount"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 34,
+				"id": 33,
+				"name": "discount",
+				"prevSize": 32,
+				"code": 921702
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 40
+		},
+		{
+			"icon": {
+				"paths": [
+					"M628.992 64c19.008 0 37.024 8 51.008 20.992l131.008 131.008c13.984 14.016 20.992 32 20.992 51.008v620.992c0 40-32 72-72 72h-496c-40 0-72-32-72-72v-752c0-40 32-72 72-72zM576 128h-312c-4.291 0.303-7.697 3.709-7.998 7.973l-0.002 0.027v752c0 4 4 8 8 8h496c4 0 8-4 8-8v-568h-160c-18.016 0-32-14.016-32-32v-160zM640 135.008v120.992h120.992l-120.992-120.992zM320 736c0 18.016 14.016 32 32 32h320c18.016 0 32-14.016 32-32 0-18.016-14.016-32-32-32h-320c-18.016 0-32 14.016-32 32zM320 608c0 18.016 14.016 32 32 32h320c18.016 0 32-14.016 32-32 0-18.016-14.016-32-32-32h-320c-18.016 0-32 14.016-32 32zM320 480c0 18.016 14.016 32 32 32h320c18.016 0 32-14.016 32-32 0-18.016-14.016-32-32-32h-320c-18.016 0-32 14.016-32 32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["document"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 33,
+				"id": 34,
+				"name": "document",
+				"prevSize": 32,
+				"code": 128441
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 41
+		},
+		{
+			"icon": {
+				"paths": [
+					"M160 545.024c0-18.56 15.488-32 32-32 12.384 0 15.488 2.080 22.72 9.28l169.28 168.32 424.256-425.344c5.413-5.752 13.075-9.334 21.574-9.334 0.403 0 0.804 0.008 1.203 0.024l-0.057-0.002c18.56 0.032 33.024 16.544 33.024 32.032 0 8.256-3.104 15.488-10.336 22.72l-446.944 448c-6.208 6.176-14.464 9.28-22.72 9.28-0.35 0.015-0.762 0.023-1.175 0.023-8.484 0-16.135-3.57-21.532-9.289l-0.014-0.014-192-190.976c-5.736-5.782-9.281-13.744-9.281-22.535 0-0.065 0-0.13 0.001-0.195l-0 0.010z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["done"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 32,
+				"id": 35,
+				"name": "done",
+				"prevSize": 32,
+				"code": 10003
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 42
+		},
+		{
+			"icon": {
+				"paths": [
+					"M128 672c0-18.016 14.016-32 32-32 18.016 0 32 13.984 32 32v192c0 17.984 14.016 32 32 32h576c17.984 0 32-14.016 32-32v-192c0-18.016 13.984-32 32-32 17.984 0 32 13.984 32 32v192c0 53.019-42.981 96-96 96v0h-576c-53.019 0-96-42.981-96-96v0-192zM296.992 501.984c-5.539-5.604-8.96-13.311-8.96-21.817 0-0.059 0-0.118 0-0.176l-0 0.009c0-16 10.976-32 32-32 8 0 16 3.008 22.976 8.992l136.992 137.984v-498.976c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32v498.976l136.992-137.984c6.084-5.474 14.138-8.863 22.982-8.992l0.026-0c19.008 0 32 13.984 32 32 0 8-3.008 16-8.992 23.008l-192 192c-6.087 5.462-14.142 8.841-22.984 8.96l-0.024 0c-0.059 0-0.129 0.001-0.199 0.001-8.506 0-16.213-3.422-21.82-8.964l0.003 0.003-192.96-193.024z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["download"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 31,
+				"id": 36,
+				"name": "download",
+				"prevSize": 32,
+				"code": 11123
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 43
+		},
+		{
+			"icon": {
+				"paths": [
+					"M763.008 64c22.976 0 45.984 8.992 66.976 30.016l101.024 100.992c17.984 18.976 28.992 42.976 28.992 68.992 0 23.008-8 46.016-28.992 67.008l-545.024 543.008c-11.968 12-24 20.992-45.984 25.984l-236 58.016c-3.008 0.96-7.008 0.96-10.016 0.96-16.527-0.054-29.911-13.428-29.984-29.945l-0-0.007c0-2.976 0-5.984 0.992-8.992l59.008-237.984c4-19.008 12-31.040 26.016-45.024l544-542.976c17.984-18.048 42.944-30.048 68.96-30.048zM176 735.008l-36.992 148.992 148-36.992-111.008-112zM655.008 223.008l-450.016 448.992 145.024 147.008 449.984-450.048-144.992-145.92zM761.984 128.992c-8 0-16 3.008-22.976 10.016l-39.008 38.976 146.016 147.008 40-40c4.992-4.992 9.984-12.992 9.984-23.008 0-6.976-3.008-13.984-10.016-21.984l-100.992-100.992c-5.817-6.059-13.938-9.869-22.949-10.016l-0.027-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["edit"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 30,
+				"id": 37,
+				"name": "edit",
+				"prevSize": 32,
+				"code": 9999
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 44
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 128c212.064 0 384 171.936 384 384s-171.936 384-384 384-384-171.936-384-384 171.936-384 384-384zM512 182.176c-181.856 0-329.824 147.968-329.824 329.824s147.968 329.824 329.824 329.824 329.824-147.968 329.824-329.824-147.968-329.824-329.824-329.824zM672 608c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-320c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM400 352c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0zM624 352c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_face_neutral_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 252,
+				"id": 38,
+				"name": "db_ic_face_neutral_32",
+				"prevSize": 32,
+				"code": 921960
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 45
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 128c212.064 0 384 171.936 384 384s-171.936 384-384 384-384-171.936-384-384 171.936-384 384-384zM512 182.176c-181.856 0-329.824 147.968-329.824 329.824s147.968 329.824 329.824 329.824 329.824-147.968 329.824-329.824-147.968-329.824-329.824-329.824zM512 560c107.392 0 178.496 70.464 181.472 73.472 5.962 5.818 9.66 13.933 9.66 22.911 0 17.673-14.327 32-32 32-9.074 0-17.266-3.777-23.089-9.844l-0.010-0.011c-0.448-0.448-55.968-54.528-136.032-54.528-81.024 0-135.488 54.016-136.032 54.528-5.834 6.078-14.026 9.855-23.1 9.855-17.673 0-32-14.327-32-32 0-8.978 3.698-17.093 9.653-22.905l0.006-0.006c2.976-3.008 74.080-73.472 181.472-73.472zM400 352c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0zM624 352c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_face_sad_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 253,
+				"id": 39,
+				"name": "db_ic_face_sad_32",
+				"prevSize": 32,
+				"code": 921961
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 46
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 128c212.064 0 384 171.936 384 384s-171.936 384-384 384-384-171.936-384-384 171.936-384 384-384zM512 182.176c-181.856 0-329.824 147.968-329.824 329.824s147.968 329.824 329.824 329.824 329.824-147.968 329.824-329.824-147.968-329.824-329.824-329.824zM670.752 576c17.67 0.004 31.994 14.329 31.994 32 0 8.787-3.542 16.747-9.276 22.53l0.002-0.002c-2.976 3.008-74.080 73.472-181.472 73.472s-178.496-70.464-181.472-73.472c-5.962-5.818-9.66-13.933-9.66-22.911 0-17.673 14.327-32 32-32 9.074 0 17.266 3.777 23.089 9.844l0.010 0.011c0.544 0.512 55.008 54.528 136.032 54.528 80.064 0 135.584-54.080 136.032-54.528 5.786-5.85 13.813-9.472 22.686-9.472 0.012 0 0.024 0 0.035 0l-0.002-0zM400 352c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0zM624 352c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_face_smiling_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 254,
+				"id": 40,
+				"name": "db_ic_face_smiling_32",
+				"prevSize": 32,
+				"code": 921968
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 47
+		},
+		{
+			"icon": {
+				"paths": [
+					"M320.992 671.008c59.543 0.269 109.498 40.999 123.803 96.099l0.197 0.893h483.008c18.016 0 32 14.016 32 32 0 16.992-14.016 32-32 32h-484c-14.559 55.071-63.935 95.009-122.638 95.009-0.13 0-0.26-0-0.39-0.001l0.020 0c-60 0-109.984-40-124-95.008h-100.992c-18.016 0-32-15.008-32-32 0-17.984 14.016-32 32-32h100c14.66-56.191 64.958-96.992 124.786-96.992 0.072 0 0.145 0 0.217 0l-0.011-0zM320.992 735.008c-36 0-64 28.992-64 64s28 64 64 64c31.008 0 64-24.992 64-64 0-35.008-28.992-64-64-64zM701.984 384c0.056-0 0.122-0 0.188-0 59.29 0 109.153 40.362 123.611 95.109l0.2 0.891h102.016c18.016 0 32 14.016 32 32 0 16.992-14.016 32-32 32h-102.016c-13.984 55.008-64 96-124 96-0.056 0-0.122 0-0.188 0-59.29 0-109.153-40.362-123.611-95.109l-0.2-0.891h-483.968c-16 0-29.984-15.008-29.984-32 0-17.984 14.016-32 30.016-32h483.968c15.040-55.008 65.024-96 124-96zM701.984 448c-34.976 0-64 28.992-64 64 0 36 29.024 64 64 64 36 0 64-28 64-64 0-35.008-28-64-64-64zM320 96c0.315-0.003 0.687-0.004 1.059-0.004 59.077 0 108.713 40.427 122.75 95.126l0.191 0.878h484c18.016 0 32 14.016 32 32 0 16.992-14.016 32-32 32h-484c-16 56.992-64.992 96-124 96-0.056 0-0.122 0-0.188 0-59.29 0-109.153-40.362-123.611-95.109l-0.2-0.891h-100c-18.016 0-32-15.008-32-32 0-17.984 14.016-32 32-32h100c14.016-56 64-96 124-96zM320 160c-35.008 0-64 28-64 64 0 35.008 28.992 64 64 64s64-28.992 64-64c0-35.008-28-64-64-64z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["filter"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 29,
+				"id": 41,
+				"name": "filter",
+				"prevSize": 32,
+				"code": 921705
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 48
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512.448 463.552c76.891 0.269 141.028 54.54 156.483 126.851l0.189 1.053c9.701 46.909 46.046 83.243 92.191 92.795l0.769 0.133c42.635 8.806 78.309 33.622 101.172 67.743l0.364 0.577c3.578 5.094 5.718 11.425 5.718 18.255 0 17.673-14.327 32-32 32-11.235 0-21.117-5.79-26.826-14.548l-0.075-0.123c-13.827-21.027-35.357-36.023-60.488-41.021l-0.6-0.099c-72.131-14.899-128.013-70.76-142.739-141.696l-0.205-1.184c-9.389-43.991-47.846-76.531-93.933-76.704l-0.019-0c-6.432 0-12.992 0.672-18.944 1.92-25.694 5.187-47.204 20.113-60.934 40.677l-0.218 0.347c-10.048 14.888-16.039 33.234-16.039 52.979 0 6.813 0.713 13.459 2.069 19.869l-0.111-0.624c15.437 74.731 51.332 139.387 101.518 189.806l-0.014-0.014c14.496 14.56 49.536 44.832 64.64 55.872 8.099 5.88 13.305 15.318 13.305 25.971 0 17.673-14.327 32-32 32-7.195 0-13.835-2.375-19.18-6.383l0.083 0.060c-19.040-13.952-56.832-46.976-72.192-62.4-58.757-58.998-100.797-134.688-118.387-219.337l-0.493-2.839c-2.074-9.639-3.262-20.713-3.262-32.064 0-32.903 9.98-63.476 27.078-88.856l-0.36 0.568c23.183-34.811 58.936-59.682 100.641-68.209l1.023-0.175c9.984-2.048 21.024-3.2 31.776-3.2zM543.712 617.152c20.212 97.29 95.65 172.62 191.398 192.397l1.594 0.275c14.75 3.063 25.676 15.952 25.676 31.392 0 17.689-14.34 32.028-32.028 32.028-2.248 0-4.442-0.232-6.56-0.672l0.208 0.036c-122.58-25.28-217.568-120.16-242.657-240.674l-0.351-2.014c-0.409-1.919-0.643-4.124-0.643-6.384 0-17.675 14.328-32.003 32.003-32.003 15.415 0 28.285 10.899 31.324 25.411l0.036 0.208zM298.848 700.864c10.624 38.016 29.248 76.448 53.792 111.040 3.695 5.15 5.908 11.581 5.908 18.528 0 17.676-14.329 32.004-32.004 32.004-10.728 0-20.224-5.279-26.030-13.38l-0.066-0.096c-29.216-41.152-50.496-85.152-63.232-130.848-0.756-2.593-1.191-5.571-1.191-8.651 0-17.673 14.327-32 32-32 14.613 0 26.938 9.795 30.768 23.177l0.055 0.226zM512.32 208c40.416 0 80.512 5.888 119.2 17.504 13.297 4.089 22.795 16.263 22.795 30.656 0 17.679-14.332 32.011-32.011 32.011-3.287 0-6.458-0.495-9.443-1.416l0.227 0.060c-30.119-9.401-64.75-14.816-100.645-14.816-0.054 0-0.109 0-0.163 0l0.008-0c-194.272 0-352.32 158.048-352.32 352.352 0 12.224 0.64 24.352 1.888 36.352 0.108 0.989 0.17 2.135 0.17 3.296 0 17.691-14.341 32.032-32.032 32.032-0.004 0-0.007-0-0.011-0l0.001 0c-16.472-0.074-30.009-12.546-31.763-28.561l-0.013-0.143c-1.406-12.867-2.208-27.789-2.208-42.898 0-0.027 0-0.055 0-0.082l-0 0.004c0-229.568 186.752-416.352 416.32-416.352zM750.048 282.784c78.985 55.501 137.175 135.931 163.426 229.704l0.702 2.936c2.107 7.511 3.318 16.136 3.318 25.043 0 44.075-29.653 81.224-70.097 92.586l-0.677 0.162c-5.468 1.527-11.868 2.631-18.445 3.087l-0.307 0.017-6.24 0.16-5.696-0.128c-41.73-2.555-76.091-31.348-86.941-69.979l-0.163-0.677c-26.849-96.142-113.587-165.524-216.556-165.696l-0.020-0c-111.392 0-206.912 83.136-222.208 193.376-2.238 15.688-15.582 27.616-31.712 27.616-17.682 0-32.016-14.334-32.016-32.016 0-1.552 0.11-3.078 0.324-4.571l-0.020 0.171c19.68-141.696 142.464-248.576 285.6-248.576 132.359 0.228 243.832 89.381 277.881 210.894l0.487 2.034c4.608 16.992 22.208 27.104 39.36 22.496 13.655-3.855 23.494-16.203 23.494-30.849 0-2.994-0.411-5.892-1.18-8.64l0.054 0.225c-22.837-81.838-72.094-149.896-137.82-196.115l-1.124-0.749c-8.138-5.877-13.372-15.337-13.372-26.019 0-17.673 14.327-32 32-32 6.699 0 12.918 2.059 18.058 5.578l-0.109-0.071zM512.32 80c119.744 0 232.928 38.24 328.512 110.656 8.288 5.863 13.634 15.409 13.634 26.205 0 17.673-14.327 32-32 32-7.713 0-14.788-2.729-20.313-7.273l0.055 0.044c-79.264-60.941-179.907-97.665-289.127-97.665-0.267 0-0.535 0-0.802 0.001l0.041-0c-0.274-0.001-0.599-0.001-0.923-0.001-109.255 0-209.924 36.762-290.312 98.591l1.123-0.83c-5.287 4.073-12.004 6.528-19.294 6.528-0.012 0-0.024-0-0.036-0l0.002 0c-17.665-0.011-31.981-14.334-31.981-32 0-10.34 4.904-19.534 12.513-25.384l0.075-0.056c89.705-69.143 203.68-110.818 327.388-110.818 0.508 0 1.015 0.001 1.523 0.002l-0.079-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_fingerprint_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 255,
+				"id": 42,
+				"name": "db_ic_fingerprint_32",
+				"prevSize": 32,
+				"code": 921969
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 49
+		},
+		{
+			"icon": {
+				"paths": [
+					"M832 288c49.248 0 96 39.104 96.736 96l-0.736 384c0 51.136-39.904 95.104-96 96h-640c-51.136 0-96-40.864-96-96v-512c0-51.136 41.28-96 96-96h208c7.072 0 16.48 2.976 22.624 9.376l118.656 118.624zM160 352v416c0 16.416 13.376 32 32 32h640c17.673 0 32-14.327 32-32v0-384c0-0 0-0.001 0-0.001 0-17.549-14.227-31.776-31.776-31.776-0.079 0-0.157 0-0.236 0.001l0.012-0zM386.72 224h-194.72c-17.673 0-32 14.327-32 32v0 32h290.72z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_folder_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 256,
+				"id": 43,
+				"name": "db_ic_folder_32",
+				"prevSize": 32,
+				"code": 922151
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 50
+		},
+		{
+			"icon": {
+				"paths": [
+					"M464 160c6.944 0 15.424 2.144 23.584 10.208l117.696 117.792h194.72c51.136 0 96 41.28 96 96.864v41.6c31.136 15.84 59.2 53.76 51.072 101.312l-42.592 256c-7.512 44.038-44.13 77.547-89.049 80.212l-0.263 0.012h-600.96c-47.395-0.141-86.725-34.491-94.605-79.648l-0.083-0.576-42.656-256c-0.832-4.747-1.307-10.213-1.307-15.791 0-37.117 21.057-69.315 51.877-85.301l0.534-0.252 0.032-170.432c0-51.136 41.28-96 96-96zM170.336 480.224c-20.192 1.376-33.024 16.832-30.24 38.528l42.56 254.496c2.383 13.981 13.566 24.762 27.555 26.512l0.157 0.016 599.424 0.224c14.336 0 28.832-10.496 31.552-26.752l42.496-254.496c2.88-23.2-11.68-36.608-29.44-38.528zM450.72 224h-226.72c-16.416 0-32 12.992-32 32v160h640v-32c0-16.416-13.6-30.816-32-32h-208c-7.072 0-16.512-3.072-22.624-9.376z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_folder_open_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 257,
+				"id": 44,
+				"name": "db_ic_folder_open_32",
+				"prevSize": 32,
+				"code": 922152
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 51
+		},
+		{
+			"icon": {
+				"paths": [
+					"M864 192c52.992 0 96 44 96 96v448c0 52.992-44 96-96 96h-704c-52.992 0-96-44-96-96v-448c0-53.019 42.981-96 96-96v0zM896 448h-768v288c0 16 11.968 32 28 32h708c18.016 0 32-15.008 32-32v-288zM864 256h-704c-18.016 0-32 15.008-32 32v96h768v-96c0-18.016-15.008-32-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["generic-card"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 258,
+				"id": 45,
+				"name": "generic-card",
+				"prevSize": 32,
+				"code": 921712
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 52
+		},
+		{
+			"icon": {
+				"paths": [
+					"M624 96c70.685 0.010 127.983 57.313 127.983 128 0 23.577-6.375 45.665-17.494 64.635l0.327-0.603 129.184-0.032c53.019 0 96 42.981 96 96v0 448c0 53.019-42.981 96-96 96v0h-704c-53.019 0-96-42.981-96-96v0-448c0-53.019 42.981-96 96-96v0l129.152 0.032c-10.422-18.117-16.569-39.836-16.569-62.992 0-70.706 57.319-128.025 128.025-128.025 47.551 0 89.047 25.924 111.126 64.409l0.33 0.624c22.185-39.67 63.932-66.048 111.839-66.048 0.034 0 0.068 0 0.102 0l-0.005-0zM480 544h-352v288c0 17.673 14.327 32 32 32v0h320v-320zM896 544h-352v320h320c17.673 0 32-14.327 32-32v0-288zM480 352h-320c-17.673 0-32 14.327-32 32v0 96h352v-128zM864 352h-320v128h352v-96c0-17.673-14.327-32-32-32v0zM400 160c-35.346 0-64 28.654-64 64s28.654 64 64 64c35.346 0 64-28.654 64-64v0c0-35.2-32-64-64-64zM624 160c-35.346 0-64 28.654-64 64s28.654 64 64 64v0c35.346 0 64-28.654 64-64s-28.654-64-64-64v0zM384 704c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-160c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h160z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_giftcard_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 12,
+				"id": 46,
+				"name": "ic-db_giftcard_32",
+				"prevSize": 32,
+				"code": 922192
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 53
+		},
+		{
+			"icon": {
+				"paths": [
+					"M723.008 128c129.984 0 236.992 104.992 236.992 236 0 60-20.992 120.992-71.008 168.992l-354.976 346.048c-5.949 5.571-13.97 8.993-22.791 8.993-0.088 0-0.175-0-0.263-0.001l0.013 0c-0.040 0-0.088 0-0.135 0-8.522 0-16.242-3.434-21.851-8.995l0.002 0.002-356-346.048c-46.976-44.992-68.992-106.976-68.992-166.976 0-133.056 108-238.016 236-238.016 60.992 0 122.016 24 168 70.016l43.008 42.976 43.008-42.976c43.175-43.256 102.865-70.016 168.804-70.016 0.055 0 0.109 0 0.164 0l-0.008-0zM720.992 192.992c-0.333-0.002-0.728-0.004-1.123-0.004-46.879 0-89.291 19.128-119.855 50.006l-0.014 0.014-66.016 65.984c-5.944 5.571-13.961 8.993-22.778 8.993-0.070 0-0.139-0-0.209-0.001l0.011 0c-0.059 0-0.129 0.001-0.199 0.001-8.506 0-16.213-3.422-21.82-8.964l0.003 0.003-65.952-66.048c-33.024-32.992-77.024-50.016-123.040-50.016-95.008 0.032-172 77.056-172 174.080 0 44 16 88 50.016 120.992l332.992 323.008 332.992-323.040c35.008-34.016 51.008-78.016 51.008-122.016 0-96.96-79.008-172.992-174.016-172.992z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["heart"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 52,
+				"id": 47,
+				"name": "heart",
+				"prevSize": 32,
+				"code": 9825
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 54
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c247.040 0 448 200.96 448 448s-200.96 448-448 448-448-200.96-448-448 200.96-448 448-448zM512 128c-211.744 0-384 172.256-384 384s172.256 384 384 384 384-172.256 384-384-172.256-384-384-384zM463.776 562.144c0-108.896 116.224-88.192 116.224-178.272 0-33.152-28.192-48-56.096-48-47.264 0-54.176 15.68-83.968 15.68-17.6 0-31.936-14.528-31.936-31.904 0-37.824 67.104-47.648 115.904-47.648 68.384 0 119.936 48.064 119.936 111.872 0 126.24-116.192 114.4-116.192 178.272 0 17.638-14.298 31.936-31.936 31.936s-31.936-14.298-31.936-31.936h0zM540.768 700c0-24.301-19.699-44-44-44s-44 19.699-44 44v0c0 24.301 19.699 44 44 44s44-19.699 44-44v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["help"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 53,
+				"id": 48,
+				"name": "help",
+				"prevSize": 32,
+				"code": 63
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 55
+		},
+		{
+			"icon": {
+				"paths": [
+					"M832 96c51.136 0 96.352 44.96 96 96v640c0 51.136-45.984 96.096-96 96h-640c-51.136 0-95.904-45.312-96-96v-640c0-51.136 45.12-95.584 96-96zM705.792 559.040l-169.504 197.76c-5.904 6.855-14.594 11.169-24.291 11.169-3.818 0-7.48-0.669-10.875-1.895l0.223 0.070-181.344-89.568-160 96.704v58.72c0 16.416 15.744 32.192 32 32h640c16.416 0 32.096-17.376 32-32v-114.752l-158.208-158.176zM192 160c-16.96-0.096-31.872 16.096-32 32v506.688l143.552-86.112c8.192-4.928 22.688-5.184 30.848-0.096l169.536 83.712 175.776-205.024c5.904-6.859 14.596-11.176 24.297-11.176 7.448 0 14.302 2.545 19.74 6.812l-0.069-0.052 140.32 139.968v-434.72c0-16.416-15.168-31.616-32-32zM352 224c70.692 0 128 57.308 128 128s-57.308 128-128 128v0c-70.692 0-128-57.308-128-128s57.308-128 128-128v0zM352 288c-35.346 0-64 28.654-64 64s28.654 64 64 64v0c35.346 0 64-28.654 64-64s-28.654-64-64-64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_image_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 259,
+				"id": 49,
+				"name": "db_ic_image_32",
+				"prevSize": 32,
+				"code": 128444
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 56
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c247.008 0 448 200.992 448 448s-200.992 448-448 448-448-200.992-448-448 200.992-448 448-448zM512 128c-212 0-384 172-384 384s172 384 384 384 384-172 384-384-172-384-384-384zM492.8 419.84c6.656-1.6 13.248-3.648 19.104-3.584 17.888 0.224 32.096 13.632 32.096 31.744v224h64c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-192c-18.016 0-32-14.016-32-32 0-18.016 14.016-32 32-32h64v-184h-56c-18.016 0-32-14.016-32-32 0-18.016 14.016-32 32-32h52l16.832-4.16zM507.008 259.008c26.51 0 48 21.49 48 48v0c0 27.008-21.024 48-48 48-26.51 0-48-21.49-48-48v0c0-26.016 21.984-48 48-48z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["info"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 54,
+				"id": 50,
+				"name": "info",
+				"prevSize": 32,
+				"code": 128712
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 57
+		},
+		{
+			"icon": {
+				"paths": [
+					"M779.68 64l139.136 0.352c23.232 2.912 41.216 22.72 41.216 46.752l-0.416 139.424c-1.445 10.673-6.283 20.016-13.376 27.104l-0 0-37.44 37.024c-5.567 4.414-12.288 7.628-19.632 9.132l-0.304 0.052-52.448 10.464-12.064 58.4c-5.486 15.762-18.686 27.53-34.96 30.891l-0.304 0.053-52.608 10.56-11.936 57.92c-2.304 7.040-6.24 13.44-11.488 18.688l-93.344 93.44c6.105 21.924 9.614 47.099 9.614 73.094 0 156.107-126.549 282.656-282.656 282.656s-282.656-126.549-282.656-282.656c0-156.107 126.549-282.656 282.656-282.656 26.011 0 51.201 3.513 75.122 10.091l-1.984-0.465 331.232-330.624c7.835-6.049 17.793-9.696 28.604-9.696 0.013 0 0.025 0 0.038 0l-0.002-0zM787.232 128l-348.32 347.68-35.648-9.536c-16.963-4.735-36.443-7.456-56.558-7.456-0.018 0-0.035 0-0.053 0l0.003-0c-0.17-0-0.372-0.001-0.573-0.001-60.207 0-114.694 24.491-154.041 64.055l-0.010 0.010c-39.512 39.593-63.945 94.247-63.945 154.608s24.433 115.015 63.949 154.612l-0.004-0.004c39.357 39.573 93.844 64.065 154.051 64.065 0.202 0 0.403-0 0.605-0.001l-0.031 0c58.368 0 113.28-22.72 154.592-64.064 39.547-39.662 63.999-94.392 63.999-154.834 0-20.031-2.686-39.435-7.717-57.872l0.358 1.538-9.536-35.68 115.52-115.616 18.464-89.824 82.784-16.48 17.184-83.36 88.48-17.6 24.864-24.608 0.352-109.312zM396.608 627.424c13.324 12.873 21.596 30.901 21.596 50.86 0 39.040-31.648 70.688-70.688 70.688-19.968 0-38.002-8.279-50.856-21.592l-0.020-0.021c-12.782-12.79-20.688-30.456-20.688-49.968 0-39.040 31.648-70.688 70.688-70.688 19.528 0 37.206 7.918 50 20.72l0 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_key_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 260,
+				"id": 51,
+				"name": "db_ic_key_32",
+				"prevSize": 32,
+				"code": 922193
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 58
+		},
+		{
+			"icon": {
+				"paths": [
+					"M543.808 128c46.144 0 113.824 10.24 113.824 51.296 0 19.456-14.336 27.68-30.752 27.68-20.512 0-42.048-13.344-86.176-13.344-61.536 0-91.264 24.64-91.264 69.76 0 51.264 40 70.752 93.344 96.416l55.36 26.656c44.128 21.536 113.856 54.368 113.856 148.704 0 55.392-24.64 100.512-87.168 122.048 22.56 25.664 28.704 56.416 28.704 87.2 0 99.488-63.584 151.776-169.216 151.776-63.584 0-146.688-18.464-146.688-60.48 0-14.336 9.248-29.76 29.76-29.76 25.632 0 51.264 24.608 110.752 24.608 62.56 0 96.416-21.92 96.416-70.784 0-36.896-18.464-62.56-44.096-75.872l-82.048-42.048c-74.88-38.976-136.416-69.76-136.416-151.808 0-64.64 37.952-101.536 97.44-128.192-23.584-25.664-34.88-55.392-34.88-91.296 0-87.168 62.56-142.56 169.248-142.56zM468.928 406.976c-53.344 7.168-85.12 33.856-85.12 72.8 0 50.272 50.24 73.856 70.752 83.104l107.68 50.24c51.296-11.264 72.832-33.856 72.832-74.88 0-45.12-26.656-59.488-40-66.656l-53.344-28.704-72.8-35.904z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["legal"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 55,
+				"id": 52,
+				"name": "legal",
+				"prevSize": 32,
+				"code": 167
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 59
+		},
+		{
+			"icon": {
+				"paths": [
+					"M640 832h-79.392c-0.224 0-0.384-0.128-0.608-0.128s-0.416 0.128-0.608 0.128h-94.752c-0.224 0-0.384-0.128-0.608-0.128s-0.416 0.128-0.608 0.128h-79.392c-17.673 0-32 14.327-32 32s14.327 32 32 32v0h48v32c0 17.673 14.327 32 32 32v0h96c17.673 0 32-14.327 32-32v0-32h48c17.673 0 32-14.327 32-32s-14.327-32-32-32v0zM640 736h-256c-17.673 0-32 14.327-32 32s14.327 32 32 32v0h256c17.673 0 32-14.327 32-32s-14.327-32-32-32v0zM512.032 64c172.928 0 313.6 140.704 313.6 313.6 0 116.736-52.48 174.752-94.624 221.408-24.64 27.264-44.128 48.8-46.464 75.744-1.43 16.443-15.131 29.248-31.823 29.248-0.017 0-0.035-0-0.052-0l-139.709-0.192c-0.32 0.032-0.608 0.192-0.928 0.192l-0.928-0.192-139.808-0.192c-16.646-0.016-30.316-12.74-31.83-28.993l-0.010-0.127c-2.432-26.816-21.824-48.256-46.432-75.488-42.144-46.624-94.624-104.672-94.624-221.408 0-172.928 140.672-313.6 313.6-313.6zM512 127.968c-137.632 0-249.6 111.968-249.6 249.6 0 92.096 39.68 136.032 78.080 178.496 22.528 24.896 45.632 50.464 56.64 83.552l82.88 0.128v-85.376l-40.384-55.584c-4.038-5.299-6.47-12.012-6.47-19.293 0-17.673 14.327-32 32-32 10.821 0 20.387 5.371 26.178 13.592l0.068 0.101 20.608 28.352 20.576-28.352c5.884-8.035 15.284-13.194 25.888-13.194 17.67 0 31.994 14.324 31.994 31.994 0 7.065-2.29 13.596-6.169 18.89l0.063-0.090-40.352 55.584v85.472l82.752 0.128c10.976-33.248 34.144-58.912 56.736-83.904 38.4-42.496 78.112-86.4 78.112-178.496 0-137.632-111.968-249.6-249.6-249.6zM421.6 190.272c4.223-2.196 9.221-3.484 14.52-3.484 17.673 0 32 14.327 32 32 0 12.806-7.522 23.854-18.389 28.969l-0.195 0.083c-32.481 15.936-57.592 42.727-70.98 75.547l-0.348 0.965c-4.846 11.902-16.325 20.139-29.728 20.139-17.679 0-32.011-14.332-32.011-32.011 0-4.276 0.839-8.357 2.36-12.086l-0.077 0.214c19.805-48.7 56-87.321 101.593-109.76l1.223-0.544z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_lightbulb_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 261,
+				"id": 53,
+				"name": "db_ic_lightbulb_32",
+				"prevSize": 32,
+				"code": 922194
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 60
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 95.84c120.96 0 223.808 96.352 224 218.72v69.44c51.136 0 96 41.12 96 96 0.064 117.344 0.064 234.656 0 352 0 51.136-42.048 96-96 96-149.344 0.064-298.656 0.064-448 0-51.136 0-96-41.088-96-96v-352c0-51.136 41.088-96 96-96v-69.44c0-120.992 100.48-218.72 224-218.72zM256 480v352c0 17.673 14.327 32 32 32v0c149.344 0.064 298.656 0.064 448 0 16.416 0 32-13.28 32-32 0.064-117.344 0.064-234.656 0-352 0-17.673-14.327-32-32-32v0h-448c-16.416 0-32 12.928-32 32zM512 544c0.009-0 0.019-0 0.029-0 35.346 0 64 28.654 64 64 0 23.563-12.734 44.152-31.695 55.261l-0.302 0.163-0.032 72.992c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-72.96c-19.295-11.265-32.053-31.87-32.053-55.456 0-35.346 28.654-64 64-64 0.019 0 0.037 0 0.056 0l-0.003-0zM512 159.84c-86.24 0-159.808 67.904-160 154.72-0.032 23.136-0.064 46.304 0 69.44l320-0.032v-69.408c0-85.248-71.424-154.72-160-154.72z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_action_lock-close_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 14,
+				"id": 54,
+				"name": "ic-db_action_lock-close_32",
+				"prevSize": 32,
+				"code": 922153
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 61
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 63.936c111.936 0 206.464 80.672 221.856 188.256 0.205 1.361 0.322 2.931 0.322 4.528 0 17.674-14.328 32.002-32.002 32.002-16.077 0-29.385-11.855-31.659-27.3l-0.021-0.174c-10.848-75.84-78.208-133.312-158.496-133.312-86.24 0-159.872 66.72-160 154.72-0.031 15.060-0.048 32.864-0.048 50.672 0 17.824 0.017 35.645 0.052 53.461l-0.004-2.789h384c51.136 0 96 41.12 96 96 0.064 117.344 0.064 234.656 0 352 0 51.136-42.048 96-96 96-149.344 0.064-298.656 0.064-448 0-51.136 0-96-41.088-96-96v-352c0-51.136 41.088-96 96-96v-101.344c0-120.992 100.48-218.72 224-218.72zM736 448h-448c-21.024 0-32 12.928-32 32v352c0 17.673 14.327 32 32 32v0c149.344 0.064 298.656 0.064 448 0 16.416 0 32-13.28 32-32 0.064-117.344 0.064-234.656 0-352 0-17.673-14.327-32-32-32v0zM512 544c0.009-0 0.019-0 0.029-0 35.346 0 64 28.654 64 64 0 23.563-12.734 44.152-31.695 55.261l-0.302 0.163-0.032 72.992c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-72.96c-19.295-11.265-32.053-31.87-32.053-55.456 0-35.346 28.654-64 64-64 0.019 0 0.037 0 0.056 0l-0.003-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_action_lock-open_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 15,
+				"id": 55,
+				"name": "ic-db_action_lock-open_32",
+				"prevSize": 32,
+				"code": 922160
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 62
+		},
+		{
+			"icon": {
+				"paths": [
+					"M160 800c0 53.019 42.981 96 96 96v0h192c18.016 0 32-14.016 32-32 0-18.016-14.016-32-32-32h-192c-18.016 0-32-14.016-32-32v-576c0-18.016 14.016-32 32-32h192c18.016 0 32-14.016 32-32 0-18.016-14.016-32-32-32h-192c-53.019 0-96 42.981-96 96v0 576zM384 512c0 18.016 14.016 32 32 32h419.008l-138.016 138.016c-5.558 5.607-8.992 13.327-8.992 21.849 0 0.047 0 0.095 0 0.142l-0-0.007c0 18.016 12.992 32 32 32 8 0 16.992-3.008 23.008-8.992l192-192c5.984-6.016 8.992-15.008 8.992-23.008 0-0.050 0-0.108 0-0.167 0-8.522-3.434-16.242-8.995-21.851l0.002 0.002-193.024-192.96c-5.61-5.577-13.343-9.024-21.881-9.024-0.036 0-0.072 0-0.108 0l0.006-0c-19.008 0-32 14.016-32 32 0 8 2.016 16.992 8.992 23.008l138.016 136.992h-419.008c-18.016 0-32 15.008-32 32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["log-out"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 56,
+				"id": 56,
+				"name": "log-out",
+				"prevSize": 32,
+				"code": 8614
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 63
+		},
+		{
+			"icon": {
+				"paths": [
+					"M755.776 64c60.544 0 108.224 52.416 108.224 115.488v671.36c0 59.552-45.088 109.152-102.464 109.152h-461.312c-60.544 0-108.224-52.416-108.224-115.488v-140.512h-31.104c-18.176 0-32.896-14.336-32.896-32s14.72-32 32.896-32h31.104v-256h-31.104c-18.176 0-32.896-14.336-32.896-32s14.72-32 32.896-32h31.104v-146.88c0-57.504 42.016-105.696 96.576-108.96l5.888-0.16zM384 127.808h-89.536c-20.16 0-37.952 19.584-37.952 45.312l-0.032 146.88h30.624c18.176 0 32.896 14.336 32.896 32s-14.72 32-32.896 32h-30.624v256h30.624c18.176 0 32.896 14.336 32.896 32s-14.72 32-32.896 32h-30.624v140.512c0 27.52 18.080 48.96 39.68 51.424l4.064 0.224h83.776zM448 896.16h313.536c20.16 0 37.952-19.584 37.952-45.312v-671.36c0-29.248-20.384-51.648-43.712-51.648l-307.776-0.032zM707.328 608c15.84 0 28.672 14.336 28.672 32s-12.832 32-28.672 32h-166.656c-15.84 0-28.672-14.336-28.672-32s12.832-32 28.672-32zM707.328 480c15.84 0 28.672 14.336 28.672 32s-12.832 32-28.672 32h-166.656c-15.84 0-28.672-14.336-28.672-32s12.832-32 28.672-32zM707.328 352c15.84 0 28.672 14.336 28.672 32s-12.832 32-28.672 32h-166.656c-15.84 0-28.672-14.336-28.672-32s12.832-32 28.672-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_logbook_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 262,
+				"id": 57,
+				"name": "db_ic_logbook_32",
+				"prevSize": 32,
+				"code": 922195
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 64
+		},
+		{
+			"icon": {
+				"paths": [
+					"M224 544h576c18.048 0 32-16 32-32 0-18.016-14.016-32-32-32h-576c-18.048 0-32 16-32 32 0 18.016 14.016 32 32 32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["minus"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 57,
+				"id": 58,
+				"name": "minus",
+				"prevSize": 32,
+				"code": 8722
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 65
+		},
+		{
+			"icon": {
+				"paths": [
+					"M600.384 41.952c44.064 42.656 163.744 160.736 358.976 354.24 5.759 5.785 9.318 13.764 9.318 22.573 0 17.673-14.327 32-32 32-7.285 0-14.002-2.434-19.381-6.534l0.078 0.057-47.712-46.816-179.616 177.824c139.264 169.44-101.888 368.64-113.504 378.048-5.449 4.438-12.477 7.127-20.133 7.127-7.365 0-14.149-2.488-19.557-6.67l0.074 0.055-226.752-224.064-219.776 217.6c-5.788 5.772-13.775 9.341-22.595 9.341-17.673 0-32-14.327-32-32 0-7.537 2.606-14.465 6.965-19.933l-0.050 0.065 221.952-220.064-223.168-220.992c-5.874-5.804-9.512-13.86-9.512-22.766 0-6.332 1.839-12.235 5.013-17.203l-0.077 0.129c39.68-48.768 219.712-235.040 383.712-115.136l179.744-177.92-44.128-43.712c-5.856-5.801-9.482-13.845-9.482-22.736 0-8.779 3.535-16.733 9.26-22.515l-0.003 0.003c2.144-2.144 22.4-21.28 44.352 0zM108.416 440l449.024 444.48c115.2-111.648 138.848-205.856 70.944-282.656l-228.8-226.624c-73.28-73.856-170.336-52.256-291.168 64.8zM645.888 175.936l-178.304 176.512 178.304 176.512 178.304-176.512z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_pin_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 263,
+				"id": 59,
+				"name": "db_ic_pin_32",
+				"prevSize": 32,
+				"code": 922161
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 66
+		},
+		{
+			"icon": {
+				"paths": [
+					"M704 64c35.008 0 64 28.992 64 64v64h96c53.019 0 96 42.981 96 96v0 320c0 53.019-42.981 96-96 96v0h-96v192c0 35.008-28.992 64-64 64h-384c-35.008 0-64-28.992-64-64v-192h-96c-53.019 0-96-42.981-96-96v0-320c0-53.019 42.981-96 96-96v0h96v-64c0-35.008 28.992-64 64-64h384zM704 576h-384v320h384v-320zM864 256h-704c-18.016 0-32 13.984-32 32v320c0 18.016 14.016 32 32 32h96v-64c0-35.008 28.992-64 64-64h384c35.008 0 64 28.992 64 64v64h96c18.016 0 32-13.984 32-32v-320c0-18.016-14.016-32-32-32zM704 128h-384v64h384v-64zM256 352c0-18.016 14.016-32 32-32h128c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-128c-18.016 0-32-14.016-32-32zM384 800c0-18.016 14.016-32 32-32h192c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-192c-18.016 0-32-14.016-32-32zM384 672c0-18.016 14.016-32 32-32h192c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-192c-18.016 0-32-14.016-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["print"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 58,
+				"id": 60,
+				"name": "print",
+				"prevSize": 32,
+				"code": 128424
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 67
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c247.008 0 448 200.992 448 448s-200.992 448-448 448-448-200.992-448-448 200.992-448 448-448zM512 128c-212 0-384 172-384 384s172 384 384 384 384-172 384-384-172-384-384-384zM704 480c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-384c-18.016 0-32-14.016-32-32 0-18.016 14.016-32 32-32h384z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["remove"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 36,
+				"id": 61,
+				"name": "remove",
+				"prevSize": 32,
+				"code": 8861
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 68
+		},
+		{
+			"icon": {
+				"paths": [
+					"M304 640c42.4 0 80 33.792 80 80v160c0 0.095 0.001 0.208 0.001 0.321 0 44.006-35.674 79.68-79.68 79.68-0.113 0-0.225-0-0.338-0.001l0.017 0h-160c-42.4 0-80.896-34.944-80-80v-160c-0-0.095-0.001-0.208-0.001-0.321 0-44.006 35.674-79.68 79.68-79.68 0.113 0 0.225 0 0.338 0.001l-0.017-0zM144 704c-7.84 0-16 6.528-16 16v160c0 7.84 6.304 16 16 16h160c7.84 0 16-6.080 16-16v-160c0-7.584-6.048-16-16-16zM864 64c51.136 0 96 40.992 96 96v576c0 51.136-40.928 96-96 96h-352c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h352c16.416 0 32-13.92 32-32v-576c0-16.416-12.736-32-32-32h-576c-16.416 0-32 13.568-32 32v352c0 17.673-14.327 32-32 32v0c-16.416 0-32-13.632-32-32v-352c0-51.136 41.376-96 96-96zM736 256c16.416 0 32 13.408 32 32v192c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-114.752l-201.376 201.376c-5.791 5.789-13.789 9.369-22.624 9.369s-16.833-3.58-22.624-9.369l0 0c-11.52-11.52-13.536-32.288 0-45.248l201.312-201.376h-114.688c-17.673 0-32-14.327-32-32s14.327-32 32-32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_resize_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 264,
+				"id": 62,
+				"name": "db_ic_resize_32",
+				"prevSize": 32,
+				"code": 921957
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 69
+		},
+		{
+			"icon": {
+				"paths": [
+					"M784 64c7.072 0 15.808 3.776 21.376 8l145.28 145.376c4.96 4.992 9.344 15.2 9.344 22.080v624.544c0 51.136-45.568 96-96 96h-704c-51.136 0-96-45.664-96-96v-704c0-51.136 43.232-96 96-96zM256 128h-96c-16.416 0-32 14.176-32 32v704c0 16.416 16.16 32 32 32h96v-352c0-16.416 15.424-32 32-32h448c16.416 0 32 15.904 32 32v352h96c16.416 0 32-16.256 32-32v-610.72l-125.28-125.28h-130.72v160c0 16.416-15.936 32-32 32h-320c-16.416 0-32-15.072-32-32zM704 576h-384v320h384zM576 128h-256v128h256z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_save_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 265,
+				"id": 63,
+				"name": "db_ic_save_32",
+				"prevSize": 32,
+				"code": 922162
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 70
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c247.008 0 448 200.992 448 448s-200.992 448-448 448-448-200.992-448-448 200.992-448 448-448zM512 128c-212 0-384 172-384 384s172 384 384 384 384-172 384-384-172-384-384-384zM480 516v-260c0-18.016 14.016-32 32-32 16 0 32 14.016 32 32v243.008l119.008 117.984c5.238 4.761 8.514 11.601 8.514 19.206 0 0.11-0.001 0.221-0.002 0.331l0-0.017c0 14.336-12.48 36.224-32.256 36.224-8.755-0.194-16.613-3.882-22.264-9.719l-0.008-0.009-128-128c-4.781-5.040-8.030-11.577-8.974-18.838l-0.018-0.17z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["schedule"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 37,
+				"id": 64,
+				"name": "schedule",
+				"prevSize": 32,
+				"code": 922163
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 71
+		},
+		{
+			"icon": {
+				"paths": [
+					"M384 64c0.095-0 0.208-0 0.32-0 176.554 0 319.68 143.126 319.68 319.68 0 0.113-0 0.225-0 0.338l0-0.018c0.001 0.235 0.001 0.514 0.001 0.792 0 76.641-27.183 146.934-72.433 201.763l0.432-0.539 319.008 318.976c5.984 6.016 8.992 15.008 8.992 23.008 0 19.008-14.016 32-32 32-8 0-16-2.016-23.008-8.992l-318.976-319.008c-54.29 44.818-124.582 72.001-201.224 72.001-0.279 0-0.557-0-0.835-0.001l0.043 0c-0.095 0-0.208 0-0.32 0-176.554 0-319.68-143.126-319.68-319.68 0-0.113 0-0.225 0-0.338l-0 0.018c-0-0.095-0-0.208-0-0.32 0-176.554 143.126-319.68 319.68-319.68 0.113 0 0.225 0 0.338 0l-0.018-0zM384 128c-140.992 0-256 115.008-256 256s115.008 256 256 256c140.992 0 256-115.008 256-256s-115.008-256-256-256z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["search"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 266,
+				"id": 65,
+				"name": "search",
+				"prevSize": 32,
+				"code": 922196
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 72
+		},
+		{
+			"icon": {
+				"paths": [
+					"M902.944 121.28c8.256 9.28 11.36 22.688 7.232 35.072l-291.2 746.368c-9.358 24.329-32.538 41.28-59.677 41.28-0.057 0-0.115-0-0.172-0l0.009 0c-0.293 0.005-0.638 0.008-0.983 0.008-27.514 0-50.95-17.458-59.836-41.901l-0.141-0.443-102.208-273.536-273.632-102.208c-25.824-10.336-42.336-34.080-42.336-60.896 0-26.88 15.488-50.592 41.28-60.928l746.56-290.080c12.384-4.128 25.824-2.048 35.104 7.232zM793.504 276.096l-334.56 334.464 100.16 268.416 234.4-602.88zM747.040 230.656l-601.984 234.4 267.424 100.128 334.56-334.496z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["send"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 39,
+				"id": 66,
+				"name": "send",
+				"prevSize": 32,
+				"code": 9721
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 73
+		},
+		{
+			"icon": {
+				"paths": [
+					"M204.384 672c22.592 0 44.288 5.792 62.24 15.68 12.512 6.912 17.44 23.36 11.008 36.736s-21.792 18.656-34.304 11.776c-11.173-6.086-24.469-9.665-38.601-9.665-0.12 0-0.241 0-0.361 0.001l0.019-0c-13.056 0-17.504 4.544-17.504 15.52 0 12.864 6.624 22.272 29.024 39.84l11.264 8.544c44.128 32.8 60.832 52.448 60.832 91.488 0 45.76-34.112 78.080-80.032 78.080-25.427-0.11-49.014-7.889-68.595-21.142l0.435 0.278c-11.84-8.064-15.36-24.896-7.84-37.632 4.284-7.578 12.287-12.609 21.466-12.609 3.878 0 7.546 0.898 10.807 2.498l-0.145-0.064 3.040 1.792c11.072 7.52 26.144 12.352 40.832 12.352 19.072 0 29.088-9.504 29.088-23.552 0-9.696-4.032-17.44-16.416-28.672l-7.648-6.528-9.44-7.392-6.112-4.608c-44.608-33.152-61.504-53.024-61.504-92.672 0-41.728 27.84-70.048 68.448-70.048zM595.264 672c49.536 0 76.736 31.168 76.736 88.832 0 55.488-24.672 85.536-70.848 87.84l-5.888 0.16h-32.32v83.904c0 13.888-9.728 25.376-22.272 27.040l-3.2 0.224c-12.992 0-23.68-10.4-25.28-23.84l-0.192-3.424v-233.472c0-13.888 9.728-25.376 22.272-27.040l3.2-0.224zM450.080 672c14.080 0 25.472 12.192 25.472 27.264 0 13.888-9.728 25.376-22.272 27.040l-3.2 0.224h-79.2v56.64h60.16c14.080 0 25.472 12.224 25.472 27.264 0 13.92-9.728 25.376-22.304 27.072l-3.2 0.192h-60.128v67.744h83.616c12.992 0 23.68 10.432 25.28 23.872l0.192 3.424c0 13.888-9.728 25.376-22.272 27.040l-3.2 0.224h-109.056c-12.992 0-23.68-10.4-25.28-23.84l-0.16-3.424v-233.472c0-13.888 9.728-25.376 22.272-27.040l3.2-0.224zM813.76 684.064l1.984 3.36 1.536 3.744 77.408 233.472c4.768 14.368-3.808 29.664-19.136 34.112-14.144 4.16-29.12-2.4-35.072-14.72l-1.28-3.2-20.736-62.56h-65.92l-24.096 63.584c-4.928 13.024-19.296 20.32-33.312 17.568l-3.808-0.992c-13.856-4.64-21.664-18.112-18.72-31.264l1.088-3.584 88.448-233.44c8.384-22.080 39.264-23.872 51.616-6.080zM787.68 785.504l-14.496 38.24h27.2l-12.704-38.272zM562.944 726.528v67.744h32.32c21.216 0 25.792-5.12 25.792-33.44 0-26.688-4.608-33.536-22.304-34.24l-3.488-0.064zM832 64c52.992 0 96 44 96 96v351.52c0 52.992-44 96-96 96h-640c-52.992 0-96-44-96-96v-351.52c0-52.992 43.008-96 96-96zM832 128h-640c-17.673 0-32 14.327-32 32v0 352c0 17.673 14.327 32 32 32v0h640c17.673 0 32-14.327 32-32v0-352c0-17.673-14.327-32-32-32v0zM576 416c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-320c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM768 192c17.673 0 32 14.327 32 32v0 32c0 17.673-14.327 32-32 32v0h-32c-17.673 0-32-14.327-32-32v0-32c0-17.673 14.327-32 32-32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_sepa_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 267,
+				"id": 67,
+				"name": "db_ic_sepa_32",
+				"prevSize": 32,
+				"code": 921958
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 74
+		},
+		{
+			"icon": {
+				"paths": [
+					"M654.624 112.224l-5.024 72.32 77.344 44.16 60.256-39.168c5.376-3.52 11.040-6.016 17.056-6.016 48.768 0 142.624 175.36 142.624 222.976 0 12.032-6.816 23.488-18.080 29.12l-64.288 32.128v88.384l64.32 32.128c11.2 5.632 18.048 17.088 18.048 29.12 0 48.896-99.648 222.976-142.624 222.976-6.016 0-11.68-2.528-17.056-6.016l-60.256-39.168-77.344 44.16 5.024 71.36c2.944 41.76-76.992 49.184-142.624 49.184-61.984 0-145.632-6.4-142.624-49.216l5.024-71.296-77.344-44.192-60.256 39.168c-5.376 3.52-11.040 6.016-17.056 6.016-45.28 0-142.624-174.72-142.624-223.968 0-11.040 7.232-22.688 18.080-28.128l64.288-32.128v-88.384l-64.32-32.128c-10.764-5.466-18.017-16.442-18.048-29.116l-0-0.004c0-47.52 96.512-222.976 142.624-222.976 6.016 0 11.68 2.528 17.056 6.016l60.256 39.168 77.344-44.16-4-72.32c-2.24-39.84 69.536-47.744 135.072-48.192l6.528-0.032c62.080 0 145.504 6.784 142.624 48.224zM512 127.264c-25.12 0-51.2 3.008-76.32 8.032l4 65.28c0.021 0.437 0.034 0.948 0.034 1.463 0 11.79-6.414 22.082-15.944 27.576l-0.154 0.082-111.488 64.32c-4.334 2.525-9.539 4.016-15.092 4.016-0.342 0-0.682-0.006-1.021-0.017l0.049 0.001c-0.148 0.003-0.322 0.004-0.496 0.004-6.184 0-11.93-1.878-16.698-5.096l0.106 0.067-54.208-36.16c-33.006 37.464-59.052 81.961-75.556 130.851l-0.796 2.717 57.28 29.12c10.784 5.536 18.048 16.096 18.048 28.16v128.544c-0.196 12.364-7.444 22.989-17.891 28.046l-0.189 0.082-58.24 29.12c17.858 51.239 44.189 95.364 77.685 132.966l-0.341-0.39 54.208-35.168c5.44-3.52 11.072-6.016 17.088-6.016s10.976 2.112 16.064 5.024l111.488 63.264c10.176 5.76 16.8 18.112 16.064 30.144l-4 65.28c25.088 5.024 51.2 8 76.32 8s51.2-2.976 76.32-8l-4-65.28c-0.026-0.489-0.040-1.062-0.040-1.639 0-12.035 6.388-22.577 15.958-28.422l111.634-63.347c5.088-2.88 10.048-5.024 16.064-5.024s11.648 2.56 17.088 6.016l55.232 35.168c32.445-37.4 58.392-81.471 75.447-129.742l0.873-2.834-58.24-29.12c-10.645-5.144-17.897-15.784-18.080-28.136l-0-0.024v-128.512c0.208-12.351 7.454-22.962 17.891-28.014l0.189-0.082 58.24-29.12c-18.112-51.537-44.412-95.959-77.747-134.071l0.403 0.471-54.208 36.16c-4.662 3.15-10.407 5.028-16.592 5.028-0.175 0-0.349-0.001-0.523-0.004l0.026 0c-0.274 0.009-0.596 0.014-0.919 0.014-5.575 0-10.799-1.502-15.289-4.124l0.144 0.078-111.488-64.256c-9.683-5.576-16.098-15.868-16.098-27.657 0-0.514 0.012-1.026 0.036-1.534l-0.003 0.072 4-65.28c-22.841-4.939-49.166-7.887-76.138-8.127l-0.182-0.001zM512 352c88.544 0 160 71.456 160 160s-71.456 160-160 160-160-71.456-160-160 71.456-160 160-160zM512 416c-53.023 0.018-96 43.006-96 96.032 0 53.037 42.995 96.032 96.032 96.032 0.011 0 0.023-0 0.034-0l-0.002 0c53.023-0.018 96-43.006 96-96.032 0-53.037-42.995-96.032-96.032-96.032-0.011 0-0.023 0-0.034 0l0.002-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["settings"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 40,
+				"id": 68,
+				"name": "settings",
+				"prevSize": 32,
+				"code": 9881
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 75
+		},
+		{
+			"icon": {
+				"paths": [
+					"M736 128c71.008 0 128 56.992 128 128s-56.992 128-128 128c-0.044 0-0.096 0-0.148 0-38.558 0-73.151-16.972-96.717-43.853l-0.126-0.147-290.016 144.992c1.893 8.116 2.978 17.435 2.978 27.008s-1.085 18.892-3.139 27.842l0.161-0.834 290.016 144.992c23.693-27.028 58.286-44 96.844-44 0.052 0 0.104 0 0.156 0l-0.008-0c71.008 0 128 56.992 128 128s-56.992 128-128 128c-0.104 0-0.227 0-0.351 0-70.48 0-127.616-57.136-127.616-127.616 0-9.707 1.084-19.16 3.137-28.246l-0.162 0.853-291.008-144.992c-23.327 27.009-57.619 44-95.879 44-0.042 0-0.085-0-0.127-0l0.007 0c-71.008 0-128-56.992-128-128s56.992-128 128-128c39.008 0 72.992 16.992 96.992 44l290.016-144.992c-1.891-8.232-2.975-17.686-2.975-27.392 0-70.48 57.136-127.616 127.616-127.616 0.123 0 0.246 0 0.369 0.001l-0.019-0zM736 704c-35.008 0-64 28.992-64 64s28.992 64 64 64c35.008 0 64-28.992 64-64s-28.992-64-64-64zM224 448c-35.008 0-64 28.992-64 64s28.992 64 64 64c35.008 0 64-28.992 64-64s-28.992-64-64-64zM736 192c-35.008 0-64 28.992-64 64s28.992 64 64 64c35.008 0 64-28.992 64-64s-28.992-64-64-64z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["share"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 41,
+				"id": 69,
+				"name": "share",
+				"prevSize": 32,
+				"code": 921719
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 76
+		},
+		{
+			"icon": {
+				"paths": [
+					"M511.968 64c0.010-0 0.021-0 0.032-0 106.039 0 192 85.961 192 192 0 0-0 0-0 0l0-0h95.968c0.002-0 0.005-0 0.008-0 17.11 0 31.084 13.429 31.957 30.322l0.003 0.078 32.032 608c0.027 0.487 0.042 1.058 0.042 1.632 0 17.673-14.327 32-32 32-0.003 0-0.007-0-0.010-0l-640.032 0c-18.24 0-32.832-15.328-31.936-33.632l32-608c0.864-16.992 14.912-30.4 31.936-30.4h96.032c0-106.027 85.943-191.982 191.966-192l0.002-0zM769.6 320h-515.2l-28.768 544h572.736l-28.768-544zM511.968 128c-70.679 0.018-127.968 57.319-127.968 128v0h256c0-70.692-57.308-128-128-128-0.011 0-0.022 0-0.034 0l0.002-0zM511.968 544c-70.679-0.018-127.968-57.319-127.968-128v-0c0-17.673-14.327-32-32-32s-32 14.327-32 32v0c0 106.039 85.961 192 192 192s192-85.961 192-192v0c0-17.673-14.327-32-32-32s-32 14.327-32 32v0c0 70.692-57.308 128-128 128-0.011 0-0.022-0-0.034-0l0.002 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["shopping-bag"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 42,
+				"id": 70,
+				"name": "shopping-bag",
+				"prevSize": 32,
+				"code": 128717
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 77
+		},
+		{
+			"icon": {
+				"paths": [
+					"M506.4 96c141.376 0 255.296 114.912 255.296 257.28h122.016c0.082-0 0.178-0.001 0.275-0.001 35.24 0 63.808 28.568 63.808 63.808 0 4.062-0.379 8.034-1.105 11.885l0.062-0.397-79.296 422.048c-8.128 43.712-44.768 78.304-88.48 78.304h-539.008c-0.047 0-0.102 0-0.157 0-46.781 0-85.754-33.427-94.337-77.699l-0.098-0.605-80.32-422.080c-0.644-3.406-1.012-7.324-1.012-11.328 0-35.293 28.611-63.904 63.904-63.904 0.052 0 0.104 0 0.156 0l-0.008-0h123.040c0-141.376 113.92-257.312 255.264-257.312zM883.712 416.352h-755.616l80.32 422.080c3.072 15.232 16.288 26.432 31.552 26.432h533.92c15.264 0 28.48-11.2 31.52-26.464l78.304-422.048zM506.432 160.064c-105.792 0-191.2 86.464-191.2 193.248h382.368c0-105.792-85.44-193.248-191.232-193.248z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["shopping-basket"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 43,
+				"id": 71,
+				"name": "shopping-basket",
+				"prevSize": 32,
+				"code": 921721
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 78
+		},
+		{
+			"icon": {
+				"paths": [
+					"M506.4 96c101.76 0 189.28 59.52 230.368 146.016l120.608-120.64c5.791-5.789 13.789-9.369 22.624-9.369s16.833 3.58 22.624 9.369l-0-0c11.52 11.52 13.376 32.224 0 45.248-265.58 265.695-521.29 521.405-777.056 777.059l-6.944 6.941c-5.827 6.027-13.985 9.769-23.017 9.769-17.673 0-32-14.327-32-32 0-9.032 3.742-17.19 9.76-23.009l0.009-0.009c23.040-23.168 46.080-46.272 69.248-69.312l-77.6-407.488c-6.816-38.080 20.576-75.264 63.040-75.264 41.056-0.064 82.048-0.064 123.072 0 0-141.376 113.92-257.312 255.264-257.312zM805.6 353.28h78.112c0.090-0 0.198-0.001 0.305-0.001 35.24 0 63.808 28.568 63.808 63.808 0 2.413-0.134 4.794-0.395 7.137l0.026-0.288-0.672 4.64-79.36 422.048c-7.744 41.824-41.6 75.264-82.784 78.080l-5.664 0.224h-539.008c-3.2 0-6.4-0.16-9.504-0.48l63.616-63.616h479.808c13.984 0 26.24-9.376 30.56-22.72l0.96-3.712 78.304-422.048h-141.184l63.072-63.072zM562.368 416.32l-434.272 0.032 69.408 364.832 364.864-364.864zM506.4 160.064c-103.36 0-187.296 82.56-191.040 185.984l-0.128 7.264 310.176-0.032 62.048-61.984c-25.632-75.872-96.896-131.2-181.056-131.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_action_shopping-basket-disabled_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 16,
+				"id": 72,
+				"name": "ic-db_action_shopping-basket-disabled_32",
+				"prevSize": 32,
+				"code": 921941
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 79
+		},
+		{
+			"icon": {
+				"paths": [
+					"M723.456 936c29.056 0 52.544-23.488 52.544-51.456 0-0.019 0-0.042 0-0.064 0-28.984-23.496-52.48-52.48-52.48-0.023 0-0.045 0-0.068 0l0.003-0c-29.12 0-51.456 23.488-51.456 52.544 0 27.968 22.368 51.456 51.456 51.456zM355.456 936c29.056 0 52.544-23.488 52.544-51.456 0-0.019 0-0.042 0-0.064 0-28.984-23.496-52.48-52.48-52.48-0.023 0-0.045 0-0.068 0l0.003-0c-29.12 0-51.456 23.488-51.456 52.544 0 27.968 22.368 51.456 51.456 51.456zM141.824 96c44.128 0 82.592 30.784 90.816 73.92l5.088 22.56h609.6c41.056 0 70.816 39.008 62.624 76.96l-55.424 217.408c-8.224 37.984-39.008 66.72-76.992 73.92l-453.6 48.192 15.488 71.68c3.072 14.336 16.416 23.584 30.784 23.584h381.696c17.523 0.108 31.7 14.285 31.808 31.798l0 0.010c-0.090 17.537-14.273 31.732-31.798 31.84l-0.010 0h-381.216c-49.28 0-85.184-30.816-93.376-73.92l-103.68-503.52c-4.992-21.568-18.464-30.816-31.808-30.816h-46.016c-17.523-0.108-31.7-14.285-31.808-31.798l-0-0.010c0.108-17.523 14.285-31.7 31.798-31.808l0.010-0h46.016zM847.328 256.096h-596.704l59.52 289.28 459.2-48.256c11.296-3.072 19.52-12.32 22.56-24.64l55.424-216.384z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["shopping-cart"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 44,
+				"id": 73,
+				"name": "shopping-cart",
+				"prevSize": 32,
+				"code": 922197
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 80
+		},
+		{
+			"icon": {
+				"paths": [
+					"M701.533 837.818c0.018-0 0.040-0 0.062-0 28.106 0 50.89 22.784 50.89 50.89 0 0.022-0 0.044-0 0.065l0-0.003c0 27.12-22.776 49.897-50.952 49.897-0.046 0-0.101 0-0.155 0-27.472 0-49.742-22.27-49.742-49.742 0-0.055 0-0.109 0-0.164l-0 0.008c0-28.176 21.69-50.952 49.897-50.952zM344.685 837.818c0.018-0 0.040-0 0.062-0 28.106 0 50.89 22.784 50.89 50.89 0 0.022-0 0.044-0 0.065l0-0.003c0 27.12-22.776 49.897-50.952 49.897-0.046 0-0.101 0-0.155 0-27.472 0-49.742-22.27-49.742-49.742 0-0.055 0-0.109 0-0.164l-0 0.008c0-28.176 21.69-50.952 49.897-50.952zM137.526 124.121c40.929 0 76.862 27.307 86.885 66.281l6.113 27.276 531.921-0.031 84.309-84.309c5.619-5.619 13.38-9.094 21.954-9.094 17.147 0 31.048 13.9 31.048 31.048 0 8.574-3.475 16.335-9.094 21.954l0-0c-229.203 229.305-451.717 451.808-674.284 674.258l-8.259 8.254c-5.65 5.845-13.561 9.473-22.32 9.473-17.138 0-31.030-13.893-31.030-31.030 0-8.758 3.629-16.669 9.464-22.311l0.009-0.008c35.772-35.893 70.294-70.424 104.868-104.903l1.1-1.097-0.714-2.917-101.128-491.272c-4.841-20.914-17.904-29.882-30.844-29.882h-44.622c-16.992-0.105-30.739-13.852-30.844-30.834l-0-0.010c0.105-16.992 13.852-30.739 30.834-30.844l0.010-0h44.622zM729.119 713.945c16.992 0.105 30.739 13.852 30.844 30.834l0 0.010c-0.087 17.006-13.841 30.77-30.834 30.875l-0.010 0h-349.929l61.719-61.719h288.209zM363.83 616.262l-49.711 5.275 7.882 36.554 41.829-41.829zM883.122 271.67c0.931 6.734 0.745 13.715-0.745 20.635l-53.744 210.82c-7.975 36.833-37.826 64.698-74.659 71.68l-194.622 20.666 70.16-70.191 116.519-12.195c10.954-2.979 18.928-11.947 21.876-23.893l35.219-137.557 79.996-79.965zM700.726 279.366h-457.697l57.716 280.514 133.523-14.057 266.457-266.457z"
+				],
+				"width": 993,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_action_shopping-cart-disabled_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 17,
+				"id": 74,
+				"name": "ic-db_action_shopping-cart-disabled_32",
+				"prevSize": 32,
+				"code": 921942
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 81
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c12 0 23.456 5.76 28.992 16.992l121.024 245.024 270.976 38.976c16.64 2.4 27.008 18.016 27.008 32 0 8-3.936 17.088-10.016 23.008l-196 191.008 47.040 269.984c3.488 20.096-12.032 37.024-32 37.024-5.532-0.066-10.706-1.541-15.198-4.082l0.158 0.082-241.984-127.040-242.016 127.040c-4.315 2.449-9.465 3.923-14.953 4l-0.023 0c-20.992 0-34.976-19.936-32-37.024l46.976-269.984-195.968-191.008c-6.061-5.828-9.87-13.959-10.016-22.981l-0-0.027c0-12.192 8.48-29.312 27.008-32l271.008-38.976 120.96-245.024c5.568-11.2 17.024-16.992 29.024-16.992zM512 167.008l-100 201.984c-4.569 9.446-13.336 16.237-23.811 17.99l-0.189 0.026-223.008 32 161.024 157.984c8.32 8.192 12.48 18.048 9.984 32l-39.008 218.016 200-104.992c4.324-2.457 9.486-3.931 14.988-4l0.020-0c4.992 0 9.824 1.28 15.008 4l200 104.96-38.048-218.976c-2.080-12-2.112-20.096 9.024-31.008l160.96-157.984-222.976-32c-10.67-1.763-19.444-8.56-23.916-17.823l-0.084-0.193-99.968-201.952z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["star"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 45,
+				"id": 75,
+				"name": "star",
+				"prevSize": 32,
+				"code": 9734
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 82
+		},
+		{
+			"icon": {
+				"paths": [
+					"M232.992 168.992l-160 160c-5.469 6.086-8.857 14.139-8.992 22.981l-0 0.027c0 8 3.008 16 8.992 23.008l160 160c6.496 5.984 14.752 8.992 23.008 8.992 18.88 0 32-14.016 32-32 0-0.001 0-0.003 0-0.004 0-8.888-3.419-16.978-9.013-23.026l0.021 0.022-106.016-104.992h403.008c18.016 0 32-14.016 32-32 0-18.016-14.016-32-32-32h-403.008l106.048-104.992c5.952-6.496 8.96-14.752 8.96-23.008 0-19.2-14.528-32-32-32-8 0-16 3.008-23.008 8.992zM791.040 489.12c-6.090-5.457-14.143-8.835-22.982-8.96l-0.026-0c-17.504 0-32 12.8-32 32 0 8.224 3.008 16.48 8.992 22.976l106.016 104.992h-403.040c-18.016 0-32 14.016-32 32 0 18.016 14.016 32 32 32h403.008l-106.016 104.992c-5.573 6.017-8.992 14.098-8.992 22.979 0 0.022 0 0.043 0 0.065l-0-0.003c0 17.92 13.12 32 32 32 8.256 0 16.512-3.040 23.008-9.024l160-160c5.984-7.008 8.992-15.008 8.992-23.008s-3.008-16-8.992-23.008l-160-160z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["swap-horizontal"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 46,
+				"id": 76,
+				"name": "swap-horizontal",
+				"prevSize": 32,
+				"code": 8646
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 83
+		},
+		{
+			"icon": {
+				"paths": [
+					"M488.992 232.992c-5.573 6.017-8.992 14.098-8.992 22.978 0 0.010 0 0.021 0 0.031l-0-0.002c0 18.88 14.016 32 32 32 8.256 0 16.512-3.008 23.008-8.992l104.992-106.016v403.008c0 18.016 14.016 32 32 32 18.016 0 32-14.016 32-32v-403.008l104.992 106.016c7.008 5.984 15.008 8.992 23.008 8.992 14.496 0 32-10.176 32-32 0-0.001 0-0.003 0-0.004 0-8.888-3.419-16.978-9.013-23.026l0.021 0.022-160-160c-6.086-5.469-14.139-8.857-22.981-8.992l-0.027-0c-8 0-16 3.008-23.008 8.992l-160 160zM320 851.008l-104.992-106.048c-6.012-5.554-14.080-8.96-22.944-8.96-0.023 0-0.045 0-0.068 0l0.003-0c-18.88 0-32 14.016-32 32 0 8.256 3.008 16.512 8.992 23.008l160 160c7.008 5.984 15.008 8.992 23.008 8.992s16-3.008 23.008-8.992l160-160c5.573-6.026 8.992-14.115 8.992-23.004 0-0.002-0-0.003-0-0.005l0 0c0-18.88-14.016-32-32-32-0.001-0-0.003-0-0.004-0-8.888 0-16.978 3.419-23.026 9.013l0.022-0.021-104.992 106.016v-403.008c0-18.016-14.016-32-32-32-18.016 0-32 14.016-32 32v403.008z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["swap-vertical"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 47,
+				"id": 77,
+				"name": "swap-vertical",
+				"prevSize": 32,
+				"code": 8693
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 84
+		},
+		{
+			"icon": {
+				"paths": [
+					"M692.576 383.968c19.744-42.24 43.936-105.184 43.936-160 0-75.36-39.68-128.032-96.512-128.032-52.864 0-64.224 35.68-73.376 64.384-4.48 14.016-9.536 29.952-19.264 49.344-47.2 94.368-153.344 172.032-194.752 199.808-16.905-15.74-39.637-25.418-64.629-25.472l-0.011-0h-127.968c-52.928 0-96 43.072-96 96v288c0 52.928 43.072 96 96 96h128c26.56 0 50.624-10.88 68.032-28.352 59.52 21.952 255.2 92.352 315.968 92.352 156.192 0 288-235.872 288-384 0-59.84 0-160-128-160zM320 767.968c0 17.664-14.368 32-32 32h-128c-17.632 0-32-14.336-32-32v-288c0-17.664 14.368-32 32-32h128c17.632 0 32 14.336 32 32zM383.040 777.344c0.32-3.136 0.96-6.176 0.96-9.376v-288c0-4.64-0.736-9.088-1.376-13.536 41.728-27.264 165.216-114.592 221.984-228.128 11.936-23.84 18.304-43.904 22.976-58.528 2.592-8.096 5.792-18.144 5.696-19.2 0 0 1.792-0.64 6.688-0.64 22.336 0 32.512 33.184 32.512 64.032 0 73.088-59.456 174.72-60.032 175.712-2.815 4.665-4.48 10.298-4.48 16.32 0 17.655 14.313 31.968 31.968 31.968 0.022 0 0.045-0 0.067-0l-0.003 0h192c51.136 0 64 11.328 64 96 0 126.336-120.128 320-224 320-39.616 0-190.304-50.368-288.96-86.624z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_thumb_up_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 268,
+				"id": 78,
+				"name": "db_ic_thumb_up_32",
+				"prevSize": 32,
+				"code": 922198
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 85
+		},
+		{
+			"icon": {
+				"paths": [
+					"M692.576 639.968c19.744 42.24 43.936 105.184 43.936 160 0 75.36-39.68 128.032-96.512 128.032-52.864 0-64.224-35.68-73.376-64.384-4.48-14.016-9.536-29.952-19.264-49.344-47.2-94.368-153.344-172.032-194.752-199.808-16.905 15.74-39.637 25.418-64.629 25.472l-0.011 0h-127.968c-52.928 0-96-43.072-96-96v-288c0-52.928 43.072-96 96-96h128c26.56 0 50.624 10.88 68.032 28.352 59.52-21.952 255.2-92.352 315.968-92.352 156.192 0 288 235.872 288 384 0 59.84 0 160-128 160zM320 255.968c0-17.664-14.368-32-32-32h-128c-17.632 0-32 14.336-32 32v288c0 17.664 14.368 32 32 32h128c17.632 0 32-14.336 32-32zM383.040 246.592c0.32 3.136 0.96 6.176 0.96 9.376v288c0 4.64-0.736 9.088-1.376 13.536 41.728 27.264 165.216 114.592 221.984 228.128 11.936 23.84 18.304 43.904 22.976 58.528 2.592 8.096 5.792 18.144 5.696 19.2 0 0 1.792 0.64 6.688 0.64 22.336 0 32.512-33.184 32.512-64.032 0-73.088-59.456-174.72-60.032-175.712-2.815-4.665-4.48-10.298-4.48-16.32 0-17.655 14.313-31.968 31.968-31.968 0.022 0 0.045 0 0.067 0l-0.003-0h192c51.136 0 64-11.328 64-96 0-126.336-120.128-320-224-320-39.616 0-190.304 50.368-288.96 86.624z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_thumb_up_down_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 269,
+				"id": 79,
+				"name": "db_ic_thumb_up_down_32",
+				"prevSize": 32,
+				"code": 922199
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 86
+		},
+		{
+			"icon": {
+				"paths": [
+					"M249.28 492.384c4.184 5.356 6.708 12.185 6.708 19.604 0 17.673-14.327 32-32 32-7.419 0-14.248-2.525-19.675-6.761l0.071 0.053-133.664-133.664c-4.189-5.358-6.717-12.192-6.717-19.616s2.528-14.258 6.771-19.687l-0.053 0.071 133.664-133.664c5.358-4.189 12.192-6.717 19.616-6.717s14.258 2.528 19.687 6.771l-0.071-0.053 3.008 2.656 2.656 3.008c4.189 5.358 6.717 12.192 6.717 19.616s-2.528 14.258-6.771 19.687l0.053-0.071-76 76.384h530.72c0.032-0 0.071-0 0.109-0 123.712 0 224 100.288 224 224 0 121.049-96.018 219.673-216.046 223.861l-0.383 0.011-395.424 0.128c-17.644-0.038-31.933-14.35-31.933-32 0-16.341 12.249-29.822 28.066-31.761l0.155-0.015 391.456-0.224c88.277-0.118 159.793-71.707 159.793-160 0-85.851-67.615-155.909-152.497-159.827l-0.352-0.013-537.664-0.16z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_undo_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 270,
+				"id": 80,
+				"name": "db_ic_undo_32",
+				"prevSize": 32,
+				"code": 9100
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 87
+		},
+		{
+			"icon": {
+				"paths": [
+					"M128 672c0-18.016 14.016-32 32-32 18.016 0 32 13.984 32 32v192c0 17.984 14.016 32 32 32h576c17.984 0 32-14.016 32-32v-192c0-18.016 13.984-32 32-32 17.984 0 32 13.984 32 32v192c0 53.019-42.981 96-96 96v0h-576c-53.019 0-96-42.981-96-96v0-192zM296.992 265.984c-5.539 5.604-8.961 13.311-8.961 21.817 0 0.070 0 0.14 0.001 0.21l-0-0.011c0 16 10.976 32 32 32 8 0 16-3.008 22.976-8.992l136.992-138.016v499.008c0 17.984 14.016 32 32 32 18.016 0 32-14.016 32-32v-499.008l136.992 138.016c6.087 5.462 14.142 8.841 22.984 8.96l0.024 0c19.008 0 32-13.984 32-32 0-8-3.008-16-8.992-22.976l-192-192c-6.084-5.474-14.138-8.863-22.982-8.992l-0.026-0c-0.050-0-0.108-0-0.167-0-8.522 0-16.242 3.434-21.851 8.995l0.002-0.002-192.96 192.992z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["upload"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 48,
+				"id": 81,
+				"name": "upload",
+				"prevSize": 32,
+				"code": 921729
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 88
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 224c187.008 0 322.016 92.992 442.016 270.016 3.706 4.962 5.947 11.208 5.984 17.975l0 0.009c0 6.24-2.016 12.48-6.016 18.016-119.968 176.96-254.944 269.984-441.984 269.984-187.008 0-322.016-92.992-442.016-270.016-3.706-4.962-5.947-11.208-5.984-17.975l-0-0.009c0-6.24 2.016-12.48 6.016-18.016 120-176.96 254.944-269.984 441.984-269.984zM512 288c-150.016 0-264.992 68-376.992 224 111.456 151.232 225.952 224 376.992 224 159.008 0 264.992-68 376.992-224-110.976-154.016-217.952-224-376.992-224zM512 352c88 0 160 72 160 160s-72 160-160 160-160-72-160-160 72-160 160-160zM512 416c-53.023 0.018-96 43.006-96 96.032 0 53.037 42.995 96.032 96.032 96.032 0.011 0 0.023-0 0.034-0l-0.002 0c53.023-0.018 96-43.006 96-96.032 0-53.037-42.995-96.032-96.032-96.032-0.011 0-0.023 0-0.034 0l0.002-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["visibility"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 272,
+				"id": 82,
+				"name": "visibility",
+				"prevSize": 32,
+				"code": 128065
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 89
+		},
+		{
+			"icon": {
+				"paths": [
+					"M864 128c8 0 16 3.008 23.008 8.992 5.984 6.016 8.992 15.008 8.992 23.008 0.008 0.264 0.012 0.574 0.012 0.885 0 8.611-3.435 16.419-9.010 22.13l0.006-0.006-704 704c-9.024 8-20 12-32 8.992-11.008-3.008-20-12-22.016-23.008-3.008-10.976 0-22.976 8-30.976l119.008-119.040c-74.61-51.785-136.625-116.023-184.382-190.299l-1.602-2.661c-3.748-4.951-6.004-11.212-6.004-18s2.256-13.049 6.059-18.075l-0.055 0.075c78.976-116 210.944-270.016 441.984-270.016 68.992 0 136.992 15.008 199.008 44l129.984-131.008c7.008-5.984 15.008-8.992 23.008-8.992zM512 288c-148.992 0-266.016 68.992-376.992 224 44.57 66.123 100.214 121.124 164.81 163.633l2.198 1.359 76.992-76.992c-16.908-24.442-27.009-54.716-27.009-87.35 0-0.229 0-0.457 0.001-0.685l-0 0.035c0-88 72-160 160-160 0.211-0.001 0.46-0.002 0.709-0.002 32.614 0 62.869 10.101 87.806 27.346l-0.515-0.337 62.016-63.008c-47.040-19.008-98.016-28-150.016-28zM512 416c-53.019 0-96 42.981-96 96v0c0 14.016 3.008 28 9.984 40.992l127.040-127.008c-11.63-6.291-25.459-9.988-40.152-9.988-0.307 0-0.613 0.002-0.919 0.005l0.047-0zM775.008 384.992c42.576 37.574 80.078 79.221 112.444 124.773l1.508 2.235c-110.976 155.008-228 224-376.992 224-27.008 0-54.016-1.984-80.992-7.008l-52 52c42.976 13.024 88 19.008 132.992 19.008 231.008 0 363.008-153.984 441.984-269.984 3.748-4.951 6.004-11.212 6.004-18s-2.256-13.049-6.059-18.075l0.055 0.075c-38.452-58.79-82.732-109.437-133.102-153.265l-0.882-0.751-44.992 44.992zM490.016 670.016c6.976 0.96 14.976 1.984 21.984 1.984 88 0 160-72 160-160 0-7.008-0.992-15.008-1.984-21.984l-180 180z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["visibility-off"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 271,
+				"id": 83,
+				"name": "visibility-off",
+				"prevSize": 32,
+				"code": 921730
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 90
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c247.008 0 448 200.992 448 448s-200.992 448-448 448-448-200.992-448-448 200.992-448 448-448zM671.008 544h-323.008c19.008 172.992 136.992 314.016 169.984 352 198.016-4 360-156.992 376-352h-158.944c-2.016 67.008-18.016 135.008-48 204.992-4.958 11.277-16.031 19.008-28.909 19.008-0.040 0-0.081-0-0.121-0l0.006 0c-0.153 0.003-0.334 0.004-0.515 0.004-17.764 0-32.195-14.275-32.445-31.981l-0-0.024c0-4 0.96-8.992 2.976-12.992 27.008-61.024 40.992-121.024 43.008-179.008zM284 544h-154.016c14.016 168 137.024 306.016 298.016 342.016-54.016-71.040-130.016-195.008-144-342.016zM588 136c53.984 71.008 132 196 145.984 344h160c-13.984-171.008-140.992-311.008-305.984-344zM500 128.992c-195.387 6.006-353.541 157.574-369.919 349.593l-0.097 1.415h152c3.008-67.008 19.008-135.008 48-204.992 4.958-11.277 16.031-19.008 28.909-19.008 0.052 0 0.103 0 0.155 0l-0.008-0c20.992 0 32.96 15.008 32.96 32-0.034 4.727-1.128 9.191-3.056 13.176l0.080-0.184c-25.984 60.992-40 120.992-43.008 179.008h323.008c-19.008-172-135.008-314.016-168.992-351.008z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["website"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 51,
+				"id": 84,
+				"name": "website",
+				"prevSize": 32,
+				"code": 922200
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 91
+		},
+		{
+			"icon": {
+				"paths": [
+					"M384 64c0.095-0 0.208-0 0.32-0 176.554 0 319.68 143.126 319.68 319.68 0 0.113-0 0.225-0 0.338l0-0.018c0.001 0.235 0.001 0.514 0.001 0.792 0 76.641-27.183 146.934-72.433 201.763l0.432-0.539 319.008 318.976c5.571 5.566 9.018 13.258 9.018 21.755 0 0.441-0.009 0.879-0.028 1.315l0.002-0.062c0 19.008-14.016 32-31.008 32-8 0-16.992-2.016-24-8.992l-318.976-319.008c-54.29 44.818-124.582 72.001-201.224 72.001-0.279 0-0.557-0-0.835-0.001l0.043 0c-0.095 0-0.208 0-0.32 0-176.554 0-319.68-143.126-319.68-319.68 0-0.113 0-0.225 0-0.338l-0 0.018c-0-0.095-0-0.208-0-0.32 0-176.554 143.126-319.68 319.68-319.68 0.113 0 0.225 0 0.338 0l-0.018-0zM384 128c-140.992 0-256 115.008-256 256s115.008 256 256 256c140.992 0 256-115.008 256-256s-115.008-256-256-256zM384 224c14.016 0 32 10.016 32 32v96h96c18.016 0 32 14.016 32 32 0 15.008-14.016 32-32 32h-96v96c0 18.016-14.016 32-32 32-16 0-32-14.016-32-28v-100h-96c-18.016 0-32-14.016-32-32 0-15.008 8.992-32 32-32h96v-96c0-18.016 14.016-32 32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["zoom-in"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 60,
+				"id": 85,
+				"name": "zoom-in",
+				"prevSize": 32,
+				"code": 921731
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 92
+		},
+		{
+			"icon": {
+				"paths": [
+					"M384 64c0.095-0 0.208-0 0.32-0 176.554 0 319.68 143.126 319.68 319.68 0 0.113-0 0.225-0 0.338l0-0.018c0 76.992-27.008 147.008-72 203.008l319.008 317.984c5.569 5.704 9.005 13.513 9.005 22.124 0 0.322-0.005 0.643-0.014 0.963l0.001-0.047c0 17.984-15.008 32-32.992 32-0.158 0.003-0.344 0.005-0.53 0.005-8.414 0-16.022-3.455-21.481-9.024l-0.005-0.005-317.984-319.008c-56 44.992-126.016 72-203.008 72-0.095 0-0.208 0-0.32 0-176.554 0-319.68-143.126-319.68-319.68 0-0.113 0-0.225 0-0.338l-0 0.018c-0-0.095-0-0.208-0-0.32 0-176.554 143.126-319.68 319.68-319.68 0.113 0 0.225 0 0.338 0l-0.018-0zM384 128c-140.992 0-256 115.008-256 256s115.008 256 256 256c140.992 0 256-115.008 256-256s-115.008-256-256-256zM512 352c16.992 0 32 15.008 32 32s-15.008 32-32 32h-256c-16.992 0-32-15.008-32-32s15.008-32 32-32h256z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["zoom-out"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 59,
+				"id": 86,
+				"name": "zoom-out",
+				"prevSize": 32,
+				"code": 921732
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 93
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-av-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-av-filled.json
new file mode 100644
index 0000000000..1563c13fe1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-av-filled.json
@@ -0,0 +1,208 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M637.312 271.061c-13.518-9.386-30.275-14.995-48.341-14.995-47.122 0-85.332 38.157-85.419 85.259l-0 0.008v67.029l-199.125-137.301c-13.518-9.386-30.275-14.995-48.341-14.995-47.122 0-85.332 38.157-85.419 85.259l-0 0.008v341.333c0.040 47.122 38.249 85.306 85.376 85.306 18.086 0 34.859-5.624 48.665-15.218l-0.281 0.185 199.125-137.301v67.029c0.040 47.122 38.249 85.306 85.376 85.306 18.086 0 34.859-5.624 48.665-15.218l-0.281 0.185 247.552-170.667c22.427-15.599 36.922-41.243 36.922-70.272s-14.495-54.673-36.643-70.088l-0.279-0.184z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fast_forward_solid_24"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 32,
+				"id": 6,
+				"name": "db_ic_fast_forward_solid_24",
+				"prevSize": 32,
+				"code": 922263
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M142.56 564.704l278.496 192c10.138 7.040 22.706 11.246 36.256 11.246 35.342 0 63.999-28.618 64.064-63.944l0-0.006v-114.272l242.208 166.976c10.149 7.075 22.741 11.304 36.32 11.304 35.346 0 64-28.654 64-64 0-0.003-0-0.006-0-0.008l0 0v-384c-0.030-35.341-28.687-63.979-64.032-63.979-13.565 0-26.144 4.218-36.499 11.414l0.21-0.138-242.208 166.976v-114.272c-0.030-35.341-28.687-63.979-64.032-63.979-13.565 0-26.144 4.218-36.499 11.414l0.21-0.138-278.496 192c-16.82 11.699-27.692 30.932-27.692 52.704s10.872 41.005 27.482 52.566l0.21 0.138z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fast_backward_solid_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 33,
+				"id": 5,
+				"name": "db_ic_fast_backward_solid_32",
+				"prevSize": 32,
+				"code": 922262
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 448c17.673 0 32 14.327 32 32v0c0 148.256-111.968 272.128-256 288v128h64c17.673 0 32 14.327 32 32v0c0 16.416-14.4 32-32 32h-192c-17.673 0-32-14.327-32-32v0c0-16.416 14.4-32 32-32h64v-128c-144.064-15.872-256-139.712-256-288 0-17.673 14.327-32 32-32s32 14.327 32 32v0c0 123.712 100.288 224 224 224s224-100.288 224-224v0c0-17.673 14.327-32 32-32v0zM512 64c88.366 0 160 71.634 160 160v0 256c0 88.366-71.634 160-160 160s-160-71.634-160-160v0-256c0-88.366 71.634-160 160-160v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_microphone_solid_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 94,
+				"id": 0,
+				"name": "db_ic_microphone_solid_32",
+				"prevSize": 32,
+				"code": 922164
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M320 736v-448c0-35.008 28-64 63.008-64 12.992 0 25.984 4 36.992 11.008l352.992 224.992c17.024 12 27.008 31.008 27.008 52s-10.016 40-27.008 52l-352.992 224.992c-11.008 7.008-24 11.008-36.992 11.008-35.008 0-63.008-28.992-63.008-64z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["play-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 101,
+				"id": 1,
+				"name": "play-filled",
+				"prevSize": 32,
+				"code": 9655
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M800 736v-448c0-35.008-28.992-64-63.008-64-12.992 0-25.984 4-36.992 11.008l-320.992 224.992c-16.415 11.554-27.008 30.421-27.008 51.761 0 0.084 0 0.168 0 0.252v-0.013c0 20.992 10.016 40 27.008 52l320.992 224.992c11.008 7.008 24 11.008 36.992 11.008 35.008 0 63.008-28.992 63.008-64zM288 736v-448c0-18.016-14.016-32-32-32-18.016 0-32 14.016-32 32v448c0 18.016 14.016 32 32 32 18.016 0 32-14.016 32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["skip-backward-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 102,
+				"id": 2,
+				"name": "skip-backward-filled",
+				"prevSize": 32,
+				"code": 9198
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M224 736v-448c0-35.008 28.992-64 63.008-64 12.992 0 25.984 4 36.992 11.008l320.992 224.992c17.024 12 27.008 31.008 27.008 52s-10.016 40-27.008 52l-320.992 224.992c-11.008 7.008-24 11.008-36.992 11.008-35.008 0-63.008-28.992-63.008-64zM736 736v-448c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32v448c0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["skip-forward-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 103,
+				"id": 3,
+				"name": "skip-forward-filled",
+				"prevSize": 32,
+				"code": 9197
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M352 768c-53.019 0-96-42.981-96-96v0-320c0-53.019 42.981-96 96-96v0h320c53.019 0 96 42.981 96 96v0 320c0 53.019-42.981 96-96 96v0h-320z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["stop-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 104,
+				"id": 4,
+				"name": "stop-filled",
+				"prevSize": 32,
+				"code": 9633
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-av-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-av-outline.json
new file mode 100644
index 0000000000..197d526ffc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-av-outline.json
@@ -0,0 +1,486 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M799.904 256c35.339 0.018 63.982 28.661 64 63.998l0 0.002v384c-0.030 35.341-28.687 63.979-64.032 63.979-13.565 0-26.144-4.218-36.499-11.414l0.21 0.138-242.208-166.976v114.272c-0.030 35.341-28.687 63.979-64.032 63.979-13.565 0-26.144-4.218-36.499-11.414l0.21 0.138-278.496-192c-16.82-11.699-27.692-30.932-27.692-52.704s10.872-41.005 27.482-52.566l0.21-0.138 278.496-192c10.138-7.040 22.706-11.246 36.256-11.246 35.342 0 63.999 28.618 64.064 63.944l0 0.006v114.272l242.208-166.976c10.88-7.488 23.584-11.296 36.32-11.296zM457.376 320l-278.496 192 278.496 192zM799.904 320l-278.528 192 278.528 192z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fast_backward_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 34,
+				"id": 18,
+				"name": "db_ic_fast_backward_32",
+				"prevSize": 32,
+				"code": 922262
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M566.496 256c12.736 0 25.44 3.808 36.32 11.296l278.496 192c16.82 11.699 27.692 30.932 27.692 52.704s-10.872 41.005-27.482 52.566l-0.21 0.138-278.496 192c-10.138 7.040-22.706 11.246-36.256 11.246-35.342 0-63.999-28.618-64.064-63.944l-0-0.006v-114.272l-242.176 166.976c-10.155 7.067-22.749 11.29-36.33 11.29-10.877 0-21.122-2.71-30.096-7.491l0.346 0.168c-20.513-10.946-34.237-32.206-34.24-56.672l-0-0v-384c0.030-35.341 28.687-63.979 64.032-63.979 13.565 0 26.144 4.218 36.499 11.414l-0.21-0.138 242.176 166.976v-114.272c0.018-35.339 28.661-63.982 63.998-64l0.002-0zM566.496 320v384l278.496-192zM224 320v384l278.496-192z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fast_forward_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 35,
+				"id": 17,
+				"name": "db_ic_fast_forward_32",
+				"prevSize": 32,
+				"code": 922263
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M416 960c-17.673 0-32-14.327-32-32v0c0-16.416 14.4-32 32-32h64v-128l0.096-1.76c-144.731-16.617-256.087-138.423-256.096-286.239l-0-0.001c0-17.673 14.327-32 32-32s32 14.327 32 32v0c0 123.712 100.288 224 224 224s224-100.288 224-224v0c0-17.673 14.327-32 32-32s32 14.327 32 32v0c-0.007 147.808-111.346 269.608-254.731 286.115l-1.333 0.125 0.064 1.76v128h64c17.673 0 32 14.327 32 32v0c0 16.416-14.4 32-32 32zM512 64c86.048 0 156.352 74.88 160 160v256c0 88.366-71.634 160-160 160v0c-86.048 0-156.352-74.88-160-160v-256c0-88.366 71.634-160 160-160v0zM512 128c-51.136 0-93.088 45.6-96 96v256c0 53.019 42.981 96 96 96v0c51.136 0 93.088-45.6 96-96v-256c0-53.019-42.981-96-96-96v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_microphone_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 95,
+				"id": 0,
+				"name": "db_ic_microphone_32",
+				"prevSize": 32,
+				"code": 922164
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M918.4 607.68c0-195.52-160.832-352.992-356.704-350.944l42.24-42.176c5.735-5.767 9.28-13.717 9.28-22.495 0-0.057-0-0.113-0-0.169l0 0.009c0.002-0.134 0.003-0.293 0.003-0.452 0-17.373-14.083-31.456-31.456-31.456-0.17 0-0.339 0.001-0.509 0.004l0.026-0c-0.045-0-0.099-0-0.153-0-8.791 0-16.753 3.545-22.537 9.282l0.002-0.002-100.992 100.8c-5.735 5.767-9.28 13.717-9.28 22.495 0 0.057 0 0.113 0 0.169l-0-0.009c-0 0.036-0 0.079-0 0.121 0 8.791 3.545 16.753 9.282 22.537l-0.002-0.002 101.024 100.864c5.782 5.736 13.744 9.281 22.535 9.281 0.065 0 0.13-0 0.195-0.001l-0.010 0c18.56 0 31.936-14.432 31.936-31.936 0-0.048 0-0.104 0-0.161 0-8.778-3.545-16.728-9.282-22.497l0.001 0.001-50.528-50.432c159.808-7.2 301.024 120.416 301.024 286.144 0 0.139 0 0.303 0 0.467 0 72.53-26.961 138.763-71.409 189.224l0.272-0.315c-4.484 5.393-7.205 12.39-7.205 20.023 0 0.195 0.002 0.389 0.005 0.583l-0-0.029c0 18.528 13.408 32.96 31.936 32.96 0.089 0.001 0.194 0.001 0.3 0.001 8.15 0 15.548-3.221 20.99-8.459l-0.010 0.009 2.432-2.88c56.672-63.84 86.592-146.176 86.592-230.56zM160 600.864c0-11.296 7.232-23.68 17.536-28.8l93.792-47.36c3.923-1.907 8.529-3.036 13.396-3.072l0.012-0c14.432 0 32.96 10.272 32.96 31.904v246.656h67.040c17.536 0 31.968 13.408 31.968 31.904 0 17.504-14.432 31.936-32 31.936h-191.68c-17.536 0-31.968-14.4-31.968-31.936 0-18.496 14.432-31.904 31.968-31.904h60.8v-194.176l-47.392 23.68c-3.933 1.911-8.551 3.040-13.429 3.072l-0.011 0c-17.504 0-32.96-15.424-32.96-31.904zM576.48 512c74.24 0 127.808 48 127.808 128.64v93.664c0 81.696-55.68 128.64-127.808 129.696-72.16 1.024-126.816-48-126.816-127.648v-98.784c0-77.568 56.704-125.568 126.816-125.568zM576.48 575.808c-44.32 0-63.936 19.552-63.936 61.76v98.784c0 46.336 18.56 64.864 63.936 64.864 44.32 0 64.96-21.632 64.96-66.912v-93.664c0-46.304-18.56-64.832-64.96-64.832z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fast-backward-10"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 34,
+				"id": 1,
+				"name": "fast-backward-10",
+				"prevSize": 32,
+				"code": 921733
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M270.528 521.6c58.24 0 100.48 37.248 100.48 88.576 0 25.696-9.6 45.696-23.776 61.312 24.96 16.896 40.32 45.088 40.32 78.912 0 117.76-148.736 124.96-204.704 127.648h-1.568c-17.472-0.262-31.535-14.487-31.535-31.997 0-16.98 13.226-30.872 29.938-31.935l0.093-0.005c126.72-6.080 143.744-35.616 143.744-63.712 0-20.672-12.384-32.032-34.88-32.032-14.304 0-23.52 0.928-53.184 6.816-1.834 0.373-3.942 0.587-6.099 0.587-17.673 0-32-14.327-32-32 0-15.069 10.416-27.705 24.441-31.102l0.219-0.045c38.752-8.992 84.96-25.344 84.96-52.48 0-22.752-27.904-24.544-36.448-24.544-20.768 0-42.080 5.76-67.040 18.080-4.088 2.034-8.904 3.224-13.997 3.224-17.673 0-32-14.327-32-32 0-12.439 7.098-23.221 17.464-28.516l0.181-0.084c34.112-16.864 64.416-24.704 95.392-24.704zM581.28 160c17.536 0 31.968 13.376 31.968 31.904 0 0.048 0 0.104 0 0.161 0 8.778-3.545 16.728-9.282 22.497l0.001-0.001-42.24 42.176c195.84-2.048 356.64 155.424 356.64 350.976 0 84.384-29.888 166.72-86.592 230.528l-2.432 2.912c-5.429 5.21-12.813 8.418-20.947 8.418-0.117 0-0.234-0.001-0.35-0.002l0.018 0c-18.56 0-31.936-14.4-31.936-32.928 0-7.2 2.048-14.4 7.2-20.576 44.175-50.145 71.136-116.378 71.136-188.909 0-0.164-0-0.329-0-0.493l0 0.026c0-165.728-141.216-293.344-301.024-286.144l50.528 50.432c6.176 6.176 9.28 14.4 9.28 22.656 0.002 0.134 0.003 0.293 0.003 0.452 0 17.373-14.083 31.456-31.456 31.456-0.181 0-0.362-0.002-0.542-0.005l0.027 0c-0.045 0-0.099 0-0.153 0-8.791 0-16.753-3.545-22.537-9.282l0.002 0.002-100.992-100.8c-5.735-5.767-9.28-13.717-9.28-22.495 0-0.057 0-0.113 0-0.169l-0 0.009c-0-0.036-0-0.079-0-0.121 0-8.791 3.545-16.753 9.282-22.537l-0.002 0.002 101.024-100.864c5.778-5.717 13.728-9.249 22.503-9.249 0.076 0 0.153 0 0.229 0.001l-0.012-0zM576.48 512c74.24 0 127.808 48 127.808 128.64v93.664c0 81.696-55.68 128.64-127.808 129.696-72.16 1.024-126.816-48-126.816-127.648v-98.784c0-77.568 56.704-125.568 126.816-125.568zM576.48 575.808c-44.32 0-63.936 19.552-63.936 61.76v98.784c0 46.336 18.56 64.864 63.936 64.864 44.32 0 64.96-21.632 64.96-66.912v-93.664c0-46.304-18.56-64.832-64.96-64.832z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fast-backward-30"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 35,
+				"id": 2,
+				"name": "fast-backward-30",
+				"prevSize": 32,
+				"code": 921734
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M918.4 607.68c0-195.52-160.832-352.992-356.704-350.944l42.24-42.176c5.735-5.767 9.28-13.717 9.28-22.495 0-0.057-0-0.113-0-0.169l0 0.009c0.002-0.134 0.003-0.293 0.003-0.452 0-17.373-14.083-31.456-31.456-31.456-0.17 0-0.339 0.001-0.509 0.004l0.026-0c-0.045-0-0.099-0-0.153-0-8.791 0-16.753 3.545-22.537 9.282l0.002-0.002-100.992 100.8c-5.735 5.767-9.28 13.717-9.28 22.495 0 0.057 0 0.113 0 0.169l-0-0.009c-0 0.036-0 0.079-0 0.121 0 8.791 3.545 16.753 9.282 22.537l-0.002-0.002 101.024 100.864c5.782 5.736 13.744 9.281 22.535 9.281 0.065 0 0.13-0 0.195-0.001l-0.010 0c18.56 0 31.936-14.432 31.936-31.936 0-0.048 0-0.104 0-0.161 0-8.778-3.545-16.728-9.282-22.497l0.001 0.001-50.528-50.432c159.808-7.2 301.024 120.416 301.024 286.144 0 0.139 0 0.303 0 0.467 0 72.53-26.961 138.763-71.409 189.224l0.272-0.315c-4.484 5.393-7.205 12.39-7.205 20.023 0 0.195 0.002 0.389 0.005 0.583l-0-0.029c0 18.528 13.408 32.96 31.936 32.96 0.089 0.001 0.194 0.001 0.3 0.001 8.15 0 15.548-3.221 20.99-8.459l-0.010 0.009 2.432-2.88c56.672-63.84 86.592-146.176 86.592-230.56z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fast-backward-empty"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 36,
+				"id": 3,
+				"name": "fast-backward-empty",
+				"prevSize": 32,
+				"code": 10554
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M128 607.68c0-195.52 160.832-352.96 356.672-350.912l-42.24-42.176c-5.735-5.767-9.28-13.717-9.28-22.495 0-0.057 0-0.113 0-0.169l-0 0.009c0-18.528 14.4-31.904 31.936-31.904 0.045-0 0.099-0 0.153-0 8.791 0 16.753 3.545 22.537 9.282l-0.002-0.002 101.024 100.768c6.176 6.176 9.28 14.4 9.28 22.656 0 0.048 0 0.104 0 0.161 0 8.778-3.545 16.728-9.282 22.497l0.001-0.001-101.024 100.864c-5.781 5.736-13.744 9.28-22.535 9.28-0.054 0-0.108-0-0.161-0l0.008 0c-0.144 0.002-0.314 0.004-0.484 0.004-17.373 0-31.456-14.083-31.456-31.456 0-0.17 0.001-0.34 0.004-0.509l-0 0.026c0-8.224 3.072-16.48 9.28-22.656l50.496-50.432c-159.776-7.2-301.024 120.416-301.024 286.144-0 0.139-0 0.303-0 0.467 0 72.53 26.961 138.763 71.409 189.224l-0.272-0.315c4.503 5.399 7.236 12.411 7.236 20.060 0 0.181-0.002 0.362-0.005 0.543l0-0.027c0 18.528-13.44 32.96-32 32.96-9.248 0-18.528-4.16-23.68-11.36-56.704-63.776-86.592-146.112-86.592-230.496zM351.68 600.832c0-11.296 7.232-23.68 17.536-28.8l93.824-47.36c3.923-1.907 8.529-3.036 13.396-3.072l0.012-0c14.4 0 32.96 10.272 32.96 31.904v246.656h67.008c17.536 0 32 13.408 32 31.904 0 17.504-14.464 31.936-32 31.936h-191.744c-17.504 0-31.936-14.4-31.936-31.936 0-18.496 14.4-31.904 31.936-31.904h60.832v-194.176l-47.424 23.68c-3.923 1.906-8.529 3.035-13.395 3.072l-0.013 0c-17.504 0-32.96-15.424-32.96-31.904zM768.192 512c74.208 0 127.808 48 127.808 128.64v93.664c0 81.696-55.68 128.64-127.84 129.696-72.16 1.024-126.784-48-126.784-127.648v-98.784c0-77.568 56.704-125.568 126.784-125.568zM768.192 575.808c-44.32 0-63.904 19.552-63.904 61.76v98.784c0 46.336 18.56 64.864 63.904 64.864 44.352 0 64.96-21.632 64.96-66.912v-93.664c0-46.304-18.56-64.832-64.96-64.832z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fast-forward-10"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 37,
+				"id": 4,
+				"name": "fast-forward-10",
+				"prevSize": 32,
+				"code": 921735
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M467.2 512c58.208 0 100.448 37.248 100.448 88.576 0 25.696-9.6 45.696-23.744 61.312 24.928 16.896 40.288 45.088 40.288 78.912 0 117.792-148.704 124.96-204.672 127.648l-1.6 0.032c-0.012 0-0.027 0-0.042 0-17.673 0-32-14.327-32-32 0-17.17 13.523-31.182 30.499-31.965l0.070-0.003c126.688-6.080 143.744-35.616 143.744-63.712 0-20.672-12.384-32.032-34.912-32.032-14.272 0-23.488 0.928-53.152 6.816-1.834 0.373-3.942 0.587-6.099 0.587-17.673 0-32-14.327-32-32 0-15.069 10.416-27.705 24.441-31.102l0.219-0.045c38.72-8.992 84.96-25.344 84.96-52.448 0-22.784-27.904-24.576-36.48-24.576-20.736 0-42.048 5.76-67.008 18.080-4.088 2.034-8.904 3.224-13.997 3.224-17.673 0-32-14.327-32-32 0-12.439 7.098-23.221 17.464-28.516l0.181-0.084c34.112-16.864 64.416-24.704 95.36-24.704zM465.088 160c0.045-0 0.099-0 0.153-0 8.791 0 16.753 3.545 22.537 9.282l-0.002-0.002 101.024 100.8c6.176 6.176 9.28 14.4 9.28 22.656 0 0.048 0 0.104 0 0.161 0 8.778-3.545 16.728-9.282 22.497l0.001-0.001-101.024 100.864c-5.781 5.736-13.744 9.28-22.535 9.28-0.054 0-0.108-0-0.161-0l0.008 0c-0.144 0.002-0.314 0.004-0.484 0.004-17.373 0-31.456-14.083-31.456-31.456 0-0.17 0.001-0.34 0.004-0.509l-0 0.026c0-8.224 3.072-16.48 9.28-22.656l50.496-50.432c-159.776-7.2-301.024 120.416-301.024 286.144-0 0.139-0 0.303-0 0.467 0 72.53 26.961 138.763 71.409 189.224l-0.272-0.315c4.503 5.399 7.236 12.411 7.236 20.060 0 0.181-0.002 0.362-0.005 0.543l0-0.027c0 18.528-13.44 32.96-32 32.96-9.248 0-18.528-4.16-23.68-11.36-56.704-63.776-86.592-146.112-86.592-230.496 0-195.552 160.832-353.024 356.672-350.976l-42.24-42.176c-5.735-5.767-9.28-13.717-9.28-22.495 0-0.057 0-0.113 0-0.169l-0 0.009c0-18.528 14.4-31.904 31.936-31.904zM768.16 512c74.24 0 127.84 48 127.84 128.64v93.664c0 81.696-55.68 128.64-127.84 129.696-72.16 1.024-126.784-48-126.784-127.648v-98.784c0-77.568 56.704-125.568 126.784-125.568zM768.16 575.808c-44.32 0-63.904 19.552-63.904 61.76v98.784c0 46.336 18.56 64.864 63.904 64.864 44.352 0 64.96-21.632 64.96-66.912v-93.664c0-46.304-18.56-64.832-64.96-64.832z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fast-forward-30"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 38,
+				"id": 5,
+				"name": "fast-forward-30",
+				"prevSize": 32,
+				"code": 921736
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M128 607.68c0-195.52 160.832-352.96 356.672-350.912l-42.24-42.176c-5.735-5.767-9.28-13.717-9.28-22.495 0-0.057 0-0.113 0-0.169l-0 0.009c0-18.528 14.4-31.904 31.936-31.904 0.045-0 0.099-0 0.153-0 8.791 0 16.753 3.545 22.537 9.282l-0.002-0.002 101.024 100.768c6.176 6.176 9.28 14.4 9.28 22.656 0 0.048 0 0.104 0 0.161 0 8.778-3.545 16.728-9.282 22.497l0.001-0.001-101.024 100.864c-5.781 5.736-13.744 9.28-22.535 9.28-0.054 0-0.108-0-0.161-0l0.008 0c-0.144 0.002-0.314 0.004-0.484 0.004-17.373 0-31.456-14.083-31.456-31.456 0-0.17 0.001-0.34 0.004-0.509l-0 0.026c0-8.224 3.072-16.48 9.28-22.656l50.496-50.432c-159.776-7.2-301.024 120.416-301.024 286.144-0 0.139-0 0.303-0 0.467 0 72.53 26.961 138.763 71.409 189.224l-0.272-0.315c4.503 5.399 7.236 12.411 7.236 20.060 0 0.181-0.002 0.362-0.005 0.543l0-0.027c0 18.528-13.44 32.96-32 32.96-9.248 0-18.528-4.16-23.68-11.36-56.704-63.776-86.592-146.112-86.592-230.496z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fast-forward-empty"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 39,
+				"id": 6,
+				"name": "fast-forward-empty",
+				"prevSize": 32,
+				"code": 10555
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M672 256c53.019 0 96 42.981 96 96v0 320c0 53.019-42.981 96-96 96v0h-320c-53.019 0-96-42.981-96-96v0-320c0-53.019 42.981-96 96-96v0h320zM672 320h-320c-18.016 0-32 14.016-32 32v320c0 18.016 14.016 32 32 32h320c18.016 0 32-13.984 32-32v-320c0-17.984-14.016-32-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["map-stop"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 40,
+				"id": 7,
+				"name": "stop",
+				"prevSize": 32,
+				"code": 9633
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M384 736v-448c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32v448c0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32zM576 736v-448c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32v448c0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["pause"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 41,
+				"id": 8,
+				"name": "pause",
+				"prevSize": 32,
+				"code": 9208
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M383.008 224c12.992 0 25.984 4 36.992 11.008l352.992 224.992c17.024 12 27.008 31.008 27.008 52s-10.016 40-27.008 52l-352.992 224.992c-11.008 7.008-24 11.008-36.992 11.008-35.008 0-63.008-28.992-63.008-64v-448c0-35.008 28-64 63.008-64zM383.008 288l0.992 448 352-224-352.992-224z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["play"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 42,
+				"id": 9,
+				"name": "play",
+				"prevSize": 32,
+				"code": 9655
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M736.992 224c34.016 0 63.008 28.992 63.008 64v448c0 35.008-28 64-63.008 64-12.992 0-25.984-4-36.992-11.008l-320.992-224.992c-16.415-11.554-27.008-30.421-27.008-51.761 0-0.084 0-0.168 0-0.252l-0 0.013c0-20.992 10.016-40 27.008-52l320.992-224.992c11.008-7.008 24-11.008 36.992-11.008zM736 288l-320 224 319.008 224 0.992-448zM288 736v-448c0-18.016-14.016-32-32-32-18.016 0-32 14.016-32 32v448c0 18.016 14.016 32 32 32 18.016 0 32-14.016 32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["skip-backward"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 43,
+				"id": 10,
+				"name": "skip-backward",
+				"prevSize": 32,
+				"code": 9198
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M287.008 224c12.992 0 25.984 4 36.992 11.008l320.992 224.992c17.024 12 27.008 31.008 27.008 52s-10.016 40-27.008 52l-320.992 224.992c-11.008 7.008-24 11.008-36.992 11.008-35.008 0-63.008-28.992-63.008-64v-448c0-35.008 28.992-64 63.008-64zM288 288l0.992 448 319.008-224-320-224zM736 736v-448c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32v448c0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["skip-forward"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 44,
+				"id": 11,
+				"name": "skip-forward",
+				"prevSize": 32,
+				"code": 9197
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M864 192c52 0 96 38.016 96 96v448c0 52-38.016 96-96 96h-704c-51.008 0-96-40-96-90.016v-453.984c0-51.008 38.016-96 96-96h704zM864 256h-704c-18.016 0-32 12-32 32v448c0 16 12 32 28 32h708c16 0 32-10.016 32-32v-448c0-16-10.016-32-32-32zM224 640c0-15.008 13.952-31.488 32-31.52l352-0.48c18.016 0 32 14.016 32 32 0 16-10.016 32-32 32h-352c-18.016 0-32-14.016-32-32zM224 512c0-16 12-32 32-32h256c18.016 0 32 14.016 32 32 0 16-14.016 32-32 32h-256c-18.016 0-32-14.016-32-32zM608 512c0-16 10.016-32 32-32h128c18.016 0 32 14.016 32 32 0 16-10.016 32-32 32h-128c-18.016 0-32-14.016-32-32zM704 640c0-16 14.016-32 32-32h32c18.016 0 32 14.016 32 32 0 16-14.016 32-32 32h-32c-18.016 0-32-14.016-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["subtitles"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 45,
+				"id": 12,
+				"name": "subtitles",
+				"prevSize": 32,
+				"code": 921745
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M465.455 186.182c15.515 0 31.030 12.598 31.030 31.030v558.545c0 18.432-15.515 31.030-31.030 31.030-0.15 0.003-0.328 0.004-0.505 0.004-7.201 0-13.802-2.568-18.937-6.839l0.048 0.039-178.424-148.356h-112.485c-49.462 0-93.091-38.788-93.091-87.288v-129.924c0-51.413 41.678-93.091 93.091-93.091v0h112.485l178.424-148.356c5.087-4.232 11.688-6.8 18.889-6.8 0.178 0 0.355 0.002 0.532 0.005l-0.027-0zM434.424 283.152l-135.758 113.447c-5.312 4.134-12.045 6.67-19.366 6.795l-0.028 0h-124.121c-17.47 0-31.030 13.591-31.030 31.030v124.121c0 17.47 13.591 31.030 31.030 31.030h124.121c6.796 0 14.615 2.793 19.394 6.796l135.758 113.447v-426.667zM640.962 294.788c78.569 44.622 123.159 115.402 123.159 202.659 0 86.326-44.622 158.068-123.159 202.69-4.015 2.439-8.869 3.883-14.060 3.883-0.162 0-0.324-0.001-0.486-0.004l0.024 0c-16.595-0.070-30.029-13.504-30.099-30.093l-0-0.007c0-10.643 4.872-20.325 15.515-26.159 59.175-33.947 92.16-86.295 92.16-150.311 0-63.984-32.985-116.364-92.16-150.28-9.313-5.143-15.515-14.902-15.515-26.11 0-0.028 0-0.056 0-0.084l-0 0.004c0-13.591 10.705-31.030 30.099-31.030 4.841 0 9.681 1.924 14.522 4.841zM554.667 557.584c0-30.068 30.068-30.068 30.068-60.137-0.993-30.037-29.106-30.037-30.068-60.106-0.962-15.515 14.553-30.068 30.068-30.068 30.037 0 60.106 44.622 60.106 90.174 0 45.584-30.037 90.205-60.106 90.205-15.515 0-30.068-14.584-30.068-30.099z"
+				],
+				"width": 993,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["volume-down"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 46,
+				"id": 13,
+				"name": "volume-down",
+				"prevSize": 32,
+				"code": 922201
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M480 192c16 0 32 12.992 32 32v576c0 18.976-16 32-32 32-0.144 0.002-0.313 0.004-0.483 0.004-7.443 0-14.265-2.661-19.566-7.083l0.049 0.040-184-152.96h-116c-51.008 0-96-40-96-90.016v-133.984c0-53.019 42.981-96 96-96v0h116l184-152.992c5.246-4.364 12.053-7.012 19.479-7.012 0.183 0 0.366 0.002 0.549 0.005l-0.027-0zM448 292l-140 116.96c-5.5 4.218-12.426 6.832-19.953 7.039l-0.047 0.001h-128c-18.016 0-32 13.984-32 32v128c0 17.984 14.016 32 32 32h128c7.008 0 15.008 2.976 20 6.976l140 117.024v-440z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["volume-mute"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 47,
+				"id": 14,
+				"name": "volume-mute",
+				"prevSize": 32,
+				"code": 922208
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M864 128c17.504 0 32 12.8 32 32 0.003 0.151 0.004 0.329 0.004 0.508 0 8.648-3.43 16.494-9.004 22.253l0.008-0.009-704.256 704c-5.74 5.716-13.657 9.25-22.399 9.25-0.124 0-0.248-0.001-0.372-0.002l0.019 0c-17.472 0-32-12.8-32-32 0-8.256 2.88-16.64 8.992-22.72l156-155.264-16.992-14.016h-116c-53.019 0-96-42.981-96-96v0-128c0-53.019 42.981-96 96-96v0h116l184-153.152c5.137-4.301 11.816-6.913 19.105-6.913 0.078 0 0.157 0 0.235 0.001l-0.012-0c0.258-0.007 0.561-0.012 0.865-0.012 17.567 0 31.808 14.241 31.808 31.808 0 0.094-0 0.188-0.001 0.282l0-0.014v243.008l119.008-120c-6.115-5.757-9.923-13.906-9.923-22.944 0-17.358 14.045-31.435 31.39-31.488l0.005-0c0.111-0.001 0.243-0.002 0.375-0.002 5.953 0 11.523 1.642 16.281 4.498l-0.144-0.080 8 4.992 70.016-69.984-20-12c-10.496-6.304-16.448-16.448-16.448-27.488 0-17.28 13.856-32.736 32.032-32.736 5.28 0 10.656 1.248 15.424 4.224l34.976 22.016 48.288-48.736c5.714-5.734 13.618-9.282 22.351-9.282 0.13 0 0.259 0.001 0.388 0.002l-0.020-0zM448 292l-139.008 116.992c-5.895 4.073-13.111 6.64-20.902 7.005l-0.090 0.003h-128c-18.016 0-32 14.016-32 32v128c0 18.016 14.016 32 32 32h128c7.008 0 15.008 3.008 20.992 7.008l28.992 24.992 110.016-108.992v-239.008zM392 768l68.096 56.96c5.427 4.432 12.432 7.118 20.065 7.118 17.585 0 31.84-14.255 31.84-31.84 0-0.084-0-0.167-0.001-0.251l0 0.013v-151.008l-120 119.008zM620.8 699.584c0 17.408 15.040 32.416 32.192 32.416 5.024 0 10.88-2.016 16.032-4.96 83.968-48.128 130.976-124.032 130.976-215.040 0.005-0.541 0.007-1.181 0.007-1.822 0-43.554-11.89-84.331-32.602-119.262l0.595 1.083-47.008 48c9.024 20 15.008 44 15.008 72 0 86.016-54.016 134.208-99.072 159.904-9.687 5.594-16.113 15.881-16.16 27.673l-0 0.007zM710.56 831.488c0 18.144 14.624 32.512 32.448 32.512 0.123 0.002 0.269 0.003 0.415 0.003 5.387 0 10.433-1.463 14.761-4.013l-0.136 0.074c121.506-70.248 201.952-199.569 201.952-347.679 0-0.135-0-0.271-0-0.406l0 0.021c0-86.016-28-167.008-76.992-235.008l-46.016 46.016c36.925 52.614 59.008 117.985 59.008 188.513 0 0.168-0 0.337-0 0.505l0-0.026c0 120.992-64.992 233.024-169.024 292-9.828 5.405-16.384 15.677-16.416 27.483l-0 0.005z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["volume-off"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 48,
+				"id": 15,
+				"name": "volume-off",
+				"prevSize": 32,
+				"code": 922209
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M465.455 186.182c15.515 0 31.030 12.598 31.030 31.030v558.545c0 18.432-15.515 31.030-31.030 31.030-0.15 0.003-0.328 0.004-0.505 0.004-7.201 0-13.802-2.568-18.937-6.839l0.048 0.039-178.424-148.356h-112.485c-49.462 0-93.091-38.757-93.091-87.288v-129.924c0-51.413 41.678-93.091 93.091-93.091v0h112.485l178.424-148.356c5.087-4.232 11.688-6.8 18.889-6.8 0.178 0 0.355 0.002 0.532 0.005l-0.027-0zM434.424 283.152l-135.758 113.447c-5.311 4.135-12.044 6.673-19.366 6.795l-0.028 0h-124.121c-17.47 0-31.030 13.591-31.030 31.030v124.121c0 17.47 13.591 31.030 31.030 31.030h124.121c6.796 0 14.646 2.793 19.394 6.796l135.758 113.447v-426.667zM633.204 709.818c4.872 0 10.674-1.955 15.515-4.841 79.562-45.584 127.038-118.319 127.038-208.493s-47.507-162.909-127.038-208.493c-4.416-2.794-9.733-4.559-15.44-4.838l-0.075-0.003c-16.477 0-31.030 14.553-31.030 31.030 0 11.636 5.834 21.349 15.515 27.152 62.061 34.909 96.008 89.212 96.008 155.152s-33.947 120.242-96.008 155.152c-9.285 5.531-15.409 15.518-15.409 26.936 0 17.144 13.806 31.063 30.907 31.246l0.017 0zM720.524 837.818c0.142 0.003 0.31 0.004 0.478 0.004 5.186 0 10.034-1.444 14.165-3.951l-0.121 0.068c117.829-67.971 195.864-193.282 195.864-336.818 0-0.224-0-0.448-0.001-0.671l0 0.035c0-141.591-75.652-268.598-195.894-337.455-4.009-2.439-8.858-3.882-14.043-3.882-0.158 0-0.315 0.001-0.472 0.004l0.024-0c-17.47 0-31.030 13.591-31.030 31.030 0 10.674 4.841 21.349 15.515 27.152 100.817 57.22 163.84 164.864 163.84 283.152 0 118.319-63.023 225.932-163.871 283.152-10.674 5.834-15.515 16.477-15.515 27.152 0 16.477 13.56 31.030 31.030 31.030z"
+				],
+				"width": 993,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["volume-up"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 49,
+				"id": 16,
+				"name": "volume-up",
+				"prevSize": 32,
+				"code": 922210
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-brand-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-brand-outline.json
new file mode 100644
index 0000000000..1dde3010c1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-brand-outline.json
@@ -0,0 +1,53 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M869.44 192c0.381-0.006 0.831-0.009 1.282-0.009 49.086 0 88.92 39.613 89.278 88.615l0 0.034v448c-0.181 49.942-40.618 90.379-90.543 90.56l-0.017 0h-715.84c-49.525-0.181-89.602-40.37-89.602-89.919 0-0.225 0.001-0.45 0.002-0.675l-0 0.034v-448c-0-0.098-0.001-0.214-0.001-0.329 0-48.778 39.542-88.32 88.32-88.32 0.45 0 0.9 0.003 1.348 0.010l-0.068-0.001zM153.6 256c-0.582-0.051-1.259-0.080-1.943-0.080-13.078 0-23.68 10.602-23.68 23.68 0 0.366 0.008 0.729 0.025 1.091l-0.002-0.051v448c-0.024 0.399-0.037 0.866-0.037 1.336 0 13.255 10.745 24 24 24 0.576 0 1.147-0.020 1.713-0.060l-0.076 0.004h717.12c0.193 0.005 0.42 0.009 0.649 0.009 13.608 0 24.64-11.032 24.64-24.64 0-0.228-0.003-0.455-0.009-0.682l0.001 0.033-1.28-447.68c0.006-0.196 0.009-0.427 0.009-0.659 0-13.432-10.888-24.32-24.32-24.32-0.341 0-0.68 0.007-1.017 0.021l0.048-0.002zM718.080 300.16c72.32 0 116.48 39.36 116.48 99.52-0.764 44.903-30.314 82.705-70.955 95.798l-0.725 0.202c48.781 6.249 86.101 47.51 86.101 97.487 0 0.715-0.008 1.428-0.023 2.139l0.002-0.106c0 81.6-55.68 115.52-157.76 115.52h-145.28v-410.56zM338.24 299.52c105.6 0 164.8 67.2 164.8 203.52 0 119.040-40.32 206.72-164.8 207.68h-151.36v-411.2h151.36zM686.72 538.88h-42.88v104.64h42.144c16.96-0.064 64.416-1.92 64.736-52.8 0-22.4-12.8-51.84-64-51.84zM307.52 364.8h-22.080v278.72h34.56c53.12 0 83.52-41.28 83.52-131.52 0-82.56-8.96-147.2-96-147.2zM674.24 363.2h-30.4v99.52h38.4c1.446 0.152 3.125 0.238 4.824 0.238 27.040 0 48.96-21.92 48.96-48.96 0-0.534-0.009-1.066-0.026-1.595l0.002 0.077c0-34.24-16.96-49.28-61.76-49.28z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["ic-db_brand_logo_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 6,
+				"id": 0,
+				"name": "ic-db_brand_logo_32",
+				"prevSize": 32,
+				"code": 921938
+			},
+			"setIdx": 17,
+			"setId": 66,
+			"iconIdx": 0
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": { "fontFamily": "icomoon" },
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-communication-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-communication-outline.json
new file mode 100644
index 0000000000..4e88fbdbb5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-communication-outline.json
@@ -0,0 +1,348 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M864 64c50.016 0 96 36.992 96 96v480c0 50.016-35.936 96-96 96h-548.992c-8.992 0-15.52 1.472-23.008 8.992l-172.992 174.048c-5.931 5.552-13.927 8.961-22.719 8.961-0.102 0-0.203-0-0.304-0.001l0.016 0c-15.008 0-32-11.968-32-32v-736c0-50.016 40.128-96 96-96zM864 128h-704c-15.008 0-32 8-32 32v659.008l118.016-119.008c19.36-19.584 39.68-28 68.992-28h548.992c15.008 0 32-8.992 32-32v-480c0-15.008-11.904-32-32-32zM488 496c21.44 0 40 17.792 40 39.52 0 22.72-18.56 40.48-40 40.48s-40-17.792-40-40.48c0-21.76 18.56-39.52 40-39.52zM503.040 208c58.016 0 100 35.008 100 88.992 0 92.992-84 87.008-84 130.016 0 14.976-10.976 30.976-30.976 30.976-17.085-0.072-30.918-13.894-31.008-30.967l-0-0.009c0-85.024 84-74.016 84-130.016 0-20-18.016-27.008-36-27.008-24.992 0-44.992 12-60.992 11.008s-29.024-13.984-28-31.008c0-32 46.976-41.984 86.976-41.984z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_question_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 113,
+				"id": 13,
+				"name": "db_ic_question_32",
+				"prevSize": 32,
+				"code": 921970
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M352 128c17.673 0 32 14.327 32 32v0c0 16.416-12.384 32-32 32-42.656 0.064-85.344 0.064-128 0-16.416 0-32 13.344-32 32-0.064 192-0.064 384 0 576 0 16.416 16.352 32 32 32 192 0.064 384 0.064 576 0 16.416 0 32-13.728 32-32v-576c0-16.416-12.544-32-32-32-42.656-0.064-85.344-0.064-128 0-17.673 0-32-14.327-32-32v0c0-16.416 13.856-32 32-32 42.656-0.064 85.344-0.064 128 0 51.136 0 98.88 44.16 96 96 0.064 192 0.064 384 0 576 0 51.136-42.24 97.952-96 96-192 0.064-384 0.064-576 0-51.136 0-96-40.288-96-96-0.064-192-0.064-384 0-576 0.127-52.968 43.032-95.873 95.988-96l0.012-0c42.656-0.064 85.344-0.064 128 0zM512 128c17.673 0 32 14.327 32 32v0c0.064 123.552 0.064 247.136 0 370.688l105.376-105.312c13.92-14.080 33.728-11.52 45.248 0s13.248 32.224 0 45.248c-53.937 54.051-106.075 106.189-158.268 158.272l-1.732 1.728c-11.52 11.52-30.656 13.792-45.248 0-53.994-53.88-106.12-106.006-158.193-158.188l-1.807-1.812c-5.789-5.791-9.369-13.789-9.369-22.624s3.58-16.833 9.369-22.624l-0 0c11.52-11.52 30.208-13.792 45.248 0 35.168 35.040 70.304 70.144 105.376 105.312v-370.688c0-17.673 14.327-32 32-32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_receive_item_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 112,
+				"id": 12,
+				"name": "db_ic_receive_item_32",
+				"prevSize": 32,
+				"code": 921971
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M272 128c17.673 0 32 14.327 32 32v0c0 16.416-13.216 32.224-32 32-16 0.064-32 0.064-48 0-16.416 0-32 13.504-32 32-0.064 192-0.064 384 0 576 0 16.416 15.36 32 32 32 192 0.064 384 0.064 576 0 16.416 0 32-14.624 32-32v-576c0-16.416-13.888-32-32-32-16-0.064-32-0.064-48 0-17.673 0-32-14.327-32-32s14.327-32 32-32v0h48c51.136 0 96 32 96 96v576c0 51.136-37.6 96-96 96h-576c-51.136 0-96-40.832-96-96-0.064-192-0.064-384 0-576 0-51.136 40.352-96 96-96 16-0.064 32-0.064 48 0zM534.624 137.376c69.12 69.6 80.096 79.904 160 160 12.096 12.384 11.84 33.44 0 45.248-11.84 11.84-31.168 12.736-45.248 0-35.582-35.456-69.92-69.794-104.198-104.193l-1.178-1.183c0.064 134.24 0.064 247.168 0 338.752 0 18.56-15.584 32-32 32s-32-13.44-32-32c-0.031-50.157-0.048-109.764-0.048-169.376 0-59.43 0.018-118.855 0.053-178.277l-0.004 8.901-105.376 105.376-3.008 2.656c-5.356 4.184-12.185 6.708-19.604 6.708-17.673 0-32-14.327-32-32 0-7.419 2.525-14.248 6.761-19.675l-0.053 0.071 2.656-3.008c84.608-84.928 137.92-138.272 160-160 13.44-11.968 32.096-13.088 45.248 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_share_item_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 111,
+				"id": 11,
+				"name": "db_ic_share_item_32",
+				"prevSize": 32,
+				"code": 921972
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M672.736 64c9.248 0 16.928 3.552 22.592 9.248l127.424 128.448c5.716 5.768 9.248 13.71 9.248 22.476 0 0.041-0 0.082-0 0.122l0-0.006v191.712c52.952 0.236 95.805 43.134 95.968 96.080l0 0.016v255.84c-0.163 52.989-43.075 95.901-96.048 96.064l-0.016 0h-453.408v9.024c0 8.768-2.816 86.976-100.8 86.976-112.192 0-181.696-123.872-181.696-321.344 0-249.472 92.032-307.808 160-317.024v-185.696c0-40.096 31.872-71.936 71.936-71.936zM277.728 384c-84.896 0-117.952 109.696-117.952 254.656 0 127.712 36.064 256.16 117.952 256.16 19.52 0 36.8-3.008 36.8-21.792v-81.12c0-11.264-9.76-20.288-21.792-20.288h-26.304c-30.784 0-42.816-39.072-42.816-132.224 0-81.856 11.264-132.192 42.816-132.192h26.304c12.032 0 21.792-9.024 21.792-20.288v-81.12c0-17.28-14.272-21.792-36.8-21.792zM831.904 480h-453.408v6.912c0 46.464-38.496 84.288-85.792 84.288h-0.64c-2.208 12.16-4.48 33.088-4.48 68.192s1.856 56 3.808 68.224h1.312c47.296 0 85.792 37.824 85.792 84.288v8.096h453.472c17.376 0 32.064-14.688 32.064-32.064l-0.064-255.872c0-17.376-14.688-32.064-32.064-32.064zM576.384 672c17.312 0 31.616 14.144 31.616 32s-14.304 32-31.616 32h-0.736c-17.481-0.090-31.617-14.282-31.617-31.776 0-0.079 0-0.158 0.001-0.236l-0 0.012c0-17.856 14.304-32 31.616-32zM768.384 672c17.312 0 31.616 14.144 31.616 32s-14.304 32-31.616 32h-0.736c-17.481-0.090-31.617-14.282-31.617-31.776 0-0.079 0-0.158 0.001-0.236l-0 0.012c0-17.856 14.304-32 31.616-32zM672.384 672c17.312 0 31.616 14.144 31.616 32s-14.304 32-31.616 32h-0.736c-17.481-0.090-31.617-14.282-31.617-31.776 0-0.079 0-0.158 0.001-0.236l-0 0.012c0-17.856 14.304-32 31.616-32zM576.384 576c17.312 0 31.616 14.144 31.616 32s-14.304 32-31.616 32h-0.736c-17.481-0.090-31.617-14.282-31.617-31.776 0-0.079 0-0.158 0.001-0.236l-0 0.012c0-17.856 14.304-32 31.616-32zM768.384 576c17.312 0 31.616 14.144 31.616 32s-14.304 32-31.616 32h-0.736c-17.481-0.090-31.617-14.282-31.617-31.776 0-0.079 0-0.158 0.001-0.236l-0 0.012c0-17.856 14.304-32 31.616-32zM672.384 576c17.312 0 31.616 14.144 31.616 32s-14.304 32-31.616 32h-0.736c-17.481-0.090-31.617-14.282-31.617-31.776 0-0.079 0-0.158 0.001-0.236l-0 0.012c0-17.856 14.304-32 31.616-32zM609.792 128h-282.144c-0.038-0.001-0.084-0.001-0.129-0.001-4.471 0-8.096 3.625-8.096 8.096 0 0.045 0 0.091 0.001 0.136l-0-0.007v189.792c54.816 17.504 58.848 68.48 59.072 78.784v11.2h389.504v-127.712h-126.368c-17.548-0.090-31.75-14.292-31.84-31.831l-0-0.009zM672 141.088v83.232h82.208z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fax_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 110,
+				"id": 10,
+				"name": "db_ic_fax_32",
+				"prevSize": 32,
+				"code": 128439
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M886.624 137.376c11.52 11.52 13.696 31.552 0 45.248-237.164 237.28-466.72 466.836-696.333 696.337l-7.667 7.663c-5.791 5.789-13.789 9.369-22.624 9.369s-16.833-3.58-22.624-9.369l0 0c-5.713-5.825-9.239-13.813-9.239-22.624s3.526-16.799 9.244-22.629l-0.005 0.005c59.008-59.136 118.080-118.208 177.248-177.28-7.070-6.114-11.539-15.072-11.616-25.075l-0-0.013c0-6.016 1.984-11.52 5.856-17.12 37.792-54.848 92.224-92.672 153.696-105.792l96.48-96.448c-14.136-2.318-30.432-3.644-47.036-3.648l-0.004-0c-107.008 0-207.136 55.008-269.952 146.048-6.176 8.96-17.056 12.96-27.040 12.96-17.17-0.195-31.015-14.16-31.015-31.358 0-0.226 0.002-0.451 0.007-0.675l-0.001 0.033c0-6.016 2.016-13.184 6.080-18.976 74.784-107.040 193.92-172.032 321.92-172.032 34.432 0 68.288 4.8 100.832 13.888l75.648-75.68c-52.212-21.641-112.849-34.208-176.421-34.208-0.021 0-0.042 0-0.063 0l0.004-0c-155.008 0-297.728 75.008-390.112 201.92-6.624 9.088-16.896 14.080-26.88 14.080-18.016 0-31.008-15.008-31.008-32 0-7.008 2.016-13.28 6.080-18.944 103.712-143.040 265.92-229.056 441.92-229.056 79.264 0 155.744 17.248 225.344 49.376l104-104c5.792-5.798 13.797-9.385 22.64-9.385s16.848 3.587 22.64 9.385l0 0zM511.488 672c52.288 0 96.512 44 96.512 96.992 0 52-44.224 95.008-96.512 95.008-52.256 0-95.488-43.008-95.488-95.008 0-52.992 43.2-96.992 95.488-96.992zM511.488 736c-17.28 0-31.488 14.976-31.488 32.992 0 17.024 14.208 31.008 31.488 31.008s32.512-14.016 32.512-31.008c0-17.952-15.232-32.992-32.512-32.992zM620.8 538.080c36.576 19.136 68.544 47.808 93.344 83.84 3.553 4.711 5.734 10.634 5.856 17.060l0 0.028c0 9.984-6.016 20.736-14.912 27.104-4.695 3.595-10.626 5.794-17.066 5.888l-0.022 0c-11.008 0-20.896-6.016-27.040-14.976-22.432-32.832-53.28-57.376-88.384-70.72l48.224-48.224zM734.528 424.352c38.48 27.764 71.078 60.758 97.558 98.37l0.874 1.31c4.032 5.792 6.048 12.96 6.048 18.976 0 17.984-15.008 32-31.008 32-10.016 0-20.352-4-26.848-13.12-25.55-35.97-56.38-66.24-91.719-90.399l-1.241-0.801 46.336-46.336zM848.672 310.176c40.041 32.222 74.725 68.694 104.122 109.248l1.126 1.632c4.096 5.664 6.080 11.936 6.080 18.944 0 16.992-12.992 32-31.008 32-9.984 0-20.256-4.992-26.88-14.080-28.527-39.011-61.191-72.63-97.947-101.237l-1.125-0.843 45.632-45.664z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["wifi-off"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 119,
+				"id": 0,
+				"name": "wifi-off",
+				"prevSize": 32,
+				"code": 921929
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M251.808 80c30.944 0 62.912 11.968 86.88 35.904l100.896 97.792c22.164 22.151 35.88 52.751 35.904 86.555l0 0.005c0 31.936-12 63.904-36 86.88l-48 46.944c40 51.936 151.040 163.84 200 198.784l53.024-52.928c20-20 48.96-28.992 77.984-28.992 32.992 0 65.696 10.944 89.664 34.88l96.864 98.784c24 23.936 34.976 53.856 34.976 85.792 0 28.928-9.984 59.84-31.968 83.808-57.92 67.84-103.872 89.792-169.792 89.792-114.88 0-263.68-80.8-423.744-239.232-158.592-159.808-238.496-308.48-238.496-422.208 0-71.84 25.984-116.736 93.888-174.592 20.752-17.401 47.746-27.97 77.207-27.97 0.262 0 0.524 0.001 0.785 0.003l-0.040-0zM252.8 142.848c-16 0-31.968 5.984-42.944 16-53.952 47.872-68.928 74.752-68.928 123.648 0 94.784 73.92 229.472 221.568 379.296 148 147.488 283.84 220.32 379.744 220.32 46.944 0 75.904-13.952 123.84-68.832 11.008-13.984 16-28.928 16-42.88 0-16-6.016-30.944-16.96-42.944l-96.64-97.6c-10.522-11.106-25.376-18.016-41.844-18.016-0.049 0-0.099 0-0.148 0l0.008-0c-0.252-0.004-0.549-0.006-0.846-0.006-15.078 0-28.826 5.699-39.206 15.060l0.052-0.046-69.984 68.896c-5.607 5.558-13.327 8.992-21.849 8.992-0.059 0-0.117-0-0.176-0l0.009 0c-6.305-0.124-12.156-1.966-17.133-5.074l0.141 0.082c-50.016-33.952-95.008-71.904-138.016-113.856-41.33-41.254-78.821-86.324-111.909-134.647l-2.075-3.209c-3.135-5.092-4.992-11.262-4.992-17.866 0-0.042 0-0.083 0-0.125l-0 0.006c0-8 2.976-15.968 8.96-21.952l66.016-63.936c13.024-12 19.008-27.968 19.008-43.936 0-15.008-5.984-30.976-19.008-42.976l-98.752-96.448c-11.198-11.077-26.603-17.921-43.607-17.921-0.116 0-0.231 0-0.346 0.001l0.018-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["call"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 120,
+				"id": 1,
+				"name": "call",
+				"prevSize": 32,
+				"code": 922165
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M837.818 62.061c49.462 0 93.091 44.56 93.091 92.998v466.261c0 50.362-41.332 92.222-93.091 92.594h-532.356c-7.758 0-14.553 1.924-19.394 6.765l-163.871 162.754c-9.712 9.712-22.342 16.477-33.947 16.477-14.542-0.363-26.191-12.238-26.191-26.833 0-0.112 0.001-0.224 0.002-0.335l-0 0.017v-717.731c0-49.338 41.332-92.967 93.184-92.967h682.574zM841.697 124.059h-686.545c-15.515 0-31.030 11.605-31.030 27.12v643.134l114.44-116.24c14.491-14.522 32.954-26.438 60.075-26.438h539.183c15.515 0 31.030-11.636 31.030-27.12v-469.488c0-15.484-11.636-30.968-27.152-30.968zM217.212 465.392c0-15.453 12.598-30.968 31.030-30.968h496.485c17.47 0 31.030 13.56 31.030 30.999 0 15.515-11.636 30.999-27.152 30.999h-500.364c-17.47 0-31.030-13.56-31.030-31.030zM217.212 310.241c0-15.453 13.591-30.968 31.030-30.968h496.485c17.47 0 31.030 13.56 31.030 30.999 0 15.515-11.636 30.999-27.152 30.999h-500.364c-17.47 0-31.030-13.56-31.030-31.030z"
+				],
+				"width": 993,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["chat"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 121,
+				"id": 2,
+				"name": "chat",
+				"prevSize": 32,
+				"code": 922166
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M186.182 279.273c17.47 0 31.030 13.591 31.030 31.030 0 15.515-11.636 31.030-31.030 31.030h-31.030c-15.515 0-31.030 11.636-31.030 31.030v452.856l84.371-84.371c15.515-15.515 36.833-27.152 59.144-27.152h290.909c15.515 0 31.030-11.636 31.030-31.030v-31.030c0-17.47 13.591-31.030 31.030-31.030 15.515 0 31.030 11.636 31.030 31.030v31.030c0 49.462-38.788 93.091-87.288 93.091h-289.885c-7.758 0-16.477 2.917-22.311 8.72l-130.917 131.879c-5.803 5.834-19.394 14.553-34.909 14.553-13.591 0-24.266-14.553-24.266-31.030v-527.515c0-49.462 38.788-93.091 93.091-93.091h31.030zM837.818 62.061c51.413 0 93.091 41.678 93.091 93.091v0 527.515c0 18.432-15.515 31.030-31.992 31.030-0.162 0.003-0.353 0.005-0.544 0.005-8.144 0-15.509-3.338-20.801-8.72l-0.004-0.004-136.72-137.712c-5.437-5.39-12.923-8.72-21.187-8.72-0.057 0-0.114 0-0.171 0l0.009-0h-347.136c-51.413 0-93.091-41.678-93.091-93.091v0-310.303c0-51.413 41.678-93.091 93.091-93.091v0h465.455zM841.697 124.121h-469.333c-17.47 0-31.030 13.591-31.030 31.030v310.303c0 17.47 13.591 31.030 31.030 31.030h347.167c24.204 0 47.476 9.712 64.946 27.152l84.371 84.371v-452.856c0-15.515-11.636-31.030-27.152-31.030z"
+				],
+				"width": 993,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["conversation"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 122,
+				"id": 3,
+				"name": "conversation",
+				"prevSize": 32,
+				"code": 921749
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M864 64c50.016 0 96 36.992 96 96v480c0 50.016-35.936 96-96 96h-548.992c-8.992 0-15.52 1.472-23.008 8.992l-172.992 174.048c-5.931 5.552-13.927 8.961-22.719 8.961-0.102 0-0.203-0-0.304-0.001l0.016 0c-15.008 0-32-11.968-32-32v-736c0-50.016 40.128-96 96-96h704zM864 128h-704c-15.008 0-32 8-32 32v659.008l118.016-119.008c19.36-19.584 39.68-28 68.992-28h548.992c15.008 0 32-8.992 32-32v-480c0-15.008-11.904-32-32-32zM512 192c15.008 0 32 10.368 32 32.992v191.008c0 17.984-14.016 32-32 32-16 0-32-15.008-32-32v-191.008c0-17.952 14.016-32.992 32-32.992zM513.6 587.616c24.896 0 44.8-19.712 44.8-44.32 0-24.64-19.904-45.312-44.8-45.312s-44.8 20.704-44.8 45.312c0 24.64 19.904 44.288 44.8 44.288z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["feedback"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 124,
+				"id": 5,
+				"name": "feedback",
+				"prevSize": 32,
+				"code": 9072
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M896 192c35.008 0 64 28.992 64 64v480c0 53.019-42.981 96-96 96v0h-704c-53.019 0-96-42.981-96-96v0-480c0-35.008 28.992-64 64-64h768zM896 300.992l-316 316c-17.385 17.303-41.359 28-67.831 28-0.060 0-0.119-0-0.179-0l0.009 0c-23.008 0-46.016-6.976-63.008-24l-320.992-320v435.008c0 18.016 14.016 32 32 32h704c18.016 0 32-14.016 32-32v-435.008zM851.008 256h-678.016l316 316c5.566 5.571 13.258 9.018 21.755 9.018 0.441 0 0.879-0.009 1.315-0.028l-0.062 0.002c7.008 0 16.992-2.976 24-9.984l315.008-315.008z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["mail"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 125,
+				"id": 6,
+				"name": "mail",
+				"prevSize": 32,
+				"code": 9993
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 391.872v472.128c0 53.019-42.981 96-96 96v0h-320c-40.78-0.17-75.515-25.868-89.063-61.933l-0.217-0.659 57.28-57.632v24.224c0 17.673 14.327 32 32 32v0h320c17.673 0 32-14.327 32-32v0-408.128l64-64zM671.616 64c0.019-0 0.042-0 0.065-0 53.084 0 96.137 42.942 96.319 95.983l0 0.018v50.752l72.96-73.376c5.793-5.797 13.798-9.382 22.64-9.382 17.677 0 32.006 14.33 32.006 32.006 0 8.834-3.579 16.833-9.367 22.624l-704 704c-5.749 5.558-13.59 8.983-22.231 8.983-17.673 0-32-14.327-32-32 0-8.641 3.425-16.482 8.991-22.24l-0.009 0.009 119.008-118.624v-562.752c0-53.024 42.56-96 95.616-96h320zM576 768c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-128c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM384 128h-32c-17.673 0-32 14.327-32 32v0 498.752l384-384v-114.752c0-17.673-14.327-32-32-32v0h-32c0 17.673-14.327 32-32 32v0h-192c-17.673 0-32-14.327-32-32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["mobile-off"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 126,
+				"id": 7,
+				"name": "mobile-off",
+				"prevSize": 32,
+				"code": 922212
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M672 64c53.019 0 96 42.981 96 96v0 704c0 53.019-42.981 96-96 96v0h-320c-53.019 0-96-42.981-96-96v0-704c0-53.019 42.981-96 96-96v0h320zM384 128h-32c-17.673 0-32 14.327-32 32v0 704c0 17.673 14.327 32 32 32v0h320c17.673 0 32-14.327 32-32v0-704c0-17.673-14.327-32-32-32v0h-32c0 17.673-14.327 32-32 32v0h-192c-17.673 0-32-14.327-32-32v0zM576 768c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-128c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h128z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["mobile-phone"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 127,
+				"id": 8,
+				"name": "mobile-phone",
+				"prevSize": 32,
+				"code": 922211
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M511.488 672c52.288 0 96.512 44 96.512 96.992 0 52-44.224 95.008-96.512 95.008-52.256 0-95.488-43.008-95.488-95.008 0-52.992 43.2-96.992 95.488-96.992zM511.488 736c-17.28 0-31.488 14.976-31.488 32.992 0 17.024 14.208 31.008 31.488 31.008s32.512-14.016 32.512-31.008c0-17.952-15.232-32.992-32.512-32.992zM64 440c0-7.008 2.016-13.28 6.080-18.944 103.712-143.040 265.92-229.056 441.92-229.056s338.208 84.992 441.92 229.056c4.096 5.664 6.080 11.936 6.080 18.944 0 16.992-12.992 32-31.008 32-9.984 0-20.256-4.992-26.88-14.080-92.384-126.912-236.096-201.92-390.112-201.92-155.008 0-297.728 75.008-390.112 201.92-6.624 9.088-16.896 14.080-26.88 14.080-18.016 0-31.008-15.008-31.008-32zM184 543.008c0-6.016 2.016-13.184 6.080-18.976 74.784-107.040 193.92-172.032 321.92-172.032 127.008 0 246.112 64.992 320.96 172.032 4.032 5.792 6.048 12.96 6.048 18.976 0 17.984-15.008 32-31.008 32-10.016 0-20.352-4-26.848-13.12-64.512-90.88-163.168-145.888-269.152-145.888-107.008 0-207.136 55.008-269.952 146.048-6.176 8.96-17.056 12.96-27.040 12.96-17.17-0.195-31.015-14.16-31.015-31.358 0-0.226 0.002-0.451 0.007-0.675l-0.001 0.033zM303.008 639.008c0-6.016 1.984-11.52 5.856-17.12 47.456-68.896 121.152-110.88 202.144-110.88 81.984 0 155.648 41.984 203.136 110.88 3.84 5.6 5.856 11.104 5.856 17.12 0 9.984-6.016 20.736-14.912 27.104-4.695 3.595-10.626 5.794-17.066 5.888l-0.022 0c-11.008 0-20.896-6.016-27.040-14.976-34.88-51.040-89.952-82.016-149.952-82.016-59.008 0-114.112 30.976-148.96 82.016-6.144 8.96-17.056 14.976-27.040 14.976-16.992 0-32-15.008-32-32.992z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["wifi"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 128,
+				"id": 9,
+				"name": "wifi",
+				"prevSize": 32,
+				"code": 921752
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 12
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-covid-19-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-covid-19-outline.json
new file mode 100644
index 0000000000..dbf8ce1e96
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-covid-19-outline.json
@@ -0,0 +1,70 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M64 640.8c0-17.673 14.327-32 32-32v0l45.856 0.032c40.384-43.552 204.224-128.128 370.464-128.128 166.208 0 329.568 84.608 369.92 128.128l45.76-0.032c17.673 0 32 14.327 32 32s-14.327 32-32 32v0l-41.92 0.032c-60.656 150.233-204.979 254.454-373.734 255.168l-0.090 0c-168.956-0.656-313.405-104.883-373.206-252.459l-0.97-2.709-42.080-0.032c-17.673 0-32-14.327-32-32v0zM128.256 479.744c0-211.936 171.808-383.744 383.744-383.744s383.744 171.808 383.744 383.744c0 17.673-14.327 32-32 32s-32-14.327-32-32v0c0-176.576-143.168-319.744-319.744-319.744s-319.744 143.168-319.744 319.744c0 17.673-14.327 32-32 32s-32-14.327-32-32v0zM196.224 644.992c49.261 129.029 172.010 219.012 315.776 219.012s266.515-89.983 314.999-216.701l0.777-2.311c-88.511-60.822-197.452-97.99-314.937-100.311l-0.583-0.009c-118.235 2.368-227.338 39.526-318.030 101.612l1.998-1.292zM374.656 681.792c-15.584-4.8-22.304-17.024-22.304-29.44 0-16.544 11.904-33.376 30.624-33.376 3.296 0 6.816 0.512 10.496 1.664 35.48 11.253 76.287 17.737 118.608 17.737s83.127-6.484 121.48-18.513l-2.872 0.777c3.616-1.12 7.040-1.632 10.272-1.632 18.72 0 30.912 16.96 30.912 33.568 0 12.32-6.72 24.416-22.4 29.216-41.097 13.127-88.369 20.693-137.408 20.693s-96.312-7.566-140.713-21.594l3.305 0.901zM443.296 807.712c-18.208-3.008-26.496-16.864-26.496-30.912 0-17.6 13.024-35.392 35.904-32.384 17.824 2.756 38.384 4.33 59.312 4.33s41.488-1.574 61.569-4.61l-2.257 0.281c23.392-3.968 36.736 14.24 36.736 32.16 0 14.4-8.544 28.608-27.36 31.136-20.648 3.239-44.46 5.090-68.704 5.090s-48.057-1.851-71.303-5.418l2.599 0.328z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["mask"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 118,
+				"id": 0,
+				"name": "mask",
+				"prevSize": 32,
+				"code": 922213
+			},
+			"setIdx": 15,
+			"setId": 31,
+			"iconIdx": 0
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-facilities-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-facilities-outline.json
new file mode 100644
index 0000000000..4feda16b6e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-facilities-outline.json
@@ -0,0 +1,264 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M416 736.64c68.544 0 130.144 58.72 128 128v63.36c0 17.673-14.327 32-32 32s-32-14.327-32-32v0c-0.031-9.41-0.048-20.543-0.048-31.68s0.017-22.27 0.052-33.399l-0.004 1.719c0-33.728-29.504-64-64-64h-191.552c-33.76 0-64.448 26.4-64 64-0.031 9.41-0.048 20.543-0.048 31.68s0.017 22.27 0.052 33.399l-0.004-1.719c0 17.673-14.327 32-32 32s-32-14.327-32-32v0c-0.031-9.41-0.048-20.543-0.048-31.68s0.017-22.27 0.052-33.399l-0.004 1.719c0-68.544 55.168-128 128-128zM320 352c88.366 0 160 71.634 160 160s-71.634 160-160 160v0c-88.366 0-160-71.634-160-160s71.634-160 160-160v0zM320 416c-53.019 0-96 42.981-96 96s42.981 96 96 96v0c53.019 0 96-42.981 96-96s-42.981-96-96-96v0zM740.864 559.040c5.749-9.091 15.748-15.040 27.136-15.040 17.673 0 32 14.327 32 32 0 6.285-1.812 12.147-4.942 17.091l0.078-0.131c-5.749 9.091-15.748 15.040-27.136 15.040-17.673 0-32-14.327-32-32 0-6.285 1.812-12.147 4.942-17.091l-0.078 0.131zM580.352 527.904c5.648-9.574 15.909-15.896 27.648-15.896 17.669 0 31.992 14.323 31.992 31.992 0 5.93-1.614 11.484-4.425 16.245l0.081-0.149c-5.563 9.923-16.014 16.519-28.006 16.519-17.673 0-32-14.327-32-32 0-6.182 1.753-11.955 4.789-16.848l-0.079 0.136zM900.352 527.904c5.648-9.574 15.909-15.896 27.648-15.896 17.669 0 31.992 14.323 31.992 31.992 0 5.93-1.614 11.484-4.425 16.245l0.081-0.149c-5.563 9.923-16.014 16.519-28.006 16.519-17.673 0-32-14.327-32-32 0-6.182 1.753-11.955 4.789-16.848l-0.079 0.136zM740.864 463.040c5.749-9.091 15.748-15.040 27.136-15.040 17.673 0 32 14.327 32 32 0 6.285-1.812 12.147-4.942 17.091l0.078-0.131c-5.749 9.091-15.748 15.040-27.136 15.040-17.673 0-32-14.327-32-32 0-6.285 1.812-12.147 4.942-17.091l-0.078 0.131zM612.352 431.904c5.648-9.574 15.909-15.896 27.648-15.896 17.669 0 31.992 14.323 31.992 31.992 0 5.93-1.614 11.484-4.425 16.245l0.081-0.149c-5.563 9.923-16.014 16.519-28.006 16.519-17.673 0-32-14.327-32-32 0-6.182 1.753-11.955 4.789-16.848l-0.079 0.136zM879.872 420.32c4.617-2.733 10.176-4.348 16.112-4.348 17.688 0 32.028 14.339 32.028 32.028 0 11.752-6.33 22.026-15.767 27.598l-0.149 0.082c-4.613 2.728-10.166 4.34-16.096 4.34-17.684 0-32.020-14.336-32.020-32.020 0-11.754 6.334-22.029 15.774-27.598l0.149-0.082zM740.864 367.040c5.749-9.091 15.748-15.040 27.136-15.040 17.673 0 32 14.327 32 32 0 6.285-1.812 12.147-4.942 17.091l0.078-0.131c-5.749 9.091-15.748 15.040-27.136 15.040-17.673 0-32-14.327-32-32 0-6.285 1.812-12.147 4.942-17.091l-0.078 0.131zM644.32 335.904c5.522-10.076 16.054-16.794 28.156-16.794 17.673 0 32 14.327 32 32 0 6.282-1.81 12.142-4.938 17.085l0.078-0.131c-5.748 9.095-15.749 15.046-27.14 15.046-17.673 0-32-14.327-32-32 0-5.571 1.424-10.81 3.927-15.372l-0.084 0.166zM847.904 324.352c4.609-2.723 10.157-4.332 16.080-4.332 17.68 0 32.012 14.332 32.012 32.012 0 11.756-6.337 22.032-15.782 27.598l-0.15 0.082c-4.609 2.723-10.157 4.332-16.080 4.332-17.68 0-32.012-14.332-32.012-32.012 0-11.756 6.337-22.032 15.782-27.598l0.15-0.082zM768 64c17.673 0 32 14.327 32 32v0 81.376c35.872 3.072 71.616 11.296 107.232 24.64 12.239 4.681 20.772 16.328 20.772 29.968 0 17.675-14.329 32.004-32.004 32.004-4.035 0-7.896-0.747-11.451-2.11l0.219 0.074c-39.136-14.656-78.048-21.952-116.768-21.952-38.752 0-77.632 7.296-116.768 21.952-3.558 1.484-7.692 2.346-12.026 2.346-17.673 0-32-14.327-32-32 0-13.935 8.907-25.789 21.338-30.181l0.224-0.069c31.377-12.324 67.754-21.066 105.653-24.555l1.579-0.117v-81.376c0-17.673 14.327-32 32-32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_shower_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 128,
+				"id": 9,
+				"name": "db_ic_shower_32",
+				"prevSize": 32,
+				"code": 922215
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M472.288 736c44.224 0 77.376 40.32 70.912 84.384l-15.68 112.256c-2.742 15.119-15.806 26.435-31.512 26.435-17.673 0-32-14.327-32-32 0-1.309 0.079-2.6 0.231-3.868l-0.015 0.153 15.648-112.256c0.8-5.376-2.24-11.104-8.64-11.104h-303.488c-4.416 0-8.512 4.928-7.616 11.072l15.52 112.384c0.225 1.426 0.354 3.070 0.354 4.743 0 17.673-14.327 32-32 32-14.821 0-27.289-10.076-30.927-23.752l-0.051-0.223-16.256-116.096c-6.56-44.096 27.936-83.968 66.112-83.968zM320 352c88.366 0 160 71.634 160 160s-71.634 160-160 160v0c-88.366 0-160-71.634-160-160s71.634-160 160-160v0zM320 416c-53.019 0-96 42.981-96 96s42.981 96 96 96v0c53.019 0 96-42.981 96-96s-42.981-96-96-96v0zM740.864 559.040c5.749-9.091 15.748-15.040 27.136-15.040 17.673 0 32 14.327 32 32 0 6.285-1.812 12.147-4.942 17.091l0.078-0.131c-5.749 9.091-15.748 15.040-27.136 15.040-17.673 0-32-14.327-32-32 0-6.285 1.812-12.147 4.942-17.091l-0.078 0.131zM580.352 527.904c5.648-9.574 15.909-15.896 27.648-15.896 17.669 0 31.992 14.323 31.992 31.992 0 5.93-1.614 11.484-4.425 16.245l0.081-0.149c-5.563 9.923-16.014 16.519-28.006 16.519-17.673 0-32-14.327-32-32 0-6.182 1.753-11.955 4.789-16.848l-0.079 0.136zM900.352 527.904c5.648-9.574 15.909-15.896 27.648-15.896 17.669 0 31.992 14.323 31.992 31.992 0 5.93-1.614 11.484-4.425 16.245l0.081-0.149c-5.563 9.923-16.014 16.519-28.006 16.519-17.673 0-32-14.327-32-32 0-6.182 1.753-11.955 4.789-16.848l-0.079 0.136zM740.864 463.040c5.749-9.091 15.748-15.040 27.136-15.040 17.673 0 32 14.327 32 32 0 6.285-1.812 12.147-4.942 17.091l0.078-0.131c-5.749 9.091-15.748 15.040-27.136 15.040-17.673 0-32-14.327-32-32 0-6.285 1.812-12.147 4.942-17.091l-0.078 0.131zM612.352 431.904c5.648-9.574 15.909-15.896 27.648-15.896 17.669 0 31.992 14.323 31.992 31.992 0 5.93-1.614 11.484-4.425 16.245l0.081-0.149c-5.563 9.923-16.014 16.519-28.006 16.519-17.673 0-32-14.327-32-32 0-6.182 1.753-11.955 4.789-16.848l-0.079 0.136zM879.872 420.32c4.617-2.733 10.176-4.348 16.112-4.348 17.688 0 32.028 14.339 32.028 32.028 0 11.752-6.33 22.026-15.767 27.598l-0.149 0.082c-4.613 2.728-10.166 4.34-16.096 4.34-17.684 0-32.020-14.336-32.020-32.020 0-11.754 6.334-22.029 15.774-27.598l0.149-0.082zM740.864 367.040c5.749-9.091 15.748-15.040 27.136-15.040 17.673 0 32 14.327 32 32 0 6.285-1.812 12.147-4.942 17.091l0.078-0.131c-5.749 9.091-15.748 15.040-27.136 15.040-17.673 0-32-14.327-32-32 0-6.285 1.812-12.147 4.942-17.091l-0.078 0.131zM644.32 335.904c5.522-10.076 16.054-16.794 28.156-16.794 17.673 0 32 14.327 32 32 0 6.282-1.81 12.142-4.938 17.085l0.078-0.131c-5.748 9.095-15.749 15.046-27.14 15.046-17.673 0-32-14.327-32-32 0-5.571 1.424-10.81 3.927-15.372l-0.084 0.166zM847.904 324.352c4.609-2.723 10.157-4.332 16.080-4.332 17.68 0 32.012 14.332 32.012 32.012 0 11.756-6.337 22.032-15.782 27.598l-0.15 0.082c-4.609 2.723-10.157 4.332-16.080 4.332-17.68 0-32.012-14.332-32.012-32.012 0-11.756 6.337-22.032 15.782-27.598l0.15-0.082zM768 64c17.673 0 32 14.327 32 32v0 81.376c35.872 3.072 71.616 11.296 107.232 24.64 12.239 4.681 20.772 16.328 20.772 29.968 0 17.675-14.329 32.004-32.004 32.004-4.035 0-7.896-0.747-11.451-2.11l0.219 0.074c-39.136-14.656-78.048-21.952-116.768-21.952-38.752 0-77.632 7.296-116.768 21.952-3.558 1.484-7.692 2.346-12.026 2.346-17.673 0-32-14.327-32-32 0-13.935 8.907-25.789 21.338-30.181l0.224-0.069c31.377-12.324 67.754-21.066 105.653-24.555l1.579-0.117v-81.376c0-17.673 14.327-32 32-32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_shower_man_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 127,
+				"id": 8,
+				"name": "db_ic_shower_man_32",
+				"prevSize": 32,
+				"code": 921973
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M433.408 736c39.040 0 73.728 24.96 82.144 61.632l27.648 123.232c0.512 2.144 0.806 4.606 0.806 7.136 0 17.676-14.329 32.006-32.006 32.006-15.146 0-27.835-10.521-31.157-24.653l-0.043-0.217-27.68-123.392c-1.216-5.376-7.616-10.464-16.352-11.52l-229.984-0.224c-10.464 0-18.4 5.696-19.744 11.584l-27.84 123.52c-3.359 14.355-16.050 24.882-31.2 24.882-17.674 0-32.002-14.328-32.002-32.002 0-2.524 0.292-4.981 0.845-7.337l-0.043 0.217 27.84-123.424c7.968-34.752 41.984-61.28 82.144-61.28zM320 352c88.366 0 160 71.634 160 160s-71.634 160-160 160v0c-88.366 0-160-71.634-160-160s71.634-160 160-160v0zM320 416c-53.019 0-96 42.981-96 96s42.981 96 96 96v0c53.019 0 96-42.981 96-96s-42.981-96-96-96v0zM784.96 548.864c9.776 5.601 16.256 15.973 16.256 27.859 0 17.673-14.327 32-32 32-6.769 0-13.047-2.102-18.218-5.689l0.106 0.069c-8.434-5.847-13.888-15.477-13.888-26.381 0-17.673 14.327-32 32-32 5.787 0 11.216 1.536 15.9 4.223l-0.156-0.082zM624.064 516.352c9.594 5.648 15.932 15.924 15.932 27.68 0 17.68-14.332 32.012-32.012 32.012-5.923 0-11.471-1.609-16.23-4.413l0.15 0.082c-9.594-5.648-15.932-15.924-15.932-27.68 0-17.68 14.332-32.012 32.012-32.012 5.923 0 11.471 1.609 16.23 4.413l-0.15-0.082zM944.064 516.352c9.594 5.648 15.932 15.924 15.932 27.68 0 17.68-14.332 32.012-32.012 32.012-5.923 0-11.471-1.609-16.23-4.413l0.15 0.082c-9.594-5.648-15.932-15.924-15.932-27.68 0-17.68 14.332-32.012 32.012-32.012 5.923 0 11.471 1.609 16.23 4.413l-0.15-0.082zM784.96 452.864c9.776 5.601 16.256 15.973 16.256 27.859 0 17.673-14.327 32-32 32-6.769 0-13.047-2.102-18.218-5.689l0.106 0.069c-8.434-5.847-13.888-15.477-13.888-26.381 0-17.673 14.327-32 32-32 5.787 0 11.216 1.536 15.9 4.223l-0.156-0.082zM656.064 420.352c9.594 5.648 15.932 15.924 15.932 27.68 0 17.68-14.332 32.012-32.012 32.012-5.923 0-11.471-1.609-16.23-4.413l0.15 0.082c-9.594-5.648-15.932-15.924-15.932-27.68 0-17.68 14.332-32.012 32.012-32.012 5.923 0 11.471 1.609 16.23 4.413l-0.15-0.082zM923.648 431.936c2.957 4.757 4.71 10.529 4.71 16.711 0 17.673-14.327 32-32 32-11.992 0-22.443-6.596-27.923-16.358l-0.083-0.161c-2.513-4.464-3.994-9.799-3.994-15.481 0-17.673 14.327-32 32-32 11.491 0 21.568 6.057 27.211 15.152l0.079 0.136zM784.96 356.864c9.083 5.747 15.026 15.74 15.026 27.12 0 17.666-14.321 31.986-31.986 31.986-6.285 0-12.147-1.813-17.091-4.944l0.131 0.077c-9.536-5.658-15.828-15.901-15.828-27.613 0-17.673 14.327-32 32-32 6.615 0 12.761 2.007 17.862 5.445l-0.114-0.072zM688.064 324.352c9.862 5.579 16.409 15.998 16.409 27.945 0 17.673-14.327 32-32 32-6.097 0-11.796-1.705-16.646-4.665l0.141 0.080c-9.348-5.699-15.495-15.839-15.495-27.415 0-17.673 14.327-32 32-32 5.726 0 11.1 1.504 15.75 4.138l-0.159-0.083zM891.648 335.936c3.113 4.849 4.962 10.766 4.962 17.115 0 17.673-14.327 32-32 32-12.153 0-22.724-6.775-28.142-16.755l-0.084-0.169c-2.377-4.364-3.774-9.557-3.774-15.077 0-17.673 14.327-32 32-32 11.324 0 21.274 5.882 26.962 14.757l0.077 0.128zM768 64c17.673 0 32 14.327 32 32v0 81.376c35.872 3.072 71.616 11.296 107.232 24.64 12.239 4.681 20.772 16.328 20.772 29.968 0 17.675-14.329 32.004-32.004 32.004-4.035 0-7.896-0.747-11.451-2.11l0.219 0.074c-39.136-14.656-78.048-21.952-116.768-21.952-38.752 0-77.632 7.296-116.768 21.952-3.558 1.484-7.692 2.346-12.026 2.346-17.673 0-32-14.327-32-32 0-13.935 8.907-25.789 21.338-30.181l0.224-0.069c31.377-12.324 67.754-21.066 105.653-24.555l1.579-0.117v-81.376c0-17.673 14.327-32 32-32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_shower_women_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 126,
+				"id": 7,
+				"name": "db_ic_shower_women_32",
+				"prevSize": 32,
+				"code": 921974
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M714.656 608c61.306 0.004 118.137 19.162 164.835 51.817l-0.931-0.617c32.064 22.176 54.944 39.232 68.64 51.2 7.807 5.9 12.8 15.167 12.8 25.6 0 7.24-2.404 13.919-6.458 19.28l0.058-0.080c-9.792 13.056-29.408 17.216-41.44 8.608-8-5.76-29.056-21.408-63.104-47.008-34.446-26.055-77.472-42.473-124.226-44.559l-0.478-0.017-114.368-0.224c-0.007-0-0.016-0-0.025-0-24.472 0-45.032 16.751-50.84 39.412l-0.079 0.364c-0.349 1.391-0.55 2.987-0.55 4.631 0 9.976 7.387 18.227 16.989 19.581l0.105 0.012h128.416c17.673 0 32 14.327 32 32v0c0 16.416-13.248 31.84-32 32h-126.080c-27.552-0.384-38.464-5.92-101.696-32-17.28-7.136-48.416-19.52-93.344-37.12-12.041-4.837-26-7.643-40.615-7.643-25.29 0-48.618 8.402-67.345 22.566l0.281-0.203c-4.992 3.744-7.424 15.36 2.912 19.68 6.72 2.752 84.832 31.168 234.432 85.248 19.291 7.24 41.595 11.972 64.836 13.162l0.54 0.022 164.736 0.288c15.987 0.001 31.669 1.304 46.947 3.81l-1.667-0.226 146.336 29.024c14.781 3.025 25.743 15.923 25.743 31.382 0 2.223-0.227 4.393-0.658 6.488l0.036-0.207c-3.148 14.776-16.090 25.699-31.582 25.699-2.151 0-4.253-0.211-6.286-0.612l0.205 0.034-135.136-27.040c-9.551-2.010-20.842-3.461-32.362-4.043l-0.534-0.021-164.576-0.288c-30.891-0.006-60.642-4.874-88.534-13.881l2.038 0.569-246.336-89.28c-29.18-10.815-49.6-38.411-49.6-70.776 0-24.546 11.746-46.349 29.923-60.095l0.189-0.137c29.003-21.937 65.676-35.138 105.431-35.138 20.101 0 39.414 3.375 57.404 9.589l-1.235-0.371 96.704 37.568c7.488-56 60.096-98.048 112.896-98.048zM352 544c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM472 520c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM232 520c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM352 448c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM448 416c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM256 416c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM336 96c77.143-0 140.118 60.66 143.827 136.884l0.013 0.332 0.16 86.784c0 33.728-26.368 64-64 64h-128c-0.006 0-0.013 0-0.020 0-33.657 0-61.246-25.98-63.806-58.981l-0.014-0.219-0.16-19.2c0-9.6-6.112-17.6-16-17.6h-112c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h112c0.004-0 0.008-0 0.012-0 42.336 0 76.992 32.886 79.814 74.506l0.013 0.246 0.16 21.248h128v-80c0-0.004 0-0.008 0-0.012 0-42.336-32.886-76.992-74.506-79.814l-0.246-0.013-245.248-0.16c-17.673 0-32-14.327-32-32v0c0-16.416 14.24-32 32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_sink_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 125,
+				"id": 6,
+				"name": "db_ic_sink_32",
+				"prevSize": 32,
+				"code": 922216
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 64c106.039 0 192 85.961 192 192v0c0 0.156 0.001 0.34 0.001 0.524 0 58.047-25.932 110.037-66.843 145.017l-0.262 0.218c2.016 14.72 3.040 30.144 3.104 46.24 0 194.4-157.6 352-352 352-16.032 0-31.936-1.088-47.648-3.2-15.732-2.188-27.713-15.551-27.713-31.712 0-17.673 14.327-32.001 32.001-32.001 1.512 0 3 0.105 4.456 0.308l-0.168-0.019c11.738 1.695 25.292 2.663 39.072 2.663 159.058 0 288-128.942 288-288 0-0.014-0-0.027-0-0.041l0 0.002c-0.327-26.577-3.574-52.229-9.436-76.867l0.476 2.371c53.6-30.656 72.96-74.752 72.96-117.504 0-70.692-57.308-128-128-128v0c-33.312 0-69.824 10.88-107.616 55.648-54.848-20.48-83.008-23.648-116.384-23.648-29.184 0-61.376 2.976-116.352 23.616-38.016-45.76-71.808-55.616-107.648-55.616-70.72 0-125.44 57.344-128 128-2.624 72.8 62.912 110.912 72.96 117.44-1.664 8.096-8.96 42.56-8.96 74.56s2.944 43.2 6.624 65.44c86.981 11.595 153.379 85.314 153.379 174.54 0 42.431-15.015 81.355-40.021 111.748l0.243-0.304 28.416 33.6c3.411-0.645 7.335-1.014 11.345-1.014 35.346 0 64 28.654 64 64s-28.654 64-64 64c-35.346 0-64-28.654-64-64 0-7.75 1.378-15.179 3.902-22.055l-0.143 0.444-28.352-33.6c-25.048 14.535-55.115 23.112-87.186 23.112-97.202 0-176-78.798-176-176 0-82.489 56.748-151.723 133.334-170.793l1.212-0.255c-3.996-20.542-6.439-44.313-6.749-68.597l-0.003-0.267c0-24.128 1.28-30.304 3.072-46.272-24.32-20.576-66.784-70.944-66.88-137.408-0.192-118.4 85.76-200.32 191.808-200.32 44.736 0 84.64 13.344 124.864 46.208 29.664-9.472 62.72-14.208 99.136-14.208 31.68 0 74.24 5.6 99.104 14.208 40.032-32.832 78.848-46.208 124.896-46.208zM580.8 480c15.022 0 27.2 12.178 27.2 27.2s-12.178 27.2-27.2 27.2h-9.6l0.032 28.8c9.184 6.624 17.504 9.6 25.12 9.6 8.416 0 14.944-3.584 21.664-12.8 4.97-7.164 13.153-11.796 22.418-11.796 15.022 0 27.2 12.178 27.2 27.2 0 6.276-2.126 12.056-5.696 16.658l0.046-0.062c-16.576 22.784-39.136 35.2-65.6 35.2-16.64 0-35.2-5.472-52.384-16.8-16.16 10.56-25.856 16.8-52.352 16.8s-49.056-12.416-65.632-35.2c-3.524-4.541-5.65-10.32-5.65-16.596 0-15.022 12.178-27.2 27.2-27.2 9.265 0 17.448 4.632 22.359 11.707l0.059 0.090c6.72 9.216 13.248 12.8 21.664 12.8 7.616 0 15.936-2.976 25.152-9.6v-28.8h-9.6c-15.022 0-27.2-12.178-27.2-27.2s12.178-27.2 27.2-27.2h-0zM408 336c22.091 0 40 17.909 40 40s-17.909 40-40 40v0c-22.091 0-40-17.909-40-40s17.909-40 40-40v0zM696 336c22.091 0 40 17.909 40 40s-17.909 40-40 40v0c-22.091 0-40-17.909-40-40s17.909-40 40-40v0zM344.512 647.68l-3.392 6.464c-32.128 58.496-89.856 105.44-157.312 130.816 16.135 9.541 35.559 15.178 56.299 15.178 61.856 0 112-50.144 112-112 0-14.554-2.776-28.46-7.827-41.216l0.265 0.758zM240 576c-0.017-0-0.037-0-0.056-0-61.856 0-112 50.144-112 112 0 16.193 3.436 31.583 9.62 45.481l-0.283-0.713c75.712-20.48 140-74.464 160.224-138.4l0.768-2.048c-16.538-10.247-36.597-16.32-58.075-16.32-0.069 0-0.139 0-0.208 0l0.011-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_playground_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 124,
+				"id": 5,
+				"name": "db_ic_playground_32",
+				"prevSize": 32,
+				"code": 922214
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M128 740.768c0-43.744 15.36-87.488 45.28-122.016 5.741-6.603 14.154-10.753 23.537-10.753 0.084 0 0.168 0 0.252 0.001l-0.013-0c19.2 0 32.224 14.592 32.224 32.224 0 6.912-2.304 13.824-6.88 19.968-19.2 22.24-30.72 51.392-30.72 80.576 0 67.52 53.76 123.232 121.28 123.232 40.64 0 78.24-18.88 102.048-51.104 6.912-9.216 16.864-13.824 26.080-13.824 16.896 0 32.992 13.056 32.992 32.224 0.001 0.084 0.001 0.184 0.001 0.284 0 7.223-2.601 13.838-6.918 18.961l0.036-0.044c-35.212 47.241-90.925 77.505-153.707 77.505-0.187 0-0.375-0-0.562-0.001l0.029 0c-99.808 0-184.96-82.112-184.96-187.232zM240.032 512.064c0-17.632 14.592-32.224 32.224-32.224h23.040c36.8 0 69.056 19.968 79.808 53.728l3.072 10.432h109.728c0.067-0.001 0.146-0.001 0.225-0.001 17.595 0 31.873 14.2 31.999 31.765l0 0.012c0 17.632-14.592 32.224-32.224 32.224h-90.56l19.2 64h112.032c13.824 0 24.544 8.128 29.92 21.184l69.856 165.76c1.436 3.026 2.275 6.575 2.275 10.32 0 0.14-0.001 0.281-0.004 0.421l0-0.021c0 15.36-12.256 31.488-32.224 31.488-13.792 0-24.544-7.68-29.92-20.736l-62.176-144.256h-113.568c-14.467-0.015-26.685-9.628-30.63-22.813l-0.058-0.227-46.048-155.776c-3.072-9.984-6.912-13.792-20.704-13.792h-23.040c-0.134 0.002-0.291 0.003-0.449 0.003-17.449 0-31.614-14.065-31.775-31.476l-0-0.015zM304.512 288c35.296 0 63.68 29.152 63.68 64.448 0 35.328-28.384 63.68-63.68 63.68-35.328 0-64.48-28.352-64.48-63.68 0-35.296 29.152-64.448 64.48-64.448zM823.872 127.136c17.696 0 36.32 3.552 53.12 11.52 12.416 5.312 17.728 15.040 17.728 24.8 0 15.040-11.52 30.144-27.456 30.144-4.194-0.036-8.151-1.012-11.682-2.727l0.162 0.071c-8.528-4.24-18.538-6.833-29.126-7.102l-0.090-0.002c-12.416 0-45.184 0-45.184 72.64 0 69.984 29.248 69.984 45.184 69.984 10.624-0.896 21.248-3.52 31.008-7.104 3.52-0.864 7.072-1.76 10.624-1.76 15.936 0 27.456 15.040 27.456 30.112 0 10.624-5.312 20.384-18.592 25.696-15.406 5.146-33.242 8.623-51.722 9.702l-0.566 0.026c-37.184 0-100.096-16.832-100.096-126.656 0-116.928 69.12-129.344 99.2-129.344zM683.008 128.928c15.040 0 29.248 10.624 29.248 27.456 0.003 0.165 0.005 0.36 0.005 0.555 0 2.632-0.329 5.187-0.947 7.627l0.046-0.214-51.36 197.536c-3.68 14.144-15.968 20.384-27.456 20.384-11.52 0-23.488-6.336-27.488-20.384l-28.32-100.096-28.352 100.096c-4.064 14.304-15.968 20.384-27.456 20.384-0.076 0.001-0.166 0.001-0.256 0.001-13.091 0-24.088-8.963-27.19-21.087l-0.042-0.194-50.464-196.64c-0.572-2.244-0.9-4.82-0.9-7.472 0-0.186 0.002-0.371 0.005-0.555l-0 0.028c0-16.8 15.040-27.424 29.216-27.424 0.159-0.003 0.347-0.005 0.536-0.005 12.79 0 23.469 9.041 25.994 21.081l0.030 0.173 24.608 113.024 27.68-113.92c3.264-13.344 15.936-20.352 27.456-20.352s24.224 6.72 27.456 20.352l27.104 114.336 24.288-113.44c3.232-15.136 15.040-21.248 26.56-21.248z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_facilities_restricted-mobility-toilet_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 18,
+				"id": 0,
+				"name": "ic-db_facilities_restricted-mobility-toilet_32",
+				"prevSize": 32,
+				"code": 921955
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M97.152 627.968l51.008-272.96c5.76-29.024 32-50.976 60.992-50.976h137.984c29.984 0 55.2 21.952 60.992 51.008l50.976 271.936c0.905 3.993 1.423 8.578 1.423 13.284 0 34.639-28.081 62.72-62.72 62.72-0.242 0-0.483-0.001-0.724-0.004l0.037 0h-24.992v225.952c-0.072 17.096-13.912 30.936-31.001 31.008l-0.007 0c-16.992 0-32-14.016-32-31.008v-257.952c0-16.992 15.008-31.008 32-31.008h56l-49.984-272.96h-137.984l-49.984 272.992h56c0.191-0.004 0.416-0.007 0.642-0.007 17.198 0 31.163 13.844 31.358 30.996l0 0.018v257.952c-0.195 17.17-14.16 31.015-31.358 31.015-0.226 0-0.451-0.002-0.675-0.007l0.033 0.001c-17.11-0.054-30.968-13.901-31.040-31.001l-0-0.007v-225.952h-24.96c-40 0-69.472-37.28-62.016-75.008zM278.144 64.064c52.992 0 96 43.776 96 96.512-0.164 52.772-42.981 95.488-95.776 95.488-0.079 0-0.158-0-0.237-0l0.012 0c-52.992 0-96-42.752-96-95.488s43.008-96.512 96-96.512zM278.144 129.056c-18.016 0-32 14.016-32 32 0 18.016 13.984 32 32 32 17.984 0 32-14.016 32-32s-14.016-32-32-32zM567.104 377.024c-0.416-2.741-0.654-5.903-0.654-9.121 0-35.197 28.455-63.748 63.615-63.903l0.015-0h240.96c37.984 0 67.648 34.944 61.984 72.96l-37.984 272c-3.84 26.016-24 46.976-49.984 52.96v226.976c-0.195 17.17-14.16 31.015-31.358 31.015-0.226 0-0.451-0.002-0.675-0.007l0.033 0.001c-17.096-0.072-30.936-13.912-31.008-31.001l-0-0.007v-257.952c0-16.992 14.016-31.008 31.008-31.008h19.008l38.976-272.96h-240.96l36.992 273.024h20c0.191-0.004 0.416-0.007 0.642-0.007 17.198 0 31.163 13.844 31.358 30.996l0 0.018v257.952c-0.195 17.17-14.16 31.015-31.358 31.015-0.226 0-0.451-0.002-0.675-0.007l0.033 0.001c-17.096-0.072-30.936-13.912-31.008-31.001l-0-0.007v-225.952h-16c-15.597-0.451-28.394-11.886-30.949-26.817l-0.027-0.191-41.984-298.944zM744.576 64.064c51.744 0 95.52 43.776 95.52 96.512s-43.776 95.488-95.52 95.488c-0.219 0.002-0.477 0.003-0.736 0.003-52.789 0-95.6-42.722-95.744-95.477l-0-0.014c0.036-53.276 43.206-96.457 96.475-96.512l0.005-0zM745.056 129.056c-17.984 0-32 14.016-32 32 0 18.016 14.016 32 32 32 16.992 0 32-14.016 32-32s-15.008-32-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_facilities_wc_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 219,
+				"id": 1,
+				"name": "ic-db_facilities_wc_32",
+				"prevSize": 32,
+				"code": 922217
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M329.024 377.024c-0.416-2.741-0.654-5.903-0.654-9.12 0-35.208 28.473-63.766 63.649-63.904l0.013-0h240.96c37.984 0 67.616 34.944 61.984 72.96l-38.016 272c-3.84 26.016-24 46.976-49.984 52.96v226.976c-0.195 17.17-14.16 31.015-31.358 31.015-0.226 0-0.451-0.002-0.675-0.007l0.033 0.001c-17.082-0.090-30.904-13.923-30.976-31.001l-0-0.007v-257.952c0-16.992 13.984-31.008 30.976-31.008h19.008l39.008-272.96h-240.96l36.992 273.024h20c0.191-0.004 0.416-0.007 0.642-0.007 17.198 0 31.163 13.844 31.358 30.996l0 0.018v257.952c-0.195 17.17-14.16 31.015-31.358 31.015-0.226 0-0.451-0.002-0.675-0.007l0.033 0.001c-17.11-0.054-30.968-13.901-31.040-31.001l-0-0.007v-225.952h-15.968c-15.008 0-28.8-12.032-31.008-27.008l-41.984-298.944zM506.528 64.064c51.712 0 95.488 43.776 95.488 96.512s-43.776 95.488-95.488 95.488c-0.228 0.002-0.498 0.003-0.768 0.003-52.789 0-95.6-42.722-95.744-95.477l-0-0.014c0.036-53.288 43.225-96.476 96.509-96.512l0.003-0zM507.008 129.056c-18.016 0-32 14.016-32 32 0 18.016 13.984 32 32 32 16.96 0 32-14.016 32-32s-15.040-32-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_facilities_wc-men_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 220,
+				"id": 2,
+				"name": "ic-db_facilities_wc-men_32",
+				"prevSize": 32,
+				"code": 922224
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M330.944 627.968l51.008-272.96c5.76-29.024 32-50.976 60.992-50.976h137.952c30.016 0 55.232 21.952 60.992 51.008l51.008 271.936c0.905 3.993 1.423 8.578 1.423 13.284 0 34.639-28.081 62.72-62.72 62.72-0.242 0-0.483-0.001-0.724-0.004l0.037 0h-24.992v225.952c-0.073 17.107-13.93 30.954-31.035 31.008l-0.005 0c-16.96 0-31.968-14.016-31.968-31.008v-257.952c0-16.992 15.008-31.008 32-31.008h56l-50.016-272.96h-137.952l-50.016 272.992h56c0.191-0.004 0.416-0.007 0.642-0.007 17.198 0 31.163 13.844 31.358 30.996l0 0.018v257.952c-0.195 17.17-14.16 31.015-31.358 31.015-0.226 0-0.451-0.002-0.675-0.007l0.033 0.001c-17.082-0.090-30.904-13.923-30.976-31.001l-0-0.007v-225.952h-25.024c-40 0-69.44-37.28-61.984-75.008zM511.936 64.064c52.992 0 95.968 43.776 95.968 96.512-0.164 52.772-42.981 95.488-95.776 95.488-0.079 0-0.158-0-0.237-0l0.012 0c-52.96 0-95.968-42.752-95.968-95.488s43.008-96.512 96-96.512zM511.936 129.056c-18.016 0-32 14.016-32 32 0 18.016 13.984 32 32 32 17.984 0 32-14.016 32-32s-14.016-32-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_facilities_wc-woman_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 221,
+				"id": 3,
+				"name": "ic-db_facilities_wc-woman_32",
+				"prevSize": 32,
+				"code": 922226
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M831.008 288c36 0 72 8 105.984 23.008 14.016 5.984 20 16.992 20 28.992 0 16-12.992 32.992-30.976 32.992-4.742-0.039-9.216-1.144-13.206-3.088l0.182 0.080c-24.605-11.367-53.396-17.996-83.736-17.996-0.79 0-1.58 0.004-2.368 0.013l0.12-0.001c-37.024 0-133.024 5.984-133.024 191.008 0 166.976 79.040 185.984 139.008 185.984 29.344-0.945 57.059-6.733 82.76-16.585l-1.736 0.585c4.425-1.864 9.566-2.965 14.959-3.008l0.017-0c18.016 0 31.008 17.024 31.008 34.016 0 11.008-6.016 20.992-19.008 27.008-31.909 13.088-68.896 21.079-107.638 21.977l-0.362 0.007c-92.992 0-202.976-43.008-202.976-249.984 0-222.016 125.984-255.008 200.96-255.008zM64.96 328c-0.96-3.008-0.96-6.016-0.96-8.992 0-19.008 16.992-31.008 32.992-31.008 12.992 0 26.016 7.008 30.016 24l81.952 321.984 93.056-322.944c3.496-13.351 15.451-23.041 29.67-23.041 0.099 0 0.198 0 0.297 0.001l-0.015-0c14.016 0 27.008 8 31.008 23.008l89.984 322.976 85.024-321.984c4-16.992 17.024-24 30.016-24 16 0 32.992 12 32.992 31.008 0 1.984-0.992 5.984-1.984 8.992l-114.016 436c-4 16-16.992 24-31.008 24-0.096 0.001-0.209 0.002-0.322 0.002-14.208 0-26.156-9.675-29.614-22.796l-0.048-0.213-92-328-94.016 328c-4 16-16.96 23.008-29.984 23.008-14.016 0-27.008-8-31.008-24l-112-436z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["wc-sign"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 222,
+				"id": 4,
+				"name": "wc-sign",
+				"prevSize": 32,
+				"code": 922225
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 9
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-feature-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-feature-outline.json
new file mode 100644
index 0000000000..649f4c1a35
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-feature-outline.json
@@ -0,0 +1,540 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M862.304 366.016c-40.352 34.016-106.368 23.168-106.944 23.040-1.684-0.314-3.621-0.493-5.6-0.493-17.69 0-32.035 14.326-32.064 32.010l-0 0.003v418.24c0 31.552-25.632 57.184-57.12 57.184-31.52 0-57.152-25.6-57.152-57.184v-148.544c-0.091-17.635-14.389-31.9-32.029-31.936l-0.003-0c-0.018-0-0.040-0-0.061-0-5.675 0-11.003 1.483-15.619 4.083l0.16-0.083c-0.512 0.256-53.248 29.088-103.296 29.088-50.080 0-102.816-28.8-103.328-29.12-4.484-2.523-9.844-4.009-15.55-4.009-5.98 0-11.578 1.632-16.375 4.475l0.149-0.082c-9.503 5.684-15.768 15.917-15.776 27.615l-0 0.001v148.544c0 31.552-25.632 57.152-57.152 57.152-31.488 0-57.12-25.6-57.12-57.184v-354.24h384c15.823-0.010 28.958-11.503 31.525-26.595l0.027-0.189 49.216-295.168 74.88 74.816c3.413 3.434 7.605 6.089 12.289 7.678l0.223 0.066 155.2 51.776c-3.488 30.624-14.368 53.76-32.48 69.056zM938.112 243.936l-171.136-57.056-113.504-113.504c-5.788-5.8-13.789-9.388-22.629-9.388-15.829 0-28.971 11.504-31.521 26.608l-0.026 0.188-55.008 329.792h-387.136c-8.352-1.536-29.152-19.808-29.152-86.816 0-17.673-14.327-32-32-32s-32 14.327-32 32v0c0 91.552 33.024 127.424 59.424 141.6v363.52c0.091 66.856 54.264 121.029 121.111 121.12l0.009 0c66.892-0.073 121.097-54.289 121.152-121.179l0-0.005v-99.84c24.32 8.544 55.328 16.448 86.88 16.448 31.52 0 62.528-7.904 86.848-16.448v99.84c0.055 66.895 54.26 121.111 121.145 121.184l0.007 0c66.879-0.091 121.065-54.3 121.12-121.179l0-0.005v-384.096c33.376-0.192 82.624-6.976 121.44-39.424 37.728-31.552 56.864-79.040 56.864-140.96 0-0.006 0-0.014 0-0.022 0-14.044-9.065-25.97-21.663-30.248l-0.225-0.066z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 12,
+				"tags": ["db_ic_dog_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 61,
+				"id": 21,
+				"name": "db_ic_dog_32",
+				"prevSize": 32,
+				"code": 922265
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M630.24 863.968c0 17.696-14.336 32-32 32h-470.208c-17.664 0-32-14.304-32-32s14.336-32 32-32h470.24c17.664 0 32 14.304 32 32zM449.696 767.968c51.296 0 99.488-19.968 135.744-56.224 6.528-6.496 12.48-13.376 17.856-20.544 10.624-14.112 7.776-34.176-6.368-44.8-14.144-10.592-34.208-7.744-44.8 6.368-3.584 4.768-7.552 9.344-11.936 13.696-48.384 48.384-132.672 48.384-181.024 0-46.656-46.656-50.4-120.288-8.768-171.296 11.168-13.728 9.12-33.888-4.576-45.024-13.664-11.168-33.856-9.12-45.024 4.544-62.496 76.576-56.864 187.072 13.12 257.024 36.256 36.288 84.48 56.256 135.776 56.256zM433.696 274.848c35.36 0 64-28.64 64-64s-28.64-64-64-64-64 28.64-64 64 28.64 64 64 64zM734.304 767.968c3.936 0 7.968-0.704 11.84-2.272 16.416-6.528 24.416-25.152 17.856-41.568l-76.608-192c-4.832-12.192-16.64-20.16-29.728-20.16h-111.296l-18.56-64h63.008c17.664 0 32-14.304 32-32s-14.336-32-32-32h-81.568l-2.016-6.976c-10.048-33.568-41.568-57.024-76.64-57.024h-28.704c-17.664 0-32 14.304-32 32s14.336 32 32 32h28.704c7.008 0 13.312 4.672 15.264 11.136l45.792 157.792c3.968 13.696 16.512 23.104 30.72 23.104h113.632l68.576 171.84c4.992 12.544 17.024 20.16 29.728 20.16zM896.032 831.968h-169.76c-17.664 0-32 14.304-32 32s14.336 32 32 32h169.76c17.664 0 32-14.304 32-32s-14.336-32-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_steppless_entry_32"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 251,
+				"id": 0,
+				"name": "db_ic_steppless_entry_32",
+				"prevSize": 32,
+				"code": 922135
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M265.152 665.472c11.894 4.846 20.126 16.319 20.126 29.715 0 4.293-0.845 8.389-2.379 12.13l0.077-0.213-93.216 232.8c-4.854 11.883-16.323 20.104-29.712 20.104-17.677 0-32.008-14.33-32.008-32.008 0-4.288 0.843-8.38 2.373-12.118l-0.077 0.214 93.216-232.8c4.849-11.888 16.319-20.115 29.711-20.115 4.283 0 8.369 0.841 12.103 2.368l-0.214-0.077zM326.464 312.576c10.114 5.511 16.861 16.064 16.861 28.192 0 1.116-0.057 2.218-0.168 3.304l0.011-0.136-23.584 235.68 84.352 115.008c2.048 2.848 3.648 6.048 4.704 9.376l67.168 214.4c1.066 3.054 1.682 6.575 1.682 10.239 0 17.673-14.327 32-32 32-14.503 0-26.753-9.648-30.681-22.877l-0.058-0.226-65.536-209.376-88.448-120.576c-3.859-5.23-6.175-11.804-6.175-18.918 0-1.125 0.058-2.236 0.171-3.331l-0.011 0.137 17.12-171.040-31.904 26.112-35.904 117.504c-4.087 13.233-16.211 22.682-30.542 22.682-3.376 0-6.63-0.524-9.684-1.496l0.226 0.062c-13.216-4.135-22.64-16.267-22.64-30.601 0-3.331 0.509-6.543 1.453-9.562l-0.061 0.227 38.72-126.784c1.941-6.22 5.54-11.453 10.28-15.348l0.056-0.044 99.2-81.184c5.462-4.511 12.535-7.248 20.247-7.248 5.548 0 10.766 1.416 15.311 3.907l-0.166-0.083zM506.56 579.904c5.814-5.97 13.93-9.674 22.911-9.674 8.695 0 16.579 3.471 22.343 9.104l265.914 259.066c6.368 5.868 10.343 14.249 10.343 23.558 0 17.673-14.327 32-32 32-9.015 0-17.159-3.728-22.976-9.726l-0.008-0.008-265.92-259.072c-5.982-5.821-9.694-13.949-9.694-22.944 0-8.677 3.453-16.547 9.061-22.311l-0.007 0.007zM426.208 402.304l15.488 56.672 47.488 48.576c5.636 5.765 9.113 13.66 9.113 22.368 0 17.678-14.331 32.009-32.009 32.009-8.97 0-17.079-3.69-22.89-9.635l-0.006-0.006-53.248-54.496c-3.701-3.779-6.475-8.481-7.946-13.727l-0.054-0.225-17.664-64.64c-0.686-2.473-1.080-5.312-1.080-8.244 0-17.673 14.327-32 32-32 14.593 0 26.904 9.768 30.752 23.122l0.056 0.226zM864 895.968c-16.544 0-32 15.456-32 32s15.456 32 32 32 32-15.456 32-32-15.456-32-32-32zM333.12 261.12c54.404-0.073 98.487-44.156 98.56-98.553l0-0.007c-0.073-54.404-44.156-98.487-98.553-98.56l-0.007-0c-54.404 0.073-98.487 44.156-98.56 98.553l-0 0.007c0.073 54.404 44.156 98.487 98.553 98.56l0.007 0zM333.12 128c19.089 0.009 34.56 15.486 34.56 34.576 0 19.096-15.48 34.576-34.576 34.576-0.006 0-0.011-0-0.017-0l0.001 0c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_person_with_cane_32"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 377,
+				"id": 1,
+				"name": "db_ic_person_with_cane_32",
+				"prevSize": 32,
+				"code": 922231
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M397.12 261.12c54.404-0.073 98.487-44.156 98.56-98.553l0-0.007c-0.073-54.404-44.156-98.487-98.553-98.56l-0.007-0c-54.397 0.091-98.469 44.163-98.56 98.551l-0 0.009c0.073 54.404 44.156 98.487 98.553 98.56l0.007 0zM397.12 128c19.096 0 34.576 15.48 34.576 34.576s-15.48 34.576-34.576 34.576h-0c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h-0zM333.76 317.984l86.144 84.896 71.904 18.464c17.12 4.448 27.424 21.888 23.040 39.008-3.662 13.937-16.148 24.051-30.997 24.051-2.835 0-5.585-0.369-8.202-1.061l0.223 0.050-80.224-20.64c-5.694-1.504-10.59-4.367-14.499-8.227l-67.837-66.845c-30.016 38.976-77.536 117.344-34.176 180.384l121.728 123.040c4.672 4.704 7.744 10.784 8.832 17.312l35.136 214.432c0.269 1.558 0.423 3.353 0.423 5.184 0 17.677-14.33 32.007-32.007 32.007-15.846 0-29.002-11.515-31.558-26.634l-0.026-0.188-33.472-204.384-116.416-117.664c-1.143-1.148-2.203-2.38-3.169-3.686l-0.063-0.090c-94.72-131.392 53.728-282.848 60.096-289.216 5.794-5.808 13.806-9.402 22.657-9.402 8.755 0 16.689 3.516 22.467 9.213l-0.004-0.004zM560 864c26.51 0 48 21.49 48 48s-21.49 48-48 48v0c-26.51 0-48-21.49-48-48s21.49-48 48-48v0zM847.968 864c26.51 0 48 21.49 48 48s-21.49 48-48 48v0c-26.51 0-48-21.49-48-48s21.49-48 48-48v0zM229.376 664.256c13.843 3.727 23.864 16.168 23.864 30.949 0 2.888-0.383 5.686-1.1 8.347l0.051-0.224-61.216 232.8c-4.116 13.266-16.279 22.734-30.653 22.734-17.691 0-32.032-14.341-32.032-32.032 0-2.466 0.279-4.867 0.806-7.173l-0.041 0.215 61.216-232.8c3.695-13.851 16.128-23.886 30.905-23.886 2.915 0 5.74 0.391 8.423 1.122l-0.224-0.052zM640 448c14.919 0.004 27.452 10.218 30.992 24.034l0.048 0.222 25.92 103.744h135.040c0.001-0 0.002-0 0.004-0 17.673 0 32 14.327 32 32 0 8.065-2.984 15.433-7.907 21.061l0.032-0.037-70.816 81.248 25.92 103.808c0.694 2.487 1.093 5.343 1.093 8.292 0 17.673-14.327 32-32 32-15.11 0-27.773-10.472-31.129-24.554l-0.044-0.218-15.104-60.512-72.256 82.912c-5.882 6.766-14.504 11.019-24.118 11.019-8.075 0-15.449-3-21.069-7.946l0.035 0.030c-6.744-5.898-10.98-14.518-10.98-24.128 0-8.065 2.984-15.434 7.908-21.061l-0.032 0.037 148.16-169.952h-89.696c-14.919-0.004-27.452-10.218-30.992-24.034l-0.048-0.222-25.92-103.744h-39.040c-17.673 0-32-14.327-32-32s14.327-32 32-32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_person_with_rollator_32"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 376,
+				"id": 2,
+				"name": "db_ic_person_with_rollator_32",
+				"prevSize": 32,
+				"code": 921992
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M938.112 243.936l-171.136-57.056-113.504-113.504c-5.777-5.794-13.767-9.379-22.594-9.379-3.499 0-6.865 0.563-10.015 1.604l0.225-0.065c-11.342 3.695-19.772 13.266-21.766 25.028l-0.026 0.188-54.976 329.824h-3.456l-363.328-347.712c-5.737-5.498-13.537-8.883-22.128-8.883-17.675 0-32.003 14.328-32.003 32.003 0 9.084 3.785 17.284 9.863 23.109l0.011 0.011 314.976 301.44h-291.104c-8.352-1.536-29.152-19.808-29.152-86.848 0-17.673-14.327-32-32-32s-32 14.327-32 32v0c0 91.584 33.024 127.456 59.424 141.6v363.52c0.055 66.895 54.26 121.111 121.145 121.184l0.007 0c66.881-0.073 121.079-54.271 121.152-121.145l0-0.007v-99.84c24.288 8.512 55.328 16.416 86.848 16.416s62.56-7.904 86.848-16.416v99.84c0.073 66.881 54.271 121.079 121.145 121.152l0.007 0c66.881-0.073 121.079-54.271 121.152-121.145l0-0.007v-384.128c33.376-0.224 82.624-7.008 121.408-39.424 37.728-31.552 56.864-79.040 56.864-141.024 0-0.006 0-0.014 0-0.022 0-14.044-9.065-25.97-21.663-30.248l-0.225-0.066zM349.248 662.304c-4.467-2.51-9.805-3.989-15.488-3.989-17.671 0-32.003 14.295-32.064 31.951l-0 0.006v148.576c0 31.552-25.632 57.152-57.152 57.152-31.55-0.036-57.116-25.603-57.152-57.149l-0-0.003v-354.24h308.576v200.64c-12.953 3.671-27.871 5.909-43.269 6.174l-0.155 0.002c-50.080 0-102.784-28.8-103.328-29.088h0.032zM660.576 896c-31.55-0.036-57.116-25.603-57.152-57.149l-0-0.003v-148.576c-0.018-17.659-14.338-31.968-32-31.968-0.011 0-0.023 0-0.034 0l0.002-0c-4.128 0.093-8.030 0.955-11.603 2.446l0.211-0.078v-161.216l157.728 61.792v277.6c0 31.52-25.632 57.152-57.152 57.152zM862.304 366.016c-40.352 34.016-106.368 23.2-106.944 23.072-1.693-0.318-3.641-0.5-5.632-0.5-17.673 0-32 14.327-32 32 0 0.007 0 0.014 0 0.021l-0-0.001v72l-113.12-44.384 47.616-285.6 74.88 74.88c3.421 3.412 7.61 6.055 12.287 7.645l0.225 0.067 155.2 51.744c-3.456 30.624-14.336 53.824-32.48 69.056z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_support_dog_32"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 375,
+				"id": 3,
+				"name": "db_ic_support_dog_32",
+				"prevSize": 32,
+				"code": 922133
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M864 64c53.019 0 96 42.981 96 96v0 704c0 53.019-42.981 96-96 96v0h-704c-53.019 0-96-42.981-96-96v0-704c0-53.019 42.981-96 96-96v0zM864 128h-704c-16.352 0.002-29.838 12.269-31.761 28.102l-0.015 0.154-0.224 3.744v704c0.002 16.352 12.269 29.838 28.102 31.761l0.154 0.015 3.744 0.224h704c16.352-0.002 29.838-12.269 31.761-28.102l0.015-0.154 0.224-3.744v-704c-0.002-16.352-12.269-29.838-28.102-31.761l-0.154-0.015zM517.632 270.72c55.040 0 96 10.976 122.88 32.96s40.32 55.136 40.32 99.52c0 32.32-7.392 57.312-27.2 80.96-13.216 15.744-37.44 28.512-72.736 38.272 14.816 6.72 29.12 20.192 42.976 40.384l65.6 104.96c12.16 19.52 6.88 48.096-14.336 61.376-21.248 13.248-46.784 6.848-60.992-14.336-11.52-17.888-37.28-59.456-77.312-124.736-8.544-13.664-15.904-23.776-22.080-30.4-4.96-5.28-10.4-16.192-36.864-17.44l-30.336-0.16v145.92c0 26.51-21.49 48-48 48v0c-24.96 0-48-21.184-48-48v-369.28c0-24.96 19.776-47.936 48-48l89.44-0.032zM511.872 341.12h-64.32v136.32h64.96c27.424 0.256 46.368-6.4 56.64-16.32 11.296-10.88 16.96-28.48 16.96-52.8 0-25.184-5.568-42.656-16.64-52.48-10.080-8.928-32.64-14.72-57.6-14.72z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_reservation_32"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 165,
+				"id": 4,
+				"name": "db_ic_reservation_32",
+				"prevSize": 32,
+				"code": 921977
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M864 64c53.019 0 96 42.981 96 96v0 704c0 53.019-42.981 96-96 96v0h-704c-53.019 0-96-42.981-96-96v0-704c0-53.019 42.981-96 96-96v0zM864 128h-704c-16.416 0-32 14.4-32 32v704c0 16.416 13.312 32 32 32 234.656 0.064 469.344 0.064 704 0 16.416 0 32-13.184 32-32 0.064-234.656 0.064-469.344 0-704 0-16.416-14.592-32-32-32zM534.72 269.12c56.544 0 102.368 10.976 121.408 17.728 19.040 6.72 28.992 27.616 22.272 46.656-6.368 17.952-25.6 27.84-43.904 22.496-10.464-3.040-48.576-14.56-97.216-14.56-35.84 0-64.32 6.624-85.44 19.84s-36.16 32.544-45.12 57.92-13.44 57.504-13.44 96.32c0 40.096 4.8 72.416 14.4 96.96s24.544 42.656 44.8 54.4 47.040 17.6 80.32 17.6c0.429 0.003 0.936 0.004 1.443 0.004 12.363 0 24.508-0.932 36.369-2.73l-1.332 0.166c6.080-0.96 12.576-2.24 19.52-3.872 4.984-1.163 8.641-5.568 8.641-10.827 0-0.041-0-0.082-0.001-0.123l0 0.006c0.064-28 0.064-56.032 0-84.064 0.001-0.048 0.002-0.105 0.002-0.162 0-4.33-3.51-7.84-7.84-7.84-0.057 0-0.114 0.001-0.17 0.002l0.008-0c-5.654-0.031-12.345-0.048-19.040-0.048s-13.386 0.017-20.072 0.052l1.032-0.004c-17.664 0-32-17.184-32-34.848 0-16.48 13.44-34.88 32-34.912 34.976-0.064 69.984-0.064 104.96 0 17.673-0 32 14.327 32 32v0c0.064 54.4 0.064 108.736 0 163.136 0 13.856-8.96 25.216-22.080 30.4-16.366 6.648-35.778 12.424-55.847 16.365l-2.073 0.339c-25.184 4.896-51.424 7.36-78.72 7.36-79.776 0-139.2-20.064-178.24-60.16s-58.56-99.84-58.56-179.2c0-53.344 9.376-98.336 28.16-135.040 18.286-36.021 46.715-64.656 81.517-82.708l1.043-0.492c36.256-18.784 80-28.16 131.2-28.16z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_platform_32"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 164,
+				"id": 5,
+				"name": "db_ic_platform_32",
+				"prevSize": 32,
+				"code": 128740
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M844.384 134.72c11.84-10.496 30.72-8.896 42.24 2.656 11.52 11.52 13.056 30.976 2.656 42.24l-428.032 428.384h409.6c19.648 0 35.52 3.392 47.68 10.208 13.408 7.136 24.128 17.856 31.264 31.264 6.336 11.84 10.208 22.592 10.208 54.528 0 32-2.944 40.992-10.208 54.528-7.207 13.369-17.895 24.057-30.863 31.066l-0.401 0.198c-11.84 6.336-24.096 9.408-40.416 10.080l-608.864 0.128-89.632 89.28c-5.344 4.253-12.192 6.823-19.641 6.823-8.847 0-16.847-3.627-22.595-9.474l-0.004-0.005c-11.52-11.52-12.864-30.944-2.656-42.24zM284.32 608l-64.032 64.032h-71.040c-6.080 0.16-12.48 0.256-15.936 3.936-3.52 3.68-5.312 7.872-5.312 14.592v25.44c0 5.12 1.44 11.84 4.288 15.040 2.88 3.2 9.536 4.704 16.832 4.896l7.2 0.064-52.704 52.8c-10.656-6.080-22.656-16.672-29.44-30.272-6.72-13.568-10.176-22.528-10.176-54.528 0-31.968 2.944-40.992 10.208-54.528 7.136-13.408 17.856-24.128 31.264-31.264 11.84-6.336 24.096-9.408 40.416-10.080zM397.216 672.032l-63.968 63.968h537.6c8.768 0 13.696-0.512 18.432-3.584 4.736-3.104 6.72-8.64 6.72-16.416v-25.44c0-11.072-5.408-14.72-7.648-15.936-2.88-1.536-6.176-2.368-13.472-2.56l-477.664-0.064zM116.864 169.728c5.787-5.77 13.773-9.337 22.592-9.337 8.851 0 16.862 3.593 22.655 9.401l0.001 0.001c59.488 59.648 58.656 129.664 0.448 197.28l-10.336 11.68c-28.416 33.824-29.536 64.128-14.4 93.472 2.56 4.96 6.56 10.944 12 17.888 12.096 13.184 12.096 32.896-0.544 45.248-5.76 5.619-13.643 9.085-22.336 9.085-8.979 0-17.094-3.698-22.906-9.654l-0.006-0.007c-8.944-9.572-16.624-20.491-22.67-32.381l-0.37-0.803c-26.56-51.456-23.872-109.952 23.36-165.312l10.016-11.328c37.088-42.88 36.992-75.36 2.432-109.984-5.77-5.787-9.337-13.773-9.337-22.592 0-8.851 3.593-16.862 9.401-22.655l0.001-0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_no_smoking_32"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 163,
+				"id": 6,
+				"name": "db_ic_no_smoking_32",
+				"prevSize": 32,
+				"code": 922230
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M511.456 142.4c1.821-3.898 2.884-8.463 2.884-13.277 0-17.673-14.327-32-32-32-0.857 0-1.707 0.034-2.547 0.1l0.111-0.007c-215.936 16.512-383.904 196.992-383.904 414.784 0 229.76 186.24 416 416 416 0.029 0 0.063 0 0.097 0 167.356 0 311.63-98.824 377.65-241.3l1.069-2.572c1.813-3.89 2.87-8.444 2.87-13.246 0-17.673-14.327-32-32-32-0.864 0-1.72 0.034-2.566 0.101l0.112-0.007c-9.024 0.672-18.112 1.024-27.232 1.024-194.4 0-352-157.6-352-352 0-50.944 10.816-100.288 31.456-145.6zM433.344 168.8c-1.28 4.224-19.904 63.552-17.216 129.024 4.96 215.424 174.592 392.288 391.392 405.408-68.8 102.816-176.064 160.768-295.52 160.768-194.4 0-352-157.6-352-352 0-165.536 106.080-295.328 273.344-343.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_night_32"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 162,
+				"id": 7,
+				"name": "db_ic_night_32",
+				"prevSize": 32,
+				"code": 922249
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M192 896c-17.673 0-32-14.327-32-32s14.327-32 32-32v0-340.064c-29.202-20.472-48.058-53.977-48.058-91.886 0-6.973 0.638-13.798 1.859-20.418l-0.105 0.688 41.696-201.28c6.121-29.326 31.757-51.040 62.465-51.040 0.067 0 0.134 0 0.201 0l-0.010-0h523.904c28.544 0 56.16 19.84 62.688 51.040l41.408 199.328c1.28 7.296 1.952 14.464 1.952 21.632 0 38.048-18.976 71.68-48 91.904v340.096c17.673 0 32 14.327 32 32v0c0 16.416-12.864 32-32 32zM768 704h-512v128h512zM703.968 491.872c-19.2 13.44-40.512 20.128-63.968 20.128s-44.8-6.72-64.032-20.128c-19.2 13.44-40.512 20.128-63.968 20.128s-44.8-6.72-64.032-20.128c-19.2 13.44-40.512 20.128-63.968 20.128s-44.8-6.72-64.032-20.128c-19.84 13.824-41.152 20.544-63.968 20.128v128h512v-128c-0.052 0-0.113 0-0.174 0-23.911 0-46.062-7.536-64.207-20.362l0.349 0.234zM773.952 192h-523.904l-41.408 200.256c-0.387 2.29-0.608 4.927-0.608 7.617 0 0.045 0 0.089 0 0.134l-0-0.007c0 26.496 18.048 48 48 48 19.968 0 41.28-16 63.968-48 22.464 32 43.84 48 64.032 48 20.224 0 41.536-16 63.968-48 23.232 32 44.608 48 64.16 48 19.52 0 40.8-16 63.84-48 22.72 32 44.096 48 64.032 48s41.28-16 63.968-48c23.2 32 44.544 48 64.032 48 29.248 0 48-21.504 48-48 0-2.24-0.576-7.52-0.8-9.632z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_marketplace_32"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 161,
+				"id": 8,
+				"name": "db_ic_marketplace_32",
+				"prevSize": 32,
+				"code": 921976
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M384 160c17.673 0 32 14.327 32 32v0c0 16.416-12.704 32-32 31.776l-164.928 0.224c-34.176 0-46.368 2.336-58.88 9.056-9.918 5.298-17.838 13.218-22.991 22.84l-0.145 0.296c-5.76 10.72-8.32 21.216-8.896 45.504v420.608c0.608 24.32 3.136 34.784 8.896 45.504 5.376 10.048 13.088 17.76 23.136 23.136 10.72 5.76 21.216 8.32 45.504 8.896l178.304 0.16c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-164.928c-43.84 0-66.016-4.288-89.056-16.608-21.137-11.376-38.032-28.271-49.096-48.775l-0.312-0.633c-11.52-21.504-16-42.24-16.544-80.576l-0.064-402.336c0-43.84 4.288-66.016 16.608-89.056 11.381-21.124 28.274-38.008 48.775-49.064l0.633-0.312c21.504-11.52 42.24-16 80.576-16.544zM768 320c106.033 0.008 191.986 85.966 191.986 192 0 106.039-85.961 192-192 192-70.679 0-132.439-38.191-165.768-95.063l-0.49-0.905-89.728-0.032c-0.009 0-0.020 0-0.031 0-5.277 0-10.256-1.277-14.644-3.54l0.179 0.084-33.568-22.112-30.336 20.224c-4.98 3.352-11.114 5.351-17.715 5.351-5.131 0-9.98-1.208-14.279-3.354l0.185 0.084-33.824-22.272-30.208 20.16c-3.964 2.677-8.71 4.511-13.83 5.137l-0.154 0.015-35.776 0.224c-0.001 0-0.002 0-0.003 0-7.352 0-14.125-2.479-19.528-6.647l0.075 0.055-67.2-66.784c-5.779-5.789-9.354-13.781-9.354-22.608 0-7.431 2.533-14.27 6.782-19.702l-0.053 0.070 66.656-67.008c4.822-4.818 11.175-8.105 18.266-9.070l0.166-0.018 317.888-0.32c33.804-57.776 95.553-95.968 166.221-95.968 0.029 0 0.058 0 0.087 0l-0.004-0zM768 384c-0.016-0-0.034-0-0.053-0-47.989 0-89.808 26.415-111.71 65.498l-0.332 0.646c-9.696 17.408-14.4 29.856-36.672 29.856h-317.984l-31.968 32 32 32h8.992l40-26.624c4.986-3.364 11.13-5.369 17.742-5.369 5.12 0 9.96 1.203 14.251 3.341l-0.186-0.084 33.856 22.272 30.336-20.16c4.983-3.358 11.122-5.36 17.729-5.36 5.113 0 9.946 1.199 14.233 3.332l-0.186-0.084 43.648 28.736h98.784c24.416 0 32.448 24.192 33.44 26.112 21.638 41.808 64.564 69.888 114.048 69.888 70.692 0 128-57.308 128-128 0-70.681-57.289-127.982-127.967-128l-0.002-0zM768 464c26.51 0 48 21.49 48 48s-21.49 48-48 48v0c-26.51 0-48-21.49-48-48s21.49-48 48-48v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_luggage_compartment_32"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 160,
+				"id": 9,
+				"name": "db_ic_luggage_compartment_32",
+				"prevSize": 32,
+				"code": 922228
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M511.2 64c20.672 0 39.936 10.24 51.488 27.424 27.648 41.12 72.8 108.032 112.128 166.272 3.179 4.886 5.069 10.864 5.069 17.283 0 17.673-14.327 32-32 32-10.727 0-20.221-5.278-26.027-13.379l-0.066-0.096c-39.36-58.24-84.544-125.216-112.192-166.368-20.064 31.872-49.664 77.216-79.36 122.24l-9.856 14.944c-90.984 141.734-121.489 187.052-152.129 232.271l59.553-93.199-2.048 3.072-1.184 1.76c-54.912 79.552-82.656 151.584-82.656 214.368 0 158.432 113.568 273.408 270.016 273.408s270.016-114.976 270.016-273.408c0-59.872-25.536-128.576-75.936-204.128-2.929-4.742-4.665-10.491-4.665-16.646 0-17.691 14.341-32.032 32.032-32.032 10.594 0 19.987 5.143 25.818 13.069l0.062 0.089c57.504 86.272 86.688 166.912 86.688 239.616 0 192.352-143.584 337.408-334.016 337.408-190.432 0.064-334.016-144.992-334.016-337.344 0-76.032 31.552-160.288 93.76-250.4l1.28-1.92c8-11.84 51.264-76.384 96.96-144.576l9.824-14.656 79.712-119.296c11.247-16.788 30.117-27.708 51.542-27.776l0.010-0zM634.784 621.024c14.976 0 26.592 3.808 34.528 11.296 8 7.52 12.064 18.56 12.064 32.768 0 9.344-1.92 17.888-5.696 25.44-4.213 8.166-9.323 15.176-15.34 21.292l0.012-0.012-2.496 2.528c-4.495 4.467-9.102 8.872-13.793 13.186l-0.351 0.318h30.208c7.914 0.028 14.319 6.45 14.319 14.368 0 0.53-0.029 1.053-0.085 1.568l0.006-0.064c-0.936 8.51-8.086 15.072-16.768 15.072l-65.856 0c-0.034 0-0.074 0-0.114 0-6.818 0-12.564-4.585-14.325-10.84l-0.025-0.105c-0.355-1.21-0.56-2.6-0.56-4.038 0-2.718 0.73-5.266 2.006-7.457l-0.038 0.071c1.653-2.786 3.63-5.169 5.921-7.205l0.031-0.027 6.176-5.568c9.856-9.024 17.248-16.288 22.56-22.112 4.666-4.962 8.666-10.628 11.81-16.804l0.19-0.412c2.464-5.065 3.905-11.019 3.905-17.31 0-0.091-0-0.181-0.001-0.272l0 0.014c0-5.184-1.088-8.928-3.232-11.104s-5.824-3.264-10.976-3.264c-4.512 0-8.928 0.704-13.12 2.048l-0.96 0.32c-1.311 0.459-2.822 0.725-4.396 0.725-5.931 0-10.982-3.77-12.886-9.045l-0.030-0.095-0.256-0.736c-0.517-1.454-0.816-3.131-0.816-4.877 0-6.039 3.575-11.243 8.723-13.612l0.093-0.038c2.784-1.312 5.728-2.432 8.704-3.328 6.464-1.792 13.44-2.688 20.864-2.688zM541.856 433.408c15.136 0 27.424 12.288 27.424 27.424v206.624c0 15.146-12.278 27.424-27.424 27.424s-27.424-12.278-27.424-27.424v0-85.408h-87.424v85.408c0 15.146-12.278 27.424-27.424 27.424s-27.424-12.278-27.424-27.424h-0v-206.624c0-15.146 12.278-27.424 27.424-27.424s27.424 12.278 27.424 27.424v0 79.776h87.424v-79.776c0-15.136 12.288-27.424 27.424-27.424z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_hydrogen_32"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 159,
+				"id": 10,
+				"name": "db_ic_hydrogen_32",
+				"prevSize": 32,
+				"code": 921975
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M931.2 211.168c18.752 2.4 30.336 21.664 25.44 39.84-72.992 270.88-188.48 432.96-330.176 495.616-102.304 45.248-213.568 32.064-282.432-17.984-52.256 14.656-106.432 21.44-160.704 15.936-35.564-3.455-68.25-11.298-99.007-23.045l2.591 0.869c-38.944-17.472-17.536-73.6 22.688-59.84 23.277 9.079 50.27 15.55 78.379 18.181l1.205 0.091c137.184 12.864 273.28-62.080 379.52-141.6 50.752-37.632 101.824-83.584 153.216-137.824 25.92-28.896 72.576 4.96 50.208 39.2 0 0-55.36 62.656-120.48 114.656-65.312 53.696-139.328 105.792-226.176 143.936 50.56 17.184 194.464 37.312 327.264-141.248 52.256-73.44 96.256-169.408 132-287.936-70.304-5.12-133.376-3.104-189.28 6.112-130.848 22.816-284.064 85.088-351.456 265.792-12.544 33.184-70.88 25.824-59.808-22.752 40.32-107.072 118.88-206.848 255.296-264.736 101.376-42.496 240.32-64.352 391.712-43.232z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_environmental_mobility_check_32"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 158,
+				"id": 11,
+				"name": "db_ic_environmental_mobility_check_32",
+				"prevSize": 32,
+				"code": 922227
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 800c17.673 0 32 14.327 32 32v0 96c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-96c0-17.673 14.327-32 32-32v0zM308.352 715.648c5.789 5.791 9.369 13.789 9.369 22.624s-3.58 16.833-9.369 22.624l-67.872 67.904c-5.794 5.794-13.799 9.378-22.64 9.378-17.683 0-32.018-14.335-32.018-32.018 0-8.841 3.584-16.846 9.378-22.64l-0 0 67.84-67.872c5.792-5.798 13.797-9.385 22.64-9.385s16.848 3.587 22.64 9.385l0 0zM760.896 715.648l67.872 67.872c6.027 5.827 9.769 13.985 9.769 23.017 0 17.673-14.327 32-32 32-9.032 0-17.19-3.742-23.009-9.76l-0.009-0.009-67.872-67.84c-5.797-5.793-9.382-13.798-9.382-22.64 0-17.677 14.33-32.006 32.006-32.006 8.834 0 16.833 3.579 22.624 9.367l-0-0zM512 288c123.712 0 224 100.288 224 224s-100.288 224-224 224v0c-123.712 0-224-100.288-224-224s100.288-224 224-224v0zM512 352c-88.366 0-160 71.634-160 160s71.634 160 160 160v0c88.366 0 160-71.634 160-160s-71.634-160-160-160v0zM928 480c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-96c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM192 480c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-96c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM828.8 195.2c5.798 5.792 9.385 13.797 9.385 22.64s-3.587 16.848-9.385 22.64l-67.904 67.872c-5.827 6.027-13.985 9.769-23.017 9.769-17.673 0-32-14.327-32-32 0-9.032 3.742-17.19 9.76-23.009l0.009-0.009 67.872-67.904c5.791-5.789 13.789-9.369 22.624-9.369s16.833 3.58 22.624 9.369l-0-0zM240.48 195.2l67.872 67.904c6.027 5.827 9.769 13.985 9.769 23.017 0 17.673-14.327 32-32 32-9.032 0-17.19-3.742-23.009-9.76l-0.009-0.009-67.904-67.872c-5.794-5.794-9.378-13.799-9.378-22.64 0-17.683 14.335-32.018 32.018-32.018 8.841 0 16.846 3.584 22.64 9.378l-0-0zM512 64c17.673 0 32 14.327 32 32v0 96c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-96c0-17.673 14.327-32 32-32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_day_32"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 157,
+				"id": 12,
+				"name": "db_ic_day_32",
+				"prevSize": 32,
+				"code": 9728
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 224c70.692 0 128 57.308 128 128v0c0 59.2-40.704 89.504-61.76 104.32-21.024 14.784-31.936 14.784-33.6 40l-0.64 25.056 356.352 123.008c31.618 11.163 53.866 40.789 53.866 75.611 0 9.366-1.609 18.356-4.567 26.709l0.173-0.56c-10.528 30.432-38.4 52.672-74.496 53.856h-725.536c-0.021 0-0.046 0-0.071 0-44.183 0-80-35.817-80-80 0-32.855 19.806-61.085 48.13-73.4l0.517-0.2 361.664-125.056c0-60.8 8.768-86.4 47.712-108.864 34.72-20.64 48.256-37.248 48.256-60.48 0-35.346-28.654-64-64-64v0c-33.728 0-62.272 25.6-64 64 0 17.673-14.327 32-32 32s-32-14.327-32-32v0c0-70.692 57.308-128 128-128v0zM512 579.776c-3.904 0-10.016 1.472-18.24 4.416l-349.216 120.672c-6.339 2.224-10.802 8.157-10.802 15.132 0 7.836 5.634 14.357 13.072 15.733l0.099 0.015 727.296 0.256c0.003 0 0.007 0 0.010 0 6.968 0 12.896-4.455 15.091-10.672l0.034-0.112c2.56-7.424 0-18.080-14.016-21.696l-345.088-119.36c-8.224-2.912-14.336-4.384-18.24-4.384z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_clothing_hanger_32"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 156,
+				"id": 13,
+				"name": "db_ic_clothing_hanger_32",
+				"prevSize": 32,
+				"code": 921984
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M648.544 745.728c13.248 0 25.856 1.504 37.824 4.48 23.072 6.496 14.88 43.008-7.584 36.928-8.642-2.129-18.57-3.364-28.782-3.392l-0.018-0c-12.672 0-22.816 2.4-30.4 7.2s-13.12 12.48-16.544 23.040c-3.456 10.56-5.184 24.576-5.184 42.048 0 24.96 4.032 42.912 12.096 53.856s21.312 16.416 39.744 16.416c0.083 0 0.181 0 0.279 0 10.342 0 20.4-1.213 30.040-3.505l-0.88 0.176c8.864-2.24 16.32-0.096 19.52 5.216 4.48 7.584 3.424 22.528-6.912 28-12.608 6.72-29.76 8.128-44.928 8.128-33.792 0-59.328-9.216-76.608-27.648s-25.92-45.216-25.92-80.352c0-35.52 8.96-62.816 26.912-81.92 17.952-19.136 43.744-28.672 77.344-28.672zM426.464 750.336c11.456 0 21.76 7.040 25.824 17.76l61.824 161.184c1.054 2.659 1.665 5.739 1.665 8.963 0 10.623-6.637 19.696-15.99 23.3l-0.171 0.058c-2.564 0.999-5.532 1.578-8.636 1.578-10.395 0-19.273-6.497-22.796-15.651l-0.056-0.167-11.968-31.712h-72l-12.64 34.432c-2.772 7.414-9.795 12.596-18.029 12.596-2.53 0-4.945-0.489-7.157-1.378l0.129 0.046c-7.399-2.962-12.53-10.071-12.53-18.379 0-2.563 0.488-5.012 1.377-7.259l-0.047 0.134 65.312-167.776c4.151-10.464 14.185-17.728 25.917-17.728 0.001 0 0.002 0 0.003 0l-0-0zM420.16 815.136l-24.192 67.392h48.384zM512 68c14.272 0 28.256 11.712 28 28v55.808l34.496-34.464c5.066-5.063 12.063-8.194 19.792-8.194s14.726 3.131 19.792 8.194l-0-0c4.972 5.107 8.039 12.092 8.039 19.792s-3.066 14.685-8.045 19.798l0.006-0.006-74.080 74.112v104.48l97.344-56.192 25.28-94.336c3.302-12.053 14.158-20.764 27.049-20.764 2.58 0 5.079 0.349 7.452 1.002l-0.197-0.046c12.052 3.21 20.786 14.026 20.786 26.882 0 2.642-0.369 5.197-1.058 7.618l0.048-0.196-10.784 40.256 41.504-23.968c4.015-2.357 8.844-3.75 13.997-3.75 10.305 0 19.31 5.567 24.171 13.858l0.072 0.132c2.276 4.001 3.618 8.789 3.618 13.891 0 9.551-4.701 18.003-11.916 23.17l-0.086 0.058-52.064 30.112 53.984 14.464c12.053 3.302 20.764 14.158 20.764 27.049 0 2.58-0.349 5.079-1.002 7.452l0.046-0.197c-3.68 13.696-17.696 23.36-32 20.416l-110.4-29.6-88.64 51.2 102.368 59.072 94.4-25.28c2.156-0.596 4.632-0.938 7.187-0.938 12.896 0 23.755 8.718 27.007 20.582l0.046 0.196c3.68 13.664-4.096 30.208-19.776 34.272l-40.256 10.784 36.48 21.056c8.432 4.932 14.006 13.943 14.006 24.256 0 15.467-12.539 28.006-28.006 28.006-5.155 0-9.984-1.393-14.132-3.822l0.132 0.072-45.184-26.112 14.464 53.984c0.7 2.331 1.103 5.009 1.103 7.781 0 15.464-12.536 28-28 28-13.080 0-24.065-8.969-27.141-21.092l-0.042-0.194-28.96-108.064-93.664-54.080v116.064l74.080 74.112c4.756 5.008 7.682 11.796 7.682 19.266 0 15.464-12.536 28-28 28-7.47 0-14.257-2.926-19.278-7.693l0.012 0.011-34.496-34.496v44.224c0 15.402-12.486 27.888-27.888 27.888s-27.888-12.486-27.888-27.888l0-0-0.224-44.256-34.496 34.496c-5.113 5.384-12.324 8.734-20.318 8.734-15.464 0-28-12.536-28-28 0-7.994 3.35-15.205 8.722-20.307l0.012-0.011 74.080-74.112v-116.064l-93.664 54.080-28.96 108.064c-3.295 12.064-14.156 20.786-27.055 20.786-2.567 0-5.052-0.345-7.414-0.992l0.196 0.046c-13.696-3.712-24.128-18.56-19.808-34.336l14.464-53.984-45.184 26.112c-4.016 2.358-8.845 3.75-14 3.75-15.467 0-28.006-12.539-28.006-28.006 0-10.313 5.574-19.324 13.874-24.184l0.132-0.072 36.448-21.056-40.224-10.784c-12.317-3.118-21.285-14.103-21.285-27.183 0-15.464 12.536-28 28-28 2.772 0 5.451 0.403 7.979 1.153l-0.198-0.050 94.368 25.248 102.368-59.104-88.672-51.168-108.064 28.992c-2.331 0.7-5.009 1.103-7.781 1.103-15.464 0-28-12.536-28-28 0-13.080 8.969-24.065 21.092-27.141l0.194-0.042 53.984-14.496-50.208-28.96c-8.432-4.932-14.006-13.943-14.006-24.256 0-15.467 12.539-28.006 28.006-28.006 5.155 0 9.984 1.393 14.132 3.822l-0.132-0.072 41.504 23.968-10.784-40.256c-0.607-2.176-0.956-4.675-0.956-7.255 0-12.891 8.711-23.747 20.568-27.003l0.197-0.046c13.696-3.648 28.928 2.944 34.272 19.84l25.28 94.304 97.344 56.192v-104.48l-74.080-74.080c-5.063-5.066-8.194-12.063-8.194-19.792s3.131-14.726 8.194-19.792l-0 0c10.016-10.016 25.856-11.68 38.88-0.864l35.2 35.328v-55.808c0-15.456 12.544-28 28-28z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_feature_air-condition_32"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 12,
+				"id": 14,
+				"name": "ic-db_feature_air-condition_32",
+				"prevSize": 32,
+				"code": 10052
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M813.504 424.768c5.358 5.707 8.649 13.409 8.649 21.88 0 3.36-0.518 6.6-1.479 9.643l0.062-0.227-59.2 196.896c-9.705 31.556-38.596 54.097-72.752 54.097-9.498 0-18.589-1.743-26.97-4.927l0.522 0.174-113.632-57.408c-6.804-3.487-14.843-5.532-23.359-5.536l-0.001-0-329.28 0.8c-19.648 0-35.584 15.904-35.616 35.552v253.056c-0.448 15.232-14.752 32-32 32s-32.448-16.768-32-32l0.192-27.456-0.192-225.6c0.055-54.948 44.575-99.479 99.513-99.552l0.007-0 329.408 0.736c18.24-0.256 36.032 2.496 52.256 10.944l108.256 54.848c0.888 0.237 1.908 0.373 2.959 0.373 5.379 0 9.926-3.558 11.418-8.448l0.022-0.085 59.168-196.896c4.026-13.391 16.244-22.979 30.702-22.979 9.2 0 17.493 3.882 23.33 10.098l0.016 0.017zM544 704c17.673 0 32 14.327 32 32v0 192c0 16-16 32-32 32s-32-16-32-32v-192c0-17.673 14.327-32 32-32v0zM336 224c79.529 0 144 64.471 144 144s-64.471 144-144 144v0c-79.529 0-144-64.471-144-144s64.471-144 144-144v0zM336 288c-0.067-0-0.145-0-0.224-0-44.104 0-79.872 35.69-80 79.764l-0 0.012c0.091 44.27 35.954 80.133 80.215 80.224l0.009 0c44.086-0.127 79.776-35.896 79.776-80 0-0.079-0-0.158-0-0.236l0 0.012c0-0.028 0-0.062 0-0.096 0-44.006-35.674-79.68-79.68-79.68-0.034 0-0.067 0-0.101 0l0.005-0zM831.68 63.424c17.673 0 32 14.327 32 32v0 54.72l91.744 152.224c3.152 4.871 5.026 10.825 5.026 17.216 0 17.673-14.327 32-32 32-0.001 0-0.001-0-0.002-0l-193.472 0c-17.67-0.003-31.994-14.329-31.994-32 0-6.087 1.699-11.777 4.65-16.621l-0.080 0.141 92.096-153.152 0.032-54.528c0-17.673 14.327-32 32-32v0zM831.232 221.696l-39.68 65.92h78.496l-38.816-65.92z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_feature_standing-room-_32"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 389,
+				"id": 15,
+				"name": "ic-db_feature_standing-room-_32",
+				"prevSize": 32,
+				"code": 921952
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M735.808 704c70.598 0.055 127.808 57.298 127.808 127.904 0 0.034-0 0.067-0 0.101l0-0.005c0 70.72-57.216 128-127.808 128-70.598-0.055-127.808-57.298-127.808-127.904 0-0.034 0-0.067 0-0.101l-0 0.005c0-70.72 57.216-128 127.808-128zM384.32 704c70.584 0.073 127.776 57.309 127.776 127.904 0 0.034-0 0.067-0 0.101l0-0.005c0 70.72-57.216 128-127.776 128-70.598-0.055-127.808-57.298-127.808-127.904 0-0.034 0-0.067 0-0.101l-0 0.005c0-70.72 57.216-128 127.808-128zM735.776 768c-35.297 0.018-63.904 28.636-63.904 63.936 0 0.022 0 0.045 0 0.067l-0-0.003c0 35.36 28.608 64 63.904 64 35.297-0.018 63.904-28.636 63.904-63.936 0-0.022-0-0.045-0-0.067l0 0.003c0-35.36-28.608-64-63.904-64zM384.32 768c-35.297 0.018-63.904 28.636-63.904 63.936 0 0.022 0 0.045 0 0.067l-0-0.003c0 35.36 28.608 64 63.904 64 35.297-0.018 63.904-28.636 63.904-63.936 0-0.022-0-0.045-0-0.067l0 0.003c0-35.36-28.608-64-63.904-64zM639.904 96c188.16 0 315.68 120.608 319.968 301.024l0.128 9.376c-0.26 24.305-3.949 47.649-10.603 69.706l0.459-1.77c-18.749 57.837-33.007 96.842-48.154 135.399l6.138-17.735c-18.573 46.703-63.073 79.262-115.269 79.999l-0.091 0.001h-465.6c-52.954-0.143-98.073-33.535-115.592-80.394l-0.28-0.854-43.008-132.896c-0.979-2.935-1.544-6.313-1.544-9.824 0-17.671 14.309-32 31.973-32.032l0.003-0h90.432l-72.32-113.248c-5.762-8.925-15.656-14.75-26.912-14.752l-93.696-0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h93.696c0.052-0 0.114-0 0.176-0 33.708 0 63.333 17.484 80.3 43.878l0.228 0.379 94.304 147.744h145.76l99.2-298.112c4.354-12.824 16.287-21.888 30.337-21.888 0.011 0 0.022 0 0.032 0l-0.002-0zM880.608 480h-638.272l29.088 89.984c8.766 22.422 30.202 38.016 55.28 38.016 0.039 0 0.079-0 0.118-0l-0.006 0h465.632c25.707-0.806 47.403-17.137 56.081-39.894l0.143-0.426c4.064-9.824 19.968-52.96 31.968-87.68zM662.816 160.672l-84.992 255.328h317.92c0.224-3.2 0.352-6.56 0.352-9.6 0-170.592-116.64-238.112-233.248-245.728z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_buggy_32"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 390,
+				"id": 16,
+				"name": "ic-db_buggy_32",
+				"prevSize": 32,
+				"code": 921939
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M841.6 697.6l57.6 3.2c19.2 0 32 16 32 32s-16 32-32 32c-19.2 0-38.4 0-57.6-3.2-3.2 0-6.4 0-6.4 0-211.2 44.8-419.2 89.6-630.4 134.4-6.4 3.2-16 3.2-22.4 3.2l-60.8-3.2c-19.2 0-32-16-32-32 0 0 0 0 0 0 0-16 16-32 32-32 0 0 0 0 0 0 19.2 0 38.4 0 57.6 3.2 3.2 0 6.4 0 6.4 0 211.2-44.8 419.2-89.6 630.4-134.4 6.4-3.2 16-3.2 25.6-3.2zM233.6 579.2c-12.8-44.8-6.4-89.6 12.8-131.2 3.2-9.6 12.8-12.8 19.2-16 19.2-6.4 35.2 6.4 38.4 22.4 3.2 6.4 0 12.8 0 22.4-12.8 25.6-16 57.6-9.6 86.4 16 64 83.2 105.6 150.4 86.4 38.4-9.6 70.4-38.4 86.4-76.8 3.2-9.6 12.8-19.2 22.4-19.2 16-3.2 35.2 3.2 41.6 22.4 3.2 6.4 0 12.8-3.2 19.2-22.4 57.6-70.4 99.2-128 115.2-99.2 28.8-201.6-28.8-230.4-131.2zM284.8 329.6c-6.4-16 6.4-35.2 22.4-38.4l22.4-6.4c35.2-9.6 70.4 0 89.6 32l6.4 9.6 105.6-28.8c16-3.2 35.2 6.4 38.4 22.4s-6.4 35.2-22.4 38.4l-86.4 22.4 35.2 57.6 108.8-28.8c12.8-3.2 25.6 0 35.2 12.8l108.8 140.8c3.2 3.2 3.2 6.4 6.4 9.6 3.2 16-6.4 35.2-22.4 38.4 0 0 0 0 0 0-12.8 3.2-25.6 0-35.2-12.8l-96-124.8-108.8 28.8c-12.8 3.2-28.8-3.2-35.2-12.8l-86.4-137.6c-6.4-9.6-9.6-12.8-22.4-6.4l-25.6 6.4c-16 6.4-35.2-3.2-38.4-22.4 0 0 0 0 0 0zM243.2 176c-9.6-35.2 9.6-70.4 44.8-80s70.4 12.8 76.8 44.8c9.6 35.2-9.6 67.2-44.8 76.8 0 0 0 0 0 0-32 12.8-67.2-6.4-76.8-41.6z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["entry-aid"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 391,
+				"id": 17,
+				"name": "entry-aid",
+				"prevSize": 32,
+				"code": 921936
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M928 864c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-832c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h832zM610.272 96c34.302 0.954 61.746 28.989 61.746 63.433 0 0.526-0.006 1.050-0.019 1.573l0.001-0.077v63.072h162.24c34.285 0.799 61.772 28.782 61.772 63.184 0 0.433-0.004 0.865-0.013 1.297l0.001-0.064v447.392c0.008 0.367 0.012 0.799 0.012 1.232 0 34.402-27.487 62.385-61.698 63.182l-0.074 0.001-642.24-0.224c-34.816-0.8-64.672-29.376-64-64.192v-447.392c-0.008-0.367-0.012-0.799-0.012-1.232 0-34.402 27.487-62.385 61.698-63.182l0.074-0.001h162.24v-63.072c-0.832-34.944 26.784-64 61.728-64.928zM832 288h-640l2.24 447.584 637.76 0.416v-448zM736 352c17.673 0 32 14.327 32 32v0 256c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-256c0-17.673 14.327-32 32-32v0zM288 352c17.673 0 32 14.327 32 32v0 256c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-256c0-17.673 14.327-32 32-32v0zM416 160l1.664 64h190.336v-63.072l-192-0.928z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["luggage-rack"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 392,
+				"id": 18,
+				"name": "luggage-rack",
+				"prevSize": 32,
+				"code": 922229
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		},
+		{
+			"icon": {
+				"paths": [
+					"M576 128c53.019 0 96 42.981 96 96v0 128h128c53.019 0 96 42.981 96 96v0 128c0 53.019-42.981 96-96 96v0h-128v128c0 53.019-42.981 96-96 96v0h-128c-53.019 0-96-42.981-96-96v0-128h-128c-53.019 0-96-42.981-96-96v0-128c0-53.019 42.981-96 96-96v0h128v-128c0-53.019 42.981-96 96-96v0h128zM576 192h-128c-16.352 0.002-29.838 12.269-31.761 28.102l-0.015 0.154-0.224 3.744v192h-192c-16.352 0.002-29.838 12.269-31.761 28.102l-0.015 0.154-0.224 3.744v128c0.002 16.352 12.269 29.838 28.102 31.761l0.154 0.015 3.744 0.224h192v192c0.002 16.352 12.269 29.838 28.102 31.761l0.154 0.015 3.744 0.224h128c16.352-0.002 29.838-12.269 31.761-28.102l0.015-0.154 0.224-3.744v-192h192c16.352-0.002 29.838-12.269 31.761-28.102l0.015-0.154 0.224-3.744v-128c-0.002-16.352-12.269-29.838-28.102-31.761l-0.154-0.015-3.744-0.224h-192v-192c-0.002-16.352-12.269-29.838-28.102-31.761l-0.154-0.015-3.744-0.224z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["medical"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 393,
+				"id": 19,
+				"name": "medical",
+				"prevSize": 32,
+				"code": 10010
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 20
+		},
+		{
+			"icon": {
+				"paths": [
+					"M64 672.992v-512.992c0-51.008 42.016-96 92.992-96h515.968c52 0 95.040 44.992 95.040 96v257.152c0 17.024-15.040 31.008-33.024 31.008-17.103-0.072-30.95-13.908-31.040-30.999l-0-0.009v-257.152c0-16.992-13.984-32-30.976-32h-515.968c-16.992 0-28.992 15.008-28.992 32v512.992c0 16.992 15.008 31.008 32 31.008h257.056c16.96 0 30.976 14.944 30.976 31.968 0.004 0.191 0.007 0.416 0.007 0.642 0 17.187-13.826 31.145-30.963 31.358l-0.020 0-257.056 0.032c-51.008 0-96-43.008-96-95.008zM416 192c123.296 0 224 99.68 224 224 0 123.296-100.704 224-224 224-124.32 0-224-100.704-224-224 0-124.32 99.68-224 224-224zM416 256c-88.192 0-160 71.776-160 160 0 88.192 71.808 160 160 160s160-71.808 160-160c0-88.224-71.808-160-160-160zM351.488 384c18.304 0 32.512 13.44 32.512 32 0 17.536-14.208 32-32.512 32-17.44-0.235-31.488-14.427-31.488-31.901 0-0.035 0-0.069 0-0.104l-0 0.005c0-18.56 14.208-32 31.488-32zM480 384c17.536 0 32 13.44 32 32 0 17.536-14.464 32-32 32s-32-14.464-32-32c0-18.56 14.464-32 32-32zM703.008 540c6.976 0 13.984 2.016 18.976 7.008l57.024 56.992 21.984-22.016c7.008-6.976 15.008-9.984 22.016-9.984 6.976 0 13.984 2.016 18.976 7.008l63.040 61.984c30.076 28.78 48.814 69.195 48.96 113.989l0 0.027c0 37.984-13.984 76.992-42.976 112l40 40c5.558 5.607 8.992 13.327 8.992 21.849 0 0.047-0 0.095-0 0.142l0-0.007c0 17.024-14.016 31.008-30.016 31.008-6.976 0-14.976-3.008-22.976-8.992l-40-40c-27.834 26.604-65.64 42.978-107.27 42.978-0.257 0-0.513-0.001-0.769-0.002l0.040 0c-40 0-80-13.984-112-44l-65.024-64.96c-5.539-5.604-8.961-13.311-8.961-21.817 0-0.070 0-0.14 0.001-0.21l-0 0.011c0-7.008 1.984-13.024 5.984-19.008l24-24-54.016-54.016c-5.29-5.816-8.643-13.478-8.99-21.915l-0.002-0.069c0-18.016 14.016-31.008 31.008-31.008 0.21-0.005 0.457-0.008 0.705-0.008 6.88 0 13.232 2.262 18.352 6.082l-0.081-0.058 57.056 56.992 88-88-54.016-55.008c-5.558-5.607-8.992-13.327-8.992-21.849 0-0.047 0-0.095 0-0.142l-0 0.007c0-16 15.008-31.008 31.008-31.008zM824 647.008l-176 176 36.992 37.984c20 19.008 47.008 31.008 75.008 31.008 22.016 0 44-7.008 62.016-23.008l42.976-42.976c16.722-18.084 26.985-42.353 27.008-69.020l0-0.004c0-24.992-8.992-48.992-27.008-68l-40.992-41.952z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["power-outlet"],
+				"grid": 12
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 394,
+				"id": 20,
+				"name": "power-outlet",
+				"prevSize": 32,
+				"code": 922232
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 21
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-food-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-food-outline.json
new file mode 100644
index 0000000000..92fdb36c67
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-food-outline.json
@@ -0,0 +1,141 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M405.76 100.384c28.896 16.908 47.997 47.792 47.997 83.137 0 17.673-4.775 34.23-13.106 48.452l0.245-0.453-31.776 55.040 13.824 8c9.636 5.635 16.006 15.932 16.006 27.716 0 2.149-0.212 4.249-0.616 6.279l0.034-0.204-10.592 54.816c1.141-0.143 2.462-0.224 3.802-0.224 13.479 0 25.031 8.251 29.88 19.978l0.079 0.215 18.336 67.648c0.681 2.464 1.072 5.293 1.072 8.213 0 17.673-14.327 32-32 32-13.393 0-24.864-8.227-29.635-19.904l-0.077-0.214-11.52-42.272-273.664 17.664c-7.040 65.92 16.48 173.728 63.968 238.656l172.32-85.088c4.151-2.108 9.050-3.342 14.238-3.342 17.673 0 32 14.327 32 32 0 11.147-5.7 20.963-14.344 26.692l-0.119 0.074c-0.124 1.997-41.737 23.162-83.573 43.944l-43.339 19.48c23.648 56.192 57.92 93.792 102.752 112.832 8.576-16.224 28.8-21.92 43.84-13.696 10.080 5.521 16.801 16.055 16.801 28.16 0 4.532-0.942 8.844-2.641 12.751l0.080-0.207-15.136 26.624c-6.944 12-20.8 17.664-34.368 15.328-88.32-15.328-143.744-97.536-169.152-153.76l-14.272 7.072c-4.158 2.164-9.079 3.433-14.297 3.433-9.495 0-18.009-4.203-23.782-10.85l-0.033-0.039c-76.896-89.44-110.56-247.904-90.24-336.736 2.88-12.608 12.8-22.656 25.44-25.024l19.744-1.472c-3.84-69.024-3.84-153.728 69.6-217.728 10.368-9.024 25.408-10.88 37.44-3.936l15.808 9.12 31.808-55.040c16.908-28.896 47.792-47.997 83.137-47.997 17.673 0 34.23 4.775 48.452 13.106l-0.453-0.245zM864 576c0.027-0 0.060-0 0.093-0 53.019 0 96 42.981 96 96 0 51.071-39.879 92.827-90.196 95.827l-0.264 0.013-38.272 0.16c-1.6 26.56-6.4 44.16-15.936 61.984-11.376 21.137-28.271 38.032-48.775 49.096l-0.633 0.312c-21.12 11.296-41.984 15.936-77.856 16.544l-61.92 0.064c-35.168 0-58.24-4.832-80.256-16.608-21.137-11.376-38.032-28.271-49.096-48.775l-0.312-0.633c-10.784-20.16-15.744-41.28-16.512-71.68l-0.064-109.312c0-17.824 2.080-28.544 8.064-39.744 5.803-10.79 14.426-19.413 24.893-25.057l0.323-0.159c9.792-5.248 19.2-7.488 33.376-7.968zM768 640h-224v109.76c0 25.28 2.688 38.176 9.056 50.048 5.376 10.048 13.088 17.76 23.136 23.136 10.688 5.728 22.176 8.48 42.816 8.96l73.824-0.096c22.080-0.64 32.512-3.264 42.976-8.864 10.048-5.376 17.76-13.088 23.136-23.136 5.024-9.408 7.68-18.816 8.64-36.704zM864 640h-32v64h32c17.673 0 32-14.327 32-32s-14.327-32-32-32v0zM608 416c17.673 0 32 14.327 32 32v0 32c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-32c0-17.673 14.327-32 32-32v0zM704 384c17.673 0 32 14.327 32 32v0 64c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-64c0-17.673 14.327-32 32-32v0zM216.64 249.376c-44.8 58.56-35.264 118.976-32.576 149.184l177.728-11.136 9.44-48.8-154.56-89.248zM330.048 167.52l-31.808 55.040 55.456 32 31.776-55.040c2.762-4.633 4.394-10.218 4.394-16.184 0-17.673-14.327-32-32-32-11.857 0-22.207 6.448-27.736 16.029l-0.082 0.155z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_breakfast_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 168,
+				"id": 3,
+				"name": "db_ic_breakfast_32",
+				"prevSize": 32,
+				"code": 922233
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M62.061 869.345c0 16.446 13.591 30.037 30.068 30.037h808.681c16.56-0.087 29.963-13.48 30.068-30.027l0-0.010c0.004-0.185 0.006-0.404 0.006-0.622 0-16.677-13.425-30.219-30.057-30.408l-0.018-0h-808.65c-16.65 0.189-30.075 13.731-30.075 30.408 0 0.219 0.002 0.437 0.007 0.655l-0.001-0.032zM187.144 654.057c0.035 66.936 54.297 121.187 121.234 121.204l314.153 0c65.939 0 121.235-54.303 121.235-120.242v-70.749h34.909c66.947-0.035 121.204-54.315 121.204-121.266l-0-0c0.001-0.166 0.001-0.363 0.001-0.56 0-66.631-54.015-120.646-120.646-120.646-0.197 0-0.394 0-0.59 0.001l0.030-0h-591.562v312.227zM247.28 655.019v-252.121h435.386v252.121c-0.158 33.149-26.988 59.979-60.122 60.137l-0.015 0h-314.151c-32.954 0-61.068-27.152-61.068-60.137zM310.303 248.739c0.207 16.637 13.741 30.044 30.407 30.044 0.219 0 0.437-0.002 0.655-0.007l-0.033 0.001c16.56-0.087 29.963-13.48 30.068-30.027l0-0.010v-125.114c-0.105-16.558-13.508-29.95-30.060-30.037l-0.008-0c-0.185-0.004-0.404-0.006-0.623-0.006-16.666 0-30.201 13.407-30.407 30.024l-0 0.019v125.114zM434.424 249.67c0 16.508 13.591 30.099 30.068 30.099 16.582-0.088 29.998-13.515 30.068-30.093l0-0.007v-188.075c-0.105-16.568-13.526-29.967-30.093-30.037l-0.007-0c-16.547 0.105-29.932 13.491-30.037 30.027l-0 0.010v188.137zM558.545 251.625c0 16.508 13.591 30.099 30.068 30.099 16.568-0.105 29.967-13.526 30.037-30.093l0-0.007v-128c-0.105-16.547-13.491-29.932-30.027-30.037l-0.010-0c-16.56 0.087-29.963 13.48-30.068 30.027l-0 0.010v128.031zM743.765 523.14v-120.242h34.909c33.916 0 61.068 27.152 61.068 60.137 0 32.954-27.152 60.106-61.068 60.106h-34.909z"
+				],
+				"width": 993,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["coffee-cup"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 107,
+				"id": 0,
+				"name": "coffee-cup",
+				"prevSize": 32,
+				"code": 922167
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M516.992 512c36 0 64 28.992 64 64 0 3.008 0 7.008-0.992 10.016l-52.992 320c-5.127 30.652-31.352 53.758-63.016 53.984l-0.024 0h-137.984c-32 0-57.984-23.008-62.976-54.016l-54.016-320c-7.008-38.944 24-73.984 63.008-73.984h244.992zM516.992 576h-244.992l21.984 128h90.016c18.016 0 32 14.016 32 32 0 16.992-13.984 32-32 32h-80l21.984 128h138.016l52.992-320zM475.008 353.984l48.992-96.96c13.984-27.040 20-57.024 20-86.016v-43.008c0-36 28.992-64 64-64h64c35.008 0 64 28 64 64v43.008c0 28.992 5.984 58.976 20 85.984l48.992 96.992c17.027 33.009 27.009 72.041 27.009 113.404 0 0.226-0 0.453-0.001 0.679l0-0.035v427.968c0 35.008-28.992 64-64 64h-128c-18.016 0-32-15.008-32-32 0-18.016 13.984-32 32-32h128v-428c0-28.992-7.008-59.008-20-84.992l-48.992-98.016c-17.027-33.009-27.009-72.041-27.009-113.404 0-0.204 0-0.408 0.001-0.612l-0 0.031v-43.008h-64v43.008c0 0.172 0.001 0.376 0.001 0.58 0 41.363-9.982 80.395-27.669 114.818l0.66-1.414-48.992 98.016c-4.992 11.008-16.992 16.992-28 16.992-18.016 0-32-14.016-32-32 0.033-5.080 1.137-9.894 3.098-14.238l-0.090 0.222z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["drink"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 108,
+				"id": 1,
+				"name": "drink",
+				"prevSize": 32,
+				"code": 921857
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M310.303 279.273v-186.182c0-16.477 13.591-31.030 31.030-31.030 17.47 0 31.030 14.553 31.030 31.030v186.182c0 17.138-13.893 31.030-31.030 31.030s-31.030-13.893-31.030-31.030v0zM248.242 278.528c0 51.821 41.705 93.836 93.091 93.836s93.091-42.015 93.091-93.836v-185.437c0-16.477 13.591-31.030 31.030-31.030 17.47 0 31.030 14.553 31.030 31.030v186.182c0 0.072 0 0.158 0 0.243 0 74.698-52.798 137.064-123.112 151.814l-1.010 0.177v468.371c0 16.477-13.591 31.030-31.030 31.030-17.47 0-31.030-14.553-31.030-31.030v-468.371c-71.323-14.928-124.121-77.294-124.121-151.992 0-0.085 0-0.171 0-0.256l-0 0.013v-186.182c0-16.477 13.591-31.030 31.030-31.030 17.47 0 31.030 14.553 31.030 31.030v185.437zM589.576 589.576v-340.371c0-102.741 83.409-187.144 186.182-187.144 17.47 0 31.030 14.553 31.030 31.992v805.919c0 16.446-13.591 31.030-31.030 31.030-17.47 0-31.030-14.584-31.030-31.030v-279.366h-124.121c-17.138 0-31.030-13.893-31.030-31.030v0zM651.636 558.545h93.091v-430.545c-54.303 13.591-93.091 63.023-93.091 120.242v310.303z"
+				],
+				"width": 993,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["restaurant"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 109,
+				"id": 2,
+				"name": "restaurant",
+				"prevSize": 32,
+				"code": 127869
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 3
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-it-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-it-outline.json
new file mode 100644
index 0000000000..0afbd16828
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-it-outline.json
@@ -0,0 +1,70 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M864 96c53.019 0 96 42.981 96 96v0 128c0 24.608-9.28 47.040-24.48 64 13.728 15.296 24.48 37.12 24.48 64v128c0 24.608-9.28 47.040-24.48 64 13.728 15.296 25.344 38.944 24.48 64v128c0 51.136-41.152 96-96 96h-704c-51.136 0-96-41.408-96-96v-128c0-24.576 9.248-47.040 24.448-64-15.138-16.923-24.405-39.375-24.448-63.991l-0-0.009v-128c0-24.576 9.248-47.040 24.448-64-15.116-16.935-24.377-39.379-24.448-63.985l-0-0.015v-128c0-51.136 40.96-96 96-96zM160 672c-17.673 0-32 14.327-32 32v0 128c0 16.416 13.184 32 32 32h704c16.416 0 32-13.632 32-32v-128c0-16.416-13.28-32-32-32zM224 736c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM800 736c17.673 0 32 14.327 32 32v0c0 16.416-14.368 32-32 32h-128c-17.673 0-32-14.327-32-32v0c0-16.416 13.568-32 32-32zM160 416c-0.019-0-0.042-0-0.065-0-17.514 0-31.712 14.198-31.712 31.712 0 0.101 0 0.202 0.001 0.304l-0-0.015-0.224 128c0 16.416 13.824 32 32 32h704c16.416 0 32-13.76 32-32v-128c0.001-0.096 0.002-0.209 0.002-0.322 0-17.496-14.184-31.68-31.68-31.68-0.113 0-0.226 0.001-0.339 0.002l0.017-0zM224 480c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM800 480c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-128c-17.673 0-32-14.327-32-32v0c0-16.416 13.568-32 32-32zM160 160c-16.416 0-31.776 13.44-32 32v128c0 16.416 13.984 32 32 32h704c16.416 0 32-13.92 32-31.168v-128.832c0-16.416-13.28-32-32-32zM224 224c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM800 224c17.658 0.020 31.965 14.339 31.965 32 0 16.341-12.249 29.821-28.066 31.761l-0.155 0.015-131.744 0.224c-17.673 0-32-14.327-32-32s14.327-32 32-32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_database_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 172,
+				"id": 0,
+				"name": "db_ic_database_32",
+				"prevSize": 32,
+				"code": 921985
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-journey-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-journey-outline.json
new file mode 100644
index 0000000000..a6bf77b954
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-journey-outline.json
@@ -0,0 +1,358 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M352.224 704.224h-192.224c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h64.48v-244.288l-48.96 16c-3.317 1.273-7.153 2.010-11.162 2.010-17.673 0-32-14.327-32-32 0-14.595 9.771-26.908 23.128-30.754l0.226-0.056 90.88-29.568c2.953-0.993 6.354-1.566 9.888-1.566 17.661 0 31.981 14.308 32 31.964l0 0.002v288.384h63.744c17.673 0 32 14.327 32 32s-14.327 32-32 32v0-0.128zM672.032 704.736c-0.013 0-0.029 0-0.045 0-17.673 0-32-14.327-32-32 0-9.373 4.030-17.805 10.451-23.657l0.025-0.023 16-14.4c72.096-65.152 146.592-132.576 146.592-194.176 0.143-1.442 0.224-3.116 0.224-4.81 0-28.542-23.138-51.68-51.68-51.68-0.36 0-0.719 0.004-1.078 0.011l0.054-0.001c-23.344 0.231-44.798 8.134-62.009 21.303l0.249-0.183c-5.312 4.068-12.050 6.519-19.36 6.519-17.677 0-32.007-14.33-32.007-32.007 0-10.367 4.928-19.582 12.57-25.432l0.077-0.056c27.565-21.067 62.437-33.856 100.285-34.144l0.067-0c0.606-0.012 1.321-0.018 2.037-0.018 63.305 0 114.624 51.319 114.624 114.624 0 2.055-0.054 4.097-0.161 6.125l0.012-0.283c0 73.6-56.8 138.368-122.496 200.256h105.6c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-188.032zM512 864c-17.673 0-32-14.327-32-32v0-640c0-17.673 14.327-32 32-32s32 14.327 32 32v0 640c0 17.673-14.327 32-32 32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["ic-db_journey_mixed-class_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 423,
+				"id": 13,
+				"name": "ic-db_journey_mixed-class_32",
+				"prevSize": 32,
+				"code": 921953
+			},
+			"setIdx": 12,
+			"setId": 53,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M288 768.992c0-17.984 14.016-32 32-32h160v-458.976l-128.064 69.152c-4.599 2.42-10.050 3.84-15.833 3.84-0.036 0-0.072-0-0.109-0l0.006 0c-18.016 0-32-14.016-32-30.016 0-12 5.984-24 16.96-29.952l176.096-95.232c4.274-2.397 9.379-3.808 14.815-3.808 0.045 0 0.091 0 0.136 0l-0.007-0c16.992 0 32 16 32 32v512.992h159.008c17.984 0 32.992 14.016 32.992 32 0 17.024-15.008 32-32.992 32h-383.008c-18.016 0-32-14.976-32-32zM832 768.992c0-17.984 14.016-32 32-32 16.992 0 32 14.016 32 32 0 17.024-15.008 32-32 32-18.016 0-32-14.976-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["st-class"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 424,
+				"id": 0,
+				"name": "1st-class",
+				"prevSize": 32,
+				"code": 9352
+			},
+			"setIdx": 12,
+			"setId": 53,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M288 768.992c0-9.984 4.96-19.040 12.992-24.992l23.008-16.992c164.064-121.28 260.992-224 260.992-333.024 0-78.976-45.984-123.968-126.976-123.968-40 0-82.016 9.984-120 27.968-4.123 1.868-8.936 2.972-14.003 3.008l-0.013 0c-19.072 0-32-15.872-32-32 0-11.008 7.008-23.008 18.016-28 44.992-20.992 98.976-33.984 148-33.984 114.976 0 189.984 72.992 189.984 186.976 0 121.024-88.992 225.024-236 344h244.992c0.191-0.004 0.416-0.007 0.642-0.007 17.209 0 31.181 13.862 31.358 31.030l0 0.017c-0.213 17.157-14.171 30.983-31.358 30.983-0.226 0-0.451-0.002-0.676-0.007l0.034 0.001h-336.992c-0.191 0.004-0.416 0.007-0.642 0.007-17.198 0-31.163-13.844-31.358-30.996l-0-0.018zM800.992 768c0-19.008 15.008-35.008 34.016-35.008s35.008 16 35.008 35.008c0 19.008-16 34.016-35.008 34.016-0.095 0.001-0.208 0.002-0.321 0.002-18.627 0-33.728-15.101-33.728-33.728 0-0.102 0-0.204 0.001-0.305l-0 0.016z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["nd-class"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 425,
+				"id": 1,
+				"name": "2nd-class",
+				"prevSize": 32,
+				"code": 9353
+			},
+			"setIdx": 12,
+			"setId": 53,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M124.121 713.697c0 17.067 14.584 31.030 31.030 31.030h248.242c66.715 0 125.083-56.382 125.083-123.283v-124.649c0-34.195 27.152-62.34 61.099-62.34l225.218 0.372-67.956 70.966c-6.268 6.516-9.433 14.274-9.433 21.318 0 16.043 12.598 31.092 30.006 31.092 0.057 0 0.124 0.001 0.191 0.001 8.259 0 15.68-3.585 20.793-9.284l0.023-0.026 118.288-123.097c5.38-5.662 8.689-13.337 8.689-21.784 0-0.087-0-0.174-0.001-0.261l0 0.013c0-0.055 0.001-0.121 0.001-0.186 0-8.486-3.308-16.2-8.704-21.923l0.015 0.016-118.288-124.121c-5.126-5.724-12.538-9.31-20.789-9.31-0.077 0-0.154 0-0.231 0.001l0.012-0c-18.401 0-30.006 16.043-30.006 31.092 0 8.037 3.196 15.763 9.402 22.342l67.987 71.928-225.218-0.528c-66.901 0-120.242 55.327-120.242 123.687v124.68c0.155 33.823-33.047 61.099-65.939 61.099l-248.242 0.124c-16.446 0-31.030 13.964-31.030 31.030zM124.121 402.897c0.016-16.869 13.694-30.537 30.565-30.537 0.164 0 0.327 0.001 0.49 0.004l-0.025-0c17.005 0 31.030 13.219 31.030 30.534 0 17.253-14.026 31.527-31.030 31.527s-31.030-14.243-31.030-31.527zM248.242 402.897c0.016-16.869 13.694-30.537 30.565-30.537 0.164 0 0.327 0.001 0.49 0.004l-0.025-0c17.998 0 31.030 13.219 31.030 30.534 0 17.253-13.033 31.527-31.030 31.527-17.005 0-31.030-14.243-31.030-31.527zM372.364 403.115c0-17.253 14.057-30.441 30.844-30.751 0.157-0.003 0.342-0.005 0.528-0.005 16.896 0 30.603 13.654 30.689 30.53l0 0.008c0 17.253-14.088 31.527-31.216 31.527-16.756 0.155-30.844-14.057-30.844-31.31z"
+				],
+				"width": 993,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["alternative-connection"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 426,
+				"id": 2,
+				"name": "alternative-connection",
+				"prevSize": 32,
+				"code": 921858
+			},
+			"setIdx": 12,
+			"setId": 53,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M248.242 636.121c0-93.091 76.614-170.667 169.705-170.667h217.212c58.182 0 104.727-50.424 104.727-108.606s-46.545-108.606-104.727-108.606h-107.644c-17.47 0-31.030-13.591-31.030-31.030 0-16.477 13.56-31.030 31.030-31.030h107.644c94.053 0 170.667 76.614 170.667 170.667 0 91.167-67.894 170.667-170.667 170.667h-217.212c-61.099 0-113.447 46.545-113.447 108.606 0 61.099 52.348 108.606 113.447 108.606h345.212l-71.773-70.78c-5.403-5.804-8.72-13.613-8.72-22.197 0-0.040 0-0.080 0-0.12l-0 0.006c0-17.439 12.598-31.030 31.030-31.030 7.758 0 15.515 2.917 21.349 8.72l125.052 125.114c5.408 5.44 8.751 12.939 8.751 21.218 0 0.035-0 0.070-0 0.105l0-0.005c0 7.758-2.917 16.477-8.72 22.311l-125.083 124.121c-5.437 5.39-12.923 8.72-21.187 8.72-0.057 0-0.114-0-0.171-0l0.009 0c-14.553 0-31.030-10.674-31.030-31.030 0-7.758 1.955-15.515 8.72-22.311l71.773-70.78h-345.212c-93.091 0-169.705-76.614-169.705-170.667zM279.273 62.061c85.333 0 155.152 69.818 155.152 155.152 0 86.295-68.856 156.113-155.152 156.113s-155.152-70.78-155.152-156.113c0-85.333 68.856-155.152 155.152-155.152zM279.273 124.121c-51.413 0-93.091 41.678-93.091 93.091v0c0 51.386 41.705 94.053 93.091 94.053s93.091-41.705 93.091-94.053c0-51.413-41.678-93.091-93.091-93.091v0z"
+				],
+				"width": 993,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["booking"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 427,
+				"id": 3,
+				"name": "booking",
+				"prevSize": 32,
+				"code": 921859
+			},
+			"setIdx": 12,
+			"setId": 53,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M886.624 137.376c5.797 5.787 9.382 13.787 9.382 22.624s-3.586 16.837-9.382 22.624l-0 0-704 704c-5.78 5.812-13.782 9.409-22.624 9.409s-16.844-3.597-22.623-9.408l-0.001-0.001c-5.797-5.787-9.382-13.787-9.382-22.624s3.586-16.837 9.382-22.624l0-0 182.624-182.656v-81.696c0-16.832-9.664-32.992-32-33.024h-128c-16.8 0-32 11.68-32 33.024v222.976c0 16-14.016 32-32 32-16.832 0-32-16-32-32v-222.976c0-52.224 44.8-97.024 96-97.024h128c51.104 0 96 44.8 96 97.024v17.696l67.776-67.776c-2.174-4.359-3.542-9.465-3.773-14.867l-0.003-0.077c-0.001-0.096-0.002-0.209-0.002-0.322 0-17.496 14.184-31.68 31.68-31.68 0.113 0 0.226 0.001 0.339 0.002l-0.017-0h18.72l190.208-190.208c6.88-50.486 46.378-89.984 96.279-96.799l0.585-0.065 55.584-55.552c5.787-5.797 13.787-9.382 22.624-9.382s16.837 3.586 22.624 9.382l0 0zM384 775.36v24.64c0 19.2-13.984 32-32 32-6.896-0.164-13.193-2.596-18.207-6.576l0.063 0.048 50.144-50.112zM864 480c51.104 0 96 44.8 96 96v224c0.002 0.115 0.002 0.251 0.002 0.387 0 17.443-14.141 31.584-31.584 31.584-0.147 0-0.294-0.001-0.441-0.003l0.022 0c-16.736 0-29.984-12.928-31.808-28.384l-0.192-3.616v-223.968c0-15.776-16-32-32-31.968h-96c-19.2 0-32-15.008-32-32.032 0-16.704 12.8-32 32-32h96zM647.232 512.064c15.232 16.864 24.736 38.816 24.736 62.944l0.032 224.992c0 19.2-14.048 31.968-32 31.968-18.048 0-32-12.768-32-32v-224.96c-0.171-6.621-2.492-12.669-6.288-17.504l0.048 0.064 45.472-45.504zM508 192c62.016 0 112 51.008 112 112 0 61.984-49.984 112-112 112-0.048 0-0.104 0-0.16 0-61.768 0-111.84-50.072-111.84-111.84 0-0.056 0-0.113 0-0.169l-0 0.009c0-60.992 50.016-112 112-112zM224 192c61.984 0 112 51.008 112 112 0 61.984-50.016 112-112 112-0.048 0-0.104 0-0.16 0-61.768 0-111.84-50.072-111.84-111.84 0-0.056 0-0.113 0-0.169l-0 0.009c0-60.992 50.016-112 112-112zM901.6 257.76c6.528 14.176 10.4 29.76 10.4 46.24 0 0.029 0 0.063 0 0.097 0 61.75-50.058 111.808-111.808 111.808-14.154 0-27.694-2.63-40.157-7.428l0.765 0.259-7.2-2.976 54.56-54.56c18.385-3.286 32.958-16.683 37.902-34.126l0.082-0.338 1.024-4.576 54.4-54.4zM508 256c-26.51 0-48 21.49-48 48v0c0 27.008 20.992 48 48 48 26.51 0 48-21.49 48-48v0c0-26.016-21.984-48-48-48zM224 256c-26.016 0-48 21.984-48 48 0 26.51 21.49 48 48 48s48-21.49 48-48v0c0-26.016-22.016-48-48-48z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator-fully-booked"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 428,
+				"id": 4,
+				"name": "capacity-indicator-fully-booked",
+				"prevSize": 32,
+				"code": 921862
+			},
+			"setIdx": 12,
+			"setId": 53,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M64 799.008c0 17.984 13.984 32.96 32 32.96 17.984 0 32-14.976 32-32.96v-221.984c0-18.016 14.016-33.024 32-33.024h128c17.984 0 32 15.008 32 33.024v221.984c0 17.984 14.016 32.96 32 32.96 18.016 0 32-14.976 32-32.96v-221.984c0-53.024-43.008-97.024-96-97.024h-128c-52.992 0-96 44-96 97.024v221.984zM224 191.968c61.984 0 112 51.040 112 112 0 62.048-50.016 112-112 112-0.057 0-0.125 0-0.192 0-61.75 0-111.808-50.058-111.808-111.808 0-0.068 0-0.135 0-0.202l-0 0.010c0-60.928 50.016-111.968 112-111.968zM224 255.968c-26.016 0-48 22.048-48 48 0 26.51 21.49 48 48 48s48-21.49 48-48v0c0-25.92-22.016-47.968-48-47.968zM480 544.032h96c17.984 0 32 13.984 32 30.976v224.96c0 16.992 13.984 32 32 32 17.984 0 32-15.008 32-32.992v-223.968c0-52-43.008-95.008-96-95.008h-96c-17.984 0-32 14.016-32 32 0 17.024 14.016 32.032 32 32.032zM620 304c0 62.016-49.984 112-112 112-0.057 0-0.125 0-0.192 0-61.75 0-111.808-50.058-111.808-111.808 0-0.068 0-0.135 0-0.202l-0 0.010c0-60.992 50.016-112 112-112 62.016 0 112 51.008 112 112zM508 256c-26.51 0-48 21.49-48 48v0c0 27.008 20.992 48 48 48 26.51 0 48-21.49 48-48v0c0-25.984-21.984-48-48-48z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator-high"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 429,
+				"id": 5,
+				"name": "capacity-indicator-high",
+				"prevSize": 32,
+				"code": 921864
+			},
+			"setIdx": 12,
+			"setId": 53,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M64 799.008c0 17.984 13.984 32.96 32 32.96 17.984 0 32-14.976 32-32.96v-221.984c0-18.016 14.016-33.024 32-33.024h128c17.984 0 32 15.008 32 33.024v221.984c0 17.984 14.016 32.96 32 32.96 18.016 0 32-14.976 32-32.96v-221.984c0-53.024-43.008-97.024-96-97.024h-128c-52.992 0-96 44-96 97.024v221.984zM224 191.968c61.984 0 112 51.040 112 112 0 62.048-50.016 112-112 112-0.057 0-0.125 0-0.192 0-61.75 0-111.808-50.058-111.808-111.808 0-0.068 0-0.135 0-0.202l-0 0.010c0-60.928 50.016-111.968 112-111.968zM224 255.968c-26.016 0-48 22.048-48 48 0 26.51 21.49 48 48 48s48-21.49 48-48v0c0-25.92-22.016-47.968-48-47.968z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator-low"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 430,
+				"id": 6,
+				"name": "capacity-indicator-low",
+				"prevSize": 32,
+				"code": 921872
+			},
+			"setIdx": 12,
+			"setId": 53,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M64 799.008c0 17.984 13.984 32.96 32 32.96 17.984 0 32-14.976 32-32.96v-221.984c0-18.016 14.016-33.024 32-33.024h128c17.984 0 32 15.008 32 33.024v221.984c0 17.984 14.016 32.96 32 32.96 18.016 0 32-14.976 32-32.96v-221.984c0-53.024-43.008-97.024-96-97.024h-128c-52.992 0-96 44-96 97.024v221.984zM224 191.968c61.984 0 112 51.040 112 112 0 62.048-50.016 112-112 112-0.057 0-0.125 0-0.192 0-61.75 0-111.808-50.058-111.808-111.808 0-0.068 0-0.135 0-0.202l-0 0.010c0-60.928 50.016-111.968 112-111.968zM224 255.968c-26.016 0-48 22.048-48 48 0 26.51 21.49 48 48 48s48-21.49 48-48v0c0-25.92-22.016-47.968-48-47.968zM480 544.032h96c17.984 0 32 13.984 32 30.976v224.96c0 16.992 13.984 32 32 32 17.984 0 32-15.008 32-32.992v-223.968c0-52-43.008-95.008-96-95.008h-96c-17.984 0-32 14.016-32 32 0 17.024 14.016 32.032 32 32.032zM620 304c0 62.016-49.984 112-112 112-0.057 0-0.125 0-0.192 0-61.75 0-111.808-50.058-111.808-111.808 0-0.068 0-0.135 0-0.202l-0 0.010c0-60.992 50.016-112 112-112 62.016 0 112 51.008 112 112zM508 256c-26.51 0-48 21.49-48 48v0c0 27.008 20.992 48 48 48 26.51 0 48-21.49 48-48v0c0-25.984-21.984-48-48-48zM768 544h96c17.984 0 32 13.984 32 30.976v224.96c0 16.992 13.984 32 32 32 17.984 0 32-15.008 32-32.992v-223.968c0-51.968-43.008-94.976-96-94.976h-96c-18.016 0-32 14.016-32 32 0 17.024 13.984 32.032 32 32.032zM912 304c0 62.016-50.016 112-112 112-0.057 0-0.125 0-0.192 0-61.75 0-111.808-50.058-111.808-111.808 0-0.068 0-0.135 0-0.202l-0 0.010c0-60.992 49.984-112 112-112 61.984 0 112 51.008 112 112zM800 256c-26.016 0-48 22.016-48 48 0 26.51 21.49 48 48 48s48-21.49 48-48v0c0-25.984-22.016-48-48-48z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["capacity-indicator"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 431,
+				"id": 7,
+				"name": "capacity-indicator",
+				"prevSize": 32,
+				"code": 921860
+			},
+			"setIdx": 12,
+			"setId": 53,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c160 0 288 128 288 286.016 0 60.992-24.96 116.992-52 171.968l-206.24 419.904c-5.312 10.761-16.181 18.047-28.759 18.112l-0.009 0c-12 0-23.232-6.88-28.768-18.112l-207.2-419.968c-27.072-54.88-53.024-110.912-53.024-171.904 0-159.040 128.992-286.016 288-286.016zM512.992 128.992c-124 0-224.992 100-224.992 224 0 51.008 23.84 99.072 46.080 144.768l178.912 367.232 177.92-367.168c22.208-45.76 45.088-93.824 45.088-143.84 0-124.992-99.008-224.96-223.008-224.96zM416 352c0.018-53.023 43.006-96 96.032-96 53.037 0 96.032 42.995 96.032 96.032 0 0.011-0 0.023-0 0.034l0-0.002c-0.018 53.023-43.006 96-96.032 96-53.037 0-96.032-42.995-96.032-96.032 0-0.011 0-0.023 0-0.034l-0 0.002z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["destination"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 432,
+				"id": 8,
+				"name": "destination",
+				"prevSize": 32,
+				"code": 922168
+			},
+			"setIdx": 12,
+			"setId": 53,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 256c140.992 0 256 115.008 256 256s-115.008 256-256 256c-140.992 0-256-115.008-256-256s115.008-256 256-256zM512 320c-106.016 0-192 86.016-192 192 0 106.016 86.016 192 192 192 106.016 0 192-86.016 192-192 0-106.016-86.016-192-192-192z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["intermediary-stop"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 433,
+				"id": 9,
+				"name": "intermediary-stop",
+				"prevSize": 32,
+				"code": 921875
+			},
+			"setIdx": 12,
+			"setId": 53,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M160 672v-224c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32v224c0 53.019 42.981 96 96 96v0h211.008l-74.016-72.992c-5.57-5.899-8.994-13.876-8.994-22.653 0-0.125 0.001-0.25 0.002-0.374l-0 0.019c0-18.432 13.216-32 32-32 8 0 16.992 3.008 23.008 8.992l128 128c5.571 5.571 9.017 13.267 9.017 21.768 0 0.436-0.009 0.87-0.027 1.302l0.002-0.062c0 8-3.008 16.992-8.992 23.008l-128 128c-5.571 5.571-13.267 9.017-21.768 9.017-0.436 0-0.87-0.009-1.302-0.027l0.062 0.002c-18.432 0-32-13.216-32-32 0-8 2.432-16.512 8.992-23.008l74.016-72.992h-211.008c-88 0-160-72-160-160zM192 96c71.008 0 128 56.992 128 128s-56.992 128-128 128c-71.008 0-128-56.992-128-128s56.992-128 128-128zM192 160c-35.008 0-64 28.992-64 64s28.992 64 64 64c35.008 0 64-28.992 64-64s-28.992-64-64-64zM392.992 247.008c-5.571-5.571-9.017-13.267-9.017-21.768 0-0.436 0.009-0.87 0.027-1.302l-0.002 0.062c0-8 3.008-16.992 8.992-23.008l128-128c5.571-5.571 13.267-9.017 21.768-9.017 0.436 0 0.87 0.009 1.302 0.027l-0.062-0.002c18.016 0 32 14.016 32 32 0 8-2.432 16.512-8.992 23.008l-74.016 72.992h211.008c88 0 160 72 160 160v224c0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32v-224c0-53.019-42.981-96-96-96v0h-211.008l74.016 72.992c5.569 5.709 9.004 13.521 9.004 22.136 0 0.307-0.004 0.612-0.013 0.917l0.001-0.045c0 18.016-14.016 32-32 32-8 0-16-2.016-23.008-8.992l-128-128zM832 672c71.008 0 128 56.992 128 128s-56.992 128-128 128c-71.008 0-128-56.992-128-128s56.992-128 128-128zM832 736c-35.008 0-64 28.992-64 64s28.992 64 64 64c35.008 0 64-28.992 64-64s-28.992-64-64-64z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["round-trip"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 434,
+				"id": 10,
+				"name": "round-trip",
+				"prevSize": 32,
+				"code": 11156
+			},
+			"setIdx": 12,
+			"setId": 53,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M64 512c0-71.008 56.992-128 128-128s128 56.992 128 128c0 71.008-56.992 128-128 128s-128-56.992-128-128zM384 512c0-18.016 14.016-32 32-32h435.008l-73.76-73.28c-5.715-5.716-9.25-13.611-9.25-22.333 0-0.136 0.001-0.272 0.003-0.408l-0 0.021c0-19.008 15.008-32 32-32 8 0 16.256 2.752 22.752 9.248l128.256 127.776c5.984 5.984 8.992 14.976 8.992 22.976s-2.752 16.256-9.248 22.752l-128 128c-5.74 5.716-13.657 9.25-22.399 9.25-0.124 0-0.248-0.001-0.372-0.002l0.019 0c-14.016 0-32-10.016-32-32 0-8 2.976-17.024 8.992-22.976l74.016-73.024h-435.008c-18.016 0-32-14.016-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["single-trip"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 435,
+				"id": 11,
+				"name": "single-trip",
+				"prevSize": 32,
+				"code": 10526
+			},
+			"setIdx": 12,
+			"setId": 53,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M528 208c168 0 304 136 304 304s-136 304-304 304-304-136-304-304 136-304 304-304zM528 272c-0.171-0-0.374-0.001-0.577-0.001-132.23 0-239.424 107.194-239.424 239.424 0 0.203 0 0.405 0.001 0.608l-0-0.031c0 132.992 107.008 240 240 240s240-107.008 240-240c0-132-108-240-240-240zM432 512c0.018-53.023 43.006-96 96.032-96 53.037 0 96.032 42.995 96.032 96.032 0 0.011-0 0.023-0 0.034l0-0.002c-0.018 53.023-43.006 96-96.032 96-53.037 0-96.032-42.995-96.032-96.032 0-0.011 0-0.023 0-0.034l-0 0.002z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["start"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 436,
+				"id": 12,
+				"name": "start",
+				"prevSize": 32,
+				"code": 10687
+			},
+			"setIdx": 12,
+			"setId": 53,
+			"iconIdx": 13
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-maps-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-maps-filled.json
new file mode 100644
index 0000000000..2fcfd974ce
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-maps-filled.json
@@ -0,0 +1,80 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M512 260c9.28 0.096 23.808 5.056 30.112 21.824l223.424 593.568c1.558 4.011 2.46 8.653 2.46 13.506 0 21.155-17.149 38.304-38.304 38.304-10.585 0-20.167-4.293-27.1-11.234l-0-0-186.080-186.080c-1.157-1.15-2.751-1.861-4.512-1.861s-3.355 0.711-4.512 1.861l0-0-186.080 186.112c-6.933 6.941-16.515 11.234-27.1 11.234-21.155 0-38.304-17.149-38.304-38.304 0-4.853 0.903-9.495 2.549-13.768l-0.089 0.262 223.68-594.368c5.792-15.424 20.608-21.152 29.856-21.056zM512 66.656c16.416 0 31.936 12.48 32 32v84.416c0 17.673-14.327 32-32 32v0c-16.416 0-31.968-13.76-32-32v-84.416c0-17.673 14.327-32 32-32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_gps_north_solid_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 239,
+				"id": 2,
+				"name": "db_ic_gps_north_solid_32",
+				"prevSize": 32,
+				"code": 921944
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M908.864 131.040c1.8 3.877 2.849 8.416 2.849 13.2s-1.050 9.323-2.932 13.398l0.082-0.198-337.152 736.128c-7.735 16.753-24.39 28.169-43.712 28.169-26.51 0-48-21.49-48-48 0-0.003 0-0.006 0-0.010l-0 0.001v-321.728c0-4.418-3.582-8-8-8v0h-329.792c-26.5-0.013-47.977-21.498-47.977-48 0-19.322 11.417-35.977 27.872-43.589l0.297-0.123 744.096-337.184c3.883-1.805 8.428-2.858 13.22-2.858 12.887 0 23.995 7.618 29.066 18.596l0.082 0.198z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_maps_gps-on_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 347,
+				"id": 1,
+				"name": "ic-db_maps_gps-on_32",
+				"prevSize": 32,
+				"code": 921943
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-maps-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-maps-outline.json
new file mode 100644
index 0000000000..af6d1a4ba6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-maps-outline.json
@@ -0,0 +1,358 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M448 128c106.039 0 192 85.961 192 192v0 256.448l-0.096 1.632 0.096 208.416 104.832-104.96c5.768-5.891 13.802-9.543 22.689-9.543 0.236 0 0.471 0.003 0.706 0.008l-0.035-0.001c16.96 0 31.808 13.792 31.808 31.84 0 8.512-3.2 16.992-9.536 22.304l-162.656 162.848c-5.168 4.362-11.904 7.013-19.259 7.013-0.193 0-0.385-0.002-0.577-0.005l0.029 0c-7.424 0-15.904-3.2-22.272-9.568l-160.192-160.32c-5.676-5.747-9.266-13.566-9.535-22.221l-0.001-0.051c0-18.048 14.848-31.84 31.808-31.84 8.512 0 16.96 3.2 23.36 9.568l104.832 104.928-0.16-402.496 0.16-3.2v-60.8c0-70.692-57.308-128-128-128s-128 57.308-128 128v0 192c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-192c0-106.039 85.961-192 192-192v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_navigation_u-turn_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 73,
+				"id": 13,
+				"name": "db_ic_navigation_u-turn_32",
+				"prevSize": 32,
+				"code": 922371
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M544 352c-88.366 0-160 71.634-160 160v0 352c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-352c0-123.712 100.288-224 224-224v0h146.496l-98.56-98.432c-5.891-5.768-9.543-13.802-9.543-22.689 0-0.236 0.003-0.471 0.008-0.706l-0.001 0.035c0-16.96 13.792-31.808 31.84-31.808 8.512 0 16.992 3.2 22.304 9.536l156.448 156.256c4.362 5.164 7.013 11.897 7.013 19.248 0 0.197-0.002 0.393-0.006 0.589l0-0.029c0 7.424-3.2 15.904-9.568 22.272l-160.32 160.192c-5.747 5.676-13.566 9.266-22.221 9.535l-0.051 0.001c-17.552-0.054-31.767-14.259-31.84-31.801l-0-0.007c0-8.512 3.2-16.96 9.568-23.36l104.928-104.832z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_navigation_to_right_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 72,
+				"id": 12,
+				"name": "db_ic_navigation_to_right_32",
+				"prevSize": 32,
+				"code": 922370
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M544 352c88.366 0 160 71.634 160 160v0 352c0 17.673 14.327 32 32 32s32-14.327 32-32v0-352c0-123.712-100.288-224-224-224v0h-146.496l98.56-98.432c5.891-5.768 9.543-13.802 9.543-22.689 0-0.236-0.003-0.471-0.008-0.706l0.001 0.035c0-16.96-13.792-31.808-31.84-31.808-8.512 0-16.992 3.2-22.304 9.536l-156.448 156.256c-4.362 5.164-7.013 11.897-7.013 19.248 0 0.197 0.002 0.393 0.006 0.589l-0-0.029c0 7.424 3.2 15.904 9.568 22.272l160.32 160.192c5.747 5.676 13.566 9.266 22.221 9.535l0.051 0.001c17.552-0.054 31.767-14.259 31.84-31.801l0-0.007c0-8.512-3.2-16.96-9.568-23.36l-104.928-104.832z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_navigation_to_left_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 71,
+				"id": 11,
+				"name": "db_ic_navigation_to_left_32",
+				"prevSize": 32,
+				"code": 922369
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 128c7.424 0 15.904 3.2 22.272 9.568l224.192 224.32c5.28 5.28 9.536 13.76 9.536 22.272-0.054 17.552-14.259 31.767-31.801 31.84l-0.007 0c-8.512 0-16.96-3.2-23.36-9.568l-168.832-168.928 0.16 626.496c0 17.673-14.327 32-32 32s-32-14.327-32-32v0l-0.16-626.496-168.832 168.96c-5.768 5.891-13.802 9.543-22.689 9.543-0.236 0-0.471-0.003-0.706-0.008l0.035 0.001c-17.549-0.073-31.754-14.288-31.808-31.835l-0-0.005c0-8.512 3.2-16.992 9.536-22.304l226.656-226.848c5.168-4.362 11.904-7.013 19.259-7.013 0.193 0 0.385 0.002 0.577 0.005l-0.029-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_navigation_straight_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 70,
+				"id": 10,
+				"name": "db_ic_navigation_straight_32",
+				"prevSize": 32,
+				"code": 922368
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c247.424 0 448 200.576 448 448s-200.576 448-448 448-448-200.576-448-448 200.576-448 448-448zM512 128c-212.064 0-384 171.936-384 384s171.936 384 384 384 384-171.936 384-384-171.936-384-384-384zM658.88 270.72c24.96 0 48 20.544 48 48v369.28c0 26.51-21.49 48-48 48v0c-24.96 0-48-20.704-48-48v-154.24h-197.76v154.24c0 26.51-21.49 48-48 48v0c-24.96 0-48-20.48-48-48v-369.28c0-24.96 21.312-48 48-48s48 25.344 48 48v142.72h197.76v-142.72c0-26.51 21.49-48 48-48v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_station_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 183,
+				"id": 0,
+				"name": "db_ic_station_32",
+				"prevSize": 32,
+				"code": 921986
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M864 64c53.019 0 96 42.981 96 96v0 704c0 53.019-42.981 96-96 96v0h-704c-53.019 0-96-42.981-96-96v0-704c0-53.019 42.981-96 96-96v0zM864 128h-704c-16.352 0.002-29.838 12.269-31.761 28.102l-0.015 0.154-0.224 3.744v704c0.002 16.352 12.269 29.838 28.102 31.761l0.154 0.015 3.744 0.224h704c16.352-0.002 29.838-12.269 31.761-28.102l0.015-0.154 0.224-3.744v-704c-0.002-16.352-12.269-29.838-28.102-31.761l-0.154-0.015zM540.352 270.72c51.616 0 90.88 11.52 117.76 34.56s40.32 57.6 40.32 103.68c0 47.36-13.984 83.104-41.92 107.2-26.208 22.592-64.32 34.592-114.336 36.032-33.344 0.928-61.888-0.576-85.664-4.48v144.768c0 24.035-19.485 43.52-43.52 43.52v0c-22.624 0-43.52-16.768-43.52-43.52-0.064-124.576-0.064-249.184 0-373.76 0-24.96 19.296-48 48-48zM456.512 334.72v152.288c22.656 2.56 45.472 3.872 68.48 3.872 30.272 0 52.16-6.176 65.6-18.56s20.16-32.64 20.16-60.8c0-25.216-4.864-43.84-14.56-55.808s-34.016-20.96-61.6-20.992z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_parking_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 182,
+				"id": 1,
+				"name": "db_ic_parking_32",
+				"prevSize": 32,
+				"code": 127359
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M561.76 681.984c-13.12-13.248-30.88-34.016-49.792-34.016-18.784 0-36.448 20.704-49.76 34.016l-101.952 101.984 151.744-403.2 151.744 403.2-101.952-101.984zM765.504 872.704l-223.424-593.504c-4.492-12.615-16.208-21.538-30.046-21.823l-0.034-0.001c-13.609 0.28-25.15 8.839-29.812 20.833l-0.076 0.223-223.68 594.368c-1.526 3.975-2.411 8.574-2.411 13.38 0 21.172 17.164 38.336 38.336 38.336 10.542 0 20.090-4.255 27.021-11.142l-0.002 0.002 186.080-186.112c1.158-1.16 2.759-1.877 4.528-1.877s3.37 0.717 4.528 1.877l0 0 186.080 186.080c6.933 6.967 16.528 11.279 27.131 11.279 21.137 0 38.272-17.135 38.272-38.272 0-4.882-0.914-9.551-2.58-13.844l0.089 0.261zM512 212.448c17.673 0 32-14.327 32-32v0-84.48c0.001-0.105 0.002-0.23 0.002-0.354 0-17.479-14.169-31.648-31.648-31.648-0.124 0-0.249 0.001-0.373 0.002l0.019-0c-17.673 0-32 14.327-32 32v0 84.448c0 18.24 15.584 32 32 32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_gps_north_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 181,
+				"id": 2,
+				"name": "db_ic_gps_north_32",
+				"prevSize": 32,
+				"code": 921944
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M908.864 131.040c1.8 3.877 2.849 8.416 2.849 13.2s-1.050 9.323-2.932 13.398l0.082-0.198-337.152 736.128c-7.735 16.753-24.39 28.169-43.712 28.169-26.51 0-48-21.49-48-48 0-0.003 0-0.006 0-0.010l-0 0.001v-321.728c0-4.418-3.582-8-8-8v0h-329.792c-26.5-0.013-47.977-21.498-47.977-48 0-19.322 11.417-35.977 27.872-43.589l0.297-0.123 744.096-337.184c3.883-1.805 8.428-2.858 13.22-2.858 12.887 0 23.995 7.618 29.066 18.596l0.082 0.198zM814.976 208.64l-598.752 271.36h255.776c0.003-0 0.006-0 0.009-0 38.031 0 69.174 29.485 71.818 66.843l0.013 0.229 0.16 4.928-0.032 248.384 271.008-591.712z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_maps_gps_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 333,
+				"id": 3,
+				"name": "ic-db_maps_gps_32",
+				"prevSize": 32,
+				"code": 921943
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c22.016 0 45.984 7.040 63.008 24l376 375.008c5.984 5.984 8.992 15.008 8.992 23.008 0 17.984-15.008 32-32 32-7.008 0-16-3.008-20-7.040l-44-43.936v460.96c0 16.512-12 32-28 32h-228c-16 0-31.008-12-31.008-28v-228h-128.992v224c0 16.512-12.992 32-28.992 32h-227.008c-16 0-32-12-32-28v-464.992l-40.992 40.992c-5.787 6.122-13.944 9.952-22.996 10.016l-0.012 0c-8 0-16.992-4-23.008-10.016-5.558-5.607-8.992-13.327-8.992-21.849 0-0.059 0-0.117 0-0.176l-0 0.009c0-6.976 2.016-14.976 7.008-19.968l372.992-374.048c17.11-17.276 40.835-27.973 67.060-27.973 0.331 0 0.661 0.002 0.991 0.005l-0.050-0zM512 128c-7.008 0-15.008 2.016-20 7.008l-268 268v492.992h160v-224c0-16.992 12-32 28-32h196c16.992 0 32 12 32 28v228h160v-492.992l-264.992-266.048c-5.935-5.552-13.935-8.961-22.732-8.961-0.097 0-0.194 0-0.291 0.001l0.015-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["home"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 334,
+				"id": 4,
+				"name": "home",
+				"prevSize": 32,
+				"code": 8962
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M905.712 124.121c14.522 0 25.197 10.674 25.197 27.152v531.394c0 10.674-4.686 21.659-14.553 26.19l-265.65 122.135c-6.703 3.103-12.629 4.872-19.394 4.872-5.834 0-12.691-1.8-19.394-4.872l-250.197-114.409-251.159 115.371c-5.896 2.731-16.446 5.834-22.28 5.834-9.775 0.031-26.221-10.643-26.221-31.961v-526.553c0-10.674 4.717-21.628 14.553-26.19l256.962-119.28c8.454-4.266 18.427-6.765 28.984-6.765 0.043 0 0.086 0 0.129 0l-0.007-0c9.681 0 20.418 1.8 31.030 6.765l237.568 111.523 246.256-114.378c5.151-2.389 16.508-6.796 28.144-6.796zM330.628 203.652l-206.507 94.984v459.652l206.538-96.008v-458.659zM392.688 203.652v458.628l207.531 96.039v-458.721l-207.531-96.008zM868.817 203.652l-206.538 95.015v459.652l206.569-96.039v-458.659z"
+				],
+				"width": 993,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["map"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 335,
+				"id": 5,
+				"name": "map",
+				"prevSize": 32,
+				"code": 128506
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M256 927.712c-0.006 0.22-0.009 0.479-0.009 0.739 0 17.426 14.126 31.552 31.552 31.552 0.161 0 0.321-0.001 0.481-0.004l-0.024 0h452c16.032 0 28-15.872 28-32.224 0-0.048 0-0.105 0-0.162 0-17.461-14.155-31.616-31.616-31.616-0.135 0-0.27 0.001-0.405 0.003l0.020-0h-452c-18.016 0-28 16.128-28 31.712zM512 64c145.792 0 256 116.512 256 254.72 0 47.264-12.896 97.152-40.768 144.832l-187.52 320.512c-5.376 9.579-15.468 15.946-27.048 15.946-0.279 0-0.556-0.004-0.833-0.011l0.041 0.001c-0.185 0.004-0.403 0.006-0.622 0.006-11.652 0-21.812-6.387-27.17-15.851l-0.081-0.155-181.76-309.12c-30.88-52.48-46.24-104.864-46.24-156.32 0-140.8 112.992-254.56 256-254.56zM513.088 128c-109.088 0-193.088 84.16-193.088 190.688 0 36.32 9.76 74.24 32.864 113.792l159.136 272.512 155.104-263.040c19.875-32.322 33.104-70.746 36.822-111.914l0.074-1.014c0-121.024-84.576-201.024-190.912-201.024zM448 320c0 35.008 28.992 64 64 64s64-28.992 64-64c0-35.008-28.992-64-64-64s-64 28.992-64 64z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["place"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 336,
+				"id": 6,
+				"name": "place",
+				"prevSize": 32,
+				"code": 921878
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c18.016 0 32 14.016 32 32v130.016c133.588 15.478 238.521 120.399 253.889 252.642l0.127 1.342h129.984c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-130.016c-15.826 133.427-120.561 238.173-252.615 253.883l-1.369 0.133v129.984c0 18.016-14.016 32-32 32-18.016 0-32-14.016-32-32v-130.016c-133.588-15.478-238.521-120.399-253.889-252.642l-0.127-1.342h-129.984c-18.016 0-32-14.016-32-32 0-18.016 14.016-32 32-32h130.016c15.826-133.427 120.561-238.173 252.615-253.883l1.369-0.133v-129.984c0-18.016 14.016-32 32-32zM512 288c-124 0-224 100-224 224s100 224 224 224 224-100 224-224-100-224-224-224zM512 608c53.023-0.018 96-43.006 96-96.032 0-53.037-42.995-96.032-96.032-96.032-0.011 0-0.023 0-0.034 0l0.002-0c-53.023 0.018-96 43.006-96 96.032 0 53.037 42.995 96.032 96.032 96.032 0.011 0 0.023-0 0.034-0l-0.002 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["set-position"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 337,
+				"id": 7,
+				"name": "set-position",
+				"prevSize": 32,
+				"code": 128907
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M714.69 62.061c21.938 0 43.846 5.989 60.788 22.931l96.659 96.628c18.928 18.928 27.896 41.705 27.896 66.622 0 20.914-6.578 44.373-22.931 60.912l-96.659 97.652c-16.353 16.539-36.864 27.617-59.764 27.617h-223.201v434.424h123.128c16.943 0 31.341 14.243 31.341 31.185 0 15.919-15.391 30.875-31.341 30.875h-318.061c-17.936 0-31.030-12.94-31.030-30.875 0-14.957 15.081-31.185 31.030-31.185h132.189v-434.424h-248.553c-49.835 0-93.091-38.571-93.091-87.412v-192.295c0-48.811 43.256-92.656 93.091-92.656h528.508zM718.693 124.121h-532.511c-16.943 0-30.317 11.667-30.317 26.624v190.309c0 15.95 10.954 31.31 26.903 31.31h531.921c5.989 0 14.957-2.42 20.914-8.378l93.68-93.68c5.539-5.443 8.972-13.014 8.972-21.387 0-0.183-0.002-0.366-0.005-0.548l0 0.027c0-6.982-1.458-15.453-5.989-19.952l-96.659-95.635c-4.996-4.965-10.954-8.688-16.912-8.688z"
+				],
+				"width": 993,
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["stop"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 338,
+				"id": 8,
+				"name": "map-stop",
+				"prevSize": 32,
+				"code": 921877
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M736 96c18.016 0 32 15.008 32 32v416h160c18.016 0 32 14.016 32 32v320c0 18.016-14.016 32-32 32h-320c-18.016 0-32-14.016-32-32v-160c0-18.016-14.016-32-32-32h-64c-18.016 0-32 14.016-32 32v160c0 18.016-14.016 32-32 32h-320c-18.016 0-32-14.016-32-32v-320c0-18.016 15.008-32 32-32h159.008v-416c0-16.032 16.992-32 32.992-32h448zM256 608h-128v256h128v-256zM704 160h-384v704h64v-128c0-53.019 42.981-96 96-96v0h64c53.019 0 96 42.981 96 96v0 128h64v-704zM896 608h-128v256h128v-256zM512 256c71.008 0 128 56.992 128 128 0.001 0.222 0.002 0.485 0.002 0.748 0 35.178-14.123 67.057-37.009 90.276l0.015-0.015c-23.204 22.871-55.083 36.994-90.26 36.994-0.263 0-0.526-0.001-0.788-0.002l0.040 0c-71.008 0-128-56.992-128-128s56.992-128 128-128zM512 320c-35.008 0-64 28.992-64 64s28.992 64 64 64c35.008 0 64-28.992 64-64s-28.992-64-64-64z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["trainstation"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 339,
+				"id": 9,
+				"name": "trainstation",
+				"prevSize": 32,
+				"code": 922240
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-navigation-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-navigation-filled.json
new file mode 100644
index 0000000000..7dd78683fd
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-navigation-filled.json
@@ -0,0 +1,70 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M512 64c247.008 0 448 200.992 448 448s-200.992 448-448 448-448-200.992-448-448 200.992-448 448-448zM690.016 304c-0.107-0.001-0.233-0.002-0.359-0.002-8.751 0-16.676 3.534-22.427 9.252l0.001-0.001-155.232 154.752-157.248-156.768c-5.504-5.472-12.768-7.232-19.744-7.232-16.992 0-31.008 12.992-31.008 30.016 0 8 2.752 16.224 9.248 22.72l154.752 155.264-156.768 157.248c-5.472 5.504-7.232 12.736-7.232 19.744 0 17.024 12.992 31.008 30.016 31.008 0.103 0.001 0.226 0.002 0.348 0.002 8.734 0 16.642-3.534 22.373-9.251l155.263-154.751 157.248 156.768c5.504 5.472 12.736 7.232 19.744 7.232 17.024 0 31.008-12.992 31.008-30.016 0.001-0.088 0.001-0.192 0.001-0.296 0-8.75-3.533-16.675-9.251-22.426l0.002 0.002-154.752-155.264 156.768-157.248c5.472-5.504 7.232-12.768 7.232-19.744 0-16.992-12.992-31.008-30.016-31.008z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["cancel-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 9,
+				"id": 0,
+				"name": "cancel-filled",
+				"prevSize": 32,
+				"code": 11198
+			},
+			"setIdx": 8,
+			"setId": 47,
+			"iconIdx": 0
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-navigation-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-navigation-outline.json
new file mode 100644
index 0000000000..419c48fb5e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-navigation-outline.json
@@ -0,0 +1,507 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M448.384 734.24c-17.67-0.004-31.993-14.329-31.993-32 0-8.835 3.58-16.833 9.369-22.624l152.32-152.288-152.32-152.32c-6.027-5.827-9.769-13.985-9.769-23.017 0-17.673 14.327-32 32-32 9.032 0 17.19 3.742 23.009 9.76l0.009 0.009 174.912 174.944c5.789 5.791 9.369 13.789 9.369 22.624s-3.58 16.833-9.369 22.624l-174.912 174.912c-5.79 5.791-13.788 9.374-22.624 9.376l-0 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_link_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 187,
+				"id": 20,
+				"name": "db_ic_link_32",
+				"prevSize": 32,
+				"code": 129122
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M832 512c0-17.984-14.016-32-32-32h-499.008l202.048-200.96c5.554-5.563 8.988-13.243 8.988-21.726 0-0.462-0.010-0.922-0.030-1.379l0.002 0.065c0-17.984-12.992-32-32-32-8 0-16 2.016-23.008 9.024l-256 256c-5.57 5.571-9.016 13.266-9.016 21.767 0 0.425 0.009 0.848 0.026 1.269l-0.002-0.060c0 8 2.016 16 8.992 23.008l256 256c5.576 5.572 13.277 9.018 21.782 9.018 0.442 0 0.883-0.009 1.32-0.028l-0.063 0.002c18.976 0 32-15.008 32-32 0-8-2.016-16-9.024-23.008l-202.016-200.96h499.008c18.016 0 32-14.016 32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["arrow-back"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 10,
+				"id": 0,
+				"name": "arrow-back",
+				"prevSize": 32,
+				"code": 8592
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 192c-17.984 0-32 14.016-32 32v499.008l-200.992-202.048c-5.563-5.553-13.243-8.987-21.725-8.987-0.451 0-0.9 0.010-1.347 0.029l0.064-0.002c-17.984 0-32 12.992-32 32 0 8 2.016 16 8.992 23.008l256 256c5.571 5.572 13.268 9.018 21.769 9.018 0.447 0 0.891-0.010 1.334-0.028l-0.063 0.002c8 0 16-1.984 22.976-8.992l256-256c5.572-5.576 9.018-13.277 9.018-21.782 0-0.442-0.009-0.883-0.028-1.32l0.002 0.063c0.002-0.115 0.002-0.251 0.002-0.387 0-17.443-14.141-31.584-31.584-31.584-0.147 0-0.294 0.001-0.441 0.003l0.022-0c-8 0-16 2.016-23.008 8.992l-200.96 202.016v-499.008c0-17.984-14.016-32-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["arrow-down"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 11,
+				"id": 1,
+				"name": "arrow-down",
+				"prevSize": 32,
+				"code": 8595
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M201.697 496.485c0 17.47 13.591 31.030 31.030 31.030h483.887l-195.894 194.901c-5.402 5.397-8.744 12.857-8.744 21.096 0 0.427 0.009 0.852 0.027 1.275l-0.002-0.060c0 17.47 12.598 31.030 31.030 31.030 7.758 0 15.515-1.924 22.311-8.72l248.242-248.242c5.402-5.402 8.744-12.865 8.744-21.108 0-0.423-0.009-0.844-0.026-1.262l0.002 0.060c0-7.758-1.955-15.515-8.72-22.311l-248.242-248.242c-5.407-5.403-12.874-8.744-21.122-8.744-0.429 0-0.856 0.009-1.28 0.027l0.061-0.002c-18.401 0-31.030 14.553-31.030 31.030 0 7.758 1.955 15.515 8.751 22.311l195.894 194.901h-483.887c-17.47 0-31.030 13.591-31.030 31.030z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["arrow-forward"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 12,
+				"id": 2,
+				"name": "arrow-forward",
+				"prevSize": 32,
+				"code": 8594
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 806.788c17.439 0 31.030-13.56 31.030-31.030v-483.887l194.901 195.894c5.397 5.402 12.857 8.744 21.096 8.744 0.427 0 0.852-0.009 1.275-0.027l-0.060 0.002c17.439 0 31.030-12.598 31.030-31.030 0-7.758-1.955-15.515-8.72-22.311l-248.242-248.242c-5.399-5.385-12.851-8.715-21.080-8.715-0.444 0-0.885 0.010-1.324 0.029l0.063-0.002c-0.366-0.016-0.795-0.025-1.227-0.025-8.22 0-15.663 3.33-21.053 8.714l0-0-248.242 248.242c-5.403 5.407-8.744 12.874-8.744 21.122 0 0.429 0.009 0.856 0.027 1.28l-0.002-0.061c0 18.401 14.553 31.030 31.030 31.030 7.758 0 15.515-1.955 22.311-8.751l194.901-195.894v483.887c0 17.47 13.56 31.030 31.030 31.030z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["arrow-up"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 13,
+				"id": 3,
+				"name": "arrow-up",
+				"prevSize": 32,
+				"code": 8593
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c247.008 0 448 200.992 448 448s-200.992 448-448 448-448-200.992-448-448 200.992-448 448-448zM512 128c-212 0-384 172-384 384s172 384 384 384 384-172 384-384-172-384-384-384zM320 352c0-18.016 12.992-32 32-32 8.992 0 16 2.016 23.008 8.992l136.992 136.992 136.992-136.96c5.569-5.59 13.274-9.048 21.786-9.048 0.43 0 0.857 0.009 1.283 0.026l-0.061-0.002c18.016 0 32 12.992 32 32 0 8.992-2.016 16-8.992 23.008l-137.024 136.992 137.024 136.992c5.984 6.016 8.992 15.008 8.992 23.008 0 18.016-12.992 32-32 32-8.992 0-15.008-0.992-23.008-8.992l-136.992-137.024-136.992 137.024c-5.566 5.571-13.258 9.018-21.755 9.018-0.441 0-0.879-0.009-1.315-0.028l0.062 0.002c-17.984 0-32-12.992-32-32 0-8 0.992-15.008 8.992-23.008l136.992-136.992-136.96-136.992c-5.59-5.574-9.048-13.283-9.048-21.799 0-0.425 0.009-0.848 0.026-1.27l-0.002 0.060z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["cancel"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 14,
+				"id": 4,
+				"name": "cancel",
+				"prevSize": 32,
+				"code": 11198
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M640 768c0 17.984-12.992 32-32 32-8.874-0.138-16.928-3.539-23.039-9.052l0.031 0.028-256-256c-5.465-6.077-8.852-14.118-8.992-22.947l-0-0.029c0-8 3.008-16 8.992-23.008l256-256c7.008-5.984 15.008-8.992 23.008-8.992s16 3.008 23.008 8.992c5.469 6.095 8.849 14.162 8.96 23.017l0 0.023c0 7.968-2.976 15.968-8.96 22.976l-234.016 232.96 234.016 233.024c5.984 7.008 8.96 15.008 8.992 23.008z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["chevron-left"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 15,
+				"id": 5,
+				"name": "chevron-left",
+				"prevSize": 32,
+				"code": 60
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M384 768c0 17.984 12.992 32 32 32 8 0 16-3.008 23.008-9.024l256-256c5.467-6.076 8.855-14.118 8.992-22.948l0-0.028c0-8-3.008-16-8.992-23.008l-256-256c-6.085-5.471-14.138-8.86-22.981-8.992l-0.027-0c-8 0-16 3.008-23.008 8.992-5.469 6.095-8.849 14.162-8.96 23.017l-0 0.023c0 7.968 2.976 15.968 8.96 22.976l234.016 232.96-234.016 233.024c-5.469 6.086-8.857 14.139-8.992 22.981l-0 0.027z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["chevron-right"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 16,
+				"id": 6,
+				"name": "chevron-right",
+				"prevSize": 32,
+				"code": 62
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M243.776 198.208l268.224 268.224 265.376-264.832c5.594-5.899 13.487-9.569 22.238-9.569 0.102 0 0.204 0 0.305 0.001l-0.016-0c17.6 0 32.096 13.44 32.096 32.096 0 8.32-2.080 14.496-9.28 21.76l-265.184 266.112 265.12 266.144c5.608 5.575 9.134 13.239 9.311 21.727l0.001 0.033c0.002 0.144 0.004 0.313 0.004 0.483 0 17.461-14.155 31.616-31.616 31.616-0.159 0-0.317-0.001-0.476-0.004l0.024 0c-8.32 0-14.496-2.080-21.76-9.28l-266.144-265.184-265.376 264.864c-5.594 5.899-13.487 9.569-22.238 9.569-0.102 0-0.204-0-0.305-0.001l0.016 0c-0.144 0.002-0.313 0.004-0.483 0.004-17.461 0-31.616-14.155-31.616-31.616 0-0.159 0.001-0.317 0.004-0.476l-0 0.024c0-8.32 2.080-14.496 9.28-21.76l265.184-266.144-265.152-266.144c-5.605-5.577-9.13-13.24-9.311-21.726l-0.001-0.034c0-17.6 13.44-32.096 32.096-32.096 6.208 0 13.44 2.080 19.68 6.208z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["close"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 17,
+				"id": 7,
+				"name": "close",
+				"prevSize": 32,
+				"code": 10799
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 640c17.984 0 32-13.024 32-32 0-8-3.008-16-8.992-23.008l-256-256c-6.085-5.471-14.138-8.86-22.981-8.992l-0.027-0c-8 0-16 3.008-23.008 8.992l-256 256c-5.46 6.089-8.838 14.142-8.96 22.983l-0 0.025c0 8 2.976 16 8.96 22.976 6.088 5.492 14.155 8.894 23.014 9.024l0.026 0c8 0 16-3.008 22.976-9.024l232.992-233.984 232.992 233.984c6.080 5.485 14.134 8.886 22.98 9.024l0.028 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["expand-less"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 18,
+				"id": 8,
+				"name": "expand-less",
+				"prevSize": 32,
+				"code": 8963
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 384c17.984 0 32 12.992 32 32 0 8-3.008 16-8.992 23.008l-256 256c-6.089 5.46-14.142 8.838-22.983 8.96l-0.025 0c-8 0-16-2.976-23.008-8.96l-256-256c-5.46-6.089-8.838-14.142-8.96-22.983l-0-0.025c0-8 2.976-16 8.96-23.008 6.095-5.469 14.162-8.849 23.017-8.96l0.023-0c8 0 16 2.976 22.976 8.96l232.992 234.016 232.992-234.016c7.008-5.984 15.008-8.992 23.008-8.992z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["expand-more"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 19,
+				"id": 9,
+				"name": "expand-more",
+				"prevSize": 32,
+				"code": 8964
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M384 672v224c0 19.040-12.992 32-32 32s-32-12.8-32-32v-192h-192c-18.016 0-32-12.992-32-32 0-18.016 12-32 32-32h224c19.008 0 32 12.96 32 32zM640 672c0-19.040 12.992-32 32-32h224c20 0 32 14.016 32 32 0 19.008-14.016 32-32 32h-192v192c0 19.2-12.992 32-32 32s-32-12.96-32-32v-224zM640 352v-224c0-19.040 12.992-32 32-32s32 12.8 32 32v192h192c18.016 0 32 12.992 32 32 0 18.016-12 32-32 32h-224c-19.008 0-32-12.96-32-32zM384 352c0 19.040-12.992 32-32 32h-224c-20 0-32-14.016-32-32 0-19.008 14.016-32 32-32h192v-192c0-19.2 12.992-32 32-32s32 12.96 32 32v224z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fullscreen-exit"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 20,
+				"id": 10,
+				"name": "fullscreen-exit",
+				"prevSize": 32,
+				"code": 921888
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M96 896v-224c0-19.040 12.992-32 32-32s32 12.8 32 32v192h192c18.016 0 32 12.992 32 32 0 18.016-12 32-32 32h-224c-19.008 0-32-12.96-32-32zM928 896c0 19.040-12.992 32-32 32h-224c-20 0-32-14.016-32-32 0-19.008 14.016-32 32-32h192v-192c0-19.2 12.992-32 32-32s32 12.96 32 32v224zM928 128v224c0 19.040-12.992 32-32 32s-32-12.8-32-32v-192h-192c-18.016 0-32-12.992-32-32 0-18.016 12-32 32-32h224c19.008 0 32 12.96 32 32zM96 128c0-19.040 12.992-32 32-32h224c20 0 32 14.016 32 32 0 19.008-14.016 32-32 32h-192v192c0 19.2-12.992 32-32 32s-32-12.96-32-32v-224z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["fullscreen"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 21,
+				"id": 11,
+				"name": "fullscreen",
+				"prevSize": 32,
+				"code": 921881
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M835.2 576c51.252 0 92.8 41.548 92.8 92.8v0 166.4c0 51.252-41.548 92.8-92.8 92.8v0h-166.656c-51.142-0.146-92.544-41.638-92.544-92.8 0-0 0-0 0-0.001l-0 0v-166.4c0-51.252 41.548-92.8 92.8-92.8v0h166.4zM835.2 640h-166.4c-15.906 0-28.8 12.894-28.8 28.8v0 166.4c0 15.906 12.894 28.8 28.8 28.8v0h166.4c15.906 0 28.8-12.894 28.8-28.8v0-166.4c0-15.906-12.894-28.8-28.8-28.8v0zM835.264 96c51.2 0 92.736 41.536 92.736 92.768v166.304c0 0.038 0 0.083 0 0.128 0 51.23-41.512 92.764-92.733 92.8l-166.531 0c-51.217 0-92.736-41.519-92.736-92.736 0-0.011 0-0.023 0-0.034l-0 0.002v-166.432c0-51.264 41.504-92.8 92.736-92.8h166.528zM835.232 160l-166.464 0.16c-15.892 0.018-28.768 12.905-28.768 28.8 0 0 0 0 0 0l-0-0v166.24c0.018 15.892 12.905 28.768 28.8 28.768 0 0 0-0 0-0l166.4 0c15.906 0 28.8-12.894 28.8-28.8v-166.368c0-15.906-12.894-28.8-28.8-28.8v0zM355.2 576c51.252 0 92.8 41.548 92.8 92.8h-0v166.4c0 51.252-41.548 92.8-92.8 92.8h-166.4c-51.252-0-92.8-41.548-92.8-92.8l-0 0v-166.4c0-51.252 41.548-92.8 92.8-92.8v-0h166.4zM355.2 640h-166.4c-15.906 0-28.8 12.894-28.8 28.8v0 166.4c0 15.906 12.894 28.8 28.8 28.8v0h166.4c15.906 0 28.8-12.894 28.8-28.8v0-166.4c0-15.906-12.894-28.8-28.8-28.8v0zM355.232 96c51.227 0.018 92.75 41.541 92.768 92.766l0 0.002v166.304c0 0.047 0 0.104 0 0.16 0 51.201-41.479 92.713-92.667 92.768l-166.533 0c-0.009 0-0.021 0-0.032 0-51.234 0-92.768-41.534-92.768-92.768l0-0v-166.432c-0-51.241 41.53-92.782 92.766-92.8l166.434-0zM355.328 160l-166.464 0.16c-15.892 0.018-28.768 12.905-28.768 28.8 0 0 0 0 0 0l-0-0v166.24c0.018 15.892 12.905 28.768 28.8 28.768 0 0 0-0 0-0l166.4 0c15.906 0 28.8-12.894 28.8-28.8l-0-0v-166.368c0-15.906-12.894-28.8-28.8-28.8h-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["grid-view"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 22,
+				"id": 12,
+				"name": "grid-view",
+				"prevSize": 32,
+				"code": 66318
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M256 735.040c-0.001-0.081-0.001-0.178-0.001-0.274 0-7.092 2.779-13.534 7.308-18.297l-0.011 0.011 363.392-365.632h-274.88c-14.592 0-32.32-9.28-32.32-29.888 0-17.504 13.568-32.96 32.32-32.96h351.872c16.64 0 32.288 12.352 32.288 26.784v352.256c0 17.536-14.592 31.936-32.288 31.936-16.64 0-32.256-12.352-32.256-27.808v-276.032l-360.224 363.584c-5.852 5.734-13.875 9.272-22.723 9.272-17.938 0-32.48-14.542-32.48-32.48 0-0.166 0.001-0.332 0.004-0.497l-0 0.025z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["link-external"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 23,
+				"id": 13,
+				"name": "link-external",
+				"prevSize": 32,
+				"code": 129125
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M352 768h480c18.016 0 32-13.984 32-32 0-17.984-14.016-32-32-32h-480c-18.016 0-32 14.016-32 32 0 18.016 14.016 32 32 32zM192 768h32c18.016 0 32-13.984 32-32 0-17.984-14.016-32-32-32h-32c-18.016 0-32 14.016-32 32 0 18.016 14.016 32 32 32zM832 544c18.016 0 32-13.984 32-32 0-17.984-14.016-32-32-32h-480c-18.016 0-32 14.016-32 32 0 18.016 14.016 32 32 32h480zM224 544c18.016 0 32-13.984 32-32 0-17.984-14.016-32-32-32h-32c-18.016 0-32 14.016-32 32 0 18.016 14.016 32 32 32h32zM832 320c18.016 0 32-13.984 32-32 0-17.984-14.016-32-32-32h-480c-18.016 0-32 14.016-32 32 0 18.016 14.016 32 32 32h480zM224 320c18.016 0 32-13.984 32-32 0-17.984-14.016-32-32-32h-32c-18.016 0-32 14.016-32 32 0 18.016 14.016 32 32 32h32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["list"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 25,
+				"id": 15,
+				"name": "list",
+				"prevSize": 32,
+				"code": 921889
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M160 735.488c0-15.232 8.992-31.488 32-31.488h640c18.016 0 32 14.24 32 32.512 0 15.232-8.992 31.488-32 31.488h-640c-18.016 0-32-14.208-32-32.512zM160 511.488c0-15.232 8.992-31.488 32-31.488h512c18.016 0 32 14.24 32 32.512 0 15.232-8.992 31.488-32 31.488h-512c-18.016 0-32-14.208-32-32.512zM160 287.488c0-15.232 8.992-31.488 32-31.488h640c18.016 0 32 14.208 32 32.512 0 15.232-8.992 31.488-32 31.488h-640c-18.016 0-32-14.24-32-32.512z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["menu"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 26,
+				"id": 16,
+				"name": "menu",
+				"prevSize": 32,
+				"code": 921890
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M256 576c35.346 0 64-28.654 64-64s-28.654-64-64-64v0c-35.346 0-64 28.654-64 64s28.654 64 64 64v0zM512 576c35.346 0 64-28.654 64-64s-28.654-64-64-64v0c-35.346 0-64 28.654-64 64s28.654 64 64 64v0zM768 576c35.346 0 64-28.654 64-64s-28.654-64-64-64v0c-35.346 0-64 28.654-64 64s28.654 64 64 64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["more-horizontal"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 27,
+				"id": 17,
+				"name": "more-horizontal",
+				"prevSize": 32,
+				"code": 8943
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M448 256c0 35.346 28.654 64 64 64s64-28.654 64-64v0c0-35.346-28.654-64-64-64s-64 28.654-64 64v0zM448 512c0 35.346 28.654 64 64 64s64-28.654 64-64v0c0-35.346-28.654-64-64-64s-64 28.654-64 64v0zM448 768c0 35.346 28.654 64 64 64s64-28.654 64-64v0c0-35.346-28.654-64-64-64s-64 28.654-64 64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["more-vertical"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 28,
+				"id": 18,
+				"name": "more-vertical",
+				"prevSize": 32,
+				"code": 8942
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M160 513.024c0-165.152 115.616-307.616 276.64-340.64l-79.488-47.488c-9.149-5.728-15.211-15.647-15.487-27l-0.001-0.040c0-10.048 5.44-33.856 31.104-33.856 6.080 0 13.088 2.272 22.496 8.032l142.592 86.944c8.48 5.152 16.48 14.432 16.48 25.536 0 5.44-1.44 11.52-5.184 17.824l-87.744 147.584c-5.609 9.338-15.683 15.49-27.194 15.49-0.126 0-0.251-0.001-0.377-0.002l0.019 0c-18.144 0-32.32-14.432-32.32-32.224 0-4.928 1.12-11.264 4.16-16.288l50.56-83.616c-131.104 24.8-232.256 139.36-232.256 279.744-0.001 0.211-0.001 0.461-0.001 0.711 0 93.466 44.752 176.479 113.997 228.781l0.723 0.524c9.376 7.040 13.28 16.704 13.28 26.4 0 17.952-13.44 31.584-32 31.584-0.154 0.003-0.335 0.004-0.517 0.004-7.167 0-13.777-2.382-19.082-6.398l0.079 0.057c-85.451-65.237-140.124-167.029-140.48-281.606l-0-0.058zM469.664 841.6c0-5.44 1.44-11.52 5.184-17.824l87.744-147.616c5.609-9.338 15.683-15.49 27.194-15.49 0.126 0 0.251 0.001 0.377 0.002l-0.019-0c18.144 0 32.32 14.464 32.32 32.224 0 4.928-1.12 11.264-4.16 16.32l-50.56 83.584c131.104-24.8 232.256-139.36 232.256-279.776 0.001-0.211 0.001-0.461 0.001-0.711 0-93.466-44.752-176.479-113.997-228.781l-0.723-0.524c-8.087-5.901-13.282-15.346-13.282-26.004 0-0.128 0.001-0.256 0.002-0.384l-0 0.019c0-17.984 13.44-31.616 32-31.616 7.232 0 13.856 2.080 19.52 6.336 87.84 66.624 140.48 171.2 140.48 281.664 0 165.184-115.616 307.616-276.64 340.64l79.488 47.488c9.28 5.568 15.488 16.512 15.488 27.072 0 10.016-5.44 33.856-31.104 33.856-2.976 0-11.008-1.024-19.52-6.208l-145.568-88.768c-8.48-5.152-16.48-14.464-16.48-25.568z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["refresh"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 29,
+				"id": 19,
+				"name": "refresh",
+				"prevSize": 32,
+				"code": 128472
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-notification-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-notification-filled.json
new file mode 100644
index 0000000000..79bc30ab71
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-notification-filled.json
@@ -0,0 +1,93 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M64 832c0-16.544 3.296-32 11.104-46.464l350.176-669.856c16.916-31.001 49.277-51.68 86.468-51.68 0.089 0 0.177 0 0.266 0l-0.014-0c36.224 0 69.44 19.584 86.72 51.68l350.176 669.856c7.808 14.464 11.104 29.92 11.104 46.464 0 55.52-40.64 96-96 96h-699.424c-55.456 0-100.576-40.64-100.576-96zM467.52 755.072c0 23.808 20.672 44.48 44.48 44.48 24.493-0.18 44.3-19.987 44.48-44.463l0-0.017c0.001-0.095 0.001-0.208 0.001-0.321 0-24.389-19.771-44.16-44.16-44.16-0.113 0-0.226 0-0.338 0.001l0.017-0c-24.493 0.18-44.3 19.987-44.48 44.463l-0 0.017zM480 615.52c0 18.624 13.376 31.936 32 31.936s32-13.312 32-31.936v-311.52c0-18.624-13.376-34.496-32-34.496s-32 15.872-32 34.496v311.52z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_warning_solid_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 191,
+				"id": 0,
+				"name": "db_ic_warning_solid_32",
+				"prevSize": 32,
+				"code": 9888
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c247.008 0 448 200.992 448 448s-200.992 448-448 448-448-200.992-448-448 200.992-448 448-448zM512 747.008c24 0 43.008-20 43.008-43.008s-19.008-43.008-43.008-43.008-43.008 19.008-43.008 43.008 20 43.008 43.008 43.008zM512 256c-17.984 0-32 13.984-32 32v280c0 19.008 15.008 32 32 32s32-13.984 32-32v-280c0-18.016-13.984-32-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_error_solid_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 190,
+				"id": 1,
+				"name": "db_ic_error_solid_32",
+				"prevSize": 32,
+				"code": 921891
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-notification-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-notification-outline.json
new file mode 100644
index 0000000000..7f4e050074
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-notification-outline.json
@@ -0,0 +1,141 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M496.485 62.061c35.126 0 67.336 18.991 84.092 50.114l339.565 649.557c7.571 14.026 10.768 29.013 10.768 45.056 0 53.838-39.408 93.091-93.091 93.091h-678.229c-53.776 0-97.528-39.408-97.528-93.091 0-16.043 3.196-31.030 10.768-45.056l339.565-649.557c16.403-30.061 47.784-50.114 83.848-50.114 0.086 0 0.172 0 0.258 0l-0.013-0zM496.485 119.249c-11.047 0-20.046 8.037-28.113 23.024l-341.023 648.533c-2.517 4.276-4.090 9.38-4.311 14.831l-0.002 0.063c0 13.405 12.040 32.116 32.116 32.116l681.581 1.086c17.16 0 32.116-15.981 32.116-32.116-0.213-5.512-1.776-10.616-4.365-15.047l0.083 0.153-339.968-649.619c-8.068-14.988-17.067-23.024-28.113-23.024zM453.353 732.191c0 23.087 20.046 43.132 43.132 43.132 23.751-0.174 42.958-19.381 43.132-43.115l0-0.017c0.001-0.093 0.001-0.202 0.001-0.311 0-23.65-19.172-42.822-42.822-42.822-0.109 0-0.219 0-0.328 0.001l0.017-0c-23.751 0.174-42.958 19.381-43.132 43.115l-0 0.017zM464.368 594.727v-283.865c0-18.060 14.057-33.109 32.116-33.109s32.116 15.081 32.116 33.109v283.865c0 18.060-14.057 33.109-32.116 33.109s-32.116-15.050-32.116-33.109z"
+				],
+				"attrs": [{}],
+				"width": 993,
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["error-triangle"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 63,
+				"id": 3,
+				"name": "error-triangle",
+				"prevSize": 32,
+				"code": 9888
+			},
+			"setIdx": 7,
+			"setId": 38,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M496.485 62.061c239.523 0 434.424 194.901 434.424 434.424s-194.901 434.424-434.424 434.424-434.424-194.901-434.424-434.424 194.901-434.424 434.424-434.424zM496.485 124.121c-205.576 0-372.364 166.788-372.364 372.364s166.788 372.364 372.364 372.364 372.364-166.788 372.364-372.364-166.788-372.364-372.364-372.364zM496.485 279.273c13.591 0 31.030 7.758 31.030 31.030v240.485c0 17.47-13.591 31.030-31.030 31.030-16.477 0-31.030-12.598-31.030-31.030v-240.485c0-17.47 13.591-31.030 31.030-31.030zM496.485 724.371c23.273 0 41.705-19.394 41.705-41.705 0-23.273-18.432-41.705-41.705-41.705-22.311 0-41.705 18.432-41.705 41.705 0 22.311 19.394 41.705 41.705 41.705z"
+				],
+				"attrs": [{}],
+				"width": 993,
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["error"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 64,
+				"id": 2,
+				"name": "error",
+				"prevSize": 32,
+				"code": 921891
+			},
+			"setIdx": 7,
+			"setId": 38,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M1024 0v266.336c-34.82 51.936-93.292 85.664-159.642 85.664-0.126 0-0.252-0-0.378-0l0.019 0c-0.095 0-0.208 0-0.32 0-105.862 0-191.68-85.818-191.68-191.68 0-0.113 0-0.225 0-0.338l-0 0.018c-0-0.119-0-0.26-0-0.401 0-66.363 33.742-124.846 85.006-159.227l0.69-0.436 266.304 0.064z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["notify-cutoff"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 65,
+				"id": 1,
+				"name": "notify-cutoff",
+				"prevSize": 32,
+				"code": 921895
+			},
+			"setIdx": 7,
+			"setId": 38,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M704 160c0-88.576 71.424-160 160-160s160 71.424 160 160-71.424 160-160 160-160-71.424-160-160z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["notify"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 66,
+				"id": 0,
+				"name": "notify",
+				"prevSize": 32,
+				"code": 921894
+			},
+			"setIdx": 7,
+			"setId": 38,
+			"iconIdx": 3
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-seat-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-seat-outline.json
new file mode 100644
index 0000000000..4e2534c137
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-seat-outline.json
@@ -0,0 +1,310 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M928 736c17.673 0 32 14.327 32 32v0c0.001 0.096 0.002 0.209 0.002 0.322 0 17.496-14.184 31.68-31.68 31.68-0.113 0-0.226-0.001-0.339-0.002l0.017 0c-1.576 0.031-3.434 0.048-5.296 0.048s-3.72-0.017-5.574-0.052l0.278 0.004 10.208 64.544c0.247 1.493 0.388 3.214 0.388 4.967 0 15.912-11.614 29.112-26.828 31.584l-0.184 0.025c-1.32 0.188-2.844 0.296-4.393 0.296-16.024 0-29.359-11.513-32.184-26.718l-0.031-0.202c-3.968-24.832-7.904-49.664-11.744-74.496h-681.312l-11.712 74.496c-2.495 15.4-15.696 27.017-31.61 27.017-1.765 0-3.496-0.143-5.183-0.418l0.185 0.025c-16.192-2.56-29.504-19.744-26.624-36.576 3.328-21.504 6.72-43.040 10.176-64.544h-10.56c-17.673 0-32-14.327-32-32v0c0-16.416 13.44-32 32-32 277.28-0.064 554.592-0.064 832 0zM192 512c53.019 0 96 42.981 96 96s-42.981 96-96 96v0c-53.019 0-96-42.981-96-96s42.981-96 96-96v0zM434.88 559.296l429.12 32.704c43.68 0 86.88 28.96 95.424 74.016 0.35 1.776 0.55 3.819 0.55 5.908 0 17.673-14.327 32-32 32-14.217 0-26.269-9.272-30.439-22.098l-0.064-0.226-0.896-3.616c-2.080-10.88-14.4-20.224-35.008-22.080l-432.256-32.864c-20.832-2.016-40.48 13.76-46.080 40-3.329 14.402-16.046 24.976-31.232 24.976-17.682 0-32.016-14.334-32.016-32.016 0-2.496 0.286-4.925 0.826-7.256l-0.042 0.216c11.52-51.072 55.488-95.488 114.080-89.664zM192 576c-17.673 0-32 14.327-32 32s14.327 32 32 32v0c17.673 0 32-14.327 32-32s-14.327-32-32-32v0zM471.904 331.68c6.56 0 11.84 6.56 11.84 12.544 0 0.009 0 0.020 0 0.031 0 7.553-2.617 14.495-6.993 19.969l0.049-0.064-47.872 60.096h42.976c6.557 0 11.872 5.315 11.872 11.872s-5.315 11.872-11.872 11.872h-66.624c-6.56 0-11.84-7.488-11.84-12.736 0-7.872 2.432-14.080 6.976-19.776l48-60.064h-43.328c-6.557 0-11.872-5.315-11.872-11.872s5.315-11.872 11.872-11.872h-0zM633.408 253.152c8.768 0 15.872 9.76 15.872 20.48 0 7.040-2.368 14.272-6.688 19.84l-70.080 90.816h61.536c0.213-0.010 0.462-0.016 0.712-0.016 8.766 0 15.872 7.106 15.872 15.872s-7.106 15.872-15.872 15.872c-0.251 0-0.5-0.006-0.748-0.017l0.035 0.001h-98.208c-0.048 0.001-0.105 0.001-0.161 0.001-8.66 0-15.68-7.020-15.68-15.68 0-0.068 0-0.135 0.001-0.203l-0 0.010c0-12.928 2.4-18.912 6.848-24.544l71.456-90.72h-55.776c-0.213 0.010-0.462 0.016-0.712 0.016-8.766 0-15.872-7.106-15.872-15.872s7.106-15.872 15.872-15.872c0.251 0 0.5 0.006 0.748 0.017l-0.035-0.001zM828.992 174.624c9.984 0 18.080 10.368 18.080 25.472 0 0.013 0 0.028 0 0.043 0 7.221-2.392 13.884-6.427 19.239l0.059-0.081-94.176 125.888h81.984c10.719 0 19.408 8.689 19.408 19.408s-8.689 19.408-19.408 19.408v0h-126.72c-10.688 0-19.392-8.192-19.392-27.84-0-0.008-0-0.019-0-0.029 0-7.426 2.529-14.26 6.773-19.69l-0.053 0.071 95.68-122.944h-74.336c-10.418-0.436-18.698-8.987-18.698-19.472s8.281-19.036 18.659-19.471l0.039-0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_couchette_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 242,
+				"id": 0,
+				"name": "db_ic_couchette_32",
+				"prevSize": 32,
+				"code": 921993
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M96 480c16.416 0 32 13.28 32 32 0.064 32 0.064 64 0 96 0 68.544 54.56 128 128 128 224 0.064 448 0.064 672 0 17.673 0 32 14.327 32 32v0c0.001 0.096 0.002 0.209 0.002 0.322 0 17.496-14.184 31.68-31.68 31.68-0.113 0-0.226-0.001-0.339-0.002l0.017 0c-7.68 0.064-15.36 0.064-23.008 0l22.080 88.224c0.608 2.332 0.957 5.009 0.957 7.768 0 14.922-10.214 27.459-24.031 31l-0.222 0.048c-15.936 4-35.52-6.176-38.816-23.264 33.268 157.345 24.314 122.527 15.425 87.681l-41.409-191.457h-582.976c-25.024 0-48.96-4.8-70.88-13.504l-25.888 116.448c-3.283 14.453-16.022 25.080-31.243 25.080-2.457 0-4.85-0.277-7.148-0.801l0.215 0.041c-16-3.584-28.544-19.872-24.32-38.208 10.208-46.144 20.448-92.256 30.752-138.4-39.052-35.263-63.488-86.074-63.488-142.592 0-0.023 0-0.045 0-0.068l-0 0.004v-96c0-17.673 14.327-32 32-32v0zM518.496 560c111.040 10.56 226.176 21.248 345.504 32 43.68 0 86.88 28.96 95.424 74.016 0.35 1.776 0.55 3.819 0.55 5.908 0 17.673-14.327 32-32 32-14.217 0-26.269-9.272-30.439-22.098l-0.064-0.226c-4.8-15.296-7.936-22.080-36.48-25.76 196.224 13.216 75.997 1.791-44.311-9.359l-304.681-22.801c-20.704-2.24-38.912 12.32-45.312 39.232-3.329 14.394-16.039 24.96-31.216 24.96-17.673 0-32-14.327-32-32 0-2.496 0.286-4.925 0.826-7.256l-0.042 0.216c11.552-51.36 51.2-94.4 114.24-88.832zM270.144 496c53.019 0 96 42.981 96 96s-42.981 96-96 96v0c-53.019 0-96-42.981-96-96s42.981-96 96-96v0zM270.144 560c-17.673 0-32 14.327-32 32s14.327 32 32 32v0c17.673 0 32-14.327 32-32s-14.327-32-32-32v0zM471.904 331.68c6.56 0 11.84 6.56 11.84 12.544 0 0.009 0 0.020 0 0.031 0 7.553-2.617 14.495-6.993 19.969l0.049-0.064-47.872 60.096h42.976c6.557 0 11.872 5.315 11.872 11.872s-5.315 11.872-11.872 11.872h-66.624c-6.56 0-11.84-7.488-11.84-12.736 0-7.872 2.432-14.080 6.976-19.776l48-60.064h-43.328c-6.557 0-11.872-5.315-11.872-11.872s5.315-11.872 11.872-11.872h-0zM633.408 253.152c8.768 0 15.872 9.76 15.872 20.48 0 7.040-2.368 14.272-6.688 19.84l-70.080 90.816h61.536c0.213-0.010 0.462-0.016 0.712-0.016 8.766 0 15.872 7.106 15.872 15.872s-7.106 15.872-15.872 15.872c-0.251 0-0.5-0.006-0.748-0.017l0.035 0.001h-98.208c-0.048 0.001-0.105 0.001-0.161 0.001-8.66 0-15.68-7.020-15.68-15.68 0-0.068 0-0.135 0.001-0.203l-0 0.010c0-12.928 2.4-18.912 6.848-24.544l71.456-90.72h-55.776c-0.213 0.010-0.462 0.016-0.712 0.016-8.766 0-15.872-7.106-15.872-15.872s7.106-15.872 15.872-15.872c0.251 0 0.5 0.006 0.748 0.017l-0.035-0.001zM828.992 174.624c9.984 0 18.080 10.368 18.080 25.472 0 0.013 0 0.028 0 0.043 0 7.221-2.392 13.884-6.427 19.239l0.059-0.081-94.176 125.888h81.984c10.719 0 19.408 8.689 19.408 19.408s-8.689 19.408-19.408 19.408v0h-126.72c-10.688 0-19.392-8.192-19.392-27.84-0-0.008-0-0.019-0-0.029 0-7.426 2.529-14.26 6.773-19.69l-0.053 0.071 95.68-122.944h-74.336c-10.418-0.436-18.698-8.987-18.698-19.472s8.281-19.036 18.659-19.471l0.039-0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bed_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 197,
+				"id": 1,
+				"name": "db_ic_bed_32",
+				"prevSize": 32,
+				"code": 128719
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M831.232 192.16c11.52 11.552 11.52 33.728 0 45.28-130.016 130.144-241.664 241.952-334.88 335.456l19.648 99.104h179.776c15.072 0 28.16 12.352 31.168 27.424l44.16 222.976c0.362 1.81 0.568 3.891 0.568 6.020 0 17.59-14.122 31.882-31.647 32.156l-0.026 0c-16.096 0-29.12-11.040-32.16-26.112l-38.144-198.464h-180.8c-15.040 0-28.128-9.472-31.136-24.544l-16.512-83.456-137.696 137.696c11.289 20.499 32.705 34.184 57.327 34.304l0.017 0h183.232c18.048 0 32 13.952 32 32s-13.952 32-32 32h-183.232c-0.159 0.001-0.347 0.001-0.535 0.001-42.101 0-79.425-20.454-102.577-51.967l-0.248-0.354-74.88 74.944c-5.793 5.797-13.798 9.382-22.64 9.382-17.677 0-32.006-14.33-32.006-32.006 0-8.834 3.579-16.833 9.367-22.624l-0 0c230.488-230.807 442.076-442.578 653.717-654.295l-5.077 5.079c5.789-5.779 13.781-9.353 22.608-9.353s16.819 3.574 22.608 9.354l-0-0zM96.224 160c68.16 0 127.968 53.12 127.968 128.32v91.2l47.424 238.752-54.016 54.048-56.576-280.736-0.992-12.032v-91.232c0.001-0.143 0.002-0.311 0.002-0.48 0-35.247-28.565-63.823-63.808-63.84l-0.002-0c-0.163 0.003-0.354 0.005-0.546 0.005-17.408 0-31.52-14.112-31.52-31.52 0-0.137 0.001-0.273 0.003-0.409l-0 0.021c0.126-17.653 14.384-31.934 32.017-32.096l0.015-0zM385.44 448c0.461-0.006 1.005-0.010 1.551-0.010 16.514 0 32.238 3.381 46.518 9.488l-0.772-0.294-55.68 55.616c-8.608 1.216-16.16 7.808-27.776 7.808-17.088 0-29.12-15.040-29.12-33.152 0-27.104 37.12-39.456 65.28-39.456zM392.48 184.096c57.248 0 103.456 47.232 103.456 104.48 0 57.28-46.208 104.448-103.456 104.448-0.028 0-0.062 0-0.096 0-57.65 0-104.384-46.734-104.384-104.384 0-0.011 0-0.023 0-0.034l-0 0.002c-0-0.029-0-0.062-0-0.096 0-57.65 46.734-104.384 104.384-104.384 0.034 0 0.068 0 0.101 0l-0.005-0zM392.48 248.416c-22.157 0.072-40.101 18.006-40.192 40.151l-0 0.009c0 22.080 18.080 40.192 40.192 40.192 22.154-0.091 40.088-18.035 40.16-40.185l0-0.007c-0.072-22.157-18.006-40.101-40.151-40.192l-0.009-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_aisle_not_available_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 196,
+				"id": 2,
+				"name": "db_ic_aisle_not_available_32",
+				"prevSize": 32,
+				"code": 921987
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M672 64c-0.005-0-0.010-0-0.016-0-53.019 0-96 42.981-96 96 0 53.014 42.971 95.991 95.983 96l0.001 0c53.019 0 96-42.981 96-96s-42.981-96-96-96v0zM672 192c-17.673 0-32-14.327-32-32s14.327-32 32-32v0c17.673 0 32 14.327 32 32s-14.327 32-32 32v0zM720 304c44.512 0 80 35.456 80 80 0 17.673-14.327 32-32 32v0c-16.448 0-32-13.344-31.808-28.256 0.16-11.392-4.96-19.712-16.224-19.744-19.007-0.046-41.501-0.072-64-0.072s-44.993 0.026-67.48 0.078l3.48-0.006c-7.744 0-15.264 6.464-16 17.28v238.72c0 7.744 6.016 16 17.28 16h14.752c16.416 0 32 13.28 32 32 0.064 85.312 0.064 170.656 0 256 0 17.673-14.327 32-32 32v0c-0.096 0.001-0.209 0.002-0.322 0.002-17.496 0-31.68-14.184-31.68-31.68 0-0.113 0.001-0.226 0.002-0.339l-0 0.017c-0.128-112.928 1.6-116.192 0-225.856-32.8 0-64-38.784-63.84-72.832l-0.16-244.032c0-42.752 31.52-81.216 80-81.28 42.656-0.064 85.344-0.064 128 0zM703.488 595.104c-0.001-0.181-0.002-0.395-0.002-0.61 0-52.825 42.823-95.648 95.648-95.648 0.214 0 0.429 0.001 0.643 0.002l-0.033-0c0.038-0 0.083-0 0.129-0 52.672 0 95.397 42.59 95.615 95.211l0 0.021 0.512 333.92c0 17.056-14.4 32-32.48 32-17.056 0-31.68-14.944-31.68-32l-0.32-332.896c0.002-0.143 0.004-0.313 0.004-0.482 0-17.461-14.155-31.616-31.616-31.616-0.136 0-0.272 0.001-0.408 0.003l0.021-0c-18.048 0-32 15.040-32 32.096s-14.944 32.064-32 32.064c-18.048 0-32-14.048-32-32.064zM365.888 64c-53.019 0-96 42.981-96 96s42.981 96 96 96v0c53.019 0 96-42.981 96-96s-42.981-96-96-96v0zM365.888 192c-17.666-0.009-31.984-14.333-31.984-32 0-17.673 14.327-32 32-32 0.006 0 0.011 0 0.017 0l-0.001-0c17.673 0 32 14.327 32 32s-14.327 32-32 32v0zM333.888 960c-17.673 0-32-14.327-32-32v0-240.192c0-0.019 0-0.041 0-0.064 0-4.422-1.812-8.421-4.734-11.294l-0.002-0.002c-1.792-1.76-6.72-5.248-11.424-4.64l-5.568 0.096c-79.776 1.408-147.648-59.904-151.936-135.648-0.176-2.659-0.276-5.764-0.276-8.893 0-72.046 53.193-131.668 122.448-141.735l0.773-0.092c1.436-0.23 3.092-0.361 4.778-0.361 16.018 0 29.267 11.852 31.458 27.264l0.020 0.169c0.21 1.379 0.331 2.969 0.331 4.588 0 16.051-11.818 29.342-27.227 31.646l-0.176 0.022c-38.871 5.681-68.384 38.79-68.384 78.792 0 1.776 0.058 3.539 0.173 5.286l-0.012-0.238c2.336 41.696 40.832 75.232 86.016 75.232h1.088l5.568-0.096c21.6-0.864 41.984 7.936 57.344 23.104 14.679 14.412 23.776 34.465 23.776 56.643 0 0.089-0 0.178-0 0.266l0-0.014v240.192c0 17.673-14.327 32-32 32v0-0.032zM416 524.576v-188.608c0-17.673-14.327-32-32-32s-32 14.327-32 32v0 156.608h-75.84c-17.673 0-32 14.327-32 32s14.327 32 32 32v0h107.84c17.673 0 32-14.327 32-32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_traveler-with-reduced-mobility_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 265,
+				"id": 12,
+				"name": "db_ic_traveler-with-reduced-mobility_32",
+				"prevSize": 32,
+				"code": 921954
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M256.192 288c17.664 0 31.808 14.336 31.808 32 0 16.416-14.528 32-31.776 32h-76.48c-16.768 0-23.36 18.56-17.408 37.12 28.224 90.656 56.48 181.312 84.8 271.936 2.201 6.407 8.171 10.932 15.199 10.944l0.001 0c65.92 0.096 131.776 0.096 197.664 0 37.408 0 72.128 27.2 84.672 62.272l55.584 184c0.835 2.719 1.316 5.845 1.316 9.083 0 17.673-14.327 32-32 32-13.004 0-24.197-7.757-29.203-18.896l-0.081-0.202-55.296-182.592c-3.008-10.496-14.176-21.664-24.96-21.664-65.92-0.096-131.808-0.096-197.696 0-0.008 0-0.017 0-0.027 0-33.121 0-61.541-20.128-73.696-48.819l-0.197-0.525-87.424-279.392c-16.832-58.688 8.864-119.264 78.752-119.264 11.361-0.031 24.799-0.048 38.24-0.048 13.451 0 26.897 0.017 40.34 0.052l-2.1-0.004zM800 160c35.346 0 64 28.654 64 64v0l0.032 17.152c36.224 20.928 63.968 59.968 63.968 110.848v336c0 0.004 0 0.008 0 0.012 0 42.336-32.886 76.992-74.506 79.814l-0.246 0.013-101.248 0.16c-0.004 0-0.008 0-0.012 0-42.336 0-76.992-32.886-79.814-74.506l-0.013-0.246-0.16-341.248c0-47.36 25.728-88.736 64-110.88v-17.12c0-35.346 28.654-64 64-64v0zM864 416h-128v64h32c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-32v32h32c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-32v48c0 6.88 5.568 16 16 16h96c0.002 0 0.003 0 0.005 0 7.818 0 14.327-5.608 15.723-13.021l0.016-0.099 0.256-274.88zM415.968 399.264l58.4 58.112c5.768 5.787 9.334 13.772 9.334 22.589 0 17.673-14.327 32-32 32-7.405 0-14.223-2.516-19.646-6.739l0.072 0.054-32.256-31.904-39.648 102.624h155.52c20.096 0 30.784 10.656 32 32 0 16.416-13.312 32-32 32h-160c-46.016 0-72.32-34.24-58.88-77.12l56.608-146.944c8.928-23.040 38.080-35.712 62.496-16.64zM800 288c-33.728 0-64 28.64-64 64h128c0-35.346-28.654-64-64-64v0zM419.744 240c26.51 0 48 21.49 48 48s-21.49 48-48 48v0c-26.51 0-48-21.49-48-48s21.49-48 48-48v0zM227.744 64c53.019 0 96 42.981 96 96s-42.981 96-96 96v0c-53.019 0-96-42.981-96-96s42.981-96 96-96v0zM227.744 128c-17.673 0-32 14.327-32 32s14.327 32 32 32v0c17.673 0 32-14.327 32-32s-14.327-32-32-32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_seat_childrens-compartment_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 39,
+				"id": 4,
+				"name": "ic-db_seat_childrens-compartment_32",
+				"prevSize": 32,
+				"code": 922242
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M525.024 640c50.976 0 82.976 32 82.976 89.12v45.76c0 43.52-19.2 77.76-64.096 86.976l0.096 2.144v64c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-64l0.096-2.144c-50.976-11.456-64.096-48.96-64.096-86.976v-45.76c0-57.12 32-89.12 81.888-88.96l27.136-0.16zM432 304c44.544 0 80 35.456 80 80 0 17.673-14.327 32-32 32v0c-16.416 0-32-13.344-31.776-28.256 0.16-11.392-4.992-19.712-16.224-19.744-42.656-0.064-85.344-0.064-128 0-7.744 0-15.264 6.464-16 17.28v238.72c0 7.744 6.016 16 17.28 16h14.72c16.416 0 32 13.28 32 32 0.064 85.312 0.064 170.656 0 256 0 17.673-14.327 32-32 32v0c-0.096 0.001-0.209 0.002-0.322 0.002-17.496 0-31.68-14.184-31.68-31.68 0-0.113 0.001-0.226 0.002-0.339l-0 0.017c-0.128-112.928 1.6-116.192-0.032-225.856-32.768 0-63.968-38.784-63.808-72.832l-0.16-244.032c0-42.752 31.52-81.216 80-81.28 42.656-0.064 85.344-0.064 128 0zM726.88 368c38.88 0 73.12 33.12 73.12 75.2v212.8c0 36.32-27.584 69.216-64.032 77.536-0.064 9.664-0.096 21.504-0.096 35.52v77.92c0 24.032 0.064 51.040 0.128 81.024 0 16.416-15.584 32-32 32s-32-13.952-32-32v-224c0-16.416 13.28-32 32-32h12.416c10.464 0 19.584-8.288 19.584-17.824v-211.008c0-5.12-2.464-11.168-9.12-11.168h-118.56c-17.673 0-32-14.327-32-32v0c-0-0.057-0.001-0.125-0.001-0.193 0-17.567 14.241-31.808 31.808-31.808 0.068 0 0.135 0 0.203 0.001l-0.010-0c39.52-0.064 79.040-0.064 118.56 0zM522.88 704.064h-21.76c-13.472 0-21.056 9.952-21.056 21.056v53.76c0 12.256 6.4 21.056 21.056 21.056h21.76c10.784 0.064 21.12-7.584 21.12-21.056v-53.76c0-10.784-7.648-21.056-21.12-21.056zM512 480c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0zM672 128c53.019 0 96 42.981 96 96s-42.981 96-96 96v0c-53.019 0-96-42.981-96-96s42.981-96 96-96v0zM384 64c53.019 0 96 42.981 96 96s-42.981 96-96 96v0c-53.019 0-96-42.981-96-96s42.981-96 96-96v0zM672 192c-17.673 0-32 14.327-32 32s14.327 32 32 32v0c17.673 0 32-14.327 32-32s-14.327-32-32-32v0zM384 128c-17.673 0-32 14.327-32 32s14.327 32 32 32v0c17.673 0 32-14.327 32-32s-14.327-32-32-32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_seat_parent-child-compartment_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 40,
+				"id": 5,
+				"name": "ic-db_seat_parent-child-compartment_32",
+				"prevSize": 32,
+				"code": 922244
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M567.488 351.936c44.992 0 82.464 38.72 77.28 83.776l-16.096 158.72c36.32-3.936 68.096 18.24 79.936 45.376 46.848-9.344 68.992 16.128 90.368 43.616 58.688-11.52 99.904 34.272 97.152 77.248l-6.368 65.92-3.424 102.4c-0.576 17.221-14.675 30.962-31.983 30.962-0.377 0-0.753-0.007-1.127-0.019l0.054 0.001c-17.253-0.856-30.918-15.054-30.918-32.442 0-0.216 0.002-0.431 0.006-0.646l-0 0.032c1.12-34.816 2.304-69.6 3.552-104.416l6.080-63.616c0.64-6.464-4.928-12.768-13.376-13.44-7.040-0.576-13.12 4.096-17.12 15.616-3.936 41.056-66.56 37.92-63.712-6.080 1.184-13.248 2.464-26.464 3.776-39.68 0.64-6.496-4.896-12.768-13.376-13.44-7.84-0.64-15.808 4.128-16.768 11.968-0.896 8.64-1.728 17.28-2.496 25.92-3.904 41.088-66.56 39.392-63.68-6.048 1.92-20.704 3.872-41.44 5.92-62.144 0.64-6.464-4.896-12.736-13.376-13.44-7.84-0.64-15.968 3.84-16.768 11.936 0.271-6.92-1.476 9.783-3.146 26.51l-1.782 22.066c-4.16 41.056-67.104 37.952-63.68-6.432l28.672-282.72c0.544-5.76-5.536-12.8-13.376-13.44-7.872-0.64-16.8 4.96-16.8 12.096-13.024 129.92-25.984 259.84-38.848 389.792l12.864 106.208c0.148 1.156 0.232 2.493 0.232 3.85 0 16.311-12.204 29.772-27.979 31.75l-0.157 0.016c-1.039 0.118-2.243 0.185-3.462 0.185-16.383 0-29.931-12.142-32.134-27.918l-0.020-0.171c-2.88-23.584-7.264-63.84-13.024-120.768l38.816-389.152c3.904-40.64 38.72-69.92 80.288-69.952zM347.488 79.488l96.128 160.224c32.672 55.456 16.544 112.224-51.872 112.16h-39.68l-0.032 18.784 22.496 22.528c17.088 17.408 25.632 33.536 25.632 48.384 0 15.296-8.416 27.968-26.336 38.080 18.304 10.24 26.336 22.208 26.336 37.76 0 18.4-8 31.872-21.344 44.96l-26.784 25.44v52.192c0 67.008-36.96 94.24-116.736 95.808l-42.88 0.096c-14.4-0.096-32.352 13.984-32.352 32.064v96c0 17.673-14.327 32-32 32v0c-16.416 0-32.064-14.432-32-32-0.096-32-0.096-64 0-96-0.064-42.048 32-95.904 81.984-96.096h55.712c33.472 0.224 54.304-10.816 54.56-31.904l-0.256-64c0-13.568 11.84-30.112 35.584-49.6-16.96-8.992-22.272-31.104-22.336-46.080s2.272-36.32 22.784-47.008l-26.688-26.688c-4.812-4.814-8.098-11.155-9.069-18.233l-0.019-0.167-0.256-36.224c0-34.56 24.992-64.064 64-64.064l43.936 0.096-103.36-175.552c-2.87-4.703-4.569-10.392-4.569-16.478 0-11.583 6.154-21.729 15.372-27.346l0.141-0.080c14.080-8.448 33.152-5.248 43.904 10.944zM638.432 96c31.424 0 48.768 15.040 48.768 42.56 0 28.416-17.92 43.68-51.040 43.68-6.016 0-13.92-0.576-19.584-1.312v37.632c0.020 0.308 0.032 0.669 0.032 1.031 0 9.19-7.45 16.64-16.64 16.64s-16.64-7.45-16.64-16.64c0-0.363 0.012-0.723 0.034-1.080l-0.002 0.049v-106.112c0-9.184 7.424-16.48 16.8-16.48h38.272zM827.872 129.696c7.104 0 15.744 1.824 21.152 3.52 5.888 1.856 9.664 4.8 9.664 10.72 0 5.952-4.864 11.968-10.752 10.752-5.502-2.176-11.872-3.462-18.536-3.52l-0.024-0c-9.952 0-14.336 2.432-14.336 7.712 0 3.392 1.216 5.44 4.192 7.36l1.536 0.672 2.816 0.96 12.224 3.264c19.2 5.056 26.784 13.92 26.784 31.040 0 21.504-13.568 32.864-39.968 32.96-10.945-0.039-21.435-1.935-31.188-5.388l0.66 0.204c-5.696-2.080-7.584-6.176-7.36-10.656 0.384-6.848 6.528-11.68 13.696-9.024 4.224 1.536 13.632 3.776 21.568 3.776 11.072 0 15.296-2.464 15.296-8.864 0.006-0.108 0.009-0.234 0.009-0.362 0-2.375-1.125-4.488-2.872-5.834l-0.017-0.013-1.344-0.736-1.632-0.64-8.128-2.304-3.776-1.024c-21.408-6.4-28.832-14.688-28.832-32.576 0-21.088 13.376-32 39.2-32zM737.44 129.696c7.072 0 15.616 1.76 21.12 3.52 5.888 1.856 9.664 4.8 9.664 10.72 0 5.952-4.864 11.968-10.72 10.752-5.502-2.176-11.872-3.462-18.536-3.52l-0.024-0c-9.984 0-14.368 2.432-14.368 7.712 0 3.392 1.216 5.44 4.192 7.36l3.2 1.28 4.448 1.28 8.96 2.336c19.168 5.056 26.752 13.92 26.752 31.040 0 21.504-13.568 32.864-39.968 32.96-10.945-0.039-21.435-1.935-31.188-5.388l0.66 0.204c-5.664-2.080-7.584-6.176-7.36-10.656 0.384-6.848 6.56-11.68 13.696-9.024 4.224 1.536 13.632 3.776 21.568 3.776 11.072 0 15.296-2.464 15.296-8.864 0.006-0.108 0.009-0.234 0.009-0.362 0-2.375-1.125-4.488-2.872-5.834l-0.017-0.013-1.312-0.736-1.664-0.64-11.904-3.328c-21.408-6.4-28.832-14.688-28.832-32.576 0-21.088 13.376-32 39.2-32zM904.608 109.152c6.976 0 10.912 3.744 11.84 8.704l0.16 2.208v12.64l14.976-0.064c0.036-0 0.078-0.001 0.12-0.001 5.779 0 10.464 4.685 10.464 10.464 0 5.075-3.612 9.305-8.406 10.262l-0.067 0.011-2.112 0.224h-14.976v50.208c0 7.52 2.688 9.984 11.040 9.984l1.792-0.096 3.264-0.384c7.136-1.44 11.2 4.256 11.2 9.504 0 0.015 0 0.033 0 0.051 0 5.007-3.383 9.225-7.988 10.491l-0.076 0.018c-3.844 1.004-8.258 1.58-12.806 1.58-0.403 0-0.805-0.005-1.206-0.014l0.060 0.001c-23.488 0-34.24-8.768-35.456-29.568l-0.128-4.32v-47.488h-2.944c-0.455 0.071-0.98 0.111-1.514 0.111-5.744 0-10.4-4.656-10.4-10.4 0-5.533 4.321-10.057 9.773-10.381l0.029-0.001 2.112-0.192h5.088l3.68-11.68c2.144-6.784 4.384-11.904 12.48-11.904zM208.064 127.968c26.51 0 48 21.49 48 48s-21.49 48-48 48h-0c-26.51 0-48-21.49-48-48s21.49-48 48-48v0zM635.424 120.096h-18.848v38.592c4.704 0.768 10.912 1.12 16.576 1.12 15.616 0 21.824-5.824 21.824-20.48 0-13.952-5.44-19.2-19.552-19.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ic-db_seat_quiet-zone_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 41,
+				"id": 6,
+				"name": "ic-db_seat_quiet-zone_32",
+				"prevSize": 32,
+				"code": 922245
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M385.44 448c52.224 0 91.392 28.416 101.568 77.76l29.024 146.24h179.776c15.072 0 28.16 12.352 31.168 27.424l44.16 222.976c0.362 1.81 0.568 3.891 0.568 6.020 0 17.59-14.122 31.882-31.647 32.156l-0.026 0c-16.096 0-29.12-11.040-32.16-26.112l-38.176-198.464h-180.8c-15.040 0-28.128-9.472-31.136-24.544l-33.152-167.744c-4.032-20.096-18.080-31.712-38.176-31.712-19.072 0-24.096 8.64-37.152 8.64-17.088 0-29.12-15.104-29.12-33.184 0-27.104 37.12-39.456 65.28-39.456zM96.224 160c68.16 0 127.968 53.12 127.968 128.32v91.2l73.536 369.952c5.824 29.12 33.088 50.528 63.168 50.528h183.232c18.048 0 32 13.952 32 32s-13.952 32-32 32h-183.232c-0.151 0.001-0.329 0.001-0.508 0.001-61.516 0-112.835-43.657-124.665-101.678l-0.139-0.819-74.56-369.92c-0.539-3.536-0.896-7.696-0.99-11.92l-0.002-0.112v-91.232c0.001-0.143 0.002-0.311 0.002-0.48 0-35.247-28.565-63.823-63.808-63.84l-0.002-0c-0.163 0.003-0.354 0.005-0.546 0.005-17.408 0-31.52-14.112-31.52-31.52 0-0.137 0.001-0.273 0.003-0.409l-0 0.021c0.126-17.653 14.384-31.934 32.017-32.096l0.015-0zM392.48 184.096c57.248 0 103.456 47.232 103.456 104.48 0 57.28-46.208 104.448-103.456 104.448-0.028 0-0.062 0-0.096 0-57.65 0-104.384-46.734-104.384-104.384 0-0.011 0-0.023 0-0.034l-0 0.002c-0-0.029-0-0.062-0-0.096 0-57.65 46.734-104.384 104.384-104.384 0.034 0 0.068 0 0.101 0l-0.005-0zM392.48 248.416c-22.157 0.072-40.101 18.006-40.192 40.151l-0 0.009c0 22.080 18.080 40.192 40.192 40.192 22.154-0.091 40.088-18.035 40.16-40.185l0-0.007c-0.072-22.157-18.006-40.101-40.151-40.192l-0.009-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["aisle"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 42,
+				"id": 7,
+				"name": "aisle",
+				"prevSize": 32,
+				"code": 922241
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M64 192.096c0.126-17.675 14.421-31.97 32.084-32.096l0.012-0c68.16 0 127.904 53.12 127.904 128.32v91.2l73.6 369.984c5.856 29.12 33.088 50.528 63.168 50.528h183.232c18.048 0 32 13.952 32 32s-13.952 32-32 32h-183.264c-0.151 0.001-0.329 0.001-0.508 0.001-61.516 0-112.835-43.657-124.665-101.678l-0.139-0.819-74.56-369.92c-0.53-3.544-0.876-7.707-0.958-11.933l-0.002-0.099v-91.264c0.001-0.143 0.002-0.311 0.002-0.48 0-35.258-28.582-63.84-63.84-63.84-0.001 0-0.001 0-0.002 0l0-0c-0.163 0.003-0.354 0.005-0.546 0.005-17.408 0-31.52-14.112-31.52-31.52 0-0.137 0.001-0.273 0.003-0.409l-0 0.021zM352 470.784c0-27.072 33.088-35.104 56.128-35.104 57.152 0 103.872 41.12 103.872 97.28v11.040h94.624c17.056 0 32.096 14.944 32.096 32-0.144 17.662-14.432 31.938-32.084 32.064l-0.012 0h-94.624v63.936h162.816c15.040 0 28.48 11.2 31.040 26.336l38.112 224.576c2.752 16.096-8 37.088-31.040 37.088-16.064 0-29.6-11.104-32.096-26.080l-33.088-198.496h-165.44c-0.115 0.002-0.251 0.002-0.386 0.002-17.496 0-31.68-14.184-31.68-31.68 0-0.136 0.001-0.271 0.003-0.407l-0 0.021v-170.432c0-19.616-15.648-34.080-40.096-34.080-8.32 0-17.696 4-27.072 4-17.024 0-31.072-13.024-31.072-32.064zM520.512 160c57.28 0 103.488 47.008 103.488 104s-46.208 104-103.488 104c-0.105 0-0.228 0.001-0.352 0.001-57.47 0-104.069-46.543-104.16-103.992l-0-0.009c0.091-57.457 46.69-104.001 104.16-104.001 0.124 0 0.248 0 0.371 0.001l-0.019-0zM520 224c-22.016 0-40 18.016-40 40 0 22.016 18.016 40 40 40 22.016 0 40-17.984 40-40 0-21.984-18.016-40-40-40zM704 595.104c-0.001-0.191-0.002-0.416-0.002-0.642 0-52.807 42.809-95.616 95.616-95.616 0.226 0 0.451 0.001 0.677 0.002l-0.035-0c0.029-0 0.063-0 0.097-0 52.679 0 95.411 42.586 95.647 95.21l0 0.022 0.48 333.92c0 17.056-14.432 32-32.48 32-17.056 0-31.68-14.944-31.68-32l-0.32-332.896c0.002-0.143 0.004-0.313 0.004-0.482 0-17.461-14.155-31.616-31.616-31.616-0.136 0-0.272 0.001-0.408 0.003l0.021-0c-18.048 0-32 15.040-32 32.096 0 17.024-14.944 32.064-32 32.064-18.048 0-32-14.048-32-32.064z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["elderly"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 43,
+				"id": 8,
+				"name": "elderly",
+				"prevSize": 32,
+				"code": 921896
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M160 722.016c0-57.024 20-112 56.992-155.008 6.016-7.008 16-11.008 25.024-11.008 16.96 0 30.976 15.008 30.976 32 0 8-1.984 15.008-7.008 20.992-26.083 29.948-41.985 69.36-41.985 112.486 0 0.189 0 0.378 0.001 0.567l-0-0.029c0 94.944 78.016 173.984 172.992 173.984 63.008 0 122.016-36 152-92 6.016-10.016 17.024-16 28-16 18.016 0 32 14.016 32 32 0.003 0.154 0.005 0.335 0.005 0.516 0 5.351-1.489 10.354-4.075 14.618l0.071-0.125c-40.992 76-120.992 124.992-208 124.992-131.008 0-236.992-107.008-236.992-238.016zM303.488 393.92c0-29.984 40-41.984 72-41.984 47.040 0 83.008 32.992 97.024 77.984l25.984 82.080h172.992c18.016 0 32 15.008 32 32 0 17.984-13.984 32-32 32h-195.968c-0.049 0-0.108 0-0.166 0-13.954 0-25.768-9.16-29.758-21.795l-0.060-0.221-34.016-108c-4.992-19.008-17.984-29.984-36.992-29.984-16 0-28.992 9.984-39.008 9.984-17.984 0-32-15.008-32-32zM460.512 672c0-18.016 14.976-32 32-32h242.976c13.024 0 25.024 8 30.016 19.008l96 222.016c1.984 4 3.008 8 3.008 12 0 15.008-10.496 32-32.512 32-12 0-24.512-6.976-29.504-18.976l-88-202.048h-221.984c-17.024 0-32-14.016-32-32zM376.512 80c56.96 0 102.976 46.016 102.976 104 0 0.047 0 0.104 0 0.16 0 56.801-46.047 102.848-102.848 102.848-0.045 0-0.090-0-0.135-0l0.007 0c-58.016 0-104-46.016-104-103.008-0.002-0.21-0.002-0.458-0.002-0.706 0-57.049 46.247-103.296 103.296-103.296 0.248 0 0.497 0.001 0.745 0.003l-0.038-0zM376.512 144c-22.016 0-40 18.016-40 40 0 22.016 17.984 39.008 40 39.008 21.984 0 40-17.024 40-39.008 0-22.016-18.016-40-40-40z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["handicapped"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 44,
+				"id": 9,
+				"name": "handicapped",
+				"prevSize": 32,
+				"code": 922243
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M64.16 192.096c0.126-17.653 14.384-31.934 32.017-32.096l0.015-0c68.16 0 127.968 53.12 127.968 128.32v91.2l73.536 369.952c5.824 29.12 33.088 50.528 63.168 50.528h183.232c18.048 0 32 13.952 32 32s-13.952 32-32 32h-183.232c-0.151 0.001-0.329 0.001-0.508 0.001-61.516 0-112.835-43.657-124.665-101.678l-0.139-0.819-74.56-369.92c-0.539-3.536-0.896-7.696-0.99-11.92l-0.002-0.112v-91.232c0-36.096-28.704-64.32-63.776-64.32-0.163 0.003-0.354 0.005-0.546 0.005-17.408 0-31.52-14.112-31.52-31.52 0-0.137 0.001-0.273 0.003-0.409l-0 0.021zM320.16 487.456c0-27.104 37.12-39.456 65.28-39.456 52.224 0 91.392 28.416 101.568 77.76l29.024 146.24h179.776c15.072 0 28.16 12.352 31.168 27.424l44.16 222.976c0.362 1.81 0.568 3.891 0.568 6.020 0 17.59-14.122 31.882-31.647 32.156l-0.026 0c-16.096 0-29.12-11.040-32.16-26.112l-38.176-198.464h-180.8c-15.040 0-28.128-9.472-31.136-24.544l-33.152-167.744c-4.032-20.096-18.080-31.712-38.176-31.712-19.072 0-24.096 8.64-37.152 8.64-17.088 0-29.12-15.104-29.12-33.184zM392.48 184.096c57.248 0 103.456 47.232 103.456 104.48 0 57.28-46.208 104.448-103.456 104.448-0.028 0-0.062 0-0.096 0-57.65 0-104.384-46.734-104.384-104.384 0-0.011 0-0.023 0-0.034l-0 0.002c-0-0.029-0-0.062-0-0.096 0-57.65 46.734-104.384 104.384-104.384 0.034 0 0.068 0 0.101 0l-0.005-0zM392.48 248.416c-22.157 0.072-40.101 18.006-40.192 40.151l-0 0.009c0 22.080 18.080 40.192 40.192 40.192 22.154-0.091 40.088-18.035 40.16-40.185l0-0.007c-0.072-22.157-18.006-40.101-40.151-40.192l-0.009-0zM672 544.128c0-17.088 15.040-32.16 32.128-32.16h226.016c18.080 0 32.16 15.040 32.16 32.16v192.832c0.002 0.125 0.003 0.272 0.003 0.419 0 17.532-14.212 31.744-31.744 31.744-0.147 0-0.294-0.001-0.441-0.003l0.022 0c-0.115 0.002-0.251 0.002-0.387 0.002-17.532 0-31.744-14.212-31.744-31.744 0-0.147 0.001-0.294 0.003-0.441l-0 0.022v-160.64h-193.888c-17.056 0-32.128-14.080-32.128-32.16z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["table"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 45,
+				"id": 10,
+				"name": "table",
+				"prevSize": 32,
+				"code": 921897
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M385.44 448c52.224 0 91.392 28.416 101.568 77.76l29.024 146.24h179.776c15.072 0 28.16 12.352 31.168 27.424l44.16 222.976c0.362 1.81 0.568 3.891 0.568 6.020 0 17.59-14.122 31.882-31.647 32.156l-0.026 0c-16.096 0-29.12-11.040-32.16-26.112l-38.176-198.464h-180.8c-15.040 0-28.128-9.472-31.136-24.544l-33.152-167.744c-4.032-20.096-18.080-31.712-38.176-31.712-19.072 0-24.096 8.64-37.152 8.64-17.088 0-29.12-15.104-29.12-33.184 0-27.104 37.12-39.456 65.28-39.456zM96.224 160c68.16 0 127.968 53.12 127.968 128.32v91.2l73.536 369.952c5.824 29.12 33.088 50.528 63.168 50.528h183.232c18.048 0 32 13.952 32 32s-13.952 32-32 32h-183.232c-0.151 0.001-0.329 0.001-0.508 0.001-61.516 0-112.835-43.657-124.665-101.678l-0.139-0.819-74.56-369.92c-0.539-3.536-0.896-7.696-0.99-11.92l-0.002-0.112v-91.232c0.001-0.143 0.002-0.311 0.002-0.48 0-35.247-28.565-63.823-63.808-63.84l-0.002-0c-0.163 0.003-0.354 0.005-0.546 0.005-17.408 0-31.52-14.112-31.52-31.52 0-0.137 0.001-0.273 0.003-0.409l-0 0.021c0.126-17.653 14.384-31.934 32.017-32.096l0.015-0zM392.48 184.096c57.248 0 103.456 47.232 103.456 104.48 0 57.28-46.208 104.448-103.456 104.448-0.028 0-0.062 0-0.096 0-57.65 0-104.384-46.734-104.384-104.384 0-0.011 0-0.023 0-0.034l-0 0.002c-0-0.029-0-0.062-0-0.096 0-57.65 46.734-104.384 104.384-104.384 0.034 0 0.068 0 0.101 0l-0.005-0zM392.48 248.416c-22.157 0.072-40.101 18.006-40.192 40.151l-0 0.009c0 22.080 18.080 40.192 40.192 40.192 22.154-0.091 40.088-18.035 40.16-40.185l0-0.007c-0.072-22.157-18.006-40.101-40.151-40.192l-0.009-0zM576 416l0.128-256c0-53.019 42.981-96 96-96v0h255.872c18.016 0 32 14.016 32 32 0 18.016-13.984 32-32 32h-255.904c-17.984 0-32 14.016-32 32l-0.256 256c0 16.96 13.952 32.128 32.256 32h255.904c18.016 0 32 13.984 32 32 0 16.992-13.984 32-32 32h-255.904c-0.010 0-0.021 0-0.032 0-53.032 0-96.027-42.973-96.064-95.996l-0-0.004z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["window"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 46,
+				"id": 11,
+				"name": "window",
+				"prevSize": 32,
+				"code": 921904
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-ticket-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-ticket-outline.json
new file mode 100644
index 0000000000..a4b06970ca
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-ticket-outline.json
@@ -0,0 +1,576 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M415.52 719.52c0 8.992-7.008 16-16 16h-96c-0.057 0.001-0.125 0.001-0.193 0.001-8.731 0-15.808-7.077-15.808-15.808 0-0.068 0-0.136 0.001-0.203l-0 0.010v-96c0-8.96 7.008-16 16-16h96c8.992 0 16 7.040 16 16zM399.52 543.52h-96c-44.132 0.127-79.873 35.868-80 79.988l-0 0.012v96c0 44 36 80 80 80h96c44 0 80-36 80-80v-96c0-44-36-80-80-80zM415.52 399.52c0 8.992-7.008 16-16 16h-96c-0.057 0.001-0.125 0.001-0.193 0.001-8.731 0-15.808-7.077-15.808-15.808 0-0.068 0-0.136 0.001-0.203l-0 0.010v-96c0-8.96 7.008-16 16-16h96c8.992 0 16 7.040 16 16zM399.52 223.52h-96c-44.132 0.127-79.873 35.868-80 79.988l-0 0.012v96c0 44 36 80 80 80h96c44 0 80-36 80-80v-96c0-44-36-80-80-80zM575.52 543.52c-16.992 0-32 15.040-32 32v96c0 16.992 15.008 32 32 32h64v64c0 18.016 14.016 32 32 32h96c18.016 0 32-13.984 32-32v-96c0-17.984-13.984-32-32-32h-64v-64c0-16.96-15.008-32-32-32zM735.52 399.52c0 8.992-7.008 16-16 16h-96c-0.057 0.001-0.125 0.001-0.193 0.001-8.731 0-15.808-7.077-15.808-15.808 0-0.068 0-0.136 0.001-0.203l-0 0.010v-96c0-8.96 7.008-16 16-16h96c8.992 0 16 7.040 16 16zM719.52 223.52h-96c-44.132 0.127-79.873 35.868-80 79.988l-0 0.012v96c0 44 36 80 80 80h96c44 0 80-36 80-80v-96c0-44-36-80-80-80zM767.104 64.064c-17.064 0.787-30.601 14.813-30.601 32s13.537 31.213 30.53 31.997l0.071 0.003c21.632-0.064 43.264-0.064 64.896 0 37.632 0.096 64 30.24 64 64-0.352 20.864-0.672 41.728-0.896 62.624 0.045 17.59 14.039 31.897 31.501 32.447l0.051 0.001c0.134 0.002 0.293 0.003 0.452 0.003 17.505 0 31.728-14.056 31.996-31.498l0-0.025c0.384-21.056 0.672-42.080 0.896-63.104 0.8-71.936-59.424-128.448-128-128.448-9.634-0.046-21.038-0.072-32.448-0.072-11.405 0-22.805 0.026-34.198 0.078l1.75-0.006zM192.064 64.064c-0.095-0-0.208-0-0.32-0-70.516 0-127.68 57.164-127.68 127.68 0 0.113 0 0.225 0 0.338l-0-0.018c-0.096 21.28-0.096 42.464 0 63.52 0.032 18.048 15.584 31.52 32 31.52 17.673 0 32-14.327 32-32v0c-0.064-21.024-0.064-42.048 0-63.040 0.096-36.608 30.24-64 64-64h63.072c18.4-0.096 32-15.648 32-32 0-17.673-14.327-32-32-32v0c-21.024-0.096-42.048-0.096-63.072 0zM64.064 767.008c-0.031 9.646-0.048 21.061-0.048 32.48s0.017 22.834 0.052 34.244l-0.004-1.764c0.16 72.512 59.424 128 128 128h63.072c17.601-0.179 31.821-14.399 32-31.983l0-0.017c0-17.673-14.327-32-32-32v0h-63.072c-0.095 0.001-0.208 0.001-0.321 0.001-35.169 0-63.68-28.511-63.68-63.68 0-0.113 0-0.226 0.001-0.338l-0 0.017c0.064-21.696 0.064-43.328 0-64.96 0-0.048 0-0.104 0-0.16 0-17.585-14.255-31.84-31.84-31.84-0.056 0-0.113 0-0.169 0l0.009-0c-17.673 0-32 14.327-32 32v0zM927.936 735.040c16.416 0 31.936 11.84 32 32 0.096 21.632 0.096 43.264 0 64.896 0 0.105 0 0.229 0 0.352 0 70.498-57.15 127.648-127.648 127.648-0.124 0-0.248-0-0.372-0.001l0.019 0c-21.632 0.064-43.264 0.064-64.896 0-17.673 0-32-14.327-32-32v0c0-16.384 13.504-31.936 32-32 21.632-0.064 43.264-0.064 64.896 0 33.76 0 63.936-28.096 64-64 0.064-21.632 0.064-43.264 0-64.896 0-17.673 14.327-32 32-32v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_qr_code_scan_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 58,
+				"id": 22,
+				"name": "db_ic_qr_code_scan_32",
+				"prevSize": 32,
+				"code": 922264
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M96 864v-704c0-53.019 42.981-96 96-96v0h240c16.992 0 32 14.016 32 32 0 18.016-15.008 32-32 32h-240c-18.016 0-32 14.016-32 32v704c0 18.016 14.016 32 32 32h448c18.016 0 32-14.016 32-32v-256c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32v256c0 53.019-42.981 96-96 96v0h-448c-53.019 0-96-42.981-96-96v0zM224 736c0-18.016 14.016-32 32-32h32c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-32c-18.016 0-32-14.016-32-32zM368 736c0-18.016 14.016-32 32-32h32c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-32c-18.016 0-32-14.016-32-32zM576 704c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-32c-18.016 0-32-14.016-32-32 0-18.016 14.016-32 32-32zM705.536 64c123.52 0 224 100.512 224 224s-100.48 224-224 224c-104.32 0-192-71.84-216.768-168.608l-43.52 94.112c-3.644 7.706-10.089 13.588-17.988 16.411l-0.22 0.069c-3.328 1.302-7.181 2.056-11.21 2.056-13.708 0-25.377-8.733-29.745-20.94l-0.069-0.22c-1.287-3.326-2.032-7.176-2.032-11.199 0-4.841 1.079-9.43 3.011-13.54l-0.082 0.195 76.224-164.224c3.552-7.68 11.008-13.6 18.56-16.32 3.321-1.283 7.165-2.026 11.181-2.026 4.836 0 9.42 1.077 13.526 3.004l-0.195-0.082 164.032 76.512c8.352 3.904 13.76 10.688 16.48 18.24 4.8 13.152 1.6 33.472-19.136 40.992-3.436 1.332-7.412 2.103-11.568 2.103-4.727 0-9.22-0.998-13.282-2.794l0.21 0.083-93.76-44.48c15.988 72.796 79.86 126.497 156.302 126.656l0.018 0c88.224 0 160-71.776 160-160-0.13-88.374-71.8-159.965-160.192-159.965-36.871 0-70.832 12.457-97.906 33.391l0.37-0.275c-5.185 3.765-11.678 6.023-18.697 6.023-17.691 0-32.032-14.341-32.032-32.032 0-9.941 4.529-18.825 11.635-24.7l0.054-0.043c37.186-28.942 84.553-46.401 135.997-46.401 0.282 0 0.565 0.001 0.847 0.002l-0.044-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ticket_subscription_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 255,
+				"id": 0,
+				"name": "db_ic_ticket_subscription_32",
+				"prevSize": 32,
+				"code": 922136
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M406.624 457.376c-5.79-5.79-13.789-9.371-22.624-9.371-17.67 0-31.995 14.325-31.995 31.995 0 8.835 3.581 16.834 9.371 22.624l96 96c5.78 5.812 13.782 9.409 22.624 9.409s16.844-3.597 22.623-9.408l0.001-0.001 192-192c5.79-5.79 9.371-13.789 9.371-22.624 0-17.67-14.325-31.995-31.995-31.995-8.835 0-16.834 3.581-22.624 9.371l-169.376 169.376zM800 417.28c0 214.752-94.208 371.52-288 478.72-193.76-107.2-288-263.968-288-478.72v-150.72l288-138.56 288 138.56zM534.56 68.928c-6.621-3.109-14.378-4.924-22.56-4.924s-15.939 1.815-22.893 5.063l0.333-0.14-311.392 146.432c-10.912 4.96-18.048 16.64-18.048 29.536v171.104c0 240.736 113.024 423.36 339.040 540.832 3.761 2.001 8.223 3.176 12.96 3.176s9.199-1.175 13.112-3.249l-0.152 0.074c226.016-117.472 339.040-300.064 339.040-540.832v-171.104c0-12.896-7.136-24.576-18.048-29.536z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_travel_insurance_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 210,
+				"id": 1,
+				"name": "db_ic_travel_insurance_32",
+				"prevSize": 32,
+				"code": 921990
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M877.6 564.864c26.194 14.351 47.185 35.342 61.139 60.746l0.397 0.79c14.4 26.944 20.16 53.312 20.8 101.568l0.064 136.032c0 17.673-14.327 32-32 32v0c-0.076 0.001-0.166 0.001-0.256 0.001-17.62 0-31.904-14.284-31.904-31.904 0-0.034 0-0.068 0-0.102l-0 0.005v-141.76c-0.832-33.856-4.608-49.664-13.152-65.664-8.080-15.115-20.149-27.184-34.813-35.043l-0.451-0.221c-17.152-9.152-34.080-12.832-73.216-13.28l-165.536-0.032c-43.776 0-61.92 3.584-80.096 13.312-15.115 8.080-27.184 20.149-35.043 34.813l-0.221 0.451c-9.12 17.056-12.832 34.048-13.28 72.16l-0.032 135.264c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-127.36c0-53.44 5.568-81.632 20.864-110.24 14.158-26.333 35.202-47.378 60.748-61.148l0.788-0.388c26.816-14.336 53.28-20.128 100.512-20.8l173.44-0.064c30.784 0 70.688 1.728 105.28 20.864zM328 544c17.673 0 32 14.327 32 32v0c0.001 0.076 0.001 0.167 0.001 0.257 0 17.532-14.212 31.744-31.744 31.744-0.090 0-0.181-0-0.271-0.001l0.014 0h-67.904c-5.568 0-17.152 0.32-34.816 0.96-22.944 1.6-35.68 5.408-48.704 12.352-15.115 8.080-27.184 20.149-35.043 34.813l-0.221 0.451c-6.944 13.024-10.72 25.76-12.352 48.704l-0.96 34.816v123.904c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-123.904c0-56.864 5.376-84.736 20.864-113.696 14.158-26.333 35.202-47.378 60.748-61.148l0.788-0.388c27.264-14.56 53.568-20.192 103.936-20.8zM688 128c-97.202 0-176 78.798-176 176s78.798 176 176 176v0c97.202 0 176-78.798 176-176s-78.798-176-176-176v0zM688 192c61.856 0 112 50.144 112 112s-50.144 112-112 112v0c-61.856 0-112-50.144-112-112s50.144-112 112-112v0zM336 128c35.52 0 69.568 10.56 98.4 30.080 8.544 5.833 14.080 15.526 14.080 26.512 0 17.673-14.327 32-32 32-6.687 0-12.896-2.051-18.030-5.559l0.11 0.071c-17.55-11.962-39.22-19.099-62.558-19.099-61.856 0-112 50.144-112 112s50.144 112 112 112c23.121 0 44.605-7.006 62.446-19.010l-0.4 0.254c5.023-3.435 11.23-5.485 17.916-5.485 17.673 0 32 14.327 32 32 0 11.106-5.657 20.89-14.247 26.628l-0.116 0.073c-27.427 18.503-61.221 29.536-97.593 29.536-97.202 0-176-78.798-176-176 0-97.199 78.794-175.996 175.992-176l0.001-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_multiple_passenger_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 209,
+				"id": 2,
+				"name": "db_ic_multiple_passenger_32",
+				"prevSize": 32,
+				"code": 922246
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M832.064 352c51.136 0 96 40.864 95.84 96l0.16 256c0 51.136-41.536 96-96 96h-448c-51.136 0-96-40.96-95.84-96l-0.16-256c0-51.136 41.6-96 96-95.84zM384.064 416c-16.416 0-32 13.92-31.776 32l-0.224 256c0 16.416 13.152 32 32 31.776l448 0.224c16.416 0 31.776-13.12 31.776-32l0.224-256c0-16.416-12.896-32-32-32zM736.096 454.848c12.992 0.192 25.6 1.696 38.592 4.384s18.784 15.136 18.784 23.488c0.011 0.269 0.017 0.584 0.017 0.901 0 7.505-3.373 14.222-8.685 18.718l-0.036 0.030c-5.504 4.544-12.8 6.4-19.808 4.992-8.133-1.709-17.478-2.688-27.052-2.688-0.029 0-0.059 0-0.088 0l0.004-0c-45.344 0-57.984 24.992-57.984 72.864 0 45.152 12.608 70.464 57.664 70.464 9.6-0.064 19.2-1.088 28.608-3.072 1.596-0.39 3.429-0.614 5.314-0.614 12.767 0 23.135 10.27 23.294 22.999l0 0.015c0.064 7.040-2.24 19.392-16.96 24.288-14.080 4.64-28.8 6.336-43.52 6.208-76.16 0-113.92-43.136-113.92-120 0-77.28 40.224-122.976 115.776-122.976zM501.824 460.288c57.6 0 74.816 25.12 77.664 54.368 2.816 29.248-14.656 50.56-38.304 54.72 34.432 7.040 51.584 23.808 51.584 57.696 0 46.528-36.512 65.92-92.8 65.92h-65.28c-13.255 0-24-10.745-24-24v0-184.704c0-13.255 10.745-24 24-24v0zM500.864 595.488h-33.92v49.376h29.888c26.208 0 39.68-6.304 39.68-25.792 0-15.552-9.6-23.584-35.648-23.584zM640.16 191.968c52.974 0.036 95.904 42.989 95.904 95.968 0 0.022-0 0.045-0 0.067l0-0.003c0 17.673-14.327 32-32 32v0c-17.554-0.018-31.777-14.252-31.777-31.808 0-0.068 0-0.135 0.001-0.202l-0 0.010c0-13.44-9.856-31.776-32.128-31.776l-448.192-0.224c-16.333 0.025-29.789 12.306-31.665 28.137l-0.015 0.151-0.224 259.584c-0 0.001-0 0.002-0 0.003 0 16.331 12.234 29.805 28.037 31.757l0.155 0.016 35.744 0.224c17.644 0.038 31.933 14.35 31.933 32 0 16.341-12.249 29.822-28.066 31.761l-0.155 0.015-35.712 0.224c-51.006-0.033-92.701-39.853-95.731-90.101l-0.013-0.267-0.192-261.504c0-51.104 40.736-96 95.904-96h448.192zM498.4 508.448h-31.424v37.504h30.144c18.88 0 28.16-5.504 28.16-19.072 0-13.024-8.864-18.464-26.88-18.464z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_multiple_cards_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 208,
+				"id": 3,
+				"name": "db_ic_multiple_cards_32",
+				"prevSize": 32,
+				"code": 921988
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M864 736c16.416 0 31.936 13.312 32 32 0.064 16 0.064 32 0 48 0 42.4-34.016 80-80 80-202.656 0.064-405.312 0.064-608 0-44.066-0.288-79.712-35.934-80-79.972l-0-0.028c-0.064-16-0.064-32 0-48 0-17.673 14.327-32 32-32s32 14.327 32 32v0c0.064 16 0.064 32 0 48 0 7.84 5.824 16 16 16 202.56 0.096 405.248 0.096 608 0 7.84 0 15.936-6.4 16-16 0.096-16 0.096-32 0-48 0-17.673 14.327-32 32-32v0zM704.288 720c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM320.288 720c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM512.288 720c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM484.864 143.040c12.544-20.16 39.904-20.16 54.272 0 47.776 76.256 95.456 152.544 143.040 228.864l228.864-143.040c21.504-13.44 52.48 2.496 48.448 32.864-8.764 33.69-28.66 150.821-47.039 268.454l-9.793 76.122c-7.055 37.591-39.604 65.66-78.716 65.696l-0.004 0c-207.968 0.064-415.904 0.064-623.872 0-36.8 0-72.064-25.92-78.72-65.696-10.899-46.748-30.798-163.871-48.878-281.595l-7.954-62.949c-4.736-26.144 23.712-48 48.448-32.864 76.352 47.648 152.64 95.296 228.832 143.008l143.072-228.832zM512 220.384l-132.864 212.576c-5.748 9.094-15.749 15.045-27.139 15.045-4.975 0-9.684-1.135-13.884-3.161l0.191 0.083-3.264-1.792-194.624-121.632 43.904 273.344c1.054 5.647 4.957 10.186 10.13 12.124l0.11 0.036 2.656 0.736 2.848 0.256h623.872c6.82-0.005 12.641-4.277 14.939-10.29l0.037-0.11 0.768-2.752 43.904-273.408-194.624 121.696c-4.818 3.059-10.686 4.876-16.979 4.876-8.668 0-16.531-3.446-22.293-9.043l0.008 0.007-2.656-2.976-2.176-3.040z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_best_price_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 207,
+				"id": 4,
+				"name": "db_ic_best_price_32",
+				"prevSize": 32,
+				"code": 921989
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M864 192c53.019 0 96 42.981 96 96v0 448c0 53.019-42.981 96-96 96v0h-704c-53.019 0-96-42.981-96-96v0-448c0-53.019 42.981-96 96-96v0h704zM288 256h-128c-18.016 0-32 14.016-32 32v448c0 18.016 14.016 32 32 32h298.016c-22.871-14.375-37.882-39.42-38.016-67.98l-0-0.020c0-46.016 36.992-80 80-80s80 34.016 80 80c-0.179 28.333-14.714 53.232-36.689 67.811l-0.303 0.189h320.992c18.016 0 32-14.016 32-32v-448c0-18.016-14.016-32-32-32h-420.992c25.646 21.77 41.851 53.987 41.984 89.993l0 0.023c-0.182 65.647-53.359 118.813-118.992 118.976l-0.016 0c-0.095 0-0.208 0-0.321 0-65.532 0-118.656-53.124-118.656-118.656 0-0.124 0-0.248 0.001-0.372l-0 0.019c0-33.984 14.976-66.944 40.992-89.984zM506.016 464c-0-0.019-0-0.042-0-0.064 0-83.912 68.024-151.936 151.936-151.936 0.023 0 0.045 0 0.068 0l-0.004-0c0.019-0 0.042-0 0.064-0 83.912 0 151.936 68.024 151.936 151.936 0 0.023-0 0.045-0 0.068l0-0.004c0 0.019 0 0.042 0 0.064 0 83.912-68.024 151.936-151.936 151.936-0.023 0-0.045-0-0.068-0l0.004 0c-0.019 0-0.042 0-0.064 0-83.912 0-151.936-68.024-151.936-151.936 0-0.023 0-0.045 0-0.068l-0 0.004z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["bahnbonus-card"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 41,
+				"id": 5,
+				"name": "bahnbonus-card",
+				"prevSize": 32,
+				"code": 921906
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M688.512 250.016c114.976 0 208 92.992 208 208 0 114.976-93.024 208-208 208-114.016 0-208-93.024-208-208 0-115.008 92.992-208 208-208zM287.488 134.016c87.904 0 160 71.104 160 160 0 87.872-72.096 160-160 160-88.366 0-160-71.634-160-160v0c0-88.896 71.136-160 160-160zM471.488 890.016c60.161-0.127 108.897-48.863 109.024-109.012l0-0.012c-0.145-60.147-48.874-108.865-109.012-108.992l-0.012-0c-0.114-0-0.249-0.001-0.385-0.001-59.983 0-108.608 48.625-108.608 108.608 0 0.135 0 0.271 0.001 0.406l-0-0.021c0 60 48 109.024 108.992 109.024z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["bahnbonus"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 42,
+				"id": 6,
+				"name": "bahnbonus",
+				"prevSize": 32,
+				"code": 921905
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M864 192c53.019 0 96 42.981 96 96v0 448c0 53.019-42.981 96-96 96v0h-704c-53.019 0-96-42.981-96-96v0-448c0-53.019 42.981-96 96-96v0h704zM864 256h-704c-17.984 0-32 14.016-32 32v448c0 18.016 14.016 32 32 32h704c18.016 0 32-14.016 32-32v-448c0-18.016-14.016-32-32-32zM347.008 316c77.984 0 132 28 132 100.992 0 44-18.88 67.296-60 80.992l-6.016 2.016c59.008 12 88 40.992 88 98.016 0 78.976-61.984 112-157.984 112h-119.008c-17.984 0-32-14.016-32-32v-330.048c0-18.048 14.016-32 32-32h123.008zM344.992 542.016h-56.992v88.96h50.016c44.992 0 66.976-10.976 66.976-45.984 0-30.976-20-42.976-60-42.976zM340.992 394.016h-52.992v68.992h51.008c28.992 0 47.008-7.008 47.008-35.008 0-23.008-14.016-34.016-45.024-34.016zM536.992 517.984c0-132.992 66.016-212 196-212 22.016 0 42.016 2.016 63.008 7.040 18.618 4.647 32.457 20.511 34.006 39.843l0.010 0.157c0 32-24 53.984-54.016 48.96-11.929-2.523-25.637-3.968-39.681-3.968-0.112 0-0.224 0-0.336 0l0.017-0c-79.008 0-99.008 41.984-99.008 115.968 0 71.040 19.008 112 98.016 112 14.976 0 28-0.96 44.992-4 26.016-4 51.008 14.016 52 40 0 23.040-11.008 40-31.008 46.016-18.183 6.207-39.135 9.861-60.918 10.016l-0.074 0c-151.008 0.96-203.008-77.024-203.008-200z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["bahncard"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 43,
+				"id": 7,
+				"name": "bahncard",
+				"prevSize": 32,
+				"code": 921908
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M96 864v-704c0-53.019 42.981-96 96-96v0h240c16.992 0 32 14.016 32 32 0 18.016-15.008 32-32 32h-240c-18.016 0-32 14.016-32 32v704c0 18.016 14.016 32 32 32h448c18.016 0 32-14.016 32-32v-256c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32v256c0 53.019-42.981 96-96 96v0h-448c-53.019 0-96-42.981-96-96v0zM224 736c0-18.016 14.016-32 32-32h32c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-32c-18.016 0-32-14.016-32-32zM368 736c0-18.016 14.016-32 32-32h32c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-32c-18.016 0-32-14.016-32-32zM512 736c0-18.016 14.016-32 32-32h32c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-32c-18.016 0-32-14.016-32-32zM704 64c124 0 224 100 224 224s-100 224-224 224-224-100-224-224 100-224 224-224zM704 128c-88 0-160 72-160 160s72 160 160 160 160-72 160-160-72-160-160-160zM672 306.176v-82.176c0-18.016 14.016-32 32-32 18.016 0 32.992 14.016 32.992 32v64l27.008 23.008c7.84 6.4 12.128 15.36 12.128 24.704 0 17.536-14.816 32.288-32.128 32.288-8 0-15.008-3.008-20.992-7.008l-41.952-35.36c-5.549-4.594-9.057-11.484-9.057-19.193 0-0.092 0.001-0.185 0.002-0.277l-0 0.014z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["commuter-ticket"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 44,
+				"id": 8,
+				"name": "commuter-ticket",
+				"prevSize": 32,
+				"code": 921910
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M352 480.992c0-13.984 12-32 32-32 8 0 16.992 3.008 23.008 8.992l105.984 107.008 297.024-297.984c6.076-5.467 14.118-8.855 22.948-8.992l0.028-0c18.016 0 31.008 13.984 31.008 32 0 8-3.008 16-8.992 21.984l-319.008 320.992c-6.016 6.016-12 8-23.008 9.024-8 0-16-3.008-21.984-9.024l-128.992-128.992c-6.016-7.008-10.016-15.008-10.016-23.008z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["komfort-check-in-check"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 45,
+				"id": 9,
+				"name": "komfort-check-in-check",
+				"prevSize": 32,
+				"code": 10004
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M160 512c0-194.016 156.992-352 352-352 31.008 0 60.992 4 91.008 12 13.984 4 22.976 16 22.976 30.016 0 21.984-18.976 36.992-40 32-21.601-6.362-46.417-10.023-72.088-10.023-0.666 0-1.332 0.002-1.998 0.007l0.102-0.001c-159.008 0-288 128.992-288 288s128.992 288 288 288c24.992 0 50.016-3.008 74.016-10.016 17.984-4 40 7.040 40 32 0 0.037 0 0.080 0 0.123 0 14.274-9.674 26.288-22.824 29.843l-0.216 0.050c-29.984 8-59.968 12-90.976 12-195.008 0-352-158.016-352-352z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["komfort-check-in-circle"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 46,
+				"id": 10,
+				"name": "komfort-check-in-circle",
+				"prevSize": 32,
+				"code": 129287
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M160 512c0-194.016 156.992-352 352-352 31.008 0 60.992 4 91.008 12 13.984 4 22.976 16 22.976 30.016 0 21.984-18.976 36.992-40 32-21.601-6.362-46.417-10.023-72.088-10.023-0.666 0-1.332 0.002-1.998 0.007l0.102-0.001c-159.008 0-288 128.992-288 288s128.992 288 288 288c24.992 0 50.016-3.008 74.016-10.016 17.984-4 40 7.040 40 32 0 0.037 0 0.080 0 0.123 0 14.274-9.674 26.288-22.824 29.843l-0.216 0.050c-29.984 8-59.968 12-90.976 12-195.008 0-352-158.016-352-352zM352 480.992c0-13.984 12-32 32-32 8 0 16.992 3.008 23.008 8.992l105.984 107.008 297.024-297.984c6.076-5.467 14.118-8.855 22.948-8.992l0.028-0c18.016 0 31.008 13.984 31.008 32 0 8-3.008 16-8.992 21.984l-319.008 320.992c-6.016 6.016-12 8-23.008 9.024-8 0-16-3.008-21.984-9.024l-128.992-128.992c-6.016-7.008-10.016-15.008-10.016-23.008z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["komfort-check-in"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 47,
+				"id": 11,
+				"name": "komfort-check-in",
+				"prevSize": 32,
+				"code": 921911
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M64.992 928l-0.992-253.504c0-108.992 70.016-184.992 175.008-188.992 6.976 0 12 0.992 17.984 4 40 24 83.008 37.984 128 37.984 16 0 32-0.96 48-4 23.008-4 36 13.024 36 31.040 0 12.96-8 26.976-24.992 30.976-19.008 3.008-38.016 5.984-56.992 5.984-0.291 0.001-0.636 0.002-0.981 0.002-56.592 0-109.449-15.992-154.298-43.704l1.263 0.727c-52 4.992-104.992 39.968-104.992 125.984v253.504c0 18.016-14.016 32-32 32-17.17-0.195-31.015-14.16-31.015-31.358 0-0.226 0.002-0.451 0.007-0.675l-0.001 0.033zM384 80c106.016 0 192 86.016 192 192 0 106.016-86.016 192-192 192-106.016 0-192-86.016-192-192 0-106.016 86.016-192 192-192zM383.488 144c-70.72 0-127.488 58.016-127.488 128.992 0.073 70.16 56.966 127.008 127.136 127.008 0.124 0 0.248-0 0.371-0.001l-0.019 0c70.72 0 128.512-56.992 128.512-127.008 0-71.008-57.76-128.992-128.512-128.992zM867.008 479.488c51.267 0.253 92.757 41.754 92.992 93.001l0 0.023v293.984c-0.253 51.256-41.736 92.739-92.968 92.992l-0.024 0h-230.016c-51.256-0.253-92.739-41.736-92.992-92.968l-0-0.024v-293.984c0.235-51.27 41.725-92.771 92.968-93.024l0.024-0h230.016zM864.992 543.488h-225.952c-17.1 0.090-30.936 13.937-31.008 31.033l-0 0.007v289.984c0 16.96 14.016 30.976 31.008 30.976h225.984c17.078-0.090 30.9-13.901 31.008-30.966l0-0.010v-290.016c-0.090-17.089-13.919-30.918-30.999-31.008l-0.009-0zM672 831.488c-16 0-32-12.992-32-32 0-17.984 14.016-32 32-32h31.008c18.976 0 32.992 14.016 32.992 32 0 18.016-14.016 32-32.992 32h-31.008zM800 831.488c-16 0-32-12.992-32-32 0-17.984 14.016-32 32-32h31.008c18.976 0 32.992 14.016 32.992 32 0 18.016-14.016 32-32.992 32h-31.008z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["my-travel"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 48,
+				"id": 12,
+				"name": "my-travel",
+				"prevSize": 32,
+				"code": 921912
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M96 864v-704c0-53.019 42.981-96 96-96v0h240c16.992 0 32 14.016 32 32 0 18.016-15.008 32-32 32h-240c-18.016 0-32 14.016-32 32v704c0 18.016 14.016 32 32 32h448c18.016 0 32-14.016 32-32v-256c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32v256c0 53.019-42.981 96-96 96v0h-448c-53.019 0-96-42.981-96-96v0zM224 736c0-18.016 14.016-32 32-32h32c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-32c-18.016 0-32-14.016-32-32zM368 736c0-18.016 14.016-32 32-32h32c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-32c-18.016 0-32-14.016-32-32zM512 736c0-18.016 14.016-32 32-32h32c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-32c-18.016 0-32-14.016-32-32zM704 64c124 0 224 100 224 224s-100 224-224 224-224-100-224-224 100-224 224-224zM704 128c-88 0-160 72-160 160s72 160 160 160 160-72 160-160-72-160-160-160zM701.152 206.080l62.24 62.24c5.653 5.638 9.151 13.434 9.151 22.048s-3.498 16.41-9.15 22.047l-0.001 0.001-62.784 62.24c-5.627 5.572-13.372 9.014-21.92 9.014-17.208 0-31.158-13.95-31.158-31.158 0-8.66 3.533-16.495 9.236-22.142l0.003-0.002 40.48-40.16-40.128-40.16c-4.799-5.455-7.728-12.657-7.728-20.543 0-17.214 13.954-31.168 31.168-31.168 7.894 0 15.103 2.935 20.595 7.773l-0.034-0.030z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["outward-journey"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 49,
+				"id": 13,
+				"name": "outward-journey",
+				"prevSize": 32,
+				"code": 921913
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M386.016 544c51.968 0 93.984 43.008 93.984 95.008v194.976c0 0.038 0 0.083 0 0.128 0 51.853-42.035 93.888-93.888 93.888-0.045 0-0.090-0-0.135-0l0.007 0h-194.944c-52.032 0-95.040-42.016-95.040-94.016v-194.944c0.992-52.032 43.008-95.040 95.008-95.040h194.976zM386.016 608h-195.040c-17.089 0.090-30.918 13.919-31.008 30.999l-0 0.009v193.984c0 17.024 14.016 31.008 31.008 31.008h194.976c17.024 0 30.016-14.016 30.016-31.008v-193.952c0-17.024-12.992-31.008-30.016-31.008zM386.016 96c52.192 0 93.984 42.72 93.984 95.008v194.976c0 0.038 0 0.083 0 0.128 0 51.853-42.035 93.888-93.888 93.888-0.045 0-0.090-0-0.135-0l0.007 0h-195.936c-0.048 0-0.104 0-0.16 0-51.853 0-93.888-42.035-93.888-93.888 0-0.045 0-0.090 0-0.135l-0 0.007v-194.944c0-52.032 42.016-95.040 94.016-95.040h196zM386.016 160h-195.040c-17.075 0.108-30.886 13.93-30.976 30.999l-0 0.009v194.976c0 17.024 14.016 30.016 31.008 31.040h194.976c17.024-1.024 30.016-14.016 30.016-31.040v-194.944c0-17.024-12.992-30.016-30.016-31.008zM704 544c32 0 64 32 64 64v96h96c32 0 64 20 64 64v96c0 32-32 64-64 64h-96c-32 0-64-32-64-64v-96h-96c-32 0-64-32-64-64v-96c0-32 32-64 64-64h96zM848 768h-64c-8 0-16 7.008-16 16v68c0 8 7.008 14.016 14.016 14.016h68.992c6.976 0 12.992-6.016 12.992-14.016v-68c0-8-8-16-16-16zM691.008 608h-69.024c-7.512 0.528-13.474 6.5-13.981 13.97l-0.003 0.046v68c0 8 7.008 13.984 14.016 13.984h65.984c8.992 0 16-7.008 16-16v-66.016c0-6.976-6.016-13.984-12.992-13.984zM833.984 96c52.032 0 94.016 43.008 94.016 95.008v194.976c0 0.038 0 0.083 0 0.128 0 51.853-42.035 93.888-93.888 93.888-0.045 0-0.090-0-0.135-0l0.007 0h-194.944c-52.032 0-95.040-42.016-95.040-94.016v-194.944c0.324-52.347 42.664-94.697 94.975-95.040l0.033-0h194.976zM833.984 160h-194.944c-17.089 0.090-30.918 13.919-31.008 30.999l-0 0.009v194.976c0 17.024 14.016 30.016 31.008 31.040h194.976c17.024-1.024 30.016-14.016 30.016-31.040v-194.944c0-17.024-12.992-30.016-30.016-31.008zM224 768v-64c0-16.992 15.008-32 32-32h64c18.016 0 32 15.008 32 32v64c0 18.016-14.016 32-32 32h-64c-16.992 0-32-14.016-32-32zM224 320v-64c0-16.992 15.008-32 32-32h64c18.016 0 32 15.008 32 32v64c0 18.016-14.016 32-32 32h-64c-16.992 0-32-14.016-32-32zM672 320v-64c0-16.992 15.008-32 32-32h64c18.016 0 32 15.008 32 32v64c0 18.016-14.016 32-32 32h-64c-16.992 0-32-14.016-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["qr-code"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 50,
+				"id": 14,
+				"name": "qr-code",
+				"prevSize": 32,
+				"code": 921920
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M96 864v-704c0-53.019 42.981-96 96-96v0h240c16.992 0 32 14.016 32 32 0 18.016-15.008 32-32 32h-240c-18.016 0-32 14.016-32 32v704c0 18.016 14.016 32 32 32h448c18.016 0 32-14.016 32-32v-256c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32v256c0 53.019-42.981 96-96 96v0h-448c-53.019 0-96-42.981-96-96v0zM224 736c0-18.016 14.016-32 32-32h32c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-32c-18.016 0-32-14.016-32-32zM368 736c0-18.016 14.016-32 32-32h32c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-32c-18.016 0-32-14.016-32-32zM512 736c0-18.016 14.016-32 32-32h32c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-32c-18.016 0-32-14.016-32-32zM704 64c124 0 224 100 224 224s-100 224-224 224-224-100-224-224 100-224 224-224zM704 128c-88 0-160 72-160 160s72 160 160 160 160-72 160-160-72-160-160-160zM703.104 206.080l-62.272 62.24c-5.653 5.638-9.151 13.434-9.151 22.048s3.498 16.41 9.15 22.047l0.001 0.001 62.816 62.24c5.627 5.572 13.372 9.014 21.92 9.014 17.208 0 31.158-13.95 31.158-31.158 0-8.66-3.533-16.495-9.236-22.142l-0.003-0.002-40.512-40.128 40.16-40.16c4.952-5.496 7.982-12.809 7.982-20.829 0-17.214-13.954-31.168-31.168-31.168-8.029 0-15.348 3.036-20.874 8.022l0.028-0.024z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["return-journey"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 51,
+				"id": 15,
+				"name": "return-journey",
+				"prevSize": 32,
+				"code": 921921
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M576 191.84c52.992 0 96 43.968 96 96.896v542.4c0 52.896-43.008 96.864-96 96.864h-384c-52.992 0-96-43.936-96-96.896v-542.368c0-52.896 43.008-96.896 96-96.896h384zM576 255.776h-384c-18.016 0-32 14.976-32 32.96v542.4c0 17.952 14.016 31.936 32 31.936h384c18.016 0 32-13.984 32-31.968v-542.368c0-17.984-14.016-32.96-32-32.96zM832 64c52.992 0 96 43.936 96 96.896v542.368c0 52.928-43.008 96.896-96 96.896h-63.008c-17.984 0-32-15.008-32-32.96 0-16.992 14.016-32 32-32h63.008c18.016 0 32-13.952 32-31.936v-542.4c0.001-0.105 0.002-0.23 0.002-0.355 0-17.443-14.141-31.584-31.584-31.584-0.147 0-0.294 0.001-0.44 0.003l0.022-0h-384c-18.016 0-32-14.976-32-31.968 0-17.984 14.016-32.96 32-32.96h384zM256 703.264c18.016 0 32 14.976 32 32.96 0 16.96-14.016 31.968-32 31.968-18.016 0-32-14.976-32-32 0-17.92 14.016-32.96 32-32.96zM384 703.264c18.016 0 32 14.976 32 32.96 0 16.96-14.016 31.968-32 31.968-18.016 0-32-14.976-32-32 0-17.92 14.016-32.96 32-32.96zM512 703.264c18.016 0 32 14.976 32 32.96 0 16.96-14.016 31.968-32 31.968-18.016 0-32-14.976-32-32 0-17.92 14.016-32.96 32-32.96zM768 543.456c18.016 0 32 14.976 32 31.968 0.001 0.105 0.002 0.23 0.002 0.355 0 17.443-14.141 31.584-31.584 31.584-0.147 0-0.294-0.001-0.44-0.003l0.022 0c-18.016 0-32-13.984-32-31.936 0-16.992 14.016-32 32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["Ticket Multiple"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 52,
+				"id": 16,
+				"name": "Ticket-Multiple",
+				"prevSize": 32,
+				"code": 921923
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M223.68 960h448.64c52.48 0 95.68-43.168 95.68-96.576v-209.6c-0.073-17.584-14.317-31.818-31.899-31.872l-0.005-0c-17.472 0-31.872 14.4-31.872 31.84v209.6c-0.073 17.584-14.317 31.818-31.899 31.872l-0.005 0h-448.64c-17.472 0-31.904-14.4-31.904-31.84v-702.848c0.091-17.571 14.328-31.786 31.899-31.84l0.005-0h239.744c17.472 0 31.904-14.4 31.904-31.84 0-18.496-14.4-32.896-31.904-32.896h-239.744c-53.504 0-95.68 43.168-95.68 96.576v702.848c0 53.44 42.176 96.576 95.68 96.576zM287.488 767.84h31.872c17.504 0 31.904-14.4 31.904-31.84-0.091-17.571-14.328-31.786-31.899-31.84l-0.005-0h-31.872c-17.504 0-31.904 14.4-31.904 31.84 0.091 17.571 14.328 31.786 31.899 31.84l0.005 0zM431.52 767.84h31.904c17.472 0 31.904-14.4 31.904-31.84-0.091-17.571-14.328-31.786-31.899-31.84l-0.005-0h-31.904c-17.504 0-31.904 14.4-31.904 31.84 0.091 17.571 14.328 31.786 31.899 31.84l0.005 0zM575.552 767.84h31.904c17.504 0 31.904-14.4 31.904-31.84-0.091-17.571-14.328-31.786-31.899-31.84l-0.005-0h-31.904c-17.472 0-31.872 14.4-31.872 31.84 0.090 17.559 14.31 31.768 31.865 31.84l0.007 0zM722.688 64c11.328 0 22.656 5.12 28.8 14.4l18.56 21.568c9.248 12.32 24.672 17.472 39.072 13.344l26.752-7.168c2.988-0.908 6.422-1.43 9.979-1.43 8.308 0 15.95 2.852 22 7.631l-0.075-0.057c9.28 6.176 15.424 16.448 15.424 27.744l2.048 28.8c1.056 14.368 10.304 27.712 23.68 32.864l26.752 10.24c10.272 4.16 18.528 12.352 22.624 23.68 3.104 10.24 2.080 22.592-4.096 31.84l-15.456 23.616c-8.224 12.352-8.224 28.8 0 41.12l15.456 23.616c6.176 9.28 7.2 21.6 4.096 31.872-4.096 11.296-12.352 19.52-22.624 23.616l-26.752 10.272c-13.376 5.12-22.624 18.496-23.68 32.896l-2.048 28.768c0 11.296-6.176 21.568-15.424 27.744-5.98 4.736-13.633 7.598-21.955 7.598-3.545 0-6.97-0.519-10.2-1.486l0.251 0.065-26.752-7.2c-3.028-0.879-6.507-1.385-10.103-1.385-11.653 0-22.065 5.31-28.95 13.642l-0.051 0.063-18.496 22.624c-6.176 9.248-17.504 14.4-28.8 14.4-11.328 0-21.632-5.152-28.832-14.4l-18.528-22.624c-6.936-8.395-17.348-13.705-29.001-13.705-3.597 0-7.075 0.506-10.368 1.45l0.265-0.065-26.72 7.2c-2.979 0.902-6.404 1.422-9.949 1.422-8.322 0-15.975-2.862-22.029-7.654l0.074 0.057c-9.197-5.985-15.246-16.136-15.456-27.713l-0-0.031-2.048-28.8c0-14.368-10.272-27.712-23.68-32.864l-26.72-10.24c-10.62-4.33-18.782-12.826-22.57-23.404l-0.086-0.276c-0.868-3.071-1.367-6.598-1.367-10.241 0-8.047 2.435-15.526 6.608-21.739l-0.089 0.14 15.424-23.616c7.2-12.352 7.2-28.8 0-41.12l-15.424-23.616c-7.2-9.28-8.224-21.6-5.12-31.872 4.096-11.296 12.32-19.52 22.624-23.616l26.752-10.272c13.376-5.12 23.68-18.496 23.68-33.92l2.016-27.744c0-11.296 6.176-21.568 15.456-28.768 9.28-6.176 20.576-8.224 31.904-5.12l26.72 7.168c14.4 3.104 29.856-1.024 39.104-13.344l18.528-21.568c7.2-9.28 17.504-14.4 28.8-14.4zM811.168 369.184c-18.496 0-32.896 15.392-32.896 33.92 0 18.464 14.4 33.888 32.896 33.888 18.688-0.143 33.804-15.237 33.984-33.903l0-0.017c-0.18-18.683-15.296-33.777-33.97-33.92l-0.014-0zM795.744 211.968c-11.328-3.072-21.6 1.024-31.904 9.248l-133.76 134.592c-5.947 5.746-9.64 13.793-9.64 22.702 0 4.42 0.909 8.628 2.55 12.447l-0.078-0.205c4.797 11.553 15.988 19.53 29.043 19.53 0.275 0 0.548-0.004 0.821-0.011l-0.040 0.001c11.328 0 14.4-3.072 22.624-9.248l133.76-133.568c9.28-8.224 12.352-20.544 10.304-31.872-3.33-11.471-12.197-20.316-23.438-23.556l-0.242-0.060zM632.16 192.448c-17.504 0-31.904 14.4-31.904 31.84 0 17.472 14.4 31.872 31.904 31.872 17.472 0 31.904-14.4 31.904-31.872s-14.4-31.84-31.904-31.84z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ticket-discount"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 53,
+				"id": 17,
+				"name": "ticket-discount",
+				"prevSize": 32,
+				"code": 921922
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M736 64c53.019 0 96 42.981 96 96v0 704c0 53.019-42.981 96-96 96v0h-448c-53.019 0-96-42.981-96-96v0-704c0-53.019 42.981-96 96-96v0h448zM736 128h-448c-18.016 0-32 14.016-32 32v704c0 18.016 14.016 32 32 32h448c18.016 0 32-14.016 32-32v-704c0-18.016-14.016-32-32-32zM320 736c0-18.016 14.016-32 32-32h32c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-32c-18.016 0-32-14.016-32-32zM464 736c0-18.016 14.016-32 32-32h32c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-32c-18.016 0-32-14.016-32-32zM608 736c0-18.016 14.016-32 32-32h32c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-32c-18.016 0-32-14.016-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["ticket"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 54,
+				"id": 18,
+				"name": "ticket",
+				"prevSize": 32,
+				"code": 922247
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		},
+		{
+			"icon": {
+				"paths": [
+					"M414.016 256c20.992-0.384 32 16 32 32s-11.008 32-32 32c-159.040 0-288 128.992-288 288 0 191.008 147.968 286.016 288 286.016 139.968 0 282.976-96 288-286.016 0.544-21.088 16-32 32-32s32 11.008 32 32c0 194.016-158.016 352-352 352-233.056 0-350.016-180.992-350.016-352s127.008-348 350.016-352zM321.984 448c8 0 17.792 4.16 24 12.992l90.624 128.512c5.408 7.68 8.128 13.888 10.080 23.040l19.328 90.464c3.904 18.304-11.008 38.976-31.040 38.976-0.059 0-0.128 0.001-0.198 0.001-15.072 0-27.669-10.601-30.74-24.753l-0.038-0.207-20.992-94.016-88.992-124c-3.765-4.972-6.030-11.26-6.030-18.078 0-0.327 0.005-0.653 0.016-0.978l-0.001 0.047c0-16.992 16.992-32 34.016-32zM736 64c124 0 224 100 224 224s-100 224-224 224-224-100-224-224 100-224 224-224zM736 128c-88 0-160 72-160 160s72 160 160 160 160-72 160-160-72-160-160-160zM711.008 196.992c8 0 16 3.008 21.984 9.024l62.016 61.984c5.984 6.016 9.984 14.016 9.984 22.016 0.001 0.071 0.001 0.154 0.001 0.238 0 8.679-3.856 16.457-9.948 21.715l-0.037 0.031-62.016 63.008c-5.984 4.992-13.984 8.992-21.984 8.992-17.139-0.029-31.022-13.929-31.022-31.072 0-0.326 0.005-0.652 0.015-0.975l-0.001 0.047c0-8 3.008-16 8.992-22.016l40-40-40-40c-5.558-5.607-8.992-13.327-8.992-21.849 0-0.047 0-0.095 0-0.142l-0 0.007c0-17.312 14.016-31.008 31.008-31.008z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["time-outward-journey"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 55,
+				"id": 19,
+				"name": "time-outward-journey",
+				"prevSize": 32,
+				"code": 921924
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 20
+		},
+		{
+			"icon": {
+				"paths": [
+					"M346.016 460.992l90.592 128.512c5.408 7.68 8.128 13.888 10.080 23.040l19.328 90.464c3.904 18.304-11.008 38.976-31.040 38.976-0.059 0-0.128 0.001-0.198 0.001-15.072 0-27.669-10.601-30.74-24.753l-0.038-0.207-20.992-94.016-88.992-124c-3.765-4.972-6.030-11.26-6.030-18.078 0-0.327 0.005-0.653 0.016-0.978l-0.001 0.047c0-16.992 16.992-32 34.016-32 8 0 17.76 4.16 24 12.992zM413.984 256c21.024-0.384 32 16 32 32s-10.976 32-32 32c-158.976 0-288 128.992-288 288 0 191.008 148.032 286.016 288 286.016 140.032 0 283.008-96 288-286.016 0.576-21.088 16-32 32-32s32 11.008 32 32c0 194.016-157.984 352-352 352-232.96 0-349.984-180.992-349.984-352s127.008-348 350.016-352zM736 64c124 0 224 100 224 224s-100 224-224 224-224-100-224-224 100-224 224-224zM736 128c-88 0-160 72-160 160s72 160 160 160 160-72 160-160-72-160-160-160zM736 206.016l-62.016 61.984c-5.984 6.016-9.984 14.016-9.984 22.016 0 8.96 4 16.96 10.016 21.984l61.984 63.008c6.016 4.992 14.016 8.992 22.016 8.992 17.122-0.028 30.991-13.914 30.991-31.040 0-0.338-0.005-0.674-0.016-1.009l0.001 0.049c0-0.050 0-0.108 0-0.167 0-8.522-3.434-16.242-8.995-21.851l0.002 0.002-40-40 40-40c5.558-5.607 8.992-13.327 8.992-21.849 0-0.047-0-0.095-0-0.142l0 0.007c0-0.009 0-0.021 0-0.032 0-17.108-13.868-30.976-30.976-30.976l-0 0c-0.040-0-0.087-0-0.135-0-8.538 0-16.271 3.447-21.883 9.026l0.002-0.001z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["time-return-journey"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 56,
+				"id": 20,
+				"name": "time-return-journey",
+				"prevSize": 32,
+				"code": 921925
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 21
+		},
+		{
+			"icon": {
+				"paths": [
+					"M128 852v-680c0-60 43.008-108 96-108h192c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-192c-16.992 0-32 20-32 44v680c0 24 15.008 44 32 44h448c16.992 0 32-20 32-44v-244c0-18.016 14.016-32 32-32 18.016 0 32 14.016 32 32v244c0 60-43.008 108-96 108h-448c-52.992 0-96-48-96-108zM256 736c0-18.016 14.016-32 32-32h320c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-320c-18.016 0-32-14.016-32-32zM256 608c0-18.016 14.016-32 32-32h320c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-320c-18.016 0-32-14.016-32-32zM256 480c0-18.016 14.016-32 32-32h64c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-64c-18.016 0-32-14.016-32-32zM256 352c0-18.016 14.016-32 32-32h64c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-64c-18.016 0-32-14.016-32-32zM256 224c0-18.016 14.016-32 32-32h64c18.016 0 32 14.016 32 32 0 18.016-14.016 32-32 32h-64c-18.016 0-32-14.016-32-32zM672 64c124 0 224 100.992 224 224s-100 224-224 224-224-100.992-224-224 100-224 224-224zM702.016 132l0.96 156.992c0 16.992-13.984 32-32 32-4.8 0-9.6-1.28-13.856-3.328l-3.136-1.664-132-83.008c-6.942 16.488-10.976 35.654-10.976 55.763 0 0.083 0 0.167 0 0.25l-0-0.013c0 88 72 160 160 160s160-72 160-160c0-77.984-56-141.984-129.024-156.992zM638.016 132c-32 7.008-60 24-82.016 47.008l83.008 52-1.024-99.008z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["timetable"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 57,
+				"id": 21,
+				"name": "timetable",
+				"prevSize": 32,
+				"code": 921926
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 22
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-transportation-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-transportation-filled.json
new file mode 100644
index 0000000000..04adcba708
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-transportation-filled.json
@@ -0,0 +1,609 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M663.872 333.952c-8.494 82.439-17.062 164.871-25.696 247.296l116.352 116.608c2.56 2.56 5.952 8.992 7.104 12.48 18.048 70.432 36.064 140.96 53.984 211.52 3.72 14.554-5.062 29.367-19.616 33.088-13.44 3.424-27.904-4.032-33.088-19.616-17.44-68.064-34.816-136.192-52.16-204.352l-114.816-115.040c-9.113-9.244-13.65-22.057-12.384-34.976 6.912-67.456 13.888-134.88 20.992-202.304l-97.856 51.104-15.296 85.984c-2.432 13.664-17.92 24.448-31.552 22.016-14.703-2.773-24.487-16.796-22.016-31.552 5.824-33.056 11.712-66.112 17.664-99.136 1.28-7.104 7.648-16.288 14.208-19.328 51.488-26.976 103.008-53.888 154.56-80.704 13.417-6.874 29.866-1.569 36.739 11.848 2.379 4.643 3.377 9.871 2.877 15.065zM91.2 512h233.6c15.022 0 27.2 12.178 27.2 27.2s-12.178 27.2-27.2 27.2h-233.6c-15.022 0-27.2-12.178-27.2-27.2s12.178-27.2 27.2-27.2zM164.352 640h233.6c15.022 0 27.2 12.178 27.2 27.2s-12.178 27.2-27.2 27.2h-233.6c-15.022 0-27.2-12.178-27.2-27.2s12.178-27.2 27.2-27.2zM574.016 670.944c12.672 5.632 19.584 20.064 13.76 35.904-34.539 77.639-69.14 155.251-103.808 232.832-6.117 13.72-22.198 19.885-35.918 13.768-0.006-0.003-0.012-0.005-0.018-0.008-13.618-6.223-19.739-22.209-13.76-35.936 34.56-77.664 69.184-155.264 103.84-232.8 6.12-13.709 22.189-19.868 35.904-13.76zM737.536 390.784c9.376 10.080 18.688 20.16 27.936 30.336l67.2 34.112c33.6 17.024 8.416 62.592-24.576 48.512-23.904-12.032-47.712-24.096-71.52-36.256-2.753-1.673-5.326-3.625-7.68-5.824-10.496-11.296-20.96-22.624-31.36-34.016-10.149-11.051-9.433-28.232 1.6-38.4 10.112-9.344 26.304-10.24 38.4 1.536zM653.76 69.024c50.245 0 90.976 40.731 90.976 90.976s-40.731 90.976-90.976 90.976-90.976-40.731-90.976-90.976 40.731-90.976 90.976-90.976zM653.76 123.424c-20.2-0.004-36.579 16.369-36.582 36.57s16.369 36.579 36.57 36.582h0.013c20.2-0.004 36.573-16.382 36.57-36.582-0.004-20.195-16.374-36.566-36.57-36.57z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_walking_fast_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 263,
+				"id": 0,
+				"name": "db_ic_walking_fast_inverted_32",
+				"prevSize": 32,
+				"code": 922137
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M887.84 340.48c-32.736 10.624-65.408 21.28-98.048 32-20.48 8.96-25.6 24.8-20.48 40.384 5.12 15.616 22.848 26.688 40.352 20.48 57.28-18.624 58.496-20.416 114.4-37.44 15.136 57.44-16.256 112.064-69.888 128.96l-174.4 54.88-135.744 249.216c-4.352 8-11.776 13.856-20.576 16.224l-18.176 4.928c-2.601 0.729-5.587 1.149-8.672 1.149-18.374 0-33.274-14.876-33.312-33.241l-0-0.004-0.288-170.080-134.368 42.144c-11.334 3.709-24.378 5.847-37.921 5.847-53.093 0-98.509-32.867-117.012-79.365l-0.299-0.85-75.744-214.72c-1.060-2.907-1.673-6.262-1.673-9.761 0-12.406 7.707-23.011 18.594-27.291l0.199-0.069 22.72-8.832c5.54-2.204 11.96-3.482 18.679-3.482 12.331 0 23.657 4.305 32.555 11.495l-0.098-0.077 92.608 74.24 387.648-121.76c71.488-22.848 165.824-18.24 218.944 25.024zM349.248 500.672c-18.275 6.011-31.236 22.924-31.236 42.864 0 24.868 20.16 45.028 45.028 45.028 4.928 0 9.672-0.792 14.11-2.255l-0.318 0.091c18.284-6.012 31.251-22.932 31.251-42.88 0-24.877-20.167-45.043-45.043-45.043-4.928 0-9.672 0.792-14.11 2.254l0.318-0.091zM489.248 455.552c-18.267 6.011-31.221 22.916-31.221 42.848 0 24.86 20.153 45.013 45.013 45.013 4.928 0 9.672-0.792 14.11-2.256l-0.318 0.091c18.258-6.010 31.206-22.909 31.206-42.832 0-24.852-20.146-44.998-44.998-44.998-4.929 0-9.672 0.792-14.11 2.257l0.318-0.091zM629.28 410.496c-18.258 6.010-31.206 22.909-31.206 42.832 0 24.852 20.146 44.998 44.998 44.998 4.929 0 9.672-0.792 14.11-2.257l-0.318 0.091c18.258-6.010 31.206-22.909 31.206-42.832 0-24.852-20.146-44.998-44.998-44.998-4.929 0-9.672 0.792-14.11 2.257l0.318-0.091zM395.936 170.944l120.128 121.76-136.064 46.24-62.656-123.232c-1.86-4.2-2.944-9.099-2.944-14.251 0-16.424 11.009-30.277 26.050-34.583l0.254-0.062 19.712-5.504c12.704-3.52 26.336 0.16 35.52 9.632z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_airplane_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 50,
+				"id": 1,
+				"name": "db_ic_airplane_inverted_32",
+				"prevSize": 32,
+				"code": 922000
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M767.36 250.016c0.422 1.795 0.664 3.857 0.664 5.975 0 11.702-7.389 21.677-17.756 25.516l-0.188 0.061-44.8 10.304 52.608 162.88c117.248-15.040 197.312 74.688 197.312 169.248-0.022 94.534-76.663 171.161-171.2 171.161-94.551 0-171.2-76.649-171.2-171.2 0-66.133 37.498-123.509 92.393-152.023l0.951-0.449-18.72-57.952-149.056 222.816c-1.728 2.592-9.664 14.752-33.056 16.896l-26.208 0.224c-10.789-0.002-20.109-6.284-24.505-15.389l-0.071-0.163-53.472-164.32-31.84 38.080c25.985 29.941 41.861 69.264 41.984 112.294l0 0.026c-0.024 94.533-76.664 171.157-171.2 171.157-94.551 0-171.2-76.649-171.2-171.2s76.649-171.2 171.2-171.2c32.286 0 62.486 8.937 88.258 24.473l-0.77-0.431 53.76-64.384-31.52-97.216h-29.728c-15.022 0-27.2-12.178-27.2-27.2s12.178-27.2 27.2-27.2h128c15.040 0 27.2 12.16 27.2 27.2 0 13.856-11.808 27.2-27.2 27.2h-41.056l23.488 72.512 231.648-52.576-17.696-54.88c-0.837-2.5-1.32-5.378-1.32-8.37 0-11.707 7.396-21.687 17.771-25.521l0.188-0.061 73.792-16.832c1.797-0.423 3.86-0.665 5.98-0.665 12.898 0 23.7 8.978 26.496 21.026l0.036 0.184zM240 507.2c-64.5 0.010-116.783 52.299-116.783 116.8 0 64.507 52.293 116.8 116.8 116.8s116.8-52.293 116.8-116.8c0-26.286-8.683-50.544-23.338-70.061l0.217 0.301-72.832 87.2c-8.704 10.336-26.784 12.96-38.304 3.424-10.56-8.8-14.24-25.952-3.424-38.304l72.832-87.2c-15.093-7.668-32.912-12.16-51.779-12.16-0.066 0-0.133 0-0.199 0l0.010-0zM774.944 507.52l34.944 108.128c4.256 13.184-2.848 29.216-16.096 33.92-2.78 1.022-5.99 1.613-9.339 1.613-12.149 0-22.481-7.782-26.282-18.634l-0.060-0.195-34.912-108.096c-33.807 20.864-56 57.704-56 99.728 0 64.507 52.293 116.8 116.8 116.8 64.501 0 116.791-52.284 116.8-116.783l0-0.001c0-64.512-52.8-120.64-125.856-116.48zM632.608 397.6l-185.344 42.080 51.264 158.336z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bicycle_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 51,
+				"id": 2,
+				"name": "db_ic_bicycle_inverted_32",
+				"prevSize": 32,
+				"code": 922169
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M320 608c35.346 0 64 28.654 64 64s-28.654 64-64 64v0c-35.346 0-64-28.654-64-64s28.654-64 64-64v0zM254.208 216.32c15.488 2.656 64.736 19.36 147.84 50.080 70.838 25.167 131.797 61.932 183.739 108.544l-0.507-0.448c57.632 51.52 105.536 101.408 143.68 149.664 4.309 5.403 6.914 12.331 6.914 19.867 0 2.857-0.374 5.626-1.076 8.261l0.051-0.224c-12.608 53.76-20.576 83.456-23.936 89.12-23.040 39.040-50.688 62.816-85.056 62.816l-180.928-3.936c18.336-93.056-55.328-156.064-124.928-156.064-70.736 0.292-127.967 57.702-127.967 128.479 0 5.040 0.29 10.012 0.855 14.901l-0.056-0.596c-15.905-2.123-29.669-4.833-43.131-8.294l2.523 0.55c-32.543-8.342-56.214-37.405-56.224-71.999l-0-0.001c-0.64-62.304-0.384-96.32 0.768-102.080 10.56-47.040 26.624-118.72 48.288-214.944 9.961-43.215 48.106-74.948 93.663-74.948 5.458 0 10.81 0.456 16.020 1.331l-0.563-0.078zM925.248 585.92c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-10.368 0-20.032 1.536-30.176 5.824-6.72 2.88-26.112 12.352-58.176 28.416-10.221 5.151-22.153 8.585-34.771 9.579l-0.333 0.021c-3.744 0.224-11.52 0.32-23.296 0.32-17.673 0-32-14.327-32-32v0c0-16.416 13.824-31.104 28.256-31.808 6.112-0.128 12.672-0.192 19.712-0.192 0.222 0.006 0.484 0.010 0.747 0.010 4.899 0 9.513-1.223 13.552-3.381l-0.155 0.075 52.512-25.92c18.7-9.425 40.757-14.944 64.103-14.944 0.009 0 0.017 0 0.026 0l-0.002-0zM206.656 315.744l-21.088 93.248c-0.492 2.102-0.774 4.515-0.774 6.994 0 17.673 14.327 32 32 32 13.896 0 25.723-8.857 30.144-21.234l0.070-0.223 16.96-74.784 104.416 36.704c35.481 12.654 66.178 29.957 93.287 51.57l-0.647-0.498 47.456 40.48c5.578 4.849 12.915 7.804 20.942 7.804 17.673 0 32-14.327 32-32 0-8.274-3.14-15.815-8.294-21.495l0.024 0.027-40.032-34.88c-31.667-27.408-68.486-49.979-108.639-65.969l-2.593-0.911c7.782 0.402-38.374-16.144-84.731-32.263l-54.437-16.473c-3.14-0.732-6.746-1.151-10.45-1.151-21.166 0-39.133 13.7-45.516 32.717l-0.099 0.339z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bicycle_trailer_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 52,
+				"id": 3,
+				"name": "db_ic_bicycle_trailer_inverted_32",
+				"prevSize": 32,
+				"code": 922002
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M780.032 447.968c-7.68 0-14.976 1.28-22.4 2.272l-22.496-73.952 92.992-0.288c7.699-0.022 14.664-3.148 19.712-8.192l32-32c5.072-5.068 8.209-12.072 8.209-19.808 0-15.465-12.537-28.001-28.001-28.001-7.728 0-14.726 3.131-19.792 8.194l-23.84 23.84-98.304 0.32-23.296-76.512c-3.608-11.58-14.232-19.84-26.784-19.84l-96-0c-15.464 0-28 12.536-28 28s12.536 28 28 28v0h75.264l19.616 64.48-180.32 218.688-83.68-251.008h9.088c14.902-0.726 26.709-12.984 26.709-28.001 0-15.005-11.79-27.257-26.611-27.997l-0.066-0.003-96.032-0.16c-14.902 0.726-26.709 12.984-26.709 28.001 0 15.005 11.79 27.257 26.611 27.997l0.066 0.003h27.872l32.32 97.024-52.896 63.168c-24.91-15.178-55.035-24.172-87.258-24.192l-0.006-0c-94.956 0.091-171.909 77.044-172 171.991l-0 0.009c0.091 94.956 77.044 171.909 171.991 172l0.009 0c85.248 0 155.68-62.496 169.184-144h70.816c4.096 0 7.904-0.96 11.392-2.528 0.992-0.448 1.728-1.248 2.656-1.792 2.521-1.409 4.682-3.101 6.548-5.075l0.012-0.013c0.288-0.32 0.704-0.416 0.992-0.768l188.832-229.024 17.568 57.696c-56.64 28.16-96 86.080-96 153.504 0.091 94.956 77.044 171.909 171.991 172l0.009 0c94.956-0.091 171.909-77.044 172-171.991l0-0.009c-0.091-94.956-77.044-171.909-171.991-172l-0.009-0zM437.184 591.968h-141.184l100.992-120.576zM236.032 735.968c-64.036-0.073-115.927-51.964-116-115.993l-0-0.007c0.073-64.036 51.964-115.927 115.993-116l0.007-0c17.92 0 35.008 4.256 50.656 11.904l-72.128 86.112c-0.832 0.992-1.12 2.24-1.792 3.328-1.056 1.696-2.144 3.296-2.816 5.184-0.672 1.856-0.896 3.744-1.152 5.696-0.192 1.28-0.768 2.432-0.768 3.776 0 0.416 0.224 0.768 0.256 1.216 0.096 1.984 0.672 3.84 1.152 5.76 0.448 1.664 0.672 3.328 1.376 4.832s1.792 2.752 2.784 4.096c1.152 1.632 2.208 3.264 3.68 4.608 0.32 0.288 0.448 0.672 0.768 0.96 1.344 1.12 2.88 1.664 4.352 2.496 1.184 0.672 2.208 1.504 3.488 1.984 2.997 1.253 6.477 2.002 10.126 2.048l0.018 0h112.192c-12.931 50.824-58.216 87.842-112.174 88l-0.018 0zM780.032 735.968c-64.036-0.073-115.927-51.964-116-115.993l-0-0.007c0-42.176 22.848-78.784 56.576-99.104l32.64 107.264c3.31 12.042 14.16 20.742 27.043 20.742 15.464 0 28-12.536 28-28 0-3.244-0.552-6.36-1.567-9.258l0.060 0.196-32.64-107.264c1.984-0.096 3.84-0.576 5.856-0.576 64.036 0.073 115.927 51.964 116 115.993l0 0.007c-0.073 64.036-51.964 115.927-115.993 116l-0.007 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_call_a_bike_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 53,
+				"id": 4,
+				"name": "db_ic_call_a_bike_inverted_32",
+				"prevSize": 32,
+				"code": 922001
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M720 165.536c39.744 3.104 75.008 25.92 86.944 63.616l45.12 186.816h76.48c0.231-0.006 0.504-0.010 0.777-0.010 15.602 0 28.43 11.879 29.933 27.085l0.010 0.125 0.224 35.744c0 16.384-11.456 30.88-27.2 32.864l-41.856 0.192c0.672 11.2 0.384 24-0.704 39.584-6.753 82.097-11.117 126.993-15.789 171.797l3.501-41.429c-1.183 13.821-4.835 26.532-10.518 38.063l0.278-0.623v71.616c0 14.272 0 41.024-41.024 41.024h-49.152c-41.6 0-41.024-26.752-41.024-41.024v-24.736c-75.84 4.16-150.56 6.208-224.256 6.208-0.397 0-0.87 0-1.343 0-77.289 0-154.060-2.219-230.253-6.596l10.54 0.484v24.64c0 14.272 0 41.024-40.992 41.024h-49.152c-41.024 0-41.024-26.752-41.024-41.024v-64.544c-6.406-10.743-10.971-23.347-12.896-36.802l-0.064-0.542-13.056-135.488c-1.216-16.256-1.6-29.76-0.96-41.632l-37.6 0.032c-17.696 0-30.944-15.424-30.944-33.088v-32c0-17.696 13.248-30.912 30.944-30.912l76.992-0.032 47.52-177.664c9.696-38.752 36.672-66.336 82.816-68.896 69.504-3.872 140.608-9.28 210.944-9.312 68.928-0.032 136.768 1.984 206.784 5.44zM404.16 560.224c-12.834 1.584-23.214 10.568-26.821 22.493l-0.059 0.227-9.248 55.52c-0.736 14.752 9.792 29.984 26.72 33.088 16.928 3.136 31.904-8.448 36-22.656l4.352-24.896h153.76l4.384 24.896c3.96 13.494 16.229 23.181 30.761 23.181 17.673 0 32-14.327 32-32 0-0.567-0.015-1.131-0.044-1.691l0.003 0.078-9.28-55.488c-3.657-12.135-14.008-21.112-26.659-22.704l-0.157-0.016h-215.744zM207.456 536c-17.469 0.266-31.528 14.489-31.528 31.997 0 15.261 10.683 28.027 24.979 31.227l0.213 0.040 87.424 8.736c17.469-0.266 31.528-14.489 31.528-31.997 0-15.261-10.683-28.027-24.979-31.227l-0.213-0.040zM729.12 544.736c-14.509 3.24-25.192 16.006-25.192 31.267 0 17.507 14.059 31.731 31.503 31.996l0.025 0 87.424-8.736c14.509-3.24 25.192-16.006 25.192-31.267 0-17.507-14.059-31.731-31.503-31.996l-0.025-0zM307.936 223.616c-15.424 0.768-29.312 9.792-34.56 24.192l-45.344 168.16c93.92-3.968 188.256-5.952 282.944-5.952 94.592 0 189.6 1.984 284.96 5.952l-40.224-168.16c-3.776-15.136-16.064-27.072-31.872-27.68-71.040-2.72-141.184-5.6-211.808-5.632-68.032 0-134.72 5.632-204.096 9.12z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_car_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 54,
+				"id": 5,
+				"name": "db_ic_car_inverted_32",
+				"prevSize": 32,
+				"code": 921937
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M936.192 416.16c15.2 0 24 12.48 24 24 0.064 29.408 0.064 58.816 0 88.224 0 7.84-6.144 16-16 16-21.536 0.064-43.072 0.064-64.64 0v47.84c0 7.84-6.048 16-16 16-16.32 0.064-32.704 0.064-49.088 0v35.744c-0.131 4.414-1.898 8.391-4.712 11.368l0.008-0.008c-13.504 13.504-27.072 26.944-40.64 40.352 10.543 20.825 16.719 45.4 16.719 71.418 0 88.86-72.036 160.896-160.896 160.896-44.385 0-84.572-17.972-113.681-47.036l0.002 0.002c-29.149-29.112-47.181-69.35-47.181-113.799 0-88.825 72.007-160.832 160.832-160.832 21.296 0 41.626 4.139 60.228 11.657l-1.079-0.385 192.064-192c4.992-4.992 14.016-9.44 22.56-9.376 18.752 0.096 18.752-0.064 37.504-0.064zM599.68 736.544c-30.928 0-56 25.072-56 56s25.072 56 56 56c30.928 0 56-25.072 56-56v0c0-37.344-31.648-56-56-56zM720.288 137.632c40.128 0 75.2 28.576 88.96 68.736 1.472 2.56 13.344 36.928 35.616 103.136 1.73 3.476 2.742 7.57 2.742 11.902 0 15.022-12.178 27.2-27.2 27.2-11.049 0-20.559-6.588-24.817-16.050l-0.069-0.172-38.336-112.864c-7.712-20.32-23.68-27.52-36.896-27.52-68.48-0.032-139.2-4.896-207.68-4.896-68.896 0-140.48 1.152-206.624 4.544-15.552 1.024-30.592 10.336-35.712 27.84-38.125 164.4-52.668 219.553-67.502 274.585l25.262-110.073c132.48-4.128 227.136-6.176 283.968-6.176 99.040 0 175.264 2.752 268.832 6.208 24.416 0 29.312 23.712 19.712 33.6-43.261 43.254-86.975 86.927-130.706 130.584l-3.502 3.496c-65.824-12.416-121.152 2.624-166.56 34.4h-68.032l-4.928-25.28c-2.24-13.664-17.6-24.64-31.296-22.368-13.664 2.304-24.448 14.496-22.336 31.296l8 48c1.984 11.936 14.336 22.72 26.816 22.72h37.76c-20.361 29.184-33.769 64.619-37.096 102.94l-0.056 0.804-117.92-5.216v20c0 30.336-12.16 41.024-40.992 41.024h-49.152c-32.096 1.12-41.056-12.8-41.024-41.024l-0.032-35.296c-7.808-23.616-7.744-35.072-13.824-73.792-6.080-38.688-20-145.12-17.536-169.92h-33.184c-17.696 0-30.944-15.392-30.944-33.056v-32c0-17.696 13.248-30.912 30.944-30.912l76.992-0.032 45.568-177.6c9.664-38.784 43.68-66.88 88.48-69.12 83.808-3.68 154.944-4.448 206.688-4.448 103.84 0 103.776 4.832 207.616 4.832zM176.16 532.832c-1.632 16.32 10.624 33.152 28.64 35.008 39.968 4.096 40 4.096 80 8 0.925 0.095 1.999 0.149 3.086 0.149 16.568 0 30.206-12.54 31.942-28.647l0.012-0.142c0.123-1.047 0.193-2.259 0.193-3.488 0-16.494-12.605-30.044-28.707-31.542l-0.125-0.009c-39.968-4.096-40-4.096-80-8-9.056-0.896-32.576 3.904-35.040 28.64z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_carsharing_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 55,
+				"id": 6,
+				"name": "db_ic_carsharing_inverted_32",
+				"prevSize": 32,
+				"code": 922004
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M689.92 193.28h-54.080v-74.24h37.44c2.24 0 4.48 0.64 6.72 2.24l42.88 25.28c3.959 2.449 8.76 3.9 13.9 3.9 9.895 0 18.533-5.378 23.152-13.371l0.069-0.129c7.68-13.12 3.2-29.76-9.6-37.12l-42.88-25.28c-10.56-6.080-22.4-9.6-34.24-9.6l-322.88-0.96c-12.8 0-25.6 3.84-36.8 10.88l-39.36 25.28c-12.48 8-16.32 24.96-8 37.44 8 12.48 24.96 16.32 37.44 8l39.36-25.28c2.56-1.6 5.12-2.56 7.36-2.56h39.36v75.2h-53.76c-79.040 0-144 64.64-144 144v479.040c0 79.040 64.96 144 144 144h354.24c79.040 0 144-64.96 144-144v-478.72c0-79.040-64.64-144-144-144zM581.44 193.28h-137.6v-74.88h137.6zM389.44 860.16h-57.92c-15.022 0-27.2-12.178-27.2-27.2s12.178-27.2 27.2-27.2h57.92c15.022 0 27.2 12.178 27.2 27.2s-12.178 27.2-27.2 27.2l-0-0zM540.8 732.48h-57.92c-15.022 0-27.2-12.178-27.2-27.2s12.178-27.2 27.2-27.2l57.92 0c15.022-0 27.2 12.178 27.2 27.2s-12.178 27.2-27.2 27.2h-0zM693.12 860.16h-57.92c-15.022 0-27.2-12.178-27.2-27.2s12.178-27.2 27.2-27.2l57.92 0c15.022-0 27.2 12.178 27.2 27.2s-12.178 27.2-27.2 27.2h-0zM720.64 545.28c0 34.56-28.48 63.040-63.040 63.040h-289.92c-34.743-0.181-62.859-28.297-63.040-63.023l-0-0.017v-193.92c0-34.56 28.48-63.040 63.040-63.040h289.92c34.56 0 63.040 28.48 63.040 63.040z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_electric_locomotive_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 56,
+				"id": 7,
+				"name": "db_ic_electric_locomotive_inverted_32",
+				"prevSize": 32,
+				"code": 922005
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M379.104 698.912c0.084 1.705 0.132 3.703 0.132 5.712 0 68.044-55.161 123.204-123.204 123.204-66.035 0-119.936-51.951-123.061-117.212l-0.011-0.28v-11.424l-36.96 0.288c-13.812-0.004-25.217-10.302-26.961-23.639l-0.015-0.137-0.224-67.424c0.003-83.281 65.602-151.24 147.947-155.028l0.341-0.012 168.704-0.16-21.024-70.208c-0.587-1.976-2.387-3.392-4.517-3.392-0.021 0-0.041 0-0.062 0l0.003-0h-136.192c-15.022 0-27.2-12.178-27.2-27.2v0c0-13.856 11.808-27.2 27.2-27.2h136.192c24.915 0.006 46.233 15.404 54.963 37.201l0.141 0.399 84.928 282.4h95.232l177.344-206.912v-117.888c0-18.944-14.368-34.56-32.8-36.576l-100-0.224c-15.022 0-27.2-12.178-27.2-27.2v0c0-13.856 10.88-27.2 27.2-27.2h96c48.487 0.002 88.135 37.842 91.028 85.602l0.012 0.254 0.16 133.344c-0.148 6.752-2.588 12.907-6.568 17.746l0.040-0.050c-3.136 3.84-67.136 78.496-192 224-4.962 5.83-12.307 9.504-20.509 9.504-0.057 0-0.114-0-0.172-0.001l0.009 0c-5.856-0.192-82.144-0.288-228.896-0.288zM832 580.8c68.041-0 123.2 55.159 123.2 123.2s-55.159 123.2-123.2 123.2h-0c-68.041 0-123.2-55.159-123.2-123.2s55.159-123.2 123.2-123.2l-0 0zM187.2 699.2c0 45.312 30.816 73.6 68.8 73.6 36.352 0 70.784-28.192 68.8-73.888 0 0.192-45.856 0.288-137.6 0.288zM832 635.2c-37.997 0-68.8 30.803-68.8 68.8s30.803 68.8 68.8 68.8v0c37.997-0 68.8-30.803 68.8-68.8s-30.803-68.8-68.8-68.8v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_electric_scooter_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 57,
+				"id": 8,
+				"name": "db_ic_electric_scooter_inverted_32",
+				"prevSize": 32,
+				"code": 922006
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M718.016 165.76c28.288 1.376 56.096 13.76 73.216 36.8 3.352 4.471 5.367 10.111 5.367 16.223 0 8.906-4.281 16.813-10.897 21.775l-0.070 0.051c-4.478 3.285-10.097 5.257-16.178 5.257-8.906 0-16.824-4.231-21.854-10.792l-0.048-0.066c-6.016-8.128-16.512-13.984-29.536-14.848-68-2.816-136.8-5.92-205.216-5.92-68.928 0.032-138.176 1.6-206.816 6.080-15.68 1.184-31.648 11.968-35.68 28.576-28.6 124.076-43.226 180.105-58.332 235.936l15.868-68.864c125.984-3.040 220.704-4.576 284.16-4.576 20.864 0 48.448 0.672 64.064 1.248 1.862-51.552 44.1-92.637 95.936-92.64l0-0c0-16 16-32 32-32h96c16 0 32 16 32 32 53.019 0 96 42.981 96 96v0c16 0 32 16 32 32v32c0 16-16 32-32 31.968v256.032c0 53.019-42.981 96-96 96v0h-160c-49.546-0.002-90.324-37.538-95.452-85.724l-0.036-0.42c-18.302 0.866-39.754 1.36-61.323 1.36-4.058 0-8.111-0.017-12.161-0.052l0.619 0.004c-34.080 0-105.952-3.712-215.68-11.168l0.032 32c0 14.272-17.728 32-32 32h-64c-16 0-32-16-32-32l-0.512-73.6c-6.532-10.992-11.142-23.901-12.998-37.683l-0.058-0.525-11.424-116.928c-2.080-31.648-2.88-51.424-2.464-59.296h-37.6c-17.696 0.032-30.944-15.36-30.944-33.024v-32c0-17.696 13.248-30.912 30.944-30.912l76.896-0.032 45.664-180.16c9.664-38.752 43.68-67.904 88.48-69.888 102.624-3.2 155.264-6.336 207.168-5.92 51.136 0.416 122.592 2.944 204.864 5.76zM832 374.4h-160c-21.536 0-41.6 18.24-41.6 41.6v352c0 21.536 20.16 41.6 41.6 41.6h160c21.536 0 38.752-14.272 41.6-41.6v-352c0-21.536-19.68-41.6-41.6-41.6zM395.52 570.432c-13.664 2.304-24.448 14.496-22.336 31.296 2.56 16 5.248 32 8 48 1.984 11.936 14.336 22.72 26.816 22.72h168v-54.368h-144.256l-4.928-25.28c-2.24-13.664-17.6-24.64-31.296-22.368zM180.96 568.672c-1.568 13.76 7.328 27.36 23.968 30.080 20.032 2.432 39.968 4.672 80 9.12 15.296 1.856 28.544-10.176 30.080-23.936 1.6-13.792-7.424-27.52-23.936-30.112-39.936-4.64-39.968-4.64-80-9.12-0.882-0.101-1.904-0.159-2.94-0.159-13.965 0-25.483 10.474-27.127 23.995l-0.013 0.131zM746.528 485.28c-25.408 49.824-41.344 81.664-47.776 95.52-9.632 20.8 9.664 35.2 21.76 35.2h24.64c-10.24 20.32-20.448 40.8-30.624 61.28l0.063-0.136c-1.661 3.264-2.597 6.959-2.597 10.872 0 13.258 10.748 24.006 24.006 24.006 9.345 0 17.443-5.34 21.472-13.27 17.344-33.792 33.248-65.6 47.744-95.552 9.696-18.656-6.336-35.2-21.76-35.2h-24.64c11.104-21.76 21.312-42.176 30.656-61.248 6.304-11.744 0.128-26.784-10.752-32.224l0.137 0.063c-3.26-1.656-6.949-2.59-10.856-2.59-9.347 0-17.446 5.344-21.472 13.279z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ev_car_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 58,
+				"id": 9,
+				"name": "db_ic_ev_car_inverted_32",
+				"prevSize": 32,
+				"code": 922007
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M845.12 782.848c14.016 14.592 23.584 24 28.64 28.128 17.92 14.72 39.072 25.824 54.176 25.824 15.022 0 27.2 12.178 27.2 27.2s-12.178 27.2-27.2 27.2l-0-0c-33.344 0-68-17.216-103.936-51.616-36.864 34.4-71.488 51.616-103.936 51.616-32.416 0-67.104-17.216-104.064-51.648-36.608 34.496-71.328 51.712-104.128 51.648-32.832-0.032-67.456-17.28-103.872-51.616-36.352 34.432-71.008 51.616-104 51.616-32.96 0-67.648-17.216-104-51.648-36.64 34.432-71.296 51.648-104 51.648-15.022 0-27.2-12.178-27.2-27.2s12.178-27.2 27.2-27.2h-0c14.72 0 34.336-9.44 54.272-25.824 5.056-4.16 14.592-13.504 28.608-28.096 5.027-6.159 12.618-10.060 21.12-10.060s16.093 3.901 21.081 10.011l0.039 0.049c14.016 14.592 23.552 23.936 28.608 28.096 17.952 14.72 38.272 25.824 54.272 25.824s36.288-11.072 54.24-25.824c5.056-4.16 14.624-13.536 28.64-28.128 5.027-6.159 12.618-10.060 21.12-10.060s16.093 3.901 21.081 10.011l0.039 0.049c14.016 14.592 23.584 24 28.64 28.128 17.92 14.72 38.112 25.856 54.176 25.824s34.368-9.472 54.304-25.824c5.056-4.16 14.624-13.536 28.64-28.16 5.026-6.15 12.612-10.044 21.107-10.044 7.219 0 13.781 2.812 18.65 7.401l-0.014-0.013c15.68 16.384 26.080 26.656 31.168 30.816 17.856 14.624 38.4 25.856 54.272 25.824 15.872 0 34.24-9.472 54.176-25.824 5.056-4.16 14.624-13.536 28.64-28.16 5.027-6.159 12.618-10.060 21.12-10.060s16.093 3.901 21.081 10.011l0.039 0.049zM640 164.8c0.003-0 0.007-0 0.010-0 11.367 0 21.106 6.973 25.172 16.875l0.066 0.181 20.032 78.944-403.872 0.224c-13.448 1.786-23.716 13.182-23.716 26.976s10.268 25.19 23.578 26.961l0.139 0.015 417.504 0.224 26.496 105.6h170.592c15.424 0 27.84 12.8 27.2 28.192-4.416 103.008-52.256 182.304-74.816 214.496s-25.664 35.072-38.56 49.504c-26.208 29.248-55.040 50.24-91.584 50.24-33.024 0-67.52-21.568-103.392-64.672-35.424 43.168-70.080 64.704-103.904 64.64-33.856-0.064-68.384-21.6-103.648-64.64-34.336 43.104-68.768 64.64-103.264 64.64-34.56 0-69.28-21.536-104.256-64.608-35.904 43.744-70.496 65.6-103.776 65.6-14.957-0.161-27.039-12.243-27.2-27.185l-0-0.015v-309.792l558.624-0.224c13.448-1.786 23.716-13.182 23.716-26.976s-10.268-25.19-23.578-26.961l-0.139-0.015-558.624-0.224v-180.8c0-15.040 12.16-27.2 27.2-27.2zM520 512c-22.091 0-40 17.909-40 40s17.909 40 40 40v0c22.091 0 40-17.909 40-40s-17.909-40-40-40v0zM680 512c-22.091 0-40 17.909-40 40s17.909 40 40 40v0c22.091 0 40-17.909 40-40s-17.909-40-40-40v0zM360 512c-22.091 0-40 17.909-40 40s17.909 40 40 40v0c22.091 0 40-17.909 40-40s-17.909-40-40-40v0zM200 512c-22.091 0-40 17.909-40 40s17.909 40 40 40v0c22.091 0 40-17.909 40-40s-17.909-40-40-40v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ferry_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 59,
+				"id": 10,
+				"name": "db_ic_ferry_inverted_32",
+				"prevSize": 32,
+				"code": 922008
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M224 676.8c50.368 0 91.2 40.832 91.2 91.2s-40.832 91.2-91.2 91.2l-0-0c-50.368 0-91.2-40.832-91.2-91.2s40.832-91.2 91.2-91.2h-0zM640 676.8c50.368 0 91.2 40.832 91.2 91.2s-40.832 91.2-91.2 91.2l-0-0c-50.368 0-91.2-40.832-91.2-91.2s40.832-91.2 91.2-91.2h-0zM224 731.2c-20.324 0-36.8 16.476-36.8 36.8s16.476 36.8 36.8 36.8v0c20.324 0 36.8-16.476 36.8-36.8s-16.476-36.8-36.8-36.8v-0zM640 731.2c-20.324 0-36.8 16.476-36.8 36.8s16.476 36.8 36.8 36.8v0c20.324 0 36.8-16.476 36.8-36.8s-16.476-36.8-36.8-36.8v-0zM495.072 713.376c6.919 4.995 11.37 13.037 11.37 22.119 0 15.022-12.178 27.2-27.2 27.2-5.3 0-10.246-1.516-14.428-4.138l0.114 0.066c-9.252-6.25-20.655-9.977-32.928-9.977s-23.676 3.727-33.139 10.111l0.211-0.134c-4.068 2.555-9.014 4.071-14.314 4.071-15.022 0-27.2-12.178-27.2-27.2 0-9.082 4.451-17.124 11.29-22.064l0.080-0.055c17.725-11.96 39.565-19.092 63.072-19.092s45.348 7.132 63.477 19.349l-0.405-0.257zM800 132.8c41.024 0 76.16 28.704 84.704 68.32l70.304 467.68c2.368 15.424-4.48 25.28-20.416 29.632-14.048 3.36-56.704 14.016-128 32-1.986 0.519-4.267 0.817-6.616 0.817-15.022 0-27.2-12.178-27.2-27.2 0-11.485 7.119-21.308 17.184-25.297l0.184-0.064 107.264-27.072-65.504-436.928c-2.317-15.631-15.642-27.488-31.736-27.488-0.059 0-0.118 0-0.177 0l0.009-0c-15.022 0-27.2-12.178-27.2-27.2s12.178-27.2 27.2-27.2l-0-0zM768 416c15.040 0 27.2 12.16 27.2 27.2 0 13.856-10.88 27.2-27.2 27.2v73.6c0 53.088-45.088 96-96 96h-480c-50.912 0-96-42.912-96-96v-73.6c-14.95-0.178-27.022-12.25-27.2-27.183l-0-0.017c0-13.856 11.136-27.2 27.2-27.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_handcart_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 60,
+				"id": 11,
+				"name": "db_ic_handcart_inverted_32",
+				"prevSize": 32,
+				"code": 922009
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M227.232 730.56c31.712 35.392 69.344 66.4 127.552 104.64l18.24 11.52c12.16 6.816 24.896 11.008 42.976 13.536 28.536 2.273 62.002 3.63 95.762 3.743l0.238 0.001c30.976 0.064 61.952-1.056 92.96-3.328 15.488-1.952 27.136-4.992 37.6-9.696l22.464-12.8c65.184-42.592 97.824-69.76 131.616-107.456-10.222 41.703-16.248 63.465-22.523 85.121l4.987-20.097c-6.56 21.632-20.864 44.032-37.824 69.76-16.781 25.15-40.912 44.237-69.301 54.354l-0.971 0.302c0.619 2.352 0.974 5.051 0.974 7.834 0 16.359-12.275 29.85-28.117 31.767l-0.153 0.015-259.712 0.224c-0.004 0-0.008 0-0.013 0-17.673 0-32-14.327-32-32 0-2.959 0.402-5.825 1.154-8.545l-0.053 0.225c-26.311-9.548-48.245-25.852-64.395-46.837l-0.245-0.331c-15.177-19.889-28.697-42.459-39.563-66.485l-0.885-2.187c-3.296-7.616-10.24-32.064-20.768-73.344zM559.552 64c98.752 0 155.904 34.368 200.064 92.8 39.318 51.495 64.546 115.643 68.911 185.447l0.049 0.985 0.512 11.936 2.624 104.512c1.28 37.216-0.64 78.976-5.824 125.312-14.71 22.287-27.377 40.116-40.541 57.547l2.045-2.827c-42.784 58.208-76.416 92.704-153.76 142.272-12.608 8.064-25.408 17.984-67.392 17.984h-109.44c-40.8 0-49.408-7.104-66.432-17.984-80.48-51.456-113.6-85.984-151.936-140.608-25.6-36.416-39.040-55.296-40.384-56.64-4.064-42.56-6.080-76.704-6.080-102.464 0.064-25.76 1.056-68.128 2.976-127.104 1.792-71.68 26.080-141.024 69.44-198.368 42.592-56.32 99.712-92.8 202.176-92.672zM403.008 577.28c-5.185-11.094-16.251-18.643-29.079-18.643-17.673 0-32 14.327-32 32 0 2.181 0.218 4.31 0.634 6.368l-0.035-0.205 31.040 96.288c5.185 11.094 16.251 18.643 29.079 18.643 17.673 0 32-14.327 32-32 0-2.181-0.218-4.31-0.634-6.368l0.035 0.205-31.040-96.256zM617.408 578.144l-29.824 91.84c-0.913 2.838-1.439 6.102-1.439 9.49 0 17.673 14.327 32 32 32 12.729 0 23.722-7.432 28.876-18.193l0.083-0.193 29.856-91.84c0.955-2.899 1.506-6.236 1.506-9.701 0-17.673-14.327-32-32-32-12.811 0-23.863 7.528-28.975 18.402l-0.083 0.196zM512 160c-55.232 0-100.8 7.104-136.704 21.28-54.912 21.664-91.648 78.336-79.36 142.24 6.72 35.2 13.44 59.552 17.28 72.448 9.828 32.162 35.787 56.538 68.209 63.944l0.623 0.12 46.24 7.232c49.92 7.616 100.672 8.352 150.752 2.304l56.928-8.416c35.846-5.602 64.564-31.047 74.835-64.558l0.173-0.658c3.776-12.512 8.672-24.768 17.28-72.64 10.784-60.16-23.040-117.6-73.28-139.36-44.064-19.136-91.84-23.936-142.976-23.936z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ice_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 61,
+				"id": 12,
+				"name": "db_ic_ice_inverted_32",
+				"prevSize": 32,
+				"code": 922112
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M214.336 817.984c87.84 25.184 144.32 39.136 169.44 41.856 37.664 4.096 58.4 4.096 93.312 4.096h69.824c44.224 0 49.344 0 87.52-3.264 25.472-2.176 83.872-16.416 175.232-42.656-31.736 66.092-90.083 115.112-160.774 133.633l-1.722 0.383c-3.833-18.394-19.91-32.015-39.169-32.015-1.987 0-3.939 0.145-5.848 0.425l0.217-0.026c-35.648 5.024-65.824 7.584-90.368 7.584-24.576 0-54.752-2.528-90.336-7.584-20.48-2.944-39.168 9.568-44.832 31.616-66.4-13.12-131.904-68.48-162.496-134.080zM592 64c127.2 0 235.68 106.88 239.872 232.448 0.096 287.168-0.256 435.136-0.992 443.904-57.792 26.656-150.912 53.6-214.624 57.824-39.808 1.824-53.76 1.76-104.256 1.824-50.56 0.064-74.56 0.064-101.056-1.6-70.272-5.312-170.816-35.136-217.824-58.080-1.504-5.376-1.888-150.816-1.12-436.32 0-126.272 105.952-235.648 232.384-239.872zM358.528 656.16c-0.187-0.004-0.408-0.005-0.629-0.005-19.882 0-36 16.118-36 36 0 16.961 11.729 31.183 27.519 34.995l0.246 0.050 71.776 8.96c0.198 0.004 0.43 0.006 0.664 0.006 19.882 0 36-16.118 36-36 0-16.962-11.731-31.184-27.522-34.996l-0.246-0.050zM599.68 665.12c-16.036 3.863-27.765 18.084-27.765 35.045 0 19.882 16.118 36 36 36 0.221 0 0.442-0.002 0.662-0.006l-0.033 0 71.776-8.96c16.036-3.863 27.765-18.084 27.765-35.045 0-19.882-16.118-36-36-36-0.221 0-0.442 0.002-0.662 0.006l0.033-0zM410.336 129.6c-65.673 5.98-116.727 60.779-116.727 127.503 0 3.588 0.148 7.141 0.437 10.654l-0.031-0.461 21.632 270.176c2.582 31.402 27.488 56.242 58.689 58.706l0.223 0.014 86.272 6.592c15.318 1.243 33.16 1.951 51.168 1.951s35.85-0.708 53.501-2.099l-2.333 0.148 86.272-6.592c31.424-2.478 56.33-27.318 58.897-58.49l0.015-0.23 21.632-270.176c0.259-3.052 0.407-6.606 0.407-10.193 0-66.724-51.053-121.523-116.228-127.466l-0.499-0.037c-11.776-1.056-191.552-1.056-203.328 0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_intercity_train_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 62,
+				"id": 13,
+				"name": "db_ic_intercity_train_inverted_32",
+				"prevSize": 32,
+				"code": 922134
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M306.72 100.864h410.56c37.632 0.512 57.664 4.864 78.432 16 20.384 10.88 36.544 27.040 47.456 47.424 11.104 20.8 15.456 40.8 16 78.432l0.032 527.744c0 23.616-2.464 36.448-9.6 49.792-4.48 8.352-10.4 15.584-17.568 21.44l-0.032 54.304c0 17.673-14.327 32-32 32v0h-64c-17.673 0-32-14.327-32-32v0-36.8h-384v36.8c0 17.673-14.327 32-32 32v0h-64c-17.673 0-32-14.327-32-32v0l-0.032-54.272c-7.123-5.891-12.994-13.008-17.35-21.065l-0.186-0.375c-6.432-12.064-9.088-23.648-9.568-43.040v-534.528c0.512-37.632 4.864-57.664 16-78.432 10.901-20.311 27.108-36.549 46.786-47.188l0.606-0.3c20.8-11.104 40.8-15.456 78.432-16zM267.2 696c-26.512 0.009-48 21.503-48 48.016 0 26.519 21.497 48.016 48.016 48.016 0.006 0 0.011-0 0.017-0l-0.001 0c26.512-0.009 48-21.503 48-48.016 0-26.519-21.497-48.016-48.016-48.016-0.006 0-0.011 0-0.017 0l0.001-0zM756.8 696c-26.512 0.009-48 21.503-48 48.016 0 26.519 21.497 48.016 48.016 48.016 0.006 0 0.011-0 0.017-0l-0.001 0c26.512-0.009 48-21.503 48-48.016 0-26.519-21.497-48.016-48.016-48.016-0.006 0-0.011 0-0.017 0l0.001-0zM804.8 256h-585.6v353.376c100.8 15.776 204.224 22.624 292.8 22.624 97.6 0 195.2-7.552 292.8-22.624zM928 293.28c13.856 0 27.2 11.232 26.976 27.2l0.224 96c0 15.040-12.16 27.2-27.2 27.2-0 0-0 0-0.001 0-14.916 0-27.008-12.092-27.008-27.008 0-0.068 0-0.135 0.001-0.202l-0 0.010-0.192-96c0-15.040 12.16-27.2 27.2-27.2zM96 293.28c13.856 0 27.2 10.816 27.2 27.2v96c0 15.022-12.178 27.2-27.2 27.2s-27.2-12.178-27.2-27.2l0 0v-96c0-15.040 12.16-27.2 27.2-27.2zM352 132.8c-14.986 0.090-27.11 12.214-27.2 27.191l-0 0.009c0 13.856 10.944 27.2 27.2 27.2l320.384-0.224c15.36 0.224 26.816-13.12 26.816-26.976s-10.88-27.2-26.816-26.976z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_local_bus_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 63,
+				"id": 14,
+				"name": "db_ic_local_bus_inverted_32",
+				"prevSize": 32,
+				"code": 922113
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M595.52 64c127.808 0 232.224 99.456 236.352 224l0.128 480c0 0.002 0 0.004 0 0.007 0 103.225-81.46 187.424-183.603 191.82l-0.397 0.014c-1.664-26.912-23.808-41.44-45.696-38.304-27.14 4.115-58.455 6.465-90.32 6.465s-63.18-2.35-93.782-6.886l3.462 0.422c-21.888-3.136-42.784 11.36-45.632 38.304-100.053-4.281-180.032-84.516-183.893-184.279l-0.011-0.361-0.128-479.52c0-125.568 101.856-227.52 228.672-231.552zM352 764.224c-21.92 0-36 17.216-36 35.776s14.528 36 36 35.776l64 0.224c21.312 0 36-17.44 36-36s-14.208-36-36-36zM608 764.224c-0.048-0-0.104-0-0.16-0-19.771 0-35.804 16.010-35.84 35.773l-0 0.004c0 18.56 14.944 35.776 36 36h64c19.86-0.054 35.946-16.14 36-35.995l0-0.005c0-18.56-13.76-35.776-36-36zM619.072 160h-214.080c-46.912 0-84.992 38.656-84.992 86.272l18.88 349.76c-0.064 41.92 32.832 75.968 73.44 75.968h198.016c40.448 0 73.28-33.856 73.44-75.648l20.224-349.632c0.192-47.84-37.888-86.72-84.928-86.72z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_local_train_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 64,
+				"id": 15,
+				"name": "db_ic_local_train_inverted_32",
+				"prevSize": 32,
+				"code": 922176
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M356.704 68.864h310.592c34.304 0.448 52.544 4 71.84 13.12 19.347 9.225 35.199 23.084 46.553 40.187l0.263 0.421c9.792 14.784 15.648 29.408 20.384 53.376 3.168 16 10.112 64 20.864 144.032v429.952c0 30.112-3.040 45.792-11.776 62.144-4.128 7.744-9.28 14.656-15.36 20.672l-0.064 63.232c0 17.673-14.327 32-32 32v0h-64c-17.673 0-32-14.327-32-32v0-36.8h-320v36.8c0 17.673-14.327 32-32 32v0h-64c-17.673 0-32-14.327-32-32v0-63.2c-6.012-5.946-11.145-12.763-15.199-20.25l-0.225-0.454c-8-14.976-11.232-29.408-11.712-54.912l-0.064-437.184c9.536-71.072 15.968-116.288 19.328-135.68 5.024-29.088 11.040-45.28 21.92-61.76 11.621-17.511 27.472-31.36 46.129-40.28l0.687-0.296c19.296-9.12 37.536-12.672 71.84-13.12zM631.616 708.352c-15.732 4.082-27.162 18.156-27.162 34.898 0 19.882 16.118 36 36 36 0.403 0 0.804-0.007 1.204-0.020l-0.058 0.002 107.584-15.104c15.732-4.082 27.162-18.156 27.162-34.898 0-19.882-16.118-36-36-36-0.403 0-0.804 0.007-1.204 0.020l0.058-0.002zM284.8 692.992c-0.342-0.012-0.743-0.018-1.146-0.018-19.882 0-36 16.118-36 36 0 16.743 11.429 30.816 26.912 34.843l0.25 0.055 107.584 15.136c0.342 0.012 0.743 0.018 1.146 0.018 19.882 0 36-16.118 36-36 0-16.743-11.429-30.816-26.912-34.843l-0.25-0.055zM665.696 123.232c-200.736-0.32-307.36-0.224-319.84 0.32-18.72 0.768-28.064 3.040-37.728 7.616-10.24 4.864-14.528 8.48-24.704 21.44-6.752 8.608-11.744 24.8-14.944 48.512l-17.28 120.704v272.192c29.28 17.28 53.376 27.328 72.32 30.176 28.416 4.288 113.6 6.4 188.48 6.4s161.152-1.728 188.448-6.4c18.176-3.104 42.304-13.152 72.352-30.176v-271.968l-17.28-120.928c-2.848-21.44-7.296-36.8-13.376-46.080-9.12-13.888-14.368-16.352-26.272-23.872-7.968-5.024-24.672-7.68-50.176-7.936zM896 261.28c13.856 0 27.2 11.232 27.2 27.2v128c0 15.022-12.178 27.2-27.2 27.2s-27.2-12.178-27.2-27.2l0 0v-128c0-15.040 12.16-27.2 27.2-27.2zM128 261.28c13.856 0 27.2 11.744 27.2 27.2v128c0 15.022-12.178 27.2-27.2 27.2s-27.2-12.178-27.2-27.2v0-128c0-15.040 12.16-27.2 27.2-27.2zM688 276.8c15.022 0 27.2 12.178 27.2 27.2s-12.178 27.2-27.2 27.2h-352c-15.022 0-27.2-12.178-27.2-27.2s12.178-27.2 27.2-27.2h-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_long_distance_bus_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 65,
+				"id": 16,
+				"name": "db_ic_long_distance_bus_inverted_32",
+				"prevSize": 32,
+				"code": 922114
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M714.144 384.32c-52.8-58.88-132.256-110.656-225.472-110.656-52.736 0-82.88 29.088-82.88 63.136 0 143.264 344.64 42.56 344.64 278.016 0 95.072-89.088 205.76-239.104 205.76-83.616 0-180.256-39.040-232.96-88v-123.424c49.984 74.496 141.12 131.936 232.96 131.936 56.192 0 101.376-33.28 101.376-68.8 0-134.048-339.136-51.040-339.136-282.304 0-121.28 114.4-186.56 217.184-186.56 85.664 0 162.4 29.12 223.36 78.080v102.816z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_s_bahn_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 66,
+				"id": 17,
+				"name": "db_ic_s_bahn_inverted_32",
+				"prevSize": 32,
+				"code": 922115
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M858.432 173.376l-69.12 14.368c-34.472 7.32-59.961 37.503-59.961 73.64 0 3.064 0.183 6.086 0.54 9.055l-0.035-0.358 47.296 260.384c-52.896 29.504-96.192 63.488-125.44 96.256-26.688 29.824-39.776 69.76-40.096 118.88h-329.024c-5.88-54.168-51.364-95.957-106.609-95.957-59.205 0-107.2 47.995-107.2 107.2s47.995 107.2 107.2 107.2c43.588 0 81.1-26.014 97.857-63.364l0.272-0.678h365.888c9.088 0.032 28.8-7.488 27.104-29.568-4.32-49.056 4.48-84.352 25.184-107.456 22.72-25.408 54.496-50.656 95.36-75.552l13.632 72.864c-36.1 17.76-60.505 54.278-60.505 96.496 0 59.205 47.995 107.2 107.2 107.2s107.2-47.995 107.2-107.2c0-56.854-44.26-103.371-100.204-106.975l-0.315-0.016-70.528-384.64c-0.222-1.14-0.349-2.451-0.349-3.792 0-8.925 5.621-16.537 13.517-19.489l0.144-0.047 72.064-15.2c12.468-2.648 21.687-13.565 21.687-26.635 0-1.956-0.206-3.864-0.599-5.703l0.032 0.178c-2.798-12.464-13.77-21.637-26.884-21.637-1.878 0-3.712 0.188-5.485 0.547l0.176-0.030zM848 704c29.161 0 52.8 23.639 52.8 52.8s-23.639 52.8-52.8 52.8v0c-29.161-0-52.8-23.639-52.8-52.8s23.639-52.8 52.8-52.8v0zM176 704c29.161 0 52.8 23.639 52.8 52.8s-23.639 52.8-52.8 52.8v0c-29.161-0-52.8-23.639-52.8-52.8s23.639-52.8 52.8-52.8v0zM128 521.6c-15.022-0-27.2 12.178-27.2 27.2s12.178 27.2 27.2 27.2h-0c99.104 0 142.528 19.616 166.912 79.104 4.058 10.239 13.875 17.349 25.353 17.349 15.022 0 27.2-12.178 27.2-27.2 0-3.888-0.816-7.586-2.286-10.931l0.068 0.175c-34.368-83.968-98.432-112.896-217.248-112.896z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_scooter_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 67,
+				"id": 18,
+				"name": "db_ic_scooter_inverted_32",
+				"prevSize": 32,
+				"code": 922116
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M852.48 781.824c8.463 11.086 17.154 20.923 26.491 30.107l0.037 0.037c15.552 14.24 35.424 23.104 48.992 24.704 16.096 1.888 27.2 12.32 27.2 27.328 0 15.040-12.16 27.2-27.2 27.2-32.64 0-65.12-16.832-97.344-50.56-37.248 33.728-74.144 50.56-110.656 50.56s-71.936-14.336-106.272-42.976c-34.912 28.64-68.8 42.976-101.728 42.976-32.896 0-67.456-14.592-103.68-43.84-37.312 29.248-72.064 43.84-104.32 43.84s-68.032-14.592-107.36-43.776c-34.688 29.184-68.224 43.776-100.64 43.776-15.022 0-27.2-12.178-27.2-27.2s12.178-27.2 27.2-27.2l-0 0c23.040-5.216 40.832-12.32 53.28-21.312 11.936-8.608 21.056-17.216 25.76-22.496 5.017-5.559 12.248-9.038 20.291-9.038 7.174 0 13.702 2.768 18.574 7.294l-0.017-0.016c11.264 10.304 22.784 18.24 30.912 23.424 18.336 11.744 40.8 21.952 59.2 22.016 18.4 0.032 36.48-8.16 56.544-21.664 7.616-5.12 16.992-12.032 28.608-23.040s27.36-10.944 38.784 0.16 20.608 17.856 28.128 22.944c20.128 13.76 39.68 21.728 55.936 21.728 16.192 0 35.456-7.936 55.168-21.6 7.36-5.12 16.352-11.168 27.488-22.848 4.962-5.187 11.938-8.411 19.668-8.411 8.246 0 15.634 3.669 20.622 9.463l0.030 0.036c4.32 4.992 13.12 13.408 25.152 21.856 19.392 13.568 39.744 21.504 59.872 21.504 19.328 0 40.736-9.632 62.048-26.24 7.904-6.176 18.368-14.464 29.056-27.68s31.968-13.184 41.376-1.056zM652.992 419.168c11.874 12.986 22.859 27.246 32.587 42.39l0.757 1.258 236.96-41.6c1.413-0.26 3.040-0.409 4.701-0.409 15.022 0 27.2 12.178 27.2 27.2 0 4.18-0.943 8.139-2.627 11.678l0.071-0.165-80.32 128.864c-57.507 94.687-88.26 142.834-119.372 190.726l26.252-43.11c-24 36.8-59.2 32-59.2 32-31.488-0.032-66.144-21.376-104-64-38.176 42.656-72.832 64-104 64s-65.824-21.344-104-64c-37.92 42.656-72.576 64-104 64s-66.080-21.344-104-64c-37.76 42.656-72.448 64-104 64-14.971-0.126-27.074-12.229-27.2-27.188l-0-0.012 0.16-99.040c-0.16-42.112 30.432-75.104 68.128-82.624l134.848-23.648c16.018-22.356 25.614-50.26 25.614-80.406 0-11.727-1.452-23.115-4.186-33.993l0.204 0.959c-0.501-1.951-0.788-4.19-0.788-6.497 0-13.464 9.793-24.64 22.645-26.793l0.159-0.022 192-31.584c55.008-9.024 103.776 16.288 145.408 62.016zM277.28 597.184c-11.427 3.394-19.618 13.801-19.618 26.122 0 15.022 12.178 27.2 27.2 27.2 0.26 0 0.518-0.004 0.776-0.011l-0.038 0.001 518.72-81.056c11.427-3.394 19.618-13.801 19.618-26.122 0-15.022-12.178-27.2-27.2-27.2-0.26 0-0.518 0.004-0.776 0.011l0.038-0.001zM522.272 410.112l-171.136 27.84c0.536 5.343 0.841 11.548 0.841 17.824 0 24.407-4.619 47.735-13.030 69.158l0.445-1.286 287.776-50.496c-39.68-51.104-73.664-65.728-104.896-63.040z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_speedboat_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 68,
+				"id": 19,
+				"name": "db_ic_speedboat_inverted_32",
+				"prevSize": 32,
+				"code": 922118
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		},
+		{
+			"icon": {
+				"paths": [
+					"M620.768 201.152v381.248c0 69.632-47.456 116.096-108.8 116.096-61.376 0-108.768-46.464-108.768-116.096v-381.248h-155.392v395.456c0 165.536 123.904 226.24 264.16 226.24 140.224 0 264.224-60.576 264.224-226.24v-395.456z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_subway_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 69,
+				"id": 20,
+				"name": "db_ic_subway_inverted_32",
+				"prevSize": 32,
+				"code": 922119
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 20
+		},
+		{
+			"icon": {
+				"paths": [
+					"M718.016 196.8c0.005-0 0.010-0 0.016-0 40.516 0 74.861 26.42 86.747 62.971l0.181 0.645 47.072 187.584h76.512c0.231-0.006 0.504-0.010 0.777-0.010 15.602 0 28.43 11.879 29.933 27.085l0.010 0.125 0.224 35.712c0 16.384-11.936 33.088-30.944 33.056h-38.080c1.088 10.112 0.416 28.8-2.080 56.096l-10.944 113.856c-3.584 36.736-21.376 63.68-51.84 75.648v65.408c0 14.272 0 41.024-41.024 41.024h-33.152c-41.056 0-41.024-26.752-41.024-41.024v-52.608c-59.45 5.601-128.552 8.795-198.4 8.795s-138.95-3.194-207.168-9.443l8.768 0.648v52.608c0 14.272 0 41.024-41.024 41.024h-33.152c-41.024 0-41.024-26.752-41.024-41.024l-0.032-64.416c-28.704-10.4-46.816-35.648-51.904-70.080l-11.456-117.216c-2.752-30.304-3.584-50.048-2.464-59.296h-37.6c-17.696 0.032-30.944-15.36-30.944-33.024v-32c0-17.696 13.248-30.912 30.944-30.912h76.992l45.568-182.112c10.342-39.94 46-68.985 88.465-69.12l0.015-0zM412.256 608.224c-15.972 1.955-28.22 15.435-28.22 31.776s12.249 29.821 28.066 31.761l0.155 0.015h199.488c15.972-1.955 28.22-15.435 28.22-31.776s-12.249-29.821-28.066-31.761l-0.155-0.015zM220.256 576.224c-15.972 1.955-28.22 15.435-28.22 31.776s12.249 29.821 28.066 31.761l0.155 0.015h71.488c15.972-1.955 28.22-15.435 28.22-31.776s-12.249-29.821-28.066-31.761l-0.155-0.015zM732.256 576.224c-15.972 1.955-28.22 15.435-28.22 31.776s12.249 29.821 28.066 31.761l0.155 0.015h71.488c15.972-1.955 28.22-15.435 28.22-31.776s-12.249-29.821-28.066-31.761l-0.155-0.015zM305.984 251.2c-15.794 0.006-29.262 9.961-34.477 23.938l-0.083 0.254-43.456 172.608h567.936l-42.176-168.96c-4.187-16.108-18.574-27.818-35.706-27.872l-0.006-0h-412.032zM607.488 100.8c15.040 0 27.2 12.16 27.2 27.2 0 13.856-11.52 27.2-26.688 27.2h-192.512c-14.912-0.145-26.945-12.267-26.945-27.2 0-15.023 12.178-27.201 27.201-27.201 0.090 0 0.18 0 0.27 0.001l-0.014-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_taxi_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 70,
+				"id": 21,
+				"name": "db_ic_taxi_inverted_32",
+				"prevSize": 32,
+				"code": 922120
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 21
+		},
+		{
+			"icon": {
+				"paths": [
+					"M99.264 730.496c31.712 35.424 69.312 66.432 127.52 104.64l18.272 11.584c12.128 6.816 24.864 11.008 42.944 13.536 14.080 1.056 27.232 0.992 40.96 1.6 0.256 0.896 0.384 1.792 0.64 2.656v63.488c0 4.544 0.544 8.96 1.088 13.344 0.138 0.789 0.217 1.697 0.217 2.624 0 8.823-7.141 15.978-15.959 16l-0.002 0h-58.912c-0.006 0-0.014 0-0.021 0-17.673 0-32-14.327-32-32 0-2.971 0.405-5.847 1.162-8.577l-0.053 0.225c-26.302-9.567-48.232-25.866-64.396-46.838l-0.244-0.33c-15.179-19.872-28.697-42.42-39.564-66.425l-0.884-2.183c-3.296-7.648-10.208-32.096-20.768-73.344zM800.064 447.968c31.68 0.032 53.888 21.344 63.328 52.032l32.608 140h43.264c10.752 0 20.736 8.544 20.736 18.496v23.456c0 10.72-8.352 22.080-20.736 22.048h-26.72c1.056 5.184 1.6 12.16 1.6 17.152 0 3.328-4.128 40.384-12.416 111.104-0.928 8.096-2.88 15.904-5.664 23.232v72.48c-0.032 17.664-14.368 32-32.032 32h-19.2c-17.673 0-32-14.327-32-32v0-10.944c-51.891 6.946-111.883 10.911-172.8 10.911s-120.907-3.965-179.728-11.651l6.928 0.74v10.944c0 17.673-14.327 32-32 32v0h-19.2c-17.673 0-32-14.327-32-32v0-72.384c-1.968-4.96-3.653-10.835-4.773-16.908l-0.091-0.596-12.736-108.928c-0.34-2.775-0.534-5.989-0.534-9.247 0-5.629 0.579-11.123 1.68-16.426l-0.090 0.521h-26.688c-11.84 0-20.736-10.304-20.736-22.080v-21.344c-0.003-0.136-0.005-0.296-0.005-0.456 0-11.134 9.026-20.16 20.16-20.16 0.204 0 0.408 0.003 0.611 0.009l-0.030-0.001h43.264l31.296-134.816c7.392-31.648 33.504-54.816 64.704-57.184zM704.224 760l-132.544 0.224c-12.544 1.529-22.746 10.124-26.591 21.63l-0.065 0.226-9.472 47.36c-0.085 0.872-0.134 1.884-0.134 2.908 0 15.386 11.002 28.203 25.568 31.012l0.198 0.032c1.952 0.428 4.194 0.673 6.493 0.673 14.091 0 26.033-9.2 30.148-21.92l0.063-0.224 3.776-17.92h76.32l3.808 17.92c4.289 12.958 16.294 22.142 30.444 22.142 17.673 0 32-14.327 32-32 0-0.923-0.039-1.836-0.116-2.739l0.008 0.118-9.472-47.36c-4.317-12.923-16.305-22.073-30.431-22.080l-0.001-0zM845.44 736.096l-47.328 9.472c-12.958 4.289-22.142 16.294-22.142 30.444 0 17.673 14.327 32 32 32 0.923 0 1.836-0.039 2.739-0.116l-0.118 0.008 47.328-9.472c12.958-4.289 22.142-16.294 22.142-30.444 0-17.673-14.327-32-32-32-0.923 0-1.836 0.039-2.739 0.116l0.118-0.008zM400.64 761.728c-0.395 1.887-0.621 4.055-0.621 6.276 0 14.132 9.161 26.124 21.868 30.363l0.226 0.065 47.328 9.472c0.785 0.069 1.699 0.108 2.622 0.108 17.673 0 32-14.327 32-32 0-14.15-9.184-26.154-21.916-30.379l-0.226-0.065-47.328-9.472c-0.77-0.066-1.666-0.103-2.571-0.103-15.456 0-28.353 10.958-31.345 25.529l-0.035 0.207zM431.552 64c98.72 0 155.904 34.368 200.064 92.8 39.319 51.495 64.548 115.643 68.911 185.448l0.049 0.984 0.512 11.936 0.544 22.432c0 8.837-7.163 16-16 16v0h-101.952c3.68-11.872 8.48-25.376 16.544-70.272 10.784-60.16-23.008-117.6-73.28-139.392-44.064-19.104-91.872-23.936-142.976-23.936-55.2 0-100.8 7.104-136.704 21.28-54.912 21.664-91.68 78.336-79.392 142.24 6.784 35.2 13.472 59.552 17.312 72.448 9.84 32.154 35.793 56.525 68.208 63.944l0.624 0.12 46.24 7.232c22.624 3.456 45.44 5.28 68.256 5.92-2.56 6.272-4.672 12.832-6.24 19.616l-21.536 92.768c-22.208 0-41.696 9.28-55.328 24.064l-10.432-32.352c-5.185-11.094-16.251-18.643-29.079-18.643-17.673 0-32 14.327-32 32 0 2.181 0.218 4.31 0.634 6.368l-0.035-0.205 31.040 96.288c10.528 27.84 49.536 53.088 68.928 60.48l5.408 46.176c-32.992-1.024-41.856-7.744-57.504-17.76-80.48-51.424-113.568-85.984-151.936-140.608-25.568-36.416-39.040-55.296-40.384-56.64-4.064-42.56-6.048-76.704-6.048-102.464 0.032-25.76 1.024-68.128 2.944-127.104 1.792-71.68 26.080-141.024 69.44-198.368 42.592-56.32 99.712-92.8 202.144-92.672zM485.248 502.176c-6.656 0.032-12.992 4.64-15.936 12.032l-29.472 125.792h400.32l-28.352-122.464c-1.92-8.16-7.648-13.792-14.144-15.072z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_train_and_car_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 71,
+				"id": 22,
+				"name": "db_ic_train_and_car_inverted_32",
+				"prevSize": 32,
+				"code": 922121
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 22
+		},
+		{
+			"icon": {
+				"paths": [
+					"M592.896 68.8c11.808 0 23.456 2.304 34.336 6.72l24.96 12.16c9.008 4.558 15.077 13.745 15.077 24.349 0 15.022-12.178 27.2-27.2 27.2-3.26 0-6.385-0.573-9.282-1.625l0.189 0.060-21.632-10.56c-3.531-1.812-7.64-3.099-11.982-3.63l-0.178-0.018-57.984-0.256v84.8l89.152 0.448c29.376 1.152 53.312 5.504 74.176 16.64 20.864 11.168 37.216 27.52 48.384 48.384 11.136 20.864 15.488 44.8 16.64 74.176 0.448 40.064 0 370.656 0 440.704 0 70.080-5.504 85.312-16.64 106.176-11.118 20.715-27.669 37.266-47.764 48.079l-0.62 0.305c-20.864 11.136-46.656 17.12-89.92 17.024-43.232-0.064-155.52 0.096-201.216 0-45.76-0.064-69.056-5.888-89.92-17.024-20.715-11.118-37.266-27.669-48.079-47.764l-0.305-0.62c-11.136-20.864-15.488-44.8-16.64-74.176-1.184-29.344-1.184-443.36 0-472.704 1.152-29.376 5.504-53.312 16.64-74.176 11.118-20.715 27.669-37.266 47.764-48.079l0.62-0.305c20.864-11.136 44.8-15.488 74.176-16.64l89.152-0.448v-84.8h-53.696c-4.501 0.001-8.813 0.811-12.799 2.291l0.255-0.083-22.4 10.912c-3.564 1.836-7.779 2.912-12.244 2.912-15.022 0-27.2-12.178-27.2-27.2 0-9.414 4.783-17.711 12.051-22.594l0.098-0.062 21.44-10.944c10.56-5.28 25.696-9.632 40.8-9.632zM347.296 795.2c-20.768 0-36.8 17.824-36.8 36.8s15.296 36.576 36.8 36.8h63.904c22.272 0 36.8-17.824 36.8-36.8 0.001-0.096 0.001-0.208 0.001-0.321 0-20.147-16.333-36.48-36.48-36.48-0.113 0-0.226 0.001-0.339 0.002l0.017-0zM612.8 795.424c-22.208-0.224-36.8 17.6-36.8 36.576s15.36 36.8 36.608 36.8h64.192c21.376 0 36.8-17.824 36.8-36.8s-15.072-36.8-36.8-36.8zM713.6 390.4h-403.2v289.088c0 15.616 15.040 30.144 29.76 31.936 51.415 3.83 111.372 6.013 171.84 6.013s120.425-2.183 179.799-6.475l-7.959 0.462c15.461-1.116 27.814-13.062 29.554-28.236l0.014-0.148zM416 276.8c-0.096-0.001-0.209-0.002-0.322-0.002-14.845 0-26.88 12.035-26.88 26.88 0 0.113 0.001 0.226 0.002 0.339l-0-0.017c0 13.856 11.136 27.2 27.2 27.2h192c15.022 0 27.2-12.178 27.2-27.2s-12.178-27.2-27.2-27.2h0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_tram_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 72,
+				"id": 23,
+				"name": "db_ic_tram_inverted_32",
+				"prevSize": 32,
+				"code": 922128
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 23
+		},
+		{
+			"icon": {
+				"paths": [
+					"M534.4 332.8c-9.6 83.2-16 166.4-25.6 246.4l115.2 115.2c3.2 3.2 6.4 9.6 6.4 12.8 19.2 70.4 35.2 140.8 54.4 211.2 3.2 16-6.4 28.8-19.2 32s-28.8-3.2-32-19.2c-16-67.2-35.2-137.6-51.2-204.8l-115.2-115.2c-9.6-9.6-12.8-19.2-12.8-35.2 6.4-67.2 12.8-134.4 22.4-201.6l-99.2 51.2-16 86.4c-3.2 12.8-19.2 25.6-32 22.4s-25.6-16-22.4-32c6.4-32 12.8-67.2 19.2-99.2 0-6.4 6.4-16 12.8-19.2 51.2-25.6 102.4-54.4 153.6-80 22.4-6.4 44.8 6.4 41.6 28.8zM444.8 672c12.8 6.4 19.2 19.2 12.8 35.2-35.2 76.8-70.4 156.8-102.4 233.6-6.4 12.8-22.4 19.2-35.2 12.8s-19.2-22.4-12.8-35.2c35.2-76.8 70.4-156.8 102.4-233.6 6.4-12.8 22.4-19.2 35.2-12.8zM608 390.4c9.6 9.6 19.2 19.2 28.8 28.8l67.2 35.2c32 16 9.6 64-25.6 48-22.4-12.8-48-25.6-70.4-35.2-3.2 0-6.4-3.2-6.4-6.4-9.6-12.8-22.4-22.4-32-35.2-9.6-9.6-9.6-28.8 0-38.4 12.8-6.4 28.8-9.6 38.4 3.2zM524.8 70.4c51.2 0 89.6 41.6 89.6 89.6s-38.4 89.6-89.6 89.6-89.6-41.6-89.6-89.6 41.6-89.6 89.6-89.6zM524.8 124.8c-19.2 0-35.2 16-35.2 35.2s16 35.2 35.2 35.2 35.2-16 35.2-35.2-12.8-35.2-35.2-35.2z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_walking_inverted_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 73,
+				"id": 24,
+				"name": "db_ic_walking_inverted_32",
+				"prevSize": 32,
+				"code": 922177
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 24
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-transportation-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-transportation-outline.json
new file mode 100644
index 0000000000..a97f30915c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-32-transportation-outline.json
@@ -0,0 +1,748 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M427.136 927.552c0-4.032 1.024-8.096 3.040-13.152l103.040-231.68c5.022-11.428 16.243-19.264 29.293-19.264 0.029 0 0.058 0 0.087 0l-0.005-0c17.877 0.108 32.34 14.571 32.448 32.438l0 0.010c-0.048 4.451-1.167 8.631-3.111 12.307l0.071-0.147-103.040 231.68c-5.056 12.16-17.216 20.256-29.376 20.256-0.134 0.002-0.293 0.003-0.451 0.003-17.673 0-32-14.327-32-32 0-0.159 0.001-0.317 0.003-0.475l-0 0.024zM434.24 505.92l15.2-100.352c1.891-11.335 9.693-20.477 20.072-24.251l0.216-0.069 131.648-67.648c11.136-4.064 20.256-6.080 28.384-6.080 24.32 0 36.48 17.216 35.456 41.536l-22.176 229.856 115.52 115.552c4.096 4.064 7.136 9.12 9.152 15.232l51.68 210.752c5.088 20.288-10.112 40.544-31.424 39.52-14.176 0-27.36-9.12-30.4-24.32l-50.656-202.656-117.6-116.576c-7.113-7.193-11.508-17.088-11.508-28.009 0-1.915 0.135-3.799 0.396-5.643l-0.025 0.212 20.16-198.432-88.064 49.44-13.184 82.112c-2.228 15.539-15.445 27.352-31.423 27.36l-0.001 0c-19.264 0-34.464-18.24-31.424-37.504zM96 512h224c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-224c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM169.152 640h224c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-224c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM652.896 64c53.019 0 96 42.981 96 96v0c0 52-43.008 96-96 96-53.019 0-96-42.981-96-96s42.981-96 96-96v0zM653.76 128.864c-18.016 0-32 14.016-32 32 0 16.992 13.984 32 32 32 16.992 0 32-15.008 32-32 0-17.984-15.008-32-32-32zM686.88 410.912c0-17.216 14.208-31.424 31.424-31.424 9.12 0 17.216 3.040 23.328 9.12l30.144 30.144 63.84 31.424c11.168 6.080 17.248 17.216 17.248 29.376-0.090 17.319-14.105 31.334-31.415 31.424l-0.009 0c-5.488-0.031-10.708-1.145-15.468-3.14l0.268 0.1-66.88-34.464c-3.172-1.134-5.886-2.859-8.132-5.060l0.004 0.004-34.24-34.176c-6.135-5.911-9.985-14.158-10.112-23.304l-0-0.024z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_walking_fast_32"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 259,
+				"id": 30,
+				"name": "db_ic_walking_fast_32",
+				"prevSize": 32,
+				"code": 922137
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M299.136 927.552c0-4.032 1.024-8.096 3.040-13.152l103.040-231.68c5.022-11.428 16.243-19.264 29.293-19.264 0.029 0 0.058 0 0.087 0l-0.005-0c17.877 0.108 32.34 14.571 32.448 32.438l0 0.010c-0.048 4.451-1.167 8.631-3.111 12.307l0.071-0.147-103.040 231.68c-5.056 12.16-17.216 20.256-29.376 20.256-0.134 0.002-0.293 0.003-0.451 0.003-17.673 0-32-14.327-32-32 0-0.159 0.001-0.317 0.003-0.475l-0 0.024zM306.24 505.92l15.2-100.352c1.891-11.335 9.693-20.477 20.072-24.251l0.216-0.069 131.648-67.648c11.136-4.064 20.256-6.080 28.384-6.080 24.32 0 36.48 17.216 35.456 41.536l-22.176 229.856 115.52 115.552c4.096 4.064 7.136 9.12 9.152 15.232l51.68 210.752c5.088 20.288-10.112 40.544-31.424 39.52-14.176 0-27.36-9.12-30.4-24.32l-50.656-202.656-117.6-116.576c-7.113-7.193-11.508-17.088-11.508-28.009 0-1.915 0.135-3.799 0.396-5.643l-0.025 0.212 20.16-198.432-88.064 49.44-13.184 82.112c-2.228 15.539-15.445 27.352-31.423 27.36l-0.001 0c-19.264 0-34.464-18.24-31.424-37.504zM524.896 64c53.019 0 96 42.981 96 96v0c0 52-43.008 96-96 96-53.019 0-96-42.981-96-96s42.981-96 96-96v0zM525.76 128.864c-18.016 0-32 14.016-32 32 0 16.992 13.984 32 32 32 16.992 0 32-15.008 32-32 0-17.984-15.008-32-32-32zM558.88 410.912c0-17.216 14.208-31.424 31.424-31.424 9.12 0 17.216 3.040 23.328 9.12l30.144 30.144 63.84 31.424c11.168 6.080 17.248 17.216 17.248 29.376-0.090 17.319-14.105 31.334-31.415 31.424l-0.009 0c-5.488-0.031-10.708-1.145-15.468-3.14l0.268 0.1-66.88-34.464c-3.172-1.134-5.886-2.859-8.132-5.060l0.004 0.004-34.24-34.176c-6.135-5.911-9.985-14.158-10.112-23.304l-0-0.024z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_walking_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 335,
+				"id": 0,
+				"name": "db_ic_walking_32",
+				"prevSize": 32,
+				"code": 922177
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M592.896 64c0.022-0 0.049-0 0.075-0 13.007 0 25.409 2.587 36.722 7.274l-0.637-0.234 25.28 12.352c10.629 5.352 17.793 16.176 17.793 28.673 0 17.673-14.327 32-32 32-3.951 0-7.736-0.716-11.23-2.026l0.221 0.073-21.92-10.72c-3.328-1.664-6.24-3.2-13.408-3.2l-49.792-0.192v64.032h77.44c35.36 0.544 59.328 5.216 80.544 16.576s38.080 28.192 49.408 49.408c11.52 21.504 16 42.24 16.544 80.576l0.064 425.312c0 56.864-5.376 84.736-20.864 113.696-14.158 26.333-35.202 47.378-60.748 61.148l-0.788 0.388c-27.264 14.56-53.568 20.192-103.936 20.8l-129.6 0.064c-56.832 0-84.704-5.376-113.664-20.864-26.333-14.158-47.378-35.202-61.148-60.748l-0.388-0.788c-14.56-27.264-20.192-53.568-20.8-103.936v-435.104c0.544-38.336 5.024-59.072 16.544-80.576 11.376-21.137 28.271-38.032 48.775-49.096l0.633-0.312c21.504-11.52 42.24-16 80.576-16.544l77.408-0.032v-64h-48.896c-3.905 0.005-7.644 0.708-11.101 1.992l0.221-0.072-21.92 10.688c-4.149 2.106-9.047 3.34-14.233 3.34-17.673 0-32-14.327-32-32 0-11.104 5.656-20.888 14.245-26.626l0.116-0.073 21.76-11.104c10.322-5.282 22.383-8.807 35.149-9.834l0.339-0.022c8.224-0.64 64.64-0.736 169.216-0.288zM512 688c-56.064 0-120.032-5.184-192-15.52v63.52h64c17.673 0 32 14.327 32 32v0c0 16.416-13.44 31.968-32 31.968l-62.944 0.096c1.696 22.112 5.44 34.624 12.256 47.36 8.16 15.296 19.968 27.104 35.264 35.264 11.552 6.176 21.984 10.496 48.704 12.352 26.752 1.856 166.464 1.6 189.44 0 22.944-1.6 35.68-5.408 48.704-12.352 15.115-8.080 27.184-20.149 35.043-34.813l0.221-0.451c7.17-13.768 11.62-29.978 12.219-47.168l0.005-0.192-56.096-0.064c-17.673 0-32-14.327-32-32v0c0-16.416 14.24-32 32-32h57.184v-63.488c-71.936 10.336-135.904 15.52-192 15.52zM404.064 256.032c-28.928 0.32-40.256 2.784-51.84 9.024-9.936 5.287-17.868 13.209-23.023 22.84l-0.145 0.296c-5.76 10.72-8.32 21.216-8.896 45.504l-0.096 274.112c72.8 10.816 136.832 16.192 191.936 16.192 55.136 0 119.136-5.376 191.968-16.192l-0.128-274.112c-0.608-24.32-3.136-34.784-8.896-45.504-5.297-9.92-13.216-17.839-22.84-22.991l-0.296-0.145c-10.72-5.76-21.216-8.32-45.504-8.896l-222.24-0.16zM608 288c17.673 0 32 14.327 32 32v0c0 16.416-14.304 32-32 32h-192c-17.673 0-32-14.327-32-32v0c0-16.416 14.304-32 32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_tram_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 355,
+				"id": 1,
+				"name": "db_ic_tram_32",
+				"prevSize": 32,
+				"code": 922128
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M431.616 64.064c98.72 0 155.904 34.368 200.064 92.8 39.319 51.495 64.548 115.643 68.911 185.448l0.049 0.984 0.256 8.864c-0.073 17.596-14.335 31.836-31.933 31.872l-0.003 0c-16.827-0.079-30.549-13.265-31.484-29.869l-0.004-0.083c-0.032-0.032-1.28-16.16-2.24-24.128-6.459-51.294-25.952-97.102-55.025-135.207l0.497 0.679c-34.176-45.216-71.392-67.296-149.024-67.296l-93.024-0.128c-73.28 0-115.84 20.704-151.104 67.392-31.767 41.572-52.233 93.309-55.987 149.62l-0.045 0.844-3.2 117.408c-1.632 66.56 4.416 135.424 21.216 204.16 24.8 13.76 46.272 26.048 64.448 36.864 27.264 16.224 37.344 23.2 56.288 34.464 3.392 2.016 28.256 9.856 28.352 10.016 13.92 3.84 24.576 16.704 24.576 31.84 0 18.144-14.72 32.864-32.864 32.864-3.456 0-22.848-5.856-25.984-6.848-1.023-0.129-1.933-0.319-2.815-0.576l0.127 0.032-0.8-0.352c-6.13-2.122-11.329-4.456-16.281-7.183l0.537 0.271c-7.456-4.16-21.856-13.216-37.056-22.72l-13.056-8.192c-8.64-5.408-16.96-10.56-23.84-14.592 2.752 13.568 7.040 25.952 12.928 37.216 5.856 11.264 14.080 24.416 24.64 39.488 13.216 19.552 39.488 33.984 59.328 33.76l43.904 0.064c17.76 0 32.096 14.336 32.096 32l-0.032 32.192c0 17.673-14.327 32-32 32v0h-56.032c-17.672-0.001-31.998-14.328-31.998-32 0-2.983 0.408-5.87 1.171-8.609l-0.054 0.225c-26.481-9.55-48.542-25.979-64.711-47.149l-0.249-0.339c-16.64-22.016-23.136-32.128-31.872-48.832-5.824-11.136-12.416-29.952-19.776-56.48l-17.92-70.368c-16.873-63.927-26.562-137.318-26.562-212.973 0-0.704 0.001-1.409 0.003-2.113l-0 0.109 2.944-126.272c1.792-71.68 26.080-141.024 69.44-198.368 42.56-56.32 102.304-92.8 202.144-92.8h93.024zM800.256 448.032c33.984 0 63.264 23.072 73.216 55.84l31.936 136.16h33.888c0.149-0.004 0.324-0.006 0.499-0.006 10.188 0 18.611 7.558 19.969 17.373l0.012 0.105 0.256 24.48c0 10.72-7.36 20.192-17.6 21.824l-13.856 0.256c1.056 5.152 1.6 10.496 1.6 15.968 0 3.648-4.16 41.056-12.416 112.256-1.664 14.4-6.464 27.776-13.76 39.456v56.288c0 17.673-14.327 32-32 32v0h-32c-17.673 0-32-14.327-32-32v0-9.088c-44.547 0.683-97.127 1.072-149.797 1.072-54.218 0-108.34-0.412-162.362-1.234l8.16 0.098v9.152c0 17.673-14.327 32-32 32v0h-32c-17.673 0-32-14.327-32-32v0-56.224c-5.847-9.295-10.233-20.16-12.509-31.78l-0.099-0.604c-1.504-7.808-5.824-44.544-12.992-110.208-0.34-2.779-0.534-5.996-0.534-9.258 0-5.637 0.579-11.138 1.68-16.448l-0.091 0.522h-10.688c-11.84 0-20.736-10.272-20.736-22.048v-21.344c-0.003-0.136-0.005-0.296-0.005-0.456 0-11.134 9.026-20.16 20.16-20.16 0.204 0 0.408 0.003 0.611 0.009l-0.030-0.001h33.856l30.56-130.912c7.872-33.76 38.336-61.088 72.96-61.088zM460.096 704.128c-7.647 0.918-13.591 7.115-14.109 14.799l-0.003 0.049c-0.32 5.056 0.32 11.456 1.92 19.232l37.44 6.272c15.376 2.517 26.967 15.706 26.967 31.602 0 17.673-14.327 32-32 32-0.627 0-1.25-0.018-1.868-0.054l0.086 0.004-22.976-3.616 2.368 20.576c1.627 13.751 11.768 24.737 24.941 27.609l0.211 0.039c72.64 7.552 130.336 11.36 172.992 11.424 42.688 0.064 99.104-3.552 169.28-10.88 13.83-1.294 25.019-11.227 28.179-24.294l0.045-0.218 2.976-24.256-19.232 3.2c-1.597 0.283-3.436 0.444-5.313 0.444-17.673 0-32-14.327-32-32 0-14.516 9.665-26.774 22.911-30.691l0.226-0.057 41.024-7.072c1.408-5.12 2.080-10.88 2.080-17.28 0-9.632-6.464-16.672-15.040-16.672l-391.072-0.16zM720.032 748.832c10.080 0 19.488 4.768 25.504 12.672l18.080 30.304c2.856 4.694 4.547 10.37 4.547 16.441 0 17.673-14.327 32-32 32-10.472 0-19.769-5.030-25.607-12.806l-0.059-0.083-8.8-14.56h-91.36l-6.72 11.456c-8.32 14.144-28.32 21.184-43.84 11.36-15.456-9.824-19.52-25.824-13.024-40.48l17.696-30.528c5.12-8.672 13.984-14.4 23.84-15.552zM236.128 544.128c2.931-0.977 6.304-1.541 9.81-1.541 12.848 0 23.927 7.572 29.019 18.496l0.082 0.197 0.288 0.864 5.696 17.536 24.096 74.272c0.976 2.929 1.54 6.302 1.54 9.807 0 17.673-14.327 32-32 32-12.839 0-23.912-7.561-29.009-18.474l-0.082-0.197-17.984-55.328-12.096-37.312c-0.977-2.933-1.54-6.309-1.54-9.817 0-14.176 9.199-26.203 21.954-30.437l0.226-0.065zM799.52 512.064h-287.712c-4.576 0-9.088 3.232-11.36 8.704-0.062 0.147-0.138 0.36-0.206 0.576l-0.018 0.064-0.64 2.24c-3.008 10.848-12.096 49.664-27.264 116.416h367.36l-27.136-116.384c-1.44-6.176-5.216-11.616-13.024-11.616zM384 192.032c67.36 0 118.080 13.856 152.224 41.536s40.064 56.192 36.576 86.816c-1.504 13.44-5.76 40.896-5.76 40.992-2.325 15.821-15.805 27.829-32.090 27.829-0.824 0-1.641-0.031-2.45-0.091l0.108 0.006c-16.534-1.409-29.421-15.177-29.421-31.955 0-0.928 0.039-1.847 0.117-2.756l-0.008 0.118c0.096-1.184 4.8-31.424 5.92-41.344 1.024-8.928 0.64-17.824-13.312-29.888-18.944-16.384-57.984-27.232-111.904-27.232-57.76 0-95.584 11.424-116 30.816-5.935 5.621-9.718 13.461-10.015 22.186l-0.001 0.054c-0.128 5.376 3.936 29.44 12.16 72.16 2.672 11.164 10.937 19.918 21.598 23.235l0.226 0.061c24.448 4.608 80.768 11.2 80.96 11.2 16.040 2.186 28.268 15.796 28.268 32.262 0 2.562-0.296 5.055-0.856 7.446l0.043-0.22c-3.52 15.52-17.92 25.92-33.824 24.928-0.064 0-54.912-6.4-81.664-11.68-39.36-7.776-68.224-35.168-77.024-72.64-4.729-19.51-9.35-44.861-12.746-70.598l-0.438-4.058c-0.414-3.347-0.65-7.222-0.65-11.151 0-27.384 11.465-52.089 29.857-69.579l0.040-0.038c33.984-32.288 87.392-48.416 160.064-48.416z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_train_and_car_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 354,
+				"id": 2,
+				"name": "db_ic_train_and_car_32",
+				"prevSize": 32,
+				"code": 922121
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M718.016 192c0.002-0 0.004-0 0.006-0 42.735 0 78.948 27.924 91.389 66.521l0.189 0.679 47.36 188.8h71.584c0.231-0.006 0.504-0.010 0.777-0.010 15.602 0 28.43 11.879 29.933 27.085l0.010 0.125 0.224 35.744c0 16.384-11.456 30.88-27.2 32.864l-36.96 0.192c0.768 7.52 0.064 26.208-2.144 56.064l-10.976 114.336c-1.92 19.168-8 36.48-18.208 51.904v88.704c0 17.824 0 70.688-66.656 72.928l-52.32 0.064c-69.184 0-72.448-52.48-72.928-66.656l-0.16-51.488c-14.848 0.96-80 6.080-159.968 6.080s-137.28-4.576-159.936-6.016l-0.032 45.056c0 17.824 0 70.688-66.656 72.928l-52.32 0.096c-68.416 0-72.448-52.48-72.928-66.656l-0.096-93.344c-9.472-12.992-15.68-28.96-18.336-47.36l-11.68-119.648c-2.496-27.328-3.296-46.336-2.4-57.024h-32.64c-17.696 0.032-30.944-15.36-30.944-33.024v-32c0-17.696 13.248-30.912 30.944-30.912h72.032l45.856-183.296c10.679-42.092 48.23-72.736 92.938-72.736 0.064 0 0.128 0 0.192 0l-0.010-0zM224 800.128v63.872h64v-58.56zM800 800.064l-64 5.312 0.224 58.624h63.776zM242.24 512c-31.552 0-42.624 6.144-47.136 18.496-3.328 9.888-4.288 25.056-2.88 45.504h63.776c17.673 0 32 14.327 32 32v0c0 16.416-12 32-32 32h-57.984l6.592 68.224c1.696 17.504 6.912 25.152 16.896 27.52 86.935 10.166 187.813 16.044 290.033 16.192l0.207 0c94.944 0 191.36-5.408 289.216-16.256 9.728-2.496 14.88-8.96 16.992-22.976l7.104-72.704h-57.056c-17.515-0.208-31.634-14.455-31.634-32 0-17.674 14.328-32.002 32.002-32.002 0.129 0 0.259 0.001 0.388 0.002l-0.020-0h62.080c0.896-22.016-0.128-36.992-3.008-44.96-4.352-11.904-14.336-18.176-40.96-18.944zM640 608c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-256c-17.673 0-32-14.327-32-32v0c0-16.416 13.568-32.224 32-32zM305.984 256c-0.006-0-0.013-0-0.020-0-13.638 0-25.283 8.532-29.89 20.549l-0.074 0.219-43.040 171.2h558.016l-41.92-167.744c-3.299-12.828-14.039-22.425-27.241-23.985l-0.151-0.015zM607.488 96c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-192c-17.673 0-32-14.327-32-32v0c0-16.416 14.080-32 32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_taxi_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 353,
+				"id": 3,
+				"name": "db_ic_taxi_32",
+				"prevSize": 32,
+				"code": 922120
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M800 64c86.048 0 160 69.248 160 160v576c0 86.048-69.216 160-160 160h-576c-86.048 0-160-69.312-160-160v-576c0-86.048 69.216-160 160-160zM224 128c-51.136 0-96 41.088-96 96v576c0 51.136 43.136 96 96 96h576c51.136 0 96-40.224 96-96v-576c0-51.136-41.216-96-96-96zM422.4 256v314.016c0 57.344 39.040 95.584 89.568 95.584 48.736 0 86.784-35.584 89.44-89.536l0.192-320.064h128v325.664c0 136.448-102.112 186.336-217.6 186.336-113.088 0-213.28-47.936-217.408-177.92l-0.16-334.080z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_subway_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 352,
+				"id": 4,
+				"name": "db_ic_subway_32",
+				"prevSize": 32,
+				"code": 922119
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M128 192c0-18.016 14.016-32 31.008-32 340 0 740 288 740 506.016 0 182.976-215.008 190.976-333.024 190.976h-16c-0.191 0.004-0.416 0.007-0.642 0.007-17.187 0-31.145-13.826-31.358-30.963l-0-0.020c0-18.016 14.016-32 32-32 203.008 0 285.024-37.024 285.024-128 0-159.040-340-443.008-676-443.008-17.089-0.090-30.918-13.919-31.008-30.999l-0-0.009zM132 812c0-16.992 12-32.992 31.008-32.992 2.976 0 6.976 0 10.976 1.984 25.25 8.263 54.309 13.028 84.48 13.028 0.54 0 1.080-0.002 1.619-0.005l-0.083 0c40 0 107.008-9.024 107.008-69.024 0-37.984-24-52.992-79.008-76.992-51.008-20.992-112.992-48-112.992-124.992 0-76 64-127.008 160-127.008 32 0 64 6.016 93.984 16.992 15.008 4.992 20.992 16.992 20.992 28 0 16.992-12 34.016-29.984 34.016-4 0-8-0.992-12-2.016-21.094-8.231-45.515-13.001-71.050-13.001-0.683 0-1.364 0.003-2.045 0.010l0.104-0.001c-23.008 0-96.992 4-96.992 63.008 0 32 21.984 44.992 74.976 66.976 48.992 22.016 118.016 51.008 118.016 135.040-0.992 81.984-66.016 131.968-171.008 131.968-1.887 0.040-4.111 0.063-6.341 0.063-35.649 0-69.925-5.879-101.911-16.721l2.236 0.658c-14.976-4.992-21.984-16.992-21.984-28.992z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_sprinter_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 334,
+				"id": 5,
+				"name": "db_ic_sprinter_32",
+				"prevSize": 32,
+				"code": 921928
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		},
+		{
+			"icon": {
+				"paths": [
+					"M222.144 776.896c13.28 12.768 51.2 55.392 81.856 55.104 30.656-0.32 66.368-36.416 79.168-52.16 5.914-7.235 14.838-11.817 24.832-11.817s18.918 4.582 24.787 11.759l0.045 0.057c12.8 15.744 48.864 52.48 79.232 52.16 30.4-0.32 67.168-37.472 79.104-52.16 5.914-7.244 14.843-11.832 24.845-11.832 8.577 0 16.366 3.374 22.111 8.868l-0.012-0.011c13.248 12.736 50.72 55.2 81.92 55.136 31.264-0.064 67.2-37.472 79.136-52.16 5.914-7.244 14.843-11.832 24.845-11.832 8.577 0 16.366 3.374 22.111 8.868l-0.012-0.011c13.28 12.768 50.176 55.36 81.888 55.136 17.673 0 32 14.327 32 32v0c0 0.058 0.001 0.126 0.001 0.194 0 17.567-14.241 31.808-31.808 31.808-0.135 0-0.27-0.001-0.405-0.003l0.020 0c-33.024-0.192-67.616-16.8-103.808-49.856-36.48 33.472-71.136 50.112-103.936 49.856s-67.488-16.896-104.064-49.888c-34.88 33.12-69.472 49.664-103.872 49.6-34.4 0-69.12-16.544-104.128-49.568-36.672 33.248-71.328 49.856-104 49.856-32.64 0-67.328-16.608-104-49.824-36.064 33.216-70.72 49.824-104 49.824-17.673 0-32-14.327-32-32s14.327-32 32-32v0c19.040 0 67.2-37.44 79.136-52.16 5.914-7.264 14.855-11.866 24.872-11.866 8.61 0 16.426 3.401 22.178 8.932l-0.010-0.010zM656.544 415.936c13.184 14.496 23.936 28.928 32.128 41.6l233.792-41.056c26.112-4.576 45.6 22.464 34.4 45.376l-161.728 259.104c-5.744 9.118-15.758 15.088-27.166 15.088-17.673 0-32-14.327-32-32 0-4.995 1.144-9.722 3.185-13.935l-0.083 0.191 44.128-70.816-489.792 84.064c-1.647 0.3-3.542 0.472-5.478 0.472-17.673 0-32-14.327-32-32 0-14.471 9.605-26.698 22.787-30.654l0.227-0.058 549.6-94.528 34.304-54.912-711.36 124.864c-13.664 1.92-22.112 9.856-23.36 26.816l-0.128 92.448c-0.020 17.658-14.339 31.965-32 31.965-16.341 0-29.821-12.249-31.761-28.066l-0.015-0.155-0.064-98.304c2.528-47.424 32.224-79.040 71.84-86.976l133.12-23.36c21.6-31.36 28.928-70.624 19.808-107.936-0.581-2.281-0.915-4.9-0.915-7.596 0-14.546 9.705-26.824 22.992-30.715l0.226-0.057 195.584-32.384c56.896-9.344 107.136 16.704 149.76 63.52zM523.072 414.848l-166.72 27.616c0.255 3.763 0.4 8.156 0.4 12.583 0 22.34-3.695 43.817-10.508 63.853l0.412-1.396 271.808-47.68c-3.274-4.042-6.298-7.553-9.419-10.974l0.171 0.19c-27.68-30.4-56.8-46.528-86.144-44.16z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_speedboat_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 351,
+				"id": 6,
+				"name": "db_ic_speedboat_32",
+				"prevSize": 32,
+				"code": 922118
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 7
+		},
+		{
+			"icon": {
+				"paths": [
+					"M824.864 298.56c3.52 12.48 6.080 25.28 6.080 38.72v478.72c0 79.36-64.96 144-144 144h-354.24c-45.76 0-86.080-21.76-112.64-55.36l85.12-85.44c-2.56 4.16-4.16 8.32-4.16 13.44 0 15.040 12.16 27.2 27.2 27.2h57.92c15.022 0 27.2-12.178 27.2-27.2s-12.178-27.2-27.2-27.2l-57.92 0c-5.12 0-9.28 1.92-13.44 4.16l200.96-201.28h138.88c34.56 0 63.040-28.48 63.040-63.040v-139.2zM689.824 805.76h-57.92c-15.022 0-27.2 12.178-27.2 27.2s12.178 27.2 27.2 27.2l57.92-0c15.022 0 27.2-12.178 27.2-27.2s-12.178-27.2-27.2-27.2h-0zM347.456 64l322.88 0.96c11.84 0 23.68 3.52 34.24 9.6l42.88 25.28c12.8 7.36 17.28 24 9.6 37.12-4.687 8.122-13.326 13.5-23.22 13.5-5.14 0-9.94-1.451-14.015-3.966l0.115 0.066-42.88-25.28c-1.85-1.394-4.186-2.235-6.719-2.24l-0.001-0h-37.44v74.56h54.080c43.584 0 82.848 20.064 109.28 51.2 2.272 2.688-82.24 84.992-84.288 80.544-10.101-22.001-31.936-37.008-57.278-37.024l-289.922-0c-34.56 0-63.040 28.48-63.040 63.040v193.92c0 34.56 28.48 63.040 63.040 63.040h67.52c-117.664 122.784-191.616 199.424-221.856 229.888l-4.416 4.448c-7.424 7.424-11.2 10.976-11.264 10.656-3.488-11.237-5.56-24.167-5.695-37.561l-0.001-0.071v-479.040c0-79.36 64.96-144 144-144h53.76v-74.88h-39.36c-2.24 0-4.8 0.96-7.36 2.56l-39.36 25.28c-12.48 8.32-29.44 4.48-37.44-8-2.758-4.159-4.401-9.267-4.401-14.758 0-9.48 4.895-17.816 12.296-22.618l0.105-0.064 39.36-25.28c11.2-7.040 24-10.88 36.8-10.88zM537.536 678.080h-57.92c-15.022-0-27.2 12.178-27.2 27.2s12.178 27.2 27.2 27.2h57.92c15.022 0 27.2-12.178 27.2-27.2s-12.178-27.2-27.2-27.2l-0 0zM578.496 118.4h-137.6v74.88h137.6v-74.88z",
+					"M87.936 958.72c-6.080 0-12.16-2.24-16.96-7.040-4.306-4.356-6.966-10.347-6.966-16.96s2.66-12.604 6.969-16.962l-0.002 0.002 844.8-846.72c9.28-9.28 24.64-9.28 33.92 0s9.28 24.64 0 33.92l-844.8 846.72c-4.8 4.8-10.88 7.040-16.96 7.040z"
+				],
+				"attrs": [{}, {}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_sev_32"],
+				"grid": 0
+			},
+			"attrs": [{}, {}],
+			"properties": {
+				"order": 350,
+				"id": 7,
+				"name": "db_ic_sev_32",
+				"prevSize": 32,
+				"code": 922117
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 8
+		},
+		{
+			"icon": {
+				"paths": [
+					"M857.472 168.64l-69.152 14.4c-36.647 7.807-63.737 39.905-63.737 78.33 0 3.261 0.195 6.477 0.574 9.636l-0.037-0.381 46.72 252.576c-53.184 30.816-94.080 62.336-123.68 95.52-26.656 29.76-40.128 69.216-41.248 117.248l-320.032 0.032c-8.108-54.583-54.643-95.985-110.849-95.985-61.856 0-112 50.144-112 112s50.144 112 112 112c44.408 0 82.78-25.845 100.894-63.315l0.291-0.668 362.784-0.032c9.92 0.032 33.152-7.616 31.872-34.784-4.16-47.84 4.32-81.824 24-103.872 21.248-23.776 50.72-47.52 88.384-70.976l11.616 62.464c-35.906 19.141-59.93 56.345-59.93 99.16 0 61.856 50.144 112 112 112s112-50.144 112-112c0-58.060-44.179-105.802-100.755-111.442l-0.467-0.038-69.92-376.224c-0.17-0.877-0.268-1.885-0.268-2.916 0-6.685 4.099-12.412 9.921-14.805l0.107-0.039 71.904-15.2c17.28-3.584 28.48-22.4 24.576-38.592-3.331-14.279-15.95-24.753-31.016-24.753-2.332 0-4.605 0.251-6.794 0.727l0.21-0.038zM848 704c26.51 0 48 21.49 48 48s-21.49 48-48 48v0c-26.51 0-48-21.49-48-48s21.49-48 48-48v0zM176 704c26.51 0 48 21.49 48 48s-21.49 48-48 48v0c-26.51 0-48-21.49-48-48s21.49-48 48-48v0zM128 512c-17.673 0-32 14.327-32 32s14.327 32 32 32v0c97.376 0 138.976 18.784 162.464 76.128 5.094 11.326 16.278 19.070 29.271 19.070 17.673 0 32-14.327 32-32 0-4.070-0.76-7.963-2.146-11.544l0.074 0.218c-35.232-86.144-101.12-115.84-221.632-115.84z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_scooter_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 349,
+				"id": 8,
+				"name": "db_ic_scooter_32",
+				"prevSize": 32,
+				"code": 922116
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 9
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 64c247.424 0 448 200.576 448 448s-200.576 448-448 448c-244.096 0-442.56-195.2-447.904-437.984l-0.096-10.016 0.096-9.984c5.344-242.816 203.84-438.016 447.904-438.016zM512 128c-208.832 0-378.688 166.656-383.872 374.24l-0.128 9.76 0.128 9.76c5.184 207.584 175.040 374.24 383.872 374.24 212.064 0 384-171.936 384-384s-171.936-384-384-384zM494.368 256c71.040 0 134.72 24.128 185.312 64.736v85.344c-43.776-48.864-109.696-91.84-187.040-91.84-43.744 0-68.8 24.16-68.8 52.416 0 37.632 28.704 54.976 67.872 67.296 25.44 7.872 43.328 11.232 82.272 21.216 69.024 18.464 135.84 47.68 135.84 142.112 0 78.912-73.92 170.72-198.4 170.72-69.344 0-149.504-32.384-193.28-72.96v-102.432c41.504 61.76 117.12 109.44 193.28 109.44 46.624 0 84.16-27.616 84.16-57.056 0-37.696-32.352-54.72-75.104-68.192-28.768-8.64-40-11.776-69.184-19.744-69.12-20.672-137.12-51.968-137.12-146.272 0-100.64 94.912-154.784 180.16-154.784z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_s_bahn_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 348,
+				"id": 9,
+				"name": "db_ic_s_bahn_32",
+				"prevSize": 32,
+				"code": 922115
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 10
+		},
+		{
+			"icon": {
+				"paths": [
+					"M856.064 320c55.040 0 103.904 44.576 104 104 0 37.344 0 98.656-0.064 184 0 16 0 32-32 32h-97.92c17.984 0 32 14.016 32 32 0 16.704-14.080 32-32 32h-158.976c-18.016 0-32-14.016-32-32 0-16.704 16.896-32 32-32h-319.968c18.016 0 32 14.016 32 32 0 16.704-15.136 32-32 32h-158.944c-18.016 0-32-14.016-32-32 0-16.704 15.808-32 32-32-14.288-0.031-31.19-0.048-48.096-0.048-16.921 0-33.838 0.017-50.751 0.052l2.655-0.004c-16 0-32-16-32-32-0.064-37.344-0.032-98.656 0.032-184 0-55.040 43.968-100.736 98.304-103.84l5.856-0.16zM856.064 384c-229.28-0.064-458.56-0.064-687.872 0-20.64 0-40.192 16-40 40 0.145 11.092 0.227 24.193 0.227 37.312 0 17.823-0.152 35.61-0.455 53.36l0.036-2.672h768l0.064-88c0-20.64-16-40-40-40z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_railroad_car_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 338,
+				"id": 10,
+				"name": "db_ic_railroad_car_32",
+				"prevSize": 32,
+				"code": 922003
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 11
+		},
+		{
+			"icon": {
+				"paths": [
+					"M96 896c0-17.472 14.368-32 32.48-32h247.872c154.848 0 167.648-30.912 167.648-64 0-79.936-200.128-256-398.048-256h-17.952c-0 0-0 0-0 0-17.673 0-32-14.327-32-32 0-0.056 0-0.112 0-0.169l-0 0.009c-0-0.038-0-0.084-0-0.129 0-17.514 14.198-31.712 31.712-31.712 0.101 0 0.203 0 0.304 0.001l-0.016-0h17.952c218.56 0 462.048 191.36 462.048 320 0 90.016-76.8 128-231.648 128h-247.872c-0.067 0-0.146 0.001-0.225 0.001-17.725 0-32.11-14.296-32.255-31.987l-0-0.014zM96 612.384v83.264c0 20.32 15.36 34.944 36.544 35.040 127.808 0.608 174.72 7.552 241.152 28.672 11.264 3.616 22.72 0.928 31.104-7.488l15.872-15.872c6.88-6.88 10.016-16.224 9.376-25.6-0.899-9.668-6.101-17.961-13.649-23.033l-0.111-0.071c-101.184-71.040-182.944-104.896-286.528-104.896-17.664 0-33.728 12.448-33.728 29.984zM497.408 147.264l160.928 85.6 181.568-56.288c2.532-0.733 5.439-1.155 8.446-1.155 14.332 0 26.425 9.584 30.219 22.693l0.055 0.222c0.882 2.81 1.39 6.041 1.39 9.39 0 14.114-9.021 26.122-21.611 30.572l-0.227 0.070-411.648 127.616c-2.704 0.871-5.816 1.384-9.044 1.408l-0.012 0c-8.782-0.021-16.707-3.67-22.359-9.527l-0.009-0.009-37.664-38.72c-5.848-5.916-9.46-14.052-9.46-23.032 0-2.961 0.393-5.829 1.129-8.557l-0.053 0.229c2.92-11.152 11.442-19.791 22.304-22.826l0.224-0.054c2.39-0.66 5.134-1.039 7.967-1.039 8.91 0 16.945 3.751 22.611 9.759l0.014 0.015 24.288 24.96 125.76-39.040-104.8-55.744c-10.196-5.488-17.009-16.084-17.009-28.272 0-17.674 14.327-32.001 32.001-32.001 5.486 0 10.649 1.38 15.162 3.813l-0.17-0.084z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_rail_and_fly_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 331,
+				"id": 11,
+				"name": "db_ic_rail_and_fly_32",
+				"prevSize": 32,
+				"code": 921945
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 12
+		},
+		{
+			"icon": {
+				"paths": [
+					"M324.576 64.064h374.848c34.944 0.48 53.792 4.128 73.792 13.6 20.134 9.6 36.633 24.015 48.463 41.803l0.273 0.437c10.144 15.36 16.192 30.464 21.056 54.944l20.992 145.152v429.952c0 30.848-3.2 47.264-12.32 64.384-5.12 9.6-11.744 17.984-19.648 25.024l-0.032 47.616c0 17.824 0 70.688-66.656 72.928l-52.32 0.096c-72.448 0-72.448-52.48-72.928-66.656l-0.096-29.344h-256v22.976c0 17.824 0 72.928-66.656 72.928l-52.32 0.096c-72.448 0-72.448-52.48-72.928-66.656l-0.096-53.984c-7.855-7.028-14.415-15.302-19.411-24.545l-0.237-0.479c-8.384-15.68-11.744-30.784-12.256-56.96l-0.096-437.376 16.928-120.704c5.696-40 12-59.52 25.12-79.36 12.099-18.237 28.599-32.664 48.021-41.964l0.715-0.308c20-9.472 38.848-13.12 73.792-13.6zM256 864l0.064 32h63.936v-32zM768.064 864h-64v32h64zM800 675.712v-44.992c-102.016 14.176-198.016 21.28-288 21.28s-185.952-7.040-287.968-21.184v44.928l99.936 12.48c15.88 2.045 28.026 15.48 28.026 31.752 0 1.407-0.091 2.793-0.267 4.152l0.017-0.16c-2.016 16.288-16.928 30.496-35.712 27.776l-92-11.488c0 10.080 0.064 18.080 0.256 24.032 0.288 7.68 0.8 11.84 3.584 18.080 2.401 5.617 6.583 10.089 11.825 12.797l0.143 0.067c5.76 3.392 15.264 4.736 28.8 4.736h486.72c21.12 0 24.256-2.56 28.8-4.736 4.838-2.406 8.666-6.234 11.009-10.932l0.063-0.14c2.368-4.896 4.416-8.256 4.64-24 0.096-6.816 0.128-13.44 0.128-19.904l-92.032 11.52c-1.191 0.157-2.569 0.247-3.968 0.247-17.677 0-32.007-14.33-32.007-32.007 0-16.278 12.152-29.718 27.879-31.743l0.16-0.017zM697.568 128.032h-371.168c-21.344 0.032-37.44 2.528-48.224 7.456-11.87 5.688-21.224 15.042-26.766 26.574l-0.146 0.338c-4.736 10.016-5.056 12.64-7.168 22.944l-20.16 136.928v243.84c93.376 15.36 199.456 21.888 288.032 21.888 96 0 192-7.296 288-21.888v-243.84l-20.928-140.64c-2.080-9.216-2.656-12.576-7.2-20.864-7.456-13.536-15.712-20.288-26.080-25.28-10.176-4.896-26.24-7.36-48.224-7.456zM927.968 224c16.448 0 32 12.96 32 32v128c0 17.673-14.327 32-32 32v0c-16.384 0-32-12.896-32-32v-128c0-17.673 14.327-32 32-32v0zM96 224c16.448 0 32 12.768 32 32v128c0 17.673-14.327 32-32 32v0c-16.384 0-32-12.768-32-32v-128c0-17.673 14.327-32 32-32v0zM688 256c17.673 0 32 14.327 32 32v0c0 16.416-13.44 32-32 32h-352c-17.673 0-32-14.327-32-32v0c0-16.416 13.44-32 32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_long_distance_bus_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 347,
+				"id": 12,
+				"name": "db_ic_long_distance_bus_32",
+				"prevSize": 32,
+				"code": 922114
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 13
+		},
+		{
+			"icon": {
+				"paths": [
+					"M595.52 64c127.808 0 232.224 99.456 236.352 224l0.128 480c0 0.002 0 0.005 0 0.007 0 103.507-81.905 187.883-184.439 191.854l-0.361 0.011-263.2 0.128c-0.002 0-0.005 0-0.007 0-103.507 0-187.883-81.905-191.854-184.439l-0.011-0.361-0.128-479.52c0-125.568 101.856-227.52 228.672-231.552zM428.48 128c-93.024 0-168.64 71.552-172.352 160.768l-0.128 479.232c0 68.544 53.696 127.168 128 128 0.384-20.416 19.040-33.056 36.512-30.56 27.481 4.166 59.191 6.546 91.456 6.546s63.974-2.379 94.962-6.973l-3.506 0.427c17.504-2.496 36.16 10.080 36.512 30.56 0.019 0 0.042 0 0.064 0 68.441 0 124.337-53.716 127.827-121.289l0.013-0.311 0.16-478.72c0-90.112-73.28-163.904-165.344-167.552zM416 736c17.673 0 32 14.327 32 32v0c0 16.416-14.016 32-32 32h-64c-17.673 0-32-14.327-32-32v0c0-16.416 13.024-32 32-31.776zM672 736c17.673 0 32 14.327 32 32v0c0 16.416-13.568 32-32 32h-64c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM597.888 192c0.095-0 0.208-0 0.32-0 56.788 0 103.115 44.784 105.592 100.961l0.008 0.223c-9.696 152.768-15.52 247.136-17.472 283.168-2.912 54.016-40.128 92.576-90.432 95.488l-163.36 0.16c-51.232 0-93.088-40-95.872-88.736l-16.672-286.56c0.032-55.968 44.48-101.44 100.128-104.544zM426.144 256c-21.92 0-39.776 16.16-41.984 35.040-0.224 10.336 5.28 106.56 16.512 288.672 1.779 14.75 13.37 26.319 27.977 28.049l0.151 0.015 161.472 0.224c16.48 0 30.080-12.448 31.936-29.952l17.792-281.088c0.096-21.12-16.384-38.656-37.76-40.768z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_local_train_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 328,
+				"id": 13,
+				"name": "db_ic_local_train_32",
+				"prevSize": 32,
+				"code": 922176
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 14
+		},
+		{
+			"icon": {
+				"paths": [
+					"M306.56 64.064h410.88c38.304 0.544 59.040 5.024 80.544 16.544 21.216 11.36 38.080 28.192 49.408 49.408 11.52 21.504 16 42.24 16.544 80.576l0.064 539.36c0 30.848-3.2 47.264-12.32 64.384-5.12 9.6-11.744 17.984-19.648 25.024l-0.032 47.616c0 17.824 0 73.472-73.024 73.024-16.704-0.096-32-0.096-45.952 0-72.448 0-72.448-52.48-72.928-66.656l-0.096-29.344h-256v22.976c0 17.824 0 73.024-73.024 73.024h-45.952c-73.056 0-73.024-51.168-73.024-73.024v-47.616c-7.867-7.026-14.437-15.301-19.443-24.546l-0.237-0.478c-8.384-15.68-11.744-30.784-12.256-56.96l-0.064-538.304c0-43.84 4.288-66.016 16.608-89.056 11.381-21.124 28.274-38.008 48.775-49.064l0.633-0.312c21.504-11.52 42.24-16 80.576-16.544zM256.224 864l-0.224 32h64v-32h-63.808zM768.096 864h-64v32h64zM800 749.952v-107.136c-102.976 16.256-184.96 21.184-288 21.184-96 0-192-7.040-287.968-21.184 0.16 71.232 0.128 109.44-0.032 114.56-0.256 7.68-0.096 22.4 9.056 32.48 9.12 10.112 21.696 10.112 46.72 10.112h475.616c12.672 0 27.2-0.32 35.936-10.112 8.704-9.728 8.64-21.856 8.672-39.904zM328 688c22.091 0 40 17.909 40 40s-17.909 40-40 40v0c-22.091 0-40-17.909-40-40s17.909-40 40-40v0zM696 688c22.091 0 40 17.909 40 40s-17.909 40-40 40v0c-22.091 0-40-17.909-40-40s17.909-40 40-40v0zM301.696 128.16c-24.32 0.608-34.784 3.136-45.504 8.896-9.918 5.298-17.838 13.218-22.991 22.84l-0.145 0.296c-5.76 10.72-8.32 21.216-8.896 45.504v372.416c90.88 14.944 199.264 21.888 287.84 21.888 96 0 192-7.296 288-21.888l-0.32-378.208c-0.896-20.256-3.456-29.888-8.736-39.68-5.292-9.932-13.213-17.863-22.84-23.023l-0.296-0.145c-10.72-5.76-21.216-8.32-45.504-8.896zM928 224.48c16.416 0 32 14.080 32 32v128c0 17.673-14.327 32-32 32v0c-16.416 0-32-13.536-32-32v-128c0-17.673 14.327-32 32-32v0zM96 224.48c16.416 0 32 13.12 32 31.52v128.48c0 17.673-14.327 32-32 32v0c-16.416 0-32-13.568-32-32v-128c0-17.673 14.327-32 32-32v0zM672 192c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-320c-17.673 0-32-14.327-32-32v0c0-16.416 13.568-32 32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_local_bus_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 346,
+				"id": 14,
+				"name": "db_ic_local_bus_32",
+				"prevSize": 32,
+				"code": 922113
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 15
+		},
+		{
+			"icon": {
+				"paths": [
+					"M592 64c127.2 0 235.68 106.88 239.872 232.448l0.128 420.608c0 131.776-106.944 238.752-240.128 242.816l-151.872 0.128c-134.176 0-243.712-104.448-247.872-235.2l-0.128-420.8c0-126.272 105.952-235.648 232.384-239.872zM268.352 781.632c20.16 50.592 63.296 90.144 117.056 106.368 4.024-13.335 16.198-22.879 30.601-22.879 1.589 0 3.15 0.116 4.676 0.34l-0.173-0.021c27.481 4.166 59.191 6.546 91.456 6.546s63.974-2.379 94.962-6.973l-3.506 0.427c1.372-0.208 2.955-0.327 4.566-0.327 14.413 0 26.6 9.528 30.606 22.629l0.060 0.227c53.152-16.032 95.968-54.912 116.352-104.768-61.504 14.88-103.68 24.8-126.56 29.696-34.336 7.36-68.672 11.392-116.448 11.392s-82.144-4.064-116.416-11.392c-22.88-4.896-65.28-15.36-127.232-31.264zM717.824 183.424l-11.84 294.368c-1.777 43.004-31.587 78.578-71.556 89.036l-0.668 0.148-35.744 7.040c-25.838 5.176-55.542 8.138-85.937 8.138-25.369 0-50.255-2.063-74.502-6.031l2.647 0.357-44.352-8.256c-41.497-8.152-73.067-42.165-77.437-84.259l-0.035-0.413-12.224-300.16c-28.864 30.080-47.68 69.696-49.952 112.096l-0.224 414.176c29.92 11.68 80.928 25.216 152.96 40.64 30.112 6.464 60.032 9.984 103.040 9.984s72.928-3.52 103.040-9.984c30.080-6.464 84.32-17.984 152.96-37.312v-408.992c0-45.6-19.392-88.512-50.176-120.576zM364.288 617.088l66.752 14.112c14.654 3.127 25.484 15.964 25.484 31.33 0 17.673-14.327 32-32 32-1.131 0-2.249-0.059-3.35-0.173l0.138 0.012-66.784-14.144c-14.529-3.225-25.233-16.001-25.233-31.276 0-17.673 14.327-32 32-32 1.054 0 2.096 0.051 3.123 0.15l-0.131-0.010zM695.68 642.24c0.452 2.015 0.71 4.33 0.71 6.705 0 13.975-8.958 25.858-21.446 30.219l-0.224 0.068-66.656 14.56c-2.012 0.45-4.323 0.708-6.695 0.708-17.673 0-32-14.327-32-32 0-13.963 8.943-25.838 21.414-30.208l0.224-0.068 66.656-14.56c2.022-0.455 4.344-0.715 6.727-0.715 15.297 0 28.087 10.733 31.25 25.079l0.039 0.212zM432 128c-22.144 0-43.584 4.544-63.456 12.704l13.408 334.528c1.504 14.464 8.128 25.344 22.4 29.248 17.952 4.448 62.464 13.44 107.52 13.664 45.12 0.192 87.904-9.504 104.224-12.8 16.384-3.392 24.416-14.336 25.6-26.464l13.76-338.176c-15.868-6.752-34.263-11.202-53.54-12.392l-0.476-0.024-169.44-0.32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_intercity_train_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 345,
+				"id": 15,
+				"name": "db_ic_intercity_train_32",
+				"prevSize": 32,
+				"code": 922134
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 16
+		},
+		{
+			"icon": {
+				"paths": [
+					"M64 832c0-18.016 14.016-32 32-32h512c204.992 0 288-38.016 288-128.992 0-83.008-92.992-201.024-228.992-294.016-126.016-87.008-290.048-152.992-453.024-152.992h-117.984c-18.016 0-32-14.016-32-32 0-18.016 14.016-32 32-32h118.016c184.096 0 360.96 68.992 508 179.008 146.944 105.984 237.984 232.992 237.984 332 0 142.976-118.016 192.992-352 192.992h-512c-18.016 0-32-14.016-32-32zM64 480c0-18.016 14.016-32 32-32h67.008c111.008 0 220.992 7.008 329.984 23.008l30.016-30.016c-100-59.008-215.008-88.992-331.008-88.992h-96c-18.016 0-32-14.016-32-32 0-18.016 14.016-32 32-32h96c143.008 0 282.016 40.992 400 120.992 9.024 5.664 16 15.168 16 24.992 0 9.248-4.064 17.088-11.008 24l-69.952 70.016c-6.816 6.816-17.376 10.56-27.008 8.992-112-16.992-224-24.992-336.992-24.992h-67.040c-18.016 0-32-14.016-32-32z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ice_side_view_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 333,
+				"id": 16,
+				"name": "db_ic_ice_side_view_32",
+				"prevSize": 32,
+				"code": 922248
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 17
+		},
+		{
+			"icon": {
+				"paths": [
+					"M559.552 64c98.752 0 155.904 34.368 200.064 92.8 39.318 51.495 64.546 115.643 68.911 185.447l0.049 0.985 3.136 116.48c0.177 6.562 0.277 14.286 0.277 22.034 0 69.010-7.984 136.156-23.080 200.563l1.17-5.925-24.096 96.128c-7.36 24.096-13.344 41.024-17.984 50.784-6.944 14.624-28.096 45.504-35.84 54.72-7.744 9.184-29.76 31.68-61.152 42.144 0.625 2.363 0.984 5.075 0.984 7.872 0 17.655-14.313 31.968-31.968 31.968-0.009 0-0.017-0-0.026-0l-255.999 0c-17.672-0.001-31.998-14.328-31.998-32 0-2.983 0.408-5.87 1.171-8.609l-0.054 0.225c-26.475-9.564-48.532-25.99-64.712-47.15l-0.248-0.338c-16.672-22.016-23.168-32.128-31.904-48.832-5.824-11.136-12.416-29.984-19.776-56.48l-17.92-70.4c-16.873-63.918-26.562-137.3-26.562-212.945 0-0.703 0.001-1.405 0.003-2.107l-0 0.108 2.944-126.272c1.792-71.68 26.080-141.024 69.44-198.368 42.592-56.352 102.336-92.832 202.176-92.832h93.024zM299.104 753.344c2.784 13.536 7.104 25.92 12.928 37.184 5.856 11.264 14.080 24.416 24.672 39.488 13.184 19.552 39.456 33.984 59.296 33.76l228.8 0.224c23.552 0 47.904-10.336 62.88-33.472 14.976-23.104 22.752-34.944 28.64-49.344 3.936-9.6 6.72-18.88 8.48-27.84-43.488 27.392-69.152 43.136-77.088 47.232-11.84 6.144-24.672 9.92-42.752 12.192-32.704 2.112-63.68 3.232-92.96 3.328s-58.56-0.832-87.904-2.752c-22.528-2.368-37.184-6.72-51.040-14.496s-51.616-32.32-73.952-45.504zM466.528 128c-73.216 0-115.776 20.704-151.072 67.392-31.756 41.587-52.22 93.332-55.987 149.649l-0.045 0.847-3.2 117.408c-1.632 66.56 4.416 135.424 21.216 204.16 24.8 13.76 46.304 26.048 64.448 36.864 27.264 16.224 37.344 23.2 56.288 34.464s55.136 13.28 114.4 13.28c59.232 0 90.176 1.44 114.4-13.28s35.52-22.496 55.68-34.464c12.221-7.789 33.012-19.889 54.052-31.595l9.564-4.885c14.528-55.616 21.76-117.76 21.728-186.432l-2.88-124.64c-1.624-61.084-22.622-116.965-57.040-162.053l0.496 0.677c-34.176-45.184-71.36-67.264-149.024-67.264l-92.992-0.128zM403.008 561.28l30.080 92.672c0.932 2.866 1.469 6.163 1.469 9.586 0 17.673-14.327 32-32 32-12.754 0-23.765-7.461-28.906-18.256l-0.083-0.193-30.112-92.672c-0.955-2.899-1.506-6.236-1.506-9.701 0-17.673 14.327-32 32-32 12.811 0 23.863 7.528 28.975 18.402l0.083 0.196zM617.408 562.144c5.185-11.094 16.251-18.643 29.079-18.643 17.673 0 32 14.327 32 32 0 2.181-0.218 4.31-0.634 6.368l0.035-0.205-30.752 95.424c-5.185 11.094-16.251 18.643-29.079 18.643-17.673 0-32-14.327-32-32 0-2.181 0.218-4.31 0.634-6.368l-0.035 0.205 30.72-95.424zM512 192c67.36 0 118.080 13.856 152.224 41.536 34.144 27.712 40.064 56.224 36.576 86.816-2.688 23.616-4.8 42.016-13.248 77.76s-39.36 63.936-76.48 70.4c-29.753 7.274-63.917 11.46-99.054 11.488l-0.018 0c-49.568 0-59.776-3.744-99.104-11.52-39.36-7.744-68.224-35.168-77.024-72.64-4.705-19.45-9.325-44.801-12.737-70.534l-0.447-4.122c-0.414-3.347-0.65-7.222-0.65-11.151 0-27.384 11.465-52.089 29.857-69.579l0.040-0.038c33.984-32.288 87.36-48.416 160.064-48.416zM512 256c-57.76 0-95.584 11.456-116 30.816-5.932 5.623-9.714 13.462-10.015 22.186l-0.001 0.054c-0.128 5.408 3.936 29.44 12.192 72.16 2.668 11.164 10.918 19.923 21.565 23.267l0.227 0.061c39.68 7.52 70.272 11.36 91.744 11.456 21.44 0.096 50.912-3.424 88.416-10.56 11.008-1.92 20.096-9.376 24.064-18.976 3.968-9.632 10.56-51.584 13.024-73.344 0.992-8.928 0.64-17.824-13.312-29.888-18.944-16.352-57.984-27.232-111.904-27.232z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ice_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 344,
+				"id": 17,
+				"name": "db_ic_ice_32",
+				"prevSize": 32,
+				"code": 922112
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 18
+		},
+		{
+			"icon": {
+				"paths": [
+					"M224 672c53.019 0 96 42.981 96 96s-42.981 96-96 96v0c-53.019 0-96-42.981-96-96s42.981-96 96-96v0zM640 672c53.019 0 96 42.981 96 96s-42.981 96-96 96v0c-53.019 0-96-42.981-96-96s42.981-96 96-96v0zM224 736c-17.673 0-32 14.327-32 32s14.327 32 32 32v0c17.673 0 32-14.327 32-32s-14.327-32-32-32v0zM640 736c-17.673 0-32 14.327-32 32s14.327 32 32 32v0c17.673 0 32-14.327 32-32s-14.327-32-32-32v0zM497.76 709.376c8.653 5.819 14.27 15.573 14.27 26.639 0 17.673-14.327 32-32 32-5.314 0-10.326-1.295-14.736-3.587l0.178 0.084c-9.022-6.408-20.173-10.378-32.23-10.75l-0.090-0.002c-0.647-0.029-1.406-0.045-2.169-0.045-10.9 0-21.022 3.329-29.406 9.026l0.183-0.117c-4.99 3.37-11.14 5.38-17.76 5.38-17.675 0-32.004-14.329-32.004-32.004 0-11.056 5.606-20.802 14.13-26.552l0.114-0.072c18.478-12.476 41.25-19.915 65.76-19.915s47.282 7.439 66.182 20.183l-0.422-0.268zM800 128c43.392 0 80.512 30.4 89.44 72.352 44.704 297.92 68.128 453.536 70.208 466.88 3.136 20.096-13.12 33.216-23.872 35.84-7.2 1.696-49.856 12.352-128 32-2.332 0.608-5.009 0.957-7.768 0.957-14.922 0-27.459-10.214-31-24.031l-0.048-0.222c-0.571-2.273-0.899-4.881-0.899-7.567 0-14.944 10.153-27.518 23.938-31.198l0.226-0.051 99.808-24.992-64.896-432.576c-2.112-13.275-13.44-23.313-27.128-23.392l-0.008-0c-17.673 0-32-14.327-32-32s14.327-32 32-32v0zM768 384c17.673 0 32 14.327 32 32v0c0 16.416-13.632 32-32.16 32v95.904c-2.688 51.168-41.12 93.024-90.336 95.936h-491.008c-49.216-2.912-87.68-44.8-90.336-95.936l-0.16-95.904c-17.673 0-32-14.327-32-32v0c0-16.416 13.856-32 32-32zM704 448h-544l0.192 94.4c1.696 17.984 17.344 31.552 31.808 33.376h483.36c14.464-1.824 26.752-15.392 28.448-33.376z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_handcart_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 343,
+				"id": 18,
+				"name": "db_ic_handcart_32",
+				"prevSize": 32,
+				"code": 922009
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 19
+		},
+		{
+			"icon": {
+				"paths": [
+					"M224.096 778.88c10.784 15.040 34.368 52.96 79.904 53.12 47.808 0.224 66.368-36.416 79.168-52.16 5.914-7.235 14.838-11.817 24.832-11.817s18.918 4.582 24.787 11.759l0.045 0.057c12.8 15.744 30.944 52.16 79.136 52.16 48.16 0 67.264-37.472 79.2-52.16 5.914-7.244 14.843-11.832 24.845-11.832 8.577 0 16.366 3.374 22.111 8.868l-0.012-0.011c13.248 12.736 33.92 55.424 81.664 55.136s67.456-37.472 79.392-52.16c5.914-7.244 14.843-11.832 24.845-11.832 8.577 0 16.366 3.374 22.111 8.868l-0.012-0.011c13.28 12.768 51.584 54.784 81.824 55.136 19.008 0.224 32.064 14.336 32.064 32 0 16.416-13.888 32-32 32-32.32 0-66.976-16.64-104-49.856-34.24 33.056-68.992 49.6-104.224 49.6-35.264 0-69.856-16.544-103.776-49.632-35.232 33.088-69.888 49.728-104 49.92-34.112 0.16-68.768-16.48-104-49.888-36.256 33.248-70.912 49.856-104 49.856-33.024 0-67.712-16.608-104-49.824-35.424 33.056-70.080 49.664-104 49.824-17.658-0.020-31.965-14.339-31.965-32 0-16.341 12.249-29.821 28.066-31.761l0.155-0.015c41.504-4.416 69.472-36.48 82.88-52.384 13.44-15.936 38.176-15.936 48.96-0.96zM560.416 96c40.352 0 79.168 26.048 91.936 68.352 25.28 83.84 50.528 167.744 75.68 251.648h168c17.655 0.024 31.958 14.342 31.958 32 0 0.416-0.008 0.831-0.024 1.243l0.002-0.059c-4.282 113.007-57.594 212.755-139.149 279.135l-0.691 0.545c-5.549 4.75-12.813 7.641-20.752 7.641-17.673 0-32-14.327-32-32 0-10.299 4.865-19.462 12.423-25.315l0.073-0.055c60.032-48.576 95.808-108.064 113.12-199.136h-732.992c-16.416 0-32-13.568-32-32s13.408-32 32-32c177.728-0.064 355.488-0.064 533.216 0l-28.896-96h-440.32c-17.658-0.020-31.965-14.339-31.965-32 0-16.341 12.249-29.821 28.066-31.761l0.155-0.015 3.744-0.224h421.088l-22.016-73.216c-4.009-13.28-16.133-22.785-30.477-22.785-0.063 0-0.126 0-0.188 0.001l0.010-0h-432.416c-17.673 0-32-14.327-32-32s14.327-32 32-32v0c144.128-0.064 288.288-0.064 432.416 0zM496 544c26.51 0 48 21.49 48 48s-21.49 48-48 48v0c-26.51 0-48-21.49-48-48s21.49-48 48-48v0zM656 544c26.51 0 48 21.49 48 48s-21.49 48-48 48v0c-26.51 0-48-21.49-48-48s21.49-48 48-48v0zM336 544c26.51 0 48 21.49 48 48s-21.49 48-48 48v0c-26.51 0-48-21.49-48-48s21.49-48 48-48v0zM176 544c26.51 0 48 21.49 48 48s-21.49 48-48 48v0c-26.51 0-48-21.49-48-48s21.49-48 48-48v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ferry_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 342,
+				"id": 19,
+				"name": "db_ic_ferry_32",
+				"prevSize": 32,
+				"code": 922008
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 20
+		},
+		{
+			"icon": {
+				"paths": [
+					"M712.544 168.096c27.52 2.176 53.728 14.88 71.36 35.424 4.775 5.557 7.682 12.839 7.682 20.8 0 9.713-4.328 18.415-11.16 24.284l-0.043 0.036c-12.384 10.624-32.064 10.624-45.12-3.488-6.848-7.454-16.364-12.363-27.025-13.207l-0.143-0.009c-66.88-5.28-137.6-7.936-212.096-7.936-53.344 0-112.864 2.592-178.592 7.808-17.12 1.856-29.408 8.192-34.56 24.736-13.888 53.12-27.744 106.272-41.504 159.456 100.448-3.2 171.104-5.184 212.032-5.888 40.96-0.704 81.888-0.64 122.848 0.128-0.224-42.24 49.696-90.24 95.776-90.24 0-18.368 16.032-32 32-32h96c16 0 32 16 31.744 32 46.528 0 96.256 48 96.256 96 16 0 32 16 32 32v32c0 16-16 32-32.032 32l0.032 288c0 50.112-48 96-96 96h-160c-46.080 0-96-48-96-96l0.032-16.32c-32 0.672-64 0.8-96.032 0.32-32 0-80 0-128-3.584v19.584c0 43.584-28.576 64-64 64h-64c-34.56 0-64-21.312-64-64v-75.424c-8.935-11.958-15.191-26.424-17.597-42.158l-0.067-0.53c-8.499-50.681-13.666-109.454-14.267-169.32l-0.005-0.6-32.064 0.032c-17.673 0-32-14.327-32-32v0-32c0-17.673 14.327-32 32-32v0h79.232l45.6-175.296c10.304-41.216 45.888-67.776 91.168-72.64 50.496-5.376 111.84-8.064 184-8.064 108.352 0 108.544-0.448 216.544 8.096zM640 801.92c0 15.456 11.616 28.16 26.56 29.92l3.52 0.192h163.84c15.375-0.011 28.050-11.555 29.842-26.448l0.014-0.144 0.224-3.52v-385.92c0-14.336-13.792-29.632-28.576-31.744l-3.424-0.256h-160c-13.376 0-27.648 12.064-31.168 25.696l-0.64 3.136-0.192 3.904zM224 762.016v37.76l5.888 0.224 54.784-0.064 3.328-0.16v-25.632c-21.053-2.82-38.682-6.059-56.028-10.038l4.092 0.79zM528.96 473.664l-42.88 0.064-29.344 0.32-56.416 1.152-51.936 1.376-105.632 3.424c-31.552 0-42.656 6.144-47.168 18.496-0.736 2.048-1.376 4.16-1.888 6.464l-0.672 3.584-0.704 6.016-0.224 3.36-0.128 7.584 0.064 4.288 0.224 6.176 3.712 0.288 64 8c15.851 2.073 27.963 15.494 27.963 31.744 0 17.673-14.327 32-32 32-0.055 0-0.109-0-0.164-0l0.008 0-3.744-0.256-54.016-6.752 7.072 67.2c1.44 14.944 7.776 23.2 20.224 27.744l3.936 1.28c42.752 12.032 94.944 18.496 161.184 21.12l21.536 0.736 21.056 0.48 40.544 0.384 68.128 0.032 34.272-0.32v-47.648h-183.968c-0.006 0-0.012 0-0.019 0-14.457 0-26.674-9.587-30.643-22.749l-0.059-0.227-0.832-3.776-8-48c-0.275-1.574-0.431-3.388-0.431-5.237 0-17.673 14.327-32 32-32 14.5 0 26.747 9.644 30.678 22.867l0.058 0.226 0.8 3.648 3.552 21.248h156.864v-133.792l-8.64-0.128-38.336-0.416zM739.392 497.664c5.378-10.55 16.161-17.65 28.602-17.65 5.216 0 10.141 1.248 14.492 3.462l-0.182-0.084c14.688 7.328 23.168 25.344 14.304 42.912-8.224 16.64-16.512 33.216-24.832 49.696h12.224c22.528 0 39.872 23.68 28.608 46.304l-48 96c-5.519 10.086-16.057 16.812-28.166 16.812-17.673 0-32-14.327-32-32 0-4.869 1.087-9.484 3.032-13.615l-0.083 0.195c8.224-16.64 16.48-33.216 24.8-49.696h-12.192c-22.528 0-39.712-24-28.608-46.304l48-96z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_ev_car_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 341,
+				"id": 20,
+				"name": "db_ic_ev_car_32",
+				"prevSize": 32,
+				"code": 922007
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 21
+		},
+		{
+			"icon": {
+				"paths": [
+					"M832 576c70.692 0 128 57.308 128 128s-57.308 128-128 128v0c-70.692 0-128-57.308-128-128s57.308-128 128-128v0zM384 704c0 70.752-57.28 128-128 128-68.544 0-128-56.064-128-128h-32c-16.352-0.002-29.838-12.269-31.761-28.102l-0.015-0.154-0.224-67.744c0.005-85.919 67.733-156.018 152.713-159.828l0.343-0.012 162.304-0.16-19.2-64h-136.16c-18.24 0-32-15.584-32-32s13.248-32 32-32h136.192c26.938 0 49.99 16.644 59.432 40.209l0.152 0.431 83.968 279.36h89.504l174.752-203.872v-116.128c0.003-0.155 0.004-0.338 0.004-0.521 0-17.267-13.997-31.264-31.264-31.264-0.26 0-0.52 0.003-0.779 0.010l0.038-0.001-96-0.224c-17.673 0-32-14.327-32-32v0c0-16.416 13.408-32 32-32h96c0.002-0 0.003-0 0.005-0 51.038 0 92.774 39.828 95.822 90.1l0.013 0.268 0.16 133.632c-0.002 6.365-1.863 12.296-5.068 17.279l0.076-0.127-194.72 227.68c-5.505 6.843-13.879 11.185-23.267 11.185-0.359 0-0.716-0.006-1.072-0.019l0.052 0.001zM832 640c-35.346 0-64 28.654-64 64s28.654 64 64 64v0c35.346 0 64-28.654 64-64s-28.654-64-64-64v0zM192.192 704c-0.192 37.472 30.080 64 63.808 64 0.105 0.001 0.23 0.001 0.354 0.001 35.063 0 63.488-28.425 63.488-63.488 0-0.18-0.001-0.361-0.002-0.541l0 0.028h-127.68zM398.176 512h-174.176c-0.002-0-0.003-0-0.005-0-51.038 0-92.774 39.828-95.822 90.1l-0.013 0.268-0.16 37.632h308.864z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_electric_scooter_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 340,
+				"id": 21,
+				"name": "db_ic_electric_scooter_32",
+				"prevSize": 32,
+				"code": 922006
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 22
+		},
+		{
+			"icon": {
+				"paths": [
+					"M351.36 64l322.88 0.96c12.48 0 25.28 3.52 36.48 10.24l42.88 25.28c15.040 8.96 20.16 28.48 11.2 43.84-5.695 9.437-15.894 15.65-27.544 15.65-6.010 0-11.634-1.654-16.442-4.531l0.146 0.081-42.88-25.28c-1.28-0.64-4.16-1.28-4.16-1.28h-32.64v63.040h48.96c79.040 0 144 64.96 144 144v480c0 79.36-64.96 144-144 144h-354.24c-79.040 0-144-64.96-144-144v-480c0-79.36 64.96-144 144-144h48.96v-64h-34.56c-1.92-0.96-3.2 0.64-4.8 1.6l-39.040 25.28c-14.72 9.6-34.56 5.12-44.16-9.6s-5.12-34.56 9.6-44.16l39.36-25.28c12.16-8 26.88-11.84 40-11.84zM690.56 256h-354.24c-44.183 0-80 35.817-80 80v0 480c0 44.183 35.817 80 80 80v0h354.24c44.183 0 80-35.817 80-80v0-480c0-44.183-35.817-80-80-80v0zM417.28 768c17.6 0 32 14.4 32 32s-14.4 32-32 32h-64c-17.6 0-32-14.4-32-32s14.4-32 32-32zM674.88 768c17.6 0 32 14.4 32 32s-14.4 32-32 32h-64c-17.6 0-32-14.4-32-32s14.4-32 32-32zM544.64 640c17.6 0 32 14.4 32 32s-14.4 32-32 32h-64c-17.6 0-32-14.4-32-32s14.4-32 32-32zM632.96 320c40.64 0 73.92 33.28 73.92 73.92v108.16c0 40.64-33.28 73.92-73.92 73.92h-237.76c-40.64 0-73.92-33.28-73.92-73.92v-108.16c0-40.64 33.28-73.92 73.92-73.92zM632.96 384h-237.76c-5.44 0-9.92 4.48-9.92 9.92v108.16c0 5.44 4.48 9.92 9.92 9.92h237.76c5.44 0 9.92-4.48 9.92-9.92v-108.16c0-5.44-4.48-9.92-9.92-9.92zM577.28 128.32h-128v63.68h128z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_electric_locomotive_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 339,
+				"id": 22,
+				"name": "db_ic_electric_locomotive_32",
+				"prevSize": 32,
+				"code": 922005
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 23
+		},
+		{
+			"icon": {
+				"paths": [
+					"M928 352c0.058-0 0.126-0.001 0.194-0.001 16.433 0 29.973 12.387 31.792 28.333l0.014 0.147 0.192 3.52v114.624c0 15.424-14.464 32.448-31.84 32.448l-37.92-0.032v45.12c0 15.040-12.288 32-32 32h-44.992v18.56c0 5.568-0.032 14.464-9.184 22.4-11.232 11.68-22.56 22.944-36.032 36.704 15.68 64.128 0.512 130.688-51.328 185.088-75.648 75.68-197.824 76.416-272.864 1.376-75.072-75.040-74.336-197.216 1.344-272.896 47.84-47.84 122.144-68.544 188.448-50.464 28-28.64 86.304-89.92 174.88-183.84 3.968-4.096 11.136-12.096 23.296-13.12h96zM895.392 416h-46.656l-183.040 192c-7.104 7.296-16.64 12.32-34.88 7.36-14.185-5.783-30.644-9.14-47.887-9.14-36.071 0-68.712 14.689-92.266 38.412l-0.008 0.008c-50.816 50.816-51.296 132.48-1.376 182.4s131.584 49.408 182.4-1.376c23.729-23.566 38.416-56.209 38.416-92.283 0-16.203-2.963-31.714-8.377-46.020l0.297 0.895c-1.158-3.242-1.828-6.982-1.828-10.878 0-8.794 3.411-16.791 8.981-22.741l-0.017 0.019c8.832-9.056 22.272-22.72 40.32-41.056l-0.032-37.536c0-15.040 12.32-31.872 32-32 15.008-0.064 29.984-0.064 44.992 0v-44.992c0-15.040 12.928-31.872 32-32 12.32-0.064 24.64-0.096 36.96 0zM512 160c66.88 0 133.696 2.72 200.544 8.096 42.656 3.392 80.32 31.36 90.56 72.352l10.592 41.024c0.761 2.6 1.199 5.587 1.199 8.676 0 17.673-14.327 32-32 32-15.075 0-27.715-10.424-31.106-24.457l-0.045-0.219-10.656-41.248c-3.2-12.832-16.896-23.008-32.992-24.288-58.652-4.99-127.002-7.859-196.012-7.904l-0.084-0c-64.864 0-129.728 2.56-194.592 7.776-17.12 1.856-29.44 8.896-34.56 24.736-13.888 53.12-27.744 106.304-41.504 159.488 147.2-3.84 237.44-5.984 270.656-6.4 5.933-0.078 12.939-0.122 19.955-0.122 28.054 0 55.943 0.706 83.65 2.102l-3.892-0.156c17.304 0.482 31.148 14.624 31.148 32 0 17.68-14.332 32.012-32.012 32.012-0.304 0-0.607-0.004-0.908-0.013l0.044 0.001c-17.664-0.48-41.792-1.856-97.984-1.856-105.62 1.55-199.762 3.862-293.678 7.060l24.43-0.66c-31.552 0-43.264 5.952-47.168 18.496-3.2 10.464-4.288 23.776-3.2 39.968l36.736 5.952c15.31 2.576 26.829 15.732 26.829 31.579 0 17.673-14.327 32-32 32-0.466 0-0.93-0.010-1.391-0.030l0.066 0.002-24.288-3.712 6.752 63.968c1.6 16.416 9.088 24.736 24.16 28.96 26.656 7.52 57.376 12.896 92.704 16.512-3.136 55.744 9.44 104.416 19.84 124.608-8.8 12.352-26.944 24.96-53.792 25.6l-64 0.096c-31.904 0-64-20.16-64-62.752v-76.672c-9.027-12.095-15.316-26.747-17.665-42.681l-0.063-0.519c-2.624-16.704-13.92-138.688-14.272-147.136-0.15-3.12-0.236-6.777-0.236-10.454 0-4.146 0.109-8.266 0.324-12.358l-0.024 0.572h-33.12c-17.664 0-30.944-15.424-30.944-33.088v-32c0-17.696 13.28-30.912 30.944-30.912h80.288l45.6-175.296c10.304-41.216 45.888-67.776 91.168-72.64 59.85-5.136 129.51-8.064 199.854-8.064 0.052 0 0.104 0 0.155 0l-0.010-0zM224 762.016v37.92h49.024l-4.608-26.976c-18.016-3.776-27.072-6.656-44.416-10.944zM527.488 795.968c8.688 8.692 20.692 14.068 33.952 14.068 26.512 0 48.004-21.492 48.004-48.004 0-13.252-5.37-25.25-14.052-33.936l0 0c-8.688-8.692-20.692-14.068-33.952-14.068-26.512 0-48.004 21.492-48.004 48.004 0 13.252 5.37 25.25 14.052 33.936l-0-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_carsharing_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 337,
+				"id": 23,
+				"name": "db_ic_carsharing_32",
+				"prevSize": 32,
+				"code": 922004
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 24
+		},
+		{
+			"icon": {
+				"paths": [
+					"M90.016 384c24 0 33.216-6.912 39.936-24.992l16-43.008h118.784l18.976 47.008c6.048 14.976 14.976 20.992 38.912 20.992 26.976 0 29.664-12.896 24-28l-101.888-270.016c-4.866-12.943-17.142-21.986-31.529-21.986-0.132 0-0.264 0.001-0.395 0.002l0.020-0h-14.976c-13.024 0-23.424 10.176-27.968 21.984l-103.808 271.040c-5.76 15.040 0 26.976 23.936 26.976zM168.192 544l-5.856 0.16c-54.336 3.104-98.304 48.8-98.304 103.84-0.064 85.344-0.096 146.656-0.032 184 0 16 16 32 32 32l-2.655 0.004c16.913-0.035 33.83-0.052 50.751-0.052 16.906 0 33.808 0.017 48.096 0.048-16.192 0-32 15.296-32 32 0 17.984 13.984 32 32 32h158.944c16.864 0 32-15.296 32-32 0-17.984-13.984-32-32-32h319.968c-15.104 0-32 15.296-32 32 0 17.984 13.984 32 32 32h158.976c17.92 0 32-15.296 32-32 0-17.984-14.016-32-32-32h97.92c32 0 32-16 32-32 0.064-85.344 0.064-146.656 0.064-184-0.096-59.424-48.96-104-104-104zM512.128 607.936l343.936 0.064c24 0 40 19.36 40 40l-0.064 88h-768c0.267-15.078 0.419-32.865 0.419-50.688 0-13.12-0.082-26.22-0.247-39.3l0.020 1.988c-0.192-24 19.36-40 40-40 229.312-0.064 458.592-0.064 687.872 0zM207.488 149.472l42.432 118.816h-84.864l42.432-118.848zM446.912 64l3.2 0.192h89.952c60 0 100 23.104 100 80.416 0 34.176-12.992 54.272-52 68.32 39.636 1.55 71.18 34.057 71.18 73.931 0 1.933-0.074 3.849-0.22 5.745l0.016-0.252c0 62.304-45.984 91.456-119.968 91.456h-88.96c-17.024 2.016-30.016-12.064-29.024-29.12v-265.568c0.896-14.72 14.080-26.848 28.992-24.96zM539.072 241.088h-54.976v90.976h46.976c41.984 0 63.008-10.976 63.008-46.976 0-29.024-15.040-44-55.008-44zM536.064 116.064h-51.968v73.056h49.984c25.984 0 44.992-9.024 44.992-38.016 0-23.008-10.016-35.008-43.008-35.008zM877.024 384.064c20 0 40-3.008 58.976-9.024 12.873-3.141 22.278-14.574 22.278-28.204 0-1.373-0.095-2.723-0.28-4.045l0.017 0.153c0-19.072-11.008-26.080-31.040-21.056-14.976 4-30.976 7.040-46.976 7.040-64 0-83.968-40.16-83.968-104.352 0-69.216 20.992-105.312 84.992-105.312 14.976 0 28.992 1.984 42.976 6.016 24.992 4.992 32-5.024 32-24.096 0.992-15.040-8.992-29.088-24-31.104-15.469-3.823-33.229-6.017-51.5-6.017-0.176 0-0.351 0-0.527 0.001l0.027-0c-97.952 0-147.968 60.192-147.968 162.528 0 100.288 48 157.472 144.96 157.472z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_car_sequence_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 332,
+				"id": 24,
+				"name": "db_ic_car_sequence_32",
+				"prevSize": 32,
+				"code": 921927
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 25
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 160c66.88 0 133.696 2.72 200.544 8.096 40.64 3.2 76.704 28.768 88.896 66.56l47.584 182.432h80c0.251-0.007 0.545-0.012 0.841-0.012 15.603 0 28.431 11.88 29.933 27.087l0.010 0.125 0.192 34.624c0 16.416-11.456 30.88-27.232 32.864l-36.928 0.224c0 18.88-1.28 43.488-3.84 73.824s-5.632 59.84-9.28 88.544c-2.048 21.12-8.928 39.040-19.904 53.12 0.32 1.024 0.704 3.84 1.184 8.512v65.248c0 15.904 0 61.056-67.072 62.688l-51.904 0.064c-68 0-72.256-44.16-72.896-57.024l-0.096-27.488c-25.984 2.112-79.84 4.256-159.904 4.48-1.601 0.003-3.497 0.004-5.393 0.004-54.423 0-108.549-1.268-162.352-3.775l7.617 0.283 0.032 20.8c0 15.904 0 62.688-67.072 62.688l-51.936 0.032c-72.256 0-72.256-44.16-72.896-57.024l-0.128-70.976c0-1.696 0.512-4.832 1.504-9.44-9.712-12.298-16.492-27.345-19.037-43.79l-0.067-0.53c-3.232-30.944-6.4-60.576-9.6-88.96-4.736-42.528-5.024-76.256-4.736-81.28h-33.12c-17.664 0-30.944-15.424-30.944-33.088v-32c0-17.696 13.28-30.912 30.944-30.912h80.288l45.6-175.296c10.304-41.216 45.888-67.776 91.168-72.64 59.85-5.136 129.51-8.064 199.854-8.064 0.052 0 0.104 0 0.155 0l-0.010-0zM224 762.016v37.984h64v-25.856c-13.312-1.216-34.624-5.28-64-12.128zM799.968 761.248c-13.574 3.068-35.294 6.941-57.203 10.236l-6.765 0.836v27.68h64l-0.032-38.72zM512 473.664c-89.76 0-179.52 2.080-269.248 6.336-31.744 1.248-42.784 6.4-47.2 17.76-2.464 6.304-3.552 19.040-3.296 38.208l67.712 8.288c15.851 2.073 27.963 15.494 27.963 31.744 0 17.673-14.327 32-32 32-0.055 0-0.109-0-0.164-0l0.008 0-57.76-7.008 7.072 67.2c1.44 14.944 6.912 23.168 24.16 28.992 42.752 12.064 140.384 22.912 282.72 22.784 142.368-0.128 206.24-7.296 284.608-23.328 12.928-2.624 19.52-9.28 21.92-24.384l7.584-71.264-54.112 6.752c-1.168 0.151-2.519 0.237-3.89 0.237-17.673 0-32-14.327-32-32 0-14.93 10.224-27.471 24.052-31.005l0.222-0.048 71.68-8.96c0.032-12.256-1.184-29.952-3.712-36.928-4.352-11.904-14.336-17.408-40.992-18.944-93.792-4.288-185.6-6.4-275.328-6.432zM632 560c0.006-0 0.012-0 0.019-0 14.457 0 26.674 9.587 30.643 22.749l0.059 0.227 8.832 51.776c0.275 1.574 0.431 3.388 0.431 5.237 0 17.673-14.327 32-32 32-14.5 0-26.747-9.644-30.678-22.867l-0.058-0.226-4.384-24.896h-185.76l-3.52 21.248c-2.772 15.268-15.965 26.694-31.827 26.694-1.767 0-3.501-0.142-5.191-0.415l0.185 0.025c-15.29-2.593-26.788-15.74-26.788-31.573 0-0.533 0.013-1.063 0.039-1.59l-0.003 0.074 8.416-51.712c2.38-13.972 13.547-24.748 27.522-26.512l0.158-0.016 243.872-0.224zM512 224c-0.112-0-0.247-0-0.382-0-68.356 0-136.049 2.835-202.97 8.394l8.76-0.586c-17.12 1.856-28.896 9.664-33.408 21.152l-42.656 163.040c80.797-4.040 175.45-6.342 270.64-6.342s189.843 2.302 283.906 6.853l-13.266-0.511-41.536-159.776c-3.2-12.832-16.896-23.008-32.992-24.288-58.651-4.99-127-7.859-196.010-7.904l-0.086-0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_car_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 336,
+				"id": 25,
+				"name": "db_ic_car_32",
+				"prevSize": 32,
+				"code": 921937
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 26
+		},
+		{
+			"icon": {
+				"paths": [
+					"M764.256 449.184l-19.744-64.928 87.616-0.256c8.804-0.010 16.769-3.592 22.527-9.375l0.001-0.001 32-32c5.79-5.79 9.371-13.789 9.371-22.624 0-17.67-14.325-31.995-31.995-31.995-8.835 0-16.834 3.581-22.624 9.371l-22.656 22.656-93.664 0.32-22.432-73.664c-4.12-13.241-16.264-22.688-30.615-22.688-0.003 0-0.006 0-0.009 0l-96-0c-17.673 0-32 14.327-32 32s14.327 32 32 32v0h72.288l18.144 59.616-174.368 211.456-79.616-238.912h3.488c0.009 0 0.021 0 0.032 0 17.673 0 32-14.327 32-32 0-17.662-14.309-31.982-31.966-32l-96.002-0.16c-0.009-0-0.021-0-0.032-0-17.673 0-32 14.327-32 32 0 17.662 14.309 31.982 31.966 32l24.994 0 30.72 92.192-49.184 58.72c-24.797-14.408-54.568-22.912-86.326-22.912-0.060 0-0.12 0-0.179 0l0.009-0c-97.158 0.109-175.891 78.842-176 175.99l-0 0.010c0 97.024 78.944 176 176 176 86.112 0 157.824-62.208 172.928-144h67.072c4.732-0.038 9.205-1.107 13.218-2.994l-0.194 0.082c1.088-0.48 1.92-1.376 2.944-1.984 2.928-1.639 5.437-3.608 7.601-5.904l0.015-0.016c0.32-0.352 0.8-0.48 1.088-0.832l184.096-223.296 14.24 46.848c-56.841 29.918-94.954 88.546-95.040 156.084l-0 0.012c0 97.024 78.944 176 176 176s176-78.976 176-176-78.944-176-176-176c-6.624 0-13.216 0.448-19.712 1.184zM435.616 592h-127.072l90.88-108.544zM240.032 736c-61.76 0-112-50.24-112-112s50.24-112 112-112c15.52 0 30.336 3.456 44.192 9.408l-68.704 82.048c-0.96 1.12-1.28 2.528-2.048 3.744-1.216 1.952-2.464 3.776-3.264 5.984-0.768 2.144-0.992 4.288-1.312 6.496-0.224 1.472-0.864 2.784-0.864 4.32 0 0.48 0.256 0.896 0.288 1.376 0.096 2.272 0.768 4.384 1.344 6.592 0.48 1.888 0.768 3.776 1.568 5.504 0.8 1.696 2.048 3.104 3.168 4.672 1.344 1.888 2.56 3.776 4.256 5.312 0.352 0.32 0.48 0.768 0.864 1.088 1.536 1.28 3.296 1.92 4.96 2.848 1.344 0.768 2.496 1.696 3.968 2.272 3.423 1.433 7.397 2.287 11.565 2.336l0.019 0h106.784c-13.888 46.112-56.224 80-106.784 80zM784.032 736c-0.062 0-0.136 0-0.21 0-61.785 0-111.872-50.087-111.872-111.872 0-38.843 19.796-73.063 49.85-93.12l0.408-0.256 31.2 102.56c4.102 13.249 16.245 22.707 30.597 22.707 3.332 0 6.545-0.51 9.565-1.456l-0.226 0.061c13.247-4.116 22.699-16.263 22.699-30.618 0-3.324-0.507-6.53-1.448-9.544l0.061 0.227-31.232-102.624 0.64-0.064c61.76 0 112 50.24 112 112s-50.24 112-112 112z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_call_a_bike_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 330,
+				"id": 26,
+				"name": "db_ic_call_a_bike_32",
+				"prevSize": 32,
+				"code": 922001
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 27
+		},
+		{
+			"icon": {
+				"paths": [
+					"M336 576c61.856 0 112 50.144 112 112s-50.144 112-112 112v0c-61.856 0-112-50.144-112-112s50.144-112 112-112v0zM336 640c-26.51 0-48 21.49-48 48s21.49 48 48 48v0c26.51 0 48-21.49 48-48s-21.49-48-48-48v0zM130.56 346.944c18.43-69.514 80.778-119.912 154.897-119.912 11.781 0 23.265 1.273 34.321 3.69l-1.058-0.194c18.432 3.52 56.096 17.92 112.992 43.264 54.024 23.908 100.517 53.926 141.53 90.024l-0.602-0.52c63.296 55.552 115.392 109.12 156.32 160.864 4.293 5.397 6.888 12.313 6.888 19.834 0 1.356-0.084 2.691-0.248 4.003l0.016-0.157c-1.024 8.448-20.16 85.92-24.736 93.344-22.496 36.576-50.848 62.336-79.072 62.56-18.816 0.16-54.688 0.192-107.584 0.032-15.36 0-28.256-15.36-28.256-31.776s13.44-31.776 28.256-31.776c61.76 0 94.88-0.128 99.456-0.416 8.128 0.512 17.536-9.696 26.24-22.24 5.824-8.352 12.16-30.336 18.976-65.92-49.28-57.472-95.456-104.224-138.464-140.224-37.856-31.68-78.4-58.784-123.2-78.496s-89.888-37.76-107.392-40.832c-4.333-0.693-9.329-1.089-14.417-1.089-43.955 0-81.011 29.541-92.396 69.852l-0.163 0.676-32.864 153.856v91.648c-0.008 0.147-0.013 0.319-0.013 0.492 0 4.661 3.322 8.547 7.728 9.418l0.061 0.010c14.033 3.6 24.239 16.136 24.239 31.056 0 17.681-14.333 32.015-32.015 32.015-2.762 0-5.442-0.35-7.998-1.007l0.222 0.048c-31.2-7.84-56.224-36.64-56.224-71.008v-96.064c0-5.12 11.52-60.16 34.56-165.056zM925.248 585.92c17.673 0 32 14.327 32 32s-14.327 32-32 32v0c-0.007-0-0.016-0-0.025-0-10.863 0-21.226 2.139-30.691 6.020l0.54-0.196-58.176 28.416c-10.976 5.44-24.992 9.344-35.104 9.6-6.72 0.224-14.496 0.32-23.296 0.32-17.673 0-32-14.327-32-32v0c0-16.416 13.28-32 32-31.808l15.968-0.192c3.869-0.006 7.576-0.697 11.006-1.959l-0.222 0.071c2.272-0.8 20.928-9.92 55.872-27.328 18.7-9.425 40.757-14.944 64.103-14.944 0.009 0 0.017 0 0.026 0l-0.002-0zM249.376 387.136c7.296-23.328 31.68-38.752 56.064-33.6 39.616 16.256 72.576 30.592 98.816 42.976 41.039 19.593 76.17 44.494 106.37 74.37l-0.034-0.034c11.616 11.744 20.704 21.376 27.264 28.928 9.856 11.328 8 30.944-3.872 42.144-5.718 5.408-13.455 8.732-21.969 8.732-7.748 0-14.853-2.754-20.389-7.335l0.054 0.043c-9.515-10.093-18.54-19.391-27.695-28.559l0.015 0.015c-22.528-22.88-53.664-44.416-85.056-59.488l-72.128-31.392-14.080 65.504c-3.168 13.12-19.040 25.056-36.96 21.088s-27.392-21.12-25.28-34.24c1.856-9.984 8.128-39.68 18.88-89.152z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bicycle_trailer_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 329,
+				"id": 27,
+				"name": "db_ic_bicycle_trailer_32",
+				"prevSize": 32,
+				"code": 922002
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 28
+		},
+		{
+			"icon": {
+				"paths": [
+					"M770.4 248.96c0.504 2.128 0.794 4.571 0.794 7.082 0 15.187-10.579 27.902-24.77 31.18l-0.216 0.042-34.816 7.84 49.024 157.12c7.090-1.012 15.278-1.59 23.601-1.59 97.202 0 176 78.798 176 176s-78.798 176-176 176c-97.202 0-176-78.798-176-176 0-66.253 36.608-123.956 90.699-153.984l0.9-0.458-13.952-44.64-141.664 208.928c-9.27 13.463-24.597 22.176-41.96 22.176-0.042 0-0.085-0-0.127-0l0.007 0-26.080-0.224c-12.55-1.512-22.764-10.097-26.622-21.598l-0.066-0.226-49.952-152.576-24.288 29.6c25.555 30.257 41.088 69.699 41.088 112.769 0 0.089-0 0.179-0 0.268l0-0.014c-0.014 97.191-78.807 175.975-176 175.975-97.202 0-176-78.798-176-176s78.798-176 176-176c31.418 0 60.913 8.232 86.446 22.657l-0.878-0.456 50.016-60.96-29.216-91.872h-26.368c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h128c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-34.304l19.68 62.848 222.272-51.616-15.648-50.176c-4.32-13.824 1.376-35.744 23.488-40.736l68.608-15.52c2.13-0.505 4.576-0.795 7.089-0.795 15.176 0 27.884 10.564 31.173 24.739l0.042 0.216zM784 514.656l-4.096 0.064 30.688 98.4c0.927 2.861 1.462 6.152 1.462 9.568 0 17.694-14.344 32.038-32.038 32.038-14.278 0-26.374-9.34-30.513-22.243l-0.063-0.227-30.208-96.992c-28.744 20.546-47.258 53.807-47.258 91.392 0 61.856 50.144 112 112 112s112-50.144 112-112c0-61.847-50.129-111.985-111.972-112l-0.001-0zM240 514.656c-61.853 0.003-111.994 50.146-111.994 112 0 61.856 50.144 112 112 112s112-50.144 112-112c0-23.162-7.031-44.682-19.075-62.542l0.253 0.398-64.384 78.464c-5.92 7.177-14.814 11.717-24.768 11.717-17.693 0-32.037-14.343-32.037-32.037 0-7.739 2.744-14.837 7.312-20.375l-0.044 0.055 64.64-78.752c-12.925-5.664-27.989-8.96-43.823-8.96-0.029 0-0.057 0-0.085 0l0.005-0zM624.064 404.288l-170.72 39.616 46.784 143.040z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_bicycle_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 327,
+				"id": 28,
+				"name": "db_ic_bicycle_32",
+				"prevSize": 32,
+				"code": 922169
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 29
+		},
+		{
+			"icon": {
+				"paths": [
+					"M667.232 282.496c111.104-32.32 248.224-8.096 286.368 100.48 25.024 71.296-17.056 150.208-89.792 172.448-54.016 17.024-108.064 34.016-162.144 50.976l-129.504 237.76c-6.592 12.256-18.208 23.776-29.28 27.84-11.072 4.096-15.552 5.92-29.216 8.96-41.44 9.376-82.368-18.336-82.368-62.912-0.128-42.176-0.192-84.384-0.224-126.592l-93.344 29.312c-78.976 23.296-159.616-12.224-194.496-94.4 100.199 325.798 74.49 254.594 48.92 183.323l-124.664-398.043c-2.213-6.078-3.493-13.094-3.493-20.409 0-24.216 14.025-45.157 34.395-55.143l0.362-0.16 4.512-1.952 22.72-8.768c8.965-3.569 19.355-5.639 30.227-5.639 17.837 0 34.374 5.57 47.964 15.066l-0.271-0.18 4.8 3.52 79.232 63.584zM848.8 353.472c-40.896-21.44-109.76-28.256-170.336-7.488-129.248 40.544-258.464 81.152-387.648 121.792-2.883 0.954-6.201 1.505-9.647 1.505-7.589 0-14.554-2.668-20.010-7.118l0.057 0.045c-87.606-68.927-117.746-93.26-147.837-117.652l55.229 43.348c-4.704-3.776-10.976-5.856-19.584-2.976-6.816 2.56-13.6 5.12-20.352 7.808l74.656 211.648c15.424 40.64 61.12 69.44 115.744 55.136 302.906-85.382 347.658-99.755 392.373-114.212l-257.973 72.1c19.36-6.080 41.536 5.92 41.536 30.496 0.192 56.672 0.288 113.376 0.32 170.048 0 0.576 0.512 1.472 1.632 1.28 5.568-1.536 11.616-3.2 18.208-4.928l0.736-0.64 135.744-249.216c3.296-6.080 11.072-13.056 18.496-15.2 58.080-18.368 116.224-36.672 174.4-54.88 37.056-11.68 56.96-47.008 49.152-88.096-27.616 8.832-55.68 17.856-84.16 27.104-2.93 0.977-6.303 1.54-9.808 1.54-17.675 0-32.004-14.329-32.004-32.004 0-14.17 9.21-26.19 21.97-30.399l0.226-0.065c19.584-6.4 39.2-12.704 58.88-18.976zM405.92 529.728l-0.098-0.315c-6.213-17.447-22.876-29.937-42.457-29.937-24.884 0-45.056 20.172-45.056 45.056 0 4.556 0.676 8.954 1.851 12.78l0.083 0.319c5.611 18.495 22.794 31.957 43.122 31.957 24.884 0 45.056-20.172 45.056-45.056 0-5.303-0.916-10.393-2.501-14.804zM545.92 484.64l-0.098-0.315c-6.213-17.447-22.876-29.937-42.457-29.937-24.884 0-45.056 20.172-45.056 45.056 0 4.556 0.676 8.954 1.851 12.78l0.091 0.318c5.922 17.974 22.848 30.948 42.805 30.948 24.885 0 45.059-20.173 45.059-45.059 0-4.928-0.791-9.672-2.163-13.792zM685.952 439.52l-0.096-0.316c-6.13-17.581-22.854-30.195-42.525-30.195-24.866 0-45.024 20.158-45.024 45.024 0 4.675 0.712 9.183 1.949 13.103l0.086 0.319c5.711 18.311 22.798 31.602 42.989 31.602 24.866 0 45.024-20.158 45.024-45.024 0-5.195-0.88-10.185-2.403-14.513zM418.56 148.256c-19.968-19.872-44.48-24-66.784-17.728-6.56 1.76-13.056 3.584-19.52 5.44l-0.481 0.118c-28.478 8.163-49.318 34.397-49.318 65.498 0 9.672 2.016 18.874 5.479 26.768 13.12 27.040 26.304 54.048 39.584 81.024 7.776 15.84 28.064 21.92 42.784 14.72l0.186-0.084c10.527-5.24 17.76-16.108 17.76-28.665 0-5.121-1.203-9.961-3.258-14.067-13.12-26.496-26.080-53.024-38.912-79.584 0-2.144 1.568-3.584 3.36-4.064 6.496-1.92 12.992-3.712 19.52-5.44l-0.031 0.005c0.306-0.058 0.623-0.088 0.946-0.088 1.181 0 2.268 0.405 3.117 1.075 28.992 28.992 58.048 57.952 87.168 86.848l-0.001-0.001c5.79 5.767 13.775 9.331 22.593 9.331 17.683 0 32.018-14.335 32.018-32.018 0-8.865-3.603-16.889-9.426-22.688l-86.784-86.4z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["db_ic_airplane_32"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 326,
+				"id": 29,
+				"name": "db_ic_airplane_32",
+				"prevSize": 32,
+				"code": 922000
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 30
+		}
+	],
+	"height": 1024,
+	"metadata": { "name": "icomoon" },
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon",
+				"majorVersion": 1,
+				"minorVersion": 0
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"showCodes": true,
+		"gridSize": 16
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-48-av-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-48-av-filled.json
new file mode 100644
index 0000000000..c7208b95b9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-48-av-filled.json
@@ -0,0 +1,185 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M725.333 234.667c35.346 0 64 28.654 64 64v0 426.667c0 35.346-28.654 64-64 64v0h-426.667c-35.346 0-64-28.654-64-64v0-426.667c0-35.346 28.654-64 64-64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_stop_solid_48"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 40,
+				"id": 5,
+				"name": "db_ic_stop_solid_48",
+				"prevSize": 32,
+				"code": 9633
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M192 760.896v-497.792c0-38.891 31.104-71.104 69.995-71.104 14.443 0 28.885 4.437 41.109 12.224l402.901 250.005c18.231 12.836 29.995 33.792 29.995 57.495 0 0.097-0 0.194-0.001 0.29l0-0.015c0 23.339-11.093 44.437-29.995 57.771l-402.901 250.005c-11.629 7.558-25.826 12.098-41.076 12.224l-0.033 0c-38.891 0-69.995-32.213-69.995-71.104zM832 213.333v597.333c0 11.782-9.551 21.333-21.333 21.333s-21.333-9.551-21.333-21.333v0-597.333c0-11.782 9.551-21.333 21.333-21.333s21.333 9.551 21.333 21.333v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_skip_forward_solid_48"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 39,
+				"id": 4,
+				"name": "db_ic_skip_forward_solid_48",
+				"prevSize": 32,
+				"code": 9197
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M720.896 819.776l-402.88-250.005c-18.243-12.83-30.017-33.789-30.017-57.499 0-0.096 0-0.191 0.001-0.287l-0 0.015c0-23.339 11.093-44.437 30.016-57.771l402.88-250.005c11.627-7.561 25.826-12.102 41.077-12.224l0.032-0c38.891 0 69.973 32.213 69.973 71.104v497.792c0.021 38.891-31.061 71.104-69.952 71.104-15.283-0.122-29.482-4.663-41.409-12.407l0.3 0.183zM234.667 213.333v597.333c0 11.782-9.551 21.333-21.333 21.333s-21.333-9.551-21.333-21.333v0-597.333c0-11.782 9.551-21.333 21.333-21.333s21.333 9.551 21.333 21.333v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_skip_backward_solid_48"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 38,
+				"id": 3,
+				"name": "db_ic_skip_backward_solid_48",
+				"prevSize": 32,
+				"code": 9198
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M568.32 242.197c-6.75-4.675-15.113-7.468-24.128-7.468-23.551 0-42.65 19.062-42.709 42.599l-0 0.006v190.933l-327.936-226.069c-6.759-4.693-15.137-7.498-24.171-7.498-23.561 0-42.666 19.079-42.709 42.63l-0 0.004v469.333c0.020 23.561 19.124 42.653 42.688 42.653 9.043 0 17.429-2.812 24.332-7.609l-0.14 0.092 327.893-226.069v190.933c0.012 23.567 19.119 42.667 42.688 42.667 9.052 0 17.446-2.818 24.353-7.624l-0.14 0.092 340.395-234.667c11.213-7.799 18.461-20.621 18.461-35.136s-7.248-27.337-18.321-35.044l-0.14-0.092-340.395-234.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fast_forward_solid_48"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 36,
+				"id": 2,
+				"name": "db_ic_fast_forward_solid_48",
+				"prevSize": 32,
+				"code": 922263
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M115.307 547.136l340.395 234.667c6.759 4.693 15.137 7.498 24.171 7.498 23.561 0 42.666-19.079 42.709-42.63l0-0.004v-190.933l327.915 226.069c6.759 4.693 15.137 7.498 24.171 7.498 23.561 0 42.666-19.079 42.709-42.63l0-0.004v-469.333c-0.020-23.561-19.124-42.653-42.688-42.653-9.043 0-17.429 2.812-24.332 7.609l0.14-0.092-327.915 226.069v-190.933c-0.020-23.561-19.124-42.653-42.688-42.653-9.043 0-17.429 2.812-24.332 7.609l0.14-0.092-340.395 234.667c-11.213 7.799-18.461 20.621-18.461 35.136s7.248 27.337 18.321 35.044l0.14 0.092z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fast_backward_solid_48"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 37,
+				"id": 1,
+				"name": "db_ic_fast_backward_solid_48",
+				"prevSize": 32,
+				"code": 922262
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M298.667 760.896v-497.792c0-38.891 31.104-71.104 69.995-71.104 14.443 0 28.885 4.437 41.109 12.224l402.901 250.005c18.231 12.836 29.995 33.792 29.995 57.495 0 0.097-0 0.194-0.001 0.29l0-0.015c0 23.339-11.093 44.437-29.995 57.771l-402.901 250.005c-11.629 7.558-25.826 12.098-41.076 12.224l-0.033 0c-38.891 0-69.995-32.213-69.995-71.104z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["play-filled"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 465,
+				"id": 0,
+				"name": "play-filled",
+				"prevSize": 32,
+				"code": 9655
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-48-av-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-48-av-outline.json
new file mode 100644
index 0000000000..e1e30c6e81
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-48-av-outline.json
@@ -0,0 +1,208 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M874.709 234.667c23.559 0.012 42.654 19.107 42.667 42.665l0 0.001v469.333c-0.020 23.561-19.124 42.653-42.688 42.653-9.043 0-17.429-2.812-24.332-7.609l0.14 0.092-327.915-226.069v190.933c-0.020 23.561-19.124 42.653-42.688 42.653-9.043 0-17.429-2.812-24.332-7.609l0.14 0.092-340.395-234.667c-11.213-7.799-18.461-20.621-18.461-35.136s7.248-27.337 18.321-35.044l0.14-0.092 340.395-234.667c6.759-4.693 15.137-7.498 24.171-7.498 23.561 0 42.666 19.079 42.709 42.63l0 0.004v190.933l327.915-226.069c7.253-4.992 15.723-7.531 24.213-7.531zM479.915 277.333l-340.395 234.667 340.395 234.667zM874.709 277.333l-340.395 234.667 340.395 234.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fast_backward_48"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 44,
+				"id": 6,
+				"name": "db_ic_fast_backward_48",
+				"prevSize": 32,
+				"code": 922262
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M544.128 234.667c8.491 0 16.96 2.539 24.213 7.531l340.395 234.667c11.213 7.799 18.461 20.621 18.461 35.136s-7.248 27.337-18.321 35.044l-0.14 0.092-340.395 234.667c-6.759 4.693-15.137 7.498-24.171 7.498-23.561 0-42.666-19.079-42.709-42.63l-0-0.004v-190.933l-327.915 226.069c-6.766 4.717-15.16 7.536-24.213 7.536-23.564 0-42.667-19.103-42.667-42.667 0-0.002 0-0.004 0-0.006l-0 0v-469.333c0.020-23.561 19.124-42.653 42.688-42.653 9.043 0 17.429 2.812 24.332 7.609l-0.14-0.092 327.893 226.069v-190.933c0.012-23.559 19.107-42.654 42.665-42.667l0.001-0zM544.128 277.333v469.333l340.395-234.667zM149.333 277.333v469.333l340.395-234.667z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fast_forward_48"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 45,
+				"id": 5,
+				"name": "db_ic_fast_forward_48",
+				"prevSize": 32,
+				"code": 922263
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M261.995 192c14.443 0 28.885 4.437 41.109 12.224l402.901 250.005c18.231 12.836 29.995 33.792 29.995 57.495 0 0.097-0 0.194-0.001 0.29l0-0.015c0 23.339-11.093 44.437-29.995 57.771l-402.901 250.005c-11.629 7.558-25.826 12.098-41.076 12.224l-0.033 0c-38.891 0-69.995-32.213-69.995-71.104v-497.792c0-38.891 31.104-71.104 69.995-71.104zM261.995 234.667c-13.973 0-27.328 11.093-27.328 28.437-0.043 165.931-0.043 331.861 0 497.792 0 15.744 12.437 28.437 27.328 28.437 5.013 0 10.432-1.28 18.176-5.547 49.394-35.128 180.301-117.381 312.199-198.176l89.017-50.699c7.68-5.419 11.947-13.589 11.947-22.912 0-8.299-4.267-18.133-11.648-22.677-57.984-37.013-191.808-120.043-401.493-249.109-5.144-3.369-11.419-5.42-18.164-5.546l-0.033-0zM832 213.333v597.333c0 11.782-9.551 21.333-21.333 21.333s-21.333-9.551-21.333-21.333v0-597.333c0-11.782 9.551-21.333 21.333-21.333s21.333 9.551 21.333 21.333v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_skip_forward_48"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 42,
+				"id": 4,
+				"name": "db_ic_skip_forward_48",
+				"prevSize": 32,
+				"code": 9197
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M832 263.104v497.792c0 38.891-31.104 71.104-69.995 71.104-15.283-0.122-29.482-4.663-41.409-12.407l0.3 0.183-402.88-250.005c-18.243-12.83-30.017-33.789-30.017-57.499 0-0.096 0-0.191 0.001-0.287l-0 0.015c0-23.339 11.115-44.437 30.016-57.771l402.88-250.005c11.627-7.561 25.826-12.102 41.077-12.224l0.032-0c38.891 0 69.995 32.213 69.995 71.104zM743.808 240.213c-209.685 129.067-343.509 212.096-401.472 249.109-7.403 4.544-11.669 14.379-11.669 22.677 0 9.323 4.267 17.493 11.947 22.912 220.99 131.54 351.893 213.791 481.785 297.477l-80.569-48.602c7.744 4.267 13.163 5.547 18.176 5.547 14.912 0 27.328-12.693 27.328-28.437 0.064-165.931 0.064-331.861 0-497.792 0-17.344-13.355-28.437-27.328-28.437-6.016 0-12.565 1.963-18.197 5.547zM234.667 213.333v597.333c0 11.782-9.551 21.333-21.333 21.333s-21.333-9.551-21.333-21.333v0-597.333c0-11.782 9.551-21.333 21.333-21.333s21.333 9.551 21.333 21.333v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_skip_backward_48"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 43,
+				"id": 3,
+				"name": "db_ic_skip_backward_48",
+				"prevSize": 32,
+				"code": 9198
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M725.333 234.667c35.346 0 64 28.654 64 64v0 426.667c0 35.346-28.654 64-64 64v0h-426.667c-35.346 0-64-28.654-64-64v0-426.667c0-35.346 28.654-64 64-64v0zM725.333 277.333h-426.667c-11.782 0-21.333 9.551-21.333 21.333v0 426.667c0 11.782 9.551 21.333 21.333 21.333v0h426.667c11.782 0 21.333-9.551 21.333-21.333v0-426.667c0-11.782-9.551-21.333-21.333-21.333v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_stop_48"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 41,
+				"id": 2,
+				"name": "db_ic_stop_48",
+				"prevSize": 32,
+				"code": 9633
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M384 768v-512c0-12.011 9.344-21.333 21.333-21.333 12.011 0 21.333 9.344 21.333 21.333v512c0 12.011-9.344 21.333-21.333 21.333-12.011 0-21.333-9.344-21.333-21.333zM597.333 768v-512c0-12.011 9.344-21.333 21.333-21.333 12.011 0 21.333 9.344 21.333 21.333v512c0 12.011-9.344 21.333-21.333 21.333-12.011 0-21.333-9.344-21.333-21.333z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["pause"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 7,
+				"id": 0,
+				"name": "pause",
+				"prevSize": 32,
+				"code": 9208
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M368.661 192c14.443 0 28.885 4.437 41.109 12.224l402.901 250.005c18.231 12.836 29.995 33.792 29.995 57.495 0 0.097 0 0.194-0.001 0.29v-0.015c0 23.339-11.093 44.437-29.995 57.771l-402.901 250.005c-11.629 7.558-25.826 12.098-41.076 12.224h-0.033c-38.891 0-69.995-32.213-69.995-71.104v-497.792c0-38.891 31.104-71.104 69.995-71.104zM368.661 234.667c-13.973 0-27.328 11.093-27.328 28.437-0.043 165.931-0.043 331.861 0 497.792 0 15.744 12.437 28.437 27.328 28.437 5.013 0 10.432-1.28 18.176-5.547 49.394-35.128 180.301-117.381 312.199-198.176l89.017-50.699c7.68-5.419 11.947-13.589 11.947-22.912 0-8.299-4.267-18.133-11.648-22.677-57.984-37.013-191.808-120.043-401.493-249.109-5.144-3.369-11.419-5.42-18.164-5.546h-0.033z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["play"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 8,
+				"id": 1,
+				"name": "play",
+				"prevSize": 32,
+				"code": 9655
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-48-brand-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-48-brand-outline.json
new file mode 100644
index 0000000000..dc46f7d9c1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-48-brand-outline.json
@@ -0,0 +1,70 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M886.464 192c0.4-0.006 0.873-0.010 1.346-0.010 51.424 0 93.154 41.502 93.523 92.839l0 0.035v469.333c-0.193 52.317-42.552 94.676-94.851 94.869l-0.019 0h-749.931c-51.884-0.193-93.869-42.297-93.869-94.207 0-0.233 0.001-0.465 0.003-0.698l-0 0.036v-469.333c-0-0.098-0.001-0.214-0.001-0.329 0-51.111 41.433-92.544 92.544-92.544 0.465 0 0.93 0.003 1.393 0.010l-0.070-0.001zM136.533 259.051c-0.608-0.053-1.315-0.083-2.029-0.083-13.703 0-24.811 11.108-24.811 24.811 0 0.382 0.009 0.762 0.026 1.139l-0.002-0.054v472.405c0.901 13.154 11.793 23.483 25.097 23.483 0.605 0 1.205-0.021 1.799-0.063l-0.080 0.005h751.275c0.2 0.006 0.435 0.009 0.671 0.009 14.256 0 25.813-11.557 25.813-25.813 0-0.243-0.003-0.485-0.010-0.727l0.001 0.036-1.344-468.992c0.006-0.209 0.010-0.456 0.010-0.703 0-14.068-11.404-25.472-25.472-25.472-0.356 0-0.71 0.007-1.063 0.022l0.050-0.002zM727.893 305.323c75.755 0 122.027 41.237 122.027 104.256-0.806 47.038-31.761 86.635-74.334 100.354l-0.759 0.211c51.102 6.545 90.198 49.768 90.198 102.124 0 0.75-0.008 1.498-0.024 2.244l0.002-0.111c0 85.483-58.325 121.024-165.269 121.024h-152.192v-430.101zM329.963 304.64c110.635 0 172.651 70.4 172.651 213.227 0 124.693-42.24 216.555-172.651 217.557h-158.571v-430.784zM695.040 555.413h-44.928v109.611h43.733c17.387-0.043 67.925-1.621 68.245-55.317 0-23.467-13.419-54.293-67.051-54.293zM297.792 373.035h-23.147v291.989h36.203c55.659 0 87.509-43.243 87.509-137.771 0-86.507-9.387-154.219-100.565-154.219zM681.963 371.371h-31.851v104.256h40.235c1.517 0.159 3.278 0.25 5.059 0.25 28.324 0 51.285-22.961 51.285-51.285 0-0.561-0.009-1.119-0.027-1.675l0.002 0.081c0-35.883-17.771-51.627-64.704-51.627z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_logo_48"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 96,
+				"id": 0,
+				"name": "db_ic_logo_48",
+				"prevSize": 32,
+				"code": 921938
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 0
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-64-av-filled.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-64-av-filled.json
new file mode 100644
index 0000000000..cace2ad700
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-64-av-filled.json
@@ -0,0 +1,185 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M706 819.776l-380.288-250c-18.071-12.897-29.713-33.794-29.713-57.411 0-0.129 0-0.257 0.001-0.385l-0 0.020c0-23.328 11.008-44.448 29.712-57.776l380.288-250c11.496-7.549 25.556-12.090 40.669-12.224l0.035-0c38.496 0 69.28 32.224 69.28 71.104v497.792c0.016 38.88-30.768 71.104-69.264 71.104-15.148-0.134-29.208-4.675-40.993-12.402l0.289 0.178zM256 216v592c0 13.255-10.745 24-24 24s-24-10.745-24-24v0-592c0-13.255 10.745-24 24-24s24 10.745 24 24v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 64,
+				"tags": ["db_ic_skip_backward_solid_64"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 49,
+				"id": 5,
+				"name": "db_ic_skip_backward_solid_64",
+				"prevSize": 64,
+				"code": 9198
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M208 760.896v-497.792c0-38.88 30.8-71.104 69.296-71.104 15.148 0.131 29.209 4.673 40.993 12.402l-0.289-0.178 380.304 250c18.062 12.898 29.697 33.79 29.697 57.399 0 0.132-0 0.265-0.001 0.397l0-0.020c0.001 0.112 0.001 0.244 0.001 0.377 0 23.609-11.635 44.501-29.483 57.254l-0.214 0.145-380.304 250c-11.495 7.551-25.556 12.093-40.67 12.224l-0.034 0c-38.496 0-69.296-32.224-69.296-71.104zM816 216v592c0 13.255-10.745 24-24 24s-24-10.745-24-24v0-592c0-13.255 10.745-24 24-24s24 10.745 24 24v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 64,
+				"tags": ["db_ic_skip_forward_solid_64"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 50,
+				"id": 4,
+				"name": "db_ic_skip_forward_solid_64",
+				"prevSize": 64,
+				"code": 9197
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M704 256c35.346 0 64 28.654 64 64v0 384c0 35.346-28.654 64-64 64v0h-384c-35.346 0-64-28.654-64-64v0-384c0-35.346 28.654-64 64-64v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 64,
+				"tags": ["db_ic_stop_solid_64"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 48,
+				"id": 3,
+				"name": "db_ic_stop_solid_64",
+				"prevSize": 64,
+				"code": 9633
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M568.96 264.48c-7.61-5.314-17.056-8.49-27.243-8.49-8.165 0-15.853 2.041-22.583 5.64l0.257-0.126c-15.386 8.204-25.68 24.147-25.68 42.495 0 0 0 0.001 0 0.001l-0-0v149.696l-274.48-189.216c-7.607-5.314-17.049-8.491-27.233-8.491-8.163 0-15.849 2.041-22.576 5.64l0.257-0.126c-15.386 8.204-25.68 24.147-25.68 42.495 0 0 0 0.001 0 0.001l-0-0v416c0.004 26.506 21.493 47.993 48 47.993 10.181 0 19.622-3.17 27.389-8.576l-0.157 0.104 274.48-189.216v149.696c-0 0.001-0 0.002-0 0.004 0 26.51 21.49 48 48 48 10.188 0 19.634-3.174 27.405-8.587l-0.157 0.103 301.712-208c12.608-8.775 20.757-23.196 20.757-39.52s-8.149-30.745-20.6-39.417l-0.157-0.103z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 64,
+				"tags": ["db_ic_fast_forward_solid_64"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 46,
+				"id": 2,
+				"name": "db_ic_fast_forward_solid_64",
+				"prevSize": 64,
+				"code": 922263
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M153.392 551.52l301.712 208c7.614 5.31 17.060 8.484 27.248 8.484 26.51 0 48-21.49 48-48 0-0.001-0-0.003-0-0.004l0 0v-149.696l274.48 189.216c7.607 5.314 17.049 8.491 27.233 8.491 8.163 0 15.849-2.041 22.576-5.64l-0.257 0.126c15.386-8.204 25.68-24.147 25.68-42.495 0-0-0-0.001-0-0.001l0 0v-416c-0.004-26.506-21.493-47.993-48-47.993-10.181 0-19.622 3.17-27.389 8.576l0.157-0.104-274.48 189.216v-149.696c0-0.001 0-0.002 0-0.004 0-26.51-21.49-48-48-48-10.188 0-19.634 3.174-27.405 8.587l0.157-0.103-301.712 208c-12.608 8.775-20.757 23.196-20.757 39.52s8.149 30.745 20.6 39.417l0.157 0.103z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 64,
+				"tags": ["db_ic_fast_backward_solid_64"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 47,
+				"id": 1,
+				"name": "db_ic_fast_backward_solid_64",
+				"prevSize": 64,
+				"code": 922262
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M304 760.896v-497.792c0-38.88 30.8-71.104 69.296-71.104 15.148 0.131 29.209 4.673 40.993 12.402l-0.289-0.178 380.304 250c18.062 12.898 29.697 33.79 29.697 57.399 0 0.132 0 0.265-0.001 0.397v-0.020c0.001 0.112 0.001 0.244 0.001 0.377 0 23.609-11.635 44.501-29.483 57.254l-0.214 0.145-380.304 250c-11.495 7.551-25.556 12.093-40.67 12.224h-0.034c-38.496 0-69.296-32.224-69.296-71.104z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["play-filled"],
+				"grid": 64
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 2,
+				"id": 0,
+				"name": "play-filled",
+				"prevSize": 64,
+				"code": 9655
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-64-av-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-64-av-outline.json
new file mode 100644
index 0000000000..59d8a48b7b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-64-av-outline.json
@@ -0,0 +1,208 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M704 256c35.346 0 64 28.654 64 64v0 384c0 35.346-28.654 64-64 64v0h-384c-35.346 0-64-28.654-64-64v0-384c0-35.346 28.654-64 64-64v0zM704 304h-384c-8.837 0-16 7.163-16 16v0 384c0 8.837 7.163 16 16 16v0h384c8.837 0 16-7.163 16-16v0-384c0-8.837-7.163-16-16-16v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_stop_64"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 55,
+				"id": 6,
+				"name": "db_ic_stop_64",
+				"prevSize": 64,
+				"code": 9633
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 0
+		},
+		{
+			"icon": {
+				"paths": [
+					"M832.080 256c0.009-0 0.021-0 0.032-0 26.483 0 47.952 21.469 47.952 47.952 0 0.017-0 0.034-0 0.051l0-0.003v416c-0.004 26.506-21.493 47.993-48 47.993-10.181 0-19.622-3.17-27.389-8.576l0.157 0.104-274.48-189.216v149.696c0 0.001 0 0.002 0 0.004 0 26.51-21.49 48-48 48-10.188 0-19.634-3.174-27.405-8.587l0.157 0.103-301.712-208c-12.608-8.775-20.757-23.196-20.757-39.52s8.149-30.745 20.6-39.417l0.157-0.103 301.712-208c7.614-5.31 17.060-8.484 27.248-8.484 26.51 0 48 21.49 48 48 0 0.001-0 0.003-0 0.004l0-0v149.696l274.48-189.216c7.604-5.307 17.040-8.48 27.218-8.48 0.011 0 0.021 0 0.032 0l-0.002-0zM482.352 304l-301.712 208 301.712 208zM832.064 304l-301.712 208 301.712 208z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fast_backward_64"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 54,
+				"id": 5,
+				"name": "db_ic_fast_backward_64",
+				"prevSize": 64,
+				"code": 922262
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 1
+		},
+		{
+			"icon": {
+				"paths": [
+					"M541.712 256c9.552 0 19.088 2.848 27.248 8.48l301.712 208c12.608 8.775 20.757 23.196 20.757 39.52s-8.149 30.745-20.6 39.417l-0.157 0.103-301.712 208c-7.61 5.314-17.056 8.49-27.243 8.49-8.165 0-15.853-2.041-22.583-5.64l0.257 0.126c-15.386-8.204-25.68-24.147-25.68-42.495 0-0 0-0.001 0-0.001l-0 0v-149.696l-274.48 189.216c-7.607 5.314-17.049 8.491-27.233 8.491-8.163 0-15.849-2.041-22.576-5.64l0.257 0.126c-15.386-8.204-25.68-24.147-25.68-42.495 0-0 0-0.001 0-0.001l-0 0v-416c0.004-26.506 21.493-47.993 48-47.993 10.181 0 19.622 3.17 27.389 8.576l-0.157-0.104 274.48 189.216v-149.696c-0-26.51 21.49-48 48-48v0zM541.712 304v416l301.712-208zM192 304v416l301.712-208z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_fast_forward_64"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 53,
+				"id": 4,
+				"name": "db_ic_fast_forward_64",
+				"prevSize": 64,
+				"code": 922263
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 2
+		},
+		{
+			"icon": {
+				"paths": [
+					"M277.296 192c15.148 0.131 29.209 4.673 40.993 12.402l-0.289-0.178 380.304 250c18.062 12.898 29.697 33.79 29.697 57.399 0 0.132-0 0.265-0.001 0.397l0-0.020c0.001 0.112 0.001 0.244 0.001 0.377 0 23.609-11.635 44.501-29.483 57.254l-0.214 0.145-380.304 250c-11.495 7.551-25.556 12.093-40.67 12.224l-0.034 0c-38.496 0-69.296-32.224-69.296-71.104v-497.792c0-38.88 30.8-71.104 69.296-71.104zM277.296 240c-10.736 0-21.296 8-21.296 23.104v497.792c0 12.928 9.856 23.104 21.296 23.104 3.968 0 7.952-0.32 14.72-4.576 174.469-109.495 297.995-191.652 419.924-275.954l-41.012 26.818c7.52-5.072 9.072-11.44 9.072-18.288s-1.568-13.232-9.072-18.304l-378.88-249.088c-3.888-2.496-7.248-4.608-14.768-4.608zM816 216v592c0 13.255-10.745 24-24 24s-24-10.745-24-24v0-592c0-13.255 10.745-24 24-24s24 10.745 24 24v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_skip_forward_64"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 52,
+				"id": 3,
+				"name": "db_ic_skip_forward_64",
+				"prevSize": 64,
+				"code": 9197
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 3
+		},
+		{
+			"icon": {
+				"paths": [
+					"M738 204.224l-380.288 250c-18.071 12.897-29.713 33.794-29.713 57.411 0 0.129 0 0.257 0.001 0.385l-0-0.020c0 23.328 11.008 44.448 29.712 57.776l380.288 250c12.112 7.776 26.4 12.224 40.704 12.224 38.496 0 69.28-32.224 69.28-71.104v-497.792c0.016-38.88-30.768-71.104-69.264-71.104-14.304 0-28.592 4.448-40.704 12.224zM800 263.104v497.792c0 12.928-9.856 23.104-21.296 23.104-3.968 0-7.952-0.304-14.72-4.576-174.536-109.542-298.058-191.696-419.986-275.993l41.074 26.857c-7.52-5.072-9.072-11.44-9.072-18.288s1.568-13.232 9.072-18.304l378.88-249.088c3.872-2.496 7.248-4.608 14.752-4.608 10.768 0 21.28 8 21.28 23.104zM240 216v592c0 13.255 10.745 24 24 24s24-10.745 24-24v0-592c0-13.255-10.745-24-24-24s-24 10.745-24 24v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_skip_backward_64"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 51,
+				"id": 2,
+				"name": "db_ic_skip_backward_64",
+				"prevSize": 64,
+				"code": 9198
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 4
+		},
+		{
+			"icon": {
+				"paths": [
+					"M408 256c13.255 0 24 10.745 24 24v0 464c0 13.255-10.745 24-24 24s-24-10.745-24-24v0-464c0-13.255 10.745-24 24-24v0zM616 256c13.255 0 24 10.745 24 24v0 464c0 13.255-10.745 24-24 24s-24-10.745-24-24v0-464c0-13.255 10.745-24 24-24v0z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["pause"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 4,
+				"id": 0,
+				"name": "pause",
+				"prevSize": 64,
+				"code": 9208
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 5
+		},
+		{
+			"icon": {
+				"paths": [
+					"M373.296 192c15.148 0.131 29.209 4.673 40.993 12.402l-0.289-0.178 380.304 250c18.062 12.898 29.697 33.79 29.697 57.399 0 0.132-0 0.265-0.001 0.397l0-0.020c0.001 0.112 0.001 0.244 0.001 0.377 0 23.609-11.635 44.501-29.483 57.254l-0.214 0.145-380.304 250c-11.495 7.551-25.556 12.093-40.67 12.224l-0.034 0c-38.496 0-69.296-32.224-69.296-71.104v-497.792c0-38.88 30.8-71.104 69.296-71.104zM373.296 240c-10.736 0-21.296 8-21.296 23.104v497.792c0 12.928 9.856 23.104 21.296 23.104 3.968 0 7.952-0.32 14.72-4.576 174.469-109.495 297.995-191.652 419.924-275.954l-41.012 26.818c7.52-5.072 9.072-11.44 9.072-18.288s-1.568-13.232-9.072-18.304l-378.88-249.088c-3.888-2.496-7.248-4.608-14.768-4.608z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": ["play"],
+				"grid": 0
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 5,
+				"id": 1,
+				"name": "play",
+				"prevSize": 64,
+				"code": 9655
+			},
+			"setIdx": 0,
+			"setId": 0,
+			"iconIdx": 6
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-64-brand-outline.json b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-64-brand-outline.json
new file mode 100644
index 0000000000..4b6111fa77
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/fonts/sources/db-icons-64-brand-outline.json
@@ -0,0 +1,70 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M894.976 176c0.405-0.006 0.883-0.010 1.362-0.010 52.595 0 95.277 42.444 95.661 94.949l0 0.036v480c-0.199 53.504-43.519 96.825-97.005 97.024l-0.019 0h-766.976c-53.061-0.19-96.002-43.248-96.002-96.335 0-0.242 0.001-0.484 0.003-0.726l-0 0.037v-480c-0-0.103-0.001-0.224-0.001-0.346 0-52.268 42.372-94.64 94.64-94.64 0.478 0 0.956 0.004 1.433 0.011l-0.072-0.001zM128 244.576c-0.621-0.054-1.343-0.085-2.072-0.085-14.015 0-25.376 11.361-25.376 25.376 0 0.39 0.009 0.778 0.026 1.164l-0.002-0.055v480c-0.026 0.429-0.040 0.931-0.040 1.436 0 14.2 11.512 25.712 25.712 25.712 0.617 0 1.228-0.022 1.834-0.064l-0.082 0.005h768.336c0.208 0.006 0.452 0.009 0.697 0.009 14.58 0 26.4-11.82 26.4-26.4 0-0.245-0.003-0.49-0.010-0.733l0.001 0.036-1.36-479.648c0.006-0.211 0.010-0.459 0.010-0.709 0-14.395-11.669-26.064-26.064-26.064-0.364 0-0.725 0.007-1.085 0.022l0.052-0.002zM732.8 291.888c77.488 0 124.8 42.176 124.8 106.624-0.814 48.113-32.477 88.619-76.023 102.648l-0.777 0.216c52.264 6.7 92.246 50.909 92.246 104.456 0 0.762-0.008 1.523-0.024 2.281l0.002-0.113c0 87.44-59.648 123.776-169.024 123.776h-155.648v-439.888zM325.824 291.2c113.152 0 176.576 72 176.576 218.064 0 127.536-43.2 221.488-176.576 222.512h-162.144v-440.576h162.16zM699.2 547.68h-45.92v112.112h44.32c17.424-0.032 69.824-1.28 70.16-56.576 0-24-13.712-55.536-68.576-55.536zM292.912 361.152h-23.632v298.624h37.024c56.912 0 89.488-44.224 89.488-140.912 0-88.464-9.6-157.712-102.864-157.712zM685.824 359.44h-32.544v106.624h41.12c1.547 0.162 3.343 0.254 5.161 0.254 28.975 0 52.464-23.489 52.464-52.464 0-0.568-0.009-1.133-0.027-1.697l0.002 0.082c0-36.688-18.176-52.8-66.176-52.8z"
+				],
+				"attrs": [{}],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"grid": 0,
+				"tags": ["db_ic_logo_64"]
+			},
+			"attrs": [{}],
+			"properties": {
+				"order": 97,
+				"id": 0,
+				"name": "db_ic_logo_64",
+				"prevSize": 64,
+				"code": 921938
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 0
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "db-icons",
+		"url": "https://db.de/db-ui",
+		"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showCodes": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "db-icons",
+				"majorVersion": 1,
+				"minorVersion": 0,
+				"designerURL": "https://marketingportal.extranet.deutschebahn.com/de/icons-2",
+				"fontURL": "https://db.de/db-ui"
+			},
+			"metrics": { "emSize": 1024, "baseline": 6.25, "whitespace": 50 },
+			"embed": false,
+			"noie8": true,
+			"ie7": false,
+			"showSelector": true,
+			"showMetrics": true,
+			"showMetadata": true
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 0,
+			"bgColor": 16777215,
+			"name": "icomoon",
+			"classSelector": ".icon"
+		},
+		"historySize": 50,
+		"gridSize": 16,
+		"showGrid": true
+	}
+}
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_account_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_account_20.svg
new file mode 100644
index 0000000000..dcada422fc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_account_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m3.997 18.003c.548 0 .997-.43.997-.997v-1.996c0-.567.45-1.017.998-1.017h8.016c.548 0 .998.45.998 1.017v1.995c0 .567.45.997.997.997s.997-.43.997-.997v-1.995c0-1.66-1.35-3.01-2.992-3.01h-8.016c-1.643 0-2.992 1.35-2.992 3.011v1.995c0 .567.45.997.997.997zm6.003-16.003c2.21 0 4.008 1.78 4.008 3.989a4.014 4.014 0 0 1 -4.008 4.008c-2.21 0-3.989-1.799-3.989-4.008a3.98 3.98 0 0 1 3.989-3.989zm.006 2c-1.098 0-2 .902-2 2 0 1.118.902 2 2 2 1.117 0 2-.882 2-2 0-1.098-.883-2-2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_account_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_account_24.svg
new file mode 100644
index 0000000000..12c53ebeb9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_account_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.125 13.031c2.75 0 4.875 2.063 4.875 5.094v2.875c0 .563-.438 1-1 1-.563 0-1-.438-1-1v-2.875c0-2.531-1.875-3.094-2.781-3.094-1.25.625-2.688.969-4.219.969s-2.969-.344-4.219-.969c-.937 0-2.781.563-2.781 3.094v2.875c0 .563-.438 1-1 1-.563 0-1-.438-1-1v-2.875c0-2.906 2.094-5.094 4.719-5.094.312 0 .718.063.937.188.969.531 2.094.781 3.344.781s2.375-.25 3.344-.781c.25-.125.531-.188.781-.188zm-4.125-11.031c2.75 0 5 2.25 5 5s-2.25 5-5 5-5-2.25-5-5 2.25-5 5-5zm0 2a3 3 0 1 0 .002 6.002 3 3 0 0 0 -.002-6.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_account_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_account_32.svg
new file mode 100644
index 0000000000..931b18a358
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_account_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m21.5 16.5c3.719 0 6.5 2.906 6.5 7v5.5c0 .563-.438 1-1 1-.563 0-1-.438-1-1v-5.5c0-3.438-2.156-4.813-4.25-5-1.75.969-3.75 1.438-5.75 1.438s-4-.47-5.75-1.438c-2.094.188-4.25 1.563-4.25 5v5.5c0 .563-.438 1-1 1-.563 0-1-.438-1-1v-5.5c0-4.063 2.75-7.031 6.469-7 .219.002.375.031.531.125a9.711 9.711 0 0 0 5 1.375 9.711 9.711 0 0 0 5-1.375.917.917 0 0 1 .5-.125zm-5.5-14.5c3.875 0 7 3.156 7 7s-3.125 7-7 7-7-3.156-7-7 3.125-7 7-7zm0 2c-2.75 0-5 2.25-5 5s2.25 5 5 5 5-2.25 5-5-2.25-5-5-5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_account_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_account_solid_20.svg
new file mode 100644
index 0000000000..840d7cf282
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_account_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 10c2.21 0 4.008-1.8 4.008-4.01s-1.798-3.99-4.008-3.99a3.981 3.981 0 0 0 -3.989 3.99c0 2.21 1.78 4.01 3.989 4.01zm-6.003 8a.99.99 0 0 1 -.997-.998v-1.995c0-1.662 1.35-3.012 2.992-3.012h8.016c1.643 0 2.992 1.35 2.992 3.012v1.995a.99.99 0 0 1 -.997.998z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_add_16.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_16.svg
new file mode 100644
index 0000000000..7bf93fd1ee
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m8 3a1 1 0 0 1 1 1v2.999l3 .001a1 1 0 0 1 0 2h-3v3a1 1 0 0 1 -2 0v-3h-3a1 1 0 1 1 0-2h3v-3a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_add_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_20.svg
new file mode 100644
index 0000000000..981f99e934
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 4a1 1 0 0 1 .997.997v4.006h4.006a1 1 0 0 1 .997.997 1 1 0 0 1 -.997.997h-4.006v4.006a1 1 0 0 1 -.997.997 1 1 0 0 1 -.997-.997v-4.006h-4.006a1 1 0 0 1 -.997-.997 1 1 0 0 1 .997-.997h4.006v-4.006a1 1 0 0 1 .997-.997z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_add_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_24.svg
new file mode 100644
index 0000000000..e5bc3939a0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 5c.564 0 1.01.446 1.01 1.01v4.98h4.98c.564 0 1.01.446 1.01 1.01s-.446 1.01-1.01 1.01h-4.98v4.98c0 .564-.446 1.01-1.01 1.01s-1.01-.446-1.01-1.01v-4.98h-4.98c-.564-0-1.01-.446-1.01-1.01s.446-1.01 1.01-1.01h4.98v-4.98c0-.564.446-1.01 1.01-1.01z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_add_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_32.svg
new file mode 100644
index 0000000000..05dcda1a95
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 6c.563 0 1 .438 1 1v8h8c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-8v8c0 .563-.438 1-1 1-.563 0-1-.438-1-1v-8h-8c-.563 0-1-.438-1-1 0-.563.438-1 1-1h8v-8c0-.563.438-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_add_circle_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_circle_20.svg
new file mode 100644
index 0000000000..6e91c54072
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_circle_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c4.41 0 8 3.59 8 8a8.036 8.036 0 0 1 -8 8c-4.41 0-8-3.59-8-8s3.59-8 8-8zm0 2.01a5.979 5.979 0 0 0 -5.99 5.99 5.979 5.979 0 0 0 5.99 5.99 5.979 5.979 0 0 0 5.99-5.99 5.979 5.979 0 0 0 -5.99-5.99zm.995 1.99v3.005h3.005v1.99h-3.005v3.005h-1.99v-3.005h-3.005v-1.99h3.005v-3.005z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_add_circle_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_circle_24.svg
new file mode 100644
index 0000000000..20b82f6dd8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_circle_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2c5.516 0 10 4.484 10 10s-4.484 10-10 10-10-4.484-10-10 4.484-10 10-10zm0 2.019a7.975 7.975 0 0 0 -7.981 7.981 7.975 7.975 0 0 0 7.981 7.981 7.975 7.975 0 0 0 7.981-7.981 7.975 7.975 0 0 0 -7.981-7.981zm0 2.981c.563 0 1 .437 1 1v3h3c.563 0 1 .437 1 1s-.437 1-1 1l-2.99.01-.01 2.99c0 .563-.437 1-1 1s-1-.437-1-1v-3l-2.99.01c-.565 0-1.01-.448-1.01-1.01s.437-1 1-1h3v-3c0-.563.437-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_add_circle_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_circle_32.svg
new file mode 100644
index 0000000000..18e396ed71
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_circle_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c7.719 0 14 6.281 14 14s-6.281 14-14 14-14-6.281-14-14 6.281-14 14-14zm0 2c-6.625 0-12 5.375-12 12s5.375 12 12 12 12-5.375 12-12-5.375-12-12-12zm0 5c-.563 0-1 .438-1 1v5h-5c-.563 0-1 .438-1 1 0 .563.438 1 1 1h5v5c0 .563.438 1 1 1 .563 0 1-.438 1-1v-5h5c.563 0 1-.438 1-1 0-.563-.438-1-1-1h-5v-5c0-.563-.438-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_add_circle_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_circle_solid_20.svg
new file mode 100644
index 0000000000..c06542a020
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_circle_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c4.406 0 8 3.594 8 8s-3.594 8-8 8-8-3.594-8-8 3.594-8 8-8zm1 4h-2v3h-3v2h3v3h2v-3h3v-2h-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_add_circle_solid_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_circle_solid_24.svg
new file mode 100644
index 0000000000..c1fb19c05f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_circle_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2c5.516 0 10 4.484 10 10s-4.484 10-10 10-10-4.484-10-10 4.484-10 10-10zm0 5c-.563 0-1 .437-1 1v3h-3c-.563 0-1 .437-1 1s.446 1.01 1.01 1.01l2.99-.01v3c0 .563.437 1 1 1s1-.437 1-1l.01-2.99 2.99-.01c.563 0 1-.437 1-1s-.437-1-1-1h-3v-3c0-.563-.437-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_add_circle_solid_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_circle_solid_32.svg
new file mode 100644
index 0000000000..a5abe1ebdd
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_circle_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c7.719 0 14 6.281 14 14s-6.281 14-14 14-14-6.281-14-14 6.281-14 14-14zm0 7c-.563 0-1 .438-1 1v5h-5c-.563 0-1 .438-1 1 0 .563.438 1 1 1h5v5c0 .563.438 1 1 1 .563 0 1-.438 1-1v-5h5c.563 0 1-.438 1-1 0-.563-.438-1-1-1h-5v-5c0-.563-.438-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_add_link_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_link_20.svg
new file mode 100644
index 0000000000..5eeb5f1faf
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_link_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.345 7.993c.106.502-.177 1.048-.659 1.155-.978.216-1.617.944-1.69 1.821l-.006 3.284a2 2 0 0 0 2 2c1.054 0 1.921-.815 2-2 .036-.55.447-1 1-1a1 1 0 0 1 1 1 4 4 0 0 1 -7.995.2l-.005-3.318a4 4 0 0 1 3.17-3.913 1 1 0 0 1 1.185.771zm-.355-6.34a4 4 0 0 1 3.995 3.8l.005 3.318a4 4 0 0 1 -3.171 3.913 1 1 0 1 1 -.413-1.956 2.001 2.001 0 0 0 1.577-1.791l.007-3.284a2 2 0 0 0 -2-2c-1.055 0-1.918.818-2 2-.038.55-.448 1-1 1a1 1 0 0 1 -1-1 4 4 0 0 1 4-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(.70710678 .70710678 -.70710678 .70710678 9.963837 -4.148831)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_add_link_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_link_24.svg
new file mode 100644
index 0000000000..cbc536a468
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_link_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.96 8.981a1 1 0 1 1 0 2 2.5 2.5 0 0 0 -2.495 2.336l-.006 4.969a2.5 2.5 0 0 0 4.995.164l.005-2.264a1 1 0 0 1 1.994-.117l.006 2.217a4.5 4.5 0 0 1 -8.995.212l-.004-5.018a4.5 4.5 0 0 1 4.5-4.5zm0-7.795a4.5 4.5 0 0 1 4.494 4.288l.005 5.007a4.5 4.5 0 0 1 -4.5 4.5 1 1 0 0 1 -1-1c0-.513.385-.992.884-.993 1.371-.003 2.526-1.038 2.611-2.342l.005-4.96a2.5 2.5 0 0 0 -4.994-.165l-.006 2.265a1 1 0 0 1 -1.993.116l-.007-2.216a4.5 4.5 0 0 1 4.5-4.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(.70710678 .70710678 -.70710678 .70710678 11.978385 -4.946379)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_add_link_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_link_32.svg
new file mode 100644
index 0000000000..e0cdeeb3f0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_add_link_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16.451 11.453a1 1 0 0 1 .117 1.993l-.615.007a4 4 0 0 0 -3.995 3.8l-.005 8.2a4 4 0 0 0 7.995.2l.005-3.2a1 1 0 0 1 1.993-.117l.007 3.117a6 6 0 0 1 -11.996.225l-.004-8.225a6 6 0 0 1 5.775-5.996zm-.498-11a6 6 0 0 1 5.996 5.775l.004 8.225a6 6 0 0 1 -5.775 5.996l-.727.004a1 1 0 0 1 -.116-1.993l.618-.007a4 4 0 0 0 3.995-3.8l.005-8.2a4 4 0 0 0 -7.995-.2l-.005 3.2a1 1 0 0 1 -1.993.116l-.007-3.116a6 6 0 0 1 6-6z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(.70710678 .70710678 -.70710678 .70710678 15.953 -6.607949)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_alarm_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_alarm_20.svg
new file mode 100644
index 0000000000..5fc5451da1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_alarm_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14.937 2c1.46 0 2.698 1.365 2.698 2.698a2.75 2.75 0 0 1 -1.27 2.286c.413.92.635 1.937.635 2.984 0 1.651-.54 3.143-1.46 4.35l1.301 2.095c.095.158.159.349.159.54 0 .57-.381 1.015-.952 1.015a.97.97 0 0 1 -.857-.476l-1.143-1.778a7.07 7.07 0 0 1 -4.032 1.27 7.29 7.29 0 0 1 -4.032-1.238l-1.143 1.778c-.19.286-.476.476-.793.476-.572 0-1.016-.381-1.016-.952 0-.19.032-.413.159-.604l1.301-2.095a7.406 7.406 0 0 1 -1.46-4.38c0-1.017.222-2.032.635-2.953-.794-.508-1.302-1.365-1.302-2.286 0-1.492 1.206-2.73 2.635-2.73 1.048 0 2.064.603 2.508 1.492.825-.35 1.587-.476 2.508-.476.889 0 1.682.095 2.508.38a2.749 2.749 0 0 1 2.413-1.396zm-4.89 2.984a5.057 5.057 0 0 0 -5.047 5.046 5.057 5.057 0 0 0 5.046 5.047 5.057 5.057 0 0 0 5.046-5.047 5.057 5.057 0 0 0 -5.046-5.046zm.953 1.556v3.079l1.778 1.714-1.397 1.46-2.35-2.317v-3.936z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_alarm_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_alarm_24.svg
new file mode 100644
index 0000000000..6fd98bb7ca
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_alarm_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.25 3a3.74 3.74 0 0 1 3.75 3.75 3.76 3.76 0 0 1 -1.344 2.875c.219.75.344 1.531.344 2.344a8.052 8.052 0 0 1 -1.781 5.062l1.625 2.407c.093.156.156.375.156.562 0 .531-.469 1-1 1a.982.982 0 0 1 -.813-.438l-1.437-2.156a7.922 7.922 0 0 1 -9.531 0l-1.439 2.157a.996.996 0 0 1 -.843.437c-.532 0-1-.438-1-1 0-.188.062-.375.187-.563l1.626-2.437a7.901 7.901 0 0 1 -1.781-5.031c0-.813.125-1.625.344-2.375a3.772 3.772 0 0 1 -1.313-2.844 3.761 3.761 0 0 1 3.75-3.75c1.125 0 2.156.5 2.844 1.313.75-.22 1.562-.375 2.406-.375.813 0 1.625.156 2.406.374a3.722 3.722 0 0 1 2.844-1.312zm-5.25 2.938a6.035 6.035 0 0 0 -6.031 6.03 6.035 6.035 0 0 0 6.031 6.032c3.313 0 6-2.719 6-6.031 0-3.313-2.688-6.031-6-6.031zm-5.25-.938c-.969 0-1.75.781-1.75 1.75 0 .313.094.625.25.906.625-.968 1.438-1.812 2.406-2.406-.281-.188-.593-.25-.906-.25zm10.5 0a1.71 1.71 0 0 0 -.906.25 8.032 8.032 0 0 1 2.406 2.406c.156-.281.25-.593.25-.906 0-.969-.781-1.75-1.75-1.75zm-6.25 7.031c0 .25.125.531.313.719l1.624 1.563a.97.97 0 0 0 .688.28c.563 0 1-.468 1-1a.95.95 0 0 0 -.313-.718l-1.312-1.281v-3.156c0-.563-.438-1-1-1-.531 0-1 .437-1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_alarm_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_alarm_32.svg
new file mode 100644
index 0000000000..a2a5d24c06
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_alarm_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m23.344 4a4.668 4.668 0 0 1 4.656 4.656c0 1.406-.625 2.688-1.656 3.594.406 1.156.656 2.406.656 3.719 0 2.719-1 5.187-2.625 7.125l2.438 3.281c.125.188.187.375.187.594 0 .562-.438 1-1 1-.313 0-.625-.125-.813-.407l-2.25-3.062c-1.906 1.531-4.312 2.469-6.937 2.469s-5.031-.938-6.938-2.469l-2.25 3.063c-.187.28-.5.406-.812.406a1.007 1.007 0 0 1 -.813-1.594l2.438-3.281c-1.625-1.938-2.625-4.407-2.625-7.125 0-1.313.25-2.563.656-3.75a4.656 4.656 0 0 1 -1.656-3.563 4.668 4.668 0 0 1 4.656-4.656c1.406 0 2.719.594 3.594 1.656 1.156-.436 2.438-.656 3.75-.656 1.313 0 2.594.219 3.75.656.875-1.062 2.188-1.656 3.594-1.656zm-7.344 3c-4.969 0-9 4.031-9 8.969 0 4.969 4.031 9 9 9s9-4.032 9-9c0-4.939-4.031-8.969-9-8.969zm7.344-1c-.625 0-1.219.188-1.688.563 1.532.937 2.844 2.218 3.75 3.75a2.619 2.619 0 0 0 .594-1.658 2.654 2.654 0 0 0 -2.656-2.655zm-14.688 0a2.654 2.654 0 0 0 -2.656 2.656c0 .625.219 1.188.594 1.656a10.771 10.771 0 0 1 3.75-3.75c-.469-.374-1.064-.562-1.688-.562zm7.344 2.969c.563 0 1 .469 1 1v5.594l2.656 2.656a.97.97 0 0 1 .282.687c0 .625-.47 1-1 1a1.1 1.1 0 0 1 -.72-.281l-2.937-2.938a.99.99 0 0 1 -.281-.717v-6c0-.531.438-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_alarm_add_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_alarm_add_20.svg
new file mode 100644
index 0000000000..4601690dce
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_alarm_add_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14.937 2c1.46 0 2.698 1.175 2.698 2.667 0 .952-.508 1.81-1.27 2.317.413.92.635 1.937.635 2.984 0 1.651-.54 3.143-1.46 4.35l1.301 2.095c.098.157.159.349.159.54 0 .57-.413 1.015-.984 1.015-.318 0-.625-.164-.825-.476l-1.143-1.778a7.07 7.07 0 0 1 -4.032 1.27 7.29 7.29 0 0 1 -4.032-1.238l-1.143 1.778c-.2.311-.508.476-.793.476-.857 0-1.271-.89-.857-1.556l1.301-2.095a7.406 7.406 0 0 1 -1.46-4.38c0-1.017.222-2.032.635-2.953-.794-.508-1.302-1.397-1.302-2.318 0-1.492 1.238-2.698 2.667-2.698 1.047 0 2.032.603 2.476 1.492.825-.35 1.587-.476 2.508-.476.889 0 1.682.095 2.508.38a2.749 2.749 0 0 1 2.413-1.396zm-4.89 2.984a5.057 5.057 0 0 0 -5.047 5.046 5.057 5.057 0 0 0 5.046 5.047 5.057 5.057 0 0 0 5.046-5.047 5.057 5.057 0 0 0 -5.046-5.046zm.953 2.016v2h2v2h-2v2h-2v-2h-2v-2h2v-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_alarm_add_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_alarm_add_24.svg
new file mode 100644
index 0000000000..4a85cb1b68
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_alarm_add_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.25 3a3.74 3.74 0 0 1 3.75 3.75 3.76 3.76 0 0 1 -1.344 2.875c.219.75.344 1.531.344 2.344a8.052 8.052 0 0 1 -1.781 5.062l1.625 2.407c.093.156.156.375.156.562 0 .531-.438 1-1 1a.982.982 0 0 1 -.813-.438l-1.437-2.156a7.922 7.922 0 0 1 -9.531 0l-1.439 2.157a.996.996 0 0 1 -.843.437c-.532 0-1-.438-1-1 0-.188.062-.375.187-.563l1.626-2.437a7.901 7.901 0 0 1 -1.781-5.031c0-.813.125-1.625.344-2.375a3.772 3.772 0 0 1 -1.313-2.844 3.761 3.761 0 0 1 3.75-3.75c1.125 0 2.156.5 2.844 1.313.75-.22 1.562-.375 2.406-.375.813 0 1.625.156 2.406.374a3.722 3.722 0 0 1 2.844-1.312zm-5.25 2.938a6.035 6.035 0 0 0 -6.031 6.03 6.035 6.035 0 0 0 6.031 6.032c3.313 0 6-2.719 6-6.031 0-3.313-2.688-6.031-6-6.031zm5.25-.938a1.71 1.71 0 0 0 -.906.25 8.032 8.032 0 0 1 2.406 2.406c.156-.281.25-.593.25-.906 0-.969-.781-1.75-1.75-1.75zm-10.5 0c-.969 0-1.75.781-1.75 1.75 0 .313.094.625.25.906.625-.968 1.438-1.812 2.406-2.406-.281-.188-.593-.25-.906-.25zm5.25 3c.563 0 1 .5 1 1v2h2c.563 0 1 .437 1 1 0 .562-.438 1-1 1h-2v2c0 .531-.469 1-1 1-.563 0-1-.469-1-1v-2l-2-.031c-.563 0-1-.407-1-.969 0-.563.438-1 1-1h2v-2c0-.5.438-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_alarm_add_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_alarm_add_32.svg
new file mode 100644
index 0000000000..f6125cc05e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_alarm_add_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m23.344 4a4.668 4.668 0 0 1 4.656 4.656 4.72 4.72 0 0 1 -1.656 3.594c.406 1.156.656 2.406.656 3.719 0 2.719-1 5.187-2.625 7.125l2.438 3.281a1.007 1.007 0 0 1 -.813 1.594c-.313 0-.625-.125-.813-.407l-2.25-3.062c-1.906 1.531-4.312 2.469-6.937 2.469s-5.031-.938-6.906-2.469l-2.281 3.063c-.188.28-.5.406-.813.406-.531 0-1-.469-1-1 0-.219.063-.407.219-.594l2.406-3.281a11.015 11.015 0 0 1 -2.594-7.125c0-1.313.219-2.563.657-3.719a4.647 4.647 0 0 1 -1.688-3.594c0-2.562 2.094-4.656 4.688-4.656 1.374 0 2.687.625 3.562 1.656 1.156-.436 2.438-.656 3.75-.656 1.313 0 2.594.219 3.75.656a4.72 4.72 0 0 1 3.594-1.656zm-7.344 3c-4.938 0-8.969 4.031-8.969 8.969 0 4.969 4.032 9 8.969 9 4.969 0 9-4.032 9-9 0-4.939-4.031-8.969-9-8.969zm-7.313-1c-1.467 0-2.687 1.188-2.687 2.656 0 .625.219 1.188.594 1.656.906-1.53 2.218-2.812 3.75-3.75a2.655 2.655 0 0 0 -1.656-.562zm14.626-.031c-.563 0-1.063.187-1.625.593 1.5.938 2.78 2.22 3.718 3.75a2.619 2.619 0 0 0 .594-1.656 2.708 2.708 0 0 0 -2.688-2.687zm-12.313 10.031c0-.531.438-1 1-1h3v-3c0-.531.438-1 1-1 .531 0 1 .469 1 1v3h3c.531 0 1 .469 1 1 0 .563-.469 1-1 1h-3v3c0 .563-.469 1-1 1-.563 0-1-.438-1-1v-3h-3c-.563 0-1-.438-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_20.svg
new file mode 100644
index 0000000000..61d5f9022b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.99 2c3.398 0 5.663 2.498 5.663 6.224v3.903c0 1.249.156 1.483.878 2.01.313.214.469.526.469.839 0 .468-.35.995-.898.995h-4.1v.02a2.008 2.008 0 0 1 -2.012 2.009c-1.035 0-2.01-.898-2.01-2.03h-3.985c-.625 0-.996-.507-.996-1.014 0-.273.098-.546.352-.741.82-.527.976-.82.976-2.147v-3.57c.001-3.883 2.207-6.498 5.663-6.498zm.02 2.01c-2.207 0-3.671 1.541-3.671 4.234v3.336c0 .957-.059 1.62-.254 2.42h7.83c-.176-.644-.254-1.249-.254-2.439v-3.063c0-2.85-1.386-4.488-3.651-4.488z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_24.svg
new file mode 100644
index 0000000000..2b6d960cad
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2c.54 0 .986.446.986 1.01v1.08l.024-.001c3.076.493 4.978 3.146 4.978 7.09l.024 2.816c0 1.831.516 2.512 1.526 3.17.376.234.54.704.423 1.126a1.007 1.007 0 0 1 -.963.704h-3.734c-.14 1.667-1.55 3.005-3.24 3.005a3.253 3.253 0 0 1 -3.241-3.005h-3.78c-.447 0-.823-.281-.964-.704a1.014 1.014 0 0 1 .423-1.127c1.033-.68 1.526-1.314 1.526-3.169v-2.817c0-3.967 1.95-6.643 5.002-7.112v-1.057c0-.563.446-1.009 1.01-1.009zm1.245 16.995h-2.443c.118.564.61.986 1.222.986.587 0 1.08-.422 1.22-.986zm-1.268-13.004c-2.49 0-3.993 1.948-3.993 5.187v2.817a6.088 6.088 0 0 1 -.634 3.005h9.3a6.108 6.108 0 0 1 -.658-3.005v-2.817c0-3.239-1.503-5.187-4.016-5.187z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_32.svg
new file mode 100644
index 0000000000..148316d03f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16.031 2.001c.532 0 .969.47.969 1v3.063c4.281.469 7 3.969 7 9.187v3.75c0 2.625.656 3.938 2.531 5.157.282.187.469.5.469.843 0 .594-.468 1-1 1h-6c0 2.22-1.781 4-4 4s-4-1.78-4-4h-6c-.531 0-1-.406-1-1 0-.343.188-.656.469-.843 1.875-1.22 2.531-2.532 2.531-5.158v-3.75c0-5.218 2.719-8.718 7-9.187v-3.063c0-.562.438-1.03 1-1zm1.969 24h-4c0 1.094.906 2 2 2s2-.906 2-2zm-2-18c-3.75 0-6 2.72-6 7.25v3.75c0 1.782-.375 3.532-1.375 5h14.75c-1-1.468-1.375-3.218-1.375-5v-3.75c0-4.5-2.25-7.25-6-7.25z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_off_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_off_20.svg
new file mode 100644
index 0000000000..dbcbb177d4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_off_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.653 8.561v3.566c0 1.11.123 1.418.658 1.843l.22.167c.313.214.469.526.469.839 0 .468-.35.995-.898.995h-4.1v.02a2.008 2.008 0 0 1 -2.012 2.009c-.958 0-1.866-.77-1.995-1.781l2.22-2.22 3.7.001-.074-.297c-.113-.497-.17-1.028-.179-1.877l-.001-1.273zm-5.663-6.561c1.91 0 3.461.789 4.454 2.141l.849-.848a1 1 0 0 1 1.414 0c.36.36.429 1.003 0 1.414a18618.23 18618.23 0 0 1 -12 12 1 1 0 0 1 -1.414 0c-.36-.36-.426-.922 0-1.414.172-.176.345-.35.52-.522l.039-.084c.29-.66.476-1.387.476-2.619v-3.57c-0-3.883 2.206-6.498 5.662-6.498zm.02 2.01c-2.207 0-3.671 1.541-3.671 4.234v3.336c0 .243-.004.467-.013.679l6.654-6.654c-.622-1.035-1.646-1.595-2.97-1.595z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_off_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_off_24.svg
new file mode 100644
index 0000000000..e66c79db13
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_off_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.954 10.28c.015.194.025.392.03.594l.028 3.121c0 1.831.516 2.512 1.526 3.17.376.234.54.704.423 1.126a1.007 1.007 0 0 1 -.963.704h-3.734c-.14 1.667-1.55 3.005-3.24 3.005a3.258 3.258 0 0 1 -3.186-2.598l2.4-2.402h5.412a6.108 6.108 0 0 1 -.658-3.005v-1.752zm-5.954-8.28c.54 0 .986.446.986 1.01v1.08l.024-.001c1.437.23 2.618.932 3.469 2.017l1.814-1.813a1 1 0 0 1 1.497 1.32l-.083.094-15.002 15.003a1 1 0 0 1 -1.497-1.32l.083-.094 2.709-2.7v-5.418c0-3.967 1.938-6.643 4.99-7.112v-1.057c0-.563.446-1.009 1.01-1.009zm1.245 16.995h-2.443c.118.564.61.986 1.222.986.587 0 1.08-.422 1.22-.986zm-1.268-13.004c-2.49 0-3.993 1.948-3.993 5.187v2.817c.01.203.009.406-.002.608l7.067-7.066c-.691-.998-1.74-1.546-3.072-1.546z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_off_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_off_32.svg
new file mode 100644
index 0000000000..04445922c6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_off_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m23.72 12.497c.164.761.259 1.578.277 2.443l.003.311v3.75c0 2.625.656 3.938 2.531 5.157.282.187.469.5.469.843a.983.983 0 0 1 -.887.994l-.113.006h-6c0 2.22-1.781 4-4 4a3.987 3.987 0 0 1 -3.995-3.8l-.005-.2h-1.785l2-1.999h11.16c-.938-1.378-1.326-3.002-1.37-4.667l-.005-.335v-3.75c0-.342-.013-.674-.039-.996l1.758-1.758zm-7.69-10.496c.494 0 .906.405.962.888l.008.111v3.063c2.04.223 3.725 1.135 4.93 2.592l3.385-3.386a1 1 0 0 1 1.415 0c.36.36.42 1.001 0 1.415a72618.69 72618.69 0 0 1 -21.498 21.497 1 1 0 0 1 -1.414 0c-.36-.36-.423-.997 0-1.414.94-.944 1.883-1.886 2.827-2.826 1.035-1.128 1.326-2.656 1.353-4.623l.002-.318v-3.75c0-5.114 2.611-8.578 6.745-9.155l.255-.031v-3.064c0-.525.381-.968.89-1h.141zm1.969 24h-4c0 1.094.906 2 2 2s2-.906 2-2zm-2-18c-3.67 0-5.904 2.605-5.997 6.964l-.002.285v3.75c0 .577-.04 1.15-.126 1.712l10.639-10.64c-1.033-1.335-2.572-2.072-4.513-2.072z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_solid_20.svg
new file mode 100644
index 0000000000..bf1b46e981
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.99 2c3.398 0 5.663 2.498 5.663 6.224v3.903c0 1.249.156 1.483.878 2.01.313.214.469.526.469.839 0 .468-.35.995-.898.995h-4.1v.02a2.008 2.008 0 0 1 -2.012 2.009c-1.035 0-2.01-.898-2.01-2.03h-3.985c-.625 0-.996-.507-.996-1.014 0-.273.098-.546.352-.741.82-.527.976-.82.976-2.147v-3.57c.001-3.883 2.207-6.498 5.663-6.498z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_solid_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_solid_24.svg
new file mode 100644
index 0000000000..a3d3b4465f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.998 2c.54 0 .986.446.986 1.01v1.08l.024-.001c3.076.493 4.978 3.146 4.978 7.09l.024 2.816c0 1.831.516 2.512 1.526 3.17.376.234.54.704.423 1.126a1.007 1.007 0 0 1 -.963.704h-3.734c-.14 1.667-1.55 3.005-3.24 3.005a3.253 3.253 0 0 1 -3.241-3.005h-3.781c-.447 0-.823-.281-.964-.704a1.014 1.014 0 0 1 .423-1.127c1.033-.68 1.526-1.314 1.526-3.169v-2.817c0-3.967 1.95-6.643 5.002-7.112v-1.057c0-.563.446-1.009 1.01-1.009zm1.245 16.995h-2.443c.118.564.61.986 1.222.986.587 0 1.08-.422 1.22-.986z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_solid_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_solid_32.svg
new file mode 100644
index 0000000000..a35b4961b9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_alert_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16.031 2.001c.532 0 .969.47.969 1v3.063c4.281.469 7 3.969 7 9.187v3.75c0 2.625.656 3.938 2.531 5.157.282.187.469.5.469.843 0 .594-.468 1-1 1h-6c0 2.22-1.781 4-4 4s-4-1.78-4-4h-6c-.531 0-1-.406-1-1 0-.343.188-.656.469-.843 1.875-1.22 2.531-2.532 2.531-5.158v-3.75c0-5.218 2.719-8.718 7-9.187v-3.063c0-.562.438-1.03 1-1zm1.969 24h-4c0 1.094.906 2 2 2s2-.906 2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_attachment_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_attachment_20.svg
new file mode 100644
index 0000000000..e1e3efb2eb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_attachment_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14.205 3.788a2.766 2.766 0 0 1 .108 3.782l-5.51 5.517a1 1 0 0 1 -1.493-1.327l5.472-5.482a.766.766 0 0 0 .002-1.08.753.753 0 0 0 -.987-.072l-5.537 5.527a2.516 2.516 0 0 0 -.003 3.555c.936.94 2.434.98 3.419.119l4.792-4.784a1 1 0 0 1 1.491 1.327l-4.749 4.76a4.503 4.503 0 0 1 -6.368-.012 4.516 4.516 0 0 1 -.142-6.225l5.612-5.619a2.753 2.753 0 0 1 3.893.014z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_attachment_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_attachment_24.svg
new file mode 100644
index 0000000000..6ea07ef143
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_attachment_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.99 4.148a2.768 2.768 0 0 1 .105 3.782l-8.093 8.1a1 1 0 0 1 -1.492-1.327l8.055-8.065a.768.768 0 0 0 .003-1.083.75.75 0 0 0 -.984-.072l-9.117 9.106a2.509 2.509 0 0 0 -.004 3.544 2.491 2.491 0 0 0 3.403.12l7.58-7.572a1 1 0 0 1 1.492 1.327l-7.542 7.552a4.491 4.491 0 0 1 -6.351-.017 4.51 4.51 0 0 1 -.138-6.215l9.193-9.2a2.75 2.75 0 0 1 3.89.02z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_attachment_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_attachment_32.svg
new file mode 100644
index 0000000000..67c91f0518
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_attachment_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m24.978 4.492a5.015 5.015 0 0 1 .137 6.922l-11.44 11.446a2.986 2.986 0 0 1 -4.222-.03 3.015 3.015 0 0 1 -.106-4.12l9.667-9.674a1 1 0 0 1 1.492 1.327l-9.624 9.633a1.015 1.015 0 0 0 -.005 1.43c.355.36.919.39 1.308.086l11.366-11.356a3.014 3.014 0 0 0 .008-4.255 2.986 2.986 0 0 0 -4.095-.135l-12.136 12.128a5.014 5.014 0 0 0 -.009 7.083 4.986 4.986 0 0 0 6.895.166l10.457-10.45a1 1 0 0 1 1.492 1.327l-10.383 10.39a6.986 6.986 0 0 1 -9.88-.023 7.014 7.014 0 0 1 -.155-9.735l12.18-12.186a4.986 4.986 0 0 1 7.052.025z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_augmented_reality_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_augmented_reality_20.svg
new file mode 100644
index 0000000000..ed1624670d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_augmented_reality_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8.67 14.886 1.33.642 1.327-.641a.868.868 0 0 1 1.169.407c.194.401.057.917-.4 1.167l-1.715.827a.877.877 0 0 1 -.762 0l-1.71-.827a.875.875 0 0 1 -.407-1.168.882.882 0 0 1 1.169-.407zm-4.67-4.261a.88.88 0 0 1 .875.875v1.551l1.12.541a.88.88 0 0 1 .406 1.169.871.871 0 0 1 -1.168.407l-1.614-.78a.88.88 0 0 1 -.494-.788v-2.1c0-.483.392-.875.875-.875zm12 0c.446 0 .875.356.868.875l.007 2.1a.875.875 0 0 1 -.398.733l-1.681.82a.875.875 0 0 1 -1.169-.406.886.886 0 0 1 .407-1.169l1.09-.527.001-1.551c0-.519.429-.875.875-.875zm-3.563-3.231c1.018 0 1.527.447 1.527 1.342 0 .367-.09.648-.27.843-.134.142-.333.252-.598.331.176.094.322.258.438.494.31.64.542 1.119.697 1.436.09.187-.062.403-.41.403-.173 0-.476-.053-.588-.276l-.643-1.348c-.087-.183-.172-.307-.254-.371-.072-.057-.188-.085-.347-.085h-.326v1.572a.507.507 0 1 1 -1.015 0v-3.937c0-.223.181-.404.404-.404zm-4.523 0a.51.51 0 0 1 .484.333l1.543 4.091c.086.23.046.425-.363.425-.363 0-.498-.092-.59-.319l-.287-.712h-1.801l-.242.652c-.102.274-.242.379-.605.379s-.451-.181-.363-.41l1.573-4.106c.068-.179.226-.333.423-.333zm-.08 1.295-.644 1.8h1.286l-.643-1.8zm4.495-.533c.318 0 .512.09.582.271.034.086.051.22.051.406 0 .227-.041.385-.124.475-.1.11-.271.165-.515.165h-.663v-1.317zm-5.957-2.933c.191.403.03.967-.415 1.166l-1.082.513v1.598a.877.877 0 0 1 -.875.875.881.881 0 0 1 -.875-.875v-2.15c0-.3.154-.577.402-.736l1.679-.806a.875.875 0 0 1 1.166.415zm8.326-.457 1.677.794a.875.875 0 0 1 .493.679l.007 2.261a.875.875 0 0 1 -1.743.11l-.008-1.708-1.13-.536c-.404-.192-.64-.685-.423-1.143.217-.457.677-.64 1.127-.457zm-4.444-2.103 1.771.83a.875.875 0 0 1 -.648 1.622l-1.378-.647-1.31.624c-.403.191-.9.085-1.148-.368-.247-.453-.039-1.014.413-1.23l1.67-.784a.875.875 0 0 1 .63-.047z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_augmented_reality_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_augmented_reality_24.svg
new file mode 100644
index 0000000000..526a728e67
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_augmented_reality_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 16.995c.513 0 1 .415 1 1v1.384l.564-.283a1 1 0 0 1 1.342.446.992.992 0 0 1 -.445 1.342l-2.011 1.01a1.026 1.026 0 0 1 -.898 0l-2.01-1.01a1 1 0 0 1 -.445-1.342c.23-.458.791-.693 1.342-.445l.561.282v-1.384a1 1 0 0 1 1-1zm8-3.5c.538 0 1 .428 1 1l.002 2.488c0 .336-.2.712-.552.895l-2.557 1.283a1 1 0 0 1 -1.342-.445 1.015 1.015 0 0 1 .445-1.342l.911-.458-.282-.163a.875.875 0 0 1 -.32-1.196.885.885 0 0 1 1.195-.32l.501.29-.001-1.031c0-.55.46-1 1-1.001zm-16 0c.513 0 1 .43 1 1v1.03l.5-.288a.875.875 0 0 1 1.196.32c.223.387.111.954-.32 1.196l-.284.162.887.445c.507.254.683.869.445 1.342-.238.474-.788.694-1.337.446l-2.536-1.27a1.006 1.006 0 0 1 -.551-.883v-2.5a1 1 0 0 1 1-1zm11.068-4.872c1.258 0 1.887.553 1.887 1.66 0 .453-.111.8-.334 1.042-.165.175-.412.312-.74.41.218.115.4.319.543.61.382.791.67 1.383.861 1.776.113.23-.076.497-.507.497-.214 0-.588-.064-.726-.34l-.795-1.667c-.108-.227-.213-.38-.315-.46-.09-.07-.232-.104-.429-.104h-.403v1.944a.627.627 0 1 1 -1.254 0v-4.868a.5.5 0 0 1 .5-.5zm-5.593 0c.263 0 .5.152.599.412l1.907 5.058c.107.284.057.525-.448.525-.45 0-.617-.113-.73-.393l-.355-.88h-2.226l-.299.805c-.126.339-.3.468-.748.468-.449 0-.557-.223-.449-.506l1.945-5.077c.085-.221.28-.412.524-.412zm-.1 1.601-.795 2.226h1.59zm5.56-.659c.392 0 .632.112.719.336.042.105.063.273.063.502 0 .28-.052.476-.154.586-.123.137-.335.205-.637.205h-.819v-1.629zm-7.51-4.311c.228.46.063 1.061-.446 1.336l-.931.458.327.189a.875.875 0 0 1 .32 1.195.893.893 0 0 1 -1.195.32l-.5-.29v1.033c0 .577-.487 1-1 1s-1-.41-1-.994v-2.557c0-.339.206-.732.551-.897l2.536-1.248a1 1 0 0 1 1.339.455zm10.482-.455 2.537 1.248c.304.15.55.462.556.897v2.552a1 1 0 0 1 -1.999.005v-1.041l-.501.292a.875.875 0 0 1 -.875-1.516l.327-.19-.927-.457c-.558-.274-.664-.915-.455-1.34a1 1 0 0 1 1.337-.45zm-5.464-2.7 2.036 1.005a1 1 0 0 1 .454 1.34c-.227.46-.78.704-1.339.454l-.594-.294v1.39a1 1 0 0 1 -2 0v-1.39l-.543.27c-.518.264-1.112.005-1.339-.455s-.103-1.033.455-1.34l1.986-.98c.236-.132.652-.132.884 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_augmented_reality_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_augmented_reality_32.svg
new file mode 100644
index 0000000000..25e730811a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_augmented_reality_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 23c.513 0 1 .417 1 1v1.72l1.235-.62a1 1 0 0 1 1.342.445c.23.459.067 1.065-.445 1.343l-2.682 1.346a1.05 1.05 0 0 1 -.891 0l-2.687-1.346a1 1 0 0 1 -.445-1.342c.23-.458.838-.708 1.342-.445l1.23.616.001-1.717a1 1 0 0 1 1-1zm11.667-4.333.002 3.318c0 .366-.211.722-.551.894l-3.41 1.712a1 1 0 0 1 -1.343-.446 1.015 1.015 0 0 1 .446-1.342l1.613-.812-.982-.66a1 1 0 0 1 -.271-1.389c.286-.425.87-.591 1.388-.27l1.108.745v-1.75c0-.55.466-1 .999-1s1 .44 1 1zm-22.334-1a1 1 0 0 1 1 1v1.75l1.108-.746a1 1 0 0 1 1.388.27c.287.426.208 1.068-.27 1.388l-.984.662 1.58.794a.995.995 0 0 1 .446 1.342.983.983 0 0 1 -1.338.445l-3.378-1.692c-.3-.15-.552-.49-.552-.894v-3.318a1 1 0 0 1 1-1zm14.517-5.905c1.569 0 2.353.69 2.353 2.07 0 .565-.139.998-.417 1.3-.206.218-.513.388-.921.51.27.144.496.398.676.76.477.988.835 1.726 1.074 2.216.14.287-.095.62-.632.62-.267 0-.734-.08-.906-.425l-.992-2.078c-.134-.283-.265-.474-.392-.573-.111-.087-.29-.13-.535-.13h-.503v2.424a.782.782 0 1 1 -1.564 0v-6.071c0-.344.28-.623.623-.623zm-.167 1.175h-1.031v2.031h1.021c.376 0 .64-.085.795-.255.127-.138.19-.382.19-.732 0-.285-.025-.494-.078-.626-.108-.279-.407-.418-.897-.418zm-10.08-5.111c.226.46.067 1.085-.447 1.34l-1.64.802 1.043.703c.464.32.583.933.25 1.428-.334.496-.912.514-1.368.231l-1.109-.747.001 1.75c0 .577-.487 1-1 1s-1-.411-1-.999v-3.402c0-.359.222-.739.558-.897l3.372-1.665a1 1 0 0 1 1.34.455zm14.129-.455 3.38 1.664c.338.174.548.49.555.897v3.402a1 1 0 0 1 -2 0v-1.752l-1.108.747a1 1 0 0 1 -1.117-1.658l1.041-.703-1.636-.807c-.558-.286-.7-.885-.42-1.413.282-.527.887-.566 1.305-.377zm-10.856 4.391c.327 0 .623.19.746.514l2.379 6.308c.133.353.07.654-.56.654-.56 0-.768-.14-.91-.49l-.443-1.099h-2.775l-.373 1.005c-.157.423-.373.584-.933.584s-.695-.278-.56-.63l2.426-6.332c.106-.276.349-.514.653-.514zm-.125 1.997-.991 2.775h1.982zm3.693-9.987 2.714 1.34a1 1 0 0 1 .454 1.339c-.227.46-.81.706-1.339.454l-1.274-.629.001 1.224a1 1 0 0 1 -1 1 .99.99 0 0 1 -1-1v-1.223l-1.204.595a.987.987 0 0 1 -1.352-.464c-.218-.467-.119-1.02.467-1.33l2.648-1.306c.291-.13.547-.142.885 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_block_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_block_20.svg
new file mode 100644
index 0000000000..ee2b82c4e9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_block_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 3a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm-5 7a5 5 0 0 0 7.757 4.172l-6.929-6.93a4.977 4.977 0 0 0 -.828 2.758zm5-5c-1.02 0-1.967.305-2.757.828l6.929 6.93a5 5 0 0 0 -4.172-7.758z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_block_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_block_24.svg
new file mode 100644
index 0000000000..0e489262b7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_block_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18zm-7 9a7 7 0 0 0 11.192 5.606l-9.798-9.798a6.969 6.969 0 0 0 -1.394 4.192zm7-7a6.969 6.969 0 0 0 -4.192 1.394l9.798 9.798a7 7 0 0 0 -5.606-11.192z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_block_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_block_32.svg
new file mode 100644
index 0000000000..1b7c6f6f4a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_block_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 4c6.627 0 12 5.373 12 12 0 2.954-1.067 5.658-2.837 7.749l.03.03-1.415 1.413-.03-.029a11.952 11.952 0 0 1 -7.748 2.837c-6.627 0-12-5.373-12-12 0-2.954 1.067-5.658 2.837-7.749l-.03-.03 1.415-1.413.03.029a11.952 11.952 0 0 1 7.748-2.837zm-10 12c0 5.523 4.477 10 10 10a9.959 9.959 0 0 0 6.329-2.257l-14.072-14.073a9.959 9.959 0 0 0 -2.257 6.33zm10-10a9.959 9.959 0 0 0 -6.329 2.257l14.072 14.073a9.959 9.959 0 0 0 2.257-6.33c0-5.523-4.477-10-10-10z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_block_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_block_solid_20.svg
new file mode 100644
index 0000000000..b89608f886
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_block_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 3a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm-2.828 2.757-1.415 1.415 7.071 7.07 1.415-1.414-7.071-7.07z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_bookmark_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_bookmark_20.svg
new file mode 100644
index 0000000000..1ad90564ea
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_bookmark_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m5.132 2c-.625 0-1.132.477-1.132 1.065v13.94a.994.994 0 0 0 1.006.995c.363 0 .444-.033.621-.134l4.373-2.158 4.373 2.158c.177.101.456.134.625.134.724-.014.992-.389 1.002-.995v-13.94c0-.588-.507-1.065-1.132-1.065zm8.868 13.452-3.115-1.537a1.995 1.995 0 0 0 -1.77 0l-3.115 1.537v-11.452h8z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_bookmark_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_bookmark_24.svg
new file mode 100644
index 0000000000..4b8e956e10
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_bookmark_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m6.321 2c-.729 0-1.321.597-1.321 1.333v17.554c0 .552.503 1.101 1.09 1.113.147 0 .489 0 .92-.224l4.99-2.64 5.001 2.645c.359.19.483.219.89.219.504 0 1.109-.532 1.109-1.113v-17.554c0-.736-.592-1.333-1.321-1.333zm10.679 17.518-4.065-2.15a2.077 2.077 0 0 0 -.935-.234c-.311 0-.623.078-.934.234l-4.066 2.15v-15.518h10z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_bookmark_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_bookmark_32.svg
new file mode 100644
index 0000000000..d1b312af0a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_bookmark_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m23.5 2c1.5 0 2.5 1 2.5 2.5v24c0 .633-.56 1.5-1.645 1.5-.444.008-.856-.078-1.353-.322l-7.002-3.678a446.893 446.893 0 0 0 -6.994 3.583c-.593.314-.853.42-1.436.417-.787 0-1.554-.52-1.57-1.565v-23.935c0-1.5 1-2.5 2.5-2.5zm0 2h-15c-.317 0-.5.254-.5.5v23.352l7.065-3.63a2.16 2.16 0 0 1 .935-.222c.312 0 .623.074.934.223l7.066 3.629v-23.352a.5.5 0 0 0 -.5-.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_bookmark_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_bookmark_solid_20.svg
new file mode 100644
index 0000000000..dd8291fd7e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_bookmark_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m5.132 2c-.625 0-1.132.477-1.132 1.065v13.94a.994.994 0 0 0 1.006.995c.363 0 .444-.033.621-.134l4.373-2.158 4.373 2.158c.177.101.456.134.625.134.724-.014.992-.389 1.002-.995v-13.94c0-.588-.507-1.065-1.132-1.065z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_bookmark_solid_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_bookmark_solid_24.svg
new file mode 100644
index 0000000000..e99fc8f671
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_bookmark_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m6.321 2c-.729 0-1.321.597-1.321 1.333v17.554c0 .552.503 1.101 1.09 1.113.147 0 .489 0 .92-.224l4.99-2.64 5.001 2.645c.359.19.483.219.89.219.504 0 1.109-.532 1.109-1.113v-17.554c0-.736-.592-1.333-1.321-1.333z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_bookmark_solid_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_bookmark_solid_32.svg
new file mode 100644
index 0000000000..910f673193
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_bookmark_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m8.5 2c-1.5 0-2.5 1-2.5 2.5v23.935c.016 1.045.783 1.565 1.57 1.565.583.003.843-.103 1.436-.417 1.51-.799 3.841-1.993 6.994-3.583l7.002 3.678c.497.244.91.33 1.353.322 1.085 0 1.645-.867 1.645-1.5v-24c0-1.5-1-2.5-2.5-2.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_bug_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_bug_20.svg
new file mode 100644
index 0000000000..e8c9d7ea7d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_bug_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7.865 2.5.961 1.656a4.944 4.944 0 0 1 1.174-.154c.396 0 .776.058 1.145.145l.998-1.66a1.001 1.001 0 0 1 1.714 1.03l-.891 1.483a4.99 4.99 0 0 1 1.933 3.002h2.101a1 1 0 1 1 0 2h-2v1h2a1 1 0 1 1 0 2h-2c0 .342-.035.677-.101 1h2.101a1 1 0 1 1 0 2h-3.026c-.913 1.207-2.345 2-3.974 2s-3.065-.794-3.978-2.004l-.022.004h-3a1 1 0 1 1 0-2h2.101a4.995 4.995 0 0 1 -.101-1h-2a1 1 0 1 1 0-2h2v-1h-2a1 1 0 1 1 0-2h2.101a4.993 4.993 0 0 1 1.912-2.985l-.878-1.513a1 1 0 0 1 1.73-1.004zm5.135 7.502h-6v3c0 1.654 1.346 3 3 3s3-1.346 3-3zm-2 2a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2zm-1-6a2.996 2.996 0 0 0 -2.816 2h5.632a2.996 2.996 0 0 0 -2.816-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_bug_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_bug_24.svg
new file mode 100644
index 0000000000..ee4de20a6d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_bug_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.1 2.019c.541.11.891.639.781 1.18a5.96 5.96 0 0 1 -1.665 3.045 5.987 5.987 0 0 1 1.695 3.262h2.091a1 1 0 0 1 .707.293l1 1a.999.999 0 1 1 -1.414 1.414l-.707-.707h-1.586v2h2a1 1 0 0 1 .707.293l1 1a.999.999 0 1 1 -1.414 1.414l-.707-.707h-1.586l-.002.494c0 .52-.073 1.022-.198 1.504h2.198a1 1 0 0 1 .707.293l1 1a.999.999 0 1 1 -1.414 1.414l-.707-.707h-2.586c-.043 0-.079-.02-.12-.024a5.991 5.991 0 0 1 -4.88 2.52 5.991 5.991 0 0 1 -4.879-2.52c-.042.006-.079.025-.122.025h-2.585l-.707.707a.997.997 0 0 1 -1.414 0 .999.999 0 0 1 0-1.414l1-1a.997.997 0 0 1 .707-.292h2.198a5.975 5.975 0 0 1 -.198-1.504v-.496h-1.586l-.707.707a.997.997 0 0 1 -1.414 0 .999.999 0 0 1 0-1.414l1-1a.997.997 0 0 1 .707-.293h2v-2h-1.586l-.707.707a.997.997 0 0 1 -1.414 0 .999.999 0 0 1 0-1.414l1-1a.997.997 0 0 1 .707-.293h2.091a5.987 5.987 0 0 1 1.695-3.262 5.968 5.968 0 0 1 -1.665-3.045c-.11-.541.24-1.07.781-1.18a1.003 1.003 0 0 1 1.18.78 3.98 3.98 0 0 0 1.384 2.279 5.946 5.946 0 0 1 2.535-.57c.907 0 1.764.208 2.535.57a3.986 3.986 0 0 0 1.385-2.278c.11-.541.637-.884 1.18-.781zm-1.098 9.487h-8v4.496c0 2.206 1.794 4 4 4s4-1.794 4-4zm-3 4.494a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2zm1-3a1 1 0 1 1 0 2h-4a1 1 0 1 1 0-2zm-2-6.491c-1.857 0-3.409 1.278-3.857 2.997h7.714c-.448-1.72-2-2.997-3.857-2.997z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_bug_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_bug_32.svg
new file mode 100644
index 0000000000..16df342c13
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_bug_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m26.362 13.671 3.06 1.425a1 1 0 1 1 -.843 1.812l-2.63-1.224-1.948.944v1.778l1.504-.729a.996.996 0 0 1 .858-.007l3.06 1.425a1 1 0 1 1 -.843 1.812l-2.63-1.224-1.95.942v.698c0 .383-.037.756-.091 1.124l1.596-.773a1 1 0 0 1 .858-.006l3.06 1.425a1 1 0 1 1 -.844 1.812l-2.63-1.224-2.96 1.434c-1.321 2.316-3.809 3.885-6.662 3.885h-.65c-2.852 0-5.341-1.568-6.664-3.884l-2.96-1.433-2.63 1.224a1 1 0 0 1 -.843-1.812l3.06-1.425a1 1 0 0 1 .858.006l1.596.773a7.55 7.55 0 0 1 -.094-1.124v-.698l-1.95-.944-2.628 1.224a1.001 1.001 0 0 1 -1.328-.484 1 1 0 0 1 .485-1.328l3.06-1.425a.996.996 0 0 1 .858.007l1.504.73v-1.779l-1.95-.944-2.628 1.224a1.001 1.001 0 0 1 -1.328-.484 1 1 0 0 1 .485-1.328l3.06-1.425a.996.996 0 0 1 .858.007l2.732 1.324h13.54l2.733-1.324a.996.996 0 0 1 .858-.007zm-4.36 3.33h-12v4.324a5.682 5.682 0 0 0 5.675 5.676h.65a5.682 5.682 0 0 0 5.675-5.676zm-5 6a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2zm1.998-3.993a1 1 0 1 1 0 2h-6.014a1 1 0 1 1 0-2zm-7.713-15.181c.199 1.144.81 2.18 1.677 2.95a6.445 6.445 0 0 1 3.036-.779c1.077 0 2.11.283 3.037.777.867-.77 1.478-1.806 1.677-2.949a1 1 0 0 1 1.971.344 7.183 7.183 0 0 1 -2.001 3.825 7.154 7.154 0 0 1 2 3.831c.068.386.102.78.102 1.173a1 1 0 0 1 -1 1h-11.571a1 1 0 0 1 -1-1c0-.393.034-.787.1-1.173a7.154 7.154 0 0 1 2.002-3.83 7.18 7.18 0 0 1 -2.001-3.826 1 1 0 0 1 1.97-.344zm4.715 4.173c-2.181 0-4.205 1.743-4.681 4h9.362c-.476-2.257-2.5-4-4.681-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_build_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_build_20.svg
new file mode 100644
index 0000000000..73cf782bc6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_build_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m12 2a6 6 0 0 0 -6 6c0 .817.135 1.235.202 1.546l-4.33 4.33a1 1 0 0 0 0 1.415l2.821 2.829c.44.414 1.062.36 1.423 0l4.324-4.326c.414.132 1.125.206 1.56.206a6 6 0 0 0 6-6c0-.76-.16-1.625-.468-2.311-.273-.578-1.106-.707-1.585-.228l-2.539 2.537-1.414-1.414 2.535-2.535a1 1 0 0 0 -.343-1.638 5.987 5.987 0 0 0 -2.186-.411zm-.259 2.009-1.868 1.868a1 1 0 0 0 0 1.414l2.806 2.829c.472.409 1.076.36 1.436 0l1.876-1.876c-.183 2.185-1.916 3.756-3.991 3.756-.51 0-1.1-.128-1.537-.302-.409-.114-.752-.002-1.003.248l-4.052 4.052-1.414-1.414 4.055-4.055a1 1 0 0 0 .224-1.072 3.987 3.987 0 0 1 -.273-1.457c0-2.075 1.582-3.829 3.741-3.991z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_build_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_build_24.svg
new file mode 100644
index 0000000000..699c9a4e7a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_build_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m14.5 2a7.5 7.5 0 0 0 -7.166 9.718l-5.69 5.684a1 1 0 0 0 .005 1.421l3.543 3.504a1.03 1.03 0 0 0 1.436 0l5.653-5.662a7.5 7.5 0 0 0 9.719-7.165c0-.985-.219-2.144-.61-2.95a.994.994 0 0 0 -1.585-.235l-3.276 3.268-2.116-2.114 3.271-3.274a1 1 0 0 0 -.326-1.631 7.48 7.48 0 0 0 -2.858-.564zm0 2c.176 0 .35.009.525.026l-2.733 2.737a1 1 0 0 0 .001 1.414l3.52 3.527c.42.426 1.063.36 1.423 0l2.737-2.732a5.5 5.5 0 0 1 -7.646 5.583c-.413-.116-.76-.005-1.013.25l-5.4 5.405-2.143-2.107 5.425-5.417a1 1 0 0 0 .218-1.09 5.5 5.5 0 0 1 5.086-7.596z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_build_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_build_32.svg
new file mode 100644
index 0000000000..2a4221ddf8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_build_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m21 2a9 9 0 0 0 -9 9c0 1.075.202 2.018.429 2.75l-10.81 10.799a1 1 0 0 0 .017 1.432l4.508 4.29a.999.999 0 0 0 1.416 0l10.696-10.699c.866.285 1.78.428 2.744.428a9 9 0 0 0 9-9c0-1.175-.244-2.52-.713-3.498-.273-.572-1.103-.695-1.58-.22l-3.722 3.721-2.997-2.996 3.72-3.717a1 1 0 0 0 -.33-1.635 8.977 8.977 0 0 0 -3.378-.655zm1.084 2.084-3.217 3.216a1 1 0 0 0 0 1.414l4.378 4.382c.432.458 1.087.39 1.447.03l3.221-3.221a7 7 0 0 1 -6.913 8.095c-.918 0-1.578-.123-2.713-.538a.986.986 0 0 0 -.996.249l-10.456 10.456-3.077-2.929 10.534-10.522a1 1 0 0 0 .22-1.083 7 7 0 0 1 7.572-9.549z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_build_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_build_solid_20.svg
new file mode 100644
index 0000000000..7cc868b5cb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_build_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16.24 6.58-2.115 2.125-2.83-2.829 2.124-2.118a1 1 0 0 0 -.565-1.698 6 6 0 0 0 -6.854 5.94c0 .594.068 1.113.205 1.559l-4.326 4.322a1 1 0 0 0 0 1.416l2.826 2.82c.423.418 1.055.36 1.415 0l4.322-4.323a6 6 0 0 0 7.497-6.65 1 1 0 0 0 -1.699-.564z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_calendar_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_calendar_20.svg
new file mode 100644
index 0000000000..8cb7c0ee97
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_calendar_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m3 16.003v-10.011c0-.548.45-.998.997-.998h1.995v-.997c0-.547.45-.997.997-.997.567 0 1.017.45 1.017.997v.997h3.988v-.997c0-.547.45-.997 1.017-.997.548 0 .997.45.997.997v.997h1.995c.547 0 .997.45.997.998v10.01c0 .548-.45.998-.997.998h-12.006c-.547 0-.997-.45-.997-.997zm1.994-.997h10.012v-4.009h-10.012zm0-6.003h10.012v-2.014l-10.012.02z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_calendar_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_calendar_24.svg
new file mode 100644
index 0000000000..6cb9ee846c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_calendar_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m15.012 4c.635 0 .988.492.988.988v1.012h1.506a2.48 2.48 0 0 1 2.494 2.494v9.012a2.48 2.48 0 0 1 -2.494 2.494h-11.012a2.48 2.48 0 0 1 -2.494-2.494v-9.012a2.495 2.495 0 0 1 2.494-2.494h1.506v-1.012c0-.494.372-.988.996-.988a.983.983 0 0 1 1.004.988v1.012h4v-1.012c0-.494.306-.988 1.012-.988zm2.988 8.024h-12v5.482c0 .282.212.494.494.494h11.012a.483.483 0 0 0 .494-.494zm-.494-4.024h-11.012a.483.483 0 0 0 -.494.494v1.506h12v-1.506a.483.483 0 0 0 -.494-.494zm-10.518 7.004a1 1 0 1 1 2 0 .992.992 0 0 1 -.996.996 1 1 0 0 1 -1.004-.996zm4 0c0-.557.47-1.004 1.02-1.004a1 1 0 1 1 0 2c-.553 0-1.02-.442-1.02-.996zm4.024 0a1 1 0 1 1 2 0 1 1 0 0 1 -1.004.996.992.992 0 0 1 -.996-.996z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_calendar_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_calendar_32.svg
new file mode 100644
index 0000000000..941f1f5a40
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_calendar_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m20 5a.98.98 0 0 1 1 .969v1.031h3a3 3 0 0 1 3 3v14a3 3 0 0 1 -3 3h-16a3 3 0 0 1 -3-3v-14a3 3 0 0 1 3-3h3v-1.031a.98.98 0 0 1 1-.969.98.98 0 0 1 1 .969v1.031h6v-1.031a.98.98 0 0 1 1-.969zm5 10h-18v9c0 .563.438 1 1 1h16c.563 0 1-.438 1-1zm-14-6h-3c-.563 0-1 .438-1 1v3h18v-3c0-.563-.438-1-1-1h-3v1.031a.98.98 0 0 1 -1 .969.98.98 0 0 1 -1-.969v-1.031h-6v1.031a.98.98 0 0 1 -1 .969.98.98 0 0 1 -1-.969zm-2 13c0-.563.438-1 1-1 .563 0 1 .438 1 1 0 .563-.438 1-1 1-.563 0-1-.438-1-1zm0-4c0-.563.438-1 1-1 .563 0 1 .438 1 1 0 .563-.438 1-1 1-.563 0-1-.438-1-1zm4 4c0-.563.438-1 1-1 .563 0 1 .438 1 1 0 .563-.438 1-1 1-.563 0-1-.438-1-1zm0-4c0-.563.438-1 1-1 .563 0 1 .438 1 1 0 .563-.438 1-1 1-.563 0-1-.438-1-1zm4 4c0-.563.438-1 1-1 .563 0 1 .438 1 1 0 .563-.438 1-1 1-.563 0-1-.438-1-1zm0-4c0-.563.438-1 1-1 .563 0 1 .438 1 1 0 .563-.438 1-1 1-.563 0-1-.438-1-1zm4 4c0-.563.438-1 1-1 .563 0 1 .438 1 1 0 .563-.438 1-1 1-.563 0-1-.438-1-1zm0-4c0-.563.438-1 1-1 .563 0 1 .438 1 1 0 .563-.438 1-1 1-.563 0-1-.438-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_camera_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_camera_20.svg
new file mode 100644
index 0000000000..0d0078375e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_camera_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m12 4a2 2 0 0 1 1.6.8l.9 1.2h1.5c1.054 0 2 .962 2 2v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2-2v-5.994a2 2 0 0 1 1.994-2l1.506-.005.9-1.201c.343-.458 1.029-.8 1.6-.8zm0 2h-4l-1.499 1.999-2.501.007v5.994h12v-6h-2.5zm-2 2.5a2 2 0 1 1 0 4 2 2 0 0 1 0-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_camera_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_camera_24.svg
new file mode 100644
index 0000000000..66073b7525
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_camera_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m9.6 5c-.639 0-1.408.338-1.838.805l-1.258 1.361h-2.004a2.5 2.5 0 0 0 -2.5 2.5v7.834a2.5 2.5 0 0 0 2.5 2.5h15a2.5 2.5 0 0 0 2.5-2.5v-7.998c0-1.291-1.175-2.335-2.5-2.335l-1.973-.001-1.305-1.383a2.5 2.5 0 0 0 -1.817-.783zm4.805 2a.5.5 0 0 1 .363.157l1.603 1.696a1 1 0 0 0 .727.314h2.402a.5.5 0 0 1 .5.5v7.833a.5.5 0 0 1 -.5.5h-15a.5.5 0 0 1 -.5-.5v-7.833a.5.5 0 0 1 .5-.5h2.443a1 1 0 0 0 .735-.322l1.554-1.685a.5.5 0 0 1 .367-.16zm-2.405 2.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7zm0 2a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_camera_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_camera_32.svg
new file mode 100644
index 0000000000..194a3305ef
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_camera_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m19.172 6a3 3 0 0 1 2.12.879l2.124 2.121 3.588.004c1.597.002 2.997 1.418 2.997 3v10.994a3 3 0 0 1 -3 3h-22.001a3 3 0 0 1 -3-3v-10.994a3 3 0 0 1 2.997-3l3.587-.004 2.123-2.121c.516-.516 1.414-.879 2.123-.879zm0 2h-6.344a1 1 0 0 0 -.707.293l-2.414 2.414a1 1 0 0 1 -.706.293l-4.002.004a1 1 0 0 0 -.999 1v10.994a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1v-10.994a1 1 0 0 0 -.999-1l-4.002-.004a1 1 0 0 1 -.706-.293l-2.414-2.414a1 1 0 0 0 -.707-.293zm-3.172 4a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm-8-1a1 1 0 0 1 0 2h-1a1 1 0 0 1 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_camera_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_camera_solid_20.svg
new file mode 100644
index 0000000000..bf14db3bc8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_camera_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m11.989 4a2 2 0 0 1 1.545.73l1.048 1.277 1.412-.004a2 2 0 0 1 2 1.845l.006.149v6.003a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2-2v-5.991a2 2 0 0 1 2-2l1.441-.001 1.012-1.26a2 2 0 0 1 1.38-.74l.179-.008zm-1.989 4.5a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_camera_solid_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_camera_solid_24.svg
new file mode 100644
index 0000000000..f596c46212
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_camera_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m14.405 5a2.5 2.5 0 0 1 1.817.783l1.305 1.383h1.973c1.325 0 2.5 1.034 2.5 2.336v7.998a2.5 2.5 0 0 1 -2.5 2.5h-15a2.5 2.5 0 0 1 -2.5-2.5v-7.833a2.5 2.5 0 0 1 2.5-2.5l2.004-.001 1.258-1.361c.43-.467 1.188-.805 1.838-.805zm-2.405 4.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7zm0 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_camera_solid_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_camera_solid_32.svg
new file mode 100644
index 0000000000..23ffcf7f6b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_camera_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m19.172 6a3 3 0 0 1 2.12.879l2.124 2.121 3.588.004c1.596.002 2.996 1.516 2.996 2.996v10.998a3 3 0 0 1 -3 3h-22a3 3 0 0 1 -3-3v-10.994a3 3 0 0 1 2.997-3l3.587-.004 2.123-2.121c.516-.516 1.355-.879 2.123-.879zm-3.172 6a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm-8-1h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_cash_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_cash_20.svg
new file mode 100644
index 0000000000..f0a5f6a252
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_cash_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m12.548 10c1.732.016 3.412.65 4.683 1.816l.486.477a1 1 0 0 1 -1.32 1.497l-.36-.349c-.864-.864-2.03-1.414-3.227-1.455-1.197-.04-1.464.004-1.806 0-.343-.002-.648.207-.73.54-.024.1.039.21.167.232.086.015.973.097 2.662.247a1 1 0 0 1 .903 1.088c-.047.51-.455.937-.971.907-.516-.029-2.282-.198-2.778-.25-.497-.052-.931-.209-1.453-.374-.348-.11-1.444-.452-3.29-1.026a1.377 1.377 0 0 0 -1.477.45c-.058.07-.055.206.112.271l3.84 1.47a7 7 0 0 0 2.176.452l6.845.007a1 1 0 0 1 1 1c0 .513-.426 1-1 1h-6.526c-.974 0-2.09-.177-2.864-.468-.515-.194-1.924-.728-4.226-1.604a2.166 2.166 0 0 1 -.911-3.387 3.377 3.377 0 0 1 3.422-1.157l2.41.739c.317-1.247 1.312-2.06 2.51-2.123zm-5.91-2.231c.284 0 1.05-.175 1.116-.188.217-.045.482.097.572.332.175.454-.224.689-.344.755-.119.067-.45.182-.724.242-.275.06-.551.09-.829.09-.6 0-1.09-.085-1.473-.256a1.935 1.935 0 0 1 -.89-.781c-.212-.35-.359-.807-.44-1.369h-.626v-.796h.597v-.625h-.597v-.795h.625c.108-.575.272-1.035.493-1.379.22-.344.524-.596.91-.757.383-.162.879-.242 1.485-.242.495 0 .943.065 1.342.194.266.091.533.368.44.724-.127.425-.545.484-.835.408a3.318 3.318 0 0 0 -.843-.114c-.429 0-.738.09-.928.27s-.322.479-.398.896h1.753v.795h-1.771v.625h1.772v.796h-1.753c.057.442.183.748.38.919.195.17.517.256.965.256z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_cash_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_cash_24.svg
new file mode 100644
index 0000000000..8b2a5bf49b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_cash_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m15.035 12.667a7 7 0 0 1 4.257 1.443l1.35 1.124a1 1 0 0 1 -1.183 1.607l-1.212-1.006c-.83-.696-2.067-1.154-2.942-1.161-.584-.005-1.317-.007-2.2-.007a.826.826 0 0 0 -.804.64.232.232 0 0 0 .174.28l2.59.165a1 1 0 0 1 -.065 1.996l-2.551-.149c-.569-.052-1.035-.233-1.778-.513a312.28 312.28 0 0 0 -3-1.097 1.255 1.255 0 0 0 -1.405.39c-.087.107-.078.307.09.384l3.472 1.597a7 7 0 0 0 2.588.632l7.584.008a1 1 0 0 1 1 1c0 .513-.402 1-1 1h-7.249a9 9 0 0 1 -3.403-.668c-2.666-1.196-4.101-1.879-4.305-2.047-.949-.787-1.114-2.199-.332-3.164a3.256 3.256 0 0 1 3.455-1.073l2.192.79c.308-1.29 1.507-2.16 2.57-2.166a400.7 400.7 0 0 1 2.107-.005zm-6.839-2.427c.407 0 1.5-.249 1.595-.269.31-.064.688.14.818.475.25.648-.32.984-.491 1.08-.17.095-.643.259-1.035.344a5.534 5.534 0 0 1 -1.184.13c-.858 0-1.559-.122-2.105-.365a2.764 2.764 0 0 1 -1.272-1.117c-.302-.5-.512-1.152-.629-1.955h-.893v-1.137h.853v-.893h-.853v-1.137h.893c.153-.82.388-1.477.704-1.968a2.78 2.78 0 0 1 1.299-1.083c.55-.23 1.258-.345 2.124-.345.708 0 1.347.093 1.917.278.38.13.761.525.63 1.033-.182.607-.78.692-1.194.583a4.74 4.74 0 0 0 -1.204-.162c-.613 0-1.055.129-1.326.386-.27.257-.46.683-.568 1.278h2.503v1.137h-2.53v.893h2.53v1.137h-2.503c.08.631.261 1.069.541 1.313.28.243.74.365 1.38.365z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_cash_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_cash_32.svg
new file mode 100644
index 0000000000..7f47d0b2d9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_cash_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m20.875 18a9 9 0 0 1 5.121 1.6c1.002.693 1.717 1.226 2.145 1.6a1 1 0 0 1 .2 1.4c-.305.408-.919.538-1.295.269-.25-.18-.907-.669-1.971-1.469a7 7 0 0 0 -3.898-1.393l-3.574-.007a1.64 1.64 0 0 0 -1.591 1.243.618.618 0 0 0 .517.757h4.012a1 1 0 0 1 1 1c0 .513-.413.995-1 1h-3.94c-.86-.012-1.202-.185-3.178-1-.54-.223-1.512-.61-2.916-1.16a3.492 3.492 0 0 0 -3.366.46c-.156.117-.232.48.092.615.209.086 2.65.974 7.326 2.664a7 7 0 0 0 2.043.412l5.147.009a9 9 0 0 1 1.415.112l4.574.907a1 1 0 0 1 .784 1.177c-.1.503-.594.889-1.177.785l-4.223-.845a7 7 0 0 0 -1.027-.127l-5.145-.009a9 9 0 0 1 -2.704-.416l-7.698-2.79a2.353 2.353 0 0 1 -.608-4.094 5.492 5.492 0 0 1 5.05-.81l3.023 1.174c.234-1.75 1.877-3.064 3.527-3.064h3.334zm-10.875-16a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm.558 2c.566 0 1.077.074 1.533.222.304.104.609.42.504.827-.146.485-.624.553-.955.467a3.792 3.792 0 0 0 -.963-.13c-.491 0-.845.102-1.061.308-.217.206-.368.547-.455 1.023h2.003v.91h-2.024v.714h2.024v.91h-2.004c.065.505.21.855.433 1.05.224.194.592.292 1.104.292.326 0 1.2-.2 1.276-.215.248-.052.551.111.654.38.2.518-.256.787-.392.863-.137.076-.515.208-.829.276-.313.069-.63.103-.947.103-.685 0-1.246-.097-1.683-.292a2.211 2.211 0 0 1 -1.018-.893c-.241-.4-.41-.922-.503-1.565h-.715v-.909h.682v-.714h-.682v-.91h.715c.123-.657.31-1.182.563-1.575a2.224 2.224 0 0 1 1.04-.866c.44-.184 1.006-.276 1.699-.276z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_20.svg
new file mode 100644
index 0000000000..7b29ecb6a9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c4.406 0 8 3.594 8 8s-3.594 8-8 8-8-3.594-8-8 3.594-8 8-8zm0 2a6 6 0 0 0 0 12c3.312 0 6-2.687 6-6s-2.688-6-6-6zm2.782 3.096 1.405 1.405-5.316 5.316-2.843-2.786 1.404-1.404 1.418 1.373 3.933-3.903z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_24.svg
new file mode 100644
index 0000000000..e3a1b09989
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2a9.99 9.99 0 0 1 10 10 9.99 9.99 0 0 1 -10 10 9.99 9.99 0 0 1 -10-10 9.99 9.99 0 0 1 10-10zm0 2c-4.438 0-8 3.563-8 8 0 4.438 3.563 8 8 8 4.438 0 8-3.563 8-8 0-4.438-3.563-8-8-8zm4.5 4.375a.97.97 0 0 0 -.688.281l-5.656 5.656-2.031-2c-.219-.218-.406-.312-.688-.312-.53 0-1 .438-1 1 0 .25.094.531.282.719l2.718 2.719c.22.218.438.312.688.312.281 0 .531-.125.719-.313l6.375-6.343a.99.99 0 0 0 .312-.75c0-.5-.468-.969-1.031-.969z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_32.svg
new file mode 100644
index 0000000000..edb6e43f9a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c7.719 0 14 6.281 14 14s-6.281 14-14 14-14-6.281-14-14 6.281-14 14-14zm0 2c-6.625 0-12 5.375-12 12s5.375 12 12 12 12-5.375 12-12-5.375-12-12-12zm6.973 6.563a.972.972 0 0 0 -.692.28l-8.718 8.75-3.813-3.812c-.226-.211-.464-.296-.69-.296-.551 0-1.02.454-1.02 1.015 0 .258.1.516.304.719l4.5 4.5.094.062c.188.145.41.216.629.216a.962.962 0 0 0 .683-.278l9.438-9.438c.238-.238.331-.482.331-.71 0-.534-.48-1.008-1.046-1.008z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_solid_16.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_solid_16.svg
new file mode 100644
index 0000000000..5ffb060a52
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_solid_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m8 2c3.307 0 6 2.673 6 5.993 0 3.311-2.693 6.007-6 6.007s-6-2.696-6-6.007c0-3.297 2.693-5.993 6-5.993zm2.794 3.385-3.918 3.918-1.669-1.665-1.155 1.124 2.844 2.781 5.053-5.018z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_solid_20.svg
new file mode 100644
index 0000000000..545548b91b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c4.41 0 8 3.563 8 7.99 0 4.415-3.59 8.01-8 8.01s-8-3.595-8-8.01c0-4.395 3.59-7.99 8-7.99zm3.493 4.732-4.898 4.897-2.085-2.081-1.444 1.405 3.555 3.476 6.317-6.273-1.444-1.424z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_solid_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_solid_24.svg
new file mode 100644
index 0000000000..7c3dc28798
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2a9.99 9.99 0 0 1 10 10 9.99 9.99 0 0 1 -10 10 9.99 9.99 0 0 1 -10-10 9.99 9.99 0 0 1 10-10zm4.5 6.375a.97.97 0 0 0 -.688.281l-5.656 5.656-2.031-2c-.219-.218-.406-.312-.688-.312-.53 0-1 .438-1 1 0 .25.094.531.282.719l2.718 2.719c.22.218.438.312.688.312.281 0 .531-.125.719-.313l6.375-6.343a.99.99 0 0 0 .312-.75c0-.5-.468-.969-1.031-.969z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_solid_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_solid_32.svg
new file mode 100644
index 0000000000..e9ffc94eef
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_check_circle_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c7.719 0 14 6.281 14 14s-6.281 14-14 14-14-6.281-14-14 6.281-14 14-14zm6.973 8.563a.972.972 0 0 0 -.692.28l-8.718 8.75-3.813-3.812c-.226-.211-.464-.296-.69-.296-.551 0-1.02.454-1.02 1.015 0 .258.1.516.304.719l4.5 4.5.094.062c.188.145.41.216.629.216a.962.962 0 0 0 .683-.278l9.438-9.438c.238-.238.331-.482.331-.71 0-.534-.48-1.008-1.046-1.008z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_20.svg
new file mode 100644
index 0000000000..9f0f5f2950
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8.182 5.772-.182.228-.204.005a4.003 4.003 0 0 0 -3.409 2.275l-.033.074-.074.034a4.002 4.002 0 0 0 1.72 7.612l8.205-.006a4.006 4.006 0 0 0 3.795-3.994l-.007-.237a3.987 3.987 0 0 0 -.92-2.324l-.086-.096a5 5 0 0 0 -4.987-5.343c-1.409.066-2.934.726-3.818 1.772zm3.818.228a3 3 0 0 1 2.953 3.533l-.102.568.44.372a2 2 0 0 1 -1.173 3.523l-8.118.004a2 2 0 0 1 -.582-3.914l.512-.155.155-.512a2.002 2.002 0 0 1 2.258-1.39l.696.12.346-.617a2.992 2.992 0 0 1 2.615-1.532z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_24.svg
new file mode 100644
index 0000000000..04cf9acaed
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10.574 6.073-.173.127-.23-.062a5.011 5.011 0 0 0 -1.171-.138l-.217.005a5 5 0 0 0 -4.765 4.564l-.012.185-.153.106a4.5 4.5 0 0 0 2.4 8.133l10.971.002a5.005 5.005 0 0 0 4.776-4.995l-.006-.236a4.992 4.992 0 0 0 -1.946-3.727l-.144-.106-.034-.18a6.003 6.003 0 0 0 -5.87-4.751c-1.14.054-2.51.435-3.426 1.073zm3.426.927a4 4 0 0 1 3.982 3.618 1 1 0 0 0 .501.775 3 3 0 0 1 -1.333 5.604l-.175.003h-10.475l-.165-.005c-1.295-.07-2.335-1.165-2.335-2.495a2.5 2.5 0 0 1 1.44-2.265 1 1 0 0 0 .57-.992 3 3 0 0 1 4.19-2.993 1 1 0 0 0 1.081-.184 3.98 3.98 0 0 1 2.719-1.066z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_32.svg
new file mode 100644
index 0000000000..c2034543d6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m19.5 6c-2.333 0-4.725 1.249-6.062 3.081l-.136.172a6.504 6.504 0 0 0 -1.802-.253l-.242.004a6.503 6.503 0 0 0 -6.05 4.858l-.068.214c-1.93 1.184-3.14 3.2-3.14 5.424 0 3.61 3.152 6.5 7 6.5l14.247-.004c3.754-.13 6.753-2.978 6.753-6.496l-.005-.258c-.087-2.055-1.246-3.946-3.003-5.095l.008-.647c0-4.142-3.36-7.5-7.5-7.5zm0 2a5.5 5.5 0 0 1 5.41 6.5 1 1 0 0 0 .532 1.073c1.574.797 2.558 2.29 2.558 3.927 0 2.4-2.11 4.403-4.804 4.497l-14.196.003c-2.78 0-5-2.035-5-4.5 0-1.622.965-3.104 2.517-3.906a1 1 0 0 0 .53-.745 4.5 4.5 0 0 1 6.288-3.46 1 1 0 0 0 1.293-.446 5.5 5.5 0 0 1 4.872-2.943z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_download_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_download_20.svg
new file mode 100644
index 0000000000..14b455157f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_download_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 9a1 1 0 0 1 .993.883l.007.117v4.634a1 1 0 0 1 1.29 1.479l-.083.094-1.5 1.5-.082.073-.104.074-.098.052-.11.044-.112.03-.126.017-.075.003-.09-.004-.058-.007-.118-.025-.105-.035-.113-.054-.111-.071-.058-.046-.054-.05-1.5-1.5-.083-.095a1 1 0 0 1 0-1.226l.083-.094.094-.083c.288-.224.67-.269.995-.135l.119.06-.001-4.635.007-.117a1 1 0 0 1 .993-.883zm2-7a5 5 0 0 1 5 5l-.013.343.086.096c.487.584.802 1.299.897 2.066l.023.258.007.237a4.004 4.004 0 0 1 -3.59 3.978l-.205.016h-.205a.999.999 0 0 1 -.992-.881l-.008-.117a1 1 0 0 1 .999-1h.12a2 2 0 0 0 1.875-1.846l.006-.15a1.99 1.99 0 0 0 -.58-1.408l-.129-.119-.44-.372.102-.568a3 3 0 0 0 -5.464-2.173l-.104.172-.346.617-.696-.12a2.003 2.003 0 0 0 -2.204 1.236l-.054.154-.155.512-.512.155a2.001 2.001 0 0 0 .433 3.909l.149.005a1 1 0 0 1 .116 1.993l-.116.007a4 4 0 0 1 -3.995-3.8l-.005-.2a4 4 0 0 1 2.096-3.519l.184-.093.074-.034.033-.074a4.004 4.004 0 0 1 3.188-2.258l.221-.017.204-.005.182-.228c.884-1.046 2.41-1.706 3.818-1.772z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_download_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_download_24.svg
new file mode 100644
index 0000000000..1e58865bed
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_download_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 22 .075-.003.126-.017.111-.03.111-.044.098-.052.092-.064.046-.038.048-.045 2.5-2.5a1 1 0 0 0 -1.32-1.497l-.094.083-.793.792v-6.585a1 1 0 0 0 -1.993-.117l-.007.117v6.586l-.793-.793a1 1 0 0 0 -1.32-.083l-.094.083a1 1 0 0 0 -.083 1.32l.083.094 2.5 2.5a.927.927 0 0 0 .112.097l.11.071.114.054.105.035.118.025.058.007zm2-19a6.003 6.003 0 0 1 5.816 4.52l.054.232.034.179.144.106a4.993 4.993 0 0 1 1.927 3.466l.02.261.005.236a5.004 5.004 0 0 1 -4.554 4.98l-.222.015h-.227a.998.998 0 0 1 -.99-.882l-.007-.138c0-.5.376-.912.861-.968l.114-.007.176-.004a3 3 0 0 0 1.332-5.603 1 1 0 0 1 -.501-.775 4 4 0 0 0 -6.7-2.552 1 1 0 0 1 -1.082.183 3 3 0 0 0 -4.19 2.993 1 1 0 0 1 -.57.993 2.5 2.5 0 0 0 -1.44 2.265c0 1.274.956 2.333 2.175 2.481l.16.014.165.005h.503a.996.996 0 1 1 0 1.993h-.749a4.5 4.5 0 0 1 -4.249-4.277l-.005-.216c0-1.387.633-2.66 1.667-3.497l.186-.143.153-.106.012-.185a5.001 5.001 0 0 1 4.538-4.55l.227-.014.217-.005c.299 0 .594.026.883.078l.287.06.231.062.173-.127c.916-.638 2.286-1.02 3.426-1.073z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_download_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_download_32.svg
new file mode 100644
index 0000000000..ef5c4b02a8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_download_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 15a1 1 0 0 1 .993.883l.007.117v10.084l1.793-1.791a1 1 0 0 1 1.32-.083l.094.083a1 1 0 0 1 .083 1.32l-.083.094-3.5 3.5a1 1 0 0 1 -1.32.083l-.094-.083-3.5-3.5a1 1 0 0 1 1.32-1.497l.094.083 1.793 1.791v-10.084a1 1 0 0 1 1-1zm3.5-12c4.14 0 7.5 3.358 7.5 7.5l-.008.647c1.683 1.1 2.818 2.884 2.986 4.84l.017.255.005.258c0 3.441-2.87 6.242-6.509 6.484l-.244.012h-1.247a1 1 0 0 1 -.993-.883l-.007-.116a1 1 0 0 1 1-1h1.196c2.618-.09 4.683-1.984 4.799-4.292l.005-.205c0-1.637-.984-3.131-2.558-3.927a1 1 0 0 1 -.533-1.073 5.5 5.5 0 0 0 -10.281-3.557 1 1 0 0 1 -1.293.447 4.5 4.5 0 0 0 -6.288 3.459 1 1 0 0 1 -.53.745c-1.552.802-2.517 2.284-2.517 3.906 0 2.396 2.098 4.387 4.77 4.495l.23.005h1a1 1 0 0 1 .993.881l.007.117a1 1 0 0 1 -1 1.002h-1c-3.766 0-6.866-2.768-6.996-6.27l-.004-.23c0-2.138 1.118-4.084 2.92-5.284l.22-.14.069-.214a6.503 6.503 0 0 1 5.787-4.843l.262-.015.242-.004c.493 0 .98.055 1.451.163l.351.09.136-.172c1.337-1.831 3.73-3.081 6.062-3.081z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_solid_20.svg
new file mode 100644
index 0000000000..b83d9301ff
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8.182 5.772-.182.228-.204.005a4.003 4.003 0 0 0 -3.409 2.275l-.033.074-.074.034a4.002 4.002 0 0 0 1.72 7.612l8.205-.006a4.006 4.006 0 0 0 3.795-3.994l-.007-.237a3.987 3.987 0 0 0 -.92-2.324l-.086-.096a5 5 0 0 0 -4.987-5.343c-1.409.066-2.934.726-3.818 1.772z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_solid_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_solid_24.svg
new file mode 100644
index 0000000000..faf532c692
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10.574 6.073-.173.127-.23-.062a5.011 5.011 0 0 0 -1.171-.138l-.217.005a5 5 0 0 0 -4.765 4.564l-.012.185-.153.106a4.5 4.5 0 0 0 2.4 8.133l10.971.002a5.005 5.005 0 0 0 4.776-4.995l-.006-.236a4.992 4.992 0 0 0 -1.946-3.727l-.144-.106-.034-.18a6.003 6.003 0 0 0 -5.87-4.751c-1.14.054-2.51.435-3.426 1.073z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_solid_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_solid_32.svg
new file mode 100644
index 0000000000..81661e4b87
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m19.5 6c-2.333 0-4.725 1.249-6.062 3.081l-.136.172a6.504 6.504 0 0 0 -1.802-.253l-.242.004a6.503 6.503 0 0 0 -6.05 4.858l-.068.214c-1.93 1.184-3.14 3.2-3.14 5.424 0 3.61 3.152 6.5 7 6.5l14.247-.004c3.754-.13 6.753-2.978 6.753-6.496l-.005-.258c-.087-2.055-1.207-3.908-2.963-5.057-.021-.38-.032-.608-.032-.685 0-4.142-3.36-7.5-7.5-7.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_upload_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_upload_20.svg
new file mode 100644
index 0000000000..b279817a29
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_upload_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m12 3a5 5 0 0 1 5 5l-.013.343.086.096c.487.584.802 1.299.897 2.066l.023.258.007.237a4.004 4.004 0 0 1 -3.59 3.978l-.205.016h-.205a1 1 0 0 1 0-1.998h.12a2 2 0 0 0 1.875-1.846l.005-.15a1.99 1.99 0 0 0 -.58-1.408l-.129-.119-.44-.372.102-.568a3 3 0 0 0 -5.464-2.173l-.104.172-.346.617-.696-.12a2.003 2.003 0 0 0 -2.204 1.236l-.054.154-.155.512-.512.155a2.001 2.001 0 0 0 .433 3.909l.149.005a1 1 0 0 1 0 2 4 4 0 0 1 -3.995-3.8l-.005-.2a4 4 0 0 1 2.096-3.519l.184-.093.074-.034.033-.074a4.004 4.004 0 0 1 3.188-2.258l.221-.017.204-.005.182-.228c.884-1.046 2.41-1.706 3.818-1.772zm-2 6 .075.003.126.017.111.03.111.044.098.052.104.074.082.073 1.5 1.5a1 1 0 0 1 -1.207 1.573v3.134a1 1 0 0 1 -1.993.12l-.007-.12v-3.134a1 1 0 0 1 -1.113-.076l-.094-.083a1 1 0 0 1 -.083-1.32l.083-.094 1.5-1.5a.927.927 0 0 1 .112-.097l.11-.071.114-.054.105-.035.118-.025.058-.007z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_upload_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_upload_24.svg
new file mode 100644
index 0000000000..1fe9153abf
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_upload_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 11 .075.003.126.017.111.03.111.044.098.052.092.064.046.038.048.045 2.5 2.5a1 1 0 0 1 -1.32 1.497l-.094-.083-.793-.792v4.585a1 1 0 0 1 -1.993.117l-.007-.117v-4.586l-.793.793a1 1 0 0 1 -1.32.083l-.094-.083a1 1 0 0 1 -.083-1.32l.083-.094 2.5-2.5a.927.927 0 0 1 .112-.097l.11-.071.114-.054.105-.035.118-.025.058-.007zm2-7a6.003 6.003 0 0 1 5.816 4.52l.054.232.034.179.144.106a4.993 4.993 0 0 1 1.927 3.466l.02.261.005.236a5.004 5.004 0 0 1 -4.554 4.98l-.222.015h-.227a.998.998 0 0 1 -.99-.882l-.007-.138c0-.5.376-.912.861-.968l.114-.007.176-.004a3 3 0 0 0 1.332-5.603 1 1 0 0 1 -.501-.775 4 4 0 0 0 -6.7-2.552 1 1 0 0 1 -1.082.183 3 3 0 0 0 -4.19 2.993 1 1 0 0 1 -.57.993 2.5 2.5 0 0 0 -1.44 2.265c0 1.274.956 2.333 2.175 2.481l.16.014.165.005h.503a.996.996 0 1 1 0 1.993h-.749a4.5 4.5 0 0 1 -4.249-4.277l-.005-.216c0-1.387.633-2.66 1.667-3.497l.186-.143.153-.106.012-.185a5.001 5.001 0 0 1 4.538-4.55l.227-.014.217-.005c.299 0 .594.026.883.078l.287.06.231.062.173-.127c.916-.638 2.286-1.02 3.426-1.073z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_upload_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_upload_32.svg
new file mode 100644
index 0000000000..baec2a08d2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_cloud_upload_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 15c.25 0 .508.086.711.289l4 4a.992.992 0 0 1 .289.711c0 .438-.313 1-1 1-.25 0-.532-.093-.718-.281l-2.282-2.313v8.594c0 .562-.438 1-1 1-.563 0-1-.438-1-1v-8.594l-2.29 2.305a.987.987 0 0 1 -.71.289c-.594 0-1-.469-1-1 0-.25.086-.508.289-.711l3.993-4.008c.187-.187.468-.281.718-.281zm3.5-10c4.14 0 7.5 3.358 7.5 7.5l-.008.647c1.683 1.1 2.818 2.884 2.986 4.84l.017.255.005.258c0 3.441-2.87 6.242-6.509 6.484l-.244.012h-1.247a1 1 0 0 1 -.993-.883l-.007-.116a1 1 0 0 1 1-1h1.196c2.618-.09 4.683-1.984 4.799-4.292l.005-.205c0-1.637-.984-3.131-2.558-3.927a1 1 0 0 1 -.533-1.073 5.5 5.5 0 0 0 -10.281-3.557 1 1 0 0 1 -1.293.447 4.5 4.5 0 0 0 -6.288 3.459 1 1 0 0 1 -.53.745c-1.552.802-2.517 2.284-2.517 3.906 0 2.396 2.098 4.387 4.77 4.495l.23.005h1a1 1 0 0 1 .993.881l.007.117a1 1 0 0 1 -1 1.002h-1c-3.766 0-6.866-2.768-6.996-6.27l-.004-.23c0-2.138 1.118-4.084 2.92-5.284l.22-.14.069-.214a6.503 6.503 0 0 1 5.787-4.843l.262-.015.242-.004c.493 0 .98.055 1.451.163l.351.09.136-.172c1.337-1.831 3.73-3.081 6.062-3.081z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_compass_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_compass_20.svg
new file mode 100644
index 0000000000..d738ecce79
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_compass_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 1c4.962 0 9 4.037 9 9s-4.038 9-9 9-9-4.038-9-9 4.038-9 9-9zm0 2c-3.86 0-7 3.141-7 7s3.14 7 7 7 7-3.141 7-7-3.14-7-7-7zm1.397 2.727a.999.999 0 0 1 1.612.932l-.654 4.269a.999.999 0 0 1 -.36.627l-3.392 2.739a1 1 0 0 1 -1.616-.933l.677-4.307a1 1 0 0 1 .363-.625zm-.753 3.166-1.065.853-.213 1.361 1.072-.865z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_compass_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_compass_24.svg
new file mode 100644
index 0000000000..8b4c1a70a4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_compass_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 1c6.065 0 11 4.935 11 10.999 0 6.065-4.935 11-11 11s-11-4.935-11-11c0-6.064 4.935-10.999 11-10.999zm1 2.059v.479a1 1 0 1 1 -2 0v-.479a9.012 9.012 0 0 0 -7.941 7.94h.48a1 1 0 1 1 0 2h-.48a9.012 9.012 0 0 0 7.941 7.941v-.479a1 1 0 1 1 2 0v.479a9.012 9.012 0 0 0 7.941-7.941h-.48a1 1 0 1 1 0-2h.48a9.012 9.012 0 0 0 -7.941-7.94zm-3.202 8.756.117.011c.544.088.918.598.833 1.144l-.262 1.665 1.312-1.059a1 1 0 1 1 1.257 1.556l-3.331 2.69a1 1 0 0 1 -1.616-.935l.664-4.228a1 1 0 0 1 1.143-.833zm5.605-5.698c.357.206.55.611.489 1.018l-.643 4.192a1 1 0 0 1 -1.976-.302l.254-1.656-1.306 1.048a1 1 0 1 1 -1.251-1.56l3.308-2.654a1 1 0 0 1 1.125-.086z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_compass_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_compass_32.svg
new file mode 100644
index 0000000000..feafe098da
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_compass_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c3.843 0 7.328 1.558 9.86 4.073.012.012.029.015.041.027l.027.041a13.959 13.959 0 0 1 4.072 9.859c0 3.842-1.558 7.326-4.072 9.858-.011.012-.015.029-.027.041s-.029.016-.041.027a13.951 13.951 0 0 1 -9.86 4.074 13.952 13.952 0 0 1 -9.868-4.081c-.01-.009-.021-.011-.03-.02s-.011-.02-.02-.029a13.954 13.954 0 0 1 -4.082-9.87c0-3.848 1.561-7.337 4.082-9.87.009-.009.011-.021.02-.03s.021-.011.03-.02a13.953 13.953 0 0 1 9.868-4.08zm1 2.05v.95a1 1 0 0 1 -2 0v-.95a11.944 11.944 0 0 0 -6.74 2.794l.67.67a.999.999 0 1 1 -1.414 1.414l-.67-.67a11.943 11.943 0 0 0 -2.796 6.742h.95a1 1 0 1 1 0 2h-.95a11.94 11.94 0 0 0 2.796 6.741l.67-.671a.999.999 0 1 1 1.414 1.414l-.67.671a11.935 11.935 0 0 0 6.74 2.794v-.949a1 1 0 1 1 2 0v.949a11.932 11.932 0 0 0 6.741-2.795l-.669-.67a1 1 0 0 1 1.415-1.414l.669.669a11.933 11.933 0 0 0 2.793-6.739h-.949a1 1 0 1 1 0-2h.949a11.935 11.935 0 0 0 -2.794-6.74l-.668.668a.997.997 0 0 1 -1.415 0 1 1 0 0 1 0-1.414l.669-.668a11.94 11.94 0 0 0 -6.741-2.796zm-4.198 12.57.116.012c.544.088.918.598.833 1.144l-.46 2.934 2.31-1.866a1 1 0 1 1 1.257 1.556l-4.33 3.496a.999.999 0 0 1 -1.617-.933l.864-5.498a1 1 0 0 1 1.143-.833zm2.123-1.242a1.25 1.25 0 0 1 2.165 1.25 1.25 1.25 0 0 1 -2.165-1.25zm5.674-7.328a1 1 0 0 1 .49 1.017l-.836 5.449a1 1 0 0 1 -1.977-.302l.446-2.912-2.298 1.842a1 1 0 0 1 -1.251-1.56l4.301-3.448a1 1 0 0 1 1.126-.086z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_copy_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_copy_20.svg
new file mode 100644
index 0000000000..b9f225fecc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_copy_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m5 7v9h6c.5 0 .997.433 1 1s-.353 1.001-1 1h-6.9a1.108 1.108 0 0 1 -1.1-1.1v-9.9c0-.614.406-.998 1-1s1 .5 1 1zm10.821-5c.63 0 1.223.576 1.223 1.2v9.599c0 .618-.567 1.2-1.223 1.2h-7.555c-.63 0-1.222-.586-1.222-1.2v-9.6c-0-.617.593-1.199 1.222-1.199zm-6.821 2h6v8h-6z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_copy_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_copy_24.svg
new file mode 100644
index 0000000000..73aadfa6f5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_copy_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m4 6c.513 0 1.004.499 1 1v13h11c.513 0 1 .487 1 1s-.501 1.002-1 1h-11.5a1.5 1.5 0 0 1 -1.5-1.5v-13.5a1 1 0 0 1 1-1zm15.9-4c.567 0 1.102.545 1.1 1.1v13.8c0 .567-.552 1.108-1.1 1.1h-11.8c-.567 0-1.097-.526-1.1-1.1v-13.8c0-.567.53-1.097 1.1-1.1zm-.9 2h-10v12h10z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_copy_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_copy_32.svg
new file mode 100644
index 0000000000..7bdb097270
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_copy_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m9 10a1 1 0 0 1 1 1c0 .513-.483 1.005-1 1h-2.5c-.245 0-.5.242-.5.5v14c0 .245.26.501.5.5h11c.245 0 .502-.27.5-.5v-1.5a1 1 0 0 1 1-1c.513 0 1.003.501 1 1v1.5c0 1.325-1.203 2.502-2.5 2.5h-11c-1.325 0-2.496-1.196-2.5-2.5v-14c0-1.325 1.187-2.494 2.5-2.5zm16.5-7c1.325 0 2.507 1.231 2.5 2.5v14c0 1.325-1.203 2.505-2.5 2.5h-11c-1.325 0-2.49-1.198-2.5-2.5v-14c0-1.325 1.185-2.494 2.5-2.5zm-11 2c-.245 0-.494.255-.5.5v14c0 .245.233.506.5.5h11c.245 0 .508-.259.5-.5v-14c0-.245-.278-.492-.5-.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_copy_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_copy_solid_20.svg
new file mode 100644
index 0000000000..1c35374b5f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_copy_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m5 7v9h6c.5 0 .997.433 1 1s-.353 1.001-1 1h-6.9a1.108 1.108 0 0 1 -1.1-1.1v-9.9c0-.614.406-.998 1-1s1 .5 1 1zm10.821-5c.63 0 1.223.576 1.223 1.2v9.599c0 .618-.567 1.2-1.223 1.2h-7.555c-.63 0-1.222-.586-1.222-1.2v-9.6c-0-.617.593-1.199 1.222-1.199z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_credit_card_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_credit_card_20.svg
new file mode 100644
index 0000000000..f4c3c0a6e8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_credit_card_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16 4c1.094 0 2 .906 2 2v8c0 1.094-.906 2-2 2h-12c-1.094 0-2-.906-2-2v-8c0-1.094.906-2 2-2zm0 6h-12v4h12zm0-4h-12v2h12zm-6 5v2h-5v-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_credit_card_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_credit_card_24.svg
new file mode 100644
index 0000000000..cbc05a2e01
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_credit_card_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5 5c1.344 0 2.5 1.03 2.5 2.344v9.156c0 1.344-1.03 2.5-2.344 2.5h-15.156c-1.344 0-2.5-1.03-2.5-2.344v-9.156c0-1.313 1.03-2.5 2.344-2.5zm.5 6h-16v5.5c0 .252.156.5.406.5h15.094c.25 0 .5-.156.5-.406zm-.406-4h-15.094c-.25 0-.5.188-.5.406v1.594h16v-1.5c0-.25-.154-.5-.406-.5zm-8.594 6c.563 0 1 .469 1 1s-.405 1-.906 1h-4.094c-.563 0-1-.438-1-1 0-.5.405-1 .906-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_credit_card_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_credit_card_32.svg
new file mode 100644
index 0000000000..7eab376234
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_credit_card_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27 6c1.656 0 3 1.375 3 3v14c0 1.656-1.375 3-3 3h-22c-1.656 0-3-1.375-3-3v-14a3 3 0 0 1 3-3zm1 8h-24v9c0 .5.374 1 .875 1h22.125c.563 0 1-.469 1-1zm-1-6h-22c-.563 0-1 .469-1 1v3h24v-3c0-.563-.469-1-1-1zm-18.997 11h7.994a.989.989 0 0 1 1.003 1c0 .563-.439 1-1.003 1h-7.994a.989.989 0 0 1 -1.003-1c0-.563.439-1 1.003-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_credit_card_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_credit_card_solid_20.svg
new file mode 100644
index 0000000000..e7b83236c6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_credit_card_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16 4c1.094 0 2 .906 2 2v8c0 1.094-.906 2-2 2h-12c-1.094 0-2-.906-2-2v-8c0-1.094.906-2 2-2zm-7 7h-5v2h5zm7-5h-12v2h12z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_dashboard_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_dashboard_20.svg
new file mode 100644
index 0000000000..d436a7f197
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_dashboard_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m17.784 9.147c.184.78.216 1.346.216 1.853 0 2.18-.877 4.222-2.403 5.716a1 1 0 0 1 -1.4-1.429 5.978 5.978 0 0 0 1.803-4.287c0-.382-.03-.82-.162-1.391a1 1 0 1 1 1.946-.462zm-7.784-6.147c.59 0 1.175.057 1.71.172a1 1 0 0 1 -.42 1.956 6.235 6.235 0 0 0 -1.29-.128 6 6 0 0 0 -4.198 10.287 1 1 0 0 1 -1.399 1.43 8 8 0 0 1 5.597-13.717zm5.207 2.793c.36.36.427.985 0 1.414-1.028 1.034-2.12 2.126-3.274 3.276a2.003 2.003 0 0 1 -1.933 2.517 2 2 0 1 1 .518-3.932l3.275-3.275a1 1 0 0 1 1.414 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_dashboard_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_dashboard_24.svg
new file mode 100644
index 0000000000..6d0fb4c8b5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_dashboard_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21.443 9.703a9.986 9.986 0 0 1 .557 3.297 9.965 9.965 0 0 1 -2.547 6.668 1 1 0 0 1 -1.49-1.334 7.965 7.965 0 0 0 2.037-5.334c0-.91-.152-1.798-.445-2.638a1 1 0 1 1 1.888-.659zm-9.443-6.703c1.152 0 2.278.195 3.343.573a1 1 0 0 1 -.669 1.885 8 8 0 0 0 -10.674 7.542c0 1.997.733 3.876 2.037 5.334a1 1 0 0 1 -1.49 1.334 9.965 9.965 0 0 1 -2.547-6.668c0-5.523 4.477-10 10-10zm6.707 3.293c.36.36.424.99 0 1.414a9969.31 9969.31 0 0 1 -4.773 4.775 2.003 2.003 0 0 1 -1.932 2.518 2 2 0 1 1 .515-3.933l4.776-4.774a1 1 0 0 1 1.414 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_dashboard_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_dashboard_32.svg
new file mode 100644
index 0000000000..faf4fb67e6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_dashboard_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m28.92 12.608a13.825 13.825 0 0 1 1.08 5.392c0 3.662-1.413 7.104-3.898 9.693a1 1 0 1 1 -1.443-1.385 11.954 11.954 0 0 0 3.341-8.308c0-1.61-.318-3.196-.92-4.608a1 1 0 1 1 1.84-.784zm-12.92-8.608c1.875 0 3.7.37 5.395 1.077a1 1 0 1 1 -.772 1.846 11.96 11.96 0 0 0 -4.623-.923c-6.627 0-12 5.373-12 12 0 3.14 1.21 6.088 3.341 8.308a1 1 0 0 1 -1.443 1.385 13.954 13.954 0 0 1 -3.898-9.693c0-7.732 6.268-14 14-14zm7.073 19.657a1 1 0 1 1 -1.414 1.414 1 1 0 0 1 1.414-1.414zm-12.728 0a1 1 0 1 1 -1.414 1.414 1 1 0 0 1 1.414-1.414zm14.61-4.294a1 1 0 1 1 -.518 1.932 1 1 0 0 1 .517-1.932zm-16.68.708a1 1 0 1 1 -1.932.517 1 1 0 0 1 1.932-.517zm16.432-10.778a.999.999 0 0 1 0 1.414l-6.772 6.777a2 2 0 1 1 -1.417-1.418l6.775-6.773a1 1 0 0 1 1.414 0zm.954 6.119a1 1 0 1 1 -1.931.517 1 1 0 0 1 1.931-.517zm-18.093-.707a1 1 0 1 1 -.518 1.932 1 1 0 0 1 .518-1.932zm2.777-3.776a1 1 0 1 1 -1.414 1.414 1 1 0 0 1 1.414-1.414zm8.245-2.589a1 1 0 1 1 -.517 1.932 1 1 0 0 1 .517-1.932zm-3.951.707a1 1 0 1 1 -1.932.517 1 1 0 0 1 1.932-.517z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_dashboard_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_dashboard_solid_20.svg
new file mode 100644
index 0000000000..2871009728
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_dashboard_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 3c4.414 0 8 3.656 8 8 0 2.288-1.003 4.276-2.717 5.757a1.06 1.06 0 0 1 -.66.243h-9.252a1 1 0 0 1 -.654-.243c-1.714-1.481-2.717-3.469-2.717-5.758 0-4.343 3.586-7.999 8-7.999zm4.207 3.792a.99.99 0 0 0 -1.414 0c-.695.697-1.454 1.456-2.276 2.275a2.003 2.003 0 0 0 -2.517 1.932 2 2 0 1 0 3.933-.517l2.274-2.276a.998.998 0 0 0 0-1.414z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_delete_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_delete_20.svg
new file mode 100644
index 0000000000..4a824a103f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_delete_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 8c0-.563.438-1 1-1h1c1.094 0 2 1 2 2v7h8.031v-7c0-1 .906-2 1.969-2h1c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-.969v7.188c0 1.062-.967 1.812-2 1.812h-8.031c-1.064 0-2-.75-2-1.813v-7.187h-1c-.563 0-1-.438-1-1zm0-3c0-.563.438-1 1-1h4v-1c0-.563.438-1 1-1h4c.25 0 .531.094.719.281a.99.99 0 0 1 .281.719v1h4c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-14c-.563 0-1-.438-1-1zm5 9v-5c0-.563.438-1 1-1 .563 0 1 .438 1 1v5c0 .531-.438 1-1 1-.25 0-.531-.125-.719-.313a.97.97 0 0 1 -.281-.687zm4 0v-5c0-.563.438-1 1-1 .563 0 1 .438 1 1v5c0 .531-.438 1-1 1-.25 0-.531-.125-.719-.313a.97.97 0 0 1 -.281-.687z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_delete_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_delete_24.svg
new file mode 100644
index 0000000000..817a4057ad
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_delete_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m3 8c0-.563.438-1 1-1h1c1.094 0 2 .906 2 2v11h10v-11c0-1.094.906-2 2-2h1c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-1v11c0 1.094-.906 2-2 2h-10c-1.094 0-2-.906-2-2v-11h-1c-.563 0-1-.438-1-1zm0-3c0-.563.438-1 1-1h4v-1c0-.563.438-1 1-1h6a1.017 1.017 0 0 1 1 1v1h4c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-16c-.563 0-1-.438-1-1zm6 12v-7c0-.531.469-1 1-1 .563 0 1 .469 1 1v7c0 .531-.438 1-1 1-.563 0-1-.469-1-1zm4 0v-7c0-.531.469-1 1-1 .563 0 1 .469 1 1v7c0 .531-.438 1-1 1-.563 0-1-.469-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_delete_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_delete_32.svg
new file mode 100644
index 0000000000..d431634aa4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_delete_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m4 11c0-.563.438-1 1-1h1.156a2.854 2.854 0 0 1 2.844 2.844v14.156c0 .563.469 1 1 1h12.156a.84.84 0 0 0 .844-.844v-14.281a2.867 2.867 0 0 1 2.875-2.875h1.125c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-1.125a.894.894 0 0 0 -.875.875v14.281a2.854 2.854 0 0 1 -2.844 2.844h-12.156a3 3 0 0 1 -3-3v-14.156a.84.84 0 0 0 -.844-.844h-1.156c-.563 0-1-.438-1-1zm16-9c.563 0 1 .438 1 1v3h6c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-22c-.563 0-1-.438-1-1 0-.563.438-1 1-1h6v-3c0-.563.469-1 1-1zm-1 2h-6v2h6zm-8 21v-11c0-.563.469-1 1-1 .563 0 1 .438 1 1v11c0 .563-.438 1-1 1-.531 0-1-.438-1-1zm4 0v-11c0-.563.438-1 1-1 .563 0 1 .438 1 1v11c0 .563-.438 1-1 1-.563 0-1-.438-1-1zm4 0v-11c0-.563.469-1 1-1 .563 0 1 .438 1 1v11c0 .563-.438 1-1 1-.531 0-1-.438-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_discount_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_discount_20.svg
new file mode 100644
index 0000000000..cb6071ae79
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_discount_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.04 1.723c.6-.018 1.2.275 1.58.744l.593.731.955-.225a2.12 2.12 0 0 1 .487-.06c1.096 0 2.02.853 2.08 1.95l.052.934.898.375a2.118 2.118 0 0 1 1.315 1.94c0 .386-.12.772-.345 1.115l-.508.773.507.836c.206.34.326.727.326 1.134a2.05 2.05 0 0 1 -1.318 1.904l-.875.33-.08.975c-.084 1.012-.915 1.928-2.073 1.928a2.11 2.11 0 0 1 -.525-.062l-.896-.243-.64.739c-.445.512-.913.714-1.614.736-.6.018-1.2-.275-1.58-.744l-.592-.731-.955.225a2.12 2.12 0 0 1 -.487.06c-1.096 0-2.02-.853-2.08-1.95l-.052-.934-.899-.372c-.8-.332-1.314-1.071-1.314-1.922 0-.407.12-.793.345-1.136l.508-.773-.513-.854a2.178 2.178 0 0 1 -.32-1.116 2.05 2.05 0 0 1 1.318-1.904l.875-.33.102-.974c.04-1.096.974-1.929 2.05-1.929.183 0 .366.02.526.062l.896.243.636-.743c.433-.504.917-.71 1.618-.732zm-.02 1.983-.624.755a2.049 2.049 0 0 1 -2.138.67l-.892-.248-.061.04-.057.935a2.041 2.041 0 0 1 -1.323 1.808l-.874.324-.02.081.507.794c.205.322.325.709.325 1.094 0 .406-.12.793-.346 1.136l-.507.773.02.081.875.342a2.06 2.06 0 0 1 1.316 1.809l.043.935.06.041.893-.23a2.028 2.028 0 0 1 2.134.694l.588.734h.081l.589-.734a2.014 2.014 0 0 1 1.564-.748c.182 0 .384.025.57.076l.891.249.061-.04.057-.935a2.041 2.041 0 0 1 1.323-1.808l.874-.324.02-.081-.507-.794a2.06 2.06 0 0 1 -.325-1.094c0-.406.12-.793.346-1.136l.507-.773-.02-.081-.875-.342a2.06 2.06 0 0 1 -1.316-1.809l-.043-.935-.06-.041-.896.242a2.083 2.083 0 0 1 -2.127-.712l-.592-.728c0-.02-.02-.02-.04-.02zm-3.025 4.304a1.006 1.006 0 1 1 2.01 0 .996.996 0 0 1 -.995.995 1.001 1.001 0 0 1 -1.015-.995zm.101 3.492 4.406-4.426 1.422 1.422-4.426 4.406zm3.899.488c0-.548.447-.995.995-.995a1.006 1.006 0 1 1 -.995.995z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_discount_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_discount_24.svg
new file mode 100644
index 0000000000..dd068aff8e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_discount_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2.14c.656 0 1.239.291 1.651.801l.875 1.069c.024.049.097.049.17.024l1.287-.34a2.124 2.124 0 0 1 2.671 1.943l.073 1.384c0 .05.049.098.097.122l1.287.486a2.1 2.1 0 0 1 1.36 1.967c0 .413-.121.825-.34 1.165l-.752 1.166a.155.155 0 0 0 0 .146l.752 1.166c.219.34.34.752.34 1.165 0 .802-.461 1.627-1.36 1.967l-1.287.486c-.073.024-.097.049-.097.122l-.073 1.384a2.111 2.111 0 0 1 -2.113 2.016c-.194 0-.364-.025-.558-.073l-1.287-.34c-.073-.025-.146-.025-.17.024l-.875 1.069c-.412.51-.995.801-1.651.801a2.094 2.094 0 0 1 -1.651-.801l-.85-1.069c-.049-.049-.098-.073-.17-.049l-1.312.365a2.124 2.124 0 0 1 -2.671-1.943l-.073-1.384c0-.05-.024-.098-.097-.122l-1.287-.486a2.1 2.1 0 0 1 -1.36-1.967c0-.413.121-.825.34-1.165l.752-1.166a.155.155 0 0 0 0-.146l-.752-1.166a2.178 2.178 0 0 1 -.34-1.165c0-.802.461-1.627 1.36-1.967l1.287-.486c.048-.024.097-.073.097-.122l.073-1.384a2.111 2.111 0 0 1 2.113-2.016c.194 0 .364.025.558.073l1.287.34c.049.025.146 0 .17-.024l.875-1.069c.412-.51.995-.801 1.651-.801zm-.097 2.064-.874 1.069c-.413.51-1.02.777-1.652.777-.17 0-.364-.024-.558-.073l-1.336-.34c-.073-.024-.146.024-.146.097l-.073 1.386c-.048.85-.583 1.554-1.36 1.87l-1.287.51c-.073.024-.097.121-.048.194l.728 1.141c.219.365.34.753.34 1.166s-.121.801-.34 1.166l-.728 1.117c-.025.073-.025.17.048.194l1.287.534c.777.316 1.312 1.02 1.36 1.87l.073 1.385c0 .073.049.121.146.097l1.336-.34c.194-.049.388-.073.558-.073.632 0 1.239.267 1.652.777l.874 1.069a.114.114 0 0 0 .194 0l.874-1.069a2.106 2.106 0 0 1 1.652-.777c.17 0 .364.024.558.073l1.336.34c.073.024.146-.049.146-.097l.073-1.385c.048-.85.583-1.554 1.36-1.87l1.287-.51c.097-.024.121-.121.073-.17l-.753-1.165a2.241 2.241 0 0 1 -.34-1.166c0-.413.121-.801.34-1.166l.728-1.117c.049-.097.025-.194-.048-.218l-1.287-.51c-.777-.316-1.312-1.02-1.36-1.87l-.073-1.385c0-.073-.073-.121-.146-.097l-1.336.34a2.358 2.358 0 0 1 -.558.073 2.106 2.106 0 0 1 -1.652-.777l-.874-1.069a.114.114 0 0 0 -.194 0zm3.108 10.807a.985.985 0 0 0 .996-.995.985.985 0 0 0 -.996-.996.985.985 0 0 0 -.995.996c0 .558.437.995.995.995zm-5.027 0a.996.996 0 0 1 -.995-1.02c0-.242.097-.51.291-.704l4.007-4.007c.194-.194.462-.291.704-.291a1 1 0 0 1 1.02 1.02c0 .242-.097.51-.291.704l-4.007 4.007a1.028 1.028 0 0 1 -.729.291zm-.971-4.007c.583 0 1.044-.461 1.044-1.044 0-.559-.461-1.044-1.044-1.044s-1.044.484-1.044 1.044c0 .583.461 1.044 1.044 1.044z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_discount_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_discount_32.svg
new file mode 100644
index 0000000000..c919dbdc8b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_discount_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2.375c.637 0 1.295.233 1.72.75l1.721 2.094c.057.069.185.104.282.077l2.586-.702c.186-.051.382-.063.573-.063 1.078 0 2.125.769 2.198 2.032l.16 2.718c.003.063.06.131.127.156l2.581.97a2.16 2.16 0 0 1 1.402 2c0 .405-.126.844-.35 1.187l-1.498 2.281a.22.22 0 0 0 0 .219l1.497 2.25c.242.363.351.781.351 1.187 0 .875-.573 1.72-1.402 2.032l-2.58.968c-.07.026-.126.12-.132.219l-.156 2.656c-.067 1.159-.998 2.032-2.198 2.032a3.5 3.5 0 0 1 -.75-.111l-2.438-.663c-.128-.034-.202-.007-.265.07l-1.708 2.078a2.224 2.224 0 0 1 -1.721.813c-.669 0-1.312-.277-1.72-.781l-1.721-2.125c-.056-.07-.126-.09-.223-.063l-2.497.679a3.54 3.54 0 0 1 -.721.102c-1.205 0-2.131-.878-2.198-2.03l-.158-2.688a.207.207 0 0 0 -.13-.188l-2.58-.968c-.74-.278-1.402-1.062-1.402-2.032 0-.406.109-.824.35-1.187l1.47-2.207c.067-.101.024-.268-.038-.363l-1.432-2.18a2.23 2.23 0 0 1 -.351-1.188c0-.886.565-1.686 1.402-2l2.553-.958c.095-.036.152-.104.157-.198l.158-2.688c.068-1.174 1.024-2.03 2.198-2.03.191 0 .387.011.573.062l2.586.702c.097.027.211.009.282-.077l1.72-2.094c.413-.502 1.084-.75 1.721-.75zm-.16 2-1.72 2.094c-.412.501-1.083.781-1.72.781-.192 0-.379-.012-.574-.063l-2.616-.671c-.118-.03-.276.07-.282.173l-.16 2.687c-.05.843-.6 1.605-1.402 1.906l-2.58.969c-.136.051-.163.179-.096.281l1.498 2.281c.248.38.35.75.35 1.157 0 .406-.102.808-.35 1.187l-1.498 2.282a.186.186 0 0 0 .096.28l2.58.97a2.188 2.188 0 0 1 1.402 1.906l.154 2.594c.012.196.134.32.41.248l2.376-.624a3.7 3.7 0 0 1 .852-.125c.578 0 1.137.297 1.561.813l1.72 2.094c.1.121.22.121.32 0l1.72-2.094c.412-.502 1.083-.813 1.53-.813.286 0 .589.05.764.094l2.646.68c.154.04.245-.037.253-.18l.16-2.687c.05-.843.6-1.608 1.402-1.907l2.517-.937c.14-.052.195-.24.127-.344l-1.466-2.25c-.247-.38-.35-.75-.35-1.156s.1-.81.35-1.188l1.428-2.161c.12-.181.122-.346-.081-.422l-2.525-.948a2.188 2.188 0 0 1 -1.402-1.906l-.16-2.688c-.007-.115-.135-.21-.282-.172l-2.617.673c-.195.05-.382.062-.574.062-.637 0-1.308-.28-1.72-.781l-1.72-2.094c-.1-.122-.22-.122-.32 0zm-5.288 8.656c0-1.094.892-1.969 2.007-1.969s2.007.876 2.007 1.97c0 1.093-.892 1.968-2.007 1.968s-2.007-.875-2.007-1.969zm.446 6.875c0-.25.095-.5.287-.687l8.029-7.844c.191-.187.446-.313.7-.313.433 0 .988.383.988 1 0 .25-.095.5-.287.688l-7.997 7.844a1.03 1.03 0 0 1 -.733.281.977.977 0 0 1 -.987-.969zm6.914-1c0-1.062.892-1.968 2.007-1.968s2.007.906 2.007 1.968c0 1.094-.892 1.969-2.007 1.969s-2.007-.875-2.007-1.969z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_discount_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_discount_solid_20.svg
new file mode 100644
index 0000000000..5c3ceb1b3b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_discount_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.04 1.716c.61-.02 1.199.284 1.584.751l.59.731.954-.223c.162-.041.324-.061.487-.061 1.096 0 2.03.853 2.07 1.949l.062.934.893.365c.792.346 1.32 1.097 1.32 1.95 0 .386-.122.771-.345 1.116l-.508.772.508.833c.203.345.325.73.325 1.137 0 .832-.528 1.604-1.32 1.908l-.873.325-.081.975c-.082 1.015-.914 1.929-2.072 1.929-.182 0-.365-.02-.527-.061l-.894-.244-.65.731c-.426.528-.893.73-1.604.751-.609.02-1.198-.284-1.583-.751l-.59-.731-.954.223a1.975 1.975 0 0 1 -.487.061c-1.096 0-2.03-.853-2.07-1.949l-.062-.934-.893-.365c-.812-.346-1.32-1.078-1.32-1.93 0-.406.122-.791.345-1.136l.508-.772-.508-.853a2.112 2.112 0 0 1 -.325-1.117c0-.832.528-1.604 1.32-1.908l.873-.325.102-.975c.04-1.096.974-1.929 2.05-1.929.183 0 .366.02.528.061l.894.244.63-.751c.446-.488.913-.71 1.624-.731zm1.953 4.863-5.393 5.433 1.4 1.401 5.415-5.413-1.422-1.42zm.403 4.822a.996.996 0 0 0 -.995.995 1 1 0 0 0 .995 1.015c.569 0 1.015-.446 1.015-1.015a1 1 0 0 0 -1.015-.995zm-4.792-4.812c-.569 0-1.015.446-1.015 1.015a1 1 0 0 0 1.015.995.996.996 0 0 0 .995-.995 1 1 0 0 0 -.995-1.015z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_document_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_document_20.svg
new file mode 100644
index 0000000000..4e9ab42c13
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_document_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m12 2c.25 0 .5.094.688.281l3.03 3a.99.99 0 0 1 .282.719v11c0 .563-.438 1-1 1h-10c-.563 0-1-.438-1-1v-14c0-.563.438-1 1-1zm-1.031 2h-4.969v12h8v-9h-2.031c-.563 0-1-.438-1-1zm-2.969 5h4v1.969h-4zm0 3h4v2h-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_document_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_document_24.svg
new file mode 100644
index 0000000000..dc52872293
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_document_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m14 2c.281 0 .531.094.719.313l4 4a.919.919 0 0 1 .281.687v14c0 .563-.438 1-1 1h-12c-.563 0-1-.438-1-1v-18c0-.563.438-1 1-1zm-2 2h-5v16h10v-11h-4c-.563 0-1-.469-1-1zm2 .406v2.594h2.594zm0 11.594h-4c-.563 0-1 .438-1 1 0 .563.438 1 1 1h4c.563 0 1-.438 1-1 0-.563-.438-1-1-1zm0-4h-4c-.563 0-1 .438-1 1 0 .563.438 1 1 1h4c.563 0 1-.438 1-1 0-.563-.438-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_document_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_document_32.svg
new file mode 100644
index 0000000000..d26180c375
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_document_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m19.656 2c.594 0 1.157.25 1.594.656l4.094 4.094c.437.438.656 1 .656 1.594v19.406c0 1.25-1 2.25-2.25 2.25h-15.5c-1.25 0-2.25-1-2.25-2.25v-23.5c0-1.25 1-2.25 2.25-2.25zm-1.656 2h-9.75a.269.269 0 0 0 -.25.25v23.5c0 .125.125.25.25.25h15.5c.125 0 .25-.125.25-.25v-17.75h-5c-.563 0-1-.438-1-1zm2 .219v3.781h3.781zm-10 18.781c0 .563.438 1 1 1h10c.563 0 1-.438 1-1 0-.563-.438-1-1-1h-10c-.563 0-1 .438-1 1zm0-4c0 .563.438 1 1 1h10c.563 0 1-.438 1-1 0-.563-.438-1-1-1h-10c-.563 0-1 .438-1 1zm0-4c0 .563.438 1 1 1h10c.563 0 1-.438 1-1 0-.563-.438-1-1-1h-10c-.563 0-1 .438-1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_document_check_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_document_check_20.svg
new file mode 100644
index 0000000000..f7001dba73
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_document_check_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c.25 0 .5.094.687.281l3.032 3a.994.994 0 0 1 .281.719v1h-4.03c-.564 0-1-.438-1-1v-2h-4.97v12h4v2h-5c-.563 0-1-.438-1-1v-14c0-.563.437-1 1-1zm3 6c2.75 0 5 2.25 5 5s-2.25 5-5 5-5-2.25-5-5 2.25-5 5-5zm1.324 3.39-1.688 1.719-.774-.806-1.187 1.188 1.961 1.961 2.875-2.875z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_document_check_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_document_check_24.svg
new file mode 100644
index 0000000000..43b38a1fe0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_document_check_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11 2c.28 0 .53.094.719.313l4 4a.915.915 0 0 1 .28.687v1a1 1 0 0 1 -1 1h-5c-.561 0-1-.469-1-1v-4h-4.999v16h5a1 1 0 0 1 0 2h-6c-.562 0-1-.437-1-1v-18c0-.562.438-1 1-1zm5 8c3.307 0 6 2.673 6 5.993 0 3.311-2.693 6.007-6 6.007s-6-2.696-6-6.007c0-3.297 2.693-5.993 6-5.993zm2.794 3.385-3.918 3.918-1.669-1.665-1.155 1.124 2.844 2.781 5.053-5.018zm-11.794 2.615a1 1 0 1 1 -.001 2 1 1 0 0 1 0-2zm1-4c.563 0 1 .437 1 1 0 .562-.437 1-1 1h-1c-.562 0-1-.438-1-1 0-.563.438-1 1-1zm3-7.594v2.594h2.594z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_document_check_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_document_check_32.svg
new file mode 100644
index 0000000000..bc7a7bb1d1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_document_check_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16.656 2c.594 0 1.156.25 1.594.656l4.094 4.094c.437.438.656 1 .656 1.594v4.655c0 .563-.438 1-1 1-.563 0-1-.437-1-1v-2.999h-5c-.562 0-1-.438-1-1v-5h-9.75a.269.269 0 0 0 -.25.25v23.5c0 .125.125.25.25.25h9.75c.562 0 1 .437 1 1 0 .562-.438 1-1 1h-9.75c-1.25 0-2.25-1-2.25-2.25v-23.5c0-1.25 1-2.25 2.25-2.25zm5.344 14c3.875 0 7 3.125 7 7s-3.125 7-7 7-7-3.125-7-7 3.125-7 7-7zm0 2c-2.75 0-5 2.25-5 5s2.25 5 5 5 5-2.25 5-5-2.25-5-5-5zm1.861 3.014a.973.973 0 0 1 .693 1.657l-2.652 2.67a.973.973 0 0 1 -1.378 0l-1.239-1.238a.974.974 0 0 1 1.375-1.376l.548.547 1.962-1.972a.973.973 0 0 1 .691-.288zm-11.861 1.193c.562 0 1 .437 1 1 0 .562-.438 1-1 1h-4c-.562 0-1-.438-1-1 0-.563.438-1 1-1zm1-4c.562 0 1 .437 1 1 0 .562-.438 1-1 1h-5c-.562 0-1-.438-1-1 0-.563.438-1 1-1zm2-4c.562 0 1 .437 1 1 0 .562-.438 1-1 1h-7c-.562 0-1-.438-1-1 0-.563.438-1 1-1zm2-9.988v3.781h3.781z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_done_16.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_done_16.svg
new file mode 100644
index 0000000000..004e4ac44a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_done_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m12.774 4.463a.999.999 0 0 0 -1.414 0l-4.95 4.95-1.77-1.768a.999.999 0 1 0 -1.413 1.414l2.474 2.475a.999.999 0 0 0 1.415 0l5.657-5.657a.999.999 0 0 0 0-1.414" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_done_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_done_20.svg
new file mode 100644
index 0000000000..86c52b50c6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_done_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m4 11.038c0-.553.532-1.004 1.003-1.004.267 0 .517.118.712.312l2.278 2.268 6.308-6.327a1.01 1.01 0 0 1 .696-.287.992.992 0 0 1 1.003 1.003c0 .246-.102.512-.286.697l-7.01 7.039a.988.988 0 0 1 -.71.292.99.99 0 0 1 -.712-.292l-2.98-2.98a1.024 1.024 0 0 1 -.302-.721z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_done_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_done_24.svg
new file mode 100644
index 0000000000..c043cd7737
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_done_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m8.326 17.706-4.04-4.04a.927.927 0 0 1 -.294-.686c0-.564.465-1.005 1.004-1.005.27 0 .49.098.686.294l3.355 3.306 9.281-9.306c.196-.171.466-.269.686-.269.539 0 1.004.44 1.004.98 0 .269-.098.514-.245.71l-10.016 10.016a.98.98 0 0 1 -.71.294.98.98 0 0 1 -.71-.294z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_done_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_done_32.svg
new file mode 100644
index 0000000000..b0481d1001
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_done_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m5 17.032c0-.58.484-1 1-1 .387 0 .484.065.71.29l5.29 5.26 13.258-13.292a.925.925 0 0 1 .71-.291c.58.001 1.032.517 1.032 1.001 0 .258-.097.484-.323.71l-13.967 14c-.194.193-.452.29-.71.29a.925.925 0 0 1 -.71-.29l-6-5.968a1 1 0 0 1 -.29-.71z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_download_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_download_20.svg
new file mode 100644
index 0000000000..b7ced106cf
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_download_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16 12c.531 0 1 .438 1 1v2a3 3 0 0 1 -3 3h-8a3 3 0 0 1 -3-3v-2c0-.563.469-1 1-1 .563 0 1 .438 1 1v2c0 .531.438 1 1 1h8c.563 0 1-.469 1-1v-2c0-.563.438-1 1-1zm-6-10c.563 0 1 .469 1 1v6.594l1.281-1.281c.219-.221.406-.313.719-.313.563 0 1 .469 1 1 0 .188-.063.438-.219.625l-3.062 3.094c-.219.187-.438.281-.688.281s-.5-.094-.719-.281l-3.03-3a.97.97 0 0 1 -.282-.689c0-.593.531-1.03 1.031-1.03.25 0 .5.094.688.313l1.281 1.279v-6.592c0-.531.438-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_download_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_download_24.svg
new file mode 100644
index 0000000000..f2a0fe672c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_download_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m6 22h12a3 3 0 0 0 3-3v-4c0-.563-.438-1-1-1-.563 0-1 .438-1 1v4c0 .563-.438 1-1 1h-12c-.563 0-1-.438-1-1v-4c0-.563-.438-1-1-1-.563 0-1 .438-1 1v4a3 3 0 0 0 3 3zm6-6c.25 0 .531-.093.719-.28l3.969-3.992a.902.902 0 0 0 .312-.717c0-.53-.438-.966-1-.966-.25 0-.531.093-.719.28l-2.281 2.276v-9.603c0-.561-.469-.998-1-.998-.563 0-1 .437-1 .998v9.602l-2.281-2.276a1.102 1.102 0 0 0 -.719-.28c-.563 0-1 .436-1 .997 0 .25.094.5.313.686l3.968 3.991c.188.188.469.281.719.281z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_download_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_download_32.svg
new file mode 100644
index 0000000000..5f08751891
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_download_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m4 21c0-.563.438-1 1-1 .563 0 1 .437 1 1v6c0 .562.438 1 1 1h18c.562 0 1-.438 1-1v-6c0-.563.437-1 1-1 .562 0 1 .437 1 1v6a3 3 0 0 1 -3 3h-18a3 3 0 0 1 -3-3zm5.281-5.313a.97.97 0 0 1 -.28-.687c0-.5.343-1 1-1 .25 0 .5.094.718.281l4.281 4.312v-15.593c0-.563.438-1 1-1 .563 0 1 .438 1 1v15.593l4.281-4.312a1.1 1.1 0 0 1 .719-.281c.594 0 1 .437 1 1 0 .25-.094.5-.281.719l-6 6a1.1 1.1 0 0 1 -.719.28.97.97 0 0 1 -.688-.28l-6.03-6.032z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_drag_and_drop_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_drag_and_drop_20.svg
new file mode 100644
index 0000000000..2df708b1a0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_drag_and_drop_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m5.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm9 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm-9 9a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm9 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_drag_and_drop_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_drag_and_drop_24.svg
new file mode 100644
index 0000000000..f77b38bbcf
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_drag_and_drop_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-10 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_drag_and_drop_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_drag_and_drop_32.svg
new file mode 100644
index 0000000000..fa2d92e141
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_drag_and_drop_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m9 13a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm14 0a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm-14 14a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm14 0a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_edit_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_edit_20.svg
new file mode 100644
index 0000000000..7b46719f3c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_edit_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14.27 2c.487 0 .973.162 1.33.487l1.818 1.818c.357.357.552.941.552 1.493a2.21 2.21 0 0 1 -.552 1.461l-9.186 9.123c-.324.292-.584.39-1.103.52l-3.929 1.004c-.097.033-.195.033-.292.033-.26 0-.487-.097-.617-.26a1.012 1.012 0 0 1 -.291-.681v-.162l.974-3.928c.195-.714.292-.844.617-1.169l9.153-9.122a2.134 2.134 0 0 1 1.526-.617zm-2.857 4.805-5.842 5.745 1.785 1.818 5.843-5.779-1.786-1.785zm2.824-2.857-1.427 1.428 1.818 1.818 1.428-1.428-1.818-1.818z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_edit_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_edit_24.svg
new file mode 100644
index 0000000000..94e0b9092b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_edit_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.468 2a2.04 2.04 0 0 1 1.503.634l2.301 2.278c.446.47.728 1.057.728 1.69 0 .564-.211 1.151-.728 1.668l-11.741 11.764c-.282.282-.634.54-.963.588l-5.307 1.338c-.07.024-.14.024-.235.024a.937.937 0 0 1 -.704-.306c-.212-.211-.376-.516-.305-.798l.023-.118 1.268-5.119c.094-.399.282-.751.54-1.033l11.882-11.882a2.475 2.475 0 0 1 1.738-.728zm-12.07 13.831-.07.07c-.024.024-.047.118-.07.212l-.87 3.475 3.429-.822a.496.496 0 0 0 .234-.093l.094-.094zm9.017-8.947-7.561 7.562 2.7 2.724 7.585-7.585-2.724-2.7zm2.982-2.841c-.093 0-.187.023-.258.117l-1.315 1.315 2.748 2.748 1.315-1.339a.3.3 0 0 0 .093-.234.455.455 0 0 0 -.14-.306l-2.184-2.184c-.07-.094-.165-.117-.259-.117z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_edit_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_edit_32.svg
new file mode 100644
index 0000000000..e673eb53d8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_edit_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m23.844 2c.718 0 1.437.281 2.093.938l3.157 3.156c.562.593.906 1.343.906 2.156 0 .719-.25 1.438-.906 2.094l-17.032 16.969c-.374.375-.75.656-1.437.812l-7.375 1.813c-.094.03-.219.03-.313.03a.94.94 0 0 1 -.937-.936c0-.093 0-.187.031-.281l1.844-7.437c.125-.594.375-.97.813-1.407l17-16.968c.562-.564 1.342-.939 2.155-.939zm-18.344 20.969-1.156 4.656 4.625-1.156zm14.969-16-14.063 14.031 4.532 4.594 14.062-14.064-4.531-4.56zm3.343-2.938c-.25 0-.5.094-.718.313l-1.219 1.218 4.563 4.594 1.25-1.25c.156-.156.312-.406.312-.719 0-.218-.094-.437-.313-.687l-3.156-3.156a1.017 1.017 0 0 0 -.718-.313z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_edit_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_edit_solid_20.svg
new file mode 100644
index 0000000000..f5317ddd7d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_edit_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.417 5.842 3.781 3.741-7.197 7.157a1.446 1.446 0 0 1 -.711.386l-3.395.854c-.061.02-.122.02-.204.02a.699.699 0 0 1 -.691-.691c0-.082 0-.143.02-.204l.854-3.456c.061-.264.163-.447.346-.65zm5.245-3.456 1.972 1.952c.224.244.366.59.366.895 0 .325-.142.65-.366.874l-2.053 2.073-3.741-3.76 2.033-2.034c.244-.244.57-.386.894-.386.326 0 .63.142.895.386z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_face_delighted_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_delighted_20.svg
new file mode 100644
index 0000000000..3ea2da8d43
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_delighted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15 10c0 2.757-2.243 5-5 5s-5-2.243-5-5 2.243-5 5-5 5 2.243 5 5zm-12 0a7 7 0 1 0 14 0 7 7 0 0 0 -14 0zm9.057.854a.815.815 0 0 0 -.904-.019c-.017.011-.431.271-1.171.271s-1.154-.261-1.159-.264a.8.8 0 0 0 -1.229.867c.17.627.892 1.812 2.402 1.812 1.522 0 2.221-1.196 2.377-1.829a.796.796 0 0 0 -.316-.838zm-4.018-1.439a.452.452 0 0 1 .397-.107 1 1 0 0 0 .46-1.947c-1.319-.31-2.189.556-2.285.655a.982.982 0 0 0 .024 1.376.985.985 0 0 0 .708.293c.25 0 .5-.09.696-.27zm5.351-1.399c-.096-.101-.965-.968-2.285-.655a1 1 0 1 0 .46 1.947.457.457 0 0 1 .395.105.999.999 0 0 0 1.43-1.397z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_face_delighted_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_delighted_24.svg
new file mode 100644
index 0000000000..c958bae9e3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_delighted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19 12c0 3.86-3.14 7-7 7s-7-3.14-7-7 3.14-7 7-7 7 3.14 7 7zm-16 0a9 9 0 0 0 9 9 9 9 0 0 0 9-9 9 9 0 0 0 -9-9 9 9 0 0 0 -9 9zm4.693 1.647a1 1 0 0 1 1.365-1.074c.01.004 1.28.502 2.942.502s2.929-.497 2.942-.502a1 1 0 0 1 1.365 1.074c-.197 1.333-1.352 3.854-4.307 3.854s-4.109-2.521-4.307-3.854zm2.835 1.328c.343.303.817.526 1.472.526s1.129-.224 1.471-.526c-.892.121-2.05.121-2.943 0zm-1.462-4.299a.68.68 0 0 1 .508.136 1 1 0 0 0 1.217-1.586 2.69 2.69 0 0 0 -3.769.496 1 1 0 1 0 1.587 1.216.692.692 0 0 1 .457-.262zm7.726.448a1 1 0 0 0 .185-1.401 2.689 2.689 0 0 0 -3.769-.496 1 1 0 1 0 1.217 1.586.684.684 0 0 1 .508-.136.683.683 0 0 1 .456.263.998.998 0 0 0 1.402.185z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_face_delighted_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_delighted_32.svg
new file mode 100644
index 0000000000..d527946ccc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_delighted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m26.307 16c0 5.683-4.624 10.307-10.307 10.307s-10.307-4.624-10.307-10.307 4.624-10.307 10.307-10.307 10.307 4.624 10.307 10.307zm-22.307 0c0 6.627 5.373 12 12 12s12-5.373 12-12-5.373-12-12-12-12 5.373-12 12zm6.064 2.222a1 1 0 0 1 1.359-1.145c.022.01 2.258.924 4.577.924s4.555-.914 4.577-.924a1 1 0 0 1 1.359 1.145c-.376 1.653-2.102 4.778-5.936 4.778s-5.56-3.125-5.936-4.778zm2.922 1.416c.607.715 1.559 1.362 3.014 1.362s2.406-.647 3.014-1.362c-.878.199-1.929.362-3.014.362s-2.135-.163-3.014-.362zm.435-5.863a.998.998 0 1 0 1.217-1.586 4.002 4.002 0 0 0 -5.609.738 1 1 0 1 0 1.587 1.216 2.007 2.007 0 0 1 2.805-.368zm9.589-.847a3.97 3.97 0 0 0 -2.651-1.531 3.967 3.967 0 0 0 -2.957.793 1 1 0 1 0 1.217 1.586 1.98 1.98 0 0 1 1.479-.396c.529.069 1 .341 1.325.765a.998.998 0 0 0 1.402.185 1 1 0 0 0 .185-1.402z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_face_disappointed_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_disappointed_20.svg
new file mode 100644
index 0000000000..5588727f9f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_disappointed_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15 10c0 2.757-2.243 5-5 5s-5-2.243-5-5 2.243-5 5-5 5 2.243 5 5zm-12 0a7 7 0 1 0 14 0 7 7 0 0 0 -14 0zm6.468-1.173a.984.984 0 0 0 -.38-1.323c-.465-.276-1.072-.113-1.362.341a.453.453 0 0 1 -.355.207 1.001 1.001 0 0 0 .029 2h.03c1.354-.041 1.972-1.104 2.038-1.225zm3.161-.775a.455.455 0 0 1 -.354-.204 1 1 0 0 0 -1.744.979c.066.121.684 1.184 2.038 1.225h.03a1 1 0 0 0 .03-2zm-.255 3.866c-.156-.632-.855-1.828-2.377-1.828-1.511 0-2.232 1.185-2.402 1.811a.797.797 0 0 0 .305.851.806.806 0 0 0 .912.024c.017-.011.431-.271 1.171-.271.726 0 1.139.251 1.169.271a.798.798 0 0 0 .9-.005.805.805 0 0 0 .322-.853z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_face_disappointed_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_disappointed_24.svg
new file mode 100644
index 0000000000..42f763c66e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_disappointed_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19 12c0 3.86-3.14 7-7 7s-7-3.14-7-7 3.14-7 7-7 7 3.14 7 7zm-16 0a9 9 0 0 0 9 9 9 9 0 0 0 9-9 9 9 0 0 0 -9-9 9 9 0 0 0 -9 9zm14.071-2.468a1 1 0 0 0 -1.307-.541.685.685 0 0 1 -.898-.373 1 1 0 1 0 -1.848.766 2.692 2.692 0 0 0 2.483 1.661c.349 0 .696-.068 1.028-.206a1 1 0 0 0 .542-1.307zm-7.544 1.307a2.67 2.67 0 0 0 1.454-1.455 1 1 0 0 0 -1.848-.766.684.684 0 0 1 -.898.373 1 1 0 1 0 -.766 1.848 2.672 2.672 0 0 0 2.057 0zm5.417 5.589c-.031-.013-1.294-.504-2.943-.504-1.662 0-2.931.499-2.944.504a1.003 1.003 0 0 1 -1.363-1.075c.197-1.333 1.352-3.854 4.307-3.854s4.109 2.521 4.307 3.854a.998.998 0 0 1 -.99 1.147.995.995 0 0 1 -.374-.072zm-2.943-2.504c.529 0 1.024.041 1.47.102-.343-.303-.817-.525-1.47-.525s-1.127.223-1.47.525c.446-.061.941-.102 1.47-.102z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_face_disappointed_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_disappointed_32.svg
new file mode 100644
index 0000000000..6581d8356c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_disappointed_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m26.307 16c0 5.683-4.624 10.307-10.307 10.307s-10.307-4.624-10.307-10.307 4.624-10.307 10.307-10.307 10.307 4.624 10.307 10.307zm-22.307 0c0 6.627 5.373 12 12 12s12-5.373 12-12-5.373-12-12-12-12 5.373-12 12zm10.299-4.703a1.001 1.001 0 0 0 -1.307.541 2.004 2.004 0 0 1 -2.614 1.082 1 1 0 1 0 -.764 1.848 3.971 3.971 0 0 0 1.525.305c1.57 0 3.063-.931 3.701-2.469a1.001 1.001 0 0 0 -.541-1.307zm8.669 2.164a1 1 0 0 0 -1.306-.541 2.005 2.005 0 0 1 -2.614-1.082 1.001 1.001 0 0 0 -1.848.766 4.009 4.009 0 0 0 3.701 2.469c.509 0 1.026-.098 1.525-.305.51-.211.753-.796.542-1.307zm-2.391 7.962c-.022-.01-2.258-.924-4.577-.924s-4.555.914-4.577.924a1.003 1.003 0 0 1 -1.359-1.145c.376-1.653 2.102-4.778 5.936-4.778s5.56 3.125 5.936 4.778a.998.998 0 0 1 -.977 1.221c-.128 0-.258-.025-.382-.076zm-4.577-2.924c1.085 0 2.135.163 3.014.362-.607-.715-1.559-1.362-3.014-1.362s-2.406.647-3.014 1.362c.878-.199 1.929-.362 3.014-.362z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_face_neutral_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_neutral_20.svg
new file mode 100644
index 0000000000..8f021a1972
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_neutral_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 3a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm0 2c-2.757 0-5 2.243-5 5s2.243 5 5 5 5-2.243 5-5-2.243-5-5-5zm2 6a1 1 0 1 1 0 2h-4a1 1 0 1 1 0-2zm-4-4a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zm4 0a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_face_neutral_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_neutral_24.svg
new file mode 100644
index 0000000000..af4bb19af4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_neutral_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19 12c0 3.86-3.14 7-7 7s-7-3.14-7-7 3.14-7 7-7 7 3.14 7 7zm-16 0a9 9 0 0 0 9 9 9 9 0 0 0 9-9 9 9 0 0 0 -9-9 9 9 0 0 0 -9 9zm6.3-3.5a1.5 1.5 0 1 1 -.001 3.001 1.5 1.5 0 0 1 .001-3.001zm5.4 3a1.5 1.5 0 1 0 -.001-3.001 1.5 1.5 0 0 0 .001 3.001zm1.3 3.5a1 1 0 0 0 -1-1h-6a1 1 0 1 0 0 2h6a1 1 0 0 0 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_face_neutral_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_neutral_32.svg
new file mode 100644
index 0000000000..865896b8c9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_neutral_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m26.307 16c0 5.683-4.624 10.307-10.307 10.307s-10.307-4.624-10.307-10.307 4.624-10.307 10.307-10.307 10.307 4.624 10.307 10.307zm-22.307 0c0 6.627 5.373 12 12 12s12-5.373 12-12-5.373-12-12-12-12 5.373-12 12zm17 4a1 1 0 0 0 -1-1h-8a1 1 0 1 0 0 2h8a1 1 0 0 0 1-1zm-10.5-7a2 2 0 1 1 3.999-.001 2 2 0 0 1 -3.999.001zm9 2a2 2 0 1 0 .001-3.999 2 2 0 0 0 -.001 3.999z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_face_sad_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_sad_20.svg
new file mode 100644
index 0000000000..7e0299f96f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_sad_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 3a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm0 2c-2.757 0-5 2.243-5 5s2.243 5 5 5 5-2.243 5-5-2.243-5-5-5zm-.003 5.222c1.518 0 2.582.936 2.698 1.043a1 1 0 0 1 -1.345 1.477c-.024-.021-.611-.521-1.352-.521-.753 0-1.344.512-1.35.517a1.004 1.004 0 0 1 -1.409-.08.994.994 0 0 1 .066-1.401c.116-.106 1.174-1.035 2.692-1.035zm-1.997-3.222a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zm4 0a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_face_sad_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_sad_24.svg
new file mode 100644
index 0000000000..87f42c4f90
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_sad_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 3a9 9 0 0 1 9 9 9 9 0 0 1 -9 9 9 9 0 0 1 -9-9 9 9 0 0 1 9-9zm0 2c-3.86 0-7 3.14-7 7s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm-.001 8c2.31 0 3.857 1.153 3.922 1.202a1 1 0 0 1 -1.203 1.598c-.023-.017-1.116-.8-2.719-.8-1.613 0-2.708.792-2.719.8a1.002 1.002 0 0 1 -1.397-.205.997.997 0 0 1 .194-1.393c.064-.049 1.612-1.202 3.922-1.202zm-2.699-4.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm5.4 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_face_sad_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_sad_32.svg
new file mode 100644
index 0000000000..5c90774b68
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_sad_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 4c6.627 0 12 5.373 12 12s-5.373 12-12 12-12-5.373-12-12 5.373-12 12-12zm0 1.693c-5.683 0-10.307 4.624-10.307 10.307s4.624 10.307 10.307 10.307 10.307-4.624 10.307-10.307-4.624-10.307-10.307-10.307zm0 11.807c3.356 0 5.578 2.202 5.671 2.296a1 1 0 1 1 -1.42 1.408c-.014-.014-1.749-1.704-4.251-1.704-2.532 0-4.234 1.688-4.251 1.704a1 1 0 1 1 -1.42-1.408c.093-.094 2.315-2.296 5.671-2.296zm-3.5-6.5a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm7 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_face_smiling_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_smiling_20.svg
new file mode 100644
index 0000000000..b12a8b5862
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_smiling_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 3a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm0 2c-2.757 0-5 2.243-5 5s2.243 5 5 5 5-2.243 5-5-2.243-5-5-5zm2.018 5.72a.998.998 0 0 1 .677 1.736c-.116.107-1.18 1.043-2.698 1.043s-2.576-.929-2.692-1.035a.994.994 0 0 1 -.066-1.401c.367-.41.997-.442 1.409-.08.006.005.597.517 1.35.517.741 0 1.328-.5 1.352-.521a.996.996 0 0 1 .668-.259zm-4.018-3.72a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zm4 0a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_face_smiling_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_smiling_24.svg
new file mode 100644
index 0000000000..a19a5139a6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_smiling_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 3a9 9 0 0 1 9 9 9 9 0 0 1 -9 9 9 9 0 0 1 -9-9 9 9 0 0 1 9-9zm0 2c-3.86 0-7 3.14-7 7s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm3.315 8.501a1.001 1.001 0 0 1 .606 1.797c-.065.049-1.612 1.202-3.922 1.202s-3.858-1.153-3.922-1.202a.997.997 0 0 1 -.194-1.393 1.002 1.002 0 0 1 1.397-.205c.011.008 1.106.8 2.719.8 1.603 0 2.696-.783 2.719-.8a.992.992 0 0 1 .597-.199zm-6.015-5.001a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm5.4 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_face_smiling_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_smiling_32.svg
new file mode 100644
index 0000000000..99b006e45b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_face_smiling_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 4c6.627 0 12 5.373 12 12s-5.373 12-12 12-12-5.373-12-12 5.373-12 12-12zm0 1.693c-5.683 0-10.307 4.624-10.307 10.307s4.624 10.307 10.307 10.307 10.307-4.624 10.307-10.307-4.624-10.307-10.307-10.307zm4.961 12.307a1 1 0 0 1 .71 1.704c-.093.094-2.315 2.296-5.671 2.296s-5.578-2.202-5.671-2.296a1 1 0 1 1 1.42-1.408c.017.016 1.719 1.704 4.251 1.704 2.502 0 4.237-1.69 4.251-1.704a.997.997 0 0 1 .71-.296zm-8.461-7a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm7 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_filter_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_filter_20.svg
new file mode 100644
index 0000000000..a64cdbd95d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_filter_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7 10a2.94 2.94 0 0 1 2.813 2h7.124c.563 0 1 .438 1 1 0 .531-.437 1-1 1h-7.124a2.953 2.953 0 0 1 -2.813 1.969 2.953 2.953 0 0 1 -2.813-1.969h-1.187c-.563 0-1-.469-1-1 0-.562.438-1 1-1h1.188a2.94 2.94 0 0 1 2.812-2zm0 1.969c-.563 0-1 .469-1 1 0 .562.438 1 1 1 .563 0 1-.438 1-1 0-.563-.469-1-1-1zm5.969-7.969a2.98 2.98 0 0 1 2.812 2h1.219c.469 0 .969.313 1 1 0 .563-.438 1-1 1h-1.188c-.437 1.156-1.53 2-2.843 2a2.98 2.98 0 0 1 -2.813-2h-7.156c-.469 0-.969-.344-1-1 0-.562.438-1 1-1h7.156a3.01 3.01 0 0 1 2.813-2zm0 2c-.531 0-1 .438-1 1 0 .563.469 1 1 1 .562 0 1-.437 1-1 0-.562-.469-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_filter_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_filter_24.svg
new file mode 100644
index 0000000000..79a1014250
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_filter_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m8.031 12.969c1.719 0 3.375 1.218 3.844 3.031h9.094c.562 0 1 .469 1 1 0 .562-.438 1-1 1h-9.063c-.437 1.75-2 2.969-3.875 2.969-1.844 0-3.437-1.188-3.875-2.969h-1.156c-.531 0-1-.438-1-1 0-.531.469-1 1-1h1.156c.469-1.75 2.063-3.031 3.875-3.031zm-.031 2.031c-1.125 0-2 .938-2 2 0 1.125.906 2 2 2s2-.875 2-2c0-1.094-.906-2-2-2zm8.031-12a4.044 4.044 0 0 1 3.875 3h1.094c.563 0 1 .469 1 1 0 .563-.438 1-1 1h-1.094c-.437 1.75-2 3-3.875 3-1.812 0-3.437-1.219-3.875-3h-9.156c-.563 0-1-.438-1-1 0-.531.438-1 1-1h9.156c.469-1.75 2.063-3 3.875-3zm-.031 2c-1.094 0-2 .906-2 2s.906 2 2 2 2-.875 2-2c0-1.094-.906-2-2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_filter_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_filter_32.svg
new file mode 100644
index 0000000000..9243219f3c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_filter_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m10.031 20.969a4.015 4.015 0 0 1 3.875 3.031h15.094c.563 0 1 .438 1 1 0 .531-.438 1-1 1h-15.125a3.958 3.958 0 0 1 -3.844 2.969c-1.875 0-3.437-1.25-3.875-2.969h-3.156c-.563 0-1-.469-1-1 0-.562.438-1 1-1h3.125a4.024 4.024 0 0 1 3.906-3.031zm0 2c-1.125 0-2 .906-2 2s.875 2 2 2c.969 0 2-.781 2-2 0-1.094-.906-2-2-2zm11.906-10.969a3.995 3.995 0 0 1 3.875 3h3.188c.563 0 1 .438 1 1 0 .531-.438 1-1 1h-3.188c-.437 1.719-2 3-3.875 3a3.995 3.995 0 0 1 -3.875-3h-15.124c-.5 0-.937-.469-.937-1 0-.562.438-1 .938-1h15.124c.47-1.719 2.032-3 3.875-3zm0 2c-1.093 0-2 .906-2 2 0 1.125.907 2 2 2 1.125 0 2-.875 2-2 0-1.094-.875-2-2-2zm-11.937-11a3.96 3.96 0 0 1 3.875 3h15.125c.563 0 1 .438 1 1 0 .531-.438 1-1 1h-15.125c-.5 1.781-2.031 3-3.875 3a3.995 3.995 0 0 1 -3.875-3h-3.125c-.563 0-1-.469-1-1 0-.562.438-1 1-1h3.125c.438-1.75 2-3 3.875-3zm0 2c-1.094 0-2 .875-2 2 0 1.094.906 2 2 2s2-.906 2-2-.875-2-2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_fingerprint_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_fingerprint_20.svg
new file mode 100644
index 0000000000..f63bc71737
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_fingerprint_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m11.87 17.37c-2.156-1.268-3.56-3.123-4.059-5.365-.121-.547.204-1.094.728-1.221.525-.127 1.047.213 1.169.76.47 2.112 1.954 3.37 3.118 4.053.468.276.634.895.37 1.385a.967.967 0 0 1 -.849.518.934.934 0 0 1 -.477-.13zm-5.91-.452a.965.965 0 0 1 -.837-.496c-.747-1.309-.987-2.42-.997-2.467a8.506 8.506 0 0 1 -.261-2.093c0-1.515.64-2.944 1.755-3.918a4.771 4.771 0 0 1 3.135-1.19c2.132 0 4.003 1.424 4.658 3.544.165.534-.117 1.107-.628 1.28-.513.172-1.06-.121-1.225-.656-.395-1.277-1.521-2.134-2.805-2.134-.687 0-1.357.254-1.886.716a3.125 3.125 0 0 0 -1.058 2.359c0 .537.071 1.093.204 1.607.012.052.203.9.78 1.911.275.482.124 1.106-.338 1.393a.94.94 0 0 1 -.498.145v-.001zm10.156-2.4c-.523-.129-.848-.676-.724-1.223.578-2.57-.248-5.25-2.156-6.995a1.049 1.049 0 0 1 -.091-1.435.945.945 0 0 1 1.374-.095c2.451 2.242 3.512 5.687 2.769 8.99a.984.984 0 0 1 -.947.784.912.912 0 0 1 -.225-.027zm-13.8-7.595a1.05 1.05 0 0 1 -.061-1.437c1.465-1.676 3.463-2.72 5.624-2.942a8.49 8.49 0 0 1 3.04.24c.52.139.835.692.703 1.236-.133.544-.662.87-1.184.734a6.523 6.523 0 0 0 -2.369-.187c-1.681.172-3.236.985-4.377 2.29a.948.948 0 0 1 -1.375.065z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_fingerprint_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_fingerprint_24.svg
new file mode 100644
index 0000000000..8b60313ecb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_fingerprint_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.349 7.632a9.825 9.825 0 0 1 4.151 6.77 3.067 3.067 0 0 1 -.606 2.285 3.062 3.062 0 0 1 -2.045 1.186 3.094 3.094 0 0 1 -3.47-2.648 3.634 3.634 0 0 0 -7.107-.477c-.382 1.4.16 3.627 2.231 5.45a1.03 1.03 0 0 1 -1.357 1.545c-2.926-2.573-3.368-5.668-2.857-7.537a5.648 5.648 0 0 1 2.668-3.443 5.692 5.692 0 0 1 8.464 4.188c.074.554.625.956 1.148.883a1.026 1.026 0 0 0 .892-1.157 7.76 7.76 0 0 0 -3.279-5.35 1.03 1.03 0 0 1 1.167-1.695zm-4.56 7.522a5.727 5.727 0 0 0 3.583 4.198 1.029 1.029 0 1 1 -.72 1.927 7.8 7.8 0 0 1 -4.88-5.715 1.03 1.03 0 0 1 2.017-.41zm.221-9.176c.563.071.962.587.89 1.15-.073.563-.585.97-1.152.89a7.76 7.76 0 0 0 -4.814.959 7.702 7.702 0 0 0 -3.632 4.688 7.868 7.868 0 0 0 -.249 1.395 1.03 1.03 0 0 1 -1.112.936 1.028 1.028 0 0 1 -.937-1.113 9.87 9.87 0 0 1 .313-1.76 9.75 9.75 0 0 1 4.597-5.933 9.79 9.79 0 0 1 6.096-1.212zm-7.393-.264a1.029 1.029 0 0 1 -.507-1.926 14.011 14.011 0 0 1 10.498-1.304c1.111.304 2.18.743 3.175 1.303a1.029 1.029 0 0 1 -1.009 1.793 11.887 11.887 0 0 0 -2.707-1.11 11.943 11.943 0 0 0 -8.947 1.11 1.03 1.03 0 0 1 -.503.134z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_fingerprint_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_fingerprint_32.svg
new file mode 100644
index 0000000000..ec8638f59f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_fingerprint_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16.014 14.486a5.018 5.018 0 0 1 4.896 3.997 3.71 3.71 0 0 0 2.905 2.904 4.989 4.989 0 0 1 3.173 2.135 1 1 0 1 1 -1.662 1.112 2.944 2.944 0 0 0 -1.909-1.285 5.706 5.706 0 0 1 -4.467-4.465 3.01 3.01 0 0 0 -2.936-2.397c-.201 0-.406.021-.592.06a2.98 2.98 0 0 0 -1.911 1.282 2.985 2.985 0 0 0 -.44 2.257 11.686 11.686 0 0 0 3.172 5.931c.453.455 1.548 1.401 2.02 1.746a1 1 0 1 1 -1.181 1.614c-.595-.436-1.776-1.468-2.256-1.95a13.678 13.678 0 0 1 -3.715-6.943 4.976 4.976 0 0 1 .733-3.761 4.964 4.964 0 0 1 3.177-2.137c.312-.064.657-.1.993-.1zm.977 4.8a7.7 7.7 0 0 0 6.031 6.021 1 1 0 0 1 -.397 1.962 9.698 9.698 0 0 1 -7.594-7.584 1 1 0 1 1 1.96-.399zm-7.652 2.616c.332 1.188.914 2.389 1.681 3.47a1 1 0 1 1 -1.631 1.158c-.913-1.286-1.578-2.661-1.976-4.089a1 1 0 1 1 1.926-.539zm6.671-15.402c1.263 0 2.516.184 3.725.547a1 1 0 1 1 -.576 1.916 10.914 10.914 0 0 0 -3.15-.463c-6.071 0-11.01 4.939-11.01 11.011 0 .382.02.761.059 1.136a1.001 1.001 0 0 1 -.996 1.104 1.003 1.003 0 0 1 -.993-.897 13.057 13.057 0 0 1 -.069-1.343c0-7.174 5.836-13.011 13.01-13.011zm7.429 2.337a13.04 13.04 0 0 1 5.129 7.27 3.005 3.005 0 0 1 -2.108 3.681 3.068 3.068 0 0 1 -.586.097l-.195.005-.178-.004a3.007 3.007 0 0 1 -2.722-2.208 7.027 7.027 0 0 0 -6.768-5.178c-3.481 0-6.466 2.598-6.944 6.043a1 1 0 0 1 -1.982-.275c.615-4.428 4.452-7.768 8.925-7.768a9.033 9.033 0 0 1 8.699 6.654c.144.531.694.847 1.23.703a1 1 0 0 0 .699-1.227 11.04 11.04 0 0 0 -4.342-6.152 1 1 0 0 1 1.143-1.641zm-7.429-6.337c3.742 0 7.279 1.195 10.266 3.458a1 1 0 1 1 -1.207 1.593 14.9 14.9 0 0 0 -9.059-3.052 14.894 14.894 0 0 0 -9.066 3.055.993.993 0 0 1 -.604.204 1 1 0 0 1 -.606-1.795 16.844 16.844 0 0 1 10.276-3.463z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_20.svg
new file mode 100644
index 0000000000..5c5ac9d13f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8.056 4h-3.056a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6.5a2 2 0 0 0 -2-2h-5.075l-1.15-1.194a1 1 0 0 0 -.719-.306zm-3.056 2h2.631l1.149 1.194a1 1 0 0 0 .72.306h5.5v6.5h-10z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_24.svg
new file mode 100644
index 0000000000..c41ea53aa0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m9.5 4h-4a2.5 2.5 0 0 0 -2.5 2.5v11a2.5 2.5 0 0 0 2.5 2.5h13a2.5 2.5 0 0 0 2.5-2.5v-9c0-1.435-1.175-2.5-2.5-2.5h-6.585l-1.708-1.707a1 1 0 0 0 -.707-.293zm-4 2h3.585l1.708 1.707a1 1 0 0 0 .707.293h7a.5.5 0 0 1 .5.5v9a.5.5 0 0 1 -.5.5h-13a.5.5 0 0 1 -.5-.5v-11a.5.5 0 0 1 .5-.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_32.svg
new file mode 100644
index 0000000000..9b42067c72
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m26 9c1.539 0 3 1.222 3.023 3l-.023 12c0 1.598-1.247 2.972-3 3h-20c-1.598 0-3-1.277-3-3v-16c0-1.598 1.29-3 3-3h6.5c.221 0 .515.093.707.293l3.708 3.707zm-21 2v13c0 .513.418 1 1 1h20a1 1 0 0 0 1-1v-12a.993.993 0 0 0 -1-.993zm7.085-4h-6.085a1 1 0 0 0 -1 1v1h9.085z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_open_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_open_20.svg
new file mode 100644
index 0000000000..42003b843d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_open_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.056 4c.226 0 .444 0 .72.306.385.397.768.795 1.149 1.194h4.075c1.054 0 2 .85 2 2 .002.5.002 1 0 1.5.592 0 1.121.523.98 1.196-.277 1.399-.557 2.798-.839 4.196a2.021 2.021 0 0 1 -1.96 1.608c-3.454.002-6.908.002-10.361 0-.9 0-1.82-.703-1.961-1.608-.282-1.398-.562-2.797-.84-4.196-.116-.58.322-1.196.981-1.196v-3c0-1.054.869-2 2-2 1.352-.002 2.704-.002 4.056 0zm6.724 7h-11.561l.6 3h10.361zm-7.149-5h-3.631v3h10v-1.5h-4.5c-.226 0-.5-.08-.72-.306-.387-.398-.77-.796-1.15-1.194z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_open_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_open_24.svg
new file mode 100644
index 0000000000..6faf4ae41b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_open_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10.5 4c.221 0 .477.08.679.26l1.736 1.74h5.088c1.326 0 2.5 1.06 2.5 2.5v1.301c.78.423 1.434 1.358 1.29 2.491l-.65 5.553c-.143 1.195-1.2 2.155-2.477 2.155h-13.332c-1.444 0-2.334-1.11-2.474-2.155l-.656-5.553a2.5 2.5 0 0 1 1.296-2.492v-3.3c0-1.325 1.065-2.5 2.5-2.5zm-5.822 7.5c-.286 0-.494.263-.494.5l.653 5.558a.509.509 0 0 0 .497.442h13.332c.303 0 .432-.231.493-.442l.654-5.558a.505.505 0 0 0 -.458-.5zm5.407-5.5h-4.085a.5.5 0 0 0 -.5.5v3h13.003v-1c0-.245-.188-.5-.5-.5h-5.503c-.221 0-.497-.08-.731-.307z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_open_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_open_32.svg
new file mode 100644
index 0000000000..f2dd64c8c1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_open_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m14.5 5c.217 0 .482.067.737.319l3.678 3.681h6.085c1.598 0 3 1.29 3 3.027v1.3c.973.495 1.85 1.68 1.596 3.166l-1.331 8a3.004 3.004 0 0 1 -2.791 2.507h-18.78a3.01 3.01 0 0 1 -2.959-2.507l-1.333-8a3.001 3.001 0 0 1 1.597-3.167l.001-5.326c0-1.598 1.29-3 3-3zm-9.177 10.007c-.631.043-1.032.526-.945 1.204l1.33 7.953a1 1 0 0 0 .866.829l18.732.007c.448 0 .901-.328.986-.836l1.328-7.953c.09-.725-.365-1.144-.92-1.204zm8.762-8.007h-7.085c-.513 0-1 .406-1 1v5h20v-1c0-.513-.425-.963-1-1h-6.5c-.221 0-.516-.096-.707-.293z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_open_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_open_solid_20.svg
new file mode 100644
index 0000000000..5ed9767e9a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_open_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.077 4c.322 0 .583.177.699.306l1.149 1.194h4.075c1.054 0 2.005.844 2 2v1.5c.592 0 1.114.548.98 1.196l-.839 4.196a2.002 2.002 0 0 1 -1.96 1.608h-10.361a2.002 2.002 0 0 1 -1.961-1.608l-.84-4.196a1 1 0 0 1 .981-1.196v-3c0-1.054.834-2 2-2zm-.446 2h-3.631v3h10v-1.5h-4.5c-.233 0-.5-.08-.72-.306l-1.15-1.194z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_solid_20.svg
new file mode 100644
index 0000000000..35b0116765
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_folder_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8.056 4h-3.056a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6.5a2 2 0 0 0 -2-2h-5.075l-1.15-1.194a1 1 0 0 0 -.719-.306z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_generic_card_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_generic_card_20.svg
new file mode 100644
index 0000000000..52f1b64e90
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_generic_card_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16 4c1.094 0 2 .906 2 2v8c0 1.094-.906 2-2 2h-12c-1.094 0-2-.906-2-2v-8c0-1.094.906-2 2-2zm0 6h-12v4h12zm0-4h-12v2h12z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_generic_card_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_generic_card_24.svg
new file mode 100644
index 0000000000..e5b0ea3aa7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_generic_card_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5 5c1.344 0 2.5 1.03 2.5 2.344v9.156c0 1.344-1.03 2.5-2.344 2.5h-15.156c-1.344 0-2.5-1.03-2.5-2.344v-9.156c0-1.313 1.03-2.5 2.344-2.5zm.5 6h-16v5.5c0 .252.156.5.406.5h15.094c.25 0 .5-.156.5-.406zm-.406-4h-15.094c-.25 0-.5.188-.5.406v1.594h16v-1.5c0-.25-.154-.5-.406-.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_generic_card_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_generic_card_32.svg
new file mode 100644
index 0000000000..ca45675d52
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_generic_card_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27 6c1.656 0 3 1.375 3 3v14c0 1.656-1.375 3-3 3h-22c-1.656 0-3-1.375-3-3v-14a3 3 0 0 1 3-3zm1 8h-24v9c0 .5.374 1 .875 1h22.125c.563 0 1-.469 1-1zm-1-6h-22c-.563 0-1 .469-1 1v3h24v-3c0-.563-.469-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_generic_card_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_generic_card_solid_20.svg
new file mode 100644
index 0000000000..e86677c9df
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_generic_card_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16 4c1.094 0 2 .906 2 2v8c0 1.094-.906 2-2 2h-12c-1.094 0-2-.906-2-2v-8c0-1.094.906-2 2-2zm0 2h-12v2h12z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_giftcard_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_giftcard_20.svg
new file mode 100644
index 0000000000..0c3e9d2457
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_giftcard_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m11.502 2a2.002 2.002 0 0 1 1.718 3.005h2.536a2.257 2.257 0 0 1 2.244 2.244v7.492c0 1.171-.839 2.264-2.244 2.264h-11.512c-1.23 0-2.244-1.015-2.244-2.265v-7.49c0-1.23 1.034-2.244 2.244-2.244h2.536a1.903 1.903 0 0 1 -.273-.995c0-1.112.898-2.01 1.99-2.01a2.02 2.02 0 0 1 1.503.682 2.02 2.02 0 0 1 1.502-.683zm-2.497 8.995h-4.995v4h4.995zm6.985 0h-4.995v4h4.995zm-6.985-4h-4.995v2.01h4.995zm6.985 0h-4.995v2.01h4.995z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_giftcard_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_giftcard_24.svg
new file mode 100644
index 0000000000..470a89d58f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_giftcard_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m14.781 2c1.938 0 3.531 1.591 3.531 3.494 0 .562-.156 1.03-.375 1.529h1.563c1.375 0 2.5 1.123 2.5 2.465v9.016a2.505 2.505 0 0 1 -2.5 2.496h-15a2.505 2.505 0 0 1 -2.5-2.496v-9.016c0-1.342 1.125-2.465 2.5-2.465h1.531c-.218-.5-.343-.967-.343-1.529a3.511 3.511 0 0 1 3.5-3.494 3.39 3.39 0 0 1 2.78 1.435c.658-.873 1.689-1.435 2.814-1.435zm-3.781 10.982h-7v5.522c0 .25.219.5.5.5h6.5zm9 0h-7v6.021h6.5c.281 0 .5-.25.5-.499zm-9-3.993h-6.5c-.281 0-.5.218-.5.499v1.497h7v-1.995zm8.5 0h-6.5v1.996h7v-1.497c0-.281-.219-.5-.5-.5zm-10.313-4.992a1.5 1.5 0 0 0 -1.5 1.497c0 .843.657 1.529 1.5 1.529.813 0 1.5-.686 1.5-1.529a1.52 1.52 0 0 0 -1.5-1.497zm5.594 0c-.812 0-1.5.686-1.5 1.497 0 .843.688 1.529 1.5 1.529.844 0 1.531-.686 1.531-1.529 0-.81-.687-1.497-1.53-1.497z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_giftcard_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_giftcard_32.svg
new file mode 100644
index 0000000000..06d99f2e19
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_giftcard_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m19.5 3a4 4 0 0 1 3.463 6.001l4.037-.001a3 3 0 0 1 3 3v14a3 3 0 0 1 -3 3h-22a3 3 0 0 1 -3-3v-14a3 3 0 0 1 3-3l4.036.001a4 4 0 1 1 6.966-3.937 3.991 3.991 0 0 1 3.498-2.064zm-4.5 14h-11v9a1 1 0 0 0 1 1h10zm13 0h-11v10h10a1 1 0 0 0 1-1zm-13-6h-10a1 1 0 0 0 -1 1v3h11zm12 0h-10v4h11v-3a1 1 0 0 0 -1-1zm-14.5-6a2 2 0 1 0 2 2c0-1.1-1-2-2-2zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7.5 17a1 1 0 0 1 0 2h-5a1 1 0 0 1 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_hearing_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_hearing_20.svg
new file mode 100644
index 0000000000..85433931d2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_hearing_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.13 10.433a1 1 0 0 1 -.282-1.386c.337-.509.403-.729.403-.938a1.001 1.001 0 0 0 -1.69-.724.999.999 0 1 1 -1.384-1.443 2.985 2.985 0 0 1 2.074-.833c1.654 0 3 1.346 3 3 0 .773-.294 1.376-.735 2.042a.998.998 0 0 1 -1.386.282zm3.312 2.197c.848-1.179 1.81-2.515 1.81-4.52 0-3.31-2.692-6-6-6a5.972 5.972 0 0 0 -4.15 1.666.999.999 0 0 0 -.03 1.413.997.997 0 0 0 1.413.03 3.981 3.981 0 0 1 2.766-1.11c2.206 0 4 1.794 4 4 0 1.362-.696 2.33-1.432 3.354-.61.85-1.24 1.726-1.504 2.87-.249 1.206-1.532 2.005-2.719 1.712a1 1 0 0 0 -.476 1.943c.33.08.67.121 1.01.121 2 0 3.741-1.419 4.14-3.35.166-.73.632-1.378 1.172-2.129z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_hearing_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_hearing_24.svg
new file mode 100644
index 0000000000..827315c211
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_hearing_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.915 12.915a1 1 0 0 1 -.265-1.39c.605-.89.81-1.393.81-1.987a2.432 2.432 0 0 0 -2.429-2.429 2.42 2.42 0 0 0 -1.679.674 1 1 0 1 1 -1.384-1.443 4.4 4.4 0 0 1 3.062-1.23 4.434 4.434 0 0 1 4.43 4.43c0 1.174-.443 2.061-1.157 3.111a1 1 0 0 1 -1.388.264zm3.273 2.27c1.065-1.48 2.272-3.158 2.272-5.646 0-4.097-3.333-7.429-7.429-7.429a7.393 7.393 0 0 0 -5.138 2.064.999.999 0 1 0 1.384 1.443 5.4 5.4 0 0 1 3.754-1.508 5.436 5.436 0 0 1 5.43 5.43c0 1.843-.92 3.123-1.897 4.478-.768 1.067-1.562 2.172-1.886 3.58a3.163 3.163 0 0 1 -4.394 2.232 1 1 0 1 0 -.828 1.82c.672.306 1.39.461 2.133.461 2.435 0 4.558-1.729 5.043-4.087.23-.993.874-1.889 1.556-2.838z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_hearing_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_hearing_32.svg
new file mode 100644
index 0000000000..822a41b575
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_hearing_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m17.794 17.26a1 1 0 0 1 -.26-1.39c.87-1.274 1.342-2.189 1.342-3.367a4.29 4.29 0 0 0 -4.286-4.285c-1.11 0-2.163.423-2.963 1.19a.997.997 0 0 1 -1.414-.03.999.999 0 0 1 .03-1.414 6.255 6.255 0 0 1 4.347-1.746 6.292 6.292 0 0 1 6.286 6.285c0 1.69-.62 2.928-1.692 4.495a1 1 0 0 1 -1.39.261zm3.884 3.141c1.5-2.084 3.198-4.445 3.198-7.897 0-5.67-4.614-10.285-10.286-10.285a10.237 10.237 0 0 0 -7.114 2.857.999.999 0 0 0 -.03 1.413.997.997 0 0 0 1.414.03 8.25 8.25 0 0 1 5.73-2.3c4.57 0 8.286 3.716 8.286 8.284 0 2.808-1.37 4.713-2.82 6.73-1.084 1.506-2.205 3.063-2.65 5a5.014 5.014 0 0 1 -4.898 3.984c-.72 0-1.417-.15-2.07-.446a1 1 0 1 0 -.827 1.82 6.962 6.962 0 0 0 2.897.626c3.307 0 6.19-2.348 6.851-5.559.35-1.519 1.306-2.849 2.32-4.257z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_hearing_disabled_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_hearing_disabled_20.svg
new file mode 100644
index 0000000000..4f8508bb51
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_hearing_disabled_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.13 10.433a1 1 0 0 1 -.282-1.386c.337-.509.403-.729.403-.938a1.001 1.001 0 0 0 -1.69-.724.999.999 0 1 1 -1.384-1.443 2.985 2.985 0 0 1 2.074-.833c1.654 0 3 1.346 3 3 0 .773-.294 1.376-.735 2.042a.998.998 0 0 1 -1.386.282zm3.312 2.197c.848-1.179 1.81-2.515 1.81-4.52 0-3.31-2.692-6-6-6a5.972 5.972 0 0 0 -4.15 1.666.999.999 0 0 0 -.03 1.413.997.997 0 0 0 1.413.03 3.981 3.981 0 0 1 2.766-1.11c2.206 0 4 1.794 4 4 0 1.362-.696 2.33-1.432 3.354-.61.85-1.24 1.726-1.504 2.87-.249 1.206-1.532 2.005-2.719 1.712a1 1 0 0 0 -.476 1.943c.33.08.67.121 1.01.121 2 0 3.741-1.419 4.14-3.35.166-.73.632-1.378 1.172-2.129zm3.384-7.912.902-.902a.999.999 0 1 0 -1.414-1.414l-.902.902a.999.999 0 1 0 1.414 1.414zm-13.096 13.098 4.335-4.336a.999.999 0 1 0 -1.414-1.414l-4.335 4.336a.999.999 0 1 0 1.414 1.414z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_hearing_disabled_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_hearing_disabled_24.svg
new file mode 100644
index 0000000000..83548eebeb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_hearing_disabled_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.915 12.915a1 1 0 0 1 -.265-1.39c.605-.89.81-1.393.81-1.987a2.432 2.432 0 0 0 -2.429-2.429 2.42 2.42 0 0 0 -1.679.674 1 1 0 1 1 -1.384-1.443 4.4 4.4 0 0 1 3.062-1.23 4.434 4.434 0 0 1 4.43 4.43c0 1.174-.443 2.061-1.157 3.111a1 1 0 0 1 -1.388.264zm3.273 2.27c1.065-1.48 2.272-3.158 2.272-5.646 0-4.097-3.333-7.429-7.429-7.429a7.393 7.393 0 0 0 -5.138 2.064.999.999 0 1 0 1.384 1.443 5.4 5.4 0 0 1 3.754-1.508 5.436 5.436 0 0 1 5.43 5.43c0 1.843-.92 3.123-1.897 4.478-.768 1.067-1.562 2.172-1.886 3.58a3.163 3.163 0 0 1 -4.394 2.232 1 1 0 1 0 -.828 1.82c.672.306 1.39.461 2.133.461 2.435 0 4.558-1.729 5.043-4.087.23-.993.874-1.889 1.556-2.838zm3.597-9.556 1.921-1.922a.999.999 0 1 0 -1.414-1.414l-1.92 1.922a.999.999 0 1 0 1.413 1.414zm-11.208 11.208a.999.999 0 1 0 -1.414-1.414l-4.87 4.871a.999.999 0 1 0 1.414 1.414l4.87-4.87z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_hearing_disabled_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_hearing_disabled_32.svg
new file mode 100644
index 0000000000..f206791080
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_hearing_disabled_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m17.794 17.26a1 1 0 0 1 -.26-1.39c.87-1.274 1.342-2.189 1.342-3.367a4.29 4.29 0 0 0 -4.286-4.285c-1.11 0-2.163.423-2.963 1.19a.997.997 0 0 1 -1.414-.03.999.999 0 0 1 .03-1.414 6.255 6.255 0 0 1 4.347-1.746 6.292 6.292 0 0 1 6.286 6.285c0 1.69-.62 2.928-1.692 4.495a1 1 0 0 1 -1.39.261zm3.884 3.141c1.5-2.084 3.198-4.445 3.198-7.897 0-5.67-4.614-10.285-10.286-10.285a10.237 10.237 0 0 0 -7.114 2.857.999.999 0 0 0 -.03 1.413.997.997 0 0 0 1.414.03 8.25 8.25 0 0 1 5.73-2.3c4.57 0 8.286 3.716 8.286 8.284 0 2.808-1.37 4.713-2.82 6.73-1.084 1.506-2.205 3.063-2.65 5a5.014 5.014 0 0 1 -4.898 3.984c-.72 0-1.417-.15-2.07-.446a1 1 0 1 0 -.827 1.82 6.962 6.962 0 0 0 2.897.626c3.307 0 6.19-2.348 6.851-5.559.35-1.519 1.306-2.849 2.32-4.257zm4.323-12.857 3.728-3.728a.999.999 0 1 0 -1.414-1.414l-3.728 3.728a.999.999 0 1 0 1.414 1.414zm-22.271 22.272 7-7a.999.999 0 1 0 -1.414-1.414l-7 7a.999.999 0 1 0 1.414 1.414z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_heart_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_heart_20.svg
new file mode 100644
index 0000000000..ca4abc38c9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_heart_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m6.44 3c1.144 0 2.303.44 3.168 1.306l.392.392.294-.261c.95-.844 2.057-1.404 3.265-1.404 2.417-0 4.441 1.826 4.441 4.212 0 1.273-.361 2.479-1.306 3.396l-5.551 5.388c-.298.29-.719.49-1.143.49s-.845-.2-1.143-.49l-5.55-5.388c-.897-.868-1.307-2.025-1.307-3.167 0-2.45 1.992-4.474 4.44-4.474zm.012 2a2.468 2.468 0 0 0 -2.452 2.449c0 .62.254 1.28.72 1.73l5.296 5.127 5.297-5.126c.498-.482.687-1.176.687-1.862 0-1.307-1.08-2.285-2.42-2.285-.686 0-1.314.287-1.83.783l-.884.85a1.222 1.222 0 0 1 -1.733 0l-.948-.948a2.452 2.452 0 0 0 -1.733-.718z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_heart_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_heart_24.svg
new file mode 100644
index 0000000000..ec7d0a3b22
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_heart_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.563 3.5c3.03 0 5.437 2.469 5.437 5.469 0 1.375-.467 2.783-1.563 3.844l-7.75 7.5a.919.919 0 0 1 -.687.28.97.97 0 0 1 -.688-.28l-7.718-7.5c-1.062-1.033-1.594-2.439-1.594-3.844 0-3 2.438-5.469 5.438-5.469 1.437 0 2.827.578 3.843 1.594l.719.718.719-.718a5.485 5.485 0 0 1 3.844-1.594zm0 2c-.875 0-1.782.375-2.438 1.031l-1.406 1.407a1.077 1.077 0 0 1 -.719.312c-.25 0-.5-.125-.688-.313l-1.436-1.437a3.506 3.506 0 0 0 -2.438-1c-1.906 0-3.438 1.563-3.438 3.469 0 .875.319 1.743 1 2.406l7 6.813 7-6.813a3.404 3.404 0 0 0 1.031-2.438c0-1.874-1.562-3.437-3.468-3.437z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_heart_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_heart_32.svg
new file mode 100644
index 0000000000..134c9f747c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_heart_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m22.594 4c4.062 0 7.406 3.281 7.406 7.375 0 1.875-.656 3.781-2.219 5.281l-11.093 10.814a1.043 1.043 0 0 1 -.72.281.97.97 0 0 1 -.687-.281l-11.125-10.814c-1.468-1.406-2.156-3.343-2.156-5.218 0-4.158 3.375-7.438 7.375-7.438 1.906 0 3.813.75 5.25 2.188l1.344 1.343 1.344-1.343a7.453 7.453 0 0 1 5.28-2.188zm-.063 2.031a5.27 5.27 0 0 0 -3.781 1.563l-2.063 2.062a1.042 1.042 0 0 1 -.718.281.97.97 0 0 1 -.688-.28l-2.061-2.064c-1.032-1.031-2.407-1.563-3.845-1.563-2.969.001-5.375 2.408-5.375 5.44 0 1.375.5 2.75 1.563 3.781l10.406 10.094 10.406-10.095c1.094-1.063 1.594-2.438 1.594-3.813 0-3.03-2.469-5.406-5.438-5.406z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_heart_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_heart_solid_20.svg
new file mode 100644
index 0000000000..1a0d7e0cfb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_heart_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8.857 16.029-5.55-5.388c-.897-.868-1.307-2.025-1.307-3.167 0-2.45 1.992-4.474 4.44-4.474 1.144 0 2.303.44 3.168 1.306l.392.392.294-.261c.95-.844 2.057-1.404 3.265-1.404 2.417-0 4.441 1.826 4.441 4.212 0 1.273-.361 2.479-1.306 3.396l-5.551 5.388c-.298.29-.719.49-1.143.49s-.845-.2-1.143-.49z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_heart_solid_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_heart_solid_24.svg
new file mode 100644
index 0000000000..553ad5db61
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_heart_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 20.594a.97.97 0 0 1 -.688-.282l-7.718-7.5c-1.062-1.031-1.594-2.436-1.594-3.842 0-3 2.438-5.469 5.438-5.469 1.437 0 2.827.578 3.843 1.594l.719.718.719-.718a5.485 5.485 0 0 1 3.844-1.595c3.03 0 5.437 2.469 5.437 5.469 0 1.375-.467 2.783-1.563 3.844l-7.75 7.5a.919.919 0 0 1 -.687.28z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_heart_solid_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_heart_solid_32.svg
new file mode 100644
index 0000000000..14db495f76
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_heart_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m15.969 27.75a.97.97 0 0 1 -.688-.281l-11.125-10.813c-1.468-1.406-2.156-3.343-2.156-5.218 0-4.158 3.375-7.438 7.375-7.438 1.906 0 3.813.75 5.25 2.188l1.344 1.343 1.344-1.343a7.453 7.453 0 0 1 5.28-2.188c4.064 0 7.407 3.281 7.407 7.375 0 1.875-.656 3.781-2.219 5.281l-11.093 10.814a1.043 1.043 0 0 1 -.72.281z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_help_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_help_20.svg
new file mode 100644
index 0000000000..cda8884903
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_help_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c4.399 0 8 3.581 8 7.995 0 4.398-3.58 8.005-8 8.005s-8-3.608-8-8.005c0-4.403 3.59-7.995 8-7.995zm0 2a5.99 5.99 0 0 0 -5.99 5.995c0 3.3 2.663 6.005 5.99 6.005 3.328 0 5.99-2.707 5.99-6.005a5.99 5.99 0 0 0 -5.99-5.995zm-.37 10.498a.987.987 0 0 0 .994-.996c0-.546-.429-.975-.995-.975s-.995.43-.995.975c0 .547.43.996.995.996zm-.996-2.869h1.99v-1.014c0-.68 1.761-1.025 1.761-2.966 0-1.386-1.097-2.147-2.513-2.147-.898 0-1.883.307-2.307.65l.68 1.765c.43-.238.983-.424 1.461-.424.558 0 .704.253.704.535 0 .983-1.776.893-1.776 2.587z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_help_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_help_24.svg
new file mode 100644
index 0000000000..1ecf733895
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_help_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2a9.99 9.99 0 0 1 10 10 9.99 9.99 0 0 1 -10 10 9.99 9.99 0 0 1 -10-10 9.99 9.99 0 0 1 10-10zm0 2c-4.406 0-8 3.594-8 8s3.594 8 8 8c4.438 0 8-3.594 8-8s-3.594-8-8-8zm-2.498 3.531c-.032.532.375.938.875.969s1.125-.344 1.906-.344c.562 0 1.125.219 1.125.844 0 1.75-2.625 1.406-2.625 4.063 0 .53.437.968.969.968.625 0 .968-.5.968-.969 0-1.343 2.625-1.156 2.625-4.062 0-1.688-1.312-2.781-3.125-2.781-1.25 0-2.718.312-2.718 1.312zm1.048 9.25c0-.687.594-1.25 1.281-1.25.688 0 1.282.563 1.282 1.25 0 .719-.594 1.282-1.282 1.282a1.287 1.287 0 0 1 -1.281-1.282z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_help_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_help_32.svg
new file mode 100644
index 0000000000..1f206facd9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_help_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c7.72 0 14 6.28 14 14s-6.28 14-14 14-14-6.28-14-14 6.28-14 14-14zm0 2c-6.617 0-12 5.383-12 12s5.383 12 12 12 12-5.383 12-12-5.383-12-12-12zm-1.507 13.567a.998.998 0 1 0 1.996 0c0-1.996 3.631-1.626 3.631-5.571 0-1.994-1.611-3.496-3.748-3.496-1.525 0-3.622.307-3.622 1.489 0 .543.448.997.998.997.931 0 1.147-.49 2.624-.49.872 0 1.753.464 1.753 1.5 0 2.815-3.632 2.168-3.632 5.571zm2.406 4.308a1.375 1.375 0 1 1 -2.75-.002 1.375 1.375 0 0 1 2.75.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_help_solid_16.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_help_solid_16.svg
new file mode 100644
index 0000000000..d696ed1f22
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_help_solid_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m8.003 2a6 6 0 0 1 5.997 5.996c0 3.308-2.681 6.004-5.996 6.004-3.328 0-6.004-2.712-6.004-6.004 0-3.302 2.692-5.996 6.003-5.996zm-.25 8.146c-.596 0-1.08.47-1.08 1.09 0 .612.472 1.08 1.096 1.08.615 0 1.074-.482 1.074-1.081 0-.585-.468-1.089-1.09-1.089zm.15-6.337c-1.058 0-1.942.443-2.291.655l.718 1.717c.448-.236 1.077-.483 1.534-.483.488 0 .589.28.589.503 0 .902-1.655.857-1.655 2.447v.952h1.873v-.952c0-.63 1.658-1.024 1.658-2.794 0-1.264-1.018-2.045-2.425-2.045z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_help_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_help_solid_20.svg
new file mode 100644
index 0000000000..b531b5e29c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_help_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.004 2c4.406 0 7.996 3.575 7.996 7.994 0 4.41-3.575 8.006-7.995 8.006-4.437 0-8.005-3.616-8.005-8.006 0-4.402 3.589-7.994 8.004-7.994zm-.314 10.683c-.745 0-1.35.586-1.35 1.361 0 .766.59 1.351 1.37 1.351.769 0 1.343-.603 1.343-1.351 0-.732-.586-1.361-1.363-1.361zm.19-7.923c-1.324 0-2.43.555-2.865.82l.897 2.146c.56-.296 1.346-.605 1.918-.605.61 0 .736.351.736.629 0 1.128-2.068 1.07-2.068 3.059v1.191h2.341v-1.19c0-.788 2.073-1.28 2.073-3.493 0-1.58-1.273-2.556-3.032-2.556z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_help_solid_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_help_solid_24.svg
new file mode 100644
index 0000000000..f3015e8b7f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_help_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2a9.99 9.99 0 0 1 10 10 9.99 9.99 0 0 1 -10 10 9.99 9.99 0 0 1 -10-10 9.99 9.99 0 0 1 10-10zm-.169 13.531c-.687 0-1.281.563-1.281 1.25 0 .719.594 1.282 1.281 1.282.688 0 1.282-.563 1.282-1.282 0-.687-.594-1.25-1.282-1.25zm.39-9.312c-1.25 0-2.72.312-2.72 1.312-.03.532.376.938.876.969s1.125-.344 1.906-.344c.562 0 1.125.219 1.125.844 0 1.75-2.625 1.406-2.625 4.063 0 .53.437.968.969.968.625 0 .968-.5.968-.969 0-1.343 2.625-1.156 2.625-4.062 0-1.688-1.312-2.781-3.125-2.781z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_help_solid_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_help_solid_32.svg
new file mode 100644
index 0000000000..c77984b0bf
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_help_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c7.72 0 14 6.28 14 14s-6.28 14-14 14-14-6.28-14-14 6.28-14 14-14zm-.475 18.5a1.375 1.375 0 1 0 0 2.75 1.375 1.375 0 0 0 0-2.75zm.847-12c-1.525 0-3.622.307-3.622 1.489 0 .543.448.997.998.997.931 0 1.147-.49 2.624-.49.872 0 1.753.464 1.753 1.5 0 2.815-3.632 2.168-3.632 5.571a.998.998 0 1 0 1.996 0c0-1.996 3.631-1.626 3.631-5.571 0-1.994-1.611-3.496-3.748-3.496z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_image_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_image_20.svg
new file mode 100644
index 0000000000..41ac78a0ce
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_image_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15 3c1.054 0 2.006.93 2 2v10c0 1.054-.948 2.007-2 2h-10c-1.054 0-1.995-.9-2-2v-10c0-1.054.933-1.998 2-2zm-2 8.414-2.293 2.293a1 1 0 0 1 -.902.274l-2.728-.902-2.077 1.038v.883h10v-1.586zm2-6.414h-10v6.881l1.553-.775a1 1 0 0 1 .636-.088l2.54.837 2.564-2.562a1 1 0 0 1 1.414 0l1.293 1.292zm-7.5 1a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_image_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_image_24.svg
new file mode 100644
index 0000000000..6e7f9e6e9f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_image_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.5 3c1.325 0 2.501 1.185 2.5 2.5v13c0 1.325-1.23 2.505-2.5 2.5h-13c-1.325 0-2.495-1.19-2.5-2.5v-13c0-1.325 1.184-2.496 2.5-2.5zm-2.5 10.415-3.293 3.292a1 1 0 0 1 -1.037.237l-3.599-1.79-3.071 2.047v1.299c0 .245.262.5.5.5h13c.245 0 .507-.251.5-.5v-2.086zm-10.5-8.415c-.245 0-.5.264-.5.5v9.297l2.445-1.63a1 1 0 0 1 .88-.113l3.477 1.728 3.49-3.49a1 1 0 0 1 1.32-.082l2.388 2.376v-8.086c0-.245-.26-.495-.5-.5zm3.5 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_image_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_image_32.svg
new file mode 100644
index 0000000000..8f435b7890
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_image_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m26 3c1.598 0 3.011 1.405 3 3v20c0 1.598-1.437 3.003-3 3h-20c-1.598 0-2.997-1.416-3-3v-20c0-1.598 1.41-2.987 3-3zm-3.944 14.47-5.297 6.18a1 1 0 0 1 -1.092.292l-5.667-2.799-5 3.022v1.835c0 .513.492 1.006 1 1h20c.513 0 1.003-.543 1-1v-3.586l-4.944-4.943zm-16.056-12.47c-.53-.003-.996.503-1 1v15.834l4.486-2.691c.256-.154.709-.162.964-.003l5.298 2.616 5.493-6.407a1 1 0 0 1 1.374-.138l4.385 4.374v-13.585c0-.513-.474-.988-1-1zm5 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_image_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_image_solid_20.svg
new file mode 100644
index 0000000000..0cb15b2c9e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_image_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15 3c1.054 0 2.003.93 2 2v10c0 1.054-.927 2.003-2 2h-10c-1.054 0-1.993-.938-2-2v-10c0-1.054.951-1.994 2-2zm0 2h-10v6.881l1.553-.775a1 1 0 0 1 .636-.088l2.54.837 2.564-2.562a1 1 0 0 1 1.32-.083l1.387 1.375zm-7.5 1a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_info_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_info_20.svg
new file mode 100644
index 0000000000..041fdc82e8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_info_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c4.406 0 8 3.594 8 8s-3.594 8-8 8-8-3.594-8-8 3.594-8 8-8zm0 2c-3.313 0-6 2.688-6 6 0 3.313 2.688 6 6 6 3.313 0 6-2.688 6-6 0-3.313-2.688-6-6-6zm1 4v4h2v2h-6v-2h2v-2h-1.656v-2zm-1-2.938c.594 0 1.031.438 1.031 1.032 0 .593-.437 1.031-1.031 1.031a1.002 1.002 0 0 1 -1.031-1.031c0-.594.437-1.032 1.031-1.032z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_info_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_info_24.svg
new file mode 100644
index 0000000000..13955e2d06
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_info_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2a9.99 9.99 0 0 1 10 10 9.99 9.99 0 0 1 -10 10 9.99 9.99 0 0 1 -10-10 9.99 9.99 0 0 1 10-10zm0 2c-4.438 0-8 3.563-8 8 0 4.406 3.594 8 8 8s8-3.594 8-8c0-4.438-3.594-8-8-8zm0 6h-1.938c-.562 0-1 .469-1 1s.438 1 1 1h.938v3h-1c-.531 0-1 .438-1 1 0 .531.469 1 1 1h4.031c.531 0 .969-.469.969-1s-.438-1-.969-1h-1.031v-4c0-.563-.406-1-1-1zm0-4c-.688 0-1.25.531-1.25 1.219 0 .718.563 1.25 1.25 1.25.688 0 1.25-.531 1.25-1.25 0-.689-.563-1.219-1.25-1.219z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_info_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_info_32.svg
new file mode 100644
index 0000000000..81cc049f58
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_info_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c7.719 0 14 6.281 14 14s-6.281 14-14 14-14-6.281-14-14 6.281-14 14-14zm0 2c-6.625 0-12 5.375-12 12s5.375 12 12 12 12-5.375 12-12-5.375-12-12-12zm-.6 9.12-.525.13h-1.625c-.563 0-1 .438-1 1 0 .563.438 1 1 1h1.75v5.75h-2c-.563 0-1 .438-1 1 0 .563.438 1 1 1h6c.563 0 1-.438 1-1 0-.563-.438-1-1-1h-2v-7c0-.566-.444-.985-1.003-.992-.183-.002-.39.062-.596.113zm.444-5.026c-.813 0-1.5.687-1.5 1.5a1.5 1.5 0 0 0 1.5 1.5c.844 0 1.5-.656 1.5-1.5a1.5 1.5 0 0 0 -1.5-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_info_solid_16.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_info_solid_16.svg
new file mode 100644
index 0000000000..0e9fb0a9d1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_info_solid_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m8 2c3.305 0 6 2.695 6 6s-2.695 6-6 6-6-2.695-6-6 2.695-6 6-6zm.8 5h-1.6v4.8h1.6zm-.8-3.425c-.55 0-1.025.45-1.025 1a1.03 1.03 0 0 0 1.025 1.025c.55 0 1.025-.45 1.025-1.025 0-.55-.475-1-1.025-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_info_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_info_solid_20.svg
new file mode 100644
index 0000000000..16596f15da
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_info_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c4.406 0 8 3.594 8 8s-3.594 8-8 8-8-3.594-8-8 3.594-8 8-8zm1 6h-3.563v2h1.563v2h-2v2h6v-2h-2zm-1-3.531c-.688 0-1.281.562-1.281 1.25 0 .718.594 1.281 1.281 1.281.688 0 1.281-.563 1.281-1.281 0-.688-.594-1.25-1.281-1.25z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_info_solid_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_info_solid_24.svg
new file mode 100644
index 0000000000..31b5b822f4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_info_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2a9.99 9.99 0 0 1 10 10 9.99 9.99 0 0 1 -10 10 9.99 9.99 0 0 1 -10-10 9.99 9.99 0 0 1 10-10zm0 8h-1.938c-.562 0-1 .469-1 1s.438 1 1 1h.938v3h-1c-.531 0-1 .438-1 1 0 .531.469 1 1 1h4.031c.531 0 .969-.469.969-1s-.438-1-.969-1h-1.031v-4c0-.563-.406-1-1-1zm0-4c-.688 0-1.25.531-1.25 1.219 0 .718.563 1.25 1.25 1.25.688 0 1.25-.531 1.25-1.25 0-.689-.563-1.219-1.25-1.219z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_info_solid_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_info_solid_32.svg
new file mode 100644
index 0000000000..528426dbf2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_info_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c-7.719 0-14 6.281-14 14s6.281 14 14 14 14-6.281 14-14-6.281-14-14-14zm-.6 11.12-.525.13h-1.625c-.563 0-1 .438-1 1 0 .563.438 1 1 1h1.75v5.75h-2c-.563 0-1 .438-1 1 0 .563.438 1 1 1h6c.563 0 1-.438 1-1 0-.563-.438-1-1-1h-2v-7c0-.566-.444-.985-1.003-.992-.183-.002-.39.062-.596.113zm.444-5.026c-.813 0-1.5.687-1.5 1.5a1.5 1.5 0 0 0 1.5 1.5c.844 0 1.5-.656 1.5-1.5a1.5 1.5 0 0 0 -1.5-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_key_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_key_20.svg
new file mode 100644
index 0000000000..a93c73f486
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_key_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13.288 2h1.82l1.786.01c.413.012.861.468.891.968l.215 3.812a1.039 1.039 0 0 1 -.924.957l-1.116.121-.156 1.275c-.1.38-.408.676-.802.755l-1.462.292-.13.13-.175.175-.199.198-.468.468-.078.078c.468 2.156-.298 3.88-1.409 4.99a5.32 5.32 0 1 1 -7.523-7.523c1.11-1.11 2.66-1.665 4.14-1.547l4.866-4.853c.21-.21.494-.307.724-.307zm.41 2-5.24 5.225-.918-.072a2.616 2.616 0 0 0 -.234-.01c-.863 0-1.714.356-2.334.977a3.294 3.294 0 0 0 -.972 2.343 3.301 3.301 0 0 0 .972 2.352c.626.626 1.459.97 2.345.97.89 0 1.724-.344 2.349-.97.583-.582 1.206-1.602.87-3.152l-.231-1.064 2.25-2.252 1.365-.273.247-2.025 1.777-.19-.105-1.855zm-5.298 7.385a1.529 1.529 0 1 1 -2.162 2.162 1.529 1.529 0 0 1 2.162-2.161z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_key_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_key_24.svg
new file mode 100644
index 0000000000..656541b120
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_key_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.973 2 3.106.008c.518.065.92.507.92 1.043l-.01 3.113c-.03.227-.134.44-.298.605l-.837.826a1.051 1.051 0 0 1 -.444.205l-1.17.233-.269 1.304a1.05 1.05 0 0 1 -.788.69l-1.174.235-.267 1.294c-.05.157-.138.3-.256.417l-2.083 2.086a6.308 6.308 0 1 1 -4.462-4.463l7.393-7.379a1.05 1.05 0 0 1 .64-.217zm.404 2.001-7.839 7.825-1.114-.298a4.332 4.332 0 0 0 -1.115-.147 4.277 4.277 0 0 0 -3.047 1.263 4.28 4.28 0 0 0 -1.262 3.047 4.28 4.28 0 0 0 1.262 3.046 4.281 4.281 0 0 0 3.046 1.261 4.284 4.284 0 0 0 3.047-1.261 4.326 4.326 0 0 0 1.116-4.162l-.298-1.114 2.69-2.693.455-2.208 1.847-.368.384-1.861 2.178-.434.264-.26.004-1.632zm-8.953 10.574a1.576 1.576 0 1 1 -2.23 2.23 1.576 1.576 0 0 1 2.23-2.23z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_key_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_key_32.svg
new file mode 100644
index 0000000000..4f0555bbf6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_key_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m24.365 2 4.348.011c.726.091 1.288.71 1.288 1.461l-.013 4.357a1.469 1.469 0 0 1 -.418.847l-1.17 1.157a1.472 1.472 0 0 1 -.623.287l-1.639.327-.377 1.825a1.47 1.47 0 0 1 -1.102.967l-1.644.33-.373 1.81c-.072.22-.195.42-.359.584l-2.917 2.92a8.833 8.833 0 1 1 -6.247-6.248l10.351-10.332a1.47 1.47 0 0 1 .895-.303zm.236 2-10.885 10.865-1.114-.298a6.82 6.82 0 0 0 -1.769-.233 6.789 6.789 0 0 0 -4.832 2.002 6.84 6.84 0 0 0 0 9.663 6.789 6.789 0 0 0 4.832 2.002c1.824 0 3.54-.71 4.831-2.002a6.853 6.853 0 0 0 1.77-6.599l-.298-1.115 3.61-3.613.577-2.807 2.587-.515.537-2.605 2.765-.55.777-.769.011-3.416zm-12.207 15.607a2.209 2.209 0 1 1 -3.124 3.123 2.209 2.209 0 0 1 3.125-3.123z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_legal_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_legal_20.svg
new file mode 100644
index 0000000000..191f535ab6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_legal_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.657 3c1.19 0 2.164.259 2.165 1.254 0 .541-.263.807-.7.807-.206 0-.9-.18-1.485-.18-1.072 0-1.598.243-1.598.85 0 1.8 4.754 1.356 4.754 4.37 0 .991-.586 1.882-1.497 2.307.344.465.506 1.031.486 1.618 0 1.922-1.234 2.974-3.4 2.974-1.14 0-2.695-.254-2.695-1.368 0-.42.26-.8.759-.8.31 0 1.076.307 1.876.307 1.032 0 1.558-.324 1.558-.951 0-1.861-4.673-1.295-4.673-4.228a2.613 2.613 0 0 1 1.578-2.327c-.385-.465-.547-1.072-.547-1.68 0-1.879 1.214-2.953 3.42-2.953zm-1.577 5.604c-.81.283-1.093.627-1.093.991 0 .628.526.81 2.954 1.76.768-.343 1.011-.606 1.011-1.031 0-.587-.465-.77-2.872-1.72z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_legal_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_legal_24.svg
new file mode 100644
index 0000000000..ea68b466a3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_legal_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.723 4c1.332 0 2.41.239 2.41 1.31 0 .43-.276.807-.816.807-.427 0-.98-.228-1.613-.228-1.138 0-1.793.386-1.793 1.138 0 2.14 5.32 1.58 5.32 5.127a2.726 2.726 0 0 1 -1.773 2.583c.424.54.597 1.196.597 1.87 0 2.16-1.33 3.393-3.797 3.393-1.315 0-2.95-.313-2.95-1.504.03-.393.31-.739.793-.739.297 0 1.25.354 2.08.354 1.33 0 1.927-.386 1.927-1.253 0-2.603-5.34-1.58-5.34-5.282a2.998 2.998 0 0 1 1.678-2.757 2.997 2.997 0 0 1 -.424-1.619c0-2.005 1.31-3.2 3.7-3.2zm-2.101 5.957c-.598.212-1.034.77-1.041 1.407-.009.73.347.983 3.489 2.275.867-.29 1.253-.694 1.253-1.292 0-.675-.366-.887-3.701-2.39z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_legal_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_legal_32.svg
new file mode 100644
index 0000000000..f29acaedb7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_legal_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16.994 4c1.442 0 3.557.32 3.557 1.603 0 .608-.448.865-.961.865-.641 0-1.314-.417-2.693-.417-1.923 0-2.852.77-2.852 2.18 0 1.602 1.25 2.211 2.917 3.013l1.73.833c1.379.673 3.558 1.699 3.558 4.647 0 1.731-.77 3.141-2.724 3.814.705.802.897 1.763.897 2.725 0 3.109-1.987 4.743-5.288 4.743-1.987 0-4.584-.577-4.584-1.89 0-.448.289-.93.93-.93.801 0 1.602.769 3.461.769 1.955 0 3.013-.685 3.013-2.212 0-1.153-.577-1.955-1.378-2.371l-2.564-1.314c-2.34-1.218-4.263-2.18-4.263-4.744 0-2.02 1.186-3.173 3.045-4.006-.737-.802-1.09-1.731-1.09-2.853 0-2.724 1.955-4.455 5.289-4.455zm-2.34 8.718c-1.667.224-2.66 1.058-2.66 2.275 0 1.571 1.57 2.308 2.211 2.597l3.365 1.57c1.603-.352 2.276-1.058 2.276-2.34 0-1.41-.833-1.859-1.25-2.083l-1.667-.897z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_lightbulb_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_lightbulb_20.svg
new file mode 100644
index 0000000000..c986d4eec5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_lightbulb_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m12 15h-4a1 1 0 1 0 0 2h.504v.002a1 1 0 0 0 1 1h.992a1 1 0 0 0 1-1v-.002h.504a1 1 0 1 0 0-2zm-1.999-13c3.033 0 5.5 2.468 5.5 5.5 0 1.982-.901 3.264-1.559 4.2-.368.524-.686.976-.699 1.336-.02.538-.462.964-1 .964h-4.485a1 1 0 0 1 -1-.964c-.013-.36-.331-.813-.699-1.336-.658-.935-1.559-2.218-1.559-4.2 0-3.032 2.467-5.5 5.501-5.5zm0 2c-1.93 0-3.5 1.57-3.5 3.5 0 1.35.608 2.214 1.195 3.05.321.458.65.925.855 1.45h2.899c.205-.525.534-.992.856-1.45.587-.836 1.195-1.7 1.195-3.05 0-1.93-1.57-3.5-3.5-3.5zm-.975 1.197a1 1 0 0 1 .78 1.842.506.506 0 0 0 -.289.327.999.999 0 1 1 -1.925-.539 2.529 2.529 0 0 1 1.435-1.63z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_lightbulb_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_lightbulb_24.svg
new file mode 100644
index 0000000000..296daef868
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_lightbulb_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m15.001 18.499h-6.002a1 1 0 1 0 0 2h1.001v.498a1 1 0 0 0 1 1h2.002a1 1 0 0 0 1-1v-.498h.999a1 1 0 1 0 0-2zm-3.001-16.499c3.86 0 7 3.141 7 7 0 2.625-1.223 3.895-2.116 4.822-.604.628-.895.952-.895 1.438v1.239a1 1 0 0 1 -1 1h-5.978a1 1 0 0 1 -1-1v-1.239c0-.487-.291-.81-.895-1.438-.893-.926-2.116-2.197-2.116-4.822 0-3.859 3.14-7 7-7zm-.002 2c-2.757 0-5 2.243-5 5 0 1.819.757 2.604 1.557 3.436.682.708 1.455 1.511 1.455 2.824v.239h.994v-2.489a1 1 0 1 1 2 0v2.489h.984v-.239c0-1.313.773-2.116 1.453-2.824.801-.832 1.557-1.618 1.557-3.436 0-2.757-2.243-5-5-5zm-1.385 1.25a1 1 0 0 1 .698 1.875 2.024 2.024 0 0 0 -1.118 1.03 1.003 1.003 0 0 1 -1.331.48 1 1 0 0 1 -.48-1.33 4.037 4.037 0 0 1 2.23-2.056z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_lightbulb_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_lightbulb_32.svg
new file mode 100644
index 0000000000..0e2a99b910
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_lightbulb_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m20 26h-2.481c-.007 0-.012-.004-.019-.004s-.013.004-.019.004h-2.961c-.007 0-.012-.004-.019-.004s-.013.004-.019.004h-2.481a1 1 0 1 0 0 2h1.5v1a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1h1.5a1 1 0 1 0 0-2zm0-3h-8a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2zm-3.999-21c5.404 0 9.8 4.397 9.8 9.8 0 3.648-1.64 5.461-2.957 6.919-.77.852-1.379 1.525-1.452 2.367a.999.999 0 0 1 -.997.914l-4.365-.006c-.01.001-.019.006-.029.006l-.029-.006-4.369-.006a1 1 0 0 1 -.995-.91c-.076-.838-.682-1.508-1.451-2.359-1.317-1.457-2.957-3.271-2.957-6.919 0-5.404 4.396-9.8 9.801-9.8zm-.001 1.999c-4.301 0-7.8 3.499-7.8 7.8 0 2.878 1.24 4.251 2.44 5.578.704.778 1.426 1.577 1.77 2.611l2.59.004v-2.668l-1.262-1.737a1 1 0 1 1 1.618-1.175l.644.886.643-.886a.999.999 0 1 1 1.618 1.175l-1.261 1.737v2.671l2.586.004c.343-1.039 1.067-1.841 1.774-2.623 1.199-1.327 2.44-2.699 2.44-5.577 0-4.301-3.499-7.8-7.8-7.8zm-2.825 1.947a1 1 0 1 1 .873 1.799 4.514 4.514 0 0 0 -2.229 2.391 1 1 0 0 1 -1.858-.742 6.51 6.51 0 0 1 3.213-3.447z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_close_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_close_20.svg
new file mode 100644
index 0000000000..82931e3bc4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_close_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 3.017c2.142 0 3.995 1.743 4 4v1a2 2 0 0 1 2 2v5.983a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2-2v-5.983a2 2 0 0 1 2-2v-1a4 4 0 0 1 4-4zm4 7h-8v5.983h8zm-4 .983a1 1 0 0 1 .993.883l.007.117v1.995a1 1 0 0 1 -1.993.117l-.007-.117v-1.995a1 1 0 0 1 1-1zm0-5.983a2.004 2.004 0 0 0 -2 2c-.002.667-.002 1 0 1h4v-1a2 2 0 0 0 -2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_close_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_close_24.svg
new file mode 100644
index 0000000000..d10cf5bd5f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_close_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 3.013c2.688 0 4.988 2.093 4.998 4.999v.987a2.001 2.001 0 0 1 2.002 2.001v8.001a2 2 0 0 1 -2 2h-10.001a2 2 0 0 1 -2-2v-8.001c0-1.054.823-2 2.003-2v-.988a4.998 4.998 0 0 1 4.998-4.999zm5 7.987h-10.001v8.001h10.001zm-5 2c.513 0 .998.417 1 1v2a1 1 0 0 1 -2 0v-2a1 1 0 0 1 1-1zm0-7.987c-1.597 0-2.99 1.34-2.998 2.999-.002.329-.002.658 0 .987h5.996v-.987a2.998 2.998 0 0 0 -2.998-2.999z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_close_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_close_32.svg
new file mode 100644
index 0000000000..9089332a50
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_close_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2.995c3.78 0 6.994 3.011 7 6.835v2.17c1.598 0 3 1.285 3 3 .002 3.667.002 7.333 0 11 0 1.598-1.314 3-3 3-4.667.002-9.333.002-14 0-1.598 0-3-1.284-3-3v-11c0-1.598 1.284-3 3-3v-2.17c0-3.781 3.14-6.835 7-6.835zm-8 12.005v11a1 1 0 0 0 1 1c4.667.002 9.333.002 14 0 .513 0 1-.415 1-1 .002-3.667.002-7.333 0-11a1 1 0 0 0 -1-1h-14c-.513 0-1 .404-1 1zm8 2a2 2 0 0 1 1.001 3.732l-.001 2.281a1 1 0 1 1 -2 0v-2.28a2 2 0 0 1 1-3.733zm0-12.005c-2.695 0-4.994 2.122-5 4.835-.001.723-.002 1.447 0 2.17l10-.001v-2.169c0-2.664-2.232-4.835-5-4.835z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_close_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_close_solid_20.svg
new file mode 100644
index 0000000000..059d9c0179
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_close_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 3.017c2.142 0 3.995 1.743 4 4l.001.556v.333l-.001.111a2 2 0 0 1 2 2v5.983a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2-2v-5.983a2 2 0 0 1 2-2v-1a4 4 0 0 1 4-4zm0 7.983a1 1 0 0 0 -1 1v1.995l.007.117a1 1 0 0 0 1.993-.117v-1.995l-.007-.117a1 1 0 0 0 -.993-.883zm0-5.983a1.995 1.995 0 0 0 -2 2c-.002.667-.002 1 0 1h4v-1a2 2 0 0 0 -2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_open_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_open_20.svg
new file mode 100644
index 0000000000..77c02bb127
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_open_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2a4 4 0 0 1 3.933 3.27 1 1 0 0 1 -1.94.476c-.199-1.074-1.024-1.746-1.993-1.746a2.003 2.003 0 0 0 -2 2v2.017h6a2 2 0 0 1 2 2v5.983a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2-2v-5.983a2 2 0 0 1 2-2v-2.017a4 4 0 0 1 4-4zm4 8.017h-8v5.983h8zm-4 .983a1 1 0 0 1 .993.883l.007.117v1.995a1 1 0 0 1 -1.993.117l-.007-.117v-1.995a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_open_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_open_24.svg
new file mode 100644
index 0000000000..9b193eb69c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_open_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2a5 5 0 0 1 4.842 3.755 1 1 0 0 1 -1.937.496 3 3 0 0 0 -5.903.747c-.002.667-.002 1.335 0 2.002h7.998a2 2 0 0 1 2 2v8.001a2 2 0 0 1 -2 2h-10.001a2 2 0 0 1 -2-2v-8.001c0-1.054.83-2 2.003-2a322.45 322.45 0 0 1 0-2.002 4.998 4.998 0 0 1 4.998-4.998zm5 17.001v-8.001h-10.001v8.001zm-5-6.001c.513 0 .998.417 1 1 .002.666.002 1.333 0 2a1 1 0 0 1 -2 0c-.002-.666-.002-1.333 0-2a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_open_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_open_32.svg
new file mode 100644
index 0000000000..4439be6618
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_open_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 1.998c3.498 0 6.452 2.521 6.933 5.883a1 1 0 0 1 -1.98.283c-.339-2.37-2.444-4.166-4.953-4.166-2.695 0-4.996 2.085-5 4.835a835.825 835.825 0 0 0 0 3.167h12c1.598 0 3 1.285 3 3 .002 3.667.002 7.333 0 11 0 1.598-1.314 3-3 3-4.667.002-9.333.002-14 0-1.598 0-3-1.284-3-3v-11c0-1.598 1.284-3 3-3v-3.167c0-3.781 3.14-6.835 7-6.835zm7 12.002h-14c-.657 0-1 .404-1 1v11a1 1 0 0 0 1 1c4.667.002 9.333.002 14 0 .513 0 1-.415 1-1 .002-3.667.002-7.333 0-11a1 1 0 0 0 -1-1zm-7 3a2 2 0 0 1 1.001 3.732l-.001 2.281a1 1 0 1 1 -2 0v-2.28a2 2 0 0 1 1-3.733z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_open_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_open_solid_20.svg
new file mode 100644
index 0000000000..0e23dfe5df
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_lock_open_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2a4 4 0 0 1 3.933 3.27 1 1 0 0 1 -1.94.476l-.027-.113a2 2 0 0 0 -3.96.217l-.005.15v2.017h5.999a2 2 0 0 1 2 2v5.983a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2-2v-5.983a2 2 0 0 1 2-2v-2.017a4 4 0 0 1 4-4zm0 9a1 1 0 0 0 -.993.883l-.007.117v1.995l.007.117a1 1 0 0 0 1.986 0l.007-.117v-1.995l-.007-.117a1 1 0 0 0 -.993-.883z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_log_out_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_log_out_20.svg
new file mode 100644
index 0000000000..ffd22b81a6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_log_out_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m3 14a3 3 0 0 0 3 3h2c.563 0 1-.469 1-1 0-.563-.438-1-1-1h-2c-.531 0-1-.438-1-1v-8c0-.563.469-1 1-1h2c.563 0 1-.438 1-1 0-.531-.438-1-1-1h-2a3 3 0 0 0 -3 3zm5-4c0 .531.438 1 1 1h5.594l-1.281 1.281a.905.905 0 0 0 -.313.719c0 .563.438 1 1 1 .25 0 .5-.094.719-.281l3-3.031a.97.97 0 0 0 .281-.688c0-.25-.094-.5-.281-.719l-3-3a1.044 1.044 0 0 0 -.719-.281c-.531 0-1 .438-1 1 0 .25.094.531.313.719l1.279 1.281h-5.592c-.563 0-1 .438-1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_log_out_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_log_out_24.svg
new file mode 100644
index 0000000000..bb484c6e2c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_log_out_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m4 18a3 3 0 0 0 3 3h4c.563 0 1-.438 1-1 0-.563-.438-1-1-1h-4c-.563 0-1-.438-1-1v-12c0-.563.438-1 1-1h4c.563 0 1-.438 1-1 0-.563-.438-1-1-1h-4a3 3 0 0 0 -3 3zm5.5-6c0 .531.438 1 1 1h7.594l-2.282 2.281a1.043 1.043 0 0 0 -.28.719c0 .563.437 1 .968 1 .25 0 .531-.125.719-.313l4-3.968c.187-.188.281-.469.281-.719s-.094-.531-.281-.719l-4-3.969a.95.95 0 0 0 -1.406 0 .97.97 0 0 0 -.283.688c0 .25.094.5.281.719l2.284 2.281h-7.595c-.563 0-1 .438-1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_log_out_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_log_out_32.svg
new file mode 100644
index 0000000000..c6f17a4137
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_log_out_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m5 25a3 3 0 0 0 3 3h6c.563 0 1-.438 1-1 0-.563-.438-1-1-1h-6c-.563 0-1-.438-1-1v-18c0-.563.438-1 1-1h6c.563 0 1-.438 1-1 0-.563-.438-1-1-1h-6a3 3 0 0 0 -3 3zm7-9c0 .563.438 1 1 1h13.094l-4.313 4.313a.97.97 0 0 0 -.281.687c0 .563.406 1 1 1 .25 0 .531-.094.719-.281l6-6c.187-.188.281-.469.281-.719a.97.97 0 0 0 -.281-.688l-6.032-6.03a.97.97 0 0 0 -.687-.282c-.594 0-1 .438-1 1 0 .25.063.531.281.719l4.313 4.281h-13.094c-.563 0-1 .469-1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_logbook_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_logbook_20.svg
new file mode 100644
index 0000000000..41e50cdfb1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_logbook_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16 2a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1-1v-4h-1a1 1 0 0 1 0-2h1v-2h-1a1 1 0 1 1 0-2h1v-4a1 1 0 0 1 .883-.993l.117-.007zm-1 2h-8v12h8zm-2 7v2h-4v-2zm0-4v2h-4v-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_logbook_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_logbook_24.svg
new file mode 100644
index 0000000000..f9f5bbbfa6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_logbook_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19 2a1 1 0 0 1 1 1v18a1 1 0 0 1 -1 1h-12a1 1 0 0 1 -1-1v-4h-1a1 1 0 0 1 0-2h1v-6h-1a1 1 0 1 1 0-2h1v-4a1 1 0 0 1 .883-.993l.117-.007zm-1 2h-10v16h10zm-3 9a1 1 0 0 1 0 2h-4a1 1 0 0 1 0-2zm0-4a1 1 0 0 1 0 2h-4a1 1 0 0 1 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_logbook_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_logbook_32.svg
new file mode 100644
index 0000000000..aa0fe96874
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_logbook_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m23.618 2c1.892 0 3.382 1.638 3.382 3.609v20.98c0 1.861-1.409 3.411-3.202 3.411h-14.416c-1.892 0-3.382-1.638-3.382-3.609v-4.391h-.972c-.568 0-1.028-.448-1.028-1s.46-1 1.028-1h.972v-8h-.972c-.568 0-1.028-.448-1.028-1s.46-1 1.028-1h.972v-4.59c0-1.797 1.313-3.303 3.018-3.405l.184-.005zm-11.618 1.994h-2.798c-.63 0-1.186.612-1.186 1.416l-.001 4.59h.957c.568 0 1.028.448 1.028 1s-.46 1-1.028 1h-.957v8h.957c.568 0 1.028.448 1.028 1s-.46 1-1.028 1h-.957v4.391c0 .86.565 1.53 1.24 1.607l.127.007h2.618zm2 24.011h9.798c.63 0 1.186-.612 1.186-1.416v-20.98c0-.914-.637-1.614-1.366-1.614l-9.618-.001zm8.104-9.005c.495 0 .896.448.896 1s-.401 1-.896 1h-5.208c-.495 0-.896-.448-.896-1s.401-1 .896-1zm0-4c.495 0 .896.448.896 1s-.401 1-.896 1h-5.208c-.495 0-.896-.448-.896-1s.401-1 .896-1zm0-4c.495 0 .896.448.896 1s-.401 1-.896 1h-5.208c-.495 0-.896-.448-.896-1s.401-1 .896-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_minus_16.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_minus_16.svg
new file mode 100644
index 0000000000..4acd7ebe72
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_minus_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><rect fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" height="10" rx="1" transform="matrix(0 -1 1 0 0 16)" width="2" x="7" y="3"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_minus_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_minus_20.svg
new file mode 100644
index 0000000000..713ea49616
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_minus_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.003 11h-10.006c-.547 0-.997-.451-.997-1s.45-1 .997-1h10.006c.547 0 .997.451.997 1s-.45 1-.997 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_minus_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_minus_24.svg
new file mode 100644
index 0000000000..53e45886ae
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_minus_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.99 13h-11.98a.998.998 0 0 1 -1.01-1c0-.558.446-1 1.01-1h11.98a.998.998 0 0 1 1.01 1c0 .558-.446 1-1.01 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_minus_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_minus_32.svg
new file mode 100644
index 0000000000..56df133ae2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_minus_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m7 17h18c.564 0 1-.5 1-1 0-.563-.438-1-1-1h-18c-.564 0-1 .5-1 1 0 .563.438 1 1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_piggybank_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_piggybank_20.svg
new file mode 100644
index 0000000000..60532c0850
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_piggybank_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.124 4.75a1.75 1.75 0 1 1 3.501.001 1.75 1.75 0 0 1 -3.501-.001zm8.876 5.938c0-1.736-1.12-3.288-3.073-4.256a1 1 0 1 0 -.888 1.791c.732.363 1.961 1.167 1.961 2.465 0 .926-.405 1.622-1.312 2.246l-1.975.869c-.685.176-1.369.31-2.043.262-.542-.033-1.073-.179-1.615-.276-.273-.049-1.93-.336-1.93-.336a2.558 2.558 0 0 0 -.168-.015c-.172 0-.465-.253-.748-.497-.329-.285-.703-.607-1.186-.835a.963.963 0 0 0 -.233-.076l-.79-.154v-1.025l.528-.128a.997.997 0 0 0 .661-.528c.451-.909.914-1.591.918-1.598a1 1 0 0 0 .161-.399l.161-.959.113.092a1 1 0 1 0 1.263-1.551l-1.447-1.178a.997.997 0 0 0 -1.617.611l-.409 2.446c-.153.237-.425.676-.718 1.229l-.848.205a1 1 0 0 0 -.765.972v2.636c0 .479.339.89.808.981l1.459.285c.204.116.414.298.634.488.344.297.752.636 1.26.829l.292.998a1 1 0 0 0 .96.72h1.37c.552 0 1-.441 1-1.044 0 0 .433.083.821.107s1.438-.105 1.438-.105c.004.588.449 1.043 1.001 1.043h1.37c.426 0 .805-.27.944-.672l.66-1.897c1.31-.977 1.983-2.233 1.983-3.744zm-5.044-1.401a1 1 0 0 0 -.848-1.132c-.949-.137-1.521-.142-2.453-.021a1 1 0 0 0 -.865 1.119c.07.549.575.926 1.119.865.754-.097 2.011.027 2.058.027a.999.999 0 0 0 .988-.858z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_piggybank_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_piggybank_24.svg
new file mode 100644
index 0000000000..78adcdd61d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_piggybank_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.438 20.5h-1.688a1 1 0 0 1 -1-1v-.274a14.35 14.35 0 0 1 -2.005.149 12.38 12.38 0 0 1 -1.245-.135v.26a1 1 0 0 1 -1 1h-1.688c-.441 0-.831-.29-.958-.713l-.408-1.361a6.315 6.315 0 0 1 -3.22-2.558l-1.094-.273a1 1 0 0 1 -.757-.97v-2.25c0-.431.275-.812.684-.948l.721-.24a5.7 5.7 0 0 1 1.55-1.859l.653-2.121a1 1 0 0 1 1.614-.459l1.5 1.312a1 1 0 1 1 -1.317 1.506l-.339-.297-.297.963a.994.994 0 0 1 -.391.531 3.73 3.73 0 0 0 -1.331 1.627 1 1 0 0 1 -.604.559l-.441.147v.748l.743.187a1 1 0 0 1 .638.495 4.303 4.303 0 0 0 2.738 2.13c.342.086.613.345.715.683l.292.974v-.312a1.001 1.001 0 0 1 1.267-.964 9.923 9.923 0 0 0 2.043.341c.856-.024 1.793-.112 2.689-.345a.998.998 0 0 1 1.251.968v.452l.683-1.913a.998.998 0 0 1 .397-.503c.819-.531 1.794-1.457 1.794-2.851 0-1.609-.884-2.58-3.155-3.461a1 1 0 0 1 .724-1.865c1.902.739 4.43 2.095 4.43 5.326 0 1.688-.855 3.214-2.417 4.332l-.828 2.318a1 1 0 0 1 -.942.664zm-6.205-8.31a8.65 8.65 0 0 1 2.911-.009 1 1 0 0 0 .34-1.97 10.662 10.662 0 0 0 -3.599.011 1 1 0 1 0 .348 1.968zm3.745-6.19c0-1.379-1.122-2.5-2.5-2.5a2.503 2.503 0 0 0 -2.5 2.5c0 1.379 1.122 2.5 2.5 2.5s2.5-1.121 2.5-2.5zm-2 0a.5.5 0 1 1 -1.002-.002.5.5 0 0 1 1.002.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_piggybank_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_piggybank_32.svg
new file mode 100644
index 0000000000..e6174921b0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_piggybank_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m17 9.5a2.752 2.752 0 0 1 -2.75-2.75 2.752 2.752 0 0 1 2.75-2.75 2.752 2.752 0 0 1 2.75 2.75 2.752 2.752 0 0 1 -2.75 2.75zm0-3.5a.75.75 0 0 0 0 1.5.75.75 0 0 0 0-1.5zm3.018 9.973a1 1 0 0 0 -.867-1.118 17.17 17.17 0 0 0 -4.268-.004 1 1 0 0 0 -.869 1.115.995.995 0 0 0 1.116.869 15.147 15.147 0 0 1 3.77.004 1 1 0 0 0 1.118-.866zm-9.489 1.56a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm12.721 10.467h-2.25a1 1 0 0 1 -1-1v-.759c-.991.177-2 .278-3.005.259a15.994 15.994 0 0 1 -1.995-.243v.743a1 1 0 0 1 -1 1h-2.25c-.441 0-.831-.29-.958-.713l-.594-1.979a8.092 8.092 0 0 1 -4.352-3.44l-1.589-.397a1 1 0 0 1 -.757-.97v-3c0-.431.275-.812.684-.948l1.09-.363a7.286 7.286 0 0 1 2.12-2.554l.901-2.929a1 1 0 0 1 1.614-.459l1.564 1.369c1.788-.581 3.657-.842 5.528-.866 6.448 0 11.5 3.433 11.5 7.815 0 2.276-1.038 4.105-3.169 5.581l-1.139 3.189a1 1 0 0 1 -.942.664zm-1.25-2h.545l1.013-2.836a.998.998 0 0 1 .397-.503c1.736-1.126 2.544-2.428 2.544-4.096 0-3.207-4.262-5.815-9.5-5.815-.02-.004-.04 0-.059 0a15.66 15.66 0 0 0 -5.351.94 1.001 1.001 0 0 1 -1-.188l-.839-.734-.547 1.775a.997.997 0 0 1 -.392.532 5.289 5.289 0 0 0 -1.893 2.313 1 1 0 0 1 -.604.559l-.816.272v1.498l1.243.312a1 1 0 0 1 .638.495 6.081 6.081 0 0 0 3.863 3.005.999.999 0 0 1 .714.683l.536 1.787h.506v-1a1.001 1.001 0 0 1 1.268-.964c.908.252 1.848.408 2.793.466 1.225-.016 2.467-.152 3.688-.47a.998.998 0 0 1 1.251.968v1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_pin_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_pin_20.svg
new file mode 100644
index 0000000000..6bd9ba392b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_pin_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.626.217 6.317 6.24a1.05 1.05 0 0 1 -1.378 1.58l-.527-.51-2.48 2.456c.238.388.4.8.483 1.231.282 1.45-.302 2.872-1.394 4.23a9.727 9.727 0 0 1 -1.387 1.422 1.05 1.05 0 0 1 -1.3.017l-3.636-3.587-3.468 3.434a1.05 1.05 0 0 1 -1.565-1.394l3.54-3.518-3.52-3.483a1.05 1.05 0 0 1 -.07-1.416c.295-.357.79-.864 1.436-1.373 1.368-1.078 2.798-1.653 4.251-1.377.44.084.86.246 1.255.486l2.477-2.451-.412-.408a1.05 1.05 0 0 1 1.378-1.58zm.527 3.464-3.147 3.115a1.056 1.056 0 0 1 -1.477 0c-.327-.323-.65-.514-.993-.564-.833-.121-1.835.327-3.006 1.344l7.082 7.009c1.027-1.1 1.483-2.09 1.368-2.97-.038-.287-.193-.56-.436-.835-.152-.129-.836-.797-.13-1.63a647.81 647.81 0 0 1 3.131-3.1l-2.392-2.369z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="translate(1 1)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_pin_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_pin_24.svg
new file mode 100644
index 0000000000..15139d28c9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_pin_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.52.207 7.684 7.595a1 1 0 0 1 -1.313 1.504l-.814-.795-3.388 3.356c.288.424.493.872.615 1.342.414 1.7-.115 3.43-1.587 5.188-.63.751-1.225 1.348-1.651 1.693a1 1 0 0 1 -1.238.016l-4.61-4.552-4.432 4.388a1 1 0 0 1 -1.49-1.328l4.5-4.467-4.5-4.454a1 1 0 0 1 -.142-1.245c.248-.391 1.168-1.252 1.786-1.738 1.613-1.27 3.287-1.942 4.962-1.625a4.342 4.342 0 0 1 1.623.675l3.387-3.352-.704-.697a1 1 0 0 1 1.311-1.504zm-5.993 6.843c-1.155-.226-2.531.41-4.129 1.91l9.059 8.968c1.506-1.583 2.153-2.943 1.941-4.082-.114-.707-.511-.981-.614-1.173l-4.898-4.858c-.438-.433-.886-.672-1.358-.765zm6.805-3.235-3.322 3.289 3.322 3.288 3.322-3.288z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="translate(2 2)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_pin_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_pin_32.svg
new file mode 100644
index 0000000000..b6c0667660
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_pin_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m17.762.311c1.377 1.333 5.117 5.023 11.218 11.07a1 1 0 0 1 -1.312 1.503l-1.491-1.463-5.613 5.557c4.352 5.295-3.184 11.52-3.547 11.814a1 1 0 0 1 -1.238.016l-7.086-7.002-6.868 6.8a1 1 0 0 1 -1.49-1.329l6.936-6.877-6.974-6.906a1 1 0 0 1 -.143-1.245c1.24-1.524 6.866-7.345 11.991-3.598l5.617-5.56-1.379-1.366a1 1 0 0 1 -.007-1.414c.067-.067.7-.665 1.386 0zm-15.374 12.439 14.032 13.89c3.6-3.489 4.339-6.433 2.217-8.833l-7.15-7.082c-2.29-2.308-5.323-1.633-9.099 2.025zm16.796-8.252-5.572 5.516 5.572 5.516 5.572-5.516z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="translate(1 1)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_pin_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_pin_solid_20.svg
new file mode 100644
index 0000000000..23b03cb847
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_pin_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.626.217 6.317 6.24a1.05 1.05 0 0 1 -1.378 1.58l-.527-.51-2.48 2.456c.238.388.4.8.483 1.231.282 1.45-.302 2.872-1.394 4.23a9.727 9.727 0 0 1 -1.387 1.422 1.05 1.05 0 0 1 -1.3.017l-3.636-3.587-3.468 3.434a1.05 1.05 0 0 1 -1.565-1.394l3.54-3.518-3.52-3.483a1.05 1.05 0 0 1 -.07-1.416c.295-.357.79-.864 1.436-1.373 1.368-1.078 2.798-1.653 4.251-1.377.44.084.86.246 1.255.486l2.477-2.451-.412-.408a1.05 1.05 0 0 1 1.378-1.58z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="translate(1 1)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_pin_solid_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_pin_solid_24.svg
new file mode 100644
index 0000000000..84898afdae
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_pin_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m14.52 2.207 7.684 7.595a1 1 0 0 1 -1.313 1.504l-.814-.795-3.388 3.356c.288.424.493.872.615 1.342.414 1.7-.115 3.43-1.587 5.188-.63.751-1.225 1.348-1.651 1.693a1 1 0 0 1 -1.238.016l-4.61-4.552-4.432 4.388a1 1 0 0 1 -1.49-1.328l4.5-4.467-4.5-4.454a1 1 0 0 1 -.142-1.245c.248-.391 1.168-1.252 1.785-1.738 1.613-1.27 3.287-1.942 4.962-1.625a4.342 4.342 0 0 1 1.623.675l3.387-3.352-.704-.697a1 1 0 0 1 1.312-1.504z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_pin_solid_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_pin_solid_32.svg
new file mode 100644
index 0000000000..7813992a00
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_pin_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m29.98 12.38a1 1 0 0 1 -1.312 1.504l-1.491-1.463-5.613 5.557c4.352 5.295-3.184 11.52-3.547 11.814a1 1 0 0 1 -1.238.016l-7.086-7.002-6.868 6.8a1 1 0 0 1 -1.49-1.329l6.936-6.877-6.975-6.905a1 1 0 0 1 -.143-1.245c1.24-1.524 6.866-7.345 11.991-3.598l5.617-5.56-1.379-1.366a1 1 0 0 1 -.007-1.414c.067-.067.7-.665 1.386 0 1.377 1.333 5.117 5.023 11.218 11.07z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_print_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_print_20.svg
new file mode 100644
index 0000000000..3ff5212644
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_print_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13 2c.5 0 1 .44 1 1v1h2.406c.969 0 1.594.875 1.594 1.813v6.343c0 .969-.594 1.844-1.594 1.844h-2.406v3c0 .563-.438 1-1 1h-6c-.531 0-1-.375-1-1v-3h-2.406c-.969 0-1.594-.906-1.594-1.844v-6.344c0-.937.563-1.812 1.594-1.812h2.406v-1c0-.563.469-1 1-1zm-1 10h-4v4h4zm4-6h-12v6h2v-1c0-.5.5-1 1-1h6c.5 0 1 .5 1 1v1h2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_print_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_print_24.svg
new file mode 100644
index 0000000000..51e16ffe9f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_print_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.028 2c1.077 0 1.967.89 1.967 1.99v2.015h1.007a3.003 3.003 0 0 1 2.998 2.997v5.996a3.003 3.003 0 0 1 -2.998 2.997h-1.007v2.014c0 1.101-.89 1.991-1.967 1.991h-8.056c-1.077 0-1.967-.89-1.967-1.99v-2.015h-1.007a3.003 3.003 0 0 1 -2.998-2.997v-5.996a3.003 3.003 0 0 1 2.998-2.997h1.007v-2.015c0-1.1.89-1.99 1.967-1.99zm-.023 14.005h-8.01v4.004h8.01zm2.997-8.01h-14.004a.995.995 0 0 0 -.984 1.007v5.996a.995.995 0 0 0 .984 1.007h1.007c0-1.101.866-2.014 1.967-2.014h8.056c1.1 0 1.967.913 1.967 2.014h1.007a.995.995 0 0 0 .984-1.007v-5.996a.995.995 0 0 0 -.984-1.007zm-2.997-3.981h-8.01v1.99h8.01zm-10 6.986c0-.558.447-1 .988-1h2.023c.542 0 .989.442.989 1s-.447 1-.989 1h-2.023a.993.993 0 0 1 -.988-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_print_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_print_32.svg
new file mode 100644
index 0000000000..2e2e6a5716
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_print_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m22 2c1.094 0 2 .906 2 2v2h3a3 3 0 0 1 3 3v10a3 3 0 0 1 -3 3h-3v6c0 1.094-.906 2-2 2h-12c-1.094 0-2-.906-2-2v-6h-3a3 3 0 0 1 -3-3v-10a3 3 0 0 1 3-3h3v-2c0-1.094.906-2 2-2zm0 16h-12v10h12zm5-10h-22c-.563 0-1 .437-1 1v10c0 .563.438 1 1 1h3v-2c0-1.094.906-2 2-2h12c1.094 0 2 .906 2 2v2h3c.563 0 1-.437 1-1v-10c0-.563-.438-1-1-1zm-5-4h-12v2h12zm-14 7c0-.563.438-1 1-1h4c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-4c-.563 0-1-.438-1-1zm4 14c0-.563.438-1 1-1h6c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-6c-.563 0-1-.438-1-1zm0-4c0-.563.438-1 1-1h6c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-6c-.563 0-1-.438-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_print_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_print_solid_20.svg
new file mode 100644
index 0000000000..ed148378c0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_print_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14 2c.52 0 1.008.39 1.008.91v1.074h1.366c.91 0 1.626.747 1.626 1.626v5.658c0 .878-.65 1.724-1.528 1.724h-1.464v4c0 .52-.389 1.008-.878 1.008h-8.13c-.52 0-1.008-.39-1.008-.878v-4.13h-1.366a1.63 1.63 0 0 1 -1.626-1.626v-5.626c0-.91.65-1.756 1.528-1.756h1.464v-.976c0-.52.39-1.008.91-1.008zm-1 9h-6v5h6zm-5-5h-3v2h3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_push_button_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_push_button_20.svg
new file mode 100644
index 0000000000..1225962b27
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_push_button_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m18 13.576v1.906c0 .695-.149 1.352-.441 1.954a.999.999 0 0 1 -1.336.464 1.002 1.002 0 0 1 -.464-1.337 2.46 2.46 0 0 0 .241-1.082v-1.906c0-.08-.088-.169-.167-.169a.17.17 0 0 0 -.135.067c-.262.339-.706.491-1.157.393-.442-.095-.778-.411-.876-.825-.029-.119-.252-.123-.295-.07-.258.316-.688.462-1.119.376-.447-.09-.8-.401-.921-.812a.17.17 0 0 0 -.161-.122h-.001c-.147 0-.374.136-.481.234a1.003 1.003 0 0 1 -1.084.184.998.998 0 0 1 -.603-.91v-5.42a.75.75 0 0 0 -1.5-.002v10.501a1 1 0 1 1 -2 0v-.516l-3.121-2.473a1.001 1.001 0 0 1 1.242-1.569l1.879 1.489v-3.916a4.452 4.452 0 0 1 -1.7-3.515c0-2.482 2.018-4.5 4.5-4.5 2.481 0 4.5 2.018 4.5 4.5a4.5 4.5 0 0 1 -1.8 3.596v.323c.056-.004.143-.015.17-.006.589 0 1.139.243 1.538.644.793-.31 1.761-.091 2.338.496a2.21 2.21 0 0 1 2.32.49c.409.409.634.954.634 1.533" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_push_button_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_push_button_24.svg
new file mode 100644
index 0000000000..3ff979ea31
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_push_button_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.227 21.784-4.281-3.392a2.483 2.483 0 0 1 -.93-1.672 2.5 2.5 0 0 1 4.035-2.247l1.949 1.544.002-3.617a5.51 5.51 0 0 1 -3.002-4.9c0-3.033 2.467-5.5 5.5-5.5a5.507 5.507 0 0 1 5.501 5.5 5.51 5.51 0 0 1 -3 4.899v.474c.88-.177 1.844.175 2.406.836.895-.432 2.109-.262 2.856.484.049.05.096.101.141.153a2.505 2.505 0 0 1 3.586 2.255v2.441c0 .847-.181 1.649-.537 2.386a.999.999 0 1 1 -1.8-.871c.224-.463.337-.973.338-1.516v-2.441a.501.501 0 0 0 -.852-.355.496.496 0 0 0 -.147.344v.017a1 1 0 0 1 -2-.009v-.032l.005-.612a.5.5 0 0 0 -1-.003v.017a1 1 0 0 1 -1 .992h-.004a1 1 0 0 1 -.996-1.001v-.032l.005-.609a.5.5 0 0 0 -1 .007 1 1 0 1 1 -2-.002l.002-3.555v-.049l.003-4.174a.498.498 0 0 0 -.5-.5.5.5 0 0 0 -.5.5l-.006 10.542a1 1 0 0 1 -1.621.783l-3.569-2.828a.5.5 0 1 0 -.621.783l4.281 3.392a1 1 0 1 1 -1.244 1.568zm-.225-14.284c0 .937.375 1.812 1.003 2.452v-2.41a2.492 2.492 0 0 1 .735-1.767 2.48 2.48 0 0 1 1.765-.731h.003c.667 0 1.294.261 1.767.733.472.473.732 1.101.731 1.769v2.4a3.508 3.508 0 0 0 .996-2.446c0-1.93-1.571-3.5-3.501-3.5a3.504 3.504 0 0 0 -3.499 3.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_push_button_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_push_button_32.svg
new file mode 100644
index 0000000000..7d6e2d36b3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_push_button_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m9.846 28.784-5.71-4.524a2.985 2.985 0 0 1 -1.116-2.008 2.98 2.98 0 0 1 .628-2.208 2.977 2.977 0 0 1 2.007-1.116 2.98 2.98 0 0 1 2.209.629l3.14 2.487.007-11.996a3.004 3.004 0 0 1 3-2.998 3.006 3.006 0 0 1 3.002 3.002l-.005 7.546a3 3 0 0 1 3.453 1.104c.461-.277.99-.426 1.542-.426h.003c1.013 0 1.91.506 2.453 1.277a2.986 2.986 0 0 1 1.539-.424c.803 0 1.556.312 2.123.881.567.567.879 1.32.878 2.121v3.264c0 1.077-.23 2.099-.683 3.036a1 1 0 1 1 -1.8-.871 4.942 4.942 0 0 0 .484-2.166v-3.263a.994.994 0 0 0 -.293-.708.997.997 0 0 0 -1.414-.001.995.995 0 0 0 -.294.688v.026a1 1 0 0 1 -2-.008v-.043l.006-.815a1 1 0 0 0 -2.001-.013v.025a1 1 0 0 1 -2-.008v-.04l.006-.813a1 1 0 0 0 -2.001.005 1 1 0 1 1 -2 0l.007-10.376a1.001 1.001 0 0 0 -2.001-.001l-.008 14.062a1 1 0 0 1 -1.621.783l-4.76-3.771a1.014 1.014 0 0 0 -.737-.21.993.993 0 0 0 -.669.372 1 1 0 0 0 .163 1.406l5.71 4.523a1 1 0 0 1 -.621 1.784.984.984 0 0 1 -.626-.214zm-.837-14.465a.995.995 0 0 1 -.833-.446 6.961 6.961 0 0 1 -1.168-3.873c0-3.859 3.141-7 7-7s7.001 3.141 7.001 7a6.967 6.967 0 0 1 -1.159 3.858 1 1 0 0 1 -1.668-1.104c.541-.817.827-1.77.827-2.755 0-2.757-2.244-5-5.001-5s-5 2.243-5 5c0 .989.288 1.945.833 2.766a1 1 0 0 1 -.832 1.554z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_remove_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_remove_20.svg
new file mode 100644
index 0000000000..8c2e834d44
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_remove_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c4.424 0 8 3.576 8 8s-3.576 8-8 8-8-3.576-8-8 3.576-8 8-8zm0 1.995c-3.318 0-6.005 2.737-6.005 6.005 0 3.279 2.715 6.005 6.005 6.005 3.231 0 6.005-2.649 6.005-6.005a6.009 6.009 0 0 0 -6.005-6.005zm-3.99 7.003v-1.996h7.98v1.996z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_remove_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_remove_24.svg
new file mode 100644
index 0000000000..06a5e74bdb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_remove_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.012 2c5.5 0 9.988 4.489 9.988 9.988a10.05 10.05 0 0 1 -10.012 10.012c-5.5 0-9.988-4.489-9.988-9.988a9.975 9.975 0 0 1 10.012-10.012zm-.014 1.998c-4.424 0-8 3.572-8 7.99 0 4.419 3.576 8.014 8 8.014 4.423 0 8-3.595 8-8.014a7.989 7.989 0 0 0 -8-7.99zm5.018 7.005h-10.023a.994.994 0 0 0 -.988.988 1 1 0 0 0 .988 1.012h10.023a1 1 0 0 0 .989-1.012.994.994 0 0 0 -.989-.988z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_remove_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_remove_32.svg
new file mode 100644
index 0000000000..1d100bcc97
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_remove_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c7.719 0 14 6.281 14 14s-6.281 14-14 14-14-6.281-14-14 6.281-14 14-14zm0 2c-6.625 0-12 5.375-12 12s5.375 12 12 12 12-5.375 12-12-5.375-12-12-12zm6 11h-12c-.563 0-1 .438-1 1 0 .563.438 1 1 1h12c.563 0 1-.438 1-1 0-.563-.438-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_remove_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_remove_solid_20.svg
new file mode 100644
index 0000000000..0cbf2fb958
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_remove_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c4.406 0 8 3.594 8 8s-3.594 8-8 8-8-3.594-8-8 3.594-8 8-8zm4 7h-8v2h8z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_remove_solid_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_remove_solid_24.svg
new file mode 100644
index 0000000000..e9683902fa
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_remove_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.012 2c5.5 0 9.988 4.489 9.988 9.988a10.05 10.05 0 0 1 -10.012 10.012c-5.5 0-9.988-4.489-9.988-9.988a9.975 9.975 0 0 1 10.012-10.012zm5.004 9.003h-10.023a.994.994 0 0 0 -.988.988 1 1 0 0 0 .988 1.012h10.023a1 1 0 0 0 .989-1.012.994.994 0 0 0 -.989-.988z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_remove_solid_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_remove_solid_32.svg
new file mode 100644
index 0000000000..063dec3a0b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_remove_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c7.719 0 14 6.281 14 14s-6.281 14-14 14-14-6.281-14-14 6.281-14 14-14zm6 13h-12c-.563 0-1 .438-1 1 0 .563.438 1 1 1h12c.563 0 1-.438 1-1 0-.563-.438-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_20.svg
new file mode 100644
index 0000000000..81985d87cf
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7 12c.513 0 1 .422 1 1v4a1 1 0 0 1 -1 1h-4c-.492 0-1-.394-1-1v-4c0-.513.42-1 1-1zm9-10c1.054 0 2 .864 2 2v10c0 1.054-.87 2-2 2h-5.5a1 1 0 0 1 0-2h5.5v-10h-10v5.5a1 1 0 0 1 -1 1c-.513 0-1-.428-1-1v-5.5c0-1.054.835-2 2-2zm-10 12h-2v2h2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_24.svg
new file mode 100644
index 0000000000..5ac38f2f19
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m8 14c1.054 0 2 .844 2 2v4c0 1.054-.818 2-2 2h-4c-1.054 0-2-.827-2-2v-4c0-1.054.853-2 2-2zm0 2h-4v4h4zm11.5-14c1.325 0 2.5 1.076 2.5 2.5v12c0 1.325-1.063 2.5-2.5 2.5h-6.5a1 1 0 0 1 0-2h6.5c.228 0 .5-.187.5-.5v-12a.5.5 0 0 0 -.5-.5h-12c-.245 0-.5.2-.5.5v6.5a1 1 0 0 1 -2 0v-6.5c0-1.325 1.075-2.5 2.5-2.5zm-6.5 4h4a.994.994 0 0 1 1 1v4a1 1 0 0 1 -1 1c-.513 0-1-.383-1-1v-1.586l-3.293 3.293a1 1 0 0 1 -1.414 0c-.36-.36-.426-1 0-1.414l3.291-3.293h-1.584c-.513 0-1-.416-1-1s.484-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_32.svg
new file mode 100644
index 0000000000..1a2ef5d3e8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m9.5 20c1.325 0 2.5 1.056 2.5 2.5v5a2.49 2.49 0 0 1 -2.5 2.5h-5c-1.325 0-2.528-1.092-2.5-2.5v-5a2.49 2.49 0 0 1 2.5-2.5zm-5 2c-.245 0-.5.204-.5.5v5c0 .245.197.5.5.5h5c.245 0 .5-.19.5-.5v-5c0-.237-.189-.5-.5-.5zm22.5-20c1.598 0 3 1.281 3 3v18c0 1.598-1.279 3-3 3h-11a1 1 0 0 1 0-2h11c.513 0 1-.435 1-1v-18c0-.513-.398-1-1-1h-18c-.513 0-1 .424-1 1v11a1 1 0 0 1 -1 1c-.513 0-1-.426-1-1v-11c0-1.598 1.293-3 3-3zm-4 6c.513 0 1 .419 1 1v6a1 1 0 1 1 -2 0v-3.586l-6.293 6.293a1 1 0 0 1 -1.414 0c-.36-.36-.423-1.009 0-1.414l6.291-6.293h-3.584a1 1 0 0 1 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_handle_corner_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_handle_corner_20.svg
new file mode 100644
index 0000000000..15bf100a39
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_handle_corner_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m11.5 16.5a.999.999 0 0 1 -.707-1.707l4-4a.999.999 0 1 1 1.414 1.414l-4 4a.997.997 0 0 1 -.707.293zm-7 0a.999.999 0 0 1 -.707-1.707l11-11a.999.999 0 1 1 1.414 1.414l-11 11a.997.997 0 0 1 -.707.293z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_handle_corner_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_handle_corner_24.svg
new file mode 100644
index 0000000000..6e6e8f11cc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_handle_corner_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m13.5 20a.999.999 0 0 1 -.707-1.707l5.5-5.5a.999.999 0 1 1 1.414 1.414l-5.5 5.5a.997.997 0 0 1 -.707.293zm-8.5 0a.999.999 0 0 1 -.707-1.707l14-14a.999.999 0 1 1 1.414 1.414l-14 14a.997.997 0 0 1 -.707.293z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_handle_corner_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_handle_corner_32.svg
new file mode 100644
index 0000000000..f9f3e29f01
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_handle_corner_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 26.5a.999.999 0 0 1 -.707-1.707l10-10a.999.999 0 1 1 1.414 1.414l-10 10a.997.997 0 0 1 -.707.293zm-10 0a.999.999 0 0 1 -.707-1.707l20-20a.999.999 0 1 1 1.414 1.414l-20 20a.997.997 0 0 1 -.707.293z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_solid_20.svg
new file mode 100644
index 0000000000..a5fb071f93
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_resize_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7 12c.513 0 1 .419 1 1v4c0 .513-.415 1-1 1h-4c-.513 0-1-.42-1-1v-4c0-.513.437-1 1-1zm9-10c1.054 0 2 .853 2 2v10c0 1.054-.84 2-2 2h-6v-5c0-.513-.434-1-.999-1h-5.001v-6c0-1.054.86-2 1.999-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_save_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_save_20.svg
new file mode 100644
index 0000000000..90a0f9417b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_save_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13.4 2a1 1 0 0 1 .608.206l3.7 3.687a1.1 1.1 0 0 1 .292.607v9.5c0 1.054-1 2-2 2h-12c-1.054 0-2-1-2-2v-12c0-1.054 1-2 2-2zm-7.4 1.999-2 .001v12l2-.001v-3.999c0-.513.5-1 1-1h6c.513 0 1 .5 1 1v3.999l2 .001v-8.985l-3.016-3.016h-.984v2.001c0 .513-.5 1-1 1h-4c-.513 0-1-.5-1-1zm6 9h-4v3h4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_save_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_save_24.svg
new file mode 100644
index 0000000000..814c0d1565
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_save_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.4 2a1 1 0 0 1 .608.206 535.35 535.35 0 0 1 3.7 3.687c.212.228.263.39.292.607v13c0 1.325-1 2.5-2.5 2.5h-15c-1.325 0-2.5-1-2.5-2.5v-15c0-1.325 1-2.5 2.5-2.5zm-11.4 2h-1.5c-.245 0-.5.256-.5.5v15c0 .245.265.5.5.5h1.5v-7c0-.513.482-1 1-1h10c.513 0 1 .534 1 1v7h1.5c.245 0 .5-.262.5-.5v-12.485l-3.015-3.015h-2.985v3c0 .513-.497 1-.999 1h-6.001c-.513 0-1-.504-1-1zm10 10h-8v6h8zm-4-10h-4v2h4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_save_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_save_32.svg
new file mode 100644
index 0000000000..b6051f814e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_save_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m24.5 2c.221 0 .494.118.668.25l4.54 4.543c.155.156.292.475.292.69v19.517c0 1.598-1.424 3-3 3h-22c-1.598 0-3-1.427-3-3v-22c0-1.598 1.351-3 3-3zm-16.5 2h-3c-.513 0-1 .443-1 1v22c0 .513.505 1 1 1h3v-11c0-.513.482-1 1-1h14c.513 0 1 .497 1 1v11h3c.513 0 1-.508 1-1v-19.085l-3.915-3.915h-4.085v5c0 .513-.498 1-1 1h-10c-.513 0-1-.471-1-1zm14 14h-12v10h12zm-4-14h-8v4h8z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_save_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_save_solid_20.svg
new file mode 100644
index 0000000000..dee71e1d4b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_save_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m6 2v2c0 .513.5 1 1 1h4c.513 0 1-.5 1-1v-2h1.586a1 1 0 0 1 .707.293l3.414 3.414a1 1 0 0 1 .293.707v10.586a1 1 0 0 1 -1 1h-14a1 1 0 0 1 -1-1v-14a1 1 0 0 1 1-1zm1 9a1 1 0 0 0 -.993.883l-.007.117v4h8v-4c0-.513-.487-.993-.991-.993z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_schedule_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_schedule_20.svg
new file mode 100644
index 0000000000..c91e91352e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_schedule_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8zm0 2.01a5.979 5.979 0 0 0 -5.99 5.99 5.979 5.979 0 0 0 5.99 5.99 5.979 5.979 0 0 0 5.99-5.99 5.979 5.979 0 0 0 -5.99-5.99zm.995 1.99v3.59l2.186 2.186-1.405 1.405-2.771-2.771v-4.41z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_schedule_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_schedule_24.svg
new file mode 100644
index 0000000000..37422e99be
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_schedule_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2c5.516 0 10 4.484 10 10s-4.484 10-10 10-10-4.484-10-10 4.484-10 10-10zm0 2.019a7.975 7.975 0 0 0 -7.981 7.981 7.975 7.975 0 0 0 7.981 7.981 7.975 7.975 0 0 0 7.981-7.981 7.975 7.975 0 0 0 -7.981-7.981zm-1 8.098v-5.117c0-.516.5-1 1-1s1 .5 1 1l.01 4.6 2.699 2.677c.203.19.31.449.31.71 0 .487-.387.964-1.042.964-.27 0-.534-.089-.7-.266l-2.948-2.957a1.05 1.05 0 0 1 -.329-.61z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_schedule_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_schedule_32.svg
new file mode 100644
index 0000000000..1bd9791963
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_schedule_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c7.719 0 14 6.281 14 14s-6.281 14-14 14-14-6.281-14-14 6.281-14 14-14zm0 2c-6.625 0-12 5.375-12 12s5.375 12 12 12 12-5.375 12-12-5.375-12-12-12zm-1 12.125v-8.125c0-.563.438-1 1-1 .5 0 1 .438 1 1v7.594l3.719 3.687a.81.81 0 0 1 .266.61c0 .448-.39 1.132-1.008 1.132a.998.998 0 0 1 -.696-.304l-4-4a1.056 1.056 0 0 1 -.281-.594z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_schedule_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_schedule_solid_20.svg
new file mode 100644
index 0000000000..942c667b05
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_schedule_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8zm.995 3.005h-1.99v5.405l2.77 2.79 1.425-1.424-2.205-2.186z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_search_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_search_20.svg
new file mode 100644
index 0000000000..0eacf6b5ab
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_search_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9 2c3.87 0 7 3.13 7 7 0 1.593-.537 3.016-1.382 4.187l3.09 3.09c.194.195.292.455.292.715 0 .551-.438 1.008-.972 1.008-.248 0-.508-.098-.752-.293l-3.089-3.09a6.955 6.955 0 0 1 -4.187 1.383c-3.87 0-7-3.13-7-7s3.13-7 7-7zm-.008 2.016a4.955 4.955 0 0 0 -4.976 4.976c-0 2.764 2.212 5.008 4.976 5.008a5.01 5.01 0 0 0 5.008-5.008c0-2.764-2.244-4.976-5.008-4.976z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_search_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_search_24.svg
new file mode 100644
index 0000000000..c29dbd043d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_search_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m9.5 2c4.156 0 7.531 3.374 7.531 7.497a7.582 7.582 0 0 1 -1.531 4.592l6.219 6.216c.375.375.375 1 0 1.406-.375.374-.938.374-1.344.062l-6.281-6.279a7.59 7.59 0 0 1 -4.594 1.531c-4.125 0-7.5-3.374-7.5-7.528 0-4.123 3.375-7.497 7.5-7.497zm0 2a5.507 5.507 0 0 0 -5.5 5.496c0 3.061 2.469 5.529 5.5 5.529a5.52 5.52 0 0 0 5.531-5.53c0-3.028-2.469-5.495-5.531-5.495z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_search_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_search_32.svg
new file mode 100644
index 0000000000..045bd857cf
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_search_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m13 3a9.99 9.99 0 0 1 10 10 9.912 9.912 0 0 1 -2.25 6.313l7.969 7.968c.187.188.281.469.281.719 0 .594-.438 1-1 1-.25 0-.5-.063-.719-.281l-7.968-7.969a9.912 9.912 0 0 1 -6.313 2.25 9.99 9.99 0 0 1 -10-10 9.99 9.99 0 0 1 10-10zm0 2c-4.406 0-8 3.594-8 8s3.594 8 8 8 8-3.594 8-8-3.594-8-8-8z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_send_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_send_20.svg
new file mode 100644
index 0000000000..a6cb7c761a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_send_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m17.71 2.29c.274.292.372.702.215 1.073l-5.62 14.012a.998.998 0 0 1 -.917.625c-.469-.02-.82-.293-.937-.683l-1.932-5.837-5.836-1.93a.986.986 0 0 1 -.683-.898c0-.43.234-.8.625-.957l14.012-5.62c.371-.157.781-.059 1.074.214zm-2.478 2.478-9.348 3.747 3.727 1.23c.293.117.527.331.625.644l1.23 3.727z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_send_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_send_24.svg
new file mode 100644
index 0000000000..534742ddb8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_send_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20.667 3.31c.291.267.364.68.243 1.07l-6.344 16.478c-.267.705-.9 1.142-1.628 1.142h-.073a1.744 1.744 0 0 1 -1.629-1.24l-1.895-6.124-6.1-1.896a1.714 1.714 0 0 1 -1.241-1.604 1.772 1.772 0 0 1 1.119-1.726l16.478-6.343c.365-.146.778-.049 1.07.243zm-3.354 4.764-6.004 6.051 1.653 5.323 4.35-11.374zm-1.41-1.41-11.374 4.375 5.346 1.652z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_send_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_send_32.svg
new file mode 100644
index 0000000000..11e628eb2f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_send_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m28.217 3.79c.258.29.355.709.226 1.096l-9.1 23.324a1.993 1.993 0 0 1 -1.87 1.29 1.989 1.989 0 0 1 -1.905-1.323l-3.194-8.548-8.551-3.194c-.807-.323-1.323-1.065-1.323-1.903 0-.84.484-1.581 1.29-1.904l23.33-9.065c.387-.129.807-.064 1.097.226zm-3.42 4.838-10.455 10.452 3.13 8.388zm-1.452-1.42-18.812 7.325 8.357 3.129 10.455-10.453z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_sepa_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_sepa_20.svg
new file mode 100644
index 0000000000..6d2bcd81b0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_sepa_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.511 13.259.036.084 1.328 4a.5.5 0 0 1 -.914.397l-.035-.083-.352-1.057h-1.144l-.407 1.077a.5.5 0 0 1 -.558.315l-.087-.024a.5.5 0 0 1 -.314-.558l.024-.087 1.517-4a.5.5 0 0 1 .906-.064zm-3.67-.259c.962 0 1.504.542 1.504 1.555 0 .958-.475 1.48-1.345 1.535l-.158.005h-.632l.001 1.405a.5.5 0 0 1 -.41.492l-.09.008a.5.5 0 0 1 -.492-.41l-.008-.09v-4a.5.5 0 0 1 .41-.492l.09-.008zm-7.245 0c.437 0 .858.099 1.207.267a.5.5 0 0 1 -.435.9 1.811 1.811 0 0 0 -.772-.167c-.261 0-.34.071-.34.233 0 .188.115.339.498.608l.276.186c.874.568 1.203.907 1.203 1.602 0 .812-.673 1.371-1.567 1.371a2.64 2.64 0 0 1 -1.322-.355.5.5 0 1 1 .512-.859c.219.13.517.214.81.214.378 0 .567-.157.567-.37 0-.18-.113-.327-.49-.591l-.271-.183c-.884-.575-1.217-.918-1.217-1.623 0-.741.552-1.233 1.34-1.233zm4.606 0a.5.5 0 0 1 .09.992l-.09.008h-1.547v.904h1.175a.5.5 0 0 1 .09.993l-.09.008-1.175-.001v1.096h1.635a.5.5 0 0 1 .492.41l.008.09a.5.5 0 0 1 -.41.492l-.09.008h-2.134a.5.5 0 0 1 -.492-.41l-.008-.09v-4a.5.5 0 0 1 .41-.492l.09-.008zm5.838 1.992-.23.608h.432zm-3.198-.992h-.632v1.095h.632c.421 0 .503-.08.503-.54 0-.423-.08-.537-.407-.553zm2.147-12c1.093 0 2 .906 2 2v4.98c0 1.094-.907 2-2 2h-7.987c-1.094 0-2-.906-2-2v-4.98c0-1.094.906-2 2-2zm.013 2h-8v5h8zm-3 3v1h-4v-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_sepa_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_sepa_24.svg
new file mode 100644
index 0000000000..3b3b3a8530
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_sepa_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.411 17.259.036.084 1.328 4a.5.5 0 0 1 -.914.397l-.035-.083-.352-1.057h-1.144l-.407 1.077a.5.5 0 0 1 -.558.315l-.087-.024a.5.5 0 0 1 -.314-.558l.024-.087 1.517-4a.5.5 0 0 1 .906-.064zm-3.67-.259c.962 0 1.504.542 1.504 1.555 0 .958-.475 1.48-1.345 1.535l-.158.005h-.632l.001 1.405a.5.5 0 0 1 -.41.492l-.09.008a.5.5 0 0 1 -.492-.41l-.008-.09v-4a.5.5 0 0 1 .41-.492l.09-.008zm-7.245 0c.437 0 .858.099 1.207.267a.5.5 0 0 1 -.435.9 1.811 1.811 0 0 0 -.772-.167c-.261 0-.34.071-.34.233 0 .188.115.339.498.608l.276.186c.874.568 1.203.907 1.203 1.602 0 .812-.673 1.371-1.567 1.371a2.64 2.64 0 0 1 -1.322-.355.5.5 0 1 1 .512-.859c.219.13.517.214.81.214.378 0 .567-.157.567-.37 0-.18-.113-.327-.49-.591l-.271-.183c-.884-.575-1.217-.918-1.217-1.623 0-.741.552-1.233 1.34-1.233zm4.606 0a.5.5 0 0 1 .09.992l-.09.008h-1.547v.904h1.175a.5.5 0 0 1 .09.993l-.09.008-1.175-.001v1.096h1.634a.5.5 0 0 1 .492.41l.008.09a.5.5 0 0 1 -.41.492l-.09.008h-2.133a.5.5 0 0 1 -.492-.41l-.008-.09v-4a.5.5 0 0 1 .41-.492l.09-.008zm5.838 1.992-.23.608h.432zm-3.198-.992h-.632v1.095h.632c.421 0 .503-.08.503-.54 0-.423-.08-.537-.407-.553zm4.258-16a3 3 0 0 1 3 3v7a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3-3v-7a3 3 0 0 1 3-3zm0 2h-12a1 1 0 0 0 -1 1v7a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-7a1 1 0 0 0 -1-1zm-4 5a1 1 0 0 1 0 2h-6a1 1 0 0 1 0-2zm3-4a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_sepa_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_sepa_32.svg
new file mode 100644
index 0000000000..b313cabbc2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_sepa_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m6.387 21c.706 0 1.384.181 1.945.49.391.216.545.73.344 1.148s-.681.583-1.072.368a2.56 2.56 0 0 0 -1.217-.302c-.408 0-.547.142-.547.485 0 .402.207.696.907 1.245l.352.267c1.379 1.025 1.901 1.639 1.901 2.859 0 1.43-1.066 2.44-2.501 2.44a3.858 3.858 0 0 1 -2.13-.652c-.37-.252-.48-.778-.245-1.176a.768.768 0 0 1 1.004-.318l.095.056c.346.235.817.386 1.276.386.596 0 .909-.297.909-.736 0-.303-.126-.545-.513-.896l-.239-.204-.295-.231-.191-.144c-1.394-1.036-1.922-1.657-1.922-2.896 0-1.304.87-2.189 2.139-2.189zm12.215 0c1.548 0 2.398.974 2.398 2.776 0 1.734-.771 2.673-2.214 2.745l-.184.005h-1.01v2.622c0 .434-.304.793-.696.845l-.1.007c-.406 0-.74-.325-.79-.745l-.006-.107v-7.296c0-.434.304-.793.696-.845l.1-.007zm-4.537 0c.44 0 .796.381.796.852 0 .434-.304.793-.696.845l-.1.007h-2.475v1.77h1.88c.44 0 .796.382.796.852 0 .435-.304.793-.697.846l-.1.006h-1.879v2.117h2.613c.406 0 .74.326.79.746l.006.107c0 .434-.304.793-.696.845l-.1.007h-3.408c-.406 0-.74-.325-.79-.745l-.005-.107v-7.296c0-.434.304-.793.696-.845l.1-.007zm11.365.377.062.105.048.117 2.419 7.296c.149.449-.119.927-.598 1.066-.442.13-.91-.075-1.096-.46l-.04-.1-.648-1.955h-2.06l-.753 1.987c-.154.407-.603.635-1.041.549l-.119-.031c-.433-.145-.677-.566-.585-.977l.034-.112 2.764-7.295c.262-.69 1.227-.746 1.613-.19zm-.815 3.17-.453 1.195h.85l-.397-1.196zm-7.023-1.843v2.117h1.01c.663 0 .806-.16.806-1.045 0-.834-.144-1.048-.697-1.07l-.109-.002zm8.408-20.704c1.656 0 3 1.375 3 3v10.985c0 1.656-1.375 3-3 3h-20c-1.656 0-3-1.375-3-3v-10.985c0-1.656 1.344-3 3-3zm0 2h-20a1 1 0 0 0 -1 1v11a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1v-11a1 1 0 0 0 -1-1zm-8 9a1 1 0 0 1 0 2h-10a1 1 0 0 1 0-2zm6-7a1 1 0 0 1 1 1v1a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1-1v-1a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_sepa_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_sepa_solid_20.svg
new file mode 100644
index 0000000000..cceaa9ef49
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_sepa_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.511 13.259.036.084 1.328 4a.5.5 0 0 1 -.914.397l-.035-.083-.352-1.057h-1.144l-.407 1.077a.5.5 0 0 1 -.558.315l-.087-.024a.5.5 0 0 1 -.314-.558l.024-.087 1.517-4a.5.5 0 0 1 .906-.064zm-3.67-.259c.962 0 1.504.542 1.504 1.555 0 .958-.475 1.48-1.345 1.535l-.158.005h-.632l.001 1.405a.5.5 0 0 1 -.41.492l-.09.008a.5.5 0 0 1 -.492-.41l-.008-.09v-4a.5.5 0 0 1 .41-.492l.09-.008zm-7.245 0c.437 0 .858.099 1.207.267a.5.5 0 0 1 -.435.9 1.811 1.811 0 0 0 -.772-.167c-.261 0-.34.071-.34.233 0 .188.115.339.498.608l.276.186c.874.568 1.203.907 1.203 1.602 0 .812-.673 1.371-1.567 1.371a2.64 2.64 0 0 1 -1.322-.355.5.5 0 1 1 .512-.859c.219.13.517.214.81.214.378 0 .567-.157.567-.37 0-.18-.113-.327-.49-.591l-.271-.183c-.884-.575-1.217-.918-1.217-1.623 0-.741.552-1.233 1.34-1.233zm4.606 0a.5.5 0 0 1 .09.992l-.09.008h-1.547v.904h1.175a.5.5 0 0 1 .09.993l-.09.008-1.175-.001v1.096h1.635a.5.5 0 0 1 .492.41l.008.09a.5.5 0 0 1 -.41.492l-.09.008h-2.134a.5.5 0 0 1 -.492-.41l-.008-.09v-4a.5.5 0 0 1 .41-.492l.09-.008zm5.838 1.992-.23.608h.432zm-3.198-.992h-.632v1.095h.632c.421 0 .503-.08.503-.54 0-.423-.08-.537-.407-.553zm2.144-12c1.094 0 2 .906 2 2v4.98c0 1.094-.906 2-2 2h-7.986c-1.094 0-2-.906-2-2v-4.98c0-1.094.906-2 2-2zm-2.986 5h-5v2h5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_settings_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_settings_20.svg
new file mode 100644
index 0000000000..b6a3a56e0d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_settings_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m11.438 2.047c.906 0 1.624.719 1.656 1.625v1l.25.156.906-.531c.25-.156.531-.219.813-.219.562 0 1.124.281 1.406.813l1.312 2.187a1.7 1.7 0 0 1 .219.844c0 .5-.25 1.125-.844 1.437l-.906.5v.344l.875.531c.625.375.75.813.813 1.407 0 .312-.063.593-.22.843l-1.25 2.094a1.64 1.64 0 0 1 -1.405.813c-.313 0-.594-.063-.844-.22l-.906-.562-.313.188v1c0 .906-.75 1.656-1.656 1.656h-2.719c-.906 0-1.625-.75-1.625-1.656v-1l-.313-.188-.906.563a1.99 1.99 0 0 1 -.843.219 1.675 1.675 0 0 1 -1.407-.813l-1.25-2.094a1.622 1.622 0 0 1 -.219-.843c0-.594.282-1.094.813-1.407l.875-.53v-.345l-.906-.5a1.682 1.682 0 0 1 -.844-1.437 1.7 1.7 0 0 1 .219-.844l1.311-2.187a1.612 1.612 0 0 1 1.406-.813c.282 0 .563.063.813.219l.906.531.25-.156v-1c0-.906.75-1.625 1.657-1.625h2.874zm-.344 1.969h-2.188v1.78l-2.25 1.345-1.593-.938-.938 1.594 1.594.875.031 2.687-1.563.907.875 1.5 1.563-.938 2.375 1.282v1.844h2v-1.844l2.344-1.28 1.594.937.874-1.5-1.593-.907.062-2.687 1.594-.875-.938-1.594-1.624.938-2.22-1.344v-1.782zm-1.078 3.984c1.102 0 1.984.882 1.984 1.984 0 1.134-.882 2.016-1.984 2.016a1.99 1.99 0 0 1 -2.016-2.016c0-1.102.882-1.984 2.016-1.984z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_settings_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_settings_24.svg
new file mode 100644
index 0000000000..420bcb0622
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_settings_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m15.411 3.403-.096 1.339 1.371.797 1.148-.766a.983.983 0 0 1 .574-.159c1.179 0 3.379 3.832 3.379 5.133 0 .35-.183.717-.542.892l-1.243.606v1.53l1.243.606a.987.987 0 0 1 .542.892c0 1.218-2.149 5.133-3.38 5.133a.983.983 0 0 1 -.573-.16l-1.148-.765-1.37.766.095 1.37c.08 1.137-1.642 1.403-3.411 1.403-1.593 0-3.494-.207-3.411-1.403l.096-1.37-1.371-.766-1.148.766a.983.983 0 0 1 -.574.159c-1.179 0-3.379-3.832-3.379-5.133 0-.35.183-.717.542-.892l1.243-.606v-1.53l-1.243-.606a.987.987 0 0 1 -.542-.892c0-1.338 2.212-5.133 3.411-5.133.16 0 .35.032.542.16l1.148.765 1.37-.797-.095-1.34c-.08-1.115 1.576-1.383 3.228-1.401l.183-.001c1.594 0 3.496.208 3.411 1.403zm-3.411.605c-.446 0-.893.032-1.37.128l.095 1.116c.032.38-.188.738-.51.924l-2.423 1.404c-.16.064-.319.127-.51.127s-.386-.058-.542-.16l-.988-.637c-.574.67-1.02 1.467-1.34 2.296l1.02.51c.358.178.575.542.575.892v2.774c0 .382-.23.72-.574.892l-1.02.51c.319.861.765 1.658 1.339 2.328l.988-.638c.156-.1.35-.16.542-.16.191 0 .35.035.51.128l2.423 1.403c.322.186.542.543.51.924l-.096 1.116c.478.096.925.128 1.371.128s.893-.032 1.37-.128l-.095-1.116c-.032-.38.188-.738.51-.924l2.423-1.403a.961.961 0 0 1 .51-.127c.191 0 .386.058.542.16l.988.637a7.651 7.651 0 0 0 1.34-2.327l-1.02-.479a1.02 1.02 0 0 1 -.575-.924v-2.742c0-.382.217-.746.574-.924l1.02-.51c-.319-.83-.765-1.626-1.339-2.296l-.988.638c-.156.1-.35.16-.542.16-.191 0-.35-.064-.51-.128l-2.423-1.403c-.322-.186-.542-.543-.51-.924l.096-1.116a6.865 6.865 0 0 0 -1.371-.129zm-.015 3.992a4.02 4.02 0 0 1 4.017 4.017c0 2.2-1.786 3.985-4.017 3.985a3.986 3.986 0 0 1 -3.985-3.985c0-2.2 1.785-4.017 3.985-4.017zm.015 2.002a2.02 2.02 0 0 0 -2.008 2.008c0 1.084.924 2.008 2.008 2.008a2.02 2.02 0 0 0 2.008-2.008 2 2 0 0 0 -2.008-2.008z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_settings_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_settings_32.svg
new file mode 100644
index 0000000000..a75960097d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_settings_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m20.457 3.507-.157 2.26 2.417 1.38 1.883-1.224c.168-.11.345-.188.533-.188 1.524 0 4.457 5.48 4.457 6.968 0 .376-.213.734-.565.91l-2.009 1.004v2.762l2.01 1.004c.35.176.564.534.564.91 0 1.528-3.114 6.968-4.457 6.968-.188 0-.365-.079-.533-.188l-1.883-1.224-2.417 1.38.157 2.23c.092 1.305-2.406 1.537-4.457 1.537-1.937 0-4.551-.2-4.457-1.538l.157-2.228-2.417-1.381-1.883 1.224c-.168.11-.345.188-.533.188-1.415 0-4.457-5.46-4.457-6.999 0-.345.226-.709.565-.879l2.009-1.004v-2.762l-2.01-1.004a1.02 1.02 0 0 1 -.564-.91c0-1.485 3.016-6.968 4.457-6.968.188 0 .365.079.533.188l1.883 1.224 2.417-1.38-.125-2.26c-.07-1.245 2.173-1.492 4.221-1.506l.204-.001c1.94 0 4.547.212 4.457 1.507zm-4.457.47c-.785 0-1.6.094-2.385.251l.125 2.04a.994.994 0 0 1 -.502.91l-3.484 2.01a.949.949 0 0 1 -.502.125.934.934 0 0 1 -.534-.157l-1.694-1.13a12.043 12.043 0 0 0 -2.386 4.174l1.79.91c.337.173.564.503.564.88v4.017a.99.99 0 0 1 -.565.879l-1.82.91a12.197 12.197 0 0 0 2.417 4.143l1.694-1.099c.17-.11.346-.188.534-.188s.343.066.502.157l3.484 1.977c.318.18.525.566.502.942l-.125 2.04c.784.157 1.6.25 2.385.25s1.6-.093 2.385-.25l-.125-2.04a1.04 1.04 0 0 1 .502-.942l3.484-1.977c.159-.09.314-.157.502-.157s.364.08.534.188l1.726 1.099a12.654 12.654 0 0 0 2.385-4.143l-1.82-.91a.99.99 0 0 1 -.565-.88v-4.016a.99.99 0 0 1 .565-.878l1.82-.91a12.645 12.645 0 0 0 -2.417-4.175l-1.694 1.13a.934.934 0 0 1 -.534.157.949.949 0 0 1 -.502-.126l-3.484-2.008a.994.994 0 0 1 -.502-.91l.125-2.04a12.32 12.32 0 0 0 -2.385-.254zm0 7.023c2.767 0 5 2.233 5 5s-2.233 5-5 5-5-2.233-5-5 2.233-5 5-5zm0 2a3 3 0 1 0 .002 6.002 3 3 0 0 0 -.002-6.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_share_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_share_20.svg
new file mode 100644
index 0000000000..84ae7d176c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_share_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14.506 2a3.482 3.482 0 0 1 3.494 3.499 3.495 3.495 0 0 1 -3.494 3.498 3.45 3.45 0 0 1 -2.616-1.207l-2.983 1.433c.061.245.081.511.081.777s-.02.532-.081.777l2.963 1.412a3.58 3.58 0 0 1 2.636-1.186 3.508 3.508 0 0 1 3.494 3.497 3.495 3.495 0 0 1 -3.494 3.5 3.482 3.482 0 0 1 -3.494-3.499c0-.163.02-.348.04-.49l-3.146-1.474a3.466 3.466 0 0 1 -2.412.962 3.508 3.508 0 0 1 -3.494-3.499 3.495 3.495 0 0 1 3.494-3.499c.94 0 1.798.369 2.432.962l3.126-1.494a3.366 3.366 0 0 1 -.04-.47 3.495 3.495 0 0 1 3.494-3.499zm0 11.008a1.5 1.5 0 0 0 -1.492 1.493 1.5 1.5 0 0 0 1.492 1.494 1.5 1.5 0 0 0 1.491-1.494 1.5 1.5 0 0 0 -1.491-1.493zm-9.012-4.502c-.817 0-1.491.655-1.491 1.494a1.501 1.501 0 0 0 3.003 0c0-.839-.674-1.494-1.512-1.494zm9.012-4.521c-.818 0-1.492.675-1.492 1.514a1.501 1.501 0 0 0 3.004 0 1.51 1.51 0 0 0 -1.512-1.514z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_share_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_share_24.svg
new file mode 100644
index 0000000000..d17743aced
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_share_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.508 3a3.5 3.5 0 0 1 3.492 3.492c0 1.945-1.57 3.516-3.492 3.516-1.102 0-2.04-.516-2.695-1.29l-4.923 2.439c.07.281.117.563.117.844s-.047.563-.117.82l4.945 2.438a3.44 3.44 0 0 1 2.672-1.266c1.922 0 3.492 1.57 3.492 3.516a3.5 3.5 0 0 1 -3.491 3.491c-1.945 0-3.516-1.57-3.516-3.492 0-.14.028-.334.047-.422l-5.156-2.531a3.469 3.469 0 0 1 -2.39.937 3.486 3.486 0 0 1 -3.493-3.492 3.501 3.501 0 0 1 3.492-3.492 3.41 3.41 0 0 1 2.367.937l5.18-2.554a1.637 1.637 0 0 1 -.047-.399c0-1.922 1.57-3.492 3.516-3.492zm-.012 12.984a1.51 1.51 0 0 0 -1.512 1.512c0 .814.675 1.488 1.512 1.488.814 0 1.488-.674 1.488-1.488 0-.837-.674-1.512-1.488-1.512zm-11.004-5.484c-.82 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5c.844 0 1.524-.68 1.524-1.5s-.68-1.5-1.524-1.5zm11.02-5.5c-.838 0-1.512.674-1.512 1.488 0 .838.674 1.512 1.512 1.512.814 0 1.488-.674 1.488-1.512 0-.814-.674-1.488-1.488-1.488z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_share_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_share_32.svg
new file mode 100644
index 0000000000..40801da3e7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_share_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m23 4c2.219 0 4 1.781 4 4s-1.781 4-4 4a4.018 4.018 0 0 1 -3.031-1.375l-9.063 4.531a3.874 3.874 0 0 1 0 1.688l9.063 4.531a4.018 4.018 0 0 1 3.031-1.375c2.219 0 4 1.781 4 4s-1.781 4-4 4a3.988 3.988 0 0 1 -3.906-4.844l-9.094-4.531a3.952 3.952 0 0 1 -3 1.375c-2.219 0-4-1.781-4-4s1.781-4 4-4c1.219 0 2.281.531 3.031 1.375l9.063-4.531a3.988 3.988 0 0 1 3.906-4.844zm0 18c-1.094 0-2 .906-2 2s.906 2 2 2 2-.906 2-2-.906-2-2-2zm-16-8c-1.094 0-2 .906-2 2s.906 2 2 2 2-.906 2-2-.906-2-2-2zm16-8c-1.094 0-2 .906-2 2s.906 2 2 2 2-.906 2-2-.906-2-2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_bag_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_bag_20.svg
new file mode 100644
index 0000000000..753729f29d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_bag_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.001 2c2.25 0 3.97 1.625 4 4h1.407a.995.995 0 0 1 1 .938l.593 10a1.021 1.021 0 0 1 -1 1.062h-12c-.562 0-1.03-.5-1-1.063l.594-10a.995.995 0 0 1 1-.937h1.406c0-2.375 1.75-4 4-4zm4.47 6h-8.939l-.469 8h9.875l-.469-8zm-4.471-4c-1.468 0-2 1-2 2h4c0-1-.5-2-2-2zm1 6v1c0 .563-.437 1-1 1-.562 0-1-.438-1-1v-1h-2v1c0 1.5 1 3 3 3s3-1.5 3-3v-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_bag_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_bag_24.svg
new file mode 100644
index 0000000000..a6634a9b1e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_bag_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2c2.188 0 3.969 1.563 3.969 4h2.031c.5 0 .938.406.969.938l1.062 12.968c.032.594-.437 1.094-1 1.094h-14.061c-.563 0-1.032-.5-1-1.094l1.03-12.968a.995.995 0 0 1 1-.938h2c0-2.438 1.813-4 4-4zm5.063 6h-10.158l-.843 11h11.875l-.875-11zm-5.094-4c-1.125 0-1.969.844-1.969 2h3.969c0-1.25-.938-2-2-2zm2 7c0 1.188-.875 2-1.969 2-1.031 0-2.031-.75-2.031-2 0-.563-.469-1-.969-1-.563 0-1 .438-1 1 0 2.219 1.781 4 3.969 4 2.219 0 4-1.781 4-4 0-.563-.469-1-1-1-.563 0-1 .438-1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_bag_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_bag_32.svg
new file mode 100644
index 0000000000..266a64a16d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_bag_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m15.999 2a6 6 0 0 1 6.001 6h2.999a1 1 0 0 1 .999.95l1.001 19a1 1 0 0 1 -.999 1.051h-20.001c-.57 0-1.026-.479-.998-1.051l1-19c.027-.531.466-.95.998-.95h3.001a6 6 0 0 1 5.999-6zm8.051 8h-16.1l-.899 17h17.898zm-8.051-6a4 4 0 0 0 -3.999 4h8a4 4 0 0 0 -4.001-4zm0 13a4 4 0 0 1 -3.999-4 1 1 0 0 0 -2 0 6 6 0 0 0 12 0 1 1 0 0 0 -2 0 4 4 0 0 1 -4.001 4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_bag_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_bag_solid_20.svg
new file mode 100644
index 0000000000..a99082f1bf
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_bag_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.001 2c2 0 4 1.5 4 4h1.407a.995.995 0 0 1 1 .938l.593 10a1.021 1.021 0 0 1 -1 1.062h-12c-.562 0-1.03-.5-1-1.063l.594-10a.995.995 0 0 1 1-.937h1.406c0-2.5 1.844-4 4-4zm-2 7h-2v.688c0 2.656 1.813 4.312 4 4.312 2.188 0 4-1.656 4-4.313v-.687h-2v.344c0 1.281-.406 2.656-2 2.656-1.593 0-2-1.375-2-2.656zm2-5c-1 0-2 .594-2 2h4c0-1.406-1-2-2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_20.svg
new file mode 100644
index 0000000000..e882b62773
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.969 3c2.37 0 4.031 1.745 4.031 4h2.993c.623 0 1.112.573.988 1.2l-1.559 7.986c-.094.47-.53.814-.998.814h-10.848a1 1 0 0 1 -.967-.814l-1.589-7.987a1.007 1.007 0 0 1 .987-1.199h2.993c0-2.224 1.63-4 3.969-4zm5.798 6h-11.534l1.184 6h9.197zm-5.767-4c-1.247 0-1.99.81-1.99 2h3.99c0-1.159-.784-2-2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_24.svg
new file mode 100644
index 0000000000..7cb4638827
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.001 2a5.978 5.978 0 0 1 5.999 6h2.638c.845 0 1.471.781 1.346 1.594l-1.721 10.312c-.22 1.219-1.158 2.094-2.473 2.094h-11.641c-1.158 0-2.19-.906-2.378-2.094l-1.753-10.281c-.125-.813.407-1.625 1.22-1.625h2.762a6 6 0 0 1 6.001-6zm7.886 8h-15.772l1.627 9.594c.032.218.22.406.407.406h11.642a.5.5 0 0 0 .469-.406zm-7.886-6a3.987 3.987 0 0 0 -4.001 4h8c0-2.188-1.777-4-3.999-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_32.svg
new file mode 100644
index 0000000000..a323209124
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m15.825 3c4.418 0 7.978 3.591 7.978 8.04h3.813a1.994 1.994 0 0 1 1.97 2.353l-2.478 13.189c-.254 1.366-1.399 2.447-2.765 2.447h-16.844a3.003 3.003 0 0 1 -2.956-2.447l-2.51-13.19a1.997 1.997 0 0 1 1.97-2.351h3.845c0-4.418 3.56-8.041 7.977-8.041zm11.791 10.011h-23.613l2.51 13.19c.096.476.509.826.986.826h16.685c.477 0 .89-.35.985-.827zm-11.79-8.009c-3.306 0-5.975 2.702-5.975 6.039h11.949c0-3.306-2.67-6.039-5.976-6.039z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_disabled_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_disabled_20.svg
new file mode 100644
index 0000000000..9e0abbac9e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_disabled_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.969 3c1.62 0 2.91.816 3.563 2.054l1.26-1.261a1 1 0 0 1 1.415 0c.36.36.429.984 0 1.414a20197.47 20197.47 0 0 1 -12.5 12.5 1 1 0 0 1 -1.415-1.414c.37-.374.742-.746 1.115-1.117l-1.387-6.977a1.008 1.008 0 0 1 .873-1.192l.114-.007h2.993c0-2.224 1.63-4 3.969-4zm7.244 4.024c.44.1.893.556.768 1.175a5361.09 5361.09 0 0 1 -1.559 7.987c-.086.43-.495.823-.998.814h-8.188l2-2.001 5.378.001 1.277-6.654zm-7.629 1.976h-5.351l.881 4.469 4.47-4.47zm.416-4c-1.19 0-1.922.738-1.986 1.84l-.004.16 3.575-.001.385-.383c-.155-.956-.893-1.616-1.97-1.616z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_disabled_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_disabled_24.svg
new file mode 100644
index 0000000000..21f16b915c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_disabled_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20.227 8h.411c.8 0 1.504.752 1.346 1.594-.571 3.438-1.145 6.875-1.721 10.312-.21 1.164-1.074 2.014-2.296 2.089l-.176.005h-11.549l2.001-2.003 9.548.003a.505.505 0 0 0 .449-.326l.043-.08 1.944-11.595zm-8.227-6a5.971 5.971 0 0 1 5.338 3.246l2.488-2.49a1 1 0 0 1 1.415 1.414 36216.799 36216.799 0 0 1 -17.525 17.537 1 1 0 0 1 -1.415-1.414c.436-.439.872-.876 1.311-1.312l-1.594-9.356c-.118-.767.362-1.625 1.22-1.625a635.72 635.72 0 0 1 2.762 0 6 6 0 0 1 6.001-6zm.585 8h-8.47l1.229 7.248 7.242-7.248zm-.585-6a3.986 3.986 0 0 0 -3.996 3.8l-.004.2h6.585l1.223-1.223a4.004 4.004 0 0 0 -3.807-2.777z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_disabled_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_disabled_32.svg
new file mode 100644
index 0000000000..7eadc27f3b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_disabled_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m15.825 3c3.18 0 5.915 1.86 7.199 4.563l3.769-3.77a1 1 0 0 1 1.414 0c.36.36.418 1.007 0 1.414a77318.602 77318.602 0 0 1 -24.5 24.5 1 1 0 1 1 -1.414-1.414c.72-.724 1.44-1.446 2.164-2.166l-2.425-12.734c-.213-1.19.643-2.352 1.97-2.352 1.283-.002 2.564-.002 3.846 0 0-4.418 3.56-8.041 7.977-8.041zm9.35 8.04h2.441a1.994 1.994 0 0 1 1.992 2.208l-.021.145-2.48 13.189c-.242 1.307-1.3 2.352-2.587 2.44l-.177.007h-16.844c-.1 0-.2-.005-.297-.015l1.988-1.988h14.994c.437 0 .82-.293.955-.71l.03-.116 2.447-13.189h-4.412zm-7.601 1.97-13.571.001 2.169 11.401zm-1.749-8.008c-3.23 0-5.853 2.58-5.97 5.812l-.004.227 9.693-.001 1.939-1.937c-.801-2.371-3.028-4.1-5.658-4.1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_disabled_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_disabled_solid_20.svg
new file mode 100644
index 0000000000..c79403a970
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_disabled_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.969 3c1.627 0 2.917.813 3.564 2.053l1.26-1.26a1 1 0 0 1 1.414 1.414 20197.47 20197.47 0 0 1 -12.5 12.5 1 1 0 0 1 -1.415 0c-.36-.36-.416-.965 0-1.414.37-.374.742-.746 1.115-1.117l-1.387-6.977a1.033 1.033 0 0 1 .998-1.221h2.992c0-2.224 1.62-3.978 3.959-3.978zm7.26 4.009c.501.13.86.649.752 1.19l-1.559 7.987c-.094.47-.53.814-.998.814h-8.188zm-7.229-2.009c-1.247 0-1.995.846-1.995 2.004h3.575l.385-.383c-.153-.957-.888-1.621-1.965-1.621z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_solid_20.svg
new file mode 100644
index 0000000000..d0c313a063
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_basket_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.969 3c2.37 0 4.021 1.723 4.021 3.978h2.993c.624 0 1.122.595.998 1.221l-1.559 7.987c-.094.47-.53.814-.998.814h-10.848a1 1 0 0 1 -.967-.814l-1.589-7.987a1.033 1.033 0 0 1 .998-1.221h2.992c0-2.224 1.62-3.978 3.959-3.978zm.031 2c-1.247 0-1.995.846-1.995 2.004h3.99c0-1.158-.78-2.004-1.995-2.004z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_cart_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_cart_20.svg
new file mode 100644
index 0000000000..aacafd5d5e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_cart_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7.25 18c.688 0 1.25-.563 1.25-1.25 0-.688-.563-1.25-1.25-1.25-.719 0-1.25.563-1.25 1.25 0 .688.531 1.25 1.25 1.25zm6.75 0c.688 0 1.25-.563 1.25-1.25 0-.688-.562-1.25-1.25-1.25-.687 0-1.25.563-1.25 1.25 0 .688.563 1.25 1.25 1.25zm-10.094-16c.938 0 1.688.656 1.906 1.594l.095.406h10.593a.98.98 0 0 1 .969 1.219l-1.063 4.561c-.187.75-.75 1.469-1.75 1.563l-7.312.687.187.969h6.969c.563 0 1 .438 1 1 0 .469-.438 1-1 1h-6.906c-1.032 0-1.875-.688-2.032-1.594l-1.687-9.405h-.875c-.563 0-1-.469-1-1s.469-1 1-1zm11.344 4h-9l.75 4.063 7.438-.72z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_cart_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_cart_24.svg
new file mode 100644
index 0000000000..f9c24ca4bd
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_cart_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m8.75 19.5c.688 0 1.25.563 1.25 1.25 0 .688-.563 1.25-1.25 1.25-.688 0-1.25-.563-1.25-1.25 0-.688.563-1.25 1.25-1.25zm8.5 0c.688 0 1.25.563 1.25 1.25 0 .688-.563 1.25-1.25 1.25-.688 0-1.25-.563-1.25-1.25 0-.688.563-1.25 1.25-1.25zm-13.094-16.5c1.314 0 2.532.5 2.844 2.094h12.75c1.094 0 1.938 1 1.719 2.062l-.969 4a2.524 2.524 0 0 1 -2.188 2l-9.656 1.064.25 1.375c.031.25.25.437.469.437h8.25c.563 0 1.031.438 1.031 1 0 .532-.468.969-1.031.969h-8.25c-1.219 0-2.281-.875-2.469-2.094l-1.781-10.063a.975.975 0 0 0 -.969-.844h-1.156c-.563 0-1-.438-1-1 0-.531.438-1 1-1zm15.125 4.031h-12l.969 5.219 9.688-1.094c.218-.031.406-.187.437-.406z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_cart_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_cart_32.svg
new file mode 100644
index 0000000000..d81e6be456
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_cart_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m22.608 29.25c.908 0 1.642-.734 1.642-1.608a1.64 1.64 0 0 0 -1.642-1.642c-.91 0-1.608.734-1.608 1.642 0 .874.699 1.608 1.608 1.608zm-11.5 0c.908 0 1.642-.734 1.642-1.608a1.64 1.64 0 0 0 -1.642-1.642c-.91 0-1.608.734-1.608 1.642 0 .874.699 1.608 1.608 1.608zm-6.676-26.25c1.379 0 2.581.962 2.838 2.31l.159.705h19.05c1.283 0 2.213 1.219 1.957 2.405l-1.732 6.794c-.257 1.187-1.219 2.085-2.406 2.31l-14.175 1.506.484 2.24c.096.448.513.737.962.737h11.928a1 1 0 0 1 .994.994 1 1 0 0 1 -.994.995h-11.913c-1.54 0-2.662-.963-2.918-2.31l-3.24-15.735c-.156-.674-.577-.963-.994-.963h-1.438a1 1 0 0 1 -.994-.994 1 1 0 0 1 .994-.994zm22.047 5.003h-18.647l1.86 9.04 14.35-1.508c.353-.096.61-.385.705-.77z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_cart_disabled_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_cart_disabled_20.svg
new file mode 100644
index 0000000000..dab5ecf58e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_cart_disabled_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8.243 15.993c.161.21.257.473.257.757 0 .688-.563 1.25-1.25 1.25a1.25 1.25 0 0 1 -.762-.25zm5.757-.493c.688 0 1.25.563 1.25 1.25 0 .688-.562 1.25-1.25 1.25-.687 0-1.25-.563-1.25-1.25 0-.688.563-1.25 1.25-1.25zm-10.094-13.5c.938 0 1.688.656 1.906 1.594l.095.406h8.675l1.234-1.234.484-.478a1 1 0 0 1 1.415.01c.358.363.423 1.01-.01 1.414l-12.996 12.998a1 1 0 1 1 -1.414-1.414c.734-.74 1.47-1.477 2.209-2.213l-1.629-9.083h-.875c-.563 0-1-.469-1-1s.469-1 1-1zm10.594 11c.563 0 1 .438 1 1 0 .469-.438 1-1 1h-5.264l2-2zm2.498-5.761-.592 2.542c-.187.75-.75 1.469-1.75 1.563l-1.946.182zm-4.416-1.239h-6.332l.75 4.063 1.686-.164z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_cart_disabled_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_cart_disabled_24.svg
new file mode 100644
index 0000000000..a32017c850
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_cart_disabled_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m8.738 19.5h.012c.688 0 1.25.563 1.25 1.25 0 .688-.563 1.25-1.25 1.25-.645 0-1.18-.494-1.244-1.123l-.005-.138zm8.512 0c.688 0 1.25.563 1.25 1.25 0 .688-.563 1.25-1.25 1.25-.688 0-1.25-.563-1.25-1.25 0-.688.563-1.25 1.25-1.25zm3.953-16.706c.36.36.425.987 0 1.414a31003.715 31003.715 0 0 1 -15.496 15.499 1 1 0 0 1 -1.414 0 1.006 1.006 0 0 1 0-1.414 887.6 887.6 0 0 1 2.579-2.581l-1.747-9.868a.975.975 0 0 0 -.969-.844h-1.156c-.563 0-1-.438-1-1 0-.531.438-1 1-1h1.156c1.314 0 2.532.5 2.844 2.094l10.488-.001 2.3-2.299a1 1 0 0 1 1.415 0zm-8.998 13.236h5.42c.563 0 1.031.438 1.031 1 0 .532-.468.969-1.031.969h-7.387zm9.296-9.3c.007.14-.003.282-.032.425l-.969 4a2.524 2.524 0 0 1 -2.188 2l-3.633.4 2.289-2.291.97-.109a.51.51 0 0 0 .418-.327l.306-1.259 2.84-2.838zm-5.949.299-8.27.001.968 5.219 2.349-.266z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_cart_disabled_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_cart_disabled_32.svg
new file mode 100644
index 0000000000..158e2f6ab8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_shopping_cart_disabled_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m22.608 26a1.64 1.64 0 0 1 1.642 1.642c0 .874-.734 1.608-1.642 1.608a1.603 1.603 0 0 1 -1.608-1.608c0-.908.699-1.642 1.608-1.642zm-11.5 0a1.64 1.64 0 0 1 1.642 1.642c0 .874-.734 1.608-1.642 1.608a1.603 1.603 0 0 1 -1.608-1.608c0-.908.699-1.642 1.608-1.642zm-6.676-23c1.319 0 2.477.88 2.8 2.136l.197.879 17.142-.001 2.717-2.717a1 1 0 0 1 1.415 1.415 62346.71 62346.71 0 0 1 -21.996 21.995 1 1 0 1 1 -1.414-1.414 1537.14 1537.14 0 0 1 3.415-3.416l-.023-.094-3.259-15.832c-.156-.674-.577-.963-.994-.963h-1.438a1 1 0 0 1 -.994-.994 1 1 0 0 1 .994-.994zm19.065 19.008a1 1 0 0 1 .994.994 1 1 0 0 1 -.994.995h-11.277l1.989-1.989zm-11.772-3.148-1.602.17.254 1.178zm16.735-11.105c.03.217.024.442-.024.665l-1.732 6.794c-.257 1.187-1.219 2.085-2.406 2.31l-6.272.666 2.261-2.262 3.755-.393c.353-.096.61-.385.705-.77l1.135-4.433zm-5.878.248h-14.75l1.86 9.04 4.303-.453z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_sort_down_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_sort_down_20.svg
new file mode 100644
index 0000000000..ceee4c64bf
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_sort_down_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8.293 13.293-1.293 1.293v-7.586a1 1 0 1 0 -2 0v7.586l-1.293-1.293a.999.999 0 1 0 -1.414 1.414l3 3a.997.997 0 0 0 1.414 0l3-3a.999.999 0 1 0 -1.414-1.414zm8.707-9.293h-8a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2zm0 4h-5a1 1 0 1 1 0-2h5a1 1 0 1 1 0 2zm0 4h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_sort_down_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_sort_down_24.svg
new file mode 100644
index 0000000000..75c974a313
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_sort_down_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21 4h-10a1 1 0 1 1 0-2h10a1 1 0 1 1 0 2zm0 4h-6a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2zm0 4h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2zm-9.293 4.293a.999.999 0 0 0 -1.414 0l-2.293 2.293v-11.586a1 1 0 1 0 -2 0v11.586l-2.293-2.293a.999.999 0 1 0 -1.414 1.414l4 4a.997.997 0 0 0 1.414 0l4-4a.999.999 0 0 0 0-1.414z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_sort_down_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_sort_down_32.svg
new file mode 100644
index 0000000000..afb835d684
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_sort_down_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m15.707 22.293a.999.999 0 0 0 -1.414 0l-4.293 4.293v-18.586a1 1 0 1 0 -2 0v18.586l-4.293-4.293a.999.999 0 1 0 -1.414 1.414l6 6a.997.997 0 0 0 1.414 0l6-6a.999.999 0 0 0 0-1.414zm13.293-18.293h-16a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2zm0 5h-11a1 1 0 1 1 0-2h11a1 1 0 1 1 0 2zm0 5h-6a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2zm0 5h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_sort_up_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_sort_up_20.svg
new file mode 100644
index 0000000000..55206851d5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_sort_up_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m6.707 6.293a.999.999 0 0 0 -1.414 0l-3 3a.999.999 0 1 0 1.414 1.414l1.293-1.293v7.586a1 1 0 1 0 2 0v-7.586l1.293 1.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414zm10.293-2.293h-8a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2zm0 4h-5a1 1 0 1 1 0-2h5a1 1 0 1 1 0 2zm0 4h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_sort_up_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_sort_up_24.svg
new file mode 100644
index 0000000000..7f8686cc69
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_sort_up_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21 4h-10a1 1 0 1 1 0-2h10a1 1 0 1 1 0 2zm0 4h-6a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2zm0 4h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2zm-9.293-1.707-4-4a.999.999 0 0 0 -1.414 0l-4 4a.999.999 0 1 0 1.414 1.414l2.293-2.293v11.586a1 1 0 1 0 2 0v-11.586l2.293 2.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_sort_up_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_sort_up_32.svg
new file mode 100644
index 0000000000..01d284fd74
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_sort_up_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m15.707 13.293-6-6a.999.999 0 0 0 -1.414 0l-6 6a.999.999 0 1 0 1.414 1.414l4.293-4.293v18.586a1 1 0 1 0 2 0v-18.586l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414zm13.293-9.293h-16a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2zm0 5h-11a1 1 0 1 1 0-2h11a1 1 0 1 1 0 2zm0 5h-6a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2zm0 5h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_star_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_star_20.svg
new file mode 100644
index 0000000000..c7927b4e54
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_star_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2.25c.375 0 .75.219.906.562l1.906 3.907 4.344.625c.469.062.844.468.844 1 0 .25-.125.531-.313.718l-3.125 3.032.75 4.312a.996.996 0 0 1 -1 1.156 1.01 1.01 0 0 1 -.437-.125l-3.875-2.03-3.875 2.03a.813.813 0 0 1 -.469.125c-.593 0-1.062-.593-.968-1.156l.75-4.312-3.125-3.032a1.076 1.076 0 0 1 -.313-.718c0-.407.281-.907.844-1l4.344-.625 1.906-3.907c.156-.343.531-.562.906-.562zm0 3.25-1.281 2.562a.996.996 0 0 1 -.75.563l-2.813.406 2.032 2c.218.219.375.594.312.875l-.5 2.814 2.531-1.313a.882.882 0 0 1 .469-.125.88.88 0 0 1 .469.125l2.531 1.313-.5-2.813c-.063-.312.094-.656.313-.875l2.03-2-2.812-.406c-.344-.063-.594-.281-.75-.563z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_star_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_star_24.svg
new file mode 100644
index 0000000000..e9d6939297
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_star_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2c.375 0 .719.219.906.563l2.531 5.156 5.72.843c.405.063.843.376.843.938 0 .281-.094.563-.281.75l-4.125 4.031.968 5.688c.125.625-.406 1.156-1 1.156a.882.882 0 0 1 -.468-.125l-5.094-2.656-5.094 2.656a.882.882 0 0 1 -.468.125c-.625 0-1.125-.625-1-1.156l1-5.688-4.158-4.031c-.186-.188-.28-.469-.28-.75 0-.469.375-.875.844-.938l5.719-.843 2.53-5.157c.189-.312.533-.562.907-.562zm0 3.25-1.875 3.813c-.156.312-.438.53-.75.562l-4.25.625 3.063 2.969c.25.25.343.5.28.875l-.718 4.219 3.781-2c.156-.063.313-.094.469-.094s.313.031.469.093l3.781 2-.719-4.218a.925.925 0 0 1 .281-.875l3.063-2.969-4.219-.625c-.344-.063-.625-.25-.781-.563z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_star_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_star_32.svg
new file mode 100644
index 0000000000..a574c94974
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_star_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c.375 0 .733.18.906.531l3.782 7.657 8.468 1.218c.52.075.844.563.844 1 0 .25-.123.534-.313.719l-6.125 5.969 1.47 8.437c.109.628-.376 1.157-1 1.157a.989.989 0 0 1 -.47-.125l-7.562-3.97-7.563 3.97a.989.989 0 0 1 -.468.125c-.656 0-1.093-.623-1-1.157l1.468-8.437-6.124-5.969a1.019 1.019 0 0 1 -.313-.719c0-.381.265-.916.844-1l8.469-1.218 3.78-7.657c.174-.35.532-.531.907-.531zm0 3.219-3.125 6.312a1.01 1.01 0 0 1 -.75.563l-6.969 1 5.032 4.937c.26.256.39.564.312 1l-1.219 6.813 6.25-3.281a.987.987 0 0 1 .469-.125c.156 0 .307.04.469.125l6.25 3.28-1.189-6.843c-.065-.375-.066-.628.282-.969l5.03-4.937-6.968-1a1.007 1.007 0 0 1 -.75-.563l-3.124-6.311z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_star_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_star_solid_20.svg
new file mode 100644
index 0000000000..53d98e3d0e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_star_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14.313 17.562a1.01 1.01 0 0 1 -.438-.125l-3.875-2.03-3.875 2.03a.813.813 0 0 1 -.469.125c-.593 0-1.062-.593-.968-1.156l.75-4.312-3.125-3.032a1.076 1.076 0 0 1 -.313-.718c0-.407.281-.907.844-1l4.344-.625 1.906-3.907c.156-.343.531-.562.906-.562s.75.219.906.562l1.906 3.907 4.344.625c.469.062.844.468.844 1 0 .25-.125.531-.313.718l-3.125 3.032.75 4.312a.996.996 0 0 1 -1 1.156z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_star_solid_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_star_solid_24.svg
new file mode 100644
index 0000000000..667260a1bf
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_star_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m6.438 21.125c-.625 0-1.125-.625-1-1.156l1-5.688-4.158-4.031c-.186-.188-.28-.469-.28-.75 0-.469.375-.875.844-.938l5.719-.843 2.53-5.157c.189-.312.533-.562.907-.562s.719.219.906.563l2.531 5.156 5.72.843c.405.063.843.376.843.938 0 .281-.094.563-.281.75l-4.125 4.031.968 5.688c.125.625-.406 1.156-1 1.156a.882.882 0 0 1 -.468-.125l-5.094-2.656-5.094 2.656a.882.882 0 0 1 -.468.125z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_star_solid_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_star_solid_32.svg
new file mode 100644
index 0000000000..14f9e9e8f9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_star_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m24.031 28.688a.989.989 0 0 1 -.468-.125l-7.563-3.97-7.563 3.97a.989.989 0 0 1 -.468.125c-.656 0-1.093-.623-1-1.157l1.468-8.437-6.124-5.969a1.019 1.019 0 0 1 -.313-.719c0-.381.265-.916.844-1l8.469-1.218 3.78-7.657c.174-.35.532-.531.907-.531s.733.18.906.531l3.782 7.657 8.468 1.218c.52.075.844.563.844 1 0 .25-.123.534-.313.719l-6.125 5.969 1.47 8.437c.109.628-.376 1.157-1 1.157z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_swap_horizontal_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_swap_horizontal_20.svg
new file mode 100644
index 0000000000..4cded9098b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_swap_horizontal_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m5.281 2.281-3 3a1.1 1.1 0 0 0 -.281.719c0 .25.094.5.281.719l3 3c.219.187.469.28.719.28.562 0 1-.437 1-1a.97.97 0 0 0 -.281-.687l-1.313-1.312h5.594c.562 0 1-.438 1-1 0-.563-.438-1-1-1h-5.594l1.314-1.281a1.1 1.1 0 0 0 .279-.719.985.985 0 0 0 -.999-1c-.25 0-.5.094-.719.281zm8.719 7.719c-.594 0-1 .469-1 1 0 .25.094.5.281.719l1.313 1.28h-5.594c-.563 0-1 .438-1 1 0 .532.437 1 1 1h5.594l-1.313 1.282a1.1 1.1 0 0 0 -.281.719c0 .562.406 1 1 1 .25 0 .5-.094.719-.281l3-3c.187-.22.28-.47.281-.72 0-.25-.094-.5-.281-.718l-3-3a1.1 1.1 0 0 0 -.72-.281z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_swap_horizontal_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_swap_horizontal_24.svg
new file mode 100644
index 0000000000..9b37044870
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_swap_horizontal_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.022 2c-.321 0-.545.086-.74.281l-4 4a1.043 1.043 0 0 0 -.282.719c0 .25.095.5.281.688l4 4.03a.995.995 0 0 0 .719.282c.563 0 1-.469 1-1a.97.97 0 0 0 -.281-.688l-2.313-2.312h8.594c.563 0 1-.469 1-1 0-.563-.438-1-1-1h-8.594l2.314-2.313a.966.966 0 0 0 .28-.687c0-.531-.406-1-.978-1zm9.978 10c-.563 0-1 .438-1 1 0 .25.11.482.313.688l2.28 2.312h-8.593c-.531 0-1 .438-1 1 0 .531.469 1 1 1h8.594l-2.282 2.313c-.202.205-.312.437-.312.687 0 .563.438 1 1 1a1 1 0 0 0 .719-.281l4-4a1 1 0 0 0 .281-.719 1 1 0 0 0 -.281-.719l-4-4a1 1 0 0 0 -.719-.281z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_swap_horizontal_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_swap_horizontal_32.svg
new file mode 100644
index 0000000000..03f7187a33
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_swap_horizontal_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m7.281 5.281-5 5a1.102 1.102 0 0 0 -.281.719c0 .25.094.5.281.719l5 5c.203.187.461.281.719.281.59 0 1-.438 1-1a1.06 1.06 0 0 0 -.281-.719l-3.313-3.281h12.594c.563 0 1-.438 1-1 0-.563-.438-1-1-1h-12.594l3.314-3.281c.186-.203.28-.461.28-.719 0-.6-.454-1-1-1-.25 0-.5.094-.719.281zm17.439 10.004a1.102 1.102 0 0 0 -.719-.28c-.547 0-1 .4-1 1 0 .257.094.515.281.718l3.313 3.281h-12.595c-.563 0-1 .438-1 1 0 .563.438 1 1 1h12.594l-3.313 3.281a1.058 1.058 0 0 0 -.281.72c0 .56.41 1 1 1 .258 0 .516-.095.719-.282l5-5c.187-.219.281-.469.281-.719s-.094-.5-.281-.719l-5-5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_swap_vertical_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_swap_vertical_20.svg
new file mode 100644
index 0000000000..8a4a3c703a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_swap_vertical_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13.281 2.281-3 3.031a.972.972 0 0 0 -.281.692.97.97 0 0 0 1 .996c.258 0 .516-.094.719-.281l1.281-1.313v5.594c0 .563.438 1 1 1 .563 0 1-.438 1-1v-5.594l1.313 1.313a.97.97 0 0 0 .687.281c.588 0 1-.44 1-.996a.972.972 0 0 0 -.281-.691l-3-3.032a1.102 1.102 0 0 0 -.719-.281c-.25 0-.5.094-.719.281zm-8.281 6.719v5.594l-1.313-1.314a.972.972 0 0 0 -.69-.281.97.97 0 0 0 -.997 1.001c0 .258.094.516.281.719l3 3c.219.187.469.281.719.281s.5-.094.719-.281l3-3a1.06 1.06 0 0 0 .281-.719c0-.59-.438-1-1-1a1.06 1.06 0 0 0 -.719.281l-1.281 1.313v-5.594c0-.531-.438-1-1-1-.563 0-1 .469-1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_swap_vertical_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_swap_vertical_24.svg
new file mode 100644
index 0000000000..2f2e6b11ee
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_swap_vertical_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7 22c.25 0 .5-.094.719-.281l4-4c.187-.219.281-.469.281-.719 0-.563-.469-1-1-1-.25 0-.5.094-.688.313l-2.312 2.28v-8.593c0-.563-.438-1-1-1-.563 0-1 .438-1 1v8.594l-2.313-2.282a.886.886 0 0 0 -.687-.312c-.563 0-1 .469-1 1 0 .25.094.5.281.719l4 4c.219.187.469.281.719.281zm10-7c.563 0 1-.438 1-1v-8.594l2.313 2.313a.97.97 0 0 0 .687.281c.594 0 1-.438 1-1a.97.97 0 0 0 -.281-.688l-4-4.03a1.101 1.101 0 0 0 -.719-.282.97.97 0 0 0 -.688.281l-4.03 4.031a.97.97 0 0 0 -.282.688c0 .594.438 1 1 1 .25 0 .5-.094.719-.281l2.281-2.313v8.594c0 .563.438 1 1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_swap_vertical_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_swap_vertical_32.svg
new file mode 100644
index 0000000000..d143537913
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_swap_vertical_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m15.281 7.281a1.058 1.058 0 0 0 -.281.719c0 .59.438 1 1 1 .258 0 .516-.094.719-.281l3.281-3.313v12.594c0 .563.438 1 1 1 .563 0 1-.438 1-1v-12.594l3.281 3.313c.219.187.469.281.719.281.453 0 1-.318 1-1a1.06 1.06 0 0 0 -.281-.719l-5-5a1.102 1.102 0 0 0 -.719-.281c-.25 0-.5.094-.719.281zm-5.281 19.313-3.281-3.314a1.058 1.058 0 0 0 -.719-.28c-.59 0-1 .438-1 1 0 .258.094.516.281.719l5 5c.219.187.469.281.719.281s.5-.094.719-.281l5-5a1.06 1.06 0 0 0 .281-.719c0-.59-.438-1-1-1a1.06 1.06 0 0 0 -.719.281l-3.281 3.313v-12.594c0-.563-.438-1-1-1-.563 0-1 .438-1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_thumb_up_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_thumb_up_20.svg
new file mode 100644
index 0000000000..3ad89e58a8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_thumb_up_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13.51 6.999a8.74 8.74 0 0 0 .392-1.575c.126-.882-.083-1.719-.592-2.356a2.867 2.867 0 0 0 -2.04-1.068c-1.615.018-2.14 1.675-2.354 2.359-.516 1.414-1.291 2.162-1.931 2.565a.992.992 0 0 0 -.985-.926h-3a1 1 0 0 0 -1 1v9.002a1 1 0 0 0 1 1h3a.989.989 0 0 0 .937-.689c1.773.744 4.195 1.689 5.063 1.689 2.916 0 6-3.598 6-7 0-1.094 0-4-3-4zm-9.51 8v-7.001h1v7.001zm3-.838v-5.029c1.066-.392 2.824-1.43 3.81-4.132.219-.698.369-.921.443-.993.158.033.35.126.493.306.166.208.225.486.176.827-.172 1.2-.796 2.372-.803 2.384a1.001 1.001 0 0 0 .88 1.474h3c.581 0 1 0 1 2 0 2.48-2.327 5-3.993 5-.526-.025-2.889-.929-5.006-1.837z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_thumb_up_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_thumb_up_24.svg
new file mode 100644
index 0000000000..d63ecb6d28
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_thumb_up_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m15.702 8.999c.513-1.052 1.06-2.473 1.06-3.746 0-1.793-1.239-3.251-2.762-3.251-1.337 0-1.793.978-2.372 2.216l-.212.452c-1.067 2.247-3.137 4.081-4.239 4.951a2.416 2.416 0 0 0 -1.609-.622h-1.136a2.435 2.435 0 0 0 -2.432 2.432v7.136a2.435 2.435 0 0 0 2.432 2.433h1.136c.735 0 1.386-.334 1.833-.851 2.436.676 6.804 1.855 7.6 1.855 3.605 0 7-5.072 7-9.004 0-1.782 0-4-3-4zm-9.702 9.568a.434.434 0 0 1 -.432.433h-1.136a.433.433 0 0 1 -.432-.433v-7.136c0-.238.194-.432.432-.432h1.136c.238 0 .432.193.432.432zm2-.327v-6.726c1.076-.8 3.822-3.037 5.222-5.986l.218-.463c.216-.463.461-.986.56-1.062.266 0 .762.43.762 1.251 0 1.417-1.156 3.514-1.601 4.202a1 1 0 0 0 .839 1.543h5c.962 0 1 0 1 2 0 3.142-2.757 7.004-4.983 7.004-.523-.03-3.85-.888-7.017-1.763z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_thumb_up_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_thumb_up_32.svg
new file mode 100644
index 0000000000..d765a697b2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_thumb_up_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m21.643 11.999c.617-1.32 1.373-3.287 1.373-5 0-2.355-1.24-4.001-3.016-4.001-1.652 0-2.007 1.115-2.293 2.012-.14.438-.298.936-.602 1.542-1.475 2.949-4.792 5.376-6.086 6.244a2.977 2.977 0 0 0 -2.02-.796h-3.999c-1.654 0-3 1.346-3 3v9c0 1.654 1.346 3 3 3h4c.83 0 1.582-.34 2.126-.886 1.86.686 7.975 2.886 9.874 2.886 4.881 0 9-7.371 9-12 0-1.87 0-5-4-5zm-11.643 12c0 .552-.449 1-1 1h-4c-.551 0-1-.448-1-1v-9c0-.552.449-1 1-1h4c.551 0 1 .448 1 1zm1.97.293c.01-.098.03-.193.03-.293v-9c0-.145-.023-.284-.043-.423 1.304-.852 5.163-3.581 6.937-7.129.373-.745.572-1.372.718-1.829.081-.253.181-.567.178-.6 0 0 .056-.02.209-.02.698 0 1.016 1.037 1.016 2.001 0 2.284-1.858 5.46-1.876 5.491a.999.999 0 0 0 .861 1.509h6c1.598 0 2 .354 2 3 0 3.948-3.754 10-7 10-1.238 0-5.947-1.574-9.03-2.707z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_thumb_up_down_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_thumb_up_down_20.svg
new file mode 100644
index 0000000000..1d6e64ce19
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_thumb_up_down_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13.51 6.999a8.74 8.74 0 0 0 .392-1.575c.126-.882-.083-1.719-.592-2.356a2.867 2.867 0 0 0 -2.04-1.068c-1.615.018-2.14 1.675-2.354 2.359-.516 1.414-1.291 2.162-1.931 2.565a.992.992 0 0 0 -.985-.926h-3a1 1 0 0 0 -1 1v9.002a1 1 0 0 0 1 1h3a.989.989 0 0 0 .937-.689c1.773.744 4.195 1.689 5.063 1.689 2.916 0 6-3.598 6-7 0-1.094 0-4-3-4zm-9.51 8v-7.001h1v7.001zm3-.838v-5.029c1.066-.392 2.824-1.43 3.81-4.132.219-.698.369-.921.443-.993.158.033.35.126.493.306.166.208.225.486.176.827-.172 1.2-.796 2.372-.803 2.384a1.001 1.001 0 0 0 .88 1.474h3c.581 0 1 0 1 2 0 2.48-2.327 5-3.993 5-.526-.025-2.889-.929-5.006-1.837z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(1 0 0 -1 0 20)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_thumb_up_down_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_thumb_up_down_24.svg
new file mode 100644
index 0000000000..aa9b59e63e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_thumb_up_down_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m15.702 8.999c.513-1.052 1.06-2.473 1.06-3.746 0-1.793-1.239-3.251-2.762-3.251-1.337 0-1.793.978-2.372 2.216l-.212.452c-1.067 2.247-3.137 4.081-4.239 4.951a2.416 2.416 0 0 0 -1.609-.622h-1.136a2.435 2.435 0 0 0 -2.432 2.432v7.136a2.435 2.435 0 0 0 2.432 2.433h1.136c.735 0 1.386-.334 1.833-.851 2.436.676 6.804 1.855 7.6 1.855 3.605 0 7-5.072 7-9.004 0-1.782 0-4-3-4zm-9.702 9.568a.434.434 0 0 1 -.432.433h-1.136a.433.433 0 0 1 -.432-.433v-7.136c0-.238.194-.432.432-.432h1.136c.238 0 .432.193.432.432zm2-.327v-6.726c1.076-.8 3.822-3.037 5.222-5.986l.218-.463c.216-.463.461-.986.56-1.062.266 0 .762.43.762 1.251 0 1.417-1.156 3.514-1.601 4.202a1 1 0 0 0 .839 1.543h5c.962 0 1 0 1 2 0 3.142-2.757 7.004-4.983 7.004-.523-.03-3.85-.888-7.017-1.763z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(1 0 0 -1 0 24.006)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_thumb_up_down_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_thumb_up_down_32.svg
new file mode 100644
index 0000000000..c34c090b0d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_thumb_up_down_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m21.643 11.999c.617-1.32 1.373-3.287 1.373-5 0-2.355-1.24-4.001-3.016-4.001-1.652 0-2.007 1.115-2.293 2.012-.14.438-.298.936-.602 1.542-1.475 2.949-4.792 5.376-6.086 6.244a2.977 2.977 0 0 0 -2.02-.796h-3.999c-1.654 0-3 1.346-3 3v9c0 1.654 1.346 3 3 3h4c.83 0 1.582-.34 2.126-.886 1.86.686 7.975 2.886 9.874 2.886 4.881 0 9-7.371 9-12 0-1.87 0-5-4-5zm-11.643 12c0 .552-.449 1-1 1h-4c-.551 0-1-.448-1-1v-9c0-.552.449-1 1-1h4c.551 0 1 .448 1 1zm1.97.293c.01-.098.03-.193.03-.293v-9c0-.145-.023-.284-.043-.423 1.304-.852 5.163-3.581 6.937-7.129.373-.745.572-1.372.718-1.829.081-.253.181-.567.178-.6 0 0 .056-.02.209-.02.698 0 1.016 1.037 1.016 2.001 0 2.284-1.858 5.46-1.876 5.491a.999.999 0 0 0 .861 1.509h6c1.598 0 2 .354 2 3 0 3.948-3.754 10-7 10-1.238 0-5.947-1.574-9.03-2.707z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(1 0 0 -1 0 31.998)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_translation_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_translation_20.svg
new file mode 100644
index 0000000000..39eabf284b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_translation_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14.153 7.077h1.859a1 1 0 1 0 0-2h-1.967v-2.077a1 1 0 1 0 -2 0v2.077h-1.967a1 1 0 1 0 0 2h1.859c-.387 1.963-1.8 3.594-2.695 4.457l-1.738-4.87a1 1 0 0 0 -1.883 0l-3.562 10a1 1 0 1 0 1.883.672l1.009-2.833h3.226l1.004 2.813a.997.997 0 0 0 1.278.605.998.998 0 0 0 .606-1.277l-1.096-3.072c.604-.502 2.07-1.836 3.074-3.729 1.248 2.355 3.236 3.866 3.358 3.957a1 1 0 0 0 1.2-1.6c-.031-.024-2.875-2.208-3.448-5.123zm-8.488 5.426.899-2.524.9 2.524h-1.8z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_translation_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_translation_24.svg
new file mode 100644
index 0000000000..39154f3f20
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_translation_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.939 8h2.777a1 1 0 1 0 0-2h-2.857v-3a1 1 0 1 0 -2 0v3h-2.857a1 1 0 1 0 0 2h2.776c-.424 2.892-2.557 5.278-3.787 6.438l-2.417-6.774a1 1 0 0 0 -1.883 0l-4.63 13a1 1 0 1 0 1.884.672l1.382-3.882h4.617l1.376 3.856a.998.998 0 0 0 1.278.605.999.999 0 0 0 .606-1.277l-1.485-4.163c.864-.727 2.904-2.622 4.14-5.244 1.55 3.297 4.38 5.447 4.545 5.569a1.002 1.002 0 0 0 1.399-.201 1 1 0 0 0 -.2-1.399c-.046-.033-4.067-3.111-4.664-7.2zm-9.309 2.978 1.597 4.476h-3.19l1.594-4.476z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_translation_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_translation_32.svg
new file mode 100644
index 0000000000..fad178f83b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_translation_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m22.547 9.846h4.575a1 1 0 1 0 0-2h-4.637v-4.846a1 1 0 1 0 -2 0v4.847h-4.638a1 1 0 1 0 0 2h4.576c-.462 4.76-4.066 8.669-5.94 10.396l-3.773-10.579a1 1 0 0 0 -1.883 0l-6.768 19a1 1 0 1 0 1.883.672l2.13-5.979h7.399l2.12 5.943a1 1 0 0 0 1.885-.672l-2.265-6.349c1.38-1.172 4.622-4.233 6.273-8.403 2.072 5.245 6.669 8.738 6.919 8.925a1.002 1.002 0 0 0 1.399-.201 1 1 0 0 0 -.2-1.399c-.07-.052-6.433-4.916-7.055-11.355zm-12.778 3.133 2.989 8.378h-5.973z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_undo_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_undo_20.svg
new file mode 100644
index 0000000000..502536c23a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_undo_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m6.29 9.887a1 1 0 0 1 -1.403 1.403l-2.677-2.677a1 1 0 0 1 0-1.226l2.677-2.677c.36-.28.911-.326 1.32.083.41.409.363.96.083 1.32l-.876.887h8.086a4.5 4.5 0 0 1 .212 8.995l-7.529.005a1 1 0 0 1 -.116-1.993l7.433-.007a2.5 2.5 0 0 0 .164-4.995l-8.249-.005z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_undo_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_undo_24.svg
new file mode 100644
index 0000000000..f49bdb49db
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_undo_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m6.79 11.387a1 1 0 0 1 -1.403 1.403l-3.177-3.177a1 1 0 0 1 0-1.226l3.177-3.177c.36-.28.995-.25 1.323.083.328.334.36.96.08 1.32l-1.375 1.387h11.085a5.5 5.5 0 0 1 .221 10.996l-8.721.004a1 1 0 0 1 -.117-1.993l8.617-.007a3.5 3.5 0 0 0 .192-6.995l-11.277-.005z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_undo_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_undo_32.svg
new file mode 100644
index 0000000000..0f941fb833
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_undo_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m7.79 15.387a1 1 0 0 1 -1.403 1.403l-4.177-4.177a1 1 0 0 1 0-1.226l4.177-4.177a1 1 0 0 1 1.226 0l.094.083.083.094a1 1 0 0 1 0 1.226l-2.375 2.387h16.585a7 7 0 0 1 .24 13.996l-12.357.004a1 1 0 0 1 -.116-1.993l12.233-.007a5 5 0 0 0 .217-9.995l-16.802-.005z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_upload_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_upload_20.svg
new file mode 100644
index 0000000000..03272d34be
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_upload_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m6 18h8a3 3 0 0 0 3-3v-2c0-.563-.469-1-1-1-.563 0-1 .438-1 1v2c0 .531-.438 1-1 1h-8c-.563 0-1-.469-1-1v-2c0-.563-.438-1-1-1-.531 0-1 .438-1 1v2a3 3 0 0 0 3 3zm3.313-15.719c.217-.187.467-.281.717-.281s.469.094.688.281l3.062 3.094c.156.188.219.438.219.625 0 .531-.438 1-1 1-.313 0-.5-.094-.719-.313l-1.28-1.28v6.593c0 .531-.438 1-1 1-.563 0-1-.469-1-1v-6.594l-1.281 1.282a.887.887 0 0 1 -.689.312c-.499 0-1.03-.438-1.03-1.031 0-.25.094-.5.281-.688z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_upload_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_upload_24.svg
new file mode 100644
index 0000000000..e0c9f882a8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_upload_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m6 22h12a3 3 0 0 0 3-3v-4c0-.563-.438-1-1-1-.563 0-1 .438-1 1v4c0 .563-.438 1-1 1h-12c-.563 0-1-.438-1-1v-4c0-.563-.438-1-1-1-.563 0-1 .438-1 1v4a3 3 0 0 0 3 3zm6-20c.25 0 .531.093.719.28l3.969 3.992a.902.902 0 0 1 .312.717c0 .53-.438.966-1 .966-.25 0-.531-.093-.719-.28l-2.281-2.276v9.603c0 .561-.469.998-1 .998-.563 0-1-.437-1-.998v-9.602l-2.281 2.275c-.219.187-.469.28-.719.28-.563 0-1-.436-1-.997 0-.25.094-.5.313-.686l3.967-3.992c.19-.187.47-.28.72-.28z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_upload_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_upload_32.svg
new file mode 100644
index 0000000000..ce1619c78e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_upload_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m4 21c0-.563.438-1 1-1 .563 0 1 .437 1 1v6c0 .562.438 1 1 1h18c.562 0 1-.438 1-1v-6c0-.563.437-1 1-1 .562 0 1 .437 1 1v6a3 3 0 0 1 -3 3h-18a3 3 0 0 1 -3-3zm5.281-12.688a.97.97 0 0 0 -.28.688c0 .5.343 1 1 1 .25 0 .5-.094.718-.281l4.281-4.313v15.594c0 .562.438 1 1 1 .563 0 1-.438 1-1v-15.594l4.281 4.313a1.1 1.1 0 0 0 .719.28c.594 0 1-.437 1-1 0-.25-.094-.5-.281-.718l-6-6a1.1 1.1 0 0 0 -.719-.281.97.97 0 0 0 -.688.281l-6.03 6.031z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_visibility_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_visibility_20.svg
new file mode 100644
index 0000000000..614c5e1ae7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_visibility_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 4c4.125 0 6.531 3.5 7.813 5.406a.936.936 0 0 1 0 1.125c-1.283 1.907-3.689 5.439-7.813 5.439s-6.531-3.531-7.813-5.438a.936.936 0 0 1 0-1.125c1.283-1.907 3.689-5.407 7.813-5.407zm0 2c-2.594 0-4.344 1.976-5.781 3.984 1.437 2.04 3.187 4.016 5.781 4.016s4.344-1.977 5.781-4.016c-1.437-2.008-3.187-3.984-5.781-3.984zm-.015 6c1.115 0 2.015-.9 2.015-1.985 0-1.115-.9-2.015-2.015-2.015-1.117 0-1.985.9-1.985 2.015 0 1.086.868 1.985 1.985 1.985z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_visibility_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_visibility_24.svg
new file mode 100644
index 0000000000..2fcda790e2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_visibility_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 5c3.688 0 6.406 2.188 9.781 6.375a.955.955 0 0 1 .219.625.955.955 0 0 1 -.219.625c-3.375 4.219-6.093 6.375-9.781 6.375-3.469 0-5.938-1.688-9.781-6.375a.955.955 0 0 1 -.219-.625c0-.219.063-.438.219-.625 3.375-4.188 6.094-6.375 9.781-6.375zm0 2c-2.531 0-4.688 1.406-7.719 5 2.939 3.5 4.969 4.906 7.719 5 2.531 0 4.688-1.406 7.719-5-2.939-3.5-4.969-4.906-7.719-5zm0 2a3 3 0 1 1 -.002 6.002 3 3 0 0 1 .002-6.002zm0 2c-.563 0-1 .469-1 1 0 .563.438 1.031 1 1.031.563 0 1-.469 1-1.031 0-.531-.438-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_visibility_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_visibility_32.svg
new file mode 100644
index 0000000000..d69d51c398
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_visibility_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 7c5.844 0 10.063 2.906 13.813 8.438a.953.953 0 0 1 .187.562c0 .195-.063.39-.188.563-3.749 5.53-7.967 8.437-13.812 8.437-5.844 0-10.063-2.906-13.813-8.438a.953.953 0 0 1 -.187-.562c0-.195.063-.39.188-.563 3.75-5.53 7.967-8.437 13.812-8.437zm0 2c-4.688 0-8.281 2.125-11.781 7 3.483 4.726 7.061 7 11.781 7 4.969 0 8.281-2.125 11.781-7-3.468-4.813-6.811-7-11.781-7zm0 2c2.75 0 5 2.25 5 5s-2.25 5-5 5-5-2.25-5-5 2.25-5 5-5zm0 2a3 3 0 1 0 .002 6.002 3 3 0 0 0 -.002-6.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_visibility_off_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_visibility_off_20.svg
new file mode 100644
index 0000000000..7b989a6c89
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_visibility_off_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16.016 3a.98.98 0 0 1 .976.976c0 .26-.098.52-.293.715l-12 12a.992.992 0 0 1 -.683.293.993.993 0 0 1 -1.008-1.008c0-.228.1-.486.293-.683l1.496-1.529c-1.008-.943-1.886-2.049-2.634-3.22a1.096 1.096 0 0 1 -.163-.551c0-.195.065-.39.163-.553 1.3-1.92 3.707-5.431 7.837-5.431 1.268 0 2.504.357 3.577 1.007l1.724-1.723c.195-.195.455-.293.715-.293zm-6.016 3.024c-2.602 0-4.358 1.952-5.789 3.968a15.57 15.57 0 0 0 2.017 2.374l1.853-1.854a1.651 1.651 0 0 1 -.097-.553c0-1.073.91-1.983 2.016-1.983.163 0 .358.032.52.097l1.561-1.593a5.103 5.103 0 0 0 -2.081-.456zm5.138 3.09c.228.293.423.585.65.878-1.398 1.951-3.089 3.87-5.528 4l-1.82 1.821c.52.13 1.04.195 1.561.195 4.13 0 6.537-3.545 7.837-5.463.098-.163.163-.358.163-.553s-.065-.39-.163-.553c-.357-.52-.78-1.106-1.268-1.756l-1.43 1.43z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_visibility_off_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_visibility_off_24.svg
new file mode 100644
index 0000000000..ae61e56603
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_visibility_off_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20 3c.531 0 1 .438 1 1 0 .25-.094.531-.281.719l-16 16a1.101 1.101 0 0 1 -.719.281c-.563 0-1-.406-1-1 0-.25.094-.5.281-.688l2.719-2.717c-1.406-1.188-2.688-2.5-3.781-3.969a.955.955 0 0 1 -.219-.626c0-.219.063-.438.219-.625 1.656-2.063 5.094-6.375 9.781-6.375a8.864 8.864 0 0 1 4.344 1.25l2.937-2.938a.998.998 0 0 1 .719-.312zm-8 4c-3.344 0-6.125 3.063-7.719 5a19.903 19.903 0 0 0 3.125 3.156l2.375-2.344c-.125-.25-.156-.53-.156-.812a2.374 2.374 0 0 1 2.375-2.375c.281 0 .563.063.813.156l2.03-2.062a6.833 6.833 0 0 0 -2.843-.719zm6.063 3.156a26.581 26.581 0 0 1 1.655 1.844c-1.594 1.969-4.375 5-7.719 5-.25 0-.469 0-.719-.031l-1.656 1.656c.75.25 1.563.375 2.375.375 4.688 0 8.125-4.313 9.781-6.375a.955.955 0 0 0 .22-.625.955.955 0 0 0 -.219-.625 36.115 36.115 0 0 0 -2.281-2.625l-1.438 1.406z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_visibility_off_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_visibility_off_32.svg
new file mode 100644
index 0000000000..9236da7ef3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_visibility_off_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27 4c.25 0 .5.094.719.281.187.188.281.469.281.719a.99.99 0 0 1 -.281.719l-22 22c-.282.25-.625.375-1 .281-.344-.094-.625-.375-.688-.719-.094-.343 0-.718.25-.968l3.719-3.72a20.96 20.96 0 0 1 -5.812-6.03.937.937 0 0 1 0-1.125c2.468-3.625 6.592-8.438 13.812-8.438 2.156 0 4.281.469 6.219 1.375l4.062-4.094c.219-.187.469-.281.719-.281zm-11 5c-4.656 0-8.313 2.156-11.781 7a18.226 18.226 0 0 0 5.219 5.156l2.406-2.406a4.836 4.836 0 0 1 -.844-2.75c0-2.75 2.25-5 5-5a4.83 4.83 0 0 1 2.75.844l1.938-1.969c-1.47-.594-3.063-.875-4.688-.875zm0 4a3 3 0 0 0 -3 3c0 .438.094.875.312 1.281l3.97-3.969a2.678 2.678 0 0 0 -1.282-.312zm8.219-.969a22.63 22.63 0 0 1 3.561 3.969c-3.468 4.844-7.125 7-11.781 7-.844 0-1.688-.062-2.531-.219l-1.625 1.625c1.343.407 2.75.594 4.156.594 7.219 0 11.344-4.812 13.812-8.437a.937.937 0 0 0 0-1.125 22.73 22.73 0 0 0 -4.187-4.813l-1.406 1.406zm-8.906 8.907c.218.03.468.062.687.062 2.75 0 5-2.25 5-5 0-.219-.031-.469-.062-.687z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_voucher_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_voucher_20.svg
new file mode 100644
index 0000000000..0c05ad9e33
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_voucher_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.923 4c1.147 0 2.077.93 2.077 2.077v1.923a1 1 0 0 1 -1 1 1 1 0 0 0 0 2 1 1 0 0 1 1 1v1.923c0 1.147-.93 2.077-2.077 2.077h-11.846a2.077 2.077 0 0 1 -2.077-2.077v-1.923a1 1 0 0 1 1-1 1 1 0 0 0 0-2 1 1 0 0 1 -1-1v-1.923c0-1.147.93-2.077 2.077-2.077zm0 2h-11.846a.077.077 0 0 0 -.077.077v1.093l.012.005a3.002 3.002 0 0 1 1.983 2.649l.005.176c0 1.302-.83 2.41-1.988 2.825l-.012.005v1.094c0 .032.02.06.047.071l.03.006h11.846a.077.077 0 0 0 .077-.077v-1.094l-.012-.004a3.002 3.002 0 0 1 -1.983-2.649l-.005-.177c0-1.302.83-2.41 1.988-2.825l.012-.005v-1.093c0-.032-.02-.06-.047-.071zm-3.933 4.995a1.006 1.006 0 1 1 .019 2.009 1.006 1.006 0 0 1 -.019-2.009zm-.488-3.919 1.422 1.422-4.426 4.406-1.402-1.402zm-3.492-.081c.548 0 .995.447.995 1.015a.996.996 0 0 1 -.995.995 1.001 1.001 0 0 1 -1.015-.995c0-.568.447-1.015 1.015-1.015z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_voucher_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_voucher_24.svg
new file mode 100644
index 0000000000..ae74f57725
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_voucher_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.615 5a2.385 2.385 0 0 1 2.385 2.385v2.615a1 1 0 0 1 -1 1c-.603 0-1.077.456-1.077 1s.474 1 1.077 1a1 1 0 0 1 1 1v2.615a2.385 2.385 0 0 1 -2.385 2.385h-15.23a2.385 2.385 0 0 1 -2.385-2.385v-2.615a1 1 0 0 1 1-1c.603 0 1.077-.456 1.077-1s-.474-1-1.077-1a1 1 0 0 1 -1-1v-2.615a2.385 2.385 0 0 1 2.385-2.385zm0 2h-15.23a.385.385 0 0 0 -.385.385v1.777l.034.012c1.133.394 1.964 1.418 2.038 2.649l.005.177c0 1.309-.856 2.413-2.043 2.826l-.034.011v1.778c0 .186.132.341.307.377l.078.008h15.23a.385.385 0 0 0 .385-.385v-1.778l-.034-.011c-1.133-.394-1.964-1.418-2.038-2.649l-.005-.177c0-1.309.856-2.413 2.043-2.826l.034-.012v-1.777a.385.385 0 0 0 -.307-.377zm-4.604 6.02c.559 0 .996.437.996.996a.985.985 0 0 1 -.996.995.985.985 0 0 1 -.995-.995c0-.559.437-.996.995-.996zm-1.02-4.031a1 1 0 0 1 1.02 1.02c0 .242-.097.51-.291.704l-4.007 4.007a1.028 1.028 0 0 1 -.729.291.996.996 0 0 1 -.995-1.02c0-.242.097-.51.291-.704l4.007-4.007c.194-.194.462-.291.704-.291zm-4.978-.073c.583 0 1.044.485 1.044 1.044 0 .583-.461 1.044-1.044 1.044a1.037 1.037 0 0 1 -1.044-1.044c0-.559.461-1.044 1.044-1.044z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_voucher_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_voucher_32.svg
new file mode 100644
index 0000000000..1f0e3c4c35
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_voucher_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27 6a3 3 0 0 1 3 3v4a1 1 0 0 1 -1 1 2 2 0 1 0 0 4 1 1 0 0 1 1 1v4a3 3 0 0 1 -3 3h-22a3 3 0 0 1 -3-3v-4a1 1 0 0 1 1-1 2 2 0 1 0 0-4 1 1 0 0 1 -1-1v-4a3 3 0 0 1 3-3zm0 2h-22a1 1 0 0 0 -1 1v3.126l.155.043a4.002 4.002 0 0 1 2.84 3.631l.005.2a4.002 4.002 0 0 1 -2.845 3.83l-.155.044v3.126a1 1 0 0 0 .883.993l.117.007h22a1 1 0 0 0 1-1v-3.127l-.155-.042a4.002 4.002 0 0 1 -2.84-3.631l-.005-.2a4.002 4.002 0 0 1 2.845-3.83l.155-.044v-3.126a1 1 0 0 0 -.883-.993zm-6.985 3.063c.432 0 .987.382.987 1 0 .25-.095.5-.287.687l-7.997 7.844a1.03 1.03 0 0 1 -.733.281.977.977 0 0 1 -.987-.969c0-.25.095-.5.287-.687l8.029-7.844c.191-.187.446-.313.7-.313zm-.096 5.874c1.115 0 2.007.907 2.007 1.97 0 1.093-.892 1.968-2.007 1.968s-2.007-.875-2.007-1.969c0-1.062.892-1.968 2.007-1.968zm-7.36-5.875c1.115 0 2.007.876 2.007 1.97 0 1.093-.892 1.968-2.007 1.968s-2.007-.875-2.007-1.969.892-1.969 2.007-1.969z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_voucher_solid_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_voucher_solid_20.svg
new file mode 100644
index 0000000000..da1e26ae54
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_voucher_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.923 4c1.147 0 2.077.93 2.077 2.077v1.923a1 1 0 0 1 -1 1 1 1 0 0 0 0 2 1 1 0 0 1 1 1v1.923c0 1.147-.93 2.077-2.077 2.077h-11.846a2.077 2.077 0 0 1 -2.077-2.077v-1.923a1 1 0 0 1 1-1 1 1 0 0 0 0-2 1 1 0 0 1 -1-1v-1.923c0-1.147.93-2.077 2.077-2.077zm-3.933 6.995a.996.996 0 0 0 -.995.995 1.006 1.006 0 1 0 .995-.995zm-.488-3.919-4.406 4.426 1.402 1.402 4.426-4.406zm-3.492-.081a1.006 1.006 0 1 0 0 2.01.996.996 0 0 0 .995-.995c0-.568-.447-1.015-.995-1.015z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_website_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_website_20.svg
new file mode 100644
index 0000000000..c60ab69a0f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_website_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2a8.07 8.07 0 0 1 5.659 2.341 8.07 8.07 0 0 1 2.341 5.659c0 4.41-3.59 8-8 8s-8-3.59-8-8 3.59-8 8-8zm-3.732 8.995h-2.19c.39 2.431 2.253 4.356 4.654 4.878-.908-.965-2.006-3.039-2.464-4.878zm5.868 0h-3.796c.903 3.147 2.322 4.839 3.065 4.839.477 0 .86-1.216.855-3.296a9.82 9.82 0 0 0 -.124-1.543zm3.788 0h-1.778c.09.563.108 1.09.117 1.58a8.91 8.91 0 0 1 -.185 1.854c.828-.847 1.637-1.98 1.846-3.434zm-10.022-5.385c-.931.813-1.621 2.149-1.824 3.395h1.795a11.31 11.31 0 0 1 -.15-1.696c0-.762.095-1.313.18-1.7zm5.503-1.444c.788.828 2.015 2.89 2.352 4.839h2.165a5.98 5.98 0 0 0 -4.517-4.84zm-2.778-.01-.074.01c-.424.1-.78 1.216-.777 3.296 0 .47.035.988.124 1.543h3.796c-.926-3.147-2.382-5.016-3.143-4.839z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_website_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_website_24.svg
new file mode 100644
index 0000000000..947b1b7241
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_website_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2c5.5 0 10 4.5 10 10a9.99 9.99 0 0 1 -10 10 9.99 9.99 0 0 1 -10-10 9.99 9.99 0 0 1 10-10zm-4 11h-3.938c.438 3.563 3.25 6.438 6.938 6.938-1.25-1.595-2.313-4.063-3-6.938zm6.563 0h-4.5c1.124 4.688 3.124 6.813 3.75 6.656.437-.093 1-1.406 1-3.75 0-.844-.094-1.812-.25-2.906zm5.374 0h-3.375c.157 1 .22 1.969.22 2.875 0 1-.095 1.938-.282 2.719 1.969-1.375 3.031-3.063 3.438-5.594zm-12.249-7.719c-2.125 1.407-3.312 3.407-3.625 5.719h3.563a20.26 20.26 0 0 1 -.219-3c0-1 .094-1.906.282-2.719zm2.72-1.031c-.438 0-1.032 1.313-1.032 3.75 0 .875.063 1.875.25 3h4.531c-1.125-4.625-3.031-6.75-3.75-6.75zm2.874-.156c1.28 1.75 2.28 4.156 2.938 6.906h3.718c-.5-3.563-3.156-6.313-6.656-6.906z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_website_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_website_32.svg
new file mode 100644
index 0000000000..02dda864d1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_website_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c7.719 0 14 6.281 14 14s-6.281 14-14 14-14-6.281-14-14 6.281-14 14-14zm4.969 15h-10.094c.594 5.406 4.281 9.813 5.312 11 6.188-.125 11.25-4.906 11.75-11h-4.967c-.063 2.094-.563 4.219-1.5 6.406a.984.984 0 0 1 -.907.594 1.014 1.014 0 0 1 -1.03-1c0-.125.03-.281.093-.406.844-1.907 1.281-3.782 1.344-5.594zm-12.094 0h-4.813c.438 5.25 4.282 9.563 9.313 10.688-1.688-2.22-4.063-6.094-4.5-10.688zm9.5-12.75c1.687 2.219 4.125 6.125 4.562 10.75h5c-.437-5.344-4.406-9.719-9.562-10.75zm-2.75-.219a11.96 11.96 0 0 0 -11.563 10.969h4.75c.094-2.094.594-4.219 1.5-6.406a.984.984 0 0 1 .908-.594c.656 0 1.03.469 1.03 1a.962.962 0 0 1 -.093.406c-.812 1.906-1.25 3.781-1.344 5.594h10.094c-.594-5.375-4.219-9.813-5.281-10.969z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_zoom_in_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_zoom_in_20.svg
new file mode 100644
index 0000000000..cc78a712ff
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_zoom_in_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9 2c3.87 0 7 3.13 7 7 0 1.593-.537 3.016-1.382 4.187l3.09 3.09c.194.195.292.455.292.715 0 .553-.455 1.008-.976 1.008-.26 0-.487-.098-.748-.293l-3.089-3.09a6.955 6.955 0 0 1 -4.187 1.383c-3.87 0-7-3.13-7-7s3.13-7 7-7zm-.008 2.016a4.955 4.955 0 0 0 -4.976 4.976c-0 2.764 2.212 5.008 4.976 5.008a5.01 5.01 0 0 0 5.008-5.008c0-2.764-2.244-4.976-5.008-4.976zm1.008 1.984h-2v2h-2v2h2v2l2 .016v-2.016h2v-2h-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_zoom_in_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_zoom_in_24.svg
new file mode 100644
index 0000000000..d2805ead02
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_zoom_in_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c4.438 0 8.031 3.588 8.031 7.988a7.972 7.972 0 0 1 -1.687 4.93l5.375 5.335a.988.988 0 0 1 .281.717c0 .656-.531 1.03-1.031 1.03-.219 0-.469-.094-.688-.312l-5.343-5.367a8 8 0 0 1 -4.938 1.685c-4.406 0-8-3.588-8-8.018 0-4.4 3.594-7.988 8-7.988zm0 1.997c-3.313 0-6 2.683-6 5.99a6.003 6.003 0 0 0 6 6.022 6.01 6.01 0 0 0 6.031-6.021c0-3.308-2.687-5.991-6.031-5.991zm0 9.998c.563 0 1-.45 1-1.012v-1.983h2c.625 0 1-.468 1-.998s-.438-.999-1-.999l-2-.003v-2.07c0-.5-.469-.936-1-.936s-1 .437-1 .998v2.011h-2c-.625 0-1 .498-1 .997 0 .562.438 1 1 1h2v2.014c0 .53.438.981 1 .981z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_zoom_in_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_zoom_in_32.svg
new file mode 100644
index 0000000000..6a0e1485de
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_zoom_in_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m12 2a9.99 9.99 0 0 1 10 10 9.912 9.912 0 0 1 -2.25 6.313l9.969 9.968a.961.961 0 0 1 .281.719c0 .594-.438 1-.969 1-.25 0-.531-.063-.75-.281l-9.968-9.969a9.912 9.912 0 0 1 -6.313 2.25 9.99 9.99 0 0 1 -10-10 9.99 9.99 0 0 1 10-10zm0 2c-4.406 0-8 3.594-8 8s3.594 8 8 8 8-3.594 8-8-3.594-8-8-8zm0 3c.438 0 1 .313 1 1v3h3c.563 0 1 .438 1 1 0 .469-.438 1-1 1h-3v3c0 .563-.438 1-1 1-.5 0-1-.438-1-.875v-3.125h-3c-.563 0-1-.438-1-1 0-.469.281-1 1-1h3v-3c0-.563.438-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_zoom_out_20.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_zoom_out_20.svg
new file mode 100644
index 0000000000..4ac2bad304
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_zoom_out_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9 2c3.878 0 7 3.117 7 7a7.032 7.032 0 0 1 -1.39 4.182l3.085 3.09c.203.203.305.468.305.711 0 .57-.467 1.017-.975 1.017-.264 0-.537-.071-.75-.285l-3.087-3.09c-1.178.835-2.625 1.375-4.188 1.375-3.858 0-7-3.137-7-7 0-3.883 3.142-7 7-7zm-.006 2.013c-2.765 0-4.961 2.216-4.961 4.98 0 2.766 2.196 5.002 4.96 5.002 2.766 0 5.022-2.236 5.022-5.001s-2.255-4.981-5.021-4.981zm3.006 3.987v2h-6v-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_zoom_out_24.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_zoom_out_24.svg
new file mode 100644
index 0000000000..06384b27b9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_zoom_out_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c4.438 0 8.031 3.594 8.031 8a7.993 7.993 0 0 1 -1.687 4.938l5.375 5.343c.187.203.281.461.281.719 0 .578-.425.997-.992.997a1.03 1.03 0 0 1 -.633-.216l-5.438-5.437a7.992 7.992 0 0 1 -4.937 1.686c-4.406 0-8-3.593-8-8.031 0-4.406 3.594-8 8-8zm0 2c-3.313 0-6 2.688-6 6 0 3.344 2.688 6.031 6 6.031a6.015 6.015 0 0 0 6.031-6.031c0-3.313-2.687-6-6.031-6zm3 5h-6c-.563 0-1 .438-1 1 0 .563.438 1 1 1h6c.563 0 1.031-.438 1.031-1 0-.563-.469-1-1.031-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/action/db_ic_zoom_out_32.svg b/review/refactor-icon-update/icons/functional/images/action/db_ic_zoom_out_32.svg
new file mode 100644
index 0000000000..adccd4235a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/action/db_ic_zoom_out_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m12 2a9.99 9.99 0 0 1 10 10c0 2.406-.844 4.594-2.25 6.344l9.969 9.937a.99.99 0 0 1 .281.72c0 .562-.469 1-1.031 1a.94.94 0 0 1 -.688-.282l-9.937-9.969c-1.75 1.406-3.938 2.25-6.344 2.25a9.99 9.99 0 0 1 -10-10 9.99 9.99 0 0 1 10-10zm0 2c-4.406 0-8 3.594-8 8s3.594 8 8 8 8-3.594 8-8-3.594-8-8-8zm4 7c.531 0 1 .469 1 1s-.469 1-1 1h-8c-.531 0-1-.469-1-1s.469-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_10_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_10_20.svg
new file mode 100644
index 0000000000..a950c92e1f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_10_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16.023 14.825c-.644 0-1.034-.546-1.034-.956 0-.469.741-1.6.741-2.87 0-2.694-2.05-4.724-4.548-4.958l.683.644c.156.195.293.449.293.703 0 .507-.468.956-.996.956a1.03 1.03 0 0 1 -.716-.278l-2.178-2.196a1.008 1.008 0 0 1 -.268-.708.89.89 0 0 1 .273-.644l2.207-2.225a.942.942 0 0 1 .682-.293 1 1 0 0 1 .996.995.947.947 0 0 1 -.293.684l-.449.449a6.878 6.878 0 0 1 6.247 6.871l-.008.312c-.07 1.41-.599 3.514-1.632 3.514zm-12.008 1.875h1.933c.566 0 .956-.468.956-.976a.979.979 0 0 0 -.976-.976v-3.845a.946.946 0 0 0 -1.487-.786l-1.009.673a.952.952 0 0 0 -.432.796c0 .566.469.995 1.015.976v2.186c-.546 0-.956.45-.956.996 0 .507.41.956.956.956zm6.579-6.852c1.6 0 2.694 1.133 2.694 2.87v1.093c0 1.757-1.133 2.89-2.792 2.89-1.503 0-2.596-1.152-2.596-2.85v-1.211c0-1.66 1.132-2.791 2.694-2.791zm.046 1.948h-.066l-.084.004c-.383.024-.638.165-.638.82v1.23c0 .684.215.893.742.883.468-.01.722-.239.722-.941v-1.093c0-.82-.39-.912-.742-.903z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_10_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_10_24.svg
new file mode 100644
index 0000000000..239421dfa4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_10_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m22.144 13.017c0-4.125-3.195-7.567-7.32-7.908l.404-.403a.99.99 0 0 0 .341-.745c0-.527-.465-.961-1.023-.961a1.03 1.03 0 0 0 -.652.217l-2.263 2.295a.912.912 0 0 0 -.28.682c0 .28.094.527.28.713l2.169 2.203c.186.186.435.28.745.28.527 0 .961-.466.961-.993a.88.88 0 0 0 -.31-.682l-.558-.62c3.1.217 5.52 2.822 5.52 5.954 0 1.52-.62 3.039-1.768 4.217a.962.962 0 0 0 -.279.683 1 1 0 0 0 .992.992.962.962 0 0 0 .683-.279 7.937 7.937 0 0 0 2.357-5.644zm-19.144 6.99a1 1 0 0 1 .992-.992h.993v-3.962l-.465.279a1.046 1.046 0 0 1 -.528.155c-.558 0-.96-.465-.96-.993 0-.31.123-.62.402-.837l1.985-1.302c.155-.093.341-.155.527-.155.558 0 1.024.434 1.024.992v5.823h1.023a1 1 0 0 1 .992.993.98.98 0 0 1 -.992.992h-4a.98.98 0 0 1 -.993-.992zm9.977-8.007c1.768 0 2.977 1.334 2.977 3.318v2.264c0 1.985-1.21 3.318-2.977 3.318-1.799 0-2.977-1.333-2.977-3.287v-2.357c0-1.984 1.178-3.256 2.977-3.256zm.023 2c-.625 0-1 .472-1 1.258v2.421c0 .85.375 1.321 1 1.321s1-.472 1-1.352v-2.296c0-.849-.375-1.352-1-1.352z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_10_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_10_32.svg
new file mode 100644
index 0000000000..fa67aa9f61
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_10_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m28.7 18.99c0-6.11-5.026-11.031-11.147-10.967l1.32-1.318a.997.997 0 0 0 .29-.708.983.983 0 0 0 -.998-.997 1 1 0 0 0 -.709.29l-3.156 3.15a.997.997 0 0 0 -.29.708 1 1 0 0 0 .29.708l3.157 3.152a1 1 0 0 0 .71.29c.58 0 .998-.451.998-.998a.997.997 0 0 0 -.29-.708l-1.579-1.576c4.994-.225 9.407 3.763 9.407 8.942a8.95 8.95 0 0 1 -2.223 5.918.982.982 0 0 0 -.225.643c0 .579.419 1.03.998 1.03a.946.946 0 0 0 .665-.264l.076-.09c1.771-1.995 2.706-4.568 2.706-7.205zm-23.7-.213c0-.353.226-.74.548-.9l2.931-1.48a.993.993 0 0 1 .419-.096c.451 0 1.03.321 1.03.997v7.708h2.095c.548 0 .999.419.999.997 0 .547-.451.998-1 .998h-5.99c-.548 0-.999-.45-.999-.998 0-.578.451-.997.999-.997h1.9v-6.068l-1.481.74a.994.994 0 0 1 -.42.096c-.547 0-1.03-.482-1.03-.997zm13.015-2.777c2.32 0 3.994 1.5 3.994 4.02v2.927c0 2.553-1.74 4.02-3.994 4.053-2.255.032-3.963-1.5-3.963-3.989v-3.087c0-2.424 1.772-3.924 3.963-3.924zm0 1.994c-1.385 0-1.998.611-1.998 1.93v3.087c0 1.448.58 2.027 1.998 2.027 1.385 0 2.03-.676 2.03-2.091v-2.927c0-1.447-.58-2.026-2.03-2.026z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_20.svg
new file mode 100644
index 0000000000..6a088923e6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.004 5a2 2 0 0 1 1.999 2v6a2.001 2.001 0 0 1 -3.135 1.647l-3.216-2.218v.571a2.001 2.001 0 0 1 -3.136 1.647l-4.351-3a2 2 0 0 1 0-3.294l4.351-3a2.005 2.005 0 0 1 2.066-.124 2.001 2.001 0 0 1 1.07 1.771v.571l3.216-2.218c.34-.234.737-.353 1.136-.353zm-6.352 2-4.352 3 4.352 3zm6.351 0-4.351 3 4.351 3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_24.svg
new file mode 100644
index 0000000000..8b10212027
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.995 6a2.001 2.001 0 0 1 2 2v8a2.001 2.001 0 0 1 -3.136 1.647l-4.667-3.218v1.571a2.001 2.001 0 0 1 -3.135 1.647l-5.802-4a2 2 0 0 1 0-3.294l5.802-4a2.002 2.002 0 0 1 3.135 1.647v1.571l4.667-3.218a2.005 2.005 0 0 1 1.136-.353zm-7.803 2-5.802 4 5.802 4zm7.803 0-5.803 4 5.803 4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_30_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_30_20.svg
new file mode 100644
index 0000000000..8df01db978
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_30_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16.023 14.825c-.644 0-1.034-.546-1.034-.956 0-.469.741-1.6.741-2.87 0-2.694-2.05-4.724-4.548-4.958l.683.644c.156.195.293.449.293.703 0 .507-.468.956-.996.956a1.03 1.03 0 0 1 -.716-.278l-2.178-2.196a1.008 1.008 0 0 1 -.268-.708.89.89 0 0 1 .273-.644l2.207-2.225a.942.942 0 0 1 .682-.293 1 1 0 0 1 .996.995.947.947 0 0 1 -.293.684l-.449.449a6.878 6.878 0 0 1 6.247 6.871l-.008.312c-.07 1.41-.599 3.514-1.632 3.514zm-11.483-4.975c1.261 0 2.176.827 2.176 1.966 0 .413-.211.775-.63 1.084.573.32.92.807.92 1.381 0 2.461-3 2.606-3.987 2.654h-.048a.972.972 0 0 1 -.046-1.943c1.404-.067 2.138-.275 2.138-.614 0-.137-.086-.288-.272-.288-.505 0-.699.169-1.004.169-.487 0-.945-.434-.945-.967 0-.416.304-.782.753-.874.745-.152 1.205-.325 1.205-.466 0-.073-.09-.159-.303-.159-.588 0-.951.376-1.408.376-.496 0-.948-.442-.948-.974 0-.353.199-.701.542-.87.658-.324 1.249-.475 1.857-.475zm6.054-.002c1.6 0 2.694 1.132 2.694 2.87v1.092c0 1.757-1.133 2.89-2.792 2.89-1.503 0-2.596-1.152-2.596-2.85v-1.211c0-1.66 1.132-2.791 2.694-2.791zm.046 1.947h-.066l-.084.004c-.383.024-.638.165-.638.82v1.23c0 .684.215.893.742.883.468-.01.722-.239.722-.941v-1.093c0-.82-.39-.912-.742-.903z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_30_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_30_24.svg
new file mode 100644
index 0000000000..781c45f25e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_30_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m5.635 12c1.529 0 2.639.99 2.639 2.354 0 .536-.156 1.01-.467 1.423.539.454.863 1.133.863 1.932 0 3.043-3.72 3.222-5.121 3.29l-.05.001a1 1 0 0 1 -.046-2c3.032-.146 3.205-.862 3.215-1.229v-.062c0-.131 0-.531-.6-.531-.324 0-.535.021-1.226.158a1 1 0 0 1 -.42-1.955c.555-.13 1.85-.49 1.85-1.027 0-.327-.487-.353-.637-.353-.46 0-.936.13-1.501.408a1 1 0 1 1 -.884-1.795c.85-.418 1.608-.614 2.385-.614zm8.91-9c.559 0 1.024.434 1.024.961a.99.99 0 0 1 -.341.745l-.403.403c4.124.341 7.319 3.783 7.319 7.908a7.937 7.937 0 0 1 -2.357 5.644.962.962 0 0 1 -.683.28 1 1 0 0 1 -.992-.993.96.96 0 0 1 .28-.683c1.147-1.178 1.767-2.698 1.767-4.217 0-3.132-2.42-5.737-5.52-5.954l.558.62a.88.88 0 0 1 .31.682c0 .527-.434.992-.961.992-.31 0-.559-.093-.745-.279l-2.17-2.202a.982.982 0 0 1 -.28-.713c0-.279.094-.496.28-.682l2.263-2.295a1.03 1.03 0 0 1 .652-.217zm-1.568 9c1.768 0 2.977 1.334 2.977 3.318v2.264c0 1.985-1.21 3.318-2.977 3.318-1.799 0-2.977-1.333-2.977-3.287v-2.357c0-1.984 1.178-3.256 2.977-3.256zm.023 2c-.625 0-1 .472-1 1.258v2.421c0 .85.375 1.321 1 1.321s1-.472 1-1.352v-2.296c0-.849-.375-1.352-1-1.352z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_30_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_30_32.svg
new file mode 100644
index 0000000000..ecef2f71d4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_30_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m8.454 16.3c1.82 0 3.14 1.164 3.14 2.768 0 .803-.3 1.428-.743 1.916.78.528 1.26 1.409 1.26 2.466 0 3.68-4.648 3.905-6.397 3.989h-.049a1 1 0 0 1 -.047-1.998c3.96-.19 4.492-1.113 4.492-1.991 0-.646-.387-1.001-1.09-1.001-.447 0-.735.029-1.662.213a1 1 0 0 1 -.42-1.955c1.211-.281 2.655-.792 2.655-1.64 0-.711-.872-.767-1.139-.767-.649 0-1.315.18-2.095.565a1 1 0 0 1 -.886-1.793c1.066-.527 2.013-.772 2.981-.772zm9.711-11.3c.548 0 .999.418.999.997a.997.997 0 0 1 -.29.708l-1.32 1.318c6.12-.064 11.145 4.857 11.145 10.968 0 2.637-.934 5.21-2.706 7.204l-.076.091a.946.946 0 0 1 -.665.263c-.58 0-.998-.45-.998-1.029 0-.225.064-.45.225-.643a8.95 8.95 0 0 0 2.223-5.918c0-5.179-4.413-9.167-9.407-8.942l1.579 1.576c.193.193.29.45.29.708a.983.983 0 0 1 -.999.997 1 1 0 0 1 -.709-.29l-3.156-3.15a.997.997 0 0 1 -.29-.708 1 1 0 0 1 .29-.708l3.157-3.152a1 1 0 0 1 .71-.289zm-.15 11c2.32 0 3.994 1.5 3.994 4.02v2.927c0 2.553-1.74 4.02-3.994 4.053-2.255.032-3.963-1.5-3.963-3.989v-3.087c0-2.424 1.772-3.924 3.963-3.924zm0 1.994c-1.385 0-1.998.611-1.998 1.93v3.087c0 1.448.58 2.027 1.998 2.027 1.385 0 2.03-.676 2.03-2.091v-2.927c0-1.447-.58-2.026-2.03-2.026z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_32.svg
new file mode 100644
index 0000000000..fbb1f13fe0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m24.997 8a2.001 2.001 0 0 1 2 2v12a2.001 2.001 0 0 1 -3.135 1.647l-7.569-5.218v3.571a2.001 2.001 0 0 1 -3.135 1.647l-8.703-6a2 2 0 0 1 0-3.294l8.703-6a2.002 2.002 0 0 1 3.135 1.647v3.571l7.569-5.218c.34-.234.737-.353 1.135-.353zm-10.704 2-8.703 6 8.703 6zm10.704 0-8.704 6 8.704 6z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_48.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_48.svg
new file mode 100644
index 0000000000..0e7e62fcc2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_48.svg
@@ -0,0 +1 @@
+<svg id="icon" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m41.002 11a2.001 2.001 0 0 1 2 2v22a2.001 2.001 0 0 1 -3.135 1.647l-15.371-10.597v8.95a2.001 2.001 0 0 1 -3.135 1.647l-15.956-11a2 2 0 0 1 0-3.294l15.956-11a2.002 2.002 0 0 1 3.135 1.647v8.95l15.371-10.597c.34-.234.737-.353 1.135-.353zm-18.506 2-15.956 11 15.956 11zm18.506 0-15.956 11 15.956 11z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_64.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_64.svg
new file mode 100644
index 0000000000..c5be037332
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_64.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m52.005 16a2.997 2.997 0 0 1 2.999 3v26a3 3 0 0 1 -4.702 2.47l-17.155-11.826v9.356a3 3 0 0 1 -4.703 2.47l-18.857-13a3 3 0 0 1 0-4.94l18.857-13a3 3 0 0 1 4.703 2.47v9.356l17.155-11.826a2.995 2.995 0 0 1 1.703-.53zm-21.858 3-18.857 13 18.857 13zm21.857 0-18.857 13 18.857 13z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_empty_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_empty_20.svg
new file mode 100644
index 0000000000..33a59c9d52
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_empty_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.64 14.825c.644 0 1.034-.546 1.034-.956 0-.469-.741-1.6-.741-2.87 0-2.694 2.05-4.724 4.548-4.958l-.683.644c-.156.195-.293.449-.293.703 0 .507.468.956.996.956.253 0 .532-.092.716-.278l2.178-2.196c.185-.186.268-.454.268-.708a.89.89 0 0 0 -.273-.644l-2.207-2.225a.942.942 0 0 0 -.682-.293 1 1 0 0 0 -.996.995.95.95 0 0 0 .293.684l.449.449a6.878 6.878 0 0 0 -6.247 6.871c0 1.386.527 3.826 1.64 3.826z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(-1 0 0 1 25.663 0)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_empty_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_empty_24.svg
new file mode 100644
index 0000000000..938881a2e6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_empty_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m22.144 13.017c0-4.125-3.195-7.567-7.32-7.908l.404-.403a.99.99 0 0 0 .341-.745c0-.527-.465-.961-1.023-.961a1.03 1.03 0 0 0 -.652.217l-2.263 2.295a.912.912 0 0 0 -.28.682c0 .28.094.527.28.713l2.169 2.203c.186.186.435.28.745.28.527 0 .961-.466.961-.993a.88.88 0 0 0 -.31-.682l-.558-.62c3.1.217 5.52 2.822 5.52 5.954 0 1.52-.62 3.039-1.768 4.217a.962.962 0 0 0 -.279.683 1 1 0 0 0 .992.992.962.962 0 0 0 .683-.279 7.937 7.937 0 0 0 2.357-5.644z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_empty_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_empty_32.svg
new file mode 100644
index 0000000000..7f60341bd3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_empty_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m28.7 18.99c0-6.11-5.026-11.031-11.147-10.967l1.32-1.318a.997.997 0 0 0 .29-.708.983.983 0 0 0 -.998-.997 1 1 0 0 0 -.709.29l-3.156 3.15a.997.997 0 0 0 -.29.708 1 1 0 0 0 .29.708l3.157 3.152a1 1 0 0 0 .71.29c.58 0 .998-.451.998-.998a.997.997 0 0 0 -.29-.708l-1.579-1.576c4.994-.225 9.407 3.763 9.407 8.942a8.95 8.95 0 0 1 -2.223 5.918.982.982 0 0 0 -.225.643c0 .579.419 1.03.998 1.03a.946.946 0 0 0 .665-.264l.076-.09c1.771-1.995 2.706-4.568 2.706-7.205z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_solid_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_solid_20.svg
new file mode 100644
index 0000000000..24950d0ef0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m3.165 11.647 4.351 3a2.005 2.005 0 0 0 2.066.124 2.001 2.001 0 0 0 1.07-1.771v-.571l3.216 2.218a2.003 2.003 0 0 0 2.065.124 2.001 2.001 0 0 0 1.07-1.771v-6a2.001 2.001 0 0 0 -3.135-1.647l-3.216 2.218v-.571a2.001 2.001 0 0 0 -3.136-1.647l-4.351 3a2 2 0 0 0 0 3.294z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_solid_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_solid_24.svg
new file mode 100644
index 0000000000..7db2e907b2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m3.255 13.647 5.802 4a2.002 2.002 0 0 0 3.135-1.647v-1.571l4.667 3.218a2.005 2.005 0 0 0 2.066.124 2.001 2.001 0 0 0 1.07-1.771v-8a2.001 2.001 0 0 0 -3.136-1.647l-4.667 3.218v-1.571a2.001 2.001 0 0 0 -3.135-1.647l-5.802 4a2 2 0 0 0 0 3.294z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_solid_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_solid_32.svg
new file mode 100644
index 0000000000..38f0c43ec7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m4.455 17.647 8.703 6a2.002 2.002 0 0 0 3.135-1.647v-3.571l7.569 5.218a2 2 0 0 0 3.135-1.647v-12a2.001 2.001 0 0 0 -3.135-1.647l-7.569 5.218v-3.571a2.001 2.001 0 0 0 -3.135-1.647l-8.703 6a2 2 0 0 0 0 3.294z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_solid_48.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_solid_48.svg
new file mode 100644
index 0000000000..897535b156
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_solid_48.svg
@@ -0,0 +1 @@
+<svg id="icon" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m5.405 25.647 15.956 11a2.002 2.002 0 0 0 3.135-1.647v-8.95l15.371 10.597a2.002 2.002 0 0 0 3.135-1.647v-22a2.001 2.001 0 0 0 -3.135-1.647l-15.371 10.597v-8.95a2.001 2.001 0 0 0 -3.135-1.647l-15.956 11a2 2 0 0 0 0 3.294z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_solid_64.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_solid_64.svg
new file mode 100644
index 0000000000..378a6afab5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_backward_solid_64.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m9.587 34.47 18.857 13a3 3 0 0 0 4.703-2.47v-9.356l17.155 11.826a2.995 2.995 0 0 0 3.097.186 3 3 0 0 0 1.605-2.656v-26a3 3 0 0 0 -4.702-2.47l-17.155 11.826v-9.356a3 3 0 0 0 -4.703-2.47l-18.857 13a3 3 0 0 0 0 4.94z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_10_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_10_20.svg
new file mode 100644
index 0000000000..afc9f43ca2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_10_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m3.64 14.825c.644 0 1.034-.546 1.034-.956 0-.469-.741-1.6-.741-2.87 0-2.694 2.05-4.724 4.548-4.958l-.683.644c-.156.195-.293.449-.293.703 0 .507.468.956.996.956.253 0 .532-.092.716-.278l2.178-2.196c.185-.186.268-.454.268-.708a.89.89 0 0 0 -.273-.644l-2.207-2.225a.942.942 0 0 0 -.682-.293 1 1 0 0 0 -.996.995.95.95 0 0 0 .293.684l.449.449a6.878 6.878 0 0 0 -6.247 6.871c0 1.386.527 3.826 1.64 3.826zm4.275 1.875h1.933c.566 0 .956-.468.956-.976a.979.979 0 0 0 -.976-.976v-3.845a.946.946 0 0 0 -1.487-.786l-1.009.673a.952.952 0 0 0 -.432.796c0 .566.468.995 1.015.976v2.186c-.547 0-.957.45-.957.996 0 .507.41.956.957.956zm6.579-6.852c1.6 0 2.694 1.133 2.694 2.87v1.093c0 1.757-1.133 2.89-2.792 2.89-1.503 0-2.596-1.152-2.596-2.85v-1.211c0-1.66 1.132-2.791 2.694-2.791zm.046 1.948h-.066c-.43.011-.722.122-.722.825v1.23c0 .683.215.892.742.882.468-.01.722-.239.722-.941v-1.093c0-.82-.39-.912-.742-.903z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_10_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_10_24.svg
new file mode 100644
index 0000000000..ad4f16cbd1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_10_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2 13.094c0-4.156 3.219-7.625 7.375-7.969l-.406-.406a.998.998 0 0 1 -.344-.75c0-.531.469-.969 1.031-.969.219 0 .469.063.656.219l2.282 2.312a.919.919 0 0 1 .281.688.99.99 0 0 1 -.281.718l-2.188 2.22c-.187.187-.437.28-.75.28-.531 0-.969-.468-.969-1 0-.25.094-.5.313-.687l.563-.625c-3.126.219-5.563 2.844-5.563 6 0 1.531.625 3.063 1.781 4.25a.97.97 0 0 1 .282.688c0 .562-.47 1-1 1a.97.97 0 0 1 -.688-.282 7.998 7.998 0 0 1 -2.375-5.687zm6 6.903c0-.534.435-1.004.995-1.004h.995v-4.008l-.467.282a1.042 1.042 0 0 1 -.528.157c-.56 0-.964-.47-.964-1.003 0-.314.124-.628.404-.847l1.99-1.317a1.013 1.013 0 0 1 1.554.847v5.889h1.026c.56 0 .995.47.995 1.004a.986.986 0 0 1 -.995 1.003h-4.01a.986.986 0 0 1 -.995-1.003zm10-7.997c1.781 0 3 1.348 3 3.355v2.29c0 2.007-1.219 3.355-3 3.355-1.813 0-3-1.348-3-3.324v-2.383c0-2.007 1.188-3.293 3-3.293zm0 2c-.625 0-1 .472-1 1.258v2.421c0 .85.375 1.321 1 1.321s1-.472 1-1.352v-2.296c0-.849-.375-1.352-1-1.352z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_10_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_10_32.svg
new file mode 100644
index 0000000000..7be16add6f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_10_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m4 18.99c0-6.11 5.026-11.03 11.146-10.966l-1.32-1.318a.997.997 0 0 1 -.29-.708c0-.579.45-.997.998-.997a1 1 0 0 1 .709.29l3.157 3.149c.193.193.29.45.29.708a.997.997 0 0 1 -.29.708l-3.157 3.152a1 1 0 0 1 -.709.29.983.983 0 0 1 -.998-.998c0-.257.096-.515.29-.708l1.578-1.576c-4.993-.225-9.407 3.763-9.407 8.942a8.95 8.95 0 0 0 2.223 5.918.982.982 0 0 1 .226.643c0 .579-.42 1.03-1 1.03-.289 0-.579-.13-.74-.355-1.772-1.993-2.706-4.566-2.706-7.203zm6.99-.214c0-.353.226-.74.548-.9l2.932-1.48a.993.993 0 0 1 .419-.096c.45 0 1.03.321 1.03.997v7.708h2.094c.548 0 1 .419 1 .997 0 .547-.452.998-1 .998h-5.992c-.547 0-.998-.45-.998-.998 0-.578.45-.997.998-.997h1.901v-6.068l-1.482.74a.994.994 0 0 1 -.419.096c-.547 0-1.03-.482-1.03-.997zm13.016-2.776c2.319 0 3.994 1.5 3.994 4.02v2.927c0 2.553-1.74 4.02-3.995 4.053-2.255.032-3.962-1.5-3.962-3.989v-3.087c0-2.424 1.772-3.924 3.962-3.924zm0 1.994c-1.385 0-1.997.611-1.997 1.93v3.087c0 1.448.58 2.027 1.997 2.027 1.386 0 2.03-.676 2.03-2.091v-2.927c0-1.447-.58-2.026-2.03-2.026z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_20.svg
new file mode 100644
index 0000000000..17336c2d4d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m11.352 5c.398 0 .795.119 1.135.353l4.352 3a2.003 2.003 0 0 1 0 3.294l-4.352 3a2.002 2.002 0 0 1 -3.135-1.647v-.571l-3.217 2.218a2 2 0 0 1 -3.135-1.647v-6a2.001 2.001 0 0 1 3.135-1.647l3.217 2.218v-.571a2.001 2.001 0 0 1 2-2zm0 2v6l4.352-3zm-6.352 0v6l4.352-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_24.svg
new file mode 100644
index 0000000000..e5fd455835
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m13.802 6c.398 0 .795.119 1.135.353l5.802 4a2 2 0 0 1 0 3.294l-5.802 4a2.002 2.002 0 0 1 -3.135-1.647v-1.571l-4.667 3.218a2.002 2.002 0 0 1 -3.135-1.647v-8a2.001 2.001 0 0 1 3.135-1.647l4.667 3.218v-1.571a2.001 2.001 0 0 1 2-2zm0 2v8l5.802-4zm-7.802 0v8l5.802-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_30_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_30_20.svg
new file mode 100644
index 0000000000..450b52003f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_30_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m3.64 14.825c.644 0 1.034-.546 1.034-.956 0-.469-.741-1.6-.741-2.87 0-2.694 2.05-4.724 4.548-4.958l-.683.644c-.156.195-.293.449-.293.703 0 .507.468.956.996.956.253 0 .532-.092.716-.278l2.178-2.196c.185-.186.268-.454.268-.708a.89.89 0 0 0 -.273-.644l-2.207-2.225a.942.942 0 0 0 -.682-.293 1 1 0 0 0 -.996.995.95.95 0 0 0 .293.684l.449.449a6.878 6.878 0 0 0 -6.247 6.871c0 1.386.527 3.826 1.64 3.826zm4.773-5.041c1.26 0 2.175.827 2.175 1.966 0 .413-.21.775-.63 1.084.574.32.921.807.921 1.381 0 2.461-3.001 2.606-3.987 2.654h-.048a.972.972 0 0 1 -.046-1.943c1.403-.067 2.137-.275 2.137-.614 0-.137-.086-.288-.271-.288-.505 0-.7.169-1.004.169-.488 0-.945-.434-.945-.967 0-.416.303-.782.752-.874.745-.152 1.205-.326 1.205-.466 0-.073-.09-.159-.302-.159-.588 0-.952.376-1.409.376-.495 0-.948-.442-.948-.974 0-.353.2-.701.542-.87.659-.324 1.25-.475 1.858-.475zm6.08.063c1.601 0 2.695 1.133 2.695 2.87v1.093c0 1.757-1.133 2.89-2.792 2.89-1.503 0-2.596-1.152-2.596-2.85v-1.211c0-1.66 1.132-2.791 2.694-2.791zm.047 1.948h-.066c-.43.011-.722.122-.722.825v1.23c0 .683.215.892.742.882.468-.01.722-.239.722-.941v-1.093c0-.82-.39-.912-.742-.903z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_30_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_30_24.svg
new file mode 100644
index 0000000000..5c2c6f15de
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_30_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10.788 12c1.528 0 2.638.99 2.638 2.354 0 .536-.156 1.01-.467 1.423.539.454.863 1.133.863 1.932 0 3.043-3.72 3.222-5.121 3.29l-.049.001a1 1 0 0 1 -.047-2c3.032-.146 3.205-.862 3.215-1.229v-.062c0-.131 0-.531-.6-.531-.324 0-.535.021-1.226.158a1 1 0 0 1 -.42-1.955c.556-.13 1.85-.49 1.85-1.027 0-.327-.487-.353-.636-.353-.46 0-.937.13-1.502.408a1 1 0 1 1 -.884-1.795c.85-.418 1.608-.614 2.386-.614zm-1.132-9c.219 0 .469.063.656.219l2.282 2.312a.919.919 0 0 1 .281.688.99.99 0 0 1 -.281.718l-2.188 2.22c-.187.187-.437.28-.75.28-.531 0-.969-.468-.969-1 0-.25.094-.5.313-.687l.563-.625c-3.126.219-5.563 2.844-5.563 6 0 1.531.625 3.063 1.781 4.25a.97.97 0 0 1 .282.688c0 .562-.47 1-1 1a.97.97 0 0 1 -.688-.282 7.998 7.998 0 0 1 -2.375-5.687c0-4.156 3.219-7.625 7.375-7.969l-.406-.406a.998.998 0 0 1 -.344-.75c0-.531.469-.969 1.031-.969zm8.344 9c1.781 0 3 1.348 3 3.355v2.29c0 2.007-1.219 3.355-3 3.355-1.813 0-3-1.348-3-3.324v-2.383c0-2.007 1.188-3.293 3-3.293zm0 2c-.625 0-1 .472-1 1.258v2.421c0 .85.375 1.321 1 1.321s1-.472 1-1.352v-2.296c0-.849-.375-1.352-1-1.352z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_30_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_30_32.svg
new file mode 100644
index 0000000000..f41e2d7c1e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_30_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m14.6 16c1.819 0 3.139 1.164 3.139 2.768 0 .803-.3 1.428-.742 1.916.779.528 1.259 1.409 1.259 2.466 0 3.681-4.647 3.905-6.396 3.989l-.05.001a1 1 0 0 1 -.046-1.999c3.959-.19 4.492-1.113 4.492-1.991 0-.646-.387-1.001-1.091-1.001-.446 0-.734.029-1.661.213a1 1 0 0 1 -.42-1.955c1.21-.281 2.655-.792 2.655-1.639 0-.712-.872-.768-1.14-.768-.648 0-1.314.18-2.094.565a1 1 0 0 1 -.886-1.793c1.066-.527 2.013-.772 2.98-.772zm-.066-11a1 1 0 0 1 .709.29l3.157 3.15c.193.193.29.45.29.708a.997.997 0 0 1 -.29.708l-3.157 3.152a1 1 0 0 1 -.709.29.983.983 0 0 1 -.998-.998c0-.257.096-.515.29-.708l1.578-1.576c-4.993-.225-9.407 3.763-9.407 8.942a8.95 8.95 0 0 0 2.223 5.918.982.982 0 0 1 .226.643c0 .579-.42 1.03-1 1.03-.289 0-.579-.13-.74-.355-1.772-1.993-2.706-4.566-2.706-7.203 0-6.111 5.026-11.032 11.146-10.968l-1.32-1.318a.997.997 0 0 1 -.29-.708c0-.579.45-.997.998-.997zm9.471 11c2.32 0 3.995 1.5 3.995 4.02v2.927c0 2.553-1.74 4.02-3.995 4.053-2.255.032-3.962-1.5-3.962-3.989v-3.087c0-2.424 1.772-3.924 3.962-3.924zm0 1.994c-1.385 0-1.997.611-1.997 1.93v3.087c0 1.448.58 2.027 1.997 2.027 1.386 0 2.03-.676 2.03-2.091v-2.927c0-1.447-.58-2.026-2.03-2.026z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_32.svg
new file mode 100644
index 0000000000..fbfbc5d80f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m17.703 8c.398 0 .795.119 1.135.353l8.703 6a2 2 0 0 1 0 3.294l-8.703 6a2.002 2.002 0 0 1 -3.135-1.647v-3.571l-7.568 5.218a2.003 2.003 0 0 1 -2.065.124 2.001 2.001 0 0 1 -1.07-1.771v-12a2.001 2.001 0 0 1 3.135-1.647l7.568 5.218v-3.571a2.001 2.001 0 0 1 2-2zm0 2v12l8.703-6zm-10.703 0v12l8.703-6z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_48.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_48.svg
new file mode 100644
index 0000000000..7ca1fa0275
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_48.svg
@@ -0,0 +1 @@
+<svg id="icon" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m25.506 11c.398 0 .795.119 1.135.353l15.956 11a2 2 0 0 1 0 3.294l-15.956 11a2.002 2.002 0 0 1 -3.135-1.647v-8.95l-15.371 10.597a2 2 0 0 1 -3.135-1.647v-22a2.001 2.001 0 0 1 3.135-1.647l15.37 10.597v-8.95a2.001 2.001 0 0 1 2-2zm0 2v22l15.956-11zm-18.506 0v22l15.956-11z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_64.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_64.svg
new file mode 100644
index 0000000000..d87aebe0ae
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_64.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m33.857 16c.597 0 1.193.178 1.703.53l18.857 13a3 3 0 0 1 0 4.94l-18.857 13a2.997 2.997 0 0 1 -3.098.186 3 3 0 0 1 -1.605-2.656v-9.356l-17.155 11.826a2.995 2.995 0 0 1 -3.097.186 3 3 0 0 1 -1.605-2.656v-26a3 3 0 0 1 4.702-2.47l17.155 11.826v-9.356a3 3 0 0 1 3-3zm0 3v26l18.857-13zm-21.857 0v26l18.857-13z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_empty_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_empty_20.svg
new file mode 100644
index 0000000000..23fded3600
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_empty_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m3.64 14.825c.644 0 1.034-.546 1.034-.956 0-.469-.741-1.6-.741-2.87 0-2.694 2.05-4.724 4.548-4.958l-.683.644c-.156.195-.293.449-.293.703 0 .507.468.956.996.956.253 0 .532-.092.716-.278l2.178-2.196c.185-.186.268-.454.268-.708a.89.89 0 0 0 -.273-.644l-2.207-2.225a.942.942 0 0 0 -.682-.293 1 1 0 0 0 -.996.995.95.95 0 0 0 .293.684l.449.449a6.878 6.878 0 0 0 -6.247 6.871c0 1.386.527 3.826 1.64 3.826z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_empty_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_empty_24.svg
new file mode 100644
index 0000000000..e95cade3bb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_empty_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2 13.094c0-4.156 3.219-7.625 7.375-7.969l-.406-.406a.998.998 0 0 1 -.344-.75c0-.531.469-.969 1.031-.969.219 0 .469.063.656.219l2.282 2.312a.919.919 0 0 1 .281.688.99.99 0 0 1 -.281.718l-2.188 2.22c-.187.187-.437.28-.75.28-.531 0-.969-.468-.969-1 0-.25.094-.5.313-.687l.563-.625c-3.126.219-5.563 2.844-5.563 6 0 1.531.625 3.063 1.781 4.25a.97.97 0 0 1 .282.688c0 .562-.47 1-1 1a.97.97 0 0 1 -.688-.282 7.998 7.998 0 0 1 -2.375-5.687z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_empty_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_empty_32.svg
new file mode 100644
index 0000000000..f19cf6c47d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_empty_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m4 18.99c0-6.11 5.026-11.03 11.146-10.966l-1.32-1.318a.997.997 0 0 1 -.29-.708c0-.579.45-.997.998-.997a1 1 0 0 1 .709.29l3.157 3.149c.193.193.29.45.29.708a.997.997 0 0 1 -.29.708l-3.157 3.152a1 1 0 0 1 -.709.29.983.983 0 0 1 -.998-.998c0-.257.096-.515.29-.708l1.578-1.576c-4.993-.225-9.407 3.763-9.407 8.942a8.95 8.95 0 0 0 2.223 5.918.982.982 0 0 1 .226.643c0 .579-.42 1.03-1 1.03-.289 0-.579-.13-.74-.355-1.772-1.993-2.706-4.566-2.706-7.203z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_solid_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_solid_20.svg
new file mode 100644
index 0000000000..0c9cf151f9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m12.487 5.353a2.002 2.002 0 0 0 -3.135 1.647v.571l-3.217-2.218a2.002 2.002 0 0 0 -3.135 1.647v6a2.001 2.001 0 0 0 3.135 1.647l3.217-2.218v.571a2.001 2.001 0 0 0 3.135 1.647l4.352-3a2.003 2.003 0 0 0 0-3.294z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_solid_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_solid_24.svg
new file mode 100644
index 0000000000..1dbc4ed846
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m14.937 6.353a2.002 2.002 0 0 0 -3.135 1.647v1.571l-4.667-3.218a2.002 2.002 0 0 0 -3.135 1.647v8a2.001 2.001 0 0 0 3.135 1.647l4.667-3.218v1.571a2.001 2.001 0 0 0 3.135 1.647l5.802-4a2 2 0 0 0 0-3.294z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_solid_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_solid_32.svg
new file mode 100644
index 0000000000..7fa3e253a7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m18.838 8.353a2.002 2.002 0 0 0 -3.135 1.647v3.571l-7.568-5.218a2.003 2.003 0 0 0 -2.065-.124 2.001 2.001 0 0 0 -1.07 1.771v12a2.001 2.001 0 0 0 3.135 1.647l7.568-5.218v3.571a2.001 2.001 0 0 0 3.135 1.647l8.703-6a2 2 0 0 0 0-3.294z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_solid_48.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_solid_48.svg
new file mode 100644
index 0000000000..45a808986f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_solid_48.svg
@@ -0,0 +1 @@
+<svg id="icon" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m26.64 11.353a2.002 2.002 0 0 0 -3.133 1.647v8.95l-15.372-10.597a2.002 2.002 0 0 0 -3.135 1.647v22a2.001 2.001 0 0 0 3.135 1.647l15.37-10.597v8.95a2.001 2.001 0 0 0 3.136 1.647l15.956-11a2 2 0 0 0 0-3.294l-15.956-11z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_solid_64.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_solid_64.svg
new file mode 100644
index 0000000000..fc3bd2d5c0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_fast_forward_solid_64.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m35.56 16.53a2.997 2.997 0 0 0 -3.098-.186 3 3 0 0 0 -1.605 2.656v9.356l-17.155-11.826a2.995 2.995 0 0 0 -3.097-.186 3 3 0 0 0 -1.605 2.656v26a3 3 0 0 0 4.702 2.47l17.155-11.826v9.356a3 3 0 0 0 4.703 2.47l18.857-13a3 3 0 0 0 0-4.94z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_microphone_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_microphone_20.svg
new file mode 100644
index 0000000000..e8b137c48b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_microphone_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8 18a1 1 0 0 1 -1-1c0-.513.45-1 1-1h1v-1c-2.126-.332-4.116-1.77-4.916-3.6a1 1 0 0 1 1.832-.8c.59 1.348 2.372 2.4 4.084 2.4 1.713 0 3.494-1.05 4.084-2.4a1 1 0 1 1 1.832.8c-.799 1.83-2.79 3.268-4.916 3.6v1h1a1 1 0 0 1 1 1c0 .513-.45 1-1 1zm2-16c1.598 0 3 1.34 3 3v3.5a3 3 0 0 1 -3 3c-1.598 0-3-1.34-3-3v-3.5a3 3 0 0 1 3-3zm0 2c-.513 0-1 .45-1 1v3.5a1 1 0 0 0 1 1c.513 0 1-.45 1-1v-3.5a1 1 0 0 0 -1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_microphone_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_microphone_24.svg
new file mode 100644
index 0000000000..488738bac1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_microphone_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18 10a1 1 0 0 1 1 1c0 3.528-2.606 6.516-6 7v2h2a1 1 0 0 1 1 1c0 .513-.45 1-1 1h-6a1 1 0 0 1 -1-1c0-.513.45-1 1-1h2v-2c-3.394-.484-6-3.472-6-7a1 1 0 0 1 2 0 5 5 0 0 0 10 0 1 1 0 0 1 1-1zm-6-8c1.869 0 3.5 1.57 3.5 3.5v5.5a3.5 3.5 0 0 1 -3.5 3.5c-1.869 0-3.5-1.57-3.5-3.5v-5.5a3.5 3.5 0 0 1 3.5-3.5zm0 2c-.78 0-1.5.67-1.5 1.5v5.5a1.5 1.5 0 0 0 1.5 1.5c.78 0 1.5-.67 1.5-1.5v-5.5a1.5 1.5 0 0 0 -1.5-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_microphone_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_microphone_32.svg
new file mode 100644
index 0000000000..672d5f0913
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_microphone_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m13 30a1 1 0 0 1 -1-1c0-.513.45-1 1-1h2v-4l.003-.055a9.001 9.001 0 0 1 -8.003-8.945 1 1 0 0 1 2 0 7 7 0 0 0 14 0 1 1 0 0 1 2 0 9.001 9.001 0 0 1 -8.002 8.945l.002.055v4h2a1 1 0 0 1 1 1c0 .513-.45 1-1 1zm3-28c2.689 0 4.886 2.34 5 5v8a5 5 0 0 1 -5 5c-2.689 0-4.886-2.34-5-5v-8a5 5 0 0 1 5-5zm0 2c-1.598 0-2.909 1.425-3 3v8a3 3 0 0 0 3 3c1.598 0 2.909-1.425 3-3v-8a3 3 0 0 0 -3-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_microphone_solid_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_microphone_solid_20.svg
new file mode 100644
index 0000000000..eeae6944f5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_microphone_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8 18a1 1 0 0 1 -1-1c0-.513.45-1 1-1h1v-1c-2.126-.332-4.116-1.77-4.916-3.6a1 1 0 0 1 1.832-.8c.59 1.348 2.372 2.4 4.084 2.4 1.713 0 3.494-1.05 4.084-2.4a1 1 0 1 1 1.832.8c-.799 1.83-2.79 3.268-4.916 3.6v1h1a1 1 0 0 1 1 1c0 .513-.45 1-1 1zm2-16c1.598 0 3 1.34 3 3v3.5a3 3 0 0 1 -3 3c-1.598 0-3-1.34-3-3v-3.5a3 3 0 0 1 3-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_microphone_solid_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_microphone_solid_24.svg
new file mode 100644
index 0000000000..d8ab31c438
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_microphone_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18 10a1 1 0 0 1 1 1c0 3.528-2.606 6.516-6 7v2h2a1 1 0 0 1 1 1c0 .513-.45 1-1 1h-6a1 1 0 0 1 -1-1c0-.513.45-1 1-1h2v-2c-3.394-.484-6-3.472-6-7a1 1 0 0 1 2 0 5 5 0 0 0 10 0 1 1 0 0 1 1-1zm-6-8c1.869 0 3.5 1.57 3.5 3.5v5.5a3.5 3.5 0 0 1 -3.5 3.5c-1.869 0-3.5-1.57-3.5-3.5v-5.5a3.5 3.5 0 0 1 3.5-3.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_microphone_solid_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_microphone_solid_32.svg
new file mode 100644
index 0000000000..96666c323d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_microphone_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m24 14a1 1 0 0 1 1 1c0 4.633-3.499 8.504-8 9v4h2a1 1 0 0 1 1 1c0 .513-.45 1-1 1h-6a1 1 0 0 1 -1-1c0-.513.45-1 1-1h2v-4c-4.502-.496-8-4.366-8-9a1 1 0 0 1 2 0 7 7 0 0 0 14 0 1 1 0 0 1 1-1zm-8-12a5 5 0 0 1 5 5v8a5 5 0 0 1 -10 0v-8a5 5 0 0 1 5-5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_pause_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_pause_20.svg
new file mode 100644
index 0000000000..c4da2319b1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_pause_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7 14.004v-8.008c0-.546.447-.996 1.01-.996.543 0 .99.45.99.996v8.008a.997.997 0 0 1 -.99.996c-.563 0-1.01-.45-1.01-.996zm4 0v-8.008c0-.547.447-.996.99-.996.563 0 1.01.45 1.01.996v8.008c0 .254-.117.508-.291.703a.994.994 0 0 1 -.719.293.997.997 0 0 1 -.99-.996z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_pause_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_pause_24.svg
new file mode 100644
index 0000000000..11e62ede5d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_pause_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m9 17.012v-10.047a1.01 1.01 0 0 1 1.012-.965c.54 0 .988.424.988.965v10.047a.994.994 0 0 1 -.988.988 1 1 0 0 1 -1.012-.988zm4 0v-10.047c0-.541.447-.965.988-.965s.989.424 1.012.965v10.047a1 1 0 0 1 -1.012.988.994.994 0 0 1 -.988-.988z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_pause_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_pause_32.svg
new file mode 100644
index 0000000000..28b88aa5b2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_pause_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m12 23v-14c0-.563.438-1 1-1 .563 0 1 .438 1 1v14c0 .563-.438 1-1 1-.563 0-1-.438-1-1zm6 0v-14c0-.563.438-1 1-1 .563 0 1 .438 1 1v14c0 .563-.438 1-1 1-.563 0-1-.438-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_pause_48.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_pause_48.svg
new file mode 100644
index 0000000000..f784fb43ee
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_pause_48.svg
@@ -0,0 +1 @@
+<svg id="icon" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m18 36v-24c0-.563.438-1 1-1 .563 0 1 .438 1 1v24c0 .563-.438 1-1 1-.563 0-1-.438-1-1zm10 0v-24c0-.563.438-1 1-1 .563 0 1 .438 1 1v24c0 .563-.438 1-1 1-.563 0-1-.438-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_pause_64.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_pause_64.svg
new file mode 100644
index 0000000000..2f7ec6ad98
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_pause_64.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m25.5 16a1.5 1.5 0 0 1 1.5 1.5v29a1.5 1.5 0 0 1 -3 0v-29a1.5 1.5 0 0 1 1.5-1.5zm13 0a1.5 1.5 0 0 1 1.5 1.5v29a1.5 1.5 0 0 1 -3 0v-29a1.5 1.5 0 0 1 1.5-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_play_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_20.svg
new file mode 100644
index 0000000000..722b91863d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7.035 4c.195 0 .37.059.546.176l7.697 4.448c.449.313.722.82.722 1.366 0 .547-.273 1.054-.722 1.366l-7.716 4.468a1.02 1.02 0 0 1 -.566.176c-.488 0-.996-.39-.996-.995v-9.97c0-.568.488-1.035 1.035-1.035zm.976 2.849v6.283l5.705-3.142-5.706-3.14z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_play_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_24.svg
new file mode 100644
index 0000000000..6994c14ac1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m9 5c.438 0 .813.125 1.188.376l7.937 4.948c.531.408.875 1.034.875 1.692 0 .657-.313 1.284-.875 1.66l-7.938 4.98a2.17 2.17 0 0 1 -1.156.344 2.003 2.003 0 0 1 -2.031-2.004v-9.96c0-1.066.813-2.036 2-2.036zm0 2v10l8-5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_play_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_32.svg
new file mode 100644
index 0000000000..8e42a2d82c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m11.969 7c.406 0 .812.125 1.156.344l11.031 7.031c.532.375.844.969.844 1.625s-.313 1.25-.844 1.625l-11.031 7.031c-.344.219-.75.344-1.156.344-1.094 0-1.969-.906-1.969-2v-14c0-1.094.875-2 1.969-2zm0 2 .031 14 11-7z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_play_48.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_48.svg
new file mode 100644
index 0000000000..90540429fc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_48.svg
@@ -0,0 +1 @@
+<svg id="icon" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m17.281 9c.677 0 1.354.208 1.927.573l18.886 11.719a3.286 3.286 0 0 1 1.406 2.708c0 1.094-.52 2.083-1.406 2.708l-18.886 11.719a3.624 3.624 0 0 1 -1.927.573c-1.823 0-3.281-1.51-3.281-3.333v-23.334c0-1.823 1.458-3.333 3.281-3.333zm0 2c-.655 0-1.281.52-1.281 1.333-.002 7.778-.002 15.556 0 23.334 0 .738.583 1.333 1.281 1.333.235 0 .489-.06.852-.26a955.241 955.241 0 0 1 18.807-11.666c.36-.254.56-.637.56-1.074 0-.389-.2-.85-.546-1.063-2.718-1.735-8.991-5.627-18.82-11.677a1.626 1.626 0 0 0 -.853-.26z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_play_64.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_64.svg
new file mode 100644
index 0000000000..b4f6616832
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_64.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m23.331 12a4.75 4.75 0 0 1 2.544.764l23.769 15.625a4.395 4.395 0 0 1 1.856 3.611 4.395 4.395 0 0 1 -1.856 3.611l-23.769 15.625a4.75 4.75 0 0 1 -2.544.764c-2.406 0-4.331-2.014-4.331-4.444v-31.112c0-2.43 1.925-4.444 4.331-4.444zm0 3c-.671 0-1.331.5-1.331 1.444v31.112c0 .808.616 1.444 1.331 1.444.248 0 .497-.02.92-.286a768.918 768.918 0 0 0 23.682-15.571c.47-.317.567-.715.567-1.143s-.098-.827-.567-1.144l-23.68-15.568c-.243-.156-.453-.288-.923-.288z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_play_solid_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_solid_20.svg
new file mode 100644
index 0000000000..35c623a7e4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m6 15.005v-9.97c0-.568.488-1.035 1.035-1.035.195 0 .37.059.546.176l7.697 4.448c.449.313.722.82.722 1.366 0 .547-.273 1.054-.722 1.366l-7.716 4.468a1.02 1.02 0 0 1 -.566.176c-.488 0-.996-.39-.996-.995z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_play_solid_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_solid_24.svg
new file mode 100644
index 0000000000..9ee06287c5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7 16.996v-9.96c0-1.066.813-2.036 2-2.036.438 0 .813.125 1.188.376l7.937 4.948c.531.408.875 1.034.875 1.692 0 .657-.313 1.284-.875 1.66l-7.938 4.98a2.17 2.17 0 0 1 -1.156.344 2.003 2.003 0 0 1 -2.031-2.004z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_play_solid_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_solid_32.svg
new file mode 100644
index 0000000000..ff246a1de5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m10 23v-14c0-1.094.875-2 1.969-2 .406 0 .812.125 1.156.344l11.031 7.031c.532.375.844.969.844 1.625s-.313 1.25-.844 1.625l-11.031 7.031c-.344.219-.75.344-1.156.344-1.094 0-1.969-.906-1.969-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_play_solid_48.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_solid_48.svg
new file mode 100644
index 0000000000..87e038d1a2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_solid_48.svg
@@ -0,0 +1 @@
+<svg id="icon" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m14 35.667v-23.334c0-1.823 1.458-3.333 3.281-3.333.677 0 1.354.208 1.927.573l18.886 11.719a3.286 3.286 0 0 1 1.406 2.708c0 1.094-.52 2.083-1.406 2.708l-18.886 11.719a3.624 3.624 0 0 1 -1.927.573c-1.823 0-3.281-1.51-3.281-3.333z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_play_solid_64.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_solid_64.svg
new file mode 100644
index 0000000000..dc1e151b35
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_play_solid_64.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m19 47.556v-31.112c0-2.43 1.925-4.444 4.331-4.444a4.75 4.75 0 0 1 2.544.764l23.769 15.625a4.395 4.395 0 0 1 1.856 3.611 4.395 4.395 0 0 1 -1.856 3.611l-23.769 15.625a4.75 4.75 0 0 1 -2.544.764c-2.406 0-4.331-2.014-4.331-4.444z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_20.svg
new file mode 100644
index 0000000000..89a3a27182
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14.984 4a1.02 1.02 0 0 1 1.016 1.016v9.987c0 .547-.43.997-.997.997a1.05 1.05 0 0 1 -.547-.156l-6.243-4.495a1.634 1.634 0 0 1 -.723-1.349c0-.547.274-1.055.723-1.368l6.204-4.456a1.02 1.02 0 0 1 .567-.176zm-.977 2.853-4.223 3.147 4.223 3.147zm-8.014 7.154v-8.014a1 1 0 0 0 -.996-.996c-.548 0-.997.45-.997.997v8.013a1 1 0 0 0 .997.996c.547 0 .997-.45.997-.996z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_24.svg
new file mode 100644
index 0000000000..bf12bd71a8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.956 5a2.06 2.06 0 0 1 2.044 2.044v9.912c0 1.175-.987 2.044-2.02 2.044-.423 0-.822-.14-1.175-.376l-6.453-4.956c-.54-.376-.845-1.01-.845-1.668s.305-1.292.845-1.668l6.453-4.956c.353-.235.752-.376 1.151-.376zm.044 2-6.5 5 6.5 5zm-10.003 10.003v-10.03a.993.993 0 0 0 -.987-.986c-.54 0-1.01.446-1.01.986v10.03c0 .54.446.987 1.01.987.54 0 .987-.446.987-.987z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_32.svg
new file mode 100644
index 0000000000..afafe56301
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m23.031 7c1.063 0 1.969.906 1.969 2v14c0 1.094-.875 2-1.969 2-.406 0-.812-.125-1.156-.344l-10.031-7.031a1.972 1.972 0 0 1 -.844-1.625c0-.656.313-1.25.844-1.625l10.031-7.031c.344-.219.75-.344 1.156-.344zm-.031 2-10 7 9.969 7zm-14 14v-14c0-.563-.438-1-1-1-.563 0-1 .438-1 1v14c0 .563.438 1 1 1 .563 0 1-.438 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_48.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_48.svg
new file mode 100644
index 0000000000..ab21f7d417
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_48.svg
@@ -0,0 +1 @@
+<svg id="icon" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m39 12.333v23.334c0 1.823-1.458 3.333-3.281 3.333a3.621 3.621 0 0 1 -1.927-.573l-18.885-11.719a3.285 3.285 0 0 1 -1.407-2.708c0-1.094.521-2.083 1.407-2.708l18.885-11.719a3.621 3.621 0 0 1 1.927-.573c1.823 0 3.281 1.51 3.281 3.333zm-4.134-1.073c-9.829 6.05-16.102 9.942-18.819 11.677-.347.213-.547.674-.547 1.063 0 .437.2.82.56 1.074a956.079 956.079 0 0 1 18.807 11.666c.363.2.617.26.852.26.699 0 1.281-.595 1.281-1.333.003-7.778.003-15.556 0-23.334 0-.813-.626-1.333-1.281-1.333-.282 0-.589.092-.853.26zm-23.866-1.26v28a1 1 0 0 1 -2 0v-28a1 1 0 0 1 2 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_64.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_64.svg
new file mode 100644
index 0000000000..d5180a38f4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_64.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m46.125 12.764-23.768 15.625a4.395 4.395 0 0 0 -1.857 3.611c0 1.458.688 2.778 1.857 3.611l23.768 15.625c.757.486 1.65.764 2.544.764 2.406 0 4.33-2.014 4.33-4.444v-31.112c.001-2.43-1.923-4.444-4.329-4.444-.894 0-1.787.278-2.544.764zm3.875 3.68v31.112c0 .808-.616 1.444-1.331 1.444-.248 0-.497-.019-.92-.286a770.061 770.061 0 0 1 -23.682-15.571c-.47-.317-.567-.715-.567-1.143s.098-.827.567-1.144l23.68-15.568c.242-.156.453-.288.922-.288.673 0 1.33.5 1.33 1.444zm-35-2.944v37a1.5 1.5 0 0 0 3 0v-37a1.5 1.5 0 0 0 -3 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_solid_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_solid_20.svg
new file mode 100644
index 0000000000..4183717c5e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16 15.003v-9.987c0-.508-.39-.997-1.016-1.016a1.02 1.02 0 0 0 -.567.176l-6.204 4.456a1.67 1.67 0 0 0 -.723 1.368c0 .528.274 1.055.723 1.348l6.243 4.496c.156.097.352.156.547.156.567 0 .997-.45.997-.997zm-10.006-.996v-8.014a1 1 0 0 0 -.997-.996c-.548 0-.997.45-.997.997v8.013a1 1 0 0 0 .997.996c.547 0 .997-.45.997-.996z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_solid_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_solid_24.svg
new file mode 100644
index 0000000000..b1988a7549
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19 16.956v-9.912a2.06 2.06 0 0 0 -2.044-2.044c-.399 0-.798.14-1.15.376l-6.454 4.956c-.54.376-.845 1.01-.845 1.668s.305 1.292.845 1.668l6.453 4.956c.353.235.752.376 1.175.376 1.033 0 2.02-.87 2.02-2.044zm-12.003.047v-10.03a.993.993 0 0 0 -.987-.986c-.54 0-1.01.446-1.01.986v10.03c0 .54.446.987 1.01.987.54 0 .987-.446.987-.987z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_solid_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_solid_32.svg
new file mode 100644
index 0000000000..a1cab732ff
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m25 23v-14c0-1.094-.906-2-1.969-2-.406 0-.812.125-1.156.344l-10.031 7.031a1.972 1.972 0 0 0 -.844 1.625c0 .656.313 1.25.844 1.625l10.031 7.031c.344.219.75.344 1.156.344 1.094 0 1.969-.906 1.969-2zm-16 0v-14c0-.563-.438-1-1-1-.563 0-1 .438-1 1v14c0 .563.438 1 1 1 .563 0 1-.438 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_solid_48.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_solid_48.svg
new file mode 100644
index 0000000000..c6c7022859
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_solid_48.svg
@@ -0,0 +1 @@
+<svg id="icon" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m33.792 38.427-18.885-11.719a3.285 3.285 0 0 1 -1.407-2.708c0-1.094.52-2.083 1.407-2.708l18.885-11.719a3.621 3.621 0 0 1 1.927-.573c1.823 0 3.28 1.51 3.28 3.333v23.334c.001 1.823-1.456 3.333-3.279 3.333a3.621 3.621 0 0 1 -1.927-.573zm-22.792-28.427v28a1 1 0 0 1 -2 0v-28a1 1 0 0 1 2 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_solid_64.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_solid_64.svg
new file mode 100644
index 0000000000..ce22c43349
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_backward_solid_64.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m44.125 51.236-23.768-15.625a4.395 4.395 0 0 1 -1.857-3.611c0-1.458.688-2.778 1.857-3.611l23.768-15.625a4.753 4.753 0 0 1 2.544-.764c2.406 0 4.33 2.014 4.33 4.444v31.112c.001 2.43-1.923 4.444-4.329 4.444a4.753 4.753 0 0 1 -2.544-.764zm-28.125-37.736v37a1.5 1.5 0 0 1 -3 0v-37a1.5 1.5 0 0 1 3 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_20.svg
new file mode 100644
index 0000000000..6acc9ff79f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m5.016 4c.196 0 .391.059.567.176l6.204 4.456c.45.313.723.82.723 1.368 0 .528-.274 1.055-.723 1.348l-6.243 4.496a1.05 1.05 0 0 1 -.547.156.988.988 0 0 1 -.997-.997v-9.987c0-.508.39-.996 1.016-1.016zm.978 2.853v6.294l4.222-3.147zm8.013 7.154v-8.014a1 1 0 0 1 .996-.996c.547 0 .997.45.997.997v8.013a1 1 0 0 1 -.997.996 1 1 0 0 1 -.996-.996z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_24.svg
new file mode 100644
index 0000000000..f71185b455
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.044 5c.399 0 .798.14 1.15.376l6.454 4.956c.54.376.845 1.01.845 1.668s-.305 1.292-.845 1.668l-6.453 4.956a2.113 2.113 0 0 1 -1.175.376c-1.033 0-2.02-.87-2.02-2.044v-9.912a2.06 2.06 0 0 1 2.044-2.044zm-.044 2v10l6.5-5zm10.003 10.003v-10.03c0-.54.447-.986.987-.986s1.01.446 1.01.986v10.03c0 .54-.446.987-1.01.987a.992.992 0 0 1 -.987-.987z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_32.svg
new file mode 100644
index 0000000000..e62e4023ca
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m8.969 7c.406 0 .812.125 1.156.344l10.031 7.031c.532.375.844.969.844 1.625s-.313 1.25-.844 1.625l-10.031 7.031c-.344.219-.75.344-1.156.344-1.094 0-1.969-.906-1.969-2v-14c0-1.094.906-2 1.969-2zm.031 2 .031 14 9.969-7zm14 14v-14c0-.563.438-1 1-1 .563 0 1 .438 1 1v14c0 .563-.438 1-1 1-.563 0-1-.438-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_48.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_48.svg
new file mode 100644
index 0000000000..520506c51d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_48.svg
@@ -0,0 +1 @@
+<svg id="icon" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m12.281 9c.677 0 1.354.208 1.927.573l18.886 11.719a3.286 3.286 0 0 1 1.406 2.708c0 1.094-.52 2.083-1.406 2.708l-18.886 11.719a3.624 3.624 0 0 1 -1.927.573c-1.823 0-3.281-1.51-3.281-3.333v-23.334c0-1.823 1.458-3.333 3.281-3.333zm0 2c-.655 0-1.281.52-1.281 1.333-.002 7.778-.002 15.556 0 23.334 0 .738.583 1.333 1.281 1.333.235 0 .489-.06.852-.26a955.241 955.241 0 0 1 18.807-11.666c.36-.254.56-.637.56-1.074 0-.389-.2-.85-.546-1.063-2.718-1.735-8.991-5.627-18.82-11.677a1.626 1.626 0 0 0 -.853-.26zm26.719-1v28a1 1 0 0 1 -2 0v-28a1 1 0 0 1 2 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_64.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_64.svg
new file mode 100644
index 0000000000..f7f1cdddd1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_64.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m17.331 12a4.75 4.75 0 0 1 2.544.764l23.769 15.625a4.395 4.395 0 0 1 1.856 3.611 4.395 4.395 0 0 1 -1.856 3.611l-23.769 15.625a4.75 4.75 0 0 1 -2.544.764c-2.406 0-4.331-2.014-4.331-4.444v-31.112c0-2.43 1.925-4.444 4.331-4.444zm0 3c-.671 0-1.331.5-1.331 1.444v31.112c0 .808.616 1.444 1.331 1.444.248 0 .497-.02.92-.286a768.918 768.918 0 0 0 23.682-15.571c.47-.317.567-.715.567-1.143s-.098-.827-.567-1.144l-23.68-15.568c-.243-.156-.453-.288-.923-.288zm33.669-1.5v37a1.5 1.5 0 0 1 -3 0v-37a1.5 1.5 0 0 1 3 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_solid_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_solid_20.svg
new file mode 100644
index 0000000000..108cfec891
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m4 15.003v-9.987c0-.508.39-.996 1.016-1.016.196 0 .391.059.567.176l6.204 4.456c.45.313.723.82.723 1.368 0 .528-.274 1.055-.723 1.348l-6.243 4.496a1.05 1.05 0 0 1 -.547.156.988.988 0 0 1 -.997-.997zm10.007-.996v-8.014a1 1 0 0 1 .996-.996c.547 0 .997.45.997.997v8.013a1 1 0 0 1 -.997.996 1 1 0 0 1 -.996-.996z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_solid_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_solid_24.svg
new file mode 100644
index 0000000000..338282fe4f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m5 16.956v-9.912a2.06 2.06 0 0 1 2.044-2.044c.399 0 .798.14 1.15.376l6.454 4.956c.54.376.845 1.01.845 1.668s-.305 1.292-.845 1.668l-6.453 4.956a2.113 2.113 0 0 1 -1.175.376c-1.033 0-2.02-.87-2.02-2.044zm12.003.047v-10.03c0-.54.447-.986.987-.986s1.01.446 1.01.986v10.03c0 .54-.446.987-1.01.987a.992.992 0 0 1 -.987-.987z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_solid_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_solid_32.svg
new file mode 100644
index 0000000000..4909fa64f5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m7 23v-14c0-1.094.906-2 1.969-2 .406 0 .812.125 1.156.344l10.031 7.031c.532.375.844.969.844 1.625s-.313 1.25-.844 1.625l-10.031 7.031c-.344.219-.75.344-1.156.344-1.094 0-1.969-.906-1.969-2zm16 0v-14c0-.563.438-1 1-1 .563 0 1 .438 1 1v14c0 .563-.438 1-1 1-.563 0-1-.438-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_solid_48.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_solid_48.svg
new file mode 100644
index 0000000000..29f87a0778
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_solid_48.svg
@@ -0,0 +1 @@
+<svg id="icon" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m9 35.667v-23.334c0-1.823 1.458-3.333 3.281-3.333.677 0 1.354.208 1.927.573l18.886 11.719a3.286 3.286 0 0 1 1.406 2.708c0 1.094-.52 2.083-1.406 2.708l-18.886 11.719a3.624 3.624 0 0 1 -1.927.573c-1.823 0-3.281-1.51-3.281-3.333zm30-25.667v28a1 1 0 0 1 -2 0v-28a1 1 0 0 1 2 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_solid_64.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_solid_64.svg
new file mode 100644
index 0000000000..da136d39cb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_skip_forward_solid_64.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m13 47.556v-31.112c0-2.43 1.925-4.444 4.331-4.444a4.75 4.75 0 0 1 2.544.764l23.769 15.625a4.395 4.395 0 0 1 1.856 3.611 4.395 4.395 0 0 1 -1.856 3.611l-23.769 15.625a4.75 4.75 0 0 1 -2.544.764c-2.406 0-4.331-2.014-4.331-4.444zm38-34.056v37a1.5 1.5 0 0 1 -3 0v-37a1.5 1.5 0 0 1 3 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_20.svg
new file mode 100644
index 0000000000..cef110eee7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13.008 5a2 2 0 0 1 1.992 1.992v5.996a2.005 2.005 0 0 1 -1.992 2.012h-6.016a2 2 0 0 1 -1.992-1.992v-6.016c0-1.094.898-1.992 2.012-1.992zm-.008 2h-6v6h6z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_24.svg
new file mode 100644
index 0000000000..2f74d3ecd1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m15 6a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-6a3 3 0 0 1 -3-3v-6a3 3 0 0 1 3-3zm0 2h-6c-.563 0-1 .438-1 1v6c0 .563.438 1 1 1h6c.563 0 1-.438 1-1v-6c0-.563-.438-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_32.svg
new file mode 100644
index 0000000000..bd64fef88e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m21 8a3 3 0 0 1 3 3v10a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3-3v-10a3 3 0 0 1 3-3zm0 2h-10c-.563 0-1 .438-1 1v10c0 .563.438 1 1 1h10c.563 0 1-.437 1-1v-10c0-.562-.438-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_48.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_48.svg
new file mode 100644
index 0000000000..e29c6a5464
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_48.svg
@@ -0,0 +1 @@
+<svg id="icon" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m34 11a3 3 0 0 1 3 3v20a3 3 0 0 1 -3 3h-20a3 3 0 0 1 -3-3v-20a3 3 0 0 1 3-3zm0 2h-20a1 1 0 0 0 -1 1v20a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1v-20a1 1 0 0 0 -1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_64.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_64.svg
new file mode 100644
index 0000000000..1a652c80cc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_64.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m44 16a4 4 0 0 1 4 4v24a4 4 0 0 1 -4 4h-24a4 4 0 0 1 -4-4v-24a4 4 0 0 1 4-4zm0 3h-24a1 1 0 0 0 -1 1v24a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1v-24a1 1 0 0 0 -1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_solid_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_solid_20.svg
new file mode 100644
index 0000000000..292687b3de
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m5 13.008v-6.016c0-1.094.898-1.992 2.012-1.992h5.996a2 2 0 0 1 1.992 1.992v5.996a2.005 2.005 0 0 1 -1.992 2.012h-6.016a2 2 0 0 1 -1.992-1.992z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_solid_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_solid_24.svg
new file mode 100644
index 0000000000..30ef1a5767
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m6 15v-6a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-6a3 3 0 0 1 -3-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_solid_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_solid_32.svg
new file mode 100644
index 0000000000..96c5ffa159
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m11 24a3 3 0 0 1 -3-3v-10a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v10a3 3 0 0 1 -3 3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_solid_48.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_solid_48.svg
new file mode 100644
index 0000000000..d57404a063
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_solid_48.svg
@@ -0,0 +1 @@
+<svg id="icon" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m34 11a3 3 0 0 1 3 3v20a3 3 0 0 1 -3 3h-20a3 3 0 0 1 -3-3v-20a3 3 0 0 1 3-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_solid_64.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_solid_64.svg
new file mode 100644
index 0000000000..2e1a18a9b6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_stop_solid_64.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m44 16a4 4 0 0 1 4 4v24a4 4 0 0 1 -4 4h-24a4 4 0 0 1 -4-4v-24a4 4 0 0 1 4-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_subtitles_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_subtitles_20.svg
new file mode 100644
index 0000000000..32690b255d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_subtitles_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16 4c1.125 0 2 .906 2 2v8c0 1.094-.875 2-2 2h-12c-1.094 0-2-.906-2-2v-8c0-1.094.906-2 2-2zm0 2h-12v8h12zm-10 7v-2h4v2zm6 0v-2h2v2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_subtitles_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_subtitles_24.svg
new file mode 100644
index 0000000000..287a00eb93
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_subtitles_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5 5c1.375 0 2.5 1.125 2.5 2.5v9c0 1.375-1.125 2.5-2.5 2.5h-15a2.507 2.507 0 0 1 -2.5-2.5v-9c0-1.375 1.125-2.5 2.5-2.5zm0 2h-15c-.281 0-.5.219-.5.5v9c0 .281.219.5.5.5h15c.281 0 .5-.219.5-.5v-9c0-.281-.219-.5-.5-.5zm-13.5 7c0 .563.438 1 1 1h5c.531 0 1-.438 1-1 0-.563-.469-1-1-1h-5c-.563 0-1 .438-1 1zm9 0c0 .563.469 1 1.031 1h.938c.561 0 1.031-.438 1.031-1 0-.563-.469-1-1.031-1h-.938c-.561 0-1.031.438-1.031 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_subtitles_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_subtitles_32.svg
new file mode 100644
index 0000000000..8955d30525
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_subtitles_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27 6c1.625 0 3 1.188 3 3v14c0 1.625-1.188 3-3 3h-22c-1.594 0-3-1.25-3-2.813v-14.187c0-1.594 1.188-3 3-3zm0 2h-22c-.563 0-1 .375-1 1v14c0 .5.375 1 .875 1h22.125c.5 0 1-.313 1-1v-14c0-.5-.313-1-1-1zm-20 12c0-.469.436-.984 1-.985l11-.015c.563 0 1 .438 1 1 0 .5-.313 1-1 1h-11c-.563 0-1-.438-1-1zm0-4c0-.5.375-1 1-1h8c.563 0 1 .438 1 1 0 .5-.438 1-1 1h-8c-.563 0-1-.438-1-1zm12 0c0-.5.313-1 1-1h4c.563 0 1 .438 1 1 0 .5-.313 1-1 1h-4c-.563 0-1-.438-1-1zm3 4c0-.5.438-1 1-1h1c.563 0 1 .438 1 1 0 .5-.438 1-1 1h-1c-.563 0-1-.438-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_subtitles_solid_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_subtitles_solid_20.svg
new file mode 100644
index 0000000000..486eedc95d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_subtitles_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16 4c1.125 0 2 .906 2 2v8c0 1.094-.875 2-2 2h-12c-1.094 0-2-.906-2-2v-8c0-1.094.906-2 2-2zm-.031 8h-1.969v2h1.969zm-3.969 0h-8v2h8z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_down_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_down_20.svg
new file mode 100644
index 0000000000..bb2b8b42c8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_down_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.018 4c.564 0 1.003.469 1.003 1v10c0 .563-.439 1-1.003 1-.188 0-.376-.063-.532-.156l-2.758-1.844h-.72c-1.66 0-3.008-1.344-3.008-2.969v-2c0-1.656 1.347-3.031 3.008-3.031h.72l2.758-1.813a.852.852 0 0 1 .532-.187zm-1.002 2.875-1.442.969a1.084 1.084 0 0 1 -.564.156h-1.002c-.564 0-1.003.469-1.003 1v2c0 .563.439 1 1.003 1h1.002c.22 0 .408.094.564.188l1.442.937zm2.976 5.125c0-1 1.003-1 1.003-1.969 0-1-1.003-1-1.003-2 0-.5.501-1.031 1.003-1.031 1.002-0 2.005 1.5 2.005 3.031 0 1.5-1.003 3-2.005 3-.502 0-1.003-.5-1.003-1.031z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_down_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_down_24.svg
new file mode 100644
index 0000000000..78172fc5df
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_down_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11 5c.563 0 1 .469 1 1v12c0 .563-.438 1-1 1-.188 0-.406-.031-.563-.156l-4.25-2.875h-1.687a2.487 2.487 0 0 1 -2.5-2.5v-2.969c0-1.406 1.125-2.5 2.5-2.5h1.688l4.25-2.844c.186-.093.374-.156.562-.156zm4 2c.188 0 .406.063.563.188 1.562 1.062 2.437 2.906 2.437 4.78 0 1.938-.875 3.782-2.438 4.845a.936.936 0 0 1 -.562.187c-.563 0-1-.469-1-1 0-.313.156-.625.438-.844 1.029-.719 1.562-1.906 1.562-3.156 0-1.281-.531-2.469-1.563-3.188a.982.982 0 0 1 -.437-.812c0-.563.469-1 1-1zm-5 .875-2.938 1.938a.936.936 0 0 1 -.562.187h-2c-.281 0-.5.219-.5.469v3c0 .281.219.5.5.5h2c.188 0 .406.094.563.187l2.937 1.969z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_down_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_down_32.svg
new file mode 100644
index 0000000000..c6f9b0b692
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_down_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m15 6c.5 0 1 .406 1 1v18c0 .594-.5 1-1 1a.955.955 0 0 1 -.625-.219l-5.75-4.781h-3.625c-1.594 0-3-1.25-3-2.813v-4.187a3 3 0 0 1 3-3h3.625l5.75-4.781a.955.955 0 0 1 .625-.219zm-1 3.125-4.375 3.656a1.051 1.051 0 0 1 -.625.219h-4c-.563 0-1 .438-1 1v4c0 .563.438 1 1 1h4c.219 0 .471.09.625.219l4.375 3.656zm6.656.375c2.532 1.438 3.969 3.719 3.969 6.531 0 2.782-1.438 5.094-3.969 6.532a.883.883 0 0 1 -.468.125.974.974 0 0 1 -.97-.97c0-.343.157-.655.5-.843 1.907-1.094 2.97-2.781 2.97-4.844 0-2.062-1.063-3.75-2.97-4.843a.958.958 0 0 1 -.5-.844c0-.438.345-1 .97-1 .156 0 .312.062.468.156zm-2.781 8.469c0-.969.969-.969.969-1.938-.032-.968-.938-.968-.969-1.937-.031-.5.469-.969.969-.969.968 0 1.937 1.438 1.937 2.906 0 1.469-.968 2.907-1.937 2.907-.5 0-.969-.47-.969-.97z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_mute_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_mute_20.svg
new file mode 100644
index 0000000000..50d0443f1f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_mute_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.016 4a1 1 0 0 1 .997.997v10.006c0 .567-.43.997-.997.997a.982.982 0 0 1 -.527-.156l-2.756-1.838h-.723c-1.661 0-3.01-1.348-3.01-2.97v-2.013c0-1.642 1.349-3.03 3.01-3.03h.723l2.756-1.817a.857.857 0 0 1 .527-.176zm-.996 2.873-1.446.977a1.281 1.281 0 0 1 -.567.156h-.997a1 1 0 0 0 -.997.997v1.994c0 .566.43.997.997.997h.996c.215 0 .41.097.567.195l1.446.938v-6.254z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_mute_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_mute_24.svg
new file mode 100644
index 0000000000..4ab195d965
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_mute_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.028 5c.564 0 .972.469.972 1v12c0 .563-.408 1-.972 1-.188 0-.439-.031-.564-.156l-4.264-2.875h-1.723c-1.38 0-2.477-1.094-2.477-2.5v-2.969c-0-1.406 1.097-2.5 2.477-2.5h1.723l4.263-2.844c.157-.093.376-.156.564-.156zm-1.034 2.875-2.947 1.938a.941.941 0 0 1 -.564.187h-2.006a.461.461 0 0 0 -.47.469v3c0 .281.187.5.47.5h2.006c.188 0 .407.094.564.187l2.947 1.969z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_mute_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_mute_32.svg
new file mode 100644
index 0000000000..ef782d5ba9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_mute_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m15 6c.5 0 1 .406 1 1v18c0 .593-.5 1-1 1a.955.955 0 0 1 -.625-.22l-5.75-4.78h-3.625c-1.594 0-3-1.25-3-2.813v-4.187a3 3 0 0 1 3-3h3.625l5.75-4.781a.955.955 0 0 1 .625-.219zm-1 3.125-4.375 3.655a1.08 1.08 0 0 1 -.625.22h-4c-.563 0-1 .437-1 1v4c0 .562.438 1 1 1h4c.219 0 .469.093.625.218l4.375 3.657z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_off_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_off_20.svg
new file mode 100644
index 0000000000..f1b57245a1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_off_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.97 3c.469 0 .996.312.996.976 0 .214-.059.429-.195.624l-12.041 12.098a.968.968 0 0 1 -.702.273 1.037 1.037 0 0 1 -1.034-1.015c0-.214.07-.417.234-.585l1.337-1.375c-1.395-.203-2.565-1.36-2.565-2.956v-1.99c0-1.61 1.398-3.025 2.81-3.025h.917l2.751-1.815a.992.992 0 0 1 .546-.176c.488 0 .976.39.976.878v3.669l3.551-3.571-.234-.254a.88.88 0 0 1 -.312-.702c0-.547.449-1.035 1.014-1.035.371 0 .508.118.976.586l.273-.312c.182-.208.43-.293.703-.293zm-7.96 3.883-1.132.78c-.425.294-.644.371-.878.371h-.995a.989.989 0 0 0 -.995 1.016v1.99c0 .42.315.976.995.976h.995c.2 0 .257.054.449.117l1.56-1.561v-3.689zm.39 8.936 1.6-1.6v.781c0 .585-.43 1.034-1.034 1.034-.176 0-.293-.058-.566-.214zm3.005-3.004 2.595-2.556c-.098.975-.605 1.873-1.346 2.536a.887.887 0 0 1 -.605.215c-.215 0-.351-.04-.644-.195zm1.6 3.2c0-.274.117-.566.332-.761a7.284 7.284 0 0 0 2.653-5.308c0-.546-.058-.897-.253-1.463l1.56-1.542c.45.937.664 1.971.703 3.005-.098 2.654-1.327 5.113-3.356 6.83a.908.908 0 0 1 -.605.234c-.585 0-1.034-.43-1.034-.995z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_off_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_off_24.svg
new file mode 100644
index 0000000000..e2e1f323aa
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_off_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.248 3.75a.94.94 0 0 1 .938.939c0 .305-.14.54-.328.727l-14.854 14.807a.97.97 0 0 1 -.634.258c-.516 0-.939-.445-.939-.962 0-.281.118-.516.329-.727l2.628-2.652-.211-.14h-1.69a2.474 2.474 0 0 1 -2.487-2.489v-2.98a2.46 2.46 0 0 1 2.487-2.488h1.69l4.247-2.84a.985.985 0 0 1 .564-.163c.563 0 .985.469.985 1.009v4.529l1.76-1.737a1.009 1.009 0 0 1 -.258-.657c0-.54.446-.962.962-.962.258 0 .54.164.657.258l1.103-1.103-.328-.211a1.015 1.015 0 0 1 -.493-.845c0-.54.446-.938.962-.938.164 0 .328.023.47.117l.774.493 1.009-.986a.867.867 0 0 1 .657-.258zm-9.27 4.154-2.932 1.946a1.011 1.011 0 0 1 -.563.188h-1.996a.476.476 0 0 0 -.492.47v3.003c0 .258.21.493.492.493h1.995c.188 0 .399.07.563.188l.775.516 2.159-2.136v-4.67zm-.351 10.419.797.54c.141.117.376.163.564.163.563 0 .985-.445.985-1.009v-2.041l-2.347 2.347zm5.725-5.68c-.164.963-.657 1.808-1.455 2.37a1.013 1.013 0 0 0 -.422.799c0 .516.422.962.962.962.188 0 .376-.07.54-.165 1.525-1.032 2.346-2.792 2.346-4.622a6.96 6.96 0 0 0 -.117-1.22l-1.854 1.877zm4.74-4.74a8.807 8.807 0 0 1 1.033 4.107 8.66 8.66 0 0 1 -4.318 7.486.846.846 0 0 1 -.47.14.982.982 0 0 1 -.961-.962c0-.328.188-.657.493-.82 2.065-1.221 3.355-3.45 3.355-5.844 0-.938-.188-1.854-.563-2.698l1.431-1.408z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_off_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_off_32.svg
new file mode 100644
index 0000000000..cba5def720
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_off_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27 4c.547 0 1 .4 1 1a1 1 0 0 1 -.281.711l-22.008 22a.992.992 0 0 1 -.711.289c-.546 0-1-.4-1-1 0-.258.09-.52.281-.71l4.875-4.852-.531-.438h-3.625a3 3 0 0 1 -3-3v-4a3 3 0 0 1 3-3h3.625l5.75-4.786a.933.933 0 0 1 .604-.216.994.994 0 0 1 1.021 1.002v7.594l3.719-3.75a.984.984 0 0 1 .671-1.701.99.99 0 0 1 .516.138l.25.156 2.188-2.187-.625-.375c-.328-.197-.514-.514-.514-.859 0-.54.433-1.023 1.001-1.023.165 0 .333.039.482.132l1.093.688 1.509-1.523a.986.986 0 0 1 .71-.29zm-13 5.125-4.344 3.656a1.265 1.265 0 0 1 -.656.219h-4c-.563 0-1 .438-1 1v4c0 .563.438 1 1 1h4c.219 0 .469.094.656.219l.906.781 3.438-3.406zm-1.75 14.875 2.128 1.78a.995.995 0 0 0 1.622-.78v-4.719zm7.15-2.138c0 .544.47 1.013 1.006 1.013.157 0 .34-.063.501-.155 2.624-1.504 4.093-3.876 4.093-6.72a7.318 7.318 0 0 0 -1-3.75l-1.469 1.5c.282.625.469 1.375.469 2.25 0 2.688-1.688 4.194-3.096 4.997a1 1 0 0 0 -.505.865zm2.805 4.122c0 .567.457 1.016 1.014 1.016a.91.91 0 0 0 .47-.123 12.508 12.508 0 0 0 6.311-10.877c0-2.688-.875-5.219-2.406-7.344l-1.438 1.438a10.332 10.332 0 0 1 1.844 5.906c0 3.781-2.031 7.282-5.282 9.125a.98.98 0 0 0 -.513.859z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_up_20.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_up_20.svg
new file mode 100644
index 0000000000..8dc241d23a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_up_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9 4c.563 0 1 .469 1 1v10c0 .563-.438 1-1 1-.188 0-.375-.063-.531-.156l-2.75-1.844h-.719c-1.656 0-3-1.344-3-2.969v-2c0-1.656 1.344-3.031 3-3.031h.719l2.75-1.813a.848.848 0 0 1 .531-.187zm-1 2.875-1.438.969a1.08 1.08 0 0 1 -.562.156h-1c-.563 0-1 .469-1 1v2c0 .563.438 1 1 1h1c.219 0 .406.063.563.188l1.437.936v-6.25zm4 6.094c1 0 2-1.5 2-3s-1-2.969-2-2.969c-.5 0-1 .469-1 1 0 .969 1 .969 1 1.969s-1 1-1 2c0 .5.5 1 1 1zm2 4.031c.25 0 .469-.094.656-.25a9.268 9.268 0 0 0 3.344-6.813c0-2.25-1.219-4.656-3.313-6.656a.97.97 0 0 0 -.687-.281c-.531 0-1 .469-1 1 0 .281.125.563.313.75 1.687 1.563 2.687 3.531 2.687 5.188a7.327 7.327 0 0 1 -2.656 5.312.998.998 0 0 0 -.344.75c0 .563.469 1 1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_up_24.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_up_24.svg
new file mode 100644
index 0000000000..41725d3ee6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_up_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.07 4.663c.568 0 .994.474.994 1.018v12.079c0 .568-.426 1.018-.994 1.018-.19 0-.426-.048-.569-.166l-4.286-2.889h-1.705a2.496 2.496 0 0 1 -2.51-2.511v-3.008c0-1.42 1.113-2.51 2.51-2.51h1.705l4.286-2.865c.17-.113.38-.166.569-.166zm-1.018 2.89-2.96 1.965c-.17.112-.378.189-.569.189h-2.013a.48.48 0 0 0 -.497.474v3.03a.5.5 0 0 0 .497.498h2.013c.19 0 .4.076.568.19l2.96 1.989v-8.336zm4.499 8.95c.19 0 .379-.07.545-.165 1.539-1.042 2.368-2.818 2.368-4.665s-.853-3.576-2.368-4.642a1.127 1.127 0 0 0 -.545-.166.975.975 0 0 0 -.971.971.96.96 0 0 0 .426.805c.995.664 1.516 1.824 1.516 3.032 0 1.207-.521 2.368-1.516 3.054-.26.19-.426.498-.426.806 0 .52.426.97.97.97zm1.918 2.89a.854.854 0 0 0 .474-.143 8.74 8.74 0 0 0 4.357-7.554 8.75 8.75 0 0 0 -4.357-7.578.832.832 0 0 0 -.474-.118c-.52 0-.97.403-.97.947 0 .332.189.663.496.853a6.822 6.822 0 0 1 3.387 5.896c0 2.416-1.303 4.665-3.387 5.897a.957.957 0 0 0 -.497.829c0 .52.45.97.971.97z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_up_32.svg b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_up_32.svg
new file mode 100644
index 0000000000..e6a85c4437
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/av/db_ic_volume_up_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m15 6c.5 0 1 .406 1 1v18c0 .594-.5 1-1 1a.955.955 0 0 1 -.625-.219l-5.75-4.781h-3.625c-1.594 0-3-1.249-3-2.813v-4.187a3 3 0 0 1 3-3h3.625l5.75-4.781a.955.955 0 0 1 .625-.219zm-1 3.125-4.375 3.656a1.05 1.05 0 0 1 -.625.219h-4c-.563 0-1 .438-1 1v4c0 .563.438 1 1 1h4c.219 0 .472.09.625.219l4.375 3.656zm6.406 13.75c.157 0 .344-.063.5-.156 2.564-1.469 4.094-3.813 4.094-6.719s-1.531-5.25-4.094-6.719a1.038 1.038 0 0 0 -.5-.156c-.531 0-1 .469-1 1 0 .375.188.688.5.875 2 1.125 3.094 2.875 3.094 5s-1.094 3.875-3.094 5a1.007 1.007 0 0 0 .5 1.875zm2.814 4.125a.881.881 0 0 0 .468-.125 12.489 12.489 0 0 0 6.312-10.875c0-4.563-2.438-8.656-6.313-10.875a.881.881 0 0 0 -.467-.125c-.563 0-1 .438-1 1 0 .344.156.688.5.875 3.249 1.844 5.28 5.313 5.28 9.125 0 3.813-2.031 7.281-5.281 9.125-.344.188-.5.531-.5.875 0 .531.437 1 1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/brand/db_ic_logo_20.svg b/review/refactor-icon-update/icons/functional/images/brand/db_ic_logo_20.svg
new file mode 100644
index 0000000000..a3f26ca537
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/brand/db_ic_logo_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16.388 4a1.587 1.587 0 0 1 1.612 1.581v7.994a1.619 1.619 0 0 1 -1.612 1.625h-12.788a1.612 1.612 0 0 1 -1.6-1.625v-7.994a1.581 1.581 0 0 1 1.6-1.58zm0 1.138h-12.788a.419.419 0 0 0 -.431.443v7.994a.425.425 0 0 0 .431.45h12.794a.437.437 0 0 0 .45-.45l-.006-7.994a.438.438 0 0 0 -.45-.443zm-2.688.806c1.294 0 2.081.706 2.081 1.775a1.831 1.831 0 0 1 -1.28 1.712l.004-.002.122.021a1.744 1.744 0 0 1 1.37 1.603l.003.147c0 1.438-.994 2.063-2.819 2.063h-2.587v-7.32zm-6.8-.025c1.875 0 2.944 1.2 2.944 3.631 0 2.15-.719 3.7-2.944 3.713h-2.706v-7.344zm-.55 1.169h-.394v5h.625c.944-.025 1.513-.763 1.513-2.375 0-1.475-.163-2.625-1.744-2.625zm6.775 3.1h-.769v1.875h.785c.301-.003 1.115-.053 1.115-.95 0-.4-.218-.925-1.13-.925zm-.206-3.125h-.544v1.775h.688a.869.869 0 0 0 .956-.894c0-.613-.3-.881-1.1-.881z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/brand/db_ic_logo_24.svg b/review/refactor-icon-update/icons/functional/images/brand/db_ic_logo_24.svg
new file mode 100644
index 0000000000..d51133d87c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/brand/db_ic_logo_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.978 5.002a2 2 0 0 1 2.022 1.986v10a2.03 2.03 0 0 1 -2.022 2.014h-15.978a2.007 2.007 0 0 1 -2-2.014v-10a1.978 1.978 0 0 1 2-1.956h15.978zm0 1.424h-15.978a.532.532 0 0 0 -.54.562v10.03a.532.532 0 0 0 .54.561h15.978a.547.547 0 0 0 .561-.562v-10.03a.547.547 0 0 0 -.561-.561zm-11.858.981c2.36 0 3.678 1.498 3.678 4.54 0 2.658-.9 4.621-3.678 4.636v.03h-3.378v-9.206zm8.48.022c1.617 0 2.599.907 2.599 2.248a2.247 2.247 0 0 1 -1.596 2.142l.06-.02.097.015a2.173 2.173 0 0 1 1.752 2.033l.001.16c0 1.827-1.273 2.576-3.52 2.576h-3.244v-9.154zm-9.2 1.469h-.464v6.217h.802c1.16-.03 1.843-.951 1.843-2.966v.03c0-1.843-.203-3.281-2.18-3.281zm8.503 3.842h-.967v2.345h.957c.388-.003 1.425-.054 1.425-1.184 0-.502-.277-1.16-1.415-1.16zm-.285-3.917h-.682v2.224h.862a1.101 1.101 0 0 0 1.206-1.123c0-.757-.382-1.101-1.386-1.101z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/brand/db_ic_logo_32.svg b/review/refactor-icon-update/icons/functional/images/brand/db_ic_logo_32.svg
new file mode 100644
index 0000000000..70b3c2088b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/brand/db_ic_logo_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27.17 6a2.79 2.79 0 0 1 2.83 2.77v14a2.84 2.84 0 0 1 -2.83 2.83h-22.37a2.81 2.81 0 0 1 -2.8-2.83v-14a2.76 2.76 0 0 1 2.8-2.77zm-22.37 2a.74.74 0 0 0 -.8.77v14a.75.75 0 0 0 .8.79h22.41a.77.77 0 0 0 .79-.79l-.04-13.99a.76.76 0 0 0 -.79-.78zm17.64 1.38c2.26 0 3.64 1.23 3.64 3.11a3.2 3.2 0 0 1 -2.24 3 3.07 3.07 0 0 1 2.69 3.11c0 2.55-1.74 3.61-4.93 3.61h-4.54v-12.83zm-11.87-.02c3.3 0 5.15 2.1 5.15 6.36 0 3.72-1.26 6.46-5.15 6.49h-4.73v-12.85zm10.89 7.48h-1.34v3.27h1.317c.53-.002 2.013-.06 2.023-1.65 0-.7-.4-1.62-2-1.62zm-11.85-5.44h-.69v8.71h1.08c1.66 0 2.61-1.29 2.61-4.11 0-2.58-.28-4.6-3-4.6zm11.46-.05h-.95v3.11h1.2a1.53 1.53 0 0 0 1.68-1.57c0-1.07-.53-1.54-1.93-1.54z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/brand/db_ic_logo_48.svg b/review/refactor-icon-update/icons/functional/images/brand/db_ic_logo_48.svg
new file mode 100644
index 0000000000..e49ee9f811
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/brand/db_ic_logo_48.svg
@@ -0,0 +1 @@
+<svg id="icon" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m41.553 9a4.384 4.384 0 0 1 4.447 4.353v22a4.463 4.463 0 0 1 -4.447 4.447h-35.153a4.416 4.416 0 0 1 -4.4-4.447v-22a4.338 4.338 0 0 1 4.4-4.353zm-35.153 3.143a1.163 1.163 0 0 0 -1.257 1.21v22.144a1.179 1.179 0 0 0 1.257 1.098h35.216a1.21 1.21 0 0 0 1.241-1.242l-.063-21.984a1.194 1.194 0 0 0 -1.241-1.226zm27.72 2.169c3.551 0 5.72 1.933 5.72 4.887a5.029 5.029 0 0 1 -3.52 4.714 4.824 4.824 0 0 1 4.227 4.887c0 4.007-2.734 5.673-7.747 5.673h-7.134v-20.161zm-18.653-.032c5.186 0 8.093 3.3 8.093 9.995 0 5.845-1.98 10.151-8.093 10.198h-7.433v-20.193zm17.113 11.755h-2.106v5.138h2.05c.815-.002 3.184-.076 3.199-2.593 0-1.1-.629-2.545-3.143-2.545zm-18.621-8.549h-1.085v13.687h1.697c2.609 0 4.102-2.027 4.102-6.458 0-4.055-.44-7.229-4.714-7.229zm18.008-.078h-1.493v4.887h1.886a2.404 2.404 0 0 0 2.64-2.467c0-1.682-.833-2.42-3.033-2.42z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/brand/db_ic_logo_64.svg b/review/refactor-icon-update/icons/functional/images/brand/db_ic_logo_64.svg
new file mode 100644
index 0000000000..b10dcbd7a6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/brand/db_ic_logo_64.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m55.936 11a5.979 5.979 0 0 1 6.064 5.936v30a6.086 6.086 0 0 1 -6.064 6.064h-47.936a6.021 6.021 0 0 1 -6-6.064v-30a5.915 5.915 0 0 1 6-5.936zm-47.936 4.286a1.586 1.586 0 0 0 -1.714 1.65v30a1.607 1.607 0 0 0 1.714 1.693h48.021a1.65 1.65 0 0 0 1.693-1.693l-.085-29.978a1.629 1.629 0 0 0 -1.693-1.672zm37.8 2.957c4.843 0 7.8 2.636 7.8 6.664a6.857 6.857 0 0 1 -4.8 6.429 6.579 6.579 0 0 1 5.764 6.664c0 5.465-3.728 7.736-10.564 7.736h-9.728v-27.493zm-25.436-.043c7.072 0 11.036 4.5 11.036 13.629 0 7.971-2.7 13.843-11.036 13.907h-10.134v-27.536h10.135zm23.336 16.03h-2.87v7.007h2.77c1.089-.002 4.364-.08 4.385-3.536 0-1.5-.857-3.471-4.286-3.471zm-25.393-11.658h-1.477v18.664h2.314c3.557 0 5.593-2.764 5.593-8.807 0-5.529-.6-9.857-6.429-9.857zm24.557-.107h-2.034v6.664h2.57a3.279 3.279 0 0 0 3.6-3.364c0-2.293-1.136-3.3-4.136-3.3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_call_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_call_20.svg
new file mode 100644
index 0000000000..735edc7ae0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_call_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m6.084 2c.533 0 1.065.178 1.46.592l2.386 2.407c.316.315.454.69.454 1.085 0 .434-.178.868-.494 1.183l-.808.81c.987 1.286 1.298 1.66 2.525 2.564l.868-.868c.316-.316.73-.434 1.105-.434.394 0 .77.158 1.085.454l2.367 2.406c.414.415.592.947.592 1.48 0 1.46-2.269 3.748-4.084 3.748-4.744 0-11.166-6.419-11.166-10.968.001-2.084 1.93-4.459 3.71-4.459zm-.022 1.918c-.037-.004-.096.015-.156.055-.828.394-1.598 1.558-1.598 2.486 0 3.386 5.692 9.015 8.898 9.015 1.026 0 1.558-.453 2.407-1.499.158-.237.118-.335.059-.434l-2.091-2.11-1.184 1.143c-.197.158-.414.296-.69.296-1.07 0-4.834-3.754-4.834-4.912 0-.257.079-.474.276-.651l1.145-1.184-2.111-2.15a.151.151 0 0 0 -.121-.055z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_call_24.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_call_24.svg
new file mode 100644
index 0000000000..b218831409
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_call_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.033 2.5c.865 0 1.496.304 2.034.841l2.71 2.735c.328.35.491.794.491 1.309a2.05 2.05 0 0 1 -.63 1.495l-1.613 1.636c1.262 1.683 1.753 2.197 3.599 3.67l1.59-1.636c.42-.444.957-.655 1.518-.655.421 0 .888.117 1.192.444l2.781 2.828a2.83 2.83 0 0 1 .795 1.917 3.45 3.45 0 0 1 -.865 2.15c-1.449 1.682-2.71 2.547-4.72 2.547-2.571 0-5.633-1.566-8.741-4.744-3.32-3.483-4.885-6.614-4.651-9.419.233-2.524 2.78-5.118 4.51-5.118zm.117 1.987c-1.075 0-2.617 1.963-2.71 3.201-.351 4.791 7.268 12.153 11.287 12.153 1.613 0 2.22-.467 3.46-1.87.256-.28.373-.584.373-.887a.818.818 0 0 0 -.21-.561l-2.688-2.711-2.243 2.267c-.187.187-.374.303-.585.303-.748 0-2.617-1.589-3.552-2.5-.795-.795-2.454-2.828-2.454-3.483 0-.584.841-1.262 2.547-2.991l-2.71-2.711a.687.687 0 0 0 -.515-.21z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_call_32.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_call_32.svg
new file mode 100644
index 0000000000..f55e6006f2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_call_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m7.869 2.5c.967 0 1.966.374 2.715 1.122l3.153 3.056a3.828 3.828 0 0 1 1.122 2.705c0 .998-.375 1.997-1.125 2.715l-1.5 1.467c1.25 1.623 4.72 5.12 6.25 6.212l1.657-1.654c.625-.625 1.53-.906 2.437-.906 1.031 0 2.053.342 2.802 1.09l3.027 3.087c.75.748 1.093 1.683 1.093 2.681 0 .904-.312 1.87-.999 2.619-1.81 2.12-3.246 2.806-5.306 2.806-3.59 0-8.24-2.525-13.242-7.476-4.956-4.994-7.453-9.64-7.453-13.194 0-2.245.812-3.648 2.934-5.456a3.767 3.767 0 0 1 2.436-.874zm.031 1.964c-.5 0-.999.187-1.342.5-1.686 1.496-2.154 2.336-2.154 3.864 0 2.962 2.31 7.171 6.924 11.853 4.625 4.609 8.87 6.885 11.867 6.885 1.467 0 2.372-.436 3.87-2.151.344-.437.5-.904.5-1.34 0-.5-.188-.967-.53-1.342l-3.02-3.05a1.8 1.8 0 0 0 -1.312-.563 1.83 1.83 0 0 0 -1.25.469l-2.187 2.153a.97.97 0 0 1 -.688.281 1.05 1.05 0 0 1 -.531-.156c-1.563-1.061-2.969-2.247-4.313-3.558a29.324 29.324 0 0 1 -3.562-4.308 1.077 1.077 0 0 1 -.156-.562c0-.25.093-.499.28-.686l2.063-1.998c.407-.375.594-.874.594-1.373 0-.469-.187-.968-.594-1.343l-3.086-3.014a1.938 1.938 0 0 0 -1.373-.56z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_call_solid_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_call_solid_20.svg
new file mode 100644
index 0000000000..dd4f44c2cd
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_call_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2.375 6.459c0 4.438 6.47 10.968 10.83 10.968 2.013 0 4.42-1.953 4.42-3.748 0-.533-.178-1.065-.592-1.48l-1.4-1.42c-.316-.316-.691-.473-1.086-.473a1.69 1.69 0 0 0 -1.183.493l-1.44 1.44c-1.677-1.342-2.822-2.545-4.44-4.38l1.44-1.46a1.69 1.69 0 0 0 .494-1.183c0-.355-.118-.73-.375-1.006l-1.46-1.58c-.433-.452-.966-.63-1.539-.63-1.736 0-3.669 2.387-3.669 4.459z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_chat_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_chat_20.svg
new file mode 100644
index 0000000000..ce9d3350b7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_chat_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 17.063c0 .508.507.859.995.859a.926.926 0 0 0 .683-.273l2.341-2.361c.196-.215.566-.288.781-.288h8.82c1.287 0 2.38-1.234 2.38-2.541v-8.156c0-1.25-1.151-2.303-2.478-2.303h-10.946c-1.483 0-2.576 1.151-2.576 2.459zm2.01-2.536-.01-10.527h12v9h-9.337c-.8 0-1.424.298-1.97.844zm1.99-5.527v2h8v-2zm0-3v2l8-.01v-1.99z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_chat_24.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_chat_24.svg
new file mode 100644
index 0000000000..a43027088c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_chat_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.995 2c1.62 0 3.005 1.22 3.005 2.793v10.188c0 1.597-1.22 3.005-2.817 3.005h-11.243c-.188 0-.423.047-.587.211l-3.663 3.521a.957.957 0 0 1 -.68.282c-.51 0-1.01-.5-1.01-1v-16c0-1.677 1.37-3 3-3zm-14.01 1.995c-.538 0-.985.505-.985 1.005v13.643l1.854-1.83c.47-.423 1.08-.799 1.69-.799l11.456-.014c.54 0 1-.484 1-1v-10c0-.493-.484-1-1-1l-14.014-.005zm12.015 7.005c.565 0 1 .437 1 1s-.482 1-1 1l-10.012-.005c-.565 0-.988-.446-.988-1.01 0-.563.506-.985 1-.985zm.012-4a1 1 0 0 1 -.012 2l-10.012-.005c-.565 0-.988-.395-.988-.995s.506-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_chat_32.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_chat_32.svg
new file mode 100644
index 0000000000..afc448ff15
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_chat_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27 2c1.594 0 3 1.436 3 2.997v15.026c0 1.623-1.332 2.972-3 2.984h-17.156c-.25 0-.469.062-.625.218l-5.281 5.245c-.313.313-.72.531-1.094.531a.865.865 0 0 1 -.844-.875v-23.13c0-1.59 1.332-2.996 3.003-2.996zm.125 1.998h-22.125c-.5 0-1 .374-1 .874v20.726l3.688-3.746c.467-.468 1.062-.852 1.936-.852h17.376c.5 0 1-.375 1-.874v-15.13c0-.499-.375-.998-.875-.998zm-20.125 11c0-.498.406-.998 1-.998h16c.563 0 1 .437 1 .999 0 .5-.375.999-.875.999h-16.125c-.563 0-1-.437-1-1zm0-5c0-.498.438-.998 1-.998h16c.563 0 1 .437 1 .999 0 .5-.375.999-.875.999h-16.125c-.563 0-1-.437-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_chat_solid_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_chat_solid_20.svg
new file mode 100644
index 0000000000..9666d7ae24
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_chat_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.522 2c1.385 0 2.497 1.094 2.478 2.5l-.078 7.966c-.02 1.367-1.093 2.5-2.459 2.5h-8.858c-.137 0-.254.02-.351.117l-2.556 2.577c-.196.215-.45.274-.683.274-.547 0-1.015-.371-1.015-.996l.078-12.478c0-1.366 1.112-2.46 2.498-2.46zm-.522 7h-10v2h10zm0-4h-10v2h10z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_conversation_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_conversation_20.svg
new file mode 100644
index 0000000000..2addaad8ca
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_conversation_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 17v-10c0-.495.4-1 1-1s1 .5 1 1l.01 8.112 1.19-.78c.312-.195.624-.332 1.112-.332h6.688c.5 0 1 .4 1 1s-.466 1.01-1 1l-6.688-.01-2.751 1.854c-.176.078-.37.156-.546.156-.508 0-1.015-.298-1.015-1zm13.99-15c1.093 0 2.01.917 2.01 2.01v8.995c0 .585-.507.995-1.015.995a.975.975 0 0 1 -.546-.156l-2.751-1.854h-5.678c-1.093 0-2.01-.897-2.01-1.99v-5.99c0-1.093.917-2.01 2.01-2.01zm0 2.01h-7.98v5.99h5.678c.41 0 .78.117 1.112.351l1.19.78z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_conversation_24.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_conversation_24.svg
new file mode 100644
index 0000000000..d4cf4e060e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_conversation_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m3.031 22a.98.98 0 0 0 .688-.281l3.414-3.416a.968.968 0 0 1 .686-.281h5.335c1.56 0 2.84-1.342 2.84-3.027a.999.999 0 0 0 -.994-.995c-.562 0-1.003.465-1.003.995 0 .655-.5 1.03-.999 1.03h-5.335c-.718 0-1.435.343-1.966.874l-1.697 1.695v-7.564c0-.686.5-1.03 1-1.03.656 0 1.01-.496 1.01-.964 0-.562-.448-1.036-1.01-1.036-1.781 0-3 1.375-3 3.031v10.063c.063.562.531.906 1.031.906zm15.969-20c1.656 0 3 1.313 3 2.969v10.031c0 .594-.469 1-1.031 1a1.09 1.09 0 0 1 -.688-.281l-3.414-3.407c-.187-.187-.436-.312-.686-.312h-5.18c-1.653 0-2.995-1.342-2.995-2.964l-.006-4.067c0-1.657 1.344-2.969 3-2.969zm.094 1.969h-8.094c-.563 0-1 .469-1 1l.003 4.067c0 .53.437.967.999.967h5.179c.78 0 1.529.343 2.122.874l1.697 1.717v-7.625c0-.5-.375-1-.906-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_conversation_32.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_conversation_32.svg
new file mode 100644
index 0000000000..76e353a3d5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_conversation_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m6 9c.563 0 1 .438 1 1 0 .5-.375 1-1 1h-1c-.5 0-1 .375-1 1v14.594l2.719-2.719c.5-.5 1.187-.875 1.906-.875h9.375c.5 0 1-.375 1-1v-1c0-.563.438-1 1-1 .5 0 1 .375 1 1v1c0 1.594-1.25 3-2.813 3h-9.342c-.25 0-.531.094-.719.281l-4.219 4.25c-.187.188-.625.469-1.125.469-.438 0-.782-.469-.782-1v-17c0-1.594 1.25-3 3-3zm21-7a3 3 0 0 1 3 3v17c0 .594-.5 1-1.031 1a.94.94 0 0 1 -.688-.281l-4.406-4.438a.97.97 0 0 0 -.688-.281h-11.187a3 3 0 0 1 -3-3v-10a3 3 0 0 1 3-3zm.125 2h-15.125c-.563 0-1 .438-1 1v10c0 .563.438 1 1 1h11.188c.78 0 1.53.313 2.093.875l2.719 2.719v-14.594c0-.5-.375-1-.875-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_conversation_solid_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_conversation_solid_20.svg
new file mode 100644
index 0000000000..b4c3cb4d7e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_conversation_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.99 2c1.093 0 2.01.898 2.01 1.99v9.015c0 .82-.917 1.288-1.561.858l-2.751-1.853h-1.698v.995c0 1.073-.839 2.01-1.873 2.01h-4.702l-1.698 1.717c-.546.566-1.717.273-1.717-.722v-8c0-1.054.858-1.99 1.873-1.99h.137v-2.03c0-.975.683-1.99 1.99-1.99zm.01 2h-10v6.03h7.695c.332 0 .723.058.996.253l1.309.857z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_fax_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_fax_20.svg
new file mode 100644
index 0000000000..f20b2eb6ef
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_fax_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13.093 2c.25 0 .5.156.625.25l2.031 2.062.073.099c.112.172.177.381.177.589v3h.407c1 0 1.594.875 1.594 1.844v5.344c0 .937-.625 1.812-1.594 1.812h-9.186c-.55.609-1.337 1-2.22 1-1.654 0-3-1.346-3-3v-6c0-1.654 1.346-3 3-3v-2.219c0-1.031.812-1.781 1.812-1.781zm-8.094 6a1 1 0 0 0 -1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0 -1-1zm11 2h-8v5h8zm-2.5 1.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-3 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm1.5-7.5h-5v2.78c.367.331.647.746.816 1.22h6.184v-2h-1.031c-.531 0-.969-.5-.969-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_fax_24.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_fax_24.svg
new file mode 100644
index 0000000000..2cd0b6087f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_fax_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.093 2c.25 0 .5.156.625.25l3.031 3.062c.156.188.25.438.25.688l.002 3.183c1.163.414 2 1.513 2 2.817v4.999a3 3 0 0 1 -3.001 3.001h-9.065c-.267 1.171-1.357 2-2.747 2-1.217 0-5.188-.579-5.188-8.031 0-5.645 2.154-7.38 4-7.83v-2.358c0-1.031.812-1.781 1.812-1.781zm-8.906 5.999c-2.438 0-3.188 2.75-3.188 5.969 0 3.593 1.063 6.031 3.188 6.031.437 0 .812-.187.812-.562v-1.75c0-.187-.093-.312-.312-.312h-.469c-.875 0-1.219-1-1.219-3.406 0-2.25.344-3.375 1.219-3.375h.5c.187 0 .281-.157.281-.314v-1.781c0-.375-.406-.5-.812-.5zm11.811 3.003h-9.115a2.25 2.25 0 0 1 -1.812 1.567c-.038.292-.072.737-.072 1.401 0 .681.031 1.136.067 1.435 1.125.171 1.933 1.096 1.933 2.284v.312h8.999c.552 0 1.001-.449 1.001-.999v-4.999c0-.552-.449-1.001-1.001-1.001zm-3.987 3.998c.541 0 .988.442.988 1s-.447 1-.988 1h-.023a.993.993 0 0 1 -.988-1c0-.558.447-1 .988-1zm3 0c.541 0 .988.442.988 1s-.447 1-.988 1h-.023a.993.993 0 0 1 -.988-1c0-.558.447-1 .988-1zm-3-3c.541 0 .988.442.988 1s-.447 1-.988 1h-.023a.993.993 0 0 1 -.988-1c0-.558.447-1 .988-1zm3 0c.541 0 .988.442.988 1s-.447 1-.988 1h-.023a.993.993 0 0 1 -.988-1c0-.558.447-1 .988-1zm-3.012-8h-7v2.102c1.311.311 2 1.355 2 2.398v.5h8v-2h-2.031c-.531 0-.969-.5-.969-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_fax_32.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_fax_32.svg
new file mode 100644
index 0000000000..d6f8f28e49
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_fax_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m21.023 2c.289 0 .529.111.706.289l3.982 4.014a.998.998 0 0 1 .289.706l-.001 5.992a3.01 3.01 0 0 1 3 3.002v7.995a3.011 3.011 0 0 1 -3.002 3.002h-14.169v.282c0 .274-.088 2.718-3.15 2.718-3.506 0-5.678-3.871-5.678-10.042 0-7.796 2.876-9.619 5-9.907v-5.803c0-1.253.996-2.248 2.248-2.248zm-12.344 10c-2.653 0-3.686 3.428-3.686 7.958 0 3.991 1.127 8.005 3.686 8.005.61 0 1.15-.094 1.15-.681v-2.535c0-.352-.305-.634-.681-.634h-.822c-.962 0-1.338-1.221-1.338-4.132 0-2.558.352-4.131 1.338-4.131h.822c.376 0 .681-.282.681-.634v-2.535c0-.54-.446-.681-1.15-.681zm17.318 3h-14.169v.216c0 1.452-1.203 2.634-2.681 2.634h-.02c-.069.38-.14 1.034-.14 2.131s.058 1.75.119 2.132h.041c1.478 0 2.681 1.182 2.681 2.634v.253h14.171c.543 0 1.002-.459 1-1.003v-7.995c0-.543-.459-1.002-1.002-1.002zm-7.985 6c.541 0 .988.442.988 1s-.447 1-.988 1h-.023a.993.993 0 0 1 -.988-1c0-.558.447-1 .988-1zm6 0c.541 0 .988.442.988 1s-.447 1-.988 1h-.023a.993.993 0 0 1 -.988-1c0-.558.447-1 .988-1zm-3 0c.541 0 .988.442.988 1s-.447 1-.988 1h-.023a.993.993 0 0 1 -.988-1c0-.558.447-1 .988-1zm-3-3c.541 0 .988.442.988 1s-.447 1-.988 1h-.023a.993.993 0 0 1 -.988-1c0-.558.447-1 .988-1zm6 0c.541 0 .988.442.988 1s-.447 1-.988 1h-.023a.993.993 0 0 1 -.988-1c0-.558.447-1 .988-1zm-3 0c.541 0 .988.442.988 1s-.447 1-.988 1h-.023a.993.993 0 0 1 -.988-1c0-.558.447-1 .988-1zm-1.956-14h-8.817a.253.253 0 0 0 -.257.257v5.931c1.779.568 1.846 2.265 1.846 2.493v.319h12.172v-3.991h-3.949a1 1 0 0 1 -.995-.995zm1.944.409v2.601h2.569z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_feedback_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_feedback_20.svg
new file mode 100644
index 0000000000..35ad12c10b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_feedback_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.412 2c1.51 0 2.588 1.132 2.588 2.499v8.003a2.509 2.509 0 0 1 -2.51 2.498h-8.647c-.294 0-.549.079-.725.274l-2.412 2.44c-.627.624-1.706.156-1.706-.722v-12.493c0-1.367 1.137-2.499 2.53-2.499zm.588 2h-12v10.6l.727-.685c.53-.508 1.217-.876 1.944-.915h9.329zm-7.075 7.093c0 .625.51 1.093 1.098 1.093s1.098-.468 1.098-1.093a1.12 1.12 0 0 0 -1.098-1.093c-.588 0-1.098.508-1.098 1.093zm.075-2.091v-4.002h2v4.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_feedback_24.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_feedback_24.svg
new file mode 100644
index 0000000000..0f221ad935
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_feedback_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.995 2a3.026 3.026 0 0 1 3.005 3.005v10c0 1.643-1.361 2.98-3.005 2.98h-11.033a.956.956 0 0 0 -.704.283l-3.568 3.45a.94.94 0 0 1 -.68.282c-.518 0-1.01-.4-1.01-1.01v-15.984a3.026 3.026 0 0 1 3.005-3.006zm0 2.019h-13.99a.963.963 0 0 0 -.986.986v13.709l1.854-1.808c.54-.493 1.197-.822 1.902-.845h11.22c.564 0 .986-.446.986-1.01v-10.045a.963.963 0 0 0 -.986-.986zm-6.995 1.981c.558 0 1 .462 1 1.015v2.516c0 .577-.419.969-1 .969-.558 0-1-.415-1-.97v-2.514c0-.485.349-1.016 1-1.016zm.024 7.925c.633 0 1.173-.493 1.173-1.15 0-.61-.54-1.127-1.173-1.127-.61 0-1.15.516-1.15 1.127 0 .657.54 1.15 1.15 1.15z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_feedback_32.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_feedback_32.svg
new file mode 100644
index 0000000000..fa7949b242
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_feedback_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27 2c1.563 0 3 1.156 3 3v15c0 1.563-1.123 3-3 3h-17.156c-.281 0-.485.046-.719.281l-5.406 5.439a1.04 1.04 0 0 1 -.719.28c-.469 0-1-.374-1-1v-23c0-1.563 1.254-3 3-3zm0 2h-22c-.469 0-1 .25-1 1v20.594l3.688-3.719c.605-.612 1.24-.875 2.156-.875h17.156c.469 0 1-.281 1-1v-15c0-.469-.372-1-1-1zm-11 2c.469 0 1 .324 1 1.031v5.969c0 .562-.438 1-1 1-.5 0-1-.469-1-1v-5.969c0-.561.438-1.031 1-1.031zm.05 12.363c.778 0 1.4-.616 1.4-1.385 0-.77-.622-1.416-1.4-1.416s-1.4.647-1.4 1.416c0 .77.622 1.384 1.4 1.384z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_feedback_solid_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_feedback_solid_20.svg
new file mode 100644
index 0000000000..6eb898a64b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_feedback_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.569 2c1.371 0 2.431 1.132 2.431 2.498v8a2.509 2.509 0 0 1 -2.51 2.497h-8.863a.492.492 0 0 0 -.352.156l-2.569 2.556a.987.987 0 0 1 -.686.293c-.51 0-1.02-.41-1.02-1.015v-12.487c0-1.366 1.196-2.498 2.588-2.498h10.98zm-5.564 8c-.592 0-1.105.489-1.105 1.115s.513 1.135 1.105 1.135a1.14 1.14 0 0 0 1.145-1.135c0-.626-.513-1.115-1.145-1.115zm.995-6h-2v4.995h2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_mail_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_mail_20.svg
new file mode 100644
index 0000000000..e8ac9be23e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_mail_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16 4c1.094 0 2 .875 2 2v8c0 1.094-.906 2-2 2h-12c-1.094 0-2-.906-2-2v-8c0-1.094.906-2 2-2zm0 4.25-6 4.5-6-4.469v5.719h12zm-.344-2.25h-11.344l5.688 4.25z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_mail_24.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_mail_24.svg
new file mode 100644
index 0000000000..399de59253
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_mail_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.979 5c1.13 0 1.99.909 1.99 1.99v9.038a2.972 2.972 0 0 1 -2.998 2.972h-13.974a2.972 2.972 0 0 1 -2.997-2.972v-9.038c0-1.08.884-1.99 2.014-1.99h15.966zm-15.965 3.218v7.81c0 .54.442.983.983.983h14a.99.99 0 0 0 1.007-.983v-7.761l-5.87 5.847c-.623.62-1.352.98-2.113.98-.737 0-1.434-.317-2.02-.902zm14.418-1.229h-12.822l5.67 5.702c.197.198.469.296.716.296a.879.879 0 0 0 .641-.246l5.794-5.752z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_mail_32.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_mail_32.svg
new file mode 100644
index 0000000000..cf93aaa441
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_mail_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m28 6c1.094 0 2 .906 2 2v15a3 3 0 0 1 -3 3h-22a3 3 0 0 1 -3-3v-15c0-1.094.906-2 2-2zm0 3.406-9.875 9.875a3.005 3.005 0 0 1 -2.125.875c-.719 0-1.438-.218-1.969-.75l-10.031-10v13.594c0 .563.438 1 1 1h22c.563 0 1-.438 1-1zm-1.406-1.406h-21.188l9.875 9.875a.961.961 0 0 0 .719.281c.219 0 .531-.093.75-.312z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_mobile_off_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_mobile_off_20.svg
new file mode 100644
index 0000000000..01de8fd5aa
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_mobile_off_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m3 15.969c0 .561.5 1.031 1.031 1.031.25 0 .469-.094.688-.313l12-12c.218-.187.281-.437.281-.687 0-.531-.406-1.031-.969-1.031-.281 0-.531.125-.718.312l-.313.281c-.031-.874-.719-1.562-1.594-1.562h-6.75c-.906 0-1.656.719-1.656 1.594v9.969l-1.688 1.717c-.217.22-.312.47-.312.69zm3.25 2h7.156a1.58 1.58 0 0 0 1.594-1.594v-7.156l-2 2v4.781h-4.75zm.75-6.407v-7.562h1v1h4v-1h1v1.563l-6 6zm2.25 3.438h1.781v-1.781z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_mobile_off_24.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_mobile_off_24.svg
new file mode 100644
index 0000000000..b2e51c50a1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_mobile_off_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2.97 19.997c0-.282.126-.532.313-.72l2.717-2.723v-11.58c0-1.661 1.352-2.974 3.01-2.974h6.01c1.503 0 2.98 1 2.98 2.567l1.308-1.315c.22-.188.47-.282.72-.282a.989.989 0 0 1 1.002 1.002c0 .282-.126.5-.313.688l-16.025 16.025a1.019 1.019 0 0 1 -.72.313c-.564 0-1.002-.47-1.002-1.001zm4.038 1.22 1.44-1.408c.156.125.333.22.552.22h6c.563 0 1-.47 1-1.002v-6.824l2-2.003v8.827c0 1.658-1.341 2.973-3 2.973h-6c-.751 0-1.429-.282-1.992-.783zm.992-6.637 8-8.012v-1.566c0-.533-.438-1.002-1-1.002h-1c0 .563-.469 1.002-1 1.002h-2c-.563 0-1-.439-1-1.002h-1c-.563 0-1 .47-1 1.002v9.577zm2.45 3.205 1.786-1.785h.782c.532 0 1.002.438 1.002.97 0 .564-.47 1.033-1.002 1.033h-2.003a.975.975 0 0 1 -.563-.219z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_mobile_off_32.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_mobile_off_32.svg
new file mode 100644
index 0000000000..2d634aac04
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_mobile_off_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m24 12.246v14.754a3 3 0 0 1 -3 3h-10a2.985 2.985 0 0 1 -2.79-1.956l1.79-1.801v.757a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-12.754zm-3.012-10.246a3.01 3.01 0 0 1 3.012 3v1.586l2.28-2.293a1 1 0 1 1 1.415 1.414l-22 22a1 1 0 0 1 -1.414-1.414l3.719-3.707v-17.586c0-1.657 1.33-3 2.988-3zm-2.988 22a1 1 0 0 1 0 2h-4a1 1 0 1 1 0-2zm-6-20h-1a1 1 0 0 0 -1 1v15.586l12-12v-3.586a1 1 0 0 0 -1-1h-1a1 1 0 0 1 -1 1h-6a1 1 0 0 1 -1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_mobile_phone_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_mobile_phone_20.svg
new file mode 100644
index 0000000000..f76a7d2371
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_mobile_phone_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13.384 2c.898 0 1.62.741 1.62 1.639v12.722c0 .898-.722 1.639-1.62 1.639h-6.758a1.633 1.633 0 0 1 -1.621-1.639v-12.722c-0-.897.723-1.639 1.621-1.639zm-5.374 2h-1.013v12h6v-12h-1.013v1.015h-3.974zm.99 11.005v-2h2v2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_mobile_phone_24.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_mobile_phone_24.svg
new file mode 100644
index 0000000000..3c51357a33
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_mobile_phone_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m14.994 2a2.997 2.997 0 0 1 3.006 3.006v14.043c0 1.644-1.339 2.951-3.006 2.951h-5.988c-1.667 0-3.006-1.307-3.006-2.951v-14.043a2.997 2.997 0 0 1 3.006-3.006zm-4.998 2h-.988c-.565 0-1.012.446-1.012 1.009v14.03c0 .539.47.961 1.012.961h6a.993.993 0 0 0 .988-.985v-14.03a.986.986 0 0 0 -.988-.985h-1.012c0 .666-.476.985-.988.985h-2c-.541 0-1.012-.445-1.012-.985zm.004 13.017c0-.52.433-1.02.992-1.017l1.998.008c.583.002 1.01.432 1.01.998 0 .5-.389.998-1.01.998h-1.998c-.556 0-.992-.47-.992-.987z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_mobile_phone_32.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_mobile_phone_32.svg
new file mode 100644
index 0000000000..691962e7cd
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_mobile_phone_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m21 2a3 3 0 0 1 3 3v22a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3-3v-22a3 3 0 0 1 3-3zm-9 2h-1a1 1 0 0 0 -1 1v22a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-22a1 1 0 0 0 -1-1h-1a1 1 0 0 1 -1 1h-6a1 1 0 0 1 -1-1zm6 20a1 1 0 0 1 0 2h-4a1 1 0 0 1 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_question_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_question_20.svg
new file mode 100644
index 0000000000..82569be283
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_question_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.412 2c1.51 0 2.588 1.132 2.588 2.499v8.003a2.509 2.509 0 0 1 -2.51 2.498h-8.647c-.294 0-.549.079-.725.274l-2.412 2.44c-.627.624-1.706.156-1.706-.722v-12.493c0-1.367 1.137-2.499 2.53-2.499zm.588 2h-12v10.6l.727-.685c.53-.508 1.217-.876 1.944-.915h9.329zm-6 6.5c.498 0 .875.381.875.866a.872.872 0 0 1 -.875.884.872.872 0 0 1 -.875-.884c0-.485.377-.866.875-.866zm.194-5.5c1.102 0 1.955.592 1.955 1.67 0 .83-.414 1.284-.787 1.614-.373.329-.586.483-.582.692v.79h-1.548v-.79c0-.624.31-.936.636-1.174l.419-.293c.188-.145.326-.303.326-.545 0-.219-.114-.416-.547-.416-.372 0-.803.145-1.137.33l-.529-1.372c.33-.267 1.096-.506 1.794-.506z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_question_24.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_question_24.svg
new file mode 100644
index 0000000000..9c495c3362
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_question_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.995 2a3.026 3.026 0 0 1 3.005 3.005v10c0 1.643-1.361 2.98-3.005 2.98h-11.033a.956.956 0 0 0 -.704.283l-3.568 3.45a.94.94 0 0 1 -.68.282c-.518 0-1.01-.4-1.01-1.01v-15.984a3.026 3.026 0 0 1 3.005-3.006zm0 2.019h-13.99a.963.963 0 0 0 -.986.986v13.709l1.854-1.808c.54-.493 1.197-.822 1.902-.845h11.22c.564 0 .986-.446.986-1.01v-10.045a.963.963 0 0 0 -.986-.986zm-7 8.501c.566 0 .995.43.995.976s-.429.995-.995.995a.987.987 0 0 1 -.995-.995c0-.547.43-.976.995-.976zm.242-7.02c1.416 0 2.513.76 2.513 2.147 0 1.05-.516 1.634-.99 2.055-.592.526-.758.618-.76.91v1.015h-2v-1.015c0-.81.405-1.212.83-1.518l.45-.312c.28-.202.495-.414.495-.756 0-.282-.146-.536-.703-.536-.479 0-1.032.187-1.462.425l-.68-1.765c.94-.433 1.709-.65 2.307-.65z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_question_32.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_question_32.svg
new file mode 100644
index 0000000000..9dcb275d93
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_question_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27 2c1.563 0 3 1.156 3 3v15c0 1.563-1.123 3-3 3h-17.156c-.281 0-.485.046-.719.281l-5.406 5.439a1.04 1.04 0 0 1 -.719.28c-.469 0-1-.374-1-1v-23c0-1.563 1.254-3 3-3zm0 2h-22c-.469 0-1 .25-1 1v20.594l3.688-3.719c.605-.612 1.24-.875 2.156-.875h17.156c.469 0 1-.281 1-1v-15c0-.469-.372-1-1-1zm-11.75 11.5c.67 0 1.25.556 1.25 1.235 0 .71-.58 1.265-1.25 1.265s-1.25-.556-1.25-1.265c0-.68.58-1.235 1.25-1.235zm.47-9c1.813 0 3.125 1.094 3.125 2.781 0 2.906-2.625 2.719-2.625 4.063 0 .468-.343.968-.968.968a.973.973 0 0 1 -.969-.968c0-2.657 2.625-2.313 2.625-4.063 0-.625-.563-.844-1.125-.844-.781 0-1.406.375-1.906.344s-.907-.437-.875-.969c0-1 1.468-1.312 2.718-1.312z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_question_solid_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_question_solid_20.svg
new file mode 100644
index 0000000000..1e55b90c12
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_question_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.412 2c1.51 0 2.588 1.132 2.588 2.499v8.003a2.509 2.509 0 0 1 -2.51 2.498h-8.647c-.294 0-.549.079-.725.274l-2.412 2.44c-.627.624-1.706.156-1.706-.722v-12.493c0-1.367 1.137-2.499 2.53-2.499zm-5.412 8.875c-.64 0-1.125.49-1.125 1.114s.485 1.136 1.125 1.136 1.125-.512 1.125-1.136-.485-1.114-1.125-1.114zm.243-7.015c-.899 0-1.886.435-2.312.78l.682 1.768c.43-.238.985-.426 1.465-.426.559 0 .705.255.705.537 0 .311-.178.515-.42.702l-.54.377c-.42.306-.82.71-.82 1.513v.764h1.995v-.764c-.005-.269.27-.468.75-.892s1.014-1.01 1.014-2.08c0-1.389-1.1-2.28-2.519-2.28z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_receive_item_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_receive_item_20.svg
new file mode 100644
index 0000000000..3638fd1b2b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_receive_item_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m18 5c.002 3.333.002 6.667 0 10 0 1.598-1.261 3-3 3-3.333.002-6.667.002-10 0-1.598 0-3-1.272-3-3-.002-3.333-.002-6.667 0-10a3.013 3.013 0 0 1 3-3h1a1 1 0 0 1 1 1c0 .513-.437 1-1 1-.333.002-.667.002-1 0-.513 0-1 .458-1 1-.002 3.333-.002 6.667 0 10 0 .513.42 1 1 1 3.333.002 6.667.002 10 0a1 1 0 0 0 1-1c.002-3.333.002-6.667 0-10 0-.513-.397-1-1-1h-1a1 1 0 0 1 -1-1c0-.513.419-1 1-1h1c1.598 0 3 1.257 3 3zm-8-3c.513 0 1 .411 1 1 .002 2.195.002 4.39 0 6.584l1.293-1.291c.36-.36 1.046-.36 1.414 0a.987.987 0 0 1 0 1.414c-.999 1.002-1.999 2.002-3 3-.36.36-.959.414-1.414 0-1.001-.998-2.001-1.998-3-3a1 1 0 0 1 1.414-1.414c.432.428.863.859 1.293 1.291v-6.584a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_receive_item_24.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_receive_item_24.svg
new file mode 100644
index 0000000000..0ae46bba2a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_receive_item_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m8 3a1 1 0 0 1 1 1c0 .513-.455 1.007-1 1-.667.002-1.333.002-2 0a1 1 0 0 0 -1 1c-.002 4-.002 8 0 12 0 .513.437 1 1 1 4 .002 8 .002 12 0 .513 0 1-.398 1-1 .002-4 .002-8 0-12 0-.513-.424-1-1-1-.667-.002-1.333-.002-2 0a1 1 0 0 1 0-2c.667-.002 1.333-.002 2 0 1.598 0 3 1.262 3 3 .002 4 .002 8 0 12 0 1.598-1.287 3-3 3-4 .002-8 .002-12 0-1.598 0-3-1.261-3-3-.002-4-.002-8 0-12 0-1.598 1.294-3 3-3 .667-.002 1.333-.002 2 0zm4 0c.513 0 1 .403 1 1 .002 2.528.002 5.057 0 7.585l2.293-2.292c.466-.393.938-.393 1.414 0 .36.36.427.958 0 1.414a2098.688 2098.688 0 0 1 -4 4c-.36.36-.95.422-1.414 0a2099.687 2099.687 0 0 1 -4-4 1 1 0 0 1 0-1.414c.36-.36.92-.425 1.414 0 .766.762 1.53 1.526 2.293 2.292v-7.585a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_receive_item_32.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_receive_item_32.svg
new file mode 100644
index 0000000000..b3fd7e848a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_receive_item_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m11 4a1 1 0 0 1 1 1c0 .513-.387 1-1 1-1.333.002-2.667.002-4 0-.513 0-1 .417-1 1-.002 6-.002 12 0 18 0 .513.511 1 1 1 6 .002 12 .002 18 0 .513 0 1-.429 1-1v-18c0-.513-.392-1-1-1-1.333-.002-2.667-.002-4 0a1 1 0 0 1 -1-1c0-.513.433-1 1-1 1.333-.002 2.667-.002 4 0 1.598 0 3.09 1.38 3 3 .002 6 .002 12 0 18 0 1.598-1.32 3.061-3 3-6 .002-12 .002-18 0-1.598 0-3-1.259-3-3-.002-6-.002-12 0-18a3.007 3.007 0 0 1 3-3c1.333-.002 2.667-.002 4 0zm5 0a1 1 0 0 1 1 1c.002 3.861.002 7.723 0 11.584l3.293-3.291c.435-.44 1.054-.36 1.414 0s.414 1.007 0 1.414a3264.756 3264.756 0 0 1 -5 5c-.36.36-.958.431-1.414 0a3266.702 3266.702 0 0 1 -5-5 1 1 0 0 1 0-1.414c.36-.36.944-.431 1.414 0 1.099 1.095 2.197 2.192 3.293 3.291v-11.584a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_receive_item_solid_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_receive_item_solid_20.svg
new file mode 100644
index 0000000000..aaf7592ab9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_receive_item_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15 2c1.598 0 3 1.257 3 3 .002 3.333.002 6.667 0 10 0 1.598-1.261 3-3 3h-10c-1.598 0-3-1.272-3-3-.002-3.333-.002-6.667 0-10a3.013 3.013 0 0 1 3-3h4v7.584l-.646-.647-.647-.644a1 1 0 0 0 -1.414 1.414l3 3c.455.414 1.054.36 1.414 0l3-3a.987.987 0 0 0 0-1.414c-.34-.333-1.028-.386-1.414 0-.433.429-.864.859-1.293 1.291v-7.584z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_share_item_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_share_item_20.svg
new file mode 100644
index 0000000000..c1da0f8a7a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_share_item_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m18 5c.002 3.333.002 6.667 0 10 0 1.598-1.261 3-3 3-3.333.002-6.667.002-10 0-1.598 0-3-1.272-3-3-.002-3.333-.002-6.667 0-10a3.013 3.013 0 0 1 3-3h.25a1 1 0 0 1 1 1c0 .513-.437 1-1 1-.333.002.083.002-.25 0-.513 0-1 .458-1 1-.002 3.333-.002 6.667 0 10 0 .513.42 1 1 1 3.333.002 6.667.002 10 0a1 1 0 0 0 1-1c.002-3.333.002-6.667 0-10 0-.513-.397-1-1-1h-.25a1 1 0 0 1 -1-1c0-.513.419-1 1-1h.25c1.598 0 3 1.257 3 3zm-7.994 6.998c-.513 0-1-.411-1-1-.002-2.195-.002-3.39 0-5.585l-1.293 1.292c-.36.36-1.046.36-1.414 0a.987.987 0 0 1 0-1.414 848.53 848.53 0 0 1 3-3c.36-.36.959-.414 1.414 0 1.001.997 2.001 1.997 3 3a1 1 0 0 1 -1.414 1.414c-.432-.428-.863-.859-1.293-1.292v5.585a1 1 0 0 1 -1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_share_item_24.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_share_item_24.svg
new file mode 100644
index 0000000000..a5994ea827
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_share_item_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.127 3a1 1 0 0 1 1 1c0 .513-.455 1.007-1 1a84.94 84.94 0 0 1 -1.127 0 1 1 0 0 0 -1 1c-.002 4-.002 8 0 12 0 .513.437 1 1 1 4 .002 8 .002 12 0 .513 0 1-.398 1-1 .002-4 .002-8 0-12 0-.513-.424-1-1-1a89.827 89.827 0 0 0 -1.15 0 1 1 0 0 1 0-2 95.14 95.14 0 0 1 1.15 0c1.598 0 3 1.262 3 3 .002 4 .002 8 0 12 0 1.598-1.287 3-3 3-4 .002-8 .002-12 0-1.598 0-3-1.261-3-3-.002-4-.002-8 0-12 0-1.598 1.294-3 3-3a115.36 115.36 0 0 1 1.127 0zm4.876 11.001c-.513 0-1-.403-1-1a3613.52 3613.52 0 0 1 0-6.585l-2.293 2.292c-.466.393-.938.393-1.414 0-.36-.36-.427-.958 0-1.414a1885.62 1885.62 0 0 1 4-4c.36-.36.95-.422 1.414 0a1885.62 1885.62 0 0 1 4 4 1 1 0 0 1 0 1.414c-.36.36-.92.425-1.414 0-.766-.762-1.53-1.526-2.293-2.292v6.585a1 1 0 0 1 -1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_share_item_32.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_share_item_32.svg
new file mode 100644
index 0000000000..eaf02d7bda
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_share_item_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m8.5 4a1 1 0 0 1 1 1c0 .513-.413 1.007-1 1-.5.002-1 .002-1.5 0-.513 0-1 .422-1 1-.002 6-.002 12 0 18 0 .513.48 1 1 1 6 .002 12 .002 18 0 .513 0 1-.457 1-1v-18c0-.513-.434-1-1-1-.5-.002-1-.002-1.5 0a1 1 0 0 1 0-2h1.5c1.598 0 3 1 3 3v18c0 1.598-1.175 3-3 3h-18c-1.598 0-3-1.276-3-3-.002-6-.002-12 0-18 0-1.598 1.261-3 3-3 .5-.002 1-.002 1.5 0zm8.207.293c2.16 2.175 2.503 2.497 5 5 .378.387.37 1.045 0 1.414-.37.37-.974.398-1.414 0a1277.96 1277.96 0 0 1 -3.293-3.293c.002 4.195.002 7.724 0 10.586 0 .58-.487 1-1 1s-1-.42-1-1a9255.2 9255.2 0 0 1 0-10.586l-3.293 3.293-.094.083a1 1 0 0 1 -1.403-1.403l.083-.094c2.644-2.654 4.31-4.321 5-5 .42-.374 1.003-.409 1.414 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_share_item_solid_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_share_item_solid_20.svg
new file mode 100644
index 0000000000..bf2a5bf182
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_share_item_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15 2c1.598 0 3 1.257 3 3 .002 3.333.002 6.667 0 10 0 1.598-1.261 3-3 3h-10c-1.598 0-3-1.272-3-3-.002-3.333-.002-6.667 0-10a3.013 3.013 0 0 1 3-3h4.344l-3.045 3.04a.987.987 0 0 0 0 1.415c.34.333 1.016.384 1.414 0 .433-.429.864-.86 1.293-1.292v6.835c0 .589.487 1 1 1s1-.442 1-1c.002-2.278.002-4.557 0-6.835.43.433.86.864 1.293 1.292a1 1 0 0 0 1.414-1.414c-.666-.669-1.683-1.683-3.05-3.044z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_wifi_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_wifi_20.svg
new file mode 100644
index 0000000000..466658308f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_wifi_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 6.884c0-.282.094-.501.281-.72 2.156-2.131 4.625-3.164 7.781-3.164 2.844 0 5.594 1.128 7.626 3.163.187.188.312.47.312.72 0 .596-.438 1.003-1 1.003a1.1 1.1 0 0 1 -.719-.282 8.668 8.668 0 0 0 -6.218-2.63c-2.47 0-4.688.907-6.376 2.599-.187.188-.437.313-.687.313-.438 0-1-.345-1-1.002zm3.688 3.476c0-.25.093-.532.312-.72 1.156-1.096 2.406-1.66 4.063-1.66 1.53 0 2.968.595 4.062 1.66.219.22.281.47.281.72 0 .47-.312 1.002-1 1.002a.97.97 0 0 1 -.687-.281c-.719-.69-1.656-1.097-2.656-1.097s-2 .408-2.657 1.097a.989.989 0 0 1 -.718.281c-.594 0-1-.532-1-1.002zm2.312 4.64c0-1.094.875-2 2-2 1.094 0 2 .875 2 2 0 1.094-.875 2-2 2-1.094 0-2-.875-2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_wifi_24.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_wifi_24.svg
new file mode 100644
index 0000000000..6643f2b79d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_wifi_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2 9.68c0 .517.54.987.939.987.282 0 .616-.07.866-.425 1.885-2.674 4.979-4.222 8.195-4.222 3.545 0 6.356 1.573 8.195 4.224.18.26.49.424.82.424.586 0 .985-.446.985-1.01 0-.211-.07-.41-.191-.584-2.219-3.196-5.912-5.074-9.809-5.074a12.03 12.03 0 0 0 -9.812 5.07c-.118.165-.188.4-.188.61zm2.488 2.747c0 .4.4.94 1.057.94.281 0 .586-.18.774-.447 1.291-1.83 3.381-2.98 5.611-2.98 2.279 0 4.373 1.15 5.655 2.983.196.28.496.444.801.444.446 0 1.01-.352 1.01-.986 0-.234-.071-.434-.192-.607-1.655-2.374-4.362-3.83-7.273-3.83-2.864 0-5.572 1.456-7.227 3.83a1.273 1.273 0 0 0 -.215.654zm2.63 2.559c0 .563.422 1.01.985 1.01.352 0 .681-.188.845-.447a3.533 3.533 0 0 1 2.982-1.643c1.22 0 2.343.61 3.006 1.642a.983.983 0 0 0 .843.447c.587 0 .986-.516.986-1.01 0-.187-.07-.381-.19-.561a5.59 5.59 0 0 0 -4.645-2.513 5.567 5.567 0 0 0 -4.626 2.511c-.14.214-.187.376-.187.564zm2.882 3.002c0 1.113.941 2.012 2 2.012 1.106 0 2-.9 2-2.012 0-1.088-.918-1.988-2.047-1.988-1.059 0-1.953.9-1.953 1.988z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_wifi_32.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_wifi_32.svg
new file mode 100644
index 0000000000..a90c00b13c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_wifi_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m15.984 21c1.634 0 3.016 1.375 3.016 3.031 0 1.625-1.382 2.969-3.016 2.969-1.633 0-2.984-1.344-2.984-2.969 0-1.656 1.35-3.031 2.984-3.031zm0 2c-.54 0-.984.468-.984 1.031 0 .532.444.969.984.969s1.016-.438 1.016-.969c0-.561-.476-1.031-1.016-1.031zm-13.984-9.25c0-.219.063-.415.19-.592 3.241-4.47 8.31-7.158 13.81-7.158s10.569 2.656 13.81 7.158c.128.177.19.373.19.592 0 .531-.406 1-.969 1-.312 0-.633-.156-.84-.44-2.887-3.966-7.378-6.31-12.191-6.31-4.844 0-9.304 2.344-12.191 6.31-.207.284-.528.44-.84.44-.563 0-.969-.469-.969-1zm3.75 3.219c0-.188.063-.412.19-.593 2.337-3.345 6.06-5.376 10.06-5.376 3.969 0 7.691 2.031 10.03 5.376.126.181.189.405.189.593 0 .562-.469 1-.969 1-.313 0-.636-.125-.839-.41-2.016-2.84-5.099-4.559-8.411-4.559-3.344 0-6.473 1.719-8.436 4.564-.193.28-.533.405-.845.405a.98.98 0 0 1 -.969-1zm3.719 3c0-.188.062-.36.183-.535 1.483-2.153 3.786-3.465 6.317-3.465 2.562 0 4.864 1.312 6.348 3.465.12.175.183.347.183.535 0 .312-.188.648-.466.847a.904.904 0 0 1 -.534.184c-.344 0-.653-.188-.845-.468-1.09-1.595-2.811-2.563-4.686-2.563-1.844 0-3.566.968-4.655 2.563-.192.28-.533.468-.845.468-.531 0-1-.469-1-1.031z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_wifi_off_20.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_wifi_off_20.svg
new file mode 100644
index 0000000000..a064f5f0eb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_wifi_off_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.968 13.248a1.989 1.989 0 0 1 1.032 1.752c0 1.094-.875 2-2 2-.75 0-1.411-.411-1.753-1.032zm-.905-10.248c1.572 0 3.115.345 4.524.997l.706-.704a1 1 0 0 1 1.497 1.32l-.083.094-12 12a1 1 0 0 1 -1.414 0c-.36-.36-.421-.937 0-1.414l4.14-4.142c.022-.027 0-.07-.027-.07a.989.989 0 0 1 -.718.281c-.594 0-1-.532-1-1.002 0-.25.093-.532.312-.72 1.156-1.096 2.406-1.66 4.063-1.66.174 0 .347.008.519.023l2.491-2.49a8.622 8.622 0 0 0 -3.01-.54c-2.47 0-4.688.908-6.376 2.6-.187.188-.437.313-.687.313-.438 0-1-.345-1-1.002 0-.282.094-.501.281-.72 2.156-2.131 4.625-3.164 7.781-3.164z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_wifi_off_24.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_wifi_off_24.svg
new file mode 100644
index 0000000000..37a0dd1c7f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_wifi_off_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10 17.988c0 1.113.941 2.012 2 2.012 1.106 0 2-.9 2-2.012 0-1.088-.918-1.988-2.047-1.988-1.059 0-1.953.9-1.953 1.988zm1.93-8.049c-2.23 0-4.32 1.15-5.61 2.981-.189.267-.494.446-.775.446-.658 0-1.057-.54-1.057-.939 0-.211.094-.48.215-.654 1.655-2.374 4.363-3.83 7.227-3.83.815 0 1.614.115 2.38.331l1.545-1.545c-1.16-.463-2.45-.71-3.855-.71-3.216 0-6.309 1.55-8.195 4.223-.25.354-.584.425-.866.425-.4 0-.939-.47-.939-.986 0-.212.07-.446.188-.61a12.03 12.03 0 0 1 9.812-5.071 12.1 12.1 0 0 1 5.343 1.242l1.95-1.95a1 1 0 0 1 1.414 0 1.01 1.01 0 0 1 0 1.415l-16 16a1 1 0 0 1 -1.414 0c-.36-.36-.397-1.017 0-1.414l3.902-3.905c-.05-.123-.108-.633.11-.966a5.583 5.583 0 0 1 3.166-2.31l2.139-2.139a6.748 6.748 0 0 0 -.68-.034zm3.289 3.059c.526.387.988.869 1.357 1.426.119.18.19.374.19.562 0 .493-.4 1.01-.987 1.01a.983.983 0 0 1 -.843-.448 3.575 3.575 0 0 0 -1.146-1.122zm2.698-2.7c.477.44.909.933 1.286 1.475.12.173.191.373.191.607 0 .634-.563.986-1.009.986a.993.993 0 0 1 -.8-.444 7.091 7.091 0 0 0 -1.076-1.214zm2.687-2.688c.438.45.841.94 1.205 1.463.12.174.191.373.191.584 0 .564-.4 1.01-.986 1.01-.329 0-.639-.165-.82-.424a10.38 10.38 0 0 0 -.993-1.228z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/communication/db_ic_wifi_off_32.svg b/review/refactor-icon-update/icons/functional/images/communication/db_ic_wifi_off_32.svg
new file mode 100644
index 0000000000..6e939921f6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/communication/db_ic_wifi_off_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27.707 4.293c.36.36.428.986 0 1.414a62372.483 62372.483 0 0 1 -22 22 1 1 0 0 1 -1.414 0 1.01 1.01 0 0 1 0-1.414c1.844-1.848 3.69-3.694 5.539-5.54a1.045 1.045 0 0 1 -.363-.784c0-.188.062-.36.183-.535 1.181-1.714 2.882-2.896 4.803-3.306l3.015-3.014a9.563 9.563 0 0 0 -1.47-.114c-3.344 0-6.473 1.719-8.436 4.564-.193.28-.533.405-.845.405a.98.98 0 0 1 -.969-1c0-.188.063-.412.19-.593 2.337-3.345 6.06-5.376 10.06-5.376 1.076 0 2.134.15 3.151.434l2.364-2.365a14.751 14.751 0 0 0 -5.515-1.069c-4.844 0-9.304 2.344-12.191 6.31-.207.284-.528.44-.84.44-.563 0-.969-.469-.969-1 0-.219.063-.415.19-.592 3.241-4.47 8.31-7.158 13.81-7.158 2.477 0 4.867.539 7.042 1.543l3.25-3.25a1 1 0 0 1 1.415 0zm-11.723 16.707c1.634 0 3.016 1.375 3.016 3.031 0 1.625-1.382 2.969-3.016 2.969-1.633 0-2.984-1.344-2.984-2.969 0-1.656 1.35-3.031 2.984-3.031zm0 2c-.54 0-.984.468-.984 1.031 0 .532.444.969.984.969s1.016-.438 1.016-.969c0-.561-.476-1.031-1.016-1.031zm3.416-6.185c1.143.598 2.142 1.494 2.917 2.62a.92.92 0 0 1 .183.534c0 .312-.188.648-.466.847a.904.904 0 0 1 -.534.184c-.344 0-.653-.188-.845-.468-.701-1.026-1.665-1.793-2.762-2.21zm3.554-3.554a12.912 12.912 0 0 1 3.076 3.115c.126.181.189.405.189.593 0 .562-.469 1-.969 1-.313 0-.636-.125-.839-.41a11.293 11.293 0 0 0 -2.905-2.85zm3.567-3.568a17.558 17.558 0 0 1 3.289 3.465c.128.177.19.373.19.592 0 .531-.406 1-.969 1-.312 0-.633-.156-.84-.44a15.653 15.653 0 0 0 -3.096-3.19z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/covid_19/db_ic_mask_20.svg b/review/refactor-icon-update/icons/functional/images/covid_19/db_ic_mask_20.svg
new file mode 100644
index 0000000000..493ef73de4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/covid_19/db_ic_mask_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m4.071 12.007c1.224-.784 3.702-1.569 5.929-1.569 2.792 0 4.83.91 6.054 1.569h.942a1.01 1.01 0 0 1 1.004 1.004 1.01 1.01 0 0 1 -1.004 1.003h-.785c-1.035 2.447-3.513 4.047-6.211 3.984-2.698-.031-5.176-1.537-6.211-3.984h-.785a.991.991 0 0 1 -1.004-1.003.99.99 0 0 1 1.004-1.004h1.066zm-1.004-3.325c0-3.702 3.137-6.682 6.996-6.682 3.858 0 6.995 2.98 6.995 6.682a.99.99 0 0 1 -1.004 1.003.99.99 0 0 1 -1.004-1.003c0-2.573-2.227-4.643-4.987-4.643-2.73 0-4.957 2.07-4.957 4.643 0 .564-.47 1.003-1.035 1.003a1.01 1.01 0 0 1 -1.004-1.003zm2.698 4.8c.816 1.599 2.447 2.509 4.235 2.54s3.42-.91 4.235-2.51a9.728 9.728 0 0 0 -4.235-1.066c-1.443.031-2.823.44-4.235 1.035z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/covid_19/db_ic_mask_24.svg b/review/refactor-icon-update/icons/functional/images/covid_19/db_ic_mask_24.svg
new file mode 100644
index 0000000000..1bc7ae36ab
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/covid_19/db_ic_mask_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 12.937c3.094 0 6.375 1.157 7.469 2.094h1.53c.563 0 1 .469 1 1 0 .563-.437 1-1 1h-1.28a8.18 8.18 0 0 1 -7.439 5.032h-.28c-3.375.062-6.438-1.938-7.719-5.032h-1.281c-.563 0-1-.437-1-1 0-.531.437-1 1-1h1.531c1.094-.937 4.375-2.094 7.469-2.094zm0 2c-2.031.032-4 .5-5.813 1.407a6.07 6.07 0 0 0 5.813 3.718c2.531.094 4.844-1.406 5.844-3.718a13.521 13.521 0 0 0 -5.844-1.407zm1.531 1.344c.563 0 1 .438 1 1 0 .938-1.125 1.219-2.531 1.219-1.313 0-2.531-.188-2.531-1.219 0-.531.437-1 .968-1 .125 0 .782.219 1.563.219.406 0 .844-.219 1.531-.219zm-1.531-14.281c4.75 0 8.594 3.844 8.594 8.625 0 .531-.438 1-1 1-.532 0-.97-.469-.97-1a6.628 6.628 0 0 0 -6.624-6.625 6.608 6.608 0 0 0 -6.625 6.625c0 .563-.469 1-1.031 1-.532 0-.969-.5-.969-1 .031-4.781 3.844-8.625 8.625-8.625z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/covid_19/db_ic_mask_32.svg b/review/refactor-icon-update/icons/functional/images/covid_19/db_ic_mask_32.svg
new file mode 100644
index 0000000000..ef3a9cfe7c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/covid_19/db_ic_mask_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m2 20.025a1 1 0 0 1 1-1l1.433.001c1.262-1.361 6.382-4.004 11.577-4.004 5.194 0 10.299 2.644 11.56 4.004l1.43-.001a1 1 0 1 1 0 2l-1.31.001a12.62 12.62 0 0 1 -11.682 7.974 12.63 12.63 0 0 1 -11.693-7.974l-1.315-.001a1 1 0 0 1 -1-1zm2.008-5.033c0-6.623 5.369-11.992 11.992-11.992s11.992 5.369 11.992 11.992a1 1 0 1 1 -2 0c0-5.518-4.474-9.992-9.992-9.992s-9.992 4.474-9.992 9.992a1 1 0 1 1 -2 0zm2.124 5.164a10.536 10.536 0 0 0 19.736 0 18.17 18.17 0 0 0 -9.86-3.135 18.243 18.243 0 0 0 -9.876 3.135zm5.576 1.15c-.487-.15-.697-.532-.697-.92 0-.517.372-1.043.957-1.043.103 0 .213.016.328.052a12.67 12.67 0 0 0 7.413 0c.113-.035.22-.051.321-.051.585 0 .966.53.966 1.049 0 .385-.21.763-.7.913a14.58 14.58 0 0 1 -8.588 0zm2.145 3.935c-.569-.094-.828-.527-.828-.966 0-.55.407-1.106 1.122-1.012a12.763 12.763 0 0 0 3.707 0c.731-.124 1.148.445 1.148 1.005 0 .45-.267.894-.855.973a14.57 14.57 0 0 1 -4.294 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/db_ic_x_placeholder_16.svg b/review/refactor-icon-update/icons/functional/images/db_ic_x_placeholder_16.svg
new file mode 100644
index 0000000000..014953f7ac
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/db_ic_x_placeholder_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m11.714 2a2.285 2.285 0 0 1 2.286 2.285v7.429a2.286 2.286 0 0 1 -2.286 2.286h-7.428a2.286 2.286 0 0 1 -2.286-2.286v-7.429a2.285 2.285 0 0 1 2.286-2.285zm0 2h-7.428a.286.286 0 0 0 -.286.285v7.429c0 .158.128.286.286.286h7.428a.286.286 0 0 0 .286-.286v-7.429a.286.286 0 0 0 -.286-.285zm-6.02 1.753a1 1 0 0 1 1.415-.002l.874.866.873-.866a1 1 0 1 1 1.413 1.416l-.87.862.87.862a1 1 0 1 1 -1.413 1.416l-.873-.866-.874.866a1.002 1.002 0 0 1 -1.415-.002 1 1 0 0 1 .003-1.414l.869-.862-.869-.862a1 1 0 0 1 -.003-1.414z" fill="var(--db-icon-color, #55b9e6)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/db_ic_x_placeholder_20.svg b/review/refactor-icon-update/icons/functional/images/db_ic_x_placeholder_20.svg
new file mode 100644
index 0000000000..64e3406ea0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/db_ic_x_placeholder_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.714 2a2.285 2.285 0 0 1 2.286 2.285v11.429a2.286 2.286 0 0 1 -2.286 2.286h-11.428a2.286 2.286 0 0 1 -2.286-2.286v-11.429a2.285 2.285 0 0 1 2.286-2.285zm0 2h-11.428a.286.286 0 0 0 -.286.285v11.429c0 .158.128.286.286.286h11.428a.286.286 0 0 0 .286-.286v-11.429a.286.286 0 0 0 -.286-.285zm-9.434 2.339a1 1 0 0 1 1.415-.002l2.288 2.28 2.287-2.28a1 1 0 1 1 1.413 1.416l-2.284 2.276 2.284 2.276a1 1 0 1 1 -1.413 1.416l-2.287-2.28-2.288 2.28a1.002 1.002 0 0 1 -1.415-.002 1 1 0 0 1 .003-1.414l2.283-2.276-2.283-2.276a1 1 0 0 1 -.003-1.414z" fill="var(--db-icon-color, #55b9e6)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/db_ic_x_placeholder_24.svg b/review/refactor-icon-update/icons/functional/images/db_ic_x_placeholder_24.svg
new file mode 100644
index 0000000000..893589e38a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/db_ic_x_placeholder_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.143 2a2.857 2.857 0 0 1 2.857 2.857v14.286a2.857 2.857 0 0 1 -2.857 2.857h-14.286a2.857 2.857 0 0 1 -2.857-2.857v-14.286a2.857 2.857 0 0 1 2.857-2.857zm0 1.999h-14.286a.858.858 0 0 0 -.857.858v14.286c0 .473.384.856.857.856h14.286a.857.857 0 0 0 .857-.856v-14.286a.859.859 0 0 0 -.857-.858zm-2.793 2.336a1 1 0 0 1 1.411 1.418l-4.306 4.29 4.306 4.287a1 1 0 1 1 -1.41 1.418l-4.314-4.295-4.312 4.295a.997.997 0 0 1 -1.414-.003 1 1 0 0 1 .003-1.415l4.306-4.288-4.306-4.289a1 1 0 1 1 1.411-1.418l4.312 4.295z" fill="var(--db-icon-color, #55b9e6)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/db_ic_x_placeholder_32.svg b/review/refactor-icon-update/icons/functional/images/db_ic_x_placeholder_32.svg
new file mode 100644
index 0000000000..ea7345bd3c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/db_ic_x_placeholder_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m26 2a4 4 0 0 1 4 4v20a4 4 0 0 1 -4 4h-20a4 4 0 0 1 -4-4v-20a4 4 0 0 1 4-4zm0 2h-20c-1.103 0-2 .897-2 2v20c0 1.103.897 2 2 2h20c1.103 0 2-.897 2-2v-20c0-1.103-.897-2-2-2zm-19.207 2.793a.999.999 0 0 1 1.414 0l7.793 7.793 7.793-7.793a.999.999 0 1 1 1.414 1.414l-7.793 7.793 7.793 7.793a.999.999 0 1 1 -1.414 1.414l-7.793-7.793-7.793 7.793a.997.997 0 0 1 -1.414 0 .999.999 0 0 1 0-1.414l7.793-7.793-7.793-7.793a.999.999 0 0 1 0-1.414z" fill="var(--db-icon-color, #55b9e6)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/db_ic_x_placeholder_48.svg b/review/refactor-icon-update/icons/functional/images/db_ic_x_placeholder_48.svg
new file mode 100644
index 0000000000..66a813c8d3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/db_ic_x_placeholder_48.svg
@@ -0,0 +1 @@
+<svg id="icon" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m39.714 2a6.286 6.286 0 0 1 6.286 6.286v31.429a6.285 6.285 0 0 1 -6.286 6.285h-31.429a6.285 6.285 0 0 1 -6.285-6.285v-31.43a6.286 6.286 0 0 1 6.285-6.285zm0 2h-31.428a4.29 4.29 0 0 0 -4.286 4.286v31.429a4.29 4.29 0 0 0 4.286 4.285h31.428a4.29 4.29 0 0 0 4.286-4.285v-31.43a4.291 4.291 0 0 0 -4.286-4.285zm-29.778 5.935a.999.999 0 0 1 1.414 0l12.65 12.65 12.65-12.65a.999.999 0 1 1 1.414 1.414l-12.65 12.651 12.65 12.651a.999.999 0 1 1 -1.414 1.414l-12.65-12.651-12.65 12.65a1 1 0 0 1 -1.414-1.414l12.65-12.65-12.65-12.65a.999.999 0 0 1 0-1.415z" fill="var(--db-icon-color, #55b9e6)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/db_ic_x_placeholder_64.svg b/review/refactor-icon-update/icons/functional/images/db_ic_x_placeholder_64.svg
new file mode 100644
index 0000000000..448829a5ff
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/db_ic_x_placeholder_64.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><path d="m54 2a8 8 0 0 1 8 8v44a8 8 0 0 1 -8 8h-44a8 8 0 0 1 -8-8v-44a8 8 0 0 1 8-8zm0 2h-44c-3.31 0-6 2.691-6 6v44c0 3.309 2.69 6 6 6h44c3.309 0 6-2.691 6-6v-44c0-3.309-2.691-6-6-6zm-40.922 9.08a.999.999 0 0 1 1.414 0l17.508 17.505 17.507-17.505a.999.999 0 1 1 1.414 1.414l-17.507 17.506 17.507 17.507a.999.999 0 1 1 -1.414 1.414l-17.507-17.507-17.508 17.507a1 1 0 0 1 -1.414-1.414l17.508-17.507-17.508-17.507a1 1 0 0 1 0-1.414z" fill="var(--db-icon-color, #55b9e6)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_playground_20.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_playground_20.svg
new file mode 100644
index 0000000000..ee1ac23374
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_playground_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14 2a4 4 0 0 1 4 4c0 .98-.298 1.888-1.111 2.765.063.325.1.737.111 1.235 0 2.013-.856 3.89-2.324 5.21a1 1 0 0 1 -1.336-1.489 4.984 4.984 0 0 0 1.66-3.721c0-.363-.031-.924-.361-1.983.169-.118.352-.254.55-.41.508-.374.811-.964.811-1.607 0-1.105-.896-1.98-2-2-.787-.014-1.492.44-2.114 1.359-.731-.24-1.36-.359-1.886-.359-.79 0-1.176.142-1.816.359-.603-1.006-1.405-1.359-2.059-1.359a2.125 2.125 0 0 0 -1.46 3.669c.252.21.463.38.631.513-.228.86-.326 1.478-.295 1.853a3.493 3.493 0 0 1 3.221 1.265.716.716 0 0 1 .396-.042l.206.054c.273.062.397-.028.422-.23l.012-.202c.11-.84 1.375-.84 1.484 0l.013.202c.021.18.128.26.304.26.044 0 .135-.024.272-.074.714-.176 1.25.725.693 1.269-.517.504-1.025.572-1.607.371a37.236 37.236 0 0 0 -.417-.158c-.468.213-.87.263-1.035.263.072.447.035.84-.095 1.437l1.14.632a1.5 1.5 0 1 1 -.972 1.75l-1.243-.69a3.5 3.5 0 0 1 -4.725-5.161 6.85 6.85 0 0 1 -.07-.981c0-.342.022-.712.086-1.089-.617-.66-1.107-1.722-1.086-2.786a4.125 4.125 0 0 1 4.125-4.125c1.03 0 1.956.35 2.787 1.085.466-.058.708-.085 1.088-.085s.697.029 1.234.11c.645-.678 1.8-1.11 2.766-1.11zm-6.5 5.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-7 4.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_playground_24.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_playground_24.svg
new file mode 100644
index 0000000000..3daed3cd91
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_playground_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.5 2a4.5 4.5 0 0 1 3.357 7.494 8.002 8.002 0 0 1 -5.058 9.002 1 1 0 0 1 -.7-1.873 6.002 6.002 0 0 0 3.901-5.623c0-.428 0-1-.372-2.18 1.053-.82 1.372-1.574 1.372-2.32a2.5 2.5 0 0 0 -2.5-2.5c-.684 0-1.555.26-2.318 1.372-.946-.244-1.182-.372-2.182-.372-.667 0-1.393.124-2.18.372-.62-.915-1.394-1.372-2.32-1.372a2.5 2.5 0 0 0 -2.5 2.5c0 .613.147 1.382 1.372 2.318a6.184 6.184 0 0 0 -.307 1.296 5.008 5.008 0 0 1 3.63 3.163c.12.03.233.095.335.193.39.39.859.343 1.083.053a.867.867 0 0 0 .132-.41v-.363h-.245a.75.75 0 1 1 0-1.5c.667-.002 1.333-.002 2 0a.75.75 0 0 1 .75.75c0 .226-.183.75-.75.75h-.246v.364a.858.858 0 0 0 .147.43c.21.25.776.219 1.069-.074a.75.75 0 0 1 1.06 1.06c-.901.902-2.19.97-3.03.245-.56.512-1.337.61-2.004.395-.039.825-.236 1.558-.592 2.199l.905.754a2 2 0 1 1 -1.28 1.538l-.906-.756a5 5 0 1 1 -4.072-8.815c.02-.166.053-.385.092-.596-.636-.676-1.143-1.788-1.143-2.994a4.5 4.5 0 0 1 4.5-4.5c1.09 0 2.098.344 2.994 1.142a8.904 8.904 0 0 1 1.506-.142c.475 0 .996.039 1.505.143.87-.751 1.868-1.143 2.995-1.143zm-1.5 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-6 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-4 4a3 3 0 1 0 0 6 3 3 0 0 0 0-6z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_playground_32.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_playground_32.svg
new file mode 100644
index 0000000000..8e7a24e7df
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_playground_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m24 2a6 6 0 0 1 6 6 5.96 5.96 0 0 1 -2.097 4.555c.063.46.095.942.097 1.445 0 6.075-4.925 11-11 11-.501 0-.998-.034-1.489-.1a1 1 0 0 1 .268-1.982 9 9 0 0 0 10.221-8.918 10.9 10.9 0 0 0 -.28-2.328c1.675-.958 2.28-2.336 2.28-3.672a4 4 0 0 0 -4-4c-1.041 0-2.182.34-3.363 1.739-1.714-.64-2.594-.739-3.637-.739-.912 0-1.918.093-3.636.738-1.188-1.43-2.244-1.738-3.364-1.738-2.21 0-3.92 1.792-4 4-.082 2.275 1.966 3.466 2.28 3.67-.052.253-.28 1.33-.28 2.33s.092 1.35.207 2.045a5.5 5.5 0 0 1 3.55 8.937l.888 1.05a2 2 0 1 1 -1.528 1.293l-.886-1.05a5.5 5.5 0 1 1 -4.02-10.123 12.68 12.68 0 0 1 -.211-2.152c0-.754.04-.947.096-1.446-.76-.643-2.087-2.217-2.09-4.294-.006-3.7 2.68-6.26 5.994-6.26 1.398 0 2.645.417 3.902 1.444.927-.296 1.96-.444 3.098-.444.99 0 2.32.175 3.097.444 1.251-1.026 2.464-1.444 3.903-1.444zm-5.85 13a.85.85 0 0 1 0 1.7h-.3l.001.9c.287.207.547.3.785.3.263 0 .467-.112.677-.4a.85.85 0 1 1 1.374 1c-.518.712-1.223 1.1-2.05 1.1-.52 0-1.1-.171-1.637-.525-.505.33-.808.525-1.636.525s-1.533-.388-2.051-1.1a.85.85 0 1 1 1.374-1c.21.288.414.4.677.4.238 0 .498-.093.786-.3v-.9h-.3a.85.85 0 0 1 0-1.7zm-5.4-4.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zm9 0a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zm-10.984 9.74-.106.202c-1.004 1.828-2.808 3.295-4.916 4.088a3.5 3.5 0 0 0 5.023-4.29zm-3.266-2.24a3.5 3.5 0 0 0 -3.21 4.899c2.366-.64 4.375-2.327 5.007-4.325l.024-.064a3.484 3.484 0 0 0 -1.821-.51z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_restricted_mobility_toilet_20.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_restricted_mobility_toilet_20.svg
new file mode 100644
index 0000000000..1741959336
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_restricted_mobility_toilet_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m4.098 12.199c.407.306.544.94.197 1.4a1.5 1.5 0 0 0 2.115 2.089 1 1 0 1 1 1.223 1.583 3.5 3.5 0 0 1 -4.936-4.874 1 1 0 0 1 1.4-.198zm2.85-2.015c.26.77.517 1.543.773 2.316h1.12c.746 0 1.493.412 1.838 1.212.415.964.828 1.928 1.24 2.894a1 1 0 0 1 -.525 1.313c-.471.202-1.087 0-1.313-.525a764.32 764.32 0 0 1 -1.241-2.894h-1.12a2 2 0 0 1 -1.84-1.218l-.83-2.466a1 1 0 0 1 1.898-.632zm-1.452-3.919c.623 0 1.151.528 1.151 1.152 0 .648-.528 1.151-1.151 1.151a1.137 1.137 0 0 1 -1.152-1.151c0-.624.504-1.152 1.152-1.152zm1.912-3.6c0-.399.357-.65.692-.65a.63.63 0 0 1 .63.503l.582 2.677.655-2.698c.077-.316.378-.482.65-.482.273 0 .574.16.651.482l.641 2.708.576-2.687c.077-.358.356-.503.63-.503.356 0 .691.251.691.65a.733.733 0 0 1 -.02.189l-1.217 4.678c-.087.335-.378.483-.65.483a.654.654 0 0 1 -.651-.483l-.671-2.37-.672 2.37c-.095.339-.377.483-.65.483a.664.664 0 0 1 -.65-.504l-1.197-4.657a.745.745 0 0 1 -.021-.189zm6.6 2.34c0-2.741 1.62-3.032 2.325-3.032.415 0 .851.083 1.246.27.29.125.415.353.415.582 0 .353-.27.705-.644.705a.64.64 0 0 1 -.27-.062 1.66 1.66 0 0 0 -.685-.166c-.29 0-1.058 0-1.058 1.703 0 1.64.685 1.64 1.058 1.64.25-.021.499-.083.727-.166a1.03 1.03 0 0 1 .25-.042c.373 0 .643.353.643.706 0 .25-.125.478-.436.602-.395.125-.81.208-1.225.228-.872 0-2.346-.394-2.346-2.968z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_restricted_mobility_toilet_24.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_restricted_mobility_toilet_24.svg
new file mode 100644
index 0000000000..af6a2ceaa1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_restricted_mobility_toilet_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m5 15a.97.97 0 0 1 -.306.725 2.488 2.488 0 0 0 -.725 1.744 2.54 2.54 0 0 0 2.531 2.531c.656 0 1.3-.25 1.806-.756a.921.921 0 0 1 .663-.275c.562 0 1 .468 1 1 0 .25-.063.531-.25.718-.844.844-2 1.313-3.188 1.313a4.535 4.535 0 0 1 -4.531-4.531c0-1.157.469-2.25 1.25-3.157a.95.95 0 0 1 .719-.312c.561 0 1.031.438 1.031 1zm3.188-3.25 1.029 3.25h2.188c.781 0 1.253.374 1.531 1.063l1.844 4.562c.042.105.063.281.063.375a.98.98 0 0 1 -.969 1c-.469 0-.815-.311-.969-.688l-1.749-4.312h-2.75c-.469 0-.86-.276-1-.75l-1.187-4a1.006 1.006 0 0 1 .969-1.25c.468 0 .863.316 1 .75zm-1.376-5.75c.813 0 1.5.688 1.5 1.5a1.5 1.5 0 0 1 -1.5 1.5 1.48 1.48 0 0 1 -1.5-1.5 1.5 1.5 0 0 1 1.5-1.5zm3.68-2.258c0-.427.383-.697.743-.697.293 0 .596.177.675.54l.624 2.87.703-2.893c.082-.339.405-.517.697-.517.293 0 .615.171.697.517l.688 2.903.617-2.88c.082-.384.382-.54.675-.54.382 0 .742.27.742.697a.785.785 0 0 1 -.023.203l-1.304 5.015c-.094.36-.405.518-.697.518a.701.701 0 0 1 -.698-.518l-.72-2.541-.72 2.541c-.102.363-.404.518-.696.518a.712.712 0 0 1 -.698-.54l-1.282-4.993a.799.799 0 0 1 -.022-.203zm7.176 2.542c0-2.97 1.754-3.284 2.519-3.284.45 0 .922.09 1.35.292.314.135.45.383.45.63 0 .382-.293.765-.698.765a.693.693 0 0 1 -.293-.068 1.798 1.798 0 0 0 -.742-.18c-.315 0-1.147 0-1.147 1.845 0 1.777.742 1.777 1.147 1.777.27-.023.54-.09.787-.18.09-.023.18-.045.27-.045.405 0 .698.382.698.764 0 .27-.135.518-.473.653a5.314 5.314 0 0 1 -1.327.247c-.944 0-2.541-.427-2.541-3.216z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_restricted_mobility_toilet_32.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_restricted_mobility_toilet_32.svg
new file mode 100644
index 0000000000..3a2845b4e7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_restricted_mobility_toilet_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m4 23.149c0-1.367.48-2.734 1.415-3.813a.973.973 0 0 1 .743-.336c.6 0 1.007.456 1.007 1.007 0 .216-.072.432-.215.624-.6.695-.96 1.606-.96 2.518 0 2.11 1.68 3.851 3.79 3.851 1.27 0 2.445-.59 3.189-1.597.216-.288.527-.432.815-.432.528 0 1.031.408 1.031 1.007a.92.92 0 0 1 -.215.6 5.974 5.974 0 0 1 -4.82 2.422c-3.119 0-5.78-2.566-5.78-5.851zm3.501-7.147c0-.551.456-1.007 1.007-1.007h.72c1.15 0 2.158.624 2.494 1.679l.096.326h3.429a1 1 0 0 1 1.007.993c0 .551-.456 1.007-1.007 1.007h-2.83l.6 2h3.501c.432 0 .767.254.935.662l2.183 5.18a.767.767 0 0 1 .071.335c0 .48-.383.984-1.007.984-.431 0-.767-.24-.935-.648l-1.943-4.508h-3.549a1 1 0 0 1 -.959-.72l-1.439-4.868c-.096-.312-.216-.431-.647-.431h-.72a.993.993 0 0 1 -1.007-.984zm0-4.988c0-1.103.911-2.014 2.015-2.014 1.103 0 1.99.911 1.99 2.014 0 1.104-.887 1.99-1.99 1.99-1.104 0-2.015-.886-2.015-1.99zm6.314-6.127c0-.526.47-.858.913-.858a.83.83 0 0 1 .83.664l.769 3.532.865-3.56c.102-.417.498-.636.858-.636s.757.21.858.636l.847 3.573.759-3.545c.101-.473.47-.664.83-.664.47 0 .914.332.914.858a.967.967 0 0 1 -.028.249l-1.605 6.173c-.115.442-.499.637-.858.637-.36 0-.734-.198-.859-.637l-.885-3.128-.886 3.128c-.127.447-.499.637-.858.637a.877.877 0 0 1 -.859-.665l-1.577-6.145a.983.983 0 0 1 -.028-.25zm8.83 3.128c0-3.654 2.16-4.042 3.1-4.042.554 0 1.136.111 1.662.36.387.166.553.47.553.775 0 .47-.36.942-.858.942a.853.853 0 0 1 -.36-.083 2.213 2.213 0 0 0 -.913-.222c-.388 0-1.412 0-1.412 2.27 0 2.187.914 2.187 1.412 2.187.332-.028.664-.11.969-.222.11-.027.221-.055.332-.055.498 0 .858.47.858.941 0 .332-.166.637-.581.803a6.54 6.54 0 0 1 -1.634.304c-1.162 0-3.128-.526-3.128-3.958z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_20.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_20.svg
new file mode 100644
index 0000000000..150c23fce0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8.5 14a2.5 2.5 0 0 1 2.495 2.336l.005.164v.5a1 1 0 0 1 -1 1 .983.983 0 0 1 -1-1 23.625 23.625 0 0 1 0-.5c0-.245-.182-.5-.5-.5-1.333-.002-2.666-.002-4 0a.492.492 0 0 0 -.5.5c-.002.167-.002.333 0 .5a1 1 0 1 1 -2 0 22.913 22.913 0 0 1 0-.5c0-1.326 1.053-2.5 2.5-2.5 1.333-.002 2.667-.002 4 0zm-1.978-7.25a2.714 2.714 0 0 1 2.728 2.728 2.754 2.754 0 0 1 -2.728 2.772 2.791 2.791 0 0 1 -2.772-2.772 2.754 2.754 0 0 1 2.772-2.728zm7.56 3.255a.75.75 0 1 1 .336 1.462.75.75 0 0 1 -.337-1.462zm2.79-.403a.75.75 0 1 1 .754 1.298.75.75 0 0 1 -.753-1.298zm-6.27.269a.75.75 0 1 1 1.295.754.75.75 0 0 1 -1.295-.754zm3.48-2.175a.75.75 0 1 1 .336 1.462.75.75 0 0 1 -.337-1.462zm-2.73-.073a.75.75 0 1 1 1.295.753.75.75 0 0 1 -1.295-.753zm4.77-.271a.75.75 0 1 1 .754 1.297.75.75 0 0 1 -.754-1.297zm-1.872-5.352c.513 0 1 .429 1 1v1.324l.414.05.981.137a1 1 0 1 1 -.29 1.978l-1.266-.17a5.089 5.089 0 0 0 -1.678 0l-1.266.17a1 1 0 1 1 -.29-1.978l.981-.136.414-.049v-1.326a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_24.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_24.svg
new file mode 100644
index 0000000000..63a52db4ea
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10 16a2.995 2.995 0 0 1 3 3c.002.665.002 1.33 0 1.995a1 1 0 1 1 -2 0 313.09 313.09 0 0 1 0-1.995c0-.513-.373-.999-1-1a2075.01 2075.01 0 0 0 -4.99 0 .99.99 0 0 0 -1 1c-.002.665-.005 1.332-.01 2a.987.987 0 0 1 -.99.995c-.513 0-1.072-.441-1-1a331.67 331.67 0 0 1 0-1.995c0-1.598 1.344-3 3-3 1.663-.002 3.327-.002 4.99 0zm6.152-3.03a1 1 0 1 1 1.696 1.06 1 1 0 0 1 -1.696-1.06zm-4.016-.473a.999.999 0 1 1 1.728 1.006 1 1 0 1 1 -1.728-1.006zm8.36-.362a1 1 0 0 1 1.007 1.73 1 1 0 0 1 -1.006-1.73zm-12.976-5.197a3.47 3.47 0 0 1 3.48 3.48c0 1.933-1.552 3.52-3.48 3.52-1.93 0-3.52-1.59-3.52-3.52 0-1.928 1.586-3.48 3.52-3.48zm0 2c-.839 0-1.52.667-1.52 1.48 0 .826.694 1.52 1.52 1.52.813 0 1.48-.682 1.48-1.52a1.47 1.47 0 0 0 -1.48-1.48zm8.632 1.032a1 1 0 1 1 1.696 1.06 1 1 0 0 1 -1.696-1.06zm-3.017-.473a1 1 0 1 1 1.728 1.005 1 1 0 0 1 -1.728-1.005zm6.362-.361a1 1 0 1 1 1.005 1.73 1 1 0 0 1 -1.005-1.73zm-2.497-7.136c.513 0 .993.414.993 1l.008 2.53a17.61 17.61 0 0 1 3.242.5 1 1 0 0 1 -.486 1.94 15.438 15.438 0 0 0 -3.757-.47c-1.25 0-2.503.156-3.757.47a1 1 0 1 1 -.486-1.94 17.61 17.61 0 0 1 3.243-.5v-2.53a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_32.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_32.svg
new file mode 100644
index 0000000000..ad88f3eb98
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m13 23.02c2.142 0 4.067 1.835 4 4v1.98a1 1 0 0 1 -2 0 326.7 326.7 0 0 1 0-1.98c0-1.054-.922-2-2-2h-5.986c-1.055 0-2.014.825-2 2a326.7 326.7 0 0 0 0 1.98 1 1 0 0 1 -2 0 326.7 326.7 0 0 1 0-1.98c0-2.142 1.724-4 4-4zm-3-12.02a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm13.152 4.47a1 1 0 1 1 1.696 1.06 1 1 0 0 1 -1.696-1.06zm-5.016-.973a.999.999 0 1 1 1.728 1.006 1 1 0 1 1 -1.728-1.006zm10 0a.999.999 0 1 1 1.728 1.006 1 1 0 1 1 -1.728-1.006zm-4.984-2.027a1 1 0 1 1 1.696 1.06 1 1 0 0 1 -1.696-1.06zm-4.016-.973a.999.999 0 1 1 1.728 1.006 1 1 0 1 1 -1.728-1.006zm8.36-.362a1 1 0 0 1 1.007 1.73 1 1 0 0 1 -1.006-1.73zm-4.344-1.665a1 1 0 1 1 1.696 1.06 1 1 0 0 1 -1.696-1.06zm-3.017-.973a1 1 0 1 1 1.728 1.005 1 1 0 0 1 -1.728-1.005zm6.362-.361a1 1 0 1 1 1.005 1.73 1 1 0 0 1 -1.005-1.73zm-2.497-8.136a1 1 0 0 1 1 1v2.543c1.121.096 2.238.353 3.351.77a1 1 0 1 1 -.702 1.873c-1.223-.458-2.439-.686-3.649-.686-1.211 0-2.426.228-3.649.686a1 1 0 1 1 -.702-1.872 12.577 12.577 0 0 1 3.351-.771v-2.543a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_men_20.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_men_20.svg
new file mode 100644
index 0000000000..aee7448123
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_men_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m6.522 6.75a2.714 2.714 0 0 1 2.728 2.728 2.754 2.754 0 0 1 -2.728 2.772 2.791 2.791 0 0 1 -2.772-2.772 2.754 2.754 0 0 1 2.772-2.728zm7.56 3.255a.75.75 0 1 1 .336 1.462.75.75 0 0 1 -.337-1.462zm2.79-.403a.75.75 0 1 1 .754 1.298.75.75 0 0 1 -.753-1.298zm-6.27.269a.75.75 0 1 1 1.295.754.75.75 0 0 1 -1.295-.754zm3.48-2.175a.75.75 0 1 1 .336 1.462.75.75 0 0 1 -.337-1.462zm-2.73-.073a.75.75 0 1 1 1.295.753.75.75 0 0 1 -1.295-.753zm4.77-.271a.75.75 0 1 1 .754 1.297.75.75 0 0 1 -.754-1.297zm-1.872-5.352c.513 0 1 .429 1 1v1.324l.414.05.981.137a1 1 0 1 1 -.29 1.978l-1.266-.17a5.089 5.089 0 0 0 -1.678 0l-1.266.17a1 1 0 1 1 -.29-1.978l.981-.136.414-.049v-1.326a1 1 0 0 1 1-1zm-4.974 12c1.224 0 1.72 1.185 1.402 2.032-.162.434-.326.867-.493 1.3a1 1 0 0 1 -1.29.581 1.019 1.019 0 0 1 -.58-1.29c.076-.208.155-.415.235-.623h-4.107l.243.649a.995.995 0 0 1 -.585 1.287 1.012 1.012 0 0 1 -1.287-.585c-.168-.441-.334-.883-.497-1.324-.437-1.164.543-2.027 1.403-2.027 1.852-.002 3.703-.002 5.555 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_men_24.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_men_24.svg
new file mode 100644
index 0000000000..27ff1e28eb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_men_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.013 16c.569 0 1.112.24 1.49.663.386.43.56 1.005.472 1.602l-.511 2.904a1 1 0 1 1 -1.97-.347l.496-2.822h-6.98l.53 2.814a1 1 0 0 1 -1.938.485l-.581-3.062a1.933 1.933 0 0 1 .475-1.574c.34-.38.87-.663 1.491-.663zm5.14-3.03a1 1 0 1 1 1.695 1.06 1 1 0 0 1 -1.696-1.06zm-4.017-.473a.999.999 0 1 1 1.728 1.006 1 1 0 1 1 -1.728-1.006zm8.36-.362a1 1 0 0 1 1.007 1.73 1 1 0 0 1 -1.006-1.73zm-12.976-5.197a3.47 3.47 0 0 1 3.48 3.48c0 1.933-1.552 3.52-3.48 3.52-1.93 0-3.52-1.59-3.52-3.52 0-1.928 1.586-3.48 3.52-3.48zm0 2c-.839 0-1.52.667-1.52 1.48 0 .826.694 1.52 1.52 1.52.813 0 1.48-.682 1.48-1.52a1.47 1.47 0 0 0 -1.48-1.48zm8.632 1.032a1 1 0 1 1 1.696 1.06 1 1 0 0 1 -1.696-1.06zm-3.017-.473a1 1 0 1 1 1.728 1.005 1 1 0 0 1 -1.728-1.005zm6.362-.361a1 1 0 1 1 1.005 1.73 1 1 0 0 1 -1.005-1.73zm-2.497-7.136c.513 0 .993.414.993 1l.008 2.53a17.61 17.61 0 0 1 3.242.5 1 1 0 0 1 -.486 1.94 15.438 15.438 0 0 0 -3.757-.47c-1.25 0-2.503.156-3.757.47a1 1 0 1 1 -.486-1.94 17.61 17.61 0 0 1 3.243-.5v-2.53a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_men_32.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_men_32.svg
new file mode 100644
index 0000000000..6ed043bba7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_men_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m14.759 23c1.382 0 2.418 1.26 2.216 2.637l-.49 3.508a1 1 0 0 1 -1.978-.29l.489-3.508c.025-.168-.07-.347-.27-.347h-9.484c-.138 0-.266.154-.238.346l.485 3.512a1 1 0 0 1 -1.957.399l-.508-3.628c-.205-1.378.873-2.624 2.066-2.624zm-4.759-12a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm13.152 4.47a1 1 0 1 1 1.696 1.06 1 1 0 0 1 -1.696-1.06zm-5.016-.973a.999.999 0 1 1 1.728 1.006 1 1 0 1 1 -1.728-1.006zm10 0a.999.999 0 1 1 1.728 1.006 1 1 0 1 1 -1.728-1.006zm-4.984-2.027a1 1 0 1 1 1.696 1.06 1 1 0 0 1 -1.696-1.06zm-4.016-.973a.999.999 0 1 1 1.728 1.006 1 1 0 1 1 -1.728-1.006zm8.36-.362a1 1 0 0 1 1.007 1.73 1 1 0 0 1 -1.006-1.73zm-4.344-1.665a1 1 0 1 1 1.696 1.06 1 1 0 0 1 -1.696-1.06zm-3.017-.973a1 1 0 1 1 1.728 1.005 1 1 0 0 1 -1.728-1.005zm6.362-.361a1 1 0 1 1 1.005 1.73 1 1 0 0 1 -1.005-1.73zm-2.497-8.136a1 1 0 0 1 1 1v2.543c1.121.096 2.238.353 3.351.77a1 1 0 1 1 -.702 1.873c-1.223-.458-2.439-.686-3.649-.686-1.211 0-2.426.228-3.649.686a1 1 0 1 1 -.702-1.872 12.577 12.577 0 0 1 3.351-.771v-2.543a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_women_20.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_women_20.svg
new file mode 100644
index 0000000000..a9c631ab41
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_women_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8.5 14c.91 0 1.601.646 1.907 1.421l.57 1.362a1 1 0 0 1 -.76 1.193c-.54.12-1.006-.316-1.193-.76l-.54-1.216h-3.984l-.524 1.218c-.231.509-.655.878-1.194.758a1 1 0 0 1 -.758-1.194l.553-1.345c.243-.672.96-1.437 1.923-1.437zm-1.978-7.25a2.714 2.714 0 0 1 2.728 2.728 2.754 2.754 0 0 1 -2.728 2.772 2.791 2.791 0 0 1 -2.772-2.772 2.754 2.754 0 0 1 2.772-2.728zm8.459 3.817a.75.75 0 1 1 -1.46.338.75.75 0 0 1 1.46-.338zm2.917-.694a.75.75 0 1 1 -1.296.755.75.75 0 0 1 1.296-.755zm-6.271-.273a.75.75 0 1 1 -.754 1.297.75.75 0 0 1 .754-1.297zm3.353-1.342a.75.75 0 1 1 -1.459.339.75.75 0 0 1 1.46-.339zm-2.603-.906a.75.75 0 1 1 -.755 1.297.75.75 0 0 1 .755-1.297zm4.771.271a.75.75 0 1 1 -1.295.755.75.75 0 0 1 1.295-.755zm-2.898-5.623c.513 0 1 .429 1 1v1.324l.414.05.981.137a1 1 0 1 1 -.29 1.978l-1.266-.17a5.208 5.208 0 0 0 -1.4-.038l-1.544.208a1 1 0 1 1 -.29-1.978l.981-.136.414-.049v-1.326a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_women_24.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_women_24.svg
new file mode 100644
index 0000000000..a1803e4fe7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_women_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10.158 16c1.042 0 1.956.708 2.171 1.717l.65 3.062a1 1 0 1 1 -1.957.414l-.649-3.06c-.011-.054-.07-.133-.215-.133h-5.311c-.118 0-.203.066-.217.131l-.652 3.076a1 1 0 1 1 -1.956-.414l.652-3.077c.203-.952 1.092-1.716 2.173-1.716h5.31zm7.372-3.348a1 1 0 1 1 -1.058 1.695 1 1 0 0 1 1.058-1.695zm-4.028-.516a1 1 0 1 1 -1.005 1.73 1 1 0 0 1 1.005-1.73zm8.362.362a1 1 0 1 1 -1.728 1.006 1 1 0 0 1 1.728-1.006zm-14.344-5.56a3.47 3.47 0 0 1 3.48 3.48c0 1.933-1.552 3.52-3.48 3.52-1.93 0-3.52-1.59-3.52-3.52 0-1.928 1.586-3.48 3.52-3.48zm0 2c-.839 0-1.52.667-1.52 1.48 0 .826.694 1.52 1.52 1.52.813 0 1.48-.682 1.48-1.52a1.47 1.47 0 0 0 -1.48-1.48zm10.01.714a.999.999 0 1 1 -1.06 1.695 1 1 0 1 1 1.06-1.695zm-3.028-.516a1 1 0 1 1 -1.003 1.73 1 1 0 0 1 1.003-1.73zm6.362.362a1 1 0 1 1 -1.727 1.006 1 1 0 0 1 1.727-1.006zm-3.864-7.498c.513 0 .993.414.993 1l.008 2.53a17.61 17.61 0 0 1 3.242.5 1 1 0 0 1 -.486 1.94 15.438 15.438 0 0 0 -3.757-.47c-1.25 0-2.503.156-3.757.47a1 1 0 1 1 -.486-1.94 17.61 17.61 0 0 1 3.243-.5v-2.53a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_women_32.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_women_32.svg
new file mode 100644
index 0000000000..8e799085ce
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_shower_women_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m13.544 23c1.22 0 2.304.78 2.567 1.926l.864 3.851a1 1 0 0 1 -1.95.446l-.865-3.856c-.038-.168-.238-.327-.511-.36l-7.187-.007c-.327 0-.575.178-.617.362l-.87 3.86a1 1 0 0 1 -1.95-.445l.87-3.857c.249-1.086 1.312-1.915 2.567-1.915zm-3.544-12a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm14.53 4.152a1 1 0 1 1 -1.058 1.695 1 1 0 0 1 1.058-1.695zm-5.028-1.016a1 1 0 1 1 -1.005 1.73 1 1 0 0 1 1.005-1.73zm10 0a1 1 0 1 1 -1.005 1.73 1 1 0 0 1 1.005-1.73zm-4.972-1.984a1 1 0 1 1 -1.058 1.695 1 1 0 0 1 1.058-1.695zm-4.028-1.016a1 1 0 1 1 -1.005 1.73 1 1 0 0 1 1.005-1.73zm8.362.362a1 1 0 1 1 -1.728 1.006 1 1 0 0 1 1.728-1.006zm-4.334-2.346a.999.999 0 1 1 -1.06 1.695 1 1 0 1 1 1.06-1.695zm-3.028-1.016a1 1 0 1 1 -1.003 1.73 1 1 0 0 1 1.003-1.73zm6.362.362a1 1 0 1 1 -1.727 1.006 1 1 0 0 1 1.727-1.006zm-3.864-8.498a1 1 0 0 1 1 1v2.543c1.121.096 2.238.353 3.351.77a1 1 0 1 1 -.702 1.873c-1.223-.458-2.439-.686-3.649-.686-1.211 0-2.426.228-3.649.686a1 1 0 1 1 -.702-1.872 12.577 12.577 0 0 1 3.351-.771v-2.543a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_sink_20.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_sink_20.svg
new file mode 100644
index 0000000000..a2565bf5e6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_sink_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m12.538 10c1.732.016 3.411.65 4.683 1.816l.486.477a1 1 0 0 1 -1.32 1.497l-.36-.349c-.864-.864-2.031-1.414-3.228-1.455-1.196-.04-1.463.004-1.806 0-.342-.002-.648.207-.729.54-.024.1.038.21.167.232.085.015.972.097 2.661.247a1 1 0 0 1 .904 1.088c-.048.51-.455.937-.971.907a104.69 104.69 0 0 1 -2.779-.25c-.496-.052-.93-.209-1.452-.374-.348-.11-1.445-.452-3.29-1.026a1.377 1.377 0 0 0 -1.477.45c-.058.07-.055.206.112.271l3.84 1.47a7 7 0 0 0 2.176.452l6.845.007a1 1 0 0 1 1 1c0 .513-.427 1-1 1h-6.526c-.974 0-2.09-.177-2.864-.468-.516-.194-1.924-.728-4.226-1.604a2.166 2.166 0 0 1 -.912-3.387 3.377 3.377 0 0 1 3.423-1.157l2.41.739c.316-1.247 1.311-2.06 2.51-2.123zm-6.288-2.25a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zm3.5-.75a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zm-7-.034a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zm3.5-1.966a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zm3-.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zm-6-.022a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zm3-2.228a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zm-2.51-.25a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zm5.01 0a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_sink_24.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_sink_24.svg
new file mode 100644
index 0000000000..b078f31b42
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_sink_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.035 13.667a7 7 0 0 1 4.257 1.443l1.35 1.124a1 1 0 0 1 -1.183 1.607l-1.212-1.006c-.83-.696-2.067-1.154-2.942-1.161-.584-.005-1.317-.007-2.2-.007a.826.826 0 0 0 -.804.64.232.232 0 0 0 .174.28l2.59.165a1 1 0 0 1 -.065 1.996l-2.551-.149c-.569-.052-1.035-.233-1.778-.513a312.28 312.28 0 0 0 -3-1.097 1.255 1.255 0 0 0 -1.405.39c-.087.107-.078.307.09.384l3.472 1.597a7 7 0 0 0 2.588.632l7.584.008a1 1 0 0 1 1 1c0 .513-.402 1-1 1h-7.249a9 9 0 0 1 -3.403-.668c-2.666-1.196-4.101-1.879-4.305-2.047-.949-.787-1.114-2.199-.332-3.164a3.256 3.256 0 0 1 3.455-1.073l2.192.79c.308-1.29 1.507-2.16 2.57-2.166a400.7 400.7 0 0 1 2.107-.005zm-6.678-2.137a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zm3.5-.75a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zm-7-.034a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zm3.5-1.966a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zm3-.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zm-6-.021a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zm3.643-6.25c1.598 0 3 1.248 3 3v2.021h-5.98a1 1 0 0 1 -1-1c0-.513.337-1 1-1 1.99-.003 3.06 0 3.98 0 0-.544-.265-1.02-1-1.02a3667.71 3667.71 0 0 0 -6.966 0 1 1 0 1 1 0-2c2.321-.002 4.644-.002 6.966 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_sink_32.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_sink_32.svg
new file mode 100644
index 0000000000..ca3ccba132
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_sink_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m22.333 19a9 9 0 0 1 5.122 1.6c1.002.693 1.717 1.226 2.145 1.6a1 1 0 0 1 .2 1.4c-.306.408-.919.538-1.295.269-.25-.18-.908-.669-1.972-1.469a7 7 0 0 0 -3.897-1.393l-3.574-.007a1.64 1.64 0 0 0 -1.592 1.243.618.618 0 0 0 .517.757h4.013a1 1 0 0 1 1 1c0 .513-.414.995-1 1h-3.94c-.861-.012-1.202-.185-3.178-1-.54-.223-1.513-.61-2.917-1.16a3.492 3.492 0 0 0 -3.365.46c-.156.117-.232.48.091.615.21.086 2.651.974 7.326 2.664a7 7 0 0 0 2.043.412l5.148.009a9 9 0 0 1 1.415.112l4.573.907a1 1 0 0 1 .785 1.177 1.008 1.008 0 0 1 -1.177.785l-4.223-.845a7 7 0 0 0 -1.028-.127l-5.143-.009a9 9 0 0 1 -2.703-.416l-7.698-2.79a2.353 2.353 0 0 1 -.609-4.094 5.492 5.492 0 0 1 5.05-.81l3.022 1.174c.234-1.75 1.878-3.064 3.528-3.064zm-11.333-2a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3.75-.75a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-7.5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3.75-2.25a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3-1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-6 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm2.5-10a4.5 4.5 0 0 1 4.495 4.288l.005 2.712c0 1.054-.824 2-2 2h-4a2 2 0 0 1 -1.995-1.85l-.005-.6c0-.3-.191-.55-.5-.55h-3.5a1 1 0 1 1 0-2h3.5a2.5 2.5 0 0 1 2.495 2.336l.005.664h4v-2.5a2.5 2.5 0 0 0 -2.336-2.495l-7.664-.005a1 1 0 0 1 -1-1c0-.513.445-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_20.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_20.svg
new file mode 100644
index 0000000000..0879eafea1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16.46 7c.937 0 1.75.781 1.562 1.844l-.843 4.312c-.032.25-.22.5-.47.656v3.188a.98.98 0 0 1 -.968 1c-.562 0-1-.438-1-1v-4.063c0-.406.25-.78.656-.906l.594-3.062h-3.469l.625 3.062c.407.125.657.5.657.906v4.063c0 .563-.438 1-1 1a.98.98 0 0 1 -.97-1v-3.188c-.25-.156-.437-.406-.468-.656l-.875-4.281c-.187-.875.5-1.875 1.594-1.875zm-2.19-1.094a1.947 1.947 0 0 0 1.938-1.937c0-1.094-.875-1.969-1.937-1.969a1.96 1.96 0 0 0 -1.97 1.969c0 1.062.876 1.937 1.97 1.937zm-7.048 1.094c.812 0 1.5.563 1.594 1.344l.717 3.656a1.64 1.64 0 0 1 -1.312 1.906v3.094a.98.98 0 0 1 -.969 1c-.562 0-1-.438-1-1v-4.063c0-.562.438-1 1-1h.25l-.562-2.967h-2.282l-.593 2.969h.218c.563 0 1 .437 1 1v4.061c0 .563-.437 1-1 1a.98.98 0 0 1 -.968-1v-3.094a1.588 1.588 0 0 1 -1.282-1.906l.75-3.688c.094-.78.782-1.312 1.563-1.312h2.875zm-1.439-1.094a1.947 1.947 0 0 0 1.938-1.936c0-1.095-.875-1.97-1.938-1.97a1.96 1.96 0 0 0 -1.968 1.969c0 1.062.875 1.937 1.968 1.937z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_24.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_24.svg
new file mode 100644
index 0000000000..606beb1f70
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m8.02 7.75c.843 0 1.562.594 1.687 1.438l.75 4.78c.156 1.063-.563 2-1.781 2v5.064a.974.974 0 0 1 -.97.97.974.974 0 0 1 -.968-.97v-6.062c0-.531.438-.969.969-.969h.781l-.687-4.313h-3.125l-.657 4.312h.813c.531 0 .969.438.969.969v6.063c0 .532-.47.97-1 .97-.5 0-.97-.438-.97-.97v-5.062c-1.155 0-1.968-.875-1.812-2l.782-4.781a1.686 1.686 0 0 1 1.687-1.439h3.531zm11.852 0c1.03 0 1.843.906 1.687 1.906l-.749 5.344a1.64 1.64 0 0 1 -1.062 1.313v4.718a.974.974 0 0 1 -.97.969.974.974 0 0 1 -.968-.969v-5.593c0-.532.344-.97 1.125-.97l.656-4.78h-4.593l.687 4.78c.75 0 1.156.407 1.156.97v5.593a.974.974 0 0 1 -.968.969.974.974 0 0 1 -.97-.969v-4.718c-.562-.22-1-.72-1.093-1.282l-.781-5.312a1.666 1.666 0 0 1 1.656-1.969h5.188zm-13.633-5.75a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5zm11.05 0a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_32.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_32.svg
new file mode 100644
index 0000000000..63f02bf6c1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m3.036 19.624 1.594-8.53c.18-.907 1-1.593 1.906-1.593h4.312c.937 0 1.725.686 1.906 1.594l1.593 8.498a1.96 1.96 0 0 1 -1.937 2.375h-.781v7.061a.973.973 0 0 1 -.969.969c-.531 0-1-.438-1-.969v-8.061c0-.531.469-.969 1-.969h1.75l-1.562-8.53h-4.312l-1.562 8.531h1.75a.98.98 0 0 1 1 .969v8.061a.98.98 0 0 1 -1 .969.973.973 0 0 1 -.97-.969v-7.061h-.78c-1.25 0-2.171-1.165-1.938-2.344zm5.656-17.622c1.656 0 3 1.368 3 3.016a2.993 2.993 0 0 1 -3 2.984c-1.656 0-3-1.336-3-2.984s1.344-3.016 3-3.016zm0 2.031c-.563 0-1 .438-1 1 0 .563.437 1 1 1 .562 0 1-.438 1-1s-.438-1-1-1zm9.03 7.749a1.997 1.997 0 0 1 1.968-2.282h7.53c1.187 0 2.114 1.092 1.937 2.28l-1.187 8.5c-.12.813-.75 1.468-1.562 1.655v7.093a.98.98 0 0 1 -1 .969.973.973 0 0 1 -.969-.969v-8.061c0-.531.438-.969.969-.969h.594l1.218-8.53h-7.53l1.156 8.532h.625a.98.98 0 0 1 1 .969v8.061a.98.98 0 0 1 -1 .969.973.973 0 0 1 -.969-.969v-7.061h-.5a1.01 1.01 0 0 1 -.968-.844l-1.312-9.342zm5.546-9.78c1.617 0 2.985 1.368 2.985 3.016s-1.368 2.984-2.985 2.984a2.992 2.992 0 0 1 -3.015-2.984 3.018 3.018 0 0 1 3.015-3.016zm.015 2.031c-.562 0-1 .438-1 1 0 .563.438 1 1 1 .531 0 1-.438 1-1s-.469-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_men_20.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_men_20.svg
new file mode 100644
index 0000000000..2d4b56d6bc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_men_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m12.205 7c.937 0 1.75.781 1.562 1.844l-.843 4.312c-.032.25-.22.5-.47.656v3.188a.98.98 0 0 1 -.968 1c-.562 0-1-.438-1-1v-4.063c0-.406.25-.78.656-.906l.594-3.062h-3.469l.625 3.062c.407.125.657.5.657.906v4.063c0 .563-.438 1-1 1a.98.98 0 0 1 -.97-1v-3.188c-.25-.156-.437-.406-.468-.656l-.875-4.281c-.186-.875.5-1.875 1.594-1.875zm-2.19-1.094a1.947 1.947 0 0 0 1.938-1.937c0-1.094-.875-1.969-1.937-1.969a1.96 1.96 0 0 0 -1.97 1.969c0 1.062.876 1.937 1.97 1.937z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_men_24.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_men_24.svg
new file mode 100644
index 0000000000..98cd0002af
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_men_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.739 9.719a1.666 1.666 0 0 1 1.656-1.969h5.187c1.032 0 1.844.906 1.688 1.906l-.75 5.344a1.64 1.64 0 0 1 -1.063 1.313v4.718a.974.974 0 0 1 -.968.969.974.974 0 0 1 -.97-.969v-5.593c0-.532.345-.97 1.126-.97l.656-4.78h-4.594l.688 4.78c.75 0 1.156.407 1.156.97v5.593a.974.974 0 0 1 -.969.969.974.974 0 0 1 -.968-.969v-4.718c-.563-.22-1-.72-1.094-1.282l-.781-5.311zm2.011-5.469a2.25 2.25 0 1 0 4.5 0 2.25 2.25 0 0 0 -4.5 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_men_32.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_men_32.svg
new file mode 100644
index 0000000000..8c1bc85610
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_men_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m10.282 11.782a1.997 1.997 0 0 1 1.969-2.282h7.53c1.187 0 2.113 1.092 1.937 2.28l-1.188 8.5c-.12.813-.75 1.468-1.562 1.655v7.093a.98.98 0 0 1 -1 .969.973.973 0 0 1 -.968-.969v-8.061c0-.531.437-.969.968-.969h.594l1.219-8.53h-7.53l1.156 8.532h.625a.98.98 0 0 1 1 .969v8.061a.98.98 0 0 1 -1 .969.973.973 0 0 1 -.97-.969v-7.061h-.499c-.469 0-.9-.376-.969-.844l-1.312-9.342zm5.547-9.78c1.616 0 2.984 1.368 2.984 3.016s-1.368 2.984-2.984 2.984a2.992 2.992 0 0 1 -3.016-2.984 3.018 3.018 0 0 1 3.016-3.016zm.015 2.031c-.563 0-1 .438-1 1 0 .563.437 1 1 1 .53 0 1-.438 1-1s-.47-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_sign_20.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_sign_20.svg
new file mode 100644
index 0000000000..4d11270275
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_sign_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 7.031c0-.594.531-.969 1.031-.969.406 0 .828.247.938.75l.867 3.988.976-4.019c.115-.471.563-.719.97-.719.405 0 .854.239.968.72l.955 4.033.857-4.003c.115-.533.532-.75.938-.75.531 0 1.031.375 1.031.97 0 .093-.006.185-.031.28l-1.813 6.97c-.13.498-.562.718-.968.718s-.829-.223-.969-.719l-1-3.531-1 3.531c-.143.504-.563.719-.969.719a.99.99 0 0 1 -.968-.75l-1.783-6.938a1.11 1.11 0 0 1 -.03-.28zm9.969 3.531c0-4.125 2.437-4.562 3.5-4.562.625 0 1.281.125 1.875.406.437.188.625.531.625.875 0 .531-.407 1.063-.969 1.063a.963.963 0 0 1 -.406-.094c-.344-.156-.688-.25-1.032-.25-.437 0-1.593 0-1.593 2.562 0 2.47 1.031 2.47 1.594 2.47.374-.032.75-.126 1.093-.25.125-.032.25-.063.375-.063.563 0 .969.531.969 1.062 0 .375-.188.719-.656.906a7.383 7.383 0 0 1 -1.844.344c-1.313 0-3.531-.594-3.531-4.469z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_sign_24.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_sign_24.svg
new file mode 100644
index 0000000000..81883199a8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_sign_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2 6.963c0-.56.528-.932 1.056-.932.404 0 .776.217.9.745l1.522 6.553 1.708-6.584c.125-.465.528-.683.932-.683.435 0 .839.218.963.714l1.646 6.522 1.552-6.522c.125-.528.497-.745.901-.745.497 0 1.025.404 1.025.994 0 .062 0 .155-.031.248l-2.453 9.441a.98.98 0 0 1 -.963.746.951.951 0 0 1 -.932-.715l-1.708-6.708-1.74 6.708a1.012 1.012 0 0 1 -.962.715.947.947 0 0 1 -.932-.746l-2.422-9.44a1.106 1.106 0 0 1 -.062-.312zm12.267 4.844c0-5.247 3.261-5.807 4.659-5.807.807 0 1.645.186 2.39.528.436.155.622.497.622.87 0 .496-.404 1.024-.963 1.024a1.07 1.07 0 0 1 -.404-.093 4.107 4.107 0 0 0 -1.77-.373c-.776 0-2.546.187-2.546 3.851 0 3.292 1.428 3.727 2.702 3.727.559 0 1.118-.124 1.645-.31.156-.063.28-.094.435-.094.56 0 .963.528.963 1.025 0 .342-.186.684-.59.87a6.622 6.622 0 0 1 -2.453.466c-1.74 0-4.69-.715-4.69-5.684z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_sign_32.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_sign_32.svg
new file mode 100644
index 0000000000..7b38960d17
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_sign_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m25.969 9c1.125 0 2.25.25 3.312.719.438.187.625.531.625.906 0 .5-.406 1.031-.968 1.031a.961.961 0 0 1 -.407-.094 6.369 6.369 0 0 0 -2.687-.562c-1.157 0-4.157.187-4.157 5.969 0 5.218 2.47 5.812 4.344 5.812a7.92 7.92 0 0 0 2.532-.5 1.26 1.26 0 0 1 .468-.094c.563 0 .969.532.969 1.063 0 .344-.188.656-.594.844a9.707 9.707 0 0 1 -3.375.687c-2.906 0-6.343-1.344-6.343-7.812 0-6.938 3.937-7.969 6.28-7.969zm-23.939 1.25c-.03-.094-.03-.188-.03-.281 0-.594.531-.969 1.031-.969.406 0 .813.219.938.75l2.561 10.062 2.908-10.092a.957.957 0 0 1 .936-.72c.438 0 .844.25.969.719l2.812 10.093 2.657-10.062c.125-.531.532-.75.938-.75.5 0 1.031.375 1.031.969 0 .062-.031.187-.062.281l-3.563 13.625c-.125.5-.531.75-.969.75a.957.957 0 0 1 -.937-.719l-2.875-10.25-2.938 10.25c-.125.5-.53.719-.937.719-.438 0-.844-.25-.969-.75l-3.5-13.625z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_women_20.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_women_20.svg
new file mode 100644
index 0000000000..58b0508ac1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_women_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m11.442 7c.812 0 1.5.563 1.594 1.344l.718 3.656a1.64 1.64 0 0 1 -1.312 1.906v3.094a.98.98 0 0 1 -.969 1c-.562 0-1-.438-1-1v-4.063c0-.562.438-1 1-1h.25l-.562-2.968h-2.282l-.593 2.969h.218c.563 0 1 .437 1 1v4.062c0 .563-.437 1-1 1a.98.98 0 0 1 -.968-1v-3.094a1.588 1.588 0 0 1 -1.282-1.906l.75-3.688c.094-.78.782-1.312 1.563-1.312zm-1.438-1.094a1.947 1.947 0 0 0 1.938-1.937c0-1.094-.875-1.969-1.938-1.969a1.96 1.96 0 0 0 -1.968 1.969c0 1.062.875 1.937 1.968 1.937z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_women_24.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_women_24.svg
new file mode 100644
index 0000000000..4d4437a5f2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_women_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.78 13.969.782-4.781a1.686 1.686 0 0 1 1.687-1.438h3.531c.844 0 1.563.594 1.688 1.438l.75 4.78c.156 1.063-.563 2-1.781 2v5.064a.974.974 0 0 1 -.97.97.974.974 0 0 1 -.968-.97v-6.062c0-.531.438-.969.969-.969h.781l-.687-4.313h-3.125l-.657 4.312h.813c.531 0 .969.438.969.969v6.063c0 .532-.47.97-1 .97-.5 0-.97-.438-.97-.97v-5.062c-1.155 0-1.968-.875-1.812-2zm1.97-9.719a2.25 2.25 0 1 0 4.5 0 2.25 2.25 0 0 0 -4.5 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_women_32.svg b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_women_32.svg
new file mode 100644
index 0000000000..5299ce1f10
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/facilities/db_ic_wc_women_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m10.342 19.624 1.594-8.53c.18-.907 1-1.593 1.906-1.593h4.311c.938 0 1.726.686 1.906 1.594l1.594 8.498a1.96 1.96 0 0 1 -1.937 2.375h-.781v7.061a.973.973 0 0 1 -.97.969c-.53 0-.999-.438-.999-.969v-8.061c0-.531.469-.969 1-.969h1.75l-1.563-8.53h-4.311l-1.563 8.531h1.75a.98.98 0 0 1 1 .969v8.061a.98.98 0 0 1 -1 .969.973.973 0 0 1 -.968-.969v-7.061h-.782c-1.25 0-2.17-1.165-1.937-2.344zm5.656-17.622c1.656 0 2.999 1.368 2.999 3.016a2.993 2.993 0 0 1 -3 2.984c-1.655 0-2.999-1.336-2.999-2.984s1.344-3.016 3-3.016zm0 2.031c-.563 0-1 .438-1 1 0 .563.437 1 1 1 .562 0 1-.438 1-1s-.438-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_air_condition_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_air_condition_20.svg
new file mode 100644
index 0000000000..bde8af3725
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_air_condition_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2.25a.74.74 0 0 1 .743.75l.006 1.189.72-.72c.267-.266.73-.308 1.028-.036.299.271.368.719.033 1.097l-1.78 1.78v2.391l2.252-1.301.603-2.249a.75.75 0 0 1 .919-.53.735.735 0 0 1 .53.919l-.215.799.847-.489a.75.75 0 0 1 .75 1.3l-1.079.622 1.167.313c.393.088.63.518.53.919-.1.4-.457.642-.918.53l-2.617-.701-2.02 1.166 2.388 1.379 2.249-.601a.75.75 0 1 1 .388 1.448l-.8.214.712.411a.75.75 0 0 1 .275 1.025.744.744 0 0 1 -1.025.275l-.945-.547.313 1.168c.098.364-.103.795-.478.918a.777.777 0 0 1 -.97-.53l-.703-2.617-2.155-1.244v2.702l1.781 1.78a.75.75 0 0 1 0 1.061.76.76 0 0 1 -1.03.04l-.75-.761v.88a.75.75 0 0 1 -.75.75c-.38 0-.75-.29-.75-.75v-.879l-.72.72a.754.754 0 0 1 -1.06 0c-.27-.266-.311-.72 0-1.06l1.781-1.781v-2.701l-2.156 1.244-.7 2.616a.75.75 0 0 1 -.919.53c-.363-.097-.645-.494-.552-.88l.334-1.205-.944.546a.75.75 0 0 1 -1.025-.275c-.19-.329-.13-.78.233-.99l.753-.446-.799-.214c-.363-.097-.665-.496-.53-.918s.509-.625.919-.53l2.247.601 2.39-1.379-2.022-1.167-2.615.702a.758.758 0 0 1 -.919-.53c-.096-.383.096-.807.497-.919l1.2-.313-1.08-.622a.75.75 0 0 1 -.274-1.025.758.758 0 0 1 1.025-.275l.845.488-.213-.798c-.097-.364.06-.803.503-.919.443-.115.826.116.946.53l.601 2.249 2.255 1.3v-2.39l-1.78-1.78a.75.75 0 0 1 0-1.06.76.76 0 0 1 1.031-.037l.75.755v-1.188a.75.75 0 0 1 .75-.75z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_air_condition_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_air_condition_24.svg
new file mode 100644
index 0000000000..7830d05757
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_air_condition_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.999 2.125c.446 0 .883.366.875.875v1.744l1.077-1.077a.875.875 0 0 1 1.238 0 .887.887 0 0 1 0 1.237l-2.316 2.316v3.265l3.042-1.756.79-2.948a.875.875 0 0 1 1.072-.619.868.868 0 0 1 .619 1.072l-.338 1.258 1.297-.749a.875.875 0 0 1 1.196.32.89.89 0 0 1 -.263 1.16l-1.627.941 1.688.452a.875.875 0 0 1 .618 1.072c-.114.428-.552.73-.999.638l-3.45-.925-2.77 1.6 3.198 1.846 2.95-.79a.875.875 0 0 1 1.071.62c.115.427-.129.944-.618 1.071l-1.259.337 1.14.658a.875.875 0 1 1 -.875 1.516l-1.412-.816.453 1.687a.875.875 0 1 1 -1.69.453l-.906-3.377-2.927-1.69v3.627l2.316 2.316a.875.875 0 0 1 -1.238 1.237l-1.078-1.078v1.382a.871.871 0 1 1 -1.743 0l-.007-1.383-1.077 1.078a.875.875 0 1 1 -1.237-1.237l2.314-2.316v-3.627l-2.927 1.69-.904 3.377a.875.875 0 0 1 -1.072.62c-.428-.116-.754-.58-.618-1.073l.451-1.687-1.411.816a.875.875 0 0 1 -.875-1.516l1.138-.658-1.256-.337a.875.875 0 1 1 .453-1.69l2.948.789 3.2-1.847-2.773-1.599-3.376.906a.875.875 0 1 1 -.453-1.69l1.686-.453-1.568-.905a.875.875 0 0 1 .875-1.516l1.296.749-.336-1.258a.875.875 0 0 1 .618-1.072c.428-.114.904.092 1.072.62l.79 2.947 3.041 1.756v-3.265l-2.312-2.315a.875.875 0 0 1 0-1.237c.313-.313.808-.365 1.214-.027l1.1 1.104v-1.744c0-.483.392-.875.876-.875z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_air_condition_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_air_condition_32.svg
new file mode 100644
index 0000000000..4fccbb38e5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_air_condition_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m20.267 23.304c.414 0 .808.047 1.182.14.721.203.465 1.344-.237 1.154a3.963 3.963 0 0 0 -.9-.106c-.396 0-.713.075-.95.225s-.41.39-.517.72c-.108.33-.162.768-.162 1.314 0 .78.126 1.341.378 1.683s.666.513 1.242.513a4.044 4.044 0 0 0 .92-.104c.277-.07.51-.003.61.163.14.237.107.704-.216.875-.394.21-.93.254-1.404.254-1.056 0-1.854-.288-2.394-.864s-.81-1.413-.81-2.511c0-1.11.28-1.963.841-2.56.561-.598 1.367-.896 2.417-.896zm-6.94.144c.358 0 .68.22.807.555l1.932 5.037a.78.78 0 0 1 -.443 1.005.765.765 0 0 1 -.994-.44l-.374-.991h-2.25l-.395 1.076a.6.6 0 0 1 -.783.352.617.617 0 0 1 -.35-.797l2.041-5.243a.869.869 0 0 1 .81-.554zm-.197 2.025-.756 2.106h1.512zm2.87-23.348c.446 0 .883.366.875.875v1.744l1.078-1.077a.875.875 0 0 1 1.237 0 .887.887 0 0 1 0 1.237l-2.315 2.316v3.265l3.042-1.756.79-2.948a.875.875 0 0 1 1.072-.619.868.868 0 0 1 .618 1.072l-.337 1.258 1.297-.749a.875.875 0 0 1 1.195.32.89.89 0 0 1 -.262 1.16l-1.627.941 1.687.452a.875.875 0 0 1 .619 1.072c-.115.428-.553.73-1 .638l-3.45-.925-2.77 1.6 3.199 1.846 2.95-.79a.875.875 0 0 1 1.07.62c.115.427-.128.944-.618 1.071l-1.258.337 1.14.658a.875.875 0 1 1 -.875 1.516l-1.412-.816.452 1.687a.875.875 0 1 1 -1.69.453l-.905-3.377-2.927-1.69v3.627l2.315 2.316a.875.875 0 0 1 -1.237 1.237l-1.078-1.078v1.382a.871.871 0 1 1 -1.743 0l-.007-1.383-1.078 1.078a.875.875 0 1 1 -1.237-1.237l2.315-2.316v-3.627l-2.927 1.69-.905 3.377a.875.875 0 0 1 -1.071.62c-.428-.116-.754-.58-.619-1.073l.452-1.687-1.412.816a.875.875 0 0 1 -.875-1.516l1.139-.658-1.257-.337a.875.875 0 1 1 .453-1.69l2.949.789 3.199-1.847-2.771-1.599-3.377.906a.875.875 0 1 1 -.453-1.69l1.687-.453-1.569-.905a.875.875 0 0 1 .875-1.516l1.297.749-.337-1.258a.875.875 0 0 1 .619-1.072c.428-.114.904.092 1.071.62l.79 2.947 3.042 1.756v-3.265l-2.315-2.315a.875.875 0 0 1 0-1.237c.313-.313.808-.365 1.215-.027l1.1 1.104v-1.744c0-.483.392-.875.875-.875z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_buggy_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_buggy_20.svg
new file mode 100644
index 0000000000..9a8ffd3a44
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_buggy_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7 14a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm6 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm-1.042-11.99a5.329 5.329 0 0 1 4.96 5.686c-.008.3-.032.604-.097.825-.051.16-.233.691-.43 1.258l-.147.426-.143.408-.127.358a13.59 13.59 0 0 1 -.16.437 2.516 2.516 0 0 1 -2.314 1.592h-7.22a2.488 2.488 0 0 1 -2.33-1.631l-.882-2.992a1 1 0 0 1 .932-1.36l1.156-.001-.526-.793a.5.5 0 0 0 -.417-.223h-.225a1 1 0 1 1 0-2h.225a2.495 2.495 0 0 1 2.084 1.119l1.257 1.897h2.156l1.174-4.277a1 1 0 0 1 1.075-.729zm2.57 7.004-9.028.001.505 1.596c.065.241.248.405.455.409h7.172c.211-.017.393-.187.462-.431.044-.134.24-.848.435-1.575zm-1.963-4.846-.782 2.848h3.115c-.198-1.823-1.379-2.555-2.333-2.848z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_buggy_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_buggy_24.svg
new file mode 100644
index 0000000000..e739c897f0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_buggy_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m9.138 16.224a3.002 3.002 0 0 1 1.862 2.778 2.984 2.984 0 0 1 -2.956 3.001 3.003 3.003 0 0 1 -2.181-5.108 2.999 2.999 0 0 1 3.275-.67zm8 0a3.002 3.002 0 0 1 1.862 2.778 2.985 2.985 0 0 1 -2.956 3.001 3.003 3.003 0 0 1 -2.18-5.109 2.999 2.999 0 0 1 3.274-.67zm-9.09 1.777a1 1 0 1 0 .952.999.977.977 0 0 0 -.952-1zm7.998 0a1 1 0 1 0 .954 1 .978.978 0 0 0 -.954-1zm-2.123-16.001c4.235 0 7.08 2.846 7.08 7a.962.962 0 0 1 -.007.148c0 .523-.066 1.055-.213 1.557-.077.245-.183.555-.294.876l-.136.386a43.79 43.79 0 0 1 -.47 1.273c-.441 1.137-1.52 1.746-2.728 1.76h-10.47c-1.227-.002-2.323-.634-2.745-1.8l-.891-2.752a1.01 1.01 0 0 1 .14-.9.99.99 0 0 1 .811-.4l1.744-.001-.96-1.556a1.226 1.226 0 0 0 -1.048-.589h-.743a.996.996 0 0 1 -.99-1 .996.996 0 0 1 .99-1.002h.743a3.188 3.188 0 0 1 2.729 1.532l1.611 2.615h3.151l1.742-6.41a.992.992 0 0 1 .954-.737zm4.617 9h-13.19l.455 1.41c.143.36.49.596.874.594h10.472a.988.988 0 0 0 .898-.664 40.3 40.3 0 0 0 .491-1.34zm-3.873-6.958-1.387 5.105 5.75.001a.962.962 0 0 1 -.005-.148c0-3.279-2.133-4.714-4.357-4.958z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_buggy_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_buggy_32.svg
new file mode 100644
index 0000000000..b86928212b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_buggy_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m22.994 22a3.997 3.997 0 0 1 3.994 4c0 2.21-1.788 4-3.994 4a3.997 3.997 0 0 1 -3.994-4c0-2.21 1.788-4 3.994-4zm-10.984 0a3.997 3.997 0 0 1 3.993 4c0 2.21-1.788 4-3.993 4a3.997 3.997 0 0 1 -3.994-4c0-2.21 1.788-4 3.994-4zm10.983 2a1.998 1.998 0 0 0 -1.997 2c0 1.105.894 2 1.997 2a1.998 1.998 0 0 0 1.997-2c0-1.105-.894-2-1.997-2zm-10.983 0a1.998 1.998 0 0 0 -1.997 2c0 1.105.894 2 1.997 2a1.998 1.998 0 0 0 1.997-2c0-1.105-.894-2-1.997-2zm7.987-21c5.88 0 9.865 3.769 9.999 9.407l.004.293a7.811 7.811 0 0 1 -.317 2.123 81.645 81.645 0 0 1 -1.313 3.677 3.927 3.927 0 0 1 -3.605 2.5h-14.55a3.866 3.866 0 0 1 -3.621-2.539l-1.344-4.153a1.001 1.001 0 0 1 .951-1.308h2.826l-2.26-3.539a.998.998 0 0 0 -.841-.461h-2.928a1 1 0 0 1 0-2h2.928a2.981 2.981 0 0 1 2.522 1.383l2.947 4.617h4.555l3.1-9.316a.999.999 0 0 1 .949-.684zm7.522 12h-19.946l.909 2.812a1.85 1.85 0 0 0 1.731 1.188h14.551a1.938 1.938 0 0 0 1.757-1.26c.127-.307.624-1.655.999-2.74zm-6.806-9.979-2.656 7.979h9.935c.007-.1.011-.205.011-.3 0-5.331-3.645-7.441-7.289-7.679z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_clothing_hanger_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_clothing_hanger_20.svg
new file mode 100644
index 0000000000..e33d76b8d3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_clothing_hanger_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.996 3a3.004 3.004 0 0 1 3.004 3.004c0 1.204-.645 1.997-1.823 2.697-.062.037-.146.117-.17.285l5.544 2.407a2.404 2.404 0 0 1 -.786 4.6l-11.352.007a2.404 2.404 0 0 1 -1.124-4.53c3.808-1.655 5.711-2.484 5.711-2.486a2.43 2.43 0 0 1 .25-1.02c.194-.399.494-.737.904-.981.635-.378.845-.636.845-.978a1.003 1.003 0 0 0 -1.003-1.005c-.428 0-.91.319-1.03.765a1 1 0 1 1 -1.931-.523c.351-1.298 1.594-2.242 2.96-2.242zm-.392 7.891-5.353 2.335a.404.404 0 0 0 -.242.37c0 .195.116.367.38.404h11.198a.404.404 0 0 0 .234-.734l-5.35-2.345a1.278 1.278 0 0 0 -.475-.117c-.117 0-.247.029-.392.087z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_clothing_hanger_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_clothing_hanger_24.svg
new file mode 100644
index 0000000000..83b6891f67
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_clothing_hanger_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.996 5a3.004 3.004 0 0 1 3.004 3.004c0 1.204-.656 2.018-1.823 2.697-.173.1-.182.22-.182.621l7.377 2.847a2.5 2.5 0 0 1 -.721 4.824l-15.121.007a2.5 2.5 0 0 1 -1.07-4.76l7.534-2.915.004-.366a2.39 2.39 0 0 1 .268-1.037 2.3 2.3 0 0 1 .888-.94c.635-.378.845-.636.845-.978a.999.999 0 0 0 -1.003-1.004c-.341 0-.886.232-1.03.765a1 1 0 0 1 -1.931-.523c.351-1.298 1.594-2.242 2.96-2.242zm-.603 8.308-7.043 2.726a.5.5 0 0 0 .09.958l15.03.008a.5.5 0 0 0 .261-.926l-7.124-2.766c-.265-.108-.467-.162-.607-.162s-.342.054-.607.162z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_clothing_hanger_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_clothing_hanger_32.svg
new file mode 100644
index 0000000000..962085434d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_clothing_hanger_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 7a4 4 0 0 1 4 4c0 1.85-1.272 2.797-1.93 3.26-.657.462-.998.462-1.05 1.25l-.02.783 11.136 3.844a2.5 2.5 0 0 1 1.546 3.18c-.329.951-1.2 1.646-2.328 1.683h-22.673a2.5 2.5 0 0 1 -.982-4.8l11.302-3.908c0-1.9.274-2.7 1.491-3.402 1.085-.645 1.508-1.164 1.508-1.89a2 2 0 0 0 -2-2c-1.054 0-1.946.8-2 2a1 1 0 0 1 -2 0 4 4 0 0 1 4-4zm0 11.118c-.122 0-.313.046-.57.138l-10.913 3.771a.5.5 0 0 0 .074.965l22.728.008a.5.5 0 0 0 .473-.337c.08-.232 0-.565-.438-.678l-10.784-3.73c-.257-.091-.448-.137-.57-.137z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_day_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_day_20.svg
new file mode 100644
index 0000000000..17f9f5ef2a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_day_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 15a1 1 0 0 1 1 1v1a1 1 0 0 1 -2 0v-1a1 1 0 0 1 1-1zm4.95-1.464.707.707a1 1 0 1 1 -1.414 1.414l-.707-.707a1 1 0 0 1 1.414-1.414zm-8.486 0a1 1 0 0 1 0 1.414l-.707.707a.995.995 0 0 1 -.53.277l-.118.014h-.118a1 1 0 0 1 -.648-1.705l.707-.707a1 1 0 0 1 1.414 0zm3.536-7.536a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 1a1 1 0 0 1 0 2h-1a1 1 0 0 1 0-2zm-13 0a1 1 0 1 1 0 2h-1a1 1 0 0 1 0-2zm1.757-4.657.707.707a1 1 0 1 1 -1.414 1.414l-.707-.707a1 1 0 0 1 1.414-1.414zm9.9 0a1 1 0 0 1 0 1.414l-.707.707a.995.995 0 0 1 -.53.278l-.118.014h-.118a1 1 0 0 1 -.648-1.705l.707-.708a1 1 0 0 1 1.414 0zm-5.657-2.343a1 1 0 0 1 1 1v1a1 1 0 0 1 -2 0v-1a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_day_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_day_24.svg
new file mode 100644
index 0000000000..5c57a15973
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_day_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 18a1 1 0 0 1 1 1v2a1 1 0 0 1 -2 0v-2a1 1 0 0 1 1-1zm5.657-1.757 1.414 1.414a1 1 0 0 1 -1.414 1.414l-1.414-1.414a1 1 0 1 1 1.414-1.414zm-9.9 0a1 1 0 0 1 0 1.414l-1.414 1.413a1 1 0 1 1 -1.414-1.414l1.414-1.414a1 1 0 0 1 1.414 0zm4.243-8.243a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm9 1a1 1 0 0 1 0 2h-2a1 1 0 0 1 0-2zm-16 0a1 1 0 0 1 0 2h-2a1 1 0 0 1 0-2zm1.343-6.071 1.414 1.414a1 1 0 0 1 -1.414 1.414l-1.413-1.414a1 1 0 0 1 1.413-1.413zm12.728 0a1 1 0 0 1 0 1.414l-1.414 1.414a1 1 0 1 1 -1.414-1.414l1.414-1.414a1 1 0 0 1 1.414 0zm-7.071-2.929a1 1 0 0 1 1 1v2a1 1 0 0 1 -2 0v-2a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_day_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_day_32.svg
new file mode 100644
index 0000000000..a2cca9590f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_day_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 25a1 1 0 0 1 1 1v3a1 1 0 0 1 -2 0v-3a1 1 0 0 1 1-1zm-6.364-2.636a1 1 0 0 1 0 1.414l-2.121 2.122a1 1 0 0 1 -1.415-1.415l2.12-2.121a1 1 0 0 1 1.415 0zm14.142 0 2.121 2.121a1 1 0 1 1 -1.414 1.414l-2.121-2.12a1 1 0 0 1 1.414-1.415zm-7.778-13.364a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm0 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm13 4a1 1 0 0 1 0 2h-3a1 1 0 0 1 0-2zm-23 0a1 1 0 0 1 0 2h-3a1 1 0 0 1 0-2zm19.9-8.9a1 1 0 0 1 0 1.415l-2.122 2.121a1 1 0 1 1 -1.414-1.414l2.121-2.122a1 1 0 0 1 1.414 0zm-18.385 0 2.121 2.122a1 1 0 1 1 -1.414 1.414l-2.122-2.121a1 1 0 0 1 1.415-1.415zm8.485-4.1a1 1 0 0 1 1 1v3a1 1 0 0 1 -2 0v-3a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_day_solid_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_day_solid_20.svg
new file mode 100644
index 0000000000..f5910a54d3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_day_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 15a1 1 0 0 1 1 1v1a1 1 0 0 1 -2 0v-1a1 1 0 0 1 1-1zm4.95-1.464.707.707a1 1 0 1 1 -1.414 1.414l-.707-.707a1 1 0 0 1 1.414-1.414zm-8.486 0a1 1 0 0 1 0 1.414l-.707.707a.995.995 0 0 1 -.53.277l-.118.014h-.118a1 1 0 0 1 -.648-1.705l.707-.707a1 1 0 0 1 1.414 0zm3.536-7.536a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm7 3a1 1 0 0 1 0 2h-1a1 1 0 0 1 0-2zm-13 0a1 1 0 1 1 0 2h-1a1 1 0 0 1 0-2zm1.757-4.657.707.707a1 1 0 1 1 -1.414 1.414l-.707-.707a1 1 0 0 1 1.414-1.414zm9.9 0a1 1 0 0 1 0 1.414l-.707.707a.995.995 0 0 1 -.53.278l-.118.014h-.118a1 1 0 0 1 -.648-1.705l.707-.708a1 1 0 0 1 1.414 0zm-5.657-2.343a1 1 0 0 1 1 1v1a1 1 0 0 1 -2 0v-1a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_dog_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_dog_20.svg
new file mode 100644
index 0000000000..e8f2568a0a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_dog_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14 8a1 1 0 0 0 -1 1v6.5a.5.5 0 0 1 -1 0v-2.5a1.002 1.002 0 0 0 -1.444-.896c-.224.11-.94.396-1.556.396s-1.332-.286-1.553-.395a1.003 1.003 0 0 0 -.973.044 1.003 1.003 0 0 0 -.474.851v2.5a.5.5 0 0 1 -1 0v-5.5h6a1 1 0 0 0 .986-.836l.681-4.083.626.626c.11.109.244.192.391.241l2.228.743c-.333 1.18-1.516 1.303-1.912 1.309m3.316-2.948-2.776-.926-1.833-1.833a.997.997 0 0 0 -1.012-.245.997.997 0 0 0 -.681.788l-.861 5.164h-5.975c-.057-.09-.178-.355-.178-1a1 1 0 1 0 -2 0c0 1.514.5 2.262 1 2.633v5.867c0 1.379 1.122 2.5 2.5 2.5s2.5-1.121 2.5-2.5v-1.111a5.138 5.138 0 0 0 2 0v1.111c0 1.379 1.122 2.5 2.5 2.5s2.5-1.121 2.5-2.5v-5.626c1.445-.357 3-1.508 3-3.874a.997.997 0 0 0 -.684-.948" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_dog_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_dog_24.svg
new file mode 100644
index 0000000000..ae3e8c59c7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_dog_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.143 9.714a1 1 0 0 0 -1 1v8.357a.93.93 0 0 1 -1.857 0v-3.213a1.002 1.002 0 0 0 -1.499-.867c-.011.006-1.082.607-2.073.607-.993 0-2.064-.603-2.072-.607a1 1 0 0 0 -1.499.867v3.213a.93.93 0 0 1 -1.857 0v-7.356h8a1 1 0 0 0 .986-.836l.966-5.798 1.198 1.197c.11.11.244.193.391.242l3.112 1.038c-.376 2.015-2.369 2.15-2.796 2.156m4.173-3.805-3.633-1.212-2.405-2.404a.997.997 0 0 0 -1.012-.245.997.997 0 0 0 -.681.788l-1.147 6.879h-8.055c-.104-.071-.383-.461-.383-1.571a1 1 0 1 0 -2 0c0 1.952.67 2.835 1.286 3.236v7.69a2.932 2.932 0 0 0 2.928 2.93 2.932 2.932 0 0 0 2.929-2.93v-1.718c.942.279 2.2.279 3.143 0v1.719a2.932 2.932 0 0 0 2.928 2.929 2.932 2.932 0 0 0 2.929-2.93v-7.46c1.699-.34 3.857-1.586 3.857-4.752a1 1 0 0 0 -.684-.95" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_dog_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_dog_32.svg
new file mode 100644
index 0000000000..866b5653c6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_dog_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m26.947 11.438c-1.261 1.063-3.324.724-3.342.72a1.002 1.002 0 0 0 -1.177.985v13.07c0 .986-.801 1.787-1.785 1.787-.985 0-1.786-.8-1.786-1.787v-4.642a1.003 1.003 0 0 0 -1.001-.998.996.996 0 0 0 -.485.125c-.016.008-1.664.909-3.228.909-1.565 0-3.213-.9-3.229-.91a1.005 1.005 0 0 0 -.993.012 1.003 1.003 0 0 0 -.493.863v4.642c0 .986-.801 1.786-1.786 1.786-.984 0-1.785-.8-1.785-1.787v-11.07h12a1 1 0 0 0 .986-.837l1.538-9.224 2.34 2.338a.99.99 0 0 0 .391.242l4.85 1.618c-.109.957-.449 1.68-1.015 2.158m2.369-3.815-5.348-1.783-3.547-3.547a.999.999 0 0 0 -1.693.544l-1.719 10.306h-12.098c-.261-.048-.911-.619-.911-2.713a1 1 0 1 0 -2 0c0 2.861 1.032 3.982 1.857 4.425v11.36a3.79 3.79 0 0 0 3.785 3.785 3.79 3.79 0 0 0 3.786-3.787v-3.12c.76.267 1.729.514 2.715.514.985 0 1.954-.247 2.714-.514v3.12a3.79 3.79 0 0 0 3.786 3.787 3.79 3.79 0 0 0 3.785-3.787v-12.003c1.043-.006 2.582-.218 3.795-1.232 1.179-.986 1.777-2.47 1.777-4.405a.998.998 0 0 0 -.684-.948" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_entry_aid_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_entry_aid_20.svg
new file mode 100644
index 0000000000..de9cab2460
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_entry_aid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m17.904 14.237c.12.498-.172 1.07-.74 1.205-4.264 1.028-8.534 2.051-12.807 3.075a1 1 0 0 1 -1.206-.74c-.12-.498.154-1.045.74-1.205 4.266-1.026 8.535-2.051 12.808-3.074a1 1 0 0 1 1.206.739zm-11.88-5.571c.375.346.445.999.057 1.413a1.5 1.5 0 0 0 1.258 2.51c.376-.04.715-.193 1.057-.61a1 1 0 1 1 1.617 1.177 3.5 3.5 0 1 1 -5.402-4.434 1 1 0 0 1 1.414-.056zm2.378-2.599 1.345 2.207 2.14-.455c.764-.163 1.303.105 1.719.72l1.88 2.696c.063.093.12.262.14.353a.98.98 0 0 1 -.74 1.18c-.46.098-.863-.135-1.091-.471l-1.737-2.47-2.69.572a1.012 1.012 0 0 1 -1.134-.526l-1.653-2.907a1.006 1.006 0 0 1 .688-1.424c.458-.098.91.13 1.133.525zm-2.435-4.055a1.52 1.52 0 0 1 1.78 1.155 1.5 1.5 0 0 1 -1.156 1.78 1.48 1.48 0 0 1 -1.78-1.156 1.5 1.5 0 0 1 1.156-1.78z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_entry_aid_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_entry_aid_24.svg
new file mode 100644
index 0000000000..7c630252c8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_entry_aid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.29 16.609 1.72.06a1 1 0 1 1 -.07 1.999c-.573-.018-1.146-.038-1.72-.06a1.064 1.064 0 0 0 -.275.028l-13.587 3.374a2.942 2.942 0 0 1 -.828.087l-1.719-.06a1 1 0 0 1 .07-1.999c.573.018 1.146.038 1.719.06.09.003.182-.006.276-.029l13.587-3.374c.272-.067.548-.096.828-.086zm-12.82-6.217a.952.952 0 0 1 -.075.667l-.06.108a2.488 2.488 0 0 0 -.315 1.863 2.54 2.54 0 0 0 3.036 1.897 2.532 2.532 0 0 0 1.59-1.144.921.921 0 0 1 .584-.417 1.007 1.007 0 0 1 1.199.75c.056.243.058.531-.082.756a4.519 4.519 0 0 1 -2.81 1.996 4.535 4.535 0 0 1 -5.437-3.396c-.26-1.126-.05-2.297.508-3.356a.95.95 0 0 1 .63-.466c.548-.127 1.103.194 1.23.742zm2.144-3.945 1.836 2.873 2.113-.567c.755-.202 1.307.037 1.754.63l2.962 3.93c.068.09.133.256.158.346a.98.98 0 0 1 -.677 1.217c-.453.121-.868-.09-1.114-.413l-2.806-3.713-2.657.712a1.012 1.012 0 0 1 -1.16-.466l-2.182-3.556a1.006 1.006 0 0 1 .612-1.458c.453-.122.916.081 1.16.465zm-2.564-4.335a1.52 1.52 0 0 1 1.837 1.06 1.5 1.5 0 0 1 -1.06 1.838 1.48 1.48 0 0 1 -1.838-1.06 1.5 1.5 0 0 1 1.06-1.838z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_entry_aid_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_entry_aid_32.svg
new file mode 100644
index 0000000000..b0364d35d8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_entry_aid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m26.26 21.818 1.753.061a1 1 0 0 1 -.07 2c-.584-.02-1.168-.04-1.752-.062-.118.002-.2.01-.244.021-6.556 1.398-13.107 2.797-19.653 4.197a2.902 2.902 0 0 1 -.732.065l-1.778-.063a1 1 0 0 1 -.965-1.034.993.993 0 0 1 1.034-.964c.593.018 1.186.039 1.78.062a.749.749 0 0 0 .243-.022 6812.95 6812.95 0 0 0 19.654-4.197c.217-.047.46-.069.73-.064zm-18.918-3.686a5.826 5.826 0 0 1 .38-4.05.973.973 0 0 1 .631-.516c.58-.155 1.091.18 1.234.712.056.209.042.436-.047.658-.4.827-.51 1.8-.275 2.68.546 2.04 2.618 3.286 4.657 2.74a3.944 3.944 0 0 0 2.667-2.368c.134-.334.398-.553.676-.628.51-.136 1.101.127 1.257.706a.92.92 0 0 1 -.054.635 5.974 5.974 0 0 1 -4.029 3.587c-3.011.807-6.246-.983-7.097-4.156zm1.533-7.809c-.143-.533.18-1.09.712-1.234l.695-.186c1.112-.298 2.246.044 2.843.976l.177.29 3.313-.887a1.001 1.001 0 0 1 1.23.698 1.015 1.015 0 0 1 -.713 1.234l-2.733.732 1.097 1.777 3.382-.906c.417-.112.807.047 1.074.397l3.449 4.438c.071.08.125.19.156.306a.992.992 0 0 1 -.718 1.21c-.417.112-.803-.033-1.071-.383l-3.043-3.852-3.428.919a1 1 0 0 1 -1.113-.447l-2.65-4.33c-.173-.276-.32-.36-.737-.25l-.695.187a.993.993 0 0 1 -1.227-.689zm-1.292-4.818a2.027 2.027 0 0 1 1.424-2.467c1.066-.286 2.159.365 2.444 1.43a1.986 1.986 0 0 1 -1.407 2.438c-1.066.286-2.176-.336-2.461-1.401z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_environmental_mobility_check_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_environmental_mobility_check_20.svg
new file mode 100644
index 0000000000..70e2aaf6a3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_environmental_mobility_check_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m17.1 4.853c.58.1 1.019.677.866 1.245-1.269 4.705-3.304 7.562-5.844 8.685-1.864.825-3.9.594-5.2-.329a6.417 6.417 0 0 1 -4.258.012c-1.22-.445-.54-2.336.672-1.884 1.873.698 4.651-.165 7.478-3.22 1.117-1.02 2.287.385 1.538 1.277-.98 1.082-1.99 1.96-3.033 2.637a3.674 3.674 0 0 0 1.994-.322c1.911-.89 3.373-2.97 4.385-6.235-3.619-.1-6.118.94-7.498 3.12-.886 1.488-2.507.373-1.826-.819 1.1-1.84 2.75-3.054 4.819-3.736 1.705-.562 3.627-.705 5.907-.43z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_environmental_mobility_check_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_environmental_mobility_check_24.svg
new file mode 100644
index 0000000000..8ff6109817
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_environmental_mobility_check_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20.67 5.96a1 1 0 0 1 .796 1.246c-1.525 5.656-3.958 9.071-6.976 10.406-2.163.956-4.518.706-6.037-.332-1.924.573-3.738.463-5.308-.16-1.035-.327-.835-2.292.71-1.87 3.343 1.247 6.862-.402 10.555-4.947 1.027-1.205 2.354.39 1.632 1.156-1.673 2.166-3.388 3.698-5.065 4.697 4.51.38 6.876-4.063 8.229-8.339-2.096-.134-4.025.14-5.79.82-2.178.86-3.752 2.41-4.546 4.578-.46 1.254-2.387.535-1.87-.711 1.453-3.499 3.453-5.003 6.514-6.027 3.356-1.123 7.127-.521 7.157-.516z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_environmental_mobility_check_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_environmental_mobility_check_32.svg
new file mode 100644
index 0000000000..037a3235a5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_environmental_mobility_check_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m29.1 6.599c.586.075.948.677.795 1.245-2.281 8.465-5.89 13.53-10.318 15.488-3.197 1.414-6.674 1.002-8.826-.562-1.633.458-3.326.67-5.022.498a11.803 11.803 0 0 1 -3.013-.693c-1.217-.546-.548-2.3.709-1.87a9.468 9.468 0 0 0 2.487.571c4.287.402 8.54-1.94 11.86-4.425 1.586-1.176 3.182-2.612 4.788-4.307.81-.903 2.268.155 1.569 1.225 0 0-1.73 1.958-3.765 3.583-2.041 1.678-4.354 3.306-7.068 4.498 1.58.537 6.077 1.166 10.227-4.414 1.633-2.295 3.008-5.294 4.125-8.998-2.197-.16-4.168-.097-5.915.191-4.089.713-8.877 2.659-10.983 8.306-.392 1.037-2.215.807-1.869-.711 1.26-3.346 3.715-6.464 7.978-8.273 3.168-1.328 7.51-2.011 12.241-1.351z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_hydrogen_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_hydrogen_20.svg
new file mode 100644
index 0000000000..35b3ed846f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_hydrogen_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.016 18c-3.47 0-6.086-2.64-6.086-6.139 0-1.375.56-2.881 1.66-4.475 0 0 2.17-3.23 3.159-4.714.28-.42.747-.67 1.251-.672h.003c.4 0 .778.158 1.057.433a1 1 0 0 1 .223.239c.99 1.487 3.166 4.724 3.166 4.724 1.094 1.585 1.653 3.09 1.653 4.466 0 3.5-2.616 6.138-6.086 6.138zm0-13.624c-1.08 1.616-2.773 4.134-2.773 4.134-.873 1.266-1.313 2.39-1.313 3.351 0 2.398 1.72 4.138 4.087 4.138s4.086-1.74 4.086-4.138c0-.962-.439-2.085-1.306-3.34-.006-.01-1.7-2.53-2.78-4.146z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_hydrogen_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_hydrogen_24.svg
new file mode 100644
index 0000000000..0af1cc4175
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_hydrogen_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.502 2c.55 0 1.061.272 1.37.73.426.64 1.02 1.528 1.623 2.428l.279.415c.972 1.451 1.905 2.84 2.123 3.165l.042.063c1.382 1.999 2.083 3.88 2.083 5.59 0 4.338-3.226 7.609-7.503 7.609-4.298 0-7.539-3.27-7.539-7.607 0-1.614.626-3.382 1.86-5.26l.225-.332.005-.009.042-.062.081-.12.116-.174c.598-.89 2.163-3.221 3.264-4.869l.237-.354.318-.477a1.65 1.65 0 0 1 1.371-.736zm0 2.275a3286.407 3286.407 0 0 1 -3.551 5.298l-.113.167-.124.185c-1.155 1.673-1.738 3.173-1.738 4.468 0 3.252 2.332 5.61 5.543 5.61 3.192 0 5.507-2.36 5.507-5.613 0-1.295-.582-2.795-1.73-4.457l-2.25-3.353-.273-.408c-.455-.678-.901-1.344-1.27-1.897z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_hydrogen_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_hydrogen_32.svg
new file mode 100644
index 0000000000..bbc9390538
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_hydrogen_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m15.975 2c.646 0 1.248.32 1.609.857.864 1.285 2.275 3.376 3.504 5.196a1 1 0 0 1 -1.657 1.119c-1.23-1.82-2.642-3.913-3.506-5.199-.627.996-1.552 2.413-2.48 3.82l-.308.467a829.262 829.262 0 0 1 -2.893 4.346l-.064.096-.037.055c-1.716 2.486-2.583 4.737-2.583 6.699 0 4.951 3.549 8.544 8.438 8.544s8.438-3.593 8.438-8.544c0-1.871-.798-4.018-2.373-6.379a1.001 1.001 0 0 1 1.664-1.11c1.797 2.696 2.709 5.216 2.709 7.488 0 6.011-4.487 10.544-10.438 10.544-5.951.002-10.438-4.531-10.438-10.542 0-2.376.986-5.009 2.93-7.825l.04-.06c.25-.37 1.602-2.387 3.03-4.518l.307-.458 1.893-2.832.252-.377.346-.519a1.94 1.94 0 0 1 1.611-.868zm3.862 17.407c.468 0 .831.119 1.079.353.25.235.377.58.377 1.024 0 .292-.06.559-.178.795a2.694 2.694 0 0 1 -.479.665l-.078.079a15.33 15.33 0 0 1 -.442.422h.944a.449.449 0 0 1 .445.496.527.527 0 0 1 -.524.471h-2.058a.465.465 0 0 1 -.452-.342.464.464 0 0 1 .044-.357.933.933 0 0 1 .186-.226l.193-.174c.308-.282.539-.509.705-.691a2.27 2.27 0 0 0 .375-.538 1.26 1.26 0 0 0 .122-.549c0-.162-.034-.279-.101-.347s-.182-.102-.343-.102c-.141 0-.279.022-.41.064l-.03.01a.428.428 0 0 1 -.541-.263l-.008-.023a.468.468 0 0 1 .25-.579c.087-.041.179-.076.272-.104.202-.056.42-.084.652-.084zm-2.904-5.863c.473 0 .857.384.857.857v6.457a.857.857 0 0 1 -1.714 0v-2.669h-2.732v2.669a.857.857 0 0 1 -1.714 0v-6.457a.857.857 0 0 1 1.714 0v2.493h2.732v-2.493c0-.473.384-.857.857-.857z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_hydrogen_solid_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_hydrogen_solid_20.svg
new file mode 100644
index 0000000000..1540fd86be
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_hydrogen_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14.45 7.396s-2.175-3.237-3.166-4.724a1.019 1.019 0 0 0 -.223-.239 1.505 1.505 0 0 0 -1.057-.433h-.003a1.507 1.507 0 0 0 -1.251.672c-.99 1.484-3.16 4.714-3.16 4.714-1.1 1.594-1.66 3.1-1.66 4.476 0 3.5 2.617 6.138 6.087 6.138s6.087-2.639 6.087-6.138c0-1.375-.56-2.881-1.654-4.466zm-3.505 5.998a.536.536 0 0 1 -1.071 0v-1.668h-1.708v1.668a.536.536 0 0 1 -1.07 0v-4.036a.536.536 0 0 1 1.07 0v1.559h1.708v-1.559a.536.536 0 0 1 1.071 0zm1.995 1.785h-1.286a.292.292 0 0 1 -.282-.215.29.29 0 0 1 .027-.223.583.583 0 0 1 .116-.141l.12-.109a7.3 7.3 0 0 0 .442-.432c.094-.1.173-.214.234-.336a.788.788 0 0 0 .076-.343c0-.101-.021-.175-.063-.217-.042-.043-.114-.064-.214-.064a.839.839 0 0 0 -.257.04l-.018.006h-.002a.267.267 0 0 1 -.336-.164l-.005-.014a.292.292 0 0 1 .156-.362c.054-.026.112-.048.17-.065.126-.035.262-.053.407-.053.293 0 .52.075.675.22.156.148.235.363.235.64a1.1 1.1 0 0 1 -.11.498c-.079.154-.18.293-.3.415l-.049.05c-.08.08-.172.167-.276.264h.59l.03.001a.28.28 0 0 1 .248.309.33.33 0 0 1 -.328.294z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_luggage_compartment_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_luggage_compartment_20.svg
new file mode 100644
index 0000000000..16109cbcb8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_luggage_compartment_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8 2a1 1 0 0 1 0 2l-2.992.01c-.277.017-.544.056-.769.364-.176.239-.222.566-.234.962l-.004 9.19c.002.479.079 1.165.534 1.351.24.098.491.117.76.121l2.705.002a1 1 0 0 1 0 2h-2.558c-.939 0-1.449-.109-1.975-.419a2.824 2.824 0 0 1 -1.112-1.219c-.242-.499-.339-.976-.353-1.816l-.002-8.854c0-.992.091-1.51.355-2.054.25-.517.629-.934 1.112-1.219.482-.284.951-.399 1.749-.417zm6.873 4.868c2.275.074 3.131 1.917 3.131 3.132a3.131 3.131 0 0 1 -6.054 1.125c-.53.015-.916.027-1.155.036-.155-.009-.17-.02-.292-.117a43.696 43.696 0 0 1 -.548-.558c-.269.272-.54.543-.812.812a.393.393 0 0 1 -.553 0c-.28-.276-.558-.554-.834-.834l-.412.412-.358.357c-.187.188-.417.136-.553 0-.333-.329-.664-.66-.993-.992-.082-.084-.224-.327 0-.554l.386-.389.18-.18.48-.477a.348.348 0 0 1 .277-.115c1.78.002 3.56.006 5.34.013.102-.218.264-.445.485-.68a3.12 3.12 0 0 1 2.285-.99zm-.235 2.264a1.181 1.181 0 1 0 1.67 1.67 1.181 1.181 0 0 0 -1.67-1.67z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_luggage_compartment_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_luggage_compartment_24.svg
new file mode 100644
index 0000000000..1e3b47e513
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_luggage_compartment_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10 2a1 1 0 0 1 1 1c0 .513-.414 1-1 .993l-3.581.007c-.788 0-1.267.06-1.579.24-.311.18-.46.343-.6.608-.15.285-.218.564-.235 1.217v11.87c.017.653.085.932.235 1.217.14.265.31.442.6.608.291.166.666.221 1.19.235l3.97.005a1 1 0 0 1 0 2h-3.581c-1.237 0-1.871-.124-2.531-.481a3.438 3.438 0 0 1 -1.416-1.433c-.326-.616-.453-1.21-.47-2.29l-.002-11.334c0-1.246.121-1.883.472-2.547a3.438 3.438 0 0 1 1.416-1.433c.613-.331 1.203-.462 2.275-.48zm7.5 5.65c2.39 0 4.35 1.937 4.35 4.35a4.353 4.353 0 0 1 -4.35 4.35c-1.284 0-2.723-.553-3.7-2.07h-1.213l-1.014.677a.85.85 0 0 1 -.9.027l-.828-.647-.715.576a.85.85 0 0 1 -1.088-.02l-2.08-2.328c-.271-.306-.276-.83-.044-1.075l1.026-1.038 1.053-1.053a.867.867 0 0 1 .596-.242l5.62-.007a4.357 4.357 0 0 1 3.287-1.5zm0 1.707c-.728 0-1.283.235-1.8.684-.51.53-.933.809-1.221.809h-5.53l-1.183 1.184.93 1.046.615-.493a.849.849 0 0 1 .964-.07l.869.681.528-.484h2.348c.644 0 1.114.536 1.272.754.16.217.274.371.461.528.365.305.88.65 1.747.65 1.575 0 2.65-1.193 2.65-2.646s-1.075-2.643-2.65-2.643zm0 1.393a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_luggage_compartment_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_luggage_compartment_32.svg
new file mode 100644
index 0000000000..4d86ca31e8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_luggage_compartment_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m12 5a1 1 0 0 1 1 1c0 .513-.397 1-1 .993l-5.154.007c-1.068 0-1.449.073-1.84.283a1.727 1.727 0 0 0 -.723.723c-.18.335-.26.663-.278 1.422v13.144c.019.76.098 1.087.278 1.422.168.314.409.555.723.723.335.18.663.26 1.422.278l5.572.005a1 1 0 0 1 0 2h-5.154c-1.37 0-2.063-.134-2.783-.519a3.726 3.726 0 0 1 -1.544-1.544c-.36-.672-.5-1.32-.517-2.518l-.002-12.573c0-1.37.134-2.063.519-2.783a3.726 3.726 0 0 1 1.544-1.543c.672-.36 1.32-.5 2.518-.517zm12 5a6 6 0 1 1 -5.196 9.001l-2.804-.001a1 1 0 0 1 -.453-.108l-1.049-.691-.948.632a1 1 0 0 1 -.994.065l-1.057-.696-.944.63a1 1 0 0 1 -.437.161l-1.118.007a1 1 0 0 1 -.608-.206l-2.1-2.087a1 1 0 0 1 -.082-1.32l2.083-2.094a1 1 0 0 1 .576-.284l9.934-.01a5.998 5.998 0 0 1 5.197-2.999zm0 2a3.999 3.999 0 0 0 -3.503 2.067c-.303.544-.45.933-1.146.933h-9.937l-.999 1 1 1h.281l1.25-.832a1 1 0 0 1 .994-.066l1.058.696.948-.63a1 1 0 0 1 .993-.066l1.364.898h3.087c.763 0 1.014.756 1.045.816a4 4 0 1 0 3.565-5.816zm0 2.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_luggage_rack_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_luggage_rack_20.svg
new file mode 100644
index 0000000000..b985924536
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_luggage_rack_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m17 16.002a.999.999 0 1 1 0 1.996h-14a.999.999 0 1 1 0-1.996zm-5.094-14.002a1.556 1.556 0 0 1 1.572 1.384l.01.141v.474h2.005c.785.001 1.43.602 1.5 1.37l.007.137v6.987a1.509 1.509 0 0 1 -1.37 1.5l-.138.006h-10.984c-.785 0-1.43-.601-1.5-1.369l-.008-.138v-6.987a1.509 1.509 0 0 1 1.37-1.5l.138-.007h1.98v-.475a1.556 1.556 0 0 1 1.44-1.52l.14-.004h3.838zm3.094 4h-10v6h10z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_luggage_rack_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_luggage_rack_24.svg
new file mode 100644
index 0000000000..0e24b8061f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_luggage_rack_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21.026 19.998c.553 0 .974.474.974 1.027a.955.955 0 0 1 -.974.973h-18.022c-.553 0-1-.42-1-.973s.447-1.027 1-1.027zm-6.723-17.996c.94.003 1.699.767 1.697 1.707v1.296h3.35c.931.007 1.654.766 1.65 1.698v9.62a1.648 1.648 0 0 1 -1.65 1.675h-14.668a1.674 1.674 0 0 1 -1.682-1.675v-9.62a1.694 1.694 0 0 1 1.682-1.698h3.318v-1.295a1.704 1.704 0 0 1 1.698-1.707zm4.697 4.996h-14v9h14zm-10.482 2.124a1 1 0 0 1 .492.889v3.004a1 1 0 1 1 -2 0v-3.005a1 1 0 0 1 1.508-.89zm8.01 0a1 1 0 0 1 .492.889v3.004a1 1 0 1 1 -2 0v-3.005a1 1 0 0 1 1.509-.89zm-2.528-5.12h-4v1.003h4v-1.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_luggage_rack_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_luggage_rack_32.svg
new file mode 100644
index 0000000000..953bbb1cca
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_luggage_rack_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m29 27a1 1 0 0 1 0 2h-26a1 1 0 0 1 0-2zm-9.929-24a1.983 1.983 0 0 1 1.929 2.029v1.971h5.07a1.975 1.975 0 0 1 1.93 2.013v13.981a1.975 1.975 0 0 1 -1.93 2.013l-20.07-.007c-1.088-.025-2.021-.918-2-2.006v-13.981a1.975 1.975 0 0 1 1.93-2.013h5.07v-1.971c-.026-1.092.837-2 1.929-2.029zm6.929 6h-20l.07 13.987 19.93.013zm-3 2a1 1 0 0 1 1 1v8a1 1 0 0 1 -2 0v-8a1 1 0 0 1 1-1zm-14 0a1 1 0 0 1 1 1v8a1 1 0 0 1 -2 0v-8a1 1 0 0 1 1-1zm4-6 .052 2h5.948v-1.971z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_marketplace_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_marketplace_20.svg
new file mode 100644
index 0000000000..63fcb0c887
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_marketplace_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m3 18a1 1 0 1 1 0-2v-6.405a3.24 3.24 0 0 1 -.883-3.211l.724-2.868c.196-.786.918-1.516 1.939-1.516h10.436c.866 0 1.703.578 1.941 1.516l.737 2.868c.07.273.105.562.105.866a3.24 3.24 0 0 1 -1 2.344v6.406a1 1 0 0 1 1 1c0 .513-.402 1-1 1zm12-4h-10v2h10zm-1.834-3.913a3.243 3.243 0 0 1 -3.166 0 3.2 3.2 0 0 1 -1.583.413c-.562 0-1.09-.138-1.584-.413a3.269 3.269 0 0 1 -1.833.404v1.509h10v-1.5c-.69.032-1.3-.105-1.834-.413zm2.05-6.087h-10.434l-.743 3.01c-.02.09-.038.145-.038.24 0 .69.56 1.25 1.25 1.25.502 0 1.03-.35 1.583-1.05.575.7 1.103 1.05 1.584 1.05.48 0 1.008-.35 1.583-1.05.596.7 1.124 1.05 1.583 1.05.46 0 .987-.35 1.582-1.05.583.7 1.111 1.05 1.585 1.05.69 0 1.25-.56 1.25-1.25 0-.104.001-.142-.023-.24l-.761-3.01z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_marketplace_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_marketplace_24.svg
new file mode 100644
index 0000000000..36ea2b129e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_marketplace_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m4 21a1 1 0 0 1 -1-1c0-.513.403-1 1-1v-6.764c-.614-.55-1-1.347-1-2.236 0-.442.059-.634.158-.989l1.18-4.515a1.995 1.995 0 0 1 1.934-1.496h11.454c.857 0 1.672.525 1.935 1.497l1.182 4.514c.11.316.156.65.156.989a2.99 2.99 0 0 1 -1 2.235v6.765a1 1 0 0 1 0 2zm14-4h-12v2h12zm-1.501-4.402c-.46.268-.96.402-1.499.402-.54 0-1.04-.134-1.501-.402a3.01 3.01 0 0 1 -1.499.402 3.021 3.021 0 0 1 -1.501-.402 2.936 2.936 0 0 1 -1.499.402 2.947 2.947 0 0 1 -1.501-.402c-.445.26-.945.395-1.499.402v2h12v-2a3.036 3.036 0 0 1 -1.501-.402zm1.228-7.598h-11.454l-1.253 4.794a1 1 0 0 0 .98 1.206c.517 0 1.017-.397 1.499-1.19.44.793.941 1.19 1.501 1.19s1.06-.397 1.499-1.19c.47.793.971 1.19 1.501 1.19s1.03-.397 1.499-1.19c.438.793.939 1.19 1.501 1.19s1.062-.397 1.499-1.19c.45.793.95 1.19 1.501 1.19a1 1 0 0 0 1-1c0-.092-.069-.373-.104-.499l-1.17-4.501z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_marketplace_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_marketplace_32.svg
new file mode 100644
index 0000000000..bf160f9621
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_marketplace_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m6 28a1 1 0 1 1 0-2v-10.627a3.496 3.496 0 0 1 -1.447-3.488l1.303-6.29a1.992 1.992 0 0 1 1.958-1.595h16.372c.892 0 1.755.62 1.959 1.595l1.294 6.229c.04.228.061.452.061.676 0 1.189-.593 2.24-1.5 2.872v10.628a1 1 0 0 1 1 1c0 .513-.402 1-1 1zm18-6h-16v4h16zm-2.001-6.629c-.6.42-1.266.629-1.999.629s-1.4-.21-2.001-.629c-.6.42-1.266.629-1.999.629s-1.4-.21-2.001-.629c-.6.42-1.266.629-1.999.629s-1.4-.21-2.001-.629c-.62.432-1.286.642-1.999.629v4h16v-4a3.48 3.48 0 0 1 -2.001-.629zm2.187-9.371h-16.372l-1.294 6.258a1.5 1.5 0 0 0 -.019.242c0 .828.564 1.5 1.5 1.5.624 0 1.29-.5 1.999-1.5.702 1 1.37 1.5 2.001 1.5.632 0 1.298-.5 1.999-1.5.726 1 1.394 1.5 2.005 1.5.61 0 1.275-.5 1.995-1.5.71 1 1.378 1.5 2.001 1.5s1.29-.5 1.999-1.5c.725 1 1.392 1.5 2.001 1.5.914 0 1.5-.672 1.5-1.5 0-.07-.018-.235-.025-.301z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_marketplace_solid_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_marketplace_solid_20.svg
new file mode 100644
index 0000000000..1af64a92c3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_marketplace_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m17 10.5v5.5a1 1 0 0 1 1 1c0 .513-.419 1-1 1h-14a1 1 0 0 1 0-2v-5.5zm-1.24-8.5a1 1 0 0 1 .957.707l1.16 3.793c.078.235.123.487.123.75a2.25 2.25 0 0 1 -4.168 1.177 2.249 2.249 0 0 1 -3.832.001 2.249 2.249 0 0 1 -3.834-.001 2.25 2.25 0 0 1 -4.02-1.976l1.14-3.742a1 1 0 0 1 .954-.709z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_medical_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_medical_20.svg
new file mode 100644
index 0000000000..955a0478de
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_medical_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m12 3a1 1 0 0 1 1 1v3h3a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-3v3a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1-1v-3h-3a1 1 0 0 1 -1-1v-4a1 1 0 0 1 1-1h3v-3a1 1 0 0 1 1-1zm-1 2h-2v4h-4v2h4v4h2v-4h4v-2h-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_medical_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_medical_24.svg
new file mode 100644
index 0000000000..77587ba0e0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_medical_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m14 3a2 2 0 0 1 2 2v3h3a2 2 0 0 1 2 2v4a2 2 0 0 1 -2 2h-3v3a2 2 0 0 1 -2 2h-4a2 2 0 0 1 -2-2v-3h-3a2 2 0 0 1 -2-2v-4a2 2 0 0 1 2-2h3v-3a2 2 0 0 1 2-2zm0 2h-4v5h-5v4h5v5h4v-5h5v-4h-5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_medical_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_medical_32.svg
new file mode 100644
index 0000000000..87d9998ef9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_medical_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m18 4a3 3 0 0 1 3 3v4h4a3 3 0 0 1 3 3v4a3 3 0 0 1 -3 3h-4v4a3 3 0 0 1 -3 3h-4a3 3 0 0 1 -3-3v-4h-4a3 3 0 0 1 -3-3v-4a3 3 0 0 1 3-3h4v-4a3 3 0 0 1 3-3zm0 2h-4a1 1 0 0 0 -.993.883l-.007.117v6h-6a1 1 0 0 0 -.993.883l-.007.117v4a1 1 0 0 0 .883.993l.117.007h6v6a1 1 0 0 0 .883.993l.117.007h4a1 1 0 0 0 .993-.883l.007-.117v-6h6a1 1 0 0 0 .993-.883l.007-.117v-4a1 1 0 0 0 -.883-.993l-.117-.007h-6v-6a1 1 0 0 0 -.883-.993z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_medical_solid_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_medical_solid_20.svg
new file mode 100644
index 0000000000..34264aa0a3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_medical_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7 16v-3h-3a1 1 0 0 1 -1-1v-4a1 1 0 0 1 1-1h3v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3h3a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-3v3a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_night_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_night_20.svg
new file mode 100644
index 0000000000..216c4d835c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_night_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.573 3.435.356-.752a.5.5 0 0 0 -.476-.713l-.83.039a8 8 0 1 0 7.61 11.411l.357-.752a.5.5 0 0 0 -.475-.713l-.832.038a6 6 0 0 1 -5.71-8.558zm-2.387.843-.061.307a8.047 8.047 0 0 0 -.125 1.415l.004.25a8.003 8.003 0 0 0 6.285 7.567l.291.057-.088.105a6 6 0 0 1 -10.492-3.979 6.007 6.007 0 0 1 4.186-5.722z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_night_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_night_24.svg
new file mode 100644
index 0000000000..1e540b3e7c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_night_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.808 3.495.404-.827a.5.5 0 0 0 -.51-.715l-.913.11a10.008 10.008 0 0 0 -8.789 9.932c0 5.526 4.48 10.005 10.005 10.005 3.862 0 7.328-2.209 8.994-5.617l.404-.827a.5.5 0 0 0 -.51-.716l-.913.111a8.005 8.005 0 0 1 -8.98-7.946c0-1.234.279-2.426.808-3.51zm-2.477.951-.074.296c-.17.735-.257 1.493-.257 2.263l.004.28c.14 5.117 4.123 9.274 9.167 9.69l.096.007-.135.167a8.005 8.005 0 0 1 -14.132-5.154 8.013 8.013 0 0 1 5.066-7.449z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_night_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_night_32.svg
new file mode 100644
index 0000000000..378a160129
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_night_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m15.983 4.45a1 1 0 0 0 -.986-1.412c-6.748.516-11.997 6.156-11.997 12.962 0 7.18 5.82 13 13 13a13 13 0 0 0 11.838-7.621 1 1 0 0 0 -.987-1.411c-.282.021-.566.032-.851.032-6.075 0-11-4.925-11-11 0-1.592.338-3.134.983-4.55zm-2.441.825c-.04.132-.622 1.986-.538 4.032.155 6.732 5.456 12.259 12.231 12.669-2.15 3.213-5.502 5.024-9.235 5.024-6.075 0-11-4.925-11-11 0-5.173 3.315-9.229 8.542-10.725z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_night_solid_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_night_solid_20.svg
new file mode 100644
index 0000000000..e7a07b03db
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_night_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.573 3.435.356-.752a.5.5 0 0 0 -.476-.713l-.83.039a8 8 0 1 0 7.61 11.411l.357-.752a.5.5 0 0 0 -.475-.713l-.832.038a6 6 0 0 1 -5.71-8.558z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_no_smoking_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_no_smoking_20.svg
new file mode 100644
index 0000000000..99db9f5e21
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_no_smoking_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16.387 2.21c.312-.305.96-.278 1.32.083.36.36.404.98.083 1.32l-8.376 8.387h7.331c.413 0 .58.046.743.134a.906.906 0 0 1 .378.378c.043.079.132.278.134.949.002.67-.089.944-.134 1.027a.909.909 0 0 1 -.378.378c-.163.088-.33.134-.743.134h-10.331l-2.801 2.79c-.358.305-.96.278-1.32-.083-.36-.36-.41-.959-.083-1.32zm-11.501 9.79-2.646 2.647c-.24-.349-.24-.437-.24-1.147s.046-.825.134-.988a.909.909 0 0 1 .378-.378c.163-.088.33-.134.743-.134zm-2.035-9.77a1 1 0 0 1 1.413.046c1.206 1.284 1.288 2.789.256 4.186l-.223.29c-.15.22-.342.58-.162 1.11.05.148.172.345.365.591a1 1 0 0 1 -1.54 1.271 3.388 3.388 0 0 1 -.522-.77c-.544-1.07-.555-2.278.261-3.405l.232-.302c.446-.607.402-1.04-.125-1.603a1 1 0 0 1 .044-1.414z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_no_smoking_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_no_smoking_24.svg
new file mode 100644
index 0000000000..2529dd24c5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_no_smoking_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20.387 2.21c.374-.343.96-.278 1.32.083.36.36.413.966.083 1.32l-9.376 9.386 7.8.001c.625 0 1.072.095 1.49.319.419.223.754.558.977.977.198.37.319.705.319 1.705 0 .999-.092 1.28-.319 1.703a2.363 2.363 0 0 1 -.977.977c-.37.198-.753.294-1.263.315l-14.027.003-2.801 2.791c-.366.278-.96.278-1.32-.083-.36-.36-.402-1-.083-1.32zm-13.301 10.79-2.002 2a8.58 8.58 0 0 0 -.424 0c-.19.006-.336.005-.48.133-.145.128-.172.298-.178.526a7.455 7.455 0 0 0 -.001.424l-1.659 1.66-.023-.04c-.199-.369-.319-.703-.319-1.702 0-1 .092-1.282.319-1.705.223-.419.558-.754.977-.977.37-.198.838-.319 1.49-.319zm3.326 2-1.998 2 11.8.001c.173 0 .428.05.625-.14.198-.19.161-.519.161-.86 0-.34.04-.653-.137-.842-.177-.19-.476-.152-.648-.156h-9.803zm-7.447-12.815a1 1 0 0 1 1.406.153c1.13 1.404 1.178 2.999.177 4.545l-.234.35c-.38.625-.38 1.216-.135 1.794.045.105.138.267.281.485a1 1 0 0 1 -1.631 1.15 3.686 3.686 0 0 1 -.492-.856c-.488-1.155-.475-2.44.308-3.677l.243-.362c.525-.821.49-1.472-.075-2.176a1 1 0 0 1 .152-1.406z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_no_smoking_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_no_smoking_32.svg
new file mode 100644
index 0000000000..409cad1376
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_no_smoking_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m26.387 4.21c.37-.328.96-.278 1.32.083.36.36.408.968.083 1.32l-13.376 13.387h12.8c.614 0 1.11.106 1.49.319.419.223.754.558.977.977.198.37.319.706.319 1.704 0 1-.092 1.281-.319 1.704a2.363 2.363 0 0 1 -.977.977c-.37.198-.753.294-1.263.315l-19.027.004-2.801 2.79a.99.99 0 0 1 -1.32-.083c-.36-.36-.402-.967-.083-1.32zm-17.502 14.79-2.001 2.001h-2.22c-.19.005-.39.008-.498.123-.11.115-.166.246-.166.456v.795c0 .16.045.37.134.47.09.1.298.147.526.153l.225.002-1.647 1.65c-.333-.19-.708-.521-.92-.946-.21-.424-.318-.704-.318-1.704 0-.999.092-1.281.319-1.704.223-.419.558-.754.977-.977.37-.198.753-.294 1.263-.315zm3.528 2.001-1.999 1.999h16.8c.274 0 .428-.016.576-.112.148-.097.21-.27.21-.513v-.795c0-.346-.169-.46-.239-.498-.09-.048-.193-.074-.421-.08l-14.927-.002zm-8.761-15.697a1 1 0 0 1 1.414.002c1.859 1.864 1.833 4.052.014 6.165l-.323.365c-.888 1.057-.923 2.004-.45 2.921.08.155.205.342.375.559.378.412.378 1.028-.017 1.414a1 1 0 0 1 -1.414-.018 4.412 4.412 0 0 1 -.72-1.037c-.83-1.608-.746-3.436.73-5.166l.313-.354c1.159-1.34 1.156-2.355.076-3.437a1 1 0 0 1 .002-1.414z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_person_with_cane_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_person_with_cane_20.svg
new file mode 100644
index 0000000000..8bd4cc87bc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_person_with_cane_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m6.655 5a1.5 1.5 0 1 0 -.001-3.001 1.5 1.5 0 0 0 0 3.001zm1.317 5.099a.999.999 0 1 0 1.514-1.306l-2.21-2.561a.982.982 0 0 0 -.236-.241 1.002 1.002 0 0 0 -1.043-.06l-2.787 1.494a.998.998 0 0 0 -.484.589l-.682 2.23a1 1 0 1 0 1.913.584l.56-1.836.695-.372-.351 2.568-2.23 5.432a1.001 1.001 0 0 0 .924 1.38 1 1 0 0 0 .926-.62l1.6-3.899.466.634 1.079 3.204a1.001 1.001 0 0 0 1.896-.639l-1.128-3.351a1.029 1.029 0 0 0 -.141-.271l-1.373-1.872.278-2.031.814.943-.001.001zm3.534.721a1 1 0 1 0 -1.324 1.5l3.913 3.451c.19.168.426.25.66.25a1 1 0 0 0 .662-1.75l-3.913-3.451zm5.494 5.18c-.517 0-1 .483-1 1s.483 1 1 1 1-.483 1-1-.483-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_person_with_cane_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_person_with_cane_24.svg
new file mode 100644
index 0000000000..b18969ca2b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_person_with_cane_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m8.94 6a2 2 0 1 0 .002-3.999 2 2 0 0 0 -.002 3.999zm-.246 1.044.12.006c.037.003.07.003.106.011.106.024.21.059.307.118l.008.007c.017.01.029.026.045.037.085.06.156.13.217.21.01.014.025.02.035.034l2.545 3.696a1 1 0 0 1 -1.648 1.135l-1.08-1.569-.388 2.84 1.775 2.422a.991.991 0 0 1 .142.274l1.474 4.418a.998.998 0 0 1 -.948 1.317c-.42 0-.81-.265-.95-.684l-1.425-4.27-1.922-2.621a1.003 1.003 0 0 1 -.184-.727l.482-3.524-.69.486-.754 2.617a1 1 0 1 1 -1.922-.554l.852-2.955a.998.998 0 0 1 .385-.54l2.854-2.011.009-.006c.006-.005.014-.005.02-.009a1 1 0 0 1 .655-.152zm-2.87 9.775a.999.999 0 1 1 1.818.836l-1.732 3.763a1.001 1.001 0 0 1 -1.327.49.999.999 0 0 1 -.49-1.326zm8.25-3.717a1 1 0 0 0 -1.333 1.49l5.555 4.974a.999.999 0 1 0 1.335-1.49l-5.555-4.974h-.001zm6.927 6.897c-.517 0-1 .483-1 1s.483 1 1 1 1-.483 1-1-.483-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_person_with_cane_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_person_with_cane_32.svg
new file mode 100644
index 0000000000..eead195e5a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_person_with_cane_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m8.286 20.796a1 1 0 0 1 .557 1.301l-2.913 7.275a1 1 0 0 1 -1.857-.744l2.913-7.275a1 1 0 0 1 1.3-.557zm1.916-11.028a1 1 0 0 1 .522.98l-.737 7.365 2.636 3.594c.064.089.114.189.147.293l2.099 6.7a1 1 0 1 1 -1.908.598l-2.048-6.543-2.764-3.768a1.002 1.002 0 0 1 -.188-.691l.535-5.345-.997.816-1.122 3.672a.997.997 0 0 1 -1.25.664 1 1 0 0 1 -.664-1.248l1.21-3.962a.998.998 0 0 1 .323-.481l3.1-2.537a.997.997 0 0 1 1.106-.107zm5.628 8.354a.999.999 0 0 1 1.414-.018l8.31 8.096a1 1 0 1 1 -1.395 1.432l-8.31-8.096a1 1 0 0 1 -.02-1.414zm-2.511-5.55.484 1.771 1.484 1.518a1 1 0 0 1 -1.431 1.398l-1.664-1.703a1 1 0 0 1 -.25-.436l-.552-2.02a1 1 0 0 1 1.929-.528zm13.681 15.427c-.517 0-1 .483-1 1s.483 1 1 1 1-.483 1-1-.483-1-1-1zm-16.59-19.839a3.084 3.084 0 0 0 3.08-3.08 3.084 3.084 0 0 0 -3.08-3.08 3.084 3.084 0 0 0 -3.08 3.08 3.084 3.084 0 0 0 3.08 3.08zm0-4.16a1.08 1.08 0 1 1 -.001 2.161 1.08 1.08 0 0 1 0-2.161z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_person_with_rollator_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_person_with_rollator_20.svg
new file mode 100644
index 0000000000..2de0e1a719
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_person_with_rollator_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8.92 5c.862 0 1.5-.702 1.5-1.5 0-.83-.638-1.5-1.5-1.5-.798 0-1.5.67-1.5 1.5 0 .798.702 1.5 1.5 1.5zm-1.69 1.016.104.002c.059.001.116-.004.174.007.074.015.14.049.21.08.043.019.089.023.13.049l2.146 1.354a1 1 0 1 1 -1.068 1.692l-1.551-.979c-.658.664-.726 1.498-.72 1.861l2.162 3.331c.104.16.16.347.16.538l.023 3.042a1 1 0 0 1 -2 .014l-.02-2.749-.785-1.21-.212 1.136c-.008.045-.02.089-.034.133l-1 3a1.001 1.001 0 0 1 -1.897-.633l.979-2.935.635-3.396c-.04-.651-.004-2.851 2.072-4.169l.01-.007.04-.028a.243.243 0 0 1 .049-.023l.1-.032c.063-.026.122-.057.189-.07zm3.772 9.984a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm4 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-2.106-6.447.724 1.447h1.382a1.002 1.002 0 0 1 .838 1.546l-1.871 2.871a1 1 0 0 1 -1.676-1.092l.639-.981-.637-.637c-.004-.004-.005-.009-.01-.013a.977.977 0 0 1 -.178-.246l-1-2a1 1 0 0 1 1.789-.895z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_person_with_rollator_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_person_with_rollator_24.svg
new file mode 100644
index 0000000000..4f8f36424c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_person_with_rollator_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10.2 5.75a1.873 1.873 0 0 0 1.875-1.875 1.848 1.848 0 0 0 -1.875-1.875c-.997 0-1.875.838-1.875 1.875 0 .997.878 1.875 1.875 1.875zm-3.588 10.299c.525.172.812.737.642 1.262l-1.301 4a1.002 1.002 0 0 1 -1.26.641 1.002 1.002 0 0 1 -.642-1.261l1.3-4a1 1 0 0 1 1.26-.642zm1.664-8.778c.048.004.096-.005.143.006a.994.994 0 0 1 .356.16l3.148 2.261a1.002 1.002 0 0 1 -.585 1.813.995.995 0 0 1 -.583-.188l-2.501-1.797c-.826 1.091-.225 3-.054 3.478l2.59 3.329a.997.997 0 0 1 .212.614v4.053a1 1 0 1 1 -2 0v-3.71l-2.473-3.178c-.011-.015-.013-.032-.023-.047-.041-.059-.084-.117-.112-.186-.696-1.686-1.21-4.948 1.274-6.48l.117-.061c.08-.035.163-.06.249-.074.08-.013.16 0 .242.007zm5.226 12.229a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zm5.25 0a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zm-4-8.5a1 1 0 0 1 .848.47l1.58 2.53h1.822a1 1 0 0 1 .723 1.69l-3.245 3.392a1 1 0 0 1 -1.445-1.382l1.625-1.7h-.034a1 1 0 0 1 -.848-.47l-1.58-2.53h-.196a1 1 0 1 1 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_person_with_rollator_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_person_with_rollator_32.svg
new file mode 100644
index 0000000000..ebc6888713
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_person_with_rollator_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m12.41 8.16a3.084 3.084 0 0 0 3.08-3.08 3.084 3.084 0 0 0 -3.08-3.08 3.085 3.085 0 0 0 -3.08 3.08 3.084 3.084 0 0 0 3.08 3.08zm0-4.16a1.08 1.08 0 1 1 0 2.161 1.08 1.08 0 0 1 0-2.161zm-1.98 5.937 2.692 2.653 2.247.577c.535.139.857.684.72 1.219a1 1 0 0 1 -1.218.72l-2.507-.645a1.002 1.002 0 0 1 -.453-.257l-2.12-2.089c-.938 1.218-2.423 3.667-1.068 5.637l3.804 3.845c.146.147.242.337.276.541l1.098 6.701a1 1 0 0 1 -1.974.324l-1.046-6.387-3.638-3.677a1.031 1.031 0 0 1 -.101-.118c-2.96-4.106 1.679-8.839 1.878-9.038a1 1 0 0 1 1.41-.006zm7.07 17.063a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm8.999 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-19.331-6.242a1 1 0 0 1 .713 1.221l-1.913 7.275a1.001 1.001 0 0 1 -1.935-.508l1.913-7.275a.998.998 0 0 1 1.222-.713zm12.832-6.758a1 1 0 0 1 .97.758l.81 3.242h4.22a1 1 0 0 1 .754 1.657l-2.213 2.539.81 3.244a1 1 0 1 1 -1.94.485l-.472-1.891-2.258 2.591a.997.997 0 0 1 -1.411.097 1 1 0 0 1 -.097-1.411l4.63-5.311h-2.803a1 1 0 0 1 -.97-.758l-.81-3.242h-1.22a1 1 0 1 1 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_platform_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_platform_20.svg
new file mode 100644
index 0000000000..7203b6608f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_platform_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16 2a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2-2v-12a2 2 0 0 1 2-2zm0 2h-12v12h12zm-4.618 2.292c.465.091.786.18.965.265a.64.64 0 0 1 .34.74c-.078.265-.407.468-.663.395-.18-.048-.456-.112-.832-.191a5.123 5.123 0 0 0 -.802-.066c-.553 0-.988.098-1.305.295a1.607 1.607 0 0 0 -.675.865c-.133.38-.2.87-.2 1.47 0 .613.07 1.103.21 1.47s.363.637.67.81.72.26 1.22.26c.26 0 .507-.024.74-.07.093-.02.2-.12.2-.245v-1.125a.15.15 0 0 0 -.15-.15 15.273 15.273 0 0 0 -.46 0 .59.59 0 0 1 -.59-.59c0-.293.21-.588.59-.59.547-.002 1.093-.002 1.64 0 .245 0 .5.165.5.5v2.243a1 1 0 0 1 -.713.958 6.334 6.334 0 0 1 -1.807.259c-1.28 0-2.227-.31-2.84-.93s-.92-1.557-.92-2.81c0-.84.15-1.547.45-2.12s.735-1.005 1.305-1.295 1.72-.586 3.127-.348z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_platform_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_platform_24.svg
new file mode 100644
index 0000000000..1271ed3d8b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_platform_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5 2a2.5 2.5 0 0 1 2.5 2.5v15a2.5 2.5 0 0 1 -2.5 2.5h-15a2.5 2.5 0 0 1 -2.5-2.5v-15a2.5 2.5 0 0 1 2.5-2.5zm0 2c-5-.003-10-.003-15 0a.5.5 0 0 0 -.5.5c-.003 5-.003 10 0 15 0 .245.205.5.5.5 5 .003 10 .003 15 0 .245 0 .5-.2.5-.5.003-5 .003-10 0-15a.5.5 0 0 0 -.5-.5zm-4.222 3.015a.82.82 0 0 1 .476 1.056c-.153.401-.59.568-1.003.466-.744-.183-1.577-.328-2.053-.328-.784 0-1.407.145-1.869.434-.462.29-.791.712-.987 1.267-.196.556-.294 1.258-.294 2.107 0 .878.105 1.585.315 2.121.21.537.537.934.98 1.19.443.257 1.029.385 1.757.385.407 0 .787-.039 1.14-.117a.347.347 0 0 0 .274-.341c.002-.595.002-1.19 0-1.786 0-.066-.042-.15-.15-.15h-.795a.763.763 0 0 1 -.763-.763c0-.386.294-.763.763-.763h2.183c.38 0 .75.297.75.75.002 1.162.002 2.325 0 3.487 0 .324-.248.61-.515.712a7.015 7.015 0 0 1 -1.235.35 9.95 9.95 0 0 1 -1.722.161c-1.745 0-3.045-.438-3.899-1.316-.854-.877-1.281-2.184-1.281-3.92 0-1.166.205-2.151.616-2.954a4.103 4.103 0 0 1 1.806-1.82c.714-.37 1.6-.616 2.87-.616s2.213.228 2.636.388z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_platform_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_platform_32.svg
new file mode 100644
index 0000000000..bc25486f2b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_platform_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27 2a3 3 0 0 1 3 3v22a3 3 0 0 1 -3 3h-22a3 3 0 0 1 -3-3v-22a3 3 0 0 1 3-3zm0 2h-22c-.513 0-1 .45-1 1v22c0 .513.416 1 1 1 7.333.002 14.667.002 22 0 .513 0 1-.412 1-1 .002-7.333.002-14.667 0-22 0-.513-.456-1-1-1zm-10.29 4.41c1.767 0 3.199.343 3.794.554.595.21.906.863.696 1.458-.199.561-.8.87-1.372.703-.327-.095-1.518-.455-3.038-.455-1.12 0-2.01.207-2.67.62s-1.13 1.017-1.41 1.81-.42 1.797-.42 3.01c0 1.253.15 2.263.45 3.03s.767 1.333 1.4 1.7 1.47.55 2.51.55a7.52 7.52 0 0 0 1.14-.08c.19-.03.393-.07.61-.121a.347.347 0 0 0 .27-.342c.002-.875.002-1.751 0-2.627a.245.245 0 0 0 -.25-.25 118.01 118.01 0 0 0 -1.19 0c-.552 0-1-.537-1-1.089 0-.515.42-1.09 1-1.091 1.093-.002 2.187-.002 3.28 0a1 1 0 0 1 1 1c.002 1.7.002 3.398 0 5.098 0 .433-.28.788-.69.95a10.23 10.23 0 0 1 -1.81.522c-.787.153-1.607.23-2.46.23-2.493 0-4.35-.627-5.57-1.88s-1.83-3.12-1.83-5.6c0-1.667.293-3.073.88-4.22a5.862 5.862 0 0 1 2.58-2.6c1.133-.587 2.5-.88 4.1-.88z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_platform_solid_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_platform_solid_20.svg
new file mode 100644
index 0000000000..7b9c2759f2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_platform_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16 2a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2-2v-12a2 2 0 0 1 2-2zm-5.64 3.939c-.878 0-1.622.155-2.232.466a3.16 3.16 0 0 0 -1.396 1.385c-.321.614-.482 1.37-.482 2.269 0 1.341.328 2.343.984 3.007.657.663 1.67.995 3.04.995.643 0 1.566-.165 1.987-.293a1 1 0 0 0 .71-.957v-2.488a.5.5 0 0 0 -.5-.5h-1.79a.631.631 0 1 0 0 1.263h.502a.15.15 0 0 1 .15.15v1.228a.25.25 0 0 1 -.2.245 3.97 3.97 0 0 1 -.806.079c-.534 0-.977-.093-1.305-.279-.329-.185-.568-.474-.717-.866-.15-.393-.225-.917-.225-1.573 0-.642.071-1.167.214-1.573a1.72 1.72 0 0 1 .722-.926c.339-.21.805-.316 1.397-.316s1.343.162 1.653.256c.31.093.712-.088.804-.403a.685.685 0 0 0 -.364-.792c-.286-.138-1.27-.377-2.147-.377z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_power_outlet_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_power_outlet_20.svg
new file mode 100644
index 0000000000..4863708d4b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_power_outlet_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 17v-14c0-.566.434-1 1-1h14c.566 0 1 .434 1 1v3.995a.987.987 0 0 1 -1 1.005 1 1 0 0 1 -1-1.005v-2.995h-12v12h4c.546 0 1.005.454 1.005 1a1 1 0 0 1 -1.005 1h-5c-.566 0-1-.434-1-1zm3.005-6.98c0-2.771 2.224-5.015 4.975-5.015a5.01 5.01 0 0 1 3.766 1.697c.176.196.254.43.254.644 0 .547-.468 1.015-.995 1.015a.971.971 0 0 1 -.761-.351 2.98 2.98 0 0 0 -2.224-1.015 3.027 3.027 0 0 0 -3.025 3.025c0 .838.37 1.658 1.015 2.224.214.195.351.468.351.76a.987.987 0 0 1 -.995.996 1 1 0 0 1 -.664-.254 4.957 4.957 0 0 1 -1.697-3.726zm2.995-.015c0-.55.431-1 1-1 .549 0 1 .45 1 1 0 .549-.451 1-1 1-.569 0-1-.451-1-1zm4.634-.961a.99.99 0 0 1 .703.293l.663.663.39-.37a.97.97 0 0 1 .703-.274.97.97 0 0 1 .702.273l1.17 1.152c.684.702 1.015 1.619 1.015 2.556a3.67 3.67 0 0 1 -.878 2.38l.586.546c.195.195.312.469.312.742 0 .566-.449.995-1.015.995-.234 0-.487-.098-.683-.273l-.604-.585c-.703.565-1.561.838-2.479.838-.897 0-1.775-.37-2.419-1.014l-1.17-1.17a.927.927 0 0 1 -.293-.703c0-.274.097-.527.292-.703l.371-.37-.702-.703a.977.977 0 0 1 -.332-.741 1 1 0 0 1 .995-.995c.273 0 .546.097.741.312l.703.702 1.19-1.17-.683-.684a.99.99 0 0 1 0-1.404c.195-.195.449-.293.722-.293zm2.459 2.693-3.356 3.356.468.448c.312.313.722.45 1.132.45.468 0 .936-.176 1.268-.547l.839-.84c.37-.35.546-.8.546-1.267 0-.41-.136-.82-.429-1.132z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_power_outlet_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_power_outlet_24.svg
new file mode 100644
index 0000000000..72b61b5b98
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_power_outlet_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2 16.969v-11.969a3 3 0 0 1 3-3h11.969a3.008 3.008 0 0 1 3.031 3v6c0 .656-.531 1.063-1.031 1.063s-.969-.344-.969-1.063v-6c0-.531-.469-1-1.031-1h-11.969c-.563 0-1 .469-1 1v11.969c0 .561.438 1.031 1 1.031h5.469a.98.98 0 0 1 1 .969c0 .562-.438 1.031-1 1.031h-5.469c-1.656 0-3-1.344-3-3.031zm8.984-10.969a4.998 4.998 0 0 1 5.016 5c0 2.785-2.254 5-5.016 5-2.794 0-4.984-2.215-4.984-5s2.19-5 4.984-5zm.032 2a3 3 0 1 0 0 6c1.616 0 2.984-1.344 2.984-3-.031-1.656-1.368-3-2.984-3zm-2.236 3c0-.563.438-1 1-1 .563 0 1 .438 1 1 0 .563-.437 1-1 1-.562 0-1-.438-1-1zm2.406 0c0-.563.438-1 1-1 .532 0 1 .438 1 1 0 .563-.468 1-1 1-.562 0-1-.438-1-1zm5.594 2.5c.25 0 .469.063.719.281l.594.594.312-.313a.97.97 0 0 1 .688-.28c.25 0 .531.093.718.28l1.094 1.094c.657.625 1 1.5 1 2.375 0 .782-.281 1.563-.781 2.188l.594.562a.954.954 0 0 1 .281.657c.001.562-.468 1.062-.999 1.062a.896.896 0 0 1 -.688-.281l-.593-.563c-.625.532-1.375.844-2.188.844-1.031 0-1.875-.344-2.5-.969l-1.094-1.125a.919.919 0 0 1 -.28-.687c0-.25.093-.532.28-.719l.313-.281-.594-.594c-.219-.219-.312-.469-.312-.688 0-.53.5-1 1.031-1 .219 0 .469.063.688.25l.593.594 1.031-1-.593-.562c-.219-.219-.313-.438-.313-.688 0-.531.469-1.031 1-1.031zm2.313 2.688-3.032 3.03.375.407c.25.25.594.375.938.375.469 0 .906-.188 1.219-.5l.781-.781c.313-.313.5-.719.5-1.157 0-.343-.156-.687-.406-.968l-.375-.407z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_power_outlet_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_power_outlet_32.svg
new file mode 100644
index 0000000000..5dc6abc6af
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_power_outlet_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m2 21.031v-16.031c0-1.594 1.313-3 2.906-3h16.124c1.625 0 2.97 1.406 2.97 3v8.036c0 .532-.47.969-1.032.969a.974.974 0 0 1 -.97-.969v-8.036c0-.531-.437-1-.968-1h-16.124c-.531 0-.906.469-.906 1v16.031c0 .531.469.969 1 .969h8.033c.53 0 .968.467.968.999a.98.98 0 0 1 -.968 1l-8.033.001c-1.594 0-3-1.344-3-2.969zm11-15.031c3.853 0 7 3.115 7 7 0 3.853-3.147 7-7 7-3.885 0-7-3.147-7-7 0-3.885 3.115-7 7-7zm0 2c-2.756 0-5 2.243-5 5 0 2.756 2.244 5 5 5s5-2.244 5-5c0-2.757-2.244-5-5-5zm-2.016 4c.572 0 1.016.42 1.016 1 0 .548-.444 1-1.016 1a.997.997 0 0 1 -.984-1c0-.58.444-1 .984-1zm4.016 0c.548 0 1 .42 1 1 0 .548-.452 1-1 1s-1-.452-1-1c0-.58.452-1 1-1zm6.969 4.875c.218 0 .437.063.593.219l1.782 1.781.687-.688c.219-.218.469-.312.688-.312.218 0 .437.063.593.219l1.97 1.937a4.95 4.95 0 0 1 1.53 3.563c0 1.187-.437 2.406-1.343 3.5l1.25 1.25a.97.97 0 0 1 .281.687c0 .532-.438.969-.938.969-.218 0-.468-.094-.718-.281l-1.25-1.25a4.855 4.855 0 0 1 -3.375 1.343c-1.25 0-2.5-.437-3.5-1.375l-2.032-2.03a.97.97 0 0 1 -.28-.688c0-.219.062-.407.187-.594l.75-.75-1.688-1.688a1.087 1.087 0 0 1 -.281-.687c0-.563.438-.969.969-.969a.96.96 0 0 1 .593.188l1.783 1.781 2.75-2.75-1.688-1.719a.97.97 0 0 1 -.281-.687c0-.5.469-.969.969-.969zm3.781 3.344-5.5 5.5 1.156 1.187c.625.594 1.469.969 2.344.969.688 0 1.375-.219 1.938-.719l1.343-1.343a3.185 3.185 0 0 0 .844-2.157c0-.781-.281-1.531-.844-2.125l-1.281-1.311z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_reservation_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_reservation_20.svg
new file mode 100644
index 0000000000..654d5ca5c6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_reservation_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16 2a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2-2v-12a2 2 0 0 1 2-2zm0 2h-12v12h12zm-6.074 3.562h-1.068v2.116h1.079c.412 0 .707-.084.885-.251.178-.168.267-.444.267-.828 0-.391-.085-.662-.257-.812-.15-.131-.443-.225-.906-.225zm.084-1.247c.922 0 1.612.182 2.07.545.457.363.685.915.685 1.655 0 .49-.183 1.058-.434 1.305-.252.246-.601.48-1.17.63.117.057.2.092.347.229.147.136.294.32.44.55l.747 1.231c.165.277.139.849-.243 1.086-.403.235-.87.125-1.065-.199l-1.063-1.773a3.315 3.315 0 0 0 -.35-.476c-.077-.082-.285-.288-.75-.288h-.366v2.002a.854.854 0 0 1 -.854.854c-.435 0-.854-.319-.854-.854v-5.747c0-.38.3-.75.75-.75a371.01 371.01 0 0 1 2.11 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_reservation_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_reservation_24.svg
new file mode 100644
index 0000000000..cfc922ec4c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_reservation_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5 2a2.5 2.5 0 0 1 2.5 2.5v15a2.5 2.5 0 0 1 -2.5 2.5h-15a2.5 2.5 0 0 1 -2.5-2.5v-15a2.5 2.5 0 0 1 2.5-2.5zm0 2c-5-.003-10-.003-15 0a.5.5 0 0 0 -.5.5c-.003 5-.003 10 0 15 0 .245.205.5.5.5 5 .003 10 .003 15 0 .245 0 .5-.2.5-.5.003-5 .003-10 0-15a.5.5 0 0 0 -.5-.5zm-7.648 4.405h-1.512v2.983h1.526c.61 0 1.02-.146 1.24-.358.246-.238.37-.623.37-1.155 0-.55-.121-.933-.364-1.148-.216-.19-.6-.322-1.26-.322zm.136-1.54c1.204 0 2.1.24 2.688.721s.882 1.207.882 2.177c0 .69-.222 1.411-.595 1.771s-.907.668-1.591.837c.21.115.352.216.45.304.157.142.314.326.47.551l1.484 2.354c.263.42.149 1.055-.308 1.34-.456.284-.987.203-1.339-.31-.288-.494-.861-1.413-1.721-2.759a4.516 4.516 0 0 0 -.483-.665c-.102-.108-.316-.353-.911-.381l-.664-.004v3.242c0 .513-.47.97-1 1s-1.1-.367-1.1-1v-8.178c0-.513.417-.998 1-1a580.9 580.9 0 0 1 2.738 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_reservation_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_reservation_32.svg
new file mode 100644
index 0000000000..631543e408
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_reservation_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27 2a3 3 0 0 1 3 3v22a3 3 0 0 1 -3 3h-22a3 3 0 0 1 -3-3v-22a3 3 0 0 1 3-3zm0 2h-22a1 1 0 0 0 -.993.883l-.007.117v22a1 1 0 0 0 .883.993l.117.007h22a1 1 0 0 0 .993-.883l.007-.117v-22a1 1 0 0 0 -.883-.993zm-10.824 4.46c1.72 0 3 .343 3.84 1.03s1.26 1.723 1.26 3.11c0 1.01-.231 1.791-.85 2.53-.413.492-1.17.891-2.273 1.196.463.21.91.631 1.343 1.262l2.05 3.28c.38.61.215 1.503-.448 1.918-.664.414-1.462.214-1.906-.448-.36-.559-1.165-1.858-2.416-3.898-.267-.427-.497-.743-.69-.95-.155-.165-.325-.506-1.152-.545l-.948-.005v4.56a1.5 1.5 0 0 1 -1.5 1.5c-.78 0-1.5-.662-1.5-1.5v-11.54c0-.78.618-1.498 1.5-1.5l.95-.001h1.845zm-.18 2.2h-2.01v4.26h2.03c.857.008 1.449-.2 1.77-.51.353-.34.53-.89.53-1.65 0-.787-.174-1.333-.52-1.64-.315-.279-1.02-.46-1.8-.46z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_reservation_solid_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_reservation_solid_20.svg
new file mode 100644
index 0000000000..4b9a0bb28d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_reservation_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16 2a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2-2v-12a2 2 0 0 1 2-2zm-6.041 5.439c.44 0 .748.077.924.231s.264.429.264.825c0 .389-.092.667-.275.836s-.488.253-.913.253l-1.078.001v-2.146zm.077-1.438h-2.286a.75.75 0 0 0 -.75.75v6.307a.94.94 0 0 0 1.881 0v-2.303l.363-.002c.393 0 .578.09.764.297.125.138.24.307.347.506l1.22 2.027a.884.884 0 0 0 1.206.305.867.867 0 0 0 .3-1.194c-.2-.339-.507-.846-.922-1.523a3.228 3.228 0 0 0 -.468-.582 1.27 1.27 0 0 0 -.367-.236c.582-.172.985-.394 1.209-.666.293-.323.44-.778.44-1.364 0-.778-.242-1.359-.726-1.744s-1.221-.577-2.211-.577z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_standing_room_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_standing_room_20.svg
new file mode 100644
index 0000000000..2a38d2fdcd
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_standing_room_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13 8c-.347 0-.703-.173-.885-.469a1 1 0 0 1 -.04-.975l1.44-2.85-.015-.706c0-.552.463-1.018 1.015-1.018s.985.466.985 1.018l.015.712 1.41 2.852a1 1 0 0 1 -.047.971c-.182.295-.532.465-.878.465zm-6.525.995a2.48 2.48 0 1 0 0-4.959 2.48 2.48 0 0 0 0 4.959zm8.288.821a1 1 0 0 1 .178.988l-.718 2.021a1.81 1.81 0 0 1 -2.25 1.127l-2.496-.778a4.613 4.613 0 0 0 -1.261-.187l-3.888.014a.315.315 0 0 0 -.323.32v4.687c0 .6-.523 1-1 1-.476 0-1-.382-1-1v-4.688a2.322 2.322 0 0 1 2.32-2.318l3.883-.014a5.62 5.62 0 0 1 1.86.275l2.33.726.659-1.854a1 1 0 0 1 1.706-.319zm-5.757 4.694a1 1 0 0 1 1 1v2.482c-.006.509-.411 1-1 1s-1-.735-1-1v-2.482a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_standing_room_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_standing_room_24.svg
new file mode 100644
index 0000000000..c7d06768ef
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_standing_room_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.29 11.044a.999.999 0 0 1 .652 1.253l-.91 2.885a2.073 2.073 0 0 1 -2.798 1.281l-2.813-1.212c-.41-.177-.921-.248-1.421-.248-2.136.006-4.273.006-6.411 0-.274-.008-.587.248-.585.581l-.004 5.416a1 1 0 0 1 -1 1 1 1 0 0 1 -.994-1.005v-5.411a2.583 2.583 0 0 1 2.58-2.58l6.414-.004c.718-.001 1.552.131 2.211.417.344.155.7.313 1.069.474l1.144.488.6.25c.053.02.089-.008.103-.048.315-.975.619-1.937.91-2.886a.999.999 0 0 1 1.253-.651zm-6.254 5.956a1 1 0 0 1 1 1v2.974a1 1 0 0 1 -1.998 0v-2.974a1 1 0 0 1 .998-.999zm-3.183-12.739a3.503 3.503 0 1 1 -2.681 6.472 3.503 3.503 0 0 1 2.681-6.472zm9.644-2.265a1 1 0 0 1 1 .999l-.001.93 1.407 2.422.934 1.461a1 1 0 0 1 -.842 1.537h-5.005a1 1 0 0 1 -.856-1.514l2.364-3.93v-.906a1 1 0 0 1 1-1zm-10.984 3.997a1.504 1.504 0 1 0 0 3.008 1.504 1.504 0 0 0 0-3.008zm10.965.156-.721 1.198h1.417z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_standing_room_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_standing_room_32.svg
new file mode 100644
index 0000000000..88dc68c2e5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_standing_room_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m25.422 13.274a1 1 0 0 1 .226.978l-1.85 6.153a2.374 2.374 0 0 1 -3.1 1.542l-3.551-1.794a1.63 1.63 0 0 0 -.73-.173l-10.29.025c-.614 0-1.112.497-1.113 1.111v7.908c-.014.476-.461 1-1 1s-1.014-.524-1-1l.006-.858-.006-7.05a3.114 3.114 0 0 1 3.11-3.111l10.294.023c.57-.008 1.126.078 1.633.342l3.383 1.714a.373.373 0 0 0 .45-.255l1.849-6.153a1 1 0 0 1 1.689-.402zm-8.422 8.726a1 1 0 0 1 1 1v6c0 .5-.5 1-1 1s-1-.5-1-1v-6a1 1 0 0 1 1-1zm-6.5-15a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9zm0 2a2.5 2.5 0 0 0 -2.507 2.493 2.512 2.512 0 0 0 2.507 2.507 2.5 2.5 0 0 0 2.493-2.507 2.49 2.49 0 0 0 -2.493-2.493zm15.49-7.018a1 1 0 0 1 1 1v1.71l2.867 4.757a1 1 0 0 1 -.843 1.538h-6.046a1 1 0 0 1 -.857-1.515l2.878-4.786.001-1.704a1 1 0 0 1 1-1zm-.014 4.946-1.24 2.06h2.453z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_steppless_entry_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_steppless_entry_20.svg
new file mode 100644
index 0000000000..032571d8dc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_steppless_entry_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m6.129 13.021a3.338 3.338 0 0 1 0-4.714.999.999 0 1 1 1.414 1.414 1.335 1.335 0 0 0 1.676 2.058 1.001 1.001 0 0 1 1.101 1.67 3.338 3.338 0 0 1 -4.192-.428zm3.158-7.847a1.282 1.282 0 1 0 0-2.565 1.282 1.282 0 0 0 0 2.565zm4.933 8.752a1 1 0 0 0 .555-1.301l-1.341-3.333a1 1 0 0 0 -.928-.627h-1.589l-.567-1.946a.999.999 0 1 0 -1.92.558l.777 2.667a1 1 0 0 0 .96.721h1.664l1.089 2.706a.999.999 0 0 0 1.301.555zm-3.525 2.072h-7.695a1 1 0 1 0 0 2h7.694a1 1 0 1 0 0-2zm6.305 0h-2.305a1 1 0 1 0 0 2h2.305a1 1 0 1 0 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_steppless_entry_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_steppless_entry_24.svg
new file mode 100644
index 0000000000..9d4213305c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_steppless_entry_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.512 15.863a3.964 3.964 0 0 1 0-5.597.999.999 0 1 1 1.414 1.414 1.961 1.961 0 0 0 0 2.769 1.963 1.963 0 0 0 2.769 0 1 1 0 1 1 1.415 1.414 3.952 3.952 0 0 1 -2.798 1.157 3.944 3.944 0 0 1 -2.798-1.157zm3.512-9.306a1.558 1.558 0 1 0 0-3.116 1.558 1.558 0 0 0 0 3.116zm5.624 10.465a1 1 0 0 0 .928-1.373l-1.7-4.226a1 1 0 0 0 -.928-.627h-2.215l-.775-2.659a1 1 0 0 0 -1.92.558l.985 3.38a1 1 0 0 0 .96.721h2.29l1.448 3.599a.999.999 0 0 0 .928.627zm-3.954 1.977h-9.694a1 1 0 1 0 0 2h9.694a1 1 0 1 0 0-2zm8.305 0h-4.305a1 1 0 1 0 0 2h4.305a1 1 0 1 0 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_steppless_entry_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_steppless_entry_32.svg
new file mode 100644
index 0000000000..95664630cb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_steppless_entry_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m19.695 26.999a1 1 0 0 1 -1 1h-14.694a1 1 0 1 1 0-2h14.695a1 1 0 0 1 1 1zm-5.642-3a5.959 5.959 0 0 0 4.242-1.757c.204-.203.39-.418.558-.642a1 1 0 1 0 -1.599-1.201 3.928 3.928 0 0 1 -.373.428c-1.512 1.512-4.146 1.512-5.657 0a3.985 3.985 0 0 1 -.274-5.353 1 1 0 0 0 -1.55-1.265 5.979 5.979 0 0 0 .41 8.032 5.958 5.958 0 0 0 4.243 1.758zm-.5-15.41a2 2 0 1 0 .001-3.999 2 2 0 0 0 -.001 3.999zm9.394 15.41a.999.999 0 0 0 .928-1.37l-2.394-6a.999.999 0 0 0 -.929-.63h-3.478l-.58-2h1.969a1 1 0 1 0 0-2h-2.549l-.063-.218a2.516 2.516 0 0 0 -2.395-1.782h-.897a1 1 0 1 0 0 2h.897c.219 0 .416.146.477.348l1.431 4.931a1 1 0 0 0 .96.722h3.551l2.143 5.37a1 1 0 0 0 .929.63zm5.054 2h-5.305a1 1 0 1 0 0 2h5.305a1 1 0 1 0 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_support_dog_20.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_support_dog_20.svg
new file mode 100644
index 0000000000..297b401686
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_support_dog_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m17.316 5.052-2.776-.926-1.833-1.833a.997.997 0 0 0 -1.012-.245.997.997 0 0 0 -.681.788l-.823 4.94-5.484-5.483a.999.999 0 1 0 -1.414 1.414l4.293 4.293h-3.408c-.057-.09-.178-.355-.178-1a1 1 0 1 0 -2 0c0 1.514.5 2.262 1 2.633v5.867c0 1.38 1.122 2.5 2.5 2.5s2.5-1.12 2.5-2.5v-1.11a5.138 5.138 0 0 0 2 0v1.11c0 1.38 1.122 2.5 2.5 2.5s2.5-1.12 2.5-2.5v-5.626c1.445-.357 3-1.508 3-3.874a.998.998 0 0 0 -.684-.948zm-9.869 7.054a1 1 0 0 0 -1.447.895v2.5a.5.5 0 0 1 -1 0v-5.5h4v2.5c-.616 0-1.332-.286-1.553-.395zm5.053 3.895a.5.5 0 0 1 -.5-.5v-2.5a1.002 1.002 0 0 0 -1-.999v-1.382l2 1v3.882a.5.5 0 0 1 -.5.5zm1.5-8a1 1 0 0 0 -1 1v.382l-.969-.485.636-3.816.626.626a1 1 0 0 0 .391.241l2.229.743c-.333 1.18-1.516 1.303-1.912 1.31h-.001z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_support_dog_24.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_support_dog_24.svg
new file mode 100644
index 0000000000..79ec711ddd
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_support_dog_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21.316 5.91-3.633-1.213-2.405-2.404a.997.997 0 0 0 -1.012-.245.997.997 0 0 0 -.681.788l-1.146 6.88h-.024l-7.422-7.424a.999.999 0 1 0 -1.414 1.414l6.007 6.008h-5.203c-.105-.069-.383-.459-.383-1.569a1 1 0 1 0 -2 0c0 1.951.67 2.834 1.286 3.235v7.691a2.932 2.932 0 0 0 2.929 2.93 2.932 2.932 0 0 0 2.929-2.93v-1.72c.942.28 2.2.28 3.143 0v1.72a2.932 2.932 0 0 0 2.929 2.93 2.932 2.932 0 0 0 2.929-2.93v-7.461c1.699-.34 3.857-1.586 3.857-4.752a.998.998 0 0 0 -.684-.948zm-12.674 9.08a1.002 1.002 0 0 0 -1.5.866v3.214a.93.93 0 0 1 -.929.93.93.93 0 0 1 -.929-.93v-7.356h5.714v3.863c-.095.01-.191.02-.286.02-.993 0-2.064-.603-2.072-.606h.002zm6.572 5.01a.93.93 0 0 1 -.929-.93v-3.214a.998.998 0 0 0 -1-1 1 1 0 0 0 -.286.046v-2.57l3.143 1.571v5.167a.93.93 0 0 1 -.929.93zm1.929-10.287a1 1 0 0 0 -1 1v.954l-1.849-.924.944-5.663 1.198 1.197a1 1 0 0 0 .391.241l3.112 1.038c-.375 2.016-2.369 2.151-2.796 2.156z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/feature/db_ic_support_dog_32.svg b/review/refactor-icon-update/icons/functional/images/feature/db_ic_support_dog_32.svg
new file mode 100644
index 0000000000..1a38d5ae15
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/feature/db_ic_support_dog_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m29.316 7.623-5.348-1.783-3.547-3.547a.997.997 0 0 0 -1.012-.245.997.997 0 0 0 -.681.788l-1.718 10.307h-.108l-11.354-10.866a1 1 0 0 0 -1.383 1.445l9.843 9.42h-9.097c-.261-.048-.911-.619-.911-2.714a1 1 0 1 0 -2 0c0 2.862 1.032 3.983 1.857 4.425v11.36a3.79 3.79 0 0 0 3.786 3.787 3.79 3.79 0 0 0 3.786-3.786v-3.12c.759.266 1.729.513 2.714.513s1.955-.247 2.714-.513v3.12a3.79 3.79 0 0 0 3.786 3.786 3.79 3.79 0 0 0 3.786-3.786v-12.004c1.043-.007 2.582-.219 3.794-1.232 1.179-.986 1.777-2.47 1.777-4.407a.998.998 0 0 0 -.684-.948zm-18.402 13.074a1.002 1.002 0 0 0 -1.486.874v4.643c0 .986-.801 1.786-1.786 1.786a1.788 1.788 0 0 1 -1.786-1.786v-11.07h9.643v6.27a5.515 5.515 0 0 1 -1.357.193c-1.565 0-3.212-.9-3.229-.909h.001zm9.729 7.303a1.788 1.788 0 0 1 -1.786-1.786v-4.643a1 1 0 0 0 -1.001-.999.999.999 0 0 0 -.356.074v-5.038l4.929 1.931v8.675c0 .985-.801 1.786-1.786 1.786zm6.304-16.562c-1.261 1.063-3.324.725-3.342.721a1 1 0 0 0 -1.176.985v2.25l-3.535-1.387 1.488-8.925 2.34 2.34a1 1 0 0 0 .391.241l4.85 1.617c-.108.957-.448 1.682-1.015 2.158z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/food/db_ic_breakfast_20.svg b/review/refactor-icon-update/icons/functional/images/food/db_ic_breakfast_20.svg
new file mode 100644
index 0000000000..0c8e4bdb06
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/food/db_ic_breakfast_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.75 10.25c1.077.037 2 .755 2 1.75 0 .972-.89 1.725-2 1.747v.744c0 .793-.099 1.368-.356 1.84a2.557 2.557 0 0 1 -1.063 1.063c-.444.237-.88.337-1.612.354l-1.21.002c-.872 0-1.352-.095-1.84-.356a2.567 2.567 0 0 1 -1.063-1.063c-.237-.444-.337-.88-.354-1.612l-.002-4.469zm-1.5 1.5h-4.5l.001 2.923c.007.398.027.585.109.8.082.216.322.494.517.599.142.075.39.177.921.177h1.352c.57 0 .803-.086.973-.177a1.08 1.08 0 0 0 .449-.449c.089-.167.178-.51.178-.842zm-7.1-9.518c1.051.514 1.19 1.425.765 2.348l-.265.518c.26.158.4.447.362.742l-.155 1.22c.48-.06.874.245.91.654a.765.765 0 0 1 -.694.835l-4.939.373c-.09 1.158.438 2.595.858 3.196l1.947-.923c.338-.172.7-.103.956.241.255.345.114.857-.19 1.044l-.85.44c.21.54.77 1.136.933 1.287a.75.75 0 0 1 -1.02 1.1 5.707 5.707 0 0 1 -.61-.663 5.156 5.156 0 0 1 -.67-1.102l-.39.185a.75.75 0 0 1 -.863-.16c-.619-.647-1.068-1.516-1.357-2.596-.29-1.08-.335-2.058-.123-2.928.068-.28.302-.621 1.004-.596-.071-.595-.075-1.112-.01-1.549a3.83 3.83 0 0 1 1.287-2.36.75.75 0 0 1 .678-.166l.152-.289c.498-.956 1.196-1.383 2.284-.85zm4.35 4.768v2h-1.5v-2zm2.5-1v3h-1.5v-3zm-9.335-.945c-.27.453-.413.785-.455 1.278-.027.329-.013.639.042.93l2.081-.104.13-1.023z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/food/db_ic_breakfast_24.svg b/review/refactor-icon-update/icons/functional/images/food/db_ic_breakfast_24.svg
new file mode 100644
index 0000000000..23d5ebd116
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/food/db_ic_breakfast_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m4.554 12.232.867.88c.327-.43.746-.46 1.036-.317l1.23.607c.114-.199.31-.359.546-.369.158-.007.676-.01 1.554-.007a.75.75 0 0 1 .102 1.493l-1.171.03-.954 5.102c1.925.515 3.751.44 5.28.026l-.417-2.003c-.075-.339.091-.748.491-.872.4-.125.877.062.98.561l.276 1.274c.427-.043 1.458-.322 2.065-.814a.75.75 0 0 1 .93 1.177c-.874.69-2.167 1.032-2.685 1.109a.751.751 0 0 1 -.437.713c-1.867.871-5.32 1.025-7.62 0-.292-.13-.532-.46-.386-1.005-2.013-.346-3.379-1.229-4.097-2.65-.144-.286-.13-.732.352-1.082l-.884-.898c-.77-.783-.832-2.044-.03-2.925.8-.882 2.172-.843 2.972-.03zm1.726 2.148-2.522 2.56c.305.438.726.744 1.253.987.352.162.81.294 1.373.395l.708-3.542-.812-.401zm11.55-11.17a2.994 2.994 0 0 1 2.12 3.674c.571.204 1.005.453 1.3.747.443.441.696.876.825 1.429.125.537.106 1.017-.086 1.799l-.547 2.052c-.25.931-.479 1.402-.894 1.845a2.817 2.817 0 0 1 -1.428.824c-.537.126-1.017.106-1.8-.086l-3.29-.879c-.538-.144-.845-.293-1.135-.564a1.909 1.909 0 0 1 -.557-.966c-.079-.338-.07-.64.03-1.072l1.788-6.666c.404-1.64 2.13-2.55 3.673-2.137zm-15.175 10.102a.586.586 0 0 0 .025.822l.868.882.82-.835-.884-.897c-.197-.2-.591-.258-.829.028zm12.914-5.532-1.285 4.824 3.684.988c.3.061.537.077.698.04.167-.04.554-.223.719-.809.165-.585.398-1.455.716-2.674.088-.39.05-.533.026-.636a.818.818 0 0 0 -.244-.423c-.058-.055-.179-.179-.564-.296a726.88 726.88 0 0 0 -3.75-1.014zm-5.606 1.604.966.26a1 1 0 1 1 -.517 1.931l-.966-.259a1 1 0 0 1 .517-1.932zm-.19-3.156 1.933.517a1 1 0 1 1 -.518 1.932l-1.932-.517a1 1 0 1 1 .518-1.932zm6.314-.38 1.94.52c.125-.635-.22-1.094-.715-1.226a.997.997 0 0 0 -1.225.707z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(.25881905 .96592583 -.96592583 .25881905 20.485979 -2.051848)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/food/db_ic_breakfast_32.svg b/review/refactor-icon-update/icons/functional/images/food/db_ic_breakfast_32.svg
new file mode 100644
index 0000000000..e15b1a6950
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/food/db_ic_breakfast_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m12.68 3.137a3 3 0 0 1 1.098 4.098l-.993 1.72.432.25a1 1 0 0 1 .482 1.056l-.331 1.713a1.01 1.01 0 0 1 1.055.624l.573 2.114a1 1 0 0 1 -1.895.628l-.36-1.321-8.552.552c-.22 2.06.515 5.429 1.999 7.458l5.385-2.659a1 1 0 0 1 .993 1.732 232.71 232.71 0 0 1 -3.966 1.982c.739 1.756 1.81 2.931 3.211 3.526.268-.507.9-.685 1.37-.428a1 1 0 0 1 .445 1.272l-.473.832c-.217.375-.65.552-1.074.479-2.76-.479-4.492-3.048-5.286-4.805l-.446.221a.984.984 0 0 1 -1.191-.233c-2.403-2.795-3.455-7.747-2.82-10.523.09-.394.4-.708.795-.782l.617-.046c-.12-2.157-.12-4.804 2.175-6.804.324-.282.794-.34 1.17-.123l.494.285.994-1.72a3 3 0 0 1 4.098-1.098zm14.32 14.863a3 3 0 0 1 .176 5.995l-1.196.005c-.05.83-.2 1.38-.498 1.937a3.726 3.726 0 0 1 -1.544 1.544c-.66.353-1.312.498-2.433.517l-1.935.002c-1.099 0-1.82-.151-2.508-.519a3.726 3.726 0 0 1 -1.544-1.544c-.337-.63-.492-1.29-.516-2.24l-.002-3.416c0-.557.065-.892.252-1.242a1.9 1.9 0 0 1 .788-.788c.306-.164.6-.234 1.043-.249zm-3 2h-7v3.43c0 .79.084 1.193.283 1.564.168.314.409.555.723.723.334.179.693.265 1.338.28l2.307-.003c.69-.02 1.016-.102 1.343-.277.314-.168.555-.409.723-.723.157-.294.24-.588.27-1.147zm3 0h-1v2h1a1 1 0 0 0 0-2zm-8-7a1 1 0 0 1 1 1v1a1 1 0 0 1 -2 0v-1a1 1 0 0 1 1-1zm3-1a1 1 0 0 1 1 1v2a1 1 0 0 1 -2 0v-2a1 1 0 0 1 1-1zm-15.23-4.207c-1.4 1.83-1.102 3.718-1.018 4.662l5.554-.348.295-1.525-4.83-2.789zm3.544-2.558-.994 1.72 1.733 1 .993-1.72a1 1 0 1 0 -1.732-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/food/db_ic_coffee_cup_20.svg b/review/refactor-icon-update/icons/functional/images/food/db_ic_coffee_cup_20.svg
new file mode 100644
index 0000000000..3c190534c3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/food/db_ic_coffee_cup_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15 8c1.656 0 3 1.344 3 3.031 0 1.625-1.344 2.969-3 2.969h-1v.5c0 1.938-1.563 3.5-3.5 3.5h-4a3.494 3.494 0 0 1 -3.5-3.5v-6.5zm-3 2h-7v4.5c0 .844.656 1.531 1.5 1.531h4c.844 0 1.5-.687 1.5-1.531zm3 0h-1v2h1a.98.98 0 0 0 1-.969c0-.594-.438-1.031-1-1.031zm-10-4h2v-3h-2zm4 0h2v-4h-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/food/db_ic_coffee_cup_24.svg b/review/refactor-icon-update/icons/functional/images/food/db_ic_coffee_cup_24.svg
new file mode 100644
index 0000000000..fe20da88c2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/food/db_ic_coffee_cup_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.016 10.009a2.988 2.988 0 0 1 2.984 2.981 2.993 2.993 0 0 1 -2.984 3.007h-1.01v.986a4.03 4.03 0 0 1 -4.021 4.017h-5.989c-2.211 0-3.996-1.808-3.996-4.016v-6.975zm-3.008 1.996h-10.01v4.979c0 1.104.892 1.996 1.997 1.996h5.992c1.104 0 2.02-.892 2.02-1.996v-4.98zm3.008 0h-1.01v1.995h1.01c.54 0 .987-.446.987-1.01a.993.993 0 0 0 -.987-.986zm-12.032-5.026a.998.998 0 1 0 1.997 0v-1.996a.993.993 0 0 0 -.986-.987.998.998 0 0 0 -1.01.987v1.996zm3.008 0a.998.998 0 1 0 1.997 0v-3.97c0-.54-.446-1.009-.986-1.009-.564 0-1.01.47-1.01 1.01v3.969zm3.008 0a.998.998 0 1 0 1.997 0v-1.973a.998.998 0 1 0 -1.997 0v1.974z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/food/db_ic_coffee_cup_32.svg b/review/refactor-icon-update/icons/functional/images/food/db_ic_coffee_cup_32.svg
new file mode 100644
index 0000000000..32f7d13093
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/food/db_ic_coffee_cup_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m2 28.016c0 .53.438.968.969.968h26.061a.974.974 0 0 0 .969-.968.98.98 0 0 0 -.969-1h-26.06a.98.98 0 0 0 -.969 1zm4.031-6.938a3.908 3.908 0 0 0 3.907 3.906h10.124c2.125 0 3.907-1.75 3.907-3.875v-2.28h1.125a3.908 3.908 0 0 0 3.906-3.908 3.888 3.888 0 0 0 -3.906-3.906h-19.064v10.062zm1.938.031v-8.125h14.031v8.125a1.947 1.947 0 0 1 -1.938 1.938h-10.124c-1.062 0-1.968-.875-1.968-1.938zm2.031-13.093a.98.98 0 0 0 1 .968.974.974 0 0 0 .969-.968v-4.032a.974.974 0 0 0 -.969-.968.98.98 0 0 0 -1 .968zm4 .03c0 .532.438.97.969.97a.974.974 0 0 0 .969-.97v-6.061a.974.974 0 0 0 -.97-.968.974.974 0 0 0 -.968.968v6.063zm4 .063c0 .532.438.97.969.97a.974.974 0 0 0 .968-.97v-4.125a.974.974 0 0 0 -.968-.968.974.974 0 0 0 -.969.968v4.126zm5.969 8.75v-3.875h1.125c1.093 0 1.968.875 1.968 1.938 0 1.062-.875 1.937-1.968 1.937z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/food/db_ic_coffee_cup_solid_20.svg b/review/refactor-icon-update/icons/functional/images/food/db_ic_coffee_cup_solid_20.svg
new file mode 100644
index 0000000000..4cca5dfa87
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/food/db_ic_coffee_cup_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15 8c1.656 0 3 1.344 3 3.031 0 1.625-1.344 2.969-3 2.969h-1v.5c0 1.938-1.563 3.5-3.5 3.5h-4a3.494 3.494 0 0 1 -3.5-3.5v-6.5zm0 2h-1v2h1a.98.98 0 0 0 1-.969c0-.594-.438-1.031-1-1.031zm-9-4h2v-3h-2zm4 0h2v-4h-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/food/db_ic_drink_20.svg b/review/refactor-icon-update/icons/functional/images/food/db_ic_drink_20.svg
new file mode 100644
index 0000000000..1a5008c31a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/food/db_ic_drink_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m4.022 9 5.998.002c.624 0 1.073.565.995 1.15l-.976 6.975c-.059.488-.488.854-.977.873h-4.005a1.056 1.056 0 0 1 -.996-.873l-1.048-6.974c-.098-.606.384-1.153 1.009-1.153zm4.866 2.004h-3.705l.733 5.003h2.266zm2.112-7.004h2.005l-.007.998c0 .858.235 1.697.644 2.457l.917 1.697c.273.507.439 1.053.439 1.6v5.248l-2.002.004a.988.988 0 0 0 -.996.996 1 1 0 0 0 .996.996l2.998.004c.547 0 1.006-.469 1.006-.996v-6.252c0-.879-.244-1.758-.674-2.54l-.918-1.719c-.254-.469-.41-.966-.41-1.493v-1.398c0-.88-.723-1.602-1.622-1.602h-2.755c-.898 0-1.621.723-1.621 1.602v1.416c0 .585.41.994.995.994s1.005-.427 1.005-1.012z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/food/db_ic_drink_24.svg b/review/refactor-icon-update/icons/functional/images/food/db_ic_drink_24.svg
new file mode 100644
index 0000000000..125bfe6de1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/food/db_ic_drink_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m15 22h3.26c.96 0 1.74-.797 1.74-1.759v-7.925c0-.96-.195-1.922-.57-2.837l-1.03-2.602a5.565 5.565 0 0 1 -.398-2.134v-.75c0-1.103-.867-1.993-1.944-1.993h-2.13c-1.056 0-1.928.914-1.928 1.993v.75c0 .727-.11 1.454-.392 2.125l-.328.775c-.259.634.234 1.386.938 1.386.399 0 .798-.259.938-.634l.305-.776c.376-.939.536-1.89.536-2.9v-.719h2.003v.72a7.7 7.7 0 0 0 .558 2.9l1.032 2.583c.271.683.412 1.41.412 2.137v7.66h-3.002c-.562 0-1 .437-1 1 0 .54.438 1 1 1zm-10.014-11 7.024.022c.538 0 1.052.422.982 1.125l-1.028 8.987c-.047.492-.49.866-.98.866h-4.949a.969.969 0 0 1 -.98-.866l-1.049-9.034a.966.966 0 0 1 .98-1.1zm1.128 2 .224 2.02h1.642a.996.996 0 1 1 0 1.993h-1.407l.36 3.013h3.162l.818-7.024-4.8-.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/food/db_ic_drink_32.svg b/review/refactor-icon-update/icons/functional/images/food/db_ic_drink_32.svg
new file mode 100644
index 0000000000..7b48b1bd20
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/food/db_ic_drink_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16.156 16c1.125 0 2 .906 2 2 0 .094 0 .219-.031.313l-1.656 10a2.01 2.01 0 0 1 -1.97 1.687h-4.312c-1 0-1.812-.719-1.968-1.688l-1.688-10c-.219-1.217.75-2.312 1.969-2.312zm0 2h-7.656l.687 4h2.813c.563 0 1 .438 1 1 0 .531-.437 1-1 1h-2.5l.687 4h4.313zm-1.312-6.938 1.531-3.03c.437-.845.625-1.782.625-2.688v-1.344c0-1.125.906-2 2-2h2c1.094 0 2 .875 2 2v1.344c0 .906.187 1.843.625 2.687l1.531 3.031a7.862 7.862 0 0 1 .844 3.564v13.374c0 1.094-.906 2-2 2h-4c-.563 0-1-.469-1-1 0-.563.437-1 1-1h4v-13.375c0-.906-.219-1.844-.625-2.656l-1.531-3.063a7.862 7.862 0 0 1 -.844-3.562v-1.344h-2v1.344a7.862 7.862 0 0 1 -.844 3.562l-1.531 3.063c-.156.344-.531.531-.875.531-.563 0-1-.438-1-1a1.1 1.1 0 0 1 .094-.438z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/food/db_ic_restaurant_20.svg b/review/refactor-icon-update/icons/functional/images/food/db_ic_restaurant_20.svg
new file mode 100644
index 0000000000..a4f45bd633
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/food/db_ic_restaurant_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m4 7c0 1.125.906 2 2 2 1.031 0 2-.875 2-2v-4c0-.563.469-1 1-1 .563 0 1 .469 1 1v4.031a3.958 3.958 0 0 1 -3 3.844v6.125c0 .563-.469 1-1 1-.563 0-1-.438-1-1v-6.125c-1.719-.438-3-1.969-3-3.844v-4.031c0-.563.438-1 1-1 .563 0 1 .438 1 1zm2-5c.531 0 1 .438 1 1v3.5a1 1 0 1 1 -2 0v-3.5c0-.563.438-1 1-1zm11 0c.563 0 1 .438 1 1v14c0 .563-.438 1-1 1-.563 0-1-.438-1-1v-3h-4v-6.938c0-2.686 2.188-5.062 4.875-5.062zm-1 2c-1.188.375-2 1.75-2 3v5h2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/food/db_ic_restaurant_24.svg b/review/refactor-icon-update/icons/functional/images/food/db_ic_restaurant_24.svg
new file mode 100644
index 0000000000..84f1350c53
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/food/db_ic_restaurant_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m6 7v-3.969c0-.561.438-1.031 1-1.031.5 0 1 .375 1 1.031v3.969a1 1 0 1 1 -2 0zm-2-3.969v4.189c0 1.5 1.219 2.75 2.75 2.75h.469c1.531 0 2.75-1.25 2.75-2.75v-2.22h.031v-1.969c0-.561.438-1.031 1-1.031.531 0 .969.469.969 1.031v4.189a4.774 4.774 0 0 1 -4 4.718v9.032c0 .56-.439 1.03-.969 1.03-.563 0-1-.469-1-1.031v-9.032a4.774 4.774 0 0 1 -4-4.717v-4.19c0-.56.438-1.03 1-1.03.531 0 1 .469 1 1.031zm17-1.031c.563 0 1 .438 1 1v18c0 .563-.438 1-1 1-.531 0-1-.438-1-1v-5h-4a1 1 0 0 1 -1-1v-7.031a5.914 5.914 0 0 1 2.643-4.959 6.052 6.052 0 0 1 3.357-1.01zm-1 2.094c-1.781.468-3.031 2.093-3.031 3.875l.031 6.031h3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/food/db_ic_restaurant_32.svg b/review/refactor-icon-update/icons/functional/images/food/db_ic_restaurant_32.svg
new file mode 100644
index 0000000000..6ab2b24aa7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/food/db_ic_restaurant_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m10 9v-6c0-.531.438-1 1-1 .563 0 1 .469 1 1v6a1 1 0 0 1 -2 0zm-2-.024c0 1.67 1.344 3.024 3 3.024s3-1.354 3-3.024v-5.976c0-.531.438-1 1-1 .563 0 1 .469 1 1v6a4.999 4.999 0 0 1 -4 4.906v15.094c0 .531-.438 1-1 1-.563 0-1-.469-1-1v-15.094a4.999 4.999 0 0 1 -4-4.906v-6c0-.531.438-1 1-1 .563 0 1 .469 1 1zm11 10.024v-10.969c0-3.311 2.688-6.031 6-6.031.563 0 1 .469 1 1.031v25.972c0 .53-.438 1-1 1-.563 0-1-.47-1-1v-9.003h-4a1 1 0 0 1 -1-1zm2-1h3v-13.875c-1.75.438-3 2.031-3 3.875z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/it/db_ic_database_20.svg b/review/refactor-icon-update/icons/functional/images/it/db_ic_database_20.svg
new file mode 100644
index 0000000000..956b1d3ccb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/it/db_ic_database_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15 3a3 3 0 0 1 2.236 5c.475.53.764 1.231.764 2s-.29 1.47-.765 2c.476.53.765 1.232.765 2 0 1.598-1.285 3-3 3.026l-10-.026a3 3 0 0 1 -2.236-5 2.989 2.989 0 0 1 -.764-2c0-.768.289-1.47.764-2a2.989 2.989 0 0 1 -.764-2c0-1.598 1.28-3 3-3zm-10 10a1 1 0 0 0 0 2h10a1 1 0 0 0 1-1c0-.513-.403-1-1-1zm0-4a1 1 0 0 0 -1 1c0 .513.427 1 1 1h10a1 1 0 0 0 1-1c0-.513-.382-.968-1-1zm0-4a1 1 0 0 0 -1 1c0 .513.43 1 1 1h10a1 1 0 0 0 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/it/db_ic_database_24.svg b/review/refactor-icon-update/icons/functional/images/it/db_ic_database_24.svg
new file mode 100644
index 0000000000..a964203219
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/it/db_ic_database_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5 2a2.497 2.497 0 0 1 2.5 2.5v3c0 .563-.186 1.083-.5 1.501.275.365.5.875.5 1.499v3c0 .563-.186 1.083-.5 1.501.275.365.5.874.5 1.499v3c0 1.325-1.058 2.5-2.5 2.5h-15a2.502 2.502 0 0 1 -2.5-2.5v-3c0-.563.186-1.082.5-1.5a2.551 2.551 0 0 1 -.5-1.5v-3c0-.563.186-1.082.5-1.5a2.523 2.523 0 0 1 -.5-1.5v-3c0-1.325 1.07-2.5 2.5-2.5zm0 14h-15c-.245 0-.5.19-.5.5v3c0 .245.206.5.5.5h15c.245 0 .5-.21.5-.5v-3a.5.5 0 0 0 -.5-.5zm-13.5 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm13.5-7h-15a.505.505 0 0 0 -.5.5v3c0 .245.208.5.5.5h15c.245 0 .5-.207.5-.5v-3a.5.5 0 0 0 -.5-.5zm-13.5 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm13.5-7h-15a.507.507 0 0 0 -.5.5v3c0 .245.218.5.5.5h15c.245 0 .5-.204.5-.5v-3a.5.5 0 0 0 -.5-.5zm-13.5 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/it/db_ic_database_32.svg b/review/refactor-icon-update/icons/functional/images/it/db_ic_database_32.svg
new file mode 100644
index 0000000000..bbf7648980
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/it/db_ic_database_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27 3a3 3 0 0 1 3 3v4c0 .769-.29 1.47-.765 2 .429.478.765 1.16.765 2v4c0 .769-.29 1.47-.765 2 .429.478.792 1.217.765 2v4c0 1.598-1.286 3-3 3h-22c-1.598 0-3-1.294-3-3v-4c0-.768.289-1.47.764-2a3.013 3.013 0 0 1 -.764-2v-4c0-.768.289-1.47.764-2a3.022 3.022 0 0 1 -.764-2v-4c0-1.598 1.28-3 3-3zm-22 18a1 1 0 0 0 -1 1v4c0 .513.412 1 1 1h22c.513 0 1-.426 1-1v-4c0-.513-.415-1-1-1zm2 2a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm18 0a1 1 0 0 1 1 1c0 .513-.449 1-1 1h-4a1 1 0 0 1 -1-1c0-.513.424-1 1-1zm-20-10a.991.991 0 0 0 -.993 1l-.007 4c0 .513.432 1 1 1h22c.513 0 1-.43 1-1v-4a.99.99 0 0 0 -1-1zm2 2a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm18 0a1 1 0 0 1 0 2h-4a1 1 0 0 1 -1-1c0-.513.424-1 1-1zm-20-10c-.513 0-.993.42-1 1v4c0 .513.437 1 1 1h22c.513 0 1-.435 1-.974v-4.026c0-.513-.415-1-1-1zm2 2a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm18 0a1 1 0 0 1 .117 1.993l-4.117.007a1 1 0 0 1 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/it/db_ic_database_solid_20.svg b/review/refactor-icon-update/icons/functional/images/it/db_ic_database_solid_20.svg
new file mode 100644
index 0000000000..391d055be0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/it/db_ic_database_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16 13a2 2 0 1 1 0 4h-12a2 2 0 1 1 0-4zm-12 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm12-6a2 2 0 1 1 0 4h-12a2 2 0 1 1 0-4zm-12 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm12-6a2 2 0 1 1 0 4h-12a2 2 0 1 1 0-4zm-12 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_1st_class_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_1st_class_20.svg
new file mode 100644
index 0000000000..b9bb31c5a3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_1st_class_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m6 14.973c0-.533.469-.973 1-.973h2v-7.156l-1.344.718a.99.99 0 0 1 -.5.125c-.562 0-1-.468-1-1.062 0-.344.219-.656.563-.813l2.812-1.53c.125-.095.281-.126.469-.126.469 0 1 .407 1 1v8.844h2c.344 0 .688.191.875.504a.916.916 0 0 1 .125.5.99.99 0 0 1 -.125.5c-.188.312-.531.5-.875.5h-6c-.531 0-1-.469-1-1.032zm10 .03c0-.562.469-1 1-1 .563 0 1 .438 1 1 0 .563-.438 1-1 1-.531 0-1-.437-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_1st_class_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_1st_class_24.svg
new file mode 100644
index 0000000000..0d6658472f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_1st_class_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7 18c0-.563.438-1 1-1h2.969v-9.313l-2.469 1.313c-.156.063-.313.125-.5.125-.5 0-1-.406-1-1.063 0-.343.219-.656.531-.843l3.969-2.094a.881.881 0 0 1 .469-.125c.561 0 1.031.469 1.031 1v11h3c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-8c-.563 0-1-.438-1-1zm12 0c0-.563.438-1 1-1 .563 0 1 .438 1 1 0 .563-.438 1-1 1-.563 0-1-.438-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_1st_class_32.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_1st_class_32.svg
new file mode 100644
index 0000000000..fd9526d9bb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_1st_class_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m9 24.031c0-.562.438-1 1-1h5v-14.343l-4.002 2.161a1.08 1.08 0 0 1 -.498.12c-.563 0-1-.438-1-.938 0-.375.187-.75.53-.936l5.503-2.976a.96.96 0 0 1 .467-.119c.531 0 1 .5 1 1v16.031h4.969c.562 0 1.031.438 1.031 1 0 .532-.469 1-1.031 1h-11.969c-.563 0-1-.468-1-1zm17 0c0-.562.438-1 1-1 .531 0 1 .438 1 1 0 .532-.469 1-1 1-.563 0-1-.468-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_2nd_class_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_2nd_class_20.svg
new file mode 100644
index 0000000000..9b084fccaa
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_2nd_class_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m17 14c.571 0 1 .429 1 1 0 .543-.429 1-1 1-.543 0-1-.457-1-1 0-.571.457-1 1-1zm-7.916-10c2.182 0 3.959 1.59 3.959 3.74s-1.029 4.047-3.553 6.26h3.272c.593 0 1.06.408 1.06.97 0 .56-.467 1.028-1.06 1.028h-6.232c-.561 0-1.029-.499-1.029-1.029 0-.343.125-.654.405-.841l.624-.468c2.774-2.088 4.457-3.894 4.457-5.702 0-1.558-1.06-1.87-1.902-1.87-.56 0-1.215.156-1.745.406-.28.124-.499.218-.717.218a1.043 1.043 0 0 1 -1.028-1.06c0-.343.187-.717.56-.904.935-.436 1.902-.748 2.93-.748z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_2nd_class_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_2nd_class_24.svg
new file mode 100644
index 0000000000..b8f5a7076b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_2nd_class_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7 17.998a.98.98 0 0 1 .387-.807l.645-.484c3.549-2.613 5.65-4.895 5.645-7.19 0-2.162-1.612-2.485-2.58-2.485-.742 0-1.549.194-2.258.452-.484.193-.613.258-.742.258-.516 0-1-.42-1-1.032 0-.355.193-.71.548-.904a8.08 8.08 0 0 1 3.452-.806c2.806 0 4.58 1.774 4.58 4.516 0 2.839-2.129 5.288-4.774 7.482h4.678c.58 0 1.032.451 1.032 1 0 .548-.452 1-1.032 1h-7.581c-.548 0-1-.42-1-1zm12 0c0-.546.455-1 1-1 .546 0 1 .454 1 1 0 .545-.454 1-1 1-.545 0-1-.455-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_2nd_class_32.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_2nd_class_32.svg
new file mode 100644
index 0000000000..db18e0e439
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_2nd_class_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m9 24.031c0-.312.155-.595.406-.781l.719-.531c5.127-3.79 8.156-7 8.156-10.407 0-2.468-1.437-3.874-3.968-3.874-1.25 0-2.563.312-3.75.874a1.103 1.103 0 0 1 -.438.094c-.596 0-1-.496-1-1 0-.344.219-.719.563-.875 1.406-.656 3.093-1.062 4.625-1.062 3.593 0 5.937 2.281 5.937 5.843 0 3.782-2.781 7.032-7.375 10.75h7.656a.98.98 0 0 1 1 .97.98.98 0 0 1 -1 .968h-10.531a.98.98 0 0 1 -1-.969zm16.031-.031c0-.594.469-1.094 1.063-1.094s1.094.5 1.094 1.094-.5 1.063-1.094 1.063a1.054 1.054 0 0 1 -1.064-1.063z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_alternative_connection_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_alternative_connection_20.svg
new file mode 100644
index 0000000000..1688a73902
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_alternative_connection_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2.492 13.992c0-.553.423-.992 1.008-.992h3.5a1 1 0 0 0 1-1v-2c0-1.655 1.345-3 3-3h3.6l-1.29-1.268a.98.98 0 0 1 -.286-.724c0-.52.423-1.008.976-1.008.346 0 .52.13.715.293l3.025 3.024a.97.97 0 0 1 .26.65c0 .26-.098.52-.293.716l-3.015 2.997c-.195.195-.465.32-.692.32a1 1 0 0 1 -1-1c0-.227.115-.498.31-.693l1.275-1.299-3.58.001a.998.998 0 0 0 -1.005.991v2c0 1.622-1.341 3-3 3h-3.5a.993.993 0 0 1 -1.008-1.008zm.008-5.96c0-.585.423-1.04 1.008-1.04.553 0 1.008.455 1.008 1.04 0 .52-.455.976-1.008.976a.986.986 0 0 1 -1.008-.975zm2.992 0c0-.585.455-1.04 1.017-1.035.551 0 1.006.455 1.006 1.039 0 .519-.455.973-1.006.973-.562 0-1.017-.456-1.017-.976z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_alternative_connection_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_alternative_connection_24.svg
new file mode 100644
index 0000000000..499c1e5553
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_alternative_connection_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m3.5 18.02c0 .55.453 1.003 1.003 1.003h5.52c1.65 0 2.977-1.36 2.977-3.01v-5.016c0-.55.453-1.004 1.036-1.004h4.598l-1.327 1.295a1.004 1.004 0 0 0 -.29.712c0 .259.096.518.29.712.195.194.454.291.712.291.26 0 .518-.097.712-.291l3.01-3.042a1.13 1.13 0 0 0 .259-.712c0-.259-.065-.486-.259-.68l-3.01-3.01a.931.931 0 0 0 -.68-.29h-.064a.932.932 0 0 0 -.68.29 1.004 1.004 0 0 0 -.29.713c0 .29.096.517.29.712l1.327 1.294h-4.598c-1.683 0-3.043 1.36-3.043 3.01v5.016c0 .55-.42 1.003-.97 1.003h-5.52a.988.988 0 0 0 -1.003 1.004zm0-9.043c0-.548.452-1 1-1s1 .452 1 1c0 .549-.452 1-1 1s-1-.451-1-1zm4 0c0-.548.476-1 1.016-1 .508 0 .984.452.984 1 0 .549-.476 1-.984 1-.54 0-1.016-.451-1.016-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_alternative_connection_32.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_alternative_connection_32.svg
new file mode 100644
index 0000000000..498244b959
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_alternative_connection_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m4 23c0 .55.47 1 1 1h8c2.15 0 4.031-1.817 4.031-3.973v-4.017c0-1.102.875-2.009 1.969-2.009l7.258.012-2.19 2.287c-.202.21-.304.46-.304.687 0 .517.406 1.002.967 1.002a.9.9 0 0 0 .677-.3l3.812-3.967a1.02 1.02 0 0 0 .28-.71 1.03 1.03 0 0 0 -.28-.712l-3.812-4a.898.898 0 0 0 -.677-.3c-.593 0-.967.517-.967 1.002 0 .259.103.508.303.72l2.191 2.318-7.258-.017c-2.156 0-3.875 1.783-3.875 3.986v4.018c.005 1.09-1.065 1.969-2.125 1.969l-8 .004c-.53 0-1 .45-1 1zm0-10.016a.985.985 0 0 1 1-.984c.548 0 1 .426 1 .984 0 .556-.452 1.016-1 1.016s-1-.459-1-1.016zm4 0a.985.985 0 0 1 1-.984c.58 0 1 .426 1 .984 0 .556-.42 1.016-1 1.016-.548 0-1-.459-1-1.016zm4 .007c0-.556.453-.981.994-.991a.989.989 0 0 1 1.006.984c0 .556-.454 1.016-1.006 1.016-.54.005-.994-.453-.994-1.009z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_booking_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_booking_20.svg
new file mode 100644
index 0000000000..571ebd9123
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_booking_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 5.024a3.04 3.04 0 0 1 3.024-3.024c1.301 0 2.407.845 2.83 2.016h4.683c2.048 0 3.642 1.496 3.642 3.513 0 1.918-1.561 3.512-3.642 3.512h-4.033c-.845 0-1.496.65-1.496 1.496 0 .845.65 1.495 1.496 1.495h6.211l-.357-.325a1.05 1.05 0 0 1 -.26-.683c0-.552.455-.943.943-.943.26 0 .487.13.683.293l2.016 1.984c.162.195.26.382.26.642 0 .228-.098.488-.26.683l-2.049 2.016c-.163.13-.39.26-.65.26a.942.942 0 0 1 -.943-.943c0-.26.097-.488.26-.683l.357-.325h-6.21c-1.952 0-3.513-1.553-3.513-3.471a3.498 3.498 0 0 1 3.512-3.513h4.033c.878 0 1.593-.65 1.593-1.495-0-.879-.748-1.529-1.593-1.529h-4.683c-.423 1.17-1.529 2.016-2.83 2.016-1.658 0-3.024-1.366-3.024-2.992z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_booking_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_booking_24.svg
new file mode 100644
index 0000000000..ef3830b47f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_booking_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7 2c1.719 0 3.41 1.187 3.844 3h4.156c2.187 0 3.969 1.781 3.969 4 0 2.188-1.782 4-3.969 4h-5c-1.125 0-2 .906-2 2 0 1.156.875 2 2 2h7.563l-1.282-1.281c-.187-.188-.281-.438-.281-.75a.978.978 0 0 1 1-.969.9.9 0 0 1 .656.281l3.032 3c.187.188.312.438.312.719 0 .25-.125.5-.313.688l-3.03 3.03a.851.851 0 0 1 -.657.282c-.469 0-1-.375-1-1 0-.25.094-.531.281-.719l1.282-1.281h-7.563c-2.219 0-4-1.75-4-4 0-2.188 1.781-4 4-4h5c1.125 0 2-.906 2-2 0-1.031-.844-2-2-2h-4.156a3.958 3.958 0 0 1 -3.844 2.969c-2.156 0-4-1.719-4-3.969 0-2.188 1.656-4 4-4zm0 2c-1.094 0-2 .875-2 2 0 1.063.906 1.969 2 1.969a1.98 1.98 0 0 0 1.969-1.969c0-1.125-.906-2-1.969-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_booking_32.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_booking_32.svg
new file mode 100644
index 0000000000..8c0d0b1767
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_booking_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m8 20.5c0-3 2.469-5.5 5.469-5.5h7c1.875 0 3.375-1.625 3.375-3.5s-1.5-3.5-3.375-3.5h-3.469c-.563 0-1-.438-1-1 0-.531.437-1 1-1h3.469c3.031 0 5.5 2.469 5.5 5.5 0 2.938-2.188 5.5-5.5 5.5h-7c-1.969 0-3.656 1.5-3.656 3.5 0 1.969 1.687 3.5 3.656 3.5h11.125l-2.313-2.281a1.051 1.051 0 0 1 -.281-.719c0-.562.406-1 1-1 .25 0 .5.094.688.281l4.03 4.032a.97.97 0 0 1 .282.687c0 .25-.094.531-.281.719l-4.031 4a.97.97 0 0 1 -.688.281c-.469 0-1-.344-1-1 0-.25.063-.5.281-.719l2.313-2.281h-11.125c-3 0-5.469-2.469-5.469-5.5zm1-18.5c2.75 0 5 2.25 5 5 0 2.781-2.219 5.031-5 5.031s-5-2.281-5-5.031 2.219-5 5-5zm0 2a3 3 0 0 0 -3 3c0 1.656 1.344 3.031 3 3.031s3-1.344 3-3.031a3 3 0 0 0 -3-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_20.svg
new file mode 100644
index 0000000000..2c102637f8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 15c0 .55.45 1 1 1s1-.45 1-1v-4h2l.016 4.012c0 .518.433.988.984.988.583 0 1.024-.47 1.024-.988l-.024-4.012c0-1.037-.964-2-2-2h-2c-1.069 0-2 .996-2 2zm7.514-5c0 .55.421 1 1.004 1h.486l-.004 4c0 .518.45 1 1 1s1-.482 1-1v-4c0-1.134-.862-2-1.996-2h-.486a.985.985 0 0 0 -1.004 1zm4.988 0c0 .55.421 1 .972 1h.518l.008 4c0 .518.445.984.996.984.55 0 1.004-.466 1.004-.984v-4c0-1.134-.866-2-2-2h-.526c-.55 0-.972.45-.972 1zm-9.486-3c.82 0 1.484-.663 1.484-1.516 0-.82-.663-1.484-1.484-1.484s-1.516.663-1.516 1.484c0 .853.695 1.516 1.516 1.516zm5.5 0c.82 0 1.484-.663 1.484-1.516 0-.82-.663-1.484-1.484-1.484s-1.516.663-1.516 1.484c0 .853.695 1.516 1.516 1.516zm4.968 0c.853 0 1.516-.663 1.516-1.516 0-.82-.663-1.484-1.516-1.484-.82 0-1.484.663-1.484 1.484 0 .853.663 1.516 1.484 1.516z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_24.svg
new file mode 100644
index 0000000000..0cc527cfe2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.516 9c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm-6.25 0c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm-6.25 0c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm6.986 4h.878c.062 0 .12.071.12.103l.005 4.89c0 .563.463 1.002.995 1.002.564 0 1-.439 1-1.002v-4.993a1.968 1.968 0 0 0 -2-1.997h-.998c-.532 0-1.002.433-1.002.997 0 .533.47 1 1.002 1zm-11.002 5c0 .563.438.995 1.002.995a1 1 0 0 0 .998-.995v-4.897c0-.095.036-.103.13-.103h3.76c.062 0 .11.04.11.103v4.897c0 .563.436 1 1 1s1-.437 1-1v-5c0-1.16-.84-1.997-2-1.997h-4c-1.159 0-2 .932-2 1.997zm17.002-4.998h.878c.062 0 .12.071.12.103v4.895c0 .564.468 1.003 1 1.003.564 0 1-.44 1-1.003v-4.998a1.97 1.97 0 0 0 -2-1.999h-.998c-.532 0-1.002.434-1.002.998 0 .534.47 1.001 1.002 1.001z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_32.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_32.svg
new file mode 100644
index 0000000000..6911efda68
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m2 24.969c0 .562.437 1.03 1 1.03.562 0 1-.468 1-1.03v-6.937c0-.563.438-1.032 1-1.032h4c.562 0 1 .469 1 1.032v6.937c0 .562.438 1.03 1 1.03.563 0 1-.468 1-1.03v-6.937c0-1.657-1.344-3.032-3-3.032h-4c-1.656 0-3 1.375-3 3.032zm5-18.97c1.937 0 3.5 1.595 3.5 3.5 0 1.939-1.563 3.5-3.5 3.5a3.494 3.494 0 0 1 -3.5-3.5c0-1.904 1.563-3.499 3.5-3.499zm0 2c-.813 0-1.5.689-1.5 1.5a1.5 1.5 0 1 0 3 0c0-.81-.688-1.499-1.5-1.499zm8 9.002h3c.562 0 1 .437 1 .968v7.03c0 .531.437 1 1 1 .562 0 1-.469 1-1.031v-6.999c0-1.625-1.344-2.969-3-2.969h-3c-.562 0-1 .438-1 1 0 .532.438 1.001 1 1.001zm4.375-7.501c0 1.938-1.562 3.5-3.5 3.5a3.494 3.494 0 0 1 -3.5-3.5c0-1.906 1.563-3.5 3.5-3.5 1.938 0 3.5 1.594 3.5 3.5zm-3.5-1.5a1.5 1.5 0 0 0 -1.5 1.5c0 .844.656 1.5 1.5 1.5a1.5 1.5 0 0 0 1.5-1.5c0-.812-.687-1.5-1.5-1.5zm8.125 9h3c.562 0 1 .437 1 .968v7.03c0 .531.437 1 1 1 .562 0 1-.469 1-1.031v-6.999c0-1.624-1.344-2.968-3-2.968h-3c-.563 0-1 .438-1 1 0 .532.437 1.001 1 1.001zm4.5-7.5c0 1.938-1.563 3.5-3.5 3.5a3.494 3.494 0 0 1 -3.5-3.5c0-1.906 1.562-3.5 3.5-3.5 1.937 0 3.5 1.594 3.5 3.5zm-3.5-1.5c-.813 0-1.5.688-1.5 1.5a1.5 1.5 0 1 0 3 0c0-.812-.688-1.5-1.5-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_fully_booked_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_fully_booked_20.svg
new file mode 100644
index 0000000000..061db749a2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_fully_booked_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16.707 3.293a1 1 0 0 1 .042 1.371l-12.042 12.043a.996.996 0 0 1 -1.414 0 .995.995 0 0 1 -.293-.707c-.508-.002-1.008-.513-1-1v-4.1c0-.956.9-1.9 2-1.9h2c1.1 0 1.82.71 1.992 1.595l7.301-7.302a1 1 0 0 1 1.414 0zm-3.696 7.95v3.775c0 .518-.453.972-1.003.972-.512 0-1.008-.39-1.004-.972.002-.345.002-.934 0-1.767l2.008-2.008zm2.989-2.243c1 0 1.992 1 2 2 .005.667.005 2.006-.001 4.018 0 .518-.453.972-1.004.972-.484 0-.995-.39-.995-.99v-4h-.518a.984.984 0 0 1 -.982-.996c0-.121.023-.234.07-.337l.615-.616c.063-.02.148-.043.297-.051zm-10 2h-2l.008 3.577 1.998-1.998zm4.515-7c.822 0 1.485.663 1.485 1.484 0 .853-.663 1.516-1.485 1.516-.82 0-1.515-.663-1.515-1.516 0-.82.695-1.484 1.515-1.484zm-5.499 0c.821 0 1.485.663 1.485 1.484-.001.853-.664 1.516-1.485 1.516-.82 0-1.515-.663-1.515-1.516 0-.82.695-1.484 1.515-1.484z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_fully_booked_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_fully_booked_24.svg
new file mode 100644
index 0000000000..5c49b77c15
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_fully_booked_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20.503 3.471a1.002 1.002 0 0 1 .001 1.418l-15.807 15.82a.999.999 0 0 1 -1.418 0 1.002 1.002 0 0 1 0-1.417l4.721-4.72v-1.452c0-.047-.038-.118-.117-.118h-3.763a.12.12 0 0 0 -.12.118v4.88a.993.993 0 0 1 -.997.988c-.522 0-1.006-.428-1.003-.988.004-.663.005-2.329.003-4.998 0-1.015.997-2.002 1.996-2.002h4.001c1.022 0 1.789.66 1.956 1.609l6.345-6.352c.19-.817.842-1.48 1.68-1.68l1.104-1.105a1.002 1.002 0 0 1 1.418 0zm-.503 7.539c1.074 0 2 .921 1.997 1.995v4.99a.987.987 0 0 1 -1 1.002c-.492 0-.93-.378-.99-.883l-.007-.119v-4.888c0-.024-.056-.107-.12-.103h-.876a1.026 1.026 0 0 1 -1.001-.999c0-.523.457-1.005 1-1.005.332 0 .664.003.997.009zm-4.117 1.34c.068.205.113.422.113.653l.004 4.997a.98.98 0 0 1 -1.002.988.994.994 0 0 1 -.998-.988v-3.768l1.883-1.883zm-3.614-7.833c1.224 0 2.23 1.023 2.23 2.23 0 1.24-1.006 2.263-2.23 2.263a2.264 2.264 0 0 1 -2.263-2.263c0-1.207 1.005-2.23 2.263-2.23zm-6.24 0a2.251 2.251 0 0 1 2.23 2.23c0 1.24-1.005 2.263-2.23 2.263a2.264 2.264 0 0 1 -2.263-2.263c0-1.207 1.005-2.23 2.262-2.23z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_fully_booked_32.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_fully_booked_32.svg
new file mode 100644
index 0000000000..c328513ed3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_fully_booked_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27.707 4.293a.999.999 0 0 1 0 1.414l-22 22a.997.997 0 0 1 -1.414 0 .999.999 0 0 1 0-1.414l5.707-5.708v-2.553c0-.526-.302-1.031-1-1.032h-4c-.525 0-1 .365-1 1.032v6.968c0 .5-.438 1-1 1-.526 0-1-.5-1-1v-6.968c0-1.632 1.4-3.032 3-3.032h4c1.597 0 3 1.4 3 3.032v.553l2.118-2.118a1.177 1.177 0 0 1 -.118-.467.99.99 0 0 1 1-1h.585l5.944-5.944a3.52 3.52 0 0 1 3.027-3.027l1.737-1.736a.999.999 0 0 1 1.414 0zm-15.707 19.937v.77c0 .6-.437 1-1 1a.951.951 0 0 1 -.567-.204zm15-9.23c1.597 0 3 1.4 3 3v7a.987.987 0 0 1 -1 .999c-.523 0-.937-.404-.994-.887l-.006-.113v-6.999c0-.493-.5-1-1-.999h-3c-.6 0-1-.469-1-1.001 0-.522.4-1 1-1zm-6.774 1.002c.476.527.773 1.213.773 1.967l.001 7.031c0 .6-.439.999-1 .999-.564 0-1-.399-1-1v-7.03a.924.924 0 0 0 -.195-.545zm-4.351-10.002c1.938 0 3.5 1.594 3.5 3.5 0 1.937-1.562 3.5-3.5 3.5a3.495 3.495 0 0 1 -3.5-3.5c0-1.906 1.563-3.5 3.5-3.5zm-8.875 0c1.937 0 3.5 1.594 3.5 3.5 0 1.937-1.563 3.5-3.5 3.5a3.495 3.495 0 0 1 -3.5-3.5c0-1.906 1.563-3.5 3.5-3.5zm21.175 2.055c.204.443.325.93.325 1.445a3.494 3.494 0 0 1 -4.725 3.273l-.225-.093 1.705-1.705a1.498 1.498 0 0 0 1.187-1.077l.032-.143 1.7-1.7zm-12.3-.055a1.5 1.5 0 0 0 -1.5 1.5c0 .844.656 1.5 1.5 1.5a1.5 1.5 0 0 0 1.5-1.5c0-.813-.687-1.5-1.5-1.5zm-8.875 0c-.813 0-1.5.687-1.5 1.5a1.5 1.5 0 1 0 3 0c0-.813-.688-1.5-1.5-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_fully_booked_solid_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_fully_booked_solid_20.svg
new file mode 100644
index 0000000000..c3c9a9c81c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_fully_booked_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16.707 3.293a1 1 0 0 1 .042 1.371l-12.042 12.043a.996.996 0 0 1 -1.414 0 .995.995 0 0 1 -.293-.707c-.508-.002-1.008-.513-1-1v-4c0-1.1.9-2 2-2h2c1.1 0 1.82.71 1.992 1.595l7.301-7.302a1 1 0 0 1 1.414 0zm-3.696 7.95v3.775c0 .518-.453.972-1.003.972-.341 0-1.177.003-2.508.01v-1.25zm3.089-2.243c1 0 1.9.9 1.908 2 .005.667.002 2.006-.01 4.018 0 .518-.452.972-1.003.972-.168 0-1 .003-2.495.01v-5.996c0-.121.023-.234.07-.337l.615-.616c.063-.02.148-.043.297-.051zm-5.585-5c.822 0 1.485.663 1.485 1.484 0 .853-.663 1.516-1.485 1.516-.82 0-1.515-.663-1.515-1.516 0-.82.695-1.484 1.515-1.484zm-5.499 0c.821 0 1.485.663 1.485 1.484-.001.853-.664 1.516-1.485 1.516-.82 0-1.515-.663-1.515-1.516 0-.82.695-1.484 1.515-1.484z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_fully_booked_solid_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_fully_booked_solid_24.svg
new file mode 100644
index 0000000000..3c39e04379
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_fully_booked_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20.503 3.471a1.002 1.002 0 0 1 .001 1.418l-15.807 15.82a.999.999 0 0 1 -1.418 0 1.002 1.002 0 0 1 0-1.417l.286-.287c-.02-.011-.207-.017-.562-.017-.522 0-1.006-.428-1.003-.988.003-.663.005-2.329.003-4.998 0-1.015.995-1.984 1.996-1.993.667-.006 1.999-.006 3.994 0 1.022 0 1.796.65 1.963 1.6l6.345-6.352c.19-.817.842-1.48 1.68-1.68l1.104-1.105a1.002 1.002 0 0 1 1.418 0zm-.503 7.539c1.074 0 2 .957 1.997 1.961-.002.664-.002 2.339 0 5.025a.988.988 0 0 1 -1 1.001l-2.997.003.003-6.995c0-.523.497-1.005.997-1.005.333 0 .667.003 1 .009zm-4.117 1.34c.068.205.113.422.113.653v4.985c0 .562-.435 1-.998 1-.355 0-1.354.005-2.998.013v-3zm-3.614-7.833c1.224 0 2.23 1.023 2.23 2.23 0 1.24-1.006 2.263-2.23 2.263a2.264 2.264 0 0 1 -2.263-2.263c0-1.207 1.005-2.23 2.263-2.23zm-6.24 0a2.251 2.251 0 0 1 2.23 2.23c0 1.24-1.005 2.263-2.23 2.263a2.264 2.264 0 0 1 -2.263-2.263c0-1.207 1.005-2.23 2.262-2.23z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_high_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_high_20.svg
new file mode 100644
index 0000000000..ce7fd2c987
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_high_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 15c0 .55.45 1 1 1s1-.45 1-1v-4h2l.016 4.012c0 .518.433.988.984.988.583 0 1.024-.47 1.024-.988l-.024-4.012c0-1.037-.964-2-2-2h-2c-1.069 0-2 .996-2 2zm7.514-5c0 .55.421 1 1.004 1h.486l-.004 4c0 .518.45 1 1 1s1-.482 1-1v-4c0-1.134-.862-2-1.996-2h-.486a.985.985 0 0 0 -1.004 1zm-4.498-3c.82 0 1.484-.663 1.484-1.516 0-.82-.663-1.484-1.484-1.484s-1.516.663-1.516 1.484c0 .853.695 1.516 1.516 1.516zm5.5 0c.82 0 1.484-.663 1.484-1.516 0-.82-.663-1.484-1.484-1.484s-1.516.663-1.516 1.484c0 .853.695 1.516 1.516 1.516z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_high_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_high_24.svg
new file mode 100644
index 0000000000..14150196fe
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_high_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.266 9c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm-6.25 0c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm6.986 4h.878c.062 0 .12.071.12.103l.005 4.89c0 .563.463 1.002.995 1.002.564 0 1-.439 1-1.002v-4.993a1.968 1.968 0 0 0 -2-1.997h-.998c-.532 0-1.002.433-1.002.997 0 .533.47 1 1.002 1zm-11.002 5c0 .563.438.995 1.002.995a1 1 0 0 0 .998-.995v-4.897c0-.095.036-.103.13-.103h3.76c.062 0 .11.04.11.103v4.897c0 .563.436 1 1 1s1-.437 1-1v-5c0-1.16-.84-1.997-2-1.997h-4c-1.159 0-2 .932-2 1.997z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_high_32.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_high_32.svg
new file mode 100644
index 0000000000..882ea6f7ee
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_high_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m2 24.969c0 .562.437 1.03 1 1.03.562 0 1-.468 1-1.03v-6.937c0-.563.438-1.032 1-1.032h4c.562 0 1 .469 1 1.032v6.937c0 .562.438 1.03 1 1.03.563 0 1-.468 1-1.03v-6.937c0-1.657-1.344-3.032-3-3.032h-4c-1.656 0-3 1.375-3 3.032zm5-18.97c1.937 0 3.5 1.595 3.5 3.5 0 1.939-1.563 3.5-3.5 3.5a3.494 3.494 0 0 1 -3.5-3.5c0-1.904 1.563-3.499 3.5-3.499zm0 2c-.813 0-1.5.689-1.5 1.5a1.5 1.5 0 1 0 3 0c0-.81-.688-1.499-1.5-1.499zm8 9.002h3c.562 0 1 .437 1 .968v7.03c0 .531.437 1 1 1 .562 0 1-.469 1-1.031v-6.999c0-1.625-1.344-2.969-3-2.969h-3c-.562 0-1 .438-1 1 0 .532.438 1.001 1 1.001zm4.375-7.501c0 1.938-1.562 3.5-3.5 3.5a3.494 3.494 0 0 1 -3.5-3.5c0-1.906 1.563-3.5 3.5-3.5 1.938 0 3.5 1.594 3.5 3.5zm-3.5-1.5a1.5 1.5 0 0 0 -1.5 1.5c0 .844.656 1.5 1.5 1.5a1.5 1.5 0 0 0 1.5-1.5c0-.812-.687-1.5-1.5-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_high_solid_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_high_solid_20.svg
new file mode 100644
index 0000000000..b37c453a96
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_high_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 15c0 .55.45 1 1 1h4c.583 0 1.024-.47 1.024-.988l-.024-4.012c0-1.037-.964-2-2-2h-2c-1.069 0-2 .996-2 2zm7.514-5-.014 6h2.5c.55 0 1-.482 1-1v-4c0-1.134-.862-2-1.996-2h-.486a.985.985 0 0 0 -1.004 1zm-4.498-3c.82 0 1.484-.663 1.484-1.516 0-.82-.663-1.484-1.484-1.484s-1.516.663-1.516 1.484c0 .853.695 1.516 1.516 1.516zm5.5 0c.82 0 1.484-.663 1.484-1.516 0-.82-.663-1.484-1.484-1.484s-1.516.663-1.516 1.484c0 .853.695 1.516 1.516 1.516z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_high_solid_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_high_solid_24.svg
new file mode 100644
index 0000000000..a808016dbc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_high_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.266 9c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm-6.25 0c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm8.984 9.995c.564 0 1-.439 1-1.002v-4.993a1.968 1.968 0 0 0 -2-1.997h-.998c-.532 0-1.002.433-1.002.997v7zm-13-.995c0 .563.438.995 1.002.995l5.998.005c.564 0 1-.437 1-1v-5c0-1.16-.84-1.997-2-1.997h-4c-1.159 0-2 .932-2 1.997z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_low_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_low_20.svg
new file mode 100644
index 0000000000..162a92af91
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_low_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 15c0 .55.45 1 1 1s1-.45 1-1v-4h2l.016 4.012c0 .518.433.988.984.988.583 0 1.024-.47 1.024-.988l-.024-4.012c0-1.037-.964-2-2-2h-2c-1.069 0-2 .996-2 2zm3.016-8c.82 0 1.484-.663 1.484-1.516 0-.82-.663-1.484-1.484-1.484s-1.516.663-1.516 1.484c0 .853.695 1.516 1.516 1.516z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_low_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_low_24.svg
new file mode 100644
index 0000000000..32dac8dc84
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_low_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m6.016 9c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm-4.016 9c0 .563.438.995 1.002.995a1 1 0 0 0 .998-.995v-4.897c0-.095.036-.103.13-.103h3.76c.062 0 .11.04.11.103v4.897c0 .563.436 1 1 1s1-.437 1-1v-5c0-1.16-.84-1.997-2-1.997h-4c-1.159 0-2 .932-2 1.997z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_low_32.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_low_32.svg
new file mode 100644
index 0000000000..75396f7f58
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_low_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m2 24.969c0 .562.437 1.03 1 1.03.562 0 1-.468 1-1.03v-6.937c0-.563.438-1.032 1-1.032h4c.562 0 1 .469 1 1.032v6.937c0 .562.438 1.03 1 1.03.563 0 1-.468 1-1.03v-6.937c0-1.657-1.344-3.032-3-3.032h-4c-1.656 0-3 1.375-3 3.032zm5-18.97c1.937 0 3.5 1.595 3.5 3.5 0 1.939-1.563 3.5-3.5 3.5a3.494 3.494 0 0 1 -3.5-3.5c0-1.904 1.563-3.499 3.5-3.499zm0 2c-.813 0-1.5.689-1.5 1.5a1.5 1.5 0 1 0 3 0c0-.81-.688-1.499-1.5-1.499z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_low_solid_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_low_solid_20.svg
new file mode 100644
index 0000000000..3d212a801c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_low_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 15c0 .55.45 1 1 1h4c.583 0 1.024-.47 1.024-.988l-.024-4.012c0-1.037-.964-2-2-2h-2c-1.069 0-2 .996-2 2zm3.016-8c.82 0 1.484-.663 1.484-1.516 0-.82-.663-1.484-1.484-1.484s-1.516.663-1.516 1.484c0 .853.695 1.516 1.516 1.516z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_low_solid_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_low_solid_24.svg
new file mode 100644
index 0000000000..2498583dcb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_low_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m6.016 9c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm-4.016 9c0 .563.438.995 1.002.995l5.998.005c.564 0 1-.437 1-1v-5c0-1.16-.84-1.997-2-1.997h-4c-1.159 0-2 .932-2 1.997z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_solid_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_solid_20.svg
new file mode 100644
index 0000000000..457f6c13a2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 15c0 .55.45 1 1 1h4c.583 0 1.024-.47 1.024-.988l-.024-4.012c0-1.037-.964-2-2-2h-2c-1.069 0-2 .996-2 2zm7.514-5-.014 6h2.5c.55 0 1-.482 1-1v-4c0-1.134-.862-2-1.996-2h-.486a.985.985 0 0 0 -1.004 1zm4.988 0-.002 6a841.34 841.34 0 0 1 2.496-.016c.55 0 1.004-.466 1.004-.984v-4c0-1.134-.866-2-2-2h-.526c-.55 0-.972.45-.972 1zm-9.486-3c.82 0 1.484-.663 1.484-1.516 0-.82-.663-1.484-1.484-1.484s-1.516.663-1.516 1.484c0 .853.695 1.516 1.516 1.516zm5.5 0c.82 0 1.484-.663 1.484-1.516 0-.82-.663-1.484-1.484-1.484s-1.516.663-1.516 1.484c0 .853.695 1.516 1.516 1.516zm4.968 0c.853 0 1.516-.663 1.516-1.516 0-.82-.663-1.484-1.516-1.484-.82 0-1.484.663-1.484 1.484 0 .853.663 1.516 1.484 1.516z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_solid_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_solid_24.svg
new file mode 100644
index 0000000000..5f8a669d8c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_capacity_indicator_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.516 9c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm-6.25 0c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm-6.25 0c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm8.984 9.995c.564 0 1-.439 1-1.002v-4.993a1.968 1.968 0 0 0 -2-1.997h-.998c-.532 0-1.002.433-1.002.997v7zm-13-.995c0 .563.438.995 1.002.995l5.998.005c.564 0 1-.437 1-1v-5c0-1.16-.84-1.997-2-1.997h-4c-1.159 0-2 .932-2 1.997zm19 1.003c.564 0 1-.44 1-1.003v-4.998a1.97 1.97 0 0 0 -2-1.999h-.998c-.532 0-1.002.434-1.002.998v6.999z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_destination_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_destination_20.svg
new file mode 100644
index 0000000000..ee9c83ca82
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_destination_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c3.469 0 6 2.594 6 6 0 1.375-.625 2.906-1.75 4.563l-3.438 5a.942.942 0 0 1 -.812.437.942.942 0 0 1 -.813-.438l-3.437-5c-1.156-1.686-1.75-3.186-1.75-4.562 0-3.313 2.438-6 6-6zm0 2c-2.469 0-4 1.5-4 3.906 0 1.219.656 2.375 1.375 3.375l2.625 3.719 2.625-3.719c.688-1 1.375-2.156 1.375-3.375 0-2.406-1.531-3.906-4-3.906zm-2 4c0-1.094.906-2 2-2s2 .906 2 2-.906 2-2 2-2-.906-2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_destination_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_destination_24.svg
new file mode 100644
index 0000000000..2d690640f3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_destination_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2c3.875 0 7 2.844 7 6.375 0 1.406-.469 2.75-1.156 3.969l-4.969 9.125a1.013 1.013 0 0 1 -1.781 0l-4.906-9.125c-.658-1.219-1.188-2.564-1.188-3.969 0-3.531 3.125-6.375 7-6.375zm0 2c-2.75 0-5 1.969-5 4.406 0 1.063.438 2.125.938 3.063l4.062 7.531 4.063-7.563c.5-.906.937-1.968.937-3.03 0-2.439-2.25-4.407-5-4.407zm-2 5c0-1.094.906-2 2-2s2 .906 2 2-.906 2-2 2-2-.906-2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_destination_32.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_destination_32.svg
new file mode 100644
index 0000000000..f532da7259
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_destination_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c5 0 9 4 9 8.938 0 1.906-.78 3.656-1.625 5.374l-6.445 13.122a1.005 1.005 0 0 1 -.899.566c-.375 0-.726-.215-.899-.566l-6.475-13.124c-.846-1.715-1.657-3.466-1.657-5.372 0-4.97 4.031-8.938 9-8.938zm.031 2.031c-3.875 0-7.031 3.125-7.031 7 0 1.594.745 3.096 1.44 4.524l5.591 11.476 5.56-11.474c.694-1.43 1.409-2.932 1.409-4.495 0-3.906-3.094-7.03-6.969-7.03zm-3.031 6.969a3 3 0 1 1 6.002.002 3 3 0 0 1 -6.002-.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_destination_solid_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_destination_solid_20.svg
new file mode 100644
index 0000000000..954fb521e0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_destination_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c3.469 0 6 2.594 6 6 0 1.375-.594 2.906-1.75 4.563l-3.438 5a.942.942 0 0 1 -.812.437.942.942 0 0 1 -.813-.438l-3.437-5c-1.156-1.686-1.75-3.186-1.75-4.562 0-3.313 2.438-6 6-6zm0 4c-1.094 0-2 .906-2 2s.906 2 2 2 2-.906 2-2-.906-2-2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_destination_solid_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_destination_solid_24.svg
new file mode 100644
index 0000000000..18a443f5cf
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_destination_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2c3.813 0 7 2.781 7 6.25 0 1.438-.469 2.844-1.156 4.094l-4.969 9.125a1.013 1.013 0 0 1 -1.781 0l-4.906-9.125c-.658-1.219-1.188-2.564-1.188-3.969 0-3.531 3.125-6.375 7-6.375zm0 5c-1.094 0-2 .906-2 2s.906 2 2 2 2-.906 2-2-.906-2-2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_intermediary_stop_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_intermediary_stop_20.svg
new file mode 100644
index 0000000000..01be4170be
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_intermediary_stop_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 5c2.754 0 5 2.246 5 5s-2.246 5-5 5a5.01 5.01 0 0 1 -5-5c0-2.754 2.246-5 5-5zm0 1.992a3.009 3.009 0 0 0 0 6.016 3.009 3.009 0 0 0 0-6.016z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_intermediary_stop_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_intermediary_stop_24.svg
new file mode 100644
index 0000000000..56f0a55ee7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_intermediary_stop_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 6c3.313 0 6 2.688 6 6 0 3.313-2.688 6-6 6-3.313 0-6-2.688-6-6 0-3.313 2.688-6 6-6zm0 2c-2.219 0-4 1.781-4 4s1.781 4 4 4 4-1.781 4-4-1.781-4-4-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_intermediary_stop_32.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_intermediary_stop_32.svg
new file mode 100644
index 0000000000..2339def1f8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_intermediary_stop_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 8c4.406 0 8 3.594 8 8s-3.594 8-8 8-8-3.594-8-8 3.594-8 8-8zm0 2c-3.313 0-6 2.688-6 6 0 3.313 2.688 6 6 6 3.313 0 6-2.688 6-6 0-3.313-2.688-6-6-6z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_mixed_class_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_mixed_class_20.svg
new file mode 100644
index 0000000000..e37fa72521
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_mixed_class_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m3 14a1 1 0 0 1 0-2h.822v-3.667l-.405.132a1 1 0 1 1 -.619-1.902l1.714-.56a1 1 0 0 1 1.312.952v5.045h.801a1 1 0 0 1 0 2zm9.567-.665a1 1 0 0 1 .26-1.1l.3-.272c1.233-1.116 2.63-2.38 2.63-3.364 0-.423-.215-.667-.592-.667a1.55 1.55 0 0 0 -.922.32 1 1 0 1 1 -1.208-1.595 3.569 3.569 0 0 1 2.13-.724 2.573 2.573 0 0 1 2.592 2.667c0 1.257-.75 2.35-1.735 3.375h1.022a1 1 0 0 1 0 2h-3.545a1 1 0 0 1 -.932-.639zm-2.567 3.662a1 1 0 0 1 -1-1v-11.997a1 1 0 1 1 2 0v11.997a1 1 0 0 1 -1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_mixed_class_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_mixed_class_24.svg
new file mode 100644
index 0000000000..2e15d9ef38
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_mixed_class_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.797 17.01h-4.797a1 1 0 1 1 0-2h1.407v-5.616l-.958.312a1 1 0 1 1 -.619-1.901l2.267-.74a1 1 0 0 1 1.31.951v6.994h1.389a1 1 0 1 1 0 2zm8.2-.034a1 1 0 0 1 -.675-1.74l.396-.36c1.677-1.515 3.576-3.234 3.576-4.675a1.08 1.08 0 0 0 -1.1-1.2 2.368 2.368 0 0 0 -1.411.485 1 1 0 0 1 -1.209-1.595 4.385 4.385 0 0 1 2.62-.89 3.083 3.083 0 0 1 3.106 3.2c0 1.764-1.236 3.31-2.74 4.774h2.117a1 1 0 1 1 0 2h-4.68zm-3.992 3.02a1 1 0 0 1 -1-1.004v-13.964a1 1 0 1 1 2 0v13.964a1 1 0 0 1 -1 1.003z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_mixed_class_32.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_mixed_class_32.svg
new file mode 100644
index 0000000000..2bcdb70ae5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_mixed_class_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m11.007 22.007h-6.007a1 1 0 0 1 0-2h2.015v-7.634l-1.53.5a1 1 0 1 1 -.619-1.9l2.84-.924a1 1 0 0 1 1.309.95v9.012h1.992a1 1 0 1 1 0 2zm9.994.016a1 1 0 0 1 -.674-1.74l.5-.45c2.253-2.036 4.581-4.143 4.581-6.068a1.615 1.615 0 0 0 -1.64-1.765 3.243 3.243 0 0 0 -1.93.66 1 1 0 0 1 -1.21-1.593 5.256 5.256 0 0 1 3.136-1.067 3.582 3.582 0 0 1 3.641 3.764c0 2.3-1.775 4.324-3.828 6.258h3.3a1 1 0 0 1 0 2h-5.876zm-5.001 4.977a1 1 0 0 1 -1-1v-20a1 1 0 0 1 2 0v20a1 1 0 0 1 -1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_high_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_high_20.svg
new file mode 100644
index 0000000000..52fbd7d203
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_high_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m1.75 15c0 .55.45 1 1 1h4c.583 0 1.024-.47 1.024-.988l-.024-4.012c0-1.037-.964-2-2-2h-2c-1.069 0-2 .996-2 2zm7.514-5c0 .367-.004 2.367-.014 6h2.5c.55 0 1-.482 1-1v-4c0-1.134-.862-2-1.996-2h-.486a.985.985 0 0 0 -1.004 1zm4.988 0-.002 6a841.34 841.34 0 0 1 2.496-.016c.55 0 1.004-.466 1.004-.984v-4c0-1.134-.866-2-2-2h-.526c-.55 0-.972.45-.972 1zm-9.486-3c.821 0 1.484-.663 1.484-1.516 0-.82-.663-1.484-1.484-1.484s-1.516.663-1.516 1.484c0 .853.695 1.516 1.516 1.516zm5.5 0c.82 0 1.484-.663 1.484-1.516 0-.82-.663-1.484-1.484-1.484s-1.516.663-1.516 1.484c0 .853.695 1.516 1.516 1.516zm4.968 0c.853 0 1.516-.663 1.516-1.516 0-.82-.663-1.484-1.516-1.484-.82 0-1.484.663-1.484 1.484 0 .853.663 1.516 1.484 1.516z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_high_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_high_24.svg
new file mode 100644
index 0000000000..5f8a669d8c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_high_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.516 9c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm-6.25 0c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm-6.25 0c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm8.984 9.995c.564 0 1-.439 1-1.002v-4.993a1.968 1.968 0 0 0 -2-1.997h-.998c-.532 0-1.002.433-1.002.997v7zm-13-.995c0 .563.438.995 1.002.995l5.998.005c.564 0 1-.437 1-1v-5c0-1.16-.84-1.997-2-1.997h-4c-1.159 0-2 .932-2 1.997zm19 1.003c.564 0 1-.44 1-1.003v-4.998a1.97 1.97 0 0 0 -2-1.999h-.998c-.532 0-1.002.434-1.002.998v6.999z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_high_32.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_high_32.svg
new file mode 100644
index 0000000000..9aa2ec4392
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_high_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m2 24.969c0 .562.437 1.03 1 1.03h8c.563 0 1-.468 1-1.03v-6.937c0-1.657-1.344-3.032-3-3.032h-4c-1.656 0-3 1.375-3 3.032zm5-18.97c1.937 0 3.5 1.595 3.5 3.5 0 1.939-1.563 3.5-3.5 3.5a3.494 3.494 0 0 1 -3.5-3.5c0-1.904 1.563-3.499 3.5-3.499zm8 20h5c.562 0 1-.469 1-1.031v-6.999c0-1.625-1.344-2.969-3-2.969h-3c-.562 0-1 .438-1 1v9.02c0 .518.488.98 1 .98zm4.375-16.5c0 1.939-1.562 3.5-3.5 3.5a3.494 3.494 0 0 1 -3.5-3.5c0-1.905 1.563-3.5 3.5-3.5 1.938 0 3.5 1.595 3.5 3.5zm9.625 16.501c.562 0 1-.469 1-1.031v-6.999c0-1.626-1.344-2.97-3-2.97h-3c-.563 0-1 .438-1 1v9c0 .515.438.999 1 .999h5zm-.5-16.5c0 1.939-1.563 3.5-3.5 3.5a3.494 3.494 0 0 1 -3.5-3.5c0-1.905 1.562-3.5 3.5-3.5 1.937 0 3.5 1.595 3.5 3.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_low_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_low_20.svg
new file mode 100644
index 0000000000..4012f0cf37
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_low_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.514 10c0 .55.421 1 1.004 1h.486l-.004 4c0 .518.45 1 1 1s1-.482 1-1v-4c0-1.134-.862-2-1.996-2h-.486a.985.985 0 0 0 -1.004 1zm4.988 0c0 .55.421 1 .972 1h.518l.008 4c0 .518.445.984.996.984.55 0 1.004-.466 1.004-.984v-4c0-1.134-.866-2-2-2h-.526c-.55 0-.972.45-.972 1zm-3.986-3c.82 0 1.484-.663 1.484-1.516 0-.82-.663-1.484-1.484-1.484s-1.516.663-1.516 1.484c0 .853.695 1.516 1.516 1.516zm4.968 0c.853 0 1.516-.663 1.516-1.516 0-.82-.663-1.484-1.516-1.484-.82 0-1.484.663-1.484 1.484 0 .853.663 1.516 1.484 1.516zm-13.484 8c0 .55.45 1 1 1h4c.583 0 1.024-.47 1.024-.988l-.024-4.012c0-1.037-.964-2-2-2h-2c-1.069 0-2 .996-2 2zm3.016-8c.82 0 1.484-.663 1.484-1.516 0-.82-.663-1.484-1.484-1.484s-1.516.663-1.516 1.484c0 .853.695 1.516 1.516 1.516z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_low_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_low_24.svg
new file mode 100644
index 0000000000..9eac0becbb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_low_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m6.016 9c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm-4.016 9c0 .563.438.995 1.002.995l5.998.005c.564 0 1-.437 1-1v-5c0-1.16-.84-1.997-2-1.997h-4c-1.159 0-2 .932-2 1.997zm16.516-9c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm-6.25 0c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm.736 4h.878c.062 0 .12.071.12.103l.005 4.89c0 .563.463 1.002.995 1.002.564 0 1-.439 1-1.002v-4.993a1.968 1.968 0 0 0 -2-1.997h-.998c-.532 0-1.002.433-1.002.997 0 .533.47 1 1.002 1zm6 .002h.878c.062 0 .12.071.12.103v4.895c0 .564.468 1.003 1 1.003.564 0 1-.44 1-1.003v-4.998a1.97 1.97 0 0 0 -2-1.999h-.998c-.532 0-1.002.434-1.002.998 0 .534.47 1.001 1.002 1.001z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_low_32.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_low_32.svg
new file mode 100644
index 0000000000..6119d5fae8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_low_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m2 24.969c0 .562.437 1.03 1 1.03h8c.563 0 1-.468 1-1.03v-6.937c0-1.657-1.344-3.032-3-3.032h-4c-1.656 0-3 1.375-3 3.032zm5-18.97c1.937 0 3.5 1.595 3.5 3.5 0 1.939-1.563 3.5-3.5 3.5a3.494 3.494 0 0 1 -3.5-3.5c0-1.904 1.563-3.499 3.5-3.499zm8 11.002h3c.562 0 1 .437 1 .968v7.03c0 .531.437 1 1 1 .562 0 1-.469 1-1.031v-6.999c0-1.625-1.344-2.969-3-2.969h-3c-.562 0-1 .438-1 1 0 .532.438 1.001 1 1.001zm4.375-7.501c0 1.938-1.562 3.5-3.5 3.5a3.494 3.494 0 0 1 -3.5-3.5c0-1.906 1.563-3.5 3.5-3.5 1.938 0 3.5 1.594 3.5 3.5zm-3.5-1.5a1.5 1.5 0 0 0 -1.5 1.5c0 .844.656 1.5 1.5 1.5a1.5 1.5 0 0 0 1.5-1.5c0-.812-.687-1.5-1.5-1.5zm8.125 9h3c.562 0 1 .437 1 .968v7.03c0 .531.437 1 1 1 .562 0 1-.469 1-1.031v-6.999c0-1.624-1.344-2.968-3-2.968h-3c-.563 0-1 .438-1 1 0 .532.437 1.001 1 1.001zm4.5-7.5c0 1.938-1.563 3.5-3.5 3.5a3.494 3.494 0 0 1 -3.5-3.5c0-1.906 1.562-3.5 3.5-3.5 1.937 0 3.5 1.594 3.5 3.5zm-3.5-1.5c-.813 0-1.5.688-1.5 1.5a1.5 1.5 0 1 0 3 0c0-.812-.688-1.5-1.5-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_moderate_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_moderate_20.svg
new file mode 100644
index 0000000000..3ac9e49bf0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_moderate_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14.502 10c0 .55.421 1 .972 1h.518l.008 4c0 .518.445.984.996.984.55 0 1.004-.466 1.004-.984v-4c0-1.134-.866-2-2-2h-.526c-.55 0-.972.45-.972 1zm.982-3c.853 0 1.516-.663 1.516-1.516 0-.82-.663-1.484-1.516-1.484-.82 0-1.484.663-1.484 1.484 0 .853.663 1.516 1.484 1.516zm-13.484 8c0 .55.45 1 1 1h4c.583 0 1.024-.47 1.024-.988l-.024-4.012c0-1.037-.964-2-2-2h-2c-1.069 0-2 .996-2 2zm7.514-5-.014 6h2.5c.55 0 1-.482 1-1v-4c0-1.134-.862-2-1.996-2h-.486a.985.985 0 0 0 -1.004 1zm-4.498-3c.82 0 1.484-.663 1.484-1.516 0-.82-.663-1.484-1.484-1.484s-1.516.663-1.516 1.484c0 .853.695 1.516 1.516 1.516zm5.5 0c.82 0 1.484-.663 1.484-1.516 0-.82-.663-1.484-1.484-1.484s-1.516.663-1.516 1.484c0 .853.695 1.516 1.516 1.516z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_moderate_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_moderate_24.svg
new file mode 100644
index 0000000000..de64c32981
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_moderate_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.266 9c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm-6.25 0c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm8.984 9.995c.564 0 1-.439 1-1.002v-4.993a1.968 1.968 0 0 0 -2-1.997h-.998c-.532 0-1.002.433-1.002.997v7zm-13-.995c0 .563.438.995 1.002.995l5.998.005c.564 0 1-.437 1-1v-5c0-1.16-.84-1.997-2-1.997h-4c-1.159 0-2 .932-2 1.997zm16.516-9c1.227 0 2.234-1.024 2.234-2.266a2.254 2.254 0 0 0 -2.234-2.234c-1.26 0-2.266 1.024-2.266 2.234a2.267 2.267 0 0 0 2.266 2.266zm.486 4.002h.878c.062 0 .12.071.12.103v4.895c0 .564.468 1.003 1 1.003.564 0 1-.44 1-1.003v-4.998a1.97 1.97 0 0 0 -2-1.999h-.998c-.532 0-1.002.434-1.002.998 0 .534.47 1.001 1.002 1.001z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_moderate_32.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_moderate_32.svg
new file mode 100644
index 0000000000..92fd65a694
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_monochrome_capacity_indicator_moderate_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m2 24.969c0 .562.437 1.03 1 1.03h8c.563 0 1-.468 1-1.03v-6.937c0-1.657-1.344-3.032-3-3.032h-4c-1.656 0-3 1.375-3 3.032zm5-18.97c1.937 0 3.5 1.595 3.5 3.5 0 1.939-1.563 3.5-3.5 3.5a3.494 3.494 0 0 1 -3.5-3.5c0-1.904 1.563-3.499 3.5-3.499zm13 20c.562 0 1-.469 1-1.031v-6.999c0-1.625-1.344-2.969-3-2.969h-3c-.562 0-1 .438-1 1v9a.98.98 0 0 0 1 .999zm-.625-16.5c0 1.939-1.562 3.5-3.5 3.5a3.494 3.494 0 0 1 -3.5-3.5c0-1.905 1.563-3.5 3.5-3.5 1.938 0 3.5 1.595 3.5 3.5zm4.625 7.503h3c.562 0 1 .437 1 .968v7.03c0 .531.437 1 1 1 .562 0 1-.469 1-1.031v-6.999c0-1.626-1.344-2.97-3-2.97h-3c-.563 0-1 .438-1 1 0 .532.437 1.001 1 1.001zm4.5-7.502c0 1.938-1.563 3.5-3.5 3.5a3.494 3.494 0 0 1 -3.5-3.5c0-1.906 1.562-3.5 3.5-3.5 1.937 0 3.5 1.594 3.5 3.5zm-3.5-1.5c-.813 0-1.5.688-1.5 1.5a1.5 1.5 0 1 0 3 0c0-.812-.688-1.5-1.5-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_round_trip_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_round_trip_20.svg
new file mode 100644
index 0000000000..a316b7755c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_round_trip_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m3 13c0 1.594 1.25 3 2.813 3h3.78l-.312.281a1.043 1.043 0 0 0 -.281.719c0 .531.313.969 1.031.969.25 0 .531-.094.688-.25l1.906-1.907c.156-.156.375-.468.375-.812 0-.219-.125-.5-.312-.688l-1.97-2.03c-.186-.221-.468-.282-.718-.282-.625 0-1 .5-1 1 0 .219.063.438.25.625l.344.375h-3.594c-.438 0-1-.25-1-1v-4c0-.438-.313-1-1-1-.563 0-1 .438-1 1zm0-8c0 .563.438 1 1 1 .563 0 1-.438 1-1 0-.563-.438-1-1-1-.563 0-1 .438-1 1zm4 0c0 .25.031.469.281.719l2 2a.962.962 0 0 0 .719.281c.438 0 1-.281 1-1 0-.313-.094-.531-.281-.719l-.313-.281h3.594c.531 0 1 .438 1 1v4c0 .5.437 1 1 1 .562 0 1-.438 1-1v-4c0-1.594-1.25-3-2.813-3h-3.78l.312-.281c.187-.189.281-.469.281-.719 0-.469-.344-1-1-1-.25 0-.5.063-.719.281l-2 2c-.187.157-.281.439-.281.719zm8 10c0 .563.438 1 1 1 .563 0 1-.438 1-1 0-.563-.438-1-1-1-.563 0-1 .438-1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_round_trip_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_round_trip_24.svg
new file mode 100644
index 0000000000..6cea799535
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_round_trip_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m5 3c1.625 0 3 1.344 3 3a2.98 2.98 0 0 1 -2 2.813v6.187c0 1.094.906 2 2 2h2.594l-1.314-1.281a.962.962 0 0 1 -.28-.719c0-.594.438-1 1-1 .25 0 .5.063.719.281l3 3a.962.962 0 0 1 .281.719c0 .25-.063.5-.281.719l-3 3a1.044 1.044 0 0 1 -.719.281c-.594 0-1-.438-1-1 0-.25.063-.531.281-.719l1.313-1.281h-2.594c-2.219 0-4-1.781-4-4v-6.188a2.98 2.98 0 0 1 -2-2.812 3 3 0 0 1 3-3zm0 2c-.563 0-1 .438-1 1 0 .563.438 1 1 1 .563 0 1-.438 1-1 0-.563-.438-1-1-1zm9-3c.594 0 1 .438 1 1 0 .25-.063.531-.281.719l-1.313 1.281h2.594c2.219 0 4 1.781 4 4v6.188c1.156.406 2 1.5 2 2.812a3 3 0 0 1 -3 3c-1.906 0-3-1.438-3-3a2.98 2.98 0 0 1 2-2.813v-6.187c0-1.094-.906-2-2-2h-2.594l1.313 1.281a.962.962 0 0 1 .281.719c0 .594-.438 1-1 1-.25 0-.5-.063-.719-.281l-3-3a.962.962 0 0 1 -.281-.719c0-.25.063-.5.281-.719l3-3a.962.962 0 0 1 .719-.281zm5 15c-.563 0-1 .438-1 1 0 .563.438 1 1 1 .563 0 1-.438 1-1 0-.563-.438-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_round_trip_32.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_round_trip_32.svg
new file mode 100644
index 0000000000..b3654d4720
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_round_trip_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m5 21v-7c0-.563.438-1 1-1 .563 0 1 .438 1 1v7a3 3 0 0 0 3 3h6.594l-2.313-2.281a1.032 1.032 0 0 1 -.281-.719c0-.576.413-1 1-1 .25 0 .531.094.719.281l4 4a.962.962 0 0 1 .281.719c0 .25-.094.531-.281.719l-4 4a.962.962 0 0 1 -.719.281c-.576 0-1-.413-1-1 0-.25.076-.516.281-.719l2.313-2.281h-6.594c-2.75 0-5-2.25-5-5zm1-18c2.219 0 4 1.781 4 4s-1.781 4-4 4-4-1.781-4-4 1.781-4 4-4zm0 2c-1.094 0-2 .906-2 2s.906 2 2 2 2-.906 2-2-.906-2-2-2zm6.281 2.719a.962.962 0 0 1 -.281-.719c0-.25.094-.531.281-.719l4-4a.962.962 0 0 1 .719-.281c.563 0 1 .438 1 1 0 .25-.076.516-.281.719l-2.313 2.281h6.594c2.75 0 5 2.25 5 5v7c0 .563-.438 1-1 1-.563 0-1-.438-1-1v-7a3 3 0 0 0 -3-3h-6.594l2.313 2.281a.991.991 0 0 1 .281.719c0 .563-.438 1-1 1-.25 0-.5-.063-.719-.281zm13.719 13.281c2.219 0 4 1.781 4 4s-1.781 4-4 4-4-1.781-4-4 1.781-4 4-4zm0 2c-1.094 0-2 .906-2 2s.906 2 2 2 2-.906 2-2-.906-2-2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_single_trip_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_single_trip_20.svg
new file mode 100644
index 0000000000..00eea4ad39
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_single_trip_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 10.015a.99.99 0 0 0 1 .985c.545 0 1-.43 1-.985 0-.553-.455-1.015-1-1.015s-1 .462-1 1.015zm4-.015c0 .594.469 1 1.063 1h7.562l-.281.281c-.094.125-.313.375-.313.719 0 .438.281 1 1 1 .25 0 .531-.063.719-.281l1.906-1.938c.219-.219.344-.5.344-.781s-.094-.531-.344-.781l-1.906-1.939a.953.953 0 0 0 -.656-.28c-.469 0-1.063.344-1.063 1 0 .281.094.469.313.719l.281.281h-7.563c-.592 0-1.062.375-1.062 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_single_trip_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_single_trip_24.svg
new file mode 100644
index 0000000000..9d30371e81
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_single_trip_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.984 8c.25 0 .542.088.73.275l2.973 3.005c.22.188.313.47.313.72s-.094.532-.313.72l-2.973 3.005c-.188.187-.48.275-.73.275-.593 0-1-.5-1-1 0-.25.094-.5.313-.719l1.291-1.28-10.728-.001a3.038 3.038 0 0 1 -2.854 1.973c-1.661 0-3.006-1.313-3.006-2.973 0-1.659 1.346-2.973 3.005-2.973a3.038 3.038 0 0 1 2.854 1.973l10.73-.002-1.292-1.31a.933.933 0 0 1 -.313-.688c0-.531.375-1 1-1zm-12.98 2.998a.989.989 0 0 0 -1 1.002.989.989 0 0 0 1 1.002.997.997 0 0 0 1.013-1.002.997.997 0 0 0 -1.011-1.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_single_trip_32.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_single_trip_32.svg
new file mode 100644
index 0000000000..ee5cb7b83d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_single_trip_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m2 16c0-2.219 1.781-4 4-4s4 1.781 4 4-1.781 4-4 4-4-1.781-4-4zm10 0c0-.563.438-1 1-1h13.594l-2.305-2.29a.987.987 0 0 1 -.289-.71c0-.594.469-1 1-1 .25 0 .508.086.711.289l4.008 3.993c.187.187.281.468.281.718s-.086.508-.289.711l-4 4a.992.992 0 0 1 -.711.289c-.438 0-1-.313-1-1 0-.25.093-.532.281-.718l2.313-2.282h-13.594c-.563 0-1-.438-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_start_20.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_start_20.svg
new file mode 100644
index 0000000000..c75703bd7d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_start_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 3.5c3.594 0 6.5 2.906 6.5 6.5s-2.906 6.5-6.5 6.5a6.495 6.495 0 0 1 -6.5-6.5c0-3.594 2.906-6.5 6.5-6.5zm0 2c-2.469 0-4.5 2.031-4.5 4.5s2.031 4.5 4.5 4.5 4.5-2.031 4.5-4.5-2.031-4.5-4.5-4.5zm0 6.5c1.125 0 2-.875 2-2s-.875-2-2-2-2 .875-2 2 .875 2 2 2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_start_24.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_start_24.svg
new file mode 100644
index 0000000000..966153dd07
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_start_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 4.5c4.125 0 7.5 3.375 7.5 7.5s-3.375 7.5-7.5 7.5-7.5-3.375-7.5-7.5 3.375-7.5 7.5-7.5zm0 2a5.508 5.508 0 0 0 -5.5 5.5c0 3.031 2.469 5.5 5.5 5.5s5.5-2.469 5.5-5.5-2.469-5.5-5.5-5.5zm-2 5.5c0-1.094.906-2 2-2s2 .906 2 2-.906 2-2 2-2-.906-2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/journey/db_ic_start_32.svg b/review/refactor-icon-update/icons/functional/images/journey/db_ic_start_32.svg
new file mode 100644
index 0000000000..b99a197dc1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/journey/db_ic_start_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16.5 6.5c5.25 0 9.5 4.25 9.5 9.5s-4.25 9.5-9.5 9.5-9.5-4.25-9.5-9.5 4.25-9.5 9.5-9.5zm0 2a7.482 7.482 0 0 0 -7.5 7.5c0 4.156 3.344 7.5 7.5 7.5s7.5-3.344 7.5-7.5c0-4.125-3.375-7.5-7.5-7.5zm-3 7.5a3 3 0 1 1 6.002.002 3 3 0 0 1 -6.002-.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_20.svg
new file mode 100644
index 0000000000..9290596e04
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.668 3.386-12.83 5.704a1 1 0 0 0 .405 1.914h5.805v5.783a1 1 0 0 0 1.914.406l5.696-12.816a.75.75 0 0 0 -.99-.99zm-2.16 3.148-5.64 2.506h3.134v3.128l2.504-5.634z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_24.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_24.svg
new file mode 100644
index 0000000000..d3c81daf0c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21.22 3.213a.75.75 0 0 1 0 .609l-7.267 16.413a1 1 0 0 1 -1.914-.407v-7.814h-8.064a1 1 0 0 1 -.406-1.914l16.661-7.268a.75.75 0 0 1 .99.38zm-3.148 2.766-9.387 4.034h4.355a1 1 0 0 1 .993.884l.007.117-.001 4.352z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_32.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_32.svg
new file mode 100644
index 0000000000..6313c42fd1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m28.402 4.095a1 1 0 0 1 0 .825l-10.536 23.004a1.5 1.5 0 0 1 -2.866-.62v-10.054a.25.25 0 0 0 -.25-.25h-10.306a1.5 1.5 0 0 1 -.619-2.866l23.253-10.537a1 1 0 0 1 1.324.498zm-2.934 2.425-18.711 8.48h7.993a2.25 2.25 0 0 1 2.245 2.096l.005.154-.001 7.762 8.469-18.491z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_north_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_north_20.svg
new file mode 100644
index 0000000000..585dffe742
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_north_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 7c.507.002.737.352.836.61l3.612 9.402a.77.77 0 0 1 -1.264.822l-3.184-3.184-3.184 3.184a.77.77 0 0 1 -1.265-.821l3.62-9.403c.099-.258.29-.612.83-.61zm0-4.998a1 1 0 0 1 .993.883l.007.117v1.702a1 1 0 0 1 -1.993.117l-.007-.117v-1.702a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_north_24.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_north_24.svg
new file mode 100644
index 0000000000..2cf5b68aae
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_north_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.839 7.625c.529 0 .833.307 1.038.77l4.733 12.297a.999.999 0 0 1 -1.64 1.066l-4.131-4.13-4.132 4.131a1 1 0 0 1 -1.64-1.066l4.7-12.17c.126-.349.494-.898 1.072-.898zm.007 3.658-2.206 5.713 2.199-2.199 2.209 2.21zm-.007-9.283c.513 0 1 .31 1 1v2.248a1 1 0 0 1 -1 1 1.01 1.01 0 0 1 -1-1l-.001-.492v-1.758a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_north_32.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_north_32.svg
new file mode 100644
index 0000000000..509ae4a078
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_north_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m17.555 21.312c-.41-.414-.965-1.063-1.556-1.063-.587 0-1.139.647-1.555 1.063l-3.186 3.187 4.742-12.6 4.742 12.6-3.186-3.187zm6.367 5.96-6.982-18.547a1.017 1.017 0 0 0 -.94-.682 1.021 1.021 0 0 0 -.934.658l-6.99 18.574a1.198 1.198 0 0 0 1.967 1.268l5.815-5.816a.2.2 0 0 1 .283 0l5.815 5.815a1.196 1.196 0 0 0 1.966-1.268zm-7.922-20.633a1 1 0 0 0 1-1v-2.64a.989.989 0 0 0 -1-1 1 1 0 0 0 -1 1v2.639c0 .57.487 1 1 1" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_north_solid_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_north_solid_20.svg
new file mode 100644
index 0000000000..585dffe742
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_north_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 7c.507.002.737.352.836.61l3.612 9.402a.77.77 0 0 1 -1.264.822l-3.184-3.184-3.184 3.184a.77.77 0 0 1 -1.265-.821l3.62-9.403c.099-.258.29-.612.83-.61zm0-4.998a1 1 0 0 1 .993.883l.007.117v1.702a1 1 0 0 1 -1.993.117l-.007-.117v-1.702a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_north_solid_24.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_north_solid_24.svg
new file mode 100644
index 0000000000..a687f533dc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_north_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 7.625c.53 0 .834.307 1.039.77l4.733 12.298a1 1 0 0 1 -1.64 1.066l-4.132-4.131-4.13 4.131a1 1 0 0 1 -1.64-1.066l4.7-12.17c.126-.348.494-.898 1.071-.898zm0-5.625c.513 0 1 .309 1 1v2.247a1 1 0 0 1 -1 1 1.01 1.01 0 0 1 -1-1l-.001-.492.001-1.755a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_north_solid_32.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_north_solid_32.svg
new file mode 100644
index 0000000000..4683a8b4df
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_north_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 8.125c.29.003.744.158.941.682l6.982 18.549a1.197 1.197 0 0 1 -1.967 1.268l-5.815-5.815a.2.2 0 0 0 -.282 0l-5.815 5.816a1.197 1.197 0 0 1 -1.967-1.268l6.99-18.574c.181-.482.644-.661.933-.658zm0-6.042c.513 0 .998.39 1 1v2.638a1 1 0 0 1 -1 1c-.513 0-.999-.43-1-1v-2.638a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_solid_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_solid_20.svg
new file mode 100644
index 0000000000..61eb9b8fc6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.668 3.386-12.83 5.704a1 1 0 0 0 .405 1.914h5.805v5.783a1 1 0 0 0 1.914.406l5.696-12.816a.75.75 0 0 0 -.99-.99z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_solid_24.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_solid_24.svg
new file mode 100644
index 0000000000..ef33df5974
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21.22 3.213a.75.75 0 0 1 0 .609l-7.267 16.413a1 1 0 0 1 -1.914-.407v-7.814h-8.064a1 1 0 0 1 -.406-1.914l16.661-7.268a.75.75 0 0 1 .99.38z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_solid_32.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_solid_32.svg
new file mode 100644
index 0000000000..cf3d6f20d1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_gps_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m28.402 4.095a1 1 0 0 1 0 .825l-10.536 23.004a1.5 1.5 0 0 1 -2.866-.62v-10.054a.25.25 0 0 0 -.25-.25h-10.306a1.5 1.5 0 0 1 -.619-2.866l23.253-10.537a1 1 0 0 1 1.324.498z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_home_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_home_20.svg
new file mode 100644
index 0000000000..cd2daac777
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_home_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c.995 0 1.463.585 1.893 1.015l5.814 5.795c.195.195.293.448.293.722 0 .566-.468.995-1.034.995-.234 0-.449-.059-.605-.215l-.37-.39v7.063c0 .547-.508 1.015-.996 1.015h-9.99a1.03 1.03 0 0 1 -.995-1.015v-7.063l-.293.312a.99.99 0 0 1 -.702.293c-.586 0-1.015-.449-1.015-1.034 0-.215.078-.43.234-.586l5.873-5.892c.43-.43.898-1.015 1.893-1.015zm0 2-4 4v8h8v-8z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_home_24.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_home_24.svg
new file mode 100644
index 0000000000..d582a787a9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_home_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 3c.719 0 1.469.219 2 .75l6.719 7.719a.99.99 0 0 1 .281.719c0 .562-.438.968-1 .968a.955.955 0 0 1 -.625-.219l-.375-.342v7.405c0 .531-.406 1-.906 1h-4.094c-.531 0-1-.469-1-1v-4h-2v4c0 .531-.406 1-.906 1h-4.094c-.531 0-1-.406-1-.906v-7.5l-.281.281a1.043 1.043 0 0 1 -.719.281c-.438 0-1-.312-1-.969 0-.25.031-.468.219-.656l6.656-7.656c.625-.594 1.344-.875 2.125-.875zm0 2c-.219 0-.469.063-.625.219l-4.375 5.375v8.406h2v-4c0-.5.375-1 .906-1h4.094c.531 0 1 .406 1 .906v4.094h2v-8.406l-4.281-5.314c-.189-.217-.469-.28-.719-.28z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_home_32.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_home_32.svg
new file mode 100644
index 0000000000..a38effe2dd
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_home_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 4c.688 0 1.437.22 1.969.75l10.75 11.719a.94.94 0 0 1 .21.333c.047.126.071.26.071.386 0 .562-.469 1-1 1-.219 0-.5-.094-.625-.22l-1.375-1.373v11.405c0 .516-.375 1-.875 1h-6.125c-.5 0-.969-.375-.969-.875v-6.125h-4.031v6c0 .516-.406 1-.906 1h-6.094c-.5 0-1-.375-1-.875v-11.531l-1.281 1.281a.998.998 0 0 1 -.719.313c-.25 0-.531-.125-.719-.313a.97.97 0 0 1 -.281-.688c0-.218.063-.468.219-.625l10.656-11.686a2.949 2.949 0 0 1 2.125-.876zm0 2c-.219 0-.469.063-.625.219l-7.375 8.375v12.406h4v-6c0-.531.375-1 .875-1h6.125c.531 0 1 .375 1 .875v6.125h4v-12.406l-7.281-8.314a1.041 1.041 0 0 0 -.719-.28z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_home_solid_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_home_solid_20.svg
new file mode 100644
index 0000000000..913d4745d0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_home_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7.034 18h-2.03c-.486 0-1.004-.43-1.004-1.015v-7.063l-.283.312a.955.955 0 0 1 -.702.293c-.586 0-1.015-.449-1.015-1.034 0-.215.078-.43.234-.586l5.873-5.892c.429-.43.898-1.015 1.893-1.015s1.463.586 1.893 1.015l5.814 5.795a1 1 0 0 1 .293.722c0 .566-.468.995-1.034.995-.234 0-.453-.055-.605-.215l-.361-.39v7.063c0 .547-.517 1.015-1.005 1.015h-1.99c-.527 0-1.005-.351-1.005-.878v-5.122h-4v5.005c0 .527-.341.995-.966.995z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_map_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_map_20.svg
new file mode 100644
index 0000000000..f1d949057c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_map_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7.656 2.125 5.282 1.75 3.562-1.781c.15-.075.313-.094.563-.094.437 0 .937.344.937.844v12.156c0 .344-.125.656-.438.813l-4.093 2.093a.997.997 0 0 1 -.438.094c-.125 0-.312-.063-.5-.094l-5.469-1.843-3.625 1.843a.961.961 0 0 1 -.406.094c-.561 0-1.031-.344-1.031-1v-12.031c0-.313.125-.688.438-.844l4-2c.208-.104.373-.122.512-.124l.081-.001c.157 0 .278.01.625.125zm.344 2.219v9.937l4 1.344v-9.938l-4-1.342zm8 .25-2 1v9.781l2-1zm-10 0-2 1v9.781l2-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_map_24.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_map_24.svg
new file mode 100644
index 0000000000..76ea748377
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_map_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m9 2c.188 0 .406.094.531.156l5.469 2.75 5.188-2.593c.337-.17.687-.282.968-.282.5 0 .844.438.844.875v14.064c0 .375-.125.718-.531.906l-5.969 3a.927.927 0 0 1 -.469.125c-.25 0-.375-.063-.469-.125l-5.53-2.781-5.282 2.655c-.25.094-.594.25-.875.25-.438 0-.875-.313-.875-.906v-14.064c0-.343.15-.699.438-.843l6.03-3.032c.09-.043.314-.155.532-.155zm-.969 2.625-4.031 2.031v11.719l4.031-2.031zm2 0v11.719l3.969 2.031v-11.719zm9.969 0-4 2.031v11.719l4-2.031z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_map_32.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_map_32.svg
new file mode 100644
index 0000000000..ed264c1875
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_map_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m29.188 4c.468 0 .812.344.812.875v17.125c0 .344-.151.698-.469.844l-8.561 3.936c-.216.1-.407.157-.625.157-.188 0-.409-.058-.625-.157l-8.063-3.687-8.094 3.718c-.19.088-.53.188-.718.188-.315.001-.845-.343-.845-1.03v-16.969c0-.344.152-.697.469-.844l8.281-3.844a2.11 2.11 0 0 1 .938-.218c.312 0 .658.058 1 .218l7.656 3.594 7.936-3.686c.166-.077.532-.219.907-.219zm-18.533 2.563-6.655 3.061v14.813l6.656-3.094v-14.781zm2 0v14.78l6.688 3.095v-14.783l-6.688-3.094zm15.344 0-6.656 3.062v14.813l6.657-3.095v-14.781z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_straight_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_straight_20.svg
new file mode 100644
index 0000000000..1332763631
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_straight_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.05 3.05c.227 0 .455.073.62.22l4.082 4.088c.199.166.298.431.298.697a.998.998 0 0 1 -.994.995c-.266 0-.53-.1-.73-.299l-2.326-2.329v9.578c0 .513-.448 1-1 1a1 1 0 0 1 -1-1v-9.478l-2.226 2.23c-.2.198-.464.298-.73.298a.998.998 0 0 1 -.994-.995c0-.266.133-.531.298-.697l4.006-4.01c.199-.198.464-.298.696-.298z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_straight_24.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_straight_24.svg
new file mode 100644
index 0000000000..2406674600
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_straight_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 3c.232 0 .497.1.696.299l5.006 5.01c.165.165.298.43.298.696a.998.998 0 0 1 -.994.995c-.266 0-.53-.1-.73-.299l-3.276-3.279.005 13.578a1 1 0 0 1 -2 0l-.005-13.578-3.276 3.28a.992.992 0 0 1 -.73.298.998.998 0 0 1 -.994-.995c0-.266.1-.531.298-.697l5.083-5.089a.936.936 0 0 1 .619-.219z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_straight_32.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_straight_32.svg
new file mode 100644
index 0000000000..0d1b800ca5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_straight_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 4c.232 0 .497.1.696.299l7.006 7.01c.165.165.298.43.298.696a.998.998 0 0 1 -.994.995c-.266 0-.53-.1-.73-.299l-5.276-5.279.005 19.578a1 1 0 1 1 -2 0l-.005-19.578-5.276 5.28a.992.992 0 0 1 -.73.298.998.998 0 0 1 -.994-.995c0-.266.1-.531.298-.697l7.083-7.089a.936.936 0 0 1 .619-.219z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_to_left_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_to_left_20.svg
new file mode 100644
index 0000000000..4706bd0cf1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_to_left_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.905 2.1c-.266 0-.531.1-.697.298l-3.91 3.906c-.198.166-.298.43-.298.696 0 .232.1.497.299.696l4.01 4.006c.165.165.43.298.696.298a.998.998 0 0 0 .995-.994c0-.266-.1-.53-.299-.73l-2.279-2.276h3.578a1 1 0 0 1 1 1v8a1 1 0 0 0 2 0v-8a3 3 0 0 0 -3-3l-3.576-.001 2.177-2.175c.198-.213.297-.456.299-.73a.998.998 0 0 0 -.995-.994z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_to_left_24.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_to_left_24.svg
new file mode 100644
index 0000000000..0c446bb1c6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_to_left_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10.805 3.2c-.266 0-.531.1-.697.298l-3.81 3.806c-.198.166-.298.43-.298.696 0 .232.1.497.299.696l4.01 4.006c.165.165.43.298.696.298a.998.998 0 0 0 .995-.994c0-.266-.1-.53-.299-.73l-2.278-2.276h3.577a3 3 0 0 1 3 3v8a1 1 0 0 0 2 0v-8a5 5 0 0 0 -5-5h-3.577l2.078-2.076c.2-.213.299-.456.299-.73a.998.998 0 0 0 -.995-.994z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_to_left_32.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_to_left_32.svg
new file mode 100644
index 0000000000..2a30880a5e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_to_left_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 11a5 5 0 0 0 -5 5v11a1 1 0 0 1 -2 0v-11a7 7 0 0 1 7-7h4.578l-3.08-3.076a.992.992 0 0 1 -.298-.73c0-.53.431-.994.995-.994.266 0 .531.1.697.298l4.889 4.883a.935.935 0 0 1 .219.619c0 .232-.1.497-.299.696l-5.01 5.006a1.035 1.035 0 0 1 -.696.298.998.998 0 0 1 -.995-.994c0-.266.1-.53.299-.73l3.279-3.276z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(-1 0 0 1 33 0)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_to_right_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_to_right_20.svg
new file mode 100644
index 0000000000..a389161b51
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_to_right_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.095 2.1c.266 0 .531.1.697.298l3.91 3.906c.198.166.298.43.298.696 0 .232-.1.497-.299.696l-4.01 4.006a1.035 1.035 0 0 1 -.696.298.998.998 0 0 1 -.995-.994c0-.266.1-.53.299-.73l2.279-2.276h-3.578a1 1 0 0 0 -1 1v8a1 1 0 0 1 -2 0v-8a3 3 0 0 1 3-3l3.576-.001-2.177-2.175a1.052 1.052 0 0 1 -.299-.73c0-.53.431-.994.995-.994z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_to_right_24.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_to_right_24.svg
new file mode 100644
index 0000000000..d2f5190060
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_to_right_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m14.195 3.2c.266 0 .531.1.697.298l3.81 3.806c.198.166.298.43.298.696 0 .232-.1.497-.299.696l-4.01 4.006a1.035 1.035 0 0 1 -.696.298.998.998 0 0 1 -.995-.994c0-.266.1-.53.299-.73l2.278-2.276h-3.577a3 3 0 0 0 -3 3v8a1 1 0 0 1 -2 0v-8a5 5 0 0 1 5-5h3.577l-2.078-2.076a1.036 1.036 0 0 1 -.299-.73c0-.53.431-.994.995-.994z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_to_right_32.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_to_right_32.svg
new file mode 100644
index 0000000000..3f6e305753
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_to_right_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m17 11a5 5 0 0 0 -5 5v11a1 1 0 0 1 -2 0v-11a7 7 0 0 1 7-7h4.578l-3.08-3.076a.992.992 0 0 1 -.298-.73c0-.53.431-.994.995-.994.266 0 .531.1.697.298l4.889 4.883a.935.935 0 0 1 .219.619c0 .232-.1.497-.299.696l-5.01 5.006a1.035 1.035 0 0 1 -.696.298.998.998 0 0 1 -.995-.994c0-.266.1-.53.299-.73l3.279-3.276z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_u-turn_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_u-turn_20.svg
new file mode 100644
index 0000000000..78faf22d40
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_u-turn_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8.5 2a4.5 4.5 0 0 1 4.5 4.5v8.176l1.326-1.327c.216-.2.46-.299.73-.299.53 0 .994.431.994.995 0 .266-.1.531-.298.697l-3.006 3.01c-.166.199-.43.298-.696.298-.232 0-.497-.1-.696-.299l-3.006-3.01a1.035 1.035 0 0 1 -.298-.696c0-.564.464-.995.994-.995.266 0 .53.1.73.299l1.226 1.228v-8.077a2.5 2.5 0 0 0 -5 0v4.25a1 1 0 0 1 -2 0v-4.25a4.5 4.5 0 0 1 4.5-4.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_u-turn_24.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_u-turn_24.svg
new file mode 100644
index 0000000000..a0c8550c8d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_u-turn_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.037 8.49-.028 9.064 2.267-2.268a.992.992 0 0 1 .73-.299c.53 0 .994.431.994.995 0 .266-.1.531-.298.697l-4.083 4.089a.936.936 0 0 1 -.619.219c-.232 0-.497-.1-.696-.299l-4.006-4.01a1.035 1.035 0 0 1 -.298-.696c0-.564.464-.995.994-.995.266 0 .53.1.73.299l2.285 2.287.028-9.089c.006-1.854-1.43-3.484-3.484-3.484-2.053 0-3.553 1.577-3.553 3.513v3.48a1 1 0 0 1 -2 0v-3.48c0-2.963 2.502-5.513 5.553-5.513a5.473 5.473 0 0 1 5.484 5.49z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_u-turn_32.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_u-turn_32.svg
new file mode 100644
index 0000000000..dc6ba87687
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_navigation_u-turn_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m14 4a6 6 0 0 1 6 6v8.014l-.003.051.003 6.513 3.276-3.28a.992.992 0 0 1 .73-.298c.53 0 .994.431.994.995 0 .266-.1.531-.298.697l-5.083 5.089a.936.936 0 0 1 -.619.219c-.232 0-.497-.1-.696-.299l-5.006-5.01a1.035 1.035 0 0 1 -.298-.696c0-.564.464-.995.994-.995.266 0 .53.1.73.299l3.276 3.279-.005-12.578.005-.1v-1.9a4 4 0 1 0 -8 0v6a1 1 0 0 1 -2 0v-6a6 6 0 0 1 6-6z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_parking_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_parking_20.svg
new file mode 100644
index 0000000000..de3db0b9f0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_parking_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16 2a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2-2v-12a2 2 0 0 1 2-2zm0 2h-12v12h12zm-5.643 2.317c.865 0 1.526.199 1.983.596.457.398.685.977.685 1.737 0 .782-.237 1.377-.711 1.785-.432.37-1.045.573-1.839.607-.594.002-1.056-.021-1.384-.07v1.843a.853.853 0 1 1 -1.706 0v-5.748c0-.38.3-.78.75-.75.74-.002 1.481-.002 2.222 0zm-.136 1.245h-1.131v2.263c.276.04.607.06.994.06.453 0 .78-.094.978-.282.199-.189.298-.492.298-.91 0-.347-.064-.67-.266-.87-.218-.2-.527-.26-.874-.26z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_parking_24.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_parking_24.svg
new file mode 100644
index 0000000000..f3b4e5372d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_parking_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5 2a2.5 2.5 0 0 1 2.5 2.5v15a2.5 2.5 0 0 1 -2.5 2.5h-15a2.5 2.5 0 0 1 -2.5-2.5v-15a2.5 2.5 0 0 1 2.5-2.5zm0 2c-5-.003-10-.003-15 0a.5.5 0 0 0 -.5.5c-.003 5-.003 10 0 15 0 .245.205.5.5.5 5 .003 10 .003 15 0 .245 0 .5-.2.5-.5.003-5 .003-10 0-15a.5.5 0 0 0 -.5-.5zm-8.493 4.405v3.166c.74.055 1.207.082 1.4.082.634 0 1.092-.128 1.372-.385.28-.256.42-.683.42-1.28 0-.507-.096-.884-.288-1.132-.273-.3-.647-.45-1.122-.446zm1.764-1.54c1.138 0 2.009.26 2.61.777.603.518.904 1.286.904 2.303 0 1.036-.313 1.823-.938 2.36-.577.495-1.484.804-2.758.804-.407.011-.934-.022-1.582-.099v2.983a1.05 1.05 0 1 1 -2.1 0v-8.128c0-.513.414-.998 1-1 .954-.002 1.91-.002 2.864 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_parking_32.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_parking_32.svg
new file mode 100644
index 0000000000..d0436f45fc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_parking_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27 2a3 3 0 0 1 3 3v22a3 3 0 0 1 -3 3h-22a3 3 0 0 1 -3-3v-22a3 3 0 0 1 3-3zm0 2h-22a1 1 0 0 0 -.993.883l-.007.117v22a1 1 0 0 0 .883.993l.117.007h22a1 1 0 0 0 .993-.883l.007-.117v-22a1 1 0 0 0 -.883-.993zm-10.114 4.46c1.613 0 2.84.36 3.68 1.08s1.26 1.8 1.26 3.24c0 1.48-.437 2.597-1.31 3.35-.819.706-2.01 1.081-3.573 1.126-1.042.029-1.934-.018-2.677-.14v4.524a1.36 1.36 0 0 1 -1.36 1.36c-.707 0-1.36-.524-1.36-1.36-.002-3.893-.002-7.787 0-11.68 0-.78.603-1.5 1.5-1.5zm-2.62 2v4.759c.708.08 1.421.121 2.14.121.946 0 1.63-.193 2.05-.58s.63-1.02.63-1.9c0-.788-.152-1.37-.455-1.744s-1.063-.655-1.925-.656z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_parking_solid_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_parking_solid_20.svg
new file mode 100644
index 0000000000..725b7a173c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_parking_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16 2a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2-2v-12a2 2 0 0 1 2-2zm-6.868 11.06v-2.12c.412.053.8.08 1.166.08.968 0 1.705-.217 2.211-.65.506-.432.76-1.063.76-1.892 0-.799-.244-1.411-.732-1.837-.488-.425-1.19-.638-2.107-.638h-2.429a.75.75 0 0 0 -.75.75v6.307a.94.94 0 0 0 1.881 0zm1.001-3.256c-.205 0-.892-.042-1-.063v-2.302h1.132c.42 0 .718.088.897.264.18.176.27.47.27.88 0 .433-.101.744-.303.935-.202.19-.534.286-.996.286z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_place_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_place_20.svg
new file mode 100644
index 0000000000..d91394da8e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_place_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m5 17c0-.531.5-1 1-1h8c.563 0 1 .438 1 1 0 .563-.5 1-1 1h-8c-.5 0-1-.438-1-1zm5-15c2.781 0 5 2.031 5 4.656 0 .938-.313 1.907-.906 2.813l-3.25 5.062a1.07 1.07 0 0 1 -.844.469 1.07 1.07 0 0 1 -.844-.469l-3.25-5.061c-.593-.907-.906-1.876-.906-2.814 0-2.625 2.219-4.656 5-4.656zm0 2c-1.719 0-3 1.156-3 2.625 0 .5.219 1.094.594 1.688l2.406 3.687 2.406-3.688c.375-.592.594-1.092.594-1.687 0-1.469-1.281-2.625-3-2.625zm-1 3c0-.563.406-1 1-1 .563 0 1 .406 1 1 0 .563-.406 1-1 1-.563 0-1-.406-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_place_24.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_place_24.svg
new file mode 100644
index 0000000000..7b3f3f66b5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_place_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m6 21c0-.531.469-1 1-1h10c.531 0 1 .469 1 1s-.469 1-1 1h-10c-.531 0-1-.469-1-1zm6-19c3.406 0 6 2.563 6 5.625 0 1.156-.344 2.281-1.094 3.438l-4.062 6.468c-.219.313-.531.469-.844.469-.344 0-.625-.156-.844-.469l-4.062-6.437c-.719-1.156-1.094-2.314-1.094-3.469 0-3.063 2.563-5.625 6-5.625zm.031 2c-2.281 0-4.031 1.594-4.031 3.594 0 .75.25 1.531.781 2.375l3.219 5.031 3.219-5.031c.219-.313.781-1.188.781-2.344 0-2.031-1.719-3.625-3.969-3.625zm-2.031 4c0-1.094.906-2 2-2s2 .906 2 2-.906 2-2 2-2-.906-2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_place_32.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_place_32.svg
new file mode 100644
index 0000000000..7010a0c3d5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_place_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m8 28.991a.986.986 0 0 0 1 1.009h14.125c.501 0 .875-.496.875-1.007a.988.988 0 0 0 -1-.993h-14.125c-.563 0-.875.504-.875.991zm8-26.991c4.556 0 8 3.641 8 7.96 0 1.477-.403 3.036-1.274 4.526l-5.86 10.016a.966.966 0 0 1 -.87.498.975.975 0 0 1 -.871-.5l-5.68-9.66c-.965-1.64-1.445-3.277-1.445-4.885 0-4.4 3.531-7.955 8-7.955zm.034 2c-3.409 0-6.034 2.63-6.034 5.959 0 1.135.305 2.32 1.027 3.556l4.973 8.516 4.847-8.22a8.197 8.197 0 0 0 1.153-3.529c0-3.782-2.643-6.282-5.966-6.282zm-2.034 6c0 1.094.906 2 2 2s2-.906 2-2-.906-2-2-2-2 .906-2 2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_place_solid_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_place_solid_20.svg
new file mode 100644
index 0000000000..9d06365657
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_place_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m5 17c0-.531.5-1 1-1h8c.563 0 1 .438 1 1 0 .563-.5 1-1 1h-8c-.5 0-1-.438-1-1zm5-15c2.781 0 5 2.031 5 4.656 0 .938-.313 1.907-.906 2.813l-3.25 5.062c-.219.313-.531.469-.844.469s-.625-.156-.844-.469l-3.25-5.061c-.593-.907-.906-1.876-.906-2.814 0-2.625 2.219-4.656 5-4.656zm0 3c-1.094 0-2 .913-2 2.016 0 1.102.906 1.984 2 1.984s2-.882 2-1.984c0-1.103-.906-2.016-2-2.016z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_set_position_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_set_position_20.svg
new file mode 100644
index 0000000000..4c4fc46b29
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_set_position_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c.563 0 1 .438 1 1v1.031a6.114 6.114 0 0 1 4.969 4.969h1.031c.594 0 1 .438 1 1 0 .531-.406 1-1 1h-1.031c-.438 2.531-2.438 4.531-4.969 4.938v1.062c0 .563-.438 1-1 1-.563 0-1-.438-1-1v-1.063c-2.531-.406-4.531-2.406-4.969-4.937h-1.031c-.469 0-1-.344-1-1 0-.563.469-1 1-1h1.031a6.114 6.114 0 0 1 4.969-4.969v-1.031c0-.563.438-1 1-1zm0 4c-2.219 0-4 1.781-4 4s1.781 4 4 4 4-1.781 4-4-1.781-4-4-4zm-2 4c0 1.094.906 2 2 2s2-.906 2-2-.906-2-2-2-2 .906-2 2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_set_position_24.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_set_position_24.svg
new file mode 100644
index 0000000000..bba606b296
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_set_position_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2a.98.98 0 0 1 1 .969v2.061c3.094.469 5.5 2.875 5.938 5.969h2.062c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-2.063a7.027 7.027 0 0 1 -5.937 5.939v2.062c0 .563-.438 1-1 1-.531 0-1-.438-1-1v-2.063c-3.063-.437-5.469-2.874-5.906-5.937h-2.094c-.563 0-1-.438-1-1 0-.563.438-1 1-1h2.094a7.027 7.027 0 0 1 5.906-5.969v-2.061c0-.531.469-.969 1-.969zm0 5c-2.75 0-5 2.25-5 5a4.948 4.948 0 0 0 5 4.969c2.844 0 5-2.25 5-4.969 0-2.75-2.25-5-5-5zm-2 5c0-1.094.906-2 2-2s2 .906 2 2-.906 2-2 2-2-.906-2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_set_position_32.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_set_position_32.svg
new file mode 100644
index 0000000000..086208f40a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_set_position_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c.563 0 1 .438 1 1v4.063a9.002 9.002 0 0 1 7.938 7.937h4.062c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-4.063a9.032 9.032 0 0 1 -7.937 7.938v4.062c0 .563-.438 1-1 1-.563 0-1-.438-1-1v-4.063a9.002 9.002 0 0 1 -7.938-7.937h-4.062c-.563 0-1-.438-1-1 0-.563.438-1 1-1h4.063a9.032 9.032 0 0 1 7.937-7.938v-4.062c0-.563.438-1 1-1zm0 7c-3.875 0-7 3.125-7 7s3.125 7 7 7 7-3.125 7-7-3.125-7-7-7zm0 10a3 3 0 1 0 -.002-6.002 3 3 0 0 0 .002 6.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_station_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_station_20.svg
new file mode 100644
index 0000000000..b8c4b1f416
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_station_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm-2.29 2.365c.415 0 .813.326.814.815.002.705.002 1.41 0 2.115h2.95v-2.115a.815.815 0 0 1 1.63 0c.002 1.88.002 3.76 0 5.64a.815.815 0 1 1 -1.63 0v-2.294h-2.95v2.294a.815.815 0 1 1 -1.63 0v-5.64c0-.415.4-.815.815-.815z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_station_24.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_station_24.svg
new file mode 100644
index 0000000000..ea08fb5f75
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_station_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16zm-3.163 2.865.117.007a1 1 0 0 1 .876.877l.007.116v3.172h4.326v-3.172a1 1 0 0 1 .883-.993l.117-.007h.1a1 1 0 0 1 .993.884l.007.116v8.178a1 1 0 0 1 -.883.994l-.117.006h-.1a1 1 0 0 1 -.993-.883l-.007-.117v-3.423h-4.326v3.424a1 1 0 0 1 -.883.994l-.117.006h-.1a1 1 0 0 1 -.993-.883l-.007-.117v-8.179a1 1 0 0 1 .883-.993l.117-.007z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_station_32.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_station_32.svg
new file mode 100644
index 0000000000..4b2d927c7a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_station_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c7.732 0 14 6.268 14 14s-6.268 14-14 14-14-6.268-14-14 6.268-14 14-14zm0 2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm4.59 4.46c.78 0 1.5.642 1.5 1.5v11.54a1.5 1.5 0 0 1 -1.5 1.5c-.78 0-1.5-.647-1.5-1.5v-4.82h-6.18v4.82a1.5 1.5 0 0 1 -1.5 1.5c-.78 0-1.5-.64-1.5-1.5v-11.54c0-.78.666-1.5 1.5-1.5s1.5.792 1.5 1.5v4.46h6.18v-4.46a1.5 1.5 0 0 1 1.5-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_station_solid_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_station_solid_20.svg
new file mode 100644
index 0000000000..ff8cc574c5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_station_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm2.514 4.002a.94.94 0 0 0 -.941.94v2.25h-3.148v-2.25c0-.482-.42-.94-.94-.94a.94.94 0 0 0 -.94.94v6.116a.94.94 0 0 0 1.88 0v-2.447h3.146v2.447a.94.94 0 0 0 1.882 0v-6.116a.94.94 0 0 0 -.94-.94z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_stop_sign_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_stop_sign_20.svg
new file mode 100644
index 0000000000..c61760a2b5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_stop_sign_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14 2c.625 0 1.338.313 1.713.781l2.03 2.813c.345.406.5.937.5 1.406 0 .5-.155.969-.5 1.406l-2.033 2.75c-.438.563-.997.844-1.716.844h-2.994v4h2.969c.562 0 1.031.438 1.031 1 0 .531-.375 1-1.031 1h-7.969c-.531 0-1-.438-1-1 0-.563.438-1 1-1h3v-4h-3.75c-1.25 0-2.25-1-2.25-2.219v-5.5c0-1.25 1-2.281 2.25-2.281zm-.006 2h-8.994v6h8.994l2.25-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_stop_sign_24.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_stop_sign_24.svg
new file mode 100644
index 0000000000..087ea9b4c6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_stop_sign_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.306 3c.684 0 1.306.218 1.773.685l2.768 2.679c.466.436.653 1.028.653 1.62 0 .53-.187 1.152-.653 1.588l-2.768 2.679c-.498.498-1.09.749-1.773.749h-4.306v7h3.033c.528 0 .964.474.964.941 0 .623-.436 1.059-.964 1.059h-8.337c-.53 0-.934-.436-.934-1.059 0-.467.405-.941.934-.941h3.298l.006-7h-5.418c-1.462 0-2.582-1.123-2.582-2.556v-4.921c0-1.402 1.12-2.523 2.582-2.523zm-.156 2h-11.195c-.622 0-.933.305-.933.897v4.173c0 .592.31.935.933.935h11.195c.498 0 .84-.125 1.15-.467l1.867-1.9c.218-.218.333-.436.333-.686 0-.218-.115-.436-.333-.654l-1.866-1.837c-.342-.343-.653-.461-1.151-.461z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_stop_sign_32.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_stop_sign_32.svg
new file mode 100644
index 0000000000..fc8275a2aa
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_stop_sign_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m23.032 2c.707 0 1.413.193 1.959.739l3.115 3.114c.61.61.899 1.344.899 2.147 0 .674-.212 1.43-.739 1.963l-3.115 3.147c-.527.533-1.188.89-1.926.89h-7.193v14h3.968c.546 0 1.01.459 1.01 1.005 0 .513-.496.995-1.01.995h-10.25c-.578 0-1-.417-1-.995 0-.482.486-1.005 1-1.005h4.26v-14h-8.01c-1.606 0-3-1.243-3-2.817v-6.197c0-1.573 1.394-2.986 3-2.986zm.129 2h-17.161c-.546 0-.977.376-.977.858v6.133c0 .514.353 1.009.867 1.009h17.142c.193 0 .482-.078.674-.27l3.019-3.019a.966.966 0 0 0 .289-.706c0-.225-.047-.498-.193-.643l-3.115-3.082c-.161-.16-.353-.28-.545-.28z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_train_station_20.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_train_station_20.svg
new file mode 100644
index 0000000000..77d60d94e9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_train_station_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14 2c.563 0 1 .438 1 1v6h2c.563 0 1 .438 1 1v7c0 .563-.438 1-1 1h-5c-.563 0-1-.438-1-1v-2h-2v2c0 .563-.438 1-1 1h-5c-.563 0-1-.438-1-1v-7c0-.563.438-1 1-1h2v-6c0-.563.438-1 1-1zm-1 2h-6v7h-3v5h3v-2c0-.563.438-1 1-1h4c.563 0 1 .437 1 1v2h3v-5h-3zm-4 5v-2h2v2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_train_station_24.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_train_station_24.svg
new file mode 100644
index 0000000000..9a97e62042
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_train_station_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.969 2c.561 0 1.031.438 1.031 1v9h3c.563 0 1 .438 1 1v8c0 .5-.5 1-1 1h-7c-.5 0-1-.5-1-1.031v-3.469c0-.25-.219-.5-.5-.5h-1.031c-.25 0-.469.25-.469.5v3.469c0 .561-.469 1.031-1 1.031h-7c-.563 0-1-.469-1-1.031v-7.969c0-.5.5-1 1-1h3v-9c0-.563.469-1 1-1zm-.969 2h-8v9c0 .563-.438 1-1 1h-3v6h5v-2.5c0-1.375 1.125-2.5 2.469-2.5h1.031c1.344 0 2.469 1.125 2.469 2.5v2.5h5.031v-6h-3a.97.97 0 0 1 -.688-.281 1.018 1.018 0 0 1 -.312-.719zm-6 4c0-1.094.906-2 2-2s2 .906 2 2c0 1.125-.906 2-2 2s-2-.875-2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/maps/db_ic_train_station_32.svg b/review/refactor-icon-update/icons/functional/images/maps/db_ic_train_station_32.svg
new file mode 100644
index 0000000000..e62311d883
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/maps/db_ic_train_station_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m23 3c.563 0 1 .469 1 1v13h5c.563 0 1 .438 1 1v10c0 .563-.438 1-1 1h-10c-.563 0-1-.438-1-1v-5c0-.563-.438-1-1-1h-2c-.563 0-1 .438-1 1v5c0 .563-.438 1-1 1h-10c-.563 0-1-.438-1-1v-10c0-.563.469-1 1-1h4.969v-13c0-.501.531-1 1.031-1zm-15 16h-4v8h4zm14-14h-12v22h2v-4a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v4h2zm6 14h-4v8h4zm-12-11c2.219 0 4 1.781 4 4a4.019 4.019 0 0 1 -1.156 2.844 4.019 4.019 0 0 1 -2.844 1.156c-2.219 0-4-1.781-4-4s1.781-4 4-4zm0 2c-1.094 0-2 .906-2 2s.906 2 2 2 2-.906 2-2-.906-2-2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_back_16.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_back_16.svg
new file mode 100644
index 0000000000..74da476d0c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_back_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m7.243 3.793a1 1 0 0 1 0 1.414l-1.794 1.793h7.551a1 1 0 0 1 .993.883l.007.117a1 1 0 0 1 -1 1h-7.621l1.864 1.864a1 1 0 0 1 -1.415 1.414l-3.535-3.535a1 1 0 0 1 -.078-1.327l.078-.088 3.535-3.535a1 1 0 0 1 1.415 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_back_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_back_20.svg
new file mode 100644
index 0000000000..ab150d6e0a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_back_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m3.313 9.313a.886.886 0 0 0 -.313.687c0 .25.094.5.313.719l4.968 5c.188.187.469.281.719.281.563 0 1-.438 1-1a.97.97 0 0 0 -.281-.688l-3.313-3.312h9.594c.563 0 1-.438 1-1 0-.531-.438-1-1-1h-9.594l3.314-3.281c.186-.219.28-.469.28-.719 0-.531-.438-1-1-1a.975.975 0 0 0 -.633.226l-5.055 5.087z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_back_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_back_24.svg
new file mode 100644
index 0000000000..7e6287ffcc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_back_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20.005 12c0-.563-.437-1-1-1h-11.593l4.28-4.281a.998.998 0 0 0 .314-.719c0-.438-.375-1-1.03-1a.97.97 0 0 0 -.688.281l-6 6a.975.975 0 0 0 -.277.611l-.006.108c-.03.25.078.515.282.719l6 6c.187.187.468.281.687.281.563 0 1.031-.469 1.031-1a.981.981 0 0 0 -.312-.719l-4.281-4.281h11.593c.563 0 1-.438 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_back_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_back_32.svg
new file mode 100644
index 0000000000..49b3a7aee2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_back_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m26 16c0-.562-.438-1-1-1h-15.594l6.314-6.28a.961.961 0 0 0 .28-.72c0-.562-.406-1-1-1-.25 0-.5.063-.719.282l-8 8a.962.962 0 0 0 -.281.718c0 .25.063.5.281.719l8 8a.963.963 0 0 0 .72.281c.593 0 1-.469 1-1 0-.25-.063-.5-.282-.719l-6.313-6.28h15.594c.563 0 1-.438 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_down_16.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_down_16.svg
new file mode 100644
index 0000000000..185e4c2903
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_down_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m8.755 3.755a1 1 0 0 1 1.414 0l3.535 3.536.078.087a1 1 0 0 1 -.078 1.327l-3.534 3.535a1 1 0 1 1 -1.414-1.414l1.828-1.829h-7.58a1 1 0 1 1 0-2h7.58l-1.829-1.827a1 1 0 0 1 -.083-1.32z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(0 1 -1 0 15.998 -.002)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_down_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_down_20.svg
new file mode 100644
index 0000000000..03dc70e847
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_down_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.313 16.688a.886.886 0 0 0 .687.312c.25 0 .5-.094.719-.313l5-4.968c.187-.188.281-.469.281-.719 0-.563-.438-1-1-1a.97.97 0 0 0 -.688.281l-3.312 3.313v-9.594c0-.563-.438-1-1-1-.531 0-1 .438-1 1v9.594l-3.281-3.314a1.102 1.102 0 0 0 -.719-.28c-.531 0-1 .438-1 1 0 .214.069.451.226.633z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_down_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_down_24.svg
new file mode 100644
index 0000000000..59cdcf1a88
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_down_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.003 3.997c-.563 0-1 .438-1 1v11.594l-4.283-4.281a.998.998 0 0 0 -.718-.313c-.438 0-1 .375-1 1.032 0 .25.093.5.28.687l6 6a.975.975 0 0 0 .612.276l.108.005c.25.032.515-.077.718-.28l6-6c.188-.188.282-.47.282-.688 0-.563-.47-1.032-1-1.032a.981.981 0 0 0 -.72.313l-4.28 4.281v-11.594c0-.562-.438-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_down_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_down_32.svg
new file mode 100644
index 0000000000..702e57f7db
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_down_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 6c-.562 0-1 .438-1 1v15.594l-6.281-6.314a.961.961 0 0 0 -.719-.28c-.562 0-1 .406-1 1 0 .25.063.5.281.719l8 8a.962.962 0 0 0 .72.281c.25 0 .5-.062.718-.281l8-8a.963.963 0 0 0 .281-.72.987.987 0 0 0 -1-.999c-.25 0-.5.063-.719.281l-6.28 6.313v-15.594c0-.562-.438-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_forward_16.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_forward_16.svg
new file mode 100644
index 0000000000..5ed4db13ad
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_forward_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m8.753 3.707a1 1 0 0 1 1.414 0l3.535 3.536.078.087a1 1 0 0 1 -.078 1.327l-3.535 3.535a1 1 0 0 1 -1.414-1.414l1.777-1.778h-7.53a1 1 0 1 1 0-2h7.631l-1.878-1.88a1 1 0 0 1 -.084-1.32z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_forward_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_forward_20.svg
new file mode 100644
index 0000000000..1d03d6fa9f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_forward_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16.688 10.688a.886.886 0 0 0 .312-.688c0-.25-.094-.5-.313-.719l-4.968-5a1.044 1.044 0 0 0 -.719-.281c-.563 0-1 .438-1 1 0 .25.094.5.281.688l3.313 3.312h-9.594c-.563 0-1 .438-1 1 0 .531.438 1 1 1h9.594l-3.313 3.281a1.102 1.102 0 0 0 -.281.719c0 .531.438 1 1 1a.95.95 0 0 0 .719-.313l4.969-5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_forward_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_forward_24.svg
new file mode 100644
index 0000000000..0aa0f5cc2b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_forward_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m4 12c0 .563.438 1 1 1h11.594l-4.282 4.281a.998.998 0 0 0 -.312.719c0 .438.375 1 1.031 1 .25 0 .5-.094.688-.281l6-6a1 1 0 0 0 .281-.719c.031-.25-.078-.515-.281-.719l-6-6a1.026 1.026 0 0 0 -.689-.281c-.56 0-1.03.469-1.03 1 0 .281.109.515.313.719l4.28 4.281h-11.593c-.563 0-1 .438-1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_forward_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_forward_32.svg
new file mode 100644
index 0000000000..f2d70a348c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_forward_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m6 16c0 .563.438 1 1 1h15.594l-6.313 6.281a.961.961 0 0 0 -.281.719c0 .563.406 1 1 1 .25 0 .5-.062.719-.281l8-8a.962.962 0 0 0 .281-.719c0-.25-.063-.5-.281-.719l-8-8a.963.963 0 0 0 -.72-.281c-.593 0-1 .469-1 1 0 .25.063.5.282.719l6.313 6.281h-15.594c-.563 0-1 .438-1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_up_16.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_up_16.svg
new file mode 100644
index 0000000000..12af127bf9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_up_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m8.755 3.755a1 1 0 0 1 1.414 0l3.535 3.536.078.087a1 1 0 0 1 -.078 1.327l-3.534 3.535a1 1 0 1 1 -1.414-1.414l1.828-1.829h-7.58a1 1 0 1 1 0-2h7.58l-1.829-1.827a1 1 0 0 1 -.083-1.32z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(0 -1 -1 -0 15.997 15.997)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_up_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_up_20.svg
new file mode 100644
index 0000000000..cbc6c97116
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_up_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.688 3.313a.886.886 0 0 0 -.688-.313c-.25 0-.5.094-.719.313l-5 4.968a1.044 1.044 0 0 0 -.281.719c0 .563.438 1 1 1 .25 0 .5-.094.688-.281l3.312-3.313v9.594c0 .563.438 1 1 1 .531 0 1-.438 1-1v-9.594l3.281 3.313c.219.187.469.281.719.281.531 0 1-.438 1-1a.975.975 0 0 0 -.226-.633l-5.086-5.055z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_up_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_up_24.svg
new file mode 100644
index 0000000000..d0100d4098
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_up_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.003 20.003c.562 0 1-.438 1-1v-11.594l4.28 4.281a.998.998 0 0 0 .72.313c.437 0 1-.375 1-1.032a.97.97 0 0 0 -.282-.687l-6-6a.975.975 0 0 0 -.61-.276l-.108-.005c-.25-.032-.515.077-.72.28l-6 6a1.026 1.026 0 0 0 -.28.688c0 .563.468 1.032 1 1.032a.981.981 0 0 0 .718-.313l4.282-4.281v11.594c0 .562.437 1 1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_up_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_up_32.svg
new file mode 100644
index 0000000000..f3abb32a70
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_arrow_up_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 26c.562 0 1-.437 1-1v-15.594l6.281 6.313a.961.961 0 0 0 .719.281c.562 0 1-.406 1-1 0-.25-.063-.5-.281-.719l-8-8a.962.962 0 0 0 -.72-.28.96.96 0 0 0 -.718.28l-8 8a.963.963 0 0 0 -.281.72c0 .593.469 1 1 1 .25 0 .5-.063.719-.282l6.281-6.313v15.594c0 .563.437 1 1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_20.svg
new file mode 100644
index 0000000000..6df718c8cc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c4.406 0 8 3.594 8 8s-3.594 8-8 8-8-3.594-8-8 3.594-8 8-8zm0 2c-3.313 0-6 2.688-6 6 0 3.313 2.688 6 6 6 3.313 0 6-2.688 6-6 0-3.313-2.688-6-6-6zm2.125 2.5 1.375 1.406-2.094 2.094 2.094 2.094-1.406 1.406-2.094-2.094-2.094 2.094-1.406-1.406 2.094-2.094-2.094-2.094 1.406-1.406 2.094 2.094z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_24.svg
new file mode 100644
index 0000000000..c59e3e5677
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2a9.99 9.99 0 0 1 10 10 9.99 9.99 0 0 1 -10 10 9.99 9.99 0 0 1 -10-10 9.99 9.99 0 0 1 10-10zm0 2c-4.406 0-8 3.594-8 8s3.594 8 8 8 8-3.594 8-8-3.594-8-8-8zm-4.5 11.5c0-.219.094-.5.281-.688l2.813-2.812-2.814-2.781a1.166 1.166 0 0 1 -.28-.719c0-.563.469-1 1-1 .219 0 .5.094.719.281l2.781 2.813 2.781-2.781c.219-.22.5-.313.781-.313.47 0 .938.313.938 1 0 .25-.125.531-.313.719l-2.779 2.781 2.812 2.781c.187.188.281.5.281.719 0 .563-.469 1-1 1-.219 0-.5-.094-.719-.281l-2.782-2.813-2.813 2.814c-.156.187-.437.281-.687.281-.563 0-1-.469-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_32.svg
new file mode 100644
index 0000000000..9ad576c889
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c7.719 0 14 6.281 14 14s-6.281 14-14 14-14-6.281-14-14 6.281-14 14-14zm0 2c-6.625 0-12 5.375-12 12s5.375 12 12 12 12-5.375 12-12-5.375-12-12-12zm-6 7c0-.563.406-1 1-1 .281 0 .5.063.719.281l4.281 4.281 4.281-4.28a.961.961 0 0 1 .719-.282c.563 0 1 .406 1 1 0 .281-.063.5-.281.719l-4.282 4.281 4.282 4.281c.187.188.281.469.281.719 0 .563-.406 1-1 1-.281 0-.469-.031-.719-.281l-4.281-4.282-4.281 4.282a.961.961 0 0 1 -.719.281c-.562 0-1-.406-1-1 0-.25.031-.469.281-.719l4.281-4.281-4.28-4.281a.962.962 0 0 1 -.282-.719z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_solid_16.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_solid_16.svg
new file mode 100644
index 0000000000..456b2a555e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_solid_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m8.003 2c-3.311 0-6.003 2.694-6.003 5.996 0 3.292 2.676 6.004 6.004 6.004a6 6 0 0 0 0-12zm2.122 2.5 1.375 1.406-2.094 2.094 2.094 2.094-1.406 1.406-2.094-2.094-2.094 2.094-1.406-1.406 2.094-2.094-2.094-2.094 1.406-1.406 2.094 2.094z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_solid_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_solid_20.svg
new file mode 100644
index 0000000000..89465eefaf
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c4.406 0 8 3.594 8 8s-3.594 8-8 8-8-3.594-8-8 3.594-8 8-8zm2.875 3.75-2.844 2.813-2.811-2.813-1.408 1.406 2.814 2.844-2.813 2.844 1.407 1.406 2.812-2.844 2.844 2.844 1.406-1.406-2.845-2.844 2.844-2.844z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_solid_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_solid_24.svg
new file mode 100644
index 0000000000..445f5d2f97
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2a9.99 9.99 0 0 1 10 10 9.99 9.99 0 0 1 -10 10 9.99 9.99 0 0 1 -10-10 9.99 9.99 0 0 1 10-10zm3.5 5.5c-.25 0-.469.094-.719.313l-2.781 2.779-2.781-2.81c-.188-.187-.5-.281-.719-.281-.469 0-1 .375-1 1 0 .219.063.469.281.719l2.813 2.78-2.814 2.813a1.026 1.026 0 0 0 -.281.687c0 .469.375 1 1 1 .219 0 .469-.094.688-.281l2.813-2.813 2.781 2.813c.188.187.5.281.719.281.469 0 1-.375 1-1a.94.94 0 0 0 -.281-.688l-2.813-2.812 2.781-2.781a.999.999 0 0 0 .313-.719c0-.531-.438-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_solid_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_solid_32.svg
new file mode 100644
index 0000000000..741d111b86
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_cancel_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c7.719 0 14 6.281 14 14s-6.281 14-14 14-14-6.281-14-14 6.281-14 14-14zm5.563 7.5a.994.994 0 0 0 -.712.289l-4.851 4.836-4.914-4.899c-.172-.171-.399-.226-.617-.226-.531 0-.969.406-.969.938 0 .25.086.507.289.71l4.836 4.852-4.899 4.914c-.171.172-.226.398-.226.617 0 .532.406.969.938.969a.99.99 0 0 0 .71-.289l4.852-4.836 4.914 4.899c.172.171.398.226.617.226.532 0 .969-.406.969-.938a.994.994 0 0 0 -.289-.71l-4.836-4.852 4.899-4.914c.171-.172.226-.399.226-.617 0-.531-.406-.969-.938-.969z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_left_16.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_left_16.svg
new file mode 100644
index 0000000000..b4b5a6522c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_left_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m10.464 8.706-3.532 3.532a.998.998 0 1 1 -1.413-1.413l2.825-2.825-2.824-2.824a.998.998 0 1 1 1.413-1.413l3.532 3.532a.999.999 0 0 1 0 1.413v-.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(-1 0 0 1 15.983 0)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_left_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_left_20.svg
new file mode 100644
index 0000000000..b44ffc2024
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_left_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13 15.006c0 .53-.431.994-.995.994-.266 0-.531-.133-.697-.298l-5.01-5.006a1.01 1.01 0 0 1 -.298-.696c0-.227.073-.455.22-.62l5.088-5.082c.166-.199.431-.298.697-.298.564 0 .995.464.995.994 0 .266-.1.53-.299.73l-4.28 4.276 4.28 4.276c.2.2.299.464.299.73z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_left_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_left_24.svg
new file mode 100644
index 0000000000..b0f577a8c8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_left_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m15 18c0 .563-.438 1-1 1-.25 0-.5-.125-.688-.313l-6.03-5.968a1.044 1.044 0 0 1 -.282-.719c0-.25.094-.531.281-.719l6.032-5.969c.187-.187.437-.312.687-.312.563 0 1 .438 1 1 0 .281-.094.5-.281.719l-5.281 5.281 5.28 5.281a.99.99 0 0 1 .282.719z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_left_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_left_32.svg
new file mode 100644
index 0000000000..ff3c42c310
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_left_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m20 24c0 .562-.406 1-1 1a1.1 1.1 0 0 1 -.719-.282l-8-8a1.101 1.101 0 0 1 -.281-.718c0-.25.094-.5.281-.719l8-8c.219-.187.469-.281.719-.281s.5.094.719.281a1.1 1.1 0 0 1 .28.72c0 .249-.093.499-.28.718l-7.313 7.28 7.313 7.282c.187.219.28.469.281.719z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_right_16.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_right_16.svg
new file mode 100644
index 0000000000..9910dde5c7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_right_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m10.464 8.706-3.532 3.532a.998.998 0 1 1 -1.413-1.413l2.825-2.825-2.824-2.824a.998.998 0 1 1 1.413-1.413l3.532 3.532a.999.999 0 0 1 0 1.413v-.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_right_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_right_20.svg
new file mode 100644
index 0000000000..ffd20909c7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_right_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7 15.006c0 .53.431.994.995.994.266 0 .531-.133.697-.298l5.01-5.006c.198-.199.298-.464.298-.696 0-.265-.1-.53-.299-.696l-5.01-5.006c-.164-.198-.429-.298-.695-.298a.998.998 0 0 0 -.996.994c0 .266.1.53.299.73l4.28 4.276-4.28 4.276c-.2.2-.299.464-.299.73z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_right_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_right_24.svg
new file mode 100644
index 0000000000..91f542c660
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_right_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m9 18c0 .563.438 1 1 1 .25 0 .5-.125.688-.313l6.03-5.968c.188-.188.282-.469.282-.719s-.094-.531-.281-.719l-6.032-5.969c-.187-.187-.437-.312-.687-.312-.563 0-1 .438-1 1 0 .281.094.5.281.719l5.281 5.281-5.28 5.281a.99.99 0 0 0 -.282.719z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_right_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_right_32.svg
new file mode 100644
index 0000000000..5c9ec063d9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_chevron_right_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m12 24c0 .562.406 1 1 1 .25 0 .5-.094.719-.282l8-8a1.1 1.1 0 0 0 .281-.718c0-.25-.094-.5-.281-.719l-8-8a1.101 1.101 0 0 0 -.719-.281c-.25 0-.5.094-.719.281a1.1 1.1 0 0 0 -.28.72c0 .249.093.499.28.718l7.313 7.28-7.313 7.282a1.102 1.102 0 0 0 -.281.719z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_close_16.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_close_16.svg
new file mode 100644
index 0000000000..ea82ee7852
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_close_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m9.404 8 2.825-2.825a.998.998 0 1 0 -1.412-1.413l-2.825 2.825-2.825-2.825a.998.998 0 1 0 -1.413 1.413l2.825 2.825-2.825 2.824a.998.998 0 1 0 1.413 1.413l2.825-2.825 2.825 2.825a.998.998 0 1 0 1.412-1.413z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_close_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_close_20.svg
new file mode 100644
index 0000000000..7f802830ce
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_close_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m4 15a.99.99 0 0 1 .281-.719l4.282-4.281-4.283-4.313a.97.97 0 0 1 -.28-.687c0-.5.406-1 1-1 .25 0 .5.094.688.281l4.312 4.282 4.313-4.282a.97.97 0 0 1 .687-.281c.531 0 1 .438 1 1 0 .25-.094.5-.281.688l-4.281 4.312 4.28 4.281a.99.99 0 0 1 .282.719c0 .531-.438 1-1 1a.99.99 0 0 1 -.719-.281l-4.281-4.313-4.281 4.314a.99.99 0 0 1 -.719.28c-.563 0-1-.469-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_close_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_close_24.svg
new file mode 100644
index 0000000000..17a7a121fd
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_close_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m5 18c0-.281.094-.5.281-.688l5.313-5.312-5.314-5.313a1.03 1.03 0 0 1 -.249-.687c0-.563.438-.969.969-.969.281 0 .5.094.688.25l5.312 5.313 5.313-5.313a.92.92 0 0 1 .687-.281c.563 0 1 .438 1 1 0 .281-.094.5-.313.688l-5.28 5.312 5.28 5.313a.844.844 0 0 1 .313.687.98.98 0 0 1 -.969 1 .915.915 0 0 1 -.718-.313l-5.313-5.28-5.313 5.28a.915.915 0 0 1 -.717.313.98.98 0 0 1 -.97-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_close_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_close_32.svg
new file mode 100644
index 0000000000..411942990a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_close_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m7.618 6.194 8.382 8.382 8.293-8.276a.957.957 0 0 1 .704-.299c.55 0 1.003.42 1.003 1.003 0 .26-.065.453-.29.68l-8.287 8.316 8.285 8.317a.987.987 0 0 1 .291.68.988.988 0 0 1 -1.002 1.003c-.26 0-.453-.065-.68-.29l-8.317-8.287-8.293 8.277a.957.957 0 0 1 -.704.299.988.988 0 0 1 -1.003-1.002c0-.26.065-.453.29-.68l8.287-8.317-8.286-8.317a.988.988 0 0 1 -.291-.68c0-.55.42-1.003 1.003-1.003.194 0 .42.065.615.194z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_less_16.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_less_16.svg
new file mode 100644
index 0000000000..c5771ad304
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_less_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m10.472 8.696-3.532 3.534a.998.998 0 1 1 -1.413-1.413l2.825-2.825-2.825-2.825a.998.998 0 1 1 1.413-1.413l3.532 3.532a.999.999 0 0 1 0 1.412z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(0 -1 -1 0 15.99 15.99)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_less_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_less_20.svg
new file mode 100644
index 0000000000..6406733794
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_less_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m4.994 13a.998.998 0 0 1 -.994-.995c0-.266.133-.531.298-.697l5.006-5.01c.199-.198.464-.298.696-.298.227 0 .455.073.62.22l5.082 5.088c.199.166.298.431.298.697a.998.998 0 0 1 -.994.995c-.266 0-.53-.1-.73-.299l-4.276-4.28-4.276 4.28c-.2.2-.464.299-.73.299z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_less_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_less_24.svg
new file mode 100644
index 0000000000..d717a3aac9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_less_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18 15c.563 0 1-.438 1-1 0-.25-.125-.5-.313-.688l-5.968-6.03a1.044 1.044 0 0 0 -.719-.282c-.25 0-.531.094-.719.281l-5.969 6.032c-.187.187-.312.437-.312.687 0 .563.438 1 1 1 .281 0 .5-.094.719-.281l5.281-5.281 5.281 5.28a.99.99 0 0 0 .719.282z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_less_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_less_32.svg
new file mode 100644
index 0000000000..fe882dc9a4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_less_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m24 20c.562 0 1-.407 1-1 0-.25-.094-.5-.281-.719l-8-8a1.101 1.101 0 0 0 -.719-.281c-.25 0-.5.094-.719.281l-8 8a1.101 1.101 0 0 0 -.28.719c0 .25.093.5.28.718a1.1 1.1 0 0 0 .72.282c.25 0 .5-.094.718-.282l7.281-7.312 7.281 7.312a1.1 1.1 0 0 0 .719.282z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_more_16.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_more_16.svg
new file mode 100644
index 0000000000..251ada0607
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_more_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m10.472 8.696-3.532 3.534a.998.998 0 1 1 -1.413-1.413l2.825-2.825-2.825-2.825a.998.998 0 1 1 1.413-1.413l3.532 3.532a.999.999 0 0 1 0 1.412z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(0 1 -1 0 15.991 -.009)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_more_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_more_20.svg
new file mode 100644
index 0000000000..b2850ebde4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_more_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m4.994 7a.998.998 0 0 0 -.994.995c0 .266.133.531.298.697l5.006 5.01c.199.198.464.298.696.298a.936.936 0 0 0 .62-.22l5.082-5.088c.199-.166.298-.431.298-.697a.998.998 0 0 0 -.994-.995c-.266 0-.53.1-.73.299l-4.276 4.28-4.276-4.28a1.028 1.028 0 0 0 -.73-.299z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_more_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_more_24.svg
new file mode 100644
index 0000000000..a7ec3de813
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_more_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18 9c.563 0 1 .438 1 1 0 .25-.125.5-.313.688l-5.968 6.03a1.044 1.044 0 0 1 -.719.282c-.25 0-.531-.094-.719-.281l-5.969-6.032c-.187-.187-.312-.437-.312-.687 0-.563.438-1 1-1 .281 0 .5.094.719.281l5.281 5.281 5.281-5.28a.99.99 0 0 1 .719-.282z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_more_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_more_32.svg
new file mode 100644
index 0000000000..c52229e0cf
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_expand_more_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m24 12c.562 0 1 .406 1 1 0 .25-.094.5-.281.719l-8 8a1.101 1.101 0 0 1 -.719.28c-.25 0-.5-.093-.719-.28l-8-8a1.101 1.101 0 0 1 -.28-.719c0-.25.093-.5.28-.719a1.1 1.1 0 0 1 .72-.28c.25 0 .5.093.718.28l7.281 7.313 7.281-7.313c.219-.187.469-.281.719-.281z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_fullscreen_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_fullscreen_20.svg
new file mode 100644
index 0000000000..1f2b91418d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_fullscreen_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m4 12c.563 0 1.031.438 1.031 1v2h1.969c.563 0 1 .438 1 1 0 .531-.438 1-1 1h-3c-.531 0-1-.469-1-1v-3c0-.563.469-1 1-1zm11.969.031c.562 0 1 .438 1 1v2.969c0 .531-.438 1-1 1h-3c-.563 0-1-.469-1-1 0-.563.437-1 1-1h2v-1.969c0-.562.469-1 1-1zm.031-9.031c.531 0 1 .469 1 1v3c0 .563-.469 1-1 1-.563 0-1.031-.438-1.031-1v-2h-1.969c-.563 0-1-.438-1-1 0-.531.438-1 1-1zm-9 0c.563 0 1 .469 1 1 0 .563-.438 1-1 1h-2v2c0 .563-.438 1-1 1-.531 0-1-.438-1-1v-3c0-.531.469-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_fullscreen_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_fullscreen_24.svg
new file mode 100644
index 0000000000..00ae99cb04
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_fullscreen_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m4 14c.469 0 1 .406 1 1.031v3.969h4.031c.531 0 .969.469.969 1a.98.98 0 0 1 -.969 1h-5.031c-.563 0-1-.438-1-1v-4.969c0-.594.438-1.031 1-1.031zm16 0c.563 0 1 .469 1 1.031v4.969c0 .563-.438 1-1 1h-5.031a.98.98 0 0 1 -.969-1c0-.531.438-1 .969-1h4.031v-3.969c0-.562.438-1.031 1-1.031zm0-11c.563 0 1 .438 1 1v5c0 .594-.438 1-1 1-.563 0-1-.438-1-1v-4h-4.031a.98.98 0 0 1 -.969-1c0-.531.438-1 .969-1zm-10.969 0c.531 0 .969.469.969 1a.98.98 0 0 1 -.969 1h-4.031v4c0 .594-.438 1-1 1-.563 0-1-.438-1-1v-5c0-.563.438-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_fullscreen_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_fullscreen_32.svg
new file mode 100644
index 0000000000..15eaa84de6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_fullscreen_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m3 28v-7c0-.595.406-1 1-1s1 .4 1 1v6h6c.563 0 1 .406 1 1 0 .563-.375 1-1 1h-7c-.594 0-1-.405-1-1zm26 0c0 .595-.406 1-1 1h-7c-.625 0-1-.438-1-1 0-.594.438-1 1-1h6v-6c0-.6.406-1 1-1s1 .405 1 1zm0-24v7c0 .595-.406 1-1 1s-1-.4-1-1v-6h-6c-.563 0-1-.406-1-1 0-.563.375-1 1-1h7c.594 0 1 .405 1 1zm-26 0c0-.595.406-1 1-1h7c.625 0 1 .438 1 1 0 .594-.438 1-1 1h-6v6c0 .6-.406 1-1 1s-1-.405-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_fullscreen_exit_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_fullscreen_exit_20.svg
new file mode 100644
index 0000000000..b425b0ce63
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_fullscreen_exit_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m4.01 11.01 3.99-.01c.553 0 .99.465.99 1.019l.01 3.981a1 1 0 1 1 -2 0v-3h-3c-.554 0-1-.447-1-1s.456-.99 1.01-.99zm11.99-.01a1 1 0 0 1 1 1c0 .553-.48 1-1 1h-3v3a1 1 0 1 1 -2 0l.01-3.981c0-.554.437-1.019.99-1.019zm.005-2h-4.005a1 1 0 0 1 -1-1l.01-3.99c0-.554.418-1 .971-1 .554 0 1.019.474 1.019 1.027v2.963h2.995c.521 0 1.005.447 1.005 1s-.442 1-.995 1zm-11.996-.01a.999.999 0 0 1 -1.009-.99c0-.553.446-1 1-1h3v-2.963c0-.553.428-1.037.981-1.037.554 0 1.01.456 1.01 1.01l.009 3.99a1 1 0 0 1 -1 1l-3.99-.01z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_fullscreen_exit_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_fullscreen_exit_24.svg
new file mode 100644
index 0000000000..252c8defe0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_fullscreen_exit_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m9.031 21c-.5 0-1.031-.406-1.031-1.031v-3.969h-4c-.531 0-1-.469-1-1.031 0-.531.469-.969 1-.969h5a.98.98 0 0 1 1 .969v5c0 .561-.438 1.031-.969 1.031zm6.969-1.031c0 .625-.531 1.031-1.031 1.031-.531 0-.969-.469-.969-1.031v-5a.98.98 0 0 1 1-.969h5c.531 0 1 .438 1 .969 0 .561-.469 1.031-1 1.031h-4zm-1.031-16.969c.5 0 1.031.406 1.031 1.031v3.969h4c.531 0 1 .469 1 1.031 0 .531-.469.969-1 .969h-5a.98.98 0 0 1 -1-.969v-5c0-.561.438-1.031.969-1.031zm-6.969 1.031c0-.625.531-1.031 1.031-1.031.531 0 .969.469.969 1.031v5a.98.98 0 0 1 -1 .969h-5c-.531 0-1-.438-1-.969 0-.561.469-1.031 1-1.031h4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_fullscreen_exit_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_fullscreen_exit_32.svg
new file mode 100644
index 0000000000..f833998a54
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_fullscreen_exit_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m12 21v7c0 .595-.406 1-1 1s-1-.4-1-1v-6h-6c-.563 0-1-.406-1-1 0-.563.375-1 1-1h7c.594 0 1 .405 1 1zm8 0c0-.595.406-1 1-1h7c.625 0 1 .438 1 1 0 .594-.438 1-1 1h-6v6c0 .6-.406 1-1 1s-1-.405-1-1zm0-10v-7c0-.595.406-1 1-1s1 .4 1 1v6h6c.563 0 1 .406 1 1 0 .563-.375 1-1 1h-7c-.594 0-1-.405-1-1zm-8 0c0 .595-.406 1-1 1h-7c-.625 0-1-.438-1-1 0-.594.438-1 1-1h6v-6c0-.6.406-1 1-1s1 .405 1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_grid_view_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_grid_view_20.svg
new file mode 100644
index 0000000000..510fe88a45
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_grid_view_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16.001 11.002a.998.998 0 0 1 .999 1v4.006a1 1 0 0 1 -.999.997h-4.002a1 1 0 0 1 -.999-1v-4.003a1 1 0 0 1 .999-1zm-8 0a.998.998 0 0 1 .999 1v4.006a1 1 0 0 1 -1.002.997h-3.999a1 1 0 0 1 -.999-1v-4.003a1 1 0 0 1 .999-1zm-1.001 2h-2v2.003h2zm8 0h-2v2.003h2zm1.001-10.007a1 1 0 0 1 .999 1v4.001a.999.999 0 0 1 -.999 1h-4.002a.999.999 0 0 1 -.999-1v-4.002a.999.999 0 0 1 .999-.999zm-8 0a1 1 0 0 1 .999 1v4.001a.999.999 0 0 1 -1.002 1h-3.999a.999.999 0 0 1 -.999-1v-4.002a1 1 0 0 1 .999-.999zm6.999 2.005h-2v2h2zm-8 0h-2v2h2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_grid_view_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_grid_view_24.svg
new file mode 100644
index 0000000000..6432ad1e6f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_grid_view_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.251 12.998a1.751 1.751 0 0 1 1.749 1.748v4.503a1.751 1.751 0 0 1 -1.749 1.749h-4.503a1.75 1.75 0 0 1 -1.748-1.749v-4.503a1.75 1.75 0 0 1 1.748-1.748zm-10 0a1.75 1.75 0 0 1 1.749 1.748v4.503a1.75 1.75 0 0 1 -1.748 1.749h-4.504a1.75 1.75 0 0 1 -1.748-1.749v-4.503a1.75 1.75 0 0 1 1.748-1.748h4.504zm9.749 2h-4v4h4zm-10 0h-4v4h4zm10.251-11.996a1.751 1.751 0 0 1 1.749 1.749v4.503a1.751 1.751 0 0 1 -1.749 1.748h-4.503a1.75 1.75 0 0 1 -1.748-1.748v-4.504a1.75 1.75 0 0 1 1.748-1.749h4.503zm-10 0a1.75 1.75 0 0 1 1.749 1.749v4.503a1.75 1.75 0 0 1 -1.748 1.748h-4.504a1.75 1.75 0 0 1 -1.748-1.748v-4.504a1.75 1.75 0 0 1 1.748-1.749h4.504zm9.749 1.996h-4v4h4zm-10 0h-4v4h4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_grid_view_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_grid_view_32.svg
new file mode 100644
index 0000000000..60af46eafa
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_grid_view_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m26.1 18a2.9 2.9 0 0 1 2.9 2.9v5.2a2.9 2.9 0 0 1 -2.9 2.9h-5.208a2.9 2.9 0 0 1 -2.892-2.9v-5.2a2.9 2.9 0 0 1 2.9-2.9zm0 2h-5.2a.9.9 0 0 0 -.9.9v5.2a.9.9 0 0 0 .9.9h5.2a.9.9 0 0 0 .9-.9v-5.2a.9.9 0 0 0 -.9-.9zm.002-17c1.6 0 2.898 1.298 2.898 2.899v5.197a2.9 2.9 0 0 1 -2.898 2.904h-5.204a2.898 2.898 0 0 1 -2.898-2.899v-5.201c0-1.602 1.297-2.9 2.898-2.9zm-.001 2-5.202.005a.9.9 0 0 0 -.899.9v5.195a.9.9 0 0 0 .9.899h5.2a.9.9 0 0 0 .9-.9v-5.199a.9.9 0 0 0 -.9-.9zm-15.001 13a2.9 2.9 0 0 1 2.9 2.9v5.2a2.9 2.9 0 0 1 -2.9 2.9h-5.2a2.9 2.9 0 0 1 -2.9-2.9v-5.2a2.9 2.9 0 0 1 2.9-2.9zm0 2h-5.2a.9.9 0 0 0 -.9.9v5.2a.9.9 0 0 0 .9.9h5.2a.9.9 0 0 0 .9-.9v-5.2a.9.9 0 0 0 -.9-.9zm.001-17a2.9 2.9 0 0 1 2.899 2.899v5.197a2.899 2.899 0 0 1 -2.896 2.904h-5.204a2.899 2.899 0 0 1 -2.9-2.899v-5.201a2.9 2.9 0 0 1 2.899-2.9h5.201zm.003 2-5.202.005a.9.9 0 0 0 -.899.9v5.195a.9.9 0 0 0 .9.899h5.2a.9.9 0 0 0 .9-.9v-5.199a.9.9 0 0 0 -.9-.9z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_grid_view_solid_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_grid_view_solid_20.svg
new file mode 100644
index 0000000000..182360e68b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_grid_view_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16.001 8.995h-4.002a.999.999 0 0 1 -.999-.999v-4.002a.999.999 0 0 1 .999-.999h4.002a1 1 0 0 1 .999 1v4.001a.999.999 0 0 1 -.999 1zm0 8.01h-4.002a1 1 0 0 1 -.999-1v-4.003a1 1 0 0 1 .999-1h4.002a.998.998 0 0 1 .999 1v4.006a1 1 0 0 1 -.999.997zm-8.003-8.01h-3.999a.999.999 0 0 1 -.999-.999v-4.002a1 1 0 0 1 .999-.999h4.002a1 1 0 0 1 .999 1v4.001a.999.999 0 0 1 -1.002 1zm0 8.01h-3.999a1 1 0 0 1 -.999-1v-4.003a1 1 0 0 1 .999-1h4.002a.998.998 0 0 1 .999 1v4.006a1 1 0 0 1 -1.002.997z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_link_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_link_20.svg
new file mode 100644
index 0000000000..0d17d216bf
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_link_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7.5 14.006c0 .53.431.994.995.994.266 0 .531-.133.697-.298l4.01-4.006c.198-.199.298-.464.298-.696 0-.265-.1-.53-.299-.696l-4.01-4.006c-.164-.198-.429-.298-.695-.298a.998.998 0 0 0 -.995.994c0 .266.1.53.299.73l3.279 3.276-3.28 3.276c-.2.2-.299.464-.299.73z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_link_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_link_24.svg
new file mode 100644
index 0000000000..031b4b05a5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_link_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m9.5 17.006c0 .53.431.994.995.994.266 0 .531-.133.697-.298l5.01-5.006c.198-.199.298-.464.298-.696 0-.265-.1-.53-.299-.696l-5.01-5.006c-.164-.198-.429-.298-.695-.298a.998.998 0 0 0 -.995.994c0 .266.1.53.299.73l4.279 4.276-4.28 4.276c-.2.2-.299.464-.299.73z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_link_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_link_32.svg
new file mode 100644
index 0000000000..6197dd0097
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_link_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m14.012 22.945a1 1 0 0 1 -.707-1.707l4.76-4.759-4.76-4.76a1 1 0 1 1 1.414-1.414l5.466 5.467a1 1 0 0 1 0 1.414l-5.466 5.466a1 1 0 0 1 -.707.293z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_link_external_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_link_external_20.svg
new file mode 100644
index 0000000000..a93dc1de52
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_link_external_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7.008 5h6.997c.514 0 .995.385.995.899v7.093c0 .513-.45.994-.995.994a.98.98 0 0 1 -.995-.994v-4.59l-5.84 5.841c-.16.193-.385.257-.61.257a1.068 1.068 0 0 1 -1.059-1.06c0-.192.064-.416.193-.545l5.905-5.905h-4.59a.973.973 0 0 1 -.994-.963c0-.546.417-1.027.994-1.027z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_link_external_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_link_external_24.svg
new file mode 100644
index 0000000000..095adda539
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_link_external_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.031 18a.953.953 0 0 0 .657-.281l8.312-8.313v5.594c0 .594.469 1.031 1 1.031s1-.468 1-1.031v-8.094c0-.531-.469-.906-1-.906h-8c-.594 0-1 .469-1 1 0 .5.469 1 1 1h5.594l-8.375 8.375c-.157.156-.219.406-.219.594-0 .593.438 1.031 1.031 1.031z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_link_external_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_link_external_32.svg
new file mode 100644
index 0000000000..6b735a5416
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_link_external_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m8 22.97a.83.83 0 0 1 .228-.58l11.356-11.426h-8.59c-.456 0-1.01-.29-1.01-.934 0-.547.424-1.03 1.01-1.03h10.996c.52 0 1.009.386 1.009.837v11.008c0 .548-.456.998-1.009.998-.52 0-1.008-.386-1.008-.869v-8.626l-11.257 11.362a1.015 1.015 0 0 1 -1.725-.74z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_list_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_list_20.svg
new file mode 100644
index 0000000000..1e5c235700
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_list_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.014 16h7.005c.523 0 .981-.459.981-1.016 0-.525-.458-.984-.981-.984h-7.005c-.556 0-1.014.459-1.014.984a1.02 1.02 0 0 0 1.014 1.016zm-4.992 0h.989c.527 0 .989-.459.989-1.016 0-.525-.462-.984-.989-.984h-.989c-.56 0-1.022.459-1.022.984 0 .556.462 1.016 1.022 1.016zm4.992-5h7.005c.523 0 .981-.452.981-1s-.458-1-.981-1h-7.005c-.556 0-1.014.452-1.014 1s.458 1 1.014 1zm-4.992 0h.989c.527 0 .989-.452.989-1s-.462-1-.989-1h-.989c-.56 0-1.022.452-1.022 1s.462 1 1.022 1zm4.992-5h7.005c.523 0 .981-.459.981-1.016 0-.525-.458-.984-.981-.984h-7.005c-.556 0-1.014.459-1.014.984a1.02 1.02 0 0 0 1.014 1.016zm-4.992 0h.989c.527 0 .989-.459.989-1.016 0-.525-.462-.984-.989-.984h-.989c-.56 0-1.022.459-1.022.984 0 .556.462 1.016 1.022 1.016z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_list_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_list_24.svg
new file mode 100644
index 0000000000..be9b5e0e1d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_list_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10.007 19h8.986a.996.996 0 0 0 1.007-1.016c0-.525-.455-.984-1.007-.984h-8.986c-.552 0-1.007.46-1.007.984a.996.996 0 0 0 1.007 1.016zm-5.007 0h1c.58 0 1-.426 1-1.016a.986.986 0 0 0 -1-.984h-1c-.548 0-1 .46-1 .984a.993.993 0 0 0 1 1.016zm5.007-5.998h8.986c.552 0 1.007-.452 1.007-1s-.455-1-1.007-1h-8.986c-.552 0-1.007.452-1.007 1s.455 1 1.007 1zm-5.007 0h1c.58 0 1-.452 1-1s-.42-1-1-1h-1c-.548 0-1 .452-1 1s.452 1 1 1zm5.007-6.002h8.986a.989.989 0 0 0 1.007-.984c0-.556-.455-1.016-1.007-1.016h-8.986c-.552 0-1.007.459-1.007 1.016 0 .558.455.984 1.007.984zm-5.007 0h1c.58 0 1-.426 1-.984 0-.556-.42-1.016-1-1.016h-1c-.548 0-1 .459-1 1.016 0 .558.452.984 1 .984z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_list_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_list_32.svg
new file mode 100644
index 0000000000..669cf1fb6c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_list_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m11 24h15c.563 0 1-.437 1-1 0-.562-.438-1-1-1h-15c-.563 0-1 .438-1 1 0 .563.438 1 1 1zm-5 0h1c.563 0 1-.437 1-1 0-.562-.438-1-1-1h-1c-.563 0-1 .438-1 1 0 .563.438 1 1 1zm20-7c.563 0 1-.437 1-1 0-.562-.438-1-1-1h-15c-.563 0-1 .438-1 1 0 .563.438 1 1 1zm-19 0c.563 0 1-.437 1-1 0-.562-.438-1-1-1h-1c-.563 0-1 .438-1 1 0 .563.438 1 1 1zm19-7c.563 0 1-.437 1-1 0-.562-.438-1-1-1h-15c-.563 0-1 .438-1 1 0 .563.438 1 1 1zm-19 0c.563 0 1-.437 1-1 0-.562-.438-1-1-1h-1c-.563 0-1 .438-1 1 0 .563.438 1 1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_menu_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_menu_20.svg
new file mode 100644
index 0000000000..d5bb18f415
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_menu_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m3 10c0-.563.438-1 1-1h8.719c.562 0 1 .438 1 1 0 .531-.438 1-1 1h-8.719c-.563 0-1-.469-1-1zm0 5c0-.563.438-1 1-1h12c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-12c-.563 0-1-.438-1-1zm0-10c0-.563.438-1 1-1h12c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-12c-.563 0-1-.438-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_menu_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_menu_24.svg
new file mode 100644
index 0000000000..82b3f2207e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_menu_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m4 18c0-.531.469-1 1.031-1h13.939c.562 0 1.031.469 1.031 1 0 .563-.469 1-1.031 1h-13.94c-.56 0-1.03-.438-1.03-1zm0-6c0-.531.469-1 1.031-1h10.469c.531 0 1 .469 1 1s-.469 1-1 1h-10.469c-.561 0-1.031-.469-1.031-1zm0-6c0-.563.469-1 1.031-1h13.939c.56 0 1.03.438 1.03 1 0 .531-.469 1-1.031 1h-13.939c-.56 0-1.03-.469-1.03-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_menu_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_menu_32.svg
new file mode 100644
index 0000000000..5134232b83
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_menu_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m5 22.984c0-.476.281-.984 1-.984h20c.563 0 1 .445 1 1.016 0 .476-.281.984-1 .984h-20c-.563 0-1-.444-1-1.016zm0-7c0-.476.281-.984 1-.984h16c.563 0 1 .445 1 1.016 0 .476-.281.984-1 .984h-16c-.563 0-1-.444-1-1.016zm0-7c0-.476.281-.984 1-.984h20c.563 0 1 .444 1 1.016 0 .476-.281.984-1 .984h-20c-.563 0-1-.445-1-1.016z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_more_horizontal_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_more_horizontal_20.svg
new file mode 100644
index 0000000000..5c69f497bc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_more_horizontal_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 11.25a1.25 1.25 0 1 1 0-2.501 1.25 1.25 0 0 1 0 2.501zm4 0a1.25 1.25 0 1 1 0-2.501 1.25 1.25 0 0 1 0 2.501zm-8 0a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_more_horizontal_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_more_horizontal_24.svg
new file mode 100644
index 0000000000..5ad2eafce6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_more_horizontal_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m5 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm7 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm7 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_more_horizontal_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_more_horizontal_32.svg
new file mode 100644
index 0000000000..674a9d7774
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_more_horizontal_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m8 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_more_vertical_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_more_vertical_20.svg
new file mode 100644
index 0000000000..5522ea280f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_more_vertical_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m11.25 10a1.25 1.25 0 1 1 -2.501 0 1.25 1.25 0 0 1 2.501 0zm0-4a1.25 1.25 0 1 1 -2.501 0 1.25 1.25 0 0 1 2.501 0zm0 8a1.25 1.25 0 1 1 -2.5 0 1.25 1.25 0 0 1 2.5 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_more_vertical_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_more_vertical_24.svg
new file mode 100644
index 0000000000..baca96733e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_more_vertical_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m5 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm7 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm7 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(0 1 -1 0 24 0)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_more_vertical_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_more_vertical_32.svg
new file mode 100644
index 0000000000..81e79da698
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_more_vertical_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m14 8a2 2 0 1 0 4 0 2 2 0 0 0 -4 0zm0 8a2 2 0 1 0 4 0 2 2 0 0 0 -4 0zm0 8a2 2 0 1 0 4 0 2 2 0 0 0 -4 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_refresh_20.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_refresh_20.svg
new file mode 100644
index 0000000000..7834caee74
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_refresh_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m3 9.949c0-2.683 1.734-4.743 4.416-5.463l-.981-.621a1.097 1.097 0 0 1 -.426-.884c0-.556.426-.981.982-.981.196 0 .392.065.556.163l3.01 2.029c.228.13.457.425.457.817a1.1 1.1 0 0 1 -.163.556l-2.029 3.01a1.043 1.043 0 0 1 -.883.458.957.957 0 0 1 -.948-.982c0-.229.065-.425.163-.588l.687-1.014c-1.668.327-2.846 1.799-2.846 3.5 0 1.275.622 2.486 1.603 3.27a.994.994 0 0 1 .393.818.984.984 0 0 1 -.982.982c-.229 0-.458-.066-.621-.197-1.505-1.21-2.388-2.976-2.388-4.872zm14.014.154c0 2.682-1.734 4.743-4.416 5.462l.981.622c.295.229.458.556.458.883 0 .556-.458.981-1.014.981-.196 0-.392-.065-.556-.163l-3.01-2.028a.948.948 0 0 1 -.457-.818c0-.229.065-.392.164-.556l2.028-3.01c.196-.294.523-.457.883-.457.49 0 .981.392.981.981 0 .196-.098.425-.196.589l-.687 1.014c1.668-.327 2.846-1.8 2.846-3.5 0-1.276-.622-2.486-1.603-3.304-.262-.163-.393-.49-.393-.785 0-.49.393-1.014 1.014-1.014.197 0 .426.098.59.229 1.536 1.21 2.387 2.977 2.387 4.874z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_refresh_24.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_refresh_24.svg
new file mode 100644
index 0000000000..dcb5913890
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_refresh_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.375 18c-.25 0-.438-.094-.625-.25-1.813-1.531-2.75-3.75-2.75-6.094 0-3.344 2.25-6.25 5.5-7l-1.281-.75c-.313-.219-.5-.562-.5-.875 0-.562.437-1.031 1-1.031.187 0 .375.063.5.156l3.469 2.063c.312.187.5.562.5.875 0 .156-.063.343-.157.5l-2.061 3.436c-.188.313-.531.5-.875.5-.563 0-.969-.469-.969-1 0-.187.031-.375.125-.531l.875-1.438c-2.439.471-4.126 2.595-4.126 5.096 0 1.75.688 3.406 2.031 4.563.219.187.313.5.313.781 0 .625-.438 1-.969 1zm9.25-12c.25 0 .438.094.625.25 1.813 1.531 2.75 3.75 2.75 6.094 0 3.344-2.25 6.25-5.5 7l1.281.75c.344.187.5.562.5.875 0 .562-.437 1.031-1 1.031a.865.865 0 0 1 -.5-.156l-3.469-2.063a1.077 1.077 0 0 1 -.5-.875c0-.156.063-.343.157-.5l2.062-3.437c.188-.313.531-.5.875-.5.563 0 .969.469.969 1 0 .187-.031.375-.125.531l-.875 1.438c2.438-.47 4.125-2.594 4.125-5.094 0-1.75-.688-3.406-2.031-4.563-.219-.187-.313-.5-.313-.781 0-.625.438-1 .969-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/navigation/db_ic_refresh_32.svg b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_refresh_32.svg
new file mode 100644
index 0000000000..312168f20f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/navigation/db_ic_refresh_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m5 16.032c0-5.161 3.613-9.613 8.645-10.645l-2.484-1.484a1.022 1.022 0 0 1 -.484-.845c0-.314.17-1.058.972-1.058.19 0 .409.071.703.251l4.456 2.717c.265.161.515.451.515.798 0 .17-.045.36-.162.557l-2.742 4.612a.988.988 0 0 1 -.861.484c-.567 0-1.01-.451-1.01-1.007 0-.154.035-.352.13-.509l1.58-2.613c-4.097.775-7.258 4.355-7.258 8.742a8.954 8.954 0 0 0 3.585 7.188c.293.22.415.522.415.825 0 .561-.42.987-1 .987a.989.989 0 0 1 -.61-.198 11.086 11.086 0 0 1 -4.39-8.802zm9.677 10.268c0-.17.045-.36.162-.557l2.742-4.613a.988.988 0 0 1 .861-.484c.567 0 1.01.452 1.01 1.007 0 .154-.035.352-.13.51l-1.58 2.612c4.097-.775 7.258-4.355 7.258-8.743a8.954 8.954 0 0 0 -3.585-7.188 1.003 1.003 0 0 1 -.415-.824c0-.562.42-.988 1-.988.226 0 .433.065.61.198 2.745 2.082 4.39 5.35 4.39 8.802 0 5.162-3.613 9.613-8.645 10.645l2.484 1.484c.29.174.484.516.484.846 0 .313-.17 1.058-.972 1.058-.093 0-.344-.032-.61-.194l-4.549-2.774c-.265-.161-.515-.452-.515-.799z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_20.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_20.svg
new file mode 100644
index 0000000000..edd95f5305
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c4.406 0 8 3.594 8 8s-3.594 8-8 8-8-3.594-8-8 3.594-8 8-8zm0 2c-3.313 0-6 2.688-6 6 0 3.313 2.688 6 6 6 3.313 0 6-2.688 6-6 0-3.313-2.688-6-6-6zm0 8c.563 0 1 .444 1 .984a.995.995 0 0 1 -1 1.016c-.531 0-1-.444-1-1.016 0-.54.469-.984 1-.984zm1-6v5h-2v-5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_24.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_24.svg
new file mode 100644
index 0000000000..54effeec56
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2a9.99 9.99 0 0 1 10 10 9.99 9.99 0 0 1 -10 10 9.99 9.99 0 0 1 -10-10 9.99 9.99 0 0 1 10-10zm0 2c-4.406 0-8 3.594-8 8s3.594 8 8 8 8-3.594 8-8-3.594-8-8-8zm-1 9.062c0 .532.469.97 1.031.97.563 0 .969-.407.969-.97v-6.062c0-.563-.406-1-.969-1-.561 0-1.031.438-1.031 1zm1.025 4.75a1.12 1.12 0 0 1 -1.125-1.125c0-.625.5-1.125 1.125-1.125s1.125.5 1.125 1.126c0 .625-.5 1.125-1.125 1.125z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_32.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_32.svg
new file mode 100644
index 0000000000..f47f42af14
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c7.719 0 14 6.281 14 14s-6.281 14-14 14-14-6.281-14-14 6.281-14 14-14zm0 2c-6.625 0-12 5.375-12 12s5.375 12 12 12 12-5.375 12-12-5.375-12-12-12zm0 5c-.563 0-1 .437-1 1v7.75c0 .594.469 1 1 1 .563 0 1-.437 1-1v-7.75c0-.75-.563-1-1-1zm0 14.344c-.719 0-1.344-.625-1.344-1.344 0-.75.625-1.344 1.344-1.344.75 0 1.344.594 1.344 1.344 0 .719-.594 1.344-1.344 1.344z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_solid_16.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_solid_16.svg
new file mode 100644
index 0000000000..044565d627
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_solid_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m8 2c3.305 0 6 2.695 6 6s-2.695 6-6 6-6-2.695-6-6 2.695-6 6-6zm0 7.775c-.425 0-.8.35-.8.775 0 .45.375.8.8.8.45 0 .8-.35.8-.8a.784.784 0 0 0 -.8-.775zm.8-4.975h-1.6v4h1.6z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_solid_20.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_solid_20.svg
new file mode 100644
index 0000000000..6b68e2dac5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c4.406 0 8 3.594 8 8s-3.594 8-8 8-8-3.594-8-8 3.594-8 8-8zm0 10.219c-.531 0-1 .437-1 .969 0 .562.469 1 1 1 .563 0 1-.438 1-1a.98.98 0 0 0 -1-.97zm1-6.219h-2v5h2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_solid_24.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_solid_24.svg
new file mode 100644
index 0000000000..2dd185e319
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2a9.99 9.99 0 0 1 10 10 9.99 9.99 0 0 1 -10 10 9.99 9.99 0 0 1 -10-10 9.99 9.99 0 0 1 10-10zm.025 13.563c-.625 0-1.125.5-1.125 1.124 0 .625.5 1.125 1.125 1.125s1.125-.5 1.125-1.125-.5-1.125-1.125-1.125zm.006-9.563c-.561 0-1.031.438-1.031 1v6.062c0 .532.469.97 1.031.97.563 0 .969-.407.969-.97v-6.062c0-.563-.406-1-.969-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_solid_32.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_solid_32.svg
new file mode 100644
index 0000000000..b68e107d09
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_error_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c7.719 0 14 6.281 14 14s-6.281 14-14 14-14-6.281-14-14 6.281-14 14-14zm0 18.656c-.719 0-1.344.594-1.344 1.344 0 .719.625 1.344 1.344 1.344.75 0 1.344-.625 1.344-1.344 0-.75-.594-1.344-1.344-1.344zm0-12.656c-.563 0-1 .437-1 1v8.75c0 .594.469 1 1 1 .563 0 1-.437 1-1v-8.75c0-.563-.438-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_notify_20.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_notify_20.svg
new file mode 100644
index 0000000000..7665f7111e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_notify_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m17.5 0c1.375 0 2.5 1.125 2.5 2.5s-1.125 2.5-2.5 2.5a2.507 2.507 0 0 1 -2.5-2.5c0-1.375 1.125-2.5 2.5-2.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_notify_24.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_notify_24.svg
new file mode 100644
index 0000000000..71f27ca1b1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_notify_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17 3.51a3.499 3.499 0 1 1 7 0 3.499 3.499 0 0 1 -3.51 3.49 3.495 3.495 0 0 1 -3.49-3.49z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_notify_32.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_notify_32.svg
new file mode 100644
index 0000000000..4e41493e29
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_notify_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m22 5c0-2.768 2.232-5 5-5s5 2.232 5 5-2.232 5-5 5-5-2.232-5-5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_notify_cutoff_20.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_notify_cutoff_20.svg
new file mode 100644
index 0000000000..b3e5048c93
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_notify_cutoff_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m20.001 4.942a3.49 3.49 0 0 1 -2.501 1.058 3.51 3.51 0 0 1 -3.5-3.5 3.49 3.49 0 0 1 1.059-2.502l4.941.002v4.942z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_notify_cutoff_24.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_notify_cutoff_24.svg
new file mode 100644
index 0000000000..de74471035
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_notify_cutoff_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m24-.001.001 6.33a4.51 4.51 0 0 1 -3.513 1.671 4.493 4.493 0 0 1 -4.488-4.488 4.51 4.51 0 0 1 1.67-3.512h6.33z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_notify_cutoff_32.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_notify_cutoff_32.svg
new file mode 100644
index 0000000000..fd671f73aa
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_notify_cutoff_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m32 0v8.323a5.987 5.987 0 0 1 -5 2.677 5.99 5.99 0 0 1 -6-6 5.987 5.987 0 0 1 2.678-5.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_20.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_20.svg
new file mode 100644
index 0000000000..6f2957414a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2c.772 0 1.397.436 1.732 1.074l5.907 12.048c.134.302.201.604.201.872 0 1.108-.766 2.006-1.84 2.006h-12c-1.074 0-2-.898-2-2.006 0-.302.067-.604.201-.872l5.974-11.982c.302-.67 1.087-1.14 1.825-1.14zm0 2-6 12h12zm-1 8v-4h2v4zm1 1.007c.548 0 1 .452 1 1 0 .549-.452 1-1 1s-1-.451-1-1c0-.548.452-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_24.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_24.svg
new file mode 100644
index 0000000000..5021f98899
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11 14.557c0 .623.437 1.115 1 1.115s1.003-.459 1.003-1.115v-4.63c0-.59-.44-1.05-1.003-1.05s-1 .46-1 1.05zm-.69-11.344c.43-.787 1.033-1.213 1.69-1.213s1.3.426 1.721 1.213l8.029 16c.156.328.25.689.25.984 0 .983-.751 1.803-1.847 1.803h-16.306c-1.097 0-1.847-.82-1.847-1.803 0-.328.094-.656.25-.984zm1.945.993c-.105-.137-.191-.206-.255-.206-.096 0-.191.103-.255.206l-7.713 15.313c0 .069-.032.103-.032.206 0 .138.128.275.319.275h15.344c.288 0 .415-.24.288-.48l-7.696-15.315zm-.27 14.614c-.564 0-1.002-.46-1.002-1.05s.438-1.049 1.001-1.049c.564 0 1.002.46 1.002 1.05s-.438 1.049-1.002 1.049z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_32.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_32.svg
new file mode 100644
index 0000000000..d670e06c80
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c1.132 0 2.17.612 2.71 1.615l10.943 20.933c.244.452.347.935.347 1.452 0 1.735-1.27 3-3 3h-21.857c-1.733 0-3.143-1.27-3.143-3 0-.517.103-1 .347-1.452l10.943-20.933a3.068 3.068 0 0 1 2.71-1.615zm0 1.843c-.356 0-.646.259-.906.742l-10.99 20.9a1.04 1.04 0 0 0 -.139.48c0 .432.388 1.035 1.035 1.035l21.965.035c.553 0 1.035-.515 1.035-1.035a1.04 1.04 0 0 0 -.138-.48l-10.956-20.935c-.26-.483-.55-.742-.906-.742zm-1.39 19.753a1.4 1.4 0 0 1 1.39-1.39c.776 0 1.39.614 1.39 1.39a1.4 1.4 0 0 1 -1.39 1.39c-.744 0-1.39-.646-1.39-1.39zm.39-4.43c0 .582.418 1.038 1 1.038s1-.456 1-1.038v-9.148c0-.582-.418-1.018-1-1.018s-1 .437-1 1.018z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_solid_16.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_solid_16.svg
new file mode 100644
index 0000000000..4ddbf567e1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_solid_16.svg
@@ -0,0 +1 @@
+<svg id="icon" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m8 2c.597 0 1.12.317 1.362.803l4.485 9.03c.106.213.153.44.153.652 0 .833-.689 1.515-1.515 1.515h-8.97a1.524 1.524 0 0 1 -1.515-1.515c0-.227.053-.451.153-.652l4.515-9c.25-.497.766-.833 1.332-.833zm0 9.152a.832.832 0 0 0 -.833.824.832.832 0 0 0 1.666 0 .832.832 0 0 0 -.833-.824zm.8-6.352h-1.6v4.8h1.6z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_solid_20.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_solid_20.svg
new file mode 100644
index 0000000000..e365f88061
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.999 2c.795 0 1.494.422 1.816 1.07l5.978 12.041c.141.284.204.586.204.869 0 1.11-.918 2.02-2.02 2.02h-11.957c-1.102 0-2.02-.91-2.02-2.02 0-.303.07-.602.204-.869l6.02-12a2.006 2.006 0 0 1 1.774-1.111zm.001 11.94a1.04 1.04 0 0 0 -1.04 1.03 1.04 1.04 0 0 0 2.081 0c0-.566-.47-1.03-1.041-1.03zm1-7.94h-2v6h2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_solid_24.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_solid_24.svg
new file mode 100644
index 0000000000..3736edc93c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_solid_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2c.657 0 1.3.426 1.721 1.213l8.029 16c.156.328.25.689.25.984 0 .983-.751 1.803-1.847 1.803h-16.306c-1.097 0-1.847-.82-1.847-1.803 0-.328.094-.656.25-.984l8.06-16c.43-.787 1.033-1.213 1.69-1.213zm-.016 14.721c-.563 0-1.001.46-1.001 1.05s.438 1.049 1.001 1.049c.564 0 1.002-.46 1.002-1.05s-.438-1.049-1.002-1.049zm.016-8.721c-.563 0-1 .41-1 1v5.623c0 .623.437 1.05 1 1.05s1.017-.394 1.017-1.05l-.017-5.623c0-.59-.468-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_solid_32.svg b/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_solid_32.svg
new file mode 100644
index 0000000000..3030887d9e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/notification/db_ic_warning_solid_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c1.132 0 2.17.612 2.71 1.615l10.943 20.933c.244.452.347.935.347 1.452 0 1.735-1.27 3-3 3h-21.857c-1.733 0-3.143-1.27-3.143-3 0-.517.103-1 .347-1.452l10.943-20.933a3.068 3.068 0 0 1 2.71-1.615zm0 20.206a1.4 1.4 0 0 0 -1.39 1.39c0 .744.646 1.39 1.39 1.39a1.4 1.4 0 0 0 1.39-1.39 1.38 1.38 0 0 0 -1.39-1.39zm0-13.784c-.582 0-1 .496-1 1.078v9.735c0 .582.418.998 1 .998s1-.416 1-.998v-9.735c0-.582-.418-1.078-1-1.078z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_aisle_20.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_aisle_20.svg
new file mode 100644
index 0000000000..0239fb4280
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_aisle_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7.481 6.997c.464 0 .881.324.988.786l.744 3.217h3.325c.463 0 .885.35.987.793l1.129 4.897c.027.12.04.222.04.323 0 .604-.463.987-.987.987a.999.999 0 0 1 -.967-.786l-.987-4.214h-3.325a.977.977 0 0 1 -.967-.743l-.927-3.93a1.515 1.515 0 0 1 -.04-.322c0-.564.463-1.008.987-1.008zm-4.481-4.997c.544 0 .995.456.995 1v2.587l2.156 9.128c.034.143.161.283.322.283h3.507c.544 0 1.007.463 1.007.987 0 .544-.483 1.015-1.007 1.015h-3.567a2.256 2.256 0 0 1 -2.196-1.73l-2.177-9.26a1.371 1.371 0 0 1 -.04-.302v-2.708c0-.544.436-1 1-1zm4.5 3c.81 0 1.5-.669 1.5-1.5s-.69-1.5-1.5-1.5-1.5.669-1.5 1.5.69 1.5 1.5 1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_aisle_24.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_aisle_24.svg
new file mode 100644
index 0000000000..749c84b2c0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_aisle_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10.033 9c1.154 0 2.096.934 2.331 2.179l.517 2.825 3.654.004c.447 0 .848.307.966.754l1.507 5.987c.142.613-.33 1.249-.966 1.249-.47 0-.895-.33-.989-.754l-1.296-5.244h-3.722c-.494 0-.895-.354-.986-.833l-.658-3.66c-.047-.235-.235-.508-.563-.508h-.423a.997.997 0 0 1 -.997-1c0-.542.447-1 .989-1h.636zm-8.033-4.987a1 1 0 0 1 .99-1.013c1.812 0 3.01 1.272 3.01 3.25v2.663l1.63 8.127c.119.589.635.96 1.224.96h4.157c.542 0 .99.5.99 1.042 0 .566-.448.958-.99.958h-4.156c-1.555 0-2.873-1.052-3.18-2.56l-1.606-7.984a3.256 3.256 0 0 1 -.07-.66v-2.545c0-.872-.35-1.249-1.01-1.249a.995.995 0 0 1 -.989-.989zm8.002-1.013a2 2 0 0 1 2.003 2.002 2 2 0 0 1 -2.003 2.003 2 2 0 0 1 -2.002-2.003 2 2 0 0 1 2.002-2.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_aisle_32.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_aisle_32.svg
new file mode 100644
index 0000000000..d5b799de61
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_aisle_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m12.045 14c1.632 0 2.856.888 3.174 2.43l.907 4.57h5.618c.471 0 .88.386.974.857l1.38 6.968a1.005 1.005 0 0 1 -.972 1.193c-.503 0-.91-.345-1.005-.816l-1.193-6.202h-5.65c-.47 0-.879-.296-.973-.767l-1.036-5.242c-.126-.628-.565-.991-1.193-.991-.596 0-.753.27-1.161.27-.534 0-.91-.472-.91-1.037 0-.847 1.16-1.233 2.04-1.233zm-9.038-9c2.13 0 3.999 1.66 3.999 4.01v2.85l2.298 11.561c.182.91 1.034 1.579 1.974 1.579h5.726c.564 0 1 .436 1 1s-.436 1-1 1h-5.726a3.976 3.976 0 0 1 -3.916-3.203l-2.33-11.56a3.11 3.11 0 0 1 -.031-.376v-2.851a1.995 1.995 0 0 0 -1.994-2.01.985.985 0 0 1 -1.002-.997 1.01 1.01 0 0 1 1.001-1.003zm9.258.753c1.789 0 3.233 1.476 3.233 3.265 0 1.79-1.444 3.264-3.233 3.264a3.262 3.262 0 0 1 -3.265-3.263 3.262 3.262 0 0 1 3.265-3.265zm0 2.01a1.26 1.26 0 0 0 -1.256 1.255c0 .69.565 1.256 1.256 1.256a1.26 1.26 0 0 0 1.255-1.256 1.26 1.26 0 0 0 -1.255-1.256z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_aisle_not_available_20.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_aisle_not_available_20.svg
new file mode 100644
index 0000000000..c42b83cb03
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_aisle_not_available_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m17.207 2.793a1 1 0 0 1 .083 1.32l-.083.094-6.792 6.793 2.124.001c.463 0 .885.35.987.793l1.129 4.897c.027.12.04.222.04.323 0 .604-.463.987-.987.987a.999.999 0 0 1 -.967-.786l-.988-4.215-3.337-.002-1.993 1.995.025.003 3.532.002c.544 0 1.007.463 1.007.987 0 .544-.483 1.015-1.007 1.015h-3.567c-.551 0-1.065-.2-1.462-.536l-1.244 1.243a1 1 0 0 1 -1.497-1.32l.083-.094 13.5-13.5a1 1 0 0 1 1.414 0zm-14.207-.793c.544 0 .995.456.995 1v2.587l1.196 5.062-1.669 1.669-1.482-6.308a1.371 1.371 0 0 1 -.04-.302v-2.708c0-.544.436-1 1-1zm4.481 4.997c.358 0 .688.193.87.494l-1.631 1.628-.187-.791a1.515 1.515 0 0 1 -.04-.323c0-.564.463-1.008.987-1.008zm.019-4.997c.81 0 1.5.669 1.5 1.5s-.69 1.5-1.5 1.5-1.5-.669-1.5-1.5.69-1.5 1.5-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_aisle_not_available_24.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_aisle_not_available_24.svg
new file mode 100644
index 0000000000..13ac67e773
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_aisle_not_available_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20.207 3.793c.36.36.406 1.01 0 1.414a6724.93 6724.93 0 0 1 -7.554 7.554l.228 1.243 3.654.004c.447 0 .848.307.966.754l1.507 5.987c.142.613-.33 1.249-.966 1.249-.47 0-.895-.33-.989-.754l-1.296-5.244h-3.722c-.494 0-.895-.354-.986-.833l-.123-.68-3.058 3.06c.232.286.593.452.987.452h4.157c.542 0 .99.5.99 1.042 0 .566-.448.958-.99.958h-4.157a3.25 3.25 0 0 1 -2.403-1.037l-2.745 2.744a1 1 0 0 1 -1.414 0c-.36-.36-.422-1.044 0-1.414a35131.1 35131.1 0 0 1 16.5-16.5 1 1 0 0 1 1.414 0zm-17.217-.793c1.814 0 3.012 1.272 3.012 3.25v2.663l.81 4.039-1.698 1.697-1.044-5.194a3.256 3.256 0 0 1 -.07-.66v-2.544c0-.872-.35-1.249-1.01-1.249a.995.995 0 0 1 -.99-.989 1 1 0 0 1 .99-1.013zm7.044 6c.22 0 .432.034.633.097l-1.767 1.766a.995.995 0 0 1 -.492-.863c0-.542.447-1 .989-1h.636zm-.03-6a2 2 0 0 1 2.002 2.002 2 2 0 0 1 -2.003 2.003 2 2 0 0 1 -2.003-2.003 2 2 0 0 1 2.002-2.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_aisle_not_available_32.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_aisle_not_available_32.svg
new file mode 100644
index 0000000000..8ca8907b5b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_aisle_not_available_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m25.976 6.005c.36.361.36 1.054 0 1.415-4.063 4.067-7.552 7.561-10.465 10.483l.614 3.097h5.618c.471 0 .88.386.974.857l1.38 6.968a1.005 1.005 0 0 1 -.972 1.193c-.503 0-.91-.345-1.005-.816l-1.192-6.202h-5.65c-.47 0-.879-.296-.973-.767l-.516-2.608-4.303 4.303a2.05 2.05 0 0 0 1.792 1.072h5.726c.564 0 1 .436 1 1s-.436 1-1 1h-5.726a3.975 3.975 0 0 1 -3.23-1.635l-2.34 2.342a1 1 0 1 1 -1.415-1.414 55384.9 55384.9 0 0 1 20.27-20.288 1 1 0 0 1 1.413 0zm-22.969-1.005c2.13 0 3.999 1.66 3.999 4.01v2.85l1.482 7.461-1.688 1.689-1.768-8.773-.031-.376v-2.851a1.995 1.995 0 0 0 -1.994-2.01.985.985 0 0 1 -1.002-.997 1.01 1.01 0 0 1 1.001-1.003zm9.038 9a3.7 3.7 0 0 1 1.478.287l-1.74 1.738c-.269.038-.505.244-.868.244-.534 0-.91-.47-.91-1.036 0-.847 1.16-1.233 2.04-1.233zm.22-8.247c1.789 0 3.233 1.476 3.233 3.265 0 1.79-1.444 3.264-3.233 3.264a3.262 3.262 0 0 1 -3.265-3.263 3.262 3.262 0 0 1 3.265-3.265zm0 2.01a1.26 1.26 0 0 0 -1.256 1.255c0 .69.565 1.256 1.256 1.256a1.26 1.26 0 0 0 1.255-1.256 1.26 1.26 0 0 0 -1.255-1.256z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_bed_20.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_bed_20.svg
new file mode 100644
index 0000000000..69529aa5ce
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_bed_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.662 4.092c.155 0 .282.164.282.318a.686.686 0 0 1 -.174.469l-1.188 1.527h1.096a.297.297 0 1 1 0 .594h-1.781c-.164 0-.297-.156-.297-.337 0-.192.045-.299.13-.416l1.245-1.561h-.963a.297.297 0 0 1 0-.594zm3.797-1.092c.205 0 .371.205.371.392a1 1 0 0 1 -.218.624l-1.496 1.877h1.343a.371.371 0 0 1 0 .742h-2.081c-.205 0-.371-.234-.371-.398 0-.246.077-.44.219-.618l1.5-1.877h-1.356a.371.371 0 0 1 0-.742h2.088zm4.15-1c.23 0 .416.239.416.457 0 .264-.086.52-.244.726l-1.679 2.186h1.507c.23 0 .416.194.416.432a.424.424 0 0 1 -.416.432h-2.335c-.23 0-.416-.272-.416-.464 0-.286.086-.512.245-.719l1.683-2.186h-1.52a.424.424 0 0 1 -.416-.432c0-.239.186-.432.416-.432zm-14.609 6.482c.513 0 1 .402 1 1 .002.44.002.879 0 1.318a2.2 2.2 0 0 0 2.2 2.2c3.6.002 7.2.002 10.8 0a1 1 0 0 1 .178 1.984l.308 1.852a1 1 0 0 1 -.822 1.15 1.008 1.008 0 0 1 -1.15-.822 315.14 315.14 0 0 1 -.362-2.165l-8.952.001a4.19 4.19 0 0 1 -1.51-.28l-.728 2.555a1 1 0 0 1 -1.237.687c-.493-.141-.846-.687-.687-1.237.307-1.082.616-2.164.927-3.246-.561-.677-.965-1.772-.965-2.679v-1.318a1 1 0 0 1 1-1zm3.497.518a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm4.516.139c2.046.287 4.089.577 6.128.871a1 1 0 0 1 .849 1.131 1.015 1.015 0 0 1 -1.131.849c-2.94-.417-3.047-.478-5.872-.839-.124.538-.455.82-.995.849a1 1 0 0 1 -.992-1.008c.008-1.034.9-1.959 2.013-1.853z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_bed_24.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_bed_24.svg
new file mode 100644
index 0000000000..cf8a1bee6e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_bed_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m3 10c.5 0 .999.422 1 1 .002 1 .002 2 0 3 0 1.598 1.284 3 3 3 4.667.002 9.333.002 14 0a1 1 0 0 1 0 2c-.204.002-.409.002-.613 0l.562 1.684a1 1 0 0 1 -.633 1.265c-.486.162-1.123-.091-1.265-.633-.26-.772-.517-1.544-.772-2.316h-11.279c-.84 0-1.631-.207-2.326-.573l-.704 2.816a1 1 0 0 1 -1.213.727 1.01 1.01 0 0 1 -.727-1.213c.313-1.262.63-2.525.947-3.787a4.981 4.981 0 0 1 -.977-2.97v-3a1 1 0 0 1 1-1zm11.077 2.515c2.693.167 4.714.334 6.062.502.981.063 1.861.97 1.861 1.994v.332c0 .552-.448.883-1 .883a1 1 0 0 1 -.993-.883l-.007-.333-6.092-.505c-.37-.031-.841.274-.91.67a1 1 0 1 1 -1.972-.326c.22-1.33 1.572-2.438 3.05-2.335zm-6.512-1.515a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zm0 2a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1zm5.097-5.908c.155 0 .282.164.282.318a.686.686 0 0 1 -.174.469l-1.188 1.527h1.096a.297.297 0 0 1 0 .594h-1.781c-.164 0-.297-.156-.297-.337 0-.23.065-.339.185-.489l1.19-1.488h-.963a.297.297 0 1 1 0-.594zm3.797-1.727c.205 0 .371.205.371.392a1 1 0 0 1 -.218.623l-1.496 1.878h1.343a.371.371 0 0 1 0 .742h-2.081c-.205 0-.371-.234-.371-.398 0-.246.077-.44.219-.618l1.5-1.877h-1.356a.371.371 0 0 1 0-.742h2.088zm5.085-2.454c.274 0 .496.305.496.64 0 .22-.073.446-.209.62l-2.19 2.838h1.924a.496.496 0 0 1 0 .991h-3.07a.49.49 0 0 1 -.495-.496c0-.404.076-.591.214-.767l2.233-2.835h-1.743a.496.496 0 1 1 0-.991z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_bed_32.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_bed_32.svg
new file mode 100644
index 0000000000..b9a445cdd3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_bed_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m3 15c.513 0 1 .415 1 1 .002 1 .002 2 0 3 0 2.142 1.705 4 4 4 7 .002 14 .002 21 0a1 1 0 0 1 1 1 .99.99 0 0 1 -1 1c-.24.002-.48.002-.719 0l.69 2.757a1 1 0 0 1 -.728 1.213c-.498.125-1.11-.193-1.213-.727a864.38 864.38 0 0 1 -.812-3.243h-18.218c-.782 0-1.53-.15-2.215-.422l-.809 3.639a1 1 0 0 1 -1.193.76c-.5-.112-.892-.621-.76-1.194.319-1.442.639-2.883.961-4.325a5.996 5.996 0 0 1 -1.984-4.458v-3a1 1 0 0 1 1-1zm13.203 2.5c3.47.33 7.068.664 10.797 1 1.365 0 2.715.905 2.982 2.313a1 1 0 0 1 -1.936.487c-.15-.478-.248-.69-1.14-.805a2413.42 2413.42 0 0 0 -10.906-1.005c-.647-.07-1.216.385-1.416 1.226a1 1 0 1 1 -1.951-.44c.361-1.605 1.6-2.95 3.57-2.776zm-7.761-2a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm6.305-7.135c.205 0 .37.205.37.392a1 1 0 0 1 -.217.623l-1.496 1.878h1.343a.371.371 0 1 1 0 .742h-2.082c-.205 0-.37-.234-.37-.398 0-.246.076-.44.218-.618l1.5-1.877h-1.354a.371.371 0 0 1 0-.742zm5.047-2.454c.274 0 .496.305.496.64 0 .22-.074.446-.209.62l-2.19 2.838h1.923a.496.496 0 1 1 0 .991h-3.069a.49.49 0 0 1 -.495-.496c0-.404.075-.591.214-.767l2.233-2.835h-1.743a.496.496 0 1 1 0-.991zm6.112-2.454c.312 0 .565.324.565.796a1 1 0 0 1 -.199.6l-2.943 3.934h2.562a.606.606 0 1 1 0 1.213h-3.96c-.334 0-.606-.256-.606-.87a1 1 0 0 1 .21-.614l2.99-3.842h-2.323a.609.609 0 0 1 0-1.217z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_childrens_compartment_20.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_childrens_compartment_20.svg
new file mode 100644
index 0000000000..4dacb1cf70
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_childrens_compartment_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m5.708 8.022c0 .512-.33.978-1 1h-.719l.904 3.6a.504.504 0 0 0 .485.378h2.174c.953 0 1.639.188 2.084 1.129.337.83.67 1.664 1 2.5a1 1 0 0 1 -.557 1.3c-.442.176-1.045-.033-1.258-.456a735.692 735.692 0 0 1 -.998-2.474l-2.445.001a2.5 2.5 0 0 1 -2.425-1.892c-.303-1.199-.604-2.399-.903-3.6-.27-1.071.58-2.486 1.94-2.486h.718c.666.298 1 .631 1 1zm9.796-5.022a1.5 1.5 0 0 1 1.5 1.5v.768c.552.32 1 .957 1 1.732v6c0 1.054-.88 2-2 2h-1c-1.055 0-2.072-.9-2-2-.002-2-.002-4 0-6a2 2 0 0 1 1-1.732v-.768a1.5 1.5 0 0 1 1.5-1.5zm-7.559 4.987c.499.122.872.635.734 1.209a54.3 54.3 0 0 1 -.195.796l1.23.008c.512-.003.994.385.994.979s-.487 1.006-.994 1.006c-.834.007-1.667.012-2.5.015a1.004 1.004 0 0 1 -.978-1.238l.5-2.042a1 1 0 0 1 1.21-.733zm.513-3.737a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-4.25-2.25a2 2 0 1 1 0 4 2 2 0 0 1 0-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_childrens_compartment_24.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_childrens_compartment_24.svg
new file mode 100644
index 0000000000..4599d6c618
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_childrens_compartment_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m6.894 7.999c0 .513-.418 1.001-1 1.001-.55.003-1.1.003-1.65.002-.14-.009-.264.127-.242.31.524 2.104 1.05 4.207 1.578 6.31a.513.513 0 0 0 .485.378c1.11.002 2.219.002 3.329 0 1.099 0 1.676.332 2.43 1.534.495 1.005.985 2.015 1.47 3.03a1 1 0 0 1 -1.743.975l-1.537-3.158c-.083-.153-.246-.38-.533-.38l-3.416-.001a2.5 2.5 0 0 1 -2.378-1.729l-1.625-6.473c-.302-1.206.515-2.798 2.18-2.796l1.65-.002a1 1 0 0 1 1.002.999zm11.606-3.999a1.5 1.5 0 0 1 1.5 1.5l.001.837a3.51 3.51 0 0 1 1.999 3.163v8c0 1.325-.99 2.447-2.5 2.5h-2a2.5 2.5 0 0 1 -2.495-2.336l-.005-8.164a3.5 3.5 0 0 1 2-3.163v-.837a1.5 1.5 0 0 1 1.5-1.5zm0 4c-.78 0-1.494.569-1.494 1.467l-.006.533h1a1 1 0 0 1 0 2h-1v2h1a1 1 0 0 1 0 2h-1v1.5c0 .245.27.5.5.5.667.003 1.333.003 2 0 .245 0 .5-.125.5-.5v-8.033c0-.827-.672-1.467-1.5-1.467zm-9.435 1.19 2.213.88a1 1 0 0 1 -.629 1.896l-1.417-.557-.19 1.591h2.852c.596 0 1 .487 1 1s-.404 1-1 1c-1.326.002-2.652.002-3.979 0a1 1 0 0 1 -1-1l.447-3.796c.077-.643.674-1.345 1.703-1.013zm.329-3.94a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-4-3.25a2 2 0 1 1 0 4 2 2 0 0 1 0-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_childrens_compartment_32.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_childrens_compartment_32.svg
new file mode 100644
index 0000000000..3b7b70ee05
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_childrens_compartment_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m8.006 9c.552 0 .994.448.994 1 0 .513-.454 1-.993 1h-2.39c-.524 0-.73.58-.544 1.16.882 2.833 1.765 5.666 2.65 8.498a.502.502 0 0 0 .475.342c2.06.003 4.118.003 6.177 0 1.169 0 2.254.85 2.646 1.946l1.737 5.75a1 1 0 0 1 -1.874.687l-1.728-5.706c-.094-.328-.443-.677-.78-.677-2.06-.003-4.119-.003-6.178 0a2.5 2.5 0 0 1 -2.31-1.542l-2.732-8.731c-.526-1.834.277-3.727 2.461-3.727a476.01 476.01 0 0 1 2.39 0zm16.994-4a2 2 0 0 1 2 2l.001.536c1.132.654 1.999 1.874 1.999 3.464v10.5a2.5 2.5 0 0 1 -2.336 2.495l-3.164.005a2.5 2.5 0 0 1 -2.495-2.336l-.005-10.664c0-1.48.804-2.773 2-3.465v-.535a2 2 0 0 1 2-2zm2 8h-4v2h1a1 1 0 0 1 0 2h-1v1h1a1 1 0 0 1 0 2h-1v1.5c0 .215.174.5.5.5h3a.5.5 0 0 0 .492-.41zm-14.001-.523 1.825 1.816a1 1 0 0 1 -1.32 1.497l-1.008-.997-1.239 3.207h4.86c.628 0 .962.333 1 1 0 .513-.416 1-1 1h-5c-1.438 0-2.26-1.07-1.84-2.41l1.769-4.592c.279-.72 1.19-1.116 1.953-.52zm12.001-3.477c-1.054 0-2 .895-2 2h4a2 2 0 0 0 -2-2zm-11.883-1.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-6-5.5a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_couchette_20.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_couchette_20.svg
new file mode 100644
index 0000000000..f5bfe12ec6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_couchette_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m17 13a1 1 0 0 1 .178 1.984l.308 1.852a1 1 0 0 1 -1.947.442l-.025-.114-.362-2.164h-10.305l-.36 2.164a1 1 0 0 1 -1.986-.212l.013-.116.308-1.852a1 1 0 0 1 .061-1.977l.117-.007zm-7.872-3.992c2.668.33 5.333.664 7.996 1a1 1 0 0 1 .868 1.116c-.063.509-.507.876-1.116.868-3.748-.465-7.478-.937-7.828-.98-.16.562-.367.956-1.056.988a1 1 0 0 1 -.992-1.008c.008-1 .992-2.113 2.128-1.984zm-4.628 2.992a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5.162-7.908c.155 0 .282.164.282.318a.686.686 0 0 1 -.174.469l-1.188 1.527h1.096a.297.297 0 1 1 0 .594h-1.781c-.164 0-.297-.156-.297-.337 0-.192.045-.299.13-.416l1.245-1.561h-.963a.297.297 0 0 1 0-.594zm3.797-1.092c.205 0 .371.205.371.392a1 1 0 0 1 -.218.624l-1.496 1.877h1.343a.371.371 0 0 1 0 .742h-2.081c-.205 0-.371-.234-.371-.398 0-.246.077-.44.219-.618l1.5-1.877h-1.356a.371.371 0 0 1 0-.742h2.088zm4.15-1c.23 0 .416.239.416.457 0 .264-.086.52-.244.726l-1.679 2.186h1.507c.23 0 .416.194.416.432a.424.424 0 0 1 -.416.432h-2.335c-.23 0-.416-.272-.416-.464 0-.286.086-.512.245-.719l1.683-2.186h-1.52a.424.424 0 0 1 -.416-.432c0-.239.186-.432.416-.432z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_couchette_24.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_couchette_24.svg
new file mode 100644
index 0000000000..f60626e38e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_couchette_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21 17a1 1 0 0 1 0 2 8.534 8.534 0 0 1 -.32 0l.306 1.836a1 1 0 0 1 -.822 1.15 1.007 1.007 0 0 1 -1.15-.822 325.39 325.39 0 0 1 -.362-2.164h-13.305l-.36 2.164a1 1 0 0 1 -1.987-.212l.32-1.952h-.32a1 1 0 0 1 0-2 27000 27000 0 0 1 18 0zm-8.936-4.498c2.693.167 5.385.338 8.075.515.981.063 1.861.97 1.861 1.994v.332c0 .552-.448.883-1 .883a1 1 0 0 1 -.993-.883l-.007-.333-8.105-.518c-.371-.031-.842.274-.91.67a1 1 0 1 1 -1.973-.326c.22-1.33 1.573-2.439 3.05-2.335zm-6.564-1.502a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zm0 2a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1zm7.162-5.908c.155 0 .282.164.282.318a.686.686 0 0 1 -.174.469l-1.188 1.527h1.096a.297.297 0 0 1 0 .594h-1.781c-.164 0-.297-.156-.297-.337 0-.23.065-.339.185-.489l1.19-1.488h-.963a.297.297 0 1 1 0-.594zm3.797-1.727c.205 0 .371.205.371.392a1 1 0 0 1 -.218.623l-1.496 1.878h1.343a.371.371 0 0 1 0 .742h-2.081c-.205 0-.371-.234-.371-.398 0-.246.077-.44.219-.618l1.5-1.877h-1.356a.371.371 0 0 1 0-.742h2.088zm5.085-2.454c.274 0 .496.305.496.64 0 .22-.073.446-.209.62l-2.19 2.838h1.924a.496.496 0 0 1 0 .991h-3.07a.49.49 0 0 1 -.495-.496c0-.404.076-.591.214-.767l2.233-2.835h-1.743a.496.496 0 1 1 0-.991z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_couchette_32.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_couchette_32.svg
new file mode 100644
index 0000000000..f0a9338d5b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_couchette_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m29 23a1 1 0 0 1 1 1 .99.99 0 0 1 -1 1 9.13 9.13 0 0 1 -.331 0l.319 2.017a1 1 0 0 1 -.832 1.143 1.023 1.023 0 0 1 -1.144-.832c-.124-.776-.247-1.552-.367-2.328h-21.291l-.366 2.328a1 1 0 0 1 -1.144.832c-.506-.08-.922-.617-.832-1.143.104-.672.21-1.345.318-2.017h-.33a1 1 0 0 1 -1-1c0-.513.42-1 1-1 8.665-.002 17.331-.002 26 0zm-23-7a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm7.59 1.478 13.41 1.022c1.365 0 2.715.905 2.982 2.313a1 1 0 0 1 -1.936.487l-.028-.113c-.065-.34-.45-.632-1.094-.69l-13.508-1.027c-.651-.063-1.265.43-1.44 1.25a1 1 0 1 1 -1.952-.44c.36-1.596 1.734-2.984 3.565-2.802zm-7.59.522a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm8.747-7.635c.205 0 .37.205.37.392a1 1 0 0 1 -.217.623l-1.496 1.878h1.343a.371.371 0 1 1 0 .742h-2.082c-.205 0-.37-.234-.37-.398 0-.246.076-.44.218-.618l1.5-1.877h-1.354a.371.371 0 0 1 0-.742zm5.047-2.454c.274 0 .496.305.496.64 0 .22-.074.446-.209.62l-2.19 2.838h1.923a.496.496 0 1 1 0 .991h-3.069a.49.49 0 0 1 -.495-.496c0-.404.075-.591.214-.767l2.233-2.835h-1.743a.496.496 0 1 1 0-.991zm6.112-2.454c.312 0 .565.324.565.796a1 1 0 0 1 -.199.6l-2.943 3.934h2.562a.606.606 0 1 1 0 1.213h-3.96c-.334 0-.606-.256-.606-.87a1 1 0 0 1 .21-.614l2.99-3.842h-2.323a.609.609 0 0 1 0-1.217z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_elderly_20.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_elderly_20.svg
new file mode 100644
index 0000000000..32761027af
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_elderly_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.006 6.072c.546 0 .99.396.99.93h1.458a.991.991 0 0 1 0 1.98h-1.458v2.018h2.226c.606 0 .956.214 1.05.818l.789 5.03c.006.04 0 .102 0 .162 0 .546-.445.99-.99.99a.992.992 0 0 1 -.97-.849l-.667-4.172h-2.428c-.646 0-.99-.343-.99-.99v-4.927c0-.545.445-.99.99-.99zm6.489.93c1.414 0 2.545 1.232 2.545 2.707v7.301c0 .546-.444.99-.99.99a.992.992 0 0 1 -.99-.99v-7.28c0-.424-.262-.747-.565-.747h-.505a.992.992 0 0 1 -.99-.99c0-.546.444-.99.99-.99zm-12.497-5.002c.538 0 1.002.464 1.002 1.008v2.58l2.11 9.134c.033.143.16.282.319.282h2.573c.54 0 .998.464.998 1.008 0 .524-.479.988-.998.988h-2.632a2.242 2.242 0 0 1 -2.175-1.734l-2.155-9.254a1.387 1.387 0 0 1 -.04-.302v-2.702c0-.544.439-1.008.998-1.008zm7.002 0c.81 0 1.5.669 1.5 1.5s-.69 1.5-1.5 1.5-1.5-.669-1.5-1.5.69-1.5 1.5-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_elderly_24.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_elderly_24.svg
new file mode 100644
index 0000000000..0a4f2845fd
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_elderly_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2 4.013a1 1 0 0 1 .99-1.013c1.812 0 3.01 1.272 3.01 3.25v2.663l1.63 8.127c.119.589.635.96 1.224.96h3.157c.542 0 .99.5.99 1.042 0 .566-.448.958-.99.958h-3.156c-1.555 0-2.873-1.052-3.18-2.56l-1.606-7.984a3.256 3.256 0 0 1 -.07-.66v-2.545c0-.872-.35-1.249-1.01-1.249a.995.995 0 0 1 -.989-.989zm6.384 6.007c0-.542.448-1.02.99-1.02h.989c.837 0 1.56.407 2.052 1.004h2.368a.996.996 0 0 1 1.022 1.005c0 .542-.448.99-1.022.991h-1.785v2h2.547c.495 0 .927.403.99.92l.73 5.983c.067.553-.286 1.097-.99 1.097-.518 0-.95-.344-1.012-.861l-.613-5.139h-2.65a.998.998 0 0 1 -.998-1v-3.352c0-.298-.21-.648-.634-.648h-.986c-.55-.005-.998-.415-.998-.98zm1.616-5.018a2 2 0 0 1 2.002-2.002 2 2 0 0 1 2.003 2.002 2 2 0 0 1 -2.003 2.003 2 2 0 0 1 -2.002-2.003zm6.982 6.007a1.02 1.02 0 0 1 1.013-1.013h.99c1.672 0 3.015 1.343 3.015 2.969v8.033a.997.997 0 0 1 -1.013 1.002.991.991 0 0 1 -.99-1.002v-8.01c0-.566-.447-.99-1.012-.99h-.99c-.565 0-1.013-.423-1.013-.989z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_elderly_32.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_elderly_32.svg
new file mode 100644
index 0000000000..6c85c6e4a3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_elderly_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m2 6.003a1.01 1.01 0 0 1 1.003-1.003c2.13 0 3.997 1.66 3.997 4.01v2.85l2.3 11.562c.183.91 1.034 1.579 1.974 1.579h5.726c.564 0 1 .436 1 1s-.436 1-1 1h-5.727a3.976 3.976 0 0 1 -3.916-3.203l-2.33-11.56a3.11 3.11 0 0 1 -.03-.376v-2.852a1.995 1.995 0 0 0 -1.995-2.01.985.985 0 0 1 -1.002-.997zm9 8.709c0-.846 1.034-1.097 1.754-1.097 1.786 0 3.246 1.285 3.246 3.04v.345h2.957c.533 0 1.003.467 1.003 1a1.01 1.01 0 0 1 -1.003 1.002h-2.957v1.998h5.088c.47 0 .89.35.97.823l1.191 7.018c.086.503-.25 1.159-.97 1.159-.502 0-.925-.347-1.003-.815l-1.034-6.203h-5.17a.99.99 0 0 1 -1.002-1.002v-5.326c0-.613-.489-1.065-1.253-1.065-.26 0-.553.125-.846.125-.532 0-.971-.407-.971-1.002zm5.266-9.712c1.79 0 3.234 1.469 3.234 3.25s-1.444 3.25-3.234 3.25a3.255 3.255 0 0 1 -3.266-3.25 3.255 3.255 0 0 1 3.266-3.25zm-.016 2c-.688 0-1.25.563-1.25 1.25 0 .688.563 1.25 1.25 1.25.688 0 1.25-.562 1.25-1.25 0-.687-.563-1.25-1.25-1.25zm5.75 11.597a2.988 2.988 0 0 1 3.008-3.008 2.989 2.989 0 0 1 2.992 2.976l.015 10.435c0 .533-.451 1-1.015 1-.533 0-.99-.467-.99-1l-.01-10.403a.988.988 0 0 0 -1-1.003c-.564 0-1 .47-1 1.003 0 .532-.467 1.002-1 1.002-.564 0-1-.439-1-1.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_handicapped_20.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_handicapped_20.svg
new file mode 100644
index 0000000000..e16a601d0c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_handicapped_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7 11a.97.97 0 0 1 -.306.725 2.488 2.488 0 0 0 -.725 1.744 2.54 2.54 0 0 0 2.531 2.531c.656 0 1.3-.25 1.806-.756a.921.921 0 0 1 .663-.275c.562 0 1 .469 1 1 0 .25-.063.531-.25.719-.844.843-2 1.312-3.188 1.312a4.535 4.535 0 0 1 -4.531-4.531c0-1.156.469-2.25 1.25-3.156a.95.95 0 0 1 .719-.313c.561 0 1.031.438 1.031 1zm3.188-3.25 1.03 3.25h2.188c.781 0 1.253.374 1.531 1.063l1.844 4.562c.043.105.063.281.063.375a.98.98 0 0 1 -.969 1c-.469 0-.815-.311-.969-.688l-1.75-4.312h-2.75c-.469 0-.86-.276-1-.75l-1.187-4a1.006 1.006 0 0 1 .969-1.25c.468 0 .863.316 1 .75zm-1.376-5.75c.813 0 1.5.688 1.5 1.5a1.5 1.5 0 0 1 -1.5 1.5 1.48 1.48 0 0 1 -1.5-1.5 1.5 1.5 0 0 1 1.5-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_handicapped_24.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_handicapped_24.svg
new file mode 100644
index 0000000000..cb4138c237
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_handicapped_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m4 16.149c0-1.367.48-2.734 1.415-3.813a.973.973 0 0 1 .743-.336c.6 0 1.007.456 1.007 1.007 0 .216-.072.432-.215.624-.6.695-.96 1.606-.96 2.518 0 2.11 1.68 3.851 3.79 3.851 1.27 0 2.445-.59 3.189-1.597.216-.288.527-.432.815-.432.528 0 1.031.408 1.031 1.007a.92.92 0 0 1 -.215.6 5.974 5.974 0 0 1 -4.82 2.422c-3.119 0-5.78-2.566-5.78-5.851zm3.501-7.147c0-.551.456-1.007 1.007-1.007h.72c1.15 0 2.158.624 2.494 1.679l.096.326h3.429a1 1 0 0 1 1.007.993c0 .551-.456 1.007-1.007 1.007h-2.83l.6 2h3.501c.432 0 .767.254.935.662l2.183 5.18a.767.767 0 0 1 .071.335c0 .48-.383.984-1.007.984-.431 0-.767-.24-.935-.648l-1.943-4.508h-3.549a1 1 0 0 1 -.959-.72l-1.439-4.868c-.096-.312-.216-.431-.647-.431h-.72a.993.993 0 0 1 -1.007-.984zm0-4.988c0-1.103.911-2.014 2.015-2.014 1.103 0 1.99.911 1.99 2.014s-.887 1.99-1.99 1.99c-1.104 0-2.015-.886-2.015-1.99z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_handicapped_32.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_handicapped_32.svg
new file mode 100644
index 0000000000..ea14657a60
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_handicapped_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m5 22.563c0-1.782.625-3.5 1.781-4.844.188-.219.5-.344.782-.344.53 0 .968.469.968 1 0 .25-.062.469-.219.656a5.365 5.365 0 0 0 -1.312 3.532c0 2.967 2.438 5.437 5.406 5.437 1.969 0 3.813-1.125 4.75-2.875.188-.313.532-.5.875-.5.563 0 1 .438 1 1a.882.882 0 0 1 -.125.469c-1.281 2.375-3.781 3.906-6.5 3.906-4.094 0-7.406-3.344-7.406-7.438zm4.484-10.253c0-.937 1.25-1.312 2.25-1.312 1.47 0 2.594 1.031 3.032 2.437l.812 2.565h5.406c.563 0 1 .469 1 1 0 .562-.437 1-1 1h-6.124a.975.975 0 0 1 -.937-.688l-1.063-3.375c-.156-.594-.562-.937-1.156-.937-.5 0-.906.312-1.219.312-.562 0-1-.469-1-1zm4.907 8.69c0-.563.468-1 1-1h7.593c.407 0 .782.25.938.594l3 6.938c.062.125.094.25.094.375 0 .469-.328 1-1.016 1-.375 0-.766-.218-.922-.593l-2.75-6.314h-6.937c-.532 0-1-.438-1-1zm-2.625-18.5c1.78 0 3.218 1.438 3.218 3.25a3.214 3.214 0 0 1 -3.218 3.219c-1.813 0-3.25-1.438-3.25-3.219a3.228 3.228 0 0 1 3.25-3.25zm0 2c-.688 0-1.25.563-1.25 1.25 0 .688.562 1.219 1.25 1.219.687 0 1.25-.532 1.25-1.219 0-.688-.563-1.25-1.25-1.25z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_parent_child_compartment_20.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_parent_child_compartment_20.svg
new file mode 100644
index 0000000000..73df597e90
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_parent_child_compartment_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.001 8c1.055 0 2 .864 2 2v3c0 1.054-.842 2-2 2v2c0 .614-.487 1-1 1s-1-.384-1-1a750 750 0 0 1 0-3c0-.513.413-1 1-1a82.99 82.99 0 0 1 1 0v-3h-1a1 1 0 0 1 -1-1c0-.513.375-1 1-1zm-4.5 5a1.5 1.5 0 0 1 .5 2.916v1.084a1 1 0 1 1 -2 0v-1l.005-.084a1.5 1.5 0 0 1 .494-2.916h1zm-3.5-6a1 1 0 0 1 1 1c0 .513-.418 1-1 1h-2v3h1c.513 0 1 .336 1 1v4a1 1 0 0 1 -1 1c-.513 0-1-.373-1-1v-3c-1.054 0-2-.81-2-2v-3c0-1.054.832-2 2-2zm3 2a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm4-6a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm-7-1a2 2 0 1 1 0 4 2 2 0 0 1 0-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_parent_child_compartment_24.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_parent_child_compartment_24.svg
new file mode 100644
index 0000000000..7dfe4d3b7e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_parent_child_compartment_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10 7.25a1 1 0 0 1 1 1c0 .513-.478 1-1 1h-2.994c-.004.668-.006 2.084-.006 4.25 0 .243.229.504.5.504h.499c.513 0 1.056.495 1 1v5.996a1 1 0 0 1 -1 1c-.513 0-.993-.424-1-1-.001-.85.007-3.238-.001-5.052-1.05-.242-1.998-1.163-1.998-2.448v-4.25c0-1.054.975-2 2-2 1-.002 2-.002 3 0zm7 2c1.054 0 2 .857 2 2v3.25c0 1.22-.99 2.277-2 2.435v4.065c0 .513-.487 1-1 1s-1-.462-1-1c-.002-1.666-.002-3.333 0-5 0-.513.402-1 1-1h.533c.236 0 .467-.234.467-.5v-3.25h-2a1 1 0 0 1 -1-1c0-.513.465-1 1-1zm-4.5 6.75a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1 -1 1.414v1.086a1 1 0 0 1 -2 0v-1.085a1.5 1.5 0 0 1 -1-1.415v-1a1.5 1.5 0 0 1 1.5-1.5zm-2-2.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0 -3 0zm-3.5-9.5a2 2 0 1 0 4 0 2 2 0 0 0 -4 0zm6 2a2 2 0 1 0 4 0 2 2 0 0 0 -4 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_parent_child_compartment_32.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_parent_child_compartment_32.svg
new file mode 100644
index 0000000000..2f7d49f9d2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_parent_child_compartment_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16.407 20c1.593 0 2.593 1 2.593 2.785v1.43c0 1.36-.6 2.43-2.003 2.718l.003.067v2a1 1 0 0 1 -2 0v-2l.003-.067c-1.593-.358-2.003-1.53-2.003-2.718v-1.43c0-1.785 1-2.785 2.559-2.78zm-2.907-10.5c1.392 0 2.5 1.108 2.5 2.5a1 1 0 0 1 -1 1c-.513 0-1-.417-.993-.883.005-.356-.156-.616-.507-.617-1.333-.002-2.667-.002-4 0-.242 0-.477.202-.5.54v7.46c0 .242.188.5.54.5h.46c.513 0 1 .415 1 1 .002 2.666.002 5.333 0 8a1 1 0 0 1 -1 1 .99.99 0 0 1 -1-1c-.004-3.529.05-3.631-.001-7.058-1.024 0-1.999-1.212-1.994-2.276l-.005-7.626c0-1.336.985-2.538 2.5-2.54 1.333-.002 2.667-.002 4 0zm9.215 2c1.215 0 2.285 1.035 2.285 2.35v6.65c0 1.135-.862 2.163-2.001 2.423-.002.302-.003.672-.003 1.11v2.435c0 .751.002 1.595.004 2.532 0 .513-.487 1-1 1s-1-.436-1-1v-7c0-.513.415-1 1-1h.388c.327 0 .612-.259.612-.557v-6.594c0-.16-.077-.349-.285-.349h-3.705a1 1 0 0 1 -1-1 .994.994 0 0 1 1-1c1.235-.002 2.47-.002 3.705 0zm-6.375 10.502h-.68c-.421 0-.658.311-.658.658v1.68c0 .383.2.658.658.658h.68c.337.002.66-.237.66-.658v-1.68c0-.337-.239-.658-.66-.658zm-.34-7.002a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm5-11a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm-9-2a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm9 4a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-9-2a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_quiet_zone_20.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_quiet_zone_20.svg
new file mode 100644
index 0000000000..ce8c9da0aa
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_quiet_zone_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m6.742 2.485a1392.89 1392.89 0 0 1 2.197 3.66c.835 1.418.28 2.85-1.267 2.85l-1.172.005v3.632c0 1.213-.635 2.048-1.83 1.997l-.306.003c-.19-.003-.364.185-.36.38l-.004 1.988a1 1 0 0 1 -1 1c-.513 0-1-.341-1-1v-1.988c0-1.221.53-2.28 1.714-2.374l.786-.006-.01-3.637c0-.945.885-1.995 2.01-1.995h.619l-2.092-3.485c-.264-.44-.097-1.109.343-1.372.44-.264 1.027-.155 1.372.342zm4.947 5.603c.493.141.846.687.686 1.237l-.622 2.175h.747a1 1 0 0 1 .452.108l1.349.89h1.199c.117 0 .234.016.448.106l1 .502c.384.192.635.66.522 1.135l-.468 1.88v.879c0 .513-.487 1-1 1-.512 0-1-.478-1-1v-1c.002-.082.012-.163.03-.241l.285-1.148c.01-.039.035-.111-.055-.114l-1.262.001a1 1 0 0 1 -.452-.108l-1.212-.799a.909.909 0 0 0 -.327-.092h-.827l-.182.638v2.863c0 .513-.487.993-1 .993s-1-.433-1-.993v-2.884a2.1 2.1 0 0 1 .078-.528l1.374-4.813a1 1 0 0 1 1.237-.687zm-8.689-4.088a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7.926-2c.813 0 1.262.433 1.262 1.223 0 .817-.463 1.255-1.32 1.255a1.056 1.056 0 0 1 -.258-.038v1.082c0 .264-.192.478-.43.478-.237 0-.43-.214-.43-.478v-3.048c0-.264.192-.474.435-.474h.74zm2.521.969c.184 0 .407.051.547.1.153.054.25.138.25.309 0 .17-.126.344-.278.308a1.252 1.252 0 0 0 -.48-.1c-.258 0-.372.07-.372.221 0 .098.031.157.109.211l.067.032.177.056.185.053c.496.146.693.4.693.893 0 .617-.35.944-1.034.946-.296 0-.592-.068-.791-.148-.147-.06-.196-.178-.19-.307.01-.197.17-.335.354-.26.11.046.353.11.558.11.287 0 .397-.07.397-.255a.221.221 0 0 0 -.075-.178l-.053-.03-.1-.036-.232-.07c-.554-.184-.747-.422-.747-.936 0-.606.346-.92 1.015-.92zm2.141 0c.184 0 .408.051.547.1.153.054.25.138.25.309 0 .17-.125.344-.278.308a1.252 1.252 0 0 0 -.48-.1c-.258 0-.371.07-.371.221 0 .098.03.157.108.211l.067.032.177.056.185.053c.497.146.693.4.693.893 0 .617-.35.944-1.034.946-.295 0-.591-.068-.79-.148-.148-.06-.197-.178-.19-.307.009-.197.168-.335.353-.26.11.046.354.11.559.11.286 0 .396-.07.396-.255a.221.221 0 0 0 -.075-.178l-.053-.03-.1-.036-.232-.07c-.554-.184-.747-.422-.747-.936 0-.606.347-.92 1.015-.92zm1.895-.591c.177 0 .279.103.304.241l.007.072v.364l.387-.002c.15-.001.272.135.272.3 0 .143-.09.263-.21.294l-.062.008h-.387v1.443c0 .19.053.267.21.283l.097.003.175-.019c.144.005.224.147.224.28a.31.31 0 0 1 -.209.303c-.112.034-.23.045-.361.045-.605 0-.883-.25-.917-.842l-.004-.132v-1.363h-.076l-.062-.01a.296.296 0 0 1 -.209-.292c0-.141.09-.26.21-.291l.061-.008h.131l.096-.335.044-.136c.05-.124.122-.206.28-.206zm-6.635.315h-.238v1.109a.48.48 0 0 0 .18.032c.404 0 .564-.167.564-.59 0-.364-.1-.551-.506-.551z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_quiet_zone_24.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_quiet_zone_24.svg
new file mode 100644
index 0000000000..22d3639cc1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_quiet_zone_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.175 2.484 2.264 3.66c.833 1.416.413 2.966-1.243 2.966h-.812l.46.447c.458.452.64.774.64 1.334 0 .306-.097.552-.274.741.17.198.273.328.273.742s-.208.862-.55 1.202l-.549.518v1.328c0 1.756-1.059 2.412-2.906 2.457-.319 0-.478.155-.478.466l-.004.872.002 1.393.002.39a1 1 0 0 1 -1 1c-.513 0-1-.4-1-1v-2.655c0-1.132.92-2.467 1.99-2.457l.786-.01c.351.007.607-.284.609-.52v-1.648a.977.977 0 0 1 .254-.68l.414-.432c-.453-.384-.526-1.417.014-1.926l-.39-.39c-.156-.156-.284-.31-.284-.575l-.008-.862c0-.923.634-1.733 1.73-1.733h.572l-2.16-3.598c-.264-.44-.142-1.107.314-1.376.456-.27 1.032-.094 1.334.346zm-3.925 1.515a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zm10.082 3.495c1.18.029 2.367 1.044 2.186 2.506l-.452 3.923c.8-.109 1.396.204 1.787.938.68-.061 1.43.102 1.84.933 1.09-.239 2.307.25 2.307 2.206v3a1 1 0 0 1 -1 1c-.513 0-1.008-.444-1-1v-3.176c-.887.303-1.562.025-2.027-.833-.907.261-1.537-.054-1.89-.947-1.356.317-2.104-.787-2.08-1.632l.528-4.645c.013-.137-.106-.269-.243-.282-.14-.013-.274.044-.296.21l-.983 8.281.477 2.86c.085.505-.316 1.066-.822 1.15a1.02 1.02 0 0 1 -1.15-.822l-.5-3a1.1 1.1 0 0 1 -.01-.136l.003-.145.983-8.354a2.304 2.304 0 0 1 2.342-2.034zm-.652-5.494c.96 0 1.488.46 1.488 1.298 0 .867-.546 1.333-1.557 1.333-.184 0-.425-.017-.597-.04v1.148a.507.507 0 1 1 -1.014 0v-3.236c0-.28.227-.503.513-.503zm-.092.735h-.574v1.178c.144.023.333.034.505.034.477 0 .667-.178.667-.626 0-.425-.167-.586-.598-.586zm5.873.293c.216 0 .48.055.644.107.18.057.295.147.295.328 0 .18-.148.365-.327.327a1.617 1.617 0 0 0 -.566-.107c-.305 0-.438.075-.438.236 0 .103.036.166.128.223l.078.034.134.04.293.076c.585.155.817.425.817.948 0 .656-.413 1.002-1.219 1.005a2.88 2.88 0 0 1 -.932-.158c-.173-.063-.23-.189-.223-.326.01-.208.199-.356.417-.275.129.048.416.115.658.115.338 0 .467-.074.467-.27a.224.224 0 0 0 -.088-.19l-.063-.031-.118-.037-.273-.075c-.653-.195-.88-.448-.88-.993 0-.644.408-.977 1.196-.977zm-2.76 0c.216 0 .476.054.645.107.18.057.294.147.294.328 0 .18-.148.365-.327.327a1.617 1.617 0 0 0 -.566-.107c-.304 0-.438.075-.438.236 0 .103.037.166.128.223l.079.034.133.04.293.076c.586.155.818.425.818.948 0 .656-.414 1.002-1.22 1.005a2.88 2.88 0 0 1 -.932-.158c-.172-.063-.23-.188-.223-.326.01-.208.199-.356.417-.275.129.048.416.115.658.115.338 0 .467-.074.467-.27a.224.224 0 0 0 -.088-.19l-.063-.031-.117-.037-.274-.075c-.653-.195-.88-.448-.88-.993 0-.644.408-.977 1.196-.977zm5.1-.627c.213 0 .334.114.36.266l.006.067v.386l.457-.002a.319.319 0 0 1 .074.63l-.074.009h-.457v1.533c0 .23.082.304.337.304l.054-.002.1-.012c.218-.044.342.13.342.29a.331.331 0 0 1 -.246.322 1.563 1.563 0 0 1 -.426.048c-.716 0-1.043-.268-1.082-.902l-.003-.132v-1.448l-.09-.001a.32.32 0 0 1 -.32-.32.32.32 0 0 1 .247-.309l.073-.008h.155l.113-.356c.065-.207.133-.363.38-.363z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_quiet_zone_32.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_quiet_zone_32.svg
new file mode 100644
index 0000000000..8d35319727
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_quiet_zone_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m17.734 10.998c1.406 0 2.577 1.21 2.415 2.618l-.503 4.96c1.135-.123 2.128.57 2.498 1.418 1.464-.292 2.156.504 2.824 1.363 1.834-.36 3.122 1.071 3.036 2.414l-.199 2.06-.107 3.2a1 1 0 0 1 -1.033.967 1.015 1.015 0 0 1 -.966-1.033c.035-1.088.072-2.175.111-3.263l.19-1.988c.02-.202-.154-.399-.418-.42-.22-.018-.41.128-.535.488-.123 1.283-2.08 1.185-1.991-.19.037-.414.077-.827.118-1.24.02-.203-.153-.399-.418-.42-.245-.02-.494.129-.524.374-.028.27-.054.54-.078.81-.122 1.284-2.08 1.231-1.99-.189.06-.647.121-1.295.185-1.942.02-.202-.153-.398-.418-.42-.245-.02-.499.12-.524.373a165.25 165.25 0 0 0 -.154 1.518c-.13 1.283-2.097 1.186-1.99-.201l.896-8.835c.017-.18-.173-.4-.418-.42-.246-.02-.525.155-.525.378-.407 4.06-.812 8.12-1.214 12.181l.402 3.319a1 1 0 0 1 -.872 1.113 1.014 1.014 0 0 1 -1.113-.872c-.09-.737-.227-1.995-.407-3.774l1.213-12.161c.122-1.27 1.21-2.185 2.509-2.186zm-6.875-8.514 3.004 5.007c1.021 1.733.517 3.507-1.621 3.505h-1.24l-.001.587.703.704c.534.544.801 1.048.801 1.512 0 .478-.263.874-.823 1.19.572.32.823.694.823 1.18 0 .575-.25.996-.667 1.405l-.837.795v1.631c0 2.094-1.155 2.945-3.648 2.994l-1.34.003c-.45-.003-1.011.437-1.011 1.002v3a1 1 0 0 1 -1 1c-.513 0-1.002-.451-1-1-.003-1-.003-2 0-3-.002-1.314 1-2.997 2.562-3.003h1.741c1.046.007 1.697-.338 1.705-.997l-.008-2c0-.424.37-.941 1.112-1.55-.53-.281-.696-.972-.698-1.44s.071-1.135.712-1.469l-.834-.834a1 1 0 0 1 -.284-.575l-.008-1.132c0-1.08.781-2.002 2-2.002l1.373.003-3.23-5.486a1 1 0 0 1 .342-1.372c.44-.264 1.036-.164 1.372.342zm9.092.516c.982 0 1.524.47 1.524 1.33 0 .888-.56 1.365-1.595 1.365-.188 0-.435-.018-.612-.041v1.176a.52.52 0 1 1 -1.038 0v-3.316c0-.287.232-.515.525-.515h1.196zm5.92 1.053c.222 0 .492.057.661.11.184.058.302.15.302.335 0 .186-.152.374-.336.336a1.657 1.657 0 0 0 -.58-.11c-.311 0-.448.076-.448.241 0 .106.038.17.131.23l.048.021.088.03.382.102c.6.158.837.435.837.97 0 .672-.424 1.027-1.249 1.03a2.95 2.95 0 0 1 -.954-.162c-.178-.065-.237-.193-.23-.333.012-.214.204-.365.428-.282.132.048.426.118.674.118.346 0 .478-.077.478-.277a.23.23 0 0 0 -.09-.194l-.042-.023-.051-.02-.254-.072-.118-.032c-.669-.2-.901-.459-.901-1.018 0-.659.418-1 1.225-1zm-2.826 0c.221 0 .488.055.66.11.184.058.302.15.302.335 0 .186-.152.374-.335.336a1.657 1.657 0 0 0 -.58-.11c-.312 0-.449.076-.449.241 0 .106.038.17.131.23l.1.04.139.04.28.073c.599.158.836.435.836.97 0 .672-.424 1.027-1.249 1.03a2.95 2.95 0 0 1 -.954-.162c-.177-.065-.237-.193-.23-.333.012-.214.205-.365.428-.282.132.048.426.118.674.118.346 0 .478-.077.478-.277a.23.23 0 0 0 -.09-.194l-.041-.023-.052-.02-.372-.104c-.669-.2-.901-.459-.901-1.018 0-.659.418-1 1.225-1zm5.224-.642c.218 0 .341.117.37.272l.005.069v.395l.468-.002a.327.327 0 0 1 .066.648l-.066.007h-.468v1.569c0 .235.084.312.345.312l.056-.003.102-.012c.223-.045.35.133.35.297a.34.34 0 0 1 -.252.33 1.646 1.646 0 0 1 -.436.049c-.734 0-1.07-.274-1.108-.924l-.004-.135v-1.484h-.092a.325.325 0 0 1 -.066-.646l.066-.006h.159l.115-.365c.067-.212.137-.372.39-.372zm-21.767.588a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm13.355-.246h-.589v1.206c.147.024.341.035.518.035.488 0 .682-.182.682-.64 0-.436-.17-.6-.611-.6z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_table_20.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_table_20.svg
new file mode 100644
index 0000000000..68a0bc899c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_table_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7.481 6.997c.464 0 .881.324.988.786l.744 3.217h3.325c.463 0 .885.35.987.793l1.129 4.897c.027.12.04.222.04.323 0 .604-.463.987-.987.987a.999.999 0 0 1 -.967-.786l-.987-4.214h-3.325a.977.977 0 0 1 -.967-.743l-.927-3.93a1.515 1.515 0 0 1 -.04-.322c0-.564.463-1.008.987-1.008zm-4.481-4.997c.544 0 .995.456.995 1v2.587l2.156 9.128c.034.143.161.283.322.283h3.507c.544 0 1.007.463 1.007.987 0 .544-.483 1.015-1.007 1.015h-3.567a2.256 2.256 0 0 1 -2.196-1.73l-2.177-9.26a1.371 1.371 0 0 1 -.04-.302v-2.708c0-.544.436-1 1-1zm4.5 3c.81 0 1.5-.669 1.5-1.5s-.69-1.5-1.5-1.5-1.5.669-1.5 1.5.69 1.5 1.5 1.5zm9.484 1.997c.567 0 1.016.449 1.016.995v2.008c0 .545-.45.994-1.016.994a.99.99 0 0 1 -.984-.994v-1h-2.004a.992.992 0 0 1 -.996-1c0-.546.45-1.003.996-1.003z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_table_24.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_table_24.svg
new file mode 100644
index 0000000000..0ea54b02f0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_table_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10.033 9c1.154 0 2.096.934 2.331 2.179l.517 2.825 3.654.004c.447 0 .848.307.966.754l1.507 5.987c.142.613-.33 1.249-.966 1.249-.47 0-.895-.33-.989-.754l-1.296-5.244h-3.722c-.494 0-.895-.354-.986-.833l-.658-3.66c-.047-.235-.235-.508-.563-.508h-.423a.997.997 0 0 1 -.997-1c0-.542.447-1 .989-1h.636zm-8.033-4.987a1 1 0 0 1 .99-1.013c1.812 0 3.01 1.272 3.01 3.25v2.663l1.63 8.127c.119.589.635.96 1.224.96h4.157c.542 0 .99.5.99 1.042 0 .566-.448.958-.99.958h-4.156c-1.555 0-2.873-1.052-3.18-2.56l-1.606-7.984a3.256 3.256 0 0 1 -.07-.66v-2.545c0-.872-.35-1.249-1.01-1.249a.995.995 0 0 1 -.989-.989zm8.002-1.013a2 2 0 0 1 2.003 2.002 2 2 0 0 1 -2.003 2.003 2 2 0 0 1 -2.002-2.003 2 2 0 0 1 2.002-2.002zm11.016 7c.565 0 .982.435.982 1v3.005a.98.98 0 0 1 -1 .995.99.99 0 0 1 -.995-.995v-2.003h-3.005a1 1 0 0 1 -1-1.002c0-.565.435-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_table_32.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_table_32.svg
new file mode 100644
index 0000000000..b16c2feb06
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_table_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m2.005 6.003a1.01 1.01 0 0 1 1.001-1.003c2.13 0 3.999 1.66 3.999 4.01v2.85l2.298 11.561c.182.91 1.034 1.579 1.974 1.579h5.726c.564 0 1 .436 1 1s-.436 1-1 1h-5.726a3.976 3.976 0 0 1 -3.916-3.203l-2.33-11.56a3.11 3.11 0 0 1 -.031-.376v-2.851c0-1.128-.897-2.01-1.993-2.01a.985.985 0 0 1 -1.002-.997zm8 9.23c0-.847 1.16-1.233 2.04-1.233 1.632 0 2.856.888 3.174 2.43l.907 4.57h5.618c.471 0 .88.386.974.857l1.38 6.968a1.005 1.005 0 0 1 -.972 1.193c-.503 0-.91-.345-1.005-.816l-1.193-6.202h-5.65c-.47 0-.879-.296-.973-.767l-1.036-5.242c-.126-.628-.565-.991-1.193-.991-.596 0-.753.27-1.161.27-.534 0-.91-.472-.91-1.037zm2.26-9.48c1.789 0 3.233 1.476 3.233 3.265 0 1.79-1.444 3.264-3.233 3.264a3.262 3.262 0 0 1 -3.265-3.263 3.262 3.262 0 0 1 3.265-3.265zm0 2.01a1.26 1.26 0 0 0 -1.256 1.255c0 .69.565 1.256 1.256 1.256a1.26 1.26 0 0 0 1.255-1.256 1.26 1.26 0 0 0 -1.255-1.256zm8.735 9.241c0-.534.47-1.005 1.004-1.005h7.063c.565 0 1.005.47 1.005 1.005v6.026a.992.992 0 0 1 -1.005 1.005.992.992 0 0 1 -1.004-1.005v-5.02h-6.059c-.533 0-1.004-.44-1.004-1.005z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_traveler-with-reduced-mobility_20.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_traveler-with-reduced-mobility_20.svg
new file mode 100644
index 0000000000..f845a7357e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_traveler-with-reduced-mobility_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m6 18.004a1 1 0 0 1 -1-1v-3.054h-.109a2.894 2.894 0 0 1 -2.891-2.891 2.876 2.876 0 0 1 1.539-2.556 1.001 1.001 0 0 1 .922 1.776l-.038.021a.89.89 0 0 0 .468 1.65h1.109a1 1 0 0 1 1 1v4.054a1 1 0 0 1 -1 1zm6.001-14.004a2 2 0 1 0 3.999.001 2 2 0 0 0 -4-.001zm0 3c-1.169 0-2 .946-2 2a750 750 0 0 0 0 3c0 1.191.946 2 2 2v3c0 .627.487 1 1 1a1 1 0 0 0 1-1v-4c0-.663-.487-1-1-1h-1v-3h2c.581 0 1-.487 1-1a1 1 0 0 0 -1-1zm2.949 3.002a.991.991 0 0 0 0 1.98h.505c.303 0 .566.323.566.748v4.281a.991.991 0 0 0 1.98 0v-4.301c0-1.475-1.131-2.707-2.545-2.707h-.505zm-8.2-8.002a2 2 0 1 0 -.001 3.999 2 2 0 0 0 .001-3.999zm1.25 8v-1.991a1 1 0 1 0 -2 0v1.991a1 1 0 1 0 2 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_traveler-with-reduced-mobility_24.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_traveler-with-reduced-mobility_24.svg
new file mode 100644
index 0000000000..653409e726
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_traveler-with-reduced-mobility_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m9.148 2a2 2 0 1 1 0 3.999 2 2 0 0 1 0-3.999zm7.167 0a2 2 0 1 1 0 3.999 2 2 0 0 1 0-3.999zm-2 5.248c-1.025 0-2 .946-2 2v4.25c0 1.285.948 2.206 1.998 2.448.008 1.814 0 4.202 0 5.052.007.576.487 1 1 1a1 1 0 0 0 1-1v-5.996c.057-.505-.487-1-1-1h-.5c-.27 0-.5-.261-.5-.504 0-2.166.003-3.582.007-4.25h2.994c.522 0 1-.487 1-1a1 1 0 0 0 -1-1 749.5 749.5 0 0 0 -3 0zm2.68 5.751h.989c.565 0 1.013.423 1.013.989v7.009a.991.991 0 0 0 .989 1.002.997.997 0 0 0 1.013-1.002v-7.033c0-1.626-1.343-2.968-3.015-2.968h-.99a1.02 1.02 0 0 0 -1.012 1.013c0 .565.448.99 1.013.99zm-6.495-.837v-3.662a1 1 0 1 0 -2 0v2.662h-1a1 1 0 1 0 0 2h2a1 1 0 0 0 1-1zm-.5 8.838v-5c0-1.103-.897-2-2-2h-1c-1.023 0-1.898-.723-1.99-1.646a1.84 1.84 0 0 1 .962-1.814 1.001 1.001 0 0 0 -.944-1.764 3.836 3.836 0 0 0 -2.008 3.777c.193 1.933 1.942 3.446 3.98 3.446h1v5a1 1 0 0 0 2 .001z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_traveler-with-reduced-mobility_32.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_traveler-with-reduced-mobility_32.svg
new file mode 100644
index 0000000000..d1e417863e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_traveler-with-reduced-mobility_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m21 2a3 3 0 1 0 -.001 6 3 3 0 0 0 0-6zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm1.5 3.5c1.391 0 2.5 1.108 2.5 2.5a1 1 0 0 1 -1 1c-.514 0-1-.417-.994-.883.005-.356-.155-.616-.507-.617a888.89 888.89 0 0 0 -4 0c-.242 0-.477.202-.5.54v7.46c0 .242.188.5.54.5h.461c.513 0 1 .415 1 1 .002 2.666.002 5.333 0 8a1 1 0 0 1 -1 1 .99.99 0 0 1 -1-1c-.004-3.529.05-3.631 0-7.058-1.025 0-2-1.212-1.995-2.276l-.005-7.626c0-1.336.985-2.538 2.5-2.54 1.333-.002 2.667-.002 4 0zm-.516 9.097a2.989 2.989 0 0 1 3.008-3.008 2.988 2.988 0 0 1 2.992 2.976l.016 10.435c0 .533-.45 1-1.015 1-.533 0-.99-.467-.99-1l-.01-10.403a.988.988 0 0 0 -1-1.003c-.564 0-1 .47-1 1.003s-.467 1.002-1 1.002c-.564 0-1-.439-1-1.002zm-10.55-16.597a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 4a1 1 0 1 1 .001-2 1 1 0 0 1 0 2zm-1 24a1 1 0 0 1 -1-1v-7.506a.495.495 0 0 0 -.148-.355c-.056-.055-.21-.164-.357-.145l-.174.003c-2.493.044-4.614-1.872-4.748-4.239a4.476 4.476 0 0 1 3.842-4.71.993.993 0 0 1 1.133.846 1 1 0 0 1 -.846 1.133 2.487 2.487 0 0 0 -2.132 2.62c.073 1.303 1.276 2.351 2.688 2.351h.034l.174-.003c.675-.027 1.312.248 1.792.722a2.48 2.48 0 0 1 .743 1.778v7.506a1 1 0 0 1 -1 1v-.001zm2.566-13.607v-5.894a1 1 0 1 0 -2 0v4.894h-2.37a1 1 0 1 0 0 2h3.37a1 1 0 0 0 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_window_20.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_window_20.svg
new file mode 100644
index 0000000000..8e930417a8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_window_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7.481 6.997c.464 0 .881.324.988.786l.744 3.217h3.325c.463 0 .885.35.987.793l1.129 4.897c.027.12.04.222.04.323 0 .604-.463.987-.987.987a.999.999 0 0 1 -.967-.786l-.987-4.214h-3.325a.977.977 0 0 1 -.967-.743l-.927-3.93a1.515 1.515 0 0 1 -.04-.322c0-.564.463-1.008.987-1.008zm-4.481-4.997c.544 0 .995.456.995 1v2.587l2.156 9.128c.034.143.161.283.322.283h3.507c.544 0 1.007.463 1.007.987 0 .544-.483 1.015-1.007 1.015h-3.567a2.256 2.256 0 0 1 -2.196-1.73l-2.177-9.26a1.371 1.371 0 0 1 -.04-.302v-2.708c0-.544.436-1 1-1zm4.5 3c.81 0 1.5-.669 1.5-1.5s-.69-1.5-1.5-1.5-1.5.669-1.5 1.5.69 1.5 1.5 1.5zm3.5 1.992v-2.984c0-1.111.897-2.008 2.008-2.008h3.978c.566 0 1.014.448 1.014 1.014 0 .546-.448.994-1.014.994h-3.978v2.984h3.978c.566 0 1.014.448 1.014 1.014 0 .546-.448.994-1.014.994h-3.978a2.005 2.005 0 0 1 -2.008-2.008z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_window_24.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_window_24.svg
new file mode 100644
index 0000000000..37e31e3a46
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_window_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10.033 9c1.154 0 2.096.934 2.331 2.179l.517 2.825 3.654.004c.447 0 .848.307.966.754l1.507 5.987c.142.613-.33 1.249-.966 1.249-.47 0-.895-.33-.989-.754l-1.296-5.244h-3.722c-.494 0-.895-.354-.986-.833l-.658-3.66c-.047-.235-.235-.508-.563-.508h-.423a.997.997 0 0 1 -.997-1c0-.542.447-1 .989-1h.636zm-7.044-6c1.814 0 3.012 1.272 3.012 3.25v2.663l1.63 8.127c.119.589.635.96 1.224.96h4.157c.542 0 .99.5.99 1.042 0 .566-.448.958-.99.958h-4.157c-1.555 0-2.873-1.052-3.18-2.56l-1.606-7.984a3.256 3.256 0 0 1 -.07-.66v-2.545c0-.872-.35-1.249-1.01-1.249a.995.995 0 0 1 -.989-.989 1 1 0 0 1 .99-1.013zm18-1a.999.999 0 1 1 0 1.997h-4.495a.497.497 0 0 0 -.494.494v4.042c0 .258.212.493.494.493h4.494a.999.999 0 0 1 1.012.987 1 1 0 0 1 -1.012.987h-4.494c-1.364 0-2.494-1.104-2.494-2.467v-4.043a2.51 2.51 0 0 1 2.494-2.49h4.494zm-10.988 1a2 2 0 0 1 2.003 2.002 2 2 0 0 1 -2.003 2.003 2 2 0 0 1 -2.001-2.003 2 2 0 0 1 2.002-2.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/seat/db_ic_window_32.svg b/review/refactor-icon-update/icons/functional/images/seat/db_ic_window_32.svg
new file mode 100644
index 0000000000..336535b465
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/seat/db_ic_window_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m12.045 14c1.632 0 2.856.888 3.174 2.43l.907 4.57h5.618c.471 0 .88.386.974.857l1.38 6.968a1.005 1.005 0 0 1 -.972 1.193c-.503 0-.91-.345-1.005-.816l-1.193-6.202h-5.65c-.47 0-.879-.296-.973-.767l-1.036-5.242c-.126-.628-.565-.991-1.193-.991-.596 0-.753.27-1.161.27-.534 0-.91-.472-.91-1.037 0-.847 1.16-1.233 2.04-1.233zm-9.038-9c2.13 0 3.999 1.66 3.999 4.01v2.85l2.298 11.561c.182.91 1.034 1.579 1.974 1.579h5.726c.564 0 1 .436 1 1s-.436 1-1 1h-5.726a3.976 3.976 0 0 1 -3.916-3.203l-2.33-11.56a3.11 3.11 0 0 1 -.031-.376v-2.851a1.995 1.995 0 0 0 -1.994-2.01.985.985 0 0 1 -1.002-.997 1.01 1.01 0 0 1 1.001-1.003zm9.258.753c1.789 0 3.233 1.476 3.233 3.265 0 1.79-1.444 3.264-3.233 3.264a3.262 3.262 0 0 1 -3.265-3.263 3.262 3.262 0 0 1 3.265-3.265zm0 2.01a1.26 1.26 0 0 0 -1.256 1.255c0 .69.565 1.256 1.256 1.256a1.26 1.26 0 0 0 1.255-1.256 1.26 1.26 0 0 0 -1.255-1.256zm5.735 5.237.004-8a3 3 0 0 1 3-3h7.996c.563 0 1 .438 1 1 0 .563-.437 1-1 1h-7.997c-.562 0-1 .438-1 1l-.008 8c0 .53.436 1.004 1.008 1h7.997c.563 0 1 .437 1 1 0 .531-.437 1-1 1h-7.997a3.002 3.002 0 0 1 -3.003-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_20.svg
new file mode 100644
index 0000000000..a4546308bc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 5.531c0-1.875 1.5-3.375 3.375-3.375 1.844 0 3.375 1.5 3.375 3.344 0 1.75-1.344 3.406-3.375 3.406a3.361 3.361 0 0 1 -3.375-3.375zm4.938 10.063c0 1.25 1 2.25 2.25 2.25s2.25-1 2.25-2.25c0-1.219-1-2.25-2.25-2.25a2.26 2.26 0 0 0 -2.25 2.25zm2.406-6.688c0-2.375 1.937-4.312 4.344-4.312a4.321 4.321 0 0 1 4.312 4.312c0 2.406-1.938 4.344-4.313 4.344-2.374 0-4.343-1.938-4.343-4.344z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_24.svg
new file mode 100644
index 0000000000..627ba8a4a0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m3.874 7.433a3.441 3.441 0 0 1 3.433-3.433c1.89 0 3.402 1.543 3.402 3.433a3.387 3.387 0 0 1 -3.402 3.402c-1.89 0-3.433-1.512-3.433-3.402zm5.008 10.268a2.292 2.292 0 0 0 2.3 2.299 2.312 2.312 0 0 0 2.298-2.3c0-1.26-1.04-2.298-2.299-2.298a2.292 2.292 0 0 0 -2.3 2.299zm2.462-6.857c-.005-2.435 1.947-4.387 4.404-4.387 2.394 0 4.378 1.952 4.378 4.378 0 2.456-1.984 4.41-4.378 4.41s-4.404-1.995-4.404-4.401z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_32.svg
new file mode 100644
index 0000000000..ec9c164700
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m21.516 7.813c3.593 0 6.5 2.906 6.5 6.5 0 3.593-2.907 6.5-6.5 6.5-3.563 0-6.5-2.907-6.5-6.5 0-3.594 2.906-6.5 6.5-6.5zm-12.532-3.625c2.747 0 5 2.222 5 5 0 2.746-2.253 5-5 5a5 5 0 0 1 -5-5c0-2.778 2.223-5 5-5zm5.75 23.625a3.414 3.414 0 0 0 3.407-3.407 3.414 3.414 0 0 0 -3.407-3.406 3.394 3.394 0 0 0 -3.406 3.406c0 1.875 1.5 3.407 3.406 3.407z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_card_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_card_20.svg
new file mode 100644
index 0000000000..446c53536e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_card_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.75 4a2.26 2.26 0 0 1 2.25 2.25v7.5c0 1.219-1 2.25-2.25 2.25h-11.5a2.26 2.26 0 0 1 -2.25-2.25v-7.5c0-1.219 1-2.25 2.25-2.25zm-9.188 2h-2.562v8h4.875c-.25-.25-.406-.563-.406-.906 0-.688.594-1.25 1.281-1.25.688 0 1.25.562 1.25 1.25 0 .344-.125.656-.375.906h5.375v-8h-7.281c.5.344.781.938.781 1.531a1.86 1.86 0 0 1 -1.875 1.875c-1 0-1.875-.812-1.875-1.875 0-.593.313-1.187.813-1.531zm5.657 1a2.407 2.407 0 0 1 2.406 2.406c0 1.281-1.094 2.375-2.406 2.375-1.313 0-2.406-1.094-2.406-2.375a2.407 2.407 0 0 1 2.406-2.406z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_card_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_card_24.svg
new file mode 100644
index 0000000000..cfe62609e7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_card_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5 5c1.375 0 2.5 1.125 2.5 2.5v9c0 1.375-1.125 2.5-2.5 2.5h-15a2.507 2.507 0 0 1 -2.5-2.5v-9c0-1.375 1.125-2.5 2.5-2.5zm-12.469 2h-2.531c-.281 0-.5.219-.5.5v9c0 .281.219.5.5.5h6a1.614 1.614 0 0 1 -.531-1.188c0-.937.75-1.624 1.656-1.624a1.614 1.614 0 0 1 1.094 2.812h6.781c.281 0 .5-.219.5-.5v-9c0-.281-.219-.5-.5-.5h-8.781a2.4 2.4 0 0 1 .562 1.563c0 1.342-1.061 2.437-2.406 2.437-1.375 0-2.438-1.125-2.438-2.469 0-.562.22-1.094.594-1.531zm4.719 4c0-1.719 1.375-3.125 3.094-3.125s3.094 1.406 3.094 3.125a3.08 3.08 0 0 1 -3.094 3.094 3.08 3.08 0 0 1 -3.094-3.094z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_card_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_card_32.svg
new file mode 100644
index 0000000000..1b73317fd4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_card_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27 6a3 3 0 0 1 3 3v14a3 3 0 0 1 -3 3h-22a3 3 0 0 1 -3-3v-14a3 3 0 0 1 3-3zm-18 2h-4c-.563 0-1 .438-1 1v14c0 .563.438 1 1 1h9.313a2.515 2.515 0 0 1 -1.188-2.125c0-1.438 1.156-2.5 2.5-2.5s2.5 1.063 2.5 2.5a2.56 2.56 0 0 1 -1.156 2.125h10.031c.563 0 1-.438 1-1v-14c0-.563-.438-1-1-1h-13.156a3.7 3.7 0 0 1 1.312 2.813 3.728 3.728 0 0 1 -3.719 3.718 3.708 3.708 0 0 1 -3.718-3.719c0-1.062.468-2.092 1.281-2.812zm6.813 6.5a4.748 4.748 0 0 1 4.75-4.75 4.748 4.748 0 0 1 4.75 4.75 4.748 4.748 0 0 1 -4.75 4.75 4.748 4.748 0 0 1 -4.75-4.75z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_card_solid_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_card_solid_20.svg
new file mode 100644
index 0000000000..625bd911ed
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahnbonus_card_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 14c0 1.094.875 2 2 2h12c1.125 0 2-.906 2-2v-8c0-1.094-.875-2-2-2h-12c-1.125 0-2 .906-2 2zm3.438-6.656c0-1.125.906-2 2-2 1.062 0 2 .812 2 1.968 0 1.125-.876 2.032-2 2.032-1.094 0-2-.906-2-2zm2.906 6c0-.813.625-1.375 1.375-1.375s1.344.625 1.344 1.344c0 .75-.626 1.343-1.344 1.343-.688 0-1.375-.531-1.375-1.312zm1.469-4a2.574 2.574 0 0 1 2.562-2.563 2.574 2.574 0 0 1 2.563 2.563c0 1.344-1.094 2.562-2.563 2.562a2.574 2.574 0 0 1 -2.563-2.562z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahncard_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahncard_20.svg
new file mode 100644
index 0000000000..7b0a395bfc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahncard_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.99 4c1.112 0 2.01.899 2.01 1.993v8.014a2.004 2.004 0 0 1 -2.01 1.993h-11.98a2.004 2.004 0 0 1 -2.01-1.993v-8.014c0-1.093.898-1.993 2.01-1.993zm.01 2h-12v8h12zm-10.976 7.01v-6h2.498c1.405 0 2.107.547 2.107 1.563 0 .665-.273 1.017-.975 1.27.936.196 1.307.626 1.307 1.447 0 1.133-.839 1.72-2.517 1.72zm1.659-1.446h.76c.567 0 .82-.157.82-.528 0-.41-.214-.547-.76-.547h-.82zm0-2.287h.722c.39 0 .585-.143.585-.43 0-.26-.175-.391-.566-.391h-.741v.82zm3.766.762c0-2.072 1.112-3.166 3.083-3.166.331 0 .744.054 1.463.193l-.129 1.684a5.23 5.23 0 0 0 -1.295-.196c-.956 0-1.288.371-1.288 1.466 0 1.055.351 1.426 1.307 1.426.258 0 .706-.038 1.238-.188l.219 1.574c-.564.236-1.342.295-1.593.295-1.913 0-3.005-.977-3.005-3.088z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahncard_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahncard_24.svg
new file mode 100644
index 0000000000..9f84e87b76
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahncard_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.995 5a3.006 3.006 0 0 1 3.005 3v8c0 1.668-1.361 3-3.005 3h-13.99a3.006 3.006 0 0 1 -3.005-3v-8c0-1.668 1.362-3 3.005-3zm-.008 1.997h-13.983c-.563 0-1.009.446-1.009 1.009v7.981c0 .564.446 1.01 1.01 1.01h13.982c.563 0 1.008-.446 1.008-1.01v-7.981c0-.563-.445-1.01-1.008-1.01zm-3.02 1.221c.376 0 .822.047 1.22.118.33.07.588.399.588.751v.024a.75.75 0 0 1 -.892.728 4.724 4.724 0 0 0 -.845-.07c-1.409 0-1.808.775-1.808 2.255 0 1.409.376 2.207 1.784 2.207.305 0 .587-.023.892-.093.47-.094.892.234.892.704v.047c0 .33-.211.611-.516.705a5.017 5.017 0 0 1 -1.362.188c-2.37 0-3.544-1.34-3.544-3.735 0-2.42 1.244-3.829 3.591-3.829zm-7.3.165c1.455 0 2.441.516 2.441 1.855 0 .846-.376 1.245-1.197 1.55 1.056.212 1.596.729 1.596 1.786 0 1.456-1.127 2.067-2.887 2.067h-2.043a.757.757 0 0 1 -.75-.752v-5.755c0-.423.351-.751.75-.751zm-.024 4.204h-1.056v1.55h.939c.798 0 1.22-.187 1.22-.798 0-.493-.281-.752-1.103-.752zm-.07-2.701h-.986v1.174h.939c.587 0 .868-.188.868-.61 0-.4-.258-.564-.821-.564z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahncard_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahncard_32.svg
new file mode 100644
index 0000000000..98eaf933a1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahncard_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27 6a3 3 0 0 1 3 3v14a3 3 0 0 1 -3 3h-22a3 3 0 0 1 -3-3v-14a3 3 0 0 1 3-3zm0 2h-22c-.562 0-1 .438-1 1v14c0 .563.438 1 1 1h22c.563 0 1-.438 1-1v-14c0-.563-.438-1-1-1zm-16.156 1.875c2.437 0 4.125.875 4.125 3.156 0 1.375-.59 2.103-1.875 2.531l-.188.063c1.844.375 2.75 1.281 2.75 3.063 0 2.468-1.937 3.5-4.937 3.5h-3.719c-.562 0-1-.438-1-1v-10.314c0-.564.438-1 1-1h3.844zm-.063 7.063h-1.781v2.78h1.563c1.406 0 2.093-.343 2.093-1.437 0-.968-.625-1.343-1.875-1.343zm-.125-4.625h-1.656v2.156h1.594c.906 0 1.469-.219 1.469-1.094 0-.719-.438-1.063-1.407-1.063zm6.125 3.874c0-4.156 2.063-6.625 6.125-6.625.688 0 1.313.063 1.969.22a1.398 1.398 0 0 1 1.063 1.25c0 1-.75 1.687-1.688 1.53a6.262 6.262 0 0 0 -1.25-.124c-2.469 0-3.094 1.312-3.094 3.624 0 2.22.594 3.5 3.063 3.5.468 0 .875-.03 1.406-.125.813-.125 1.594.438 1.625 1.25 0 .72-.344 1.25-.969 1.438a6.221 6.221 0 0 1 -1.906.313c-4.719.03-6.344-2.407-6.344-6.25z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahncard_solid_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahncard_solid_20.svg
new file mode 100644
index 0000000000..0a9b718db1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_bahncard_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.99 4c1.112 0 2.01.899 2.01 1.993v8.014a2.004 2.004 0 0 1 -2.01 1.993h-11.98a2.004 2.004 0 0 1 -2.01-1.993v-8.014c0-1.093.898-1.993 2.01-1.993zm-1.899 2.091c-2.452 0-3.681 1.473-3.681 4.055 0 2.195.888 3.704 3.4 3.704.534 0 1.307-.068 2.062-.338l-.216-1.655a4.18 4.18 0 0 1 -1.487.254c-1.535 0-1.886-.734-1.886-2.077 0-1.422.393-2.203 1.8-2.203.492 0 .996.1 1.517.297l.135-1.78a5.083 5.083 0 0 0 -1.644-.257zm-7.271.196h-2.908v7.407h2.849c1.795 0 2.966-.595 2.966-2.113 0-1.053-.564-1.607-1.659-1.815.847-.307 1.23-.704 1.23-1.568 0-1.392-.996-1.911-2.478-1.911zm1.112 5.076c0 .796-.74.843-1.188.845h-1.037v-1.66h1.093c.354 0 1.132 0 1.132.815zm-1.21-3.591c.262 0 .839 0 .839.632 0 .614-.545.655-.823.658h-1.03v-1.29z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_best_price_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_best_price_20.svg
new file mode 100644
index 0000000000..94b55302a8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_best_price_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.5 16a1 1 0 0 1 0 2h-11a1 1 0 0 1 -1-1c0-.513.428-1 1-1zm-6.394-13.447a1 1 0 0 1 1.725-.11l2.056 4.096 3.558-2.371c.688-.458 1.66.087 1.55.94-.618 2.818-1.29 5.854-2.019 9.109a1 1 0 0 1 -.86.776l-10.116.007a1 1 0 0 1 -.945-.672l-2.031-9.111c-.188-.843.702-1.493 1.436-1.106l3.652 2.429 1.994-3.986zm.894 2.683-1.606 3.211a1 1 0 0 1 -1.346.445l-2.532-1.679 1.286 5.786h8.395l1.286-5.786-2.428 1.62c-.434.288-1.11.199-1.39-.283a861.24 861.24 0 0 1 -1.665-3.314z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_best_price_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_best_price_24.svg
new file mode 100644
index 0000000000..9675ce1f8c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_best_price_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5 20a1 1 0 0 1 1 1c0 .513-.45 1-1 1h-15a1 1 0 0 1 -1-1c0-.513.426-1 1-1zm-8.394-17.447a1 1 0 0 1 1.725-.11l2.616 5.215 5.106-2.552c.668-.335 1.515.173 1.445.964a1723.41 1723.41 0 0 1 -2.014 11.109 1 1 0 0 1 -.865.814l-14.119.007a1 1 0 0 1 -.956-.705l-2.028-11.116a1 1 0 0 1 1.33-1.118l5.206 2.597zm.894 2.683-2.106 4.211a1 1 0 0 1 -1.234.494l-4.319-2.153 1.493 8.211h12.331l1.493-8.211-4.21 2.106c-.424.212-1.044.106-1.284-.345a480.513 480.513 0 0 1 -2.164-4.313z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_best_price_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_best_price_32.svg
new file mode 100644
index 0000000000..3b7a2550fc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_best_price_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27 23c.513 0 .998.416 1 1 .002.5.002 1 0 1.5 0 1.325-1.063 2.5-2.5 2.5-6.333.002-12.666.002-19 0a2.516 2.516 0 0 1 -2.5-2.5c-.002-.5-.002-1 0-1.5a1 1 0 0 1 2 0c.002.5.002 1 0 1.5 0 .245.182.5.5.5 6.33.003 12.664.003 19 0 .245 0 .498-.2.5-.5.003-.5.003-1 0-1.5a1 1 0 0 1 1-1zm-4.991-.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-12 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm6 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-.857-18.03c.392-.63 1.247-.63 1.696 0 1.493 2.383 2.983 4.767 4.47 7.152l7.152-4.47c.672-.42 1.64.078 1.514 1.027a422.363 422.363 0 0 0 -1.776 10.768 2.503 2.503 0 0 1 -2.46 2.053c-6.499.002-12.997.002-19.496 0-1.15 0-2.252-.81-2.46-2.053a352.777 352.777 0 0 1 -1.776-10.767c-.148-.817.741-1.5 1.514-1.027 2.386 1.489 4.77 2.978 7.151 4.469l4.471-7.151zm.848 2.417-4.152 6.643a1 1 0 0 1 -1.276.374l-.102-.056-6.082-3.801 1.372 8.542a.5.5 0 0 0 .32.38l.083.023.089.008h19.496a.5.5 0 0 0 .468-.325l.024-.086 1.372-8.544-6.082 3.803a1 1 0 0 1 -1.227-.13l-.083-.093-.068-.095z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_commuter_ticket_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_commuter_ticket_20.svg
new file mode 100644
index 0000000000..96597799a7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_commuter_ticket_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7 2c.531 0 1 .438 1 1 0 .563-.469 1-1 1h-3v12h8v-1.438c0-.53.438-1 1-1 .563 0 1 .47 1 1v1.438c0 1.094-.906 2-2 2h-8c-1.125 0-2-.906-2-2v-12c0-1.125.875-2 2-2zm6 0c2.75 0 5 2.25 5 5s-2.25 5-5 5-5-2.25-5-5 2.25-5 5-5zm1 2h-2v3.406l1.781 1.782 1.406-1.438-1.187-1.156zm-9 8.984c0-.508.426-.984.984-.984.59 0 1.016.476 1.016.984a1.01 1.01 0 0 1 -1.016 1.016c-.558 0-.984-.476-.984-1.016zm2.997 0c0-.508.451-.984 1-.984.548 0 1 .476 1 .984 0 .54-.452 1.016-1 1.016-.549 0-1-.476-1-1.016z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_commuter_ticket_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_commuter_ticket_24.svg
new file mode 100644
index 0000000000..f7654b2126
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_commuter_ticket_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2 18.99v-13.98c0-1.683 1.327-3.01 2.977-3.01h3.043c.55 0 .971.453.971 1.003s-.42 1.003-.97 1.003h-3.045c-.517 0-.97.454-.97 1.004v13.98c0 .55.453 1.004.97 1.004h8.026a1.01 1.01 0 0 0 1.004-1.004v-1.94c0-.583.453-.971.97-.971.583 0 1.004.388 1.004.97v1.942c0 1.683-1.327 3.01-2.978 3.01h-8.025c-1.65-.001-2.977-1.328-2.977-3.011zm3-2.006c0-.508.452-.984 1-.984s1 .476 1 .984c0 .54-.452 1.016-1 1.016s-1-.476-1-1.016zm3 0c0-.508.426-.984.984-.984.59 0 1.016.476 1.016.984a1.01 1.01 0 0 1 -1.016 1.016c-.558 0-.984-.476-.984-1.016zm2.997 0c0-.508.451-.984 1-.984.548 0 1 .476 1 .984 0 .54-.452 1.016-1 1.016-.549 0-1-.476-1-1.016zm4.987-14.984a6.005 6.005 0 0 1 6.016 6.016c0 3.3-2.685 5.984-6.016 5.984a5.991 5.991 0 0 1 -5.984-5.984c0-3.331 2.685-6.016 5.984-6.016zm-.013 2.5a.953.953 0 0 0 -.971.97v3.108c0 .226.065.42.226.582l1.36 1.327c.194.194.453.291.712.291.582 0 1.003-.388 1.003-.97a.952.952 0 0 0 -.291-.713l-1.036-1.003v-2.621a.98.98 0 0 0 -1.003-.971z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_commuter_ticket_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_commuter_ticket_32.svg
new file mode 100644
index 0000000000..9b034f9cd5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_commuter_ticket_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m3 27v-22a3 3 0 0 1 3-3h7.5c.531 0 1 .438 1 1 0 .563-.469 1-1 1h-7.5c-.563 0-1 .438-1 1v22c0 .563.438 1 1 1h14c.563 0 1-.438 1-1v-8c0-.563.438-1 1-1 .563 0 1 .438 1 1v8a3 3 0 0 1 -3 3h-14a3 3 0 0 1 -3-3zm4-4c0-.563.438-1 1-1h1c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-1c-.563 0-1-.438-1-1zm4.5 0c0-.563.438-1 1-1h1c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-1c-.563 0-1-.438-1-1zm4.5 0c0-.563.438-1 1-1h1c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-1c-.563 0-1-.438-1-1zm6-21c3.875 0 7 3.125 7 7s-3.125 7-7 7-7-3.125-7-7 3.125-7 7-7zm0 2c-2.75 0-5 2.25-5 5s2.25 5 5 5 5-2.25 5-5-2.25-5-5-5zm-1 5.568v-2.568c0-.563.438-1 1-1 .563 0 1.031.438 1.031 1v2l.844.719c.245.2.379.48.379.772 0 .548-.463 1.009-1.004 1.009-.25 0-.469-.094-.656-.219l-1.311-1.105a.777.777 0 0 1 -.283-.608z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_20.svg
new file mode 100644
index 0000000000..065de74b6d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 10c0-4.412 3.588-8 8-8 1.392 0 2.824.176 2.824 1.235 0 .47-.412 1-1 1-.157 0-1.098-.235-1.824-.235a6 6 0 0 0 0 12c.706 0 1.647-.235 1.824-.235.549 0 1 .47 1 1a1 1 0 0 1 -.746.96 8.167 8.167 0 0 1 -2.078.275c-4.412 0-8-3.588-8-8zm5-.353c0-.569.451-1 1-1 .284.007.518.085.733.3l2.008 2.009 5.651-5.662c.177-.196.47-.294.726-.294.568 0 1 .451 1 1a.91.91 0 0 1 -.294.706l-6.373 6.372a.995.995 0 0 1 -.706.295c-.333 0-.49-.079-.706-.295l-2.745-2.725a.92.92 0 0 1 -.294-.706z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_24.svg
new file mode 100644
index 0000000000..6de84b6fcf
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m13 21c.75 0 1.563-.094 2.313-.313a.976.976 0 0 0 .718-.968c0-.532-.437-1-.968-1-.25 0-1.126.281-2.063.281-3.875 0-7-3.125-7-7s3.125-7 7-7c1 0 1.875.281 2.063.281.53 0 .968-.468.968-1a.976.976 0 0 0 -.718-.968 8.415 8.415 0 0 0 -2.313-.313c-5 0-9 4.031-9 9s4 9 9 9zm0-6c.25 0 .469-.031.688-.281l7-7.031a.97.97 0 0 0 .28-.688.98.98 0 0 0 -.968-1 .99.99 0 0 0 -.719.281l-6.281 6.344-2.281-2.281a1.091 1.091 0 0 0 -.75-.313c-.531 0-.969.469-.969 1 0 .25.094.5.313.719l2.968 2.969a.99.99 0 0 0 .719.281z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_32.svg
new file mode 100644
index 0000000000..1b7a25dbba
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m5 16c0-6.063 4.906-11 11-11 .969 0 1.906.125 2.844.375.437.125.718.5.718.938 0 .687-.593 1.156-1.25 1a8.258 8.258 0 0 0 -2.312-.313c-4.969 0-9 4.031-9 9s4.031 9 9 9c.781 0 1.563-.094 2.313-.313.562-.125 1.25.22 1.25 1a.966.966 0 0 1 -.72.938c-.937.25-1.874.375-2.843.375-6.094 0-11-4.938-11-11zm6-.969c0-.437.375-1 1-1 .25 0 .531.094.719.281l3.312 3.344 9.282-9.312a1.1 1.1 0 0 1 .718-.281c.563 0 .969.437.969 1 0 .25-.094.5-.281.687l-9.969 10.031c-.188.188-.375.25-.719.282-.25 0-.5-.094-.687-.282l-4.031-4.031c-.188-.219-.313-.469-.313-.719z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_check_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_check_20.svg
new file mode 100644
index 0000000000..a34c55c8a9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_check_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7 9.647c0-.569.451-1 1-1 .284.007.518.085.733.3l2.008 2.009 5.651-5.662c.177-.196.47-.294.726-.294.568 0 1 .451 1 1a.91.91 0 0 1 -.294.706l-6.373 6.372a.995.995 0 0 1 -.706.295c-.333 0-.49-.079-.706-.295l-2.745-2.725a.92.92 0 0 1 -.294-.706z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_check_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_check_24.svg
new file mode 100644
index 0000000000..2d670e67bf
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_check_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m13 15c.25 0 .469-.031.688-.281l7-7.031a.97.97 0 0 0 .28-.688.98.98 0 0 0 -.968-1 .99.99 0 0 0 -.719.281l-6.281 6.344-2.281-2.281a1.091 1.091 0 0 0 -.75-.313c-.531 0-.969.469-.969 1 0 .25.094.5.313.719l2.968 2.969a.99.99 0 0 0 .719.281z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_check_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_check_32.svg
new file mode 100644
index 0000000000..4740e843ff
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_check_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m11 15.031c0-.437.375-1 1-1 .25 0 .531.094.719.281l3.312 3.344 9.282-9.312a1.1 1.1 0 0 1 .718-.281c.563 0 .969.437.969 1 0 .25-.094.5-.281.687l-9.969 10.031c-.188.188-.375.25-.719.282-.25 0-.5-.094-.687-.282l-4.031-4.031c-.188-.219-.313-.469-.313-.719z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_circle_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_circle_20.svg
new file mode 100644
index 0000000000..eb12758c71
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_circle_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 10c0-4.412 3.588-8 8-8 1.392 0 2.824.176 2.824 1.235 0 .47-.412 1-1 1-.157 0-1.098-.235-1.824-.235a6 6 0 0 0 0 12c.706 0 1.647-.235 1.824-.235.549 0 1 .47 1 1a1 1 0 0 1 -.746.96 8.167 8.167 0 0 1 -2.078.275c-4.412 0-8-3.588-8-8z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_circle_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_circle_24.svg
new file mode 100644
index 0000000000..95089e51aa
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_circle_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m13 21c.75 0 1.563-.094 2.313-.313a.976.976 0 0 0 .718-.968c0-.532-.437-1-.968-1-.25 0-1.126.281-2.063.281-3.875 0-7-3.125-7-7s3.125-7 7-7c1 0 1.875.281 2.063.281.53 0 .968-.468.968-1a.976.976 0 0 0 -.718-.968 8.415 8.415 0 0 0 -2.313-.313c-5 0-9 4.031-9 9s4 9 9 9z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_circle_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_circle_32.svg
new file mode 100644
index 0000000000..e6d0620852
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_komfort_check_in_circle_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m5 16c0-6.063 4.906-11 11-11 .969 0 1.906.125 2.844.375.437.125.718.5.718.938 0 .687-.593 1.156-1.25 1a8.258 8.258 0 0 0 -2.312-.313c-4.969 0-9 4.031-9 9s4.031 9 9 9c.781 0 1.563-.094 2.313-.313.562-.125 1.25.22 1.25 1a.966.966 0 0 1 -.72.938c-.937.25-1.874.375-2.843.375-6.094 0-11-4.938-11-11z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_cards_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_cards_20.svg
new file mode 100644
index 0000000000..dc381229ed
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_cards_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16 6.002c1.054 0 1.995.84 1.995 2l.005 7.998c0 1.054-.868 2-2 2h-12a2.01 2.01 0 0 1 -1.995-2l-.005-7.998a1.98 1.98 0 0 1 2-1.995zm0 2h-12v7.998h12zm-2.493.998c.332 0 .744.055 1.464.193l-.13 1.685a5.23 5.23 0 0 0 -1.295-.197c-.956 0-1.287.371-1.287 1.466 0 1.055.35 1.426 1.307 1.426.257 0 .706-.038 1.237-.188l.22 1.574c-.565.237-1.343.295-1.594.295-1.912 0-3.005-.977-3.005-3.088 0-2.072 1.113-3.166 3.083-3.166zm-6.01.137c1.405 0 2.108.547 2.108 1.563 0 .665-.273 1.017-.976 1.27.937.196 1.308.626 1.308 1.447 0 1.134-.84 1.72-2.517 1.72h-2.42v-6h2.498zm-.019 3.479h-.82v1.075h.762c.565 0 .819-.157.819-.528 0-.41-.215-.547-.761-.547zm-.078-2.033h-.741v.82h.721c.39 0 .586-.142.586-.429 0-.26-.176-.39-.566-.39zm8.6-8.581c1.054 0 1.911.802 1.995 1.85l.005.398a1 1 0 0 1 -1 1c-.513 0-1-.43-1-.968v-.28h-12v.248a1 1 0 0 1 -1 1 .99.99 0 0 1 -.993-1l-.007-.248c0-1.055.806-2 2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_cards_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_cards_24.svg
new file mode 100644
index 0000000000..861778086e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_cards_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20 8.002c1.054 0 2 .863 2 1.999v8c0 1.053-.859 2-2 2h-12c-1.054 0-2-.904-2-2v-8c0-1.054.877-2 2-1.994zm0 2h-12v7.998h12zm-2.493.998c.332 0 .744.055 1.464.193l-.13 1.685a5.23 5.23 0 0 0 -1.295-.197c-.956 0-1.287.371-1.287 1.466 0 1.055.35 1.426 1.307 1.426.257 0 .706-.038 1.237-.188l.22 1.574c-.565.237-1.343.295-1.594.295-1.912 0-3.005-.977-3.005-3.088 0-2.072 1.113-3.166 3.083-3.166zm-6.01.137c1.405 0 2.108.547 2.108 1.563 0 .665-.273 1.017-.976 1.27.937.196 1.308.626 1.308 1.447 0 1.134-.84 1.72-2.517 1.72h-2.42v-6h2.498zm5.503-7.135a1 1 0 0 1 0 2h-12a.993.993 0 0 0 -.993 1l-.007 7.998a1 1 0 0 1 -1 1c-.513 0-1-.436-1-1v-7.998a2.998 2.998 0 0 1 3-2.995zm-5.522 10.614h-.82v1.075h.762c.565 0 .819-.157.819-.528 0-.41-.215-.547-.761-.547zm-.078-2.033h-.741v.82h.721c.39 0 .586-.142.586-.429 0-.26-.176-.39-.566-.39z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_cards_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_cards_32.svg
new file mode 100644
index 0000000000..a08e731c6b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_cards_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m26.002 11c1.598 0 3 1.277 2.995 3l.005 8c0 1.598-1.298 3-3 3h-14c-1.598 0-3-1.28-2.995-3l-.005-8c0-1.598 1.3-3 3-2.995zm-14 2c-.513 0-1 .435-.993 1l-.007 8c0 .513.411 1 1 .993l14 .007c.513 0 .993-.41.993-1l.007-8c0-.513-.403-1-1-1zm11.001 1.214c.406.006.8.053 1.206.137s.587.473.587.734a.766.766 0 0 1 -.272.614c-.172.142-.4.2-.619.156a4.296 4.296 0 0 0 -.848-.084c-1.417 0-1.812.781-1.812 2.277 0 1.411.394 2.202 1.802 2.202.3-.002.6-.034.894-.096a.728.728 0 0 1 .894.7c.002.22-.07.606-.53.759-.44.145-.9.198-1.36.194-2.38 0-3.56-1.348-3.56-3.75 0-2.415 1.257-3.843 3.618-3.843zm-7.321.17c1.8 0 2.338.785 2.427 1.699.088.914-.458 1.58-1.197 1.71 1.076.22 1.612.744 1.612 1.803 0 1.454-1.141 2.06-2.9 2.06h-2.04a.75.75 0 0 1 -.75-.75v-5.772a.75.75 0 0 1 .75-.75zm-.03 4.225h-1.06v1.543h.934c.819 0 1.24-.197 1.24-.806 0-.486-.3-.737-1.114-.737zm4.353-12.61a2.999 2.999 0 0 1 2.997 3.001 1 1 0 0 1 -1 1 .994.994 0 0 1 -.993-1c0-.42-.308-.993-1.004-.993l-14.006-.007a.998.998 0 0 0 -.99.884l-.007 8.112a1 1 0 0 0 .881.993l1.117.007a1 1 0 0 1 .116 1.993l-1.116.007a2.999 2.999 0 0 1 -2.992-2.824l-.006-8.172c0-1.597 1.273-3 2.997-3h14.006zm-4.43 9.89h-.982v1.172h.942c.59 0 .88-.172.88-.596 0-.407-.277-.577-.84-.577z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_cards_solid_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_cards_solid_20.svg
new file mode 100644
index 0000000000..ee7b97007b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_cards_solid_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.99 6c1.112 0 2.01.899 2.01 1.993v8.014a2.004 2.004 0 0 1 -2.01 1.993h-11.98a2.004 2.004 0 0 1 -2.01-1.993v-8.014c0-1.093.898-1.993 2.01-1.993zm-1.899 2.091c-2.452 0-3.681 1.473-3.681 4.055 0 2.195.888 3.704 3.4 3.704.534 0 1.307-.068 2.062-.338l-.216-1.655a4.18 4.18 0 0 1 -1.487.254c-1.535 0-1.886-.734-1.886-2.077 0-1.422.393-2.203 1.8-2.203.492 0 .996.1 1.517.297l.135-1.78a5.083 5.083 0 0 0 -1.644-.257zm-7.271.196h-2.908v7.407h2.849c1.795 0 2.966-.595 2.966-2.113 0-1.053-.564-1.607-1.659-1.815.847-.307 1.23-.704 1.23-1.568 0-1.392-.996-1.911-2.478-1.911zm1.112 5.076c0 .796-.74.843-1.188.845h-1.037v-1.66h1.093c.354 0 1.132 0 1.132.815zm-.371-2.96c0 .659-.625.659-.878.659h-.976v-1.29h1.015c.262 0 .839 0 .839.632zm8.439-8.4c1.054 0 1.911.802 1.995 1.85l.005.397a1 1 0 0 1 -1 1c-.513 0-1-.43-1-.968v-.28h-12v.248a1 1 0 0 1 -1 1 .99.99 0 0 1 -.993-1l-.007-.248c0-1.055.806-2 2-2h12z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_passenger_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_passenger_20.svg
new file mode 100644
index 0000000000..0b03b5afe4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_passenger_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14.301 10c.988 0 1.535.112 2.094.423.522.29.934.72 1.21 1.257.267.52.376 1.027.393 1.887l.002 2.433a1 1 0 0 1 -2 0 536.79 536.79 0 0 1 -.005-2.538c-.015-.461-.065-.665-.17-.868a.981.981 0 0 0 -.403-.424c-.184-.102-.366-.15-.795-.165l-2.95-.005c-.652 0-.876.046-1.099.17a.981.981 0 0 0 -.403.424c-.104.202-.155.407-.17.856l-.005 2.55a1 1 0 0 1 -2 0c-.002-.737-.002-1.474 0-2.21 0-.99.105-1.545.395-2.11a2.98 2.98 0 0 1 1.21-1.257c.506-.282 1.006-.4 1.819-.42l2.876-.003zm-8.051 0a1 1 0 0 1 1 1c0 .513-.399 1-1 1l-.98.01c-.357.02-.521.068-.689.161a.985.985 0 0 0 -.406.424c-.086.167-.135.332-.158.648l-.017 2.757a1 1 0 0 1 -2 0v-2.151c0-1.05.102-1.598.397-2.17a2.986 2.986 0 0 1 1.214-1.257c.518-.287 1.019-.402 1.89-.42zm6.75-7a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 2a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-6-2a3 3 0 0 1 .885.133 1 1 0 0 1 -.476 1.939c-.225-.056-.307-.072-.409-.072a1 1 0 1 0 .264 1.965 1 1 0 0 1 .526 1.93 3.002 3.002 0 0 1 -3.79-2.895 3 3 0 0 1 3-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_passenger_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_passenger_24.svg
new file mode 100644
index 0000000000..a6006619dd
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_passenger_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.627 13c1.19 0 1.827.125 2.48.474.61.326 1.093.81 1.419 1.419.322.603.453 1.192.472 2.215l.002 2.892a1 1 0 0 1 -1 1c-.513 0-1.005-.423-1.005-1v-2.998c-.017-.616-.085-.89-.233-1.166a1.423 1.423 0 0 0 -.598-.598c-.276-.148-.55-.216-1.166-.233l-3.651-.005c-.86 0-1.187.064-1.511.238a1.43 1.43 0 0 0 -.598.598c-.16.297-.227.596-.237 1.307l-.001 2.857a1 1 0 0 1 -1 1c-.513 0-1-.413-.993-1l-.007-2.653c0-1.164.126-1.804.474-2.454a3.423 3.423 0 0 1 1.419-1.419c.6-.32 1.191-.453 2.194-.472zm-10.377 0a1 1 0 0 1 1 1c0 .513-.42 1-1 1l-1.159.01c-.503.013-.897.094-1.183.24-.29.146-.509.35-.659.611-.156.274-.226.538-.244 1.173l-.005 2.966a1 1 0 0 1 -2 0v-2.581c0-1.244.133-1.887.514-2.552a3.516 3.516 0 0 1 1.501-1.406c.638-.318 1.25-.443 2.378-.46zm8.75-10a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm-7.793 0a4.39 4.39 0 0 1 1.484.256c.52.186.786.757.604 1.279-.103.297-.508.809-1.166.637l-.402-.1a6.26 6.26 0 0 0 -.099-.021l-.155-.03-.156-.018-.11-.003c-1.233 0-2.207.91-2.207 2s.974 2 2.207 2l.153-.002c.159-.007.35-.033.683-.137.444-.14 1.023.12 1.2.642a1 1 0 0 1 -.628 1.268 4.4 4.4 0 0 1 -1.408.229c-2.309 0-4.207-1.775-4.207-4s1.898-4 4.207-4zm7.793 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_passenger_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_passenger_32.svg
new file mode 100644
index 0000000000..5b7c6a8659
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_multiple_passenger_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27.425 17.652a4.758 4.758 0 0 1 1.923 1.923c.45.842.63 1.666.65 3.174l.002 4.251a1 1 0 0 1 -1 1 .997.997 0 0 1 -1.005-1v-4.43c-.026-1.058-.144-1.552-.411-2.052a2.635 2.635 0 0 0 -1.102-1.102c-.536-.286-1.065-.401-2.288-.415l-5.173-.001c-1.368 0-1.935.112-2.503.416a2.635 2.635 0 0 0 -1.102 1.102c-.285.533-.401 1.064-.415 2.255l-.001 4.227a1 1 0 0 1 -2 0v-3.98c0-1.67.174-2.551.652-3.445a4.634 4.634 0 0 1 1.923-1.923c.838-.448 1.665-.629 3.141-.65l5.42-.002c.962 0 2.209.054 3.29.652zm-17.175-.652a1 1 0 0 1 1 1 .992.992 0 0 1 -1 1h-2.122c-.174 0-.536.01-1.088.03-.717.05-1.115.169-1.522.386a2.635 2.635 0 0 0 -1.102 1.102c-.217.407-.335.805-.386 1.522l-.03 1.088v3.872a1 1 0 0 1 -2 0v-3.872c0-1.777.168-2.648.652-3.553a4.634 4.634 0 0 1 1.923-1.923c.852-.455 1.674-.631 3.248-.65zm11.25-13a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11zm0 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7zm-11-2c1.11 0 2.174.33 3.075.94a1 1 0 0 1 -1.12 1.657 3.5 3.5 0 1 0 -.016 5.817 1 1 0 1 1 1.111 1.663 5.5 5.5 0 1 1 -3.05-10.077z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_my_travel_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_my_travel_20.svg
new file mode 100644
index 0000000000..3b250d9dc3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_my_travel_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 17v-3.625c0-1.313 1.031-2.375 2.344-2.375h2.656c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-2.656c-.188 0-.344.156-.344.375v3.625c0 .563-.438 1-1 1-.563 0-1-.438-1-1zm1.5-11.5c0-1.938 1.594-3.5 3.5-3.5 1.938 0 3.5 1.563 3.5 3.5 0 1.906-1.563 3.5-3.5 3.5-1.906 0-3.5-1.594-3.5-3.5zm2 0c0 .813.688 1.5 1.5 1.5a1.5 1.5 0 0 0 1.5-1.5c0-.844-.656-1.5-1.5-1.5a1.5 1.5 0 0 0 -1.5 1.5zm4.5 10.875v-5.719c0-.906.719-1.656 1.625-1.656h4.75c.906 0 1.625.75 1.625 1.656v5.719c0 .875-.719 1.625-1.625 1.625h-4.75c-.906 0-1.625-.75-1.625-1.625zm2-.375h4v-5h-4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_my_travel_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_my_travel_24.svg
new file mode 100644
index 0000000000..b7d3ebaca0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_my_travel_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2 20.998v-5.978c0-2.316 1.69-4.006 3.89-4.004.188 0 .438.03.657.156.625.312 2.281.828 3.219.828.53 0 .968.469.968 1a.98.98 0 0 1 -.968 1c-1.032 0-2.938-.484-4.032-1.016-.604.002-1.762.44-1.762 2.036v5.978a.989.989 0 0 1 -1.002 1.002.982.982 0 0 1 -.97-1.002zm4-15.045c-.01-2.2 1.764-3.953 3.981-3.953 2.185 0 4.022 1.753 4.019 3.953 0 2.156-1.834 3.938-4.016 3.938-2.213-.001-3.984-1.782-3.984-3.938zm2 .07a1.99 1.99 0 0 0 1.984 1.977c1.12 0 2.016-.893 2.016-1.978a2.01 2.01 0 0 0 -2.02-2.022c-1.088 0-1.985.895-1.98 2.022zm4.986 13.504-.002-7.043a2.494 2.494 0 0 1 2.5-2.484h4.043a2.469 2.469 0 0 1 2.473 2.485v7.042a2.458 2.458 0 0 1 -2.473 2.473h-4.037c-1.377 0-2.504-1.096-2.504-2.473zm2.003 0c0 .282.22.501.5.501h4.038a.494.494 0 0 0 .501-.5v-7.043c0-.282-.219-.532-.5-.532h-4.044c-.28 0-.5.25-.5.531zm1.002-1.04-.007-1.005a.51.51 0 0 1 .497-.498.51.51 0 0 1 .496.498l.007 1.004a.49.49 0 0 1 -.497.498.491.491 0 0 1 -.496-.498zm2.003.029-.01-1.056a.48.48 0 0 1 .505-.468c.279 0 .495.222.495.476v1.048c0 .286-.216.476-.495.476s-.495-.19-.495-.476z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_my_travel_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_my_travel_32.svg
new file mode 100644
index 0000000000..526d9b72d5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_my_travel_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m2.031 29-.031-7.922c0-3.406 2.188-5.781 5.469-5.906.218 0 .375.031.562.125 1.25.75 2.594 1.187 4 1.187.5 0 1-.03 1.5-.125.719-.125 1.125.407 1.125.97 0 .405-.25.843-.781.968-.594.094-1.188.187-1.781.187a9.186 9.186 0 0 1 -4.813-1.343c-1.625.156-3.281 1.249-3.281 3.937v7.922c0 .563-.438 1-1 1a.98.98 0 0 1 -.969-1zm9.969-26.5c3.313 0 6 2.688 6 6 0 3.313-2.688 6-6 6-3.313 0-6-2.688-6-6 0-3.313 2.688-6 6-6zm-.016 2c-2.21 0-3.984 1.813-3.984 4.031a3.973 3.973 0 0 0 3.984 3.969c2.21 0 4.016-1.781 4.016-3.969 0-2.219-1.805-4.031-4.016-4.031zm15.11 10.484a2.92 2.92 0 0 1 2.906 2.907v9.187a2.92 2.92 0 0 1 -2.906 2.906h-7.188a2.92 2.92 0 0 1 -2.906-2.906v-9.187a2.92 2.92 0 0 1 2.906-2.907zm-.063 2h-7.061a.974.974 0 0 0 -.969.97v9.062c0 .53.438.968.969.968h7.062a.974.974 0 0 0 .969-.968v-9.063a.974.974 0 0 0 -.969-.969zm-6.031 9c-.5 0-1-.406-1-1 0-.562.438-1 1-1h.969c.593 0 1.031.438 1.031 1 0 .563-.438 1-1.031 1zm4 0c-.5 0-1-.406-1-1 0-.562.438-1 1-1h.969c.593 0 1.031.438 1.031 1 0 .563-.438 1-1.031 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_outward_journey_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_outward_journey_20.svg
new file mode 100644
index 0000000000..a26bb0d37f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_outward_journey_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7 2c.531 0 1 .438 1 1 0 .563-.469 1-1 1h-3v12h8v-1.438c0-.53.438-1 1-1 .563 0 1 .47 1 1v1.438c0 1.094-.906 2-2 2h-8c-1.125 0-2-.906-2-2v-12c0-1.125.875-2 2-2zm-1.016 10c.59 0 1.016.476 1.016.984a1.01 1.01 0 0 1 -1.016 1.016c-.558 0-.984-.476-.984-1.016 0-.508.426-.984.984-.984zm3.013 0c.548 0 1 .476 1 .984 0 .54-.452 1.016-1 1.016-.549 0-1-.476-1-1.016 0-.508.451-.984 1-.984zm4.003-10c2.75 0 5 2.25 5 5s-2.25 5-5 5-5-2.25-5-5 2.25-5 5-5zm-.563 2.25-1.187 1.188 1.688 1.656-1.72 1.687 1.188 1.188 2.875-2.875z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_outward_journey_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_outward_journey_24.svg
new file mode 100644
index 0000000000..9085e50191
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_outward_journey_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2 18.99v-13.98c0-1.683 1.327-3.01 2.977-3.01h3.043c.55 0 .971.453.971 1.003s-.42 1.003-.97 1.003h-3.045c-.517 0-.97.454-.97 1.004v13.98c0 .55.453 1.004.97 1.004h8.026a1.01 1.01 0 0 0 1.004-1.004v-1.94c0-.583.453-.971.97-.971.583 0 1.004.388 1.004.97v1.942c0 1.683-1.327 3.01-2.978 3.01h-8.025c-1.65-.001-2.977-1.328-2.977-3.011zm3-2.006c0-.508.452-.984 1-.984s1 .476 1 .984c0 .54-.452 1.016-1 1.016s-1-.476-1-1.016zm3 0c0-.508.426-.984.984-.984.59 0 1.016.476 1.016.984a1.01 1.01 0 0 1 -1.016 1.016c-.558 0-.984-.476-.984-1.016zm4.002-.984c.548 0 1 .476 1 .984 0 .54-.452 1.016-1 1.016-.549 0-1-.476-1-1.016 0-.508.451-.984 1-.984zm3.982-14a6.005 6.005 0 0 1 6.016 6.016c0 3.3-2.685 5.984-6.016 5.984a5.991 5.991 0 0 1 -5.984-5.984c0-3.331 2.685-6.016 5.984-6.016zm-.718 2.6c-.583 0-1.036.453-1.036 1.036 0 .258.13.517.291.712l1.457 1.456-1.458 1.456c-.162.194-.291.453-.291.712 0 .583.453 1.036 1.036 1.036.258 0 .517-.097.712-.291l2.2-2.169c.227-.226.356-.485.356-.744 0-.227-.13-.486-.356-.712l-2.2-2.2c-.195-.163-.454-.292-.712-.292z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_outward_journey_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_outward_journey_32.svg
new file mode 100644
index 0000000000..7bc3a977e6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_outward_journey_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m3 27v-22a3 3 0 0 1 3-3h7.5c.531 0 1 .438 1 1 0 .563-.469 1-1 1h-7.5c-.563 0-1 .438-1 1v22c0 .563.438 1 1 1h14c.563 0 1-.438 1-1v-8c0-.563.438-1 1-1 .563 0 1 .438 1 1v8a3 3 0 0 1 -3 3h-14a3 3 0 0 1 -3-3zm4-4c0-.563.438-1 1-1h1c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-1c-.563 0-1-.438-1-1zm4.5 0c0-.563.438-1 1-1h1c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-1c-.563 0-1-.438-1-1zm4.5 0c0-.563.438-1 1-1h1c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-1c-.563 0-1-.438-1-1zm6-21c3.875 0 7 3.125 7 7s-3.125 7-7 7-7-3.125-7-7 3.125-7 7-7zm0 2c-2.75 0-5 2.25-5 5s2.25 5 5 5 5-2.25 5-5-2.25-5-5-5zm-.089 2.44 1.945 1.945a.973.973 0 0 1 0 1.378l-1.962 1.945a.973.973 0 0 1 -1.37-1.384l1.265-1.255-1.254-1.255a.974.974 0 0 1 1.375-1.374z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_qr_code_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_qr_code_20.svg
new file mode 100644
index 0000000000..73499160dc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_qr_code_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7.167 11a1.831 1.831 0 0 1 1.833 1.83v3.34a1.832 1.832 0 0 1 -1.833 1.83h-3.337a1.831 1.831 0 0 1 -1.83-1.83v-3.34a1.831 1.831 0 0 1 1.829-1.83zm-.167 2h-3v3h3zm9.17-11c1.01.001 1.829.82 1.83 1.83v3.34c0 1.01-.82 1.829-1.83 1.83h-3.34a1.831 1.831 0 0 1 -1.83-1.83v-3.34a1.831 1.831 0 0 1 1.83-1.83zm-.17 2h-3v3h3zm-8.83-2c1.01.001 1.83.82 1.83 1.83v3.34a1.832 1.832 0 0 1 -1.83 1.83h-3.34a1.832 1.832 0 0 1 -1.83-1.83v-3.34a1.832 1.832 0 0 1 1.83-1.83zm-.17 2h-3v3h3zm5 11a1 1 0 0 1 -1-1v-2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1-1v-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_qr_code_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_qr_code_24.svg
new file mode 100644
index 0000000000..07703f50b7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_qr_code_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m8.5 13c1.375 0 2.5 1.125 2.5 2.5v3c0 1.375-1.125 2.5-2.5 2.5h-3a2.507 2.507 0 0 1 -2.5-2.5v-3c0-1.375 1.125-2.5 2.5-2.5zm0 2h-3c-.281 0-.5.219-.5.5v3c0 .281.219.5.5.5h3c.281 0 .5-.219.5-.5v-3c0-.281-.219-.5-.5-.5zm0-12c1.375 0 2.5 1.125 2.5 2.5v3c0 1.375-1.125 2.5-2.5 2.5h-3a2.507 2.507 0 0 1 -2.5-2.5v-3c0-1.375 1.125-2.5 2.5-2.5zm0 2h-3c-.281 0-.5.219-.5.5v3c0 .281.219.5.5.5h3c.281 0 .5-.219.5-.5v-3c0-.281-.219-.5-.5-.5zm8.5 8c.531 0 1 .469 1 1v2h2c.563 0 1 .438 1 1v3c0 .563-.438 1-1 1h-3c-.563 0-1-.438-1-1v-2h-2c-.531 0-1-.469-1-1v-3c0-.531.469-1 1-1zm1.5-10c1.375 0 2.5 1.125 2.5 2.5v3c0 1.375-1.125 2.5-2.5 2.5h-3a2.507 2.507 0 0 1 -2.5-2.5v-3c0-1.375 1.125-2.5 2.5-2.5zm0 2h-3c-.281 0-.5.219-.5.5v3c0 .281.219.5.5.5h3c.281 0 .5-.219.5-.5v-3c0-.281-.219-.5-.5-.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_qr_code_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_qr_code_32.svg
new file mode 100644
index 0000000000..c4cc2a7cc4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_qr_code_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m12.063 17c1.624 0 2.937 1.344 2.937 2.969v6.093a2.934 2.934 0 0 1 -2.938 2.938h-6.092c-1.626 0-2.97-1.313-2.97-2.938v-6.092c.031-1.626 1.344-2.97 2.969-2.97h6.093zm0 2h-6.095a.974.974 0 0 0 -.969.969v6.062c0 .532.438.969.969.969h6.093c.532 0 .938-.438.938-.969v-6.061c0-.532-.406-.969-.938-.969zm0-16c1.631 0 2.937 1.335 2.937 2.969v6.093a2.934 2.934 0 0 1 -2.938 2.938h-6.123a2.934 2.934 0 0 1 -2.939-2.938v-6.092c0-1.626 1.313-2.97 2.938-2.97zm0 2h-6.095a.974.974 0 0 0 -.968.969v6.093c0 .532.438.938.969.97h6.093c.532-.032.938-.438.938-.97v-6.092c0-.532-.406-.938-.938-.969zm9.937 12c1 0 2 1 2 2v3h3c1 0 2 .625 2 2v3c0 1-1 2-2 2h-3c-1 0-2-1-2-2v-3h-3c-1 0-2-1-2-2v-3c0-1 1-2 2-2zm4.5 7h-2c-.25 0-.5.219-.5.5v2.125c0 .25.219.438.438.438h2.156c.218 0 .406-.188.406-.438v-2.125c0-.25-.25-.5-.5-.5zm-4.906-5h-2.157a.47.47 0 0 0 -.437.438v2.125c0 .25.219.437.438.437h2.062c.281 0 .5-.219.5-.5v-2.063c0-.218-.188-.437-.406-.437zm4.468-16c1.626 0 2.938 1.344 2.938 2.969v6.093a2.934 2.934 0 0 1 -2.938 2.938h-6.092c-1.626 0-2.97-1.313-2.97-2.938v-6.092a2.988 2.988 0 0 1 2.969-2.97zm0 2h-6.092a.974.974 0 0 0 -.969.969v6.093c0 .532.438.938.969.97h6.093c.532-.032.938-.438.938-.97v-6.092c0-.532-.406-.938-.938-.969zm-19.062 19v-2c0-.531.469-1 1-1h2c.563 0 1 .469 1 1v2c0 .563-.438 1-1 1h-2c-.531 0-1-.438-1-1zm0-14v-2c0-.531.469-1 1-1h2c.563 0 1 .469 1 1v2c0 .563-.438 1-1 1h-2c-.531 0-1-.438-1-1zm14 0v-2c0-.531.469-1 1-1h2c.563 0 1 .469 1 1v2c0 .563-.438 1-1 1h-2c-.531 0-1-.438-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_qr_code_scan_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_qr_code_scan_20.svg
new file mode 100644
index 0000000000..d56a4ca30b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_qr_code_scan_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m17 12a1 1 0 0 1 1 1v2c0 1.654-1.346 3-3 3h-2a1 1 0 1 1 0-2h2c.551 0 1-.448 1-1v-2a1 1 0 0 1 1-1m-1-5v-2c0-.552-.449-1-1-1h-2a1 1 0 1 1 0-2h2c1.654 0 3 1.346 3 3v2a1 1 0 1 1 -2 0m-12 6v2c0 .552.449 1 1 1h2a1 1 0 1 1 0 2h-2c-1.654 0-3-1.346-3-3v-2a1 1 0 1 1 2 0m-1-5a1 1 0 0 1 -1-1v-2c0-1.654 1.346-3 3-3h2a1 1 0 1 1 0 2h-2c-.551 0-1 .448-1 1v2a1 1 0 0 1 -1 1m10.25 3.5h-.25v-.25a.75.75 0 0 0 -.75-.75h-1a.75.75 0 0 0 -.75.75v1c0 .414.336.75.75.75h.25v.25c0 .414.336.75.75.75h1a.75.75 0 0 0 .75-.75v-1a.75.75 0 0 0 -.75-.75m-3.75 1.5v-1.5a1 1 0 0 0 -1-1h-1.5a1 1 0 0 0 -1 1v1.5a1 1 0 0 0 1 1h1.5a1 1 0 0 0 1-1m4.5-4.5v-1.5a1 1 0 0 0 -1-1h-1.5a1 1 0 0 0 -1 1v1.5a1 1 0 0 0 1 1h1.5a1 1 0 0 0 1-1m-4.5 0v-1.5a1 1 0 0 0 -1-1h-1.5a1 1 0 0 0 -1 1v1.5a1 1 0 0 0 1 1h1.5a1 1 0 0 0 1-1" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_qr_code_scan_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_qr_code_scan_24.svg
new file mode 100644
index 0000000000..b8ea3c4389
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_qr_code_scan_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m14.5 8v1.5h1.501l-.001-1.5zm1.5 3.5h-1.5c-1.103 0-2-.897-2-2v-1.5c0-1.103.897-2 2-2h1.5c1.103 0 2 .897 2 2v1.5c0 1.103-.897 2-2 2zm1 3h-1v-1a1 1 0 0 0 -1-1h-1.5a1 1 0 0 0 -1 1v1.5a1 1 0 0 0 1 1h1v1a1 1 0 0 0 1 1h1.5a1 1 0 0 0 1-1v-1.5a1 1 0 0 0 -1-1zm-9 0v1.5h1.501l-.001-1.5zm1.5 3.5h-1.5c-1.103 0-2-.897-2-2v-1.5c0-1.103.897-2 2-2h1.5c1.103 0 2 .897 2 2v1.5c0 1.103-.897 2-2 2zm-1.5-10v1.5h1.501l-.001-1.5zm1.5 3.5h-1.5c-1.103 0-2-.897-2-2v-1.5c0-1.103.897-2 2-2h1.5c1.103 0 2 .897 2 2v1.5c0 1.103-.897 2-2 2zm-6.498-2.528a1 1 0 0 0 1-1c-.002-.657-.002-1.313 0-1.971.003-1.143.945-2 2-2 .657.002 1.314.002 1.971 0 .575-.001 1-.488 1-1a1 1 0 0 0 -1-1h-1.971a3.99 3.99 0 0 0 -4 4c-.003.666-.003 1.328 0 1.986.001.565.487.985 1 .985zm12.97-4.97c.676-.002 1.352-.002 2.028 0 1.176.003 2 .945 2 2-.011.652-.021 1.304-.028 1.957a1.017 1.017 0 0 0 .986 1.014 1 1 0 0 0 1.014-.985c.012-.658.021-1.315.028-1.972.025-2.248-1.857-4.014-4-4.014a228.49 228.49 0 0 0 -2.028 0 1.001 1.001 0 0 0 0 2zm5.026 10.968a1 1 0 0 0 -1 1c.002.676.002 1.353 0 2.028-.002 1.122-.945 2-2 2-.676-.002-1.352-.002-2.028 0-.578.002-1 .489-1 1a1 1 0 0 0 1 1c.676.002 1.352.002 2.028 0a3.989 3.989 0 0 0 4-4c.003-.675.003-1.352 0-2.028-.002-.631-.487-1-1-1zm-12.026 6.028c0 .512-.418.998-1 1-.657.002-1.313.002-1.97 0-2.143 0-3.996-1.732-4-4a343.07 343.07 0 0 1 0-2.029 1 1 0 0 1 1-1 .996.996 0 0 1 1 1v2.029a1.99 1.99 0 0 0 2 2c.657.002 1.313.002 1.97 0a1 1 0 0 1 1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_qr_code_scan_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_qr_code_scan_32.svg
new file mode 100644
index 0000000000..ca7718c946
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_qr_code_scan_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m12.985 22.485c0 .281-.219.5-.5.5h-3a.494.494 0 0 1 -.5-.5v-3c0-.28.219-.5.5-.5h3c.281 0 .5.22.5.5zm-.5-5.5h-3a2.507 2.507 0 0 0 -2.5 2.5v3c0 1.375 1.125 2.5 2.5 2.5h3c1.375 0 2.5-1.125 2.5-2.5v-3c0-1.375-1.125-2.5-2.5-2.5zm.5-4.5c0 .281-.219.5-.5.5h-3a.494.494 0 0 1 -.5-.5v-3c0-.28.219-.5.5-.5h3c.281 0 .5.22.5.5zm-.5-5.5h-3a2.507 2.507 0 0 0 -2.5 2.5v3c0 1.375 1.125 2.5 2.5 2.5h3c1.375 0 2.5-1.125 2.5-2.5v-3c0-1.375-1.125-2.5-2.5-2.5zm5.5 10c-.531 0-1 .47-1 1v3c0 .531.469 1 1 1h2v2c0 .563.438 1 1 1h3c.563 0 1-.437 1-1v-3c0-.562-.437-1-1-1h-2v-2c0-.53-.469-1-1-1zm5-4.5c0 .281-.219.5-.5.5h-3a.494.494 0 0 1 -.5-.5v-3c0-.28.219-.5.5-.5h3c.281 0 .5.22.5.5zm-.5-5.5h-3a2.507 2.507 0 0 0 -2.5 2.5v3c0 1.375 1.125 2.5 2.5 2.5h3c1.375 0 2.5-1.125 2.5-2.5v-3c0-1.375-1.125-2.5-2.5-2.5zm1.487-4.983a1.001 1.001 0 0 0 0 2c.676-.002 1.352-.002 2.028 0 1.176.003 2 .945 2 2-.011.652-.021 1.304-.028 1.957a1.017 1.017 0 0 0 .986 1.014 1 1 0 0 0 1.014-.985c.012-.658.021-1.315.028-1.972.025-2.248-1.857-4.014-4-4.014a228.49 228.49 0 0 0 -2.028 0zm-17.97 0a3.99 3.99 0 0 0 -4 4c-.003.665-.003 1.327 0 1.985.001.564.487.985 1 .985a1 1 0 0 0 1-1c-.002-.657-.002-1.314-0-1.97.003-1.144.945-2 2-2h1.971c.575-.003 1-.489 1-1a1 1 0 0 0 -1-1c-.657-.003-1.314-.003-1.971 0zm-4 21.967a343.07 343.07 0 0 0 0 2.03c.005 2.266 1.857 4 4 4h1.971a1.01 1.01 0 0 0 1-1 1 1 0 0 0 -1-1h-1.971a1.99 1.99 0 0 1 -2-2c.002-.678.002-1.354 0-2.03a.995.995 0 0 0 -1-1 1 1 0 0 0 -1 1zm26.996-.999c.513 0 .998.37 1 1 .003.676.003 1.352 0 2.028a3.989 3.989 0 0 1 -4 4c-.676.002-1.352.002-2.028 0a1 1 0 0 1 -1-1c0-.512.422-.998 1-1 .676-.002 1.352-.002 2.028 0 1.055 0 1.998-.878 2-2 .002-.676.002-1.352 0-2.028a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_return_journey_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_return_journey_20.svg
new file mode 100644
index 0000000000..ca1e5d101d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_return_journey_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7 2c.531 0 1 .438 1 1 0 .563-.469 1-1 1h-3v12h8v-1.438c0-.53.438-1 1-1 .563 0 1 .47 1 1v1.438c0 1.094-.906 2-2 2h-8c-1.125 0-2-.906-2-2v-12c0-1.125.875-2 2-2zm-1.016 10c.59 0 1.016.476 1.016.984a1.01 1.01 0 0 1 -1.016 1.016c-.558 0-.984-.476-.984-1.016 0-.508.426-.984.984-.984zm3.013 0c.548 0 1 .476 1 .984 0 .54-.452 1.016-1 1.016-.549 0-1-.476-1-1.016 0-.508.451-.984 1-.984zm4.003-10c2.75 0 5 2.25 5 5s-2.25 5-5 5-5-2.25-5-5 2.25-5 5-5zm.594 2.25-2.844 2.844 2.875 2.875 1.187-1.188-1.718-1.687 1.687-1.657z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_return_journey_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_return_journey_24.svg
new file mode 100644
index 0000000000..f22302c405
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_return_journey_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2 18.99v-13.98c0-1.683 1.327-3.01 2.977-3.01h3.043c.55 0 .971.453.971 1.003s-.42 1.003-.97 1.003h-3.045c-.517 0-.97.454-.97 1.004v13.98c0 .55.453 1.004.97 1.004h8.026a1.01 1.01 0 0 0 1.004-1.004v-1.94c0-.583.453-.971.97-.971.583 0 1.004.388 1.004.97v1.942c0 1.683-1.327 3.01-2.978 3.01h-8.025c-1.65-.001-2.977-1.328-2.977-3.011zm3-2.006c0-.508.452-.984 1-.984s1 .476 1 .984c0 .54-.452 1.016-1 1.016s-1-.476-1-1.016zm3 0c0-.508.426-.984.984-.984.59 0 1.016.476 1.016.984a1.01 1.01 0 0 1 -1.016 1.016c-.558 0-.984-.476-.984-1.016zm3.002 0c0-.508.451-.984 1-.984.548 0 1 .476 1 .984 0 .54-.452 1.016-1 1.016-.549 0-1-.476-1-1.016zm4.982-14.984a6.005 6.005 0 0 1 6.016 6.016c0 3.3-2.685 5.984-6.016 5.984a5.991 5.991 0 0 1 -5.984-5.984c0-3.331 2.685-6.016 5.984-6.016zm.785 2.6c-.26 0-.518.13-.712.291l-2.201 2.2c-.226.228-.356.486-.356.713 0 .259.13.518.356.744l2.2 2.168c.195.195.454.292.713.292.582 0 1.035-.453 1.035-1.036 0-.259-.13-.518-.291-.712l-1.456-1.456 1.456-1.456c.162-.195.291-.454.291-.712 0-.583-.453-1.036-1.035-1.036z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_return_journey_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_return_journey_32.svg
new file mode 100644
index 0000000000..96cb28c8f8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_return_journey_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m3 27v-22a3 3 0 0 1 3-3h7.5c.531 0 1 .438 1 1 0 .563-.469 1-1 1h-7.5c-.563 0-1 .438-1 1v22c0 .563.438 1 1 1h14c.563 0 1-.438 1-1v-8c0-.563.438-1 1-1 .563 0 1 .438 1 1v8a3 3 0 0 1 -3 3h-14a3 3 0 0 1 -3-3zm4-4c0-.563.438-1 1-1h1c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-1c-.563 0-1-.438-1-1zm4.5 0c0-.563.438-1 1-1h1c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-1c-.563 0-1-.438-1-1zm4.5 0c0-.563.438-1 1-1h1c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-1c-.563 0-1-.438-1-1zm6-21c3.875 0 7 3.125 7 7s-3.125 7-7 7-7-3.125-7-7 3.125-7 7-7zm0 2c-2.75 0-5 2.25-5 5s2.25 5 5 5 5-2.25 5-5-2.25-5-5-5zm-.028 2.44-1.946 1.945a.973.973 0 0 0 0 1.378l1.963 1.945a.973.973 0 0 0 1.37-1.384l-1.266-1.254 1.255-1.255a.974.974 0 0 0 -1.376-1.375z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_20.svg
new file mode 100644
index 0000000000..26a580664c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m6 18h8c1.094 0 2-.906 2-2v-12c0-1.125-.906-2-2-2h-8c-1.094 0-2 .875-2 2v12c0 1.094.906 2 2 2zm0-2v-12h8v12zm1-3.016c0-.508.426-.984.984-.984.59 0 1.016.476 1.016.984a1.01 1.01 0 0 1 -1.016 1.016c-.558 0-.984-.476-.984-1.016zm3.997 0c0-.508.451-.984 1-.984.548 0 1 .476 1 .984 0 .54-.452 1.016-1 1.016-.549 0-1-.476-1-1.016z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_24.svg
new file mode 100644
index 0000000000..018c4f186f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m15.993 2a3.011 3.011 0 0 1 3.007 3.005v13.99a3.011 3.011 0 0 1 -3.007 3.005h-7.986a3.011 3.011 0 0 1 -3.007-3.005v-13.99a3.011 3.011 0 0 1 3.007-3.005zm0 2.019h-8.01a.997.997 0 0 0 -.986 1.01v13.99c0 .54.446.986.986.986h8.01a.997.997 0 0 0 1.01-.986v-13.99c0-.564-.446-1.01-1.01-1.01zm-7.986 12.981c0 .54.446.986 1.01.986.54 0 .986-.446.986-.986a.997.997 0 1 0 -1.996 0zm2.983 0c0 .54.446.986 1.01.986.54 0 .987-.446.987-.986a.997.997 0 1 0 -1.997 0zm3.007 0c0 .54.446.986.986.986a.997.997 0 1 0 0-1.995.997.997 0 0 0 -.986 1.01z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_32.svg
new file mode 100644
index 0000000000..2614f747ae
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m23 2a3 3 0 0 1 3 3v22a3 3 0 0 1 -3 3h-14a3 3 0 0 1 -3-3v-22a3 3 0 0 1 3-3zm0 2h-14c-.563 0-1 .438-1 1v22c0 .563.438 1 1 1h14c.563 0 1-.438 1-1v-22c0-.563-.438-1-1-1zm-13 19c0-.563.438-1 1-1h1c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-1c-.563 0-1-.438-1-1zm4.5 0c0-.563.438-1 1-1h1c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-1c-.563 0-1-.438-1-1zm4.5 0c0-.563.438-1 1-1h1c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-1c-.563 0-1-.438-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_discount_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_discount_20.svg
new file mode 100644
index 0000000000..005b130527
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_discount_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 15.984v-11.968c0-1.103.882-2.016 1.984-2.016h2.992c.567 0 1.008.472 1.008 1.008a.995.995 0 0 1 -1.008 1.008h-2.992v11.968h8.032v-.976c0-.567.41-1.008.976-1.008.535 0 1.008.44 1.008 1.008v.976c0 1.103-.882 2.016-1.984 2.016h-8.032c-1.102 0-1.984-.913-1.984-2.016zm3-3c0-.508.426-.984.984-.984.59 0 1.016.476 1.016.984a1.01 1.01 0 0 1 -1.016 1.016c-.558 0-.984-.476-.984-1.016zm2.997 0c0-.508.451-.984 1-.984.548 0 1 .476 1 .984 0 .54-.452 1.016-1 1.016-.549 0-1-.476-1-1.016zm.003-5.969c0-2.763 2.246-5.015 5-5.015s5 2.252 5 5.015-2.246 4.985-5 4.985-5-2.222-5-4.985zm2-1.998c0 .542.467.983 1 .983s1-.44 1-.983c0-.576-.467-1.017-1-1.017s-1 .44-1 1.017zm.661 3.36.999.953 3.72-3.67-1.002-1zm3.339.64c0 .542.433.983 1 .983.533 0 1-.44 1-.983 0-.576-.467-1.017-1-1.017-.567 0-1 .44-1 1.017z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_discount_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_discount_24.svg
new file mode 100644
index 0000000000..f7d3a40654
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_discount_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2 18.969c0 1.656 1.313 3.031 2.969 3.031h8c1.656 0 3-1.375 3-3.031v-1.939c0-.531-.469-1.031-1-1.031-.563 0-.969.5-1 1.031v1.938c0 .562-.438 1.031-1 1.031h-8c-.532.001-.969-.468-.969-1.03v-13.939c0-.562.438-1 .969-1h3.031c.531-.031.969-.437.969-1 0-.562-.438-.969-.969-1h-3.031c-1.657.001-2.969 1.345-2.969 3.001v13.939zm3-1.969c0 .531.438 1 1 1 .563 0 1-.469 1-1 0-.563-.438-1-1-1-.563 0-1 .438-1 1zm3 0c0 .531.469 1 1 1 .563 0 1-.469 1-1 0-.563-.438-1-1-1-.531 0-1 .438-1 1zm1.063-6.781c.062.25.28.5.562.594l.656.25a.994.994 0 0 1 .625.843l.031.719c0 .281.157.563.376.719.25.156.53.219.812.125l.688-.188c.374-.094.75.063 1 .344l.437.563a.998.998 0 0 0 .75.343c.281 0 .563-.125.719-.344l.469-.562c.25-.281.625-.438 1-.344l.687.188c.281.094.594.031.781-.125.25-.156.375-.438.407-.719l.062-.719c0-.375.25-.719.594-.844l.656-.25c.281-.093.469-.343.563-.593a.933.933 0 0 0 -.094-.813l-.375-.594c-.219-.343-.219-.75 0-1.03l.375-.626c.156-.218.187-.531.093-.812-.093-.25-.28-.5-.562-.594l-.656-.25c-.344-.156-.594-.469-.594-.844l-.063-.718c-.03-.282-.156-.563-.406-.72-.187-.155-.5-.218-.781-.155l-.688.187c-.375.094-.75 0-1-.313l-.468-.562a.917.917 0 0 0 -.719-.375c-.281 0-.563.156-.75.375l-.438.563c-.25.312-.624.406-1 .312l-.687-.188c-.281-.062-.563 0-.813.157a.917.917 0 0 0 -.374.719l-.032.718c-.031.375-.281.688-.625.844l-.656.25a.887.887 0 0 0 -.563.594c-.093.281-.062.593.094.812l.406.625c.188.282.188.688 0 1.032l-.406.593a.932.932 0 0 0 -.094.813zm1.937 6.781c0 .531.438 1 1 1 .531 0 1-.469 1-1 0-.563-.469-1-1-1-.563 0-1 .438-1 1zm.906-10.906a.84.84 0 0 1 .844-.844c.469 0 .875.375.875.844a.894.894 0 0 1 -.875.875c-.469 0-.844-.407-.844-.875zm.625 4.156c-.125-.281-.031-.563.156-.781l3.407-3.406.093-.063a.757.757 0 0 1 .97.063c.28.28.28.75 0 1.062l-3.407 3.406-.094.063c-.094.094-.281.125-.437.125-.313 0-.563-.188-.688-.469zm3.875.375c0-.469.375-.875.844-.875s.844.406.844.875a.84.84 0 0 1 -.844.844.84.84 0 0 1 -.844-.844z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_discount_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_discount_32.svg
new file mode 100644
index 0000000000..54e4c9174e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_discount_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m6.99 30h14.02c1.64 0 2.99-1.349 2.99-3.018v-6.55a1 1 0 0 0 -.997-.996c-.546 0-.996.45-.996.995v6.55a1 1 0 0 1 -.997.996h-14.02c-.546 0-.997-.45-.997-.995v-21.964a1 1 0 0 1 .997-.995h7.492c.546 0 .997-.45.997-.995 0-.578-.45-1.028-.997-1.028h-7.492c-1.672 0-2.99 1.349-2.99 3.018v21.964c0 1.67 1.318 3.018 2.99 3.018zm1.994-6.005h.996c.547 0 .997-.45.997-.995a1 1 0 0 0 -.997-.995h-.996c-.547 0-.997.45-.997.995a1 1 0 0 0 .997.995zm4.501 0h.997c.546 0 .997-.45.997-.995a1 1 0 0 0 -.997-.995h-.997c-.547 0-.997.45-.997.995a1 1 0 0 0 .997.995zm4.501 0h.997c.547 0 .997-.45.997-.995a1 1 0 0 0 -.997-.995h-.997c-.546 0-.996.45-.996.995a1 1 0 0 0 .996.995zm4.598-21.995c.354 0 .708.16.9.45l.58.674c.289.385.771.546 1.221.417l.836-.224a1.11 1.11 0 0 1 .997.192c.29.193.482.514.482.867l.064.9c.033.449.322.866.74 1.027l.836.32c.321.13.579.386.707.74.097.32.065.706-.128.995l-.483.738c-.257.386-.257.9 0 1.285l.483.738c.193.29.225.675.128.996-.128.353-.386.61-.707.738l-.836.321c-.418.16-.707.578-.74 1.028l-.064.899c0 .353-.193.674-.482.867a1.11 1.11 0 0 1 -.997.193l-.836-.225a1.173 1.173 0 0 0 -1.222.385l-.578.707c-.193.289-.547.45-.9.45-.354 0-.676-.161-.901-.45l-.579-.707a1.173 1.173 0 0 0 -1.222-.385l-.835.225a1.11 1.11 0 0 1 -.997-.193 1.053 1.053 0 0 1 -.483-.867l-.064-.9c0-.449-.321-.866-.74-1.027l-.835-.32a1.237 1.237 0 0 1 -.708-.74 1.22 1.22 0 0 1 .161-.995l.482-.738c.225-.386.225-.9 0-1.285l-.482-.738c-.225-.29-.257-.675-.16-.996.128-.353.385-.61.707-.738l.836-.321c.418-.16.74-.578.74-1.06l.063-.867c0-.353.193-.674.483-.899.29-.193.643-.257.997-.16l.835.224c.45.097.933-.032 1.222-.417l.579-.674c.225-.29.547-.45.9-.45zm2.765 9.537c-.578 0-1.028.481-1.028 1.06 0 .577.45 1.059 1.028 1.059a1.07 1.07 0 0 0 1.062-1.06 1.07 1.07 0 0 0 -1.062-1.06zm-.482-4.913c-.354-.096-.675.032-.997.289l-4.18 4.206a.986.986 0 0 0 -.224 1.092.98.98 0 0 0 .932.61c.354 0 .45-.096.707-.289l4.18-4.174c.29-.257.386-.642.322-.996a1.07 1.07 0 0 0 -.74-.738zm-5.112-.61c-.547 0-.997.45-.997.995 0 .546.45.996.997.996.546 0 .997-.45.997-.996s-.45-.995-.997-.995z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_multiple_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_multiple_20.svg
new file mode 100644
index 0000000000..cd5c4b0066
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_multiple_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.987 6c1.104 0 2.013.878 2.013 1.984v8c0 1.105-.91 2.016-2.013 2.016h-5.974a2.004 2.004 0 0 1 -2.013-2.016v-8c0-1.106.877-1.984 2.013-1.984zm.013 2.016h-6.016v8h6.016zm-4.5 5.984v-2h1v2zm1.996 0v-2h1v2zm.504-10.995c0-.55.455-1.005 1.007-1.005h6.98c1.136 0 2.013.908 2.013 2.01v7.98c0 1.102-.877 2.01-2.013 2.01h-.974a1.011 1.011 0 0 1 -1.006-1.005 1.01 1.01 0 0 1 1.006-1.006h.974v-7.978h-6.98a1.011 1.011 0 0 1 -1.007-1.006z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_multiple_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_multiple_24.svg
new file mode 100644
index 0000000000..4433032432
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_multiple_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2 19v-10a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v10a3 3 0 0 1 -3 3h-7a3 3 0 0 1 -3-3zm2 0c0 .531.469 1 1 1h7c.531 0 1-.469 1-1v-10c0-.563-.469-1-1-1h-7c-.531 0-1 .438-1 1zm2-2c0 .531.469 1 1 1 .563 0 1-.469 1-1 0-.563-.438-1-1-1-.531 0-1 .438-1 1zm3 0c0 .531.438 1 1 1 .531 0 1-.469 1-1 0-.563-.469-1-1-1-.563 0-1 .438-1 1zm2-14c0-.563.469-1 1-1h7a3 3 0 0 1 3 3v10c0 1.563-1.281 3-3 3h-1c-.531 0-.969-.469-.969-1 0-.563.438-1 .969-1h1c.531 0 1-.438 1-1v-10c0-.531-.469-1-1-1h-7c-.531 0-1-.438-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_multiple_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_multiple_32.svg
new file mode 100644
index 0000000000..8dd35a8bd0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_multiple_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m18 5.995c1.656 0 3 1.374 3 3.028v16.95c0 1.653-1.344 3.027-3 3.027h-12c-1.656 0-3-1.373-3-3.028v-16.949c0-1.653 1.344-3.028 3-3.028zm0 1.998h-12c-.563 0-1 .468-1 1.03v16.95c0 .561.438.998 1 .998h12c.563 0 1-.437 1-.999v-16.949c0-.562-.438-1.03-1-1.03zm8-5.993c1.656 0 3 1.373 3 3.028v16.949c0 1.654-1.344 3.028-3 3.028h-1.969c-.562 0-1-.469-1-1.03 0-.531.438-1 1-1h1.969c.563 0 1-.436 1-.998v-16.95a.987.987 0 0 0 -1-.998h-12c-.563 0-1-.468-1-.999 0-.562.438-1.03 1-1.03zm-18 19.977c.563 0 1 .468 1 1.03 0 .53-.438.999-1 .999-.563 0-1-.468-1-1 0-.56.438-1.03 1-1.03zm4 0c.563 0 1 .468 1 1.03 0 .53-.438.999-1 .999-.563 0-1-.468-1-1 0-.56.438-1.03 1-1.03zm4 0c.563 0 1 .468 1 1.03 0 .53-.438.999-1 .999-.563 0-1-.468-1-1 0-.56.438-1.03 1-1.03zm8-4.994c.563 0 1 .468 1 .999a.987.987 0 0 1 -1 .998c-.563 0-1-.437-1-.998 0-.531.438-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_subscription_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_subscription_20.svg
new file mode 100644
index 0000000000..d722c636fb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_subscription_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7 2c.531 0 1 .438 1 1 0 .563-.469 1-1 1h-3v12h8v-1.438c0-.53.438-1 1-1 .563 0 1 .47 1 1v1.438c0 1.094-.906 2-2 2h-8c-1.125 0-2-.906-2-2v-12c0-1.125.875-2 2-2zm-2 10.984c0-.508.426-.984.984-.984.59 0 1.016.476 1.016.984a1.01 1.01 0 0 1 -1.016 1.016c-.558 0-.984-.476-.984-1.016zm3.997-.984c.548 0 1 .476 1 .984 0 .54-.452 1.016-1 1.016-.549 0-1-.476-1-1.016 0-.508.451-.984 1-.984zm2.293-9.697a4.952 4.952 0 0 1 3.82.171 4.961 4.961 0 0 1 2.588 2.817 5.006 5.006 0 0 1 -4.692 6.71 5.004 5.004 0 0 1 -2.118-.473 4.952 4.952 0 0 1 -2.428-2.486l-.033.012-.092.096a.997.997 0 0 1 -.98.214l-.117-.046-.111-.06a1 1 0 0 1 -.42-1.152l.047-.117.897-1.922.034-.066.038-.063.08-.105.087-.089.087-.07.102-.063.053-.027.083-.034.072-.023.123-.027.115-.01.12.003.109.016.124.033.102.041 1.922.897.11.06c.42.264.589.807.374 1.269a.998.998 0 0 1 -1.04.563 2.976 2.976 0 0 0 1.388 1.344c.729.34 1.544.377 2.292.104a3.004 3.004 0 0 0 1.793-3.845 2.982 2.982 0 0 0 -1.554-1.689 2.985 2.985 0 0 0 -2.292-.104 1 1 0 0 1 -.683-1.879z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_subscription_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_subscription_24.svg
new file mode 100644
index 0000000000..367b10b511
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_subscription_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2 18.99v-13.98c0-1.683 1.327-3.01 2.977-3.01h3.043c.55 0 .971.453.971 1.003s-.42 1.003-.97 1.003h-3.045c-.517 0-.97.454-.97 1.004v13.98c0 .55.453 1.004.97 1.004h8.026a1.01 1.01 0 0 0 1.004-1.004v-1.94c0-.583.453-.971.97-.971.583 0 1.004.388 1.004.97v1.942c0 1.683-1.327 3.01-2.978 3.01h-8.025c-1.65-.001-2.977-1.328-2.977-3.011zm3-2.006c0-.508.452-.984 1-.984s1 .476 1 .984c0 .54-.452 1.016-1 1.016s-1-.476-1-1.016zm3 0c0-.508.426-.984.984-.984.59 0 1.016.476 1.016.984a1.01 1.01 0 0 1 -1.016 1.016c-.558 0-.984-.476-.984-1.016zm3.997-.984c.548 0 1 .476 1 .984 0 .54-.452 1.016-1 1.016-.549 0-1-.476-1-1.016 0-.508.451-.984 1-.984zm4.102-14a6.02 6.02 0 0 1 6.014 6.014c0 3.3-2.698 5.986-6.014 5.986a5.996 5.996 0 0 1 -5.721-4.226l-.471 1.01a1.001 1.001 0 0 1 -1.212.53l-.117-.046a1.001 1.001 0 0 1 -.53-1.212l.046-.117 1.494-3.204a1 1 0 0 1 .072-.129l.08-.106.088-.088.087-.07.102-.063.052-.027.084-.034.07-.023.125-.027.115-.01.119.003.11.016.108.028.057.02.06.026 3.205 1.494a1 1 0 0 1 -.73 1.859l-.116-.046-.996-.464c.475 1.671 1.998 2.906 3.819 2.906 2.213 0 4.014-1.788 4.014-3.986a4.019 4.019 0 0 0 -4.014-4.014c-.607 0-1.19.134-1.731.397a1 1 0 1 1 -.875-1.798 5.895 5.895 0 0 1 2.606-.599z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_subscription_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_subscription_32.svg
new file mode 100644
index 0000000000..3339cecf42
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_ticket_subscription_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m3 27v-22a3 3 0 0 1 3-3h7.5c.531 0 1 .438 1 1 0 .563-.469 1-1 1h-7.5c-.563 0-1 .438-1 1v22c0 .563.438 1 1 1h14c.563 0 1-.438 1-1v-8c0-.563.438-1 1-1 .563 0 1 .438 1 1v8a3 3 0 0 1 -3 3h-14a3 3 0 0 1 -3-3zm4-4c0-.563.438-1 1-1h1c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-1c-.563 0-1-.438-1-1zm4.5 0c0-.563.438-1 1-1h1c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-1c-.563 0-1-.438-1-1zm6.5-1c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-1c-.563 0-1-.438-1-1 0-.563.438-1 1-1zm4.048-20c3.86 0 7 3.141 7 7s-3.14 7-7 7c-3.26 0-6-2.245-6.774-5.269l-1.36 2.941a.986.986 0 0 1 -.569.515.987.987 0 0 1 -1.282-.597.996.996 0 0 1 .028-.767l2.382-5.132c.111-.24.344-.425.58-.51a.996.996 0 0 1 .766.028l5.126 2.391c.261.122.43.334.515.57.15.411.05 1.046-.598 1.281a1.027 1.027 0 0 1 -.77-.019l-2.93-1.39a5.006 5.006 0 0 0 4.885 3.958c2.757 0 5-2.243 5-5a5.006 5.006 0 0 0 -8.054-3.964 1.001 1.001 0 0 1 -1.22-1.586 6.953 6.953 0 0 1 4.275-1.45z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_time_outward_journey_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_time_outward_journey_20.svg
new file mode 100644
index 0000000000..b56db86669
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_time_outward_journey_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2.047 11.844c0-1.719.687-3.438 2.25-4.719.219-.156.406-.219.625-.219.531 0 .969.469.969 1 0 .25-.094.5-.344.719a4.07 4.07 0 0 0 -1.563 3.25c0 2.219 1.657 4.406 4.282 4.406 1.28 0 2.53-.562 3.343-1.562.22-.25.47-.344.72-.344.5 0 1 .438 1 .969 0 .219-.063.406-.22.625a6.314 6.314 0 0 1 -4.843 2.25c-3.782 0-6.22-3.188-6.22-6.375zm4.031-1.875c0-.438.406-.813.813-.813a.69.69 0 0 1 .625.344l1.593 2.25.282 1.469c.062.406-.22.969-.782.969-.375 0-.718-.25-.78-.626l-.25-1.312-1.345-1.813a.706.706 0 0 1 -.156-.468zm6.875-7.969c2.75 0 5 2.25 5 5 0 2.781-2.25 5-5 5-2.781 0-5-2.219-5-5 0-2.75 2.219-5 5-5zm-.469 2.344-1.156 1.186 1.688 1.688-1.72 1.656 1.188 1.219 2.875-2.875-2.875-2.875z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_time_outward_journey_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_time_outward_journey_24.svg
new file mode 100644
index 0000000000..6f3200cf92
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_time_outward_journey_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.547 9.156a5.248 5.248 0 0 0 -3.25 4.875c0 3.313 2.687 5.25 5.375 5.25 1.906 0 3.875-1 4.781-3.218.188-.438.531-.594.844-.594.5 0 1 .375 1 .937 0 .125-.031.25-.094.375-1.125 2.688-3.719 4.438-6.625 4.438-4.531 0-7.156-3.688-7.156-7.282 0-2.656 1.375-5.25 4.406-6.53a.942.942 0 0 1 .375-.095c.563 0 .938.47.938.97 0 .343-.157.687-.594.874zm1.375 2.313 1.312 1.844c.125.187.188.343.25.53l.344 1.438c.125.469-.25 1.188-.937 1.188a.96.96 0 0 1 -.907-.75l-.312-1.313-1.313-1.812a1.008 1.008 0 0 1 -.187-.563c0-.531.469-.969.969-.969.312 0 .562.157.78.407zm6.844-9.469c3.187 0 5.812 2.594 5.812 5.813 0 3.187-2.625 5.78-5.812 5.78a5.788 5.788 0 0 1 -5.782-5.78c0-3.221 2.594-5.813 5.782-5.813zm-.688 2.469c-.562 0-1 .468-1 1 0 .281.094.5.281.687l1.407 1.438-1.407 1.406a.9.9 0 0 0 -.28.656c0 .594.437 1 1 1 .25 0 .5-.094.655-.281l2.125-2.094c.25-.219.344-.469.344-.687 0-.25-.094-.469-.344-.688l-2.125-2.125c-.187-.187-.406-.312-.656-.312z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_time_outward_journey_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_time_outward_journey_32.svg
new file mode 100644
index 0000000000..22c6afece4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_time_outward_journey_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m12.938 8c.656-.012 1 .5 1 1s-.344 1-1 1c-4.97 0-9 4.031-9 9 0 5.969 4.624 8.938 9 8.938 4.374 0 8.843-3 9-8.938.017-.659.5-1 1-1s1 .344 1 1c0 6.063-4.938 11-11 11-7.283 0-10.938-5.656-10.938-11s3.969-10.875 10.938-11zm-2.876 6c.25 0 .556.13.75.406l2.832 4.016c.169.24.254.434.315.72l.604 2.827c.122.572-.344 1.218-.97 1.218a.983.983 0 0 1 -.968-.78l-.656-2.938-2.781-3.875a.941.941 0 0 1 -.188-.594c0-.531.531-1 1.063-1zm12.938-12c3.875 0 7 3.125 7 7s-3.125 7-7 7-7-3.125-7-7 3.125-7 7-7zm0 2c-2.75 0-5 2.25-5 5s2.25 5 5 5 5-2.25 5-5-2.25-5-5-5zm-.781 2.156c.25 0 .5.094.687.282l1.938 1.937c.187.188.312.438.312.688a.896.896 0 0 1 -.312.687l-1.938 1.969c-.187.156-.437.281-.687.281a.971.971 0 0 1 -.969-1c0-.25.094-.5.281-.688l1.25-1.25-1.25-1.25a.97.97 0 0 1 -.281-.687c0-.541.438-.969.969-.969z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_time_return_journey_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_time_return_journey_20.svg
new file mode 100644
index 0000000000..eaae1a1122
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_time_return_journey_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2.047 11.844c0-1.719.687-3.438 2.25-4.719.219-.156.406-.219.625-.219.531 0 .969.469.969 1 0 .25-.094.5-.344.719a4.07 4.07 0 0 0 -1.563 3.25c0 2.219 1.657 4.406 4.282 4.406 1.28 0 2.53-.562 3.343-1.562.22-.25.47-.344.72-.344.5 0 1 .438 1 .969 0 .219-.063.406-.22.625a6.314 6.314 0 0 1 -4.843 2.25c-3.782 0-6.22-3.188-6.22-6.375zm4.031-1.875c0-.438.406-.813.813-.813a.69.69 0 0 1 .625.344l1.593 2.25.282 1.469c.062.406-.22.969-.782.969-.375 0-.718-.25-.78-.626l-.25-1.312-1.345-1.813a.706.706 0 0 1 -.156-.468zm6.875-7.969c2.75 0 5 2.25 5 5 0 2.781-2.25 5-5 5-2.781 0-5-2.219-5-5 0-2.75 2.219-5 5-5zm.719 2.344-2.875 2.875 2.875 2.875 1.187-1.219-1.718-1.656 1.687-1.688z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_time_return_journey_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_time_return_journey_24.svg
new file mode 100644
index 0000000000..0946c445b1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_time_return_journey_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.547 9.156a5.248 5.248 0 0 0 -3.25 4.875c0 3.313 2.687 5.25 5.375 5.25 1.906 0 3.875-1 4.781-3.218.188-.438.531-.594.844-.594.5 0 1 .375 1 .937 0 .125-.031.25-.094.375-1.125 2.688-3.719 4.438-6.625 4.438-4.531 0-7.156-3.688-7.156-7.282 0-2.656 1.375-5.25 4.406-6.53a.942.942 0 0 1 .375-.095c.563 0 .938.47.938.97 0 .343-.157.687-.594.874zm1.375 2.313 1.312 1.844c.125.187.188.343.25.53l.344 1.438c.125.469-.25 1.188-.937 1.188a.96.96 0 0 1 -.907-.75l-.312-1.313-1.313-1.812a1.008 1.008 0 0 1 -.187-.563c0-.531.469-.969.969-.969.312 0 .562.157.78.407zm6.844-9.469c3.187 0 5.812 2.594 5.812 5.813 0 3.187-2.625 5.78-5.812 5.78a5.788 5.788 0 0 1 -5.782-5.78c0-3.221 2.594-5.813 5.782-5.813zm.88 2.469c-.25 0-.468.125-.655.312l-2.125 2.125c-.25.219-.344.438-.344.688 0 .218.094.468.344.687l2.125 2.094c.156.188.406.281.656.281.562 0 1-.406 1-1a.9.9 0 0 0 -.281-.656l-1.407-1.406 1.407-1.438a.919.919 0 0 0 .28-.687c0-.532-.437-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_time_return_journey_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_time_return_journey_32.svg
new file mode 100644
index 0000000000..fc2117513e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_time_return_journey_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m10.813 14.406 2.831 4.016c.169.24.254.434.315.72l.604 2.827c.122.572-.344 1.218-.97 1.218a.983.983 0 0 1 -.968-.78l-.656-2.938-2.781-3.875a.941.941 0 0 1 -.188-.594c0-.531.531-1 1.063-1 .25 0 .555.13.75.406zm2.124-6.406c.657-.012 1 .5 1 1s-.343 1-1 1c-4.968 0-9 4.031-9 9 0 5.969 4.626 8.938 9 8.938 4.376 0 8.844-3 9-8.938.018-.659.5-1 1-1s1 .344 1 1c0 6.063-4.937 11-11 11-7.28 0-10.937-5.656-10.937-11s3.969-10.875 10.938-11zm10.063-6c3.875 0 7 3.125 7 7s-3.125 7-7 7-7-3.125-7-7 3.125-7 7-7zm0 2c-2.75 0-5 2.25-5 5s2.25 5 5 5 5-2.25 5-5-2.25-5-5-5zm0 2.438-1.938 1.937c-.187.188-.312.438-.312.688 0 .28.125.53.313.687l1.937 1.969c.188.156.438.281.688.281a.97.97 0 0 0 .968-1 .97.97 0 0 0 -.281-.688l-1.25-1.25 1.25-1.25a.97.97 0 0 0 .281-.687.968.968 0 0 0 -.968-.969.97.97 0 0 0 -.688.282z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_timetable_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_timetable_20.svg
new file mode 100644
index 0000000000..6cf5472f94
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_timetable_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m3 16.375v-12.75c0-.906.719-1.625 1.625-1.625h1.375c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-1v12h8v-2c0-.563.469-1 1-1 .563 0 1 .438 1 1v2.375c0 .906-.719 1.625-1.625 1.625h-8.75a1.614 1.614 0 0 1 -1.625-1.625zm4-3.375c0-.563.438-1 1-1h2c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-2c-.563 0-1-.438-1-1zm5.5-11c2.469 0 4.5 2.031 4.5 4.5s-2.031 4.5-4.5 4.5-4.5-2.031-4.5-4.5 2.031-4.5 4.5-4.5zm.219 2.031v2.862l-2.439-1.518a2.601 2.601 0 0 0 -.28 1.125c0 1.375 1.125 2.5 2.5 2.5s2.5-1.125 2.5-2.5c0-1.313-1-2.375-2.281-2.469z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_timetable_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_timetable_24.svg
new file mode 100644
index 0000000000..550e411e22
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_timetable_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m3.5 19.5v-15.5c0-1.094.906-2 2-2h2.969c.562 0 1 .438 1 1 0 .531-.438 1-1 1h-2.969v15.5c0 .281.188.5.469.5h9c.281 0 .531-.219.531-.5v-4.844c0-.531.438-1 .969-1 .593 0 1.031.469 1.031 1v4.844c0 1.375-1.125 2.5-2.531 2.5h-9c-1.344 0-2.469-1.125-2.469-2.5zm4-2.5c0-.563.438-1 .969-1h4.031a.98.98 0 0 1 .969 1c0 .531-.438 1-.969 1h-4.031c-.531 0-.969-.469-.969-1zm0-4c0-.563.438-1 1-1h2a.98.98 0 0 1 .969 1 .98.98 0 0 1 -.969 1h-2c-.563 0-1-.438-1-1zm7.969-11a5.001 5.001 0 0 1 5.031 5c0 2.781-2.219 5-5 5a4.968 4.968 0 0 1 -4.969-5c0-2.75 2.188-5 4.938-5zm1.031 2v2.938c0 .375-.188.718-.5.875a.944.944 0 0 1 -.5.156.831.831 0 0 1 -.5-.188l-2.406-1.531c-.063.219-.063.438-.063.656 0 1.719 1.344 3.094 2.969 3.094 1.688 0 3-1.375 3-3.094 0-1.343-.813-2.468-2-2.906z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_timetable_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_timetable_32.svg
new file mode 100644
index 0000000000..b2a6dba43e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_timetable_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m4 26.625v-21.25c0-1.875 1.344-3.375 3-3.375h6c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-6c-.531 0-1 .625-1 1.375v21.25c0 .75.469 1.375 1 1.375h14c.531 0 1-.625 1-1.375v-7.625c0-.563.438-1 1-1 .563 0 1 .438 1 1v7.625c0 1.875-1.344 3.375-3 3.375h-14c-1.656 0-3-1.5-3-3.375zm4-3.625c0-.563.438-1 1-1h10c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-10c-.563 0-1-.438-1-1zm0-4c0-.563.438-1 1-1h10c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-10c-.563 0-1-.438-1-1zm0-4c0-.563.438-1 1-1h2c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-2c-.563 0-1-.438-1-1zm0-4c0-.563.438-1 1-1h2c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-2c-.563 0-1-.438-1-1zm0-4c0-.563.438-1 1-1h2c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-2c-.563 0-1-.438-1-1zm13-5c3.875 0 7 3.156 7 7s-3.125 7-7 7-7-3.156-7-7 3.125-7 7-7zm.938 2.125.03 4.906c0 .531-.437 1-1 1-.15 0-.3-.04-.433-.104l-.098-.052-4.125-2.594a4.598 4.598 0 0 0 -.343 1.75c0 2.75 2.25 5 5 5s5-2.25 5-5c0-2.437-1.75-4.437-4.032-4.906zm-2 0c-1 .219-1.875.75-2.563 1.469l2.594 1.625-.032-3.094z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_travel_insurance_20.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_travel_insurance_20.svg
new file mode 100644
index 0000000000..ef8d3843ef
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_travel_insurance_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2a.75.75 0 0 1 .338.081l5.402 2.789c.158.079.26.26.26.46v2.67c0 4.498-1.937 7.852-5.81 9.952a.401.401 0 0 1 -.38 0c-3.873-2.1-5.81-5.454-5.81-9.952v-2.67c0-.2.102-.381.26-.46l5.402-2.789a.75.75 0 0 1 .338-.081zm1.662 5.293-2.47 2.293-.854-.793a1.135 1.135 0 0 0 -1.522 0 .95.95 0 0 0 0 1.414l1.615 1.5c.21.195.486.293.761.293.276 0 .552-.098.762-.293l3.23-3a.95.95 0 0 0 0-1.414 1.135 1.135 0 0 0 -1.522 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_travel_insurance_24.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_travel_insurance_24.svg
new file mode 100644
index 0000000000..9a7c660e08
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_travel_insurance_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10.293 14.707-2-2a.999.999 0 1 1 1.414-1.414l1.293 1.293 3.293-3.293a.999.999 0 1 1 1.414 1.414l-4 4a.997.997 0 0 1 -1.414 0zm1.368-12.632-7.14 3.65c-.317.162-.521.517-.521.908v3.347c0 6.07 2.859 9.288 7.796 11.967a.429.429 0 0 0 .408 0c4.936-2.679 7.796-5.897 7.796-11.966v-3.348c0-.391-.204-.746-.52-.909l-7.141-3.65a.807.807 0 0 0 -.678 0zm6.339 5.157v2.751c0 4.617-1.638 7.384-6 10.017-4.362-2.633-6-5.4-6-10.017v-2.751l6-3.232z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/ticket/db_ic_travel_insurance_32.svg b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_travel_insurance_32.svg
new file mode 100644
index 0000000000..6072d603d3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/ticket/db_ic_travel_insurance_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m12.707 14.293a.999.999 0 1 0 -1.414 1.414l3 3a.997.997 0 0 0 1.414 0l6-6a.999.999 0 1 0 -1.414-1.414l-5.293 5.293zm12.293-1.253c0 6.711-2.944 11.61-9 14.96-6.055-3.35-9-8.249-9-14.96v-4.71l9-4.33 9 4.33zm-8.295-10.886a1.692 1.692 0 0 0 -1.41 0l-9.731 4.576c-.341.155-.564.52-.564.923v5.347c0 7.523 3.532 13.23 10.595 16.901a.876.876 0 0 0 .81 0c7.063-3.671 10.595-9.377 10.595-16.901v-5.347c0-.403-.223-.768-.564-.923z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_airplane_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_airplane_inverted_20.svg
new file mode 100644
index 0000000000..5c5731e4d5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_airplane_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16.313 6.569-2.424.803.502 1.39c1.594-.518 2.702-.878 3.325-1.078.566 1.078.16 2.142-1.266 2.578l-3.309 1.037-2.608 4.768a.73.73 0 0 1 -.392.309l-.595.154c-.393.112-.785-.196-.785-.617l-.028-3.225-2.294.715a2.323 2.323 0 0 1 -2.944-1.402l-1.458-4.094c-.085-.281-.032-.527.241-.663l.483-.2c.2-.088.42-.024.615.148l1.588 1.57 7.504-2.342c1.408-.453 2.815-.3 3.845.149zm-9.596 3.164a.75.75 0 1 0 .86 1.23.75.75 0 0 0 -.86-1.23zm2.49-.75a.748.748 0 1 0 .859 1.229.75.75 0 1 0 -.858-1.229zm2.491-.764a.749.749 0 1 0 .858 1.23.749.749 0 1 0 -.858-1.23zm-4.006-5.008 2.695 2.539-3.207.983-1.324-2.546a.696.696 0 0 1 .462-.977l.654-.184a.753.753 0 0 1 .72.185z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_airplane_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_airplane_inverted_24.svg
new file mode 100644
index 0000000000..a6b7dc22b2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_airplane_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.808 8.056c-.553.178-1.104.357-1.654.538-.59.195-.8.773-.642 1.26a.998.998 0 0 0 1.26.642c.98-.316 1.96-.634 2.938-.954.084.138.152.282.203.432.317.915-.212 2.254-1.797 2.747l-4.155 1.303-3.241 5.952a.832.832 0 0 1 -.493.423l-.457.105c-.493.14-.987-.247-.987-.774v-4.051l-3.205.986c-1.725.564-3.275-.458-3.733-1.76l-1.796-5.143a.675.675 0 0 1 .388-.88l.563-.212a1.148 1.148 0 0 1 1.085.09l2.33 1.848 9.299-2.888c1.252-.353 2.83-.194 4.094.336zm-11.349 3.658c-.645.258-.79.809-.645 1.26.134.413.645.848 1.258.645.523-.173.815-.733.646-1.259-.169-.525-.75-.85-1.259-.646zm3.11-1a1.005 1.005 0 0 0 -.646 1.258c.134.414.645.843 1.258.645a1 1 0 0 0 .646-1.258c-.12-.375-.6-.863-1.259-.646zm3.109-1.002c-.258.09-.837.481-.666 1.16.167.664.837.87 1.28.744a.995.995 0 0 0 .619-1.327c-.163-.418-.743-.747-1.233-.577zm-5.515-5.445 2.974 2.78-3.44 1.072-1.401-2.795c-.246-.458.035-1.02.564-1.162l.458-.14a.921.921 0 0 1 .845.245z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_airplane_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_airplane_inverted_32.svg
new file mode 100644
index 0000000000..bdda693092
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_airplane_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27.745 10.64c-1.023.332-2.044.665-3.064 1-.64.28-.8.775-.64 1.262.16.488.714.834 1.261.64 1.79-.582 1.828-.638 3.575-1.17.473 1.795-.508 3.502-2.184 4.03l-5.45 1.715-4.242 7.788c-.136.25-.368.433-.643.507l-.568.154a1.041 1.041 0 0 1 -1.312-1.003l-.009-5.315-4.199 1.317a3.934 3.934 0 0 1 -4.851-2.324l-2.367-6.71a.916.916 0 0 1 .535-1.16l.71-.276a1.62 1.62 0 0 1 1.598.248l2.894 2.32 12.114-3.805c2.234-.714 5.182-.57 6.842.782zm-16.831 5.006a1.407 1.407 0 1 0 .862 2.679 1.407 1.407 0 0 0 -.862-2.68zm4.375-1.41a1.406 1.406 0 1 0 .862 2.678 1.406 1.406 0 0 0 -.862-2.677zm4.376-1.408a1.406 1.406 0 1 0 .862 2.677 1.406 1.406 0 0 0 -.862-2.677zm-7.292-7.486 3.754 3.805-4.252 1.445-1.958-3.851a1.124 1.124 0 0 1 .73-1.528l.616-.172c.397-.11.823.005 1.11.301z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_bicycle_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_bicycle_inverted_20.svg
new file mode 100644
index 0000000000..a412fc6402
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_bicycle_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14.647 5.735a40.59 40.59 0 0 1 -.684.137l1.305 4.178a2.75 2.75 0 1 1 -1.447.4l-.328-1.052-3.182 3.358a1 1 0 0 1 -.348.237c-.474.194-1.05 0-1.304-.547-.24-.583-.48-1.167-.716-1.751l-.57.714a2.75 2.75 0 1 1 -1.088-1.04l1.009-1.263-.841-2.056h-.453a.75.75 0 0 1 0-1.5c.665-.002 1.33-.002 1.995 0a.75.75 0 0 1 .75.75c0 .38-.314.745-.674.745.122.321.256.648.4.98l4.2-1.26-.387-1.242a.74.74 0 0 1 .569-.958c.64-.13 1.094-.22 1.5-.3.294-.059.751.073.865.52.16.616-.343.908-.57.95zm-9.647 5.815a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5zm10.25 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5zm-2.907-3.12-3.301.99.712 1.741z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_bicycle_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_bicycle_inverted_24.svg
new file mode 100644
index 0000000000..4449227408
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_bicycle_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.843 5.888c.057.43-.176.867-.73.955-.29.04-.58.078-.87.115l1.424 4.456a3.85 3.85 0 1 1 -1.62.517l-.286-.897-3.368 3.744a1.1 1.1 0 0 1 -1.775-.195l-.999-2.312-.55.653a3.85 3.85 0 1 1 -1.3-1.095l1.1-1.308-1.144-2.671h-.725a.85.85 0 0 1 -.85-.85c0-.433.334-.85.85-.85.833-.002 1.667-.002 2.5 0a.85.85 0 0 1 .073 1.695c.23.541.465 1.091.706 1.649l4.471-1.626-.434-1.36a.846.846 0 0 1 .698-1.1c.624-.086 1.248-.17 1.874-.25a.85.85 0 0 1 .955.73zm-11.843 7.212a2.15 2.15 0 1 0 1.922 1.186l-1.272 1.512a.858.858 0 0 1 -1.198.102c-.329-.277-.435-.82-.102-1.198.422-.505.845-1.009 1.27-1.511a2.15 2.15 0 0 0 -.62-.091zm12.209.01.6 1.881a.852.852 0 0 1 -.55 1.069.855.855 0 0 1 -1.069-.551c-.202-.627-.403-1.253-.601-1.88a2.15 2.15 0 1 0 1.62-.518zm-3.539-3.404-3.72 1.352.807 1.884z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_bicycle_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_bicycle_inverted_32.svg
new file mode 100644
index 0000000000..66a0081344
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_bicycle_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m23.98 7.813a.85.85 0 0 1 -.54.986l-1.4.322 1.644 5.09c3.664-.47 6.166 2.334 6.166 5.289a5.35 5.35 0 1 1 -7.783-4.766l-.585-1.811-4.658 6.963c-.054.081-.302.461-1.033.528l-.819.007a.85.85 0 0 1 -.768-.486l-1.671-5.135-.995 1.19a5.391 5.391 0 0 1 1.312 3.51 5.35 5.35 0 1 1 -2.616-4.6l1.68-2.012-.985-3.038h-.929a.85.85 0 1 1 0-1.7h4c.47 0 .85.38.85.85 0 .433-.369.85-.85.85h-1.283l.734 2.266 7.239-1.643-.553-1.715a.85.85 0 0 1 .52-1.061l2.306-.526a.85.85 0 0 1 1.016.642zm-16.48 8.037a3.65 3.65 0 1 0 2.928 1.47l-2.276 2.725c-.272.323-.837.405-1.197.107-.33-.275-.445-.811-.107-1.197l2.276-2.725a3.635 3.635 0 0 0 -1.624-.38zm16.717.01 1.092 3.379c.133.412-.089.913-.503 1.06a.87.87 0 0 1 -1.115-.538l-1.091-3.378a3.65 3.65 0 1 0 5.55 3.117c0-2.016-1.65-3.77-3.933-3.64zm-4.448-3.435-5.792 1.315 1.602 4.948z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_bicycle_trailer_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_bicycle_trailer_inverted_20.svg
new file mode 100644
index 0000000000..dbc500fbb7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_bicycle_trailer_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m6.5 13a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-.26-7.065c.26.033 1.566.367 3.174 1.072 1.804 1.006 3.21 2.06 4.216 3.173a.85.85 0 0 1 .127.957l-1.21 2.413a.85.85 0 0 1 -.751.463c-1.314.005-2.106.005-2.377 0-.105-1.385-1.502-2.513-2.919-2.513a3 3 0 0 0 -2.69 1.669l-.65-.074a.85.85 0 0 1 -.746-.722c-.163-1.175-.244-1.864-.244-2.067 0-.204.142-.84.426-1.905a3.203 3.203 0 0 1 3.644-2.466zm11.735 6.456c.108.42-.136.93-.612 1.034l-2.152.55a.85.85 0 1 1 -.422-1.646l2.152-.55a.85.85 0 0 1 1.034.612zm-13.74-4.76-.545 1.599a.85.85 0 0 0 1.57.641l.308-.89c1.015.195 1.805.457 2.371.786l1.624.963a.85.85 0 0 0 .969-1.392l-1.415-.858a8.85 8.85 0 0 0 -2.439-1.002l-1.51-.311a.85.85 0 0 0 -.934.464z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_bicycle_trailer_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_bicycle_trailer_inverted_24.svg
new file mode 100644
index 0000000000..6e877b8fc9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_bicycle_trailer_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7 15a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm.017-8.743c.55.114 1.16.304 1.826.57a16.85 16.85 0 0 1 5.674 3.407c.817.743 1.53 1.485 2.14 2.226a.886.886 0 0 1 .163.762c-.164.732-1.35 3.019-1.574 3.365a.85.85 0 0 1 -.729.413c-1.505-.06-2.781-.114-3.828-.163-.086-2.023-1.775-3.537-3.689-3.537a3.701 3.701 0 0 0 -3.598 2.834c-.096-.036-1.252-.419-1.252-1.693v-3.441c0-.163.096-.67.288-1.523a4.061 4.061 0 0 1 4.579-3.22zm13.983 8.043a.85.85 0 0 1 .107 1.693c-.329.022-.566.076-.71.161l-.91.497c-.396.233-.892.349-1.487.349a.85.85 0 0 1 -.107-1.693c.268-.025.518 0 .78-.148.278-.149.581-.315.909-.497a2.958 2.958 0 0 1 1.418-.362zm-16.556-5.155-.414 1.61a1 1 0 0 0 1.905.6l.273-1.056 2.798.962a3 3 0 0 1 .573.268c.12.073.736.502 1.846 1.289a1 1 0 0 0 1.393-.243c.293-.417.225-1.017-.145-1.314-.246-.198-.835-.616-1.767-1.253a5 5 0 0 0 -.986-.539l-3.697-1.274a1.5 1.5 0 0 0 -1.78.95z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_bicycle_trailer_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_bicycle_trailer_inverted_32.svg
new file mode 100644
index 0000000000..cb1b0a493c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_bicycle_trailer_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m10 19a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm-2.056-12.24c.484.083 2.023.605 4.62 1.565a17 17 0 0 1 5.726 3.378c1.801 1.61 3.298 3.169 4.49 4.677a1 1 0 0 1 .184.872c-.394 1.68-.643 2.608-.748 2.785-.72 1.22-1.584 1.963-2.658 1.963l-5.654-.123c.573-2.908-1.729-4.877-3.904-4.877a4.015 4.015 0 0 0 -3.974 4.462 11.37 11.37 0 0 1 -1.269-.242 2.32 2.32 0 0 1 -1.757-2.25c-.02-1.947-.012-3.01.024-3.19.33-1.47.832-3.71 1.509-6.717a3 3 0 0 1 3.41-2.303zm20.97 11.55a1 1 0 1 1 0 2c-.324 0-.626.048-.943.182-.21.09-.816.386-1.818.888a3 3 0 0 1 -1.097.3c-.117.007-.36.01-.728.01a1 1 0 0 1 -1-1c0-.513.432-.972.883-.994.191-.004.396-.006.616-.006a.9.9 0 0 0 .442-.103l1.641-.81a4.53 4.53 0 0 1 2.004-.467zm-22.456-8.443-.659 2.914a1 1 0 0 0 1.92.548l.53-2.337 3.263 1.147a10 10 0 0 1 2.895 1.596l1.483 1.265a1 1 0 0 0 1.396-1.427l-1.251-1.09a12 12 0 0 0 -3.476-2.09 242.341 242.341 0 0 0 -4.349-1.523 1.5 1.5 0 0 0 -1.752.997z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_call_a_bike_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_call_a_bike_inverted_20.svg
new file mode 100644
index 0000000000..1a82cb63b7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_call_a_bike_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15 10.059c-.077 0-.15.016-.226.023l-.52-1.622h1.747a.7.7 0 0 0 .582-.311l.503-.75a.7.7 0 0 0 -1.163-.78l-.295.439h-1.822l-.649-2.027a.7.7 0 0 0 -.667-.486h-1.5a.7.7 0 1 0 0 1.4h.989l.596 1.862-2.535 3.26c-.014 0-.026-.008-.04-.008h-.582l-1.228-4.1h.06a.7.7 0 1 0 0-1.4h-2a.7.7 0 1 0 0 1.4h.479l.579 1.933-.93 1.557a2.668 2.668 0 0 0 -1.378-.391 2.703 2.703 0 0 0 -2.7 2.7c0 1.489 1.211 2.7 2.7 2.7a2.695 2.695 0 0 0 2.68-2.5h2.32a.7.7 0 0 0 .553-.271l2.54-3.266.361 1.128a2.696 2.696 0 0 0 -1.155 2.208c0 1.489 1.211 2.7 2.7 2.7s2.7-1.211 2.7-2.7-1.211-2.7-2.7-2.7zm-10 4a1.301 1.301 0 0 1 0-2.6 1.301 1.301 0 0 1 0 2.6zm10 0a1.301 1.301 0 0 1 0-2.6 1.301 1.301 0 0 1 0 2.6z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_call_a_bike_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_call_a_bike_inverted_24.svg
new file mode 100644
index 0000000000..aa781cd8ec
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_call_a_bike_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.001 11.5c-.113 0-.219.024-.329.033l-.561-1.684h1.89a.8.8 0 0 0 .566-.234l1-1a.8.8 0 0 0 -1.132-1.131l-.766.766h-2.092l-.818-2.453a.8.8 0 0 0 -.759-.547h-2a.8.8 0 1 0 0 1.6h1.423l.685 2.055-3.399 4.534-2.271-5.589h.562a.8.8 0 1 0 0-1.6h-3a.8.8 0 1 0 0 1.6h.712l.863 2.125-1.24 1.772a3.773 3.773 0 0 0 -1.335-.247 3.804 3.804 0 0 0 -3.8 3.8c0 2.096 1.705 3.8 3.8 3.8 1.907 0 3.475-1.416 3.744-3.25h1.756a.786.786 0 0 0 .335-.079c.031-.014.054-.038.083-.056a.81.81 0 0 0 .183-.152c.011-.013.029-.019.039-.033l3.584-4.779.418 1.255c-1.153.653-1.942 1.877-1.942 3.294 0 2.096 1.705 3.8 3.8 3.8s3.8-1.704 3.8-3.8-1.705-3.8-3.8-3.8zm-7.688 2.75h-2.776l1.756-2.509 1.019 2.509zm-4.312 3.25c-1.213 0-2.2-.987-2.2-2.2a2.203 2.203 0 0 1 2.567-2.17l-1.022 1.461c-.016.023-.019.051-.033.075a.735.735 0 0 0 -.096.305c-.003.027-.016.051-.016.078 0 .023.011.043.013.066a.73.73 0 0 0 .033.161.81.81 0 0 0 .053.137.781.781 0 0 0 .084.125.729.729 0 0 0 .112.117c.018.015.028.036.047.049.03.021.064.031.096.047.028.015.054.03.084.041a.797.797 0 0 0 .278.056h2.122a2.198 2.198 0 0 1 -2.122 1.65zm12 0c-1.213 0-2.2-.987-2.2-2.2 0-.707.342-1.331.862-1.734l.579 1.737a.8.8 0 0 0 1.518-.506l-.559-1.677c1.118.103 2 1.036 2 2.18 0 1.213-.987 2.2-2.2 2.2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_call_a_bike_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_call_a_bike_inverted_32.svg
new file mode 100644
index 0000000000..3621071a6e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_call_a_bike_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m24.376 13.999c-.24 0-.468.04-.7.071l-.703-2.311 2.906-.009a.875.875 0 0 0 .616-.256l1-1a.875.875 0 0 0 -1.237-1.238l-.745.745-3.072.01-.728-2.391a.875.875 0 0 0 -.837-.62h-3a.875.875 0 0 0 0 1.75h2.352l.613 2.015-5.635 6.834-2.615-7.844h.284a.876.876 0 0 0 .001-1.75l-3-.005h-.001a.876.876 0 0 0 -.001 1.75h.871l1.01 3.032-1.653 1.974a5.308 5.308 0 0 0 -2.727-.756 5.38 5.38 0 0 0 -5.375 5.375 5.38 5.38 0 0 0 5.375 5.375c2.664 0 4.865-1.953 5.287-4.5h2.213c.128 0 .247-.03.356-.079.031-.014.054-.039.083-.056a.841.841 0 0 0 .205-.159c.009-.01.022-.013.031-.024l5.901-7.157.549 1.803c-1.77.88-3 2.69-3 4.797a5.38 5.38 0 0 0 5.375 5.375 5.38 5.38 0 0 0 5.375-5.375 5.38 5.38 0 0 0 -5.375-5.375zm-10.714 4.5h-4.412l3.156-3.768zm-6.286 4.5a3.629 3.629 0 0 1 -3.625-3.625 3.629 3.629 0 0 1 3.625-3.625c.56 0 1.094.133 1.583.372l-2.254 2.691c-.026.031-.035.07-.056.104-.033.053-.067.103-.088.162-.021.058-.028.117-.036.178-.006.04-.024.076-.024.118 0 .013.007.024.008.038.003.062.021.12.036.18.014.052.021.104.043.151s.056.086.087.128c.036.051.069.102.115.144.01.009.014.021.024.03.042.035.09.052.136.078.037.021.069.047.109.062a.87.87 0 0 0 .317.064h3.506a3.623 3.623 0 0 1 -3.506 2.75zm17 0a3.629 3.629 0 0 1 -3.625-3.625c0-1.318.714-2.462 1.768-3.097l1.02 3.352a.875.875 0 1 0 1.673-.51l-1.02-3.352c.062-.003.12-.018.183-.018a3.629 3.629 0 0 1 3.625 3.625 3.629 3.629 0 0 1 -3.625 3.625z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_car_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_car_inverted_20.svg
new file mode 100644
index 0000000000..405c11fe3d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_car_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13.63 3c.842 0 1.641.594 1.86 1.41.146.544.417 1.74.813 3.59h1.697v2h-1.105c-.15 1.366-.25 2.242-.3 2.629s-.248.786-.594 1.196v2.233h-2.501v-1.318a23.875 23.875 0 0 1 -7 0l-.007 1.317h-2.493v-2.232a2.515 2.515 0 0 1 -.625-1.395c-.06-.523-.151-1.333-.271-2.431h-1.104v-1.999h1.696l.761-3.432c.238-.805.943-1.561 1.838-1.561zm-4.993 8.008a.75.75 0 0 0 -.579.453l-.304 1.207c-.036.331.118.631.486.782.368.15.825-.105.952-.412l.143-.538h1.329l.14.529a.75.75 0 0 0 1.442-.36l-.304-1.208a.75.75 0 0 0 -.58-.453h-2.724zm-3.719-.655a.75.75 0 0 0 -.435 1.432l1.56.367a.75.75 0 0 0 .434-1.432zm11.074.562a.75.75 0 0 0 -.799-.578l-1.562.354a.75.75 0 0 0 .237 1.477l1.562-.353a.75.75 0 0 0 .562-.9zm-2.034-6.215h-7.915l-.643 3.3h9.2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_car_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_car_inverted_24.svg
new file mode 100644
index 0000000000..40dc50543a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_car_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17 4c.992 0 1.686.666 1.98 1.625l1.02 4.375h1.352c.336 0 .648.267.648.578v.733c0 .334-.261.69-.648.689h-.835c.033.162.05.38.05.536 0 .104-.13 1.262-.388 3.472a3 3 0 0 1 -.178.727l-.001 2.265a1 1 0 0 1 -1 1h-.6a1 1 0 0 1 -1-1v-.342a42.93 42.93 0 0 1 -10.8 0v.342a1 1 0 0 1 -1 1h-.6a1 1 0 0 1 -1-1v-2.262a2.994 2.994 0 0 1 -.152-.548l-.398-3.403a2.498 2.498 0 0 1 .033-.787h-.835c-.37 0-.648-.321-.648-.69v-.666a.63.63 0 0 1 .648-.644h1.352l.978-4.213c.23-.99 1.047-1.713 2.022-1.787zm-2.994 9.75-4.142.007a1 1 0 0 0 -.833.683l-.296 1.48a.987.987 0 0 0 .8 1.06.99.99 0 0 0 1.148-.67l.118-.561h2.385l.119.56a1 1 0 0 0 1.947-.39l-.296-1.48a1 1 0 0 0 -.95-.689zm-9.487.054a1 1 0 0 0 .672 1.147l1.479.296a1 1 0 0 0 .39-1.948l-1.48-.296a1 1 0 0 0 -1.06.8zm13.9-.8-1.478.295a1 1 0 0 0 .39 1.948l1.478-.296a1 1 0 0 0 -.39-1.948zm-11.254-7.311c-.208 0-.406.144-.498.375l-.922 3.932h12.51l-.886-3.827c-.06-.255-.239-.43-.442-.47l-9.763-.01z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_car_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_car_inverted_32.svg
new file mode 100644
index 0000000000..fbcffd493d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_car_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m22.5 5.173c1.242.097 2.344.81 2.717 1.988l1.41 5.838h2.39a.94.94 0 0 1 .96.85l.007 1.117c0 .512-.358.965-.85 1.027l-1.308.006c.021.35.012.75-.022 1.237a300.4 300.4 0 0 1 -.384 4.074 3.32 3.32 0 0 1 -.32 1.17v2.238c0 .446 0 1.282-1.282 1.282h-1.536c-1.3 0-1.282-.836-1.282-1.282v-.773c-2.37.13-4.705.194-7.008.194a123.5 123.5 0 0 1 -6.908-.191v.77c0 .446 0 1.282-1.281 1.282h-1.536c-1.282 0-1.282-.836-1.282-1.282v-2.017a3.171 3.171 0 0 1 -.405-1.167l-.408-4.234c-.038-.508-.05-.93-.03-1.301l-1.175.001c-.553 0-.967-.482-.967-1.034v-1c0-.553.414-.966.967-.966l2.406-.001 1.485-5.552c.303-1.211 1.146-2.073 2.588-2.153 2.172-.121 4.394-.29 6.592-.291 2.154-.001 4.274.062 6.462.17zm-9.87 12.334a1 1 0 0 0 -.84.71l-.289 1.735c-.023.461.306.937.835 1.034.529.098.997-.264 1.125-.708l.136-.778h4.805l.137.778a1 1 0 0 0 1.96-.326l-.29-1.734a1 1 0 0 0 -.838-.71h-6.742zm-6.147-.757a1 1 0 0 0 -.198 1.977l2.732.273a1 1 0 0 0 .198-1.977zm16.302.273a1 1 0 0 0 .198 1.977l2.732-.273a1 1 0 0 0 -.198-1.977zm-13.162-10.035c-.482.024-.916.306-1.08.756l-1.417 5.255c2.935-.124 5.883-.186 8.842-.186 2.956 0 5.925.062 8.905.186l-1.257-5.255c-.118-.473-.502-.846-.996-.865-2.22-.085-4.412-.175-6.619-.176-2.126 0-4.21.176-6.378.285z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_carsharing_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_carsharing_inverted_20.svg
new file mode 100644
index 0000000000..8da8d5aa68
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_carsharing_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m18.004 8.391c.002.468.002.936 0 1.405 0 .192-.126.391-.392.39l-1.088.001c.003.393.003.786 0 1.18 0 .171-.135.39-.39.39-.384.003-.766.003-1.15 0 .005.277.007.538.007.783-.016.153-.02.173-.123.288-.176.164-.456.428-.842.792.203.461.29.94.264 1.437a3.131 3.131 0 0 1 -5.341 2.048c-.859-.859-1.557-2.767 0-4.428a3.123 3.123 0 0 1 2.316-.916c.323.01.598.057.824.138 1.254-1.264 2.51-2.525 3.767-3.784a.347.347 0 0 1 .277-.115c.74-.002.74-.004 1.48 0 .318.002.39.274.39.391zm-7.288 5.72a1.181 1.181 0 1 0 0 2.363 1.181 1.181 0 0 0 0-2.363zm2.914-12.111c.84 0 1.64.594 1.859 1.41.29 1.048.517 2.05.681 3.008-.575-.054-1.13.31-1.313.463l-.133.12a152.172 152.172 0 0 1 -3.176 3.175 4.698 4.698 0 0 0 -3.731 1.37c-.632.631-1.444 1.78-1.383 3.511h-2.434v-2.231a2.515 2.515 0 0 1 -.625-1.395l-.271-2.431h-1.104v-2h1.696l.761-3.432c.238-.805.943-1.561 1.838-1.561zm-9.611 7.915a.75.75 0 0 0 .464.87l1.56.367a.75.75 0 0 0 .434-1.432l-1.559-.367a.75.75 0 0 0 -.9.562zm9.939-6.215h-7.915l-.643 3.3h9.2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_carsharing_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_carsharing_inverted_24.svg
new file mode 100644
index 0000000000..e030b60719
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_carsharing_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21.5 9c.245 0 .5.202.5.51.003.668.006 1.337.012 2.006 0 .245-.204.507-.5.484l-1.512.008v1.48c0 .214-.153.514-.499.514-.489.003-.992.003-1.509 0l.009 1a.55.55 0 0 1 -.158.368 7.81 7.81 0 0 0 -.456.524l-.548.616a4.001 4.001 0 1 1 -2.52-2.307l4.907-5.047a.593.593 0 0 1 .374-.156c.644-.002 1.277-.002 1.9 0zm-8.935 8.029a1.509 1.509 0 1 1 0 3.018 1.509 1.509 0 0 1 0-3.018zm4.435-14.029c.992 0 1.686.666 1.98 1.625.116.465.22.92.315 1.366.1.454-.162.979-.566 1.068-.462.148-.948-.09-1.077-.664l-.283-1.222c-.06-.255-.211-.47-.442-.47l-4.629-.008-5.134-.001c-.208 0-.406.144-.498.375l-.921 3.931h10.844a61.824 61.824 0 0 1 -2.961 3.045c-2.092-.115-3.51.515-4.733 1.737a5.978 5.978 0 0 0 -1.75 3.927l-.545-.051v.342a1 1 0 0 1 -1 1h-.6a1 1 0 0 1 -1-1v-2.262a2.994 2.994 0 0 1 -.152-.548l-.398-3.403a2.498 2.498 0 0 1 .033-.787h-.835c-.37 0-.648-.321-.648-.69v-.666a.63.63 0 0 1 .648-.644h1.352l.978-4.213c.23-.99 1.043-1.787 2.022-1.787zm-12.48 9.804a1 1 0 0 0 .67 1.147l1.48.296a1 1 0 0 0 .39-1.948l-1.48-.296a1 1 0 0 0 -1.06.8z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_carsharing_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_carsharing_inverted_32.svg
new file mode 100644
index 0000000000..97a733104e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_carsharing_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m29.256 13.005c.475 0 .75.39.75.75.002.919.002 1.838 0 2.757 0 .245-.192.5-.5.5-.673.002-1.346.002-2.02 0v1.495c0 .245-.189.5-.5.5-.51.002-1.022.002-1.534 0v1.117a.54.54 0 0 1 -.147.355c-.422.422-.846.842-1.27 1.261a5.028 5.028 0 0 1 -8.058 5.79 5.026 5.026 0 0 1 5.4-8.23l6.002-6c.156-.156.438-.295.705-.293.586.003.586-.002 1.172-.002zm-10.516 10.012a1.75 1.75 0 1 0 1.75 1.75c0-1.167-.989-1.75-1.75-1.75zm3.769-18.716c1.254 0 2.35.893 2.78 2.148.046.08.417 1.154 1.113 3.223a.85.85 0 1 1 -1.542.715l-1.198-3.527c-.241-.635-.74-.86-1.153-.86-2.14-.001-4.35-.153-6.49-.153-2.153 0-4.39.036-6.457.142-.486.032-.956.323-1.116.87a491.474 491.474 0 0 1 -1.32 5.141c4.14-.129 7.098-.193 8.874-.193 3.095 0 5.477.086 8.401.194.763 0 .916.741.616 1.05a7681.872 7681.872 0 0 1 -4.194 4.19c-2.057-.388-3.786.082-5.205 1.075h-2.126l-.154-.79c-.07-.427-.55-.77-.978-.699-.427.072-.764.453-.698.978l.25 1.5c.062.373.448.71.838.71h1.18a6.7 6.7 0 0 0 -1.161 3.242l-3.685-.163v.625c0 .948-.38 1.282-1.281 1.282h-1.536c-1.003.035-1.283-.4-1.282-1.282l-.001-1.103c-.244-.738-.242-1.096-.432-2.306-.19-1.209-.625-4.535-.548-5.31h-1.037c-.553-0-.967-.481-.967-1.033v-1c0-.553.414-.966.967-.966l2.406-.001 1.424-5.55c.302-1.212 1.365-2.09 2.765-2.16 2.619-.115 4.842-.139 6.459-.139 3.245 0 3.243.151 6.488.151zm-17.004 12.35c-.051.51.332 1.036.895 1.094 1.249.128 1.25.128 2.5.25a1.004 1.004 0 0 0 1.095-.895.99.99 0 0 0 -.895-1.095c-1.249-.128-1.25-.128-2.5-.25-.283-.028-1.018.122-1.095.895z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_electric_locomotive_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_electric_locomotive_inverted_20.svg
new file mode 100644
index 0000000000..e3c2e79bbc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_electric_locomotive_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m12.778 4.999h-.445v-1.73h.434s.044.012.072.024l.744.494a.525.525 0 0 0 .284.087.548.548 0 0 0 .477-.306c.156-.3.067-.68-.2-.856l-.744-.492a1.144 1.144 0 0 0 -.639-.2l-5.605-.02a1.17 1.17 0 0 0 -.69.231l-.683.494c-.255.187-.333.574-.166.862.166.287.51.375.766.187l.684-.493c.027-.019.066-.056.083-.031h.517v1.749h-.445c-1.222 0-2.222 1.124-2.222 2.499v8.002c0 1.375 1 2.5 2.222 2.5h5.556c1.222 0 2.222-1.125 2.222-2.499v-8.003c0-1.375-1-2.5-2.222-2.5zm-1.556 0h-2.444v-1.743h2.444zm-3.189 11.008h-.889c-.26 0-.472-.237-.472-.531s.211-.531.472-.531h.89c.26 0 .472.237.472.531s-.212.531-.473.531zm4.828 0h-.889c-.26 0-.472-.237-.472-.531s.211-.531.472-.531h.89c.26 0 .471.237.471.531s-.21.531-.472.531zm.478-4.348c0 .737-.539 1.343-1.195 1.343h-4.283c-.655 0-1.194-.606-1.194-1.343v-3.311c0-.738.539-1.344 1.194-1.344h4.283c.656 0 1.195.606 1.195 1.344v3.31z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_electric_locomotive_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_electric_locomotive_inverted_24.svg
new file mode 100644
index 0000000000..499d6bdde8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_electric_locomotive_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m15.52 5.993h-.945v-2.714h1.143c.051 0 .103.022.154.052l.981.59a.61.61 0 0 0 .85-.224.64.64 0 0 0 -.22-.867l-.981-.59a1.55 1.55 0 0 0 -.784-.218l-7.392-.022c-.286 0-.593.09-.857.254l-.901.59a.638.638 0 0 0 -.183.876.61.61 0 0 0 .857.187l.9-.591c.06-.037.103-.037.17-.06h1.106v2.737h-.938c-1.912 0-3.48 1.6-3.48 3.55v8.906c0 1.951 1.568 3.551 3.48 3.551h7.04c1.912 0 3.48-1.6 3.48-3.551v-8.913c0-1.951-1.568-3.551-3.48-3.551zm-2.19 0h-2.667v-2.73h2.667zm-4.601 12.957h-.974a.629.629 0 0 1 -.623-.636c0-.351.278-.635.623-.635h.974c.344 0 .623.284.623.635a.629.629 0 0 1 -.623.636zm7.546 0h-.975a.629.629 0 0 1 -.622-.636c0-.351.278-.635.622-.635h.975c.344 0 .622.284.622.635a.629.629 0 0 1 -.622.636zm.63-5.473c0 .807-.652 1.473-1.443 1.473h-6.894c-.791 0-1.443-.666-1.443-1.473v-4.023c0-.807.652-1.473 1.443-1.473h6.886c.791 0 1.443.666 1.443 1.473v4.023z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_electric_locomotive_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_electric_locomotive_inverted_32.svg
new file mode 100644
index 0000000000..72fbb020cc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_electric_locomotive_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m21.56 6.04h-1.69v-2.32h1.17c.07 0 .14.02.21.07l1.34.79a.835.835 0 0 0 1.16-.3c.24-.41.1-.93-.3-1.16l-1.34-.79c-.33-.19-.7-.3-1.07-.3l-10.09-.03c-.4 0-.8.12-1.15.34l-1.23.79c-.39.25-.51.78-.25 1.17.25.39.78.51 1.17.25l1.23-.79c.08-.05.16-.08.23-.08h1.23v2.35h-1.68c-2.47 0-4.5 2.02-4.5 4.5v14.97c0 2.47 2.03 4.5 4.5 4.5h11.07c2.47 0 4.5-2.03 4.5-4.5v-14.96c0-2.47-2.02-4.5-4.5-4.5zm-3.39 0h-4.3v-2.34h4.3zm-6 20.84h-1.81a.85.85 0 1 1 0-1.7h1.81a.85.85 0 1 1 0 1.7zm4.73-3.99h-1.81a.85.85 0 1 1 0-1.7h1.81a.85.85 0 1 1 0 1.7zm4.76 3.99h-1.81a.85.85 0 1 1 0-1.7h1.81a.85.85 0 1 1 0 1.7zm.86-9.84c0 1.08-.89 1.97-1.97 1.97h-9.06a1.98 1.98 0 0 1 -1.97-1.97v-6.06c0-1.08.89-1.97 1.97-1.97h9.06c1.08 0 1.97.89 1.97 1.97z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_electric_scooter_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_electric_scooter_inverted_20.svg
new file mode 100644
index 0000000000..1c0688e4b4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_electric_scooter_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16.25 13.5a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5zm-8.49 1.373c.311 1.212-.745 2.127-1.71 2.127s-1.97-.833-1.71-2.127h-1.34a.85.85 0 0 1 -.843-.744l-.007-.44c0-1.877 1.583-3.516 3.324-3.511l2.474-.005-.445-1.474-2.503.001c-.491 0-.85-.4-.85-.85s.359-.85.85-.85h2.6c.623 0 1.267.485 1.482 1.058l1.548 5.114h1.024l3.496-3.523v-2.248c0-.254-.13-.53-.372-.53l-1.832-.008a.85.85 0 0 1 -.85-.85c0-.434.367-.85.85-.85h1.832c1.12 0 1.993.937 2.067 2.08l.005 2.757a.85.85 0 0 1 -.174.515l-4.064 4.106a.895.895 0 0 1 -.604.252z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_electric_scooter_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_electric_scooter_inverted_24.svg
new file mode 100644
index 0000000000..8f1e945c46
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_electric_scooter_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.672 6.173c1.16 0 2.099.922 2.178 2.076l.005 2.751a.93.93 0 0 1 -.216.566l-4.468 5a.841.841 0 0 1 -.634.284h-3.687a2.851 2.851 0 0 1 -2.849 3 2.864 2.864 0 0 1 -2.85-3h-1.151a.85.85 0 0 1 -.843-.743l-.007-1.737c0-1.586 1.081-2.804 2.67-2.84l4.334-.005-.461-1.599h-2.693a.863.863 0 0 1 -.85-.85.85.85 0 0 1 .85-.85h2.838c.632 0 1.188.398 1.411.981l1.723 5.943h1.184l3.999-4.475v-2.268c0-.268-.177-.482-.398-.526l-2.085-.008a.85.85 0 0 1 0-1.7zm2.328 7.977a2.85 2.85 0 1 1 0 5.7 2.85 2.85 0 0 1 0-5.7zm-13.15 2.692c-.039.794.476 1.308 1.15 1.308s1.2-.514 1.15-1.308zm13.15-.992a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_electric_scooter_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_electric_scooter_inverted_32.svg
new file mode 100644
index 0000000000..ce496b5cfb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_electric_scooter_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m11.847 21.841a3.85 3.85 0 0 1 -7.692.357v-.357l-1.155.009a.85.85 0 0 1 -.843-.743l-.007-2.107a4.85 4.85 0 0 1 4.634-4.845l5.272-.005-.657-2.194a.147.147 0 0 0 -.143-.106h-4.256a.85.85 0 0 1 -.85-.85c0-.433.369-.85.85-.85h4.256a1.85 1.85 0 0 1 1.722 1.175l2.654 8.825h2.976l5.542-6.466v-3.684c0-.592-.449-1.08-1.025-1.143l-3.125-.007a.85.85 0 0 1 -.85-.85c0-.433.34-.85.85-.85h3a2.85 2.85 0 0 1 2.845 2.683l.005 4.167a.904.904 0 0 1 -.204.553c-.098.12-2.098 2.453-6 7a.84.84 0 0 1 -.646.297c-.183-.006-2.567-.009-7.153-.009zm14.153-3.691a3.85 3.85 0 1 1 0 7.7 3.85 3.85 0 0 1 0-7.7zm-20.15 3.7c0 1.416.963 2.3 2.15 2.3 1.136 0 2.212-.881 2.15-2.309 0 .006-1.433.009-4.3.009zm20.15-2a2.15 2.15 0 1 0 0 4.3 2.15 2.15 0 0 0 0-4.3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ev_car_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ev_car_inverted_20.svg
new file mode 100644
index 0000000000..6a15a8d9a5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ev_car_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m6.5 14.741-.007 1.257h-2.493v-2.172a2.515 2.515 0 0 1 -.625-1.395l-.271-2.431h-1.104v-2h1.696l.761-3.432c.238-.805.943-1.568 1.838-1.568l4.355.001a.85.85 0 0 1 0 1.7l-4.607-.001-.643 3.3 4.6-.001a2.002 2.002 0 0 1 2-1.997 1 1 0 0 1 1-1.002h2.012c.513 0 .988.473 1 1.002 1.054 0 1.994.946 1.994 2l-.006 7.996a2 2 0 0 1 -2 2h-4a2 2 0 0 1 -2-2v-.998a23.83 23.83 0 0 1 -3.5-.259zm9.5-7.017h-4c-.141 0-.3.106-.3.3v7.974c0 .142.132.288.3.3h4c.142 0 .3-.106.3-.3v-7.974c0-.142-.148-.3-.3-.3zm-7.76 3.335c-.327.134-.551.477-.486.781l.304 1.208c.086.207.34.452.58.452h1.362v-1.492h-.665l-.143-.538c-.1-.302-.584-.562-.952-.411zm6.386-1.99c.347.155.559.56.377.991-.18.4-.365.797-.551 1.189l.302.001c.51 0 .922.527.684 1.058-.287.65-.646 1.407-1.08 2.27a.75.75 0 0 1 -.991.376c-.347-.156-.572-.583-.377-.992.115-.28.317-.684.604-1.213l-.3.001a.755.755 0 0 1 -.684-1.057c.216-.491.557-1.24 1.025-2.247a.75.75 0 0 1 .991-.377zm-10.606 1.846a.75.75 0 0 1 .9-.562l1.558.367a.75.75 0 0 1 -.435 1.432l-1.559-.367a.75.75 0 0 1 -.464-.87z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ev_car_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ev_car_inverted_24.svg
new file mode 100644
index 0000000000..3baf710671
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ev_car_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.988 6a.998.998 0 0 1 1.008 1.023c1.129 0 2.004.977 2.004 1.977v10c0 1-1 2-2 2h-5c-1 0-2-1-2-2l-.001-1.03c-.333.02-.666.03-.999.03-1.667 0-3.467-.107-5.4-.321v.321a1 1 0 0 1 -1 1h-.6a1 1 0 0 1 -1-1v-1.757c-.367-.532-.55-2.017-.55-4.456a2.498 2.498 0 0 1 .033-.787h-.835c-.37 0-.648-.321-.648-.69v-.666a.63.63 0 0 1 .648-.644h1.412l.947-4.207c.23-.989 1.118-1.793 1.994-1.793h8.484c.522 0 .825.429.825.803 0 .373-.303.896-.804.896l-8.313.001c-.208 0-.44.146-.53.48l-.858 3.82h7.194c.001-.872.762-1.997 2.001-1.977 0-.751.646-1.023 1.007-1.023zm1.008 2.72-4.994.007c-.137 0-.302.085-.302.314v9.963c0 .158.12.296.302.296h4.994c.18 0 .304-.151.304-.296v-9.97c0-.156-.09-.315-.304-.315zm-10.46 4.05c-.503.1-.883.624-.785 1.176.081.417.165.834.25 1.25a.992.992 0 0 0 .999.804h2.999v-1.999h-2.198l-.089-.447c-.1-.503-.673-.885-1.176-.784zm-5.017.034c-.11.502.185 1.027.785 1.177.771.153 1.188.237 1.25.25a1.008 1.008 0 0 0 1.177-.785 1.014 1.014 0 0 0 -.785-1.177l-1.133-.216c-.693-.14-1.157.132-1.294.75zm12.785-1.408a.75.75 0 0 1 1.363.619l-.669 1.254h.245c.534.002.93.575.655 1.112a783.47 783.47 0 0 0 -1.226 2.234.75.75 0 0 1 -1.019.297.757.757 0 0 1 -.296-1.019c.165-.299.371-.675.617-1.127h-.232a.753.753 0 0 1 -.658-1.105c.405-.758.812-1.513 1.22-2.265z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ev_car_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ev_car_inverted_32.svg
new file mode 100644
index 0000000000..d7bd98d12e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ev_car_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m22.438 5.18c.884.043 1.753.43 2.288 1.15a.85.85 0 0 1 -.175 1.189.86.86 0 0 1 -1.19-.175c-.188-.254-.516-.437-.923-.464-2.125-.088-4.275-.185-6.413-.185-2.154.001-4.318.05-6.463.19-.49.037-.989.374-1.115.893a307.3 307.3 0 0 1 -1.327 5.221c3.937-.095 6.897-.143 8.88-.143.652 0 1.514.021 2.002.039a3 3 0 0 1 2.998-2.895c0-.5.5-1 1-1h3c.5 0 1 .5 1 1a3 3 0 0 1 3 3c.5 0 1 .5 1 1v1c0 .5-.5 1-1 .999v8.001a3 3 0 0 1 -3 3h-5a3 3 0 0 1 -2.984-2.692 43.22 43.22 0 0 1 -2.277.041c-1.065 0-3.311-.116-6.74-.349l.001 1c0 .446-.554 1-1 1h-2c-.5 0-1-.5-1-1l-.016-2.3a3.187 3.187 0 0 1 -.408-1.194l-.357-3.654c-.065-.989-.09-1.607-.077-1.853h-1.175c-.553.001-.967-.48-.967-1.032v-1c0-.553.414-.966.967-.966l2.403-.001 1.427-5.63c.302-1.211 1.365-2.122 2.765-2.184 3.207-.1 4.852-.198 6.474-.185 1.598.013 3.831.092 6.402.18zm3.562 6.52h-5c-.673 0-1.3.57-1.3 1.3v11c0 .673.63 1.3 1.3 1.3h5c.673 0 1.211-.446 1.3-1.3v-11c0-.673-.615-1.3-1.3-1.3zm-13.64 6.126c-.427.072-.764.453-.698.978.08.5.164 1 .25 1.5.062.373.448.71.838.71h5.25v-1.699h-4.508l-.154-.79c-.07-.427-.55-.77-.978-.699zm-6.705-.055c-.049.43.229.855.749.94.626.076 1.249.146 2.5.285.478.058.892-.318.94-.748.05-.431-.232-.86-.748-.941-1.248-.145-1.249-.145-2.5-.285a.854.854 0 0 0 -.94.749zm17.674-2.606a.75.75 0 0 1 1.006-.336c.34.17.533.64.336 1.007-.292.596-.611 1.234-.958 1.914h.77c.482 0 .983.517.68 1.1-.453.936-.95 1.93-1.492 2.986a.75.75 0 1 1 -1.342-.671c.318-.64.637-1.28.957-1.915h-.77c-.378 0-.981-.45-.68-1.1.201-.433.699-1.428 1.493-2.985z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ferry_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ferry_inverted_20.svg
new file mode 100644
index 0000000000..65a35e5d81
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ferry_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.894 14.772c.423.458.82.727 1.106.727a.85.85 0 0 1 0 1.7c-.603 0-1.183-.233-1.741-.697-.604.464-1.211.697-1.82.697-.608 0-1.209-.24-1.801-.72-.629.48-1.233.72-1.813.72s-1.167-.226-1.761-.678c-.509.452-1.052.678-1.632.678-.579 0-1.197-.24-1.853-.722-.484.381-1.01.572-1.579.572a.85.85 0 0 1 0-1.7c.26 0 .554-.176.88-.527a.85.85 0 0 1 1.265-.077c.094.093.794.754 1.22.754.274 0 .587-.212.936-.634a.85.85 0 0 1 1.315-.102c.086.09.762.736 1.209.736.414 0 1.117-.645 1.202-.734a.85.85 0 0 1 1.243.008c.081.088.74.726 1.198.726.282 0 .696-.223 1.187-.737a.85.85 0 0 1 1.239.01zm-3.144-12.622a.85.85 0 0 1 .79.534l.343 1.346-6.902.007c-.418 0-.79.41-.79.843 0 .434.424.85.79.85h7.327l.355 1.42h2.539a.85.85 0 0 1 .844.952c-.06.49-1.331 3.082-2.29 4.037-.335.373-.645.648-.928.827a2.63 2.63 0 0 1 -1.411.427c-.547 0-1.126-.223-1.739-.667-.577.596-1.165.903-1.763.923s-1.213-.248-1.845-.803c-.513.537-1.058.806-1.638.806-.579 0-1.166-.272-1.762-.816-.527.544-1.084.816-1.67.816-.433 0-.85-.358-.85-.806v-9.846c0-.433.324-.85.85-.85zm.287 5.341a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-4 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-4 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ferry_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ferry_inverted_24.svg
new file mode 100644
index 0000000000..065a7f3a6d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ferry_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m5.815 18.365c.103.092.307.248.571.404.35.207.73.381 1.114.381.385 0 .764-.174 1.114-.381.087-.052.258-.143.571-.404a.885.885 0 0 1 1.13 0c.34.28.484.352.572.404.349.207.75.382 1.112.381.36 0 .707-.14 1.114-.381.059-.035.25-.17.572-.404a.85.85 0 0 1 1.13 0c.322.234.513.369.572.404.348.206.764.381 1.107.381s.712-.14 1.12-.381c.058-.035.249-.17.571-.404a.85.85 0 0 1 1.13 0c.322.234.513.369.572.404a3.2 3.2 0 0 0 1.113.373c.463.015.85.389.85.858 0 .433-.327.85-.85.85-.721 0-1.471-.263-2.25-.79-.799.53-1.554.794-2.265.79s-1.456-.267-2.235-.79c-.794.528-1.543.79-2.246.79s-1.454-.264-2.254-.79c-.802.527-1.551.79-2.25.79-.698 0-1.448-.263-2.25-.79-.796.527-1.546.79-2.25.79a.85.85 0 0 1 -.85-.85c0-.433.312-.85.85-.85.44-.04.706-.14 1.114-.381a3.95 3.95 0 0 0 .57-.404.85.85 0 0 1 1.131 0zm9.466-16.11c.353 0 .71.226.791.538.054.208.159.629.314 1.263l-9.691.007a.85.85 0 0 0 0 1.687l10.101.006.831 3.394h3.373c.397 0 .79.269.843.743.102 1.084-.413 2.766-1.121 4.064a12.13 12.13 0 0 1 -1.23 1.84c-.274.35-.623.656-1.047.918-.636.394-1.207.635-2.059.635-.568 0-1.28-.263-2.137-.788-.795.525-1.543.788-2.245.788-.701 0-1.453-.263-2.256-.788-.796.525-1.545.788-2.248.788-.702 0-1.453-.262-2.25-.787-.804.525-1.554.787-2.25.787-.672 0-.85-.446-.85-.824v-6.594l13.036-.007a.85.85 0 0 0 0-1.687l-13.036-.006v-5.127c0-.434.354-.85.85-.85zm-2.49 10.163a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3zm4 0a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3zm-8 0a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3zm-4 0a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ferry_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ferry_inverted_32.svg
new file mode 100644
index 0000000000..73eacaddd7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ferry_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m26.41 24.464c.438.456.737.75.895.879.56.46 1.221.807 1.693.807a.85.85 0 1 1 0 1.7c-1.042 0-2.125-.538-3.248-1.613-1.152 1.075-2.234 1.613-3.248 1.613-1.013 0-2.097-.538-3.252-1.614-1.144 1.078-2.229 1.616-3.254 1.614-1.026-.001-2.108-.54-3.246-1.613-1.136 1.076-2.219 1.613-3.25 1.613-1.03 0-2.114-.538-3.25-1.614-1.145 1.076-2.228 1.614-3.25 1.614a.85.85 0 0 1 0-1.7c.46 0 1.073-.295 1.696-.807.158-.13.456-.422.894-.878a.85.85 0 0 1 1.32 0c.438.456.736.748.894.878.561.46 1.196.807 1.696.807s1.134-.346 1.695-.807c.158-.13.457-.423.895-.879a.85.85 0 0 1 1.32 0c.438.456.737.75.895.879.56.46 1.191.808 1.693.807s1.074-.296 1.697-.807c.158-.13.457-.423.895-.88a.85.85 0 0 1 1.242-.083c.49.512.815.833.974.963.558.457 1.2.808 1.696.807.496 0 1.07-.296 1.693-.807.158-.13.457-.423.895-.88a.85.85 0 0 1 1.32 0zm-6.41-19.314a.85.85 0 0 1 .789.533l.626 2.467-12.621.007a.85.85 0 0 0 0 1.686l13.047.007.828 3.3h5.331c.482 0 .87.4.85.881-.138 3.219-1.633 5.697-2.338 6.703s-.802 1.096-1.205 1.547c-.819.914-1.72 1.57-2.862 1.57-1.032 0-2.11-.674-3.231-2.021-1.107 1.349-2.19 2.022-3.247 2.02-1.058-.002-2.137-.675-3.239-2.02-1.073 1.347-2.149 2.02-3.227 2.02-1.08 0-2.165-.673-3.258-2.019-1.122 1.367-2.203 2.05-3.243 2.05a.859.859 0 0 1 -.85-.85v-9.681l17.457-.007a.85.85 0 0 0 0-1.686l-17.457-.007v-5.65c0-.47.38-.85.85-.85zm-3.75 10.85a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5zm5 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5zm-10 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5zm-5 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_handcart_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_handcart_inverted_20.svg
new file mode 100644
index 0000000000..4202660455
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_handcart_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m4.5 14a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm7 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-3 .65c.47 0 .85.38.85.85 0 .433-.326.85-.85.85h-1a.85.85 0 0 1 0-1.7zm5.537-11.5a2.85 2.85 0 0 1 2.795 2.294l1.016 7.5c0 .387-.156.66-.468.816l-2 1a.85.85 0 0 1 -1.14-.38.841.841 0 0 1 .38-1.14l1.456-.729-.9-6.665c-.071-.53-.556-.99-1.018-.99-.624 0-.993-.387-.993-.856 0-.433.341-.85.872-.85zm-1.037 4.85c.47 0 .85.38.85.85 0 .433-.285.85-.85.85v1.8c-.016 1.043-.38 1.489-1.454 1.5h-7.021c-.745-.008-1.525-.293-1.525-1.5v-1.8c-.523 0-.85-.38-.85-.85 0-.433.34-.85.85-.85z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_handcart_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_handcart_inverted_24.svg
new file mode 100644
index 0000000000..e98e2e7757
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_handcart_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m5 16a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm10 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm-3.62.74a.85.85 0 0 1 -.662 1.562 1.63 1.63 0 0 0 -.679-.19 1.437 1.437 0 0 0 -.659.148.85.85 0 1 1 -.76-1.52 3.086 3.086 0 0 1 2.76 0zm6.646-12.59a2.31 2.31 0 0 1 2.24 1.744l1.597 8.957a.85.85 0 0 1 -.63.973l-2.42.965a.85.85 0 0 1 -.631-1.578l1.883-.754-1.438-8.103a.603.603 0 0 0 -.601-.504.85.85 0 0 1 0-1.7zm-1.026 4.85c.47 0 .85.38.85.85a.86.86 0 0 1 -.85.85v1.8c0 1.248-1.304 2.5-2.5 2.5h-9c-1.196 0-2.5-1.252-2.5-2.5v-1.8a.853.853 0 0 1 -.85-.85c0-.433.353-.85.85-.85z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_handcart_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_handcart_inverted_32.svg
new file mode 100644
index 0000000000..e9860d87e0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_handcart_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m7 21.15a2.85 2.85 0 1 1 0 5.7 2.85 2.85 0 0 1 0-5.7zm13 0a2.85 2.85 0 1 1 0 5.7 2.85 2.85 0 0 1 0-5.7zm-13 1.7a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3zm13 0a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3zm-4.529-.557a.85.85 0 0 1 -.942 1.414 1.854 1.854 0 0 0 -2.058 0 .85.85 0 0 1 -.942-1.414 3.554 3.554 0 0 1 3.942 0zm9.529-18.143c1.282 0 2.38.897 2.647 2.135l2.197 14.615c.074.482-.14.79-.638.926-.439.105-1.772.438-4 1a.85.85 0 0 1 -.514-1.617l3.352-.846-2.047-13.654a1.002 1.002 0 0 0 -.997-.859.85.85 0 0 1 0-1.7zm-1 8.85c.47 0 .85.38.85.85 0 .433-.34.85-.85.85v2.3c0 1.659-1.409 3-3 3h-15c-1.591 0-3-1.341-3-3v-2.3a.86.86 0 0 1 -.85-.85c0-.433.348-.85.85-.85z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ice_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ice_inverted_20.svg
new file mode 100644
index 0000000000..2cefee3d7e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ice_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m12 18h-4a1 1 0 0 1 -.975-.779c-.6-.425-1.119-1.068-1.517-2.02.701.504 1.199.847 1.493 1.028.44.27.997.469 1.658.513h2.682a3.732 3.732 0 0 0 1.66-.513c.326-.198.903-.6 1.732-1.204-.416 1.003-1.017 1.782-1.774 2.259-.148.477-.468.716-.959.716zm-2.026-16c3.684 0 5.474 2.502 5.52 6.006l.003 2.008c0 .78-.036 1.745-.147 2.612-.364.316-.816.676-1.355 1.078-.54.403-1.086.79-1.642 1.16a2.34 2.34 0 0 1 -1.26.386h-2.186c-.474 0-.946-.175-1.26-.386a52.545 52.545 0 0 1 -1.643-1.16 24.367 24.367 0 0 1 -1.142-.898c-.244-1.312-.366-2.244-.366-2.798v-2.002c.001-3.504 1.709-6.006 5.478-6.006zm-1.801 9.168a.75.75 0 0 0 -1.41.47l.564 1.694a.75.75 0 0 0 1.41-.47zm4.564-.38a.75.75 0 0 0 -.91.38l-.564 1.694a.75.75 0 0 0 1.41.47l.564-1.694a.75.75 0 0 0 -.5-.85zm-2.737-6.788c-1.154 0-2.072.182-2.754.546a2.271 2.271 0 0 0 -1.144 2.276c.197.947.321 1.51.374 1.692.16.546.596.962 1.141 1.1.97.173 1.764.261 2.383.265.62.004 1.369-.076 2.248-.238a1.595 1.595 0 0 0 1.28-1.127 25.16 25.16 0 0 0 .372-1.696c.128-.864-.674-2.062-1.333-2.365-.66-.302-1.515-.453-2.567-.453z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ice_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ice_inverted_24.svg
new file mode 100644
index 0000000000..852cd7e467
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ice_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.93 17.82a6.39 6.39 0 0 1 -.915 1.806c-.304.423-.654.766-1.087 1.002a1 1 0 0 1 -.81 1.365l-6.119.007a1 1 0 0 1 -.923-1.386c-.364-.2-.728-.517-1.072-.982a5.872 5.872 0 0 1 -.932-1.811c.584.475 1.276.967 2.136 1.52.588.378 1.383.663 3.791.663s3.16-.258 3.79-.663a23.564 23.564 0 0 0 2.14-1.521zm-4.92-15.82c2.01 0 3.44.756 4.407 2.04.885 1.178 1.48 2.786 1.52 4.363l.057 2.299a19.35 19.35 0 0 1 -.192 3.243l-.523.698c-.811 1.027-1.735 1.836-3.57 3.016-.05.032-.525.344-1.77.344h-1.848c-1.311 0-1.725-.296-1.8-.344-1.835-1.18-2.759-1.99-3.57-3.016l-.528-.706c-.124-.865-.193-2.024-.187-3.192.004-.778.023-1.559.058-2.342a7.571 7.571 0 0 1 1.52-4.362c.918-1.22 2.268-1.964 4.118-2.035zm1.084 11.574-.543 1.61a1 1 0 0 0 1.855.74l.543-1.61a1 1 0 0 0 -1.855-.74zm-4.203-.006a1 1 0 0 0 -1.88.64l.586 1.723a1 1 0 0 0 1.88-.64zm2.11-9.568c-.718 0-1.469 0-2.798.374-1.329.376-2.228 1.888-2.018 3.226.186.82.304 1.316.355 1.487a2.148 2.148 0 0 0 1.579 1.478c1.113.192 2.073.29 2.882.294.81.004 1.717-.084 2.722-.264a2.148 2.148 0 0 0 1.742-1.508c.074-.25.293-1.125.324-1.314.33-1.459-.641-3.02-1.986-3.396-1.343-.377-2.086-.377-2.803-.377z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ice_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ice_inverted_32.svg
new file mode 100644
index 0000000000..4f58648ced
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_ice_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m7.101 22.83c.991 1.106 2.167 2.075 3.986 3.27l.57.36c.38.213.778.344 1.343.423a42.03 42.03 0 0 0 3 .117c.968.002 1.936-.033 2.905-.104.484-.061.848-.156 1.175-.303l.702-.4c2.037-1.331 3.057-2.18 4.113-3.358a88.927 88.927 0 0 1 -.548 2.032c-.205.676-.652 1.376-1.182 2.18a4.343 4.343 0 0 1 -2.196 1.708 1 1 0 0 1 -.853 1.238l-8.116.007a1 1 0 0 1 -.966-1.26 4.4 4.4 0 0 1 -2.02-1.474 10.859 10.859 0 0 1 -1.264-2.146c-.103-.238-.32-1.002-.649-2.292zm10.385-20.83c3.086 0 4.872 1.074 6.252 2.9a10.727 10.727 0 0 1 2.155 5.826l.016.373.082 3.266c.04 1.163-.02 2.468-.182 3.916a34.97 34.97 0 0 1 -1.203 1.71c-1.337 1.819-2.388 2.897-4.805 4.446-.394.252-.794.562-2.106.562h-3.42c-1.275 0-1.544-.222-2.076-.562-2.515-1.608-3.55-2.687-4.748-4.394-.8-1.138-1.22-1.728-1.262-1.77-.127-1.33-.19-2.397-.19-3.202.002-.805.033-2.129.093-3.972.056-2.24.815-4.407 2.17-6.199 1.331-1.76 3.116-2.9 6.318-2.896zm-4.892 16.04a1 1 0 0 0 -1.89.61l.97 3.009a1 1 0 0 0 1.89-.61l-.97-3.008zm6.7.027-.932 2.87a1 1 0 0 0 1.86.722l.933-2.87a1 1 0 0 0 -1.861-.722zm-3.294-13.067c-1.726 0-3.15.222-4.272.665-1.716.677-2.864 2.448-2.48 4.445.21 1.1.42 1.861.54 2.264a2.902 2.902 0 0 0 2.151 2.002l1.445.226c1.56.238 3.146.261 4.711.072l1.779-.263a2.902 2.902 0 0 0 2.344-2.038c.118-.391.271-.774.54-2.27.337-1.88-.72-3.675-2.29-4.355-1.377-.598-2.87-.748-4.468-.748z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_intercity_train_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_intercity_train_inverted_20.svg
new file mode 100644
index 0000000000..ba2101df09
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_intercity_train_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.592 14.908c-.442 1.205-1.416 2.167-2.649 2.634a1 1 0 0 0 -1.153-.645c-.713.153-1.312.228-1.79.228s-1.077-.075-1.79-.228a1 1 0 0 0 -1.153.645c-1.232-.466-2.206-1.428-2.648-2.632.295.134 1.329.55 2.723.92.342.08.296.062.724.123a14 14 0 0 0 .834.038l2.783-.004c.184-.005.407-.016.668-.034a4.46 4.46 0 0 0 .723-.123c.983-.272 1.892-.58 2.728-.922zm-4.142-12.758c2.349 0 4.283 1.766 4.395 4.005l.005 6.919c-.74.405-1.407.704-2.003.899-.893.292-1.33.417-1.704.471s-1.127.054-2.141.054-1.93-.027-2.148-.054c-.486-.06-.815-.164-1.245-.302a22.518 22.518 0 0 1 -1.521-.572 7.717 7.717 0 0 1 -.938-.495v-6.715c0-2.267 1.865-4.1 4.188-4.205zm-4.43 9.35a.85.85 0 0 0 -.251 1.668l1.21.182a.85.85 0 0 0 .252-1.667l-1.21-.183zm4.749.183a.85.85 0 0 0 .251 1.667l1.211-.182a.85.85 0 0 0 -.251-1.668zm-3.683-8.634a2 2 0 0 0 -1.74 2.144l.317 3.958c.07.872.887 1.662 1.738 1.727.852.065 2.28.07 3.203 0a1.882 1.882 0 0 0 1.733-1.727l.317-3.958a2 2 0 0 0 -1.74-2.144c-.257-.033-3.571-.033-3.828 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_intercity_train_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_intercity_train_inverted_24.svg
new file mode 100644
index 0000000000..d3be82d610
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_intercity_train_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.546 18.654a5.533 5.533 0 0 1 -3.568 3.143 1 1 0 0 0 -1.188-.775c-.713.153-1.312.228-1.79.228s-1.077-.075-1.79-.228c-.502-.107-1.077.19-1.19.775a5.532 5.532 0 0 1 -3.565-3.142c1 .45 2.832 1.087 3.68 1.238.578.096 1.442.106 2.864.107 1.423.001 2.243-.014 2.846-.102.714-.15 1.716-.433 3.7-1.244zm-4.806-16.654c2.835 0 5.142 2.267 5.256 5.1v9.035c-1.346.952-4.08 1.711-4.452 1.788-.637.089-1.187.077-2.545.077-1.357 0-2.096.028-2.765-.122-1.745-.495-3.283-1.08-4.233-1.743l-.001-8.815c0-2.862 2.236-5.2 5.043-5.316zm-5.442 12.001a1 1 0 0 0 -.326 1.96l1.73.288a1 1 0 0 0 .326-1.96zm8.438.835a1 1 0 0 0 -1.034-.836l-1.73.288a1 1 0 0 0 .326 1.96l1.73-.288a1 1 0 0 0 .708-1.125zm-7.129-11.774a2.5 2.5 0 0 0 -2.174 2.678l.436 5.461a1.75 1.75 0 0 0 1.612 1.606c1.04.087 1.881.13 2.521.13s1.479-.043 2.517-.13a1.75 1.75 0 0 0 1.612-1.606l.436-5.461a2.5 2.5 0 0 0 -2.174-2.68c-.16-.02-.603-.06-2.393-.061-1.79 0-2.231.04-2.393.062z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_intercity_train_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_intercity_train_inverted_32.svg
new file mode 100644
index 0000000000..c4004b0d8c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_intercity_train_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m6.698 25.562c2.745.787 4.51 1.223 5.295 1.308 1.177.128 1.825.128 2.916.128h2.182c1.382 0 1.542 0 2.735-.102.796-.068 2.621-.513 5.476-1.333a7.729 7.729 0 0 1 -5.078 4.188 1.249 1.249 0 0 0 -1.4-.988c-1.114.157-2.057.237-2.824.237-.768 0-1.711-.079-2.823-.237-.64-.092-1.224.299-1.401.988-2.075-.41-4.122-2.14-5.078-4.19zm11.802-23.562c3.975 0 7.365 3.34 7.496 7.264.003 8.974-.008 13.598-.031 13.872-1.806.833-4.716 1.675-6.707 1.807-1.244.057-1.68.055-3.258.057-1.58.002-2.33.002-3.158-.05-2.196-.166-5.338-1.098-6.807-1.815-.047-.168-.059-4.713-.035-13.635 0-3.946 3.311-7.364 7.262-7.496zm-7.296 18.505a1.125 1.125 0 0 0 -.277 2.22l2.243.28a1.125 1.125 0 0 0 .278-2.22zm7.536.28a1.125 1.125 0 0 0 .277 2.22l2.243-.28a1.125 1.125 0 0 0 -.277-2.22zm-5.917-16.735a4 4 0 0 0 -3.635 4.303l.676 8.443a2 2 0 0 0 1.841 1.835l2.696.206a21 21 0 0 0 3.198 0l2.696-.206a2 2 0 0 0 1.841-1.835l.676-8.443a4 4 0 0 0 -3.635-4.303c-.368-.033-5.986-.033-6.354 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_local_bus_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_local_bus_inverted_20.svg
new file mode 100644
index 0000000000..9053f2a5c1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_local_bus_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13.436 2.15c.941 0 1.431.095 1.942.368.474.253.85.63 1.104 1.104.213.397.317.782.353 1.376l.965.002v4l-.95-.001v5.72c0 .467-.046.764-.174 1.049-.128.284-.415.653-.676.78v1.452h-2.5v-1.15h-7.001l.001 1.15h-2.5l-.002-1.45a1.757 1.757 0 0 1 -.614-.66c-.152-.285-.217-.56-.231-.981-.01-.282-.01-2.252-.003-5.91l-.95.001v-4l.965-.002c.036-.594.14-.979.353-1.376.253-.474.63-.85 1.104-1.104.468-.25.919-.351 1.716-.366zm-7.586 11.1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm8.194 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm1.106-7.501h-10.3l.001 5.883a34.63 34.63 0 0 0 5.149.386 34.63 34.63 0 0 0 5.15-.386zm-2.15-2.499h-6v1.5h6z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_local_bus_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_local_bus_inverted_24.svg
new file mode 100644
index 0000000000..141fb0a230
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_local_bus_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.436 2.15c.941 0 1.431.095 1.942.368.474.253.85.63 1.104 1.104.25.468.351.919.366 1.716v.942a.846.846 0 0 1 .452-.13c.433 0 .875.352.85.85v3a.85.85 0 0 1 -1.301.72l.001 6.716c0 .941-.095 1.431-.368 1.942a2.67 2.67 0 0 1 -.68.824l-.002.798a1 1 0 0 1 -1 1h-.6c-.552 0-1-.383-1-1.15h-8.4c0 .753-.448 1.15-1 1.15h-.6a1 1 0 0 1 -1-1l-.002-.798a2.67 2.67 0 0 1 -.68-.824c-.25-.468-.351-.919-.366-1.716l-.002-6.941a.846.846 0 0 1 -.45.129.86.86 0 0 1 -.85-.85v-3a.85.85 0 0 1 1.3-.721v-.715c0-.941.095-1.431.368-1.942.253-.474.63-.85 1.104-1.104.468-.25.919-.351 1.716-.366zm-9.561 14.75a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25zm10.25 0a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25zm1.024-10.9h-12.3v8.63c2.324.355 4.434.52 6.151.52 1.76 0 3.81-.172 6.148-.519l.002-8.631zm-9.149-2.75a.76.76 0 0 0 -.75.75c0 .38.296.75.75.75h6a.74.74 0 0 0 .75-.75c0-.38-.36-.75-.75-.75z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_local_bus_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_local_bus_inverted_32.svg
new file mode 100644
index 0000000000..d9c5561631
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_local_bus_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m9.585 3.152h12.83c1.176.016 1.802.152 2.451.5.637.34 1.142.845 1.483 1.482.347.65.483 1.275.5 2.451l.001 16.492c0 .738-.077 1.139-.3 1.556-.14.261-.325.487-.549.67l-.001 1.697a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1-1v-1.15h-12v1.15a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1-1l-.001-1.696a2.215 2.215 0 0 1 -.548-.67c-.201-.377-.284-.739-.299-1.345v-16.704c.016-1.176.152-1.802.5-2.451a3.576 3.576 0 0 1 1.481-1.484c.65-.347 1.275-.483 2.451-.5zm-1.235 18.598a1.5 1.5 0 1 0 .001 3.001 1.5 1.5 0 0 0 -.001-3.001zm15.3 0a1.5 1.5 0 1 0 .001 3.001 1.5 1.5 0 0 0 -.001-3.001zm1.5-13.75h-18.3v11.043c3.15.493 6.382.707 9.15.707 3.05 0 6.1-.236 9.15-.707zm3.85 1.165c.433 0 .85.351.843.85l.007 3c0 .47-.38.85-.85.85a.844.844 0 0 1 -.844-.85l-.006-3c0-.47.38-.85.85-.85zm-26 0c.433 0 .85.338.85.85v3a.85.85 0 0 1 -1.7 0v-3c0-.47.38-.85.85-.85zm8-5.015a.855.855 0 0 0 -.85.85c0 .433.342.85.85.85l10.012-.007c.48.007.838-.41.838-.843s-.34-.85-.838-.843z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_local_train_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_local_train_inverted_20.svg
new file mode 100644
index 0000000000..fcd28b086b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_local_train_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8.58 2.002h2.84c1.197.017 1.845.157 2.517.517.663.355 1.19.881 1.544 1.544.36.672.5 1.32.517 2.518l.002 6.573c0 1.37-.134 2.063-.519 2.783a3.726 3.726 0 0 1 -1.544 1.544c-.672.36-1.32.5-2.518.517l-2.573.002c-1.37 0-2.063-.134-2.783-.519a3.726 3.726 0 0 1 -1.544-1.544c-.36-.672-.5-1.32-.517-2.518v-6.838c.017-1.198.157-1.846.517-2.518a3.726 3.726 0 0 1 1.544-1.543c.672-.36 1.32-.5 2.518-.517zm-1.33 12.498a1 1 0 0 0 -.117 1.993l.867.007a1 1 0 0 0 .117-1.993zm4.75 0a1 1 0 0 0 -.117 1.993l.867.007a1 1 0 0 0 .117-1.993zm.913-10.5-5.91.003a1 1 0 0 0 -.916.963l.564 6.845c.035.423.089.573.18.724.092.15.218.267.376.345.138.07.273.11.59.118l4.26.002c.424 0 .579-.041.736-.12a.906.906 0 0 0 .376-.345c.08-.132.13-.264.166-.578.385-4.62.578-6.939.578-6.957a1 1 0 0 0 -1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_local_train_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_local_train_inverted_24.svg
new file mode 100644
index 0000000000..083cdb0ebe
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_local_train_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.982 2c1.668 0 2.55.174 3.443.652a4.634 4.634 0 0 1 1.923 1.923c.448.838.629 1.665.65 3.14l.002 8.267c0 1.668-.174 2.55-.652 3.443a4.634 4.634 0 0 1 -1.923 1.923c-.453.242-1.039.463-1.454.51-.181-.48-.727-.85-1.213-.728-.542.183-1.062.22-1.756.22s-1.213-.055-1.538-.15c-.66-.248-1.18-.024-1.434.657a5.175 5.175 0 0 1 -1.455-.51 4.634 4.634 0 0 1 -1.923-1.922c-.448-.838-.629-1.665-.65-3.14l-.002-8.267c0-1.668.174-2.55.652-3.443a4.634 4.634 0 0 1 1.923-1.923c.838-.448 1.665-.629 3.14-.65zm-4.099 16.007a1 1 0 0 0 0 1.986h1.234a1 1 0 0 0 0-1.986zm5.117-.007a1 1 0 0 0 -.117 1.993l1.117.007a1 1 0 0 0 .117-1.993zm.783-14-5.688.004a2 2 0 0 0 -1.878 1.97l.461 7.598c.045.727.338 1.474.338 1.474.18.307.434.546.752.708.239.12.474.199.94.23h4.584c.466-.031.701-.11.94-.23.318-.162.572-.4.752-.708.181-.308.278-.687.325-1.285.316-5.147.474-7.734.474-7.761a2 2 0 0 0 -2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_local_train_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_local_train_inverted_32.svg
new file mode 100644
index 0000000000..443e1979ad
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_local_train_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m18.61 2c3.994 0 7.257 3.108 7.386 7l.004 15a6 6 0 0 1 -5.75 5.995c-.052-.841-.744-1.295-1.428-1.197a19.818 19.818 0 0 1 -5.645 0c-.684-.098-1.337.355-1.426 1.197a6 6 0 0 1 -5.747-5.77l-.004-14.985c0-3.924 3.183-7.11 7.146-7.236zm-7.61 21.882c-.685 0-1.125.538-1.125 1.118s.454 1.125 1.125 1.118l2 .007c.666 0 1.125-.545 1.125-1.125s-.444-1.125-1.125-1.125zm8 0a1.12 1.12 0 0 0 -1.125 1.118c0 .58.467 1.118 1.125 1.125h2a1.128 1.128 0 0 0 1.125-1.125c0-.58-.43-1.118-1.125-1.125zm.346-18.882h-6.69c-1.466 0-2.656 1.208-2.656 2.696l.59 10.93c-.002 1.31 1.026 2.374 2.295 2.374h6.188c1.264 0 2.29-1.058 2.295-2.364l.632-10.926c.006-1.495-1.184-2.71-2.654-2.71z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_long_distance_bus_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_long_distance_bus_inverted_20.svg
new file mode 100644
index 0000000000..7db9d0e926
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_long_distance_bus_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m12.116 2c.842 0 1.275.071 1.74.283.437.2.802.502 1.08.897.268.38.417.755.56 1.444l.256 1.337.447.001c.552 0 1 .45 1 1.004v1.003c0 .554-.448 1.003-1 1.003l-.211-.001.001 5.883c0 .469-.06.882-.234 1.175-.139.26-.358.513-.619.662l.003.807a.5.5 0 0 1 -.5.502h-1a.5.5 0 0 1 -.5-.502l-.001-.506h-5.999v.506a.5.5 0 0 1 -.5.502h-1a.5.5 0 0 1 -.5-.502l-.001-.737a1.762 1.762 0 0 1 -.644-.582c-.161-.242-.302-.53-.321-1.134l-.004-6.075h-.209a1 1 0 0 1 -1-1.002v-1.002c0-.554.448-1.004 1-1.004h.445l.214-1.122c.144-.754.326-1.266.603-1.66a2.655 2.655 0 0 1 1.081-.897c.418-.19.81-.267 1.499-.28zm-6.159 12.077a.752.752 0 0 0 -.232 1.483l1.596.147a.752.752 0 0 0 .232-1.483zm6.87.131a.752.752 0 0 0 .028 1.501l1.596-.133a.752.752 0 0 0 -.028-1.5l-1.597.132zm1.461-6.274h-8.42l.001 4.97c1.92.08 3.298.119 4.131.119a83.55 83.55 0 0 0 4.288-.11v-4.98zm-1.998-4.228c-.377 0-1.945.003-4.705.01-.286.015-.43.052-.578.12a.954.954 0 0 0 -.396.328c-.079.111-.182.283-.288.825-.071.361-.15.775-.238 1.24h7.987c-.104-.557-.182-.97-.236-1.24-.08-.405-.184-.678-.288-.825a.954.954 0 0 0 -.396-.329c-.123-.056-.297-.129-.862-.129z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_long_distance_bus_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_long_distance_bus_inverted_24.svg
new file mode 100644
index 0000000000..c948a6c1a2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_long_distance_bus_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m15.837 2.15c.837 0 1.267.07 1.73.278.436.197.8.496 1.079.885.265.371.415.739.563 1.407l.368 1.834a.85.85 0 0 1 1.566.34l.007 3.106a.85.85 0 0 1 -1.3.721v6.715c0 .941-.095 1.431-.368 1.942a2.67 2.67 0 0 1 -.68.824l-.002.798a1 1 0 0 1 -1 1h-.6a1 1 0 0 1 -1-1l-.001-.15h-8.399v.15a1 1 0 0 1 -1 1h-.6a1 1 0 0 1 -1-1l-.002-.798a2.67 2.67 0 0 1 -.68-.824c-.25-.468-.351-.919-.366-1.716l-.002-6.941a.85.85 0 0 1 -1.294-.614l-.006-3.107a.85.85 0 0 1 1.573-.446l.32-1.6c.164-.82.316-1.229.611-1.641.279-.39.643-.688 1.08-.885.415-.187.805-.263 1.49-.276zm-8.854 14.65a1 1 0 0 0 -.198 1.977l2.232.223a1 1 0 0 0 .198-1.977zm7.802.223a1 1 0 0 0 .198 1.977l2.232-.223a1 1 0 0 0 -.198-1.977zm1.225-13.172c-.59 0-7.586-.006-8.02 0s-.997.103-1.19.363c-.193.259-.232.347-.39 1.074-.106.485-.293 1.417-.561 2.798v6.84c2.266.33 4.434.52 6.151.52 1.76 0 3.81-.173 6.148-.52l.001-6.845-.626-3.11c-.216-.8-.492-.92-.655-.993-.123-.055-.269-.127-.858-.127zm-.51 3.299a.85.85 0 0 1 0 1.7h-7a.85.85 0 1 1 0-1.7z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_long_distance_bus_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_long_distance_bus_inverted_32.svg
new file mode 100644
index 0000000000..f06236025d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_long_distance_bus_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m11.147 2.152h9.706c1.072.014 1.642.125 2.245.41a3.56 3.56 0 0 1 1.463 1.269c.306.462.489.919.637 1.668.099.5.316 2 .652 4.501v13.436c0 .941-.095 1.431-.368 1.942-.129.242-.29.458-.48.646l-.002 1.976a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1-1v-1.15h-10v1.15a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1-1v-1.975a2.686 2.686 0 0 1 -.482-.647c-.25-.468-.351-.919-.366-1.716l-.002-13.662c.298-2.221.499-3.634.604-4.24.157-.909.345-1.415.685-1.93a3.56 3.56 0 0 1 1.463-1.268c.603-.285 1.173-.396 2.245-.41zm8.591 19.984a1.125 1.125 0 0 0 .312 2.215l3.362-.472a1.125 1.125 0 0 0 -.312-2.215zm-10.838-.48a1.125 1.125 0 0 0 -.312 2.215l3.362.473a1.125 1.125 0 0 0 .312-2.215zm11.903-17.805c-6.273-.01-9.605-.007-9.995.01-.585.024-.877.095-1.179.238-.32.152-.454.265-.772.67-.211.269-.367.775-.467 1.516l-.54 3.772v8.506c.915.54 1.668.854 2.26.943.888.134 3.55.2 5.89.2s5.036-.054 5.889-.2c.568-.097 1.322-.411 2.261-.943v-8.499l-.54-3.779c-.089-.67-.228-1.15-.418-1.44-.285-.434-.449-.511-.821-.746-.249-.157-.771-.24-1.568-.248zm7.197 4.314c.433 0 .85.351.85.85v4a.85.85 0 0 1 -1.7 0v-4c0-.47.38-.85.85-.85zm-24 0c.433 0 .85.367.85.85v4a.85.85 0 0 1 -1.7 0v-4c0-.47.38-.85.85-.85zm17.5.485a.85.85 0 0 1 0 1.7h-11a.85.85 0 0 1 0-1.7z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_s_bahn_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_s_bahn_inverted_20.svg
new file mode 100644
index 0000000000..9607a18e5e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_s_bahn_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.909 4.375c-1.873 0-3.959 1.19-3.959 3.4 0 1.968 1.346 2.688 2.783 3.144.615.191.97.278 1.797.52.916.294 1.602.668 1.602 1.483 0 .647-.824 1.254-1.848 1.254-1.59 0-3.297-.966-4.247-2.405v2.25c.962.892 2.723 1.604 4.247 1.604 2.735 0 4.36-2.017 4.36-3.75 0-1.909-1.242-2.606-2.621-3.02a81.703 81.703 0 0 0 -1.65-.423c-1.116-.287-2.013-.64-2.013-1.626 0-.62.55-1.15 1.511-1.15 1.6 0 3.144.877 4.11 2.016v-1.874a6.442 6.442 0 0 0 -4.071-1.423z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_s_bahn_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_s_bahn_inverted_24.svg
new file mode 100644
index 0000000000..af6374df87
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_s_bahn_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.47 4.3c-2.565 0-5.42 1.628-5.42 4.655 0 2.623 1.749 3.626 3.656 4.254 1.362.389 1.764.46 2.881.85 1.118.39 1.926.907 1.926 1.94 0 .887-1.128 1.717-2.53 1.717-2.2 0-4.466-1.316-5.813-3.292v3.08c1.315 1.222 3.727 2.196 5.813 2.196 3.744 0 5.967-2.762 5.967-5.135 0-2.623-1.714-3.574-3.612-4.141-1.428-.395-1.07-.252-2.481-.636-1.41-.383-2.508-.883-2.508-2.16 0-.85.753-1.575 2.069-1.575 2.225 0 4.405 1.24 5.626 2.76v-2.564a8.818 8.818 0 0 0 -5.575-1.949z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_s_bahn_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_s_bahn_inverted_32.svg
new file mode 100644
index 0000000000..61d9f31724
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_s_bahn_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m22.317 12.01c-1.65-1.84-4.133-3.458-7.046-3.458-1.648 0-2.59.909-2.59 1.973 0 4.477 10.77 1.33 10.77 8.688 0 2.971-2.784 6.43-7.472 6.43-2.613 0-5.633-1.22-7.28-2.75v-3.857c1.562 2.328 4.41 4.123 7.28 4.123 1.756 0 3.168-1.04 3.168-2.15 0-4.189-10.598-1.595-10.598-8.822 0-3.79 3.575-5.83 6.787-5.83 2.677 0 5.075.91 6.98 2.44v3.213z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_scooter_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_scooter_inverted_20.svg
new file mode 100644
index 0000000000..5ec9ecba95
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_scooter_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m5.735 2.613 1.323.439a1.35 1.35 0 0 1 .952 1.46l-1.438 6.648c.894.382 1.603.911 2.113 1.592.459.611.794 1.331 1.008 2.155h4.298a2.125 2.125 0 1 1 -.109 1.701c-3.3 0-4.949-.001-4.949-.003-.14 0-.666-.158-.766-.707-.146-.87-.428-1.574-.842-2.126-.27-.361-.646-.667-1.134-.915l-.336 1.496a2.125 2.125 0 1 1 -1.611-.592c0 .007.67-3.051 2.012-9.175l-1.01-.344c-.43-.13-.716-.633-.57-1.059.148-.426.57-.704 1.06-.57zm6.93 9.283c1.101-1.063 2.272-1.405 3.693-1.232a.85.85 0 0 1 -.205 1.687c-.935-.113-1.594.079-2.307.768a.85.85 0 1 1 -1.181-1.223z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(-1 0 0 1 20.26 0)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_scooter_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_scooter_inverted_24.svg
new file mode 100644
index 0000000000..4b0e188f39
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_scooter_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m5.165 3.666 2.02.404a1.35 1.35 0 0 1 1.082 1.43l-1.1 6.243c1.55 1.071 2.549 2.073 2.996 3.055.35.77.567 1.605.65 2.501l5.466.001a2.85 2.85 0 1 1 0 1.7h-6.279a.85.85 0 0 1 -.85-.85c0-.988-.179-1.868-.534-2.648-.245-.537-.84-1.18-1.786-1.904l-.382 2.097a2.849 2.849 0 0 1 -1.448 5.305 2.85 2.85 0 0 1 -.21-5.692l1.723-9.638-1.682-.336c-.425-.085-.78-.542-.667-1 .113-.46.508-.765 1-.668zm-.165 13.334a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3zm14 0a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3zm1-5.7a.85.85 0 0 1 0 1.7c-1.49 0-2.777.72-3.26 1.57a.85.85 0 0 1 -1.479-.84c.792-1.392 2.649-2.43 4.74-2.43z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(-1 0 0 1 24 0)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_scooter_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_scooter_inverted_32.svg
new file mode 100644
index 0000000000..7bfb1df00f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_scooter_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m5.174 5.418 2.16.449a2.35 2.35 0 0 1 1.858 2.573l-1.478 8.137c1.653.922 3.006 1.984 3.92 3.008.834.932 1.243 2.18 1.253 3.715h10.282a3.35 3.35 0 1 1 .265 1.7h-11.434c-.284.001-.9-.234-.847-.924.135-1.533-.14-2.636-.787-3.358-.71-.794-1.703-1.583-2.98-2.361l-.426 2.277a3.35 3.35 0 1 1 -1.668-.328l2.204-12.02a.65.65 0 0 0 -.416-.729l-2.252-.475a.85.85 0 0 1 -.66-1.005.86.86 0 0 1 1.006-.66zm.326 16.582a1.65 1.65 0 1 0 0 3.3 1.65 1.65 0 0 0 0-3.3zm21 0a1.65 1.65 0 1 0 0 3.3 1.65 1.65 0 0 0 0-3.3zm1.5-5.7a.85.85 0 0 1 0 1.7c-3.097 0-4.454.613-5.216 2.472a.85.85 0 1 1 -1.573-.644c1.074-2.624 3.076-3.528 6.789-3.528z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(-1 0 0 1 32 0)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_speedboat_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_speedboat_inverted_20.svg
new file mode 100644
index 0000000000..390a158144
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_speedboat_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.343 13.071c.276.284.475.475.596.572.353.284.744.507 1.061.507a.85.85 0 0 1 0 1.7c-.742 0-1.515-.348-2.321-1.044-.802.696-1.584 1.044-2.346 1.044s-1.535-.348-2.321-1.044c-.806.695-1.583 1.042-2.332 1.042-.75 0-1.527-.347-2.334-1.042-.798.69-1.57 1.038-2.316 1.044a.85.85 0 0 1 -.88-.85c0-.433.362-.858.85-.85.294.005.686-.195 1.091-.513.282-.22.503-.442.618-.576a.85.85 0 0 1 1.301.011c.11.133.322.353.595.572.352.283.789.507 1.075.506s.674-.197 1.077-.513a4.6 4.6 0 0 0 .619-.577.85.85 0 0 1 1.3.012c.11.132.323.353.596.571.353.284.777.508 1.075.507s.675-.198 1.077-.513c.282-.22.503-.443.618-.577a.85.85 0 0 1 1.3.011zm-2.33-7.74a6.1 6.1 0 0 1 .674 1.142l3.234-.57a.85.85 0 0 1 .914 1.204l-2.23 3.506c-.216.34-.501.425-.772.394-.27-.03-.365-.136-.508-.136s-.842 1.443-2.042 1.443c-.8 0-1.579-.416-2.336-1.247-.873.831-1.688 1.247-2.446 1.247-.757 0-1.502-.352-2.233-1.056-.719.857-1.475 1.285-2.268 1.285-.433 0-.843-.32-.843-.743l-.007-1.744a1.85 1.85 0 0 1 1.376-1.788l1.303-.247c.361-.08.54-.639.41-1.967l-.08-.651c-.063-.428.187-.87.715-.965l3.991-.599c1.288-.207 2.341.413 3.148 1.493zm-2.749.174-3.326.492c.063.706.034 1.229-.037 1.67l5.032-.886c-.62-1.026-1.166-1.3-1.669-1.276z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_speedboat_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_speedboat_inverted_24.svg
new file mode 100644
index 0000000000..53de9da9ad
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_speedboat_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.562 17.767a6.2 6.2 0 0 0 .82.577c.5.296 1.1.553 1.618.553s1.1-.219 1.668-.553c.268-.158.44-.265.822-.578.383-.312.901-.273 1.208.088.131.154.392.41.736.666.48.355 1.097.63 1.566.63a.85.85 0 0 1 0 1.7c-1.007 0-2.015-.441-3.024-1.324-1.114.737-2.118 1.094-3.011 1.07-.894-.024-1.888-.4-2.98-1.13-1.137.754-2.16 1.131-3.069 1.131s-1.889-.355-2.939-1.066c-1.031.88-2.024 1.319-2.977 1.319a.85.85 0 0 1 0-1.7c.47 0 .976-.231 1.523-.633.353-.259.626-.519.767-.678.318-.356.854-.373 1.216-.054.361.318.565.442.768.567.561.344 1.143.545 1.642.545.5 0 1.138-.268 1.66-.562.156-.087.563-.324.886-.588a.862.862 0 0 1 1.1.02zm-1.704-11.617c1.22-.208 2.972.656 3.926 1.813.39.474.68.943.866 1.345l6.19-1.143a.85.85 0 0 1 .96 1.125l-3.02 6.117c-.218.484-.858.666-1.243.361a5.54 5.54 0 0 1 -.58-.512c-.98 1.063-1.965 1.594-2.957 1.594s-1.992-.523-3-1.568c-1.035 1.045-2.035 1.568-3 1.568-.964 0-1.964-.522-3.001-1.567-1.022 1.045-2.022 1.567-2.999 1.567-.462 0-.85-.413-.843-.743l-.007-3.607c0-.373.238-.724.59-.81.234-.056 1.181-.232 2.84-.528.495-.346.788-1.747.578-3.298a.86.86 0 0 1 .684-.95zm8.631 5.185a.85.85 0 0 0 -.893-.683l-10.318 2.041a.85.85 0 0 0 .327 1.655l10.319-2.041a.85.85 0 0 0 .565-.972zm-11.571-2.894c.047.849-.024 1.673-.204 2.327l6.176-1.138c-.83-1.34-2.01-1.906-2.867-1.777l-3.105.589z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_speedboat_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_speedboat_inverted_32.svg
new file mode 100644
index 0000000000..b2c1cab630
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_speedboat_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m26.64 24.432a8.7 8.7 0 0 0 .829.942c.486.445 1.107.722 1.531.772.503.059.85.385.85.854 0 .47-.38.85-.85.85-1.02 0-2.035-.526-3.042-1.58-1.164 1.054-2.317 1.58-3.458 1.58s-2.248-.448-3.321-1.343c-1.091.895-2.15 1.343-3.179 1.343-1.028 0-2.108-.456-3.24-1.37-1.166.914-2.252 1.37-3.26 1.37s-2.126-.456-3.355-1.368c-1.084.912-2.132 1.368-3.145 1.368a.85.85 0 0 1 0-1.7c.72-.163 1.276-.385 1.665-.666.373-.269.658-.538.805-.703a.853.853 0 0 1 1.214-.055c.352.322.712.57.966.732.573.367 1.275.686 1.85.688.575.001 1.14-.255 1.767-.677.238-.16.531-.376.894-.72s.855-.342 1.212.005.644.558.879.717c.629.43 1.24.679 1.748.679.506 0 1.108-.248 1.724-.675.23-.16.511-.349.859-.714a.85.85 0 0 1 1.26.034c.135.156.41.419.786.683.606.424 1.242.672 1.871.672.604 0 1.273-.301 1.939-.82.247-.193.574-.452.908-.865s.999-.412 1.293-.033zm-6.234-11.333a9.89 9.89 0 0 1 1.042 1.364l7.405-1.3a.85.85 0 0 1 .917 1.197l-2.51 4.027a347.264 347.264 0 0 1 -2.91 4.613c-.75 1.15-1.85 1-1.85 1-.984-.001-2.067-.668-3.25-2-1.193 1.333-2.276 2-3.25 2s-2.057-.667-3.25-2c-1.185 1.333-2.268 2-3.25 2s-2.065-.667-3.25-2c-1.18 1.333-2.264 2-3.25 2a.857.857 0 0 1 -.85-.85l.005-3.095c-.005-1.316.951-2.347 2.129-2.582l4.214-.739a4.344 4.344 0 0 0 .676-3.545.849.849 0 0 1 .688-1.041l6-.987c1.719-.282 3.243.509 4.544 1.938zm-11.741 5.563a.85.85 0 0 0 .26 1.666l16.21-2.533a.85.85 0 0 0 -.26-1.666zm7.656-5.846-5.348.87a5.916 5.916 0 0 1 -.367 2.678l8.993-1.578c-1.24-1.597-2.302-2.054-3.278-1.97z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_subway_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_subway_inverted_20.svg
new file mode 100644
index 0000000000..d80d5e82aa
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_subway_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m12 4v7.36c0 1.343-.815 2.14-2 2.14-1.184 0-2-.797-2-2.14v-7.36h-3v7.633c0 3.195 2.293 4.367 5 4.367s5-1.17 5-4.367v-7.633z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_subway_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_subway_inverted_24.svg
new file mode 100644
index 0000000000..3ba44e0c8e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_subway_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m14.5 5v8.586c0 1.568-1.118 2.414-2.5 2.414s-2.5-.846-2.5-2.414v-8.586h-3.5v8.905c0 3.728 2.842 5.095 6 5.095s6-1.364 6-5.095v-8.905z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_subway_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_subway_inverted_32.svg
new file mode 100644
index 0000000000..673c1e8791
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_subway_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m19.399 6.286v11.914c0 2.176-1.483 3.628-3.4 3.628-1.918 0-3.399-1.452-3.399-3.628v-11.914h-4.856v12.358c0 5.173 3.872 7.07 8.255 7.07 4.382 0 8.257-1.893 8.257-7.07v-12.358z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_taxi_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_taxi_inverted_20.svg
new file mode 100644
index 0000000000..bad7a956c9
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_taxi_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13 2.5v1.506h.705c.814.068 1.578.688 1.785 1.404.138.477.409 1.674.813 3.59h1.697v2.003l-1.105-.003c-.15 1.493-.25 2.37-.3 2.629-.075.39-.292.9-.595 1.197v2.674h-2.5v-1.759a23.875 23.875 0 0 1 -7 0v1.759h-2.5v-2.674c-.23-.223-.444-.616-.55-1.005-.07-.258-.186-1.199-.346-2.821l-1.104.003v-2.003h1.696l.761-3.432c.238-.805.882-1.41 1.677-1.541.17-.026.458-.032.866-.021v-1.506zm-1 8.65h-4v1.7h4zm3 0h-2v1.7h2zm-8 0h-2v1.7h2zm6.914-5.45h-7.828l-.643 3.3h9.113z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_taxi_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_taxi_inverted_24.svg
new file mode 100644
index 0000000000..39a9d767fb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_taxi_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.807 5.15c.992 0 1.848.672 2.142 1.63l.991 4.22 1.413.001c.336 0 .641.265.641.546l.007.765c0 .334-.257.689-.589.689h-.894c.055.143.066.405.033.787l-.371 3.221a2.999 2.999 0 0 1 -1.379 2.193v1.798a1 1 0 0 1 -1 1h-.6a1 1 0 0 1 -1-1v-1.237a37.335 37.335 0 0 1 -8.401-.001v1.238a1 1 0 0 1 -1 1h-.6a1 1 0 0 1 -1-1v-1.799c-.695-.439-1.244-1.195-1.35-1.996-.07-.534-.203-1.674-.4-3.418a2.498 2.498 0 0 1 .033-.787h-.835c-.37 0-.648-.321-.648-.69v-.666a.63.63 0 0 1 .648-.644l1.412-.001.947-4.056c.23-.989 1.105-1.793 2.186-1.793zm-6.424 8.857a1 1 0 0 0 0 1.986h3.234a1 1 0 0 0 0-1.986zm-4.5 0a1 1 0 0 0 0 1.986h1.234a1 1 0 0 0 0-1.986zm11 0a1 1 0 0 0 0 1.986h1.234a1 1 0 0 0 0-1.986zm-9.69-7.157c-.208 0-.406.144-.498.375l-.889 3.774h12.387l-.856-3.67c-.06-.255-.25-.479-.53-.479zm6.807-4.7a.85.85 0 0 1 0 1.7h-4a.85.85 0 1 1 0-1.7z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_taxi_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_taxi_inverted_32.svg
new file mode 100644
index 0000000000..4d872e4090
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_taxi_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m22.438 6.15a2.85 2.85 0 0 1 2.717 1.988l1.471 5.862h2.391a.94.94 0 0 1 .96.85l.007 1.116c0 .512-.373 1.034-.967 1.033h-1.19c.034.316.013.9-.065 1.753l-.342 3.558c-.112 1.148-.668 1.99-1.62 2.364v2.044c0 .446 0 1.282-1.282 1.282h-1.036c-1.283 0-1.282-.836-1.282-1.282v-1.644a70.068 70.068 0 0 1 -12.4 0v1.644c0 .446 0 1.282-1.282 1.282h-1.036c-1.282 0-1.282-.836-1.282-1.282l-.001-2.013c-.897-.325-1.463-1.114-1.622-2.19l-.358-3.663c-.086-.947-.112-1.564-.077-1.853h-1.175c-.553.001-.967-.48-.967-1.032v-1c0-.553.414-.966.967-.966h2.406l1.424-5.691a2.861 2.861 0 0 1 2.765-2.16zm-9.555 12.857a1 1 0 0 0 0 1.986h6.234a1 1 0 0 0 0-1.986zm-6-1a1 1 0 0 0 0 1.986h2.234a1 1 0 0 0 0-1.986zm16 0a1 1 0 0 0 0 1.986h2.234a1 1 0 0 0 0-1.986zm-13.321-10.157a1.15 1.15 0 0 0 -1.08.756l-1.358 5.394h17.748l-1.318-5.28a1.155 1.155 0 0 0 -1.116-.871h-12.876zm9.422-4.7c.47 0 .85.38.85.85 0 .433-.36.85-.834.85h-6.016a.85.85 0 1 1 .016-1.7z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_train_and_car_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_train_and_car_inverted_20.svg
new file mode 100644
index 0000000000..e9b7493637
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_train_and_car_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m3.012 15.202c.7.505 1.199.848 1.493 1.028.44.271.997.47 1.658.514h1.337v1.258h-1.996a1 1 0 0 1 -.975-.779c-.6-.426-1.118-1.069-1.517-2.021zm10.534-5.7.265.001h.736l.458.001h.243l.1.001.149.001c.577.005 1.147.461 1.278.972.088.341.274.669.559 1.985l.158.537h.508v2l-.38.002c-.04.346-.067.567-.086.664a1.4 1.4 0 0 1 -.034.139v2.195h-2v-.907l-.094.035a16.372 16.372 0 0 1 -4.812 0l-.094-.034v.906h-2v-2.189l-.003-.011a8.886 8.886 0 0 1 -.113-.799h-.384v-2h.508l.158-.538.523-1.876c.163-.557.648-1.085 1.434-1.085zm-6.067-7.501c3.684 0 5.474 2.503 5.52 6.006v.494h-1.964a25.54 25.54 0 0 0 .369-1.682c.128-.864-.673-2.063-1.333-2.365s-1.515-.453-2.567-.453c-1.154 0-2.072.182-2.754.546a2.272 2.272 0 0 0 -1.144 2.276c.196.947.32 1.511.374 1.692.159.546.596.962 1.14 1.099.97.174 1.765.262 2.384.266.279.002.593-.019.924-.051a2.675 2.675 0 0 0 -.196.475l-.482 1.728c-.43.112-.748.503-.748.968v2c0 .087.012.17.033.25h-.622c-.474 0-.946-.175-1.261-.386a53.604 53.604 0 0 1 -1.642-1.159 24.713 24.713 0 0 1 -1.142-.898c-.244-1.311-.366-2.244-.366-2.798v-2.002c0-3.504 1.708-6.006 5.477-6.006zm2.668 11.888a.5.5 0 0 0 -.258.966l.966.259a.5.5 0 0 0 .258-.966zm5.797-.015-.09.015-.965.259a.5.5 0 1 0 .258.966l.966-.259a.5.5 0 1 0 -.258-.966zm-11.177-3.084a.75.75 0 0 0 -.5.85l.564 1.693a.75.75 0 0 0 1.41-.47l-.564-1.693a.75.75 0 0 0 -.91-.38zm10.634.211h-4.8l-.59 2h5.989l-.6-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_train_and_car_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_train_and_car_inverted_24.svg
new file mode 100644
index 0000000000..38aade31ed
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_train_and_car_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m3.067 17.823c.585.475 1.277.967 2.137 1.52.54.347 1.27.612 3.248.654v.904c0 .164.015.325.042.481l-.005.02c.007.033.02.064.02.1a.5.5 0 0 1 -.5.5l-.009-.002-2.004.002a1 1 0 0 1 -.923-1.386c-.364-.2-.729-.517-1.073-.982a5.865 5.865 0 0 1 -.932-1.811zm13.118-6.822h.143l1.521.001.57.002.176.001c.696.006 1.384.563 1.542 1.188.106.417.331 1.43.675 3.038l.192.665h.018c.554.057.982.523.982 1.088v.25c0 .518-.358.951-.839 1.067-.048.442-.084.723-.107.845-.012.06-.027.122-.045.187.003.032.004.066.004.099v1.467a1.1 1.1 0 0 1 -1.1 1.1h-.214a1.1 1.1 0 0 1 -1.1-1.1l-.113.035a19.446 19.446 0 0 1 -5.808 0l-.114-.043c0 .616-.493 1.108-1.1 1.108h-.214a1.1 1.1 0 0 1 -1.1-1.1v-1.467l.004-.096a.276.276 0 0 1 -.008-.027c-.029-.106-.074-.433-.137-.98l.086.003a1.097 1.097 0 0 1 -1.097-1.097v-.25c0-.606.491-1.097 1.097-1.097l.063.003.192-.661.631-2.904c.198-.681.782-1.326 1.731-1.326h3.47zm-.056 7.7h-1.094a.55.55 0 1 0 0 1.1h1.094a.55.55 0 1 0 0-1.1zm-4.729-1.296-.003.011a.604.604 0 0 0 .426.739l1.163.316a.607.607 0 0 0 .744-.43l.003-.011a.605.605 0 0 0 -.426-.739l-1.163-.316a.607.607 0 0 0 -.744.43zm7.623-.43-1.167.316a.605.605 0 0 0 -.426.739l.003.011a.605.605 0 0 0 .74.43l1.167-.316a.605.605 0 0 0 .426-.739l-.003-.011a.606.606 0 0 0 -.74-.43zm-9.018-14.975c2.01 0 3.44.756 4.406 2.041.885 1.177 1.48 2.785 1.52 4.362l.01.381c-.004.009 0 .014 0 .019a.5.5 0 0 1 -.5.5l-2.082-.001c.031-.073.076-.138.1-.215.074-.25.292-1.125.324-1.314.33-1.459-.642-3.02-1.986-3.396-1.164-.326-1.877-.37-2.513-.375h-.444c-.673 0-1.409.026-2.643.373-1.329.374-2.229 1.888-2.017 3.225.185.82.304 1.316.355 1.487a2.144 2.144 0 0 0 1.578 1.478c1.113.191 2.074.289 2.883.293.263.001.553-.023.837-.041a3.734 3.734 0 0 0 -.482 1.037l-.016.056-.012.056-.557 2.561a2.797 2.797 0 0 0 -1.466 2.459v.25c0 .254.041.498.106.733-.776-.078-1.06-.272-1.12-.311-1.835-1.18-2.759-1.989-3.57-3.016l-.528-.706c-.124-.865-.193-2.024-.187-3.191a59.28 59.28 0 0 1 .06-2.342 7.565 7.565 0 0 1 1.518-4.362c.918-1.22 2.27-1.964 4.12-2.035l2.305-.006zm8.695 10.501h-6.267l-.774 3.389h7.827zm-13.392-.483a1 1 0 0 0 -.655 1.156l.658 1.932a1 1 0 0 0 1.88-.64l-.658-1.932a1 1 0 0 0 -1.225-.516z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_train_and_car_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_train_and_car_inverted_32.svg
new file mode 100644
index 0000000000..4a81d8115f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_train_and_car_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m3.102 22.828c.991 1.107 2.166 2.076 3.985 3.27l.571.362c.379.213.777.344 1.342.423.44.033.851.031 1.28.05.008.028.012.056.02.083v1.984c0 .142.017.28.034.417a.5.5 0 0 1 -.492.582h-1.841a1 1 0 0 1 -.966-1.261 4.411 4.411 0 0 1 -2.02-1.474 10.845 10.845 0 0 1 -1.264-2.144c-.103-.239-.319-1.003-.649-2.292zm21.9-8.829c.99.001 1.684.667 1.979 1.626l1.019 4.375h1.352c.336 0 .648.267.648.578v.733c0 .335-.261.69-.648.689h-.835c.033.162.05.38.05.536 0 .104-.129 1.262-.388 3.472-.029.253-.09.497-.177.726v2.265c-.001.552-.449 1-1.001 1h-.6a1 1 0 0 1 -1-1v-.342a42.93 42.93 0 0 1 -10.8 0v.342a1 1 0 0 1 -1 1h-.6a1 1 0 0 1 -1-1v-2.262a3.03 3.03 0 0 1 -.152-.547l-.398-3.404a2.511 2.511 0 0 1 .033-.786h-.834c-.37 0-.648-.322-.648-.69v-.667a.63.63 0 0 1 .648-.644h1.352l.978-4.213c.231-.989 1.047-1.713 2.022-1.787zm-2.995 9.751-4.142.007a1 1 0 0 0 -.833.683l-.296 1.48a.987.987 0 0 0 .801 1.061.99.99 0 0 0 1.147-.671l.118-.56h2.385l.119.56a1 1 0 0 0 1.948-.39l-.296-1.48a1.001 1.001 0 0 0 -.951-.69zm4.413-.747-1.479.296a1 1 0 0 0 .39 1.948l1.479-.296a1 1 0 0 0 -.39-1.948zm-13.9.801a1 1 0 0 0 .671 1.147l1.479.296a1 1 0 0 0 .39-1.948l-1.479-.296a1 1 0 0 0 -1.061.801zm.966-21.804c3.085 0 4.872 1.074 6.252 2.9a10.726 10.726 0 0 1 2.155 5.826l.016.373.017.701a.5.5 0 0 1 -.5.5h-3.186c.115-.371.265-.793.517-2.196.337-1.88-.719-3.675-2.29-4.356-1.377-.597-2.871-.748-4.468-.748-1.725 0-3.15.222-4.272.665-1.716.677-2.865 2.448-2.481 4.445.212 1.1.421 1.861.541 2.264a2.904 2.904 0 0 0 2.151 2.002l1.445.226c.707.108 1.42.165 2.133.185-.08.196-.146.401-.195.613l-.673 2.899c-.694 0-1.303.29-1.729.752l-.326-1.011a1 1 0 0 0 -1.89.61l.97 3.009c.329.87 1.548 1.659 2.154 1.89l.169 1.443c-1.031-.032-1.308-.242-1.797-.555-2.515-1.607-3.549-2.687-4.748-4.394-.799-1.138-1.22-1.728-1.262-1.77-.127-1.33-.189-2.397-.189-3.202.001-.805.032-2.129.092-3.972.056-2.24.815-4.407 2.17-6.199 1.331-1.76 3.116-2.9 6.317-2.896zm1.678 13.693c-.208.001-.406.145-.498.376l-.921 3.931h12.51l-.886-3.827c-.06-.255-.239-.431-.442-.471z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_tram_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_tram_inverted_20.svg
new file mode 100644
index 0000000000..08fffa7a8c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_tram_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m11.436 2.15c.142 0 .565.092 1.27.275a.85.85 0 0 1 -.307 1.67l-1.051-.241-.498-.005v1.15l.586.001c.963 0 1.512.118 2.012.385.5.268.9.666 1.167 1.167.262.49.367.962.383 1.78l.002 6.354c0 .964-.1 1.477-.385 2.012-.268.5-.666.9-1.167 1.167-.49.262-.962.367-1.78.383l-3.104.002c-.964 0-1.477-.1-2.012-.385a2.817 2.817 0 0 1 -1.167-1.167c-.262-.49-.367-.962-.383-1.78l-.002-6.354c0-.964.1-1.477.385-2.012.268-.5.666-.9 1.167-1.167.49-.262.962-.367 1.78-.383l.818-.002v-1.15l-.505.001-.939.225a.859.859 0 0 1 -1.03-.619c-.111-.442.153-.886.516-.998.363-.113 1.116-.308 1.372-.308h2.872zm-4.038 12.357a.75.75 0 0 0 0 1.486h1.004a.75.75 0 0 0 0-1.486zm4.25 0a.75.75 0 0 0 0 1.486h1.004a.75.75 0 0 0 0-1.486zm-3.666-7.807c-.446 0-.607.046-.77.134a.909.909 0 0 0 -.378.378c-.077.142-.122.284-.132.616l-.002 5.202c1.2.075 2.3.113 3.3.113.833 0 2.172-.045 3.3-.113v-5.05c0-.445-.046-.606-.134-.77a.909.909 0 0 0 -.378-.377c-.142-.077-.284-.122-.616-.132zm3.018 1.3a.75.75 0 0 1 .75.75c0 .38-.294.75-.75.75h-2a.75.75 0 0 1 -.75-.75c0-.38.314-.75.75-.75z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_tram_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_tram_inverted_24.svg
new file mode 100644
index 0000000000..39d7029e80
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_tram_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m13.528 2.15c.369 0 .733.072 1.073.21l.78.38a.85.85 0 0 1 -.663 1.562l-.676-.33a1.15 1.15 0 0 0 -.38-.114l-.812-.008v2.15h1.586c1.044 0 1.512.118 2.012.385.5.268.9.666 1.167 1.167.262.49.367.962.383 1.78l.002 7.822c0 1.37-.134 2.063-.519 2.783a3.726 3.726 0 0 1 -1.544 1.544c-.672.36-1.32.5-2.518.517l-2.573.002c-1.37 0-2.063-.134-2.783-.519a3.726 3.726 0 0 1 -1.544-1.544c-.36-.672-.5-1.32-.517-2.518l-.002-7.855c0-.964.1-1.477.385-2.012.268-.5.666-.9 1.167-1.167.49-.262.962-.367 1.78-.383l1.818-.002v-2.15h-.678a1.15 1.15 0 0 0 -.392.069l-.7.341a.85.85 0 0 1 -.853-1.467l.67-.342c.33-.165.803-.301 1.275-.301zm-5.145 14.857a1 1 0 0 0 0 1.986h1.234a1 1 0 0 0 0-1.986zm6 0a1 1 0 0 0 0 1.986h1.234a1 1 0 0 0 0-1.986zm-4.76-9.307c-.669 0-.911.07-1.156.2a1.371 1.371 0 0 0 -.567.567c-.118.223-.187.443-.198.984l-.002 4.959a1 1 0 0 0 .945.999c1.078.06 2.197.09 3.355.09s2.277-.03 3.356-.09c.492-.027.944-.435.944-.998v-4.79c0-.668-.07-.91-.2-1.155a1.363 1.363 0 0 0 -.567-.567c-.223-.118-.443-.187-.984-.198zm4.377 1.2a.85.85 0 1 1 0 1.7h-4a.85.85 0 0 1 0-1.7z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_tram_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_tram_inverted_32.svg
new file mode 100644
index 0000000000..5da92b4374
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_tram_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m18.528 2.15c.369 0 .733.072 1.073.21l.78.38a.85.85 0 0 1 -.663 1.562l-.676-.33a1.15 1.15 0 0 0 -.38-.114l-1.812-.008v2.65l2.786.014c.918.036 1.666.172 2.318.52.652.349 1.163.86 1.512 1.512.348.652.484 1.4.52 2.318.014 1.252 0 11.583 0 13.772 0 2.19-.172 2.666-.52 3.318a3.635 3.635 0 0 1 -1.512 1.512c-.652.348-1.458.535-2.81.532-1.351-.002-4.86.003-6.288 0-1.43-.002-2.158-.184-2.81-.532a3.635 3.635 0 0 1 -1.512-1.512c-.348-.652-.484-1.4-.52-2.318-.037-.917-.037-13.855 0-14.772.036-.918.172-1.666.52-2.318a3.635 3.635 0 0 1 1.512-1.512c.652-.348 1.4-.484 2.318-.52l2.786-.014v-2.65h-1.678a1.15 1.15 0 0 0 -.392.069l-.7.341a.85.85 0 0 1 -.853-1.467l.67-.342c.33-.165.803-.301 1.275-.301zm-7.675 22.7c-.649 0-1.15.557-1.15 1.15s.478 1.143 1.15 1.15h1.997c.696 0 1.15-.557 1.15-1.15a1.14 1.14 0 0 0 -1.15-1.15zm8.297.007c-.694-.007-1.15.55-1.15 1.143s.48 1.15 1.144 1.15h2.006c.668 0 1.15-.557 1.15-1.15s-.471-1.15-1.15-1.15zm3.15-12.657h-12.6v9.034c0 .488.47.942.93.998a76.825 76.825 0 0 0 10.74 0 1 1 0 0 0 .924-.887zm-9.3-3.55a.84.84 0 0 0 -.85.85c0 .433.348.85.85.85h6a.85.85 0 0 0 0-1.7z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_walking_fast_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_walking_fast_inverted_20.svg
new file mode 100644
index 0000000000..7013def4b4
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_walking_fast_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13.454 6.083c1.043.655 2.086 1.313 3.129 1.974a.85.85 0 0 1 .265 1.172.86.86 0 0 1 -1.172.266c-.615-.385-1.228-.772-1.841-1.162l-.24 2.814c.055.024.203.124.246.165.873.833 1.744 1.673 1.744 1.673.07.068.194.28.211.327.35.968.697 1.938 1.043 2.909a.85.85 0 0 1 -.514 1.087c-.408.146-.893-.047-1.087-.514a655.71 655.71 0 0 1 -.975-2.721l-1.314-1.261-2.063 4.075a.85.85 0 0 1 -1.142.374c-.387-.195-.614-.753-.375-1.142.839-1.66 1.678-3.32 2.52-4.978l.256-3.003-1.057.493-.252 1.51c-.071.427-.551.769-.978.697a.85.85 0 0 1 -.71-.872l.338-2.056c.04-.237.21-.53.479-.63.891-.419 1.783-.835 2.676-1.248a.906.906 0 0 1 .813.05zm-10.604 2.917h4.014a.85.85 0 1 1 0 1.7h-4.014a.85.85 0 0 1 0-1.7zm2 3h3.3a.85.85 0 0 1 0 1.7h-3.3a.85.85 0 0 1 0-1.7zm8.424-9.846a1.35 1.35 0 1 1 0 2.7 1.35 1.35 0 0 1 0-2.7z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_walking_fast_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_walking_fast_inverted_24.svg
new file mode 100644
index 0000000000..1958da8bf5
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_walking_fast_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m13.734 16.087c.497 0 1.14.577.857 1.278-.874 1.995-.875 1.993-1.749 3.989-.172.424-.496.571-.856.571-.516 0-1.16-.571-.82-1.324.854-1.978.965-2.241 1.712-3.974.163-.362.543-.54.856-.54zm2.738-7.406c-.101 1.613-.204 3.226-.308 4.839.895.883 1.786 1.775 2.672 2.677.052.053.214.377.228.433.529 2.089.53 2.09 1.047 4.186.117.582-.368 1.108-.914 1.108-.376 0-.695-.174-.883-.685a723.41 723.41 0 0 1 -.985-3.911l-2.849-2.838c-.156-.175-.224-.326-.213-.536l.258-4.093c.004-.09-.05-.092-.105-.073-.154.049-.545.223-1.171.524-.105.616-.212 1.23-.321 1.844a.93.93 0 0 1 -.912.769c-.51 0-1.027-.445-.912-1.052.168-1.173.164-1.175.339-2.345.048-.423.428-.648.576-.714.999-.422 2-.84 3-1.253 1.018-.4 1.498.347 1.452 1.119zm-13.622 3.319h5.3a.85.85 0 0 1 0 1.7h-5.3a.85.85 0 0 1 0-1.7zm2.286 3h4.3a.85.85 0 0 1 0 1.7h-4.3a.85.85 0 0 1 0-1.7zm13.73-5.236c.604.313 1.186.613 1.745.9.332.15.514.51.514.796 0 .543-.514 1.14-1.345.855a98.205 98.205 0 0 1 -1.767-.91c-.517-.332-.55-.886-.458-1.144.153-.428.728-.772 1.312-.497zm-2.815-7.689c1.066 0 1.925.859 1.925 1.925a1.921 1.921 0 0 1 -1.925 1.925 1.94 1.94 0 0 1 -1.925-1.925c-.011-1.217.852-1.917 1.925-1.925z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_walking_fast_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_walking_fast_inverted_32.svg
new file mode 100644
index 0000000000..5e9399790a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_walking_fast_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m20.746 10.436a4480.41 4480.41 0 0 1 -.803 7.728l3.636 3.644c.08.08.186.281.222.39.564 2.201 1.127 4.405 1.687 6.61a.85.85 0 0 1 -.613 1.034c-.42.107-.872-.126-1.034-.613-.545-2.127-1.088-4.256-1.63-6.386l-3.588-3.595a1.367 1.367 0 0 1 -.387-1.093c.216-2.108.434-4.215.656-6.322l-3.058 1.597-.478 2.687c-.076.427-.56.764-.986.688a.859.859 0 0 1 -.688-.986c.182-1.033.366-2.066.552-3.098.04-.222.239-.509.444-.604 1.609-.843 3.219-1.684 4.83-2.522a.853.853 0 0 1 1.238.841zm-17.896 5.564h7.3a.85.85 0 0 1 0 1.7h-7.3a.85.85 0 0 1 0-1.7zm2.286 4h7.3a.85.85 0 0 1 0 1.7h-7.3a.85.85 0 0 1 0-1.7zm12.802.967c.396.176.612.627.43 1.122a4852.98 4852.98 0 0 1 -3.244 7.276.85.85 0 0 1 -1.123.43.858.858 0 0 1 -.43-1.123c1.08-2.427 2.162-4.852 3.245-7.275a.85.85 0 0 1 1.122-.43zm5.11-8.755c.293.315.584.63.873.948l2.1 1.066c1.05.532.263 1.956-.768 1.516-.747-.376-1.491-.753-2.235-1.133a1.47 1.47 0 0 1 -.24-.182c-.328-.353-.655-.707-.98-1.063a.85.85 0 0 1 .05-1.2c.316-.292.822-.32 1.2.048zm-2.618-10.055a2.843 2.843 0 1 1 0 5.686 2.843 2.843 0 0 1 0-5.686zm0 1.7a1.143 1.143 0 1 0 0 2.286 1.143 1.143 0 0 0 0-2.286z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_walking_inverted_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_walking_inverted_20.svg
new file mode 100644
index 0000000000..48100b90dd
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_walking_inverted_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.454 6.083c1.043.655 2.086 1.313 3.129 1.974a.85.85 0 0 1 .265 1.172.86.86 0 0 1 -1.172.266c-.615-.385-1.228-.772-1.841-1.162l-.24 2.814c.055.024.203.124.246.165.873.833 1.744 1.673 1.744 1.673.07.068.194.28.211.327.35.968.697 1.938 1.043 2.909a.85.85 0 0 1 -.514 1.087c-.408.146-.893-.047-1.087-.514a655.71 655.71 0 0 1 -.975-2.721l-1.314-1.261-2.063 4.075a.85.85 0 0 1 -1.142.374c-.387-.195-.614-.753-.375-1.142.839-1.66 1.678-3.32 2.52-4.978l.256-3.003-1.057.493-.252 1.51c-.071.427-.551.769-.978.697a.85.85 0 0 1 -.71-.872l.338-2.056c.04-.237.21-.53.479-.63.891-.419 1.783-.835 2.676-1.248a.906.906 0 0 1 .813.05zm-.18-3.929a1.35 1.35 0 1 1 0 2.7 1.35 1.35 0 0 1 0-2.7z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_walking_inverted_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_walking_inverted_24.svg
new file mode 100644
index 0000000000..38b516350c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_walking_inverted_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m9.734 16.087c.497 0 1.14.577.857 1.278-.874 1.995-.875 1.993-1.749 3.989-.172.424-.496.571-.856.571-.516 0-1.16-.571-.82-1.324.854-1.978.965-2.241 1.712-3.974.163-.362.543-.54.856-.54zm2.738-7.406c-.101 1.613-.204 3.226-.308 4.839.895.883 1.786 1.775 2.672 2.677.052.053.214.377.228.433.529 2.089.53 2.09 1.047 4.186.117.582-.368 1.108-.914 1.108-.376 0-.695-.174-.883-.685a723.41 723.41 0 0 1 -.985-3.911l-2.849-2.838c-.156-.175-.224-.326-.213-.536l.258-4.093c.004-.09-.05-.092-.105-.073-.154.049-.545.223-1.171.524-.105.616-.212 1.23-.321 1.844a.93.93 0 0 1 -.912.769c-.51 0-1.027-.445-.912-1.052.168-1.173.164-1.175.339-2.345.048-.423.428-.648.576-.714.999-.422 2-.84 3-1.253 1.018-.4 1.498.347 1.452 1.119zm2.395 1.083c.603.313 1.185.613 1.744.9.332.15.514.51.514.796 0 .543-.514 1.14-1.345.855a98.205 98.205 0 0 1 -1.767-.91c-.517-.332-.55-.886-.458-1.144.153-.428.728-.772 1.312-.497zm-2.817-7.689c1.066 0 1.925.859 1.925 1.925a1.921 1.921 0 0 1 -1.925 1.925 1.94 1.94 0 0 1 -1.924-1.925c-.011-1.217.852-1.917 1.925-1.925z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_walking_inverted_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_walking_inverted_32.svg
new file mode 100644
index 0000000000..4816291098
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/inverted/db_ic_walking_inverted_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16.746 10.436a4480.41 4480.41 0 0 1 -.803 7.728l3.636 3.644c.08.08.186.281.222.39.564 2.201 1.127 4.405 1.687 6.61a.85.85 0 0 1 -.613 1.034c-.42.107-.872-.126-1.034-.613-.545-2.127-1.088-4.256-1.63-6.386l-3.588-3.595a1.367 1.367 0 0 1 -.387-1.093c.216-2.108.434-4.215.656-6.322l-3.058 1.597-.478 2.687c-.076.427-.56.764-.986.688a.859.859 0 0 1 -.688-.986c.182-1.033.366-2.066.552-3.098.04-.222.239-.509.444-.604 1.609-.843 3.219-1.684 4.83-2.522a.853.853 0 0 1 1.238.841zm-2.808 10.53c.396.177.612.628.43 1.123a4852.98 4852.98 0 0 1 -3.244 7.276.85.85 0 0 1 -1.123.43.858.858 0 0 1 -.43-1.123c1.08-2.427 2.162-4.852 3.245-7.275a.85.85 0 0 1 1.122-.43zm5.11-8.754c.293.315.584.63.873.948l2.1 1.066c1.05.532.263 1.956-.768 1.516-.747-.376-1.491-.753-2.235-1.133a1.47 1.47 0 0 1 -.24-.182c-.328-.353-.655-.707-.98-1.063a.85.85 0 0 1 .05-1.2c.316-.292.822-.32 1.2.048zm-2.618-10.055a2.843 2.843 0 1 1 0 5.686 2.843 2.843 0 0 1 0-5.686zm0 1.7a1.143 1.143 0 1 0 0 2.286 1.143 1.143 0 0 0 0-2.286z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_airplane_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_airplane_20.svg
new file mode 100644
index 0000000000..b6b0acc4be
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_airplane_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m8.81 3.487c.918.911 1.834 1.824 2.75 2.737l.308-.096c2.356-.758 5.115.045 5.933 1.896.59 1.333-.165 2.779-1.655 3.317l-2.698.849-2.112 3.86c-.15.247-.32.434-.65.596-1.492.735-2.535-.277-2.535-1.3-.006-.495-.01-.99-.014-1.485l-.936.289c-1.529.5-3.256-.197-3.833-1.843-.433-1.213-.865-2.426-1.295-3.64-.193-.648 0-1.392.75-1.773.075-.038.15-.073.228-.105.595-.265 1.202-.09 1.624.307l.987.976 1.319-.413-1.137-2.323c-.364-.85.08-1.95 1.047-2.183.11-.032.22-.063.33-.092a1.563 1.563 0 0 1 1.59.426zm3.663 4.547c-2.264.708-4.526 1.417-6.786 2.127-.314.099-.8.099-1.071-.311.12.369.333.965.637 1.79.152.43.67.863 1.344.603.746-.228 1.491-.457 2.236-.688a.997.997 0 0 1 1.294.948c.006.522.01 1.045.012 1.567l1.747-3.193c.083-.151.165-.31.579-.474.655-.21 1.624-.514 2.906-.91.54-.167.675-.368.587-.679-.088-.31-.57-.623-1.1-.795-.654-.212-1.655-.212-2.385.015z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_airplane_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_airplane_24.svg
new file mode 100644
index 0000000000..e1dff0769e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_airplane_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m14.72 7.091c2.966-.954 6.749.103 7.46 2.479.457 1.518-.572 3.32-2.275 3.845-1.14.359-2.28.717-3.422 1.073l-2.826 5.166c-.194.324-.685.72-1.065.808a8.634 8.634 0 0 1 -.492.122c-1.005.2-2.03-.567-2.041-1.695l-.021-2.368-1.835.562c-1.864.504-3.8-.49-4.44-2.286l-1.693-4.757a1.666 1.666 0 0 1 .837-1.962l.608-.25a2.113 2.113 0 0 1 2.135.3c.54.428 1.08.856 1.617 1.285l7.453-2.323zm3.047 1.693c-.683-.087-1.704-.047-2.443.214-1.55.48-4.206 1.308-7.967 2.483a.998.998 0 0 1 -.919-.172c-.68-.537-1.358-1.075-2.034-1.615-.031-.024-.058-.033-.094-.026l-.221.085 1.56 4.376c.27.771 1.122 1.303 2.15.988l2.934-.902c.602-.185 1.321.273 1.294.948.011 1.085.02 2.17.027 3.255l2.869-5.244c.103-.189.315-.392.578-.474l3.81-1.195c.669-.205 1.208-.954.872-1.539l-1.429.523a1 1 0 0 1 -1.283-.594.983.983 0 0 1 .296-1.11zm-8.102 3.583a1 1 0 1 1 -1.905.613 1 1 0 0 1 1.905-.613zm3.109-1.001a1 1 0 1 1 -1.902.615 1 1 0 0 1 1.902-.615zm3.11-1.001a1 1 0 1 1 -1.905.612 1 1 0 0 1 1.904-.612zm-5.505-6.83 1.957 1.956a1 1 0 0 1 0 1.414c-.36.36-.964.419-1.414 0-.63-.625-1.257-1.252-1.883-1.881l-.093.025.755 1.56a1.006 1.006 0 0 1 -.465 1.336 1.01 1.01 0 0 1 -1.335-.464l-.895-1.85c-.483-1.28.227-1.944.755-2.248.139-.08.278-.145.416-.195a24.2 24.2 0 0 1 .44-.123 1.78 1.78 0 0 1 1.762.47z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_airplane_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_airplane_32.svg
new file mode 100644
index 0000000000..a68f5700a0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_airplane_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m20.851 8.828c3.472-1.01 7.757-.253 8.949 3.14.782 2.228-.533 4.694-2.806 5.389-1.688.532-3.377 1.063-5.067 1.593l-4.047 7.43c-.206.383-.569.743-.915.87-.346.128-.486.185-.913.28-1.295.293-2.574-.573-2.574-1.966-.004-1.318-.006-2.637-.007-3.956l-2.917.916c-2.468.728-4.988-.382-6.078-2.95a1782.91 1782.91 0 0 1 -2.367-6.71 1.918 1.918 0 0 1 .977-2.366l.141-.061.71-.274a2.62 2.62 0 0 1 2.435.289l.15.11 2.476 1.987zm5.674 2.218c-1.278-.67-3.43-.883-5.323-.234-4.039 1.267-8.077 2.536-12.114 3.806a.99.99 0 0 1 -.925-.174 924.463 924.463 0 0 1 -2.894-2.322c-.147-.118-.343-.183-.612-.093-.213.08-.425.16-.636.244l2.333 6.614c.482 1.27 1.91 2.17 3.617 1.723a1139.2 1139.2 0 0 0 4.2-1.316c.605-.19 1.298.185 1.298.953.006 1.771.009 3.543.01 5.314 0 .018.016.046.051.04.174-.048.363-.1.569-.154l.023-.02 4.242-7.788c.103-.19.346-.408.578-.475 1.815-.574 3.632-1.146 5.45-1.715 1.158-.365 1.78-1.469 1.536-2.753-.863.276-1.74.558-2.63.847a1 1 0 0 1 -.613-1.904c.612-.2 1.225-.397 1.84-.593zm-13.84 5.508a1.408 1.408 0 1 1 -2.68.862 1.408 1.408 0 0 1 2.68-.862zm4.376-1.409a1.408 1.408 0 1 1 -2.681.862 1.408 1.408 0 0 1 2.68-.862zm4.375-1.41a1.407 1.407 0 1 1 -2.678.863 1.407 1.407 0 0 1 2.678-.863zm-8.356-9.102 2.712 2.7a1 1 0 1 1 -1.412 1.418c-.91-.903-1.818-1.808-2.724-2.714a.158.158 0 0 0 -.126-.031c-.204.054-.407.11-.61.17-.056.015-.105.06-.105.127.401.83.806 1.659 1.216 2.487a1 1 0 0 1 -.459 1.338c-.46.225-1.094.035-1.337-.46-.415-.843-.827-1.687-1.237-2.532a2.129 2.129 0 0 1 1.385-2.887c.202-.058.405-.115.61-.17.697-.196 1.463-.067 2.087.554z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_bicycle_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_bicycle_20.svg
new file mode 100644
index 0000000000..a412fc6402
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_bicycle_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14.647 5.735a40.59 40.59 0 0 1 -.684.137l1.305 4.178a2.75 2.75 0 1 1 -1.447.4l-.328-1.052-3.182 3.358a1 1 0 0 1 -.348.237c-.474.194-1.05 0-1.304-.547-.24-.583-.48-1.167-.716-1.751l-.57.714a2.75 2.75 0 1 1 -1.088-1.04l1.009-1.263-.841-2.056h-.453a.75.75 0 0 1 0-1.5c.665-.002 1.33-.002 1.995 0a.75.75 0 0 1 .75.75c0 .38-.314.745-.674.745.122.321.256.648.4.98l4.2-1.26-.387-1.242a.74.74 0 0 1 .569-.958c.64-.13 1.094-.22 1.5-.3.294-.059.751.073.865.52.16.616-.343.908-.57.95zm-9.647 5.815a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5zm10.25 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5zm-2.907-3.12-3.301.99.712 1.741z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_bicycle_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_bicycle_24.svg
new file mode 100644
index 0000000000..4449227408
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_bicycle_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m17.843 5.888c.057.43-.176.867-.73.955-.29.04-.58.078-.87.115l1.424 4.456a3.85 3.85 0 1 1 -1.62.517l-.286-.897-3.368 3.744a1.1 1.1 0 0 1 -1.775-.195l-.999-2.312-.55.653a3.85 3.85 0 1 1 -1.3-1.095l1.1-1.308-1.144-2.671h-.725a.85.85 0 0 1 -.85-.85c0-.433.334-.85.85-.85.833-.002 1.667-.002 2.5 0a.85.85 0 0 1 .073 1.695c.23.541.465 1.091.706 1.649l4.471-1.626-.434-1.36a.846.846 0 0 1 .698-1.1c.624-.086 1.248-.17 1.874-.25a.85.85 0 0 1 .955.73zm-11.843 7.212a2.15 2.15 0 1 0 1.922 1.186l-1.272 1.512a.858.858 0 0 1 -1.198.102c-.329-.277-.435-.82-.102-1.198.422-.505.845-1.009 1.27-1.511a2.15 2.15 0 0 0 -.62-.091zm12.209.01.6 1.881a.852.852 0 0 1 -.55 1.069.855.855 0 0 1 -1.069-.551c-.202-.627-.403-1.253-.601-1.88a2.15 2.15 0 1 0 1.62-.518zm-3.539-3.404-3.72 1.352.807 1.884z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_bicycle_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_bicycle_32.svg
new file mode 100644
index 0000000000..bf993bdb03
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_bicycle_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m24.075 7.78a1 1 0 0 1 -.756 1.197l-1.088.245 1.532 4.91a5.5 5.5 0 1 1 -1.9.624l-.436-1.395-4.427 6.529a1.587 1.587 0 0 1 -1.315.693l-.815-.007a1 1 0 0 1 -.834-.682l-1.561-4.768-.759.925a5.478 5.478 0 0 1 1.284 3.532 5.5 5.5 0 1 1 -2.826-4.807l1.563-1.905-.913-2.871h-.824a1 1 0 1 1 0-2h4a1 1 0 0 1 0 2h-1.072l.615 1.964 6.946-1.613-.489-1.568c-.135-.432.043-1.117.734-1.273l2.144-.485a1 1 0 0 1 1.197.755zm.425 8.303-.128.002.959 3.075a1 1 0 0 1 -1.911.598l-.944-3.031a3.5 3.5 0 1 0 2.024-.644zm-17 0a3.5 3.5 0 1 0 2.912 1.558l-2.012 2.452a1 1 0 1 1 -1.548-1.27l2.02-2.461a3.489 3.489 0 0 0 -1.372-.28zm12.002-3.449-5.335 1.238 1.462 4.47z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_bicycle_trailer_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_bicycle_trailer_20.svg
new file mode 100644
index 0000000000..ae2322e052
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_bicycle_trailer_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m4.145 5.588c.112-.01.282.009.51.058.227.05 1.755.428 4.583 1.133a1 1 0 0 1 .247.097c1.818 1.013 3.237 2.077 4.255 3.203a1 1 0 0 1 .202 1l-1.203 2.376a1 1 0 0 1 -.883.545l-3.018-.075a2.377 2.377 0 0 1 -4.713-.358l-.953-.073a1 1 0 0 1 -.916-.873c-.168-1.267-.253-1.994-.256-2.18-.003-.188.057-1.179.178-2.973a2 2 0 0 1 1.967-1.88zm13.825 6.67c.125.497-.16 1.081-.727 1.212l-2 .5a1 1 0 0 1 -1.213-.727 1.007 1.007 0 0 1 .727-1.213l2-.5a1 1 0 0 1 1.213.727zm-14.058-4.153-.007 1.66a.85.85 0 0 0 1.694.107l.006-.613 2.565.539 1.358.908c.357.239.893.165 1.16-.2a.86.86 0 0 0 -.124-1.143l-1.585-1.068a1.75 1.75 0 0 0 -.298-.125l-3.75-.79a.85.85 0 0 0 -1.02.726z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_bicycle_trailer_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_bicycle_trailer_24.svg
new file mode 100644
index 0000000000..277c9177f6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_bicycle_trailer_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m7.5 14a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zm-5.163-4.757c.543-2.163 2.705-3.528 4.909-3.098.27.051.97.288 2.098.709a17 17 0 0 1 5.274 3.27 21.67 21.67 0 0 1 2.154 2.24 1 1 0 0 1 .193.897c-.116.428-.35.976-.704 1.656l-.903 1.597a1 1 0 0 1 -.728.477l-2.63.002c-.51.007-.97-.424-.97-.993 0-.57.46-.993.97-.993l1.93-.008.934-1.79c-.727-.767-1.258-1.302-1.592-1.607a15 15 0 0 0 -4.623-2.872c-.828-.35-1.479-.566-1.952-.65a2.211 2.211 0 0 0 -2.409 1.607c-.192.745-.288 1.217-.288 1.413v3.162c.473.16.751.736.601 1.226a1.006 1.006 0 0 1 -1.248.664c-.844-.235-1.353-.946-1.353-1.889v-3.263c0-.218.112-.804.337-1.757zm18.663 4.757a1 1 0 0 1 1 1c0 .513-.419 1-1 1-.187 0-.364.045-.531.136l-.91.497c-.447.235-.922.367-1.559.367a1 1 0 0 1 -1-1c0-.513.393-1 1-1 .256 0 .456-.04.6-.122l.91-.497c.457-.25.97-.381 1.49-.381zm-13.5 2a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1zm-.792-6.795c.13 0 .302.036.515.107l2.784 1.123a5 5 0 0 1 .93.563l1.554 1.33a1 1 0 0 1 -1.29 1.507l-1.505-1.269a3 3 0 0 0 -.503-.304l-2.11-.852-.112.829a1 1 0 0 1 -1.971-.246l.202-1.617c.156-.699.765-1.17 1.506-1.17z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_bicycle_trailer_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_bicycle_trailer_32.svg
new file mode 100644
index 0000000000..e5d8d6a91a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_bicycle_trailer_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m10.5 18a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7zm0 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm-6.42-9.158a5 5 0 0 1 5.88-3.638c.576.11 1.753.56 3.531 1.352a17 17 0 0 1 4.404 2.797c1.978 1.736 3.606 3.41 4.885 5.027a1 1 0 0 1 .208.74c-.032.264-.63 2.685-.773 2.917-.703 1.143-1.589 1.948-2.471 1.955-.588.005-1.709.006-3.362.001-.48 0-.883-.48-.883-.993s.42-.993.883-.993c1.93 0 2.965-.004 3.108-.013.254.016.548-.303.82-.695.182-.261.38-.948.593-2.06-1.54-1.796-2.983-3.257-4.327-4.382-1.183-.99-2.45-1.837-3.85-2.453s-2.809-1.18-3.356-1.276a3 3 0 0 0 -3.343 2.17l-1.027 4.808v2.864a.3.3 0 0 0 .243.31 1 1 0 1 1 -.486 1.941c-.975-.245-1.757-1.145-1.757-2.219v-3.002c0-.16.36-1.88 1.08-5.158zm24.834 7.468a1 1 0 1 1 0 2 2.53 2.53 0 0 0 -.943.182l-1.818.888c-.343.17-.781.292-1.097.3-.21.007-.453.01-.728.01a1 1 0 0 1 -1-1c0-.513.415-1 1-.994l.499-.006a1 1 0 0 0 .337-.059c.071-.025.654-.31 1.746-.854a4.53 4.53 0 0 1 2.004-.467zm-21.121-6.212c.228-.729.99-1.211 1.752-1.05 1.238.508 2.268.956 3.088 1.343a12 12 0 0 1 3.323 2.323c.363.367.647.668.852.904.308.354.25.967-.121 1.317a1 1 0 0 1 -1.322.045 42.403 42.403 0 0 0 -.865-.892c-.704-.715-1.677-1.388-2.658-1.859l-2.254-.981-.44 2.047c-.099.41-.595.783-1.155.659s-.856-.66-.79-1.07c.058-.312.254-1.24.59-2.786z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_call_a_bike_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_call_a_bike_20.svg
new file mode 100644
index 0000000000..a0de7348c3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_call_a_bike_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.001 10.013c-.065 0-.126.015-.19.019l-.487-1.519h1.678c.25 0 .484-.125.623-.332l.503-.75a.75.75 0 0 0 -1.247-.836l-.28.418h-1.759l-.638-1.992a.75.75 0 0 0 -.714-.521h-1.5a.75.75 0 0 0 0 1.5h.953l.577 1.802-2.501 3.216c-.007 0-.012-.004-.019-.004h-.519l-1.219-4.002a.749.749 0 0 0 -.012-1.498h-2a.75.75 0 0 0 0 1.5h.442l.581 1.941-.87 1.457a2.72 2.72 0 0 0 -1.404-.398 2.752 2.752 0 0 0 -2.75 2.75 2.752 2.752 0 0 0 2.75 2.75 2.744 2.744 0 0 0 2.725-2.5h2.275c.231 0 .45-.106.592-.289l2.483-3.192.322 1.006a2.742 2.742 0 0 0 -1.147 2.225 2.752 2.752 0 0 0 2.75 2.75 2.752 2.752 0 0 0 2.75-2.75 2.752 2.752 0 0 0 -2.75-2.75zm-10 4c-.689 0-1.25-.561-1.25-1.25s.561-1.25 1.25-1.25 1.25.561 1.25 1.25-.561 1.25-1.25 1.25zm10 0c-.689 0-1.25-.561-1.25-1.25s.561-1.25 1.25-1.25 1.25.561 1.25 1.25-.561 1.25-1.25 1.25z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_call_a_bike_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_call_a_bike_24.svg
new file mode 100644
index 0000000000..f120801851
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_call_a_bike_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18 11.25c-.095 0-.184.021-.277.028l-.509-1.528h1.786a.876.876 0 0 0 .619-.256l1-1a.875.875 0 0 0 -1.237-1.238l-.744.744h-2.007l-.8-2.401a.876.876 0 0 0 -.83-.599h-2a.875.875 0 0 0 0 1.75h1.369l.656 1.966-3.296 4.396-2.179-5.362h.45a.875.875 0 0 0 0-1.75h-3a.875.875 0 0 0 0 1.75h.661l.829 2.04-1.182 1.688a3.86 3.86 0 0 0 -1.309-.229 3.879 3.879 0 0 0 -3.875 3.875 3.879 3.879 0 0 0 3.875 3.875c1.923 0 3.511-1.411 3.812-3.25h1.688a.864.864 0 0 0 .366-.086c.033-.016.059-.041.09-.061a.86.86 0 0 0 .202-.168c.012-.014.031-.02.042-.035l3.498-4.664.353 1.059c-1.146.674-1.926 1.907-1.926 3.33a3.879 3.879 0 0 0 3.875 3.875 3.879 3.879 0 0 0 3.875-3.875 3.879 3.879 0 0 0 -3.875-3.875zm-7.8 2.75h-2.52l1.594-2.278zm-4.2 3.25a2.127 2.127 0 0 1 -2.125-2.125c0-1.172.953-2.125 2.125-2.125.078 0 .154.011.231.019l-.948 1.354c-.018.025-.021.055-.035.081a.861.861 0 0 0 -.106.334c-.003.03-.018.056-.018.087 0 .026.013.048.015.073.005.06.018.116.035.174a.844.844 0 0 0 .059.154.826.826 0 0 0 .089.132.861.861 0 0 0 .125.131c.019.016.03.038.05.053.033.023.07.033.104.051.031.016.059.033.092.045a.873.873 0 0 0 .304.062h2.02a2.12 2.12 0 0 1 -2.02 1.5zm12 0a2.127 2.127 0 0 1 -2.125-2.125c0-.645.295-1.217.75-1.607l.545 1.633a.875.875 0 1 0 1.66-.552l-.523-1.568a2.122 2.122 0 0 1 1.817 2.094 2.127 2.127 0 0 1 -2.125 2.125z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_call_a_bike_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_call_a_bike_32.svg
new file mode 100644
index 0000000000..10db112fc8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_call_a_bike_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m23.883 14.037-.617-2.029 2.738-.008a.995.995 0 0 0 .704-.293l1-1a.999.999 0 1 0 -1.414-1.414l-.708.708-2.927.01-.701-2.302a1 1 0 0 0 -.957-.709h-3a1 1 0 1 0 0 2h2.259l.567 1.863-5.449 6.608-2.488-7.466h.109a1 1 0 1 0 .002-2l-1.422-.002-1.578-.003a1 1 0 1 0 -.002 2h.781l.96 2.881-1.537 1.835a5.44 5.44 0 0 0 -2.703-.716 5.506 5.506 0 0 0 -5.5 5.5c0 3.032 2.467 5.5 5.5 5.5 2.691 0 4.932-1.944 5.404-4.5h2.096a.99.99 0 0 0 .407-.091c.034-.015.06-.043.092-.062a.976.976 0 0 0 .238-.185c.01-.011.025-.015.034-.026l5.753-6.978.445 1.464a5.502 5.502 0 0 0 -2.97 4.878c0 3.032 2.467 5.5 5.5 5.5s5.5-2.468 5.5-5.5-2.467-5.5-5.5-5.5c-.207 0-.413.014-.616.037zm-10.27 4.463h-3.971l2.84-3.392zm-6.112 4.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5c.485 0 .948.108 1.381.294l-2.147 2.564c-.03.035-.04.079-.064.117-.038.061-.077.118-.102.187-.024.067-.031.134-.041.203-.007.046-.027.087-.027.135 0 .015.008.028.009.043.003.071.024.137.042.206.015.059.024.118.049.172.025.053.064.097.099.146.042.059.08.118.133.166.011.01.015.024.027.034.048.04.103.06.155.089.042.024.078.053.124.071a.99.99 0 0 0 .362.073h3.337c-.434 1.441-1.757 2.5-3.337 2.5zm17 0a3.496 3.496 0 0 1 -1.932-6.414l.975 3.205a.999.999 0 0 0 1.248.666 1 1 0 0 0 .666-1.248l-.976-3.207.02-.002c1.93 0 3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_car_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_car_20.svg
new file mode 100644
index 0000000000..81703c57b6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_car_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13.63 4.007c.84.006 1.669.664 1.86 1.403.127.493.398 1.69.813 3.59h1.697v2h-1.105c-.15 1.493-.25 2.37-.3 2.629-.075.39-.292.91-.594 1.197v2.174h-2.501v-1.259a23.875 23.875 0 0 1 -7 0l-.007 1.259h-2.493v-2.174c-.235-.233-.463-.689-.55-1.005-.058-.21-.173-1.15-.346-2.821h-1.104v-2h1.696l.761-3.432c.238-.805.943-1.568 2.086-1.568 1.144 0 6.248 0 7.088.007zm-4.993 8.001a.75.75 0 0 0 -.579.453l-.304 1.207a.746.746 0 0 0 .58.815c.425.096.731-.138.858-.445l.143-.538h1.329l.14.529a.75.75 0 0 0 1.442-.36l-.304-1.208a.75.75 0 0 0 -.58-.453h-2.724zm-3.719-.655a.75.75 0 0 0 -.435 1.432l1.56.367a.75.75 0 0 0 .434-1.432zm11.074.562a.75.75 0 0 0 -.799-.578l-1.562.354a.75.75 0 0 0 .237 1.477l1.562-.353a.75.75 0 0 0 .562-.9zm-2.034-6.215h-7.915l-.643 3.3h9.2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_car_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_car_24.svg
new file mode 100644
index 0000000000..aea44480e3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_car_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.507 4c1.062 0 1.977.72 2.288 1.745l.998 4.255h1.559c.336 0 .597.228.641.546l.007.765c0 .334-.23.63-.55.681l-.933.009c.033.161.05.328.05.499 0 .114-.13 1.283-.388 3.508a2.99 2.99 0 0 1 -.428 1.233l-.001 1.76a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1-1v-.285a321.214 321.214 0 0 1 -9.5-.002v.286a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1-1v-1.757a2.99 2.99 0 0 1 -.395-1.012c-.046-.244-.182-1.392-.405-3.444a2.498 2.498 0 0 1 .033-.787h-.835c-.37 0-.648-.321-.648-.69v-.666a.63.63 0 0 1 .648-.644h1.558l.955-4.091c.246-1.055 1.198-1.909 2.28-1.909zm-10.631 8.003a.5.5 0 0 0 -.442.464c-.01.158.01.358.061.601l1.17.196a1 1 0 0 1 -.213 1.985l-.718-.113.074.643a1 1 0 0 0 .786.864c2.27.236 4.073.355 5.406.357s3.097-.111 5.29-.34a1 1 0 0 0 .882-.766l.093-.758-.6.1a1 1 0 0 1 -.443-1.947l1.282-.221a2.2 2.2 0 0 0 .062-.54c.001-.3-.202-.52-.469-.52zm8.124 1.397a1 1 0 0 1 .797.396l.565.947a1 1 0 0 1 -1.659 1.111l-.276-.455h-2.855l-.21.358c-.26.442-.885.662-1.369.355-.484-.308-.61-.807-.408-1.265l.553-.954a1 1 0 0 1 .745-.486zm-6.507-7.4c-.143 0-.284.102-.355.272-.047.114-.34 1.357-.879 3.728h11.481l-.849-3.637c-.045-.193-.163-.363-.407-.363h-8.99z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_car_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_car_32.svg
new file mode 100644
index 0000000000..98ce48a51a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_car_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 5c2.09 0 4.178.085 6.267.253 1.27.1 2.397.899 2.778 2.08l1.487 5.701h2.5a.94.94 0 0 1 .962.85l.006 1.082c0 .513-.358.965-.851 1.027l-1.154.007c0 .59-.04 1.359-.12 2.307s-.176 1.87-.29 2.767c-.064.66-.279 1.22-.622 1.66.01.032.022.12.037.266v2.039c0 .497 0 1.908-2.096 1.959l-1.622.002c-2.125 0-2.258-1.38-2.278-1.782l-.003-.859c-.812.066-2.495.133-4.997.14a107.18 107.18 0 0 1 -5.004-.109l.001.65c0 .497 0 1.959-2.096 1.959l-1.623.001c-2.258 0-2.258-1.38-2.278-1.782l-.004-2.218c0-.053.016-.151.047-.295a2.957 2.957 0 0 1 -.597-1.385c-.101-.967-.2-1.893-.3-2.78-.148-1.329-.157-2.383-.148-2.54h-1.035c-.552 0-.967-.482-.967-1.034v-1c0-.553.415-.966.967-.966h2.509l1.425-5.478c.322-1.288 1.434-2.118 2.849-2.27a77.518 77.518 0 0 1 6.25-.252zm-9 18.813v1.187h2v-.808c-.416-.038-1.082-.165-2-.379zm17.999-.024a38.38 38.38 0 0 1 -1.999.346v.865h2l-.001-1.21zm-8.999-8.987c-2.805 0-5.61.065-8.414.198-.992.039-1.337.2-1.475.555-.077.197-.111.595-.103 1.194l2.116.259a1 1 0 0 1 -.131 1.992l-1.805-.219.221 2.1c.045.467.216.724.755.906 1.336.377 4.387.716 8.835.712 4.449-.004 6.445-.228 8.894-.729.404-.082.61-.29.685-.762l.237-2.227-1.691.211a1 1 0 0 1 -.363-1.963l2.24-.28c.001-.383-.037-.936-.116-1.154-.136-.372-.448-.544-1.281-.592-2.931-.134-5.8-.2-8.604-.201zm3.75 2.698a1 1 0 0 1 .96.718l.276 1.618a1 1 0 0 1 -1.947.442l-.137-.778h-5.805l-.11.664a1.01 1.01 0 0 1 -1.151.822 1 1 0 0 1 -.836-1.034l.263-1.616a1 1 0 0 1 .865-.829l7.621-.007zm-3.75-10.5a75.6 75.6 0 0 0 -6.081.244c-.535.058-.903.302-1.044.661l-1.333 5.095a180.569 180.569 0 0 1 16.915 0l-1.298-4.993c-.1-.401-.528-.719-1.031-.759a77.36 77.36 0 0 0 -6.128-.247z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_car_sequence_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_car_sequence_20.svg
new file mode 100644
index 0000000000..013c930662
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_car_sequence_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2.464 7.7c.428 0 .593-.123.713-.446l.285-.766h2.12l.338.837c.108.267.267.375.694.375.481 0 .53-.23.428-.5l-1.817-4.807a.6.6 0 0 0 -.57-.393h-.267c-.232 0-.418.181-.499.392l-1.852 4.827c-.103.268 0 .48.427.48zm13.897 2.3c.917 0 1.639.76 1.639 1.658v4.342c0 .5-.5 1-1 1h-.432l-.363.001h-.205a1 1 0 0 1 -1.005.995h-1.99a1 1 0 0 1 -1.005-.994l-.57-.003-3.161-.005-.269.008c-.01.546-.45.994-1.005.994h-1.99a.988.988 0 0 1 -.995-.996h-1.01c-.5 0-1-.5-1-1v-4.342c0-.898.722-1.658 1.639-1.658zm-.361 2h-12v2h12zm-7.15-9.999.086.002h1.61c1.074 0 1.79.412 1.79 1.433 0 .608-.232.966-.93 1.217a1.32 1.32 0 0 1 1.27 1.414c0 1.11-.823 1.63-2.147 1.63h-1.593c-.305.035-.537-.215-.52-.52v-4.672a.475.475 0 0 1 .52-.502zm7.754-.005c.321 0 .624.036.928.107.267.036.446.286.428.554 0 .34-.125.519-.571.43-.25-.072-.5-.108-.767-.108-1.142 0-1.516.643-1.516 1.876 0 1.144.356 1.858 1.498 1.858.285 0 .57-.053.838-.125.357-.089.553.036.553.376a.516.516 0 0 1 -.392.571 3.474 3.474 0 0 1 -1.052.161c-1.73 0-2.587-1.018-2.587-2.805 0-1.823.892-2.895 2.64-2.895zm-6.083 3.158h-.98v1.624h.838c.749 0 1.123-.197 1.123-.839 0-.517-.267-.785-.98-.785zm-5.916-1.634.757 2.12h-1.514zm5.863-.596h-.928v1.302h.892c.464 0 .803-.16.803-.678 0-.41-.179-.624-.767-.624z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_car_sequence_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_car_sequence_24.svg
new file mode 100644
index 0000000000..019dbf17ae
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_car_sequence_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.398 13a2.585 2.585 0 0 1 2.602 2.575v4.425c0 .5-.5 1-1 1l-1-.001a1 1 0 0 1 -1 1h-3c-.55 0-1-.45-1-1h-6c0 .55-.45 1-1 1h-3.012a.997.997 0 0 1 -.988-1.011l-1 .012c-.5 0-1-.5-1-1v-4.425a2.585 2.585 0 0 1 2.602-2.575zm.01 1.994h-.033l-.231.001h-.119l-.468.001h-.192l-.919.001h-.264l-2.491.001h-7.877l-.98-.002h-.876l-.299-.002h-.057c-.375 0-.602.315-.602.662v2.344h16v-2.425a.578.578 0 0 0 -.592-.58zm-14.087-12.994a.75.75 0 0 1 .713.49l2.273 6.016c.127.336.067.623-.535.623-.535 0-.734-.134-.869-.467l-.423-1.048h-2.651l-.357.958c-.15.404-.356.557-.891.557s-.664-.265-.535-.601l2.317-6.038c.101-.263.334-.49.624-.49zm14.981-.002a5 5 0 0 1 1.16.134c.335.045.559.357.536.692 0 .424-.156.647-.714.536a3.436 3.436 0 0 0 -.96-.134c-1.427 0-1.896.803-1.896 2.343 0 1.428.446 2.321 1.874 2.321a4.14 4.14 0 0 0 1.05-.156c.445-.112.69.045.69.469a.645.645 0 0 1 -.49.714c-.424.134-.87.2-1.317.2-2.164.001-3.235-1.271-3.235-3.502 0-2.277 1.116-3.616 3.302-3.616zm-9.742.002.088.004h2.009c1.338 0 2.23.514 2.23 1.786 0 .759-.29 1.205-1.16 1.517a1.646 1.646 0 0 1 1.585 1.763c0 1.384-1.027 2.031-2.678 2.031h-1.986c-.379.045-.67-.268-.647-.647v-5.825c-.022-.357.29-.67.647-.625zm2.085 3.948h-1.227v2.032h1.048c.938 0 1.406-.245 1.406-1.049 0-.647-.334-.982-1.227-.982zm-7.4-2.044-.947 2.651h1.892l-.946-2.65zm7.333-.745h-1.16v1.629h1.115c.58 0 1.005-.2 1.005-.848 0-.513-.224-.781-.96-.781z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_car_sequence_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_car_sequence_32.svg
new file mode 100644
index 0000000000..02be4b465c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_car_sequence_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m2.813 12c.75 0 1.038-.216 1.248-.781l.5-1.344h3.712l.593 1.469c.189.468.468.656 1.216.656.843 0 .927-.403.75-.875l-3.184-8.438a1.05 1.05 0 0 0 -.997-.687h-.468c-.407 0-.732.318-.874.687l-3.244 8.47c-.18.47 0 .843.748.843zm23.939 5c1.72 0 3.247 1.393 3.25 3.25 0 1.167 0 3.083-.002 5.75 0 .5 0 1-1 1h-3.06c.562 0 1 .438 1 1 0 .522-.44 1-1 1h-4.968c-.563 0-1-.438-1-1 0-.522.528-1 1-1h-9.999c.563 0 1 .438 1 1 0 .522-.473 1-1 1h-4.967c-.563 0-1-.438-1-1 0-.522.494-1 1-1a751.92 751.92 0 0 0 -3.006 0c-.5 0-1-.5-1-1-.002-1.167-.001-3.083.001-5.75 0-1.72 1.374-3.148 3.072-3.245l.183-.005zm-10.748 1.998 10.748.002c.75 0 1.25.605 1.25 1.25l-.002 2.75h-24a95.8 95.8 0 0 0 .006-2.75c-.006-.75.605-1.25 1.25-1.25 7.166-.002 14.331-.002 21.496 0zm-9.52-14.327 1.326 3.713h-2.652l1.326-3.714zm7.482-2.671.1.006h2.811c1.875 0 3.125.722 3.125 2.513 0 1.068-.406 1.696-1.625 2.135a2.312 2.312 0 0 1 2.218 2.482c0 1.947-1.437 2.858-3.749 2.858h-2.78c-.532.063-.938-.377-.907-.91v-8.299c.028-.46.44-.839.906-.78zm2.88 5.534h-1.718v2.843h1.468c1.312 0 1.969-.343 1.969-1.468 0-.907-.47-1.375-1.719-1.375zm-.094-3.907h-1.624v2.283h1.562c.812 0 1.406-.282 1.406-1.188 0-.719-.313-1.094-1.344-1.094zm10.655 8.375c.625 0 1.25-.094 1.843-.282a.906.906 0 0 0 .688-1.003c0-.596-.344-.815-.97-.658-.468.125-.968.22-1.468.22-2 0-2.624-1.255-2.624-3.261 0-2.163.656-3.291 2.656-3.291.468 0 .906.062 1.343.188.781.156 1-.157 1-.753.031-.47-.281-.909-.75-.972a6.982 6.982 0 0 0 -1.625-.188c-3.061 0-4.624 1.881-4.624 5.079 0 3.134 1.5 4.921 4.53 4.921z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_carsharing_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_carsharing_20.svg
new file mode 100644
index 0000000000..8da8d5aa68
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_carsharing_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m18.004 8.391c.002.468.002.936 0 1.405 0 .192-.126.391-.392.39l-1.088.001c.003.393.003.786 0 1.18 0 .171-.135.39-.39.39-.384.003-.766.003-1.15 0 .005.277.007.538.007.783-.016.153-.02.173-.123.288-.176.164-.456.428-.842.792.203.461.29.94.264 1.437a3.131 3.131 0 0 1 -5.341 2.048c-.859-.859-1.557-2.767 0-4.428a3.123 3.123 0 0 1 2.316-.916c.323.01.598.057.824.138 1.254-1.264 2.51-2.525 3.767-3.784a.347.347 0 0 1 .277-.115c.74-.002.74-.004 1.48 0 .318.002.39.274.39.391zm-7.288 5.72a1.181 1.181 0 1 0 0 2.363 1.181 1.181 0 0 0 0-2.363zm2.914-12.111c.84 0 1.64.594 1.859 1.41.29 1.048.517 2.05.681 3.008-.575-.054-1.13.31-1.313.463l-.133.12a152.172 152.172 0 0 1 -3.176 3.175 4.698 4.698 0 0 0 -3.731 1.37c-.632.631-1.444 1.78-1.383 3.511h-2.434v-2.231a2.515 2.515 0 0 1 -.625-1.395l-.271-2.431h-1.104v-2h1.696l.761-3.432c.238-.805.943-1.561 1.838-1.561zm-9.611 7.915a.75.75 0 0 0 .464.87l1.56.367a.75.75 0 0 0 .434-1.432l-1.559-.367a.75.75 0 0 0 -.9.562zm9.939-6.215h-7.915l-.643 3.3h9.2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_carsharing_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_carsharing_24.svg
new file mode 100644
index 0000000000..8e83229adc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_carsharing_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21.416 9.246c.246 0 .499.186.5.5.003.59.003 1.18 0 1.77a.503.503 0 0 1 -.5.484 96.95 96.95 0 0 1 -1.415-.003v1.526a.5.5 0 0 1 -.5.48c-.49.002-.99.002-1.501 0v1.003c0 .111-.03.29-.13.384-.357.339-.716.676-1.076 1.012a4.001 4.001 0 0 1 -6.485 4.452 4 4 0 0 1 4.011-6.65l4.812-4.812a.552.552 0 0 1 .353-.146 310.73 310.73 0 0 1 1.931 0zm-8.85 7.783a1.509 1.509 0 1 0 0 3.018 1.509 1.509 0 0 0 0-3.018zm3.804-13.993c1.36-.003 2.195.88 2.423 1.8l.21.867.326 1.407c.128.558-.305 1.024-.696 1.135-.39.11-1.081-.017-1.249-.721l-.145-.626-.215-.942-.134-.555c-.065-.259-.236-.399-.436-.401h-8.961c-.143 0-.314.144-.384.4a936.195 936.195 0 0 0 -.849 3.637h8.734a1 1 0 0 1 1 1 .99.99 0 0 1 -1 1h-9.032c-.338.001-.526.258-.526.558.018.17.037.34.059.51l1.17.196a1 1 0 0 1 .821 1.15c-.084.507-.532.894-1.15.823a32.83 32.83 0 0 1 -.602-.1l.073.634a1 1 0 0 0 .788.864l.655.034v2.294a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1-1v-1.727a2.99 2.99 0 0 1 -.404-1.06l-.396-3.388a2.498 2.498 0 0 1 .033-.786h-.835c-.37 0-.648-.322-.648-.69v-.666a.63.63 0 0 1 .648-.644h1.558l.955-4.092c.246-1.054 1.175-1.908 2.332-1.908l8.878-.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_carsharing_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_carsharing_32.svg
new file mode 100644
index 0000000000..134d78adfc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_carsharing_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m29 11a1 1 0 0 1 1 .89l.006.11v3.582c0 .482-.452 1.014-.995 1.014l-1.185-.001v1.41c0 .47-.384 1-1 1h-1.406v.58c0 .174-.001.452-.287.7-.351.365-.705.717-1.126 1.147.49 2.004.016 4.084-1.604 5.784-2.364 2.365-6.182 2.388-8.527.043-2.346-2.345-2.323-6.163.042-8.528 1.495-1.495 3.817-2.142 5.889-1.577.875-.895 2.697-2.81 5.465-5.745.124-.128.348-.378.728-.41h3zm-1.019 2h-1.458l-5.72 6c-.222.228-.52.385-1.09.23a4.063 4.063 0 0 0 -4.38.915c-1.588 1.588-1.603 4.14-.043 5.7s4.112 1.544 5.7-.043a4.064 4.064 0 0 0 .948-4.294 1.04 1.04 0 0 1 .223-1.05c.276-.283.696-.71 1.26-1.283l-.001-1.173c0-.47.385-.996 1-1 .469-.002.937-.002 1.406 0v-1.406c0-.47.404-.996 1-1 .385-.002.77-.003 1.155 0zm-11.981-8c2.09 0 4.178.085 6.267.253 1.333.106 2.51.98 2.83 2.261l.331 1.282a1 1 0 1 1 -1.936.5l-.333-1.289c-.1-.401-.528-.719-1.031-.759a77.34 77.34 0 0 0 -6.128-.247c-2.027 0-4.054.08-6.081.243-.535.058-.92.278-1.08.773-.434 1.66-.867 3.322-1.297 4.984 4.6-.12 7.42-.187 8.458-.2a51.114 51.114 0 0 1 3.116.057 1 1 0 0 1 -.054 2c-.552-.015-1.306-.058-3.062-.058a456.49 456.49 0 0 0 -8.414.2c-.986 0-1.352.186-1.474.578-.1.327-.134.743-.1 1.249l1.148.186a1 1 0 0 1 -.203 1.986l-.759-.116.211 1.999c.05.513.284.773.755.905.833.235 1.793.403 2.897.516-.098 1.742.295 3.263.62 3.894-.275.386-.842.78-1.681.8l-2 .003c-.997 0-2-.63-2-1.961v-2.396a2.981 2.981 0 0 1 -.554-1.35c-.082-.522-.435-4.334-.446-4.598a7.24 7.24 0 0 1 .002-.695h-1.035c-.552 0-.967-.482-.967-1.034v-1c0-.553.415-.966.967-.966h2.509l1.425-5.478c.322-1.288 1.434-2.118 2.849-2.27a77.518 77.518 0 0 1 6.25-.252zm-9 18.813v1.185h1.532l-.144-.843c-.563-.118-.846-.208-1.388-.342zm9.484 1.061a1.5 1.5 0 1 0 2.122-2.121 1.5 1.5 0 0 0 -2.122 2.121z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_electric_locomotive_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_electric_locomotive_20.svg
new file mode 100644
index 0000000000..e3c2e79bbc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_electric_locomotive_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m12.778 4.999h-.445v-1.73h.434s.044.012.072.024l.744.494a.525.525 0 0 0 .284.087.548.548 0 0 0 .477-.306c.156-.3.067-.68-.2-.856l-.744-.492a1.144 1.144 0 0 0 -.639-.2l-5.605-.02a1.17 1.17 0 0 0 -.69.231l-.683.494c-.255.187-.333.574-.166.862.166.287.51.375.766.187l.684-.493c.027-.019.066-.056.083-.031h.517v1.749h-.445c-1.222 0-2.222 1.124-2.222 2.499v8.002c0 1.375 1 2.5 2.222 2.5h5.556c1.222 0 2.222-1.125 2.222-2.499v-8.003c0-1.375-1-2.5-2.222-2.5zm-1.556 0h-2.444v-1.743h2.444zm-3.189 11.008h-.889c-.26 0-.472-.237-.472-.531s.211-.531.472-.531h.89c.26 0 .472.237.472.531s-.212.531-.473.531zm4.828 0h-.889c-.26 0-.472-.237-.472-.531s.211-.531.472-.531h.89c.26 0 .471.237.471.531s-.21.531-.472.531zm.478-4.348c0 .737-.539 1.343-1.195 1.343h-4.283c-.655 0-1.194-.606-1.194-1.343v-3.311c0-.738.539-1.344 1.194-1.344h4.283c.656 0 1.195.606 1.195 1.344v3.31z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_electric_locomotive_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_electric_locomotive_24.svg
new file mode 100644
index 0000000000..e5cc868731
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_electric_locomotive_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m8.198 2 7.465.022c.289 0 .585.082.844.237l.991.584a.739.739 0 0 1 -.37 1.377.762.762 0 0 1 -.377-.104l-.992-.584c-.037-.023-.096-.037-.096-.037h-1.02v2.655h.843a3.527 3.527 0 0 1 3.514 3.515v8.82a3.527 3.527 0 0 1 -3.514 3.514h-7.11a3.527 3.527 0 0 1 -3.515-3.514v-8.812a3.527 3.527 0 0 1 3.514-3.515h.836v-2.678h-1.028c-.03-.008-.074.015-.111.037l-.91.584a.741.741 0 0 1 -1.021-.222.741.741 0 0 1 .222-1.02l.91-.585c.281-.185.614-.274.925-.274zm7.28 5.63h-7.11a2.038 2.038 0 0 0 -2.035 2.035v8.812c0 1.125.918 2.035 2.035 2.035h7.118a2.038 2.038 0 0 0 2.034-2.035l-.007-8.812a2.038 2.038 0 0 0 -2.035-2.034zm-.34 9.893c.407 0 .74.333.74.74s-.333.74-.74.74h-.984a.742.742 0 0 1 -.74-.74c0-.407.333-.74.74-.74zm-5.416-.03c.407 0 .74.333.74.74s-.333.74-.74.74h-.984a.742.742 0 0 1 -.74-.74c0-.407.333-.74.74-.74zm4.432-8.36c.94 0 1.702.762 1.702 1.701v2.464c0 .94-.763 1.702-1.702 1.702h-4.454c-.94 0-1.702-.762-1.702-1.702v-2.464c0-.94.762-1.701 1.702-1.701zm0 1.48h-4.454a.223.223 0 0 0 -.222.221v2.464c0 .119.096.222.222.222h4.454a.223.223 0 0 0 .222-.222v-2.464a.223.223 0 0 0 -.222-.222zm-.992-7.126h-2.47v2.664h2.47z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_electric_locomotive_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_electric_locomotive_32.svg
new file mode 100644
index 0000000000..1deb5afd83
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_electric_locomotive_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m10.98 2 10.09.03c.39 0 .79.11 1.14.32l1.34.79c.47.28.63.89.35 1.37a1.002 1.002 0 0 1 -1.37.35l-1.34-.79c-.04-.02-.13-.04-.13-.04h-1.02v1.97h1.53c2.47 0 4.5 2.03 4.5 4.5v15c0 2.48-2.03 4.5-4.5 4.5h-11.07c-2.47 0-4.5-2.03-4.5-4.5v-15c0-2.48 2.03-4.5 4.5-4.5h1.53v-2h-1.08c-.06-.03-.1.02-.15.05l-1.22.79c-.46.3-1.08.16-1.38-.3s-.16-1.08.3-1.38l1.23-.79c.38-.25.84-.37 1.25-.37zm10.6 6h-11.07a2.5 2.5 0 0 0 -2.5 2.5v15a2.5 2.5 0 0 0 2.5 2.5h11.07a2.5 2.5 0 0 0 2.5-2.5v-15a2.5 2.5 0 0 0 -2.5-2.5zm-8.54 16c.55 0 1 .45 1 1s-.45 1-1 1h-2c-.55 0-1-.45-1-1s.45-1 1-1zm8.05 0c.55 0 1 .45 1 1s-.45 1-1 1h-2c-.55 0-1-.45-1-1s.45-1 1-1zm-4.07-4c.55 0 1 .45 1 1s-.45 1-1 1h-2c-.55 0-1-.45-1-1s.45-1 1-1zm2.76-10c1.27 0 2.31 1.04 2.31 2.31v3.38c0 1.27-1.04 2.31-2.31 2.31h-7.43c-1.27 0-2.31-1.04-2.31-2.31v-3.38c0-1.27 1.04-2.31 2.31-2.31zm0 2h-7.43c-.17 0-.31.14-.31.31v3.38c0 .17.14.31.31.31h7.43c.17 0 .31-.14.31-.31v-3.38c0-.17-.14-.31-.31-.31zm-1.74-7.99h-4v1.99h4z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_electric_scooter_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_electric_scooter_20.svg
new file mode 100644
index 0000000000..08a0239adc
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_electric_scooter_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m14.778 5.013c1.205 0 2.217 1.103 2.217 2.227l.005 2.76a1 1 0 0 1 -.204.605l-4.078 4.122c-.156.158-.317.273-.71.273h-4.003c-.012 1.094-.93 2-2.005 2s-2-.885-1.994-2h-1.006c-.542 0-.993-.387-.993-.998l-.007-1.312c0-1.96 1.538-3.56 3.472-3.661l2.172-.005-.27-1.025h-2.384c-.597 0-.99-.487-.99-1 0-.512.374-.985.99-1h2.6c.69 0 1.393.532 1.633 1.19l1.546 5.834h.823l3.407-3.434.001-2.188c0-.213-.055-.402-.325-.402l-1.668-.01a.991.991 0 0 1 -.999-.99c0-.513.324-.986.999-.986zm1.222 7.987a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm-7.822-1.994h-2.505c-.872 0-1.673.839-1.667 1.54-.004.137-.006.296-.006.476h4.7z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_electric_scooter_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_electric_scooter_24.svg
new file mode 100644
index 0000000000..95305ae5ce
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_electric_scooter_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.672 6c1.243 0 2.248 1.011 2.328 2.245l.005 2.755a1 1 0 0 1 -.178.57l-4.544 5.096a.92.92 0 0 1 -.746.334h-3.537a3 3 0 1 1 -6 0h-1a1 1 0 0 1 -.993-.883l-.007-1.45c0-1.96 1.572-3.667 3.667-3.667h3.233l-.266-.996h-2.634c-.555 0-.994-.491-.994-1.004s.474-.977.994-.977l2.838.007c.695 0 1.306.437 1.551 1.076l1.611 5.894h1.005l4-4.383v-2.21c0-.193-.075-.409-.333-.409h-2c-.552 0-1-.423-1-.975 0-.513.452-1.023 1-1.023zm2.328 8a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm-13 3a1 1 0 0 0 1 1c.513 0 1-.384 1-1zm13-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-9.55-3h-3.783c-.872 0-1.588.67-1.66 1.523l-.007.477h6z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_electric_scooter_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_electric_scooter_32.svg
new file mode 100644
index 0000000000..b7a5cf2426
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_electric_scooter_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m26 18a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm-14 4c0 2.211-1.79 4-4 4-2.142 0-4-1.752-4-4h-1a1 1 0 0 1 -.993-.883l-.007-2.117a5 5 0 0 1 4.783-4.995l5.072-.005-.6-2h-4.255c-.57 0-1-.487-1-1s.414-1 1-1h4.256a2 2 0 0 1 1.862 1.27l2.624 8.73h2.797l5.461-6.371v-3.629a.977.977 0 0 0 -1-.993l-3-.007a1 1 0 0 1 -1-1c0-.513.419-1 1-1h3a3 3 0 0 1 2.995 2.824l.005 4.176a1 1 0 0 1 -.156.536l-6.085 7.115a.931.931 0 0 1 -.759.349zm14-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-19.994 2c-.006 1.171.94 2 1.994 2a1.984 1.984 0 0 0 1.995-2h-3.99zm6.437-6h-5.443a3 3 0 0 0 -2.995 2.824l-.005 1.176h9.652z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ev_bus_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ev_bus_20.svg
new file mode 100644
index 0000000000..fa85e39c7b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ev_bus_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m9.00002757 0c-4.97056991 0-9.00002757 4.02942195-9.00002757 8.99997243 0 4.97049537 4.02945766 9.00002757 9.00002757 9.00002757 4.97052583 0 8.99997243-4.0295322 8.99997243-9.00002757 0-4.97055048-4.0294466-8.99997243-8.99997243-8.99997243zm2.61027323 3.03163931c.5624638 0 .8609005.05739302 1.1593372.21809125.2869668.14922846.5050043.37880052.6656924.66576559.1492184.27548426.2066779.55096853.2181478 1.03307426v.56244934c.0802889-.04591221.172158-.08035463.275497-.08035463.2640271 0 .5279439.20662147.5050042.50505632v1.80214507c0 .27548426-.2295073.50505632-.5050042.50505632-.0918691 0-.1837382-.02295059-.275497-.0803436v4.01749997c0 .5624604-.0574596.8608952-.2181478 1.1593301-.1032286.1952068-.2409771.355894-.4016653.4936417v.4820616c0 .3328442-.2640271.5968697-.5969836.5968697h-.355786c-.3328462 0-.5968733-.2295059-.5968733-.6887382h-5.05070449c0 .4476523-.26391684.6887382-.59687336.6887382h-.35578594c-.33284623 0-.59687336-.2640255-.59687336-.5968697v-.4820616c-.17226833-.1377477-.30990653-.2984349-.40178665-.4936417-.14922937-.2754953-.20662273-.5509906-.21809259-1.0330522v-4.15525868c-.08035512.04591221-.17218009.08035463-.2640161.08035463-.27548595 0-.50505941-.22957206-.50505941-.50506735v-1.79066426c0-.27548426.22957346-.50505632.50505941-.50505632.09183601 0 .18366098.02296162.2640161.08035463v-.42471272c0-.56244934.05739337-.86089522.21809259-1.1593411.14922937-.28696507.37884695-.50505632.66581378-.66575456.2753867-.14921742.55088368-.20661044 1.03305854-.21809125-.00788553-.00394652.63121377-.00653643 1.4734276-.00823606l.47686506-.00084158c.08194548-.00012648.16490262-.00024631.24853793-.00035983l.50728206-.00060823c.08501407-.0000897.17003933-.00017379.25474231-.00025262l.97962292-.00071615c.0767889-.00004239.1519216-.00008093.2250646-.00011597zm-5.72786677 8.82706549c-.36736607 0-.6772726.2984349-.6772726.6772685 0 .3787233.29843668.6771581.6772726.6771581.36725579 0 .67716232-.2984348.67716232-.6771581 0-.3788336-.30990653-.6772685-.67716232-.6772685zm6.14100197 0c-.3672558 0-.6771623.2984349-.6771623.6772685 0 .3787233.2984367.6771581.6771623.6771581.3788359 0 .6772726-.2984348.6772726-.6771581 0-.3788336-.3099065-.6772685-.6772726-.6772685zm.6084535-6.5313449h-7.36937882v5.1653382c1.38895476.2181464 2.65163087.3099047 3.68468941.3099047 1.05599821 0 2.28426481-.1032281 3.68468941-.3099047z" fill="#fbba00" fill-rule="evenodd" transform="translate(1 1)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ev_car_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ev_car_20.svg
new file mode 100644
index 0000000000..a1114df4b7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ev_car_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m11 2a1 1 0 0 1 1 1c0 .513-.42 1-1 1-1.48.002-2.96.002-4.44 0-.101 0-.169.077-.192.162-.043.186-.251 1.132-.625 2.838h3.35c.195-.53.795-1 1.407-1 .169-.002.336-.002.5 0-.007-.505.341-1 1-1h3c.5 0 1 .5.993 1.018l.507.002c.78 0 1.5.624 1.5 1.48v9c0 .78-.617 1.499-1.5 1.5-2 .002-4 .009-6 .02-.78 0-1.498-.64-1.5-1.5-.002-.852-.002-1.692 0-2.52a58.71 58.71 0 0 1 -3-.314v1.314h-2.5v-3.02a4.347 4.347 0 0 1 -.125-.549c-.092-.81-.183-1.62-.271-2.431h-.456c-.37 0-.648-.321-.648-.69v-.666a.63.63 0 0 1 .648-.644h1.048l.72-3.268c.206-.941.993-1.73 2.043-1.732 1.514-.002 3.027-.002 4.541 0zm5 6.019h-5v8h5zm-2.764 1.402a.75.75 0 0 1 1.01-.326.742.742 0 0 1 .325 1.01c-.147.29-.34.668-.581 1.135l.273-.001a.751.751 0 0 1 .66 1.118l-1.28 2.268a.75.75 0 0 1 -1.022.284.754.754 0 0 1 -.285-1.022l.642-1.139-.213.002a.747.747 0 0 1 -.674-1.091c.164-.315.545-1.06 1.145-2.238zm-7.316-.401a.75.75 0 0 0 -.435 1.432l1.559.367a.75.75 0 0 0 .435-1.432l-1.56-.367z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ev_car_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ev_car_24.svg
new file mode 100644
index 0000000000..1036ae99c3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ev_car_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m14.75 4a1 1 0 0 1 1 1c0 .513-.402 1-1 1-2.419.002-4.838.002-7.257 0-.143 0-.313.132-.358.292l-.875 3.708h6.74c0-1 1-2 2-2-.006-.537.5-1 .993-1h3.007c.446 0 1 .5 1 1 1 0 2 1 2 2v10c0 1-1 2-2 2h-5c-1 0-2-1-2-2v-1.024a13.23 13.23 0 0 1 -1 .024c-.936 0-2.52-.095-4.75-.286v.286a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1-1v-1.757a2.99 2.99 0 0 1 -.395-1.012l-.034-.223-.371-3.221a2.498 2.498 0 0 1 .033-.787h-.835c-.37 0-.648-.321-.648-.69v-.666a.63.63 0 0 1 .648-.644h1.558l.955-4.091c.246-1.055 1.098-1.909 2.332-1.909 2.419-.002 4.838-.002 7.257 0zm4.75 6h-4c-.245 0-.5.27-.5.5-.003 3-.003 6 0 9 0 .245.197.5.5.5 1.333.003 2.667.003 4 0 .297 0 .5-.254.5-.5v-9c0-.245-.215-.5-.5-.5zm-2.196 2.39a.75.75 0 0 1 1.363.619l-.669 1.254h.245c.534.002.93.574.655 1.112l-1.226 2.234a.75.75 0 0 1 -1.019.296.757.757 0 0 1 -.296-1.018c.165-.3.371-.675.617-1.127h-.232a.753.753 0 0 1 -.658-1.106c.405-.757.812-1.512 1.22-2.264zm-4.304-.39h-7.096l-.028.003a.5.5 0 0 0 -.442.464l.002.09.059.511 1.17.196a1 1 0 0 1 -.213 1.985l-.116-.013-.602-.1.074.643a1 1 0 0 0 .786.864l.115.017.426.039 1.193.102 1.063.082.935.06.804.038.464.014.406.005.406-.005.464-.014.13-.006v-.967h-3.145l-.117-.006a1 1 0 0 1 -.68-.39 21.927 21.927 0 0 1 -.42-.705.994.994 0 0 1 .258-1.304c.369-.279 1.086-.309 1.401.193l.135.216 2.568-.002z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ev_car_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ev_car_32.svg
new file mode 100644
index 0000000000..98b26277e1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ev_car_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m22.267 5.253c.86.068 1.679.465 2.23 1.107a1 1 0 0 1 -.11 1.41c-.387.332-1.002.332-1.41-.109a1.285 1.285 0 0 0 -.849-.413c-2.09-.165-4.3-.248-6.628-.248-1.667 0-3.527.081-5.581.244-.535.058-.919.256-1.08.773-.434 1.66-.867 3.321-1.297 4.983 3.139-.1 5.347-.162 6.626-.184 1.28-.022 2.559-.02 3.839.004-.007-1.32 1.553-2.82 2.993-2.82 0-.574.501-1 1-1h3c.5 0 1 .5.992 1 1.454 0 3.008 1.5 3.008 3 .5 0 1 .5 1 1v1c0 .5-.5 1-1.001 1l.001 9c0 1.566-1.5 3-3 3h-5c-1.44 0-3-1.5-3-3l.001-.51c-1 .021-2 .025-3.001.01-1 0-2.5 0-4-.112v.612c0 1.362-.893 2-2 2h-2c-1.08 0-2-.666-2-2v-2.357a2.977 2.977 0 0 1 -.552-1.334 36.007 36.007 0 0 1 -.446-5.31l-1.002.001a1 1 0 0 1 -1-1v-1a1 1 0 0 1 1-1h2.476l1.425-5.478c.322-1.288 1.434-2.118 2.849-2.27 1.578-.168 3.495-.252 5.75-.252 3.386 0 3.392-.014 6.767.253zm-2.267 19.807c0 .483.363.88.83.935l.11.006h5.12a.94.94 0 0 0 .933-.831l.007-.11v-12.06c0-.448-.431-.926-.893-.992l-.107-.008h-5c-.418 0-.864.377-.974.803l-.02.098-.006.122zm-13-1.247v1.18l.184.007 1.712-.002.104-.005v-.801a19.022 19.022 0 0 1 -1.623-.289zm9.53-9.011-1.34.002-.917.01-1.763.036-1.623.043-3.301.107c-.986 0-1.333.192-1.474.578-.023.064-.043.13-.059.202l-.021.112-.022.188-.007.105-.004.237.002.134.007.193.116.009 2 .25a1 1 0 0 1 -.131 1.992l-.117-.008-1.688-.211.221 2.1c.045.467.243.725.632.867l.123.04c1.336.376 2.967.578 5.037.66l.673.023.658.015 1.267.012 2.129.001 1.071-.01v-1.489h-5.749a1 1 0 0 1 -.96-.718l-.026-.118-.25-1.5a1 1 0 0 1 1.947-.442l.025.114.111.664h4.902v-4.181l-.27-.004-1.198-.013zm6.576.75a1 1 0 0 1 1.341-.446c.459.229.724.792.447 1.341-.257.52-.516 1.038-.776 1.553h.382c.704 0 1.246.74.894 1.447l-1.5 3a1 1 0 0 1 -1.788-.894c.257-.52.515-1.038.775-1.553h-.381c-.704 0-1.241-.75-.894-1.447l1.5-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ev_train_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ev_train_20.svg
new file mode 100644
index 0000000000..d2afdadec2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ev_train_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><g fill="#282d37" fill-rule="evenodd" transform="translate(4 1)"><path d="m3.86088197.98226482c-.15652347 0-.31304693.04911598-.46957039.14734109-.07825809.07366712-.20869309.09822511-.31303964.09822511-.15652346 0-.31304693-.07366712-.41739347-.19645022-.15652347-.19645708-.10434655-.54024839.10434654-.68758949.31304693-.22100821.70435194-.34379131 1.09565696-.34379131h4.27827398c.39132689 0 .75655073.1227831 1.09567154.34379131.2086785.17189909.26088459.49113241.10433925.68758949-.07823621.1227831-.23478155.19645022-.41742993.19645022-.1304423 0-.23478155-.04910912-.31301776-.09822511-.1304423-.09822511-.28698764-.14734109-.4695631-.14734109z" fill-rule="nonzero"/><path d="m11.2956554 12.7448777c0 1.596201-1.35648327 2.9222502-3.0521602 2.9959654-.02610304-.4175133-.39132689-.6385216-.75655073-.5893781-.99127395.1227899-2.00866553.1227899-2.99997594 0-.36521655-.0491435-.70435194.1718648-.75652157.5893781-1.66957389-.0737152-2.97392393-1.3261179-3.05218202-2.8731754v-7.48976234c0-1.96452963 1.69565506-3.56071682 3.78261513-3.60982595h2.92172514c.34539137 0 .68101233.04133266 1.0011027.11896008 1.63807529.39729314 2.86834519 1.74520986 2.91194749 3.36808276zm-8.55651885.5157316c0 .2946548.23478155.5648064.6000054.5648064h1.06956849c.36521656 0 .59999811-.2701516.59999811-.5648064 0-.2947233-.23478155-.5648064-.59999811-.5648064h-1.06956849c-.36522385 0-.6000054.2700831-.6000054.5648064zm4.82611704-.5648064c-.3391208 0-.60000539.24558-.60000539.5648064 0 .2946548.23478155.5648064.60000539.5648064h1.0695685c.3391208 0 .6000054-.2455799.6000054-.5648064 0-.2947233-.23478155-.5648064-.6000054-.5648064zm1.61736781-8.07915415c0-.73669861-.65213856-1.35061412-1.43479234-1.35061412h-3.547819c-.78261003 0-1.40869659.61391551-1.40869659 1.35061412l.31304693 5.45155875c0 .6630246.54782118 1.1787562 1.22608467 1.1787562h3.28694169c.67831453 0 1.22611384-.5402347 1.22611384-1.1787562z"/><path d="m9.96527518 17.0177489h1.51302852c.2869148 0 .5216963.2210082.5216963.4911599 0 .270083-.2347815.4910912-.5216963.4910912h-10.95656222c-.28695847 0-.52174148-.2210082-.52174148-.4910912 0-.2701517.23478301-.4911599.52174148-.4911599h1.51305042v-.12279c0-.270083.23478155-.4910912.52174002-.4910912.28695118 0 .52174002.2210082.52174002.4910912v.12279h5.84346487v-.12279c0-.270083.23478155-.4910912.52176918-.4910912.28698764 0 .52176919.2210082.52176919.4910912z" fill-rule="nonzero"/></g></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ferry_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ferry_20.svg
new file mode 100644
index 0000000000..0870e0b509
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ferry_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16.002 15.341c.07.08.445.659.998.659a1 1 0 0 1 1 1c0 .513-.43 1.001-1.004 1-.548 0-1.13-.221-1.746-.663-.577.435-1.16.653-1.75.653s-1.173-.217-1.75-.652c-.583.435-1.168.655-1.753.662s-1.167-.214-1.747-.662c-.583.435-1.166.655-1.75.662s-1.167-.214-1.75-.662c-.574.435-1.158.655-1.75.662a1 1 0 0 1 0-2c.12 0 .598-.202.997-.658a1 1 0 0 1 1.506 0c.069.079.484.658.997.658s.929-.58.997-.659a1 1 0 0 1 1.505 0c.07.08.5.659.998.659.5 0 .929-.58.998-.659a1 1 0 0 1 1.504 0c.07.079.5.659.998.659.499 0 .929-.58.998-.659a1 1 0 0 1 1.504 0zm-4.002-13.341a1 1 0 0 1 .936.649l1.564 4.351h2.5a1 1 0 0 1 1 1.034c-.077 2.225-1.05 4.31-2.678 5.722a1 1 0 0 1 -1.31-1.512c.935-.81 1.485-1.733 1.865-3.244-4.261-.02-8.553-.02-12.877 0-.513 0-1-.487-1-1a1 1 0 0 1 .883-.993l9.554-.007-1.187-3h-8.25c-.513 0-1-.487-1-1a1 1 0 0 1 .883-.993zm0 8a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-4 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-4 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ferry_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ferry_24.svg
new file mode 100644
index 0000000000..67372e1ae3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ferry_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.414 19.252.129.105.186.134c.07.048.15.098.234.149.331.196.649.32.91.352l.127.008a1 1 0 0 1 .117 1.993l-.121.007c-.701-.001-1.386-.245-2.052-.64l-.194-.12-.194.12c-.592.351-1.199.583-1.819.63l-.253.01c-.697-.004-1.377-.247-2.04-.64l-.194-.12-.194.12c-.592.351-1.199.583-1.818.63l-.241.01c-.702 0-1.387-.245-2.054-.64l-.193-.12-.193.12c-.594.352-1.202.584-1.823.631l-.234.009c-.703 0-1.39-.244-2.058-.64l-.192-.119-.192.12c-.668.394-1.355.639-2.058.639a1 1 0 0 1 -.117-1.993l.117-.007c.282 0 .651-.131 1.038-.36.127-.076.24-.15.333-.218l.158-.121.056-.048a1 1 0 0 1 1.231-.077l.227.182c.106.081.25.181.42.282.33.196.649.32.91.352l.127.008.126-.008c.261-.031.58-.156.911-.352.085-.05.163-.1.234-.149l.186-.133.129-.105a1 1 0 0 1 1.328 0l.129.105.186.133c.07.048.15.098.234.149.331.196.65.32.91.352l.128.008c.282 0 .65-.131 1.036-.36.085-.05.163-.1.234-.149l.186-.134.129-.105a1 1 0 0 1 1.23-.077l.227.182.186.134c.07.048.15.098.234.149.33.195.646.319.907.351l.13.009c.282 0 .65-.131 1.036-.36.085-.05.163-.1.234-.149l.186-.134.129-.105a1 1 0 0 1 1.328 0zm-6.15-17.252a2 2 0 0 1 1.855 1.25l.055.153 2.061 6.597h3.765a1 1 0 0 1 1 1.037 9.1 9.1 0 0 1 -3.371 6.74 1 1 0 0 1 -1.258-1.554 7.1 7.1 0 0 0 2.502-4.157l.011-.066h-16.884a1 1 0 0 1 -.993-.883l-.007-.117a1 1 0 0 1 .883-.993l.117-.007h12.139l-.625-2h-9.514a1 1 0 0 1 -.117-1.993l.117-.007h8.889l-.624-2h-10.265a1 1 0 0 1 -.117-1.993l.117-.007h10.265zm-2.014 11.75a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zm4 0a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zm-8 0a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zm-4 0a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ferry_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ferry_32.svg
new file mode 100644
index 0000000000..05ef0fae69
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ferry_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m7.003 24.34c.337.47 1.074 1.655 2.497 1.66 1.494.007 2.074-1.138 2.474-1.63a1 1 0 0 1 1.552 0c.4.492.967 1.63 2.473 1.63 1.505 0 2.102-1.171 2.475-1.63a1 1 0 0 1 1.467-.093c.414.398 1.06 1.732 2.552 1.723s2.108-1.171 2.481-1.63a1 1 0 0 1 1.467-.093c.415.399 1.612 1.712 2.557 1.723.594.007 1.002.448 1.002 1 0 .513-.434 1-1 1-1.01 0-2.093-.52-3.25-1.558-1.07 1.033-2.156 1.55-3.257 1.55-1.102 0-2.183-.517-3.243-1.551-1.101 1.034-2.184 1.554-3.25 1.56-1.066.005-2.149-.515-3.25-1.559-1.133 1.039-2.216 1.558-3.25 1.558-1.032 0-2.116-.519-3.25-1.557-1.107 1.033-2.19 1.552-3.25 1.557a1 1 0 0 1 -.117-1.993c1.297-.138 2.171-1.14 2.59-1.637.42-.498 1.193-.498 1.53-.03zm10.51-21.34c1.261 0 2.474.814 2.873 2.136.79 2.62 1.579 5.242 2.365 7.864h5.25a1 1 0 0 1 .998 1.037 11.8 11.8 0 0 1 -4.37 8.74 1 1 0 1 1 -1.258-1.554c1.876-1.518 2.994-3.377 3.535-6.223h-22.906c-.513 0-1-.424-1-1s.419-1 1-1c5.554-.002 11.109-.002 16.663 0l-.903-3h-13.76a1 1 0 0 1 -.117-1.993l.117-.007h13.159l-.688-2.288a.993.993 0 0 0 -.958-.712h-13.513a1 1 0 1 1 0-2c4.504-.002 9.009-.002 13.513 0zm-2.013 14a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm5 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-10 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-5 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_handcart_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_handcart_20.svg
new file mode 100644
index 0000000000..0acc8ea663
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_handcart_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m4.5 14a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm7 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-2.856.75a.75.75 0 0 1 .75.75c0 .38-.315.75-.75.75h-1.144a.75.75 0 0 1 -.75-.75c0-.38.318-.75.75-.75zm5.393-11.75a3 3 0 0 1 2.943 2.422l1.011 7.444c.059.471-.203.848-.541 1.028l-2.003 1a1 1 0 0 1 -1.341-.447 1.01 1.01 0 0 1 .447-1.341l1.359-.681-.884-6.559c-.062-.458-.429-.866-1.028-.866a.986.986 0 0 1 -.985-1c0-.513.404-1 1.022-1zm-1.037 4a1 1 0 0 1 1 1c0 .513-.418.993-.985 1l-.015 2c.016 1.547-.47 2-2 1.998h-6.003c-1.57.002-1.998-.484-1.998-1.998v-2.007a.995.995 0 0 1 -.999-.993c0-.513.423-1 .999-1zm-2.001 2h-6l.001 2h6z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_handcart_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_handcart_24.svg
new file mode 100644
index 0000000000..ac47ce8753
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_handcart_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m5 16a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm10 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm-3.553.606a1 1 0 0 1 -.787 1.835 1.523 1.523 0 0 0 -.66-.171c-.205 0-.39.041-.553.124a1 1 0 0 1 -.894-1.788 3.236 3.236 0 0 1 2.894 0zm6.579-12.606a2.46 2.46 0 0 1 2.387 1.865l1.597 8.96c.104.569-.245.953-.733 1.143l-2.409.96a1 1 0 0 1 -.742-1.857l1.771-.708-1.418-7.983a.46.46 0 0 0 -.453-.38 1 1 0 0 1 0-2zm-1.026 5a1 1 0 0 1 1 1c0 .513-.349.993-1 1l-.005 1.71c-.074 1.2-.947 2.2-2.1 2.284h-9.887c-.993 0-2.002-1.203-2.002-2.284l-.006-1.717c-.57 0-1-.48-1-.993s.415-1 .999-1zm-2.001 2h-10c.001.787.002 1.287.001 1.499-.001.318.2.501.5.501h9.002a.518.518 0 0 0 .498-.501z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_handcart_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_handcart_32.svg
new file mode 100644
index 0000000000..3bbc2d9185
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_handcart_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m7 21a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm13 0a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm-13 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm13 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-4.445-.832a1 1 0 0 1 -1.009 1.723 1.853 1.853 0 0 0 -1.01-.336 1.637 1.637 0 0 0 -.981.277 1 1 0 1 1 -1.11-1.664 3.704 3.704 0 0 1 4.11 0zm9.445-18.168c1.356 0 2.516.95 2.795 2.261 1.397 9.31 2.129 14.173 2.194 14.59.098.628-.41 1.038-.746 1.12-.225.053-1.558.386-4 1a1 1 0 0 1 -1.213-.728 1.009 1.009 0 0 1 .727-1.213l3.119-.781-2.028-13.518a.863.863 0 0 0 -.848-.731 1 1 0 1 1 0-2zm-1 8a1 1 0 0 1 1 1c0 .513-.426 1-1.005 1v2.997c-.084 1.599-1.285 2.907-2.823 2.998h-15.344c-1.538-.091-2.74-1.4-2.823-2.998l-.005-2.997a1 1 0 0 1 -1-1c0-.513.433-1 1-1zm-2 2h-17l.006 2.95c.053.562.542.986.994 1.043h15.105c.452-.057.836-.481.889-1.043z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ice_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ice_20.svg
new file mode 100644
index 0000000000..2cefee3d7e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ice_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m12 18h-4a1 1 0 0 1 -.975-.779c-.6-.425-1.119-1.068-1.517-2.02.701.504 1.199.847 1.493 1.028.44.27.997.469 1.658.513h2.682a3.732 3.732 0 0 0 1.66-.513c.326-.198.903-.6 1.732-1.204-.416 1.003-1.017 1.782-1.774 2.259-.148.477-.468.716-.959.716zm-2.026-16c3.684 0 5.474 2.502 5.52 6.006l.003 2.008c0 .78-.036 1.745-.147 2.612-.364.316-.816.676-1.355 1.078-.54.403-1.086.79-1.642 1.16a2.34 2.34 0 0 1 -1.26.386h-2.186c-.474 0-.946-.175-1.26-.386a52.545 52.545 0 0 1 -1.643-1.16 24.367 24.367 0 0 1 -1.142-.898c-.244-1.312-.366-2.244-.366-2.798v-2.002c.001-3.504 1.709-6.006 5.478-6.006zm-1.801 9.168a.75.75 0 0 0 -1.41.47l.564 1.694a.75.75 0 0 0 1.41-.47zm4.564-.38a.75.75 0 0 0 -.91.38l-.564 1.694a.75.75 0 0 0 1.41.47l.564-1.694a.75.75 0 0 0 -.5-.85zm-2.737-6.788c-1.154 0-2.072.182-2.754.546a2.271 2.271 0 0 0 -1.144 2.276c.197.947.321 1.51.374 1.692.16.546.596.962 1.141 1.1.97.173 1.764.261 2.383.265.62.004 1.369-.076 2.248-.238a1.595 1.595 0 0 0 1.28-1.127 25.16 25.16 0 0 0 .372-1.696c.128-.864-.674-2.062-1.333-2.365-.66-.302-1.515-.453-2.567-.453z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ice_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ice_24.svg
new file mode 100644
index 0000000000..b442b6a895
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ice_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m13.046 2c2.171 0 3.428.756 4.4 2.04a7.55 7.55 0 0 1 1.512 4.049l.073 2.613c.04 1.553-.11 3.106-.444 4.623a43.494 43.494 0 0 1 -.562 2.256c-.202.689-.424 1.272-.983 2.045-.388.536-.779.87-1.303 1.105a.84.84 0 0 1 .111.419c0 .433-.351.85-.85.85h-6a.85.85 0 0 1 -.733-1.281c-.634-.291-.866-.533-1.289-1.087a5.935 5.935 0 0 1 -.926-1.778c-.164-.548-.124-.447-.504-1.946a19.06 19.06 0 0 1 -.585-4.583 50.42 50.42 0 0 1 .065-2.922 7.546 7.546 0 0 1 1.527-4.362c.927-1.227 2.185-2.041 4.445-2.036zm3.406 14.869-.992.66c-.635.407-1.79.59-3.463.59s-2.78-.155-3.457-.59l-.995-.66c.095.44.253.857.475 1.25.333.592.757 1.19 1.552 1.172.795-.016 4.168.009 4.909.009.74 0 1.098-.483 1.46-1.101.242-.412.412-.855.511-1.33zm-5.452-13.169c-1.52 0-2.369.413-3.089 1.366a5.848 5.848 0 0 0 -1.17 3.099l-.073 2.623c-.03 1.211.067 2.421.288 3.61l1.519 1.048.985.653c.152.097 1.187.32 2.537.32s2.238-.124 2.543-.32l1.45-.969 1.049-.726c.193-1.032.292-2.079.298-3.128l-.063-2.83a5.847 5.847 0 0 0 -1.184-3.38c-.688-.909-1.46-1.366-3.044-1.362zm3.88 9.04a.85.85 0 0 1 .422 1.042l-.542 1.098a.85.85 0 0 1 -1.562-.662l.542-1.098a.85.85 0 0 1 1.14-.38zm-4.673.287.553 1.093a.85.85 0 0 1 -1.467.853l-.553-1.093a.85.85 0 0 1 1.467-.853zm1.793-8.027c.803 0 1.492.093 2.068.278a2.5 2.5 0 0 1 1.681 2.89l-.274 1.318a2 2 0 0 1 -1.636 1.566c-.742.132-1.355.198-1.839.198s-1.097-.066-1.84-.198a2 2 0 0 1 -1.635-1.566l-.274-1.318a2.5 2.5 0 0 1 1.681-2.89c.576-.185 1.265-.278 2.068-.278zm0 1.7c-.636 0-1.153.07-1.547.196a.8.8 0 0 0 -.553.816c.13.672.218 1.095.26 1.269.065.26.1.365.275.393.175.029 1.038.173 1.565.176s1.115-.113 1.454-.156.339-.225.385-.413c.031-.126.113-.512.246-1.16a.8.8 0 0 0 -.538-.925c-.394-.126-.91-.196-1.547-.196z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ice_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ice_32.svg
new file mode 100644
index 0000000000..1cbadfc2e0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ice_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m17.486 2c3.086 0 4.872 1.074 6.252 2.9a10.727 10.727 0 0 1 2.155 5.826l.098 3.64a27.36 27.36 0 0 1 -.676 6.771l-.753 3.004c-.23.753-.417 1.282-.562 1.587-.217.457-.878 1.422-1.12 1.71-.242.287-.93.99-1.911 1.317a.999.999 0 0 1 -.969 1.245h-8a1 1 0 0 1 -.965-1.262 4.39 4.39 0 0 1 -2.03-1.484c-.521-.688-.724-1.004-.997-1.526-.182-.348-.388-.937-.618-1.765l-.56-2.2a27.089 27.089 0 0 1 -.83-6.717l.092-3.946c.056-2.24.815-4.407 2.17-6.199 1.331-1.761 3.198-2.901 6.318-2.901h2.907zm-8.139 21.542c.087.423.222.81.404 1.162.183.352.44.763.771 1.234.412.611 1.233 1.062 1.853 1.055l7.15.007c.736 0 1.497-.323 1.965-1.046.468-.722.711-1.092.895-1.542.123-.3.21-.59.265-.87-1.359.856-2.161 1.348-2.409 1.476-.37.192-.771.31-1.336.381-1.022.066-1.99.101-2.905.104s-1.83-.026-2.747-.086c-.704-.074-1.162-.21-1.595-.453s-1.613-1.01-2.311-1.422zm5.232-19.542c-2.288 0-3.618.647-4.721 2.106a8.726 8.726 0 0 0 -1.751 4.703l-.1 3.669c-.051 2.08.138 4.232.663 6.38.775.43 1.447.814 2.014 1.152.852.507 1.167.725 1.759 1.077s1.723.415 3.575.415c1.851 0 2.818.045 3.575-.415s1.11-.703 1.74-1.077a58.642 58.642 0 0 1 1.988-1.14c.454-1.738.68-3.68.679-5.826l-.09-3.895a8.725 8.725 0 0 0 -1.767-5.043c-1.068-1.412-2.23-2.102-4.657-2.102l-2.906-.004zm-1.985 13.54.94 2.896a1 1 0 0 1 -1.86.723l-.941-2.896a1 1 0 0 1 1.861-.722zm6.7.027a1 1 0 0 1 1.89.61l-.961 2.982a1 1 0 0 1 -1.89-.61l.96-2.982zm-3.294-11.567c2.105 0 3.69.433 4.757 1.298 1.067.866 1.252 1.757 1.143 2.713-.084.738-.15 1.313-.414 2.43s-1.23 1.998-2.39 2.2a13.62 13.62 0 0 1 -3.096.359c-1.549 0-1.868-.117-3.097-.36-1.23-.242-2.132-1.099-2.407-2.27a25.3 25.3 0 0 1 -.412-2.333 3 3 0 0 1 .914-2.524c1.062-1.009 2.73-1.513 5.002-1.513zm0 2c-1.805 0-2.987.358-3.625.963a1.003 1.003 0 0 0 -.313.695c-.004.169.123.92.381 2.255a1 1 0 0 0 .681.729c1.24.235 2.196.355 2.867.358.67.003 1.591-.107 2.763-.33.344-.06.628-.293.752-.593.124-.301.33-1.612.407-2.292.031-.279.02-.557-.416-.934-.592-.511-1.812-.851-3.497-.851z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ice_side_view_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ice_side_view_20.svg
new file mode 100644
index 0000000000..7f99bc3b1d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ice_side_view_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 16c0-.546.449-1 1.015-1h7.746c4.839 0 5.239-.966 5.239-2 0-2.498-6.254-8-12.439-8h-.561a1 1 0 0 1 -1-1.005.991.991 0 0 1 1-.995h.561c6.83 0 14.439 5.98 14.439 10 0 2.813-2.4 4-7.239 4h-7.746a1.008 1.008 0 0 1 -1.015-1zm0-8.863v2.602c0 .635.48 1.092 1.142 1.095 3.994.019 5.46.236 7.536.896.352.113.71.029.972-.234l.496-.496c.215-.215.313-.507.293-.8a.972.972 0 0 0 -.43-.722 16.938 16.938 0 0 0 -8.954-3.278c-.548-.039-1.055.389-1.055.937z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ice_side_view_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ice_side_view_24.svg
new file mode 100644
index 0000000000..28a8700cd1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ice_side_view_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2 19.999c0-.531.438-1 1-1h10.5c4.313 0 6.5-.655 6.5-2.78 0-3.594-8.063-10.219-15.719-10.219h-1.281c-.563 0-1-.469-1-1 0-.563.438-1 1-1h1.281c8.563 0 17.719 7.156 17.719 12.219 0 3.562-3.688 4.78-8.063 4.78h-10.937c-.563 0-1-.438-1-1zm0-6.999c0-.563.438-1 1-1h.125c3.531 0 6.156.25 7.875.813l.563-.532c-2.313-1.5-5-2.282-7.72-2.282h-.843c-.531 0-1-.469-1-1 0-.563.469-1 1-1h.844c3.562 0 7 1.189 9.844 3.314.25.156.437.468.437.843a.9.9 0 0 1 -.281.656l-1.875 1.876a.97.97 0 0 1 -.688.28c-.156 0-.281-.03-.406-.062-1.438-.594-4.063-.906-7.75-.906h-.125c-.563 0-1-.438-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ice_side_view_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ice_side_view_32.svg
new file mode 100644
index 0000000000..3a6fcac188
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_ice_side_view_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m2 26c0-.563.438-1 1-1h16c6.406 0 9-1.188 9-4.031 0-2.594-2.906-6.282-7.156-9.188-3.938-2.719-9.064-4.781-14.157-4.781h-3.687c-.563 0-1-.438-1-1 0-.563.438-1 1-1h3.688c5.753 0 11.28 2.156 15.875 5.594 4.592 3.312 7.437 7.281 7.437 10.375 0 4.468-3.688 6.031-11 6.031h-16c-.563 0-1-.438-1-1zm0-11c0-.563.438-1 1-1h2.094c3.469 0 6.906.219 10.312.719l.938-.938c-3.125-1.844-6.719-2.781-10.344-2.781h-3c-.563 0-1-.438-1-1 0-.563.438-1 1-1h3c4.469 0 8.813 1.281 12.5 3.781.282.177.5.474.5.781 0 .289-.127.534-.344.75l-2.186 2.188c-.213.213-.543.33-.844.281-3.5-.531-7-.781-10.531-.781h-2.095c-.563 0-1-.438-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_intercity_train_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_intercity_train_20.svg
new file mode 100644
index 0000000000..b70c5fd853
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_intercity_train_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15.268 15.594c-.752 1.288-2.16 2.173-3.785 2.25l-2.733.006c-1.72 0-3.227-.905-4.016-2.251.561.242 2.39.86 3.109.903.72.044 1.08.044 2.157.044 1.078 0 1.392 0 2.156-.044.763-.043 2.204-.582 3.112-.908zm-3.818-13.444c2.349 0 4.283 1.766 4.395 4.005.003 4.982.004 7.473.001 7.473-.48.405-2.742 1.221-3.438 1.321s-.908.1-2.408.1-1.769 0-2.41-.1c-.64-.1-2.548-.723-3.436-1.322-.003 0-.004-2.422-.004-7.267 0-2.267 1.865-4.1 4.188-4.205zm-4.43 9.768a.85.85 0 0 0 -.251 1.668l1.21.182a.85.85 0 0 0 .252-1.668l-1.21-.182zm4.749.182a.85.85 0 0 0 .251 1.668l1.211-.182a.85.85 0 0 0 -.251-1.668zm-3.375-8.573a2 2 0 0 0 -1.804 2.15l.29 3.639c.07.864.756 1.55 1.62 1.62a19.26 19.26 0 0 0 3 0 1.765 1.765 0 0 0 1.62-1.62l.29-3.64a2 2 0 0 0 -1.804-2.149 95.175 95.175 0 0 0 -3.212 0z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_intercity_train_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_intercity_train_24.svg
new file mode 100644
index 0000000000..c6dc29a7b0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_intercity_train_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m13.74 2c2.835 0 5.142 2.267 5.256 5.1l.004 9.337c0 2.997-2.343 5.445-5.284 5.56l-3.216.003c-2.968 0-5.383-2.377-5.496-5.345l-.004-9.335c0-2.862 2.236-5.2 5.043-5.316zm-6.579 15.508a3.548 3.548 0 0 0 2.055 2.245c.23-.288.61-.438.994-.356.713.153 1.312.228 1.79.228s1.077-.075 1.79-.228a1 1 0 0 1 .993.356 3.546 3.546 0 0 0 2.034-2.176c-1.049.34-1.771.57-2.166.69-.593.178-1.496.283-2.651.283-1.134 0-1.932-.096-2.537-.284-.403-.124-1.17-.377-2.302-.758zm9.44-11.782-.517 5.778c-.14 1.342-1.147 2.404-2.418 2.49l-3.192.006c-1.298 0-2.356-1.014-2.566-2.348l-.513-5.917a3.344 3.344 0 0 0 -.386 1.341l-.009 8.766c1.642.57 2.611.9 2.907.992.444.137 1.098.216 2.093.216 1.018 0 1.763-.089 2.207-.216a128.52 128.52 0 0 0 2.793-.904v-8.61a3.35 3.35 0 0 0 -.4-1.594zm-7.52 8.778 1.1.268a.75.75 0 0 1 -.263 1.474l-1.1-.268a.75.75 0 0 1 .264-1.474zm6.647.564a.75.75 0 0 1 -.449.878l-1.097.282a.75.75 0 0 1 -.461-1.424l1.097-.282a.75.75 0 0 1 .91.546zm-1.988-11.068c-.311-.01-1.471-.01-3.48 0a3.2 3.2 0 0 0 -.993.157l.61 7.135c.038.384.305.718.623.708h2.947c.293 0 .548-.225.627-.57l.658-7.273c-.25-.082-.525-.14-.992-.157z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_intercity_train_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_intercity_train_32.svg
new file mode 100644
index 0000000000..bfb3396ae2
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_intercity_train_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m18.5 2c3.975 0 7.365 3.34 7.496 7.264l.004 13.144c0 4.118-3.342 7.461-7.504 7.588l-4.746.004c-4.193 0-7.616-3.264-7.746-7.35l-.004-13.15c0-3.946 3.311-7.364 7.262-7.496zm-10.114 22.426c.63 1.581 1.978 2.817 3.658 3.324a.997.997 0 0 1 1.097-.705 20.068 20.068 0 0 0 5.716 0 1 1 0 0 1 1.101.704c1.661-.501 2.999-1.716 3.636-3.274-1.922.465-3.24.775-3.955.928-1.073.23-2.146.356-3.639.356s-2.567-.127-3.638-.356c-.715-.153-2.04-.48-3.976-.977zm14.046-18.694-.37 9.199a3 3 0 0 1 -2.257 2.787l-1.117.22a14.307 14.307 0 0 1 -4.931.077l-1.386-.258a3 3 0 0 1 -2.421-2.646l-.382-9.38c-.902.94-1.49 2.178-1.561 3.503l-.007 12.943c.935.365 2.529.788 4.78 1.27.941.202 1.876.312 3.22.312s2.279-.11 3.22-.312c.94-.202 2.635-.562 4.78-1.166v-12.781c0-1.425-.606-2.766-1.568-3.768zm-11.048 13.552 2.086.441a1 1 0 0 1 -.304 1.974l-2.087-.442a1 1 0 0 1 .305-1.973zm10.356.786a1 1 0 0 1 -.655 1.156l-2.083.455a1 1 0 0 1 -.533-1.924l2.083-.455a1 1 0 0 1 1.188.768zm-8.24-16.07c-.692 0-1.362.142-1.983.397l.419 10.454c.047.452.254.792.7.914.561.139 1.952.42 3.36.427 1.41.006 2.747-.297 3.257-.4.512-.106.763-.448.8-.827l.43-10.568a5.237 5.237 0 0 0 -1.688-.388l-5.295-.01z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_local_bus_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_local_bus_20.svg
new file mode 100644
index 0000000000..5096992679
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_local_bus_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13.436 2c.964 0 1.477.1 2.012.385.5.268.9.666 1.167 1.167.224.42.334.826.37 1.446l1.015.002v4h-1v5.718c0 .484-.058.913-.252 1.242-.194.33-.458.608-.748.764v1.276h-2.5v-1h-7v1h-2.5v-1.274a1.908 1.908 0 0 1 -.748-.766c-.164-.306-.234-.6-.249-1.043l-.003-5.917h-1v-4l1.015-.002c.036-.62.146-1.027.37-1.446.268-.5.666-.9 1.167-1.167.49-.262 1.034-.385 1.842-.383zm-6.956 10.75h-1.5v1.5h1.5zm8.608 0h-1.5v1.5h1.5zm-1.482-8.749h-7.212c-.321 0-.752 0-1.067.27-.316.268-.324.731-.326 1.123-.002.262 0 2.047.002 5.354 1.879.145 3.545.217 4.997.217s3.118-.072 4.997-.217l.002-5.354c0-.42-.008-.856-.32-1.124s-.702-.268-1.073-.269zm-.606.999v1.7h-6v-1.7z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_local_bus_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_local_bus_24.svg
new file mode 100644
index 0000000000..eb1a29e4f8
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_local_bus_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.436 2c.964 0 1.477.1 2.012.385.5.268.9.666 1.167 1.167.262.49.367.962.383 1.78l.002.802a.995.995 0 0 1 .5-.134c.513 0 1 .433 1 1v3a1 1 0 0 1 -1.5.866v6.57c0 .964-.1 1.477-.385 2.012-.16.3-.366.561-.613.781l-.002.771a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1-1h-8a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1-1v-.77a2.826 2.826 0 0 1 -.615-.782c-.262-.49-.367-.962-.383-1.78v-6.802a.995.995 0 0 1 -.502.134c-.513 0-1-.426-1-1v-3a1 1 0 0 1 1.501-.866l-.001-.57c0-.964.1-1.477.385-2.012.268-.5.666-.9 1.167-1.167.49-.262 1.005-.385 1.842-.383zm-4.436 13.15c-1.76 0-3.758-.147-5.999-.441v2.897c.001.406 0 .763.299 1.076.298.312.7.317 1.094.317h9.212c.49 0 .87-.024 1.13-.317.262-.294.264-.722.263-1.076v-2.897c-2.24.294-4.24.441-5.999.441zm-4 .85a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm8 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm.606-11.999c-.395-.004-8.725.003-9.212 0-.486-.003-.79.034-1.066.265-.275.23-.326.581-.327 1.128l.001 7.297c2.265.306 4.265.459 5.998.459s3.733-.153 5.998-.459c.001-4.549.002-6.981.001-7.297-.001-.473.001-.759-.262-1.074s-.737-.315-1.131-.319zm-1.606.999a1 1 0 0 1 1 1c0 .513-.383 1-1 1h-6a1 1 0 0 1 -1-1c0-.513.424-1 1-.998z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_local_bus_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_local_bus_32.svg
new file mode 100644
index 0000000000..799b697a9b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_local_bus_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m9.58 2.002h12.84c1.197.017 1.845.157 2.517.517.663.355 1.19.881 1.544 1.544.36.672.5 1.32.517 2.518l.002 16.855c0 .964-.1 1.477-.385 2.012-.16.3-.367.562-.614.782l-.001 1.488c0 .557 0 2.296-2.282 2.282-.522-.003-1-.003-1.436 0-2.264 0-2.264-1.64-2.279-2.083l-.003-.917h-8v.718c0 .557 0 2.282-2.282 2.282h-1.436c-2.283 0-2.282-1.599-2.282-2.282v-1.488a2.826 2.826 0 0 1 -.615-.782c-.262-.49-.367-.962-.383-1.78l-.002-16.822c0-1.37.134-2.063.519-2.783a3.726 3.726 0 0 1 1.544-1.543c.672-.36 1.32-.5 2.518-.517zm-1.573 24.998-.007 1h2v-1h-1.994zm15.996 0h-2v1h2zm.997-3.564v-3.348c-3.218.508-5.78.662-9 .662-3 0-6-.22-8.999-.662.005 2.226.004 3.42-.001 3.58-.008.24-.003.7.283 1.015.285.316.678.316 1.46.316h14.863c.396 0 .85-.01 1.123-.316.272-.304.27-.683.271-1.247zm-14.75-1.936a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zm11.5 0a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zm-12.322-17.495c-.76.019-1.087.098-1.422.278a1.727 1.727 0 0 0 -.723.723c-.18.335-.26.663-.278 1.422v11.638c2.84.467 6.227.684 8.995.684 3 0 6-.228 9-.684l-.01-11.819c-.028-.633-.108-.934-.273-1.24a1.726 1.726 0 0 0 -.723-.724c-.335-.18-.663-.26-1.422-.278zm19.572 3.01c.513 0 1 .44 1 1v4a1 1 0 0 1 -1 1c-.513 0-1-.423-1-1v-4a1 1 0 0 1 1-1zm-26 0c.513 0 1 .41 1 .985v4.015a1 1 0 0 1 -1 1c-.513 0-1-.424-1-1v-4a1 1 0 0 1 1-1zm18-1.015a1 1 0 0 1 0 2h-10a1 1 0 0 1 -1-1c0-.513.424-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_local_train_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_local_train_20.svg
new file mode 100644
index 0000000000..ca01279c62
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_local_train_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m11.744 2c.964 0 1.477.1 2.012.385.5.268.899.666 1.166 1.167.263.49.368.962.384 1.78l.002 9.104c0 .964-.1 1.477-.386 2.012-.267.5-.666.9-1.166 1.167-.49.262-.963.367-1.78.383l-3.72.002c-.964 0-1.477-.1-2.012-.385a2.817 2.817 0 0 1 -1.166-1.167c-.263-.49-.368-.962-.384-1.78l-.002-9.104c0-.964.1-1.477.386-2.012.267-.5.666-.9 1.166-1.167.49-.262.963-.367 1.78-.383zm-4.744 12.5a.75.75 0 0 0 -.102 1.493l1.352.007a.75.75 0 0 0 .102-1.493zm4.75 0a.75.75 0 0 0 -.102 1.493l1.352.007a.75.75 0 0 0 .102-1.493zm.552-10.5-4.674.002a1 1 0 0 0 -.93.951l.475 6.843c.055.536.151 1.202 1.143 1.202l3.22.002c1.115 0 1.243-.595 1.278-1.056.326-4.614.488-6.928.488-6.944a1 1 0 0 0 -1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_local_train_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_local_train_24.svg
new file mode 100644
index 0000000000..f19582d440
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_local_train_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.982 2c1.668 0 2.55.174 3.443.652a4.634 4.634 0 0 1 1.923 1.923c.448.838.629 1.665.65 3.14l.002 8.267c0 1.668-.174 2.55-.652 3.443a4.634 4.634 0 0 1 -1.923 1.923c-.838.448-1.665.629-3.14.65l-2.267.002c-1.668 0-2.55-.174-3.443-.652a4.634 4.634 0 0 1 -1.923-1.923c-.448-.838-.629-1.665-.65-3.14l-.002-8.267c0-1.668.174-2.55.652-3.443a4.634 4.634 0 0 1 1.923-1.923c.838-.448 1.665-.629 3.14-.65zm-2.44 2.005c-1.03.026-1.527.145-2.024.411a2.635 2.635 0 0 0 -1.102 1.102c-.285.533-.401 1.064-.415 2.254l.004 8.686c.026 1.03.145 1.527.411 2.024.255.478.624.847 1.102 1.102.169.09.337.163.527.222a1.003 1.003 0 0 1 1.194-.677c.486.12.982.221 1.763.221.694 0 1.114-.026 1.645-.186.497-.162 1.07 0 1.307.642.19-.058.36-.132.528-.222a2.635 2.635 0 0 0 1.102-1.102c.245-.459.366-.917.403-1.796.025-.585.027-3.633.008-9.144-.026-1.03-.145-1.527-.411-2.024a2.635 2.635 0 0 0 -1.102-1.102c-.533-.285-1.064-.401-2.254-.415zm-.292 11.995a1 1 0 0 1 1 1c0 .513-.447.993-.883.993l-1.117.007a1 1 0 0 1 -1-1c0-.513.433-1 1-1zm4.5 0c.567.007 1 .487 1 1s-.433 1-1 1l-1-.007c-.568 0-1-.48-1-.993s.425-.993 1-.993zm-.808-11c1.055 0 2.081.899 1.997 2.112l-.322 5.725c-.03.538-.108.856-.3 1.187-.187.32-.456.574-.786.743-.298.152-.583.216-1.01.23l-2.85.003c-.539 0-.861-.06-1.202-.233a1.914 1.914 0 0 1 -.786-.743c-.168-.29-.249-.57-.286-.995l-.337-5.917c-.059-1.052.768-2.062 1.9-2.112zm0 2h-3.884l.344 5.992h3.195z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_local_train_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_local_train_32.svg
new file mode 100644
index 0000000000..ece2d4a5d7
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_local_train_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m18.61 2c3.994 0 7.257 3.108 7.386 7l.004 15a6 6 0 0 1 -5.775 5.996l-8.225.004a6 6 0 0 1 -5.996-5.775l-.004-14.985c0-3.924 3.183-7.11 7.146-7.236zm-5.22 2c-2.907 0-5.27 2.236-5.386 5.024l-.004 14.976c0 2.142 1.678 3.974 4 4 .012-.638.595-1.033 1.141-.955a20.068 20.068 0 0 0 5.716 0c.547-.078 1.13.315 1.141.955a4 4 0 0 0 3.997-3.8l.005-14.96c0-2.816-2.29-5.122-5.167-5.236zm-.39 19a1 1 0 0 1 1 1c0 .513-.438 1-1 1h-2a1 1 0 0 1 -1-1c0-.513.407-1 1-.993zm8 0a1 1 0 0 1 1 1c0 .513-.424 1-1 1h-2a1 1 0 0 1 0-2zm-2.316-17a3.303 3.303 0 0 1 3.31 3.162c-.303 4.774-.485 7.723-.546 8.849-.091 1.688-1.254 2.893-2.826 2.984l-5.105.005c-1.601 0-2.909-1.25-2.996-2.773l-.521-8.955c.001-1.749 1.39-3.17 3.129-3.267zm-5.367 2c-.685 0-1.243.505-1.312 1.095-.007.323.165 3.33.516 9.021a1 1 0 0 0 .879.877l5.046.007c.515 0 .94-.389.998-.936l.556-8.784c.003-.66-.512-1.208-1.18-1.274z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_long_distance_bus_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_long_distance_bus_20.svg
new file mode 100644
index 0000000000..bd0c6bcd02
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_long_distance_bus_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7.214 2.002 5.346-.002c.79 0 1.2.06 1.65.24.432.172.802.44 1.103.794.282.333.46.666.676 1.276l.232.69h1.279v4h-1v5.718c0 .488-.05.805-.187 1.111-.138.306-.217.38-.311.49l-.002 1.681h-2.5v-1h-7v1h-2.5v-1.68a1.927 1.927 0 0 1 -.248-.36c-.164-.306-.234-.6-.249-1.043l-.003-5.917h-1v-4h1.278l.16-.475c.225-.676.448-1.136.749-1.49.3-.356.67-.623 1.103-.796.404-.162.777-.226 1.424-.237zm-1.69 11.81a.875.875 0 0 0 -.261 1.727l1.354.126a.875.875 0 0 0 .261-1.727zm7.708.11a.875.875 0 0 0 .042 1.745l1.355-.111a.875.875 0 0 0 -.042-1.746l-1.355.111zm1.268-6.172h-9l.003 4.354c1.521.149 3.383.25 4.497.25s2.382-.062 3.803-.186l.696-.066zm-1.784-3.75-5.502.002c-.287 0-.524.007-.801.158-.185.1-.361.383-.528.85l-.385 1.24h8.999a19.948 19.948 0 0 0 -.43-1.368c-.14-.366-.287-.608-.484-.724-.196-.117-.353-.156-.87-.157z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_long_distance_bus_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_long_distance_bus_24.svg
new file mode 100644
index 0000000000..de35dcdfff
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_long_distance_bus_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m8.974 2.002h6.052c1.044.014 1.608.12 2.21.391.611.275 1.12.692 1.509 1.236.357.5.567.995.77 1.88l.184.892a.998.998 0 0 1 .801-.401c.513 0 1 .4 1 1v3a1 1 0 0 1 -1.5.866v6.57c0 .964-.1 1.477-.385 2.012-.16.3-.366.561-.613.781l-.002.771a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1-1h-8a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1-1v-.77a2.826 2.826 0 0 1 -.615-.782c-.262-.49-.367-.962-.383-1.78v-6.802a.999.999 0 0 1 -1.502-.866l-.001-3a1 1 0 0 1 1.8-.6l.185-.891c.203-.885.413-1.38.77-1.88a3.72 3.72 0 0 1 1.508-1.236c.603-.271 1.167-.377 2.21-.391zm3.026 13.293c-1.76 0-3.758-.147-5.999-.44l-.001.973 2.083.174a1 1 0 0 1 -.166 1.994l-1.91-.16c.01.305.058.528.142.668.126.21.267.497 1.245.494.979-.003 8.352.003 9.212 0s1.117-.235 1.245-.494c.098-.199.146-.448.143-.747l-1.87.234a1 1 0 1 1 -.248-1.984l2.124-.257-.001-.896c-2.24.294-4.24.441-5.999.441zm2.966-11.294h-5.932c-.834 0-1.174.092-1.449.216-.288.13-.519.319-.703.576-.153.214-.258.431-.368.837l-.514 2.466.002 4.74c2.265.307 4.265.46 5.998.46s3.733-.153 5.998-.46l.002-4.734-.466-2.284c-.101-.418-.232-.767-.416-1.024a1.704 1.704 0 0 0 -.703-.576c-.24-.109-.539-.216-1.449-.216zm.034 1.999a1 1 0 0 1 1 1c0 .513-.401 1-1 1h-6a1 1 0 1 1 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_long_distance_bus_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_long_distance_bus_32.svg
new file mode 100644
index 0000000000..f9b42ab88f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_long_distance_bus_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m10.143 2.002h11.714c1.092.015 1.681.129 2.306.425a3.71 3.71 0 0 1 1.523 1.32c.317.48.506.952.658 1.717l.656 4.536v13.436c0 .964-.1 1.477-.385 2.012-.16.3-.367.562-.614.782l-.001 1.488c0 .557 0 2.209-2.083 2.279l-1.635.003c-2.264 0-2.264-1.64-2.279-2.083l-.003-.917h-8v.718c0 .557 0 2.279-2.083 2.279l-1.635.003c-2.264 0-2.264-1.64-2.279-2.083l-.003-1.687a2.826 2.826 0 0 1 -.614-.782c-.262-.49-.367-.962-.383-1.78l-.003-13.668.529-3.772c.178-1.25.375-1.86.785-2.48a3.71 3.71 0 0 1 1.523-1.321c.625-.296 1.214-.41 2.306-.425zm-2.143 24.998.002 1h1.998v-1zm16.002 0h-2v1h2zm.998-5.884v-1.406c-3.188.443-6.188.665-9 .665s-5.811-.22-8.999-.662v1.404l3.123.39a1 1 0 0 1 .868 1.117c-.063.509-.529.953-1.116.868l-2.875-.359c0 .315.002.565.008.751.009.24.025.37.112.565a.797.797 0 0 0 .374.402c.18.106.477.148.9.148h15.21c.66 0 .758-.08.9-.148a.755.755 0 0 0 .346-.346c.074-.153.138-.258.145-.75.003-.213.004-.42.004-.622l-2.876.36a1 1 0 1 1 -.248-1.985zm-3.201-17.115h-11.599c-.667.001-1.17.079-1.507.233a1.76 1.76 0 0 0 -.841.841c-.148.313-.158.395-.224.717l-.63 4.279v7.62c2.918.48 6.233.684 9.001.684 3 0 6-.228 9-.684v-7.62l-.654-4.395c-.065-.288-.083-.393-.225-.652-.233-.423-.491-.634-.815-.79-.318-.153-.82-.23-1.507-.233zm7.2 2.999c.514 0 1 .405 1 1v4a1 1 0 0 1 -1 1c-.512 0-1-.403-1-1v-4a1 1 0 0 1 1-1zm-25.999 0c.514 0 1 .399 1 1v4a1 1 0 0 1 -1 1c-.512 0-1-.399-1-1v-4a1 1 0 0 1 1-1zm18.5 1a1 1 0 0 1 1 1c0 .513-.42 1-1 1h-11a1 1 0 0 1 -1-1c0-.513.42-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_rail_and_fly_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_rail_and_fly_20.svg
new file mode 100644
index 0000000000..ac6b8ce28c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_rail_and_fly_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 17.429v-6.86c0-.313.271-.569.625-.569h.35c4.27 0 9.025 3.417 9.025 5.714 0 1.608-1.5 2.286-4.524 2.286h-4.842c-.353 0-.634-.26-.634-.571zm0-5.418v2.398h.714c2.496.01 3.412.135 4.71.512.22.065.443.017.608-.134.336-.215.5-.379.492-.49a.55.55 0 0 0 -.268-.413c-1.634-1.103-3.573-1.75-5.597-1.873a4.87 4.87 0 0 0 -.659 0zm6.65-9.393 3.9 2.034.053.031 4.016-1.144a1 1 0 1 1 .548 1.923l-10.887 3.1a1 1 0 0 1 -1-.273l-.98-1.029a1 1 0 1 1 1.45-1.375l.563.592 3.499-.997-2.087-1.088a1 1 0 1 1 .925-1.773z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_rail_and_fly_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_rail_and_fly_24.svg
new file mode 100644
index 0000000000..2d33334e44
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_rail_and_fly_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m2 21.286v-8.576c0-.39.326-.711.75-.711h.42c5.124.001 10.83 4.273 10.83 7.144 0 2.01-1.8 2.857-5.43 2.857h-5.81c-.423 0-.76-.324-.76-.714zm0-7.272v3.31c.24-.002.525-.002.856 0 2.996.013 4.095.168 5.652.64a.73.73 0 0 0 .73-.167l.372-.355a.713.713 0 0 0 .22-.57.69.69 0 0 0 -.323-.517 13.1 13.1 0 0 0 -6.717-2.341 5.61 5.61 0 0 0 -.79 0zm7.544-10.412 5.029 2.675 5.674-1.759a.983.983 0 0 1 1.21.68 1.013 1.013 0 0 1 -.639 1.251l-12.864 3.988a.977.977 0 0 1 -.283.044.974.974 0 0 1 -.699-.298l-1.177-1.21a1.024 1.024 0 0 1 -.262-.98.997.997 0 0 1 .704-.715.971.971 0 0 1 .956.273l.759.78 3.93-1.22-3.275-1.742a1 1 0 0 1 .937-1.767z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_rail_and_fly_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_rail_and_fly_32.svg
new file mode 100644
index 0000000000..1a7841c9a1
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_rail_and_fly_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m3 28c0-.546.449-1 1.015-1h7.746c4.839 0 5.239-.966 5.239-2 0-2.498-6.254-8-12.439-8h-.561a1 1 0 0 1 -1-1.005.991.991 0 0 1 1-.995h.561c6.83 0 14.439 5.98 14.439 10 0 2.813-2.4 4-7.239 4h-7.746a1.008 1.008 0 0 1 -1.015-1zm0-8.863v2.602c0 .635.48 1.092 1.142 1.095 3.994.019 5.46.236 7.536.896.352.113.71.029.972-.234l.496-.496c.215-.215.313-.507.293-.8a.972.972 0 0 0 -.43-.722c-3.162-2.22-5.717-3.278-8.954-3.278-.552 0-1.054.389-1.054.937zm12.544-14.535 5.029 2.675 5.674-1.759a.983.983 0 0 1 1.21.68 1.013 1.013 0 0 1 -.639 1.251l-12.864 3.988a.977.977 0 0 1 -.283.044.974.974 0 0 1 -.699-.298l-1.177-1.21a1.024 1.024 0 0 1 -.262-.98.997.997 0 0 1 .704-.715.971.971 0 0 1 .956.273l.759.78 3.93-1.22-3.275-1.742a1 1 0 0 1 .937-1.767z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_railroad_car_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_railroad_car_20.svg
new file mode 100644
index 0000000000..f4bf0cb443
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_railroad_car_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m16.361 6c.917 0 1.639.76 1.639 1.658v4.342c0 .5-.5 1-1 1l-.763.001h-.237a1 1 0 0 1 -1.005.995h-1.99a1 1 0 0 1 -1.005-.995l-.57-.001-3.161-.005-.269.008c-.01.545-.45.994-1.005.994h-1.99a.988.988 0 0 1 -.995-.997h-1.01c-.5 0-1-.5-1-1v-4.342c0-.898.722-1.658 1.639-1.658zm-.361 2h-12v2h12z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_railroad_car_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_railroad_car_24.svg
new file mode 100644
index 0000000000..4894ea4abf
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_railroad_car_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19.398 8a2.585 2.585 0 0 1 2.602 2.575v4.425c0 .5-.5 1-1 1l-1-.001a1 1 0 0 1 -1 1h-3c-.55 0-1-.45-1-1h-6c0 .55-.45 1-1 1h-3.012a.997.997 0 0 1 -.988-1.011l-1 .012c-.5 0-1-.5-1-1v-4.425a2.585 2.585 0 0 1 2.602-2.575zm.01 1.994c-.418.006-13.908.006-14.806 0-.375 0-.602.315-.602.662v2.344h16v-2.425a.578.578 0 0 0 -.592-.58z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_railroad_car_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_railroad_car_32.svg
new file mode 100644
index 0000000000..8d9c5ca9a0
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_railroad_car_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m26.752 10c1.72 0 3.247 1.393 3.25 3.25 0 1.167 0 3.083-.002 5.75 0 .5 0 1-1 1h-3.06c.562 0 1 .438 1 1 0 .522-.44 1-1 1h-4.968c-.563 0-1-.438-1-1 0-.522.528-1 1-1h-9.999c.563 0 1 .438 1 1 0 .522-.473 1-1 1h-4.967c-.563 0-1-.438-1-1 0-.522.494-1 1-1a751.92 751.92 0 0 0 -3.006 0c-.5 0-1-.5-1-1-.002-1.167-.001-3.083.001-5.75 0-1.72 1.374-3.148 3.072-3.245l.183-.005zm0 2c-7.165-.002-14.33-.002-21.496 0-.645 0-1.256.5-1.25 1.25a95.8 95.8 0 0 1 -.006 2.75h24l.002-2.75c0-.645-.5-1.25-1.25-1.25z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_s_bahn_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_s_bahn_20.svg
new file mode 100644
index 0000000000..1621210771
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_s_bahn_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm-.276 2a4.58 4.58 0 0 1 2.896 1.012v1.333c-.684-.764-1.714-1.435-2.922-1.435-.684 0-1.075.378-1.075.819 0 .635.523.9 1.21 1.097l1.024.257c1.117.287 2.234.724 2.234 2.25 0 1.232-1.155 2.667-3.1 2.667-1.084 0-2.307-.506-2.99-1.14v-1.6c.647.965 1.8 1.71 2.99 1.71.729 0 1.315-.432 1.315-.892 0-.61-.543-.874-1.247-1.088l-.863-.244c-1.128-.323-2.287-.788-2.287-2.328.001-1.572 1.483-2.418 2.815-2.418z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_s_bahn_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_s_bahn_24.svg
new file mode 100644
index 0000000000..d55a963477
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_s_bahn_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16zm-.379 2.5c1.527 0 2.895.518 3.982 1.391v1.833c-.94-1.05-2.357-1.972-4.019-1.972-.94 0-1.478.518-1.478 1.125 0 .905.771 1.264 1.766 1.536.882.242.882.21 1.69.43 1.397.401 2.688 1.066 2.688 2.99 0 1.694-1.588 3.667-4.262 3.667-1.49 0-3.213-.696-4.153-1.568v-2.2c.892 1.327 2.516 2.351 4.153 2.351 1.001 0 1.807-.593 1.807-1.226 0-.762-.616-1.131-1.454-1.413-.792-.249-1.372-.376-2.049-.604-1.335-.45-2.542-1.173-2.542-3.015 0-2.162 2.04-3.325 3.871-3.325z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_s_bahn_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_s_bahn_32.svg
new file mode 100644
index 0000000000..afe4687a9b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_s_bahn_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m16 2c7.732 0 14 6.268 14 14s-6.268 14-14 14c-7.628 0-13.83-6.1-13.997-13.687l-.003-.313.003-.312c.167-7.588 6.37-13.688 13.997-13.688zm0 2c-6.526 0-11.834 5.208-11.996 11.695l-.004.305.004.305c.162 6.487 5.47 11.695 11.996 11.695 6.627 0 12-5.373 12-12s-5.373-12-12-12zm-.551 4c2.22 0 4.21.754 5.791 2.023v2.667c-1.368-1.527-3.428-2.87-5.845-2.87-1.367 0-2.15.755-2.15 1.638 0 1.176.897 1.718 2.121 2.103.795.246 1.354.351 2.571.663 2.157.577 4.245 1.49 4.245 4.441 0 2.466-2.31 5.335-6.2 5.335-2.167 0-4.672-1.012-6.04-2.28v-3.201c1.297 1.93 3.66 3.42 6.04 3.42 1.457 0 2.63-.863 2.63-1.783 0-1.178-1.011-1.71-2.347-2.131-.899-.27-1.25-.368-2.162-.617-2.16-.646-4.285-1.624-4.285-4.571-0-3.145 2.966-4.837 5.63-4.837z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_scooter_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_scooter_20.svg
new file mode 100644
index 0000000000..c1869eb930
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_scooter_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m4.79 2.293 2.064.624a1.5 1.5 0 0 1 1.059 1.588l-1.16 5.829c.957.617 1.777 1.372 2.297 2.066a4.71 4.71 0 0 1 .872 2.1h3.286a2.5 2.5 0 1 1 0 2h-4.208a1 1 0 0 1 -1-1c0-.793-.186-1.416-.55-1.9-.273-.365-.648-.736-1.126-1.112l-.22 1.094a2.5 2.5 0 1 1 -1.928-.561l1.665-8.321-1.63-.493c-.491-.148-.845-.734-.668-1.246s.696-.832 1.246-.668zm-.29 12.707a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1zm11 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1zm-3.194-3.72c1.15-1.11 2.447-1.496 3.855-1.267a1 1 0 0 1 -.32 1.974c-.797-.13-1.457.067-2.146.732a1 1 0 0 1 -1.39-1.438z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(-1 0 0 1 20 0)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_scooter_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_scooter_24.svg
new file mode 100644
index 0000000000..1567984f0d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_scooter_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m5.274 3.52 2.02.403a1.5 1.5 0 0 1 1.201 1.598l-1.092 6.053c1.485 1.047 2.451 2.033 2.897 3.011.34.747.556 1.553.648 2.415h5.223a3 3 0 1 1 0 2h-6.17a1 1 0 0 1 -1-1c0-.967-.175-1.826-.521-2.585-.21-.462-.703-1.017-1.477-1.64l-.317 1.743a3 3 0 1 1 -1.942-.507l1.676-9.223-1.538-.307c-.503-.1-.905-.644-.785-1.177.121-.533.626-.896 1.177-.785zm-.274 13.48a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm14 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm1-6a1 1 0 1 1 0 2c-1.436 0-2.674.692-3.13 1.494a1 1 0 0 1 -1.739-.988c.819-1.44 2.726-2.506 4.87-2.506z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(-1 0 0 1 24 0)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_scooter_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_scooter_32.svg
new file mode 100644
index 0000000000..884d0f377c
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_scooter_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m5.204 5.27 2.161.45a2.5 2.5 0 0 1 1.975 2.737l-1.46 7.893c1.662.963 2.94 1.948 3.865 2.985.833.93 1.254 2.163 1.289 3.664l10.001.001a3.5 3.5 0 1 1 .302 2.001l-11.337-.001c-.31.001-1.036-.238-.996-1.087.13-1.495-.135-2.557-.75-3.246-.664-.743-1.585-1.485-2.762-2.218l-.363 1.952a3.5 3.5 0 1 1 -1.964-.385l2.185-11.757a.5.5 0 0 0 -.305-.555l-2.247-.475c-.54-.112-.89-.7-.768-1.206a.994.994 0 0 1 1.175-.752zm.296 16.73a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm21 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm1.5-6a1 1 0 1 1 0 2c-3.043 0-4.343.587-5.077 2.379a1 1 0 0 1 -1.85-.758c1.101-2.692 3.16-3.62 6.926-3.62z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd" transform="matrix(-1 0 0 1 32 0)"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_sev_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_sev_20.svg
new file mode 100644
index 0000000000..d0832691af
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_sev_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><g fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"><path d="m14.754 6.55c.111.293.176.611.176.948v8.007c0 1.372-1.053 2.495-2.34 2.495h-5.848c-.736 0-1.386-.374-1.812-.942l1.274-1.365a.5.5 0 0 0 .45.311h.936c.275 0 .497-.237.497-.53s-.222-.53-.497-.53h-.684l1.813-1.94h3.199c.69 0 1.257-.604 1.257-1.34v-3.305l-.012-.106 1.585-1.697zm-8.217-4.548.127.002 5.953.018c.23 0 .467.069.673.2l.79.493a.642.642 0 0 1 .213.854.586.586 0 0 1 -.507.306.583.583 0 0 1 -.301-.088l-.79-.492c-.03-.013-.078-.025-.078-.025h-.46v1.727h.472c.655 0 1.251.293 1.682.755l-1.517 1.602a1.23 1.23 0 0 0 -.843-.349h-4.551c-.696 0-1.268.605-1.268 1.341v3.305c0 .736.572 1.341 1.268 1.341l.077-.006-3.003 3.18a2.634 2.634 0 0 1 -.1-.686v-7.988c0-1.372 1.062-2.495 2.36-2.495h.472v-1.746h-.549c-.018.006-.059.012-.089.031l-.725.493a.572.572 0 0 1 -.815-.187.646.646 0 0 1 .177-.86l.726-.494c.219-.15.478-.255.732-.23zm6.135 12.936h-.935c-.275 0-.498.237-.498.53s.223.53.498.53h.935c.275 0 .497-.237.497-.53s-.222-.53-.497-.53zm-1.695-11.675h-2.596v1.74h2.596z"/><path d="m2.466 18a.463.463 0 0 1 -.33-.137.47.47 0 0 1 0-.661l14.986-15.024a.47.47 0 0 1 .66 0 .468.468 0 0 1 0 .661l-14.984 15.024a.463.463 0 0 1 -.33.137z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_sev_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_sev_24.svg
new file mode 100644
index 0000000000..0c58e38750
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_sev_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><g fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"><path d="m18.491 7.716.108.197c.251.487.401 1.037.401 1.626v8.908c0 1.953-1.57 3.553-3.483 3.553h-7.048c-1.078 0-2.039-.524-2.677-1.316l1.738-1.774c.066.022.14.045.213.045h.975a.63.63 0 0 0 .624-.636.622.622 0 0 0 -.61-.636l2.678-2.737h4.055c.792 0 1.445-.666 1.445-1.474v-4.022c0-.038-.007-.105-.007-.105zm-10.162-5.716 7.4.022c.272 0 .543.075.785.217l.983.591a.64.64 0 0 1 .22.868.61.61 0 0 1 -.851.224l-.983-.59a.316.316 0 0 0 -.154-.053h-1.144v2.715h.946c.858 0 1.636.337 2.244.868l-1.415 1.443a1.403 1.403 0 0 0 -.895-.329h-6.893c-.793 0-1.445.666-1.445 1.474v4.023c0 .808.652 1.474 1.445 1.474h1.268l-4.654 4.656c-.14-.381-.186-.713-.186-1.148v-8.908c0-1.952 1.57-3.553 3.483-3.553h.94v-2.737h-1.109c-.066.022-.11.022-.169.06l-.902.59a.61.61 0 0 1 -.858-.187.638.638 0 0 1 .183-.875l.902-.59c.265-.165.573-.255.86-.255zm7.95 15.684h-.975a.63.63 0 0 0 -.624.636.63.63 0 0 0 .624.636h.975a.63.63 0 0 0 .624-.636.63.63 0 0 0 -.624-.636zm-2.948-14.427h-2.67v2.73h2.67z"/><path d="m2.562 22a.558.558 0 0 1 -.399-.165.565.565 0 0 1 0-.795l18.877-18.877a.568.568 0 0 1 .797 0 .565.565 0 0 1 0 .795l-18.877 18.877a.558.558 0 0 1 -.398.165z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_sev_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_sev_32.svg
new file mode 100644
index 0000000000..6c85c80cbb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_sev_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><g fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"><path d="m25.777 9.33c.11.39.19.79.19 1.21v14.96c0 2.48-2.03 4.5-4.5 4.5h-11.07c-1.43 0-2.69-.68-3.52-1.73l2.66-2.67c-.08.13-.13.26-.13.42 0 .47.38.85.85.85h1.81a.85.85 0 1 0 0-1.7h-1.81c-.16 0-.29.06-.42.13l6.28-6.29h4.34c1.08 0 1.97-.89 1.97-1.97v-4.35zm-4.22 15.85h-1.81a.85.85 0 1 0 0 1.7h1.81a.85.85 0 1 0 0-1.7zm-10.699-23.18 10.09.03c.37 0 .74.11 1.07.3l1.34.79c.4.23.54.75.3 1.16a.835.835 0 0 1 -1.16.3l-1.34-.79a.352.352 0 0 0 -.21-.07h-1.17v2.33h1.69c1.362 0 2.589.627 3.415 1.6.071.084-2.57 2.656-2.634 2.517a1.965 1.965 0 0 0 -1.79-1.157h-9.06c-1.08 0-1.97.89-1.97 1.97v6.06c0 1.08.89 1.97 1.97 1.97h2.11c-3.677 3.837-5.988 6.232-6.933 7.184l-.138.139c-.232.232-.35.343-.352.333a4.249 4.249 0 0 1 -.178-1.176v-14.97c0-2.48 2.03-4.5 4.5-4.5h1.68v-2.34h-1.23c-.07 0-.15.03-.23.08l-1.23.79c-.39.26-.92.14-1.17-.25a.842.842 0 0 1 .25-1.17l1.23-.79c.35-.22.75-.34 1.15-.34zm5.94 19.19h-1.81a.85.85 0 1 0 0 1.7h1.81a.85.85 0 1 0 0-1.7zm1.28-17.49h-4.3v2.34h4.3v-2.34z"/><path d="m2.748 29.96c-.19 0-.38-.07-.53-.22a.754.754 0 0 1 0-1.06l26.4-26.46c.29-.29.77-.29 1.06 0s.29.77 0 1.06l-26.4 26.46c-.15.15-.34.22-.53.22z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_speedboat_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_speedboat_20.svg
new file mode 100644
index 0000000000..139475859d
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_speedboat_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m6.197 14.497c.386.662.81 1.503 1.47 1.503s1.083-.842 1.47-1.504a1 1 0 0 1 1.727 0c.386.661.734 1.504 1.47 1.504.734 0 1.083-.843 1.469-1.504a1 1 0 0 1 1.727 0c.386.66.917 1.504 1.47 1.504a1 1 0 0 1 1 1c0 .513-.432 1.006-1 1-.84-.01-1.618-.448-2.334-1.317-.742.873-1.52 1.312-2.333 1.317s-1.59-.433-2.333-1.316c-.784.877-1.562 1.316-2.333 1.316-.772 0-1.55-.438-2.334-1.315-.757.877-1.534 1.315-2.333 1.315a1 1 0 0 1 0-2c.554 0 1.083-.841 1.47-1.503a1 1 0 0 1 1.727 0zm3.397-9.197c1.177.177 2.512 1.126 4.006 2.848l3.215-.605c.803-.15 1.499.703 1.052 1.482a1481.57 1481.57 0 0 1 -2 3.473 1 1 0 0 1 -1.366.368 1.012 1.012 0 0 1 -.368-1.366c.303-.53.608-1.06.915-1.59l-11.048 2.09v1a1 1 0 0 1 -2 0 82.991 82.991 0 0 1 0-1c0-1.01.51-1.747 1.673-1.983.289-.053.577-.107.865-.162.295-1.867.458-2.933.488-3.196.045-.396.353-.782.807-.87.896-.172 1.794-.342 2.693-.51.35-.057.7-.033 1.068.022zm-.724 1.948c-.25.046-.899.169-1.945.369l-.261 1.837 4.617-.869c-.965-.911-1.548-1.221-2.064-1.32-.104-.02-.183-.042-.347-.017z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_speedboat_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_speedboat_24.svg
new file mode 100644
index 0000000000..9bd6188213
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_speedboat_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18.714 17.3c.42.43 1.465 1.7 2.286 1.7a1 1 0 0 1 1 1c0 .513-.445 1.005-1 1-1.016-.009-2.016-.511-3-1.508-1.043 1.007-2.045 1.51-3.004 1.508-.96-.002-1.958-.504-2.996-1.507-1.03 1.005-2.03 1.507-3 1.507-.968 0-1.968-.502-3-1.506-1.034 1.004-2.034 1.506-3 1.506a1 1 0 0 1 -1-1c0-.513.436-1 1-1 .868 0 1.8-1.065 2.2-1.6a1 1 0 0 1 1.6 0c.4.536 1.21 1.6 2.2 1.6.991 0 1.8-1.067 2.2-1.6a1 1 0 0 1 1.6 0c.4.533 1.129 1.6 2.202 1.6s1.825-1.103 2.198-1.6a1 1 0 0 1 1.514-.1zm-7.743-11.3c1.647 0 2.958.711 3.928 1.867.376.447.652.893.843 1.284l6.074-1.134a1 1 0 0 1 1.123 1.329l-3.045 6.101a1 1 0 0 1 -1.341.447c-.459-.229-.724-.803-.381-1.462-2.388.427-5.445.983-9.17 1.668a1 1 0 0 1 -.47-1.94l10.758-1.963.915-1.845-15.837 2.958c-.211.044-.334.154-.362.333l-.006 2.357a1 1 0 0 1 -1.993.117l-.007-2.393c0-1.171.758-2.048 1.812-2.335l1.624-.315c.455-.186.788-1.6.573-3.19a1 1 0 0 1 .696-1.09zm-2.894 2.564c.031.731-.02 1.43-.166 2.051l5.746-1.075a4.275 4.275 0 0 0 -.29-.387c-.57-.68-1.28-1.091-2.184-1.147z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_speedboat_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_speedboat_32.svg
new file mode 100644
index 0000000000..253a4ab40a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_speedboat_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m6.942 24.278c.415.399 1.6 1.731 2.558 1.722.958-.01 2.074-1.138 2.474-1.63a1 1 0 0 1 1.552 0c.4.492 1.527 1.64 2.476 1.63.95-.01 2.099-1.171 2.472-1.63a1 1 0 0 1 1.467-.093c.414.398 1.585 1.725 2.56 1.723.977-.002 2.1-1.171 2.473-1.63a1 1 0 0 1 1.467-.093c.415.399 1.568 1.73 2.559 1.723a1 1 0 0 1 1 1 .994.994 0 0 1 -1.006 1c-1.032-.006-2.113-.525-3.244-1.558-1.14 1.046-2.223 1.566-3.248 1.558s-2.109-.528-3.252-1.559c-1.09 1.035-2.171 1.552-3.246 1.55-1.075 0-2.16-.517-3.254-1.549-1.146 1.039-2.229 1.558-3.25 1.558-1.02 0-2.104-.519-3.25-1.557-1.127 1.038-2.21 1.557-3.25 1.557a1 1 0 0 1 0-2c.595 0 2.1-1.17 2.473-1.63a1 1 0 0 1 1.47-.092zm13.575-11.28c.412.453.748.904 1.004 1.3l7.306-1.283c.816-.143 1.425.702 1.075 1.418l-5.054 8.097a1 1 0 0 1 -1.752-.958l1.379-2.213-15.306 2.627a1 1 0 0 1 -.452-1.945l17.175-2.954 1.072-1.716-22.23 3.902c-.427.06-.691.308-.73.838l-.004 2.889a1 1 0 0 1 -1.993.117l-.002-3.072c.079-1.482 1.007-2.47 2.245-2.718l4.16-.73c.675-.98.904-2.207.619-3.373a1 1 0 0 1 .697-1.199l6.112-1.012c1.778-.292 3.348.522 4.68 1.985zm-4.171-.034-5.21.863a6.195 6.195 0 0 1 -.303 2.345l8.494-1.49a7.557 7.557 0 0 0 -.289-.337c-.865-.95-1.775-1.454-2.692-1.38z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_sprinter_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_sprinter_20.svg
new file mode 100644
index 0000000000..adbfb5728f
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_sprinter_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m2 15.77c0-.508.371-1.035.957-1.035.117 0 .215.02.352.059.43.136.899.214 1.367.214.665 0 1.446-.136 1.446-.8 0-.371-.176-.527-1.133-.937-.899-.371-2.266-.957-2.266-2.617 0-1.601 1.328-2.675 3.282-2.675.605 0 1.23.117 1.797.313.47.175.664.546.664.917 0 .508-.37 1.035-.957 1.035-.117 0-.234-.02-.351-.059a3.328 3.328 0 0 0 -1.153-.195c-.313 0-1.27.04-1.27.664 0 .274.117.39 1.035.781.938.41 2.364 1.016 2.364 2.792 0 1.68-1.367 2.773-3.458 2.773a6.583 6.583 0 0 1 -2.031-.312c-.45-.176-.645-.548-.645-.918zm.527-11.774a1 1 0 0 1 .997-.996c6.856 0 14.476 5.955 14.476 9.978 0 3.788-4.357 4.002-6.818 4.022h-.43c-.566 0-1.016-.45-1.016-.996 0-.547.45-.996 1.016-.996 4.826 0 5.236-1.015 5.236-2.03 0-2.5-6.252-7.967-12.464-7.967-.547 0-.997-.449-.997-1.015z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_sprinter_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_sprinter_24.svg
new file mode 100644
index 0000000000..942d97dfcd
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_sprinter_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m3.655 20.426c-.468-.186-.655-.538-.655-.912 0-.515.421-1.053.983-1.053.117 0 .21.046.327.07.585.21 1.217.304 1.849.304.96 0 2.106-.234 2.106-1.31 0-.656-.351-.89-1.615-1.451-1.146-.468-2.714-1.147-2.714-3.089 0-1.872 1.568-3.112 3.884-3.112.749 0 1.498.117 2.223.398.468.164.655.538.655.89 0 .514-.374 1.052-.96 1.052a1.03 1.03 0 0 1 -.35-.07 4.428 4.428 0 0 0 -1.568-.28c-.444 0-1.895.07-1.895 1.122 0 .562.35.772 1.497 1.287 1.124.468 2.832 1.217 2.832 3.253 0 1.989-1.615 3.276-4.095 3.276a8.329 8.329 0 0 1 -2.504-.375zm-.187-15.443c0-.562.445-.983.983-.983 8.447 0 17.549 7.09 17.549 12.074 0 4.47-5.288 4.727-7.98 4.727h-.42a.999.999 0 0 1 -1.006-1.007c0-.514.444-.959 1.006-.959 5.616 0 6.411-1.334 6.411-2.761 0-3.51-8.002-10.085-15.56-10.085-.538 0-.983-.468-.983-1.006z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_sprinter_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_sprinter_32.svg
new file mode 100644
index 0000000000..e15c925486
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_sprinter_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m4 6c0-.563.438-1 .969-1 10.625 0 23.125 9 23.125 15.813 0 5.718-6.719 5.968-10.407 5.968h-.5a.98.98 0 0 1 -1-.968c0-.563.438-1 1-1 6.344 0 8.907-1.157 8.907-4 0-4.97-10.625-13.844-21.125-13.844a.974.974 0 0 1 -.969-.969zm.125 19.375c0-.531.375-1.031.969-1.031.093 0 .218 0 .343.062a8.763 8.763 0 0 0 2.688.407c1.25 0 3.344-.282 3.344-2.157 0-1.187-.75-1.656-2.469-2.406-1.594-.656-3.531-1.5-3.531-3.906 0-2.375 2-3.969 5-3.969 1 0 2 .188 2.937.531.469.156.656.531.656.875 0 .531-.375 1.063-.937 1.063-.125 0-.25-.031-.375-.063a6.27 6.27 0 0 0 -2.281-.406c-.719 0-3.031.125-3.031 1.969 0 1 .687 1.406 2.343 2.093 1.531.688 3.688 1.594 3.688 4.22-.031 2.562-2.063 4.124-5.344 4.124a9.915 9.915 0 0 1 -3.313-.5c-.468-.156-.687-.531-.687-.906z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_subway_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_subway_20.svg
new file mode 100644
index 0000000000..661ae17171
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_subway_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m15 2a3 3 0 0 1 3 3v10a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3-3v-10a3 3 0 0 1 3-3zm-10 2a1 1 0 0 0 -.993.883l-.007 10.117a1 1 0 0 0 .883.993l10.117.007a1 1 0 0 0 .993-.883l.007-10.117a1 1 0 0 0 -.883-.993zm3.667 2v4.906c0 .896.544 1.427 1.333 1.427.743 0 1.269-.47 1.328-1.272l.005-5.061h2v5.089c0 2.131-1.528 2.911-3.333 2.911-1.744 0-3.231-.73-3.328-2.703l-.005-5.297z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_subway_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_subway_24.svg
new file mode 100644
index 0000000000..fa72ba79ce
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_subway_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m18 2a4 4 0 0 1 4 4v12a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4-4v-12a4 4 0 0 1 4-4zm-12 2a1.997 1.997 0 0 0 -1.995 2l-.005 12c0 1.054.863 2 2 2h12a2 2 0 0 0 2-2v-12c0-1.054-.862-2-2-2zm3.857 2v7.36c0 1.343.959 2.069 2.143 2.069 1.133 0 2.06-.664 2.137-1.898l.006-7.531h3v7.633c0 3.197-2.436 4.367-5.143 4.367-2.637 0-5.018-1.113-5.138-4.125l-.005-7.875z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_subway_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_subway_32.svg
new file mode 100644
index 0000000000..77ed16efda
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_subway_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m25 2c2.689 0 5 2.164 5 5v18c0 2.689-2.163 5-5 5h-18c-2.689 0-5-2.166-5-5v-18c0-2.689 2.163-5 5-5zm-18 2c-1.598 0-3 1.284-3 3v18c0 1.598 1.348 3 3 3h18c1.598 0 3-1.257 3-3v-18c0-1.598-1.288-3-3-3zm6.2 4v9.813c0 1.792 1.22 2.987 2.799 2.987 1.523 0 2.712-1.112 2.795-2.798l.006-10.002h4v10.177c0 4.264-3.191 5.823-6.8 5.823-3.534 0-6.665-1.498-6.794-5.56l-.005-10.44z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_taxi_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_taxi_20.svg
new file mode 100644
index 0000000000..66d36eb9fe
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_taxi_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13 2.5v1.506h.705c.814.068 1.494.627 1.785 1.404.14.47.411 1.667.813 3.59h1.697v2.003l-1.105-.003a97.318 97.318 0 0 1 -.3 2.629c-.075.39-.292.874-.595 1.196v2.675h-2.5v-1.759a23.875 23.875 0 0 1 -7 0v1.759h-2.5v-2.675c-.24-.212-.463-.688-.55-1.004-.07-.243-.185-1.184-.346-2.821l-1.104.003v-2.003h1.696l.761-3.432c.238-.805.882-1.41 1.677-1.541.196-.025.485-.032.866-.021v-1.506zm2 8.65h-1.75v1.7h1.75zm-8.25 0h-1.75v1.7h1.75zm5.25 0h-4v1.7h4zm1.914-5.45h-7.828l-.643 3.3h9.113z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_taxi_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_taxi_24.svg
new file mode 100644
index 0000000000..fddfe0c5be
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_taxi_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m16.507 5c1.062 0 1.977.72 2.288 1.745l.998 4.255h1.559c.336 0 .597.228.641.546l.007.765c0 .334-.23.63-.55.681l-.933.009c.033.161.05.328.05.499 0 .114-.13 1.283-.388 3.508a2.998 2.998 0 0 1 -1.179 2.054v1.938a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1-1v-1.22a36.556 36.556 0 0 1 -8 0v1.22a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1-1v-1.937a2.998 2.998 0 0 1 -1.147-1.847l-.403-3.43a2.498 2.498 0 0 1 .033-.785l-.835-.001c-.37 0-.648-.321-.648-.69v-.666a.63.63 0 0 1 .648-.644h1.558l.955-4.091c.246-1.055 1.17-1.909 2.332-1.909zm-10.507 7.992c-.417.009-.59.306-.566.475l.053.533h.513a1 1 0 0 1 0 2h-.282l.09.779a1 1 0 0 0 .786.864c.487.079 3.483.354 5.406.357s4.847-.284 5.29-.34a1 1 0 0 0 .882-.766l.108-.894h-.28a1 1 0 0 1 0-2h.512l.055-.5c.02-.205-.127-.508-.567-.5zm8 1.008a.997.997 0 1 1 0 1.993l-4 .007a1 1 0 0 1 -1-1c0-.513.428-.993 1-.993zm-6.507-7c-.143 0-.284.102-.355.272l-.879 3.728h11.481l-.849-3.637c-.045-.193-.158-.363-.384-.363zm6.507-5a1 1 0 0 1 1 1c0 .513-.425 1-1 1h-4a1 1 0 0 1 -1-1c0-.513.391-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_taxi_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_taxi_32.svg
new file mode 100644
index 0000000000..befe735daa
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_taxi_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m22.438 6a3 3 0 0 1 2.862 2.1l1.48 5.9h2.237a.94.94 0 0 1 .96.85l.007 1.117c0 .512-.358.965-.85 1.027l-1.155.006c.024.235.002.819-.067 1.752l-.343 3.573c-.06.599-.25 1.14-.569 1.622v2.772c0 .557 0 2.209-2.083 2.279l-1.635.002c-2.162 0-2.264-1.64-2.279-2.083l-.005-1.609c-.464.03-2.5.19-4.999.19s-4.29-.143-4.998-.188l-.001 1.408c0 .557 0 2.209-2.083 2.279l-1.635.003c-2.138 0-2.264-1.64-2.279-2.083l-.003-2.917c-.296-.406-.49-.905-.573-1.48l-.365-3.739c-.078-.854-.103-1.448-.075-1.782h-1.02c-.553.001-.967-.48-.967-1.032v-1c0-.553.414-.966.967-.966h2.251l1.433-5.728a2.992 2.992 0 0 1 2.91-2.273zm-15.438 19.004v1.996h2v-1.83zm18-.002-2 .166.007 1.832h1.993zm-17.43-9.002c-.986 0-1.332.192-1.473.578-.104.309-.134.783-.09 1.422h1.993a1 1 0 0 1 1 1c0 .513-.375 1-1 1h-1.812l.206 2.132c.053.547.216.786.528.86a83.64 83.64 0 0 0 9.07.506c2.967 0 5.98-.169 9.038-.508.304-.078.465-.28.531-.718l.222-2.272h-1.783a1 1 0 1 1 .023-2h1.94c.028-.688-.004-1.156-.094-1.405-.136-.372-.448-.568-1.28-.592zm12.43 3a1 1 0 0 1 0 2h-8a1 1 0 0 1 -1-1c0-.513.424-1.007 1-1zm-10.438-11a1 1 0 0 0 -.937.649l-1.345 5.35h17.438l-1.31-5.242a1 1 0 0 0 -.856-.75zm9.422-5a1 1 0 0 1 0 2h-6a1 1 0 0 1 -1-1c0-.513.44-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_train_and_car_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_train_and_car_20.svg
new file mode 100644
index 0000000000..aca28a001b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_train_and_car_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m3.012 15.202c.7.505 1.199.848 1.493 1.028.44.271.997.47 1.658.514h1.337v1.258h-1.996a1 1 0 0 1 -.975-.779c-.6-.426-1.118-1.069-1.517-2.021zm10.667-5.7.132.001h1.052l.142.001h.243l.249.002c.577.005 1.147.461 1.278.972.088.341.274.669.559 1.985l.158.537h.508v2l-.38.002c-.04.346-.067.567-.086.664a1.4 1.4 0 0 1 -.034.139v2.195h-2v-.907l-.094.035a16.372 16.372 0 0 1 -4.812 0l-.094-.034v.906h-2v-2.189l-.003-.011a8.886 8.886 0 0 1 -.113-.799h-.384v-2h.508l.158-.538.523-1.876c.163-.557.648-1.085 1.434-1.085h3.055zm-6.2-7.501c3.684 0 5.474 2.503 5.52 6.006v.494h-1.964a25.54 25.54 0 0 0 .369-1.682c.128-.864-.673-2.063-1.333-2.365s-1.515-.453-2.567-.453c-1.154 0-2.072.182-2.754.546a2.272 2.272 0 0 0 -1.144 2.276c.196.947.32 1.511.374 1.692.159.546.596.962 1.14 1.099.97.174 1.765.262 2.384.266.279.002.593-.019.924-.051a2.675 2.675 0 0 0 -.196.475l-.482 1.728c-.43.112-.748.503-.748.968v2c0 .087.012.17.033.25h-.622c-.474 0-.946-.175-1.261-.386a53.604 53.604 0 0 1 -1.642-1.159 24.713 24.713 0 0 1 -1.142-.898c-.244-1.311-.366-2.244-.366-2.798v-2.002c0-3.504 1.708-6.006 5.477-6.006zm2.668 11.888a.5.5 0 0 0 -.258.966l.966.259a.5.5 0 0 0 .258-.966zm5.797-.015-.09.015-.965.259a.5.5 0 1 0 .258.966l.966-.259a.5.5 0 1 0 -.258-.966zm-11.177-3.084a.75.75 0 0 0 -.5.85l.564 1.693a.75.75 0 0 0 1.41-.47l-.564-1.693a.75.75 0 0 0 -.91-.38zm10.634.211h-4.8l-.59 2h5.989l-.6-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_train_and_car_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_train_and_car_24.svg
new file mode 100644
index 0000000000..b760193ef3
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_train_and_car_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10.084 2c2.17 0 3.429.756 4.4 2.041a7.548 7.548 0 0 1 1.513 4.048l.027 1.039a.848.848 0 0 1 -1.696 0l-.015-.682a5.845 5.845 0 0 0 -1.184-3.38c-.688-.909-1.46-1.366-3.044-1.362l-2.046-.004c-1.52 0-2.37.413-3.09 1.366a5.844 5.844 0 0 0 -1.17 3.099l-.072 2.623a17.33 17.33 0 0 0 .287 3.61l1.519 1.048.985.653c.169.087.542.166.8.212a.848.848 0 0 1 .702.828.861.861 0 0 1 -.861.861c-.04 0-.133-.007-.144-.009-.6-.091-1.07-.238-1.417-.462l-.995-.659c.095.44.253.857.475 1.251.333.592.757 1.189 1.552 1.172.148-.003.384-.005.677-.005h1.01l.109.007a.857.857 0 0 1 .748.849l-.002.994a.856.856 0 0 1 -.856.862h-2.26a.85.85 0 0 1 -.732-1.281c-.634-.291-.866-.532-1.29-1.087a5.944 5.944 0 0 1 -.925-1.778c-.164-.548-.124-.447-.504-1.946-.38-1.5-.576-3.038-.584-4.583-.005-1.03.016-2.004.065-2.922a7.539 7.539 0 0 1 1.527-4.362c.927-1.226 2.185-2.041 4.445-2.036zm6.102 8.976h1.087l.124.001h.62l.579.003c.696.006 1.384.563 1.542 1.188.106.417.33 1.43.675 3.038l.192.665h.018c.554.057.982.523.982 1.088v.25c0 .518-.358.951-.84 1.067-.047.442-.083.723-.106.845-.012.06-.027.122-.045.187.003.032.004.066.004.099v1.467a1.1 1.1 0 0 1 -1.1 1.1h-.214a1.1 1.1 0 0 1 -1.1-1.1l-.113.035a19.446 19.446 0 0 1 -5.808 0l-.114-.043c0 .616-.493 1.108-1.1 1.108h-.214a1.1 1.1 0 0 1 -1.1-1.1v-1.467l.004-.096-.008-.027c-.03-.106-.074-.433-.137-.98l.086.003a1.097 1.097 0 0 1 -1.097-1.097v-.25c0-.606.49-1.097 1.097-1.097l.063.003.192-.661.63-2.904c.199-.681.783-1.326 1.732-1.326h3.469zm-.056 7.7h-1.094a.55.55 0 1 0 0 1.1h1.094a.55.55 0 1 0 0-1.1zm-4.73-1.296-.002.011a.604.604 0 0 0 .426.739l1.163.316a.607.607 0 0 0 .744-.43l.003-.011a.605.605 0 0 0 -.426-.739l-1.163-.316a.607.607 0 0 0 -.744.43zm7.624-.43-1.167.316a.605.605 0 0 0 -.426.739l.003.011a.605.605 0 0 0 .74.43l1.167-.316a.605.605 0 0 0 .426-.739l-.003-.011a.606.606 0 0 0 -.74-.43zm-.323-4.474h-6.267l-.774 3.389h7.827zm-12.543.265a.85.85 0 0 1 1.087.288l.554 1.092a.85.85 0 0 1 -1.467.852l-.554-1.092a.85.85 0 0 1 .38-1.14zm2.88-7.74c.804 0 1.493.093 2.069.278a2.5 2.5 0 0 1 1.68 2.89l-.274 1.318a1.999 1.999 0 0 1 -1.635 1.566c-.742.132-1.355.198-1.84.198-.483 0-1.096-.066-1.838-.198a2.001 2.001 0 0 1 -1.635-1.566l-.275-1.318a2.5 2.5 0 0 1 1.68-2.89c.577-.185 1.266-.278 2.069-.278zm0 1.701c-.636 0-1.153.069-1.547.196a.8.8 0 0 0 -.553.816c.13.671.218 1.094.26 1.268.064.262.099.366.274.395s1.038.172 1.565.176c.527.003 1.115-.113 1.454-.156.34-.043.34-.226.386-.414.03-.126.113-.512.246-1.16a.8.8 0 0 0 -.538-.925c-.394-.127-.911-.196-1.547-.196z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_train_and_car_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_train_and_car_32.svg
new file mode 100644
index 0000000000..d429837356
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_train_and_car_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m13.488 2.002c3.085 0 4.872 1.074 6.252 2.9a10.726 10.726 0 0 1 2.155 5.826l.008.277a1 1 0 0 1 -.998.996.99.99 0 0 1 -.984-.936c-.001-.001-.04-.505-.07-.754a8.727 8.727 0 0 0 -1.704-4.204c-1.068-1.413-2.231-2.103-4.657-2.103l-2.907-.004c-2.29 0-3.62.647-4.722 2.106a8.716 8.716 0 0 0 -1.751 4.702l-.1 3.669c-.051 2.08.138 4.232.663 6.38.775.43 1.446.814 2.014 1.152.852.507 1.167.725 1.759 1.077.106.063.883.308.886.313.435.12.768.522.768.995 0 .567-.46 1.027-1.027 1.027-.108 0-.714-.183-.812-.214a.564.564 0 0 1 -.084-.017l-.025-.011a3.243 3.243 0 0 1 -.492-.216c-.233-.13-.683-.413-1.158-.71l-.408-.256c-.27-.169-.53-.33-.745-.456.086.424.22.811.404 1.163.183.352.44.763.77 1.234.413.611 1.234 1.062 1.854 1.055l1.372.002c.555 0 1.003.448 1.003 1l-.001 1.006a1 1 0 0 1 -1 1h-1.751a1 1 0 0 1 -.965-1.262 4.382 4.382 0 0 1 -2.03-1.484c-.52-.688-.723-1.004-.996-1.526-.182-.348-.388-.936-.618-1.765l-.56-2.199a27.096 27.096 0 0 1 -.83-6.718l.092-3.946c.056-2.24.815-4.407 2.17-6.199 1.33-1.76 3.197-2.9 6.317-2.9h2.907zm11.52 11.999c1.062 0 1.977.721 2.288 1.745l.998 4.255h1.059a.63.63 0 0 1 .64.546l.008.765c0 .335-.23.631-.55.682l-.433.008c.033.161.05.328.05.499 0 .114-.13 1.283-.388 3.508-.052.45-.202.868-.43 1.233v1.759a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1-1v-.284a327.022 327.022 0 0 1 -9.5-.002v.286a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1-1v-1.757a2.982 2.982 0 0 1 -.394-1.012c-.047-.244-.182-1.392-.406-3.444a2.518 2.518 0 0 1 .033-.787h-.334c-.37 0-.648-.321-.648-.689v-.667a.63.63 0 0 1 .648-.644h1.058l.955-4.091c.246-1.055 1.198-1.909 2.28-1.909zm-10.63 8.003a.5.5 0 0 0 -.441.464c-.01.158.01.358.06.601l1.17.196a1 1 0 0 1 -.213 1.986l-.718-.113.074.643a1 1 0 0 0 .786.864c2.27.236 4.073.355 5.406.357 1.334.002 3.097-.111 5.29-.34a.999.999 0 0 0 .882-.766l.093-.758-.601.1a1 1 0 0 1 -.443-1.947l1.282-.221c.044-.16.065-.34.065-.54 0-.301-.202-.521-.47-.521h-2.157l-.19-.001h-2.073l-.27-.001h-2.118l-.335-.001h-2.175l-.39-.001h-2.075l-.438-.001zm8.123 1.397c.315 0 .609.149.797.396l.565.947a1 1 0 0 1 -1.66 1.111l-.275-.455h-2.855l-.21.358c-.26.442-.885.662-1.37.355-.483-.307-.61-.807-.407-1.265l.553-.954c.16-.271.437-.45.745-.486zm-15.122-6.397a1 1 0 0 1 1.216.536l.009.027.178.548.753 2.321a1 1 0 0 1 -1.861.723l-.379-1.166-.183-.563-.378-1.166a1.002 1.002 0 0 1 .645-1.26zm17.606-1.002h-8.991c-.143 0-.284.101-.355.272a.284.284 0 0 0 -.007.02l-.02.07c-.094.339-.378 1.552-.852 3.638h11.48l-.848-3.637c-.045-.193-.163-.363-.407-.363zm-12.985-10.001c2.105 0 3.69.433 4.757 1.298s1.252 1.756 1.143 2.713c-.047.42-.18 1.278-.18 1.281a1.013 1.013 0 0 1 -1.076.867 1.002 1.002 0 0 1 -.916-1.081c.003-.037.15-.982.185-1.292.032-.279.02-.557-.416-.934-.592-.512-1.812-.851-3.497-.851-1.805 0-2.987.357-3.625.963a1.002 1.002 0 0 0 -.313.695c-.004.168.123.92.38 2.255a.998.998 0 0 0 .682.728c.764.144 2.524.35 2.53.35a1.017 1.017 0 0 1 .858 1.234c-.11.485-.56.81-1.057.779-.002 0-1.716-.2-2.552-.365-1.23-.243-2.132-1.099-2.407-2.27a24.978 24.978 0 0 1 -.412-2.333 3 3 0 0 1 .914-2.524c1.062-1.009 2.731-1.513 5.002-1.513z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_tram_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_tram_20.svg
new file mode 100644
index 0000000000..92326ce678
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_tram_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m11.254 2.15c.155 0 .31.013.463.038l.99.237a.85.85 0 0 1 -.308 1.67c-.66-.158-1.01-.238-1.051-.241l-.498-.004v1.3h.586c.863 0 1.468.114 1.942.368.474.253.85.63 1.104 1.104.25.468.351.919.366 1.716l.002 6.348c0 .941-.095 1.431-.368 1.942-.253.474-.63.85-1.104 1.104-.468.25-.919.351-1.716.366l-3.098.002c-.941 0-1.431-.095-1.942-.368a2.667 2.667 0 0 1 -1.104-1.104c-.25-.468-.351-.919-.366-1.716-.01-.53-.01-2.647-.002-6.348 0-.941.095-1.431.368-1.942.253-.474.63-.85 1.104-1.104.468-.25.919-.351 1.716-.366l.812-.002v-1.3c-.353.003-.55.009-.59.015l-.854.21a.85.85 0 0 1 -.514-1.617l.863-.223c.15-.038.429-.085.691-.085zm-3.004 12.259h-1.5v1.7h1.5zm5 0h-1.5v1.7h1.5zm-4.862-7.559c-.55.008-.755.054-.964.166a.968.968 0 0 0 -.407.407c-.101.189-.149.373-.162.81l-.005 4.86c1.05.106 2.1.16 3.15.16.779 0 2.067-.033 3.145-.16v-4.86c-.013-.437-.06-.621-.162-.81a.968.968 0 0 0 -.407-.407c-.189-.101-.373-.149-.81-.162l-3.377-.004zm2.612 1.045a.75.75 0 0 1 .75.75c0 .38-.314.75-.75.75h-2a.75.75 0 0 1 0-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_tram_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_tram_24.svg
new file mode 100644
index 0000000000..21169d6af6
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_tram_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m13.528 2a3 3 0 0 1 1.13.22l.79.386a1 1 0 0 1 -.788 1.835l-.685-.335c-.138-.06-.463-.096-.975-.106v2h1.436c.945 0 1.512.118 2.012.385.5.268.9.666 1.167 1.167.262.49.367.962.383 1.78l.002 7.822c0 1.37-.134 2.063-.519 2.783a3.726 3.726 0 0 1 -1.544 1.544c-.672.36-1.32.5-2.518.517l-2.573.002c-1.37 0-2.063-.134-2.783-.519a3.726 3.726 0 0 1 -1.544-1.544c-.36-.672-.5-1.32-.517-2.518l-.002-7.855c0-.964.1-1.477.385-2.012.268-.5.666-.9 1.167-1.167.49-.262.962-.367 1.78-.383l1.668-.002v-2c-.425-.007-.714.013-.868.06l-.685.334a1 1 0 0 1 -.996-1.73l.68-.347a3.035 3.035 0 0 1 1.34-.317h3.056zm-1.528 13.248a36.7 36.7 0 0 1 -4-.247v.999h1a1 1 0 0 1 1 1c0 .513-.436 1.003-.994 1l-.98.003c.036.468.115.727.257.99.168.315.409.556.723.724.305.163.603.244 1.225.272l3.34.006c.76-.019 1.088-.098 1.423-.278.314-.168.555-.409.723-.723.142-.264.22-.523.258-.991l-.975-.003a1 1 0 0 1 -1-1c0-.513.436-1 .994-1h1.006v-.999a36.685 36.685 0 0 1 -4 .247zm3-7.23c0 .477-.447.984-1 .984l-4-.002a1 1 0 0 1 -1-.983c-.246.021-.375.062-.505.132a.818.818 0 0 0 -.346.346c-.094.155-.149.412-.148.9l.002 3.594c1.508.173 2.84.26 3.997.26 1.156 0 2.49-.087 3.997-.26.003-2.011.003-3.21.003-3.595-.002-.578-.067-.748-.148-.9a.818.818 0 0 0 -.346-.345c-.1-.054-.27-.098-.505-.132z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_tram_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_tram_32.svg
new file mode 100644
index 0000000000..c7500623fa
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_tram_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m18.528 2a3 3 0 0 1 1.13.22l.79.386a1 1 0 0 1 -.788 1.835l-.685-.335c-.104-.052-.195-.1-.419-.1l-1.556-.006v2.001h2.42c1.105.017 1.854.163 2.517.518s1.19.881 1.544 1.544c.36.672.5 1.32.517 2.518l.002 13.291c0 1.777-.168 2.648-.652 3.553a4.634 4.634 0 0 1 -1.923 1.923c-.852.455-1.674.631-3.248.65l-4.05.002c-1.776 0-2.647-.168-3.552-.652a4.634 4.634 0 0 1 -1.923-1.923c-.455-.852-.631-1.674-.65-3.248v-13.597c.017-1.198.157-1.846.517-2.518a3.726 3.726 0 0 1 1.544-1.544c.672-.36 1.32-.5 2.518-.517l2.419-.001v-2h-1.528a1 1 0 0 0 -.34.06l-.685.334a1 1 0 0 1 -.996-1.73l.68-.347a3 3 0 0 1 1.109-.308c.257-.02 2.02-.023 5.288-.009zm-2.528 19.5c-1.752 0-3.751-.162-6-.485v1.985h2a1 1 0 0 1 1 1c0 .513-.42.999-1 .999l-1.967.003c.053.691.17 1.082.383 1.48.255.478.624.847 1.102 1.102.361.193.687.328 1.522.386.836.058 5.202.05 5.92 0 .717-.05 1.115-.169 1.522-.386a2.635 2.635 0 0 0 1.102-1.102 3.52 3.52 0 0 0 .382-1.48l-1.753-.002a1 1 0 0 1 -1-1c0-.513.445-1 1-1h1.787v-1.984c-2.248.323-4.247.485-6 .485zm-3.373-13.499c-.904.01-1.258.087-1.62.282a1.723 1.723 0 0 0 -.724.723c-.18.335-.26.663-.278 1.422l-.003 8.566c2.275.338 4.276.506 5.998.506 1.723 0 3.723-.168 5.999-.506l-.004-8.566c-.019-.76-.098-1.087-.278-1.422a1.726 1.726 0 0 0 -.723-.723c-.335-.18-.663-.26-1.422-.278l-6.945-.005zm6.373.999a1 1 0 0 1 1 1c0 .513-.447 1-1 1h-6a1 1 0 0 1 -1-1c0-.513.447-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_walking_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_walking_20.svg
new file mode 100644
index 0000000000..19d2465989
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_walking_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m6.29 15.996 2.462-4.89.224-2.694-.8.352-.192 1.376a.999.999 0 0 1 -.992.864c-.544 0-.992-.48-.992-.992v-.16l.32-1.92a.935.935 0 0 1 .544-.768l1.952-.896c.32-.128.864-.448 1.248-.448.352 0 .768.32.992.448l2.624 1.664c.256.192.448.512.448.864 0 .576-.48.992-.992.992-.224 0-.416-.064-.576-.16l-1.6-1.056-.178 2.56 1.784 1.6c.192.128.339.316.416.544l1.05 2.944c0 .096.032.192.032.288 0 .512-.448.992-.992.992a1 1 0 0 1 -.992-.736l-.954-2.592-1.174-1.187-1.966 4.003c-.192.32-.48.512-.864.512a.997.997 0 0 1 -.992-.992c0-.192.032-.352.16-.512zm2.462-12.496c0-.83.702-1.5 1.5-1.5.862 0 1.5.67 1.5 1.5 0 .798-.638 1.5-1.5 1.5-.798 0-1.5-.702-1.5-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_walking_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_walking_24.svg
new file mode 100644
index 0000000000..800e1ff70e
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_walking_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m10.883 7.546c.154-.092.339-.123.524-.123.709 0 1.202.462 1.14 1.263l-.308 4.839 2.65 2.62c.093.122.185.276.247.461l1.047 4.191a1.004 1.004 0 0 1 -.986 1.203c-.462 0-.832-.308-.955-.74l-.986-3.913-2.743-2.712c-.185-.185-.37-.4-.308-.801l.246-3.976-1.17.524-.278 1.788a.993.993 0 0 1 -.986.832c-.524 0-1.11-.462-.986-1.14l.339-2.343c.061-.338.308-.616.616-.77l2.897-1.202zm-1.15 8.466c.596 0 .987.442.987.986 0 .123 0 .277-.062.4l-1.747 3.986c-.124.37-.493.616-.925.616-.585 0-.986-.493-.986-1.017 0-.123.062-.277.092-.4l1.717-3.986c.185-.37.555-.585.925-.585zm5.242-6.268 1.67.853a.983.983 0 0 1 .555.863c0 .616-.493 1.017-1.017 1.017-.154 0-.277-.03-.431-.093l-1.671-.853a1.005 1.005 0 0 1 -.555-.894c0-.523.308-1.047.987-1.047a.83.83 0 0 1 .462.154zm-2.925-7.744c1.108 0 2 .892 2 2s-.892 2-2 2c-1.077 0-2-.892-2-2s.923-2 2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_walking_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_walking_32.svg
new file mode 100644
index 0000000000..962de82cbb
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_walking_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m9.348 28.986c0-.126.032-.253.095-.411l3.22-7.24a.997.997 0 0 1 .918-.602 1.02 1.02 0 0 1 1.014 1.014.843.843 0 0 1 -.095.38l-3.22 7.24c-.158.38-.538.633-.918.633a1 1 0 0 1 -1.014-1.014zm.222-13.176.475-3.136a.972.972 0 0 1 .634-.76l4.114-2.114c.348-.127.633-.19.887-.19.76 0 1.14.538 1.108 1.298l-.693 7.183 3.61 3.611c.128.127.223.285.286.476l1.615 6.586c.159.634-.316 1.267-.982 1.235-.443 0-.855-.285-.95-.76l-1.583-6.333-3.675-3.643a1.245 1.245 0 0 1 -.348-1.045l.63-6.201-2.752 1.545-.412 2.566a.992.992 0 0 1 -.982.855c-.602 0-1.077-.57-.982-1.172zm6.833-13.81a3 3 0 0 1 3 3c0 1.625-1.344 3-3 3a3 3 0 0 1 0-6zm.027 2.027c-.563 0-1 .438-1 1 0 .531.437 1 1 1 .531 0 1-.469 1-1 0-.562-.469-1-1-1zm1.035 8.814c0-.538.444-.982.982-.982.285 0 .538.095.729.285l.942.942 1.995.982c.349.19.539.538.539.918a.987.987 0 0 1 -.982.982 1.27 1.27 0 0 1 -.475-.095l-2.09-1.077a.69.69 0 0 1 -.254-.158l-1.07-1.068a1.031 1.031 0 0 1 -.316-.729z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_walking_fast_20.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_walking_fast_20.svg
new file mode 100644
index 0000000000..37d5b5a05a
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_walking_fast_20.svg
@@ -0,0 +1 @@
+<svg id="icon" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m10.29 15.996 2.462-4.89.224-2.694-.8.352-.192 1.376a.999.999 0 0 1 -.992.864c-.544 0-.992-.48-.992-.992v-.16l.32-1.92a.935.935 0 0 1 .544-.768l1.952-.896c.32-.128.864-.448 1.248-.448.352 0 .768.32.992.448l2.624 1.664c.256.192.448.512.448.864 0 .576-.48.992-.992.992-.224 0-.416-.064-.576-.16l-1.6-1.056-.178 2.56 1.784 1.6c.192.128.339.316.416.544l1.05 2.944c0 .096.032.192.032.288 0 .512-.448.992-.992.992a1 1 0 0 1 -.992-.736l-.954-2.592-1.174-1.187-1.966 4.003c-.192.32-.48.512-.864.512a.997.997 0 0 1 -.992-.992c0-.192.032-.352.16-.512zm-7.29-6.996h3.714a1 1 0 1 1 0 2h-3.714a1 1 0 0 1 0-2zm2 3h3a1 1 0 0 1 0 2h-3a1 1 0 0 1 0-2zm7.752-8.5c0-.83.702-1.5 1.5-1.5.862 0 1.5.67 1.5 1.5 0 .798-.638 1.5-1.5 1.5-.798 0-1.5-.702-1.5-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_walking_fast_24.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_walking_fast_24.svg
new file mode 100644
index 0000000000..9669eb416b
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_walking_fast_24.svg
@@ -0,0 +1 @@
+<svg id="icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m14.883 7.546c.154-.092.339-.123.524-.123.709 0 1.202.462 1.14 1.263l-.308 4.839 2.65 2.62c.093.122.185.276.247.461l1.047 4.191a1.004 1.004 0 0 1 -.986 1.203c-.462 0-.832-.308-.955-.74l-.986-3.913-2.743-2.712c-.185-.185-.37-.4-.308-.801l.246-3.976-1.17.524-.278 1.788a.993.993 0 0 1 -.986.832c-.524 0-1.11-.462-.986-1.14l.339-2.343c.061-.338.308-.616.616-.77l2.897-1.202zm-11.883 4.454h5a1 1 0 0 1 0 2h-5a1 1 0 0 1 0-2zm2.286 3h4a1 1 0 0 1 0 2h-4a1 1 0 0 1 0-2zm8.448 1.012c.595 0 .986.442.986.986 0 .123 0 .277-.062.4l-1.747 3.986c-.124.37-.493.616-.925.616-.585 0-.986-.493-.986-1.017 0-.123.062-.277.092-.4l1.717-3.986c.185-.37.555-.585.925-.585zm5.24-6.268 1.672.853a.983.983 0 0 1 .554.863c0 .616-.493 1.017-1.017 1.017-.154 0-.277-.03-.431-.093l-1.671-.853a1.005 1.005 0 0 1 -.555-.894c0-.523.308-1.047.987-1.047a.83.83 0 0 1 .462.154zm-2.922-7.744c1.108 0 2 .892 2 2s-.892 2-2 2c-1.077 0-2-.892-2-2s.923-2 2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_walking_fast_32.svg b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_walking_fast_32.svg
new file mode 100644
index 0000000000..6819faa4ed
--- /dev/null
+++ b/review/refactor-icon-update/icons/functional/images/transportation/regular/db_ic_walking_fast_32.svg
@@ -0,0 +1 @@
+<svg id="icon" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m13.348 28.986c0-.126.032-.253.095-.411l3.22-7.24a.997.997 0 0 1 .918-.602 1.02 1.02 0 0 1 1.014 1.014.843.843 0 0 1 -.095.38l-3.22 7.24c-.158.38-.538.633-.918.633a1 1 0 0 1 -1.014-1.014zm.222-13.176.475-3.136a.972.972 0 0 1 .634-.76l4.114-2.114c.348-.127.633-.19.887-.19.76 0 1.14.538 1.108 1.298l-.693 7.183 3.61 3.611c.128.127.223.285.286.476l1.615 6.586c.159.634-.316 1.267-.982 1.235-.443 0-.855-.285-.95-.76l-1.583-6.333-3.675-3.643a1.245 1.245 0 0 1 -.348-1.045l.63-6.201-2.752 1.545-.412 2.566a.992.992 0 0 1 -.982.855c-.602 0-1.077-.57-.982-1.172zm-10.57.19h7a1 1 0 0 1 0 2h-7a1 1 0 0 1 0-2zm2.286 4h7a1 1 0 0 1 0 2h-7a1 1 0 0 1 0-2zm15.117-18a3 3 0 0 1 3 3c0 1.625-1.344 3-3 3a3 3 0 0 1 0-6zm.027 2.027c-.563 0-1 .438-1 1 0 .531.437 1 1 1 .531 0 1-.469 1-1 0-.562-.469-1-1-1zm1.035 8.814c0-.538.444-.982.982-.982.285 0 .538.095.729.285l.942.942 1.995.982c.349.19.539.538.539.918a.987.987 0 0 1 -.982.982 1.27 1.27 0 0 1 -.475-.095l-2.09-1.077a.69.69 0 0 1 -.254-.158l-1.07-1.068a1.031 1.031 0 0 1 -.316-.729z" fill="var(--db-icon-color, currentColor)" fill-rule="evenodd"/></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_account.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_account.svg
new file mode 100755
index 0000000000..b876e88959
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_account.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 11)"><path d="M50 0a5 5 0 0 1 4.995 4.783L55 5v32a5 5 0 0 1-4.783 4.995L50 42H9a5 5 0 0 1-4.995-4.783L4 37v-3H3a3 3 0 0 1-2.995-2.824L0 31a3 3 0 0 1 2.824-2.995L3 28h1V14H3a3 3 0 0 1-2.995-2.824L0 11a3 3 0 0 1 2.824-2.995L3 8h1V5A5 5 0 0 1 8.783.005L9 0h41Zm0 2H9a3 3 0 0 0-2.995 2.824L6 5v3h1a3 3 0 0 1 .176 5.995L7 14H6v14h1a3 3 0 0 1 2.995 2.824L10 31a3 3 0 0 1-2.824 2.995L7 34H6v3a3 3 0 0 0 2.824 2.995L9 40h41a3 3 0 0 0 2.995-2.824L53 37V5a3 3 0 0 0-2.824-2.995L50 2Zm-6 29a1 1 0 0 1 0 2H33a1 1 0 0 1 0-2h11ZM7 30H3a1 1 0 0 0-.117 1.993L3 32h4a1 1 0 0 0 .117-1.993L7 30Zm30-3a1 1 0 0 1 0 2h-4a1 1 0 0 1 0-2h4Zm10 0a1 1 0 0 1 0 2h-7a1 1 0 0 1 0-2h7Zm-22.992-7C25.651 20 27 21.35 27 23.011v1.995c0 .567-.45.997-.997.997a.989.989 0 0 1-.997-.997V23.01c0-.567-.45-1.017-.998-1.017h-8.016c-.548 0-.997.45-.997 1.017v1.995a.99.99 0 0 1-.998.997.989.989 0 0 1-.997-.997V23.01c0-1.66 1.35-3.01 2.992-3.01h8.016ZM47 23a1 1 0 0 1 0 2H33a1 1 0 0 1 0-2h14ZM20 10c2.21 0 4.008 1.78 4.008 3.989A4.014 4.014 0 0 1 20 17.997c-2.21 0-3.989-1.799-3.989-4.008A3.98 3.98 0 0 1 20.001 10Zm.006 2c-1.098 0-2 .902-2 2 0 1.118.902 2 2 2 1.117 0 2-.882 2-2 0-1.098-.883-2-2-2ZM7 10H3a1 1 0 0 0-.117 1.993L3 12h4a1 1 0 0 0 .117-1.993L7 10Z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="M47 11a1 1 0 0 1 0 2H33a1 1 0 0 1 0-2h14Zm-4 4a1 1 0 0 1 0 2H33a1 1 0 0 1 0-2h10Z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_alarm_clock.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_alarm_clock.svg
new file mode 100644
index 0000000000..ca5570caa5
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_alarm_clock.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(9.238 8.5)"><path d="m22.762 3.5a1 1 0 0 1 .993.883l.007.117v1l-.002.026c10.03.519 18.002 8.815 18.002 18.974 0 5.943-2.729 11.248-7.001 14.732l3.869 6.772a1 1 0 0 1 -1.673 1.09l-.064-.098-3.758-6.575a18.911 18.911 0 0 1 -10.373 3.079 18.911 18.911 0 0 1 -10.374-3.08l-3.758 6.577a1 1 0 0 1 -1.789-.888l.052-.104 3.87-6.771c-4.273-3.485-7.001-8.791-7.001-14.734 0-10.159 7.972-18.455 18.002-18.974l-.002-.026v-1a1 1 0 0 1 1-1zm0 4c-9.39 0-17 7.611-17 17s7.61 17 17 17c9.388 0 17-7.611 17-17s-7.612-17-17-17zm-9.105-3.22a1 1 0 1 1 -1.414 1.414 6 6 0 1 0 -8.486 8.485 1 1 0 1 1 -1.414 1.414 8 8 0 1 1 11.314-11.313zm29.231-.407a8 8 0 0 1 .006 11.308 1 1 0 1 1 -1.416-1.413 6 6 0 0 0 -8.485-8.485 1 1 0 0 1 -1.413-1.415 8 8 0 0 1 11.308.005zm-20.126-3.873c1.208 0 2.397.397 3.554 1.168a1 1 0 1 1 -1.11 1.664c-.841-.562-1.651-.832-2.443-.832s-1.603.27-2.446.832a1 1 0 1 1 -1.11-1.664c1.158-.771 2.348-1.168 3.556-1.168z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m32.247 17.643a1 1 0 0 1 1.126 1.649l-.097.065-10 6a1 1 0 0 1 -.89.07l-.12-.059-7-4a1 1 0 0 1 .887-1.788l.105.052 6.492 3.708z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_ar_icon.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_ar_icon.svg
new file mode 100644
index 0000000000..51583180aa
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_ar_icon.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(8 4)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="M25 0a5 5 0 0 1 4.995 4.783v6.218c.001.57-.486.999-.998.999-.511 0-.997-.419-.997-.998V5a3 3 0 0 0-2.824-2.995L23 2c0 .813-.312 1.575-.869 2.131a2.966 2.966 0 0 1-1.883.861L9.966 5c-1.58 0-2.87-1.443-2.961-3H5a3 3 0 0 0-2.995 2.824L2 51a3 3 0 0 0 2.824 2.995L25 54a3 3 0 0 0 2.995-2.824L28 41.594 7.536 30.886a1 1 0 0 1 .09-1.813l7.055-2.851a1 1 0 1 1 .75 1.854l-5.052 2.04L29 39.86l18.618-9.744-4.979-2.01a1.022 1.022 0 0 1-.527-1.367c.263-.6.81-.652 1.277-.488l6.984 2.822c.796.316.847 1.39.089 1.813L30 41.594V51a5 5 0 0 1-4.783 4.995L5 56a5 5 0 0 1-4.995-4.783L0 5A5 5 0 0 1 4.783.005L25 0Zm-3.872 50a1 1 0 0 1 1 1c0 .513-.429 1-1 1h-12a1 1 0 0 1-1-1c0-.513.42-1 1-1h12ZM29 30c.513 0 1 .415 1 1v1.384l.564-.282a1 1 0 0 1 1.342.445.992.992 0 0 1-.445 1.342L29.45 34.9a1.026 1.026 0 0 1-.898 0l-2.01-1.01a1 1 0 0 1-.445-1.342c.23-.458.791-.693 1.342-.445l.561.282V31a1 1 0 0 1 1-1Zm8-3.5c.538 0 1 .428 1 1l.002 2.488c0 .337-.2.712-.552.895l-2.557 1.283a1 1 0 0 1-1.342-.445 1.015 1.015 0 0 1 .445-1.342l.911-.458-.282-.163a.875.875 0 0 1-.32-1.195.885.885 0 0 1 1.195-.32l.501.289L36 27.5c0-.55.46-1 1-1.001Zm-16 0c.513 0 1 .43 1 1v1.03l.5-.288a.875.875 0 0 1 1.196.32c.223.387.111.954-.32 1.196l-.284.162.887.445c.507.254.683.869.445 1.343-.238.473-.788.694-1.337.445l-2.536-1.27A1.004 1.004 0 0 1 20 30v-2.5a1 1 0 0 1 1-1Zm3.426-8.241c.227.46.062 1.062-.447 1.336l-.931.458.327.19a.875.875 0 0 1 .32 1.195.893.893 0 0 1-1.195.32l-.5-.29V22.5a.999.999 0 0 1-2 .007v-2.558c0-.339.206-.732.551-.897l2.536-1.248a1 1 0 0 1 1.339.455Zm10.481-.455 2.537 1.248c.304.15.55.462.556.897v2.552a1 1 0 0 1-1.999.005v-1.04l-.501.292a.875.875 0 0 1-.875-1.516l.327-.19-.927-.457c-.558-.274-.664-.915-.455-1.34a1 1 0 0 1 1.337-.45Zm-5.464-2.699 2.036 1.004a1 1 0 0 1 .454 1.34c-.227.46-.78.704-1.339.454L30 17.609V19a1 1 0 0 1-2 0v-1.39l-.543.268c-.518.266-1.112.006-1.339-.454-.227-.46-.103-1.032.455-1.34l1.986-.979c.236-.133.652-.133.884 0ZM21 2H9c0 .555.388 1 1.002 1h10.032c.698 0 .966-.614.966-1Z"/><path fill="var(--db-icon-pulse-color, #EC0016)" d="M31.941 21.7c1.258 0 1.888.553 1.888 1.66 0 .452-.112.8-.335 1.041-.165.175-.411.312-.739.41.218.115.399.319.543.61l.86 1.776c.113.23-.076.497-.506.497-.214 0-.588-.064-.726-.34l-.796-1.667c-.107-.227-.212-.38-.314-.46-.09-.069-.232-.104-.429-.104h-.404v1.944a.627.627 0 1 1-1.254 0V22.2a.5.5 0 0 1 .5-.5h1.712Zm-5.592 0c.262 0 .5.15.598.411l1.908 5.059c.107.283.056.524-.449.524-.449 0-.616-.113-.73-.393l-.355-.88h-2.225l-.3.805c-.125.339-.299.468-.748.468-.448 0-.557-.223-.448-.506l1.945-5.077c.084-.22.28-.412.523-.412Zm-.1 1.6-.795 2.226h1.59l-.795-2.225Zm5.559-.659h-.827v1.63h.819c.301 0 .514-.069.637-.205.102-.111.153-.307.153-.587 0-.23-.02-.397-.063-.502-.086-.224-.326-.336-.72-.336Z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_calendar.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_calendar.svg
new file mode 100644
index 0000000000..de7b64b14e
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_calendar.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(7 8)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="M39 0a3 3 0 0 1 2.995 2.824L42 3v1h3a5 5 0 0 1 4.995 4.783L50 9v33a5 5 0 0 1-4.783 4.995L45 47H5a5 5 0 0 1-4.995-4.783L0 42V9a5 5 0 0 1 4.783-4.995L5 4h3V3A3 3 0 0 1 10.824.005L11 0a3 3 0 0 1 2.995 2.824L14 3v1h22V3A3 3 0 0 1 38.824.005L39 0ZM8 6H5a3 3 0 0 0-2.995 2.824L2 9v33a3 3 0 0 0 2.824 2.995L5 45h40a3 3 0 0 0 2.995-2.824L48 42V9a3 3 0 0 0-2.824-2.995L45 6h-3v1a3 3 0 0 1-5.995.176L36 7V6H14v1a3 3 0 0 1-2.824 2.995L11 10a3 3 0 0 1-2.995-2.824L8 7V6Zm33.5 29a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm-11 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm-11 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm-11 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm33 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm-33 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm-22-11a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm11 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm11 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm11 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm-22 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm-33 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm0-11a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm11 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm11 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm11 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm-33 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM11 2a1 1 0 0 0-.993.883L10 3v4a1 1 0 0 0 1.993.117L12 7V3a1 1 0 0 0-1-1Zm28 0a1 1 0 0 0-.993.883L38 3v4a1 1 0 0 0 1.993.117L40 7V3a1 1 0 0 0-1-1Z"/><rect width="40" height="2" x="5" y="12" fill="var(--db-icon-pulse-color, #EC0016)" rx="1"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_christmas.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_christmas.svg
new file mode 100644
index 0000000000..e61be8d902
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_christmas.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(14.998 5)"><path d="m11.897 14.157a1 1 0 0 1 .337 1.286l-.06.1-2.304 3.457h8.312a1 1 0 0 1 .116 1.993l-.116.007h-5.646l-6.666 10h2.396a1 1 0 0 1 .89 1.455l-.056.096-6.24 9.449h28.32l-6.022-9.463a1 1 0 0 1 .733-1.531l.11-.006h2.132l-6.963-10.445a1 1 0 0 1 .72-1.55l.112-.005h2.13l-2.296-3.446a1 1 0 0 1 .184-1.316l.093-.07a1 1 0 0 1 1.317.183l.07.094 3.334 5a1 1 0 0 1 -.72 1.55l-.112.005h-2.132l6.963 10.445a1 1 0 0 1 -.72 1.55l-.112.005h-2.18l6.023 9.463a1 1 0 0 1 -.733 1.531l-.11.006-12.001-.001v8.001a1 1 0 0 1 -.883.993l-.116.007h-6a1 1 0 0 1 -.994-.883l-.005-.117-.002-8.001-12 .001a1 1 0 0 1 -.89-1.455l.056-.096 6.24-9.449h-2.404a1 1 0 0 1 -.89-1.458l.058-.097 6.96-10.445h-2.128l-.111-.007a.984.984 0 0 1 -.723-.44l-.03-.049-.047-.09-.033-.083-.033-.117a.976.976 0 0 1 -.007-.401l.044-.155.023-.059.052-.101 3.373-5.064a1 1 0 0 1 1.387-.277zm7.105 29.843h-4v7h4zm-2.89-43.456a1 1 0 0 1 1.712-.114l.068.114 1.617 3.158 3.631.509a1 1 0 0 1 .696 1.543l-.068.09-.082.086-2.605 2.448.613 3.447a1.001 1.001 0 0 1 -1.229 1.146l-.107-.034-.1-.045-3.256-1.65-3.256 1.65a1.001 1.001 0 0 1 -1.452-.846l.002-.112.013-.11.613-3.446-2.605-2.448a1.001 1.001 0 0 1 .317-1.66l.114-.037.115-.022 3.63-.509 1.62-3.158zm.89 2.649-.965 1.883a1 1 0 0 1 -.632.51l-.12.025-2.078.29 1.48 1.39a1 1 0 0 1 .312.656l.001.123-.014.125-.357 2.006 1.92-.972a1 1 0 0 1 .65-.089l.13.036.125.053 1.92.972-.357-2.006a1 1 0 0 1 .14-.712l.074-.1.086-.092 1.479-1.391-2.079-.29a1 1 0 0 1 -.616-.335l-.073-.095-.062-.105-.964-1.883z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m22.002 31a1 1 0 0 1 .116 1.993l-.116.007h-18a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_clock_moving.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_clock_moving.svg
new file mode 100644
index 0000000000..906a77f30e
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_clock_moving.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(10 10)"><path d="m22 7a14.991 14.991 0 0 1 12.951 7.428 1 1 0 1 1 -1.726 1.01 12.992 12.992 0 0 0 -11.225-6.438 1 1 0 0 1 0-2zm0 4c2.528 0 4.649.75 6.376 2.288a1 1 0 1 1 -1.33 1.493c-1.347-1.2-2.993-1.781-5.046-1.781a1 1 0 0 1 0-2z" fill="var(--db-icon-pulse-color, #EC0016)"/><path d="m22 0c12.15 0 22 9.85 22 22s-9.85 22-22 22-22-9.85-22-22 9.85-22 22-22zm1 2.025v1.975a1 1 0 0 1 -1.993.117l-.007-.117v-1.975a19.896 19.896 0 0 0 -8.41 2.322l.637 1.069a1 1 0 0 1 -1.653 1.12l-.065-.096-.634-1.063a20.107 20.107 0 0 0 -5.848 6.038l1.154.619a1 1 0 0 1 -.838 1.812l-.106-.05-1.184-.633a19.89 19.89 0 0 0 -2.028 7.837h1.975a1 1 0 0 1 .117 1.993l-.117.007h-1.975a19.887 19.887 0 0 0 2.312 8.39l1.07-.641a1 1 0 0 1 1.126 1.65l-.097.065-1.071.643a20.107 20.107 0 0 0 6.058 5.87l.589-1.064a1 1 0 0 1 1.8.864l-.05.105-.592 1.068a19.89 19.89 0 0 0 7.83 2.025v-1.975a1 1 0 0 1 1.993-.117l.007.117v1.975a19.887 19.887 0 0 0 8.326-2.278l-.664-1.113a1 1 0 0 1 1.653-1.12l.065.096.666 1.116a20.107 20.107 0 0 0 5.856-5.978l-1.107-.632a1 1 0 0 1 .887-1.789l.104.052 1.1.629a19.888 19.888 0 0 0 2.091-7.958h-1.977a1 1 0 0 1 -.117-1.993l.117-.007h1.975a19.886 19.886 0 0 0 -2.339-8.44l-1.154.691a1 1 0 0 1 -1.125-1.65l.096-.065 1.15-.69a20.107 20.107 0 0 0 -5.977-5.793l-.64 1.15a1 1 0 0 1 -1.797-.87l.05-.105.643-1.152a19.889 19.889 0 0 0 -7.882-2.051zm11.864 12.471a1 1 0 0 1 -.264 1.304l-.097.065-11.763 6.861-4.33 7.762a1 1 0 0 1 -1.835-.761l.038-.108.051-.105 4.462-8c.024-.044.051-.085.08-.124l.083-.093.109-.095.079-.054 12.018-7.01a1 1 0 0 1 1.368.36z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_compass.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_compass.svg
new file mode 100644
index 0000000000..ed24ce1031
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_compass.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7 7)"><path d="m17.576 1.114c12.23-3.776 25.333 2.325 30.315 14.116a24.923 24.923 0 0 1 1.965 9.732c-.017 12.8-9.726 23.508-22.463 24.773-.7.07-1.397.109-2.089.12a.993.993 0 0 1 -.9-.001 24.915 24.915 0 0 1 -16.754-6.958 1.006 1.006 0 0 1 -.278-.27 24.852 24.852 0 0 1 -6.876-12.762c-2.533-12.547 4.849-24.974 17.08-28.75zm8.28.905v1.609a1 1 0 0 1 -1.994.116l-.006-.116v-1.602c-1.894.09-3.803.416-5.69.999a22.848 22.848 0 0 0 -9.009 5.263l1.01 1.01a1 1 0 0 1 -1.327 1.492l-.087-.078-.985-.986a22.95 22.95 0 0 0 -5.762 14.674h1.077a1 1 0 0 1 .117 1.994l-.117.006h-1.033c.066 1.018.201 2.043.408 3.068a22.844 22.844 0 0 0 5.76 11.158l.536-.537a1 1 0 0 1 1.492 1.327l-.078.087-.519.519a22.908 22.908 0 0 0 14.207 5.812v-.661a1 1 0 0 1 1.994-.117l.007.117v.666a22.85 22.85 0 0 0 14.278-5.747l-.59-.59a1 1 0 0 1 1.327-1.491l.087.078.612.612a22.875 22.875 0 0 0 6.24-14.3h-1.182a1 1 0 0 1 -.116-1.994l.116-.007h1.222a22.923 22.923 0 0 0 -1.802-8.391 22.89 22.89 0 0 0 -4.024-6.362l-1.066 1.065a1 1 0 0 1 -1.492-1.327l.078-.087 1.082-1.083a22.987 22.987 0 0 0 -14.77-6.196zm-6.14 22.85a1 1 0 0 1 .803 1.059l-.016.116-2.067 10.473 8.404-7.842a1 1 0 0 1 1.322-.038l.091.086a1 1 0 0 1 .038 1.322l-.086.092-10.667 9.955c-.682.637-1.764.075-1.68-.816l.017-.108 2.666-13.512a1 1 0 0 1 1.175-.787zm4.46-1.55a1.778 1.778 0 1 1 1.36 3.285 1.778 1.778 0 0 1 -1.36-3.285z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m32.078 10.005c.676-.626 1.744-.08 1.677.8l-.014.112-2.568 14.222a1 1 0 0 1 -1.982-.24l.014-.115 2.037-11.282-8.374 7.749a1 1 0 0 1 -1.322.032l-.091-.087a1 1 0 0 1 -.032-1.322l.087-.091z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_construction_sign.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_construction_sign.svg
new file mode 100644
index 0000000000..b2afe0f9d1
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_construction_sign.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(9 8)"><path d="m41 0a5 5 0 0 1 5 5v16a5 5 0 0 1 -5 5h-3v2h3a5 5 0 0 1 4.995 4.783l.005.217v3a5 5 0 0 1 -5 5h-3v6a1 1 0 0 1 -1.993.117l-.007-.117v-6h-26v6a1 1 0 0 1 -1.993.117l-.007-.117v-6h-3a5 5 0 0 1 -5-5v-3a5 5 0 0 1 5-5h3v-2h-3a5 5 0 0 1 -5-5v-16a5 5 0 0 1 5-5zm0 30h-36a3 3 0 0 0 -3 3v3a3 3 0 0 0 3 3h36a3 3 0 0 0 3-3v-3a3 3 0 0 0 -3-3zm-32.445 2.168a1 1 0 0 1 .336 1.286l-.059.1-2 3a1 1 0 0 1 -1.723-1.008l.059-.1 2-3a1 1 0 0 1 1.387-.278zm8 0a1 1 0 0 1 .336 1.286l-.059.1-2 3a1 1 0 0 1 -1.723-1.008l.059-.1 2-3a1 1 0 0 1 1.387-.278zm8 0a1 1 0 0 1 .336 1.286l-.059.1-2 3a1 1 0 0 1 -1.723-1.008l.059-.1 2-3a1 1 0 0 1 1.387-.278zm8 0a1 1 0 0 1 .336 1.286l-.059.1-2 3a1 1 0 0 1 -1.723-1.008l.059-.1 2-3a1 1 0 0 1 1.387-.278zm8 0a1 1 0 0 1 .336 1.286l-.059.1-2 3a1 1 0 0 1 -1.723-1.008l.059-.1 2-3a1 1 0 0 1 1.387-.278zm-4.555-6.168h-26v2h26zm5-24h-36a3 3 0 0 0 -3 3v16a3 3 0 0 0 3 3h36a3 3 0 0 0 3-3v-16a3 3 0 0 0 -3-3z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m23.08 5c.78 0 1.412.44 1.75 1.085l5.967 12.17c.135.304.203.61.203.88 0 1.12-.774 2.027-1.859 2.027h-12.12a2.044 2.044 0 0 1 -2.021-2.026c0-.305.068-.61.203-.882l6.034-12.101c.305-.678 1.098-1.153 1.844-1.153zm0 2.02-6.06 12.121h12.121l-6.06-12.12zm0 9.099c.555 0 1.01.456 1.01 1.01s-.455 1.01-1.01 1.01c-.553 0-1.01-.456-1.01-1.01s.457-1.01 1.01-1.01zm1.01-5.058v4.04h-2.02v-4.04z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_construction_worker.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_construction_worker.svg
new file mode 100644
index 0000000000..89c97bbe9c
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_construction_worker.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(10 6)"><path d="m32.5 37c3.059 0 5.99 1.265 8.146 3.511 2.066 2.152 3.26 5.037 3.349 8.063l.005.364v2.062a1 1 0 0 1 -1.993.117l-.007-.117v-2.063c0-2.644-1.007-5.177-2.797-7.04-1.633-1.702-3.795-2.718-6.078-2.875l-.35-.018-.158.099a21.028 21.028 0 0 1 -10.14 3.011l-.488.01a21.003 21.003 0 0 1 -10.606-3.021l-.161-.1-.26.013c-4.9.286-8.82 4.46-8.958 9.638l-.004.283v2.063a1 1 0 0 1 -1.993.117l-.007-.117v-2.063c0-6.582 5.14-11.937 11.5-11.937a1 1 0 0 1 .535.155 19.004 19.004 0 0 0 9.954 2.97 19.02 19.02 0 0 0 9.976-2.97 1 1 0 0 1 .535-.155zm-10.5-37c1.71 0 2.929.345 4.448 1.107a1 1 0 0 1 .552.87l-.005.124-.012.121c6.053 1.692 9.15 5.583 9.082 11.497a3 3 0 0 0 .475 1.654l.125.18 1.735 2.314a3 3 0 0 1 .592 1.584l.008.216v.333a2 2 0 0 1 -1.85 1.995l-.15.005-2.038-.001c.025.332.038.666.038 1.001 0 7.18-5.82 13-13 13s-13-5.82-13-13c0-.335.013-.669.038-1h-2.038a2 2 0 0 1 -1.995-1.85l-.005-.15v-.333a3 3 0 0 1 .477-1.623l.123-.177 1.735-2.314a3 3 0 0 0 .6-1.834c-.067-5.915 3.03-9.806 9.084-11.497l-.011-.122a1 1 0 0 1 .546-.993c1.52-.762 2.737-1.107 4.446-1.107zm10.957 22.017-.086.009-1.066.139-1.52.187-.962.112-1.364.149-.857.085-1.207.108-.753.06-.711.047-.67.038-.629.027-.587.016-.278.005h-.535l-.714-.016-.78-.032-.669-.038-.711-.048-.753-.059-1.207-.108-.857-.085-.9-.096-1.425-.165-1.521-.188-1.066-.138-.086-.009c-.029.326-.043.653-.043.983 0 6.075 4.925 11 11 11s11-4.925 11-11c0-.33-.014-.658-.043-.983zm-10.957-20.017c-1.049 0-1.837.155-2.72.514l-.212.09.927 9.297a1 1 0 0 1 -.78 1.076l-.116.018a1 1 0 0 1 -1.076-.78l-.018-.116-.784-7.854c-4.978 1.49-7.342 4.585-7.286 9.451a5 5 0 0 1 -.841 2.833l-.159.224-1.735 2.314a1 1 0 0 0 -.192.47l-.008.13v.333h3.735a5 5 0 0 1 .656.043l1.557.2.986.121.944.11.902.1.86.09 1.21.113.755.063 1.052.075.65.037.606.026.564.016.523.006.523-.006.564-.016.607-.026.65-.037 1.052-.075.755-.063 1.21-.114.86-.089.902-.1 1.432-.169 2.055-.262a5 5 0 0 1 .436-.038l.22-.005h3.734v-.333a1 1 0 0 0 -.13-.492l-.07-.108-1.735-2.314a5 5 0 0 1 -1-3.057c.056-4.865-2.308-7.961-7.285-9.451l-.79 7.855a1 1 0 0 1 -1.995-.083l.005-.117.933-9.296-.21-.09a6.59 6.59 0 0 0 -2.416-.51z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m14.042 17.221a1 1 0 0 1 1.24-.681l.113.028.17.035.367.061.32.045.385.048.27.029.577.054.626.047.676.04.356.016.752.028.395.01.829.014.882.005.882-.005.83-.014.777-.023.37-.015.7-.035.332-.02.626-.048.577-.054.654-.077.32-.045.366-.06.234-.05.05-.014a1 1 0 0 1 .559 1.92l-.176.046-.23.05-.29.051-.349.054-.41.055-.23.027a28.63 28.63 0 0 1 -.584.061l-.633.054-.681.045-.731.038-.385.015-.807.024-.86.015-.911.005-.911-.005-.86-.015-.806-.024-.757-.033a46.732 46.732 0 0 1 -.359-.02l-.681-.045-.633-.054-.584-.06-.23-.028-.41-.055-.35-.054-.289-.052a7.457 7.457 0 0 1 -.122-.025l-.204-.048a1 1 0 0 1 -.762-1.261z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_credit_card.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_credit_card.svg
new file mode 100644
index 0000000000..5d03ecd567
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_credit_card.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(9 7.11)"><path d="m42.427 21.645c1.382 2.833.146 6.266-2.741 7.674l-14.465 7.055a5.945 5.945 0 0 1 -1.22.44l-.001 9.83c0 1.574-.406 2.855-1.218 3.872a1 1 0 0 1 -1.563-1.249c.515-.644.781-1.484.781-2.623l.001-9.7a5.732 5.732 0 0 1 -3.219-1.42l-1.782 1.782v4.587c0 2.702-1.276 4.592-2.716 5.578-1.44.987-2.352 1.27-3.105 1.406a1.001 1.001 0 0 1 -1.163-.806 1.008 1.008 0 0 1 .806-1.162c.929-.189 1.642-.606 2.11-.93 1.305-.9 2.068-2.206 2.068-4.086v-5a1 1 0 0 1 .293-.707l5.999-5.999c1.065-1.07 1.065-2.519.001-3.588-1.067-1.068-2.519-1.068-3.586.001l-8 8a1 1 0 0 1 -1.414-1.414l6.051-6.053-.632-1.06c-1.381-2.834-.146-6.266 2.742-7.675l.66-.323c-1.122-.394-2.752.226-4.952 2.067l-8.454 7.458c-1.111 1.112-1.708 2.63-1.708 4.293v18a1 1 0 1 1 -2 0v-18c0-2.182.798-4.209 2.339-5.75l8.519-7.517c3.18-2.662 5.856-3.412 7.916-1.914.145.106.254.244.323.397l11.821-5.765c2.888-1.409 6.353-.269 7.735 2.564zm-4.626-4.92-15.934 7.781c.295.19.577.416.842.681 1.842 1.85 1.842 4.561-.002 6.413l-2.507 2.508c1.118.94 2.746 1.151 4.144.47l14.465-7.056c1.905-.93 2.712-3.17 1.82-5zm.694 8.516-7.186 3.515a1 1 0 0 1 -.879-1.796l7.294-3.56a1 1 0 0 1 .771 1.841zm-21.165-5.045c-1.905.93-2.712 3.171-1.861 4.924l.333.555.491-.489c.659-.66 1.43-1.085 2.232-1.274l18.4-8.985-.07-.142c-.892-1.829-3.155-2.573-5.06-1.644z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m29.365 6.59c0 .399.399.939 1.056.939.282 0 .587-.18.775-.446 1.291-1.831 3.38-2.982 5.61-2.982 2.278 0 4.372 1.15 5.655 2.983.196.28.495.445.8.445.447 0 1.01-.352 1.01-.986 0-.235-.07-.435-.191-.608-1.655-2.373-4.362-3.829-7.274-3.829-2.864 0-5.571 1.456-7.226 3.829a1.273 1.273 0 0 0 -.215.655zm2.629 2.558c0 .564.423 1.01.986 1.01.352 0 .68-.188.845-.446a3.533 3.533 0 0 1 2.981-1.643c1.22 0 2.344.61 3.007 1.641a.983.983 0 0 0 .843.448c.587 0 .986-.517.986-1.01 0-.187-.07-.382-.19-.562a5.59 5.59 0 0 0 -4.646-2.513 5.567 5.567 0 0 0 -4.625 2.511c-.14.215-.187.377-.187.564z" fill="var(--db-icon-pulse-color, #EC0016)" transform="matrix(.95105652 .30901699 -.30901699 .95105652 3.696893 -11.077266)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_db_clock.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_db_clock.svg
new file mode 100644
index 0000000000..7108365773
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_db_clock.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(10 10)"><path d="m22 0c12.15 0 22 9.85 22 22s-9.85 22-22 22-22-9.85-22-22 9.85-22 22-22zm1 2.025v1.975a1 1 0 0 1 -1.993.117l-.007-.117v-1.975a19.896 19.896 0 0 0 -8.41 2.322l.637 1.069a1 1 0 0 1 -1.653 1.12l-.065-.096-.634-1.063a20.107 20.107 0 0 0 -5.848 6.038l1.154.619a1 1 0 0 1 -.838 1.812l-.106-.05-1.184-.633a19.89 19.89 0 0 0 -2.028 7.837h1.975a1 1 0 0 1 .117 1.993l-.117.007h-1.975a19.887 19.887 0 0 0 2.312 8.39l1.07-.641a1 1 0 0 1 1.126 1.65l-.097.065-1.071.643a20.107 20.107 0 0 0 6.058 5.87l.589-1.064a1 1 0 0 1 1.8.864l-.05.105-.592 1.068a19.89 19.89 0 0 0 7.83 2.025v-1.975a1 1 0 0 1 1.993-.117l.007.117v1.975a19.888 19.888 0 0 0 8.326-2.278l-.664-1.113a1 1 0 0 1 1.653-1.12l.065.096.666 1.116a20.107 20.107 0 0 0 5.856-5.978l-1.107-.632a1 1 0 0 1 .887-1.789l.104.052 1.1.629a19.89 19.89 0 0 0 2.091-7.958h-1.977a1 1 0 0 1 -.117-1.993l.117-.007h1.975a19.886 19.886 0 0 0 -2.339-8.44l-1.154.691a1 1 0 0 1 -1.125-1.65l.096-.065 1.15-.69a20.107 20.107 0 0 0 -5.977-5.793l-.64 1.15a1 1 0 0 1 -1.797-.87l.05-.105.643-1.152a19.878 19.878 0 0 0 -7.355-2.019zm-8.618 14.59.105.05 8.06 4.498.081.059.102.094.07.083.053.079 7.01 12.018a1 1 0 0 1 -1.662 1.105l-.065-.097-6.861-11.763-7.762-4.33a1 1 0 0 1 .869-1.797z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m24 11a1 1 0 0 1 .117 1.993l-.117.007h-4a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_diamond.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_diamond.svg
new file mode 100644
index 0000000000..e1626e40be
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_diamond.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 6)"><path d="m28.045.001.148.013 15.147 1.434c.532.05 1.02.306 1.358.707l.107.138 10.836 15.375c.478.68.476 1.572.01 2.245l-.107.141-25.984 31.218a2.042 2.042 0 0 1 -3.035.1l-.089-.1-25.979-31.216a1.957 1.957 0 0 1 -.19-2.242l.095-.149 10.902-15.375c.305-.43.768-.721 1.287-.816l.174-.025 15.139-1.439c.06-.008.12-.01.18-.008zm-.046 2.46-15.377 16.549 15.368 29.392 15.376-29.402-15.366-16.54zm17.073 17.555-13.269 25.428 21.166-25.43zm-42.044-.004 21.126 25.384-13.243-25.38zm41.788-14.22.798 12.235h7.812zm-33.657.113-8.472 12.095h7.704zm14.318-3.677-12.134 1.154-.818 12.737 12.952-13.891zm5.043-.001 12.937 13.874-.818-12.726-12.12-1.148z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m39 18a1 1 0 0 1 .117 1.993l-.117.007h-22a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_download.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_download.svg
new file mode 100644
index 0000000000..5b27a21359
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_download.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(11 8.993)"><path d="m41 25.007a1 1 0 0 1 1 1v9a5 5 0 0 1 -5 5h-32a5 5 0 0 1 -5-5v-9a1 1 0 0 1 2 0v9a3 3 0 0 0 3 3h32a3 3 0 0 0 3-3v-9a1 1 0 0 1 1-1zm-4 9a1 1 0 0 1 0 2h-32a1 1 0 1 1 0-2zm0-4a1 1 0 0 1 0 2h-32a1 1 0 1 1 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m20 1.007v19.593l-6.281-6.312a.961.961 0 0 0 -.719-.281c-.562 0-1 .406-1 1 0 .25.063.5.281.718l8 8a1.05 1.05 0 0 0 1.438 0l8-8a.963.963 0 0 0 .281-.718c0-.594-.469-1-1-1-.25 0-.5.062-.719.281l-6.28 6.312v-19.593c0-1.343-2-1.343-2 0z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_fokus.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_fokus.svg
new file mode 100644
index 0000000000..6e94a54487
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_fokus.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(13.5 7)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="m34.39 22.745.093.38.824 3.084.733 2.805.347 1.385.09.384c.125.565.268 1.015.434 1.402.059.138.12.266.189.398l.146.27.282.503c.268.505.415.959.468 1.555.151 1.7-.44 3.449-1.789 4.796a1 1 0 1 1-1.414-1.414c.918-.917 1.311-2.08 1.211-3.204a1.867 1.867 0 0 0-.243-.796l-.298-.532a8.236 8.236 0 0 1-.39-.789 9.34 9.34 0 0 1-.47-1.423l-.242-1.018-.262-1.037-.726-2.773-.882-3.31c-.211-1.03-.808-1.46-1.448-1.344-.62.113-1.01.687-.848 1.557l.47 2.39.164.89.057.34c.704 3.645-1.96 6.634-5.658 6.752L25 34H8a1 1 0 0 0-.116 1.993L8 36h15a3 3 0 0 1 2.995 2.824L26 39c0 .913-.404 1.73-1.043 2.28.343.486.543 1.08.543 1.72 0 .535-.14 1.037-.385 1.471a2.997 2.997 0 0 1 1.263 3.38l-.049.149H28c1.61 0 3.061-.508 4.531-1.44l.295-.192c.274-.184.544-.378.842-.604l.724-.559.102-.068a1 1 0 0 1 1.216.158l.083.095a1 1 0 0 1-.183 1.402l-.736.567a20 20 0 0 1-.934.67c-1.764 1.183-3.55 1.885-5.56 1.964L28 50h-8.012a3 3 0 0 1-2.994-2.806l-.006-.188c-.003-.36.059-.705.173-1.025a3 3 0 0 1-2.115-4.706A2.989 2.989 0 0 1 14 39c0-.35.06-.687.17-1H8a3 3 0 0 1-.176-5.995L8 32h17c2.536 0 4.295-1.84 3.95-4.215l-.178-1.017-.18-.947-.36-1.815c-.368-1.968.737-3.595 2.454-3.907 1.677-.304 3.23.763 3.703 2.646ZM23.5 46h-3.53a.988.988 0 0 0-.976.879l-.006.127a1 1 0 0 0 .884.987l.116.007H23.5a1 1 0 0 0 .117-1.993L23.5 46Zm-6.003-4a1 1 0 0 0-.113 1.993L17.5 44h5a1 1 0 0 0 .123-1.993l-4.208.001-.918-.008ZM17 38a1 1 0 0 0-.116 1.993L17 40h5.5c.068 0 .136.002.203.007h.3a1 1 0 0 0 .99-.883l.007-.117c0-.52-.386-.942-.883-1L23 38h-6Zm.513-38a3 3 0 0 1 2.993 2.806l.007.188c.002.36-.06.705-.174 1.025a3 3 0 0 1 2.116 4.706A2.989 2.989 0 0 1 23.5 11c0 .35-.06.687-.17 1h6.17a3 3 0 0 1 .176 5.995L29.5 18h-17c-2.536 0-4.295 1.84-3.95 4.215l.179 1.017.18.947.36 1.815c.367 1.968-.738 3.595-2.455 3.907-1.676.304-3.229-.763-3.703-2.647l-.08-.331L.024 15.717a1 1 0 0 1 1.92-.546l3.052 11.357.014.06c.21 1.031.807 1.461 1.447 1.345.62-.113 1.01-.687.848-1.557l-.47-2.39-.164-.89-.057-.34c-.703-3.645 1.961-6.634 5.659-6.752L12.5 16h17a1 1 0 0 0 .117-1.993L29.5 14H15a1 1 0 0 1-.116-1.993L15 12h5.5a1 1 0 0 0 .117-1.993L20.5 10h-5a1 1 0 0 1-.116-1.993L15.5 8H20a1 1 0 0 0 .117-1.993L20 6h-4.5l-.062-.002-.091-.007a1 1 0 0 1 .037-1.996l.193.005h1.954a.988.988 0 0 0 .976-.879l.006-.127a1 1 0 0 0-.884-.987L17.513 2H9.5c-1.717 0-3.254.578-4.825 1.632-.275.184-.545.378-.843.604l-.724.559-.102.068a1 1 0 0 1-1.215-.158l-.083-.095a1 1 0 0 1 .182-1.402l.736-.567a20 20 0 0 1 .935-.67C5.325.788 7.11.086 9.12.007L9.5 0h8.012Z"/><path fill="var(--db-icon-pulse-color, #EC0016)" d="M19 21a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_gift.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_gift.svg
new file mode 100644
index 0000000000..a68468543a
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_gift.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8 8.494)"><path d="m3 22.506c.635 0 1 .524 1 1v18.083c0 1.01.802 1.917 1.887 1.917h15.113a1 1 0 0 1 1 1c0 .513-.42 1-1 1h-15.113c-2.167 0-3.887-1.766-3.887-3.917v-18.083a1 1 0 0 1 1-1zm42 0a1 1 0 0 1 .993.883l.007 18.201c0 2.085-1.614 3.806-3.685 3.912l-15.315.004c-.58 0-1-.487-1-1a1 1 0 0 1 .883-.993l15.23-.007c1.033 0 1.81-.822 1.882-1.773l.005-18.227c0-.476.365-1 1-1zm-1.538-13c2.51 0 4.426 1.925 4.533 4.29l.005 4.71c0 1.553-1.398 2.9-2.84 2.995l-18.16.005c-.577 0-1-.487-1-1a1 1 0 0 1 .883-.993l18.117-.007c.443 0 .926-.504.992-.909l.008-4.591c0-1.422-1.079-2.418-2.375-2.495l-39.087-.005c-1.368 0-2.538 1.019-2.538 2.5v4.5c0 .386.45.917.897.991l18.103.009a1 1 0 0 1 1 1c0 .476-.365.93-.879.993l-18.121.007c-1.497 0-3-1.39-3-3v-4.5a4.482 4.482 0 0 1 4.319-4.496l19.681-.004z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m35.288 1.886c1.706 2.183 1.254 5.366-.983 7.113-1.95 1.524-6.17 2.412-9.305 2.41v34.097a1 1 0 0 1 -1.993.116l-.007-34.212c-3.138.006-7.376-.882-9.332-2.41-2.237-1.748-2.69-4.931-.984-7.114s4.904-2.514 7.14-.767c1.613 1.26 3.194 3.668 4.162 6.441.968-2.773 2.548-5.18 4.161-6.44 2.237-1.748 5.435-1.417 7.14.766zm-5.909.81c-1.605 1.254-3.334 4.379-3.942 6.81 2.627-.106 5.822-.815 7.456-1.95s1.834-3.14.82-4.439c-1.015-1.299-2.954-1.5-4.334-.422zm-15.118.421c-1.014 1.299-.815 3.304.82 4.439 1.633 1.135 4.83 1.844 7.456 1.95-.609-2.431-2.337-5.556-3.943-6.81-1.38-1.078-3.318-.878-4.333.421z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_handshake.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_handshake.svg
new file mode 100644
index 0000000000..f234981f80
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_handshake.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7.986 10.003)"><path d="m25.444 2.825c6.58-2.26 12.7-1.314 17.692 3.625 6.688 6.617 6.32 16.058.014 22.547a1 1 0 1 1 -1.434-1.394c5.57-5.731 5.889-13.918.013-19.731-4.408-4.362-9.729-5.184-15.635-3.155-4.56 1.566-9.217 4.816-12.527 8.27a2.035 2.035 0 0 0 -.288 2.399 1.854 1.854 0 0 0 1.986.93l.155-.038 10.04-3.088a1 1 0 0 1 .697 1.87l-.11.041-10.05 3.092a3.852 3.852 0 0 1 -4.467-1.837 4.034 4.034 0 0 1 .587-4.748c3.522-3.673 8.435-7.102 13.327-8.783z" fill="var(--db-icon-pulse-color, #EC0016)"/><path d="m5.086 5.68c4.618-4.754 11.17-6.903 16.277-4.978a1 1 0 1 1 -.705 1.871c-4.281-1.613-10.03.272-14.138 4.5-5.704 5.869-6.291 13.724-.122 20.301l.26.273 17.224 17.724a2.033 2.033 0 0 0 2.804.124l.134-.128.063-.065a2.25 2.25 0 0 0 .13-2.971l-.117-.134-6.938-7.22c-.896-.932.432-2.263 1.356-1.467l.085.081 8.081 8.399a2.034 2.034 0 0 0 2.811.13l.135-.128.039-.04a2.25 2.25 0 0 0 .122-2.98l-.112-.128-7.93-8.156-.078-.088c-.741-.92.527-2.153 1.426-1.387l.086.08 8.867 9.121c.34.355.797.573 1.283.617l.183.008a2.03 2.03 0 0 0 1.337-.502l.135-.128.06-.063a2.25 2.25 0 0 0 .13-2.972l-.118-.134-8.625-8.959c-.894-.929.426-2.26 1.352-1.47l.086.08 7.948 8.172a2.033 2.033 0 0 0 2.932 0c.838-.87.839-2.248.005-3.115l-13.144-13.526a1 1 0 0 1 1.434-1.394l13.15 13.531a4.25 4.25 0 0 1 -.003 5.892 4.033 4.033 0 0 1 -2.441 1.21l-.225.02.02.068a4.254 4.254 0 0 1 -.909 3.821l-.152.167-.061.063a4.033 4.033 0 0 1 -4.057 1.074l-.097-.033-.024.189a4.241 4.241 0 0 1 -.988 2.145l-.153.169-.039.04a4.034 4.034 0 0 1 -4.29.996l-.106-.043-.007.052a4.24 4.24 0 0 1 -.987 2.136l-.152.167-.063.065a4.033 4.033 0 0 1 -5.649.168l-.166-.164-17.22-17.719c-7.243-7.452-6.64-16.674-.139-23.362z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_heart.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_heart.svg
new file mode 100644
index 0000000000..89e02cd983
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_heart.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(11 13)"><path d="m31.018 0c2.959 0 5.783 1.235 7.791 3.405 4.18 4.504 4.253 11.425.213 16.02l-.22.245-.79.834a1 1 0 0 1 -1.532-1.28l.08-.096.783-.826a9.95 9.95 0 0 0 0-13.538 8.617 8.617 0 0 0 -6.326-2.764 8.638 8.638 0 0 0 -6.136 2.568l-.22.23-2.96 2.914a1 1 0 0 1 -1.31.082l-.094-.082-2.992-2.948a8.617 8.617 0 0 0 -12.65.001c-3.472 3.742-3.54 9.489-.21 13.302l.204.227 17.075 18.018a1 1 0 0 1 -1.36 1.462l-.092-.086-17.082-18.026a11.949 11.949 0 0 1 0-16.256 10.617 10.617 0 0 1 7.792-3.406c2.849 0 5.574 1.145 7.537 3.139l.223.234 2.258 2.223 2.226-2.19a10.617 10.617 0 0 1 7.464-3.4z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m33.923 21.91a1 1 0 0 1 1.532 1.28l-.08.096-13.65 14.402a1 1 0 0 1 -1.533-1.28l.08-.096 13.65-14.401z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_information.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_information.svg
new file mode 100644
index 0000000000..6d10836d3f
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_information.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(12 12)"><path d="m20 0c11.046 0 20 8.954 20 20s-8.954 20-20 20-20-8.954-20-20 8.954-20 20-20zm0 2c-9.941 0-18 8.059-18 18s8.059 18 18 18 18-8.059 18-18-8.059-18-18-18zm.994 13.965.006.113v9.48a1 1 0 0 1 -1.993.117l-.007-.115v-8.201l-.372.094a1 1 0 0 1 -.12.022l-.123.008h-1.385a1 1 0 0 1 -.117-1.994l.117-.006 1.262-.001 1.495-.373a1 1 0 0 1 1.237.857zm-1.094-5.415c.78 0 1.42.593 1.493 1.352l.007.144a1.5 1.5 0 0 1 -2.993.152l-.007-.144a1.5 1.5 0 0 1 1.5-1.504z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m23.844 28.001a1 1 0 0 1 .117 1.993l-.117.007h-7.692a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_onlineshop_brand.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_onlineshop_brand.svg
new file mode 100644
index 0000000000..773a9c6e56
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_onlineshop_brand.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8 15)"><path d="m44.848 1.51a1 1 0 0 1 -1.671 1.093l-.064-.098c-.173-.3-.39-.436-.964-.484l-.292-.016-.35-.005-.946.009h-32.608c-1.57 0-2.858 1.245-2.948 2.82l-.005.176v17.986c0 1.598 1.231 2.9 2.78 2.992l.173.005 33.027.003.525.005.356-.006c.758-.026 1.035-.138 1.232-.435l.041-.067a1 1 0 1 1 1.732 1.001c-.638 1.103-1.377 1.436-2.87 1.496l-.449.01h-.24l-.582-.007h-32.772c-2.666 0-4.836-2.123-4.948-4.78l-.005-.218v-17.985c0-2.684 2.1-4.878 4.738-4.992l.215-.003 32.867-.003.241-.004c2.125-.035 3.031.19 3.787 1.507zm.152 17.99c.688 0 1.25.563 1.25 1.25 0 .688-.562 1.25-1.25 1.25-.687 0-1.25-.563-1.25-1.25 0-.688.563-1.25 1.25-1.25zm-6.75 0c.688 0 1.25.563 1.25 1.25 0 .688-.563 1.25-1.25 1.25-.719 0-1.25-.563-1.25-1.25 0-.688.531-1.25 1.25-1.25zm-3.344-13.5c.938 0 1.688.656 1.907 1.594l.093.406h10.594a.98.98 0 0 1 .969 1.219l-1.063 4.562c-.187.75-.75 1.469-1.75 1.563l-7.312.687.187.969h6.969c.563 0 1 .438 1 1 0 .469-.438 1-1 1h-6.906c-1.032 0-1.875-.688-2.032-1.594l-1.686-9.406h-.876c-.563 0-1-.469-1-1s.469-1 1-1zm11.344 4h-9l.75 4.063 7.438-.72zm-38.25 1.759c0-.465.416-.759.808-.759.318 0 .648.193.734.587l.679 3.123.765-3.147c.09-.37.44-.563.759-.563.318 0 .669.186.758.563l.749 3.159.671-3.135c.09-.417.416-.587.734-.587.416 0 .808.294.808.759a.855.855 0 0 1 -.025.22l-1.42 5.458c-.1.39-.44.563-.758.563s-.649-.175-.759-.563l-.783-2.766-.783 2.766c-.112.395-.44.563-.759.563a.775.775 0 0 1 -.758-.587l-1.396-5.434a.87.87 0 0 1 -.024-.22zm8.465 0c0-.465.416-.759.808-.759.318 0 .648.193.734.587l.679 3.123.765-3.147c.09-.37.44-.563.759-.563.318 0 .669.186.758.563l.749 3.159.67-3.135c.09-.417.417-.587.735-.587.416 0 .808.294.808.759a.855.855 0 0 1 -.025.22l-1.42 5.458c-.1.39-.44.563-.758.563s-.649-.175-.759-.563l-.783-2.766-.783 2.766c-.112.395-.44.563-.759.563a.775.775 0 0 1 -.759-.587l-1.395-5.434a.87.87 0 0 1 -.024-.22zm8.465 0c0-.465.416-.759.807-.759.319 0 .649.193.735.587l.679 3.123.765-3.147c.09-.37.44-.563.758-.563.319 0 .67.186.76.563l.748 3.159.67-3.135c.09-.417.417-.587.735-.587.416 0 .808.294.808.759a.855.855 0 0 1 -.025.22l-1.42 5.458c-.1.39-.44.563-.758.563s-.649-.175-.759-.563l-.783-2.766-.783 2.766c-.112.395-.44.563-.759.563a.775.775 0 0 1 -.759-.587l-1.395-5.434a.87.87 0 0 1 -.024-.22z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m47 29.998a1 1 0 0 1 .117 1.993l-.117.007h-46a1 1 0 0 1 -.117-1.994l.117-.006z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_onlineshop_feature.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_onlineshop_feature.svg
new file mode 100644
index 0000000000..b664cc14fa
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_onlineshop_feature.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8 15)"><path d="m44.848 1.51a1 1 0 0 1 -1.671 1.093l-.064-.098c-.173-.3-.39-.436-.964-.484l-.292-.016-.35-.005-.946.009h-32.608c-1.57 0-2.858 1.245-2.948 2.82l-.005.176v17.986c0 1.598 1.231 2.9 2.78 2.992l.173.005 33.027.003.525.005.356-.006c.758-.026 1.035-.138 1.232-.435l.041-.067a1 1 0 1 1 1.732 1.001c-.638 1.103-1.377 1.436-2.87 1.496l-.449.01h-.24l-.582-.007h-32.772c-2.666 0-4.836-2.123-4.948-4.78l-.005-.218v-17.985c0-2.684 2.1-4.878 4.738-4.992l.215-.003 32.867-.003.241-.004c2.125-.035 3.031.19 3.787 1.507zm-30.19 9.49c.415 0 .807.294.807.759a.855.855 0 0 1 -.025.22l-1.42 5.458c-.1.39-.44.563-.758.563s-.649-.175-.759-.563l-.783-2.766-.783 2.766c-.112.395-.44.563-.759.563a.775.775 0 0 1 -.758-.587l-1.396-5.434a.87.87 0 0 1 -.024-.22c0-.465.416-.759.808-.759.318 0 .648.193.734.587l.679 3.123.765-3.147c.09-.37.44-.563.759-.563.318 0 .669.186.758.563l.749 3.159.671-3.135c.09-.417.416-.587.734-.587zm8.464 0c.416 0 .808.294.808.759a.855.855 0 0 1 -.025.22l-1.42 5.458c-.1.39-.44.563-.758.563s-.649-.175-.759-.563l-.783-2.766-.783 2.766c-.112.395-.44.563-.759.563a.775.775 0 0 1 -.759-.587l-1.395-5.434a.87.87 0 0 1 -.024-.22c0-.465.416-.759.808-.759.318 0 .648.193.734.587l.679 3.123.765-3.147c.09-.37.44-.563.759-.563.318 0 .669.186.758.563l.749 3.159.67-3.135c.09-.417.417-.587.735-.587zm8.465 0c.416 0 .808.294.808.759a.855.855 0 0 1 -.025.22l-1.42 5.458c-.1.39-.44.563-.758.563s-.649-.175-.759-.563l-.783-2.766-.783 2.766c-.112.395-.44.563-.759.563a.775.775 0 0 1 -.759-.587l-1.395-5.434a.87.87 0 0 1 -.024-.22c0-.465.416-.759.807-.759.319 0 .649.193.735.587l.679 3.123.765-3.147c.09-.37.44-.563.758-.563.319 0 .67.186.76.563l.748 3.159.67-3.135c.09-.417.417-.587.735-.587zm15.413 18.998a1 1 0 0 1 .117 1.993l-.117.007h-46a1 1 0 0 1 -.117-1.994l.117-.006z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m38.25 22c.688 0 1.25-.563 1.25-1.25 0-.688-.563-1.25-1.25-1.25-.719 0-1.25.563-1.25 1.25 0 .688.531 1.25 1.25 1.25zm6.75 0c.688 0 1.25-.563 1.25-1.25 0-.688-.562-1.25-1.25-1.25-.687 0-1.25.563-1.25 1.25 0 .688.563 1.25 1.25 1.25zm-10.094-16c.938 0 1.688.656 1.907 1.594l.093.406h10.594a.98.98 0 0 1 .969 1.219l-1.063 4.562c-.187.75-.75 1.469-1.75 1.563l-7.312.687.187.969h6.969c.563 0 1 .438 1 1 0 .469-.438 1-1 1h-6.906c-1.032 0-1.875-.688-2.032-1.594l-1.686-9.406h-.876c-.563 0-1-.469-1-1s.469-1 1-1zm11.344 4h-9l.75 4.063 7.438-.72z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_pdf.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_pdf.svg
new file mode 100644
index 0000000000..634b37a6e9
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_pdf.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(14 8)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="M32 0a4 4 0 0 1 4 4v40a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4Zm0 2H4a2 2 0 0 0-2 2v40a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2Zm-2 38a1 1 0 0 1 .117 1.993L30 42H6a1 1 0 0 1-.117-1.993L6 40h24ZM16 19a2 2 0 0 1 1.995 1.85L18 21v14a2 2 0 0 1-1.85 1.995L16 37H7a2 2 0 0 1-1.995-1.85L5 35V21a2 2 0 0 1 1.85-1.995L7 19h9Zm14 15a1 1 0 0 1 .117 1.994L30 36h-9a1 1 0 0 1-.117-1.993L21 34h9ZM16 21H7v14h9V21Zm13.892 6a1 1 0 0 1 .116 1.993l-.116.007H21a1 1 0 0 1-.117-1.993L21 27h8.892ZM30 20a1 1 0 0 1 .117 1.993L30 22h-9a1 1 0 0 1-.117-1.993L21 20h9Z"/><path fill="var(--db-icon-pulse-color, #EC0016)" d="M29 5a1 1 0 0 1 .117 1.993L29 7h-3v2.05h2.9a1 1 0 0 1 .117 1.993l-.117.007H26V14a1 1 0 0 1-.883.993L25 15a1 1 0 0 1-.993-.883L24 14V6a1 1 0 0 1 .883-.993L25 5h4ZM18.4 5H16a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.4c3.017 0 4.6-1.715 4.6-5s-1.583-5-4.6-5ZM17 13V7h1.4c1.875 0 2.6.785 2.6 3s-.725 3-2.6 3H17Zm-6.35-8C12.777 5 14 6.046 14 8.11c0 1.997-1.12 3.01-3.131 3.077l-.22.003H9V14a1 1 0 0 1-.883.993L8 15a1 1 0 0 1-.993-.883L7 14V6a1 1 0 0 1 .883-.993L8 5h2.65ZM9 9.19h1.65l.308-.006C11.808 9.144 12 8.903 12 8.11c0-.837-.237-1.084-1.185-1.108L9 7v2.19Z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_printer.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_printer.svg
new file mode 100644
index 0000000000..a5ef3dfb49
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_printer.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 6)"><path d="m41.946 0c1.65 0 2.988 1.354 2.988 3.023v7.393h7.966c1.71.001 3.096 1.402 3.099 3.132v24.204c-.002 1.732-1.388 3.134-3.1 3.137h-7.966v8.088c0 1.67-1.338 3.023-2.988 3.023h-27.883c-1.65 0-2.988-1.354-2.988-3.023v-8.088h-7.967a3.085 3.085 0 0 1 -2.195-.917 3.16 3.16 0 0 1 -.912-2.22v-24.204c.002-.832.33-1.63.913-2.217a3.083 3.083 0 0 1 2.194-.915h7.967v-7.393c0-1.67 1.338-3.023 2.988-3.023zm0 31.817h-27.884c-.55 0-.996.45-.996 1.007v16.153c0 .556.446 1.007.996 1.007h27.884c.55 0 .996-.45.996-1.007v-16.153c0-.556-.446-1.007-.996-1.007zm-3.983 10.9c.55 0 .996.45.996 1.007s-.446 1.008-.996 1.008h-19.918c-.55 0-.996-.451-.996-1.008 0-.556.446-1.007.996-1.007zm0-6.047c.55 0 .996.451.996 1.008 0 .556-.446 1.008-.996 1.008h-19.918c-.55 0-.996-.452-.996-1.008 0-.557.446-1.008.996-1.008zm14.937-23.999h-49.793a.884.884 0 0 0 -.868.877v24.204c0 .486.388.88.868.881h7.967v-5.809c0-1.67 1.338-3.023 2.988-3.023h27.892c1.65 0 2.988 1.354 2.988 3.023v5.813h7.967a.878.878 0 0 0 .868-.88l-.008-24.209a.874.874 0 0 0 -.868-.877zm-10.954-10.655h-27.884c-.55 0-.996.45-.996 1.007v7.393h29.876v-7.393c0-.556-.446-1.007-.996-1.007z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m23.009 18.964h-4.382c-.55 0-.996.451-.996 1.008 0 .556.446 1.007.996 1.007h4.382c.55 0 .996-.45.996-1.007s-.446-1.008-.996-1.008zm-7.951 0h-4.382c-.55 0-.996.451-.996 1.008 0 .556.446 1.007.996 1.007h4.382a1 1 0 0 0 .995-1.007c0-.557-.445-1.008-.995-1.008z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_registration.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_registration.svg
new file mode 100644
index 0000000000..aae9522964
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_registration.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(12 12)"><path d="m29.952 20.742c-5.516 0-10 4.484-10 10s4.484 10 10 10 10-4.484 10-10-4.484-10-10-10zm0 17.981h-.012a7.976 7.976 0 0 1 -7.969-7.981v-.012a7.976 7.976 0 0 1 7.981-7.969h.012a7.976 7.976 0 0 1 7.969 7.981v.012a7.976 7.976 0 0 1 -7.981 7.969zm5-7.981c0 .563-.437 1-1 1l-2.99.01-.01 2.99c0 .563-.437 1-1 1s-1-.437-1-1v-3l-2.99.01c-.565 0-1.01-.448-1.01-1.01s.437-1 1-1h3v-3c0-.563.437-1 1-1s1 .437 1 1v3h3c.563 0 1 .437 1 1z" fill="var(--db-icon-pulse-color, #EC0016)"/><path d="m8 19c.183 0 .363.05.52.145a12.739 12.739 0 0 0 6.47 1.855 12.746 12.746 0 0 0 5.587-1.354 1 1 0 1 1 .897 1.787 14.769 14.769 0 0 1 -6.484 1.567 14.747 14.747 0 0 1 -7.129-1.922l-.123-.072-.186.01a6 6 0 0 0 -5.548 5.76l-.004.224v12a1 1 0 0 1 -1.993.117l-.007-.117v-12a8 8 0 0 1 8-8zm7-19a9 9 0 0 1 9 9 9 9 0 0 1 -9 9 9 9 0 0 1 -9-9 9 9 0 0 1 9-9zm0 2a7 7 0 1 0 0 14 7 7 0 0 0 0-14z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_savings.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_savings.svg
new file mode 100644
index 0000000000..4029102702
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_savings.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8 8)"><path d="m9.544 14.706a1 1 0 0 1 1.52-.531l.095.072 3.559 3.115.714-.236a34.406 34.406 0 0 1 9.224-1.604l.672-.018.672-.004c11.937 0 21.784 6.18 21.996 14.234l.004.266v.293c0 3.816-1.943 7.244-5.474 9.864l-.325.236-.372.256-2.387 6.687a1 1 0 0 1 -.695.633l-.122.023-.125.008h-4.5a1 1 0 0 1 -.993-.883l-.007-.117v-2.735l-.103.023a32.197 32.197 0 0 1 -5.543.688l-.706.019-.708.003a30.08 30.08 0 0 1 -4.163-.545l-.685-.147-.092-.023v2.717a1 1 0 0 1 -.77.974l-.113.02-.117.006h-4.5a1 1 0 0 1 -.917-.6l-.04-.113-1.342-4.469-.187-.055a15.135 15.135 0 0 1 -8.3-6.282l-.211-.338-.164-.277-3.582-.896a1 1 0 0 1 -.73-.736l-.02-.12-.007-.114v-6a1 1 0 0 1 .576-.906l.108-.043 2.58-.86.158-.328a13.606 13.606 0 0 1 3.828-4.688l.394-.296zm1.458 2.062-1.546 5.026a1 1 0 0 1 -.392.532 11.606 11.606 0 0 0 -4.143 5.063 1 1 0 0 1 -.491.514l-.114.046-2.316.771v4.499l3.243.81a1 1 0 0 1 .5.302l.074.093.063.101a13.134 13.134 0 0 0 8.363 6.505 1 1 0 0 1 .675.573l.04.11 1.285 4.287h2.757v-3a1 1 0 0 1 1.043-1l.111.012.113.024a28.06 28.06 0 0 0 5.738.964 30.216 30.216 0 0 0 7.744-.968 1 1 0 0 1 1.245.854l.006.114v3h2.795l2.263-6.336a1 1 0 0 1 .2-.334l.093-.09.105-.079c3.505-2.275 5.426-5.253 5.539-8.558l.005-.31v-.293c0-4.764-4.316-8.955-10.687-11.06l-.356-.115-.652-.196c-2.527-.724-5.339-1.129-8.308-1.129a32.41 32.41 0 0 0 -11.156 1.94 1 1 0 0 1 -.892-.105l-.108-.082zm.498 7.232a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm20.686-3.983a1 1 0 1 1 -.372 1.966 31.285 31.285 0 0 0 -11.628 0 1 1 0 1 1 -.372-1.966 33.285 33.285 0 0 1 12.372 0z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m26 0a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_search.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_search.svg
new file mode 100644
index 0000000000..00f72760d8
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_search.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(12 12)"><path d="m14 0c7.732 0 14 6.268 14 14 0 3.506-1.289 6.711-3.418 9.167l15.125 15.126a1 1 0 0 1 -1.32 1.497l-.094-.083-15.126-15.125a13.946 13.946 0 0 1 -9.167 3.418c-7.732 0-14-6.268-14-14s6.268-14 14-14zm0 2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m6.929 6.929a1 1 0 0 1 1.414 1.414 8 8 0 0 0 0 11.314 1 1 0 0 1 -1.413 1.413c-3.905-3.905-3.905-10.237 0-14.142z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_sepa.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_sepa.svg
new file mode 100644
index 0000000000..567350d2f4
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_sepa.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(10 10)"><path d="m36.5 0a3.5 3.5 0 0 1 3.5 3.5v14.5a1 1 0 0 1 -2 0v-14.5a1.5 1.5 0 0 0 -1.5-1.5h-32.998a1.5 1.5 0 0 0 -1.5 1.502l-.002 35.636c.001 2.022.84 2.862 2.862 2.862h31.638a1.5 1.5 0 0 0 1.5-1.5v-4.247a1 1 0 1 1 2 0v4.247a3.5 3.5 0 0 1 -3.5 3.5h-31.638c-3.126 0-4.86-1.735-4.862-4.861l.002-35.636a3.5 3.5 0 0 1 3.5-3.503zm-21.293 33.293 2.292 2.292 1.294-1.292a1 1 0 0 1 1.204-.16l1.608 1.196 1.448-.723a1 1 0 0 1 .636-.088l1.627.533a1 1 0 1 1 -.632 1.898l-1.107-.37-1.63.815a1 1 0 0 1 -.942-.025l-1.411-1.049-1.387 1.387a1 1 0 0 1 -1.32.083l-2.279-2.267-.808 1.077c-.306.408-.958.531-1.4.2a1 1 0 0 1 -.2-1.4l1.5-2a1 1 0 0 1 1.507-.107zm28.26-15.293a2.04 2.04 0 0 1 1.504.634l2.301 2.278c.446.47.728 1.057.728 1.69 0 .564-.211 1.151-.728 1.668l-11.741 11.764c-.282.282-.634.54-.963.588-.106.023-.277.065-.495.12l-.36.09-1.607.41-.501.127c-1.251.319-2.438.615-2.579.615a.937.937 0 0 1 -.704-.306c-.212-.211-.376-.516-.305-.798l1.291-5.237c.094-.399.282-.751.54-1.033l11.882-11.882a2.475 2.475 0 0 1 1.738-.728zm-12.068 13.831-.07.07c-.016.016-.33 1.245-.94 3.687 2.411-.579 3.632-.884 3.663-.915l.094-.094zm9.017-8.947-7.561 7.562 2.7 2.724 7.585-7.585-2.724-2.7zm-15.416 4.116a1 1 0 0 1 0 2h-18a1 1 0 0 1 0-2zm0-4a1 1 0 0 1 0 2h-18a1 1 0 0 1 0-2zm18.14-2.84-1.316 1.315 2.748 2.748 1.315-1.339c.093-.08.173-.337-.047-.54l-2.184-2.184c-.071-.117-.349-.205-.517 0z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m15.11 15.56v-1.96h2.145c.603 0 .69-.465.69-.679 0-.217-.087-.682-.69-.682h-2.145v-1.798h2.86c.65 0 .729-.494.729-.72 0-.227-.08-.72-.73-.72h-3.786c-.307 0-.542.08-.704.241-.162.162-.243.4-.243.707v6.102c0 .307.08.542.243.704.162.162.397.243.704.243h4.056c.655 0 .729-.492.729-.718 0-.227-.071-.72-.73-.72zm-4.995-3.28c-.492-.208-1.292-.533-1.507-.825-.214-.292-.214-.777.148-1.03.742-.489 2.2.06 2.238.079a.68.68 0 0 0 .918-.663c-.024-.258-.065-.512-.624-.701a5.248 5.248 0 0 0 -1.79-.31c-.867 0-1.543.21-2.026.63-.483.422-.724 1.015-.724 1.779 0 .41.072.758.217 1.042.144.283.284.447.63.72.347.275 2 .979 2.165 1.075.167.096.505.311.505.754 0 .835-.868.934-1.27.934-.5 0-1.04-.11-1.622-.33-.149-.048-.496-.106-.744.23-.077.14-.122.21-.129.429 0 .472.371.624.572.705.266.114.574.2.925.26 1.763.265 2.813-.115 3.315-.527.535-.388 1.078-1.623.535-2.894a2.048 2.048 0 0 0 -.622-.742c-.269-.201-.639-.405-1.11-.614zm12.866.463c-.31 0-.647-.04-.996-.1v-2.28h1.13c.423 0 1.177 0 1.177 1.148 0 .307-.044.55-.133.73-.246.502-.861.502-1.178.502zm-1.936-3.742c-.3 0-.531.08-.693.241-.161.16-.242.392-.242.694v6.258c0 .846.636.935.932.935.304 0 .943-.092.943-.935v-2.282c.428.048.963.09 1.18.09.95 0 1.677-.212 2.18-.635.504-.424.755-1.054.755-1.89 0-.803-.243-1.416-.73-1.84-.485-.424-1.17-.636-2.056-.636h-2.27zm8.888 2.367.964 2.7h-1.936zm1.208-1.704c-.103-.27-.224-.473-.365-.607-.14-.135-.347-.202-.619-.202a.97.97 0 0 0 -.47.102.799.799 0 0 0 -.29.268 2.305 2.305 0 0 0 -.21.44l-2.482 6.428c-.084.212-.188.662.181.916.37.253.776.055.913-.073.136-.128.252-.334.35-.62l.373-1.044h2.812l.36.995c.105.3.225.48.417.657.193.175.82.352 1.217.04.386-.302.308-.758.246-.928z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_tips.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_tips.svg
new file mode 100644
index 0000000000..76d9e8eaca
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_tips.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(9.334 5.875)"><path d="m25.56 48.428a1 1 0 0 1 -.447 1.341c-.802.401-1.62.606-2.447.606s-1.646-.205-2.447-.606a1 1 0 1 1 .894-1.788c.532.265 1.046.394 1.553.394s1.021-.129 1.553-.394a1 1 0 0 1 1.341.447zm1.106-4.303a1 1 0 0 1 .117 1.993l-.117.007h-8a1 1 0 0 1 -.117-1.993l.117-.007zm-4-34.125c7.18 0 13 5.82 13 13a13.11 13.11 0 0 1 -5.913 10.939c-1.018.656-1.725 2.417-1.988 5.33a3 3 0 0 1 -2.987 2.731h-4.2a3 3 0 0 1 -2.99-2.76c-.23-2.871-.94-4.617-2.013-5.304l-.285-.19a13.046 13.046 0 0 1 -5.624-10.746c0-7.18 5.82-13 13-13zm0 2c-6.075 0-11 4.925-11 11a11.04 11.04 0 0 0 4.994 9.256l.18.122c1.599 1.14 2.476 3.393 2.741 6.702a1 1 0 0 0 .997.92h4.2a1 1 0 0 0 .996-.91c.312-3.467 1.233-5.76 2.89-6.828l.276-.188a11.11 11.11 0 0 0 4.726-9.074c0-6.075-4.925-11-11-11zm15.984 19.081.104.053 3.464 2a1 1 0 0 1 -.895 1.785l-.105-.053-3.464-2a1 1 0 0 1 .896-1.785zm-30.706.419a1 1 0 0 1 -.269 1.302l-.098.064-3.464 2a1 1 0 0 1 -1.097-1.668l.097-.064 3.464-2a1 1 0 0 1 1.367.366zm37.373-12.494a1 1 0 0 1 -.698 1.132l-.114.027-3.939.694a1 1 0 0 1 -.46-1.943l.113-.026 3.94-.695a1 1 0 0 1 1.158.811zm-44.26-.825.117.014 3.939.695a1 1 0 0 1 -.231 1.983l-.116-.014-3.94-.694a1 1 0 0 1 .232-1.984zm36.393-12.8a1 1 0 0 1 .193 1.315l-.07.094-2.57 3.064a1 1 0 0 1 -1.603-1.192l.07-.094 2.571-3.064a1 1 0 0 1 1.41-.123zm-28.24.038.08.085 2.572 3.064a1 1 0 0 1 -1.452 1.372l-.08-.085-2.571-3.065a1 1 0 0 1 1.451-1.37zm13.457-5.419a1 1 0 0 1 .993.883l.007.117v4a1 1 0 0 1 -1.993.117l-.008-.117v-4a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m23.8 14.059a9.004 9.004 0 0 1 7.785 7.826 1 1 0 1 1 -1.985.242 7.004 7.004 0 0 0 -6.053-6.084 1 1 0 0 1 .136-1.992l.116.008z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_trash.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_trash.svg
new file mode 100644
index 0000000000..16f3261f86
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_trash.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(11 8)"><path d="m40 12a1 1 0 0 1 .117 1.993l-2.102.007c-1.223 0-2.248 1.04-2.328 2.382l-.005 27.124c0 2.395-1.791 4.374-4.071 4.489l-21.747.005c-2.455 0-4.433-2.035-4.541-4.56l-.005-26.946c0-1.328-.944-2.395-2.109-2.487l-2.209-.007a1 1 0 0 1 -.117-1.993l2.18-.007c2.298.013 4.144 1.918 4.25 4.279l.005 26.943c0 1.489 1.067 2.683 2.386 2.773l21.698.005c1.193 0 2.193-1.013 2.274-2.322l.006-27.127c0-2.428 1.817-4.433 4.127-4.546zm-26.555 6c.512 0 .935.39.993.892l.007 21.098c0 .558-.448 1.01-1 1.01-.513 0-.936-.39-.994-.892l-.006-21.098c0-.558.447-1.01 1-1.01zm7.055 0c.513 0 .936.39.993.892l.007 21.098c0 .558-.448 1.01-1 1.01-.513 0-.936-.39-.993-.892l-.007-21.098c0-.558.448-1.01 1-1.01zm7.109 0c.512 0 .935.39.993.892l.007 21.098c0 .558-.448 1.01-1 1.01-.513 0-.936-.39-.994-.892l-.006-.118v-20.98c0-.558.447-1.01 1-1.01zm-3.109-18a4 4 0 0 1 3.995 3.8l.005.2v4a1 1 0 0 1 -1.993.117l-.007-.117v-4a2 2 0 0 0 -1.85-1.995l-.15-.005h-8a2 2 0 0 0 -1.995 1.85l-.005.15v4a1 1 0 0 1 -1.993.117l-.007-.117v-4a4 4 0 0 1 3.8-3.995l.2-.005z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m40.077 7.111a1 1 0 0 1 .117 1.993l-39.117.007a1 1 0 0 1 -.117-1.993z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_update.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_update.svg
new file mode 100644
index 0000000000..e7df9e1d52
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_update.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(6.3 10.626)"><path d="m22.95 27.874a.997.997 0 0 1 -.708-.293l-5.5-5.5a.999.999 0 1 1 1.414-1.414l4.793 4.793 10.293-10.293a.999.999 0 1 1 1.414 1.414l-11 11a.997.997 0 0 1 -.707.293z" fill="var(--db-icon-pulse-color, #EC0016)"/><path d="m25.897 42.749c-11.766 0-21.355-9.501-21.499-21.234l-2.69 2.691a.999.999 0 1 1 -1.415-1.414l4.5-4.5a.999.999 0 0 1 1.414 0l4.5 4.5a.999.999 0 1 1 -1.414 1.414l-2.896-2.896c.033 10.725 8.768 19.439 19.5 19.439 8.127 0 15.48-5.12 18.296-12.74a1 1 0 1 1 1.876.693c-3.105 8.402-11.212 14.047-20.172 14.047zm20-18a.997.997 0 0 1 -.707-.293l-4.5-4.5a.999.999 0 1 1 1.414-1.414l2.896 2.896c-.033-10.725-8.768-19.439-19.5-19.439-8.2 0-15.576 5.182-18.353 12.894a1 1 0 1 1 -1.882-.677c3.062-8.503 11.193-14.216 20.235-14.216 11.765 0 21.354 9.501 21.5 21.234l2.69-2.691a.999.999 0 1 1 1.414 1.414l-4.5 4.5a.997.997 0 0 1 -.707.293l.001-.001z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/action/db_ic_il_user_manual.svg b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_user_manual.svg
new file mode 100644
index 0000000000..e0fe45c9c6
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/action/db_ic_il_user_manual.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(13 7)"><path d="m34.5 0h-29.5c-2.757 0-5 2.161-5 4.818v40.363c0 2.657 2.243 4.818 5 4.818h29.5c1.93 0 3.5-1.57 3.5-3.5v-42.999c0-1.93-1.57-3.5-3.5-3.5zm-32.5 45.182v-40.364c0-1.554 1.346-2.818 3-2.818s3 1.265 3 2.818v40.363c0 1.554-1.346 2.818-3 2.818s-3-1.265-3-2.818zm34 1.318c0 .827-.673 1.5-1.5 1.5h-25.463a4.66 4.66 0 0 0 .963-2.818v-40.364a4.66 4.66 0 0 0 -.963-2.818h25.463c.827 0 1.5.673 1.5 1.5zm-3.843-39.512a1 1 0 0 1 -1 1h-16.296a1 1 0 1 1 0-2h16.296a1 1 0 0 1 1 1zm0 30a1 1 0 0 1 -1 1h-16.296a1 1 0 1 1 0-2h16.296a1 1 0 0 1 1 1zm0 6a1 1 0 0 1 -1 1h-16.296a1 1 0 1 1 0-2h16.296a1 1 0 0 1 1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m23 12.5c5.517-.006 9.994 4.463 10 9.98v.02c.006 5.517-4.463 9.994-9.98 10h-.02c-5.517.006-9.994-4.463-10-9.98v-.02c-.006-5.517 4.463-9.994 9.98-10zm0 2c-4.438 0-8 3.563-8 8 0 4.406 3.594 8 8 8s8-3.594 8-8c0-4.438-3.594-8-8-8zm0 6c.594 0 1 .438 1 1v4h1.031c.531 0 .969.469.969 1s-.438 1-.969 1h-4.031c-.531 0-1-.469-1-1 0-.563.469-1 1-1h1v-3h-.938c-.562 0-1-.469-1-1s.438-1 1-1zm0-4c.688 0 1.25.531 1.25 1.219 0 .718-.563 1.25-1.25 1.25s-1.25-.531-1.25-1.25c0-.689.563-1.219 1.25-1.219z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_broken.svg b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_broken.svg
new file mode 100644
index 0000000000..2bf9bc3b53
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_broken.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(13.163 13.211)"><path d="m4.257 4.46a1 1 0 0 1 1.32-.084l.094.083 7.913 7.913a1 1 0 0 1 -1.32 1.497l-.094-.083-7.913-7.913a1 1 0 0 1 0-1.414zm10.65-3.144a1 1 0 0 1 1.132.698l.027.113 1.285 7.289a1 1 0 0 1 -1.943.461l-.027-.114-1.285-7.288a1 1 0 0 1 .811-1.159zm-12.656 13.004 7.289 1.285a1 1 0 0 1 -.232 1.983l-.116-.014-7.288-1.285a1 1 0 0 1 .231-1.983zm5.865 8.483-7.273 10.386a4.66 4.66 0 0 0 1.145 6.49l2.194 1.537a4.66 4.66 0 0 0 6.491-1.144l7.272-10.386a4.66 4.66 0 0 0 -1.144-6.49l-2.195-1.538a4.66 4.66 0 0 0 -6.49 1.145zm-5.634 11.533 7.272-10.386a2.66 2.66 0 0 1 3.705-.653l2.195 1.536a2.66 2.66 0 0 1 .653 3.706l-7.272 10.386a2.66 2.66 0 0 1 -3.706.653l-2.194-1.536a2.66 2.66 0 0 1 -.653-3.706zm27.252-16.39 10.386-7.273a4.66 4.66 0 0 0 1.145-6.49l-1.537-2.195a4.66 4.66 0 0 0 -6.49-1.145l-10.386 7.273a4.66 4.66 0 0 0 -1.145 6.49l1.537 2.195a4.66 4.66 0 0 0 6.49 1.144zm9.24-8.911-10.387 7.272a2.66 2.66 0 0 1 -3.705-.653l-1.537-2.195a2.66 2.66 0 0 1 .655-3.705l10.386-7.272a2.66 2.66 0 0 1 3.705.653l1.537 2.194a2.66 2.66 0 0 1 -.654 3.706z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m16.032 20.215a1 1 0 0 1 1.703 1.04l-.065.107-7.457 10.65a1 1 0 0 1 -1.704-1.04l.066-.108zm14.88-11.64a1 1 0 0 1 1.246 1.56l-.098.078-10.65 7.457a1 1 0 0 1 -1.245-1.56l.099-.078 10.649-7.457z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_chat.svg b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_chat.svg
new file mode 100644
index 0000000000..661b821e5f
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_chat.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(8 10)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="M15 14a1 1 0 0 1 .117 1.993L15 16H3a1 1 0 0 0-.993.883L2 17v16a1 1 0 0 0 .883.993L3 34h2a2 2 0 0 1 1.995 1.85L7 36v4.772l7.051-6.267a2 2 0 0 1 1.146-.497L15.38 34H27a1 1 0 0 0 .993-.883L28 33v-7a1 1 0 0 1 1.993-.117L30 26v7a3 3 0 0 1-2.824 2.995L27 36H15.38l-8.716 7.747c-.616.549-1.576.154-1.658-.637L5 43v-7H3a3 3 0 0 1-2.995-2.824L0 33V17a3 3 0 0 1 2.824-2.995L3 14h12ZM45 0a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3h-2v7c0 .863-1.02 1.32-1.664.747L32.62 22H21a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3ZM22 27a1 1 0 0 1 .117 1.993L22 29H8a1 1 0 0 1-.117-1.993L8 27h14ZM45 2H21a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h11.62a2 2 0 0 1 1.329.505L41 26.773V22a2 2 0 0 1 1.85-1.995L43 20h2a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1ZM14 21a1 1 0 0 1 .117 1.993L14 23H8a1 1 0 0 1-.117-1.993L8 21h6Zm22-8a1 1 0 0 1 .117 1.993L36 15H26a1 1 0 0 1-.117-1.993L26 13h10Z"/><path fill="var(--db-icon-pulse-color, #EC0016)" d="M40 7a1 1 0 0 1 .117 1.993L40 9H26a1 1 0 0 1-.117-1.993L26 7h14Z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_contact.svg b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_contact.svg
new file mode 100644
index 0000000000..da8caceaca
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_contact.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(5.01 9.264)"><path d="m25.04 32.167c-.458-1.253-1.457-2.293-2.814-2.927-1.185-.553-2.442-.66-3.45-.293l-3.609 1.312-.196-.347c-1.386-2.45-3.876-9.416-4.519-12.288l-.09-.408 3.31-1.163c1.256-.428 2.317-1.402 2.911-2.673a5.17 5.17 0 0 0 .172-3.936l-2.305-6.037a5.215 5.215 0 0 0 -2.679-2.918 5.071 5.071 0 0 0 -3.46-.322c-3.929 1.084-5.695 2.395-7 5.192-2.224 4.77-1.604 12.527 1.749 21.851 3.45 9.333 7.98 15.699 12.756 17.926 1.13.527 2.213.862 3.482.862 1.35 0 2.907-.38 4.953-1.312 1.168-.482 2.157-1.442 2.712-2.634.601-1.287.665-2.602.194-3.896l-2.116-5.99zm.108 9.04a3.273 3.273 0 0 1 -1.696 1.647c-3.337 1.52-4.907 1.35-6.793.47-4.295-2.002-8.459-7.971-11.723-16.797-3.169-8.817-3.813-16.033-1.814-20.321 1.04-2.227 2.375-3.188 5.703-4.106.26-.066.518-.1.775-.1a3.208 3.208 0 0 1 2.975 2.108l2.305 6.037c.275.756.234 1.65-.11 2.39-.365.78-1 1.373-1.754 1.63l-4.995 1.754.478 2.144c.692 3.095 3.205 10.14 4.73 12.836l1.03 1.819 5.197-1.89c.506-.184 1.225-.1 1.922.227.874.408 1.505 1.047 1.776 1.79l2.115 5.989c.291.798.25 1.575-.124 2.376l.003-.002zm28.647-5.66c-.01.032-.016.063-.029.094a3.256 3.256 0 0 1 -3.034 2.096h-21.03a1 1 0 1 1 0-2h21.03c.318 0 .6-.13.822-.324l-9.742-9.22a1.001 1.001 0 0 1 1.375-1.452l8.803 8.33v-22.075a1.26 1.26 0 0 0 -1.257-1.258h-31.186a1 1 0 1 1 0-2h31.186a3.261 3.261 0 0 1 3.257 3.258v23.484c0 .376-.077.732-.195 1.068z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m32.72 28.344a2.732 2.732 0 0 1 -1.946-.804l-11.889-11.321a1 1 0 1 1 1.38-1.45l11.905 11.341a.764.764 0 0 0 1.08.018l13.913-13.343a1 1 0 0 1 1.385 1.443l-13.896 13.327a2.717 2.717 0 0 1 -1.93.789z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_customer_feedback.svg b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_customer_feedback.svg
new file mode 100644
index 0000000000..582c1f65a5
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_customer_feedback.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(10.99 11.963)"><path d="m36.995 0a5 5 0 0 1 4.998 4.735l.007.265v21.037a5 5 0 0 1 -4.783 4.996l-.217.004h-25.39l-.199.042c-.361.089-.71.22-1.04.39l-.244.136-.176.111-8.255 7.998c-.58.561-1.515.235-1.673-.498l-.017-.108-.006-.112.008-33.964a5 5 0 0 1 4.779-4.994l.216-.005zm.002 2-31.992.033a3 3 0 0 0 -2.991 2.823l-.006.176-.008 31.602 6.634-6.424.134-.11a6.683 6.683 0 0 1 2.254-.984l.304-.062.18-.017h25.494a3 3 0 0 0 2.995-2.823l.005-.177v-21.037a3 3 0 0 0 -2.805-2.994zm-8.988 18.037a1 1 0 0 1 .117 1.994l-.117.006h-18a1 1 0 0 1 -.116-1.993l.116-.007zm-4-6a1 1 0 0 1 .117 1.994l-.117.006h-14a1 1 0 0 1 -.116-1.993l.116-.007z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m32.01 8.037a1 1 0 0 1 .116 1.994l-.117.006h-22a1 1 0 0 1 -.116-1.993l.116-.007h22z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_envelope_check.svg b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_envelope_check.svg
new file mode 100644
index 0000000000..6460a29e4e
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_envelope_check.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(5 15)"><path d="m45.289 0a3.716 3.716 0 0 1 3.711 3.712v12.045a1 1 0 1 1 -2 0v-12.045c0-.619-.332-1.156-.824-1.457l-13.695 12.629 3.414 2.717a1 1 0 0 1 -1.246 1.565l-3.656-2.911-4.527 4.174a2.762 2.762 0 0 1 -1.957.796 2.835 2.835 0 0 1 -2.002-.821l-4.503-4.147-15.394 12.253c.299.254.68.412 1.101.412h27.455a1 1 0 0 1 0 2h-27.455a3.715 3.715 0 0 1 -3.711-3.71v-23.5a3.716 3.716 0 0 1 3.711-3.712zm-42.481 2.264a1.707 1.707 0 0 0 -.808 1.448v22.729l14.516-11.554zm40.695-.264h-38.03l18.416 16.959c.343.339.879.339 1.195.025z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m49.531 25.344c0 .25-.062.5-.312.75l-6.375 6.344a1.02 1.02 0 0 1 -.719.312c-.25 0-.469-.094-.688-.312l-2.719-2.72a1.046 1.046 0 0 1 -.281-.718c0-.562.469-1 1-1 .281 0 .469.094.688.313l2.031 2 5.656-5.657a.973.973 0 0 1 .688-.281c.562 0 1.031.469 1.031.969m-5.531 10.656c-4.438 0-8-3.562-8-8 0-4.437 3.562-8 8-8 4.437 0 8 3.563 8 8 0 4.438-3.563 8-8 8m0-18c-5.532 0-10 4.469-10 10 0 5.53 4.468 10 10 10a9.99 9.99 0 0 0 10-10 9.99 9.99 0 0 0 -10-10" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_envelope_closed_back.svg b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_envelope_closed_back.svg
new file mode 100644
index 0000000000..73b4e91903
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_envelope_closed_back.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7.496 16.539)"><path d="m45.288 0h-41.577a3.716 3.716 0 0 0 -3.711 3.712v23.5a3.716 3.716 0 0 0 3.711 3.711h41.577a3.716 3.716 0 0 0 3.711-3.711v-23.5a3.716 3.716 0 0 0 -3.711-3.712zm-41.577 28.922c-.421 0-.802-.159-1.101-.412l11.952-9.513a1 1 0 1 0 -1.245-1.564l-11.317 9.008v-22.73c0-.944.768-1.712 1.711-1.712h41.577c.944 0 1.711.768 1.711 1.712v22.73l-11.317-9.009a1 1 0 1 0 -1.245 1.564l11.952 9.514c-.298.253-.68.412-1.101.412z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m24.518 21.225c-.723 0-1.45-.272-2.002-.821l-14.593-13.438a1 1 0 0 1 1.354-1.471l14.621 13.463c.344.34.879.34 1.195.025l14.628-13.488a1 1 0 1 1 1.355 1.471l-14.602 13.463a2.77 2.77 0 0 1 -1.957.796z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_envelope_closed_front.svg b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_envelope_closed_front.svg
new file mode 100644
index 0000000000..c004506576
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_envelope_closed_front.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(5 15)"><path d="m50 0a4 4 0 0 1 4 4v26a4 4 0 0 1 -4 4h-46a4 4 0 0 1 -4-4v-26a4 4 0 0 1 4-4zm0 2h-46a2 2 0 0 0 -1.995 1.85l-.005.15v26a2 2 0 0 0 1.85 1.995l.15.005h46a2 2 0 0 0 1.995-1.85l.005-.15v-26a2 2 0 0 0 -1.85-1.995zm-25.17 23c.646 0 1.169.449 1.169 1s-.523 1-1.17 1h-17.659c-.647 0-1.17-.449-1.17-1s.523-1 1.17-1zm0-4c.646 0 1.169.449 1.169 1s-.523 1-1.17 1h-17.659c-.647 0-1.17-.449-1.17-1s.523-1 1.17-1zm0-4c.646 0 1.169.449 1.169 1s-.523 1-1.17 1h-17.659c-.647 0-1.17-.449-1.17-1s.523-1 1.17-1z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m46.17 5c1.01.001 1.829.82 1.83 1.83v6.34a1.832 1.832 0 0 1 -1.83 1.83h-4.34a1.832 1.832 0 0 1 -1.83-1.83v-6.34a1.832 1.832 0 0 1 1.83-1.83zm-.17 2h-4v6h4z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_envelope_open.svg b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_envelope_open.svg
new file mode 100644
index 0000000000..10c71aa071
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_envelope_open.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8.001 7.999)"><path d="m12.778 11.111a1 1 0 0 1 1-1h20.441a1 1 0 1 1 0 2h-20.441a1 1 0 0 1 -1-1zm1 6.11h20.441a1 1 0 1 0 0-2h-20.441a1 1 0 1 0 0 2zm0 5.11h20.441a1 1 0 1 0 0-2h-20.441a1 1 0 1 0 0 2zm34.221-4.834v26.941a3.566 3.566 0 0 1 -3.562 3.562h-40.875a3.566 3.566 0 0 1 -3.562-3.562v-26.899c-.001-1.158.575-1.727.92-2.065.417-.417 4.835-3.901 6.747-5.405v-6.507a3.566 3.566 0 0 1 3.562-3.562h25.539a3.566 3.566 0 0 1 3.562 3.562v6.466c1.912 1.503 6.327 4.983 6.689 5.345.438.438.98.98.98 2.124zm-2 26.941v-25.366l-5.963 5.643-7.554 7.149 13.475 12.919c.025-.111.041-.226.041-.345zm-43.957.345 13.473-12.918-7.553-7.148-.003-.003-5.96-5.641v25.365c.001.119.017.234.043.345zm1.62 1.217h40.675l-19.625-18.813c-.4-.4-1.042-.385-1.412-.015zm36.667-33.426v9.111l5.223-4.943c-.441-.385-2.979-2.399-5.223-4.168zm-30.662-9.012v20.015l7.293 6.903 4.94-4.737c1.094-1.096 3.084-1.11 4.21.015l4.925 4.721 7.293-6.902v-20.014c0-.861-.701-1.562-1.562-1.562h-25.539c-.861 0-1.562.7-1.562 1.562zm-2 9.053c-2.196 1.733-4.677 3.701-5.198 4.149l5.198 4.92z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m34.219 7.001h-20.441a1 1 0 1 1 0-2h20.441a1 1 0 1 1 0 2z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_error.svg b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_error.svg
new file mode 100644
index 0000000000..3efefffcc6
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_error.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(13.017 11.984)"><path d="m18.983 0c-1.49 0-2.859.82-3.56 2.134l-14.947 27.958a4.037 4.037 0 0 0 3.56 5.94h29.891a4.037 4.037 0 0 0 3.56-5.94l-14.944-27.958a4.037 4.037 0 0 0 -3.56-2.134zm0 2c.751 0 1.442.414 1.796 1.077l14.946 27.958a2.037 2.037 0 0 1 -1.797 2.997h-29.89a2.037 2.037 0 0 1 -1.797-2.997l14.945-27.958a2.037 2.037 0 0 1 1.797-1.077z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m18.983 27.516a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm0-17.5a1 1 0 0 1 .993.883l.007.117v13a1 1 0 0 1 -1.994.117l-.006-.117v-13a1 1 0 0 1 1-1z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_faq.svg b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_faq.svg
new file mode 100644
index 0000000000..e6a9eeb33f
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_faq.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7 6)"><path d="m48 15a3 3 0 0 1 3 3v30a3 3 0 0 1 -3 3h-24a3 3 0 0 1 -3-3v-30a3 3 0 0 1 3-3zm0 2h-24a1 1 0 0 0 -1 1v30a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1v-30a1 1 0 0 0 -1-1zm-3.002 27a1 1 0 1 1 0 2h-17.998a1 1 0 0 1 0-2zm-2.998-6a1 1 0 0 1 0 2h-15a1 1 0 0 1 0-2zm3-6a1 1 0 0 1 0 2h-18a1 1 0 0 1 0-2zm-18-32a3 3 0 0 1 3 3v8.058a1 1 0 1 1 -2 0v-8.058a1 1 0 0 0 -1-1h-24a1 1 0 0 0 -1 1v16a1 1 0 0 0 1 1h2c1.202.063 2 .946 2 2v4.773l7.051-6.268c.397-.352.683-.505 1.199-.505h1.851c.553 0 1 .442 1 1s-.487 1-1 1h-1.721l-8.716 7.747c-.644.574-1.664.116-1.664-.747v-7h-2a3 3 0 0 1 -3-3v-16a3 3 0 0 1 3-3zm-12.75 14c.67 0 1.25.556 1.25 1.235 0 .71-.58 1.265-1.25 1.265s-1.25-.556-1.25-1.265c0-.68.58-1.235 1.25-1.235zm.47-9c1.813 0 3.125 1.094 3.125 2.781 0 2.906-2.625 2.719-2.625 4.063 0 .468-.343.968-.968.968a.973.973 0 0 1 -.969-.968c0-2.657 2.625-2.313 2.625-4.063 0-.625-.563-.844-1.125-.844-.781 0-1.406.375-1.906.344s-.907-.437-.875-.969c0-1 1.468-1.312 2.718-1.312z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m42.62 25.055c-.106.338-.364.985-1.35.985-.985 0-1.24-.64-1.345-.977s-.32-1.562 0-2.68c.105-.335.387-.978 1.349-.978s1.244.643 1.346.977c.32 1.119.105 2.335 0 2.673zm.32-4.332c-.472-.286-1.96-.747-3.335 0a2.673 2.673 0 0 0 -1.08 1.164c-.69 1.5-.244 3.148 0 3.66.245.513.602.905 1.07 1.174.33.19.724.289 1.145.345.09.353.207.657.363.878.573.81 1.72.81 2.333.823.142.002.536-.09.536-.501 0-.41-.395-.502-.531-.505-.303-.011-1.08-.011-1.205-.761a2.85 2.85 0 0 0 .707-.28 2.631 2.631 0 0 0 1.073-1.168c.247-.51.7-2.154-.003-3.665a2.65 2.65 0 0 0 -1.072-1.164zm-8.279 1.673.79 2.21h-1.585zm.988-1.394c-.084-.222-.135-.332-.299-.497s-.627-.232-.89-.08c-.262.151-.354.426-.41.577l-2.03 5.26c-.178.459.047.682.148.748a.621.621 0 0 0 .345.1c.156 0 .49-.044.687-.665l.307-.855h2.3l.294.813c.229.663.657.706.866.706a.761.761 0 0 0 .471-.135c.12-.09.341-.332.202-.76l-1.99-5.212zm-4.876.636c.528 0 .597-.404.597-.59 0-.184-.071-.588-.597-.588h-3.078c-.682 0-.765.518-.765.765v5.115c0 .694.521.765.771.765.246 0 .763-.071.763-.765v-1.911h1.869c.503 0 .565-.38.565-.555 0-.178-.062-.552-.565-.552h-1.869v-1.684z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_hashtag.svg b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_hashtag.svg
new file mode 100644
index 0000000000..4317faf4f6
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_hashtag.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(17 4)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="M25 0a5 5 0 0 1 4.995 4.783L30 51a5 5 0 0 1-4.783 4.995L5 56a5 5 0 0 1-4.995-4.783L0 5A5 5 0 0 1 4.783.005L25 0Zm-2 2v.034a2.966 2.966 0 0 1-2.752 2.958L9.966 5c-1.58 0-2.87-1.443-2.961-3H5a3 3 0 0 0-2.995 2.824L2 51a3 3 0 0 0 2.824 2.995L25 54a3 3 0 0 0 2.995-2.824L28 5a3 3 0 0 0-2.824-2.995L23 2Zm-2 48a1 1 0 0 1 .117 1.993L21 52H9a1 1 0 0 1-.117-1.993L9 50h12Zm-1.975-33 .116.01A1 1 0 0 1 20 18.025l-.01.116L18.723 27H22a1 1 0 0 1 .117 1.993L22 29h-3.562l-.448 3.141a1 1 0 0 1-1.99-.166l.01-.116.408-2.859h-3.98l-.448 3.141a1 1 0 0 1-1.99-.166l.01-.116.408-2.859H7a1 1 0 0 1-.117-1.993L7 27h3.704l1.306-9.141A1 1 0 0 1 13.025 17l.116.01A1 1 0 0 1 14 18.025l-.01.116L12.723 27h3.981l1.306-9.141A1 1 0 0 1 19.025 17ZM21 2H9v.034c0 .496.373.904.853.96L9.966 3h10.068a.966.966 0 0 0 .958-.839L21 2.034V2Z"/><path fill="var(--db-icon-pulse-color, #EC0016)" d="M23 21a1 1 0 0 1 .116 1.993l-.117.007H8a1 1 0 0 1-.116-1.993L7.999 21h15Z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_push_notification.svg b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_push_notification.svg
new file mode 100644
index 0000000000..fb784b07e5
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_push_notification.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(17 4)"><path d="m15.01 16.01c-2.206 0-3.671 1.541-3.671 4.234v3.337c0 .956-.058 1.619-.254 2.419h7.83c-.176-.644-.254-1.248-.254-2.439v-3.063c0-2.849-1.386-4.488-3.651-4.488zm-.02-2.01c3.398 0 5.663 2.498 5.663 6.225v3.902c0 1.249.156 1.483.879 2.01.312.214.468.527.468.839 0 .468-.35.995-.898.995h-4.1v.019c0 1.113-.899 2.01-2.012 2.01-1.034 0-2.011-.897-2.011-2.029h-3.983c-.625 0-.996-.507-.996-1.015 0-.273.098-.546.352-.741.82-.527.976-.82.976-2.147v-3.57c0-3.883 2.206-6.498 5.662-6.498zm6.01 36a1 1 0 0 1 .117 1.993l-.117.007h-12a1 1 0 0 1 -.116-1.993l.116-.007zm0-48h-12v.035c0 .495.373.903.853.959l.113.006h10.069a.964.964 0 0 0 .957-.839l.008-.126zm2 0v.035a2.968 2.968 0 0 1 -2.752 2.958l-10.282.007c-1.58 0-2.871-1.443-2.961-3h-2.005a3.001 3.001 0 0 0 -2.995 2.824l-.005 46.176a3 3 0 0 0 2.824 2.995l20.176.005a3 3 0 0 0 2.995-2.824l.005-46.176a3.001 3.001 0 0 0 -2.824-2.995zm2-2a5.001 5.001 0 0 1 4.996 4.783l.004 46.217a5 5 0 0 1 -4.783 4.996l-20.217.004a4.999 4.999 0 0 1 -4.995-4.783l-.005-46.217a5 5 0 0 1 4.783-4.995z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m21 11a2 2 0 1 1 .001 4 2 2 0 0 1 0-4" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_telephone.svg b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_telephone.svg
new file mode 100644
index 0000000000..3871b87d27
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_telephone.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(8 9)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="M45 4H19v-.453A3.55 3.55 0 0 0 15.453 0H9.547A3.55 3.55 0 0 0 6 3.547V4H3C1.346 4 0 5.346 0 7v32c0 1.654 1.346 3 3 3h42c1.654 0 3-1.346 3-3V7c0-1.654-1.346-3-3-3ZM8 3.547C8 2.694 8.694 2 9.547 2h5.906C16.306 2 17 2.694 17 3.547v29.906c0 .853-.694 1.547-1.547 1.547H9.547A1.549 1.549 0 0 1 8 33.453V3.547ZM46 39c0 .552-.449 1-1 1H3c-.551 0-1-.448-1-1V7c0-.552.449-1 1-1h3v27.453A3.55 3.55 0 0 0 9.547 37h5.906A3.55 3.55 0 0 0 19 33.453V6h26c.551 0 1 .448 1 1v32ZM26.5 23a2.503 2.503 0 0 1-2.5-2.5c0-1.379 1.122-2.5 2.5-2.5s2.5 1.121 2.5 2.5-1.122 2.5-2.5 2.5Zm0-3a.5.5 0 1 0 .002 1.002A.5.5 0 0 0 26.5 20Zm6.5 3a2.503 2.503 0 0 1-2.5-2.5c0-1.379 1.122-2.5 2.5-2.5s2.5 1.121 2.5 2.5S34.378 23 33 23Zm0-3a.5.5 0 1 0 .002 1.002A.5.5 0 0 0 33 20Zm6.5 3a2.503 2.503 0 0 1-2.5-2.5c0-1.379 1.122-2.5 2.5-2.5s2.5 1.121 2.5 2.5-1.122 2.5-2.5 2.5Zm0-3a.5.5 0 1 0 .002 1.002A.5.5 0 0 0 39.5 20Zm-13 9.5A2.503 2.503 0 0 1 24 27c0-1.379 1.122-2.5 2.5-2.5S29 25.621 29 27s-1.122 2.5-2.5 2.5Zm0-3a.5.5 0 1 0 .002 1.002.5.5 0 0 0-.002-1.002Zm6.5 3a2.503 2.503 0 0 1-2.5-2.5c0-1.379 1.122-2.5 2.5-2.5s2.5 1.121 2.5 2.5-1.122 2.5-2.5 2.5Zm0-3a.5.5 0 1 0 .002 1.002A.5.5 0 0 0 33 26.5Zm6.5 3A2.503 2.503 0 0 1 37 27c0-1.379 1.122-2.5 2.5-2.5S42 25.621 42 27s-1.122 2.5-2.5 2.5Zm0-3a.5.5 0 1 0 .002 1.002.5.5 0 0 0-.002-1.002Zm-13 9.5a2.503 2.503 0 0 1-2.5-2.5c0-1.379 1.122-2.5 2.5-2.5s2.5 1.121 2.5 2.5-1.122 2.5-2.5 2.5Zm0-3a.5.5 0 1 0 .002 1.002A.5.5 0 0 0 26.5 33Zm6.5 3a2.503 2.503 0 0 1-2.5-2.5c0-1.379 1.122-2.5 2.5-2.5s2.5 1.121 2.5 2.5S34.378 36 33 36Zm0-3a.5.5 0 1 0 .002 1.002A.5.5 0 0 0 33 33Zm6.5 3a2.503 2.503 0 0 1-2.5-2.5c0-1.379 1.122-2.5 2.5-2.5s2.5 1.121 2.5 2.5-1.122 2.5-2.5 2.5Zm0-3a.5.5 0 1 0 .002 1.002A.5.5 0 0 0 39.5 33Z"/><path fill="var(--db-icon-pulse-color, #EC0016)" d="M39 16H27c-1.654 0-3-1.346-3-3v-2c0-1.654 1.346-3 3-3h12c1.654 0 3 1.346 3 3v2c0 1.654-1.346 3-3 3Zm-12-6c-.551 0-1 .448-1 1v2c0 .552.449 1 1 1h12c.551 0 1-.448 1-1v-2c0-.552-.449-1-1-1H27Z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_wifi.svg b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_wifi.svg
new file mode 100644
index 0000000000..8f85a13b45
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_wifi.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8 12)"><path d="m24 18c4.335 0 8.433 1.981 11.125 5.379a1 1 0 0 1 -1.568 1.242 12.194 12.194 0 0 0 -19.114 0 1 1 0 1 1 -1.568-1.242 14.194 14.194 0 0 1 11.125-5.379zm0-9a22.496 22.496 0 0 1 17.51 8.372 1 1 0 1 1 -1.557 1.256 20.496 20.496 0 0 0 -31.906 0 1 1 0 0 1 -1.557-1.256 22.496 22.496 0 0 1 17.51-8.372zm0 17a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m24 0c9.363 0 18.18 4.407 23.8 11.897a1 1 0 0 1 -1.6 1.2 27.754 27.754 0 0 0 -44.4 0 1 1 0 0 1 -1.6-1.2 29.754 29.754 0 0 1 23.8-11.897z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_wifi_ice.svg b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_wifi_ice.svg
new file mode 100644
index 0000000000..e23956cdd4
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_wifi_ice.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(11 3)"><path d="m20.998 0c3.425 0 6.252.394 8.729 1.193a1 1 0 0 1 -.614 1.904c-2.266-.731-4.888-1.097-8.115-1.097-5.923 0-9.766 1.183-13.441 3.82-3.492 2.506-5.557 7.042-5.557 13.18 0 2.815.094 5.645.264 8.82.05.938.213 3.698.235 4.13a41.06 41.06 0 0 0 .598 5.25.963.963 0 0 1 .266.296c1.474 2.521 4.863 5.426 10.157 8.65 1.27.774 4.22 1.354 7.48 1.354 3.262 0 6.21-.58 7.48-1.354 5.295-3.224 8.684-6.129 10.157-8.65.07-.12.161-.22.267-.299.303-1.67.507-3.43.597-5.246.022-.427.185-3.204.236-4.157.034-.641.064-1.26.092-1.876a1 1 0 1 1 1.998.09 235.798 235.798 0 0 1 -.1 2.034l-.02.342c-.02.376-.048.844-.075 1.32l-.027.476c-.05.865-.096 1.662-.106 1.87-.432 8.67-3.294 16.258-7.519 19.649l-.498 2.73a4 4 0 0 1 -3.64 3.269 120.13 120.13 0 0 1 -8.842.305c-3.138 0-6.085-.101-8.84-.305a4 4 0 0 1 -3.64-3.268l-.5-2.726c-4.22-3.392-7.086-10.995-7.519-19.654-.02-.421-.184-3.176-.235-4.124-.171-3.206-.266-6.07-.266-8.926 0-6.75 2.345-11.902 6.39-14.805 4.023-2.887 8.275-4.195 14.608-4.195zm10.703 53.054a7.4 7.4 0 0 1 -1.537.433c-1.247.208-3.604.513-9.166.513s-8.355-.377-9.174-.513a7.345 7.345 0 0 1 -1.522-.427l.186 1.01a2 2 0 0 0 1.82 1.633c2.704.2 5.601.3 8.692.3 3.09 0 5.989-.1 8.694-.3a2 2 0 0 0 1.82-1.633zm6.089-11.348-.024.024c-1.964 1.936-4.711 3.972-8.246 6.124-1.64 1-4.925 1.646-8.52 1.646s-6.88-.647-8.52-1.646c-3.546-2.159-6.3-4.202-8.264-6.144 1.755 5.438 4.652 9.259 7.936 9.804 1.108.31 4.825.512 8.846.503 5.705.046 7.654-.31 8.837-.503 3.3-.54 6.2-4.361 7.955-9.808zm-25.641-11.076 2.598.755a2 2 0 0 1 1.317 1.224l.05.15 1.487 5.243a2 2 0 0 1 -1.378 2.47c-.119.033-.721.059-1.808.076a3 3 0 0 1 -2.829-2.002l-1.881-5.33a2 2 0 0 1 2.444-2.586zm18.93.035a2 2 0 0 1 1.22 2.551l-1.88 5.33a3 3 0 0 1 -2.83 2.002c-1.087-.017-1.69-.042-1.807-.076a2 2 0 0 1 -1.38-2.469l1.485-5.243.049-.15a2 2 0 0 1 1.318-1.226l2.602-.754a2 2 0 0 1 1.223.035zm-19.488 1.886 1.881 5.33a1 1 0 0 0 .943.667h1.262l-1.488-5.243zm18.822 0-2.602.754-1.484 5.243h1.262a1 1 0 0 0 .943-.667zm-9.413-28.551c1.54 0 2.982.076 4.324.229a1 1 0 1 1 -.225 1.987 36.395 36.395 0 0 0 -4.099-.216c-4.031 0-7.292.545-9.779 1.617a8 8 0 0 0 -4.717 8.7 45.595 45.595 0 0 0 1.29 5.473 5.502 5.502 0 0 0 4.435 3.857l3.027.463a38 38 0 0 0 11.488 0l3.04-.464a6.186 6.186 0 0 0 1.922-.615 1 1 0 1 1 .926 1.773 8.18 8.18 0 0 1 -2.546.819l-3.04.464a40 40 0 0 1 -12.093 0l-3.026-.463a7.502 7.502 0 0 1 -6.049-5.26 49.47 49.47 0 0 1 -.785-2.945 47.255 47.255 0 0 1 -.56-2.763 10 10 0 0 1 5.897-10.876c2.764-1.192 6.286-1.78 10.57-1.78z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m25.333 11.294c0 .603.63 1.15 1.096 1.15.328 0 .719-.082 1.01-.495 2.2-3.12 5.809-4.927 9.561-4.927 4.135 0 7.416 1.835 9.56 4.928.21.303.573.494.956.494.685 0 1.15-.52 1.15-1.177a1.19 1.19 0 0 0 -.223-.682c-2.588-3.727-6.897-5.918-11.443-5.918s-8.791 2.19-11.448 5.915a1.287 1.287 0 0 0 -.219.712zm2.903 3.204c0 .466.466 1.096 1.233 1.096.328 0 .684-.21.903-.52 1.507-2.137 3.944-3.479 6.546-3.479 2.658 0 5.1 1.343 6.597 3.48.229.327.578.519.934.519.52 0 1.178-.41 1.178-1.15 0-.274-.082-.507-.224-.71-1.93-2.768-5.088-4.466-8.485-4.466-3.341 0-6.5 1.698-8.431 4.467-.141.202-.25.517-.25.763zm3.068 2.986c0 .657.493 1.177 1.15 1.177.41 0 .794-.219.986-.52a4.122 4.122 0 0 1 3.478-1.917 4.15 4.15 0 0 1 3.508 1.915c.212.33.572.522.983.522.685 0 1.15-.602 1.15-1.177 0-.22-.082-.446-.22-.656a6.521 6.521 0 0 0 -5.421-2.932 6.495 6.495 0 0 0 -5.396 2.93c-.164.25-.218.438-.218.658zm3.363 3.502c0 1.298 1.098 2.347 2.333 2.347a2.338 2.338 0 0 0 2.333-2.347c0-1.27-1.07-2.32-2.388-2.32-1.235 0-2.278 1.05-2.278 2.32z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_wifi_local_train.svg b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_wifi_local_train.svg
new file mode 100644
index 0000000000..7de2370e7b
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/communication/db_ic_il_wifi_local_train.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(12 4)"><path d="m24.99 54.853a1 1 0 0 1 -.843 1.136 28.27 28.27 0 0 1 -4.147.311c-1.366 0-2.748-.104-4.147-.31a1 1 0 0 1 .294-1.98c1.302.194 2.586.29 3.853.29s2.551-.096 3.853-.29a1 1 0 0 1 1.136.843zm-1.375-54.853c2.411 0 4.202.111 5.634.347a1 1 0 1 1 -.324 1.973c-1.31-.215-2.999-.32-5.31-.32h-7.233c-4.726 0-6.715.384-8.772 1.485a9.9 9.9 0 0 0 -4.125 4.125c-1.101 2.059-1.485 4.047-1.485 8.773v23.684c0 4.726.384 6.714 1.485 8.774a9.9 9.9 0 0 0 4.126 4.125c.988.53 1.886.867 3.05 1.092-.287-1.219-.399-2.062-.41-3.046a1 1 0 0 1 1.053-1.01c3.073.164 5.957.248 8.696.248s5.623-.084 8.696-.249a1 1 0 0 1 1.054 1.02c-.02.985-.134 1.823-.415 3.036a10.142 10.142 0 0 0 3.054-1.09 9.905 9.905 0 0 0 4.126-4.126c1.101-2.061 1.485-4.048 1.485-8.774v-14.612a1 1 0 0 1 2 0v14.612c0 5.027-.444 7.327-1.721 9.717a11.905 11.905 0 0 1 -4.946 4.946c-1.59.85-3.025 1.291-5.227 1.527a.999.999 0 0 1 -.942-.444l-.018-.03a.791.791 0 0 1 -.039-.066l-.012-.028a.96.96 0 0 1 -.061-.686c.32-1.129.533-2.111.639-2.947-3.163.13-5.72.194-7.673.194-2.563 0-5.002-.065-7.653-.193l-.028-.001.066.422c.136.828.3 1.557.49 2.187l.09.334.001.003.002.01.009.03a.859.859 0 0 1 .008.042l-.006-.026.011.06a1 1 0 0 1 -1.095 1.14c-2.203-.237-3.64-.679-5.228-1.528a11.9 11.9 0 0 1 -4.946-4.947c-1.277-2.389-1.721-4.689-1.721-9.716v-23.684c0-5.028.444-7.328 1.721-9.715a11.9 11.9 0 0 1 4.946-4.948c2.387-1.276 4.688-1.72 9.716-1.72h7.233zm-11.615 41a3 3 0 0 1 0 6h-3a3 3 0 0 1 0-6zm19 0a3 3 0 0 1 0 6h-3a3 3 0 0 1 0-6zm-19 2h-3a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2zm19 0h-3a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2zm-8.162-38a1 1 0 0 1 0 2h-1.945l-.363.001h-1.685l-.311.001h-1.159l-.268.001h-.752l-.234.001-.847.001h-.19l-.52.001h-.441l-.13.001h-.338l-.095.001-.235.001h-.156l-.035.001h-.044a5.002 5.002 0 0 0 -4.666 5.323l1.09 16.353c.147 2.202.367 3.072.892 3.959a4.438 4.438 0 0 0 1.848 1.729c.92.465 1.803.626 4.01.626h7.472c2.207 0 3.09-.161 4.01-.626a4.438 4.438 0 0 0 1.848-1.73c.525-.886.745-1.756.892-3.971l.33-4.111a1 1 0 0 1 1.993.16l-.328 4.097c-.166 2.49-.46 3.652-1.167 4.845a6.437 6.437 0 0 1 -2.666 2.494c-1.237.626-2.417.842-4.912.842h-7.472c-2.495 0-3.675-.216-4.912-.842a6.437 6.437 0 0 1 -2.666-2.494c-.707-1.193-1.001-2.356-1.167-4.845l-1.09-16.353a7 7 0 0 1 6.519-7.45l.195-.003h.135l.267-.002h.221l.124-.001h.273l.476-.002h.36l.193-.001h.412l.22-.001.708-.001h.788l.28-.001h.585l.306-.001h.97l.34-.001h1.074l.375-.002h1.178l.41-.001z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m24.333 10.294c0 .603.63 1.15 1.096 1.15.328 0 .719-.082 1.01-.495 2.2-3.12 5.809-4.927 9.561-4.927 4.135 0 7.416 1.835 9.56 4.928.21.303.573.494.956.494.685 0 1.15-.52 1.15-1.177a1.19 1.19 0 0 0 -.223-.682c-2.588-3.727-6.897-5.918-11.443-5.918s-8.791 2.19-11.448 5.915a1.287 1.287 0 0 0 -.219.712zm2.903 3.204c0 .466.466 1.096 1.233 1.096.328 0 .684-.21.903-.52 1.507-2.137 3.944-3.479 6.546-3.479 2.658 0 5.1 1.343 6.597 3.48.229.327.578.519.934.519.52 0 1.178-.41 1.178-1.15 0-.274-.082-.507-.224-.71-1.93-2.768-5.088-4.466-8.485-4.466-3.341 0-6.5 1.698-8.431 4.467-.141.202-.25.517-.25.763zm3.068 2.986c0 .657.493 1.177 1.15 1.177.41 0 .794-.219.986-.52a4.122 4.122 0 0 1 3.478-1.917 4.15 4.15 0 0 1 3.508 1.915c.212.33.572.522.983.522.685 0 1.15-.602 1.15-1.177 0-.22-.082-.446-.22-.656a6.521 6.521 0 0 0 -5.421-2.932 6.495 6.495 0 0 0 -5.396 2.93c-.164.25-.218.438-.218.658zm3.363 3.502c0 1.298 1.098 2.347 2.333 2.347a2.338 2.338 0 0 0 2.333-2.347c0-1.27-1.07-2.32-2.388-2.32-1.235 0-2.278 1.05-2.278 2.32z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_2g_rule.svg b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_2g_rule.svg
new file mode 100644
index 0000000000..5aaf83ab07
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_2g_rule.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8 5.998)"><path d="m23.993 45.002c.559 0 1 .43 1 1a762.53 762.53 0 0 1 0 3.382l1.447.724a1 1 0 1 1 -.894 1.789c-.518-.257-1.036-.516-1.552-.777l-1.554.777a1 1 0 0 1 -1.341-.447 1.027 1.027 0 0 1 .447-1.342l1.448-.724v-3.382c0-.512.44-1 1-1zm-9.493-2.545c.444.256.637.843.366 1.366-.228.4-.458.799-.69 1.197l.89 1.35a1 1 0 0 1 -.283 1.385c-.428.283-1.027.216-1.385-.283l-.956-1.449-1.734-.104a1 1 0 0 1 -.938-1.058c.03-.512.493-.938 1.058-.938.538.03 1.077.062 1.616.097l.69-1.197c.257-.444.922-.623 1.366-.366zm20.366.366.692 1.196 1.614-.096a1 1 0 0 1 1.058.938c.031.512-.326.998-.938 1.058-.577.037-1.155.071-1.732.104l-.957 1.449a1 1 0 0 1 -1.386.283c-.428-.282-.566-.896-.283-1.385l.892-1.35-.692-1.197c-.256-.444-.078-1.11.366-1.366.444-.257 1.049-.13 1.366.366zm-10.866-34.82c9.941 0 18 8.058 18 18 0 9.94-8.059 18-18 18-9.94 0-18-8.06-18-18 0-9.942 8.06-18 18-18zm0 2c-8.836 0-16 7.163-16 16 0 8.836 7.164 16 16 16 8.837 0 16-7.164 16-16 0-8.837-7.163-16-16-16zm17.815 25.136 2.93 1.69 1.35-.89a1 1 0 0 1 1.101 1.669c-.48.32-.964.639-1.448.956l-.104 1.733a1 1 0 0 1 -1.058.939 1.027 1.027 0 0 1 -.939-1.058c.03-.54.063-1.078.098-1.616l-2.93-1.69c-.444-.257-.645-.883-.366-1.367a.985.985 0 0 1 1.366-.366zm-34.275.361a.985.985 0 0 1 -.366 1.366 882.31 882.31 0 0 1 -2.928 1.692l.096 1.614a1 1 0 0 1 -1.996.12c-.037-.577-.071-1.154-.104-1.732l-1.449-.957a1 1 0 0 1 -.283-1.386 1.027 1.027 0 0 1 1.385-.283l1.35.892 2.93-1.692c.443-.256 1.086-.118 1.365.366zm-5.645-11.945.723 1.448h1.382c.513 0 1 .487 1 1 0 .512-.412.972-1 1-.46.002-.921.002-1.382 0l-.723 1.447a1 1 0 0 1 -1.342.447c-.459-.23-.7-.782-.447-1.342l.776-1.552-.776-1.553a1 1 0 0 1 .447-1.342c.459-.23 1.06-.042 1.342.447zm45.552-.447c.46.23.701.782.448 1.342l-.777 1.552.777 1.553a1 1 0 0 1 -.448 1.342c-.458.23-1.059.042-1.341-.447l-.724-1.448h-1.382c-.513 0-1-.487-1-1 0-.512.412-.973 1-1h1.382l.724-1.447a1 1 0 0 1 1.341-.447zm-44.04-12.339c.513.03.963.498.939 1.058-.03.539-.063 1.078-.097 1.616l2.929 1.69c.444.257.645.882.366 1.366a.985.985 0 0 1 -1.366.366 882.31 882.31 0 0 1 -2.93-1.69l-1.35.89a1 1 0 1 1 -1.101-1.668c.481-.32.964-.64 1.448-.956l.105-1.734a1 1 0 0 1 1.058-.938zm42.24.945c.037.577.071 1.154.104 1.732l1.45.957a1 1 0 0 1 .283 1.386 1.027 1.027 0 0 1 -1.386.283c-.451-.296-.902-.593-1.35-.892l-2.93 1.692c-.443.256-1.086.117-1.365-.367a.985.985 0 0 1 .366-1.366l2.929-1.691-.097-1.615a1 1 0 0 1 1.996-.12zm-30.864-7.465c.428.283.566.897.284 1.386-.296.45-.593.901-.892 1.35l.691 1.197c.257.444.078 1.11-.366 1.366s-1.048.13-1.366-.366l-.691-1.197-1.615.097a1 1 0 0 1 -1.058-.938c-.03-.512.327-.998.938-1.058l1.733-.104.957-1.45a1 1 0 0 1 1.385-.283zm19.82.284.956 1.448 1.733.105a1 1 0 0 1 .938 1.058c-.03.512-.493.938-1.058.938l-1.615-.097-.69 1.197c-.257.444-.923.622-1.367.366-.444-.257-.636-.843-.366-1.366l.69-1.197-.89-1.35a1 1 0 0 1 .283-1.386c.428-.282 1.028-.215 1.386.284zm-12.156-4.425 1.553.776 1.553-.776a1 1 0 0 1 1.342.447c.229.459.05 1.083-.448 1.342-.481.243-.964.484-1.447.723v3.382c0 .513-.441 1-1 1-.558 0-1-.43-1-1a882.305 882.305 0 0 1 0-3.382l-1.447-.723a1 1 0 1 1 .894-1.789z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m29.377 20.002c.745 0 2.09.27 2.998.438.47.166.717.682.55 1.153a.887.887 0 0 1 -1.084.556 8.208 8.208 0 0 0 -2.401-.36c-1.784 0-3.558.476-3.558 4.3 0 3.825 1.864 4.427 4.348 4.111.361-.054.698-.07.696-.366-.004-.692.002-1.384 0-2.077a.194.194 0 0 0 -.198-.197h-.94c-.437 0-.79-.425-.79-.861 0-.408.331-.862.79-.863h2.592a.79.79 0 0 1 .791.79c.002 1.344.002 2.687 0 4.03 0 .343-.22.624-.546.752-1.015.396-2.14.594-3.375.594-1.971 0-3.439-.495-4.403-1.486-.965-.99-1.447-2.466-1.447-4.427 0-2.056.6-6.087 5.977-6.087zm-11.545.096c1.238 0 2.182.31 2.832.928.651.62.976 1.515.976 2.688 0 .863-.1 2.2-1.816 4.016-1.157 1.144-2.03 1.97-2.616 2.48h4.251c1.098 0 1.04 1.792-.192 1.792h-6.297c-.764.023-1.166-.821-.741-1.33 1.74-1.616 2.803-2.623 3.187-3.022.576-.597.99-1.214 1.36-1.832s1.799-4.899-2.736-3.672c-.26.071-.536.203-.833.356-.877.367-1.571-.835-.719-1.412.95-.66 2.064-.992 3.344-.992z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_3g_rule.svg b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_3g_rule.svg
new file mode 100644
index 0000000000..b6c812f4f5
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_3g_rule.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8 5.998)"><path d="m23.993 45.002c.559 0 1 .43 1 1a762.53 762.53 0 0 1 0 3.382l1.447.724a1 1 0 1 1 -.894 1.789c-.518-.257-1.036-.516-1.552-.777l-1.554.777a1 1 0 0 1 -1.341-.447 1.027 1.027 0 0 1 .447-1.342l1.448-.724v-3.382c0-.512.44-1 1-1zm-9.493-2.545c.444.256.637.843.366 1.366-.228.4-.458.799-.69 1.197l.89 1.35a1 1 0 0 1 -.283 1.385c-.428.283-1.027.216-1.385-.283l-.956-1.449-1.734-.104a1 1 0 0 1 -.938-1.058c.03-.512.493-.938 1.058-.938.538.03 1.077.062 1.616.097l.69-1.197c.257-.444.922-.623 1.366-.366zm20.366.366.692 1.196 1.614-.096a1 1 0 0 1 1.058.938c.031.512-.326.998-.938 1.058-.577.037-1.155.071-1.732.104l-.957 1.449a1 1 0 0 1 -1.386.283c-.428-.282-.566-.896-.283-1.385l.892-1.35-.692-1.197c-.256-.444-.078-1.11.366-1.366.444-.257 1.049-.13 1.366.366zm-10.866-34.82c9.941 0 18 8.058 18 18 0 9.94-8.059 18-18 18-9.94 0-18-8.06-18-18 0-9.942 8.06-18 18-18zm0 2c-8.836 0-16 7.163-16 16 0 8.836 7.164 16 16 16 8.837 0 16-7.164 16-16 0-8.837-7.163-16-16-16zm17.815 25.136 2.93 1.69 1.35-.89a1 1 0 0 1 1.101 1.669c-.48.32-.964.639-1.448.956l-.104 1.733a1 1 0 0 1 -1.058.939 1.027 1.027 0 0 1 -.939-1.058c.03-.54.063-1.078.098-1.616l-2.93-1.69c-.444-.257-.645-.883-.366-1.367a.985.985 0 0 1 1.366-.366zm-34.275.361a.985.985 0 0 1 -.366 1.366 882.31 882.31 0 0 1 -2.928 1.692l.096 1.614a1 1 0 0 1 -1.996.12c-.037-.577-.071-1.154-.104-1.732l-1.449-.957a1 1 0 0 1 -.283-1.386 1.027 1.027 0 0 1 1.385-.283l1.35.892 2.93-1.692c.443-.256 1.086-.118 1.365.366zm-5.645-11.945.723 1.448h1.382c.513 0 1 .487 1 1 0 .512-.412.972-1 1-.46.002-.921.002-1.382 0l-.723 1.447a1 1 0 0 1 -1.342.447c-.459-.23-.7-.782-.447-1.342l.776-1.552-.776-1.553a1 1 0 0 1 .447-1.342c.459-.23 1.06-.042 1.342.447zm45.552-.447c.46.23.701.782.448 1.342l-.777 1.552.777 1.553a1 1 0 0 1 -.448 1.342c-.458.23-1.059.042-1.341-.447l-.724-1.448h-1.382c-.513 0-1-.487-1-1 0-.512.412-.973 1-1h1.382l.724-1.447a1 1 0 0 1 1.341-.447zm-44.04-12.339c.513.03.963.498.939 1.058-.03.539-.063 1.078-.097 1.616l2.929 1.69c.444.257.645.882.366 1.366a.985.985 0 0 1 -1.366.366 882.31 882.31 0 0 1 -2.93-1.69l-1.35.89a1 1 0 1 1 -1.101-1.668c.481-.32.964-.64 1.448-.956l.105-1.734a1 1 0 0 1 1.058-.938zm42.24.945c.037.577.071 1.154.104 1.732l1.45.957a1 1 0 0 1 .283 1.386 1.027 1.027 0 0 1 -1.386.283c-.451-.296-.902-.593-1.35-.892l-2.93 1.692c-.443.256-1.086.117-1.365-.367a.985.985 0 0 1 .366-1.366l2.929-1.691-.097-1.615a1 1 0 0 1 1.996-.12zm-30.864-7.465c.428.283.566.897.284 1.386-.296.45-.593.901-.892 1.35l.691 1.197c.257.444.078 1.11-.366 1.366s-1.048.13-1.366-.366l-.691-1.197-1.615.097a1 1 0 0 1 -1.058-.938c-.03-.512.327-.998.938-1.058l1.733-.104.957-1.45a1 1 0 0 1 1.385-.283zm19.82.284.956 1.448 1.733.105a1 1 0 0 1 .938 1.058c-.03.512-.493.938-1.058.938l-1.615-.097-.69 1.197c-.257.444-.923.622-1.367.366-.444-.257-.636-.843-.366-1.366l.69-1.197-.89-1.35a1 1 0 0 1 .283-1.386c.428-.282 1.028-.215 1.386.284zm-12.156-4.425 1.553.776 1.553-.776a1 1 0 0 1 1.342.447c.229.459.05 1.083-.448 1.342-.481.243-.964.484-1.447.723v3.382c0 .513-.441 1-1 1-.558 0-1-.43-1-1a882.305 882.305 0 0 1 0-3.382l-1.447-.723a1 1 0 1 1 .894-1.789z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m18.06 20.002c1.173 0 2.06.232 2.663.696s.904 1.144.904 2.04c0 .599 0 1.771-1.984 2.576.8.118 2.464.497 2.464 2.448 0 1.515-.69 2.595-2.072 3.24-1.264.591-2.977.97-5.14 1.136-1.075.068-1.272-1.676-.088-1.786 1.487-.112 2.653-.338 3.5-.678.944-.378 1.416-1.028 1.416-1.896 0-1.184-.967-1.328-1.6-1.328-.265 0-.7.048-1.304.144-.969.14-1.3-1.352-.272-1.575 1.09-.248 1.781-.46 2.073-.638.664-.404.671-.976.671-1.339 0-.546-.205-1.172-1.287-1.271-.608-.056-1.456.02-2.607.462-.914.303-1.46-1.12-.484-1.564a7.495 7.495 0 0 1 3.146-.667zm11.317 0c.745 0 2.09.27 2.998.438.47.166.717.682.55 1.153a.887.887 0 0 1 -1.084.556 8.208 8.208 0 0 0 -2.401-.36c-1.784 0-3.558.476-3.558 4.3 0 3.825 1.864 4.427 4.348 4.111.361-.054.698-.07.696-.366-.004-.692.002-1.384 0-2.077a.194.194 0 0 0 -.198-.197h-.94c-.437 0-.79-.425-.79-.861 0-.408.331-.862.79-.863h2.592a.79.79 0 0 1 .791.79c.002 1.344.002 2.687 0 4.03 0 .343-.22.624-.546.752-1.015.396-2.14.594-3.375.594-1.971 0-3.439-.495-4.403-1.486-.965-.99-1.447-2.466-1.447-4.427 0-2.056.6-6.087 5.977-6.087z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_distance.svg b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_distance.svg
new file mode 100644
index 0000000000..69d3ebb932
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_distance.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(8 9)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="M11.5 11a3.5 3.5 0 0 1 3.495 3.308L15 14.5V17a1 1 0 0 1-1.993.117L13 17v-2.5a1.5 1.5 0 0 0-1.356-1.493L11.5 13h-8a1.5 1.5 0 0 0-1.493 1.356L2 14.5v14a1.5 1.5 0 0 0 1.356 1.493L3.5 30H5a1 1 0 0 1 1 1v15a1 1 0 0 1-1.993.117L4 46l-.001-14H3.5a3.5 3.5 0 0 1-3.495-3.308L0 28.5v-14a3.5 3.5 0 0 1 3.308-3.495L3.5 11h8ZM11 30a1 1 0 0 1 .993.883L12 31v15a1 1 0 0 1-1.993.117L10 46V31a1 1 0 0 1 1-1Zm33.5-19a3.5 3.5 0 0 1 3.495 3.308L48 14.5v14a3.5 3.5 0 0 1-3.308 3.495L44.5 32H44v14a1 1 0 0 1-1.993.117L42 46l-.001-14.824a1 1 0 0 1 .868-1.17l.117-.006H44.5a1.5 1.5 0 0 0 1.493-1.356L46 28.5v-14a1.5 1.5 0 0 0-1.356-1.493L44.5 13h-8a1.5 1.5 0 0 0-1.493 1.356L35 14.5V17a1 1 0 0 1-1.993.117L33 17v-2.5a3.5 3.5 0 0 1 3.308-3.495L36.5 11h8ZM37 30a1 1 0 0 1 .993.883L38 31v15a1 1 0 0 1-1.993.117L36 46V31a1 1 0 0 1 1-1ZM7.5 0a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm33 0a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm-33 2a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm33 0a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Z"/><path fill="var(--db-icon-pulse-color, #EC0016)" d="M17.767 19.34a1 1 0 0 1-.034 1.322l-.091.086-4.5 3.763a.614.614 0 0 0-.24.487c0 .16.062.311.19.44l.085.074 4.463 3.72a1 1 0 0 1-1.179 1.61l-.101-.074-4.43-3.693A2.614 2.614 0 0 1 10.902 25c0-.751.322-1.463.853-1.937l4.603-3.849a1 1 0 0 1 1.409.126Zm13.793-.2.101.074 4.433 3.71A2.614 2.614 0 0 1 37.118 25c0 .751-.325 1.463-.857 1.936l-4.601 3.832a1 1 0 0 1-1.372-1.45l.092-.086 4.496-3.746a.614.614 0 0 0 .242-.488.614.614 0 0 0-.19-.44l-.084-.074-4.466-3.736a1 1 0 0 1 1.182-1.608ZM31 24a1 1 0 0 1 .117 1.993L31 26H17a1 1 0 0 1-.117-1.993L17 24h14Z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg
new file mode 100644
index 0000000000..6793402c5b
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8 16.25)"><path d="m23.984 28.546c-.752 0-1.473-.095-2.194-.345-5.672-1.849-9.933-3.885-12.785-6.142v-11.249c0-.668.193-1 .97-1.254l9.434-3.07c1.186-.387 1.9-1.356 3.165-3.04.374-.5.895-.69 1.41-.69.535 0 1.057.19 1.43.69 1.264 1.684 1.98 2.653 3.166 3.04l9.433 3.07c.777.254.97.586.97 1.254v11.25c-2.851 2.257-7.113 4.293-12.781 6.155a6.983 6.983 0 0 1 -2.218.332m.02-27.797c-1.088 0-2.187.381-3.101 1.576l-.711.93c-.636.832-.864 1.136-1.504 1.348l-9.84 3.26c-.44-2.477-2.162-4.545-4.512-5.39a1.138 1.138 0 0 0 -.314-.064c-.501 0-1.034.408-1.034 1.003 0 .407.282.784.689.94a5.021 5.021 0 0 1 3.228 4.011c.063.471.094.91.094 1.38v10.591c-2.068-1.88-3.075-3.394-3.698-5.014-.295-.768-.154-.465-1.003-3.885-.25-1.203-.521-1.849-1.284-1.849a.981.981 0 0 0 -.972 1.253c.157.501.29.97.408 1.473l.595 2.538c.8 3.415 3.224 6.155 6.299 8.462 3.7 2.775 8.179 4.94 13.85 6.8.91.313 1.85.438 2.79.438.96 0 1.9-.125 2.813-.427 5.669-1.872 10.147-4.036 13.848-6.81 3.075-2.308 5.498-5.048 6.298-8.463l.596-2.538c.117-.503.25-.972.412-1.472a.987.987 0 0 0 -.976-1.254c-.763 0-1.034.646-1.32 1.84-.813 3.43-.672 3.126-.967 3.894-.623 1.62-1.63 3.134-3.7 5.014v-10.592c0-.47.033-.908.097-1.378a5.036 5.036 0 0 1 3.224-4.018c.41-.15.69-.527.69-.934 0-.595-.531-1.003-1.032-1.003-.095 0-.22.032-.314.065-2.35.844-4.074 2.912-4.512 5.388l-9.841-3.259c-.641-.212-.868-.516-1.504-1.348l-.712-.93c-.912-1.195-2.011-1.576-3.079-1.576" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m24 5.5a1 1 0 0 1 .994.883l.006.117v19.375a1 1 0 0 1 -1.993.117l-.007-.117v-19.375a1 1 0 0 1 1-1z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg
new file mode 100644
index 0000000000..964a64b2ea
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8 17)"><path d="m23.984 27.796c-.752 0-1.473-.095-2.194-.345-5.672-1.849-9.933-3.885-12.785-6.142v-11.25c0-.668.193-1 .97-1.254l9.434-3.071c1.186-.386 1.9-1.355 3.165-3.04.374-.499.895-.689 1.41-.689.535 0 1.057.19 1.43.689 1.264 1.685 1.98 2.654 3.166 3.04l9.433 3.071c.777.254.97.586.97 1.254v11.25c-2.851 2.257-7.113 4.293-12.781 6.155a6.983 6.983 0 0 1 -2.218.332m.02-27.796c-1.088 0-2.187.381-3.101 1.576l-.711.93c-.636.832-.864 1.136-1.504 1.348l-9.84 3.259c-.44-2.476-2.162-4.544-4.512-5.39a1.138 1.138 0 0 0 -.314-.063c-.501 0-1.034.408-1.034 1.003 0 .407.282.784.689.94a5.021 5.021 0 0 1 3.228 4.011c.063.471.094.909.094 1.379v10.592c-2.068-1.88-3.075-3.394-3.698-5.014-.295-.768-.154-.465-1.003-3.885-.25-1.203-.521-1.849-1.284-1.849a.981.981 0 0 0 -.972 1.253c.157.501.29.97.408 1.473l.595 2.538c.8 3.415 3.224 6.155 6.299 8.462 3.7 2.775 8.179 4.939 13.85 6.799.91.314 1.85.439 2.79.439.96 0 1.9-.125 2.813-.427 5.669-1.872 10.147-4.036 13.848-6.811 3.075-2.307 5.498-5.047 6.298-8.462l.596-2.538c.117-.503.25-.972.412-1.472a.987.987 0 0 0 -.976-1.254c-.763 0-1.034.646-1.32 1.84-.813 3.429-.672 3.126-.967 3.894-.623 1.62-1.63 3.134-3.7 5.014v-10.592c0-.47.033-.908.097-1.378a5.036 5.036 0 0 1 3.224-4.018c.41-.15.69-.527.69-.934 0-.595-.531-1.003-1.032-1.003-.095 0-.22.032-.314.065-2.35.844-4.074 2.912-4.512 5.388l-9.841-3.259c-.641-.212-.868-.516-1.504-1.348l-.712-.93c-.912-1.195-2.011-1.576-3.079-1.576" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m24 20.218a1 1 0 0 1 .993.884l.007.116v3.25a1 1 0 0 1 -1.993.117l-.007-.117v-3.25a1 1 0 0 1 1-1zm0-15.218a1 1 0 0 1 .993.883l.007.117v3.657a1 1 0 0 1 -1.993.116l-.007-.116v-3.657a1 1 0 0 1 1-1zm-7.982 12.655v-1.552h1.632a.512.512 0 0 0 0-1.024h-1.632v-1.456h2.028a.54.54 0 0 0 0-1.08h-2.936a.5.5 0 0 0 -.5.5v4.612a.704.704 0 1 0 1.408 0zm4.944 0v-1.552h1.632a.512.512 0 0 0 0-1.024h-1.633v-1.456h2.03a.54.54 0 0 0 0-1.08h-2.937a.5.5 0 0 0 -.5.5v4.612a.704.704 0 0 0 1.408 0zm4.923 0v-1.505l.117.017c.15.018.306.03.468.036l.247.004c.704 0 1.241-.158 1.612-.476.37-.317.556-.777.556-1.38 0-.581-.179-1.028-.536-1.34s-.87-.468-1.536-.468h-1.836a.5.5 0 0 0 -.5.5v4.612a.704.704 0 0 0 1.408 0zm.704-2.4a6.01 6.01 0 0 1 -.436-.016 2.844 2.844 0 0 1 -.372-.048l.103.02v-1.644h.801c.249 0 .439.044.569.13l.071.058c.128.126.192.335.192.628 0 .31-.072.532-.216.668s-.381.204-.712.204zm6.798 2.584a.47.47 0 0 0 -.467-.52h-1.777l.17-.154c.318-.29.576-.534.774-.732l.111-.114c.277-.288.495-.59.652-.904s.236-.666.236-1.056c0-.586-.161-1.032-.484-1.336s-.796-.456-1.42-.456a3.34 3.34 0 0 0 -.88.112c-.1.028-.223.075-.37.141a.498.498 0 0 0 -.263.615l.011.032c.08.229.33.35.56.27h.004l.038-.014c.205-.066.417-.1.636-.1.277 0 .48.066.608.196s.192.335.192.612c0 .304-.064.59-.192.856a3.386 3.386 0 0 1 -.56.804c-.245.27-.584.602-1.016.996l-.276.248c-.095.085-.17.175-.226.27a.502.502 0 0 0 .431.754h2.93a.582.582 0 0 0 .578-.52z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_handwashing.svg b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_handwashing.svg
new file mode 100644
index 0000000000..9b991db11e
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_handwashing.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7 8)"><path d="m29.5 20a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm9 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm9 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-16-6a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm7 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm7 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-12-6a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm5 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm5 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-5-8c3.013 0 5.5 2.21 5.5 5a1 1 0 0 1 -2 0c0-1.629-1.543-3-3.5-3-1.89 0-3.393 1.278-3.495 2.832l-.005.168a1 1 0 0 1 -2 0c0-2.79 2.487-5 5.5-5z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m17.651 16.711a4.008 4.008 0 0 1 5.418.806l.127.168.12.18c1.072 1.702.7 3.937-.827 5.173l-.168.128-3.498 2.833 14.162.001c1.81.012 3.285 1.305 3.474 3.04l.015.188.005.191-.01.27a3.61 3.61 0 0 1 -.206.977l-.092.227-.05.106.379.001c1.815 0 3.29 1.315 3.48 3.062l.015.19.005.191-.005.21c-.096 1.79-1.519 3.246-3.303 3.342l-.192.005h-.343l.015.03c.138.307.233.637.278.985l.024.264.005.192a3.51 3.51 0 0 1 -3.322 3.499l-.192.005-.748.002a.997.997 0 0 1 -.1.016l-.117.007h-1.516l.028.056c.136.305.23.633.274.975l.023.259.005.188-.005.211a3.51 3.51 0 0 1 -3.32 3.306l-.192.005h-13.681c-8.23 0-13.616-5.34-13.616-12.503 0-4.293 1.498-6.983 5.337-10.12l.316-.256.585-.457.617-.465.322-.236.33-.24.684-.485.72-.498 1.675-1.14zm3.814 2.003a2.009 2.009 0 0 0 -2.53-.45l-.146.092-6.806 4.71-2.297 1.568-.681.477-.645.464-.31.227-.59.446-.557.435-.521.427c-3.2 2.68-4.382 4.924-4.382 8.387 0 5.958 4.345 10.361 11.278 10.5l.338.003h13.681c.792 0 1.441-.602 1.51-1.366l.007-.137-.007-.16a1.505 1.505 0 0 0 -1.144-1.322l-.084-.015h-7.579a1 1 0 0 1 -.116-1.993l.116-.007h7.33l.088-.01.091-.004 5.454-.01a1.51 1.51 0 0 0 1.516-1.504c0-.78-.57-1.394-1.335-1.464l-.144-.008h-13a1 1 0 0 1 -.116-1.993l.116-.007h16.501c.73.001 1.347-.547 1.475-1.264l.018-.136.006-.14-.007-.159c-.065-.698-.615-1.23-1.345-1.295l-.148-.006h-16.5a1 1 0 0 1 -.116-1.993l.116-.007h13l.133-.006c.702-.069 1.275-.672 1.34-1.42l.006-.142-.007-.152c-.065-.684-.613-1.206-1.345-1.273l-.149-.007h-16.978c-.903 0-1.326-1.087-.715-1.7l.086-.077 5.735-4.644a1.97 1.97 0 0 0 .545-2.602l-.087-.135z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_no_handshaking.svg b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_no_handshaking.svg
new file mode 100644
index 0000000000..0a0ae1674b
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_no_handshaking.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 4)"><path d="m13.427 15.896c4.541-4.673 11.161-5.934 15.244-2.251l.082.076.13-.046c5.047-1.714 9.753-1.054 13.576 2.553l.259.251c5.104 5.05 4.908 12.232.243 17.25l.035.051a3.474 3.474 0 0 1 -.247 4.187l-.138.153c-.48.499-1.1.83-1.77.957l-.139.021.028.164a3.475 3.475 0 0 1 -.803 2.729l-.183.198a3.308 3.308 0 0 1 -3 .96l-.137-.031-.004.03a3.467 3.467 0 0 1 -.768 1.586l-.167.182a3.308 3.308 0 0 1 -3.212.912l-.123-.035-.022.099c-.128.5-.37.976-.723 1.39l-.138.153-.047.048a3.308 3.308 0 0 1 -4.622.148l-.147-.144-13.102-13.482c-5.606-5.768-5.137-12.931-.105-18.109zm13.108-1.371c-3.235-2.065-8.116-.897-11.674 2.765-4.242 4.366-4.689 10.176-.13 15.073l.236.248 13.106 13.487a1.308 1.308 0 0 0 1.778.1l.113-.105.047-.048c.51-.53.545-1.346.11-1.914l-.1-.117-5.28-5.493c-.895-.932.433-2.264 1.357-1.467l.085.08 6.15 6.392a1.308 1.308 0 0 0 1.798.093l.098-.093.029-.03c.514-.534.546-1.36.1-1.927l-.092-.104-6.033-6.207-.078-.088c-.741-.92.527-2.153 1.426-1.386l.086.08 6.747 6.94a1.308 1.308 0 0 0 1.779.1l.113-.104.045-.047c.51-.53.545-1.347.11-1.915l-.101-.117-6.562-6.817c-.895-.929.425-2.26 1.351-1.47l.086.08 6.049 6.219a1.308 1.308 0 0 0 1.886 0c.514-.534.547-1.36.1-1.928l-.095-.11-10.692-11.002a.867.867 0 0 0 -.755-.257l-.117.026-7.906 2.374a3.169 3.169 0 0 1 -3.675-1.51 3.309 3.309 0 0 1 .483-3.895c2.062-2.15 4.82-4.22 7.728-5.654l.39-.188zm14.775 3.375c-4.104-4.06-9.647-3.862-14.814-1.124l-.552.303c-2.11 1.198-4.147 2.814-5.983 4.73a1.31 1.31 0 0 0 -.183 1.546c.244.447.746.68 1.234.592l.121-.028 7.904-2.374a2.866 2.866 0 0 1 2.74.618l.143.139 9.674 9.955.125-.137c3.67-4.162 3.807-9.835-.183-13.99z" fill="var(--db-icon-pulse-color, #EC0016)"/><path d="m28 0c15.464 0 28 12.536 28 28s-12.536 28-28 28-28-12.536-28-28 12.536-28 28-28zm19.04 10.294-36.663 36.823a25.907 25.907 0 0 0 17.623 6.883c14.36 0 26-11.64 26-26 0-6.84-2.642-13.064-6.96-17.706zm-19.04-8.294c-14.36 0-26 11.64-26 26 0 6.84 2.642 13.064 6.96 17.706l36.663-36.823a25.907 25.907 0 0 0 -17.623-6.883z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_recovered.svg b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_recovered.svg
new file mode 100644
index 0000000000..29d0c1962a
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_recovered.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(11 13)"><path d="m31.018 0a10.5 10.5 0 0 1 7.792 3.406 11.951 11.951 0 0 1 1.395 14.43 1 1 0 1 1 -1.699-1.056 9.952 9.952 0 0 0 -1.163-12.015 8.618 8.618 0 0 0 -6.325-2.765 8.637 8.637 0 0 0 -6.136 2.569l-3.18 3.144a1 1 0 0 1 -1.31.081l-3.085-3.029a8.618 8.618 0 0 0 -12.65.001c-3.473 3.742-3.541 9.489-.211 13.302l16.552 17.478 2.77-2.921a.993.993 0 0 1 1.366-.07c.424.356.46.95.166 1.35l-3.576 3.783a1 1 0 0 1 -1.356.089l-17.177-18.115a11.949 11.949 0 0 1 -.001-16.255 10.618 10.618 0 0 1 15.33-.267l2.48 2.456 2.226-2.19a10.675 10.675 0 0 1 7.792-3.406z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m33 18c4.406 0 8 3.594 8 8s-3.594 8-8 8-8-3.594-8-8 3.594-8 8-8zm0 2c-3.312 0-6 2.687-6 6s2.688 6 6 6a6 6 0 0 0 0-12zm3.766 3.531a.992.992 0 0 1 0 1.404l-4.544 4.532a.5.5 0 0 1 -.704.003l-2.31-2.274a.985.985 0 0 1 -.006-1.398l.003-.002a1 1 0 0 1 1.406-.008l1.238 1.211 3.508-3.472a.999.999 0 0 1 1.41.004z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_single_entry.svg b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_single_entry.svg
new file mode 100644
index 0000000000..ab834332be
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_single_entry.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(8 8)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="M37.5 19a3.5 3.5 0 0 1 3.493 3.287L41 22.5v10a3.5 3.5 0 0 1-2.866 3.442l-.134.021V47a1 1 0 0 1-.883.993L37 48a1 1 0 0 1-.993-.883L36 47V35a1 1 0 0 1 .883-.993L37 34h.5a1.5 1.5 0 0 0 1.493-1.352L39 32.5v-10a1.5 1.5 0 0 0-1.352-1.493L37.5 21h-6a1.5 1.5 0 0 0-1.493 1.356L30 22.5v10a1.5 1.5 0 0 0 1.356 1.493L31.5 34h.5a1 1 0 0 1 .993.883L33 35v12a1 1 0 0 1-1.993.117L31 47V35.963l-.068-.009a3.501 3.501 0 0 1-2.927-3.262L28 32.5v-10a3.5 3.5 0 0 1 3.308-3.495L31.5 19h6ZM42 0a5 5 0 0 1 4.995 4.783L47 5v42a1 1 0 0 1-1.993.117L45 47V5a3 3 0 0 0-2.824-2.995L42 2H27a3 3 0 0 0-2.995 2.824L24 5v22a1 1 0 0 1-1.993.117L22 27V5A5 5 0 0 1 26.783.005L27 0h15ZM9.5 19a3.5 3.5 0 0 1 3.495 3.308L13 22.5V28a1 1 0 0 1-1.993.117L11 28v-5.5a1.5 1.5 0 0 0-1.356-1.493L9.5 21h-6a1.5 1.5 0 0 0-1.493 1.356L2 22.5v10a1.5 1.5 0 0 0 1.356 1.493L3.5 34H4a1 1 0 0 1 .993.883L5 35v7a1 1 0 0 1-1.993.117L3 42v-6.037l-.068-.009a3.501 3.501 0 0 1-2.927-3.262L0 32.5v-10a3.5 3.5 0 0 1 3.308-3.495L3.5 19h6Zm-3-10a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm28 0a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm-28 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm28 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/><path fill="var(--db-icon-pulse-color, #EC0016)" d="M17.029 27.26a2 2 0 0 1 1.661.886l.087.142 9.3 16.74a2 2 0 0 1-1.585 2.965l-.163.007H7.73a2 2 0 0 1-1.83-2.814l.079-.157 9.3-16.741a2 2 0 0 1 1.749-1.029Zm0 2L7.729 46h18.6l-9.3-16.74ZM17 42a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm0-7.903a1 1 0 0 1 .993.883l.007.117v3.806a1 1 0 0 1-1.993.117L16 38.903v-3.806a1 1 0 0 1 1-1Z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_test_antigen.svg b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_test_antigen.svg
new file mode 100644
index 0000000000..2e0b9abd35
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_test_antigen.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(11 7)"><path d="m36.978 0c2.7 0 4.903 2.131 5.017 4.804l.005 21.196a1 1 0 0 1 -1.993.117l-.007-21.095a3.022 3.022 0 0 0 -2.844-3.017l-32.134-.005a3.021 3.021 0 0 0 -3.017 2.844l-.005 40.134a3.022 3.022 0 0 0 2.844 3.017l32.134.005a3.02 3.02 0 0 0 2.593-1.47 1 1 0 1 1 1.716 1.028 5.02 5.02 0 0 1 -4.077 2.437l-32.188.005a5.022 5.022 0 0 1 -5.017-4.804l-.005-40.174a5.021 5.021 0 0 1 4.804-5.017zm-22.978 39.001c0 .513-.388 1-1.066 1h-5.868c-.589 0-1.066-.448-1.066-1 0-.513.33-.999 1.066-1h5.868c.589 0 1.066.448 1.066 1zm4.889-1c.614 0 1.111.448 1.111 1 0 .513-.429.936-.982.993l-2.907.007c-.614 0-1.111-.448-1.111-1 0-.513.429-.935.982-.993l2.907-.008zm-11.911-6h21.044a.99.99 0 0 1 .978 1c0 .513-.356 1-.978 1h-21.044a.99.99 0 0 1 -.978-1c0-.513.303-.999.978-1zm9.224-20.244c.124.498-.115 1.165-.97 1.274v1.07a4.98 4.98 0 0 1 2.325 1.165l.856-.698c-.458-.78-.018-1.37.38-1.554a1 1 0 0 1 1.273.381l.385.81.623.47a1 1 0 0 1 .198 1.4c-.308.41-1 .6-1.6.048l-.918.742c.56 1.096.474 2.337.469 2.437l1.235.282c.216-.464.616-.996 1.46-.659.476.191.64.807.483 1.239l-.401.802.013.78a1 1 0 0 1 -.982 1.019c-.448.008-1.062-.307-1.023-1.232l-1.301-.3a5.022 5.022 0 0 1 -1.522 1.802l.62 1.26c.902-.295 1.349.34 1.429.72a1 1 0 0 1 -.658 1.154l-.877.193-.598.502a1 1 0 0 1 -1.409-.123c-.33-.392-.33-1.159.315-1.57l-.636-1.301c-.366.085-1.39.234-2.283-.001a99.064 99.064 0 0 0 -.63 1.303c.304.255.901.763.313 1.57-.302.413-.898.467-1.316.192l-.691-.571-.764-.163a1 1 0 0 1 -.77-1.186c.106-.502.626-1.014 1.43-.718.07-.14.274-.56.615-1.263a5.022 5.022 0 0 1 -1.52-1.805l-1.3.305c.084.883-.546 1.24-1.023 1.232a1 1 0 0 1 -.977-.902l.008-.897-.354-.695a1 1 0 0 1 .437-1.346c.456-.233 1.168-.107 1.459.66l1.235-.287c-.006-.098-.084-1.305.47-2.436l-.92-.739c-.686.638-1.372.255-1.6-.047a1 1 0 0 1 .11-1.325l.712-.545.33-.708a1 1 0 0 1 1.329-.484c.465.216.814.835.378 1.555l.86.695a4.985 4.985 0 0 1 2.326-1.165c-.003-.367-.006-.642-.006-.823v-.201c0-.044.001-.064.002-.061-.866-.088-1.08-.814-.97-1.257a1 1 0 0 1 1.098-.749l.872.211.758-.19a1 1 0 0 1 1.213.728zm-1.97 4.243a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm14.748-9.999c.563 0 1.02.448 1.02 1 0 .513-.372 1-1.02 1h-21.96a1.01 1.01 0 0 1 -1.02-1c0-.513.316-.999 1.02-1z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m38 28c4.406 0 8 3.594 8 8s-3.594 8-8 8-8-3.594-8-8 3.594-8 8-8zm0 2a6 6 0 0 0 0 12c3.312 0 6-2.687 6-6s-2.688-6-6-6zm3.766 3.531a.992.992 0 0 1 0 1.404l-4.544 4.532a.5.5 0 0 1 -.704.003l-2.31-2.274a.985.985 0 0 1 -.006-1.398l.002-.002a1 1 0 0 1 1.407-.008l1.238 1.211 3.508-3.472a.999.999 0 0 1 1.409.004z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_test_pcr.svg b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_test_pcr.svg
new file mode 100644
index 0000000000..fa75595796
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_test_pcr.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(11 7)"><path d="m36.978 0c2.7 0 4.903 2.131 5.017 4.804l.005 21.196a1 1 0 0 1 -1.993.117l-.007-21.095a3.022 3.022 0 0 0 -2.844-3.017l-32.134-.005a3.021 3.021 0 0 0 -3.017 2.844l-.005 40.134c0 1.61 1.5 3.022 3.022 3.022 10.652.002 21.304.002 31.956 0a3.02 3.02 0 0 0 2.593-1.47 1 1 0 1 1 1.716 1.028 5.02 5.02 0 0 1 -4.077 2.437l-32.188.005a5.022 5.022 0 0 1 -5.017-4.804l-.005-40.174a5.021 5.021 0 0 1 4.804-5.017zm-22.978 38.001c0 .513-.388 1-1.066 1h-5.868c-.589 0-1.066-.448-1.066-1 0-.513.33-.999 1.066-1h5.868c.589 0 1.066.448 1.066 1zm4.889-1c.614 0 1.111.448 1.111 1 0 .513-.429.936-.982.993l-2.907.007c-.614 0-1.111-.448-1.111-1 0-.513.429-.935.982-.993l2.907-.008zm-11.911-6h21.044a.99.99 0 0 1 .978 1c0 .513-.356 1-.978 1h-21.044a.99.99 0 0 1 -.978-1c0-.513.303-.999.978-1zm25.122-16.297c.042 2.321-2.377 2.688-2.377 2.688.816.448 1.596 1.488 2.342 3.123.232.486.349 1.057-.24 1.374-.587.318-1.12-.048-1.379-.446-1.085-1.917-1.722-2.967-1.913-3.152-.5-.556-.85-.65-1.479-.664h-.672l-.012 3.408c-.044.424-.229.965-.932.965-.754 0-.917-.635-.945-1.058l-.005-7.72c0-.687.195-1.222 1.16-1.222h3.08c2.95-.128 3.372 1.829 3.372 2.704zm-18.323.247c0 1.001-.289 3.011-3.82 3.052h-1.891l-.016 3.027c-.05.417-.262.97-1.014.97-.859 0-1.019-.714-1.035-1.127l-.001-7.652c0-.901.443-1.221 1.307-1.221h2.651c2.86-.13 3.82 1.298 3.82 2.95zm7.62-2.483c1.274.588 1.953 1.702 1.953 2.46 0 .256-.208.852-.837.852-.484 0-.68-.228-.855-.518-.13-.229-.516-1.104-1.344-1.494-1.462-.61-3.805-.042-3.78 3.31-.08 3.106 2.159 3.767 3.687 3.178.638-.25 1.082-.744 1.346-1.461.163-.577.474-.865.932-.865.687 0 .878.61.878.851 0 .307-.146 1.974-2.258 2.896-.909.415-5.472 1.15-6.492-3.305-.96-6.165 4.39-7.106 6.77-5.904zm-13.33 1.028v3.005l2.035-.029c1.04-.1 1.567-.594 1.582-1.48 0-1.172-.85-1.427-1.663-1.481zm18.317 0v2.702l2.273-.019c.754-.061 1.527-.316 1.527-1.348 0-.6-.3-1.324-1.631-1.33zm2.597-7.495c.563 0 1.02.448 1.02 1 0 .513-.372 1-1.02 1h-21.961a1.01 1.01 0 0 1 -1.02-1c0-.513.316-.999 1.02-1h21.96z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m38 28c4.406 0 8 3.594 8 8s-3.594 8-8 8-8-3.594-8-8 3.594-8 8-8zm0 2a6 6 0 0 0 0 12c3.312 0 6-2.687 6-6s-2.688-6-6-6zm3.766 3.531a.992.992 0 0 1 0 1.404l-4.544 4.532a.5.5 0 0 1 -.704.003l-2.31-2.274a.985.985 0 0 1 -.006-1.398l.002-.002a1 1 0 0 1 1.407-.008l1.238 1.211 3.508-3.472a.999.999 0 0 1 1.409.004z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_vaccinated.svg b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_vaccinated.svg
new file mode 100644
index 0000000000..7b62154dac
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/covid_19/db_ic_il_vaccinated.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(12 12)"><path d="m11.606.293a1 1 0 0 1 .083 1.32l-2.209 2.21 3.541 3.541 1.414-1.415a1 1 0 0 1 1.32-.083l9.947 9.935a1 1 0 0 1 -1.32 1.498l-9.242-9.229-7.07 7.071 4.247 4.247 2.118-2.125a1 1 0 0 1 1.497 1.32l-2.206 2.213 2.127 2.128 2.825-2.833a1 1 0 0 1 1.498 1.32l-2.914 2.922 2.126 2.126 2.118-2.125a1 1 0 0 1 1.497 1.32l-2.206 2.214 4.245 4.244a4.999 4.999 0 0 0 6.89.172 1.063 1.063 0 0 1 1.5-.255l5.752 5.74a1 1 0 0 1 -1.32 1.497l-5.095-5.083c-2.638 2.014-6.463 1.838-8.952-.475l-17.867-17.86a1 1 0 0 1 -.084-1.32l1.502-1.504-3.541-3.541-2.12 2.123a1 1 0 0 1 -1.497-1.32l9.982-9.993a1 1 0 0 1 1.414 0zm-3.536 4.947-2.828 2.83 3.535 3.536 2.829-2.829-3.536-3.536z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m34 14c4.406 0 8 3.594 8 8s-3.594 8-8 8-8-3.594-8-8 3.594-8 8-8zm0 2a6 6 0 0 0 0 12c3.312 0 6-2.687 6-6s-2.688-6-6-6zm3.766 3.531a.992.992 0 0 1 0 1.404l-4.544 4.532a.5.5 0 0 1 -.704.003l-2.31-2.274a.985.985 0 0 1 -.006-1.398l.002-.002a1 1 0 0 1 1.407-.008l1.238 1.211 3.508-3.472a.999.999 0 0 1 1.409.004z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/deprecated/covid_19/db_ic_il_mask.svg b/review/refactor-icon-update/icons/illustrative/deprecated/covid_19/db_ic_il_mask.svg
new file mode 100644
index 0000000000..acb1b72685
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/deprecated/covid_19/db_ic_il_mask.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="m52.945 18.674a1 1 0 0 1 -.619 1.271c-1.744.603-3 2.713-3.24 4.654a9.553 9.553 0 0 0 -.082 1.03l-.003.35v10.365c2.209-2.733 3.95-6 5.041-9.632a1 1 0 1 1 1.916.576c-1.434 4.768-3.92 8.96-7.11 12.24a.999.999 0 0 1 -.312.316l-.24.237c-4.458 4.327-10.184 6.919-16.296 6.919-6.225 0-12.048-2.688-16.538-7.157a1 1 0 0 1 -.311-.315c-3.19-3.28-5.675-7.472-7.109-12.24a1 1 0 0 1 1.916-.576c1.092 3.632 2.832 6.9 5.042 9.633v-6.167l-.001-.033v-3.964a9.765 9.765 0 0 0 -.084-1.367 4.98 4.98 0 0 0 -3.253-4.018 1 1 0 1 1 .676-1.883 6.98 6.98 0 0 1 4.52 5.377c.134-.068.274-.126.419-.173l13.722-3.975a3.609 3.609 0 0 1 1.756-.062l.247.062 13.517 3.915c.207.054.405.128.593.219l-.01.07c.323-2.613 1.98-5.396 4.572-6.291a1 1 0 0 1 1.271.619zm-21.214 3.349-.177.04-13.56 3.927c-.533.141-.92.592-.984 1.115l-.01.132v11.313c4.114 4.037 9.395 6.45 15 6.45s10.886-2.413 15-6.45v-11.293a1.34 1.34 0 0 0 -.881-1.23l-.135-.043-13.538-3.92a1.609 1.609 0 0 0 -.715-.041z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m43.766 33.358a1 1 0 0 1 -.124 1.408 18.125 18.125 0 0 1 -23.284 0 1 1 0 0 1 1.284-1.532 16.125 16.125 0 0 0 20.716 0 1 1 0 0 1 1.408.124zm-4.966-5.958a1 1 0 0 1 -.2 1.4 11 11 0 0 1 -13.2 0 1 1 0 0 1 1.2-1.6 9 9 0 0 0 10.8 0 1 1 0 0 1 1.4.2z" fill="var(--db-icon-pulse-color, #EC0016)"/><path d="m0 0h64l-64 64z" fill="#ffd800" fill-opacity=".8"/><path d="m15.14 31.776.547.544c.043-.444.111-.788.206-1.031.094-.243.246-.47.457-.679.369-.367.806-.504 1.312-.41.507.094 1.028.408 1.564.942.554.55.872 1.102.956 1.655s-.078 1.033-.486 1.438c-.171.171-.373.31-.605.417a3.181 3.181 0 0 1 -.824.237l1.584 1.575-.599.596-4.55-4.528c.094-.103.173-.213.235-.33a.773.773 0 0 0 .1-.324zm23.995-26.776 4.865 4.842-.393.39-.598-.287c-.03.43-.096.778-.196 1.04a2.009 2.009 0 0 1 -.467.708c-.378.376-.822.519-1.332.43-.51-.09-1.034-.402-1.57-.936-.55-.546-.876-1.089-.979-1.627s.063-1.022.496-1.454c.18-.179.385-.32.614-.426.23-.104.506-.18.827-.227l-1.705-1.697c.094-.103.174-.214.238-.333a.773.773 0 0 0 .103-.327zm-26.916 29.72c.442-.44.916-.64 1.423-.601.506.038 1.016.313 1.531.826l.27.269-2.2 2.19c.42.419.793.643 1.12.673.326.03.664-.13 1.016-.48a2.58 2.58 0 0 0 .415-.523 2.46 2.46 0 0 0 .109-.21l.123-.282.138-.356.496.493a3.854 3.854 0 0 1 -.348.762c-.128.21-.287.408-.476.596-.528.525-1.072.775-1.634.75-.563-.026-1.131-.325-1.706-.898-.566-.563-.873-1.12-.92-1.671s.167-1.063.643-1.537zm10.281-10.23c.442-.44.916-.64 1.423-.602.506.038 1.016.313 1.531.826l.27.269-2.2 2.19c.42.419.793.643 1.12.673.325.03.664-.13 1.016-.48a2.64 2.64 0 0 0 .415-.522c.034-.058.07-.128.109-.21l.123-.283.138-.356.496.493a3.854 3.854 0 0 1 -.348.762c-.128.21-.287.408-.476.596-.528.525-1.073.775-1.635.75-.562-.026-1.13-.325-1.705-.897-.566-.564-.873-1.121-.92-1.672-.048-.551.167-1.063.643-1.537zm6.735-6.703c.421-.419.825-.63 1.214-.631.388-.003.79.204 1.206.618l1.5 1.492c.107.107.2.162.277.167.077.004.16-.039.25-.129.06-.06.114-.13.161-.21l.4.396c-.1.2-.215.367-.348.5-.159.158-.325.244-.499.26-.174.014-.363-.038-.57-.158.013.363-.024.674-.112.932a1.764 1.764 0 0 1 -.434.689c-.292.29-.601.435-.927.435s-.64-.15-.94-.448c-.3-.299-.45-.593-.447-.88.002-.289.108-.585.318-.888l.086-.12.209-.275.26-.323.313-.372.175-.204-.277-.275c-.261-.26-.498-.396-.71-.407-.213-.01-.435.1-.667.33a2.83 2.83 0 0 0 -.45.583c-.13.218-.26.5-.393.845l-.483-.48c.108-.303.232-.57.374-.8.141-.231.313-.447.514-.647zm6.298-6.268c.442-.44.916-.64 1.422-.602.507.038 1.017.314 1.532.826l.27.269-2.2 2.19c.42.419.793.643 1.12.673.325.03.664-.13 1.016-.48a2.61 2.61 0 0 0 .415-.522c.1-.173.224-.456.37-.849l.496.493a3.854 3.854 0 0 1 -.348.762 3.21 3.21 0 0 1 -.476.596c-.528.525-1.073.775-1.635.75-.562-.026-1.13-.325-1.705-.897-.566-.564-.873-1.121-.92-1.672-.048-.55.167-1.063.643-1.537zm-9.366 9.321a3.36 3.36 0 0 1 .496-.41 4.56 4.56 0 0 1 .637-.346l.534.532c-.335.137-.58.25-.734.34a2.31 2.31 0 0 0 -.463.365c-.236.234-.379.453-.428.656-.05.203-.012.422.113.657.124.235.351.516.682.845.33.329.615.555.856.679.24.124.466.16.679.106.212-.054.436-.198.672-.433.163-.162.283-.313.36-.454l.036-.069.084-.185.16-.4.062-.166.495.493a4.003 4.003 0 0 1 -.322.724c-.115.196-.26.38-.43.55-1.026 1.021-2.127.946-3.302-.224-.57-.568-.871-1.127-.901-1.678-.03-.55.208-1.078.714-1.582zm5.596-6.889.721.718.914-.91.431.43-.914.909 1.957 1.947c.201.2.389.302.563.304s.357-.093.55-.285c.073-.072.136-.146.19-.22a2.42 2.42 0 0 0 .183-.318l.432.43a2.1 2.1 0 0 1 -.19.348 2.165 2.165 0 0 1 -.255.298c-.36.359-.716.534-1.068.525-.352-.008-.714-.198-1.087-.57l-1.873-1.864-.496.494-.431-.43.122-.121c.15-.15.234-.288.251-.416.017-.129-.03-.29-.141-.487l-.232-.41zm-12.46 13.682.566.564c.052-.718.234-1.262.548-1.634l.579.577c-.408.5-.678.956-.811 1.37l2.098 2.089.566-.564.431.43-1.68 1.67-.43-.428.514-.513-2.387-2.376-.502.5-.457-.455.257-.256c.185-.184.32-.34.406-.468.085-.128.141-.252.167-.371zm-12.655 10.07c.66-.657 1.363-.952 2.107-.886.745.066 1.484.464 2.217 1.194.751.748 1.16 1.498 1.226 2.252.067.753-.232 1.461-.898 2.123l-1.62 1.614-4.68-4.656 1.648-1.64zm25.779-17.97-.721-.717-.284.324-.232.282-.182.24c-.026.037-.05.072-.071.105-.153.233-.226.434-.22.602.007.17.096.339.268.51.184.183.356.28.515.288s.324-.073.495-.243c.322-.32.466-.784.432-1.39zm7.177-11.28c-.291.29-.402.594-.331.912.07.318.338.708.801 1.169.4.397.763.652 1.091.765s.634.03.917-.253c.155-.153.272-.325.35-.515.08-.19.154-.469.223-.836l-1.847-1.838a3.32 3.32 0 0 0 -.705.227 1.91 1.91 0 0 0 -.499.368zm-22.971 22.861c-.155.153-.266.31-.335.467l-.063.17-.035.11-.075.271-.084.34 1.86 1.85c.291-.068.523-.145.695-.23.171-.086.339-.21.502-.372.287-.286.39-.595.309-.928-.082-.333-.359-.735-.83-1.204-.43-.427-.795-.678-1.098-.753-.302-.075-.585.018-.846.279zm-9.586 6.927-.953.948 3.74 3.721.952-.948c.48-.478.684-.984.611-1.518s-.427-1.116-1.062-1.748c-.648-.645-1.235-1.004-1.763-1.076-.528-.073-1.036.134-1.525.62zm5.59-3.092c-.278.277-.395.562-.35.855.045.292.218.614.518.964l1.557-1.55c-.39-.346-.713-.54-.968-.58s-.507.063-.756.31zm10.28-10.231c-.278.277-.395.562-.35.855.045.292.218.614.518.964l1.557-1.55c-.39-.346-.713-.54-.968-.58-.256-.04-.508.063-.756.31zm13.033-12.97c-.278.278-.395.563-.35.855.045.293.217.614.518.964l1.557-1.55c-.39-.346-.713-.54-.968-.58-.256-.04-.508.063-.757.311z" fill="#740009" fill-rule="nonzero"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_computer.svg b/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_computer.svg
new file mode 100644
index 0000000000..20a90ea513
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_computer.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(5 9)"><path d="m49 16.006h-8a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2zm1-7a1 1 0 0 0 -1-1h-8a1 1 0 1 0 0 2h8a1 1 0 0 0 1-1zm-6.1 16.964a1 1 0 1 0 -2 0 1 1 0 0 0 2 0zm4.4 0a1 1 0 1 0 -2 0 1 1 0 0 0 2 0z" fill="var(--db-icon-pulse-color, #EC0016)"/><path d="m51 42h-12c-1.654 0-3-1.346-3-3v-36c0-1.654 1.346-3 3-3h12c1.654 0 3 1.346 3 3v36c0 1.654-1.346 3-3 3zm-12-40c-.551 0-1 .448-1 1v36c0 .552.449 1 1 1h12c.551 0 1-.448 1-1v-36c0-.552-.449-1-1-1zm-33.724 24.75a1 1 0 1 0 0 2h27.724a1 1 0 1 0 0-2zm28.724 13.125h-6.293l-.653-5.875h5.945a1 1 0 1 0 0-2h-27.999c-1.654 0-3-1.346-3-3v-20c0-1.654 1.346-3 3-3h29a1 1 0 1 0 0-2h-29c-2.757 0-5 2.243-5 5v20c0 2.757 2.243 5 5 5h11.945l-.653 5.875h-7.418a1 1 0 1 0 0 2h25.125a1 1 0 1 0 0-2zm-15.043-5.875h6.085l.653 5.875h-7.391z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_laptop.svg b/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_laptop.svg
new file mode 100644
index 0000000000..db299e19fc
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_laptop.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8 15)"><path d="m40 0a5 5 0 0 1 4.995 4.783l.005.217v18a5 5 0 0 1 -4.783 4.995l-.217.005h-32a5 5 0 0 1 -4.995-4.783l-.005-.217v-18a5 5 0 0 1 4.783-4.995l.217-.005zm0 2h-32a3 3 0 0 0 -2.995 2.824l-.005.176v18a3 3 0 0 0 2.824 2.995l.176.005h32a3 3 0 0 0 2.995-2.824l.005-.176v-18a3 3 0 0 0 -2.824-2.995zm-16 1.875a1.125 1.125 0 1 1 0 2.25 1.125 1.125 0 0 1 0-2.25z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m47 30a1 1 0 0 1 .117 1.993l-.117.007h-46a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_monitor.svg b/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_monitor.svg
new file mode 100644
index 0000000000..581c5e4a11
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_monitor.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7 11)"><path d="m43.887 28h-38a1 1 0 1 1 0-2h38a1 1 0 1 1 0 2z" fill="var(--db-icon-pulse-color, #EC0016)"/><path d="m47 0h-44c-1.654 0-3 1.346-3 3v28c0 1.654 1.346 3 3 3h16.383l-.778 7h-8.605a1 1 0 1 0 0 2h29.999a1 1 0 1 0 0-2h-8.605l-.778-7h16.383c1.654 0 3-1.346 3-3v-28c0-1.654-1.346-3-3-3zm-17.617 41h-8.766l.778-7h7.21zm18.617-10c0 .552-.449 1-1 1h-44c-.551 0-1-.448-1-1v-28c0-.552.449-1 1-1h44c.551 0 1 .448 1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_smartphone.svg b/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_smartphone.svg
new file mode 100644
index 0000000000..e484292f1e
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_smartphone.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(17 4)"><path d="m25 0a5 5 0 0 1 4.995 4.783l.005 46.217a5 5 0 0 1 -4.783 4.995l-20.217.005a5 5 0 0 1 -4.995-4.783l-.005-46.217a5 5 0 0 1 4.783-4.995zm-2 2v.034a2.966 2.966 0 0 1 -2.752 2.958l-10.282.008c-1.58 0-2.87-1.443-2.961-3h-2.005a3 3 0 0 0 -2.995 2.824l-.005 46.176a3 3 0 0 0 2.824 2.995l20.176.005a3 3 0 0 0 2.995-2.824l.005-46.176a3 3 0 0 0 -2.824-2.995zm-2 0h-12v.034c0 .496.373.904.853.96l.113.006h10.068a.966.966 0 0 0 .958-.839l.008-.127z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m21 50a1 1 0 0 1 .117 1.993l-.117.007h-12a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_tablet.svg b/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_tablet.svg
new file mode 100644
index 0000000000..89116285c5
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_tablet.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(14 8)"><path d="m32 0a4 4 0 0 1 4 4v40a4 4 0 0 1 -4 4h-28a4 4 0 0 1 -4-4v-40a4 4 0 0 1 4-4zm0 2h-28a2 2 0 0 0 -2 2v40a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2v-40a2 2 0 0 0 -2-2zm-14 1.875a1.125 1.125 0 1 1 0 2.25 1.125 1.125 0 0 1 0-2.25z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m22 42a1 1 0 0 1 .117 1.993l-.117.007h-8a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_travel_apps.svg b/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_travel_apps.svg
new file mode 100644
index 0000000000..4f6334dea5
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_travel_apps.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(11 4)"><path d="m25 0a5 5 0 0 1 5 5v8.036a1 1 0 0 1 -2 0v-8.036a3 3 0 0 0 -3-3h-2c.071.838-.625 2.924-2.966 3h-10.068a2.966 2.966 0 0 1 -2.966-2.966v-.034h-2a3 3 0 0 0 -3 3v46a3 3 0 0 0 3 3h20a3 3 0 0 0 3-3v-9a1 1 0 0 1 2 0v9a5 5 0 0 1 -5 5h-20a5 5 0 0 1 -5-5v-46a5 5 0 0 1 5-5zm-4 50a1 1 0 0 1 0 2h-12a1 1 0 0 1 0-2zm1.422-33.558c1.634-.943 3.171-.36 4.213 1.447l3.492 6.05c1.068-1.181 2.27-1.266 2.89-1.123.257-.607.762-1.165 1.505-1.64.68-.394 1.345-.506 1.964-.364.257-.606.761-1.163 1.502-1.639 1.586-.914 3.012-.267 4.05 1.53 1.439 2.363 2.44 4.098 3 5.197.677 1.171 1.008 2.876 1.036 5.116.099 2.921-1.797 6.295-5.06 8.178-2.438 1.408-5.452 1.646-8.591.748-.214-.104-3.797-1.693-10.751-4.766-2.377-1.05-3.242-2.862-2.258-5.138.914-1.666 2.527-2.039 4.427-1.173l2.479.893c-2.675-4.628-4.362-7.55-5.06-8.766-.83-2.103-.416-3.639 1.162-4.55zm2.481 2.447c-.53-.919-.953-1.074-1.665-.598-.475.317-.543.91-.203 1.78l6.371 11.03c.446.772-.262 1.677-1.094 1.474l-5.157-1.822c-1.101-.547-1.608-.445-1.946.161-.481 1.12-.156 1.802 1.272 2.433 4.04 1.787 7.598 3.364 10.676 4.733 2.677.743 4.962.537 6.857-.618 2.626-1.516 4.135-4.2 4.061-6.399-.025-1.949-.296-3.344-.794-4.208-.556-1.09-1.536-2.788-2.963-5.132-.556-.96-.85-1.095-1.29-.843-.86.553-.948.951-.415 1.703.32.451.22 1.03-.236 1.395s-1.184.171-1.46-.307c-.534-.925-.875-1.065-1.355-.788-.864.554-.952.953-.419 1.704.32.451.206 1.114-.236 1.394-.59.375-1.186.168-1.46-.307-.534-.925-.908-1.171-1.578-.64-1.022.69-.252 1.405-.195 1.556a1 1 0 0 1 -1.631 1.158c-.074-.087-1.787-3.04-5.14-8.859zm-13.903 3.111a3 3 0 0 1 3 3v4a3 3 0 0 1 -3 3h-4a3 3 0 0 1 -3-3v-4a3 3 0 0 1 3-3zm0 2h-4a1 1 0 0 0 -1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0 -1-1zm0-14a3 3 0 0 1 3 3v4a3 3 0 0 1 -3 3h-4a3 3 0 0 1 -3-3v-4a3 3 0 0 1 3-3zm0 2h-4a1 1 0 0 0 -1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0 -1-1zm10-10h-12c0 .595.322.929.966 1h10.068c.256 0 .966-.179.966-1z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m22.6 10a3.4 3.4 0 0 1 3.355 2.85 1 1 0 0 1 -1.973.321 1.4 1.4 0 0 0 -1.382-1.171h-3.2a1.4 1.4 0 0 0 -1.4 1.4v3.2c0 .495.193.915.505 1.16a1 1 0 1 1 -1.235 1.574c-.808-.635-1.27-1.64-1.27-2.734v-3.2a3.4 3.4 0 0 1 3.4-3.4z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_usb_3.0.svg b/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_usb_3.0.svg
new file mode 100644
index 0000000000..8e6335c11e
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_usb_3.0.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(5 12)"><path d="m8.575 36.241v-3.511a1 1 0 0 1 1-1h.133a1 1 0 0 1 1 1v3.498c0 .439.067.756.2.952.19.27.523.405 1.002.405.397 0 .687-.1.871-.303.184-.202.276-.517.276-.947v-3.691a.913.913 0 0 1 1.826 0v3.593c0 .726-.135 1.302-.405 1.729-.501.79-1.42 1.186-2.754 1.186-1.39 0-2.32-.403-2.793-1.21-.237-.401-.356-.967-.356-1.7zm7.168 1.933v-.364a.5.5 0 0 1 .65-.479c.571.178 1.012.268 1.322.268.778 0 1.167-.212 1.167-.635 0-.208-.14-.398-.346-.498-.207-.1-.633-.25-.972-.371a5.318 5.318 0 0 1 -.81-.352 2.15 2.15 0 0 1 -.518-.4c-.345-.365-.518-.855-.518-1.47 0-.72.228-1.28.684-1.68.478-.423 1.181-.634 2.11-.634.37 0 .808.059 1.313.178a.75.75 0 0 1 .58.731v.366a.5.5 0 0 1 -.63.483c-.494-.137-.865-.206-1.112-.206-.855 0-1.016.27-1.016.552 0 .349.302.481.455.556l1.127.42c.511.18.89.39 1.138.63.355.349.532.853.532 1.514 0 .755-.228 1.333-.684 1.734-.478.423-1.251.64-2.319.634a5.906 5.906 0 0 1 -1.613-.257.75.75 0 0 1 -.54-.72zm9.052.826h-2.204a.75.75 0 0 1 -.75-.75v-5.77a.75.75 0 0 1 .75-.75h2.302c1.71 0 2.564.631 2.564 1.894 0 1.124-.762 1.392-1.202 1.548.31.062.869.193 1.187.557.267.305.415.653.415 1.2 0 1.036-.571 1.49-1.08 1.722-.507.233-1.168.349-1.982.349zm-.922-3.184v1.68h.913c.996 0 .996-.566.996-.879 0-.376-.081-.8-.933-.8h-.976zm0-2.578v1.353h.864c.478 0 .718-.223.718-.67 0-.455-.232-.683-.694-.683zm6.596 5.323v-.054a.75.75 0 0 1 .658-.744c.67-.081 1.142-.172 1.417-.272.369-.134 1.04-.312 1.04-1.07 0-.517-.38-.649-.869-.649-.133 0-.295.012-.485.035a.565.565 0 0 1 -.633-.562v-.039a.75.75 0 0 1 .598-.735c.411-.087.693-.169.845-.244.231-.115.344-.321.344-.598 0-.463-.384-.59-.869-.59-.225 0-.589.083-1.09.25a.5.5 0 0 1 -.658-.472v-.247a.745.745 0 0 1 .52-.708 5.636 5.636 0 0 1 1.765-.294c1.83 0 2.368.74 2.368 1.68 0 1.174-.971 1.449-1.362 1.611.52.084 1.621.178 1.621 1.573 0 .927-.393 1.607-1.179 2.038-.463.254-1.564.496-3.305.727a.642.642 0 0 1 -.726-.636zm7.041-1.456c.865 0 1.02.76 1.02 1.021a.991.991 0 0 1 -1.015 1.02c-.484 0-1.025-.355-1.025-1.035 0-.362.221-1.006 1.02-1.006zm1.817-1.25v-.981c0-.967.236-1.73.708-2.29.573-.677 1.393-1.016 2.46-1.016 1.003 0 1.783.29 2.34.87.556.579.834 1.391.834 2.436v.981c0 .964-.236 1.727-.708 2.29-.572.674-1.394 1.011-2.465 1.011-1.437 0-2.254-.674-2.62-1.213s-.55-1.235-.55-2.088zm4.155.25v-1.48c0-.55 0-1.587-.986-1.587-.799 0-.982.669-.982 1.587v1.48c0 .55-.005 1.582.982 1.582.986 0 .986-1.036.986-1.583zm-9.482-36.105a4 4 0 1 1 -3.874 5h-3.286a3 3 0 0 0 -2.073.832c-.322.334-2.194 2.39-5.617 6.172l2.984.002a5.046 5.046 0 0 1 3.568 1.5l5.93 6.673c.508.504 1.167.825 1.894.825h3.474v-1.004a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1 -2 2h-4a2 2 0 0 1 -2-2v-.999h-3.515c-1.333-.029-2.436-.558-3.316-1.455l-5.93-6.673c-.508-.503-1.16-.873-2.106-.873h-10.216a6.002 6.002 0 0 1 -11.917-1 6 6 0 0 1 11.917-1h3.206c.776 0 1.574-.294 2.221-.983l5.794-6.379c.889-.978 2.317-1.638 3.438-1.631l3.55-.007c.444-1.725 2.01-3 3.874-3zm9 20h-4v4h4zm-37-11a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm28-7a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m49.66 9.221 3.76 2.997c.468.411.502 1.132 0 1.563l-3.76 3.01a1 1 0 0 1 -1.405-.157 1.026 1.026 0 0 1 .156-1.405l1.534-1.23-20.945.001a1 1 0 0 1 0-2h20.935l-1.522-1.215c-.4-.317-.505-.979-.16-1.405.347-.426.924-.5 1.408-.159z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_usb_c.svg b/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_usb_c.svg
new file mode 100644
index 0000000000..15e7ef17d2
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_usb_c.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(9 15)"><path d="m36.667 0c5.523 0 10 4.477 10 10s-4.477 10-10 10h-26.667c-5.523 0-10-4.477-10-10s4.477-10 10-10zm-26.667 2a8 8 0 0 0 -8 8c0 4.335 3.308 7.853 8 7.996l26.667.004a8 8 0 0 0 8-8c0-4.335-3.33-7.857-8-8zm-5.425 28.241v-3.511a1 1 0 0 1 1-1h.133a1 1 0 0 1 1 1v3.498c0 .439.11 1.357 1.202 1.357s1.147-.82 1.147-1.25v-3.691a.913.913 0 0 1 1.826 0v3.593c0 .726-.135 1.302-.405 1.729-.501.79-1.42 1.186-2.754 1.186-1.39 0-2.32-.403-2.793-1.21-.237-.401-.356-.967-.356-1.7zm7.168 1.94v-.371a.5.5 0 0 1 .65-.479c.571.178 1.012.268 1.322.268.778 0 1.167-.212 1.167-.635 0-.208-.09-.366-.346-.498-.258-.132-1.472-.524-1.783-.723-.27-.161-.374-.247-.517-.4-.345-.365-.518-.855-.518-1.47 0-.72.228-1.28.684-1.68.478-.423 1.181-.634 2.11-.634.374 0 .813.059 1.317.178a.75.75 0 0 1 .577.731v.366a.5.5 0 0 1 -.63.483c-.495-.137-.866-.206-1.113-.206-.742 0-1.016.256-1.016.552 0 .615.992.72 1.582.977.566.229.89.389 1.138.63.355.348.532.852.532 1.513 0 .755-.228 1.333-.684 1.734-.478.423-1.251.634-2.319.634-.5 0-1.04-.085-1.618-.256a.749.749 0 0 1 -.535-.715zm9.052.819h-2.204a.75.75 0 0 1 -.75-.75v-5.77a.75.75 0 0 1 .75-.75h2.302c1.71 0 2.564.631 2.564 1.894 0 1.127-.762 1.392-1.202 1.548.31.062 1.602.268 1.602 1.758 0 1.035-.571 1.488-1.08 1.72-.507.234-1.168.35-1.982.35zm-.922-3.184v1.68h.913c.348 0 .996-.035.996-.879 0-.762-.598-.8-.933-.8h-.976zm0-2.578v1.353h.864c.478 0 .718-.223.718-.67 0-.455-.232-.683-.694-.683zm6.596 5.323v-.276a.5.5 0 0 1 .443-.498 10.956 10.956 0 0 0 1.632-.296c.372-.117 1.04-.312 1.04-1.07 0-.605-.483-.64-.869-.649-.1-.002-.26.01-.479.037a.569.569 0 0 1 -.639-.564c0-.371.26-.692.624-.767.36-.074.633-.158.819-.25.231-.116.344-.322.344-.6 0-.468-.384-.59-.869-.59-.225 0-.589.084-1.09.251a.5.5 0 0 1 -.658-.472v-.24a.75.75 0 0 1 .514-.712 5.654 5.654 0 0 1 1.771-.297c1.816 0 2.368.74 2.368 1.68 0 1.17-.971 1.449-1.362 1.611.521.097 1.621.153 1.621 1.573 0 .927-.393 1.607-1.179 2.038-.463.254-1.564.496-3.305.727a.642.642 0 0 1 -.726-.636zm7.041-1.456c.822.016 1.02.788 1.02 1.021s-.103 1.02-1.015 1.02-1.025-.817-1.025-1.035c0-.278.198-1.02 1.02-1.006zm1.817-1.25v-.981c0-.967.236-1.73.708-2.29.573-.677 1.393-1.016 2.46-1.016 1.003 0 1.783.29 2.34.87.556.579.834 1.391.834 2.436v.981c0 .964-.236 1.727-.708 2.29-.572.674-1.394 1.011-2.465 1.011-1.425 0-2.254-.674-2.62-1.213s-.55-1.235-.55-2.088zm4.155.25v-1.48c0-.55 0-1.587-.986-1.587-.778 0-.982.669-.982 1.587v1.48c0 .55-.005 1.582.982 1.582.986 0 .986-1.036.986-1.583z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m35 9a1 1 0 0 1 1 1c0 .513-.438 1-1 1h-24a1 1 0 0 1 0-2z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_widget.svg b/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_widget.svg
new file mode 100644
index 0000000000..f6a90e17ef
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/devices/db_ic_il_widget.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(17 4)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="M25 0a5 5 0 0 1 4.996 4.783L30 51a5 5 0 0 1-4.783 4.995L5 56a5 5 0 0 1-4.995-4.783L0 5A5 5 0 0 1 4.783.005L25 0ZM7.005 2H5a3 3 0 0 0-2.995 2.824L2 51a3 3 0 0 0 2.824 2.995L25 54a3 3 0 0 0 2.995-2.824L28 5a3 3 0 0 0-2.824-2.995L23 2v.034a2.964 2.964 0 0 1-2.752 2.958L9.966 5c-1.58 0-2.87-1.443-2.96-3ZM21 50a1 1 0 0 1 .117 1.993L21 52H9a1 1 0 0 1-.117-1.993L9 50h12Zm2.19-25.87c1.12 0 2.028.907 2.028 2.027v5.015c0 1.12-.908 2.028-2.028 2.028h-5.015a2.027 2.027 0 0 1-2.027-2.028v-5.015c0-1.12.907-2.027 2.027-2.027Zm-11.365 0c1.12 0 2.027.907 2.027 2.027v5.015c0 1.12-.907 2.028-2.027 2.028H6.81a2.027 2.027 0 0 1-2.028-2.028v-5.015c0-1.12.908-2.027 2.028-2.027Zm11.045 1.81h-4.373a.535.535 0 0 0-.535.535v4.374c0 .295.24.534.535.534h4.373a.535.535 0 0 0 .535-.534v-4.374a.535.535 0 0 0-.535-.535Zm-11.365 0H7.13a.535.535 0 0 0-.535.535v4.374c0 .295.24.534.535.534h4.373a.535.535 0 0 0 .535-.534v-4.374a.535.535 0 0 0-.535-.535Zm.321-13.185c1.12 0 2.027.907 2.027 2.027V19.8c0 1.12-.907 2.027-2.027 2.027H6.81A2.027 2.027 0 0 1 4.782 19.8v-5.016c0-1.12.908-2.027 2.028-2.027Zm-.321 1.811H7.13a.535.535 0 0 0-.535.535v4.374c0 .295.24.535.535.535h4.373c.295 0 .535-.24.535-.535v-4.374a.535.535 0 0 0-.535-.535ZM21 2H9v.034c0 .496.373.904.853.96L9.966 3h10.068a.966.966 0 0 0 .958-.839L21 2.034V2Z"/><path fill="var(--db-icon-pulse-color, #EC0016)" d="M21.06 20.76a.535.535 0 0 1-.756 0l-3.093-3.093a.535.535 0 0 1 0-.756l3.092-3.092a.535.535 0 0 1 .756 0l3.093 3.093a.535.535 0 0 1 0 .756L21.06 20.76Zm-5.357-4.903a2.027 2.027 0 0 0 0 2.868l3.546 3.546a2.028 2.028 0 0 0 2.867 0l3.547-3.546a2.027 2.027 0 0 0 0-2.868l-3.547-3.546a2.028 2.028 0 0 0-2.867 0l-3.546 3.546Z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_db_mobil.svg b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_db_mobil.svg
new file mode 100644
index 0000000000..7f58a29de3
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_db_mobil.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(12 10)"><path d="m36 0a4 4 0 0 1 4 4v36a4 4 0 0 1 -4 4h-32a4 4 0 0 1 -4-4v-36a4 4 0 0 1 4-4zm0 2h-32a2 2 0 0 0 -2 2v36a2 2 0 0 0 2 2h32a2 2 0 0 0 2-2v-36a2 2 0 0 0 -2-2zm-17 32a1 1 0 0 1 0 2h-13a1 1 0 0 1 0-2zm14-15a2 2 0 0 1 2 2v11a2 2 0 0 1 -2 2h-9a2 2 0 0 1 -2-2v-11a2 2 0 0 1 2-2zm0 2h-9v11h9zm-14 8a1 1 0 0 1 0 2h-13a1 1 0 0 1 0-2zm-5-5a1 1 0 0 1 0 2h-8a1 1 0 0 1 0-2zm5-5a1 1 0 0 1 0 2h-13a1 1 0 0 1 0-2zm9.006-10.965c.483 0 .543.378.543.553l-.001 1.545s.332-.34.538-.44c.215-.104.439-.173.688-.173.44 0 .773.17 1 .51.228.338.34.814.34 1.425v.017c0 .63-.126 1.114-.38 1.455-.253.341-.615.512-1.085.512-.257 0-.498-.07-.721-.212a1.83 1.83 0 0 1 -.263-.202l-.12-.117s.003.217-.14.36c-.093.096-.227.142-.4.142-.174 0-.31-.048-.405-.144s-.142-.234-.142-.413v-4.265c0-.175.065-.553.548-.553zm-3.064 1.46c.599 0 1.06.172 1.383.516.323.343.484.828.484 1.455v.026c0 .619-.163 1.098-.487 1.437-.325.34-.785.51-1.38.51-.602 0-1.064-.171-1.386-.514s-.483-.828-.483-1.456v-.022c0-.621.163-1.102.49-1.442.326-.34.786-.51 1.379-.51zm7.366-.004c.5.007.546.376.546.553v2.821c0 .177-.027.545-.546.546-.506.001-.546-.369-.546-.546v-2.821c0-.177.063-.553.546-.553zm-14.76.002c.176 0 .308.049.404.142.178.173.139.539.139.539s.276-.311.61-.5c.215-.122.803-.281 1.149.031.136.123.226.277.308.49l.045-.037c.112-.1.406-.358.566-.439.236-.12.462-.196.696-.196.313 0 .555.102.726.306.171.203.257.489.257.857v2.171c0 .178-.042.55-.543.553-.468.003-.539-.32-.547-.509l-.001-2.003c.002-.459-.267-.485-.404-.489-.25-.007-.464.103-.582.172l-.104.059v2.217c0 .178-.053.556-.543.553-.502-.003-.548-.38-.548-.553v-1.963c0-.323-.132-.485-.395-.485-.129 0-.323.022-.625.197l-.065.039v2.212c0 .178-.046.556-.543.553-.495-.003-.548-.375-.548-.553v-2.811c0-.179.047-.316.141-.411.093-.095.229-.142.407-.142zm16.684-1.458c.173 0 .307.048.4.144.096.096.143.232.143.409v4.269c0 .179-.047.316-.14.411-.092.095-.227.142-.403.142-.18 0-.316-.047-.41-.142-.091-.095-.138-.232-.138-.411v-4.269c0-.177.047-.313.142-.409.094-.096.229-.144.406-.144zm-9.28 2.224a.73.73 0 0 0 -.524.201c-.25.241-.221 1.004-.221 1.004v.17c.007.485.1.748.28.901.108.091.233.14.463.14.308 0 .474-.1.575-.3.1-.201.15-.5.15-.897 0 0 .013-.628-.15-.918-.111-.195-.292-.301-.573-.301zm4.327.082c-.324 0-.537.155-.646.224l-.085.055v1.75l.082.057c.069.046.28.191.61.191.296 0 .495-.103.597-.308.103-.205.154-.504.154-.897 0 0 0-.6-.16-.825-.113-.16-.29-.247-.552-.247zm3.029-2.341a.565.565 0 0 1 .58.574.568.568 0 0 1 -.163.417.568.568 0 0 1 -.417.164.554.554 0 0 1 -.574-.588c0-.159.055-.293.164-.402a.557.557 0 0 1 .41-.165z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m13.867 7c.544 0 .985.448.985 1v4.993a.998.998 0 0 1 -.985 1.007h-7.877a.998.998 0 0 1 -.99-1v-5c0-.266.104-.521.29-.709a.978.978 0 0 1 .7-.291zm0 .71h-7.877a.27.27 0 0 0 -.197.086.278.278 0 0 0 -.073.204v4.993a.278.278 0 0 0 .076.201.27.27 0 0 0 .195.085h7.877a.27.27 0 0 0 .192-.086.278.278 0 0 0 .074-.2v-4.993a.278.278 0 0 0 -.073-.202.27.27 0 0 0 -.193-.088zm-5.854.499c1.167 0 1.813.742 1.813 2.27.002 1.326-.437 2.301-1.813 2.312h-1.657v-4.582zm4.171.002c1.27 0 1.289 1.021 1.289 1.116a1.124 1.124 0 0 1 -.788 1.067c.821.181.951.787.951 1.109 0 1.288-1.317 1.288-1.74 1.288h-1.596v-4.58zm-4.524.719h-.22v3.118h.386c.574 0 .908-.466.908-1.474 0-.923-.099-1.644-1.074-1.644zm4.19 1.941h-.475v1.177h.445c.176 0 .73 0 .73-.588 0-.256-.138-.589-.7-.589zm-.134-1.954h-.34v1.106h.428c.378 0 .591-.254.591-.554 0-.38-.193-.552-.679-.552z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg
new file mode 100644
index 0000000000..3984423447
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(12 6)"><path d="m20.31 0c-11 0-20.31 10.51-20.31 23.4a19.23 19.23 0 0 0 7 14.69l.15.18 3.51 6.3a.94.94 0 0 0 .76.43h3.82c.422 0 1.172-.43.91-1.35-.08-.22-.29-1-.29-1s.66.2 1.24.34c1.052.193 2.12.29 3.19.29a15.3 15.3 0 0 0 3.19-.3 11.92 11.92 0 0 0 1.21-.33l-.26 1c-.152.562.085 1.35 1 1.35h3.88a.64.64 0 0 0 .62-.33l3.45-6.58.13-.17a19 19 0 0 0 6.2-13.73c-.05-11.71-8.02-24.03-19.4-24.19zm11.45 36.92-3 5.71c-.13.24-.14.37-.37.37h-1.61l.24-.94.71-2.67a19.29 19.29 0 0 1 -7.42 1.87c-2.66 0-7.6-1.95-7.57-1.85l.78 2.67.26.94h-1.57c-.24 0-.25-.09-.41-.37l-3-5.43-.16-.19a18 18 0 0 1 -6.66-13.77c0-10.1 6.83-21.27 18.27-21.27h.06c9.8 0 17.44 11.81 17.4 22.23a17.38 17.38 0 0 1 -5.82 12.52zm3.3-10.63c.54.44.45 1.1.1 1.89-1.247 2.403-4.336 6.731-10.15 8.48a17.79 17.79 0 0 1 -12.78-.61c-1.16-.53-1.23-1.48-.88-2s.73-.58 1.71-.18a16.24 16.24 0 0 0 12.64 0c4.92-2 6.42-5.21 7.69-7.4.19-.257.94-.812 1.67-.18zm-30.141-8.553c1.523-7.75 9.784-14.215 17.365-13.107 3.568.522 7.076 2.739 9.177 5.67a13.982 13.982 0 0 1 2.43 10.47c-1.013 7.126-9.15 11.385-17.558 10.484-8.959-.963-12.94-5.752-11.414-13.517zm17.063-11.13c-6.48-.96-13.794 4.87-15.1 11.516-1.29 6.557 1.822 10.3 9.665 11.143 7.57.81 14.62-2.796 15.421-9.154a12 12 0 0 0 -2.132-8.647c-1.865-2.602-4.686-4.388-7.854-4.858zm-7.94 8.888c1.502-.415 3.426 1.808 4.299 4.965.872 3.156.362 6.052-1.139 6.467-1.5.414-3.425-1.808-4.298-4.965-.872-3.157-.362-6.052 1.139-6.467zm8.473-1.279c1.554-.1 2.987 2.49 3.2 5.786s-.874 6.049-2.429 6.15c-1.554.1-2.986-2.49-3.2-5.786-.213-3.296.874-6.05 2.429-6.15z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m32 52h-24a1 1 0 0 1 0-2h24a1 1 0 0 1 0 2z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_der_kleine_ice_online.svg b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_der_kleine_ice_online.svg
new file mode 100644
index 0000000000..91c6e8d3e7
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_der_kleine_ice_online.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(5 9)"><path d="m51.987 45.114h-49.986a1.993 1.993 0 0 1 -1.85-1.242 1.995 1.995 0 0 1 .447-2.184l3.338-3.287a.957.957 0 0 1 .058-.053v-23.234c0-1.654 1.346-3 3-3h2a1 1 0 1 1 0 2h-2c-.55 0-1 .448-1 1v23h42v-23c0-.552-.449-1-1-1h-2a1 1 0 1 1 0-2h2c1.654 0 3 1.346 3 3v23.234c.02.017.04.034.058.053l3.338 3.287c.581.572.757 1.43.447 2.185a1.992 1.992 0 0 1 -1.85 1.241zm-46.94-5-3.046 3h49.986l-3.046-3h-43.894z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m27.367 0c-8.865 0-16.367 8.407-16.367 18.719a15.34 15.34 0 0 0 5.64 11.751l.122.144 2.828 5.04a.759.759 0 0 0 .613.344h3.078c.34 0 .944-.344.733-1.08-.064-.176-.233-.8-.233-.8s.532.16.999.272c.848.154 1.708.232 2.57.232.864.01 1.725-.071 2.571-.24.33-.071.655-.16.975-.264l-.21.8c-.121.45.07 1.08.807 1.08h3.126a.517.517 0 0 0 .5-.264l2.78-5.264.105-.136a15.15 15.15 0 0 0 4.996-10.983c-.04-9.368-6.463-19.223-15.633-19.351zm9.227 29.534-2.418 4.568c-.105.192-.113.296-.298.296h-1.298l.194-.752.572-2.136a15.637 15.637 0 0 1 -5.98 1.496c-2.143 0-6.124-1.56-6.1-1.48l.629 2.136.21.752h-1.266c-.193 0-.201-.072-.33-.296l-2.418-4.344-.129-.152a14.36 14.36 0 0 1 -5.366-11.015c0-8.08 5.503-17.015 14.722-17.015h.049c7.897 0 14.054 9.447 14.021 17.783a13.861 13.861 0 0 1 -4.69 10.015zm2.659-8.503c.435.352.362.88.08 1.512-1.004 1.922-3.493 5.384-8.179 6.783a14.434 14.434 0 0 1 -10.299-.488c-.934-.424-.99-1.184-.709-1.6.282-.416.589-.464 1.378-.144a13.176 13.176 0 0 0 10.186 0c3.965-1.6 5.174-4.167 6.197-5.92.153-.205.757-.649 1.346-.143zm-24.29-6.842c1.229-6.2 7.886-11.372 13.994-10.485 2.876.418 5.703 2.19 7.396 4.535a11.122 11.122 0 0 1 1.957 8.376c-.815 5.7-7.372 9.108-14.148 8.387-7.22-.77-10.428-4.602-9.198-10.813zm13.75-8.903c-5.22-.768-11.115 3.895-12.168 9.211-1.039 5.246 1.469 8.24 7.789 8.914 6.101.65 11.782-2.236 12.427-7.323a9.546 9.546 0 0 0 -1.718-6.917c-1.503-2.081-3.776-3.51-6.33-3.885zm-6.397 7.11c1.21-.333 2.76 1.445 3.464 3.97.703 2.526.292 4.842-.918 5.174s-2.76-1.446-3.463-3.971c-.703-2.526-.292-4.842.917-5.174zm6.827-1.024c1.253-.08 2.407 1.992 2.579 4.628.172 2.637-.704 4.84-1.957 4.92-1.252.08-2.407-1.992-2.578-4.628-.172-2.637.704-4.84 1.956-4.92z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_gaming.svg b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_gaming.svg
new file mode 100644
index 0000000000..5d86752586
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_gaming.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(5.997 8)"><path d="m39.46 23a12.5 12.5 0 0 1 1.928 24.857 12.82 12.82 0 0 1 -9.375-2.327c-.46-.318-.999-.5-1.569-.527l-.214-.003h-8.653a2.97 2.97 0 0 0 -1.732.507 12.392 12.392 0 0 1 -9.236 2.348 12.5 12.5 0 0 1 1.631-24.853l.306-.002zm.004 2h-26.926a10.5 10.5 0 0 0 -10.506 9.684c-.427 5.48 3.445 10.362 8.872 11.193 2.74.401 5.525-.308 7.771-1.993a4.985 4.985 0 0 1 2.665-.883l.257-.001 8.873.002c.958.03 1.89.337 2.702.898a10.832 10.832 0 0 0 7.923 1.978 10.5 10.5 0 0 0 -1.347-20.875zm1.039 12.333a1.833 1.833 0 1 1 0 3.667 1.833 1.833 0 0 1 0-3.667zm-28.5-7.333a1 1 0 0 1 .993.883l.007.117v3h3a1 1 0 0 1 .116 1.993l-.116.007h-3v3a1 1 0 0 1 -1.993.117l-.007-.117v-3h-3a1 1 0 0 1 -.117-1.993l.117-.007h3v-3a1 1 0 0 1 1-1zm32.167 3.667a1.833 1.833 0 1 1 0 3.666 1.833 1.833 0 0 1 0-3.666zm-7.334 0a1.833 1.833 0 1 1 0 3.666 1.833 1.833 0 0 1 0-3.666zm3.667-3.667a1.833 1.833 0 1 1 0 3.667 1.833 1.833 0 0 1 0-3.667zm-4.5-30a1 1 0 0 1 .993.883l.007 2.117a5 5 0 0 1 -4.783 4.995l-11.217.005c-1.743 0-3 1.21-3 3 0 1.726 1.169 2.913 2.815 2.995l1.602.005a4.583 4.583 0 0 1 4.578 4.368l.005 1.632a1 1 0 0 1 -1.993.117l-.007-1.534a2.583 2.583 0 0 0 -2.42-2.578l-1.58-.005c-2.83 0-5-2.089-5-5 0-2.835 2.057-4.89 4.778-4.996l11.222-.004a3 3 0 0 0 2.995-2.824l.005-2.176a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m31.003 38a1 1 0 0 1 .116 1.993l-.116.007h-10a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg
new file mode 100644
index 0000000000..11e631a49b
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(5.997 19)"><path d="m39.46 0a12.5 12.5 0 0 1 1.928 24.857 12.82 12.82 0 0 1 -9.375-2.327c-.46-.318-.999-.5-1.569-.527l-.214-.003h-8.653a2.97 2.97 0 0 0 -1.732.507 12.392 12.392 0 0 1 -9.236 2.348 12.5 12.5 0 0 1 1.631-24.853l.305-.002zm.004 2h-26.926a10.5 10.5 0 0 0 -10.506 9.684c-.427 5.48 3.445 10.362 8.872 11.193 2.74.401 5.525-.308 7.771-1.993a4.985 4.985 0 0 1 2.665-.883l.257-.001 8.873.002c.958.03 1.89.337 2.702.898a10.832 10.832 0 0 0 7.923 1.978 10.5 10.5 0 0 0 -1.347-20.875zm1.039 12.333a1.833 1.833 0 1 1 0 3.667 1.833 1.833 0 0 1 0-3.667zm-28.5-7.333a1 1 0 0 1 .993.883l.007.117v3h3a1 1 0 0 1 .116 1.993l-.116.007h-3v3a1 1 0 0 1 -1.993.117l-.007-.117v-3h-3a1 1 0 0 1 -.117-1.993l.117-.007h3v-3a1 1 0 0 1 1-1zm32.167 3.667a1.833 1.833 0 1 1 0 3.666 1.833 1.833 0 0 1 0-3.666zm-7.334 0a1.833 1.833 0 1 1 0 3.666 1.833 1.833 0 0 1 0-3.666zm3.667-3.667a1.833 1.833 0 1 1 0 3.667 1.833 1.833 0 0 1 0-3.667z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m31.003 15a1 1 0 0 1 .116 1.993l-.116.007h-10a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_ice_portal.svg b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_ice_portal.svg
new file mode 100644
index 0000000000..05c0839bc1
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_ice_portal.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(3 10)"><path d="m49.486 18c3.086 0 4.872 1.074 6.252 2.9a10.727 10.727 0 0 1 2.155 5.826l.098 3.64a27.36 27.36 0 0 1 -.676 6.771l-.753 3.004c-.23.753-.417 1.282-.562 1.587-.217.457-.878 1.422-1.12 1.71-.242.287-.93.99-1.911 1.317a.999.999 0 0 1 -.969 1.245h-8a1 1 0 0 1 -.965-1.262 4.39 4.39 0 0 1 -2.03-1.484c-.521-.688-.724-1.004-.997-1.526-.182-.348-.388-.937-.618-1.765l-.56-2.2a27.089 27.089 0 0 1 -.83-6.718l.092-3.946c.056-2.24.815-4.407 2.17-6.199 1.331-1.76 3.197-2.9 6.317-2.9zm5.164 21.542c-1.359.856-2.161 1.348-2.409 1.476-.37.192-.771.31-1.336.381-1.022.066-1.99.101-2.905.104s-1.83-.026-2.747-.086c-.704-.074-1.162-.21-1.595-.453s-1.613-1.01-2.311-1.422c.087.423.222.81.404 1.162.183.352.44.763.771 1.234.412.611 1.233 1.062 1.853 1.055l7.15.007c.736 0 1.497-.323 1.965-1.046.468-.722.711-1.092.895-1.542.123-.3.21-.59.265-.87zm-8.07-19.542c-2.29 0-3.62.647-4.722 2.106a8.726 8.726 0 0 0 -1.751 4.703l-.1 3.669c-.051 2.08.138 4.232.663 6.38.775.43 1.447.814 2.014 1.152.852.507 1.167.725 1.759 1.077s1.723.415 3.575.415h1.11c1.16-.005 1.876-.057 2.465-.415.757-.46 1.11-.703 1.74-1.077a58.642 58.642 0 0 1 1.988-1.14c.454-1.738.68-3.68.679-5.826l-.09-3.895a8.725 8.725 0 0 0 -1.767-5.043c-1.068-1.412-2.23-2.102-4.657-2.102zm-14.58 17a1 1 0 1 1 0 2h-25a1 1 0 0 1 0-2zm12.594-3.46.94 2.896a1 1 0 0 1 -1.86.723l-.941-2.896a1 1 0 0 1 1.861-.722zm7.916-.509a1 1 0 0 1 .674 1.146l-.961 2.982a1 1 0 0 1 -1.89-.61l.96-2.982a1 1 0 0 1 1.217-.536zm-37.75-.031a1 1 0 0 1 0 2h-7.76a1 1 0 0 1 0-2h7.759zm11.207 0a1 1 0 1 1 0 2h-7.76a1 1 0 1 1 0-2zm22.033-11c2.105 0 3.69.433 4.757 1.298 1.067.866 1.252 1.757 1.143 2.713-.084.738-.15 1.313-.414 2.43s-1.23 1.998-2.39 2.2a13.62 13.62 0 0 1 -3.096.359c-1.549 0-1.868-.117-3.097-.36-1.23-.242-2.132-1.099-2.407-2.27a25.3 25.3 0 0 1 -.412-2.333 3 3 0 0 1 .914-2.524c1.062-1.009 2.73-1.513 5.002-1.513zm0 2c-1.805 0-2.987.358-3.625.963a1.003 1.003 0 0 0 -.313.695c-.004.169.123.92.381 2.255a1 1 0 0 0 .681.729c1.24.235 2.196.355 2.867.358.67.003 1.591-.107 2.763-.33.344-.06.628-.293.752-.593.124-.301.33-1.612.407-2.292.031-.279.02-.557-.416-.934-.592-.511-1.812-.851-3.497-.851zm-10-18a3 3 0 0 1 3 3v6.946a1 1 0 1 1 -2 0v-6.946a1 1 0 0 0 -1-1h-22a1 1 0 0 0 -1 1v16a1 1 0 0 0 1 1h18.108a1 1 0 0 1 0 2h-18.108a3 3 0 0 1 -3-3v-16a3 3 0 0 1 3-3zm-12.47 7.154 4.8 3a1 1 0 0 1 0 1.696l-4.8 3a1 1 0 0 1 -1.53-.848v-6a1 1 0 0 1 1.53-.848zm.47 2.65v2.394l1.914-1.198-1.914-1.195z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m49 0a5 5 0 0 1 5 5v9.946a1 1 0 1 1 -2 0v-9.946a3 3 0 0 0 -3-3h-44a3 3 0 0 0 -3 3v34a3 3 0 0 0 3 3h31.16a1 1 0 0 1 0 2h-31.16a5 5 0 0 1 -5-5v-34a5 5 0 0 1 5-5z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_movie.svg b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_movie.svg
new file mode 100644
index 0000000000..5048e31c48
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_movie.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(6.67 4)"><path d="m38.028.221a4.893 4.893 0 0 1 6.055 3.016l.07.207 2.107 6.787a1 1 0 0 1 -.55 1.21l-.109.041-37.094 11.518h38.822a1 1 0 0 1 .994.884l.006.116v27a5 5 0 0 1 -4.783 4.996l-.216.004h-36a5 5 0 0 1 -4.995-4.783l-.006-.217v-27l.007-.109-.007-.02-2.109-6.785a4.893 4.893 0 0 1 3.016-6.055l.207-.07zm8.301 24.78h-42v26a3 3 0 0 0 2.824 2.994l.177.005h36a3 3 0 0 0 2.995-2.823l.005-.177v-26zm-22.967 14.217a1.945 1.945 0 0 1 1.821.016l.15.09 6.144 4.09c.532.354.852.948.852 1.585 0 .585-.27 1.132-.724 1.492l-.128.093-6.144 4.09a1.944 1.944 0 0 1 -1.97.107 1.91 1.91 0 0 1 -1.027-1.528l-.007-.164v-8.18c0-.712.4-1.363 1.033-1.691zm.966 1.84v7.882l5.921-3.94-5.92-3.943zm-13.444-13.89a1 1 0 0 1 .337 1.285l-.06.101-2 3a1 1 0 0 1 -1.723-1.009l.06-.1 2-3a1 1 0 0 1 1.386-.278zm8 0a1 1 0 0 1 .337 1.285l-.06.101-2 3a1 1 0 0 1 -1.723-1.009l.06-.1 2-3a1 1 0 0 1 1.386-.278zm8 0a1 1 0 0 1 .337 1.285l-.06.101-2 3a1 1 0 0 1 -1.723-1.009l.06-.1 2-3a1 1 0 0 1 1.386-.278zm8 0a1 1 0 0 1 .337 1.285l-.06.101-2 3a1 1 0 0 1 -1.723-1.009l.06-.1 2-3a1 1 0 0 1 1.386-.278zm8 0a1 1 0 0 1 .337 1.285l-.06.101-2 3a1 1 0 0 1 -1.723-1.009l.06-.1 2-3a1 1 0 0 1 1.386-.278zm-.642-23.132a2.894 2.894 0 0 0 -3.287-1.988l-.17.037-.164.045-34.584 10.74a2.893 2.893 0 0 0 -1.953 3.45l.047.17 1.81 5.833 40.111-12.454-1.81-5.832zm-35.731 10.521.102.074 2.8 2.272a1 1 0 0 1 -1.158 1.626l-.102-.073-2.8-2.272a1 1 0 0 1 1.158-1.626zm7.64-2.372.102.073 2.8 2.272a1 1 0 0 1 -1.158 1.626l-.102-.073-2.8-2.272a1 1 0 0 1 1.158-1.626zm7.64-2.372.103.073 2.8 2.272a1 1 0 0 1 -1.159 1.626l-.102-.073-2.8-2.272a1 1 0 0 1 1.158-1.626zm7.64-2.372.103.073 2.8 2.272a1 1 0 0 1 -1.159 1.626l-.102-.073-2.8-2.272a1 1 0 0 1 1.158-1.626zm7.64-2.373.103.073 2.8 2.272a1 1 0 0 1 -1.158 1.626l-.103-.073-2.8-2.272a1 1 0 0 1 1.159-1.626z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m42.33 34a1 1 0 0 1 .116 1.994l-.117.006h-34a1 1 0 0 1 -.116-1.993l.116-.007h34z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_podcast.svg b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_podcast.svg
new file mode 100644
index 0000000000..ca191e3457
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_podcast.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 5)"><path d="m36.5 20a3.5 3.5 0 0 1 3.495 3.308l.005.192v27a3.5 3.5 0 0 1 -3.308 3.495l-.192.005h-17a3.5 3.5 0 0 1 -3.495-3.308l-.005-.192v-27a3.5 3.5 0 0 1 3.308-3.495l.192-.005zm-7.499 2h-9.501a1.5 1.5 0 0 0 -1.493 1.356l-.007.144v27a1.5 1.5 0 0 0 1.356 1.493l.144.007h17a1.5 1.5 0 0 0 1.493-1.356l.007-.144v-27a1.5 1.5 0 0 0 -1.356-1.493l-.144-.007h-.506l.006 6a1 1 0 0 1 -1.08.997l-5.116-1.016a1 1 0 0 1 -.797-.863l-.007-5.118zm5.999 24a1 1 0 0 1 .117 1.993l-14.117.007a1 1 0 0 1 -1-1c0-.513.48-.993 1-.993zm0-5a1 1 0 0 1 .117 1.993l-14.117.007a1 1 0 0 1 -.117-1.993zm-26.139-17 .215.007a3.135 3.135 0 0 1 2.918 2.942l.006.176v12.754a3.135 3.135 0 0 1 -2.976 3.117l-.178.004-.264-.003c-4.67-.126-8.423-3.875-8.577-8.53l-.005-.258v-1.42a8.825 8.825 0 0 1 8.601-8.786l.26-.002zm38.286 0 .271.003c4.67.126 8.423 3.875 8.577 8.53l.005.259v1.42c-.02 4.787-3.847 8.667-8.627 8.785l-.261.003-.188-.007a3.135 3.135 0 0 1 -2.918-2.942l-.006-.176v-12.754a3.134 3.134 0 0 1 2.97-3.117zm-38.529 2.003a6.824 6.824 0 0 0 -6.613 6.55l-.005.238v1.412c.015 3.608 2.832 6.563 6.382 6.783l.238.01.241.003a1.134 1.134 0 0 0 1.132-1.002l.007-.123v-12.745a1.135 1.135 0 0 0 -.912-1.111l-.11-.014zm38.762 0-.365.003a1.134 1.134 0 0 0 -1.008.996l-.007.123v12.746c.002.556.407 1.021.912 1.111l.11.014.125.004a6.824 6.824 0 0 0 6.848-6.557l.005-.235v-1.412c-.015-3.608-2.832-6.563-6.382-6.783zm-13.38-4.003h-3.006l.006 4.18 3 .6zm-6-22c12.218 0 20 6.911 20 20a1 1 0 0 1 -2 0c0-11.928-6.837-18-18-18s-18 6.072-18 18a1 1 0 0 1 -2 0c0-13.089 7.782-20 20-20z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m35 36a1 1 0 0 1 .117 1.993l-14.117.007a1 1 0 0 1 -.117-1.993z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_sport.svg b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_sport.svg
new file mode 100644
index 0000000000..1f370e6971
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_sport.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 12)"><path d="m34 0c11.046 0 20 8.954 20 20s-8.954 20-20.005 20a20.415 20.415 0 0 1 -16.41-8.41 1 1 0 0 1 .637-1.574l.143-.015.114-.002.116.012 8.113 1.298c.314.05.57.241.715.499l.057.08 3.612 5.756a.99.99 0 0 1 .064.12c.932.151 1.883.231 2.844.236a18.1 18.1 0 0 0 3.196-.283l.039-.072 3.762-6.017-2.627-3.844-.044-.073-.041-.083-.027-.069-.033-.118-.018-.112-.003-.041-.001-.088.013-.135.006-.03a1.02 1.02 0 0 1 .05-.172l3.418-8.717-7.541-5.683-7.519 5.678 1.784 4.432a1 1 0 0 1 -.448 1.251l-.106.05a1 1 0 0 1 -1.251-.449l-.05-.105-1.891-4.697-3.937-1.186-4.612 6.162a1 1 0 0 1 -1.766-.337 10.387 10.387 0 0 1 -.353-3.262c0-11.046 8.954-20 20-20zm-13.127 32.401a18.422 18.422 0 0 0 7.512 4.691l-2.436-3.88-5.076-.81zm26.818-.714-4.8.686-2.875 4.597a18.03 18.03 0 0 0 7.675-5.283zm-.086-14.24-3.954 1.177-3.325 8.478 2.252 3.295 6.756-.965a17.891 17.891 0 0 0 2.258-5.603zm-37.605 3.553a1 1 0 0 1 .117 1.993l-.117.007h-9a1 1 0 0 1 -.117-1.993l.117-.007zm39.814-9.604-.72 4.661 2.893 4.63a17.92 17.92 0 0 0 -2.173-9.292zm-31.306-.552a18.006 18.006 0 0 0 -2.491 8.392l-.015.485-.003.332-.013.386 3.298-4.407zm-8.508 5.156a1 1 0 0 1 .117 1.993l-.117.007h-4a1 1 0 0 1 -.117-1.993l.117-.007zm30.676-12.721-5.529 2.134-.008 5.291 7.958 5.998 4.061-1.209 1.017-6.588a18.052 18.052 0 0 0 -7.499-5.626zm-13.172-.07-.077.03a18.022 18.022 0 0 0 -7.25 5.24l1.049 7.018 3.994 1.204 7.919-5.982.008-5.307-5.504-2.136a1.008 1.008 0 0 1 -.139-.067zm6.496-1.209c-1.136 0-2.247.105-3.325.307l3.474 1.348 3.387-1.308a18.086 18.086 0 0 0 -3.536-.347z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m39.251 26a1 1 0 0 1 .117 1.993l-.118.007h-32.25a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_zugportal.svg b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_zugportal.svg
new file mode 100644
index 0000000000..477fcfd558
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/entertainment/db_ic_il_zugportal.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(3 10)"><path d="m50.61 18c3.994 0 7.257 3.108 7.386 7l.004 15a6 6 0 0 1 -5.775 5.996l-8.225.004a6 6 0 0 1 -5.996-5.775l-.004-14.985c0-3.924 3.183-7.11 7.146-7.236zm-5.22 2c-2.907 0-5.27 2.236-5.386 5.024l-.004 14.976c0 2.142 1.678 3.974 4 4 .012-.638.595-1.033 1.141-.955a20.068 20.068 0 0 0 5.716 0c.547-.078 1.13.315 1.141.955a4 4 0 0 0 3.997-3.8l.005-14.96c0-2.816-2.29-5.122-5.167-5.236zm-.39 19a1 1 0 0 1 1 1c0 .513-.438 1-1 1h-2a1 1 0 0 1 -1-1c0-.513.407-1 1-.993zm8 0a1 1 0 0 1 1 1c0 .513-.424 1-1 1h-2a1 1 0 0 1 0-2zm-21-2a1 1 0 1 1 0 2h-25a1 1 0 0 1 0-2zm18.684-15a3.303 3.303 0 0 1 3.31 3.162c-.303 4.774-.485 7.723-.546 8.849-.091 1.688-1.254 2.893-2.826 2.984l-5.105.005c-1.601 0-2.909-1.25-2.996-2.773l-.521-8.955c.001-1.749 1.39-3.17 3.129-3.267zm-5.367 2c-.685 0-1.243.505-1.312 1.095v.063c.01.546.182 3.532.516 8.958a1 1 0 0 0 .879.877l5.046.007c.515 0 .94-.389.998-.936l.556-8.784c.003-.66-.512-1.208-1.18-1.274zm-30.558 9a1 1 0 0 1 0 2h-7.759a1 1 0 0 1 0-2zm11.207 0a1 1 0 1 1 0 2h-7.76a1 1 0 1 1 0-2zm12.034-27a3 3 0 0 1 3 3v5.946a1 1 0 1 1 -2 0v-5.946a1 1 0 0 0 -1-1h-22a1 1 0 0 0 -1 1v16a1 1 0 0 0 1 1h18.108a1 1 0 0 1 0 2h-18.108a3 3 0 0 1 -3-3v-16a3 3 0 0 1 3-3zm-12.47 7.154 4.8 3a1 1 0 0 1 0 1.696l-4.8 3a1 1 0 0 1 -1.53-.848v-6a1 1 0 0 1 1.53-.848zm.47 2.65v2.394l1.914-1.198-1.914-1.195z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m49 0a5 5 0 0 1 5 5v9.946a1 1 0 1 1 -2 0v-9.946a3 3 0 0 0 -3-3h-44a3 3 0 0 0 -3 3v34a3 3 0 0 0 3 3h29.16a1 1 0 0 1 0 2h-29.16a5 5 0 0 1 -5-5v-34a5 5 0 0 1 5-5z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_cyber_security.svg b/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_cyber_security.svg
new file mode 100644
index 0000000000..7deacffec4
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_cyber_security.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7 10)"><path d="m37.282 12.04 12 3.532a1 1 0 0 1 .718.96l-.003 10.191c0 .693-.042 1.41-.122 2.2-.542 5.34-2.952 9.304-6.584 12.056a18.3 18.3 0 0 1 -4.002 2.296c-.857.358-1.562.58-2.045.695l-.128.023a1 1 0 0 1 -.335-.017 7.619 7.619 0 0 1 -.46-.12l-.382-.12-.213-.072-.466-.17a18.23 18.23 0 0 1 -4.876-2.769c-3.457-2.748-5.735-6.635-6.259-11.802-.08-.79-.122-1.507-.122-2.2l-.003-10.191a1 1 0 0 1 .718-.96l12-3.531a1 1 0 0 1 .564 0zm-.282 2.003-11 3.237.004 9.443c0 .62.038 1.272.112 1.999.467 4.608 2.463 8.014 5.513 10.44a16.246 16.246 0 0 0 3.882 2.28c.461.192.888.344 1.268.46l.223.066.07-.019.346-.106c.25-.082.538-.185.857-.313l.245-.1a16.314 16.314 0 0 0 3.564-2.045c3.208-2.43 5.32-5.903 5.802-10.663.074-.727.112-1.38.112-1.999l.002-9.444-11-3.237zm-29 4.957a1 1 0 0 1 .52.145 12.736 12.736 0 0 0 6.47 1.855 12.752 12.752 0 0 0 5.587-1.354 1 1 0 1 1 .897 1.787 14.771 14.771 0 0 1 -6.484 1.567 14.752 14.752 0 0 1 -7.129-1.922l-.123-.072-.186.01a6 6 0 0 0 -5.548 5.76l-.004.224v12a1 1 0 0 1 -1.993.117l-.007-.117v-12a8 8 0 0 1 8-8zm29.5 15a1 1 0 0 1 .117 1.993l-.117.007h-1a1 1 0 0 1 -.117-1.993l.117-.007zm3-4a1 1 0 0 1 .117 1.993l-.117.007h-7a1 1 0 0 1 -.117-1.993l.117-.007zm0-8a1 1 0 0 1 .117 1.993l-.117.007h-7a1 1 0 0 1 -.117-1.993l.117-.007zm-3-4a1 1 0 0 1 .117 1.993l-.117.007h-1a1 1 0 0 1 -.117-1.993l.117-.007zm-22.5-18a9 9 0 1 1 0 18 9 9 0 0 1 0-18zm0 2a7 7 0 1 0 0 14 7 7 0 0 0 0-14z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m43.5 26a1 1 0 0 1 .117 1.993l-.117.007h-13a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_green.svg b/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_green.svg
new file mode 100644
index 0000000000..5a9de17db2
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_green.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8 15.56)"><path d="m28.611 1.797c5.6-1.78 11.502-2.093 16.806-1.565l.551.059.73.091.473.072a1 1 0 0 1 .795 1.246c-4.002 14.848-10.284 23.663-17.919 27.04-5.85 2.587-12.231 1.575-15.715-1.557a1 1 0 0 1 1.337-1.487c2.898 2.605 8.44 3.483 13.57 1.214 6.7-2.964 12.41-10.69 16.27-23.862l.221-.771-.244-.028-.267-.027c-5.057-.503-10.7-.204-16.002 1.481-7.186 2.285-12.51 6.803-15.282 14.092a1 1 0 1 1 -1.87-.711c3.005-7.9 8.812-12.828 16.546-15.287z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m36.252 10.776a1 1 0 0 1 1.497 1.327l-.129.142-.288.312-.53.556-.593.604-.317.317-.675.659a69.088 69.088 0 0 1 -6.665 5.653c-7.674 5.7-15.422 8.889-22.75 8.215a19.522 19.522 0 0 1 -5.156-1.186 1 1 0 1 1 .709-1.87c1.495.566 3.039.918 4.63 1.064 6.735.62 14.058-2.394 21.374-7.828a67.107 67.107 0 0 0 7.125-6.127l.6-.603.546-.564.57-.613z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_green_cargo.svg b/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_green_cargo.svg
new file mode 100644
index 0000000000..d354b98b6a
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_green_cargo.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" transform="translate(4 11.028)"><path d="m8 23.624a1 1 0 0 1 1 1v5.348a1 1 0 0 0 1 1h43a1 1 0 0 0 .993-.884l.007-.116a1 1 0 0 1 2 0 3 3 0 0 1 -3 3h-43a3 3 0 0 1 -3-3v-5.348a1 1 0 0 1 1-1zm40-13.652a3 3 0 0 1 3 3v15.25a1 1 0 1 1 -2 0v-15.25a1 1 0 0 0 -1-1h-24a1 1 0 1 1 0-2zm-4 3.75a1 1 0 0 1 1 1v13.5a1 1 0 1 1 -2 0v-13.5a1 1 0 0 1 1-1zm-6 0a1 1 0 0 1 1 1v13.5a1 1 0 1 1 -2 0v-13.5a1 1 0 0 1 1-1zm-6 0a1 1 0 0 1 1 1v13.5a1 1 0 1 1 -2 0v-13.5a1 1 0 0 1 1-1zm-6 0a1 1 0 0 1 1 1v13.5a1 1 0 1 1 -2 0v-13.5a1 1 0 0 1 1-1zm-6 2a1 1 0 0 1 1 1v11.5a1 1 0 1 1 -2 0v-11.5a1 1 0 0 1 1-1zm-6 5.749a1 1 0 0 1 1 1v5.75a1 1 0 1 1 -2 0v-5.75a1 1 0 0 1 1-1zm-4.156 12.91a1 1 0 0 1 1.146.674l.029.113a1 1 0 0 0 1.929.125l.03-.112a1 1 0 1 1 1.957.415 3 3 0 0 1 -5.878-.04 1 1 0 0 1 .787-1.175zm8 0a1 1 0 0 1 1.146.674l.029.113a1 1 0 0 0 1.929.125l.03-.112a1 1 0 1 1 1.957.415 3 3 0 0 1 -5.878-.04 1 1 0 0 1 .787-1.175zm18 0a1 1 0 0 1 1.146.674l.029.113a1 1 0 0 0 1.929.125l.03-.112a1 1 0 1 1 1.957.415 3 3 0 0 1 -5.878-.04 1 1 0 0 1 .787-1.175zm8 0a1 1 0 0 1 1.146.674l.029.113a1 1 0 0 0 1.929.125l.03-.112a1 1 0 1 1 1.957.415 3 3 0 0 1 -5.878-.04 1 1 0 0 1 .787-1.175z" fill="var(--db-icon-color, currentColor)"/><path d="m21.35.28c-5.003-.833-10.948.232-14.798 2.657-4.693 2.958-8.849 9.273-5.098 17.328.015.03.04.044.055.069-1.12 5.24.217 10.953 3.598 15.316a.9.9 0 0 0 1.267.158.908.908 0 0 0 .163-1.272c-3.091-3.988-4.299-9.209-3.234-13.97 1.306-5.837 3.83-9.692 7.937-12.137a.907.907 0 0 0 -.927-1.558c-3.86 2.297-6.438 5.694-8.01 10.53-2.283-7.705 3.859-12.083 5.214-12.941 3.253-2.05 8.396-3.041 12.773-2.514-.103 5.783-1.794 10.476-5.028 13.951-3.204 3.446-7.98 4.318-9.706 4.003a.907.907 0 0 0 -.325 1.784c.285.05.63.08 1.02.08 2.544 0 7.113-1.169 10.332-4.634 3.702-3.98 5.557-9.352 5.517-15.972a.904.904 0 0 0 -.755-.888l.005.01z" fill="var(--db-icon-pulse-color, #78be14)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_green_energy.svg b/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_green_energy.svg
new file mode 100644
index 0000000000..1162414627
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_green_energy.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7.83 8)"><path d="m43.17 0a1 1 0 0 1 .994.883l.006.117v5h3a1 1 0 0 1 1 1.005l-.047 9.133c-.028 1.021-.351 2.474-1.25 3.94-1.5 2.45-4.128 3.922-7.94 3.92a8.221 8.221 0 0 1 -6.032-2.077 8.242 8.242 0 0 1 -2.731-5.81v-9.111a1 1 0 0 1 1-1h3v-5a1 1 0 0 1 1.993-.117l.007.117v5h6v-5a1 1 0 0 1 1-1zm2.996 8h-13.996l-.001 8.067a6.221 6.221 0 0 0 1.85 4.162l.216.202c1.248 1.117 2.894 1.683 4.631 1.569 3.183 0 5.165-1.11 6.302-2.967a6.748 6.748 0 0 0 .883-2.355l.04-.246.023-.193.009-.133zm-39.862.5a1 1 0 0 1 1.371-.363l.25.15.38.243a38.11 38.11 0 0 1 6.44 5.332c6.636 6.88 9.24 14.868 5.338 23.548a1 1 0 1 1 -1.824-.82c3.512-7.812 1.173-14.988-4.954-21.34a36.13 36.13 0 0 0 -5.522-4.664l-.262-.177-.05.09c-5.518 9.928-6.643 17.49-4.366 22.76l.116.261c1.804 3.92 5.655 6.305 9.003 6.482a1 1 0 0 1 -.106 1.998c-4.06-.216-8.585-3.017-10.714-7.644-2.819-6.127-1.496-14.756 4.9-25.854z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m8.17 26a1 1 0 0 1 1 1l.005.252.024.553c.036.66.102 1.398.203 2.193.29 2.27.813 4.538 1.622 6.644 2.263 5.897 6.25 9.358 12.501 9.358 6.825 0 10.972-3.46 13.126-9.344.696-1.9 1.133-3.943 1.36-6.015a26.79 26.79 0 0 0 .17-3.175l-.01-.416a1 1 0 1 1 1.998-.1l.007.19a28.16 28.16 0 0 1 -.176 3.718c-.243 2.222-.714 4.42-1.47 6.486-2.424 6.616-7.265 10.656-15.005 10.656-7.183 0-11.834-4.039-14.369-10.642-.87-2.27-1.428-4.689-1.737-7.106a32.557 32.557 0 0 1 -.217-2.338l-.016-.338-.01-.278-.006-.298a1 1 0 0 1 1-1z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_hydrogen.svg b/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_hydrogen.svg
new file mode 100644
index 0000000000..0f6ff09fe6
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_hydrogen.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" transform="translate(8 4)"><path d="m26.636.002c.935.04 1.78.503 2.319 1.267l12.48 17.656c3.999 5.79 6.023 11.16 6.023 15.969 0 12.109-9.035 21.24-21.016 21.24-4.142-.001-8.088-1.1-11.408-3.18a1 1 0 0 1 1.06-1.694c3.002 1.88 6.58 2.873 10.35 2.873 10.84 0 19.016-8.271 19.016-19.24 0-4.396-1.905-9.383-5.661-14.823l-12.476-17.647a.995.995 0 0 0 -.773-.423 1.018 1.018 0 0 0 -.807.354l-3.252 3.85a1 1 0 0 1 -1.529-1.291l3.252-3.85a3.017 3.017 0 0 1 2.422-1.061zm8.339 35.874c.818 0 1.44.2 1.863.598.424.399.635.983.635 1.753 0 .51-.103.972-.31 1.386a4.828 4.828 0 0 1 -.855 1.186l-.146.148c-.26.26-.597.58-1.015.962l-.223.202h2.332a.617.617 0 0 1 .613.682.764.764 0 0 1 -.76.682h-3.843a.655.655 0 0 1 -.572-.98 1.48 1.48 0 0 1 .302-.363l.362-.326a21.376 21.376 0 0 0 1.332-1.306c.295-.315.543-.67.735-1.055.168-.351.252-.724.252-1.123 0-.365-.084-.633-.252-.803-.168-.172-.433-.257-.798-.257-.286 0-.564.043-.834.13l-.05.019a.581.581 0 0 1 -.74-.354l-.013-.04a.656.656 0 0 1 .349-.81 3.32 3.32 0 0 1 .48-.184 4.355 4.355 0 0 1 1.155-.147zm-5.391-10.972c.874 0 1.582.708 1.582 1.582v11.923a1.582 1.582 0 1 1 -3.164 0v-4.93h-5.045v4.93a1.582 1.582 0 1 1 -3.164 0v-11.923a1.582 1.582 0 1 1 3.164 0v4.604h5.045v-4.604c0-.874.708-1.582 1.582-1.582z" fill="var(--db-icon-color, currentColor)"/><path d="m17.792 3.339.157.395c.89 2.302 3.543 10.127 1.515 17.097-2.544 8.743-9.353 10.567-9.642 10.64a.997.997 0 0 1 -1.216-.722 1 1 0 0 1 .608-1.179l.385-.12c1.21-.41 5.977-2.421 7.944-9.178 1.785-6.135-.445-13.117-1.356-15.545l-.568.22c-3.114 1.237-10.156 4.607-12.499 10.481-1.818 4.562-1.394 8.685 1.26 12.256a26.005 26.005 0 0 0 1.554 1.862c1.172-6.362 4.2-12.28 7.206-15.907a1 1 0 0 1 1.54 1.277c-3.493 4.213-7.252 12.26-7.252 19.975 0 5.226 1.854 10.04 5.22 13.56a1 1 0 1 1 -1.446 1.383c-3.724-3.894-5.774-9.2-5.774-14.943 0-.939.05-1.878.144-2.814l-.267-.275c-.584-.606-1.69-1.795-2.53-2.924-3.096-4.166-3.605-8.94-1.512-14.19 3.061-7.674 12.957-11.409 14.91-12.079a1.293 1.293 0 0 1 1.619.73z" fill="var(--db-icon-pulse-color, #78be14)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_mobile_payment.svg b/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_mobile_payment.svg
new file mode 100644
index 0000000000..fb020390eb
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_mobile_payment.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(3.999 3.999)"><path d="m38.485.234c4.836 1.294 9.672 2.59 14.507 3.887 2.064.553 3.408 2.7 2.822 4.888-3.02 11.276-6.04 22.55-9.064 33.825a3.991 3.991 0 0 1 -4.694 2.869l-1.056-.279.001 5.577c0 1.853-.384 3.348-1.16 4.544a1 1 0 1 1 -1.679-1.088c.512-.79.838-1.878.84-3.456v-6.111l-5-1.339v3.451c0 2.472-1.025 4.322-2.717 5.578-1.157.821-2.192 1.29-3.105 1.406a1 1 0 0 1 -.471-1.94 6.792 6.792 0 0 0 2.224-.957c1.254-.813 2.066-2.139 2.067-4.089.002-1.667.002-3.333 0-5 0-.221.09-.523.293-.707 1.998-2.002 3.998-4.002 5.999-5.999 1.065-1.07 1.065-2.518 0-3.587-1.022-1.024-2.46-1.103-3.585 0a16887.19 16887.19 0 0 0 -9.095 9.074 4.004 4.004 0 0 1 -1.079-3.9c.881-3.296 1.763-6.59 2.647-9.885l-6.472 5.71c-.94.813-1.708 2.588-1.708 4.294-.002 6-.002 12 0 18a1 1 0 0 1 -1 1 .99.99 0 0 1 -1-1c-.002-6-.002-12 0-18 0-2.072.879-4.534 2.339-5.75l.487-.431.485-.43c3.876-3.432 7.5-6.61 7.788-6.872l.018-.017 5.48-20.445c.553-2.063 2.709-3.404 4.888-2.821zm2.39 2.71-.13.484a.516.516 0 0 0 .238.563l.077.042.087.03 7.626 2.043a.57.57 0 0 0 .428-.05.495.495 0 0 0 .211-.226l.026-.073.13-.483-8.694-2.33zm-5.346.63c-2.989 11.148-5.977 22.296-8.963 33.446l6.728-6.726c1.847-1.85 4.566-1.85 6.416.001 1.785 1.793 1.84 4.393.166 6.237l-1.87 1.878 2.503.672a1 1 0 0 1 .707 1.224c-.133.496-.707.877-1.225.707-1.206-.32-2.413-.644-3.619-.97l-1.633 1.633 7.641 2.048c1.014.272 2.1-.272 2.439-1.408a112765 112765 0 0 0 9.063-33.825 1.982 1.982 0 0 0 -1.408-2.438c-.324-.089-.65-.176-.974-.261l-.13.483c-.35 1.304-1.712 2.138-3.115 1.763-2.542-.678-5.084-1.36-7.626-2.043-1.301-.349-2.18-1.683-1.816-3.085.042-.162.085-.323.13-.483l-.975-.261c-1.014-.272-2.131.261-2.439 1.408zm7.403 14.423.114.024 2.174.582a1 1 0 0 1 -.404 1.956l-.114-.024-2.173-.582a1 1 0 0 1 .403-1.956zm-6.578-5.91 3.864 1.035a1 1 0 0 1 .707 1.224l-1.035 3.864a1 1 0 0 1 -1.225.707l-3.864-1.035a1 1 0 0 1 -.707-1.225l1.036-3.863a1 1 0 0 1 1.224-.708zm.236 1.823-.672 2.511 2.51.673.674-2.511zm-17.589-13.91c1.598 0 3 1.284 3 3v2.065a1 1 0 0 1 -1 1c-.513 0-1-.397-1-1v-2.065c0-.513-.34-1-1-1h-16c-.513 0-1 .405-1 1-.002 5.334-.002 10.667 0 16 0 .513.39 1 1 1h16a1 1 0 0 1 1 1c0 .513-.443 1-1 1-5.333.002-10.666.002-16 0-1.597 0-3-1.29-3-3v-16c0-1.597 1.29-3 3-3zm24.725 14.07.114.023 5.313 1.424a1 1 0 0 1 -.403 1.955l-.115-.023-5.312-1.424a1 1 0 0 1 .403-1.955zm-32.204-8.07a6.2 6.2 0 0 1 1.917.278c.38.13.76.525.629 1.034-.182.606-.78.691-1.193.583a4.74 4.74 0 0 0 -1.205-.163c-.613 0-1.055.129-1.326.386-.27.257-.46.683-.568 1.279h2.503v1.136h-2.529v.894h2.53v1.136h-2.504c.081.632.262 1.07.541 1.313.28.243.74.365 1.38.365.407 0 1.5-.249 1.595-.268.31-.065.689.139.818.474.25.649-.32.984-.491 1.08-.17.095-.643.259-1.035.345a5.534 5.534 0 0 1 -1.184.128c-.857 0-1.559-.122-2.104-.365a2.764 2.764 0 0 1 -1.272-1.116c-.303-.501-.512-1.153-.63-1.956h-.893v-1.136h.853v-.894h-.854v-1.135h.893c.154-.821.388-1.477.704-1.97a2.78 2.78 0 0 1 1.3-1.082c.55-.23 1.258-.345 2.124-.345z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m17.266 13.718c0 .399.399.939 1.056.939.282 0 .587-.18.775-.446 1.29-1.831 3.38-2.981 5.61-2.981 2.278 0 4.372 1.15 5.655 2.983.196.28.495.444.8.444.447 0 1.01-.352 1.01-.986 0-.235-.07-.434-.191-.608-1.655-2.373-4.362-3.829-7.274-3.829-2.864 0-5.572 1.456-7.226 3.83a1.273 1.273 0 0 0 -.215.654zm2.629 2.559c0 .563.422 1.009.986 1.009.352 0 .68-.188.845-.446a3.533 3.533 0 0 1 2.981-1.643c1.22 0 2.344.61 3.007 1.642a.983.983 0 0 0 .843.447c.587 0 .986-.516.986-1.01 0-.187-.07-.381-.19-.561a5.59 5.59 0 0 0 -4.646-2.513 5.567 5.567 0 0 0 -4.625 2.51c-.14.215-.187.377-.187.565z" fill="var(--db-icon-pulse-color, #EC0016)" transform="matrix(.25881905 -.96592583 .96592583 .25881905 5.513076 33.70478)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_nfc_scan.svg b/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_nfc_scan.svg
new file mode 100644
index 0000000000..3b2d348412
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_nfc_scan.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(3.999 3.999)"><path d="m38.485.234c4.836 1.294 9.672 2.59 14.507 3.887 2.064.553 3.408 2.7 2.822 4.888-3.02 11.276-6.04 22.55-9.064 33.825a3.991 3.991 0 0 1 -4.694 2.869l-1.056-.279.001 5.577c0 1.853-.384 3.348-1.16 4.544a1 1 0 1 1 -1.679-1.088c.512-.79.838-1.878.84-3.456v-6.111l-5-1.339v3.451c0 2.472-1.025 4.322-2.717 5.578-1.157.821-2.192 1.29-3.105 1.406a1 1 0 0 1 -.471-1.94 6.792 6.792 0 0 0 2.224-.957c1.254-.813 2.066-2.139 2.067-4.089.002-1.667.002-3.333 0-5 0-.221.09-.523.293-.707 1.998-2.002 3.998-4.002 5.999-5.999 1.065-1.07 1.065-2.518 0-3.587-1.022-1.024-2.46-1.103-3.585 0a16887.19 16887.19 0 0 0 -9.095 9.074 4.004 4.004 0 0 1 -1.079-3.9c.881-3.296 1.763-6.59 2.647-9.885l-6.472 5.71c-.94.813-1.708 2.588-1.708 4.294-.002 6-.002 12 0 18a1 1 0 0 1 -1 1 .99.99 0 0 1 -1-1c-.002-6-.002-12 0-18 0-2.072.879-4.534 2.339-5.75l.487-.431.485-.43c3.876-3.432 7.5-6.61 7.788-6.872l.018-.017 5.48-20.445c.553-2.063 2.709-3.404 4.888-2.821zm2.39 2.71-.13.484a.516.516 0 0 0 .238.563l.077.042.087.03 7.626 2.043a.57.57 0 0 0 .428-.05.495.495 0 0 0 .211-.226l.026-.073.13-.483-8.694-2.33zm-5.346.63c-2.989 11.148-5.977 22.296-8.963 33.446l6.728-6.726c1.847-1.85 4.566-1.85 6.416.001 1.785 1.793 1.84 4.393.166 6.237l-1.87 1.878 2.503.672a1 1 0 0 1 .707 1.224c-.133.496-.707.877-1.225.707-1.206-.32-2.413-.644-3.619-.97l-1.633 1.633 7.641 2.048c1.014.272 2.1-.272 2.439-1.408a112765 112765 0 0 0 9.063-33.825 1.982 1.982 0 0 0 -1.408-2.438c-.324-.089-.65-.176-.974-.261l-.13.483c-.35 1.304-1.712 2.138-3.115 1.763-2.542-.678-5.084-1.36-7.626-2.043-1.301-.349-2.18-1.683-1.816-3.085.042-.162.085-.323.13-.483l-.975-.261c-1.014-.272-2.131.261-2.439 1.408zm7.403 14.423.114.024 2.174.582a1 1 0 0 1 -.404 1.956l-.114-.024-2.173-.582a1 1 0 0 1 .403-1.956zm-6.578-5.91 3.864 1.035a1 1 0 0 1 .707 1.224l-1.035 3.864a1 1 0 0 1 -1.225.707l-3.864-1.035a1 1 0 0 1 -.707-1.225l1.036-3.863a1 1 0 0 1 1.224-.708zm.236 1.823-.672 2.511 2.51.673.674-2.511zm-17.589-13.91c1.598 0 3 1.284 3 3v2.065a1 1 0 0 1 -1 1c-.513 0-1-.397-1-1v-2.065c0-.513-.34-1-1-1h-16c-.513 0-1 .405-1 1-.002 5.334-.002 10.667 0 16 0 .513.39 1 1 1h16a1 1 0 0 1 1 1c0 .513-.443 1-1 1-5.333.002-10.666.002-16 0-1.597 0-3-1.29-3-3v-16c0-1.597 1.29-3 3-3zm24.725 14.07.114.023 5.313 1.424a1 1 0 0 1 -.403 1.955l-.115-.023-5.312-1.424a1 1 0 0 1 .403-1.955zm-26.756-6.19c.372 0 .637.046.973.128.382.093.538.395.49.655-.049.26-.333.445-.652.387-.487-.088-1.063-.188-1.637.12-.574.31-.62 1.36-.62 1.859v.088c.005.729.104 1.954 1.48 1.918.246-.006.61-.035.882-.105a.493.493 0 0 1 .609.396c.054.35-.252.539-.423.615-.316.12-.7.18-1.151.18-.965 0-1.694-.263-2.187-.79-.494-.526-.74-1.29-.74-2.294 0-1.014.256-1.794.769-2.34.512-.545 1.248-.817 2.207-.817zm-12.68.135c.437-.003.558.164.7.352l2.24 2.945c.045.06.128.021.128-.043v-2.644a.604.604 0 1 1 1.209 0v4.716a.66.66 0 0 1 -.658.66.584.584 0 0 1 -.476-.238l-2.595-3.411c-.055-.073-.128 0-.128.043v3a.604.604 0 0 1 -1.209 0v-4.587c0-.436.353-.79.79-.793zm8.832.004a.555.555 0 1 1 0 1.11h-2.085v1.497h1.678a.526.526 0 1 1 0 1.053h-1.678v1.604c0 .394-.265.714-.714.714a.716.716 0 0 1 -.733-.714v-4.548c0-.394.32-.715.715-.715z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m17.266 13.718c0 .399.399.939 1.056.939.282 0 .587-.18.775-.446 1.29-1.831 3.38-2.981 5.61-2.981 2.278 0 4.372 1.15 5.655 2.983.196.28.495.444.8.444.447 0 1.01-.352 1.01-.986 0-.235-.07-.434-.191-.608-1.655-2.373-4.362-3.829-7.274-3.829-2.864 0-5.572 1.456-7.226 3.83a1.273 1.273 0 0 0 -.215.654zm2.629 2.559c0 .563.422 1.009.986 1.009.352 0 .68-.188.845-.446a3.533 3.533 0 0 1 2.981-1.643c1.22 0 2.344.61 3.007 1.642a.983.983 0 0 0 .843.447c.587 0 .986-.516.986-1.01 0-.187-.07-.381-.19-.561a5.59 5.59 0 0 0 -4.646-2.513 5.567 5.567 0 0 0 -4.625 2.51c-.14.215-.187.377-.187.565z" fill="var(--db-icon-pulse-color, #EC0016)" transform="matrix(.25881905 -.96592583 .96592583 .25881905 5.513076 33.70478)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_rent_a_bike.svg b/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_rent_a_bike.svg
new file mode 100644
index 0000000000..563be5d5de
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_rent_a_bike.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(6 4.096)"><path d="m36.484.137c4.836 1.294 9.671 2.59 14.507 3.887 2.064.553 3.407 2.7 2.822 4.888-3.02 11.276-6.041 22.55-9.064 33.825a3.991 3.991 0 0 1 -4.694 2.869l-1.055-.279v5.577c0 1.853-.385 3.347-1.161 4.544a1 1 0 0 1 -1.678-1.088c.512-.79.838-1.878.839-3.456v-6.112l-5-1.339v3.451c0 2.472-1.025 4.322-2.717 5.578-1.156.821-2.191 1.29-3.104 1.406a1 1 0 0 1 -.471-1.94 6.822 6.822 0 0 0 2.224-.957c1.254-.812 2.066-2.138 2.068-4.087.002-1.667.002-3.333 0-5 0-.221.09-.523.293-.707 1.998-2.002 3.998-4.002 5.998-5.999 1.066-1.07 1.066-2.519.002-3.587-1.023-1.024-2.461-1.103-3.586 0-3.032 3.023-6.064 6.048-9.095 9.074a4.004 4.004 0 0 1 -1.08-3.9c.882-3.296 1.764-6.59 2.648-9.885l-6.472 5.71c-.94.813-1.708 2.588-1.708 4.294-.002 6-.002 12 0 18a1 1 0 0 1 -1 1 .99.99 0 0 1 -1-1c-.002-6-.002-12 0-18 0-2.072.878-4.534 2.338-5.75l.487-.431.486-.43.504-.446c3.68-3.257 7.01-6.176 7.284-6.426l.018-.017 5.48-20.445c.551-2.064 2.706-3.405 4.886-2.822zm-2.956 3.34c-2.99 11.147-5.977 22.296-8.963 33.446l6.727-6.726c1.848-1.85 4.567-1.85 6.417.001 1.785 1.793 1.84 4.393.166 6.237l-1.871 1.878 2.504.672a1 1 0 0 1 .707 1.224c-.133.496-.707.877-1.225.707-1.206-.32-2.413-.644-3.619-.97l-1.633 1.633 7.641 2.048c1.014.272 2.1-.272 2.438-1.408 3.023-11.274 6.044-22.549 9.064-33.825a1.982 1.982 0 0 0 -1.408-2.438c-.325-.089-.65-.176-.975-.261l-.13.483c-.349 1.304-1.712 2.138-3.114 1.763-2.542-.678-5.084-1.36-7.626-2.043-1.302-.349-2.18-1.683-1.816-3.085.042-.162.085-.323.13-.483l-.976-.261c-1.013-.272-2.13.261-2.438 1.408zm-14.527-.573a1 1 0 0 1 .957.71l.701 2.301 2.927-.01.708-.708a.999.999 0 1 1 1.414 1.414l-1 1a.995.995 0 0 1 -.704.293l-2.738.008.617 2.03c.005-.002.008.01.013.011 2.288-.212 3.65.84 3.898 1.02.446.326.543.952.218 1.398a1.001 1.001 0 0 1 -1.398.217c-.13-.094-1.028-.727-2.128-.67l.972 3.195c.161.528-.125 1.109-.666 1.248-.68.176-1.117-.234-1.248-.666l-.97-3.187a3.499 3.499 0 0 0 -1.561 2.91 3.492 3.492 0 0 0 2.708 3.408 3.66 3.66 0 0 0 1.242.07 1 1 0 0 1 .234 1.986 8.568 8.568 0 0 1 -1.935-.11c-2.55-.478-4.249-2.79-4.249-5.355 0-2.122 1.247-3.994 2.957-4.868-.005 0-.154-.496-.446-1.487l-5.753 6.978c-.393.397-.669.355-.771.364h-2.096c-.472 2.556-2.713 4.5-5.404 4.5a5.506 5.506 0 0 1 -5.5-5.5c0-3.032 2.467-5.5 5.5-5.5.964 0 1.883.25 2.703.716l1.537-1.835-.326-.978-.123-.368-.511-1.535h-.781a1 1 0 0 1 .002-2l3 .005a1 1 0 0 1 -.002 2h-.109l2.488 7.466 5.449-6.608-.567-1.863h-2.259a1 1 0 1 1 0-2zm-13.5 9c-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5c1.58 0 2.903-1.059 3.337-2.5l-3.459-.009c-.041-.005-.603-.034-.798-.65s.14-.965.154-.983l2.147-2.564a3.484 3.484 0 0 0 -1.381-.294zm38.658 4.327 2.001.533a1 1 0 0 1 -.514 1.933l-2.002-.533a1 1 0 0 1 .515-1.933zm1.052-3.983 2.897.776a1 1 0 1 1 -.517 1.932l-2.898-.776a1 1 0 0 1 .518-1.932zm-34.729-1.236-2.84 3.392h3.971zm28.391-8.164-.13.483c-.045.302.09.514.402.635l7.627 2.043c.342.051.564-.065.665-.349l.13-.483-8.694-2.33z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m35.421 16.082a.491.491 0 0 1 -.491-.491v-4.018c0-.271.22-.491.491-.491h4.018c.27 0 .491.22.491.491v4.018a.49.49 0 0 1 -.491.49h-4.019zm-.464-7c-1.12 0-2.027.907-2.027 2.027v5.016c0 1.12.908 2.027 2.027 2.027h5.016c1.12 0 2.027-.907 2.027-2.027v-5.016c0-1.12-.908-2.027-2.027-2.027z" fill="var(--db-icon-pulse-color, #EC0016)" transform="matrix(.96592583 .25881905 -.25881905 .96592583 4.800928 -9.232668)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_whats_schmutzig.svg b/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_whats_schmutzig.svg
new file mode 100644
index 0000000000..094f7a49d6
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/feature/db_ic_il_whats_schmutzig.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(11 4)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="M25 0a5 5 0 0 1 4.995 4.783L30 5v9a1 1 0 0 1-1.993.117L28 14V5a3 3 0 0 0-2.824-2.995L25 2h-2v.034c0 .715-.258 1.404-.723 1.94l-.146.157a2.966 2.966 0 0 1-1.883.861L20.034 5H9.966a2.966 2.966 0 0 1-2.961-2.791L7 2H5a3 3 0 0 0-2.995 2.824L2 5v46a3 3 0 0 0 2.824 2.995L5 54h20a3 3 0 0 0 2.995-2.824L28 51v-6a1 1 0 0 1 1.993-.117L30 45v6a5 5 0 0 1-4.783 4.995L25 56H5a5 5 0 0 1-4.995-4.783L0 51V5A5 5 0 0 1 4.783.005L5 0h20Zm-4 50a1 1 0 0 1 .117 1.993L21 52H9a1 1 0 0 1-.117-1.993L9 50h12Zm13.568-35.061 1.998.068a1.994 1.994 0 0 1 1.931 2.067l-.045 1.343c-.032.906.123 1.849.532 2.708l1.427 3.081a7.855 7.855 0 0 1 .721 3.589l-.456 13.368a2.014 2.014 0 0 1-2.068 1.93l-3.997-.136a1.006 1.006 0 0 1-.964-1.034.987.987 0 0 1 1.032-.965l3.998.136.456-13.367a6.022 6.022 0 0 0-.533-2.676l-1.425-3.113a7.867 7.867 0 0 1-.722-3.589l.045-1.343-1.997-.069-.046 1.344a7.86 7.86 0 0 1-.966 3.531l-1.634 3.009c-.169.338-.55.512-.893.501a.988.988 0 0 1-.965-1.034c.005-.156.04-.28.108-.434l1.633-2.977c.467-.829.687-1.759.718-2.665l.044-1.343a1.994 1.994 0 0 1 2.068-1.93ZM26.09 24.22l.12.001a.836.836 0 0 1 .522 1.42c-.533.535-.783 1.21-.814 1.964l-.003.208.005.161.19-.113.143-.078.144-.074.296-.134a5.778 5.778 0 0 1 1.997-.452l.299-.006.289.008a6.415 6.415 0 0 1 2.605.714.838.838 0 0 1 .295 1.225 4.073 4.073 0 0 0-.439 3.984 4.074 4.074 0 0 0 3.166 2.454.833.833 0 0 1 .677 1.065c-.54 1.795-1.783 3.221-3.415 3.914a5.767 5.767 0 0 1-1.744.435l-.208.012-.154.142a5.777 5.777 0 0 1-.984.687l-.266.139-.275.125a5.77 5.77 0 0 1-1.704.43l-.297.02-.288.006a6.365 6.365 0 0 1-2.897-.722.834.834 0 0 1-.298-1.224c.836-1.174 1-2.662.439-3.985a4.073 4.073 0 0 0-3.172-2.453.832.832 0 0 1-.672-1.066c.538-1.792 1.783-3.22 3.413-3.912a5.707 5.707 0 0 1 1.211-.364l.052-.009-.003-.025c-.218-1.408.006-2.758.882-3.862l.172-.204.177-.188a.822.822 0 0 1 .413-.224l.126-.019Zm2.838 4.558-.233.009a4.147 4.147 0 0 0-2.728 1.276.828.828 0 0 1-.61.26 4.13 4.13 0 0 0-1.645.326 4.221 4.221 0 0 0-2.043 1.85l-.099.186.216.077a5.72 5.72 0 0 1 3.132 2.893l.108.24a5.733 5.733 0 0 1 .01 4.483l-.105.232c.368.115.734.18 1.095.2l.27.006.238-.009a4.15 4.15 0 0 0 2.727-1.275.83.83 0 0 1 .61-.26 4.134 4.134 0 0 0 1.645-.326 4.219 4.219 0 0 0 2.044-1.851l.098-.187-.214-.075a5.72 5.72 0 0 1-3.132-2.894l-.108-.24a5.723 5.723 0 0 1-.012-4.482l.105-.234a4.64 4.64 0 0 0-.82-.175l-.27-.024-.279-.006ZM21 2H9l.006.147a.967.967 0 0 0 .738.827l.11.02.112.006h10.068a.966.966 0 0 0 .958-.839L21 2.034V2Z"/><path fill="var(--db-icon-pulse-color, #EC0016)" d="M7 25.063c0 .508.507.859.995.859a.926.926 0 0 0 .683-.273l2.341-2.361c.196-.215.566-.288.781-.288h8.82c1.287 0 2.38-1.234 2.38-2.541v-8.156C23 11.053 21.849 10 20.522 10H9.576C8.093 10 7 11.151 7 12.459v12.604Zm2.01-2.536L9 12h12v9h-9.337c-.8 0-1.424.298-1.97.844l-.683.683ZM11 17v2h8v-2h-8Zm0-3v2l8-.01V14h-8Z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_beef.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_beef.svg
new file mode 100644
index 0000000000..9c5fc7ef02
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_beef.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(5.985 11)"><path d="m15.103 3.544c.119.754.087 1.767-.058 2.508 2.8 1.751 16.603.887 17.383.846.57-.01 9.846-.698 10.487-.698 2.788 0 5.185 1.116 6.422 2.772 1.985 2.43 2.76 4.376 2.472 7.639-.167 1.585-.165 3.401.005 5.447.41 4.466.099 5.938-.113 7.207a1 1 0 0 1 -1.972-.33c.194-1.166.412-2.411.155-5.85-.005-.469-.436-3.433-.063-6.71-.41 1.61-1.34 4.523-1.78 6.554-.44 2.032-.446 3.296-.044 4.555.555 1.477.598 3.448.415 6.105-.075 1.573-.346 3.768-.812 6.586a1 1 0 0 1 -.865.818l-4.72.007a1 1 0 0 1 -.894-1.447c.474-.95 1.248-3.022 1.275-7.495-3.533.98-5.96-1.192-6.617-3.298-5.168 1.34-9.54.518-11.543.09-.283.328-.546 1.29-.521 2.326.064 2.712-.037 5.682-.304 8.91a1 1 0 0 1 -.878.907l-4.718.007a1 1 0 0 1 -.938-1.345c.52-1.411 1.247-2.73 1.142-7.049-.113-3.467-.602-5.42-.735-5.66-.04-.024-1.636-1.196-3.516-4.216s-3.426-5.613-5.031-7.095c-.84-.776-2.304-1.052-3.65-.672-2.248.633-4.141-.282-4.84-2.06-.637-1.619-.018-3.392 1.585-3.972.486-.176.92-.88 1.328-1.672 1.04-2.109 1.63-3.239 3.384-3.544a1 1 0 0 1 1.156.814.995.995 0 0 1 -.814 1.156c-.71.124-1.071.74-1.823 2.244-.862 1.855-1.864 2.717-2.423 2.846-.568.13-.8.716-.532 1.397.303.77 1.153 1.232 2.432.867 1.93-.552 4.096-.218 5.56 1.132 2.12 1.958 3.339 4.387 5.308 7.41.584.916 1.903 2.808 2.737 3.475.68.177 1.115 1.571 1.39 2.925a28.36 28.36 0 0 1 .497 4.72c.058 2.656-.207 4.755-.796 6.298h2.253c.21-3.466.285-6.1.226-7.899 0-1.31.213-2.162.642-3.014.41-.71 2.124-2.944 1.769-5.34a1 1 0 0 1 1.978-.292c.232 1.567-.093 3.054-.823 4.568 6.513 1.271 10.778-.424 11.734-.739s1.78-.507 2.793-.605c-.584-.95-.995-1.919-1.176-2.896a1 1 0 0 1 1.966-.364c.427 2.303 2.688 4.449 2.795 4.547a1 1 0 0 1 .247.354c.857 2.083 1.004 5.045.335 9.563-.151 1.02-.31 1.725-.475 2.117h2.266c.474-3.019.72-5.55.734-7.591.01-1.28-.059-2.301-.33-3.08-.632-1.818-.637-3.426-.029-6.081.23-1.001.772-2.975 1.63-5.923.445-1.711.644-2.934.644-4.124-.131-3.053-3.412-4-5.5-4-.439 0-8.073.56-9.52.646-2.31.13-15.343 1.028-19.087-.93a3.626 3.626 0 0 1 -1.866 1.43 1 1 0 0 1 -1.272-.619.986.986 0 0 1 .618-1.272c1.342-.464 1.358-2.257 1.38-2.53-1.211.373-1.634.717-1.787.971-.236.602-.825.838-1.337.633a1 1 0 0 1 -.558-1.3c.368-.918 1.446-2.035 4.501-2.52a1 1 0 0 1 1.116.835zm26.137 24.06c-1.423.025-2.38.175-3.549.564.423 1.307 1.648 2.132 3.024 2.132.581 0 1.025-.075 1.556-.35-.08-.565-.225-1.212-.408-1.683a18.324 18.324 0 0 1 -.623-.663zm-33.625-19.804a.7.7 0 1 1 0 1.4.7.7 0 0 1 0-1.4z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m6.643.764a1 1 0 0 1 1.208-.735c3.408 1.008 4.068 3.62 3.536 5.808a1 1 0 1 1 -1.944-.473c.327-1.345.027-2.686-2.064-3.392a1 1 0 0 1 -.736-1.208z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_beef_and_poultry.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_beef_and_poultry.svg
new file mode 100644
index 0000000000..54aa64ac44
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_beef_and_poultry.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(5.045 9.5)"><path d="m8.11.033c1.926.507 3.404 2.13 3.66 3.544.906-.402 2.06-.621 2.589-.672a1 1 0 0 1 1.084.843c.109.705.084 1.717-.047 2.442 2.81 1.955 18.446.923 19.04.888.596-.035 9.262-.678 10.019-.678 3.176 0 5.823 1.342 7.056 3.442 1.81 2.31 2.532 4.164 2.274 7.02-.195 1.752-.214 3.636-.058 5.651.447 4.71.123 6.493-.084 7.84a1 1 0 0 1 -1.976-.305c.589-3.464.074-6.5.063-7.423-.011-.595-.295-2.662.099-6.521-.362 1.642-1.584 5.61-1.957 7.194-.565 2.399-.63 3.801-.075 5.368.366 1.032.49 2.583.431 4.58-.066 2.229-.362 5.036-.887 8.422-.087.51-.416.787-.986.832h-4.8a1 1 0 0 1 -.929-1.371c1.251-3.127 1.245-5.325 1.23-6.781a1 1 0 1 1 1.998.105c-.022.568.07 3.476-.862 6.046l2.508.001c.804-5.07.75-8.715.702-9.445-.049-.73-.144-1.31-.287-1.715-.68-1.88-.683-3.55-.026-6.363.61-2.751 2.395-7.442 2.366-10.377 0-3.11-3.455-4.137-5.533-4.196-.834-.024-7.426.5-9.262.615-1.835.115-16.503 1.236-20.757-.928a3.855 3.855 0 0 1 -2 1.647 1 1 0 0 1 -1.286-.59c-.178-.481.015-1.072.59-1.286.69-.255 1.366-.87 1.5-2.769-.857.229-1.445.514-1.763.855-.219 1.09-1.34.834-1.49.768-.506-.221-.831-.867-.396-1.557.366-2.18-1.723-3.051-2.258-3.192a1 1 0 0 1 .51-1.934zm-.276 4.563a1 1 0 0 1 -.662 1.153c-.741.165-1.086.448-2.022 2.354-.74 1.507-1.488 2.647-2.478 2.973-.598.133-.845.776-.55 1.517.345.867 1.225 1.278 2.558.846 1.963-.561 4.221-.196 5.76 1.233 1.54 1.429 3.067 3.714 4.054 5.371 3.383 5.469 3.479 4.952 4.822 6.415.558.816 2.644 7.806.499 14.041h2.458c.142-1.166.236-2.774.282-4.824a1 1 0 0 1 2 .05 63.043 63.043 0 0 1 -.414 5.94 1 1 0 0 1 -.866.828l-4.92.007a1 1 0 0 1 -.929-1.371c.474-1.183.79-2.093.95-2.73.39-1.91.683-7.02-.642-10.697-2.196-1.871-3.646-4.616-4.93-6.588-.646-1.126-2.35-3.7-3.73-4.981-.974-.905-2.508-1.153-3.81-.782-2.3.748-4.265-.17-5-2.019-.668-1.677-.062-3.6 1.763-4.153.41-.275.887-.997 1.43-2.167.995-2.029 1.682-2.876 3.194-3.19a1 1 0 0 1 1.183.774zm.02 3.304a.8.8 0 1 1 0 1.6.8.8 0 0 1 0-1.6z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m29.41 13.032c1.925.125 2.273 2.179 1.103 3.665.422 1.62.56 3.7 2.262 5.394 1.98.66 6.168-.15 9.32-1.383 1.649-.645 2.77-.607 3.331.241.484.73.558 4.69-.79 8.185-1.458 3.786-4.31 6.421-8.775 7.33.024 2.665-1.994 3.13-2.202 3.182l-.003.775a43.1 43.1 0 0 1 2.01.124 1 1 0 0 1 -.213 1.989c-1.65-.177-3.943-.16-5.49 0a1 1 0 1 1 -.207-1.99c.63-.065 1.27-.105 1.908-.125l-.004-.91c-.142-.057-1.874-.678-1.802-2.993-4.806-2.05-8.432-6.127-8.12-10.026l.325-3.639c.045-.51.507-.959 1.084-.908.51.045.973.52.908 1.084l-.303 3.433c-.38 3.111 3.139 6.823 7.458 8.443a1 1 0 0 1 .642.813l.007.923c0 .854.414 1.1 1 1.1.784 0 1.088-.479 1-1.664-.329-.738.213-1.348.76-1.426 4.27-.604 6.84-2.833 8.152-6.234.764-1.984 1.007-3.936.925-6.118a6.512 6.512 0 0 0 -.878.276c-3.464 1.332-7.843 2.264-10.518 1.465a.996.996 0 0 1 -.621-.266c-.88-.817-2.387-2.366-3.082-6.48l-.131-.544c-.08-.09-.143-.234-.19-.43-.15-.817-1.01-1.716-2.135-1.786-.693.005-1.398.388-2.115 1.15a1.793 1.793 0 0 1 -.181.131l-.545.302 1.01.865a1 1 0 0 1 .349.794c-.02.194-.125.837-.313 1.93a1 1 0 0 1 -1.151.822c-.506-.085-.926-.582-.822-1.151l.206-1.245-1.67-1.431a.994.994 0 0 1 .165-1.634l1.67-.928c.853-.876 1.777-1.398 2.772-1.565a3.336 3.336 0 0 1 2.228-1.069c.63-.033 1.631.198 1.665 1.529zm.33 14.274c2.7 2.505 5.605 2.9 8.468.173a1 1 0 1 1 1.502 1.32c-3.74 3.665-7.905 3.15-11.33-.026a1 1 0 1 1 1.36-1.467zm-3.48-11.667a.8.8 0 1 1 0 1.6.8.8 0 0 1 0-1.6z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_coffee_cup.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_coffee_cup.svg
new file mode 100644
index 0000000000..3ca8fccd45
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_coffee_cup.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(11 10.1)"><path d="m41 41.9a1 1 0 0 1 .117 1.993l-.117.007h-40a1 1 0 0 1 -.117-1.993l.117-.007zm-34-26.98 29.335.001a5.905 5.905 0 0 1 5.665 5.9c0 3.092-2.382 5.647-5.478 5.887l-.228.013h-1.234v4.179a9 9 0 0 1 -8.735 8.996l-.265.004h-12.06a9 9 0 0 1 -8.995-8.69l-.005-.31v-13.98a2 2 0 0 1 1.851-1.994l.15-.005zm26.06 2h-26.06v13.98a7 7 0 0 0 6.691 6.993l.31.007h12.058a7 7 0 0 0 6.996-6.76l.004-.24v-13.98zm1.999 7.801 1.195.001a3.905 3.905 0 0 0 3.746-3.901c0-2.027-1.548-3.705-3.508-3.888l-.197-.013h-1.236zm-10.544-21.867c1.11 1.117 1 3.108.267 4.612l-.095.186c-.5.934-.583 1.892-.245 2.357l.073.086a1 1 0 1 1 -1.419 1.41c-1.183-1.192-1.073-3.116-.172-4.798.448-.836.547-2.067.172-2.443a1 1 0 1 1 1.419-1.41zm-6.52-2.559c1.377 1.387 1.224 3.954.276 5.874l-.104.203c-.752 1.403-.867 2.874-.263 3.621l.09.102a1 1 0 1 1 -1.418 1.41c-1.416-1.426-1.335-3.755-.288-5.854l.116-.224c.64-1.195.803-2.909.255-3.627l-.083-.095a1 1 0 0 1 1.419-1.41z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m30 19.9a1 1 0 0 1 .117 1.993l-.117.007h-20a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_crustaceans_and_molluscs.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_crustaceans_and_molluscs.svg
new file mode 100644
index 0000000000..12a2dadc24
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_crustaceans_and_molluscs.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(15.393 11.998)"><path d="m17.37 7.304a1 1 0 0 1 .461.147c.06.038.294.222.7.55 4.76-.091 8.697 1.307 11.658 4.07a1 1 0 0 1 .316.674c.003.123-.019.465-.065 1.027 4.38 4.022 3.352 10.425 3.06 12.24a1 1 0 0 1 -.304.614c-.125.1-.33.257-.614.47-1.124 3.98-3.083 7.05-5.875 9.206a1 1 0 0 1 -.62.2c-.158-.014-.54-.07-1.145-.169-4.08 1.78-10.605 2.088-15.14.04-1.012 2.136-3.195 3.629-5.695 3.629-1.258 0-2.548-.43-3.655-1.168-.455-.303-.554-.791-.354-1.476.61-1.71 1.34-2.781 2.78-3.628-1.78-.9-3.102-3.212-2.829-4.617.14-.717 2.327-1.711 4.058-1.711 2.784 0 5.176 1.853 5.997 4.382 6.64-.304 9.603-4.143 9.603-7.182 0-1.97-1.193-3.1-3.1-3.1h-2.7c-4.842 0-8.054-2.407-9.848-6.335-.614-1.346-1.408-3.858-1.452-6.148a1 1 0 0 1 .853-1.006c7.688-1.082 13.102-.76 13.91-.709zm-15.173 30.228c2.239 1.144 4.936.09 5.901-2.248-1.166-.803-4.905-.764-5.9 2.248zm16.077-6.466c-2.065 1.595-4.688 2.496-7.868 2.705a8.272 8.272 0 0 1 -.042.656c3.292 1.6 7.98 1.699 11.643.779-1.626-.985-2.967-2.456-3.733-4.14zm2.735-3.345c-.413.806-.804 1.421-1.172 1.846.709 2.227 3.05 4.605 5.993 4.88 1.824-1.498 3.234-3.598 4.159-5.902-2.817.855-6.692.568-8.98-.824zm-18.899 2.192c.485 2.004 3.71 3.505 5.968 2.158-.592-1.674-3.124-3.596-5.968-2.158zm28.095-13.4c-.229 1.595-1.592 8.337-8.503 8.345-.01.292-.038.581-.083.867 1.75 1.501 7.618 2.09 9.957-.376.567-3.754.11-6.699-1.371-8.835zm-9.415-6.433c2.039 2.47 3.14 6.845-1.103 10.314.817.585 1.432 1.431 1.757 2.46 4.499.089 6.841-3.122 7.029-9.635-2.04-1.769-4.602-2.815-7.683-3.139zm-16.114-.214c.274 2.153 1.43 9.43 8.901 9.632l2.695.003c2.515-.05 4.335-2.477 4.335-4.799 0-1.481-1.165-3.852-3.676-5.42-3.462-.181-7.547.014-12.255.584zm5.23 1.836a.9.9 0 1 1 0 1.8.9.9 0 0 1 0-1.8z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m31.607.002a1 1 0 1 1 0 2h-19.415c-5.254-.075-7.706 1.924-7.587 3.941a1 1 0 0 1 -1.997.118c-.19-3.245 3.168-6.046 9.258-6.061l19.74.002z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_egg_free.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_egg_free.svg
new file mode 100644
index 0000000000..5340d76421
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_egg_free.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(11.504 11.5)"><path d="m33.257 12.675c1.215 3.086 1.939 6.478 1.939 9.825 0 11.072-5.542 18-14.7 18-4.425 0-8.006-1.618-10.526-4.54l1.421-1.418c2.173 2.57 5.267 3.958 9.105 3.958 7.943 0 12.7-5.947 12.7-16 0-2.805-.56-5.645-1.495-8.269zm-12.761-12.175c3.753 0 7.583 3.047 10.393 7.487l-1.452 1.453c-2.005-3.384-5.446-6.923-8.941-6.94-5.376.004-12.624 9.297-12.7 20 0 2.834.378 5.341 1.099 7.481l-1.553 1.553c-1.011-2.556-1.546-5.595-1.546-9.034 0-10.762 7.492-22 14.7-22zm9.307 15.627a24.68 24.68 0 0 1 .683 3.23 1 1 0 0 1 -1.98.286c-.094-.65-.21-1.274-.346-1.872zm-6.346-9.214c.984.51 2.64 1.826 4.2 4.305l-1.456 1.456c-1.573-2.676-3.304-3.786-3.666-3.987a1 1 0 1 1 .922-1.774z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m38.435.44a1.5 1.5 0 0 1 2.122 0 1.506 1.506 0 0 1 0 2.12l-38 38a1.5 1.5 0 0 1 -2.122 0 1.51 1.51 0 0 1 0-2.12l38-38z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_energetic_strengthening.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_energetic_strengthening.svg
new file mode 100644
index 0000000000..630b813f10
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_energetic_strengthening.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(11 7.903)"><path d="m41.866 19.337c1.664 6.184 2.184 13.792 2.051 21.53l-.019.889a.986.986 0 0 1 -.47.79c-5.3 3.298-12.317 5.551-20.028 5.551-5.688 0-11.83-1.848-16.006-3.98l-3.687 3.687a1 1 0 1 1 -1.414-1.414l6-6a1 1 0 0 1 1.497 1.32c-.208.221-.51.526-.903.914 3.765 1.814 9.289 3.473 14.513 3.473 6.858 0 13.428-1.929 18.511-4.968l.017-1.078c.082-7.295-.445-14.441-1.992-20.188-.11-.419-.381-1.316-.816-2.692-4.09-12.319-10.864-16.826-16.982-14.632-4 1.433-3.725 7.549-.358 8.498 1.798.525 3.88-.785 5.232-3.4a1 1 0 1 1 1.776.92 9.714 9.714 0 0 1 -.395.704c4.194 3.594 4.85 8.874 2.546 15.18a1 1 0 1 1 -1.878-.687c1.998-5.47 1.542-9.844-1.865-12.884-1.692 1.85-3.858 2.705-5.967 2.09-5.22-1.472-5.612-10.208.234-12.304 7.791-2.793 16.164 3.315 20.403 18.681zm-30.016 5.401a1 1 0 1 1 -1.302 1.519c-2.74-2.35-6.214-2.252-8.98-.337a1 1 0 1 1 -1.138-1.645c3.466-2.4 7.935-2.524 11.42.463z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m21.9 26.597c3.883 0 7.696 2.485 10.384 5.88a1 1 0 1 1 -1.568 1.241c-2.346-2.963-5.657-5.12-8.816-5.12-3.02 0-6.24 1.225-9.338 3.327a1 1 0 0 1 -1.123-1.655c3.401-2.308 6.986-3.673 10.461-3.673z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_fish.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_fish.svg
new file mode 100644
index 0000000000..f69945715f
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_fish.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(13.998 11.9)"><path d="m18.202 0c2.178 0 4.267.378 6.208 1.07 2.282-.17 5.372-.03 6.955.365 1.71.467 2.837 1.447 2.837 3.065 0 1.101-.578 2.06-1.433 2.608a18.41 18.41 0 0 1 3.933 11.392c0 8.553-5.84 15.92-13.94 17.949-1.56 3.492-5.082 4.072-7.172 3.457-.779-.223-.865-.62-.952-1.089-.204-1.4.119-2.673.937-3.815-1.448-.49-2.61-1.55-3.192-2.908-.218-.508-.107-.991.406-1.391 2.95-2.298 5.747-2.43 8.395-.395 3.01-1.872 3.439-5.61 2.163-8.078-.489.641-1.215 1.09-2.055 1.166-1.558.142-2.976-.831-3.539-2.38a24.553 24.553 0 0 1 -.604-2.132c-.21.02-.417.05-.616.089-7.188 1.711-11.516 1.16-16.16-2.595-.253-.205-.428-.517-.357-1.044 1.468-8.8 9.151-15.334 18.186-15.334zm0 2c-7.888 0-14.599 5.552-16.123 13.173 2.957 2.256 5.771 3.03 9.73 2.619 1.432-1.135 2.14-3.354 1.804-5.54-.341-2.221-1.603-4.065-3.117-4.738a1 1 0 0 1 .812-1.828c2.176.967 3.842 3.402 4.282 6.262.296 1.922-.04 3.863-.854 5.378 1.461-.382 3.064-.724 5.114-.195a8.18 8.18 0 0 1 5.925 10c-.523 2.197-1.844 3.86-3.986 5.203-.505.41-1.08.297-1.42-.054-1.104-1.189-3.506-2.263-5.768-.322.617.811 1.632 1.342 2.8 1.342 1.682.283 1.263 1.62.767 1.924-1.06.729-1.63 1.845-1.573 2.853 1.632.301 3.811-.71 4.421-2.641a.998.998 0 0 1 .773-.813c7.468-1.628 12.913-8.323 12.913-16.123 0-7.003-5.22-16.156-16.5-16.5zm1.44 18.358c.253.696.846 1.103 1.47 1.046.424-.039.802-.447.882-.926-.742-.662-1.657-1.14-2.744-1.434.122.46.258.912.392 1.314zm-13.54-10.258a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm22.277-7.045c1.225.83 2.233 1.663 3.026 2.498.452-.132.797-.554.797-1.053 0-.511-.421-.878-1.343-1.13-.531-.133-1.358-.238-2.48-.315z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m19.816 5.326c1.385-.77 3.192-.294 3.96 1.088.71 1.277.372 2.928-.918 3.758a2.813 2.813 0 0 1 -1.015 3.61c-1.45.926-3.396.445-4.236-1.235a1 1 0 0 1 1.731-.996l.138.263c.222.4.805.553 1.24.312.377-.21.555-.667.318-1.13l-.4-.7a1.001 1.001 0 0 1 .372-1.364l.71-.406c.411-.229.547-.717.312-1.14-.205-.37-.761-.565-1.227-.32l-3.3 1.9a1 1 0 0 1 -1.366-.367.992.992 0 0 1 .368-1.366z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_fish_and_molluscs.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_fish_and_molluscs.svg
new file mode 100644
index 0000000000..ea860122f7
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_fish_and_molluscs.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 12)"><path d="m18.2 0c2.079 0 4.092.345 5.979.99 1.966-.202 5.507-.075 7.185.345 1.71.467 2.837 1.447 2.837 3.065a3.1 3.1 0 0 1 -1.486 2.642 18.494 18.494 0 0 1 2.19 3.53 1 1 0 1 1 -1.808.857 16.466 16.466 0 0 0 -14.896-9.429c-7.821 0-14.543 5.568-16.107 13.097 2.927 2.286 5.702 3.045 9.702 2.609 1.407-1.03 2.153-3.368 1.816-5.554-.341-2.221-1.603-4.065-3.117-4.738a1 1 0 1 1 .812-1.828c2.176.967 3.842 3.402 4.282 6.262.296 1.923-.04 3.864-.855 5.379 1.979-.476 3.181-.69 5.115-.196a8.18 8.18 0 0 1 5.925 10c-.731 3.326-3.61 4.972-3.993 5.202-.295.184-.818.51-1.413-.053-1.104-1.189-2.721-1.683-4.18-1.222a4.03 4.03 0 0 0 -1.631.94c.572.792 1.507 1.366 2.945 1.407 1.388.021 1.269 1.516.665 1.819-1.06.729-1.63 1.845-1.573 2.853.869.153 3.403.04 4.422-2.642.122-.445.36-.722.77-.812 3.777-.829 7.206-3.04 9.627-6.139a1 1 0 0 1 1.576 1.232c-2.586 3.31-6.206 5.715-10.227 6.732-1.722 3.965-5.963 3.99-7.349 3.41-.494-.194-.763-.604-.8-1.274-.088-1.127.077-2.303.905-3.502-1.423-.498-2.562-1.548-3.136-2.888-.207-.481-.034-.893.39-1.333 3.303-3.074 6.613-2.027 8.41-.553a5.864 5.864 0 0 0 2.65-3.656 6.22 6.22 0 0 0 -.486-4.422c-.489.641-1.215 1.09-2.055 1.166-3.399.168-3.97-3.556-4.159-4.51-.384.008-1.465.309-2.664.532-5.943 1.135-9.755.51-14.116-3.056a1.006 1.006 0 0 1 -.337-.93c1.498-8.774 9.191-15.332 18.186-15.332zm1.007 18.933c.436 2.037 1.211 2.434 1.903 2.371.425-.039.803-.447.883-.926-.729-.656-1.551-1.123-2.786-1.445zm-13.107-8.933a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm22.115-7.054a17.914 17.914 0 0 1 3.115 2.529c.487-.109.87-.55.87-1.075 0-.511-.422-.878-1.343-1.13-.621-.155-1.582-.266-2.642-.324z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m19.815 5.226c1.384-.77 3.192-.294 3.96 1.088.71 1.277.378 2.918-.918 3.758a2.813 2.813 0 0 1 -1.015 3.61c-1.84 1.125-3.73 0-4.236-1.235a1 1 0 0 1 1.731-.996l.138.263c.222.4.805.553 1.24.312a.813.813 0 0 0 .317-1.13l-.4-.7a.993.993 0 0 1 .373-1.364l.71-.406c.411-.229.547-.717.312-1.14-.205-.37-.762-.566-1.227-.32l-3.3 1.9a1 1 0 0 1 -1.366-.367.99.99 0 0 1 .368-1.366l3.313-1.907zm21.586 25.474c-4.622.024-8.308-3.382-8.421-10.157 5.565-.88 10.004-.732 11.219-.619l.67.575c3.53 0 6.408 1.086 8.632 3.259v.992c2.178 2.135 2.883 5.282 2.115 9.442l-.641.441c-.794 2.992-2.342 5.306-4.642 6.943l-1.051-.235c-3.06 1.302-7.536 1.448-10.733.092-1.783 3.263-5.449 2.905-7.003 1.7-.448-.3-.55-.819-.35-1.38.416-1.172.868-1.856 1.784-2.515-1.06-.725-1.79-1.808-1.872-2.928-.054-.402.063-.728.353-.978 2.132-1.777 6.108-1.02 7.323 2.148 4.61-.256 6.517-2.912 6.517-4.88 0-1.084-.674-1.827-1.651-1.895l-2.25-.005zm-8.08 11.106c1.659.64 3.052-.42 3.492-1.367-.781-.286-2.614-.265-3.493 1.367zm11.034-4.066c-1.48 1.008-3.233 1.583-5.261 1.725 2.043.936 4.47 1.157 7.282.665a7.027 7.027 0 0 1 -2.021-2.39zm2.298-2.538c-.167.342-.45.765-.734 1.112.453 1.322 1.907 2.892 3.876 3.171a10.18 10.18 0 0 0 2.641-3.623c-1.944.43-4.239.163-5.783-.66zm-13.435 1.388c.905 1.71 2.892 1.672 3.579 1.34-.477-.938-1.78-1.968-3.579-1.34zm20.046-8.783c-.914 3.402-2.907 5.148-5.981 5.239l-.02.198c1.203.92 4.76 1.331 6.513-.16.302-2.098.132-3.856-.512-5.277zm-6.533-5.189c2.091 3.2.272 5.943-.802 6.935.473.39.845.9 1.082 1.493 2.484.105 4.55-1.648 4.572-6.32-1.372-1.15-2.99-1.852-4.852-2.108zm-11.643-.354c.816 4.981 3.468 6.346 6.034 6.432l2.079.005c1.237 0 2.5-1.616 2.5-3.1 0-1.002-.631-2.333-2.408-3.728-2.429-.097-5.164.033-8.205.391zm3.512 1.136a.6.6 0 1 1 0 1.2.6.6 0 0 1 0-1.2zm15.4-10a1 1 0 1 1 0 2h-13.82c-2.048-.041-3.486.376-4.362 1.088-.538.438-.817.952-.822 1.429-.005.591-.363 1.034-.913 1.08a1 1 0 0 1 -1.08-.914c-.207-2.482 2.424-4.679 6.896-4.686z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_gluten_free.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_gluten_free.svg
new file mode 100644
index 0000000000..b5fbf02da1
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_gluten_free.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(11.501 8)"><path d="m28.6 10.005a1 1 0 0 1 .878.79c.088.421.005 1.69-.087 2.194l-5.716 5.716a13.62 13.62 0 0 1 -3.167.296c-2.937.025-5.191-.623-6.763-1.944-2.216-1.887-2.378-5.18-2.225-6.262a.995.995 0 0 1 .924-.794c1.35-.106 6.067-.212 8.048 3.4 1.942-3.567 6.68-3.527 8.109-3.396zm-1.107 1.961c-3.322.118-5.628 1.192-5.986 5.018 3.184-.234 5.72-1.231 5.986-5.018zm-13.988 0c.326 4.11 3.192 4.766 5.982 5.018-.345-3.424-2.149-4.894-5.982-5.018zm6.453-11.807a1 1 0 0 1 1.06-.014 8.6 8.6 0 0 1 1.594 1.292c1.041 1.06 1.687 2.247 1.687 3.563 0 1.274-.643 2.445-1.68 3.52a9.269 9.269 0 0 1 -1.58 1.321.995.995 0 0 1 -1.092-.007 9.635 9.635 0 0 1 -1.726-1.482c-.945-1.033-1.521-2.149-1.521-3.352 0-1.274.643-2.445 1.68-3.52a9.269 9.269 0 0 1 1.578-1.32zm.552 2.077c-1.183.986-1.787 1.908-1.81 2.764 0 .817.599 1.736 1.797 2.755 1.2-1.014 1.801-1.932 1.803-2.755-.017-.898-.613-1.82-1.789-2.764zm-.01 38.764c.513 0 1.034.422 1 1.05v4.95a1 1 0 1 1 -2 0v-5a1 1 0 0 1 1-1zm8.1-10.995c.437.045.841.38.894.907.281 7.339-5.844 8.254-8.996 8.089-1.066.052-5.072.138-7.446-2.62l1.427-1.427c.989 1.253 2.658 1.938 5.009 2.054-.196-2.23-1.096-3.684-2.7-4.362l1.49-1.491a5.696 5.696 0 0 1 2.22 2.26c1.689-3.148 5.623-3.6 8.102-3.41zm-1.11 1.961c-2.925.12-5.6.897-5.984 5.04 4.3-.205 5.734-2.18 5.983-5.04zm1.682-11.705c.267.287.343.378.339 1.257-.074 6.296-5.138 7.562-9.074 7.476l2.122-2.118c3.961-.622 4.75-2.641 4.927-4.932.561-.562 1.123-1.123 1.686-1.683zm-9.294 2.24-1.426 1.424c-.925-1.242-2.574-1.895-4.948-1.959.155 2.127 1.036 3.548 2.642 4.265l-1.482 1.481c-3.333-1.92-3.225-5.89-3.162-6.8a.994.994 0 0 1 .894-.907c.638-.06 5.154-.383 7.482 2.496z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m38.438 3.94a1.5 1.5 0 0 1 2.121 2.12l-38 38a1.5 1.5 0 0 1 -2.121-2.12l38-38z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_lactose_free.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_lactose_free.svg
new file mode 100644
index 0000000000..74cf3a3d8b
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_lactose_free.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(11.5 11.5)"><path d="m29.238 16.717c.108.382.262 1.575.262 2.093v18.73c0 1.555-1.249 2.96-2.907 2.96h-12.163c-1.562 0-2.93-1.245-2.93-2.92v-3.125l2-2v5.125c0 .472.374.92.93.92h12.163c.468 0 .907-.421.907-.96v-18.707l-.022-.356zm-12.738 15.783c.513 0 1 .404 1 1v1a1 1 0 0 1 -2 0v-1a1 1 0 0 1 1-1zm1-4.045v1.045a1 1 0 0 1 -1.729.685zm.08-12.839a1 1 0 0 1 .646 1.162c-.484 1.23-.726 2.34-.726 3.332v1.272l-2 2v-3.272c0-1.277.268-2.57.806-3.88a1 1 0 0 1 1.274-.614zm7.44-11.606c.513 0 1 .403 1 1l-.02 4.13c0 1.596.685 2.468.938 2.801l-1.435 1.435c-1.168-1.51-1.503-2.806-1.503-4.235 0-.954.006-1.997.02-3.132h-7.04l.02 3.19c0 2.742-1.569 4.177-2.092 4.99s-1.196 1.914-1.408 4.621v6.569l-2 2v-8.592c.062-1.94.652-4.193 1.79-5.775 1.14-1.582 1.618-2.043 1.71-3.828l-.02-4.174c0-.513.411-1 1-1zm0-3.51a1 1 0 0 1 1 1c0 .513-.42 1-1 1h-9.04a1 1 0 1 1 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m38.44.44a1.5 1.5 0 0 1 2.12 0 1.49 1.49 0 0 1 0 2.12l-38 38a1.5 1.5 0 0 1 -2.12-2.12l38-38z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_lamb.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_lamb.svg
new file mode 100644
index 0000000000..8f1c3c9ca0
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_lamb.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(6.54 12.002)"><path d="m11.748.59a1 1 0 0 1 .22 1.396c-.3.412-.93.56-1.397.22-.738-.536-2.759-.07-3.843 1.232-.659.768-1.534 1.663-2.625 2.685-1.307 1.297-2.018 2.293-2.081 3.047.72.105 1.16-.003 1.675-.203a1 1 0 0 1 1.294.57c.203.667.018 1.362-1.812 1.626.188.664.68 1.04 1.47.942.63-.07 1.597-.104 2.9-.102 1.47.134 2.678 1.441 2.905 3.2.019.187-.029.545-.288.803-.364.365-.908 1.65.768 2.231.531.152.986.806.53 1.59-.663.855-.07 2.272.995 2.272.553 0 1.25.553.903 1.432.299 1.198 1.652 1.491 2.257.9.774-.645 2.101.19 1.635 1.315-.461 1.086.361 2.076 1.281 1.96 1.04-.055 1.086.803 1.19 1.258.781 3.404.761 5.423.236 7.451-.216.774-.317 1.302-.301 1.583h2.095c-.128-3.373.2-6.457.984-9.253.48-1.712.48-2.905.331-3.898a1 1 0 0 1 1.978-.296c.105.7.142 1.515.111 2.448 0 .987 1.112 1.837 2.046 1.268.427-.285 1.136-.25 1.549.485.25.602 1.709 1.144 2.337-.05.417-.73 1.576-.638 2.016.067.241.386 1.454 1.093 2.233-.464.268-.624 1.297-.936 1.879-.257.345.403 1.306.892 2.095-.124a15.973 15.973 0 0 1 -2.455-2.625 1 1 0 0 1 1.6-1.2c1.158 1.543 2.43 2.699 4.14 3.658.205.13.349.333.433.609.846 3.524.677 5.73-.23 7.81-.489.995-.748 1.602-.775 1.822h1.866c.05-.02.212-.416.486-1.19 1.282-3.61 1.75-6.854 1.863-9.021-.866-2.156-.249-3.669-.206-3.773a1 1 0 0 1 1.227-.568c.802-.174 1.486-1.396.735-2.239-.247-.46-.174-.885.221-1.276.917-.691.746-1.972-.254-2.413-.811-.348-.67-1.413-.365-1.77.904-1.458-.474-2.218-.882-2.26-.465-.066-.708-.423-.75-.476-2.38-3.073-6.413-4.075-12.155-3.814-9.121.575-11.65.349-13.154.201-1.235 0-2.527-.441-3.624-1.32a1 1 0 1 1 1.25-1.56c.737.59 1.588.88 2.47.884 1.513.145 3.906.347 12.959-.203 6.229-.283 10.783.817 13.682 4.392 2.705.844 2.772 3.573 2.242 4.62 1.81 1.487 1.16 3.894.473 4.658.838 2.272-.865 4.214-2.323 4.508-.021.385.031.829.186 1.324a.989.989 0 0 1 .285.732c-.188 5.362-2.145 10.465-2.151 10.481-.426 1.277-.894 1.997-2.149 2.084h-2.8c-1.365-.011-1.348-2.247-.777-3.38l.502-1.053c.77-1.661.96-3.356.3-6.314l-.254-.152a3.28 3.28 0 0 1 -4.359.97c-1.668 1.901-3.693 1.115-4.45.538-1.41 1.408-3.811.784-4.687-.274-.922.258-1.918.136-2.888-.572-.929 3.469-.787 6.667-.787 7.937s-.89 2.3-2.2 2.3h-2.7c-1.001 0-1.483-1.64-1.046-3.28.437-1.638.897-3.008.021-7.044-2.177-.43-2.627-2.282-2.696-2.95-2.268.155-3.521-1.603-3.741-2.802-2.105-.784-2.485-3.127-2.06-4.238-2.163-1.392-1.654-3.744-.956-4.65-.256-.65-.595-1.003-.922-1.036-1.317.011-2.175.042-2.576.092-1.971.247-3.361-.98-3.704-2.696a.997.997 0 0 1 -.004-.375c-.644-.168-1.01-.479-1.098-.932-.341-1.777.449-3.184 2.38-5.145 1.215-1.168 2.126-2.096 2.733-2.785 1.711-2.05 4.887-2.784 6.558-1.569zm-2.589 4.207a.8.8 0 1 1 0 1.6.8.8 0 0 1 0-1.6z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m13.978 2.274c-.28.115-.65.327-1.024.659-2.099 1.863-1.347 4.644 3.24 7.79a1 1 0 0 0 1.432-.327c1.427-2.48.798-4.794-1.033-6.679-.642-.661-1.282-1.126-1.736-1.386a1 1 0 0 0 -.88-.057zm.352 2.112c.644.504 2.47 1.972 1.987 3.964-2.312-1.764-3.113-3.03-1.987-3.964z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_light_pleasure.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_light_pleasure.svg
new file mode 100644
index 0000000000..8519c62e86
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_light_pleasure.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7.999 8)"><path d="m8.301 48c-2.413-.17-4.21-1.776-4.293-4.184l-.9-7.7a1 1 0 0 1 .877-1.11c.51-.059 1.032.3 1.11.878l.905 7.766c.067 1.346.827 2.173 2.366 2.35h31.47c1.434-.151 2.235-.955 2.37-2.403l.8-7.7a.996.996 0 0 1 1.099-.892c.51.053.945.522.89 1.098l-.799 7.697c-.235 2.355-1.72 3.978-4.295 4.2h-31.6zm35.6-48c2.283 0 4.355 1.884 4.295 4.401l-1.7 16.7a1 1 0 0 1 -1.096.894c-.51-.052-.982-.544-.894-1.096l1.694-16.637c0-1.17-1.036-2.252-2.299-2.262h-39.5c-1.28 0-2.361.98-2.399 2.267l1.694 16.633c.052.51-.32 1.04-.894 1.096a1.004 1.004 0 0 1 -1.096-.894l-1.705-16.701c-.057-2.395 1.922-4.397 4.4-4.401zm-19.9 4c6.653 0 12 5.348 12 12 0 .513-.41.999-1 1h-11a.978.978 0 0 0 .654-.244c.386-.333.484-.962.103-1.41l-.299-.346h9.492a9.919 9.919 0 0 0 -2.69-5.9l-.953 1.007a1 1 0 0 1 -1.414-1.414l.87-.878a9.852 9.852 0 0 0 -4.762-1.766v.951a1 1 0 1 1 -2 0v-.95a9.894 9.894 0 0 0 -4.826 1.807l.832.837a1 1 0 0 1 -1.414 1.414l-.927-.925a9.958 9.958 0 0 0 -2.617 5.817h1.451c.513 0 1 .416 1 1 0 .513-.417 1-1 1h-2.5a1 1 0 0 1 -1-1c0-6.652 5.348-12 12-12zm-20.4 29c-.479 0-.966-.379-.996-.914l-.6-7a1.005 1.005 0 0 1 .995-1.086h26.1c2.453 0 4.5 2.048 4.5 4.5s-2.047 4.5-4.5 4.5h-25.5zm25.5-2c1.348 0 2.5-1.152 2.5-2.5s-1.152-2.5-2.5-2.5h-25.01l.428 5h3.482v-2a1 1 0 1 1 2 0v2h4v-2a1 1 0 1 1 2 0v2h4v-2a1 1 0 1 1 2 0v2h4v-2a1 1 0 0 1 1-1c.513 0 1 .419 1 1v2zm15.9-7c.552 0 1.056.482.995 1.1l-.7 7a.998.998 0 0 1 -.995.9h-4.9c-2.041 0-4-2.146-4-4.5-.008-2.375 2.062-4.5 4.1-4.5zm-1.606 7 .5-5h-3.994c-1.347 0-2.5 1.152-2.5 2.5 0 1.153.92 2.5 2.6 2.5v-2a1 1 0 1 1 2 0v2z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m20.147 11.544a.995.995 0 0 1 1.41.102l3.2 3.7a1 1 0 0 1 -1.512 1.308l-3.2-3.7a1 1 0 0 1 .102-1.41z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_low_carb.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_low_carb.svg
new file mode 100644
index 0000000000..e1db086079
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_low_carb.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(15.97 8)"><path d="m17.131 10.005a1 1 0 0 1 .877.79c.205.981-.028 4.364-2.225 6.262-.732.632-2.585 1.95-6.753 1.95-4.139 0-6.022-1.318-6.754-1.95-1.556-1.343-2.466-3.633-2.243-6.145a1 1 0 0 1 .777-.888c.42-.094 6.091-.57 8.213 3.378 2.27-3.986 7.671-3.442 8.108-3.397zm0 10a1 1 0 0 1 .877.79c.205.981-.028 4.364-2.225 6.262-.732.632-2.585 1.95-6.753 1.95-4.139 0-6.022-1.318-6.754-1.95-1.556-1.343-2.466-3.633-2.243-6.145a1 1 0 0 1 .777-.888c.42-.094 6.091-.57 8.213 3.378 2.27-3.986 7.671-3.442 8.108-3.397zm0 10a1 1 0 0 1 .877.79c.205.981-.028 4.364-2.225 6.262-.732.632-2.585 1.95-6.753 1.95-4.139 0-6.022-1.318-6.754-1.95-1.556-1.343-2.466-3.633-2.243-6.145a1 1 0 0 1 .777-.888c.42-.094 6.091-.57 8.213 3.378 2.27-3.986 7.671-3.442 8.108-3.397zm-1.11-18.039c-2.84.082-5.693.94-5.984 5.018 4.452-.343 5.7-2.082 5.984-5.018zm0 10c-2.84.082-5.693.94-5.984 5.018 4.452-.343 5.7-2.082 5.984-5.018zm0 10c-2.84.082-5.693.94-5.984 5.018 4.452-.343 5.7-2.082 5.984-5.018zm-13.986-20c.24 2.969 1.706 4.724 5.982 5.018-.375-4.34-3.457-4.927-5.982-5.018zm0 10c.24 2.969 1.706 4.724 5.982 5.018-.375-4.34-3.457-4.927-5.982-5.018zm0 10c.24 2.969 1.706 4.724 5.982 5.018-.375-4.34-3.457-4.927-5.982-5.018zm6.453-31.807a1 1 0 0 1 1.06-.014c.415.252 3.282 2.14 3.282 4.855 0 2.483-2.533 4.361-3.248 4.834a1 1 0 0 1 -1.093.007c-.411-.263-3.279-2.258-3.259-4.841 0-2.65 2.94-4.637 3.26-4.841zm.552 2.077c-1.207 1.01-1.81 1.932-1.81 2.764 0 .823.6 1.742 1.8 2.755 1.2-1.013 1.8-1.932 1.8-2.755 0-.878-.597-1.799-1.79-2.764zm-.01 38.764c.512 0 1 .412 1 1v5a1 1 0 1 1 -2 0v-5a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m26.03 35c.512 0 .998.405.998 1v8.585l2.494-2.492c.36-.36.989-.416 1.414 0 .36.36.416.981 0 1.414l-4.2 4.2a1 1 0 0 1 -1.414 0l-4.2-4.2a1 1 0 0 1 1.414-1.414l2.492 2.49.002-8.583a1 1 0 0 1 1-1z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_pork.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_pork.svg
new file mode 100644
index 0000000000..db0d494649
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_pork.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 16.947)"><path d="m38.957.765c4.312.686 7.491 1.974 9.687 3.823a1 1 0 1 1 -1.288 1.53c-1.891-1.593-4.736-2.745-8.705-3.376-8.71-1.314-15.824-.45-21.395 1.78-1.474.59-2.837 1.3-4.09 2.132-.517.777-1.352.507-1.658.11-.561-.761-1.312-1.233-2-1.597-1.021-.559-2.198-.861-3.408-1.458.278 2.108 1.3 3.851 3.002 4.39a1 1 0 0 1 .651 1.256c-.167.527-.718 1.034-1.92.396-.43.203-1.083.827-1.96 1.871-1.389 1.597-2.506 2.557-3.846 2.68l.049 1.918c2.187.33 2.73.96 4.882 2.942 2.151 1.982 4.392 2.762 9.173 2.409.584-.075 1.015.03 1.294.317 2.456 3.249 2.553 4.893 1.629 7.666-.3.948-.935 2.08-1.907 3.399h2.105a20.121 20.121 0 0 0 2.078-5.742c.07-.28.17-.55.3-.821l2.357-3.774a29.153 29.153 0 0 0 -.561-3.238 1 1 0 0 1 1.948-.45c.307 1.329.507 2.472.601 3.431 3.53.76 8.131.758 12.118-.205a13.225 13.225 0 0 1 -1.321-2.53 1 1 0 0 1 1.856-.742c1.12 2.799 2.214 3.408 3.635 4.91 1.42 1.504 1.685 3.03.79 5.862-.311.987-.947 2.12-1.906 3.399h2.314c1.455-1.103 2.012-2.27 2.31-4.475.297-2.206.324-5.486 2.386-8.535 3.012-4.03 3.542-5.972 3.153-8.646a1 1 0 0 1 1.98-.288c.458 3.154 0 5.313-3.318 9.824-1.828 2.484-1.825 5.02-2.22 7.916-.397 2.897-1.132 4.352-3.355 6.006a1 1 0 0 1 -.469.19l-4.828.008a1 1 0 0 1 -.76-1.65c1.585-1.873 2.57-3.488 2.956-4.847.49-1.726.348-2.457-.383-3.277a290.75 290.75 0 0 1 -1.45-1.44c-4.421 1.333-10.289 1.314-14.127.426l-1.904 2.995a2.263 2.263 0 0 0 -.153.398c-.825 3.94-2.231 6.28-2.67 6.883a1 1 0 0 1 -.69.405l-4.819.007a1 1 0 0 1 -.76-1.65c1.546-1.873 2.483-3.328 2.811-4.366.688-2.062.674-3.152-.985-5.365-6.79.561-9.208-1.684-10.969-3.321-1.675-1.674-2.571-2.071-4.114-2.098a1 1 0 0 1 -.973-.861l-.11-4.013a1 1 0 0 1 1.068-1.024c.95.16 1.543-.121 2.483-1.062.869-.895 1.935-2.263 2.541-2.686-2.096-2.214-2.13-5.771-2.09-6.506a1 1 0 0 1 1.454-.838c.885.466 1.945.948 3.178 1.448 2.404.88 3.31 1.708 3.774 2.14.919-.635 2.709-1.527 4.105-2.086 5.898-2.36 13.371-3.268 22.444-1.9zm-29.757 11.288c.442 0 .8.403.8.9s-.358.9-.8.9-.8-.403-.8-.9.358-.9.8-.9z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m48.153.359c1.73-.865 3.698-.115 4.305 1.707a6.54 6.54 0 0 1 .258 2.345c.672-.47 1.115-1.053 1.328-1.75a1 1 0 1 1 1.912.584c-.553 1.811-2.043 3.082-3.888 3.652-.724 1.554-2.221 2.99-4.476 3.438-.519.12-1.068-.248-1.173-.79a1 1 0 0 1 .79-1.173c.911-.178 1.768-.649 2.317-1.275-1.31-.163-2.71-1.032-3.175-2.428-.564-1.691.175-3.497 1.802-4.31zm2.398 2.31c-.204-.612-.839-.854-1.504-.521-.733.366-1.049 1.138-.812 1.85.318.84 1.233 1.23 2.345 1.155.243-.887.175-1.872-.029-2.484z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_pork_and_beef.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_pork_and_beef.svg
new file mode 100644
index 0000000000..0e2512dfbd
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_pork_and_beef.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(6.216 4)"><path d="m7.57 4.529c.087.505-.262 1.096-.815 1.156-.445.05-.866.422-1.368 1.369-.99 2.224-1.913 3.463-2.77 3.719-.527.126-.759.722-.5 1.392.289.747 1.03 1.126 2.178.834 4.25-1.267 7.734 2.296 8.571 4.13a1 1 0 0 1 -1.764.942c-1.492-2.805-4.472-3.696-6.024-3.215-2.25.692-4.138-.189-4.827-1.97-.933-2.663.983-3.807 1.683-3.997.314-.192.764-.894 1.35-2.105.954-1.977 1.634-2.809 3.129-3.069a1 1 0 0 1 1.156.814zm.013 3.171a.7.7 0 1 1 0 1.4.7.7 0 0 1 0-1.4zm3.67-1.81c-.402 1.175-2.18.799-1.942-.526.33-1.356.027-2.713-1.97-3.394a1 1 0 1 1 .485-1.94c2.068.59 3.19 2.062 3.494 3.41.637-.285 1.458-.497 2.464-.635a1 1 0 0 1 1.087.84c.12.753.085 1.855-.085 2.64 2.923 1.574 15.676.801 17.044.723 3.216-.21 7.182-.519 10.453-.708 4.143 0 7.4 2.513 7.4 6 0 1.278-.129 2.44-.43 3.643a1 1 0 1 1 -1.94-.485c.259-1.037.37-2.036.37-3.158 0-2.252-2.264-4-5.4-4-3.48.224-7.275.556-11.163.75-3.888.195-13.998.692-17.113-.932a3.628 3.628 0 0 1 -1.797 1.327 1 1 0 0 1 -.76-1.845c.927-.285 1.423-1.153 1.488-2.604-.9.25-1.462.549-1.683.895z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m47.267 19.692a5.18 5.18 0 0 1 .354 1.782c.3-.321.501-.672.603-1.053a1 1 0 0 1 1.92.558c-.44 1.566-1.74 2.726-3.14 3.194-1.238 2.418-3.302 2.816-3.846 2.912a1 1 0 1 1 -.348-1.97 3.114 3.114 0 0 0 1.559-.754c-.886-.188-1.64-.679-2.123-1.366-1.469-1.06-3.582-1.877-6.712-2.306-3.738-.628-14.29-1.612-21.715 3.484-.427.35-1.276.361-1.595-.492-.695-.813-2.061-1.372-2.461-1.525-1.043-.373-1.59-.575-1.644-.605.546 2.98 2.281 3.27 2.347 3.29a1 1 0 0 1 .677 1.241c-.155.53-.697.99-1.703.517-.233.132-.515.387-.886.804-.572.585-1.969 2.752-3.739 3.016l.04 1.341c1.343.191 2.264.643 4.065 2.56 1.623 1.597 3.367 2.243 7.184 2.004.402-.22.913-.13 1.289.318 1.922 2.33 2.187 4.033 1.346 6.557-.226.72-.725 1.62-1.5 2.701h1.787c.808-1.577 1.367-3.142 1.677-4.696a3.08 3.08 0 0 1 .24-.713c.11-.235 1.58-2.38 2.027-3.214-.195-2.183-.993-4.668-1.15-5.414a1 1 0 0 1 1.929-.526c.561 2.227.894 3.115 1.2 5.588 2.852.602 6.702.65 9.943-.103a11.553 11.553 0 0 1 -1.039-2.057 1 1 0 0 1 1.862-.73c.811 1.846 1.062 2.212 3.017 4.102 1.232 1.298 1.466 2.632.707 5.062-.235.75-.735 1.65-1.5 2.701h1.601c1.25-1.026 1.68-1.98 1.923-4.148.27-2.724.632-3.996 1.198-5.336 1.121-2.69 4.172-4.487 3.534-8.768a1 1 0 1 1 1.978-.295c.775 5.204-2.693 7.498-3.668 9.836-.423 1.002-.7 1.732-1.022 4.515-.399 3.46-1.202 4.649-2.999 5.996a1 1 0 0 1 -.471.192l-4.129.008c-.86 0-1.318-1.012-.753-1.658.566-.647 2.034-2.474 2.399-3.64.554-1.773.453-2.35-.248-3.088l-1.011-.991c-3.76 1.113-8.513 1.07-11.895.324-.63 1.054-1.594 2.433-1.624 2.496a1.13 1.13 0 0 0 -.068.178c-.79 3.8-2.184 5.82-2.29 5.965a1 1 0 0 1 -.69.407l-4.52.007c-.86 0-1.318-1.012-.753-1.658 1.7-1.942 2.308-3.35 2.404-3.658.597-1.79.482-2.717-.666-4.261-5.796.391-7.6-1.621-8.724-2.65-1.596-1.72-2.251-1.973-3.561-1.973a1 1 0 0 1 -.99-.856l-.11-3.413a1 1 0 0 1 1.182-1.014c.719.133 1.275-.22 2.295-1.404.97-1.167 1.202-1.384 1.463-1.622-.524-.578-1.765-2.298-1.74-5.532a1 1 0 0 1 1.531-.806c.225.197 1.09.565 2.596 1.102 1.89.655 2.905 1.507 3.287 1.867 6.348-3.846 14.361-4.434 21.78-3.405 3.123.415 4.971.975 6.583 1.768.234-.827.83-1.556 1.676-1.98 1.487-.743 3.29-.153 3.83 1.287zm-36.583 8.608c.387 0 .7.358.7.8s-.313.8-.7.8-.7-.358-.7-.8.313-.8.7-.8zm33.647-8.105c-.567.283-.863.887-.569 1.437.13.103.533.396.612.611.293.152.705.242 1.128.212.15-.642.165-1.284-.076-1.967-.108-.36-.61-.536-1.095-.293z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_pork_and_poultry.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_pork_and_poultry.svg
new file mode 100644
index 0000000000..aad5cfde87
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_pork_and_poultry.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4.3 16.088)"><path d="m19.454 33.911c.684-1.207 1.243-2.656 1.678-4.348a1 1 0 1 1 1.937.498c-.583 2.552-1.824 4.859-2.269 5.451a1 1 0 0 1 -.683.393l-4.817.007c-.613 0-1.39-.74-.784-1.62.697-.896 2.338-2.82 2.831-4.383.682-2.158.5-3.228-.547-4.743-.766-1.024-1.22-1.667-1.36-1.929-5.016.298-8.025-.615-10.803-3.757-1.213-1.223-1.988-1.64-3.554-1.668a1 1 0 0 1 -.973-.861l-.11-4.013a1 1 0 0 1 1.185-1.009c.944.177 1.655-.268 2.892-1.694 1.257-1.521 1.535-1.736 1.865-2.01-.895-.773-2.21-3.331-2.141-6.448a1 1 0 0 1 1.455-.855c.856.543 4.062 1.59 4.95 2.143.902.492 1.567 1 2.03 1.462 7.738-4.867 17.936-5.14 26.203-3.905 3.216.449 5.836 1.3 7.88 2.508a3.296 3.296 0 0 1 1.868-2.428c1.628-.74 3.452-.086 4.062 1.594a5.78 5.78 0 0 1 .281 2.042c.441-.375.755-.878.911-1.408a1 1 0 0 1 1.919.564c-.505 1.717-1.901 2.962-3.513 3.456a5.381 5.381 0 0 1 -.768 1.153c.488.855.922 1.776 1.376 3.707.716 3.037.162 5.774-2.053 9.427-2.215 3.654-2.093 5.857-2.494 8.578s-1.153 4.345-3.527 6.022a1 1 0 0 1 -.25.067l-4.73.008a1 1 0 0 1 -.76-1.65c3.184-3.715 3.26-5.789 3.26-6.65a1 1 0 0 1 2 0c0 2.047-.818 4.146-2.454 6.3h2.207c2.424-1.706 2.189-4.443 2.704-7.617.47-2.894 1.24-4.143 2.622-6.602 1.59-2.828 2.13-4.845 1.53-7.414-.412-1.77-.666-2.247-1.008-2.894a6.082 6.082 0 0 1 -1.716.61 1 1 0 1 1 -.372-1.965c.36-.068.69-.183.99-.334a12.967 12.967 0 0 0 -1.654-1.724.997.997 0 0 1 -.233-.29c-.695-.524-3.117-2.382-8.367-3.081-8.61-1.313-18.54-.681-25.518 4.087a1 1 0 0 1 -1.59-.491c-.722-.825-1.819-1.507-3.29-2.047-.715-.262-1.328-.5-1.838-.713.07.507.205 1.039.406 1.596.51 1.41 1.338 2.353 2.567 2.721a1 1 0 0 1 .671 1.246c-.159.529-.709 1.023-1.832.459-.309.115-.63.312-1.952 1.869-1.321 1.557-2.463 2.533-3.747 2.631l.05 1.92c1.816.216 2.979 1.1 4.734 2.956 1.992 1.96 3.988 2.687 9.09 2.382a1 1 0 0 1 .98.521c.179.333.489.833 1.4 2.058 1.52 2.108 1.895 3.82.973 6.717-.277.877-.912 2.01-1.907 3.398zm-10.454-22.199c.442 0 .8.403.8.9s-.358.9-.8.9c-.441 0-.8-.403-.8-.9s.359-.9.8-.9zm40.014-9.19c-.603.275-.904 1.017-.688 1.613.308.754 1.163 1.138 2.06 1.072.217-.816.209-1.568-.025-2.253-.186-.51-.738-.708-1.347-.431z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m27.65 6.405c1.926.125 2.275 2.179 1.104 3.665.422 1.62.56 3.7 2.263 5.394 1.98.66 6.167-.15 9.319-1.383 1.649-.645 2.77-.607 3.331.241.484.73.558 4.69-.789 8.185-1.459 3.786-4.31 6.421-8.776 7.33.024 2.665-1.993 3.13-2.202 3.182l-.003.775a43.95 43.95 0 0 1 2.01.124 1 1 0 1 1 -.213 1.989c-1.65-.177-3.943-.16-5.49 0a1 1 0 1 1 -.207-1.99c.63-.065 1.27-.105 1.908-.125l-.004-.91c-.142-.057-1.874-.678-1.802-2.993-4.806-2.05-8.432-6.127-8.119-10.026l.324-3.639c.045-.51.507-.959 1.084-.908.511.045.973.52.908 1.084l-.303 3.433c-.38 3.111 3.139 6.823 7.458 8.443a1 1 0 0 1 .642.813l.007.923c0 .854.415 1.1 1 1.1.784 0 1.088-.479 1-1.664-.329-.738.213-1.348.76-1.426 4.27-.604 6.841-2.833 8.152-6.234.764-1.984 1.007-3.936.925-6.118a6.512 6.512 0 0 0 -.878.276c-3.464 1.332-7.842 2.264-10.517 1.465a.996.996 0 0 1 -.622-.266c-.88-.817-2.387-2.366-3.082-6.48l-.131-.544c-.08-.09-.143-.234-.19-.43-.15-.818-1.01-1.716-2.135-1.786-.693.005-1.398.388-2.115 1.15a1.793 1.793 0 0 1 -.181.131l-.545.302 1.01.865a1 1 0 0 1 .349.794c-.02.194-.125.837-.313 1.93a1 1 0 0 1 -1.151.822c-.506-.085-.925-.582-.822-1.151l.206-1.245-1.67-1.431a.994.994 0 0 1 .165-1.634l1.67-.928c.853-.876 1.777-1.398 2.772-1.565a3.336 3.336 0 0 1 2.228-1.069c.63-.033 1.631.198 1.665 1.529zm.33 14.274c2.702 2.505 5.606 2.9 8.47.173a1 1 0 0 1 1.501 1.32c-3.74 3.665-7.905 3.15-11.33-.026a1 1 0 1 1 1.36-1.467zm-3.48-11.667a.8.8 0 1 1 0 1.6.8.8 0 0 1 0-1.6z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_poultry.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_poultry.svg
new file mode 100644
index 0000000000..d8623b918c
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_poultry.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(16.2 11.94)"><path d="m12.335 1.871c1.489-.323 2.894.528 2.663 2.394a8.459 8.459 0 0 1 -.236 1.17 1 1 0 0 1 -1.923-.55c.072-.244.125-.461.158-.65a3.418 3.418 0 0 1 .023-.481c-1.771.538-2.686-.79-2.686-1.63-.461.25-.916.652-1.364 1.209 1.265.465 2.987 1.705 3.614 4.195.628 2.489.576 3.197 1.288 4.792.713 1.596 1.745 2.667 2.161 2.766 2.732.648 8.056-.52 11.373-1.846 1.936-.83 3.7-.948 4.084.817.287 2.682-.098 6.286-1.248 9.27-1.808 4.69-5.353 7.925-10.941 8.98.264 3.796-2.283 4.278-2.5 4.335l-.001.844c1.345.088 2.754.382 3.547.78a1 1 0 1 1 -.894 1.788c-2.087-.904-5.727-.615-7.302-.058a1 1 0 1 1 -.702-1.873c.757-.284 2.108-.53 3.352-.623v-.907c-.282-.089-2.696-.805-2.402-4.089-6.903-2.48-11.411-6.647-11.021-11.942l.525-6.878a1 1 0 0 1 .956-.924c.5-.02 1.071.369 1.038 1.075l-.502 6.63c-.46 4.359 3.599 8.065 10.084 10.3.657.225.921.445.921.995v1.4c0 1.168.693 1.6 1.4 1.6.273 0 1.428.016 1.496-1.517l.004-1.757a1 1 0 0 1 .858-1.016c5.334-.768 8.568-3.583 10.218-7.862.97-2.516 1.348-5.513 1.154-7.948-.268.032-.542.101-1.359.428-3.704 1.482-9.339 2.717-12.687 1.92-1.749-.583-2.92-2.71-3.438-3.872-.529-1.185-.989-2.86-1.38-5.024-.488-2.073-2.194-3.406-4.307-3.065a1 1 0 0 1 -.318-1.975 6.36 6.36 0 0 1 .714-.074c.862-1.261 1.144-1.588 2.145-2.338 1.001-.751 2.886-1.387 3.435 1.211zm13.43 17.19a1 1 0 0 1 1.034.963c.103 2.87-2.778 5.545-6 6.004l.001 1.332a1 1 0 0 1 -.705.955c-.415.128-3.426.534-6.322-.313-2.86-.835-4.975-2.657-5.926-5.639a1 1 0 1 1 1.906-.607c.733 2.299 2.321 3.666 4.58 4.327 1.428.417 3.038.527 4.466.39l.001-1.413c0-.545.45-1 .965-1 2.161.187 5.013-1.799 5.036-3.965.025-.605.411-1.015.963-1.035zm-18.065-12.301a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m3.1 4.793a1 1 0 0 1 1.097 1.669l-1.479.86 1.136.98a1 1 0 0 1 .343.681c.008.097-.025.741-.098 1.932a1 1 0 0 1 -1.054.943c-.512-.028-.985-.48-.943-1.054l.072-1.31-1.828-1.579a1 1 0 0 1 .049-1.553c.098-.074 1-.598 2.705-1.57z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_rabbit.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_rabbit.svg
new file mode 100644
index 0000000000..614823336f
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_rabbit.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(13.03 12)"><path d="m18.77 0c.856 0 1.876.325 2.747 1.236.367.383.778 1.449.743 2.411l3.05-1.18a1 1 0 0 1 1.311.625c.177.547.4 1.801-.017 3.045-.397 1.184-1.279 2.104-2.613 2.605l-7.4 2.898 2.158 1.482c.778.49 1.904.835 3.378 1.031 7.038 1.032 12.443 6.262 12.443 12.947 0 7.252-3.754 11.414-13.1 13h-8.1a1 1 0 0 1 -.972-.765 4.04 4.04 0 0 1 .081-2.096c.394-1.225 1.402-2.045 2.945-2.213.511-.055.978-.079 1.4-.07-3.45-6.208-3.497-10.415-1.25-12.9 1.939-2.144 5.22-2.023 6.955-1.743a1 1 0 1 1 -.318 1.974c-3.354-.54-4.802.722-5.153 1.11-1.34 1.482-1.53 4.05.245 8.072.82 1.858 1.927 3.625 2.107 3.99.133.268.17.375.159.594a1 1 0 0 1 -1.052.946c-1.062-.056-1.776-.06-2.683-.001-.928.06-1.43.427-1.506 1.102h7.046c8.05-1.46 11.194-4.66 11.196-11 .001-5.237-4.025-9.479-9.546-10.745-.65-.153-.55-.075-2.174-.392a9.391 9.391 0 0 1 -3.135-1.13c-2.196-1.492-3.41-2.33-3.64-2.514-.674-.252-.938-1.429.029-1.85l8.958-3.52c.772-.25 1.688-.748 1.774-2.155l-12.419 4.8c-.476.239-1.276.328-2.036.305-2.652.073-4.075.969-4.486 1.282-1.734 1.397-2.719 2.177-2.956 2.341-1.093.757-1.405 2.661.17 3.602.71.451 3.365 1.518 3.432 1.548.67.197 1.179.183 1.654.049.31-.624 1.43-.844 1.857.208a1 1 0 0 1 -.289 1.276c-.346 1.063-.482 2.361-.396 3.524.028.385.105 1.04.233 1.965.452 3.229.428 4.97-.488 7.297-.82 2.7-3.367 4.196-3.988 4.545-.148.23.044.362.146.364h1.109c1.3-.08 1.919-.702 2.158-.98.7-.754 1.753-2.356 3.159-4.806a1 1 0 1 1 1.748.972c-.268.482-2.015 3.574-3.289 5.025-1.114 1.387-2.736 1.771-3.773 1.79l-1.112-.001c-1.175 0-2.2-.968-2.2-2.2 0-.709.343-1.41.907-1.806 1.517-.816 2.766-2.1 3.17-3.379.717-1.72.952-3.128.523-6.172-.225-1.623-.278-2.192-.297-2.47-.08-1.08-.008-2.104.175-3.054a5 5 0 0 1 -1.243-.138c-.674-.139-3.328-1.326-4.178-1.812-2.998-1.783-2.506-5.323-.503-6.863.51-.373 1.523-1.174 3.04-2.401 1.264-.964 2.829-1.317 3.184-1.398 1.382-1.126 10.137-7.864 10.312-8a1 1 0 0 1 .61-.207zm-10.3 12.2a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2zm10.593-10.163-7.38 5.701 8.465-3.274c.21-.903.123-1.44-.14-1.897-.174-.232-.489-.408-.945-.53z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m35.537 30.826a1 1 0 0 1 1.407.14c1.323 1.617 1.323 3.9-.328 5.297-1.638 1.387-4.32 1.359-5.953-.256l-.4-.4a1 1 0 0 1 1.414-1.414l.4.4c.836.836 2.348.904 3.247.144.75-.634.75-1.676.072-2.504a1 1 0 0 1 .14-1.407z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_restaurant.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_restaurant.svg
new file mode 100644
index 0000000000..da0ca66cb7
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_restaurant.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(8 8)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="M47 16a1 1 0 0 1 .999 1.051l-.013.114-5 30a1 1 0 0 1-.865.828L42 48H30a1 1 0 0 1-.117-1.993L30 46h11.152l4.667-28H30a1 1 0 0 1-.993-.883L29 17a1 1 0 0 1 .883-.993L30 16h17ZM23.983 0a1 1 0 0 1 1.011.89L25 1v44.196a2.886 2.886 0 0 1-2.407 2.764l-.18.026-.147.011-.112.002c-1.53-.056-2.737-1.296-2.773-2.776l.001-18.085a.147.147 0 0 0-.066-.126l-.024-.008-.72-.005c-1.419-.058-2.535-1.208-2.573-2.578l.035-15.782C16.042 4.049 19.249.3 23.5.017l.247-.013.235-.004ZM12 0a1 1 0 0 1 .993.884L13 1v10.753a6.088 6.088 0 0 1-3.5 5.336l-.194.085v27.888a2.85 2.85 0 0 1-1.234 2.437l-.163.104a2.848 2.848 0 0 1-2.9 0 2.842 2.842 0 0 1-1.396-2.32l-.001-28.146-.19-.087a6.09 6.09 0 0 1-3.41-5.079L0 11.724V1A1 1 0 0 1 1.993.884L2 1v10.696a4.077 4.077 0 0 0 2.9 3.79 1 1 0 0 1 .705.84l.007.119v28.68a.848.848 0 0 0 1.279.757.85.85 0 0 0 .411-.663l.004-.125V16.47a1 1 0 0 1 .727-.962 4.082 4.082 0 0 0 2.956-3.584l.011-.201V1a1 1 0 0 1 1-1Zm10.999 2.09-.062.012c-2.734.53-4.784 3.084-4.898 6.274l-.005.267-.035 15.651a.686.686 0 0 0 .528.695l.091.011.72.005c1.12.046 2.003.947 2.043 2.02v18.067a.88.88 0 0 0 .737.898l.078.007.027-.001a.876.876 0 0 0 .758-.71l.017-.117.002-.112-.001-42.967ZM8.369 0a1 1 0 0 1 .994.884L9.369 1v11.021a1 1 0 0 1-1.993.117l-.007-.117V1.001a1 1 0 0 1 1-1ZM4.638 0a1 1 0 0 1 .993.884L5.638 1v11.021a1 1 0 0 1-1.994.117l-.006-.117V1.001a1 1 0 0 1 1-1Z"/><path fill="var(--db-icon-pulse-color, #EC0016)" d="M42 22a1 1 0 0 1 .117 1.993L42 24H30a1 1 0 0 1-.117-1.993L30 22h12Z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_sustainable.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_sustainable.svg
new file mode 100644
index 0000000000..9e22b95235
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_sustainable.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" transform="translate(8 4)"><path d="m21.773.365c1.414 1.7 6.466 8.001 8.018 10.024a1 1 0 0 1 -1.582 1.222c-.655-.887-3.066-3.908-7.234-9.063-8.472 9.83-13.929 17.123-16.37 21.879-1.715 3.63-2.605 7.167-2.605 10.573 0 10.448 8.552 19 19 19 9.803 0 17.947-7.427 18.905-17.099a1 1 0 0 1 1.99.198c-1.058 10.691-10.06 18.901-20.895 18.901-11.552 0-21-9.448-21-21 0-3.721.962-7.545 2.8-11.438 3.984-8.02 17.044-22.762 17.45-23.224a1 1 0 0 1 1.523.027z" fill="var(--db-icon-color, currentColor)"/><path d="m22.408 30.048c-1.258-3.423-.08-9.025 3.79-12.407 4.85-4.321 13.067-5.266 24.68-1.902a1 1 0 0 1 .698 1.177c-.684 3.095-2.473 6.746-3.807 8.83-4.524 7.044-11.247 10.516-20.402 8.327a1 1 0 0 1 .466-1.946c8.244 1.972 14.154-1.08 18.253-7.462 1.356-2.082 2.606-4.895 3.293-7.27-11.179-3.027-17.797-1.66-21.642 1.558-2.495 2.11-4.025 5.508-3.775 8.844 3.68-4.715 8.625-7.463 14.363-8.482a1 1 0 0 1 .35 1.97c-9.292 1.648-16.605 8.26-18.686 21.866a1 1 0 0 1 -1.978-.302c.758-4.954 2.209-9.239 4.397-12.801z" fill="var(--db-icon-pulse-color, #78be14)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_vegan.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_vegan.svg
new file mode 100644
index 0000000000..b76d62e8c9
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_vegan.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" transform="translate(4.043 14.61)"><path d="m55.455 18.523a1 1 0 0 1 .333 1.422c-1.636 2.451-4.343 5.156-6.002 6.592-7.27 6.295-15.516 8.682-24.24 4.765a1 1 0 0 1 .82-1.824c7.492 3.496 17.684 2.152 27.122-9.77-9.98-5.563-17.93-6.884-23.613-4.875-3.764 1.331-6.239 4.129-7.108 6.792 9.176-3.792 19.054-3.304 20.249-3.233a1 1 0 0 1 -.119 1.996c-5.095-.223-19.91.259-26.816 8.248-1.235 1.42-2.422 3.176-3.594 5.247a1 1 0 1 1 -1.74-.986c1.232-2.178 2.492-4.04 3.823-5.57 1.587-1.837 3.577-3.365 5.91-4.613.473-3.79 3.607-7.83 8.395-9.644 6.528-2.473 15.457-.945 26.58 5.453zm-46.889-18.247c1.255 1.195 2.68 3.107 3.422 4.245 3.698 5.664 5.152 12.222.787 18.443a1 1 0 0 1 -1.637-1.148c3.78-5.388 2.505-11.102-.824-16.202a26.67 26.67 0 0 0 -2.394-3.118c-5.921 7.116-6.38 12.002-5.647 14.836.733 2.835 3.032 4.92 5.235 5.468a1 1 0 1 1 -.483 1.94c-2.884-.717-5.762-3.327-6.688-6.907-1.22-4.72.835-10.6 6.783-17.487a1 1 0 0 1 1.446-.07z" fill="var(--db-icon-color, currentColor)"/><path d="m6.95 13.506c-.26 3.284.07 6.034.567 7.868.728 2.788 2.024 4.917 3.98 6.175a1 1 0 0 1 -1.082 1.682c-2.434-1.566-3.99-4.12-4.833-7.352-.695-2.666-.909-6.123-.619-8.605a1 1 0 0 1 .993-.884.992.992 0 0 1 .994 1.116z" fill="var(--db-icon-pulse-color, #78be14)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_vegetarian.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_vegetarian.svg
new file mode 100644
index 0000000000..38d46b2363
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_vegetarian.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" transform="translate(8 14.505)"><path d="m29.142 1.717c5.695-1.723 12.518-2.195 19.031-1.207a1 1 0 0 1 .793 1.245c-4.046 15.007-10.527 23.887-18.448 27.246-6.042 2.562-12.66 1.492-16.186-1.672a1 1 0 0 1 1.336-1.488c2.945 2.643 8.738 3.579 14.07 1.318 6.969-2.955 13.068-10.824 16.993-24.832-5.594-.634-11.606-.33-17.01 1.305-7.464 2.26-12.969 6.814-15.786 14.219a1 1 0 1 1 -1.87-.712c3.056-8.028 9.056-12.993 17.077-15.422z" fill="var(--db-icon-color, currentColor)"/><path d="m37.679 10.712a1 1 0 0 1 .094 1.411c-2.792 3.192-6.72 6.459-9.13 8.262-7.953 5.952-16.007 9.164-23.624 8.133a19.768 19.768 0 0 1 -4.373-1.108 1 1 0 0 1 .709-1.87c1.278.485 2.589.815 3.932.996 6.986.946 14.584-2.084 22.158-7.752 2.337-1.748 6.436-5.248 8.823-7.977a1 1 0 0 1 1.41-.095z" fill="var(--db-icon-pulse-color, #78be14)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_venison.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_venison.svg
new file mode 100644
index 0000000000..7f0c208af0
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_venison.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8.626 8)"><path d="m8.332 8.613c.148.491-.077 1.044-.67 1.245-.727.218-1.567.848-2.088 1.542-.466.606-.815 1.167-1.145 1.484-.876.909-1.682 1.296-1.96 1.54-.25.264-.375.441-.451.631.152.134.506.273 1.062.417 1.198-.247 1.909-.127 3-.015 1.09.112 1.716.033 2.633-.444.898-.41 1.472.39 1.46.843.173 3.891 2.16 6.83 7.144 10.005.294.177.544.362.628.697.508 2.035 1.406 4.23 2.601 6.252.4.71.443 1.991.237 3.889-.183 1.68-.539 3.78-1.067 6.301h1.284l1.27-9.343-.395-8.108a1 1 0 0 1 1.985-.214l.127 2.486c4.057.62 6.49.325 8.075.16a10.504 10.504 0 0 1 -1.198-1.964 1 1 0 0 1 1.818-.833c.935 2.038 3.163 4.13 5.155 4.985 2.126.83 3.21 1.863 3.476 3.398.098.564.082 1.164-.03 1.912-.294 1.671-.843 4.179-1.647 7.521h1.084c.904-3.348 1.686-6.71 2.347-10.087-.087-.586-1.325-2.13-2.1-2.906a1 1 0 0 1 -.237-.374c-.62-1.757-.147-3.358.986-5.247a1 1 0 1 1 1.715 1.029c-.75 1.25-1.13 2.305-.874 3.358.848.874 1.53 1.764 2.048 2.673.263.394.538 1.158.45 1.747a140.432 140.432 0 0 1 -2.623 11.09 1 1 0 0 1 -.84.71l-3.217.007a1 1 0 0 1 -.994-1.112c.068-.583 1.098-4.204 2-9.124.169-1.523-.732-2.132-2.3-2.745-1.142-.49-2.314-1.276-3.356-2.23-5.024.748-8.091.292-9.637.07.119 2.223.178 3.548.178 3.976l-1.4 10.3a1.008 1.008 0 0 1 -.99.865h-3.4a1 1 0 0 1 -.975-1.225c.145-.626 1.55-7.005 1.398-9.51-.014-.225-.042-.38-.085-.456-1.201-2.033-2.13-4.245-2.698-6.342-4.694-3.012-7.2-6.1-7.808-10.148-.68.184-1.25.285-3.45.028-.612-.04-1.015-.008-1.54.123a1 1 0 0 1 -.467.005c-3.907-.8-3.035-3.26-1.833-4.427.492-.477 1.292-.827 1.953-1.532.278-.296.74-.964 1.004-1.316.765-1.02 1.951-1.91 3.113-2.258a1 1 0 0 1 1.245.67zm6.442-1.713c1.115 1.486 1.288 3.254.254 4.53 1.236 1.38 2.152 2.023 2.43 2.147 4.562 1.896 7.621 2.207 12.73 1.694 3.477-.431 5.947-.622 7.409-.57 5.82.129 9.766 4.074 9.174 10.787a1 1 0 0 1 -1.993-.176c.486-5.508-2.513-8.507-7.218-8.612-1.382-.042-3.425.108-6.13.449-6.043.691-9.516.446-14.762-1.735-.869-.386-2.245-1.627-3.278-2.815-.127.054-.26.104-.4.15a1 1 0 0 1 -.632-1.897c1.146-.382 1.559-1.066 1.24-2l-1.838 1.022a1 1 0 0 1 -1.07-1.685l2.799-1.563a1 1 0 0 1 1.285.274zm-7.5 4.7a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m12.922.106a1 1 0 0 1 .493 1.234c-.186.37-.236.75-.15 1.142.898-.328 1.824-.88 2.778-1.657a1 1 0 1 1 1.263 1.55c-1.618 1.319-2.403 1.575-3.222 1.935-.82.36-3.253 1.106-4.15 1.578-1.74.831-.994 2.61-.702 3.098a1 1 0 0 1 -.343 1.372c-.474.284-1.121.147-1.423-.433-.502-.96-.637-1.78-.646-2.347-1.067-.215-2.212-.984-3.268-2.509a1 1 0 0 1 1.645-1.138c.836 1.208 1.562 1.652 2.124 1.708.262-.443.63-.837 1.102-1.17-.576-.716-.88-1.634-1.022-2.24a1 1 0 0 1 1.947-.458c.102.433.34 1.225.926 1.792l1.105-.387c-.267-.895-.205-1.812.201-2.623a1 1 0 0 1 1.342-.447z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/food/db_ic_il_well_balanced.svg b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_well_balanced.svg
new file mode 100644
index 0000000000..c886e6ad92
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/food/db_ic_il_well_balanced.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7.8 12)"><path d="m13 16a1 1 0 0 1 0 2h-7.8a1 1 0 0 1 0-2zm34 0a1 1 0 0 1 0 2h-7.8a1 1 0 0 1 0-2z" fill="var(--db-icon-pulse-color, #EC0016)"/><path d="m41.2 0a1 1 0 0 1 0 2h-16.001v36h15.001a1 1 0 0 1 1 1c0 .513-.403 1-1 1h-32a1 1 0 0 1 0-2h14.999v-36h-15.999a1 1 0 1 1 0-2zm.847 4.468c.76 1.17 2.412 4.099 3.087 5.377.53 1.004 3.166 5.89 3.166 8.555 0 4.09-2.945 6.6-7.1 6.6s-7.1-2.51-7.1-6.6c0-2.657 2.578-7.442 3.166-8.555.506-.959 1.941-3.555 3.087-5.377a1 1 0 0 1 1.694 0zm-33.997.006c.927 1.473 2.373 4.099 3.037 5.378.38.73 3.113 5.778 3.113 8.548 0 4.09-2.945 6.6-7.1 6.6s-7.1-2.51-7.1-6.6c0-2.757 2.839-7.852 3.219-8.56.515-.96 1.891-3.427 3.138-5.379.374-.584 1.274-.653 1.693.013zm-.865 2.452c-3.298 5.45-5.185 9.747-5.185 11.474 0 2.909 1.985 4.6 5.1 4.6s5.1-1.691 5.1-4.6c0-.122-.009-.255-.025-.399h.825c.582 0 1-.488 1-1.001s-.409-.993-1-1h-1.34c-.637-1.892-2.337-5.434-4.475-9.074zm34.015 0c-.738 1.208-5.1 8.71-5.1 11.474 0 2.909 1.985 4.6 5.1 4.6s5.1-1.691 5.1-4.6c0-.122-.009-.254-.026-.398h.726c.57 0 1-.49 1-1.002a1 1 0 0 0 -1-1h-1.249c-.89-2.441-2.407-5.466-4.551-9.074z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/maps/db_ic_il_door_to_door.svg b/review/refactor-icon-update/icons/illustrative/maps/db_ic_il_door_to_door.svg
new file mode 100644
index 0000000000..3235f7a996
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/maps/db_ic_il_door_to_door.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(9 4)"><path d="m23 44c3.365 0 6 2.635 6 6s-2.635 6-6 6-6-2.635-6-6 2.635-6 6-6zm0 2c-2.26 0-4 1.74-4 4s1.74 4 4 4 4-1.74 4-4-1.74-4-4-4zm0 2c1.125 0 2 .875 2 2s-.875 2-2 2-2-.875-2-2 .875-2 2-2zm0-48c3.469 0 6 2.594 6 6 0 1.375-.625 2.906-1.75 4.563l-3.437 5a.942.942 0 0 1 -.813.437.942.942 0 0 1 -.812-.438l-3.438-5c-1.156-1.686-1.75-3.186-1.75-4.562 0-3.313 2.438-6 6-6zm0 2c-2.469 0-4 1.5-4 3.906 0 1.219.656 2.375 1.375 3.375l2.625 3.719 2.625-3.719c.688-1 1.375-2.156 1.375-3.375 0-2.406-1.53-3.906-4-3.906zm-2 4c0-1.094.906-2 2-2s2 .906 2 2-.906 2-2 2-2-.906-2-2z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m19.291 21.294a1 1 0 0 0 1.418 1.411l1.292-1.298-.001 1.593a2 2 0 0 1 -2 2h-16a4 4 0 0 0 0 8h38.146a2 2 0 0 1 0 4h-16.146a4 4 0 0 0 -4 4 1 1 0 1 0 2 0 2 2 0 0 1 2-2h16.146a4 4 0 1 0 0-8h-38.146a2 2 0 0 1 0-4h16a4 4 0 0 0 4-4l.001-1.58 1.294 1.29c.361.36.903.39 1.32.08.417-.311.576-1.044.091-1.498l-3.015-3a1 1 0 0 0 -1.414.003l-2.986 3z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/maps/db_ic_il_home.svg b/review/refactor-icon-update/icons/illustrative/maps/db_ic_il_home.svg
new file mode 100644
index 0000000000..152903e06d
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/maps/db_ic_il_home.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(8 8)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="M24 0c1.256 0 2.462.481 3.368 1.335l.177.176 20.173 20.793a1 1 0 0 1-1.343 1.477l-.093-.085L43 20.312V45a3 3 0 0 1-2.823 2.995L40 48h-9a2 2 0 0 1-1.995-1.85L29 46V34a1 1 0 0 0-.883-.993L28 33h-8a1 1 0 0 0-.993.883L19 34v12a2 2 0 0 1-1.85 1.995L17 48H8a3 3 0 0 1-2.995-2.824L5 45V20.312l-3.282 3.384A1 1 0 0 1 .2 22.4l.081-.095L8 14.348V6a2 2 0 0 1 1.85-1.995L10 4h3a2 2 0 0 1 1.995 1.85L15 6v1.133l5.45-5.618A4.914 4.914 0 0 1 24 0Zm0 2c-.729 0-1.428.273-1.966.764l-.143.14L7 18.25V45a1 1 0 0 0 .883.993L8 46h9V34a3 3 0 0 1 2.824-2.995L20 31h8a3 3 0 0 1 2.995 2.824L31 34v12h9a1 1 0 0 0 .993-.883L41 45l-.001-26.749L26.105 2.899A2.914 2.914 0 0 0 24 2ZM13 6h-3v6.286l3-3.092V6Z"/><path fill="var(--db-icon-pulse-color, #EC0016)" d="M24 13.089a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm0 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/maps/db_ic_il_location.svg b/review/refactor-icon-update/icons/illustrative/maps/db_ic_il_location.svg
new file mode 100644
index 0000000000..b26ae6f956
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/maps/db_ic_il_location.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(19 11.102)"><path d="m13 0c7.18 0 13 5.82 13 13.03a15.818 15.818 0 0 1 -2.142 7.502l-.24.397-9.756 16.578a1 1 0 0 1 -1.65.11l-.074-.11-9.743-16.556a15.857 15.857 0 0 1 -2.395-7.951c0-7.18 5.82-13 13-13zm0 2c-6.075 0-11 4.925-11 10.97a13.84 13.84 0 0 0 1.88 6.57l.225.374 8.895 15.116 8.909-15.137a13.836 13.836 0 0 0 2.039-6.039l.033-.426.019-.428c0-6.075-4.925-11-11-11zm0 5.898a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m25 40.898a1 1 0 0 1 .117 1.993l-.117.007h-24a1 1 0 0 1 -.117-1.994l.117-.006z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/news/db_ic_il_disruptions.svg b/review/refactor-icon-update/icons/illustrative/news/db_ic_il_disruptions.svg
new file mode 100644
index 0000000000..4fe4117ca0
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/news/db_ic_il_disruptions.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(12 10)"><path d="m36.5 0a3.5 3.5 0 0 1 3.495 3.308l.005.192v10.5a1 1 0 0 1 -1.994.117l-.006-.117v-10.5a1.5 1.5 0 0 0 -1.356-1.493l-.144-.007h-32.998a1.5 1.5 0 0 0 -1.492 1.354l-.007.148-.003 35.636c.001 1.953.784 2.803 2.657 2.859l.205.003h31.638a1.5 1.5 0 0 0 1.493-1.356l.007-.144v-4.5a1 1 0 0 1 1.993-.117l.007.117v4.5a3.5 3.5 0 0 1 -3.308 3.495l-.192.005h-31.638c-3.042 0-4.766-1.642-4.858-4.611l-.004-.25.002-35.636a3.5 3.5 0 0 1 3.288-3.496l.212-.007zm-3.5 36a1 1 0 0 1 .116 1.993l-.116.007h-26a1 1 0 0 1 -.117-1.993l.117-.007zm-14-5a1 1 0 0 1 .116 1.993l-.116.007h-12a1 1 0 0 1 -.117-1.993l.117-.007zm-4.572-18.751c1.489 0 2.795.325 3.92.976.885.515 1.57 1.19 2.057 2.021.492.85.738 1.828.738 2.936 0 1.705-.474 2.994-1.424 3.867-.697.644-1.573.967-2.627.967-1.23 0-2.069-.446-2.514-1.336-.639.867-1.421 1.3-2.347 1.3-.603 0-1.08-.187-1.432-.562-.387-.416-.58-1.02-.58-1.81 0-1.003.187-1.972.562-2.91.469-1.19 1.283-1.784 2.443-1.784.688 0 1.326.245 1.917.734l.175.154.545-.87h1.705l-.685 4.306-.023.151-.017.136-.02.228a1.86 1.86 0 0 0 -.002.092c0 .492.223.738.668.738.598 0 1.072-.313 1.424-.94.363-.65.545-1.462.545-2.435 0-1.342-.413-2.42-1.24-3.234-.949-.938-2.22-1.407-3.814-1.407-1.717 0-3.138.563-4.263 1.688-1.195 1.201-1.793 2.804-1.793 4.807 0 3.37 1.782 5.054 5.344 5.054 1.552 0 3.115-.334 4.687-1.003l.393-.175v1.442l-.347.161c-1.402.62-2.938.929-4.61.929-2.285 0-4.066-.58-5.344-1.74-1.248-1.131-1.872-2.681-1.872-4.65 0-1.512.352-2.877 1.055-4.096a7.224 7.224 0 0 1 2.69-2.69c1.212-.696 2.575-1.045 4.086-1.045zm-.43 5.282c-.305 0-.542.103-.712.308-.14.172-.268.541-.388 1.106l-.078.406-.065.391-.047.331a4.095 4.095 0 0 0 -.037.482c0 .498.214.747.641.747.334 0 .655-.183.966-.549l.115-.146.449-2.786-.146-.088a1.433 1.433 0 0 0 -.698-.202zm19.372-11.543a1 1 0 0 1 .116 1.994l-.116.006h-26.37a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m32.014 25.557v-4.63c0-.59.47-1.05 1.033-1.05.532 0 .97.46.97 1.05v4.63c0 .656-.407 1.115-.97 1.115-.564 0-1.033-.492-1.033-1.115zm-.704-11.344-8.06 16c-.156.328-.25.656-.25.984 0 .983.75 1.803 1.846 1.803h16.307c1.097 0 1.847-.82 1.847-1.803 0-.295-.094-.656-.25-.984l-8.029-16c-.421-.787-1.064-1.213-1.721-1.213s-1.26.426-1.69 1.213zm1.945.993 7.695 15.313c.128.24 0 .481-.287.481h-15.343c-.192 0-.32-.137-.32-.275 0-.103.033-.137.033-.206l7.713-15.313c.063-.103.16-.206.255-.206.096 0 .223.103.255.206zm-.27 14.614c.563 0 1-.46 1-1.05s-.437-1.049-1-1.049c-.564 0-1.002.46-1.002 1.05s.438 1.049 1.001 1.049z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/news/db_ic_il_news.svg b/review/refactor-icon-update/icons/illustrative/news/db_ic_il_news.svg
new file mode 100644
index 0000000000..6e827ddf8e
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/news/db_ic_il_news.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7 7)"><path d="m25 0c13.807 0 25 11.193 25 25 0 13.669-10.97 24.776-24.587 24.997l-.413.003-.413-.003c-13.617-.221-24.587-11.328-24.587-24.997 0-13.807 11.193-25 25-25zm8.991 26h-17.981l.006.295.026.853.017.423.045.84.057.829.068.818.08.808.092.796.05.393.109.778.058.384.124.758.066.374.068.37.145.73c.083.401.17.796.262 1.183l.14.575.178.675.186.66.097.322.198.633.103.309.21.605.22.586c1.624 4.21 3.846 6.86 6.195 6.997l.19.006.19-.006c2.285-.132 4.448-2.641 6.06-6.65l.136-.347.22-.586.21-.605.103-.31.198-.632.097-.323.186-.659.177-.675c.115-.456.225-.922.327-1.399l.15-.722.14-.737.065-.374.124-.758.058-.384.109-.778.05-.393.091-.796.08-.808.07-.818.056-.83.045-.839.017-.423.032-1.147zm-19.983.001h-11.987a22.872 22.872 0 0 0 2.776 10l6.203-.001a1 1 0 0 1 .117 1.993l-.117.007-4.976.001c3.257 4.744 8.245 8.205 14.054 9.471-1.08-1.195-2.05-2.777-2.88-4.664l-.19-.441-.242-.597c-.131-.337-.26-.682-.383-1.034l-.182-.536-.21-.657-.2-.673-.097-.343-.186-.697c-.08-.313-.158-.63-.232-.952l-.11-.485-.155-.74-.074-.375-.14-.76-.066-.385-.124-.778-.113-.79-.052-.4-.096-.807c-.05-.452-.096-.908-.135-1.37l-.056-.694-.055-.842a58.747 58.747 0 0 1 -.092-2.451zm33.97 0h-11.985c-.01.552-.026 1.1-.05 1.641l-.042.81-.055.842c-.035.465-.074.926-.12 1.383l-.07.68-.097.808-.052.4-.113.79-.124.778-.066.385-.14.76-.074.375-.155.74c-.072.325-.146.647-.224.965l-.118.472-.186.697-.097.343-.2.673-.21.657c-.12.361-.243.714-.37 1.059l-.195.51-.242.598c-.872 2.082-1.907 3.818-3.07 5.105 9.902-2.159 17.421-10.696 18.037-21.09l.02-.381zm-2.773-12.001h-10.289l.147.722.14.76.066.385.124.778.113.79.052.4.096.807c.05.452.096.908.135 1.37l.056.694.055.842c.047.806.078 1.624.092 2.452h11.987a22.874 22.874 0 0 0 -2.535-9.548l-.24-.452zm-30.121 0h-10.288a22.872 22.872 0 0 0 -2.775 10h11.987c.01-.552.026-1.1.05-1.642l.042-.81.055-.842c.035-.465.074-.926.12-1.383l.07-.68.097-.808.052-.4.113-.79.124-.778.066-.385.14-.76.074-.375.072-.347zm17.78 0h-15.726l-.098.454-.094.46-.14.737-.065.374-.124.758-.058.384-.109.778-.05.393-.091.796-.08.808-.07.818-.056.83-.045.839-.017.423-.032 1.148h17.981l-.005-.295-.026-.853-.017-.423-.045-.84-.057-.829-.068-.818-.08-.808-.092-.796-.05-.393-.109-.778-.058-.384-.124-.758-.066-.374-.068-.37-.145-.73-.117-.55zm-2.942-11.472.114.127c1.03 1.176 1.959 2.706 2.759 4.52l.197.458.242.597c.131.337.26.682.383 1.034l.182.536.21.657.2.673.097.343.14.527h9.53a23.027 23.027 0 0 0 -13.596-9.368l-.457-.104zm-9.844 0-.25.056a23.02 23.02 0 0 0 -13.804 9.416h9.529l.141-.527.097-.343.2-.673.21-.657c.12-.361.243-.714.37-1.059l.195-.51.242-.598c.872-2.082 1.907-3.818 3.07-5.105zm4.922-.528-.19.006c-2.285.132-4.448 2.641-6.06 6.65l-.136.347-.22.586-.21.605-.103.31-.198.632-.097.323-.153.541h14.733l-.2-.703-.049-.161-.198-.633-.103-.309-.21-.605-.22-.586c-1.624-4.21-3.846-6.86-6.195-6.997z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m45.79 36a1 1 0 0 1 .116 1.993l-.117.007h-22.789a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/news/db_ic_il_newsletter.svg b/review/refactor-icon-update/icons/illustrative/news/db_ic_il_newsletter.svg
new file mode 100644
index 0000000000..f7280730f4
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/news/db_ic_il_newsletter.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(13 10)"><path d="m36.5 0a3.5 3.5 0 0 1 3.495 3.308l.005.192v37a3.5 3.5 0 0 1 -3.308 3.495l-.192.005h-31.638c-3.042 0-4.766-1.642-4.858-4.611l-.004-.25.002-35.636a3.5 3.5 0 0 1 3.288-3.496l.212-.007zm0 2h-32.998a1.5 1.5 0 0 0 -1.492 1.354l-.007.148-.003 35.636c.001 1.953.784 2.803 2.657 2.859l.205.003h31.638a1.5 1.5 0 0 0 1.493-1.356l.007-.144v-37a1.5 1.5 0 0 0 -1.356-1.493zm-3.5 34a1 1 0 0 1 .116 1.993l-.116.007h-26a1 1 0 0 1 -.117-1.993l.117-.007zm-1-24a2 2 0 0 1 1.994 1.85l.006.15v15a2 2 0 0 1 -1.851 1.995l-.15.005h-6a2 2 0 0 1 -1.994-1.85l-.005-.15v-15a2 2 0 0 1 1.85-1.995l.15-.005zm-13 17a1 1 0 0 1 .116 1.993l-.116.007h-12a1 1 0 0 1 -.117-1.993l.117-.007zm13-15h-6v15h6zm-17.572-2.751c1.489 0 2.795.325 3.92.976.885.515 1.57 1.19 2.057 2.021.492.85.738 1.828.738 2.936 0 1.705-.474 2.994-1.424 3.867-.697.644-1.573.967-2.627.967-1.23 0-2.069-.446-2.514-1.336-.639.867-1.421 1.3-2.347 1.3-.603 0-1.08-.187-1.432-.562-.387-.416-.58-1.02-.58-1.81 0-1.003.187-1.972.562-2.91.469-1.19 1.283-1.784 2.443-1.784.688 0 1.326.245 1.917.734l.175.154.545-.87h1.705l-.685 4.306-.023.151-.017.136-.02.228a1.86 1.86 0 0 0 -.002.092c0 .492.223.738.668.738.598 0 1.072-.313 1.424-.94.363-.65.545-1.462.545-2.435 0-1.342-.413-2.42-1.24-3.234-.949-.938-2.22-1.407-3.814-1.407-1.717 0-3.138.563-4.263 1.688-1.195 1.201-1.793 2.804-1.793 4.807 0 3.37 1.782 5.054 5.344 5.054 1.552 0 3.115-.334 4.687-1.003l.393-.175v1.442l-.347.161c-1.402.62-2.938.929-4.61.929-2.285 0-4.066-.58-5.344-1.74-1.248-1.131-1.872-2.681-1.872-4.65 0-1.512.352-2.877 1.055-4.096a7.224 7.224 0 0 1 2.69-2.69c1.212-.696 2.575-1.045 4.086-1.045zm-.43 5.282c-.305 0-.542.103-.712.308-.14.172-.268.541-.388 1.106l-.078.406-.065.391-.047.331a4.095 4.095 0 0 0 -.037.482c0 .498.214.747.641.747.334 0 .655-.183.966-.549l.115-.146.449-2.786-.146-.088a1.433 1.433 0 0 0 -.698-.202z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m33.37 5.988a1 1 0 0 1 .116 1.994l-.116.006h-26.37a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/news/db_ic_il_newspaper.svg b/review/refactor-icon-update/icons/illustrative/news/db_ic_il_newspaper.svg
new file mode 100644
index 0000000000..2dc2179b70
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/news/db_ic_il_newspaper.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8 10)"><path d="m44.5 0a3.5 3.5 0 0 1 3.495 3.308l.005.192v37a3.5 3.5 0 0 1 -3.308 3.495l-.192.005h-39.638a4.862 4.862 0 0 1 -4.862-4.862v-26.138a1 1 0 0 1 1.993-.117l.007.117v26.138a2.862 2.862 0 0 0 2.655 2.855l.483.007a2.862 2.862 0 0 0 2.857-2.693l.007-35.804a3.5 3.5 0 0 1 3.288-3.496l.212-.007zm0 2h-32.998a1.5 1.5 0 0 0 -1.493 1.354l-.007.148-.002 35.638a4.84 4.84 0 0 1 -.845 2.739l-.087.121h35.432a1.5 1.5 0 0 0 1.493-1.356l.007-.144v-37a1.5 1.5 0 0 0 -1.356-1.493zm-3.5 34a1 1 0 0 1 .116 1.993l-.116.007h-26a1 1 0 0 1 -.117-1.993l.117-.007zm-16-23a2 2 0 0 1 1.994 1.85l.006.15v14a2 2 0 0 1 -1.851 1.995l-.15.005h-9a2 2 0 0 1 -1.994-1.85l-.005-.15v-14a2 2 0 0 1 1.85-1.995l.15-.005zm16 15a1 1 0 0 1 .116 1.994l-.116.006h-9a1 1 0 0 1 -.117-1.993l.117-.007zm-16-13h-9v14h9zm15.891 6a1 1 0 0 1 .117 1.993l-.117.007h-8.891a1 1 0 0 1 -.117-1.993l.117-.007zm.109-7a1 1 0 0 1 .116 1.993l-.116.007h-9a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m41.37 5.988a1 1 0 0 1 .116 1.994l-.116.006h-26.37a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg b/review/refactor-icon-update/icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg
new file mode 100644
index 0000000000..c79d3362cd
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(5 10)"><path d="m52.9 31.1h-.9v-4c0-.1 0-.2-.1-.3-.1-.2-3-5.1-3-5.1-.2-.3-.5-.5-.9-.5h-3v-3.7c.6-.5.9-1.2.9-2.3 0-2.2-1.6-3.8-3.8-4.1.1-.1.2-.3.2-.5 0-.5-.4-.9-.9-.9s-.9.4-.9.9c0 .2.1.4.2.5-2.3.3-3.8 1.9-3.8 4.1 0 1.1.4 1.8.9 2.3v3.7h-3v-3.7c.6-.5.9-1.2.9-2.3 0-2.2-1.6-3.8-3.8-4.1.1-.1.2-.3.2-.5 0-.5-.4-.9-.9-.9s-.9.4-.9.9c0 .2.1.4.2.5-1.9.3-3.5 1.9-3.5 4.1 0 1.1.4 1.8.9 2.3v13.6h-.9c-.6 0-1 .4-1 1s.4 1 1 1h26c.6 0 1-.4 1-1s-.4-1-1.1-1zm-11.3-18c1.2 0 2.5.7 2.5 2.1 0 .6 0 1.3-2.5 1.3s-2.5-.6-2.5-1.3c0-1.5 1.2-2.1 2.5-2.1zm1.5 5.3v2.8h-3.1v-2.8c.6.1 1.2.1 1.6.1s.9 0 1.5-.1zm-7.7 4.8h12.1l1.7 2.8h-15.5zm-6.4-8c0-1.5 1.3-2.1 2.5-2.1s2.5.7 2.5 2.1c0 .6 0 1.3-2.5 1.3s-2.5-.7-2.5-1.3zm.9 15.9v-12.7c.6.1 1.2.1 1.6.1s.9 0 1.6-.1v4.9l-2.1 3.6c-.1.1-.1.2-.1.3v3.9zm6.7-31.1c1.9 0 3.5 1.4 3.5 3.3v3.7c0 .6-.4 1-1 1s-1-.4-1-1v-3.5c0-.8-.6-1.5-1.4-1.5h-33.3c-.8 0-1.4.7-1.4 1.5v37.1c0 .9.7 1.4 1.5 1.4h33c.8 0 1.5-.5 1.5-1.4v-3.6c0-.6.4-1 1-1 .5 0 1 .4 1 1v3.5c0 1.9-1.5 3.5-3.3 3.5h-33.4c-1.8 0-3.3-1.6-3.3-3.5v-37.2c0-1.9 1.7-3.3 3.6-3.3zm-3.2 36c.6 0 1 .4 1 1 0 .5-.4 1-.9 1h-26.5c-.6 0-1-.4-1-1 0-.5.4-1 .9-1zm-14.4-4.9c.6 0 1 .4 1 1 0 .5-.4 1-.9 1h-12.1c-.6 0-1-.4-1-1 0-.5.4-1 .9-1zm30.9-3v3h-17v-3zm-34.4-18.1c5.3 0 9.5 4.2 9.5 9.5 0 5.2-4.2 9.5-9.5 9.5s-9.5-4.2-9.5-9.5 4.2-9.5 9.5-9.5zm.18 3.589-.28.011c-1.1 0-2 .3-2.8.9-.9.6-1.4 1.6-1.4 2.7 0 2.1 1.5 2.8 3 3.3.3.1 1.5.4 1.8.5.8.3 1.7.6 1.7 1.6 0 .7-.9 1.4-1.9 1.4-1.9-.2-3.5-1.1-4.5-2.7v2.3c1.3 1.1 2.8 1.7 4.4 1.7 1.3 0 2.4-.4 3.4-1.3.7-.7 1.2-1.7 1.3-2.6 0-1.95-1.207-2.607-2.42-3.09l-.28-.11c-1.2-.3-4-1-4-2.1 0-.7.6-1.3 1.6-1.3 1.7.2 3.2.9 4.3 2.2v-1.9c-1.2-1.1-2.6-1.6-4.2-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m34.4 7c0-.6-.4-1-1-1h-26.5c-.5 0-.9.5-.9 1 0 .6.4 1 1 1h26.5c.5 0 .9-.5.9-1z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/station/db_ic_il_bicycle_services.svg b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_bicycle_services.svg
new file mode 100644
index 0000000000..7b7bcccb03
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_bicycle_services.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 13)"><path d="m35 0a5 5 0 0 1 5 5v13a1 1 0 0 1 -2 0v-13a3 3 0 0 0 -3-3h-14a3 3 0 0 0 -3 3v33h4v-11a3 3 0 0 1 3-3h3a1 1 0 0 1 0 2h-3a1 1 0 0 0 -1 1v12a1 1 0 0 1 -.883.993l-.117.007h-22a1 1 0 0 1 -1-1v-14a5 5 0 0 1 5-5h11v-15a5 5 0 0 1 5-5zm-19.001 22h-10.999a3 3 0 0 0 -2.995 2.824l-.005.176v13h3v-10.972a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v10.972h2.999zm-5.882 4.028h-2.117a1 1 0 0 0 -1 1v10.972h4v-10.972c0-.513-.386-.943-.883-1zm19.883-7.028a1 1 0 0 1 0 2h-4a1 1 0 0 1 0-2zm-2-13a5 5 0 1 1 -.001 10.001 5 5 0 0 1 .001-10.001zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m50.075 22.78a1 1 0 0 1 -.756 1.197l-1.088.245 1.532 4.91c3.615-.442 6.237 2.413 6.237 5.45a5.5 5.5 0 1 1 -8.138-4.827l-.435-1.394-4.427 6.529a1.587 1.587 0 0 1 -1.315.693l-.815-.007a1 1 0 0 1 -.834-.682l-1.561-4.768-.759.925a5.478 5.478 0 0 1 1.284 3.532 5.5 5.5 0 1 1 -2.826-4.807l1.563-1.905-.913-2.871h-.824a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2h-1.072l.615 1.964 6.946-1.613-.489-1.568c-.135-.432.043-1.117.734-1.273l2.144-.485a1 1 0 0 1 1.197.755zm.297 8.305.959 3.075c.08.253.11.922-.554 1.213-.664.292-1.226-.199-1.357-.615l-.944-3.031a3.5 3.5 0 1 0 5.524 2.856c0-1.933-1.558-3.532-3.628-3.498zm-16.872-.002a3.5 3.5 0 1 0 2.912 1.558l-2.012 2.452c-.287.341-.9.55-1.428.114s-.357-1.118-.12-1.384l2.02-2.461a3.489 3.489 0 0 0 -1.372-.28zm12.002-3.449-5.335 1.238 1.462 4.47z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_lounge.svg b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_lounge.svg
new file mode 100644
index 0000000000..ad10a6f56e
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_lounge.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(6 10)"><path d="m38 10a2 2 0 0 1 1.99 2.204l-.513 5a2 2 0 0 1 -1.99 1.796h-1.95a2 2 0 0 1 -1.99-1.787l-.535-5a2 2 0 0 1 1.988-2.213zm0 2h-3l.537 5h1.95z" fill="var(--db-icon-pulse-color, #EC0016)"/><path d="m13.081 0c.364-.014.708.17.897.483 2.884 4.779 3.294 7.906.435 8.878-1.623.55-3.318 1.127-3.436 1.167l3.93 12.472h14.439c3.426 0 5.654 1.148 5.654 4.714 0 3.87-2.069 6.414-5.736 7.26a.999.999 0 1 1 -.449-1.948c2.768-.64 4.185-2.382 4.185-5.312 0-2.102-1.188-2.714-3.654-2.714h-15.138c-.458 0-.845-.31-.963-.73.001-.012-1.489-4.703-4.471-14.073a.999.999 0 0 1 .632-1.247l1.409-.48.231-.078 2.724-.925c.97-.33.803-1.988-1.184-5.41l-.021-.034-10.565.43v17.193c.245.817 1.556 5.13 2.914 9.638l.263.875.263.874c1.31 4.36 2.54 8.505 2.77 9.447.412 1.533 1.733 2.466 3.054 2.52h16.736v-5.877c0-.512.448-1 1-1a1 1 0 0 1 1 1v6.877a1 1 0 0 1 -1 1h-3.12l-14.656-.001c-2.182-.087-4.091-1.511-4.853-3.666-.21-.909-1.58-5.52-2.994-10.219l-.235-.783c-1.533-5.091-3.043-10.051-3.107-10.288a1 1 0 0 1 -.035-.261v-18.288a1 1 0 0 1 .959-1zm38.92 17a1 1 0 0 1 0 2h-10.001v22.512a1 1 0 1 1 -2 0v-22.512h-10a1 1 0 0 1 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_ticket_shop.svg b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_ticket_shop.svg
new file mode 100644
index 0000000000..e44c464f87
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_ticket_shop.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7 8)"><path d="m44 18a1 1 0 0 1 .993.883l.007.117v23.681c.092 2.765-2.014 5.095-4.78 5.307l-.22.012h-30.035c-2.765-.1-4.944-2.36-4.967-5.07l.002-.217v-23.713a1 1 0 0 1 1.993-.117l.007.117v23.748c-.056 1.676 1.208 3.09 2.826 3.24l.174.012h29.965c1.675-.06 3-1.418 3.036-3.104v-23.896a1 1 0 0 1 1-1zm-8.5 1a3.5 3.5 0 0 1 3.495 3.308l.005.192v14a3.5 3.5 0 0 1 -3.308 3.495l-.192.005h-21a3.5 3.5 0 0 1 -3.495-3.308l-.005-.192v-14a3.5 3.5 0 0 1 3.308-3.495l.192-.005zm0 2h-21a1.5 1.5 0 0 0 -1.493 1.356l-.007.144v14a1.5 1.5 0 0 0 1.356 1.493l.144.007h9.5v-4a3 3 0 0 1 2.824-2.995l.176-.005h4a3 3 0 0 1 2.995 2.824l.005.176v4h1.5a1.5 1.5 0 0 0 1.493-1.356l.007-.144v-14a1.5 1.5 0 0 0 -1.355-1.493zm-4.5 12h-4a1 1 0 0 0 -.993.883l-.007.117v4h6v-4a1 1 0 0 0 -.883-.993zm-2-9 .19.006a3 3 0 1 1 -.366 0zm0 2-.116.007a1 1 0 1 0 .236 0zm16.618-26a1 1 0 0 1 .896.55l.05.115 3.378 9.5c.055.154.07.313.05.464.005.043.008.087.008.131 0 2.981-3.17 5.24-6.949 5.24-2.511 0-4.753-.998-5.974-2.542-1.222 1.544-3.464 2.542-5.977 2.542-2.524 0-4.775-1.008-5.993-2.565-1.215 1.557-3.467 2.565-5.992 2.565-2.588 0-4.89-1.06-6.083-2.685-1.194 1.625-3.496 2.685-6.085 2.685-3.777 0-6.947-2.26-6.947-5.24 0-.044.003-.088.009-.13a.986.986 0 0 1 .017-.357l.033-.112 3.381-9.387a1 1 0 0 1 .813-.653l.124-.008zm-.703 2.001-39.833.109-3.084 8.576.002.074c0 1.703 2.157 3.24 4.947 3.24 2.708 0 4.818-1.446 4.944-3.086l.006-.154a1 1 0 0 1 1.136-.99 1 1 0 0 1 1.129.874l.006.116c0 1.703 2.156 3.24 4.947 3.24 2.707 0 4.818-1.446 4.943-3.086l.006-.154a1 1 0 0 1 1-1h.09a1 1 0 0 1 .993.884l.007.116c0 1.703 2.156 3.24 4.947 3.24 2.707 0 4.818-1.446 4.943-3.086l.006-.154a1 1 0 0 1 .884-.993l.17-.007a1 1 0 0 1 .993.884l.007.116c0 1.703 2.156 3.24 4.947 3.24 2.707 0 4.818-1.446 4.943-3.086l.01-.231z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m22 25a1 1 0 0 1 .117 1.993l-.117.007h-5a1 1 0 0 1 -.116-1.993l.116-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg
new file mode 100644
index 0000000000..fa89ea6ded
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(11 8)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="M38 10.5a1 1 0 0 1 .993.883L39 11.5v31.523c-.007 2.677-2.076 4.866-4.674 4.973l-.212.004H7.888c-2.628.007-4.766-2.112-4.883-4.763L3 43.02V11.5a1 1 0 0 1 1.993-.117L5 11.5v31.518c.004 1.598 1.21 2.89 2.717 2.978l.169.004h26.23c1.526.004 2.787-1.231 2.879-2.804L37 43.02V11.5a1 1 0 0 1 1-1ZM26 31a1 1 0 0 1 .117 1.993L26 33h-2.5a1 1 0 0 1-.117-1.993L23.5 31H26Zm0-19a3 3 0 0 1 2.995 2.824L29 15v10a3 3 0 0 1-2.824 2.995L26 28H10a3 3 0 0 1-2.995-2.824L7 25V15a3 3 0 0 1 2.824-2.995L10 12h16Zm0 2H10a1 1 0 0 0-.993.883L9 15v10a1 1 0 0 0 .883.993L10 26h16a1 1 0 0 0 .993-.883L27 25V15a1 1 0 0 0-.883-.993L26 14Zm7 0a1 1 0 0 1 .993.883L34 15v6a1 1 0 0 1-1.993.117L32 21v-6a1 1 0 0 1 1-1Zm6-14a3 3 0 0 1 2.995 2.824L42 3v3a3 3 0 0 1-2.824 2.995L39 9H3A3 3 0 0 1 .005 6.176L0 6V3A3 3 0 0 1 2.824.005L3 0h36Zm0 2H3a1 1 0 0 0-.993.883L2 3v3a1 1 0 0 0 .883.993L3 7h36a1 1 0 0 0 .993-.883L40 6V3a1 1 0 0 0-.883-.993L39 2Z"/><path fill="var(--db-icon-pulse-color, #EC0016)" d="M20 31a1 1 0 0 1 .117 1.993L20 33H10a1 1 0 0 1-.117-1.993L10 31h10Z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_train_station.svg b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_train_station.svg
new file mode 100644
index 0000000000..f9be7bf926
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_train_station.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(4 12)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="M23.117 39.993 23 40H1a1 1 0 0 1-.993-.883L0 39V25a5 5 0 0 1 4.783-4.995L5 20h11V5A5 5 0 0 1 20.783.005L21 0h14a5 5 0 0 1 4.995 4.783L40 5v15h11a5 5 0 0 1 4.995 4.783L56 25v14a1 1 0 0 1-1 1l-.017-.001h-4.966L50 40H39l-.018-.001L33 40a1 1 0 0 1-.993-.883L32 39V27a1 1 0 0 0-.883-.993L31 26h-6a1 1 0 0 0-.993.883L24 27v12a1 1 0 0 1-.883.993ZM35 2H21a3 3 0 0 0-2.995 2.824L18 5v33h4V27a3 3 0 0 1 2.824-2.995L25 24h6a3 3 0 0 1 2.995 2.824L34 27v10.999h3.999L38 5a3 3 0 0 0-2.824-2.995L35 2ZM15.999 22H5a3 3 0 0 0-2.995 2.824L2 25l-.001 12.999H5V27.028a3 3 0 0 1 2.824-2.995L8 24.028h2a3 3 0 0 1 2.995 2.824l.005.176V38h2.999V22ZM10 26.028H8a1 1 0 0 0-.993.883L7 27.028v10.971L11 38V27.028a1 1 0 0 0-.77-.974l-.113-.02-.117-.006ZM51 22H40v15.999h3V27.028a3 3 0 0 1 2.824-2.995l.176-.005h2a3 3 0 0 1 2.995 2.824l.005.176v10.971h3V25a3 3 0 0 0-2.824-2.995L51 22Zm-3 4.028h-2a1 1 0 0 0-.993.883l-.007.117v10.971h4V27.028a1 1 0 0 0-.77-.974l-.113-.02-.117-.006ZM28 6a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"/><path fill="var(--db-icon-pulse-color, #EC0016)" d="M30 19a1 1 0 0 1 .117 1.993L30 21h-4a1 1 0 0 1-.117-1.993L26 19h4Z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_train_station_with_train.svg b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_train_station_with_train.svg
new file mode 100644
index 0000000000..c42f30b981
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_train_station_with_train.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 12)"><path d="m1 40a1 1 0 0 1 -.993-.883l-.007-.117v-14a5 5 0 0 1 4.783-4.995l.217-.005h11v-15a5 5 0 0 1 4.783-4.995l.217-.005h14a5 5 0 0 1 4.995 4.783l.005.217v5a1 1 0 0 1 -1.993.117l-.007-.117v-5a3 3 0 0 0 -2.824-2.995l-.176-.005h-14a3 3 0 0 0 -2.995 2.824l-.005.176v33h4v-11a3 3 0 0 1 2.824-2.995l.176-.005h6a1 1 0 0 1 .117 1.993l-.117.007h-6a1 1 0 0 0 -.993.883l-.007.117v12a1 1 0 0 1 -.883.993l-.117.007zm48.003-26.668a10 10 0 0 1 4.991 8.322l.006.346v3.011a27.687 27.687 0 0 1 -.712 6.258c-.109.466-.218.909-.33 1.329l-.17.613c-1.436 4.974-3.315 6.515-7.47 6.754l-.51.023c-.173.005-.35.009-.532.01l-.275.002c-.277 0-.546-.004-.807-.012l-.51-.023-.246-.016-.477-.042c-3.111-.322-4.837-1.561-6.113-4.806l-.188-.502c-.124-.345-.243-.71-.36-1.097l-.171-.597-.21-.794-.21-.864a27.682 27.682 0 0 1 -.7-5.547l-.01-.702.001-3 .005-.321a10 10 0 0 1 14.998-8.345zm-33.004 8.668h-10.999a3 3 0 0 0 -2.995 2.824l-.005.176-.001 13h3.001v-10.972a3 3 0 0 1 2.824-2.995l.176-.005h2a3 3 0 0 1 2.995 2.824l.005.176v10.972h2.999zm-5.999 4.028h-2a1 1 0 0 0 -.993.883l-.007.117v10.972h4v-10.972a1 1 0 0 0 -.77-.974l-.113-.02zm27.916 8.907.103.223c.8 1.666 1.814 2.394 3.48 2.68l.363.053.383.042.51.037.544.022.462.007h.48l.463-.007.438-.016a14.3 14.3 0 0 0 .616-.043l.383-.041c1.83-.235 2.92-.908 3.767-2.58l.164-.345c-3.48 1.537-8.153 1.569-11.751.137zm6.084-20.944-.296.005a8 8 0 0 0 -7.699 7.718l-.005.286v3a25.678 25.678 0 0 0 .52 5.161l.142.651.149.625.172.677.062.036.06.04c3.573 2.594 10.308 2.628 13.774.012.045-.034.092-.064.14-.09l.024-.083.222-.895.075-.317c.39-1.692.61-3.419.652-5.154l.008-.663v-3.001a8 8 0 0 0 -7.704-8.003zm-4.743 14.009.113.002c.372.03.705.27.847.627l.037.111.542 2.026a1 1 0 0 1 -.707 1.224l-.114.024-.114.01a1 1 0 0 1 -.96-.63l-.037-.11-.542-2.026a1 1 0 0 1 .935-1.258zm9.486 0 .114.01a1 1 0 0 1 .845 1.134l-.024.114-.543 2.025a1 1 0 0 1 -.884.738l-.112.003a1.003 1.003 0 0 1 -.96-1.144l.024-.114.543-2.026a1 1 0 0 1 .884-.738l.113-.003zm-4.813-11 .258.003c3.082.073 5.613 1.417 5.8 3.758l.01.197v1.007a6.018 6.018 0 0 1 -5.68 5.998l-.259.009a5.998 5.998 0 0 1 -2.049-.332 5.94 5.94 0 0 1 -4.009-5.431l-.001-.246v-1.154c.076-2.375 2.575-3.737 5.67-3.807zm-.001 2-.238.003c-2.12.054-3.607.847-3.689 1.864l-.003.114v.993a3.943 3.943 0 0 0 2.664 3.776c.46.16.939.232 1.413.22l.237-.012a4.016 4.016 0 0 0 3.68-3.767l.006-.228-.001-.972-.007-.1c-.127-.982-1.573-1.77-3.588-1.879l-.234-.01zm-15.929-13a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m55 42a1 1 0 0 1 .117 1.993l-.117.007h-22a1 1 0 0 1 -.117-1.993l.117-.007zm-25-23a1 1 0 0 1 .117 1.993l-.117.007h-4a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_travel_center.svg b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_travel_center.svg
new file mode 100644
index 0000000000..adcb6659f1
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_travel_center.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 16)"><path d="m22 24a8 8 0 0 1 7.994 7.698l.006.302v9a1 1 0 0 1 -1.993.117l-.007-.117v-9a6 6 0 0 0 -5.442-5.974l-.297-.02-.122.072a14.764 14.764 0 0 1 -6.705 1.91l-.444.012a14.752 14.752 0 0 1 -7.129-1.922l-.123-.072-.186.01a6 6 0 0 0 -5.548 5.76l-.004.224v9a1 1 0 0 1 -1.993.117l-.007-.117v-9a8 8 0 0 1 8-8 1 1 0 0 1 .52.145 12.736 12.736 0 0 0 6.47 1.855 12.752 12.752 0 0 0 6.49-1.855 1 1 0 0 1 .52-.145zm15.5-15h1.5l.09.004.118.018.115.031.087.035.02.01a.97.97 0 0 1 .286.204l.084.098 2.2 2.933 2.2-2.933a1.01 1.01 0 0 1 .264-.244l.126-.068.105-.04.057-.017.1-.02.114-.01 1.534-.001a3.5 3.5 0 0 1 3.495 3.308l.005.192v9.214a1 1 0 0 1 -.042.287l3.045-.001a2.997 2.997 0 0 1 2.99 2.8l.007.197v8.003a1 1 0 0 1 -1.993.117l-.007-.117v-8.003a.997.997 0 0 0 -.866-.988l-.131-.009h-22.003a1 1 0 0 1 -.117-1.993l.117-.007 3.042.001a.995.995 0 0 1 -.035-.17l-.007-.117v-9.214a3.5 3.5 0 0 1 3.308-3.495zm-22.5-4a9 9 0 1 1 0 18 9 9 0 0 1 0-18zm27.8 9.6a1 1 0 0 1 -1.515.1l-.085-.1-2.7-3.6h-1a1.5 1.5 0 0 0 -1.493 1.356l-.007.144v9.214a1 1 0 0 1 -.042.287h12.084a.995.995 0 0 1 -.035-.17l-.007-.117v-9.214a1.5 1.5 0 0 0 -1.356-1.493l-.144-.007h-1zm-27.8-7.6a7 7 0 1 0 0 14 7 7 0 0 0 0-14zm27-7a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 2-.15.005a2 2 0 1 0 .15-.005z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m45 17a1 1 0 0 1 .117 1.993l-.117.007h-1a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_video_travel_center.svg b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_video_travel_center.svg
new file mode 100644
index 0000000000..89ee1dbd6f
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_db_video_travel_center.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(4 7)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="M22 33a8 8 0 0 1 7.994 7.698L30 41v9a1 1 0 0 1-1.993.117L28 50v-9a6 6 0 0 0-5.442-5.974l-.297-.02-.122.072a14.764 14.764 0 0 1-6.705 1.91L14.99 37a14.752 14.752 0 0 1-7.129-1.922l-.123-.072-.186.01a6 6 0 0 0-5.548 5.76L2 41v9a1 1 0 0 1-1.993.117L0 50v-9a8 8 0 0 1 8-8 1 1 0 0 1 .52.145A12.736 12.736 0 0 0 14.99 35a12.752 12.752 0 0 0 6.49-1.855A1 1 0 0 1 22 33ZM52.5 2a3.5 3.5 0 0 1 3.495 3.308L56 5.5v24a3.5 3.5 0 0 1-3.308 3.495L52.5 33H31a1 1 0 0 1-.117-1.993L31 31l1.042.001a.995.995 0 0 1-.035-.17L32 30.714V21.5a3.5 3.5 0 0 1 3.308-3.495L35.5 18H37l.09.004.118.018.115.031.087.035.02.01a.97.97 0 0 1 .286.204l.084.098 2.2 2.933 2.2-2.933a1.01 1.01 0 0 1 .264-.244l.126-.068.105-.04.057-.017.1-.02.093-.01L43 18h1.5a3.5 3.5 0 0 1 3.495 3.308L48 21.5v9.214a1 1 0 0 1-.042.287L52.5 31a1.5 1.5 0 0 0 1.493-1.356L54 29.5v-24a1.5 1.5 0 0 0-1.355-1.493L52.5 4H41a1 1 0 0 1-.117-1.993L41 2h11.5ZM15 14a9 9 0 1 1 0 18 9 9 0 0 1 0-18Zm25.8 9.6a1 1 0 0 1-1.515.1l-.085-.1-2.701-3.601L35.5 20a1.5 1.5 0 0 0-1.493 1.356L34 21.5v9.214a1 1 0 0 1-.042.287h12.084a.995.995 0 0 1-.035-.17L46 30.714V21.5a1.5 1.5 0 0 0-1.356-1.493L44.5 20l-.999-.001L40.8 23.6ZM15 16a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm25-7 .21.005a4 4 0 1 1-.41 0L40 9Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM29 2a1 1 0 0 1 .117 1.993L29 4H17.5a1.5 1.5 0 0 0-1.493 1.356L16 5.5v5.214a1 1 0 0 1-1.993.117L14 10.714V5.5a3.5 3.5 0 0 1 3.308-3.495L17.5 2H29Z"/><path fill="var(--db-icon-pulse-color, #EC0016)" d="M43 26a1 1 0 0 1 .117 1.993L43 28h-1a1 1 0 0 1-.117-1.993L42 26h1ZM35 0a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/station/db_ic_il_kiosk.svg b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_kiosk.svg
new file mode 100644
index 0000000000..fbf151d017
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_kiosk.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7 8)"><path d="m44 18a1 1 0 0 1 .993.883l.007.117v23.681c.092 2.765-2.014 5.095-4.78 5.307l-.22.012h-30.035c-2.765-.1-4.944-2.36-4.967-5.07l.002-.217v-23.713a1 1 0 0 1 1.993-.117l.007.117v23.748c-.056 1.676 1.208 3.09 2.826 3.24l.174.012h29.965c1.675-.06 3-1.418 3.036-3.104v-23.896a1 1 0 0 1 1-1zm-8.714 1c1.475 0 2.626 1.258 2.71 2.789l.004.178v10.033a1 1 0 0 1 -1.993.117l-.007-.117v-10.033c0-.52-.3-.904-.63-.96l-.085-.007h-20.571c-.333 0-.66.345-.708.84l-.006.127v10.033a1 1 0 0 1 -1.993.117l-.007-.117v-10.033c0-1.551 1.097-2.866 2.546-2.961l.168-.006zm10.332-19a1 1 0 0 1 .896.55l.05.115 3.378 9.5c.055.154.07.313.05.464.005.043.008.087.008.131 0 2.981-3.17 5.24-6.949 5.24-2.511 0-4.753-.998-5.974-2.542-1.222 1.544-3.464 2.542-5.977 2.542-2.524 0-4.775-1.008-5.993-2.565-1.215 1.557-3.467 2.565-5.992 2.565-2.588 0-4.89-1.06-6.083-2.685-1.194 1.625-3.496 2.685-6.085 2.685-3.777 0-6.947-2.26-6.947-5.24 0-.044.003-.088.009-.13a.986.986 0 0 1 .017-.357l.033-.112 3.381-9.387a1 1 0 0 1 .813-.653l.124-.008zm-.703 2.001-39.833.109-3.084 8.576.002.074c0 1.703 2.157 3.24 4.947 3.24 2.708 0 4.818-1.446 4.944-3.086l.006-.154a1 1 0 0 1 1.136-.99 1 1 0 0 1 1.129.874l.006.116c0 1.703 2.156 3.24 4.947 3.24 2.707 0 4.818-1.446 4.943-3.086l.006-.154a1 1 0 0 1 1-1h.09a1 1 0 0 1 .993.884l.007.116c0 1.703 2.156 3.24 4.947 3.24 2.707 0 4.818-1.446 4.943-3.086l.006-.154a1 1 0 0 1 .884-.993l.17-.007a1 1 0 0 1 .993.884l.007.116c0 1.703 2.156 3.24 4.947 3.24 2.707 0 4.818-1.446 4.943-3.086l.01-.231z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m39 35a1 1 0 0 1 .117 1.993l-.117.007h-28a1 1 0 0 1 -.116-1.993l.116-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/station/db_ic_il_mini_store.svg b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_mini_store.svg
new file mode 100644
index 0000000000..294a8a93b6
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_mini_store.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7 8)"><path d="m40.22 47.988-.22.012h-30.035c-2.765-.1-4.944-2.36-4.967-5.07l.002-.217v-23.713a1 1 0 0 1 1.993-.117l.007.117v23.748c-.056 1.676 1.208 3.09 2.826 3.24l.174.012h2v-24a2 2 0 0 1 2-2h22a2 2 0 0 1 2 2v24h1.965c1.675-.06 3-1.418 3.036-3.104v-23.896a1 1 0 0 1 1.992-.117l.007.117v23.681c.092 2.765-2.014 5.095-4.78 5.307zm-4.22-25.988h-22v24h22zm9.618-22a1 1 0 0 1 .896.55l.05.115 3.378 9.5c.055.154.07.313.05.464.005.043.008.087.008.131 0 2.981-3.17 5.24-6.949 5.24-2.511 0-4.753-.998-5.974-2.542-1.222 1.544-3.464 2.542-5.977 2.542-2.524 0-4.775-1.008-5.993-2.565-1.215 1.557-3.467 2.565-5.992 2.565-2.588 0-4.89-1.06-6.083-2.685-1.194 1.625-3.496 2.685-6.085 2.685-3.777 0-6.947-2.26-6.947-5.24 0-.044.003-.088.009-.13a.986.986 0 0 1 .017-.357l.033-.112 3.381-9.387a1 1 0 0 1 .813-.653l.124-.008zm-.703 2.001-39.833.109-3.084 8.576.002.074c0 1.703 2.157 3.24 4.947 3.24 2.708 0 4.818-1.446 4.944-3.086l.006-.154a1 1 0 0 1 1.136-.99 1 1 0 0 1 1.129.874l.006.116c0 1.703 2.156 3.24 4.947 3.24 2.707 0 4.818-1.446 4.943-3.086l.006-.154a1 1 0 0 1 1-1h.09a1 1 0 0 1 .993.884l.007.116c0 1.703 2.156 3.24 4.947 3.24 2.707 0 4.818-1.446 4.943-3.086l.006-.154a1 1 0 0 1 .884-.993l.17-.007a1 1 0 0 1 .993.884l.007.116c0 1.703 2.156 3.24 4.947 3.24 2.707 0 4.818-1.446 4.943-3.086l.01-.231z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m22 24a1 1 0 0 1 .993.883l.007.117v18a1 1 0 0 1 -1.993.117l-.007-.117v-18a1 1 0 0 1 1-1z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/station/db_ic_il_parking.svg b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_parking.svg
new file mode 100644
index 0000000000..231a04e418
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/station/db_ic_il_parking.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 12)"><path d="m52.5 17a2.5 2.5 0 0 1 2.5 2.5v15a2.5 2.5 0 0 1 -2.5 2.5h-6.5v6h2.5a1 1 0 0 1 0 2h-7a1 1 0 0 1 0-2h2.5v-6h-6.5a2.5 2.5 0 0 1 -2.5-2.5v-15a2.5 2.5 0 0 1 2.5-2.5zm-17.5-17a5 5 0 0 1 5 5v8.996a1 1 0 0 1 -2 0v-8.996a3 3 0 0 0 -3-3h-14a3 3 0 0 0 -3 3v33h4v-11a3 3 0 0 1 3-3h7.046a1 1 0 0 1 0 2h-7.046a1 1 0 0 0 -1 1v12c0 .513-.419 1-1 1h-22a1 1 0 0 1 -1-1v-14a5 5 0 0 1 5-5h11v-15a5 5 0 0 1 5-5zm-19.001 22h-10.999c-1.598 0-3 1.27-3 3v13h3v-10.972a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v10.972h2.999zm-5.999 4.028h-2a1 1 0 0 0 -1 1v10.972h4v-10.972c0-.513-.388-1-1-1zm27-6.528c-.003 5-.003 10 0 15 0 .245.205.5.5.5h7.5l.039.002 7.461-.002c.245 0 .5-.201.5-.5.003-5 .003-10 0-15a.5.5 0 0 0 -.5-.5c-5-.003-10-.003-15 0a.5.5 0 0 0 -.5.5zm-7-.5a1 1 0 0 1 0 2h-4a1 1 0 0 1 0-2zm3-8a5 5 0 1 1 -10.001-.001 5 5 0 0 1 10.001.001zm-8 0a3 3 0 1 0 6 0 3 3 0 0 0 -6 0z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m42.66 32.14c-.32 0-.569-.09-.75-.273-.18-.182-.27-.433-.27-.753v-8.266c0-.332.09-.586.268-.762s.43-.264.759-.264h2.874c1.081 0 1.918.26 2.511.779s.89 1.282.89 2.29c0 1.06-.313 1.848-.938 2.363s-1.533.773-2.723.773a11.6 11.6 0 0 1 -1.023-.05 12.77 12.77 0 0 1 -1.097-.14l.533-.527v3.804c0 .32-.09.57-.27.753-.18.182-.435.273-.763.273zm.504-5.735a9.225 9.225 0 0 0 1.934.221c.442 0 .796-.053 1.062-.158.266-.106.462-.282.59-.529.126-.246.19-.584.19-1.012 0-.574-.126-.985-.377-1.233s-.665-.372-1.242-.372h-2.571l.944-.944v4.776l-.53-.75z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_bahncard.svg b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_bahncard.svg
new file mode 100644
index 0000000000..7269ecd392
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_bahncard.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4.999 11.999)"><path d="m50.001 7.001c2.689 0 5 2.165 5 5 .002 7 .002 14 0 21 0 2.674-2.162 5-5 5-12.666.002-25.333.002-38 0-2.689 0-5.1-2.178-5-5v-21c0-2.689 2.115-5 5-5h38zm0 2c-12.666-.002-25.333-.002-38 0-1.597 0-3 1.293-3 3v21c0 1.598 1.312 3 3 3 12.667.002 25.333.002 38 0 1.598 0 3-1.286 3-3 .002-7 .002-14 0-21 0-1.598-1.28-3-3-3zm-26 22a1 1 0 1 1 0 2h-10.986a1 1 0 1 1 0-2zm25 0a1 1 0 1 1 0 2h-11.986a1 1 0 1 1 0-2zm-7-31a4 4 0 0 1 4 4 1 1 0 0 1 -1 1c-.513 0-1-.381-1-1a2 2 0 0 0 -2-2c-12.333-.002-24.666-.002-37 0-1.597 0-3 1.289-3 3v21c0 1.055.859 2 2 2a1 1 0 0 1 0 2c-2.142 0-4-1.8-4-4v-21c0-2.689 2.142-5 5-5zm-4.01 27a1 1 0 1 1 0 2h-24.976a1 1 0 1 1 0-2zm11.01 0a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m16.291 21.223c-.235.202-.61.303-1.126.303h-1.249v-2.49h1.337c1.327 0 1.39.794 1.39 1.223 0 .441-.117.762-.352.964m-.082-4.472c0 .352-.062 1.048-1.054 1.048h-1.239v-2.045h1.26c.355 0 .616.08.783.24.167.158.25.411.25.757zm1.152 1.33c.286-.169.494-.377.625-.626.13-.249.195-.563.195-.942 0-.727-.244-1.28-.73-1.663-.489-.382-1.199-.572-2.133-.572h-2.427c-.924 0-1.02.69-1.02 1.02v6.684c0 .884.692 1.02 1.02 1.02h2.334c1.142 0 2.003-.21 2.584-.628.58-.418.871-1.036.871-1.853 0-.69-.199-1.212-.598-1.566-.309-.275-.769-.47-1.37-.59.252-.09.478-.184.65-.285zm7.477 3.354a4.087 4.087 0 0 1 -.614.147c-.236.04-1.784.326-2.408-.683-.623-1.009-.574-2.79-.31-3.889s1.237-1.471 1.938-1.406c.36-.028 1.057.112 1.255.167.784.14.987-.46.987-.706 0-.175-.098-.637-.673-.767-.232-.068-1.005-.23-1.583-.207-1.38 0-2.435.397-3.165 1.193-.73.795-1.095 1.926-1.095 3.393s.352 2.583 1.056 3.345c.703.762 1.72 1.142 3.047 1.142 1.06 0 1.708-.203 1.928-.298.578-.258.578-.52.607-.78s-.19-.797-.97-.65z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_children_traveling_alone.svg b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_children_traveling_alone.svg
new file mode 100644
index 0000000000..40ac567bec
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_children_traveling_alone.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(10 9)"><path d="m43.104 41.968v-6.093c0-.238-.013-.474-.039-.692a6.292 6.292 0 0 0 -6.282-5.671.999.999 0 0 0 -.519.145 9.42 9.42 0 0 1 -4.785 1.373 9.432 9.432 0 0 1 -4.805-1.373 1.014 1.014 0 0 0 -.52-.145 6.275 6.275 0 0 0 -4.464 1.849 6.282 6.282 0 0 0 -.81.995 1 1 0 0 0 1.67 1.099 4.31 4.31 0 0 1 .554-.68 4.282 4.282 0 0 1 2.791-1.255c1.692.969 3.61 1.49 5.584 1.51a11.441 11.441 0 0 0 5.564-1.51 4.304 4.304 0 0 1 4.035 3.875c.017.159.026.319.026.48v6.093a1 1 0 1 0 2 0zm-20.164-7.063a1.558 1.558 0 0 1 1.573 1.385l.01.14v.475h2.004a1.51 1.51 0 0 1 1.501 1.369l.006.137v6.988a1.51 1.51 0 0 1 -1.37 1.5l-.137.006h-10.985a1.51 1.51 0 0 1 -1.502-1.37l-.006-.136v-6.989a1.508 1.508 0 0 1 1.371-1.5l.137-.006h1.98v-.475a1.555 1.555 0 0 1 1.44-1.521l.141-.004h3.837zm-6.906 10.002h10v-6h-10zm15.436-28.134a5.079 5.079 0 0 0 -5.074 5.073 5.08 5.08 0 0 0 5.074 5.074 5.079 5.079 0 0 0 5.073-5.074 5.078 5.078 0 0 0 -5.073-5.073zm0 12.147c-3.9 0-7.074-3.174-7.074-7.074s3.173-7.073 7.074-7.073c3.9 0 7.073 3.173 7.073 7.073s-3.173 7.074-7.073 7.074z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m17 0c1.656 0 3 1.344 3 3v22c0 1.656-1.344 3-3 3h-14c-1.656 0-3-1.344-3-3v-22c0-1.656 1.344-3 3-3zm0 2h-14c-.563 0-1 .438-1 1v22c0 .562.437 1 1 1h14c.562 0 1-.438 1-1v-22c0-.562-.438-1-1-1zm-13 19c0-.563.437-1 1-1h1c.562 0 1 .437 1 1 0 .562-.438 1-1 1h-1c-.563 0-1-.438-1-1zm4.5 0c0-.563.437-1 1-1h1c.563 0 1 .437 1 1 0 .562-.437 1-1 1h-1c-.563 0-1-.438-1-1zm4.5 0c0-.563.437-1 1-1h1c.563 0 1 .437 1 1 0 .562-.437 1-1 1h-1c-.563 0-1-.438-1-1z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_children_traveling_with.svg b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_children_traveling_with.svg
new file mode 100755
index 0000000000..bcad71bf4b
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_children_traveling_with.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(10 7)"><path d="m11.337 33.021a1.706 1.706 0 0 1 1.702 1.708v1.296h3.361c.934.006 1.659.766 1.655 1.697v9.62a1.65 1.65 0 0 1 -1.655 1.676h-14.712c-.935-.007-1.692-.744-1.688-1.676v-9.62a1.696 1.696 0 0 1 1.688-1.697h3.327v-1.296a1.707 1.707 0 0 1 1.702-1.708zm-9.33 13.997h14.042v-9h-14.042zm3.528-6.877a1 1 0 0 1 .493.889v3.004a1.004 1.004 0 0 1 -2.006 0v-3.004a1 1 0 0 1 .493-.889 1.007 1.007 0 0 1 1.02 0zm8.035 0a1 1 0 0 1 .493.889v3.004a1.002 1.002 0 0 1 -2.006 0v-3.004a1 1 0 0 1 .493-.889 1.007 1.007 0 0 1 1.02 0zm-6.549-4.116h4.012v-1.003h-4.012zm33.287-4.541c-.853 0-1.634.57-1.86 1.43-.234.885-.171 2.266.338 3.043.219.335.49.516.853.572 1.595.24 2.3-1.768 2.531-2.645a1.91 1.91 0 0 0 -1.372-2.337 1.921 1.921 0 0 0 -.49-.063zm-.397 7.066c-.189 0-.382-.014-.577-.045-.923-.142-1.692-.644-2.221-1.452-.894-1.364-.937-3.366-.599-4.649.549-2.088 2.702-3.337 4.791-2.792a3.902 3.902 0 0 1 2.395 1.816c.526.903.67 1.956.404 2.966-.689 2.616-2.266 4.156-4.193 4.156zm-36.9-5.528v-6.876c0-1.615.631-3.134 1.777-4.276a6.042 6.042 0 0 1 4.03-1.768 14.952 14.952 0 0 0 7.346 2.009 14.846 14.846 0 0 0 6.054-1.352 1 1 0 1 0 -.832-1.818 12.85 12.85 0 0 1 -5.222 1.17 12.926 12.926 0 0 1 -6.563-1.87.999.999 0 0 0 -.519-.145 8.028 8.028 0 0 0 -5.706 2.358 7.985 7.985 0 0 0 -2.365 5.692v6.876a1 1 0 1 0 2 0zm13.143-31.022c-3.905 0-7.082 3.166-7.082 7.056 0 3.891 3.177 7.057 7.082 7.057 3.904 0 7.081-3.166 7.081-7.057 0-3.89-3.177-7.056-7.081-7.056zm0 16.113c-5.008 0-9.082-4.063-9.082-9.057s4.074-9.056 9.082-9.056c5.007 0 9.081 4.062 9.081 9.056s-4.074 9.057-9.081 9.057z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m43.192 36.526c-.5.788-1.118 1.37-1.83 1.698v5.857a1 1 0 1 0 2 0v-6.093a6.428 6.428 0 0 0 -.171-1.462m-6.677-4.122c.069-.263.165-.513.282-.748a.968.968 0 0 0 -.288.114 9.488 9.488 0 0 1 -4.802 1.374 9.498 9.498 0 0 1 -4.822-1.374.999.999 0 0 0 -.52-.145c-1.69 0-3.278.656-4.474 1.849a6.184 6.184 0 0 0 -.812.993 1 1 0 1 0 1.668 1.103c.163-.246.35-.475.556-.68a4.303 4.303 0 0 1 2.804-1.257 11.527 11.527 0 0 0 5.6 1.51 11.5 11.5 0 0 0 4.615-1.038 6.518 6.518 0 0 1 .193-1.701m-4.818-13.518c-2.808 0-5.092 2.275-5.092 5.073s2.284 5.074 5.092 5.074c2.807 0 5.092-2.276 5.092-5.074s-2.285-5.073-5.092-5.073m0 12.147c-3.911 0-7.092-3.174-7.092-7.074s3.18-7.073 7.092-7.073c3.91 0 7.092 3.173 7.092 7.073s-3.182 7.074-7.092 7.074" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_city_ticket.svg b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_city_ticket.svg
new file mode 100644
index 0000000000..ff0d683e1b
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_city_ticket.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(5 8)"><path d="m8 15a8 8 0 0 1 .998 15.938l.002.031.001 3.031h2.023a1 1 0 1 1 0 2h-6a1 1 0 0 1 0-2h1.977v-3l.003-.061a8 8 0 0 1 .996-15.939zm15 15a1 1 0 0 1 0 2h-5.976a1 1 0 0 1 0-2zm-15-13a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm13 6c.55 0 1 .45 1 1v2c0 .55-.45 1-1 1h-2c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1zm-10.718-3.903c.742 0 .854.58.854.85v5.821c0 .27-.074.85-.854.85s-.85-.58-.85-.85v-2.35h-2.864v2.35c0 .27-.089.85-.857.85s-.848-.58-.848-.85v-5.82c0-.27.1-.85.855-.85s.85.58.85.85v2.183h2.864v-2.234c.003-.286.05-.8.85-.8zm10.719-3.097c.55 0 1 .45 1 1v2c0 .55-.45 1-1 1h-2c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1zm2-12a1 1 0 0 1 0 2h-7c-.548 0-1 .452-1 1v8a1 1 0 0 1 -2 0v-8c0-1.652 1.348-3 3-3zm-2 5c.55 0 1 .45 1 1v2c0 .55-.45 1-1 1h-2c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1zm16-9c1.652 0 3 1.348 3 3v13.234a1 1 0 0 1 -2 0v-13.234c0-.548-.452-1-1-1h-8c-.548 0-1 .452-1 1v26c0 .548.452 1 1 1h.36a1 1 0 0 1 0 2h-.361c-1.652 0-3-1.348-3-3v-26c0-1.652 1.348-3 3-3h8zm-3 12c.55 0 1 .45 1 1v2c0 .55-.45 1-1 1h-2c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1zm0-7c.55 0 1 .45 1 1v2c0 .55-.45 1-1 1h-2c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m49 20a3 3 0 0 1 3 3v22a3 3 0 0 1 -3 3h-14c-1.656 0-3-1.344-3-3v-22c0-1.656 1.344-3 3-3zm0 2h-14c-.563 0-1 .438-1 1v22c0 .562.438 1 1 1h14c.563 0 1-.438 1-1v-22c0-.562-.438-1-1-1zm-11 18c.563 0 1 .438 1 1s-.437 1-1 1h-1c-.563 0-1-.438-1-1s.438-1 1-1zm4.5 0c.563 0 1 .438 1 1s-.438 1-1 1h-1c-.563 0-1-.438-1-1s.438-1 1-1zm4.5 0c.563 0 1 .438 1 1s-.437 1-1 1h-1c-.562 0-1-.438-1-1s.438-1 1-1z" fill="var(--db-icon-pulse-color, #EC0016)" transform="matrix(.98480775 .17364818 -.17364818 .98480775 6.542112 -6.776687)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_classic_printout.svg b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_classic_printout.svg
new file mode 100644
index 0000000000..a26d899186
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_classic_printout.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(3.998 3.999)"><path d="m48.001.001c2.69 0 5 2.14 5 5 .002 15.333.002 30.667 0 46 0 2.671-2.137 5-5 5-10.046.002-20.092.002-30.138 0a1 1 0 1 1 0-2c10.046-.002 20.092-.002 30.138 0 1.598 0 3-1.275 3-3 .002-15.333.002-30.666 0-46 0-1.598-1.28-3-3-3h-31.998a3 3 0 0 0 -2.994 2.824l-.006.175-.001 29.58 3.292-3.291c1.848-1.85 4.566-1.85 6.416 0 1.785 1.793 1.934 4.476-.001 6.414a5517.838 5517.838 0 0 1 -5.707 5.706v4.587c0 2.471-1.28 4.623-2.787 5.622-1.505 1-2.42 1.205-3.035 1.361-.614.157-1.064-.261-1.162-.805a1 1 0 0 1 .691-1.135 6.15 6.15 0 0 0 2.224-.957c1.242-.853 2.067-2.133 2.069-4.086v-5a.97.97 0 0 1 .293-.708c1.997-2.001 3.997-4 5.998-5.998 1.066-1.07 1.066-2.519.001-3.588-1.023-1.023-2.49-1.094-3.585 0-2.668 2.666-5.335 5.333-8 8a1 1 0 0 1 -1.414-1.414c.901-.905 1.805-1.81 2.71-2.711l-.003-9.308-7.292 6.433c-1.157 1.16-1.708 2.496-1.708 4.294-.002 6-.002 11.666 0 17a1 1 0 0 1 -1 1c-.513 0-1-.4-1-1-.003-6-.003-11.667 0-17 0-2.073.75-4.171 2.338-5.75 2.828-2.507 5.715-5.06 8.661-7.657l.002-19.589c0-2.688 2.196-4.998 5-4.999h31.998zm-23 6a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-6a2 2 0 0 1 -2-2v-12a2 2 0 0 1 2-2zm0 2h-6v12h6zm21.25 29a1 1 0 0 1 1 1 .99.99 0 0 1 -1 1c-5.993.002-12.16.002-18.5 0a1 1 0 0 1 -1-1c0-.513.425-1 1-1 5.995-.002 12.161-.002 18.5 0zm0 11a1 1 0 0 1 .117 1.993l-.116.007h-2.5a1 1 0 0 1 -.117-1.993l.117-.007h2.5zm-5.986 0a1 1 0 0 1 1 1c0 .513-.364 1-1 1-1.633.002-3.469.002-5.507 0a1 1 0 0 1 -1-1c0-.513.31-.999 1-1 1.633-.002 3.469-.002 5.507 0zm5.987-17a1 1 0 1 1 0 2c-5.473.002-10.968.002-16.487 0a1 1 0 1 1 0-2c5.473-.002 10.968-.002 16.487 0zm0-6a1 1 0 0 1 1 1c0 .513-.434 1-1 1-9.155.002-18.738.002-28.75 0a1 1 0 0 1 -1-1c0-.513.366-1 1-1 9.154-.002 18.738-.002 28.75 0z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m36.17 15.001a1.831 1.831 0 0 1 1.832 1.83v3.34a1.832 1.832 0 0 1 -1.833 1.83h-3.339a1.831 1.831 0 0 1 -1.828-1.83v-3.34a1.831 1.831 0 0 1 1.828-1.831h3.34zm-.168 2h-3v3h3zm9.17-11c1.01.001 1.829.82 1.83 1.83v3.34a1.832 1.832 0 0 1 -1.83 1.829h-3.34a1.831 1.831 0 0 1 -1.83-1.83v-3.34a1.831 1.831 0 0 1 1.83-1.83h3.34zm-.17 2h-3v3h3zm-8.83-2c1.01.001 1.828.82 1.83 1.83v3.341a1.832 1.832 0 0 1 -1.83 1.83h-3.34a1.832 1.832 0 0 1 -1.83-1.83v-3.342a1.832 1.832 0 0 1 1.83-1.829zm-.17 2h-3v3h3zm5 11a1 1 0 0 1 -1-1v-2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1-1v-2z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_discount.svg b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_discount.svg
new file mode 100644
index 0000000000..390d77bacd
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_discount.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(16 7.375)"><path d="m11 2.625a1 1 0 0 1 0 2h-6.56a2.44 2.44 0 0 0 -2.44 2.44v37.12a2.44 2.44 0 0 0 2.44 2.44h21.12a2.44 2.44 0 0 0 2.44-2.44v-15.06a1 1 0 0 1 2 0v15.06a4.44 4.44 0 0 1 -4.44 4.44h-21.12a4.44 4.44 0 0 1 -4.44-4.44v-37.12a4.44 4.44 0 0 1 4.44-4.44zm14-2.625c.637 0 1.295.233 1.72.75l1.721 2.094c.057.069.185.104.282.077l2.586-.702c.186-.051.382-.063.573-.063 1.078 0 2.125.769 2.198 2.031l.16 2.72c.003.062.06.13.127.155l2.581.97a2.16 2.16 0 0 1 1.402 2c0 .405-.126.844-.35 1.187l-1.499 2.281a.22.22 0 0 0 0 .219l1.497 2.25c.242.363.351.781.351 1.187 0 .875-.573 1.72-1.402 2.032l-2.58.968c-.07.026-.126.12-.132.219l-.156 2.656c-.067 1.159-.998 2.032-2.198 2.032a3.5 3.5 0 0 1 -.75-.111l-2.438-.663c-.128-.034-.202-.007-.265.07l-1.708 2.078a2.224 2.224 0 0 1 -1.72.813c-.669 0-1.312-.277-1.72-.781l-1.721-2.125c-.056-.07-.126-.09-.223-.063l-2.497.679a3.54 3.54 0 0 1 -.721.102c-1.205 0-2.131-.878-2.198-2.03l-.158-2.688a.207.207 0 0 0 -.13-.188l-2.58-.968c-.74-.278-1.402-1.062-1.402-2.032 0-.406.109-.824.35-1.187l1.47-2.207c.067-.101.024-.268-.038-.363l-1.432-2.179a2.23 2.23 0 0 1 -.351-1.188c0-.886.565-1.686 1.402-2l2.553-.958c.095-.036.152-.104.157-.198l.158-2.688c.068-1.174 1.024-2.03 2.198-2.03.191 0 .387.011.573.062l2.586.702c.097.027.211.009.282-.077l1.721-2.095c.413-.502 1.084-.75 1.721-.75zm-.16 2-1.72 2.094c-.412.501-1.083.781-1.72.781-.192 0-.379-.012-.574-.063l-2.616-.672c-.118-.03-.276.07-.282.173l-.161 2.687c-.05.843-.6 1.605-1.402 1.906l-2.58.969c-.136.051-.163.179-.096.281l1.498 2.281c.248.38.35.75.35 1.157 0 .406-.102.808-.35 1.187l-1.498 2.281a.186.186 0 0 0 .096.282l2.58.968a2.188 2.188 0 0 1 1.402 1.907l.154 2.594c.012.196.134.32.41.248l2.376-.624a3.7 3.7 0 0 1 .852-.125c.578 0 1.137.297 1.561.813l1.72 2.094c.1.121.22.121.32 0l1.72-2.094c.412-.502 1.083-.813 1.53-.813.286 0 .589.05.764.094l2.646.68c.154.04.245-.037.253-.18l.16-2.687c.05-.843.6-1.608 1.402-1.907l2.517-.937c.14-.052.195-.24.127-.344l-1.466-2.25c-.247-.38-.35-.75-.35-1.156s.1-.81.35-1.188l1.428-2.161c.12-.181.122-.346-.081-.422l-2.525-.948a2.188 2.188 0 0 1 -1.402-1.906l-.16-2.688c-.007-.115-.135-.21-.282-.172l-2.617.673c-.195.05-.382.062-.574.062-.637 0-1.308-.28-1.72-.781l-1.72-2.094c-.1-.122-.22-.122-.32 0zm4.175 6.688c.432 0 .987.382.987 1 0 .25-.095.5-.287.687l-7.997 7.844a1.03 1.03 0 0 1 -.733.281.977.977 0 0 1 -.987-.969c0-.25.095-.5.287-.687l8.029-7.844c.191-.187.446-.313.7-.313zm-.096 5.874c1.115 0 2.007.907 2.007 1.97 0 1.093-.892 1.968-2.007 1.968s-2.007-.875-2.007-1.969c0-1.062.892-1.968 2.007-1.968zm-7.36-5.874c1.115 0 2.007.874 2.007 1.968s-.892 1.969-2.007 1.969-2.007-.875-2.007-1.969.892-1.969 2.007-1.969z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m23.92 39.625a1 1 0 0 1 0 2h-2.92a1 1 0 0 1 0-2zm-13.92 0a1 1 0 0 1 0 2h-3a1 1 0 0 1 0-2zm7 0a1 1 0 0 1 0 2h-3a1 1 0 0 1 0-2z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_exchange.svg b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_exchange.svg
new file mode 100644
index 0000000000..903703b804
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_exchange.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(16 7)"><path d="m13 3a1 1 0 0 1 0 2h-8.56a2.44 2.44 0 0 0 -2.44 2.44v37.12a2.44 2.44 0 0 0 2.44 2.44h21.12a2.44 2.44 0 0 0 2.44-2.44v-14.56a1 1 0 0 1 2 0v14.56a4.44 4.44 0 0 1 -4.44 4.44h-21.12a4.44 4.44 0 0 1 -4.44-4.44v-37.12a4.44 4.44 0 0 1 4.44-4.44zm16.892 2.018a1 1 0 0 1 1.402-.184c2.489 1.912 4.049 4.97 4.049 8.142 0 4.944-3.239 8.82-7.896 9.776l2.324 1.39c.44.263.628.898.345 1.372a1.001 1.001 0 0 1 -1.372.345l-4.41-2.64a.999.999 0 0 1 -.346-1.37l2.551-4.28a1 1 0 1 1 1.718 1.025l-1.324 2.22c3.805-.73 6.41-3.823 6.41-7.838 0-2.54-1.263-5.017-3.267-6.555a1 1 0 0 1 -.184-1.403zm-9.615-4.543c.29-.47.906-.616 1.376-.327l4.28 2.64a1 1 0 0 1 .33 1.37l-2.551 4.194a1 1 0 0 1 -1.71-1.04l1.38-2.269c-3.667.811-6.412 4.063-6.381 7.925.02 2.75 1.18 5.008 3.23 6.618a1 1 0 1 1 -1.234 1.573c-2.52-1.978-3.971-4.804-3.996-8.176-.038-4.743 3.262-8.738 7.705-9.836l-2.102-1.296a1 1 0 0 1 -.384-1.273z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m23.92 40a1 1 0 0 1 0 2h-2.92a1 1 0 0 1 0-2zm-13.92 0a1 1 0 0 1 0 2h-3a1 1 0 0 1 0-2zm7 0a1 1 0 0 1 0 2h-3a1 1 0 0 1 0-2z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_group_travel.svg b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_group_travel.svg
new file mode 100644
index 0000000000..08d8a01b0c
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_group_travel.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(9 7)"><path d="m27.879 25.61c5.014.286 6.014 4.419 6.014 6.014v6.376a1 1 0 0 1 -2 0v-6.376c0-1.065-.603-3.679-3.76-4.006-.843.522-3.276 1.42-5.107 1.42a10.87 10.87 0 0 1 -5.432-1.42c-2.073.152-3.656 1.815-3.753 3.805l-.005 6.577a1 1 0 0 1 -2 0v-6.376a6.014 6.014 0 0 1 6.014-6.014 1 1 0 0 1 .52.145 8.837 8.837 0 0 0 4.484 1.288 8.853 8.853 0 0 0 4.505-1.288.913.913 0 0 1 .52-.145zm13.321-2.082a4.799 4.799 0 0 1 4.8 4.8v4.672a1 1 0 0 1 -2 0v-4.67c0-.744-.443-2.518-2.553-2.789-.947.555-2.475 1.074-4.057 1.074-1.583 0-3.01-.441-4.31-1.231a1 1 0 0 1 1.04-1.709 6.449 6.449 0 0 0 3.27.94 6.463 6.463 0 0 0 3.29-.94 1 1 0 0 1 .52-.146zm-27.946.48a1 1 0 0 1 -.334 1.375 8.48 8.48 0 0 1 -4.33 1.231c-1.51-.04-2.856-.398-4.038-1.074a2.69 2.69 0 0 0 -1.584.671c-.645.575-.968 1.28-.968 2.117v4.672a1 1 0 0 1 -2 0v-4.67a4.799 4.799 0 0 1 4.8-4.8 1 1 0 0 1 .52.145 6.449 6.449 0 0 0 3.27.94 6.463 6.463 0 0 0 3.29-.94 1 1 0 0 1 1.374.335zm9.61-12.008a6.73 6.73 0 1 1 0 13.461 6.731 6.731 0 0 1 0-13.461zm0 2a4.73 4.73 0 1 0 4.731 4.73 4.73 4.73 0 0 0 -4.73-4.73zm14.536-1.786a5.344 5.344 0 1 1 -.001 10.687 5.344 5.344 0 0 1 .001-10.687zm-28.8 0a5.344 5.344 0 1 1 -.001 10.686 5.344 5.344 0 0 1 .001-10.686zm28.8 2a3.344 3.344 0 1 0 .001 6.687 3.344 3.344 0 0 0 -.001-6.687zm-28.8 0a3.344 3.344 0 1 0 .001 6.687 3.344 3.344 0 0 0 -.001-6.687z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m2.837 38.06a1 1 0 0 1 1.394.237c.246.346 6.474 9.703 18.769 9.703s18.376-9.157 18.669-9.563a1 1 0 0 1 1.622 1.17c-.318.441-6.84 10.393-20.291 10.393-13.45 0-20.133-10.169-20.4-10.545a1 1 0 0 1 .237-1.394zm20.163-38.06c10.824 0 17.317 6.957 17.782 7.428a1 1 0 1 1 -1.422 1.405c-.428-.433-6.674-6.87-16.355-6.87-9.68 0-15.714 6.226-16.142 6.649a1 1 0 1 1 -1.404-1.425c.466-.46 6.717-7.187 17.541-7.187z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_information.svg b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_information.svg
new file mode 100644
index 0000000000..7266b0dd4e
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_information.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(16 7)"><path d="m11 3a1 1 0 0 1 0 2h-6.56a2.44 2.44 0 0 0 -2.44 2.44v37.12a2.44 2.44 0 0 0 2.44 2.44h21.12a2.44 2.44 0 0 0 2.44-2.44v-13.574a1 1 0 0 1 2 0v13.574a4.44 4.44 0 0 1 -4.44 4.44h-21.12a4.44 4.44 0 0 1 -4.44-4.44v-37.12a4.44 4.44 0 0 1 4.44-4.44zm14-3c7.719 0 14 6.281 14 14s-6.281 14-14 14-14-6.281-14-14 6.281-14 14-14zm0 2c-6.625 0-12 5.375-12 12s5.375 12 12 12 12-5.375 12-12-5.375-12-12-12zm-.003 9.008c.559.007 1.003.426 1.003.992v7h2c.563 0 1 .438 1 1 0 .563-.438 1-1 1h-6c-.563 0-1-.438-1-1 0-.563.438-1 1-1h2v-5.75h-1.75c-.563 0-1-.438-1-1 0-.563.438-1 1-1h1.625l.526-.13c.207-.05.413-.114.596-.112zm-.153-4.914a1.5 1.5 0 0 1 1.5 1.5c0 .843-.657 1.5-1.5 1.5a1.5 1.5 0 0 1 -1.5-1.5c0-.813.687-1.5 1.5-1.5z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m23.92 40a1 1 0 0 1 0 2h-2.92a1 1 0 0 1 0-2zm-13.92 0a1 1 0 0 1 0 2h-3a1 1 0 0 1 0-2zm7 0a1 1 0 0 1 0 2h-3a1 1 0 0 1 0-2z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg
new file mode 100644
index 0000000000..1b3986ce8e
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(9 4)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="M25 0a5 5 0 0 1 4.995 4.783L30 5v5.618a1 1 0 0 1-1.993.117L28 10.618V5a3 3 0 0 0-2.824-2.995L25 2h-2v.034c0 .715-.258 1.404-.723 1.94l-.146.157a2.966 2.966 0 0 1-1.883.861L20.034 5H9.966a2.966 2.966 0 0 1-2.961-2.791L7 2H5a3 3 0 0 0-2.995 2.824L2 5v46a3 3 0 0 0 2.824 2.995L5 54h20a3 3 0 0 0 2.995-2.824L28 51v-9.467a1 1 0 0 1 1.993-.116l.007.116V51a5 5 0 0 1-4.783 4.995L25 56H5a5 5 0 0 1-4.995-4.783L0 51V5A5 5 0 0 1 4.783.005L5 0h20Zm-4 50a1 1 0 0 1 .117 1.993L21 52H9a1 1 0 0 1-.117-1.993L9 50h12Zm22.108-37a2.848 2.848 0 0 1 2.884 2.646l.008.168v20.389a2.844 2.844 0 0 1-2.704 2.795l-.171.002h-12.15a2.848 2.848 0 0 1-2.885-2.646l-.007-.168V15.797a2.846 2.846 0 0 1 2.718-2.795l.173-.002h12.134Zm-12.166 2a.846.846 0 0 0-.85.712l-.01.102V36.17c.008.43.336.78.767.826l.11.005H43.14c.43.007.792-.31.85-.712l.009-.102V15.83a.846.846 0 0 0-.766-.826l-.11-.005h-12.18Zm10.06 17a1 1 0 0 1 .116 1.993L41 34a1 1 0 0 1-.119-1.993l.12-.007Zm-4 0a1 1 0 0 1 .116 1.993L37 34a1 1 0 0 1-.119-1.993l.12-.007Zm-4 0a1 1 0 0 1 .116 1.993L33 34a1 1 0 0 1-.119-1.993l.12-.007ZM12 24a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h5Zm8 0a1 1 0 0 1 1 1v3h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-3h-3a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h3Zm-8 1.5H7a.5.5 0 0 0-.492.41L6.5 26v5a.5.5 0 0 0 .41.492L7 31.5h5a.5.5 0 0 0 .492-.41L12.5 31v-5a.5.5 0 0 0-.41-.492L12 25.5Zm11.5 4h-2v2h2v-2Zm-12.945-2.54a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h2ZM19.5 25.5h-2v2h2v-2ZM12 13a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h5Zm11 0a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h5Zm-11 1.5H7a.5.5 0 0 0-.492.41L6.5 15v5a.5.5 0 0 0 .41.492L7 20.5h5a.5.5 0 0 0 .492-.41L12.5 20v-5a.5.5 0 0 0-.41-.492L12 14.5Zm11 0h-5a.5.5 0 0 0-.492.41L17.5 15v5a.5.5 0 0 0 .41.492l.09.008h5a.5.5 0 0 0 .492-.41L23.5 20v-5a.5.5 0 0 0-.41-.492L23 14.5ZM10.555 16a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h2Zm10.884 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h2ZM21 2H9l.006.147a.967.967 0 0 0 .738.827l.11.02.112.006h10.068a.966.966 0 0 0 .958-.839L21 2.034V2Z"/><path fill="var(--db-icon-pulse-color, #EC0016)" d="M37 18a1 1 0 0 1 .117 1.993L37 20h-4a1 1 0 0 1-.117-1.993L33 18h4Z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg
new file mode 100644
index 0000000000..f045b82671
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(9 4)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="M25 0a5 5 0 0 1 4.995 4.783L30 5v5.548a1 1 0 0 1-1.993.117L28 10.548V5a3 3 0 0 0-2.824-2.995L25 2h-2v.034c0 .715-.258 1.404-.723 1.94l-.146.157a2.966 2.966 0 0 1-1.883.861L20.034 5H9.966a2.966 2.966 0 0 1-2.961-2.791L7 2H5a3 3 0 0 0-2.995 2.824L2 5v46a3 3 0 0 0 2.824 2.995L5 54h20a3 3 0 0 0 2.995-2.824L28 51v-9.51a1 1 0 0 1 1.993-.116l.007.116V51a5 5 0 0 1-4.783 4.995L25 56H5a5 5 0 0 1-4.995-4.783L0 51V5A5 5 0 0 1 4.783.005L5 0h20Zm-4 50a1 1 0 0 1 .117 1.993L21 52H9a1 1 0 0 1-.117-1.993L9 50h12Zm22.108-37a2.848 2.848 0 0 1 2.884 2.646l.008.168v20.389a2.844 2.844 0 0 1-2.704 2.795l-.171.002h-12.15a2.848 2.848 0 0 1-2.885-2.646l-.007-.168V15.797a2.846 2.846 0 0 1 2.718-2.795l.173-.002h12.134Zm.017 2H30.942a.846.846 0 0 0-.85.712l-.01.102V36.17c.008.43.336.78.767.826l.11.005H43.14c.43.007.792-.31.85-.712l.009-.102V15.83a.846.846 0 0 0-.766-.826l-.11-.005ZM41 32a1 1 0 0 1 .117 1.993L41 34a1 1 0 0 1-.119-1.993l.12-.007Zm-4 0a1 1 0 0 1 .117 1.993L37 34a1 1 0 0 1-.119-1.993l.12-.007Zm-4 0a1 1 0 0 1 .117 1.993L33 34a1 1 0 0 1-.119-1.993l.12-.007Zm4-14a1 1 0 0 1 .117 1.993L37 20h-4a1 1 0 0 1-.117-1.993L33 18h4ZM21 2H9l.006.147a.967.967 0 0 0 .738.827l.11.02.112.006h10.068a.966.966 0 0 0 .958-.839L21 2.034V2Z"/><path fill="var(--db-icon-pulse-color, #EC0016)" d="M12 24a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h5Zm8 0a1 1 0 0 1 1 1v3h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-3h-3a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h3Zm-8 1.5H7a.5.5 0 0 0-.492.41L6.5 26v5a.5.5 0 0 0 .41.492L7 31.5h5a.5.5 0 0 0 .492-.41L12.5 31v-5a.5.5 0 0 0-.41-.492L12 25.5Zm11.5 4h-2v2h2v-2Zm-12.945-2.54a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h2ZM19.5 25.5h-2v2h2v-2ZM12 13a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h5Zm11 0a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h5Zm-11 1.5H7a.5.5 0 0 0-.492.41L6.5 15v5a.5.5 0 0 0 .41.492L7 20.5h5a.5.5 0 0 0 .492-.41L12.5 20v-5a.5.5 0 0 0-.41-.492L12 14.5Zm11 0h-5a.5.5 0 0 0-.492.41L17.5 15v5a.5.5 0 0 0 .41.492l.09.008h5a.5.5 0 0 0 .492-.41L23.5 20v-5a.5.5 0 0 0-.41-.492L23 14.5ZM10.555 16a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h2Zm10.884 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h2Z"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg
new file mode 100644
index 0000000000..6a84d4ca56
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8 15.002)"><path d="m44.848 1.51a1 1 0 0 1 -1.671 1.093l-.064-.098c-.173-.3-.39-.436-.964-.484l-.292-.016-.35-.005-.946.009h-32.608c-1.57 0-2.858 1.245-2.948 2.82l-.005.176v17.986c0 1.598 1.231 2.9 2.78 2.992l.173.005 33.027.003.525.005.356-.006c.758-.026 1.035-.138 1.232-.435l.041-.067a1 1 0 1 1 1.732 1.001c-.638 1.103-1.377 1.436-2.87 1.496l-.449.01h-.24l-.582-.007h-32.772c-2.666 0-4.836-2.123-4.948-4.78l-.005-.218v-17.985c0-2.684 2.1-4.878 4.738-4.992l.215-.003 32.867-.003.241-.004c2.125-.035 3.031.19 3.787 1.507zm1.152 4.488c1.044 0 1.917.797 1.994 1.848l.006.152v12a2.016 2.016 0 0 1 -1.852 1.994l-.148.006h-8a2.016 2.016 0 0 1 -1.994-1.852l-.006-.148v-12c0-1.074.826-1.92 1.852-1.995l.148-.005zm0 2h-8v12h8zm-6.016 8c.59 0 1.016.476 1.016.984a1.01 1.01 0 0 1 -1.016 1.016c-.558 0-.984-.477-.984-1.016 0-.508.426-.984.984-.984zm4.013 0c.548 0 1 .476 1 .984 0 .54-.452 1.016-1 1.016-.549 0-1-.477-1-1.016 0-.508.451-.984 1-.984zm-29.34-5c.416 0 .808.293.808.758a.855.855 0 0 1 -.025.22l-1.42 5.459c-.1.39-.44.563-.758.563s-.649-.175-.759-.563l-.783-2.766-.783 2.766c-.112.394-.44.563-.759.563a.775.775 0 0 1 -.758-.588l-1.396-5.433a.87.87 0 0 1 -.024-.22c0-.466.416-.76.808-.76.318 0 .648.194.734.588l.679 3.123.765-3.147c.09-.37.44-.563.759-.563.318 0 .669.186.758.563l.749 3.158.671-3.134c.09-.418.416-.587.734-.587zm8.465 0c.416 0 .808.293.808.758a.855.855 0 0 1 -.025.22l-1.42 5.459c-.1.39-.44.563-.758.563s-.649-.175-.759-.563l-.783-2.766-.783 2.766c-.112.394-.44.563-.759.563a.775.775 0 0 1 -.759-.588l-1.395-5.433a.87.87 0 0 1 -.024-.22c0-.466.416-.76.808-.76.318 0 .648.194.734.588l.679 3.123.765-3.147c.09-.37.44-.563.759-.563.318 0 .669.186.758.563l.749 3.158.67-3.134c.09-.418.417-.587.735-.587zm8.465 0c.416 0 .808.293.808.758a.855.855 0 0 1 -.025.22l-1.42 5.459c-.1.39-.44.563-.758.563s-.649-.175-.759-.563l-.783-2.766-.783 2.766c-.112.394-.44.563-.759.563a.775.775 0 0 1 -.759-.588l-1.395-5.433a.87.87 0 0 1 -.024-.22c0-.466.416-.76.807-.76.319 0 .649.194.735.588l.679 3.123.765-3.147c.09-.37.44-.563.758-.563.319 0 .67.186.76.563l.748 3.158.67-3.134c.09-.418.417-.587.735-.587z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m47 29.998a1 1 0 0 1 .117 1.993l-.117.007h-46a1 1 0 0 1 -.117-1.994l.117-.006z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg
new file mode 100644
index 0000000000..688b7ac451
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8 15.002)"><path d="m47 29.998a1 1 0 0 1 .117 1.993l-.117.007h-46a1 1 0 0 1 -.117-1.994l.117-.006zm-2.152-28.488a1 1 0 0 1 -1.671 1.093l-.064-.098c-.173-.3-.39-.436-.964-.484l-.292-.016-.35-.005-.946.009h-32.608c-1.57 0-2.858 1.245-2.948 2.82l-.005.176v17.986c0 1.598 1.231 2.9 2.78 2.992l.173.005 33.027.003.525.005.356-.006c.758-.026 1.035-.138 1.232-.435l.041-.067a1 1 0 1 1 1.732 1.001c-.73 1.26-1.59 1.516-3.56 1.507l-.58-.008h-32.774c-2.666 0-4.836-2.123-4.948-4.78l-.004-.218v-17.985c0-2.684 2.1-4.878 4.738-4.992l.215-.003 32.867-.003.241-.004c2.125-.035 3.031.19 3.787 1.507zm-30.19 9.488c.415 0 .807.293.807.758a.855.855 0 0 1 -.025.22l-1.42 5.459c-.1.39-.44.563-.758.563s-.649-.175-.759-.563l-.783-2.766-.783 2.766c-.112.394-.44.563-.759.563a.775.775 0 0 1 -.758-.588l-1.396-5.433a.87.87 0 0 1 -.024-.22c0-.466.416-.76.808-.76.318 0 .648.194.734.588l.679 3.123.765-3.147c.09-.37.44-.563.759-.563.318 0 .669.186.758.563l.749 3.158.671-3.134c.09-.418.416-.587.734-.587zm8.464 0c.416 0 .808.293.808.758a.855.855 0 0 1 -.025.22l-1.42 5.459c-.1.39-.44.563-.758.563s-.649-.175-.759-.563l-.783-2.766-.783 2.766c-.112.394-.44.563-.759.563a.775.775 0 0 1 -.759-.588l-1.395-5.433a.87.87 0 0 1 -.024-.22c0-.466.416-.76.808-.76.318 0 .648.194.734.588l.679 3.123.765-3.147c.09-.37.44-.563.759-.563.318 0 .669.186.758.563l.749 3.158.67-3.134c.09-.418.417-.587.735-.587zm8.465 0c.416 0 .808.293.808.758a.855.855 0 0 1 -.025.22l-1.42 5.459c-.1.39-.44.563-.758.563s-.649-.175-.759-.563l-.783-2.766-.783 2.766c-.112.394-.44.563-.759.563a.775.775 0 0 1 -.759-.588l-1.395-5.433a.87.87 0 0 1 -.024-.22c0-.466.416-.76.807-.76.319 0 .649.194.735.588l.679 3.123.765-3.147c.09-.37.44-.563.758-.563.319 0 .67.186.76.563l.748 3.158.67-3.134c.09-.418.417-.587.735-.587z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m38 21.998h8c1.094 0 2-.907 2-2v-12c0-1.125-.906-2-2-2h-8c-1.094 0-2 .875-2 2v12c0 1.093.906 2 2 2zm0-2v-12h8v12zm1-3.016c0-.508.426-.984.984-.984.59 0 1.016.476 1.016.984a1.01 1.01 0 0 1 -1.016 1.016c-.558 0-.984-.477-.984-1.016zm3.997 0c0-.508.451-.984 1-.984.548 0 1 .476 1 .984 0 .54-.452 1.016-1 1.016-.549 0-1-.477-1-1.016z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg
new file mode 100644
index 0000000000..81410b6862
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 3.999)"><path d="m25 .001c2.689 0 5 2.185 5 5v46c0 2.689-2.172 5-5 5-6.667.002-13.334.002-20 0-2.689 0-5-2.14-5-5-.002-15.333-.002-30.666 0-46 0-2.689 2-5 5-5h20zm-18 2h-2c-1.598 0-3 1.254-3 3-.002 15.333-.002 30.667 0 46 0 1.598 1.24 3 3 3 6.666.002 13.333.002 20 0 1.597 0 3-1.287 3-3v-46c0-1.598-1.275-3-3-3h-2v.209c0 .715-.696 2.79-2.966 2.79-3.356.003-6.712.003-10.069 0a2.966 2.966 0 0 1 -2.96-2.791l-.005-.209zm14 0h-12l.006.147a.967.967 0 0 0 .738.828l.109.019.112.006h10.07a.966.966 0 0 0 .956-.839l.009-.127zm.028 48a1 1 0 0 1 .117 1.993l-.117.007h-12a1 1 0 0 1 -.116-1.993l.116-.008h12zm21.47-44.001 10 .002c1.793 0 3.501 1.325 3.5 3.265.002 10.746.002 21.493.002 32.24 0 2.957-1.844 4.494-4.862 4.494-6.13.002-12.259.002-18.388 0-.575 0-1-.487-1-1a1 1 0 0 1 1-1h18.388c2.119 0 2.86-.803 2.862-2.494.002-10.748.001-21.495-.003-32.242 0-.682-.633-1.264-1.5-1.264-6.665.002-13.331.002-19.997 0a1 1 0 1 1 0-2h19.997zm5.002 32.001a1 1 0 0 1 .116 1.993l-.116.007h-12a1 1 0 0 1 -.117-1.993l.117-.008h12zm-12-5.011 15 .011a1 1 0 0 1 .115 1.994l-.115.005-15-.011a1 1 0 0 1 -.115-1.994l.116-.006zm4.167-11.99a1.831 1.831 0 0 1 1.833 1.83v3.34a1.832 1.832 0 0 1 -1.833 1.83h-3.339a1.831 1.831 0 0 1 -1.828-1.83v-3.34a1.831 1.831 0 0 1 1.828-1.83zm6.833 0a1 1 0 0 1 1 1v2h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1-1v-2h-2a1 1 0 0 1 -1-1v-2a1 1 0 0 1 1-1zm-7 2h-3v3h3zm9.17-11c1.01.001 1.829.82 1.83 1.83v3.34a1.832 1.832 0 0 1 -1.83 1.83h-3.34a1.831 1.831 0 0 1 -1.83-1.83v-3.34a1.831 1.831 0 0 1 1.83-1.83zm-9 0c1.01.001 1.828.82 1.83 1.83v3.341a1.832 1.832 0 0 1 -1.83 1.83h-3.34a1.832 1.832 0 0 1 -1.83-1.83v-3.341a1.832 1.832 0 0 1 1.83-1.829h3.34zm8.83 2h-3v3h3zm-9 0h-3v3h3z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m24.028 23.001c.513 0 .998.37 1 1 .002.676.002 1.352 0 2.029a3.99 3.99 0 0 1 -4 4h-2.028a1 1 0 0 1 -1-1c0-.513.421-.999 1-1a228.49 228.49 0 0 1 2.028 0c1.055 0 1.997-.879 2-2 .002-.677.002-1.353 0-2.029a1 1 0 0 1 1-1zm-18 0a.995.995 0 0 1 1 1c.002.676.002 1.352 0 2.029a1.99 1.99 0 0 0 2 2c.657.001 1.315.001 1.972 0a1 1 0 0 1 1 1c0 .512-.42.998-1 1-.657.002-1.315.002-1.972 0-2.142 0-3.995-1.733-4-4v-2.03a1 1 0 0 1 1-1zm4.972-12.971a1 1 0 0 1 1 1c0 .512-.425.998-1 1-.657.002-1.315.002-1.972 0a2.01 2.01 0 0 0 -2 2 381.14 381.14 0 0 0 0 1.971 1 1 0 0 1 -1 1c-.513 0-.998-.421-1-.985a328.68 328.68 0 0 1 0-1.986 3.991 3.991 0 0 1 4-4c.657-.002 1.315-.002 1.972 0zm10.028 0c2.142 0 4.024 1.766 4 4.014-.007.657-.017 1.314-.028 1.972a1 1 0 0 1 -1.015.985 1.017 1.017 0 0 1 -.985-1.014c.007-.653.017-1.305.028-1.957a1.988 1.988 0 0 0 -2-2c-.676-.002-1.352-.002-2.028 0a1 1 0 1 1 0-2 228.49 228.49 0 0 1 2.028 0zm-6.028 4.97a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_show_ticket.svg b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_show_ticket.svg
new file mode 100644
index 0000000000..52f5b2187a
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_show_ticket.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(13 8)"><path d="m18.72.056.199.04 15.99 3.557a3.954 3.954 0 0 1 3.035 4.518l-.04.2-6.113 27.533a3.948 3.948 0 0 1 -4.51 3.04l-.2-.039-3.082-.686.001 4.78c0 1.854-.385 3.348-1.161 4.545a1 1 0 0 1 -1.678-1.089c.512-.789.797-1.809.835-3.142l.004-.313-.001-5.226-5-1.113.001 2.339c0 2.472-1.025 4.322-2.717 5.578l-.215.154c-1.072.741-2.137 1.115-2.89 1.252a1 1 0 0 1 -.47-1.94l.258-.06.212-.06.272-.09a6.27 6.27 0 0 0 1.482-.748c1.24-.856 1.99-2.076 2.062-3.809l.006-.277v-5a1 1 0 0 1 .206-.608l.087-.1 5.998-5.998c1.066-1.07 1.066-2.519.002-3.588-1.023-1.023-2.399-1.066-3.45-.127l-.136.128-8 8a1 1 0 0 1 -1.594-1.17l2.685-12.086-7.09 6.255c-1.046 1.048-1.636 2.453-1.702 4.002l-.006.292v18a1 1 0 0 1 -1.993.116l-.007-.116v-18c0-2.073.72-4.006 2.113-5.515l.225-.235 8.5-7.5a.996.996 0 0 1 .615-.25l2.755-12.405a3.948 3.948 0 0 1 4.512-3.039zm-2.52 3.325-.04.148-5.393 24.289 5.525-5.525c1.848-1.85 4.567-1.85 6.417.001 1.785 1.792 1.84 4.392.166 6.237l-.168.176-5.707 5.706-.001.199 10.517 2.341a1.947 1.947 0 0 0 2.283-1.335l.04-.147 6.113-27.534a1.954 1.954 0 0 0 -1.33-2.293l-.148-.039-15.99-3.558c-1-.222-1.99.368-2.285 1.334z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m29.79 10.057.115.02 1.316.298a1 1 0 0 1 -.328 1.97l-.115-.02-1.316-.298a1 1 0 0 1 .214-1.976zm-5.316-1.206.115.02 1.314.298a1 1 0 0 1 -.328 1.97l-.115-.02-1.314-.298a1 1 0 0 1 .214-1.976zm-5.383-1.197.115.018 1.326.28a1 1 0 0 1 -.298 1.974l-.115-.017-1.326-.28a1 1 0 0 1 .183-1.979z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_tickets.svg b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_tickets.svg
new file mode 100644
index 0000000000..b640cf4687
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/ticket/db_ic_il_tickets.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(9 8)"><path d="m25.56 4a4.44 4.44 0 0 1 4.435 4.231l.005.21v37.119a4.44 4.44 0 0 1 -4.231 4.435l-.21.005h-21.119a4.44 4.44 0 0 1 -4.435-4.231l-.005-.21v-37.119a4.44 4.44 0 0 1 4.231-4.435l.21-.005zm0 2h-21.12a2.44 2.44 0 0 0 -2.435 2.28l-.005.16v37.12a2.44 2.44 0 0 0 2.28 2.435l.16.005h21.12a2.44 2.44 0 0 0 2.435-2.28l.005-.16v-37.12a2.44 2.44 0 0 0 -2.28-2.435zm16.268-6a4.201 4.201 0 0 1 4.192 3.996l.005.21v34.588a4.202 4.202 0 0 1 -3.988 4.2l-.21.006h-8.827a1 1 0 0 1 -.117-1.993l.117-.007h8.828a2.2 2.2 0 0 0 2.192-2.048l.005-.158v-34.588c0-1.166-.9-2.12-2.04-2.2l-.157-.006h-18.828a1 1 0 0 1 -.117-1.993l.117-.007zm-22.054 22.03a1 1 0 0 1 .993.884l.007.117-.001 2.961.05-.002h3a1 1 0 0 1 .993.883l.006.117v3a1 1 0 0 1 -.883.993l-.117.007h-3a1 1 0 0 1 -.991-.869l-.009-.131v-2.963l-.048.004h-3a1 1 0 0 1 -.992-.869l-.008-.131v-3a1 1 0 0 1 .868-.992l.132-.008h3zm-7.952-.06a2 2 0 0 1 1.995 1.85l.005.15v5a2 2 0 0 1 -1.85 1.994l-.15.005h-5a2 2 0 0 1 -1.994-1.85l-.006-.15v-5a2 2 0 0 1 1.851-1.994l.15-.006h5zm11.5 5.52h-2v2h2zm-11.5-4.02h-5a.502.502 0 0 0 -.491.41l-.009.09v5a.5.5 0 0 0 .41.491l.09.008h5a.5.5 0 0 0 .492-.41l.008-.09v-5a.502.502 0 0 0 -.41-.491l-.09-.009zm-1.445 1.5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1 -.5.5h-2a.5.5 0 0 1 -.5-.5v-2a.5.5 0 0 1 .5-.5zm8.897-1.44h-2v2h2zm-7.397-12.52a2 2 0 0 1 1.995 1.851l.005.15v5a2 2 0 0 1 -1.85 1.994l-.15.005h-5a2 2 0 0 1 -1.994-1.85l-.006-.15v-5a2 2 0 0 1 1.851-1.994l.15-.006h5zm10.884 0a2 2 0 0 1 1.995 1.851l.005.15v5a2 2 0 0 1 -1.85 1.994l-.15.005h-5a2 2 0 0 1 -1.994-1.85l-.006-.15v-5a2 2 0 0 1 1.851-1.994l.15-.006h5zm-10.884 1.5h-5a.502.502 0 0 0 -.491.41l-.009.09v5a.5.5 0 0 0 .41.492l.09.008h5a.5.5 0 0 0 .492-.41l.008-.09v-5a.502.502 0 0 0 -.41-.491zm10.884 0h-5a.501.501 0 0 0 -.492.41l-.008.09v5a.5.5 0 0 0 .41.492l.09.008h5a.5.5 0 0 0 .492-.41l.008-.09v-5a.502.502 0 0 0 -.41-.491zm-12.384 1.5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1 -.5.5h-2a.5.5 0 0 1 -.5-.5v-2a.5.5 0 0 1 .5-.5zm10.884 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1 -.5.5h-2a.5.5 0 0 1 -.5-.5v-2a.5.5 0 0 1 .5-.5z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m10 41a1 1 0 0 1 .117 1.993l-.117.007h-3a1 1 0 0 1 -.117-1.993l.117-.007zm7 0a1 1 0 0 1 .117 1.993l-.117.007h-3a1 1 0 0 1 -.117-1.993l.117-.007zm6.92 0a1 1 0 0 1 .116 1.993l-.116.007h-2.92a1 1 0 0 1 -.117-1.993l.117-.007zm10.08-8a1 1 0 0 1 .117 1.993l-.117.007h-1a1 1 0 0 1 -.117-1.993l.117-.007zm6.92 0a1 1 0 0 1 .116 1.993l-.116.007h-2.92a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_airplane.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_airplane.svg
new file mode 100644
index 0000000000..df413666ce
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_airplane.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 13)"><path d="m36.059 26.114a1 1 0 0 1 1.066 1.688l-.098.062-3.359 1.857a9 9 0 0 1 -2.461.922l-.371.071-.667.115a12.824 12.824 0 0 1 -3.858.073l-.48-.073-.664-.114a9 9 0 0 1 -2.502-.82l-.335-.176-3.35-1.855a1 1 0 0 1 .863-1.8l.105.05 3.35 1.855a7 7 0 0 0 1.877.71l.33.065.664.114c1.077.184 2.176.205 3.257.061l.405-.061.667-.115a7 7 0 0 0 1.905-.617l.297-.156z" fill="var(--db-icon-pulse-color, #EC0016)"/><path d="m29.172 10c1.067 0 3.175-.067 5.535 2.293s2.36 4.109 2.427 5.485c.147 3.061.292 6.123.437 9.185.252 5.285-3.873 10.037-9.57 10.037-5.293 0-9.837-4.435-9.572-10.037.145-3.062.291-6.124.438-9.185.128-2.685.985-4.044 2.426-5.485s3.068-2.293 5.537-2.293h2.343zm0 2h-2.343c-.614 0-2.276-.139-4.122 1.707-1.23 1.23-1.845 2.62-1.842 4.166l-.438 9.185c-.162 3.414 2.427 7.942 7.573 7.942s7.74-4.402 7.573-7.942c-.144-3.062-.29-6.124-.437-9.185-.032-.672-.032-2.355-1.843-4.166-1.207-1.207-2.58-1.776-4.121-1.707zm27.273 5.604a1 1 0 0 1 .451 1.34c-.743 1.498-2.168 2.482-4.081 2.555-1.214.047-2.427.094-3.641.143a4 4 0 1 1 -4.601.179l-4.534.178a1 1 0 0 1 -.078-1.998c4.271-.17 8.543-.336 12.815-.501a2.6 2.6 0 0 0 2.328-1.444 1 1 0 0 1 1.34-.452zm-54.55.448a2.831 2.831 0 0 0 2.38 1.529c3.92.142 7.84.282 11.76.42a1 1 0 0 1 .965 1.035.991.991 0 0 1 -1.035.963c-1.506-.051-3.01-.105-4.516-.161a4 4 0 1 1 -4.666-.167l-2.58-.092a4.775 4.775 0 0 1 -4.097-2.63 1 1 0 0 1 1.788-.897zm45.105 4.948a2.001 2.001 0 0 0 0 4 2 2 0 1 0 0-4zm-38 0a2.001 2.001 0 0 0 0 4 2 2 0 1 0 0-4zm19-8.945c2.707 0 4.77.995 5 2.945.014 1.249.014 2.498 0 3.748a1.25 1.25 0 0 1 -1.122 1.245c-.185.02-.501-.02-.95-.12a18.402 18.402 0 0 0 -6.441.104c-.635.123-1.487-.339-1.487-1.227v-3.75c.18-1.935 2.293-2.945 5-2.945zm0 1.944c-1.654 0-3 .585-3 1.501v2.363c1.38-.15 2.38-.225 3-.225s1.62.075 3 .225c.016-.689.016-1.477 0-2.363 0-.798-1.345-1.5-3-1.5zm0-15.999c.513 0 1 .402 1 1 .002 2.082.002 4.166 0 6.25a1 1 0 0 1 -1 1c-.513 0-1-.446-1-1-.002-2.082-.002-4.166 0-6.25a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_airplane_2.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_airplane_2.svg
new file mode 100644
index 0000000000..fd474d8b33
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_airplane_2.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(2.999 10)"><path d="m20.904.776.16.141 11.44 11.322 7.24-2.334c7.125-2.317 16.391-.322 18.01 4.447l.066.213c.866 3.014-1.436 6.017-5.007 7.221l-15.929 5.097-8.012 14.737a3.004 3.004 0 0 1 -1.461 1.281l-.184.068-.188.054-1.084.287c-1.853.51-3.689-.818-3.799-2.682l-.005-.176-.028-8.891-6.767 2.13c-4.629 1.463-8.655-.372-10.428-4.605l-.103-.257-.097-.258-4.562-12.945c-.503-1.41.168-3.037 1.57-3.48l.159-.044 1.015-.251c1.287-.284 2.514-.127 3.512.556l.197.144 7.13 5.734 6.736-2.172-5.68-11.39c-.807-1.658.113-3.63 1.822-4.22l.174-.054 1.213-.351c.99-.258 2.077.001 2.89.678zm19.758 10.937-.302.095-26.509 8.546a1 1 0 0 1 -.831-.1l-.102-.073-7.54-6.062c-.497-.386-1.189-.496-2.018-.319l-.21.05-.778.194c-.257.062-.436.43-.35.81l.03.104 4.559 12.942c1.26 3.499 4.215 5.015 7.89 3.96l.252-.077 8.065-2.538a1 1 0 0 1 1.293.834l.007.117.032 10.253c0 .596.56 1.053 1.168.955l.115-.024 1.107-.294a.988.988 0 0 0 .527-.354l.057-.086 8.194-15.07a1 1 0 0 1 .454-.428l.12-.046 16.326-5.226c2.64-.91 4.198-2.953 3.678-4.76a2.942 2.942 0 0 0 -.263-.627c-.326.158-.706.325-1.118.493l-.637.252-.67.249-.69.242a40.4 40.4 0 0 1 -1.04.338l-.675.202-.54.15c-.174.047-.344.091-.508.131l-.47.108c-.449.096-.826.154-1.096.16-2.102.057-3.706-2.85-2.627-4.653.287-.432.674-.808 1.221-1.199-2.03-.072-4.16.157-6.122.751zm-20.346 12.129a1.499 1.499 0 1 1 -2.793 1.088 1.499 1.499 0 0 1 2.793-1.088zm5.062-1.658a1.499 1.499 0 1 1 -2.794 1.089 1.499 1.499 0 0 1 2.794-1.089zm5.061-1.657a1.498 1.498 0 1 1 -2.795 1.087 1.5 1.5 0 0 1 2.795-1.087zm5.061-1.656a1.499 1.499 0 1 1 -2.793 1.088 1.499 1.499 0 0 1 2.793-1.088zm5.062-1.657a1.5 1.5 0 1 1 -2.795 1.087 1.5 1.5 0 0 1 2.795-1.087zm-21.896-15.21-.122.022-1.194.346c-.618.174-.973.827-.794 1.361l.043.105 5.811 11.654 7.949-2.562-10.685-10.575a1.302 1.302 0 0 0 -1.008-.352zm31.385 9.35-.63.343-.676.384-.38.232c-.586.37-.945.666-1.11.914-.26.433.386 1.602.882 1.588.097-.002.22-.016.364-.039l.315-.058.176-.039.385-.092.423-.112.57-.163.758-.234.781-.26.622-.218.605-.224a26.76 26.76 0 0 0 1.018-.41c-1.051-.716-2.48-1.268-4.103-1.612z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m18.525 36.532a1 1 0 0 1 1.256.649 1.014 1.014 0 0 1 -.65 1.256c-4.047 1.291-8.097 2.58-12.15 3.87a1 1 0 0 1 -1.256-.65.995.995 0 0 1 .65-1.257 12202.1 12202.1 0 0 1 12.15-3.868z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_bicycle.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_bicycle.svg
new file mode 100644
index 0000000000..dde24e8782
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_bicycle.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(3.99 14)"><path d="m43.97.757a1 1 0 0 1 -.616 1.178l-.111.035-3 .751 2.853 10.475a11.089 11.089 0 0 1 1.915-.166c6.075 0 11 4.925 11 11s-4.925 11-11 11c-6.076 0-11-4.925-11-11 0-4.723 2.976-8.75 7.155-10.31l-3.12-11.457a1 1 0 0 1 .616-1.2l.105-.033 3.99-1a1 1 0 0 1 1.213.727zm-23.063 5.8.045.107 1.056 2.957 13.75-3.588a1 1 0 0 1 .616 1.899l-.11.036-13.58 3.545 3.268 9.15a1 1 0 0 1 -1.838.781l-.045-.107-2.969-8.312-2.459 3.062a10.967 10.967 0 0 1 3.355 7.625l.004.288c0 6.075-4.925 11-11 11s-11-4.925-11-11 4.925-11 11-11c2.249 0 4.34.675 6.082 1.833l3.228-4.019-1.241-3.477a1 1 0 0 1 1.838-.78zm24.103 8.473c-.472 0-.935.036-1.387.106l2.351 8.631a1 1 0 0 1 -.59 1.191l-.112.037a1 1 0 0 1 -1.19-.591l-.037-.111-2.352-8.632a9 9 0 1 0 3.316-.63zm-34.01-.03a9 9 0 1 0 6.382 2.654l-5.602 6.973a1 1 0 0 1 -1.632-1.15l.072-.103 5.603-6.974a8.958 8.958 0 0 0 -4.823-1.4zm26.56-4.835a1 1 0 0 1 .344 1.284l-.058.101-8.863 13.462a2.223 2.223 0 0 1 -1.665.96l-.168.006h-2.14a1 1 0 0 1 -.116-1.994l.117-.006h2.139c.055 0 .107-.02.143-.05l.03-.031 8.852-13.447a1 1 0 0 1 1.386-.285z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m22.01 2a1 1 0 0 1 .117 1.994l-.116.006h-6a1 1 0 0 1 -.117-1.993l.117-.007h6z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_bike_trailer.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_bike_trailer.svg
new file mode 100644
index 0000000000..33869ebf21
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_bike_trailer.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(10.5 16.095)"><path d="m12.5 15.905a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm0 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0 3.85a1.15 1.15 0 1 1 0 2.3 1.15 1.15 0 0 1 0-2.3zm-4.437-21.55c2.75.808 5.498 1.618 8.245 2.43a17 17 0 0 1 7.852 5.293c2.303 2.898 4.51 5.683 6.623 8.356a.989.989 0 0 1 .212.704c-.093 1.166-.094 1.166-.194 2.332a5.017 5.017 0 0 1 -4.983 4.585h-.853l-.117.001h-2.607l-.242-.001c-.581-.001-1-.487-1-1s.419-1 1-1l.6-.001h1.565l.088.001h1.566a2.999 2.999 0 0 0 2.99-2.751c.056-.646.11-1.292.162-1.938l-6.356-8.02a15 15 0 0 0 -6.869-4.64 8194.76 8194.76 0 0 0 -8.245-2.433c-1.89-.525-3.507.715-3.8 2.35-.566 3.162-1.131 6.324-1.694 9.487l.43 6.35a1 1 0 0 0 .434.653l.678.355a1 1 0 0 1 -.888 1.776l-.757-.378a3 3 0 0 1 -1.457-2.191c-.158-2.249-.306-4.435-.446-6.555a1.31 1.31 0 0 1 .014-.242c.855-4.802.856-4.802 1.716-9.605.498-2.78 3.343-4.787 6.333-3.918zm.08 4.53.12.026.118.034 6.67 2.122.363.122a12 12 0 0 1 5.217 3.63l.254.316 1.405 1.806.07.104a1 1 0 0 1 -1.566 1.218l-.083-.094-1.404-1.806-.224-.277a10 10 0 0 0 -4.3-3l-.338-.113-6.67-2.123-1.292 6.888-.028.113a1 1 0 0 1 -1.952-.366l.015-.115 1.291-6.889.033-.146a2 2 0 0 1 2.302-1.451z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m46.749 19.908a1 1 0 0 1 0 2c-.34.002-.93.002-1.771 0-.156 0-.461.026-.694.082-2.855.516-6.13 1.128-9.824 1.833-.23.051-.577.081-.694.082h-1.516a1 1 0 0 1 -1-1c0-.513.443-.998 1-1 .505-.002 1.01-.002 1.516 0a1.03 1.03 0 0 0 .231-.027 1882.26 1882.26 0 0 1 9.824-1.834c.284-.068 1.01-.135 1.157-.136.34-.002.93-.002 1.77 0z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_buggy.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_buggy.svg
new file mode 100644
index 0000000000..5ce3818f9a
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_buggy.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8 10)"><path d="m36 32a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm-19 0a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm19 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm-19 0a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm15.464-34c8.509.033 15.4 6.874 15.534 15.34l.002.834a13.138 13.138 0 0 1 -.515 3.487l-.217.664-.265.783-.4 1.15-.718 2.01-.432 1.166-.238.613a6.12 6.12 0 0 1 -5.372 3.943l-.251.01h-25.437a5.998 5.998 0 0 1 -5.551-3.773l-.088-.23-2.468-7.688a1 1 0 0 1 1.862-.72l.042.108 2.458 7.657a3.992 3.992 0 0 0 3.538 2.64l.21.006h25.415a4.12 4.12 0 0 0 3.701-2.488l.127-.314.26-.68.348-.946.5-1.39.595-1.702.334-.988.133-.41c.235-.817.374-1.658.416-2.5l.013-.42v-.511c.03-7.301-5.702-13.281-12.918-13.635l-.345-.012-3.781 12.29a1 1 0 0 1 -1.137.69l-.113-.028a1 1 0 0 1 -.69-1.137l.028-.113 4-13a1 1 0 0 1 .838-.699l.118-.007zm-24.467 5.999a1 1 0 0 1 .608.206l.1.087 7.001 7a1 1 0 0 1 -1.32 1.498l-.094-.083-6.712-6.709-6.579.002a1 1 0 0 1 -.994-.883l-.007-.117a1 1 0 0 1 .883-.993l.117-.007z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m36.097 17.003a1 1 0 0 1 .116 1.993l-.116.007h-29.097a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_bus_side_view.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_bus_side_view.svg
new file mode 100644
index 0000000000..cc36abe510
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_bus_side_view.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(3.873 13.024)"><path d="m43.127 23.976a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm-30 0a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm30 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm-30 0a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm30.68-25.976c4.313-.002 7.978 3.12 8.678 7.323l.04.259 3.426 20.89a2.92 2.92 0 0 1 -2.808 3.528 1 1 0 0 1 -.15-1.991l.117-.009a.921.921 0 0 0 .705-.347.924.924 0 0 0 .192-.678l-3.46-21.095a6.797 6.797 0 0 0 -6.497-5.875l-.242-.005h-38.764a2.132 2.132 0 0 0 -2.08 1.658l-.023.122-.936 24.955c-.021.282.06.561.225.786l.09.108c.194.207.454.335.733.365l.14.006a1 1 0 1 1 .026 2 3.178 3.178 0 0 1 -3.219-3.181l.945-25.18.01-.108a4.132 4.132 0 0 1 3.886-3.526l.204-.005h38.763zm2.32 5.976a1 1 0 0 1 .116 1.993l-.116.007h-14v8h16a1 1 0 0 1 .116 1.993l-.116.007h-16a2 2 0 0 1 -1.995-1.85l-.005-.15v-8a2 2 0 0 1 1.85-1.995l.15-.005zm-23-.02a2 2 0 0 1 1.994 1.851l.006.15v8a2 2 0 0 1 -1.851 1.994l-.15.005h-14a2 2 0 0 1 -1.994-1.85l-.005-.15v-8a2 2 0 0 1 1.85-1.994l.15-.006zm0 2h-14v8h14z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m33.127 30.976a1 1 0 0 1 .116 1.993l-.116.007h-10a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_call_a_bike.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_call_a_bike.svg
new file mode 100644
index 0000000000..f03acbb3e5
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_call_a_bike.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 15)"><path d="m25 23a1 1 0 0 1 0 2h-14a1 1 0 0 1 0-2zm-14-10c1.137 0 2.251.173 3.315.509a1 1 0 0 1 -.602 1.907 8.995 8.995 0 0 0 -2.713-.416 9 9 0 1 0 9 9 1 1 0 0 1 2 0c0 6.075-4.925 11-11 11s-11-4.925-11-11 4.925-11 11-11zm34 0c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11c0-3.258 1.426-6.286 3.853-8.362a1 1 0 1 1 1.3 1.52 8.976 8.976 0 0 0 -3.153 6.842 9 9 0 1 0 9-9c-.967 0-1.912.152-2.81.447a1 1 0 0 1 -.624-1.9 10.99 10.99 0 0 1 3.434-.547zm-23-11a1 1 0 0 1 0 2h-7a1 1 0 0 1 0-2zm17-2a1 1 0 0 1 .949 1.315l-.889 2.676 6.884 19.679a1 1 0 0 1 -.506 1.229l-.108.045a1 1 0 0 1 -1.274-.614l-6.997-20a1 1 0 0 1 -.005-.645l.56-1.685h-4.614a1 1 0 0 1 -.993-.883l-.007-.117a1 1 0 0 1 1-1zm-20.333 6.057a1 1 0 0 1 1.276.61l5.764 16.333h.744a3 3 0 0 0 2.632-1.559l.087-.172 5.924-12.692a1 1 0 0 1 1.812.846l-5.924 12.692a5 5 0 0 1 -4.53 2.885h-1.452a1 1 0 0 1 -.943-.667l-6-17a1 1 0 0 1 .61-1.276zm1.115 5.843a1 1 0 1 1 1.536 1.28l-9.55 11.46a1 1 0 1 1 -1.536-1.28z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m42.149 4.064a1 1 0 0 1 1.287.585l1.257 3.351h5.188l1.225-2.447a1 1 0 0 1 1.234-.494l.107.047a1 1 0 0 1 .447 1.341l-1.5 3a1 1 0 0 1 -.894.553h-6.5a1 1 0 0 1 -.936-.649l-1.5-4a1 1 0 0 1 .585-1.287z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_car.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_car.svg
new file mode 100644
index 0000000000..d87f04ea01
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_car.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 12.057)"><path d="m40.233.001c2.148 0 3.995 1.432 4.652 3.85 1.025 3.777 2.052 7.553 3.08 11.33l.01.05c1.968 1.445 3.21 3.712 3.059 6.712l-.86 8.052a6.205 6.205 0 0 1 -.173.976l-.001 5.472c0 .964-.116 3.5-3.5 3.5h-3c-3.097 0-3.5-2.001-3.5-3.5 0-.35 0-.723.002-1.116-3.629.388-7.652.616-12.002.616s-8.372-.228-12-.616v1.116c0 2.326-1.211 3.498-3.5 3.5h-3c-2.555 0-3.5-1.33-3.5-3.5l.001-5.514c-.06-.232-.158-.844-.17-.965-.242-2.642-.484-5.283-.723-7.925a7.544 7.544 0 0 1 2.875-6.68c.005-.003 1.046-3.827 3.123-11.47.508-2.197 2.368-3.888 4.661-3.889h24.466zm-32.233 33.77.001 2.778.01.392c-.01.448.45 1.001 1.008 1.001h3.982c.499.001.999-.499.999-.999.028-.032.028-.649-.001-1.851l-4.355-.693a4.58 4.58 0 0 1 -1.644-.628zm34 1.32c-.002.747-.002 1.364.001 1.85-.001.502.499 1.002 1.003 1.001l3.996.001c.5 0 1-.5 1-1v-3.176c-.447.277-.954.48-1.512.602l-4.488.721zm-14-19.68c-5.211 0-14.546.267-15.909.38a5.55 5.55 0 0 0 -4.85 4.165l4.973.356a3 3 0 0 1 2.781 2.819l.005.663a3 3 0 0 1 -3 3l-4.478-.313.301 3.294c.15 1.553.909 2.405 2.31 2.676 5.917 1.181 13.097 1.492 17.867 1.492s12.05-.354 17.847-1.488c1.302-.255 2.11-1.032 2.312-2.455l.379-3.522-4.538.317c-1.575.107-3-1.382-3-3 0-.26.003-.45.003-.679 0-1.115 1.039-2.654 2.783-2.803 1.11-.083 2.811-.204 5.105-.364a5.546 5.546 0 0 0 -5.116-4.17 339.616 339.616 0 0 0 -15.775-.367zm7.013 7.531c.754 0 2.215.07 2.798 2.151.029.138.42 2.024 1.17 5.66a1 1 0 1 1 -1.963.379 679.546 679.546 0 0 0 -1.155-5.657c-.082-.325-.446-.532-.85-.532h-14.006c-.338 0-.782.1-.892.62-.196.919-.389 1.838-.58 2.758l-.553 2.81a1 1 0 1 1 -1.964-.379 622.19 622.19 0 0 1 1.17-5.659c.28-1.237.838-2.11 2.82-2.149zm-27.905-.99.23 2.511c3.092.22 4.646.331 4.662.331a1 1 0 0 0 .993-.883l.007-.607c0-.487-.39-.958-.929-.997-1.653-.12-3.308-.238-4.963-.355zm41.917-.01c-1.96.139-3.659.26-5.096.365-.499.05-.932.45-.929.997-.002.164 0 .366.007.607 0 .41.46.883.993.883l4.755-.338zm4.475-9c1.448 0 2.414 1.086 2.495 2.336l-.002.627a3 3 0 0 1 -1.476 2.39c-.456.231-.812.412-1.07.541a.998.998 0 0 1 -1.341-.447c-.23-.458-.074-1.041.447-1.341.5-.258.761-.35 1.002-.51a.952.952 0 0 0 .445-.832v-.264c0-.245-.191-.5-.5-.5-1.344.003-1.75.003-3.5 0-.568 0-1-.487-1-1s.432-1 1-1c1.75-.003 2.277 0 3.5 0zm-47.5 0a1 1 0 0 1 1 1c0 .513-.425 1-1 1-1.167.002-2.333.002-3.5 0a.5.5 0 0 0 -.492.41l-.008.355a1 1 0 0 0 .445.832l1.002.51a1 1 0 0 1 -.787 1.835l-1.002-.494a3 3 0 0 1 -1.651-2.484l-.007-.463c0-1.325 1.055-2.5 2.5-2.5 1.167-.002 2.333-.002 3.5 0zm34.011-11h-24.009c-1.467 0-2.464.62-2.957 2.433-.88 3.241-1.762 6.483-2.645 9.724.48-.147 1.75-.32 1.875-.325a341.546 341.546 0 0 1 31.592.006 7.565 7.565 0 0 1 1.722.28l-2.644-9.72c-.306-1.327-1.537-2.396-2.934-2.396z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m33 26.943a1 1 0 0 1 1 1c0 .513-.34 1-1 1-3.331.002-6.664.002-10 0a1 1 0 0 1 0-2c3.331-.002 6.664-.002 10 0z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_car_side_view.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_car_side_view.svg
new file mode 100644
index 0000000000..df3ea1809f
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_car_side_view.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 20)"><path d="m43 14a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm-32 0a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm32 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm-32 0a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm14.428-16c2.734 0 5.986 1.021 9.553 2.762a51.774 51.774 0 0 1 6.138 3.545.89.89 0 0 0 .206.103l.114.032 6.005 1.285.752.128c4.76.852 6.98 2.127 7.604 4.124.119.38.17.693.19 1.13l.01.408-.001 1.683a2.928 2.928 0 0 1 -1.35 2.577l-.168.1-.165.072-3 1a1 1 0 0 1 -.74-1.854l.108-.044 2.892-.964.041-.026a.939.939 0 0 0 .38-.697l.002-.127v-1.683l-.007-.323a2.385 2.385 0 0 0 -.1-.655c-.254-.808-1.191-1.519-3.29-2.13l-.485-.134c-.252-.066-.52-.13-.802-.194l-.587-.126-.628-.123c-.217-.04-.44-.08-.672-.119l-.353-.058-6.051-1.294a2.894 2.894 0 0 1 -1.025-.433 49.835 49.835 0 0 0 -5.896-3.406c-3.172-1.548-6.05-2.476-8.363-2.554l-.312-.005h-11.58a8.07 8.07 0 0 0 -5.11 1.769l-.245.207-6.218 6.168a.929.929 0 0 0 -.267.537l-.008.122v5.067c0 .275.136.528.357.682l.1.059.99.495a1 1 0 0 1 -.787 1.835l-.107-.047-.99-.494a2.828 2.828 0 0 1 -1.557-2.342l-.006-.188v-5.067c0-.71.258-1.393.721-1.924l.145-.155 6.262-6.209a10.076 10.076 0 0 1 6.392-2.512l.336-.003zm-3.428 4a1 1 0 0 1 .993.883l.007.117v2.366a.622.622 0 0 0 .456.63l.087.011h10.457a1 1 0 0 1 .117 1.994l-.117.006h-10.502c-1.385-.063-2.47-1.191-2.5-2.521l.002-2.486a1 1 0 0 1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m35 18a1 1 0 0 1 .117 1.993l-.117.007h-16a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_carsharing.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_carsharing.svg
new file mode 100644
index 0000000000..15f702672a
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_carsharing.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 11)"><path d="m40.233 0c2.215 0 4.131 1.598 4.661 3.888l3.07 11.291c.012.044.002.086.008.128a.99.99 0 0 1 .014.204l-.014.1-.028.102c-.012.04-.008.082-.026.122-.008.018-.024.03-.032.046-.032.062-.074.114-.116.168-.04.05-.076.1-.124.142-.042.036-.09.06-.138.088-.068.04-.132.078-.206.102-.016.006-.026.018-.042.022a.9.9 0 0 1 -.24.032.97.97 0 0 1 -.418-.078c-.458-.198-1.452-.464-3.596-.616-4.685-.336-9.505-.322-14.193-.332h-.814a340.7 340.7 0 0 0 -15.631.36l-.282.02c-2.388.23-4.26 1.962-4.822 4.166l4.95.354a3.017 3.017 0 0 1 2.785 2.994v.488c0 1.654-1.345 3-3 3l-.223-.008-4.254-.304.302 3.298c.146 1.518.99 2.494 2.31 2.672l.034.012h.042l.023.005.06.012c.75.152 6.478 1.25 15.168 1.434a1 1 0 0 1 -.022 2h-.022a111.65 111.65 0 0 1 -9.418-.588v1.052c0 .97-.098 1.476-.388 2.014a2.83 2.83 0 0 1 -1.166 1.164c-.533.286-1.041.384-2.011.384h-2.872c-.972 0-1.48-.096-2.016-.388a2.821 2.821 0 0 1 -1.164-1.162c-.286-.538-.384-1.046-.384-2.012v-5.436c0-.006.004-.012.004-.02a6.199 6.199 0 0 1 -.172-.954l-.724-7.934c-.258-2.672.934-5.142 2.916-6.678.006-.058-.004-.116.012-.174l3.08-11.327c.52-2.253 2.438-3.853 4.651-3.853zm-32.235 33.748v2.63c0 .79.078.938.148 1.066a.814.814 0 0 0 .346.346c.134.072.278.15 1.07.15h2.872c.792 0 .938-.078 1.066-.148a.807.807 0 0 0 .348-.346c.072-.132.15-.276.15-1.068v-1.286c-2.6-.334-4.088-.646-4.208-.672a.123.123 0 0 1 -.022-.01 4.556 4.556 0 0 1 -1.77-.662zm26.435-10.805a1 1 0 0 1 0 2h-12.873c-.788 0-.938.08-1.068.15a.814.814 0 0 0 -.346.346c-.02.08-.25.962-1.166 5.694a.999.999 0 1 1 -1.962-.38c1.015-5.255 1.219-5.95 1.333-6.194l.014-.028.02-.038c.267-.498.67-.9 1.167-1.166.538-.286 1.046-.384 2.01-.384h12.87zm-27.325-.99.23 2.51 4.592.328c.622 0 1.07-.448 1.07-.998v-.488c0-.522-.408-.96-.93-.998zm-1.108-9.012a1 1 0 0 1 0 2h-3.5a.5.5 0 0 0 -.5.5v.264c0 .382.212.724.552.894l.896.448c.492.25.694.85.446 1.344a1.004 1.004 0 0 1 -1.342.446l-.894-.448a2.984 2.984 0 0 1 -1.658-2.684v-.264c0-1.378 1.122-2.5 2.5-2.5zm34.233-10.937h-24.466c-1.278 0-2.393.962-2.711 2.338l-2.654 9.76a7.532 7.532 0 0 1 1.884-.327c5.177-.24 10.467-.362 15.713-.362h.812c4.722-.008 9.582.002 14.34.34a23.73 23.73 0 0 1 2.43.282l-2.628-9.655c-.328-1.416-1.443-2.376-2.721-2.376z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m38.393 33.608a2.208 2.208 0 1 1 -3.123 3.122 2.208 2.208 0 0 1 3.123-3.122zm12.207-15.605-10.883 10.864-1.114-.298a6.77 6.77 0 0 0 -1.768-.234 6.79 6.79 0 0 0 -4.832 2.002 6.842 6.842 0 0 0 0 9.663 6.785 6.785 0 0 0 4.832 2.002c1.826 0 3.54-.71 4.83-2.002a6.85 6.85 0 0 0 1.77-6.6l-.299-1.113 3.61-3.612.578-2.808 2.588-.514.536-2.604 2.764-.552.778-.768.012-3.416-3.4-.01zm-.236-2.002 4.348.012c.726.09 1.288.71 1.288 1.462l-.014 4.356c-.042.32-.188.618-.418.848l-1.172 1.156a1.48 1.48 0 0 1 -.622.288l-1.638.326-.378 1.826c-.166.49-.584.862-1.102.966l-1.644.33-.374 1.81c-.072.22-.194.42-.36.584l-2.916 2.92a8.829 8.829 0 0 1 -2.288 8.53 8.836 8.836 0 0 1 -12.491 0 8.832 8.832 0 0 1 0-12.492 8.827 8.827 0 0 1 8.532-2.288l10.35-10.332a1.47 1.47 0 0 1 .895-.304z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_commuter_train.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_commuter_train.svg
new file mode 100644
index 0000000000..40047286ac
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_commuter_train.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(14 8.999)"><path d="m29.334.001c3.63 0 6.666 3.21 6.667 7.273v29.363c0 5.059-3.72 9.446-8.556 9.364h-18.889c-4.664 0-8.554-4.069-8.555-9.364v-29.363c-.001-3.912 2.904-7.272 6.667-7.274a61132.7 61132.7 0 0 1 22.666 0zm-11.333 21c-1.225 0-2.103.291-2.901.83-.064.042-.35.26-.86.653-.459.351-.782.52-1.246.517l-1.385-.013c-3.983-.004-7.186-.26-9.608-.77v14.42c-.001 4.002 2.854 7.362 6.555 7.362h18.89c3.522 0 6.654-3.348 6.555-7.364v-14.462c-2.922.537-5.964.806-9.124.808-.584.004-1.208.01-1.87.019-.407.002-.705-.127-1.08-.394a37.77 37.77 0 0 0 -1.025-.777c-.798-.538-1.675-.829-2.901-.829zm-8 13a3 3 0 0 1 3 3 2.99 2.99 0 0 1 -3 3 750 750 0 0 1 -3 0 3 3 0 0 1 -3-3 3.007 3.007 0 0 1 3-3c1-.002 2-.002 3 0zm18 0a3 3 0 0 1 3 3c0 1.598-1.306 2.997-3 3a750 750 0 0 1 -3 0 3 3 0 1 1 0-6c1-.002 2-.002 3 0zm-18 2a750 750 0 0 0 -3 0 1 1 0 0 0 -1 1c0 .513.397.999 1 1 1 .002 2 .002 3 0a1 1 0 0 0 1-1 .988.988 0 0 0 -1-1zm18 0a750 750 0 0 0 -3 0 1 1 0 0 0 -1 1 .99.99 0 0 0 1 1c1 .002 2 .002 3 0a1 1 0 1 0 0-2zm-10-13a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 1.75c-.704 0-1.25.498-1.25 1.25s.546 1.25 1.25 1.25 1.25-.498 1.25-1.25-.546-1.25-1.25-1.25zm11.333-22.75h-22.666c-2.486-0-4.668 2.222-4.668 5.273v12.905c2.517.548 5.593.816 9.229.803l1.649.018a36.6 36.6 0 0 1 1.103-.828c1.116-.753 2.378-1.17 4.019-1.17 1.642 0 2.903.417 4.02 1.17.082.056.45.332 1.1.828l1.27-.01c3.074.007 6.277-.274 9.61-.844v-12.872c0-2.857-1.953-5.274-4.666-5.274z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m26 4.001a1 1 0 0 1 .118 1.993l-.118.007h-16a1 1 0 0 1 -.117-1.993l.118-.008h16z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_electric_scooter.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_electric_scooter.svg
new file mode 100644
index 0000000000..04e1ac93ae
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_electric_scooter.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(5.998 14)"><path d="m16.002 30a1 1 0 0 1 1 1c0 3.375-2.927 6.077-6.5 6.077s-6.5-2.702-6.5-6.077a1 1 0 0 1 2 0c0 2.233 1.997 4.077 4.5 4.077 2.502 0 4.5-1.844 4.5-4.077a1 1 0 0 1 1-1zm28.5-6a6.5 6.5 0 1 1 0 13 6.5 6.5 0 1 1 0-13zm0 2a4.5 4.5 0 1 0 -.001 9 4.5 4.5 0 0 0 0-9zm-7.943-26a5 5 0 0 1 4.944 4.254l2.486 16.085a1 1 0 0 1 -.7 1.119c-4.073 1.222-6.207 3.462-7.339 6.858a1 1 0 0 1 -.832.677l-.116.007h-7.935a4.993 4.993 0 0 1 -4.828-3.7c-.836-3.1-1.671-6.2-2.504-9.3h-10.733c-3.786 0-7 3.015-7 7v3h17.55c.513 0 .995.41 1 1 0 .513-.39 1-1 1-6.183.002-12.367.002-18.55 0-.513 0-1-.415-1-1a888.89 888.89 0 0 1 0-4c0-4.882 3.92-9 9-9h11.5c.41 0 .839.29.965.74a7082.46 7082.46 0 0 1 2.703 10.04 2.977 2.977 0 0 0 2.897 2.22h7.233c1.234-3.311 3.79-5.926 7.578-7.185-.293-1.85-1.077-6.937-2.352-15.263a3 3 0 0 0 -2.79-2.547l-.176-.005h-3.557a1 1 0 0 1 -.117-1.993l.116-.007zm-20.307 20a1 1 0 0 1 1 1c0 .513-.402 1-1 1-3.165.002-6.332.002-9.5 0a1 1 0 0 1 -1-1c0-.513.442-1 1-1 3.164-.002 6.33-.002 9.5 0zm29.715-14.26.024.113.74 5a1 1 0 0 1 -1.954.408l-.024-.114-.74-5a1 1 0 0 1 1.954-.408z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m20.334 10.516c.07.216.127.4.173.553a1 1 0 0 1 -.657 1.253c-.49.153-1.125-.119-1.252-.657a27.19 27.19 0 0 1 -.173-.553 3 3 0 0 0 -2.869-2.106l-7.335.008a1 1 0 0 1 -1-1 .992.992 0 0 1 1-1c2.444-.005 4.887-.008 7.331-.008 2.116-.004 4.064 1.366 4.782 3.51z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_ev-car.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_ev-car.svg
new file mode 100644
index 0000000000..84c74c1d0f
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_ev-car.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 10)"><path d="m49 6c1.598 0 3 1.308 2.995 3l.005 1.079c2.204.401 4 2.274 3.994 4.921l.006 24.118a4.88 4.88 0 0 1 -4.66 4.877l-10.461.005a4.881 4.881 0 0 1 -4.875-4.664l-.004-24.336c0-2.533 1.726-4.507 4.001-4.921v-1.079c0-1.685 1.4-3 3.003-3zm-8.12 6c-1.534 0-2.88 1.343-2.876 2.712l-.004 24.406c0 1.535 1.238 2.877 2.999 2.877l10.121.005a2.88 2.88 0 0 0 2.874-2.712l.004-24.406a2.88 2.88 0 0 0 -2.708-2.877zm-1.848-12c1.448 0 1.668 0 2.238.119 1.314.274 2.431 1.181 3.105 2.4a1 1 0 0 1 -1.75.968c-.405-.733-1.2-1.487-2.515-1.487h-24.342c-1.21 0-2.293.874-2.674 2.202l-2.698 9.97c.462-.139.756-.204 1.444-.283 1.343-.152 10.888-.389 16.143-.389 1.678 0 3.355.012 5.032.037a1 1 0 0 1 -.03 2 340.777 340.777 0 0 0 -5.002-.037 372.8 372.8 0 0 0 -15.674.36 5.534 5.534 0 0 0 -5.108 4.151l5.013.359c1.512.108 2.786 1.293 2.786 3.27 0 1.975-1.446 3.302-3 3.212-1.036-.06-2.545-.165-4.525-.316l.303 3.303c.15 1.535.92 2.389 2.279 2.665 1.358.276 2.196.392 4.94.753 2.746.361 8.24.743 13.011.743 1.687 0 3.337-.035 4.95-.103a1 1 0 1 1 .084 1.998c-1.64.069-3.32.105-5.034.105-4.352 0-8.378-.228-12.009-.617l.001 1.053c0 .964-.1 1.477-.385 2.012-.268.5-.666.9-1.167 1.167-.49.262-.962.367-1.78.383l-3.104.002c-.964 0-1.477-.1-2.012-.385a2.817 2.817 0 0 1 -1.167-1.167c-.262-.49-.367-.962-.383-1.78l-.002-5.522a5.991 5.991 0 0 1 -.185-.877l-.753-8.155a7.532 7.532 0 0 1 2.945-6.727l3.1-11.486c.503-2.186 2.281-3.893 4.392-3.893l23.534-.008zm-31.032 33.855v2.838c0 .372.071.667.149.812.081.152.189.27.346.346.305.149.755.149 1.069.149h2.745c.58 0 .9 0 1.196-.148a.779.779 0 0 0 .346-.346c.05-.093.148-.226.148-.9v-1.457c-2.12-.322-3.51-.542-4.172-.657-.993-.173-1.293-.309-1.827-.636zm25-10.855a1 1 0 0 1 1 1c0 .513-.45 1-1 1.001l-11.91.01c-.306.018-.835.064-.975.61-.41 1.892-.788 3.748-1.133 5.569a1 1 0 1 1 -1.964-.38c.585-2.919.946-4.689 1.082-5.31.204-.933.62-1.701 1.4-2.105s1.014-.377 1.832-.393zm-25.94-.994.23 2.512c2.823.204 4.393.316 4.71.334.476.028.96-.318 1-1.142.04-.825-.376-1.29-.819-1.331a639.89 639.89 0 0 0 -5.121-.373zm-1.06-9.006a1 1 0 0 1 1 1c0 .513-.45 1-1 1h-3.5c-.24 0-.497.151-.497.647 0 .495.166.765.442.949l1.002.51a1 1 0 1 1 -.913 1.78l-.876-.439c-.956-.477-1.658-1.44-1.658-2.8 0-1.51 1.024-2.642 2.336-2.642zm37-5c-.513 0-1 .4-1 1v1h8v-1c0-.513-.396-1-1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m51 35a1 1 0 0 1 1 1c0 .513-.45 1-1 .993l-10 .007a1 1 0 0 1 -1-1c0-.513.45-1 1-.993zm0-6a1 1 0 0 1 1 1c0 .513-.45 1-1 .993l-10 .007a1 1 0 0 1 -1-1c0-.513.45-1 1-.993zm0-6a1 1 0 0 1 1 1c0 .513-.45 1-1 .993l-10 .007a1 1 0 0 1 -1-1c0-.513.45-1 1-.993zm0-6a1 1 0 0 1 1 1c0 .513-.45 1-1 .993l-10 .007a1 1 0 0 1 -1-1c0-.513.45-1 1-.993z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_ferry.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_ferry.svg
new file mode 100644
index 0000000000..6e3d72abff
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_ferry.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 10.998)"><path d="m8.527 36.526c.4.493 1.446 1.508 1.965 1.934 1.335 1.096 2.778 1.85 4.008 1.85 1.281 0 2.67-.754 4.006-1.85.52-.426 1.568-1.443 1.968-1.935a1 1 0 0 1 1.552 0c.4.492 1.449 1.508 1.968 1.934 1.335 1.095 2.82 1.853 4.013 1.85 1.193-.002 2.582-.687 3.999-1.85.519-.426 1.568-1.442 1.968-1.934a1 1 0 0 1 1.552 0c.4.491 1.45 1.508 1.97 1.934 1.322 1.085 2.817 1.853 4.01 1.85 1.193-.002 2.582-.687 4-1.85.519-.426 1.568-1.442 1.968-1.934a1 1 0 0 1 1.552 0c.4.492 1.449 1.508 1.968 1.934 1.334 1.095 3.441 1.85 4 1.85.558 0 1.006.448 1.006 1 0 .513-.365 1-1.01 1-1.754-.003-3.523-.875-5.264-2.303-.471-.387-1.372-1.198-1.476-1.364-.114.163-.68.711-1.476 1.364-1.644 1.349-3.57 2.317-5.313 2.303-1.744-.013-3.502-.883-5.234-2.303-.701-.576-1.412-1.274-1.477-1.364-.06.086-.665.698-1.476 1.364-1.644 1.348-3.526 2.306-5.281 2.303-1.756-.002-3.526-.874-5.268-2.303-.47-.387-1.182-1.028-1.475-1.364-.181.223-.673.678-1.475 1.364-1.652 1.355-3.494 2.303-5.275 2.303-1.825 0-3.625-.948-5.277-2.304-.47-.386-1.262-1.094-1.473-1.362-.135.17-.626.625-1.473 1.362-1.743 1.432-3.517 2.305-5.277 2.305a1 1 0 0 1 0-2c1.197 0 2.59-.685 4.008-1.85.519-.425 1.39-1.242 1.965-1.933a1 1 0 0 1 1.554 0zm44.473-20.524a1 1 0 0 1 1 1.036c-.258 7.024-3.274 13.618-8.371 17.741a1 1 0 1 1 -1.258-1.555c4.311-3.487 7.006-8.533 7.568-15.222h-48.939c-.513 0-.923-.487-.923-1s.41-1 .923-1c16.64-.003 33.307-.003 50 0zm-46.5 7a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7zm11 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7zm11 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7zm11 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7zm-33 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm-6.44-25c2.11 0 4.1 1.363 4.772 3.508.959 3.065 1.917 6.129 2.872 9.193a1 1 0 0 1 -.656 1.253 1.015 1.015 0 0 1 -1.252-.656 6976.5 6976.5 0 0 1 -2.873-9.193c-.373-1.193-1.448-2.105-2.864-2.105a75295.29 75295.29 0 0 0 -30.059 0 1 1 0 0 1 -1-1c0-.513.434-1 1-1 10.02-.003 20.039-.003 30.06 0z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m6.993 8.002c8.579-.003 17.248-.003 26.007 0a1 1 0 0 1 1 1 .99.99 0 0 1 -1 1c-8.579.002-17.248.002-26.007 0a.992.992 0 0 1 -.991-1c0-.513.439-1 .99-1z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_flinkster.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_flinkster.svg
new file mode 100644
index 0000000000..b2c104615e
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_flinkster.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 20)"><path d="m48 19a5 5 0 1 1 -10.001 0 5 5 0 0 1 10.001 0zm-32 0a5 5 0 1 1 -10.001 0 5 5 0 0 1 10.001 0zm24 0a3 3 0 1 0 6 0 3 3 0 0 0 -6 0zm-32 0a3 3 0 1 0 6 0 3 3 0 0 0 -6 0zm27-1a1 1 0 0 1 0 2h-16a1 1 0 0 1 0-2zm-9.572-18c6.346.14 14.017 5.177 15.691 6.307.095.065.203.11.32.135l6.005 1.285c5.281.851 7.699 2.152 8.356 4.252.178.377.244 1.453.199 3.228.041 1.107-.53 2.102-1.504 2.66-.946.36-2.641.897-3.165 1.071s-1.104-.098-1.279-.622a1.001 1.001 0 0 1 .633-1.265 222.31 222.31 0 0 0 2.942-.987.958.958 0 0 0 .371-.7c.035-1.656 0-2.586-.106-2.788-.365-1.167-2.159-2.132-6.816-2.884l-6.051-1.294a2.913 2.913 0 0 1 -1.025-.433c-1.602-1.083-9.335-5.965-14.571-5.965h-11.579a8.047 8.047 0 0 0 -5.356 1.976l-6.218 6.168a.928.928 0 0 0 -.275.66v5.066c0 .314.177.601.458.741l.989.495a1 1 0 1 1 -.894 1.788l-.99-.494a2.829 2.829 0 0 1 -1.563-2.53v-5.067c0-.78.312-1.529.866-2.079l6.262-6.209a10.072 10.072 0 0 1 6.728-2.515zm-11.462 9.668 4.142.34a.999.999 0 1 1 -.166 1.992l-4.025-.336a1.001 1.001 0 0 1 -.914-1.079 1.01 1.01 0 0 1 .963-.917z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m37.004 11.581a1 1 0 0 1 -.166 1.994l-15.423-1.286a1 1 0 1 1 .166-1.993z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_handcart.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_handcart.svg
new file mode 100644
index 0000000000..3d293675ac
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_handcart.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8 9.998)"><path d="m10 29.002a6 6 0 1 1 0 12 6 6 0 0 1 0-12zm21 0a6 6 0 1 1 0 12 6 6 0 0 1 0-12zm-21 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm21 0a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm-21 2.85a1.15 1.15 0 1 1 0 2.3 1.15 1.15 0 0 1 0-2.3zm21 0a1.15 1.15 0 1 1 0 2.3 1.15 1.15 0 0 1 0-2.3zm-9.014-4.333c.464.183.926.368 1.385.554a1 1 0 0 1 -.632 1.894l-1.496-.591a2 2 0 0 0 -1.305-.063l-1.567.617a1 1 0 0 1 -1.3-.557c-.19-.476 0-1.121.558-1.3.459-.186.92-.37 1.385-.554.88-.352 1.924-.398 2.972 0zm26.5-.182a1 1 0 0 1 -.708 1.125l-9.114 1.526a1 1 0 0 1 -.328-1.973 6272.45 6272.45 0 0 1 9-1.5 1 1 0 0 1 1.15.822zm-7.486-15.335a1 1 0 1 1 0 2c-.005 1.01.002 3 0 6a4.992 4.992 0 0 1 -5 5c-15 .002-15 .002-30 0a5.002 5.002 0 0 1 -5-5c-.002-2-.002-4 0-6a1 1 0 0 1 -1-1c0-.513.397-1 1-1 13.333-.003 26.666-.003 40 0zm-2 2h-36c-.002 2-.002 4 0 6a3 3 0 0 0 3 3c15 .002 15 .002 30 0a2.98 2.98 0 0 0 3-3c.002-2 .002-4 0-6z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m41.291.002c1.415 0 2.721 1 2.963 2.532 1.413 8.934 2.824 17.872 4.234 26.812a1 1 0 0 1 -.832 1.143c-.507.08-1.058-.289-1.144-.831-1.413-8.934-2.824-17.872-4.233-26.812a.994.994 0 0 0 -.988-.844c-.43-.002-.86-.002-1.291 0a1 1 0 0 1 0-2c.43-.003.86-.003 1.291 0z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_ice.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_ice.svg
new file mode 100644
index 0000000000..0c10bb0472
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_ice.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(11 3)"><path d="m39.14 36.632c.555.353 2.19.47 1.728 1.01-2.548 4.366-5.794 6.83-11.348 10.212-1.64 1-4.925 1.646-8.52 1.646s-6.88-.647-8.52-1.646c-5.385-3.28-8.944-6.29-10.685-9.087.375-.75.73-1.462 1.064-2.135 1.655 3.28 5.367 6.29 10.661 9.514 1.27.774 4.22 1.354 7.48 1.354 3.262 0 6.21-.58 7.48-1.354 5.135-3.127 8.966-6.199 10.66-9.514z" fill="var(--db-icon-pulse-color, #EC0016)"/><path d="m20.998 0c6.323 0 10.538 1.3 14.59 4.194 4.066 2.9 6.412 8.043 6.412 14.806 0 2.539-.077 5.109-.217 7.945l-.308 5.536c-.504 8.489-3.34 15.882-7.494 19.217l-.499 2.73a4 4 0 0 1 -3.64 3.27 120.13 120.13 0 0 1 -8.842.305c-3.139 0-6.085-.101-8.84-.305-1.748-.13-3.23-1.355-3.64-3.268-.126-.648-.293-1.557-.5-2.726-2.8-2.25-6.767-8.454-7.472-18.856l-.336-5.978a158.31 158.31 0 0 1 -.212-7.87c0-6.75 2.345-11.902 6.39-14.805 4.023-2.887 8.275-4.195 14.608-4.195zm10.703 53.054a7.4 7.4 0 0 1 -1.537.433c-2.009.317-4.73.488-8.164.513-.716.032-1.382.032-2 0-4.162-.21-4.896.031-8.176-.513a7.345 7.345 0 0 1 -1.522-.427l.186 1.01a2 2 0 0 0 1.82 1.633c2.704.2 5.601.3 8.692.3 3.09 0 5.989-.1 8.695-.3.854-.063 1.615-.64 1.82-1.635.068-.314.13-.652.186-1.014zm-10.703-51.054c-5.923 0-9.766 1.183-13.441 3.82-3.492 2.506-5.557 7.042-5.557 13.18 0 2.534.076 5.08.215 7.877l.307 5.505c.604 10.034 4.676 18.31 9.63 19.132 3.708.486 4.43.486 8.848.486 4.417 0 6.159-.058 8.835-.486 4.97-.829 9.04-9.08 9.643-19.132l.307-5.534c.139-2.806.215-5.346.215-7.848 0-6.149-2.066-10.675-5.573-13.178-3.708-2.647-7.517-3.822-13.429-3.822zm-10.073 28.666a2 2 0 0 1 1.05-.077l2.772.797c.61.177 1.192.664 1.431 1.625.304 1.102.778 2.766 1.423 4.992a2 2 0 0 1 -1.378 2.47 2.842 2.842 0 0 1 -.546.076h-1.262c-1.208 0-2.263-.61-2.829-2.002a862.99 862.99 0 0 1 -1.881-5.33 2 2 0 0 1 1.22-2.551zm18.931-.035a2 2 0 0 1 2.49 2.437l-1.928 5.48a3 3 0 0 1 -2.64 1.995l-1.451.006a2 2 0 0 1 -1.96-2.4c.751-2.631 1.223-4.345 1.415-5.14.268-1.111.951-1.433 1.322-1.573zm-18.265 1.921 1.881 5.33a1 1 0 0 0 .817.659l1.388.008-1.488-5.243zm18.822 0-2.602.754-1.484 5.243h1.262a1 1 0 0 0 .894-.551zm-9.413-27.552c3.978 0 7.254.518 9.83 1.555 4.052 1.482 6.356 5.83 5.662 9.917a46.136 46.136 0 0 1 -1.313 5.604 6.5 6.5 0 0 1 -5.244 4.558l-3.04.465a39 39 0 0 1 -11.79 0l-3.025-.463a6.5 6.5 0 0 1 -5.244-4.56 48.47 48.47 0 0 1 -.77-2.884 96.38 96.38 0 0 1 -.547-2.707 9 9 0 0 1 5.308-9.787c2.626-1.132 6.017-1.698 10.173-1.698zm0 2c-3.904 0-7.033.522-9.381 1.534-2.89 1.245-4.713 4.3-4.133 7.593.07.358.4 2.09.534 2.664.214.917.454 1.785.732 2.711a4.5 4.5 0 0 0 3.417 3.12l3.238.5c3.475.531 7.756.531 11.186 0 1.014-.153 2.027-.308 3.04-.465a4.5 4.5 0 0 0 3.63-3.156 45.262 45.262 0 0 0 1.257-5.364c.525-3.093-1.038-6.435-4.437-7.727-2.313-.93-5.343-1.41-9.083-1.41z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_intercity_train.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_intercity_train.svg
new file mode 100644
index 0000000000..06a1369793
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_intercity_train.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(12 4)"><path d="m38.082 41.124a1 1 0 0 1 .838 1.816l-1.863.852-1.297.58-1.212.533-1.129.483-.706.295-.99.402-.614.241-.578.22-.541.199-.507.177c-.08.028-.16.055-.24.08-4.159 1.04-14.325 1.04-18.558-.02l-.456-.157-.49-.176-.803-.303-.882-.349-.962-.395-1.042-.44-1.121-.486-1.62-.72-1.764-.802-.463-.214a1 1 0 1 1 .838-1.816l1.343.616.85.385 1.592.707.741.324 1.043.446.96.399.593.24.82.321.498.188.461.167.423.145c3.84.96 13.674.96 17.441.022l.437-.15.474-.17.51-.192.831-.324.913-.371 1.343-.566.726-.313 1.155-.509 1.236-.554 1.316-.6.456-.21z" fill="var(--db-icon-pulse-color, #EC0016)"/><path d="m23.617.032c1.3.016 2.6.06 3.898.134 2.533.212 4.155.698 5.819 1.588a11.906 11.906 0 0 1 4.946 4.946c.89 1.664 1.375 3.286 1.588 5.818.082.903.126 2.202.133 3.897.038 7.54.038 15.08 0 22.617a70.45 70.45 0 0 1 -.133 3.965c-.213 2.532-.698 4.154-1.588 5.82a11.905 11.905 0 0 1 -4.946 4.945c-1.589.85-3.025 1.292-5.227 1.527a1 1 0 0 1 -1.072-1.254c.141-.556.265-1.207.376-2.002h-14.826l.382 1.998a1 1 0 0 1 -1.07 1.258c-2.204-.235-3.64-.677-5.228-1.527a11.9 11.9 0 0 1 -4.947-4.946c-.89-1.666-1.375-3.287-1.588-5.82a58.97 58.97 0 0 1 -.133-3.964v-22.617c-.001-.998.043-2.298.133-3.897.213-2.532.698-4.154 1.588-5.818a11.9 11.9 0 0 1 4.946-4.946c1.664-.89 3.286-1.376 5.818-1.588 1.3-.074 2.599-.118 3.898-.134 3.616-.042 3.617-.042 7.233 0zm.236 53.979a1 1 0 0 1 .294 1.978 28.27 28.27 0 0 1 -4.147.311c-1.366 0-2.748-.104-4.147-.31a1 1 0 0 1 .294-1.98c1.302.194 2.586.29 3.853.29s2.551-.096 3.853-.29zm10.053-49.504-1.424 21.543c-.169 2.247-.47 3.313-1.194 4.401-.65.978-1.558 1.734-2.679 2.24-.993.447-1.945.656-3.588.72l-1.283.021h-7.473l-1.284-.021c-1.643-.064-2.595-.273-3.588-.72-1.121-.506-2.029-1.262-2.679-2.24-.687-1.033-.96-2.095-1.194-4.41-.121-1.994-.596-9.172-1.424-21.534a9.903 9.903 0 0 0 -2.61 3.136c-.834 1.56-1.256 3.079-1.412 5.778a44.812 44.812 0 0 0 -.072 2.994c0 3.058-.004 11.342 0 23.107 0 .594.018 1.342.054 2.242.14 2.908.563 4.486 1.43 6.11a9.9 9.9 0 0 0 4.126 4.125c1.007.539 1.92.879 3.115 1.104a31.924 31.924 0 0 1 -.259-1.89.996.996 0 0 1 .13-.612.99.99 0 0 1 .903-.569c5.667-.002 11.333-.002 17 0a1 1 0 0 1 .903.57c.1.174.147.382.124.598a32.99 32.99 0 0 1 -.258 1.905 10.261 10.261 0 0 0 3.12-1.105 9.905 9.905 0 0 0 4.126-4.126c.834-1.56 1.257-3.08 1.413-5.78l.072-3.06v-22.62c0-1.015-.018-1.903-.055-2.664-.14-2.908-.562-4.486-1.43-6.108a9.92 9.92 0 0 0 -2.61-3.136zm-3.53 30.908a2.5 2.5 0 0 1 2.5 2.5v.548a3 3 0 0 1 -1.844 2.768l-2.091.873a4 4 0 0 1 -1.54.309h-1.9a1 1 0 0 1 -1-.973l-.124-4.618a1 1 0 0 1 .923-1.024c2.538-.195 2.531-.383 5.077-.383zm-20.562.007c.515.044 2.143.17 4.885.376a1 1 0 0 1 .92.91l-.118 4.73a1 1 0 0 1 -.885.968l-2.017.007a4 4 0 0 1 -1.294-.215l-2.338-.967c-1.058-.441-1.854-1.52-1.839-2.769l-.006-.547c0-1.38 1.196-2.614 2.692-2.493zm20.563 1.993c-.185 0-1.51.102-3.976.305l.073 2.693h.926a2 2 0 0 0 .77-.155l2.092-.872a1 1 0 0 0 .615-.923v-.548a.5.5 0 0 0 -.5-.5zm-20.755 0a.501.501 0 0 0 -.5.5 21.68 21.68 0 0 0 0 .548 1 1 0 0 0 .507.87l2.2.925a2 2 0 0 0 .572.145l1.127.01.07-2.693zm14.418-35.381-7.655-.002-2.665.055c-2.46.12-3.724.375-5.698 1.22.639 9.544 1.235 18.703 1.494 22.594.162 1.785.436 2.798.865 3.443.438.659 1.051 1.17 1.835 1.523.665.3 1.313.46 2.438.527l1.612.038h7.473l1.611-.038c1.125-.067 1.774-.228 2.438-.527.784-.353 1.397-.864 1.836-1.523.428-.645.702-1.653.864-3.434.166-2.079.665-9.613 1.494-22.603-1.238-.604-2.71-1.054-5.05-1.182-2.515-.138-.374-.09-2.892-.091z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_local_bus.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_local_bus.svg
new file mode 100644
index 0000000000..3b73f16f73
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_local_bus.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(3.764 8.002)"><path d="m41.242 0c2.227.067 3.294.329 4.396.918a6.452 6.452 0 0 1 2.679 2.678c.554 1.037.845 2.081.905 4.437v.183l.001.052.001.884v1.357l.001.184.001 1.705v.242l.001 1.882v2.204l.001.34v2.185l.001.387.001 2.46v2.695l.001.472v2.46l.001.512.001 2.656v2.821l.001.584.001 3.017v3.182l.001.656c0 1.37-.134 2.062-.519 2.782a3.83 3.83 0 0 1 -.485.705l.004 1.795c0 .963-.099 1.477-.385 2.012-.268.5-.666.899-1.166 1.166-.49.263-.963.368-1.78.383l-3.105.004c-.964 0-1.477-.1-2.012-.386a2.817 2.817 0 0 1 -1.167-1.166c-.262-.49-.367-.963-.383-1.78l-.002-.668h-20v.436c0 .963-.099 1.477-.385 2.012-.268.5-.666.899-1.166 1.166-.442.236-.993.372-1.752.386h-.39l-.087-.001h-2.656c-.964 0-1.477-.099-2.012-.385a2.817 2.817 0 0 1 -1.167-1.166c-.262-.49-.367-.963-.383-1.78l.003-2.027a3.782 3.782 0 0 1 -.486-.705c-.36-.672-.5-1.32-.517-2.517v-33.386c.055-2.276.328-3.335.918-4.437a6.452 6.452 0 0 1 2.678-2.678c1.037-.555 2.171-.85 4.4-.918zm-31.006 45.839v1.16c0 .5.5 1 1 1h4c.5 0 1-.5 1-1v-1h-4.374c-.8 0-1.148-.046-1.626-.16zm36 0c-.418.1-.5.16-1.846.16h-4.154l.01.997c-.01.393.3 1.002.988 1.002h4.002c.5 0 1-.5 1-1v-1.16zm1.001-14.84c-2.35 1.391-4.543 1.999-8 2h-22c-3.042 0-5.715-.662-8-1.989v10.99c0 1.054.986 2 2 2h34c1.053 0 2-.959 2-2v-11zm-5.5 4a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7zm-27 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7zm26.986 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm-26.987 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm38.5-28c1.54 0 2.95 1.205 3 2.819v5.18c0 1.598-1.305 3-3 3h-1.25a1 1 0 0 1 -1-1c0-.512.573-.997 1-1 .417-.002.833-.002 1.25 0 .649.007 1-.503 1-1v-5c0-.512-.5-1-1-1h-1.25a1 1 0 0 1 -1-1c0-.512.422-1 1-1 .417-.002.833-.002 1.25 0zm-49.61-.002.624.002c.579 0 1 .487 1 1a1 1 0 0 1 -1 1h-1.25c-.5 0-1 .487-1 1v5c0 .496.351 1.006 1 1 .417-.003.833-.003 1.25 0 .427.002 1 .487 1 1a1 1 0 0 1 -1 1h-1.25c-1.695 0-3-1.403-3-3v-5.181c.05-1.614 1.46-2.82 3-2.82.417-.002.833-.002 1.25 0zm37.616-6.998h-25.98c-5.026 0-6.026 3-6.026 6.034v20.549c3.097 2.006 5.02 2.417 9 2.417 2.02.007 9.02.007 21 0 3.64 0 6-.61 8-2.417.125-1.661.125-8.51 0-20.549-0-4.437-2.332-6.033-5.994-6.033z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m35.236 3.999a1 1 0 0 1 .117 1.993l-.117.007h-14a1 1 0 0 1 -.117-1.994l.117-.005h14z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_local_train.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_local_train.svg
new file mode 100644
index 0000000000..b803344d5c
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_local_train.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(12 4.002)"><path d="m24.5.004c.277 0 1.281.043 3.014.128 2.533.212 4.154.698 5.819 1.588a11.906 11.906 0 0 1 4.946 4.946c.89 1.664 1.375 3.286 1.588 5.818.067.943.1 1.54.101 1.79.013 8.578-.081 17.16.013 25.734a55.961 55.961 0 0 1 -.114 3.955c-.213 2.532-.698 4.154-1.588 5.82a11.905 11.905 0 0 1 -4.946 4.945c-1.59.85-3.025 1.292-5.227 1.527-.592.064-1.282-.45-1.072-1.254.229-.829.616-2.428.639-2.946a185.15 185.15 0 0 1 -7.673.194c-2.082 0-6.548-.121-7.681-.195-.024 0 .2 1.022.671 3.062.125.736-.546 1.198-1.095 1.14-2.203-.236-3.64-.678-5.228-1.528a11.9 11.9 0 0 1 -4.946-4.946c-.89-1.665-1.375-3.287-1.588-5.82-.089-2.302-.133-3.602-.133-3.895 0-12.285.002-24.284.005-24.57l.128-3.012c.213-2.533.698-4.155 1.588-5.819a11.9 11.9 0 0 1 4.946-4.946c1.663-.89 3.285-1.376 5.818-1.588 1.914-.085 2.918-.127 3.013-.128.143-.002 4.502-.007 9.003 0zm-.461 1.996c-4.039-.004-4.039-.022-8.078 0a59.95 59.95 0 0 0 -2.243.054c-2.46.118-4.19.378-6.107 1.43a9.9 9.9 0 0 0 -4.126 4.125c-.834 1.56-1.257 3.079-1.413 5.778a50.148 50.148 0 0 0 -.07 2.572c-.033 12.264-.005 12.265 0 24.529 0 .142.017.89.053 2.242.14 2.908.563 4.486 1.43 6.11a9.9 9.9 0 0 0 4.126 4.125c.988.529 1.886.866 3.05 1.091-.287-1.218-.399-2.062-.41-3.045a1 1 0 0 1 1.052-1.011c3.073.165 5.957.249 8.696.249s5.623-.084 8.696-.249a1 1 0 0 1 1.054 1.02c0 .762-.139 1.775-.416 3.037a10.207 10.207 0 0 0 3.055-1.092 9.905 9.905 0 0 0 4.126-4.126c.834-1.56 1.257-3.08 1.413-5.78.037-1.157.06-2.018.067-2.582.002-.092 0-8.531-.005-25.319l-.045-1.441c-.14-2.908-.563-4.486-1.43-6.108a9.906 9.906 0 0 0 -4.126-4.126c-1.372-.734-3.306-1.303-5.46-1.392a106.97 106.97 0 0 0 -2.888-.091zm-12.039 38.999a3 3 0 0 1 3 3c0 1.597-1.34 2.994-3 2.994l-3 .007a3 3 0 0 1 -3-3c0-1.598 1.34-3 3-3h3zm19.001 0a3 3 0 0 1 3 3c0 1.597-1.341 3-2.824 2.994l-3.176.007a3 3 0 0 1 -3-3c0-1.598 1.339-3 3-2.995l3-.005zm-22.001 2a1 1 0 0 0 -1 1c0 .512.447.993 1 .993l3 .007a1 1 0 0 0 1-1c0-.513-.45-.994-1-.994l-3-.005zm19.001 0a1 1 0 0 0 -1 1c0 .512.381 1 1 .993l3 .007a1 1 0 0 0 1-1 .99.99 0 0 0 -1-.994zm-1.414-38a7 7 0 0 1 7 7l-1.13 17.15c-.17 2.263-.468 3.375-1.143 4.514-.64 1.082-1.527 1.973-2.666 2.494-1.134.518-2.136.84-4.912.842h-7.472c-2.546 0-3.868-.309-4.912-.842a6.478 6.478 0 0 1 -2.666-2.494c-.675-1.14-.973-2.25-1.144-4.514l-1.112-16.685c-.258-3.857 2.764-7.464 6.983-7.464 4.391-.005 8.783-.005 13.174 0zm0 2c-4.391-.002-8.783-.002-13.174 0-3.007 0-5.21 2.582-4.989 5.332.543 8.177 1.027 15.678 1.09 16.353.054.739.136 1.473.248 2.204.301 1.939 1.71 3.088 2.492 3.484.602.305 1.53.64 3.414.622 4.332.007 4.332.017 8.664 0 1.755 0 2.757-.29 3.414-.622.782-.396 2.09-1.386 2.435-3.215.142-.818.244-1.643.304-2.473.1-1.236 1.102-16.575 1.102-16.685 0-2.69-2.101-4.99-5-5z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m23.853 54.01a1 1 0 0 1 .294 1.978 28.27 28.27 0 0 1 -4.147.31c-1.366 0-2.748-.103-4.147-.31a1 1 0 0 1 .294-1.979 26.25 26.25 0 0 0 3.853.29 26.25 26.25 0 0 0 3.853-.29z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_long_distance_bus.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_long_distance_bus.svg
new file mode 100644
index 0000000000..e27804c7c5
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_long_distance_bus.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4.999 4)"><path d="m40.624 0c2.928 0 5.606 2.287 5.947 5.207.657 4.909.655 4.91 1.31 9.818.119.975.119 1.655.119 1.995v30.98c0 1.014-.377 1.94-.999 2.645.002.761.001 1.546 0 2.355a2.994 2.994 0 0 1 -3 3h-4c-1.73 0-2.994-1.372-3-3a83.23 83.23 0 0 1 0-1h-20v1c0 1.598-1.288 2.998-3 3-1.334.002-2.667.002-4 0a2.99 2.99 0 0 1 -3-3c-.002-.808-.002-1.593 0-2.354a3.991 3.991 0 0 1 -1-2.646c-.003-10.31-.003-20.642-.001-30.998 0-.668.042-1.335.125-2.002.471-3.554.906-6.818 1.306-9.793.388-2.902 2.578-5.207 5.955-5.207zm-31.622 51.874v1.126c0 .513.5 1 1 1h4c.512 0 1-.5 1-1v-1h-5c-.346 0-.68-.044-1-.126zm36 0c-.24.062-.488.102-.743.118l-.259.008h-5c-.002.333-.002.667 0 1 0 .5.5 1 1 1 2 .003 2.001.003 4 0 .5 0 1-.5 1-1l.001-1.126zm-4.078-13.281c-3.772 1.15-6.016 1.447-8.919 1.447-1.934 0-3.771.004-5.51.012-3.948-.008-6.444-.03-7.488-.064-3.178-.184-4.96-1.103-6.013-1.41a532.63 532.63 0 0 1 -4.992-1.49l.001 2.9 5.075 1.586c1.098.422 1.923 1.455 1.917 2.8l.006.506a2.5 2.5 0 0 1 -2.5 2.5l-4.5-.339v.959c0 1.002.842 2 2 2 11.333.002 22.667.002 34 0 1.055 0 1.994-.86 2-2a76.59 76.59 0 0 0 0-.959l-4.5.34c-1.325 0-2.5-1.041-2.5-2.5v-.507c.064-1.38.705-2.314 1.923-2.8.89-.345 2.582-.868 5.077-1.569 0-.783-.01-.274-.008-2.917-2.141.624-3.288.961-5.069 1.505zm5.077 3.417c-1.668.475-3.12.951-4.359 1.43a.992.992 0 0 0 -.64.934c-.004.253 0 .292 0 .506.008.233.183.52.5.5l4.498-.345v-3.025zm-37.98 0-.021 2.99 4.5.38c.246 0 .5-.206.5-.5v-.506c0-.373-.214-.764-.64-.934-.423-.162-1.87-.64-4.34-1.43zm32.602-40.01h-27.244a4 4 0 0 0 -3.932 3.268l-.033.203-1.413 10.593.002 18.934c1.931.579 4.367 1.306 5.45 1.628s3.421 1.323 6.314 1.4c2.627.017 4.87.026 6.728.026h7.5c2.9-.095 5.279-1.01 6.447-1.38 1.167-.37 3.681-1.097 5.56-1.674v-18.926l-1.413-10.6a4 4 0 0 0 -3.555-3.451l-.204-.016-.206-.005zm10.377 13a3 3 0 0 1 3 3c.002 1.361.002 2.723 0 4.085a6.15 6.15 0 0 1 -2.985 5.272 1 1 0 0 1 -1.03-1.714 4.18 4.18 0 0 0 2.015-3.558c.002-1.362.002-2.723 0-4.085a.99.99 0 0 0 -1-1 22.915 22.915 0 0 0 -.5 0 1 1 0 1 1 0-2c.167-.002.334-.002.5 0zm-48 0c-1.597 0-2.998 1.256-3 3v4.085a6.15 6.15 0 0 0 2.986 5.272 1 1 0 1 0 1.029-1.714 4.137 4.137 0 0 1 -2.015-3.558l.001-4.085c0-.513.417-.994 1-1 .167-.002.334-.002.5 0a1 1 0 0 0 0-2 22.915 22.915 0 0 0 -.5 0z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m43.251 15a1 1 0 0 1 1 1c0 .513-.397 1-1 1h-32.5a1 1 0 1 1 0-2c10.652-.002 21.485-.002 32.5 0z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_long_distance_trains.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_long_distance_trains.svg
new file mode 100644
index 0000000000..b4ee299ad9
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_long_distance_trains.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(6 6)"><path d="m41.7 22.293c3.085 0 4.872 1.074 6.252 2.9a10.732 10.732 0 0 1 2.155 5.826l.098 3.64a27.385 27.385 0 0 1 -.676 6.771l-.753 3.004c-.23.753-.418 1.282-.562 1.587-.217.457-.88 1.422-1.12 1.71-.242.287-.93.991-1.912 1.317a1 1 0 0 1 -.968 1.245h-8a1 1 0 0 1 -.966-1.262 4.389 4.389 0 0 1 -2.03-1.484c-.521-.688-1.264-1.75-1.615-3.29l-.56-2.2a27.106 27.106 0 0 1 -.83-6.719l.093-3.946c.056-2.24.815-4.407 2.17-6.199 1.33-1.76 3.197-2.9 6.317-2.9zm5.163 21.542c-1.358.856-2.161 1.348-2.408 1.476-.371.192-.772.31-1.336.381a47.666 47.666 0 0 1 -2.906.104c-.914.003-1.83-.026-2.746-.086-.704-.074-1.163-.21-1.595-.453-.233-.13-2.096-1.296-2.311-1.422.087.423.22.811.404 1.162.183.352.44.763.77 1.234.413.611 1.234 1.062 1.854 1.055l7.15.007c.735 0 1.497-.323 1.965-1.046.468-.722.71-1.092.895-1.542.122-.3.21-.59.264-.87zm-8.07-19.542c-2.29 0-3.62.647-4.722 2.106a8.735 8.735 0 0 0 -1.751 4.703l-.098 3.67c-.053 2.08.136 4.231.662 6.38.775.43 3.61 2.132 3.773 2.228.592.352 1.723.415 3.574.415 1.852 0 2.819.045 3.576-.415.757-.459 3.077-1.864 3.728-2.217.453-1.738.68-3.68.679-5.826l-.091-3.895a8.728 8.728 0 0 0 -1.766-5.043c-1.068-1.412-2.231-2.102-4.657-2.102zm-6.083-8.891c2.56 0 4.871 1.386 6.23 3.42.088.106.14.332.14.506a1 1 0 0 1 -1 1 .984.984 0 0 1 -.836-.482c-.005-.003-.02-.001-.022-.005a5.768 5.768 0 0 0 -.58-.707l-.022.542a.999.999 0 0 1 -1.997.018c-.002 0 .07-1.895.07-1.895a5.249 5.249 0 0 0 -1.688-.39l-5.295-.007c-.692 0-1.362.142-1.983.397l.42 10.453c.046.453.254.792.7.914.214.054.975.219.981.223a.987.987 0 0 1 .783.957 1 1 0 0 1 -1 1c-.24.003-1.03-.187-1.03-.187a3 3 0 0 1 -2.42-2.646l-.382-9.38c-.984 1.03-1.505 2.272-1.562 3.729l-.007 12.717c1.319.508 3.226.935 4.953 1.312.796.066 1.154.518 1.151 1.019-.002.5-.448 1-1 1-.35 0-1.92-.374-3.526-.779l-.481-.122-.71-.182a5.7 5.7 0 0 0 3.657 3.324.997.997 0 0 1 1.098-.704c.318.045.635.078.952.11.253.026.413.242.433.347.106.558.464 2.05.464 2.05.046.207-.006.447-.32.447h-.92c-4.194 0-7.617-3.263-7.747-7.35l-.004-13.151c0-3.945 3.311-7.363 7.262-7.495l5.238-.004zm12.014 21.922a1 1 0 0 1 .674 1.146l-.961 2.982a1.001 1.001 0 0 1 -1.891-.61l.96-2.982a1.001 1.001 0 0 1 1.218-.536zm-7.916.51.94 2.895a1 1 0 0 1 -1.861.723l-.94-2.896a.999.999 0 0 1 1.86-.722zm-17.808-37.834c8.246 0 15.474 5.3 18.034 13.002a1 1 0 1 1 -1.898.631 16.942 16.942 0 0 0 -1.13-2.634h-7.265c.08.399.154.806.223 1.22a1.001 1.001 0 0 1 -1.974.325 32.197 32.197 0 0 0 -.292-1.545h-11.393c-.449 2.104-.733 4.475-.793 7h4.702a1 1 0 0 1 0 2l-4.702.001c.181 7.696 2.43 14.417 5.212 16.043a1 1 0 0 1 -.521 1.863c-9.82-1.015-17.203-9.136-17.203-18.906 0-10.493 8.506-18.999 19-19zm-8.489 20h-8.482c.424 7.278 5.444 13.389 12.278 15.345-2.22-3.326-3.658-9.052-3.796-15.345zm29.703 6.293c2.105 0 3.69.433 4.757 1.298 1.066.866 1.25 1.757 1.143 2.713-.084.738-.15 1.313-.414 2.43s-1.231 1.998-2.39 2.2a13.683 13.683 0 0 1 -3.096.36c-1.55 0-1.868-.118-3.098-.36-1.23-.243-2.132-1.1-2.406-2.27a25.035 25.035 0 0 1 -.412-2.334 3 3 0 0 1 .914-2.524c1.062-1.009 2.729-1.513 5.002-1.513zm-15.686 7.165a1.002 1.002 0 0 1 1.186-.773l1.965.416a1.001 1.001 0 0 1 -.206 1.98c-.046 0-.77-.146-2.173-.438a1.001 1.001 0 0 1 -.772-1.185zm15.686-5.165c-1.805 0-2.987.358-3.625.963a1.002 1.002 0 0 0 -.313.695c-.004.17.123.92.38 2.255a.998.998 0 0 0 .682.73c1.24.234 2.196.354 2.867.357.67.003 1.59-.107 2.763-.33a.999.999 0 0 0 .75-.593c.126-.3.33-1.612.408-2.292.032-.279.02-.557-.415-.934-.592-.512-1.813-.85-3.497-.85zm-36.218-17.293a16.905 16.905 0 0 0 -1.967 7l8.482-.001c.055-2.486.312-4.85.742-6.999l-7.257-.001zm10.638-8.434a17.03 17.03 0 0 0 -9.383 6.434h6.469c.711-2.646 1.706-4.863 2.914-6.435zm8.746.006c1.28 1.757 2.245 3.9 2.896 6.429h6.477a17.032 17.032 0 0 0 -9.373-6.429zm-4.38-.573c-2.02 0-3.967 2.748-5.195 7h10.392c-1.258-4.332-3.252-7-5.197-7z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m17.214 26.5a1 1 0 0 1 0 2h-13.805a1 1 0 0 1 0-2z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_mobility_hub.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_mobility_hub.svg
new file mode 100644
index 0000000000..05cb8e9c11
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_mobility_hub.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(6.165 11.463)"><path d="m17.262.811c.063.473-.193.955-.803 1.05-.318.045-.637.088-.957.128l1.568 4.901a4.235 4.235 0 1 1 -1.782.569l-.315-.988-3.704 4.119a1.21 1.21 0 0 1 -1.953-.215l-1.1-2.543-.605.719a4.235 4.235 0 1 1 -1.43-1.205l1.21-1.439-1.258-2.937h-.797a.935.935 0 0 1 -.935-.935c0-.477.367-.935.935-.935a541.27 541.27 0 0 1 2.75 0 .935.935 0 0 1 .08 1.865c.253.595.511 1.2.777 1.813l4.917-1.788-.477-1.495a.93.93 0 0 1 .767-1.212c.686-.093 1.374-.185 2.061-.275a.935.935 0 0 1 1.05.803zm-13.027 7.934a2.365 2.365 0 1 0 2.114 1.304l-1.399 1.663a.944.944 0 0 1 -1.317.113c-.362-.305-.48-.902-.113-1.317.464-.556.93-1.11 1.398-1.663a2.365 2.365 0 0 0 -.683-.1zm13.43.011.66 2.07a.937.937 0 0 1 -.605 1.174.94.94 0 0 1 -1.175-.606 550.52 550.52 0 0 1 -.662-2.069 2.365 2.365 0 1 0 1.782-.57zm-3.893-3.745-4.092 1.489.888 2.072 3.204-3.56zm31.79 21.046c.55-.111 1.056.251 1.176.784s-.281 1.076-.784 1.177l-1.538.307 1.676 9.223a3 3 0 1 1 -1.942.507l-.317-1.743c-.774.624-1.267 1.178-1.477 1.64-.346.76-.521 1.618-.521 2.585a1 1 0 0 1 -1 1h-6.17a3 3 0 1 1 0-2h5.222a7.796 7.796 0 0 1 .649-2.414c.446-.979 1.412-1.965 2.897-3.011l-1.092-6.054a1.5 1.5 0 0 1 1.2-1.598zm.273 13.48a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-14 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-6c2.144 0 4.05 1.066 4.87 2.506a1 1 0 0 1 -1.74.989c-.456-.803-1.693-1.495-3.13-1.495a1 1 0 0 1 0-2zm-4-8c1.094 0 2 .875 2 2 0 1.094-.875 2-2 2-1.094 0-2-.875-2-2 0-1.094.875-2 2-2zm.063-5.02c1.53 0 2.968.595 4.062 1.66.219.22.281.47.281.72 0 .47-.312 1.003-1 1.003-.25 0-.5-.094-.687-.282-.719-.69-1.656-1.096-2.656-1.096s-2 .407-2.657 1.096a.989.989 0 0 1 -.718.282c-.594 0-1-.533-1-1.003 0-.25.093-.532.312-.72 1.156-1.096 2.406-1.66 4.063-1.66zm0-4.98c2.843 0 5.593 1.128 7.625 3.164.187.187.312.47.312.72 0 .595-.438 1.002-1 1.002a1.1 1.1 0 0 1 -.719-.282 8.668 8.668 0 0 0 -6.218-2.63c-2.47 0-4.688.908-6.375 2.599-.188.188-.438.313-.688.313-.438 0-1-.344-1-1.002 0-.282.094-.501.281-.72 2.157-2.13 4.625-3.164 7.782-3.164z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m8.812 16.091c.17-.476.745-.803 1.268-.625.523.177.791.737.626 1.268-.854 2.737-1.976 7.823 1.346 13.61 3.178 5.535 8.896 7.896 12.914 8.137.55.033.96.528.915 1.079a1 1 0 0 1 -1.079.915c-6.72-.56-11.888-4.576-14.592-9.35-3.441-6.074-2.434-12.328-1.398-15.034zm36.023 5.946a1 1 0 1 1 -2 0c0-9.112-7.952-18.016-19.37-16.251a1.007 1.007 0 0 1 -1.157-.813.993.993 0 0 1 .812-1.157c12.592-1.976 21.715 8.004 21.715 18.221z" fill="var(--db-icon-pulse-color, #EC0016)" transform="matrix(.9998477 -.01745241 .01745241 .9998477 -.380309 .462911)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_scooter.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_scooter.svg
new file mode 100644
index 0000000000..d622dcfc4a
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_scooter.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(11.007 14)"><path d="m14.102 33.448-2.454-4.921-.178-.314c-.655-1.123-1.248-1.825-2.026-2.377a5.947 5.947 0 0 0 -2.153-.987l-.322 1.554a5.001 5.001 0 0 1 -1.969 9.598 5 5 0 0 1 -.217-9.996l.226-.004 4.621-22.323c.1-.488-.185-1.045-.737-1.173-.712-.18-1.425-.358-2.138-.534a1 1 0 1 1 .484-1.941c.713.176 1.426.354 2.138.534 1.503.376 2.579 1.846 2.21 3.518a36027.87000000001 36027.87000000001 0 0 1 -3.89 18.807 7.934 7.934 0 0 1 2.904 1.314c1.036.735 1.81 1.65 2.597 3.002l.292.52 2.126 4.275h11.784a15 15 0 0 0 3.39-.388l1.215-.317a5 5 0 1 1 .515 1.934l-.74.197a17 17 0 0 1 -3.826.565l-.554.009h-12.4a1 1 0 0 1 -.898-.553zm-9.512-5.42a3 3 0 1 0 1.959.403l-.573 2.772a1 1 0 0 1 -1.182.777c-.502-.104-.883-.558-.777-1.182.19-.923.38-1.847.573-2.77zm32.407-.027a3 3 0 0 0 -2.991 2.762l2.733-.728a1 1 0 0 1 1.224.708c.132.496-.157 1.114-.709 1.224-.91.245-1.822.488-2.733.729a3 3 0 1 0 2.476-4.696z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" transform="matrix(-1 0 0 1 41.997 0)"/><path d="m13.811 22.536a1 1 0 0 1 -.855 1.126l-3.37.461c-3.103.426-5.383 2.758-5.87 5.384a1 1 0 1 1 -1.966-.365c.64-3.447 3.577-6.453 7.563-7l3.372-.461a1 1 0 0 1 1.126.855z" fill="var(--db-icon-pulse-color, #EC0016)" transform="matrix(-1 0 0 1 15.553 0)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg
new file mode 100644
index 0000000000..e33084c1cb
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(3.891 12)"><path d="m44.109 26a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm-32.034 0a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm32.034 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm-32.034 0a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm36.615-28a4.268 4.268 0 0 1 4.176 3.516l.032.21 3.068 22.977.023.113a2.738 2.738 0 0 1 -.524 2.107l-.12.147a2.738 2.738 0 0 1 -2.338.918 1 1 0 0 1 .088-1.995l.116.005a.738.738 0 0 0 .811-.805l-.035-.199-3.073-23.01a2.268 2.268 0 0 0 -2.07-1.977l-.16-.007h-41.117a2.27 2.27 0 0 0 -2.207 1.807l-.027.159-3.323 23.02a.895.895 0 0 0 .868 1.026l.118-.006a1 1 0 1 1 .225 1.988 2.895 2.895 0 0 1 -3.213-3.094l.023-.205 3.321-23.01a4.27 4.27 0 0 1 3.998-3.678l.21-.007zm-2.827 6a2 2 0 0 1 1.99 1.806l.01.154.23 11.494a1.995 1.995 0 0 1 -1.475 1.975 76.932 76.932 0 0 1 -17.51 2.545l.002 5.026a1 1 0 0 1 -1.993.117l-.008-.117-.001-5.015-.174-.005-.707-.036-.755-.052-.395-.032-.405-.036-.842-.084-.435-.047-.9-.105-.935-.119-.968-.131-.998-.144-1.024-.155-1.583-.252-1.08-.18-1.099-.189-1.113-.197-2.26-.416-1.714-.328a1.994 1.994 0 0 1 -1.607-1.804l-.005-.157v-11.516a2 2 0 0 1 1.85-1.995l.151-.005h35.754zm-18.755 1.999-16.999.001-.001 11.515 1.662.318 1.67.31 1.103.197 1.09.19 1.603.27 1.559.25 1.009.152.981.142.951.13.918.118.881.104.842.09.8.075.383.032.371.028.707.044.472.02-.002-13.985zm18.755.001-16.755-.001v13.975a74.858 74.858 0 0 0 15.995-2.22l.991-.256-.23-11.498z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m34.109 32a1 1 0 0 1 .117 1.993l-.117.007h-12a1 1 0 0 1 -.117-1.993l.118-.007h12z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_shuttle.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_shuttle.svg
new file mode 100644
index 0000000000..696088d5bb
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_shuttle.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 8)"><path d="m47 22c4.412 0 8 3.588 8 8v17a1 1 0 0 1 -2 0v-17a6.006 6.006 0 0 0 -5.71-5.992c-.968.69-2.852 2.604-6.48 7.636-.375.52-1.245.52-1.621 0-3.63-5.03-5.514-6.944-6.48-7.636a5.951 5.951 0 0 0 -3.954 1.748 5.963 5.963 0 0 0 -1.756 4.244v17a1 1 0 0 1 -2 0v-17c0-2.138.83-4.148 2.342-5.658a7.956 7.956 0 0 1 5.658-2.342c.184 0 .364.05.52.144 1.412.858 3.536 3.224 6.48 7.216 2.941-3.992 5.067-6.356 6.48-7.216.155-.094.335-.144.52-.144zm-21.163-17a1 1 0 0 1 0 2h-12.545a2.181 2.181 0 0 0 -2.122 1.642l-2.27 9.024h19.145a.997.997 0 0 1 1 .998 1 1 0 0 1 -1 1h-19.63c-.383 0-.555.136-.675.266-.366.404-.57 1.242-.618 2.484h3.676c1.434 0 2.6 1.166 2.6 2.6v.758a2.604 2.604 0 0 1 -2.6 2.602h-3.3l.182 2.042c.106 1.106.676 1.75 1.686 1.906.008.002.014.008.022.008h.022c.056.012 5.677 1.126 12.153 1.372a1 1 0 0 1 -.038 2h-.04a85.176 85.176 0 0 1 -6.496-.51v2.026c0 .796-.086 1.238-.332 1.696a2.44 2.44 0 0 1 -1.017 1.008c-.45.242-.894.328-1.692.328h-2.288c-.798 0-1.242-.086-1.7-.332a2.431 2.431 0 0 1 -1.01-1.004c-.246-.458-.332-.902-.332-1.696v-4.292c-.502-.616-.842-1.39-.932-2.322l-.428-4.812c-.374-3.864-.076-6.02 1-7.204.138-.152.288-.284.45-.4l2.524-10.034a4.173 4.173 0 0 1 4.06-3.154zm-17.22 29.16-.001 3.058c0 .572.052.67.094.746a.427.427 0 0 0 .188.188c.084.046.182.098.76.098h2.288c.578 0 .676-.052.754-.094a.44.44 0 0 0 .194-.192c.042-.076.094-.174.094-.746v-2.28a72.735 72.735 0 0 1 -3.974-.646c-.022-.004-.04-.02-.062-.026-.12-.02-.218-.076-.334-.106zm14.22-10.91a1 1 0 0 1 0 2h-1.992c-.568 0-.658.052-.73.094a.512.512 0 0 0 -.21.23c-.01.06-.196.824-.922 4.854a1.003 1.003 0 0 1 -1.162.806 1 1 0 0 1 -.806-1.162c.86-4.776.996-5.174 1.09-5.368l.012-.024a2.533 2.533 0 0 1 1.004-1.07c.456-.264.91-.36 1.726-.36zm-12.041 1.166h-3.64c.024.378.054.772.094 1.192l.068.768h3.478c.33 0 .6-.27.6-.602v-.758a.6.6 0 0 0 -.6-.6zm29.203-24.416c2.705 0 5.413.54 8.12 1.618a2.979 2.979 0 0 1 1.88 2.762v.848c0 1.264-.859 2.318-2.023 2.652a8.85 8.85 0 0 1 1.022 4.12 9 9 0 0 1 -18 0 8.85 8.85 0 0 1 1.023-4.12c-1.164-.334-2.022-1.388-2.022-2.652v-.848c0-1.216.744-2.308 1.88-2.762 2.706-1.078 5.414-1.618 8.12-1.618zm-35 15.25a1 1 0 0 1 0 2l-2.875.002-.124.232a.6.6 0 0 0 .346.542l.678.318a1 1 0 0 1 -.85 1.812l-.678-.318a2.613 2.613 0 0 1 -1.496-2.356c0-1.278.952-2.232 2.124-2.232h2.876zm41.537-5.622a7.984 7.984 0 0 1 -6.536 3.372 7.981 7.981 0 0 1 -6.538-3.372c-.276.744-.462 1.53-.462 2.372a7 7 0 1 0 14 0c0-.842-.187-1.628-.463-2.372zm-1.284-1.628h-10.507a6.037 6.037 0 0 0 5.254 3.028 6.037 6.037 0 0 0 5.253-3.028zm-5.255-6.008c-2.44 0-4.924.496-7.382 1.476a.983.983 0 0 0 -.624.912l-.004.846c0 .43.36.78.802.78h14.411c.442 0 .802-.35.802-.78v-.848a.982.982 0 0 0 -.626-.912c-2.456-.978-4.94-1.474-7.38-1.474z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m49.998 32h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_speedboat.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_speedboat.svg
new file mode 100644
index 0000000000..2cfb433432
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_speedboat.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 21)"><path d="m8.527 26.214c.4.493 1.446 1.508 1.965 1.934 1.335 1.096 2.778 1.85 4.008 1.85 1.281 0 2.67-.754 4.006-1.85.52-.426 1.568-1.442 1.968-1.935a1 1 0 0 1 1.552 0c.4.493 1.449 1.509 1.968 1.935 1.335 1.095 2.82 1.852 4.013 1.85 1.193-.003 2.582-.688 3.999-1.85.519-.426 1.568-1.443 1.968-1.935a1 1 0 0 1 1.552 0c.4.492 1.45 1.509 1.97 1.935 1.322 1.084 2.817 1.852 4.01 1.85 1.193-.003 2.582-.687 4-1.85.519-.426 1.568-1.443 1.968-1.935a1 1 0 0 1 1.552 0c.4.492 1.449 1.509 1.968 1.935 1.334 1.094 3.441 1.85 4 1.85.558 0 1.006.447 1.006 1 0 .513-.365 1-1.01 1-1.754-.004-3.523-.876-5.264-2.304-.471-.386-1.372-1.198-1.476-1.364-.114.164-.68.712-1.476 1.364-1.644 1.349-3.57 2.317-5.313 2.304-1.744-.014-3.502-.884-5.234-2.304-.701-.575-1.412-1.274-1.477-1.364-.06.086-.665.699-1.476 1.364-1.644 1.349-3.526 2.306-5.281 2.304-1.756-.003-3.526-.875-5.268-2.304-.47-.386-1.182-1.028-1.475-1.364-.181.223-.673.678-1.475 1.364-1.652 1.355-3.494 2.303-5.275 2.304-1.825 0-3.625-.948-5.277-2.304-.47-.387-1.262-1.095-1.473-1.363-.135.171-.626.625-1.473 1.363-1.743 1.43-3.517 2.304-5.277 2.304a1 1 0 0 1 0-2c1.197 0 2.59-.685 4.008-1.85.519-.426 1.39-1.242 1.965-1.934a1 1 0 0 1 1.554 0zm26.769-22.331c.482.545 1.235 1.591 2.257 3.137l17.28-2.92a1 1 0 0 1 1.015 1.517c-3.331 5.333-6.665 10.667-10 16a1 1 0 0 1 -1.752-.958l.056-.102 8.821-14.113-48.529 8.2c-1.414.192-2.442 1.017-2.444 2.942-.002 1.833-.002 3.667 0 5.5a1 1 0 0 1 -1.993.117l-.007-.116v-5.5c0-2.734 1.64-4.498 4.142-4.92 15.644-2.643 28.444-4.793 31.285-5.288-.542-.935-1.113-1.587-1.63-2.171-1.975-2.234-3.982-3.575-6.633-3.135-5.525.918-7.887 1.302-11.045 1.84.11 1.136.065 2.418-.137 3.846a1 1 0 1 1 -1.967-.361c.242-1.318.238-2.713-.001-4.147-.085-.505.19-1.045.822-1.15 3.999-.67 8-1.336 12.003-2.001 3.161-.517 6 1.005 8.457 3.783z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m43.806 12.992a1 1 0 0 1 .434 1.949l-.114.025-30.966 5.022a1 1 0 0 1 -.434-1.95l.114-.024z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_subway.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_subway.svg
new file mode 100644
index 0000000000..e7edf6c3c9
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_subway.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 4)"><path d="m35.653 15.001c2.402 0 3.647.33 4.75.919a6.452 6.452 0 0 1 2.677 2.678c.555 1.037.842 2.074.919 4.749.02.112.02 7.368 0 21.768l-.032 1.345c-.1 2.276-.436 3.578-1.154 4.919a8.269 8.269 0 0 1 -3.434 3.434c-1.267.678-2.767 1.187-6.635 1.187l-9.86-.001c-3.271.001-4.922-.468-6.263-1.186a8.269 8.269 0 0 1 -3.434-3.434c-.678-1.267-1.086-2.715-1.154-4.92a22.911 22.911 0 0 1 -.032-1.344v-21.768c.095-2.726.33-3.647.919-4.75a6.452 6.452 0 0 1 2.678-2.677c1.037-.555 2.395-.919 4.749-.919 2.538.013 12.717.013 15.306 0zm6.347 22.119c-5.307.586-9.972.88-13.999.88-4.026 0-8.692-.294-13.998-.88l-.003 3.88h2c1.598 0 3 1.325 3 3v1c0 1.598-1.293 3.001-3 3-.333-.003-.943-.003-1.83.001.11.755.223 1.392.78 2.435.558 1.042 1.275 1.938 2.614 2.614 1.34.675 2.405.921 5.32.95h9.86c2.607 0 3.921-.165 5.388-.796 1.466-.631 2.465-1.966 2.918-2.768.452-.803.654-1.572.78-2.435l-1.83-.001c-1.868.001-2.995-1.54-3-3 .005-.33 0-.6 0-1 0-1.777 1.436-3 3-3h2zm0 5.88h-2c-.541 0-1 .385-1 1v1c0 .56.459 1 1 1h1.982l.018-1.257zm-26 0c-.374.004-1.04.004-2 0l.01 1.791.008 1.208 1.982.001c.513 0 1-.44 1-1v-1c0-.513-.459-.993-1-1zm12-43c15.466 0 28 12.674 28 28.3a28.382 28.382 0 0 1 -4.4 15.235 1 1 0 1 1 -1.69-1.07 26.382 26.382 0 0 0 4.09-14.165c0-14.527-11.643-26.3-26-26.3s-26 11.773-26 26.3c0 5.037 1.401 9.862 4.002 14.025a1 1 0 0 1 -1.696 1.06 28.385 28.385 0 0 1 -4.306-15.085c0-15.626 12.534-28.3 28-28.3zm7.71 17.002c-1.71.016-13.71.016-15.468 0-1.95 0-3.013.313-3.7.681a4.452 4.452 0 0 0 -1.859 1.858c-.34.635-.67 1.459-.683 4.15a1206.72 1206.72 0 0 0 0 11.416c5.335.596 10 .893 14 .893 4.003 0 8.67-.297 14-.893v-11.415c0-2.692-.315-3.463-.683-4.15a4.452 4.452 0 0 0 -1.858-1.859c-.635-.34-1.51-.681-3.75-.681z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m33 19a1 1 0 0 1 0 2c-3.331.002-6.664.002-10 0a1 1 0 0 1 -1-1c0-.513.394-1 1-1 3.331-.002 6.664-.002 10 0z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_taxi.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_taxi.svg
new file mode 100644
index 0000000000..ac9b115209
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_taxi.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 5.999)"><path d="m40.877 6.001c2.218 0 4.284 1.525 4.85 3.788 1.058 4.222 2.115 8.445 3.169 12.669 1.262.74 1.86 2.376 1.986 4.85a35.867 35.867 0 0 1 -.139 4.319l-.57 6.427c-.113 1.176-.524 2.169-1.174 2.92l.001 5.464c0 2.221-.939 3.563-3.564 3.564h-2.872c-1.892 0-3.563-.706-3.564-3.564v-2.95c-3.362.326-7.046.514-11 .514s-7.638-.188-11.002-.514l.002 2.95c0 2.089-.86 3.562-3.564 3.564h-2.872c-2.657-.001-3.564-1.408-3.564-3.565 0-1.825 0-3.65.002-5.476-.6-.709-1.071-1.832-1.17-2.942-.211-2.361-.42-4.723-.627-7.085-.073-2.128-.103-3.338-.09-3.631.14-2.925.806-4.18 1.991-4.859l3.166-12.654a5.01 5.01 0 0 1 4.851-3.79h25.754zm-31.877 36.295v4.712c.018.637.533.991 1.012.992 1.606.004 2.379.004 3.984 0 .58-.001.997-.493 1.002-.992.012-1.244.012-2.489-.001-3.735-2.96-.353-4.959-.679-5.998-.977zm38-.008c-.376.163-2.376.49-6 .983a765.33 765.33 0 0 0 0 3.729c0 .62.535 1.001 1.003 1.001h3.997c.454 0 1.001-.46 1-1v-4.714zm0-18.288h-38c-1.07 0-1.679.95-1.852 3.007-.03.535-.046.866-.048.993h4.9a2.988 2.988 0 0 1 3 3v1c0 1.598-1.275 2.868-3 3a2003.6 2003.6 0 0 1 -4.43 0l.253 2.834c.15 1.552 1.003 2.5 2.31 2.675 1.866.24 7.289 1.491 17.867 1.491s16.584-1.25 17.847-1.488 2.11-1.032 2.31-2.439l.278-3.073h-4.435a3.017 3.017 0 0 1 -3-3v-1c0-1.597 1.296-2.998 3-3h4.897c-.06-2.627-.632-4-1.897-4zm-12.316 5c2.265 0 3.303 1.552 3.316 3v1c0 2-1.552 3-3.316 3-4.456.002-9.012.002-13.67 0a3.017 3.017 0 0 1 -3.014-3v-1a3.003 3.003 0 0 1 3.014-3c4.456-.002 9.013-.002 13.67 0zm.296 2h-13.966c-.553 0-1.014.5-1.014 1l.003 1c-.003.516.365 1 1.011 1h13.966c.411 0 1.017-.494 1.02-1v-1c0-.582-.47-1-1.02-1zm13.876-1h-4.856c-.513 0-.997.43-1 1-.003.5 0 1 0 1 0 .513.42 1 1 1 2.305.004 3.498 0 4.611 0 .097-1 .177-1.857.245-3zm-36.856 0c-1.617-.002-3.235-.002-4.853 0l.246 3h4.607c.513 0 1-.5 1-1v-1a.991.991 0 0 0 -1-1zm41-8c1.688 0 3 1.403 3 3a3 3 0 0 1 -3 3 1 1 0 0 1 -1-1c0-.513.43-1 1.006-1s.994-.487.994-1-.41-.996-1-1c-.5-.003-.5.003-1 0a.987.987 0 0 1 -1-1 .987.987 0 0 1 1-1c.5-.003.584.007 1 0zm-49 0a1 1 0 0 1 1 1 .994.994 0 0 1 -1 1c-.333.002-.667.002-1 0a1 1 0 0 0 -1 1c0 .513.448 1 1 1a1 1 0 1 1 0 2 3 3 0 0 1 -3-3 3.01 3.01 0 0 1 3-3zm36.877-14h-25.754a3.006 3.006 0 0 0 -2.91 2.273c-.98 3.909-1.957 7.818-2.933 11.727h37.44l-2.933-11.727a2.982 2.982 0 0 0 -2.91-2.273z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m33.5.001c1.325 0 2.489 1.1 2.5 2.5v.5a1 1 0 0 1 -1 1c-.513 0-.993-.369-1-1a22.915 22.915 0 0 1 0-.5c0-.245-.206-.5-.5-.5-3.665-.002-7.331-.002-11 0-.245 0-.5.214-.5.5-.002.167-.002.334 0 .5a1 1 0 0 1 -2 0 22.915 22.915 0 0 1 0-.5c0-1.325 1-2.499 2.5-2.5h11z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_tram.svg b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_tram.svg
new file mode 100644
index 0000000000..ecb09e3ea6
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/transportation/db_ic_il_tram.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(16.001 6)"><path d="m23.652 6.001.642.013c1.938.059 3.005.316 4.107.906a6.452 6.452 0 0 1 2.678 2.678c.555 1.037.815 2.043.893 3.773l.025.976.003 26.653a163.75 163.75 0 0 1 -.053 1.826c-.074 1.171-.074 2.583-1.128 4.513-.918 1.678-2.255 2.84-3.44 3.474-1.267.678-2.498 1.015-4.55 1.135-.694.032-1.39.049-2.085.052a3314.3 3314.3 0 0 1 -11.538-.05c-2.073-.118-3.31-.455-4.585-1.137a8.269 8.269 0 0 1 -3.435-3.434c-.678-1.267-1.016-2.498-1.135-4.549l-.051-1.715v-26.768c.001-2.37.329-3.647.918-4.75a6.452 6.452 0 0 1 2.679-2.677c1.037-.555 2.042-.816 3.773-.894l.976-.025zm-7.653 28.999c-4.027 0-8.692-.294-13.998-.88l-.002 4.88h4c1.597 0 2.992 1.205 3 3v1c0 1.598-1.265 3-3 3h-3.265c.619 1.339 1.348 2.24 2.829 3.05 1.284.676 2.27.842 4.042.92l1.65.03h9.488l1.6-.029c1.69-.07 2.825-.244 4.092-.921 1.042-.558 2.159-1.617 2.83-3.05-.864.003-1.634.003-3.266 0-1.537.05-2.993-1.314-3-3-.002-.5-.002-.5 0-1 0-1.59 1.295-2.998 3-3 1.333-.002 2.666-.002 4 0l-.001-4.88c-5.307.586-9.973.88-14 .88zm13.998 6c-.998 0-2.62.007-3.998 0-.678.007-1.002.577-1 1 0 .344-.002.645 0 1a.988.988 0 0 0 1 1c1.276.003 2.553.004 3.83.002.067-.468.172-2.002.168-3.002zm-23.998 0h-4c0 1.501.101 2.527.17 3.002l3.831-.002c.513 0 1-.525 1-1v-1c0-.513-.422-1-1-1zm17.899-32.995-15.657-.002-1.145.04c-1.195.078-1.868.272-2.556.64a4.452 4.452 0 0 0 -1.858 1.858c-.387.643-.6 1.495-.64 2.557l-.043 1.594v17.415c5.335.596 10 .893 14 .893 4.003 0 8.67-.297 14-.893.013-5.805.013-11.61 0-17.415 0-.457-.014-.988-.043-1.594-.078-1.196-.272-1.869-.64-2.557a4.452 4.452 0 0 0 -1.858-1.858c-.636-.34-1.258-.531-2.29-.62zm-2.371-8.005c.388 0 .928.107 1.341.317.312.154.838.417 1.578.789a1 1 0 0 1 -.787 1.835l-1.685-.835a1.048 1.048 0 0 0 -.447-.106h-4.528v2c0 .59-.415 1-1 1-.592 0-1-.41-1-1v-2h-4.529c-.117 0-.333.041-.447.106l-1.578.788a1 1 0 0 1 -1.342-.447.986.986 0 0 1 .449-1.341c.521-.264 1.047-.527 1.577-.79a3.067 3.067 0 0 1 1.342-.316z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m22.999 10a1 1 0 0 1 1 1c0 .513-.402 1-1 1-4.663.002-9.33.002-14 0a1 1 0 0 1 0-2c4.662-.002 9.33-.002 14 0z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_1st_class.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_1st_class.svg
new file mode 100644
index 0000000000..75e380e0a7
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_1st_class.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 5)"><path d="m28.407 37 4.141.001h2.509a5.527 5.527 0 0 1 4.813 3.479l4.086 13.226a1 1 0 0 1 -.662 1.25c-.522.13-1.042-.063-1.25-.662l-3.987-12.96c-.45-1.269-1.542-2.204-3.057-2.334l-.393-.001h-7.999l-3.608.001c-.552 0-1-.427-1-1s.478-1 1-1zm-23.154-32.357a5.79 5.79 0 0 1 1.745 3.957l.002 8.397c-.001 1.654.23 3.41.691 5.269l5.756 20.838c.583 1.586 2.078 1.906 2.553 1.896h13a.999.999 0 1 1 0 2l-.19-.001h-12.848c-1.91-.075-3.591-1.256-4.336-3.076l-.082-.212-5.784-20.923c-.467-1.714-.72-3.643-.76-5.788v-8.14a3.795 3.795 0 0 0 -3.957-3.86 1 1 0 0 1 -.086-2 5.795 5.795 0 0 1 4.296 1.643zm14.417 16.656 2.763 10.105c.043.29.258.518.482.58l10.074.01c.553 0 1.01.454 1.01 1.006a.995.995 0 0 1 -1.01.995l-.094.002-.098.001-.21.001h-.182l-.104.001h-.233l-.13.001h-.6l-.172.001h-4.213l-.323-.002h-.674l-.35-.001h-.724l-.374-.001-.775-.001h-.81a2.704 2.704 0 0 1 -2.437-2.13l-2.658-9.79a3.195 3.195 0 0 0 -.802-1.314 3.013 3.013 0 0 0 -1.339-.753 3.016 3.016 0 0 0 -1.468-.035 1 1 0 0 1 -.438-1.952 5.07 5.07 0 0 1 5.89 3.275zm31.83-21.299a2.5 2.5 0 0 1 2.5 2.5v15a2.5 2.5 0 0 1 -2.5 2.5h-15a2.5 2.5 0 0 1 -2.5-2.5v-15a2.5 2.5 0 0 1 2.5-2.5zm-15 2a.5.5 0 0 0 -.5.5c-.003 5-.003 10 0 15 0 .245.205.5.5.5 5 .003 10 .003 15 0 .245 0 .5-.2.5-.5.003-5 .003-10 0-15a.5.5 0 0 0 -.5-.5c-5-.003-10-.003-15 0zm-21 2a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11zm0 2a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m41.938 7.369c-.142.069-.641.216-.885-.24-.18-.426.127-.84.394-.958 1.447-.688 2.218-1.05 2.315-1.087a1.26 1.26 0 0 1 .454-.084c.231 0 .413.077.545.232a.82.82 0 0 1 .198.55v8.408h1.087c.165 0 .588.14.588.588 0 .465-.423.587-.588.587h-4.351c-.165 0-.587-.122-.587-.587s.422-.588.587-.588l1.218-.007.002-7.231z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_bahnbonus.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_bahnbonus.svg
new file mode 100644
index 0000000000..a305e24c33
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_bahnbonus.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(13 4)"><path d="m25 0a5 5 0 0 1 5 5v6a1 1 0 0 1 -2 0v-6a3 3 0 0 0 -3-3h-2v.034a2.966 2.966 0 0 1 -2.966 2.966h-10.068a2.966 2.966 0 0 1 -2.966-2.966v-.034h-2a3 3 0 0 0 -3 3v46a3 3 0 0 0 3 3h20a3 3 0 0 0 3-3v-8a1 1 0 0 1 2 0v8a5 5 0 0 1 -5 5h-20a5 5 0 0 1 -5-5v-46a5 5 0 0 1 5-5zm-4 50a1 1 0 0 1 0 2h-12a1 1 0 0 1 0-2zm0-48h-12v.034c0 .496.373.904.853.96l.113.006h10.068a.966.966 0 0 0 .966-.966z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m15 19.224a5.236 5.236 0 0 1 5.224-5.224c2.876 0 5.176 2.348 5.176 5.224s-2.3 5.176-5.176 5.176-5.224-2.3-5.224-5.176zm7.2 15.176c0 1.973 1.578 3.6 3.6 3.6 1.973 0 3.6-1.627 3.6-3.6s-1.627-3.6-3.6-3.6a3.588 3.588 0 0 0 -3.6 3.6zm4-10.81c-.008-3.546 2.839-6.39 6.42-6.39 3.488 0 6.38 2.844 6.38 6.377 0 3.579-2.892 6.423-6.38 6.423-3.49 0-6.42-2.905-6.42-6.41z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_bear.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_bear.svg
new file mode 100644
index 0000000000..f6f815bea3
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_bear.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(5 4)"><path d="m43.5 0a10.48 10.48 0 0 1 10.5 10.5c0 4.052-2.264 7.633-6 9.5 0 9.83-8.188 18.228-18 18-2.51.054-4.793-.64-5.444-.838a1 1 0 0 1 .605-1.907c1.753.538 3.227.745 4.839.745 8.837 0 16-7.163 16-16a63.24 63.24 0 0 0 -.036-1.332c3.85-1.258 6.036-4.648 6.036-8.168a8.5 8.5 0 0 0 -8.5-8.5c-2.375 0-4.623.88-6.855 3.423-2.682-1.123-4.565-1.423-6.645-1.423-1.92 0-3.773.238-6.645 1.424-2.213-2.649-4.6-3.424-6.855-3.424a8.5 8.5 0 0 0 -8.5 8.5c0 3.425 2.002 6.666 6.039 8.168-.039.263-.039 1.124-.039 1.332 0 2.402.542 4.78 1.593 7.001a11.003 11.003 0 0 1 6.407 9.999c0 2.33-.724 4.49-1.96 6.269l6.5 5.447a4 4 0 1 1 -1.304 1.516l-6.482-5.43a10.965 10.965 0 0 1 -7.754 3.198c-6.075 0-11-4.925-11-11s4.925-11 11-11c.718 0 1.42.069 2.099.2-.667-1.81-1.03-3.579-1.099-6.213-3.111-1.382-6-4.933-6-9.487 0-5.799 4.701-10.5 10.5-10.5 2.732 0 5.271 1.013 7.407 3.059 1.885-.705 4.09-1.059 6.093-1.059s4.248.367 6.092 1.059c1.035-.991 3.4-3.059 7.408-3.059zm-14.676 50a2 2 0 1 0 2 2c0-1.105-.924-2-2-2zm-17.824-22a9 9 0 1 0 9 9c0-4-3.323-9-9-9zm20.586-5a1 1 0 0 1 .707 1.707l-1.293 1.293v2.07c.715.635 1.379.93 2 .93.739 0 1.317-.231 1.793-.707a1 1 0 0 1 1.414 1.414c-.857.858-1.946 1.293-3.207 1.293-.97 0-2-.35-3.001-1.161-.809.628-1.738 1.161-2.999 1.161s-2.35-.435-3.207-1.293a1 1 0 0 1 1.414-1.414c.476.476 1.054.707 1.793.707.621 0 1.286-.295 2-.93v-2.07l-1.293-1.293a.997.997 0 0 1 -.293-.696c-.003-.26.15-1.011 1-1.011zm6.919-6.25a1.75 1.75 0 1 1 -1.75 1.75c0-1.08.788-1.75 1.75-1.75zm-16.93 0a1.75 1.75 0 1 1 -1.75 1.75c0-.966.716-1.75 1.75-1.75z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m15.072 33.629a1 1 0 0 1 1.856.742c-2.065 5.164-6.79 9.015-12.757 10.642a1 1 0 1 1 -.526-1.93c5.39-1.47 9.607-4.906 11.427-9.454z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_bike_in_train.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_bike_in_train.svg
new file mode 100644
index 0000000000..f187607822
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_bike_in_train.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 10)"><path d="m11.045 20c1.632 0 2.857.888 3.174 2.431l.907 4.57h5.619c.47 0 .878.385.973.855l1.38 6.97a1.006 1.006 0 0 1 -1.977.376l-1.193-6.202h-5.65c-.471 0-.88-.296-.973-.767l-1.036-5.242c-.125-.628-.565-.99-1.193-.99-.596 0-.753.268-1.161.268-.534 0-.91-.47-.91-1.036 0-.847 1.16-1.233 2.04-1.233zm-9.038-9c2.13 0 3.999 1.66 3.999 4.01v2.851l2.298 11.56c.182.91 1.034 1.579 1.974 1.579h5.726c.564 0 1 .436 1 1s-.436 1-1 1h-5.726a3.975 3.975 0 0 1 -3.916-3.203l-2.33-11.56a3.224 3.224 0 0 1 -.031-.376v-2.851c0-1.128-.898-2.01-1.994-2.01a.985.985 0 0 1 -1.003-.997 1.01 1.01 0 0 1 1.003-1.003zm21.069-11a5 5 0 0 1 5 5v.021l-.059 14a5 5 0 0 1 -5 4.979h-2.017a1 1 0 0 1 0-2h2.017a3 3 0 0 0 3-2.987l.059-14v-.013a3 3 0 0 0 -3-3h-20.076a1 1 0 0 1 0-2zm-11.811 11.753c1.789 0 3.233 1.476 3.233 3.265s-1.444 3.265-3.233 3.265a3.263 3.263 0 0 1 -3.265-3.265 3.263 3.263 0 0 1 3.265-3.265zm0 2.009a1.26 1.26 0 0 0 -1.256 1.256 1.26 1.26 0 0 0 1.256 1.256 1.26 1.26 0 0 0 1.255-1.256 1.26 1.26 0 0 0 -1.255-1.256zm37.299-11.762c.613 0 1.33.652.834 1.551l-3.233 4.898c-.11.179-.165.357-.165.533v1.77a1 1 0 1 0 2 0v-1.454l3.067-4.645a3 3 0 0 0 -2.503-4.653h-4.564a1 1 0 0 0 0 2zm-47.564 37a1 1 0 0 0 0 2h54a1 1 0 0 0 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m42.54 22.496-4.65-.073.56-5.412zm-2.377 8.4c.44.652 1.097.516 1.447.267a.98.98 0 0 0 .24-1.31l-1.645-2.683a3.43 3.43 0 0 1 2.005.076 3.481 3.481 0 0 1 2.147 4.42c-.622 1.816-2.439 2.74-4.401 2.156-1.963-.585-3.315-3.491-1.444-5.619l1.651 2.694zm10.89-19.404a.985.985 0 0 0 -1.378-.25.996.996 0 0 0 -.248 1.382c.043.062.612.962.595 1.946-.034 1.912-1.55 3.47-3.455 3.47-1.567 0-2.879-1.06-3.3-2.498l3.107.092a.994.994 0 0 0 1.017-.966.993.993 0 0 0 -.96-1.022l-3.151-.092c.172-.564.41-1.122 1.22-1.764.431-.341.528-.951.201-1.391-.328-.44-.94-.513-1.385-.202-1.086.76-1.87 2.207-2.088 3.296-.002.003-1.7-.047-5.092-.15l.122-1.101a.994.994 0 0 0 -.877-1.097.992.992 0 0 0 -1.092.88l-.236 2.17c-.076.7.507 1.09.954 1.102l1.625.048-.73 7.048-2.034-.058.345-1.008a.995.995 0 0 0 -.613-1.262.988.988 0 0 0 -1.258.616l-1.288 3.757a.994.994 0 0 0 .614 1.263.988.988 0 0 0 1.257-.616l.265-.774 2.98.072 1.278 2.084a5.445 5.445 0 0 0 -1.51 2.287c-.978 2.855.533 5.965 3.374 6.947 2.84.982 5.937-.534 6.916-3.387.974-2.854-.535-5.962-3.374-6.947a5.392 5.392 0 0 0 -3.716.064l-.622-1.013 4.963.076a.988.988 0 0 0 .907-.562l.269-.763a1.585 1.585 0 0 0 -.225-1.46l-4.681-6.272 1.444.043c.522 2.718 2.815 4.547 5.374 4.547 2.996 0 5.38-2.38 5.433-5.457.03-1.71-.874-2.973-.948-3.078z" fill="var(--db-icon-pulse-color, #EC0016)" transform="matrix(.9998477 -.01745241 .01745241 .9998477 -.395155 .727778)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_business_customer.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_business_customer.svg
new file mode 100644
index 0000000000..d3d6f3dfeb
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_business_customer.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(9 11)"><path d="m47 34v6a3 3 0 0 1 -3 3h-23a3 3 0 0 1 -3-3v-6a1 1 0 0 1 2 0v6a1 1 0 0 0 1 1h23a1 1 0 0 0 1-1v-6a1 1 0 0 1 2 0zm-38.481-14.855a12.73 12.73 0 0 0 6.471 1.855 12.753 12.753 0 0 0 5.587-1.354 1 1 0 1 1 .897 1.787 14.76 14.76 0 0 1 -6.484 1.567c-2.503-.026-5.127-.726-7.252-1.994-1.139-.112-5.616 1.147-5.738 5.994v12c0 .552-.436 1-1 1s-1-.462-1-1v-12a8 8 0 0 1 8-8c.183 0 .363.05.519.145zm19.481 11.855v3a1 1 0 0 1 -2 0v-3a1 1 0 0 1 2 0zm11 0v3a1 1 0 0 1 -2 0v-3a1 1 0 0 1 2 0zm-4.115-11c1.717 0 3.115 1.378 3.115 3.084v.915l6 .001a3 3 0 0 1 3 3l-.003 3.64a27.29 27.29 0 0 1 -5.76 1.947 1 1 0 1 1 -.439-1.951c1.308-.284 2.708-.718 4.2-1.302l.002-2.334c0-.513-.31-.91-1-1-.658-.01-8.325-.01-23 0a1 1 0 0 0 -1 .999l.001 2.335c1.583.619 2.984 1.053 4.2 1.302.488.1.878.656.756 1.195a.999.999 0 0 1 -1.195.756c-2.064-.459-3.984-1.108-5.759-1.947l-.003-3.64c0-1.656 1.344-3 3-3l6-.001v-.915c0-1.706 1.399-3.084 3.115-3.084zm-4.77 2c-.618 0-1.115.489-1.115 1.084v.915h7v-.915c0-.595-.496-1.084-1.115-1.084zm-6.115-13a9 9 0 0 1 -9 9 9 9 0 0 1 -9-9 9 9 0 0 1 9-9 9 9 0 0 1 9 9zm-16 0a7 7 0 1 0 14 0 7 7 0 0 0 -14 0z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m34.928 31.428a1 1 0 0 1 .14 1.995c-.86.061-3.095.191-5.134 0-.537-.05-.967-.515-.929-1.066s.532-.983 1.067-.929c1.3.133 4.042.058 4.856 0z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg
new file mode 100644
index 0000000000..4fce7e0c2a
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 4)"><path d="m23 38 12.057.002a5.527 5.527 0 0 1 4.813 3.478l.086.226 4 13a1 1 0 0 1 -1.871.698l-.04-.11-3.988-12.96c-.45-1.27-1.586-2.166-2.864-2.317l-.193-.017h-12a1 1 0 0 1 -.117-1.993zm-17.747-32.357a5.79 5.79 0 0 1 1.745 3.957l.002.28v8.118c.004 1.584.19 3.162.548 4.696l.143.573 5.756 20.838a2.873 2.873 0 0 0 2.366 1.882l.187.013h13a1 1 0 0 1 .117 1.993l-.117.007h-13.04c-1.908-.076-3.59-1.257-4.335-3.077l-.082-.212-5.783-20.923c-.449-1.7-.7-3.444-.75-5.202l-.01-.586v-8.14a3.795 3.795 0 0 0 -3.957-3.86 1 1 0 0 1 -.086-2 5.795 5.795 0 0 1 4.296 1.643zm14.417 16.656.072.217 2.666 9.773.025.116c.043.288.258.517.482.58l.085.015h10a1 1 0 0 1 .116 1.993l-.117.007-10.075-.003a2.704 2.704 0 0 1 -2.438-2.13l-.015-.081-2.65-9.715a3.065 3.065 0 0 0 -3.428-2.13l-.174.035a1 1 0 0 1 -.438-1.952 5.07 5.07 0 0 1 5.89 3.275zm24.71-22.299c.964 0 1.924.118 2.86.353a1 1 0 0 1 -.488 1.94 9.684 9.684 0 0 0 -2.361-.293 9.5 9.5 0 0 0 -9.391 9.5c0 5.204 4.187 9.44 9.38 9.5.798 0 1.594-.102 2.366-.305a1 1 0 1 1 .508 1.935c-.938.246-1.905.37-2.886.37-6.3-.073-11.368-5.2-11.368-11.5s5.068-11.427 11.379-11.5zm-28.88 5a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11zm0 2a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m54.305 4.281a1 1 0 0 1 1.475 1.345l-.085.093-10.712 10.357a1 1 0 0 1 -1.315.066l-.093-.084-4.288-4.357a1 1 0 0 1 1.332-1.486l.094.084 3.592 3.65z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_delayed.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_delayed.svg
new file mode 100644
index 0000000000..8242900b10
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_delayed.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(10 6.798)"><path d="m22 3.202c2.877 0 5.68.554 8.29 1.616a1 1 0 1 1 -.755 1.852 19.897 19.897 0 0 0 -6.535-1.443v1.975a1 1 0 0 1 -1.993.117l-.007-.117v-1.975c-3.029.15-5.881.972-8.41 2.323l.637 1.068a1 1 0 0 1 -1.653 1.12l-.065-.096-.634-1.063a20.107 20.107 0 0 0 -5.848 6.039l1.154.618a1 1 0 0 1 -.838 1.812l-.106-.048-1.184-.634a19.89 19.89 0 0 0 -2.028 7.838h1.975a1 1 0 0 1 .117 1.993l-.117.005h-1.975a19.887 19.887 0 0 0 2.312 8.391l1.07-.642a1 1 0 0 1 1.126 1.65l-.097.065-1.071.643a20.107 20.107 0 0 0 6.058 5.871l.589-1.064a1 1 0 0 1 1.8.863l-.05.105-.592 1.069a19.89 19.89 0 0 0 7.83 2.025v-1.976a1 1 0 0 1 1.993-.116l.007.116v1.976a19.887 19.887 0 0 0 8.326-2.278l-.664-1.114a1 1 0 0 1 1.653-1.12l.065.097.666 1.115a20.107 20.107 0 0 0 5.856-5.978l-1.107-.631a1 1 0 0 1 .887-1.79l.104.053 1.1.628a19.888 19.888 0 0 0 2.09-7.957h-1.976a1 1 0 0 1 -.117-1.994l.117-.007h1.975a20.17 20.17 0 0 0 -.062-.882 1 1 0 0 1 1.991-.186c.064.685.096 1.375.096 2.068 0 12.15-9.85 22-22 22s-22-9.85-22-22 9.85-22 22-22zm-7.618 16.615.105.05 8.06 4.498.081.06.102.093.07.083.053.08 7.01 12.018a1 1 0 0 1 -1.662 1.105l-.065-.098-6.861-11.763-7.762-4.329a1 1 0 0 1 .869-1.797z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m36.097 12.557v-4.63c0-.59.47-1.05 1.033-1.05.532 0 .97.46.97 1.05v4.63c0 .656-.407 1.115-.97 1.115-.564 0-1.033-.492-1.033-1.115zm-.704-11.344-8.06 16c-.156.328-.25.656-.25.984 0 .983.751 1.803 1.846 1.803h16.307c1.096 0 1.847-.82 1.847-1.803 0-.295-.094-.656-.25-.984l-8.029-16c-.421-.787-1.064-1.213-1.721-1.213s-1.26.426-1.69 1.213zm1.945.993 7.695 15.313c.128.24 0 .481-.287.481h-15.344c-.192 0-.32-.137-.32-.275 0-.103.033-.137.033-.206l7.713-15.313c.063-.103.16-.206.255-.206.096 0 .223.103.255.206zm-.27 14.614c.563 0 1-.46 1-1.05s-.437-1.049-1-1.049c-.564 0-1.002.46-1.002 1.05s.438 1.049 1.001 1.049z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_departure_board.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_departure_board.svg
new file mode 100644
index 0000000000..6eb5fbf0ce
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_departure_board.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(6 6)"><path d="m31 33a5 5 0 0 1 4.995 4.783l.005 7.217a1 1 0 0 1 -2 .002v-7.002a3 3 0 0 0 -2.824-2.995l-12.176-.005a3 3 0 0 0 -2.995 2.824l-.005 12.176a1 1 0 0 1 -2 0v-12a5 5 0 0 1 4.783-4.995zm18.217 6.005a5 5 0 0 1 4.778 4.772l-.002 6.223c.002.584-.48 1-.993 1a.999.999 0 0 1 -.993-1l-.012-6.176a3 3 0 0 0 -2.819-2.819l-10.176-.005c-.576.005-1-.487-1-1s.414-1 1-.995zm-4.37-14.005a6 6 0 1 1 0 12 6 6 0 0 1 0-12zm0 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm2.221-27c1.562 0 2.932 1.265 2.932 2.935v19.065a1 1 0 0 1 -2 0v-19.065a.93.93 0 0 0 -.932-.935h-44.136a.938.938 0 0 0 -.932.935v26.13c0 .48.399.935.932.935h10.568a1 1 0 0 1 1 1c0 .513-.383 1-1 1h-10.568c-1.562 0-2.932-1.287-2.932-2.935v-26.13c0-1.562 1.269-2.935 2.932-2.93zm-21.867 17a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm0 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm18.799-1a1 1 0 0 1 1 1c0 .513-.477 1-1 1h-9a1 1 0 0 1 -1-1c0-.513.4-1 1-.993zm-36-12a1 1 0 0 1 1 1c0 .513-.43 1-1 1h-2a1 1 0 0 1 -1-1c0-.513.429-1 1-1zm0 6a1 1 0 0 1 1 1c0 .513-.43 1-1 1h-2a1 1 0 0 1 -1-1c0-.513.429-1 1-1zm6 0a1 1 0 0 1 1 1c0 .513-.43 1-1 1h-2a1 1 0 0 1 -1-1c0-.513.429-1 1-1zm-6 6a1 1 0 0 1 1 1c0 .513-.43 1-1 1h-2a1 1 0 0 1 -1-1c0-.513.429-1 1-1zm0 6a1 1 0 0 1 1 1c0 .513-.43 1-1 1h-2a1 1 0 0 1 -1-1c0-.513.429-1 1-1zm6 0a1 1 0 0 1 1 1c0 .513-.43 1-1 1h-2a1 1 0 0 1 -1-1c0-.513.429-1 1-1zm30-18a1 1 0 0 1 1 1c0 .513-.45 1-1 1h-25a1 1 0 0 1 -1-1c0-.513.396-1 1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m14 6a1 1 0 0 1 0 2h-2a1 1 0 0 1 -1-1c0-.513.422-1 1-.993zm30 6a1 1 0 0 1 1 1c0 .513-.436.993-1 1h-25a1 1 0 0 1 -1-1 .978.978 0 0 1 1-.993zm-30 6a1 1 0 0 1 1 1c0 .513-.44 1-.993 1h-2.007a1 1 0 0 1 -1-1c0-.513.427-.993 1-.993z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_dog.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_dog.svg
new file mode 100644
index 0000000000..3cfb506ea3
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_dog.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7.03 6.999)"><path d="m37.97.001c1.629 0 2.812.927 4.234 2.8l1.168 1.6c.31.41.393.52.728.824 1.242 1.133 4.11 2.386 5.786 3.226 1.015.507 1.583 1.206 1.583 2.05 0 3.682-3.37 6.455-11.522 7.398 0 3.653-1.733 11.215-3.073 14.028-2.002 4.256-2.304 9.539.914 12.756.232.233 1.375 1.09 1.743 1.35.961.643 1.438 1.437 1.438 2.468 0 1.405-1.164 2.5-3 2.5s-3.312-.214-4.327-1.055c-1.98-1.642-4.6-5.37-6.725-9.432-.247-.494-.073-1.168.421-1.415s1.124.005 1.371.499c3.54 6.352 5.261 8.022 6.21 8.808.717.595 2.293.595 3.05.595.758 0 1-.228 1-.5 0-.318-.088-.459-.483-.756-1.084-.771-1.788-1.32-2.112-1.647-3.879-3.908-3.636-9.943-1.421-14.76 1.822-4.38 3.016-9.905 3.016-15.242 9.968-.862 11.5-3.493 11.5-5.595-.369-.32-4.492-1.946-6.63-3.724-.292-.237-.571-.54-.896-.954l-1.153-1.573c-1.093-1.482-1.894-2.25-2.82-2.25h-2.801c.93 2.171 1.358 4.513 1.284 7.017-.067 2.25-1.531 4.22-3.741 4.953-2.53.633-4.685.247-6.22-1.596-4.897 7.867-9.982 13.306-15.909 17.915-4.758 3.702-6.26 10.851-2.079 13.872a1 1 0 0 1 -1.17 1.621c-5.406-3.902-3.666-12.725 2.02-17.07 5.897-4.587 10.898-9.848 16.158-18.57.384-1.519 1.174-3.711 1.888-5.16 1.6-3.184 3.361-4.98 5.568-4.98 1.667-.002 3.334-.002 5 0zm-18.622 27.14c4.608 1.86 6.621 5.67 6.621 9.86 0 3.09-1.858 5.821-4.876 8.001 2.657 0 3.954.663 4.583 1.292 1.47 1.47 1.553 4.672-.707 4.707-2.25 0-9.31-.006-12.904-.003-3.675.003-4.96-.714-6.61-1.64-4.49-2.693-6.984-8.375-4.43-15.687a1 1 0 0 1 1.888.66c-2.221 6.36-.149 11.08 3.57 13.313.894.535 2.108 1.357 5.124 1.35.681.006 11.373.006 13.103.006 0-.595-.172-1.017-.448-1.293-.477-.477-1.606-.707-3.293-.707h-3c-.902 0-1.166-.755-1.064-1.27.08-.403.267-.568 1.31-1.213s1.784-1.154 2.564-1.811c2.03-1.712 3.19-3.593 3.19-5.706 0-3.443-1.608-6.487-5.37-8.006a1 1 0 1 1 .749-1.854zm20.557 5.446a972.163 972.163 0 0 1 1.783 3.926 6.147 6.147 0 0 1 -1.567 7.188 1 1 0 0 1 -1.31-1.51c1.333-1.158 1.86-3.157 1.056-4.85l-1.783-3.926a1 1 0 0 1 .496-1.325c.467-.212 1.114-.047 1.325.497zm-6.942-30.585c-1.289 0-2.708 1.549-3.963 4.297a442.72 442.72 0 0 0 -1.47 4.064c1.04 1.822 2.544 2.206 4.623 1.69a3.367 3.367 0 0 0 2.3-3.095c.075-2.524-.421-4.838-1.49-6.956z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m27.768 15.086c1.796 1.632 3.625 2.779 6.545 3.432 1.052.236 3.885.499 4.437.484a1 1 0 0 1 1.027.972c.015.552-.42 1.026-.972 1.027a22.957 22.957 0 0 1 -4.93-.531c-3.255-.729-5.562-2.107-7.533-4.042-.357-.35-.502-1.024-.146-1.402.55-.584 1.09-.378 1.572.06z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_family_compartment.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_family_compartment.svg
new file mode 100644
index 0000000000..522fe73248
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_family_compartment.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 8)"><path d="m24.277 35.611h-19.277c-2.757 0-5-2.243-5-5v-25.611c0-2.757 2.243-5 5-5h39.594c2.757 0 5 2.243 5 5v9.531a1 1 0 1 1 -2 0v-9.531c0-1.655-1.346-3-3-3h-39.594c-1.654 0-3 1.345-3 3v25.611c0 1.654 1.346 3 3 3h19.277a1 1 0 1 1 0 2" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m44.264 18.555a5.135 5.135 0 0 0 -5.13 5.13 5.135 5.135 0 0 0 5.13 5.13 5.135 5.135 0 0 0 5.13-5.13 5.135 5.135 0 0 0 -5.13-5.13m0 12.26a7.137 7.137 0 0 1 -7.13-7.13 7.137 7.137 0 0 1 7.13-7.13 7.137 7.137 0 0 1 7.13 7.13 7.137 7.137 0 0 1 -7.13 7.13m-11.653 2.137a3.625 3.625 0 0 0 -3.62 3.622 3.625 3.625 0 0 0 3.62 3.621 3.625 3.625 0 0 0 3.621-3.62 3.625 3.625 0 0 0 -3.62-3.623m0 9.243a5.628 5.628 0 0 1 -5.622-5.62c0-3.1 2.522-5.623 5.621-5.623a5.628 5.628 0 0 1 5.621 5.622 5.628 5.628 0 0 1 -5.62 5.621m22.38 6.375a1 1 0 0 1 -1-1v-10.093a4.336 4.336 0 0 0 -1.279-3.086 4.333 4.333 0 0 0 -2.825-1.27 11.56 11.56 0 0 1 -5.613 1.525 11.51 11.51 0 0 1 -4.713-1.05.999.999 0 0 1 -.49-1.327.997.997 0 0 1 1.324-.492 9.487 9.487 0 0 0 3.88.87 9.532 9.532 0 0 0 4.832-1.389.999.999 0 0 1 .52-.145c1.7 0 3.297.662 4.5 1.864a6.322 6.322 0 0 1 1.863 4.5v10.093a1 1 0 0 1 -1 1m-14.314 0a1 1 0 0 1 -.995-.902 3.045 3.045 0 0 0 -2.775-2.73 8.945 8.945 0 0 1 -4.286 1.144 8.957 8.957 0 0 1 -4.306-1.145 3.033 3.033 0 0 0 -2.775 2.721 1 1 0 0 1 -1.99-.202 5.027 5.027 0 0 1 5.018-4.529 1 1 0 0 1 .52.146 6.945 6.945 0 0 0 3.533 1.01 6.93 6.93 0 0 0 3.514-1.01 1 1 0 0 1 .52-.146c1.347 0 2.613.524 3.566 1.478a5.056 5.056 0 0 1 1.452 3.066 1 1 0 0 1 -.996 1.1" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_family_reservation.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_family_reservation.svg
new file mode 100644
index 0000000000..53d5bf1736
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_family_reservation.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 8)"><path d="m25.263 34.611a1 1 0 0 0 -1-1h-19.263c-1.654 0-3-1.346-3-3v-25.611c0-1.655 1.346-3 3-3h39.595c1.654 0 3 1.345 3 3v9.531a1 1 0 1 0 2 0v-9.531c0-2.757-2.244-5-5-5h-39.595c-2.757 0-5 2.243-5 5v25.611c0 2.757 2.243 5 5 5h19.263a1 1 0 0 0 1-1m19.002-16.056a5.135 5.135 0 0 0 -5.13 5.13 5.135 5.135 0 0 0 5.13 5.13 5.135 5.135 0 0 0 5.13-5.13 5.135 5.135 0 0 0 -5.13-5.13m0 12.26a7.137 7.137 0 0 1 -7.13-7.13c0-3.931 3.198-7.13 7.13-7.13s7.13 3.199 7.13 7.13a7.137 7.137 0 0 1 -7.13 7.13m-11.653 2.138a3.625 3.625 0 0 0 -3.621 3.621 3.625 3.625 0 0 0 3.621 3.621 3.625 3.625 0 0 0 3.621-3.621 3.625 3.625 0 0 0 -3.621-3.621m0 9.242a5.628 5.628 0 0 1 -5.621-5.621c0-3.1 2.522-5.621 5.621-5.621a5.627 5.627 0 0 1 5.621 5.621 5.628 5.628 0 0 1 -5.621 5.621m22.38 6.375a1 1 0 0 1 -1-1v-10.093a4.336 4.336 0 0 0 -1.278-3.086 4.334 4.334 0 0 0 -2.826-1.27 11.553 11.553 0 0 1 -5.612 1.525 11.493 11.493 0 0 1 -4.713-1.051.999.999 0 1 1 .834-1.818 9.471 9.471 0 0 0 3.879.869 9.522 9.522 0 0 0 4.833-1.388c.156-.094.336-.145.519-.145 1.7 0 3.298.662 4.5 1.864a6.322 6.322 0 0 1 1.864 4.5v10.093a1 1 0 0 1 -1 1m-14.314 0a1 1 0 0 1 -.995-.901 3.045 3.045 0 0 0 -2.775-2.731 8.946 8.946 0 0 1 -4.286 1.145 8.958 8.958 0 0 1 -4.306-1.146 3.033 3.033 0 0 0 -2.775 2.721 1 1 0 1 1 -1.99-.201 5.028 5.028 0 0 1 5.018-4.53c.183 0 .362.051.519.146a6.956 6.956 0 0 0 3.534 1.01 6.94 6.94 0 0 0 3.514-1.01 1 1 0 0 1 .519-.146 5.01 5.01 0 0 1 3.567 1.478 5.056 5.056 0 0 1 1.452 3.066 1 1 0 0 1 -.996 1.099" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m10.023 8.195h-1.453v2.876h1.466c.56 0 .96-.114 1.203-.342.242-.227.363-.602.363-1.124 0-.532-.116-.9-.348-1.104-.204-.178-.603-.306-1.232-.306m.114-1.694c1.253 0 2.19.247 2.812.74.622.494.932 1.243.932 2.25 0 .664-.25 1.437-.59 1.772-.342.336-.817.654-1.59.857.159.078.273.126.472.311s.399.434.598.747l1.015 1.674c.224.376.189 1.153-.33 1.476-.548.32-1.183.17-1.448-.27l-1.444-2.41a4.434 4.434 0 0 0 -.477-.648c-.103-.11-.386-.39-1.018-.39h-.498v2.72c0 .641-.52 1.161-1.161 1.161-.591 0-1.16-.434-1.16-1.16v-7.811c0-.517.408-1.02 1.019-1.02a456.97 456.97 0 0 1 2.868 0" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_family_travel_tips.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_family_travel_tips.svg
new file mode 100644
index 0000000000..229bee19b8
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_family_travel_tips.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7 7)"><path d="m11.727 20.112a5.135 5.135 0 0 0 -5.13 5.13 5.135 5.135 0 0 0 5.13 5.13 5.135 5.135 0 0 0 5.129-5.13 5.135 5.135 0 0 0 -5.129-5.13m0 12.26a7.137 7.137 0 0 1 -7.13-7.13 7.137 7.137 0 0 1 7.13-7.13c3.931 0 7.129 3.198 7.129 7.13s-3.198 7.13-7.129 7.13m11.653 2.137a3.625 3.625 0 0 0 -3.621 3.622 3.625 3.625 0 0 0 3.621 3.621 3.624 3.624 0 0 0 3.62-3.621 3.625 3.625 0 0 0 -3.62-3.622m0 9.243a5.627 5.627 0 0 1 -5.621-5.621c0-3.1 2.521-5.622 5.621-5.622a5.627 5.627 0 0 1 5.62 5.622 5.627 5.627 0 0 1 -5.62 5.621m-22.38 6.375a1 1 0 0 1 -1-1v-10.093c0-1.7.662-3.298 1.864-4.5a6.322 6.322 0 0 1 4.499-1.864c.183 0 .363.05.52.145a9.546 9.546 0 0 0 4.855 1.388 9.458 9.458 0 0 0 3.856-.869 1 1 0 1 1 .834 1.818 11.479 11.479 0 0 1 -4.69 1.051 11.579 11.579 0 0 1 -5.635-1.526 4.333 4.333 0 0 0 -2.825 1.271 4.336 4.336 0 0 0 -1.278 3.086v10.093a1 1 0 0 1 -1 1m14.314 0a1 1 0 0 1 -.996-1.1 5.05 5.05 0 0 1 1.452-3.065 5.006 5.006 0 0 1 3.566-1.478c.183 0 .363.051.52.146a6.945 6.945 0 0 0 3.534 1.009 6.924 6.924 0 0 0 3.513-1.009c.157-.095.337-.146.52-.146a5.026 5.026 0 0 1 5.017 4.529 1 1 0 1 1 -1.99.202 3.029 3.029 0 0 0 -2.774-2.72 8.945 8.945 0 0 1 -4.286 1.144 8.975 8.975 0 0 1 -4.307-1.144 3.05 3.05 0 0 0 -2.775 2.731 1 1 0 0 1 -.994.901" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m34.932 30.498a1.794 1.794 0 0 1 -2.982.009 1 1 0 0 0 -1.658 1.121 3.795 3.795 0 0 0 6.305-.023.999.999 0 1 0 -1.665-1.107zm1.326-20.5a1 1 0 0 0 -.871 1.801 4.506 4.506 0 0 1 2.228 2.389 1 1 0 1 0 1.858-.742 6.513 6.513 0 0 0 -3.215-3.448zm4.976 5.854c0-4.301-3.498-7.8-7.8-7.8-4.3 0-7.8 3.499-7.8 7.8 0 2.877 1.24 4.25 2.44 5.578.706.78 1.431 1.582 1.773 2.62l2.587-.003v-2.67l-1.261-1.737a1.003 1.003 0 0 1 .22-1.398 1.002 1.002 0 0 1 1.398.222l.644.886.642-.886a1 1 0 1 1 1.618 1.176l-1.26 1.737v2.668l2.59-.004c.343-1.033 1.066-1.833 1.769-2.61 1.2-1.33 2.44-2.701 2.44-5.58zm2 0c0 3.648-1.64 5.462-2.956 6.919-.77.85-1.377 1.522-1.451 2.359a1 1 0 0 1 -.995.91l-4.368.006c-.01 0-.02.006-.03.006s-.018-.006-.028-.006l-4.365.006h-.003a1 1 0 0 1 -.995-.914c-.072-.842-.681-1.515-1.453-2.368-1.317-1.457-2.956-3.27-2.956-6.918 0-5.404 4.396-9.8 9.8-9.8 5.405 0 9.8 4.396 9.8 9.8zm-6.41 11.2h-6.778a1 1 0 1 0 0 2h6.778a1 1 0 0 0 0-2zm12.349-9.45-2.956-.522a.994.994 0 0 0 -1.158.81 1 1 0 0 0 .81 1.159l2.956.52a1 1 0 0 0 .348-1.968zm-1.193-10.16a1 1 0 0 0 -1.365-.365l-2.6 1.5a1 1 0 0 0 1 1.734l2.6-1.501c.477-.277.642-.888.365-1.367zm-10.512-2.682a.999.999 0 0 0 1.281-.598l1.027-2.82a1 1 0 0 0 -1.879-.684l-1.027 2.82a1.001 1.001 0 0 0 .598 1.282zm-9.35-.598a1.001 1.001 0 0 0 1.88-.684l-1.025-2.821a1 1 0 0 0 -1.88.685l1.027 2.818zm-4.897 5.783a1.001 1.001 0 0 1 -1.367.367l-2.6-1.501a1.002 1.002 0 0 1 1-1.733l2.6 1.5c.477.277.642.889.367 1.367z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_hotel.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_hotel.svg
new file mode 100644
index 0000000000..535387c37b
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_hotel.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(9 4)"><path d="m21.236 5.479 1.764-.937 1.764.937-.338-1.983 1.428-1.405-1.972-.288-.882-1.803-.882 1.803-1.972.288 1.428 1.405zm7 3.028 1.764-.937 1.764.937-.338-1.983 1.428-1.405-1.972-.288-.882-1.803-.882 1.803-1.972.288 1.428 1.405zm-14 0 1.764-.937 1.764.937-.338-1.983 1.428-1.405-1.972-.288-.882-1.803-.882 1.803-1.972.288 1.428 1.405zm-10.236 7.138c.552 0 1 .452 1 1.01v35.325h9c.552 0 1 .452 1 1.01 0 .557-.448 1.009-1 1.009h-12c-.552 0-1-.452-1-1.01 0-.557.448-1.009 1-1.009h1v-35.326c0-.557.448-1.01 1-1.01zm18.999 26.242.224.005c3.21.12 5.775 2.783 5.775 6.052v5.047c0 .557-.448 1.009-1 1.009h-9.998a.995.995 0 0 1 -.39-.079 1.008 1.008 0 0 1 -.61-.93v-5.047c0-3.269 2.565-5.933 5.775-6.052zm.001 2.02c-2.206 0-4 1.81-4 4.037v4.037h8v-4.037c0-2.227-1.794-4.037-4-4.037zm-7-4.038c.552 0 1 .452 1 1.01 0 .557-.448 1.009-1 1.009h-4c-.552 0-1-.452-1-1.01 0-.557.448-1.009 1-1.009zm0-4.037c.552 0 1 .452 1 1.01 0 .556-.448 1.008-1 1.008h-4c-.552 0-1-.452-1-1.009s.448-1.01 1-1.01h4zm9 0c.552 0 1 .452 1 1.01 0 .556-.448 1.008-1 1.008h-4c-.552 0-1-.452-1-1.009s.448-1.01 1-1.01zm-9-4.038c.552 0 1 .453 1 1.01s-.448 1.01-1 1.01h-4c-.552 0-1-.453-1-1.01s.448-1.01 1-1.01zm9 0c.552 0 1 .453 1 1.01s-.448 1.01-1 1.01h-4c-.552 0-1-.453-1-1.01s.448-1.01 1-1.01zm-9-4.037c.552 0 1 .452 1 1.01 0 .557-.448 1.009-1 1.009h-4c-.552 0-1-.452-1-1.01 0-.557.448-1.009 1-1.009zm9 0c.552 0 1 .452 1 1.01 0 .557-.448 1.009-1 1.009h-4c-.552 0-1-.452-1-1.01 0-.557.448-1.009 1-1.009zm-9-4.037c.552 0 1 .452 1 1.009s-.448 1.01-1 1.01h-4c-.552 0-1-.453-1-1.01s.448-1.01 1-1.01h4zm9 0c.552 0 1 .452 1 1.009s-.448 1.01-1 1.01h-4c-.552 0-1-.453-1-1.01s.448-1.01 1-1.01zm-9-4.038c.552 0 1 .452 1 1.01 0 .557-.448 1.009-1 1.009h-4c-.552 0-1-.452-1-1.01 0-.557.448-1.009 1-1.009zm9 0c.552 0 1 .452 1 1.01 0 .557-.448 1.009-1 1.009h-4c-.552 0-1-.452-1-1.01 0-.557.448-1.009 1-1.009zm.164-11.103a.84.84 0 0 1 .834.842v6.349a.839.839 0 0 1 -.834.842.839.839 0 0 1 -.834-.842v-2.624h-2.662v2.624a.839.839 0 0 1 -.834.842.839.839 0 0 1 -.834-.842v-6.349a.84.84 0 0 1 .834-.842.84.84 0 0 1 .834.842v2.45h2.662v-2.45a.84.84 0 0 1 .834-.842zm16.836 7.066c.552 0 1 .452 1 1.01v35.325h1c.552 0 1 .452 1 1.01 0 .557-.448 1.009-1 1.009h-12c-.552 0-1-.452-1-1.01 0-.557.448-1.009 1-1.009h9v-35.326c0-.557.448-1.01 1-1.01zm-8 24.224c.552 0 1 .452 1 1.01 0 .557-.448 1.009-1 1.009h-4c-.552 0-1-.452-1-1.01 0-.557.448-1.009 1-1.009zm0-4.037c.552 0 1 .452 1 1.01 0 .556-.448 1.008-1 1.008h-4c-.552 0-1-.452-1-1.009s.448-1.01 1-1.01zm0-4.038c.552 0 1 .453 1 1.01s-.448 1.01-1 1.01h-4c-.552 0-1-.453-1-1.01s.448-1.01 1-1.01zm0-4.037c.552 0 1 .452 1 1.01 0 .557-.448 1.009-1 1.009h-4c-.552 0-1-.452-1-1.01 0-.557.448-1.009 1-1.009zm0-4.037c.552 0 1 .452 1 1.009s-.448 1.01-1 1.01h-4c-.552 0-1-.453-1-1.01s.448-1.01 1-1.01zm0-4.038c.552 0 1 .452 1 1.01 0 .557-.448 1.009-1 1.009h-4c-.552 0-1-.452-1-1.01 0-.557.448-1.009 1-1.009z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m17 11.607h-16c-.552 0-1 .453-1 1.01s.448 1.01 1 1.01h16c.552 0 1-.453 1-1.01s-.448-1.01-1-1.01zm28 0h-16c-.552 0-1 .453-1 1.01s.448 1.01 1 1.01h16c.552 0 1-.453 1-1.01s-.448-1.01-1-1.01z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_id_card.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_id_card.svg
new file mode 100644
index 0000000000..e2a8d42722
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_id_card.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4.999 11.999)"><path d="m50.001 7.001c2.689 0 5 2.165 5 5 .002 7 .002 14 0 21 0 2.674-2.162 5-5 5-12.666.002-25.333.002-38 0-2.689 0-5.1-2.178-5-5v-21c0-2.689 2.115-5 5-5h38zm0 2c-12.666-.002-25.333-.002-38 0-1.597 0-3 1.293-3 3v21c0 1.598 1.312 3 3 3 12.667.002 25.333.002 38 0 1.598 0 3-1.286 3-3 .002-7 .002-14 0-21 0-1.598-1.28-3-3-3zm-8-9a4 4 0 0 1 4 4 1 1 0 0 1 -1 1c-.513 0-1-.381-1-1a2 2 0 0 0 -2-2c-12.333-.002-24.666-.002-37 0-1.597 0-3 1.289-3 3v21c0 1.055.859 2 2 2a1 1 0 0 1 0 2c-2.142 0-4-1.8-4-4v-21c0-2.689 2.142-5 5-5zm6 23a1 1 0 0 1 .117 1.993l-.117.007h-14a1 1 0 0 1 -.116-1.993l.115-.008h14zm-2-5a1 1 0 0 1 .117 1.993l-.117.007h-4a1 1 0 0 1 -.116-1.993l.115-.008h4zm-8 0a1 1 0 0 1 .117 1.993l-.117.007h-4a1 1 0 0 1 -.116-1.993l.115-.008h4zm-12.875 6.031c2.75 0 4.875 2.063 4.875 5.094v.875c0 .563-.437 1-1 1-.562 0-1-.437-1-1v-.875c0-2.531-1.875-3.094-2.781-3.094a9.416 9.416 0 0 1 -4.219.97 9.416 9.416 0 0 1 -4.219-.97c-.937 0-2.78.563-2.78 3.094v.875c0 .563-.438 1-1 1-.563 0-1-.437-1-1v-.875c0-2.906 2.093-5.094 4.718-5.094.312 0 .719.063.937.188.97.531 2.094.781 3.344.781s2.375-.25 3.344-.781c.25-.125.531-.188.781-.188zm-4.125-11.03c2.75 0 5 2.25 5 5s-2.25 5-5 5-5-2.25-5-5 2.25-5 5-5zm0 2a3 3 0 1 0 .002 6 3 3 0 0 0 -.002-6zm27-2a1 1 0 0 1 .117 1.992l-.117.007h-14a1 1 0 0 1 -.116-1.993l.115-.008h14z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m36.208 27.294a774.5 774.5 0 0 1 2.293 2.292l1.293-1.292c.323-.323.862-.437 1.307-.093.505.376 1.007.752 1.505 1.13l1.448-.724a.95.95 0 0 1 .763-.055c.504.166 1.004.332 1.5.5a1 1 0 0 1 -.632 1.898c-.372-.122-.74-.245-1.107-.37l-1.63.816c-.3.15-.717.15-1.047-.095-.438-.326-.874-.653-1.306-.98l-1.387 1.387c-.36.36-.974.438-1.414 0-.731-.727-1.46-1.455-2.185-2.184l-.808 1.077a1.024 1.024 0 0 1 -1.4.2.995.995 0 0 1 -.2-1.4c.497-.667.997-1.333 1.5-2 .341-.454 1.018-.56 1.507-.107z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_infant_compartment.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_infant_compartment.svg
new file mode 100644
index 0000000000..d3d3335bc9
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_infant_compartment.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 7)"><path d="m21.531 33.611h-16.531c-1.655 0-3-1.346-3-3v-25.611c0-1.655 1.345-3 3-3h39.594c1.654 0 3 1.345 3 3v9.005a1 1 0 0 0 2 0v-9.005c0-2.757-2.243-5-5-5h-39.594c-2.757 0-5 2.243-5 5v25.611c0 2.757 2.243 5 5 5h16.531a1 1 0 1 0 0-2" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m34.387 36.734c-1.166 2.814-3.666 5.426-6.425 6.792a4.884 4.884 0 0 0 2.116.495 4.94 4.94 0 0 0 4.934-4.933c0-.857-.239-1.651-.625-2.354m5.487 11.254a.78.78 0 1 0 1.561 0 .78.78 0 0 0 -1.56 0m-14.73-8.9c0 1.136.401 2.17 1.05 3.006 2.873-1.044 5.7-3.912 6.601-6.82.025-.08.074-.143.116-.212a4.89 4.89 0 0 0 -2.834-.908 4.939 4.939 0 0 0 -4.933 4.934m30.855-15.724a6.596 6.596 0 0 1 -3.563 5.884c-.13 6-5.053 10.84-11.084 10.84-.655 0-1.312-.058-1.953-.172a1 1 0 1 1 .35-1.97 9.259 9.259 0 0 0 1.603.142c5.011 0 9.087-4.076 9.087-9.087 0-.12-.002-.24-.006-.36l-.024-.704.656-.258a4.615 4.615 0 0 0 2.934-4.315 4.643 4.643 0 0 0 -4.637-4.638 4.642 4.642 0 0 0 -3.484 1.578l-.468.532-.657-.265a9.168 9.168 0 0 0 -6.8-.001l-.658.266-.469-.532a4.644 4.644 0 0 0 -3.485-1.578 4.643 4.643 0 0 0 -4.636 4.638 4.615 4.615 0 0 0 2.935 4.315l.661.26-.029.71a9.004 9.004 0 0 0 .857 4.222c2.296 1.13 3.883 3.489 3.883 6.217a6.879 6.879 0 0 1 -1.04 3.633l3.376 2.828c.391-.21.831-.341 1.306-.341a2.783 2.783 0 0 1 2.78 2.78 2.783 2.783 0 0 1 -2.78 2.78 2.783 2.783 0 0 1 -2.78-2.78c0-.325.067-.632.17-.922l-3.357-2.812a6.9 6.9 0 0 1 -4.609 1.767 6.94 6.94 0 0 1 -6.933-6.933c0-3.823 3.11-6.934 6.933-6.934.225 0 .447.013.667.034a11.015 11.015 0 0 1 -.478-2.94 6.599 6.599 0 0 1 -3.562-5.884c0-3.66 2.977-6.638 6.636-6.638 1.674 0 3.277.633 4.497 1.756a11.173 11.173 0 0 1 7.028 0 6.64 6.64 0 0 1 4.496-1.756 6.645 6.645 0 0 1 6.637 6.638m-14.647 11.09c.573.392 1.17.59 1.78.59.853 0 1.611-.307 2.19-.886a.999.999 0 1 0 -1.414-1.414c-.356.355-.886.482-1.556-.037v-.485a1 1 0 0 0 0-2h-2a1 1 0 1 0 0 2v.484c-.67.518-1.2.393-1.556.038a1 1 0 1 0 -1.415 1.414c.993.993 2.595 1.235 3.971.296m-2.46-7.233a1.54 1.54 0 0 0 -1.539-1.54 1.54 1.54 0 0 0 -1.539 1.54c0 .847.69 1.538 1.54 1.538a1.54 1.54 0 0 0 1.537-1.538m4.862 0c0-.848.69-1.54 1.538-1.54s1.54.692 1.54 1.54c0 .847-.692 1.538-1.54 1.538a1.54 1.54 0 0 1 -1.538-1.538" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_itinerary.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_itinerary.svg
new file mode 100644
index 0000000000..458ff04d63
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_itinerary.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(12 4)"><path d="m35.992 0a4 4 0 0 1 3.996 3.8l.004.208.008 48a4 4 0 0 1 -4 3.992h-32a4 4 0 0 1 -4-4v-48a4 4 0 0 1 4-4zm0 2h-31.992a2 2 0 0 0 -1.995 1.85l-.005.15v48a2 2 0 0 0 1.85 1.995l.15.005 32-.004a2 2 0 0 0 1.994-1.847l.006-.149-.008-47.994a2 2 0 0 0 -1.85-2zm-26.992 39.75c1.808 0 3.25 1.32 3.25 3.027 0 .609-.203 1.239-.59 1.828l-2.112 3.29a.67.67 0 0 1 -.548.305.67.67 0 0 1 -.548-.305l-2.113-3.29c-.386-.59-.589-1.22-.589-1.828 0-1.707 1.442-3.027 3.25-3.027zm18 5.25a1 1 0 0 1 .117 1.993l-.117.007h-12a1 1 0 0 1 -.117-1.993l.117-.007zm-18-3.3c-.71 0-1.3.594-1.3 1.31 0 .717.59 1.29 1.3 1.29s1.3-.573 1.3-1.29c0-.716-.59-1.31-1.3-1.31zm22-.7a1 1 0 0 1 .117 1.993l-.117.007h-16a1 1 0 0 1 -.117-1.993l.117-.007zm-4-13a1 1 0 0 1 .117 1.993l-.117.007h-12a1 1 0 0 1 -.117-1.993l.117-.007zm-18-4.25a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zm22 .25a1 1 0 0 1 .117 1.993l-.117.007h-16a1 1 0 0 1 -.117-1.993l.117-.007zm-4-15a1 1 0 0 1 .117 1.993l-.117.007h-12a1 1 0 0 1 -.117-1.993l.117-.007zm-18-5.25a3.25 3.25 0 1 1 0 6.5 3.25 3.25 0 0 1 0-6.5zm0 2a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5zm22-.75a1 1 0 0 1 .117 1.993l-.117.007h-16a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m9 29.75a1 1 0 0 1 .993.883l.007.117v8.5a1 1 0 0 1 -1.993.117l-.007-.117v-8.5a1 1 0 0 1 1-1zm0-16a1 1 0 0 1 .993.883l.007.117v8.5a1 1 0 0 1 -1.993.117l-.007-.117v-8.5a1 1 0 0 1 1-1z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_lost_and_found.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_lost_and_found.svg
new file mode 100644
index 0000000000..5b1edc9d29
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_lost_and_found.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8 7)"><path d="m14 0a4 4 0 0 1 3.995 3.8l.005.234a1 1 0 0 1 -1.994.116l-.006-.15a2 2 0 0 0 -3.995-.15l-.005.15v9.769l.65 1.172.795-1.427a1 1 0 0 1 1.679-.107l.069.108.793 1.426.795-1.427a1 1 0 0 1 1.678-.109l.07.108.798 1.433.8-1.433c.022-.04.047-.078.073-.114l.055-.067.1-.096.12-.088.086-.046.081-.036.093-.03.14-.028.13-.008.109.007.112.019.115.034.104.045.1.057.078.056.069.06.049.05.068.084.07.112.052.112.045.148.017.098.006.071-.001.11-.02.14-.014.063-9.965 29.894v4.09a1 1 0 0 1 -1.993.117l-.006-.117v-4.087l-9.966-29.9-.023-.111-.009-.079-.002-.109.007-.09.013-.073.034-.125.04-.101.06-.11.067-.093.072-.08.045-.043.056-.045.12-.078a.913.913 0 0 1 .143-.065l.086-.027.103-.022.114-.012h.077l.09.007.13.026.097.03.106.048.088.052.08.058.097.088.058.067.066.093.816 1.47.792-1.426a1 1 0 0 1 1.68-.107l.07.109.786 1.419.786-1.42a1 1 0 0 1 1.68-.109l.069.108.792 1.426.68-1.229v-9.71a4 4 0 0 1 4-4zm12 13a5 5 0 0 1 4.995 4.783l.005.217v1h11a5 5 0 0 1 4.995 4.783l.005.217v20a5 5 0 0 1 -4.784 4.995l-.216.005h-27a1 1 0 0 1 -.117-1.993l.117-.007h27a3 3 0 0 0 2.995-2.824l.005-.176v-20a3 3 0 0 0 -2.824-2.995l-.176-.005h-18.625a1 1 0 0 1 -.117-1.993l.117-.007h5.624v-1a3 3 0 0 0 -2.823-2.995l-.176-.005h-1a1 1 0 0 1 -.117-1.993l.117-.007zm-8.345 3.055-.184.331a1.7 1.7 0 0 1 -.526.577l-.134.083a1.7 1.7 0 0 1 -2.23-.53l-.082-.131-.181-.327-.181.327a1.7 1.7 0 0 1 -.526.577l-.134.083a1.7 1.7 0 0 1 -2.231-.528l-.081-.132-.18-.325-.18.322a1.7 1.7 0 0 1 -.526.579l-.134.083a1.7 1.7 0 0 1 -2.23-.529l-.082-.131-.18-.323-.174.317a1.7 1.7 0 0 1 -.529.58l-.135.084a1.7 1.7 0 0 1 -2.23-.532l-.08-.132-.176-.317-.179.323a1.7 1.7 0 0 1 -.526.577l-.135.083c-.12.067-.244.117-.37.152l7.88 23.643 7.88-23.637a1.695 1.695 0 0 1 -.956-.68l-.081-.132zm20.295-4.055a1.375 1.375 0 1 1 -.002 2.75 1.375 1.375 0 0 1 .002-2.75zm.847-12c2.137 0 3.748 1.502 3.748 3.496 0 1.82-.773 2.722-1.606 3.362l-.28.204-.677.461c-.557.386-1 .769-1.06 1.395l-.008.149a.998.998 0 1 1 -1.996 0c0-1.547.75-2.257 1.57-2.836l.656-.448c.753-.522 1.406-1.093 1.406-2.287 0-1.036-.88-1.5-1.753-1.5-.646 0-1.05.094-1.38.2l-.52.176a2.317 2.317 0 0 1 -.724.114c-.55 0-.998-.454-.998-.997 0-1.013 1.54-1.383 2.941-1.469l.347-.015.334-.005z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m38 22.875a1 1 0 0 1 .993.883l.007.117v20.25a1 1 0 0 1 -1.994.117l-.006-.117v-20.25a1 1 0 0 1 1-1z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_luggage.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_luggage.svg
new file mode 100644
index 0000000000..f69d7dd33d
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_luggage.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(6 4)"><path d="m36.5 22a3.5 3.5 0 0 1 3.495 3.308l.005.192v1.5h7.5a3.5 3.5 0 0 1 3.495 3.308l.005.192v22a3.5 3.5 0 0 1 -3.287 3.493l-.213.007h-15.5a1 1 0 0 1 -.117-1.993l.117-.007h11v-25h-11a1 1 0 0 1 -.117-1.993l.117-.007h6v-1.5a1.5 1.5 0 0 0 -1.356-1.493l-.144-.007h-4.5a1 1 0 0 1 -.117-1.993l.117-.007zm-30.5 30a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm16 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm25.5-23h-2.5v25h2.5a1.5 1.5 0 0 0 1.493-1.352l.007-.148v-22a1.5 1.5 0 0 0 -1.356-1.493zm-32-29a3.5 3.5 0 0 1 3.493 3.287l.007.213v9.5h5.5a3.5 3.5 0 0 1 3.495 3.308l.005.192v31a3.5 3.5 0 0 1 -3.308 3.495l-.192.005h-21a3.5 3.5 0 0 1 -3.495-3.308l-.005-.192v-31a3.5 3.5 0 0 1 3.308-3.495l.192-.005h5.505l-.005-9.5a3.5 3.5 0 0 1 3.308-3.495l.192-.005zm9 15h-21a1.5 1.5 0 0 0 -1.493 1.356l-.007.144v31a1.5 1.5 0 0 0 1.356 1.493l.144.007h21a1.5 1.5 0 0 0 1.493-1.356l.007-.144v-31a1.5 1.5 0 0 0 -1.356-1.493zm-2.99 3.853a3.315 3.315 0 0 1 1.367 4.322l-.089.172-2.898 5.248a1 1 0 0 1 -1.257.44l-4.12-2.292-.095-.06-.09-.071-.081-.084-.066-.084-.058-.094-.05-.104-.035-.103-.024-.107-.012-.105a.994.994 0 0 1 .035-.33l.039-.113.051-.108 2.894-5.239a3.29 3.29 0 0 1 1.767-1.51l.208-.068a3.291 3.291 0 0 1 2.513.29zm-1.962 1.632a1.29 1.29 0 0 0 -.697.496l-.078.125-2.417 4.376 2.269 1.266 2.413-4.368a1.314 1.314 0 0 0 -.392-1.71l-.113-.072a1.29 1.29 0 0 0 -.985-.113zm-4.048-18.485h-3a1.5 1.5 0 0 0 -1.493 1.356l-.007.144v9.5h6.005l-.005-9.5a1.5 1.5 0 0 0 -1.352-1.493z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m22 44a1 1 0 0 1 .117 1.993l-.117.007h-16a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_onboard_child_care.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_onboard_child_care.svg
new file mode 100644
index 0000000000..7b9c46e29f
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_onboard_child_care.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(9 8)"><path d="m44.606 30.973a.995.995 0 0 0 -.872-.168l-21.234 5.846-21.234-5.846a1 1 0 0 0 -1.266.964v11.08a1 1 0 1 0 2 0v-9.768l19.5 5.369v9.318a1 1 0 1 0 2 0v-9.318l19.5-5.369v9.768a1 1 0 1 0 2 0v-11.08a.997.997 0 0 0 -.394-.796m-27.764-28.973c-3.86 0-7 3.141-7 7 0 3.86 3.14 7 7 7s7-3.14 7-7c0-3.859-3.14-7-7-7m0 16c-4.962 0-9-4.037-9-9s4.038-9 9-9c4.963 0 9 4.037 9 9s-4.037 9-9 9m-14 10a1 1 0 0 1 -1-1c0-4.411 3.589-8 8-8 .223 0 .44.075.616.212l6.384 4.989 6.385-4.989a1 1 0 0 1 1.231 1.576l-7 5.47a.999.999 0 0 1 -1.231 0l-6.717-5.249a6.01 6.01 0 0 0 -5.668 5.991 1 1 0 0 1 -1 1" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m37.202 18.108a4.228 4.228 0 0 1 -4.223 4.223 4.228 4.228 0 0 1 -4.222-4.223 4.227 4.227 0 0 1 4.222-4.222 4.227 4.227 0 0 1 4.223 4.222m2 0a6.23 6.23 0 0 0 -6.223-6.222 6.229 6.229 0 0 0 -6.222 6.222 6.229 6.229 0 0 0 6.222 6.223 6.23 6.23 0 0 0 6.223-6.223m-14.362 14.712v-2.231a3.575 3.575 0 0 1 3.313-3.56 10.023 10.023 0 0 0 4.837 1.297 10.002 10.002 0 0 0 4.816-1.297c.856.06 1.654.423 2.267 1.036a1 1 0 1 0 1.414-1.414 5.533 5.533 0 0 0 -3.938-1.631 1 1 0 0 0 -.519.146 7.983 7.983 0 0 1 -4.04 1.16 7.996 7.996 0 0 1 -4.06-1.16 1.002 1.002 0 0 0 -.52-.146 5.575 5.575 0 0 0 -5.57 5.569v2.23a1 1 0 1 0 2 0m-11.498-3.214h-5.836a1 1 0 1 1 0-2h5.836a1 1 0 1 1 0 2" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_onboard_child_service.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_onboard_child_service.svg
new file mode 100644
index 0000000000..26f67d9ced
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_onboard_child_service.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(6 7)"><path d="m26.755 36.51c-1.536.552-4.022 1.154-7.567 1.154-3.532 0-6.013-.597-7.55-1.149l2.262 11.241h10.685l2.17-11.247zm-12.674-1.372a20.13 20.13 0 0 0 2.071.352v-3.504h-2.071zm4.071-4.152v4.66a26.664 26.664 0 0 0 2.072 0v-7.933h-2.072zm4.072-.813v5.316a19.879 19.879 0 0 0 2.071-.35v-4.966zm6.864 4.802-2.696 13.971a1 1 0 0 1 -.982.81h-12.329a1 1 0 0 1 -.98-.803l-2.811-13.97c-.08-.4.089-.807.428-1.032.34-.222.782-.219 1.117.01.008.004.417.266 1.246.582v-3.557a1 1 0 0 1 1-1h3.071v-3.274a1 1 0 0 1 1-1h4.072a1 1 0 0 1 1 1v1.461h3.071a1 1 0 0 1 1 1v5.37c.831-.317 1.242-.58 1.252-.587a1.008 1.008 0 0 1 1.11 0 .998.998 0 0 1 .431 1.02zm21.451-29.29c-.426-.703-1.113-1.185-1.886-1.32l-24.518-4.325c-.772-.14-1.583.081-2.224.596a3.304 3.304 0 0 0 -1.166 2.012l-3.375 19.132a1 1 0 0 0 1.97.347l3.374-19.132c.057-.324.221-.615.45-.799a.793.793 0 0 1 .624-.186l24.518 4.323c.281.05.448.264.522.387.153.252.207.582.15.905l-5.54 31.42a1.334 1.334 0 0 1 -.451.8c-.112.091-.346.234-.623.185l-10.738-1.893a1 1 0 1 0 -.348 1.969l10.739 1.894c.157.03.314.042.469.042a2.79 2.79 0 0 0 1.754-.637 3.307 3.307 0 0 0 1.167-2.01l5.541-31.42a3.307 3.307 0 0 0 -.409-2.289zm-41.269 39.86a1 1 0 0 1 -1 1h-5.62c-1.436 0-2.65-1.213-2.65-2.65v-14.064c0-1.942.469-3.924 1.32-5.58l2.529-5.005c.722-1.392 1.101-3.023 1.101-4.727v-2.216a2.622 2.622 0 0 1 2.65-2.65h3.301a2.622 2.622 0 0 1 2.65 2.65v2.216c0 1.704.382 3.341 1.104 4.734l.251.446a1 1 0 0 1 -1.786.902l-.245-.436c-.865-1.667-1.324-3.622-1.324-5.646v-2.216c0-.37-.28-.65-.65-.65h-3.301a.635.635 0 0 0 -.65.65v2.216c0 2.024-.457 3.974-1.321 5.64l-2.527 5c-.711 1.385-1.102 3.041-1.102 4.672v14.064c0 .34.31.65.65.65h5.62a1 1 0 0 1 1 1z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m33.695 8c-4.71 0-8.695 4.67-8.695 10.4.019 2.529 1.116 4.92 2.997 6.528l.064.08 1.503 2.8a.4.4 0 0 0 .325.19h1.635c.18 0 .502-.19.39-.6a10.327 10.327 0 0 1 -.124-.444s.282.09.53.152c.451.085.908.128 1.366.128.459.006.916-.039 1.366-.133.175-.04.348-.088.518-.147l-.111.445c-.065.25.036.6.428.6h1.66a.272.272 0 0 0 .266-.147l1.477-2.924.056-.076c1.657-1.567 2.617-3.775 2.654-6.102-.021-5.204-3.433-10.679-8.305-10.75zm4.902 16.408-1.285 2.538c-.055.106-.06.164-.158.164h-.69l.103-.418.304-1.186a8.016 8.016 0 0 1 -3.176.83c-1.139 0-3.254-.866-3.241-.821l.334 1.186.111.418h-.672c-.103 0-.107-.04-.175-.165l-1.285-2.413-.068-.084c-1.78-1.499-2.825-3.741-2.851-6.12 0-4.488 2.924-9.453 7.821-9.453h.026c4.195 0 7.466 5.249 7.449 9.88-.055 2.132-.957 4.146-2.492 5.564zm1.412-4.724c.231.195.193.489.043.84-.534 1.068-1.856 2.991-4.345 3.768a7.357 7.357 0 0 1 -5.471-.27c-.497-.236-.527-.658-.377-.89.15-.23.312-.257.732-.08a6.718 6.718 0 0 0 5.411 0c2.107-.888 2.749-2.315 3.292-3.288.081-.114.402-.361.715-.08zm-12.903-3.801c.652-3.445 4.189-6.318 7.434-5.825 1.527.232 3.03 1.217 3.929 2.52a6.4 6.4 0 0 1 1.04 4.652c-.434 3.167-3.917 5.06-7.517 4.66-3.835-.428-5.54-2.557-4.886-6.007zm7.304-4.947c-2.774-.426-5.905 2.165-6.464 5.118-.552 2.914.78 4.578 4.138 4.952 3.241.36 6.259-1.242 6.602-4.068a5.49 5.49 0 0 0 -.913-3.843c-.799-1.156-2.006-1.95-3.363-2.159zm-3.398 3.95c.642-.184 1.466.804 1.84 2.207.373 1.402.155 2.69-.488 2.874-.642.184-1.466-.804-1.84-2.207-.373-1.403-.155-2.69.488-2.874zm3.627-.568c.665-.045 1.278 1.106 1.37 2.571.09 1.465-.375 2.688-1.04 2.733s-1.279-1.106-1.37-2.571.374-2.688 1.04-2.733z" fill="var(--db-icon-pulse-color, #EC0016)" transform="matrix(.98480775 .17364818 -.17364818 .98480775 3.634607 -5.543754)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_passenger_rights.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_passenger_rights.svg
new file mode 100644
index 0000000000..f0bc4b89c3
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_passenger_rights.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7 10)"><path d="m37.282 12.04 12 3.532a1 1 0 0 1 .718.96l-.003 10.191c0 .693-.042 1.41-.122 2.2-.542 5.34-2.952 9.304-6.584 12.056a18.3 18.3 0 0 1 -4.002 2.296c-.857.358-1.562.58-2.045.695l-.128.023a1 1 0 0 1 -.335-.017 7.619 7.619 0 0 1 -.46-.12l-.382-.12-.213-.072-.466-.17a18.23 18.23 0 0 1 -4.876-2.769c-3.457-2.748-5.735-6.635-6.259-11.802-.08-.79-.122-1.507-.122-2.2l-.003-10.191a1 1 0 0 1 .718-.96l12-3.531a1 1 0 0 1 .564 0zm-.282 2.003-11 3.237.004 9.443c0 .62.038 1.272.112 1.999.467 4.608 2.463 8.014 5.513 10.44a16.246 16.246 0 0 0 3.882 2.28c.461.192.888.344 1.268.46l.223.066.07-.019.346-.106c.25-.082.538-.185.857-.313l.245-.1a16.314 16.314 0 0 0 3.564-2.045c3.208-2.43 5.32-5.903 5.802-10.663.074-.727.112-1.38.112-1.999l.002-9.444-11-3.237zm-29 4.957a1 1 0 0 1 .52.145 12.736 12.736 0 0 0 6.47 1.855 12.752 12.752 0 0 0 5.587-1.354 1 1 0 1 1 .897 1.787 14.771 14.771 0 0 1 -6.484 1.567 14.752 14.752 0 0 1 -7.129-1.922l-.123-.072-.186.01a6 6 0 0 0 -5.548 5.76l-.004.224v12a1 1 0 0 1 -1.993.117l-.007-.117v-12a8 8 0 0 1 8-8zm7-19a9 9 0 1 1 0 18 9 9 0 0 1 0-18zm0 2a7 7 0 1 0 0 14 7 7 0 0 0 0-14z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m37.723 19c1.332 0 2.41.239 2.41 1.31 0 .43-.276.807-.816.807-.427 0-.98-.228-1.613-.228-1.138 0-1.793.386-1.793 1.138 0 2.14 5.32 1.58 5.32 5.127a2.726 2.726 0 0 1 -1.773 2.583c.424.54.597 1.196.597 1.87 0 2.16-1.33 3.393-3.797 3.393-1.315 0-2.95-.313-2.95-1.504.03-.393.31-.739.793-.739.297 0 1.25.354 2.08.354 1.33 0 1.927-.386 1.927-1.253 0-2.603-5.34-1.58-5.34-5.282a2.998 2.998 0 0 1 1.678-2.757 2.997 2.997 0 0 1 -.424-1.619c0-2.005 1.31-3.2 3.7-3.2zm-2.101 5.957c-.598.212-1.034.77-1.041 1.407-.009.73.347.983 3.489 2.275.867-.29 1.253-.694 1.253-1.292 0-.675-.366-.887-3.701-2.39z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_poi_berlin.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_poi_berlin.svg
new file mode 100644
index 0000000000..0508b3bbdc
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_poi_berlin.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(8 6)"><path d="m24 0a1 1 0 0 1 .993.883l.007.117v8h3v-4a1 1 0 0 1 1.993-.117l.007.117v4h.136a1.867 1.867 0 0 1 1.835 1.737l.003.144v4.119h12.026a1 1 0 0 1 .117 1.993l-.117.007h-1v5a1 1 0 0 1 -1.993.117l-.007-.117v-5h-10.026a1 1 0 0 1 -.993-.883l-.007-.117v-5l-11.975-.001.001 5.001a1 1 0 0 1 -.464.844l-.096.054a.993.993 0 0 1 -.323.095l-.117.007h-10v5a1 1 0 0 1 -.883.993l-.117.007h-1v7h38v-8a1 1 0 0 1 1.993-.117l.007.117v28h2a1 1 0 0 1 .117 1.993l-.117.007h-46a1 1 0 0 1 -.117-1.993l.117-.007h2v-27h-2a1 1 0 0 1 -.117-1.993l.117-.007h4v-4h-1.803a1 1 0 0 1 -.116-1.993l.116-.007h12.803v-4.104a1.87 1.87 0 0 1 1.706-1.888l.148-.008h.146v-4a1 1 0 0 1 1.993-.117l.007.117v4h3v-8a1 1 0 0 1 1-1zm5 32h-10v18h10zm-19 0h-5v18h5zm7 0h-5v18h5zm26 0h-5v18h5zm-7 0h-5v18h5z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m47 21a1 1 0 0 1 .117 1.993l-.117.007h-35a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg
new file mode 100644
index 0000000000..a3a36ee398
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(5 3)"><path d="m17.032 20.078a1 1 0 0 1 1 1v5.048h1.5v-2.7a1 1 0 0 1 2 0v2.703l.085.004a1.62 1.62 0 0 1 1.471 1.613v3.308h8.046a1 1 0 0 1 0 2h-.102v2l.117.007a1 1 0 0 1 .883.993l-.001 19.083 1.051.003a1 1 0 0 1 .117 1.993l-.117.007-32.05-.086a1 1 0 0 1 -.117-1.993l.117-.007 1 .003v-18.003h-1.032a1 1 0 0 1 0-2h2.032v-2h-.5a1 1 0 0 1 0-2h8.444v-3.308c0-.873.69-1.585 1.556-1.619v-2.701a1 1 0 0 1 2 0v2.7h1.5v-5.048a1 1 0 0 1 1-1zm18.974-20.078a1 1 0 0 1 1 1v4.667l.408.001a1 1 0 0 1 .768.356l1.916 2.292a1 1 0 0 1 .234.642v1.75a1 1 0 0 1 -.2.6l-.986 1.288a.888.888 0 0 0 -.178.632l1.536 15.072h1.704a1 1 0 0 1 .928 1.37l-1.6 3.978.63 2.422h1.866a1 1 0 0 1 .93 1.37l-1.711 4.28 10.637 10.852a1 1 0 0 1 .286.698v2.8a1 1 0 0 1 -1 1l-7.718.013-.59.009-.118.01h-.112a1 1 0 0 1 -.894-.96l-.044-.257-.058-.28-.081-.347-.07-.263-.082-.286-.096-.305-.111-.322-.062-.167-.135-.343-.153-.354c-.027-.06-.054-.12-.083-.18l-.18-.363c-1.14-2.2-3.337-4.602-7.501-4.611a1 1 0 0 1 -.117-1.993l.117-.007c4.875.011 7.562 2.712 9.018 5.292l.21.386c.066.128.13.255.19.382l.175.376c.028.062.055.123.08.185l.151.362.07.178.127.345.113.33.1.315.126.436.1.386.028.117.338-.017.8-.025 1.546-.022 1.641-.008 2.275-.002v-1.4l-10.473-10.684h-6.655a1 1 0 0 1 0-2h6.34l1.166-2.918h-1.164a1 1 0 0 1 -.968-.748l-.906-3.49a1 1 0 0 1 .038-.624l1.164-2.91h-1.128a1 1 0 0 1 -1-.898l-1.628-15.972a2.88 2.88 0 0 1 .578-2.048l.782-1.022v-1.044l-1.384-1.654h-1.886l-1.37 1.622v1.082l.782 1.064c.423.576.617 1.289.544 2l-1.56 12.8a1 1 0 0 1 -1.984-.242l1.57-12.782a.89.89 0 0 0 -.17-.6l-.976-1.328a1 1 0 0 1 -.2-.6v-1.758a1 1 0 0 1 .236-.646l1.91-2.258a1 1 0 0 1 .766-.354l.408-.001v-4.667a1 1 0 0 1 1-1zm-5.975 43.024h-2.999v12.1l2.999.008zm-4.999 0h-3v12.087l3 .008zm-5 0h-6v12.065l6 .016zm-8 0h-3v12.051l3 .008zm-5 0h-3v12.038l3 .008zm14.056-14.898h-8.112v3.928a1 1 0 0 1 -1 1h-6.944v2.986a1 1 0 0 1 -.588.911.997.997 0 0 1 -.411.102l-.001 3.971h25.999v-3.984l-.116-.007a1 1 0 0 1 -.883-.993v-2.986h-6.944a1 1 0 0 1 -1-1z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m33.064 37.054-24.968-.082a1 1 0 0 1 0-2l24.966.082a1 1 0 0 1 0 2z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_quiet_zone.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_quiet_zone.svg
new file mode 100644
index 0000000000..a29e579e11
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_quiet_zone.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(10 11.193)"><path d="m22.008 18.456c1.55.258 2.435 1.31 2.718 2.76.132.673.132 1.32-.013 2.343l-.603 6.472c.49-.07.98-.049 1.368.035 1.402.3 2.107 1.081 2.306 2.183a3.955 3.955 0 0 1 1.893-.084c1.352.29 2.056 1.028 2.283 2.07.487-.164 1.09-.232 1.805-.081 1.917.404 2.53 1.72 2.33 3.519l-.142 1.368-.04.385-.142 1.366-.112 4.31a1 1 0 0 1 -1.999-.052l.116-4.383c.011-.115.298-2.908.332-3.215.1-.894-.038-1.196-.762-1.343-.718-.145-1.155.184-1.292.369a1.041 1.041 0 0 1 -.145.159c-.096.919-.224 2.164-.231 2.24a1 1 0 0 1 -1.99-.199 579.919 579.919 0 0 1 .332-3.215c.1-.894-.04-1.176-.762-1.343-.557-.128-1.072.074-1.292.37a1.059 1.059 0 0 1 -.278.259l-.2 1.935-.009.094a1 1 0 1 1 -1.99-.199l.01-.094c.052-.509.291-2.842.322-3.121.1-.894-.038-1.185-.762-1.343-.577-.125-.968.092-1.159.243-.095 1.026-.191 2.05-.288 3.071-.047.51-.515.966-1.088.903a.99.99 0 0 1 -.903-1.09l1.105-11.822c.11-.721.122-1.296.038-1.726-.138-.693-.448-1.065-1.085-1.172-.627-.104-.951.194-1.188.991-.114.383-.179.903-.195 1.56l-1.864 16.442.865 5.84c.049.39-.122.94-.724 1.111-.603.172-1.174-.272-1.255-.819l-.883-5.966a1 1 0 0 1 -.005-.26l1.872-16.52c0-.706.09-1.357.27-1.952.516-1.685 1.635-2.7 3.436-2.4zm-8.688-17.92 4.974 9.471a3.134 3.134 0 0 1 -2.3 4.475l-1.72.271a1.31 1.31 0 0 0 -1.105 1.297l-.001.93a1426.6 1426.6 0 0 0 1.232 1.286l.024.025c.55.546.868 1.286.868 2.076a2.94 2.94 0 0 1 -.544 1.69c.363.519.544 1.082.544 1.691 0 1.796-1.33 2.362-2.124 3.178v1.885c0 3.568-2.825 6.476-6.358 6.598l-3.016.004c-.99 0-1.795.806-1.795 1.8v4.987a1 1 0 0 1 -2 0v-4.985a3.798 3.798 0 0 1 3.795-3.801h2.784c2.535 0 4.59-2.06 4.59-4.602v-2.086c0-.459.203-.894.543-1.18l.948-.828.194-.168.135-.116c.271-.174.491-.82.059-1.306-.559-.628-.572-1.577 0-2.138a.885.885 0 0 0 -.03-1.277c-.39-.389-1.15-1.195-1.367-1.425l-.056-.06a1.557 1.557 0 0 1 -.425-1.069v-1.109a3.311 3.311 0 0 1 2.794-3.272l1.71-.27c.746-.124 1.162-.936.838-1.594l-4.961-9.449a1 1 0 0 1 1.771-.93zm-6.377 1.916c1.028 0 1.861.835 1.861 1.866 0 1.03-.833 1.865-1.861 1.865a1.864 1.864 0 0 1 -1.863-1.863c0-1.03.834-1.866 1.862-1.866z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m28.959 7.049a.714.714 0 0 1 -.38.36c-.173.075-.405.112-.696.112-.278 0-.585-.04-.905-.096v-2.101h1.006c.394 0 .675.08.842.242.168.162.252.432.252.81 0 .282-.04.506-.12.673m-.754-3.242h-2.28c-.336 0-.595.09-.774.269-.18.179-.27.438-.27.776v6.055c0 .335.09.593.27.774.18.18.439.27.774.27.342 0 .604-.09.784-.27.18-.181.27-.44.27-.774v-2.078c.128.015.275.036.392.047.288.025.532.038.732.038.963 0 1.7-.22 2.215-.658.514-.44.77-1.08.77-1.92 0-.811-.251-1.435-.755-1.873-.503-.437-1.212-.656-2.128-.656m18.3 6.901c-.12-.12-.285-.178-.492-.175-.114.006-.23.009-.349.009-.223 0-.377-.042-.463-.126-.085-.085-.128-.238-.128-.46v-2.725h.8c.213 0 .378-.057.496-.173.118-.115.177-.278.177-.49 0-.206-.059-.367-.177-.482-.118-.114-.283-.172-.496-.172h-.8v-.402c0-.373-.079-.654-.236-.843-.158-.189-.395-.284-.71-.284-.317 0-.555.092-.716.275-.162.182-.242.467-.242.852v.402h-.12c-.243 0-.43.058-.566.172-.134.115-.2.276-.2.482 0 .205.066.367.2.486.133.116.32.174.556.176l.13.001v2.755c0 .518.126.981.378 1.387s.788.609 1.61.609c.305 0 .573-.025.803-.074.266-.046.453-.123.561-.23.11-.108.163-.257.163-.447 0-.229-.06-.403-.18-.523m-5.433-2.203c-.239-.151-.563-.283-.97-.395a29.919 29.919 0 0 0 -.4-.104c-.303-.075-.513-.147-.63-.216a.344.344 0 0 1 -.178-.32.34.34 0 0 1 .19-.316c.126-.071.32-.107.583-.107.311 0 .66.049 1.045.147a.748.748 0 0 0 .555-.081c.167-.098.251-.276.251-.532a.61.61 0 0 0 -.15-.432c-.103-.108-.256-.191-.463-.247a3.694 3.694 0 0 0 -.644-.136 5.624 5.624 0 0 0 -.729-.048c-.747 0-1.318.171-1.712.514-.395.342-.592.84-.592 1.491 0 .347.06.637.175.871.117.233.3.426.545.576.246.151.575.28.985.387.318.081.55.147.696.2.147.052.252.11.315.175a.351.351 0 0 1 .095.26.388.388 0 0 1 -.218.365c-.145.079-.376.119-.693.119-.209 0-.413-.017-.61-.05a6.445 6.445 0 0 1 -.565-.123c-.228-.057-.424-.036-.59.061-.166.098-.25.278-.25.541 0 .173.046.314.138.423s.247.194.467.257c.191.061.422.11.693.147.272.037.555.056.85.056.816 0 1.437-.176 1.86-.528.424-.352.636-.868.636-1.549 0-.336-.054-.616-.163-.841a1.38 1.38 0 0 0 -.522-.565m-5.334 0c-.24-.151-.563-.283-.971-.395a29.919 29.919 0 0 0 -.4-.104c-.303-.075-.513-.147-.63-.216a.344.344 0 0 1 -.178-.32.34.34 0 0 1 .19-.316c.127-.071.32-.107.584-.107.31 0 .66.049 1.044.147a.748.748 0 0 0 .556-.081c.166-.098.25-.276.25-.532a.61.61 0 0 0 -.15-.432c-.102-.108-.255-.191-.462-.247a3.694 3.694 0 0 0 -.645-.136 5.624 5.624 0 0 0 -.728-.048c-.747 0-1.319.171-1.712.514-.395.342-.593.84-.593 1.491 0 .347.06.637.175.871.117.233.3.426.545.576.247.151.576.28.986.387.317.081.55.147.695.2a.83.83 0 0 1 .316.175.351.351 0 0 1 .095.26.388.388 0 0 1 -.219.365c-.145.079-.376.119-.693.119a3.71 3.71 0 0 1 -.61-.05 6.445 6.445 0 0 1 -.564-.123c-.228-.057-.424-.036-.59.061-.167.098-.25.278-.25.541 0 .173.046.314.137.423.093.109.247.194.468.257.19.061.422.11.693.147s.554.056.848.056c.817 0 1.438-.176 1.861-.528.425-.352.636-.868.636-1.549 0-.336-.053-.616-.163-.841a1.38 1.38 0 0 0 -.521-.565" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_reservation.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_reservation.svg
new file mode 100644
index 0000000000..10ea405278
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_reservation.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 5)"><path d="m51.5 0a2.5 2.5 0 0 1 2.5 2.5v15a2.5 2.5 0 0 1 -2.5 2.5h-15a2.5 2.5 0 0 1 -2.5-2.5v-15a2.5 2.5 0 0 1 2.5-2.5zm0 2c-5-.003-10-.003-15 0a.5.5 0 0 0 -.5.5c-.003 5-.003 10 0 15 0 .245.205.5.5.5 5 .003 10 .003 15 0 .245 0 .5-.2.5-.5.003-5 .003-10 0-15a.5.5 0 0 0 -.5-.5zm-28.416 35.016c.102.006 4.093.001 11.973-.014 2.138.123 4.055 1.48 4.899 3.704a3342.84 3342.84 0 0 0 4 13 1 1 0 0 1 -.662 1.25c-.49.15-1.009-.048-1.25-.662-.17-.56-1.499-4.88-3.987-12.96-.45-1.27-1.625-2.258-3.057-2.334-.338-.006-4.338-.006-12 0a1 1 0 0 1 -1-1c0-.513.436-.942 1.084-.984zm-3.341-15.5c.842 3.121 1.739 6.418 2.69 9.888a.71.71 0 0 0 .567.596h10a1 1 0 1 1 0 2c-.181-.005-3.54-.006-10.076-.003a2.704 2.704 0 0 1 -2.438-2.13l-2.665-9.796c-.45-1.476-1.963-2.426-3.602-2.095a1 1 0 0 1 -.438-1.952c2.51-.563 5.068.819 5.962 3.492zm-4.243-17.516a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11zm0 2a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7zm-10.247-1.357a5.798 5.798 0 0 1 1.747 4.236v8.118c.004 1.584.199 3.528.691 5.269.328 1.16 2.247 8.107 5.756 20.838.376 1.04 1.403 1.896 2.553 1.896h13a1 1 0 0 1 1 1c0 .513-.404.958-1 1-.172-.014-4.518-.015-13.04 0-1.908-.076-3.59-1.257-4.335-3.077l-5.865-21.135a23.277 23.277 0 0 1 -.76-5.788v-8.14a3.795 3.795 0 0 0 -3.957-3.86 1 1 0 0 1 -.086-2 5.795 5.795 0 0 1 4.296 1.643z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m43.988 4.865c1.204 0 2.1.24 2.688.721s.882 1.207.882 2.177c0 .69-.222 1.411-.595 1.771s-.907.668-1.591.837c.21.115.352.216.45.304.157.142.314.326.47.551l1.484 2.354c.263.42.149 1.055-.307 1.34-.457.284-.988.203-1.34-.31-.288-.494-.861-1.413-1.721-2.759a4.516 4.516 0 0 0 -.483-.665c-.101-.108-.316-.353-.911-.381l-.664-.004v3.242c0 .513-.47.97-1 1s-1.1-.367-1.1-1v-8.178c0-.513.417-.998 1-1a580.9 580.9 0 0 1 2.738 0zm-.136 1.54h-1.512v2.983h1.526c.61 0 1.02-.146 1.24-.358.246-.238.37-.623.37-1.155 0-.55-.121-.933-.364-1.148-.216-.19-.6-.322-1.26-.322z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_seat_comfort.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_seat_comfort.svg
new file mode 100644
index 0000000000..4b7ffc40e7
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_seat_comfort.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(10 5.996)"><path d="m23.084 34.02c.102.006 4.093.002 11.973-.014 2.138.123 4.055 1.481 4.899 3.704 1.254 4.108 2.587 8.441 4 13a1 1 0 0 1 -.662 1.25c-.49.151-1.009-.047-1.25-.661-.17-.56-1.499-4.88-3.987-12.96-.45-1.27-1.625-2.258-3.057-2.335-.338-.006-4.338-.006-12 0a1 1 0 0 1 -1-1c0-.512.436-.942 1.084-.984zm-3.341-15.5c.842 3.122 1.739 6.418 2.69 9.889.044.289.262.54.567.595h10a1 1 0 1 1 0 2c-.181-.005-3.54-.006-10.076-.003a2.704 2.704 0 0 1 -2.438-2.129l-2.665-9.797c-.45-1.476-1.963-2.426-3.602-2.095a1 1 0 0 1 -.438-1.951c2.51-.564 5.068.818 5.962 3.491zm-4.243-17.516a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11zm0 2a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m5.253 1.647a5.798 5.798 0 0 1 1.747 4.236v8.119c.004 1.584.199 3.527.691 5.268.328 1.161 2.247 8.107 5.756 20.839.376 1.04 1.402 1.895 2.553 1.895h13a1 1 0 0 1 1 1c0 .513-.404.958-1 1-.172-.014-4.518-.014-13.04 0-1.908-.076-3.59-1.257-4.335-3.076l-5.865-21.135a23.277 23.277 0 0 1 -.76-5.789v-8.14a3.795 3.795 0 0 0 -3.957-3.86 1 1 0 1 1 -.086-1.999 5.795 5.795 0 0 1 4.296 1.642z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_signage.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_signage.svg
new file mode 100644
index 0000000000..93e964023d
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_signage.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 19)"><path d="m49 0a1 1 0 0 1 1 1v1h3a3 3 0 0 1 3 3v18a3 3 0 0 1 -3 3h-50a3 3 0 0 1 -3-3v-18a3 3 0 0 1 3-3h3v-1a1 1 0 1 1 2 0v1h40v-1a1 1 0 0 1 1-1zm4 4h-50a1 1 0 0 0 -1 1v18a1 1 0 0 0 1 1h50a1 1 0 0 0 1-1v-18a1 1 0 0 0 -1-1zm-40.988 4a.99.99 0 0 1 .594.198l.112.098c.03.03.059.063.085.097l3.92 3.983a1 1 0 0 1 -.005 1.41l-.094.083a.993.993 0 0 1 -1.315-.078l-2.303-2.341v7.285a1 1 0 0 1 -2 0v-7.285l-2.299 2.335a.992.992 0 0 1 -1.309.093l-.105-.093a1 1 0 0 1 -.006-1.409l3.92-3.983a1.01 1.01 0 0 1 .806-.393zm26.239 5a1 1 0 0 1 0 2h-16.266a1 1 0 1 1 0-2z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m48 9a1 1 0 0 1 0 2h-26.015a1 1 0 1 1 0-2z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_suitcase.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_suitcase.svg
new file mode 100644
index 0000000000..5b5635bb62
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_suitcase.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(6 8)"><path d="m30 0a5 5 0 0 1 5 5v3h11a6 6 0 0 1 5.996 5.775l.004.225v26a6 6 0 0 1 -6 6h-40a6 6 0 0 1 -6-6v-26a6 6 0 0 1 6-6h11v-3a5 5 0 0 1 4.783-4.995l.217-.005zm16 10h-40a4 4 0 0 0 -4 4v26a4 4 0 0 0 4 4h40a4 4 0 0 0 4-4v-26a4 4 0 0 0 -4-4zm-16-8h-8a3 3 0 0 0 -3 3v3h14v-3a3 3 0 0 0 -2.824-2.995z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m9 14a1 1 0 0 1 .993.883l.007.117v24a1 1 0 0 1 -1.993.117l-.007-.117v-24a1 1 0 0 1 1-1zm34 0a1 1 0 0 1 .993.883l.007.117v24a1 1 0 0 1 -1.993.117l-.007-.117v-24a1 1 0 0 1 1-1z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_timetable.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_timetable.svg
new file mode 100644
index 0000000000..fc04e6eb3c
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_timetable.svg
@@ -0,0 +1 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none" fill-rule="evenodd" transform="translate(7 8)"><path fill="var(--db-icon-color, currentColor)" fill-rule="nonzero" d="M39 24c7.719 0 14 6.281 14 14s-6.281 14-14 14-14-6.281-14-14 6.281-14 14-14Zm0 2c-6.625 0-12 5.375-12 12s5.375 12 12 12 12-5.375 12-12-5.375-12-12-12Zm0-26a3 3 0 0 1 3 3v1h3a5 5 0 0 1 4.995 4.783L50 9v15a1 1 0 0 1-1.993.117L48 24V9a3 3 0 0 0-2.824-2.995L45 6h-3v1a3 3 0 0 1-2.824 2.995L39 10a3 3 0 0 1-3-3V6H14v1a3 3 0 0 1-2.824 2.995L11 10a3 3 0 0 1-3-3V6H5a3 3 0 0 0-2.995 2.824L2 9v33a3 3 0 0 0 2.824 2.995L5 45h18.928a1 1 0 0 1 .117 1.993l-.117.007H5a5 5 0 0 1-4.995-4.783L0 42V9a5 5 0 0 1 4.783-4.995L5 4h3V3A3 3 0 0 1 10.824.005L11 0a3 3 0 0 1 3 3v1h22V3A3 3 0 0 1 38.824.005Zm0 29c.5 0 1 .438 1 1v7.594l3.719 3.687a.81.81 0 0 1 .266.61c0 .448-.39 1.132-1.008 1.132a.998.998 0 0 1-.696-.304l-4-4a1.056 1.056 0 0 1-.281-.594V30c0-.563.438-1 1-1ZM8.5 35a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm11 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm-11 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm-11-11a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm11 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm-11 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm-11-11a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm11 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm11 0a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm11 0a3.5 3.5 0 0 1 3.244 4.815 1 1 0 0 1-1.89-.641l.037-.11a1.5 1.5 0 1 0-2.884-.708L40 20.5a1 1 0 0 1-2 0 3.5 3.5 0 0 1 3.5-3.5Zm-33 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM12 6h-2v1a1 1 0 0 0 .883.993L11 8a1 1 0 0 0 1-1V6Zm28 0h-2v1a1 1 0 0 0 .883.993L39 8a1 1 0 0 0 1-1V6Zm-1-4a1 1 0 0 0-1 1v1h2V3a1 1 0 0 0-.883-.993ZM11 2a1 1 0 0 0-1 1v1h2V3a1 1 0 0 0-.883-.993Z"/><rect width="40" height="2" x="5" y="12" fill="var(--db-icon-pulse-color, #EC0016)" rx="1"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_transportation_advertising.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_transportation_advertising.svg
new file mode 100644
index 0000000000..918ccffc4c
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_transportation_advertising.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(5 6)"><path d="m22 34a8 8 0 0 1 7.994 7.698l.006.302v9a1 1 0 0 1 -1.993.117l-.007-.117v-9a6 6 0 0 0 -5.442-5.974l-.297-.02-.122.072a14.764 14.764 0 0 1 -6.705 1.91l-.444.012a14.752 14.752 0 0 1 -7.129-1.922l-.123-.072-.186.01a6 6 0 0 0 -5.548 5.76l-.004.224v9a1 1 0 0 1 -1.993.117l-.007-.117v-9a8 8 0 0 1 8-8 1 1 0 0 1 .52.145 12.736 12.736 0 0 0 6.47 1.855 12.752 12.752 0 0 0 6.49-1.855 1 1 0 0 1 .52-.145zm-7-19a9 9 0 1 1 0 18 9 9 0 0 1 0-18zm0 2a7 7 0 1 0 0 14 7 7 0 0 0 0-14zm28-17a1 1 0 0 1 1 1h5a5 5 0 0 1 4.995 4.783l.005.217v13a5 5 0 0 1 -4.783 4.995l-.217.005h-22a1 1 0 0 1 -.117-1.993l.117-.007h22a3 3 0 0 0 2.995-2.824l.005-.176v-13a3 3 0 0 0 -2.824-2.995l-.176-.005h-36a3 3 0 0 0 -2.995 2.824l-.005.176v7a1 1 0 0 1 -1.993.117l-.007-.117v-7a5 5 0 0 1 4.783-4.995l.217-.005h4a1 1 0 0 1 .883-.993l.117-.007zm-12 10a1 1 0 0 1 .117 1.993l-.117.007h-12a1 1 0 0 1 -.117-1.993l.117-.007zm15-5a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2.28 11.694-.066.063-.102.077-.037.023a.99.99 0 0 1 -.374.133l-.097.01-.103-.002-.06-.005-.111-.02-.075-.02-.094-.036-.125-.065-.08-.055-.092-.08-.047-.048-3.062-3.825-2.3 4.603a1 1 0 0 1 -1.836-.787l.047-.107 3.016-6.033.043-.07.074-.099.053-.057.035-.034.048-.04a.993.993 0 0 1 .31-.17l.083-.023.124-.021.107-.006.113.006.113.02.113.033.11.047.069.038.083.056.107.092.047.05 3.172 3.965 1.274-1.907.052-.064.06-.062.097-.081.053-.036.064-.038.04-.02.117-.047.115-.031.08-.014.062-.005h.113l.088.008.11.022.111.036.105.048.088.052.072.053.073.065.06.063 3.04 4.051a1 1 0 0 1 -1.519 1.296l-.081-.096-2.152-2.87-1.25 1.873z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m31 6a1 1 0 0 1 .117 1.993l-.117.007h-16a1 1 0 0 1 -.117-1.993l.117-.007z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_travel_insurance.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_travel_insurance.svg
new file mode 100644
index 0000000000..067f7992ce
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_travel_insurance.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7 7)"><path d="m49.418 19.61c-.544-2.476-1.476-4.79-2.69-6.918a.972.972 0 0 0 -.22-.382c-4.418-7.422-12.548-12.31-21.508-12.31-9.139 0-17.128 4.946-21.488 12.288a.995.995 0 0 0 -.234.384 24.812 24.812 0 0 0 0 24.655.995.995 0 0 0 .234.384c4.36 7.342 12.349 12.288 21.489 12.288a1 1 0 0 0 0-2c-2.764 0-5.646-3.744-7.382-10h3.381a1 1 0 0 0 0-2h-3.876c-.642-2.918-1.04-6.286-1.102-10h4.886a1 1 0 0 0 0-2h-4.886c.062-3.714.46-7.081 1.102-10h15.742c.222 1.003.414 2.049.576 3.137a1.01 1.01 0 0 0 1.134.844c.546-.082.924-.59.844-1.136a48.234 48.234 0 0 0 -.513-2.844h10.269a22.526 22.526 0 0 1 2.29 6.04c.118.54.648.871 1.192.761.54-.12.88-.652.762-1.192h-.002zm-29.293-17.079c-1.902 2.092-3.478 5.378-4.556 9.47h-9.525c3.266-4.748 8.267-8.208 14.083-9.47zm0 44.937c-5.814-1.26-10.815-4.72-14.083-9.47h9.527c1.078 4.09 2.654 7.378 4.556 9.47zm-5.028-11.47h-10.29c-1.637-2.992-2.603-6.394-2.759-10h11.97c.06 3.6.439 6.974 1.077 10zm-1.077-11.998h-11.972c.156-3.606 1.12-7.007 2.758-10h10.29c-.637 3.027-1.015 6.4-1.075 10zm3.596-12c1.736-6.255 4.62-10 7.382-10 2.9 0 5.68 3.929 7.364 10h-14.745zm19.664 8.04 12.001 3.532a1 1 0 0 1 .718.96v10.192a22.35 22.35 0 0 1 -.124 2.2c-.542 5.34-2.952 9.304-6.584 12.056a18.283 18.283 0 0 1 -4.002 2.296c-.858.358-1.562.58-2.047.694l-.128.024a.95.95 0 0 1 -.336-.018 6.718 6.718 0 0 1 -.458-.12l-.384-.12a9.046 9.046 0 0 1 -.214-.072l-.466-.17a18.144 18.144 0 0 1 -4.876-2.77c-3.456-2.748-5.734-6.636-6.258-11.802-.08-.79-.122-1.508-.122-2.2v-10.192a.997.997 0 0 1 .716-.96l12-3.532a1.02 1.02 0 0 1 .564.002zm-.28 2.001-11 3.236.004 9.442c0 .62.038 1.272.112 2 .468 4.608 2.464 8.014 5.514 10.44a16.306 16.306 0 0 0 3.882 2.282c.462.192.888.344 1.268.46l.224.066.07-.018.346-.106c.25-.082.539-.186.859-.312l.244-.1a16.255 16.255 0 0 0 3.564-2.046c3.208-2.43 5.32-5.904 5.802-10.664.074-.728.112-1.38.112-1.998v-9.442l-5.5-1.618-.61-.18-4.889-1.438zm-7.045-19.471c5.696 1.276 10.693 4.692 13.977 9.43h-9.495c-1.074-4.118-2.624-7.362-4.482-9.43z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m42.5 31.375c.562 0 1.032.468 1.032.968 0 .25-.062.5-.312.75l-6.377 6.344a1.016 1.016 0 0 1 -.718.312c-.25 0-.468-.094-.688-.312l-2.718-2.718a1.04 1.04 0 0 1 -.282-.718c0-.562.468-1 1-1 .282 0 .468.094.688.312l2.032 2 5.657-5.656a.97.97 0 0 1 .688-.282z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_wheelchair.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_wheelchair.svg
new file mode 100644
index 0000000000..c80d4f73bd
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_wheelchair.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(12 6)"><path d="m13.5 52c-7.444 0-13.5-6.056-13.5-13.5 0-5.189 2.896-9.836 7.556-12.124a1 1 0 1 1 .882 1.795 11.435 11.435 0 0 0 -6.438 10.329c0 6.341 5.159 11.5 11.5 11.5 4.939 0 9.319-3.142 10.898-7.817a.995.995 0 0 1 1.267-.627 1 1 0 0 1 .627 1.267 13.49 13.49 0 0 1 -12.792 9.177" fill="var(--db-icon-pulse-color, #EC0016)"/><path d="m16 5.5c0 1.93-1.57 3.5-3.5 3.5s-3.5-1.57-3.5-3.5 1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5m2 0c0-3.032-2.467-5.5-5.5-5.5a5.506 5.506 0 0 0 -5.5 5.5c0 3.032 2.467 5.5 5.5 5.5s5.5-2.468 5.5-5.5m12.999 22.5a1 1 0 0 0 -1-1l-9.923.003a.701.701 0 0 1 -.642-.599 1.136 1.136 0 0 0 -.024-.116l-2.676-9.802c-.77-2.517-3.381-4.034-5.953-3.462a1.001 1.001 0 0 0 .438 1.952c1.552-.349 3.137.571 3.594 2.066l2.653 9.722c.212 1.224 1.215 2.138 2.534 2.236h9.999a1 1 0 0 0 1-1m9.001 21a1 1 0 0 1 -.956-.706l-4-13c-.461-1.297-1.684-2.214-3.102-2.296l-11.942.002a1 1 0 1 1 0-2h12c2.28.13 4.198 1.567 4.942 3.665l4.014 13.041a1.001 1.001 0 0 1 -.956 1.294" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_zuginformation.svg b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_zuginformation.svg
new file mode 100644
index 0000000000..8e12b5d022
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/travel/db_ic_il_zuginformation.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(7 16)"><path d="m32 13a1 1 0 0 1 1 1v9a1 1 0 0 1 -1 1h-14a1 1 0 0 1 -1-1v-9a1 1 0 0 1 1-1zm15.99 7.765c.016.225.014.404-.005.537-.29 1.741-1.917 2.576-4.586 2.689l-.28.009h-8.119c-.513 0-1-.423-1-1.002.003-2.965.008-5.931.015-8.897.001-.507.42-.845.87-.947.273-.06.402-.08.621-.103 5.532-.548 12.179 3.588 12.483 7.714zm-33.497-7.715c.191.023.36.05.506.08.545.112.984.424.985.97l.016 8.898a1 1 0 0 1 -1 1.002h-8.12c-2.834-.066-4.565-.897-4.865-2.698l-.015-.137c-.116-4.264 6.782-8.68 12.493-8.114zm16.507 1.95h-12v7h12zm5.001.002v6.998h7.095c1.795-.041 2.664-.388 2.874-.882a.358.358 0 0 0 .028-.162c-.115-2.63-4.925-5.84-9.252-5.95zm-31.997 6.044c0 .465 1.02.91 2.9.954h7.095l-.012-6.983-.227-.01c-4.448-.144-9.756 3.226-9.756 6.04zm15.71-21.046c.71 0 1.286.576 1.286 1.286v6.428c0 .71-.576 1.286-1.286 1.286h-6.428c-.71 0-1.286-.576-1.286-1.286v-6.428c0-.71.576-1.286 1.286-1.286zm17 0c.71 0 1.286.576 1.286 1.286v6.428c0 .71-.576 1.286-1.286 1.286h-6.428c-.71 0-1.286-.576-1.286-1.286v-6.428c0-.71.576-1.286 1.286-1.286zm-20.19 1.897a.762.762 0 0 0 -.71.484l-1.544 3.948a.537.537 0 0 0 .217.652l.095.046a.545.545 0 0 0 .7-.32l.211-.565h1.678l.18.46a.729.729 0 0 0 .926.42.693.693 0 0 0 .444-.787l-.034-.115-1.454-3.739a.76.76 0 0 0 -.708-.484zm17.146.116h-1.602a.5.5 0 0 0 -.5.5v4.007a.5.5 0 0 0 .5.5h1.535c.56 0 1.016-.08 1.365-.24.35-.16.574-.393.673-.698.047-.144.07-.307.07-.488 0-.35-.095-.626-.285-.828a1.123 1.123 0 0 0 -.321-.235 2.198 2.198 0 0 0 -.497-.148c.303-.108.517-.242.641-.404.125-.161.187-.382.187-.662 0-.87-.589-1.305-1.766-1.305zm-.03 2.815c.23 0 .396.043.494.128.099.085.148.226.148.424 0 .213-.054.367-.163.462s-.283.143-.523.143h-.629v-1.157zm-17.31-1.044.519 1.448h-1.038l.52-1.448zm17.248-.732c.319 0 .478.157.478.47 0 .308-.165.462-.495.462h-.595v-.932z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m1 26h48a1 1 0 0 1 0 2h-48a1 1 0 0 1 0-2z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/weather/db_ic_il_blizzard.svg b/review/refactor-icon-update/icons/illustrative/weather/db_ic_il_blizzard.svg
new file mode 100644
index 0000000000..0a5dd17175
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/weather/db_ic_il_blizzard.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(4 6.25)"><path d="m28 28.75c2.85 0 5.04.619 6.562 1.676a8.019 8.019 0 0 1 3.438 6.601c0 4.415-3.536 8-7.904 8a7.842 7.842 0 0 1 -5.839-2.607 1 1 0 0 1 1.486-1.34 5.843 5.843 0 0 0 4.353 1.947c3.258 0 5.904-2.683 5.904-6a6.02 6.02 0 0 0 -2.578-4.958c-1.109-.77-2.776-1.265-5.04-1.315l-.382-.004h-22a1 1 0 0 1 -.117-1.993l.117-.007zm-4 5a1 1 0 0 1 .117 1.993l-.117.007h-12a1 1 0 0 1 -.117-1.993l.117-.007zm19-28.25c5.523 0 10 4.477 10 10 0 3.885-2.091 7.313-5.45 8.959-1.844.904-4.323 1.287-7.087 1.293l-.463-.002h-39a1 1 0 0 1 -.117-1.993l.117-.007h39.013c2.675.034 5.055-.302 6.658-1.088 2.666-1.305 4.329-4.032 4.329-7.162a8 8 0 1 0 -16 0 1 1 0 0 1 -2 0c0-5.523 4.477-10 10-10zm-25.576-5.5a.75.75 0 0 1 .744.648l.006.102v2.045l1.292-1.29a.75.75 0 0 1 .976-.072l.084.072a.75.75 0 0 1 .073.977l-.073.084-2.352 2.351v3.533l3.243-1.872.813-3.029a.75.75 0 0 1 1.47.28l-.022.109-.423 1.579 1.589-.917a.75.75 0 0 1 .834 1.243l-.084.057-1.82 1.05 1.946.523a.75.75 0 0 1 .55.81l-.02.109a.75.75 0 0 1 -.81.55l-.109-.02-3.397-.911-3.01 1.739 3.376 1.95 3.03-.811a.75.75 0 0 1 .494 1.412l-.105.037-1.58.422 1.454.84a.75.75 0 0 1 -.659 1.344l-.091-.044-1.688-.975.522 1.948a.75.75 0 0 1 -.425.882l-.105.037a.75.75 0 0 1 -.882-.426l-.036-.105-.912-3.397-3.144-1.815v3.843l2.352 2.353a.75.75 0 0 1 -.976 1.133l-.084-.073-1.292-1.291v1.736a.75.75 0 0 1 -1.493.102l-.007-.102v-1.736l-1.29 1.291a.75.75 0 0 1 -.977.073l-.084-.073a.75.75 0 0 1 -.073-.976l.073-.084 2.351-2.353v-3.844l-3.145 1.816-.91 3.397a.75.75 0 0 1 -1.47-.279l.021-.11.522-1.948-1.687.976a.75.75 0 0 1 -.834-1.243l.084-.057 1.453-.839-1.579-.423a.75.75 0 0 1 -.55-.81l.02-.109a.75.75 0 0 1 .81-.551l.109.02 3.027.812 3.378-1.95-3.01-1.739-3.395.91a.75.75 0 0 1 -.494-1.411l.105-.037 1.946-.522-1.819-1.051a.75.75 0 0 1 .659-1.344l.091.044 1.588.917-.423-1.58a.75.75 0 0 1 .426-.881l.105-.037a.75.75 0 0 1 .882.426l.036.104.811 3.029 3.244 1.873v-3.534l-2.351-2.351a.75.75 0 0 1 .976-1.133l.084.072 1.291 1.292v-2.047a.75.75 0 0 1 .75-.75z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m46 34.75c.772 0 1.397.436 1.732 1.074l5.907 12.048c.134.302.201.604.201.872 0 1.108-.766 2.006-1.84 2.006h-12c-1.074 0-2-.898-2-2.006 0-.302.067-.604.201-.872l5.974-11.981c.302-.671 1.087-1.141 1.825-1.141zm0 2-6 12h12zm-1 8v-4h2v4zm1 1.007c.548 0 1 .452 1 1 0 .549-.452 1-1 1s-1-.451-1-1c0-.548.452-1 1-1z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/icons/illustrative/weather/db_ic_il_thunderstorm.svg b/review/refactor-icon-update/icons/illustrative/weather/db_ic_il_thunderstorm.svg
new file mode 100644
index 0000000000..1887f8bc91
--- /dev/null
+++ b/review/refactor-icon-update/icons/illustrative/weather/db_ic_il_thunderstorm.svg
@@ -0,0 +1 @@
+<svg id="icon" height="64" viewBox="0 0 64 64" width="64" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(6 9)"><path d="m24.394 25.082a1 1 0 0 1 .565 1.203l-.04.11-2.402 5.605h4.483a1 1 0 0 1 .966 1.261l-.037.11-4 10a1 1 0 0 1 -1.894-.632l.037-.11 3.45-8.63h-4.522a1 1 0 0 1 -.959-1.283l.04-.11 3-7a1 1 0 0 1 1.313-.525zm13.536-24.963a8.008 8.008 0 0 1 6.632 7.784c-.001.47-.045.937-.13 1.397l-.054.255.108.032a7.892 7.892 0 0 1 5.506 7.91l-.016.253c-.33 4.058-3.687 7.184-7.716 7.25h-1.997a.998.998 0 0 1 -.769-.36 8.208 8.208 0 0 1 -7.363 5.354l-.255.007h-3.876a1 1 0 0 1 -.116-1.994l.116-.006h3.865a6.202 6.202 0 0 0 .976-12.315 1 1 0 0 1 -.77-1.334 6.195 6.195 0 0 0 -5.734-8.351 6.125 6.125 0 0 0 -5.75 4.074 1 1 0 0 1 -1.566.447 6.038 6.038 0 0 0 -3.766-1.322 6.152 6.152 0 0 0 -6.089 5.507 1 1 0 0 1 -1 .895l-.064-.002-.192.006a6.2 6.2 0 0 0 -5.906 5.968l-.004.227a6.199 6.199 0 0 0 5.9 6.193l.225.007h8.875a1 1 0 0 1 .117 1.993l-.117.007h-8.885a8.2 8.2 0 0 1 -.975-16.332l.172-.02.036-.162a8.155 8.155 0 0 1 7.643-6.281l.26-.005c1.278 0 2.53.305 3.655.879l.312.168.05-.09a8.133 8.133 0 0 1 6.797-4.152l.278-.005a8.19 8.19 0 0 1 2.976.59 8.003 8.003 0 0 1 8.61-4.472zm-6.801 5.323-.053.119a8.195 8.195 0 0 1 3.21 8.315l-.024.1.156.05a8.204 8.204 0 0 1 5.574 8.163l-.016.258a8.29 8.29 0 0 1 -.073.623.887.887 0 0 1 .243-.063l.117-.006h1.76a5.89 5.89 0 0 0 .95-11.716 1 1 0 0 1 -.788-1.344 5.766 5.766 0 0 0 .377-2.025 6.004 6.004 0 0 0 -11.433-2.474z" fill="var(--db-icon-color, currentColor)" fill-rule="nonzero"/><path d="m44 32c.772 0 1.397.437 1.733 1.075l5.906 12.047c.134.302.201.604.201.873 0 1.107-.766 2.005-1.84 2.005h-12c-1.073 0-2-.899-2-2.006 0-.302.068-.604.202-.873l5.973-11.98c.302-.671 1.087-1.141 1.825-1.141zm0 2-6 12h12zm-1 8v-4h2v4zm1 1.008c.549 0 1 .452 1 1 0 .549-.451 1-1 1-.548 0-1-.451-1-1 0-.548.452-1 1-1z" fill="var(--db-icon-pulse-color, #EC0016)"/></g></svg>
diff --git a/review/refactor-icon-update/images/appicons/db_em_rgb_16px.png b/review/refactor-icon-update/images/appicons/db_em_rgb_16px.png
new file mode 100644
index 0000000000..6774c0c877
Binary files /dev/null and b/review/refactor-icon-update/images/appicons/db_em_rgb_16px.png differ
diff --git a/review/refactor-icon-update/images/appicons/db_em_rgb_32px.png b/review/refactor-icon-update/images/appicons/db_em_rgb_32px.png
new file mode 100644
index 0000000000..43cd12f40c
Binary files /dev/null and b/review/refactor-icon-update/images/appicons/db_em_rgb_32px.png differ
diff --git a/review/refactor-icon-update/images/db-ui-core_logo.png b/review/refactor-icon-update/images/db-ui-core_logo.png
new file mode 100644
index 0000000000..a8378fdf22
Binary files /dev/null and b/review/refactor-icon-update/images/db-ui-core_logo.png differ
diff --git a/review/refactor-icon-update/images/db_logo.svg b/review/refactor-icon-update/images/db_logo.svg
new file mode 100644
index 0000000000..83266e41d7
--- /dev/null
+++ b/review/refactor-icon-update/images/db_logo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 28" id="logo">
+	<rect x="2" y="2" width="36" height="24" fill="transparent" style="fill:transparent;fill: var(--db-logo-backgroundColor, transparent)"></rect>
+	<path d="M27.2 7.53h-1.43v4.54h1.83c1.53.03 2.47-1.04 2.47-2.27 0-1.63-.96-2.32-2.87-2.27zm.6 7.8h-2.04v4.84h1.84c.7.01 3.07 0 3.07-2.37 0-1.01-.62-2.5-2.87-2.47zm-17.1-7.7h-.83v12.54h1.53c2.58.06 3.77-2.05 3.77-5.97 0-3.6-.41-6.74-4.47-6.57zm18.4-2.76c5.13.02 5.23 4.03 5.23 4.43a4.33 4.33 0 01-3.15 4.13v.14c3.26.79 3.75 3.14 3.75 4.43 0 4.76-4.68 5.02-6.71 5.03h-6.68V4.87h7.56zm-16.9 0c4.7.02 7.23 3.01 7.23 9.03 0 5.29-1.68 9.1-7.23 9.13H5.54V4.87h6.66zm23.7-1.94H4c-.63 0-1.04.5-1.06 1.05l-.01.12v19.7c0 .57.35 1.22.95 1.26l.12.01h31.9c.63 0 1.13-.6 1.16-1.14l.01-.13V4.1a1.2 1.2 0 00-1.17-1.17zm0-2.86c2.1 0 3.97 1.56 4.03 3.63v20.2a4 4 0 01-3.83 4.03H4A3.91 3.91 0 01.07 24.1V3.9A3.8 3.8 0 013.8.07h32.1z" fill="#f01414" style="fill:#f01414;fill: var(--db-logo-color, #f01414)"></path>
+</svg>
diff --git a/review/refactor-icon-update/images/overlayer_play.png b/review/refactor-icon-update/images/overlayer_play.png
new file mode 100644
index 0000000000..df76786e1d
Binary files /dev/null and b/review/refactor-icon-update/images/overlayer_play.png differ
diff --git a/review/refactor-icon-update/index.html b/review/refactor-icon-update/index.html
new file mode 100644
index 0000000000..bdf94ca40c
--- /dev/null
+++ b/review/refactor-icon-update/index.html
@@ -0,0 +1,175 @@
+<!doctype html><html class="pl-c-html" lang="en"><head><title id="title">Pattern Lab</title><meta charset="UTF-8"><meta name="viewport" content="initial-scale=1,width=device-width,viewport-fit=cover"><meta name="theme-color" content="#ababab"><link rel="stylesheet" href="styleguide/css/pattern-lab.css" media="all"><link rel="prefetch" as="image" href="styleguide/images/pattern-lab-logo--on-dark.svg"><link rel="prefetch" as="image" href="styleguide/images/pattern-lab-logo--on-light.svg"></head><body class="pl-c-body"><pl-layout></pl-layout><script type="text/x-handlebars-template" class="pl-js-panel-template-base"><!-- description, etc. -->
+{{#if descBlockExists }}
+
+<div
+  class="pl-c-pattern-info__panel pl-c-pattern-info__panel--info pl-js-pattern-info"
+>
+  {{#if isPatternView }}
+  <!-- extra info for modal view -->
+  <div class="pl-c-pattern-info__header">
+    <ul class="pl-c-breadcrumb">
+      {{#with patternBreadcrumb }}
+
+      <li class="pl-c-breadcrumb__item">{{ patternGroup }}</li>
+
+      {{#if patternSubgroup }}
+      <li class="pl-c-breadcrumb__item">{{ patternSubgroup }}</li>
+      {{/if }} {{/with }}
+    </ul>
+    <!--end pl-c-breadcrumb-->
+
+    <h2 class="pl-c-pattern-info__title">
+      {{ patternName }} {{#if patternState }}
+      <span
+        class="pl-c-pattern-state pl-c-pattern-state--{{ patternState }}"
+        title="{{ patternState }}"
+      ></span>
+      {{/if }}
+    </h2>
+    <!--end pl-c-pattern-info__title-->
+  </div>
+  <!--end pl-c-pattern-info__header-->
+  {{/if }} {{#if patternDescExists }}
+  <div class="pl-c-pattern-info__description pl-c-text-passage">
+    {{{ patternDesc }}} {{#if patternDescAdditions }} {{{ patternDescAdditions
+    }}} {{/if }}
+  </div>
+  <!--end pl-c-pattern-info__description-->
+  {{/if }} {{#if lineageExists }}
+  <p class="pl-c-lineage pl-js-lineage">
+    The
+    <em>{{ patternName }}</em>
+    pattern contains the following patterns: {{#each lineage }}
+    <a
+      href="{{ lineagePath }}"
+      class="pl-c-lineage__link pl-js-lineage-link"
+      data-patternpartial="{{ lineagePattern }}"
+    >
+      {{ lineagePattern }} {{#if lineageState }}<span
+        class="pl-c-pattern-state pl-c-pattern-state--{{ lineageState }}"
+        title="{{ lineageState }}"
+      />
+      {{/if }}
+    </a>
+    <!--end pl-c-lineage__link-->
+    {{#if hasComma }}, {{/if }} {{/each }}
+  </p>
+  <!--end pl-c-lineage-->
+  {{/if }} {{#if lineageRExists }}
+  <p class="pl-c-lineage">
+    The
+    <em>{{ patternName }}</em>
+    pattern is included in the following patterns: {{#each lineageR }}
+    <a
+      href="{{ lineagePath }}"
+      class="pl-c-lineage__link pl-js-lineage-link"
+      data-patternpartial="{{ lineagePattern }}"
+    >
+      {{ lineagePattern }} {{#if lineageState }}<span
+        class="pl-c-pattern-state pl-c-pattern-state--{{ lineageState }}"
+        title="{{ lineageState }}"
+      />
+      {{/if }}
+    </a>
+    <!--end pl-c-lineage__link-->
+    {{#if hasComma }}, {{/if }} {{/each }}
+  </p>
+  <!--end pl-c-lineage-->
+  {{/if }} {{#if annotationExists }}
+  <div class="pl-c-annotations pl-c-text-passage pl-js-annotations">
+    <h2 class="pl-c-annotations__title">Annotations</h2>
+    <ol class="pl-c-annotations__list">
+      {{#each annotations }}
+      <li class="pl-c-annotations__item">
+        <h3 class="pl-c-annotations__item-title">{{ title }}</h3>
+
+        <div class="pl-c-annotations__item-body">{{{ comment }}}</div>
+        <!--end pl-c-annotations__item-body-->
+      </li>
+      <!--end pl-c-annotations__item-->
+      {{/each }}
+    </ol>
+    <!--end pl-c-annotations__list-->
+  </div>
+  <!--end pl-c-annotations-->
+  {{/if }}
+</div>
+<!--end pl-c-pattern-info__panel-->
+{{/if }}
+
+<div class="pl-c-pattern-info__panel pl-c-pattern-info__panel--code">
+  <div id="pl-{{ patternPartial }}-tabs" class="pl-c-tabs pl-js-tabs">
+    <div class="pl-c-tabs__header">
+      <ul class="pl-c-tabs__list">
+        {{#each panels }}
+        <li class="pl-c-tabs__list-item">
+          <a
+            class="pl-c-tabs__link pl-js-tab-link"
+            href="#pl-{{ ../patternPartial }}-{{ id }}-panel"
+            id="pl-{{ ../patternPartial }}-{{ id }}-tab"
+            data-patternpartial="{{ ../patternPartial }}"
+            data-panelid="{{ id }}"
+            no-smooth-scroll
+            >{{ name }}</a
+          >
+        </li>
+        <!--end pl-c-tabs__list-item-->
+        {{/each }}
+      </ul>
+      <!--end pl-c-tabs__list-->
+    </div>
+    <!--end pl-c-tabs__header-->
+
+    <div id="pl-{{ patternPartial }}-panels" class="pl-c-tabs__content">
+      {{#each panels }}
+      <div
+        id="pl-{{ ../patternPartial }}-{{ id }}-panel"
+        class="pl-c-tabs__panel pl-js-tab-panel"
+      >
+        <button
+          class="pl-c-code-copy-btn pl-js-code-copy-btn"
+          size="small"
+          data-clipboard-target="#pl-{{ ../patternPartial }}-{{ id }}-panel code"
+          type="button"
+        >
+          <span class="pl-c-code-copy-btn__icon-text">Copy</span>
+          <svg
+            viewbox="0 0 24 24"
+            width="20"
+            height="20"
+            class="pl-c-code-copy-btn__icon pl-c-code-copy-btn__icon--copy"
+          >
+            <title>copy icon</title>
+            <path
+              fill="currentColor"
+              d="M18.984 21v-14.016h-10.969v14.016h10.969zM18.984 5.016c1.078 0 2.016 0.891 2.016 1.969v14.016c0 1.078-0.938 2.016-2.016 2.016h-10.969c-1.078 0-2.016-0.938-2.016-2.016v-14.016c0-1.078 0.938-1.969 2.016-1.969h10.969zM15.984 0.984v2.016h-12v14.016h-1.969v-14.016c0-1.078 0.891-2.016 1.969-2.016h12z"
+            ></path>
+          </svg>
+
+          <svg
+            class="pl-c-code-copy-btn__icon pl-c-code-copy-btn__icon--paste"
+            viewbox="0 0 16 16"
+            width="20"
+            height="20"
+          >
+            <title>clipboard</title>
+            <path
+              fill="currentColor"
+              d="M14.5 2h-4.5c0-1.105-0.895-2-2-2s-2 0.895-2 2h-4.5c-0.276 0-0.5 0.224-0.5 0.5v13c0 0.276 0.224 0.5 0.5 0.5h13c0.276 0 0.5-0.224 0.5-0.5v-13c0-0.276-0.224-0.5-0.5-0.5zM8 1c0.552 0 1 0.448 1 1s-0.448 1-1 1c-0.552 0-1-0.448-1-1s0.448-1 1-1zM14 15h-12v-12h2v1.5c0 0.276 0.224 0.5 0.5 0.5h7c0.276 0 0.5-0.224 0.5-0.5v-1.5h2v12z"
+            ></path>
+            <path
+              fill="currentColor"
+              d="M7 13.414l-3.207-3.707 0.914-0.914 2.293 1.793 4.293-3.793 0.914 0.914z"
+            ></path>
+          </svg>
+        </button>
+        {{{ content }}}
+      </div>
+      <!--end pl-c-tabs__panel-->
+      {{/each }}
+    </div>
+    <!--end pl-c-tabs__content-->
+  </div>
+  <!--end pl-c-tabs-->
+</div>
+<!--end pl-c-pattern-info__panel--></script><script src="styleguide/data/patternlab-data.js" defer="defer"></script><script src="annotations/annotations.js" defer="defer"></script><script src="styleguide/js/patternlab-viewer.modern.js" type="module" crossorigin></script><script>!function(){var e=document.createElement("script");if(!("noModule"in e)&&"onbeforeload"in e){var t=!1;document.addEventListener("beforeload",(function(n){if(n.target===e)t=!0;else if(!n.target.hasAttribute("nomodule")||!t)return;n.preventDefault()}),!0),e.type="module",e.src=".",document.head.appendChild(e),e.remove()}}()</script><script src="styleguide/js/patternlab-viewer.js" defer="defer" nomodule crossorigin></script><script></script></body></html>
\ No newline at end of file
diff --git a/review/refactor-icon-update/js/details-element-polyfill.js b/review/refactor-icon-update/js/details-element-polyfill.js
new file mode 100644
index 0000000000..473ad238ac
--- /dev/null
+++ b/review/refactor-icon-update/js/details-element-polyfill.js
@@ -0,0 +1,194 @@
+/*
+Details Element Polyfill 2.4.0
+Copyright © 2019 Javan Makhmali
+ */
+(function() {
+  "use strict";
+  var element = document.createElement("details");
+  var elementIsNative = typeof HTMLDetailsElement != "undefined" && element instanceof HTMLDetailsElement;
+  var support = {
+    open: "open" in element || elementIsNative,
+    toggle: "ontoggle" in element
+  };
+  var styles = '\ndetails, summary {\n  display: block;\n}\ndetails:not([open]) > *:not(summary) {\n  display: none;\n}\nsummary::before {\n  content: "►";\n  padding-right: 0.3rem;\n  font-size: 0.6rem;\n  cursor: default;\n}\n[open] > summary::before {\n  content: "▼";\n}\n';
+  var _ref = [], forEach = _ref.forEach, slice = _ref.slice;
+  if (!support.open) {
+    polyfillStyles();
+    polyfillProperties();
+    polyfillToggle();
+    polyfillAccessibility();
+  }
+  if (support.open && !support.toggle) {
+    polyfillToggleEvent();
+  }
+  function polyfillStyles() {
+    document.head.insertAdjacentHTML("afterbegin", "<style>" + styles + "</style>");
+  }
+  function polyfillProperties() {
+    var prototype = document.createElement("details").constructor.prototype;
+    var setAttribute = prototype.setAttribute, removeAttribute = prototype.removeAttribute;
+    var open = Object.getOwnPropertyDescriptor(prototype, "open");
+    Object.defineProperties(prototype, {
+      open: {
+        get: function get() {
+          if (this.tagName == "DETAILS") {
+            return this.hasAttribute("open");
+          } else {
+            if (open && open.get) {
+              return open.get.call(this);
+            }
+          }
+        },
+        set: function set(value) {
+          if (this.tagName == "DETAILS") {
+            return value ? this.setAttribute("open", "") : this.removeAttribute("open");
+          } else {
+            if (open && open.set) {
+              return open.set.call(this, value);
+            }
+          }
+        }
+      },
+      setAttribute: {
+        value: function value(name, _value) {
+          var _this = this;
+          var call = function call() {
+            return setAttribute.call(_this, name, _value);
+          };
+          if (name == "open" && this.tagName == "DETAILS") {
+            var wasOpen = this.hasAttribute("open");
+            var result = call();
+            if (!wasOpen) {
+              var summary = this.querySelector("summary");
+              if (summary) summary.setAttribute("aria-expanded", true);
+              triggerToggle(this);
+            }
+            return result;
+          }
+          return call();
+        }
+      },
+      removeAttribute: {
+        value: function value(name) {
+          var _this2 = this;
+          var call = function call() {
+            return removeAttribute.call(_this2, name);
+          };
+          if (name == "open" && this.tagName == "DETAILS") {
+            var wasOpen = this.hasAttribute("open");
+            var result = call();
+            if (wasOpen) {
+              var summary = this.querySelector("summary");
+              if (summary) summary.setAttribute("aria-expanded", false);
+              triggerToggle(this);
+            }
+            return result;
+          }
+          return call();
+        }
+      }
+    });
+  }
+  function polyfillToggle() {
+    onTogglingTrigger(function(element) {
+      element.hasAttribute("open") ? element.removeAttribute("open") : element.setAttribute("open", "");
+    });
+  }
+  function polyfillToggleEvent() {
+    if (window.MutationObserver) {
+      new MutationObserver(function(mutations) {
+        forEach.call(mutations, function(mutation) {
+          var target = mutation.target, attributeName = mutation.attributeName;
+          if (target.tagName == "DETAILS" && attributeName == "open") {
+            triggerToggle(target);
+          }
+        });
+      }).observe(document.documentElement, {
+        attributes: true,
+        subtree: true
+      });
+    } else {
+      onTogglingTrigger(function(element) {
+        var wasOpen = element.getAttribute("open");
+        setTimeout(function() {
+          var isOpen = element.getAttribute("open");
+          if (wasOpen != isOpen) {
+            triggerToggle(element);
+          }
+        }, 1);
+      });
+    }
+  }
+  function polyfillAccessibility() {
+    setAccessibilityAttributes(document);
+    if (window.MutationObserver) {
+      new MutationObserver(function(mutations) {
+        forEach.call(mutations, function(mutation) {
+          forEach.call(mutation.addedNodes, setAccessibilityAttributes);
+        });
+      }).observe(document.documentElement, {
+        subtree: true,
+        childList: true
+      });
+    } else {
+      document.addEventListener("DOMNodeInserted", function(event) {
+        setAccessibilityAttributes(event.target);
+      });
+    }
+  }
+  function setAccessibilityAttributes(root) {
+    findElementsWithTagName(root, "SUMMARY").forEach(function(summary) {
+      var details = findClosestElementWithTagName(summary, "DETAILS");
+      summary.setAttribute("aria-expanded", details.hasAttribute("open"));
+      if (!summary.hasAttribute("tabindex")) summary.setAttribute("tabindex", "0");
+      if (!summary.hasAttribute("role")) summary.setAttribute("role", "button");
+    });
+  }
+  function eventIsSignificant(event) {
+    return !(event.defaultPrevented || event.ctrlKey || event.metaKey || event.shiftKey || event.target.isContentEditable);
+  }
+  function onTogglingTrigger(callback) {
+    addEventListener("click", function(event) {
+      if (eventIsSignificant(event)) {
+        if (event.which <= 1) {
+          var element = findClosestElementWithTagName(event.target, "SUMMARY");
+          if (element && element.parentNode && element.parentNode.tagName == "DETAILS") {
+            callback(element.parentNode);
+          }
+        }
+      }
+    }, false);
+    addEventListener("keydown", function(event) {
+      if (eventIsSignificant(event)) {
+        if (event.keyCode == 13 || event.keyCode == 32) {
+          var element = findClosestElementWithTagName(event.target, "SUMMARY");
+          if (element && element.parentNode && element.parentNode.tagName == "DETAILS") {
+            callback(element.parentNode);
+            event.preventDefault();
+          }
+        }
+      }
+    }, false);
+  }
+  function triggerToggle(element) {
+    var event = document.createEvent("Event");
+    event.initEvent("toggle", false, false);
+    element.dispatchEvent(event);
+  }
+  function findElementsWithTagName(root, tagName) {
+    return (root.tagName == tagName ? [ root ] : []).concat(typeof root.getElementsByTagName == "function" ? slice.call(root.getElementsByTagName(tagName)) : []);
+  }
+  function findClosestElementWithTagName(element, tagName) {
+    if (typeof element.closest == "function") {
+      return element.closest(tagName);
+    } else {
+      while (element) {
+        if (element.tagName == tagName) {
+          return element;
+        } else {
+          element = element.parentNode;
+        }
+      }
+    }
+  }
+})();
diff --git a/review/refactor-icon-update/js/dialog-polyfill.js b/review/refactor-icon-update/js/dialog-polyfill.js
new file mode 100644
index 0000000000..aee7d96341
--- /dev/null
+++ b/review/refactor-icon-update/js/dialog-polyfill.js
@@ -0,0 +1,866 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+  typeof define === 'function' && define.amd ? define(factory) :
+  (global = global || self, global.dialogPolyfill = factory());
+}(this, function () { 'use strict';
+
+  // nb. This is for IE10 and lower _only_.
+  var supportCustomEvent = window.CustomEvent;
+  if (!supportCustomEvent || typeof supportCustomEvent === 'object') {
+    supportCustomEvent = function CustomEvent(event, x) {
+      x = x || {};
+      var ev = document.createEvent('CustomEvent');
+      ev.initCustomEvent(event, !!x.bubbles, !!x.cancelable, x.detail || null);
+      return ev;
+    };
+    supportCustomEvent.prototype = window.Event.prototype;
+  }
+
+  /**
+   * Dispatches the passed event to both an "on<type>" handler as well as via the
+   * normal dispatch operation. Does not bubble.
+   *
+   * @param {!EventTarget} target
+   * @param {!Event} event
+   * @return {boolean}
+   */
+  function safeDispatchEvent(target, event) {
+    var check = 'on' + event.type.toLowerCase();
+    if (typeof target[check] === 'function') {
+      target[check](event);
+    }
+    return target.dispatchEvent(event);
+  }
+
+  /**
+   * @param {Element} el to check for stacking context
+   * @return {boolean} whether this el or its parents creates a stacking context
+   */
+  function createsStackingContext(el) {
+    while (el && el !== document.body) {
+      var s = window.getComputedStyle(el);
+      var invalid = function(k, ok) {
+        return !(s[k] === undefined || s[k] === ok);
+      };
+
+      if (s.opacity < 1 ||
+          invalid('zIndex', 'auto') ||
+          invalid('transform', 'none') ||
+          invalid('mixBlendMode', 'normal') ||
+          invalid('filter', 'none') ||
+          invalid('perspective', 'none') ||
+          s['isolation'] === 'isolate' ||
+          s.position === 'fixed' ||
+          s.webkitOverflowScrolling === 'touch') {
+        return true;
+      }
+      el = el.parentElement;
+    }
+    return false;
+  }
+
+  /**
+   * Finds the nearest <dialog> from the passed element.
+   *
+   * @param {Element} el to search from
+   * @return {HTMLDialogElement} dialog found
+   */
+  function findNearestDialog(el) {
+    while (el) {
+      if (el.localName === 'dialog') {
+        return /** @type {HTMLDialogElement} */ (el);
+      }
+      if (el.parentElement) {
+        el = el.parentElement;
+      } else if (el.parentNode) {
+        el = el.parentNode.host;
+      } else {
+        el = null;
+      }
+    }
+    return null;
+  }
+
+  /**
+   * Blur the specified element, as long as it's not the HTML body element.
+   * This works around an IE9/10 bug - blurring the body causes Windows to
+   * blur the whole application.
+   *
+   * @param {Element} el to blur
+   */
+  function safeBlur(el) {
+    // Find the actual focused element when the active element is inside a shadow root
+    while (el && el.shadowRoot && el.shadowRoot.activeElement) {
+      el = el.shadowRoot.activeElement;
+    }
+
+    if (el && el.blur && el !== document.body) {
+      el.blur();
+    }
+  }
+
+  /**
+   * @param {!NodeList} nodeList to search
+   * @param {Node} node to find
+   * @return {boolean} whether node is inside nodeList
+   */
+  function inNodeList(nodeList, node) {
+    for (var i = 0; i < nodeList.length; ++i) {
+      if (nodeList[i] === node) {
+        return true;
+      }
+    }
+    return false;
+  }
+
+  /**
+   * @param {HTMLFormElement} el to check
+   * @return {boolean} whether this form has method="dialog"
+   */
+  function isFormMethodDialog(el) {
+    if (!el || !el.hasAttribute('method')) {
+      return false;
+    }
+    return el.getAttribute('method').toLowerCase() === 'dialog';
+  }
+
+  /**
+   * @param {!DocumentFragment|!Element} hostElement
+   * @return {?Element}
+   */
+  function findFocusableElementWithin(hostElement) {
+    // Note that this is 'any focusable area'. This list is probably not exhaustive, but the
+    // alternative involves stepping through and trying to focus everything.
+    var opts = ['button', 'input', 'keygen', 'select', 'textarea'];
+    var query = opts.map(function(el) {
+      return el + ':not([disabled])';
+    });
+    // TODO(samthor): tabindex values that are not numeric are not focusable.
+    query.push('[tabindex]:not([disabled]):not([tabindex=""])');  // tabindex != "", not disabled
+    var target = hostElement.querySelector(query.join(', '));
+
+    if (!target && 'attachShadow' in Element.prototype) {
+      // If we haven't found a focusable target, see if the host element contains an element
+      // which has a shadowRoot.
+      // Recursively search for the first focusable item in shadow roots.
+      var elems = hostElement.querySelectorAll('*');
+      for (var i = 0; i < elems.length; i++) {
+        if (elems[i].tagName && elems[i].shadowRoot) {
+          target = findFocusableElementWithin(elems[i].shadowRoot);
+          if (target) {
+            break;
+          }
+        }
+      }
+    }
+    return target;
+  }
+
+  /**
+   * Determines if an element is attached to the DOM.
+   * @param {Element} element to check
+   * @return {boolean} whether the element is in DOM
+   */
+  function isConnected(element) {
+    return element.isConnected || document.body.contains(element);
+  }
+
+  /**
+   * @param {!Event} event
+   * @return {?Element}
+   */
+  function findFormSubmitter(event) {
+    if (event.submitter) {
+      return event.submitter;
+    }
+
+    var form = event.target;
+    if (!(form instanceof HTMLFormElement)) {
+      return null;
+    }
+
+    var submitter = dialogPolyfill.formSubmitter;
+    if (!submitter) {
+      var target = event.target;
+      var root = ('getRootNode' in target && target.getRootNode() || document);
+      submitter = root.activeElement;
+    }
+
+    if (!submitter || submitter.form !== form) {
+      return null;
+    }
+    return submitter;
+  }
+
+  /**
+   * @param {!Event} event
+   */
+  function maybeHandleSubmit(event) {
+    if (event.defaultPrevented) {
+      return;
+    }
+    var form = /** @type {!HTMLFormElement} */ (event.target);
+
+    // We'd have a value if we clicked on an imagemap.
+    var value = dialogPolyfill.imagemapUseValue;
+    var submitter = findFormSubmitter(event);
+    if (value === null && submitter) {
+      value = submitter.value;
+    }
+
+    // There should always be a dialog as this handler is added specifically on them, but check just
+    // in case.
+    var dialog = findNearestDialog(form);
+    if (!dialog) {
+      return;
+    }
+
+    // Prefer formmethod on the button.
+    var formmethod = submitter && submitter.getAttribute('formmethod') || form.getAttribute('method');
+    if (formmethod !== 'dialog') {
+      return;
+    }
+    event.preventDefault();
+
+    if (value != null) {
+      // nb. we explicitly check against null/undefined
+      dialog.close(value);
+    } else {
+      dialog.close();
+    }
+  }
+
+  /**
+   * @param {!HTMLDialogElement} dialog to upgrade
+   * @constructor
+   */
+  function dialogPolyfillInfo(dialog) {
+    this.dialog_ = dialog;
+    this.replacedStyleTop_ = false;
+    this.openAsModal_ = false;
+
+    // Set a11y role. Browsers that support dialog implicitly know this already.
+    if (!dialog.hasAttribute('role')) {
+      dialog.setAttribute('role', 'dialog');
+    }
+
+    dialog.show = this.show.bind(this);
+    dialog.showModal = this.showModal.bind(this);
+    dialog.close = this.close.bind(this);
+
+    dialog.addEventListener('submit', maybeHandleSubmit, false);
+
+    if (!('returnValue' in dialog)) {
+      dialog.returnValue = '';
+    }
+
+    if ('MutationObserver' in window) {
+      var mo = new MutationObserver(this.maybeHideModal.bind(this));
+      mo.observe(dialog, {attributes: true, attributeFilter: ['open']});
+    } else {
+      // IE10 and below support. Note that DOMNodeRemoved etc fire _before_ removal. They also
+      // seem to fire even if the element was removed as part of a parent removal. Use the removed
+      // events to force downgrade (useful if removed/immediately added).
+      var removed = false;
+      var cb = function() {
+        removed ? this.downgradeModal() : this.maybeHideModal();
+        removed = false;
+      }.bind(this);
+      var timeout;
+      var delayModel = function(ev) {
+        if (ev.target !== dialog) { return; }  // not for a child element
+        var cand = 'DOMNodeRemoved';
+        removed |= (ev.type.substr(0, cand.length) === cand);
+        window.clearTimeout(timeout);
+        timeout = window.setTimeout(cb, 0);
+      };
+      ['DOMAttrModified', 'DOMNodeRemoved', 'DOMNodeRemovedFromDocument'].forEach(function(name) {
+        dialog.addEventListener(name, delayModel);
+      });
+    }
+    // Note that the DOM is observed inside DialogManager while any dialog
+    // is being displayed as a modal, to catch modal removal from the DOM.
+
+    Object.defineProperty(dialog, 'open', {
+      set: this.setOpen.bind(this),
+      get: dialog.hasAttribute.bind(dialog, 'open')
+    });
+
+    this.backdrop_ = document.createElement('div');
+    this.backdrop_.className = 'backdrop';
+    this.backdrop_.addEventListener('mouseup'  , this.backdropMouseEvent_.bind(this));
+    this.backdrop_.addEventListener('mousedown', this.backdropMouseEvent_.bind(this));
+    this.backdrop_.addEventListener('click'    , this.backdropMouseEvent_.bind(this));
+  }
+
+  dialogPolyfillInfo.prototype = /** @type {HTMLDialogElement.prototype} */ ({
+
+    get dialog() {
+      return this.dialog_;
+    },
+
+    /**
+     * Maybe remove this dialog from the modal top layer. This is called when
+     * a modal dialog may no longer be tenable, e.g., when the dialog is no
+     * longer open or is no longer part of the DOM.
+     */
+    maybeHideModal: function() {
+      if (this.dialog_.hasAttribute('open') && isConnected(this.dialog_)) { return; }
+      this.downgradeModal();
+    },
+
+    /**
+     * Remove this dialog from the modal top layer, leaving it as a non-modal.
+     */
+    downgradeModal: function() {
+      if (!this.openAsModal_) { return; }
+      this.openAsModal_ = false;
+      this.dialog_.style.zIndex = '';
+
+      // This won't match the native <dialog> exactly because if the user set top on a centered
+      // polyfill dialog, that top gets thrown away when the dialog is closed. Not sure it's
+      // possible to polyfill this perfectly.
+      if (this.replacedStyleTop_) {
+        this.dialog_.style.top = '';
+        this.replacedStyleTop_ = false;
+      }
+
+      // Clear the backdrop and remove from the manager.
+      this.backdrop_.parentNode && this.backdrop_.parentNode.removeChild(this.backdrop_);
+      dialogPolyfill.dm.removeDialog(this);
+    },
+
+    /**
+     * @param {boolean} value whether to open or close this dialog
+     */
+    setOpen: function(value) {
+      if (value) {
+        this.dialog_.hasAttribute('open') || this.dialog_.setAttribute('open', '');
+      } else {
+        this.dialog_.removeAttribute('open');
+        this.maybeHideModal();  // nb. redundant with MutationObserver
+      }
+    },
+
+    /**
+     * Handles mouse events ('mouseup', 'mousedown', 'click') on the fake .backdrop element, redirecting them as if
+     * they were on the dialog itself.
+     *
+     * @param {!Event} e to redirect
+     */
+    backdropMouseEvent_: function(e) {
+      if (!this.dialog_.hasAttribute('tabindex')) {
+        // Clicking on the backdrop should move the implicit cursor, even if dialog cannot be
+        // focused. Create a fake thing to focus on. If the backdrop was _before_ the dialog, this
+        // would not be needed - clicks would move the implicit cursor there.
+        var fake = document.createElement('div');
+        this.dialog_.insertBefore(fake, this.dialog_.firstChild);
+        fake.tabIndex = -1;
+        fake.focus();
+        this.dialog_.removeChild(fake);
+      } else {
+        this.dialog_.focus();
+      }
+
+      var redirectedEvent = document.createEvent('MouseEvents');
+      redirectedEvent.initMouseEvent(e.type, e.bubbles, e.cancelable, window,
+          e.detail, e.screenX, e.screenY, e.clientX, e.clientY, e.ctrlKey,
+          e.altKey, e.shiftKey, e.metaKey, e.button, e.relatedTarget);
+      this.dialog_.dispatchEvent(redirectedEvent);
+      e.stopPropagation();
+    },
+
+    /**
+     * Focuses on the first focusable element within the dialog. This will always blur the current
+     * focus, even if nothing within the dialog is found.
+     */
+    focus_: function() {
+      // Find element with `autofocus` attribute, or fall back to the first form/tabindex control.
+      var target = this.dialog_.querySelector('[autofocus]:not([disabled])');
+      if (!target && this.dialog_.tabIndex >= 0) {
+        target = this.dialog_;
+      }
+      if (!target) {
+        target = findFocusableElementWithin(this.dialog_);
+      }
+      safeBlur(document.activeElement);
+      target && target.focus();
+    },
+
+    /**
+     * Sets the zIndex for the backdrop and dialog.
+     *
+     * @param {number} dialogZ
+     * @param {number} backdropZ
+     */
+    updateZIndex: function(dialogZ, backdropZ) {
+      if (dialogZ < backdropZ) {
+        throw new Error('dialogZ should never be < backdropZ');
+      }
+      this.dialog_.style.zIndex = dialogZ;
+      this.backdrop_.style.zIndex = backdropZ;
+    },
+
+    /**
+     * Shows the dialog. If the dialog is already open, this does nothing.
+     */
+    show: function() {
+      if (!this.dialog_.open) {
+        this.setOpen(true);
+        this.focus_();
+      }
+    },
+
+    /**
+     * Show this dialog modally.
+     */
+    showModal: function() {
+      if (this.dialog_.hasAttribute('open')) {
+        throw new Error('Failed to execute \'showModal\' on dialog: The element is already open, and therefore cannot be opened modally.');
+      }
+      if (!isConnected(this.dialog_)) {
+        throw new Error('Failed to execute \'showModal\' on dialog: The element is not in a Document.');
+      }
+      if (!dialogPolyfill.dm.pushDialog(this)) {
+        throw new Error('Failed to execute \'showModal\' on dialog: There are too many open modal dialogs.');
+      }
+
+      if (createsStackingContext(this.dialog_.parentElement)) {
+        console.warn('A dialog is being shown inside a stacking context. ' +
+            'This may cause it to be unusable. For more information, see this link: ' +
+            'https://github.com/GoogleChrome/dialog-polyfill/#stacking-context');
+      }
+
+      this.setOpen(true);
+      this.openAsModal_ = true;
+
+      // Optionally center vertically, relative to the current viewport.
+      if (dialogPolyfill.needsCentering(this.dialog_)) {
+        dialogPolyfill.reposition(this.dialog_);
+        this.replacedStyleTop_ = true;
+      } else {
+        this.replacedStyleTop_ = false;
+      }
+
+      // Insert backdrop.
+      this.dialog_.parentNode.insertBefore(this.backdrop_, this.dialog_.nextSibling);
+
+      // Focus on whatever inside the dialog.
+      this.focus_();
+    },
+
+    /**
+     * Closes this HTMLDialogElement. This is optional vs clearing the open
+     * attribute, however this fires a 'close' event.
+     *
+     * @param {string=} opt_returnValue to use as the returnValue
+     */
+    close: function(opt_returnValue) {
+      if (!this.dialog_.hasAttribute('open')) {
+        throw new Error('Failed to execute \'close\' on dialog: The element does not have an \'open\' attribute, and therefore cannot be closed.');
+      }
+      this.setOpen(false);
+
+      // Leave returnValue untouched in case it was set directly on the element
+      if (opt_returnValue !== undefined) {
+        this.dialog_.returnValue = opt_returnValue;
+      }
+
+      // Triggering "close" event for any attached listeners on the <dialog>.
+      var closeEvent = new supportCustomEvent('close', {
+        bubbles: false,
+        cancelable: false
+      });
+      safeDispatchEvent(this.dialog_, closeEvent);
+    }
+
+  });
+
+  var dialogPolyfill = {};
+
+  dialogPolyfill.reposition = function(element) {
+    var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
+    var topValue = scrollTop + (window.innerHeight - element.offsetHeight) / 2;
+    element.style.top = Math.max(scrollTop, topValue) + 'px';
+  };
+
+  dialogPolyfill.isInlinePositionSetByStylesheet = function(element) {
+    for (var i = 0; i < document.styleSheets.length; ++i) {
+      var styleSheet = document.styleSheets[i];
+      var cssRules = null;
+      // Some browsers throw on cssRules.
+      try {
+        cssRules = styleSheet.cssRules;
+      } catch (e) {}
+      if (!cssRules) { continue; }
+      for (var j = 0; j < cssRules.length; ++j) {
+        var rule = cssRules[j];
+        var selectedNodes = null;
+        // Ignore errors on invalid selector texts.
+        try {
+          selectedNodes = document.querySelectorAll(rule.selectorText);
+        } catch(e) {}
+        if (!selectedNodes || !inNodeList(selectedNodes, element)) {
+          continue;
+        }
+        var cssTop = rule.style.getPropertyValue('top');
+        var cssBottom = rule.style.getPropertyValue('bottom');
+        if ((cssTop && cssTop !== 'auto') || (cssBottom && cssBottom !== 'auto')) {
+          return true;
+        }
+      }
+    }
+    return false;
+  };
+
+  dialogPolyfill.needsCentering = function(dialog) {
+    var computedStyle = window.getComputedStyle(dialog);
+    if (computedStyle.position !== 'absolute') {
+      return false;
+    }
+
+    // We must determine whether the top/bottom specified value is non-auto.  In
+    // WebKit/Blink, checking computedStyle.top == 'auto' is sufficient, but
+    // Firefox returns the used value. So we do this crazy thing instead: check
+    // the inline style and then go through CSS rules.
+    if ((dialog.style.top !== 'auto' && dialog.style.top !== '') ||
+        (dialog.style.bottom !== 'auto' && dialog.style.bottom !== '')) {
+      return false;
+    }
+    return !dialogPolyfill.isInlinePositionSetByStylesheet(dialog);
+  };
+
+  /**
+   * @param {!Element} element to force upgrade
+   */
+  dialogPolyfill.forceRegisterDialog = function(element) {
+    if (window.HTMLDialogElement || element.showModal) {
+      console.warn('This browser already supports <dialog>, the polyfill ' +
+          'may not work correctly', element);
+    }
+    if (element.localName !== 'dialog') {
+      throw new Error('Failed to register dialog: The element is not a dialog.');
+    }
+    new dialogPolyfillInfo(/** @type {!HTMLDialogElement} */ (element));
+  };
+
+  /**
+   * @param {!Element} element to upgrade, if necessary
+   */
+  dialogPolyfill.registerDialog = function(element) {
+    if (!element.showModal) {
+      dialogPolyfill.forceRegisterDialog(element);
+    }
+  };
+
+  /**
+   * @constructor
+   */
+  dialogPolyfill.DialogManager = function() {
+    /** @type {!Array<!dialogPolyfillInfo>} */
+    this.pendingDialogStack = [];
+
+    var checkDOM = this.checkDOM_.bind(this);
+
+    // The overlay is used to simulate how a modal dialog blocks the document.
+    // The blocking dialog is positioned on top of the overlay, and the rest of
+    // the dialogs on the pending dialog stack are positioned below it. In the
+    // actual implementation, the modal dialog stacking is controlled by the
+    // top layer, where z-index has no effect.
+    this.overlay = document.createElement('div');
+    this.overlay.className = '_dialog_overlay';
+    this.overlay.addEventListener('click', function(e) {
+      this.forwardTab_ = undefined;
+      e.stopPropagation();
+      checkDOM([]);  // sanity-check DOM
+    }.bind(this));
+
+    this.handleKey_ = this.handleKey_.bind(this);
+    this.handleFocus_ = this.handleFocus_.bind(this);
+
+    this.zIndexLow_ = 100000;
+    this.zIndexHigh_ = 100000 + 150;
+
+    this.forwardTab_ = undefined;
+
+    if ('MutationObserver' in window) {
+      this.mo_ = new MutationObserver(function(records) {
+        var removed = [];
+        records.forEach(function(rec) {
+          for (var i = 0, c; c = rec.removedNodes[i]; ++i) {
+            if (!(c instanceof Element)) {
+              continue;
+            } else if (c.localName === 'dialog') {
+              removed.push(c);
+            }
+            removed = removed.concat(c.querySelectorAll('dialog'));
+          }
+        });
+        removed.length && checkDOM(removed);
+      });
+    }
+  };
+
+  /**
+   * Called on the first modal dialog being shown. Adds the overlay and related
+   * handlers.
+   */
+  dialogPolyfill.DialogManager.prototype.blockDocument = function() {
+    document.documentElement.addEventListener('focus', this.handleFocus_, true);
+    document.addEventListener('keydown', this.handleKey_);
+    this.mo_ && this.mo_.observe(document, {childList: true, subtree: true});
+  };
+
+  /**
+   * Called on the first modal dialog being removed, i.e., when no more modal
+   * dialogs are visible.
+   */
+  dialogPolyfill.DialogManager.prototype.unblockDocument = function() {
+    document.documentElement.removeEventListener('focus', this.handleFocus_, true);
+    document.removeEventListener('keydown', this.handleKey_);
+    this.mo_ && this.mo_.disconnect();
+  };
+
+  /**
+   * Updates the stacking of all known dialogs.
+   */
+  dialogPolyfill.DialogManager.prototype.updateStacking = function() {
+    var zIndex = this.zIndexHigh_;
+
+    for (var i = 0, dpi; dpi = this.pendingDialogStack[i]; ++i) {
+      dpi.updateZIndex(--zIndex, --zIndex);
+      if (i === 0) {
+        this.overlay.style.zIndex = --zIndex;
+      }
+    }
+
+    // Make the overlay a sibling of the dialog itself.
+    var last = this.pendingDialogStack[0];
+    if (last) {
+      var p = last.dialog.parentNode || document.body;
+      p.appendChild(this.overlay);
+    } else if (this.overlay.parentNode) {
+      this.overlay.parentNode.removeChild(this.overlay);
+    }
+  };
+
+  /**
+   * @param {Element} candidate to check if contained or is the top-most modal dialog
+   * @return {boolean} whether candidate is contained in top dialog
+   */
+  dialogPolyfill.DialogManager.prototype.containedByTopDialog_ = function(candidate) {
+    while (candidate = findNearestDialog(candidate)) {
+      for (var i = 0, dpi; dpi = this.pendingDialogStack[i]; ++i) {
+        if (dpi.dialog === candidate) {
+          return i === 0;  // only valid if top-most
+        }
+      }
+      candidate = candidate.parentElement;
+    }
+    return false;
+  };
+
+  dialogPolyfill.DialogManager.prototype.handleFocus_ = function(event) {
+    var target = event.composedPath ? event.composedPath()[0] : event.target;
+
+    if (this.containedByTopDialog_(target)) { return; }
+
+    if (document.activeElement === document.documentElement) { return; }
+
+    event.preventDefault();
+    event.stopPropagation();
+    safeBlur(/** @type {Element} */ (target));
+
+    if (this.forwardTab_ === undefined) { return; }  // move focus only from a tab key
+
+    var dpi = this.pendingDialogStack[0];
+    var dialog = dpi.dialog;
+    var position = dialog.compareDocumentPosition(target);
+    if (position & Node.DOCUMENT_POSITION_PRECEDING) {
+      if (this.forwardTab_) {
+        // forward
+        dpi.focus_();
+      } else if (target !== document.documentElement) {
+        // backwards if we're not already focused on <html>
+        document.documentElement.focus();
+      }
+    }
+
+    return false;
+  };
+
+  dialogPolyfill.DialogManager.prototype.handleKey_ = function(event) {
+    this.forwardTab_ = undefined;
+    if (event.keyCode === 27) {
+      event.preventDefault();
+      event.stopPropagation();
+      var cancelEvent = new supportCustomEvent('cancel', {
+        bubbles: false,
+        cancelable: true
+      });
+      var dpi = this.pendingDialogStack[0];
+      if (dpi && safeDispatchEvent(dpi.dialog, cancelEvent)) {
+        dpi.dialog.close();
+      }
+    } else if (event.keyCode === 9) {
+      this.forwardTab_ = !event.shiftKey;
+    }
+  };
+
+  /**
+   * Finds and downgrades any known modal dialogs that are no longer displayed. Dialogs that are
+   * removed and immediately readded don't stay modal, they become normal.
+   *
+   * @param {!Array<!HTMLDialogElement>} removed that have definitely been removed
+   */
+  dialogPolyfill.DialogManager.prototype.checkDOM_ = function(removed) {
+    // This operates on a clone because it may cause it to change. Each change also calls
+    // updateStacking, which only actually needs to happen once. But who removes many modal dialogs
+    // at a time?!
+    var clone = this.pendingDialogStack.slice();
+    clone.forEach(function(dpi) {
+      if (removed.indexOf(dpi.dialog) !== -1) {
+        dpi.downgradeModal();
+      } else {
+        dpi.maybeHideModal();
+      }
+    });
+  };
+
+  /**
+   * @param {!dialogPolyfillInfo} dpi
+   * @return {boolean} whether the dialog was allowed
+   */
+  dialogPolyfill.DialogManager.prototype.pushDialog = function(dpi) {
+    var allowed = (this.zIndexHigh_ - this.zIndexLow_) / 2 - 1;
+    if (this.pendingDialogStack.length >= allowed) {
+      return false;
+    }
+    if (this.pendingDialogStack.unshift(dpi) === 1) {
+      this.blockDocument();
+    }
+    this.updateStacking();
+    return true;
+  };
+
+  /**
+   * @param {!dialogPolyfillInfo} dpi
+   */
+  dialogPolyfill.DialogManager.prototype.removeDialog = function(dpi) {
+    var index = this.pendingDialogStack.indexOf(dpi);
+    if (index === -1) { return; }
+
+    this.pendingDialogStack.splice(index, 1);
+    if (this.pendingDialogStack.length === 0) {
+      this.unblockDocument();
+    }
+    this.updateStacking();
+  };
+
+  dialogPolyfill.dm = new dialogPolyfill.DialogManager();
+  dialogPolyfill.formSubmitter = null;
+  dialogPolyfill.imagemapUseValue = null;
+
+  /**
+   * Installs global handlers, such as click listers and native method overrides. These are needed
+   * even if a no dialog is registered, as they deal with <form method="dialog">.
+   */
+  if (window.HTMLDialogElement === undefined) {
+
+    /**
+     * If HTMLFormElement translates method="DIALOG" into 'get', then replace the descriptor with
+     * one that returns the correct value.
+     */
+    var testForm = document.createElement('form');
+    testForm.setAttribute('method', 'dialog');
+    if (testForm.method !== 'dialog') {
+      var methodDescriptor = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, 'method');
+      if (methodDescriptor) {
+        // nb. Some older iOS and older PhantomJS fail to return the descriptor. Don't do anything
+        // and don't bother to update the element.
+        var realGet = methodDescriptor.get;
+        methodDescriptor.get = function() {
+          if (isFormMethodDialog(this)) {
+            return 'dialog';
+          }
+          return realGet.call(this);
+        };
+        var realSet = methodDescriptor.set;
+        /** @this {HTMLElement} */
+        methodDescriptor.set = function(v) {
+          if (typeof v === 'string' && v.toLowerCase() === 'dialog') {
+            return this.setAttribute('method', v);
+          }
+          return realSet.call(this, v);
+        };
+        Object.defineProperty(HTMLFormElement.prototype, 'method', methodDescriptor);
+      }
+    }
+
+    /**
+     * Global 'click' handler, to capture the <input type="submit"> or <button> element which has
+     * submitted a <form method="dialog">. Needed as Safari and others don't report this inside
+     * document.activeElement.
+     */
+    document.addEventListener('click', function(ev) {
+      dialogPolyfill.formSubmitter = null;
+      dialogPolyfill.imagemapUseValue = null;
+      if (ev.defaultPrevented) { return; }  // e.g. a submit which prevents default submission
+
+      var target = /** @type {Element} */ (ev.target);
+      if ('composedPath' in ev) {
+        var path = ev.composedPath();
+        target = path.shift() || target;
+      }
+      if (!target || !isFormMethodDialog(target.form)) { return; }
+
+      var valid = (target.type === 'submit' && ['button', 'input'].indexOf(target.localName) > -1);
+      if (!valid) {
+        if (!(target.localName === 'input' && target.type === 'image')) { return; }
+        // this is a <input type="image">, which can submit forms
+        dialogPolyfill.imagemapUseValue = ev.offsetX + ',' + ev.offsetY;
+      }
+
+      var dialog = findNearestDialog(target);
+      if (!dialog) { return; }
+
+      dialogPolyfill.formSubmitter = target;
+
+    }, false);
+
+    /**
+     * Global 'submit' handler. This handles submits of `method="dialog"` which are invalid, i.e.,
+     * outside a dialog. They get prevented.
+     */
+    document.addEventListener('submit', function(ev) {
+      var form = ev.target;
+      var dialog = findNearestDialog(form);
+      if (dialog) {
+        return;  // ignore, handle there
+      }
+
+      var submitter = findFormSubmitter(ev);
+      var formmethod = submitter && submitter.getAttribute('formmethod') || form.getAttribute('method');
+      if (formmethod === 'dialog') {
+        ev.preventDefault();
+      }
+    });
+
+    /**
+     * Replace the native HTMLFormElement.submit() method, as it won't fire the
+     * submit event and give us a chance to respond.
+     */
+    var nativeFormSubmit = HTMLFormElement.prototype.submit;
+    var replacementFormSubmit = function () {
+      if (!isFormMethodDialog(this)) {
+        return nativeFormSubmit.call(this);
+      }
+      var dialog = findNearestDialog(this);
+      dialog && dialog.close();
+    };
+    HTMLFormElement.prototype.submit = replacementFormSubmit;
+  }
+
+  return dialogPolyfill;
+
+}));
diff --git a/review/refactor-icon-update/js/iframeResizer.contentWindow.js b/review/refactor-icon-update/js/iframeResizer.contentWindow.js
new file mode 100644
index 0000000000..2e10af522b
--- /dev/null
+++ b/review/refactor-icon-update/js/iframeResizer.contentWindow.js
@@ -0,0 +1,20 @@
+/*!
+ *  @preserve
+ *  
+ *  @module      iframe-resizer/legacy (child) 5.3.2 (iife) 
+ *
+ *  @license     GPL-3.0 for non-commercial use only.
+ *               For commercial use, you must purchase a license from
+ *               https://iframe-resizer.com/pricing
+ * 
+ *  @description Keep same and cross domain iFrames sized to their content 
+ *
+ *  @author      David J. Bradshaw <info@iframe-resizer.com>
+ * 
+ *  @see         {@link https://iframe-resizer.com}
+ * 
+ *  @copyright  (c) 2013 - 2024, David J. Bradshaw. All rights reserved.
+ */
+
+
+!function(){"use strict";const e="5.3.2",t=10,n="data-iframe-size",o="data-overflowed",i="bottom",r="right",a="resizeParent",l=(e,t,n,o)=>e.addEventListener(t,n,o||!1),s=["<iy><yi>Puchspk Spjluzl Rlf</><iy><iy>","<iy><yi>Tpzzpun Spjluzl Rlf</><iy><iy>","Aopz spiyhyf pz hchpshisl dpao ivao Jvttlyjphs huk Vwlu-Zvbyjl spjluzlz.<iy><iy><i>Jvttlyjphs Spjluzl</><iy>Mvy jvttlyjphs bzl, <p>pmyhtl-ylzpgly</> ylxbpylz h svd jvza vul aptl spjluzl mll. Mvy tvyl pumvythapvu cpzpa <b>oaawz://pmyhtl-ylzpgly.jvt/wypjpun</>.<iy><iy><i>Vwlu Zvbyjl Spjluzl</><iy>Pm fvb hyl bzpun aopz spiyhyf pu h uvu-jvttlyjphs vwlu zvbyjl wyvqlja aolu fvb jhu bzl pa mvy myll bukly aol alytz vm aol NWS C3 Spjluzl. Av jvumpyt fvb hjjlwa aolzl alytz, wslhzl zla aol <i>spjluzl</> rlf pu <p>pmyhtl-ylzpgly</> vwapvuz av <i>NWSc3</>.<iy><iy>Mvy tvyl pumvythapvu wslhzl zll: <b>oaawz://pmyhtl-ylzpgly.jvt/nws</>","<i>NWSc3 Spjluzl Clyzpvu</><iy><iy>Aopz clyzpvu vm <p>pmyhtl-ylzpgly</> pz ilpun bzlk bukly aol alytz vm aol <i>NWS C3</> spjluzl. Aopz spjluzl hssvdz fvb av bzl <p>pmyhtl-ylzpgly</> pu Vwlu Zvbyjl wyvqljaz, iba pa ylxbpylz fvby wyvqlja av il wbispj, wyvcpkl haaypibapvu huk il spjluzlk bukly clyzpvu 3 vy shaly vm aol NUB Nlulyhs Wbispj Spjluzl.<iy><iy>Pm fvb hyl bzpun aopz spiyhyf pu h uvu-vwlu zvbyjl wyvqlja vy dlizpal, fvb dpss ullk av wbyjohzl h svd jvza vul aptl jvttlyjphs spjluzl.<iy><iy>Mvy tvyl pumvythapvu cpzpa <b>oaawz://pmyhtl-ylzpgly.jvt/wypjpun</>."];Object.fromEntries(["2cgs7fdf4xb","1c9ctcccr4z","1q2pc4eebgb","ueokt0969w","w2zxchhgqz","1umuxblj2e5"].map(((e,t)=>[e,Math.max(0,t-1)])));const c=e=>(e=>e.replaceAll(/[A-Za-z]/g,(e=>String.fromCodePoint((e<="Z"?90:122)>=(e=e.codePointAt(0)+19)?e:e-26))))(s[e]),d=e=>e,u=1e5,m=e=>Math.round(e*u)/u;let f="",p=!1;const h=e=>{f=e.id,p=e.logging},y=e=>""!=`${e}`&&void 0!==e;const g=(...e)=>[`[iframe-resizer][${f||"child"}]`,...e].join(" "),b=(...e)=>p&&console?.info(`%c[iframe-resizer][${f}]%c`,"font-weight: bold;","font-weight: normal;",...e),v=(...e)=>console?.warn(g(...e)),w=(...e)=>console?.warn((e=>t=>window.chrome?e(t.replaceAll("<br>","\n").replaceAll("<rb>","").replaceAll("</>","").replaceAll("<b>","").replaceAll("<i>","").replaceAll("<u>","")):e(t.replaceAll("<br>","\n").replaceAll(/<[/a-z]+>/gi,"")))(g)(...e)),z=e=>w(e),S=e=>{const t=e.side||i,n=e.onChange||d,r={root:e.root,rootMargin:"0px",threshold:1};function a(){const e=document.querySelectorAll(`[${o}]`);n(e)}const l=new IntersectionObserver((function(e){for(const n of e){const{boundingClientRect:e,rootBounds:i,target:r}=n,a=e[t],l=0===a||a>i[t];r.toggleAttribute(o,l)}requestAnimationFrame(a)}),r),s=new WeakSet;return function(e){for(const t of e)t.nodeType!==Node.ELEMENT_NODE||s.has(t)||(l.observe(t),s.add(t))}},E="--ifr-start",j="--ifr-end",$="--ifr-measure",C=[],T=new WeakSet,M=e=>"object"==typeof e&&T.add(e);let O=null,P={};const A=setInterval((()=>{if(C.length<10)return;if(P.hasTags&&P.len<25)return;C.sort();const e=Math.min(C.reduce(((e,t)=>e+t),0)/C.length,C[Math.floor(C.length/2)]);e<=4||(clearInterval(A),w(`<rb>Performance Warning</>\n\nCalculating the page size is taking an excessive amount of time (${m(e)}ms).\n\nTo improve performance add the <b>data-iframe-size</> attribute to the ${P.Side.toLowerCase()} most element on the page. For more details see: <u>https://iframe-resizer.com/perf</>.`))}),5e3);function N(e){e.getEntries().forEach((e=>{if(e.name===j){const{duration:t}=performance.measure($,E,j);!function(e,t){const{Side:n,len:o,hasTags:i,logging:r}=e;P=e,T.has(O)||i&&o<=1||(r||M(O),b(`\n  ${n} position calculated from:`,O,`\n  Parsed ${o} ${i?"tagged":"potentially overflowing"} elements in ${m(t)}ms`))}(e.detail,t),C.push(t),C.length>100&&C.shift()}}))}function I(){new PerformanceObserver(N).observe({entryTypes:["mark"]}),M(document.documentElement),M(document.body)}"undefined"!=typeof document&&"undefined"!=typeof PerformanceObserver&&("loading"===document.readyState?document.addEventListener("DOMContentLoaded",I):I()),"undefined"!=typeof window&&function(){const o={contentVisibilityAuto:!0,opacityProperty:!0,visibilityProperty:!0},s={height:()=>(v("Custom height calculation function not defined"),Le.auto()),width:()=>(v("Custom width calculation function not defined"),Be.auto())},u={bodyOffset:1,bodyScroll:1,offset:1,documentElementOffset:1,documentElementScroll:1,boundingClientRect:1,max:1,min:1,grow:1,lowestElement:1},f=128,p={},g="checkVisibility"in window,b="auto",$="[iFrameSizer]",C=$.length,T={max:1,min:1,bodyScroll:1,documentElementScroll:1},M="scroll";let P,A,N,I,k,R=!0,x="",q=0,L="",B="",D=!0,W=!1,U=!0,F=!1,V=!1,J=1,H=b,Z=!0,_="",Q={},X=!1,Y=0,G=!1,K="",ee=d,te=[],ne="child",oe=null,ie=!1,re="",ae=[],le=window.parent,se="*",ce=0,de=!1,ue="",me=1,fe=M,pe=window,he=()=>{v("onMessage function not defined")},ye=()=>{},ge=null,be=null;function ve(){var o,d,u;!function(){const e=e=>"true"===e,t=_.slice(C).split(":");K=t[0],q=void 0===t[1]?q:Number(t[1]),W=void 0===t[2]?W:e(t[2]),X=void 0===t[3]?X:e(t[3]),R=void 0===t[6]?R:e(t[6]),L=t[7],H=void 0===t[8]?H:t[8],x=t[9],B=t[10],ce=void 0===t[11]?ce:Number(t[11]),Q.enable=void 0!==t[12]&&e(t[12]),ne=void 0===t[13]?ne:t[13],fe=void 0===t[14]?fe:t[14],G=void 0===t[15]?G:e(t[15]),P=void 0===t[16]?P:Number(t[16]),A=void 0===t[17]?A:Number(t[17]),D=void 0===t[18]?D:e(t[18]),t[19],ue=t[20]||ue,Y=void 0===t[21]?Y:Number(t[21])}(),h({id:K,logging:X}),function(){function e(e){he=e?.onMessage||he,ye=e?.onReady||ye,"number"==typeof e?.offset&&(w("<rb>Deprecated option</>\n\n The <b>offset</> option has been renamed to <b>offsetSize</>. Use of the old name will be removed in a future version of <i>iframe-resizer</>."),D&&(P=e?.offset),W&&(A=e?.offset)),"number"==typeof e?.offsetSize&&(D&&(P=e?.offsetSize),W&&(A=e?.offsetSize)),Object.prototype.hasOwnProperty.call(e,"sizeSelector")&&(re=e.sizeSelector),se=e?.targetOrigin||se,H=e?.heightCalculationMethod||H,fe=e?.widthCalculationMethod||fe}function t(e,t){return"function"==typeof e&&(s[t]=e,e="custom"),e}if(1===Y)return;const n=window.iframeResizer||window.iFrameResizer;"object"==typeof n&&(e(n),H=t(H,"height"),fe=t(fe,"width"))}(),function(){try{ie="iframeParentListener"in window.parent}catch(e){}}(),Y<0?z(`${c(Y+2)}${c(2)}`):ue.codePointAt(0)>4||Y<2&&z(c(3)),ue&&""!==ue&&"false"!==ue?ue!==e&&w(`<b>Version mismatch</>\n\nThe parent and child pages are running different versions of <i>iframe resizer</>.\n\nParent page: ${ue} - Child page: ${e}.\n`):w("<rb>Legacy version detected on parent page</>\n\nDetected legacy version of parent page script. It is recommended to update the parent page to use <b>@iframe-resizer/parent</>.\n\nSee <u>https://iframe-resizer.com/setup/</> for more details.\n"),Te(),Me(),function(){let e=!1;const t=t=>document.querySelectorAll(`[${t}]`).forEach((o=>{e=!0,o.removeAttribute(t),o.toggleAttribute(n,!0)}));t("data-iframe-height"),t("data-iframe-width"),e&&w("<rb>Deprecated Attributes</>\n          \nThe <b>data-iframe-height</> and <b>data-iframe-width</> attributes have been deprecated and replaced with the single <b>data-iframe-size</> attribute. Use of the old attributes will be removed in a future version of <i>iframe-resizer</>.")}(),ze(),D!==W&&(ee=S({onChange:we,root:document.documentElement,side:D?i:r})),1!==Y&&(pe.parentIframe=Object.freeze({autoResize:e=>(!0===e&&!1===R?(R=!0,Ue("autoResizeEnabled","Auto Resize enabled")):!1===e&&!0===R&&(R=!1),He(0,0,"autoResize",JSON.stringify(R)),R),close(){He(0,0,"close")},getId:()=>K,getOrigin:()=>N,getPageInfo(e){if("function"==typeof e)return ge=e,He(0,0,"pageInfo"),void w("<rb>Deprecated Method</>\n          \nThe <b>getPageInfo()</> method has been deprecated and replaced with  <b>getParentProps()</>. Use of this method will be removed in a future version of <i>iframe-resizer</>.\n");ge=null,He(0,0,"pageInfoStop")},getParentProps(e){if("function"!=typeof e)throw new TypeError("parentIframe.getParentProps(callback) callback not a function");return be=e,He(0,0,"parentInfo"),()=>{be=null,He(0,0,"parentInfoStop")}},getParentProperties(e){w("<rb>Renamed Method</>\n          \nThe <b>getParentProperties()</> method has been renamed <b>getParentProps()</>. Use of the old name will be removed in a future version of <i>iframe-resizer</>.\n"),this.getParentProps(e)},moveToAnchor(e){Q.findTarget(e)},reset(){Je()},scrollBy(e,t){He(t,e,"scrollBy")},scrollTo(e,t){He(t,e,"scrollTo")},scrollToOffset(e,t){He(t,e,"scrollToOffset")},sendMessage(e,t){He(0,0,"message",JSON.stringify(e),t)},setHeightCalculationMethod(e){H=e,Te()},setWidthCalculationMethod(e){fe=e,Me()},setTargetOrigin(e){se=e},resize(e,t){Ue(a,`parentIframe.resize(${e||""}${t?`,${t}`:""})`,e,t)},size(e,t){w("<rb>Deprecated Method</>\n          \nThe <b>size()</> method has been deprecated and replaced with  <b>resize()</>. Use of this method will be removed in a future version of <i>iframe-resizer</>.\n"),this.resize(e,t)}}),pe.parentIFrame=pe.parentIframe),function(){function e(e){He(0,0,e.type,`${e.screenY}:${e.screenX}`)}function t(t,n){l(window.document,t,e)}!0===G&&(t("mouseenter"),t("mouseleave"))}(),Q=function(){const e=()=>({x:document.documentElement.scrollLeft,y:document.documentElement.scrollTop});function n(n){const o=n.getBoundingClientRect(),i=e();return{x:parseInt(o.left,t)+parseInt(i.x,t),y:parseInt(o.top,t)+parseInt(i.y,t)}}function o(e){function t(e){const t=n(e);He(t.y,t.x,"scrollToOffset")}const o=e.split("#")[1]||e,i=decodeURIComponent(o),r=document.getElementById(i)||document.getElementsByName(i)[0];void 0===r?He(0,0,"inPageLink",`#${o}`):t(r)}function i(){const{hash:e,href:t}=window.location;""!==e&&"#"!==e&&o(t)}function r(){for(const e of document.querySelectorAll('a[href^="#"]'))"#"!==e.getAttribute("href")&&l(e,"click",(t=>{t.preventDefault(),o(e.getAttribute("href"))}))}function a(){l(window,"hashchange",i)}function s(){setTimeout(i,f)}function c(){r(),a(),s()}return Q.enable&&(1===Y?w("In page linking requires a Professional or Business license. Please see https://iframe-resizer.com/pricing for more details."):c()),{findTarget:o}}(),Se(ke(document)()),void 0===L&&(L=`${q}px`),Ee("margin",(d="margin",(u=L).includes("-")&&(v(`Negative CSS value ignored for ${d}`),u=""),u)),Ee("background",x),Ee("padding",B),function(){const e=document.createElement("div");e.style.clear="both",e.style.display="block",e.style.height="0",document.body.append(e)}(),function(){const e=e=>e.style.setProperty("height","auto","important");e(document.documentElement),e(document.body)}(),je(),Ue("init","Init message from host page",void 0,void 0,e),document.title&&""!==document.title&&He(0,0,"title",document.title),$e({method:o="add",eventType:"After Print",eventName:"afterprint"}),$e({method:o,eventType:"Before Print",eventName:"beforeprint"}),$e({method:o,eventType:"Ready State Change",eventName:"readystatechange"}),function(){const e=new Set;let t=!1,n=0,o=[];const i=t=>{for(const n of t){const{addedNodes:t,removedNodes:o}=n;for(const n of t)e.add(n);for(const t of o)e.delete(t)}},r=16,a=2,l=200;let s=1;function c(){const d=performance.now(),u=d-n;if(u>r*s+++a&&u<l)return setTimeout(c,r*s),void(n=d);s=1,o.forEach(i),o=[],0!==e.size?(je(),ze(),Se(e),e.forEach(Ae),e.clear(),t=!1):t=!1}function d(e){o.push(e),t||(n=performance.now(),t=!0,requestAnimationFrame(c))}function u(){const e=new window.MutationObserver(d),t=document.querySelector("body"),n={attributes:!1,attributeOldValue:!1,characterData:!1,characterDataOldValue:!1,childList:!0,subtree:!0};return e.observe(t,n),e}u()}(),oe=new ResizeObserver(Oe),oe.observe(document.body),Pe.add(document.body),Ae(document.body),setTimeout(ye)}function we(e){te=e,F=te.length>0,Ue("overflowChanged","Overflow updated")}function ze(){ae=document.querySelectorAll(`[${n}]`),V=ae.length>0}function Se(e){V||ee(e)}function Ee(e,t){void 0!==t&&""!==t&&"null"!==t&&document.body.style.setProperty(e,t)}function je(){if(""!==re)for(const e of document.querySelectorAll(re))e.dataset.iframeSize=!0}function $e(e){({add(t){function n(){Ue(e.eventName,e.eventType)}p[t]=n,l(window,t,n,{passive:!0})},remove(e){const t=p[e];var n,o;delete p[e],n=e,o=t,window.removeEventListener(n,o,!1)}})[e.method](e.eventName)}function Ce(e,t,n,o){return t!==e&&(e in n||(v(`${e} is not a valid option for ${o}CalculationMethod.`),e=t),e in u&&w(`<rb>Deprecated ${o}CalculationMethod (${e})</>\n\nThis version of <i>iframe-resizer</> can auto detect the most suitable ${o} calculation method. It is recommended that you remove this option.`)),e}function Te(){H=Ce(H,b,Le,"height")}function Me(){fe=Ce(fe,M,Be,"width")}function Oe(e){Array.isArray(e)&&0!==e.length&&Ue("resizeObserver",`Resize Observed: ${function(e){switch(!0){case!y(e):return"";case y(e.id):return`${e.nodeName.toUpperCase()}#${e.id}`;case y(e.name):return`${e.nodeName.toUpperCase()} (${e.name})`;default:return e.nodeName.toUpperCase()+(y(e.className)?`.${e.className}`:"")}}(e[0].target)}`)}const Pe=new WeakSet;function Ae(e){if(e.nodeType!==Node.ELEMENT_NODE)return;if(!Pe.has(e)){const t=getComputedStyle(e)?.position;""!==t&&"static"!==t&&(oe.observe(e),Pe.add(e))}const t=ke(e)();for(const e of t){if(Pe.has(e)||e?.nodeType!==Node.ELEMENT_NODE)continue;const t=getComputedStyle(e)?.position;""!==t&&"static"!==t&&(oe.observe(e),Pe.add(e))}}function Ne(e){performance.mark(E);const t=(n=e).charAt(0).toUpperCase()+n.slice(1);var n;let i=0,r=document.documentElement,a=V?0:document.documentElement.getBoundingClientRect().bottom;performance.mark(E);const l=V?ae:F?te:ke(document)();let s=l.length;for(const t of l)V||!g||t.checkVisibility(o)?(i=t.getBoundingClientRect()[e]+parseFloat(getComputedStyle(t).getPropertyValue(`margin-${e}`)),i>a&&(a=i,r=t)):s-=1;return O=r,performance.mark(j,{detail:{Side:t,len:s,hasTags:V,logging:X}}),a}const Ie=e=>[e.bodyOffset(),e.bodyScroll(),e.documentElementOffset(),e.documentElementScroll(),e.boundingClientRect()],ke=e=>()=>e.querySelectorAll("* :not(head):not(meta):not(base):not(title):not(script):not(link):not(style):not(map):not(area):not(option):not(optgroup):not(template):not(track):not(wbr):not(nobr)"),Re={height:0,width:0},xe={height:0,width:0};function qe(e){function t(){return xe[o]=i,Re[o]=l,i}const n=e===Le,o=n?"height":"width",i=e.boundingClientRect(),r=Math.ceil(i),a=Math.floor(i),l=(e=>e.documentElementScroll()+Math.max(0,e.getOffset()))(e);switch(!0){case!e.enabled():return l;case V:return e.taggedElement();case!F&&0===xe[o]&&0===Re[o]:return t();case de&&i===xe[o]&&l===Re[o]:return Math.max(i,l);case 0===i:return l;case!F&&i!==xe[o]&&l<=Re[o]:return t();case!n:return e.taggedElement();case!F&&i<xe[o]:case l===a||l===r:case i>l:return t()}return Math.max(e.taggedElement(),t())}const Le={enabled:()=>D,getOffset:()=>P,auto:()=>qe(Le),bodyOffset:()=>{const{body:e}=document,n=getComputedStyle(e);return e.offsetHeight+parseInt(n.marginTop,t)+parseInt(n.marginBottom,t)},bodyScroll:()=>document.body.scrollHeight,offset:()=>Le.bodyOffset(),custom:()=>s.height(),documentElementOffset:()=>document.documentElement.offsetHeight,documentElementScroll:()=>document.documentElement.scrollHeight,boundingClientRect:()=>Math.max(document.documentElement.getBoundingClientRect().bottom,document.body.getBoundingClientRect().bottom),max:()=>Math.max(...Ie(Le)),min:()=>Math.min(...Ie(Le)),grow:()=>Le.max(),lowestElement:()=>Ne(i),taggedElement:()=>Ne(i)},Be={enabled:()=>W,getOffset:()=>A,auto:()=>qe(Be),bodyScroll:()=>document.body.scrollWidth,bodyOffset:()=>document.body.offsetWidth,custom:()=>s.width(),documentElementScroll:()=>document.documentElement.scrollWidth,documentElementOffset:()=>document.documentElement.offsetWidth,boundingClientRect:()=>Math.max(document.documentElement.getBoundingClientRect().right,document.body.getBoundingClientRect().right),max:()=>Math.max(...Ie(Be)),min:()=>Math.min(...Ie(Be)),rightMostElement:()=>Ne(r),scroll:()=>Math.max(Be.bodyScroll(),Be.documentElementScroll()),taggedElement:()=>Ne(r)},De=(e,t)=>!(Math.abs(e-t)<=ce);let We=!1;function Ue(e,t,n,o,i){k=performance.now(),(R||e===a)&&(document.hidden||(We||(I=!0,function(e,t,n,o,i){const r=void 0===n?Le[H]():n,l=void 0===o?Be[fe]():o;D&&De(J,r)||W&&De(me,l)||"init"===e?(Fe(),J=r,me=l,He(J,me,e,i)):!e!==a&&(D&&H in T||W&&fe in T)?Je():I=!1}(e,0,n,o,i),requestAnimationFrame((()=>{We=!1}))),We=!0))}function Fe(){de||(de=!0,requestAnimationFrame((()=>{de=!1})))}function Ve(e){J=Le[H](),me=Be[fe](),He(J,me,e)}function Je(e){const t=H;H=b,Fe(),Ve("reset"),H=t}function He(e,t,n,o,i){Y<-1||(void 0!==i||(i=se),function(){const r=`${K}:${e+(P||0)}:${t+(A||0)}:${n}${void 0===o?"":`:${o}`}`;X&&(console.group(`[iframe-resizer][${K}]`),console.info("Sending message to host page via "+(ie?"sameDomain":"postMessage")),console.info(`%c${r}`,"font-style: italic"),I&&console.info(function(){const e=m(performance.now()-k);return"init"===n?`Initialised iFrame in %c${e}ms`:`Content size recalculated in %c${e}ms`}(),"font-weight:bold;color:#777"),console.groupEnd()),I=!1,ie?window.parent.iframeParentListener($+r):le.postMessage($+r,i)}())}function Ze(e){const t={init:function(){_=e.data,le=e.source,N=e.origin,ve(),U=!1,setTimeout((()=>{Z=!1}),f)},reset(){Z||Ve("resetPage")},resize(){Ue(a)},moveToAnchor(){Q.findTarget(o())},inPageLink(){this.moveToAnchor()},pageInfo(){const e=o();ge?setTimeout((()=>ge(JSON.parse(e)))):He(0,0,"pageInfoStop")},parentInfo(){const e=o();be?setTimeout(be(Object.freeze(JSON.parse(e)))):He(0,0,"parentInfoStop")},message(){const e=o();he(JSON.parse(e))}},n=()=>e.data.split("]")[1].split(":")[0],o=()=>e.data.slice(e.data.indexOf(":")+1),i=()=>"iframeResize"in window||void 0!==window.jQuery&&""in window.jQuery.prototype,r=()=>e.data.split(":")[2]in{true:1,false:1};$===`${e.data}`.slice(0,C)&&(!1!==U?r()&&t.init():function(){const o=n();o in t?t[o]():i()||r()||v(`Unexpected message (${e.data})`)}())}function _e(){"loading"!==document.readyState&&window.parent.postMessage("[iFrameResizerChild]Ready","*")}"iframeChildListener"in window?v("Already setup"):(window.iframeChildListener=e=>setTimeout((()=>Ze({data:e,sameDomain:!0}))),l(window,"message",Ze),l(window,"readystatechange",_e),_e())}()}();
diff --git a/review/refactor-icon-update/js/invoker.min.js b/review/refactor-icon-update/js/invoker.min.js
new file mode 100644
index 0000000000..a6eba80e0d
--- /dev/null
+++ b/review/refactor-icon-update/js/invoker.min.js
@@ -0,0 +1 @@
+(()=>{if(typeof HTMLButtonElement>"u"||"source"in((globalThis.CommandEvent||{}).prototype||{}))return;document.addEventListener("invoke",t=>{t.type=="invoke"&&t.isTrusted&&(t.stopImmediatePropagation(),t.preventDefault())},!0),document.addEventListener("command",t=>{t.type=="command"&&t.isTrusted&&(t.stopImmediatePropagation(),t.preventDefault())},!0);function h(t,o,e=!0){Object.defineProperty(t,o,{...Object.getOwnPropertyDescriptor(t,o),enumerable:e})}function s(t){return t&&typeof t.getRootNode=="function"?t.getRootNode():t&&t.parentNode?s(t.parentNode):t}const p=globalThis.ShadowRoot||function(){},d=new WeakMap,u=new WeakMap;class m extends Event{constructor(o,e={}){super(o,e);const{source:n,command:r}=e;if(n!=null&&!(n instanceof Element))throw new TypeError("source must be an element");d.set(this,n||null),u.set(this,r!==void 0?String(r):"")}get[Symbol.toStringTag](){return"CommandEvent"}get source(){if(!d.has(this))throw new TypeError("illegal invocation");const o=d.get(this);if(!(o instanceof Element))return null;const e=s(o);return e!==s(this.target||document)?e.host:o}get command(){if(!u.has(this))throw new TypeError("illegal invocation");return u.get(this)}get action(){throw new Error("CommandEvent#action was renamed to CommandEvent#command")}get invoker(){throw new Error("CommandEvent#invoker was renamed to CommandEvent#source")}}h(m.prototype,"source"),h(m.prototype,"command");class v extends Event{constructor(){throw new Error("InvokeEvent has been deprecated, it has been renamed to `ComamndEvent`")}}const c=new WeakMap;function w(t){Object.defineProperties(t.prototype,{commandForElement:{enumerable:!0,configurable:!0,set(o){if(this.hasAttribute("invokeaction"))throw new TypeError("Element has deprecated `invokeaction` attribute, replace with `command`");if(this.hasAttribute("invoketarget"))throw new TypeError("Element has deprecated `invoketarget` attribute, replace with `commandfor`");if(o===null)this.removeAttribute("commandfor"),c.delete(this);else if(o instanceof Element){this.setAttribute("commandfor","");const e=s(o);s(this)===e||e===this.ownerDocument?c.set(this,o):c.delete(this)}else throw new TypeError("commandForElement must be an element or null")},get(){if(this.localName!=="button")return null;if(this.hasAttribute("invokeaction")||this.hasAttribute("invoketarget"))return console.warn("Element has deprecated `invoketarget` or `invokeaction` attribute, use `commandfor` and `command` instead"),null;if(this.disabled)return null;if(this.form&&this.getAttribute("type")!=="button")return console.warn("Element with `commandFor` is a form participant. It should explicitly set `type=button` in order for `commandFor` to work"),null;const o=c.get(this);if(o)return o.isConnected?o:(c.delete(this),null);const e=s(this),n=this.getAttribute("commandfor");return(e instanceof Document||e instanceof p)&&n&&e.getElementById(n)||null}},command:{enumerable:!0,configurable:!0,get(){const o=this.getAttribute("command")||"";return o||""},set(o){this.setAttribute("command",o)}},invokeAction:{enumerable:!1,configurable:!0,get(){throw new Error("invokeAction is deprecated. It has been renamed to command")},set(o){throw new Error("invokeAction is deprecated. It has been renamed to command")}},invokeTargetElement:{enumerable:!1,configurable:!0,get(){throw new Error("invokeTargetElement is deprecated. It has been renamed to command")},set(o){throw new Error("invokeTargetElement is deprecated. It has been renamed to command")}}})}function b(t){if(t.defaultPrevented||t.type!=="click")return;t.target.closest("button[invoketarget], button[invokeaction], input[invoketarget], input[invokeaction]")&&console.warn("Elements with `invoketarget` or `invokeaction` are deprecated and should be renamed to use `commandfor` and `command` respectively");const e=t.target.closest("button[commandfor], button[command], input[commandfor], input[command]");if(!e)return;if(this.form&&this.getAttribute("type")!=="button")throw t.preventDefault(),new Error("Element with `commandFor` is a form participant. It should explicitly set `type=button` in order for `commandFor` to work. In order for it to act as a Submit button, it must not have command or commandfor attributes");if(e.hasAttribute("command")!==e.hasAttribute("commandfor")){const i=e.hasAttribute("command")?"command":"commandfor",l=e.hasAttribute("command")?"commandfor":"command";throw new Error(`Element with ${i} attribute must also have a ${l} attribute to function.`)}if(e.command!=="show-popover"&&e.command!=="hide-popover"&&e.command!=="toggle-popover"&&e.command!=="show-modal"&&e.command!=="close"&&!e.command.startsWith("--")){console.warn(`"${e.command}" is not a valid command value. Custom commands must begin with --`);return}const n=e.commandForElement,r=new m("command",{command:e.command,source:e});if(n.dispatchEvent(r),r.defaultPrevented)return;const a=r.command.toLowerCase();if(n.popover){const i=!n.matches(":popover-open");i&&(a==="toggle-popover"||a==="show-popover")?n.showPopover():!i&&a==="hide-popover"&&n.hidePopover()}else if(n.localName==="dialog"){const i=!n.hasAttribute("open");i&&a==="show-modal"?n.showModal():!i&&a==="close"&&n.close()}}function f(t){t.addEventListener("click",b,!0)}function g(t,o){const e=t.prototype.attachShadow;t.prototype.attachShadow=function(r){const a=e.call(this,r);return o(a),a};const n=t.prototype.attachInternals;t.prototype.attachInternals=function(){const r=n.call(this);return r.shadowRoot&&o(r.shadowRoot),r}}w(globalThis.HTMLButtonElement||function(){}),g(globalThis.HTMLElement||function(){},t=>{f(t)}),f(document),Object.defineProperty(window,"CommandEvent",{value:m,configurable:!0,writable:!0}),Object.defineProperty(window,"InvokeEvent",{value:v,configurable:!0,writable:!0})})();
diff --git a/review/refactor-icon-update/js/plugins.min.js b/review/refactor-icon-update/js/plugins.min.js
new file mode 100644
index 0000000000..4dcee3b696
--- /dev/null
+++ b/review/refactor-icon-update/js/plugins.min.js
@@ -0,0 +1,23 @@
+// from: https://gist.github.com/samthor/babe9fad4a65625b301ba482dad284d1
+/**
+ * Updates the passed dialog to retain focus and restore it when the dialog is closed. Won't
+ * upgrade a dialog more than once. Supports IE11+ and is a no-op otherwise.
+ * @param {!HTMLDialogElement} dialog to upgrade
+ */var registerFocusRestoreDialog=function(){if(!window.WeakMap||!window.MutationObserver){return function(){}}var registered=new WeakMap;// store previous focused node centrally
+var previousFocus=null;document.addEventListener("focusout",function(ev){previousFocus=ev.target},true);return function registerFocusRestoreDialog(dialog){if(dialog.localName!=="dialog"){throw new Error("Failed to upgrade focus on dialog: The element is not a dialog.")}if(registered.has(dialog)){return}registered.set(dialog,null);// replace showModal method directly, to save focus
+var realShowModal=dialog.showModal;dialog.showModal=function(){var savedFocus=document.activeElement;if(savedFocus===document||savedFocus===document.body){// some browsers read activeElement as body
+savedFocus=previousFocus}registered.set(dialog,savedFocus);realShowModal.call(this)};// watch for 'open' change and clear saved
+var mo=new MutationObserver(function(){if(!dialog.hasAttribute("open")){registered.set(dialog,null)}else{// if open was cleared/set in the same frame, then the dialog will still be a modal (Y)
+}});mo.observe(dialog,{attributes:true,attributeFilter:["open"]});// on close, try to focus saved, if possible
+dialog.addEventListener("close",function(ev){if(dialog.hasAttribute("open")){return;// in native, this fires the frame later
+}var savedFocus=registered.get(dialog);if(document.contains(savedFocus)){var wasFocus=document.activeElement;savedFocus.focus();if(document.activeElement!==savedFocus){wasFocus.focus();// restore focus, we couldn't focus saved
+}}savedFocus=null});// FIXME: If a modal dialog is readded to the page (either remove/add or .appendChild), it will
+// be a non-modal. It will still have its 'close' handler called and try to focus on the saved
+// element.
+//
+// These could basically be solved if 'close' yielded whether it was a modal or non-modal
+// being closed. But it doesn't. It could also be solved by a permanent MutationObserver, as is
+// done inside the polyfill.
+}}();
+
+//# sourceMappingURL=plugins.min.js.map
\ No newline at end of file
diff --git a/review/refactor-icon-update/js/plugins.min.js.map b/review/refactor-icon-update/js/plugins.min.js.map
new file mode 100644
index 0000000000..d28f118adb
--- /dev/null
+++ b/review/refactor-icon-update/js/plugins.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"plugins.min.js","names":["registerFocusRestoreDialog","window","WeakMap","MutationObserver","registered","previousFocus","document","addEventListener","ev","target","dialog","localName","Error","has","set","realShowModal","showModal","savedFocus","activeElement","body","call","mo","hasAttribute","observe","attributes","attributeFilter","get","contains","wasFocus","focus"],"sources":["../_patterns/02-components/dialog/focus-restore.dialog.plugin.js"],"sourcesContent":["// from: https://gist.github.com/samthor/babe9fad4a65625b301ba482dad284d1\n/**\n * Updates the passed dialog to retain focus and restore it when the dialog is closed. Won't\n * upgrade a dialog more than once. Supports IE11+ and is a no-op otherwise.\n * @param {!HTMLDialogElement} dialog to upgrade\n */\nvar registerFocusRestoreDialog = (function() {\n  if (!window.WeakMap || !window.MutationObserver) {\n    return function() {};\n  }\n  var registered = new WeakMap();\n\n  // store previous focused node centrally\n  var previousFocus = null;\n  document.addEventListener('focusout', function(ev) {\n    previousFocus = ev.target;\n  }, true);\n\n  return function registerFocusRestoreDialog(dialog) {\n    if (dialog.localName !== 'dialog') {\n      throw new Error('Failed to upgrade focus on dialog: The element is not a dialog.');\n    }\n    if (registered.has(dialog)) { return; }\n    registered.set(dialog, null);\n\n    // replace showModal method directly, to save focus\n    var realShowModal = dialog.showModal;\n    dialog.showModal = function() {\n      var savedFocus = document.activeElement;\n      if (savedFocus === document || savedFocus === document.body) {\n        // some browsers read activeElement as body\n        savedFocus = previousFocus;\n      }\n      registered.set(dialog, savedFocus);\n      realShowModal.call(this);\n    };\n\n    // watch for 'open' change and clear saved\n    var mo = new MutationObserver(function() {\n      if (!dialog.hasAttribute('open')) {\n        registered.set(dialog, null);\n      } else {\n        // if open was cleared/set in the same frame, then the dialog will still be a modal (Y)\n      }\n    });\n    mo.observe(dialog, {attributes: true, attributeFilter: ['open']});\n\n    // on close, try to focus saved, if possible\n    dialog.addEventListener('close', function(ev) {\n      if (dialog.hasAttribute('open')) {\n        return;  // in native, this fires the frame later\n      }\n      var savedFocus = registered.get(dialog);\n      if (document.contains(savedFocus)) {\n        var wasFocus = document.activeElement;\n        savedFocus.focus();\n        if (document.activeElement !== savedFocus) {\n          wasFocus.focus();  // restore focus, we couldn't focus saved\n        }\n      }\n      savedFocus = null;\n    });\n\n    // FIXME: If a modal dialog is readded to the page (either remove/add or .appendChild), it will\n    // be a non-modal. It will still have its 'close' handler called and try to focus on the saved\n    // element.\n    //\n    // These could basically be solved if 'close' yielded whether it was a modal or non-modal\n    // being closed. But it doesn't. It could also be solved by a permanent MutationObserver, as is\n    // done inside the polyfill.\n  }\n}());\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,GACA,GAAI,CAAAA,0BAA0B,CAAI,UAAW,CAC3C,GAAI,CAACC,MAAM,CAACC,OAAO,EAAI,CAACD,MAAM,CAACE,gBAAgB,CAAE,CAC/C,MAAO,WAAW,CAAC,CACrB,CACA,GAAI,CAAAC,UAAU,CAAG,GAAI,CAAAF,OAAS,CAE9B;AACA,GAAI,CAAAG,aAAa,CAAG,IAAI,CACxBC,QAAQ,CAACC,gBAAgB,CAAC,UAAU,CAAE,SAASC,EAAE,CAAE,CACjDH,aAAa,CAAGG,EAAE,CAACC,MACrB,CAAC,CAAE,IAAI,CAAC,CAER,MAAO,SAAS,CAAAT,0BAA0BA,CAACU,MAAM,CAAE,CACjD,GAAIA,MAAM,CAACC,SAAS,GAAK,QAAQ,CAAE,CACjC,KAAM,IAAI,CAAAC,KAAK,CAAC,iEAAiE,CACnF,CACA,GAAIR,UAAU,CAACS,GAAG,CAACH,MAAM,CAAC,CAAE,CAAE,MAAQ,CACtCN,UAAU,CAACU,GAAG,CAACJ,MAAM,CAAE,IAAI,CAAC,CAE5B;AACA,GAAI,CAAAK,aAAa,CAAGL,MAAM,CAACM,SAAS,CACpCN,MAAM,CAACM,SAAS,CAAG,UAAW,CAC5B,GAAI,CAAAC,UAAU,CAAGX,QAAQ,CAACY,aAAa,CACvC,GAAID,UAAU,GAAKX,QAAQ,EAAIW,UAAU,GAAKX,QAAQ,CAACa,IAAI,CAAE,CAC3D;AACAF,UAAU,CAAGZ,aACf,CACAD,UAAU,CAACU,GAAG,CAACJ,MAAM,CAAEO,UAAU,CAAC,CAClCF,aAAa,CAACK,IAAI,CAAC,IAAI,CACzB,CAAC,CAED;AACA,GAAI,CAAAC,EAAE,CAAG,GAAI,CAAAlB,gBAAgB,CAAC,UAAW,CACvC,GAAI,CAACO,MAAM,CAACY,YAAY,CAAC,MAAM,CAAC,CAAE,CAChClB,UAAU,CAACU,GAAG,CAACJ,MAAM,CAAE,IAAI,CAC7B,CAAC,IAAM,CACL;AAAA,CAEJ,CAAC,CAAC,CACFW,EAAE,CAACE,OAAO,CAACb,MAAM,CAAE,CAACc,UAAU,CAAE,IAAI,CAAEC,eAAe,CAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAEjE;AACAf,MAAM,CAACH,gBAAgB,CAAC,OAAO,CAAE,SAASC,EAAE,CAAE,CAC5C,GAAIE,MAAM,CAACY,YAAY,CAAC,MAAM,CAAC,CAAE,CAC/B,OAAS;AACX,CACA,GAAI,CAAAL,UAAU,CAAGb,UAAU,CAACsB,GAAG,CAAChB,MAAM,CAAC,CACvC,GAAIJ,QAAQ,CAACqB,QAAQ,CAACV,UAAU,CAAC,CAAE,CACjC,GAAI,CAAAW,QAAQ,CAAGtB,QAAQ,CAACY,aAAa,CACrCD,UAAU,CAACY,KAAK,CAAC,CAAC,CAClB,GAAIvB,QAAQ,CAACY,aAAa,GAAKD,UAAU,CAAE,CACzCW,QAAQ,CAACC,KAAK,CAAC,CAAC,CAAG;AACrB,CACF,CACAZ,UAAU,CAAG,IACf,CAAC,CAAC,CAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACF,CACF,CAAC,CAAC,CAAE","ignoreList":[]}
\ No newline at end of file
diff --git a/review/refactor-icon-update/patternlab-components/packages/@mfranzke-plugin-node-uiextension.json b/review/refactor-icon-update/patternlab-components/packages/@mfranzke-plugin-node-uiextension.json
new file mode 100644
index 0000000000..a9337e544f
--- /dev/null
+++ b/review/refactor-icon-update/patternlab-components/packages/@mfranzke-plugin-node-uiextension.json
@@ -0,0 +1,33 @@
+{
+  "name": "@mfranzke/plugin-node-uiextension",
+  "templates": [],
+  "stylesheets": [
+    "../../../css/pattern-scaffolding-project-specific.css"
+  ],
+  "javascripts": [
+    "patternlab-components/pattern-lab/@mfranzke-plugin-node-uiextension/js/@mfranzke-plugin-node-uiextension.js"
+  ],
+  "onready": "PluginUIExtension.init()",
+  "callback": "",
+  "navLinks": {
+    "before": [],
+    "after": []
+  },
+  "toolLinks": {
+    "before": [],
+    "after": [
+      {
+        "text": "Imprint",
+        "url": "https://www.dbsystel.de/dbsystel-en/legal-3715942",
+        "class": "",
+        "icon": "help"
+      },
+      {
+        "text": "Datenschutzerklärung",
+        "url": "https://db-ui.github.io/datenschutzerklaerung.html",
+        "class": "",
+        "icon": "help"
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/review/refactor-icon-update/patternlab-components/pattern-lab/@mfranzke-plugin-node-uiextension/js/@mfranzke-plugin-node-uiextension.js b/review/refactor-icon-update/patternlab-components/pattern-lab/@mfranzke-plugin-node-uiextension/js/@mfranzke-plugin-node-uiextension.js
new file mode 100644
index 0000000000..2ae967254f
--- /dev/null
+++ b/review/refactor-icon-update/patternlab-components/pattern-lab/@mfranzke-plugin-node-uiextension/js/@mfranzke-plugin-node-uiextension.js
@@ -0,0 +1,17 @@
+/* global PluginUIExtension document */
+var PluginUIExtension = {
+
+  /**
+   * The function defined as the onready callback within the plugin configuration.
+   */
+  init: function () {
+    var nav = document.querySelector('.pl-c-nav__list');
+    nav.prepend(/*NAVLINKS-BEFORE-SNIPPET*/);
+    nav.append(/*NAVLINKS-AFTER-SNIPPET*/);
+
+    var rightList = document.querySelector('.pl-c-tools__list');
+    rightList.prepend(/*TOOLLINKS-BEFORE-SNIPPET*/);
+    rightList.append(document.createRange().createContextualFragment('<li class="pl-c-tools__item"><pl-button target="_blank" href="https://www.dbsystel.de/dbsystel-en/legal-3715942">Imprint<pl-icon name="help" slot="after"></pl-icon></pl-button></li>'),
+document.createRange().createContextualFragment('<li class="pl-c-tools__item"><pl-button target="_blank" href="https://db-ui.github.io/datenschutzerklaerung.html">Datenschutzerklärung<pl-icon name="help" slot="after"></pl-icon></pl-button></li>'));
+  }
+};
diff --git a/review/refactor-icon-update/patterns/areas-footer-footer-with-border/areas-footer-footer-with-border.hbs b/review/refactor-icon-update/patterns/areas-footer-footer-with-border/areas-footer-footer-with-border.hbs
new file mode 100644
index 0000000000..c775c44f39
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-footer-footer-with-border/areas-footer-footer-with-border.hbs
@@ -0,0 +1,4 @@
+<footer class="rea-footer {{ type }}">
+	{{> components-metanavigation }}
+	Copyright 2024 DB Systel
+</footer>
diff --git a/review/refactor-icon-update/patterns/areas-footer-footer-with-border/areas-footer-footer-with-border.markup-only.html b/review/refactor-icon-update/patterns/areas-footer-footer-with-border/areas-footer-footer-with-border.markup-only.html
new file mode 100644
index 0000000000..ee8d6bfb3e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-footer-footer-with-border/areas-footer-footer-with-border.markup-only.html
@@ -0,0 +1,85 @@
+<footer class="rea-footer has-border">
+	<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="https://db-ui.github.io/datenschutzerklaerung.html"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					 lang="de"
+					 hreflang="de"
+					 target="_blank"
+					
+					
+					
+					
+					>Datenschutzerklärung (Data privacy)
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://www.dbsystel.de/dbsystel-en/legal-3715942"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>Imprint
+				</a>
+			</li>
+			<li>
+				<a
+					href="mailto:db-ux-designsystem@deutschebahn.com"
+					class="elm-link "
+					title=""
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Contact
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>About us
+				</a>
+			</li>
+	</ul>
+	Copyright 2024 DB Systel
+</footer>
diff --git a/review/refactor-icon-update/patterns/areas-footer-footer-with-border/areas-footer-footer-with-border.rendered.html b/review/refactor-icon-update/patterns/areas-footer-footer-with-border/areas-footer-footer-with-border.rendered.html
new file mode 100644
index 0000000000..397c5984b1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-footer-footer-with-border/areas-footer-footer-with-border.rendered.html
@@ -0,0 +1,202 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<footer class="rea-footer has-border">
+	<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="https://db-ui.github.io/datenschutzerklaerung.html"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					 lang="de"
+					 hreflang="de"
+					 target="_blank"
+					
+					
+					
+					
+					>Datenschutzerklärung (Data privacy)
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://www.dbsystel.de/dbsystel-en/legal-3715942"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>Imprint
+				</a>
+			</li>
+			<li>
+				<a
+					href="mailto:db-ux-designsystem@deutschebahn.com"
+					class="elm-link "
+					title=""
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Contact
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>About us
+				</a>
+			</li>
+	</ul>
+	Copyright 2024 DB Systel
+</footer>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer With Border","patternPartial":"areas-footer-with-border","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer With Border","patternPartial":"areas-footer-with-border","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/areas-footer-footer/areas-footer-footer.hbs b/review/refactor-icon-update/patterns/areas-footer-footer/areas-footer-footer.hbs
new file mode 100644
index 0000000000..c775c44f39
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-footer-footer/areas-footer-footer.hbs
@@ -0,0 +1,4 @@
+<footer class="rea-footer {{ type }}">
+	{{> components-metanavigation }}
+	Copyright 2024 DB Systel
+</footer>
diff --git a/review/refactor-icon-update/patterns/areas-footer-footer/areas-footer-footer.markup-only.html b/review/refactor-icon-update/patterns/areas-footer-footer/areas-footer-footer.markup-only.html
new file mode 100644
index 0000000000..b7e51b3c5f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-footer-footer/areas-footer-footer.markup-only.html
@@ -0,0 +1,85 @@
+<footer class="rea-footer ">
+	<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="https://db-ui.github.io/datenschutzerklaerung.html"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					 lang="de"
+					 hreflang="de"
+					 target="_blank"
+					
+					
+					
+					
+					>Datenschutzerklärung (Data privacy)
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://www.dbsystel.de/dbsystel-en/legal-3715942"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>Imprint
+				</a>
+			</li>
+			<li>
+				<a
+					href="mailto:db-ux-designsystem@deutschebahn.com"
+					class="elm-link "
+					title=""
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Contact
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>About us
+				</a>
+			</li>
+	</ul>
+	Copyright 2024 DB Systel
+</footer>
diff --git a/review/refactor-icon-update/patterns/areas-footer-footer/areas-footer-footer.rendered.html b/review/refactor-icon-update/patterns/areas-footer-footer/areas-footer-footer.rendered.html
new file mode 100644
index 0000000000..cd68aa8b45
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-footer-footer/areas-footer-footer.rendered.html
@@ -0,0 +1,202 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<footer class="rea-footer ">
+	<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="https://db-ui.github.io/datenschutzerklaerung.html"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					 lang="de"
+					 hreflang="de"
+					 target="_blank"
+					
+					
+					
+					
+					>Datenschutzerklärung (Data privacy)
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://www.dbsystel.de/dbsystel-en/legal-3715942"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>Imprint
+				</a>
+			</li>
+			<li>
+				<a
+					href="mailto:db-ux-designsystem@deutschebahn.com"
+					class="elm-link "
+					title=""
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Contact
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>About us
+				</a>
+			</li>
+	</ul>
+	Copyright 2024 DB Systel
+</footer>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"lineageR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Fixed positioned footer</h2>\n<p>You could set the footer area to fixed positioning by adding the class <code>has-fixed-footer</code> to the <code>body</code> HTML tag.</p>\n<h2>Top border to seperate footer from main areas</h2>\n<p>You could set the footer area to get seperated via a top border by adding the class <code>has-border</code> to the <code>footer.rea-footer</code> HTML tag.</p>\n<h2>Visual footer seperation</h2>\n<p>In case that a light background color for the main area is being used, the footer should get visually seperated by the grey border that is included as a default - but if the main area includes either a colorful or grey background, than disable/overwrite that <code>border-top</code> on the footer element (SCSS variable <code>$footer-​--borderTop</code>).</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer","patternPartial":"areas-footer","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"lineageR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Fixed positioned footer</h2>\n<p>You could set the footer area to fixed positioning by adding the class <code>has-fixed-footer</code> to the <code>body</code> HTML tag.</p>\n<h2>Top border to seperate footer from main areas</h2>\n<p>You could set the footer area to get seperated via a top border by adding the class <code>has-border</code> to the <code>footer.rea-footer</code> HTML tag.</p>\n<h2>Visual footer seperation</h2>\n<p>In case that a light background color for the main area is being used, the footer should get visually seperated by the grey border that is included as a default - but if the main area includes either a colorful or grey background, than disable/overwrite that <code>border-top</code> on the footer element (SCSS variable <code>$footer-​--borderTop</code>).</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer","patternPartial":"areas-footer","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/areas-footer/index.html b/review/refactor-icon-update/patterns/areas-footer/index.html
new file mode 100644
index 0000000000..83058934c0
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-footer/index.html
@@ -0,0 +1,397 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-areas-footer" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/areas-footer&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-areas-footer">Footer</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="areas-footer" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/areas-footer-footer&#x2F;areas-footer-footer.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="areas-footer" title="Link to Pattern">
+						Footer
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-areas-footer" data-patternpartial="areas-footer" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-areas-footer">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<footer class="rea-footer ">
+	<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="https://db-ui.github.io/datenschutzerklaerung.html"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					 lang="de"
+					 hreflang="de"
+					 target="_blank"
+					
+					
+					
+					
+					>Datenschutzerklärung (Data privacy)
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://www.dbsystel.de/dbsystel-en/legal-3715942"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>Imprint
+				</a>
+			</li>
+			<li>
+				<a
+					href="mailto:db-ux-designsystem@deutschebahn.com"
+					class="elm-link "
+					title=""
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Contact
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>About us
+				</a>
+			</li>
+	</ul>
+	Copyright 2024 DB Systel
+</footer>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-areas-footer" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"lineageR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Fixed positioned footer</h2>\n<p>You could set the footer area to fixed positioning by adding the class <code>has-fixed-footer</code> to the <code>body</code> HTML tag.</p>\n<h2>Top border to seperate footer from main areas</h2>\n<p>You could set the footer area to get seperated via a top border by adding the class <code>has-border</code> to the <code>footer.rea-footer</code> HTML tag.</p>\n<h2>Visual footer seperation</h2>\n<p>In case that a light background color for the main area is being used, the footer should get visually seperated by the grey border that is included as a default - but if the main area includes either a colorful or grey background, than disable/overwrite that <code>border-top</code> on the footer element (SCSS variable <code>$footer-​--borderTop</code>).</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer","patternPartial":"areas-footer","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="areas-footer-with-border" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/areas-footer-footer-with-border&#x2F;areas-footer-footer-with-border.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="areas-footer-with-border" title="Link to Pattern">
+						Footer With Border
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-areas-footer-with-border" data-patternpartial="areas-footer-with-border" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-areas-footer-with-border">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<footer class="rea-footer has-border">
+	<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="https://db-ui.github.io/datenschutzerklaerung.html"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					 lang="de"
+					 hreflang="de"
+					 target="_blank"
+					
+					
+					
+					
+					>Datenschutzerklärung (Data privacy)
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://www.dbsystel.de/dbsystel-en/legal-3715942"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>Imprint
+				</a>
+			</li>
+			<li>
+				<a
+					href="mailto:db-ux-designsystem@deutschebahn.com"
+					class="elm-link "
+					title=""
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Contact
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>About us
+				</a>
+			</li>
+	</ul>
+	Copyright 2024 DB Systel
+</footer>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-areas-footer-with-border" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer With Border","patternPartial":"areas-footer-with-border","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-areas-footer"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-areas-footer"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/areas-grid-grid/areas-grid-grid.hbs b/review/refactor-icon-update/patterns/areas-grid-grid/areas-grid-grid.hbs
new file mode 100644
index 0000000000..1390b84943
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-grid-grid/areas-grid-grid.hbs
@@ -0,0 +1,196 @@
+<!--
+// jscpd:ignore-start
+-->
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fourth column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fourth column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fifth column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fourth column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fifth column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Sixth column</p>
+	</div>
+</div>
+
+<hr>
+
+<div class="rea-grid">
+	<div data-type="four-fifths">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-four-fifths</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="three-quarters">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-three-quarters</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="two-thirds">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-two-thirds</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="three-fifths">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-three-fifths</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="half">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-half</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="two-fifths">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-two-fifths</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="one-third">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-one-third</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="one-quarter">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-one-quarter</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="one-fifth">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-one-fifth</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+<!--
+// jscpd:ignore-end
+-->
diff --git a/review/refactor-icon-update/patterns/areas-grid-grid/areas-grid-grid.markup-only.html b/review/refactor-icon-update/patterns/areas-grid-grid/areas-grid-grid.markup-only.html
new file mode 100644
index 0000000000..1390b84943
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-grid-grid/areas-grid-grid.markup-only.html
@@ -0,0 +1,196 @@
+<!--
+// jscpd:ignore-start
+-->
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fourth column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fourth column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fifth column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fourth column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fifth column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Sixth column</p>
+	</div>
+</div>
+
+<hr>
+
+<div class="rea-grid">
+	<div data-type="four-fifths">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-four-fifths</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="three-quarters">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-three-quarters</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="two-thirds">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-two-thirds</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="three-fifths">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-three-fifths</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="half">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-half</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="two-fifths">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-two-fifths</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="one-third">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-one-third</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="one-quarter">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-one-quarter</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="one-fifth">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-one-fifth</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+<!--
+// jscpd:ignore-end
+-->
diff --git a/review/refactor-icon-update/patterns/areas-grid-grid/areas-grid-grid.rendered.html b/review/refactor-icon-update/patterns/areas-grid-grid/areas-grid-grid.rendered.html
new file mode 100644
index 0000000000..5ed57705d2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-grid-grid/areas-grid-grid.rendered.html
@@ -0,0 +1,313 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!--
+// jscpd:ignore-start
+-->
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fourth column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fourth column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fifth column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fourth column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fifth column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Sixth column</p>
+	</div>
+</div>
+
+<hr>
+
+<div class="rea-grid">
+	<div data-type="four-fifths">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-four-fifths</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="three-quarters">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-three-quarters</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="two-thirds">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-two-thirds</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="three-fifths">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-three-fifths</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="half">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-half</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="two-fifths">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-two-fifths</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="one-third">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-one-third</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="one-quarter">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-one-quarter</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="one-fifth">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-one-fifth</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+<!--
+// jscpd:ignore-end
+-->
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>CSS Grid vs. Flexbox</h2>\n<p>In general it's recommended to use CSS Grid instead of Flexbox for structuring a page in a grid structure - as this is the most simple, stable and flexible solution, there's even also no need for an abstraction anymore, you could easily define your declarations in plain CSS that for.</p>\n<h3>Usage of CSS grid</h3>\n<blockquote>\n<p>The more I use CSS Grid, the more convinced I am that there is no benefit to be had by adding a layer of abstraction over it. CSS Grid is the layout framework baked right into the browser</p>\n</blockquote>\n<p>—  Jen Simmons</p>\n<h4>Further information and support</h4>\n<ul>\n<li><a href=\"http://cssgridgarden.com/\">http://cssgridgarden.com/</a></li>\n</ul>\n<h3>Usage of CSS Flexbox</h3>\n<h4>Further informations</h4>\n<ul>\n<li><a href=\"http://flexboxfroggy.com/\">http://flexboxfroggy.com/</a></li>\n<li><a href=\"https://cvan.io/flexboxin5/\">https://cvan.io/flexboxin5/</a></li>\n<li><a href=\"https://dzhavat.github.io/2020/09/09/css-flexbox-cheatsheet-v3.html\">https://dzhavat.github.io/2020/09/09/css-flexbox-cheatsheet-v3.html</a></li>\n</ul>\n<h3>Outlook to common page formats</h3>\n<p>Nevertheless we're currently evaluating whether we'll provide some general and basic grid structures of common page formats even already as &quot;page templates&quot; in the near future, that will than include those common page structures via CSS Grid.</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"grid"},"patternExtension":"hbs","patternName":"Grid","patternPartial":"areas-grid","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>CSS Grid vs. Flexbox</h2>\n<p>In general it's recommended to use CSS Grid instead of Flexbox for structuring a page in a grid structure - as this is the most simple, stable and flexible solution, there's even also no need for an abstraction anymore, you could easily define your declarations in plain CSS that for.</p>\n<h3>Usage of CSS grid</h3>\n<blockquote>\n<p>The more I use CSS Grid, the more convinced I am that there is no benefit to be had by adding a layer of abstraction over it. CSS Grid is the layout framework baked right into the browser</p>\n</blockquote>\n<p>—  Jen Simmons</p>\n<h4>Further information and support</h4>\n<ul>\n<li><a href=\"http://cssgridgarden.com/\">http://cssgridgarden.com/</a></li>\n</ul>\n<h3>Usage of CSS Flexbox</h3>\n<h4>Further informations</h4>\n<ul>\n<li><a href=\"http://flexboxfroggy.com/\">http://flexboxfroggy.com/</a></li>\n<li><a href=\"https://cvan.io/flexboxin5/\">https://cvan.io/flexboxin5/</a></li>\n<li><a href=\"https://dzhavat.github.io/2020/09/09/css-flexbox-cheatsheet-v3.html\">https://dzhavat.github.io/2020/09/09/css-flexbox-cheatsheet-v3.html</a></li>\n</ul>\n<h3>Outlook to common page formats</h3>\n<p>Nevertheless we're currently evaluating whether we'll provide some general and basic grid structures of common page formats even already as &quot;page templates&quot; in the near future, that will than include those common page structures via CSS Grid.</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"grid"},"patternExtension":"hbs","patternName":"Grid","patternPartial":"areas-grid","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/areas-grid/index.html b/review/refactor-icon-update/patterns/areas-grid/index.html
new file mode 100644
index 0000000000..8e4b4bd429
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-grid/index.html
@@ -0,0 +1,379 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-areas-grid" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/areas-grid&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-areas-grid">Grid</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="areas-grid" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/areas-grid-grid&#x2F;areas-grid-grid.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="areas-grid" title="Link to Pattern">
+						Grid
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-areas-grid" data-patternpartial="areas-grid" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-areas-grid">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!--
+// jscpd:ignore-start
+-->
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fourth column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fourth column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fifth column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fourth column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fifth column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Sixth column</p>
+	</div>
+</div>
+
+<hr>
+
+<div class="rea-grid">
+	<div data-type="four-fifths">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-four-fifths</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="three-quarters">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-three-quarters</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="two-thirds">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-two-thirds</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="three-fifths">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-three-fifths</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="half">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-half</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="two-fifths">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-two-fifths</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="one-third">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-one-third</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="one-quarter">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-one-quarter</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="one-fifth">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-one-fifth</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+<!--
+// jscpd:ignore-end
+-->
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-areas-grid" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>CSS Grid vs. Flexbox</h2>\n<p>In general it's recommended to use CSS Grid instead of Flexbox for structuring a page in a grid structure - as this is the most simple, stable and flexible solution, there's even also no need for an abstraction anymore, you could easily define your declarations in plain CSS that for.</p>\n<h3>Usage of CSS grid</h3>\n<blockquote>\n<p>The more I use CSS Grid, the more convinced I am that there is no benefit to be had by adding a layer of abstraction over it. CSS Grid is the layout framework baked right into the browser</p>\n</blockquote>\n<p>—  Jen Simmons</p>\n<h4>Further information and support</h4>\n<ul>\n<li><a href=\"http://cssgridgarden.com/\">http://cssgridgarden.com/</a></li>\n</ul>\n<h3>Usage of CSS Flexbox</h3>\n<h4>Further informations</h4>\n<ul>\n<li><a href=\"http://flexboxfroggy.com/\">http://flexboxfroggy.com/</a></li>\n<li><a href=\"https://cvan.io/flexboxin5/\">https://cvan.io/flexboxin5/</a></li>\n<li><a href=\"https://dzhavat.github.io/2020/09/09/css-flexbox-cheatsheet-v3.html\">https://dzhavat.github.io/2020/09/09/css-flexbox-cheatsheet-v3.html</a></li>\n</ul>\n<h3>Outlook to common page formats</h3>\n<p>Nevertheless we're currently evaluating whether we'll provide some general and basic grid structures of common page formats even already as &quot;page templates&quot; in the near future, that will than include those common page structures via CSS Grid.</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"grid"},"patternExtension":"hbs","patternName":"Grid","patternPartial":"areas-grid","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-areas-grid"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-areas-grid"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/areas-header-header-loggedin/areas-header-header-loggedin.hbs b/review/refactor-icon-update/patterns/areas-header-header-loggedin/areas-header-header-loggedin.hbs
new file mode 100644
index 0000000000..93091b59f1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-header-header-loggedin/areas-header-header-loggedin.hbs
@@ -0,0 +1,7 @@
+<header class="rea-header">
+	{{> components-mainnavigation}}
+
+	{{> components-brand }}
+
+	{{> areas-meta loggedIn=loggedIn }}
+</header>
diff --git a/review/refactor-icon-update/patterns/areas-header-header-loggedin/areas-header-header-loggedin.markup-only.html b/review/refactor-icon-update/patterns/areas-header-header-loggedin/areas-header-header-loggedin.markup-only.html
new file mode 100644
index 0000000000..03bbed36a5
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-header-header-loggedin/areas-header-header-loggedin.markup-only.html
@@ -0,0 +1,565 @@
+<header class="rea-header">
+	<nav class="cmp-mainnavigation" id="mainnavigation-inheader02">
+		<input type="checkbox" id="toggle_mainnavigation-inheader02">
+		<label for="toggle_mainnavigation-inheader02" title="Toggle main navigation" class="is-site-name">UI Core</label>
+		<ul>
+			<li aria-haspopup="true">
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="index"
+					
+					
+					
+					
+					
+					
+					
+					 aria-current="page"
+					
+					
+					
+					>Startseite
+				</a>
+	
+				<ul>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="index"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 01
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 03
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 04
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 05
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 06
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 07
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 08
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 09
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="offers"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 02
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 03
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li>
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="news"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 03
+							</a>
+	
+						</li>
+				</ul>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="offers"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Aufträge
+				</a>
+	
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="news"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>News
+				</a>
+	
+			</li>
+		</ul>
+	</nav>
+
+	<div class="cmp-brand">
+		<a href="#" title="Home" rel="home">
+			
+					<img src="../../images/db_logo.svg" alt="Deutsche Bahn Logo" width="" height=""
+						class="elm-image is-logo"   elementtiming="logo" >
+			
+				
+		</a>
+		<span class="is-site-name">UI Core</span>
+	</div>
+
+	<div class="rea-meta">
+		<form class="cmp-sitesearch" action="#" method="post" role="search">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+			<input type="search"
+				class="elm-input "
+				placeholder="Suchen …"
+				name="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61"
+				id="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61"
+				
+				value=""
+				
+				
+				
+				
+				aria-labelledby="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61-label"
+				
+				>
+			<label class="elm-label"
+				for="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61"
+				aria-hidden="true"
+				id="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61-label"
+				>Suche</label>
+			
+			
+			
+			<button class="elm-button "
+				
+				
+				title="Title text"
+				type="submit"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Suchen
+			</button>
+		</form>
+		<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="configuration"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Einstellungen
+				</a>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="messages"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Nachrichten
+				</a>
+			</li>
+		</ul>
+		
+		<ul class="cmp-language-switcher">
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="English language"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="en"
+						
+						
+						
+						
+						
+						>EN
+					</a>
+			</li>
+			<li aria-current="page">
+					<a
+						href="#"
+						class="elm-link "
+						title="Deutsche Sprache"
+						 rel="bookmark"
+						
+						
+						
+						
+						
+						 hreflang="de"
+						
+						
+						
+						
+						
+						>DE
+					</a>
+			</li>
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="Langue française"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="fr"
+						
+						
+						
+						
+						
+						>FR
+					</a>
+			</li>
+		</ul>
+			
+			<details class="cmp-dropdown is-account">
+				<summary>Ina Wheeler</summary>
+				<menu type="toolbar">
+					<li><button class="elm-button  is-account"
+				
+				
+				title="Title text"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Profileinstellungen
+			</button>
+			</li>
+					<li><button class="elm-button  is-account"
+				
+				
+				title="Title text"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Logout
+			</button>
+			</li>
+				</menu>
+			</details>
+	</div>
+</header>
diff --git a/review/refactor-icon-update/patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html b/review/refactor-icon-update/patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html
new file mode 100644
index 0000000000..0101d3f325
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html
@@ -0,0 +1,682 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<header class="rea-header">
+	<nav class="cmp-mainnavigation" id="mainnavigation-inheader02">
+		<input type="checkbox" id="toggle_mainnavigation-inheader02">
+		<label for="toggle_mainnavigation-inheader02" title="Toggle main navigation" class="is-site-name">UI Core</label>
+		<ul>
+			<li aria-haspopup="true">
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="index"
+					
+					
+					
+					
+					
+					
+					
+					 aria-current="page"
+					
+					
+					
+					>Startseite
+				</a>
+	
+				<ul>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="index"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 01
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 03
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 04
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 05
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 06
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 07
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 08
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 09
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="offers"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 02
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 03
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li>
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="news"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 03
+							</a>
+	
+						</li>
+				</ul>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="offers"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Aufträge
+				</a>
+	
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="news"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>News
+				</a>
+	
+			</li>
+		</ul>
+	</nav>
+
+	<div class="cmp-brand">
+		<a href="#" title="Home" rel="home">
+			
+					<img src="../../images/db_logo.svg" alt="Deutsche Bahn Logo" width="" height=""
+						class="elm-image is-logo"   elementtiming="logo" >
+			
+				
+		</a>
+		<span class="is-site-name">UI Core</span>
+	</div>
+
+	<div class="rea-meta">
+		<form class="cmp-sitesearch" action="#" method="post" role="search">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+			<input type="search"
+				class="elm-input "
+				placeholder="Suchen …"
+				name="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61"
+				id="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61"
+				
+				value=""
+				
+				
+				
+				
+				aria-labelledby="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61-label"
+				
+				>
+			<label class="elm-label"
+				for="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61"
+				aria-hidden="true"
+				id="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61-label"
+				>Suche</label>
+			
+			
+			
+			<button class="elm-button "
+				
+				
+				title="Title text"
+				type="submit"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Suchen
+			</button>
+		</form>
+		<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="configuration"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Einstellungen
+				</a>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="messages"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Nachrichten
+				</a>
+			</li>
+		</ul>
+		
+		<ul class="cmp-language-switcher">
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="English language"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="en"
+						
+						
+						
+						
+						
+						>EN
+					</a>
+			</li>
+			<li aria-current="page">
+					<a
+						href="#"
+						class="elm-link "
+						title="Deutsche Sprache"
+						 rel="bookmark"
+						
+						
+						
+						
+						
+						 hreflang="de"
+						
+						
+						
+						
+						
+						>DE
+					</a>
+			</li>
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="Langue française"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="fr"
+						
+						
+						
+						
+						
+						>FR
+					</a>
+			</li>
+		</ul>
+			
+			<details class="cmp-dropdown is-account">
+				<summary>Ina Wheeler</summary>
+				<menu type="toolbar">
+					<li><button class="elm-button  is-account"
+				
+				
+				title="Title text"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Profileinstellungen
+			</button>
+			</li>
+					<li><button class="elm-button  is-account"
+				
+				
+				title="Title text"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Logout
+			</button>
+			</li>
+				</menu>
+			</details>
+	</div>
+</header>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineage":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"header"},"patternExtension":"hbs","patternName":"Header Loggedin","patternPartial":"areas-header-loggedin","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineage":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"header"},"patternExtension":"hbs","patternName":"Header Loggedin","patternPartial":"areas-header-loggedin","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/areas-header-header/areas-header-header.hbs b/review/refactor-icon-update/patterns/areas-header-header/areas-header-header.hbs
new file mode 100644
index 0000000000..93091b59f1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-header-header/areas-header-header.hbs
@@ -0,0 +1,7 @@
+<header class="rea-header">
+	{{> components-mainnavigation}}
+
+	{{> components-brand }}
+
+	{{> areas-meta loggedIn=loggedIn }}
+</header>
diff --git a/review/refactor-icon-update/patterns/areas-header-header/areas-header-header.markup-only.html b/review/refactor-icon-update/patterns/areas-header-header/areas-header-header.markup-only.html
new file mode 100644
index 0000000000..ba589db949
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-header-header/areas-header-header.markup-only.html
@@ -0,0 +1,545 @@
+<header class="rea-header">
+	<nav class="cmp-mainnavigation" id="mainnavigation-inheader01">
+		<input type="checkbox" id="toggle_mainnavigation-inheader01">
+		<label for="toggle_mainnavigation-inheader01" title="Toggle main navigation" class="is-site-name">UI Core</label>
+		<ul>
+			<li aria-haspopup="true">
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="index"
+					
+					
+					
+					
+					
+					
+					
+					 aria-current="page"
+					
+					
+					
+					>Startseite
+				</a>
+	
+				<ul>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="index"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 01
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 03
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 04
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 05
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 06
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 07
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 08
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 09
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="offers"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 02
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 03
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li>
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="news"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 03
+							</a>
+	
+						</li>
+				</ul>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="offers"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Aufträge
+				</a>
+	
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="news"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>News
+				</a>
+	
+			</li>
+		</ul>
+	</nav>
+
+	<div class="cmp-brand">
+		<a href="#" title="Home" rel="home">
+			
+					<img src="../../images/db_logo.svg" alt="Deutsche Bahn Logo" width="" height=""
+						class="elm-image is-logo"   elementtiming="logo" >
+			
+				
+		</a>
+		<span class="is-site-name">UI Core</span>
+	</div>
+
+	<div class="rea-meta">
+		<form class="cmp-sitesearch" action="#" method="post" role="search">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+			<input type="search"
+				class="elm-input "
+				placeholder="Suchen …"
+				name="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4"
+				id="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4"
+				
+				value=""
+				
+				
+				
+				
+				aria-labelledby="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4-label"
+				
+				>
+			<label class="elm-label"
+				for="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4"
+				aria-hidden="true"
+				id="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4-label"
+				>Suche</label>
+			
+			
+			
+			<button class="elm-button "
+				
+				
+				title="Title text"
+				type="submit"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Suchen
+			</button>
+		</form>
+		<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="configuration"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Einstellungen
+				</a>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="messages"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Nachrichten
+				</a>
+			</li>
+		</ul>
+		
+		<ul class="cmp-language-switcher">
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="English language"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="en"
+						
+						
+						
+						
+						
+						>EN
+					</a>
+			</li>
+			<li aria-current="page">
+					<a
+						href="#"
+						class="elm-link "
+						title="Deutsche Sprache"
+						 rel="bookmark"
+						
+						
+						
+						
+						
+						 hreflang="de"
+						
+						
+						
+						
+						
+						>DE
+					</a>
+			</li>
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="Langue française"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="fr"
+						
+						
+						
+						
+						
+						>FR
+					</a>
+			</li>
+		</ul>
+			<a
+				href="#"
+				class="elm-link "
+				title="Title text"
+				 rel="account"
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				>Login
+			</a>
+	</div>
+</header>
diff --git a/review/refactor-icon-update/patterns/areas-header-header/areas-header-header.rendered.html b/review/refactor-icon-update/patterns/areas-header-header/areas-header-header.rendered.html
new file mode 100644
index 0000000000..5d8f0dbc8d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-header-header/areas-header-header.rendered.html
@@ -0,0 +1,662 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<header class="rea-header">
+	<nav class="cmp-mainnavigation" id="mainnavigation-inheader01">
+		<input type="checkbox" id="toggle_mainnavigation-inheader01">
+		<label for="toggle_mainnavigation-inheader01" title="Toggle main navigation" class="is-site-name">UI Core</label>
+		<ul>
+			<li aria-haspopup="true">
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="index"
+					
+					
+					
+					
+					
+					
+					
+					 aria-current="page"
+					
+					
+					
+					>Startseite
+				</a>
+	
+				<ul>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="index"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 01
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 03
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 04
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 05
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 06
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 07
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 08
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 09
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="offers"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 02
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 03
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li>
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="news"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 03
+							</a>
+	
+						</li>
+				</ul>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="offers"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Aufträge
+				</a>
+	
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="news"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>News
+				</a>
+	
+			</li>
+		</ul>
+	</nav>
+
+	<div class="cmp-brand">
+		<a href="#" title="Home" rel="home">
+			
+					<img src="../../images/db_logo.svg" alt="Deutsche Bahn Logo" width="" height=""
+						class="elm-image is-logo"   elementtiming="logo" >
+			
+				
+		</a>
+		<span class="is-site-name">UI Core</span>
+	</div>
+
+	<div class="rea-meta">
+		<form class="cmp-sitesearch" action="#" method="post" role="search">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+			<input type="search"
+				class="elm-input "
+				placeholder="Suchen …"
+				name="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4"
+				id="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4"
+				
+				value=""
+				
+				
+				
+				
+				aria-labelledby="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4-label"
+				
+				>
+			<label class="elm-label"
+				for="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4"
+				aria-hidden="true"
+				id="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4-label"
+				>Suche</label>
+			
+			
+			
+			<button class="elm-button "
+				
+				
+				title="Title text"
+				type="submit"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Suchen
+			</button>
+		</form>
+		<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="configuration"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Einstellungen
+				</a>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="messages"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Nachrichten
+				</a>
+			</li>
+		</ul>
+		
+		<ul class="cmp-language-switcher">
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="English language"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="en"
+						
+						
+						
+						
+						
+						>EN
+					</a>
+			</li>
+			<li aria-current="page">
+					<a
+						href="#"
+						class="elm-link "
+						title="Deutsche Sprache"
+						 rel="bookmark"
+						
+						
+						
+						
+						
+						 hreflang="de"
+						
+						
+						
+						
+						
+						>DE
+					</a>
+			</li>
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="Langue française"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="fr"
+						
+						
+						
+						
+						
+						>FR
+					</a>
+			</li>
+		</ul>
+			<a
+				href="#"
+				class="elm-link "
+				title="Title text"
+				 rel="account"
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				>Login
+			</a>
+	</div>
+</header>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineage":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"lineageR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Breakpoint for the header</h2>\n<p>If you'd like to control the breakpoint that we've set for the <code>header</code> parts especially to transform from a regular navigation to a burger navigation, you could overwrite the <code>SCSS</code> variable <code>$db-break-the-header-max-width</code> with a new value that should get used within the CSS code for that breakpoint, like e.g. <code>1280px</code>.</p>\n<h2>Fixed positioned header</h2>\n<p>You could set the header area to fixed positioning by adding the class <code>has-fixed-header</code> to the <code>body</code> HTML tag.</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"header"},"patternExtension":"hbs","patternName":"Header","patternPartial":"areas-header","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineage":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"lineageR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Breakpoint for the header</h2>\n<p>If you'd like to control the breakpoint that we've set for the <code>header</code> parts especially to transform from a regular navigation to a burger navigation, you could overwrite the <code>SCSS</code> variable <code>$db-break-the-header-max-width</code> with a new value that should get used within the CSS code for that breakpoint, like e.g. <code>1280px</code>.</p>\n<h2>Fixed positioned header</h2>\n<p>You could set the header area to fixed positioning by adding the class <code>has-fixed-header</code> to the <code>body</code> HTML tag.</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"header"},"patternExtension":"hbs","patternName":"Header","patternPartial":"areas-header","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/areas-header-meta/areas-header-meta.hbs b/review/refactor-icon-update/patterns/areas-header-meta/areas-header-meta.hbs
new file mode 100644
index 0000000000..83c4537f30
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-header-meta/areas-header-meta.hbs
@@ -0,0 +1,10 @@
+<div class="rea-meta">
+	{{> components-sitesearch }}
+	{{> components-metanavigation navItems='' }}
+	{{> components-language-switcher }}
+	{{#if loggedIn }}
+		{{> components-dropdown id="headerlogin" summary="Ina Wheeler" styleModifier=" is-account" }}
+	{{else}}
+		{{> elements-link href='#' value='Login' rel='account' }}
+	{{/if }}
+</div>
diff --git a/review/refactor-icon-update/patterns/areas-header-meta/areas-header-meta.markup-only.html b/review/refactor-icon-update/patterns/areas-header-meta/areas-header-meta.markup-only.html
new file mode 100644
index 0000000000..431e578b2d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-header-meta/areas-header-meta.markup-only.html
@@ -0,0 +1,165 @@
+<div class="rea-meta">
+	<form class="cmp-sitesearch" action="#" method="post" role="search">
+		<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+		<input type="search"
+			class="elm-input "
+			placeholder="Suchen …"
+			name="id-87835796-cfa0-4e16-96eb-4a929ee77eeb"
+			id="id-87835796-cfa0-4e16-96eb-4a929ee77eeb"
+			
+			value=""
+			
+			
+			
+			
+			aria-labelledby="id-87835796-cfa0-4e16-96eb-4a929ee77eeb-label"
+			
+			>
+		<label class="elm-label"
+			for="id-87835796-cfa0-4e16-96eb-4a929ee77eeb"
+			aria-hidden="true"
+			id="id-87835796-cfa0-4e16-96eb-4a929ee77eeb-label"
+			>Suche</label>
+		
+		
+		
+		<button class="elm-button "
+			
+			
+			title="Title text"
+			type="submit"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Suchen
+		</button>
+	</form>
+	<ul class="cmp-metanavigation">
+		<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="Title text"
+				 rel="configuration"
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				>Einstellungen
+			</a>
+		</li>
+		<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="Title text"
+				 rel="messages"
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				>Nachrichten
+			</a>
+		</li>
+	</ul>
+	
+	<ul class="cmp-language-switcher">
+		<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="English language"
+					 rel="alternate"
+					
+					
+					
+					
+					
+					 hreflang="en"
+					
+					
+					
+					
+					
+					>EN
+				</a>
+		</li>
+		<li aria-current="page">
+				<a
+					href="#"
+					class="elm-link "
+					title="Deutsche Sprache"
+					 rel="bookmark"
+					
+					
+					
+					
+					
+					 hreflang="de"
+					
+					
+					
+					
+					
+					>DE
+				</a>
+		</li>
+		<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Langue française"
+					 rel="alternate"
+					
+					
+					
+					
+					
+					 hreflang="fr"
+					
+					
+					
+					
+					
+					>FR
+				</a>
+		</li>
+	</ul>
+		<a
+			href="#"
+			class="elm-link "
+			title="Title text"
+			 rel="account"
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			>Login
+		</a>
+</div>
diff --git a/review/refactor-icon-update/patterns/areas-header-meta/areas-header-meta.rendered.html b/review/refactor-icon-update/patterns/areas-header-meta/areas-header-meta.rendered.html
new file mode 100644
index 0000000000..d8d0b690ad
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-header-meta/areas-header-meta.rendered.html
@@ -0,0 +1,282 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<div class="rea-meta">
+	<form class="cmp-sitesearch" action="#" method="post" role="search">
+		<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+		<input type="search"
+			class="elm-input "
+			placeholder="Suchen …"
+			name="id-87835796-cfa0-4e16-96eb-4a929ee77eeb"
+			id="id-87835796-cfa0-4e16-96eb-4a929ee77eeb"
+			
+			value=""
+			
+			
+			
+			
+			aria-labelledby="id-87835796-cfa0-4e16-96eb-4a929ee77eeb-label"
+			
+			>
+		<label class="elm-label"
+			for="id-87835796-cfa0-4e16-96eb-4a929ee77eeb"
+			aria-hidden="true"
+			id="id-87835796-cfa0-4e16-96eb-4a929ee77eeb-label"
+			>Suche</label>
+		
+		
+		
+		<button class="elm-button "
+			
+			
+			title="Title text"
+			type="submit"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Suchen
+		</button>
+	</form>
+	<ul class="cmp-metanavigation">
+		<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="Title text"
+				 rel="configuration"
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				>Einstellungen
+			</a>
+		</li>
+		<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="Title text"
+				 rel="messages"
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				>Nachrichten
+			</a>
+		</li>
+	</ul>
+	
+	<ul class="cmp-language-switcher">
+		<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="English language"
+					 rel="alternate"
+					
+					
+					
+					
+					
+					 hreflang="en"
+					
+					
+					
+					
+					
+					>EN
+				</a>
+		</li>
+		<li aria-current="page">
+				<a
+					href="#"
+					class="elm-link "
+					title="Deutsche Sprache"
+					 rel="bookmark"
+					
+					
+					
+					
+					
+					 hreflang="de"
+					
+					
+					
+					
+					
+					>DE
+				</a>
+		</li>
+		<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Langue française"
+					 rel="alternate"
+					
+					
+					
+					
+					
+					 hreflang="fr"
+					
+					
+					
+					
+					
+					>FR
+				</a>
+		</li>
+	</ul>
+		<a
+			href="#"
+			class="elm-link "
+			title="Title text"
+			 rel="account"
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			>Login
+		</a>
+</div>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-header-loggedin","lineagePath":"../../patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html"},{"lineagePattern":"areas-header","lineagePath":"../../patterns/areas-header-header/areas-header-header.rendered.html","lineageState":"inprogress"}],"lineageR":[{"lineagePattern":"areas-header-loggedin","lineagePath":"../../patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html"},{"lineagePattern":"areas-header","lineagePath":"../../patterns/areas-header-header/areas-header-header.rendered.html","lineageState":"inprogress"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"header"},"patternExtension":"hbs","patternName":"Meta","patternPartial":"areas-meta","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-header-loggedin","lineagePath":"../../patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html"},{"lineagePattern":"areas-header","lineagePath":"../../patterns/areas-header-header/areas-header-header.rendered.html","lineageState":"inprogress"}],"lineageR":[{"lineagePattern":"areas-header-loggedin","lineagePath":"../../patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html"},{"lineagePattern":"areas-header","lineagePath":"../../patterns/areas-header-header/areas-header-header.rendered.html","lineageState":"inprogress"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"header"},"patternExtension":"hbs","patternName":"Meta","patternPartial":"areas-meta","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/areas-header/index.html b/review/refactor-icon-update/patterns/areas-header/index.html
new file mode 100644
index 0000000000..476eb6e05d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas-header/index.html
@@ -0,0 +1,1546 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-areas-header" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/areas-header&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-areas-header">Header</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="areas-header" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/areas-header-header&#x2F;areas-header-header.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="areas-header" title="Link to Pattern">
+						Header
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-areas-header" data-patternpartial="areas-header" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-areas-header">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<header class="rea-header">
+	<nav class="cmp-mainnavigation" id="mainnavigation-inheader01">
+		<input type="checkbox" id="toggle_mainnavigation-inheader01">
+		<label for="toggle_mainnavigation-inheader01" title="Toggle main navigation" class="is-site-name">UI Core</label>
+		<ul>
+			<li aria-haspopup="true">
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="index"
+					
+					
+					
+					
+					
+					
+					
+					 aria-current="page"
+					
+					
+					
+					>Startseite
+				</a>
+	
+				<ul>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="index"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 01
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 03
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 04
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 05
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 06
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 07
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 08
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 09
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="offers"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 02
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 03
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li>
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="news"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 03
+							</a>
+	
+						</li>
+				</ul>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="offers"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Aufträge
+				</a>
+	
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="news"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>News
+				</a>
+	
+			</li>
+		</ul>
+	</nav>
+
+	<div class="cmp-brand">
+		<a href="#" title="Home" rel="home">
+			
+					<img src="../../images/db_logo.svg" alt="Deutsche Bahn Logo" width="" height=""
+						class="elm-image is-logo"   elementtiming="logo" >
+			
+				
+		</a>
+		<span class="is-site-name">UI Core</span>
+	</div>
+
+	<div class="rea-meta">
+		<form class="cmp-sitesearch" action="#" method="post" role="search">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+			<input type="search"
+				class="elm-input "
+				placeholder="Suchen …"
+				name="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4"
+				id="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4"
+				
+				value=""
+				
+				
+				
+				
+				aria-labelledby="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4-label"
+				
+				>
+			<label class="elm-label"
+				for="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4"
+				aria-hidden="true"
+				id="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4-label"
+				>Suche</label>
+			
+			
+			
+			<button class="elm-button "
+				
+				
+				title="Title text"
+				type="submit"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Suchen
+			</button>
+		</form>
+		<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="configuration"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Einstellungen
+				</a>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="messages"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Nachrichten
+				</a>
+			</li>
+		</ul>
+		
+		<ul class="cmp-language-switcher">
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="English language"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="en"
+						
+						
+						
+						
+						
+						>EN
+					</a>
+			</li>
+			<li aria-current="page">
+					<a
+						href="#"
+						class="elm-link "
+						title="Deutsche Sprache"
+						 rel="bookmark"
+						
+						
+						
+						
+						
+						 hreflang="de"
+						
+						
+						
+						
+						
+						>DE
+					</a>
+			</li>
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="Langue française"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="fr"
+						
+						
+						
+						
+						
+						>FR
+					</a>
+			</li>
+		</ul>
+			<a
+				href="#"
+				class="elm-link "
+				title="Title text"
+				 rel="account"
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				>Login
+			</a>
+	</div>
+</header>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-areas-header" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineage":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"lineageR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Breakpoint for the header</h2>\n<p>If you'd like to control the breakpoint that we've set for the <code>header</code> parts especially to transform from a regular navigation to a burger navigation, you could overwrite the <code>SCSS</code> variable <code>$db-break-the-header-max-width</code> with a new value that should get used within the CSS code for that breakpoint, like e.g. <code>1280px</code>.</p>\n<h2>Fixed positioned header</h2>\n<p>You could set the header area to fixed positioning by adding the class <code>has-fixed-header</code> to the <code>body</code> HTML tag.</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"header"},"patternExtension":"hbs","patternName":"Header","patternPartial":"areas-header","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="areas-header-loggedin" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/areas-header-header-loggedin&#x2F;areas-header-header-loggedin.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="areas-header-loggedin" title="Link to Pattern">
+						Header Loggedin
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-areas-header-loggedin" data-patternpartial="areas-header-loggedin" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-areas-header-loggedin">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<header class="rea-header">
+	<nav class="cmp-mainnavigation" id="mainnavigation-inheader02">
+		<input type="checkbox" id="toggle_mainnavigation-inheader02">
+		<label for="toggle_mainnavigation-inheader02" title="Toggle main navigation" class="is-site-name">UI Core</label>
+		<ul>
+			<li aria-haspopup="true">
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="index"
+					
+					
+					
+					
+					
+					
+					
+					 aria-current="page"
+					
+					
+					
+					>Startseite
+				</a>
+	
+				<ul>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="index"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 01
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 03
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 04
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 05
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 06
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 07
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 08
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 09
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="offers"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 02
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 03
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li>
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="news"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 03
+							</a>
+	
+						</li>
+				</ul>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="offers"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Aufträge
+				</a>
+	
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="news"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>News
+				</a>
+	
+			</li>
+		</ul>
+	</nav>
+
+	<div class="cmp-brand">
+		<a href="#" title="Home" rel="home">
+			
+					<img src="../../images/db_logo.svg" alt="Deutsche Bahn Logo" width="" height=""
+						class="elm-image is-logo"   elementtiming="logo" >
+			
+				
+		</a>
+		<span class="is-site-name">UI Core</span>
+	</div>
+
+	<div class="rea-meta">
+		<form class="cmp-sitesearch" action="#" method="post" role="search">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+			<input type="search"
+				class="elm-input "
+				placeholder="Suchen …"
+				name="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61"
+				id="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61"
+				
+				value=""
+				
+				
+				
+				
+				aria-labelledby="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61-label"
+				
+				>
+			<label class="elm-label"
+				for="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61"
+				aria-hidden="true"
+				id="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61-label"
+				>Suche</label>
+			
+			
+			
+			<button class="elm-button "
+				
+				
+				title="Title text"
+				type="submit"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Suchen
+			</button>
+		</form>
+		<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="configuration"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Einstellungen
+				</a>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="messages"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Nachrichten
+				</a>
+			</li>
+		</ul>
+		
+		<ul class="cmp-language-switcher">
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="English language"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="en"
+						
+						
+						
+						
+						
+						>EN
+					</a>
+			</li>
+			<li aria-current="page">
+					<a
+						href="#"
+						class="elm-link "
+						title="Deutsche Sprache"
+						 rel="bookmark"
+						
+						
+						
+						
+						
+						 hreflang="de"
+						
+						
+						
+						
+						
+						>DE
+					</a>
+			</li>
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="Langue française"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="fr"
+						
+						
+						
+						
+						
+						>FR
+					</a>
+			</li>
+		</ul>
+			
+			<details class="cmp-dropdown is-account">
+				<summary>Ina Wheeler</summary>
+				<menu type="toolbar">
+					<li><button class="elm-button  is-account"
+				
+				
+				title="Title text"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Profileinstellungen
+			</button>
+			</li>
+					<li><button class="elm-button  is-account"
+				
+				
+				title="Title text"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Logout
+			</button>
+			</li>
+				</menu>
+			</details>
+	</div>
+</header>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-areas-header-loggedin" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineage":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"header"},"patternExtension":"hbs","patternName":"Header Loggedin","patternPartial":"areas-header-loggedin","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="areas-meta" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/areas-header-meta&#x2F;areas-header-meta.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="areas-meta" title="Link to Pattern">
+						Meta
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-areas-meta" data-patternpartial="areas-meta" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-areas-meta">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="rea-meta">
+	<form class="cmp-sitesearch" action="#" method="post" role="search">
+		<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+		<input type="search"
+			class="elm-input "
+			placeholder="Suchen …"
+			name="id-87835796-cfa0-4e16-96eb-4a929ee77eeb"
+			id="id-87835796-cfa0-4e16-96eb-4a929ee77eeb"
+			
+			value=""
+			
+			
+			
+			
+			aria-labelledby="id-87835796-cfa0-4e16-96eb-4a929ee77eeb-label"
+			
+			>
+		<label class="elm-label"
+			for="id-87835796-cfa0-4e16-96eb-4a929ee77eeb"
+			aria-hidden="true"
+			id="id-87835796-cfa0-4e16-96eb-4a929ee77eeb-label"
+			>Suche</label>
+		
+		
+		
+		<button class="elm-button "
+			
+			
+			title="Title text"
+			type="submit"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Suchen
+		</button>
+	</form>
+	<ul class="cmp-metanavigation">
+		<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="Title text"
+				 rel="configuration"
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				>Einstellungen
+			</a>
+		</li>
+		<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="Title text"
+				 rel="messages"
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				>Nachrichten
+			</a>
+		</li>
+	</ul>
+	
+	<ul class="cmp-language-switcher">
+		<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="English language"
+					 rel="alternate"
+					
+					
+					
+					
+					
+					 hreflang="en"
+					
+					
+					
+					
+					
+					>EN
+				</a>
+		</li>
+		<li aria-current="page">
+				<a
+					href="#"
+					class="elm-link "
+					title="Deutsche Sprache"
+					 rel="bookmark"
+					
+					
+					
+					
+					
+					 hreflang="de"
+					
+					
+					
+					
+					
+					>DE
+				</a>
+		</li>
+		<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Langue française"
+					 rel="alternate"
+					
+					
+					
+					
+					
+					 hreflang="fr"
+					
+					
+					
+					
+					
+					>FR
+				</a>
+		</li>
+	</ul>
+		<a
+			href="#"
+			class="elm-link "
+			title="Title text"
+			 rel="account"
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			>Login
+		</a>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-areas-meta" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-header-loggedin","lineagePath":"../../patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html"},{"lineagePattern":"areas-header","lineagePath":"../../patterns/areas-header-header/areas-header-header.rendered.html","lineageState":"inprogress"}],"lineageR":[{"lineagePattern":"areas-header-loggedin","lineagePath":"../../patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html"},{"lineagePattern":"areas-header","lineagePath":"../../patterns/areas-header-header/areas-header-header.rendered.html","lineageState":"inprogress"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"header"},"patternExtension":"hbs","patternName":"Meta","patternPartial":"areas-meta","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-areas-header"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-areas-header"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/areas/index.html b/review/refactor-icon-update/patterns/areas/index.html
new file mode 100644
index 0000000000..ef2e6fb274
--- /dev/null
+++ b/review/refactor-icon-update/patterns/areas/index.html
@@ -0,0 +1,2066 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-areas-footer" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/areas-footer&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-areas-footer">Footer</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="areas-footer" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/areas-footer-footer&#x2F;areas-footer-footer.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="areas-footer" title="Link to Pattern">
+						Footer
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-areas-footer" data-patternpartial="areas-footer" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-areas-footer">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<footer class="rea-footer ">
+	<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="https://db-ui.github.io/datenschutzerklaerung.html"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					 lang="de"
+					 hreflang="de"
+					 target="_blank"
+					
+					
+					
+					
+					>Datenschutzerklärung (Data privacy)
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://www.dbsystel.de/dbsystel-en/legal-3715942"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>Imprint
+				</a>
+			</li>
+			<li>
+				<a
+					href="mailto:db-ux-designsystem@deutschebahn.com"
+					class="elm-link "
+					title=""
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Contact
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>About us
+				</a>
+			</li>
+	</ul>
+	Copyright 2024 DB Systel
+</footer>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-areas-footer" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"lineageR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Fixed positioned footer</h2>\n<p>You could set the footer area to fixed positioning by adding the class <code>has-fixed-footer</code> to the <code>body</code> HTML tag.</p>\n<h2>Top border to seperate footer from main areas</h2>\n<p>You could set the footer area to get seperated via a top border by adding the class <code>has-border</code> to the <code>footer.rea-footer</code> HTML tag.</p>\n<h2>Visual footer seperation</h2>\n<p>In case that a light background color for the main area is being used, the footer should get visually seperated by the grey border that is included as a default - but if the main area includes either a colorful or grey background, than disable/overwrite that <code>border-top</code> on the footer element (SCSS variable <code>$footer-​--borderTop</code>).</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer","patternPartial":"areas-footer","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="areas-footer-with-border" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/areas-footer-footer-with-border&#x2F;areas-footer-footer-with-border.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="areas-footer-with-border" title="Link to Pattern">
+						Footer With Border
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-areas-footer-with-border" data-patternpartial="areas-footer-with-border" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-areas-footer-with-border">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<footer class="rea-footer has-border">
+	<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="https://db-ui.github.io/datenschutzerklaerung.html"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					 lang="de"
+					 hreflang="de"
+					 target="_blank"
+					
+					
+					
+					
+					>Datenschutzerklärung (Data privacy)
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://www.dbsystel.de/dbsystel-en/legal-3715942"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>Imprint
+				</a>
+			</li>
+			<li>
+				<a
+					href="mailto:db-ux-designsystem@deutschebahn.com"
+					class="elm-link "
+					title=""
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Contact
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>About us
+				</a>
+			</li>
+	</ul>
+	Copyright 2024 DB Systel
+</footer>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-areas-footer-with-border" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer With Border","patternPartial":"areas-footer-with-border","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-areas-grid" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/areas-grid&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-areas-grid">Grid</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="areas-grid" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/areas-grid-grid&#x2F;areas-grid-grid.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="areas-grid" title="Link to Pattern">
+						Grid
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-areas-grid" data-patternpartial="areas-grid" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-areas-grid">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!--
+// jscpd:ignore-start
+-->
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fourth column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fourth column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fifth column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fourth column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fifth column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Sixth column</p>
+	</div>
+</div>
+
+<hr>
+
+<div class="rea-grid">
+	<div data-type="four-fifths">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-four-fifths</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="three-quarters">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-three-quarters</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="two-thirds">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-two-thirds</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="three-fifths">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-three-fifths</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="half">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-half</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="two-fifths">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-two-fifths</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="one-third">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-one-third</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="one-quarter">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-one-quarter</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="one-fifth">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-one-fifth</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+<!--
+// jscpd:ignore-end
+-->
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-areas-grid" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>CSS Grid vs. Flexbox</h2>\n<p>In general it's recommended to use CSS Grid instead of Flexbox for structuring a page in a grid structure - as this is the most simple, stable and flexible solution, there's even also no need for an abstraction anymore, you could easily define your declarations in plain CSS that for.</p>\n<h3>Usage of CSS grid</h3>\n<blockquote>\n<p>The more I use CSS Grid, the more convinced I am that there is no benefit to be had by adding a layer of abstraction over it. CSS Grid is the layout framework baked right into the browser</p>\n</blockquote>\n<p>—  Jen Simmons</p>\n<h4>Further information and support</h4>\n<ul>\n<li><a href=\"http://cssgridgarden.com/\">http://cssgridgarden.com/</a></li>\n</ul>\n<h3>Usage of CSS Flexbox</h3>\n<h4>Further informations</h4>\n<ul>\n<li><a href=\"http://flexboxfroggy.com/\">http://flexboxfroggy.com/</a></li>\n<li><a href=\"https://cvan.io/flexboxin5/\">https://cvan.io/flexboxin5/</a></li>\n<li><a href=\"https://dzhavat.github.io/2020/09/09/css-flexbox-cheatsheet-v3.html\">https://dzhavat.github.io/2020/09/09/css-flexbox-cheatsheet-v3.html</a></li>\n</ul>\n<h3>Outlook to common page formats</h3>\n<p>Nevertheless we're currently evaluating whether we'll provide some general and basic grid structures of common page formats even already as &quot;page templates&quot; in the near future, that will than include those common page structures via CSS Grid.</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"grid"},"patternExtension":"hbs","patternName":"Grid","patternPartial":"areas-grid","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-areas-header" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/areas-header&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-areas-header">Header</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="areas-header" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/areas-header-header&#x2F;areas-header-header.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="areas-header" title="Link to Pattern">
+						Header
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-areas-header" data-patternpartial="areas-header" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-areas-header">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<header class="rea-header">
+	<nav class="cmp-mainnavigation" id="mainnavigation-inheader01">
+		<input type="checkbox" id="toggle_mainnavigation-inheader01">
+		<label for="toggle_mainnavigation-inheader01" title="Toggle main navigation" class="is-site-name">UI Core</label>
+		<ul>
+			<li aria-haspopup="true">
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="index"
+					
+					
+					
+					
+					
+					
+					
+					 aria-current="page"
+					
+					
+					
+					>Startseite
+				</a>
+	
+				<ul>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="index"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 01
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 03
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 04
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 05
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 06
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 07
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 08
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 09
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="offers"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 02
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 03
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li>
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="news"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 03
+							</a>
+	
+						</li>
+				</ul>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="offers"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Aufträge
+				</a>
+	
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="news"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>News
+				</a>
+	
+			</li>
+		</ul>
+	</nav>
+
+	<div class="cmp-brand">
+		<a href="#" title="Home" rel="home">
+			
+					<img src="../../images/db_logo.svg" alt="Deutsche Bahn Logo" width="" height=""
+						class="elm-image is-logo"   elementtiming="logo" >
+			
+				
+		</a>
+		<span class="is-site-name">UI Core</span>
+	</div>
+
+	<div class="rea-meta">
+		<form class="cmp-sitesearch" action="#" method="post" role="search">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+			<input type="search"
+				class="elm-input "
+				placeholder="Suchen …"
+				name="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4"
+				id="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4"
+				
+				value=""
+				
+				
+				
+				
+				aria-labelledby="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4-label"
+				
+				>
+			<label class="elm-label"
+				for="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4"
+				aria-hidden="true"
+				id="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4-label"
+				>Suche</label>
+			
+			
+			
+			<button class="elm-button "
+				
+				
+				title="Title text"
+				type="submit"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Suchen
+			</button>
+		</form>
+		<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="configuration"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Einstellungen
+				</a>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="messages"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Nachrichten
+				</a>
+			</li>
+		</ul>
+		
+		<ul class="cmp-language-switcher">
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="English language"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="en"
+						
+						
+						
+						
+						
+						>EN
+					</a>
+			</li>
+			<li aria-current="page">
+					<a
+						href="#"
+						class="elm-link "
+						title="Deutsche Sprache"
+						 rel="bookmark"
+						
+						
+						
+						
+						
+						 hreflang="de"
+						
+						
+						
+						
+						
+						>DE
+					</a>
+			</li>
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="Langue française"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="fr"
+						
+						
+						
+						
+						
+						>FR
+					</a>
+			</li>
+		</ul>
+			<a
+				href="#"
+				class="elm-link "
+				title="Title text"
+				 rel="account"
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				>Login
+			</a>
+	</div>
+</header>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-areas-header" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineage":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"lineageR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Breakpoint for the header</h2>\n<p>If you'd like to control the breakpoint that we've set for the <code>header</code> parts especially to transform from a regular navigation to a burger navigation, you could overwrite the <code>SCSS</code> variable <code>$db-break-the-header-max-width</code> with a new value that should get used within the CSS code for that breakpoint, like e.g. <code>1280px</code>.</p>\n<h2>Fixed positioned header</h2>\n<p>You could set the header area to fixed positioning by adding the class <code>has-fixed-header</code> to the <code>body</code> HTML tag.</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"header"},"patternExtension":"hbs","patternName":"Header","patternPartial":"areas-header","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="areas-header-loggedin" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/areas-header-header-loggedin&#x2F;areas-header-header-loggedin.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="areas-header-loggedin" title="Link to Pattern">
+						Header Loggedin
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-areas-header-loggedin" data-patternpartial="areas-header-loggedin" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-areas-header-loggedin">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<header class="rea-header">
+	<nav class="cmp-mainnavigation" id="mainnavigation-inheader02">
+		<input type="checkbox" id="toggle_mainnavigation-inheader02">
+		<label for="toggle_mainnavigation-inheader02" title="Toggle main navigation" class="is-site-name">UI Core</label>
+		<ul>
+			<li aria-haspopup="true">
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="index"
+					
+					
+					
+					
+					
+					
+					
+					 aria-current="page"
+					
+					
+					
+					>Startseite
+				</a>
+	
+				<ul>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="index"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 01
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 03
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 04
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 05
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 06
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 07
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 08
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 09
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="offers"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 02
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 03
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li>
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="news"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 03
+							</a>
+	
+						</li>
+				</ul>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="offers"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Aufträge
+				</a>
+	
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="news"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>News
+				</a>
+	
+			</li>
+		</ul>
+	</nav>
+
+	<div class="cmp-brand">
+		<a href="#" title="Home" rel="home">
+			
+					<img src="../../images/db_logo.svg" alt="Deutsche Bahn Logo" width="" height=""
+						class="elm-image is-logo"   elementtiming="logo" >
+			
+				
+		</a>
+		<span class="is-site-name">UI Core</span>
+	</div>
+
+	<div class="rea-meta">
+		<form class="cmp-sitesearch" action="#" method="post" role="search">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+			<input type="search"
+				class="elm-input "
+				placeholder="Suchen …"
+				name="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61"
+				id="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61"
+				
+				value=""
+				
+				
+				
+				
+				aria-labelledby="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61-label"
+				
+				>
+			<label class="elm-label"
+				for="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61"
+				aria-hidden="true"
+				id="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61-label"
+				>Suche</label>
+			
+			
+			
+			<button class="elm-button "
+				
+				
+				title="Title text"
+				type="submit"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Suchen
+			</button>
+		</form>
+		<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="configuration"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Einstellungen
+				</a>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="messages"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Nachrichten
+				</a>
+			</li>
+		</ul>
+		
+		<ul class="cmp-language-switcher">
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="English language"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="en"
+						
+						
+						
+						
+						
+						>EN
+					</a>
+			</li>
+			<li aria-current="page">
+					<a
+						href="#"
+						class="elm-link "
+						title="Deutsche Sprache"
+						 rel="bookmark"
+						
+						
+						
+						
+						
+						 hreflang="de"
+						
+						
+						
+						
+						
+						>DE
+					</a>
+			</li>
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="Langue française"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="fr"
+						
+						
+						
+						
+						
+						>FR
+					</a>
+			</li>
+		</ul>
+			
+			<details class="cmp-dropdown is-account">
+				<summary>Ina Wheeler</summary>
+				<menu type="toolbar">
+					<li><button class="elm-button  is-account"
+				
+				
+				title="Title text"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Profileinstellungen
+			</button>
+			</li>
+					<li><button class="elm-button  is-account"
+				
+				
+				title="Title text"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Logout
+			</button>
+			</li>
+				</menu>
+			</details>
+	</div>
+</header>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-areas-header-loggedin" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineage":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"header"},"patternExtension":"hbs","patternName":"Header Loggedin","patternPartial":"areas-header-loggedin","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="areas-meta" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/areas-header-meta&#x2F;areas-header-meta.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="areas-meta" title="Link to Pattern">
+						Meta
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-areas-meta" data-patternpartial="areas-meta" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-areas-meta">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="rea-meta">
+	<form class="cmp-sitesearch" action="#" method="post" role="search">
+		<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+		<input type="search"
+			class="elm-input "
+			placeholder="Suchen …"
+			name="id-87835796-cfa0-4e16-96eb-4a929ee77eeb"
+			id="id-87835796-cfa0-4e16-96eb-4a929ee77eeb"
+			
+			value=""
+			
+			
+			
+			
+			aria-labelledby="id-87835796-cfa0-4e16-96eb-4a929ee77eeb-label"
+			
+			>
+		<label class="elm-label"
+			for="id-87835796-cfa0-4e16-96eb-4a929ee77eeb"
+			aria-hidden="true"
+			id="id-87835796-cfa0-4e16-96eb-4a929ee77eeb-label"
+			>Suche</label>
+		
+		
+		
+		<button class="elm-button "
+			
+			
+			title="Title text"
+			type="submit"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Suchen
+		</button>
+	</form>
+	<ul class="cmp-metanavigation">
+		<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="Title text"
+				 rel="configuration"
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				>Einstellungen
+			</a>
+		</li>
+		<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="Title text"
+				 rel="messages"
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				>Nachrichten
+			</a>
+		</li>
+	</ul>
+	
+	<ul class="cmp-language-switcher">
+		<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="English language"
+					 rel="alternate"
+					
+					
+					
+					
+					
+					 hreflang="en"
+					
+					
+					
+					
+					
+					>EN
+				</a>
+		</li>
+		<li aria-current="page">
+				<a
+					href="#"
+					class="elm-link "
+					title="Deutsche Sprache"
+					 rel="bookmark"
+					
+					
+					
+					
+					
+					 hreflang="de"
+					
+					
+					
+					
+					
+					>DE
+				</a>
+		</li>
+		<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Langue française"
+					 rel="alternate"
+					
+					
+					
+					
+					
+					 hreflang="fr"
+					
+					
+					
+					
+					
+					>FR
+				</a>
+		</li>
+	</ul>
+		<a
+			href="#"
+			class="elm-link "
+			title="Title text"
+			 rel="account"
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			>Login
+		</a>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-areas-meta" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-header-loggedin","lineagePath":"../../patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html"},{"lineagePattern":"areas-header","lineagePath":"../../patterns/areas-header-header/areas-header-header.rendered.html","lineageState":"inprogress"}],"lineageR":[{"lineagePattern":"areas-header-loggedin","lineagePath":"../../patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html"},{"lineagePattern":"areas-header","lineagePath":"../../patterns/areas-header-header/areas-header-header.rendered.html","lineageState":"inprogress"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"header"},"patternExtension":"hbs","patternName":"Meta","patternPartial":"areas-meta","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-areas-all"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-areas-all"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-colors-feedback/base-colors-feedback.hbs b/review/refactor-icon-update/patterns/base-colors-feedback/base-colors-feedback.hbs
new file mode 100644
index 0000000000..d4379358e9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-colors-feedback/base-colors-feedback.hbs
@@ -0,0 +1,13 @@
+<ul class="sg-colors">
+	{{#each listItems }}
+	<li>
+		{{ name }}
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: {{ hex }}"></span>
+		<span class="sg-label">
+			{{ scssvariable }} <br>
+			{{ hex }}
+		</span>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-colors-feedback/base-colors-feedback.markup-only.html b/review/refactor-icon-update/patterns/base-colors-feedback/base-colors-feedback.markup-only.html
new file mode 100644
index 0000000000..104b922c73
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-colors-feedback/base-colors-feedback.markup-only.html
@@ -0,0 +1,38 @@
+<ul class="sg-colors">
+	<li>
+		DB Success
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #508B1B"></span>
+		<span class="sg-label">
+			$db-color-success: $db-color-light-green-600 <br>
+			#508B1B
+		</span>
+	</li>
+	<li>
+		DB Error
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EC0016"></span>
+		<span class="sg-label">
+			$db-color-error: $db-color-red-500 <br>
+			#EC0016
+		</span>
+	</li>
+	<li>
+		DB Informative
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0087b9"></span>
+		<span class="sg-label">
+			$db-color-error: $db-color-cyan-600 <br>
+			#0087b9
+		</span>
+	</li>
+	<li>
+		DB Warning
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #f75f00"></span>
+		<span class="sg-label">
+			$db-color-error: $db-color-yellow-900 <br>
+			#f75f00
+		</span>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-colors-feedback/base-colors-feedback.rendered.html b/review/refactor-icon-update/patterns/base-colors-feedback/base-colors-feedback.rendered.html
new file mode 100644
index 0000000000..cda760c08d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-colors-feedback/base-colors-feedback.rendered.html
@@ -0,0 +1,155 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<ul class="sg-colors">
+	<li>
+		DB Success
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #508B1B"></span>
+		<span class="sg-label">
+			$db-color-success: $db-color-light-green-600 <br>
+			#508B1B
+		</span>
+	</li>
+	<li>
+		DB Error
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EC0016"></span>
+		<span class="sg-label">
+			$db-color-error: $db-color-red-500 <br>
+			#EC0016
+		</span>
+	</li>
+	<li>
+		DB Informative
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0087b9"></span>
+		<span class="sg-label">
+			$db-color-error: $db-color-cyan-600 <br>
+			#0087b9
+		</span>
+	</li>
+	<li>
+		DB Warning
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #f75f00"></span>
+		<span class="sg-label">
+			$db-color-error: $db-color-yellow-900 <br>
+			#f75f00
+		</span>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Feedback","patternPartial":"base-feedback","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":30}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Feedback","patternPartial":"base-feedback","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":30}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-colors-poi/base-colors-poi.hbs b/review/refactor-icon-update/patterns/base-colors-poi/base-colors-poi.hbs
new file mode 100644
index 0000000000..d4379358e9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-colors-poi/base-colors-poi.hbs
@@ -0,0 +1,13 @@
+<ul class="sg-colors">
+	{{#each listItems }}
+	<li>
+		{{ name }}
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: {{ hex }}"></span>
+		<span class="sg-label">
+			{{ scssvariable }} <br>
+			{{ hex }}
+		</span>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-colors-poi/base-colors-poi.markup-only.html b/review/refactor-icon-update/patterns/base-colors-poi/base-colors-poi.markup-only.html
new file mode 100644
index 0000000000..11ee056917
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-colors-poi/base-colors-poi.markup-only.html
@@ -0,0 +1,92 @@
+<ul class="sg-colors">
+	<li>
+		food &amp; drink
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #f39200"></span>
+		<span class="sg-label">
+			$db-color-food-drink: $db-color-orange-500 <br>
+			#f39200
+		</span>
+	</li>
+	<li>
+		health
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #a9455d"></span>
+		<span class="sg-label">
+			$db-color-health: $db-color-burgundy-500 <br>
+			#a9455d
+		</span>
+	</li>
+	<li>
+		things to know
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #858379"></span>
+		<span class="sg-label">
+			$db-color-things-to-know: $db-color-warm-gray-500 <br>
+			#858379
+		</span>
+	</li>
+	<li>
+		community facilities
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #00a099"></span>
+		<span class="sg-label">
+			$db-color-community-facilities: $db-color-turquoise-500 <br>
+			#00a099
+		</span>
+	</li>
+	<li>
+		DB services &amp; facilities
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0c3992"></span>
+		<span class="sg-label">
+			$db-color-db-services-facilities: $db-color-blue-600 <br>
+			#0c3992
+		</span>
+	</li>
+	<li>
+		shopping
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #814997"></span>
+		<span class="sg-label">
+			$db-color-shopping: $db-color-violett-500 <br>
+			#814997
+		</span>
+	</li>
+	<li>
+		arts &amp; culture
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #e93e8f"></span>
+		<span class="sg-label">
+			$db-color-arts-culture: $db-color-pink-500 <br>
+			#e93e8f
+		</span>
+	</li>
+	<li>
+		leisure
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #408335"></span>
+		<span class="sg-label">
+			$db-color-leisure: $db-color-green-500 <br>
+			#408335
+		</span>
+	</li>
+	<li>
+		services
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #309fd1"></span>
+		<span class="sg-label">
+			$db-color-services: $db-color-cyan-500 <br>
+			#309fd1
+		</span>
+	</li>
+	<li>
+		guidance
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #3c414b"></span>
+		<span class="sg-label">
+			$db-color-guidance: $db-color-cool-gray-600 <br>
+			#3c414b
+		</span>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-colors-poi/base-colors-poi.rendered.html b/review/refactor-icon-update/patterns/base-colors-poi/base-colors-poi.rendered.html
new file mode 100644
index 0000000000..cf120c72ef
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-colors-poi/base-colors-poi.rendered.html
@@ -0,0 +1,209 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<ul class="sg-colors">
+	<li>
+		food &amp; drink
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #f39200"></span>
+		<span class="sg-label">
+			$db-color-food-drink: $db-color-orange-500 <br>
+			#f39200
+		</span>
+	</li>
+	<li>
+		health
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #a9455d"></span>
+		<span class="sg-label">
+			$db-color-health: $db-color-burgundy-500 <br>
+			#a9455d
+		</span>
+	</li>
+	<li>
+		things to know
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #858379"></span>
+		<span class="sg-label">
+			$db-color-things-to-know: $db-color-warm-gray-500 <br>
+			#858379
+		</span>
+	</li>
+	<li>
+		community facilities
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #00a099"></span>
+		<span class="sg-label">
+			$db-color-community-facilities: $db-color-turquoise-500 <br>
+			#00a099
+		</span>
+	</li>
+	<li>
+		DB services &amp; facilities
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0c3992"></span>
+		<span class="sg-label">
+			$db-color-db-services-facilities: $db-color-blue-600 <br>
+			#0c3992
+		</span>
+	</li>
+	<li>
+		shopping
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #814997"></span>
+		<span class="sg-label">
+			$db-color-shopping: $db-color-violett-500 <br>
+			#814997
+		</span>
+	</li>
+	<li>
+		arts &amp; culture
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #e93e8f"></span>
+		<span class="sg-label">
+			$db-color-arts-culture: $db-color-pink-500 <br>
+			#e93e8f
+		</span>
+	</li>
+	<li>
+		leisure
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #408335"></span>
+		<span class="sg-label">
+			$db-color-leisure: $db-color-green-500 <br>
+			#408335
+		</span>
+	</li>
+	<li>
+		services
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #309fd1"></span>
+		<span class="sg-label">
+			$db-color-services: $db-color-cyan-500 <br>
+			#309fd1
+		</span>
+	</li>
+	<li>
+		guidance
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #3c414b"></span>
+		<span class="sg-label">
+			$db-color-guidance: $db-color-cool-gray-600 <br>
+			#3c414b
+		</span>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - POI","patternPartial":"base-poi","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":40}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - POI","patternPartial":"base-poi","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":40}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-colors-primary/base-colors-primary.hbs b/review/refactor-icon-update/patterns/base-colors-primary/base-colors-primary.hbs
new file mode 100644
index 0000000000..d4379358e9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-colors-primary/base-colors-primary.hbs
@@ -0,0 +1,13 @@
+<ul class="sg-colors">
+	{{#each listItems }}
+	<li>
+		{{ name }}
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: {{ hex }}"></span>
+		<span class="sg-label">
+			{{ scssvariable }} <br>
+			{{ hex }}
+		</span>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-colors-primary/base-colors-primary.markup-only.html b/review/refactor-icon-update/patterns/base-colors-primary/base-colors-primary.markup-only.html
new file mode 100644
index 0000000000..b84ae15c7b
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-colors-primary/base-colors-primary.markup-only.html
@@ -0,0 +1,29 @@
+<ul class="sg-colors">
+	<li>
+		DB Red
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #ec0016"></span>
+		<span class="sg-label">
+			$db-color-red <br>
+			#ec0016
+		</span>
+	</li>
+	<li>
+		DB White
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFFFFF"></span>
+		<span class="sg-label">
+			$db-color-white <br>
+			#FFFFFF
+		</span>
+	</li>
+	<li>
+		DB Black
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #000000"></span>
+		<span class="sg-label">
+			$db-color-black <br>
+			#000000
+		</span>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-colors-primary/base-colors-primary.rendered.html b/review/refactor-icon-update/patterns/base-colors-primary/base-colors-primary.rendered.html
new file mode 100644
index 0000000000..1c6058458e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-colors-primary/base-colors-primary.rendered.html
@@ -0,0 +1,146 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<ul class="sg-colors">
+	<li>
+		DB Red
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #ec0016"></span>
+		<span class="sg-label">
+			$db-color-red <br>
+			#ec0016
+		</span>
+	</li>
+	<li>
+		DB White
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFFFFF"></span>
+		<span class="sg-label">
+			$db-color-white <br>
+			#FFFFFF
+		</span>
+	</li>
+	<li>
+		DB Black
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #000000"></span>
+		<span class="sg-label">
+			$db-color-black <br>
+			#000000
+		</span>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Primary","patternPartial":"base-primary","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":10}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Primary","patternPartial":"base-primary","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":10}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-colors-secondary/base-colors-secondary.hbs b/review/refactor-icon-update/patterns/base-colors-secondary/base-colors-secondary.hbs
new file mode 100644
index 0000000000..d4379358e9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-colors-secondary/base-colors-secondary.hbs
@@ -0,0 +1,13 @@
+<ul class="sg-colors">
+	{{#each listItems }}
+	<li>
+		{{ name }}
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: {{ hex }}"></span>
+		<span class="sg-label">
+			{{ scssvariable }} <br>
+			{{ hex }}
+		</span>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-colors-secondary/base-colors-secondary.markup-only.html b/review/refactor-icon-update/patterns/base-colors-secondary/base-colors-secondary.markup-only.html
new file mode 100644
index 0000000000..a1b4b882c2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-colors-secondary/base-colors-secondary.markup-only.html
@@ -0,0 +1,938 @@
+<ul class="sg-colors">
+	<li>
+		DB Yellow 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFFFDC"></span>
+		<span class="sg-label">
+			$db-color-yellow-100 <br>
+			#FFFFDC
+		</span>
+	</li>
+	<li>
+		DB Yellow 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFFFAF"></span>
+		<span class="sg-label">
+			$db-color-yellow-200 <br>
+			#FFFFAF
+		</span>
+	</li>
+	<li>
+		DB Yellow 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFF876"></span>
+		<span class="sg-label">
+			$db-color-yellow-300 <br>
+			#FFF876
+		</span>
+	</li>
+	<li>
+		DB Yellow 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFF000"></span>
+		<span class="sg-label">
+			$db-color-yellow-400 <br>
+			#FFF000
+		</span>
+	</li>
+	<li>
+		DB Yellow 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFD800"></span>
+		<span class="sg-label">
+			$db-color-yellow-500 <br>
+			#FFD800
+		</span>
+	</li>
+	<li>
+		DB Yellow 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFBB00"></span>
+		<span class="sg-label">
+			$db-color-yellow-600 <br>
+			#FFBB00
+		</span>
+	</li>
+	<li>
+		DB Yellow 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FF9B00"></span>
+		<span class="sg-label">
+			$db-color-yellow-700 <br>
+			#FF9B00
+		</span>
+	</li>
+	<li>
+		DB Yellow 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FF7A00"></span>
+		<span class="sg-label">
+			$db-color-yellow-800 <br>
+			#FF7A00
+		</span>
+	</li>
+	<li>
+		DB Orange 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFF4D8"></span>
+		<span class="sg-label">
+			$db-color-orange-100 <br>
+			#FFF4D8
+		</span>
+	</li>
+	<li>
+		DB Orange 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FCE3B4"></span>
+		<span class="sg-label">
+			$db-color-orange-200 <br>
+			#FCE3B4
+		</span>
+	</li>
+	<li>
+		DB Orange 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FACA7F"></span>
+		<span class="sg-label">
+			$db-color-orange-300 <br>
+			#FACA7F
+		</span>
+	</li>
+	<li>
+		DB Orange 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F8AB37"></span>
+		<span class="sg-label">
+			$db-color-orange-400 <br>
+			#F8AB37
+		</span>
+	</li>
+	<li>
+		DB Orange 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F39200"></span>
+		<span class="sg-label">
+			$db-color-orange-500 <br>
+			#F39200
+		</span>
+	</li>
+	<li>
+		DB Orange 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #D77B00"></span>
+		<span class="sg-label">
+			$db-color-orange-600 <br>
+			#D77B00
+		</span>
+	</li>
+	<li>
+		DB Orange 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C05E00"></span>
+		<span class="sg-label">
+			$db-color-orange-700 <br>
+			#C05E00
+		</span>
+	</li>
+	<li>
+		DB Orange 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #A24800"></span>
+		<span class="sg-label">
+			$db-color-orange-800 <br>
+			#A24800
+		</span>
+	</li>
+	<li>
+		DB Red 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #fEE6E6"></span>
+		<span class="sg-label">
+			$db-color-red-100 <br>
+			#fEE6E6
+		</span>
+	</li>
+	<li>
+		DB Red 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FCC8C3"></span>
+		<span class="sg-label">
+			$db-color-red-200 <br>
+			#FCC8C3
+		</span>
+	</li>
+	<li>
+		DB Red 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FA9090"></span>
+		<span class="sg-label">
+			$db-color-red-300 <br>
+			#FA9090
+		</span>
+	</li>
+	<li>
+		DB Red 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F75056"></span>
+		<span class="sg-label">
+			$db-color-red-400 <br>
+			#F75056
+		</span>
+	</li>
+	<li>
+		DB Red 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EC0016"></span>
+		<span class="sg-label">
+			$db-color-red-500 <br>
+			#EC0016
+		</span>
+	</li>
+	<li>
+		DB Red 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C50014"></span>
+		<span class="sg-label">
+			$db-color-red-600 <br>
+			#C50014
+		</span>
+	</li>
+	<li>
+		DB Red 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9B000E"></span>
+		<span class="sg-label">
+			$db-color-red-700 <br>
+			#9B000E
+		</span>
+	</li>
+	<li>
+		DB Red 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #740009"></span>
+		<span class="sg-label">
+			$db-color-red-800 <br>
+			#740009
+		</span>
+	</li>
+	<li>
+		DB Burgundy 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F4E8ED"></span>
+		<span class="sg-label">
+			$db-color-burgundy-100 <br>
+			#F4E8ED
+		</span>
+	</li>
+	<li>
+		DB Burgundy 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EDCBD6"></span>
+		<span class="sg-label">
+			$db-color-burgundy-200 <br>
+			#EDCBD6
+		</span>
+	</li>
+	<li>
+		DB Burgundy 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #DA9AA8"></span>
+		<span class="sg-label">
+			$db-color-burgundy-300 <br>
+			#DA9AA8
+		</span>
+	</li>
+	<li>
+		DB Burgundy 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C0687B"></span>
+		<span class="sg-label">
+			$db-color-burgundy-400 <br>
+			#C0687B
+		</span>
+	</li>
+	<li>
+		DB Burgundy 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #A9455D"></span>
+		<span class="sg-label">
+			$db-color-burgundy-500 <br>
+			#A9455D
+		</span>
+	</li>
+	<li>
+		DB Burgundy 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #8C2E46"></span>
+		<span class="sg-label">
+			$db-color-burgundy-600 <br>
+			#8C2E46
+		</span>
+	</li>
+	<li>
+		DB Burgundy 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #641E32"></span>
+		<span class="sg-label">
+			$db-color-burgundy-700 <br>
+			#641E32
+		</span>
+	</li>
+	<li>
+		DB Burgundy 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #4D0820"></span>
+		<span class="sg-label">
+			$db-color-burgundy-800 <br>
+			#4D0820
+		</span>
+	</li>
+	<li>
+		DB Pink 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FDEEF8"></span>
+		<span class="sg-label">
+			$db-color-pink-100 <br>
+			#FDEEF8
+		</span>
+	</li>
+	<li>
+		DB Pink 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F9D2E5"></span>
+		<span class="sg-label">
+			$db-color-pink-200 <br>
+			#F9D2E5
+		</span>
+	</li>
+	<li>
+		DB Pink 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F4AECE"></span>
+		<span class="sg-label">
+			$db-color-pink-300 <br>
+			#F4AECE
+		</span>
+	</li>
+	<li>
+		DB Pink 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EE7BAE"></span>
+		<span class="sg-label">
+			$db-color-pink-400 <br>
+			#EE7BAE
+		</span>
+	</li>
+	<li>
+		DB Pink 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E93E8F"></span>
+		<span class="sg-label">
+			$db-color-pink-500 <br>
+			#E93E8F
+		</span>
+	</li>
+	<li>
+		DB Pink 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #DB0078"></span>
+		<span class="sg-label">
+			$db-color-pink-600 <br>
+			#DB0078
+		</span>
+	</li>
+	<li>
+		DB Pink 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #B80065"></span>
+		<span class="sg-label">
+			$db-color-pink-700 <br>
+			#B80065
+		</span>
+	</li>
+	<li>
+		DB Pink 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #970052"></span>
+		<span class="sg-label">
+			$db-color-pink-800 <br>
+			#970052
+		</span>
+	</li>
+	<li>
+		DB Violett 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F4EEFA"></span>
+		<span class="sg-label">
+			$db-color-violett-100 <br>
+			#F4EEFA
+		</span>
+	</li>
+	<li>
+		DB Violett 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E0CDE4"></span>
+		<span class="sg-label">
+			$db-color-violett-200 <br>
+			#E0CDE4
+		</span>
+	</li>
+	<li>
+		DB Violett 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C2A1C7"></span>
+		<span class="sg-label">
+			$db-color-violett-300 <br>
+			#C2A1C7
+		</span>
+	</li>
+	<li>
+		DB Violett 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9A6CA6"></span>
+		<span class="sg-label">
+			$db-color-violett-400 <br>
+			#9A6CA6
+		</span>
+	</li>
+	<li>
+		DB Violett 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #814997"></span>
+		<span class="sg-label">
+			$db-color-violett-500 <br>
+			#814997
+		</span>
+	</li>
+	<li>
+		DB Violett 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #6E368C"></span>
+		<span class="sg-label">
+			$db-color-violett-600 <br>
+			#6E368C
+		</span>
+	</li>
+	<li>
+		DB Violett 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #581D70"></span>
+		<span class="sg-label">
+			$db-color-violett-700 <br>
+			#581D70
+		</span>
+	</li>
+	<li>
+		DB Violett 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #421857"></span>
+		<span class="sg-label">
+			$db-color-violett-800 <br>
+			#421857
+		</span>
+	</li>
+	<li>
+		DB Blue 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E0EFFB"></span>
+		<span class="sg-label">
+			$db-color-blue-100 <br>
+			#E0EFFB
+		</span>
+	</li>
+	<li>
+		DB Blue 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #B4D5F6"></span>
+		<span class="sg-label">
+			$db-color-blue-200 <br>
+			#B4D5F6
+		</span>
+	</li>
+	<li>
+		DB Blue 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #73AEF4"></span>
+		<span class="sg-label">
+			$db-color-blue-300 <br>
+			#73AEF4
+		</span>
+	</li>
+	<li>
+		DB Blue 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #347DE0"></span>
+		<span class="sg-label">
+			$db-color-blue-400 <br>
+			#347DE0
+		</span>
+	</li>
+	<li>
+		DB Blue 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #1455C0"></span>
+		<span class="sg-label">
+			$db-color-blue-500 <br>
+			#1455C0
+		</span>
+	</li>
+	<li>
+		DB Blue 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0C3992"></span>
+		<span class="sg-label">
+			$db-color-blue-600 <br>
+			#0C3992
+		</span>
+	</li>
+	<li>
+		DB Blue 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0A1E6E"></span>
+		<span class="sg-label">
+			$db-color-blue-700 <br>
+			#0A1E6E
+		</span>
+	</li>
+	<li>
+		DB Blue 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #061350"></span>
+		<span class="sg-label">
+			$db-color-blue-800 <br>
+			#061350
+		</span>
+	</li>
+	<li>
+		DB Cyan 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E5FAFF"></span>
+		<span class="sg-label">
+			$db-color-cyan-100 <br>
+			#E5FAFF
+		</span>
+	</li>
+	<li>
+		DB Cyan 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BBE6F8"></span>
+		<span class="sg-label">
+			$db-color-cyan-200 <br>
+			#BBE6F8
+		</span>
+	</li>
+	<li>
+		DB Cyan 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #84CFEF"></span>
+		<span class="sg-label">
+			$db-color-cyan-300 <br>
+			#84CFEF
+		</span>
+	</li>
+	<li>
+		DB Cyan 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #55B9E6"></span>
+		<span class="sg-label">
+			$db-color-cyan-400 <br>
+			#55B9E6
+		</span>
+	</li>
+	<li>
+		DB Cyan 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #309FD1"></span>
+		<span class="sg-label">
+			$db-color-cyan-500 <br>
+			#309FD1
+		</span>
+	</li>
+	<li>
+		DB Cyan 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0087B9"></span>
+		<span class="sg-label">
+			$db-color-cyan-600 <br>
+			#0087B9
+		</span>
+	</li>
+	<li>
+		DB Cyan 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #006A96"></span>
+		<span class="sg-label">
+			$db-color-cyan-700 <br>
+			#006A96
+		</span>
+	</li>
+	<li>
+		DB Cyan 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #004B6D"></span>
+		<span class="sg-label">
+			$db-color-cyan-800 <br>
+			#004B6D
+		</span>
+	</li>
+	<li>
+		DB Turquoise 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E3F5F4"></span>
+		<span class="sg-label">
+			$db-color-turquoise-100 <br>
+			#E3F5F4
+		</span>
+	</li>
+	<li>
+		DB Turquoise 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BEE2E5"></span>
+		<span class="sg-label">
+			$db-color-turquoise-200 <br>
+			#BEE2E5
+		</span>
+	</li>
+	<li>
+		DB Turquoise 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #83CACA"></span>
+		<span class="sg-label">
+			$db-color-turquoise-300 <br>
+			#83CACA
+		</span>
+	</li>
+	<li>
+		DB Turquoise 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #3CB5AE"></span>
+		<span class="sg-label">
+			$db-color-turquoise-400 <br>
+			#3CB5AE
+		</span>
+	</li>
+	<li>
+		DB Turquoise 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #00A099"></span>
+		<span class="sg-label">
+			$db-color-turquoise-500 <br>
+			#00A099
+		</span>
+	</li>
+	<li>
+		DB Turquoise 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #008984"></span>
+		<span class="sg-label">
+			$db-color-turquoise-600 <br>
+			#008984
+		</span>
+	</li>
+	<li>
+		DB Turquoise 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #006E6B"></span>
+		<span class="sg-label">
+			$db-color-turquoise-700 <br>
+			#006E6B
+		</span>
+	</li>
+	<li>
+		DB Turquoise 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #005752"></span>
+		<span class="sg-label">
+			$db-color-turquoise-800 <br>
+			#005752
+		</span>
+	</li>
+	<li>
+		DB Green 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E2f3E5"></span>
+		<span class="sg-label">
+			$db-color-green-100 <br>
+			#E2f3E5
+		</span>
+	</li>
+	<li>
+		DB Green 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BDDBB9"></span>
+		<span class="sg-label">
+			$db-color-green-200 <br>
+			#BDDBB9
+		</span>
+	</li>
+	<li>
+		DB Green 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #8CBC80"></span>
+		<span class="sg-label">
+			$db-color-green-300 <br>
+			#8CBC80
+		</span>
+	</li>
+	<li>
+		DB Green 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #66A558"></span>
+		<span class="sg-label">
+			$db-color-green-400 <br>
+			#66A558
+		</span>
+	</li>
+	<li>
+		DB Green 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #408335"></span>
+		<span class="sg-label">
+			$db-color-green-500 <br>
+			#408335
+		</span>
+	</li>
+	<li>
+		DB Green 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #2A7230"></span>
+		<span class="sg-label">
+			$db-color-green-600 <br>
+			#2A7230
+		</span>
+	</li>
+	<li>
+		DB Green 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #165C27"></span>
+		<span class="sg-label">
+			$db-color-green-700 <br>
+			#165C27
+		</span>
+	</li>
+	<li>
+		DB Green 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #154A26"></span>
+		<span class="sg-label">
+			$db-color-green-800 <br>
+			#154A26
+		</span>
+	</li>
+	<li>
+		DB Light Green 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EBF7DD"></span>
+		<span class="sg-label">
+			$db-color-light-green-100 <br>
+			#EBF7DD
+		</span>
+	</li>
+	<li>
+		DB Light Green 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C9EB9E"></span>
+		<span class="sg-label">
+			$db-color-light-green-200 <br>
+			#C9EB9E
+		</span>
+	</li>
+	<li>
+		DB Light Green 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9FD45F"></span>
+		<span class="sg-label">
+			$db-color-light-green-300 <br>
+			#9FD45F
+		</span>
+	</li>
+	<li>
+		DB Light Green 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #78BE14"></span>
+		<span class="sg-label">
+			$db-color-light-green-400 <br>
+			#78BE14
+		</span>
+	</li>
+	<li>
+		DB Light Green 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #63A615"></span>
+		<span class="sg-label">
+			$db-color-light-green-500 <br>
+			#63A615
+		</span>
+	</li>
+	<li>
+		DB Light Green 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #508B1B"></span>
+		<span class="sg-label">
+			$db-color-light-green-600 <br>
+			#508B1B
+		</span>
+	</li>
+	<li>
+		DB Light Green 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #44741A"></span>
+		<span class="sg-label">
+			$db-color-light-green-700 <br>
+			#44741A
+		</span>
+	</li>
+	<li>
+		DB Light Green 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #375F15"></span>
+		<span class="sg-label">
+			$db-color-light-green-800 <br>
+			#375F15
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F5F4F1"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-100 <br>
+			#F5F4F1
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #DDDED6"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-200 <br>
+			#DDDED6
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BCBBB2"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-300 <br>
+			#BCBBB2
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9C9A8E"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-400 <br>
+			#9C9A8E
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #858379"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-500 <br>
+			#858379
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #747067"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-600 <br>
+			#747067
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #4F4B41"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-700 <br>
+			#4F4B41
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #38342F"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-800 <br>
+			#38342F
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F0F3F5"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-100 <br>
+			#F0F3F5
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #D7DCE1"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-200 <br>
+			#D7DCE1
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #AFB4BB"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-300 <br>
+			#AFB4BB
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #878C96"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-400 <br>
+			#878C96
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #646973"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-500 <br>
+			#646973
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #3C414B"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-600 <br>
+			#3C414B
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #282D37"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-700 <br>
+			#282D37
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #131821"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-800 <br>
+			#131821
+		</span>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-colors-secondary/base-colors-secondary.rendered.html b/review/refactor-icon-update/patterns/base-colors-secondary/base-colors-secondary.rendered.html
new file mode 100644
index 0000000000..b8c782c0ec
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-colors-secondary/base-colors-secondary.rendered.html
@@ -0,0 +1,1055 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<ul class="sg-colors">
+	<li>
+		DB Yellow 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFFFDC"></span>
+		<span class="sg-label">
+			$db-color-yellow-100 <br>
+			#FFFFDC
+		</span>
+	</li>
+	<li>
+		DB Yellow 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFFFAF"></span>
+		<span class="sg-label">
+			$db-color-yellow-200 <br>
+			#FFFFAF
+		</span>
+	</li>
+	<li>
+		DB Yellow 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFF876"></span>
+		<span class="sg-label">
+			$db-color-yellow-300 <br>
+			#FFF876
+		</span>
+	</li>
+	<li>
+		DB Yellow 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFF000"></span>
+		<span class="sg-label">
+			$db-color-yellow-400 <br>
+			#FFF000
+		</span>
+	</li>
+	<li>
+		DB Yellow 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFD800"></span>
+		<span class="sg-label">
+			$db-color-yellow-500 <br>
+			#FFD800
+		</span>
+	</li>
+	<li>
+		DB Yellow 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFBB00"></span>
+		<span class="sg-label">
+			$db-color-yellow-600 <br>
+			#FFBB00
+		</span>
+	</li>
+	<li>
+		DB Yellow 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FF9B00"></span>
+		<span class="sg-label">
+			$db-color-yellow-700 <br>
+			#FF9B00
+		</span>
+	</li>
+	<li>
+		DB Yellow 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FF7A00"></span>
+		<span class="sg-label">
+			$db-color-yellow-800 <br>
+			#FF7A00
+		</span>
+	</li>
+	<li>
+		DB Orange 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFF4D8"></span>
+		<span class="sg-label">
+			$db-color-orange-100 <br>
+			#FFF4D8
+		</span>
+	</li>
+	<li>
+		DB Orange 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FCE3B4"></span>
+		<span class="sg-label">
+			$db-color-orange-200 <br>
+			#FCE3B4
+		</span>
+	</li>
+	<li>
+		DB Orange 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FACA7F"></span>
+		<span class="sg-label">
+			$db-color-orange-300 <br>
+			#FACA7F
+		</span>
+	</li>
+	<li>
+		DB Orange 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F8AB37"></span>
+		<span class="sg-label">
+			$db-color-orange-400 <br>
+			#F8AB37
+		</span>
+	</li>
+	<li>
+		DB Orange 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F39200"></span>
+		<span class="sg-label">
+			$db-color-orange-500 <br>
+			#F39200
+		</span>
+	</li>
+	<li>
+		DB Orange 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #D77B00"></span>
+		<span class="sg-label">
+			$db-color-orange-600 <br>
+			#D77B00
+		</span>
+	</li>
+	<li>
+		DB Orange 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C05E00"></span>
+		<span class="sg-label">
+			$db-color-orange-700 <br>
+			#C05E00
+		</span>
+	</li>
+	<li>
+		DB Orange 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #A24800"></span>
+		<span class="sg-label">
+			$db-color-orange-800 <br>
+			#A24800
+		</span>
+	</li>
+	<li>
+		DB Red 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #fEE6E6"></span>
+		<span class="sg-label">
+			$db-color-red-100 <br>
+			#fEE6E6
+		</span>
+	</li>
+	<li>
+		DB Red 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FCC8C3"></span>
+		<span class="sg-label">
+			$db-color-red-200 <br>
+			#FCC8C3
+		</span>
+	</li>
+	<li>
+		DB Red 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FA9090"></span>
+		<span class="sg-label">
+			$db-color-red-300 <br>
+			#FA9090
+		</span>
+	</li>
+	<li>
+		DB Red 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F75056"></span>
+		<span class="sg-label">
+			$db-color-red-400 <br>
+			#F75056
+		</span>
+	</li>
+	<li>
+		DB Red 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EC0016"></span>
+		<span class="sg-label">
+			$db-color-red-500 <br>
+			#EC0016
+		</span>
+	</li>
+	<li>
+		DB Red 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C50014"></span>
+		<span class="sg-label">
+			$db-color-red-600 <br>
+			#C50014
+		</span>
+	</li>
+	<li>
+		DB Red 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9B000E"></span>
+		<span class="sg-label">
+			$db-color-red-700 <br>
+			#9B000E
+		</span>
+	</li>
+	<li>
+		DB Red 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #740009"></span>
+		<span class="sg-label">
+			$db-color-red-800 <br>
+			#740009
+		</span>
+	</li>
+	<li>
+		DB Burgundy 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F4E8ED"></span>
+		<span class="sg-label">
+			$db-color-burgundy-100 <br>
+			#F4E8ED
+		</span>
+	</li>
+	<li>
+		DB Burgundy 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EDCBD6"></span>
+		<span class="sg-label">
+			$db-color-burgundy-200 <br>
+			#EDCBD6
+		</span>
+	</li>
+	<li>
+		DB Burgundy 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #DA9AA8"></span>
+		<span class="sg-label">
+			$db-color-burgundy-300 <br>
+			#DA9AA8
+		</span>
+	</li>
+	<li>
+		DB Burgundy 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C0687B"></span>
+		<span class="sg-label">
+			$db-color-burgundy-400 <br>
+			#C0687B
+		</span>
+	</li>
+	<li>
+		DB Burgundy 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #A9455D"></span>
+		<span class="sg-label">
+			$db-color-burgundy-500 <br>
+			#A9455D
+		</span>
+	</li>
+	<li>
+		DB Burgundy 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #8C2E46"></span>
+		<span class="sg-label">
+			$db-color-burgundy-600 <br>
+			#8C2E46
+		</span>
+	</li>
+	<li>
+		DB Burgundy 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #641E32"></span>
+		<span class="sg-label">
+			$db-color-burgundy-700 <br>
+			#641E32
+		</span>
+	</li>
+	<li>
+		DB Burgundy 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #4D0820"></span>
+		<span class="sg-label">
+			$db-color-burgundy-800 <br>
+			#4D0820
+		</span>
+	</li>
+	<li>
+		DB Pink 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FDEEF8"></span>
+		<span class="sg-label">
+			$db-color-pink-100 <br>
+			#FDEEF8
+		</span>
+	</li>
+	<li>
+		DB Pink 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F9D2E5"></span>
+		<span class="sg-label">
+			$db-color-pink-200 <br>
+			#F9D2E5
+		</span>
+	</li>
+	<li>
+		DB Pink 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F4AECE"></span>
+		<span class="sg-label">
+			$db-color-pink-300 <br>
+			#F4AECE
+		</span>
+	</li>
+	<li>
+		DB Pink 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EE7BAE"></span>
+		<span class="sg-label">
+			$db-color-pink-400 <br>
+			#EE7BAE
+		</span>
+	</li>
+	<li>
+		DB Pink 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E93E8F"></span>
+		<span class="sg-label">
+			$db-color-pink-500 <br>
+			#E93E8F
+		</span>
+	</li>
+	<li>
+		DB Pink 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #DB0078"></span>
+		<span class="sg-label">
+			$db-color-pink-600 <br>
+			#DB0078
+		</span>
+	</li>
+	<li>
+		DB Pink 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #B80065"></span>
+		<span class="sg-label">
+			$db-color-pink-700 <br>
+			#B80065
+		</span>
+	</li>
+	<li>
+		DB Pink 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #970052"></span>
+		<span class="sg-label">
+			$db-color-pink-800 <br>
+			#970052
+		</span>
+	</li>
+	<li>
+		DB Violett 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F4EEFA"></span>
+		<span class="sg-label">
+			$db-color-violett-100 <br>
+			#F4EEFA
+		</span>
+	</li>
+	<li>
+		DB Violett 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E0CDE4"></span>
+		<span class="sg-label">
+			$db-color-violett-200 <br>
+			#E0CDE4
+		</span>
+	</li>
+	<li>
+		DB Violett 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C2A1C7"></span>
+		<span class="sg-label">
+			$db-color-violett-300 <br>
+			#C2A1C7
+		</span>
+	</li>
+	<li>
+		DB Violett 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9A6CA6"></span>
+		<span class="sg-label">
+			$db-color-violett-400 <br>
+			#9A6CA6
+		</span>
+	</li>
+	<li>
+		DB Violett 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #814997"></span>
+		<span class="sg-label">
+			$db-color-violett-500 <br>
+			#814997
+		</span>
+	</li>
+	<li>
+		DB Violett 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #6E368C"></span>
+		<span class="sg-label">
+			$db-color-violett-600 <br>
+			#6E368C
+		</span>
+	</li>
+	<li>
+		DB Violett 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #581D70"></span>
+		<span class="sg-label">
+			$db-color-violett-700 <br>
+			#581D70
+		</span>
+	</li>
+	<li>
+		DB Violett 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #421857"></span>
+		<span class="sg-label">
+			$db-color-violett-800 <br>
+			#421857
+		</span>
+	</li>
+	<li>
+		DB Blue 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E0EFFB"></span>
+		<span class="sg-label">
+			$db-color-blue-100 <br>
+			#E0EFFB
+		</span>
+	</li>
+	<li>
+		DB Blue 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #B4D5F6"></span>
+		<span class="sg-label">
+			$db-color-blue-200 <br>
+			#B4D5F6
+		</span>
+	</li>
+	<li>
+		DB Blue 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #73AEF4"></span>
+		<span class="sg-label">
+			$db-color-blue-300 <br>
+			#73AEF4
+		</span>
+	</li>
+	<li>
+		DB Blue 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #347DE0"></span>
+		<span class="sg-label">
+			$db-color-blue-400 <br>
+			#347DE0
+		</span>
+	</li>
+	<li>
+		DB Blue 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #1455C0"></span>
+		<span class="sg-label">
+			$db-color-blue-500 <br>
+			#1455C0
+		</span>
+	</li>
+	<li>
+		DB Blue 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0C3992"></span>
+		<span class="sg-label">
+			$db-color-blue-600 <br>
+			#0C3992
+		</span>
+	</li>
+	<li>
+		DB Blue 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0A1E6E"></span>
+		<span class="sg-label">
+			$db-color-blue-700 <br>
+			#0A1E6E
+		</span>
+	</li>
+	<li>
+		DB Blue 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #061350"></span>
+		<span class="sg-label">
+			$db-color-blue-800 <br>
+			#061350
+		</span>
+	</li>
+	<li>
+		DB Cyan 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E5FAFF"></span>
+		<span class="sg-label">
+			$db-color-cyan-100 <br>
+			#E5FAFF
+		</span>
+	</li>
+	<li>
+		DB Cyan 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BBE6F8"></span>
+		<span class="sg-label">
+			$db-color-cyan-200 <br>
+			#BBE6F8
+		</span>
+	</li>
+	<li>
+		DB Cyan 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #84CFEF"></span>
+		<span class="sg-label">
+			$db-color-cyan-300 <br>
+			#84CFEF
+		</span>
+	</li>
+	<li>
+		DB Cyan 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #55B9E6"></span>
+		<span class="sg-label">
+			$db-color-cyan-400 <br>
+			#55B9E6
+		</span>
+	</li>
+	<li>
+		DB Cyan 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #309FD1"></span>
+		<span class="sg-label">
+			$db-color-cyan-500 <br>
+			#309FD1
+		</span>
+	</li>
+	<li>
+		DB Cyan 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0087B9"></span>
+		<span class="sg-label">
+			$db-color-cyan-600 <br>
+			#0087B9
+		</span>
+	</li>
+	<li>
+		DB Cyan 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #006A96"></span>
+		<span class="sg-label">
+			$db-color-cyan-700 <br>
+			#006A96
+		</span>
+	</li>
+	<li>
+		DB Cyan 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #004B6D"></span>
+		<span class="sg-label">
+			$db-color-cyan-800 <br>
+			#004B6D
+		</span>
+	</li>
+	<li>
+		DB Turquoise 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E3F5F4"></span>
+		<span class="sg-label">
+			$db-color-turquoise-100 <br>
+			#E3F5F4
+		</span>
+	</li>
+	<li>
+		DB Turquoise 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BEE2E5"></span>
+		<span class="sg-label">
+			$db-color-turquoise-200 <br>
+			#BEE2E5
+		</span>
+	</li>
+	<li>
+		DB Turquoise 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #83CACA"></span>
+		<span class="sg-label">
+			$db-color-turquoise-300 <br>
+			#83CACA
+		</span>
+	</li>
+	<li>
+		DB Turquoise 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #3CB5AE"></span>
+		<span class="sg-label">
+			$db-color-turquoise-400 <br>
+			#3CB5AE
+		</span>
+	</li>
+	<li>
+		DB Turquoise 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #00A099"></span>
+		<span class="sg-label">
+			$db-color-turquoise-500 <br>
+			#00A099
+		</span>
+	</li>
+	<li>
+		DB Turquoise 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #008984"></span>
+		<span class="sg-label">
+			$db-color-turquoise-600 <br>
+			#008984
+		</span>
+	</li>
+	<li>
+		DB Turquoise 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #006E6B"></span>
+		<span class="sg-label">
+			$db-color-turquoise-700 <br>
+			#006E6B
+		</span>
+	</li>
+	<li>
+		DB Turquoise 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #005752"></span>
+		<span class="sg-label">
+			$db-color-turquoise-800 <br>
+			#005752
+		</span>
+	</li>
+	<li>
+		DB Green 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E2f3E5"></span>
+		<span class="sg-label">
+			$db-color-green-100 <br>
+			#E2f3E5
+		</span>
+	</li>
+	<li>
+		DB Green 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BDDBB9"></span>
+		<span class="sg-label">
+			$db-color-green-200 <br>
+			#BDDBB9
+		</span>
+	</li>
+	<li>
+		DB Green 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #8CBC80"></span>
+		<span class="sg-label">
+			$db-color-green-300 <br>
+			#8CBC80
+		</span>
+	</li>
+	<li>
+		DB Green 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #66A558"></span>
+		<span class="sg-label">
+			$db-color-green-400 <br>
+			#66A558
+		</span>
+	</li>
+	<li>
+		DB Green 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #408335"></span>
+		<span class="sg-label">
+			$db-color-green-500 <br>
+			#408335
+		</span>
+	</li>
+	<li>
+		DB Green 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #2A7230"></span>
+		<span class="sg-label">
+			$db-color-green-600 <br>
+			#2A7230
+		</span>
+	</li>
+	<li>
+		DB Green 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #165C27"></span>
+		<span class="sg-label">
+			$db-color-green-700 <br>
+			#165C27
+		</span>
+	</li>
+	<li>
+		DB Green 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #154A26"></span>
+		<span class="sg-label">
+			$db-color-green-800 <br>
+			#154A26
+		</span>
+	</li>
+	<li>
+		DB Light Green 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EBF7DD"></span>
+		<span class="sg-label">
+			$db-color-light-green-100 <br>
+			#EBF7DD
+		</span>
+	</li>
+	<li>
+		DB Light Green 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C9EB9E"></span>
+		<span class="sg-label">
+			$db-color-light-green-200 <br>
+			#C9EB9E
+		</span>
+	</li>
+	<li>
+		DB Light Green 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9FD45F"></span>
+		<span class="sg-label">
+			$db-color-light-green-300 <br>
+			#9FD45F
+		</span>
+	</li>
+	<li>
+		DB Light Green 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #78BE14"></span>
+		<span class="sg-label">
+			$db-color-light-green-400 <br>
+			#78BE14
+		</span>
+	</li>
+	<li>
+		DB Light Green 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #63A615"></span>
+		<span class="sg-label">
+			$db-color-light-green-500 <br>
+			#63A615
+		</span>
+	</li>
+	<li>
+		DB Light Green 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #508B1B"></span>
+		<span class="sg-label">
+			$db-color-light-green-600 <br>
+			#508B1B
+		</span>
+	</li>
+	<li>
+		DB Light Green 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #44741A"></span>
+		<span class="sg-label">
+			$db-color-light-green-700 <br>
+			#44741A
+		</span>
+	</li>
+	<li>
+		DB Light Green 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #375F15"></span>
+		<span class="sg-label">
+			$db-color-light-green-800 <br>
+			#375F15
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F5F4F1"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-100 <br>
+			#F5F4F1
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #DDDED6"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-200 <br>
+			#DDDED6
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BCBBB2"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-300 <br>
+			#BCBBB2
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9C9A8E"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-400 <br>
+			#9C9A8E
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #858379"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-500 <br>
+			#858379
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #747067"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-600 <br>
+			#747067
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #4F4B41"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-700 <br>
+			#4F4B41
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #38342F"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-800 <br>
+			#38342F
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F0F3F5"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-100 <br>
+			#F0F3F5
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #D7DCE1"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-200 <br>
+			#D7DCE1
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #AFB4BB"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-300 <br>
+			#AFB4BB
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #878C96"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-400 <br>
+			#878C96
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #646973"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-500 <br>
+			#646973
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #3C414B"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-600 <br>
+			#3C414B
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #282D37"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-700 <br>
+			#282D37
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #131821"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-800 <br>
+			#131821
+		</span>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Secondary","patternPartial":"base-secondary","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":20}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Secondary","patternPartial":"base-secondary","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":20}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-colors-transportation/base-colors-transportation.hbs b/review/refactor-icon-update/patterns/base-colors-transportation/base-colors-transportation.hbs
new file mode 100644
index 0000000000..d4379358e9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-colors-transportation/base-colors-transportation.hbs
@@ -0,0 +1,13 @@
+<ul class="sg-colors">
+	{{#each listItems }}
+	<li>
+		{{ name }}
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: {{ hex }}"></span>
+		<span class="sg-label">
+			{{ scssvariable }} <br>
+			{{ hex }}
+		</span>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-colors-transportation/base-colors-transportation.markup-only.html b/review/refactor-icon-update/patterns/base-colors-transportation/base-colors-transportation.markup-only.html
new file mode 100644
index 0000000000..28fc5d1f57
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-colors-transportation/base-colors-transportation.markup-only.html
@@ -0,0 +1,146 @@
+<ul class="sg-colors">
+	<li>
+		ICE
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #282d37"></span>
+		<span class="sg-label">
+			$db-color-ice: $db-color-cool-gray-700 <br>
+			#282d37
+		</span>
+	</li>
+	<li>
+		IC
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #646973"></span>
+		<span class="sg-label">
+			$db-color-ic: $db-color-cool-gray-500 <br>
+			#646973
+		</span>
+	</li>
+	<li>
+		EC
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #646973"></span>
+		<span class="sg-label">
+			$db-color-ec: $db-color-cool-gray-500 <br>
+			#646973
+		</span>
+	</li>
+	<li>
+		RE
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #878c96"></span>
+		<span class="sg-label">
+			$db-color-re: $db-color-cool-gray-400 <br>
+			#878c96
+		</span>
+	</li>
+	<li>
+		RB
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #afb4bb"></span>
+		<span class="sg-label">
+			$db-color-rb: $db-color-cool-gray-300 <br>
+			#afb4bb
+		</span>
+	</li>
+	<li>
+		S-Bahn
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #408335"></span>
+		<span class="sg-label">
+			$db-color-s-bahn: $db-color-green-500 <br>
+			#408335
+		</span>
+	</li>
+	<li>
+		U-Bahn
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #1455c0"></span>
+		<span class="sg-label">
+			$db-color-u-bahn: $db-color-blue-500 <br>
+			#1455c0
+		</span>
+	</li>
+	<li>
+		Tram
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #a9455d"></span>
+		<span class="sg-label">
+			$db-color-tram: $db-color-burgundy-500 <br>
+			#a9455d
+		</span>
+	</li>
+	<li>
+		Intercity Bus
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #e93e8f"></span>
+		<span class="sg-label">
+			$db-color-intercity-bus: $db-color-pink-500 <br>
+			#e93e8f
+		</span>
+	</li>
+	<li>
+		Bus
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #814997"></span>
+		<span class="sg-label">
+			$db-color-bus: $db-color-violett-500 <br>
+			#814997
+		</span>
+	</li>
+	<li>
+		ship
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #309fd1"></span>
+		<span class="sg-label">
+			$db-color-ship: $db-color-cyan-500 <br>
+			#309fd1
+		</span>
+	</li>
+	<li>
+		plane
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #00a099"></span>
+		<span class="sg-label">
+			$db-color-plane: $db-color-turquoise-500 <br>
+			#00a099
+		</span>
+	</li>
+	<li>
+		taxi
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #ffd800"></span>
+		<span class="sg-label">
+			$db-color-taxi: $db-color-yellow-500 <br>
+			#ffd800
+		</span>
+	</li>
+	<li>
+		carsharing
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #f39200"></span>
+		<span class="sg-label">
+			$db-color-carsharing: $db-color-orange-500 <br>
+			#f39200
+		</span>
+	</li>
+	<li>
+		bikesharing
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #63a615"></span>
+		<span class="sg-label">
+			$db-color-bikesharing: $db-color-light-green-500 <br>
+			#63a615
+		</span>
+	</li>
+	<li>
+		walking
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #d7dce1"></span>
+		<span class="sg-label">
+			$db-color-walking: $db-color-cool-gray-200 <br>
+			#d7dce1
+		</span>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-colors-transportation/base-colors-transportation.rendered.html b/review/refactor-icon-update/patterns/base-colors-transportation/base-colors-transportation.rendered.html
new file mode 100644
index 0000000000..6c571a6b00
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-colors-transportation/base-colors-transportation.rendered.html
@@ -0,0 +1,263 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<ul class="sg-colors">
+	<li>
+		ICE
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #282d37"></span>
+		<span class="sg-label">
+			$db-color-ice: $db-color-cool-gray-700 <br>
+			#282d37
+		</span>
+	</li>
+	<li>
+		IC
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #646973"></span>
+		<span class="sg-label">
+			$db-color-ic: $db-color-cool-gray-500 <br>
+			#646973
+		</span>
+	</li>
+	<li>
+		EC
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #646973"></span>
+		<span class="sg-label">
+			$db-color-ec: $db-color-cool-gray-500 <br>
+			#646973
+		</span>
+	</li>
+	<li>
+		RE
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #878c96"></span>
+		<span class="sg-label">
+			$db-color-re: $db-color-cool-gray-400 <br>
+			#878c96
+		</span>
+	</li>
+	<li>
+		RB
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #afb4bb"></span>
+		<span class="sg-label">
+			$db-color-rb: $db-color-cool-gray-300 <br>
+			#afb4bb
+		</span>
+	</li>
+	<li>
+		S-Bahn
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #408335"></span>
+		<span class="sg-label">
+			$db-color-s-bahn: $db-color-green-500 <br>
+			#408335
+		</span>
+	</li>
+	<li>
+		U-Bahn
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #1455c0"></span>
+		<span class="sg-label">
+			$db-color-u-bahn: $db-color-blue-500 <br>
+			#1455c0
+		</span>
+	</li>
+	<li>
+		Tram
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #a9455d"></span>
+		<span class="sg-label">
+			$db-color-tram: $db-color-burgundy-500 <br>
+			#a9455d
+		</span>
+	</li>
+	<li>
+		Intercity Bus
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #e93e8f"></span>
+		<span class="sg-label">
+			$db-color-intercity-bus: $db-color-pink-500 <br>
+			#e93e8f
+		</span>
+	</li>
+	<li>
+		Bus
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #814997"></span>
+		<span class="sg-label">
+			$db-color-bus: $db-color-violett-500 <br>
+			#814997
+		</span>
+	</li>
+	<li>
+		ship
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #309fd1"></span>
+		<span class="sg-label">
+			$db-color-ship: $db-color-cyan-500 <br>
+			#309fd1
+		</span>
+	</li>
+	<li>
+		plane
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #00a099"></span>
+		<span class="sg-label">
+			$db-color-plane: $db-color-turquoise-500 <br>
+			#00a099
+		</span>
+	</li>
+	<li>
+		taxi
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #ffd800"></span>
+		<span class="sg-label">
+			$db-color-taxi: $db-color-yellow-500 <br>
+			#ffd800
+		</span>
+	</li>
+	<li>
+		carsharing
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #f39200"></span>
+		<span class="sg-label">
+			$db-color-carsharing: $db-color-orange-500 <br>
+			#f39200
+		</span>
+	</li>
+	<li>
+		bikesharing
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #63a615"></span>
+		<span class="sg-label">
+			$db-color-bikesharing: $db-color-light-green-500 <br>
+			#63a615
+		</span>
+	</li>
+	<li>
+		walking
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #d7dce1"></span>
+		<span class="sg-label">
+			$db-color-walking: $db-color-cool-gray-200 <br>
+			#d7dce1
+		</span>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Transport","patternPartial":"base-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":50}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Transport","patternPartial":"base-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":50}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-colors/index.html b/review/refactor-icon-update/patterns/base-colors/index.html
new file mode 100644
index 0000000000..4ab0567a3b
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-colors/index.html
@@ -0,0 +1,1617 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-base-colors" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/base-colors&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-base-colors">Colors</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h1>Source</h1>
+<p>We're using the colors provided by our other product <a href="https://db-ui.github.io/base/">DB UI Base</a>, by which Design tokens are being provided.</p>
+<h2>Accessibility</h2>
+<p>Please have a look at the related page within the Marketingportal for more information as well: <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Farbe">https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Farbe</a></p>
+<h3>Criteria</h3>
+<h4>WCAG 2.1 (Level AA)</h4>
+<p>The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following:</p>
+<h4>Large Text</h4>
+<p>Large-scale text and images of large-scale text have a contrast ratio of at least 3:1</p>
+<h3>DB color palette for InDesign, Illustrator and Photoshop</h3>
+<p>A file containing the Deutsche Bahn color palette for Adobe InDesign, Adobe Illustrator or Adobe Photoshop is provided by the <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Farbe">DB Marketingportal</a>.</p>
+<h3>Inspirational external sources for this pattern</h3>
+<ul>
+<li><a href="https://spectrum.adobe.com/page/color/">https://spectrum.adobe.com/page/color/</a> &amp; <a href="https://opensource.adobe.com/spectrum-css/components/vars/spectrum-light.css">https://opensource.adobe.com/spectrum-css/components/vars/spectrum-light.css</a></li>
+</ul>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="base-primary" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-colors-primary&#x2F;base-colors-primary.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-primary" title="Link to Pattern">
+						Marketingportal Brand Colors - Primary
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-primary" data-patternpartial="base-primary" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-primary">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="sg-colors">
+	<li>
+		DB Red
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #ec0016"></span>
+		<span class="sg-label">
+			$db-color-red <br>
+			#ec0016
+		</span>
+	</li>
+	<li>
+		DB White
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFFFFF"></span>
+		<span class="sg-label">
+			$db-color-white <br>
+			#FFFFFF
+		</span>
+	</li>
+	<li>
+		DB Black
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #000000"></span>
+		<span class="sg-label">
+			$db-color-black <br>
+			#000000
+		</span>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-primary" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Primary","patternPartial":"base-primary","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":10}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-secondary" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-colors-secondary&#x2F;base-colors-secondary.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-secondary" title="Link to Pattern">
+						Marketingportal Brand Colors - Secondary
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-secondary" data-patternpartial="base-secondary" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-secondary">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="sg-colors">
+	<li>
+		DB Yellow 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFFFDC"></span>
+		<span class="sg-label">
+			$db-color-yellow-100 <br>
+			#FFFFDC
+		</span>
+	</li>
+	<li>
+		DB Yellow 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFFFAF"></span>
+		<span class="sg-label">
+			$db-color-yellow-200 <br>
+			#FFFFAF
+		</span>
+	</li>
+	<li>
+		DB Yellow 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFF876"></span>
+		<span class="sg-label">
+			$db-color-yellow-300 <br>
+			#FFF876
+		</span>
+	</li>
+	<li>
+		DB Yellow 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFF000"></span>
+		<span class="sg-label">
+			$db-color-yellow-400 <br>
+			#FFF000
+		</span>
+	</li>
+	<li>
+		DB Yellow 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFD800"></span>
+		<span class="sg-label">
+			$db-color-yellow-500 <br>
+			#FFD800
+		</span>
+	</li>
+	<li>
+		DB Yellow 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFBB00"></span>
+		<span class="sg-label">
+			$db-color-yellow-600 <br>
+			#FFBB00
+		</span>
+	</li>
+	<li>
+		DB Yellow 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FF9B00"></span>
+		<span class="sg-label">
+			$db-color-yellow-700 <br>
+			#FF9B00
+		</span>
+	</li>
+	<li>
+		DB Yellow 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FF7A00"></span>
+		<span class="sg-label">
+			$db-color-yellow-800 <br>
+			#FF7A00
+		</span>
+	</li>
+	<li>
+		DB Orange 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFF4D8"></span>
+		<span class="sg-label">
+			$db-color-orange-100 <br>
+			#FFF4D8
+		</span>
+	</li>
+	<li>
+		DB Orange 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FCE3B4"></span>
+		<span class="sg-label">
+			$db-color-orange-200 <br>
+			#FCE3B4
+		</span>
+	</li>
+	<li>
+		DB Orange 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FACA7F"></span>
+		<span class="sg-label">
+			$db-color-orange-300 <br>
+			#FACA7F
+		</span>
+	</li>
+	<li>
+		DB Orange 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F8AB37"></span>
+		<span class="sg-label">
+			$db-color-orange-400 <br>
+			#F8AB37
+		</span>
+	</li>
+	<li>
+		DB Orange 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F39200"></span>
+		<span class="sg-label">
+			$db-color-orange-500 <br>
+			#F39200
+		</span>
+	</li>
+	<li>
+		DB Orange 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #D77B00"></span>
+		<span class="sg-label">
+			$db-color-orange-600 <br>
+			#D77B00
+		</span>
+	</li>
+	<li>
+		DB Orange 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C05E00"></span>
+		<span class="sg-label">
+			$db-color-orange-700 <br>
+			#C05E00
+		</span>
+	</li>
+	<li>
+		DB Orange 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #A24800"></span>
+		<span class="sg-label">
+			$db-color-orange-800 <br>
+			#A24800
+		</span>
+	</li>
+	<li>
+		DB Red 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #fEE6E6"></span>
+		<span class="sg-label">
+			$db-color-red-100 <br>
+			#fEE6E6
+		</span>
+	</li>
+	<li>
+		DB Red 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FCC8C3"></span>
+		<span class="sg-label">
+			$db-color-red-200 <br>
+			#FCC8C3
+		</span>
+	</li>
+	<li>
+		DB Red 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FA9090"></span>
+		<span class="sg-label">
+			$db-color-red-300 <br>
+			#FA9090
+		</span>
+	</li>
+	<li>
+		DB Red 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F75056"></span>
+		<span class="sg-label">
+			$db-color-red-400 <br>
+			#F75056
+		</span>
+	</li>
+	<li>
+		DB Red 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EC0016"></span>
+		<span class="sg-label">
+			$db-color-red-500 <br>
+			#EC0016
+		</span>
+	</li>
+	<li>
+		DB Red 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C50014"></span>
+		<span class="sg-label">
+			$db-color-red-600 <br>
+			#C50014
+		</span>
+	</li>
+	<li>
+		DB Red 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9B000E"></span>
+		<span class="sg-label">
+			$db-color-red-700 <br>
+			#9B000E
+		</span>
+	</li>
+	<li>
+		DB Red 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #740009"></span>
+		<span class="sg-label">
+			$db-color-red-800 <br>
+			#740009
+		</span>
+	</li>
+	<li>
+		DB Burgundy 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F4E8ED"></span>
+		<span class="sg-label">
+			$db-color-burgundy-100 <br>
+			#F4E8ED
+		</span>
+	</li>
+	<li>
+		DB Burgundy 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EDCBD6"></span>
+		<span class="sg-label">
+			$db-color-burgundy-200 <br>
+			#EDCBD6
+		</span>
+	</li>
+	<li>
+		DB Burgundy 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #DA9AA8"></span>
+		<span class="sg-label">
+			$db-color-burgundy-300 <br>
+			#DA9AA8
+		</span>
+	</li>
+	<li>
+		DB Burgundy 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C0687B"></span>
+		<span class="sg-label">
+			$db-color-burgundy-400 <br>
+			#C0687B
+		</span>
+	</li>
+	<li>
+		DB Burgundy 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #A9455D"></span>
+		<span class="sg-label">
+			$db-color-burgundy-500 <br>
+			#A9455D
+		</span>
+	</li>
+	<li>
+		DB Burgundy 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #8C2E46"></span>
+		<span class="sg-label">
+			$db-color-burgundy-600 <br>
+			#8C2E46
+		</span>
+	</li>
+	<li>
+		DB Burgundy 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #641E32"></span>
+		<span class="sg-label">
+			$db-color-burgundy-700 <br>
+			#641E32
+		</span>
+	</li>
+	<li>
+		DB Burgundy 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #4D0820"></span>
+		<span class="sg-label">
+			$db-color-burgundy-800 <br>
+			#4D0820
+		</span>
+	</li>
+	<li>
+		DB Pink 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FDEEF8"></span>
+		<span class="sg-label">
+			$db-color-pink-100 <br>
+			#FDEEF8
+		</span>
+	</li>
+	<li>
+		DB Pink 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F9D2E5"></span>
+		<span class="sg-label">
+			$db-color-pink-200 <br>
+			#F9D2E5
+		</span>
+	</li>
+	<li>
+		DB Pink 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F4AECE"></span>
+		<span class="sg-label">
+			$db-color-pink-300 <br>
+			#F4AECE
+		</span>
+	</li>
+	<li>
+		DB Pink 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EE7BAE"></span>
+		<span class="sg-label">
+			$db-color-pink-400 <br>
+			#EE7BAE
+		</span>
+	</li>
+	<li>
+		DB Pink 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E93E8F"></span>
+		<span class="sg-label">
+			$db-color-pink-500 <br>
+			#E93E8F
+		</span>
+	</li>
+	<li>
+		DB Pink 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #DB0078"></span>
+		<span class="sg-label">
+			$db-color-pink-600 <br>
+			#DB0078
+		</span>
+	</li>
+	<li>
+		DB Pink 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #B80065"></span>
+		<span class="sg-label">
+			$db-color-pink-700 <br>
+			#B80065
+		</span>
+	</li>
+	<li>
+		DB Pink 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #970052"></span>
+		<span class="sg-label">
+			$db-color-pink-800 <br>
+			#970052
+		</span>
+	</li>
+	<li>
+		DB Violett 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F4EEFA"></span>
+		<span class="sg-label">
+			$db-color-violett-100 <br>
+			#F4EEFA
+		</span>
+	</li>
+	<li>
+		DB Violett 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E0CDE4"></span>
+		<span class="sg-label">
+			$db-color-violett-200 <br>
+			#E0CDE4
+		</span>
+	</li>
+	<li>
+		DB Violett 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C2A1C7"></span>
+		<span class="sg-label">
+			$db-color-violett-300 <br>
+			#C2A1C7
+		</span>
+	</li>
+	<li>
+		DB Violett 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9A6CA6"></span>
+		<span class="sg-label">
+			$db-color-violett-400 <br>
+			#9A6CA6
+		</span>
+	</li>
+	<li>
+		DB Violett 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #814997"></span>
+		<span class="sg-label">
+			$db-color-violett-500 <br>
+			#814997
+		</span>
+	</li>
+	<li>
+		DB Violett 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #6E368C"></span>
+		<span class="sg-label">
+			$db-color-violett-600 <br>
+			#6E368C
+		</span>
+	</li>
+	<li>
+		DB Violett 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #581D70"></span>
+		<span class="sg-label">
+			$db-color-violett-700 <br>
+			#581D70
+		</span>
+	</li>
+	<li>
+		DB Violett 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #421857"></span>
+		<span class="sg-label">
+			$db-color-violett-800 <br>
+			#421857
+		</span>
+	</li>
+	<li>
+		DB Blue 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E0EFFB"></span>
+		<span class="sg-label">
+			$db-color-blue-100 <br>
+			#E0EFFB
+		</span>
+	</li>
+	<li>
+		DB Blue 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #B4D5F6"></span>
+		<span class="sg-label">
+			$db-color-blue-200 <br>
+			#B4D5F6
+		</span>
+	</li>
+	<li>
+		DB Blue 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #73AEF4"></span>
+		<span class="sg-label">
+			$db-color-blue-300 <br>
+			#73AEF4
+		</span>
+	</li>
+	<li>
+		DB Blue 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #347DE0"></span>
+		<span class="sg-label">
+			$db-color-blue-400 <br>
+			#347DE0
+		</span>
+	</li>
+	<li>
+		DB Blue 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #1455C0"></span>
+		<span class="sg-label">
+			$db-color-blue-500 <br>
+			#1455C0
+		</span>
+	</li>
+	<li>
+		DB Blue 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0C3992"></span>
+		<span class="sg-label">
+			$db-color-blue-600 <br>
+			#0C3992
+		</span>
+	</li>
+	<li>
+		DB Blue 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0A1E6E"></span>
+		<span class="sg-label">
+			$db-color-blue-700 <br>
+			#0A1E6E
+		</span>
+	</li>
+	<li>
+		DB Blue 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #061350"></span>
+		<span class="sg-label">
+			$db-color-blue-800 <br>
+			#061350
+		</span>
+	</li>
+	<li>
+		DB Cyan 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E5FAFF"></span>
+		<span class="sg-label">
+			$db-color-cyan-100 <br>
+			#E5FAFF
+		</span>
+	</li>
+	<li>
+		DB Cyan 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BBE6F8"></span>
+		<span class="sg-label">
+			$db-color-cyan-200 <br>
+			#BBE6F8
+		</span>
+	</li>
+	<li>
+		DB Cyan 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #84CFEF"></span>
+		<span class="sg-label">
+			$db-color-cyan-300 <br>
+			#84CFEF
+		</span>
+	</li>
+	<li>
+		DB Cyan 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #55B9E6"></span>
+		<span class="sg-label">
+			$db-color-cyan-400 <br>
+			#55B9E6
+		</span>
+	</li>
+	<li>
+		DB Cyan 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #309FD1"></span>
+		<span class="sg-label">
+			$db-color-cyan-500 <br>
+			#309FD1
+		</span>
+	</li>
+	<li>
+		DB Cyan 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0087B9"></span>
+		<span class="sg-label">
+			$db-color-cyan-600 <br>
+			#0087B9
+		</span>
+	</li>
+	<li>
+		DB Cyan 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #006A96"></span>
+		<span class="sg-label">
+			$db-color-cyan-700 <br>
+			#006A96
+		</span>
+	</li>
+	<li>
+		DB Cyan 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #004B6D"></span>
+		<span class="sg-label">
+			$db-color-cyan-800 <br>
+			#004B6D
+		</span>
+	</li>
+	<li>
+		DB Turquoise 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E3F5F4"></span>
+		<span class="sg-label">
+			$db-color-turquoise-100 <br>
+			#E3F5F4
+		</span>
+	</li>
+	<li>
+		DB Turquoise 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BEE2E5"></span>
+		<span class="sg-label">
+			$db-color-turquoise-200 <br>
+			#BEE2E5
+		</span>
+	</li>
+	<li>
+		DB Turquoise 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #83CACA"></span>
+		<span class="sg-label">
+			$db-color-turquoise-300 <br>
+			#83CACA
+		</span>
+	</li>
+	<li>
+		DB Turquoise 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #3CB5AE"></span>
+		<span class="sg-label">
+			$db-color-turquoise-400 <br>
+			#3CB5AE
+		</span>
+	</li>
+	<li>
+		DB Turquoise 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #00A099"></span>
+		<span class="sg-label">
+			$db-color-turquoise-500 <br>
+			#00A099
+		</span>
+	</li>
+	<li>
+		DB Turquoise 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #008984"></span>
+		<span class="sg-label">
+			$db-color-turquoise-600 <br>
+			#008984
+		</span>
+	</li>
+	<li>
+		DB Turquoise 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #006E6B"></span>
+		<span class="sg-label">
+			$db-color-turquoise-700 <br>
+			#006E6B
+		</span>
+	</li>
+	<li>
+		DB Turquoise 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #005752"></span>
+		<span class="sg-label">
+			$db-color-turquoise-800 <br>
+			#005752
+		</span>
+	</li>
+	<li>
+		DB Green 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E2f3E5"></span>
+		<span class="sg-label">
+			$db-color-green-100 <br>
+			#E2f3E5
+		</span>
+	</li>
+	<li>
+		DB Green 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BDDBB9"></span>
+		<span class="sg-label">
+			$db-color-green-200 <br>
+			#BDDBB9
+		</span>
+	</li>
+	<li>
+		DB Green 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #8CBC80"></span>
+		<span class="sg-label">
+			$db-color-green-300 <br>
+			#8CBC80
+		</span>
+	</li>
+	<li>
+		DB Green 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #66A558"></span>
+		<span class="sg-label">
+			$db-color-green-400 <br>
+			#66A558
+		</span>
+	</li>
+	<li>
+		DB Green 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #408335"></span>
+		<span class="sg-label">
+			$db-color-green-500 <br>
+			#408335
+		</span>
+	</li>
+	<li>
+		DB Green 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #2A7230"></span>
+		<span class="sg-label">
+			$db-color-green-600 <br>
+			#2A7230
+		</span>
+	</li>
+	<li>
+		DB Green 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #165C27"></span>
+		<span class="sg-label">
+			$db-color-green-700 <br>
+			#165C27
+		</span>
+	</li>
+	<li>
+		DB Green 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #154A26"></span>
+		<span class="sg-label">
+			$db-color-green-800 <br>
+			#154A26
+		</span>
+	</li>
+	<li>
+		DB Light Green 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EBF7DD"></span>
+		<span class="sg-label">
+			$db-color-light-green-100 <br>
+			#EBF7DD
+		</span>
+	</li>
+	<li>
+		DB Light Green 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C9EB9E"></span>
+		<span class="sg-label">
+			$db-color-light-green-200 <br>
+			#C9EB9E
+		</span>
+	</li>
+	<li>
+		DB Light Green 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9FD45F"></span>
+		<span class="sg-label">
+			$db-color-light-green-300 <br>
+			#9FD45F
+		</span>
+	</li>
+	<li>
+		DB Light Green 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #78BE14"></span>
+		<span class="sg-label">
+			$db-color-light-green-400 <br>
+			#78BE14
+		</span>
+	</li>
+	<li>
+		DB Light Green 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #63A615"></span>
+		<span class="sg-label">
+			$db-color-light-green-500 <br>
+			#63A615
+		</span>
+	</li>
+	<li>
+		DB Light Green 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #508B1B"></span>
+		<span class="sg-label">
+			$db-color-light-green-600 <br>
+			#508B1B
+		</span>
+	</li>
+	<li>
+		DB Light Green 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #44741A"></span>
+		<span class="sg-label">
+			$db-color-light-green-700 <br>
+			#44741A
+		</span>
+	</li>
+	<li>
+		DB Light Green 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #375F15"></span>
+		<span class="sg-label">
+			$db-color-light-green-800 <br>
+			#375F15
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F5F4F1"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-100 <br>
+			#F5F4F1
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #DDDED6"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-200 <br>
+			#DDDED6
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BCBBB2"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-300 <br>
+			#BCBBB2
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9C9A8E"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-400 <br>
+			#9C9A8E
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #858379"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-500 <br>
+			#858379
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #747067"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-600 <br>
+			#747067
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #4F4B41"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-700 <br>
+			#4F4B41
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #38342F"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-800 <br>
+			#38342F
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F0F3F5"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-100 <br>
+			#F0F3F5
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #D7DCE1"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-200 <br>
+			#D7DCE1
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #AFB4BB"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-300 <br>
+			#AFB4BB
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #878C96"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-400 <br>
+			#878C96
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #646973"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-500 <br>
+			#646973
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #3C414B"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-600 <br>
+			#3C414B
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #282D37"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-700 <br>
+			#282D37
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #131821"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-800 <br>
+			#131821
+		</span>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-secondary" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Secondary","patternPartial":"base-secondary","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":20}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-feedback" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-colors-feedback&#x2F;base-colors-feedback.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-feedback" title="Link to Pattern">
+						Marketingportal Brand Colors - Feedback
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-feedback" data-patternpartial="base-feedback" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-feedback">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="sg-colors">
+	<li>
+		DB Success
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #508B1B"></span>
+		<span class="sg-label">
+			$db-color-success: $db-color-light-green-600 <br>
+			#508B1B
+		</span>
+	</li>
+	<li>
+		DB Error
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EC0016"></span>
+		<span class="sg-label">
+			$db-color-error: $db-color-red-500 <br>
+			#EC0016
+		</span>
+	</li>
+	<li>
+		DB Informative
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0087b9"></span>
+		<span class="sg-label">
+			$db-color-error: $db-color-cyan-600 <br>
+			#0087b9
+		</span>
+	</li>
+	<li>
+		DB Warning
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #f75f00"></span>
+		<span class="sg-label">
+			$db-color-error: $db-color-yellow-900 <br>
+			#f75f00
+		</span>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-feedback" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Feedback","patternPartial":"base-feedback","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":30}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-poi" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-colors-poi&#x2F;base-colors-poi.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-poi" title="Link to Pattern">
+						Marketingportal Brand Colors - POI
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-poi" data-patternpartial="base-poi" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-poi">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="sg-colors">
+	<li>
+		food &amp; drink
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #f39200"></span>
+		<span class="sg-label">
+			$db-color-food-drink: $db-color-orange-500 <br>
+			#f39200
+		</span>
+	</li>
+	<li>
+		health
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #a9455d"></span>
+		<span class="sg-label">
+			$db-color-health: $db-color-burgundy-500 <br>
+			#a9455d
+		</span>
+	</li>
+	<li>
+		things to know
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #858379"></span>
+		<span class="sg-label">
+			$db-color-things-to-know: $db-color-warm-gray-500 <br>
+			#858379
+		</span>
+	</li>
+	<li>
+		community facilities
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #00a099"></span>
+		<span class="sg-label">
+			$db-color-community-facilities: $db-color-turquoise-500 <br>
+			#00a099
+		</span>
+	</li>
+	<li>
+		DB services &amp; facilities
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0c3992"></span>
+		<span class="sg-label">
+			$db-color-db-services-facilities: $db-color-blue-600 <br>
+			#0c3992
+		</span>
+	</li>
+	<li>
+		shopping
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #814997"></span>
+		<span class="sg-label">
+			$db-color-shopping: $db-color-violett-500 <br>
+			#814997
+		</span>
+	</li>
+	<li>
+		arts &amp; culture
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #e93e8f"></span>
+		<span class="sg-label">
+			$db-color-arts-culture: $db-color-pink-500 <br>
+			#e93e8f
+		</span>
+	</li>
+	<li>
+		leisure
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #408335"></span>
+		<span class="sg-label">
+			$db-color-leisure: $db-color-green-500 <br>
+			#408335
+		</span>
+	</li>
+	<li>
+		services
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #309fd1"></span>
+		<span class="sg-label">
+			$db-color-services: $db-color-cyan-500 <br>
+			#309fd1
+		</span>
+	</li>
+	<li>
+		guidance
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #3c414b"></span>
+		<span class="sg-label">
+			$db-color-guidance: $db-color-cool-gray-600 <br>
+			#3c414b
+		</span>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-poi" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - POI","patternPartial":"base-poi","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":40}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-colors-transportation&#x2F;base-colors-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-transportation" title="Link to Pattern">
+						Marketingportal Brand Colors - Transport
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-transportation" data-patternpartial="base-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="sg-colors">
+	<li>
+		ICE
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #282d37"></span>
+		<span class="sg-label">
+			$db-color-ice: $db-color-cool-gray-700 <br>
+			#282d37
+		</span>
+	</li>
+	<li>
+		IC
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #646973"></span>
+		<span class="sg-label">
+			$db-color-ic: $db-color-cool-gray-500 <br>
+			#646973
+		</span>
+	</li>
+	<li>
+		EC
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #646973"></span>
+		<span class="sg-label">
+			$db-color-ec: $db-color-cool-gray-500 <br>
+			#646973
+		</span>
+	</li>
+	<li>
+		RE
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #878c96"></span>
+		<span class="sg-label">
+			$db-color-re: $db-color-cool-gray-400 <br>
+			#878c96
+		</span>
+	</li>
+	<li>
+		RB
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #afb4bb"></span>
+		<span class="sg-label">
+			$db-color-rb: $db-color-cool-gray-300 <br>
+			#afb4bb
+		</span>
+	</li>
+	<li>
+		S-Bahn
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #408335"></span>
+		<span class="sg-label">
+			$db-color-s-bahn: $db-color-green-500 <br>
+			#408335
+		</span>
+	</li>
+	<li>
+		U-Bahn
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #1455c0"></span>
+		<span class="sg-label">
+			$db-color-u-bahn: $db-color-blue-500 <br>
+			#1455c0
+		</span>
+	</li>
+	<li>
+		Tram
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #a9455d"></span>
+		<span class="sg-label">
+			$db-color-tram: $db-color-burgundy-500 <br>
+			#a9455d
+		</span>
+	</li>
+	<li>
+		Intercity Bus
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #e93e8f"></span>
+		<span class="sg-label">
+			$db-color-intercity-bus: $db-color-pink-500 <br>
+			#e93e8f
+		</span>
+	</li>
+	<li>
+		Bus
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #814997"></span>
+		<span class="sg-label">
+			$db-color-bus: $db-color-violett-500 <br>
+			#814997
+		</span>
+	</li>
+	<li>
+		ship
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #309fd1"></span>
+		<span class="sg-label">
+			$db-color-ship: $db-color-cyan-500 <br>
+			#309fd1
+		</span>
+	</li>
+	<li>
+		plane
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #00a099"></span>
+		<span class="sg-label">
+			$db-color-plane: $db-color-turquoise-500 <br>
+			#00a099
+		</span>
+	</li>
+	<li>
+		taxi
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #ffd800"></span>
+		<span class="sg-label">
+			$db-color-taxi: $db-color-yellow-500 <br>
+			#ffd800
+		</span>
+	</li>
+	<li>
+		carsharing
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #f39200"></span>
+		<span class="sg-label">
+			$db-color-carsharing: $db-color-orange-500 <br>
+			#f39200
+		</span>
+	</li>
+	<li>
+		bikesharing
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #63a615"></span>
+		<span class="sg-label">
+			$db-color-bikesharing: $db-color-light-green-500 <br>
+			#63a615
+		</span>
+	</li>
+	<li>
+		walking
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #d7dce1"></span>
+		<span class="sg-label">
+			$db-color-walking: $db-color-cool-gray-200 <br>
+			#d7dce1
+		</span>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Transport","patternPartial":"base-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":50}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-base-colors"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-base-colors"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-action/base-icons-icon-library-16-filled-action.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-action/base-icons-icon-library-16-filled-action.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-action/base-icons-icon-library-16-filled-action.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-action/base-icons-icon-library-16-filled-action.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-action/base-icons-icon-library-16-filled-action.markup-only.html
new file mode 100644
index 0000000000..6a1bf5c825
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-action/base-icons-icon-library-16-filled-action.markup-only.html
@@ -0,0 +1,21 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="check-circle" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-action/base-icons-icon-library-16-filled-action.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-action/base-icons-icon-library-16-filled-action.rendered.html
new file mode 100644
index 0000000000..2f8c550375
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-action/base-icons-icon-library-16-filled-action.rendered.html
@@ -0,0 +1,138 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="check-circle" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Filled - Action","patternPartial":"base-icon-library-16-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Filled - Action","patternPartial":"base-icon-library-16-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-navigation/base-icons-icon-library-16-filled-navigation.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-navigation/base-icons-icon-library-16-filled-navigation.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-navigation/base-icons-icon-library-16-filled-navigation.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-navigation/base-icons-icon-library-16-filled-navigation.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-navigation/base-icons-icon-library-16-filled-navigation.markup-only.html
new file mode 100644
index 0000000000..11e968c05a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-navigation/base-icons-icon-library-16-filled-navigation.markup-only.html
@@ -0,0 +1,9 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-navigation/base-icons-icon-library-16-filled-navigation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-navigation/base-icons-icon-library-16-filled-navigation.rendered.html
new file mode 100644
index 0000000000..2f4da68458
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-navigation/base-icons-icon-library-16-filled-navigation.rendered.html
@@ -0,0 +1,126 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Filled - Navigation","patternPartial":"base-icon-library-16-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Filled - Navigation","patternPartial":"base-icon-library-16-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-notification/base-icons-icon-library-16-filled-notification.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-notification/base-icons-icon-library-16-filled-notification.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-notification/base-icons-icon-library-16-filled-notification.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-notification/base-icons-icon-library-16-filled-notification.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-notification/base-icons-icon-library-16-filled-notification.markup-only.html
new file mode 100644
index 0000000000..0d4c0203bd
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-notification/base-icons-icon-library-16-filled-notification.markup-only.html
@@ -0,0 +1,15 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-notification/base-icons-icon-library-16-filled-notification.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-notification/base-icons-icon-library-16-filled-notification.rendered.html
new file mode 100644
index 0000000000..6bf6e28030
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-16-filled-notification/base-icons-icon-library-16-filled-notification.rendered.html
@@ -0,0 +1,132 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Filled - Notification","patternPartial":"base-icon-library-16-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Filled - Notification","patternPartial":"base-icon-library-16-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-action/base-icons-icon-library-16-outline-action.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-action/base-icons-icon-library-16-outline-action.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-action/base-icons-icon-library-16-outline-action.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-action/base-icons-icon-library-16-outline-action.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-action/base-icons-icon-library-16-outline-action.markup-only.html
new file mode 100644
index 0000000000..de65696cee
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-action/base-icons-icon-library-16-outline-action.markup-only.html
@@ -0,0 +1,21 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="add" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="add" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="done" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-action/base-icons-icon-library-16-outline-action.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-action/base-icons-icon-library-16-outline-action.rendered.html
new file mode 100644
index 0000000000..42113d397e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-action/base-icons-icon-library-16-outline-action.rendered.html
@@ -0,0 +1,138 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="add" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="add" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="done" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Outline - Action","patternPartial":"base-icon-library-16-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Outline - Action","patternPartial":"base-icon-library-16-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-navigation/base-icons-icon-library-16-outline-navigation.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-navigation/base-icons-icon-library-16-outline-navigation.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-navigation/base-icons-icon-library-16-outline-navigation.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-navigation/base-icons-icon-library-16-outline-navigation.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-navigation/base-icons-icon-library-16-outline-navigation.markup-only.html
new file mode 100644
index 0000000000..ee99298edc
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-navigation/base-icons-icon-library-16-outline-navigation.markup-only.html
@@ -0,0 +1,57 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="close" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-navigation/base-icons-icon-library-16-outline-navigation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-navigation/base-icons-icon-library-16-outline-navigation.rendered.html
new file mode 100644
index 0000000000..9be647ae21
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-16-outline-navigation/base-icons-icon-library-16-outline-navigation.rendered.html
@@ -0,0 +1,174 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="close" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Outline - Navigation","patternPartial":"base-icon-library-16-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Outline - Navigation","patternPartial":"base-icon-library-16-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-action/base-icons-icon-library-20-filled-action.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-action/base-icons-icon-library-20-filled-action.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-action/base-icons-icon-library-20-filled-action.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-action/base-icons-icon-library-20-filled-action.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-action/base-icons-icon-library-20-filled-action.markup-only.html
new file mode 100644
index 0000000000..6f3e284c11
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-action/base-icons-icon-library-20-filled-action.markup-only.html
@@ -0,0 +1,213 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="account" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="block" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="build" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="copy" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="credit-card" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="dashboard" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="discount" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="edit" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="folder" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="folder-open" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="generic-card" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="image" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="lock-close" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="lock-open" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="print" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="resize" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="save" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="schedule" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="sepa" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="voucher" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-action/base-icons-icon-library-20-filled-action.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-action/base-icons-icon-library-20-filled-action.rendered.html
new file mode 100644
index 0000000000..8cf144196b
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-action/base-icons-icon-library-20-filled-action.rendered.html
@@ -0,0 +1,330 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="account" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="block" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="build" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="copy" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="credit-card" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="dashboard" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="discount" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="edit" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="folder" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="folder-open" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="generic-card" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="image" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="lock-close" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="lock-open" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="print" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="resize" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="save" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="schedule" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="sepa" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="voucher" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Action","patternPartial":"base-icon-library-20-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Action","patternPartial":"base-icon-library-20-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-av/base-icons-icon-library-20-filled-av.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-av/base-icons-icon-library-20-filled-av.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-av/base-icons-icon-library-20-filled-av.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-av/base-icons-icon-library-20-filled-av.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-av/base-icons-icon-library-20-filled-av.markup-only.html
new file mode 100644
index 0000000000..a10d38f421
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-av/base-icons-icon-library-20-filled-av.markup-only.html
@@ -0,0 +1,51 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="subtitles" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-av/base-icons-icon-library-20-filled-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-av/base-icons-icon-library-20-filled-av.rendered.html
new file mode 100644
index 0000000000..f9901972af
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-av/base-icons-icon-library-20-filled-av.rendered.html
@@ -0,0 +1,168 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="subtitles" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - AV","patternPartial":"base-icon-library-20-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - AV","patternPartial":"base-icon-library-20-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-communication/base-icons-icon-library-20-filled-communication.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-communication/base-icons-icon-library-20-filled-communication.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-communication/base-icons-icon-library-20-filled-communication.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-communication/base-icons-icon-library-20-filled-communication.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-communication/base-icons-icon-library-20-filled-communication.markup-only.html
new file mode 100644
index 0000000000..2ea2cd323f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-communication/base-icons-icon-library-20-filled-communication.markup-only.html
@@ -0,0 +1,45 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="call" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="chat" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="conversation" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="feedback" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="question" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="receive-item" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="share-item" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-communication/base-icons-icon-library-20-filled-communication.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-communication/base-icons-icon-library-20-filled-communication.rendered.html
new file mode 100644
index 0000000000..f8428dd0fc
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-communication/base-icons-icon-library-20-filled-communication.rendered.html
@@ -0,0 +1,162 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="call" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="chat" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="conversation" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="feedback" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="question" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="receive-item" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="share-item" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Communication","patternPartial":"base-icon-library-20-filled-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Communication","patternPartial":"base-icon-library-20-filled-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-feature/base-icons-icon-library-20-filled-feature.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-feature/base-icons-icon-library-20-filled-feature.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-feature/base-icons-icon-library-20-filled-feature.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-feature/base-icons-icon-library-20-filled-feature.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-feature/base-icons-icon-library-20-filled-feature.markup-only.html
new file mode 100644
index 0000000000..a1c45e6d92
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-feature/base-icons-icon-library-20-filled-feature.markup-only.html
@@ -0,0 +1,45 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="day" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="day" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="hydrogen" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="marketplace" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="medical" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="night" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="platform" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="reservation" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-feature/base-icons-icon-library-20-filled-feature.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-feature/base-icons-icon-library-20-filled-feature.rendered.html
new file mode 100644
index 0000000000..df3250b4c6
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-feature/base-icons-icon-library-20-filled-feature.rendered.html
@@ -0,0 +1,162 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="day" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="day" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="hydrogen" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="marketplace" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="medical" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="night" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="platform" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="reservation" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Feature","patternPartial":"base-icon-library-20-filled-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Feature","patternPartial":"base-icon-library-20-filled-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-food/base-icons-icon-library-20-filled-food.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-food/base-icons-icon-library-20-filled-food.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-food/base-icons-icon-library-20-filled-food.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-food/base-icons-icon-library-20-filled-food.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-food/base-icons-icon-library-20-filled-food.markup-only.html
new file mode 100644
index 0000000000..3623bdcf06
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-food/base-icons-icon-library-20-filled-food.markup-only.html
@@ -0,0 +1,9 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="coffee-cup" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-food/base-icons-icon-library-20-filled-food.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-food/base-icons-icon-library-20-filled-food.rendered.html
new file mode 100644
index 0000000000..8115898a67
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-food/base-icons-icon-library-20-filled-food.rendered.html
@@ -0,0 +1,126 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="coffee-cup" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Food","patternPartial":"base-icon-library-20-filled-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Food","patternPartial":"base-icon-library-20-filled-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-it/base-icons-icon-library-20-filled-it.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-it/base-icons-icon-library-20-filled-it.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-it/base-icons-icon-library-20-filled-it.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-it/base-icons-icon-library-20-filled-it.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-it/base-icons-icon-library-20-filled-it.markup-only.html
new file mode 100644
index 0000000000..f411dbabb1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-it/base-icons-icon-library-20-filled-it.markup-only.html
@@ -0,0 +1,9 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-it/base-icons-icon-library-20-filled-it.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-it/base-icons-icon-library-20-filled-it.rendered.html
new file mode 100644
index 0000000000..020e2f70e1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-it/base-icons-icon-library-20-filled-it.rendered.html
@@ -0,0 +1,126 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - IT","patternPartial":"base-icon-library-20-filled-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - IT","patternPartial":"base-icon-library-20-filled-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-journey/base-icons-icon-library-20-filled-journey.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-journey/base-icons-icon-library-20-filled-journey.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-journey/base-icons-icon-library-20-filled-journey.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-journey/base-icons-icon-library-20-filled-journey.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-journey/base-icons-icon-library-20-filled-journey.markup-only.html
new file mode 100644
index 0000000000..2f3d65c10f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-journey/base-icons-icon-library-20-filled-journey.markup-only.html
@@ -0,0 +1,33 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="capacity-indicator" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="destination" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-journey/base-icons-icon-library-20-filled-journey.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-journey/base-icons-icon-library-20-filled-journey.rendered.html
new file mode 100644
index 0000000000..c1dbdacdae
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-journey/base-icons-icon-library-20-filled-journey.rendered.html
@@ -0,0 +1,150 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="capacity-indicator" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="destination" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Journey","patternPartial":"base-icon-library-20-filled-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Journey","patternPartial":"base-icon-library-20-filled-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-maps/base-icons-icon-library-20-filled-maps.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-maps/base-icons-icon-library-20-filled-maps.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-maps/base-icons-icon-library-20-filled-maps.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-maps/base-icons-icon-library-20-filled-maps.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-maps/base-icons-icon-library-20-filled-maps.markup-only.html
new file mode 100644
index 0000000000..3de9eb85ac
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-maps/base-icons-icon-library-20-filled-maps.markup-only.html
@@ -0,0 +1,39 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="home" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="parking" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="place" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop-sign" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-maps/base-icons-icon-library-20-filled-maps.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-maps/base-icons-icon-library-20-filled-maps.rendered.html
new file mode 100644
index 0000000000..86a844dd91
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-maps/base-icons-icon-library-20-filled-maps.rendered.html
@@ -0,0 +1,156 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="home" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="parking" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="place" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop-sign" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Maps","patternPartial":"base-icon-library-20-filled-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Maps","patternPartial":"base-icon-library-20-filled-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-navigation/base-icons-icon-library-20-filled-navigation.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-navigation/base-icons-icon-library-20-filled-navigation.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-navigation/base-icons-icon-library-20-filled-navigation.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-navigation/base-icons-icon-library-20-filled-navigation.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-navigation/base-icons-icon-library-20-filled-navigation.markup-only.html
new file mode 100644
index 0000000000..51e3b8dc7a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-navigation/base-icons-icon-library-20-filled-navigation.markup-only.html
@@ -0,0 +1,15 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="grid-view" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-navigation/base-icons-icon-library-20-filled-navigation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-navigation/base-icons-icon-library-20-filled-navigation.rendered.html
new file mode 100644
index 0000000000..22e923c26d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-navigation/base-icons-icon-library-20-filled-navigation.rendered.html
@@ -0,0 +1,132 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="grid-view" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Navigation","patternPartial":"base-icon-library-20-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Navigation","patternPartial":"base-icon-library-20-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-notification/base-icons-icon-library-20-filled-notification.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-notification/base-icons-icon-library-20-filled-notification.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-notification/base-icons-icon-library-20-filled-notification.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-notification/base-icons-icon-library-20-filled-notification.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-notification/base-icons-icon-library-20-filled-notification.markup-only.html
new file mode 100644
index 0000000000..533f02cfb0
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-notification/base-icons-icon-library-20-filled-notification.markup-only.html
@@ -0,0 +1,15 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-notification/base-icons-icon-library-20-filled-notification.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-notification/base-icons-icon-library-20-filled-notification.rendered.html
new file mode 100644
index 0000000000..5fde09f2df
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-notification/base-icons-icon-library-20-filled-notification.rendered.html
@@ -0,0 +1,132 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Notification","patternPartial":"base-icon-library-20-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Notification","patternPartial":"base-icon-library-20-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-ticket/base-icons-icon-library-20-filled-ticket.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-ticket/base-icons-icon-library-20-filled-ticket.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-ticket/base-icons-icon-library-20-filled-ticket.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-ticket/base-icons-icon-library-20-filled-ticket.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-ticket/base-icons-icon-library-20-filled-ticket.markup-only.html
new file mode 100644
index 0000000000..e70729f20c
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-ticket/base-icons-icon-library-20-filled-ticket.markup-only.html
@@ -0,0 +1,21 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus-card" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bahncard" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-ticket/base-icons-icon-library-20-filled-ticket.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-ticket/base-icons-icon-library-20-filled-ticket.rendered.html
new file mode 100644
index 0000000000..2ba2e88de0
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-ticket/base-icons-icon-library-20-filled-ticket.rendered.html
@@ -0,0 +1,138 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus-card" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bahncard" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Ticket","patternPartial":"base-icon-library-20-filled-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Ticket","patternPartial":"base-icon-library-20-filled-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-transportation/base-icons-icon-library-20-filled-transportation.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-transportation/base-icons-icon-library-20-filled-transportation.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-transportation/base-icons-icon-library-20-filled-transportation.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-transportation/base-icons-icon-library-20-filled-transportation.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-transportation/base-icons-icon-library-20-filled-transportation.markup-only.html
new file mode 100644
index 0000000000..80218db07e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-transportation/base-icons-icon-library-20-filled-transportation.markup-only.html
@@ -0,0 +1,153 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-transportation/base-icons-icon-library-20-filled-transportation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-transportation/base-icons-icon-library-20-filled-transportation.rendered.html
new file mode 100644
index 0000000000..ff60c73aa7
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-filled-transportation/base-icons-icon-library-20-filled-transportation.rendered.html
@@ -0,0 +1,270 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Transportation","patternPartial":"base-icon-library-20-filled-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Transportation","patternPartial":"base-icon-library-20-filled-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-action/base-icons-icon-library-20-outline-action.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-action/base-icons-icon-library-20-outline-action.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-action/base-icons-icon-library-20-outline-action.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-action/base-icons-icon-library-20-outline-action.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-action/base-icons-icon-library-20-outline-action.markup-only.html
new file mode 100644
index 0000000000..3f44768e67
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-action/base-icons-icon-library-20-outline-action.markup-only.html
@@ -0,0 +1,591 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="account" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="add" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-link" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-link), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-link" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm-add" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm-add), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm-add" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="artificial-intelligence" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(artificial-intelligence), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="artificial-intelligence" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="attachment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(attachment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="attachment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="augmented-reality" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(augmented-reality), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="augmented-reality" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="block" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bug" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bug), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bug" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="build" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="calendar" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(calendar), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="calendar" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cash" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cash), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cash" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-download" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-download), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-download" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-upload" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-upload), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-upload" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="compass" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(compass), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="compass" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="copy" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="credit-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="dashboard" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="delete" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(delete), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="delete" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="discount" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="document" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-check" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-check), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-check" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-cross" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-cross), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-cross" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="done" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="download" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(download), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="download" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drag-and-drop" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drag-and-drop), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="drag-and-drop" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="edit" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="euro-sign" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(euro-sign), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="euro-sign" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-delighted" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-delighted), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-delighted" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-disappointed" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-disappointed), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-disappointed" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-neutral" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-neutral), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-neutral" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-sad" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-sad), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-sad" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-smiling" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-smiling), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-smiling" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="filter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(filter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="filter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fingerprint" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fingerprint), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fingerprint" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder-open" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="generic-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="giftcard" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(giftcard), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="giftcard" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing-disabled" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing-disabled), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing-disabled" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="id-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(id-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="id-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="image" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="key" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(key), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="key" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="legal" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(legal), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="legal" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lightbulb" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lightbulb), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="lightbulb" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-close" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-open" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="log-out" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(log-out), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="log-out" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="logbook" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logbook), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="logbook" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="piggybank" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(piggybank), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="piggybank" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="print" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pulse-wave" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pulse-wave), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="pulse-wave" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="push-button" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(push-button), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="push-button" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize-handle-corner" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize-handle-corner), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize-handle-corner" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="save" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="schedule" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="search" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(search), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="search" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="send" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(send), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="send" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sepa" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="settings" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(settings), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="settings" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="share" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart-disabled" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart-disabled), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart-disabled" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-horizontal" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-horizontal), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-horizontal" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-vertical" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-vertical), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-vertical" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="translation" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(translation), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="translation" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="undo" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(undo), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="undo" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="upload" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(upload), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="upload" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="voucher" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="website" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(website), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="website" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-in" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-in), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-in" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-out" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-out), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-out" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-action/base-icons-icon-library-20-outline-action.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-action/base-icons-icon-library-20-outline-action.rendered.html
new file mode 100644
index 0000000000..91e0a94a86
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-action/base-icons-icon-library-20-outline-action.rendered.html
@@ -0,0 +1,708 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="account" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="add" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-link" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-link), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-link" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm-add" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm-add), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm-add" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="artificial-intelligence" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(artificial-intelligence), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="artificial-intelligence" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="attachment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(attachment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="attachment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="augmented-reality" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(augmented-reality), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="augmented-reality" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="block" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bug" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bug), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bug" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="build" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="calendar" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(calendar), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="calendar" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cash" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cash), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cash" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-download" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-download), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-download" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-upload" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-upload), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-upload" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="compass" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(compass), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="compass" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="copy" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="credit-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="dashboard" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="delete" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(delete), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="delete" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="discount" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="document" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-check" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-check), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-check" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-cross" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-cross), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-cross" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="done" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="download" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(download), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="download" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drag-and-drop" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drag-and-drop), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="drag-and-drop" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="edit" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="euro-sign" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(euro-sign), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="euro-sign" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-delighted" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-delighted), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-delighted" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-disappointed" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-disappointed), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-disappointed" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-neutral" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-neutral), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-neutral" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-sad" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-sad), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-sad" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-smiling" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-smiling), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-smiling" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="filter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(filter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="filter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fingerprint" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fingerprint), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fingerprint" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder-open" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="generic-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="giftcard" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(giftcard), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="giftcard" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing-disabled" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing-disabled), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing-disabled" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="id-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(id-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="id-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="image" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="key" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(key), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="key" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="legal" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(legal), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="legal" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lightbulb" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lightbulb), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="lightbulb" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-close" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-open" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="log-out" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(log-out), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="log-out" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="logbook" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logbook), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="logbook" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="piggybank" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(piggybank), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="piggybank" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="print" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pulse-wave" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pulse-wave), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="pulse-wave" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="push-button" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(push-button), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="push-button" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize-handle-corner" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize-handle-corner), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize-handle-corner" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="save" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="schedule" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="search" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(search), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="search" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="send" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(send), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="send" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sepa" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="settings" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(settings), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="settings" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="share" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart-disabled" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart-disabled), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart-disabled" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-horizontal" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-horizontal), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-horizontal" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-vertical" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-vertical), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-vertical" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="translation" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(translation), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="translation" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="undo" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(undo), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="undo" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="upload" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(upload), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="upload" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="voucher" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="website" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(website), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="website" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-in" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-in), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-in" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-out" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-out), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-out" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Action","patternPartial":"base-icon-library-20-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Action","patternPartial":"base-icon-library-20-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-av/base-icons-icon-library-20-outline-av.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-av/base-icons-icon-library-20-outline-av.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-av/base-icons-icon-library-20-outline-av.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-av/base-icons-icon-library-20-outline-av.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-av/base-icons-icon-library-20-outline-av.markup-only.html
new file mode 100644
index 0000000000..b5a7f873b2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-av/base-icons-icon-library-20-outline-av.markup-only.html
@@ -0,0 +1,117 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-10" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-10), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-10" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-30" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-30), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-30" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-empty" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-empty), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-empty" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-10" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-10), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-10" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-30" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-30), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-30" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-empty" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-empty), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-empty" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="subtitles" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-mute" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-mute), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-mute" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-av/base-icons-icon-library-20-outline-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-av/base-icons-icon-library-20-outline-av.rendered.html
new file mode 100644
index 0000000000..35d2a5035d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-av/base-icons-icon-library-20-outline-av.rendered.html
@@ -0,0 +1,234 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-10" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-10), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-10" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-30" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-30), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-30" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-empty" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-empty), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-empty" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-10" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-10), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-10" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-30" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-30), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-30" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-empty" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-empty), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-empty" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="subtitles" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-mute" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-mute), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-mute" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - AV","patternPartial":"base-icon-library-20-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - AV","patternPartial":"base-icon-library-20-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-brand/base-icons-icon-library-20-outline-brand.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-brand/base-icons-icon-library-20-outline-brand.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-brand/base-icons-icon-library-20-outline-brand.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-brand/base-icons-icon-library-20-outline-brand.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-brand/base-icons-icon-library-20-outline-brand.markup-only.html
new file mode 100644
index 0000000000..bb2395f71e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-brand/base-icons-icon-library-20-outline-brand.markup-only.html
@@ -0,0 +1,9 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-brand/base-icons-icon-library-20-outline-brand.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-brand/base-icons-icon-library-20-outline-brand.rendered.html
new file mode 100644
index 0000000000..bb37fac672
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-brand/base-icons-icon-library-20-outline-brand.rendered.html
@@ -0,0 +1,126 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Brand","patternPartial":"base-icon-library-20-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Brand","patternPartial":"base-icon-library-20-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-communication/base-icons-icon-library-20-outline-communication.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-communication/base-icons-icon-library-20-outline-communication.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-communication/base-icons-icon-library-20-outline-communication.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-communication/base-icons-icon-library-20-outline-communication.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-communication/base-icons-icon-library-20-outline-communication.markup-only.html
new file mode 100644
index 0000000000..dd5d7e7e10
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-communication/base-icons-icon-library-20-outline-communication.markup-only.html
@@ -0,0 +1,81 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="call" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="chat" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="conversation" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fax" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fax), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fax" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="feedback" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mail" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mail), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mail" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-phone" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-phone), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-phone" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="question" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="receive-item" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="share-item" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-communication/base-icons-icon-library-20-outline-communication.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-communication/base-icons-icon-library-20-outline-communication.rendered.html
new file mode 100644
index 0000000000..dc1b966a52
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-communication/base-icons-icon-library-20-outline-communication.rendered.html
@@ -0,0 +1,198 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="call" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="chat" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="conversation" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fax" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fax), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fax" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="feedback" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mail" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mail), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mail" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-phone" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-phone), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-phone" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="question" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="receive-item" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="share-item" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Communication","patternPartial":"base-icon-library-20-outline-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Communication","patternPartial":"base-icon-library-20-outline-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-covid-19/base-icons-icon-library-20-outline-covid-19.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-covid-19/base-icons-icon-library-20-outline-covid-19.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-covid-19/base-icons-icon-library-20-outline-covid-19.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-covid-19/base-icons-icon-library-20-outline-covid-19.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-covid-19/base-icons-icon-library-20-outline-covid-19.markup-only.html
new file mode 100644
index 0000000000..4a216e2205
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-covid-19/base-icons-icon-library-20-outline-covid-19.markup-only.html
@@ -0,0 +1,9 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="mask" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mask), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mask" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-covid-19/base-icons-icon-library-20-outline-covid-19.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-covid-19/base-icons-icon-library-20-outline-covid-19.rendered.html
new file mode 100644
index 0000000000..d43eaf5d95
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-covid-19/base-icons-icon-library-20-outline-covid-19.rendered.html
@@ -0,0 +1,126 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="mask" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mask), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mask" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Covid 19","patternPartial":"base-icon-library-20-outline-covid-19","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Covid 19","patternPartial":"base-icon-library-20-outline-covid-19","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-facilities/base-icons-icon-library-20-outline-facilities.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-facilities/base-icons-icon-library-20-outline-facilities.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-facilities/base-icons-icon-library-20-outline-facilities.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-facilities/base-icons-icon-library-20-outline-facilities.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-facilities/base-icons-icon-library-20-outline-facilities.markup-only.html
new file mode 100644
index 0000000000..58951a164f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-facilities/base-icons-icon-library-20-outline-facilities.markup-only.html
@@ -0,0 +1,63 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="playground" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(playground), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="playground" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restricted-mobility-toilet" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restricted-mobility-toilet), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="restricted-mobility-toilet" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-men" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-men), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-men" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-women" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-women), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-women" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sink" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sink), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sink" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-men" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-men), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-men" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-sign" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-sign), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-sign" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-woman" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-woman), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-woman" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-facilities/base-icons-icon-library-20-outline-facilities.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-facilities/base-icons-icon-library-20-outline-facilities.rendered.html
new file mode 100644
index 0000000000..f5dd16a00b
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-facilities/base-icons-icon-library-20-outline-facilities.rendered.html
@@ -0,0 +1,180 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="playground" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(playground), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="playground" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restricted-mobility-toilet" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restricted-mobility-toilet), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="restricted-mobility-toilet" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-men" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-men), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-men" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-women" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-women), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-women" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sink" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sink), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sink" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-men" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-men), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-men" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-sign" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-sign), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-sign" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-woman" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-woman), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-woman" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Facilities","patternPartial":"base-icon-library-20-outline-facilities","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Facilities","patternPartial":"base-icon-library-20-outline-facilities","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-feature/base-icons-icon-library-20-outline-feature.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-feature/base-icons-icon-library-20-outline-feature.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-feature/base-icons-icon-library-20-outline-feature.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-feature/base-icons-icon-library-20-outline-feature.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-feature/base-icons-icon-library-20-outline-feature.markup-only.html
new file mode 100644
index 0000000000..df98e5aa4e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-feature/base-icons-icon-library-20-outline-feature.markup-only.html
@@ -0,0 +1,135 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="air-condition" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(air-condition), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="air-condition" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="buggy" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(buggy), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="buggy" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="clothing-hanger" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(clothing-hanger), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="clothing-hanger" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="day" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="day" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dog" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dog), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="dog" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="entry-aid" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(entry-aid), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="entry-aid" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="environmental-mobility-check" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(environmental-mobility-check), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="environmental-mobility-check" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="hydrogen" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-compartment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-compartment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-compartment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-rack" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-rack), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-rack" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="marketplace" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="medical" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="night" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="no-smoking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(no-smoking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="no-smoking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-cane" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-cane), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-cane" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-rollator" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-rollator), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-rollator" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="platform" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="power-outlet" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(power-outlet), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="power-outlet" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="reservation" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="standing-room" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(standing-room), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="standing-room" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="steppless-entry" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(steppless-entry), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="steppless-entry" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="support-dog" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(support-dog), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="support-dog" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-feature/base-icons-icon-library-20-outline-feature.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-feature/base-icons-icon-library-20-outline-feature.rendered.html
new file mode 100644
index 0000000000..d853da4415
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-feature/base-icons-icon-library-20-outline-feature.rendered.html
@@ -0,0 +1,252 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="air-condition" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(air-condition), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="air-condition" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="buggy" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(buggy), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="buggy" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="clothing-hanger" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(clothing-hanger), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="clothing-hanger" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="day" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="day" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dog" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dog), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="dog" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="entry-aid" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(entry-aid), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="entry-aid" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="environmental-mobility-check" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(environmental-mobility-check), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="environmental-mobility-check" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="hydrogen" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-compartment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-compartment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-compartment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-rack" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-rack), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-rack" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="marketplace" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="medical" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="night" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="no-smoking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(no-smoking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="no-smoking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-cane" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-cane), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-cane" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-rollator" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-rollator), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-rollator" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="platform" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="power-outlet" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(power-outlet), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="power-outlet" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="reservation" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="standing-room" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(standing-room), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="standing-room" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="steppless-entry" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(steppless-entry), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="steppless-entry" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="support-dog" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(support-dog), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="support-dog" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Feature","patternPartial":"base-icon-library-20-outline-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Feature","patternPartial":"base-icon-library-20-outline-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-food/base-icons-icon-library-20-outline-food.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-food/base-icons-icon-library-20-outline-food.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-food/base-icons-icon-library-20-outline-food.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-food/base-icons-icon-library-20-outline-food.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-food/base-icons-icon-library-20-outline-food.markup-only.html
new file mode 100644
index 0000000000..2dcc98eaec
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-food/base-icons-icon-library-20-outline-food.markup-only.html
@@ -0,0 +1,27 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="breakfast" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(breakfast), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="breakfast" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="coffee-cup" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drink" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drink), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="drink" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restaurant" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restaurant), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="restaurant" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-food/base-icons-icon-library-20-outline-food.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-food/base-icons-icon-library-20-outline-food.rendered.html
new file mode 100644
index 0000000000..65b0e63451
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-food/base-icons-icon-library-20-outline-food.rendered.html
@@ -0,0 +1,144 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="breakfast" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(breakfast), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="breakfast" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="coffee-cup" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drink" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drink), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="drink" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restaurant" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restaurant), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="restaurant" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Food","patternPartial":"base-icon-library-20-outline-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Food","patternPartial":"base-icon-library-20-outline-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-it/base-icons-icon-library-20-outline-it.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-it/base-icons-icon-library-20-outline-it.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-it/base-icons-icon-library-20-outline-it.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-it/base-icons-icon-library-20-outline-it.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-it/base-icons-icon-library-20-outline-it.markup-only.html
new file mode 100644
index 0000000000..eac4a16547
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-it/base-icons-icon-library-20-outline-it.markup-only.html
@@ -0,0 +1,9 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-it/base-icons-icon-library-20-outline-it.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-it/base-icons-icon-library-20-outline-it.rendered.html
new file mode 100644
index 0000000000..2729c130ff
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-it/base-icons-icon-library-20-outline-it.rendered.html
@@ -0,0 +1,126 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - IT","patternPartial":"base-icon-library-20-outline-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - IT","patternPartial":"base-icon-library-20-outline-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-journey/base-icons-icon-library-20-outline-journey.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-journey/base-icons-icon-library-20-outline-journey.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-journey/base-icons-icon-library-20-outline-journey.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-journey/base-icons-icon-library-20-outline-journey.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-journey/base-icons-icon-library-20-outline-journey.markup-only.html
new file mode 100644
index 0000000000..270082a0db
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-journey/base-icons-icon-library-20-outline-journey.markup-only.html
@@ -0,0 +1,87 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="1st-class" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(1st-class), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="1st-class" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="2nd-class" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(2nd-class), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="2nd-class" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alternative-connection" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alternative-connection), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alternative-connection" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="booking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(booking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="booking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="destination" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intermediary-stop" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intermediary-stop), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="intermediary-stop" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mixed-class" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mixed-class), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mixed-class" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="round-trip" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(round-trip), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="round-trip" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="single-trip" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(single-trip), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="single-trip" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="start" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(start), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="start" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-journey/base-icons-icon-library-20-outline-journey.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-journey/base-icons-icon-library-20-outline-journey.rendered.html
new file mode 100644
index 0000000000..54d5c4becf
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-journey/base-icons-icon-library-20-outline-journey.rendered.html
@@ -0,0 +1,204 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="1st-class" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(1st-class), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="1st-class" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="2nd-class" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(2nd-class), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="2nd-class" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alternative-connection" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alternative-connection), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alternative-connection" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="booking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(booking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="booking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="destination" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intermediary-stop" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intermediary-stop), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="intermediary-stop" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mixed-class" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mixed-class), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mixed-class" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="round-trip" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(round-trip), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="round-trip" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="single-trip" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(single-trip), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="single-trip" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="start" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(start), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="start" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Journey","patternPartial":"base-icon-library-20-outline-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Journey","patternPartial":"base-icon-library-20-outline-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-maps/base-icons-icon-library-20-outline-maps.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-maps/base-icons-icon-library-20-outline-maps.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-maps/base-icons-icon-library-20-outline-maps.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-maps/base-icons-icon-library-20-outline-maps.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-maps/base-icons-icon-library-20-outline-maps.markup-only.html
new file mode 100644
index 0000000000..2be90e79ad
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-maps/base-icons-icon-library-20-outline-maps.markup-only.html
@@ -0,0 +1,87 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="home" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="map" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(map), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="map" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-straight" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-straight), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-straight" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-left" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-left), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-left" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-right" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-right), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-right" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-u-turn" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-u-turn), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-u-turn" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop-sign" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="parking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="place" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="set-position" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(set-position), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="set-position" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="station" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(station), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="station" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-station" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-station), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-station" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-maps/base-icons-icon-library-20-outline-maps.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-maps/base-icons-icon-library-20-outline-maps.rendered.html
new file mode 100644
index 0000000000..1e944c1ef4
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-maps/base-icons-icon-library-20-outline-maps.rendered.html
@@ -0,0 +1,204 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="home" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="map" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(map), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="map" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-straight" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-straight), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-straight" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-left" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-left), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-left" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-right" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-right), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-right" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-u-turn" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-u-turn), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-u-turn" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop-sign" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="parking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="place" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="set-position" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(set-position), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="set-position" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="station" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(station), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="station" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-station" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-station), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-station" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Maps","patternPartial":"base-icon-library-20-outline-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Maps","patternPartial":"base-icon-library-20-outline-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-navigation/base-icons-icon-library-20-outline-navigation.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-navigation/base-icons-icon-library-20-outline-navigation.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-navigation/base-icons-icon-library-20-outline-navigation.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-navigation/base-icons-icon-library-20-outline-navigation.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-navigation/base-icons-icon-library-20-outline-navigation.markup-only.html
new file mode 100644
index 0000000000..4bb75643a5
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-navigation/base-icons-icon-library-20-outline-navigation.markup-only.html
@@ -0,0 +1,123 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cancel" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="close" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen-exit" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen-exit), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen-exit" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="grid-view" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="link" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link-external" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link-external), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="link-external" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="list" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(list), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="list" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="menu" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(menu), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="menu" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-horizontal" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-horizontal), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-horizontal" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-vertical" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-vertical), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-vertical" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="refresh" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(refresh), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="refresh" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-navigation/base-icons-icon-library-20-outline-navigation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-navigation/base-icons-icon-library-20-outline-navigation.rendered.html
new file mode 100644
index 0000000000..b9b0c4a1ff
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-navigation/base-icons-icon-library-20-outline-navigation.rendered.html
@@ -0,0 +1,240 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cancel" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="close" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen-exit" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen-exit), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen-exit" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="grid-view" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="link" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link-external" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link-external), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="link-external" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="list" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(list), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="list" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="menu" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(menu), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="menu" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-horizontal" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-horizontal), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-horizontal" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-vertical" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-vertical), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-vertical" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="refresh" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(refresh), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="refresh" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Navigation","patternPartial":"base-icon-library-20-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Navigation","patternPartial":"base-icon-library-20-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-notification/base-icons-icon-library-20-outline-notification.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-notification/base-icons-icon-library-20-outline-notification.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-notification/base-icons-icon-library-20-outline-notification.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-notification/base-icons-icon-library-20-outline-notification.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-notification/base-icons-icon-library-20-outline-notification.markup-only.html
new file mode 100644
index 0000000000..f63ed20cf2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-notification/base-icons-icon-library-20-outline-notification.markup-only.html
@@ -0,0 +1,27 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify-cutoff" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify-cutoff), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify-cutoff" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-notification/base-icons-icon-library-20-outline-notification.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-notification/base-icons-icon-library-20-outline-notification.rendered.html
new file mode 100644
index 0000000000..2517646e03
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-notification/base-icons-icon-library-20-outline-notification.rendered.html
@@ -0,0 +1,144 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify-cutoff" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify-cutoff), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify-cutoff" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Notification","patternPartial":"base-icon-library-20-outline-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Notification","patternPartial":"base-icon-library-20-outline-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-seat/base-icons-icon-library-20-outline-seat.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-seat/base-icons-icon-library-20-outline-seat.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-seat/base-icons-icon-library-20-outline-seat.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-seat/base-icons-icon-library-20-outline-seat.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-seat/base-icons-icon-library-20-outline-seat.markup-only.html
new file mode 100644
index 0000000000..e0a232f9d8
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-seat/base-icons-icon-library-20-outline-seat.markup-only.html
@@ -0,0 +1,69 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="aisle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="aisle-not-available" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle-not-available), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle-not-available" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bed" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bed), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bed" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="childrens-compartment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(childrens-compartment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="childrens-compartment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="elderly" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(elderly), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="elderly" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handicapped" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handicapped), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="handicapped" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parent-child-compartment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parent-child-compartment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="parent-child-compartment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="quiet-zone" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(quiet-zone), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="quiet-zone" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="table" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(table), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="table" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="traveler-with-reduced-mobility" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(traveler-with-reduced-mobility), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="traveler-with-reduced-mobility" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="window" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(window), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="window" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-seat/base-icons-icon-library-20-outline-seat.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-seat/base-icons-icon-library-20-outline-seat.rendered.html
new file mode 100644
index 0000000000..c6a4b5d3e3
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-seat/base-icons-icon-library-20-outline-seat.rendered.html
@@ -0,0 +1,186 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="aisle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="aisle-not-available" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle-not-available), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle-not-available" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bed" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bed), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bed" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="childrens-compartment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(childrens-compartment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="childrens-compartment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="elderly" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(elderly), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="elderly" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handicapped" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handicapped), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="handicapped" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parent-child-compartment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parent-child-compartment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="parent-child-compartment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="quiet-zone" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(quiet-zone), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="quiet-zone" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="table" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(table), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="table" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="traveler-with-reduced-mobility" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(traveler-with-reduced-mobility), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="traveler-with-reduced-mobility" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="window" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(window), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="window" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Seat","patternPartial":"base-icon-library-20-outline-seat","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Seat","patternPartial":"base-icon-library-20-outline-seat","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-ticket/base-icons-icon-library-20-outline-ticket.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-ticket/base-icons-icon-library-20-outline-ticket.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-ticket/base-icons-icon-library-20-outline-ticket.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-ticket/base-icons-icon-library-20-outline-ticket.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-ticket/base-icons-icon-library-20-outline-ticket.markup-only.html
new file mode 100644
index 0000000000..fb91377660
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-ticket/base-icons-icon-library-20-outline-ticket.markup-only.html
@@ -0,0 +1,141 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahnbonus-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahncard" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="best-price" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(best-price), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="best-price" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="commuter-ticket" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(commuter-ticket), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="commuter-ticket" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-check" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-check), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-check" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-circle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-circle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-circle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-passenger" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-passenger), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-passenger" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="my-travel" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(my-travel), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="my-travel" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="outward-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(outward-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="outward-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code-scan" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code-scan), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code-scan" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="return-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(return-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="return-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-discount" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-discount), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-discount" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-multiple" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-multiple), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-multiple" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-subscription" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-subscription), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-subscription" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-outward-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-outward-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-outward-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-return-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-return-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-return-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="timetable" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(timetable), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="timetable" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="travel-insurance" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(travel-insurance), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="travel-insurance" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-ticket/base-icons-icon-library-20-outline-ticket.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-ticket/base-icons-icon-library-20-outline-ticket.rendered.html
new file mode 100644
index 0000000000..b315bdb38f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-ticket/base-icons-icon-library-20-outline-ticket.rendered.html
@@ -0,0 +1,258 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahnbonus-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahncard" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="best-price" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(best-price), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="best-price" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="commuter-ticket" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(commuter-ticket), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="commuter-ticket" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-check" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-check), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-check" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-circle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-circle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-circle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-passenger" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-passenger), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-passenger" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="my-travel" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(my-travel), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="my-travel" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="outward-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(outward-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="outward-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code-scan" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code-scan), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code-scan" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="return-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(return-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="return-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-discount" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-discount), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-discount" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-multiple" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-multiple), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-multiple" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-subscription" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-subscription), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-subscription" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-outward-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-outward-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-outward-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-return-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-return-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-return-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="timetable" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(timetable), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="timetable" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="travel-insurance" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(travel-insurance), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="travel-insurance" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Ticket","patternPartial":"base-icon-library-20-outline-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Ticket","patternPartial":"base-icon-library-20-outline-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-transportation/base-icons-icon-library-20-outline-transportation.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-transportation/base-icons-icon-library-20-outline-transportation.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-transportation/base-icons-icon-library-20-outline-transportation.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-transportation/base-icons-icon-library-20-outline-transportation.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-transportation/base-icons-icon-library-20-outline-transportation.markup-only.html
new file mode 100644
index 0000000000..a646f9c6c8
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-transportation/base-icons-icon-library-20-outline-transportation.markup-only.html
@@ -0,0 +1,201 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car-sequence" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car-sequence), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="car-sequence" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-bus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-bus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-bus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-train" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-train), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-train" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice-side-view" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice-side-view), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice-side-view" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="rail-and-fly" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(rail-and-fly), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="rail-and-fly" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="railroad-car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(railroad-car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="railroad-car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sev" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sev), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sev" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sprinter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sprinter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sprinter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-transportation/base-icons-icon-library-20-outline-transportation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-transportation/base-icons-icon-library-20-outline-transportation.rendered.html
new file mode 100644
index 0000000000..870d0da51e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-20-outline-transportation/base-icons-icon-library-20-outline-transportation.rendered.html
@@ -0,0 +1,318 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car-sequence" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car-sequence), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="car-sequence" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-bus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-bus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-bus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-train" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-train), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-train" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice-side-view" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice-side-view), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice-side-view" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="rail-and-fly" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(rail-and-fly), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="rail-and-fly" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="railroad-car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(railroad-car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="railroad-car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sev" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sev), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sev" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sprinter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sprinter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sprinter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Transportation","patternPartial":"base-icon-library-20-outline-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Transportation","patternPartial":"base-icon-library-20-outline-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-action/base-icons-icon-library-24-filled-action.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-action/base-icons-icon-library-24-filled-action.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-action/base-icons-icon-library-24-filled-action.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-action/base-icons-icon-library-24-filled-action.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-action/base-icons-icon-library-24-filled-action.markup-only.html
new file mode 100644
index 0000000000..51c3b8e186
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-action/base-icons-icon-library-24-filled-action.markup-only.html
@@ -0,0 +1,75 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="add-circle" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle))</code> or <code>@include icon(glyph(add-circle), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="add-circle"</code> or <code>data-icon="add-circle" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert))</code> or <code>@include icon(glyph(alert), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="alert"</code> or <code>data-icon="alert" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark))</code> or <code>@include icon(glyph(bookmark), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="bookmark"</code> or <code>data-icon="bookmark" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera))</code> or <code>@include icon(glyph(camera), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="camera"</code> or <code>data-icon="camera" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle))</code> or <code>@include icon(glyph(check-circle), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle"</code> or <code>data-icon="check-circle" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud))</code> or <code>@include icon(glyph(cloud), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="cloud"</code> or <code>data-icon="cloud" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart))</code> or <code>@include icon(glyph(heart), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="heart"</code> or <code>data-icon="heart" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help))</code> or <code>@include icon(glyph(help), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="help"</code> or <code>data-icon="help" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info))</code> or <code>@include icon(glyph(info), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="info"</code> or <code>data-icon="info" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin))</code> or <code>@include icon(glyph(pin), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="pin"</code> or <code>data-icon="pin" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove))</code> or <code>@include icon(glyph(remove), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="remove"</code> or <code>data-icon="remove" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star))</code> or <code>@include icon(glyph(star), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="star"</code> or <code>data-icon="star" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-action/base-icons-icon-library-24-filled-action.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-action/base-icons-icon-library-24-filled-action.rendered.html
new file mode 100644
index 0000000000..5bc4451501
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-action/base-icons-icon-library-24-filled-action.rendered.html
@@ -0,0 +1,192 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="add-circle" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle))</code> or <code>@include icon(glyph(add-circle), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="add-circle"</code> or <code>data-icon="add-circle" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert))</code> or <code>@include icon(glyph(alert), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="alert"</code> or <code>data-icon="alert" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark))</code> or <code>@include icon(glyph(bookmark), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="bookmark"</code> or <code>data-icon="bookmark" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera))</code> or <code>@include icon(glyph(camera), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="camera"</code> or <code>data-icon="camera" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle))</code> or <code>@include icon(glyph(check-circle), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle"</code> or <code>data-icon="check-circle" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud))</code> or <code>@include icon(glyph(cloud), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="cloud"</code> or <code>data-icon="cloud" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart))</code> or <code>@include icon(glyph(heart), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="heart"</code> or <code>data-icon="heart" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help))</code> or <code>@include icon(glyph(help), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="help"</code> or <code>data-icon="help" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info))</code> or <code>@include icon(glyph(info), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="info"</code> or <code>data-icon="info" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin))</code> or <code>@include icon(glyph(pin), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="pin"</code> or <code>data-icon="pin" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove))</code> or <code>@include icon(glyph(remove), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="remove"</code> or <code>data-icon="remove" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star))</code> or <code>@include icon(glyph(star), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="star"</code> or <code>data-icon="star" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Action","patternPartial":"base-icon-library-24-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Action","patternPartial":"base-icon-library-24-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-av/base-icons-icon-library-24-filled-av.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-av/base-icons-icon-library-24-filled-av.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-av/base-icons-icon-library-24-filled-av.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-av/base-icons-icon-library-24-filled-av.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-av/base-icons-icon-library-24-filled-av.markup-only.html
new file mode 100644
index 0000000000..c3c50c426e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-av/base-icons-icon-library-24-filled-av.markup-only.html
@@ -0,0 +1,45 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward))</code> or <code>@include icon(glyph(fast-backward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward"</code> or <code>data-icon="fast-backward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward))</code> or <code>@include icon(glyph(fast-forward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward"</code> or <code>data-icon="fast-forward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone))</code> or <code>@include icon(glyph(microphone), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="microphone"</code> or <code>data-icon="microphone" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play))</code> or <code>@include icon(glyph(play), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="play"</code> or <code>data-icon="play" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward))</code> or <code>@include icon(glyph(skip-backward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward"</code> or <code>data-icon="skip-backward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward))</code> or <code>@include icon(glyph(skip-forward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward"</code> or <code>data-icon="skip-forward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop))</code> or <code>@include icon(glyph(stop), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop"</code> or <code>data-icon="stop" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-av/base-icons-icon-library-24-filled-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-av/base-icons-icon-library-24-filled-av.rendered.html
new file mode 100644
index 0000000000..c64c4a4d23
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-av/base-icons-icon-library-24-filled-av.rendered.html
@@ -0,0 +1,162 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward))</code> or <code>@include icon(glyph(fast-backward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward"</code> or <code>data-icon="fast-backward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward))</code> or <code>@include icon(glyph(fast-forward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward"</code> or <code>data-icon="fast-forward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone))</code> or <code>@include icon(glyph(microphone), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="microphone"</code> or <code>data-icon="microphone" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play))</code> or <code>@include icon(glyph(play), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="play"</code> or <code>data-icon="play" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward))</code> or <code>@include icon(glyph(skip-backward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward"</code> or <code>data-icon="skip-backward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward))</code> or <code>@include icon(glyph(skip-forward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward"</code> or <code>data-icon="skip-forward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop))</code> or <code>@include icon(glyph(stop), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop"</code> or <code>data-icon="stop" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - AV","patternPartial":"base-icon-library-24-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - AV","patternPartial":"base-icon-library-24-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-journey/base-icons-icon-library-24-filled-journey.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-journey/base-icons-icon-library-24-filled-journey.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-journey/base-icons-icon-library-24-filled-journey.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-journey/base-icons-icon-library-24-filled-journey.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-journey/base-icons-icon-library-24-filled-journey.markup-only.html
new file mode 100644
index 0000000000..b40fdb788b
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-journey/base-icons-icon-library-24-filled-journey.markup-only.html
@@ -0,0 +1,33 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="capacity-indicator" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator))</code> or <code>@include icon(glyph(capacity-indicator), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator"</code> or <code>data-icon="capacity-indicator" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked))</code> or <code>@include icon(glyph(capacity-indicator-fully-booked), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked"</code> or <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high))</code> or <code>@include icon(glyph(capacity-indicator-high), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high"</code> or <code>data-icon="capacity-indicator-high" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low))</code> or <code>@include icon(glyph(capacity-indicator-low), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low"</code> or <code>data-icon="capacity-indicator-low" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination))</code> or <code>@include icon(glyph(destination), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="destination"</code> or <code>data-icon="destination" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-journey/base-icons-icon-library-24-filled-journey.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-journey/base-icons-icon-library-24-filled-journey.rendered.html
new file mode 100644
index 0000000000..5de552afed
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-journey/base-icons-icon-library-24-filled-journey.rendered.html
@@ -0,0 +1,150 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="capacity-indicator" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator))</code> or <code>@include icon(glyph(capacity-indicator), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator"</code> or <code>data-icon="capacity-indicator" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked))</code> or <code>@include icon(glyph(capacity-indicator-fully-booked), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked"</code> or <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high))</code> or <code>@include icon(glyph(capacity-indicator-high), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high"</code> or <code>data-icon="capacity-indicator-high" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low))</code> or <code>@include icon(glyph(capacity-indicator-low), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low"</code> or <code>data-icon="capacity-indicator-low" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination))</code> or <code>@include icon(glyph(destination), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="destination"</code> or <code>data-icon="destination" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Journey","patternPartial":"base-icon-library-24-filled-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Journey","patternPartial":"base-icon-library-24-filled-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-maps/base-icons-icon-library-24-filled-maps.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-maps/base-icons-icon-library-24-filled-maps.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-maps/base-icons-icon-library-24-filled-maps.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-maps/base-icons-icon-library-24-filled-maps.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-maps/base-icons-icon-library-24-filled-maps.markup-only.html
new file mode 100644
index 0000000000..996649858a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-maps/base-icons-icon-library-24-filled-maps.markup-only.html
@@ -0,0 +1,15 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps))</code> or <code>@include icon(glyph(gps), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps"</code> or <code>data-icon="gps" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north))</code> or <code>@include icon(glyph(gps-north), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps-north"</code> or <code>data-icon="gps-north" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-maps/base-icons-icon-library-24-filled-maps.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-maps/base-icons-icon-library-24-filled-maps.rendered.html
new file mode 100644
index 0000000000..37d0bfef7e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-maps/base-icons-icon-library-24-filled-maps.rendered.html
@@ -0,0 +1,132 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps))</code> or <code>@include icon(glyph(gps), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps"</code> or <code>data-icon="gps" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north))</code> or <code>@include icon(glyph(gps-north), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps-north"</code> or <code>data-icon="gps-north" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Maps","patternPartial":"base-icon-library-24-filled-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Maps","patternPartial":"base-icon-library-24-filled-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-navigation/base-icons-icon-library-24-filled-navigation.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-navigation/base-icons-icon-library-24-filled-navigation.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-navigation/base-icons-icon-library-24-filled-navigation.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-navigation/base-icons-icon-library-24-filled-navigation.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-navigation/base-icons-icon-library-24-filled-navigation.markup-only.html
new file mode 100644
index 0000000000..35ac5a5161
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-navigation/base-icons-icon-library-24-filled-navigation.markup-only.html
@@ -0,0 +1,9 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel))</code> or <code>@include icon(glyph(cancel), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel"</code> or <code>data-icon="cancel" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-navigation/base-icons-icon-library-24-filled-navigation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-navigation/base-icons-icon-library-24-filled-navigation.rendered.html
new file mode 100644
index 0000000000..34ef793d00
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-navigation/base-icons-icon-library-24-filled-navigation.rendered.html
@@ -0,0 +1,126 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel))</code> or <code>@include icon(glyph(cancel), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel"</code> or <code>data-icon="cancel" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Navigation","patternPartial":"base-icon-library-24-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Navigation","patternPartial":"base-icon-library-24-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-notification/base-icons-icon-library-24-filled-notification.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-notification/base-icons-icon-library-24-filled-notification.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-notification/base-icons-icon-library-24-filled-notification.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-notification/base-icons-icon-library-24-filled-notification.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-notification/base-icons-icon-library-24-filled-notification.markup-only.html
new file mode 100644
index 0000000000..f788d34427
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-notification/base-icons-icon-library-24-filled-notification.markup-only.html
@@ -0,0 +1,15 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error))</code> or <code>@include icon(glyph(error), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="error"</code> or <code>data-icon="error" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning))</code> or <code>@include icon(glyph(warning), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning"</code> or <code>data-icon="warning" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-notification/base-icons-icon-library-24-filled-notification.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-notification/base-icons-icon-library-24-filled-notification.rendered.html
new file mode 100644
index 0000000000..dca4cdc7b5
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-notification/base-icons-icon-library-24-filled-notification.rendered.html
@@ -0,0 +1,132 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error))</code> or <code>@include icon(glyph(error), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="error"</code> or <code>data-icon="error" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning))</code> or <code>@include icon(glyph(warning), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning"</code> or <code>data-icon="warning" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Notification","patternPartial":"base-icon-library-24-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Notification","patternPartial":"base-icon-library-24-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-transportation/base-icons-icon-library-24-filled-transportation.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-transportation/base-icons-icon-library-24-filled-transportation.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-transportation/base-icons-icon-library-24-filled-transportation.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-transportation/base-icons-icon-library-24-filled-transportation.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-transportation/base-icons-icon-library-24-filled-transportation.markup-only.html
new file mode 100644
index 0000000000..80a4acb33b
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-transportation/base-icons-icon-library-24-filled-transportation.markup-only.html
@@ -0,0 +1,153 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane))</code> or <code>@include icon(glyph(airplane), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="airplane"</code> or <code>data-icon="airplane" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle))</code> or <code>@include icon(glyph(bicycle), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle"</code> or <code>data-icon="bicycle" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer))</code> or <code>@include icon(glyph(bicycle-trailer), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer"</code> or <code>data-icon="bicycle-trailer" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike))</code> or <code>@include icon(glyph(call-a-bike), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike"</code> or <code>data-icon="call-a-bike" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car))</code> or <code>@include icon(glyph(car), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="car"</code> or <code>data-icon="car" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing))</code> or <code>@include icon(glyph(carsharing), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="carsharing"</code> or <code>data-icon="carsharing" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive))</code> or <code>@include icon(glyph(electric-locomotive), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive"</code> or <code>data-icon="electric-locomotive" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter))</code> or <code>@include icon(glyph(electric-scooter), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter"</code> or <code>data-icon="electric-scooter" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car))</code> or <code>@include icon(glyph(ev-car), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="ev-car"</code> or <code>data-icon="ev-car" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry))</code> or <code>@include icon(glyph(ferry), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="ferry"</code> or <code>data-icon="ferry" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart))</code> or <code>@include icon(glyph(handcart), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="handcart"</code> or <code>data-icon="handcart" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice))</code> or <code>@include icon(glyph(ice), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="ice"</code> or <code>data-icon="ice" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train))</code> or <code>@include icon(glyph(intercity-train), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="intercity-train"</code> or <code>data-icon="intercity-train" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus))</code> or <code>@include icon(glyph(local-bus), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-bus"</code> or <code>data-icon="local-bus" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus))</code> or <code>@include icon(glyph(long-distance-bus), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus"</code> or <code>data-icon="long-distance-bus" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train))</code> or <code>@include icon(glyph(local-train), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-train"</code> or <code>data-icon="local-train" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn))</code> or <code>@include icon(glyph(s-bahn), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="s-bahn"</code> or <code>data-icon="s-bahn" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter))</code> or <code>@include icon(glyph(scooter), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="scooter"</code> or <code>data-icon="scooter" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat))</code> or <code>@include icon(glyph(speedboat), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="speedboat"</code> or <code>data-icon="speedboat" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway))</code> or <code>@include icon(glyph(subway), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="subway"</code> or <code>data-icon="subway" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi))</code> or <code>@include icon(glyph(taxi), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="taxi"</code> or <code>data-icon="taxi" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car))</code> or <code>@include icon(glyph(train-and-car), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="train-and-car"</code> or <code>data-icon="train-and-car" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram))</code> or <code>@include icon(glyph(tram), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="tram"</code> or <code>data-icon="tram" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking))</code> or <code>@include icon(glyph(walking), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking"</code> or <code>data-icon="walking" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast))</code> or <code>@include icon(glyph(walking-fast), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking-fast"</code> or <code>data-icon="walking-fast" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-transportation/base-icons-icon-library-24-filled-transportation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-transportation/base-icons-icon-library-24-filled-transportation.rendered.html
new file mode 100644
index 0000000000..055bd2d73a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-filled-transportation/base-icons-icon-library-24-filled-transportation.rendered.html
@@ -0,0 +1,270 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane))</code> or <code>@include icon(glyph(airplane), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="airplane"</code> or <code>data-icon="airplane" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle))</code> or <code>@include icon(glyph(bicycle), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle"</code> or <code>data-icon="bicycle" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer))</code> or <code>@include icon(glyph(bicycle-trailer), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer"</code> or <code>data-icon="bicycle-trailer" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike))</code> or <code>@include icon(glyph(call-a-bike), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike"</code> or <code>data-icon="call-a-bike" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car))</code> or <code>@include icon(glyph(car), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="car"</code> or <code>data-icon="car" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing))</code> or <code>@include icon(glyph(carsharing), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="carsharing"</code> or <code>data-icon="carsharing" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive))</code> or <code>@include icon(glyph(electric-locomotive), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive"</code> or <code>data-icon="electric-locomotive" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter))</code> or <code>@include icon(glyph(electric-scooter), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter"</code> or <code>data-icon="electric-scooter" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car))</code> or <code>@include icon(glyph(ev-car), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="ev-car"</code> or <code>data-icon="ev-car" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry))</code> or <code>@include icon(glyph(ferry), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="ferry"</code> or <code>data-icon="ferry" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart))</code> or <code>@include icon(glyph(handcart), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="handcart"</code> or <code>data-icon="handcart" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice))</code> or <code>@include icon(glyph(ice), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="ice"</code> or <code>data-icon="ice" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train))</code> or <code>@include icon(glyph(intercity-train), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="intercity-train"</code> or <code>data-icon="intercity-train" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus))</code> or <code>@include icon(glyph(local-bus), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-bus"</code> or <code>data-icon="local-bus" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus))</code> or <code>@include icon(glyph(long-distance-bus), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus"</code> or <code>data-icon="long-distance-bus" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train))</code> or <code>@include icon(glyph(local-train), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-train"</code> or <code>data-icon="local-train" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn))</code> or <code>@include icon(glyph(s-bahn), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="s-bahn"</code> or <code>data-icon="s-bahn" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter))</code> or <code>@include icon(glyph(scooter), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="scooter"</code> or <code>data-icon="scooter" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat))</code> or <code>@include icon(glyph(speedboat), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="speedboat"</code> or <code>data-icon="speedboat" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway))</code> or <code>@include icon(glyph(subway), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="subway"</code> or <code>data-icon="subway" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi))</code> or <code>@include icon(glyph(taxi), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="taxi"</code> or <code>data-icon="taxi" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car))</code> or <code>@include icon(glyph(train-and-car), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="train-and-car"</code> or <code>data-icon="train-and-car" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram))</code> or <code>@include icon(glyph(tram), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="tram"</code> or <code>data-icon="tram" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking))</code> or <code>@include icon(glyph(walking), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking"</code> or <code>data-icon="walking" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast))</code> or <code>@include icon(glyph(walking-fast), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking-fast"</code> or <code>data-icon="walking-fast" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Transportation","patternPartial":"base-icon-library-24-filled-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Transportation","patternPartial":"base-icon-library-24-filled-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-action/base-icons-icon-library-24-outline-action.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-action/base-icons-icon-library-24-outline-action.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-action/base-icons-icon-library-24-outline-action.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-action/base-icons-icon-library-24-outline-action.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-action/base-icons-icon-library-24-outline-action.markup-only.html
new file mode 100644
index 0000000000..c313e40a1e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-action/base-icons-icon-library-24-outline-action.markup-only.html
@@ -0,0 +1,591 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account))</code> or <code>@include icon(glyph(account), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="account"</code> or <code>data-icon="account" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add))</code> or <code>@include icon(glyph(add), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="add"</code> or <code>data-icon="add" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle))</code> or <code>@include icon(glyph(add-circle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-circle"</code> or <code>data-icon="add-circle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-link" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-link))</code> or <code>@include icon(glyph(add-link), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-link"</code> or <code>data-icon="add-link" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm))</code> or <code>@include icon(glyph(alarm), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm"</code> or <code>data-icon="alarm" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm-add" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm-add))</code> or <code>@include icon(glyph(alarm-add), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm-add"</code> or <code>data-icon="alarm-add" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert))</code> or <code>@include icon(glyph(alert), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert"</code> or <code>data-icon="alert" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert-off))</code> or <code>@include icon(glyph(alert-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert-off"</code> or <code>data-icon="alert-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="artificial-intelligence" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(artificial-intelligence))</code> or <code>@include icon(glyph(artificial-intelligence), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="artificial-intelligence"</code> or <code>data-icon="artificial-intelligence" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="attachment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(attachment))</code> or <code>@include icon(glyph(attachment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="attachment"</code> or <code>data-icon="attachment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="augmented-reality" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(augmented-reality))</code> or <code>@include icon(glyph(augmented-reality), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="augmented-reality"</code> or <code>data-icon="augmented-reality" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block))</code> or <code>@include icon(glyph(block), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="block"</code> or <code>data-icon="block" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark))</code> or <code>@include icon(glyph(bookmark), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bookmark"</code> or <code>data-icon="bookmark" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bug" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bug))</code> or <code>@include icon(glyph(bug), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bug"</code> or <code>data-icon="bug" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build))</code> or <code>@include icon(glyph(build), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="build"</code> or <code>data-icon="build" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="calendar" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(calendar))</code> or <code>@include icon(glyph(calendar), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="calendar"</code> or <code>data-icon="calendar" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera))</code> or <code>@include icon(glyph(camera), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="camera"</code> or <code>data-icon="camera" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cash" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cash))</code> or <code>@include icon(glyph(cash), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cash"</code> or <code>data-icon="cash" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle))</code> or <code>@include icon(glyph(check-circle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="check-circle"</code> or <code>data-icon="check-circle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud))</code> or <code>@include icon(glyph(cloud), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud"</code> or <code>data-icon="cloud" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-download" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-download))</code> or <code>@include icon(glyph(cloud-download), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-download"</code> or <code>data-icon="cloud-download" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-upload" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-upload))</code> or <code>@include icon(glyph(cloud-upload), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-upload"</code> or <code>data-icon="cloud-upload" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="compass" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(compass))</code> or <code>@include icon(glyph(compass), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="compass"</code> or <code>data-icon="compass" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy))</code> or <code>@include icon(glyph(copy), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="copy"</code> or <code>data-icon="copy" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card))</code> or <code>@include icon(glyph(credit-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="credit-card"</code> or <code>data-icon="credit-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard))</code> or <code>@include icon(glyph(dashboard), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="dashboard"</code> or <code>data-icon="dashboard" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="delete" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(delete))</code> or <code>@include icon(glyph(delete), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="delete"</code> or <code>data-icon="delete" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount))</code> or <code>@include icon(glyph(discount), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="discount"</code> or <code>data-icon="discount" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document))</code> or <code>@include icon(glyph(document), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="document"</code> or <code>data-icon="document" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-check" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-check))</code> or <code>@include icon(glyph(document-check), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-check"</code> or <code>data-icon="document-check" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-cross" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-cross))</code> or <code>@include icon(glyph(document-cross), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-cross"</code> or <code>data-icon="document-cross" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done))</code> or <code>@include icon(glyph(done), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="done"</code> or <code>data-icon="done" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="download" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(download))</code> or <code>@include icon(glyph(download), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="download"</code> or <code>data-icon="download" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drag-and-drop" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drag-and-drop))</code> or <code>@include icon(glyph(drag-and-drop), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="drag-and-drop"</code> or <code>data-icon="drag-and-drop" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit))</code> or <code>@include icon(glyph(edit), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="edit"</code> or <code>data-icon="edit" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="euro-sign" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(euro-sign))</code> or <code>@include icon(glyph(euro-sign), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="euro-sign"</code> or <code>data-icon="euro-sign" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-delighted" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-delighted))</code> or <code>@include icon(glyph(face-delighted), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-delighted"</code> or <code>data-icon="face-delighted" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-disappointed" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-disappointed))</code> or <code>@include icon(glyph(face-disappointed), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-disappointed"</code> or <code>data-icon="face-disappointed" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-neutral" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-neutral))</code> or <code>@include icon(glyph(face-neutral), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-neutral"</code> or <code>data-icon="face-neutral" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-sad" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-sad))</code> or <code>@include icon(glyph(face-sad), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-sad"</code> or <code>data-icon="face-sad" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-smiling" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-smiling))</code> or <code>@include icon(glyph(face-smiling), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-smiling"</code> or <code>data-icon="face-smiling" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="filter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(filter))</code> or <code>@include icon(glyph(filter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="filter"</code> or <code>data-icon="filter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fingerprint" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fingerprint))</code> or <code>@include icon(glyph(fingerprint), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fingerprint"</code> or <code>data-icon="fingerprint" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder))</code> or <code>@include icon(glyph(folder), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder"</code> or <code>data-icon="folder" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open))</code> or <code>@include icon(glyph(folder-open), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder-open"</code> or <code>data-icon="folder-open" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card))</code> or <code>@include icon(glyph(generic-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="generic-card"</code> or <code>data-icon="generic-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="giftcard" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(giftcard))</code> or <code>@include icon(glyph(giftcard), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="giftcard"</code> or <code>data-icon="giftcard" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing))</code> or <code>@include icon(glyph(hearing), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing"</code> or <code>data-icon="hearing" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing-disabled" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing-disabled))</code> or <code>@include icon(glyph(hearing-disabled), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing-disabled"</code> or <code>data-icon="hearing-disabled" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart))</code> or <code>@include icon(glyph(heart), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="heart"</code> or <code>data-icon="heart" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help))</code> or <code>@include icon(glyph(help), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="help"</code> or <code>data-icon="help" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="id-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(id-card))</code> or <code>@include icon(glyph(id-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="id-card"</code> or <code>data-icon="id-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image))</code> or <code>@include icon(glyph(image), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="image"</code> or <code>data-icon="image" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info))</code> or <code>@include icon(glyph(info), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="info"</code> or <code>data-icon="info" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="key" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(key))</code> or <code>@include icon(glyph(key), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="key"</code> or <code>data-icon="key" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="legal" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(legal))</code> or <code>@include icon(glyph(legal), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="legal"</code> or <code>data-icon="legal" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lightbulb" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lightbulb))</code> or <code>@include icon(glyph(lightbulb), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="lightbulb"</code> or <code>data-icon="lightbulb" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close))</code> or <code>@include icon(glyph(lock-close), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-close"</code> or <code>data-icon="lock-close" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open))</code> or <code>@include icon(glyph(lock-open), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-open"</code> or <code>data-icon="lock-open" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="log-out" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(log-out))</code> or <code>@include icon(glyph(log-out), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="log-out"</code> or <code>data-icon="log-out" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="logbook" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logbook))</code> or <code>@include icon(glyph(logbook), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="logbook"</code> or <code>data-icon="logbook" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus))</code> or <code>@include icon(glyph(minus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus"</code> or <code>data-icon="minus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="piggybank" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(piggybank))</code> or <code>@include icon(glyph(piggybank), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="piggybank"</code> or <code>data-icon="piggybank" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin))</code> or <code>@include icon(glyph(pin), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="pin"</code> or <code>data-icon="pin" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print))</code> or <code>@include icon(glyph(print), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="print"</code> or <code>data-icon="print" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pulse-wave" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pulse-wave))</code> or <code>@include icon(glyph(pulse-wave), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="pulse-wave"</code> or <code>data-icon="pulse-wave" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="push-button" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(push-button))</code> or <code>@include icon(glyph(push-button), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="push-button"</code> or <code>data-icon="push-button" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove))</code> or <code>@include icon(glyph(remove), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="remove"</code> or <code>data-icon="remove" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize))</code> or <code>@include icon(glyph(resize), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize"</code> or <code>data-icon="resize" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize-handle-corner" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize-handle-corner))</code> or <code>@include icon(glyph(resize-handle-corner), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize-handle-corner"</code> or <code>data-icon="resize-handle-corner" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save))</code> or <code>@include icon(glyph(save), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="save"</code> or <code>data-icon="save" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule))</code> or <code>@include icon(glyph(schedule), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="schedule"</code> or <code>data-icon="schedule" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="search" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(search))</code> or <code>@include icon(glyph(search), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="search"</code> or <code>data-icon="search" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="send" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(send))</code> or <code>@include icon(glyph(send), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="send"</code> or <code>data-icon="send" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa))</code> or <code>@include icon(glyph(sepa), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sepa"</code> or <code>data-icon="sepa" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="settings" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(settings))</code> or <code>@include icon(glyph(settings), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="settings"</code> or <code>data-icon="settings" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share))</code> or <code>@include icon(glyph(share), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="share"</code> or <code>data-icon="share" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag))</code> or <code>@include icon(glyph(shopping-bag), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag"</code> or <code>data-icon="shopping-bag" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket))</code> or <code>@include icon(glyph(shopping-basket), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket"</code> or <code>data-icon="shopping-basket" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled))</code> or <code>@include icon(glyph(shopping-basket-disabled), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled"</code> or <code>data-icon="shopping-basket-disabled" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart))</code> or <code>@include icon(glyph(shopping-cart), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart"</code> or <code>data-icon="shopping-cart" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart-disabled" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart-disabled))</code> or <code>@include icon(glyph(shopping-cart-disabled), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart-disabled"</code> or <code>data-icon="shopping-cart-disabled" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-down))</code> or <code>@include icon(glyph(sort-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-down"</code> or <code>data-icon="sort-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-up))</code> or <code>@include icon(glyph(sort-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-up"</code> or <code>data-icon="sort-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star))</code> or <code>@include icon(glyph(star), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="star"</code> or <code>data-icon="star" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-horizontal" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-horizontal))</code> or <code>@include icon(glyph(swap-horizontal), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-horizontal"</code> or <code>data-icon="swap-horizontal" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-vertical" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-vertical))</code> or <code>@include icon(glyph(swap-vertical), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-vertical"</code> or <code>data-icon="swap-vertical" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up))</code> or <code>@include icon(glyph(thumb-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up"</code> or <code>data-icon="thumb-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up-down))</code> or <code>@include icon(glyph(thumb-up-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up-down"</code> or <code>data-icon="thumb-up-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="translation" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(translation))</code> or <code>@include icon(glyph(translation), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="translation"</code> or <code>data-icon="translation" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="undo" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(undo))</code> or <code>@include icon(glyph(undo), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="undo"</code> or <code>data-icon="undo" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="upload" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(upload))</code> or <code>@include icon(glyph(upload), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="upload"</code> or <code>data-icon="upload" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility))</code> or <code>@include icon(glyph(visibility), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility"</code> or <code>data-icon="visibility" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility-off))</code> or <code>@include icon(glyph(visibility-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility-off"</code> or <code>data-icon="visibility-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher))</code> or <code>@include icon(glyph(voucher), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="voucher"</code> or <code>data-icon="voucher" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="website" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(website))</code> or <code>@include icon(glyph(website), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="website"</code> or <code>data-icon="website" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-in" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-in))</code> or <code>@include icon(glyph(zoom-in), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-in"</code> or <code>data-icon="zoom-in" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-out" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-out))</code> or <code>@include icon(glyph(zoom-out), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-out"</code> or <code>data-icon="zoom-out" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-action/base-icons-icon-library-24-outline-action.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-action/base-icons-icon-library-24-outline-action.rendered.html
new file mode 100644
index 0000000000..117b5026da
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-action/base-icons-icon-library-24-outline-action.rendered.html
@@ -0,0 +1,708 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account))</code> or <code>@include icon(glyph(account), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="account"</code> or <code>data-icon="account" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add))</code> or <code>@include icon(glyph(add), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="add"</code> or <code>data-icon="add" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle))</code> or <code>@include icon(glyph(add-circle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-circle"</code> or <code>data-icon="add-circle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-link" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-link))</code> or <code>@include icon(glyph(add-link), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-link"</code> or <code>data-icon="add-link" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm))</code> or <code>@include icon(glyph(alarm), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm"</code> or <code>data-icon="alarm" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm-add" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm-add))</code> or <code>@include icon(glyph(alarm-add), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm-add"</code> or <code>data-icon="alarm-add" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert))</code> or <code>@include icon(glyph(alert), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert"</code> or <code>data-icon="alert" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert-off))</code> or <code>@include icon(glyph(alert-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert-off"</code> or <code>data-icon="alert-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="artificial-intelligence" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(artificial-intelligence))</code> or <code>@include icon(glyph(artificial-intelligence), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="artificial-intelligence"</code> or <code>data-icon="artificial-intelligence" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="attachment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(attachment))</code> or <code>@include icon(glyph(attachment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="attachment"</code> or <code>data-icon="attachment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="augmented-reality" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(augmented-reality))</code> or <code>@include icon(glyph(augmented-reality), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="augmented-reality"</code> or <code>data-icon="augmented-reality" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block))</code> or <code>@include icon(glyph(block), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="block"</code> or <code>data-icon="block" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark))</code> or <code>@include icon(glyph(bookmark), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bookmark"</code> or <code>data-icon="bookmark" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bug" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bug))</code> or <code>@include icon(glyph(bug), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bug"</code> or <code>data-icon="bug" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build))</code> or <code>@include icon(glyph(build), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="build"</code> or <code>data-icon="build" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="calendar" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(calendar))</code> or <code>@include icon(glyph(calendar), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="calendar"</code> or <code>data-icon="calendar" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera))</code> or <code>@include icon(glyph(camera), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="camera"</code> or <code>data-icon="camera" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cash" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cash))</code> or <code>@include icon(glyph(cash), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cash"</code> or <code>data-icon="cash" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle))</code> or <code>@include icon(glyph(check-circle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="check-circle"</code> or <code>data-icon="check-circle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud))</code> or <code>@include icon(glyph(cloud), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud"</code> or <code>data-icon="cloud" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-download" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-download))</code> or <code>@include icon(glyph(cloud-download), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-download"</code> or <code>data-icon="cloud-download" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-upload" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-upload))</code> or <code>@include icon(glyph(cloud-upload), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-upload"</code> or <code>data-icon="cloud-upload" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="compass" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(compass))</code> or <code>@include icon(glyph(compass), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="compass"</code> or <code>data-icon="compass" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy))</code> or <code>@include icon(glyph(copy), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="copy"</code> or <code>data-icon="copy" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card))</code> or <code>@include icon(glyph(credit-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="credit-card"</code> or <code>data-icon="credit-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard))</code> or <code>@include icon(glyph(dashboard), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="dashboard"</code> or <code>data-icon="dashboard" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="delete" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(delete))</code> or <code>@include icon(glyph(delete), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="delete"</code> or <code>data-icon="delete" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount))</code> or <code>@include icon(glyph(discount), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="discount"</code> or <code>data-icon="discount" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document))</code> or <code>@include icon(glyph(document), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="document"</code> or <code>data-icon="document" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-check" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-check))</code> or <code>@include icon(glyph(document-check), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-check"</code> or <code>data-icon="document-check" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-cross" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-cross))</code> or <code>@include icon(glyph(document-cross), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-cross"</code> or <code>data-icon="document-cross" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done))</code> or <code>@include icon(glyph(done), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="done"</code> or <code>data-icon="done" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="download" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(download))</code> or <code>@include icon(glyph(download), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="download"</code> or <code>data-icon="download" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drag-and-drop" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drag-and-drop))</code> or <code>@include icon(glyph(drag-and-drop), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="drag-and-drop"</code> or <code>data-icon="drag-and-drop" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit))</code> or <code>@include icon(glyph(edit), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="edit"</code> or <code>data-icon="edit" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="euro-sign" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(euro-sign))</code> or <code>@include icon(glyph(euro-sign), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="euro-sign"</code> or <code>data-icon="euro-sign" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-delighted" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-delighted))</code> or <code>@include icon(glyph(face-delighted), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-delighted"</code> or <code>data-icon="face-delighted" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-disappointed" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-disappointed))</code> or <code>@include icon(glyph(face-disappointed), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-disappointed"</code> or <code>data-icon="face-disappointed" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-neutral" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-neutral))</code> or <code>@include icon(glyph(face-neutral), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-neutral"</code> or <code>data-icon="face-neutral" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-sad" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-sad))</code> or <code>@include icon(glyph(face-sad), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-sad"</code> or <code>data-icon="face-sad" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-smiling" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-smiling))</code> or <code>@include icon(glyph(face-smiling), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-smiling"</code> or <code>data-icon="face-smiling" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="filter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(filter))</code> or <code>@include icon(glyph(filter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="filter"</code> or <code>data-icon="filter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fingerprint" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fingerprint))</code> or <code>@include icon(glyph(fingerprint), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fingerprint"</code> or <code>data-icon="fingerprint" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder))</code> or <code>@include icon(glyph(folder), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder"</code> or <code>data-icon="folder" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open))</code> or <code>@include icon(glyph(folder-open), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder-open"</code> or <code>data-icon="folder-open" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card))</code> or <code>@include icon(glyph(generic-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="generic-card"</code> or <code>data-icon="generic-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="giftcard" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(giftcard))</code> or <code>@include icon(glyph(giftcard), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="giftcard"</code> or <code>data-icon="giftcard" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing))</code> or <code>@include icon(glyph(hearing), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing"</code> or <code>data-icon="hearing" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing-disabled" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing-disabled))</code> or <code>@include icon(glyph(hearing-disabled), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing-disabled"</code> or <code>data-icon="hearing-disabled" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart))</code> or <code>@include icon(glyph(heart), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="heart"</code> or <code>data-icon="heart" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help))</code> or <code>@include icon(glyph(help), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="help"</code> or <code>data-icon="help" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="id-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(id-card))</code> or <code>@include icon(glyph(id-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="id-card"</code> or <code>data-icon="id-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image))</code> or <code>@include icon(glyph(image), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="image"</code> or <code>data-icon="image" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info))</code> or <code>@include icon(glyph(info), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="info"</code> or <code>data-icon="info" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="key" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(key))</code> or <code>@include icon(glyph(key), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="key"</code> or <code>data-icon="key" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="legal" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(legal))</code> or <code>@include icon(glyph(legal), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="legal"</code> or <code>data-icon="legal" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lightbulb" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lightbulb))</code> or <code>@include icon(glyph(lightbulb), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="lightbulb"</code> or <code>data-icon="lightbulb" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close))</code> or <code>@include icon(glyph(lock-close), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-close"</code> or <code>data-icon="lock-close" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open))</code> or <code>@include icon(glyph(lock-open), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-open"</code> or <code>data-icon="lock-open" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="log-out" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(log-out))</code> or <code>@include icon(glyph(log-out), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="log-out"</code> or <code>data-icon="log-out" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="logbook" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logbook))</code> or <code>@include icon(glyph(logbook), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="logbook"</code> or <code>data-icon="logbook" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus))</code> or <code>@include icon(glyph(minus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus"</code> or <code>data-icon="minus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="piggybank" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(piggybank))</code> or <code>@include icon(glyph(piggybank), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="piggybank"</code> or <code>data-icon="piggybank" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin))</code> or <code>@include icon(glyph(pin), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="pin"</code> or <code>data-icon="pin" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print))</code> or <code>@include icon(glyph(print), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="print"</code> or <code>data-icon="print" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pulse-wave" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pulse-wave))</code> or <code>@include icon(glyph(pulse-wave), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="pulse-wave"</code> or <code>data-icon="pulse-wave" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="push-button" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(push-button))</code> or <code>@include icon(glyph(push-button), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="push-button"</code> or <code>data-icon="push-button" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove))</code> or <code>@include icon(glyph(remove), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="remove"</code> or <code>data-icon="remove" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize))</code> or <code>@include icon(glyph(resize), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize"</code> or <code>data-icon="resize" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize-handle-corner" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize-handle-corner))</code> or <code>@include icon(glyph(resize-handle-corner), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize-handle-corner"</code> or <code>data-icon="resize-handle-corner" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save))</code> or <code>@include icon(glyph(save), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="save"</code> or <code>data-icon="save" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule))</code> or <code>@include icon(glyph(schedule), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="schedule"</code> or <code>data-icon="schedule" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="search" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(search))</code> or <code>@include icon(glyph(search), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="search"</code> or <code>data-icon="search" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="send" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(send))</code> or <code>@include icon(glyph(send), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="send"</code> or <code>data-icon="send" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa))</code> or <code>@include icon(glyph(sepa), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sepa"</code> or <code>data-icon="sepa" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="settings" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(settings))</code> or <code>@include icon(glyph(settings), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="settings"</code> or <code>data-icon="settings" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share))</code> or <code>@include icon(glyph(share), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="share"</code> or <code>data-icon="share" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag))</code> or <code>@include icon(glyph(shopping-bag), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag"</code> or <code>data-icon="shopping-bag" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket))</code> or <code>@include icon(glyph(shopping-basket), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket"</code> or <code>data-icon="shopping-basket" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled))</code> or <code>@include icon(glyph(shopping-basket-disabled), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled"</code> or <code>data-icon="shopping-basket-disabled" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart))</code> or <code>@include icon(glyph(shopping-cart), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart"</code> or <code>data-icon="shopping-cart" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart-disabled" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart-disabled))</code> or <code>@include icon(glyph(shopping-cart-disabled), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart-disabled"</code> or <code>data-icon="shopping-cart-disabled" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-down))</code> or <code>@include icon(glyph(sort-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-down"</code> or <code>data-icon="sort-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-up))</code> or <code>@include icon(glyph(sort-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-up"</code> or <code>data-icon="sort-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star))</code> or <code>@include icon(glyph(star), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="star"</code> or <code>data-icon="star" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-horizontal" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-horizontal))</code> or <code>@include icon(glyph(swap-horizontal), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-horizontal"</code> or <code>data-icon="swap-horizontal" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-vertical" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-vertical))</code> or <code>@include icon(glyph(swap-vertical), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-vertical"</code> or <code>data-icon="swap-vertical" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up))</code> or <code>@include icon(glyph(thumb-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up"</code> or <code>data-icon="thumb-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up-down))</code> or <code>@include icon(glyph(thumb-up-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up-down"</code> or <code>data-icon="thumb-up-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="translation" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(translation))</code> or <code>@include icon(glyph(translation), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="translation"</code> or <code>data-icon="translation" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="undo" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(undo))</code> or <code>@include icon(glyph(undo), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="undo"</code> or <code>data-icon="undo" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="upload" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(upload))</code> or <code>@include icon(glyph(upload), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="upload"</code> or <code>data-icon="upload" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility))</code> or <code>@include icon(glyph(visibility), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility"</code> or <code>data-icon="visibility" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility-off))</code> or <code>@include icon(glyph(visibility-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility-off"</code> or <code>data-icon="visibility-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher))</code> or <code>@include icon(glyph(voucher), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="voucher"</code> or <code>data-icon="voucher" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="website" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(website))</code> or <code>@include icon(glyph(website), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="website"</code> or <code>data-icon="website" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-in" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-in))</code> or <code>@include icon(glyph(zoom-in), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-in"</code> or <code>data-icon="zoom-in" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-out" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-out))</code> or <code>@include icon(glyph(zoom-out), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-out"</code> or <code>data-icon="zoom-out" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Action","patternPartial":"base-icon-library-24-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Action","patternPartial":"base-icon-library-24-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-av/base-icons-icon-library-24-outline-av.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-av/base-icons-icon-library-24-outline-av.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-av/base-icons-icon-library-24-outline-av.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-av/base-icons-icon-library-24-outline-av.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-av/base-icons-icon-library-24-outline-av.markup-only.html
new file mode 100644
index 0000000000..6a09473630
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-av/base-icons-icon-library-24-outline-av.markup-only.html
@@ -0,0 +1,117 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward))</code> or <code>@include icon(glyph(fast-backward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward"</code> or <code>data-icon="fast-backward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-10" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-10))</code> or <code>@include icon(glyph(fast-backward-10), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-10"</code> or <code>data-icon="fast-backward-10" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-30" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-30))</code> or <code>@include icon(glyph(fast-backward-30), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-30"</code> or <code>data-icon="fast-backward-30" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-empty" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-empty))</code> or <code>@include icon(glyph(fast-backward-empty), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-empty"</code> or <code>data-icon="fast-backward-empty" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward))</code> or <code>@include icon(glyph(fast-forward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward"</code> or <code>data-icon="fast-forward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-10" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-10))</code> or <code>@include icon(glyph(fast-forward-10), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-10"</code> or <code>data-icon="fast-forward-10" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-30" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-30))</code> or <code>@include icon(glyph(fast-forward-30), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-30"</code> or <code>data-icon="fast-forward-30" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-empty" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-empty))</code> or <code>@include icon(glyph(fast-forward-empty), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-empty"</code> or <code>data-icon="fast-forward-empty" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone))</code> or <code>@include icon(glyph(microphone), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="microphone"</code> or <code>data-icon="microphone" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause))</code> or <code>@include icon(glyph(pause), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause"</code> or <code>data-icon="pause" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play))</code> or <code>@include icon(glyph(play), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="play"</code> or <code>data-icon="play" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward))</code> or <code>@include icon(glyph(skip-backward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward"</code> or <code>data-icon="skip-backward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward))</code> or <code>@include icon(glyph(skip-forward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward"</code> or <code>data-icon="skip-forward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop))</code> or <code>@include icon(glyph(stop), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop"</code> or <code>data-icon="stop" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles))</code> or <code>@include icon(glyph(subtitles), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="subtitles"</code> or <code>data-icon="subtitles" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-down))</code> or <code>@include icon(glyph(volume-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-down"</code> or <code>data-icon="volume-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-mute" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-mute))</code> or <code>@include icon(glyph(volume-mute), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-mute"</code> or <code>data-icon="volume-mute" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-off))</code> or <code>@include icon(glyph(volume-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-off"</code> or <code>data-icon="volume-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-up))</code> or <code>@include icon(glyph(volume-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-up"</code> or <code>data-icon="volume-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-av/base-icons-icon-library-24-outline-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-av/base-icons-icon-library-24-outline-av.rendered.html
new file mode 100644
index 0000000000..c3ddd58382
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-av/base-icons-icon-library-24-outline-av.rendered.html
@@ -0,0 +1,234 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward))</code> or <code>@include icon(glyph(fast-backward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward"</code> or <code>data-icon="fast-backward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-10" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-10))</code> or <code>@include icon(glyph(fast-backward-10), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-10"</code> or <code>data-icon="fast-backward-10" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-30" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-30))</code> or <code>@include icon(glyph(fast-backward-30), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-30"</code> or <code>data-icon="fast-backward-30" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-empty" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-empty))</code> or <code>@include icon(glyph(fast-backward-empty), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-empty"</code> or <code>data-icon="fast-backward-empty" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward))</code> or <code>@include icon(glyph(fast-forward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward"</code> or <code>data-icon="fast-forward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-10" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-10))</code> or <code>@include icon(glyph(fast-forward-10), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-10"</code> or <code>data-icon="fast-forward-10" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-30" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-30))</code> or <code>@include icon(glyph(fast-forward-30), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-30"</code> or <code>data-icon="fast-forward-30" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-empty" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-empty))</code> or <code>@include icon(glyph(fast-forward-empty), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-empty"</code> or <code>data-icon="fast-forward-empty" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone))</code> or <code>@include icon(glyph(microphone), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="microphone"</code> or <code>data-icon="microphone" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause))</code> or <code>@include icon(glyph(pause), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause"</code> or <code>data-icon="pause" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play))</code> or <code>@include icon(glyph(play), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="play"</code> or <code>data-icon="play" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward))</code> or <code>@include icon(glyph(skip-backward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward"</code> or <code>data-icon="skip-backward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward))</code> or <code>@include icon(glyph(skip-forward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward"</code> or <code>data-icon="skip-forward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop))</code> or <code>@include icon(glyph(stop), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop"</code> or <code>data-icon="stop" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles))</code> or <code>@include icon(glyph(subtitles), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="subtitles"</code> or <code>data-icon="subtitles" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-down))</code> or <code>@include icon(glyph(volume-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-down"</code> or <code>data-icon="volume-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-mute" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-mute))</code> or <code>@include icon(glyph(volume-mute), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-mute"</code> or <code>data-icon="volume-mute" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-off))</code> or <code>@include icon(glyph(volume-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-off"</code> or <code>data-icon="volume-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-up))</code> or <code>@include icon(glyph(volume-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-up"</code> or <code>data-icon="volume-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - AV","patternPartial":"base-icon-library-24-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - AV","patternPartial":"base-icon-library-24-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-brand/base-icons-icon-library-24-outline-brand.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-brand/base-icons-icon-library-24-outline-brand.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-brand/base-icons-icon-library-24-outline-brand.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-brand/base-icons-icon-library-24-outline-brand.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-brand/base-icons-icon-library-24-outline-brand.markup-only.html
new file mode 100644
index 0000000000..9f98dc49b0
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-brand/base-icons-icon-library-24-outline-brand.markup-only.html
@@ -0,0 +1,9 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo))</code> or <code>@include icon(glyph(logo), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo"</code> or <code>data-icon="logo" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-brand/base-icons-icon-library-24-outline-brand.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-brand/base-icons-icon-library-24-outline-brand.rendered.html
new file mode 100644
index 0000000000..1a19ad2b2a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-brand/base-icons-icon-library-24-outline-brand.rendered.html
@@ -0,0 +1,126 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo))</code> or <code>@include icon(glyph(logo), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo"</code> or <code>data-icon="logo" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Brand","patternPartial":"base-icon-library-24-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Brand","patternPartial":"base-icon-library-24-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-communication/base-icons-icon-library-24-outline-communication.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-communication/base-icons-icon-library-24-outline-communication.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-communication/base-icons-icon-library-24-outline-communication.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-communication/base-icons-icon-library-24-outline-communication.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-communication/base-icons-icon-library-24-outline-communication.markup-only.html
new file mode 100644
index 0000000000..5a60aea434
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-communication/base-icons-icon-library-24-outline-communication.markup-only.html
@@ -0,0 +1,81 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call))</code> or <code>@include icon(glyph(call), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="call"</code> or <code>data-icon="call" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat))</code> or <code>@include icon(glyph(chat), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="chat"</code> or <code>data-icon="chat" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation))</code> or <code>@include icon(glyph(conversation), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="conversation"</code> or <code>data-icon="conversation" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fax" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fax))</code> or <code>@include icon(glyph(fax), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fax"</code> or <code>data-icon="fax" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback))</code> or <code>@include icon(glyph(feedback), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="feedback"</code> or <code>data-icon="feedback" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mail" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mail))</code> or <code>@include icon(glyph(mail), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mail"</code> or <code>data-icon="mail" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-phone" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-phone))</code> or <code>@include icon(glyph(mobile-phone), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-phone"</code> or <code>data-icon="mobile-phone" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-off))</code> or <code>@include icon(glyph(mobile-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-off"</code> or <code>data-icon="mobile-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question))</code> or <code>@include icon(glyph(question), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="question"</code> or <code>data-icon="question" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item))</code> or <code>@include icon(glyph(receive-item), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="receive-item"</code> or <code>data-icon="receive-item" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item))</code> or <code>@include icon(glyph(share-item), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="share-item"</code> or <code>data-icon="share-item" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi))</code> or <code>@include icon(glyph(wifi), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi"</code> or <code>data-icon="wifi" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi-off))</code> or <code>@include icon(glyph(wifi-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi-off"</code> or <code>data-icon="wifi-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-communication/base-icons-icon-library-24-outline-communication.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-communication/base-icons-icon-library-24-outline-communication.rendered.html
new file mode 100644
index 0000000000..d3baccc1c8
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-communication/base-icons-icon-library-24-outline-communication.rendered.html
@@ -0,0 +1,198 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call))</code> or <code>@include icon(glyph(call), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="call"</code> or <code>data-icon="call" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat))</code> or <code>@include icon(glyph(chat), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="chat"</code> or <code>data-icon="chat" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation))</code> or <code>@include icon(glyph(conversation), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="conversation"</code> or <code>data-icon="conversation" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fax" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fax))</code> or <code>@include icon(glyph(fax), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fax"</code> or <code>data-icon="fax" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback))</code> or <code>@include icon(glyph(feedback), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="feedback"</code> or <code>data-icon="feedback" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mail" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mail))</code> or <code>@include icon(glyph(mail), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mail"</code> or <code>data-icon="mail" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-phone" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-phone))</code> or <code>@include icon(glyph(mobile-phone), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-phone"</code> or <code>data-icon="mobile-phone" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-off))</code> or <code>@include icon(glyph(mobile-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-off"</code> or <code>data-icon="mobile-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question))</code> or <code>@include icon(glyph(question), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="question"</code> or <code>data-icon="question" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item))</code> or <code>@include icon(glyph(receive-item), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="receive-item"</code> or <code>data-icon="receive-item" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item))</code> or <code>@include icon(glyph(share-item), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="share-item"</code> or <code>data-icon="share-item" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi))</code> or <code>@include icon(glyph(wifi), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi"</code> or <code>data-icon="wifi" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi-off))</code> or <code>@include icon(glyph(wifi-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi-off"</code> or <code>data-icon="wifi-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Communication","patternPartial":"base-icon-library-24-outline-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Communication","patternPartial":"base-icon-library-24-outline-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-covid-19/base-icons-icon-library-24-outline-covid-19.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-covid-19/base-icons-icon-library-24-outline-covid-19.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-covid-19/base-icons-icon-library-24-outline-covid-19.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-covid-19/base-icons-icon-library-24-outline-covid-19.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-covid-19/base-icons-icon-library-24-outline-covid-19.markup-only.html
new file mode 100644
index 0000000000..f68b7d1270
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-covid-19/base-icons-icon-library-24-outline-covid-19.markup-only.html
@@ -0,0 +1,9 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="mask" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mask))</code> or <code>@include icon(glyph(mask), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mask"</code> or <code>data-icon="mask" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-covid-19/base-icons-icon-library-24-outline-covid-19.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-covid-19/base-icons-icon-library-24-outline-covid-19.rendered.html
new file mode 100644
index 0000000000..5f4ea8d98d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-covid-19/base-icons-icon-library-24-outline-covid-19.rendered.html
@@ -0,0 +1,126 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="mask" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mask))</code> or <code>@include icon(glyph(mask), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mask"</code> or <code>data-icon="mask" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Covid 19","patternPartial":"base-icon-library-24-outline-covid-19","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Covid 19","patternPartial":"base-icon-library-24-outline-covid-19","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-facilities/base-icons-icon-library-24-outline-facilities.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-facilities/base-icons-icon-library-24-outline-facilities.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-facilities/base-icons-icon-library-24-outline-facilities.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-facilities/base-icons-icon-library-24-outline-facilities.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-facilities/base-icons-icon-library-24-outline-facilities.markup-only.html
new file mode 100644
index 0000000000..38916df0ed
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-facilities/base-icons-icon-library-24-outline-facilities.markup-only.html
@@ -0,0 +1,63 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="playground" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(playground))</code> or <code>@include icon(glyph(playground), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="playground"</code> or <code>data-icon="playground" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restricted-mobility-toilet" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restricted-mobility-toilet))</code> or <code>@include icon(glyph(restricted-mobility-toilet), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="restricted-mobility-toilet"</code> or <code>data-icon="restricted-mobility-toilet" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower))</code> or <code>@include icon(glyph(shower), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower"</code> or <code>data-icon="shower" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-men" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-men))</code> or <code>@include icon(glyph(shower-men), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-men"</code> or <code>data-icon="shower-men" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-women" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-women))</code> or <code>@include icon(glyph(shower-women), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-women"</code> or <code>data-icon="shower-women" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sink" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sink))</code> or <code>@include icon(glyph(sink), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sink"</code> or <code>data-icon="sink" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc))</code> or <code>@include icon(glyph(wc), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc"</code> or <code>data-icon="wc" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-men" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-men))</code> or <code>@include icon(glyph(wc-men), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-men"</code> or <code>data-icon="wc-men" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-sign" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-sign))</code> or <code>@include icon(glyph(wc-sign), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-sign"</code> or <code>data-icon="wc-sign" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-woman" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-woman))</code> or <code>@include icon(glyph(wc-woman), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-woman"</code> or <code>data-icon="wc-woman" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-facilities/base-icons-icon-library-24-outline-facilities.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-facilities/base-icons-icon-library-24-outline-facilities.rendered.html
new file mode 100644
index 0000000000..7af959d80c
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-facilities/base-icons-icon-library-24-outline-facilities.rendered.html
@@ -0,0 +1,180 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="playground" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(playground))</code> or <code>@include icon(glyph(playground), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="playground"</code> or <code>data-icon="playground" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restricted-mobility-toilet" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restricted-mobility-toilet))</code> or <code>@include icon(glyph(restricted-mobility-toilet), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="restricted-mobility-toilet"</code> or <code>data-icon="restricted-mobility-toilet" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower))</code> or <code>@include icon(glyph(shower), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower"</code> or <code>data-icon="shower" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-men" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-men))</code> or <code>@include icon(glyph(shower-men), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-men"</code> or <code>data-icon="shower-men" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-women" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-women))</code> or <code>@include icon(glyph(shower-women), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-women"</code> or <code>data-icon="shower-women" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sink" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sink))</code> or <code>@include icon(glyph(sink), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sink"</code> or <code>data-icon="sink" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc))</code> or <code>@include icon(glyph(wc), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc"</code> or <code>data-icon="wc" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-men" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-men))</code> or <code>@include icon(glyph(wc-men), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-men"</code> or <code>data-icon="wc-men" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-sign" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-sign))</code> or <code>@include icon(glyph(wc-sign), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-sign"</code> or <code>data-icon="wc-sign" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-woman" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-woman))</code> or <code>@include icon(glyph(wc-woman), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-woman"</code> or <code>data-icon="wc-woman" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Facilities","patternPartial":"base-icon-library-24-outline-facilities","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Facilities","patternPartial":"base-icon-library-24-outline-facilities","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-feature/base-icons-icon-library-24-outline-feature.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-feature/base-icons-icon-library-24-outline-feature.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-feature/base-icons-icon-library-24-outline-feature.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-feature/base-icons-icon-library-24-outline-feature.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-feature/base-icons-icon-library-24-outline-feature.markup-only.html
new file mode 100644
index 0000000000..cf49dd5a4f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-feature/base-icons-icon-library-24-outline-feature.markup-only.html
@@ -0,0 +1,135 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="air-condition" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(air-condition))</code> or <code>@include icon(glyph(air-condition), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="air-condition"</code> or <code>data-icon="air-condition" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="buggy" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(buggy))</code> or <code>@include icon(glyph(buggy), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="buggy"</code> or <code>data-icon="buggy" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="clothing-hanger" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(clothing-hanger))</code> or <code>@include icon(glyph(clothing-hanger), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="clothing-hanger"</code> or <code>data-icon="clothing-hanger" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="day" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day))</code> or <code>@include icon(glyph(day), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="day"</code> or <code>data-icon="day" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dog" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dog))</code> or <code>@include icon(glyph(dog), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="dog"</code> or <code>data-icon="dog" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="entry-aid" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(entry-aid))</code> or <code>@include icon(glyph(entry-aid), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="entry-aid"</code> or <code>data-icon="entry-aid" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="environmental-mobility-check" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(environmental-mobility-check))</code> or <code>@include icon(glyph(environmental-mobility-check), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="environmental-mobility-check"</code> or <code>data-icon="environmental-mobility-check" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen))</code> or <code>@include icon(glyph(hydrogen), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="hydrogen"</code> or <code>data-icon="hydrogen" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-compartment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-compartment))</code> or <code>@include icon(glyph(luggage-compartment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-compartment"</code> or <code>data-icon="luggage-compartment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-rack" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-rack))</code> or <code>@include icon(glyph(luggage-rack), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-rack"</code> or <code>data-icon="luggage-rack" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace))</code> or <code>@include icon(glyph(marketplace), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="marketplace"</code> or <code>data-icon="marketplace" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical))</code> or <code>@include icon(glyph(medical), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="medical"</code> or <code>data-icon="medical" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night))</code> or <code>@include icon(glyph(night), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="night"</code> or <code>data-icon="night" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="no-smoking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(no-smoking))</code> or <code>@include icon(glyph(no-smoking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="no-smoking"</code> or <code>data-icon="no-smoking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-cane" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-cane))</code> or <code>@include icon(glyph(person-with-cane), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-cane"</code> or <code>data-icon="person-with-cane" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-rollator" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-rollator))</code> or <code>@include icon(glyph(person-with-rollator), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-rollator"</code> or <code>data-icon="person-with-rollator" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform))</code> or <code>@include icon(glyph(platform), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="platform"</code> or <code>data-icon="platform" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="power-outlet" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(power-outlet))</code> or <code>@include icon(glyph(power-outlet), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="power-outlet"</code> or <code>data-icon="power-outlet" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation))</code> or <code>@include icon(glyph(reservation), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="reservation"</code> or <code>data-icon="reservation" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="standing-room" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(standing-room))</code> or <code>@include icon(glyph(standing-room), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="standing-room"</code> or <code>data-icon="standing-room" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="steppless-entry" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(steppless-entry))</code> or <code>@include icon(glyph(steppless-entry), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="steppless-entry"</code> or <code>data-icon="steppless-entry" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="support-dog" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(support-dog))</code> or <code>@include icon(glyph(support-dog), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="support-dog"</code> or <code>data-icon="support-dog" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-feature/base-icons-icon-library-24-outline-feature.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-feature/base-icons-icon-library-24-outline-feature.rendered.html
new file mode 100644
index 0000000000..6326a85c26
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-feature/base-icons-icon-library-24-outline-feature.rendered.html
@@ -0,0 +1,252 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="air-condition" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(air-condition))</code> or <code>@include icon(glyph(air-condition), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="air-condition"</code> or <code>data-icon="air-condition" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="buggy" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(buggy))</code> or <code>@include icon(glyph(buggy), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="buggy"</code> or <code>data-icon="buggy" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="clothing-hanger" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(clothing-hanger))</code> or <code>@include icon(glyph(clothing-hanger), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="clothing-hanger"</code> or <code>data-icon="clothing-hanger" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="day" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day))</code> or <code>@include icon(glyph(day), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="day"</code> or <code>data-icon="day" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dog" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dog))</code> or <code>@include icon(glyph(dog), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="dog"</code> or <code>data-icon="dog" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="entry-aid" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(entry-aid))</code> or <code>@include icon(glyph(entry-aid), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="entry-aid"</code> or <code>data-icon="entry-aid" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="environmental-mobility-check" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(environmental-mobility-check))</code> or <code>@include icon(glyph(environmental-mobility-check), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="environmental-mobility-check"</code> or <code>data-icon="environmental-mobility-check" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen))</code> or <code>@include icon(glyph(hydrogen), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="hydrogen"</code> or <code>data-icon="hydrogen" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-compartment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-compartment))</code> or <code>@include icon(glyph(luggage-compartment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-compartment"</code> or <code>data-icon="luggage-compartment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-rack" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-rack))</code> or <code>@include icon(glyph(luggage-rack), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-rack"</code> or <code>data-icon="luggage-rack" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace))</code> or <code>@include icon(glyph(marketplace), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="marketplace"</code> or <code>data-icon="marketplace" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical))</code> or <code>@include icon(glyph(medical), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="medical"</code> or <code>data-icon="medical" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night))</code> or <code>@include icon(glyph(night), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="night"</code> or <code>data-icon="night" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="no-smoking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(no-smoking))</code> or <code>@include icon(glyph(no-smoking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="no-smoking"</code> or <code>data-icon="no-smoking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-cane" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-cane))</code> or <code>@include icon(glyph(person-with-cane), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-cane"</code> or <code>data-icon="person-with-cane" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-rollator" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-rollator))</code> or <code>@include icon(glyph(person-with-rollator), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-rollator"</code> or <code>data-icon="person-with-rollator" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform))</code> or <code>@include icon(glyph(platform), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="platform"</code> or <code>data-icon="platform" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="power-outlet" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(power-outlet))</code> or <code>@include icon(glyph(power-outlet), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="power-outlet"</code> or <code>data-icon="power-outlet" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation))</code> or <code>@include icon(glyph(reservation), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="reservation"</code> or <code>data-icon="reservation" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="standing-room" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(standing-room))</code> or <code>@include icon(glyph(standing-room), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="standing-room"</code> or <code>data-icon="standing-room" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="steppless-entry" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(steppless-entry))</code> or <code>@include icon(glyph(steppless-entry), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="steppless-entry"</code> or <code>data-icon="steppless-entry" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="support-dog" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(support-dog))</code> or <code>@include icon(glyph(support-dog), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="support-dog"</code> or <code>data-icon="support-dog" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Feature","patternPartial":"base-icon-library-24-outline-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Feature","patternPartial":"base-icon-library-24-outline-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-food/base-icons-icon-library-24-outline-food.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-food/base-icons-icon-library-24-outline-food.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-food/base-icons-icon-library-24-outline-food.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-food/base-icons-icon-library-24-outline-food.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-food/base-icons-icon-library-24-outline-food.markup-only.html
new file mode 100644
index 0000000000..5d6341026b
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-food/base-icons-icon-library-24-outline-food.markup-only.html
@@ -0,0 +1,27 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="breakfast" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(breakfast))</code> or <code>@include icon(glyph(breakfast), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="breakfast"</code> or <code>data-icon="breakfast" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="coffee-cup" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup))</code> or <code>@include icon(glyph(coffee-cup), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup"</code> or <code>data-icon="coffee-cup" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drink" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drink))</code> or <code>@include icon(glyph(drink), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="drink"</code> or <code>data-icon="drink" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restaurant" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restaurant))</code> or <code>@include icon(glyph(restaurant), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="restaurant"</code> or <code>data-icon="restaurant" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-food/base-icons-icon-library-24-outline-food.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-food/base-icons-icon-library-24-outline-food.rendered.html
new file mode 100644
index 0000000000..ca5cbe591a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-food/base-icons-icon-library-24-outline-food.rendered.html
@@ -0,0 +1,144 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="breakfast" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(breakfast))</code> or <code>@include icon(glyph(breakfast), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="breakfast"</code> or <code>data-icon="breakfast" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="coffee-cup" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup))</code> or <code>@include icon(glyph(coffee-cup), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup"</code> or <code>data-icon="coffee-cup" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drink" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drink))</code> or <code>@include icon(glyph(drink), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="drink"</code> or <code>data-icon="drink" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restaurant" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restaurant))</code> or <code>@include icon(glyph(restaurant), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="restaurant"</code> or <code>data-icon="restaurant" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Food","patternPartial":"base-icon-library-24-outline-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Food","patternPartial":"base-icon-library-24-outline-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-it/base-icons-icon-library-24-outline-it.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-it/base-icons-icon-library-24-outline-it.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-it/base-icons-icon-library-24-outline-it.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-it/base-icons-icon-library-24-outline-it.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-it/base-icons-icon-library-24-outline-it.markup-only.html
new file mode 100644
index 0000000000..e9a1acf0f1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-it/base-icons-icon-library-24-outline-it.markup-only.html
@@ -0,0 +1,9 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-it/base-icons-icon-library-24-outline-it.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-it/base-icons-icon-library-24-outline-it.rendered.html
new file mode 100644
index 0000000000..6624e2e18a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-it/base-icons-icon-library-24-outline-it.rendered.html
@@ -0,0 +1,126 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - IT","patternPartial":"base-icon-library-24-outline-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - IT","patternPartial":"base-icon-library-24-outline-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-journey/base-icons-icon-library-24-outline-journey.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-journey/base-icons-icon-library-24-outline-journey.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-journey/base-icons-icon-library-24-outline-journey.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-journey/base-icons-icon-library-24-outline-journey.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-journey/base-icons-icon-library-24-outline-journey.markup-only.html
new file mode 100644
index 0000000000..0720dbf46a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-journey/base-icons-icon-library-24-outline-journey.markup-only.html
@@ -0,0 +1,87 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="1st-class" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(1st-class))</code> or <code>@include icon(glyph(1st-class), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="1st-class"</code> or <code>data-icon="1st-class" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="2nd-class" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(2nd-class))</code> or <code>@include icon(glyph(2nd-class), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="2nd-class"</code> or <code>data-icon="2nd-class" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alternative-connection" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alternative-connection))</code> or <code>@include icon(glyph(alternative-connection), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alternative-connection"</code> or <code>data-icon="alternative-connection" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="booking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(booking))</code> or <code>@include icon(glyph(booking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="booking"</code> or <code>data-icon="booking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator))</code> or <code>@include icon(glyph(capacity-indicator), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator"</code> or <code>data-icon="capacity-indicator" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked))</code> or <code>@include icon(glyph(capacity-indicator-fully-booked), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked"</code> or <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high))</code> or <code>@include icon(glyph(capacity-indicator-high), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high"</code> or <code>data-icon="capacity-indicator-high" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low))</code> or <code>@include icon(glyph(capacity-indicator-low), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low"</code> or <code>data-icon="capacity-indicator-low" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination))</code> or <code>@include icon(glyph(destination), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="destination"</code> or <code>data-icon="destination" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intermediary-stop" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intermediary-stop))</code> or <code>@include icon(glyph(intermediary-stop), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="intermediary-stop"</code> or <code>data-icon="intermediary-stop" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mixed-class" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mixed-class))</code> or <code>@include icon(glyph(mixed-class), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mixed-class"</code> or <code>data-icon="mixed-class" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="round-trip" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(round-trip))</code> or <code>@include icon(glyph(round-trip), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="round-trip"</code> or <code>data-icon="round-trip" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="single-trip" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(single-trip))</code> or <code>@include icon(glyph(single-trip), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="single-trip"</code> or <code>data-icon="single-trip" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="start" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(start))</code> or <code>@include icon(glyph(start), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="start"</code> or <code>data-icon="start" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-journey/base-icons-icon-library-24-outline-journey.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-journey/base-icons-icon-library-24-outline-journey.rendered.html
new file mode 100644
index 0000000000..8ee3d496d2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-journey/base-icons-icon-library-24-outline-journey.rendered.html
@@ -0,0 +1,204 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="1st-class" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(1st-class))</code> or <code>@include icon(glyph(1st-class), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="1st-class"</code> or <code>data-icon="1st-class" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="2nd-class" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(2nd-class))</code> or <code>@include icon(glyph(2nd-class), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="2nd-class"</code> or <code>data-icon="2nd-class" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alternative-connection" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alternative-connection))</code> or <code>@include icon(glyph(alternative-connection), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alternative-connection"</code> or <code>data-icon="alternative-connection" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="booking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(booking))</code> or <code>@include icon(glyph(booking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="booking"</code> or <code>data-icon="booking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator))</code> or <code>@include icon(glyph(capacity-indicator), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator"</code> or <code>data-icon="capacity-indicator" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked))</code> or <code>@include icon(glyph(capacity-indicator-fully-booked), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked"</code> or <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high))</code> or <code>@include icon(glyph(capacity-indicator-high), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high"</code> or <code>data-icon="capacity-indicator-high" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low))</code> or <code>@include icon(glyph(capacity-indicator-low), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low"</code> or <code>data-icon="capacity-indicator-low" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination))</code> or <code>@include icon(glyph(destination), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="destination"</code> or <code>data-icon="destination" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intermediary-stop" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intermediary-stop))</code> or <code>@include icon(glyph(intermediary-stop), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="intermediary-stop"</code> or <code>data-icon="intermediary-stop" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mixed-class" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mixed-class))</code> or <code>@include icon(glyph(mixed-class), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mixed-class"</code> or <code>data-icon="mixed-class" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="round-trip" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(round-trip))</code> or <code>@include icon(glyph(round-trip), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="round-trip"</code> or <code>data-icon="round-trip" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="single-trip" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(single-trip))</code> or <code>@include icon(glyph(single-trip), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="single-trip"</code> or <code>data-icon="single-trip" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="start" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(start))</code> or <code>@include icon(glyph(start), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="start"</code> or <code>data-icon="start" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Journey","patternPartial":"base-icon-library-24-outline-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Journey","patternPartial":"base-icon-library-24-outline-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-maps/base-icons-icon-library-24-outline-maps.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-maps/base-icons-icon-library-24-outline-maps.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-maps/base-icons-icon-library-24-outline-maps.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-maps/base-icons-icon-library-24-outline-maps.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-maps/base-icons-icon-library-24-outline-maps.markup-only.html
new file mode 100644
index 0000000000..bd755baedc
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-maps/base-icons-icon-library-24-outline-maps.markup-only.html
@@ -0,0 +1,87 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps))</code> or <code>@include icon(glyph(gps), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps"</code> or <code>data-icon="gps" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north))</code> or <code>@include icon(glyph(gps-north), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps-north"</code> or <code>data-icon="gps-north" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home))</code> or <code>@include icon(glyph(home), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="home"</code> or <code>data-icon="home" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="map" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(map))</code> or <code>@include icon(glyph(map), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="map"</code> or <code>data-icon="map" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-straight" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-straight))</code> or <code>@include icon(glyph(navigation-straight), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-straight"</code> or <code>data-icon="navigation-straight" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-left" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-left))</code> or <code>@include icon(glyph(navigation-to-left), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-left"</code> or <code>data-icon="navigation-to-left" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-right" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-right))</code> or <code>@include icon(glyph(navigation-to-right), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-right"</code> or <code>data-icon="navigation-to-right" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-u-turn" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-u-turn))</code> or <code>@include icon(glyph(navigation-u-turn), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-u-turn"</code> or <code>data-icon="navigation-u-turn" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign))</code> or <code>@include icon(glyph(stop-sign), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop-sign"</code> or <code>data-icon="stop-sign" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking))</code> or <code>@include icon(glyph(parking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="parking"</code> or <code>data-icon="parking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place))</code> or <code>@include icon(glyph(place), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="place"</code> or <code>data-icon="place" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="set-position" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(set-position))</code> or <code>@include icon(glyph(set-position), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="set-position"</code> or <code>data-icon="set-position" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="station" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(station))</code> or <code>@include icon(glyph(station), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="station"</code> or <code>data-icon="station" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-station" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-station))</code> or <code>@include icon(glyph(train-station), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-station"</code> or <code>data-icon="train-station" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-maps/base-icons-icon-library-24-outline-maps.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-maps/base-icons-icon-library-24-outline-maps.rendered.html
new file mode 100644
index 0000000000..bd92b0a27f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-maps/base-icons-icon-library-24-outline-maps.rendered.html
@@ -0,0 +1,204 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps))</code> or <code>@include icon(glyph(gps), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps"</code> or <code>data-icon="gps" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north))</code> or <code>@include icon(glyph(gps-north), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps-north"</code> or <code>data-icon="gps-north" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home))</code> or <code>@include icon(glyph(home), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="home"</code> or <code>data-icon="home" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="map" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(map))</code> or <code>@include icon(glyph(map), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="map"</code> or <code>data-icon="map" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-straight" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-straight))</code> or <code>@include icon(glyph(navigation-straight), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-straight"</code> or <code>data-icon="navigation-straight" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-left" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-left))</code> or <code>@include icon(glyph(navigation-to-left), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-left"</code> or <code>data-icon="navigation-to-left" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-right" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-right))</code> or <code>@include icon(glyph(navigation-to-right), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-right"</code> or <code>data-icon="navigation-to-right" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-u-turn" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-u-turn))</code> or <code>@include icon(glyph(navigation-u-turn), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-u-turn"</code> or <code>data-icon="navigation-u-turn" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign))</code> or <code>@include icon(glyph(stop-sign), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop-sign"</code> or <code>data-icon="stop-sign" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking))</code> or <code>@include icon(glyph(parking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="parking"</code> or <code>data-icon="parking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place))</code> or <code>@include icon(glyph(place), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="place"</code> or <code>data-icon="place" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="set-position" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(set-position))</code> or <code>@include icon(glyph(set-position), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="set-position"</code> or <code>data-icon="set-position" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="station" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(station))</code> or <code>@include icon(glyph(station), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="station"</code> or <code>data-icon="station" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-station" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-station))</code> or <code>@include icon(glyph(train-station), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-station"</code> or <code>data-icon="train-station" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Maps","patternPartial":"base-icon-library-24-outline-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Maps","patternPartial":"base-icon-library-24-outline-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-navigation/base-icons-icon-library-24-outline-navigation.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-navigation/base-icons-icon-library-24-outline-navigation.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-navigation/base-icons-icon-library-24-outline-navigation.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-navigation/base-icons-icon-library-24-outline-navigation.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-navigation/base-icons-icon-library-24-outline-navigation.markup-only.html
new file mode 100644
index 0000000000..ab87f79458
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-navigation/base-icons-icon-library-24-outline-navigation.markup-only.html
@@ -0,0 +1,123 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back))</code> or <code>@include icon(glyph(arrow-back), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back"</code> or <code>data-icon="arrow-back" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down))</code> or <code>@include icon(glyph(arrow-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down"</code> or <code>data-icon="arrow-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward))</code> or <code>@include icon(glyph(arrow-forward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward"</code> or <code>data-icon="arrow-forward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up))</code> or <code>@include icon(glyph(arrow-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up"</code> or <code>data-icon="arrow-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cancel" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel))</code> or <code>@include icon(glyph(cancel), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cancel"</code> or <code>data-icon="cancel" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left))</code> or <code>@include icon(glyph(chevron-left), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left"</code> or <code>data-icon="chevron-left" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right))</code> or <code>@include icon(glyph(chevron-right), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right"</code> or <code>data-icon="chevron-right" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close))</code> or <code>@include icon(glyph(close), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="close"</code> or <code>data-icon="close" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less))</code> or <code>@include icon(glyph(expand-less), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less"</code> or <code>data-icon="expand-less" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more))</code> or <code>@include icon(glyph(expand-more), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more"</code> or <code>data-icon="expand-more" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen))</code> or <code>@include icon(glyph(fullscreen), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen"</code> or <code>data-icon="fullscreen" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen-exit" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen-exit))</code> or <code>@include icon(glyph(fullscreen-exit), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen-exit"</code> or <code>data-icon="fullscreen-exit" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view))</code> or <code>@include icon(glyph(grid-view), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="grid-view"</code> or <code>data-icon="grid-view" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link))</code> or <code>@include icon(glyph(link), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="link"</code> or <code>data-icon="link" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link-external" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link-external))</code> or <code>@include icon(glyph(link-external), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="link-external"</code> or <code>data-icon="link-external" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="list" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(list))</code> or <code>@include icon(glyph(list), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="list"</code> or <code>data-icon="list" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="menu" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(menu))</code> or <code>@include icon(glyph(menu), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="menu"</code> or <code>data-icon="menu" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-horizontal" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-horizontal))</code> or <code>@include icon(glyph(more-horizontal), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-horizontal"</code> or <code>data-icon="more-horizontal" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-vertical" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-vertical))</code> or <code>@include icon(glyph(more-vertical), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-vertical"</code> or <code>data-icon="more-vertical" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="refresh" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(refresh))</code> or <code>@include icon(glyph(refresh), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="refresh"</code> or <code>data-icon="refresh" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-navigation/base-icons-icon-library-24-outline-navigation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-navigation/base-icons-icon-library-24-outline-navigation.rendered.html
new file mode 100644
index 0000000000..216dc3a875
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-navigation/base-icons-icon-library-24-outline-navigation.rendered.html
@@ -0,0 +1,240 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back))</code> or <code>@include icon(glyph(arrow-back), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back"</code> or <code>data-icon="arrow-back" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down))</code> or <code>@include icon(glyph(arrow-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down"</code> or <code>data-icon="arrow-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward))</code> or <code>@include icon(glyph(arrow-forward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward"</code> or <code>data-icon="arrow-forward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up))</code> or <code>@include icon(glyph(arrow-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up"</code> or <code>data-icon="arrow-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cancel" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel))</code> or <code>@include icon(glyph(cancel), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cancel"</code> or <code>data-icon="cancel" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left))</code> or <code>@include icon(glyph(chevron-left), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left"</code> or <code>data-icon="chevron-left" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right))</code> or <code>@include icon(glyph(chevron-right), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right"</code> or <code>data-icon="chevron-right" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close))</code> or <code>@include icon(glyph(close), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="close"</code> or <code>data-icon="close" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less))</code> or <code>@include icon(glyph(expand-less), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less"</code> or <code>data-icon="expand-less" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more))</code> or <code>@include icon(glyph(expand-more), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more"</code> or <code>data-icon="expand-more" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen))</code> or <code>@include icon(glyph(fullscreen), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen"</code> or <code>data-icon="fullscreen" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen-exit" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen-exit))</code> or <code>@include icon(glyph(fullscreen-exit), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen-exit"</code> or <code>data-icon="fullscreen-exit" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view))</code> or <code>@include icon(glyph(grid-view), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="grid-view"</code> or <code>data-icon="grid-view" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link))</code> or <code>@include icon(glyph(link), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="link"</code> or <code>data-icon="link" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link-external" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link-external))</code> or <code>@include icon(glyph(link-external), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="link-external"</code> or <code>data-icon="link-external" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="list" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(list))</code> or <code>@include icon(glyph(list), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="list"</code> or <code>data-icon="list" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="menu" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(menu))</code> or <code>@include icon(glyph(menu), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="menu"</code> or <code>data-icon="menu" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-horizontal" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-horizontal))</code> or <code>@include icon(glyph(more-horizontal), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-horizontal"</code> or <code>data-icon="more-horizontal" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-vertical" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-vertical))</code> or <code>@include icon(glyph(more-vertical), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-vertical"</code> or <code>data-icon="more-vertical" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="refresh" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(refresh))</code> or <code>@include icon(glyph(refresh), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="refresh"</code> or <code>data-icon="refresh" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Navigation","patternPartial":"base-icon-library-24-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Navigation","patternPartial":"base-icon-library-24-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-notification/base-icons-icon-library-24-outline-notification.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-notification/base-icons-icon-library-24-outline-notification.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-notification/base-icons-icon-library-24-outline-notification.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-notification/base-icons-icon-library-24-outline-notification.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-notification/base-icons-icon-library-24-outline-notification.markup-only.html
new file mode 100644
index 0000000000..046debd59b
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-notification/base-icons-icon-library-24-outline-notification.markup-only.html
@@ -0,0 +1,27 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error))</code> or <code>@include icon(glyph(error), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="error"</code> or <code>data-icon="error" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify))</code> or <code>@include icon(glyph(notify), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify"</code> or <code>data-icon="notify" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify-cutoff" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify-cutoff))</code> or <code>@include icon(glyph(notify-cutoff), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify-cutoff"</code> or <code>data-icon="notify-cutoff" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning))</code> or <code>@include icon(glyph(warning), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="warning"</code> or <code>data-icon="warning" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-notification/base-icons-icon-library-24-outline-notification.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-notification/base-icons-icon-library-24-outline-notification.rendered.html
new file mode 100644
index 0000000000..f05263eb70
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-notification/base-icons-icon-library-24-outline-notification.rendered.html
@@ -0,0 +1,144 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error))</code> or <code>@include icon(glyph(error), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="error"</code> or <code>data-icon="error" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify))</code> or <code>@include icon(glyph(notify), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify"</code> or <code>data-icon="notify" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify-cutoff" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify-cutoff))</code> or <code>@include icon(glyph(notify-cutoff), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify-cutoff"</code> or <code>data-icon="notify-cutoff" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning))</code> or <code>@include icon(glyph(warning), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="warning"</code> or <code>data-icon="warning" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Notification","patternPartial":"base-icon-library-24-outline-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Notification","patternPartial":"base-icon-library-24-outline-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-seat/base-icons-icon-library-24-outline-seat.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-seat/base-icons-icon-library-24-outline-seat.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-seat/base-icons-icon-library-24-outline-seat.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-seat/base-icons-icon-library-24-outline-seat.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-seat/base-icons-icon-library-24-outline-seat.markup-only.html
new file mode 100644
index 0000000000..754d55d265
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-seat/base-icons-icon-library-24-outline-seat.markup-only.html
@@ -0,0 +1,69 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="aisle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle))</code> or <code>@include icon(glyph(aisle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle"</code> or <code>data-icon="aisle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="aisle-not-available" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle-not-available))</code> or <code>@include icon(glyph(aisle-not-available), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle-not-available"</code> or <code>data-icon="aisle-not-available" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bed" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bed))</code> or <code>@include icon(glyph(bed), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bed"</code> or <code>data-icon="bed" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="childrens-compartment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(childrens-compartment))</code> or <code>@include icon(glyph(childrens-compartment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="childrens-compartment"</code> or <code>data-icon="childrens-compartment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="elderly" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(elderly))</code> or <code>@include icon(glyph(elderly), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="elderly"</code> or <code>data-icon="elderly" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handicapped" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handicapped))</code> or <code>@include icon(glyph(handicapped), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="handicapped"</code> or <code>data-icon="handicapped" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parent-child-compartment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parent-child-compartment))</code> or <code>@include icon(glyph(parent-child-compartment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="parent-child-compartment"</code> or <code>data-icon="parent-child-compartment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="quiet-zone" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(quiet-zone))</code> or <code>@include icon(glyph(quiet-zone), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="quiet-zone"</code> or <code>data-icon="quiet-zone" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="table" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(table))</code> or <code>@include icon(glyph(table), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="table"</code> or <code>data-icon="table" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="traveler-with-reduced-mobility" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(traveler-with-reduced-mobility))</code> or <code>@include icon(glyph(traveler-with-reduced-mobility), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="traveler-with-reduced-mobility"</code> or <code>data-icon="traveler-with-reduced-mobility" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="window" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(window))</code> or <code>@include icon(glyph(window), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="window"</code> or <code>data-icon="window" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-seat/base-icons-icon-library-24-outline-seat.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-seat/base-icons-icon-library-24-outline-seat.rendered.html
new file mode 100644
index 0000000000..cd86d89756
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-seat/base-icons-icon-library-24-outline-seat.rendered.html
@@ -0,0 +1,186 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="aisle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle))</code> or <code>@include icon(glyph(aisle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle"</code> or <code>data-icon="aisle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="aisle-not-available" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle-not-available))</code> or <code>@include icon(glyph(aisle-not-available), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle-not-available"</code> or <code>data-icon="aisle-not-available" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bed" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bed))</code> or <code>@include icon(glyph(bed), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bed"</code> or <code>data-icon="bed" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="childrens-compartment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(childrens-compartment))</code> or <code>@include icon(glyph(childrens-compartment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="childrens-compartment"</code> or <code>data-icon="childrens-compartment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="elderly" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(elderly))</code> or <code>@include icon(glyph(elderly), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="elderly"</code> or <code>data-icon="elderly" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handicapped" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handicapped))</code> or <code>@include icon(glyph(handicapped), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="handicapped"</code> or <code>data-icon="handicapped" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parent-child-compartment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parent-child-compartment))</code> or <code>@include icon(glyph(parent-child-compartment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="parent-child-compartment"</code> or <code>data-icon="parent-child-compartment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="quiet-zone" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(quiet-zone))</code> or <code>@include icon(glyph(quiet-zone), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="quiet-zone"</code> or <code>data-icon="quiet-zone" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="table" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(table))</code> or <code>@include icon(glyph(table), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="table"</code> or <code>data-icon="table" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="traveler-with-reduced-mobility" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(traveler-with-reduced-mobility))</code> or <code>@include icon(glyph(traveler-with-reduced-mobility), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="traveler-with-reduced-mobility"</code> or <code>data-icon="traveler-with-reduced-mobility" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="window" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(window))</code> or <code>@include icon(glyph(window), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="window"</code> or <code>data-icon="window" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Seat","patternPartial":"base-icon-library-24-outline-seat","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Seat","patternPartial":"base-icon-library-24-outline-seat","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-ticket/base-icons-icon-library-24-outline-ticket.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-ticket/base-icons-icon-library-24-outline-ticket.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-ticket/base-icons-icon-library-24-outline-ticket.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-ticket/base-icons-icon-library-24-outline-ticket.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-ticket/base-icons-icon-library-24-outline-ticket.markup-only.html
new file mode 100644
index 0000000000..8d0918830f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-ticket/base-icons-icon-library-24-outline-ticket.markup-only.html
@@ -0,0 +1,141 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus))</code> or <code>@include icon(glyph(bahnbonus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus"</code> or <code>data-icon="bahnbonus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahnbonus-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card))</code> or <code>@include icon(glyph(bahnbonus-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card"</code> or <code>data-icon="bahnbonus-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard))</code> or <code>@include icon(glyph(bahncard), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahncard"</code> or <code>data-icon="bahncard" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="best-price" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(best-price))</code> or <code>@include icon(glyph(best-price), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="best-price"</code> or <code>data-icon="best-price" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="commuter-ticket" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(commuter-ticket))</code> or <code>@include icon(glyph(commuter-ticket), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="commuter-ticket"</code> or <code>data-icon="commuter-ticket" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in))</code> or <code>@include icon(glyph(komfort-check-in), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in"</code> or <code>data-icon="komfort-check-in" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-check" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-check))</code> or <code>@include icon(glyph(komfort-check-in-check), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-check"</code> or <code>data-icon="komfort-check-in-check" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-circle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-circle))</code> or <code>@include icon(glyph(komfort-check-in-circle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-circle"</code> or <code>data-icon="komfort-check-in-circle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards))</code> or <code>@include icon(glyph(multiple-cards), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards"</code> or <code>data-icon="multiple-cards" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-passenger" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-passenger))</code> or <code>@include icon(glyph(multiple-passenger), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-passenger"</code> or <code>data-icon="multiple-passenger" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="my-travel" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(my-travel))</code> or <code>@include icon(glyph(my-travel), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="my-travel"</code> or <code>data-icon="my-travel" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="outward-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(outward-journey))</code> or <code>@include icon(glyph(outward-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="outward-journey"</code> or <code>data-icon="outward-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code))</code> or <code>@include icon(glyph(qr-code), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code"</code> or <code>data-icon="qr-code" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code-scan" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code-scan))</code> or <code>@include icon(glyph(qr-code-scan), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code-scan"</code> or <code>data-icon="qr-code-scan" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="return-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(return-journey))</code> or <code>@include icon(glyph(return-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="return-journey"</code> or <code>data-icon="return-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket))</code> or <code>@include icon(glyph(ticket), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket"</code> or <code>data-icon="ticket" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-discount" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-discount))</code> or <code>@include icon(glyph(ticket-discount), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-discount"</code> or <code>data-icon="ticket-discount" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-multiple" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-multiple))</code> or <code>@include icon(glyph(ticket-multiple), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-multiple"</code> or <code>data-icon="ticket-multiple" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-subscription" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-subscription))</code> or <code>@include icon(glyph(ticket-subscription), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-subscription"</code> or <code>data-icon="ticket-subscription" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-outward-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-outward-journey))</code> or <code>@include icon(glyph(time-outward-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-outward-journey"</code> or <code>data-icon="time-outward-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-return-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-return-journey))</code> or <code>@include icon(glyph(time-return-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-return-journey"</code> or <code>data-icon="time-return-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="timetable" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(timetable))</code> or <code>@include icon(glyph(timetable), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="timetable"</code> or <code>data-icon="timetable" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="travel-insurance" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(travel-insurance))</code> or <code>@include icon(glyph(travel-insurance), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="travel-insurance"</code> or <code>data-icon="travel-insurance" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-ticket/base-icons-icon-library-24-outline-ticket.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-ticket/base-icons-icon-library-24-outline-ticket.rendered.html
new file mode 100644
index 0000000000..c2d84d5172
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-ticket/base-icons-icon-library-24-outline-ticket.rendered.html
@@ -0,0 +1,258 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus))</code> or <code>@include icon(glyph(bahnbonus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus"</code> or <code>data-icon="bahnbonus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahnbonus-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card))</code> or <code>@include icon(glyph(bahnbonus-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card"</code> or <code>data-icon="bahnbonus-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard))</code> or <code>@include icon(glyph(bahncard), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahncard"</code> or <code>data-icon="bahncard" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="best-price" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(best-price))</code> or <code>@include icon(glyph(best-price), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="best-price"</code> or <code>data-icon="best-price" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="commuter-ticket" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(commuter-ticket))</code> or <code>@include icon(glyph(commuter-ticket), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="commuter-ticket"</code> or <code>data-icon="commuter-ticket" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in))</code> or <code>@include icon(glyph(komfort-check-in), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in"</code> or <code>data-icon="komfort-check-in" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-check" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-check))</code> or <code>@include icon(glyph(komfort-check-in-check), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-check"</code> or <code>data-icon="komfort-check-in-check" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-circle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-circle))</code> or <code>@include icon(glyph(komfort-check-in-circle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-circle"</code> or <code>data-icon="komfort-check-in-circle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards))</code> or <code>@include icon(glyph(multiple-cards), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards"</code> or <code>data-icon="multiple-cards" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-passenger" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-passenger))</code> or <code>@include icon(glyph(multiple-passenger), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-passenger"</code> or <code>data-icon="multiple-passenger" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="my-travel" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(my-travel))</code> or <code>@include icon(glyph(my-travel), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="my-travel"</code> or <code>data-icon="my-travel" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="outward-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(outward-journey))</code> or <code>@include icon(glyph(outward-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="outward-journey"</code> or <code>data-icon="outward-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code))</code> or <code>@include icon(glyph(qr-code), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code"</code> or <code>data-icon="qr-code" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code-scan" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code-scan))</code> or <code>@include icon(glyph(qr-code-scan), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code-scan"</code> or <code>data-icon="qr-code-scan" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="return-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(return-journey))</code> or <code>@include icon(glyph(return-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="return-journey"</code> or <code>data-icon="return-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket))</code> or <code>@include icon(glyph(ticket), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket"</code> or <code>data-icon="ticket" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-discount" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-discount))</code> or <code>@include icon(glyph(ticket-discount), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-discount"</code> or <code>data-icon="ticket-discount" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-multiple" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-multiple))</code> or <code>@include icon(glyph(ticket-multiple), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-multiple"</code> or <code>data-icon="ticket-multiple" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-subscription" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-subscription))</code> or <code>@include icon(glyph(ticket-subscription), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-subscription"</code> or <code>data-icon="ticket-subscription" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-outward-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-outward-journey))</code> or <code>@include icon(glyph(time-outward-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-outward-journey"</code> or <code>data-icon="time-outward-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-return-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-return-journey))</code> or <code>@include icon(glyph(time-return-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-return-journey"</code> or <code>data-icon="time-return-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="timetable" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(timetable))</code> or <code>@include icon(glyph(timetable), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="timetable"</code> or <code>data-icon="timetable" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="travel-insurance" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(travel-insurance))</code> or <code>@include icon(glyph(travel-insurance), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="travel-insurance"</code> or <code>data-icon="travel-insurance" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Ticket","patternPartial":"base-icon-library-24-outline-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Ticket","patternPartial":"base-icon-library-24-outline-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-transportation/base-icons-icon-library-24-outline-transportation.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-transportation/base-icons-icon-library-24-outline-transportation.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-transportation/base-icons-icon-library-24-outline-transportation.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-transportation/base-icons-icon-library-24-outline-transportation.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-transportation/base-icons-icon-library-24-outline-transportation.markup-only.html
new file mode 100644
index 0000000000..66b0c05958
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-transportation/base-icons-icon-library-24-outline-transportation.markup-only.html
@@ -0,0 +1,189 @@
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane))</code> or <code>@include icon(glyph(airplane), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="airplane"</code> or <code>data-icon="airplane" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle))</code> or <code>@include icon(glyph(bicycle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle"</code> or <code>data-icon="bicycle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer))</code> or <code>@include icon(glyph(bicycle-trailer), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer"</code> or <code>data-icon="bicycle-trailer" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike))</code> or <code>@include icon(glyph(call-a-bike), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike"</code> or <code>data-icon="call-a-bike" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car))</code> or <code>@include icon(glyph(car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="car"</code> or <code>data-icon="car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing))</code> or <code>@include icon(glyph(carsharing), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="carsharing"</code> or <code>data-icon="carsharing" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car-sequence" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car-sequence))</code> or <code>@include icon(glyph(car-sequence), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="car-sequence"</code> or <code>data-icon="car-sequence" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive))</code> or <code>@include icon(glyph(electric-locomotive), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive"</code> or <code>data-icon="electric-locomotive" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter))</code> or <code>@include icon(glyph(electric-scooter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter"</code> or <code>data-icon="electric-scooter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car))</code> or <code>@include icon(glyph(ev-car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-car"</code> or <code>data-icon="ev-car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry))</code> or <code>@include icon(glyph(ferry), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ferry"</code> or <code>data-icon="ferry" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart))</code> or <code>@include icon(glyph(handcart), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="handcart"</code> or <code>data-icon="handcart" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice))</code> or <code>@include icon(glyph(ice), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice"</code> or <code>data-icon="ice" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train))</code> or <code>@include icon(glyph(intercity-train), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="intercity-train"</code> or <code>data-icon="intercity-train" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice-side-view" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice-side-view))</code> or <code>@include icon(glyph(ice-side-view), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice-side-view"</code> or <code>data-icon="ice-side-view" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus))</code> or <code>@include icon(glyph(local-bus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-bus"</code> or <code>data-icon="local-bus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus))</code> or <code>@include icon(glyph(long-distance-bus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus"</code> or <code>data-icon="long-distance-bus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train))</code> or <code>@include icon(glyph(local-train), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-train"</code> or <code>data-icon="local-train" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="rail-and-fly" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(rail-and-fly))</code> or <code>@include icon(glyph(rail-and-fly), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="rail-and-fly"</code> or <code>data-icon="rail-and-fly" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="railroad-car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(railroad-car))</code> or <code>@include icon(glyph(railroad-car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="railroad-car"</code> or <code>data-icon="railroad-car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn))</code> or <code>@include icon(glyph(s-bahn), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="s-bahn"</code> or <code>data-icon="s-bahn" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter))</code> or <code>@include icon(glyph(scooter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="scooter"</code> or <code>data-icon="scooter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sev" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sev))</code> or <code>@include icon(glyph(sev), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sev"</code> or <code>data-icon="sev" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat))</code> or <code>@include icon(glyph(speedboat), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="speedboat"</code> or <code>data-icon="speedboat" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sprinter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sprinter))</code> or <code>@include icon(glyph(sprinter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sprinter"</code> or <code>data-icon="sprinter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway))</code> or <code>@include icon(glyph(subway), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="subway"</code> or <code>data-icon="subway" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi))</code> or <code>@include icon(glyph(taxi), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="taxi"</code> or <code>data-icon="taxi" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car))</code> or <code>@include icon(glyph(train-and-car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-and-car"</code> or <code>data-icon="train-and-car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram))</code> or <code>@include icon(glyph(tram), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="tram"</code> or <code>data-icon="tram" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking))</code> or <code>@include icon(glyph(walking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking"</code> or <code>data-icon="walking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast))</code> or <code>@include icon(glyph(walking-fast), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking-fast"</code> or <code>data-icon="walking-fast" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-transportation/base-icons-icon-library-24-outline-transportation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-transportation/base-icons-icon-library-24-outline-transportation.rendered.html
new file mode 100644
index 0000000000..c85e33559b
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-24-outline-transportation/base-icons-icon-library-24-outline-transportation.rendered.html
@@ -0,0 +1,306 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane))</code> or <code>@include icon(glyph(airplane), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="airplane"</code> or <code>data-icon="airplane" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle))</code> or <code>@include icon(glyph(bicycle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle"</code> or <code>data-icon="bicycle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer))</code> or <code>@include icon(glyph(bicycle-trailer), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer"</code> or <code>data-icon="bicycle-trailer" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike))</code> or <code>@include icon(glyph(call-a-bike), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike"</code> or <code>data-icon="call-a-bike" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car))</code> or <code>@include icon(glyph(car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="car"</code> or <code>data-icon="car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing))</code> or <code>@include icon(glyph(carsharing), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="carsharing"</code> or <code>data-icon="carsharing" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car-sequence" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car-sequence))</code> or <code>@include icon(glyph(car-sequence), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="car-sequence"</code> or <code>data-icon="car-sequence" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive))</code> or <code>@include icon(glyph(electric-locomotive), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive"</code> or <code>data-icon="electric-locomotive" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter))</code> or <code>@include icon(glyph(electric-scooter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter"</code> or <code>data-icon="electric-scooter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car))</code> or <code>@include icon(glyph(ev-car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-car"</code> or <code>data-icon="ev-car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry))</code> or <code>@include icon(glyph(ferry), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ferry"</code> or <code>data-icon="ferry" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart))</code> or <code>@include icon(glyph(handcart), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="handcart"</code> or <code>data-icon="handcart" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice))</code> or <code>@include icon(glyph(ice), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice"</code> or <code>data-icon="ice" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train))</code> or <code>@include icon(glyph(intercity-train), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="intercity-train"</code> or <code>data-icon="intercity-train" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice-side-view" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice-side-view))</code> or <code>@include icon(glyph(ice-side-view), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice-side-view"</code> or <code>data-icon="ice-side-view" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus))</code> or <code>@include icon(glyph(local-bus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-bus"</code> or <code>data-icon="local-bus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus))</code> or <code>@include icon(glyph(long-distance-bus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus"</code> or <code>data-icon="long-distance-bus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train))</code> or <code>@include icon(glyph(local-train), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-train"</code> or <code>data-icon="local-train" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="rail-and-fly" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(rail-and-fly))</code> or <code>@include icon(glyph(rail-and-fly), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="rail-and-fly"</code> or <code>data-icon="rail-and-fly" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="railroad-car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(railroad-car))</code> or <code>@include icon(glyph(railroad-car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="railroad-car"</code> or <code>data-icon="railroad-car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn))</code> or <code>@include icon(glyph(s-bahn), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="s-bahn"</code> or <code>data-icon="s-bahn" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter))</code> or <code>@include icon(glyph(scooter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="scooter"</code> or <code>data-icon="scooter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sev" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sev))</code> or <code>@include icon(glyph(sev), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sev"</code> or <code>data-icon="sev" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat))</code> or <code>@include icon(glyph(speedboat), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="speedboat"</code> or <code>data-icon="speedboat" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sprinter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sprinter))</code> or <code>@include icon(glyph(sprinter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sprinter"</code> or <code>data-icon="sprinter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway))</code> or <code>@include icon(glyph(subway), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="subway"</code> or <code>data-icon="subway" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi))</code> or <code>@include icon(glyph(taxi), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="taxi"</code> or <code>data-icon="taxi" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car))</code> or <code>@include icon(glyph(train-and-car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-and-car"</code> or <code>data-icon="train-and-car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram))</code> or <code>@include icon(glyph(tram), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="tram"</code> or <code>data-icon="tram" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking))</code> or <code>@include icon(glyph(walking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking"</code> or <code>data-icon="walking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast))</code> or <code>@include icon(glyph(walking-fast), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking-fast"</code> or <code>data-icon="walking-fast" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Transportation","patternPartial":"base-icon-library-24-outline-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Transportation","patternPartial":"base-icon-library-24-outline-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-action/base-icons-icon-library-32-filled-action.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-action/base-icons-icon-library-32-filled-action.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-action/base-icons-icon-library-32-filled-action.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-action/base-icons-icon-library-32-filled-action.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-action/base-icons-icon-library-32-filled-action.markup-only.html
new file mode 100644
index 0000000000..ce257d7f41
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-action/base-icons-icon-library-32-filled-action.markup-only.html
@@ -0,0 +1,75 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="add-circle" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-action/base-icons-icon-library-32-filled-action.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-action/base-icons-icon-library-32-filled-action.rendered.html
new file mode 100644
index 0000000000..a2a273df0d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-action/base-icons-icon-library-32-filled-action.rendered.html
@@ -0,0 +1,192 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="add-circle" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Action","patternPartial":"base-icon-library-32-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Action","patternPartial":"base-icon-library-32-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-av/base-icons-icon-library-32-filled-av.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-av/base-icons-icon-library-32-filled-av.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-av/base-icons-icon-library-32-filled-av.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-av/base-icons-icon-library-32-filled-av.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-av/base-icons-icon-library-32-filled-av.markup-only.html
new file mode 100644
index 0000000000..88d3e18902
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-av/base-icons-icon-library-32-filled-av.markup-only.html
@@ -0,0 +1,45 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-av/base-icons-icon-library-32-filled-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-av/base-icons-icon-library-32-filled-av.rendered.html
new file mode 100644
index 0000000000..76f72ab6b7
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-av/base-icons-icon-library-32-filled-av.rendered.html
@@ -0,0 +1,162 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - AV","patternPartial":"base-icon-library-32-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - AV","patternPartial":"base-icon-library-32-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-maps/base-icons-icon-library-32-filled-maps.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-maps/base-icons-icon-library-32-filled-maps.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-maps/base-icons-icon-library-32-filled-maps.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-maps/base-icons-icon-library-32-filled-maps.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-maps/base-icons-icon-library-32-filled-maps.markup-only.html
new file mode 100644
index 0000000000..e68dbc6746
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-maps/base-icons-icon-library-32-filled-maps.markup-only.html
@@ -0,0 +1,15 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-maps/base-icons-icon-library-32-filled-maps.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-maps/base-icons-icon-library-32-filled-maps.rendered.html
new file mode 100644
index 0000000000..f1606d94c2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-maps/base-icons-icon-library-32-filled-maps.rendered.html
@@ -0,0 +1,132 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Maps","patternPartial":"base-icon-library-32-filled-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Maps","patternPartial":"base-icon-library-32-filled-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-navigation/base-icons-icon-library-32-filled-navigation.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-navigation/base-icons-icon-library-32-filled-navigation.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-navigation/base-icons-icon-library-32-filled-navigation.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-navigation/base-icons-icon-library-32-filled-navigation.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-navigation/base-icons-icon-library-32-filled-navigation.markup-only.html
new file mode 100644
index 0000000000..2baf5c9193
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-navigation/base-icons-icon-library-32-filled-navigation.markup-only.html
@@ -0,0 +1,9 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-navigation/base-icons-icon-library-32-filled-navigation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-navigation/base-icons-icon-library-32-filled-navigation.rendered.html
new file mode 100644
index 0000000000..fef61b40c3
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-navigation/base-icons-icon-library-32-filled-navigation.rendered.html
@@ -0,0 +1,126 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Navigation","patternPartial":"base-icon-library-32-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Navigation","patternPartial":"base-icon-library-32-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-notification/base-icons-icon-library-32-filled-notification.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-notification/base-icons-icon-library-32-filled-notification.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-notification/base-icons-icon-library-32-filled-notification.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-notification/base-icons-icon-library-32-filled-notification.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-notification/base-icons-icon-library-32-filled-notification.markup-only.html
new file mode 100644
index 0000000000..b49491b477
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-notification/base-icons-icon-library-32-filled-notification.markup-only.html
@@ -0,0 +1,15 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-notification/base-icons-icon-library-32-filled-notification.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-notification/base-icons-icon-library-32-filled-notification.rendered.html
new file mode 100644
index 0000000000..94e9a50c6c
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-notification/base-icons-icon-library-32-filled-notification.rendered.html
@@ -0,0 +1,132 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Notification","patternPartial":"base-icon-library-32-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Notification","patternPartial":"base-icon-library-32-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-transportation/base-icons-icon-library-32-filled-transportation.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-transportation/base-icons-icon-library-32-filled-transportation.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-transportation/base-icons-icon-library-32-filled-transportation.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-transportation/base-icons-icon-library-32-filled-transportation.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-transportation/base-icons-icon-library-32-filled-transportation.markup-only.html
new file mode 100644
index 0000000000..7159fdef35
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-transportation/base-icons-icon-library-32-filled-transportation.markup-only.html
@@ -0,0 +1,153 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-transportation/base-icons-icon-library-32-filled-transportation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-transportation/base-icons-icon-library-32-filled-transportation.rendered.html
new file mode 100644
index 0000000000..f24a14e233
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-filled-transportation/base-icons-icon-library-32-filled-transportation.rendered.html
@@ -0,0 +1,270 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Transportation","patternPartial":"base-icon-library-32-filled-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Transportation","patternPartial":"base-icon-library-32-filled-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-action/base-icons-icon-library-32-outline-action.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-action/base-icons-icon-library-32-outline-action.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-action/base-icons-icon-library-32-outline-action.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-action/base-icons-icon-library-32-outline-action.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-action/base-icons-icon-library-32-outline-action.markup-only.html
new file mode 100644
index 0000000000..4f2511ffcc
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-action/base-icons-icon-library-32-outline-action.markup-only.html
@@ -0,0 +1,591 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="account" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="add" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-link" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-link), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-link" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm-add" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm-add), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm-add" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="artificial-intelligence" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(artificial-intelligence), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="artificial-intelligence" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="attachment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(attachment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="attachment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="augmented-reality" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(augmented-reality), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="augmented-reality" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="block" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bug" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bug), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bug" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="build" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="calendar" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(calendar), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="calendar" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cash" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cash), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cash" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-download" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-download), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-download" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-upload" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-upload), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-upload" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="compass" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(compass), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="compass" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="copy" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="credit-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="dashboard" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="delete" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(delete), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="delete" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="discount" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="document" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-check" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-check), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-check" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-cross" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-cross), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-cross" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="done" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="download" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(download), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="download" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drag-and-drop" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drag-and-drop), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="drag-and-drop" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="edit" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="euro-sign" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(euro-sign), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="euro-sign" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-delighted" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-delighted), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-delighted" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-disappointed" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-disappointed), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-disappointed" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-neutral" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-neutral), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-neutral" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-sad" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-sad), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-sad" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-smiling" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-smiling), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-smiling" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="filter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(filter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="filter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fingerprint" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fingerprint), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fingerprint" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder-open" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="generic-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="giftcard" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(giftcard), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="giftcard" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing-disabled" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing-disabled), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing-disabled" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="id-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(id-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="id-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="image" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="key" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(key), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="key" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="legal" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(legal), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="legal" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lightbulb" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lightbulb), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="lightbulb" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-close" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-open" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="log-out" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(log-out), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="log-out" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="logbook" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logbook), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="logbook" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="piggybank" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(piggybank), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="piggybank" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="print" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pulse-wave" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pulse-wave), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="pulse-wave" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="push-button" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(push-button), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="push-button" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize-handle-corner" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize-handle-corner), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize-handle-corner" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="save" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="schedule" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="search" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(search), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="search" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="send" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(send), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="send" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sepa" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="settings" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(settings), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="settings" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="share" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart-disabled" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart-disabled), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart-disabled" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-horizontal" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-horizontal), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-horizontal" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-vertical" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-vertical), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-vertical" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="translation" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(translation), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="translation" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="undo" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(undo), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="undo" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="upload" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(upload), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="upload" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="voucher" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="website" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(website), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="website" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-in" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-in), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-in" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-out" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-out), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-out" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-action/base-icons-icon-library-32-outline-action.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-action/base-icons-icon-library-32-outline-action.rendered.html
new file mode 100644
index 0000000000..0086e906df
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-action/base-icons-icon-library-32-outline-action.rendered.html
@@ -0,0 +1,708 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="account" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="add" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-link" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-link), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-link" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm-add" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm-add), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm-add" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="artificial-intelligence" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(artificial-intelligence), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="artificial-intelligence" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="attachment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(attachment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="attachment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="augmented-reality" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(augmented-reality), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="augmented-reality" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="block" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bug" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bug), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bug" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="build" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="calendar" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(calendar), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="calendar" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cash" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cash), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cash" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-download" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-download), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-download" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-upload" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-upload), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-upload" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="compass" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(compass), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="compass" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="copy" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="credit-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="dashboard" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="delete" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(delete), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="delete" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="discount" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="document" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-check" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-check), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-check" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-cross" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-cross), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-cross" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="done" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="download" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(download), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="download" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drag-and-drop" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drag-and-drop), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="drag-and-drop" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="edit" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="euro-sign" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(euro-sign), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="euro-sign" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-delighted" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-delighted), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-delighted" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-disappointed" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-disappointed), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-disappointed" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-neutral" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-neutral), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-neutral" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-sad" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-sad), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-sad" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-smiling" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-smiling), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-smiling" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="filter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(filter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="filter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fingerprint" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fingerprint), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fingerprint" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder-open" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="generic-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="giftcard" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(giftcard), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="giftcard" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing-disabled" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing-disabled), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing-disabled" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="id-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(id-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="id-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="image" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="key" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(key), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="key" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="legal" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(legal), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="legal" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lightbulb" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lightbulb), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="lightbulb" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-close" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-open" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="log-out" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(log-out), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="log-out" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="logbook" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logbook), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="logbook" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="piggybank" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(piggybank), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="piggybank" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="print" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pulse-wave" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pulse-wave), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="pulse-wave" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="push-button" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(push-button), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="push-button" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize-handle-corner" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize-handle-corner), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize-handle-corner" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="save" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="schedule" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="search" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(search), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="search" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="send" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(send), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="send" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sepa" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="settings" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(settings), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="settings" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="share" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart-disabled" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart-disabled), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart-disabled" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-horizontal" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-horizontal), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-horizontal" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-vertical" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-vertical), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-vertical" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="translation" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(translation), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="translation" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="undo" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(undo), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="undo" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="upload" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(upload), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="upload" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="voucher" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="website" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(website), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="website" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-in" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-in), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-in" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-out" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-out), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-out" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Action","patternPartial":"base-icon-library-32-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Action","patternPartial":"base-icon-library-32-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-av/base-icons-icon-library-32-outline-av.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-av/base-icons-icon-library-32-outline-av.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-av/base-icons-icon-library-32-outline-av.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-av/base-icons-icon-library-32-outline-av.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-av/base-icons-icon-library-32-outline-av.markup-only.html
new file mode 100644
index 0000000000..5d88001701
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-av/base-icons-icon-library-32-outline-av.markup-only.html
@@ -0,0 +1,117 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-10" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-10), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-10" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-30" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-30), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-30" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-empty" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-empty), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-empty" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-10" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-10), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-10" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-30" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-30), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-30" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-empty" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-empty), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-empty" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="subtitles" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-mute" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-mute), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-mute" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-av/base-icons-icon-library-32-outline-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-av/base-icons-icon-library-32-outline-av.rendered.html
new file mode 100644
index 0000000000..ef9df74e93
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-av/base-icons-icon-library-32-outline-av.rendered.html
@@ -0,0 +1,234 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-10" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-10), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-10" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-30" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-30), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-30" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-empty" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-empty), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-empty" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-10" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-10), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-10" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-30" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-30), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-30" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-empty" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-empty), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-empty" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="subtitles" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-mute" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-mute), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-mute" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - AV","patternPartial":"base-icon-library-32-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - AV","patternPartial":"base-icon-library-32-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-brand/base-icons-icon-library-32-outline-brand.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-brand/base-icons-icon-library-32-outline-brand.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-brand/base-icons-icon-library-32-outline-brand.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-brand/base-icons-icon-library-32-outline-brand.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-brand/base-icons-icon-library-32-outline-brand.markup-only.html
new file mode 100644
index 0000000000..245e8c9362
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-brand/base-icons-icon-library-32-outline-brand.markup-only.html
@@ -0,0 +1,9 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-brand/base-icons-icon-library-32-outline-brand.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-brand/base-icons-icon-library-32-outline-brand.rendered.html
new file mode 100644
index 0000000000..05942437d1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-brand/base-icons-icon-library-32-outline-brand.rendered.html
@@ -0,0 +1,126 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Brand","patternPartial":"base-icon-library-32-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Brand","patternPartial":"base-icon-library-32-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-communication/base-icons-icon-library-32-outline-communication.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-communication/base-icons-icon-library-32-outline-communication.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-communication/base-icons-icon-library-32-outline-communication.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-communication/base-icons-icon-library-32-outline-communication.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-communication/base-icons-icon-library-32-outline-communication.markup-only.html
new file mode 100644
index 0000000000..fe8dd6b2da
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-communication/base-icons-icon-library-32-outline-communication.markup-only.html
@@ -0,0 +1,81 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="call" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="chat" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="conversation" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fax" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fax), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fax" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="feedback" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mail" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mail), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mail" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-phone" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-phone), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-phone" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="question" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="receive-item" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="share-item" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-communication/base-icons-icon-library-32-outline-communication.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-communication/base-icons-icon-library-32-outline-communication.rendered.html
new file mode 100644
index 0000000000..4f324b2ea9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-communication/base-icons-icon-library-32-outline-communication.rendered.html
@@ -0,0 +1,198 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="call" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="chat" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="conversation" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fax" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fax), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fax" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="feedback" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mail" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mail), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mail" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-phone" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-phone), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-phone" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="question" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="receive-item" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="share-item" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Communication","patternPartial":"base-icon-library-32-outline-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Communication","patternPartial":"base-icon-library-32-outline-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-covid-19/base-icons-icon-library-32-outline-covid-19.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-covid-19/base-icons-icon-library-32-outline-covid-19.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-covid-19/base-icons-icon-library-32-outline-covid-19.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-covid-19/base-icons-icon-library-32-outline-covid-19.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-covid-19/base-icons-icon-library-32-outline-covid-19.markup-only.html
new file mode 100644
index 0000000000..a5d86a53c1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-covid-19/base-icons-icon-library-32-outline-covid-19.markup-only.html
@@ -0,0 +1,9 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="mask" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mask), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mask" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-covid-19/base-icons-icon-library-32-outline-covid-19.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-covid-19/base-icons-icon-library-32-outline-covid-19.rendered.html
new file mode 100644
index 0000000000..a4fd42caaa
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-covid-19/base-icons-icon-library-32-outline-covid-19.rendered.html
@@ -0,0 +1,126 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="mask" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mask), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mask" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Covid 19","patternPartial":"base-icon-library-32-outline-covid-19","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Covid 19","patternPartial":"base-icon-library-32-outline-covid-19","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-facilities/base-icons-icon-library-32-outline-facilities.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-facilities/base-icons-icon-library-32-outline-facilities.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-facilities/base-icons-icon-library-32-outline-facilities.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-facilities/base-icons-icon-library-32-outline-facilities.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-facilities/base-icons-icon-library-32-outline-facilities.markup-only.html
new file mode 100644
index 0000000000..84d28fcdf3
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-facilities/base-icons-icon-library-32-outline-facilities.markup-only.html
@@ -0,0 +1,63 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="playground" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(playground), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="playground" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restricted-mobility-toilet" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restricted-mobility-toilet), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="restricted-mobility-toilet" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-men" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-men), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-men" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-women" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-women), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-women" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sink" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sink), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sink" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-men" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-men), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-men" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-sign" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-sign), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-sign" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-woman" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-woman), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-woman" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-facilities/base-icons-icon-library-32-outline-facilities.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-facilities/base-icons-icon-library-32-outline-facilities.rendered.html
new file mode 100644
index 0000000000..60dd412275
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-facilities/base-icons-icon-library-32-outline-facilities.rendered.html
@@ -0,0 +1,180 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="playground" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(playground), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="playground" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restricted-mobility-toilet" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restricted-mobility-toilet), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="restricted-mobility-toilet" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-men" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-men), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-men" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-women" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-women), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-women" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sink" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sink), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sink" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-men" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-men), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-men" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-sign" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-sign), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-sign" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-woman" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-woman), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-woman" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Facilities","patternPartial":"base-icon-library-32-outline-facilities","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Facilities","patternPartial":"base-icon-library-32-outline-facilities","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-feature/base-icons-icon-library-32-outline-feature.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-feature/base-icons-icon-library-32-outline-feature.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-feature/base-icons-icon-library-32-outline-feature.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-feature/base-icons-icon-library-32-outline-feature.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-feature/base-icons-icon-library-32-outline-feature.markup-only.html
new file mode 100644
index 0000000000..52362079ae
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-feature/base-icons-icon-library-32-outline-feature.markup-only.html
@@ -0,0 +1,135 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="air-condition" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(air-condition), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="air-condition" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="buggy" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(buggy), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="buggy" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="clothing-hanger" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(clothing-hanger), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="clothing-hanger" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="day" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="day" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dog" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dog), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="dog" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="entry-aid" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(entry-aid), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="entry-aid" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="environmental-mobility-check" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(environmental-mobility-check), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="environmental-mobility-check" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="hydrogen" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-compartment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-compartment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-compartment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-rack" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-rack), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-rack" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="marketplace" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="medical" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="night" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="no-smoking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(no-smoking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="no-smoking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-cane" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-cane), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-cane" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-rollator" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-rollator), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-rollator" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="platform" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="power-outlet" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(power-outlet), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="power-outlet" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="reservation" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="standing-room" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(standing-room), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="standing-room" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="steppless-entry" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(steppless-entry), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="steppless-entry" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="support-dog" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(support-dog), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="support-dog" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-feature/base-icons-icon-library-32-outline-feature.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-feature/base-icons-icon-library-32-outline-feature.rendered.html
new file mode 100644
index 0000000000..a612a244b5
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-feature/base-icons-icon-library-32-outline-feature.rendered.html
@@ -0,0 +1,252 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="air-condition" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(air-condition), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="air-condition" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="buggy" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(buggy), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="buggy" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="clothing-hanger" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(clothing-hanger), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="clothing-hanger" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="day" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="day" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dog" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dog), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="dog" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="entry-aid" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(entry-aid), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="entry-aid" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="environmental-mobility-check" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(environmental-mobility-check), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="environmental-mobility-check" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="hydrogen" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-compartment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-compartment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-compartment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-rack" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-rack), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-rack" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="marketplace" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="medical" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="night" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="no-smoking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(no-smoking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="no-smoking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-cane" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-cane), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-cane" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-rollator" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-rollator), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-rollator" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="platform" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="power-outlet" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(power-outlet), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="power-outlet" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="reservation" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="standing-room" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(standing-room), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="standing-room" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="steppless-entry" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(steppless-entry), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="steppless-entry" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="support-dog" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(support-dog), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="support-dog" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Feature","patternPartial":"base-icon-library-32-outline-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Feature","patternPartial":"base-icon-library-32-outline-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-food/base-icons-icon-library-32-outline-food.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-food/base-icons-icon-library-32-outline-food.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-food/base-icons-icon-library-32-outline-food.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-food/base-icons-icon-library-32-outline-food.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-food/base-icons-icon-library-32-outline-food.markup-only.html
new file mode 100644
index 0000000000..1ffe58b699
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-food/base-icons-icon-library-32-outline-food.markup-only.html
@@ -0,0 +1,27 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="breakfast" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(breakfast), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="breakfast" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="coffee-cup" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drink" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drink), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="drink" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restaurant" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restaurant), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="restaurant" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-food/base-icons-icon-library-32-outline-food.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-food/base-icons-icon-library-32-outline-food.rendered.html
new file mode 100644
index 0000000000..0c0a3b94a0
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-food/base-icons-icon-library-32-outline-food.rendered.html
@@ -0,0 +1,144 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="breakfast" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(breakfast), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="breakfast" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="coffee-cup" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drink" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drink), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="drink" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restaurant" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restaurant), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="restaurant" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Food","patternPartial":"base-icon-library-32-outline-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Food","patternPartial":"base-icon-library-32-outline-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-it/base-icons-icon-library-32-outline-it.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-it/base-icons-icon-library-32-outline-it.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-it/base-icons-icon-library-32-outline-it.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-it/base-icons-icon-library-32-outline-it.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-it/base-icons-icon-library-32-outline-it.markup-only.html
new file mode 100644
index 0000000000..053c19db47
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-it/base-icons-icon-library-32-outline-it.markup-only.html
@@ -0,0 +1,9 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-it/base-icons-icon-library-32-outline-it.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-it/base-icons-icon-library-32-outline-it.rendered.html
new file mode 100644
index 0000000000..0fdac04318
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-it/base-icons-icon-library-32-outline-it.rendered.html
@@ -0,0 +1,126 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - IT","patternPartial":"base-icon-library-32-outline-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - IT","patternPartial":"base-icon-library-32-outline-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-journey/base-icons-icon-library-32-outline-journey.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-journey/base-icons-icon-library-32-outline-journey.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-journey/base-icons-icon-library-32-outline-journey.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-journey/base-icons-icon-library-32-outline-journey.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-journey/base-icons-icon-library-32-outline-journey.markup-only.html
new file mode 100644
index 0000000000..4086a7587e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-journey/base-icons-icon-library-32-outline-journey.markup-only.html
@@ -0,0 +1,87 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="1st-class" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(1st-class), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="1st-class" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="2nd-class" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(2nd-class), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="2nd-class" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alternative-connection" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alternative-connection), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alternative-connection" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="booking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(booking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="booking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="destination" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intermediary-stop" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intermediary-stop), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="intermediary-stop" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mixed-class" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mixed-class), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mixed-class" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="round-trip" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(round-trip), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="round-trip" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="single-trip" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(single-trip), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="single-trip" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="start" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(start), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="start" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-journey/base-icons-icon-library-32-outline-journey.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-journey/base-icons-icon-library-32-outline-journey.rendered.html
new file mode 100644
index 0000000000..b5fa4fc123
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-journey/base-icons-icon-library-32-outline-journey.rendered.html
@@ -0,0 +1,204 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="1st-class" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(1st-class), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="1st-class" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="2nd-class" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(2nd-class), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="2nd-class" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alternative-connection" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alternative-connection), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alternative-connection" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="booking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(booking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="booking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="destination" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intermediary-stop" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intermediary-stop), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="intermediary-stop" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mixed-class" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mixed-class), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mixed-class" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="round-trip" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(round-trip), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="round-trip" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="single-trip" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(single-trip), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="single-trip" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="start" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(start), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="start" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Journey","patternPartial":"base-icon-library-32-outline-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Journey","patternPartial":"base-icon-library-32-outline-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-maps/base-icons-icon-library-32-outline-maps.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-maps/base-icons-icon-library-32-outline-maps.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-maps/base-icons-icon-library-32-outline-maps.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-maps/base-icons-icon-library-32-outline-maps.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-maps/base-icons-icon-library-32-outline-maps.markup-only.html
new file mode 100644
index 0000000000..018d1806e9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-maps/base-icons-icon-library-32-outline-maps.markup-only.html
@@ -0,0 +1,87 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="home" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="map" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(map), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="map" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-straight" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-straight), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-straight" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-left" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-left), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-left" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-right" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-right), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-right" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-u-turn" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-u-turn), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-u-turn" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="parking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="place" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="set-position" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(set-position), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="set-position" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="station" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(station), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="station" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop-sign" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-station" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-station), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-station" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-maps/base-icons-icon-library-32-outline-maps.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-maps/base-icons-icon-library-32-outline-maps.rendered.html
new file mode 100644
index 0000000000..e2743e1a08
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-maps/base-icons-icon-library-32-outline-maps.rendered.html
@@ -0,0 +1,204 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="home" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="map" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(map), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="map" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-straight" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-straight), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-straight" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-left" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-left), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-left" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-right" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-right), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-right" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-u-turn" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-u-turn), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-u-turn" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="parking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="place" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="set-position" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(set-position), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="set-position" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="station" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(station), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="station" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop-sign" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-station" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-station), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-station" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Maps","patternPartial":"base-icon-library-32-outline-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Maps","patternPartial":"base-icon-library-32-outline-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-navigation/base-icons-icon-library-32-outline-navigation.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-navigation/base-icons-icon-library-32-outline-navigation.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-navigation/base-icons-icon-library-32-outline-navigation.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-navigation/base-icons-icon-library-32-outline-navigation.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-navigation/base-icons-icon-library-32-outline-navigation.markup-only.html
new file mode 100644
index 0000000000..bcfd9adc47
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-navigation/base-icons-icon-library-32-outline-navigation.markup-only.html
@@ -0,0 +1,123 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cancel" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="close" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen-exit" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen-exit), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen-exit" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="grid-view" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="link" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link-external" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link-external), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="link-external" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="list" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(list), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="list" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="menu" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(menu), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="menu" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-horizontal" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-horizontal), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-horizontal" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-vertical" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-vertical), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-vertical" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="refresh" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(refresh), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="refresh" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-navigation/base-icons-icon-library-32-outline-navigation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-navigation/base-icons-icon-library-32-outline-navigation.rendered.html
new file mode 100644
index 0000000000..804c84d111
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-navigation/base-icons-icon-library-32-outline-navigation.rendered.html
@@ -0,0 +1,240 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cancel" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="close" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen-exit" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen-exit), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen-exit" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="grid-view" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="link" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link-external" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link-external), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="link-external" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="list" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(list), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="list" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="menu" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(menu), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="menu" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-horizontal" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-horizontal), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-horizontal" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-vertical" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-vertical), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-vertical" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="refresh" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(refresh), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="refresh" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Navigation","patternPartial":"base-icon-library-32-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Navigation","patternPartial":"base-icon-library-32-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-notification/base-icons-icon-library-32-outline-notification.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-notification/base-icons-icon-library-32-outline-notification.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-notification/base-icons-icon-library-32-outline-notification.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-notification/base-icons-icon-library-32-outline-notification.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-notification/base-icons-icon-library-32-outline-notification.markup-only.html
new file mode 100644
index 0000000000..28594e52c9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-notification/base-icons-icon-library-32-outline-notification.markup-only.html
@@ -0,0 +1,27 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify-cutoff" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify-cutoff), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify-cutoff" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-notification/base-icons-icon-library-32-outline-notification.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-notification/base-icons-icon-library-32-outline-notification.rendered.html
new file mode 100644
index 0000000000..4556441028
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-notification/base-icons-icon-library-32-outline-notification.rendered.html
@@ -0,0 +1,144 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify-cutoff" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify-cutoff), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify-cutoff" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Notification","patternPartial":"base-icon-library-32-outline-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Notification","patternPartial":"base-icon-library-32-outline-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-seat/base-icons-icon-library-32-outline-seat.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-seat/base-icons-icon-library-32-outline-seat.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-seat/base-icons-icon-library-32-outline-seat.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-seat/base-icons-icon-library-32-outline-seat.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-seat/base-icons-icon-library-32-outline-seat.markup-only.html
new file mode 100644
index 0000000000..7e7858e926
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-seat/base-icons-icon-library-32-outline-seat.markup-only.html
@@ -0,0 +1,69 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="aisle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="aisle-not-available" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle-not-available), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle-not-available" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bed" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bed), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bed" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="childrens-compartment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(childrens-compartment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="childrens-compartment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="elderly" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(elderly), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="elderly" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handicapped" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handicapped), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="handicapped" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parent-child-compartment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parent-child-compartment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="parent-child-compartment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="quiet-zone" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(quiet-zone), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="quiet-zone" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="table" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(table), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="table" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="traveler-with-reduced-mobility" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(traveler-with-reduced-mobility), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="traveler-with-reduced-mobility" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="window" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(window), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="window" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-seat/base-icons-icon-library-32-outline-seat.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-seat/base-icons-icon-library-32-outline-seat.rendered.html
new file mode 100644
index 0000000000..75e3a24b7b
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-seat/base-icons-icon-library-32-outline-seat.rendered.html
@@ -0,0 +1,186 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="aisle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="aisle-not-available" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle-not-available), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle-not-available" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bed" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bed), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bed" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="childrens-compartment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(childrens-compartment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="childrens-compartment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="elderly" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(elderly), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="elderly" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handicapped" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handicapped), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="handicapped" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parent-child-compartment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parent-child-compartment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="parent-child-compartment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="quiet-zone" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(quiet-zone), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="quiet-zone" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="table" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(table), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="table" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="traveler-with-reduced-mobility" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(traveler-with-reduced-mobility), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="traveler-with-reduced-mobility" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="window" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(window), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="window" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Seat","patternPartial":"base-icon-library-32-outline-seat","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Seat","patternPartial":"base-icon-library-32-outline-seat","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-ticket/base-icons-icon-library-32-outline-ticket.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-ticket/base-icons-icon-library-32-outline-ticket.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-ticket/base-icons-icon-library-32-outline-ticket.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-ticket/base-icons-icon-library-32-outline-ticket.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-ticket/base-icons-icon-library-32-outline-ticket.markup-only.html
new file mode 100644
index 0000000000..6f58f30578
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-ticket/base-icons-icon-library-32-outline-ticket.markup-only.html
@@ -0,0 +1,141 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahnbonus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahncard" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="best-price" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(best-price), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="best-price" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="commuter-ticket" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(commuter-ticket), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="commuter-ticket" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-check" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-check), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-check" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-circle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-circle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-circle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-passenger" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-passenger), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-passenger" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="my-travel" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(my-travel), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="my-travel" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="outward-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(outward-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="outward-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code-scan" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code-scan), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code-scan" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="return-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(return-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="return-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-discount" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-discount), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-discount" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-multiple" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-multiple), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-multiple" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-subscription" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-subscription), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-subscription" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-outward-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-outward-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-outward-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-return-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-return-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-return-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="timetable" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(timetable), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="timetable" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="travel-insurance" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(travel-insurance), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="travel-insurance" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-ticket/base-icons-icon-library-32-outline-ticket.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-ticket/base-icons-icon-library-32-outline-ticket.rendered.html
new file mode 100644
index 0000000000..fca6258058
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-ticket/base-icons-icon-library-32-outline-ticket.rendered.html
@@ -0,0 +1,258 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahnbonus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahncard" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="best-price" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(best-price), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="best-price" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="commuter-ticket" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(commuter-ticket), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="commuter-ticket" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-check" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-check), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-check" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-circle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-circle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-circle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-passenger" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-passenger), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-passenger" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="my-travel" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(my-travel), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="my-travel" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="outward-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(outward-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="outward-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code-scan" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code-scan), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code-scan" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="return-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(return-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="return-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-discount" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-discount), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-discount" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-multiple" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-multiple), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-multiple" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-subscription" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-subscription), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-subscription" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-outward-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-outward-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-outward-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-return-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-return-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-return-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="timetable" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(timetable), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="timetable" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="travel-insurance" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(travel-insurance), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="travel-insurance" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Ticket","patternPartial":"base-icon-library-32-outline-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Ticket","patternPartial":"base-icon-library-32-outline-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-transportation/base-icons-icon-library-32-outline-transportation.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-transportation/base-icons-icon-library-32-outline-transportation.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-transportation/base-icons-icon-library-32-outline-transportation.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-transportation/base-icons-icon-library-32-outline-transportation.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-transportation/base-icons-icon-library-32-outline-transportation.markup-only.html
new file mode 100644
index 0000000000..48246a5ec0
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-transportation/base-icons-icon-library-32-outline-transportation.markup-only.html
@@ -0,0 +1,189 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car-sequence" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car-sequence), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="car-sequence" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice-side-view" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice-side-view), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice-side-view" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="rail-and-fly" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(rail-and-fly), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="rail-and-fly" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="railroad-car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(railroad-car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="railroad-car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sev" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sev), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sev" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sprinter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sprinter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sprinter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-transportation/base-icons-icon-library-32-outline-transportation.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-transportation/base-icons-icon-library-32-outline-transportation.rendered.html
new file mode 100644
index 0000000000..bdfcf470df
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-32-outline-transportation/base-icons-icon-library-32-outline-transportation.rendered.html
@@ -0,0 +1,306 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car-sequence" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car-sequence), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="car-sequence" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice-side-view" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice-side-view), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice-side-view" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="rail-and-fly" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(rail-and-fly), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="rail-and-fly" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="railroad-car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(railroad-car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="railroad-car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sev" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sev), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sev" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sprinter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sprinter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sprinter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Transportation","patternPartial":"base-icon-library-32-outline-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Transportation","patternPartial":"base-icon-library-32-outline-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-48-filled-av/base-icons-icon-library-48-filled-av.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-48-filled-av/base-icons-icon-library-48-filled-av.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-48-filled-av/base-icons-icon-library-48-filled-av.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-48-filled-av/base-icons-icon-library-48-filled-av.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-48-filled-av/base-icons-icon-library-48-filled-av.markup-only.html
new file mode 100644
index 0000000000..a3953d1862
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-48-filled-av/base-icons-icon-library-48-filled-av.markup-only.html
@@ -0,0 +1,39 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-48-filled-av/base-icons-icon-library-48-filled-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-48-filled-av/base-icons-icon-library-48-filled-av.rendered.html
new file mode 100644
index 0000000000..6de6acd0a7
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-48-filled-av/base-icons-icon-library-48-filled-av.rendered.html
@@ -0,0 +1,156 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 48x48 - Filled - AV","patternPartial":"base-icon-library-48-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 48x48 - Filled - AV","patternPartial":"base-icon-library-48-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-av/base-icons-icon-library-48-outline-av.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-av/base-icons-icon-library-48-outline-av.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-av/base-icons-icon-library-48-outline-av.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-av/base-icons-icon-library-48-outline-av.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-av/base-icons-icon-library-48-outline-av.markup-only.html
new file mode 100644
index 0000000000..83a4147c28
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-av/base-icons-icon-library-48-outline-av.markup-only.html
@@ -0,0 +1,45 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-av/base-icons-icon-library-48-outline-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-av/base-icons-icon-library-48-outline-av.rendered.html
new file mode 100644
index 0000000000..8468b10315
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-av/base-icons-icon-library-48-outline-av.rendered.html
@@ -0,0 +1,162 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 48x48 - Outline - AV","patternPartial":"base-icon-library-48-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 48x48 - Outline - AV","patternPartial":"base-icon-library-48-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-brand/base-icons-icon-library-48-outline-brand.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-brand/base-icons-icon-library-48-outline-brand.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-brand/base-icons-icon-library-48-outline-brand.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-brand/base-icons-icon-library-48-outline-brand.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-brand/base-icons-icon-library-48-outline-brand.markup-only.html
new file mode 100644
index 0000000000..5542f50021
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-brand/base-icons-icon-library-48-outline-brand.markup-only.html
@@ -0,0 +1,9 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-brand/base-icons-icon-library-48-outline-brand.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-brand/base-icons-icon-library-48-outline-brand.rendered.html
new file mode 100644
index 0000000000..8af8a0df45
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-48-outline-brand/base-icons-icon-library-48-outline-brand.rendered.html
@@ -0,0 +1,126 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 48x48 - Outline - Brand","patternPartial":"base-icon-library-48-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 48x48 - Outline - Brand","patternPartial":"base-icon-library-48-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-64-filled-av/base-icons-icon-library-64-filled-av.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-64-filled-av/base-icons-icon-library-64-filled-av.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-64-filled-av/base-icons-icon-library-64-filled-av.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-64-filled-av/base-icons-icon-library-64-filled-av.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-64-filled-av/base-icons-icon-library-64-filled-av.markup-only.html
new file mode 100644
index 0000000000..aa0d04a391
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-64-filled-av/base-icons-icon-library-64-filled-av.markup-only.html
@@ -0,0 +1,39 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-64-filled-av/base-icons-icon-library-64-filled-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-64-filled-av/base-icons-icon-library-64-filled-av.rendered.html
new file mode 100644
index 0000000000..9227dc3aef
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-64-filled-av/base-icons-icon-library-64-filled-av.rendered.html
@@ -0,0 +1,156 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 64x64 - Filled - AV","patternPartial":"base-icon-library-64-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 64x64 - Filled - AV","patternPartial":"base-icon-library-64-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-av/base-icons-icon-library-64-outline-av.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-av/base-icons-icon-library-64-outline-av.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-av/base-icons-icon-library-64-outline-av.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-av/base-icons-icon-library-64-outline-av.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-av/base-icons-icon-library-64-outline-av.markup-only.html
new file mode 100644
index 0000000000..9e89adbfe4
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-av/base-icons-icon-library-64-outline-av.markup-only.html
@@ -0,0 +1,45 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-av/base-icons-icon-library-64-outline-av.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-av/base-icons-icon-library-64-outline-av.rendered.html
new file mode 100644
index 0000000000..e8aea43a49
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-av/base-icons-icon-library-64-outline-av.rendered.html
@@ -0,0 +1,162 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description hereee]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 64x64 - Outline - AV","patternPartial":"base-icon-library-64-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description hereee]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 64x64 - Outline - AV","patternPartial":"base-icon-library-64-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-brand/base-icons-icon-library-64-outline-brand.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-brand/base-icons-icon-library-64-outline-brand.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-brand/base-icons-icon-library-64-outline-brand.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-brand/base-icons-icon-library-64-outline-brand.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-brand/base-icons-icon-library-64-outline-brand.markup-only.html
new file mode 100644
index 0000000000..ad4796144c
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-brand/base-icons-icon-library-64-outline-brand.markup-only.html
@@ -0,0 +1,9 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-brand/base-icons-icon-library-64-outline-brand.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-brand/base-icons-icon-library-64-outline-brand.rendered.html
new file mode 100644
index 0000000000..08fbe61a73
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library-64-outline-brand/base-icons-icon-library-64-outline-brand.rendered.html
@@ -0,0 +1,126 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 64x64 - Outline - Brand","patternPartial":"base-icon-library-64-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 64x64 - Outline - Brand","patternPartial":"base-icon-library-64-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library/base-icons-icon-library.hbs b/review/refactor-icon-update/patterns/base-icons-icon-library/base-icons-icon-library.hbs
new file mode 100644
index 0000000000..bedfe95b76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library/base-icons-icon-library.hbs
@@ -0,0 +1,11 @@
+{{#if default}}<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size ({{ @root.icon-size }}) and style ({{ @root.icon-style }}) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>{{/if }}
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	{{#each icons }}
+	<li data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}">
+		<ul>
+			<li>SCSS: {{#if @root.default}}<code>@include icon(glyph({{ icon-glyph }}))</code> or {{/if }}<code>@include icon(glyph({{ icon-glyph }}), {{ @root.icon-size }}, "{{ @root.icon-style }}")</code></li>
+			<li>HTML: {{#if @root.default}}<code>data-icon="{{ icon-glyph }}"</code> or {{/if }}<code>data-icon="{{ icon-glyph }}" data-icon-variant="{{ @root.icon-size }}-{{ @root.icon-style }}"</code></li>
+		</ul>
+	</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library/base-icons-icon-library.markup-only.html b/review/refactor-icon-update/patterns/base-icons-icon-library/base-icons-icon-library.markup-only.html
new file mode 100644
index 0000000000..4e5313a3fc
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library/base-icons-icon-library.markup-only.html
@@ -0,0 +1,3 @@
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-icon-library/base-icons-icon-library.rendered.html b/review/refactor-icon-update/patterns/base-icons-icon-library/base-icons-icon-library.rendered.html
new file mode 100644
index 0000000000..f719d73954
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-icon-library/base-icons-icon-library.rendered.html
@@ -0,0 +1,120 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"Icon Library","patternPartial":"base-icon-library","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"Icon Library","patternPartial":"base-icon-library","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons-illustration-icons/base-icons-illustration-icons.hbs b/review/refactor-icon-update/patterns/base-icons-illustration-icons/base-icons-illustration-icons.hbs
new file mode 100644
index 0000000000..bb78675df4
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-illustration-icons/base-icons-illustration-icons.hbs
@@ -0,0 +1,17 @@
+{{#each icons }}
+	{{#if @first }}<!-- [html-validate-disable-next heading-level] -->{{/if }}
+	<h5>{{ @key }}</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		{{#each this }}<li>
+			<ul>
+				{{#each @root.example-bgs }}
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-{{ variant }}">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/{{ ../icon }}.svg#icon"></use>
+						</svg>
+					</li>
+				{{/each }}
+			</ul>
+		</li>{{/each }}
+	</ul>
+{{/each }}
diff --git a/review/refactor-icon-update/patterns/base-icons-illustration-icons/base-icons-illustration-icons.markup-only.html b/review/refactor-icon-update/patterns/base-icons-illustration-icons/base-icons-illustration-icons.markup-only.html
new file mode 100644
index 0000000000..3b5cbddb5c
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-illustration-icons/base-icons-illustration-icons.markup-only.html
@@ -0,0 +1,3060 @@
+	<!-- [html-validate-disable-next heading-level] -->
+	<h5>Action</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Communication</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Covid 19</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Devices</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Entertainment</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Feature</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Food /db_ic_il_ Drink</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Maps</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>News</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Station</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Ticket</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Transportation</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Travel</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Weather</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
diff --git a/review/refactor-icon-update/patterns/base-icons-illustration-icons/base-icons-illustration-icons.rendered.html b/review/refactor-icon-update/patterns/base-icons-illustration-icons/base-icons-illustration-icons.rendered.html
new file mode 100644
index 0000000000..7bc96925d5
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons-illustration-icons/base-icons-illustration-icons.rendered.html
@@ -0,0 +1,3177 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+	<!-- [html-validate-disable-next heading-level] -->
+	<h5>Action</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Communication</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Covid 19</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Devices</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Entertainment</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Feature</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Food /db_ic_il_ Drink</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Maps</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>News</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Station</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Ticket</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Transportation</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Travel</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Weather</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h4>Usage</h4>\n<p>You could reference the multicolor icons directly via the <code>&lt;use&gt;</code> HTML tag within the <code>&lt;svg&gt;</code> HTML tag, compare to the source code provided with this pattern, like e.g.:</p>\n<pre><code class=\"language-html\">&lt;svg\n  xmlns=&quot;http://www.w3.org/2000/svg&quot;\n  width=&quot;64&quot;\n  height=&quot;64&quot;\n  aria-hidden=&quot;true&quot;\n&gt;\n  &lt;use href=&quot;/icons/illustrative/action/db_ic_il_alarm_clock.svg#icon&quot;&gt;&lt;/use&gt;\n&lt;/svg&gt;\n</code></pre>\n<h4>Adapt icons colors</h4>\n<p>You could easily change the line-colors of both the pulse and the icon itself by defining different color values for both CSS variables:</p>\n<ul>\n<li><code>--db-icon-color</code></li>\n<li><code>--db-icon-pulse-color</code></li>\n</ul>\n<p>The fallback for a non-defined <code>--db-icon-color</code> is the <code>font-color</code> defined around or for the <code>&lt;svg&gt;</code> itself, and <code>--db-icon-pulse-color</code> would fall back to <code>#EC0016</code>, which is the general pulse color defined by brand.</p>\n<h4>Accessibility</h4>\n<p>We're adding the attribute <code>aria-hidden=&quot;true&quot;</code> to the <code>&lt;svg&gt;</code> HTML tag so that the icon is hidden from assistive tools like not being read out by screen readers.</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"Illustration Icons","patternPartial":"base-illustration-icons","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h4>Usage</h4>\n<p>You could reference the multicolor icons directly via the <code>&lt;use&gt;</code> HTML tag within the <code>&lt;svg&gt;</code> HTML tag, compare to the source code provided with this pattern, like e.g.:</p>\n<pre><code class=\"language-html\">&lt;svg\n  xmlns=&quot;http://www.w3.org/2000/svg&quot;\n  width=&quot;64&quot;\n  height=&quot;64&quot;\n  aria-hidden=&quot;true&quot;\n&gt;\n  &lt;use href=&quot;/icons/illustrative/action/db_ic_il_alarm_clock.svg#icon&quot;&gt;&lt;/use&gt;\n&lt;/svg&gt;\n</code></pre>\n<h4>Adapt icons colors</h4>\n<p>You could easily change the line-colors of both the pulse and the icon itself by defining different color values for both CSS variables:</p>\n<ul>\n<li><code>--db-icon-color</code></li>\n<li><code>--db-icon-pulse-color</code></li>\n</ul>\n<p>The fallback for a non-defined <code>--db-icon-color</code> is the <code>font-color</code> defined around or for the <code>&lt;svg&gt;</code> itself, and <code>--db-icon-pulse-color</code> would fall back to <code>#EC0016</code>, which is the general pulse color defined by brand.</p>\n<h4>Accessibility</h4>\n<p>We're adding the attribute <code>aria-hidden=&quot;true&quot;</code> to the <code>&lt;svg&gt;</code> HTML tag so that the icon is hidden from assistive tools like not being read out by screen readers.</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"Illustration Icons","patternPartial":"base-illustration-icons","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-icons/index.html b/review/refactor-icon-update/patterns/base-icons/index.html
new file mode 100644
index 0000000000..46b38bc5cd
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-icons/index.html
@@ -0,0 +1,13982 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-base-icons" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/base-icons&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-base-icons">Icons</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>New iconset</h2>
+<p>The included iconset has been developed in cooperation with the Center of Excellence @ Personenverkehr and replaces the previous enterprise only icons. More information: <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Icons/Funktionale-Icons-Architektur-und-Fahrzeuge">https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Icons/Funktionale-Icons-Architektur-und-Fahrzeuge</a></p>
+<h2>Usage</h2>
+<p>You could use the icons either within your SCSS code as described below, which is the recommended approach.
+Alternatively you could also use the attribute based configuration.</p>
+<p>And we're additionally providing the icons as the sources (SVG) files as well.</p>
+<h3>Icon font</h3>
+<h4>Different glyphs</h4>
+<p>All of the available glyphs variables are shown on this page right next to the icon, with the SCSS and attribute based variables/values shown next to them.</p>
+<h4>SCSS (recommended)</h4>
+<h5>Icon for element</h5>
+<p>Use the following SCSS mixin for setting an icon:</p>
+<pre><code class="language-scss">// schema
+@mixin icon(
+  $glyph: &quot;&quot;,
+  $size: $icon-size,
+  $style: $icon-style,
+  $position: &quot;before&quot;
+);
+
+// example
+span.with-an-icon {
+  @include icon(glyph(account), 20, &quot;outline&quot;);
+}
+</code></pre>
+<p>As both <code>$icon-size</code> and <code>$icon-style</code> are available to get configured with default values, and <code>$position</code> is only a variant (explained in the next paragraph) only the first one is really mandatory.</p>
+<h6>Displaying the icon after text</h6>
+<p>If you'd like to include the icon after the text, set the last parameter to <code>after</code>.</p>
+<h6>Hiding the text next to an icon</h6>
+<p>In case of the need to display only the icon and hide the text next to it, use the following mixin:</p>
+<pre><code class="language-scss">@include is-icon-text-replace();
+</code></pre>
+<h4>Attribute based configuration</h4>
+<h5>Icon for element</h5>
+<p>Use the <code>data-icon</code> and <code>data-icon-variant</code> HTML attributes for setting an icon:</p>
+<pre><code class="language-html">&lt;a href=&quot;#&quot; data-icon=&quot;alarm&quot; data-icon-variant=&quot;24-outline&quot;&gt;Alarm&lt;/a&gt;
+</code></pre>
+<p>The <code>data-icon-variant</code> is an optional attribute, that you don't need to declare in case that you'd like to use the default icon size and style, that are defined by the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables (size: <code>24</code> and style: <code>outline</code> as defaults), that could obviously get overwritten by individual SCSS declarations; so you'll end up with a very simply definition when relying on the defaults:</p>
+<pre><code class="language-html">&lt;a href=&quot;#&quot; data-icon=&quot;alarm&quot;&gt;Alarm&lt;/a&gt;
+</code></pre>
+<p>Of course this icons definition does as well have an equivalent for icons after the content: <code>data-icon-variant-after</code></p>
+<h6>Displaying the icon after text</h6>
+<p>If you'd like to include the icon after the content/text, use the HTML attribute <code>data-icon-after</code> instead of <code>data-icon</code>, example:</p>
+<pre><code class="language-html">&lt;a
+  href=&quot;#&quot;
+  data-icon-after=&quot;alarm&quot;
+  data-icon-variant-after=&quot;24-outline&quot;
+  class=&quot;elm-link&quot;
+  &gt;Alarm&lt;/a
+&gt;
+</code></pre>
+<h6>Hiding the text next to an icon</h6>
+<p>In case of the need to display only the icon and hide the text next to it, use the following class:</p>
+<pre><code class="language-html">.is-icon-text-replace
+</code></pre>
+<h6>Tweaking icons <code>font-size</code></h6>
+<p>If you'd like to control the icons <code>font-size</code> any further (defining sizes in between all of the <code>data-icon-variant</code> declarations, like e.g. having an icon <code>font-size</code> of <code>23px</code> instead of <code>24px</code> when defining <code>data-icon-variant=&quot;24-outline&quot;</code>), you could set set one of the CSS variables <code>--icon-font-size-before</code> or <code>--icon-font-size-after</code> (in this case <code>--icon-font-size-before: 23px</code>).</p>
+<pre><code class="language-html">&lt;a
+  href=&quot;#&quot;
+  data-icon=&quot;alarm&quot;
+  data-icon-variant=&quot;24-outline&quot;
+  style=&quot;--icon-font-size-before: 23px&quot;
+  &gt;Alarm&lt;/a
+&gt;
+</code></pre>
+<h4>Further tweaking</h4>
+<h3>SVG files</h3>
+<p>As mentioned above we're even also providing all of the icon sources (<code>svg</code> files) within this package in the folder <code>node_modules/@db-ui/core/dist/icons/</code>.</p>
+<p>And we're enabling to change the colors for the <a href="https://db-ui.github.io/base/?p=viewall-icons-illustrative">illustrative icons</a> (&quot;pulse&quot; and icon itself) as well as the <a href="https://db-ui.github.io/base/?p=viewall-icons-functional">functional icons</a> (only the single-color icon), through the two following CSS variables / CSS custom properties, with their included default (second value):</p>
+<pre><code class="language-css">var(--db-icon-color, currentColor)
+var(--db-icon-pulse-color, #EC0016)
+</code></pre>
+<h2>Accessibility</h2>
+<p>Regarding accessibility icons are providing cognitive complementary visual support for sighted people (e.g. people with reading difficulties), as well as quick recognition of specific functionality and UX patterns like e.g. the bin/waste paper basket symbol for a delete action.</p>
+<p>On the other hand icons shouldn't get recognized and output by assistive technologies like screenreaders, as those glyphs or signs being used in case of an icon webfont don't necessarly provide a meaning - and on the other hand each icon being used on the page should always as well get included in conjunction with some textual description both as a fallback as well as providing some meaning even and especially if the icon itself doesn't provide a unique meaning on it's own (to all users idependently from their skill level/experience, culture, etc.).</p>
+<p>Additionally this pattern has been tested and approved regarding accessibility.</p>
+<h2>Inspirational external sources for this pattern</h2>
+<ul>
+<li><a href="https://spectrum.adobe.com/page/icons/">https://spectrum.adobe.com/page/icons/</a> &amp; <a href="https://spectrum.adobe.com/page/iconography/">https://spectrum.adobe.com/page/iconography/</a></li>
+</ul>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="base-icon-library" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library&#x2F;base-icons-icon-library.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library" title="Link to Pattern">
+						Icon Library
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library" data-patternpartial="base-icon-library" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"Icon Library","patternPartial":"base-icon-library","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-16-filled-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-16-filled-action&#x2F;base-icons-icon-library-16-filled-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-16-filled-action" title="Link to Pattern">
+						DB Icons 16x16 - Filled - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-16-filled-action" data-patternpartial="base-icon-library-16-filled-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-16-filled-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="check-circle" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-16-filled-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Filled - Action","patternPartial":"base-icon-library-16-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-16-filled-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-16-filled-navigation&#x2F;base-icons-icon-library-16-filled-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-16-filled-navigation" title="Link to Pattern">
+						DB Icons 16x16 - Filled - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-16-filled-navigation" data-patternpartial="base-icon-library-16-filled-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-16-filled-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-16-filled-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Filled - Navigation","patternPartial":"base-icon-library-16-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-16-filled-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-16-filled-notification&#x2F;base-icons-icon-library-16-filled-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-16-filled-notification" title="Link to Pattern">
+						DB Icons 16x16 - Filled - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-16-filled-notification" data-patternpartial="base-icon-library-16-filled-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-16-filled-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-16-filled-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Filled - Notification","patternPartial":"base-icon-library-16-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-16-outline-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-16-outline-action&#x2F;base-icons-icon-library-16-outline-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-16-outline-action" title="Link to Pattern">
+						DB Icons 16x16 - Outline - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-16-outline-action" data-patternpartial="base-icon-library-16-outline-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-16-outline-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="add" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="add" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="done" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-16-outline-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Outline - Action","patternPartial":"base-icon-library-16-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-16-outline-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-16-outline-navigation&#x2F;base-icons-icon-library-16-outline-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-16-outline-navigation" title="Link to Pattern">
+						DB Icons 16x16 - Outline - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-16-outline-navigation" data-patternpartial="base-icon-library-16-outline-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-16-outline-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="close" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-16-outline-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Outline - Navigation","patternPartial":"base-icon-library-16-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-action&#x2F;base-icons-icon-library-20-filled-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-action" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-action" data-patternpartial="base-icon-library-20-filled-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="account" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="block" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="build" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="copy" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="credit-card" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="dashboard" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="discount" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="edit" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="folder" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="folder-open" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="generic-card" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="image" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="lock-close" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="lock-open" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="print" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="resize" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="save" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="schedule" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="sepa" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="voucher" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Action","patternPartial":"base-icon-library-20-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-av&#x2F;base-icons-icon-library-20-filled-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-av" title="Link to Pattern">
+						DB Icons 20x20 - Filled - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-av" data-patternpartial="base-icon-library-20-filled-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="subtitles" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - AV","patternPartial":"base-icon-library-20-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-communication" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-communication&#x2F;base-icons-icon-library-20-filled-communication.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-communication" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Communication
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-communication" data-patternpartial="base-icon-library-20-filled-communication" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-communication">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="call" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="chat" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="conversation" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="feedback" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="question" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="receive-item" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="share-item" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-communication" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Communication","patternPartial":"base-icon-library-20-filled-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-feature" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-feature&#x2F;base-icons-icon-library-20-filled-feature.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-feature" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Feature
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-feature" data-patternpartial="base-icon-library-20-filled-feature" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-feature">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="day" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="day" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="hydrogen" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="marketplace" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="medical" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="night" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="platform" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="reservation" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-feature" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Feature","patternPartial":"base-icon-library-20-filled-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-food" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-food&#x2F;base-icons-icon-library-20-filled-food.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-food" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Food
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-food" data-patternpartial="base-icon-library-20-filled-food" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-food">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="coffee-cup" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-food" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Food","patternPartial":"base-icon-library-20-filled-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-it" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-it&#x2F;base-icons-icon-library-20-filled-it.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-it" title="Link to Pattern">
+						DB Icons 20x20 - Filled - IT
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-it" data-patternpartial="base-icon-library-20-filled-it" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-it">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-it" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - IT","patternPartial":"base-icon-library-20-filled-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-journey" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-journey&#x2F;base-icons-icon-library-20-filled-journey.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-journey" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Journey
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-journey" data-patternpartial="base-icon-library-20-filled-journey" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-journey">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="capacity-indicator" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="destination" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-journey" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Journey","patternPartial":"base-icon-library-20-filled-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-maps" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-maps&#x2F;base-icons-icon-library-20-filled-maps.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-maps" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Maps
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-maps" data-patternpartial="base-icon-library-20-filled-maps" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-maps">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="home" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="parking" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="place" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop-sign" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-maps" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Maps","patternPartial":"base-icon-library-20-filled-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-navigation&#x2F;base-icons-icon-library-20-filled-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-navigation" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-navigation" data-patternpartial="base-icon-library-20-filled-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="grid-view" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Navigation","patternPartial":"base-icon-library-20-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-notification&#x2F;base-icons-icon-library-20-filled-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-notification" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-notification" data-patternpartial="base-icon-library-20-filled-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Notification","patternPartial":"base-icon-library-20-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-ticket" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-ticket&#x2F;base-icons-icon-library-20-filled-ticket.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-ticket" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Ticket
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-ticket" data-patternpartial="base-icon-library-20-filled-ticket" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-ticket">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus-card" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bahncard" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-ticket" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Ticket","patternPartial":"base-icon-library-20-filled-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-transportation&#x2F;base-icons-icon-library-20-filled-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-transportation" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Transportation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-transportation" data-patternpartial="base-icon-library-20-filled-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Transportation","patternPartial":"base-icon-library-20-filled-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-action&#x2F;base-icons-icon-library-20-outline-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-action" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-action" data-patternpartial="base-icon-library-20-outline-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="account" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="add" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-link" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-link), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-link" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm-add" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm-add), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm-add" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="artificial-intelligence" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(artificial-intelligence), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="artificial-intelligence" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="attachment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(attachment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="attachment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="augmented-reality" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(augmented-reality), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="augmented-reality" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="block" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bug" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bug), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bug" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="build" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="calendar" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(calendar), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="calendar" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cash" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cash), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cash" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-download" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-download), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-download" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-upload" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-upload), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-upload" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="compass" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(compass), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="compass" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="copy" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="credit-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="dashboard" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="delete" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(delete), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="delete" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="discount" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="document" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-check" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-check), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-check" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-cross" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-cross), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-cross" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="done" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="download" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(download), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="download" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drag-and-drop" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drag-and-drop), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="drag-and-drop" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="edit" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="euro-sign" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(euro-sign), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="euro-sign" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-delighted" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-delighted), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-delighted" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-disappointed" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-disappointed), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-disappointed" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-neutral" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-neutral), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-neutral" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-sad" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-sad), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-sad" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-smiling" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-smiling), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-smiling" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="filter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(filter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="filter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fingerprint" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fingerprint), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fingerprint" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder-open" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="generic-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="giftcard" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(giftcard), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="giftcard" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing-disabled" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing-disabled), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing-disabled" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="id-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(id-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="id-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="image" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="key" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(key), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="key" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="legal" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(legal), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="legal" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lightbulb" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lightbulb), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="lightbulb" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-close" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-open" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="log-out" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(log-out), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="log-out" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="logbook" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logbook), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="logbook" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="piggybank" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(piggybank), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="piggybank" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="print" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pulse-wave" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pulse-wave), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="pulse-wave" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="push-button" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(push-button), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="push-button" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize-handle-corner" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize-handle-corner), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize-handle-corner" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="save" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="schedule" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="search" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(search), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="search" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="send" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(send), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="send" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sepa" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="settings" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(settings), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="settings" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="share" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart-disabled" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart-disabled), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart-disabled" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-horizontal" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-horizontal), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-horizontal" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-vertical" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-vertical), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-vertical" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="translation" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(translation), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="translation" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="undo" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(undo), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="undo" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="upload" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(upload), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="upload" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="voucher" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="website" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(website), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="website" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-in" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-in), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-in" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-out" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-out), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-out" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Action","patternPartial":"base-icon-library-20-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-av&#x2F;base-icons-icon-library-20-outline-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-av" title="Link to Pattern">
+						DB Icons 20x20 - Outline - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-av" data-patternpartial="base-icon-library-20-outline-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-10" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-10), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-10" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-30" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-30), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-30" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-empty" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-empty), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-empty" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-10" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-10), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-10" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-30" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-30), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-30" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-empty" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-empty), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-empty" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="subtitles" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-mute" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-mute), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-mute" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - AV","patternPartial":"base-icon-library-20-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-brand" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-brand&#x2F;base-icons-icon-library-20-outline-brand.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-brand" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Brand
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-brand" data-patternpartial="base-icon-library-20-outline-brand" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-brand">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-brand" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Brand","patternPartial":"base-icon-library-20-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-communication" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-communication&#x2F;base-icons-icon-library-20-outline-communication.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-communication" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Communication
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-communication" data-patternpartial="base-icon-library-20-outline-communication" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-communication">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="call" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="chat" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="conversation" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fax" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fax), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fax" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="feedback" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mail" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mail), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mail" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-phone" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-phone), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-phone" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="question" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="receive-item" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="share-item" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-communication" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Communication","patternPartial":"base-icon-library-20-outline-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-covid-19" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-covid-19&#x2F;base-icons-icon-library-20-outline-covid-19.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-covid-19" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Covid 19
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-covid-19" data-patternpartial="base-icon-library-20-outline-covid-19" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-covid-19">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="mask" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mask), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mask" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-covid-19" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Covid 19","patternPartial":"base-icon-library-20-outline-covid-19","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-facilities" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-facilities&#x2F;base-icons-icon-library-20-outline-facilities.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-facilities" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Facilities
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-facilities" data-patternpartial="base-icon-library-20-outline-facilities" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-facilities">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="playground" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(playground), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="playground" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restricted-mobility-toilet" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restricted-mobility-toilet), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="restricted-mobility-toilet" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-men" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-men), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-men" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-women" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-women), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-women" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sink" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sink), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sink" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-men" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-men), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-men" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-sign" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-sign), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-sign" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-woman" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-woman), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-woman" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-facilities" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Facilities","patternPartial":"base-icon-library-20-outline-facilities","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-feature" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-feature&#x2F;base-icons-icon-library-20-outline-feature.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-feature" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Feature
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-feature" data-patternpartial="base-icon-library-20-outline-feature" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-feature">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="air-condition" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(air-condition), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="air-condition" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="buggy" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(buggy), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="buggy" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="clothing-hanger" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(clothing-hanger), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="clothing-hanger" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="day" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="day" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dog" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dog), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="dog" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="entry-aid" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(entry-aid), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="entry-aid" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="environmental-mobility-check" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(environmental-mobility-check), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="environmental-mobility-check" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="hydrogen" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-compartment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-compartment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-compartment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-rack" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-rack), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-rack" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="marketplace" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="medical" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="night" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="no-smoking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(no-smoking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="no-smoking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-cane" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-cane), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-cane" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-rollator" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-rollator), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-rollator" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="platform" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="power-outlet" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(power-outlet), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="power-outlet" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="reservation" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="standing-room" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(standing-room), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="standing-room" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="steppless-entry" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(steppless-entry), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="steppless-entry" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="support-dog" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(support-dog), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="support-dog" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-feature" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Feature","patternPartial":"base-icon-library-20-outline-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-food" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-food&#x2F;base-icons-icon-library-20-outline-food.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-food" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Food
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-food" data-patternpartial="base-icon-library-20-outline-food" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-food">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="breakfast" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(breakfast), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="breakfast" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="coffee-cup" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drink" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drink), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="drink" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restaurant" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restaurant), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="restaurant" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-food" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Food","patternPartial":"base-icon-library-20-outline-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-it" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-it&#x2F;base-icons-icon-library-20-outline-it.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-it" title="Link to Pattern">
+						DB Icons 20x20 - Outline - IT
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-it" data-patternpartial="base-icon-library-20-outline-it" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-it">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-it" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - IT","patternPartial":"base-icon-library-20-outline-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-journey" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-journey&#x2F;base-icons-icon-library-20-outline-journey.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-journey" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Journey
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-journey" data-patternpartial="base-icon-library-20-outline-journey" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-journey">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="1st-class" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(1st-class), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="1st-class" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="2nd-class" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(2nd-class), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="2nd-class" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alternative-connection" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alternative-connection), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alternative-connection" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="booking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(booking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="booking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="destination" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intermediary-stop" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intermediary-stop), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="intermediary-stop" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mixed-class" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mixed-class), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mixed-class" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="round-trip" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(round-trip), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="round-trip" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="single-trip" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(single-trip), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="single-trip" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="start" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(start), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="start" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-journey" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Journey","patternPartial":"base-icon-library-20-outline-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-maps" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-maps&#x2F;base-icons-icon-library-20-outline-maps.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-maps" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Maps
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-maps" data-patternpartial="base-icon-library-20-outline-maps" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-maps">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="home" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="map" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(map), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="map" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-straight" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-straight), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-straight" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-left" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-left), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-left" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-right" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-right), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-right" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-u-turn" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-u-turn), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-u-turn" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop-sign" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="parking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="place" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="set-position" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(set-position), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="set-position" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="station" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(station), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="station" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-station" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-station), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-station" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-maps" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Maps","patternPartial":"base-icon-library-20-outline-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-navigation&#x2F;base-icons-icon-library-20-outline-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-navigation" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-navigation" data-patternpartial="base-icon-library-20-outline-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cancel" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="close" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen-exit" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen-exit), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen-exit" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="grid-view" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="link" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link-external" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link-external), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="link-external" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="list" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(list), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="list" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="menu" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(menu), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="menu" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-horizontal" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-horizontal), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-horizontal" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-vertical" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-vertical), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-vertical" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="refresh" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(refresh), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="refresh" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Navigation","patternPartial":"base-icon-library-20-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-notification&#x2F;base-icons-icon-library-20-outline-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-notification" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-notification" data-patternpartial="base-icon-library-20-outline-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify-cutoff" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify-cutoff), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify-cutoff" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Notification","patternPartial":"base-icon-library-20-outline-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-seat" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-seat&#x2F;base-icons-icon-library-20-outline-seat.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-seat" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Seat
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-seat" data-patternpartial="base-icon-library-20-outline-seat" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-seat">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="aisle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="aisle-not-available" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle-not-available), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle-not-available" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bed" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bed), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bed" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="childrens-compartment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(childrens-compartment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="childrens-compartment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="elderly" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(elderly), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="elderly" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handicapped" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handicapped), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="handicapped" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parent-child-compartment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parent-child-compartment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="parent-child-compartment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="quiet-zone" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(quiet-zone), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="quiet-zone" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="table" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(table), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="table" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="traveler-with-reduced-mobility" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(traveler-with-reduced-mobility), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="traveler-with-reduced-mobility" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="window" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(window), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="window" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-seat" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Seat","patternPartial":"base-icon-library-20-outline-seat","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-ticket" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-ticket&#x2F;base-icons-icon-library-20-outline-ticket.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-ticket" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Ticket
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-ticket" data-patternpartial="base-icon-library-20-outline-ticket" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-ticket">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahnbonus-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahncard" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="best-price" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(best-price), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="best-price" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="commuter-ticket" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(commuter-ticket), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="commuter-ticket" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-check" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-check), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-check" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-circle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-circle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-circle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-passenger" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-passenger), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-passenger" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="my-travel" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(my-travel), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="my-travel" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="outward-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(outward-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="outward-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code-scan" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code-scan), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code-scan" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="return-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(return-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="return-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-discount" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-discount), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-discount" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-multiple" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-multiple), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-multiple" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-subscription" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-subscription), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-subscription" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-outward-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-outward-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-outward-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-return-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-return-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-return-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="timetable" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(timetable), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="timetable" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="travel-insurance" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(travel-insurance), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="travel-insurance" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-ticket" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Ticket","patternPartial":"base-icon-library-20-outline-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-transportation&#x2F;base-icons-icon-library-20-outline-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-transportation" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Transportation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-transportation" data-patternpartial="base-icon-library-20-outline-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car-sequence" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car-sequence), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="car-sequence" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-bus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-bus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-bus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-train" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-train), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-train" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice-side-view" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice-side-view), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice-side-view" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="rail-and-fly" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(rail-and-fly), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="rail-and-fly" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="railroad-car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(railroad-car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="railroad-car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sev" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sev), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sev" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sprinter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sprinter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sprinter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Transportation","patternPartial":"base-icon-library-20-outline-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-action&#x2F;base-icons-icon-library-24-filled-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-action" title="Link to Pattern">
+						DB Icons 24x24 - Filled - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-action" data-patternpartial="base-icon-library-24-filled-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="add-circle" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle))</code> or <code>@include icon(glyph(add-circle), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="add-circle"</code> or <code>data-icon="add-circle" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert))</code> or <code>@include icon(glyph(alert), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="alert"</code> or <code>data-icon="alert" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark))</code> or <code>@include icon(glyph(bookmark), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="bookmark"</code> or <code>data-icon="bookmark" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera))</code> or <code>@include icon(glyph(camera), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="camera"</code> or <code>data-icon="camera" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle))</code> or <code>@include icon(glyph(check-circle), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle"</code> or <code>data-icon="check-circle" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud))</code> or <code>@include icon(glyph(cloud), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="cloud"</code> or <code>data-icon="cloud" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart))</code> or <code>@include icon(glyph(heart), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="heart"</code> or <code>data-icon="heart" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help))</code> or <code>@include icon(glyph(help), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="help"</code> or <code>data-icon="help" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info))</code> or <code>@include icon(glyph(info), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="info"</code> or <code>data-icon="info" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin))</code> or <code>@include icon(glyph(pin), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="pin"</code> or <code>data-icon="pin" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove))</code> or <code>@include icon(glyph(remove), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="remove"</code> or <code>data-icon="remove" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star))</code> or <code>@include icon(glyph(star), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="star"</code> or <code>data-icon="star" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Action","patternPartial":"base-icon-library-24-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-av&#x2F;base-icons-icon-library-24-filled-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-av" title="Link to Pattern">
+						DB Icons 24x24 - Filled - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-av" data-patternpartial="base-icon-library-24-filled-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward))</code> or <code>@include icon(glyph(fast-backward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward"</code> or <code>data-icon="fast-backward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward))</code> or <code>@include icon(glyph(fast-forward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward"</code> or <code>data-icon="fast-forward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone))</code> or <code>@include icon(glyph(microphone), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="microphone"</code> or <code>data-icon="microphone" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play))</code> or <code>@include icon(glyph(play), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="play"</code> or <code>data-icon="play" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward))</code> or <code>@include icon(glyph(skip-backward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward"</code> or <code>data-icon="skip-backward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward))</code> or <code>@include icon(glyph(skip-forward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward"</code> or <code>data-icon="skip-forward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop))</code> or <code>@include icon(glyph(stop), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop"</code> or <code>data-icon="stop" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - AV","patternPartial":"base-icon-library-24-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-journey" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-journey&#x2F;base-icons-icon-library-24-filled-journey.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-journey" title="Link to Pattern">
+						DB Icons 24x24 - Filled - Journey
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-journey" data-patternpartial="base-icon-library-24-filled-journey" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-journey">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="capacity-indicator" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator))</code> or <code>@include icon(glyph(capacity-indicator), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator"</code> or <code>data-icon="capacity-indicator" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked))</code> or <code>@include icon(glyph(capacity-indicator-fully-booked), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked"</code> or <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high))</code> or <code>@include icon(glyph(capacity-indicator-high), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high"</code> or <code>data-icon="capacity-indicator-high" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low))</code> or <code>@include icon(glyph(capacity-indicator-low), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low"</code> or <code>data-icon="capacity-indicator-low" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination))</code> or <code>@include icon(glyph(destination), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="destination"</code> or <code>data-icon="destination" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-journey" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Journey","patternPartial":"base-icon-library-24-filled-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-maps" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-maps&#x2F;base-icons-icon-library-24-filled-maps.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-maps" title="Link to Pattern">
+						DB Icons 24x24 - Filled - Maps
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-maps" data-patternpartial="base-icon-library-24-filled-maps" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-maps">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps))</code> or <code>@include icon(glyph(gps), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps"</code> or <code>data-icon="gps" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north))</code> or <code>@include icon(glyph(gps-north), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps-north"</code> or <code>data-icon="gps-north" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-maps" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Maps","patternPartial":"base-icon-library-24-filled-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-navigation&#x2F;base-icons-icon-library-24-filled-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-navigation" title="Link to Pattern">
+						DB Icons 24x24 - Filled - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-navigation" data-patternpartial="base-icon-library-24-filled-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel))</code> or <code>@include icon(glyph(cancel), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel"</code> or <code>data-icon="cancel" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Navigation","patternPartial":"base-icon-library-24-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-notification&#x2F;base-icons-icon-library-24-filled-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-notification" title="Link to Pattern">
+						DB Icons 24x24 - Filled - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-notification" data-patternpartial="base-icon-library-24-filled-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error))</code> or <code>@include icon(glyph(error), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="error"</code> or <code>data-icon="error" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning))</code> or <code>@include icon(glyph(warning), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning"</code> or <code>data-icon="warning" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Notification","patternPartial":"base-icon-library-24-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-transportation&#x2F;base-icons-icon-library-24-filled-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-transportation" title="Link to Pattern">
+						DB Icons 24x24 - Filled - Transportation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-transportation" data-patternpartial="base-icon-library-24-filled-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane))</code> or <code>@include icon(glyph(airplane), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="airplane"</code> or <code>data-icon="airplane" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle))</code> or <code>@include icon(glyph(bicycle), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle"</code> or <code>data-icon="bicycle" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer))</code> or <code>@include icon(glyph(bicycle-trailer), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer"</code> or <code>data-icon="bicycle-trailer" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike))</code> or <code>@include icon(glyph(call-a-bike), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike"</code> or <code>data-icon="call-a-bike" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car))</code> or <code>@include icon(glyph(car), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="car"</code> or <code>data-icon="car" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing))</code> or <code>@include icon(glyph(carsharing), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="carsharing"</code> or <code>data-icon="carsharing" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive))</code> or <code>@include icon(glyph(electric-locomotive), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive"</code> or <code>data-icon="electric-locomotive" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter))</code> or <code>@include icon(glyph(electric-scooter), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter"</code> or <code>data-icon="electric-scooter" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car))</code> or <code>@include icon(glyph(ev-car), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="ev-car"</code> or <code>data-icon="ev-car" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry))</code> or <code>@include icon(glyph(ferry), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="ferry"</code> or <code>data-icon="ferry" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart))</code> or <code>@include icon(glyph(handcart), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="handcart"</code> or <code>data-icon="handcart" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice))</code> or <code>@include icon(glyph(ice), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="ice"</code> or <code>data-icon="ice" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train))</code> or <code>@include icon(glyph(intercity-train), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="intercity-train"</code> or <code>data-icon="intercity-train" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus))</code> or <code>@include icon(glyph(local-bus), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-bus"</code> or <code>data-icon="local-bus" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus))</code> or <code>@include icon(glyph(long-distance-bus), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus"</code> or <code>data-icon="long-distance-bus" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train))</code> or <code>@include icon(glyph(local-train), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-train"</code> or <code>data-icon="local-train" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn))</code> or <code>@include icon(glyph(s-bahn), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="s-bahn"</code> or <code>data-icon="s-bahn" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter))</code> or <code>@include icon(glyph(scooter), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="scooter"</code> or <code>data-icon="scooter" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat))</code> or <code>@include icon(glyph(speedboat), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="speedboat"</code> or <code>data-icon="speedboat" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway))</code> or <code>@include icon(glyph(subway), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="subway"</code> or <code>data-icon="subway" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi))</code> or <code>@include icon(glyph(taxi), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="taxi"</code> or <code>data-icon="taxi" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car))</code> or <code>@include icon(glyph(train-and-car), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="train-and-car"</code> or <code>data-icon="train-and-car" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram))</code> or <code>@include icon(glyph(tram), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="tram"</code> or <code>data-icon="tram" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking))</code> or <code>@include icon(glyph(walking), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking"</code> or <code>data-icon="walking" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast))</code> or <code>@include icon(glyph(walking-fast), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking-fast"</code> or <code>data-icon="walking-fast" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Transportation","patternPartial":"base-icon-library-24-filled-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-action&#x2F;base-icons-icon-library-24-outline-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-action" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-action" data-patternpartial="base-icon-library-24-outline-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account))</code> or <code>@include icon(glyph(account), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="account"</code> or <code>data-icon="account" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add))</code> or <code>@include icon(glyph(add), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="add"</code> or <code>data-icon="add" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle))</code> or <code>@include icon(glyph(add-circle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-circle"</code> or <code>data-icon="add-circle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-link" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-link))</code> or <code>@include icon(glyph(add-link), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-link"</code> or <code>data-icon="add-link" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm))</code> or <code>@include icon(glyph(alarm), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm"</code> or <code>data-icon="alarm" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm-add" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm-add))</code> or <code>@include icon(glyph(alarm-add), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm-add"</code> or <code>data-icon="alarm-add" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert))</code> or <code>@include icon(glyph(alert), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert"</code> or <code>data-icon="alert" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert-off))</code> or <code>@include icon(glyph(alert-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert-off"</code> or <code>data-icon="alert-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="artificial-intelligence" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(artificial-intelligence))</code> or <code>@include icon(glyph(artificial-intelligence), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="artificial-intelligence"</code> or <code>data-icon="artificial-intelligence" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="attachment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(attachment))</code> or <code>@include icon(glyph(attachment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="attachment"</code> or <code>data-icon="attachment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="augmented-reality" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(augmented-reality))</code> or <code>@include icon(glyph(augmented-reality), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="augmented-reality"</code> or <code>data-icon="augmented-reality" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block))</code> or <code>@include icon(glyph(block), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="block"</code> or <code>data-icon="block" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark))</code> or <code>@include icon(glyph(bookmark), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bookmark"</code> or <code>data-icon="bookmark" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bug" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bug))</code> or <code>@include icon(glyph(bug), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bug"</code> or <code>data-icon="bug" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build))</code> or <code>@include icon(glyph(build), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="build"</code> or <code>data-icon="build" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="calendar" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(calendar))</code> or <code>@include icon(glyph(calendar), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="calendar"</code> or <code>data-icon="calendar" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera))</code> or <code>@include icon(glyph(camera), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="camera"</code> or <code>data-icon="camera" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cash" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cash))</code> or <code>@include icon(glyph(cash), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cash"</code> or <code>data-icon="cash" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle))</code> or <code>@include icon(glyph(check-circle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="check-circle"</code> or <code>data-icon="check-circle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud))</code> or <code>@include icon(glyph(cloud), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud"</code> or <code>data-icon="cloud" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-download" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-download))</code> or <code>@include icon(glyph(cloud-download), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-download"</code> or <code>data-icon="cloud-download" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-upload" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-upload))</code> or <code>@include icon(glyph(cloud-upload), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-upload"</code> or <code>data-icon="cloud-upload" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="compass" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(compass))</code> or <code>@include icon(glyph(compass), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="compass"</code> or <code>data-icon="compass" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy))</code> or <code>@include icon(glyph(copy), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="copy"</code> or <code>data-icon="copy" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card))</code> or <code>@include icon(glyph(credit-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="credit-card"</code> or <code>data-icon="credit-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard))</code> or <code>@include icon(glyph(dashboard), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="dashboard"</code> or <code>data-icon="dashboard" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="delete" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(delete))</code> or <code>@include icon(glyph(delete), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="delete"</code> or <code>data-icon="delete" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount))</code> or <code>@include icon(glyph(discount), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="discount"</code> or <code>data-icon="discount" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document))</code> or <code>@include icon(glyph(document), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="document"</code> or <code>data-icon="document" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-check" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-check))</code> or <code>@include icon(glyph(document-check), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-check"</code> or <code>data-icon="document-check" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-cross" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-cross))</code> or <code>@include icon(glyph(document-cross), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-cross"</code> or <code>data-icon="document-cross" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done))</code> or <code>@include icon(glyph(done), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="done"</code> or <code>data-icon="done" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="download" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(download))</code> or <code>@include icon(glyph(download), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="download"</code> or <code>data-icon="download" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drag-and-drop" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drag-and-drop))</code> or <code>@include icon(glyph(drag-and-drop), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="drag-and-drop"</code> or <code>data-icon="drag-and-drop" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit))</code> or <code>@include icon(glyph(edit), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="edit"</code> or <code>data-icon="edit" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="euro-sign" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(euro-sign))</code> or <code>@include icon(glyph(euro-sign), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="euro-sign"</code> or <code>data-icon="euro-sign" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-delighted" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-delighted))</code> or <code>@include icon(glyph(face-delighted), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-delighted"</code> or <code>data-icon="face-delighted" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-disappointed" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-disappointed))</code> or <code>@include icon(glyph(face-disappointed), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-disappointed"</code> or <code>data-icon="face-disappointed" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-neutral" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-neutral))</code> or <code>@include icon(glyph(face-neutral), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-neutral"</code> or <code>data-icon="face-neutral" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-sad" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-sad))</code> or <code>@include icon(glyph(face-sad), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-sad"</code> or <code>data-icon="face-sad" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-smiling" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-smiling))</code> or <code>@include icon(glyph(face-smiling), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-smiling"</code> or <code>data-icon="face-smiling" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="filter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(filter))</code> or <code>@include icon(glyph(filter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="filter"</code> or <code>data-icon="filter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fingerprint" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fingerprint))</code> or <code>@include icon(glyph(fingerprint), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fingerprint"</code> or <code>data-icon="fingerprint" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder))</code> or <code>@include icon(glyph(folder), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder"</code> or <code>data-icon="folder" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open))</code> or <code>@include icon(glyph(folder-open), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder-open"</code> or <code>data-icon="folder-open" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card))</code> or <code>@include icon(glyph(generic-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="generic-card"</code> or <code>data-icon="generic-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="giftcard" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(giftcard))</code> or <code>@include icon(glyph(giftcard), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="giftcard"</code> or <code>data-icon="giftcard" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing))</code> or <code>@include icon(glyph(hearing), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing"</code> or <code>data-icon="hearing" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing-disabled" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing-disabled))</code> or <code>@include icon(glyph(hearing-disabled), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing-disabled"</code> or <code>data-icon="hearing-disabled" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart))</code> or <code>@include icon(glyph(heart), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="heart"</code> or <code>data-icon="heart" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help))</code> or <code>@include icon(glyph(help), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="help"</code> or <code>data-icon="help" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="id-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(id-card))</code> or <code>@include icon(glyph(id-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="id-card"</code> or <code>data-icon="id-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image))</code> or <code>@include icon(glyph(image), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="image"</code> or <code>data-icon="image" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info))</code> or <code>@include icon(glyph(info), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="info"</code> or <code>data-icon="info" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="key" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(key))</code> or <code>@include icon(glyph(key), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="key"</code> or <code>data-icon="key" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="legal" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(legal))</code> or <code>@include icon(glyph(legal), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="legal"</code> or <code>data-icon="legal" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lightbulb" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lightbulb))</code> or <code>@include icon(glyph(lightbulb), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="lightbulb"</code> or <code>data-icon="lightbulb" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close))</code> or <code>@include icon(glyph(lock-close), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-close"</code> or <code>data-icon="lock-close" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open))</code> or <code>@include icon(glyph(lock-open), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-open"</code> or <code>data-icon="lock-open" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="log-out" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(log-out))</code> or <code>@include icon(glyph(log-out), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="log-out"</code> or <code>data-icon="log-out" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="logbook" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logbook))</code> or <code>@include icon(glyph(logbook), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="logbook"</code> or <code>data-icon="logbook" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus))</code> or <code>@include icon(glyph(minus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus"</code> or <code>data-icon="minus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="piggybank" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(piggybank))</code> or <code>@include icon(glyph(piggybank), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="piggybank"</code> or <code>data-icon="piggybank" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin))</code> or <code>@include icon(glyph(pin), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="pin"</code> or <code>data-icon="pin" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print))</code> or <code>@include icon(glyph(print), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="print"</code> or <code>data-icon="print" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pulse-wave" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pulse-wave))</code> or <code>@include icon(glyph(pulse-wave), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="pulse-wave"</code> or <code>data-icon="pulse-wave" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="push-button" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(push-button))</code> or <code>@include icon(glyph(push-button), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="push-button"</code> or <code>data-icon="push-button" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove))</code> or <code>@include icon(glyph(remove), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="remove"</code> or <code>data-icon="remove" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize))</code> or <code>@include icon(glyph(resize), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize"</code> or <code>data-icon="resize" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize-handle-corner" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize-handle-corner))</code> or <code>@include icon(glyph(resize-handle-corner), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize-handle-corner"</code> or <code>data-icon="resize-handle-corner" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save))</code> or <code>@include icon(glyph(save), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="save"</code> or <code>data-icon="save" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule))</code> or <code>@include icon(glyph(schedule), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="schedule"</code> or <code>data-icon="schedule" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="search" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(search))</code> or <code>@include icon(glyph(search), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="search"</code> or <code>data-icon="search" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="send" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(send))</code> or <code>@include icon(glyph(send), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="send"</code> or <code>data-icon="send" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa))</code> or <code>@include icon(glyph(sepa), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sepa"</code> or <code>data-icon="sepa" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="settings" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(settings))</code> or <code>@include icon(glyph(settings), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="settings"</code> or <code>data-icon="settings" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share))</code> or <code>@include icon(glyph(share), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="share"</code> or <code>data-icon="share" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag))</code> or <code>@include icon(glyph(shopping-bag), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag"</code> or <code>data-icon="shopping-bag" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket))</code> or <code>@include icon(glyph(shopping-basket), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket"</code> or <code>data-icon="shopping-basket" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled))</code> or <code>@include icon(glyph(shopping-basket-disabled), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled"</code> or <code>data-icon="shopping-basket-disabled" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart))</code> or <code>@include icon(glyph(shopping-cart), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart"</code> or <code>data-icon="shopping-cart" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart-disabled" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart-disabled))</code> or <code>@include icon(glyph(shopping-cart-disabled), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart-disabled"</code> or <code>data-icon="shopping-cart-disabled" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-down))</code> or <code>@include icon(glyph(sort-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-down"</code> or <code>data-icon="sort-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-up))</code> or <code>@include icon(glyph(sort-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-up"</code> or <code>data-icon="sort-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star))</code> or <code>@include icon(glyph(star), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="star"</code> or <code>data-icon="star" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-horizontal" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-horizontal))</code> or <code>@include icon(glyph(swap-horizontal), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-horizontal"</code> or <code>data-icon="swap-horizontal" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-vertical" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-vertical))</code> or <code>@include icon(glyph(swap-vertical), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-vertical"</code> or <code>data-icon="swap-vertical" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up))</code> or <code>@include icon(glyph(thumb-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up"</code> or <code>data-icon="thumb-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up-down))</code> or <code>@include icon(glyph(thumb-up-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up-down"</code> or <code>data-icon="thumb-up-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="translation" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(translation))</code> or <code>@include icon(glyph(translation), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="translation"</code> or <code>data-icon="translation" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="undo" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(undo))</code> or <code>@include icon(glyph(undo), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="undo"</code> or <code>data-icon="undo" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="upload" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(upload))</code> or <code>@include icon(glyph(upload), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="upload"</code> or <code>data-icon="upload" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility))</code> or <code>@include icon(glyph(visibility), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility"</code> or <code>data-icon="visibility" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility-off))</code> or <code>@include icon(glyph(visibility-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility-off"</code> or <code>data-icon="visibility-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher))</code> or <code>@include icon(glyph(voucher), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="voucher"</code> or <code>data-icon="voucher" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="website" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(website))</code> or <code>@include icon(glyph(website), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="website"</code> or <code>data-icon="website" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-in" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-in))</code> or <code>@include icon(glyph(zoom-in), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-in"</code> or <code>data-icon="zoom-in" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-out" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-out))</code> or <code>@include icon(glyph(zoom-out), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-out"</code> or <code>data-icon="zoom-out" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Action","patternPartial":"base-icon-library-24-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-av&#x2F;base-icons-icon-library-24-outline-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-av" title="Link to Pattern">
+						DB Icons 24x24 - Outline - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-av" data-patternpartial="base-icon-library-24-outline-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward))</code> or <code>@include icon(glyph(fast-backward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward"</code> or <code>data-icon="fast-backward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-10" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-10))</code> or <code>@include icon(glyph(fast-backward-10), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-10"</code> or <code>data-icon="fast-backward-10" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-30" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-30))</code> or <code>@include icon(glyph(fast-backward-30), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-30"</code> or <code>data-icon="fast-backward-30" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-empty" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-empty))</code> or <code>@include icon(glyph(fast-backward-empty), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-empty"</code> or <code>data-icon="fast-backward-empty" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward))</code> or <code>@include icon(glyph(fast-forward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward"</code> or <code>data-icon="fast-forward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-10" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-10))</code> or <code>@include icon(glyph(fast-forward-10), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-10"</code> or <code>data-icon="fast-forward-10" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-30" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-30))</code> or <code>@include icon(glyph(fast-forward-30), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-30"</code> or <code>data-icon="fast-forward-30" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-empty" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-empty))</code> or <code>@include icon(glyph(fast-forward-empty), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-empty"</code> or <code>data-icon="fast-forward-empty" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone))</code> or <code>@include icon(glyph(microphone), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="microphone"</code> or <code>data-icon="microphone" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause))</code> or <code>@include icon(glyph(pause), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause"</code> or <code>data-icon="pause" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play))</code> or <code>@include icon(glyph(play), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="play"</code> or <code>data-icon="play" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward))</code> or <code>@include icon(glyph(skip-backward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward"</code> or <code>data-icon="skip-backward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward))</code> or <code>@include icon(glyph(skip-forward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward"</code> or <code>data-icon="skip-forward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop))</code> or <code>@include icon(glyph(stop), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop"</code> or <code>data-icon="stop" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles))</code> or <code>@include icon(glyph(subtitles), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="subtitles"</code> or <code>data-icon="subtitles" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-down))</code> or <code>@include icon(glyph(volume-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-down"</code> or <code>data-icon="volume-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-mute" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-mute))</code> or <code>@include icon(glyph(volume-mute), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-mute"</code> or <code>data-icon="volume-mute" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-off))</code> or <code>@include icon(glyph(volume-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-off"</code> or <code>data-icon="volume-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-up))</code> or <code>@include icon(glyph(volume-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-up"</code> or <code>data-icon="volume-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - AV","patternPartial":"base-icon-library-24-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-brand" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-brand&#x2F;base-icons-icon-library-24-outline-brand.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-brand" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Brand
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-brand" data-patternpartial="base-icon-library-24-outline-brand" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-brand">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo))</code> or <code>@include icon(glyph(logo), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo"</code> or <code>data-icon="logo" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-brand" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Brand","patternPartial":"base-icon-library-24-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-communication" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-communication&#x2F;base-icons-icon-library-24-outline-communication.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-communication" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Communication
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-communication" data-patternpartial="base-icon-library-24-outline-communication" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-communication">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call))</code> or <code>@include icon(glyph(call), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="call"</code> or <code>data-icon="call" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat))</code> or <code>@include icon(glyph(chat), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="chat"</code> or <code>data-icon="chat" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation))</code> or <code>@include icon(glyph(conversation), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="conversation"</code> or <code>data-icon="conversation" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fax" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fax))</code> or <code>@include icon(glyph(fax), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fax"</code> or <code>data-icon="fax" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback))</code> or <code>@include icon(glyph(feedback), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="feedback"</code> or <code>data-icon="feedback" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mail" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mail))</code> or <code>@include icon(glyph(mail), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mail"</code> or <code>data-icon="mail" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-phone" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-phone))</code> or <code>@include icon(glyph(mobile-phone), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-phone"</code> or <code>data-icon="mobile-phone" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-off))</code> or <code>@include icon(glyph(mobile-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-off"</code> or <code>data-icon="mobile-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question))</code> or <code>@include icon(glyph(question), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="question"</code> or <code>data-icon="question" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item))</code> or <code>@include icon(glyph(receive-item), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="receive-item"</code> or <code>data-icon="receive-item" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item))</code> or <code>@include icon(glyph(share-item), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="share-item"</code> or <code>data-icon="share-item" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi))</code> or <code>@include icon(glyph(wifi), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi"</code> or <code>data-icon="wifi" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi-off))</code> or <code>@include icon(glyph(wifi-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi-off"</code> or <code>data-icon="wifi-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-communication" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Communication","patternPartial":"base-icon-library-24-outline-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-covid-19" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-covid-19&#x2F;base-icons-icon-library-24-outline-covid-19.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-covid-19" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Covid 19
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-covid-19" data-patternpartial="base-icon-library-24-outline-covid-19" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-covid-19">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="mask" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mask))</code> or <code>@include icon(glyph(mask), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mask"</code> or <code>data-icon="mask" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-covid-19" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Covid 19","patternPartial":"base-icon-library-24-outline-covid-19","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-facilities" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-facilities&#x2F;base-icons-icon-library-24-outline-facilities.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-facilities" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Facilities
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-facilities" data-patternpartial="base-icon-library-24-outline-facilities" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-facilities">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="playground" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(playground))</code> or <code>@include icon(glyph(playground), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="playground"</code> or <code>data-icon="playground" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restricted-mobility-toilet" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restricted-mobility-toilet))</code> or <code>@include icon(glyph(restricted-mobility-toilet), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="restricted-mobility-toilet"</code> or <code>data-icon="restricted-mobility-toilet" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower))</code> or <code>@include icon(glyph(shower), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower"</code> or <code>data-icon="shower" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-men" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-men))</code> or <code>@include icon(glyph(shower-men), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-men"</code> or <code>data-icon="shower-men" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-women" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-women))</code> or <code>@include icon(glyph(shower-women), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-women"</code> or <code>data-icon="shower-women" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sink" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sink))</code> or <code>@include icon(glyph(sink), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sink"</code> or <code>data-icon="sink" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc))</code> or <code>@include icon(glyph(wc), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc"</code> or <code>data-icon="wc" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-men" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-men))</code> or <code>@include icon(glyph(wc-men), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-men"</code> or <code>data-icon="wc-men" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-sign" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-sign))</code> or <code>@include icon(glyph(wc-sign), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-sign"</code> or <code>data-icon="wc-sign" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-woman" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-woman))</code> or <code>@include icon(glyph(wc-woman), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-woman"</code> or <code>data-icon="wc-woman" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-facilities" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Facilities","patternPartial":"base-icon-library-24-outline-facilities","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-feature" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-feature&#x2F;base-icons-icon-library-24-outline-feature.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-feature" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Feature
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-feature" data-patternpartial="base-icon-library-24-outline-feature" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-feature">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="air-condition" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(air-condition))</code> or <code>@include icon(glyph(air-condition), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="air-condition"</code> or <code>data-icon="air-condition" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="buggy" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(buggy))</code> or <code>@include icon(glyph(buggy), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="buggy"</code> or <code>data-icon="buggy" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="clothing-hanger" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(clothing-hanger))</code> or <code>@include icon(glyph(clothing-hanger), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="clothing-hanger"</code> or <code>data-icon="clothing-hanger" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="day" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day))</code> or <code>@include icon(glyph(day), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="day"</code> or <code>data-icon="day" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dog" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dog))</code> or <code>@include icon(glyph(dog), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="dog"</code> or <code>data-icon="dog" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="entry-aid" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(entry-aid))</code> or <code>@include icon(glyph(entry-aid), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="entry-aid"</code> or <code>data-icon="entry-aid" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="environmental-mobility-check" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(environmental-mobility-check))</code> or <code>@include icon(glyph(environmental-mobility-check), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="environmental-mobility-check"</code> or <code>data-icon="environmental-mobility-check" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen))</code> or <code>@include icon(glyph(hydrogen), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="hydrogen"</code> or <code>data-icon="hydrogen" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-compartment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-compartment))</code> or <code>@include icon(glyph(luggage-compartment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-compartment"</code> or <code>data-icon="luggage-compartment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-rack" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-rack))</code> or <code>@include icon(glyph(luggage-rack), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-rack"</code> or <code>data-icon="luggage-rack" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace))</code> or <code>@include icon(glyph(marketplace), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="marketplace"</code> or <code>data-icon="marketplace" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical))</code> or <code>@include icon(glyph(medical), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="medical"</code> or <code>data-icon="medical" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night))</code> or <code>@include icon(glyph(night), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="night"</code> or <code>data-icon="night" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="no-smoking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(no-smoking))</code> or <code>@include icon(glyph(no-smoking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="no-smoking"</code> or <code>data-icon="no-smoking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-cane" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-cane))</code> or <code>@include icon(glyph(person-with-cane), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-cane"</code> or <code>data-icon="person-with-cane" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-rollator" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-rollator))</code> or <code>@include icon(glyph(person-with-rollator), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-rollator"</code> or <code>data-icon="person-with-rollator" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform))</code> or <code>@include icon(glyph(platform), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="platform"</code> or <code>data-icon="platform" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="power-outlet" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(power-outlet))</code> or <code>@include icon(glyph(power-outlet), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="power-outlet"</code> or <code>data-icon="power-outlet" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation))</code> or <code>@include icon(glyph(reservation), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="reservation"</code> or <code>data-icon="reservation" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="standing-room" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(standing-room))</code> or <code>@include icon(glyph(standing-room), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="standing-room"</code> or <code>data-icon="standing-room" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="steppless-entry" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(steppless-entry))</code> or <code>@include icon(glyph(steppless-entry), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="steppless-entry"</code> or <code>data-icon="steppless-entry" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="support-dog" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(support-dog))</code> or <code>@include icon(glyph(support-dog), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="support-dog"</code> or <code>data-icon="support-dog" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-feature" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Feature","patternPartial":"base-icon-library-24-outline-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-food" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-food&#x2F;base-icons-icon-library-24-outline-food.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-food" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Food
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-food" data-patternpartial="base-icon-library-24-outline-food" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-food">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="breakfast" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(breakfast))</code> or <code>@include icon(glyph(breakfast), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="breakfast"</code> or <code>data-icon="breakfast" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="coffee-cup" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup))</code> or <code>@include icon(glyph(coffee-cup), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup"</code> or <code>data-icon="coffee-cup" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drink" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drink))</code> or <code>@include icon(glyph(drink), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="drink"</code> or <code>data-icon="drink" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restaurant" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restaurant))</code> or <code>@include icon(glyph(restaurant), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="restaurant"</code> or <code>data-icon="restaurant" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-food" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Food","patternPartial":"base-icon-library-24-outline-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-it" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-it&#x2F;base-icons-icon-library-24-outline-it.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-it" title="Link to Pattern">
+						DB Icons 24x24 - Outline - IT
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-it" data-patternpartial="base-icon-library-24-outline-it" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-it">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-it" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - IT","patternPartial":"base-icon-library-24-outline-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-journey" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-journey&#x2F;base-icons-icon-library-24-outline-journey.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-journey" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Journey
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-journey" data-patternpartial="base-icon-library-24-outline-journey" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-journey">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="1st-class" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(1st-class))</code> or <code>@include icon(glyph(1st-class), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="1st-class"</code> or <code>data-icon="1st-class" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="2nd-class" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(2nd-class))</code> or <code>@include icon(glyph(2nd-class), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="2nd-class"</code> or <code>data-icon="2nd-class" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alternative-connection" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alternative-connection))</code> or <code>@include icon(glyph(alternative-connection), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alternative-connection"</code> or <code>data-icon="alternative-connection" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="booking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(booking))</code> or <code>@include icon(glyph(booking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="booking"</code> or <code>data-icon="booking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator))</code> or <code>@include icon(glyph(capacity-indicator), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator"</code> or <code>data-icon="capacity-indicator" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked))</code> or <code>@include icon(glyph(capacity-indicator-fully-booked), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked"</code> or <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high))</code> or <code>@include icon(glyph(capacity-indicator-high), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high"</code> or <code>data-icon="capacity-indicator-high" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low))</code> or <code>@include icon(glyph(capacity-indicator-low), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low"</code> or <code>data-icon="capacity-indicator-low" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination))</code> or <code>@include icon(glyph(destination), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="destination"</code> or <code>data-icon="destination" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intermediary-stop" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intermediary-stop))</code> or <code>@include icon(glyph(intermediary-stop), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="intermediary-stop"</code> or <code>data-icon="intermediary-stop" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mixed-class" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mixed-class))</code> or <code>@include icon(glyph(mixed-class), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mixed-class"</code> or <code>data-icon="mixed-class" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="round-trip" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(round-trip))</code> or <code>@include icon(glyph(round-trip), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="round-trip"</code> or <code>data-icon="round-trip" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="single-trip" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(single-trip))</code> or <code>@include icon(glyph(single-trip), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="single-trip"</code> or <code>data-icon="single-trip" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="start" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(start))</code> or <code>@include icon(glyph(start), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="start"</code> or <code>data-icon="start" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-journey" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Journey","patternPartial":"base-icon-library-24-outline-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-maps" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-maps&#x2F;base-icons-icon-library-24-outline-maps.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-maps" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Maps
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-maps" data-patternpartial="base-icon-library-24-outline-maps" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-maps">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps))</code> or <code>@include icon(glyph(gps), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps"</code> or <code>data-icon="gps" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north))</code> or <code>@include icon(glyph(gps-north), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps-north"</code> or <code>data-icon="gps-north" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home))</code> or <code>@include icon(glyph(home), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="home"</code> or <code>data-icon="home" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="map" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(map))</code> or <code>@include icon(glyph(map), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="map"</code> or <code>data-icon="map" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-straight" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-straight))</code> or <code>@include icon(glyph(navigation-straight), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-straight"</code> or <code>data-icon="navigation-straight" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-left" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-left))</code> or <code>@include icon(glyph(navigation-to-left), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-left"</code> or <code>data-icon="navigation-to-left" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-right" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-right))</code> or <code>@include icon(glyph(navigation-to-right), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-right"</code> or <code>data-icon="navigation-to-right" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-u-turn" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-u-turn))</code> or <code>@include icon(glyph(navigation-u-turn), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-u-turn"</code> or <code>data-icon="navigation-u-turn" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign))</code> or <code>@include icon(glyph(stop-sign), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop-sign"</code> or <code>data-icon="stop-sign" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking))</code> or <code>@include icon(glyph(parking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="parking"</code> or <code>data-icon="parking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place))</code> or <code>@include icon(glyph(place), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="place"</code> or <code>data-icon="place" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="set-position" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(set-position))</code> or <code>@include icon(glyph(set-position), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="set-position"</code> or <code>data-icon="set-position" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="station" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(station))</code> or <code>@include icon(glyph(station), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="station"</code> or <code>data-icon="station" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-station" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-station))</code> or <code>@include icon(glyph(train-station), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-station"</code> or <code>data-icon="train-station" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-maps" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Maps","patternPartial":"base-icon-library-24-outline-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-navigation&#x2F;base-icons-icon-library-24-outline-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-navigation" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-navigation" data-patternpartial="base-icon-library-24-outline-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back))</code> or <code>@include icon(glyph(arrow-back), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back"</code> or <code>data-icon="arrow-back" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down))</code> or <code>@include icon(glyph(arrow-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down"</code> or <code>data-icon="arrow-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward))</code> or <code>@include icon(glyph(arrow-forward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward"</code> or <code>data-icon="arrow-forward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up))</code> or <code>@include icon(glyph(arrow-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up"</code> or <code>data-icon="arrow-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cancel" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel))</code> or <code>@include icon(glyph(cancel), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cancel"</code> or <code>data-icon="cancel" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left))</code> or <code>@include icon(glyph(chevron-left), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left"</code> or <code>data-icon="chevron-left" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right))</code> or <code>@include icon(glyph(chevron-right), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right"</code> or <code>data-icon="chevron-right" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close))</code> or <code>@include icon(glyph(close), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="close"</code> or <code>data-icon="close" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less))</code> or <code>@include icon(glyph(expand-less), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less"</code> or <code>data-icon="expand-less" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more))</code> or <code>@include icon(glyph(expand-more), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more"</code> or <code>data-icon="expand-more" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen))</code> or <code>@include icon(glyph(fullscreen), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen"</code> or <code>data-icon="fullscreen" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen-exit" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen-exit))</code> or <code>@include icon(glyph(fullscreen-exit), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen-exit"</code> or <code>data-icon="fullscreen-exit" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view))</code> or <code>@include icon(glyph(grid-view), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="grid-view"</code> or <code>data-icon="grid-view" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link))</code> or <code>@include icon(glyph(link), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="link"</code> or <code>data-icon="link" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link-external" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link-external))</code> or <code>@include icon(glyph(link-external), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="link-external"</code> or <code>data-icon="link-external" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="list" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(list))</code> or <code>@include icon(glyph(list), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="list"</code> or <code>data-icon="list" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="menu" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(menu))</code> or <code>@include icon(glyph(menu), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="menu"</code> or <code>data-icon="menu" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-horizontal" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-horizontal))</code> or <code>@include icon(glyph(more-horizontal), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-horizontal"</code> or <code>data-icon="more-horizontal" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-vertical" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-vertical))</code> or <code>@include icon(glyph(more-vertical), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-vertical"</code> or <code>data-icon="more-vertical" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="refresh" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(refresh))</code> or <code>@include icon(glyph(refresh), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="refresh"</code> or <code>data-icon="refresh" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Navigation","patternPartial":"base-icon-library-24-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-notification&#x2F;base-icons-icon-library-24-outline-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-notification" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-notification" data-patternpartial="base-icon-library-24-outline-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error))</code> or <code>@include icon(glyph(error), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="error"</code> or <code>data-icon="error" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify))</code> or <code>@include icon(glyph(notify), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify"</code> or <code>data-icon="notify" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify-cutoff" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify-cutoff))</code> or <code>@include icon(glyph(notify-cutoff), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify-cutoff"</code> or <code>data-icon="notify-cutoff" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning))</code> or <code>@include icon(glyph(warning), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="warning"</code> or <code>data-icon="warning" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Notification","patternPartial":"base-icon-library-24-outline-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-seat" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-seat&#x2F;base-icons-icon-library-24-outline-seat.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-seat" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Seat
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-seat" data-patternpartial="base-icon-library-24-outline-seat" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-seat">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="aisle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle))</code> or <code>@include icon(glyph(aisle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle"</code> or <code>data-icon="aisle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="aisle-not-available" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle-not-available))</code> or <code>@include icon(glyph(aisle-not-available), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle-not-available"</code> or <code>data-icon="aisle-not-available" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bed" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bed))</code> or <code>@include icon(glyph(bed), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bed"</code> or <code>data-icon="bed" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="childrens-compartment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(childrens-compartment))</code> or <code>@include icon(glyph(childrens-compartment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="childrens-compartment"</code> or <code>data-icon="childrens-compartment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="elderly" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(elderly))</code> or <code>@include icon(glyph(elderly), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="elderly"</code> or <code>data-icon="elderly" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handicapped" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handicapped))</code> or <code>@include icon(glyph(handicapped), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="handicapped"</code> or <code>data-icon="handicapped" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parent-child-compartment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parent-child-compartment))</code> or <code>@include icon(glyph(parent-child-compartment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="parent-child-compartment"</code> or <code>data-icon="parent-child-compartment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="quiet-zone" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(quiet-zone))</code> or <code>@include icon(glyph(quiet-zone), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="quiet-zone"</code> or <code>data-icon="quiet-zone" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="table" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(table))</code> or <code>@include icon(glyph(table), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="table"</code> or <code>data-icon="table" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="traveler-with-reduced-mobility" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(traveler-with-reduced-mobility))</code> or <code>@include icon(glyph(traveler-with-reduced-mobility), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="traveler-with-reduced-mobility"</code> or <code>data-icon="traveler-with-reduced-mobility" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="window" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(window))</code> or <code>@include icon(glyph(window), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="window"</code> or <code>data-icon="window" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-seat" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Seat","patternPartial":"base-icon-library-24-outline-seat","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-ticket" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-ticket&#x2F;base-icons-icon-library-24-outline-ticket.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-ticket" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Ticket
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-ticket" data-patternpartial="base-icon-library-24-outline-ticket" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-ticket">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus))</code> or <code>@include icon(glyph(bahnbonus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus"</code> or <code>data-icon="bahnbonus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahnbonus-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card))</code> or <code>@include icon(glyph(bahnbonus-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card"</code> or <code>data-icon="bahnbonus-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard))</code> or <code>@include icon(glyph(bahncard), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahncard"</code> or <code>data-icon="bahncard" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="best-price" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(best-price))</code> or <code>@include icon(glyph(best-price), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="best-price"</code> or <code>data-icon="best-price" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="commuter-ticket" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(commuter-ticket))</code> or <code>@include icon(glyph(commuter-ticket), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="commuter-ticket"</code> or <code>data-icon="commuter-ticket" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in))</code> or <code>@include icon(glyph(komfort-check-in), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in"</code> or <code>data-icon="komfort-check-in" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-check" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-check))</code> or <code>@include icon(glyph(komfort-check-in-check), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-check"</code> or <code>data-icon="komfort-check-in-check" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-circle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-circle))</code> or <code>@include icon(glyph(komfort-check-in-circle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-circle"</code> or <code>data-icon="komfort-check-in-circle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards))</code> or <code>@include icon(glyph(multiple-cards), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards"</code> or <code>data-icon="multiple-cards" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-passenger" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-passenger))</code> or <code>@include icon(glyph(multiple-passenger), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-passenger"</code> or <code>data-icon="multiple-passenger" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="my-travel" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(my-travel))</code> or <code>@include icon(glyph(my-travel), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="my-travel"</code> or <code>data-icon="my-travel" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="outward-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(outward-journey))</code> or <code>@include icon(glyph(outward-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="outward-journey"</code> or <code>data-icon="outward-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code))</code> or <code>@include icon(glyph(qr-code), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code"</code> or <code>data-icon="qr-code" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code-scan" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code-scan))</code> or <code>@include icon(glyph(qr-code-scan), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code-scan"</code> or <code>data-icon="qr-code-scan" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="return-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(return-journey))</code> or <code>@include icon(glyph(return-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="return-journey"</code> or <code>data-icon="return-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket))</code> or <code>@include icon(glyph(ticket), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket"</code> or <code>data-icon="ticket" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-discount" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-discount))</code> or <code>@include icon(glyph(ticket-discount), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-discount"</code> or <code>data-icon="ticket-discount" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-multiple" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-multiple))</code> or <code>@include icon(glyph(ticket-multiple), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-multiple"</code> or <code>data-icon="ticket-multiple" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-subscription" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-subscription))</code> or <code>@include icon(glyph(ticket-subscription), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-subscription"</code> or <code>data-icon="ticket-subscription" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-outward-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-outward-journey))</code> or <code>@include icon(glyph(time-outward-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-outward-journey"</code> or <code>data-icon="time-outward-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-return-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-return-journey))</code> or <code>@include icon(glyph(time-return-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-return-journey"</code> or <code>data-icon="time-return-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="timetable" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(timetable))</code> or <code>@include icon(glyph(timetable), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="timetable"</code> or <code>data-icon="timetable" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="travel-insurance" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(travel-insurance))</code> or <code>@include icon(glyph(travel-insurance), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="travel-insurance"</code> or <code>data-icon="travel-insurance" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-ticket" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Ticket","patternPartial":"base-icon-library-24-outline-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-transportation&#x2F;base-icons-icon-library-24-outline-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-transportation" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Transportation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-transportation" data-patternpartial="base-icon-library-24-outline-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane))</code> or <code>@include icon(glyph(airplane), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="airplane"</code> or <code>data-icon="airplane" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle))</code> or <code>@include icon(glyph(bicycle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle"</code> or <code>data-icon="bicycle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer))</code> or <code>@include icon(glyph(bicycle-trailer), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer"</code> or <code>data-icon="bicycle-trailer" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike))</code> or <code>@include icon(glyph(call-a-bike), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike"</code> or <code>data-icon="call-a-bike" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car))</code> or <code>@include icon(glyph(car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="car"</code> or <code>data-icon="car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing))</code> or <code>@include icon(glyph(carsharing), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="carsharing"</code> or <code>data-icon="carsharing" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car-sequence" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car-sequence))</code> or <code>@include icon(glyph(car-sequence), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="car-sequence"</code> or <code>data-icon="car-sequence" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive))</code> or <code>@include icon(glyph(electric-locomotive), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive"</code> or <code>data-icon="electric-locomotive" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter))</code> or <code>@include icon(glyph(electric-scooter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter"</code> or <code>data-icon="electric-scooter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car))</code> or <code>@include icon(glyph(ev-car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-car"</code> or <code>data-icon="ev-car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry))</code> or <code>@include icon(glyph(ferry), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ferry"</code> or <code>data-icon="ferry" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart))</code> or <code>@include icon(glyph(handcart), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="handcart"</code> or <code>data-icon="handcart" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice))</code> or <code>@include icon(glyph(ice), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice"</code> or <code>data-icon="ice" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train))</code> or <code>@include icon(glyph(intercity-train), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="intercity-train"</code> or <code>data-icon="intercity-train" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice-side-view" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice-side-view))</code> or <code>@include icon(glyph(ice-side-view), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice-side-view"</code> or <code>data-icon="ice-side-view" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus))</code> or <code>@include icon(glyph(local-bus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-bus"</code> or <code>data-icon="local-bus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus))</code> or <code>@include icon(glyph(long-distance-bus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus"</code> or <code>data-icon="long-distance-bus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train))</code> or <code>@include icon(glyph(local-train), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-train"</code> or <code>data-icon="local-train" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="rail-and-fly" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(rail-and-fly))</code> or <code>@include icon(glyph(rail-and-fly), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="rail-and-fly"</code> or <code>data-icon="rail-and-fly" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="railroad-car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(railroad-car))</code> or <code>@include icon(glyph(railroad-car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="railroad-car"</code> or <code>data-icon="railroad-car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn))</code> or <code>@include icon(glyph(s-bahn), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="s-bahn"</code> or <code>data-icon="s-bahn" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter))</code> or <code>@include icon(glyph(scooter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="scooter"</code> or <code>data-icon="scooter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sev" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sev))</code> or <code>@include icon(glyph(sev), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sev"</code> or <code>data-icon="sev" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat))</code> or <code>@include icon(glyph(speedboat), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="speedboat"</code> or <code>data-icon="speedboat" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sprinter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sprinter))</code> or <code>@include icon(glyph(sprinter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sprinter"</code> or <code>data-icon="sprinter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway))</code> or <code>@include icon(glyph(subway), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="subway"</code> or <code>data-icon="subway" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi))</code> or <code>@include icon(glyph(taxi), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="taxi"</code> or <code>data-icon="taxi" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car))</code> or <code>@include icon(glyph(train-and-car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-and-car"</code> or <code>data-icon="train-and-car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram))</code> or <code>@include icon(glyph(tram), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="tram"</code> or <code>data-icon="tram" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking))</code> or <code>@include icon(glyph(walking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking"</code> or <code>data-icon="walking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast))</code> or <code>@include icon(glyph(walking-fast), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking-fast"</code> or <code>data-icon="walking-fast" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Transportation","patternPartial":"base-icon-library-24-outline-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-filled-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-filled-action&#x2F;base-icons-icon-library-32-filled-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-filled-action" title="Link to Pattern">
+						DB Icons 32x32 - Filled - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-filled-action" data-patternpartial="base-icon-library-32-filled-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-filled-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="add-circle" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-filled-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Action","patternPartial":"base-icon-library-32-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-filled-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-filled-av&#x2F;base-icons-icon-library-32-filled-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-filled-av" title="Link to Pattern">
+						DB Icons 32x32 - Filled - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-filled-av" data-patternpartial="base-icon-library-32-filled-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-filled-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-filled-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - AV","patternPartial":"base-icon-library-32-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-filled-maps" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-filled-maps&#x2F;base-icons-icon-library-32-filled-maps.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-filled-maps" title="Link to Pattern">
+						DB Icons 32x32 - Filled - Maps
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-filled-maps" data-patternpartial="base-icon-library-32-filled-maps" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-filled-maps">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-filled-maps" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Maps","patternPartial":"base-icon-library-32-filled-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-filled-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-filled-navigation&#x2F;base-icons-icon-library-32-filled-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-filled-navigation" title="Link to Pattern">
+						DB Icons 32x32 - Filled - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-filled-navigation" data-patternpartial="base-icon-library-32-filled-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-filled-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-filled-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Navigation","patternPartial":"base-icon-library-32-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-filled-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-filled-notification&#x2F;base-icons-icon-library-32-filled-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-filled-notification" title="Link to Pattern">
+						DB Icons 32x32 - Filled - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-filled-notification" data-patternpartial="base-icon-library-32-filled-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-filled-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-filled-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Notification","patternPartial":"base-icon-library-32-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-filled-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-filled-transportation&#x2F;base-icons-icon-library-32-filled-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-filled-transportation" title="Link to Pattern">
+						DB Icons 32x32 - Filled - Transportation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-filled-transportation" data-patternpartial="base-icon-library-32-filled-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-filled-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-filled-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Transportation","patternPartial":"base-icon-library-32-filled-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-action&#x2F;base-icons-icon-library-32-outline-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-action" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-action" data-patternpartial="base-icon-library-32-outline-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="account" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="add" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-link" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-link), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-link" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm-add" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm-add), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm-add" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="artificial-intelligence" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(artificial-intelligence), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="artificial-intelligence" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="attachment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(attachment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="attachment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="augmented-reality" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(augmented-reality), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="augmented-reality" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="block" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bug" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bug), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bug" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="build" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="calendar" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(calendar), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="calendar" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cash" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cash), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cash" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-download" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-download), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-download" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-upload" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-upload), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-upload" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="compass" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(compass), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="compass" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="copy" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="credit-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="dashboard" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="delete" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(delete), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="delete" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="discount" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="document" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-check" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-check), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-check" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-cross" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-cross), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-cross" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="done" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="download" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(download), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="download" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drag-and-drop" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drag-and-drop), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="drag-and-drop" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="edit" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="euro-sign" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(euro-sign), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="euro-sign" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-delighted" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-delighted), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-delighted" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-disappointed" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-disappointed), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-disappointed" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-neutral" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-neutral), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-neutral" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-sad" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-sad), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-sad" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-smiling" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-smiling), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-smiling" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="filter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(filter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="filter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fingerprint" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fingerprint), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fingerprint" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder-open" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="generic-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="giftcard" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(giftcard), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="giftcard" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing-disabled" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing-disabled), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing-disabled" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="id-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(id-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="id-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="image" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="key" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(key), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="key" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="legal" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(legal), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="legal" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lightbulb" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lightbulb), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="lightbulb" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-close" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-open" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="log-out" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(log-out), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="log-out" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="logbook" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logbook), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="logbook" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="piggybank" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(piggybank), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="piggybank" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="print" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pulse-wave" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pulse-wave), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="pulse-wave" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="push-button" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(push-button), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="push-button" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize-handle-corner" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize-handle-corner), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize-handle-corner" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="save" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="schedule" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="search" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(search), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="search" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="send" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(send), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="send" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sepa" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="settings" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(settings), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="settings" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="share" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart-disabled" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart-disabled), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart-disabled" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-horizontal" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-horizontal), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-horizontal" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-vertical" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-vertical), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-vertical" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="translation" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(translation), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="translation" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="undo" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(undo), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="undo" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="upload" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(upload), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="upload" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="voucher" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="website" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(website), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="website" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-in" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-in), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-in" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-out" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-out), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-out" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Action","patternPartial":"base-icon-library-32-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-av&#x2F;base-icons-icon-library-32-outline-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-av" title="Link to Pattern">
+						DB Icons 32x32 - Outline - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-av" data-patternpartial="base-icon-library-32-outline-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-10" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-10), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-10" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-30" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-30), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-30" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-empty" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-empty), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-empty" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-10" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-10), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-10" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-30" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-30), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-30" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-empty" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-empty), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-empty" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="subtitles" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-mute" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-mute), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-mute" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - AV","patternPartial":"base-icon-library-32-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-brand" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-brand&#x2F;base-icons-icon-library-32-outline-brand.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-brand" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Brand
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-brand" data-patternpartial="base-icon-library-32-outline-brand" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-brand">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-brand" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Brand","patternPartial":"base-icon-library-32-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-communication" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-communication&#x2F;base-icons-icon-library-32-outline-communication.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-communication" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Communication
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-communication" data-patternpartial="base-icon-library-32-outline-communication" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-communication">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="call" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="chat" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="conversation" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fax" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fax), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fax" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="feedback" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mail" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mail), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mail" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-phone" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-phone), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-phone" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="question" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="receive-item" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="share-item" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-communication" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Communication","patternPartial":"base-icon-library-32-outline-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-covid-19" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-covid-19&#x2F;base-icons-icon-library-32-outline-covid-19.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-covid-19" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Covid 19
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-covid-19" data-patternpartial="base-icon-library-32-outline-covid-19" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-covid-19">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="mask" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mask), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mask" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-covid-19" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Covid 19","patternPartial":"base-icon-library-32-outline-covid-19","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-facilities" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-facilities&#x2F;base-icons-icon-library-32-outline-facilities.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-facilities" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Facilities
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-facilities" data-patternpartial="base-icon-library-32-outline-facilities" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-facilities">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="playground" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(playground), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="playground" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restricted-mobility-toilet" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restricted-mobility-toilet), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="restricted-mobility-toilet" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-men" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-men), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-men" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-women" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-women), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-women" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sink" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sink), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sink" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-men" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-men), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-men" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-sign" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-sign), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-sign" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-woman" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-woman), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-woman" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-facilities" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Facilities","patternPartial":"base-icon-library-32-outline-facilities","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-feature" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-feature&#x2F;base-icons-icon-library-32-outline-feature.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-feature" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Feature
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-feature" data-patternpartial="base-icon-library-32-outline-feature" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-feature">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="air-condition" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(air-condition), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="air-condition" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="buggy" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(buggy), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="buggy" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="clothing-hanger" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(clothing-hanger), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="clothing-hanger" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="day" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="day" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dog" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dog), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="dog" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="entry-aid" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(entry-aid), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="entry-aid" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="environmental-mobility-check" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(environmental-mobility-check), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="environmental-mobility-check" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="hydrogen" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-compartment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-compartment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-compartment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-rack" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-rack), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-rack" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="marketplace" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="medical" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="night" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="no-smoking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(no-smoking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="no-smoking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-cane" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-cane), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-cane" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-rollator" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-rollator), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-rollator" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="platform" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="power-outlet" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(power-outlet), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="power-outlet" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="reservation" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="standing-room" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(standing-room), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="standing-room" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="steppless-entry" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(steppless-entry), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="steppless-entry" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="support-dog" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(support-dog), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="support-dog" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-feature" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Feature","patternPartial":"base-icon-library-32-outline-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-food" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-food&#x2F;base-icons-icon-library-32-outline-food.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-food" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Food
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-food" data-patternpartial="base-icon-library-32-outline-food" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-food">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="breakfast" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(breakfast), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="breakfast" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="coffee-cup" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drink" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drink), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="drink" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restaurant" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restaurant), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="restaurant" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-food" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Food","patternPartial":"base-icon-library-32-outline-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-it" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-it&#x2F;base-icons-icon-library-32-outline-it.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-it" title="Link to Pattern">
+						DB Icons 32x32 - Outline - IT
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-it" data-patternpartial="base-icon-library-32-outline-it" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-it">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-it" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - IT","patternPartial":"base-icon-library-32-outline-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-journey" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-journey&#x2F;base-icons-icon-library-32-outline-journey.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-journey" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Journey
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-journey" data-patternpartial="base-icon-library-32-outline-journey" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-journey">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="1st-class" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(1st-class), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="1st-class" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="2nd-class" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(2nd-class), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="2nd-class" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alternative-connection" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alternative-connection), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alternative-connection" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="booking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(booking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="booking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="destination" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intermediary-stop" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intermediary-stop), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="intermediary-stop" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mixed-class" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mixed-class), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mixed-class" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="round-trip" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(round-trip), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="round-trip" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="single-trip" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(single-trip), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="single-trip" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="start" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(start), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="start" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-journey" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Journey","patternPartial":"base-icon-library-32-outline-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-maps" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-maps&#x2F;base-icons-icon-library-32-outline-maps.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-maps" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Maps
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-maps" data-patternpartial="base-icon-library-32-outline-maps" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-maps">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="home" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="map" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(map), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="map" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-straight" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-straight), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-straight" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-left" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-left), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-left" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-right" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-right), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-right" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-u-turn" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-u-turn), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-u-turn" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="parking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="place" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="set-position" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(set-position), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="set-position" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="station" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(station), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="station" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop-sign" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-station" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-station), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-station" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-maps" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Maps","patternPartial":"base-icon-library-32-outline-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-navigation&#x2F;base-icons-icon-library-32-outline-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-navigation" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-navigation" data-patternpartial="base-icon-library-32-outline-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cancel" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="close" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen-exit" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen-exit), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen-exit" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="grid-view" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="link" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link-external" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link-external), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="link-external" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="list" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(list), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="list" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="menu" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(menu), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="menu" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-horizontal" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-horizontal), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-horizontal" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-vertical" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-vertical), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-vertical" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="refresh" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(refresh), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="refresh" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Navigation","patternPartial":"base-icon-library-32-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-notification&#x2F;base-icons-icon-library-32-outline-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-notification" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-notification" data-patternpartial="base-icon-library-32-outline-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify-cutoff" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify-cutoff), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify-cutoff" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Notification","patternPartial":"base-icon-library-32-outline-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-seat" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-seat&#x2F;base-icons-icon-library-32-outline-seat.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-seat" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Seat
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-seat" data-patternpartial="base-icon-library-32-outline-seat" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-seat">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="aisle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="aisle-not-available" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle-not-available), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle-not-available" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bed" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bed), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bed" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="childrens-compartment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(childrens-compartment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="childrens-compartment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="elderly" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(elderly), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="elderly" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handicapped" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handicapped), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="handicapped" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parent-child-compartment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parent-child-compartment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="parent-child-compartment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="quiet-zone" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(quiet-zone), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="quiet-zone" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="table" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(table), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="table" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="traveler-with-reduced-mobility" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(traveler-with-reduced-mobility), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="traveler-with-reduced-mobility" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="window" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(window), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="window" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-seat" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Seat","patternPartial":"base-icon-library-32-outline-seat","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-ticket" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-ticket&#x2F;base-icons-icon-library-32-outline-ticket.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-ticket" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Ticket
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-ticket" data-patternpartial="base-icon-library-32-outline-ticket" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-ticket">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahnbonus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahncard" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="best-price" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(best-price), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="best-price" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="commuter-ticket" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(commuter-ticket), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="commuter-ticket" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-check" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-check), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-check" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-circle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-circle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-circle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-passenger" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-passenger), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-passenger" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="my-travel" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(my-travel), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="my-travel" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="outward-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(outward-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="outward-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code-scan" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code-scan), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code-scan" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="return-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(return-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="return-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-discount" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-discount), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-discount" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-multiple" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-multiple), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-multiple" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-subscription" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-subscription), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-subscription" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-outward-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-outward-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-outward-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-return-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-return-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-return-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="timetable" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(timetable), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="timetable" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="travel-insurance" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(travel-insurance), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="travel-insurance" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-ticket" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Ticket","patternPartial":"base-icon-library-32-outline-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-transportation&#x2F;base-icons-icon-library-32-outline-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-transportation" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Transportation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-transportation" data-patternpartial="base-icon-library-32-outline-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car-sequence" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car-sequence), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="car-sequence" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice-side-view" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice-side-view), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice-side-view" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="rail-and-fly" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(rail-and-fly), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="rail-and-fly" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="railroad-car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(railroad-car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="railroad-car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sev" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sev), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sev" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sprinter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sprinter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sprinter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Transportation","patternPartial":"base-icon-library-32-outline-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-48-filled-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-48-filled-av&#x2F;base-icons-icon-library-48-filled-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-48-filled-av" title="Link to Pattern">
+						DB Icons 48x48 - Filled - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-48-filled-av" data-patternpartial="base-icon-library-48-filled-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-48-filled-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-48-filled-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 48x48 - Filled - AV","patternPartial":"base-icon-library-48-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-48-outline-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-48-outline-av&#x2F;base-icons-icon-library-48-outline-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-48-outline-av" title="Link to Pattern">
+						DB Icons 48x48 - Outline - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-48-outline-av" data-patternpartial="base-icon-library-48-outline-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-48-outline-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-48-outline-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 48x48 - Outline - AV","patternPartial":"base-icon-library-48-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-48-outline-brand" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-48-outline-brand&#x2F;base-icons-icon-library-48-outline-brand.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-48-outline-brand" title="Link to Pattern">
+						DB Icons 48x48 - Outline - Brand
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-48-outline-brand" data-patternpartial="base-icon-library-48-outline-brand" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-48-outline-brand">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-48-outline-brand" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 48x48 - Outline - Brand","patternPartial":"base-icon-library-48-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-64-filled-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-64-filled-av&#x2F;base-icons-icon-library-64-filled-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-64-filled-av" title="Link to Pattern">
+						DB Icons 64x64 - Filled - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-64-filled-av" data-patternpartial="base-icon-library-64-filled-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-64-filled-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-64-filled-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 64x64 - Filled - AV","patternPartial":"base-icon-library-64-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-64-outline-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-64-outline-av&#x2F;base-icons-icon-library-64-outline-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-64-outline-av" title="Link to Pattern">
+						DB Icons 64x64 - Outline - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-64-outline-av" data-patternpartial="base-icon-library-64-outline-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-64-outline-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-64-outline-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description hereee]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 64x64 - Outline - AV","patternPartial":"base-icon-library-64-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-64-outline-brand" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-64-outline-brand&#x2F;base-icons-icon-library-64-outline-brand.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-64-outline-brand" title="Link to Pattern">
+						DB Icons 64x64 - Outline - Brand
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-64-outline-brand" data-patternpartial="base-icon-library-64-outline-brand" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-64-outline-brand">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-64-outline-brand" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 64x64 - Outline - Brand","patternPartial":"base-icon-library-64-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-illustration-icons" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-illustration-icons&#x2F;base-icons-illustration-icons.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-illustration-icons" title="Link to Pattern">
+						Illustration Icons
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-illustration-icons" data-patternpartial="base-illustration-icons" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-illustration-icons">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<!-- [html-validate-disable-next heading-level] -->
+	<h5>Action</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Communication</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Covid 19</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Devices</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Entertainment</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Feature</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Food /db_ic_il_ Drink</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Maps</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>News</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Station</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Ticket</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Transportation</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Travel</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Weather</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-illustration-icons" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h4>Usage</h4>\n<p>You could reference the multicolor icons directly via the <code>&lt;use&gt;</code> HTML tag within the <code>&lt;svg&gt;</code> HTML tag, compare to the source code provided with this pattern, like e.g.:</p>\n<pre><code class=\"language-html\">&lt;svg\n  xmlns=&quot;http://www.w3.org/2000/svg&quot;\n  width=&quot;64&quot;\n  height=&quot;64&quot;\n  aria-hidden=&quot;true&quot;\n&gt;\n  &lt;use href=&quot;/icons/illustrative/action/db_ic_il_alarm_clock.svg#icon&quot;&gt;&lt;/use&gt;\n&lt;/svg&gt;\n</code></pre>\n<h4>Adapt icons colors</h4>\n<p>You could easily change the line-colors of both the pulse and the icon itself by defining different color values for both CSS variables:</p>\n<ul>\n<li><code>--db-icon-color</code></li>\n<li><code>--db-icon-pulse-color</code></li>\n</ul>\n<p>The fallback for a non-defined <code>--db-icon-color</code> is the <code>font-color</code> defined around or for the <code>&lt;svg&gt;</code> itself, and <code>--db-icon-pulse-color</code> would fall back to <code>#EC0016</code>, which is the general pulse color defined by brand.</p>\n<h4>Accessibility</h4>\n<p>We're adding the attribute <code>aria-hidden=&quot;true&quot;</code> to the <code>&lt;svg&gt;</code> HTML tag so that the icon is hidden from assistive tools like not being read out by screen readers.</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"Illustration Icons","patternPartial":"base-illustration-icons","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-base-icons"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-base-icons"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-type-fonts/base-type-fonts.hbs b/review/refactor-icon-update/patterns/base-type-fonts/base-type-fonts.hbs
new file mode 100644
index 0000000000..bc3373b282
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-type-fonts/base-type-fonts.hbs
@@ -0,0 +1,10 @@
+<main class="rea-main {{styleModifier}}">
+
+	{{#each headlines }}
+		{{> elements-headline }}
+	{{/each }}
+	<p>Primary font: "DB Screen Sans", "Helvetica", "Arial", sans-serif;</p>
+	<p><em>Primary font italic: "DB Screen Sans", "Helvetica", "Arial", sans-serif;</em></p>
+	<p><strong>Primary font bold: "DB Screen Sans", "Helvetica", "Arial", sans-serif;</strong></p>
+
+</main>
diff --git a/review/refactor-icon-update/patterns/base-type-fonts/base-type-fonts.markup-only.html b/review/refactor-icon-update/patterns/base-type-fonts/base-type-fonts.markup-only.html
new file mode 100644
index 0000000000..0c15976350
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-type-fonts/base-type-fonts.markup-only.html
@@ -0,0 +1,15 @@
+<main class="rea-main ">
+
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h1 class="elm-headline ">Headline 1</h1>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Headline 2</h2>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h3 class="elm-headline ">Headline 3</h3>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h4 class="elm-headline ">Headline 4</h4>
+	<p>Primary font: "DB Screen Sans", "Helvetica", "Arial", sans-serif;</p>
+	<p><em>Primary font italic: "DB Screen Sans", "Helvetica", "Arial", sans-serif;</em></p>
+	<p><strong>Primary font bold: "DB Screen Sans", "Helvetica", "Arial", sans-serif;</strong></p>
+
+</main>
diff --git a/review/refactor-icon-update/patterns/base-type-fonts/base-type-fonts.rendered.html b/review/refactor-icon-update/patterns/base-type-fonts/base-type-fonts.rendered.html
new file mode 100644
index 0000000000..6842b91cc3
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-type-fonts/base-type-fonts.rendered.html
@@ -0,0 +1,132 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<main class="rea-main ">
+
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h1 class="elm-headline ">Headline 1</h1>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Headline 2</h2>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h3 class="elm-headline ">Headline 3</h3>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h4 class="elm-headline ">Headline 4</h4>
+	<p>Primary font: "DB Screen Sans", "Helvetica", "Arial", sans-serif;</p>
+	<p><em>Primary font italic: "DB Screen Sans", "Helvetica", "Arial", sans-serif;</em></p>
+	<p><strong>Primary font bold: "DB Screen Sans", "Helvetica", "Arial", sans-serif;</strong></p>
+
+</main>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>These fonts are used on the site.</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Fonts","patternPartial":"base-fonts","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>These fonts are used on the site.</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Fonts","patternPartial":"base-fonts","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-type-highlight-colors-1st-priority/base-type-highlight-colors-1st-priority.hbs b/review/refactor-icon-update/patterns/base-type-highlight-colors-1st-priority/base-type-highlight-colors-1st-priority.hbs
new file mode 100644
index 0000000000..1c42356a50
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-type-highlight-colors-1st-priority/base-type-highlight-colors-1st-priority.hbs
@@ -0,0 +1,4 @@
+<main class="rea-main">
+	<p class=" {{styleModifier-light}}">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground {{styleModifier-dark}}">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
diff --git a/review/refactor-icon-update/patterns/base-type-highlight-colors-1st-priority/base-type-highlight-colors-1st-priority.markup-only.html b/review/refactor-icon-update/patterns/base-type-highlight-colors-1st-priority/base-type-highlight-colors-1st-priority.markup-only.html
new file mode 100644
index 0000000000..96d104016a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-type-highlight-colors-1st-priority/base-type-highlight-colors-1st-priority.markup-only.html
@@ -0,0 +1,4 @@
+<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-1st-priority-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-1st-priority-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
diff --git a/review/refactor-icon-update/patterns/base-type-highlight-colors-1st-priority/base-type-highlight-colors-1st-priority.rendered.html b/review/refactor-icon-update/patterns/base-type-highlight-colors-1st-priority/base-type-highlight-colors-1st-priority.rendered.html
new file mode 100644
index 0000000000..aea651d5de
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-type-highlight-colors-1st-priority/base-type-highlight-colors-1st-priority.rendered.html
@@ -0,0 +1,121 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-1st-priority-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-1st-priority-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors 1st Priority","patternPartial":"base-highlight-colors-1st-priority","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors 1st Priority","patternPartial":"base-highlight-colors-1st-priority","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-type-highlight-colors-2nd-priority/base-type-highlight-colors-2nd-priority.hbs b/review/refactor-icon-update/patterns/base-type-highlight-colors-2nd-priority/base-type-highlight-colors-2nd-priority.hbs
new file mode 100644
index 0000000000..1c42356a50
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-type-highlight-colors-2nd-priority/base-type-highlight-colors-2nd-priority.hbs
@@ -0,0 +1,4 @@
+<main class="rea-main">
+	<p class=" {{styleModifier-light}}">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground {{styleModifier-dark}}">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
diff --git a/review/refactor-icon-update/patterns/base-type-highlight-colors-2nd-priority/base-type-highlight-colors-2nd-priority.markup-only.html b/review/refactor-icon-update/patterns/base-type-highlight-colors-2nd-priority/base-type-highlight-colors-2nd-priority.markup-only.html
new file mode 100644
index 0000000000..0793ef636e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-type-highlight-colors-2nd-priority/base-type-highlight-colors-2nd-priority.markup-only.html
@@ -0,0 +1,4 @@
+<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-2nd-priority-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-2nd-priority-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
diff --git a/review/refactor-icon-update/patterns/base-type-highlight-colors-2nd-priority/base-type-highlight-colors-2nd-priority.rendered.html b/review/refactor-icon-update/patterns/base-type-highlight-colors-2nd-priority/base-type-highlight-colors-2nd-priority.rendered.html
new file mode 100644
index 0000000000..1b4e1c0c8e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-type-highlight-colors-2nd-priority/base-type-highlight-colors-2nd-priority.rendered.html
@@ -0,0 +1,121 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-2nd-priority-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-2nd-priority-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors 2nd Priority","patternPartial":"base-highlight-colors-2nd-priority","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors 2nd Priority","patternPartial":"base-highlight-colors-2nd-priority","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-type-highlight-colors-neutral/base-type-highlight-colors-neutral.hbs b/review/refactor-icon-update/patterns/base-type-highlight-colors-neutral/base-type-highlight-colors-neutral.hbs
new file mode 100644
index 0000000000..1c42356a50
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-type-highlight-colors-neutral/base-type-highlight-colors-neutral.hbs
@@ -0,0 +1,4 @@
+<main class="rea-main">
+	<p class=" {{styleModifier-light}}">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground {{styleModifier-dark}}">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
diff --git a/review/refactor-icon-update/patterns/base-type-highlight-colors-neutral/base-type-highlight-colors-neutral.markup-only.html b/review/refactor-icon-update/patterns/base-type-highlight-colors-neutral/base-type-highlight-colors-neutral.markup-only.html
new file mode 100644
index 0000000000..4aa7f3b7ad
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-type-highlight-colors-neutral/base-type-highlight-colors-neutral.markup-only.html
@@ -0,0 +1,4 @@
+<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-neutral-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-neutral-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
diff --git a/review/refactor-icon-update/patterns/base-type-highlight-colors-neutral/base-type-highlight-colors-neutral.rendered.html b/review/refactor-icon-update/patterns/base-type-highlight-colors-neutral/base-type-highlight-colors-neutral.rendered.html
new file mode 100644
index 0000000000..79043a94ac
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-type-highlight-colors-neutral/base-type-highlight-colors-neutral.rendered.html
@@ -0,0 +1,121 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-neutral-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-neutral-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors Neutral","patternPartial":"base-highlight-colors-neutral","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors Neutral","patternPartial":"base-highlight-colors-neutral","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-type-highlight-colors-positive/base-type-highlight-colors-positive.hbs b/review/refactor-icon-update/patterns/base-type-highlight-colors-positive/base-type-highlight-colors-positive.hbs
new file mode 100644
index 0000000000..1c42356a50
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-type-highlight-colors-positive/base-type-highlight-colors-positive.hbs
@@ -0,0 +1,4 @@
+<main class="rea-main">
+	<p class=" {{styleModifier-light}}">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground {{styleModifier-dark}}">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
diff --git a/review/refactor-icon-update/patterns/base-type-highlight-colors-positive/base-type-highlight-colors-positive.markup-only.html b/review/refactor-icon-update/patterns/base-type-highlight-colors-positive/base-type-highlight-colors-positive.markup-only.html
new file mode 100644
index 0000000000..a11e48d870
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-type-highlight-colors-positive/base-type-highlight-colors-positive.markup-only.html
@@ -0,0 +1,4 @@
+<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-positive-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-positive-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
diff --git a/review/refactor-icon-update/patterns/base-type-highlight-colors-positive/base-type-highlight-colors-positive.rendered.html b/review/refactor-icon-update/patterns/base-type-highlight-colors-positive/base-type-highlight-colors-positive.rendered.html
new file mode 100644
index 0000000000..ef66b435a2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-type-highlight-colors-positive/base-type-highlight-colors-positive.rendered.html
@@ -0,0 +1,121 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-positive-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-positive-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors Positive","patternPartial":"base-highlight-colors-positive","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors Positive","patternPartial":"base-highlight-colors-positive","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base-type/index.html b/review/refactor-icon-update/patterns/base-type/index.html
new file mode 100644
index 0000000000..8a605e4f2d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base-type/index.html
@@ -0,0 +1,389 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-base-type" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/base-type&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-base-type">Type</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<p>We're delivering general font declarations and the web fonts for our generally used <code>DB Screen Sans</code> font.</p>
+<p>In case that you need to use font sizes smaller than 16pt please switch to our <code>font-family</code> <code>DB Screen Sans Digital Regular</code> for better readability / accessibility.</p>
+<p>Please find this rule and a lot of further information regarding and more information on typography: <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Marke-und-Design/Basiselemente/Typografie/Fuer-digitale-Anwendungen">https://marketingportal.extranet.deutschebahn.com/marketingportal/Marke-und-Design/Basiselemente/Typografie/Fuer-digitale-Anwendungen</a></p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="base-fonts" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-type-fonts&#x2F;base-type-fonts.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-fonts" title="Link to Pattern">
+						Fonts
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-fonts" data-patternpartial="base-fonts" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-fonts">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<main class="rea-main ">
+
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h1 class="elm-headline ">Headline 1</h1>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Headline 2</h2>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h3 class="elm-headline ">Headline 3</h3>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h4 class="elm-headline ">Headline 4</h4>
+	<p>Primary font: "DB Screen Sans", "Helvetica", "Arial", sans-serif;</p>
+	<p><em>Primary font italic: "DB Screen Sans", "Helvetica", "Arial", sans-serif;</em></p>
+	<p><strong>Primary font bold: "DB Screen Sans", "Helvetica", "Arial", sans-serif;</strong></p>
+
+</main>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-fonts" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>These fonts are used on the site.</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Fonts","patternPartial":"base-fonts","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-highlight-colors-1st-priority" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-type-highlight-colors-1st-priority&#x2F;base-type-highlight-colors-1st-priority.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-highlight-colors-1st-priority" title="Link to Pattern">
+						Highlight Colors 1st Priority
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-highlight-colors-1st-priority" data-patternpartial="base-highlight-colors-1st-priority" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-highlight-colors-1st-priority">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-1st-priority-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-1st-priority-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-highlight-colors-1st-priority" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors 1st Priority","patternPartial":"base-highlight-colors-1st-priority","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-highlight-colors-2nd-priority" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-type-highlight-colors-2nd-priority&#x2F;base-type-highlight-colors-2nd-priority.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-highlight-colors-2nd-priority" title="Link to Pattern">
+						Highlight Colors 2nd Priority
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-highlight-colors-2nd-priority" data-patternpartial="base-highlight-colors-2nd-priority" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-highlight-colors-2nd-priority">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-2nd-priority-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-2nd-priority-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-highlight-colors-2nd-priority" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors 2nd Priority","patternPartial":"base-highlight-colors-2nd-priority","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-highlight-colors-neutral" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-type-highlight-colors-neutral&#x2F;base-type-highlight-colors-neutral.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-highlight-colors-neutral" title="Link to Pattern">
+						Highlight Colors Neutral
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-highlight-colors-neutral" data-patternpartial="base-highlight-colors-neutral" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-highlight-colors-neutral">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-neutral-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-neutral-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-highlight-colors-neutral" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors Neutral","patternPartial":"base-highlight-colors-neutral","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-highlight-colors-positive" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-type-highlight-colors-positive&#x2F;base-type-highlight-colors-positive.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-highlight-colors-positive" title="Link to Pattern">
+						Highlight Colors Positive
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-highlight-colors-positive" data-patternpartial="base-highlight-colors-positive" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-highlight-colors-positive">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-positive-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-positive-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-highlight-colors-positive" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors Positive","patternPartial":"base-highlight-colors-positive","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-base-type"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-base-type"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/base/index.html b/review/refactor-icon-update/patterns/base/index.html
new file mode 100644
index 0000000000..c253695060
--- /dev/null
+++ b/review/refactor-icon-update/patterns/base/index.html
@@ -0,0 +1,15732 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-base-colors" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/base-colors&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-base-colors">Colors</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h1>Source</h1>
+<p>We're using the colors provided by our other product <a href="https://db-ui.github.io/base/">DB UI Base</a>, by which Design tokens are being provided.</p>
+<h2>Accessibility</h2>
+<p>Please have a look at the related page within the Marketingportal for more information as well: <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Farbe">https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Farbe</a></p>
+<h3>Criteria</h3>
+<h4>WCAG 2.1 (Level AA)</h4>
+<p>The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following:</p>
+<h4>Large Text</h4>
+<p>Large-scale text and images of large-scale text have a contrast ratio of at least 3:1</p>
+<h3>DB color palette for InDesign, Illustrator and Photoshop</h3>
+<p>A file containing the Deutsche Bahn color palette for Adobe InDesign, Adobe Illustrator or Adobe Photoshop is provided by the <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Farbe">DB Marketingportal</a>.</p>
+<h3>Inspirational external sources for this pattern</h3>
+<ul>
+<li><a href="https://spectrum.adobe.com/page/color/">https://spectrum.adobe.com/page/color/</a> &amp; <a href="https://opensource.adobe.com/spectrum-css/components/vars/spectrum-light.css">https://opensource.adobe.com/spectrum-css/components/vars/spectrum-light.css</a></li>
+</ul>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="base-primary" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-colors-primary&#x2F;base-colors-primary.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-primary" title="Link to Pattern">
+						Marketingportal Brand Colors - Primary
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-primary" data-patternpartial="base-primary" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-primary">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="sg-colors">
+	<li>
+		DB Red
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #ec0016"></span>
+		<span class="sg-label">
+			$db-color-red <br>
+			#ec0016
+		</span>
+	</li>
+	<li>
+		DB White
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFFFFF"></span>
+		<span class="sg-label">
+			$db-color-white <br>
+			#FFFFFF
+		</span>
+	</li>
+	<li>
+		DB Black
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #000000"></span>
+		<span class="sg-label">
+			$db-color-black <br>
+			#000000
+		</span>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-primary" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Primary","patternPartial":"base-primary","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":10}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-secondary" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-colors-secondary&#x2F;base-colors-secondary.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-secondary" title="Link to Pattern">
+						Marketingportal Brand Colors - Secondary
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-secondary" data-patternpartial="base-secondary" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-secondary">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="sg-colors">
+	<li>
+		DB Yellow 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFFFDC"></span>
+		<span class="sg-label">
+			$db-color-yellow-100 <br>
+			#FFFFDC
+		</span>
+	</li>
+	<li>
+		DB Yellow 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFFFAF"></span>
+		<span class="sg-label">
+			$db-color-yellow-200 <br>
+			#FFFFAF
+		</span>
+	</li>
+	<li>
+		DB Yellow 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFF876"></span>
+		<span class="sg-label">
+			$db-color-yellow-300 <br>
+			#FFF876
+		</span>
+	</li>
+	<li>
+		DB Yellow 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFF000"></span>
+		<span class="sg-label">
+			$db-color-yellow-400 <br>
+			#FFF000
+		</span>
+	</li>
+	<li>
+		DB Yellow 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFD800"></span>
+		<span class="sg-label">
+			$db-color-yellow-500 <br>
+			#FFD800
+		</span>
+	</li>
+	<li>
+		DB Yellow 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFBB00"></span>
+		<span class="sg-label">
+			$db-color-yellow-600 <br>
+			#FFBB00
+		</span>
+	</li>
+	<li>
+		DB Yellow 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FF9B00"></span>
+		<span class="sg-label">
+			$db-color-yellow-700 <br>
+			#FF9B00
+		</span>
+	</li>
+	<li>
+		DB Yellow 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FF7A00"></span>
+		<span class="sg-label">
+			$db-color-yellow-800 <br>
+			#FF7A00
+		</span>
+	</li>
+	<li>
+		DB Orange 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFF4D8"></span>
+		<span class="sg-label">
+			$db-color-orange-100 <br>
+			#FFF4D8
+		</span>
+	</li>
+	<li>
+		DB Orange 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FCE3B4"></span>
+		<span class="sg-label">
+			$db-color-orange-200 <br>
+			#FCE3B4
+		</span>
+	</li>
+	<li>
+		DB Orange 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FACA7F"></span>
+		<span class="sg-label">
+			$db-color-orange-300 <br>
+			#FACA7F
+		</span>
+	</li>
+	<li>
+		DB Orange 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F8AB37"></span>
+		<span class="sg-label">
+			$db-color-orange-400 <br>
+			#F8AB37
+		</span>
+	</li>
+	<li>
+		DB Orange 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F39200"></span>
+		<span class="sg-label">
+			$db-color-orange-500 <br>
+			#F39200
+		</span>
+	</li>
+	<li>
+		DB Orange 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #D77B00"></span>
+		<span class="sg-label">
+			$db-color-orange-600 <br>
+			#D77B00
+		</span>
+	</li>
+	<li>
+		DB Orange 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C05E00"></span>
+		<span class="sg-label">
+			$db-color-orange-700 <br>
+			#C05E00
+		</span>
+	</li>
+	<li>
+		DB Orange 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #A24800"></span>
+		<span class="sg-label">
+			$db-color-orange-800 <br>
+			#A24800
+		</span>
+	</li>
+	<li>
+		DB Red 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #fEE6E6"></span>
+		<span class="sg-label">
+			$db-color-red-100 <br>
+			#fEE6E6
+		</span>
+	</li>
+	<li>
+		DB Red 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FCC8C3"></span>
+		<span class="sg-label">
+			$db-color-red-200 <br>
+			#FCC8C3
+		</span>
+	</li>
+	<li>
+		DB Red 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FA9090"></span>
+		<span class="sg-label">
+			$db-color-red-300 <br>
+			#FA9090
+		</span>
+	</li>
+	<li>
+		DB Red 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F75056"></span>
+		<span class="sg-label">
+			$db-color-red-400 <br>
+			#F75056
+		</span>
+	</li>
+	<li>
+		DB Red 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EC0016"></span>
+		<span class="sg-label">
+			$db-color-red-500 <br>
+			#EC0016
+		</span>
+	</li>
+	<li>
+		DB Red 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C50014"></span>
+		<span class="sg-label">
+			$db-color-red-600 <br>
+			#C50014
+		</span>
+	</li>
+	<li>
+		DB Red 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9B000E"></span>
+		<span class="sg-label">
+			$db-color-red-700 <br>
+			#9B000E
+		</span>
+	</li>
+	<li>
+		DB Red 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #740009"></span>
+		<span class="sg-label">
+			$db-color-red-800 <br>
+			#740009
+		</span>
+	</li>
+	<li>
+		DB Burgundy 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F4E8ED"></span>
+		<span class="sg-label">
+			$db-color-burgundy-100 <br>
+			#F4E8ED
+		</span>
+	</li>
+	<li>
+		DB Burgundy 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EDCBD6"></span>
+		<span class="sg-label">
+			$db-color-burgundy-200 <br>
+			#EDCBD6
+		</span>
+	</li>
+	<li>
+		DB Burgundy 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #DA9AA8"></span>
+		<span class="sg-label">
+			$db-color-burgundy-300 <br>
+			#DA9AA8
+		</span>
+	</li>
+	<li>
+		DB Burgundy 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C0687B"></span>
+		<span class="sg-label">
+			$db-color-burgundy-400 <br>
+			#C0687B
+		</span>
+	</li>
+	<li>
+		DB Burgundy 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #A9455D"></span>
+		<span class="sg-label">
+			$db-color-burgundy-500 <br>
+			#A9455D
+		</span>
+	</li>
+	<li>
+		DB Burgundy 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #8C2E46"></span>
+		<span class="sg-label">
+			$db-color-burgundy-600 <br>
+			#8C2E46
+		</span>
+	</li>
+	<li>
+		DB Burgundy 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #641E32"></span>
+		<span class="sg-label">
+			$db-color-burgundy-700 <br>
+			#641E32
+		</span>
+	</li>
+	<li>
+		DB Burgundy 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #4D0820"></span>
+		<span class="sg-label">
+			$db-color-burgundy-800 <br>
+			#4D0820
+		</span>
+	</li>
+	<li>
+		DB Pink 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FDEEF8"></span>
+		<span class="sg-label">
+			$db-color-pink-100 <br>
+			#FDEEF8
+		</span>
+	</li>
+	<li>
+		DB Pink 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F9D2E5"></span>
+		<span class="sg-label">
+			$db-color-pink-200 <br>
+			#F9D2E5
+		</span>
+	</li>
+	<li>
+		DB Pink 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F4AECE"></span>
+		<span class="sg-label">
+			$db-color-pink-300 <br>
+			#F4AECE
+		</span>
+	</li>
+	<li>
+		DB Pink 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EE7BAE"></span>
+		<span class="sg-label">
+			$db-color-pink-400 <br>
+			#EE7BAE
+		</span>
+	</li>
+	<li>
+		DB Pink 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E93E8F"></span>
+		<span class="sg-label">
+			$db-color-pink-500 <br>
+			#E93E8F
+		</span>
+	</li>
+	<li>
+		DB Pink 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #DB0078"></span>
+		<span class="sg-label">
+			$db-color-pink-600 <br>
+			#DB0078
+		</span>
+	</li>
+	<li>
+		DB Pink 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #B80065"></span>
+		<span class="sg-label">
+			$db-color-pink-700 <br>
+			#B80065
+		</span>
+	</li>
+	<li>
+		DB Pink 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #970052"></span>
+		<span class="sg-label">
+			$db-color-pink-800 <br>
+			#970052
+		</span>
+	</li>
+	<li>
+		DB Violett 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F4EEFA"></span>
+		<span class="sg-label">
+			$db-color-violett-100 <br>
+			#F4EEFA
+		</span>
+	</li>
+	<li>
+		DB Violett 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E0CDE4"></span>
+		<span class="sg-label">
+			$db-color-violett-200 <br>
+			#E0CDE4
+		</span>
+	</li>
+	<li>
+		DB Violett 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C2A1C7"></span>
+		<span class="sg-label">
+			$db-color-violett-300 <br>
+			#C2A1C7
+		</span>
+	</li>
+	<li>
+		DB Violett 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9A6CA6"></span>
+		<span class="sg-label">
+			$db-color-violett-400 <br>
+			#9A6CA6
+		</span>
+	</li>
+	<li>
+		DB Violett 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #814997"></span>
+		<span class="sg-label">
+			$db-color-violett-500 <br>
+			#814997
+		</span>
+	</li>
+	<li>
+		DB Violett 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #6E368C"></span>
+		<span class="sg-label">
+			$db-color-violett-600 <br>
+			#6E368C
+		</span>
+	</li>
+	<li>
+		DB Violett 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #581D70"></span>
+		<span class="sg-label">
+			$db-color-violett-700 <br>
+			#581D70
+		</span>
+	</li>
+	<li>
+		DB Violett 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #421857"></span>
+		<span class="sg-label">
+			$db-color-violett-800 <br>
+			#421857
+		</span>
+	</li>
+	<li>
+		DB Blue 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E0EFFB"></span>
+		<span class="sg-label">
+			$db-color-blue-100 <br>
+			#E0EFFB
+		</span>
+	</li>
+	<li>
+		DB Blue 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #B4D5F6"></span>
+		<span class="sg-label">
+			$db-color-blue-200 <br>
+			#B4D5F6
+		</span>
+	</li>
+	<li>
+		DB Blue 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #73AEF4"></span>
+		<span class="sg-label">
+			$db-color-blue-300 <br>
+			#73AEF4
+		</span>
+	</li>
+	<li>
+		DB Blue 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #347DE0"></span>
+		<span class="sg-label">
+			$db-color-blue-400 <br>
+			#347DE0
+		</span>
+	</li>
+	<li>
+		DB Blue 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #1455C0"></span>
+		<span class="sg-label">
+			$db-color-blue-500 <br>
+			#1455C0
+		</span>
+	</li>
+	<li>
+		DB Blue 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0C3992"></span>
+		<span class="sg-label">
+			$db-color-blue-600 <br>
+			#0C3992
+		</span>
+	</li>
+	<li>
+		DB Blue 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0A1E6E"></span>
+		<span class="sg-label">
+			$db-color-blue-700 <br>
+			#0A1E6E
+		</span>
+	</li>
+	<li>
+		DB Blue 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #061350"></span>
+		<span class="sg-label">
+			$db-color-blue-800 <br>
+			#061350
+		</span>
+	</li>
+	<li>
+		DB Cyan 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E5FAFF"></span>
+		<span class="sg-label">
+			$db-color-cyan-100 <br>
+			#E5FAFF
+		</span>
+	</li>
+	<li>
+		DB Cyan 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BBE6F8"></span>
+		<span class="sg-label">
+			$db-color-cyan-200 <br>
+			#BBE6F8
+		</span>
+	</li>
+	<li>
+		DB Cyan 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #84CFEF"></span>
+		<span class="sg-label">
+			$db-color-cyan-300 <br>
+			#84CFEF
+		</span>
+	</li>
+	<li>
+		DB Cyan 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #55B9E6"></span>
+		<span class="sg-label">
+			$db-color-cyan-400 <br>
+			#55B9E6
+		</span>
+	</li>
+	<li>
+		DB Cyan 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #309FD1"></span>
+		<span class="sg-label">
+			$db-color-cyan-500 <br>
+			#309FD1
+		</span>
+	</li>
+	<li>
+		DB Cyan 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0087B9"></span>
+		<span class="sg-label">
+			$db-color-cyan-600 <br>
+			#0087B9
+		</span>
+	</li>
+	<li>
+		DB Cyan 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #006A96"></span>
+		<span class="sg-label">
+			$db-color-cyan-700 <br>
+			#006A96
+		</span>
+	</li>
+	<li>
+		DB Cyan 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #004B6D"></span>
+		<span class="sg-label">
+			$db-color-cyan-800 <br>
+			#004B6D
+		</span>
+	</li>
+	<li>
+		DB Turquoise 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E3F5F4"></span>
+		<span class="sg-label">
+			$db-color-turquoise-100 <br>
+			#E3F5F4
+		</span>
+	</li>
+	<li>
+		DB Turquoise 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BEE2E5"></span>
+		<span class="sg-label">
+			$db-color-turquoise-200 <br>
+			#BEE2E5
+		</span>
+	</li>
+	<li>
+		DB Turquoise 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #83CACA"></span>
+		<span class="sg-label">
+			$db-color-turquoise-300 <br>
+			#83CACA
+		</span>
+	</li>
+	<li>
+		DB Turquoise 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #3CB5AE"></span>
+		<span class="sg-label">
+			$db-color-turquoise-400 <br>
+			#3CB5AE
+		</span>
+	</li>
+	<li>
+		DB Turquoise 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #00A099"></span>
+		<span class="sg-label">
+			$db-color-turquoise-500 <br>
+			#00A099
+		</span>
+	</li>
+	<li>
+		DB Turquoise 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #008984"></span>
+		<span class="sg-label">
+			$db-color-turquoise-600 <br>
+			#008984
+		</span>
+	</li>
+	<li>
+		DB Turquoise 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #006E6B"></span>
+		<span class="sg-label">
+			$db-color-turquoise-700 <br>
+			#006E6B
+		</span>
+	</li>
+	<li>
+		DB Turquoise 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #005752"></span>
+		<span class="sg-label">
+			$db-color-turquoise-800 <br>
+			#005752
+		</span>
+	</li>
+	<li>
+		DB Green 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E2f3E5"></span>
+		<span class="sg-label">
+			$db-color-green-100 <br>
+			#E2f3E5
+		</span>
+	</li>
+	<li>
+		DB Green 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BDDBB9"></span>
+		<span class="sg-label">
+			$db-color-green-200 <br>
+			#BDDBB9
+		</span>
+	</li>
+	<li>
+		DB Green 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #8CBC80"></span>
+		<span class="sg-label">
+			$db-color-green-300 <br>
+			#8CBC80
+		</span>
+	</li>
+	<li>
+		DB Green 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #66A558"></span>
+		<span class="sg-label">
+			$db-color-green-400 <br>
+			#66A558
+		</span>
+	</li>
+	<li>
+		DB Green 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #408335"></span>
+		<span class="sg-label">
+			$db-color-green-500 <br>
+			#408335
+		</span>
+	</li>
+	<li>
+		DB Green 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #2A7230"></span>
+		<span class="sg-label">
+			$db-color-green-600 <br>
+			#2A7230
+		</span>
+	</li>
+	<li>
+		DB Green 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #165C27"></span>
+		<span class="sg-label">
+			$db-color-green-700 <br>
+			#165C27
+		</span>
+	</li>
+	<li>
+		DB Green 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #154A26"></span>
+		<span class="sg-label">
+			$db-color-green-800 <br>
+			#154A26
+		</span>
+	</li>
+	<li>
+		DB Light Green 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EBF7DD"></span>
+		<span class="sg-label">
+			$db-color-light-green-100 <br>
+			#EBF7DD
+		</span>
+	</li>
+	<li>
+		DB Light Green 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C9EB9E"></span>
+		<span class="sg-label">
+			$db-color-light-green-200 <br>
+			#C9EB9E
+		</span>
+	</li>
+	<li>
+		DB Light Green 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9FD45F"></span>
+		<span class="sg-label">
+			$db-color-light-green-300 <br>
+			#9FD45F
+		</span>
+	</li>
+	<li>
+		DB Light Green 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #78BE14"></span>
+		<span class="sg-label">
+			$db-color-light-green-400 <br>
+			#78BE14
+		</span>
+	</li>
+	<li>
+		DB Light Green 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #63A615"></span>
+		<span class="sg-label">
+			$db-color-light-green-500 <br>
+			#63A615
+		</span>
+	</li>
+	<li>
+		DB Light Green 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #508B1B"></span>
+		<span class="sg-label">
+			$db-color-light-green-600 <br>
+			#508B1B
+		</span>
+	</li>
+	<li>
+		DB Light Green 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #44741A"></span>
+		<span class="sg-label">
+			$db-color-light-green-700 <br>
+			#44741A
+		</span>
+	</li>
+	<li>
+		DB Light Green 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #375F15"></span>
+		<span class="sg-label">
+			$db-color-light-green-800 <br>
+			#375F15
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F5F4F1"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-100 <br>
+			#F5F4F1
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #DDDED6"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-200 <br>
+			#DDDED6
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BCBBB2"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-300 <br>
+			#BCBBB2
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9C9A8E"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-400 <br>
+			#9C9A8E
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #858379"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-500 <br>
+			#858379
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #747067"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-600 <br>
+			#747067
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #4F4B41"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-700 <br>
+			#4F4B41
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #38342F"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-800 <br>
+			#38342F
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F0F3F5"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-100 <br>
+			#F0F3F5
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #D7DCE1"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-200 <br>
+			#D7DCE1
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #AFB4BB"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-300 <br>
+			#AFB4BB
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #878C96"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-400 <br>
+			#878C96
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #646973"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-500 <br>
+			#646973
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #3C414B"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-600 <br>
+			#3C414B
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #282D37"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-700 <br>
+			#282D37
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #131821"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-800 <br>
+			#131821
+		</span>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-secondary" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Secondary","patternPartial":"base-secondary","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":20}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-feedback" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-colors-feedback&#x2F;base-colors-feedback.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-feedback" title="Link to Pattern">
+						Marketingportal Brand Colors - Feedback
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-feedback" data-patternpartial="base-feedback" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-feedback">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="sg-colors">
+	<li>
+		DB Success
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #508B1B"></span>
+		<span class="sg-label">
+			$db-color-success: $db-color-light-green-600 <br>
+			#508B1B
+		</span>
+	</li>
+	<li>
+		DB Error
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EC0016"></span>
+		<span class="sg-label">
+			$db-color-error: $db-color-red-500 <br>
+			#EC0016
+		</span>
+	</li>
+	<li>
+		DB Informative
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0087b9"></span>
+		<span class="sg-label">
+			$db-color-error: $db-color-cyan-600 <br>
+			#0087b9
+		</span>
+	</li>
+	<li>
+		DB Warning
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #f75f00"></span>
+		<span class="sg-label">
+			$db-color-error: $db-color-yellow-900 <br>
+			#f75f00
+		</span>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-feedback" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Feedback","patternPartial":"base-feedback","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":30}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-poi" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-colors-poi&#x2F;base-colors-poi.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-poi" title="Link to Pattern">
+						Marketingportal Brand Colors - POI
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-poi" data-patternpartial="base-poi" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-poi">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="sg-colors">
+	<li>
+		food &amp; drink
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #f39200"></span>
+		<span class="sg-label">
+			$db-color-food-drink: $db-color-orange-500 <br>
+			#f39200
+		</span>
+	</li>
+	<li>
+		health
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #a9455d"></span>
+		<span class="sg-label">
+			$db-color-health: $db-color-burgundy-500 <br>
+			#a9455d
+		</span>
+	</li>
+	<li>
+		things to know
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #858379"></span>
+		<span class="sg-label">
+			$db-color-things-to-know: $db-color-warm-gray-500 <br>
+			#858379
+		</span>
+	</li>
+	<li>
+		community facilities
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #00a099"></span>
+		<span class="sg-label">
+			$db-color-community-facilities: $db-color-turquoise-500 <br>
+			#00a099
+		</span>
+	</li>
+	<li>
+		DB services &amp; facilities
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0c3992"></span>
+		<span class="sg-label">
+			$db-color-db-services-facilities: $db-color-blue-600 <br>
+			#0c3992
+		</span>
+	</li>
+	<li>
+		shopping
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #814997"></span>
+		<span class="sg-label">
+			$db-color-shopping: $db-color-violett-500 <br>
+			#814997
+		</span>
+	</li>
+	<li>
+		arts &amp; culture
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #e93e8f"></span>
+		<span class="sg-label">
+			$db-color-arts-culture: $db-color-pink-500 <br>
+			#e93e8f
+		</span>
+	</li>
+	<li>
+		leisure
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #408335"></span>
+		<span class="sg-label">
+			$db-color-leisure: $db-color-green-500 <br>
+			#408335
+		</span>
+	</li>
+	<li>
+		services
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #309fd1"></span>
+		<span class="sg-label">
+			$db-color-services: $db-color-cyan-500 <br>
+			#309fd1
+		</span>
+	</li>
+	<li>
+		guidance
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #3c414b"></span>
+		<span class="sg-label">
+			$db-color-guidance: $db-color-cool-gray-600 <br>
+			#3c414b
+		</span>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-poi" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - POI","patternPartial":"base-poi","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":40}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-colors-transportation&#x2F;base-colors-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-transportation" title="Link to Pattern">
+						Marketingportal Brand Colors - Transport
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-transportation" data-patternpartial="base-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="sg-colors">
+	<li>
+		ICE
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #282d37"></span>
+		<span class="sg-label">
+			$db-color-ice: $db-color-cool-gray-700 <br>
+			#282d37
+		</span>
+	</li>
+	<li>
+		IC
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #646973"></span>
+		<span class="sg-label">
+			$db-color-ic: $db-color-cool-gray-500 <br>
+			#646973
+		</span>
+	</li>
+	<li>
+		EC
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #646973"></span>
+		<span class="sg-label">
+			$db-color-ec: $db-color-cool-gray-500 <br>
+			#646973
+		</span>
+	</li>
+	<li>
+		RE
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #878c96"></span>
+		<span class="sg-label">
+			$db-color-re: $db-color-cool-gray-400 <br>
+			#878c96
+		</span>
+	</li>
+	<li>
+		RB
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #afb4bb"></span>
+		<span class="sg-label">
+			$db-color-rb: $db-color-cool-gray-300 <br>
+			#afb4bb
+		</span>
+	</li>
+	<li>
+		S-Bahn
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #408335"></span>
+		<span class="sg-label">
+			$db-color-s-bahn: $db-color-green-500 <br>
+			#408335
+		</span>
+	</li>
+	<li>
+		U-Bahn
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #1455c0"></span>
+		<span class="sg-label">
+			$db-color-u-bahn: $db-color-blue-500 <br>
+			#1455c0
+		</span>
+	</li>
+	<li>
+		Tram
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #a9455d"></span>
+		<span class="sg-label">
+			$db-color-tram: $db-color-burgundy-500 <br>
+			#a9455d
+		</span>
+	</li>
+	<li>
+		Intercity Bus
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #e93e8f"></span>
+		<span class="sg-label">
+			$db-color-intercity-bus: $db-color-pink-500 <br>
+			#e93e8f
+		</span>
+	</li>
+	<li>
+		Bus
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #814997"></span>
+		<span class="sg-label">
+			$db-color-bus: $db-color-violett-500 <br>
+			#814997
+		</span>
+	</li>
+	<li>
+		ship
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #309fd1"></span>
+		<span class="sg-label">
+			$db-color-ship: $db-color-cyan-500 <br>
+			#309fd1
+		</span>
+	</li>
+	<li>
+		plane
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #00a099"></span>
+		<span class="sg-label">
+			$db-color-plane: $db-color-turquoise-500 <br>
+			#00a099
+		</span>
+	</li>
+	<li>
+		taxi
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #ffd800"></span>
+		<span class="sg-label">
+			$db-color-taxi: $db-color-yellow-500 <br>
+			#ffd800
+		</span>
+	</li>
+	<li>
+		carsharing
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #f39200"></span>
+		<span class="sg-label">
+			$db-color-carsharing: $db-color-orange-500 <br>
+			#f39200
+		</span>
+	</li>
+	<li>
+		bikesharing
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #63a615"></span>
+		<span class="sg-label">
+			$db-color-bikesharing: $db-color-light-green-500 <br>
+			#63a615
+		</span>
+	</li>
+	<li>
+		walking
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #d7dce1"></span>
+		<span class="sg-label">
+			$db-color-walking: $db-color-cool-gray-200 <br>
+			#d7dce1
+		</span>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Transport","patternPartial":"base-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":50}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-base-icons" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/base-icons&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-base-icons">Icons</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>New iconset</h2>
+<p>The included iconset has been developed in cooperation with the Center of Excellence @ Personenverkehr and replaces the previous enterprise only icons. More information: <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Icons/Funktionale-Icons-Architektur-und-Fahrzeuge">https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Icons/Funktionale-Icons-Architektur-und-Fahrzeuge</a></p>
+<h2>Usage</h2>
+<p>You could use the icons either within your SCSS code as described below, which is the recommended approach.
+Alternatively you could also use the attribute based configuration.</p>
+<p>And we're additionally providing the icons as the sources (SVG) files as well.</p>
+<h3>Icon font</h3>
+<h4>Different glyphs</h4>
+<p>All of the available glyphs variables are shown on this page right next to the icon, with the SCSS and attribute based variables/values shown next to them.</p>
+<h4>SCSS (recommended)</h4>
+<h5>Icon for element</h5>
+<p>Use the following SCSS mixin for setting an icon:</p>
+<pre><code class="language-scss">// schema
+@mixin icon(
+  $glyph: &quot;&quot;,
+  $size: $icon-size,
+  $style: $icon-style,
+  $position: &quot;before&quot;
+);
+
+// example
+span.with-an-icon {
+  @include icon(glyph(account), 20, &quot;outline&quot;);
+}
+</code></pre>
+<p>As both <code>$icon-size</code> and <code>$icon-style</code> are available to get configured with default values, and <code>$position</code> is only a variant (explained in the next paragraph) only the first one is really mandatory.</p>
+<h6>Displaying the icon after text</h6>
+<p>If you'd like to include the icon after the text, set the last parameter to <code>after</code>.</p>
+<h6>Hiding the text next to an icon</h6>
+<p>In case of the need to display only the icon and hide the text next to it, use the following mixin:</p>
+<pre><code class="language-scss">@include is-icon-text-replace();
+</code></pre>
+<h4>Attribute based configuration</h4>
+<h5>Icon for element</h5>
+<p>Use the <code>data-icon</code> and <code>data-icon-variant</code> HTML attributes for setting an icon:</p>
+<pre><code class="language-html">&lt;a href=&quot;#&quot; data-icon=&quot;alarm&quot; data-icon-variant=&quot;24-outline&quot;&gt;Alarm&lt;/a&gt;
+</code></pre>
+<p>The <code>data-icon-variant</code> is an optional attribute, that you don't need to declare in case that you'd like to use the default icon size and style, that are defined by the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables (size: <code>24</code> and style: <code>outline</code> as defaults), that could obviously get overwritten by individual SCSS declarations; so you'll end up with a very simply definition when relying on the defaults:</p>
+<pre><code class="language-html">&lt;a href=&quot;#&quot; data-icon=&quot;alarm&quot;&gt;Alarm&lt;/a&gt;
+</code></pre>
+<p>Of course this icons definition does as well have an equivalent for icons after the content: <code>data-icon-variant-after</code></p>
+<h6>Displaying the icon after text</h6>
+<p>If you'd like to include the icon after the content/text, use the HTML attribute <code>data-icon-after</code> instead of <code>data-icon</code>, example:</p>
+<pre><code class="language-html">&lt;a
+  href=&quot;#&quot;
+  data-icon-after=&quot;alarm&quot;
+  data-icon-variant-after=&quot;24-outline&quot;
+  class=&quot;elm-link&quot;
+  &gt;Alarm&lt;/a
+&gt;
+</code></pre>
+<h6>Hiding the text next to an icon</h6>
+<p>In case of the need to display only the icon and hide the text next to it, use the following class:</p>
+<pre><code class="language-html">.is-icon-text-replace
+</code></pre>
+<h6>Tweaking icons <code>font-size</code></h6>
+<p>If you'd like to control the icons <code>font-size</code> any further (defining sizes in between all of the <code>data-icon-variant</code> declarations, like e.g. having an icon <code>font-size</code> of <code>23px</code> instead of <code>24px</code> when defining <code>data-icon-variant=&quot;24-outline&quot;</code>), you could set set one of the CSS variables <code>--icon-font-size-before</code> or <code>--icon-font-size-after</code> (in this case <code>--icon-font-size-before: 23px</code>).</p>
+<pre><code class="language-html">&lt;a
+  href=&quot;#&quot;
+  data-icon=&quot;alarm&quot;
+  data-icon-variant=&quot;24-outline&quot;
+  style=&quot;--icon-font-size-before: 23px&quot;
+  &gt;Alarm&lt;/a
+&gt;
+</code></pre>
+<h4>Further tweaking</h4>
+<h3>SVG files</h3>
+<p>As mentioned above we're even also providing all of the icon sources (<code>svg</code> files) within this package in the folder <code>node_modules/@db-ui/core/dist/icons/</code>.</p>
+<p>And we're enabling to change the colors for the <a href="https://db-ui.github.io/base/?p=viewall-icons-illustrative">illustrative icons</a> (&quot;pulse&quot; and icon itself) as well as the <a href="https://db-ui.github.io/base/?p=viewall-icons-functional">functional icons</a> (only the single-color icon), through the two following CSS variables / CSS custom properties, with their included default (second value):</p>
+<pre><code class="language-css">var(--db-icon-color, currentColor)
+var(--db-icon-pulse-color, #EC0016)
+</code></pre>
+<h2>Accessibility</h2>
+<p>Regarding accessibility icons are providing cognitive complementary visual support for sighted people (e.g. people with reading difficulties), as well as quick recognition of specific functionality and UX patterns like e.g. the bin/waste paper basket symbol for a delete action.</p>
+<p>On the other hand icons shouldn't get recognized and output by assistive technologies like screenreaders, as those glyphs or signs being used in case of an icon webfont don't necessarly provide a meaning - and on the other hand each icon being used on the page should always as well get included in conjunction with some textual description both as a fallback as well as providing some meaning even and especially if the icon itself doesn't provide a unique meaning on it's own (to all users idependently from their skill level/experience, culture, etc.).</p>
+<p>Additionally this pattern has been tested and approved regarding accessibility.</p>
+<h2>Inspirational external sources for this pattern</h2>
+<ul>
+<li><a href="https://spectrum.adobe.com/page/icons/">https://spectrum.adobe.com/page/icons/</a> &amp; <a href="https://spectrum.adobe.com/page/iconography/">https://spectrum.adobe.com/page/iconography/</a></li>
+</ul>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="base-icon-library" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library&#x2F;base-icons-icon-library.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library" title="Link to Pattern">
+						Icon Library
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library" data-patternpartial="base-icon-library" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"Icon Library","patternPartial":"base-icon-library","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-16-filled-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-16-filled-action&#x2F;base-icons-icon-library-16-filled-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-16-filled-action" title="Link to Pattern">
+						DB Icons 16x16 - Filled - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-16-filled-action" data-patternpartial="base-icon-library-16-filled-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-16-filled-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="check-circle" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-16-filled-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Filled - Action","patternPartial":"base-icon-library-16-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-16-filled-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-16-filled-navigation&#x2F;base-icons-icon-library-16-filled-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-16-filled-navigation" title="Link to Pattern">
+						DB Icons 16x16 - Filled - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-16-filled-navigation" data-patternpartial="base-icon-library-16-filled-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-16-filled-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-16-filled-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Filled - Navigation","patternPartial":"base-icon-library-16-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-16-filled-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-16-filled-notification&#x2F;base-icons-icon-library-16-filled-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-16-filled-notification" title="Link to Pattern">
+						DB Icons 16x16 - Filled - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-16-filled-notification" data-patternpartial="base-icon-library-16-filled-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-16-filled-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-16-filled-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Filled - Notification","patternPartial":"base-icon-library-16-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-16-outline-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-16-outline-action&#x2F;base-icons-icon-library-16-outline-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-16-outline-action" title="Link to Pattern">
+						DB Icons 16x16 - Outline - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-16-outline-action" data-patternpartial="base-icon-library-16-outline-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-16-outline-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="add" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="add" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="done" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-16-outline-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Outline - Action","patternPartial":"base-icon-library-16-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-16-outline-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-16-outline-navigation&#x2F;base-icons-icon-library-16-outline-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-16-outline-navigation" title="Link to Pattern">
+						DB Icons 16x16 - Outline - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-16-outline-navigation" data-patternpartial="base-icon-library-16-outline-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-16-outline-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="close" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-16-outline-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Outline - Navigation","patternPartial":"base-icon-library-16-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-action&#x2F;base-icons-icon-library-20-filled-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-action" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-action" data-patternpartial="base-icon-library-20-filled-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="account" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="block" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="build" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="copy" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="credit-card" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="dashboard" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="discount" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="edit" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="folder" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="folder-open" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="generic-card" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="image" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="lock-close" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="lock-open" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="print" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="resize" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="save" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="schedule" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="sepa" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="voucher" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Action","patternPartial":"base-icon-library-20-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-av&#x2F;base-icons-icon-library-20-filled-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-av" title="Link to Pattern">
+						DB Icons 20x20 - Filled - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-av" data-patternpartial="base-icon-library-20-filled-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="subtitles" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - AV","patternPartial":"base-icon-library-20-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-communication" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-communication&#x2F;base-icons-icon-library-20-filled-communication.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-communication" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Communication
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-communication" data-patternpartial="base-icon-library-20-filled-communication" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-communication">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="call" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="chat" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="conversation" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="feedback" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="question" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="receive-item" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="share-item" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-communication" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Communication","patternPartial":"base-icon-library-20-filled-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-feature" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-feature&#x2F;base-icons-icon-library-20-filled-feature.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-feature" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Feature
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-feature" data-patternpartial="base-icon-library-20-filled-feature" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-feature">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="day" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="day" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="hydrogen" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="marketplace" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="medical" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="night" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="platform" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="reservation" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-feature" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Feature","patternPartial":"base-icon-library-20-filled-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-food" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-food&#x2F;base-icons-icon-library-20-filled-food.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-food" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Food
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-food" data-patternpartial="base-icon-library-20-filled-food" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-food">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="coffee-cup" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-food" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Food","patternPartial":"base-icon-library-20-filled-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-it" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-it&#x2F;base-icons-icon-library-20-filled-it.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-it" title="Link to Pattern">
+						DB Icons 20x20 - Filled - IT
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-it" data-patternpartial="base-icon-library-20-filled-it" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-it">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-it" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - IT","patternPartial":"base-icon-library-20-filled-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-journey" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-journey&#x2F;base-icons-icon-library-20-filled-journey.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-journey" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Journey
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-journey" data-patternpartial="base-icon-library-20-filled-journey" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-journey">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="capacity-indicator" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="destination" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-journey" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Journey","patternPartial":"base-icon-library-20-filled-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-maps" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-maps&#x2F;base-icons-icon-library-20-filled-maps.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-maps" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Maps
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-maps" data-patternpartial="base-icon-library-20-filled-maps" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-maps">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="home" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="parking" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="place" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop-sign" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-maps" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Maps","patternPartial":"base-icon-library-20-filled-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-navigation&#x2F;base-icons-icon-library-20-filled-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-navigation" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-navigation" data-patternpartial="base-icon-library-20-filled-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="grid-view" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Navigation","patternPartial":"base-icon-library-20-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-notification&#x2F;base-icons-icon-library-20-filled-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-notification" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-notification" data-patternpartial="base-icon-library-20-filled-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Notification","patternPartial":"base-icon-library-20-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-ticket" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-ticket&#x2F;base-icons-icon-library-20-filled-ticket.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-ticket" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Ticket
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-ticket" data-patternpartial="base-icon-library-20-filled-ticket" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-ticket">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus-card" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bahncard" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-ticket" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Ticket","patternPartial":"base-icon-library-20-filled-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-transportation&#x2F;base-icons-icon-library-20-filled-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-transportation" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Transportation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-transportation" data-patternpartial="base-icon-library-20-filled-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Transportation","patternPartial":"base-icon-library-20-filled-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-action&#x2F;base-icons-icon-library-20-outline-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-action" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-action" data-patternpartial="base-icon-library-20-outline-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="account" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="add" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-link" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-link), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-link" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm-add" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm-add), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm-add" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="artificial-intelligence" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(artificial-intelligence), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="artificial-intelligence" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="attachment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(attachment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="attachment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="augmented-reality" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(augmented-reality), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="augmented-reality" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="block" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bug" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bug), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bug" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="build" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="calendar" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(calendar), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="calendar" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cash" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cash), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cash" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-download" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-download), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-download" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-upload" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-upload), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-upload" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="compass" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(compass), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="compass" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="copy" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="credit-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="dashboard" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="delete" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(delete), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="delete" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="discount" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="document" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-check" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-check), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-check" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-cross" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-cross), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-cross" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="done" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="download" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(download), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="download" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drag-and-drop" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drag-and-drop), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="drag-and-drop" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="edit" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="euro-sign" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(euro-sign), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="euro-sign" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-delighted" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-delighted), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-delighted" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-disappointed" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-disappointed), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-disappointed" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-neutral" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-neutral), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-neutral" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-sad" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-sad), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-sad" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-smiling" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-smiling), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-smiling" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="filter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(filter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="filter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fingerprint" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fingerprint), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fingerprint" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder-open" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="generic-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="giftcard" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(giftcard), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="giftcard" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing-disabled" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing-disabled), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing-disabled" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="id-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(id-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="id-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="image" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="key" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(key), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="key" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="legal" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(legal), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="legal" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lightbulb" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lightbulb), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="lightbulb" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-close" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-open" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="log-out" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(log-out), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="log-out" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="logbook" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logbook), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="logbook" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="piggybank" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(piggybank), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="piggybank" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="print" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pulse-wave" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pulse-wave), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="pulse-wave" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="push-button" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(push-button), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="push-button" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize-handle-corner" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize-handle-corner), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize-handle-corner" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="save" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="schedule" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="search" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(search), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="search" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="send" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(send), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="send" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sepa" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="settings" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(settings), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="settings" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="share" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart-disabled" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart-disabled), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart-disabled" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-horizontal" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-horizontal), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-horizontal" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-vertical" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-vertical), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-vertical" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="translation" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(translation), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="translation" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="undo" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(undo), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="undo" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="upload" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(upload), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="upload" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="voucher" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="website" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(website), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="website" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-in" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-in), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-in" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-out" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-out), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-out" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Action","patternPartial":"base-icon-library-20-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-av&#x2F;base-icons-icon-library-20-outline-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-av" title="Link to Pattern">
+						DB Icons 20x20 - Outline - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-av" data-patternpartial="base-icon-library-20-outline-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-10" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-10), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-10" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-30" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-30), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-30" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-empty" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-empty), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-empty" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-10" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-10), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-10" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-30" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-30), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-30" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-empty" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-empty), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-empty" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="subtitles" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-mute" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-mute), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-mute" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - AV","patternPartial":"base-icon-library-20-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-brand" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-brand&#x2F;base-icons-icon-library-20-outline-brand.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-brand" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Brand
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-brand" data-patternpartial="base-icon-library-20-outline-brand" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-brand">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-brand" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Brand","patternPartial":"base-icon-library-20-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-communication" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-communication&#x2F;base-icons-icon-library-20-outline-communication.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-communication" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Communication
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-communication" data-patternpartial="base-icon-library-20-outline-communication" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-communication">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="call" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="chat" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="conversation" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fax" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fax), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fax" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="feedback" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mail" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mail), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mail" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-phone" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-phone), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-phone" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="question" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="receive-item" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="share-item" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-communication" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Communication","patternPartial":"base-icon-library-20-outline-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-covid-19" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-covid-19&#x2F;base-icons-icon-library-20-outline-covid-19.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-covid-19" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Covid 19
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-covid-19" data-patternpartial="base-icon-library-20-outline-covid-19" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-covid-19">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="mask" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mask), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mask" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-covid-19" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Covid 19","patternPartial":"base-icon-library-20-outline-covid-19","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-facilities" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-facilities&#x2F;base-icons-icon-library-20-outline-facilities.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-facilities" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Facilities
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-facilities" data-patternpartial="base-icon-library-20-outline-facilities" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-facilities">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="playground" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(playground), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="playground" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restricted-mobility-toilet" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restricted-mobility-toilet), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="restricted-mobility-toilet" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-men" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-men), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-men" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-women" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-women), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-women" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sink" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sink), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sink" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-men" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-men), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-men" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-sign" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-sign), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-sign" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-woman" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-woman), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-woman" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-facilities" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Facilities","patternPartial":"base-icon-library-20-outline-facilities","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-feature" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-feature&#x2F;base-icons-icon-library-20-outline-feature.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-feature" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Feature
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-feature" data-patternpartial="base-icon-library-20-outline-feature" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-feature">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="air-condition" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(air-condition), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="air-condition" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="buggy" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(buggy), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="buggy" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="clothing-hanger" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(clothing-hanger), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="clothing-hanger" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="day" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="day" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dog" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dog), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="dog" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="entry-aid" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(entry-aid), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="entry-aid" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="environmental-mobility-check" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(environmental-mobility-check), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="environmental-mobility-check" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="hydrogen" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-compartment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-compartment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-compartment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-rack" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-rack), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-rack" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="marketplace" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="medical" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="night" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="no-smoking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(no-smoking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="no-smoking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-cane" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-cane), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-cane" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-rollator" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-rollator), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-rollator" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="platform" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="power-outlet" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(power-outlet), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="power-outlet" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="reservation" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="standing-room" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(standing-room), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="standing-room" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="steppless-entry" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(steppless-entry), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="steppless-entry" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="support-dog" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(support-dog), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="support-dog" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-feature" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Feature","patternPartial":"base-icon-library-20-outline-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-food" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-food&#x2F;base-icons-icon-library-20-outline-food.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-food" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Food
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-food" data-patternpartial="base-icon-library-20-outline-food" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-food">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="breakfast" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(breakfast), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="breakfast" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="coffee-cup" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drink" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drink), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="drink" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restaurant" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restaurant), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="restaurant" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-food" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Food","patternPartial":"base-icon-library-20-outline-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-it" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-it&#x2F;base-icons-icon-library-20-outline-it.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-it" title="Link to Pattern">
+						DB Icons 20x20 - Outline - IT
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-it" data-patternpartial="base-icon-library-20-outline-it" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-it">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-it" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - IT","patternPartial":"base-icon-library-20-outline-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-journey" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-journey&#x2F;base-icons-icon-library-20-outline-journey.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-journey" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Journey
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-journey" data-patternpartial="base-icon-library-20-outline-journey" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-journey">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="1st-class" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(1st-class), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="1st-class" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="2nd-class" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(2nd-class), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="2nd-class" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alternative-connection" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alternative-connection), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alternative-connection" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="booking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(booking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="booking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="destination" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intermediary-stop" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intermediary-stop), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="intermediary-stop" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mixed-class" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mixed-class), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mixed-class" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="round-trip" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(round-trip), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="round-trip" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="single-trip" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(single-trip), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="single-trip" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="start" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(start), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="start" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-journey" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Journey","patternPartial":"base-icon-library-20-outline-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-maps" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-maps&#x2F;base-icons-icon-library-20-outline-maps.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-maps" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Maps
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-maps" data-patternpartial="base-icon-library-20-outline-maps" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-maps">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="home" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="map" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(map), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="map" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-straight" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-straight), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-straight" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-left" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-left), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-left" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-right" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-right), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-right" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-u-turn" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-u-turn), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-u-turn" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop-sign" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="parking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="place" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="set-position" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(set-position), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="set-position" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="station" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(station), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="station" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-station" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-station), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-station" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-maps" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Maps","patternPartial":"base-icon-library-20-outline-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-navigation&#x2F;base-icons-icon-library-20-outline-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-navigation" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-navigation" data-patternpartial="base-icon-library-20-outline-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cancel" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="close" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen-exit" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen-exit), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen-exit" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="grid-view" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="link" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link-external" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link-external), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="link-external" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="list" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(list), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="list" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="menu" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(menu), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="menu" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-horizontal" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-horizontal), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-horizontal" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-vertical" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-vertical), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-vertical" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="refresh" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(refresh), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="refresh" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Navigation","patternPartial":"base-icon-library-20-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-notification&#x2F;base-icons-icon-library-20-outline-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-notification" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-notification" data-patternpartial="base-icon-library-20-outline-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify-cutoff" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify-cutoff), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify-cutoff" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Notification","patternPartial":"base-icon-library-20-outline-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-seat" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-seat&#x2F;base-icons-icon-library-20-outline-seat.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-seat" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Seat
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-seat" data-patternpartial="base-icon-library-20-outline-seat" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-seat">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="aisle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="aisle-not-available" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle-not-available), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle-not-available" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bed" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bed), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bed" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="childrens-compartment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(childrens-compartment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="childrens-compartment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="elderly" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(elderly), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="elderly" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handicapped" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handicapped), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="handicapped" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parent-child-compartment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parent-child-compartment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="parent-child-compartment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="quiet-zone" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(quiet-zone), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="quiet-zone" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="table" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(table), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="table" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="traveler-with-reduced-mobility" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(traveler-with-reduced-mobility), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="traveler-with-reduced-mobility" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="window" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(window), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="window" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-seat" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Seat","patternPartial":"base-icon-library-20-outline-seat","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-ticket" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-ticket&#x2F;base-icons-icon-library-20-outline-ticket.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-ticket" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Ticket
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-ticket" data-patternpartial="base-icon-library-20-outline-ticket" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-ticket">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahnbonus-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahncard" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="best-price" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(best-price), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="best-price" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="commuter-ticket" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(commuter-ticket), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="commuter-ticket" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-check" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-check), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-check" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-circle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-circle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-circle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-passenger" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-passenger), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-passenger" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="my-travel" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(my-travel), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="my-travel" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="outward-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(outward-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="outward-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code-scan" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code-scan), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code-scan" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="return-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(return-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="return-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-discount" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-discount), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-discount" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-multiple" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-multiple), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-multiple" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-subscription" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-subscription), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-subscription" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-outward-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-outward-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-outward-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-return-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-return-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-return-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="timetable" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(timetable), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="timetable" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="travel-insurance" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(travel-insurance), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="travel-insurance" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-ticket" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Ticket","patternPartial":"base-icon-library-20-outline-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-transportation&#x2F;base-icons-icon-library-20-outline-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-transportation" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Transportation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-transportation" data-patternpartial="base-icon-library-20-outline-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car-sequence" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car-sequence), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="car-sequence" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-bus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-bus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-bus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-train" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-train), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-train" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice-side-view" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice-side-view), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice-side-view" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="rail-and-fly" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(rail-and-fly), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="rail-and-fly" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="railroad-car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(railroad-car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="railroad-car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sev" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sev), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sev" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sprinter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sprinter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sprinter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Transportation","patternPartial":"base-icon-library-20-outline-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-action&#x2F;base-icons-icon-library-24-filled-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-action" title="Link to Pattern">
+						DB Icons 24x24 - Filled - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-action" data-patternpartial="base-icon-library-24-filled-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="add-circle" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle))</code> or <code>@include icon(glyph(add-circle), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="add-circle"</code> or <code>data-icon="add-circle" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert))</code> or <code>@include icon(glyph(alert), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="alert"</code> or <code>data-icon="alert" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark))</code> or <code>@include icon(glyph(bookmark), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="bookmark"</code> or <code>data-icon="bookmark" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera))</code> or <code>@include icon(glyph(camera), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="camera"</code> or <code>data-icon="camera" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle))</code> or <code>@include icon(glyph(check-circle), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle"</code> or <code>data-icon="check-circle" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud))</code> or <code>@include icon(glyph(cloud), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="cloud"</code> or <code>data-icon="cloud" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart))</code> or <code>@include icon(glyph(heart), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="heart"</code> or <code>data-icon="heart" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help))</code> or <code>@include icon(glyph(help), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="help"</code> or <code>data-icon="help" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info))</code> or <code>@include icon(glyph(info), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="info"</code> or <code>data-icon="info" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin))</code> or <code>@include icon(glyph(pin), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="pin"</code> or <code>data-icon="pin" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove))</code> or <code>@include icon(glyph(remove), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="remove"</code> or <code>data-icon="remove" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star))</code> or <code>@include icon(glyph(star), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="star"</code> or <code>data-icon="star" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Action","patternPartial":"base-icon-library-24-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-av&#x2F;base-icons-icon-library-24-filled-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-av" title="Link to Pattern">
+						DB Icons 24x24 - Filled - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-av" data-patternpartial="base-icon-library-24-filled-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward))</code> or <code>@include icon(glyph(fast-backward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward"</code> or <code>data-icon="fast-backward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward))</code> or <code>@include icon(glyph(fast-forward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward"</code> or <code>data-icon="fast-forward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone))</code> or <code>@include icon(glyph(microphone), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="microphone"</code> or <code>data-icon="microphone" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play))</code> or <code>@include icon(glyph(play), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="play"</code> or <code>data-icon="play" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward))</code> or <code>@include icon(glyph(skip-backward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward"</code> or <code>data-icon="skip-backward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward))</code> or <code>@include icon(glyph(skip-forward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward"</code> or <code>data-icon="skip-forward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop))</code> or <code>@include icon(glyph(stop), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop"</code> or <code>data-icon="stop" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - AV","patternPartial":"base-icon-library-24-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-journey" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-journey&#x2F;base-icons-icon-library-24-filled-journey.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-journey" title="Link to Pattern">
+						DB Icons 24x24 - Filled - Journey
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-journey" data-patternpartial="base-icon-library-24-filled-journey" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-journey">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="capacity-indicator" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator))</code> or <code>@include icon(glyph(capacity-indicator), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator"</code> or <code>data-icon="capacity-indicator" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked))</code> or <code>@include icon(glyph(capacity-indicator-fully-booked), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked"</code> or <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high))</code> or <code>@include icon(glyph(capacity-indicator-high), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high"</code> or <code>data-icon="capacity-indicator-high" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low))</code> or <code>@include icon(glyph(capacity-indicator-low), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low"</code> or <code>data-icon="capacity-indicator-low" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination))</code> or <code>@include icon(glyph(destination), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="destination"</code> or <code>data-icon="destination" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-journey" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Journey","patternPartial":"base-icon-library-24-filled-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-maps" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-maps&#x2F;base-icons-icon-library-24-filled-maps.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-maps" title="Link to Pattern">
+						DB Icons 24x24 - Filled - Maps
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-maps" data-patternpartial="base-icon-library-24-filled-maps" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-maps">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps))</code> or <code>@include icon(glyph(gps), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps"</code> or <code>data-icon="gps" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north))</code> or <code>@include icon(glyph(gps-north), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps-north"</code> or <code>data-icon="gps-north" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-maps" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Maps","patternPartial":"base-icon-library-24-filled-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-navigation&#x2F;base-icons-icon-library-24-filled-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-navigation" title="Link to Pattern">
+						DB Icons 24x24 - Filled - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-navigation" data-patternpartial="base-icon-library-24-filled-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel))</code> or <code>@include icon(glyph(cancel), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel"</code> or <code>data-icon="cancel" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Navigation","patternPartial":"base-icon-library-24-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-notification&#x2F;base-icons-icon-library-24-filled-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-notification" title="Link to Pattern">
+						DB Icons 24x24 - Filled - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-notification" data-patternpartial="base-icon-library-24-filled-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error))</code> or <code>@include icon(glyph(error), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="error"</code> or <code>data-icon="error" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning))</code> or <code>@include icon(glyph(warning), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning"</code> or <code>data-icon="warning" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Notification","patternPartial":"base-icon-library-24-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-transportation&#x2F;base-icons-icon-library-24-filled-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-transportation" title="Link to Pattern">
+						DB Icons 24x24 - Filled - Transportation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-transportation" data-patternpartial="base-icon-library-24-filled-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane))</code> or <code>@include icon(glyph(airplane), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="airplane"</code> or <code>data-icon="airplane" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle))</code> or <code>@include icon(glyph(bicycle), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle"</code> or <code>data-icon="bicycle" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer))</code> or <code>@include icon(glyph(bicycle-trailer), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer"</code> or <code>data-icon="bicycle-trailer" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike))</code> or <code>@include icon(glyph(call-a-bike), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike"</code> or <code>data-icon="call-a-bike" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car))</code> or <code>@include icon(glyph(car), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="car"</code> or <code>data-icon="car" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing))</code> or <code>@include icon(glyph(carsharing), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="carsharing"</code> or <code>data-icon="carsharing" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive))</code> or <code>@include icon(glyph(electric-locomotive), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive"</code> or <code>data-icon="electric-locomotive" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter))</code> or <code>@include icon(glyph(electric-scooter), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter"</code> or <code>data-icon="electric-scooter" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car))</code> or <code>@include icon(glyph(ev-car), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="ev-car"</code> or <code>data-icon="ev-car" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry))</code> or <code>@include icon(glyph(ferry), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="ferry"</code> or <code>data-icon="ferry" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart))</code> or <code>@include icon(glyph(handcart), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="handcart"</code> or <code>data-icon="handcart" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice))</code> or <code>@include icon(glyph(ice), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="ice"</code> or <code>data-icon="ice" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train))</code> or <code>@include icon(glyph(intercity-train), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="intercity-train"</code> or <code>data-icon="intercity-train" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus))</code> or <code>@include icon(glyph(local-bus), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-bus"</code> or <code>data-icon="local-bus" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus))</code> or <code>@include icon(glyph(long-distance-bus), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus"</code> or <code>data-icon="long-distance-bus" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train))</code> or <code>@include icon(glyph(local-train), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-train"</code> or <code>data-icon="local-train" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn))</code> or <code>@include icon(glyph(s-bahn), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="s-bahn"</code> or <code>data-icon="s-bahn" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter))</code> or <code>@include icon(glyph(scooter), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="scooter"</code> or <code>data-icon="scooter" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat))</code> or <code>@include icon(glyph(speedboat), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="speedboat"</code> or <code>data-icon="speedboat" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway))</code> or <code>@include icon(glyph(subway), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="subway"</code> or <code>data-icon="subway" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi))</code> or <code>@include icon(glyph(taxi), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="taxi"</code> or <code>data-icon="taxi" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car))</code> or <code>@include icon(glyph(train-and-car), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="train-and-car"</code> or <code>data-icon="train-and-car" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram))</code> or <code>@include icon(glyph(tram), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="tram"</code> or <code>data-icon="tram" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking))</code> or <code>@include icon(glyph(walking), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking"</code> or <code>data-icon="walking" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast))</code> or <code>@include icon(glyph(walking-fast), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking-fast"</code> or <code>data-icon="walking-fast" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Transportation","patternPartial":"base-icon-library-24-filled-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-action&#x2F;base-icons-icon-library-24-outline-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-action" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-action" data-patternpartial="base-icon-library-24-outline-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account))</code> or <code>@include icon(glyph(account), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="account"</code> or <code>data-icon="account" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add))</code> or <code>@include icon(glyph(add), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="add"</code> or <code>data-icon="add" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle))</code> or <code>@include icon(glyph(add-circle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-circle"</code> or <code>data-icon="add-circle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-link" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-link))</code> or <code>@include icon(glyph(add-link), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-link"</code> or <code>data-icon="add-link" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm))</code> or <code>@include icon(glyph(alarm), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm"</code> or <code>data-icon="alarm" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm-add" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm-add))</code> or <code>@include icon(glyph(alarm-add), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm-add"</code> or <code>data-icon="alarm-add" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert))</code> or <code>@include icon(glyph(alert), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert"</code> or <code>data-icon="alert" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert-off))</code> or <code>@include icon(glyph(alert-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert-off"</code> or <code>data-icon="alert-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="artificial-intelligence" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(artificial-intelligence))</code> or <code>@include icon(glyph(artificial-intelligence), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="artificial-intelligence"</code> or <code>data-icon="artificial-intelligence" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="attachment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(attachment))</code> or <code>@include icon(glyph(attachment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="attachment"</code> or <code>data-icon="attachment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="augmented-reality" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(augmented-reality))</code> or <code>@include icon(glyph(augmented-reality), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="augmented-reality"</code> or <code>data-icon="augmented-reality" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block))</code> or <code>@include icon(glyph(block), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="block"</code> or <code>data-icon="block" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark))</code> or <code>@include icon(glyph(bookmark), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bookmark"</code> or <code>data-icon="bookmark" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bug" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bug))</code> or <code>@include icon(glyph(bug), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bug"</code> or <code>data-icon="bug" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build))</code> or <code>@include icon(glyph(build), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="build"</code> or <code>data-icon="build" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="calendar" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(calendar))</code> or <code>@include icon(glyph(calendar), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="calendar"</code> or <code>data-icon="calendar" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera))</code> or <code>@include icon(glyph(camera), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="camera"</code> or <code>data-icon="camera" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cash" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cash))</code> or <code>@include icon(glyph(cash), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cash"</code> or <code>data-icon="cash" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle))</code> or <code>@include icon(glyph(check-circle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="check-circle"</code> or <code>data-icon="check-circle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud))</code> or <code>@include icon(glyph(cloud), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud"</code> or <code>data-icon="cloud" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-download" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-download))</code> or <code>@include icon(glyph(cloud-download), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-download"</code> or <code>data-icon="cloud-download" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-upload" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-upload))</code> or <code>@include icon(glyph(cloud-upload), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-upload"</code> or <code>data-icon="cloud-upload" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="compass" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(compass))</code> or <code>@include icon(glyph(compass), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="compass"</code> or <code>data-icon="compass" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy))</code> or <code>@include icon(glyph(copy), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="copy"</code> or <code>data-icon="copy" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card))</code> or <code>@include icon(glyph(credit-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="credit-card"</code> or <code>data-icon="credit-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard))</code> or <code>@include icon(glyph(dashboard), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="dashboard"</code> or <code>data-icon="dashboard" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="delete" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(delete))</code> or <code>@include icon(glyph(delete), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="delete"</code> or <code>data-icon="delete" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount))</code> or <code>@include icon(glyph(discount), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="discount"</code> or <code>data-icon="discount" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document))</code> or <code>@include icon(glyph(document), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="document"</code> or <code>data-icon="document" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-check" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-check))</code> or <code>@include icon(glyph(document-check), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-check"</code> or <code>data-icon="document-check" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-cross" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-cross))</code> or <code>@include icon(glyph(document-cross), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-cross"</code> or <code>data-icon="document-cross" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done))</code> or <code>@include icon(glyph(done), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="done"</code> or <code>data-icon="done" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="download" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(download))</code> or <code>@include icon(glyph(download), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="download"</code> or <code>data-icon="download" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drag-and-drop" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drag-and-drop))</code> or <code>@include icon(glyph(drag-and-drop), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="drag-and-drop"</code> or <code>data-icon="drag-and-drop" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit))</code> or <code>@include icon(glyph(edit), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="edit"</code> or <code>data-icon="edit" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="euro-sign" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(euro-sign))</code> or <code>@include icon(glyph(euro-sign), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="euro-sign"</code> or <code>data-icon="euro-sign" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-delighted" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-delighted))</code> or <code>@include icon(glyph(face-delighted), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-delighted"</code> or <code>data-icon="face-delighted" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-disappointed" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-disappointed))</code> or <code>@include icon(glyph(face-disappointed), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-disappointed"</code> or <code>data-icon="face-disappointed" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-neutral" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-neutral))</code> or <code>@include icon(glyph(face-neutral), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-neutral"</code> or <code>data-icon="face-neutral" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-sad" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-sad))</code> or <code>@include icon(glyph(face-sad), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-sad"</code> or <code>data-icon="face-sad" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-smiling" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-smiling))</code> or <code>@include icon(glyph(face-smiling), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-smiling"</code> or <code>data-icon="face-smiling" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="filter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(filter))</code> or <code>@include icon(glyph(filter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="filter"</code> or <code>data-icon="filter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fingerprint" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fingerprint))</code> or <code>@include icon(glyph(fingerprint), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fingerprint"</code> or <code>data-icon="fingerprint" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder))</code> or <code>@include icon(glyph(folder), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder"</code> or <code>data-icon="folder" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open))</code> or <code>@include icon(glyph(folder-open), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder-open"</code> or <code>data-icon="folder-open" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card))</code> or <code>@include icon(glyph(generic-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="generic-card"</code> or <code>data-icon="generic-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="giftcard" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(giftcard))</code> or <code>@include icon(glyph(giftcard), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="giftcard"</code> or <code>data-icon="giftcard" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing))</code> or <code>@include icon(glyph(hearing), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing"</code> or <code>data-icon="hearing" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing-disabled" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing-disabled))</code> or <code>@include icon(glyph(hearing-disabled), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing-disabled"</code> or <code>data-icon="hearing-disabled" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart))</code> or <code>@include icon(glyph(heart), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="heart"</code> or <code>data-icon="heart" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help))</code> or <code>@include icon(glyph(help), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="help"</code> or <code>data-icon="help" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="id-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(id-card))</code> or <code>@include icon(glyph(id-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="id-card"</code> or <code>data-icon="id-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image))</code> or <code>@include icon(glyph(image), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="image"</code> or <code>data-icon="image" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info))</code> or <code>@include icon(glyph(info), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="info"</code> or <code>data-icon="info" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="key" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(key))</code> or <code>@include icon(glyph(key), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="key"</code> or <code>data-icon="key" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="legal" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(legal))</code> or <code>@include icon(glyph(legal), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="legal"</code> or <code>data-icon="legal" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lightbulb" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lightbulb))</code> or <code>@include icon(glyph(lightbulb), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="lightbulb"</code> or <code>data-icon="lightbulb" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close))</code> or <code>@include icon(glyph(lock-close), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-close"</code> or <code>data-icon="lock-close" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open))</code> or <code>@include icon(glyph(lock-open), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-open"</code> or <code>data-icon="lock-open" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="log-out" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(log-out))</code> or <code>@include icon(glyph(log-out), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="log-out"</code> or <code>data-icon="log-out" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="logbook" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logbook))</code> or <code>@include icon(glyph(logbook), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="logbook"</code> or <code>data-icon="logbook" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus))</code> or <code>@include icon(glyph(minus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus"</code> or <code>data-icon="minus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="piggybank" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(piggybank))</code> or <code>@include icon(glyph(piggybank), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="piggybank"</code> or <code>data-icon="piggybank" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin))</code> or <code>@include icon(glyph(pin), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="pin"</code> or <code>data-icon="pin" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print))</code> or <code>@include icon(glyph(print), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="print"</code> or <code>data-icon="print" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pulse-wave" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pulse-wave))</code> or <code>@include icon(glyph(pulse-wave), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="pulse-wave"</code> or <code>data-icon="pulse-wave" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="push-button" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(push-button))</code> or <code>@include icon(glyph(push-button), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="push-button"</code> or <code>data-icon="push-button" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove))</code> or <code>@include icon(glyph(remove), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="remove"</code> or <code>data-icon="remove" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize))</code> or <code>@include icon(glyph(resize), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize"</code> or <code>data-icon="resize" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize-handle-corner" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize-handle-corner))</code> or <code>@include icon(glyph(resize-handle-corner), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize-handle-corner"</code> or <code>data-icon="resize-handle-corner" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save))</code> or <code>@include icon(glyph(save), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="save"</code> or <code>data-icon="save" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule))</code> or <code>@include icon(glyph(schedule), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="schedule"</code> or <code>data-icon="schedule" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="search" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(search))</code> or <code>@include icon(glyph(search), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="search"</code> or <code>data-icon="search" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="send" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(send))</code> or <code>@include icon(glyph(send), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="send"</code> or <code>data-icon="send" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa))</code> or <code>@include icon(glyph(sepa), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sepa"</code> or <code>data-icon="sepa" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="settings" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(settings))</code> or <code>@include icon(glyph(settings), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="settings"</code> or <code>data-icon="settings" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share))</code> or <code>@include icon(glyph(share), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="share"</code> or <code>data-icon="share" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag))</code> or <code>@include icon(glyph(shopping-bag), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag"</code> or <code>data-icon="shopping-bag" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket))</code> or <code>@include icon(glyph(shopping-basket), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket"</code> or <code>data-icon="shopping-basket" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled))</code> or <code>@include icon(glyph(shopping-basket-disabled), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled"</code> or <code>data-icon="shopping-basket-disabled" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart))</code> or <code>@include icon(glyph(shopping-cart), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart"</code> or <code>data-icon="shopping-cart" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart-disabled" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart-disabled))</code> or <code>@include icon(glyph(shopping-cart-disabled), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart-disabled"</code> or <code>data-icon="shopping-cart-disabled" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-down))</code> or <code>@include icon(glyph(sort-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-down"</code> or <code>data-icon="sort-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-up))</code> or <code>@include icon(glyph(sort-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-up"</code> or <code>data-icon="sort-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star))</code> or <code>@include icon(glyph(star), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="star"</code> or <code>data-icon="star" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-horizontal" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-horizontal))</code> or <code>@include icon(glyph(swap-horizontal), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-horizontal"</code> or <code>data-icon="swap-horizontal" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-vertical" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-vertical))</code> or <code>@include icon(glyph(swap-vertical), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-vertical"</code> or <code>data-icon="swap-vertical" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up))</code> or <code>@include icon(glyph(thumb-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up"</code> or <code>data-icon="thumb-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up-down))</code> or <code>@include icon(glyph(thumb-up-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up-down"</code> or <code>data-icon="thumb-up-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="translation" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(translation))</code> or <code>@include icon(glyph(translation), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="translation"</code> or <code>data-icon="translation" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="undo" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(undo))</code> or <code>@include icon(glyph(undo), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="undo"</code> or <code>data-icon="undo" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="upload" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(upload))</code> or <code>@include icon(glyph(upload), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="upload"</code> or <code>data-icon="upload" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility))</code> or <code>@include icon(glyph(visibility), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility"</code> or <code>data-icon="visibility" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility-off))</code> or <code>@include icon(glyph(visibility-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility-off"</code> or <code>data-icon="visibility-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher))</code> or <code>@include icon(glyph(voucher), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="voucher"</code> or <code>data-icon="voucher" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="website" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(website))</code> or <code>@include icon(glyph(website), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="website"</code> or <code>data-icon="website" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-in" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-in))</code> or <code>@include icon(glyph(zoom-in), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-in"</code> or <code>data-icon="zoom-in" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-out" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-out))</code> or <code>@include icon(glyph(zoom-out), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-out"</code> or <code>data-icon="zoom-out" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Action","patternPartial":"base-icon-library-24-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-av&#x2F;base-icons-icon-library-24-outline-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-av" title="Link to Pattern">
+						DB Icons 24x24 - Outline - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-av" data-patternpartial="base-icon-library-24-outline-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward))</code> or <code>@include icon(glyph(fast-backward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward"</code> or <code>data-icon="fast-backward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-10" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-10))</code> or <code>@include icon(glyph(fast-backward-10), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-10"</code> or <code>data-icon="fast-backward-10" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-30" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-30))</code> or <code>@include icon(glyph(fast-backward-30), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-30"</code> or <code>data-icon="fast-backward-30" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-empty" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-empty))</code> or <code>@include icon(glyph(fast-backward-empty), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-empty"</code> or <code>data-icon="fast-backward-empty" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward))</code> or <code>@include icon(glyph(fast-forward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward"</code> or <code>data-icon="fast-forward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-10" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-10))</code> or <code>@include icon(glyph(fast-forward-10), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-10"</code> or <code>data-icon="fast-forward-10" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-30" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-30))</code> or <code>@include icon(glyph(fast-forward-30), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-30"</code> or <code>data-icon="fast-forward-30" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-empty" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-empty))</code> or <code>@include icon(glyph(fast-forward-empty), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-empty"</code> or <code>data-icon="fast-forward-empty" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone))</code> or <code>@include icon(glyph(microphone), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="microphone"</code> or <code>data-icon="microphone" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause))</code> or <code>@include icon(glyph(pause), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause"</code> or <code>data-icon="pause" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play))</code> or <code>@include icon(glyph(play), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="play"</code> or <code>data-icon="play" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward))</code> or <code>@include icon(glyph(skip-backward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward"</code> or <code>data-icon="skip-backward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward))</code> or <code>@include icon(glyph(skip-forward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward"</code> or <code>data-icon="skip-forward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop))</code> or <code>@include icon(glyph(stop), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop"</code> or <code>data-icon="stop" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles))</code> or <code>@include icon(glyph(subtitles), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="subtitles"</code> or <code>data-icon="subtitles" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-down))</code> or <code>@include icon(glyph(volume-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-down"</code> or <code>data-icon="volume-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-mute" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-mute))</code> or <code>@include icon(glyph(volume-mute), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-mute"</code> or <code>data-icon="volume-mute" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-off))</code> or <code>@include icon(glyph(volume-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-off"</code> or <code>data-icon="volume-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-up))</code> or <code>@include icon(glyph(volume-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-up"</code> or <code>data-icon="volume-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - AV","patternPartial":"base-icon-library-24-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-brand" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-brand&#x2F;base-icons-icon-library-24-outline-brand.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-brand" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Brand
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-brand" data-patternpartial="base-icon-library-24-outline-brand" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-brand">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo))</code> or <code>@include icon(glyph(logo), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo"</code> or <code>data-icon="logo" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-brand" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Brand","patternPartial":"base-icon-library-24-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-communication" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-communication&#x2F;base-icons-icon-library-24-outline-communication.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-communication" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Communication
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-communication" data-patternpartial="base-icon-library-24-outline-communication" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-communication">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call))</code> or <code>@include icon(glyph(call), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="call"</code> or <code>data-icon="call" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat))</code> or <code>@include icon(glyph(chat), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="chat"</code> or <code>data-icon="chat" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation))</code> or <code>@include icon(glyph(conversation), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="conversation"</code> or <code>data-icon="conversation" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fax" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fax))</code> or <code>@include icon(glyph(fax), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fax"</code> or <code>data-icon="fax" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback))</code> or <code>@include icon(glyph(feedback), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="feedback"</code> or <code>data-icon="feedback" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mail" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mail))</code> or <code>@include icon(glyph(mail), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mail"</code> or <code>data-icon="mail" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-phone" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-phone))</code> or <code>@include icon(glyph(mobile-phone), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-phone"</code> or <code>data-icon="mobile-phone" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-off))</code> or <code>@include icon(glyph(mobile-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-off"</code> or <code>data-icon="mobile-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question))</code> or <code>@include icon(glyph(question), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="question"</code> or <code>data-icon="question" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item))</code> or <code>@include icon(glyph(receive-item), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="receive-item"</code> or <code>data-icon="receive-item" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item))</code> or <code>@include icon(glyph(share-item), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="share-item"</code> or <code>data-icon="share-item" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi))</code> or <code>@include icon(glyph(wifi), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi"</code> or <code>data-icon="wifi" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi-off))</code> or <code>@include icon(glyph(wifi-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi-off"</code> or <code>data-icon="wifi-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-communication" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Communication","patternPartial":"base-icon-library-24-outline-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-covid-19" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-covid-19&#x2F;base-icons-icon-library-24-outline-covid-19.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-covid-19" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Covid 19
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-covid-19" data-patternpartial="base-icon-library-24-outline-covid-19" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-covid-19">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="mask" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mask))</code> or <code>@include icon(glyph(mask), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mask"</code> or <code>data-icon="mask" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-covid-19" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Covid 19","patternPartial":"base-icon-library-24-outline-covid-19","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-facilities" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-facilities&#x2F;base-icons-icon-library-24-outline-facilities.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-facilities" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Facilities
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-facilities" data-patternpartial="base-icon-library-24-outline-facilities" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-facilities">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="playground" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(playground))</code> or <code>@include icon(glyph(playground), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="playground"</code> or <code>data-icon="playground" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restricted-mobility-toilet" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restricted-mobility-toilet))</code> or <code>@include icon(glyph(restricted-mobility-toilet), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="restricted-mobility-toilet"</code> or <code>data-icon="restricted-mobility-toilet" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower))</code> or <code>@include icon(glyph(shower), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower"</code> or <code>data-icon="shower" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-men" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-men))</code> or <code>@include icon(glyph(shower-men), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-men"</code> or <code>data-icon="shower-men" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-women" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-women))</code> or <code>@include icon(glyph(shower-women), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-women"</code> or <code>data-icon="shower-women" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sink" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sink))</code> or <code>@include icon(glyph(sink), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sink"</code> or <code>data-icon="sink" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc))</code> or <code>@include icon(glyph(wc), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc"</code> or <code>data-icon="wc" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-men" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-men))</code> or <code>@include icon(glyph(wc-men), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-men"</code> or <code>data-icon="wc-men" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-sign" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-sign))</code> or <code>@include icon(glyph(wc-sign), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-sign"</code> or <code>data-icon="wc-sign" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-woman" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-woman))</code> or <code>@include icon(glyph(wc-woman), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-woman"</code> or <code>data-icon="wc-woman" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-facilities" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Facilities","patternPartial":"base-icon-library-24-outline-facilities","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-feature" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-feature&#x2F;base-icons-icon-library-24-outline-feature.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-feature" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Feature
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-feature" data-patternpartial="base-icon-library-24-outline-feature" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-feature">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="air-condition" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(air-condition))</code> or <code>@include icon(glyph(air-condition), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="air-condition"</code> or <code>data-icon="air-condition" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="buggy" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(buggy))</code> or <code>@include icon(glyph(buggy), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="buggy"</code> or <code>data-icon="buggy" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="clothing-hanger" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(clothing-hanger))</code> or <code>@include icon(glyph(clothing-hanger), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="clothing-hanger"</code> or <code>data-icon="clothing-hanger" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="day" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day))</code> or <code>@include icon(glyph(day), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="day"</code> or <code>data-icon="day" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dog" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dog))</code> or <code>@include icon(glyph(dog), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="dog"</code> or <code>data-icon="dog" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="entry-aid" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(entry-aid))</code> or <code>@include icon(glyph(entry-aid), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="entry-aid"</code> or <code>data-icon="entry-aid" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="environmental-mobility-check" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(environmental-mobility-check))</code> or <code>@include icon(glyph(environmental-mobility-check), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="environmental-mobility-check"</code> or <code>data-icon="environmental-mobility-check" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen))</code> or <code>@include icon(glyph(hydrogen), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="hydrogen"</code> or <code>data-icon="hydrogen" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-compartment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-compartment))</code> or <code>@include icon(glyph(luggage-compartment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-compartment"</code> or <code>data-icon="luggage-compartment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-rack" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-rack))</code> or <code>@include icon(glyph(luggage-rack), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-rack"</code> or <code>data-icon="luggage-rack" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace))</code> or <code>@include icon(glyph(marketplace), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="marketplace"</code> or <code>data-icon="marketplace" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical))</code> or <code>@include icon(glyph(medical), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="medical"</code> or <code>data-icon="medical" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night))</code> or <code>@include icon(glyph(night), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="night"</code> or <code>data-icon="night" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="no-smoking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(no-smoking))</code> or <code>@include icon(glyph(no-smoking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="no-smoking"</code> or <code>data-icon="no-smoking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-cane" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-cane))</code> or <code>@include icon(glyph(person-with-cane), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-cane"</code> or <code>data-icon="person-with-cane" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-rollator" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-rollator))</code> or <code>@include icon(glyph(person-with-rollator), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-rollator"</code> or <code>data-icon="person-with-rollator" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform))</code> or <code>@include icon(glyph(platform), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="platform"</code> or <code>data-icon="platform" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="power-outlet" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(power-outlet))</code> or <code>@include icon(glyph(power-outlet), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="power-outlet"</code> or <code>data-icon="power-outlet" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation))</code> or <code>@include icon(glyph(reservation), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="reservation"</code> or <code>data-icon="reservation" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="standing-room" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(standing-room))</code> or <code>@include icon(glyph(standing-room), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="standing-room"</code> or <code>data-icon="standing-room" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="steppless-entry" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(steppless-entry))</code> or <code>@include icon(glyph(steppless-entry), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="steppless-entry"</code> or <code>data-icon="steppless-entry" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="support-dog" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(support-dog))</code> or <code>@include icon(glyph(support-dog), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="support-dog"</code> or <code>data-icon="support-dog" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-feature" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Feature","patternPartial":"base-icon-library-24-outline-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-food" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-food&#x2F;base-icons-icon-library-24-outline-food.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-food" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Food
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-food" data-patternpartial="base-icon-library-24-outline-food" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-food">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="breakfast" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(breakfast))</code> or <code>@include icon(glyph(breakfast), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="breakfast"</code> or <code>data-icon="breakfast" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="coffee-cup" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup))</code> or <code>@include icon(glyph(coffee-cup), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup"</code> or <code>data-icon="coffee-cup" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drink" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drink))</code> or <code>@include icon(glyph(drink), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="drink"</code> or <code>data-icon="drink" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restaurant" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restaurant))</code> or <code>@include icon(glyph(restaurant), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="restaurant"</code> or <code>data-icon="restaurant" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-food" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Food","patternPartial":"base-icon-library-24-outline-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-it" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-it&#x2F;base-icons-icon-library-24-outline-it.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-it" title="Link to Pattern">
+						DB Icons 24x24 - Outline - IT
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-it" data-patternpartial="base-icon-library-24-outline-it" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-it">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-it" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - IT","patternPartial":"base-icon-library-24-outline-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-journey" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-journey&#x2F;base-icons-icon-library-24-outline-journey.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-journey" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Journey
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-journey" data-patternpartial="base-icon-library-24-outline-journey" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-journey">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="1st-class" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(1st-class))</code> or <code>@include icon(glyph(1st-class), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="1st-class"</code> or <code>data-icon="1st-class" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="2nd-class" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(2nd-class))</code> or <code>@include icon(glyph(2nd-class), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="2nd-class"</code> or <code>data-icon="2nd-class" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alternative-connection" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alternative-connection))</code> or <code>@include icon(glyph(alternative-connection), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alternative-connection"</code> or <code>data-icon="alternative-connection" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="booking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(booking))</code> or <code>@include icon(glyph(booking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="booking"</code> or <code>data-icon="booking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator))</code> or <code>@include icon(glyph(capacity-indicator), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator"</code> or <code>data-icon="capacity-indicator" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked))</code> or <code>@include icon(glyph(capacity-indicator-fully-booked), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked"</code> or <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high))</code> or <code>@include icon(glyph(capacity-indicator-high), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high"</code> or <code>data-icon="capacity-indicator-high" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low))</code> or <code>@include icon(glyph(capacity-indicator-low), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low"</code> or <code>data-icon="capacity-indicator-low" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination))</code> or <code>@include icon(glyph(destination), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="destination"</code> or <code>data-icon="destination" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intermediary-stop" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intermediary-stop))</code> or <code>@include icon(glyph(intermediary-stop), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="intermediary-stop"</code> or <code>data-icon="intermediary-stop" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mixed-class" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mixed-class))</code> or <code>@include icon(glyph(mixed-class), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mixed-class"</code> or <code>data-icon="mixed-class" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="round-trip" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(round-trip))</code> or <code>@include icon(glyph(round-trip), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="round-trip"</code> or <code>data-icon="round-trip" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="single-trip" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(single-trip))</code> or <code>@include icon(glyph(single-trip), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="single-trip"</code> or <code>data-icon="single-trip" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="start" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(start))</code> or <code>@include icon(glyph(start), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="start"</code> or <code>data-icon="start" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-journey" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Journey","patternPartial":"base-icon-library-24-outline-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-maps" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-maps&#x2F;base-icons-icon-library-24-outline-maps.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-maps" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Maps
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-maps" data-patternpartial="base-icon-library-24-outline-maps" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-maps">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps))</code> or <code>@include icon(glyph(gps), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps"</code> or <code>data-icon="gps" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north))</code> or <code>@include icon(glyph(gps-north), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps-north"</code> or <code>data-icon="gps-north" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home))</code> or <code>@include icon(glyph(home), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="home"</code> or <code>data-icon="home" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="map" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(map))</code> or <code>@include icon(glyph(map), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="map"</code> or <code>data-icon="map" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-straight" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-straight))</code> or <code>@include icon(glyph(navigation-straight), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-straight"</code> or <code>data-icon="navigation-straight" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-left" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-left))</code> or <code>@include icon(glyph(navigation-to-left), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-left"</code> or <code>data-icon="navigation-to-left" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-right" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-right))</code> or <code>@include icon(glyph(navigation-to-right), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-right"</code> or <code>data-icon="navigation-to-right" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-u-turn" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-u-turn))</code> or <code>@include icon(glyph(navigation-u-turn), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-u-turn"</code> or <code>data-icon="navigation-u-turn" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign))</code> or <code>@include icon(glyph(stop-sign), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop-sign"</code> or <code>data-icon="stop-sign" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking))</code> or <code>@include icon(glyph(parking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="parking"</code> or <code>data-icon="parking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place))</code> or <code>@include icon(glyph(place), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="place"</code> or <code>data-icon="place" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="set-position" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(set-position))</code> or <code>@include icon(glyph(set-position), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="set-position"</code> or <code>data-icon="set-position" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="station" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(station))</code> or <code>@include icon(glyph(station), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="station"</code> or <code>data-icon="station" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-station" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-station))</code> or <code>@include icon(glyph(train-station), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-station"</code> or <code>data-icon="train-station" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-maps" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Maps","patternPartial":"base-icon-library-24-outline-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-navigation&#x2F;base-icons-icon-library-24-outline-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-navigation" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-navigation" data-patternpartial="base-icon-library-24-outline-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back))</code> or <code>@include icon(glyph(arrow-back), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back"</code> or <code>data-icon="arrow-back" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down))</code> or <code>@include icon(glyph(arrow-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down"</code> or <code>data-icon="arrow-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward))</code> or <code>@include icon(glyph(arrow-forward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward"</code> or <code>data-icon="arrow-forward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up))</code> or <code>@include icon(glyph(arrow-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up"</code> or <code>data-icon="arrow-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cancel" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel))</code> or <code>@include icon(glyph(cancel), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cancel"</code> or <code>data-icon="cancel" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left))</code> or <code>@include icon(glyph(chevron-left), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left"</code> or <code>data-icon="chevron-left" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right))</code> or <code>@include icon(glyph(chevron-right), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right"</code> or <code>data-icon="chevron-right" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close))</code> or <code>@include icon(glyph(close), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="close"</code> or <code>data-icon="close" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less))</code> or <code>@include icon(glyph(expand-less), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less"</code> or <code>data-icon="expand-less" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more))</code> or <code>@include icon(glyph(expand-more), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more"</code> or <code>data-icon="expand-more" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen))</code> or <code>@include icon(glyph(fullscreen), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen"</code> or <code>data-icon="fullscreen" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen-exit" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen-exit))</code> or <code>@include icon(glyph(fullscreen-exit), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen-exit"</code> or <code>data-icon="fullscreen-exit" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view))</code> or <code>@include icon(glyph(grid-view), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="grid-view"</code> or <code>data-icon="grid-view" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link))</code> or <code>@include icon(glyph(link), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="link"</code> or <code>data-icon="link" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link-external" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link-external))</code> or <code>@include icon(glyph(link-external), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="link-external"</code> or <code>data-icon="link-external" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="list" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(list))</code> or <code>@include icon(glyph(list), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="list"</code> or <code>data-icon="list" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="menu" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(menu))</code> or <code>@include icon(glyph(menu), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="menu"</code> or <code>data-icon="menu" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-horizontal" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-horizontal))</code> or <code>@include icon(glyph(more-horizontal), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-horizontal"</code> or <code>data-icon="more-horizontal" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-vertical" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-vertical))</code> or <code>@include icon(glyph(more-vertical), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-vertical"</code> or <code>data-icon="more-vertical" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="refresh" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(refresh))</code> or <code>@include icon(glyph(refresh), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="refresh"</code> or <code>data-icon="refresh" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Navigation","patternPartial":"base-icon-library-24-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-notification&#x2F;base-icons-icon-library-24-outline-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-notification" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-notification" data-patternpartial="base-icon-library-24-outline-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error))</code> or <code>@include icon(glyph(error), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="error"</code> or <code>data-icon="error" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify))</code> or <code>@include icon(glyph(notify), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify"</code> or <code>data-icon="notify" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify-cutoff" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify-cutoff))</code> or <code>@include icon(glyph(notify-cutoff), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify-cutoff"</code> or <code>data-icon="notify-cutoff" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning))</code> or <code>@include icon(glyph(warning), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="warning"</code> or <code>data-icon="warning" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Notification","patternPartial":"base-icon-library-24-outline-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-seat" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-seat&#x2F;base-icons-icon-library-24-outline-seat.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-seat" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Seat
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-seat" data-patternpartial="base-icon-library-24-outline-seat" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-seat">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="aisle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle))</code> or <code>@include icon(glyph(aisle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle"</code> or <code>data-icon="aisle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="aisle-not-available" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle-not-available))</code> or <code>@include icon(glyph(aisle-not-available), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle-not-available"</code> or <code>data-icon="aisle-not-available" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bed" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bed))</code> or <code>@include icon(glyph(bed), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bed"</code> or <code>data-icon="bed" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="childrens-compartment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(childrens-compartment))</code> or <code>@include icon(glyph(childrens-compartment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="childrens-compartment"</code> or <code>data-icon="childrens-compartment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="elderly" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(elderly))</code> or <code>@include icon(glyph(elderly), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="elderly"</code> or <code>data-icon="elderly" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handicapped" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handicapped))</code> or <code>@include icon(glyph(handicapped), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="handicapped"</code> or <code>data-icon="handicapped" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parent-child-compartment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parent-child-compartment))</code> or <code>@include icon(glyph(parent-child-compartment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="parent-child-compartment"</code> or <code>data-icon="parent-child-compartment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="quiet-zone" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(quiet-zone))</code> or <code>@include icon(glyph(quiet-zone), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="quiet-zone"</code> or <code>data-icon="quiet-zone" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="table" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(table))</code> or <code>@include icon(glyph(table), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="table"</code> or <code>data-icon="table" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="traveler-with-reduced-mobility" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(traveler-with-reduced-mobility))</code> or <code>@include icon(glyph(traveler-with-reduced-mobility), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="traveler-with-reduced-mobility"</code> or <code>data-icon="traveler-with-reduced-mobility" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="window" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(window))</code> or <code>@include icon(glyph(window), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="window"</code> or <code>data-icon="window" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-seat" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Seat","patternPartial":"base-icon-library-24-outline-seat","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-ticket" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-ticket&#x2F;base-icons-icon-library-24-outline-ticket.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-ticket" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Ticket
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-ticket" data-patternpartial="base-icon-library-24-outline-ticket" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-ticket">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus))</code> or <code>@include icon(glyph(bahnbonus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus"</code> or <code>data-icon="bahnbonus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahnbonus-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card))</code> or <code>@include icon(glyph(bahnbonus-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card"</code> or <code>data-icon="bahnbonus-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard))</code> or <code>@include icon(glyph(bahncard), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahncard"</code> or <code>data-icon="bahncard" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="best-price" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(best-price))</code> or <code>@include icon(glyph(best-price), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="best-price"</code> or <code>data-icon="best-price" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="commuter-ticket" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(commuter-ticket))</code> or <code>@include icon(glyph(commuter-ticket), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="commuter-ticket"</code> or <code>data-icon="commuter-ticket" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in))</code> or <code>@include icon(glyph(komfort-check-in), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in"</code> or <code>data-icon="komfort-check-in" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-check" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-check))</code> or <code>@include icon(glyph(komfort-check-in-check), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-check"</code> or <code>data-icon="komfort-check-in-check" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-circle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-circle))</code> or <code>@include icon(glyph(komfort-check-in-circle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-circle"</code> or <code>data-icon="komfort-check-in-circle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards))</code> or <code>@include icon(glyph(multiple-cards), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards"</code> or <code>data-icon="multiple-cards" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-passenger" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-passenger))</code> or <code>@include icon(glyph(multiple-passenger), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-passenger"</code> or <code>data-icon="multiple-passenger" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="my-travel" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(my-travel))</code> or <code>@include icon(glyph(my-travel), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="my-travel"</code> or <code>data-icon="my-travel" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="outward-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(outward-journey))</code> or <code>@include icon(glyph(outward-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="outward-journey"</code> or <code>data-icon="outward-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code))</code> or <code>@include icon(glyph(qr-code), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code"</code> or <code>data-icon="qr-code" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code-scan" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code-scan))</code> or <code>@include icon(glyph(qr-code-scan), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code-scan"</code> or <code>data-icon="qr-code-scan" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="return-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(return-journey))</code> or <code>@include icon(glyph(return-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="return-journey"</code> or <code>data-icon="return-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket))</code> or <code>@include icon(glyph(ticket), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket"</code> or <code>data-icon="ticket" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-discount" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-discount))</code> or <code>@include icon(glyph(ticket-discount), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-discount"</code> or <code>data-icon="ticket-discount" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-multiple" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-multiple))</code> or <code>@include icon(glyph(ticket-multiple), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-multiple"</code> or <code>data-icon="ticket-multiple" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-subscription" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-subscription))</code> or <code>@include icon(glyph(ticket-subscription), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-subscription"</code> or <code>data-icon="ticket-subscription" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-outward-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-outward-journey))</code> or <code>@include icon(glyph(time-outward-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-outward-journey"</code> or <code>data-icon="time-outward-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-return-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-return-journey))</code> or <code>@include icon(glyph(time-return-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-return-journey"</code> or <code>data-icon="time-return-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="timetable" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(timetable))</code> or <code>@include icon(glyph(timetable), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="timetable"</code> or <code>data-icon="timetable" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="travel-insurance" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(travel-insurance))</code> or <code>@include icon(glyph(travel-insurance), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="travel-insurance"</code> or <code>data-icon="travel-insurance" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-ticket" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Ticket","patternPartial":"base-icon-library-24-outline-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-transportation&#x2F;base-icons-icon-library-24-outline-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-transportation" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Transportation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-transportation" data-patternpartial="base-icon-library-24-outline-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane))</code> or <code>@include icon(glyph(airplane), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="airplane"</code> or <code>data-icon="airplane" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle))</code> or <code>@include icon(glyph(bicycle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle"</code> or <code>data-icon="bicycle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer))</code> or <code>@include icon(glyph(bicycle-trailer), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer"</code> or <code>data-icon="bicycle-trailer" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike))</code> or <code>@include icon(glyph(call-a-bike), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike"</code> or <code>data-icon="call-a-bike" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car))</code> or <code>@include icon(glyph(car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="car"</code> or <code>data-icon="car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing))</code> or <code>@include icon(glyph(carsharing), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="carsharing"</code> or <code>data-icon="carsharing" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car-sequence" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car-sequence))</code> or <code>@include icon(glyph(car-sequence), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="car-sequence"</code> or <code>data-icon="car-sequence" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive))</code> or <code>@include icon(glyph(electric-locomotive), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive"</code> or <code>data-icon="electric-locomotive" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter))</code> or <code>@include icon(glyph(electric-scooter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter"</code> or <code>data-icon="electric-scooter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car))</code> or <code>@include icon(glyph(ev-car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-car"</code> or <code>data-icon="ev-car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry))</code> or <code>@include icon(glyph(ferry), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ferry"</code> or <code>data-icon="ferry" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart))</code> or <code>@include icon(glyph(handcart), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="handcart"</code> or <code>data-icon="handcart" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice))</code> or <code>@include icon(glyph(ice), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice"</code> or <code>data-icon="ice" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train))</code> or <code>@include icon(glyph(intercity-train), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="intercity-train"</code> or <code>data-icon="intercity-train" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice-side-view" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice-side-view))</code> or <code>@include icon(glyph(ice-side-view), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice-side-view"</code> or <code>data-icon="ice-side-view" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus))</code> or <code>@include icon(glyph(local-bus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-bus"</code> or <code>data-icon="local-bus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus))</code> or <code>@include icon(glyph(long-distance-bus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus"</code> or <code>data-icon="long-distance-bus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train))</code> or <code>@include icon(glyph(local-train), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-train"</code> or <code>data-icon="local-train" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="rail-and-fly" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(rail-and-fly))</code> or <code>@include icon(glyph(rail-and-fly), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="rail-and-fly"</code> or <code>data-icon="rail-and-fly" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="railroad-car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(railroad-car))</code> or <code>@include icon(glyph(railroad-car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="railroad-car"</code> or <code>data-icon="railroad-car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn))</code> or <code>@include icon(glyph(s-bahn), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="s-bahn"</code> or <code>data-icon="s-bahn" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter))</code> or <code>@include icon(glyph(scooter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="scooter"</code> or <code>data-icon="scooter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sev" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sev))</code> or <code>@include icon(glyph(sev), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sev"</code> or <code>data-icon="sev" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat))</code> or <code>@include icon(glyph(speedboat), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="speedboat"</code> or <code>data-icon="speedboat" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sprinter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sprinter))</code> or <code>@include icon(glyph(sprinter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sprinter"</code> or <code>data-icon="sprinter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway))</code> or <code>@include icon(glyph(subway), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="subway"</code> or <code>data-icon="subway" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi))</code> or <code>@include icon(glyph(taxi), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="taxi"</code> or <code>data-icon="taxi" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car))</code> or <code>@include icon(glyph(train-and-car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-and-car"</code> or <code>data-icon="train-and-car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram))</code> or <code>@include icon(glyph(tram), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="tram"</code> or <code>data-icon="tram" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking))</code> or <code>@include icon(glyph(walking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking"</code> or <code>data-icon="walking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast))</code> or <code>@include icon(glyph(walking-fast), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking-fast"</code> or <code>data-icon="walking-fast" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Transportation","patternPartial":"base-icon-library-24-outline-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-filled-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-filled-action&#x2F;base-icons-icon-library-32-filled-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-filled-action" title="Link to Pattern">
+						DB Icons 32x32 - Filled - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-filled-action" data-patternpartial="base-icon-library-32-filled-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-filled-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="add-circle" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-filled-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Action","patternPartial":"base-icon-library-32-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-filled-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-filled-av&#x2F;base-icons-icon-library-32-filled-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-filled-av" title="Link to Pattern">
+						DB Icons 32x32 - Filled - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-filled-av" data-patternpartial="base-icon-library-32-filled-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-filled-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-filled-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - AV","patternPartial":"base-icon-library-32-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-filled-maps" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-filled-maps&#x2F;base-icons-icon-library-32-filled-maps.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-filled-maps" title="Link to Pattern">
+						DB Icons 32x32 - Filled - Maps
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-filled-maps" data-patternpartial="base-icon-library-32-filled-maps" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-filled-maps">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-filled-maps" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Maps","patternPartial":"base-icon-library-32-filled-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-filled-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-filled-navigation&#x2F;base-icons-icon-library-32-filled-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-filled-navigation" title="Link to Pattern">
+						DB Icons 32x32 - Filled - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-filled-navigation" data-patternpartial="base-icon-library-32-filled-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-filled-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-filled-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Navigation","patternPartial":"base-icon-library-32-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-filled-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-filled-notification&#x2F;base-icons-icon-library-32-filled-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-filled-notification" title="Link to Pattern">
+						DB Icons 32x32 - Filled - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-filled-notification" data-patternpartial="base-icon-library-32-filled-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-filled-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-filled-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Notification","patternPartial":"base-icon-library-32-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-filled-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-filled-transportation&#x2F;base-icons-icon-library-32-filled-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-filled-transportation" title="Link to Pattern">
+						DB Icons 32x32 - Filled - Transportation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-filled-transportation" data-patternpartial="base-icon-library-32-filled-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-filled-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-filled-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Transportation","patternPartial":"base-icon-library-32-filled-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-action&#x2F;base-icons-icon-library-32-outline-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-action" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-action" data-patternpartial="base-icon-library-32-outline-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="account" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="add" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-link" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-link), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-link" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm-add" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm-add), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm-add" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="artificial-intelligence" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(artificial-intelligence), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="artificial-intelligence" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="attachment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(attachment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="attachment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="augmented-reality" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(augmented-reality), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="augmented-reality" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="block" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bug" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bug), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bug" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="build" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="calendar" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(calendar), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="calendar" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cash" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cash), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cash" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-download" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-download), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-download" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-upload" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-upload), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-upload" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="compass" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(compass), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="compass" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="copy" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="credit-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="dashboard" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="delete" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(delete), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="delete" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="discount" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="document" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-check" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-check), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-check" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-cross" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-cross), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-cross" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="done" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="download" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(download), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="download" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drag-and-drop" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drag-and-drop), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="drag-and-drop" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="edit" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="euro-sign" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(euro-sign), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="euro-sign" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-delighted" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-delighted), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-delighted" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-disappointed" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-disappointed), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-disappointed" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-neutral" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-neutral), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-neutral" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-sad" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-sad), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-sad" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-smiling" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-smiling), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-smiling" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="filter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(filter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="filter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fingerprint" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fingerprint), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fingerprint" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder-open" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="generic-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="giftcard" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(giftcard), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="giftcard" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing-disabled" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing-disabled), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing-disabled" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="id-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(id-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="id-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="image" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="key" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(key), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="key" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="legal" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(legal), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="legal" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lightbulb" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lightbulb), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="lightbulb" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-close" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-open" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="log-out" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(log-out), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="log-out" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="logbook" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logbook), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="logbook" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="piggybank" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(piggybank), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="piggybank" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="print" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pulse-wave" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pulse-wave), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="pulse-wave" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="push-button" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(push-button), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="push-button" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize-handle-corner" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize-handle-corner), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize-handle-corner" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="save" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="schedule" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="search" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(search), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="search" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="send" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(send), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="send" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sepa" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="settings" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(settings), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="settings" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="share" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart-disabled" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart-disabled), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart-disabled" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-horizontal" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-horizontal), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-horizontal" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-vertical" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-vertical), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-vertical" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="translation" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(translation), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="translation" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="undo" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(undo), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="undo" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="upload" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(upload), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="upload" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="voucher" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="website" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(website), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="website" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-in" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-in), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-in" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-out" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-out), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-out" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Action","patternPartial":"base-icon-library-32-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-av&#x2F;base-icons-icon-library-32-outline-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-av" title="Link to Pattern">
+						DB Icons 32x32 - Outline - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-av" data-patternpartial="base-icon-library-32-outline-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-10" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-10), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-10" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-30" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-30), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-30" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-empty" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-empty), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-empty" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-10" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-10), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-10" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-30" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-30), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-30" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-empty" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-empty), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-empty" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="subtitles" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-mute" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-mute), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-mute" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - AV","patternPartial":"base-icon-library-32-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-brand" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-brand&#x2F;base-icons-icon-library-32-outline-brand.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-brand" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Brand
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-brand" data-patternpartial="base-icon-library-32-outline-brand" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-brand">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-brand" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Brand","patternPartial":"base-icon-library-32-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-communication" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-communication&#x2F;base-icons-icon-library-32-outline-communication.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-communication" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Communication
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-communication" data-patternpartial="base-icon-library-32-outline-communication" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-communication">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="call" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="chat" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="conversation" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fax" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fax), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fax" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="feedback" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mail" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mail), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mail" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-phone" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-phone), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-phone" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="question" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="receive-item" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="share-item" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-communication" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Communication","patternPartial":"base-icon-library-32-outline-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-covid-19" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-covid-19&#x2F;base-icons-icon-library-32-outline-covid-19.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-covid-19" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Covid 19
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-covid-19" data-patternpartial="base-icon-library-32-outline-covid-19" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-covid-19">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="mask" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mask), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mask" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-covid-19" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Covid 19","patternPartial":"base-icon-library-32-outline-covid-19","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-facilities" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-facilities&#x2F;base-icons-icon-library-32-outline-facilities.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-facilities" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Facilities
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-facilities" data-patternpartial="base-icon-library-32-outline-facilities" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-facilities">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="playground" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(playground), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="playground" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restricted-mobility-toilet" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restricted-mobility-toilet), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="restricted-mobility-toilet" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-men" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-men), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-men" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-women" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-women), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-women" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sink" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sink), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sink" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-men" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-men), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-men" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-sign" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-sign), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-sign" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-woman" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-woman), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-woman" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-facilities" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Facilities","patternPartial":"base-icon-library-32-outline-facilities","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-feature" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-feature&#x2F;base-icons-icon-library-32-outline-feature.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-feature" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Feature
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-feature" data-patternpartial="base-icon-library-32-outline-feature" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-feature">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="air-condition" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(air-condition), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="air-condition" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="buggy" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(buggy), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="buggy" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="clothing-hanger" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(clothing-hanger), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="clothing-hanger" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="day" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="day" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dog" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dog), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="dog" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="entry-aid" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(entry-aid), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="entry-aid" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="environmental-mobility-check" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(environmental-mobility-check), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="environmental-mobility-check" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="hydrogen" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-compartment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-compartment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-compartment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-rack" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-rack), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-rack" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="marketplace" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="medical" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="night" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="no-smoking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(no-smoking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="no-smoking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-cane" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-cane), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-cane" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-rollator" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-rollator), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-rollator" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="platform" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="power-outlet" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(power-outlet), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="power-outlet" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="reservation" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="standing-room" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(standing-room), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="standing-room" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="steppless-entry" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(steppless-entry), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="steppless-entry" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="support-dog" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(support-dog), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="support-dog" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-feature" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Feature","patternPartial":"base-icon-library-32-outline-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-food" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-food&#x2F;base-icons-icon-library-32-outline-food.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-food" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Food
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-food" data-patternpartial="base-icon-library-32-outline-food" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-food">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="breakfast" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(breakfast), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="breakfast" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="coffee-cup" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drink" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drink), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="drink" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restaurant" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restaurant), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="restaurant" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-food" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Food","patternPartial":"base-icon-library-32-outline-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-it" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-it&#x2F;base-icons-icon-library-32-outline-it.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-it" title="Link to Pattern">
+						DB Icons 32x32 - Outline - IT
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-it" data-patternpartial="base-icon-library-32-outline-it" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-it">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-it" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - IT","patternPartial":"base-icon-library-32-outline-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-journey" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-journey&#x2F;base-icons-icon-library-32-outline-journey.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-journey" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Journey
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-journey" data-patternpartial="base-icon-library-32-outline-journey" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-journey">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="1st-class" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(1st-class), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="1st-class" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="2nd-class" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(2nd-class), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="2nd-class" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alternative-connection" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alternative-connection), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alternative-connection" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="booking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(booking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="booking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="destination" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intermediary-stop" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intermediary-stop), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="intermediary-stop" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mixed-class" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mixed-class), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mixed-class" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="round-trip" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(round-trip), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="round-trip" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="single-trip" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(single-trip), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="single-trip" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="start" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(start), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="start" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-journey" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Journey","patternPartial":"base-icon-library-32-outline-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-maps" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-maps&#x2F;base-icons-icon-library-32-outline-maps.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-maps" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Maps
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-maps" data-patternpartial="base-icon-library-32-outline-maps" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-maps">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="home" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="map" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(map), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="map" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-straight" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-straight), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-straight" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-left" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-left), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-left" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-right" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-right), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-right" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-u-turn" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-u-turn), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-u-turn" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="parking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="place" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="set-position" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(set-position), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="set-position" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="station" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(station), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="station" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop-sign" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-station" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-station), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-station" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-maps" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Maps","patternPartial":"base-icon-library-32-outline-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-navigation&#x2F;base-icons-icon-library-32-outline-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-navigation" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-navigation" data-patternpartial="base-icon-library-32-outline-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cancel" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="close" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen-exit" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen-exit), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen-exit" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="grid-view" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="link" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link-external" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link-external), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="link-external" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="list" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(list), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="list" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="menu" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(menu), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="menu" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-horizontal" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-horizontal), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-horizontal" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-vertical" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-vertical), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-vertical" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="refresh" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(refresh), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="refresh" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Navigation","patternPartial":"base-icon-library-32-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-notification&#x2F;base-icons-icon-library-32-outline-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-notification" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-notification" data-patternpartial="base-icon-library-32-outline-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify-cutoff" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify-cutoff), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify-cutoff" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Notification","patternPartial":"base-icon-library-32-outline-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-seat" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-seat&#x2F;base-icons-icon-library-32-outline-seat.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-seat" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Seat
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-seat" data-patternpartial="base-icon-library-32-outline-seat" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-seat">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="aisle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="aisle-not-available" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle-not-available), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle-not-available" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bed" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bed), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bed" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="childrens-compartment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(childrens-compartment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="childrens-compartment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="elderly" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(elderly), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="elderly" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handicapped" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handicapped), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="handicapped" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parent-child-compartment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parent-child-compartment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="parent-child-compartment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="quiet-zone" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(quiet-zone), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="quiet-zone" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="table" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(table), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="table" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="traveler-with-reduced-mobility" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(traveler-with-reduced-mobility), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="traveler-with-reduced-mobility" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="window" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(window), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="window" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-seat" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Seat","patternPartial":"base-icon-library-32-outline-seat","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-ticket" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-ticket&#x2F;base-icons-icon-library-32-outline-ticket.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-ticket" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Ticket
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-ticket" data-patternpartial="base-icon-library-32-outline-ticket" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-ticket">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahnbonus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahncard" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="best-price" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(best-price), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="best-price" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="commuter-ticket" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(commuter-ticket), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="commuter-ticket" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-check" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-check), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-check" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-circle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-circle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-circle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-passenger" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-passenger), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-passenger" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="my-travel" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(my-travel), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="my-travel" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="outward-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(outward-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="outward-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code-scan" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code-scan), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code-scan" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="return-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(return-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="return-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-discount" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-discount), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-discount" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-multiple" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-multiple), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-multiple" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-subscription" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-subscription), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-subscription" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-outward-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-outward-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-outward-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-return-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-return-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-return-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="timetable" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(timetable), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="timetable" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="travel-insurance" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(travel-insurance), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="travel-insurance" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-ticket" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Ticket","patternPartial":"base-icon-library-32-outline-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-transportation&#x2F;base-icons-icon-library-32-outline-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-transportation" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Transportation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-transportation" data-patternpartial="base-icon-library-32-outline-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car-sequence" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car-sequence), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="car-sequence" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice-side-view" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice-side-view), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice-side-view" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="rail-and-fly" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(rail-and-fly), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="rail-and-fly" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="railroad-car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(railroad-car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="railroad-car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sev" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sev), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sev" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sprinter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sprinter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sprinter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Transportation","patternPartial":"base-icon-library-32-outline-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-48-filled-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-48-filled-av&#x2F;base-icons-icon-library-48-filled-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-48-filled-av" title="Link to Pattern">
+						DB Icons 48x48 - Filled - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-48-filled-av" data-patternpartial="base-icon-library-48-filled-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-48-filled-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-48-filled-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 48x48 - Filled - AV","patternPartial":"base-icon-library-48-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-48-outline-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-48-outline-av&#x2F;base-icons-icon-library-48-outline-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-48-outline-av" title="Link to Pattern">
+						DB Icons 48x48 - Outline - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-48-outline-av" data-patternpartial="base-icon-library-48-outline-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-48-outline-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-48-outline-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 48x48 - Outline - AV","patternPartial":"base-icon-library-48-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-48-outline-brand" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-48-outline-brand&#x2F;base-icons-icon-library-48-outline-brand.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-48-outline-brand" title="Link to Pattern">
+						DB Icons 48x48 - Outline - Brand
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-48-outline-brand" data-patternpartial="base-icon-library-48-outline-brand" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-48-outline-brand">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-48-outline-brand" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 48x48 - Outline - Brand","patternPartial":"base-icon-library-48-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-64-filled-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-64-filled-av&#x2F;base-icons-icon-library-64-filled-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-64-filled-av" title="Link to Pattern">
+						DB Icons 64x64 - Filled - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-64-filled-av" data-patternpartial="base-icon-library-64-filled-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-64-filled-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-64-filled-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 64x64 - Filled - AV","patternPartial":"base-icon-library-64-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-64-outline-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-64-outline-av&#x2F;base-icons-icon-library-64-outline-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-64-outline-av" title="Link to Pattern">
+						DB Icons 64x64 - Outline - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-64-outline-av" data-patternpartial="base-icon-library-64-outline-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-64-outline-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-64-outline-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description hereee]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 64x64 - Outline - AV","patternPartial":"base-icon-library-64-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-64-outline-brand" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-64-outline-brand&#x2F;base-icons-icon-library-64-outline-brand.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-64-outline-brand" title="Link to Pattern">
+						DB Icons 64x64 - Outline - Brand
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-64-outline-brand" data-patternpartial="base-icon-library-64-outline-brand" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-64-outline-brand">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-64-outline-brand" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 64x64 - Outline - Brand","patternPartial":"base-icon-library-64-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-illustration-icons" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-illustration-icons&#x2F;base-icons-illustration-icons.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-illustration-icons" title="Link to Pattern">
+						Illustration Icons
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-illustration-icons" data-patternpartial="base-illustration-icons" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-illustration-icons">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<!-- [html-validate-disable-next heading-level] -->
+	<h5>Action</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Communication</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Covid 19</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Devices</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Entertainment</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Feature</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Food /db_ic_il_ Drink</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Maps</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>News</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Station</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Ticket</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Transportation</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Travel</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Weather</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-illustration-icons" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h4>Usage</h4>\n<p>You could reference the multicolor icons directly via the <code>&lt;use&gt;</code> HTML tag within the <code>&lt;svg&gt;</code> HTML tag, compare to the source code provided with this pattern, like e.g.:</p>\n<pre><code class=\"language-html\">&lt;svg\n  xmlns=&quot;http://www.w3.org/2000/svg&quot;\n  width=&quot;64&quot;\n  height=&quot;64&quot;\n  aria-hidden=&quot;true&quot;\n&gt;\n  &lt;use href=&quot;/icons/illustrative/action/db_ic_il_alarm_clock.svg#icon&quot;&gt;&lt;/use&gt;\n&lt;/svg&gt;\n</code></pre>\n<h4>Adapt icons colors</h4>\n<p>You could easily change the line-colors of both the pulse and the icon itself by defining different color values for both CSS variables:</p>\n<ul>\n<li><code>--db-icon-color</code></li>\n<li><code>--db-icon-pulse-color</code></li>\n</ul>\n<p>The fallback for a non-defined <code>--db-icon-color</code> is the <code>font-color</code> defined around or for the <code>&lt;svg&gt;</code> itself, and <code>--db-icon-pulse-color</code> would fall back to <code>#EC0016</code>, which is the general pulse color defined by brand.</p>\n<h4>Accessibility</h4>\n<p>We're adding the attribute <code>aria-hidden=&quot;true&quot;</code> to the <code>&lt;svg&gt;</code> HTML tag so that the icon is hidden from assistive tools like not being read out by screen readers.</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"Illustration Icons","patternPartial":"base-illustration-icons","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-base-type" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/base-type&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-base-type">Type</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<p>We're delivering general font declarations and the web fonts for our generally used <code>DB Screen Sans</code> font.</p>
+<p>In case that you need to use font sizes smaller than 16pt please switch to our <code>font-family</code> <code>DB Screen Sans Digital Regular</code> for better readability / accessibility.</p>
+<p>Please find this rule and a lot of further information regarding and more information on typography: <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Marke-und-Design/Basiselemente/Typografie/Fuer-digitale-Anwendungen">https://marketingportal.extranet.deutschebahn.com/marketingportal/Marke-und-Design/Basiselemente/Typografie/Fuer-digitale-Anwendungen</a></p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="base-fonts" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-type-fonts&#x2F;base-type-fonts.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-fonts" title="Link to Pattern">
+						Fonts
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-fonts" data-patternpartial="base-fonts" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-fonts">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<main class="rea-main ">
+
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h1 class="elm-headline ">Headline 1</h1>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Headline 2</h2>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h3 class="elm-headline ">Headline 3</h3>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h4 class="elm-headline ">Headline 4</h4>
+	<p>Primary font: "DB Screen Sans", "Helvetica", "Arial", sans-serif;</p>
+	<p><em>Primary font italic: "DB Screen Sans", "Helvetica", "Arial", sans-serif;</em></p>
+	<p><strong>Primary font bold: "DB Screen Sans", "Helvetica", "Arial", sans-serif;</strong></p>
+
+</main>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-fonts" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>These fonts are used on the site.</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Fonts","patternPartial":"base-fonts","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-highlight-colors-1st-priority" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-type-highlight-colors-1st-priority&#x2F;base-type-highlight-colors-1st-priority.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-highlight-colors-1st-priority" title="Link to Pattern">
+						Highlight Colors 1st Priority
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-highlight-colors-1st-priority" data-patternpartial="base-highlight-colors-1st-priority" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-highlight-colors-1st-priority">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-1st-priority-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-1st-priority-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-highlight-colors-1st-priority" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors 1st Priority","patternPartial":"base-highlight-colors-1st-priority","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-highlight-colors-2nd-priority" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-type-highlight-colors-2nd-priority&#x2F;base-type-highlight-colors-2nd-priority.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-highlight-colors-2nd-priority" title="Link to Pattern">
+						Highlight Colors 2nd Priority
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-highlight-colors-2nd-priority" data-patternpartial="base-highlight-colors-2nd-priority" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-highlight-colors-2nd-priority">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-2nd-priority-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-2nd-priority-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-highlight-colors-2nd-priority" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors 2nd Priority","patternPartial":"base-highlight-colors-2nd-priority","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-highlight-colors-neutral" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-type-highlight-colors-neutral&#x2F;base-type-highlight-colors-neutral.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-highlight-colors-neutral" title="Link to Pattern">
+						Highlight Colors Neutral
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-highlight-colors-neutral" data-patternpartial="base-highlight-colors-neutral" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-highlight-colors-neutral">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-neutral-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-neutral-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-highlight-colors-neutral" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors Neutral","patternPartial":"base-highlight-colors-neutral","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-highlight-colors-positive" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-type-highlight-colors-positive&#x2F;base-type-highlight-colors-positive.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-highlight-colors-positive" title="Link to Pattern">
+						Highlight Colors Positive
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-highlight-colors-positive" data-patternpartial="base-highlight-colors-positive" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-highlight-colors-positive">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-positive-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-positive-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-highlight-colors-positive" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors Positive","patternPartial":"base-highlight-colors-positive","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-base-all"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-base-all"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-accordion-accordion-high-emphasis/components-accordion-accordion-high-emphasis.hbs b/review/refactor-icon-update/patterns/components-accordion-accordion-high-emphasis/components-accordion-accordion-high-emphasis.hbs
new file mode 100644
index 0000000000..ef7b700470
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-accordion-accordion-high-emphasis/components-accordion-accordion-high-emphasis.hbs
@@ -0,0 +1,6 @@
+<details class="cmp-accordion"
+	{{#if emphasis}} data-emphasis="{{ emphasis }}"{{/if }}
+	{{#if size}} data-size="{{ size }}"{{/if }}>
+	<summary>{{ summary }}</summary>
+	<p>{{ details }}</p>
+</details>
diff --git a/review/refactor-icon-update/patterns/components-accordion-accordion-high-emphasis/components-accordion-accordion-high-emphasis.markup-only.html b/review/refactor-icon-update/patterns/components-accordion-accordion-high-emphasis/components-accordion-accordion-high-emphasis.markup-only.html
new file mode 100644
index 0000000000..1606a94d1c
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-accordion-accordion-high-emphasis/components-accordion-accordion-high-emphasis.markup-only.html
@@ -0,0 +1,6 @@
+<details class="cmp-accordion"
+	 data-emphasis="high"
+	>
+	<summary>Summary</summary>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+</details>
diff --git a/review/refactor-icon-update/patterns/components-accordion-accordion-high-emphasis/components-accordion-accordion-high-emphasis.rendered.html b/review/refactor-icon-update/patterns/components-accordion-accordion-high-emphasis/components-accordion-accordion-high-emphasis.rendered.html
new file mode 100644
index 0000000000..08a52da806
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-accordion-accordion-high-emphasis/components-accordion-accordion-high-emphasis.rendered.html
@@ -0,0 +1,123 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<details class="cmp-accordion"
+	 data-emphasis="high"
+	>
+	<summary>Summary</summary>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+</details>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"accordion"},"patternExtension":"hbs","patternName":"Accordion High Emphasis","patternPartial":"components-accordion-high-emphasis","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"accordion"},"patternExtension":"hbs","patternName":"Accordion High Emphasis","patternPartial":"components-accordion-high-emphasis","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.hbs b/review/refactor-icon-update/patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.hbs
new file mode 100644
index 0000000000..1d497a8880
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.hbs
@@ -0,0 +1,5 @@
+{{#each sizes }}
+	{{#if @first }}<!-- [html-validate-disable-next heading-level] -->{{/if }}
+	<h2>{{ label }}</h2>
+	{{> components-accordion size=size summary=@root.summary details=@root.details }}
+{{/each }}
diff --git a/review/refactor-icon-update/patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.markup-only.html b/review/refactor-icon-update/patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.markup-only.html
new file mode 100644
index 0000000000..2f8eb876ab
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.markup-only.html
@@ -0,0 +1,24 @@
+	<!-- [html-validate-disable-next heading-level] -->
+	<h2>Small</h2>
+	<details class="cmp-accordion"
+		
+		 data-size="small">
+		<summary>Summary</summary>
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+	</details>
+	
+	<h2>Regular (default, data-size attribute is optional)</h2>
+	<details class="cmp-accordion"
+		
+		 data-size="regular">
+		<summary>Summary</summary>
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+	</details>
+	
+	<h2>Large</h2>
+	<details class="cmp-accordion"
+		
+		 data-size="large">
+		<summary>Summary</summary>
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+	</details>
diff --git a/review/refactor-icon-update/patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html b/review/refactor-icon-update/patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html
new file mode 100644
index 0000000000..773719b99e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html
@@ -0,0 +1,141 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+	<!-- [html-validate-disable-next heading-level] -->
+	<h2>Small</h2>
+	<details class="cmp-accordion"
+		
+		 data-size="small">
+		<summary>Summary</summary>
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+	</details>
+	
+	<h2>Regular (default, data-size attribute is optional)</h2>
+	<details class="cmp-accordion"
+		
+		 data-size="regular">
+		<summary>Summary</summary>
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+	</details>
+	
+	<h2>Large</h2>
+	<details class="cmp-accordion"
+		
+		 data-size="large">
+		<summary>Summary</summary>
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+	</details>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-accordion","lineagePath":"../../patterns/components-accordion-accordion/components-accordion-accordion.rendered.html"}],"lineage":[{"lineagePattern":"components-accordion","lineagePath":"../../patterns/components-accordion-accordion/components-accordion-accordion.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"accordion"},"patternExtension":"hbs","patternName":"Accordion Sizes","patternPartial":"components-accordion-sizes","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-accordion","lineagePath":"../../patterns/components-accordion-accordion/components-accordion-accordion.rendered.html"}],"lineage":[{"lineagePattern":"components-accordion","lineagePath":"../../patterns/components-accordion-accordion/components-accordion-accordion.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"accordion"},"patternExtension":"hbs","patternName":"Accordion Sizes","patternPartial":"components-accordion-sizes","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-accordion-accordion/components-accordion-accordion.hbs b/review/refactor-icon-update/patterns/components-accordion-accordion/components-accordion-accordion.hbs
new file mode 100644
index 0000000000..ef7b700470
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-accordion-accordion/components-accordion-accordion.hbs
@@ -0,0 +1,6 @@
+<details class="cmp-accordion"
+	{{#if emphasis}} data-emphasis="{{ emphasis }}"{{/if }}
+	{{#if size}} data-size="{{ size }}"{{/if }}>
+	<summary>{{ summary }}</summary>
+	<p>{{ details }}</p>
+</details>
diff --git a/review/refactor-icon-update/patterns/components-accordion-accordion/components-accordion-accordion.markup-only.html b/review/refactor-icon-update/patterns/components-accordion-accordion/components-accordion-accordion.markup-only.html
new file mode 100644
index 0000000000..032ffcdfd1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-accordion-accordion/components-accordion-accordion.markup-only.html
@@ -0,0 +1,6 @@
+<details class="cmp-accordion"
+	
+	>
+	<summary>Summary</summary>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+</details>
diff --git a/review/refactor-icon-update/patterns/components-accordion-accordion/components-accordion-accordion.rendered.html b/review/refactor-icon-update/patterns/components-accordion-accordion/components-accordion-accordion.rendered.html
new file mode 100644
index 0000000000..d643ecf255
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-accordion-accordion/components-accordion-accordion.rendered.html
@@ -0,0 +1,123 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<details class="cmp-accordion"
+	
+	>
+	<summary>Summary</summary>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+</details>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-accordion-sizes","lineagePath":"../../patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html"}],"lineageR":[{"lineagePattern":"components-accordion-sizes","lineagePath":"../../patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"accordion"},"patternExtension":"hbs","patternName":"Accordion","patternPartial":"components-accordion","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-accordion-sizes","lineagePath":"../../patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html"}],"lineageR":[{"lineagePattern":"components-accordion-sizes","lineagePath":"../../patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"accordion"},"patternExtension":"hbs","patternName":"Accordion","patternPartial":"components-accordion","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-accordion/index.html b/review/refactor-icon-update/patterns/components-accordion/index.html
new file mode 100644
index 0000000000..bbf64f6ff9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-accordion/index.html
@@ -0,0 +1,318 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-components-accordion" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-accordion&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-accordion">Accordion</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Variations/configurability</h2>
+<h3>Size</h3>
+<h4>SCSS (recommended)</h4>
+<p>Extend one of the size SCSS placeholders in case that you don't want the default (regular): <code>%size-Small</code> or <code>%size-Large</code></p>
+<h4>HTML attribute</h4>
+<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is &quot;regular&quot; and in that case is optional.</p>
+<h3>Emphasis</h3>
+<p>The regular sized accordion could even also get enhanced to a higher emphasis.</p>
+<h4>SCSS (recommended)</h4>
+<p>Extend the related placeholder: <code>%emphasis-High</code></p>
+<h4>HTML attribute</h4>
+<p>You could set the high emphasis via the <code>data-emphasis</code> attribute.</p>
+<h2>JavaScript polyfill necessary for Microsoft Internet Explorer and Edge (older versions than 79)</h2>
+<p>In case you would need to support Microsoft Internet Explorer and/or Edge within your project setup, you'll need to polyfill (with e.g. <a href="https://github.com/javan/details-element-polyfill">details-element-polyfill</a>, that is still included in our pages for demo purposes) the <code>details</code> and <code>summary</code> HTML tags due to <a href="https://caniuse.com/#feat=details">their missing browser setup in those environments</a>.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-accordion" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-accordion-accordion&#x2F;components-accordion-accordion.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-accordion" title="Link to Pattern">
+						Accordion
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-accordion" data-patternpartial="components-accordion" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-accordion">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<details class="cmp-accordion"
+	
+	>
+	<summary>Summary</summary>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-accordion" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-accordion-sizes","lineagePath":"../../patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html"}],"lineageR":[{"lineagePattern":"components-accordion-sizes","lineagePath":"../../patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"accordion"},"patternExtension":"hbs","patternName":"Accordion","patternPartial":"components-accordion","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-accordion-high-emphasis" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-accordion-accordion-high-emphasis&#x2F;components-accordion-accordion-high-emphasis.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-accordion-high-emphasis" title="Link to Pattern">
+						Accordion High Emphasis
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-accordion-high-emphasis" data-patternpartial="components-accordion-high-emphasis" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-accordion-high-emphasis">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<details class="cmp-accordion"
+	 data-emphasis="high"
+	>
+	<summary>Summary</summary>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-accordion-high-emphasis" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"accordion"},"patternExtension":"hbs","patternName":"Accordion High Emphasis","patternPartial":"components-accordion-high-emphasis","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-accordion-sizes" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-accordion-accordion-sizes&#x2F;components-accordion-accordion-sizes.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-accordion-sizes" title="Link to Pattern">
+						Accordion Sizes
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-accordion-sizes" data-patternpartial="components-accordion-sizes" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-accordion-sizes">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<!-- [html-validate-disable-next heading-level] -->
+	<h2>Small</h2>
+	<details class="cmp-accordion"
+		
+		 data-size="small">
+		<summary>Summary</summary>
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+	</details>
+	
+	<h2>Regular (default, data-size attribute is optional)</h2>
+	<details class="cmp-accordion"
+		
+		 data-size="regular">
+		<summary>Summary</summary>
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+	</details>
+	
+	<h2>Large</h2>
+	<details class="cmp-accordion"
+		
+		 data-size="large">
+		<summary>Summary</summary>
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+	</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-accordion-sizes" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-accordion","lineagePath":"../../patterns/components-accordion-accordion/components-accordion-accordion.rendered.html"}],"lineage":[{"lineagePattern":"components-accordion","lineagePath":"../../patterns/components-accordion-accordion/components-accordion-accordion.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"accordion"},"patternExtension":"hbs","patternName":"Accordion Sizes","patternPartial":"components-accordion-sizes","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-components-accordion"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-components-accordion"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-brand-_brand/components-brand-_brand.hbs b/review/refactor-icon-update/patterns/components-brand-_brand/components-brand-_brand.hbs
new file mode 100644
index 0000000000..9a62cd7f31
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-brand-_brand/components-brand-_brand.hbs
@@ -0,0 +1,6 @@
+<div class="cmp-brand">
+	<a href="#" title="Home" rel="home">
+		{{> elements-image src='../../images/db_logo.svg' alt='Deutsche Bahn Logo' styleModifier='is-logo' elementtiming='logo' }}
+	</a>
+	{{#if sitename }}<span class="is-site-name">{{ sitename }}</span>{{/if }}
+</div>
diff --git a/review/refactor-icon-update/patterns/components-brand-_brand/components-brand-_brand.markup-only.html b/review/refactor-icon-update/patterns/components-brand-_brand/components-brand-_brand.markup-only.html
new file mode 100644
index 0000000000..0788c79afe
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-brand-_brand/components-brand-_brand.markup-only.html
@@ -0,0 +1,10 @@
+<div class="cmp-brand">
+	<a href="#" title="Home" rel="home">
+		
+				<img src="../../images/db_logo.svg" alt="Deutsche Bahn Logo" width="" height=""
+					class="elm-image is-logo"   elementtiming="logo" >
+		
+			
+	</a>
+	<span class="is-site-name">UI Core</span>
+</div>
diff --git a/review/refactor-icon-update/patterns/components-brand-_brand/components-brand-_brand.rendered.html b/review/refactor-icon-update/patterns/components-brand-_brand/components-brand-_brand.rendered.html
new file mode 100644
index 0000000000..47547d995a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-brand-_brand/components-brand-_brand.rendered.html
@@ -0,0 +1,127 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<div class="cmp-brand">
+	<a href="#" title="Home" rel="home">
+		
+				<img src="../../images/db_logo.svg" alt="Deutsche Bahn Logo" width="" height=""
+					class="elm-image is-logo"   elementtiming="logo" >
+		
+			
+	</a>
+	<span class="is-site-name">UI Core</span>
+</div>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-image","lineagePath":"../../patterns/elements-image-image/elements-image-image.rendered.html"}],"lineage":[{"lineagePattern":"elements-image","lineagePath":"../../patterns/elements-image-image/elements-image-image.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-header-loggedin","lineagePath":"../../patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html"},{"lineagePattern":"areas-header","lineagePath":"../../patterns/areas-header-header/areas-header-header.rendered.html","lineageState":"inprogress"}],"lineageR":[{"lineagePattern":"areas-header-loggedin","lineagePath":"../../patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html"},{"lineagePattern":"areas-header","lineagePath":"../../patterns/areas-header-header/areas-header-header.rendered.html","lineageState":"inprogress"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"brand"},"patternExtension":"hbs","patternName":"Brand","patternPartial":"components-brand","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-image","lineagePath":"../../patterns/elements-image-image/elements-image-image.rendered.html"}],"lineage":[{"lineagePattern":"elements-image","lineagePath":"../../patterns/elements-image-image/elements-image-image.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-header-loggedin","lineagePath":"../../patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html"},{"lineagePattern":"areas-header","lineagePath":"../../patterns/areas-header-header/areas-header-header.rendered.html","lineageState":"inprogress"}],"lineageR":[{"lineagePattern":"areas-header-loggedin","lineagePath":"../../patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html"},{"lineagePattern":"areas-header","lineagePath":"../../patterns/areas-header-header/areas-header-header.rendered.html","lineageState":"inprogress"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"brand"},"patternExtension":"hbs","patternName":"Brand","patternPartial":"components-brand","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.hbs b/review/refactor-icon-update/patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.hbs
new file mode 100644
index 0000000000..590e96e397
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.hbs
@@ -0,0 +1,10 @@
+<nav class="cmp-breadcrumb" aria-label="Breadcrumb">
+	<ol>
+		<li>{{> elements-link href="#" value="Startseite" }}</li>
+		<li>{{> elements-link href="#" value="Seite XYZ" }}</li>
+		<li>{{> elements-link href="#" value="Seite XYZ" }}</li>
+		<li>{{> elements-link href="#" value="Seite XYZ" }}</li>
+		<li>{{> elements-link href="#" value="Seite XYZ" }}</li>
+		<li>{{> elements-link href="#" value="Seite XYZ" current="location" }}</li>
+	</ol>
+</nav>
diff --git a/review/refactor-icon-update/patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.markup-only.html b/review/refactor-icon-update/patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.markup-only.html
new file mode 100644
index 0000000000..5064f671dc
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.markup-only.html
@@ -0,0 +1,118 @@
+<nav class="cmp-breadcrumb" aria-label="Breadcrumb">
+	<ol>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Startseite
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	 aria-current="location"
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+	</ol>
+</nav>
diff --git a/review/refactor-icon-update/patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html b/review/refactor-icon-update/patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html
new file mode 100644
index 0000000000..354e96cead
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html
@@ -0,0 +1,235 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<nav class="cmp-breadcrumb" aria-label="Breadcrumb">
+	<ol>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Startseite
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	 aria-current="location"
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+	</ol>
+</nav>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>[Insert description here]</p>\n<h2>Accessibility</h2>\n<blockquote>\n<p>The link to the current page has <code>aria-current</code> set to <code>page</code>. If the element representing the current page is not a link, aria-current is optional.</p>\n</blockquote>\n<p>Source: <a href=\"https://www.w3.org/TR/wai-aria-practices/#breadcrumb\">https://www.w3.org/TR/wai-aria-practices/#breadcrumb</a></p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"breadcrumb"},"patternExtension":"hbs","patternName":"Breadcrumb","patternPartial":"components-breadcrumb","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>[Insert description here]</p>\n<h2>Accessibility</h2>\n<blockquote>\n<p>The link to the current page has <code>aria-current</code> set to <code>page</code>. If the element representing the current page is not a link, aria-current is optional.</p>\n</blockquote>\n<p>Source: <a href=\"https://www.w3.org/TR/wai-aria-practices/#breadcrumb\">https://www.w3.org/TR/wai-aria-practices/#breadcrumb</a></p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"breadcrumb"},"patternExtension":"hbs","patternName":"Breadcrumb","patternPartial":"components-breadcrumb","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-breadcrumb/index.html b/review/refactor-icon-update/patterns/components-breadcrumb/index.html
new file mode 100644
index 0000000000..60f047488a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-breadcrumb/index.html
@@ -0,0 +1,301 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-components-breadcrumb" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-breadcrumb&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-breadcrumb">Breadcrumb</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-breadcrumb" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-breadcrumb-breadcrumb&#x2F;components-breadcrumb-breadcrumb.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-breadcrumb" title="Link to Pattern">
+						Breadcrumb
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-breadcrumb" data-patternpartial="components-breadcrumb" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-breadcrumb">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<nav class="cmp-breadcrumb" aria-label="Breadcrumb">
+	<ol>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Startseite
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	 aria-current="location"
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+	</ol>
+</nav>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-breadcrumb" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>[Insert description here]</p>\n<h2>Accessibility</h2>\n<blockquote>\n<p>The link to the current page has <code>aria-current</code> set to <code>page</code>. If the element representing the current page is not a link, aria-current is optional.</p>\n</blockquote>\n<p>Source: <a href=\"https://www.w3.org/TR/wai-aria-practices/#breadcrumb\">https://www.w3.org/TR/wai-aria-practices/#breadcrumb</a></p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"breadcrumb"},"patternExtension":"hbs","patternName":"Breadcrumb","patternPartial":"components-breadcrumb","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-components-breadcrumb"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-components-breadcrumb"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-cards-_card/components-cards-_card.hbs b/review/refactor-icon-update/patterns/components-cards-_card/components-cards-_card.hbs
new file mode 100644
index 0000000000..5251c3d2f1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-cards-_card/components-cards-_card.hbs
@@ -0,0 +1,18 @@
+<li class="cmp-card" data-variant="{{ variant }}">
+	{{#if link }}<a href="#">{{/if }}
+		<figure>
+			{{#if_eq variant "banner" }}
+				<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+					<use href="../../icons/illustrative/{{ icon }}.svg#icon"></use>
+				</svg>
+			{{else}}
+				{{> elements-image src="../../icons/functional/images/navigation/db_ic_list_20.svg" alt="" }}
+			{{/if_eq }}
+			<figcaption>
+				<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+				<h3 class="elm-headline">{{ title }}</h3>
+				{{#if text }}<p>{{{ text }}}</p>{{/if }}
+			</figcaption>
+		</figure>
+	{{#if link }}</a>{{/if }}
+</li>
diff --git a/review/refactor-icon-update/patterns/components-cards-_card/components-cards-_card.markup-only.html b/review/refactor-icon-update/patterns/components-cards-_card/components-cards-_card.markup-only.html
new file mode 100644
index 0000000000..97294e224d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-cards-_card/components-cards-_card.markup-only.html
@@ -0,0 +1,16 @@
+<li class="cmp-card" data-variant="">
+	<a href="#">
+		<figure>
+				
+						<img src="../../icons/functional/images/navigation/db_ic_list_20.svg" alt="" width="" height=""
+							class="elm-image "  >
+				
+					
+			<figcaption>
+				<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+				<h3 class="elm-headline">Title text</h3>
+				
+			</figcaption>
+		</figure>
+	</a>
+</li>
diff --git a/review/refactor-icon-update/patterns/components-cards-_card/components-cards-_card.rendered.html b/review/refactor-icon-update/patterns/components-cards-_card/components-cards-_card.rendered.html
new file mode 100644
index 0000000000..5a0ee365ad
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-cards-_card/components-cards-_card.rendered.html
@@ -0,0 +1,133 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<li class="cmp-card" data-variant="">
+	<a href="#">
+		<figure>
+				
+						<img src="../../icons/functional/images/navigation/db_ic_list_20.svg" alt="" width="" height=""
+							class="elm-image "  >
+				
+					
+			<figcaption>
+				<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+				<h3 class="elm-headline">Title text</h3>
+				
+			</figcaption>
+		</figure>
+	</a>
+</li>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-image","lineagePath":"../../patterns/elements-image-image/elements-image-image.rendered.html"}],"lineage":[{"lineagePattern":"elements-image","lineagePath":"../../patterns/elements-image-image/elements-image-image.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-cards-banner","lineagePath":"../../patterns/components-cards-cards-banner/components-cards-cards-banner.rendered.html"},{"lineagePattern":"components-cards","lineagePath":"../../patterns/components-cards-cards/components-cards-cards.rendered.html","lineageState":"inprogress"}],"lineageR":[{"lineagePattern":"components-cards-banner","lineagePath":"../../patterns/components-cards-cards-banner/components-cards-cards-banner.rendered.html"},{"lineagePattern":"components-cards","lineagePath":"../../patterns/components-cards-cards/components-cards-cards.rendered.html","lineageState":"inprogress"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"cards"},"patternExtension":"hbs","patternName":"Card","patternPartial":"components-card","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-image","lineagePath":"../../patterns/elements-image-image/elements-image-image.rendered.html"}],"lineage":[{"lineagePattern":"elements-image","lineagePath":"../../patterns/elements-image-image/elements-image-image.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-cards-banner","lineagePath":"../../patterns/components-cards-cards-banner/components-cards-cards-banner.rendered.html"},{"lineagePattern":"components-cards","lineagePath":"../../patterns/components-cards-cards/components-cards-cards.rendered.html","lineageState":"inprogress"}],"lineageR":[{"lineagePattern":"components-cards-banner","lineagePath":"../../patterns/components-cards-cards-banner/components-cards-cards-banner.rendered.html"},{"lineagePattern":"components-cards","lineagePath":"../../patterns/components-cards-cards/components-cards-cards.rendered.html","lineageState":"inprogress"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"cards"},"patternExtension":"hbs","patternName":"Card","patternPartial":"components-card","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-cards-cards-banner/components-cards-cards-banner.hbs b/review/refactor-icon-update/patterns/components-cards-cards-banner/components-cards-cards-banner.hbs
new file mode 100644
index 0000000000..4399375d71
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-cards-cards-banner/components-cards-cards-banner.hbs
@@ -0,0 +1,5 @@
+<ul class="cmp-cards">
+	{{#each cards }}
+		{{> components-card variant=../variant }}
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/components-cards-cards-banner/components-cards-cards-banner.markup-only.html b/review/refactor-icon-update/patterns/components-cards-cards-banner/components-cards-cards-banner.markup-only.html
new file mode 100644
index 0000000000..31defbb0c6
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-cards-cards-banner/components-cards-cards-banner.markup-only.html
@@ -0,0 +1,58 @@
+<ul class="cmp-cards">
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 01</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 02</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 03</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 04</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/components-cards-cards-banner/components-cards-cards-banner.rendered.html b/review/refactor-icon-update/patterns/components-cards-cards-banner/components-cards-cards-banner.rendered.html
new file mode 100644
index 0000000000..56f76a7734
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-cards-cards-banner/components-cards-cards-banner.rendered.html
@@ -0,0 +1,175 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<ul class="cmp-cards">
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 01</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 02</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 03</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 04</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"lineage":[{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"cards"},"patternExtension":"hbs","patternName":"Cards Banner","patternPartial":"components-cards-banner","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"lineage":[{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"cards"},"patternExtension":"hbs","patternName":"Cards Banner","patternPartial":"components-cards-banner","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-cards/index.html b/review/refactor-icon-update/patterns/components-cards/index.html
new file mode 100644
index 0000000000..fea1d641a4
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-cards/index.html
@@ -0,0 +1,241 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-components-cards" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-cards&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-cards">Cards</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-cards-banner" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-cards-cards-banner&#x2F;components-cards-cards-banner.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-cards-banner" title="Link to Pattern">
+						Cards Banner
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-cards-banner" data-patternpartial="components-cards-banner" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-cards-banner">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="cmp-cards">
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 01</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 02</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 03</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 04</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-cards-banner" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"lineage":[{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"cards"},"patternExtension":"hbs","patternName":"Cards Banner","patternPartial":"components-cards-banner","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-components-cards"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-components-cards"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-dialog-dialog-button-alignment-end/components-dialog-button-alignment-end.js b/review/refactor-icon-update/patterns/components-dialog-dialog-button-alignment-end/components-dialog-button-alignment-end.js
new file mode 100644
index 0000000000..449849cbf9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-dialog-dialog-button-alignment-end/components-dialog-button-alignment-end.js
@@ -0,0 +1,72 @@
+// from: https://gist.github.com/samthor/babe9fad4a65625b301ba482dad284d1
+/**
+ * Updates the passed dialog to retain focus and restore it when the dialog is closed. Won't
+ * upgrade a dialog more than once. Supports IE11+ and is a no-op otherwise.
+ * @param {!HTMLDialogElement} dialog to upgrade
+ */
+var registerFocusRestoreDialog = (function() {
+  if (!window.WeakMap || !window.MutationObserver) {
+    return function() {};
+  }
+  var registered = new WeakMap();
+
+  // store previous focused node centrally
+  var previousFocus = null;
+  document.addEventListener('focusout', function(ev) {
+    previousFocus = ev.target;
+  }, true);
+
+  return function registerFocusRestoreDialog(dialog) {
+    if (dialog.localName !== 'dialog') {
+      throw new Error('Failed to upgrade focus on dialog: The element is not a dialog.');
+    }
+    if (registered.has(dialog)) { return; }
+    registered.set(dialog, null);
+
+    // replace showModal method directly, to save focus
+    var realShowModal = dialog.showModal;
+    dialog.showModal = function() {
+      var savedFocus = document.activeElement;
+      if (savedFocus === document || savedFocus === document.body) {
+        // some browsers read activeElement as body
+        savedFocus = previousFocus;
+      }
+      registered.set(dialog, savedFocus);
+      realShowModal.call(this);
+    };
+
+    // watch for 'open' change and clear saved
+    var mo = new MutationObserver(function() {
+      if (!dialog.hasAttribute('open')) {
+        registered.set(dialog, null);
+      } else {
+        // if open was cleared/set in the same frame, then the dialog will still be a modal (Y)
+      }
+    });
+    mo.observe(dialog, {attributes: true, attributeFilter: ['open']});
+
+    // on close, try to focus saved, if possible
+    dialog.addEventListener('close', function(ev) {
+      if (dialog.hasAttribute('open')) {
+        return;  // in native, this fires the frame later
+      }
+      var savedFocus = registered.get(dialog);
+      if (document.contains(savedFocus)) {
+        var wasFocus = document.activeElement;
+        savedFocus.focus();
+        if (document.activeElement !== savedFocus) {
+          wasFocus.focus();  // restore focus, we couldn't focus saved
+        }
+      }
+      savedFocus = null;
+    });
+
+    // FIXME: If a modal dialog is readded to the page (either remove/add or .appendChild), it will
+    // be a non-modal. It will still have its 'close' handler called and try to focus on the saved
+    // element.
+    //
+    // These could basically be solved if 'close' yielded whether it was a modal or non-modal
+    // being closed. But it doesn't. It could also be solved by a permanent MutationObserver, as is
+    // done inside the polyfill.
+  }
+}());
diff --git a/review/refactor-icon-update/patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.hbs b/review/refactor-icon-update/patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.hbs
new file mode 100644
index 0000000000..6c1f17704d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.hbs
@@ -0,0 +1,17 @@
+{{#if opener }}
+{{> elements-button command="show-modal" commandfor=id value='Dialog öffnen' variant="secondary-outline" }}
+{{/if }}
+<dialog id="{{ id }}" class="cmp-dialog">
+	<header>
+		<!-- [html-validate-disable-next heading-level] -->
+		{{> elements-headline type='2' text='Modal' id='' }}
+		<button type="button" class="is-close" title="Close the dialog" command="close" commandfor="{{ id }}">Close</button>
+	</header>
+	<main>
+		<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+	</main>
+	<footer{{#if footerAlignment}} data-alignment="{{ footerAlignment }}"{{/if }}>
+		{{> elements-button variant="secondary" value='Secondary' }}
+		{{> elements-button variant="brand-primary" value='Primary' }}
+	</footer>
+</dialog>
diff --git a/review/refactor-icon-update/patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.markup-only.html b/review/refactor-icon-update/patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.markup-only.html
new file mode 100644
index 0000000000..7ccb3721fd
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.markup-only.html
@@ -0,0 +1,58 @@
+<button class="elm-button "
+	data-variant="secondary-outline"
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	 command="show-modal"
+	 commandfor="dialog02">
+	Dialog öffnen
+</button>
+<dialog id="dialog02" class="cmp-dialog">
+	<header>
+		<!-- [html-validate-disable-next heading-level] -->
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Modal</h2>
+		<button type="button" class="is-close" title="Close the dialog" command="close" commandfor="dialog02">Close</button>
+	</header>
+	<main>
+		<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+	</main>
+	<footer data-alignment="end">
+		<button class="elm-button "
+			data-variant="secondary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Secondary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Primary
+		</button>
+	</footer>
+</dialog>
diff --git a/review/refactor-icon-update/patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html b/review/refactor-icon-update/patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html
new file mode 100644
index 0000000000..1e5ec11db3
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html
@@ -0,0 +1,175 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<button class="elm-button "
+	data-variant="secondary-outline"
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	 command="show-modal"
+	 commandfor="dialog02">
+	Dialog öffnen
+</button>
+<dialog id="dialog02" class="cmp-dialog">
+	<header>
+		<!-- [html-validate-disable-next heading-level] -->
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Modal</h2>
+		<button type="button" class="is-close" title="Close the dialog" command="close" commandfor="dialog02">Close</button>
+	</header>
+	<main>
+		<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+	</main>
+	<footer data-alignment="end">
+		<button class="elm-button "
+			data-variant="secondary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Secondary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Primary
+		</button>
+	</footer>
+</dialog>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dialog"},"patternExtension":"hbs","patternName":"Dialog Button Alignment End","patternPartial":"components-dialog-button-alignment-end","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dialog"},"patternExtension":"hbs","patternName":"Dialog Button Alignment End","patternPartial":"components-dialog-button-alignment-end","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-dialog-dialog/components-dialog-dialog.hbs b/review/refactor-icon-update/patterns/components-dialog-dialog/components-dialog-dialog.hbs
new file mode 100644
index 0000000000..6c1f17704d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-dialog-dialog/components-dialog-dialog.hbs
@@ -0,0 +1,17 @@
+{{#if opener }}
+{{> elements-button command="show-modal" commandfor=id value='Dialog öffnen' variant="secondary-outline" }}
+{{/if }}
+<dialog id="{{ id }}" class="cmp-dialog">
+	<header>
+		<!-- [html-validate-disable-next heading-level] -->
+		{{> elements-headline type='2' text='Modal' id='' }}
+		<button type="button" class="is-close" title="Close the dialog" command="close" commandfor="{{ id }}">Close</button>
+	</header>
+	<main>
+		<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+	</main>
+	<footer{{#if footerAlignment}} data-alignment="{{ footerAlignment }}"{{/if }}>
+		{{> elements-button variant="secondary" value='Secondary' }}
+		{{> elements-button variant="brand-primary" value='Primary' }}
+	</footer>
+</dialog>
diff --git a/review/refactor-icon-update/patterns/components-dialog-dialog/components-dialog-dialog.markup-only.html b/review/refactor-icon-update/patterns/components-dialog-dialog/components-dialog-dialog.markup-only.html
new file mode 100644
index 0000000000..9c689454a8
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-dialog-dialog/components-dialog-dialog.markup-only.html
@@ -0,0 +1,58 @@
+<button class="elm-button "
+	data-variant="secondary-outline"
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	 command="show-modal"
+	 commandfor="dialog01">
+	Dialog öffnen
+</button>
+<dialog id="dialog01" class="cmp-dialog">
+	<header>
+		<!-- [html-validate-disable-next heading-level] -->
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Modal</h2>
+		<button type="button" class="is-close" title="Close the dialog" command="close" commandfor="dialog01">Close</button>
+	</header>
+	<main>
+		<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+	</main>
+	<footer>
+		<button class="elm-button "
+			data-variant="secondary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Secondary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Primary
+		</button>
+	</footer>
+</dialog>
diff --git a/review/refactor-icon-update/patterns/components-dialog-dialog/components-dialog-dialog.rendered.html b/review/refactor-icon-update/patterns/components-dialog-dialog/components-dialog-dialog.rendered.html
new file mode 100644
index 0000000000..b164a9f57e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-dialog-dialog/components-dialog-dialog.rendered.html
@@ -0,0 +1,175 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<button class="elm-button "
+	data-variant="secondary-outline"
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	 command="show-modal"
+	 commandfor="dialog01">
+	Dialog öffnen
+</button>
+<dialog id="dialog01" class="cmp-dialog">
+	<header>
+		<!-- [html-validate-disable-next heading-level] -->
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Modal</h2>
+		<button type="button" class="is-close" title="Close the dialog" command="close" commandfor="dialog01">Close</button>
+	</header>
+	<main>
+		<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+	</main>
+	<footer>
+		<button class="elm-button "
+			data-variant="secondary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Secondary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Primary
+		</button>
+	</footer>
+</dialog>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Usage notes</h2>\n<p>The <code>&lt;dialog&gt;</code> element is a native HTML element that provides a common JavaScript API with events, properties and methods: <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement\">https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement</a></p>\n<blockquote>\n<p>The <code>::backdrop</code> CSS pseudo-element can be used to style behind a <code>&lt;dialog&gt;</code> element, for example to dim inaccessible content whilst a modal dialog is active. The backdrop is only drawn when the dialog element is displayed with <code>HTMLDialogElement.showModal()</code>.</p>\n</blockquote>\n<blockquote>\n<p><code>&lt;form&gt;</code> elements can be integrated within a dialog by specifying them with the attribute <code>method=&quot;dialog&quot;</code>. When such a form is submitted, the dialog is closed with its <code>returnValue</code> attribute set to the <code>value</code> of the form's submit button that was used.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#Usage_notes\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#Usage_notes</a></p>\n<h2>JavaScript dependencies</h2>\n<p><strong>Dialog polyfill</strong>: As some <a href=\"https://caniuse.com/#feat=dialog\">older browsers don't fully support the native dialog HTML tag so far</a> we'll <a href=\"https://github.com/GoogleChrome/dialog-polyfill\">have to use a polyfill</a>, that is being included into the file <code>source/js/plugins.min.js</code> during build, as well as <a href=\"https://gist.github.com/samthor/babe9fad4a65625b301ba482dad284d1\">a snippet that enforces to return focus to the previously focused element on the page after closing the dialog</a>, which is included within <code>source/js/plugins.min.js</code> as well. Good news: With Safari 15.4 the last remaining of the modern browsers shipped the <code>dialog</code> elements support: <a href=\"https://webkit.org/blog/12209/introducing-the-dialog-element/\">https://webkit.org/blog/12209/introducing-the-dialog-element/</a></p>\n<p><strong>Please feel free to include and initialize this script according to your JavaScript ecosystem individually, and especially develop the logic out of <a href=\"https://open-ui.org/components/invokers.explainer/\"><code>invoker commands</code></a> on your own for your specific context and techstack.</strong></p>\n<h2>Accessibility</h2>\n<p>This pattern has been tested and approved regarding accessibility.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dialog"},"patternExtension":"hbs","patternName":"Dialog","patternPartial":"components-dialog","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Usage notes</h2>\n<p>The <code>&lt;dialog&gt;</code> element is a native HTML element that provides a common JavaScript API with events, properties and methods: <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement\">https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement</a></p>\n<blockquote>\n<p>The <code>::backdrop</code> CSS pseudo-element can be used to style behind a <code>&lt;dialog&gt;</code> element, for example to dim inaccessible content whilst a modal dialog is active. The backdrop is only drawn when the dialog element is displayed with <code>HTMLDialogElement.showModal()</code>.</p>\n</blockquote>\n<blockquote>\n<p><code>&lt;form&gt;</code> elements can be integrated within a dialog by specifying them with the attribute <code>method=&quot;dialog&quot;</code>. When such a form is submitted, the dialog is closed with its <code>returnValue</code> attribute set to the <code>value</code> of the form's submit button that was used.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#Usage_notes\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#Usage_notes</a></p>\n<h2>JavaScript dependencies</h2>\n<p><strong>Dialog polyfill</strong>: As some <a href=\"https://caniuse.com/#feat=dialog\">older browsers don't fully support the native dialog HTML tag so far</a> we'll <a href=\"https://github.com/GoogleChrome/dialog-polyfill\">have to use a polyfill</a>, that is being included into the file <code>source/js/plugins.min.js</code> during build, as well as <a href=\"https://gist.github.com/samthor/babe9fad4a65625b301ba482dad284d1\">a snippet that enforces to return focus to the previously focused element on the page after closing the dialog</a>, which is included within <code>source/js/plugins.min.js</code> as well. Good news: With Safari 15.4 the last remaining of the modern browsers shipped the <code>dialog</code> elements support: <a href=\"https://webkit.org/blog/12209/introducing-the-dialog-element/\">https://webkit.org/blog/12209/introducing-the-dialog-element/</a></p>\n<p><strong>Please feel free to include and initialize this script according to your JavaScript ecosystem individually, and especially develop the logic out of <a href=\"https://open-ui.org/components/invokers.explainer/\"><code>invoker commands</code></a> on your own for your specific context and techstack.</strong></p>\n<h2>Accessibility</h2>\n<p>This pattern has been tested and approved regarding accessibility.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dialog"},"patternExtension":"hbs","patternName":"Dialog","patternPartial":"components-dialog","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-dialog-dialog/components-dialog.js b/review/refactor-icon-update/patterns/components-dialog-dialog/components-dialog.js
new file mode 100644
index 0000000000..449849cbf9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-dialog-dialog/components-dialog.js
@@ -0,0 +1,72 @@
+// from: https://gist.github.com/samthor/babe9fad4a65625b301ba482dad284d1
+/**
+ * Updates the passed dialog to retain focus and restore it when the dialog is closed. Won't
+ * upgrade a dialog more than once. Supports IE11+ and is a no-op otherwise.
+ * @param {!HTMLDialogElement} dialog to upgrade
+ */
+var registerFocusRestoreDialog = (function() {
+  if (!window.WeakMap || !window.MutationObserver) {
+    return function() {};
+  }
+  var registered = new WeakMap();
+
+  // store previous focused node centrally
+  var previousFocus = null;
+  document.addEventListener('focusout', function(ev) {
+    previousFocus = ev.target;
+  }, true);
+
+  return function registerFocusRestoreDialog(dialog) {
+    if (dialog.localName !== 'dialog') {
+      throw new Error('Failed to upgrade focus on dialog: The element is not a dialog.');
+    }
+    if (registered.has(dialog)) { return; }
+    registered.set(dialog, null);
+
+    // replace showModal method directly, to save focus
+    var realShowModal = dialog.showModal;
+    dialog.showModal = function() {
+      var savedFocus = document.activeElement;
+      if (savedFocus === document || savedFocus === document.body) {
+        // some browsers read activeElement as body
+        savedFocus = previousFocus;
+      }
+      registered.set(dialog, savedFocus);
+      realShowModal.call(this);
+    };
+
+    // watch for 'open' change and clear saved
+    var mo = new MutationObserver(function() {
+      if (!dialog.hasAttribute('open')) {
+        registered.set(dialog, null);
+      } else {
+        // if open was cleared/set in the same frame, then the dialog will still be a modal (Y)
+      }
+    });
+    mo.observe(dialog, {attributes: true, attributeFilter: ['open']});
+
+    // on close, try to focus saved, if possible
+    dialog.addEventListener('close', function(ev) {
+      if (dialog.hasAttribute('open')) {
+        return;  // in native, this fires the frame later
+      }
+      var savedFocus = registered.get(dialog);
+      if (document.contains(savedFocus)) {
+        var wasFocus = document.activeElement;
+        savedFocus.focus();
+        if (document.activeElement !== savedFocus) {
+          wasFocus.focus();  // restore focus, we couldn't focus saved
+        }
+      }
+      savedFocus = null;
+    });
+
+    // FIXME: If a modal dialog is readded to the page (either remove/add or .appendChild), it will
+    // be a non-modal. It will still have its 'close' handler called and try to focus on the saved
+    // element.
+    //
+    // These could basically be solved if 'close' yielded whether it was a modal or non-modal
+    // being closed. But it doesn't. It could also be solved by a permanent MutationObserver, as is
+    // done inside the polyfill.
+  }
+}());
diff --git a/review/refactor-icon-update/patterns/components-dialog/index.html b/review/refactor-icon-update/patterns/components-dialog/index.html
new file mode 100644
index 0000000000..20ec8f3c7f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-dialog/index.html
@@ -0,0 +1,343 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-components-dialog" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-dialog&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-dialog">Dialog</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-dialog" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-dialog-dialog&#x2F;components-dialog-dialog.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-dialog" title="Link to Pattern">
+						Dialog
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-dialog" data-patternpartial="components-dialog" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-dialog">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<button class="elm-button "
+	data-variant="secondary-outline"
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	 command="show-modal"
+	 commandfor="dialog01">
+	Dialog öffnen
+</button>
+<dialog id="dialog01" class="cmp-dialog">
+	<header>
+		<!-- [html-validate-disable-next heading-level] -->
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Modal</h2>
+		<button type="button" class="is-close" title="Close the dialog" command="close" commandfor="dialog01">Close</button>
+	</header>
+	<main>
+		<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+	</main>
+	<footer>
+		<button class="elm-button "
+			data-variant="secondary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Secondary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Primary
+		</button>
+	</footer>
+</dialog>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-dialog" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Usage notes</h2>\n<p>The <code>&lt;dialog&gt;</code> element is a native HTML element that provides a common JavaScript API with events, properties and methods: <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement\">https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement</a></p>\n<blockquote>\n<p>The <code>::backdrop</code> CSS pseudo-element can be used to style behind a <code>&lt;dialog&gt;</code> element, for example to dim inaccessible content whilst a modal dialog is active. The backdrop is only drawn when the dialog element is displayed with <code>HTMLDialogElement.showModal()</code>.</p>\n</blockquote>\n<blockquote>\n<p><code>&lt;form&gt;</code> elements can be integrated within a dialog by specifying them with the attribute <code>method=&quot;dialog&quot;</code>. When such a form is submitted, the dialog is closed with its <code>returnValue</code> attribute set to the <code>value</code> of the form's submit button that was used.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#Usage_notes\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#Usage_notes</a></p>\n<h2>JavaScript dependencies</h2>\n<p><strong>Dialog polyfill</strong>: As some <a href=\"https://caniuse.com/#feat=dialog\">older browsers don't fully support the native dialog HTML tag so far</a> we'll <a href=\"https://github.com/GoogleChrome/dialog-polyfill\">have to use a polyfill</a>, that is being included into the file <code>source/js/plugins.min.js</code> during build, as well as <a href=\"https://gist.github.com/samthor/babe9fad4a65625b301ba482dad284d1\">a snippet that enforces to return focus to the previously focused element on the page after closing the dialog</a>, which is included within <code>source/js/plugins.min.js</code> as well. Good news: With Safari 15.4 the last remaining of the modern browsers shipped the <code>dialog</code> elements support: <a href=\"https://webkit.org/blog/12209/introducing-the-dialog-element/\">https://webkit.org/blog/12209/introducing-the-dialog-element/</a></p>\n<p><strong>Please feel free to include and initialize this script according to your JavaScript ecosystem individually, and especially develop the logic out of <a href=\"https://open-ui.org/components/invokers.explainer/\"><code>invoker commands</code></a> on your own for your specific context and techstack.</strong></p>\n<h2>Accessibility</h2>\n<p>This pattern has been tested and approved regarding accessibility.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dialog"},"patternExtension":"hbs","patternName":"Dialog","patternPartial":"components-dialog","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-dialog-button-alignment-end" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-dialog-dialog-button-alignment-end&#x2F;components-dialog-dialog-button-alignment-end.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-dialog-button-alignment-end" title="Link to Pattern">
+						Dialog Button Alignment End
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-dialog-button-alignment-end" data-patternpartial="components-dialog-button-alignment-end" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-dialog-button-alignment-end">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<button class="elm-button "
+	data-variant="secondary-outline"
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	 command="show-modal"
+	 commandfor="dialog02">
+	Dialog öffnen
+</button>
+<dialog id="dialog02" class="cmp-dialog">
+	<header>
+		<!-- [html-validate-disable-next heading-level] -->
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Modal</h2>
+		<button type="button" class="is-close" title="Close the dialog" command="close" commandfor="dialog02">Close</button>
+	</header>
+	<main>
+		<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+	</main>
+	<footer data-alignment="end">
+		<button class="elm-button "
+			data-variant="secondary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Secondary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Primary
+		</button>
+	</footer>
+</dialog>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-dialog-button-alignment-end" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dialog"},"patternExtension":"hbs","patternName":"Dialog Button Alignment End","patternPartial":"components-dialog-button-alignment-end","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-components-dialog"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-components-dialog"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.hbs b/review/refactor-icon-update/patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.hbs
new file mode 100644
index 0000000000..df02cbdd3a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.hbs
@@ -0,0 +1 @@
+{{> components-overflow-menu patternName="cmp-dropdown" entry01="Profileinstellungen" entry02="Logout" }}
diff --git a/review/refactor-icon-update/patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.markup-only.html b/review/refactor-icon-update/patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.markup-only.html
new file mode 100644
index 0000000000..3366d40972
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.markup-only.html
@@ -0,0 +1,38 @@
+
+<details class="cmp-dropdown" data-horizontal-position="opposite">
+	<summary>Toggle user menus visibility</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Profileinstellungen
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Logout
+</button>
+</li>
+	</menu>
+</details>
diff --git a/review/refactor-icon-update/patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html b/review/refactor-icon-update/patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html
new file mode 100644
index 0000000000..6db34b322e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html
@@ -0,0 +1,155 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<details class="cmp-dropdown" data-horizontal-position="opposite">
+	<summary>Toggle user menus visibility</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Profileinstellungen
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Logout
+</button>
+</li>
+	</menu>
+</details>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dropdown"},"patternExtension":"hbs","patternName":"Dropdown (within the header area) / opposite position","patternPartial":"components-dropdown-opposite-position","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":2}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dropdown"},"patternExtension":"hbs","patternName":"Dropdown (within the header area) / opposite position","patternPartial":"components-dropdown-opposite-position","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":2}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-dropdown-dropdown/components-dropdown-dropdown.hbs b/review/refactor-icon-update/patterns/components-dropdown-dropdown/components-dropdown-dropdown.hbs
new file mode 100644
index 0000000000..df02cbdd3a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-dropdown-dropdown/components-dropdown-dropdown.hbs
@@ -0,0 +1 @@
+{{> components-overflow-menu patternName="cmp-dropdown" entry01="Profileinstellungen" entry02="Logout" }}
diff --git a/review/refactor-icon-update/patterns/components-dropdown-dropdown/components-dropdown-dropdown.markup-only.html b/review/refactor-icon-update/patterns/components-dropdown-dropdown/components-dropdown-dropdown.markup-only.html
new file mode 100644
index 0000000000..7e5fabdaa0
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-dropdown-dropdown/components-dropdown-dropdown.markup-only.html
@@ -0,0 +1,38 @@
+
+<details class="cmp-dropdown">
+	<summary>Toggle user menus visibility</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Profileinstellungen
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Logout
+</button>
+</li>
+	</menu>
+</details>
diff --git a/review/refactor-icon-update/patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html b/review/refactor-icon-update/patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html
new file mode 100644
index 0000000000..7bb03fca76
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html
@@ -0,0 +1,155 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<details class="cmp-dropdown">
+	<summary>Toggle user menus visibility</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Profileinstellungen
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Logout
+</button>
+</li>
+	</menu>
+</details>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineageR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dropdown"},"patternExtension":"hbs","patternName":"Dropdown","patternPartial":"components-dropdown","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineageR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dropdown"},"patternExtension":"hbs","patternName":"Dropdown","patternPartial":"components-dropdown","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-dropdown/index.html b/review/refactor-icon-update/patterns/components-dropdown/index.html
new file mode 100644
index 0000000000..9e82f0c99f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-dropdown/index.html
@@ -0,0 +1,310 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-components-dropdown" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-dropdown&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-dropdown">Dropdown</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<p>This component is mainly meant to get used within the header section. If you're looking for a similar one within the content section, please refer to the <code>overflow menu</code> component.</p>
+<h2>Variation to display the overflow menu on the opposite side</h2>
+<p>This component expected to be placed at the end of the header regularly and thatfor opens the overlay to its opposite side (to the right on left-to-right reading direction). If you'd like to change this behaviour e.g. to implement some kind of a collision mechanism (most likely with JavaScript) and flip the overlays orientation to the opposite side, you could use the following attribute to configure this orientation change, compare to the examples below as well:</p>
+<pre><code class="language-html">data-horizontal-position=&quot;opposite&quot;
+</code></pre>
+<h2>JavaScript polyfill necessary for Microsoft Internet Explorer and Edge (older versions than 79)</h2>
+<p>In case you would need to support Microsoft Internet Explorer and/or Edge within your project setup, you'll need to polyfill (with e.g. <a href="https://github.com/javan/details-element-polyfill">details-element-polyfill</a>, that is still included in our pages for demo purposes) the <code>details</code> and <code>summary</code> HTML tags due to <a href="https://caniuse.com/#feat=details">their missing browser setup in those environments</a>.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-dropdown" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-dropdown-dropdown&#x2F;components-dropdown-dropdown.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-dropdown" title="Link to Pattern">
+						Dropdown
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-dropdown" data-patternpartial="components-dropdown" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-dropdown">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<details class="cmp-dropdown">
+	<summary>Toggle user menus visibility</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Profileinstellungen
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Logout
+</button>
+</li>
+	</menu>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-dropdown" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineageR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dropdown"},"patternExtension":"hbs","patternName":"Dropdown","patternPartial":"components-dropdown","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-dropdown-opposite-position" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-dropdown-dropdown-opposite-position&#x2F;components-dropdown-dropdown-opposite-position.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-dropdown-opposite-position" title="Link to Pattern">
+						Dropdown (within the header area) &#x2F; opposite position
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-dropdown-opposite-position" data-patternpartial="components-dropdown-opposite-position" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-dropdown-opposite-position">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<details class="cmp-dropdown" data-horizontal-position="opposite">
+	<summary>Toggle user menus visibility</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Profileinstellungen
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Logout
+</button>
+</li>
+	</menu>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-dropdown-opposite-position" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dropdown"},"patternExtension":"hbs","patternName":"Dropdown (within the header area) / opposite position","patternPartial":"components-dropdown-opposite-position","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":2}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-components-dropdown"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-components-dropdown"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-form-example-form/components-form-example-form.hbs b/review/refactor-icon-update/patterns/components-form-example-form/components-form-example-form.hbs
new file mode 100644
index 0000000000..466b75513c
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-form-example-form/components-form-example-form.hbs
@@ -0,0 +1,9 @@
+<form>
+	<fieldset>
+		<legend>Please choose a flavour</legend>
+		{{> elements-radio label="Vanilla" value="vanilla" id="input-vanilla" name="flavour[]" }}<br>
+		{{> elements-radio label="Strawberry" value="strawberry" id="input-strawberry" name="flavour[]" }}<br>
+		{{> elements-radio label="Chocolate" value="chocolate" id="input-chocolate" name="flavour[]" }}
+	</fieldset>
+	{{> elements-button buttontype="submit" value="Order your icecream" }}
+</form>
diff --git a/review/refactor-icon-update/patterns/components-form-example-form/components-form-example-form.markup-only.html b/review/refactor-icon-update/patterns/components-form-example-form/components-form-example-form.markup-only.html
new file mode 100644
index 0000000000..8031ee8a25
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-form-example-form/components-form-example-form.markup-only.html
@@ -0,0 +1,55 @@
+<form>
+	<fieldset>
+		<legend>Please choose a flavour</legend>
+		<input type="radio"
+	class="elm-radio "
+	name="flavour[]"
+	id="input-vanilla"
+	
+	
+	 value="vanilla"
+	
+	
+	>
+<label class="elm-label" for="input-vanilla">Vanilla</label>
+<br>
+		<input type="radio"
+	class="elm-radio "
+	name="flavour[]"
+	id="input-strawberry"
+	
+	
+	 value="strawberry"
+	
+	
+	>
+<label class="elm-label" for="input-strawberry">Strawberry</label>
+<br>
+		<input type="radio"
+			class="elm-radio "
+			name="flavour[]"
+			id="input-chocolate"
+			
+			
+			 value="chocolate"
+			
+			
+			>
+		<label class="elm-label" for="input-chocolate">Chocolate</label>
+	</fieldset>
+	<button class="elm-button "
+		
+		
+		title="Title text"
+		type="submit"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Order your icecream
+	</button>
+</form>
diff --git a/review/refactor-icon-update/patterns/components-form-example-form/components-form-example-form.rendered.html b/review/refactor-icon-update/patterns/components-form-example-form/components-form-example-form.rendered.html
new file mode 100644
index 0000000000..7d09498629
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-form-example-form/components-form-example-form.rendered.html
@@ -0,0 +1,172 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<form>
+	<fieldset>
+		<legend>Please choose a flavour</legend>
+		<input type="radio"
+	class="elm-radio "
+	name="flavour[]"
+	id="input-vanilla"
+	
+	
+	 value="vanilla"
+	
+	
+	>
+<label class="elm-label" for="input-vanilla">Vanilla</label>
+<br>
+		<input type="radio"
+	class="elm-radio "
+	name="flavour[]"
+	id="input-strawberry"
+	
+	
+	 value="strawberry"
+	
+	
+	>
+<label class="elm-label" for="input-strawberry">Strawberry</label>
+<br>
+		<input type="radio"
+			class="elm-radio "
+			name="flavour[]"
+			id="input-chocolate"
+			
+			
+			 value="chocolate"
+			
+			
+			>
+		<label class="elm-label" for="input-chocolate">Chocolate</label>
+	</fieldset>
+	<button class="elm-button "
+		
+		
+		title="Title text"
+		type="submit"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Order your icecream
+	</button>
+</form>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"form"},"patternExtension":"hbs","patternName":"Example Form","patternPartial":"components-example-form","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"form"},"patternExtension":"hbs","patternName":"Example Form","patternPartial":"components-example-form","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-form/index.html b/review/refactor-icon-update/patterns/components-form/index.html
new file mode 100644
index 0000000000..9e0a9db9ce
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-form/index.html
@@ -0,0 +1,261 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-components-form" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-form&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-form">Form</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>General information</h2>
+<p>Forms in general are being built out of elements like form, input, textarea, button and fieldset.</p>
+<p>For more information reach out to <a href="https://developer.mozilla.org/en-US/docs/Learn/Forms">https://developer.mozilla.org/en-US/docs/Learn/Forms</a></p>
+<h2>Best practices</h2>
+<p>Best practice, research insights and examples: <a href="https://gerireid.com/forms.html">https://gerireid.com/forms.html</a></p>
+<h2>Form validation</h2>
+<p>It's best to use the built-in and standard form validation, as these are standards based API implementations, that are as well providing compatible and consistent states both for CSS and JS:</p>
+<ul>
+<li>Interoperability</li>
+<li>semantic (machine readable/understandable) state, even also keep a11y in mind</li>
+<li>Single source of truth regarding the form (elements) state within the browser itself</li>
+<li>Built-in localized validation messages</li>
+</ul>
+<p>Additionally this way you're following the principles of Progressive Enhancement - and in other words, any JavaScript only solution doesn't provide a graceful degradation and puts that whole functionality to the weakest layer in the stack even only.</p>
+<p>Nevertheless additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute"><code>aria-invalid=&quot;true&quot;</code> attribute</a> on the elements <code>input</code>, <code>radio</code>, <code>select</code> and <code>textarea</code>.
+We can't toggle any given/static attribute in the DB UI Core product itself, as we don't want to use JavaScript in this basic product. As you'd also need to add individual error messages, please find some inspiration on the necessary HTML code implementation e.g. on <a href="http://mars.dequecloud.com/demo/form-alert3.htm">http://mars.dequecloud.com/demo/form-alert3.htm</a></p>
+<p>Please find some more informations on the following pages:</p>
+<ul>
+<li><a href="https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation">https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation</a></li>
+<li><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation">https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation</a></li>
+</ul>
+<h2>Accessibility</h2>
+<p>Forms can be tricky, so read through the <a href="https://www.w3.org/WAI/tutorials/forms/">W3C forms WAI tutorials</a> for some guidance around how to implement accessibility successfully.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-example-form" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-form-example-form&#x2F;components-form-example-form.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-example-form" title="Link to Pattern">
+						Example Form
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-example-form" data-patternpartial="components-example-form" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-example-form">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<form>
+	<fieldset>
+		<legend>Please choose a flavour</legend>
+		<input type="radio"
+	class="elm-radio "
+	name="flavour[]"
+	id="input-vanilla"
+	
+	
+	 value="vanilla"
+	
+	
+	>
+<label class="elm-label" for="input-vanilla">Vanilla</label>
+<br>
+		<input type="radio"
+	class="elm-radio "
+	name="flavour[]"
+	id="input-strawberry"
+	
+	
+	 value="strawberry"
+	
+	
+	>
+<label class="elm-label" for="input-strawberry">Strawberry</label>
+<br>
+		<input type="radio"
+			class="elm-radio "
+			name="flavour[]"
+			id="input-chocolate"
+			
+			
+			 value="chocolate"
+			
+			
+			>
+		<label class="elm-label" for="input-chocolate">Chocolate</label>
+	</fieldset>
+	<button class="elm-button "
+		
+		
+		title="Title text"
+		type="submit"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Order your icecream
+	</button>
+</form>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-example-form" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"form"},"patternExtension":"hbs","patternName":"Example Form","patternPartial":"components-example-form","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-components-form"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-components-form"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.hbs b/review/refactor-icon-update/patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.hbs
new file mode 100644
index 0000000000..d10b088e60
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.hbs
@@ -0,0 +1,24 @@
+{{#if spa}}<!-- [html-validate-disable-next prefer-native-element] -->{{/if }}
+<ul class="cmp-language-switcher"{{#if spa}} role="listbox"{{/if }}>
+	<li{{#if spa}} role="option"{{/if }}>
+		{{#unless spa}}
+			{{> elements-link href='#' hreflang='en' value='EN' title='English language' rel='alternate' }}
+		{{else}}
+			{{> elements-button type='button' value='EN' title='English language' variant='tertiary-plain' }}
+		{{/unless }}
+	</li>
+	<li{{#if spa}} role="option" aria-selected="true"{{else}} aria-current="page"{{/if }}>
+		{{#unless spa}}
+			{{> elements-link href='#' hreflang='de' value='DE' title='Deutsche Sprache' rel='bookmark' }}
+		{{else}}
+			{{> elements-button type='button' value='DE' title='Deutsche Sprache' variant='tertiary-plain' }}
+		{{/unless }}
+	</li>
+	<li{{#if spa}} role="option"{{/if }}>
+		{{#unless spa}}
+			{{> elements-link href='#' hreflang='fr' value='FR' title='Langue française' rel='alternate' }}
+		{{else}}
+			{{> elements-button type='button' value='FR' title='Langue française' variant='tertiary-plain' }}
+		{{/unless }}
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.markup-only.html b/review/refactor-icon-update/patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.markup-only.html
new file mode 100644
index 0000000000..44f974ae9e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.markup-only.html
@@ -0,0 +1,54 @@
+<!-- [html-validate-disable-next prefer-native-element] -->
+<ul class="cmp-language-switcher" role="listbox">
+	<li role="option">
+			<button class="elm-button "
+				data-variant="tertiary-plain"
+				
+				title="English language"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				EN
+			</button>
+	</li>
+	<li role="option" aria-selected="true">
+			<button class="elm-button "
+				data-variant="tertiary-plain"
+				
+				title="Deutsche Sprache"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				DE
+			</button>
+	</li>
+	<li role="option">
+			<button class="elm-button "
+				data-variant="tertiary-plain"
+				
+				title="Langue française"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				FR
+			</button>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html b/review/refactor-icon-update/patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html
new file mode 100644
index 0000000000..52a5615bcd
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html
@@ -0,0 +1,171 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- [html-validate-disable-next prefer-native-element] -->
+<ul class="cmp-language-switcher" role="listbox">
+	<li role="option">
+			<button class="elm-button "
+				data-variant="tertiary-plain"
+				
+				title="English language"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				EN
+			</button>
+	</li>
+	<li role="option" aria-selected="true">
+			<button class="elm-button "
+				data-variant="tertiary-plain"
+				
+				title="Deutsche Sprache"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				DE
+			</button>
+	</li>
+	<li role="option">
+			<button class="elm-button "
+				data-variant="tertiary-plain"
+				
+				title="Langue française"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				FR
+			</button>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"language-switcher"},"patternExtension":"hbs","patternName":"Language switcher with buttons","patternPartial":"components-language-switcher-spa","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"language-switcher"},"patternExtension":"hbs","patternName":"Language switcher with buttons","patternPartial":"components-language-switcher-spa","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.hbs b/review/refactor-icon-update/patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.hbs
new file mode 100644
index 0000000000..d10b088e60
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.hbs
@@ -0,0 +1,24 @@
+{{#if spa}}<!-- [html-validate-disable-next prefer-native-element] -->{{/if }}
+<ul class="cmp-language-switcher"{{#if spa}} role="listbox"{{/if }}>
+	<li{{#if spa}} role="option"{{/if }}>
+		{{#unless spa}}
+			{{> elements-link href='#' hreflang='en' value='EN' title='English language' rel='alternate' }}
+		{{else}}
+			{{> elements-button type='button' value='EN' title='English language' variant='tertiary-plain' }}
+		{{/unless }}
+	</li>
+	<li{{#if spa}} role="option" aria-selected="true"{{else}} aria-current="page"{{/if }}>
+		{{#unless spa}}
+			{{> elements-link href='#' hreflang='de' value='DE' title='Deutsche Sprache' rel='bookmark' }}
+		{{else}}
+			{{> elements-button type='button' value='DE' title='Deutsche Sprache' variant='tertiary-plain' }}
+		{{/unless }}
+	</li>
+	<li{{#if spa}} role="option"{{/if }}>
+		{{#unless spa}}
+			{{> elements-link href='#' hreflang='fr' value='FR' title='Langue française' rel='alternate' }}
+		{{else}}
+			{{> elements-button type='button' value='FR' title='Langue française' variant='tertiary-plain' }}
+		{{/unless }}
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.markup-only.html b/review/refactor-icon-update/patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.markup-only.html
new file mode 100644
index 0000000000..3beedfc0ee
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.markup-only.html
@@ -0,0 +1,63 @@
+
+<ul class="cmp-language-switcher">
+	<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="English language"
+				 rel="alternate"
+				
+				
+				
+				
+				
+				 hreflang="en"
+				
+				
+				
+				
+				
+				>EN
+			</a>
+	</li>
+	<li aria-current="page">
+			<a
+				href="#"
+				class="elm-link "
+				title="Deutsche Sprache"
+				 rel="bookmark"
+				
+				
+				
+				
+				
+				 hreflang="de"
+				
+				
+				
+				
+				
+				>DE
+			</a>
+	</li>
+	<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="Langue française"
+				 rel="alternate"
+				
+				
+				
+				
+				
+				 hreflang="fr"
+				
+				
+				
+				
+				
+				>FR
+			</a>
+	</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html b/review/refactor-icon-update/patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html
new file mode 100644
index 0000000000..d418ba327d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html
@@ -0,0 +1,180 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<ul class="cmp-language-switcher">
+	<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="English language"
+				 rel="alternate"
+				
+				
+				
+				
+				
+				 hreflang="en"
+				
+				
+				
+				
+				
+				>EN
+			</a>
+	</li>
+	<li aria-current="page">
+			<a
+				href="#"
+				class="elm-link "
+				title="Deutsche Sprache"
+				 rel="bookmark"
+				
+				
+				
+				
+				
+				 hreflang="de"
+				
+				
+				
+				
+				
+				>DE
+			</a>
+	</li>
+	<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="Langue française"
+				 rel="alternate"
+				
+				
+				
+				
+				
+				 hreflang="fr"
+				
+				
+				
+				
+				
+				>FR
+			</a>
+	</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineageR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"language-switcher"},"patternExtension":"hbs","patternName":"Language switcher","patternPartial":"components-language-switcher","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineageR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"language-switcher"},"patternExtension":"hbs","patternName":"Language switcher","patternPartial":"components-language-switcher","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-language-switcher/index.html b/review/refactor-icon-update/patterns/components-language-switcher/index.html
new file mode 100644
index 0000000000..0d553de7b0
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-language-switcher/index.html
@@ -0,0 +1,348 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-components-language-switcher" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-language-switcher&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-language-switcher">Language Switcher</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<p>You could either use the language switcher component with hyperlinks, which would be the recommended way, to link to another language based page, which is addressable by a different URL.</p>
+<p>The other way (especially for Single Page Applications) would be to use <code>&lt;button type=&quot;button&quot;&gt;</code> elements, that have some JavaScript events attached to them to handle the switch directly. Please keep in mind to announce a change of contents e.g. to screenreaders in this case.</p>
+<p>In both cases there's a slightly different HTML approach that you could inspect within the different examples below.</p>
+<p>Please keep in mind that the styling is optimized to look good included within the header section of the page and doesn't &quot;shine&quot; included in here.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-language-switcher" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-language-switcher-language-switcher&#x2F;components-language-switcher-language-switcher.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-language-switcher" title="Link to Pattern">
+						Language switcher
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-language-switcher" data-patternpartial="components-language-switcher" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-language-switcher">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="cmp-language-switcher">
+	<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="English language"
+				 rel="alternate"
+				
+				
+				
+				
+				
+				 hreflang="en"
+				
+				
+				
+				
+				
+				>EN
+			</a>
+	</li>
+	<li aria-current="page">
+			<a
+				href="#"
+				class="elm-link "
+				title="Deutsche Sprache"
+				 rel="bookmark"
+				
+				
+				
+				
+				
+				 hreflang="de"
+				
+				
+				
+				
+				
+				>DE
+			</a>
+	</li>
+	<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="Langue française"
+				 rel="alternate"
+				
+				
+				
+				
+				
+				 hreflang="fr"
+				
+				
+				
+				
+				
+				>FR
+			</a>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-language-switcher" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineageR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"language-switcher"},"patternExtension":"hbs","patternName":"Language switcher","patternPartial":"components-language-switcher","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-language-switcher-spa" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-language-switcher-language-switcher-spa&#x2F;components-language-switcher-language-switcher-spa.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-language-switcher-spa" title="Link to Pattern">
+						Language switcher with buttons
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-language-switcher-spa" data-patternpartial="components-language-switcher-spa" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-language-switcher-spa">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- [html-validate-disable-next prefer-native-element] -->
+<ul class="cmp-language-switcher" role="listbox">
+	<li role="option">
+			<button class="elm-button "
+				data-variant="tertiary-plain"
+				
+				title="English language"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				EN
+			</button>
+	</li>
+	<li role="option" aria-selected="true">
+			<button class="elm-button "
+				data-variant="tertiary-plain"
+				
+				title="Deutsche Sprache"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				DE
+			</button>
+	</li>
+	<li role="option">
+			<button class="elm-button "
+				data-variant="tertiary-plain"
+				
+				title="Langue française"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				FR
+			</button>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-language-switcher-spa" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"language-switcher"},"patternExtension":"hbs","patternName":"Language switcher with buttons","patternPartial":"components-language-switcher-spa","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-components-language-switcher"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-components-language-switcher"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-notifications-_notification/components-notifications-_notification.hbs b/review/refactor-icon-update/patterns/components-notifications-_notification/components-notifications-_notification.hbs
new file mode 100644
index 0000000000..621f79b4f1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications-_notification/components-notifications-_notification.hbs
@@ -0,0 +1,6 @@
+<div class="cmp-notification"{{#if type}} data-type="{{ type }}"{{/if }} role="{{ role }}"
+	{{#if icon-before}} data-icon="{{ icon-before }}"{{/if }}
+	{{#if icon-after}} data-icon-after="{{ icon-after }}"{{/if }}>
+	{{!-- <em>{{ type }}</em> --}}
+	{{#if type}}{{ type }}: {{/if }}{{ @root/excerpt.slim }}
+</div>
diff --git a/review/refactor-icon-update/patterns/components-notifications-_notification/components-notifications-_notification.markup-only.html b/review/refactor-icon-update/patterns/components-notifications-_notification/components-notifications-_notification.markup-only.html
new file mode 100644
index 0000000000..aa70bfba71
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications-_notification/components-notifications-_notification.markup-only.html
@@ -0,0 +1,5 @@
+<div class="cmp-notification" role=""
+	
+	>
+	Lorem ipsum dolor sit amet, consectetur adipisicing elit
+</div>
diff --git a/review/refactor-icon-update/patterns/components-notifications-_notification/components-notifications-_notification.rendered.html b/review/refactor-icon-update/patterns/components-notifications-_notification/components-notifications-_notification.rendered.html
new file mode 100644
index 0000000000..3b062694fb
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications-_notification/components-notifications-_notification.rendered.html
@@ -0,0 +1,122 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<div class="cmp-notification" role=""
+	
+	>
+	Lorem ipsum dolor sit amet, consectetur adipisicing elit
+</div>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-notifications-hovering-leading-icon","lineagePath":"../../patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.rendered.html"},{"lineagePattern":"components-notifications-hovering-trailing-icon","lineagePath":"../../patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.rendered.html"},{"lineagePattern":"components-notifications-hovering","lineagePath":"../../patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.rendered.html"},{"lineagePattern":"components-notifications-variants","lineagePath":"../../patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.rendered.html"},{"lineagePattern":"components-notifications","lineagePath":"../../patterns/components-notifications-notifications/components-notifications-notifications.rendered.html"}],"lineageR":[{"lineagePattern":"components-notifications-hovering-leading-icon","lineagePath":"../../patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.rendered.html"},{"lineagePattern":"components-notifications-hovering-trailing-icon","lineagePath":"../../patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.rendered.html"},{"lineagePattern":"components-notifications-hovering","lineagePath":"../../patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.rendered.html"},{"lineagePattern":"components-notifications-variants","lineagePath":"../../patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.rendered.html"},{"lineagePattern":"components-notifications","lineagePath":"../../patterns/components-notifications-notifications/components-notifications-notifications.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notification","patternPartial":"components-notification","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-notifications-hovering-leading-icon","lineagePath":"../../patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.rendered.html"},{"lineagePattern":"components-notifications-hovering-trailing-icon","lineagePath":"../../patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.rendered.html"},{"lineagePattern":"components-notifications-hovering","lineagePath":"../../patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.rendered.html"},{"lineagePattern":"components-notifications-variants","lineagePath":"../../patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.rendered.html"},{"lineagePattern":"components-notifications","lineagePath":"../../patterns/components-notifications-notifications/components-notifications-notifications.rendered.html"}],"lineageR":[{"lineagePattern":"components-notifications-hovering-leading-icon","lineagePath":"../../patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.rendered.html"},{"lineagePattern":"components-notifications-hovering-trailing-icon","lineagePath":"../../patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.rendered.html"},{"lineagePattern":"components-notifications-hovering","lineagePath":"../../patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.rendered.html"},{"lineagePattern":"components-notifications-variants","lineagePath":"../../patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.rendered.html"},{"lineagePattern":"components-notifications","lineagePath":"../../patterns/components-notifications-notifications/components-notifications-notifications.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notification","patternPartial":"components-notification","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.hbs b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.hbs
new file mode 100644
index 0000000000..eb5c6a5413
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.hbs
@@ -0,0 +1,15 @@
+<section aria-live="polite" data-variant="{{ variant }}">
+	{{#each notifications}}
+		{{#if_eq live 'polite' }}
+			{{> components-notification type=type role=role icon-before=icon-before icon-after=icon-after }}
+		{{/if_eq }}
+	{{/each }}
+</section>
+
+<section aria-live="assertive" data-variant="{{ variant }}">
+	{{#each notifications}}
+		{{#if_eq live 'assertive' }}
+			{{> components-notification type=type role=role icon-before=icon-before icon-after=icon-after }}
+		{{/if_eq }}
+	{{/each }}
+</section>
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.markup-only.html b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.markup-only.html
new file mode 100644
index 0000000000..b948fdca67
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.markup-only.html
@@ -0,0 +1,10 @@
+<section aria-live="polite" data-variant="hovering">
+</section>
+
+<section aria-live="assertive" data-variant="hovering">
+			<div class="cmp-notification" data-type="informative" role="alert"
+				 data-icon="account"
+				>
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.rendered.html b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.rendered.html
new file mode 100644
index 0000000000..f2cf29d2b4
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.rendered.html
@@ -0,0 +1,127 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<section aria-live="polite" data-variant="hovering">
+</section>
+
+<section aria-live="assertive" data-variant="hovering">
+			<div class="cmp-notification" data-type="informative" role="alert"
+				 data-icon="account"
+				>
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications - Leading Icon","patternPartial":"components-notifications-hovering-leading-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":2}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications - Leading Icon","patternPartial":"components-notifications-hovering-leading-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":2}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.hbs b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.hbs
new file mode 100644
index 0000000000..eb5c6a5413
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.hbs
@@ -0,0 +1,15 @@
+<section aria-live="polite" data-variant="{{ variant }}">
+	{{#each notifications}}
+		{{#if_eq live 'polite' }}
+			{{> components-notification type=type role=role icon-before=icon-before icon-after=icon-after }}
+		{{/if_eq }}
+	{{/each }}
+</section>
+
+<section aria-live="assertive" data-variant="{{ variant }}">
+	{{#each notifications}}
+		{{#if_eq live 'assertive' }}
+			{{> components-notification type=type role=role icon-before=icon-before icon-after=icon-after }}
+		{{/if_eq }}
+	{{/each }}
+</section>
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.markup-only.html b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.markup-only.html
new file mode 100644
index 0000000000..b6b09bc351
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.markup-only.html
@@ -0,0 +1,10 @@
+<section aria-live="polite" data-variant="hovering">
+</section>
+
+<section aria-live="assertive" data-variant="hovering">
+			<div class="cmp-notification" data-type="informative" role="alert"
+				
+				 data-icon-after="account">
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.rendered.html b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.rendered.html
new file mode 100644
index 0000000000..7e95ff30d3
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.rendered.html
@@ -0,0 +1,127 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<section aria-live="polite" data-variant="hovering">
+</section>
+
+<section aria-live="assertive" data-variant="hovering">
+			<div class="cmp-notification" data-type="informative" role="alert"
+				
+				 data-icon-after="account">
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications - Trailing Icon","patternPartial":"components-notifications-hovering-trailing-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications - Trailing Icon","patternPartial":"components-notifications-hovering-trailing-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.hbs b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.hbs
new file mode 100644
index 0000000000..eb5c6a5413
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.hbs
@@ -0,0 +1,15 @@
+<section aria-live="polite" data-variant="{{ variant }}">
+	{{#each notifications}}
+		{{#if_eq live 'polite' }}
+			{{> components-notification type=type role=role icon-before=icon-before icon-after=icon-after }}
+		{{/if_eq }}
+	{{/each }}
+</section>
+
+<section aria-live="assertive" data-variant="{{ variant }}">
+	{{#each notifications}}
+		{{#if_eq live 'assertive' }}
+			{{> components-notification type=type role=role icon-before=icon-before icon-after=icon-after }}
+		{{/if_eq }}
+	{{/each }}
+</section>
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.markup-only.html b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.markup-only.html
new file mode 100644
index 0000000000..477f5066fd
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.markup-only.html
@@ -0,0 +1,30 @@
+<section aria-live="polite" data-variant="hovering">
+			<div class="cmp-notification" role="status"
+				
+				>
+				Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="informative" role="status"
+				
+				>
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="success" role="status"
+				
+				>
+				success: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+<section aria-live="assertive" data-variant="hovering">
+			<div class="cmp-notification" data-type="error" role="alert"
+				
+				>
+				error: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="warning" role="alert"
+				
+				>
+				warning: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.rendered.html b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.rendered.html
new file mode 100644
index 0000000000..da6670b9b8
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications-notifications-hovering/components-notifications-notifications-hovering.rendered.html
@@ -0,0 +1,147 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<section aria-live="polite" data-variant="hovering">
+			<div class="cmp-notification" role="status"
+				
+				>
+				Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="informative" role="status"
+				
+				>
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="success" role="status"
+				
+				>
+				success: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+<section aria-live="assertive" data-variant="hovering">
+			<div class="cmp-notification" data-type="error" role="alert"
+				
+				>
+				error: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="warning" role="alert"
+				
+				>
+				warning: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications Hovering","patternPartial":"components-notifications-hovering","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications Hovering","patternPartial":"components-notifications-hovering","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.hbs b/review/refactor-icon-update/patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.hbs
new file mode 100644
index 0000000000..eb5c6a5413
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.hbs
@@ -0,0 +1,15 @@
+<section aria-live="polite" data-variant="{{ variant }}">
+	{{#each notifications}}
+		{{#if_eq live 'polite' }}
+			{{> components-notification type=type role=role icon-before=icon-before icon-after=icon-after }}
+		{{/if_eq }}
+	{{/each }}
+</section>
+
+<section aria-live="assertive" data-variant="{{ variant }}">
+	{{#each notifications}}
+		{{#if_eq live 'assertive' }}
+			{{> components-notification type=type role=role icon-before=icon-before icon-after=icon-after }}
+		{{/if_eq }}
+	{{/each }}
+</section>
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.markup-only.html b/review/refactor-icon-update/patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.markup-only.html
new file mode 100644
index 0000000000..842d401bb3
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.markup-only.html
@@ -0,0 +1,30 @@
+<section aria-live="polite" data-variant="alert">
+			<div class="cmp-notification" role="status"
+				
+				>
+				Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="informative" role="status"
+				
+				>
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="success" role="status"
+				
+				>
+				success: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+<section aria-live="assertive" data-variant="alert">
+			<div class="cmp-notification" data-type="error" role="alert"
+				
+				>
+				error: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="warning" role="alert"
+				
+				>
+				warning: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.rendered.html b/review/refactor-icon-update/patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.rendered.html
new file mode 100644
index 0000000000..03363417e2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications-notifications-variants/components-notifications-notifications-variants.rendered.html
@@ -0,0 +1,147 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<section aria-live="polite" data-variant="alert">
+			<div class="cmp-notification" role="status"
+				
+				>
+				Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="informative" role="status"
+				
+				>
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="success" role="status"
+				
+				>
+				success: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+<section aria-live="assertive" data-variant="alert">
+			<div class="cmp-notification" data-type="error" role="alert"
+				
+				>
+				error: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="warning" role="alert"
+				
+				>
+				warning: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications Variants","patternPartial":"components-notifications-variants","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications Variants","patternPartial":"components-notifications-variants","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications/components-notifications-notifications.hbs b/review/refactor-icon-update/patterns/components-notifications-notifications/components-notifications-notifications.hbs
new file mode 100644
index 0000000000..eb5c6a5413
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications-notifications/components-notifications-notifications.hbs
@@ -0,0 +1,15 @@
+<section aria-live="polite" data-variant="{{ variant }}">
+	{{#each notifications}}
+		{{#if_eq live 'polite' }}
+			{{> components-notification type=type role=role icon-before=icon-before icon-after=icon-after }}
+		{{/if_eq }}
+	{{/each }}
+</section>
+
+<section aria-live="assertive" data-variant="{{ variant }}">
+	{{#each notifications}}
+		{{#if_eq live 'assertive' }}
+			{{> components-notification type=type role=role icon-before=icon-before icon-after=icon-after }}
+		{{/if_eq }}
+	{{/each }}
+</section>
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications/components-notifications-notifications.markup-only.html b/review/refactor-icon-update/patterns/components-notifications-notifications/components-notifications-notifications.markup-only.html
new file mode 100644
index 0000000000..f4734cec41
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications-notifications/components-notifications-notifications.markup-only.html
@@ -0,0 +1,5 @@
+<section aria-live="polite" data-variant="">
+</section>
+
+<section aria-live="assertive" data-variant="">
+</section>
diff --git a/review/refactor-icon-update/patterns/components-notifications-notifications/components-notifications-notifications.rendered.html b/review/refactor-icon-update/patterns/components-notifications-notifications/components-notifications-notifications.rendered.html
new file mode 100644
index 0000000000..ccf5347d3f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications-notifications/components-notifications-notifications.rendered.html
@@ -0,0 +1,122 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<section aria-live="polite" data-variant="">
+</section>
+
+<section aria-live="assertive" data-variant="">
+</section>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications","patternPartial":"components-notifications","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications","patternPartial":"components-notifications","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-notifications/index.html b/review/refactor-icon-update/patterns/components-notifications/index.html
new file mode 100644
index 0000000000..f4b8f1ecee
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-notifications/index.html
@@ -0,0 +1,458 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-components-notifications" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-notifications&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-notifications">Notifications</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Best practices</h2>
+<p>Best practice, research insights and examples: <a href="https://gerireid.com/forms.html#notifications">https://gerireid.com/forms.html#notifications</a></p>
+<h2>Accessibility</h2>
+<p>Notifications are intended to be small interruptions to your visitors or users, so to help those with screen readers and similar assistive technologies, you should wrap your notifications in an aria-live region. Changes to live regions (such as injecting/updating a notification component) are automatically announced by screen readers without needing to move the user’s focus or otherwise interrupt the user.</p>
+<p>Additionally, if you'd like to update existing notifications incrementally, include <code>aria-atomic=&quot;true&quot;</code> to ensure that the entire notification is always announced as a single (atomic) unit, rather than announcing what was changed (which could lead to problems if you only update part of the notification’s content, or if displaying the same notification content at a later point in time). It's still recommended to remove and add <code>cmp-notification</code> components as a whole within the <code>section</code>.</p>
+<p>Note that the <code>live</code> region needs to be present in the markup before the notification is generated or updated. If you dynamically generate both at the same time and inject them into the page, they will generally not be announced by assistive technologies.</p>
+<p>You also need to adapt the <code>role</code> and <code>aria-live</code> level depending on the content. If it’s an important message like an error, use <code>role=&quot;alert&quot;</code> and <code>aria-live=&quot;assertive&quot;</code>, otherwise use <code>role=&quot;status&quot;</code>and <code>aria-live=&quot;polite&quot;</code> attributes.</p>
+<p>Adapted from <a href="https://getbootstrap.com/docs/4.3/components/toasts/">https://getbootstrap.com/docs/4.3/components/toasts/</a></p>
+<p>And we're not using <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-relevant"><code>aria-relevant=&quot;additions&quot;</code></a>, as the default behaviour is even already what we expect with the default (<code>additions text</code>), compare to e.g. <a href="https://medium.com/dev-channel/why-authors-should-avoid-aria-relevant-5d3164fab1e3">https://medium.com/dev-channel/why-authors-should-avoid-aria-relevant-5d3164fab1e3</a> and <a href="https://github.com/w3c/aria/issues/712#issuecomment-529848465">https://github.com/w3c/aria/issues/712#issuecomment-529848465</a></p>
+<h3>Live regions</h3>
+<blockquote>
+<p>Live regions are perceivable regions of a web page that are typically updated as a result of an external event when user focus may be elsewhere. These regions are not always updated as a result of a user interaction. This practice has become commonplace with the growing use of Ajax. Examples of live regions include a chat log, stock ticker, or a sport scoring section that updates periodically to reflect game statistics. Since these asynchronous areas are expected to update outside the user's area of focus, assistive technologies such as screen readers have either been unaware of their existence or unable to process them for the user. WAI-ARIA has provided a collection of properties that allow the author to identify these live regions and process them: aria-live, aria-relevant, aria-atomic, and aria-busy.</p>
+</blockquote>
+<p>Source: <a href="https://www.w3.org/TR/wai-aria/#terms">https://www.w3.org/TR/wai-aria/#terms</a></p>
+<h3>Conveying meaning to assistive technologies</h3>
+<blockquote>
+<p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional visibly hidden text.</p>
+</blockquote>
+<p>Source: <a href="https://getbootstrap.com/docs/4.3/components/alerts/">https://getbootstrap.com/docs/4.3/components/alerts/</a></p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-notifications" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-notifications-notifications&#x2F;components-notifications-notifications.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-notifications" title="Link to Pattern">
+						Notifications
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-notifications" data-patternpartial="components-notifications" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-notifications">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<section aria-live="polite" data-variant="">
+</section>
+
+<section aria-live="assertive" data-variant="">
+</section>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-notifications" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications","patternPartial":"components-notifications","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-notifications-variants" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-notifications-notifications-variants&#x2F;components-notifications-notifications-variants.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-notifications-variants" title="Link to Pattern">
+						Notifications Variants
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-notifications-variants" data-patternpartial="components-notifications-variants" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-notifications-variants">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<section aria-live="polite" data-variant="alert">
+			<div class="cmp-notification" role="status"
+				
+				>
+				Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="informative" role="status"
+				
+				>
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="success" role="status"
+				
+				>
+				success: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+<section aria-live="assertive" data-variant="alert">
+			<div class="cmp-notification" data-type="error" role="alert"
+				
+				>
+				error: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="warning" role="alert"
+				
+				>
+				warning: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-notifications-variants" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications Variants","patternPartial":"components-notifications-variants","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-notifications-hovering" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-notifications-notifications-hovering&#x2F;components-notifications-notifications-hovering.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-notifications-hovering" title="Link to Pattern">
+						Notifications Hovering
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-notifications-hovering" data-patternpartial="components-notifications-hovering" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-notifications-hovering">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<section aria-live="polite" data-variant="hovering">
+			<div class="cmp-notification" role="status"
+				
+				>
+				Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="informative" role="status"
+				
+				>
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="success" role="status"
+				
+				>
+				success: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+<section aria-live="assertive" data-variant="hovering">
+			<div class="cmp-notification" data-type="error" role="alert"
+				
+				>
+				error: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="warning" role="alert"
+				
+				>
+				warning: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-notifications-hovering" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications Hovering","patternPartial":"components-notifications-hovering","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-notifications-hovering-leading-icon" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-notifications-notifications-hovering-leading-icon&#x2F;components-notifications-notifications-hovering-leading-icon.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-notifications-hovering-leading-icon" title="Link to Pattern">
+						Notifications - Leading Icon
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-notifications-hovering-leading-icon" data-patternpartial="components-notifications-hovering-leading-icon" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-notifications-hovering-leading-icon">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<section aria-live="polite" data-variant="hovering">
+</section>
+
+<section aria-live="assertive" data-variant="hovering">
+			<div class="cmp-notification" data-type="informative" role="alert"
+				 data-icon="account"
+				>
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-notifications-hovering-leading-icon" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications - Leading Icon","patternPartial":"components-notifications-hovering-leading-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":2}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-notifications-hovering-trailing-icon" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-notifications-notifications-hovering-trailing-icon&#x2F;components-notifications-notifications-hovering-trailing-icon.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-notifications-hovering-trailing-icon" title="Link to Pattern">
+						Notifications - Trailing Icon
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-notifications-hovering-trailing-icon" data-patternpartial="components-notifications-hovering-trailing-icon" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-notifications-hovering-trailing-icon">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<section aria-live="polite" data-variant="hovering">
+</section>
+
+<section aria-live="assertive" data-variant="hovering">
+			<div class="cmp-notification" data-type="informative" role="alert"
+				
+				 data-icon-after="account">
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-notifications-hovering-trailing-icon" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications - Trailing Icon","patternPartial":"components-notifications-hovering-trailing-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-components-notifications"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-components-notifications"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.hbs b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.hbs
new file mode 100644
index 0000000000..43de0cc80d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.hbs
@@ -0,0 +1,13 @@
+{{#if linkEntries }}<!-- [html-validate-disable-next prefer-native-element -- TODO: Evaluate again on this HTML] -->{{/if }}
+<details class="{{#if patternName }}{{ patternName }}{{else}}cmp-overflow-menu{{/if }}{{ styleModifier }}"{{#if linkEntries }} role="navigation"{{/if }}{{#if oppositePosition}} data-horizontal-position="opposite"{{/if }}>
+	<summary>{{ summary }}</summary>
+	{{#if linkEntries }}<ul role="group">{{else}}<menu type="toolbar">{{/if }}
+		{{#if linkEntries }}
+		<li>{{> elements-link href="#" value=entry01 }}</li>
+		<li>{{> elements-link href="#" value=entry02 }}</li>
+		{{else}}
+		<li>{{> elements-button buttontype="button" value=entry01 }}</li>
+		<li>{{> elements-button buttontype="button" value=entry02 }}</li>
+		{{/if }}
+	{{#if linkEntries }}</ul>{{else}}</menu>{{/if }}
+</details>
diff --git a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.markup-only.html b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.markup-only.html
new file mode 100644
index 0000000000..455cf7e1d6
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.markup-only.html
@@ -0,0 +1,44 @@
+<!-- [html-validate-disable-next prefer-native-element -- TODO: Evaluate again on this HTML] -->
+<details class="cmp-overflow-menu" role="navigation" data-horizontal-position="opposite">
+	<summary>Toggle Overflow menu</summary>
+	<ul role="group">
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Modify
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Delete
+</a>
+</li>
+	</ul>
+</details>
diff --git a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html
new file mode 100644
index 0000000000..27cab1b1d6
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html
@@ -0,0 +1,161 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- [html-validate-disable-next prefer-native-element -- TODO: Evaluate again on this HTML] -->
+<details class="cmp-overflow-menu" role="navigation" data-horizontal-position="opposite">
+	<summary>Toggle Overflow menu</summary>
+	<ul role="group">
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Modify
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Delete
+</a>
+</li>
+	</ul>
+</details>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Navigation variant</h2>\n<p>The <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">navigation variant</a> of this pattern includes navigational links for navigating the document or related documents instead of <a href=\"https://www.w3.org/TR/wai-aria-1.1/#menu\">menu interactions</a> via <code>button</code> elements, that are included within the regular <code>overflow menu</code> pattern.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu - Navigation / opposite position","patternPartial":"components-overflow-menu-navigation-opposite-position","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":4}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Navigation variant</h2>\n<p>The <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">navigation variant</a> of this pattern includes navigational links for navigating the document or related documents instead of <a href=\"https://www.w3.org/TR/wai-aria-1.1/#menu\">menu interactions</a> via <code>button</code> elements, that are included within the regular <code>overflow menu</code> pattern.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu - Navigation / opposite position","patternPartial":"components-overflow-menu-navigation-opposite-position","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":4}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.hbs b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.hbs
new file mode 100644
index 0000000000..43de0cc80d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.hbs
@@ -0,0 +1,13 @@
+{{#if linkEntries }}<!-- [html-validate-disable-next prefer-native-element -- TODO: Evaluate again on this HTML] -->{{/if }}
+<details class="{{#if patternName }}{{ patternName }}{{else}}cmp-overflow-menu{{/if }}{{ styleModifier }}"{{#if linkEntries }} role="navigation"{{/if }}{{#if oppositePosition}} data-horizontal-position="opposite"{{/if }}>
+	<summary>{{ summary }}</summary>
+	{{#if linkEntries }}<ul role="group">{{else}}<menu type="toolbar">{{/if }}
+		{{#if linkEntries }}
+		<li>{{> elements-link href="#" value=entry01 }}</li>
+		<li>{{> elements-link href="#" value=entry02 }}</li>
+		{{else}}
+		<li>{{> elements-button buttontype="button" value=entry01 }}</li>
+		<li>{{> elements-button buttontype="button" value=entry02 }}</li>
+		{{/if }}
+	{{#if linkEntries }}</ul>{{else}}</menu>{{/if }}
+</details>
diff --git a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.markup-only.html b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.markup-only.html
new file mode 100644
index 0000000000..e619e193e7
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.markup-only.html
@@ -0,0 +1,44 @@
+<!-- [html-validate-disable-next prefer-native-element -- TODO: Evaluate again on this HTML] -->
+<details class="cmp-overflow-menu" role="navigation">
+	<summary>Toggle Overflow menu</summary>
+	<ul role="group">
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Modify
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Delete
+</a>
+</li>
+	</ul>
+</details>
diff --git a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html
new file mode 100644
index 0000000000..90a2736dbe
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html
@@ -0,0 +1,161 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- [html-validate-disable-next prefer-native-element -- TODO: Evaluate again on this HTML] -->
+<details class="cmp-overflow-menu" role="navigation">
+	<summary>Toggle Overflow menu</summary>
+	<ul role="group">
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Modify
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Delete
+</a>
+</li>
+	</ul>
+</details>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Navigation variant</h2>\n<p>The <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">navigation variant</a> of this pattern includes navigational links for navigating the document or related documents instead of <a href=\"https://www.w3.org/TR/wai-aria-1.1/#menu\">menu interactions</a> via <code>button</code> elements, that are included within the regular <code>overflow menu</code> pattern.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu - Navigation","patternPartial":"components-overflow-menu-navigation","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":2}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Navigation variant</h2>\n<p>The <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">navigation variant</a> of this pattern includes navigational links for navigating the document or related documents instead of <a href=\"https://www.w3.org/TR/wai-aria-1.1/#menu\">menu interactions</a> via <code>button</code> elements, that are included within the regular <code>overflow menu</code> pattern.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu - Navigation","patternPartial":"components-overflow-menu-navigation","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":2}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.hbs b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.hbs
new file mode 100644
index 0000000000..43de0cc80d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.hbs
@@ -0,0 +1,13 @@
+{{#if linkEntries }}<!-- [html-validate-disable-next prefer-native-element -- TODO: Evaluate again on this HTML] -->{{/if }}
+<details class="{{#if patternName }}{{ patternName }}{{else}}cmp-overflow-menu{{/if }}{{ styleModifier }}"{{#if linkEntries }} role="navigation"{{/if }}{{#if oppositePosition}} data-horizontal-position="opposite"{{/if }}>
+	<summary>{{ summary }}</summary>
+	{{#if linkEntries }}<ul role="group">{{else}}<menu type="toolbar">{{/if }}
+		{{#if linkEntries }}
+		<li>{{> elements-link href="#" value=entry01 }}</li>
+		<li>{{> elements-link href="#" value=entry02 }}</li>
+		{{else}}
+		<li>{{> elements-button buttontype="button" value=entry01 }}</li>
+		<li>{{> elements-button buttontype="button" value=entry02 }}</li>
+		{{/if }}
+	{{#if linkEntries }}</ul>{{else}}</menu>{{/if }}
+</details>
diff --git a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.markup-only.html b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.markup-only.html
new file mode 100644
index 0000000000..3cea8fe7ef
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.markup-only.html
@@ -0,0 +1,38 @@
+
+<details class="cmp-overflow-menu" data-horizontal-position="opposite">
+	<summary>Toggle Overflow menu</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Modify
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
diff --git a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html
new file mode 100644
index 0000000000..b86267423f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html
@@ -0,0 +1,155 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<details class="cmp-overflow-menu" data-horizontal-position="opposite">
+	<summary>Toggle Overflow menu</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Modify
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>role attributes</h2>\n<h3><code>role=&quot;group&quot;</code></h3>\n<p>We're using the <code>group</code> role here to reflect the grouped navigationitems.</p>\n<p>More information: <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu\">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu</a></p>\n<h3><code>role=&quot;navigation&quot;</code></h3>\n<p>The <code>navigation</code> role in this patterns variant relates to its meaning of including navigational elements (links in this case).\nMore information: <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">https://www.w3.org/TR/wai-aria-1.1/#navigation</a></p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu / opposite position","patternPartial":"components-overflow-menu-opposite-position","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":3}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>role attributes</h2>\n<h3><code>role=&quot;group&quot;</code></h3>\n<p>We're using the <code>group</code> role here to reflect the grouped navigationitems.</p>\n<p>More information: <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu\">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu</a></p>\n<h3><code>role=&quot;navigation&quot;</code></h3>\n<p>The <code>navigation</code> role in this patterns variant relates to its meaning of including navigational elements (links in this case).\nMore information: <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">https://www.w3.org/TR/wai-aria-1.1/#navigation</a></p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu / opposite position","patternPartial":"components-overflow-menu-opposite-position","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":3}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.hbs b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.hbs
new file mode 100644
index 0000000000..43de0cc80d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.hbs
@@ -0,0 +1,13 @@
+{{#if linkEntries }}<!-- [html-validate-disable-next prefer-native-element -- TODO: Evaluate again on this HTML] -->{{/if }}
+<details class="{{#if patternName }}{{ patternName }}{{else}}cmp-overflow-menu{{/if }}{{ styleModifier }}"{{#if linkEntries }} role="navigation"{{/if }}{{#if oppositePosition}} data-horizontal-position="opposite"{{/if }}>
+	<summary>{{ summary }}</summary>
+	{{#if linkEntries }}<ul role="group">{{else}}<menu type="toolbar">{{/if }}
+		{{#if linkEntries }}
+		<li>{{> elements-link href="#" value=entry01 }}</li>
+		<li>{{> elements-link href="#" value=entry02 }}</li>
+		{{else}}
+		<li>{{> elements-button buttontype="button" value=entry01 }}</li>
+		<li>{{> elements-button buttontype="button" value=entry02 }}</li>
+		{{/if }}
+	{{#if linkEntries }}</ul>{{else}}</menu>{{/if }}
+</details>
diff --git a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.markup-only.html b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.markup-only.html
new file mode 100644
index 0000000000..3ef3c07490
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.markup-only.html
@@ -0,0 +1,38 @@
+
+<details class="cmp-overflow-menu">
+	<summary>Toggle Overflow menu</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Modify
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
diff --git a/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html
new file mode 100644
index 0000000000..c2bc9404fa
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html
@@ -0,0 +1,155 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<details class="cmp-overflow-menu">
+	<summary>Toggle Overflow menu</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Modify
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dropdown-opposite-position","lineagePath":"../../patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html"},{"lineagePattern":"components-table-border-around","lineagePath":"../../patterns/components-table-table-border-around/components-table-table-border-around.rendered.html"},{"lineagePattern":"components-table-border-horizontal","lineagePath":"../../patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html"},{"lineagePattern":"components-table-font-size","lineagePath":"../../patterns/components-table-table-font-size/components-table-table-font-size.rendered.html"},{"lineagePattern":"components-table-icons","lineagePath":"../../patterns/components-table-table-icons/components-table-table-icons.rendered.html"},{"lineagePattern":"components-table-overflow-menu","lineagePath":"../../patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html"},{"lineagePattern":"components-table-row-title","lineagePath":"../../patterns/components-table-table-row-title/components-table-table-row-title.rendered.html"},{"lineagePattern":"components-table-rows-zebra","lineagePath":"../../patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html"},{"lineagePattern":"components-table-sticky-header","lineagePath":"../../patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"components-dropdown-opposite-position","lineagePath":"../../patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html"},{"lineagePattern":"components-table-border-around","lineagePath":"../../patterns/components-table-table-border-around/components-table-table-border-around.rendered.html"},{"lineagePattern":"components-table-border-horizontal","lineagePath":"../../patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html"},{"lineagePattern":"components-table-font-size","lineagePath":"../../patterns/components-table-table-font-size/components-table-table-font-size.rendered.html"},{"lineagePattern":"components-table-icons","lineagePath":"../../patterns/components-table-table-icons/components-table-table-icons.rendered.html"},{"lineagePattern":"components-table-overflow-menu","lineagePath":"../../patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html"},{"lineagePattern":"components-table-row-title","lineagePath":"../../patterns/components-table-table-row-title/components-table-table-row-title.rendered.html"},{"lineagePattern":"components-table-rows-zebra","lineagePath":"../../patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html"},{"lineagePattern":"components-table-sticky-header","lineagePath":"../../patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"<h2>role attributes</h2>\n<h3><code>role=&quot;group&quot;</code></h3>\n<p>We're using the <code>group</code> role here to reflect the grouped navigationitems.</p>\n<p>More information: <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu\">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu</a></p>\n<h3><code>role=&quot;navigation&quot;</code></h3>\n<p>The <code>navigation</code> role in this patterns variant relates to its meaning of including navigational elements (links in this case).\nMore information: <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">https://www.w3.org/TR/wai-aria-1.1/#navigation</a></p>\n<h2>Usage within the header</h2>\n<p>If you'd like to place this component into the header area of the page, we'd like to suggest to use the similar <code>dropdown</code> component that is actually meant for exactly that use case.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu","patternPartial":"components-overflow-menu","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":1}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dropdown-opposite-position","lineagePath":"../../patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html"},{"lineagePattern":"components-table-border-around","lineagePath":"../../patterns/components-table-table-border-around/components-table-table-border-around.rendered.html"},{"lineagePattern":"components-table-border-horizontal","lineagePath":"../../patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html"},{"lineagePattern":"components-table-font-size","lineagePath":"../../patterns/components-table-table-font-size/components-table-table-font-size.rendered.html"},{"lineagePattern":"components-table-icons","lineagePath":"../../patterns/components-table-table-icons/components-table-table-icons.rendered.html"},{"lineagePattern":"components-table-overflow-menu","lineagePath":"../../patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html"},{"lineagePattern":"components-table-row-title","lineagePath":"../../patterns/components-table-table-row-title/components-table-table-row-title.rendered.html"},{"lineagePattern":"components-table-rows-zebra","lineagePath":"../../patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html"},{"lineagePattern":"components-table-sticky-header","lineagePath":"../../patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"components-dropdown-opposite-position","lineagePath":"../../patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html"},{"lineagePattern":"components-table-border-around","lineagePath":"../../patterns/components-table-table-border-around/components-table-table-border-around.rendered.html"},{"lineagePattern":"components-table-border-horizontal","lineagePath":"../../patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html"},{"lineagePattern":"components-table-font-size","lineagePath":"../../patterns/components-table-table-font-size/components-table-table-font-size.rendered.html"},{"lineagePattern":"components-table-icons","lineagePath":"../../patterns/components-table-table-icons/components-table-table-icons.rendered.html"},{"lineagePattern":"components-table-overflow-menu","lineagePath":"../../patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html"},{"lineagePattern":"components-table-row-title","lineagePath":"../../patterns/components-table-table-row-title/components-table-table-row-title.rendered.html"},{"lineagePattern":"components-table-rows-zebra","lineagePath":"../../patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html"},{"lineagePattern":"components-table-sticky-header","lineagePath":"../../patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"<h2>role attributes</h2>\n<h3><code>role=&quot;group&quot;</code></h3>\n<p>We're using the <code>group</code> role here to reflect the grouped navigationitems.</p>\n<p>More information: <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu\">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu</a></p>\n<h3><code>role=&quot;navigation&quot;</code></h3>\n<p>The <code>navigation</code> role in this patterns variant relates to its meaning of including navigational elements (links in this case).\nMore information: <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">https://www.w3.org/TR/wai-aria-1.1/#navigation</a></p>\n<h2>Usage within the header</h2>\n<p>If you'd like to place this component into the header area of the page, we'd like to suggest to use the similar <code>dropdown</code> component that is actually meant for exactly that use case.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu","patternPartial":"components-overflow-menu","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":1}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-overflow-menu/index.html b/review/refactor-icon-update/patterns/components-overflow-menu/index.html
new file mode 100644
index 0000000000..7e74574366
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-overflow-menu/index.html
@@ -0,0 +1,485 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-components-overflow-menu" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-overflow-menu&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-overflow-menu">Overflow Menu</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Variation to display the overflow menu on the opposite side</h2>
+<p>If you're either using this component at the very end of a main content part that will most likely always get displayed at the opposite viewport border or you'd like to implement some kind of a collision mechanism (most likely with JavaScript) and flip the overlays orientation to the opposite side (from regularly left to right positioned on left-to-right reading direction), you could use the following attribute to configure this orientation change, compare to the examples below as well:</p>
+<pre><code class="language-html">data-horizontal-position=&quot;opposite&quot;
+</code></pre>
+<h2>JavaScript polyfill necessary for Microsoft Internet Explorer and Edge (older versions than 79)</h2>
+<p>In case you would need to support Microsoft Internet Explorer and/or Edge within your project setup, you'll need to polyfill (with e.g. <a href="https://github.com/javan/details-element-polyfill">details-element-polyfill</a>, that is still included in our pages for demo purposes) the <code>details</code> and <code>summary</code> HTML tags due to <a href="https://caniuse.com/#feat=details">their missing browser setup in those environments</a>.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-overflow-menu" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-overflow-menu-overflow-menu&#x2F;components-overflow-menu-overflow-menu.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-overflow-menu" title="Link to Pattern">
+						Overflow menu
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-overflow-menu" data-patternpartial="components-overflow-menu" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-overflow-menu">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<details class="cmp-overflow-menu">
+	<summary>Toggle Overflow menu</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Modify
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-overflow-menu" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dropdown-opposite-position","lineagePath":"../../patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html"},{"lineagePattern":"components-table-border-around","lineagePath":"../../patterns/components-table-table-border-around/components-table-table-border-around.rendered.html"},{"lineagePattern":"components-table-border-horizontal","lineagePath":"../../patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html"},{"lineagePattern":"components-table-font-size","lineagePath":"../../patterns/components-table-table-font-size/components-table-table-font-size.rendered.html"},{"lineagePattern":"components-table-icons","lineagePath":"../../patterns/components-table-table-icons/components-table-table-icons.rendered.html"},{"lineagePattern":"components-table-overflow-menu","lineagePath":"../../patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html"},{"lineagePattern":"components-table-row-title","lineagePath":"../../patterns/components-table-table-row-title/components-table-table-row-title.rendered.html"},{"lineagePattern":"components-table-rows-zebra","lineagePath":"../../patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html"},{"lineagePattern":"components-table-sticky-header","lineagePath":"../../patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"components-dropdown-opposite-position","lineagePath":"../../patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html"},{"lineagePattern":"components-table-border-around","lineagePath":"../../patterns/components-table-table-border-around/components-table-table-border-around.rendered.html"},{"lineagePattern":"components-table-border-horizontal","lineagePath":"../../patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html"},{"lineagePattern":"components-table-font-size","lineagePath":"../../patterns/components-table-table-font-size/components-table-table-font-size.rendered.html"},{"lineagePattern":"components-table-icons","lineagePath":"../../patterns/components-table-table-icons/components-table-table-icons.rendered.html"},{"lineagePattern":"components-table-overflow-menu","lineagePath":"../../patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html"},{"lineagePattern":"components-table-row-title","lineagePath":"../../patterns/components-table-table-row-title/components-table-table-row-title.rendered.html"},{"lineagePattern":"components-table-rows-zebra","lineagePath":"../../patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html"},{"lineagePattern":"components-table-sticky-header","lineagePath":"../../patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"<h2>role attributes</h2>\n<h3><code>role=&quot;group&quot;</code></h3>\n<p>We're using the <code>group</code> role here to reflect the grouped navigationitems.</p>\n<p>More information: <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu\">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu</a></p>\n<h3><code>role=&quot;navigation&quot;</code></h3>\n<p>The <code>navigation</code> role in this patterns variant relates to its meaning of including navigational elements (links in this case).\nMore information: <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">https://www.w3.org/TR/wai-aria-1.1/#navigation</a></p>\n<h2>Usage within the header</h2>\n<p>If you'd like to place this component into the header area of the page, we'd like to suggest to use the similar <code>dropdown</code> component that is actually meant for exactly that use case.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu","patternPartial":"components-overflow-menu","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":1}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-overflow-menu-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-overflow-menu-overflow-menu-navigation&#x2F;components-overflow-menu-overflow-menu-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-overflow-menu-navigation" title="Link to Pattern">
+						Overflow menu - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-overflow-menu-navigation" data-patternpartial="components-overflow-menu-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-overflow-menu-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- [html-validate-disable-next prefer-native-element -- TODO: Evaluate again on this HTML] -->
+<details class="cmp-overflow-menu" role="navigation">
+	<summary>Toggle Overflow menu</summary>
+	<ul role="group">
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Modify
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Delete
+</a>
+</li>
+	</ul>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-overflow-menu-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Navigation variant</h2>\n<p>The <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">navigation variant</a> of this pattern includes navigational links for navigating the document or related documents instead of <a href=\"https://www.w3.org/TR/wai-aria-1.1/#menu\">menu interactions</a> via <code>button</code> elements, that are included within the regular <code>overflow menu</code> pattern.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu - Navigation","patternPartial":"components-overflow-menu-navigation","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":2}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-overflow-menu-opposite-position" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-overflow-menu-overflow-menu-opposite-position&#x2F;components-overflow-menu-overflow-menu-opposite-position.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-overflow-menu-opposite-position" title="Link to Pattern">
+						Overflow menu &#x2F; opposite position
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-overflow-menu-opposite-position" data-patternpartial="components-overflow-menu-opposite-position" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-overflow-menu-opposite-position">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<details class="cmp-overflow-menu" data-horizontal-position="opposite">
+	<summary>Toggle Overflow menu</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Modify
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-overflow-menu-opposite-position" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>role attributes</h2>\n<h3><code>role=&quot;group&quot;</code></h3>\n<p>We're using the <code>group</code> role here to reflect the grouped navigationitems.</p>\n<p>More information: <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu\">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu</a></p>\n<h3><code>role=&quot;navigation&quot;</code></h3>\n<p>The <code>navigation</code> role in this patterns variant relates to its meaning of including navigational elements (links in this case).\nMore information: <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">https://www.w3.org/TR/wai-aria-1.1/#navigation</a></p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu / opposite position","patternPartial":"components-overflow-menu-opposite-position","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":3}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-overflow-menu-navigation-opposite-position" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position&#x2F;components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-overflow-menu-navigation-opposite-position" title="Link to Pattern">
+						Overflow menu - Navigation &#x2F; opposite position
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-overflow-menu-navigation-opposite-position" data-patternpartial="components-overflow-menu-navigation-opposite-position" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-overflow-menu-navigation-opposite-position">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- [html-validate-disable-next prefer-native-element -- TODO: Evaluate again on this HTML] -->
+<details class="cmp-overflow-menu" role="navigation" data-horizontal-position="opposite">
+	<summary>Toggle Overflow menu</summary>
+	<ul role="group">
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Modify
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Delete
+</a>
+</li>
+	</ul>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-overflow-menu-navigation-opposite-position" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Navigation variant</h2>\n<p>The <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">navigation variant</a> of this pattern includes navigational links for navigating the document or related documents instead of <a href=\"https://www.w3.org/TR/wai-aria-1.1/#menu\">menu interactions</a> via <code>button</code> elements, that are included within the regular <code>overflow menu</code> pattern.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu - Navigation / opposite position","patternPartial":"components-overflow-menu-navigation-opposite-position","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":4}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-components-overflow-menu"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-components-overflow-menu"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-pagination-pagination/components-pagination-pagination.hbs b/review/refactor-icon-update/patterns/components-pagination-pagination/components-pagination-pagination.hbs
new file mode 100644
index 0000000000..0381aa46a0
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-pagination-pagination/components-pagination-pagination.hbs
@@ -0,0 +1,13 @@
+{{! TODO: evaluate on the correct role and aria-label in here - there's a duplication currently with both label and labelledby (prefered); and probably we won't need a nav element }}
+<nav class="cmp-pagination" aria-label="pagination" aria-labelledby="headline01">
+	<!-- [html-validate-disable-next heading-level] -->
+	{{> elements-headline type='2' text='Pagination' id='headline01' }}
+	<ol>
+		<li>{{> elements-link value='Previous' title='Goto previous page' rel='prev' disabled='true' }}</li>
+		<li>{{> elements-link value='1' current='page' }}</li>
+		<li>{{> elements-link value='2' label='Goto page 2' }}</li>
+		<li>{{> elements-link value='3' label='Goto page 3' }}</li>
+		<li>&hellip;</li>
+		<li>{{> elements-link value='Next' title='Goto next page' rel='next' }}</li>
+	</ol>
+</nav>
diff --git a/review/refactor-icon-update/patterns/components-pagination-pagination/components-pagination-pagination.markup-only.html b/review/refactor-icon-update/patterns/components-pagination-pagination/components-pagination-pagination.markup-only.html
new file mode 100644
index 0000000000..5662b38564
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-pagination-pagination/components-pagination-pagination.markup-only.html
@@ -0,0 +1,103 @@
+<nav class="cmp-pagination" aria-label="pagination" aria-labelledby="headline01">
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h2 class="elm-headline " id="headline01">Pagination</h2>
+	<ol>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Goto previous page"
+	 rel="prev"
+	
+	 aria-disabled="true" tabindex="-1"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Previous
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	 aria-current="page"
+	
+	
+	
+	>1
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	 aria-label="Goto page 2"
+	
+	
+	
+	
+	
+	
+	
+	>2
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	 aria-label="Goto page 3"
+	
+	
+	
+	
+	
+	
+	
+	>3
+</a>
+</li>
+		<li>&hellip;</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Goto next page"
+	 rel="next"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Next
+</a>
+</li>
+	</ol>
+</nav>
diff --git a/review/refactor-icon-update/patterns/components-pagination-pagination/components-pagination-pagination.rendered.html b/review/refactor-icon-update/patterns/components-pagination-pagination/components-pagination-pagination.rendered.html
new file mode 100644
index 0000000000..5c0b8d262d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-pagination-pagination/components-pagination-pagination.rendered.html
@@ -0,0 +1,220 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<nav class="cmp-pagination" aria-label="pagination" aria-labelledby="headline01">
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h2 class="elm-headline " id="headline01">Pagination</h2>
+	<ol>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Goto previous page"
+	 rel="prev"
+	
+	 aria-disabled="true" tabindex="-1"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Previous
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	 aria-current="page"
+	
+	
+	
+	>1
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	 aria-label="Goto page 2"
+	
+	
+	
+	
+	
+	
+	
+	>2
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	 aria-label="Goto page 3"
+	
+	
+	
+	
+	
+	
+	
+	>3
+</a>
+</li>
+		<li>&hellip;</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Goto next page"
+	 rel="next"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Next
+</a>
+</li>
+	</ol>
+</nav>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>User experience</h2>\n<blockquote>\n<p>Studies show that users love single-page content, aim for that when possible, but multi-part is also fine for Google Search. Know and do what's best for <em>your</em> users!\nSource: <a href=\"https://twitter.com/googlewmc/status/1108726443251519489\">https://twitter.com/googlewmc/status/1108726443251519489</a></p>\n</blockquote>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"pagination"},"patternExtension":"hbs","patternName":"Pagination","patternPartial":"components-pagination","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>User experience</h2>\n<blockquote>\n<p>Studies show that users love single-page content, aim for that when possible, but multi-part is also fine for Google Search. Know and do what's best for <em>your</em> users!\nSource: <a href=\"https://twitter.com/googlewmc/status/1108726443251519489\">https://twitter.com/googlewmc/status/1108726443251519489</a></p>\n</blockquote>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"pagination"},"patternExtension":"hbs","patternName":"Pagination","patternPartial":"components-pagination","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-pagination/index.html b/review/refactor-icon-update/patterns/components-pagination/index.html
new file mode 100644
index 0000000000..e012c9ce83
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-pagination/index.html
@@ -0,0 +1,286 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-components-pagination" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-pagination&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-pagination">Pagination</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-pagination" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-pagination-pagination&#x2F;components-pagination-pagination.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-pagination" title="Link to Pattern">
+						Pagination
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-pagination" data-patternpartial="components-pagination" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-pagination">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<nav class="cmp-pagination" aria-label="pagination" aria-labelledby="headline01">
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h2 class="elm-headline " id="headline01">Pagination</h2>
+	<ol>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Goto previous page"
+	 rel="prev"
+	
+	 aria-disabled="true" tabindex="-1"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Previous
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	 aria-current="page"
+	
+	
+	
+	>1
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	 aria-label="Goto page 2"
+	
+	
+	
+	
+	
+	
+	
+	>2
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	 aria-label="Goto page 3"
+	
+	
+	
+	
+	
+	
+	
+	>3
+</a>
+</li>
+		<li>&hellip;</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Goto next page"
+	 rel="next"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Next
+</a>
+</li>
+	</ol>
+</nav>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-pagination" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>User experience</h2>\n<blockquote>\n<p>Studies show that users love single-page content, aim for that when possible, but multi-part is also fine for Google Search. Know and do what's best for <em>your</em> users!\nSource: <a href=\"https://twitter.com/googlewmc/status/1108726443251519489\">https://twitter.com/googlewmc/status/1108726443251519489</a></p>\n</blockquote>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"pagination"},"patternExtension":"hbs","patternName":"Pagination","patternPartial":"components-pagination","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-components-pagination"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-components-pagination"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.hbs b/review/refactor-icon-update/patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.hbs
new file mode 100644
index 0000000000..b50900c897
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.hbs
@@ -0,0 +1,10 @@
+<nav class="cmp-sidenavi">
+	<ol>
+		<li>{{> elements-link value='Startseite' rel='index' current="page" }}</li>
+		<li>{{> elements-link value='Dokumente' rel='documents' }}</li>
+		<li>{{> elements-link value='Dashboard' rel='dashboard' }}</li>
+		<li>{{> elements-link value='Cloud' rel='cloud' }}</li>
+		<li>{{> elements-link value='Kalender' rel='calendar' }}</li>
+		<li>{{> elements-link value='Frage &amp; Hilfe' rel='help' }}</li>
+	</ol>
+</nav>
diff --git a/review/refactor-icon-update/patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.markup-only.html b/review/refactor-icon-update/patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.markup-only.html
new file mode 100644
index 0000000000..a82f1e82ca
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.markup-only.html
@@ -0,0 +1,118 @@
+<nav class="cmp-sidenavi">
+	<ol>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="index"
+	
+	
+	
+	
+	
+	
+	
+	 aria-current="page"
+	
+	
+	
+	>Startseite
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="documents"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Dokumente
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="dashboard"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Dashboard
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="cloud"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Cloud
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="calendar"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Kalender
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="help"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Frage &amp; Hilfe
+</a>
+</li>
+	</ol>
+</nav>
diff --git a/review/refactor-icon-update/patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html b/review/refactor-icon-update/patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html
new file mode 100644
index 0000000000..2a2e65f9fd
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html
@@ -0,0 +1,235 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<nav class="cmp-sidenavi">
+	<ol>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="index"
+	
+	
+	
+	
+	
+	
+	
+	 aria-current="page"
+	
+	
+	
+	>Startseite
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="documents"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Dokumente
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="dashboard"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Dashboard
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="cloud"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Cloud
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="calendar"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Kalender
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="help"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Frage &amp; Hilfe
+</a>
+</li>
+	</ol>
+</nav>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"sidenavi"},"patternExtension":"hbs","patternName":"Sidenavi","patternPartial":"components-sidenavi","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"sidenavi"},"patternExtension":"hbs","patternName":"Sidenavi","patternPartial":"components-sidenavi","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-sidenavi/index.html b/review/refactor-icon-update/patterns/components-sidenavi/index.html
new file mode 100644
index 0000000000..cef80f954a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-sidenavi/index.html
@@ -0,0 +1,303 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-components-sidenavi" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-sidenavi&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-sidenavi">Sidenavi</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Icons</h2>
+<p>The sidenavi pattern includes some general icons defined for some general <code>rel</code> values. Please feel free to define further by yourself depending on your needs, either within your <a href="/?p=viewall-base-icons">SCSS code (recommended) or via attributes</a>.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-sidenavi" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-sidenavi-sidenavi&#x2F;components-sidenavi-sidenavi.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-sidenavi" title="Link to Pattern">
+						Sidenavi
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-sidenavi" data-patternpartial="components-sidenavi" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-sidenavi">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<nav class="cmp-sidenavi">
+	<ol>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="index"
+	
+	
+	
+	
+	
+	
+	
+	 aria-current="page"
+	
+	
+	
+	>Startseite
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="documents"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Dokumente
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="dashboard"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Dashboard
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="cloud"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Cloud
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="calendar"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Kalender
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="help"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Frage &amp; Hilfe
+</a>
+</li>
+	</ol>
+</nav>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-sidenavi" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"sidenavi"},"patternExtension":"hbs","patternName":"Sidenavi","patternPartial":"components-sidenavi","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-components-sidenavi"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-components-sidenavi"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.hbs b/review/refactor-icon-update/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.hbs
new file mode 100644
index 0000000000..d04094eea7
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.hbs
@@ -0,0 +1,5 @@
+{{! TODO: Weitere Komponenten korrekt inkludieren }}
+<form class="cmp-sitesearch" action="#" method="post" role="search">
+	{{> elements-input type='search' placeholder='Suchen …' id=(unique-id) label='Suche' }}
+	{{> elements-button buttontype='submit' value='Suchen' }}
+</form>
diff --git a/review/refactor-icon-update/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.markup-only.html b/review/refactor-icon-update/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.markup-only.html
new file mode 100644
index 0000000000..f50b210671
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.markup-only.html
@@ -0,0 +1,40 @@
+<form class="cmp-sitesearch" action="#" method="post" role="search">
+	<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+	<input type="search"
+		class="elm-input "
+		placeholder="Suchen …"
+		name="id-b1bb3e31-208d-483c-b457-0b67f7daa166"
+		id="id-b1bb3e31-208d-483c-b457-0b67f7daa166"
+		
+		value=""
+		
+		
+		
+		
+		aria-labelledby="id-b1bb3e31-208d-483c-b457-0b67f7daa166-label"
+		
+		>
+	<label class="elm-label"
+		for="id-b1bb3e31-208d-483c-b457-0b67f7daa166"
+		aria-hidden="true"
+		id="id-b1bb3e31-208d-483c-b457-0b67f7daa166-label"
+		>Suche</label>
+	
+	
+	
+	<button class="elm-button "
+		
+		
+		title="Title text"
+		type="submit"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Suchen
+	</button>
+</form>
diff --git a/review/refactor-icon-update/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html b/review/refactor-icon-update/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html
new file mode 100644
index 0000000000..b8c4c47f4d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html
@@ -0,0 +1,157 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<form class="cmp-sitesearch" action="#" method="post" role="search">
+	<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+	<input type="search"
+		class="elm-input "
+		placeholder="Suchen …"
+		name="id-b1bb3e31-208d-483c-b457-0b67f7daa166"
+		id="id-b1bb3e31-208d-483c-b457-0b67f7daa166"
+		
+		value=""
+		
+		
+		
+		
+		aria-labelledby="id-b1bb3e31-208d-483c-b457-0b67f7daa166-label"
+		
+		>
+	<label class="elm-label"
+		for="id-b1bb3e31-208d-483c-b457-0b67f7daa166"
+		aria-hidden="true"
+		id="id-b1bb3e31-208d-483c-b457-0b67f7daa166-label"
+		>Suche</label>
+	
+	
+	
+	<button class="elm-button "
+		
+		
+		title="Title text"
+		type="submit"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Suchen
+	</button>
+</form>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-input","lineagePath":"../../patterns/elements-input-input/elements-input-input.rendered.html"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-input","lineagePath":"../../patterns/elements-input-input/elements-input-input.rendered.html"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineageR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"sitesearch"},"patternExtension":"hbs","patternName":"Sitesearch","patternPartial":"components-sitesearch","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-input","lineagePath":"../../patterns/elements-input-input/elements-input-input.rendered.html"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-input","lineagePath":"../../patterns/elements-input-input/elements-input-input.rendered.html"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineageR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"sitesearch"},"patternExtension":"hbs","patternName":"Sitesearch","patternPartial":"components-sitesearch","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-item-icon/components-tab-bar-tab-bar-item-icon.hbs b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-item-icon/components-tab-bar-tab-bar-item-icon.hbs
new file mode 100644
index 0000000000..bc1c4fd221
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-item-icon/components-tab-bar-tab-bar-item-icon.hbs
@@ -0,0 +1,12 @@
+{{! TODO: evaluate on the correct role and aria-label in here }}
+<div class="cmp-tab-bar" role="tablist"{{#if size}} data-size="{{ size }}"{{/if }}>
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+	{{#each tabs }}
+		<input type="radio" name="cmp-tab-bar-tabs-{{ ../identifier }}" id="tab_{{ ../identifier }}_{{ @index }}" {{#if active }} checked{{/if }}{{#if disabled }}
+			disabled{{/if }}>
+		<label for="tab_{{ ../identifier }}_{{ @index }}" role="tab"{{#if ../icon}} data-icon="{{ ../icon }}"{{/if }}>{{ label }}{{#if label2 }}<br>{{ label2 }}{{/if }}</label>
+		<section id="content_{{ ../identifier }}_{{ @index }}" role="tabpanel">
+			{{ content }}
+		</section>
+	{{/each }}
+</div>
diff --git a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-item-icon/components-tab-bar-tab-bar-item-icon.markup-only.html b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-item-icon/components-tab-bar-tab-bar-item-icon.markup-only.html
new file mode 100644
index 0000000000..946e91e37d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-item-icon/components-tab-bar-tab-bar-item-icon.markup-only.html
@@ -0,0 +1,29 @@
+<div class="cmp-tab-bar" role="tablist">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_0"  checked>
+		<label for="tab_small-icon_0" role="tab" data-icon="account">Tab 01</label>
+		<section id="content_small-icon_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_1" >
+		<label for="tab_small-icon_1" role="tab" data-icon="account">Tab 02</label>
+		<section id="content_small-icon_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_2" >
+		<label for="tab_small-icon_2" role="tab" data-icon="account">Tab 03</label>
+		<section id="content_small-icon_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_3" >
+		<label for="tab_small-icon_3" role="tab" data-icon="account">Tab 04</label>
+		<section id="content_small-icon_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_4" 
+			disabled>
+		<label for="tab_small-icon_4" role="tab" data-icon="account">Tab 05</label>
+		<section id="content_small-icon_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
diff --git a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-item-icon/components-tab-bar-tab-bar-item-icon.rendered.html b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-item-icon/components-tab-bar-tab-bar-item-icon.rendered.html
new file mode 100644
index 0000000000..13aac58543
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-item-icon/components-tab-bar-tab-bar-item-icon.rendered.html
@@ -0,0 +1,146 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<div class="cmp-tab-bar" role="tablist">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_0"  checked>
+		<label for="tab_small-icon_0" role="tab" data-icon="account">Tab 01</label>
+		<section id="content_small-icon_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_1" >
+		<label for="tab_small-icon_1" role="tab" data-icon="account">Tab 02</label>
+		<section id="content_small-icon_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_2" >
+		<label for="tab_small-icon_2" role="tab" data-icon="account">Tab 03</label>
+		<section id="content_small-icon_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_3" >
+		<label for="tab_small-icon_3" role="tab" data-icon="account">Tab 04</label>
+		<section id="content_small-icon_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_4" 
+			disabled>
+		<label for="tab_small-icon_4" role="tab" data-icon="account">Tab 05</label>
+		<section id="content_small-icon_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar Item Icon","patternPartial":"components-tab-bar-item-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar Item Icon","patternPartial":"components-tab-bar-item-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small-item-icon/components-tab-bar-tab-bar-small-item-icon.hbs b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small-item-icon/components-tab-bar-tab-bar-small-item-icon.hbs
new file mode 100644
index 0000000000..bc1c4fd221
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small-item-icon/components-tab-bar-tab-bar-small-item-icon.hbs
@@ -0,0 +1,12 @@
+{{! TODO: evaluate on the correct role and aria-label in here }}
+<div class="cmp-tab-bar" role="tablist"{{#if size}} data-size="{{ size }}"{{/if }}>
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+	{{#each tabs }}
+		<input type="radio" name="cmp-tab-bar-tabs-{{ ../identifier }}" id="tab_{{ ../identifier }}_{{ @index }}" {{#if active }} checked{{/if }}{{#if disabled }}
+			disabled{{/if }}>
+		<label for="tab_{{ ../identifier }}_{{ @index }}" role="tab"{{#if ../icon}} data-icon="{{ ../icon }}"{{/if }}>{{ label }}{{#if label2 }}<br>{{ label2 }}{{/if }}</label>
+		<section id="content_{{ ../identifier }}_{{ @index }}" role="tabpanel">
+			{{ content }}
+		</section>
+	{{/each }}
+</div>
diff --git a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small-item-icon/components-tab-bar-tab-bar-small-item-icon.markup-only.html b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small-item-icon/components-tab-bar-tab-bar-small-item-icon.markup-only.html
new file mode 100644
index 0000000000..dbb6e37b50
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small-item-icon/components-tab-bar-tab-bar-small-item-icon.markup-only.html
@@ -0,0 +1,29 @@
+<div class="cmp-tab-bar" role="tablist" data-size="small">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_0"  checked>
+		<label for="tab_icon_0" role="tab" data-icon="account">Tab 01</label>
+		<section id="content_icon_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_1" >
+		<label for="tab_icon_1" role="tab" data-icon="account">Tab 02</label>
+		<section id="content_icon_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_2" >
+		<label for="tab_icon_2" role="tab" data-icon="account">Tab 03</label>
+		<section id="content_icon_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_3" >
+		<label for="tab_icon_3" role="tab" data-icon="account">Tab 04</label>
+		<section id="content_icon_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_4" 
+			disabled>
+		<label for="tab_icon_4" role="tab" data-icon="account">Tab 05</label>
+		<section id="content_icon_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
diff --git a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small-item-icon/components-tab-bar-tab-bar-small-item-icon.rendered.html b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small-item-icon/components-tab-bar-tab-bar-small-item-icon.rendered.html
new file mode 100644
index 0000000000..6810dd0494
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small-item-icon/components-tab-bar-tab-bar-small-item-icon.rendered.html
@@ -0,0 +1,146 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<div class="cmp-tab-bar" role="tablist" data-size="small">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_0"  checked>
+		<label for="tab_icon_0" role="tab" data-icon="account">Tab 01</label>
+		<section id="content_icon_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_1" >
+		<label for="tab_icon_1" role="tab" data-icon="account">Tab 02</label>
+		<section id="content_icon_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_2" >
+		<label for="tab_icon_2" role="tab" data-icon="account">Tab 03</label>
+		<section id="content_icon_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_3" >
+		<label for="tab_icon_3" role="tab" data-icon="account">Tab 04</label>
+		<section id="content_icon_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_4" 
+			disabled>
+		<label for="tab_icon_4" role="tab" data-icon="account">Tab 05</label>
+		<section id="content_icon_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar Small Item Icon","patternPartial":"components-tab-bar-small-item-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar Small Item Icon","patternPartial":"components-tab-bar-small-item-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small/components-tab-bar-tab-bar-small.hbs b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small/components-tab-bar-tab-bar-small.hbs
new file mode 100644
index 0000000000..bc1c4fd221
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small/components-tab-bar-tab-bar-small.hbs
@@ -0,0 +1,12 @@
+{{! TODO: evaluate on the correct role and aria-label in here }}
+<div class="cmp-tab-bar" role="tablist"{{#if size}} data-size="{{ size }}"{{/if }}>
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+	{{#each tabs }}
+		<input type="radio" name="cmp-tab-bar-tabs-{{ ../identifier }}" id="tab_{{ ../identifier }}_{{ @index }}" {{#if active }} checked{{/if }}{{#if disabled }}
+			disabled{{/if }}>
+		<label for="tab_{{ ../identifier }}_{{ @index }}" role="tab"{{#if ../icon}} data-icon="{{ ../icon }}"{{/if }}>{{ label }}{{#if label2 }}<br>{{ label2 }}{{/if }}</label>
+		<section id="content_{{ ../identifier }}_{{ @index }}" role="tabpanel">
+			{{ content }}
+		</section>
+	{{/each }}
+</div>
diff --git a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small/components-tab-bar-tab-bar-small.markup-only.html b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small/components-tab-bar-tab-bar-small.markup-only.html
new file mode 100644
index 0000000000..1d93ff5d81
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small/components-tab-bar-tab-bar-small.markup-only.html
@@ -0,0 +1,29 @@
+<div class="cmp-tab-bar" role="tablist" data-size="small">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_0"  checked>
+		<label for="tab_small_0" role="tab">Tab 01</label>
+		<section id="content_small_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_1" >
+		<label for="tab_small_1" role="tab">Tab 02</label>
+		<section id="content_small_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_2" >
+		<label for="tab_small_2" role="tab">Tab 03</label>
+		<section id="content_small_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_3" >
+		<label for="tab_small_3" role="tab">Tab 04</label>
+		<section id="content_small_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_4" 
+			disabled>
+		<label for="tab_small_4" role="tab">Tab 05</label>
+		<section id="content_small_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
diff --git a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small/components-tab-bar-tab-bar-small.rendered.html b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small/components-tab-bar-tab-bar-small.rendered.html
new file mode 100644
index 0000000000..1dfb7dfc4a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar-small/components-tab-bar-tab-bar-small.rendered.html
@@ -0,0 +1,146 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<div class="cmp-tab-bar" role="tablist" data-size="small">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_0"  checked>
+		<label for="tab_small_0" role="tab">Tab 01</label>
+		<section id="content_small_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_1" >
+		<label for="tab_small_1" role="tab">Tab 02</label>
+		<section id="content_small_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_2" >
+		<label for="tab_small_2" role="tab">Tab 03</label>
+		<section id="content_small_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_3" >
+		<label for="tab_small_3" role="tab">Tab 04</label>
+		<section id="content_small_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_4" 
+			disabled>
+		<label for="tab_small_4" role="tab">Tab 05</label>
+		<section id="content_small_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar Small","patternPartial":"components-tab-bar-small","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar Small","patternPartial":"components-tab-bar-small","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar/components-tab-bar-tab-bar.hbs b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar/components-tab-bar-tab-bar.hbs
new file mode 100644
index 0000000000..bc1c4fd221
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar/components-tab-bar-tab-bar.hbs
@@ -0,0 +1,12 @@
+{{! TODO: evaluate on the correct role and aria-label in here }}
+<div class="cmp-tab-bar" role="tablist"{{#if size}} data-size="{{ size }}"{{/if }}>
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+	{{#each tabs }}
+		<input type="radio" name="cmp-tab-bar-tabs-{{ ../identifier }}" id="tab_{{ ../identifier }}_{{ @index }}" {{#if active }} checked{{/if }}{{#if disabled }}
+			disabled{{/if }}>
+		<label for="tab_{{ ../identifier }}_{{ @index }}" role="tab"{{#if ../icon}} data-icon="{{ ../icon }}"{{/if }}>{{ label }}{{#if label2 }}<br>{{ label2 }}{{/if }}</label>
+		<section id="content_{{ ../identifier }}_{{ @index }}" role="tabpanel">
+			{{ content }}
+		</section>
+	{{/each }}
+</div>
diff --git a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar/components-tab-bar-tab-bar.markup-only.html b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar/components-tab-bar-tab-bar.markup-only.html
new file mode 100644
index 0000000000..1ca1b9f9c2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar/components-tab-bar-tab-bar.markup-only.html
@@ -0,0 +1,29 @@
+<div class="cmp-tab-bar" role="tablist">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_0"  checked>
+		<label for="tab_regular_0" role="tab">Tab 01</label>
+		<section id="content_regular_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_1" >
+		<label for="tab_regular_1" role="tab">Tab 02</label>
+		<section id="content_regular_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_2" >
+		<label for="tab_regular_2" role="tab">Tab 03</label>
+		<section id="content_regular_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_3" >
+		<label for="tab_regular_3" role="tab">Tab 04</label>
+		<section id="content_regular_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_4" 
+			disabled>
+		<label for="tab_regular_4" role="tab">Tab 05</label>
+		<section id="content_regular_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
diff --git a/review/refactor-icon-update/patterns/components-tab-bar-tab-bar/components-tab-bar-tab-bar.rendered.html b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar/components-tab-bar-tab-bar.rendered.html
new file mode 100644
index 0000000000..ac11c21e92
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-tab-bar-tab-bar/components-tab-bar-tab-bar.rendered.html
@@ -0,0 +1,146 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<div class="cmp-tab-bar" role="tablist">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_0"  checked>
+		<label for="tab_regular_0" role="tab">Tab 01</label>
+		<section id="content_regular_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_1" >
+		<label for="tab_regular_1" role="tab">Tab 02</label>
+		<section id="content_regular_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_2" >
+		<label for="tab_regular_2" role="tab">Tab 03</label>
+		<section id="content_regular_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_3" >
+		<label for="tab_regular_3" role="tab">Tab 04</label>
+		<section id="content_regular_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_4" 
+			disabled>
+		<label for="tab_regular_4" role="tab">Tab 05</label>
+		<section id="content_regular_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar","patternPartial":"components-tab-bar","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar","patternPartial":"components-tab-bar","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-tab-bar/index.html b/review/refactor-icon-update/patterns/components-tab-bar/index.html
new file mode 100644
index 0000000000..512e0d2709
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-tab-bar/index.html
@@ -0,0 +1,431 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-components-tab-bar" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-tab-bar&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-tab-bar">Tab Bar</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Multi-line</h2>
+<p>The multi-line tabs haven't been developed, but are only available in the Sketch library. If you really need this pattern even also in the development, please set it up yourself e.g. with a <code>&lt;br&gt;</code> or differentiated label texts e.g. by <code>&lt;span&gt;</code> elements.</p>
+<h2>Accessibility</h2>
+<p>This pattern has been tested and approved regarding accessibility.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-tab-bar" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-tab-bar-tab-bar&#x2F;components-tab-bar-tab-bar.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-tab-bar" title="Link to Pattern">
+						Tab Bar
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-tab-bar" data-patternpartial="components-tab-bar" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-tab-bar">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="cmp-tab-bar" role="tablist">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_0"  checked>
+		<label for="tab_regular_0" role="tab">Tab 01</label>
+		<section id="content_regular_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_1" >
+		<label for="tab_regular_1" role="tab">Tab 02</label>
+		<section id="content_regular_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_2" >
+		<label for="tab_regular_2" role="tab">Tab 03</label>
+		<section id="content_regular_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_3" >
+		<label for="tab_regular_3" role="tab">Tab 04</label>
+		<section id="content_regular_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_4" 
+			disabled>
+		<label for="tab_regular_4" role="tab">Tab 05</label>
+		<section id="content_regular_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-tab-bar" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar","patternPartial":"components-tab-bar","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-tab-bar-item-icon" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-tab-bar-tab-bar-item-icon&#x2F;components-tab-bar-tab-bar-item-icon.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-tab-bar-item-icon" title="Link to Pattern">
+						Tab Bar Item Icon
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-tab-bar-item-icon" data-patternpartial="components-tab-bar-item-icon" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-tab-bar-item-icon">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="cmp-tab-bar" role="tablist">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_0"  checked>
+		<label for="tab_small-icon_0" role="tab" data-icon="account">Tab 01</label>
+		<section id="content_small-icon_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_1" >
+		<label for="tab_small-icon_1" role="tab" data-icon="account">Tab 02</label>
+		<section id="content_small-icon_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_2" >
+		<label for="tab_small-icon_2" role="tab" data-icon="account">Tab 03</label>
+		<section id="content_small-icon_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_3" >
+		<label for="tab_small-icon_3" role="tab" data-icon="account">Tab 04</label>
+		<section id="content_small-icon_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_4" 
+			disabled>
+		<label for="tab_small-icon_4" role="tab" data-icon="account">Tab 05</label>
+		<section id="content_small-icon_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-tab-bar-item-icon" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar Item Icon","patternPartial":"components-tab-bar-item-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-tab-bar-small" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-tab-bar-tab-bar-small&#x2F;components-tab-bar-tab-bar-small.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-tab-bar-small" title="Link to Pattern">
+						Tab Bar Small
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-tab-bar-small" data-patternpartial="components-tab-bar-small" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-tab-bar-small">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="cmp-tab-bar" role="tablist" data-size="small">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_0"  checked>
+		<label for="tab_small_0" role="tab">Tab 01</label>
+		<section id="content_small_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_1" >
+		<label for="tab_small_1" role="tab">Tab 02</label>
+		<section id="content_small_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_2" >
+		<label for="tab_small_2" role="tab">Tab 03</label>
+		<section id="content_small_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_3" >
+		<label for="tab_small_3" role="tab">Tab 04</label>
+		<section id="content_small_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_4" 
+			disabled>
+		<label for="tab_small_4" role="tab">Tab 05</label>
+		<section id="content_small_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-tab-bar-small" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar Small","patternPartial":"components-tab-bar-small","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-tab-bar-small-item-icon" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-tab-bar-tab-bar-small-item-icon&#x2F;components-tab-bar-tab-bar-small-item-icon.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-tab-bar-small-item-icon" title="Link to Pattern">
+						Tab Bar Small Item Icon
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-tab-bar-small-item-icon" data-patternpartial="components-tab-bar-small-item-icon" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-tab-bar-small-item-icon">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="cmp-tab-bar" role="tablist" data-size="small">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_0"  checked>
+		<label for="tab_icon_0" role="tab" data-icon="account">Tab 01</label>
+		<section id="content_icon_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_1" >
+		<label for="tab_icon_1" role="tab" data-icon="account">Tab 02</label>
+		<section id="content_icon_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_2" >
+		<label for="tab_icon_2" role="tab" data-icon="account">Tab 03</label>
+		<section id="content_icon_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_3" >
+		<label for="tab_icon_3" role="tab" data-icon="account">Tab 04</label>
+		<section id="content_icon_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_4" 
+			disabled>
+		<label for="tab_icon_4" role="tab" data-icon="account">Tab 05</label>
+		<section id="content_icon_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-tab-bar-small-item-icon" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar Small Item Icon","patternPartial":"components-tab-bar-small-item-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-components-tab-bar"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-components-tab-bar"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-table-table-alignments/components-table-table-alignments.hbs b/review/refactor-icon-update/patterns/components-table-table-alignments/components-table-table-alignments.hbs
new file mode 100644
index 0000000000..a358eb4732
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-alignments/components-table-table-alignments.hbs
@@ -0,0 +1,6 @@
+<dl>
+{{#each alignments }}
+	<dt>{{ align }} / {{ vertical-align }}:</dt>
+	<dd>{{> components-table cells=../cells }}</dd>
+{{/each }}
+</dl>
diff --git a/review/refactor-icon-update/patterns/components-table-table-alignments/components-table-table-alignments.markup-only.html b/review/refactor-icon-update/patterns/components-table-table-alignments/components-table-table-alignments.markup-only.html
new file mode 100644
index 0000000000..4d0718edda
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-alignments/components-table-table-alignments.markup-only.html
@@ -0,0 +1,106 @@
+<dl>
+	<dt>center / middle:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead data-align="center" data-vertical-align="middle">
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody data-align="center" data-vertical-align="middle">
+			<tr>
+				
+				<td>Value 01 - 01<br>two lines</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01 - longer content</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02 - longer content</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+	<dt>right / bottom:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead data-align="right" data-vertical-align="bottom">
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody data-align="right" data-vertical-align="bottom">
+			<tr>
+				
+				<td>Value 01 - 01<br>two lines</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01 - longer content</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02 - longer content</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+</dl>
diff --git a/review/refactor-icon-update/patterns/components-table-table-alignments/components-table-table-alignments.rendered.html b/review/refactor-icon-update/patterns/components-table-table-alignments/components-table-table-alignments.rendered.html
new file mode 100644
index 0000000000..d2639a26c6
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-alignments/components-table-table-alignments.rendered.html
@@ -0,0 +1,223 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<dl>
+	<dt>center / middle:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead data-align="center" data-vertical-align="middle">
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody data-align="center" data-vertical-align="middle">
+			<tr>
+				
+				<td>Value 01 - 01<br>two lines</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01 - longer content</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02 - longer content</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+	<dt>right / bottom:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead data-align="right" data-vertical-align="bottom">
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody data-align="right" data-vertical-align="bottom">
+			<tr>
+				
+				<td>Value 01 - 01<br>two lines</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01 - longer content</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02 - longer content</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+</dl>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could set the positioning of the cells content on several different levels and on both axis, by setting the either using SCSS placeholders or setting <code>data-align</code> and <code>data-vertical-align</code> HTML attributes on the surrounding <code>thead</code> or <code>tbody</code>, each grouping <code>tr</code> element or the individual cells <code>th</code> and <code>td</code> elements to either one of these values:</p>\n<h2>Horizontal alignment</h2>\n<h3>SCSS (recommended)</h3>\n<p>Extend one of the variant placeholders: <code>%align-left</code>, <code>%align-center</code> or <code>%align-right</code></p>\n<h3>HTML attribute</h3>\n<p>You could set the different button variants via the <code>data-align</code> attribute:</p>\n<ul>\n<li><code>data-align=&quot;left&quot;</code> (default)</li>\n<li><code>data-align=&quot;center&quot;</code></li>\n<li><code>data-align=&quot;right&quot;</code></li>\n</ul>\n<h2>Vertical alignment</h2>\n<h3>SCSS (recommended)</h3>\n<p>Extend one of the variant placeholders: <code>%vertical-align-top</code>, <code>%vertical-align-middle</code> or <code>%vertical-align-bottom</code></p>\n<h3>HTML attribute</h3>\n<p>You could set the different button variants via the <code>data-vertical-align</code> attribute:</p>\n<ul>\n<li><code>data-vertical-align=&quot;top&quot;</code> (default)</li>\n<li><code>data-vertical-align=&quot;middle&quot;</code></li>\n<li><code>data-vertical-align=&quot;bottom&quot;</code></li>\n</ul>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - alignment","patternPartial":"components-table-alignments","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could set the positioning of the cells content on several different levels and on both axis, by setting the either using SCSS placeholders or setting <code>data-align</code> and <code>data-vertical-align</code> HTML attributes on the surrounding <code>thead</code> or <code>tbody</code>, each grouping <code>tr</code> element or the individual cells <code>th</code> and <code>td</code> elements to either one of these values:</p>\n<h2>Horizontal alignment</h2>\n<h3>SCSS (recommended)</h3>\n<p>Extend one of the variant placeholders: <code>%align-left</code>, <code>%align-center</code> or <code>%align-right</code></p>\n<h3>HTML attribute</h3>\n<p>You could set the different button variants via the <code>data-align</code> attribute:</p>\n<ul>\n<li><code>data-align=&quot;left&quot;</code> (default)</li>\n<li><code>data-align=&quot;center&quot;</code></li>\n<li><code>data-align=&quot;right&quot;</code></li>\n</ul>\n<h2>Vertical alignment</h2>\n<h3>SCSS (recommended)</h3>\n<p>Extend one of the variant placeholders: <code>%vertical-align-top</code>, <code>%vertical-align-middle</code> or <code>%vertical-align-bottom</code></p>\n<h3>HTML attribute</h3>\n<p>You could set the different button variants via the <code>data-vertical-align</code> attribute:</p>\n<ul>\n<li><code>data-vertical-align=&quot;top&quot;</code> (default)</li>\n<li><code>data-vertical-align=&quot;middle&quot;</code></li>\n<li><code>data-vertical-align=&quot;bottom&quot;</code></li>\n</ul>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - alignment","patternPartial":"components-table-alignments","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-table-table-border-around/components-table-table-border-around.hbs b/review/refactor-icon-update/patterns/components-table-table-border-around/components-table-table-border-around.hbs
new file mode 100644
index 0000000000..933bec496f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-border-around/components-table-table-border-around.hbs
@@ -0,0 +1,29 @@
+{{! TODO: evaluate on the correct role and aria-label in here }}
+{{#if font-size }}<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->{{/if }}
+<table class="cmp-table {{ styleModifier }}"
+	{{#if border }} data-border="{{ border }}"{{/if }}
+	{{#if rows }} data-rows="{{ rows }}"{{/if }}
+	{{#if density }} data-density="{{ density }}"{{/if }}
+	{{#if font-size }} style="--table---fontSize: {{ font-size }}"{{/if }}
+	{{#if sticky }} data-sticky="{{ sticky }}"{{/if }}>
+	<caption>
+		Table title
+	</caption>
+	<thead{{#if align}} data-align="{{ align }}"{{/if }}{{#if vertical-align}} data-vertical-align="{{ vertical-align }}"{{/if }}>
+		<tr>
+			{{#if rowtitle }}<th scope="col">Column header</th>{{/if }}
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody{{#if align}} data-align="{{ align }}"{{/if }}{{#if vertical-align}} data-vertical-align="{{ vertical-align }}"{{/if }}>
+		{{#each cells }}
+			<tr>
+				{{#if ../rowtitle }}<th scope="row">table header</th>{{/if }}
+				<td{{#if @first }}{{#if ../icon}} data-icon="{{ ../icon }}"{{/if }}{{/if }}>{{{ text01 }}}</td>
+				<td>{{{ text02 }}}</td>
+				{{#if ../overflowMenu }}<td>{{> components-overflow-menu entry01="Edit" entry02="Delete" }}</td>{{/if }}
+			</tr>
+		{{/each }}
+	</tbody>
+</table>
diff --git a/review/refactor-icon-update/patterns/components-table-table-border-around/components-table-table-border-around.markup-only.html b/review/refactor-icon-update/patterns/components-table-table-border-around/components-table-table-border-around.markup-only.html
new file mode 100644
index 0000000000..a00f5d4c95
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-border-around/components-table-table-border-around.markup-only.html
@@ -0,0 +1,50 @@
+
+<table class="cmp-table "
+	 data-border="around"
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
diff --git a/review/refactor-icon-update/patterns/components-table-table-border-around/components-table-table-border-around.rendered.html b/review/refactor-icon-update/patterns/components-table-table-border-around/components-table-table-border-around.rendered.html
new file mode 100644
index 0000000000..4eb91e1944
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-border-around/components-table-table-border-around.rendered.html
@@ -0,0 +1,167 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<table class="cmp-table "
+	 data-border="around"
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>To enable cell lines around the rows, define the class <code>data-border=&quot;around&quot;</code> on the table element.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - border around cells","patternPartial":"components-table-border-around","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>To enable cell lines around the rows, define the class <code>data-border=&quot;around&quot;</code> on the table element.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - border around cells","patternPartial":"components-table-border-around","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.hbs b/review/refactor-icon-update/patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.hbs
new file mode 100644
index 0000000000..933bec496f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.hbs
@@ -0,0 +1,29 @@
+{{! TODO: evaluate on the correct role and aria-label in here }}
+{{#if font-size }}<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->{{/if }}
+<table class="cmp-table {{ styleModifier }}"
+	{{#if border }} data-border="{{ border }}"{{/if }}
+	{{#if rows }} data-rows="{{ rows }}"{{/if }}
+	{{#if density }} data-density="{{ density }}"{{/if }}
+	{{#if font-size }} style="--table---fontSize: {{ font-size }}"{{/if }}
+	{{#if sticky }} data-sticky="{{ sticky }}"{{/if }}>
+	<caption>
+		Table title
+	</caption>
+	<thead{{#if align}} data-align="{{ align }}"{{/if }}{{#if vertical-align}} data-vertical-align="{{ vertical-align }}"{{/if }}>
+		<tr>
+			{{#if rowtitle }}<th scope="col">Column header</th>{{/if }}
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody{{#if align}} data-align="{{ align }}"{{/if }}{{#if vertical-align}} data-vertical-align="{{ vertical-align }}"{{/if }}>
+		{{#each cells }}
+			<tr>
+				{{#if ../rowtitle }}<th scope="row">table header</th>{{/if }}
+				<td{{#if @first }}{{#if ../icon}} data-icon="{{ ../icon }}"{{/if }}{{/if }}>{{{ text01 }}}</td>
+				<td>{{{ text02 }}}</td>
+				{{#if ../overflowMenu }}<td>{{> components-overflow-menu entry01="Edit" entry02="Delete" }}</td>{{/if }}
+			</tr>
+		{{/each }}
+	</tbody>
+</table>
diff --git a/review/refactor-icon-update/patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.markup-only.html b/review/refactor-icon-update/patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.markup-only.html
new file mode 100644
index 0000000000..8e90781e7a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.markup-only.html
@@ -0,0 +1,50 @@
+
+<table class="cmp-table "
+	 data-border="horizontal"
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
diff --git a/review/refactor-icon-update/patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html b/review/refactor-icon-update/patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html
new file mode 100644
index 0000000000..8256973fa1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html
@@ -0,0 +1,167 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<table class="cmp-table "
+	 data-border="horizontal"
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>To enable cell lines horizontally between the rows, define the class <code>data-border=&quot;horizontal&quot;</code> on the table element.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - border horizontal","patternPartial":"components-table-border-horizontal","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>To enable cell lines horizontally between the rows, define the class <code>data-border=&quot;horizontal&quot;</code> on the table element.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - border horizontal","patternPartial":"components-table-border-horizontal","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-table-table-density/components-table-table-density.hbs b/review/refactor-icon-update/patterns/components-table-table-density/components-table-table-density.hbs
new file mode 100644
index 0000000000..97fcb4eeca
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-density/components-table-table-density.hbs
@@ -0,0 +1,6 @@
+<dl>
+{{#each densities }}
+	<dt>{{ density }}:</dt>
+	<dd>{{> components-table cells=../cells }}</dd>
+{{/each }}
+</dl>
diff --git a/review/refactor-icon-update/patterns/components-table-table-density/components-table-table-density.markup-only.html b/review/refactor-icon-update/patterns/components-table-table-density/components-table-table-density.markup-only.html
new file mode 100644
index 0000000000..fa43de25f5
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-density/components-table-table-density.markup-only.html
@@ -0,0 +1,158 @@
+<dl>
+	<dt>small:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	 data-density="small"
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+	<dt>regular:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	 data-density="regular"
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+	<dt>large:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	 data-density="large"
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+</dl>
diff --git a/review/refactor-icon-update/patterns/components-table-table-density/components-table-table-density.rendered.html b/review/refactor-icon-update/patterns/components-table-table-density/components-table-table-density.rendered.html
new file mode 100644
index 0000000000..6c4e00d41d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-density/components-table-table-density.rendered.html
@@ -0,0 +1,275 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<dl>
+	<dt>small:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	 data-density="small"
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+	<dt>regular:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	 data-density="regular"
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+	<dt>large:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	 data-density="large"
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+</dl>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could choose in between different types of cell density, by setting the <code>data-density</code> attribute on the <code>table</code> element to either one of these values:</p>\n<ul>\n<li><code>small</code></li>\n<li><code>regular</code> (default)</li>\n<li><code>large</code></li>\n</ul>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - density","patternPartial":"components-table-density","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could choose in between different types of cell density, by setting the <code>data-density</code> attribute on the <code>table</code> element to either one of these values:</p>\n<ul>\n<li><code>small</code></li>\n<li><code>regular</code> (default)</li>\n<li><code>large</code></li>\n</ul>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - density","patternPartial":"components-table-density","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-table-table-font-size/components-table-table-font-size.hbs b/review/refactor-icon-update/patterns/components-table-table-font-size/components-table-table-font-size.hbs
new file mode 100644
index 0000000000..933bec496f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-font-size/components-table-table-font-size.hbs
@@ -0,0 +1,29 @@
+{{! TODO: evaluate on the correct role and aria-label in here }}
+{{#if font-size }}<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->{{/if }}
+<table class="cmp-table {{ styleModifier }}"
+	{{#if border }} data-border="{{ border }}"{{/if }}
+	{{#if rows }} data-rows="{{ rows }}"{{/if }}
+	{{#if density }} data-density="{{ density }}"{{/if }}
+	{{#if font-size }} style="--table---fontSize: {{ font-size }}"{{/if }}
+	{{#if sticky }} data-sticky="{{ sticky }}"{{/if }}>
+	<caption>
+		Table title
+	</caption>
+	<thead{{#if align}} data-align="{{ align }}"{{/if }}{{#if vertical-align}} data-vertical-align="{{ vertical-align }}"{{/if }}>
+		<tr>
+			{{#if rowtitle }}<th scope="col">Column header</th>{{/if }}
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody{{#if align}} data-align="{{ align }}"{{/if }}{{#if vertical-align}} data-vertical-align="{{ vertical-align }}"{{/if }}>
+		{{#each cells }}
+			<tr>
+				{{#if ../rowtitle }}<th scope="row">table header</th>{{/if }}
+				<td{{#if @first }}{{#if ../icon}} data-icon="{{ ../icon }}"{{/if }}{{/if }}>{{{ text01 }}}</td>
+				<td>{{{ text02 }}}</td>
+				{{#if ../overflowMenu }}<td>{{> components-overflow-menu entry01="Edit" entry02="Delete" }}</td>{{/if }}
+			</tr>
+		{{/each }}
+	</tbody>
+</table>
diff --git a/review/refactor-icon-update/patterns/components-table-table-font-size/components-table-table-font-size.markup-only.html b/review/refactor-icon-update/patterns/components-table-table-font-size/components-table-table-font-size.markup-only.html
new file mode 100644
index 0000000000..d0c48004aa
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-font-size/components-table-table-font-size.markup-only.html
@@ -0,0 +1,50 @@
+<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+<table class="cmp-table "
+	
+	
+	
+	 style="--table---fontSize: 0.875rem"
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
diff --git a/review/refactor-icon-update/patterns/components-table-table-font-size/components-table-table-font-size.rendered.html b/review/refactor-icon-update/patterns/components-table-table-font-size/components-table-table-font-size.rendered.html
new file mode 100644
index 0000000000..d04c16a6d2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-font-size/components-table-table-font-size.rendered.html
@@ -0,0 +1,167 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+<table class="cmp-table "
+	
+	
+	
+	 style="--table---fontSize: 0.875rem"
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could define a specific font-size in dp (density pixels), by setting the <code>--table---fontSize</code> CSS Variable on the <code>table</code> element to a specific font-size (the specification includes 14dp and 16dp, which equals to <code>0.875rem</code> or <code>1rem</code>).</p>\n<ul>\n<li><code>0.875rem</code></li>\n<li><code>1rem</code> (default)</li>\n</ul>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - font size","patternPartial":"components-table-font-size","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could define a specific font-size in dp (density pixels), by setting the <code>--table---fontSize</code> CSS Variable on the <code>table</code> element to a specific font-size (the specification includes 14dp and 16dp, which equals to <code>0.875rem</code> or <code>1rem</code>).</p>\n<ul>\n<li><code>0.875rem</code></li>\n<li><code>1rem</code> (default)</li>\n</ul>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - font size","patternPartial":"components-table-font-size","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-table-table-icons/components-table-table-icons.hbs b/review/refactor-icon-update/patterns/components-table-table-icons/components-table-table-icons.hbs
new file mode 100644
index 0000000000..933bec496f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-icons/components-table-table-icons.hbs
@@ -0,0 +1,29 @@
+{{! TODO: evaluate on the correct role and aria-label in here }}
+{{#if font-size }}<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->{{/if }}
+<table class="cmp-table {{ styleModifier }}"
+	{{#if border }} data-border="{{ border }}"{{/if }}
+	{{#if rows }} data-rows="{{ rows }}"{{/if }}
+	{{#if density }} data-density="{{ density }}"{{/if }}
+	{{#if font-size }} style="--table---fontSize: {{ font-size }}"{{/if }}
+	{{#if sticky }} data-sticky="{{ sticky }}"{{/if }}>
+	<caption>
+		Table title
+	</caption>
+	<thead{{#if align}} data-align="{{ align }}"{{/if }}{{#if vertical-align}} data-vertical-align="{{ vertical-align }}"{{/if }}>
+		<tr>
+			{{#if rowtitle }}<th scope="col">Column header</th>{{/if }}
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody{{#if align}} data-align="{{ align }}"{{/if }}{{#if vertical-align}} data-vertical-align="{{ vertical-align }}"{{/if }}>
+		{{#each cells }}
+			<tr>
+				{{#if ../rowtitle }}<th scope="row">table header</th>{{/if }}
+				<td{{#if @first }}{{#if ../icon}} data-icon="{{ ../icon }}"{{/if }}{{/if }}>{{{ text01 }}}</td>
+				<td>{{{ text02 }}}</td>
+				{{#if ../overflowMenu }}<td>{{> components-overflow-menu entry01="Edit" entry02="Delete" }}</td>{{/if }}
+			</tr>
+		{{/each }}
+	</tbody>
+</table>
diff --git a/review/refactor-icon-update/patterns/components-table-table-icons/components-table-table-icons.markup-only.html b/review/refactor-icon-update/patterns/components-table-table-icons/components-table-table-icons.markup-only.html
new file mode 100644
index 0000000000..1d73933cec
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-icons/components-table-table-icons.markup-only.html
@@ -0,0 +1,50 @@
+
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td data-icon="account">Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
diff --git a/review/refactor-icon-update/patterns/components-table-table-icons/components-table-table-icons.rendered.html b/review/refactor-icon-update/patterns/components-table-table-icons/components-table-table-icons.rendered.html
new file mode 100644
index 0000000000..ea92491082
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-icons/components-table-table-icons.rendered.html
@@ -0,0 +1,167 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td data-icon="account">Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could include icons within the cells like you would normally do to set one on an HTML tag: By setting the <code>data-icon</code> attribute on the specific cell, compare to the <a href=\"/patterns/base-icons/index.html\">icons description</a>.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - icons","patternPartial":"components-table-icons","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could include icons within the cells like you would normally do to set one on an HTML tag: By setting the <code>data-icon</code> attribute on the specific cell, compare to the <a href=\"/patterns/base-icons/index.html\">icons description</a>.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - icons","patternPartial":"components-table-icons","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.hbs b/review/refactor-icon-update/patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.hbs
new file mode 100644
index 0000000000..933bec496f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.hbs
@@ -0,0 +1,29 @@
+{{! TODO: evaluate on the correct role and aria-label in here }}
+{{#if font-size }}<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->{{/if }}
+<table class="cmp-table {{ styleModifier }}"
+	{{#if border }} data-border="{{ border }}"{{/if }}
+	{{#if rows }} data-rows="{{ rows }}"{{/if }}
+	{{#if density }} data-density="{{ density }}"{{/if }}
+	{{#if font-size }} style="--table---fontSize: {{ font-size }}"{{/if }}
+	{{#if sticky }} data-sticky="{{ sticky }}"{{/if }}>
+	<caption>
+		Table title
+	</caption>
+	<thead{{#if align}} data-align="{{ align }}"{{/if }}{{#if vertical-align}} data-vertical-align="{{ vertical-align }}"{{/if }}>
+		<tr>
+			{{#if rowtitle }}<th scope="col">Column header</th>{{/if }}
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody{{#if align}} data-align="{{ align }}"{{/if }}{{#if vertical-align}} data-vertical-align="{{ vertical-align }}"{{/if }}>
+		{{#each cells }}
+			<tr>
+				{{#if ../rowtitle }}<th scope="row">table header</th>{{/if }}
+				<td{{#if @first }}{{#if ../icon}} data-icon="{{ ../icon }}"{{/if }}{{/if }}>{{{ text01 }}}</td>
+				<td>{{{ text02 }}}</td>
+				{{#if ../overflowMenu }}<td>{{> components-overflow-menu entry01="Edit" entry02="Delete" }}</td>{{/if }}
+			</tr>
+		{{/each }}
+	</tbody>
+</table>
diff --git a/review/refactor-icon-update/patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.markup-only.html b/review/refactor-icon-update/patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.markup-only.html
new file mode 100644
index 0000000000..20e9ea3c97
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.markup-only.html
@@ -0,0 +1,240 @@
+
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+	</tbody>
+</table>
diff --git a/review/refactor-icon-update/patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html b/review/refactor-icon-update/patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html
new file mode 100644
index 0000000000..53aee530d3
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html
@@ -0,0 +1,357 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+	</tbody>
+</table>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table Overflow Menu","patternPartial":"components-table-overflow-menu","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table Overflow Menu","patternPartial":"components-table-overflow-menu","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-table-table-row-title/components-table-table-row-title.hbs b/review/refactor-icon-update/patterns/components-table-table-row-title/components-table-table-row-title.hbs
new file mode 100644
index 0000000000..933bec496f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-row-title/components-table-table-row-title.hbs
@@ -0,0 +1,29 @@
+{{! TODO: evaluate on the correct role and aria-label in here }}
+{{#if font-size }}<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->{{/if }}
+<table class="cmp-table {{ styleModifier }}"
+	{{#if border }} data-border="{{ border }}"{{/if }}
+	{{#if rows }} data-rows="{{ rows }}"{{/if }}
+	{{#if density }} data-density="{{ density }}"{{/if }}
+	{{#if font-size }} style="--table---fontSize: {{ font-size }}"{{/if }}
+	{{#if sticky }} data-sticky="{{ sticky }}"{{/if }}>
+	<caption>
+		Table title
+	</caption>
+	<thead{{#if align}} data-align="{{ align }}"{{/if }}{{#if vertical-align}} data-vertical-align="{{ vertical-align }}"{{/if }}>
+		<tr>
+			{{#if rowtitle }}<th scope="col">Column header</th>{{/if }}
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody{{#if align}} data-align="{{ align }}"{{/if }}{{#if vertical-align}} data-vertical-align="{{ vertical-align }}"{{/if }}>
+		{{#each cells }}
+			<tr>
+				{{#if ../rowtitle }}<th scope="row">table header</th>{{/if }}
+				<td{{#if @first }}{{#if ../icon}} data-icon="{{ ../icon }}"{{/if }}{{/if }}>{{{ text01 }}}</td>
+				<td>{{{ text02 }}}</td>
+				{{#if ../overflowMenu }}<td>{{> components-overflow-menu entry01="Edit" entry02="Delete" }}</td>{{/if }}
+			</tr>
+		{{/each }}
+	</tbody>
+</table>
diff --git a/review/refactor-icon-update/patterns/components-table-table-row-title/components-table-table-row-title.markup-only.html b/review/refactor-icon-update/patterns/components-table-table-row-title/components-table-table-row-title.markup-only.html
new file mode 100644
index 0000000000..20da9cd4ec
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-row-title/components-table-table-row-title.markup-only.html
@@ -0,0 +1,50 @@
+
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			<th scope="col">Column header</th>
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
diff --git a/review/refactor-icon-update/patterns/components-table-table-row-title/components-table-table-row-title.rendered.html b/review/refactor-icon-update/patterns/components-table-table-row-title/components-table-table-row-title.rendered.html
new file mode 100644
index 0000000000..7d9fb5ac98
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-row-title/components-table-table-row-title.rendered.html
@@ -0,0 +1,167 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			<th scope="col">Column header</th>
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table Row Title","patternPartial":"components-table-row-title","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table Row Title","patternPartial":"components-table-row-title","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.hbs b/review/refactor-icon-update/patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.hbs
new file mode 100644
index 0000000000..933bec496f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.hbs
@@ -0,0 +1,29 @@
+{{! TODO: evaluate on the correct role and aria-label in here }}
+{{#if font-size }}<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->{{/if }}
+<table class="cmp-table {{ styleModifier }}"
+	{{#if border }} data-border="{{ border }}"{{/if }}
+	{{#if rows }} data-rows="{{ rows }}"{{/if }}
+	{{#if density }} data-density="{{ density }}"{{/if }}
+	{{#if font-size }} style="--table---fontSize: {{ font-size }}"{{/if }}
+	{{#if sticky }} data-sticky="{{ sticky }}"{{/if }}>
+	<caption>
+		Table title
+	</caption>
+	<thead{{#if align}} data-align="{{ align }}"{{/if }}{{#if vertical-align}} data-vertical-align="{{ vertical-align }}"{{/if }}>
+		<tr>
+			{{#if rowtitle }}<th scope="col">Column header</th>{{/if }}
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody{{#if align}} data-align="{{ align }}"{{/if }}{{#if vertical-align}} data-vertical-align="{{ vertical-align }}"{{/if }}>
+		{{#each cells }}
+			<tr>
+				{{#if ../rowtitle }}<th scope="row">table header</th>{{/if }}
+				<td{{#if @first }}{{#if ../icon}} data-icon="{{ ../icon }}"{{/if }}{{/if }}>{{{ text01 }}}</td>
+				<td>{{{ text02 }}}</td>
+				{{#if ../overflowMenu }}<td>{{> components-overflow-menu entry01="Edit" entry02="Delete" }}</td>{{/if }}
+			</tr>
+		{{/each }}
+	</tbody>
+</table>
diff --git a/review/refactor-icon-update/patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.markup-only.html b/review/refactor-icon-update/patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.markup-only.html
new file mode 100644
index 0000000000..7987f1acf4
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.markup-only.html
@@ -0,0 +1,50 @@
+
+<table class="cmp-table "
+	
+	 data-rows="zebra"
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
diff --git a/review/refactor-icon-update/patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html b/review/refactor-icon-update/patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html
new file mode 100644
index 0000000000..e2e5e5d86e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html
@@ -0,0 +1,167 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<table class="cmp-table "
+	
+	 data-rows="zebra"
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>To highlight every other table row, set <code>data-rows=&quot;zebra&quot;</code> on the table element.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - row zebra styling","patternPartial":"components-table-rows-zebra","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>To highlight every other table row, set <code>data-rows=&quot;zebra&quot;</code> on the table element.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - row zebra styling","patternPartial":"components-table-rows-zebra","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-table-table-sticky-header/components-table-table-sticky-header.hbs b/review/refactor-icon-update/patterns/components-table-table-sticky-header/components-table-table-sticky-header.hbs
new file mode 100644
index 0000000000..933bec496f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-sticky-header/components-table-table-sticky-header.hbs
@@ -0,0 +1,29 @@
+{{! TODO: evaluate on the correct role and aria-label in here }}
+{{#if font-size }}<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->{{/if }}
+<table class="cmp-table {{ styleModifier }}"
+	{{#if border }} data-border="{{ border }}"{{/if }}
+	{{#if rows }} data-rows="{{ rows }}"{{/if }}
+	{{#if density }} data-density="{{ density }}"{{/if }}
+	{{#if font-size }} style="--table---fontSize: {{ font-size }}"{{/if }}
+	{{#if sticky }} data-sticky="{{ sticky }}"{{/if }}>
+	<caption>
+		Table title
+	</caption>
+	<thead{{#if align}} data-align="{{ align }}"{{/if }}{{#if vertical-align}} data-vertical-align="{{ vertical-align }}"{{/if }}>
+		<tr>
+			{{#if rowtitle }}<th scope="col">Column header</th>{{/if }}
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody{{#if align}} data-align="{{ align }}"{{/if }}{{#if vertical-align}} data-vertical-align="{{ vertical-align }}"{{/if }}>
+		{{#each cells }}
+			<tr>
+				{{#if ../rowtitle }}<th scope="row">table header</th>{{/if }}
+				<td{{#if @first }}{{#if ../icon}} data-icon="{{ ../icon }}"{{/if }}{{/if }}>{{{ text01 }}}</td>
+				<td>{{{ text02 }}}</td>
+				{{#if ../overflowMenu }}<td>{{> components-overflow-menu entry01="Edit" entry02="Delete" }}</td>{{/if }}
+			</tr>
+		{{/each }}
+	</tbody>
+</table>
diff --git a/review/refactor-icon-update/patterns/components-table-table-sticky-header/components-table-table-sticky-header.markup-only.html b/review/refactor-icon-update/patterns/components-table-table-sticky-header/components-table-table-sticky-header.markup-only.html
new file mode 100644
index 0000000000..33197f93dc
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-sticky-header/components-table-table-sticky-header.markup-only.html
@@ -0,0 +1,350 @@
+
+<table class="cmp-table "
+	
+	
+	
+	
+	 data-sticky="header">
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
diff --git a/review/refactor-icon-update/patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html b/review/refactor-icon-update/patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html
new file mode 100644
index 0000000000..579782e660
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html
@@ -0,0 +1,467 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<table class="cmp-table "
+	
+	
+	
+	
+	 data-sticky="header">
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could set the header cells to appear sticky on scrolling, which is especially useful on longer tables with a lot of rows, by setting the <code>data-sticky=&quot;header&quot;</code> attribute on the table.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - sticky header","patternPartial":"components-table-sticky-header","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could set the header cells to appear sticky on scrolling, which is especially useful on longer tables with a lot of rows, by setting the <code>data-sticky=&quot;header&quot;</code> attribute on the table.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - sticky header","patternPartial":"components-table-sticky-header","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-table-table/components-table-table.hbs b/review/refactor-icon-update/patterns/components-table-table/components-table-table.hbs
new file mode 100644
index 0000000000..933bec496f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table/components-table-table.hbs
@@ -0,0 +1,29 @@
+{{! TODO: evaluate on the correct role and aria-label in here }}
+{{#if font-size }}<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->{{/if }}
+<table class="cmp-table {{ styleModifier }}"
+	{{#if border }} data-border="{{ border }}"{{/if }}
+	{{#if rows }} data-rows="{{ rows }}"{{/if }}
+	{{#if density }} data-density="{{ density }}"{{/if }}
+	{{#if font-size }} style="--table---fontSize: {{ font-size }}"{{/if }}
+	{{#if sticky }} data-sticky="{{ sticky }}"{{/if }}>
+	<caption>
+		Table title
+	</caption>
+	<thead{{#if align}} data-align="{{ align }}"{{/if }}{{#if vertical-align}} data-vertical-align="{{ vertical-align }}"{{/if }}>
+		<tr>
+			{{#if rowtitle }}<th scope="col">Column header</th>{{/if }}
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody{{#if align}} data-align="{{ align }}"{{/if }}{{#if vertical-align}} data-vertical-align="{{ vertical-align }}"{{/if }}>
+		{{#each cells }}
+			<tr>
+				{{#if ../rowtitle }}<th scope="row">table header</th>{{/if }}
+				<td{{#if @first }}{{#if ../icon}} data-icon="{{ ../icon }}"{{/if }}{{/if }}>{{{ text01 }}}</td>
+				<td>{{{ text02 }}}</td>
+				{{#if ../overflowMenu }}<td>{{> components-overflow-menu entry01="Edit" entry02="Delete" }}</td>{{/if }}
+			</tr>
+		{{/each }}
+	</tbody>
+</table>
diff --git a/review/refactor-icon-update/patterns/components-table-table/components-table-table.markup-only.html b/review/refactor-icon-update/patterns/components-table-table/components-table-table.markup-only.html
new file mode 100644
index 0000000000..f37db65ffd
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table/components-table-table.markup-only.html
@@ -0,0 +1,50 @@
+
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
diff --git a/review/refactor-icon-update/patterns/components-table-table/components-table-table.rendered.html b/review/refactor-icon-update/patterns/components-table-table/components-table-table.rendered.html
new file mode 100644
index 0000000000..3d26500233
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table-table/components-table-table.rendered.html
@@ -0,0 +1,167 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-table-alignments","lineagePath":"../../patterns/components-table-table-alignments/components-table-table-alignments.rendered.html"},{"lineagePattern":"components-table-density","lineagePath":"../../patterns/components-table-table-density/components-table-table-density.rendered.html"}],"lineageR":[{"lineagePattern":"components-table-alignments","lineagePath":"../../patterns/components-table-table-alignments/components-table-table-alignments.rendered.html"},{"lineagePattern":"components-table-density","lineagePath":"../../patterns/components-table-table-density/components-table-table-density.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Hiding columns and rows as responsive behaviour</h2>\n<p>To hide columns and/or rows depending on the viewport size, you could use a SCSS mixin that we provide or even also easily set up some CSS on your own to do so.\nWe've decided against providing classes that would need to get set onto the HTML elements, as you would have to do this for each and very <code>td</code> / <code>th</code> element repeatedly, and it would heavily complicate the configuration as well as harm the elementary concepts of dividing style from content.</p>\n<h3>Hiding columns</h3>\n<p>Using the following SCSS mixin, you could hide a specific column (first parameter), depending on a maximum viewport-width (second parameter), e.g. the following would hide the second column in the <code>thead</code> and <code>tbody</code> section on a viewport up to <code>1023px</code> width:</p>\n<pre><code class=\"language-SCSS\">@include cmp-table-hide-col(2, 1023px);\n</code></pre>\n<p>In case that you wouldn't want to / can't use SCSS, than you could as well easily develop this on your own in pure CSS:</p>\n<pre><code class=\"language-CSS\">@media screen and (max-width: 1023px) {\n\tthead th:nth-child(2),\n\ttbody td:nth-child(2) {\n\t\tdisplay: none;\n\t}\n}\n</code></pre>\n<h3>Hiding rows</h3>\n<p>Using the following SCSS mixin, you could hide a specific row (first parameter), depending on a maximum viewport-width (second parameter), e.g. the following would hide the second row in the <code>tbody</code> section on a viewport up to <code>1023px</code> width:</p>\n<pre><code class=\"language-SCSS\">@include cmp-table-hide-row(2, 1023px);\n</code></pre>\n<p>In case that you wouldn't want to / can't use SCSS, than you could as well easily develop this on your own in pure CSS:</p>\n<pre><code class=\"language-CSS\">@media screen and (max-width: 1023px) {\n\ttbody tr:nth-child(2) {\n\t\tdisplay: none;\n\t}\n}\n</code></pre>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table","patternPartial":"components-table","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-table-alignments","lineagePath":"../../patterns/components-table-table-alignments/components-table-table-alignments.rendered.html"},{"lineagePattern":"components-table-density","lineagePath":"../../patterns/components-table-table-density/components-table-table-density.rendered.html"}],"lineageR":[{"lineagePattern":"components-table-alignments","lineagePath":"../../patterns/components-table-table-alignments/components-table-table-alignments.rendered.html"},{"lineagePattern":"components-table-density","lineagePath":"../../patterns/components-table-table-density/components-table-table-density.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Hiding columns and rows as responsive behaviour</h2>\n<p>To hide columns and/or rows depending on the viewport size, you could use a SCSS mixin that we provide or even also easily set up some CSS on your own to do so.\nWe've decided against providing classes that would need to get set onto the HTML elements, as you would have to do this for each and very <code>td</code> / <code>th</code> element repeatedly, and it would heavily complicate the configuration as well as harm the elementary concepts of dividing style from content.</p>\n<h3>Hiding columns</h3>\n<p>Using the following SCSS mixin, you could hide a specific column (first parameter), depending on a maximum viewport-width (second parameter), e.g. the following would hide the second column in the <code>thead</code> and <code>tbody</code> section on a viewport up to <code>1023px</code> width:</p>\n<pre><code class=\"language-SCSS\">@include cmp-table-hide-col(2, 1023px);\n</code></pre>\n<p>In case that you wouldn't want to / can't use SCSS, than you could as well easily develop this on your own in pure CSS:</p>\n<pre><code class=\"language-CSS\">@media screen and (max-width: 1023px) {\n\tthead th:nth-child(2),\n\ttbody td:nth-child(2) {\n\t\tdisplay: none;\n\t}\n}\n</code></pre>\n<h3>Hiding rows</h3>\n<p>Using the following SCSS mixin, you could hide a specific row (first parameter), depending on a maximum viewport-width (second parameter), e.g. the following would hide the second row in the <code>tbody</code> section on a viewport up to <code>1023px</code> width:</p>\n<pre><code class=\"language-SCSS\">@include cmp-table-hide-row(2, 1023px);\n</code></pre>\n<p>In case that you wouldn't want to / can't use SCSS, than you could as well easily develop this on your own in pure CSS:</p>\n<pre><code class=\"language-CSS\">@media screen and (max-width: 1023px) {\n\ttbody tr:nth-child(2) {\n\t\tdisplay: none;\n\t}\n}\n</code></pre>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table","patternPartial":"components-table","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components-table/index.html b/review/refactor-icon-update/patterns/components-table/index.html
new file mode 100644
index 0000000000..cd39a94d17
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components-table/index.html
@@ -0,0 +1,1827 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-components-table" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-table&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-table">Table</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-table" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table&#x2F;components-table-table.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table" title="Link to Pattern">
+						Table
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table" data-patternpartial="components-table" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-table-alignments","lineagePath":"../../patterns/components-table-table-alignments/components-table-table-alignments.rendered.html"},{"lineagePattern":"components-table-density","lineagePath":"../../patterns/components-table-table-density/components-table-table-density.rendered.html"}],"lineageR":[{"lineagePattern":"components-table-alignments","lineagePath":"../../patterns/components-table-table-alignments/components-table-table-alignments.rendered.html"},{"lineagePattern":"components-table-density","lineagePath":"../../patterns/components-table-table-density/components-table-table-density.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Hiding columns and rows as responsive behaviour</h2>\n<p>To hide columns and/or rows depending on the viewport size, you could use a SCSS mixin that we provide or even also easily set up some CSS on your own to do so.\nWe've decided against providing classes that would need to get set onto the HTML elements, as you would have to do this for each and very <code>td</code> / <code>th</code> element repeatedly, and it would heavily complicate the configuration as well as harm the elementary concepts of dividing style from content.</p>\n<h3>Hiding columns</h3>\n<p>Using the following SCSS mixin, you could hide a specific column (first parameter), depending on a maximum viewport-width (second parameter), e.g. the following would hide the second column in the <code>thead</code> and <code>tbody</code> section on a viewport up to <code>1023px</code> width:</p>\n<pre><code class=\"language-SCSS\">@include cmp-table-hide-col(2, 1023px);\n</code></pre>\n<p>In case that you wouldn't want to / can't use SCSS, than you could as well easily develop this on your own in pure CSS:</p>\n<pre><code class=\"language-CSS\">@media screen and (max-width: 1023px) {\n\tthead th:nth-child(2),\n\ttbody td:nth-child(2) {\n\t\tdisplay: none;\n\t}\n}\n</code></pre>\n<h3>Hiding rows</h3>\n<p>Using the following SCSS mixin, you could hide a specific row (first parameter), depending on a maximum viewport-width (second parameter), e.g. the following would hide the second row in the <code>tbody</code> section on a viewport up to <code>1023px</code> width:</p>\n<pre><code class=\"language-SCSS\">@include cmp-table-hide-row(2, 1023px);\n</code></pre>\n<p>In case that you wouldn't want to / can't use SCSS, than you could as well easily develop this on your own in pure CSS:</p>\n<pre><code class=\"language-CSS\">@media screen and (max-width: 1023px) {\n\ttbody tr:nth-child(2) {\n\t\tdisplay: none;\n\t}\n}\n</code></pre>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table","patternPartial":"components-table","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-alignments" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-alignments&#x2F;components-table-table-alignments.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-alignments" title="Link to Pattern">
+						Table - alignment
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-alignments" data-patternpartial="components-table-alignments" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-alignments">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>center / middle:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead data-align="center" data-vertical-align="middle">
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody data-align="center" data-vertical-align="middle">
+			<tr>
+				
+				<td>Value 01 - 01<br>two lines</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01 - longer content</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02 - longer content</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+	<dt>right / bottom:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead data-align="right" data-vertical-align="bottom">
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody data-align="right" data-vertical-align="bottom">
+			<tr>
+				
+				<td>Value 01 - 01<br>two lines</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01 - longer content</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02 - longer content</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-alignments" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could set the positioning of the cells content on several different levels and on both axis, by setting the either using SCSS placeholders or setting <code>data-align</code> and <code>data-vertical-align</code> HTML attributes on the surrounding <code>thead</code> or <code>tbody</code>, each grouping <code>tr</code> element or the individual cells <code>th</code> and <code>td</code> elements to either one of these values:</p>\n<h2>Horizontal alignment</h2>\n<h3>SCSS (recommended)</h3>\n<p>Extend one of the variant placeholders: <code>%align-left</code>, <code>%align-center</code> or <code>%align-right</code></p>\n<h3>HTML attribute</h3>\n<p>You could set the different button variants via the <code>data-align</code> attribute:</p>\n<ul>\n<li><code>data-align=&quot;left&quot;</code> (default)</li>\n<li><code>data-align=&quot;center&quot;</code></li>\n<li><code>data-align=&quot;right&quot;</code></li>\n</ul>\n<h2>Vertical alignment</h2>\n<h3>SCSS (recommended)</h3>\n<p>Extend one of the variant placeholders: <code>%vertical-align-top</code>, <code>%vertical-align-middle</code> or <code>%vertical-align-bottom</code></p>\n<h3>HTML attribute</h3>\n<p>You could set the different button variants via the <code>data-vertical-align</code> attribute:</p>\n<ul>\n<li><code>data-vertical-align=&quot;top&quot;</code> (default)</li>\n<li><code>data-vertical-align=&quot;middle&quot;</code></li>\n<li><code>data-vertical-align=&quot;bottom&quot;</code></li>\n</ul>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - alignment","patternPartial":"components-table-alignments","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-border-around" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-border-around&#x2F;components-table-table-border-around.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-border-around" title="Link to Pattern">
+						Table - border around cells
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-border-around" data-patternpartial="components-table-border-around" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-border-around">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	 data-border="around"
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-border-around" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>To enable cell lines around the rows, define the class <code>data-border=&quot;around&quot;</code> on the table element.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - border around cells","patternPartial":"components-table-border-around","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-border-horizontal" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-border-horizontal&#x2F;components-table-table-border-horizontal.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-border-horizontal" title="Link to Pattern">
+						Table - border horizontal
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-border-horizontal" data-patternpartial="components-table-border-horizontal" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-border-horizontal">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	 data-border="horizontal"
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-border-horizontal" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>To enable cell lines horizontally between the rows, define the class <code>data-border=&quot;horizontal&quot;</code> on the table element.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - border horizontal","patternPartial":"components-table-border-horizontal","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-density" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-density&#x2F;components-table-table-density.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-density" title="Link to Pattern">
+						Table - density
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-density" data-patternpartial="components-table-density" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-density">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>small:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	 data-density="small"
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+	<dt>regular:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	 data-density="regular"
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+	<dt>large:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	 data-density="large"
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-density" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could choose in between different types of cell density, by setting the <code>data-density</code> attribute on the <code>table</code> element to either one of these values:</p>\n<ul>\n<li><code>small</code></li>\n<li><code>regular</code> (default)</li>\n<li><code>large</code></li>\n</ul>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - density","patternPartial":"components-table-density","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-font-size" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-font-size&#x2F;components-table-table-font-size.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-font-size" title="Link to Pattern">
+						Table - font size
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-font-size" data-patternpartial="components-table-font-size" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-font-size">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+<table class="cmp-table "
+	
+	
+	
+	 style="--table---fontSize: 0.875rem"
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-font-size" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could define a specific font-size in dp (density pixels), by setting the <code>--table---fontSize</code> CSS Variable on the <code>table</code> element to a specific font-size (the specification includes 14dp and 16dp, which equals to <code>0.875rem</code> or <code>1rem</code>).</p>\n<ul>\n<li><code>0.875rem</code></li>\n<li><code>1rem</code> (default)</li>\n</ul>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - font size","patternPartial":"components-table-font-size","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-icons" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-icons&#x2F;components-table-table-icons.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-icons" title="Link to Pattern">
+						Table - icons
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-icons" data-patternpartial="components-table-icons" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-icons">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td data-icon="account">Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-icons" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could include icons within the cells like you would normally do to set one on an HTML tag: By setting the <code>data-icon</code> attribute on the specific cell, compare to the <a href=\"/patterns/base-icons/index.html\">icons description</a>.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - icons","patternPartial":"components-table-icons","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-overflow-menu" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-overflow-menu&#x2F;components-table-table-overflow-menu.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-overflow-menu" title="Link to Pattern">
+						Table Overflow Menu
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-overflow-menu" data-patternpartial="components-table-overflow-menu" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-overflow-menu">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-overflow-menu" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table Overflow Menu","patternPartial":"components-table-overflow-menu","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-row-title" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-row-title&#x2F;components-table-table-row-title.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-row-title" title="Link to Pattern">
+						Table Row Title
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-row-title" data-patternpartial="components-table-row-title" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-row-title">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			<th scope="col">Column header</th>
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-row-title" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table Row Title","patternPartial":"components-table-row-title","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-rows-zebra" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-rows-zebra&#x2F;components-table-table-rows-zebra.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-rows-zebra" title="Link to Pattern">
+						Table - row zebra styling
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-rows-zebra" data-patternpartial="components-table-rows-zebra" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-rows-zebra">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	
+	 data-rows="zebra"
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-rows-zebra" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>To highlight every other table row, set <code>data-rows=&quot;zebra&quot;</code> on the table element.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - row zebra styling","patternPartial":"components-table-rows-zebra","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-sticky-header" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-sticky-header&#x2F;components-table-table-sticky-header.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-sticky-header" title="Link to Pattern">
+						Table - sticky header
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-sticky-header" data-patternpartial="components-table-sticky-header" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-sticky-header">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	
+	
+	
+	
+	 data-sticky="header">
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-sticky-header" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could set the header cells to appear sticky on scrolling, which is especially useful on longer tables with a lot of rows, by setting the <code>data-sticky=&quot;header&quot;</code> attribute on the table.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - sticky header","patternPartial":"components-table-sticky-header","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-components-table"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-components-table"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/components/index.html b/review/refactor-icon-update/patterns/components/index.html
new file mode 100644
index 0000000000..073c2a85ad
--- /dev/null
+++ b/review/refactor-icon-update/patterns/components/index.html
@@ -0,0 +1,4376 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-components-accordion" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-accordion&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-accordion">Accordion</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Variations/configurability</h2>
+<h3>Size</h3>
+<h4>SCSS (recommended)</h4>
+<p>Extend one of the size SCSS placeholders in case that you don't want the default (regular): <code>%size-Small</code> or <code>%size-Large</code></p>
+<h4>HTML attribute</h4>
+<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is &quot;regular&quot; and in that case is optional.</p>
+<h3>Emphasis</h3>
+<p>The regular sized accordion could even also get enhanced to a higher emphasis.</p>
+<h4>SCSS (recommended)</h4>
+<p>Extend the related placeholder: <code>%emphasis-High</code></p>
+<h4>HTML attribute</h4>
+<p>You could set the high emphasis via the <code>data-emphasis</code> attribute.</p>
+<h2>JavaScript polyfill necessary for Microsoft Internet Explorer and Edge (older versions than 79)</h2>
+<p>In case you would need to support Microsoft Internet Explorer and/or Edge within your project setup, you'll need to polyfill (with e.g. <a href="https://github.com/javan/details-element-polyfill">details-element-polyfill</a>, that is still included in our pages for demo purposes) the <code>details</code> and <code>summary</code> HTML tags due to <a href="https://caniuse.com/#feat=details">their missing browser setup in those environments</a>.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-accordion" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-accordion-accordion&#x2F;components-accordion-accordion.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-accordion" title="Link to Pattern">
+						Accordion
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-accordion" data-patternpartial="components-accordion" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-accordion">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<details class="cmp-accordion"
+	
+	>
+	<summary>Summary</summary>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-accordion" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-accordion-sizes","lineagePath":"../../patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html"}],"lineageR":[{"lineagePattern":"components-accordion-sizes","lineagePath":"../../patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"accordion"},"patternExtension":"hbs","patternName":"Accordion","patternPartial":"components-accordion","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-accordion-high-emphasis" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-accordion-accordion-high-emphasis&#x2F;components-accordion-accordion-high-emphasis.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-accordion-high-emphasis" title="Link to Pattern">
+						Accordion High Emphasis
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-accordion-high-emphasis" data-patternpartial="components-accordion-high-emphasis" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-accordion-high-emphasis">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<details class="cmp-accordion"
+	 data-emphasis="high"
+	>
+	<summary>Summary</summary>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-accordion-high-emphasis" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"accordion"},"patternExtension":"hbs","patternName":"Accordion High Emphasis","patternPartial":"components-accordion-high-emphasis","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-accordion-sizes" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-accordion-accordion-sizes&#x2F;components-accordion-accordion-sizes.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-accordion-sizes" title="Link to Pattern">
+						Accordion Sizes
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-accordion-sizes" data-patternpartial="components-accordion-sizes" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-accordion-sizes">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<!-- [html-validate-disable-next heading-level] -->
+	<h2>Small</h2>
+	<details class="cmp-accordion"
+		
+		 data-size="small">
+		<summary>Summary</summary>
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+	</details>
+	
+	<h2>Regular (default, data-size attribute is optional)</h2>
+	<details class="cmp-accordion"
+		
+		 data-size="regular">
+		<summary>Summary</summary>
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+	</details>
+	
+	<h2>Large</h2>
+	<details class="cmp-accordion"
+		
+		 data-size="large">
+		<summary>Summary</summary>
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+	</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-accordion-sizes" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-accordion","lineagePath":"../../patterns/components-accordion-accordion/components-accordion-accordion.rendered.html"}],"lineage":[{"lineagePattern":"components-accordion","lineagePath":"../../patterns/components-accordion-accordion/components-accordion-accordion.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"accordion"},"patternExtension":"hbs","patternName":"Accordion Sizes","patternPartial":"components-accordion-sizes","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-breadcrumb" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-breadcrumb&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-breadcrumb">Breadcrumb</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-breadcrumb" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-breadcrumb-breadcrumb&#x2F;components-breadcrumb-breadcrumb.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-breadcrumb" title="Link to Pattern">
+						Breadcrumb
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-breadcrumb" data-patternpartial="components-breadcrumb" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-breadcrumb">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<nav class="cmp-breadcrumb" aria-label="Breadcrumb">
+	<ol>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Startseite
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	 aria-current="location"
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+	</ol>
+</nav>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-breadcrumb" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>[Insert description here]</p>\n<h2>Accessibility</h2>\n<blockquote>\n<p>The link to the current page has <code>aria-current</code> set to <code>page</code>. If the element representing the current page is not a link, aria-current is optional.</p>\n</blockquote>\n<p>Source: <a href=\"https://www.w3.org/TR/wai-aria-practices/#breadcrumb\">https://www.w3.org/TR/wai-aria-practices/#breadcrumb</a></p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"breadcrumb"},"patternExtension":"hbs","patternName":"Breadcrumb","patternPartial":"components-breadcrumb","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-cards" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-cards&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-cards">Cards</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-cards-banner" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-cards-cards-banner&#x2F;components-cards-cards-banner.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-cards-banner" title="Link to Pattern">
+						Cards Banner
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-cards-banner" data-patternpartial="components-cards-banner" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-cards-banner">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="cmp-cards">
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 01</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 02</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 03</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 04</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-cards-banner" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"lineage":[{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"cards"},"patternExtension":"hbs","patternName":"Cards Banner","patternPartial":"components-cards-banner","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-dialog" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-dialog&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-dialog">Dialog</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-dialog" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-dialog-dialog&#x2F;components-dialog-dialog.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-dialog" title="Link to Pattern">
+						Dialog
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-dialog" data-patternpartial="components-dialog" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-dialog">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<button class="elm-button "
+	data-variant="secondary-outline"
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	 command="show-modal"
+	 commandfor="dialog01">
+	Dialog öffnen
+</button>
+<dialog id="dialog01" class="cmp-dialog">
+	<header>
+		<!-- [html-validate-disable-next heading-level] -->
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Modal</h2>
+		<button type="button" class="is-close" title="Close the dialog" command="close" commandfor="dialog01">Close</button>
+	</header>
+	<main>
+		<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+	</main>
+	<footer>
+		<button class="elm-button "
+			data-variant="secondary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Secondary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Primary
+		</button>
+	</footer>
+</dialog>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-dialog" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Usage notes</h2>\n<p>The <code>&lt;dialog&gt;</code> element is a native HTML element that provides a common JavaScript API with events, properties and methods: <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement\">https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement</a></p>\n<blockquote>\n<p>The <code>::backdrop</code> CSS pseudo-element can be used to style behind a <code>&lt;dialog&gt;</code> element, for example to dim inaccessible content whilst a modal dialog is active. The backdrop is only drawn when the dialog element is displayed with <code>HTMLDialogElement.showModal()</code>.</p>\n</blockquote>\n<blockquote>\n<p><code>&lt;form&gt;</code> elements can be integrated within a dialog by specifying them with the attribute <code>method=&quot;dialog&quot;</code>. When such a form is submitted, the dialog is closed with its <code>returnValue</code> attribute set to the <code>value</code> of the form's submit button that was used.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#Usage_notes\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#Usage_notes</a></p>\n<h2>JavaScript dependencies</h2>\n<p><strong>Dialog polyfill</strong>: As some <a href=\"https://caniuse.com/#feat=dialog\">older browsers don't fully support the native dialog HTML tag so far</a> we'll <a href=\"https://github.com/GoogleChrome/dialog-polyfill\">have to use a polyfill</a>, that is being included into the file <code>source/js/plugins.min.js</code> during build, as well as <a href=\"https://gist.github.com/samthor/babe9fad4a65625b301ba482dad284d1\">a snippet that enforces to return focus to the previously focused element on the page after closing the dialog</a>, which is included within <code>source/js/plugins.min.js</code> as well. Good news: With Safari 15.4 the last remaining of the modern browsers shipped the <code>dialog</code> elements support: <a href=\"https://webkit.org/blog/12209/introducing-the-dialog-element/\">https://webkit.org/blog/12209/introducing-the-dialog-element/</a></p>\n<p><strong>Please feel free to include and initialize this script according to your JavaScript ecosystem individually, and especially develop the logic out of <a href=\"https://open-ui.org/components/invokers.explainer/\"><code>invoker commands</code></a> on your own for your specific context and techstack.</strong></p>\n<h2>Accessibility</h2>\n<p>This pattern has been tested and approved regarding accessibility.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dialog"},"patternExtension":"hbs","patternName":"Dialog","patternPartial":"components-dialog","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-dialog-button-alignment-end" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-dialog-dialog-button-alignment-end&#x2F;components-dialog-dialog-button-alignment-end.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-dialog-button-alignment-end" title="Link to Pattern">
+						Dialog Button Alignment End
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-dialog-button-alignment-end" data-patternpartial="components-dialog-button-alignment-end" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-dialog-button-alignment-end">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<button class="elm-button "
+	data-variant="secondary-outline"
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	 command="show-modal"
+	 commandfor="dialog02">
+	Dialog öffnen
+</button>
+<dialog id="dialog02" class="cmp-dialog">
+	<header>
+		<!-- [html-validate-disable-next heading-level] -->
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Modal</h2>
+		<button type="button" class="is-close" title="Close the dialog" command="close" commandfor="dialog02">Close</button>
+	</header>
+	<main>
+		<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+	</main>
+	<footer data-alignment="end">
+		<button class="elm-button "
+			data-variant="secondary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Secondary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Primary
+		</button>
+	</footer>
+</dialog>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-dialog-button-alignment-end" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dialog"},"patternExtension":"hbs","patternName":"Dialog Button Alignment End","patternPartial":"components-dialog-button-alignment-end","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-dropdown" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-dropdown&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-dropdown">Dropdown</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<p>This component is mainly meant to get used within the header section. If you're looking for a similar one within the content section, please refer to the <code>overflow menu</code> component.</p>
+<h2>Variation to display the overflow menu on the opposite side</h2>
+<p>This component expected to be placed at the end of the header regularly and thatfor opens the overlay to its opposite side (to the right on left-to-right reading direction). If you'd like to change this behaviour e.g. to implement some kind of a collision mechanism (most likely with JavaScript) and flip the overlays orientation to the opposite side, you could use the following attribute to configure this orientation change, compare to the examples below as well:</p>
+<pre><code class="language-html">data-horizontal-position=&quot;opposite&quot;
+</code></pre>
+<h2>JavaScript polyfill necessary for Microsoft Internet Explorer and Edge (older versions than 79)</h2>
+<p>In case you would need to support Microsoft Internet Explorer and/or Edge within your project setup, you'll need to polyfill (with e.g. <a href="https://github.com/javan/details-element-polyfill">details-element-polyfill</a>, that is still included in our pages for demo purposes) the <code>details</code> and <code>summary</code> HTML tags due to <a href="https://caniuse.com/#feat=details">their missing browser setup in those environments</a>.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-dropdown" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-dropdown-dropdown&#x2F;components-dropdown-dropdown.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-dropdown" title="Link to Pattern">
+						Dropdown
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-dropdown" data-patternpartial="components-dropdown" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-dropdown">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<details class="cmp-dropdown">
+	<summary>Toggle user menus visibility</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Profileinstellungen
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Logout
+</button>
+</li>
+	</menu>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-dropdown" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineageR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dropdown"},"patternExtension":"hbs","patternName":"Dropdown","patternPartial":"components-dropdown","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-dropdown-opposite-position" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-dropdown-dropdown-opposite-position&#x2F;components-dropdown-dropdown-opposite-position.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-dropdown-opposite-position" title="Link to Pattern">
+						Dropdown (within the header area) &#x2F; opposite position
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-dropdown-opposite-position" data-patternpartial="components-dropdown-opposite-position" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-dropdown-opposite-position">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<details class="cmp-dropdown" data-horizontal-position="opposite">
+	<summary>Toggle user menus visibility</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Profileinstellungen
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Logout
+</button>
+</li>
+	</menu>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-dropdown-opposite-position" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dropdown"},"patternExtension":"hbs","patternName":"Dropdown (within the header area) / opposite position","patternPartial":"components-dropdown-opposite-position","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":2}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-form" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-form&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-form">Form</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>General information</h2>
+<p>Forms in general are being built out of elements like form, input, textarea, button and fieldset.</p>
+<p>For more information reach out to <a href="https://developer.mozilla.org/en-US/docs/Learn/Forms">https://developer.mozilla.org/en-US/docs/Learn/Forms</a></p>
+<h2>Best practices</h2>
+<p>Best practice, research insights and examples: <a href="https://gerireid.com/forms.html">https://gerireid.com/forms.html</a></p>
+<h2>Form validation</h2>
+<p>It's best to use the built-in and standard form validation, as these are standards based API implementations, that are as well providing compatible and consistent states both for CSS and JS:</p>
+<ul>
+<li>Interoperability</li>
+<li>semantic (machine readable/understandable) state, even also keep a11y in mind</li>
+<li>Single source of truth regarding the form (elements) state within the browser itself</li>
+<li>Built-in localized validation messages</li>
+</ul>
+<p>Additionally this way you're following the principles of Progressive Enhancement - and in other words, any JavaScript only solution doesn't provide a graceful degradation and puts that whole functionality to the weakest layer in the stack even only.</p>
+<p>Nevertheless additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute"><code>aria-invalid=&quot;true&quot;</code> attribute</a> on the elements <code>input</code>, <code>radio</code>, <code>select</code> and <code>textarea</code>.
+We can't toggle any given/static attribute in the DB UI Core product itself, as we don't want to use JavaScript in this basic product. As you'd also need to add individual error messages, please find some inspiration on the necessary HTML code implementation e.g. on <a href="http://mars.dequecloud.com/demo/form-alert3.htm">http://mars.dequecloud.com/demo/form-alert3.htm</a></p>
+<p>Please find some more informations on the following pages:</p>
+<ul>
+<li><a href="https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation">https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation</a></li>
+<li><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation">https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation</a></li>
+</ul>
+<h2>Accessibility</h2>
+<p>Forms can be tricky, so read through the <a href="https://www.w3.org/WAI/tutorials/forms/">W3C forms WAI tutorials</a> for some guidance around how to implement accessibility successfully.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-example-form" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-form-example-form&#x2F;components-form-example-form.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-example-form" title="Link to Pattern">
+						Example Form
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-example-form" data-patternpartial="components-example-form" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-example-form">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<form>
+	<fieldset>
+		<legend>Please choose a flavour</legend>
+		<input type="radio"
+	class="elm-radio "
+	name="flavour[]"
+	id="input-vanilla"
+	
+	
+	 value="vanilla"
+	
+	
+	>
+<label class="elm-label" for="input-vanilla">Vanilla</label>
+<br>
+		<input type="radio"
+	class="elm-radio "
+	name="flavour[]"
+	id="input-strawberry"
+	
+	
+	 value="strawberry"
+	
+	
+	>
+<label class="elm-label" for="input-strawberry">Strawberry</label>
+<br>
+		<input type="radio"
+			class="elm-radio "
+			name="flavour[]"
+			id="input-chocolate"
+			
+			
+			 value="chocolate"
+			
+			
+			>
+		<label class="elm-label" for="input-chocolate">Chocolate</label>
+	</fieldset>
+	<button class="elm-button "
+		
+		
+		title="Title text"
+		type="submit"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Order your icecream
+	</button>
+</form>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-example-form" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"form"},"patternExtension":"hbs","patternName":"Example Form","patternPartial":"components-example-form","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-language-switcher" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-language-switcher&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-language-switcher">Language Switcher</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<p>You could either use the language switcher component with hyperlinks, which would be the recommended way, to link to another language based page, which is addressable by a different URL.</p>
+<p>The other way (especially for Single Page Applications) would be to use <code>&lt;button type=&quot;button&quot;&gt;</code> elements, that have some JavaScript events attached to them to handle the switch directly. Please keep in mind to announce a change of contents e.g. to screenreaders in this case.</p>
+<p>In both cases there's a slightly different HTML approach that you could inspect within the different examples below.</p>
+<p>Please keep in mind that the styling is optimized to look good included within the header section of the page and doesn't &quot;shine&quot; included in here.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-language-switcher" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-language-switcher-language-switcher&#x2F;components-language-switcher-language-switcher.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-language-switcher" title="Link to Pattern">
+						Language switcher
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-language-switcher" data-patternpartial="components-language-switcher" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-language-switcher">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="cmp-language-switcher">
+	<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="English language"
+				 rel="alternate"
+				
+				
+				
+				
+				
+				 hreflang="en"
+				
+				
+				
+				
+				
+				>EN
+			</a>
+	</li>
+	<li aria-current="page">
+			<a
+				href="#"
+				class="elm-link "
+				title="Deutsche Sprache"
+				 rel="bookmark"
+				
+				
+				
+				
+				
+				 hreflang="de"
+				
+				
+				
+				
+				
+				>DE
+			</a>
+	</li>
+	<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="Langue française"
+				 rel="alternate"
+				
+				
+				
+				
+				
+				 hreflang="fr"
+				
+				
+				
+				
+				
+				>FR
+			</a>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-language-switcher" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineageR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"language-switcher"},"patternExtension":"hbs","patternName":"Language switcher","patternPartial":"components-language-switcher","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-language-switcher-spa" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-language-switcher-language-switcher-spa&#x2F;components-language-switcher-language-switcher-spa.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-language-switcher-spa" title="Link to Pattern">
+						Language switcher with buttons
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-language-switcher-spa" data-patternpartial="components-language-switcher-spa" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-language-switcher-spa">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- [html-validate-disable-next prefer-native-element] -->
+<ul class="cmp-language-switcher" role="listbox">
+	<li role="option">
+			<button class="elm-button "
+				data-variant="tertiary-plain"
+				
+				title="English language"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				EN
+			</button>
+	</li>
+	<li role="option" aria-selected="true">
+			<button class="elm-button "
+				data-variant="tertiary-plain"
+				
+				title="Deutsche Sprache"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				DE
+			</button>
+	</li>
+	<li role="option">
+			<button class="elm-button "
+				data-variant="tertiary-plain"
+				
+				title="Langue française"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				FR
+			</button>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-language-switcher-spa" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"language-switcher"},"patternExtension":"hbs","patternName":"Language switcher with buttons","patternPartial":"components-language-switcher-spa","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-notifications" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-notifications&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-notifications">Notifications</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Best practices</h2>
+<p>Best practice, research insights and examples: <a href="https://gerireid.com/forms.html#notifications">https://gerireid.com/forms.html#notifications</a></p>
+<h2>Accessibility</h2>
+<p>Notifications are intended to be small interruptions to your visitors or users, so to help those with screen readers and similar assistive technologies, you should wrap your notifications in an aria-live region. Changes to live regions (such as injecting/updating a notification component) are automatically announced by screen readers without needing to move the user’s focus or otherwise interrupt the user.</p>
+<p>Additionally, if you'd like to update existing notifications incrementally, include <code>aria-atomic=&quot;true&quot;</code> to ensure that the entire notification is always announced as a single (atomic) unit, rather than announcing what was changed (which could lead to problems if you only update part of the notification’s content, or if displaying the same notification content at a later point in time). It's still recommended to remove and add <code>cmp-notification</code> components as a whole within the <code>section</code>.</p>
+<p>Note that the <code>live</code> region needs to be present in the markup before the notification is generated or updated. If you dynamically generate both at the same time and inject them into the page, they will generally not be announced by assistive technologies.</p>
+<p>You also need to adapt the <code>role</code> and <code>aria-live</code> level depending on the content. If it’s an important message like an error, use <code>role=&quot;alert&quot;</code> and <code>aria-live=&quot;assertive&quot;</code>, otherwise use <code>role=&quot;status&quot;</code>and <code>aria-live=&quot;polite&quot;</code> attributes.</p>
+<p>Adapted from <a href="https://getbootstrap.com/docs/4.3/components/toasts/">https://getbootstrap.com/docs/4.3/components/toasts/</a></p>
+<p>And we're not using <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-relevant"><code>aria-relevant=&quot;additions&quot;</code></a>, as the default behaviour is even already what we expect with the default (<code>additions text</code>), compare to e.g. <a href="https://medium.com/dev-channel/why-authors-should-avoid-aria-relevant-5d3164fab1e3">https://medium.com/dev-channel/why-authors-should-avoid-aria-relevant-5d3164fab1e3</a> and <a href="https://github.com/w3c/aria/issues/712#issuecomment-529848465">https://github.com/w3c/aria/issues/712#issuecomment-529848465</a></p>
+<h3>Live regions</h3>
+<blockquote>
+<p>Live regions are perceivable regions of a web page that are typically updated as a result of an external event when user focus may be elsewhere. These regions are not always updated as a result of a user interaction. This practice has become commonplace with the growing use of Ajax. Examples of live regions include a chat log, stock ticker, or a sport scoring section that updates periodically to reflect game statistics. Since these asynchronous areas are expected to update outside the user's area of focus, assistive technologies such as screen readers have either been unaware of their existence or unable to process them for the user. WAI-ARIA has provided a collection of properties that allow the author to identify these live regions and process them: aria-live, aria-relevant, aria-atomic, and aria-busy.</p>
+</blockquote>
+<p>Source: <a href="https://www.w3.org/TR/wai-aria/#terms">https://www.w3.org/TR/wai-aria/#terms</a></p>
+<h3>Conveying meaning to assistive technologies</h3>
+<blockquote>
+<p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional visibly hidden text.</p>
+</blockquote>
+<p>Source: <a href="https://getbootstrap.com/docs/4.3/components/alerts/">https://getbootstrap.com/docs/4.3/components/alerts/</a></p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-notifications" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-notifications-notifications&#x2F;components-notifications-notifications.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-notifications" title="Link to Pattern">
+						Notifications
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-notifications" data-patternpartial="components-notifications" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-notifications">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<section aria-live="polite" data-variant="">
+</section>
+
+<section aria-live="assertive" data-variant="">
+</section>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-notifications" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications","patternPartial":"components-notifications","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-notifications-variants" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-notifications-notifications-variants&#x2F;components-notifications-notifications-variants.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-notifications-variants" title="Link to Pattern">
+						Notifications Variants
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-notifications-variants" data-patternpartial="components-notifications-variants" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-notifications-variants">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<section aria-live="polite" data-variant="alert">
+			<div class="cmp-notification" role="status"
+				
+				>
+				Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="informative" role="status"
+				
+				>
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="success" role="status"
+				
+				>
+				success: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+<section aria-live="assertive" data-variant="alert">
+			<div class="cmp-notification" data-type="error" role="alert"
+				
+				>
+				error: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="warning" role="alert"
+				
+				>
+				warning: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-notifications-variants" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications Variants","patternPartial":"components-notifications-variants","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-notifications-hovering" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-notifications-notifications-hovering&#x2F;components-notifications-notifications-hovering.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-notifications-hovering" title="Link to Pattern">
+						Notifications Hovering
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-notifications-hovering" data-patternpartial="components-notifications-hovering" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-notifications-hovering">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<section aria-live="polite" data-variant="hovering">
+			<div class="cmp-notification" role="status"
+				
+				>
+				Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="informative" role="status"
+				
+				>
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="success" role="status"
+				
+				>
+				success: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+<section aria-live="assertive" data-variant="hovering">
+			<div class="cmp-notification" data-type="error" role="alert"
+				
+				>
+				error: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="warning" role="alert"
+				
+				>
+				warning: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-notifications-hovering" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications Hovering","patternPartial":"components-notifications-hovering","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-notifications-hovering-leading-icon" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-notifications-notifications-hovering-leading-icon&#x2F;components-notifications-notifications-hovering-leading-icon.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-notifications-hovering-leading-icon" title="Link to Pattern">
+						Notifications - Leading Icon
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-notifications-hovering-leading-icon" data-patternpartial="components-notifications-hovering-leading-icon" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-notifications-hovering-leading-icon">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<section aria-live="polite" data-variant="hovering">
+</section>
+
+<section aria-live="assertive" data-variant="hovering">
+			<div class="cmp-notification" data-type="informative" role="alert"
+				 data-icon="account"
+				>
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-notifications-hovering-leading-icon" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications - Leading Icon","patternPartial":"components-notifications-hovering-leading-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":2}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-notifications-hovering-trailing-icon" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-notifications-notifications-hovering-trailing-icon&#x2F;components-notifications-notifications-hovering-trailing-icon.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-notifications-hovering-trailing-icon" title="Link to Pattern">
+						Notifications - Trailing Icon
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-notifications-hovering-trailing-icon" data-patternpartial="components-notifications-hovering-trailing-icon" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-notifications-hovering-trailing-icon">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<section aria-live="polite" data-variant="hovering">
+</section>
+
+<section aria-live="assertive" data-variant="hovering">
+			<div class="cmp-notification" data-type="informative" role="alert"
+				
+				 data-icon-after="account">
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-notifications-hovering-trailing-icon" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications - Trailing Icon","patternPartial":"components-notifications-hovering-trailing-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-overflow-menu" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-overflow-menu&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-overflow-menu">Overflow Menu</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Variation to display the overflow menu on the opposite side</h2>
+<p>If you're either using this component at the very end of a main content part that will most likely always get displayed at the opposite viewport border or you'd like to implement some kind of a collision mechanism (most likely with JavaScript) and flip the overlays orientation to the opposite side (from regularly left to right positioned on left-to-right reading direction), you could use the following attribute to configure this orientation change, compare to the examples below as well:</p>
+<pre><code class="language-html">data-horizontal-position=&quot;opposite&quot;
+</code></pre>
+<h2>JavaScript polyfill necessary for Microsoft Internet Explorer and Edge (older versions than 79)</h2>
+<p>In case you would need to support Microsoft Internet Explorer and/or Edge within your project setup, you'll need to polyfill (with e.g. <a href="https://github.com/javan/details-element-polyfill">details-element-polyfill</a>, that is still included in our pages for demo purposes) the <code>details</code> and <code>summary</code> HTML tags due to <a href="https://caniuse.com/#feat=details">their missing browser setup in those environments</a>.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-overflow-menu" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-overflow-menu-overflow-menu&#x2F;components-overflow-menu-overflow-menu.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-overflow-menu" title="Link to Pattern">
+						Overflow menu
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-overflow-menu" data-patternpartial="components-overflow-menu" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-overflow-menu">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<details class="cmp-overflow-menu">
+	<summary>Toggle Overflow menu</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Modify
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-overflow-menu" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dropdown-opposite-position","lineagePath":"../../patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html"},{"lineagePattern":"components-table-border-around","lineagePath":"../../patterns/components-table-table-border-around/components-table-table-border-around.rendered.html"},{"lineagePattern":"components-table-border-horizontal","lineagePath":"../../patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html"},{"lineagePattern":"components-table-font-size","lineagePath":"../../patterns/components-table-table-font-size/components-table-table-font-size.rendered.html"},{"lineagePattern":"components-table-icons","lineagePath":"../../patterns/components-table-table-icons/components-table-table-icons.rendered.html"},{"lineagePattern":"components-table-overflow-menu","lineagePath":"../../patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html"},{"lineagePattern":"components-table-row-title","lineagePath":"../../patterns/components-table-table-row-title/components-table-table-row-title.rendered.html"},{"lineagePattern":"components-table-rows-zebra","lineagePath":"../../patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html"},{"lineagePattern":"components-table-sticky-header","lineagePath":"../../patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"components-dropdown-opposite-position","lineagePath":"../../patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html"},{"lineagePattern":"components-table-border-around","lineagePath":"../../patterns/components-table-table-border-around/components-table-table-border-around.rendered.html"},{"lineagePattern":"components-table-border-horizontal","lineagePath":"../../patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html"},{"lineagePattern":"components-table-font-size","lineagePath":"../../patterns/components-table-table-font-size/components-table-table-font-size.rendered.html"},{"lineagePattern":"components-table-icons","lineagePath":"../../patterns/components-table-table-icons/components-table-table-icons.rendered.html"},{"lineagePattern":"components-table-overflow-menu","lineagePath":"../../patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html"},{"lineagePattern":"components-table-row-title","lineagePath":"../../patterns/components-table-table-row-title/components-table-table-row-title.rendered.html"},{"lineagePattern":"components-table-rows-zebra","lineagePath":"../../patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html"},{"lineagePattern":"components-table-sticky-header","lineagePath":"../../patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"<h2>role attributes</h2>\n<h3><code>role=&quot;group&quot;</code></h3>\n<p>We're using the <code>group</code> role here to reflect the grouped navigationitems.</p>\n<p>More information: <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu\">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu</a></p>\n<h3><code>role=&quot;navigation&quot;</code></h3>\n<p>The <code>navigation</code> role in this patterns variant relates to its meaning of including navigational elements (links in this case).\nMore information: <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">https://www.w3.org/TR/wai-aria-1.1/#navigation</a></p>\n<h2>Usage within the header</h2>\n<p>If you'd like to place this component into the header area of the page, we'd like to suggest to use the similar <code>dropdown</code> component that is actually meant for exactly that use case.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu","patternPartial":"components-overflow-menu","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":1}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-overflow-menu-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-overflow-menu-overflow-menu-navigation&#x2F;components-overflow-menu-overflow-menu-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-overflow-menu-navigation" title="Link to Pattern">
+						Overflow menu - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-overflow-menu-navigation" data-patternpartial="components-overflow-menu-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-overflow-menu-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- [html-validate-disable-next prefer-native-element -- TODO: Evaluate again on this HTML] -->
+<details class="cmp-overflow-menu" role="navigation">
+	<summary>Toggle Overflow menu</summary>
+	<ul role="group">
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Modify
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Delete
+</a>
+</li>
+	</ul>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-overflow-menu-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Navigation variant</h2>\n<p>The <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">navigation variant</a> of this pattern includes navigational links for navigating the document or related documents instead of <a href=\"https://www.w3.org/TR/wai-aria-1.1/#menu\">menu interactions</a> via <code>button</code> elements, that are included within the regular <code>overflow menu</code> pattern.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu - Navigation","patternPartial":"components-overflow-menu-navigation","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":2}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-overflow-menu-opposite-position" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-overflow-menu-overflow-menu-opposite-position&#x2F;components-overflow-menu-overflow-menu-opposite-position.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-overflow-menu-opposite-position" title="Link to Pattern">
+						Overflow menu &#x2F; opposite position
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-overflow-menu-opposite-position" data-patternpartial="components-overflow-menu-opposite-position" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-overflow-menu-opposite-position">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<details class="cmp-overflow-menu" data-horizontal-position="opposite">
+	<summary>Toggle Overflow menu</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Modify
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-overflow-menu-opposite-position" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>role attributes</h2>\n<h3><code>role=&quot;group&quot;</code></h3>\n<p>We're using the <code>group</code> role here to reflect the grouped navigationitems.</p>\n<p>More information: <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu\">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu</a></p>\n<h3><code>role=&quot;navigation&quot;</code></h3>\n<p>The <code>navigation</code> role in this patterns variant relates to its meaning of including navigational elements (links in this case).\nMore information: <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">https://www.w3.org/TR/wai-aria-1.1/#navigation</a></p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu / opposite position","patternPartial":"components-overflow-menu-opposite-position","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":3}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-overflow-menu-navigation-opposite-position" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position&#x2F;components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-overflow-menu-navigation-opposite-position" title="Link to Pattern">
+						Overflow menu - Navigation &#x2F; opposite position
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-overflow-menu-navigation-opposite-position" data-patternpartial="components-overflow-menu-navigation-opposite-position" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-overflow-menu-navigation-opposite-position">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- [html-validate-disable-next prefer-native-element -- TODO: Evaluate again on this HTML] -->
+<details class="cmp-overflow-menu" role="navigation" data-horizontal-position="opposite">
+	<summary>Toggle Overflow menu</summary>
+	<ul role="group">
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Modify
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Delete
+</a>
+</li>
+	</ul>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-overflow-menu-navigation-opposite-position" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Navigation variant</h2>\n<p>The <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">navigation variant</a> of this pattern includes navigational links for navigating the document or related documents instead of <a href=\"https://www.w3.org/TR/wai-aria-1.1/#menu\">menu interactions</a> via <code>button</code> elements, that are included within the regular <code>overflow menu</code> pattern.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu - Navigation / opposite position","patternPartial":"components-overflow-menu-navigation-opposite-position","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":4}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-pagination" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-pagination&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-pagination">Pagination</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-pagination" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-pagination-pagination&#x2F;components-pagination-pagination.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-pagination" title="Link to Pattern">
+						Pagination
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-pagination" data-patternpartial="components-pagination" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-pagination">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<nav class="cmp-pagination" aria-label="pagination" aria-labelledby="headline01">
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h2 class="elm-headline " id="headline01">Pagination</h2>
+	<ol>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Goto previous page"
+	 rel="prev"
+	
+	 aria-disabled="true" tabindex="-1"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Previous
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	 aria-current="page"
+	
+	
+	
+	>1
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	 aria-label="Goto page 2"
+	
+	
+	
+	
+	
+	
+	
+	>2
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	 aria-label="Goto page 3"
+	
+	
+	
+	
+	
+	
+	
+	>3
+</a>
+</li>
+		<li>&hellip;</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Goto next page"
+	 rel="next"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Next
+</a>
+</li>
+	</ol>
+</nav>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-pagination" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>User experience</h2>\n<blockquote>\n<p>Studies show that users love single-page content, aim for that when possible, but multi-part is also fine for Google Search. Know and do what's best for <em>your</em> users!\nSource: <a href=\"https://twitter.com/googlewmc/status/1108726443251519489\">https://twitter.com/googlewmc/status/1108726443251519489</a></p>\n</blockquote>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"pagination"},"patternExtension":"hbs","patternName":"Pagination","patternPartial":"components-pagination","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-sidenavi" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-sidenavi&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-sidenavi">Sidenavi</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Icons</h2>
+<p>The sidenavi pattern includes some general icons defined for some general <code>rel</code> values. Please feel free to define further by yourself depending on your needs, either within your <a href="/?p=viewall-base-icons">SCSS code (recommended) or via attributes</a>.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-sidenavi" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-sidenavi-sidenavi&#x2F;components-sidenavi-sidenavi.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-sidenavi" title="Link to Pattern">
+						Sidenavi
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-sidenavi" data-patternpartial="components-sidenavi" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-sidenavi">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<nav class="cmp-sidenavi">
+	<ol>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="index"
+	
+	
+	
+	
+	
+	
+	
+	 aria-current="page"
+	
+	
+	
+	>Startseite
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="documents"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Dokumente
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="dashboard"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Dashboard
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="cloud"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Cloud
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="calendar"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Kalender
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="help"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Frage &amp; Hilfe
+</a>
+</li>
+	</ol>
+</nav>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-sidenavi" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"sidenavi"},"patternExtension":"hbs","patternName":"Sidenavi","patternPartial":"components-sidenavi","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-tab-bar" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-tab-bar&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-tab-bar">Tab Bar</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Multi-line</h2>
+<p>The multi-line tabs haven't been developed, but are only available in the Sketch library. If you really need this pattern even also in the development, please set it up yourself e.g. with a <code>&lt;br&gt;</code> or differentiated label texts e.g. by <code>&lt;span&gt;</code> elements.</p>
+<h2>Accessibility</h2>
+<p>This pattern has been tested and approved regarding accessibility.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-tab-bar" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-tab-bar-tab-bar&#x2F;components-tab-bar-tab-bar.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-tab-bar" title="Link to Pattern">
+						Tab Bar
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-tab-bar" data-patternpartial="components-tab-bar" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-tab-bar">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="cmp-tab-bar" role="tablist">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_0"  checked>
+		<label for="tab_regular_0" role="tab">Tab 01</label>
+		<section id="content_regular_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_1" >
+		<label for="tab_regular_1" role="tab">Tab 02</label>
+		<section id="content_regular_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_2" >
+		<label for="tab_regular_2" role="tab">Tab 03</label>
+		<section id="content_regular_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_3" >
+		<label for="tab_regular_3" role="tab">Tab 04</label>
+		<section id="content_regular_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_4" 
+			disabled>
+		<label for="tab_regular_4" role="tab">Tab 05</label>
+		<section id="content_regular_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-tab-bar" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar","patternPartial":"components-tab-bar","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-tab-bar-item-icon" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-tab-bar-tab-bar-item-icon&#x2F;components-tab-bar-tab-bar-item-icon.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-tab-bar-item-icon" title="Link to Pattern">
+						Tab Bar Item Icon
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-tab-bar-item-icon" data-patternpartial="components-tab-bar-item-icon" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-tab-bar-item-icon">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="cmp-tab-bar" role="tablist">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_0"  checked>
+		<label for="tab_small-icon_0" role="tab" data-icon="account">Tab 01</label>
+		<section id="content_small-icon_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_1" >
+		<label for="tab_small-icon_1" role="tab" data-icon="account">Tab 02</label>
+		<section id="content_small-icon_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_2" >
+		<label for="tab_small-icon_2" role="tab" data-icon="account">Tab 03</label>
+		<section id="content_small-icon_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_3" >
+		<label for="tab_small-icon_3" role="tab" data-icon="account">Tab 04</label>
+		<section id="content_small-icon_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_4" 
+			disabled>
+		<label for="tab_small-icon_4" role="tab" data-icon="account">Tab 05</label>
+		<section id="content_small-icon_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-tab-bar-item-icon" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar Item Icon","patternPartial":"components-tab-bar-item-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-tab-bar-small" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-tab-bar-tab-bar-small&#x2F;components-tab-bar-tab-bar-small.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-tab-bar-small" title="Link to Pattern">
+						Tab Bar Small
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-tab-bar-small" data-patternpartial="components-tab-bar-small" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-tab-bar-small">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="cmp-tab-bar" role="tablist" data-size="small">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_0"  checked>
+		<label for="tab_small_0" role="tab">Tab 01</label>
+		<section id="content_small_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_1" >
+		<label for="tab_small_1" role="tab">Tab 02</label>
+		<section id="content_small_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_2" >
+		<label for="tab_small_2" role="tab">Tab 03</label>
+		<section id="content_small_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_3" >
+		<label for="tab_small_3" role="tab">Tab 04</label>
+		<section id="content_small_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_4" 
+			disabled>
+		<label for="tab_small_4" role="tab">Tab 05</label>
+		<section id="content_small_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-tab-bar-small" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar Small","patternPartial":"components-tab-bar-small","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-tab-bar-small-item-icon" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-tab-bar-tab-bar-small-item-icon&#x2F;components-tab-bar-tab-bar-small-item-icon.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-tab-bar-small-item-icon" title="Link to Pattern">
+						Tab Bar Small Item Icon
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-tab-bar-small-item-icon" data-patternpartial="components-tab-bar-small-item-icon" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-tab-bar-small-item-icon">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="cmp-tab-bar" role="tablist" data-size="small">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_0"  checked>
+		<label for="tab_icon_0" role="tab" data-icon="account">Tab 01</label>
+		<section id="content_icon_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_1" >
+		<label for="tab_icon_1" role="tab" data-icon="account">Tab 02</label>
+		<section id="content_icon_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_2" >
+		<label for="tab_icon_2" role="tab" data-icon="account">Tab 03</label>
+		<section id="content_icon_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_3" >
+		<label for="tab_icon_3" role="tab" data-icon="account">Tab 04</label>
+		<section id="content_icon_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_4" 
+			disabled>
+		<label for="tab_icon_4" role="tab" data-icon="account">Tab 05</label>
+		<section id="content_icon_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-tab-bar-small-item-icon" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar Small Item Icon","patternPartial":"components-tab-bar-small-item-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-table" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-table&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-table">Table</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-table" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table&#x2F;components-table-table.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table" title="Link to Pattern">
+						Table
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table" data-patternpartial="components-table" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-table-alignments","lineagePath":"../../patterns/components-table-table-alignments/components-table-table-alignments.rendered.html"},{"lineagePattern":"components-table-density","lineagePath":"../../patterns/components-table-table-density/components-table-table-density.rendered.html"}],"lineageR":[{"lineagePattern":"components-table-alignments","lineagePath":"../../patterns/components-table-table-alignments/components-table-table-alignments.rendered.html"},{"lineagePattern":"components-table-density","lineagePath":"../../patterns/components-table-table-density/components-table-table-density.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Hiding columns and rows as responsive behaviour</h2>\n<p>To hide columns and/or rows depending on the viewport size, you could use a SCSS mixin that we provide or even also easily set up some CSS on your own to do so.\nWe've decided against providing classes that would need to get set onto the HTML elements, as you would have to do this for each and very <code>td</code> / <code>th</code> element repeatedly, and it would heavily complicate the configuration as well as harm the elementary concepts of dividing style from content.</p>\n<h3>Hiding columns</h3>\n<p>Using the following SCSS mixin, you could hide a specific column (first parameter), depending on a maximum viewport-width (second parameter), e.g. the following would hide the second column in the <code>thead</code> and <code>tbody</code> section on a viewport up to <code>1023px</code> width:</p>\n<pre><code class=\"language-SCSS\">@include cmp-table-hide-col(2, 1023px);\n</code></pre>\n<p>In case that you wouldn't want to / can't use SCSS, than you could as well easily develop this on your own in pure CSS:</p>\n<pre><code class=\"language-CSS\">@media screen and (max-width: 1023px) {\n\tthead th:nth-child(2),\n\ttbody td:nth-child(2) {\n\t\tdisplay: none;\n\t}\n}\n</code></pre>\n<h3>Hiding rows</h3>\n<p>Using the following SCSS mixin, you could hide a specific row (first parameter), depending on a maximum viewport-width (second parameter), e.g. the following would hide the second row in the <code>tbody</code> section on a viewport up to <code>1023px</code> width:</p>\n<pre><code class=\"language-SCSS\">@include cmp-table-hide-row(2, 1023px);\n</code></pre>\n<p>In case that you wouldn't want to / can't use SCSS, than you could as well easily develop this on your own in pure CSS:</p>\n<pre><code class=\"language-CSS\">@media screen and (max-width: 1023px) {\n\ttbody tr:nth-child(2) {\n\t\tdisplay: none;\n\t}\n}\n</code></pre>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table","patternPartial":"components-table","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-alignments" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-alignments&#x2F;components-table-table-alignments.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-alignments" title="Link to Pattern">
+						Table - alignment
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-alignments" data-patternpartial="components-table-alignments" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-alignments">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>center / middle:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead data-align="center" data-vertical-align="middle">
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody data-align="center" data-vertical-align="middle">
+			<tr>
+				
+				<td>Value 01 - 01<br>two lines</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01 - longer content</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02 - longer content</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+	<dt>right / bottom:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead data-align="right" data-vertical-align="bottom">
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody data-align="right" data-vertical-align="bottom">
+			<tr>
+				
+				<td>Value 01 - 01<br>two lines</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01 - longer content</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02 - longer content</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-alignments" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could set the positioning of the cells content on several different levels and on both axis, by setting the either using SCSS placeholders or setting <code>data-align</code> and <code>data-vertical-align</code> HTML attributes on the surrounding <code>thead</code> or <code>tbody</code>, each grouping <code>tr</code> element or the individual cells <code>th</code> and <code>td</code> elements to either one of these values:</p>\n<h2>Horizontal alignment</h2>\n<h3>SCSS (recommended)</h3>\n<p>Extend one of the variant placeholders: <code>%align-left</code>, <code>%align-center</code> or <code>%align-right</code></p>\n<h3>HTML attribute</h3>\n<p>You could set the different button variants via the <code>data-align</code> attribute:</p>\n<ul>\n<li><code>data-align=&quot;left&quot;</code> (default)</li>\n<li><code>data-align=&quot;center&quot;</code></li>\n<li><code>data-align=&quot;right&quot;</code></li>\n</ul>\n<h2>Vertical alignment</h2>\n<h3>SCSS (recommended)</h3>\n<p>Extend one of the variant placeholders: <code>%vertical-align-top</code>, <code>%vertical-align-middle</code> or <code>%vertical-align-bottom</code></p>\n<h3>HTML attribute</h3>\n<p>You could set the different button variants via the <code>data-vertical-align</code> attribute:</p>\n<ul>\n<li><code>data-vertical-align=&quot;top&quot;</code> (default)</li>\n<li><code>data-vertical-align=&quot;middle&quot;</code></li>\n<li><code>data-vertical-align=&quot;bottom&quot;</code></li>\n</ul>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - alignment","patternPartial":"components-table-alignments","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-border-around" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-border-around&#x2F;components-table-table-border-around.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-border-around" title="Link to Pattern">
+						Table - border around cells
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-border-around" data-patternpartial="components-table-border-around" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-border-around">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	 data-border="around"
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-border-around" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>To enable cell lines around the rows, define the class <code>data-border=&quot;around&quot;</code> on the table element.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - border around cells","patternPartial":"components-table-border-around","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-border-horizontal" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-border-horizontal&#x2F;components-table-table-border-horizontal.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-border-horizontal" title="Link to Pattern">
+						Table - border horizontal
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-border-horizontal" data-patternpartial="components-table-border-horizontal" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-border-horizontal">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	 data-border="horizontal"
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-border-horizontal" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>To enable cell lines horizontally between the rows, define the class <code>data-border=&quot;horizontal&quot;</code> on the table element.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - border horizontal","patternPartial":"components-table-border-horizontal","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-density" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-density&#x2F;components-table-table-density.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-density" title="Link to Pattern">
+						Table - density
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-density" data-patternpartial="components-table-density" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-density">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>small:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	 data-density="small"
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+	<dt>regular:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	 data-density="regular"
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+	<dt>large:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	 data-density="large"
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-density" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could choose in between different types of cell density, by setting the <code>data-density</code> attribute on the <code>table</code> element to either one of these values:</p>\n<ul>\n<li><code>small</code></li>\n<li><code>regular</code> (default)</li>\n<li><code>large</code></li>\n</ul>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - density","patternPartial":"components-table-density","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-font-size" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-font-size&#x2F;components-table-table-font-size.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-font-size" title="Link to Pattern">
+						Table - font size
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-font-size" data-patternpartial="components-table-font-size" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-font-size">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+<table class="cmp-table "
+	
+	
+	
+	 style="--table---fontSize: 0.875rem"
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-font-size" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could define a specific font-size in dp (density pixels), by setting the <code>--table---fontSize</code> CSS Variable on the <code>table</code> element to a specific font-size (the specification includes 14dp and 16dp, which equals to <code>0.875rem</code> or <code>1rem</code>).</p>\n<ul>\n<li><code>0.875rem</code></li>\n<li><code>1rem</code> (default)</li>\n</ul>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - font size","patternPartial":"components-table-font-size","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-icons" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-icons&#x2F;components-table-table-icons.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-icons" title="Link to Pattern">
+						Table - icons
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-icons" data-patternpartial="components-table-icons" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-icons">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td data-icon="account">Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-icons" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could include icons within the cells like you would normally do to set one on an HTML tag: By setting the <code>data-icon</code> attribute on the specific cell, compare to the <a href=\"/patterns/base-icons/index.html\">icons description</a>.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - icons","patternPartial":"components-table-icons","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-overflow-menu" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-overflow-menu&#x2F;components-table-table-overflow-menu.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-overflow-menu" title="Link to Pattern">
+						Table Overflow Menu
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-overflow-menu" data-patternpartial="components-table-overflow-menu" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-overflow-menu">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-overflow-menu" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table Overflow Menu","patternPartial":"components-table-overflow-menu","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-row-title" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-row-title&#x2F;components-table-table-row-title.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-row-title" title="Link to Pattern">
+						Table Row Title
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-row-title" data-patternpartial="components-table-row-title" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-row-title">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			<th scope="col">Column header</th>
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-row-title" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table Row Title","patternPartial":"components-table-row-title","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-rows-zebra" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-rows-zebra&#x2F;components-table-table-rows-zebra.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-rows-zebra" title="Link to Pattern">
+						Table - row zebra styling
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-rows-zebra" data-patternpartial="components-table-rows-zebra" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-rows-zebra">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	
+	 data-rows="zebra"
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-rows-zebra" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>To highlight every other table row, set <code>data-rows=&quot;zebra&quot;</code> on the table element.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - row zebra styling","patternPartial":"components-table-rows-zebra","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-sticky-header" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-sticky-header&#x2F;components-table-table-sticky-header.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-sticky-header" title="Link to Pattern">
+						Table - sticky header
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-sticky-header" data-patternpartial="components-table-sticky-header" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-sticky-header">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	
+	
+	
+	
+	 data-sticky="header">
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-sticky-header" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could set the header cells to appear sticky on scrolling, which is especially useful on longer tables with a lot of rows, by setting the <code>data-sticky=&quot;header&quot;</code> attribute on the table.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - sticky header","patternPartial":"components-table-sticky-header","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-components-all"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-components-all"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.hbs b/review/refactor-icon-update/patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.hbs
new file mode 100644
index 0000000000..22018211be
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.hbs
@@ -0,0 +1,17 @@
+{{!-- TODO: let's not use those modifier classes, but inherit their meaning via CSS correctly and introduce sample classes for the styleguide --}}
+<p>
+	{{> elements-button variant='brand-primary' value='Brand Primary' icon='add'}}
+	{{> elements-button variant='brand-primary' value='Brand Primary' disabled='true' icon='add' }}
+</p>
+<p>
+	{{> elements-button variant='brand-primary' value='Brand Primary with right icon' icon-after='add'}}
+	{{> elements-button variant='brand-primary' value='Brand Primary with right icon(disabled)' disabled='true' icon-after='add' }}
+</p>
+<p>
+	{{> elements-button variant='brand-primary' value='Brand Primary without icon' }}
+	{{> elements-button variant='brand-primary' value='Brand Primary without icon (disabled)' disabled='true' }}
+</p>
+<p>
+	{{> elements-button variant='brand-primary' title='Check' value='Brand Primary displaying only the icon' icon='done' styleModifier='is-icon-text-replace' }}
+	{{> elements-button variant='brand-primary' title='Check' value='Brand Primary displaying only the icon' disabled='true' icon='done' styleModifier='is-icon-text-replace' }}
+</p>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.markup-only.html b/review/refactor-icon-update/patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.markup-only.html
new file mode 100644
index 0000000000..cb40f2abd0
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.markup-only.html
@@ -0,0 +1,128 @@
+<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Brand Primary
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Brand Primary
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Brand Primary without icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Brand Primary without icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="brand-primary"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Brand Primary displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="brand-primary"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Brand Primary displaying only the icon
+	</button>
+</p>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html b/review/refactor-icon-update/patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html
new file mode 100644
index 0000000000..9c9dc664ff
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html
@@ -0,0 +1,245 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Brand Primary
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Brand Primary
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Brand Primary without icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Brand Primary without icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="brand-primary"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Brand Primary displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="brand-primary"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Brand Primary displaying only the icon
+	</button>
+</p>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Brand Primary","patternPartial":"elements-button-brand-primary","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Brand Primary","patternPartial":"elements-button-brand-primary","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.hbs b/review/refactor-icon-update/patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.hbs
new file mode 100644
index 0000000000..d15fd12326
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.hbs
@@ -0,0 +1,16 @@
+<p>
+	{{> elements-button variant='primary' value='Primary' icon='add' }}
+	{{> elements-button variant='primary' value='Primary (disabled)' disabled='true' icon='add' }}
+</p>
+<p>
+	{{> elements-button variant='primary' value='Primary with icon' icon-after='add'}}
+	{{> elements-button variant='primary' value='Primary with icon (disabled)' disabled='true' icon-after='add' }}
+</p>
+<p>
+	{{> elements-button variant='primary' value='Primary without icon' }}
+	{{> elements-button variant='primary' value='Primary without icon (disabled)' disabled='true' }}
+</p>
+<p>
+	{{> elements-button variant='primary' title='Check' value='Primary displaying only the icon' icon='done' styleModifier='is-icon-text-replace' }}
+	{{> elements-button variant='primary' title='Check' value='Primary displaying only the icon' disabled='true' icon='done' styleModifier='is-icon-text-replace' }}
+</p>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.markup-only.html b/review/refactor-icon-update/patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.markup-only.html
new file mode 100644
index 0000000000..b7cc36478b
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.markup-only.html
@@ -0,0 +1,128 @@
+<p>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Primary
+	</button>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Primary (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Primary with icon
+	</button>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Primary with icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Primary without icon
+	</button>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Primary without icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="primary"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Primary displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="primary"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Primary displaying only the icon
+	</button>
+</p>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html b/review/refactor-icon-update/patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html
new file mode 100644
index 0000000000..9ba177e0cb
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html
@@ -0,0 +1,245 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Primary
+	</button>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Primary (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Primary with icon
+	</button>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Primary with icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Primary without icon
+	</button>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Primary without icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="primary"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Primary displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="primary"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Primary displaying only the icon
+	</button>
+</p>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Primary","patternPartial":"elements-button-primary","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Primary","patternPartial":"elements-button-primary","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.hbs b/review/refactor-icon-update/patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.hbs
new file mode 100644
index 0000000000..9cdd61403f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.hbs
@@ -0,0 +1,16 @@
+<p>
+	{{> elements-button variant='secondary-outline' value='Secondary Outline' icon='add' }}
+	{{> elements-button variant='secondary-outline' value='Secondary Outline (disabled)' disabled='true' icon='add' }}
+</p>
+<p>
+	{{> elements-button variant='secondary-outline' value='Secondary Outline with right icon' icon-after='add'}}
+	{{> elements-button variant='secondary-outline' value='Secondary Outline with right icon (disabled)' disabled='true' icon-after='add' }}
+</p>
+<p>
+	{{> elements-button variant='secondary-outline' value='Secondary Outline without left icon' }}
+	{{> elements-button variant='secondary-outline' value='Secondary Outline without left icon (disabled)' disabled='true' }}
+</p>
+<p>
+	{{> elements-button variant='secondary-outline' title='Check' value='Secondary Outline displaying only the icon' icon='done' styleModifier='is-icon-text-replace' }}
+	{{> elements-button variant='secondary-outline' title='Check' value='Secondary Outline displaying only the icon' disabled='true' icon='done' styleModifier='is-icon-text-replace' }}
+</p>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.markup-only.html b/review/refactor-icon-update/patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.markup-only.html
new file mode 100644
index 0000000000..c99082de71
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.markup-only.html
@@ -0,0 +1,128 @@
+<p>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary Outline
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary Outline (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Outline with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Outline with right icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Secondary Outline without left icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Secondary Outline without left icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-outline"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Outline displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-outline"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Outline displaying only the icon
+	</button>
+</p>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html b/review/refactor-icon-update/patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html
new file mode 100644
index 0000000000..b0c0ec90e5
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html
@@ -0,0 +1,245 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary Outline
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary Outline (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Outline with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Outline with right icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Secondary Outline without left icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Secondary Outline without left icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-outline"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Outline displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-outline"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Outline displaying only the icon
+	</button>
+</p>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Secondary Outline","patternPartial":"elements-button-secondary-outline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Secondary Outline","patternPartial":"elements-button-secondary-outline","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.hbs b/review/refactor-icon-update/patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.hbs
new file mode 100644
index 0000000000..1b46d5832e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.hbs
@@ -0,0 +1,16 @@
+<p>
+	{{> elements-button variant='secondary-solid' value='Secondary' icon='add' }}
+	{{> elements-button variant='secondary-solid' value='Secondary (disabled)' disabled='true' icon='add' }}
+</p>
+<p>
+	{{> elements-button variant='secondary-solid' value='Secondary Solid with right icon' icon-after='add'}}
+	{{> elements-button variant='secondary-solid' value='Secondary Solid with right icon (disabled)' disabled='true' icon-after='add' }}
+</p>
+<p>
+	{{> elements-button variant='secondary-solid' value='Secondary Solid without icon' }}
+	{{> elements-button variant='secondary-solid' value='Secondary Solid without icon (disabled)' disabled='true' }}
+</p>
+<p>
+	{{> elements-button variant='secondary-solid' title='Check' value='Secondary Solid displaying only the icon' icon='done' styleModifier='is-icon-text-replace' }}
+	{{> elements-button variant='secondary-solid' title='Check' value='Secondary Solid displaying only the icon' disabled='true' icon='done' styleModifier='is-icon-text-replace' }}
+</p>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.markup-only.html b/review/refactor-icon-update/patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.markup-only.html
new file mode 100644
index 0000000000..3151958d3e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.markup-only.html
@@ -0,0 +1,128 @@
+<p>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Solid with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Solid with right icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Secondary Solid without icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Secondary Solid without icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-solid"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Solid displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-solid"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Solid displaying only the icon
+	</button>
+</p>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html b/review/refactor-icon-update/patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html
new file mode 100644
index 0000000000..d5cebb2038
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html
@@ -0,0 +1,245 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Solid with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Solid with right icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Secondary Solid without icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Secondary Solid without icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-solid"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Solid displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-solid"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Solid displaying only the icon
+	</button>
+</p>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Secondary Solid","patternPartial":"elements-button-secondary-solid","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Secondary Solid","patternPartial":"elements-button-secondary-solid","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.hbs b/review/refactor-icon-update/patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.hbs
new file mode 100644
index 0000000000..2a23210d1a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.hbs
@@ -0,0 +1,16 @@
+<p>
+	{{> elements-button variant='tertiary-plain' value='Tertiary Plain' }}
+	{{> elements-button variant='tertiary-plain' value='Tertiary Plain' disabled='true' }}
+</p>
+<p>
+	{{> elements-button variant='tertiary-plain' value='Tertiary Plain with right icon' icon-after='add'}}
+	{{> elements-button variant='tertiary-plain' value='Tertiary Plain with right icon(disabled)' disabled='true' icon-after='add' }}
+</p>
+<p>
+	{{> elements-button variant='tertiary-plain' value='Tertiary Plain without left icon' }}
+	{{> elements-button variant='tertiary-plain' value='Tertiary Plain without left icon (disabled)' disabled='true' }}
+</p>
+<p>
+	{{> elements-button variant='tertiary-plain' title='Check' value='Tertiary Plain displaying only the icon' icon='done' styleModifier='is-icon-text-replace' }}
+	{{> elements-button variant='tertiary-plain' title='Check' value='Tertiary Plain displaying only the icon' disabled='true' icon='done' styleModifier='is-icon-text-replace' }}
+</p>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.markup-only.html b/review/refactor-icon-update/patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.markup-only.html
new file mode 100644
index 0000000000..f55e70a578
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.markup-only.html
@@ -0,0 +1,128 @@
+<p>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain
+	</button>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Tertiary Plain with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Tertiary Plain with right icon(disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain without left icon
+	</button>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain without left icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="tertiary-plain"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Tertiary Plain displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="tertiary-plain"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Tertiary Plain displaying only the icon
+	</button>
+</p>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html b/review/refactor-icon-update/patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html
new file mode 100644
index 0000000000..03aee13683
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html
@@ -0,0 +1,245 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain
+	</button>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Tertiary Plain with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Tertiary Plain with right icon(disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain without left icon
+	</button>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain without left icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="tertiary-plain"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Tertiary Plain displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="tertiary-plain"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Tertiary Plain displaying only the icon
+	</button>
+</p>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Tertiary Plain","patternPartial":"elements-button-tertiary-plain","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Tertiary Plain","patternPartial":"elements-button-tertiary-plain","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.hbs b/review/refactor-icon-update/patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.hbs
new file mode 100644
index 0000000000..8ba8aa4655
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.hbs
@@ -0,0 +1,20 @@
+{{#each sizes }}
+	{{#if @first }}<!-- [html-validate-disable-next heading-level -- we're doing some simple demonstration simplification here] -->{{/if }}
+	<h2>{{ label }}</h2>
+	<p>
+		{{> elements-button variant='brand-primary' value='Brand Primary' icon='add' size=size }}
+		{{> elements-button variant='brand-primary' value='Brand Primary (disabled)' disabled='true' icon='add' size=size }}
+	</p>
+	<p>
+	{{> elements-button variant='brand-primary' value='Brand Primary with right icon' icon-after='add' size=size }}
+	{{> elements-button variant='brand-primary' value='Brand Primary with right icon(disabled)' disabled='true' icon-after='add' size=size }}
+	</p>
+	<p>
+		{{> elements-button variant='brand-primary' value='Brand Primary without icon' size=size }}
+		{{> elements-button variant='brand-primary' value='Brand Primary without icon (disabled)' disabled='true' size=size }}
+	</p>
+	<p>
+		{{> elements-button variant='brand-primary' title='Done' value='Brand Primary displaying only the icon' icon='done' styleModifier='is-icon-text-replace' size=size }}
+		{{> elements-button variant='brand-primary' title='Done' value='Brand Primary displaying only the icon' disabled='true' icon='done' styleModifier='is-icon-text-replace' size=size }}
+	</p>
+{{/each }}
diff --git a/review/refactor-icon-update/patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.markup-only.html b/review/refactor-icon-update/patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.markup-only.html
new file mode 100644
index 0000000000..61a73ae1e5
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.markup-only.html
@@ -0,0 +1,390 @@
+	<!-- [html-validate-disable-next heading-level -- we're doing some simple demonstration simplification here] -->
+	<h2>Small</h2>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			
+			 data-icon="add"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			 disabled
+			 data-icon="add"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary (disabled)
+		</button>
+	</p>
+	<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="small"
+		title=""
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		 aria-label="Small"
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="small"
+		title=""
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		 aria-label="Small"
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+	</p>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			
+			
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary without icon
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			 disabled
+			
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary without icon (disabled)
+		</button>
+	</p>
+	<p>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="small"
+			title="Done"
+			type="button"
+			
+			
+			 data-icon="done"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="small"
+			title="Done"
+			type="button"
+			
+			 disabled
+			 data-icon="done"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+	</p>
+	
+	<h2>Regular (default, data-size attribute is optional)</h2>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			
+			 data-icon="add"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			 disabled
+			 data-icon="add"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary (disabled)
+		</button>
+	</p>
+	<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="regular"
+		title=""
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		 aria-label="Regular (default, data-size attribute is optional)"
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="regular"
+		title=""
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		 aria-label="Regular (default, data-size attribute is optional)"
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+	</p>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			
+			
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary without icon
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			 disabled
+			
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary without icon (disabled)
+		</button>
+	</p>
+	<p>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="regular"
+			title="Done"
+			type="button"
+			
+			
+			 data-icon="done"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="regular"
+			title="Done"
+			type="button"
+			
+			 disabled
+			 data-icon="done"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+	</p>
+	
+	<h2>Large</h2>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			
+			 data-icon="add"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			 disabled
+			 data-icon="add"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary (disabled)
+		</button>
+	</p>
+	<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="large"
+		title=""
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		 aria-label="Large"
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="large"
+		title=""
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		 aria-label="Large"
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+	</p>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			
+			
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary without icon
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			 disabled
+			
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary without icon (disabled)
+		</button>
+	</p>
+	<p>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="large"
+			title="Done"
+			type="button"
+			
+			
+			 data-icon="done"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="large"
+			title="Done"
+			type="button"
+			
+			 disabled
+			 data-icon="done"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+	</p>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html b/review/refactor-icon-update/patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html
new file mode 100644
index 0000000000..ecc398b56d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html
@@ -0,0 +1,507 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+	<!-- [html-validate-disable-next heading-level -- we're doing some simple demonstration simplification here] -->
+	<h2>Small</h2>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			
+			 data-icon="add"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			 disabled
+			 data-icon="add"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary (disabled)
+		</button>
+	</p>
+	<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="small"
+		title=""
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		 aria-label="Small"
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="small"
+		title=""
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		 aria-label="Small"
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+	</p>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			
+			
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary without icon
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			 disabled
+			
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary without icon (disabled)
+		</button>
+	</p>
+	<p>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="small"
+			title="Done"
+			type="button"
+			
+			
+			 data-icon="done"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="small"
+			title="Done"
+			type="button"
+			
+			 disabled
+			 data-icon="done"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+	</p>
+	
+	<h2>Regular (default, data-size attribute is optional)</h2>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			
+			 data-icon="add"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			 disabled
+			 data-icon="add"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary (disabled)
+		</button>
+	</p>
+	<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="regular"
+		title=""
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		 aria-label="Regular (default, data-size attribute is optional)"
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="regular"
+		title=""
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		 aria-label="Regular (default, data-size attribute is optional)"
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+	</p>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			
+			
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary without icon
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			 disabled
+			
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary without icon (disabled)
+		</button>
+	</p>
+	<p>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="regular"
+			title="Done"
+			type="button"
+			
+			
+			 data-icon="done"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="regular"
+			title="Done"
+			type="button"
+			
+			 disabled
+			 data-icon="done"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+	</p>
+	
+	<h2>Large</h2>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			
+			 data-icon="add"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			 disabled
+			 data-icon="add"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary (disabled)
+		</button>
+	</p>
+	<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="large"
+		title=""
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		 aria-label="Large"
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="large"
+		title=""
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		 aria-label="Large"
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+	</p>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			
+			
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary without icon
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			 disabled
+			
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary without icon (disabled)
+		</button>
+	</p>
+	<p>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="large"
+			title="Done"
+			type="button"
+			
+			
+			 data-icon="done"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="large"
+			title="Done"
+			type="button"
+			
+			 disabled
+			 data-icon="done"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+	</p>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Sizes","patternPartial":"elements-button-sizes","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Sizes","patternPartial":"elements-button-sizes","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.hbs b/review/refactor-icon-update/patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.hbs
new file mode 100644
index 0000000000..8b1f2e2b80
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.hbs
@@ -0,0 +1,6 @@
+{{!-- TODO: let's not use those modifier classes, but inherit their meaning via CSS correctly and introduce sample classes for the styleguide --}}
+<p>
+	{{> elements-button variant='brand-primary' value='(Default) Auto width'}}
+	<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+	<span style="width: 500px;display:inline-block;">{{> elements-button variant='brand-primary' value='Width full' width='full' }}</span>
+</p>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.markup-only.html b/review/refactor-icon-update/patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.markup-only.html
new file mode 100644
index 0000000000..c18c1b1103
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.markup-only.html
@@ -0,0 +1,34 @@
+<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		(Default) Auto width
+	</button>
+	<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+	<span style="width: 500px;display:inline-block;"><button class="elm-button "
+	data-variant="brand-primary"
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	 data-width="full"
+	
+	>
+	Width full
+</button>
+</span>
+</p>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html b/review/refactor-icon-update/patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html
new file mode 100644
index 0000000000..22b4d3916c
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html
@@ -0,0 +1,151 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		(Default) Auto width
+	</button>
+	<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+	<span style="width: 500px;display:inline-block;"><button class="elm-button "
+	data-variant="brand-primary"
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	 data-width="full"
+	
+	>
+	Width full
+</button>
+</span>
+</p>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Width","patternPartial":"elements-button-width","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Width","patternPartial":"elements-button-width","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-button/elements-buttons-button.hbs b/review/refactor-icon-update/patterns/elements-buttons-button/elements-buttons-button.hbs
new file mode 100644
index 0000000000..9b7709f61d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-button/elements-buttons-button.hbs
@@ -0,0 +1,15 @@
+<button class="elm-button {{ styleModifier }}"
+	{{#if variant }}data-variant="{{ variant }}"{{/if }}
+	{{#if size }} data-size="{{ size }}"{{/if }}
+	title="{{ title }}"
+	type="{{#if buttontype }}{{ buttontype }}{{else}}button{{/if }}"
+	{{#if role }} role="{{ role }}"{{/if }}
+	{{#if disabled }} disabled{{/if }}
+	{{#if icon}} data-icon="{{ icon }}"{{/if}}
+	{{#if icon-after}} data-icon-after="{{ icon-after }}"{{/if}}
+	{{#if label}} aria-label="{{ label }}"{{/if }}
+	{{#if width }} data-width="{{ width }}"{{/if }}
+	{{#if command }} command="{{ command }}"{{/if }}
+	{{#if commandfor }} commandfor="{{ commandfor }}"{{/if }}>
+	{{{ value }}}
+</button>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-button/elements-buttons-button.markup-only.html b/review/refactor-icon-update/patterns/elements-buttons-button/elements-buttons-button.markup-only.html
new file mode 100644
index 0000000000..cf2dc3c790
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-button/elements-buttons-button.markup-only.html
@@ -0,0 +1,15 @@
+<button class="elm-button "
+	data-variant="brand-primary"
+	
+	title="Done"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Red 500
+</button>
diff --git a/review/refactor-icon-update/patterns/elements-buttons-button/elements-buttons-button.rendered.html b/review/refactor-icon-update/patterns/elements-buttons-button/elements-buttons-button.rendered.html
new file mode 100644
index 0000000000..25a4942d96
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons-button/elements-buttons-button.rendered.html
@@ -0,0 +1,132 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<button class="elm-button "
+	data-variant="brand-primary"
+	
+	title="Done"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Red 500
+</button>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button","patternPartial":"elements-button","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button","patternPartial":"elements-button","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-buttons/index.html b/review/refactor-icon-update/patterns/elements-buttons/index.html
new file mode 100644
index 0000000000..03ff6670a6
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-buttons/index.html
@@ -0,0 +1,1621 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-elements-buttons" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-buttons&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-buttons">Buttons</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Variations/configurability</h2>
+<h3>Variant</h3>
+<h4>SCSS (recommended)</h4>
+<p>Extend one of the variant placeholders: <code>%variant-primary</code>, <code>%variant-secondary</code> or <code>%variant-tertiary</code></p>
+<h4>HTML attribute</h4>
+<p>You could set the different button variants via the <code>data-variant</code> attribute.</p>
+<h3>Size</h3>
+<h4>SCSS (recommended)</h4>
+<p>Extend one of the size SCSS placeholders in case that you don't want the default (regular): <code>%size-Small</code> or <code>%size-Large</code></p>
+<h4>HTML attribute</h4>
+<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is &quot;regular&quot; and in that case is optional.</p>
+<h3>Width</h3>
+<p>Regularly, our buttons shouldn't increase to it's horizontally available space, but only the one determined by it's included textual content.</p>
+<h4>SCSS (recommended)</h4>
+<p>Extend the width SCSS placeholders in case that you don't want the default (<code>auto</code>): <code>%width-Full</code></p>
+<h4>HTML attribute</h4>
+<p>You could set the button width to increase to it's full available space via the <code>data-width=&quot;full&quot;</code> attribute, the default is <code>auto</code> and in that case is optional.</p>
+<h2>Usability</h2>
+<blockquote>
+<p>Buttons should be used in situations where users might need to:</p>
+<ul>
+<li>submit a form</li>
+<li>begin a new task</li>
+<li>trigger a new UI element to appear on the page</li>
+<li>specify a new or next step in a process</li>
+</ul>
+</blockquote>
+<h3>Button vs. Link</h3>
+<blockquote>
+<p>The HTML elements for buttons and links describe a very specific type of action that is going to be taken when they are used. It is important you know when to use which, as the distinction matters:</p>
+<ul>
+<li>Use a link when you’re navigating to another place, such as: a &quot;view all&quot; page, &quot;Jane Chen&quot; profile, a page &quot;skip link&quot; etc.</li>
+<li>Use buttons when you are performing an action, such as: &quot;submit,&quot; &quot;merge,&quot; &quot;create new,&quot; &quot;upload,&quot; etc.</li>
+<li>An action is almost always on the same page</li>
+</ul>
+</blockquote>
+<p>Source: <a href="https://www.lightningdesignsystem.com/components/buttons/#About-Buttons">https://www.lightningdesignsystem.com/components/buttons/#About-Buttons</a></p>
+<p>Further argumentations:</p>
+<ul>
+<li><a href="https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2">https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2</a></li>
+<li><a href="https://uxmovement.com/buttons/when-to-use-a-button-or-link/">https://uxmovement.com/buttons/when-to-use-a-button-or-link/</a></li>
+</ul>
+<h3>&quot;Hand&quot; cursor / pointer</h3>
+<p>We don't use the &quot;hand&quot; cursor / pointer for our buttons, as this is reserved for links even only; for more information have a look at articles like <a href="https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b">https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b</a> and <a href="https://hiddedevries.nl/en/blog/2016-08-06-some-pointers-on-default-cursors">https://hiddedevries.nl/en/blog/2016-08-06-some-pointers-on-default-cursors</a> or people who thought this through like <a href="https://ux.stackexchange.com/questions/105024/why-dont-button-html-elements-have-a-css-cursor-pointer-by-default#105027">https://ux.stackexchange.com/questions/105024/why-dont-button-html-elements-have-a-css-cursor-pointer-by-default#105027</a> or <a href="https://github.com/necolas/normalize.css/issues/371#issuecomment-60072171">https://github.com/necolas/normalize.css/issues/371#issuecomment-60072171</a> and the UI guidelines from Apple, Microsoft, Google, etc.</p>
+<p><a href="https://docs.microsoft.com/de-de/windows/win32/uxguide/inter-mouse">Microsoft’s design guides</a> talk about weak affordance:</p>
+<blockquote>
+<p>Text and graphics links use a hand […] pointer […] because of their weak affordance. While links may have other visual clues to indicate that they are links (such as underlines and special placement), displaying the hand pointer on hover is the definitive indication of a link. To avoid confusion, it is imperative not to use the hand pointer for other purposes. For example, command buttons already have a strong affordance, so they don’t need a hand pointer. The hand pointer must mean “this target is a link” and nothing else.</p>
+</blockquote>
+<p>Apple’s Human Interface Guidelines states that the hand cursor should be used when “the content is a URL link”.</p>
+<p><a href="https://www.w3.org/TR/css-ui-3/#cursor">W3C User Interface guidelines</a> says the same thing again with “The cursor is a pointer that indicates a link”.</p>
+<h3>Disabled button state</h3>
+<p>The disabled state of the button is defined by a change in opacity for good reasons:</p>
+<blockquote>
+<p>A transparent button blends into the background more, while a gray one remains in the foreground (unless the background is gray). Foreground elements are more noticeable to users. They tend to view them as interactive, which means they’re more likely to interact with a grayed out disabled button.</p>
+</blockquote>
+<p>For much more information visit <a href="https://uxmovement.com/buttons/why-you-shouldnt-gray-out-disabled-buttons/">https://uxmovement.com/buttons/why-you-shouldnt-gray-out-disabled-buttons/</a>.</p>
+<p>In general disabling buttons is a controversial topic in UX Design, and should get only used well-considered; compare to these articles on how to use <code>disabled</code> buttons only selectively: <a href="https://stories.justinewin.com/disabled-buttons-dont-have-to-suck-10da0bb6d37e">https://stories.justinewin.com/disabled-buttons-dont-have-to-suck-10da0bb6d37e</a>, <a href="https://axesslab.com/disabled-buttons-suck/">https://axesslab.com/disabled-buttons-suck/</a> and <a href="https://www.smashingmagazine.com/2021/08/frustrating-design-patterns-disabled-buttons/">https://www.smashingmagazine.com/2021/08/frustrating-design-patterns-disabled-buttons/</a></p>
+<h2>Ambiguous labels</h2>
+<p>Please keep in mind to use unambiguous labels: <a href="https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label">https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label</a></p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-button" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-button&#x2F;elements-buttons-button.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button" title="Link to Pattern">
+						Button
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button" data-patternpartial="elements-button" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<button class="elm-button "
+	data-variant="brand-primary"
+	
+	title="Done"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Red 500
+</button>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button","patternPartial":"elements-button","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-brand-primary" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-01-button-brand-primary&#x2F;elements-buttons-01-button-brand-primary.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-brand-primary" title="Link to Pattern">
+						Button Brand Primary
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-brand-primary" data-patternpartial="elements-button-brand-primary" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-brand-primary">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Brand Primary
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Brand Primary
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Brand Primary without icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Brand Primary without icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="brand-primary"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Brand Primary displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="brand-primary"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Brand Primary displaying only the icon
+	</button>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-brand-primary" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Brand Primary","patternPartial":"elements-button-brand-primary","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-primary" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-03-button-primary&#x2F;elements-buttons-03-button-primary.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-primary" title="Link to Pattern">
+						Button Primary
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-primary" data-patternpartial="elements-button-primary" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-primary">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Primary
+	</button>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Primary (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Primary with icon
+	</button>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Primary with icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Primary without icon
+	</button>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Primary without icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="primary"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Primary displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="primary"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Primary displaying only the icon
+	</button>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-primary" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Primary","patternPartial":"elements-button-primary","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-secondary-outline" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-04-button-secondary-outline&#x2F;elements-buttons-04-button-secondary-outline.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-secondary-outline" title="Link to Pattern">
+						Button Secondary Outline
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-secondary-outline" data-patternpartial="elements-button-secondary-outline" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-secondary-outline">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary Outline
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary Outline (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Outline with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Outline with right icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Secondary Outline without left icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Secondary Outline without left icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-outline"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Outline displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-outline"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Outline displaying only the icon
+	</button>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-secondary-outline" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Secondary Outline","patternPartial":"elements-button-secondary-outline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-secondary-solid" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-05-button-secondary-solid&#x2F;elements-buttons-05-button-secondary-solid.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-secondary-solid" title="Link to Pattern">
+						Button Secondary Solid
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-secondary-solid" data-patternpartial="elements-button-secondary-solid" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-secondary-solid">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Solid with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Solid with right icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Secondary Solid without icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Secondary Solid without icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-solid"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Solid displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-solid"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Solid displaying only the icon
+	</button>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-secondary-solid" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Secondary Solid","patternPartial":"elements-button-secondary-solid","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-tertiary-plain" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-06-button-tertiary-plain&#x2F;elements-buttons-06-button-tertiary-plain.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-tertiary-plain" title="Link to Pattern">
+						Button Tertiary Plain
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-tertiary-plain" data-patternpartial="elements-button-tertiary-plain" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-tertiary-plain">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain
+	</button>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Tertiary Plain with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Tertiary Plain with right icon(disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain without left icon
+	</button>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain without left icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="tertiary-plain"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Tertiary Plain displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="tertiary-plain"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Tertiary Plain displaying only the icon
+	</button>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-tertiary-plain" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Tertiary Plain","patternPartial":"elements-button-tertiary-plain","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-sizes" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-09-button-sizes&#x2F;elements-buttons-09-button-sizes.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-sizes" title="Link to Pattern">
+						Button Sizes
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-sizes" data-patternpartial="elements-button-sizes" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-sizes">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<!-- [html-validate-disable-next heading-level -- we're doing some simple demonstration simplification here] -->
+	<h2>Small</h2>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			
+			 data-icon="add"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			 disabled
+			 data-icon="add"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary (disabled)
+		</button>
+	</p>
+	<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="small"
+		title=""
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		 aria-label="Small"
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="small"
+		title=""
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		 aria-label="Small"
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+	</p>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			
+			
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary without icon
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			 disabled
+			
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary without icon (disabled)
+		</button>
+	</p>
+	<p>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="small"
+			title="Done"
+			type="button"
+			
+			
+			 data-icon="done"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="small"
+			title="Done"
+			type="button"
+			
+			 disabled
+			 data-icon="done"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+	</p>
+	
+	<h2>Regular (default, data-size attribute is optional)</h2>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			
+			 data-icon="add"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			 disabled
+			 data-icon="add"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary (disabled)
+		</button>
+	</p>
+	<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="regular"
+		title=""
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		 aria-label="Regular (default, data-size attribute is optional)"
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="regular"
+		title=""
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		 aria-label="Regular (default, data-size attribute is optional)"
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+	</p>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			
+			
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary without icon
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			 disabled
+			
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary without icon (disabled)
+		</button>
+	</p>
+	<p>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="regular"
+			title="Done"
+			type="button"
+			
+			
+			 data-icon="done"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="regular"
+			title="Done"
+			type="button"
+			
+			 disabled
+			 data-icon="done"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+	</p>
+	
+	<h2>Large</h2>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			
+			 data-icon="add"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			 disabled
+			 data-icon="add"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary (disabled)
+		</button>
+	</p>
+	<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="large"
+		title=""
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		 aria-label="Large"
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="large"
+		title=""
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		 aria-label="Large"
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+	</p>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			
+			
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary without icon
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			 disabled
+			
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary without icon (disabled)
+		</button>
+	</p>
+	<p>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="large"
+			title="Done"
+			type="button"
+			
+			
+			 data-icon="done"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="large"
+			title="Done"
+			type="button"
+			
+			 disabled
+			 data-icon="done"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+	</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-sizes" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Sizes","patternPartial":"elements-button-sizes","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-width" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-10-button-width&#x2F;elements-buttons-10-button-width.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-width" title="Link to Pattern">
+						Button Width
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-width" data-patternpartial="elements-button-width" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-width">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		(Default) Auto width
+	</button>
+	<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+	<span style="width: 500px;display:inline-block;"><button class="elm-button "
+	data-variant="brand-primary"
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	 data-width="full"
+	
+	>
+	Width full
+</button>
+</span>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-width" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Width","patternPartial":"elements-button-width","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-elements-buttons"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-elements-buttons"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-checked/elements-checkbox-checkbox-checked.hbs b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-checked/elements-checkbox-checkbox-checked.hbs
new file mode 100644
index 0000000000..eec60f4aa1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-checked/elements-checkbox-checkbox-checked.hbs
@@ -0,0 +1,13 @@
+<input type="checkbox"
+	class="elm-checkbox {{ styleModifier }}"
+	id="{{ id }}"{{#if checked}} checked{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}>
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if indeterminate}}
+<script>
+	document.querySelector('#{{ id }}').indeterminate = true;
+</script>
+{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-checked/elements-checkbox-checkbox-checked.markup-only.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-checked/elements-checkbox-checkbox-checked.markup-only.html
new file mode 100644
index 0000000000..e0193ead7e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-checked/elements-checkbox-checkbox-checked.markup-only.html
@@ -0,0 +1,8 @@
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox02" checked
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox02">Checkbox</label>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-checked/elements-checkbox-checkbox-checked.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-checked/elements-checkbox-checkbox-checked.rendered.html
new file mode 100644
index 0000000000..0f25eaed92
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-checked/elements-checkbox-checkbox-checked.rendered.html
@@ -0,0 +1,125 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox02" checked
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox02">Checkbox</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox Checked","patternPartial":"elements-checkbox-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox Checked","patternPartial":"elements-checkbox-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled-checked/elements-checkbox-checkbox-disabled-checked.hbs b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled-checked/elements-checkbox-checkbox-disabled-checked.hbs
new file mode 100644
index 0000000000..eec60f4aa1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled-checked/elements-checkbox-checkbox-disabled-checked.hbs
@@ -0,0 +1,13 @@
+<input type="checkbox"
+	class="elm-checkbox {{ styleModifier }}"
+	id="{{ id }}"{{#if checked}} checked{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}>
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if indeterminate}}
+<script>
+	document.querySelector('#{{ id }}').indeterminate = true;
+</script>
+{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled-checked/elements-checkbox-checkbox-disabled-checked.markup-only.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled-checked/elements-checkbox-checkbox-disabled-checked.markup-only.html
new file mode 100644
index 0000000000..b9ec5b24e9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled-checked/elements-checkbox-checkbox-disabled-checked.markup-only.html
@@ -0,0 +1,8 @@
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox11" checked
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox11">Checkbox</label>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled-checked/elements-checkbox-checkbox-disabled-checked.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled-checked/elements-checkbox-checkbox-disabled-checked.rendered.html
new file mode 100644
index 0000000000..35c1f94755
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled-checked/elements-checkbox-checkbox-disabled-checked.rendered.html
@@ -0,0 +1,125 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox11" checked
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox11">Checkbox</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox Disabled Checked","patternPartial":"elements-checkbox-disabled-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox Disabled Checked","patternPartial":"elements-checkbox-disabled-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled/elements-checkbox-checkbox-disabled.hbs b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled/elements-checkbox-checkbox-disabled.hbs
new file mode 100644
index 0000000000..eec60f4aa1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled/elements-checkbox-checkbox-disabled.hbs
@@ -0,0 +1,13 @@
+<input type="checkbox"
+	class="elm-checkbox {{ styleModifier }}"
+	id="{{ id }}"{{#if checked}} checked{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}>
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if indeterminate}}
+<script>
+	document.querySelector('#{{ id }}').indeterminate = true;
+</script>
+{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled/elements-checkbox-checkbox-disabled.markup-only.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled/elements-checkbox-checkbox-disabled.markup-only.html
new file mode 100644
index 0000000000..3a99fc97f7
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled/elements-checkbox-checkbox-disabled.markup-only.html
@@ -0,0 +1,8 @@
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox10"
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox10">Checkbox</label>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled/elements-checkbox-checkbox-disabled.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled/elements-checkbox-checkbox-disabled.rendered.html
new file mode 100644
index 0000000000..dde83083a0
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-disabled/elements-checkbox-checkbox-disabled.rendered.html
@@ -0,0 +1,125 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox10"
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox10">Checkbox</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox Disabled","patternPartial":"elements-checkbox-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox Disabled","patternPartial":"elements-checkbox-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-indeterminate/elements-checkbox-checkbox-indeterminate.hbs b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-indeterminate/elements-checkbox-checkbox-indeterminate.hbs
new file mode 100644
index 0000000000..eec60f4aa1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-indeterminate/elements-checkbox-checkbox-indeterminate.hbs
@@ -0,0 +1,13 @@
+<input type="checkbox"
+	class="elm-checkbox {{ styleModifier }}"
+	id="{{ id }}"{{#if checked}} checked{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}>
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if indeterminate}}
+<script>
+	document.querySelector('#{{ id }}').indeterminate = true;
+</script>
+{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-indeterminate/elements-checkbox-checkbox-indeterminate.markup-only.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-indeterminate/elements-checkbox-checkbox-indeterminate.markup-only.html
new file mode 100644
index 0000000000..c831208869
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-indeterminate/elements-checkbox-checkbox-indeterminate.markup-only.html
@@ -0,0 +1,11 @@
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox03"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox03">Checkbox</label>
+<script>
+	document.querySelector('#checkbox03').indeterminate = true;
+</script>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-indeterminate/elements-checkbox-checkbox-indeterminate.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-indeterminate/elements-checkbox-checkbox-indeterminate.rendered.html
new file mode 100644
index 0000000000..575c1d37fd
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-indeterminate/elements-checkbox-checkbox-indeterminate.rendered.html
@@ -0,0 +1,128 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox03"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox03">Checkbox</label>
+<script>
+	document.querySelector('#checkbox03').indeterminate = true;
+</script>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>State: indeterminate</h2>\n<p>Please keep in mind, that the special state of an indeterminate element is necessary to get set programmatically with JavaScript:</p>\n<pre><code class=\"language-js\">inputInstance.indeterminate = true;\n</code></pre>\n<p>MDN has some more information on this topic: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox - indeterminate","patternPartial":"elements-checkbox-indeterminate","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>State: indeterminate</h2>\n<p>Please keep in mind, that the special state of an indeterminate element is necessary to get set programmatically with JavaScript:</p>\n<pre><code class=\"language-js\">inputInstance.indeterminate = true;\n</code></pre>\n<p>MDN has some more information on this topic: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox - indeterminate","patternPartial":"elements-checkbox-indeterminate","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-label-hidden/elements-checkbox-checkbox-label-hidden.hbs b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-label-hidden/elements-checkbox-checkbox-label-hidden.hbs
new file mode 100644
index 0000000000..eec60f4aa1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-label-hidden/elements-checkbox-checkbox-label-hidden.hbs
@@ -0,0 +1,13 @@
+<input type="checkbox"
+	class="elm-checkbox {{ styleModifier }}"
+	id="{{ id }}"{{#if checked}} checked{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}>
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if indeterminate}}
+<script>
+	document.querySelector('#{{ id }}').indeterminate = true;
+</script>
+{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-label-hidden/elements-checkbox-checkbox-label-hidden.markup-only.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-label-hidden/elements-checkbox-checkbox-label-hidden.markup-only.html
new file mode 100644
index 0000000000..1ad3182c13
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-label-hidden/elements-checkbox-checkbox-label-hidden.markup-only.html
@@ -0,0 +1,8 @@
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox05"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox05" data-label-hidden="true">Checkbox</label>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-label-hidden/elements-checkbox-checkbox-label-hidden.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-label-hidden/elements-checkbox-checkbox-label-hidden.rendered.html
new file mode 100644
index 0000000000..818f92661b
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-label-hidden/elements-checkbox-checkbox-label-hidden.rendered.html
@@ -0,0 +1,125 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox05"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox05" data-label-hidden="true">Checkbox</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a checkbox element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox - Hidden label","patternPartial":"elements-checkbox-label-hidden","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a checkbox element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox - Hidden label","patternPartial":"elements-checkbox-label-hidden","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-checked/elements-checkbox-checkbox-on-dark-background-checked.hbs b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-checked/elements-checkbox-checkbox-on-dark-background-checked.hbs
new file mode 100644
index 0000000000..eec60f4aa1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-checked/elements-checkbox-checkbox-on-dark-background-checked.hbs
@@ -0,0 +1,13 @@
+<input type="checkbox"
+	class="elm-checkbox {{ styleModifier }}"
+	id="{{ id }}"{{#if checked}} checked{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}>
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if indeterminate}}
+<script>
+	document.querySelector('#{{ id }}').indeterminate = true;
+</script>
+{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-checked/elements-checkbox-checkbox-on-dark-background-checked.markup-only.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-checked/elements-checkbox-checkbox-on-dark-background-checked.markup-only.html
new file mode 100644
index 0000000000..6163e6297a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-checked/elements-checkbox-checkbox-on-dark-background-checked.markup-only.html
@@ -0,0 +1,8 @@
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox16" checked
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox16">Checkbox</label>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-checked/elements-checkbox-checkbox-on-dark-background-checked.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-checked/elements-checkbox-checkbox-on-dark-background-checked.rendered.html
new file mode 100644
index 0000000000..a958030c38
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-checked/elements-checkbox-checkbox-on-dark-background-checked.rendered.html
@@ -0,0 +1,125 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox16" checked
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox16">Checkbox</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background Checked","patternPartial":"elements-checkbox-on-dark-background-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background Checked","patternPartial":"elements-checkbox-on-dark-background-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked/elements-checkbox-checkbox-on-dark-background-disabled-checked.hbs b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked/elements-checkbox-checkbox-on-dark-background-disabled-checked.hbs
new file mode 100644
index 0000000000..eec60f4aa1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked/elements-checkbox-checkbox-on-dark-background-disabled-checked.hbs
@@ -0,0 +1,13 @@
+<input type="checkbox"
+	class="elm-checkbox {{ styleModifier }}"
+	id="{{ id }}"{{#if checked}} checked{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}>
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if indeterminate}}
+<script>
+	document.querySelector('#{{ id }}').indeterminate = true;
+</script>
+{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked/elements-checkbox-checkbox-on-dark-background-disabled-checked.markup-only.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked/elements-checkbox-checkbox-on-dark-background-disabled-checked.markup-only.html
new file mode 100644
index 0000000000..1a7239744e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked/elements-checkbox-checkbox-on-dark-background-disabled-checked.markup-only.html
@@ -0,0 +1,8 @@
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox18" checked
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox18">Checkbox</label>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked/elements-checkbox-checkbox-on-dark-background-disabled-checked.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked/elements-checkbox-checkbox-on-dark-background-disabled-checked.rendered.html
new file mode 100644
index 0000000000..f3728f4720
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked/elements-checkbox-checkbox-on-dark-background-disabled-checked.rendered.html
@@ -0,0 +1,125 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox18" checked
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox18">Checkbox</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background Disabled Checked","patternPartial":"elements-checkbox-on-dark-background-disabled-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background Disabled Checked","patternPartial":"elements-checkbox-on-dark-background-disabled-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled/elements-checkbox-checkbox-on-dark-background-disabled.hbs b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled/elements-checkbox-checkbox-on-dark-background-disabled.hbs
new file mode 100644
index 0000000000..eec60f4aa1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled/elements-checkbox-checkbox-on-dark-background-disabled.hbs
@@ -0,0 +1,13 @@
+<input type="checkbox"
+	class="elm-checkbox {{ styleModifier }}"
+	id="{{ id }}"{{#if checked}} checked{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}>
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if indeterminate}}
+<script>
+	document.querySelector('#{{ id }}').indeterminate = true;
+</script>
+{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled/elements-checkbox-checkbox-on-dark-background-disabled.markup-only.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled/elements-checkbox-checkbox-on-dark-background-disabled.markup-only.html
new file mode 100644
index 0000000000..bcbb8557b4
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled/elements-checkbox-checkbox-on-dark-background-disabled.markup-only.html
@@ -0,0 +1,8 @@
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox17"
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox17">Checkbox</label>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled/elements-checkbox-checkbox-on-dark-background-disabled.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled/elements-checkbox-checkbox-on-dark-background-disabled.rendered.html
new file mode 100644
index 0000000000..b97bfc89ac
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-disabled/elements-checkbox-checkbox-on-dark-background-disabled.rendered.html
@@ -0,0 +1,125 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox17"
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox17">Checkbox</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background Disabled","patternPartial":"elements-checkbox-on-dark-background-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background Disabled","patternPartial":"elements-checkbox-on-dark-background-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-indeterminate/elements-checkbox-checkbox-on-dark-background-indeterminate.hbs b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-indeterminate/elements-checkbox-checkbox-on-dark-background-indeterminate.hbs
new file mode 100644
index 0000000000..eec60f4aa1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-indeterminate/elements-checkbox-checkbox-on-dark-background-indeterminate.hbs
@@ -0,0 +1,13 @@
+<input type="checkbox"
+	class="elm-checkbox {{ styleModifier }}"
+	id="{{ id }}"{{#if checked}} checked{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}>
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if indeterminate}}
+<script>
+	document.querySelector('#{{ id }}').indeterminate = true;
+</script>
+{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-indeterminate/elements-checkbox-checkbox-on-dark-background-indeterminate.markup-only.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-indeterminate/elements-checkbox-checkbox-on-dark-background-indeterminate.markup-only.html
new file mode 100644
index 0000000000..12466adc6f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-indeterminate/elements-checkbox-checkbox-on-dark-background-indeterminate.markup-only.html
@@ -0,0 +1,11 @@
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox04"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox04">Checkbox</label>
+<script>
+	document.querySelector('#checkbox04').indeterminate = true;
+</script>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-indeterminate/elements-checkbox-checkbox-on-dark-background-indeterminate.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-indeterminate/elements-checkbox-checkbox-on-dark-background-indeterminate.rendered.html
new file mode 100644
index 0000000000..5b5f1d2739
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background-indeterminate/elements-checkbox-checkbox-on-dark-background-indeterminate.rendered.html
@@ -0,0 +1,128 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox04"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox04">Checkbox</label>
+<script>
+	document.querySelector('#checkbox04').indeterminate = true;
+</script>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>State: indeterminate</h2>\n<p>Please keep in mind, that the special state of an indeterminate element is necessary to get set programmatically with JavaScript:</p>\n<pre><code class=\"language-js\">inputInstance.indeterminate = true;\n</code></pre>\n<p>MDN has some more information on this topic: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox - indeterminate on dark background","patternPartial":"elements-checkbox-on-dark-background-indeterminate","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>State: indeterminate</h2>\n<p>Please keep in mind, that the special state of an indeterminate element is necessary to get set programmatically with JavaScript:</p>\n<pre><code class=\"language-js\">inputInstance.indeterminate = true;\n</code></pre>\n<p>MDN has some more information on this topic: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox - indeterminate on dark background","patternPartial":"elements-checkbox-on-dark-background-indeterminate","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background/elements-checkbox-checkbox-on-dark-background.hbs b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background/elements-checkbox-checkbox-on-dark-background.hbs
new file mode 100644
index 0000000000..eec60f4aa1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background/elements-checkbox-checkbox-on-dark-background.hbs
@@ -0,0 +1,13 @@
+<input type="checkbox"
+	class="elm-checkbox {{ styleModifier }}"
+	id="{{ id }}"{{#if checked}} checked{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}>
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if indeterminate}}
+<script>
+	document.querySelector('#{{ id }}').indeterminate = true;
+</script>
+{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background/elements-checkbox-checkbox-on-dark-background.markup-only.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background/elements-checkbox-checkbox-on-dark-background.markup-only.html
new file mode 100644
index 0000000000..4907c5ca9d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background/elements-checkbox-checkbox-on-dark-background.markup-only.html
@@ -0,0 +1,8 @@
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox15"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox15">Checkbox</label>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background/elements-checkbox-checkbox-on-dark-background.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background/elements-checkbox-checkbox-on-dark-background.rendered.html
new file mode 100644
index 0000000000..ce0ca03639
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox-on-dark-background/elements-checkbox-checkbox-on-dark-background.rendered.html
@@ -0,0 +1,125 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox15"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox15">Checkbox</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background","patternPartial":"elements-checkbox-on-dark-background","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background","patternPartial":"elements-checkbox-on-dark-background","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox/elements-checkbox-checkbox.hbs b/review/refactor-icon-update/patterns/elements-checkbox-checkbox/elements-checkbox-checkbox.hbs
new file mode 100644
index 0000000000..eec60f4aa1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox/elements-checkbox-checkbox.hbs
@@ -0,0 +1,13 @@
+<input type="checkbox"
+	class="elm-checkbox {{ styleModifier }}"
+	id="{{ id }}"{{#if checked}} checked{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}>
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if indeterminate}}
+<script>
+	document.querySelector('#{{ id }}').indeterminate = true;
+</script>
+{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox/elements-checkbox-checkbox.markup-only.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox/elements-checkbox-checkbox.markup-only.html
new file mode 100644
index 0000000000..91b481ab14
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox/elements-checkbox-checkbox.markup-only.html
@@ -0,0 +1,8 @@
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox01"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox01">Checkbox</label>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox-checkbox/elements-checkbox-checkbox.rendered.html b/review/refactor-icon-update/patterns/elements-checkbox-checkbox/elements-checkbox-checkbox.rendered.html
new file mode 100644
index 0000000000..6b802020f0
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox-checkbox/elements-checkbox-checkbox.rendered.html
@@ -0,0 +1,125 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox01"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox01">Checkbox</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox","patternPartial":"elements-checkbox","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox","patternPartial":"elements-checkbox","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-checkbox/index.html b/review/refactor-icon-update/patterns/elements-checkbox/index.html
new file mode 100644
index 0000000000..ce6ec950c8
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-checkbox/index.html
@@ -0,0 +1,717 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-elements-checkbox" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-checkbox&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-checkbox">Checkbox</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-checkbox" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox&#x2F;elements-checkbox-checkbox.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox" title="Link to Pattern">
+						Checkbox
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox" data-patternpartial="elements-checkbox" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox01"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox01">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox","patternPartial":"elements-checkbox","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-checked" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-checked&#x2F;elements-checkbox-checkbox-checked.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-checked" title="Link to Pattern">
+						Checkbox Checked
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-checked" data-patternpartial="elements-checkbox-checked" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-checked">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox02" checked
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox02">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-checked" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox Checked","patternPartial":"elements-checkbox-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-disabled&#x2F;elements-checkbox-checkbox-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-disabled" title="Link to Pattern">
+						Checkbox Disabled
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-disabled" data-patternpartial="elements-checkbox-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox10"
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox10">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox Disabled","patternPartial":"elements-checkbox-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-disabled-checked" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-disabled-checked&#x2F;elements-checkbox-checkbox-disabled-checked.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-disabled-checked" title="Link to Pattern">
+						Checkbox Disabled Checked
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-disabled-checked" data-patternpartial="elements-checkbox-disabled-checked" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-disabled-checked">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox11" checked
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox11">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-disabled-checked" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox Disabled Checked","patternPartial":"elements-checkbox-disabled-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-indeterminate" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-indeterminate&#x2F;elements-checkbox-checkbox-indeterminate.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-indeterminate" title="Link to Pattern">
+						Checkbox - indeterminate
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-indeterminate" data-patternpartial="elements-checkbox-indeterminate" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-indeterminate">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox03"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox03">Checkbox</label>
+<script>
+	document.querySelector('#checkbox03').indeterminate = true;
+</script>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-indeterminate" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>State: indeterminate</h2>\n<p>Please keep in mind, that the special state of an indeterminate element is necessary to get set programmatically with JavaScript:</p>\n<pre><code class=\"language-js\">inputInstance.indeterminate = true;\n</code></pre>\n<p>MDN has some more information on this topic: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox - indeterminate","patternPartial":"elements-checkbox-indeterminate","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-label-hidden" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-label-hidden&#x2F;elements-checkbox-checkbox-label-hidden.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-label-hidden" title="Link to Pattern">
+						Checkbox - Hidden label
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-label-hidden" data-patternpartial="elements-checkbox-label-hidden" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-label-hidden">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox05"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox05" data-label-hidden="true">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-label-hidden" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a checkbox element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox - Hidden label","patternPartial":"elements-checkbox-label-hidden","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-on-dark-background" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-on-dark-background&#x2F;elements-checkbox-checkbox-on-dark-background.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-on-dark-background" title="Link to Pattern">
+						Checkbox On Dark Background
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-on-dark-background" data-patternpartial="elements-checkbox-on-dark-background" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-on-dark-background">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox15"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox15">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-on-dark-background" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background","patternPartial":"elements-checkbox-on-dark-background","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-on-dark-background-checked" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-on-dark-background-checked&#x2F;elements-checkbox-checkbox-on-dark-background-checked.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-on-dark-background-checked" title="Link to Pattern">
+						Checkbox On Dark Background Checked
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-on-dark-background-checked" data-patternpartial="elements-checkbox-on-dark-background-checked" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-on-dark-background-checked">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox16" checked
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox16">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-on-dark-background-checked" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background Checked","patternPartial":"elements-checkbox-on-dark-background-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-on-dark-background-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-on-dark-background-disabled&#x2F;elements-checkbox-checkbox-on-dark-background-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-on-dark-background-disabled" title="Link to Pattern">
+						Checkbox On Dark Background Disabled
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-on-dark-background-disabled" data-patternpartial="elements-checkbox-on-dark-background-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-on-dark-background-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox17"
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox17">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-on-dark-background-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background Disabled","patternPartial":"elements-checkbox-on-dark-background-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-on-dark-background-disabled-checked" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked&#x2F;elements-checkbox-checkbox-on-dark-background-disabled-checked.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-on-dark-background-disabled-checked" title="Link to Pattern">
+						Checkbox On Dark Background Disabled Checked
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-on-dark-background-disabled-checked" data-patternpartial="elements-checkbox-on-dark-background-disabled-checked" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-on-dark-background-disabled-checked">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox18" checked
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox18">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-on-dark-background-disabled-checked" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background Disabled Checked","patternPartial":"elements-checkbox-on-dark-background-disabled-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-on-dark-background-indeterminate" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-on-dark-background-indeterminate&#x2F;elements-checkbox-checkbox-on-dark-background-indeterminate.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-on-dark-background-indeterminate" title="Link to Pattern">
+						Checkbox - indeterminate on dark background
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-on-dark-background-indeterminate" data-patternpartial="elements-checkbox-on-dark-background-indeterminate" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-on-dark-background-indeterminate">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox04"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox04">Checkbox</label>
+<script>
+	document.querySelector('#checkbox04').indeterminate = true;
+</script>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-on-dark-background-indeterminate" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>State: indeterminate</h2>\n<p>Please keep in mind, that the special state of an indeterminate element is necessary to get set programmatically with JavaScript:</p>\n<pre><code class=\"language-js\">inputInstance.indeterminate = true;\n</code></pre>\n<p>MDN has some more information on this topic: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox - indeterminate on dark background","patternPartial":"elements-checkbox-on-dark-background-indeterminate","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-elements-checkbox"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-elements-checkbox"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-chips-_chip/elements-chips-_chip.hbs b/review/refactor-icon-update/patterns/elements-chips-_chip/elements-chips-_chip.hbs
new file mode 100644
index 0000000000..69ef0d3100
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips-_chip/elements-chips-_chip.hbs
@@ -0,0 +1,29 @@
+{{! TODO: This would need to get enhanced later on by the additional possible attributes }}
+{{#if selection}}
+	<input
+		class="elm-chip"
+		type="radio"
+		id="chip-single-{{ variant }}{{ id-suffix }}"
+		name="{{ name }}"
+		data-type="selection"
+		{{#if disabled }} disabled{{/if }}>
+	<label
+		for="chip-single-{{ variant }}{{ id-suffix }}"
+		{{#if variant }} data-variant="{{ variant }}"{{/if }}
+		{{#if icon }} data-icon="{{ icon }}"{{/if }}
+		{{#if iconAfter }} data-icon-after="{{ iconAfter }}"{{/if }}
+		>{{ label }}</label>
+{{else}}
+	<input
+		class="elm-chip"
+		type="checkbox"
+		id="chip-multiple{{#if disabled }}-disabled{{/if}}-{{ variant }}{{ id-suffix }}"
+		data-type="filter"
+		{{#if disabled }} disabled{{/if }}>
+	<label
+		for="chip-multiple{{#if disabled }}-disabled{{/if}}-{{ variant }}{{ id-suffix }}"
+		{{#if variant }} data-variant="{{ variant }}"{{/if }}
+		{{#if icon }} data-icon="{{ icon }}"{{/if }}
+		{{#if iconAfter }} data-icon-after="{{ iconAfter }}"{{/if }}
+		>{{ label }}</label>
+{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-chips-_chip/elements-chips-_chip.markup-only.html b/review/refactor-icon-update/patterns/elements-chips-_chip/elements-chips-_chip.markup-only.html
new file mode 100644
index 0000000000..9308cd2872
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips-_chip/elements-chips-_chip.markup-only.html
@@ -0,0 +1,12 @@
+	<input
+		class="elm-chip"
+		type="checkbox"
+		id="chip-multiple-"
+		data-type="filter"
+		>
+	<label
+		for="chip-multiple-"
+		
+		
+		
+		>Title</label>
diff --git a/review/refactor-icon-update/patterns/elements-chips-_chip/elements-chips-_chip.rendered.html b/review/refactor-icon-update/patterns/elements-chips-_chip/elements-chips-_chip.rendered.html
new file mode 100644
index 0000000000..0b5aad5746
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips-_chip/elements-chips-_chip.rendered.html
@@ -0,0 +1,129 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+	<input
+		class="elm-chip"
+		type="checkbox"
+		id="chip-multiple-"
+		data-type="filter"
+		>
+	<label
+		for="chip-multiple-"
+		
+		
+		
+		>Title</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"}],"lineageR":[{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Chip","patternPartial":"elements-chip","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"}],"lineageR":[{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Chip","patternPartial":"elements-chip","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.hbs b/review/refactor-icon-update/patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.hbs
new file mode 100644
index 0000000000..8be96e52e1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.hbs
@@ -0,0 +1,18 @@
+{{! TODO: The following conditional construct should obviously get simplified in the future }}
+{{#unless iconVariants }}
+	{{> elements-chip label="Title" id-suffix="chip01" }}
+	{{#each variants }}
+		{{> elements-chip id-suffix=@index icon=../icon icon-after=../icon-after selection=../selection name=../name disabled=../disabled }}
+	{{/each}}
+
+	<!-- [html-validate-disable-next heading-level] -->
+	{{> elements-headline type="3" text="POIs" }}
+
+	{{#each pois }}
+		{{> elements-chip id-suffix=@index size=../size disabled=../disabled selection=../selection name=../name }}
+	{{/each}}
+{{else}}
+	{{#each iconVariants}}
+		<p>{{> elements-chip label="Title" id-suffix=@index }}</p>
+	{{/each }}
+{{/unless }}
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.markup-only.html b/review/refactor-icon-update/patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.markup-only.html
new file mode 100644
index 0000000000..ef9c7502d9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.markup-only.html
@@ -0,0 +1,197 @@
+		<input
+			class="elm-chip"
+			type="checkbox"
+			id="chip-multiple-disabled-chip01"
+			data-type="filter"
+			 disabled>
+		<label
+			for="chip-multiple-disabled-chip01"
+			
+			
+			
+			>Title</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-light0"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-light0"
+				 data-variant="light"
+				
+				
+				>Light</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-warning1"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-warning1"
+				 data-variant="warning"
+				
+				
+				>Warning</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-error2"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-error2"
+				 data-variant="error"
+				
+				
+				>Error</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-informative3"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-informative3"
+				 data-variant="informative"
+				
+				
+				>Informative</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-success4"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-success4"
+				 data-variant="success"
+				
+				
+				>Success</label>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-essen-trinken0"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-essen-trinken0"
+				 data-variant="poi-essen-trinken"
+				
+				
+				>Essen &amp; Trinken</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-einkaufen1"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-einkaufen1"
+				 data-variant="poi-einkaufen"
+				
+				
+				>Einkaufen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-gesundheit2"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-gesundheit2"
+				 data-variant="poi-gesundheit"
+				
+				
+				>Gesundheit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-kunst-kultur3"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-kunst-kultur3"
+				 data-variant="poi-kunst-kultur"
+				
+				
+				>Kunst &amp; Kultur</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-wissenswertes4"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-wissenswertes4"
+				 data-variant="poi-wissenswertes"
+				
+				
+				>Wissenswertes</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-freizeit5"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-freizeit5"
+				 data-variant="poi-freizeit"
+				
+				
+				>Freizeit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-zivile-rel-einrichtungen6"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-zivile-rel-einrichtungen6"
+				 data-variant="poi-zivile-rel-einrichtungen"
+				
+				
+				>Zivile &amp; reli. Einrichtungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-dienstleistungen7"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-dienstleistungen7"
+				 data-variant="poi-dienstleistungen"
+				
+				
+				>Dienstleistungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-db-services-einrichtung8"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-db-services-einrichtung8"
+				 data-variant="poi-db-services-einrichtung"
+				
+				
+				>DB Services &amp; Einrichtung</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-wegeleitung9"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-wegeleitung9"
+				 data-variant="poi-wegeleitung"
+				
+				
+				>Wegeleitung</label>
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html b/review/refactor-icon-update/patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html
new file mode 100644
index 0000000000..323b34a0ad
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html
@@ -0,0 +1,314 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+		<input
+			class="elm-chip"
+			type="checkbox"
+			id="chip-multiple-disabled-chip01"
+			data-type="filter"
+			 disabled>
+		<label
+			for="chip-multiple-disabled-chip01"
+			
+			
+			
+			>Title</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-light0"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-light0"
+				 data-variant="light"
+				
+				
+				>Light</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-warning1"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-warning1"
+				 data-variant="warning"
+				
+				
+				>Warning</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-error2"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-error2"
+				 data-variant="error"
+				
+				
+				>Error</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-informative3"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-informative3"
+				 data-variant="informative"
+				
+				
+				>Informative</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-success4"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-success4"
+				 data-variant="success"
+				
+				
+				>Success</label>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-essen-trinken0"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-essen-trinken0"
+				 data-variant="poi-essen-trinken"
+				
+				
+				>Essen &amp; Trinken</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-einkaufen1"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-einkaufen1"
+				 data-variant="poi-einkaufen"
+				
+				
+				>Einkaufen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-gesundheit2"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-gesundheit2"
+				 data-variant="poi-gesundheit"
+				
+				
+				>Gesundheit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-kunst-kultur3"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-kunst-kultur3"
+				 data-variant="poi-kunst-kultur"
+				
+				
+				>Kunst &amp; Kultur</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-wissenswertes4"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-wissenswertes4"
+				 data-variant="poi-wissenswertes"
+				
+				
+				>Wissenswertes</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-freizeit5"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-freizeit5"
+				 data-variant="poi-freizeit"
+				
+				
+				>Freizeit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-zivile-rel-einrichtungen6"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-zivile-rel-einrichtungen6"
+				 data-variant="poi-zivile-rel-einrichtungen"
+				
+				
+				>Zivile &amp; reli. Einrichtungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-dienstleistungen7"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-dienstleistungen7"
+				 data-variant="poi-dienstleistungen"
+				
+				
+				>Dienstleistungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-db-services-einrichtung8"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-db-services-einrichtung8"
+				 data-variant="poi-db-services-einrichtung"
+				
+				
+				>DB Services &amp; Einrichtung</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-wegeleitung9"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-wegeleitung9"
+				 data-variant="poi-wegeleitung"
+				
+				
+				>Wegeleitung</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Chips – disabled","patternPartial":"elements-chips-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":40}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Chips – disabled","patternPartial":"elements-chips-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":40}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips-linked/elements-chips-chips-linked.hbs b/review/refactor-icon-update/patterns/elements-chips-chips-linked/elements-chips-chips-linked.hbs
new file mode 100644
index 0000000000..8be96e52e1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips-chips-linked/elements-chips-chips-linked.hbs
@@ -0,0 +1,18 @@
+{{! TODO: The following conditional construct should obviously get simplified in the future }}
+{{#unless iconVariants }}
+	{{> elements-chip label="Title" id-suffix="chip01" }}
+	{{#each variants }}
+		{{> elements-chip id-suffix=@index icon=../icon icon-after=../icon-after selection=../selection name=../name disabled=../disabled }}
+	{{/each}}
+
+	<!-- [html-validate-disable-next heading-level] -->
+	{{> elements-headline type="3" text="POIs" }}
+
+	{{#each pois }}
+		{{> elements-chip id-suffix=@index size=../size disabled=../disabled selection=../selection name=../name }}
+	{{/each}}
+{{else}}
+	{{#each iconVariants}}
+		<p>{{> elements-chip label="Title" id-suffix=@index }}</p>
+	{{/each }}
+{{/unless }}
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips-linked/elements-chips-chips-linked.markup-only.html b/review/refactor-icon-update/patterns/elements-chips-chips-linked/elements-chips-chips-linked.markup-only.html
new file mode 100644
index 0000000000..2dca0c75b8
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips-chips-linked/elements-chips-chips-linked.markup-only.html
@@ -0,0 +1,197 @@
+		<input
+			class="elm-chip"
+			type="checkbox"
+			id="chip-multiple-chip01"
+			data-type="filter"
+			>
+		<label
+			for="chip-multiple-chip01"
+			
+			
+			
+			>Title</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-light0"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-light0"
+				 data-variant="light"
+				
+				
+				>Light</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-warning1"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-warning1"
+				 data-variant="warning"
+				
+				
+				>Warning</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-error2"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-error2"
+				 data-variant="error"
+				
+				
+				>Error</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-informative3"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-informative3"
+				 data-variant="informative"
+				
+				
+				>Informative</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-success4"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-success4"
+				 data-variant="success"
+				
+				
+				>Success</label>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-essen-trinken0"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-essen-trinken0"
+				 data-variant="poi-essen-trinken"
+				
+				
+				>Essen &amp; Trinken</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-einkaufen1"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-einkaufen1"
+				 data-variant="poi-einkaufen"
+				
+				
+				>Einkaufen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-gesundheit2"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-gesundheit2"
+				 data-variant="poi-gesundheit"
+				
+				
+				>Gesundheit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-kunst-kultur3"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-kunst-kultur3"
+				 data-variant="poi-kunst-kultur"
+				
+				
+				>Kunst &amp; Kultur</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-wissenswertes4"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-wissenswertes4"
+				 data-variant="poi-wissenswertes"
+				
+				
+				>Wissenswertes</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-freizeit5"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-freizeit5"
+				 data-variant="poi-freizeit"
+				
+				
+				>Freizeit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-zivile-rel-einrichtungen6"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-zivile-rel-einrichtungen6"
+				 data-variant="poi-zivile-rel-einrichtungen"
+				
+				
+				>Zivile &amp; reli. Einrichtungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-dienstleistungen7"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-dienstleistungen7"
+				 data-variant="poi-dienstleistungen"
+				
+				
+				>Dienstleistungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-db-services-einrichtung8"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-db-services-einrichtung8"
+				 data-variant="poi-db-services-einrichtung"
+				
+				
+				>DB Services &amp; Einrichtung</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-wegeleitung9"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-wegeleitung9"
+				 data-variant="poi-wegeleitung"
+				
+				
+				>Wegeleitung</label>
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html b/review/refactor-icon-update/patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html
new file mode 100644
index 0000000000..998acd55dc
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html
@@ -0,0 +1,314 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+		<input
+			class="elm-chip"
+			type="checkbox"
+			id="chip-multiple-chip01"
+			data-type="filter"
+			>
+		<label
+			for="chip-multiple-chip01"
+			
+			
+			
+			>Title</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-light0"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-light0"
+				 data-variant="light"
+				
+				
+				>Light</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-warning1"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-warning1"
+				 data-variant="warning"
+				
+				
+				>Warning</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-error2"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-error2"
+				 data-variant="error"
+				
+				
+				>Error</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-informative3"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-informative3"
+				 data-variant="informative"
+				
+				
+				>Informative</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-success4"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-success4"
+				 data-variant="success"
+				
+				
+				>Success</label>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-essen-trinken0"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-essen-trinken0"
+				 data-variant="poi-essen-trinken"
+				
+				
+				>Essen &amp; Trinken</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-einkaufen1"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-einkaufen1"
+				 data-variant="poi-einkaufen"
+				
+				
+				>Einkaufen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-gesundheit2"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-gesundheit2"
+				 data-variant="poi-gesundheit"
+				
+				
+				>Gesundheit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-kunst-kultur3"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-kunst-kultur3"
+				 data-variant="poi-kunst-kultur"
+				
+				
+				>Kunst &amp; Kultur</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-wissenswertes4"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-wissenswertes4"
+				 data-variant="poi-wissenswertes"
+				
+				
+				>Wissenswertes</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-freizeit5"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-freizeit5"
+				 data-variant="poi-freizeit"
+				
+				
+				>Freizeit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-zivile-rel-einrichtungen6"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-zivile-rel-einrichtungen6"
+				 data-variant="poi-zivile-rel-einrichtungen"
+				
+				
+				>Zivile &amp; reli. Einrichtungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-dienstleistungen7"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-dienstleistungen7"
+				 data-variant="poi-dienstleistungen"
+				
+				
+				>Dienstleistungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-db-services-einrichtung8"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-db-services-einrichtung8"
+				 data-variant="poi-db-services-einrichtung"
+				
+				
+				>DB Services &amp; Einrichtung</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-wegeleitung9"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-wegeleitung9"
+				 data-variant="poi-wegeleitung"
+				
+				
+				>Wegeleitung</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Chips Linked","patternPartial":"elements-chips-linked","patternState":"","patternEngineName":"handlebars","extraOutput":{"hidden":true}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Chips Linked","patternPartial":"elements-chips-linked","patternState":"","patternEngineName":"handlebars","extraOutput":{"hidden":true}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.hbs b/review/refactor-icon-update/patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.hbs
new file mode 100644
index 0000000000..8be96e52e1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.hbs
@@ -0,0 +1,18 @@
+{{! TODO: The following conditional construct should obviously get simplified in the future }}
+{{#unless iconVariants }}
+	{{> elements-chip label="Title" id-suffix="chip01" }}
+	{{#each variants }}
+		{{> elements-chip id-suffix=@index icon=../icon icon-after=../icon-after selection=../selection name=../name disabled=../disabled }}
+	{{/each}}
+
+	<!-- [html-validate-disable-next heading-level] -->
+	{{> elements-headline type="3" text="POIs" }}
+
+	{{#each pois }}
+		{{> elements-chip id-suffix=@index size=../size disabled=../disabled selection=../selection name=../name }}
+	{{/each}}
+{{else}}
+	{{#each iconVariants}}
+		<p>{{> elements-chip label="Title" id-suffix=@index }}</p>
+	{{/each }}
+{{/unless }}
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.markup-only.html b/review/refactor-icon-update/patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.markup-only.html
new file mode 100644
index 0000000000..ee09e6ff52
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.markup-only.html
@@ -0,0 +1,213 @@
+		<input
+			class="elm-chip"
+			type="radio"
+			id="chip-single-chip01"
+			name="selection"
+			data-type="selection"
+			>
+		<label
+			for="chip-single-chip01"
+			
+			
+			
+			>Title</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-light0"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-light0"
+				 data-variant="light"
+				
+				
+				>Light</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-warning1"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-warning1"
+				 data-variant="warning"
+				
+				
+				>Warning</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-error2"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-error2"
+				 data-variant="error"
+				
+				
+				>Error</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-informative3"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-informative3"
+				 data-variant="informative"
+				
+				
+				>Informative</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-success4"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-success4"
+				 data-variant="success"
+				
+				
+				>Success</label>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-essen-trinken0"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-essen-trinken0"
+				 data-variant="poi-essen-trinken"
+				
+				
+				>Essen &amp; Trinken</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-einkaufen1"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-einkaufen1"
+				 data-variant="poi-einkaufen"
+				
+				
+				>Einkaufen</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-gesundheit2"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-gesundheit2"
+				 data-variant="poi-gesundheit"
+				
+				
+				>Gesundheit</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-kunst-kultur3"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-kunst-kultur3"
+				 data-variant="poi-kunst-kultur"
+				
+				
+				>Kunst &amp; Kultur</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-wissenswertes4"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-wissenswertes4"
+				 data-variant="poi-wissenswertes"
+				
+				
+				>Wissenswertes</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-freizeit5"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-freizeit5"
+				 data-variant="poi-freizeit"
+				
+				
+				>Freizeit</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-zivile-rel-einrichtungen6"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-zivile-rel-einrichtungen6"
+				 data-variant="poi-zivile-rel-einrichtungen"
+				
+				
+				>Zivile &amp; reli. Einrichtungen</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-dienstleistungen7"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-dienstleistungen7"
+				 data-variant="poi-dienstleistungen"
+				
+				
+				>Dienstleistungen</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-db-services-einrichtung8"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-db-services-einrichtung8"
+				 data-variant="poi-db-services-einrichtung"
+				
+				
+				>DB Services &amp; Einrichtung</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-wegeleitung9"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-wegeleitung9"
+				 data-variant="poi-wegeleitung"
+				
+				
+				>Wegeleitung</label>
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html b/review/refactor-icon-update/patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html
new file mode 100644
index 0000000000..9b78b2d458
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html
@@ -0,0 +1,330 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+		<input
+			class="elm-chip"
+			type="radio"
+			id="chip-single-chip01"
+			name="selection"
+			data-type="selection"
+			>
+		<label
+			for="chip-single-chip01"
+			
+			
+			
+			>Title</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-light0"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-light0"
+				 data-variant="light"
+				
+				
+				>Light</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-warning1"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-warning1"
+				 data-variant="warning"
+				
+				
+				>Warning</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-error2"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-error2"
+				 data-variant="error"
+				
+				
+				>Error</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-informative3"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-informative3"
+				 data-variant="informative"
+				
+				
+				>Informative</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-success4"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-success4"
+				 data-variant="success"
+				
+				
+				>Success</label>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-essen-trinken0"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-essen-trinken0"
+				 data-variant="poi-essen-trinken"
+				
+				
+				>Essen &amp; Trinken</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-einkaufen1"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-einkaufen1"
+				 data-variant="poi-einkaufen"
+				
+				
+				>Einkaufen</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-gesundheit2"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-gesundheit2"
+				 data-variant="poi-gesundheit"
+				
+				
+				>Gesundheit</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-kunst-kultur3"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-kunst-kultur3"
+				 data-variant="poi-kunst-kultur"
+				
+				
+				>Kunst &amp; Kultur</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-wissenswertes4"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-wissenswertes4"
+				 data-variant="poi-wissenswertes"
+				
+				
+				>Wissenswertes</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-freizeit5"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-freizeit5"
+				 data-variant="poi-freizeit"
+				
+				
+				>Freizeit</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-zivile-rel-einrichtungen6"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-zivile-rel-einrichtungen6"
+				 data-variant="poi-zivile-rel-einrichtungen"
+				
+				
+				>Zivile &amp; reli. Einrichtungen</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-dienstleistungen7"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-dienstleistungen7"
+				 data-variant="poi-dienstleistungen"
+				
+				
+				>Dienstleistungen</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-db-services-einrichtung8"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-db-services-einrichtung8"
+				 data-variant="poi-db-services-einrichtung"
+				
+				
+				>DB Services &amp; Einrichtung</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-wegeleitung9"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-wegeleitung9"
+				 data-variant="poi-wegeleitung"
+				
+				
+				>Wegeleitung</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Selection chips","patternPartial":"elements-chips-type-selection","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":20}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Selection chips","patternPartial":"elements-chips-type-selection","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":20}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.hbs b/review/refactor-icon-update/patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.hbs
new file mode 100644
index 0000000000..8be96e52e1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.hbs
@@ -0,0 +1,18 @@
+{{! TODO: The following conditional construct should obviously get simplified in the future }}
+{{#unless iconVariants }}
+	{{> elements-chip label="Title" id-suffix="chip01" }}
+	{{#each variants }}
+		{{> elements-chip id-suffix=@index icon=../icon icon-after=../icon-after selection=../selection name=../name disabled=../disabled }}
+	{{/each}}
+
+	<!-- [html-validate-disable-next heading-level] -->
+	{{> elements-headline type="3" text="POIs" }}
+
+	{{#each pois }}
+		{{> elements-chip id-suffix=@index size=../size disabled=../disabled selection=../selection name=../name }}
+	{{/each}}
+{{else}}
+	{{#each iconVariants}}
+		<p>{{> elements-chip label="Title" id-suffix=@index }}</p>
+	{{/each }}
+{{/unless }}
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.markup-only.html b/review/refactor-icon-update/patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.markup-only.html
new file mode 100644
index 0000000000..2571887f59
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.markup-only.html
@@ -0,0 +1,39 @@
+		<p>	<input
+		class="elm-chip"
+		type="checkbox"
+		id="chip-multiple-0"
+		data-type="filter"
+		>
+	<label
+		for="chip-multiple-0"
+		
+		 data-icon="alert"
+		
+		>Title</label>
+</p>
+		<p>	<input
+		class="elm-chip"
+		type="checkbox"
+		id="chip-multiple-1"
+		data-type="filter"
+		>
+	<label
+		for="chip-multiple-1"
+		
+		
+		 data-icon-after="account"
+		>Title</label>
+</p>
+		<p>	<input
+		class="elm-chip"
+		type="checkbox"
+		id="chip-multiple-2"
+		data-type="filter"
+		>
+	<label
+		for="chip-multiple-2"
+		
+		 data-icon="alert"
+		 data-icon-after="account"
+		>Title</label>
+</p>
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html b/review/refactor-icon-update/patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html
new file mode 100644
index 0000000000..d75e8bd42f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html
@@ -0,0 +1,156 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+		<p>	<input
+		class="elm-chip"
+		type="checkbox"
+		id="chip-multiple-0"
+		data-type="filter"
+		>
+	<label
+		for="chip-multiple-0"
+		
+		 data-icon="alert"
+		
+		>Title</label>
+</p>
+		<p>	<input
+		class="elm-chip"
+		type="checkbox"
+		id="chip-multiple-1"
+		data-type="filter"
+		>
+	<label
+		for="chip-multiple-1"
+		
+		
+		 data-icon-after="account"
+		>Title</label>
+</p>
+		<p>	<input
+		class="elm-chip"
+		type="checkbox"
+		id="chip-multiple-2"
+		data-type="filter"
+		>
+	<label
+		for="chip-multiple-2"
+		
+		 data-icon="alert"
+		 data-icon-after="account"
+		>Title</label>
+</p>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Chips with icon","patternPartial":"elements-chips-with-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":30}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Chips with icon","patternPartial":"elements-chips-with-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":30}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips/elements-chips-chips.hbs b/review/refactor-icon-update/patterns/elements-chips-chips/elements-chips-chips.hbs
new file mode 100644
index 0000000000..8be96e52e1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips-chips/elements-chips-chips.hbs
@@ -0,0 +1,18 @@
+{{! TODO: The following conditional construct should obviously get simplified in the future }}
+{{#unless iconVariants }}
+	{{> elements-chip label="Title" id-suffix="chip01" }}
+	{{#each variants }}
+		{{> elements-chip id-suffix=@index icon=../icon icon-after=../icon-after selection=../selection name=../name disabled=../disabled }}
+	{{/each}}
+
+	<!-- [html-validate-disable-next heading-level] -->
+	{{> elements-headline type="3" text="POIs" }}
+
+	{{#each pois }}
+		{{> elements-chip id-suffix=@index size=../size disabled=../disabled selection=../selection name=../name }}
+	{{/each}}
+{{else}}
+	{{#each iconVariants}}
+		<p>{{> elements-chip label="Title" id-suffix=@index }}</p>
+	{{/each }}
+{{/unless }}
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips/elements-chips-chips.markup-only.html b/review/refactor-icon-update/patterns/elements-chips-chips/elements-chips-chips.markup-only.html
new file mode 100644
index 0000000000..2dca0c75b8
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips-chips/elements-chips-chips.markup-only.html
@@ -0,0 +1,197 @@
+		<input
+			class="elm-chip"
+			type="checkbox"
+			id="chip-multiple-chip01"
+			data-type="filter"
+			>
+		<label
+			for="chip-multiple-chip01"
+			
+			
+			
+			>Title</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-light0"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-light0"
+				 data-variant="light"
+				
+				
+				>Light</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-warning1"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-warning1"
+				 data-variant="warning"
+				
+				
+				>Warning</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-error2"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-error2"
+				 data-variant="error"
+				
+				
+				>Error</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-informative3"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-informative3"
+				 data-variant="informative"
+				
+				
+				>Informative</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-success4"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-success4"
+				 data-variant="success"
+				
+				
+				>Success</label>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-essen-trinken0"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-essen-trinken0"
+				 data-variant="poi-essen-trinken"
+				
+				
+				>Essen &amp; Trinken</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-einkaufen1"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-einkaufen1"
+				 data-variant="poi-einkaufen"
+				
+				
+				>Einkaufen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-gesundheit2"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-gesundheit2"
+				 data-variant="poi-gesundheit"
+				
+				
+				>Gesundheit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-kunst-kultur3"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-kunst-kultur3"
+				 data-variant="poi-kunst-kultur"
+				
+				
+				>Kunst &amp; Kultur</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-wissenswertes4"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-wissenswertes4"
+				 data-variant="poi-wissenswertes"
+				
+				
+				>Wissenswertes</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-freizeit5"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-freizeit5"
+				 data-variant="poi-freizeit"
+				
+				
+				>Freizeit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-zivile-rel-einrichtungen6"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-zivile-rel-einrichtungen6"
+				 data-variant="poi-zivile-rel-einrichtungen"
+				
+				
+				>Zivile &amp; reli. Einrichtungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-dienstleistungen7"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-dienstleistungen7"
+				 data-variant="poi-dienstleistungen"
+				
+				
+				>Dienstleistungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-db-services-einrichtung8"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-db-services-einrichtung8"
+				 data-variant="poi-db-services-einrichtung"
+				
+				
+				>DB Services &amp; Einrichtung</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-wegeleitung9"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-wegeleitung9"
+				 data-variant="poi-wegeleitung"
+				
+				
+				>Wegeleitung</label>
diff --git a/review/refactor-icon-update/patterns/elements-chips-chips/elements-chips-chips.rendered.html b/review/refactor-icon-update/patterns/elements-chips-chips/elements-chips-chips.rendered.html
new file mode 100644
index 0000000000..e1240fdde8
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips-chips/elements-chips-chips.rendered.html
@@ -0,0 +1,314 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+		<input
+			class="elm-chip"
+			type="checkbox"
+			id="chip-multiple-chip01"
+			data-type="filter"
+			>
+		<label
+			for="chip-multiple-chip01"
+			
+			
+			
+			>Title</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-light0"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-light0"
+				 data-variant="light"
+				
+				
+				>Light</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-warning1"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-warning1"
+				 data-variant="warning"
+				
+				
+				>Warning</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-error2"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-error2"
+				 data-variant="error"
+				
+				
+				>Error</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-informative3"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-informative3"
+				 data-variant="informative"
+				
+				
+				>Informative</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-success4"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-success4"
+				 data-variant="success"
+				
+				
+				>Success</label>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-essen-trinken0"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-essen-trinken0"
+				 data-variant="poi-essen-trinken"
+				
+				
+				>Essen &amp; Trinken</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-einkaufen1"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-einkaufen1"
+				 data-variant="poi-einkaufen"
+				
+				
+				>Einkaufen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-gesundheit2"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-gesundheit2"
+				 data-variant="poi-gesundheit"
+				
+				
+				>Gesundheit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-kunst-kultur3"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-kunst-kultur3"
+				 data-variant="poi-kunst-kultur"
+				
+				
+				>Kunst &amp; Kultur</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-wissenswertes4"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-wissenswertes4"
+				 data-variant="poi-wissenswertes"
+				
+				
+				>Wissenswertes</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-freizeit5"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-freizeit5"
+				 data-variant="poi-freizeit"
+				
+				
+				>Freizeit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-zivile-rel-einrichtungen6"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-zivile-rel-einrichtungen6"
+				 data-variant="poi-zivile-rel-einrichtungen"
+				
+				
+				>Zivile &amp; reli. Einrichtungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-dienstleistungen7"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-dienstleistungen7"
+				 data-variant="poi-dienstleistungen"
+				
+				
+				>Dienstleistungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-db-services-einrichtung8"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-db-services-einrichtung8"
+				 data-variant="poi-db-services-einrichtung"
+				
+				
+				>DB Services &amp; Einrichtung</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-wegeleitung9"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-wegeleitung9"
+				 data-variant="poi-wegeleitung"
+				
+				
+				>Wegeleitung</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Filter chips","patternPartial":"elements-chips","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":10}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Filter chips","patternPartial":"elements-chips","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":10}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-chips/index.html b/review/refactor-icon-update/patterns/elements-chips/index.html
new file mode 100644
index 0000000000..e866503cfb
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-chips/index.html
@@ -0,0 +1,961 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-elements-chips" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-chips&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-chips">Chips</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h1>Variations/configurability</h1>
+<h2>Variant</h2>
+<h3>HTML attribute</h3>
+<p>You could set the different button variants via the <code>data-variant</code> attribute. These could be either one of the four feedback values, or the &quot;point of interest&quot; stylings.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-chips" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-chips-chips&#x2F;elements-chips-chips.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-chips" title="Link to Pattern">
+						Filter chips
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-chips" data-patternpartial="elements-chips" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-chips">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+					<input
+			class="elm-chip"
+			type="checkbox"
+			id="chip-multiple-chip01"
+			data-type="filter"
+			>
+		<label
+			for="chip-multiple-chip01"
+			
+			
+			
+			>Title</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-light0"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-light0"
+				 data-variant="light"
+				
+				
+				>Light</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-warning1"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-warning1"
+				 data-variant="warning"
+				
+				
+				>Warning</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-error2"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-error2"
+				 data-variant="error"
+				
+				
+				>Error</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-informative3"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-informative3"
+				 data-variant="informative"
+				
+				
+				>Informative</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-success4"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-success4"
+				 data-variant="success"
+				
+				
+				>Success</label>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-essen-trinken0"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-essen-trinken0"
+				 data-variant="poi-essen-trinken"
+				
+				
+				>Essen &amp; Trinken</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-einkaufen1"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-einkaufen1"
+				 data-variant="poi-einkaufen"
+				
+				
+				>Einkaufen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-gesundheit2"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-gesundheit2"
+				 data-variant="poi-gesundheit"
+				
+				
+				>Gesundheit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-kunst-kultur3"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-kunst-kultur3"
+				 data-variant="poi-kunst-kultur"
+				
+				
+				>Kunst &amp; Kultur</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-wissenswertes4"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-wissenswertes4"
+				 data-variant="poi-wissenswertes"
+				
+				
+				>Wissenswertes</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-freizeit5"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-freizeit5"
+				 data-variant="poi-freizeit"
+				
+				
+				>Freizeit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-zivile-rel-einrichtungen6"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-zivile-rel-einrichtungen6"
+				 data-variant="poi-zivile-rel-einrichtungen"
+				
+				
+				>Zivile &amp; reli. Einrichtungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-dienstleistungen7"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-dienstleistungen7"
+				 data-variant="poi-dienstleistungen"
+				
+				
+				>Dienstleistungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-db-services-einrichtung8"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-db-services-einrichtung8"
+				 data-variant="poi-db-services-einrichtung"
+				
+				
+				>DB Services &amp; Einrichtung</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-wegeleitung9"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-wegeleitung9"
+				 data-variant="poi-wegeleitung"
+				
+				
+				>Wegeleitung</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-chips" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Filter chips","patternPartial":"elements-chips","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":10}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-chips-type-selection" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-chips-chips-type-selection&#x2F;elements-chips-chips-type-selection.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-chips-type-selection" title="Link to Pattern">
+						Selection chips
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-chips-type-selection" data-patternpartial="elements-chips-type-selection" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-chips-type-selection">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+					<input
+			class="elm-chip"
+			type="radio"
+			id="chip-single-chip01"
+			name="selection"
+			data-type="selection"
+			>
+		<label
+			for="chip-single-chip01"
+			
+			
+			
+			>Title</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-light0"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-light0"
+				 data-variant="light"
+				
+				
+				>Light</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-warning1"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-warning1"
+				 data-variant="warning"
+				
+				
+				>Warning</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-error2"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-error2"
+				 data-variant="error"
+				
+				
+				>Error</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-informative3"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-informative3"
+				 data-variant="informative"
+				
+				
+				>Informative</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-success4"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-success4"
+				 data-variant="success"
+				
+				
+				>Success</label>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-essen-trinken0"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-essen-trinken0"
+				 data-variant="poi-essen-trinken"
+				
+				
+				>Essen &amp; Trinken</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-einkaufen1"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-einkaufen1"
+				 data-variant="poi-einkaufen"
+				
+				
+				>Einkaufen</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-gesundheit2"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-gesundheit2"
+				 data-variant="poi-gesundheit"
+				
+				
+				>Gesundheit</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-kunst-kultur3"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-kunst-kultur3"
+				 data-variant="poi-kunst-kultur"
+				
+				
+				>Kunst &amp; Kultur</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-wissenswertes4"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-wissenswertes4"
+				 data-variant="poi-wissenswertes"
+				
+				
+				>Wissenswertes</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-freizeit5"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-freizeit5"
+				 data-variant="poi-freizeit"
+				
+				
+				>Freizeit</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-zivile-rel-einrichtungen6"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-zivile-rel-einrichtungen6"
+				 data-variant="poi-zivile-rel-einrichtungen"
+				
+				
+				>Zivile &amp; reli. Einrichtungen</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-dienstleistungen7"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-dienstleistungen7"
+				 data-variant="poi-dienstleistungen"
+				
+				
+				>Dienstleistungen</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-db-services-einrichtung8"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-db-services-einrichtung8"
+				 data-variant="poi-db-services-einrichtung"
+				
+				
+				>DB Services &amp; Einrichtung</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-wegeleitung9"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-wegeleitung9"
+				 data-variant="poi-wegeleitung"
+				
+				
+				>Wegeleitung</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-chips-type-selection" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Selection chips","patternPartial":"elements-chips-type-selection","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":20}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-chips-with-icon" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-chips-chips-with-icon&#x2F;elements-chips-chips-with-icon.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-chips-with-icon" title="Link to Pattern">
+						Chips with icon
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-chips-with-icon" data-patternpartial="elements-chips-with-icon" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-chips-with-icon">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+					<p>	<input
+		class="elm-chip"
+		type="checkbox"
+		id="chip-multiple-0"
+		data-type="filter"
+		>
+	<label
+		for="chip-multiple-0"
+		
+		 data-icon="alert"
+		
+		>Title</label>
+</p>
+		<p>	<input
+		class="elm-chip"
+		type="checkbox"
+		id="chip-multiple-1"
+		data-type="filter"
+		>
+	<label
+		for="chip-multiple-1"
+		
+		
+		 data-icon-after="account"
+		>Title</label>
+</p>
+		<p>	<input
+		class="elm-chip"
+		type="checkbox"
+		id="chip-multiple-2"
+		data-type="filter"
+		>
+	<label
+		for="chip-multiple-2"
+		
+		 data-icon="alert"
+		 data-icon-after="account"
+		>Title</label>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-chips-with-icon" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Chips with icon","patternPartial":"elements-chips-with-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":30}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-chips-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-chips-chips-disabled&#x2F;elements-chips-chips-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-chips-disabled" title="Link to Pattern">
+						Chips – disabled
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-chips-disabled" data-patternpartial="elements-chips-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-chips-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+					<input
+			class="elm-chip"
+			type="checkbox"
+			id="chip-multiple-disabled-chip01"
+			data-type="filter"
+			 disabled>
+		<label
+			for="chip-multiple-disabled-chip01"
+			
+			
+			
+			>Title</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-light0"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-light0"
+				 data-variant="light"
+				
+				
+				>Light</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-warning1"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-warning1"
+				 data-variant="warning"
+				
+				
+				>Warning</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-error2"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-error2"
+				 data-variant="error"
+				
+				
+				>Error</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-informative3"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-informative3"
+				 data-variant="informative"
+				
+				
+				>Informative</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-success4"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-success4"
+				 data-variant="success"
+				
+				
+				>Success</label>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-essen-trinken0"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-essen-trinken0"
+				 data-variant="poi-essen-trinken"
+				
+				
+				>Essen &amp; Trinken</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-einkaufen1"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-einkaufen1"
+				 data-variant="poi-einkaufen"
+				
+				
+				>Einkaufen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-gesundheit2"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-gesundheit2"
+				 data-variant="poi-gesundheit"
+				
+				
+				>Gesundheit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-kunst-kultur3"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-kunst-kultur3"
+				 data-variant="poi-kunst-kultur"
+				
+				
+				>Kunst &amp; Kultur</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-wissenswertes4"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-wissenswertes4"
+				 data-variant="poi-wissenswertes"
+				
+				
+				>Wissenswertes</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-freizeit5"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-freizeit5"
+				 data-variant="poi-freizeit"
+				
+				
+				>Freizeit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-zivile-rel-einrichtungen6"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-zivile-rel-einrichtungen6"
+				 data-variant="poi-zivile-rel-einrichtungen"
+				
+				
+				>Zivile &amp; reli. Einrichtungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-dienstleistungen7"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-dienstleistungen7"
+				 data-variant="poi-dienstleistungen"
+				
+				
+				>Dienstleistungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-db-services-einrichtung8"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-db-services-einrichtung8"
+				 data-variant="poi-db-services-einrichtung"
+				
+				
+				>DB Services &amp; Einrichtung</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-wegeleitung9"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-wegeleitung9"
+				 data-variant="poi-wegeleitung"
+				
+				
+				>Wegeleitung</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-chips-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Chips – disabled","patternPartial":"elements-chips-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":40}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-elements-chips"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-elements-chips"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.hbs b/review/refactor-icon-update/patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.hbs
new file mode 100644
index 0000000000..37946ccd31
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.hbs
@@ -0,0 +1,2 @@
+{{> elements-logo }}
+{{> elements-headline }}
diff --git a/review/refactor-icon-update/patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.markup-only.html b/review/refactor-icon-update/patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.markup-only.html
new file mode 100644
index 0000000000..a20baf4bb7
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.markup-only.html
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	class="elm-logo"
+	>
+	<use href="../../images/db_logo.svg#logo"></use>
+</svg>
+<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+<h2 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h2>
diff --git a/review/refactor-icon-update/patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html b/review/refactor-icon-update/patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html
new file mode 100644
index 0000000000..cee89e44e0
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html
@@ -0,0 +1,125 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<svg xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	class="elm-logo"
+	>
+	<use href="../../images/db_logo.svg#logo"></use>
+</svg>
+<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+<h2 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h2>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline Pulse","patternPartial":"elements-headline-pulse","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline Pulse","patternPartial":"elements-headline-pulse","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-headline-headline/elements-headline-headline.hbs b/review/refactor-icon-update/patterns/elements-headline-headline/elements-headline-headline.hbs
new file mode 100644
index 0000000000..04a09d58d4
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-headline-headline/elements-headline-headline.hbs
@@ -0,0 +1,2 @@
+<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+<h{{ type }} class="elm-headline {{ styleModifier }}"{{#if id}} id="{{id}}"{{/if }}{{#if pulse}} data-pulse{{/if }}>{{ text }}</h{{ type }}>
diff --git a/review/refactor-icon-update/patterns/elements-headline-headline/elements-headline-headline.markup-only.html b/review/refactor-icon-update/patterns/elements-headline-headline/elements-headline-headline.markup-only.html
new file mode 100644
index 0000000000..1f6a3d86ab
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-headline-headline/elements-headline-headline.markup-only.html
@@ -0,0 +1,2 @@
+<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+<h2 class="elm-headline ">Lorem ipsum dolores sint</h2>
diff --git a/review/refactor-icon-update/patterns/elements-headline-headline/elements-headline-headline.rendered.html b/review/refactor-icon-update/patterns/elements-headline-headline/elements-headline-headline.rendered.html
new file mode 100644
index 0000000000..b913edcb73
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-headline-headline/elements-headline-headline.rendered.html
@@ -0,0 +1,119 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+<h2 class="elm-headline ">Lorem ipsum dolores sint</h2>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline","patternPartial":"elements-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline","patternPartial":"elements-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-headline/index.html b/review/refactor-icon-update/patterns/elements-headline/index.html
new file mode 100644
index 0000000000..ddd1320f82
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-headline/index.html
@@ -0,0 +1,237 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-elements-headline" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-headline&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-headline">Headline</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Pulse</h2>
+<p>You could add the DB Pulse to the headline element by adding the <code>data-pulse</code> attribute – we're taking care of sizing it accordingly to the DB logo if this one is also present on the same page, as defined by the rules on the Marketingportal regarding the <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/foundation/Logo">logo</a> and the <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/foundation/Puls">pulse</a>.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-headline" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-headline-headline&#x2F;elements-headline-headline.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-headline" title="Link to Pattern">
+						Headline
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-headline" data-patternpartial="elements-headline" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-headline">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+<h2 class="elm-headline ">Lorem ipsum dolores sint</h2>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-headline" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline","patternPartial":"elements-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-headline-pulse" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-headline-headline-pulse&#x2F;elements-headline-headline-pulse.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-headline-pulse" title="Link to Pattern">
+						Headline Pulse
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-headline-pulse" data-patternpartial="elements-headline-pulse" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-headline-pulse">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	class="elm-logo"
+	>
+	<use href="../../images/db_logo.svg#logo"></use>
+</svg>
+<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+<h2 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h2>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-headline-pulse" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline Pulse","patternPartial":"elements-headline-pulse","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-elements-headline"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-elements-headline"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-image-image-avif/elements-image-image-avif.hbs b/review/refactor-icon-update/patterns/elements-image-image-avif/elements-image-image-avif.hbs
new file mode 100644
index 0000000000..941793d711
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image-avif/elements-image-image-avif.hbs
@@ -0,0 +1,17 @@
+{{#if caption}}<figure>{{/if }}
+	{{#if sources}}
+	<picture>
+		{{#each sources}}
+			<source srcset="{{ srcset }}" {{#if media}} media="{{ media }}" {{/if }}{{#if type}} type="{{ type }}" {{/if }}>
+		{{/each }}
+		{{/if }}
+		{{! TODO: We need to integrate the responsive image attributes as well as think whether and how we would like to
+		output this element within the patternlab itself }}
+		<img src="{{ src }}" alt="{{ alt }}" width="{{ width }}" height="{{ height }}"
+			class="elm-image {{ styleModifier }}" {{#if role }} role="{{ role }}" {{/if }}{{#if lazy}} loading="lazy"
+			{{/if }}{{#if srcset}} srcset="{{ srcset }}" {{/if }} {{#if caption}} aria-labelledby="caption01" {{/if
+			}}{{#if elementtiming }} elementtiming="{{ elementtiming }}" {{/if }}>
+		{{#if sources}}
+	</picture>{{/if }}
+	{{#if caption}}<figcaption id="caption01">{{ caption }}</figcaption>
+</figure>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-image-image-avif/elements-image-image-avif.markup-only.html b/review/refactor-icon-update/patterns/elements-image-image-avif/elements-image-image-avif.markup-only.html
new file mode 100644
index 0000000000..9c30054e53
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image-avif/elements-image-image-avif.markup-only.html
@@ -0,0 +1,7 @@
+
+	<picture>
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.avif"  type="image/avif" >
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+	</picture>
+	
diff --git a/review/refactor-icon-update/patterns/elements-image-image-avif/elements-image-image-avif.rendered.html b/review/refactor-icon-update/patterns/elements-image-image-avif/elements-image-image-avif.rendered.html
new file mode 100644
index 0000000000..6bac2ace5f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image-avif/elements-image-image-avif.rendered.html
@@ -0,0 +1,124 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+	<picture>
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.avif"  type="image/avif" >
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+	</picture>
+	
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>The <code>type</code> attribute on the <code>&lt;source&gt;</code> element within the <code>&lt;picture&gt;</code> HTML tag</h2>\n<blockquote>\n<p>The <code>type</code> attribute specifies a <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types\">MIME type</a> for the resource URL(s) in the <code>&lt;source&gt;</code> element's <code>srcset</code> attribute. If the user agent does not support the given type, the <code>&lt;source&gt;</code> element is skipped.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - AVIF","patternPartial":"elements-image-avif","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>The <code>type</code> attribute on the <code>&lt;source&gt;</code> element within the <code>&lt;picture&gt;</code> HTML tag</h2>\n<blockquote>\n<p>The <code>type</code> attribute specifies a <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types\">MIME type</a> for the resource URL(s) in the <code>&lt;source&gt;</code> element's <code>srcset</code> attribute. If the user agent does not support the given type, the <code>&lt;source&gt;</code> element is skipped.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - AVIF","patternPartial":"elements-image-avif","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-image-image-lazy-loading/elements-image-image-lazy-loading.hbs b/review/refactor-icon-update/patterns/elements-image-image-lazy-loading/elements-image-image-lazy-loading.hbs
new file mode 100644
index 0000000000..941793d711
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image-lazy-loading/elements-image-image-lazy-loading.hbs
@@ -0,0 +1,17 @@
+{{#if caption}}<figure>{{/if }}
+	{{#if sources}}
+	<picture>
+		{{#each sources}}
+			<source srcset="{{ srcset }}" {{#if media}} media="{{ media }}" {{/if }}{{#if type}} type="{{ type }}" {{/if }}>
+		{{/each }}
+		{{/if }}
+		{{! TODO: We need to integrate the responsive image attributes as well as think whether and how we would like to
+		output this element within the patternlab itself }}
+		<img src="{{ src }}" alt="{{ alt }}" width="{{ width }}" height="{{ height }}"
+			class="elm-image {{ styleModifier }}" {{#if role }} role="{{ role }}" {{/if }}{{#if lazy}} loading="lazy"
+			{{/if }}{{#if srcset}} srcset="{{ srcset }}" {{/if }} {{#if caption}} aria-labelledby="caption01" {{/if
+			}}{{#if elementtiming }} elementtiming="{{ elementtiming }}" {{/if }}>
+		{{#if sources}}
+	</picture>{{/if }}
+	{{#if caption}}<figcaption id="caption01">{{ caption }}</figcaption>
+</figure>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-image-image-lazy-loading/elements-image-image-lazy-loading.markup-only.html b/review/refactor-icon-update/patterns/elements-image-image-lazy-loading/elements-image-image-lazy-loading.markup-only.html
new file mode 100644
index 0000000000..f9b43754b9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image-lazy-loading/elements-image-image-lazy-loading.markup-only.html
@@ -0,0 +1,6 @@
+
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  loading="lazy"
+			 >
+
+	
diff --git a/review/refactor-icon-update/patterns/elements-image-image-lazy-loading/elements-image-image-lazy-loading.rendered.html b/review/refactor-icon-update/patterns/elements-image-image-lazy-loading/elements-image-image-lazy-loading.rendered.html
new file mode 100644
index 0000000000..d52ac79056
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image-lazy-loading/elements-image-image-lazy-loading.rendered.html
@@ -0,0 +1,123 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  loading="lazy"
+			 >
+
+	
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>JavaScript polyfill necessary for any browser except Google Chrome greater/equal version 79</h2>\n<p>In case you'd like to use the native image lazy loading functionality and you would like to emulate the functionality in other browsers than &quot;just&quot; actual versions of Google Chrome, you might want to use a polyfill: <a href=\"https://github.com/mfranzke/loading-attribute-polyfill\">https://github.com/mfranzke/loading-attribute-polyfill</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - Lazy loading","patternPartial":"elements-image-lazy-loading","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>JavaScript polyfill necessary for any browser except Google Chrome greater/equal version 79</h2>\n<p>In case you'd like to use the native image lazy loading functionality and you would like to emulate the functionality in other browsers than &quot;just&quot; actual versions of Google Chrome, you might want to use a polyfill: <a href=\"https://github.com/mfranzke/loading-attribute-polyfill\">https://github.com/mfranzke/loading-attribute-polyfill</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - Lazy loading","patternPartial":"elements-image-lazy-loading","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-image-image-responsive-density/elements-image-image-responsive-density.hbs b/review/refactor-icon-update/patterns/elements-image-image-responsive-density/elements-image-image-responsive-density.hbs
new file mode 100644
index 0000000000..941793d711
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image-responsive-density/elements-image-image-responsive-density.hbs
@@ -0,0 +1,17 @@
+{{#if caption}}<figure>{{/if }}
+	{{#if sources}}
+	<picture>
+		{{#each sources}}
+			<source srcset="{{ srcset }}" {{#if media}} media="{{ media }}" {{/if }}{{#if type}} type="{{ type }}" {{/if }}>
+		{{/each }}
+		{{/if }}
+		{{! TODO: We need to integrate the responsive image attributes as well as think whether and how we would like to
+		output this element within the patternlab itself }}
+		<img src="{{ src }}" alt="{{ alt }}" width="{{ width }}" height="{{ height }}"
+			class="elm-image {{ styleModifier }}" {{#if role }} role="{{ role }}" {{/if }}{{#if lazy}} loading="lazy"
+			{{/if }}{{#if srcset}} srcset="{{ srcset }}" {{/if }} {{#if caption}} aria-labelledby="caption01" {{/if
+			}}{{#if elementtiming }} elementtiming="{{ elementtiming }}" {{/if }}>
+		{{#if sources}}
+	</picture>{{/if }}
+	{{#if caption}}<figcaption id="caption01">{{ caption }}</figcaption>
+</figure>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-image-image-responsive-density/elements-image-image-responsive-density.markup-only.html b/review/refactor-icon-update/patterns/elements-image-image-responsive-density/elements-image-image-responsive-density.markup-only.html
new file mode 100644
index 0000000000..df97b78fca
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image-responsive-density/elements-image-image-responsive-density.markup-only.html
@@ -0,0 +1,5 @@
+
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.mozjpeg.jpg 2x, ../../samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.mozjpeg.jpg 3x"  >
+
+	
diff --git a/review/refactor-icon-update/patterns/elements-image-image-responsive-density/elements-image-image-responsive-density.rendered.html b/review/refactor-icon-update/patterns/elements-image-image-responsive-density/elements-image-image-responsive-density.rendered.html
new file mode 100644
index 0000000000..ecf696dac3
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image-responsive-density/elements-image-image-responsive-density.rendered.html
@@ -0,0 +1,122 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.mozjpeg.jpg 2x, ../../samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.mozjpeg.jpg 3x"  >
+
+	
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h3>Set via <code>x</code> or <code>w</code> descriptors within the <code>srcset</code> attribute</h3>\n<blockquote>\n<p>One or more strings separated by commas, indicating possible image sources for the user agent to use. Each string is composed of:</p>\n<ul>\n<li>\n<p>A URL to an image</p>\n</li>\n<li>\n<p>Optionally, whitespace followed by one of:</p>\n<ul>\n<li>A width descriptor (a positive integer directly followed by <code>w</code>). The width descriptor is divided by the source size given in the <code>sizes</code> attribute to calculate the effective pixel density.</li>\n<li>A pixel density descriptor (a positive floating point number directly followed by <code>x</code>).</li>\n</ul>\n</li>\n</ul>\n<p>If no descriptor is specified, the source is assigned the default descriptor of <code>1x</code>.</p>\n<p>It is incorrect to mix width descriptors and pixel density descriptors in the same <code>srcset</code> attribute. Duplicate descriptors (for instance, two sources in the same <code>srcset</code> which are both described with <code>2x</code>) are also invalid.</p>\n<p>The user agent selects any of the available sources at its discretion. This provides them with significant leeway to tailor their selection based on things like user preferences or bandwidth conditions. See our Responsive images tutorial for an example.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img#attr-srcset\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img#attr-srcset</a></p>\n<p>Further information in general regarding Responsive images: <a href=\"https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images\">https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - Responsive and pixel density","patternPartial":"elements-image-responsive-density","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h3>Set via <code>x</code> or <code>w</code> descriptors within the <code>srcset</code> attribute</h3>\n<blockquote>\n<p>One or more strings separated by commas, indicating possible image sources for the user agent to use. Each string is composed of:</p>\n<ul>\n<li>\n<p>A URL to an image</p>\n</li>\n<li>\n<p>Optionally, whitespace followed by one of:</p>\n<ul>\n<li>A width descriptor (a positive integer directly followed by <code>w</code>). The width descriptor is divided by the source size given in the <code>sizes</code> attribute to calculate the effective pixel density.</li>\n<li>A pixel density descriptor (a positive floating point number directly followed by <code>x</code>).</li>\n</ul>\n</li>\n</ul>\n<p>If no descriptor is specified, the source is assigned the default descriptor of <code>1x</code>.</p>\n<p>It is incorrect to mix width descriptors and pixel density descriptors in the same <code>srcset</code> attribute. Duplicate descriptors (for instance, two sources in the same <code>srcset</code> which are both described with <code>2x</code>) are also invalid.</p>\n<p>The user agent selects any of the available sources at its discretion. This provides them with significant leeway to tailor their selection based on things like user preferences or bandwidth conditions. See our Responsive images tutorial for an example.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img#attr-srcset\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img#attr-srcset</a></p>\n<p>Further information in general regarding Responsive images: <a href=\"https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images\">https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - Responsive and pixel density","patternPartial":"elements-image-responsive-density","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-image-image-responsive-mediaquery/elements-image-image-responsive-mediaquery.hbs b/review/refactor-icon-update/patterns/elements-image-image-responsive-mediaquery/elements-image-image-responsive-mediaquery.hbs
new file mode 100644
index 0000000000..941793d711
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image-responsive-mediaquery/elements-image-image-responsive-mediaquery.hbs
@@ -0,0 +1,17 @@
+{{#if caption}}<figure>{{/if }}
+	{{#if sources}}
+	<picture>
+		{{#each sources}}
+			<source srcset="{{ srcset }}" {{#if media}} media="{{ media }}" {{/if }}{{#if type}} type="{{ type }}" {{/if }}>
+		{{/each }}
+		{{/if }}
+		{{! TODO: We need to integrate the responsive image attributes as well as think whether and how we would like to
+		output this element within the patternlab itself }}
+		<img src="{{ src }}" alt="{{ alt }}" width="{{ width }}" height="{{ height }}"
+			class="elm-image {{ styleModifier }}" {{#if role }} role="{{ role }}" {{/if }}{{#if lazy}} loading="lazy"
+			{{/if }}{{#if srcset}} srcset="{{ srcset }}" {{/if }} {{#if caption}} aria-labelledby="caption01" {{/if
+			}}{{#if elementtiming }} elementtiming="{{ elementtiming }}" {{/if }}>
+		{{#if sources}}
+	</picture>{{/if }}
+	{{#if caption}}<figcaption id="caption01">{{ caption }}</figcaption>
+</figure>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-image-image-responsive-mediaquery/elements-image-image-responsive-mediaquery.markup-only.html b/review/refactor-icon-update/patterns/elements-image-image-responsive-mediaquery/elements-image-image-responsive-mediaquery.markup-only.html
new file mode 100644
index 0000000000..1c802a7446
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image-responsive-mediaquery/elements-image-image-responsive-mediaquery.markup-only.html
@@ -0,0 +1,8 @@
+
+	<picture>
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.mozjpeg.jpg"  media="(min-width: 1100px)" >
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.mozjpeg.jpg"  media="(min-width: 700px)" >
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+	</picture>
+	
diff --git a/review/refactor-icon-update/patterns/elements-image-image-responsive-mediaquery/elements-image-image-responsive-mediaquery.rendered.html b/review/refactor-icon-update/patterns/elements-image-image-responsive-mediaquery/elements-image-image-responsive-mediaquery.rendered.html
new file mode 100644
index 0000000000..9938ec6c20
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image-responsive-mediaquery/elements-image-image-responsive-mediaquery.rendered.html
@@ -0,0 +1,125 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+	<picture>
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.mozjpeg.jpg"  media="(min-width: 1100px)" >
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.mozjpeg.jpg"  media="(min-width: 700px)" >
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+	</picture>
+	
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>The <code>media</code> attribute on the <code>&lt;source&gt;</code> element within the <code>&lt;picture&gt;</code> HTML tag</h2>\n<blockquote>\n<p>The <code>media</code> attribute specifies a media condition (similar to a media query) that the user agent will evaluate for each <code>&lt;source&gt;</code> element. If the media condition evaluates to <code>false</code>, its <code>&lt;source&gt;</code> element is skipped.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_media_attribute\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_media_attribute</a></p>\n<p>Further information in general regarding Responsive images: <a href=\"https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images\">https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - Responsive mediaquery","patternPartial":"elements-image-responsive-mediaquery","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>The <code>media</code> attribute on the <code>&lt;source&gt;</code> element within the <code>&lt;picture&gt;</code> HTML tag</h2>\n<blockquote>\n<p>The <code>media</code> attribute specifies a media condition (similar to a media query) that the user agent will evaluate for each <code>&lt;source&gt;</code> element. If the media condition evaluates to <code>false</code>, its <code>&lt;source&gt;</code> element is skipped.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_media_attribute\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_media_attribute</a></p>\n<p>Further information in general regarding Responsive images: <a href=\"https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images\">https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - Responsive mediaquery","patternPartial":"elements-image-responsive-mediaquery","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-image-image-webp/elements-image-image-webp.hbs b/review/refactor-icon-update/patterns/elements-image-image-webp/elements-image-image-webp.hbs
new file mode 100644
index 0000000000..941793d711
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image-webp/elements-image-image-webp.hbs
@@ -0,0 +1,17 @@
+{{#if caption}}<figure>{{/if }}
+	{{#if sources}}
+	<picture>
+		{{#each sources}}
+			<source srcset="{{ srcset }}" {{#if media}} media="{{ media }}" {{/if }}{{#if type}} type="{{ type }}" {{/if }}>
+		{{/each }}
+		{{/if }}
+		{{! TODO: We need to integrate the responsive image attributes as well as think whether and how we would like to
+		output this element within the patternlab itself }}
+		<img src="{{ src }}" alt="{{ alt }}" width="{{ width }}" height="{{ height }}"
+			class="elm-image {{ styleModifier }}" {{#if role }} role="{{ role }}" {{/if }}{{#if lazy}} loading="lazy"
+			{{/if }}{{#if srcset}} srcset="{{ srcset }}" {{/if }} {{#if caption}} aria-labelledby="caption01" {{/if
+			}}{{#if elementtiming }} elementtiming="{{ elementtiming }}" {{/if }}>
+		{{#if sources}}
+	</picture>{{/if }}
+	{{#if caption}}<figcaption id="caption01">{{ caption }}</figcaption>
+</figure>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-image-image-webp/elements-image-image-webp.markup-only.html b/review/refactor-icon-update/patterns/elements-image-image-webp/elements-image-image-webp.markup-only.html
new file mode 100644
index 0000000000..db8dd1e384
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image-webp/elements-image-image-webp.markup-only.html
@@ -0,0 +1,7 @@
+
+	<picture>
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.webp"  type="image/webp" >
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+	</picture>
+	
diff --git a/review/refactor-icon-update/patterns/elements-image-image-webp/elements-image-image-webp.rendered.html b/review/refactor-icon-update/patterns/elements-image-image-webp/elements-image-image-webp.rendered.html
new file mode 100644
index 0000000000..9b2150063f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image-webp/elements-image-image-webp.rendered.html
@@ -0,0 +1,124 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+	<picture>
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.webp"  type="image/webp" >
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+	</picture>
+	
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>The <code>type</code> attribute on the <code>&lt;source&gt;</code> element within the <code>&lt;picture&gt;</code> HTML tag</h2>\n<blockquote>\n<p>The <code>type</code> attribute specifies a <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types\">MIME type</a> for the resource URL(s) in the <code>&lt;source&gt;</code> element's <code>srcset</code> attribute. If the user agent does not support the given type, the <code>&lt;source&gt;</code> element is skipped.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - WebP","patternPartial":"elements-image-webp","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>The <code>type</code> attribute on the <code>&lt;source&gt;</code> element within the <code>&lt;picture&gt;</code> HTML tag</h2>\n<blockquote>\n<p>The <code>type</code> attribute specifies a <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types\">MIME type</a> for the resource URL(s) in the <code>&lt;source&gt;</code> element's <code>srcset</code> attribute. If the user agent does not support the given type, the <code>&lt;source&gt;</code> element is skipped.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - WebP","patternPartial":"elements-image-webp","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-image-image-with-caption/elements-image-image-with-caption.hbs b/review/refactor-icon-update/patterns/elements-image-image-with-caption/elements-image-image-with-caption.hbs
new file mode 100644
index 0000000000..941793d711
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image-with-caption/elements-image-image-with-caption.hbs
@@ -0,0 +1,17 @@
+{{#if caption}}<figure>{{/if }}
+	{{#if sources}}
+	<picture>
+		{{#each sources}}
+			<source srcset="{{ srcset }}" {{#if media}} media="{{ media }}" {{/if }}{{#if type}} type="{{ type }}" {{/if }}>
+		{{/each }}
+		{{/if }}
+		{{! TODO: We need to integrate the responsive image attributes as well as think whether and how we would like to
+		output this element within the patternlab itself }}
+		<img src="{{ src }}" alt="{{ alt }}" width="{{ width }}" height="{{ height }}"
+			class="elm-image {{ styleModifier }}" {{#if role }} role="{{ role }}" {{/if }}{{#if lazy}} loading="lazy"
+			{{/if }}{{#if srcset}} srcset="{{ srcset }}" {{/if }} {{#if caption}} aria-labelledby="caption01" {{/if
+			}}{{#if elementtiming }} elementtiming="{{ elementtiming }}" {{/if }}>
+		{{#if sources}}
+	</picture>{{/if }}
+	{{#if caption}}<figcaption id="caption01">{{ caption }}</figcaption>
+</figure>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-image-image-with-caption/elements-image-image-with-caption.markup-only.html b/review/refactor-icon-update/patterns/elements-image-image-with-caption/elements-image-image-with-caption.markup-only.html
new file mode 100644
index 0000000000..7da6852547
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image-with-caption/elements-image-image-with-caption.markup-only.html
@@ -0,0 +1,6 @@
+<figure>
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "   aria-labelledby="caption01" >
+
+	<figcaption id="caption01">DB Regio train at Munich mainstation</figcaption>
+</figure>
diff --git a/review/refactor-icon-update/patterns/elements-image-image-with-caption/elements-image-image-with-caption.rendered.html b/review/refactor-icon-update/patterns/elements-image-image-with-caption/elements-image-image-with-caption.rendered.html
new file mode 100644
index 0000000000..b0448f08c3
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image-with-caption/elements-image-image-with-caption.rendered.html
@@ -0,0 +1,123 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<figure>
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "   aria-labelledby="caption01" >
+
+	<figcaption id="caption01">DB Regio train at Munich mainstation</figcaption>
+</figure>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - with caption","patternPartial":"elements-image-with-caption","patternState":"inevaluation","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - with caption","patternPartial":"elements-image-with-caption","patternState":"inevaluation","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-image-image/elements-image-image.hbs b/review/refactor-icon-update/patterns/elements-image-image/elements-image-image.hbs
new file mode 100644
index 0000000000..941793d711
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image/elements-image-image.hbs
@@ -0,0 +1,17 @@
+{{#if caption}}<figure>{{/if }}
+	{{#if sources}}
+	<picture>
+		{{#each sources}}
+			<source srcset="{{ srcset }}" {{#if media}} media="{{ media }}" {{/if }}{{#if type}} type="{{ type }}" {{/if }}>
+		{{/each }}
+		{{/if }}
+		{{! TODO: We need to integrate the responsive image attributes as well as think whether and how we would like to
+		output this element within the patternlab itself }}
+		<img src="{{ src }}" alt="{{ alt }}" width="{{ width }}" height="{{ height }}"
+			class="elm-image {{ styleModifier }}" {{#if role }} role="{{ role }}" {{/if }}{{#if lazy}} loading="lazy"
+			{{/if }}{{#if srcset}} srcset="{{ srcset }}" {{/if }} {{#if caption}} aria-labelledby="caption01" {{/if
+			}}{{#if elementtiming }} elementtiming="{{ elementtiming }}" {{/if }}>
+		{{#if sources}}
+	</picture>{{/if }}
+	{{#if caption}}<figcaption id="caption01">{{ caption }}</figcaption>
+</figure>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-image-image/elements-image-image.markup-only.html b/review/refactor-icon-update/patterns/elements-image-image/elements-image-image.markup-only.html
new file mode 100644
index 0000000000..628961134e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image/elements-image-image.markup-only.html
@@ -0,0 +1,5 @@
+
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+
+	
diff --git a/review/refactor-icon-update/patterns/elements-image-image/elements-image-image.rendered.html b/review/refactor-icon-update/patterns/elements-image-image/elements-image-image.rendered.html
new file mode 100644
index 0000000000..fd2d095c33
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image-image/elements-image-image.rendered.html
@@ -0,0 +1,122 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+
+	
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"lineageR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image","patternPartial":"elements-image","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"lineageR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image","patternPartial":"elements-image","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-image/index.html b/review/refactor-icon-update/patterns/elements-image/index.html
new file mode 100644
index 0000000000..3400dc09b9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-image/index.html
@@ -0,0 +1,539 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-elements-image" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-image&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-image">Image</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Responsive images: width, height and intrinsicsize</h2>
+<p>There has been some development the latest on the new proposed <code>intrinsicsize</code> attribute for images, that ended with the existing and well known attributes <code>width</code> and <code>height</code> will get used to compute that <code>intrinsicsize</code> directly via UA-stylesheets - so the responsive images and aspect-ratio comes without any costs and leads to that it even makes more sense than ever to fill out those attributes with the basic size of your image in the first place.</p>
+<p>For more information have a look at those articles and the standard/proposal:</p>
+<ul>
+<li><a href="https://css-tricks.com/what-if-we-got-aspect-ratio-sized-images-by-doing-almost-nothing/">https://css-tricks.com/what-if-we-got-aspect-ratio-sized-images-by-doing-almost-nothing/</a></li>
+<li><a href="https://css-tricks.com/do-this-to-improve-image-loading-on-your-website/">https://css-tricks.com/do-this-to-improve-image-loading-on-your-website/</a> (with video)</li>
+<li><a href="https://github.com/WICG/intrinsicsize-attribute/issues/16">https://github.com/WICG/intrinsicsize-attribute/issues/16</a></li>
+<li><a href="https://github.com/web-platform-tests/wpt/pull/18945">https://github.com/web-platform-tests/wpt/pull/18945</a></li>
+<li><a href="https://github.com/WICG/intrinsicsize-attribute/issues/4">https://github.com/WICG/intrinsicsize-attribute/issues/4</a></li>
+<li><a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images">https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images</a> (in general regarding Responsive images)</li>
+</ul>
+<h2>Image formats</h2>
+<h3>JPEG (AVIF and WebP as progressive enhancement) for photographs etc</h3>
+<blockquote>
+<p>Photographs typically fare well with lossy compression (depending on the encoder's configuration). This makes <code>JPEG</code> and <code>WebP</code> good choices for photographs, with <code>JPEG</code> being more compatible but <code>WebP</code> perhaps offering better compression. To maximize quality and minimize download time, consider providing both using a fallback with <code>WebP</code> as the first choice and <code>JPEG</code> as the second. Otherwise, <code>JPEG</code> is the safe choice for compatibility.</p>
+</blockquote>
+<p>Source: <a href="https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types#Photographs">https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types#Photographs</a></p>
+<p>Next to WebP you could experiment a little bit with the new <a href="https://twitter.com/addyosmani/status/1297463776879550464?s=11">image format <code>AVIF</code> that promises even lower file sizes than WebP</a> and <a href="https://caniuse.com/avif">increases in browser support</a>.</p>
+<p>Additionally have a look at Googles product &quot;Guetzli&quot;, that provides great <code>JPEG</code> compression rates as well: <a href="https://github.com/google/guetzli/">https://github.com/google/guetzli/</a></p>
+<p>And another tool even also resulted in fine compression rates - the main difference in between the both of them is that JPEGMini isn't available for free anymore: <a href="https://www.jpegmini.com">https://www.jpegmini.com</a></p>
+<p>Attention: <code>PNG</code> is even also often used for pictures, even though that the special capabilities of this format like partial transparency aren't being used. This leads to much huger filesizes in most cases, as the <code>JPEG</code> format is capable of much better compression rates than <code>PNG</code> in general, so you would have to check on this aspect individually and carefully.</p>
+<h3>Partialy transparent images</h3>
+<p>Regarding images that need to have some kind of full or partial transparency, you could use either <code>GIF</code> (full) or <code>PNG</code> (most likely <code>PNG-24</code> for partial) transparency.</p>
+<p>Or use SVG masks, as this beautiful concept shows: <a href="https://github.blog/2021-01-29-making-githubs-new-homepage-fast-and-performant/#serving-the-perfect-image">https://github.blog/2021-01-29-making-githubs-new-homepage-fast-and-performant/#serving-the-perfect-image</a></p>
+<h3>Diagrams, drawings, and charts</h3>
+<blockquote>
+<p>For any image that can be represented using vector graphics, <code>SVG</code> is the best choice. Otherwise, you should use a lossless format like <code>PNG</code>. If you do choose a lossy format, such as <code>JPEG</code> or lossy <code>WebP</code>, carefully weigh the compression level to avoid causing text or other shapes to become fuzzy or unclear.</p>
+</blockquote>
+<p>Source: <a href="https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types#Diagrams_drawings_and_charts">https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types#Diagrams_drawings_and_charts</a></p>
+<h2>Further image compressions</h2>
+<p>On top of the possibilities mentioned above regarding image optimizations (Google Guetzli &amp; JPEGMini) you could as well have a look at both <a href="https://pngmini.com">ImageAlpha (for PNG)</a> and <a href="https://imageoptim.com/">ImageOptim (for all)</a>, both available for Mac and the first <a href="https://pngquant.org">both both other GUI and command-line variants</a> and the latter as well as a webservice. Another great online tool that works entirely in the browser and doesn't even need to process your data on their servers (due to WebAssembly and some other cool stuff) is <a href="https://squoosh.app">https://squoosh.app</a>. Nowadays they additionally provide a CLI version of their software and new cool image formats, check out their version 2: <a href="https://web.dev/squoosh-v2/">https://web.dev/squoosh-v2/</a></p>
+<p>Some further information on this topic are provided on this page: <a href="https://dev.to/prototyp/optimizing-images-for-the-web-an-in-depth-guide-4j7d">https://dev.to/prototyp/optimizing-images-for-the-web-an-in-depth-guide-4j7d</a></p>
+<h2>Accessibility</h2>
+<h2>Always provide a link text</h2>
+<blockquote>
+<p>All links should have text that uniquely identifies the link target.</p>
+</blockquote>
+<p>Source: <a href="https://www.deque.com/blog/accessibility-strategies-for-your-content-team/#:~:text=Link%20Text">https://www.deque.com/blog/accessibility-strategies-for-your-content-team/#:~:text=Link Text</a></p>
+<h2>Alt text should communicate the main point</h2>
+<blockquote>
+<p>The key is to describe what you want your audience to get out of the image rather than a simple description of what the image is.</p>
+</blockquote>
+<p>Source: <a href="https://www.deque.com/blog/accessibility-strategies-for-your-content-team/#:~:text=Images">https://www.deque.com/blog/accessibility-strategies-for-your-content-team/#:~:text=Images</a></p>
+<h3>Using captions</h3>
+<p>For using captions it's recommended to use the <code>&lt;figure&gt;</code> and <code>&lt;figcaption&gt;</code> HTML tags - but please be aware that you <a href="https://www.hassellinclusion.com/blog/figure-figcaption-extended-alternate-text-screen-readers/">additionally need to enrich those via <code>aria-labelledby</code> or <code>aria-describedby</code> attributes to ensure that assistive technologies are recognizing the linkage of those tags on Windows</a>. It's mainly important to decide whether the <code>figcaption</code> HTML tags content is meant as a description or a label to choose one of those <code>aria-*</code> attributes correctly.</p>
+<blockquote>
+<p>When using the down arrow, NVDA announced all the <code>&lt;img&gt;</code> elements in turn except for the ones with empty or missing <code>alt</code> attributes. These were just completely ignored by the screen reader. Using <code>aria-labelledby</code> overrode any alternate text, and using <code>aria-describedby</code> added the ‘description’ into the alternate text. It’s interesting to note that using <code>aria-labelledby</code> also brought images with missing or empty alternate text to the attention of NVDA.</p>
+</blockquote>
+<p>Source: <a href="https://www.hassellinclusion.com/blog/figure-figcaption-extended-alternate-text-screen-readers/">https://www.hassellinclusion.com/blog/figure-figcaption-extended-alternate-text-screen-readers/</a></p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-image" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image&#x2F;elements-image-image.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image" title="Link to Pattern">
+						Image
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image" data-patternpartial="elements-image" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+
+	
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"lineageR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image","patternPartial":"elements-image","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-image-avif" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image-avif&#x2F;elements-image-image-avif.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image-avif" title="Link to Pattern">
+						Image - AVIF
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image-avif" data-patternpartial="elements-image-avif" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image-avif">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+	<picture>
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.avif"  type="image/avif" >
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+	</picture>
+	
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image-avif" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>The <code>type</code> attribute on the <code>&lt;source&gt;</code> element within the <code>&lt;picture&gt;</code> HTML tag</h2>\n<blockquote>\n<p>The <code>type</code> attribute specifies a <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types\">MIME type</a> for the resource URL(s) in the <code>&lt;source&gt;</code> element's <code>srcset</code> attribute. If the user agent does not support the given type, the <code>&lt;source&gt;</code> element is skipped.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - AVIF","patternPartial":"elements-image-avif","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-image-lazy-loading" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image-lazy-loading&#x2F;elements-image-image-lazy-loading.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image-lazy-loading" title="Link to Pattern">
+						Image - Lazy loading
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image-lazy-loading" data-patternpartial="elements-image-lazy-loading" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image-lazy-loading">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  loading="lazy"
+			 >
+
+	
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image-lazy-loading" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>JavaScript polyfill necessary for any browser except Google Chrome greater/equal version 79</h2>\n<p>In case you'd like to use the native image lazy loading functionality and you would like to emulate the functionality in other browsers than &quot;just&quot; actual versions of Google Chrome, you might want to use a polyfill: <a href=\"https://github.com/mfranzke/loading-attribute-polyfill\">https://github.com/mfranzke/loading-attribute-polyfill</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - Lazy loading","patternPartial":"elements-image-lazy-loading","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-image-responsive-density" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image-responsive-density&#x2F;elements-image-image-responsive-density.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image-responsive-density" title="Link to Pattern">
+						Image - Responsive and pixel density
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image-responsive-density" data-patternpartial="elements-image-responsive-density" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image-responsive-density">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.mozjpeg.jpg 2x, ../../samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.mozjpeg.jpg 3x"  >
+
+	
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image-responsive-density" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h3>Set via <code>x</code> or <code>w</code> descriptors within the <code>srcset</code> attribute</h3>\n<blockquote>\n<p>One or more strings separated by commas, indicating possible image sources for the user agent to use. Each string is composed of:</p>\n<ul>\n<li>\n<p>A URL to an image</p>\n</li>\n<li>\n<p>Optionally, whitespace followed by one of:</p>\n<ul>\n<li>A width descriptor (a positive integer directly followed by <code>w</code>). The width descriptor is divided by the source size given in the <code>sizes</code> attribute to calculate the effective pixel density.</li>\n<li>A pixel density descriptor (a positive floating point number directly followed by <code>x</code>).</li>\n</ul>\n</li>\n</ul>\n<p>If no descriptor is specified, the source is assigned the default descriptor of <code>1x</code>.</p>\n<p>It is incorrect to mix width descriptors and pixel density descriptors in the same <code>srcset</code> attribute. Duplicate descriptors (for instance, two sources in the same <code>srcset</code> which are both described with <code>2x</code>) are also invalid.</p>\n<p>The user agent selects any of the available sources at its discretion. This provides them with significant leeway to tailor their selection based on things like user preferences or bandwidth conditions. See our Responsive images tutorial for an example.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img#attr-srcset\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img#attr-srcset</a></p>\n<p>Further information in general regarding Responsive images: <a href=\"https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images\">https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - Responsive and pixel density","patternPartial":"elements-image-responsive-density","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-image-responsive-mediaquery" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image-responsive-mediaquery&#x2F;elements-image-image-responsive-mediaquery.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image-responsive-mediaquery" title="Link to Pattern">
+						Image - Responsive mediaquery
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image-responsive-mediaquery" data-patternpartial="elements-image-responsive-mediaquery" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image-responsive-mediaquery">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+	<picture>
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.mozjpeg.jpg"  media="(min-width: 1100px)" >
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.mozjpeg.jpg"  media="(min-width: 700px)" >
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+	</picture>
+	
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image-responsive-mediaquery" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>The <code>media</code> attribute on the <code>&lt;source&gt;</code> element within the <code>&lt;picture&gt;</code> HTML tag</h2>\n<blockquote>\n<p>The <code>media</code> attribute specifies a media condition (similar to a media query) that the user agent will evaluate for each <code>&lt;source&gt;</code> element. If the media condition evaluates to <code>false</code>, its <code>&lt;source&gt;</code> element is skipped.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_media_attribute\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_media_attribute</a></p>\n<p>Further information in general regarding Responsive images: <a href=\"https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images\">https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - Responsive mediaquery","patternPartial":"elements-image-responsive-mediaquery","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-image-webp" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image-webp&#x2F;elements-image-image-webp.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image-webp" title="Link to Pattern">
+						Image - WebP
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image-webp" data-patternpartial="elements-image-webp" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image-webp">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+	<picture>
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.webp"  type="image/webp" >
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+	</picture>
+	
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image-webp" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>The <code>type</code> attribute on the <code>&lt;source&gt;</code> element within the <code>&lt;picture&gt;</code> HTML tag</h2>\n<blockquote>\n<p>The <code>type</code> attribute specifies a <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types\">MIME type</a> for the resource URL(s) in the <code>&lt;source&gt;</code> element's <code>srcset</code> attribute. If the user agent does not support the given type, the <code>&lt;source&gt;</code> element is skipped.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - WebP","patternPartial":"elements-image-webp","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-image-with-caption" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image-with-caption&#x2F;elements-image-image-with-caption.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image-with-caption" title="Link to Pattern">
+						Image - with caption
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inevaluation" title="inevaluation"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image-with-caption" data-patternpartial="elements-image-with-caption" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image-with-caption">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<figure>
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "   aria-labelledby="caption01" >
+
+	<figcaption id="caption01">DB Regio train at Munich mainstation</figcaption>
+</figure>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image-with-caption" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - with caption","patternPartial":"elements-image-with-caption","patternState":"inevaluation","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-elements-image"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-elements-image"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.hbs b/review/refactor-icon-update/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.hbs
new file mode 100644
index 0000000000..56c3c5c154
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.hbs
@@ -0,0 +1,28 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="{{ type }}"
+	class="elm-input {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	name="{{ id }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{{ validation }}}
+	{{#if datalist }} list="datalist{{ id }}"{{/if }}
+	aria-labelledby="{{ id }}-label"
+	{{#if variant}} data-variant="{{variant}}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}>
+<label class="elm-label"
+	for="{{ id }}"
+	aria-hidden="true"
+	id="{{ id }}-label"
+	{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
+{{#if datalist }}<datalist id="datalist{{ id }}">
+	{{#each datalistItems }}
+		<option{{#if value }} value="{{ value }}"{{/if }}>{{ text }}</option>
+	{{/each }}
+</datalist>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.markup-only.html b/review/refactor-icon-update/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.markup-only.html
new file mode 100644
index 0000000000..6d14167af4
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.markup-only.html
@@ -0,0 +1,27 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input09"
+	id="input09"
+	
+	value="Ap"
+	
+	
+	
+	 list="datalistinput09"
+	aria-labelledby="input09-label"
+	
+	>
+<label class="elm-label"
+	for="input09"
+	aria-hidden="true"
+	id="input09-label"
+	>Textlabel</label>
+
+
+<datalist id="datalistinput09">
+		<option value="Apple Computers">Apple</option>
+		<option>Applify</option>
+		<option>App-Design</option>
+</datalist>
diff --git a/review/refactor-icon-update/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.rendered.html
new file mode 100644
index 0000000000..4f6e4297a7
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.rendered.html
@@ -0,0 +1,144 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input09"
+	id="input09"
+	
+	value="Ap"
+	
+	
+	
+	 list="datalistinput09"
+	aria-labelledby="input09-label"
+	
+	>
+<label class="elm-label"
+	for="input09"
+	aria-hidden="true"
+	id="input09-label"
+	>Textlabel</label>
+
+
+<datalist id="datalistinput09">
+		<option value="Apple Computers">Apple</option>
+		<option>Applify</option>
+		<option>App-Design</option>
+</datalist>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>You could easily integrate the possibility to provide auto suggestions to your input fields via the <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#list\"><code>list</code>-attribute</a> on the <code>input</code>-HTML-elements as well as adding the suggestions via the <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist\"><code>datalist</code>-HTML-element</a>.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - Auto suggestions","patternPartial":"elements-input-auto-suggest","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>You could easily integrate the possibility to provide auto suggestions to your input fields via the <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#list\"><code>list</code>-attribute</a> on the <code>input</code>-HTML-elements as well as adding the suggestions via the <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist\"><code>datalist</code>-HTML-element</a>.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - Auto suggestions","patternPartial":"elements-input-auto-suggest","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-input-input-description/elements-input-input-description.hbs b/review/refactor-icon-update/patterns/elements-input-input-description/elements-input-input-description.hbs
new file mode 100644
index 0000000000..56c3c5c154
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-description/elements-input-input-description.hbs
@@ -0,0 +1,28 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="{{ type }}"
+	class="elm-input {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	name="{{ id }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{{ validation }}}
+	{{#if datalist }} list="datalist{{ id }}"{{/if }}
+	aria-labelledby="{{ id }}-label"
+	{{#if variant}} data-variant="{{variant}}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}>
+<label class="elm-label"
+	for="{{ id }}"
+	aria-hidden="true"
+	id="{{ id }}-label"
+	{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
+{{#if datalist }}<datalist id="datalist{{ id }}">
+	{{#each datalistItems }}
+		<option{{#if value }} value="{{ value }}"{{/if }}>{{ text }}</option>
+	{{/each }}
+</datalist>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-input-input-description/elements-input-input-description.markup-only.html b/review/refactor-icon-update/patterns/elements-input-input-description/elements-input-input-description.markup-only.html
new file mode 100644
index 0000000000..ca4058960c
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-description/elements-input-input-description.markup-only.html
@@ -0,0 +1,23 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input02"
+	id="input02"
+	
+	value=""
+	 aria-describedby="input02hint"
+	
+	
+	
+	aria-labelledby="input02-label"
+	
+	>
+<label class="elm-label"
+	for="input02"
+	aria-hidden="true"
+	id="input02-label"
+	>Textlabel</label>
+
+<p id="input02hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
diff --git a/review/refactor-icon-update/patterns/elements-input-input-description/elements-input-input-description.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-description/elements-input-input-description.rendered.html
new file mode 100644
index 0000000000..63863d31a3
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-description/elements-input-input-description.rendered.html
@@ -0,0 +1,140 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input02"
+	id="input02"
+	
+	value=""
+	 aria-describedby="input02hint"
+	
+	
+	
+	aria-labelledby="input02-label"
+	
+	>
+<label class="elm-label"
+	for="input02"
+	aria-hidden="true"
+	id="input02-label"
+	>Textlabel</label>
+
+<p id="input02hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input with description","patternPartial":"elements-input-description","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input with description","patternPartial":"elements-input-description","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-input-input-disabled/elements-input-input-disabled.hbs b/review/refactor-icon-update/patterns/elements-input-input-disabled/elements-input-input-disabled.hbs
new file mode 100644
index 0000000000..56c3c5c154
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-disabled/elements-input-input-disabled.hbs
@@ -0,0 +1,28 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="{{ type }}"
+	class="elm-input {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	name="{{ id }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{{ validation }}}
+	{{#if datalist }} list="datalist{{ id }}"{{/if }}
+	aria-labelledby="{{ id }}-label"
+	{{#if variant}} data-variant="{{variant}}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}>
+<label class="elm-label"
+	for="{{ id }}"
+	aria-hidden="true"
+	id="{{ id }}-label"
+	{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
+{{#if datalist }}<datalist id="datalist{{ id }}">
+	{{#each datalistItems }}
+		<option{{#if value }} value="{{ value }}"{{/if }}>{{ text }}</option>
+	{{/each }}
+</datalist>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-input-input-disabled/elements-input-input-disabled.markup-only.html b/review/refactor-icon-update/patterns/elements-input-input-disabled/elements-input-input-disabled.markup-only.html
new file mode 100644
index 0000000000..ed9943141b
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-disabled/elements-input-input-disabled.markup-only.html
@@ -0,0 +1,23 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input05"
+	id="input05"
+	 disabled
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input05-label"
+	
+	>
+<label class="elm-label"
+	for="input05"
+	aria-hidden="true"
+	id="input05-label"
+	>Textlabel</label>
+
+
+
diff --git a/review/refactor-icon-update/patterns/elements-input-input-disabled/elements-input-input-disabled.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-disabled/elements-input-input-disabled.rendered.html
new file mode 100644
index 0000000000..cbf8a9eeef
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-disabled/elements-input-input-disabled.rendered.html
@@ -0,0 +1,140 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input05"
+	id="input05"
+	 disabled
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input05-label"
+	
+	>
+<label class="elm-label"
+	for="input05"
+	aria-hidden="true"
+	id="input05-label"
+	>Textlabel</label>
+
+
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - disabled state","patternPartial":"elements-input-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":8}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - disabled state","patternPartial":"elements-input-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":8}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-input-input-filled/elements-input-input-filled.hbs b/review/refactor-icon-update/patterns/elements-input-input-filled/elements-input-input-filled.hbs
new file mode 100644
index 0000000000..56c3c5c154
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-filled/elements-input-input-filled.hbs
@@ -0,0 +1,28 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="{{ type }}"
+	class="elm-input {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	name="{{ id }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{{ validation }}}
+	{{#if datalist }} list="datalist{{ id }}"{{/if }}
+	aria-labelledby="{{ id }}-label"
+	{{#if variant}} data-variant="{{variant}}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}>
+<label class="elm-label"
+	for="{{ id }}"
+	aria-hidden="true"
+	id="{{ id }}-label"
+	{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
+{{#if datalist }}<datalist id="datalist{{ id }}">
+	{{#each datalistItems }}
+		<option{{#if value }} value="{{ value }}"{{/if }}>{{ text }}</option>
+	{{/each }}
+</datalist>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-input-input-filled/elements-input-input-filled.markup-only.html b/review/refactor-icon-update/patterns/elements-input-input-filled/elements-input-input-filled.markup-only.html
new file mode 100644
index 0000000000..fa1fc00db9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-filled/elements-input-input-filled.markup-only.html
@@ -0,0 +1,23 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input03"
+	id="input03"
+	
+	value="Input"
+	 aria-describedby="input03hint"
+	
+	
+	
+	aria-labelledby="input03-label"
+	
+	>
+<label class="elm-label"
+	for="input03"
+	aria-hidden="true"
+	id="input03-label"
+	>Textlabel</label>
+
+<p id="input03hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
diff --git a/review/refactor-icon-update/patterns/elements-input-input-filled/elements-input-input-filled.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-filled/elements-input-input-filled.rendered.html
new file mode 100644
index 0000000000..98fe5f3a0a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-filled/elements-input-input-filled.rendered.html
@@ -0,0 +1,140 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input03"
+	id="input03"
+	
+	value="Input"
+	 aria-describedby="input03hint"
+	
+	
+	
+	aria-labelledby="input03-label"
+	
+	>
+<label class="elm-label"
+	for="input03"
+	aria-hidden="true"
+	id="input03-label"
+	>Textlabel</label>
+
+<p id="input03hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - filled with a value","patternPartial":"elements-input-filled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":4}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - filled with a value","patternPartial":"elements-input-filled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":4}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-input-input-hidden-label/elements-input-input-hidden-label.hbs b/review/refactor-icon-update/patterns/elements-input-input-hidden-label/elements-input-input-hidden-label.hbs
new file mode 100644
index 0000000000..56c3c5c154
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-hidden-label/elements-input-input-hidden-label.hbs
@@ -0,0 +1,28 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="{{ type }}"
+	class="elm-input {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	name="{{ id }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{{ validation }}}
+	{{#if datalist }} list="datalist{{ id }}"{{/if }}
+	aria-labelledby="{{ id }}-label"
+	{{#if variant}} data-variant="{{variant}}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}>
+<label class="elm-label"
+	for="{{ id }}"
+	aria-hidden="true"
+	id="{{ id }}-label"
+	{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
+{{#if datalist }}<datalist id="datalist{{ id }}">
+	{{#each datalistItems }}
+		<option{{#if value }} value="{{ value }}"{{/if }}>{{ text }}</option>
+	{{/each }}
+</datalist>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-input-input-hidden-label/elements-input-input-hidden-label.markup-only.html b/review/refactor-icon-update/patterns/elements-input-input-hidden-label/elements-input-input-hidden-label.markup-only.html
new file mode 100644
index 0000000000..0749e91c92
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-hidden-label/elements-input-input-hidden-label.markup-only.html
@@ -0,0 +1,23 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input20"
+	id="input20"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input20-label"
+	
+	>
+<label class="elm-label"
+	for="input20"
+	aria-hidden="true"
+	id="input20-label"
+	 data-label-hidden="true">Textlabel</label>
+
+
+
diff --git a/review/refactor-icon-update/patterns/elements-input-input-hidden-label/elements-input-input-hidden-label.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-hidden-label/elements-input-input-hidden-label.rendered.html
new file mode 100644
index 0000000000..7398fd72fe
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-hidden-label/elements-input-input-hidden-label.rendered.html
@@ -0,0 +1,140 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input20"
+	id="input20"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input20-label"
+	
+	>
+<label class="elm-label"
+	for="input20"
+	aria-hidden="true"
+	id="input20-label"
+	 data-label-hidden="true">Textlabel</label>
+
+
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a input element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - Hidden label","patternPartial":"elements-input-hidden-label","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":11}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a input element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - Hidden label","patternPartial":"elements-input-hidden-label","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":11}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-input-input-invalid-attribute/elements-input-input-invalid-attribute.hbs b/review/refactor-icon-update/patterns/elements-input-input-invalid-attribute/elements-input-input-invalid-attribute.hbs
new file mode 100644
index 0000000000..56c3c5c154
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-invalid-attribute/elements-input-input-invalid-attribute.hbs
@@ -0,0 +1,28 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="{{ type }}"
+	class="elm-input {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	name="{{ id }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{{ validation }}}
+	{{#if datalist }} list="datalist{{ id }}"{{/if }}
+	aria-labelledby="{{ id }}-label"
+	{{#if variant}} data-variant="{{variant}}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}>
+<label class="elm-label"
+	for="{{ id }}"
+	aria-hidden="true"
+	id="{{ id }}-label"
+	{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
+{{#if datalist }}<datalist id="datalist{{ id }}">
+	{{#each datalistItems }}
+		<option{{#if value }} value="{{ value }}"{{/if }}>{{ text }}</option>
+	{{/each }}
+</datalist>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-input-input-invalid-attribute/elements-input-input-invalid-attribute.markup-only.html b/review/refactor-icon-update/patterns/elements-input-input-invalid-attribute/elements-input-input-invalid-attribute.markup-only.html
new file mode 100644
index 0000000000..1319dbdc6d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-invalid-attribute/elements-input-input-invalid-attribute.markup-only.html
@@ -0,0 +1,23 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input15"
+	id="input15"
+	
+	value="Input"
+	 aria-describedby="input15hint"
+	 aria-invalid="true"
+	 minlength="5"
+	
+	aria-labelledby="input15-label"
+	
+	>
+<label class="elm-label"
+	for="input15"
+	aria-hidden="true"
+	id="input15-label"
+	>Textlabel</label>
+
+<p id="input15hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
diff --git a/review/refactor-icon-update/patterns/elements-input-input-invalid-attribute/elements-input-input-invalid-attribute.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-invalid-attribute/elements-input-input-invalid-attribute.rendered.html
new file mode 100644
index 0000000000..26cc3518c8
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-invalid-attribute/elements-input-input-invalid-attribute.rendered.html
@@ -0,0 +1,140 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input15"
+	id="input15"
+	
+	value="Input"
+	 aria-describedby="input15hint"
+	 aria-invalid="true"
+	 minlength="5"
+	
+	aria-labelledby="input15-label"
+	
+	>
+<label class="elm-label"
+	for="input15"
+	aria-hidden="true"
+	id="input15-label"
+	>Textlabel</label>
+
+<p id="input15hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Form validation</h2>\n<p>Please have a look especially at the section for form validation within the overall <a href=\"../components-form/index.html\">components/forms</a> page.</p>\n<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute\"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - Invalid state by HTML attribute","patternPartial":"elements-input-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":7}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Form validation</h2>\n<p>Please have a look especially at the section for form validation within the overall <a href=\"../components-form/index.html\">components/forms</a> page.</p>\n<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute\"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - Invalid state by HTML attribute","patternPartial":"elements-input-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":7}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-input-input-invalid/elements-input-input-invalid.hbs b/review/refactor-icon-update/patterns/elements-input-input-invalid/elements-input-input-invalid.hbs
new file mode 100644
index 0000000000..56c3c5c154
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-invalid/elements-input-input-invalid.hbs
@@ -0,0 +1,28 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="{{ type }}"
+	class="elm-input {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	name="{{ id }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{{ validation }}}
+	{{#if datalist }} list="datalist{{ id }}"{{/if }}
+	aria-labelledby="{{ id }}-label"
+	{{#if variant}} data-variant="{{variant}}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}>
+<label class="elm-label"
+	for="{{ id }}"
+	aria-hidden="true"
+	id="{{ id }}-label"
+	{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
+{{#if datalist }}<datalist id="datalist{{ id }}">
+	{{#each datalistItems }}
+		<option{{#if value }} value="{{ value }}"{{/if }}>{{ text }}</option>
+	{{/each }}
+</datalist>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-input-input-invalid/elements-input-input-invalid.markup-only.html b/review/refactor-icon-update/patterns/elements-input-input-invalid/elements-input-input-invalid.markup-only.html
new file mode 100644
index 0000000000..2324299f90
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-invalid/elements-input-input-invalid.markup-only.html
@@ -0,0 +1,23 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Mindestens fünf Zeichen eingeben"
+	name="input06"
+	id="input06"
+	
+	value=""
+	 aria-describedby="input06hint"
+	
+	 minlength="5" required
+	
+	aria-labelledby="input06-label"
+	
+	>
+<label class="elm-label"
+	for="input06"
+	aria-hidden="true"
+	id="input06-label"
+	>Textlabel</label>
+
+<p id="input06hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
diff --git a/review/refactor-icon-update/patterns/elements-input-input-invalid/elements-input-input-invalid.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-invalid/elements-input-input-invalid.rendered.html
new file mode 100644
index 0000000000..e6f306f19a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-invalid/elements-input-input-invalid.rendered.html
@@ -0,0 +1,140 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Mindestens fünf Zeichen eingeben"
+	name="input06"
+	id="input06"
+	
+	value=""
+	 aria-describedby="input06hint"
+	
+	 minlength="5" required
+	
+	aria-labelledby="input06-label"
+	
+	>
+<label class="elm-label"
+	for="input06"
+	aria-hidden="true"
+	id="input06-label"
+	>Textlabel</label>
+
+<p id="input06hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - invalid state (type in less than its minimum of 5 characters)","patternPartial":"elements-input-invalid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":6}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - invalid state (type in less than its minimum of 5 characters)","patternPartial":"elements-input-invalid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":6}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-input-input-maxlength/elements-input-input-maxlength.hbs b/review/refactor-icon-update/patterns/elements-input-input-maxlength/elements-input-input-maxlength.hbs
new file mode 100644
index 0000000000..56c3c5c154
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-maxlength/elements-input-input-maxlength.hbs
@@ -0,0 +1,28 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="{{ type }}"
+	class="elm-input {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	name="{{ id }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{{ validation }}}
+	{{#if datalist }} list="datalist{{ id }}"{{/if }}
+	aria-labelledby="{{ id }}-label"
+	{{#if variant}} data-variant="{{variant}}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}>
+<label class="elm-label"
+	for="{{ id }}"
+	aria-hidden="true"
+	id="{{ id }}-label"
+	{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
+{{#if datalist }}<datalist id="datalist{{ id }}">
+	{{#each datalistItems }}
+		<option{{#if value }} value="{{ value }}"{{/if }}>{{ text }}</option>
+	{{/each }}
+</datalist>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-input-input-maxlength/elements-input-input-maxlength.markup-only.html b/review/refactor-icon-update/patterns/elements-input-input-maxlength/elements-input-input-maxlength.markup-only.html
new file mode 100644
index 0000000000..040be6668a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-maxlength/elements-input-input-maxlength.markup-only.html
@@ -0,0 +1,24 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input16"
+	id="input16"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input16-label"
+	
+	 maxlength="100"
+	oninput="result_input16.value=this.value.length+'/'+this.attributes.maxlength.value">
+<label class="elm-label"
+	for="input16"
+	aria-hidden="true"
+	id="input16-label"
+	>Textlabel</label>
+<output for="input16" id="result_input16" anchor="input16"></output>
+
+
diff --git a/review/refactor-icon-update/patterns/elements-input-input-maxlength/elements-input-input-maxlength.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-maxlength/elements-input-input-maxlength.rendered.html
new file mode 100644
index 0000000000..b14ff10456
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-maxlength/elements-input-input-maxlength.rendered.html
@@ -0,0 +1,141 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input16"
+	id="input16"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input16-label"
+	
+	 maxlength="100"
+	oninput="result_input16.value=this.value.length+'/'+this.attributes.maxlength.value">
+<label class="elm-label"
+	for="input16"
+	aria-hidden="true"
+	id="input16-label"
+	>Textlabel</label>
+<output for="input16" id="result_input16" anchor="input16"></output>
+
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>To set the maximum length of allowed characters on an input element, you could use the <code>maxlength</code>-attribute on the input field. This would additionally provide a visual counter.</p>\n<p>Please keep in mind that you'll probably have to position the output element yourself in relation to the context of e.g. a wrapping HTML element; we'll have a future solution by CSS Anchor Positioning as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - maxlength","patternPartial":"elements-input-maxlength","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":12,"hidden":true}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>To set the maximum length of allowed characters on an input element, you could use the <code>maxlength</code>-attribute on the input field. This would additionally provide a visual counter.</p>\n<p>Please keep in mind that you'll probably have to position the output element yourself in relation to the context of e.g. a wrapping HTML element; we'll have a future solution by CSS Anchor Positioning as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - maxlength","patternPartial":"elements-input-maxlength","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":12,"hidden":true}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-input-input-search-filled/elements-input-input-search-filled.hbs b/review/refactor-icon-update/patterns/elements-input-input-search-filled/elements-input-input-search-filled.hbs
new file mode 100644
index 0000000000..56c3c5c154
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-search-filled/elements-input-input-search-filled.hbs
@@ -0,0 +1,28 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="{{ type }}"
+	class="elm-input {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	name="{{ id }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{{ validation }}}
+	{{#if datalist }} list="datalist{{ id }}"{{/if }}
+	aria-labelledby="{{ id }}-label"
+	{{#if variant}} data-variant="{{variant}}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}>
+<label class="elm-label"
+	for="{{ id }}"
+	aria-hidden="true"
+	id="{{ id }}-label"
+	{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
+{{#if datalist }}<datalist id="datalist{{ id }}">
+	{{#each datalistItems }}
+		<option{{#if value }} value="{{ value }}"{{/if }}>{{ text }}</option>
+	{{/each }}
+</datalist>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-input-input-search-filled/elements-input-input-search-filled.markup-only.html b/review/refactor-icon-update/patterns/elements-input-input-search-filled/elements-input-input-search-filled.markup-only.html
new file mode 100644
index 0000000000..1a86040402
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-search-filled/elements-input-input-search-filled.markup-only.html
@@ -0,0 +1,23 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="search"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input08"
+	id="input08"
+	
+	value="Input"
+	
+	
+	
+	
+	aria-labelledby="input08-label"
+	
+	>
+<label class="elm-label"
+	for="input08"
+	aria-hidden="true"
+	id="input08-label"
+	>Textlabel</label>
+
+
+
diff --git a/review/refactor-icon-update/patterns/elements-input-input-search-filled/elements-input-input-search-filled.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-search-filled/elements-input-input-search-filled.rendered.html
new file mode 100644
index 0000000000..0837bbcbf9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-search-filled/elements-input-input-search-filled.rendered.html
@@ -0,0 +1,140 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="search"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input08"
+	id="input08"
+	
+	value="Input"
+	
+	
+	
+	
+	aria-labelledby="input08-label"
+	
+	>
+<label class="elm-label"
+	for="input08"
+	aria-hidden="true"
+	id="input08-label"
+	>Textlabel</label>
+
+
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - search type - filled","patternPartial":"elements-input-search-filled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":10}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - search type - filled","patternPartial":"elements-input-search-filled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":10}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-input-input-search/elements-input-input-search.hbs b/review/refactor-icon-update/patterns/elements-input-input-search/elements-input-input-search.hbs
new file mode 100644
index 0000000000..56c3c5c154
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-search/elements-input-input-search.hbs
@@ -0,0 +1,28 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="{{ type }}"
+	class="elm-input {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	name="{{ id }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{{ validation }}}
+	{{#if datalist }} list="datalist{{ id }}"{{/if }}
+	aria-labelledby="{{ id }}-label"
+	{{#if variant}} data-variant="{{variant}}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}>
+<label class="elm-label"
+	for="{{ id }}"
+	aria-hidden="true"
+	id="{{ id }}-label"
+	{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
+{{#if datalist }}<datalist id="datalist{{ id }}">
+	{{#each datalistItems }}
+		<option{{#if value }} value="{{ value }}"{{/if }}>{{ text }}</option>
+	{{/each }}
+</datalist>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-input-input-search/elements-input-input-search.markup-only.html b/review/refactor-icon-update/patterns/elements-input-input-search/elements-input-input-search.markup-only.html
new file mode 100644
index 0000000000..b814cd666a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-search/elements-input-input-search.markup-only.html
@@ -0,0 +1,23 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="search"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input07"
+	id="input07"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input07-label"
+	
+	>
+<label class="elm-label"
+	for="input07"
+	aria-hidden="true"
+	id="input07-label"
+	>Textlabel</label>
+
+
+
diff --git a/review/refactor-icon-update/patterns/elements-input-input-search/elements-input-input-search.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-search/elements-input-input-search.rendered.html
new file mode 100644
index 0000000000..e92c8132d0
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-search/elements-input-input-search.rendered.html
@@ -0,0 +1,140 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="search"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input07"
+	id="input07"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input07-label"
+	
+	>
+<label class="elm-label"
+	for="input07"
+	aria-hidden="true"
+	id="input07-label"
+	>Textlabel</label>
+
+
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - search type","patternPartial":"elements-input-search","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":9}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - search type","patternPartial":"elements-input-search","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":9}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-input-input-valid/elements-input-input-valid.hbs b/review/refactor-icon-update/patterns/elements-input-input-valid/elements-input-input-valid.hbs
new file mode 100644
index 0000000000..56c3c5c154
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-valid/elements-input-input-valid.hbs
@@ -0,0 +1,28 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="{{ type }}"
+	class="elm-input {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	name="{{ id }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{{ validation }}}
+	{{#if datalist }} list="datalist{{ id }}"{{/if }}
+	aria-labelledby="{{ id }}-label"
+	{{#if variant}} data-variant="{{variant}}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}>
+<label class="elm-label"
+	for="{{ id }}"
+	aria-hidden="true"
+	id="{{ id }}-label"
+	{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
+{{#if datalist }}<datalist id="datalist{{ id }}">
+	{{#each datalistItems }}
+		<option{{#if value }} value="{{ value }}"{{/if }}>{{ text }}</option>
+	{{/each }}
+</datalist>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-input-input-valid/elements-input-input-valid.markup-only.html b/review/refactor-icon-update/patterns/elements-input-input-valid/elements-input-input-valid.markup-only.html
new file mode 100644
index 0000000000..7444fe453c
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-valid/elements-input-input-valid.markup-only.html
@@ -0,0 +1,23 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input04"
+	id="input04"
+	
+	value="Input"
+	
+	
+	 minlength="3" required
+	
+	aria-labelledby="input04-label"
+	
+	>
+<label class="elm-label"
+	for="input04"
+	aria-hidden="true"
+	id="input04-label"
+	>Textlabel</label>
+
+
+
diff --git a/review/refactor-icon-update/patterns/elements-input-input-valid/elements-input-input-valid.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-valid/elements-input-input-valid.rendered.html
new file mode 100644
index 0000000000..8f7bb53294
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-valid/elements-input-input-valid.rendered.html
@@ -0,0 +1,140 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input04"
+	id="input04"
+	
+	value="Input"
+	
+	
+	 minlength="3" required
+	
+	aria-labelledby="input04-label"
+	
+	>
+<label class="elm-label"
+	for="input04"
+	aria-hidden="true"
+	id="input04-label"
+	>Textlabel</label>
+
+
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - valid state","patternPartial":"elements-input-valid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":5}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - valid state","patternPartial":"elements-input-valid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":5}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-input-input-variations/elements-input-input-variations.hbs b/review/refactor-icon-update/patterns/elements-input-input-variations/elements-input-input-variations.hbs
new file mode 100644
index 0000000000..c2edd3e1dd
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-variations/elements-input-input-variations.hbs
@@ -0,0 +1,6 @@
+<dl>
+{{#each variations}}
+	<dt>{{variant}}:</dt>
+	<dd>{{> elements-input type=../type label=../label placeholder=../placeholder }}</dd>
+{{/each }}
+</dl>
diff --git a/review/refactor-icon-update/patterns/elements-input-input-variations/elements-input-input-variations.markup-only.html b/review/refactor-icon-update/patterns/elements-input-input-variations/elements-input-input-variations.markup-only.html
new file mode 100644
index 0000000000..1f49c23c87
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-variations/elements-input-input-variations.markup-only.html
@@ -0,0 +1,102 @@
+<dl>
+	<dt>semitransparent:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input16"
+	id="input16"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input16-label"
+	 data-variant="semitransparent"
+	>
+<label class="elm-label"
+	for="input16"
+	aria-hidden="true"
+	id="input16-label"
+	>Textlabel</label>
+
+
+
+</dd>
+	<dt>white:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input17"
+	id="input17"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input17-label"
+	 data-variant="white"
+	>
+<label class="elm-label"
+	for="input17"
+	aria-hidden="true"
+	id="input17-label"
+	>Textlabel</label>
+
+
+
+</dd>
+	<dt>solid:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input18"
+	id="input18"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input18-label"
+	 data-variant="solid"
+	>
+<label class="elm-label"
+	for="input18"
+	aria-hidden="true"
+	id="input18-label"
+	>Textlabel</label>
+
+
+
+</dd>
+	<dt>outline:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input19"
+	id="input19"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input19-label"
+	 data-variant="outline"
+	>
+<label class="elm-label"
+	for="input19"
+	aria-hidden="true"
+	id="input19-label"
+	>Textlabel</label>
+
+
+
+</dd>
+</dl>
diff --git a/review/refactor-icon-update/patterns/elements-input-input-variations/elements-input-input-variations.rendered.html b/review/refactor-icon-update/patterns/elements-input-input-variations/elements-input-input-variations.rendered.html
new file mode 100644
index 0000000000..417a54a0fd
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input-variations/elements-input-input-variations.rendered.html
@@ -0,0 +1,219 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<dl>
+	<dt>semitransparent:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input16"
+	id="input16"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input16-label"
+	 data-variant="semitransparent"
+	>
+<label class="elm-label"
+	for="input16"
+	aria-hidden="true"
+	id="input16-label"
+	>Textlabel</label>
+
+
+
+</dd>
+	<dt>white:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input17"
+	id="input17"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input17-label"
+	 data-variant="white"
+	>
+<label class="elm-label"
+	for="input17"
+	aria-hidden="true"
+	id="input17-label"
+	>Textlabel</label>
+
+
+
+</dd>
+	<dt>solid:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input18"
+	id="input18"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input18-label"
+	 data-variant="solid"
+	>
+<label class="elm-label"
+	for="input18"
+	aria-hidden="true"
+	id="input18-label"
+	>Textlabel</label>
+
+
+
+</dd>
+	<dt>outline:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input19"
+	id="input19"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input19-label"
+	 data-variant="outline"
+	>
+<label class="elm-label"
+	for="input19"
+	aria-hidden="true"
+	id="input19-label"
+	>Textlabel</label>
+
+
+
+</dd>
+</dl>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-input","lineagePath":"../../patterns/elements-input-input/elements-input-input.rendered.html"}],"lineage":[{"lineagePattern":"elements-input","lineagePath":"../../patterns/elements-input-input/elements-input-input.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input variations","patternPartial":"elements-input-variations","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-input","lineagePath":"../../patterns/elements-input-input/elements-input-input.rendered.html"}],"lineage":[{"lineagePattern":"elements-input","lineagePath":"../../patterns/elements-input-input/elements-input-input.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input variations","patternPartial":"elements-input-variations","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-input-input/elements-input-input.hbs b/review/refactor-icon-update/patterns/elements-input-input/elements-input-input.hbs
new file mode 100644
index 0000000000..56c3c5c154
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input/elements-input-input.hbs
@@ -0,0 +1,28 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="{{ type }}"
+	class="elm-input {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	name="{{ id }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	value="{{ value }}"
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{{ validation }}}
+	{{#if datalist }} list="datalist{{ id }}"{{/if }}
+	aria-labelledby="{{ id }}-label"
+	{{#if variant}} data-variant="{{variant}}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}>
+<label class="elm-label"
+	for="{{ id }}"
+	aria-hidden="true"
+	id="{{ id }}-label"
+	{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
+{{#if datalist }}<datalist id="datalist{{ id }}">
+	{{#each datalistItems }}
+		<option{{#if value }} value="{{ value }}"{{/if }}>{{ text }}</option>
+	{{/each }}
+</datalist>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-input-input/elements-input-input.markup-only.html b/review/refactor-icon-update/patterns/elements-input-input/elements-input-input.markup-only.html
new file mode 100644
index 0000000000..cb17ab7527
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input/elements-input-input.markup-only.html
@@ -0,0 +1,23 @@
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input01"
+	id="input01"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input01-label"
+	
+	>
+<label class="elm-label"
+	for="input01"
+	aria-hidden="true"
+	id="input01-label"
+	>Textlabel</label>
+
+
+
diff --git a/review/refactor-icon-update/patterns/elements-input-input/elements-input-input.rendered.html b/review/refactor-icon-update/patterns/elements-input-input/elements-input-input.rendered.html
new file mode 100644
index 0000000000..f0be45bc8e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input-input/elements-input-input.rendered.html
@@ -0,0 +1,140 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input01"
+	id="input01"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input01-label"
+	
+	>
+<label class="elm-label"
+	for="input01"
+	aria-hidden="true"
+	id="input01-label"
+	>Textlabel</label>
+
+
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-input-variations","lineagePath":"../../patterns/elements-input-input-variations/elements-input-input-variations.rendered.html"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"elements-input-variations","lineagePath":"../../patterns/elements-input-input-variations/elements-input-input-variations.rendered.html"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input","patternPartial":"elements-input","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":2}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-input-variations","lineagePath":"../../patterns/elements-input-input-variations/elements-input-input-variations.rendered.html"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"elements-input-variations","lineagePath":"../../patterns/elements-input-input-variations/elements-input-input-variations.rendered.html"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input","patternPartial":"elements-input","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":2}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-input/index.html b/review/refactor-icon-update/patterns/elements-input/index.html
new file mode 100644
index 0000000000..48fe1cce6a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-input/index.html
@@ -0,0 +1,1045 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-elements-input" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-input&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-input">Input</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2><code>label</code> and <code>input</code> elements code structure</h2>
+<p>We're using the construct of <code>label</code> and <code>input</code> elements shown below (both their order and not nesting them, as a few other frameworks do) for two good reasons:</p>
+<ul>
+<li>&quot;Generally, explicit labels are better supported by assistive technology.&quot; - compare to the <a href="https://www.w3.org/WAI/tutorials/forms/labels/#associating-labels-implicitly">W3C spec</a>, seems to be a <a href="https://www.w3.org/TR/WCAG20-TECHS/H44.html">WCAG criteria</a> that for, too.</li>
+<li>We could easily control the styling depending on the <code>input</code> elements (pseudo-)states w/o the need for JavaScript</li>
+</ul>
+<h2>Auto suggestions</h2>
+<p>You could easily integrate the possibility to provide auto suggestions to your input fields via the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#list"><code>list</code>-attribute</a> on the <code>input</code>-HTML-elements as well as adding the suggestions via the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist"><code>datalist</code>-HTML-element</a>. Please follow up within the <a href="/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.rendered.html">Input - Auto Suggestions</a> section.</p>
+<h2>Autofill</h2>
+<p>For heavily supporting the user on autofilling form fields (not only, but especially on mobile browsing) with information even already available on their devices, you could use the <code>autocomplete</code> attribute, as described e.g. here <a href="https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/">https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/</a></p>
+<p>The attribute doesn't even only take boolean values, but even also a list of specific field types, as described in the specification: <a href="https://html.spec.whatwg.org/multipage/forms.html#inappropriate-for-the-control">https://html.spec.whatwg.org/multipage/forms.html#inappropriate-for-the-control</a></p>
+<h2>Form validation</h2>
+<p>Please have a look especially at the section for form validation within the overall <a href="../components-form/index.html">components/forms</a> page.</p>
+<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>
+<h2>Accessibility support</h2>
+<p>For our special construct (the order of the <code>label</code> and <code>input</code> HTML tags) we need to additionaly set some further attributes on those HTML tags to better support assistive tools (screenreaders like JAWS and VoiceOver); set the <code>aria-labelledby</code>-attribute on the <code>input</code> and related <code>id</code> on the <code>label</code> as well as <code>aria-hidden=&quot;true&quot;</code>, e.g. like this:</p>
+<pre><code class="language-html">&lt;input
+  type=&quot;text&quot;
+  class=&quot;elm-input&quot;
+  placeholder=&quot;Projekt Name&quot;
+  name=&quot;input01&quot;
+  id=&quot;input01&quot;
+  aria-labelledby=&quot;input01-label&quot;
+/&gt;
+&lt;label class=&quot;elm-label&quot; for=&quot;input01&quot; aria-hidden=&quot;true&quot; id=&quot;input01-label&quot;
+  &gt;Textlabel&lt;/label
+&gt;
+</code></pre>
+<p>We've conducted some tests with those assistive tools that lead to the conclusion that either the labels content hasn't been read out to the screenreader user on those form fields directly, but the labels content has been read again after the form field e.g. on VoiceOver. So those declarations are necessary for this kind of HTML construct, that is especially relevant for form validation and floating label functionality via CSS only.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-input-variations" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-variations&#x2F;elements-input-input-variations.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-variations" title="Link to Pattern">
+						Input variations
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-variations" data-patternpartial="elements-input-variations" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-variations">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>semitransparent:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input16"
+	id="input16"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input16-label"
+	 data-variant="semitransparent"
+	>
+<label class="elm-label"
+	for="input16"
+	aria-hidden="true"
+	id="input16-label"
+	>Textlabel</label>
+
+
+
+</dd>
+	<dt>white:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input17"
+	id="input17"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input17-label"
+	 data-variant="white"
+	>
+<label class="elm-label"
+	for="input17"
+	aria-hidden="true"
+	id="input17-label"
+	>Textlabel</label>
+
+
+
+</dd>
+	<dt>solid:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input18"
+	id="input18"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input18-label"
+	 data-variant="solid"
+	>
+<label class="elm-label"
+	for="input18"
+	aria-hidden="true"
+	id="input18-label"
+	>Textlabel</label>
+
+
+
+</dd>
+	<dt>outline:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input19"
+	id="input19"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input19-label"
+	 data-variant="outline"
+	>
+<label class="elm-label"
+	for="input19"
+	aria-hidden="true"
+	id="input19-label"
+	>Textlabel</label>
+
+
+
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-variations" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-input","lineagePath":"../../patterns/elements-input-input/elements-input-input.rendered.html"}],"lineage":[{"lineagePattern":"elements-input","lineagePath":"../../patterns/elements-input-input/elements-input-input.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input variations","patternPartial":"elements-input-variations","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input&#x2F;elements-input-input.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input" title="Link to Pattern">
+						Input
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input" data-patternpartial="elements-input" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input01"
+	id="input01"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input01-label"
+	
+	>
+<label class="elm-label"
+	for="input01"
+	aria-hidden="true"
+	id="input01-label"
+	>Textlabel</label>
+
+
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-input-variations","lineagePath":"../../patterns/elements-input-input-variations/elements-input-input-variations.rendered.html"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"elements-input-variations","lineagePath":"../../patterns/elements-input-input-variations/elements-input-input-variations.rendered.html"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input","patternPartial":"elements-input","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":2}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-auto-suggest" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-auto-suggest&#x2F;elements-input-input-auto-suggest.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-auto-suggest" title="Link to Pattern">
+						Input - Auto suggestions
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-auto-suggest" data-patternpartial="elements-input-auto-suggest" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-auto-suggest">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input09"
+	id="input09"
+	
+	value="Ap"
+	
+	
+	
+	 list="datalistinput09"
+	aria-labelledby="input09-label"
+	
+	>
+<label class="elm-label"
+	for="input09"
+	aria-hidden="true"
+	id="input09-label"
+	>Textlabel</label>
+
+
+<datalist id="datalistinput09">
+		<option value="Apple Computers">Apple</option>
+		<option>Applify</option>
+		<option>App-Design</option>
+</datalist>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-auto-suggest" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>You could easily integrate the possibility to provide auto suggestions to your input fields via the <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#list\"><code>list</code>-attribute</a> on the <code>input</code>-HTML-elements as well as adding the suggestions via the <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist\"><code>datalist</code>-HTML-element</a>.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - Auto suggestions","patternPartial":"elements-input-auto-suggest","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-description" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-description&#x2F;elements-input-input-description.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-description" title="Link to Pattern">
+						Input with description
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-description" data-patternpartial="elements-input-description" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-description">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input02"
+	id="input02"
+	
+	value=""
+	 aria-describedby="input02hint"
+	
+	
+	
+	aria-labelledby="input02-label"
+	
+	>
+<label class="elm-label"
+	for="input02"
+	aria-hidden="true"
+	id="input02-label"
+	>Textlabel</label>
+
+<p id="input02hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-description" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input with description","patternPartial":"elements-input-description","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-filled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-filled&#x2F;elements-input-input-filled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-filled" title="Link to Pattern">
+						Input - filled with a value
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-filled" data-patternpartial="elements-input-filled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-filled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input03"
+	id="input03"
+	
+	value="Input"
+	 aria-describedby="input03hint"
+	
+	
+	
+	aria-labelledby="input03-label"
+	
+	>
+<label class="elm-label"
+	for="input03"
+	aria-hidden="true"
+	id="input03-label"
+	>Textlabel</label>
+
+<p id="input03hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-filled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - filled with a value","patternPartial":"elements-input-filled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":4}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-valid" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-valid&#x2F;elements-input-input-valid.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-valid" title="Link to Pattern">
+						Input - valid state
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-valid" data-patternpartial="elements-input-valid" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-valid">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input04"
+	id="input04"
+	
+	value="Input"
+	
+	
+	 minlength="3" required
+	
+	aria-labelledby="input04-label"
+	
+	>
+<label class="elm-label"
+	for="input04"
+	aria-hidden="true"
+	id="input04-label"
+	>Textlabel</label>
+
+
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-valid" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - valid state","patternPartial":"elements-input-valid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":5}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-invalid" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-invalid&#x2F;elements-input-input-invalid.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-invalid" title="Link to Pattern">
+						Input - invalid state (type in less than its minimum of 5 characters)
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-invalid" data-patternpartial="elements-input-invalid" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-invalid">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Mindestens fünf Zeichen eingeben"
+	name="input06"
+	id="input06"
+	
+	value=""
+	 aria-describedby="input06hint"
+	
+	 minlength="5" required
+	
+	aria-labelledby="input06-label"
+	
+	>
+<label class="elm-label"
+	for="input06"
+	aria-hidden="true"
+	id="input06-label"
+	>Textlabel</label>
+
+<p id="input06hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-invalid" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - invalid state (type in less than its minimum of 5 characters)","patternPartial":"elements-input-invalid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":6}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-invalid-attribute" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-invalid-attribute&#x2F;elements-input-input-invalid-attribute.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-invalid-attribute" title="Link to Pattern">
+						Input - Invalid state by HTML attribute
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-invalid-attribute" data-patternpartial="elements-input-invalid-attribute" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-invalid-attribute">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input15"
+	id="input15"
+	
+	value="Input"
+	 aria-describedby="input15hint"
+	 aria-invalid="true"
+	 minlength="5"
+	
+	aria-labelledby="input15-label"
+	
+	>
+<label class="elm-label"
+	for="input15"
+	aria-hidden="true"
+	id="input15-label"
+	>Textlabel</label>
+
+<p id="input15hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-invalid-attribute" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Form validation</h2>\n<p>Please have a look especially at the section for form validation within the overall <a href=\"../components-form/index.html\">components/forms</a> page.</p>\n<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute\"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - Invalid state by HTML attribute","patternPartial":"elements-input-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":7}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-disabled&#x2F;elements-input-input-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-disabled" title="Link to Pattern">
+						Input - disabled state
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-disabled" data-patternpartial="elements-input-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input05"
+	id="input05"
+	 disabled
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input05-label"
+	
+	>
+<label class="elm-label"
+	for="input05"
+	aria-hidden="true"
+	id="input05-label"
+	>Textlabel</label>
+
+
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - disabled state","patternPartial":"elements-input-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":8}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-search" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-search&#x2F;elements-input-input-search.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-search" title="Link to Pattern">
+						Input - search type
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-search" data-patternpartial="elements-input-search" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-search">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="search"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input07"
+	id="input07"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input07-label"
+	
+	>
+<label class="elm-label"
+	for="input07"
+	aria-hidden="true"
+	id="input07-label"
+	>Textlabel</label>
+
+
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-search" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - search type","patternPartial":"elements-input-search","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":9}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-search-filled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-search-filled&#x2F;elements-input-input-search-filled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-search-filled" title="Link to Pattern">
+						Input - search type - filled
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-search-filled" data-patternpartial="elements-input-search-filled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-search-filled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="search"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input08"
+	id="input08"
+	
+	value="Input"
+	
+	
+	
+	
+	aria-labelledby="input08-label"
+	
+	>
+<label class="elm-label"
+	for="input08"
+	aria-hidden="true"
+	id="input08-label"
+	>Textlabel</label>
+
+
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-search-filled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - search type - filled","patternPartial":"elements-input-search-filled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":10}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-hidden-label" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-hidden-label&#x2F;elements-input-input-hidden-label.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-hidden-label" title="Link to Pattern">
+						Input - Hidden label
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-hidden-label" data-patternpartial="elements-input-hidden-label" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-hidden-label">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input20"
+	id="input20"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input20-label"
+	
+	>
+<label class="elm-label"
+	for="input20"
+	aria-hidden="true"
+	id="input20-label"
+	 data-label-hidden="true">Textlabel</label>
+
+
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-hidden-label" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a input element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - Hidden label","patternPartial":"elements-input-hidden-label","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":11}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-elements-input"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-elements-input"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-link-_link/elements-link-_link.hbs b/review/refactor-icon-update/patterns/elements-link-_link/elements-link-_link.hbs
new file mode 100644
index 0000000000..5f84490ac4
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-link-_link/elements-link-_link.hbs
@@ -0,0 +1,19 @@
+{{! TODO: This would need to get enhanced later on by the additional possible attributes }}
+<a
+	href="{{ href }}{{#if anchorlink }}{{ anchorlink }}{{/if }}"
+	class="elm-link {{ styleModifier }}"
+	title="{{ title }}"
+	{{#if rel }} rel="{{ rel }}"{{/if }}
+	{{#if role }} role="{{ role }}"{{/if }}
+	{{#if disabled}} aria-disabled="true" tabindex="-1"{{/if }}
+	{{#if selected}} aria-selected="true"{{/if }}
+	{{#if label}} aria-label="{{ label }}"{{/if }}
+	{{#if lang }} lang="{{ lang }}"{{/if }}
+	{{#if hreflang}} hreflang="{{ hreflang }}"{{/if }}
+	{{#if target}} target="{{ target }}"{{/if }}
+	{{#if current}} aria-current="{{ current }}"{{/if }}
+	{{#if size }} data-size="{{ size }}"{{/if }}
+	{{#if icon}} data-icon="{{ icon }}"{{/if}}
+	{{#if icon-after}} data-icon-after="{{ icon-after }}"{{/if}}
+	>{{#if value }}{{{ value }}}{{ else }}{{ href }}{{/if }}
+</a>
diff --git a/review/refactor-icon-update/patterns/elements-link-_link/elements-link-_link.markup-only.html b/review/refactor-icon-update/patterns/elements-link-_link/elements-link-_link.markup-only.html
new file mode 100644
index 0000000000..e475c7b39a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-link-_link/elements-link-_link.markup-only.html
@@ -0,0 +1,18 @@
+<a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>#
+</a>
diff --git a/review/refactor-icon-update/patterns/elements-link-_link/elements-link-_link.rendered.html b/review/refactor-icon-update/patterns/elements-link-_link/elements-link-_link.rendered.html
new file mode 100644
index 0000000000..f81c3a2044
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-link-_link/elements-link-_link.rendered.html
@@ -0,0 +1,135 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>#
+</a>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-links-small","lineagePath":"../../patterns/elements-link-links-small/elements-link-links-small.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"},{"lineagePattern":"elements-links","lineagePath":"../../patterns/elements-link-links/elements-link-links.rendered.html"},{"lineagePattern":"components-breadcrumb","lineagePath":"../../patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sidenavi","lineagePath":"../../patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html"}],"lineageR":[{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-links-small","lineagePath":"../../patterns/elements-link-links-small/elements-link-links-small.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"},{"lineagePattern":"elements-links","lineagePath":"../../patterns/elements-link-links/elements-link-links.rendered.html"},{"lineagePattern":"components-breadcrumb","lineagePath":"../../patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sidenavi","lineagePath":"../../patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Variations/configurability</h2>\n<h3>Size</h3>\n<h4>SCSS (recommended)</h4>\n<p>Extend one of the size SCSS placeholders in case that you don't want the default (regular): <code>%size-Small</code> or <code>%size-Large</code></p>\n<h4>HTML attribute</h4>\n<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is &quot;regular&quot; and in that case is optional.</p>\n<h3>Icons</h3>\n<p>The following three <code>rel=*</code> annotated links even already include an icon by default - you could enhance those by your own declarations for further patterns of linked pages.</p>\n<pre><code class=\"language-css\">[rel=&quot;configuration&quot;]\n[rel=&quot;messages&quot;]\n[rel=&quot;account&quot;]\n</code></pre>\n<h2>Title attribute</h2>\n<p>Advice: Don't provide title attributes to links with identical text nodes. Since the text node is already perfectly visible, this is completely redundant. It doesn't even add anything for screen readers except — in some cases — repetition.</p>\n<h2>Button vs. Link</h2>\n<blockquote>\n<p>The HTML elements for buttons and links describe a very specific type of action that is going to be taken when they are used. It is important you know when to use which, as the distinction matters:</p>\n<ul>\n<li>Use a link when you’re navigating to another place, such as: a &quot;view all&quot; page, &quot;Jane Chen&quot; profile, a page &quot;skip link&quot; etc.</li>\n<li>Use buttons when you are performing an action, such as: &quot;submit,&quot; &quot;merge,&quot; &quot;create new,&quot; &quot;upload,&quot; etc.</li>\n<li>An action is almost always on the same page</li>\n</ul>\n</blockquote>\n<p>Source: <a href=\"https://www.lightningdesignsystem.com/components/buttons/#About-Buttons\">https://www.lightningdesignsystem.com/components/buttons/#About-Buttons</a></p>\n<p>Further argumentations:</p>\n<ul>\n<li><a href=\"https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2\">https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2</a></li>\n<li><a href=\"https://uxmovement.com/buttons/when-to-use-a-button-or-link/\">https://uxmovement.com/buttons/when-to-use-a-button-or-link/</a></li>\n</ul>\n<h3>JavaScript &quot;links&quot;</h3>\n<blockquote>\n<p>Never use <code>&quot;javascript:&quot; &quot;#&quot;</code> or similar as the value of an <code>href</code> attribute. The purpose of the <code>href</code> attribute is to specify a URL only. If you wish to run JavaScript on an element click, use a <code>button</code> instead.</p>\n</blockquote>\n<p>Source: <a href=\"https://ebay.gitbook.io/mindpatterns/antipatterns/javascript-href\">https://ebay.gitbook.io/mindpatterns/antipatterns/javascript-href</a></p>\n<h2>Further relevant attributes</h2>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a</a></p>\n<h3>hreflang</h3>\n<blockquote>\n<p>This attribute indicates the human language of the linked resource. It is purely advisory, with no built-in functionality. Allowed values are determined by <a href=\"https://www.ietf.org/rfc/bcp/bcp47.txt\">BCP47</a>.</p>\n</blockquote>\n<h3>ping</h3>\n<blockquote>\n<p>Contains a space-separated list of URLs to which, when the hyperlink is followed, <code>POST</code> requests with the body <code>PING</code> will be sent by the browser (in the background). Typically used for tracking/analytics.</p>\n</blockquote>\n<h3>rel</h3>\n<blockquote>\n<p>Specifies the relationship of the target object to the link object. The value is a space-separated list of <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\">link types</a>.</p>\n</blockquote>\n<h3>target</h3>\n<blockquote>\n<p>Specifies where to display the linked URL. It is a name of, or keyword for, a browsing context: a tab, window, or <code>&lt;iframe&gt;</code></p>\n</blockquote>\n<blockquote>\n<p>Note: When using <code>target</code>, consider adding <code>rel=&quot;noreferrer&quot;</code> to avoid exploitation of the <code>window.opener API</code>. See <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Security_and_privacy_concerns\">Security concerns</a> section.</p>\n</blockquote>\n<blockquote>\n<p>Note: Linking to another page using <code>target=&quot;_blank&quot;</code> will run the new page on the same process as your page. If the new page is executing expensive JS, your page's performance may suffer. To avoid this use <code>rel=&quot;noopener&quot;</code>.</p>\n</blockquote>\n<h3><code>aria-disabled</code></h3>\n<p>Instead of the <code>disabled</code>-attribute we're using for the <code>button</code> pattern to define a disabled state, we couldn't use this attribute on the <code>link</code> pattern, as <code>disabled</code> isn't a valid attribute an <code>a</code> HTML element, compare to e.g. the <a href=\"https://w3c.github.io/html-aria/#att-disabled\">W3C ARIA documentation</a> and the <a href=\"https://html.spec.whatwg.org/#the-a-element\">W3C spec</a>:</p>\n<blockquote>\n<p>Use the disabled attribute on any element that is allowed the disabled attribute in HTML.</p>\n</blockquote>\n<blockquote>\n<p>Only use the aria-disabled attribute for elements that are not allowed to have a disabled attribute in HTML.</p>\n</blockquote>\n<p>Please keep in mind to only include a disabled link sparly, as it's not recommended at all, compare to e.g. <a href=\"https://css-tricks.com/how-to-disable-links/#aa-just-dont-do-it\">https://css-tricks.com/how-to-disable-links/#aa-just-dont-do-it</a></p>\n<h2>Ambiguous labels</h2>\n<p>Please keep in mind to use unambiguous labels: <a href=\"https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label\">https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label</a></p>\n<h2>Link functionality caveat</h2>\n<blockquote>\n<p>The <code>aria-disabled=&quot;true&quot;</code> uses <code>pointer-events: none</code> to try to disable the link functionality of <code>&lt;a&gt;</code>s, but that CSS property is not yet standardized. In addition, even in browsers that do support <code>pointer-events: none</code>, keyboard navigation remains unaffected, meaning that sighted keyboard users and users of assistive technologies will still be able to activate these links. So to be safe, add a <code>tabindex=&quot;-1&quot;</code> attribute on these links (to prevent them from receiving keyboard focus) and use custom JavaScript to disable their functionality.</p>\n</blockquote>\n<p>Adapted from: <a href=\"https://getbootstrap.com/docs/4.3/components/buttons/#link-functionality-caveat\">https://getbootstrap.com/docs/4.3/components/buttons/#link-functionality-caveat</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"link"},"patternExtension":"hbs","patternName":"Link","patternPartial":"elements-link","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-links-small","lineagePath":"../../patterns/elements-link-links-small/elements-link-links-small.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"},{"lineagePattern":"elements-links","lineagePath":"../../patterns/elements-link-links/elements-link-links.rendered.html"},{"lineagePattern":"components-breadcrumb","lineagePath":"../../patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sidenavi","lineagePath":"../../patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html"}],"lineageR":[{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-links-small","lineagePath":"../../patterns/elements-link-links-small/elements-link-links-small.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"},{"lineagePattern":"elements-links","lineagePath":"../../patterns/elements-link-links/elements-link-links.rendered.html"},{"lineagePattern":"components-breadcrumb","lineagePath":"../../patterns/components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sidenavi","lineagePath":"../../patterns/components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Variations/configurability</h2>\n<h3>Size</h3>\n<h4>SCSS (recommended)</h4>\n<p>Extend one of the size SCSS placeholders in case that you don't want the default (regular): <code>%size-Small</code> or <code>%size-Large</code></p>\n<h4>HTML attribute</h4>\n<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is &quot;regular&quot; and in that case is optional.</p>\n<h3>Icons</h3>\n<p>The following three <code>rel=*</code> annotated links even already include an icon by default - you could enhance those by your own declarations for further patterns of linked pages.</p>\n<pre><code class=\"language-css\">[rel=&quot;configuration&quot;]\n[rel=&quot;messages&quot;]\n[rel=&quot;account&quot;]\n</code></pre>\n<h2>Title attribute</h2>\n<p>Advice: Don't provide title attributes to links with identical text nodes. Since the text node is already perfectly visible, this is completely redundant. It doesn't even add anything for screen readers except — in some cases — repetition.</p>\n<h2>Button vs. Link</h2>\n<blockquote>\n<p>The HTML elements for buttons and links describe a very specific type of action that is going to be taken when they are used. It is important you know when to use which, as the distinction matters:</p>\n<ul>\n<li>Use a link when you’re navigating to another place, such as: a &quot;view all&quot; page, &quot;Jane Chen&quot; profile, a page &quot;skip link&quot; etc.</li>\n<li>Use buttons when you are performing an action, such as: &quot;submit,&quot; &quot;merge,&quot; &quot;create new,&quot; &quot;upload,&quot; etc.</li>\n<li>An action is almost always on the same page</li>\n</ul>\n</blockquote>\n<p>Source: <a href=\"https://www.lightningdesignsystem.com/components/buttons/#About-Buttons\">https://www.lightningdesignsystem.com/components/buttons/#About-Buttons</a></p>\n<p>Further argumentations:</p>\n<ul>\n<li><a href=\"https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2\">https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2</a></li>\n<li><a href=\"https://uxmovement.com/buttons/when-to-use-a-button-or-link/\">https://uxmovement.com/buttons/when-to-use-a-button-or-link/</a></li>\n</ul>\n<h3>JavaScript &quot;links&quot;</h3>\n<blockquote>\n<p>Never use <code>&quot;javascript:&quot; &quot;#&quot;</code> or similar as the value of an <code>href</code> attribute. The purpose of the <code>href</code> attribute is to specify a URL only. If you wish to run JavaScript on an element click, use a <code>button</code> instead.</p>\n</blockquote>\n<p>Source: <a href=\"https://ebay.gitbook.io/mindpatterns/antipatterns/javascript-href\">https://ebay.gitbook.io/mindpatterns/antipatterns/javascript-href</a></p>\n<h2>Further relevant attributes</h2>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a</a></p>\n<h3>hreflang</h3>\n<blockquote>\n<p>This attribute indicates the human language of the linked resource. It is purely advisory, with no built-in functionality. Allowed values are determined by <a href=\"https://www.ietf.org/rfc/bcp/bcp47.txt\">BCP47</a>.</p>\n</blockquote>\n<h3>ping</h3>\n<blockquote>\n<p>Contains a space-separated list of URLs to which, when the hyperlink is followed, <code>POST</code> requests with the body <code>PING</code> will be sent by the browser (in the background). Typically used for tracking/analytics.</p>\n</blockquote>\n<h3>rel</h3>\n<blockquote>\n<p>Specifies the relationship of the target object to the link object. The value is a space-separated list of <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\">link types</a>.</p>\n</blockquote>\n<h3>target</h3>\n<blockquote>\n<p>Specifies where to display the linked URL. It is a name of, or keyword for, a browsing context: a tab, window, or <code>&lt;iframe&gt;</code></p>\n</blockquote>\n<blockquote>\n<p>Note: When using <code>target</code>, consider adding <code>rel=&quot;noreferrer&quot;</code> to avoid exploitation of the <code>window.opener API</code>. See <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Security_and_privacy_concerns\">Security concerns</a> section.</p>\n</blockquote>\n<blockquote>\n<p>Note: Linking to another page using <code>target=&quot;_blank&quot;</code> will run the new page on the same process as your page. If the new page is executing expensive JS, your page's performance may suffer. To avoid this use <code>rel=&quot;noopener&quot;</code>.</p>\n</blockquote>\n<h3><code>aria-disabled</code></h3>\n<p>Instead of the <code>disabled</code>-attribute we're using for the <code>button</code> pattern to define a disabled state, we couldn't use this attribute on the <code>link</code> pattern, as <code>disabled</code> isn't a valid attribute an <code>a</code> HTML element, compare to e.g. the <a href=\"https://w3c.github.io/html-aria/#att-disabled\">W3C ARIA documentation</a> and the <a href=\"https://html.spec.whatwg.org/#the-a-element\">W3C spec</a>:</p>\n<blockquote>\n<p>Use the disabled attribute on any element that is allowed the disabled attribute in HTML.</p>\n</blockquote>\n<blockquote>\n<p>Only use the aria-disabled attribute for elements that are not allowed to have a disabled attribute in HTML.</p>\n</blockquote>\n<p>Please keep in mind to only include a disabled link sparly, as it's not recommended at all, compare to e.g. <a href=\"https://css-tricks.com/how-to-disable-links/#aa-just-dont-do-it\">https://css-tricks.com/how-to-disable-links/#aa-just-dont-do-it</a></p>\n<h2>Ambiguous labels</h2>\n<p>Please keep in mind to use unambiguous labels: <a href=\"https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label\">https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label</a></p>\n<h2>Link functionality caveat</h2>\n<blockquote>\n<p>The <code>aria-disabled=&quot;true&quot;</code> uses <code>pointer-events: none</code> to try to disable the link functionality of <code>&lt;a&gt;</code>s, but that CSS property is not yet standardized. In addition, even in browsers that do support <code>pointer-events: none</code>, keyboard navigation remains unaffected, meaning that sighted keyboard users and users of assistive technologies will still be able to activate these links. So to be safe, add a <code>tabindex=&quot;-1&quot;</code> attribute on these links (to prevent them from receiving keyboard focus) and use custom JavaScript to disable their functionality.</p>\n</blockquote>\n<p>Adapted from: <a href=\"https://getbootstrap.com/docs/4.3/components/buttons/#link-functionality-caveat\">https://getbootstrap.com/docs/4.3/components/buttons/#link-functionality-caveat</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"link"},"patternExtension":"hbs","patternName":"Link","patternPartial":"elements-link","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-link-links-small/elements-link-links-small.hbs b/review/refactor-icon-update/patterns/elements-link-links-small/elements-link-links-small.hbs
new file mode 100644
index 0000000000..f088aa6e01
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-link-links-small/elements-link-links-small.hbs
@@ -0,0 +1,21 @@
+{{#unless size}}
+	<p>
+		{{ excerpt.slim }}. {{> elements-link href='#' value='Text Link' size=size }}{{ excerpt.slim }}
+	</p>
+	<p>
+		{{ excerpt.slim }}. {{> elements-link href='#' value='Text Link (disabled)' disabled='true' size=size }}{{ excerpt.slim }}
+	</p>
+{{/unless }}
+
+<p class="{{ styleModifier }}">
+	{{> elements-link href='#' value='Teaser link' }}
+</p>
+<p class="{{ styleModifier }}">
+	{{> elements-link href='#' value='Teaser link' icon='settings' }}
+</p>
+<p class="{{ styleModifier }}">
+	{{> elements-link href='#' value='Teaser link (disabled)' disabled='true' }}
+</p>
+<p class="{{ styleModifier }}">
+	{{> elements-link href='#' value='Teaser Link (disabled)' icon-after='account' disabled='true' size=size }}
+</p>
diff --git a/review/refactor-icon-update/patterns/elements-link-links-small/elements-link-links-small.markup-only.html b/review/refactor-icon-update/patterns/elements-link-links-small/elements-link-links-small.markup-only.html
new file mode 100644
index 0000000000..6b2e219025
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-link-links-small/elements-link-links-small.markup-only.html
@@ -0,0 +1,81 @@
+
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		 data-icon="settings"
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		
+		
+		>Teaser link (disabled)
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		
+		 data-icon-after="account"
+		>Teaser Link (disabled)
+	</a>
+</p>
diff --git a/review/refactor-icon-update/patterns/elements-link-links-small/elements-link-links-small.rendered.html b/review/refactor-icon-update/patterns/elements-link-links-small/elements-link-links-small.rendered.html
new file mode 100644
index 0000000000..08815c702f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-link-links-small/elements-link-links-small.rendered.html
@@ -0,0 +1,198 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		 data-icon="settings"
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		
+		
+		>Teaser link (disabled)
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		
+		 data-icon-after="account"
+		>Teaser Link (disabled)
+	</a>
+</p>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"link"},"patternExtension":"hbs","patternName":"Links Small","patternPartial":"elements-links-small","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"link"},"patternExtension":"hbs","patternName":"Links Small","patternPartial":"elements-links-small","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-link-links/elements-link-links.hbs b/review/refactor-icon-update/patterns/elements-link-links/elements-link-links.hbs
new file mode 100644
index 0000000000..f088aa6e01
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-link-links/elements-link-links.hbs
@@ -0,0 +1,21 @@
+{{#unless size}}
+	<p>
+		{{ excerpt.slim }}. {{> elements-link href='#' value='Text Link' size=size }}{{ excerpt.slim }}
+	</p>
+	<p>
+		{{ excerpt.slim }}. {{> elements-link href='#' value='Text Link (disabled)' disabled='true' size=size }}{{ excerpt.slim }}
+	</p>
+{{/unless }}
+
+<p class="{{ styleModifier }}">
+	{{> elements-link href='#' value='Teaser link' }}
+</p>
+<p class="{{ styleModifier }}">
+	{{> elements-link href='#' value='Teaser link' icon='settings' }}
+</p>
+<p class="{{ styleModifier }}">
+	{{> elements-link href='#' value='Teaser link (disabled)' disabled='true' }}
+</p>
+<p class="{{ styleModifier }}">
+	{{> elements-link href='#' value='Teaser Link (disabled)' icon-after='account' disabled='true' size=size }}
+</p>
diff --git a/review/refactor-icon-update/patterns/elements-link-links/elements-link-links.markup-only.html b/review/refactor-icon-update/patterns/elements-link-links/elements-link-links.markup-only.html
new file mode 100644
index 0000000000..7e88cb5f11
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-link-links/elements-link-links.markup-only.html
@@ -0,0 +1,123 @@
+	<p>
+		Lorem ipsum dolor sit amet, consectetur adipisicing elit. <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Text Link
+</a>
+Lorem ipsum dolor sit amet, consectetur adipisicing elit
+	</p>
+	<p>
+		Lorem ipsum dolor sit amet, consectetur adipisicing elit. <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	 aria-disabled="true" tabindex="-1"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Text Link (disabled)
+</a>
+Lorem ipsum dolor sit amet, consectetur adipisicing elit
+	</p>
+
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-icon="settings"
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Teaser link (disabled)
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-icon-after="account"
+		>Teaser Link (disabled)
+	</a>
+</p>
diff --git a/review/refactor-icon-update/patterns/elements-link-links/elements-link-links.rendered.html b/review/refactor-icon-update/patterns/elements-link-links/elements-link-links.rendered.html
new file mode 100644
index 0000000000..dec6027cb2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-link-links/elements-link-links.rendered.html
@@ -0,0 +1,240 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+	<p>
+		Lorem ipsum dolor sit amet, consectetur adipisicing elit. <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Text Link
+</a>
+Lorem ipsum dolor sit amet, consectetur adipisicing elit
+	</p>
+	<p>
+		Lorem ipsum dolor sit amet, consectetur adipisicing elit. <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	 aria-disabled="true" tabindex="-1"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Text Link (disabled)
+</a>
+Lorem ipsum dolor sit amet, consectetur adipisicing elit
+	</p>
+
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-icon="settings"
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Teaser link (disabled)
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-icon-after="account"
+		>Teaser Link (disabled)
+	</a>
+</p>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"link"},"patternExtension":"hbs","patternName":"Links","patternPartial":"elements-links","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"link"},"patternExtension":"hbs","patternName":"Links","patternPartial":"elements-links","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-link/index.html b/review/refactor-icon-update/patterns/elements-link/index.html
new file mode 100644
index 0000000000..e68a13f0fb
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-link/index.html
@@ -0,0 +1,505 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-elements-link" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-link&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-link">Link</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Variations/configurability</h2>
+<h3>Size</h3>
+<h4>SCSS (recommended)</h4>
+<p>Extend one of the size SCSS placeholders in case that you don't want the default (regular): <code>%size-Small</code> or <code>%size-Large</code></p>
+<h4>HTML attribute</h4>
+<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is &quot;regular&quot; and in that case is optional.</p>
+<h3>Icons</h3>
+<p>The following three <code>rel=*</code> annotated links even already include an icon by default - you could enhance those by your own declarations for further patterns of linked pages.</p>
+<pre><code class="language-css">[rel=&quot;configuration&quot;]
+[rel=&quot;messages&quot;]
+[rel=&quot;account&quot;]
+</code></pre>
+<h2>Title attribute</h2>
+<p>Advice: Don't provide title attributes to links with identical text nodes. Since the text node is already perfectly visible, this is completely redundant. It doesn't even add anything for screen readers except — in some cases — repetition.</p>
+<h2>Button vs. Link</h2>
+<blockquote>
+<p>The HTML elements for buttons and links describe a very specific type of action that is going to be taken when they are used. It is important you know when to use which, as the distinction matters:</p>
+<ul>
+<li>Use a link when you’re navigating to another place, such as: a &quot;view all&quot; page, &quot;Jane Chen&quot; profile, a page &quot;skip link&quot; etc.</li>
+<li>Use buttons when you are performing an action, such as: &quot;submit,&quot; &quot;merge,&quot; &quot;create new,&quot; &quot;upload,&quot; etc.</li>
+<li>An action is almost always on the same page</li>
+</ul>
+</blockquote>
+<p>Source: <a href="https://www.lightningdesignsystem.com/components/buttons/#About-Buttons">https://www.lightningdesignsystem.com/components/buttons/#About-Buttons</a></p>
+<p>Further argumentations:</p>
+<ul>
+<li><a href="https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2">https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2</a></li>
+<li><a href="https://uxmovement.com/buttons/when-to-use-a-button-or-link/">https://uxmovement.com/buttons/when-to-use-a-button-or-link/</a></li>
+</ul>
+<h3>JavaScript &quot;links&quot;</h3>
+<blockquote>
+<p>Never use <code>&quot;javascript:&quot; &quot;#&quot;</code> or similar as the value of an <code>href</code> attribute. The purpose of the <code>href</code> attribute is to specify a URL only. If you wish to run JavaScript on an element click, use a <code>button</code> instead.</p>
+</blockquote>
+<p>Source: <a href="https://ebay.gitbook.io/mindpatterns/antipatterns/javascript-href">https://ebay.gitbook.io/mindpatterns/antipatterns/javascript-href</a></p>
+<h2>Further relevant attributes</h2>
+<p>Source: <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a</a></p>
+<h3>hreflang</h3>
+<blockquote>
+<p>This attribute indicates the human language of the linked resource. It is purely advisory, with no built-in functionality. Allowed values are determined by <a href="https://www.ietf.org/rfc/bcp/bcp47.txt">BCP47</a>.</p>
+</blockquote>
+<h3>ping</h3>
+<blockquote>
+<p>Contains a space-separated list of URLs to which, when the hyperlink is followed, <code>POST</code> requests with the body <code>PING</code> will be sent by the browser (in the background). Typically used for tracking/analytics.</p>
+</blockquote>
+<h3>rel</h3>
+<blockquote>
+<p>Specifies the relationship of the target object to the link object. The value is a space-separated list of <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">link types</a>.</p>
+</blockquote>
+<h3>target</h3>
+<blockquote>
+<p>Specifies where to display the linked URL. It is a name of, or keyword for, a browsing context: a tab, window, or <code>&lt;iframe&gt;</code></p>
+</blockquote>
+<blockquote>
+<p>Note: When using <code>target</code>, consider adding <code>rel=&quot;noreferrer&quot;</code> to avoid exploitation of the <code>window.opener API</code>. See <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Security_and_privacy_concerns">Security concerns</a> section.</p>
+</blockquote>
+<blockquote>
+<p>Note: Linking to another page using <code>target=&quot;_blank&quot;</code> will run the new page on the same process as your page. If the new page is executing expensive JS, your page's performance may suffer. To avoid this use <code>rel=&quot;noopener&quot;</code>.</p>
+</blockquote>
+<h3><code>aria-disabled</code></h3>
+<p>Instead of the <code>disabled</code>-attribute we're using for the <code>button</code> pattern to define a disabled state, we couldn't use this attribute on the <code>link</code> pattern, as <code>disabled</code> isn't a valid attribute an <code>a</code> HTML element, compare to e.g. the <a href="https://w3c.github.io/html-aria/#att-disabled">W3C ARIA documentation</a> and the <a href="https://html.spec.whatwg.org/#the-a-element">W3C spec</a>:</p>
+<blockquote>
+<p>Use the disabled attribute on any element that is allowed the disabled attribute in HTML.</p>
+</blockquote>
+<blockquote>
+<p>Only use the aria-disabled attribute for elements that are not allowed to have a disabled attribute in HTML.</p>
+</blockquote>
+<p>Please keep in mind to only include a disabled link sparly, as it's not recommended at all, compare to e.g. <a href="https://css-tricks.com/how-to-disable-links/#aa-just-dont-do-it">https://css-tricks.com/how-to-disable-links/#aa-just-dont-do-it</a></p>
+<h2>Ambiguous labels</h2>
+<p>Please keep in mind to use unambiguous labels: <a href="https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label">https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label</a></p>
+<h2>Link functionality caveat</h2>
+<blockquote>
+<p>The <code>aria-disabled=&quot;true&quot;</code> uses <code>pointer-events: none</code> to try to disable the link functionality of <code>&lt;a&gt;</code>s, but that CSS property is not yet standardized. In addition, even in browsers that do support <code>pointer-events: none</code>, keyboard navigation remains unaffected, meaning that sighted keyboard users and users of assistive technologies will still be able to activate these links. So to be safe, add a <code>tabindex=&quot;-1&quot;</code> attribute on these links (to prevent them from receiving keyboard focus) and use custom JavaScript to disable their functionality.</p>
+</blockquote>
+<p>Adapted from: <a href="https://getbootstrap.com/docs/4.3/components/buttons/#link-functionality-caveat">https://getbootstrap.com/docs/4.3/components/buttons/#link-functionality-caveat</a></p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-links" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-link-links&#x2F;elements-link-links.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-links" title="Link to Pattern">
+						Links
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-links" data-patternpartial="elements-links" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-links">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<p>
+		Lorem ipsum dolor sit amet, consectetur adipisicing elit. <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Text Link
+</a>
+Lorem ipsum dolor sit amet, consectetur adipisicing elit
+	</p>
+	<p>
+		Lorem ipsum dolor sit amet, consectetur adipisicing elit. <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	 aria-disabled="true" tabindex="-1"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Text Link (disabled)
+</a>
+Lorem ipsum dolor sit amet, consectetur adipisicing elit
+	</p>
+
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-icon="settings"
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Teaser link (disabled)
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-icon-after="account"
+		>Teaser Link (disabled)
+	</a>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-links" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"link"},"patternExtension":"hbs","patternName":"Links","patternPartial":"elements-links","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-links-small" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-link-links-small&#x2F;elements-link-links-small.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-links-small" title="Link to Pattern">
+						Links Small
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-links-small" data-patternpartial="elements-links-small" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-links-small">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		 data-icon="settings"
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		
+		
+		>Teaser link (disabled)
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		
+		 data-icon-after="account"
+		>Teaser Link (disabled)
+	</a>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-links-small" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"link"},"patternExtension":"hbs","patternName":"Links Small","patternPartial":"elements-links-small","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-elements-link"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-elements-link"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-XS/elements-loading-indicator-loading-indicator-size-XS.hbs b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-XS/elements-loading-indicator-loading-indicator-size-XS.hbs
new file mode 100644
index 0000000000..4005a090d1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-XS/elements-loading-indicator-loading-indicator-size-XS.hbs
@@ -0,0 +1,16 @@
+<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="{{ id }}" role="img"
+	{{#if size }} data-size="{{ size }}"{{/if }}
+>
+	<title id="{{ id }}">{{aria-description}}</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-XS/elements-loading-indicator-loading-indicator-size-XS.markup-only.html b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-XS/elements-loading-indicator-loading-indicator-size-XS.markup-only.html
new file mode 100644
index 0000000000..b912254fd6
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-XS/elements-loading-indicator-loading-indicator-size-XS.markup-only.html
@@ -0,0 +1,16 @@
+<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-xs" role="img"
+	 data-size="xs"
+>
+	<title id="elm-loadingindicator__description-xs">Example description for xs loading spinner</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-XS/elements-loading-indicator-loading-indicator-size-XS.rendered.html b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-XS/elements-loading-indicator-loading-indicator-size-XS.rendered.html
new file mode 100644
index 0000000000..2b02d7c572
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-XS/elements-loading-indicator-loading-indicator-size-XS.rendered.html
@@ -0,0 +1,133 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-xs" role="img"
+	 data-size="xs"
+>
+	<title id="elm-loadingindicator__description-xs">Example description for xs loading spinner</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size XS","patternPartial":"elements-loading-indicator-size-XS","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size XS","patternPartial":"elements-loading-indicator-size-XS","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-l/elements-loading-indicator-loading-indicator-size-l.hbs b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-l/elements-loading-indicator-loading-indicator-size-l.hbs
new file mode 100644
index 0000000000..4005a090d1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-l/elements-loading-indicator-loading-indicator-size-l.hbs
@@ -0,0 +1,16 @@
+<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="{{ id }}" role="img"
+	{{#if size }} data-size="{{ size }}"{{/if }}
+>
+	<title id="{{ id }}">{{aria-description}}</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-l/elements-loading-indicator-loading-indicator-size-l.markup-only.html b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-l/elements-loading-indicator-loading-indicator-size-l.markup-only.html
new file mode 100644
index 0000000000..891199e89a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-l/elements-loading-indicator-loading-indicator-size-l.markup-only.html
@@ -0,0 +1,16 @@
+<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-l" role="img"
+	 data-size="l"
+>
+	<title id="elm-loadingindicator__description-l">Example description for loading spinner size L</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-l/elements-loading-indicator-loading-indicator-size-l.rendered.html b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-l/elements-loading-indicator-loading-indicator-size-l.rendered.html
new file mode 100644
index 0000000000..f5b8997753
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-l/elements-loading-indicator-loading-indicator-size-l.rendered.html
@@ -0,0 +1,133 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-l" role="img"
+	 data-size="l"
+>
+	<title id="elm-loadingindicator__description-l">Example description for loading spinner size L</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size L","patternPartial":"elements-loading-indicator-size-l","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":4}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size L","patternPartial":"elements-loading-indicator-size-l","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":4}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-m/elements-loading-indicator-loading-indicator-size-m.hbs b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-m/elements-loading-indicator-loading-indicator-size-m.hbs
new file mode 100644
index 0000000000..4005a090d1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-m/elements-loading-indicator-loading-indicator-size-m.hbs
@@ -0,0 +1,16 @@
+<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="{{ id }}" role="img"
+	{{#if size }} data-size="{{ size }}"{{/if }}
+>
+	<title id="{{ id }}">{{aria-description}}</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-m/elements-loading-indicator-loading-indicator-size-m.markup-only.html b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-m/elements-loading-indicator-loading-indicator-size-m.markup-only.html
new file mode 100644
index 0000000000..e896a795ac
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-m/elements-loading-indicator-loading-indicator-size-m.markup-only.html
@@ -0,0 +1,16 @@
+<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-m" role="img"
+	 data-size="m"
+>
+	<title id="elm-loadingindicator__description-m">Example description for loading spinner size M</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-m/elements-loading-indicator-loading-indicator-size-m.rendered.html b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-m/elements-loading-indicator-loading-indicator-size-m.rendered.html
new file mode 100644
index 0000000000..c758f98bec
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-m/elements-loading-indicator-loading-indicator-size-m.rendered.html
@@ -0,0 +1,133 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-m" role="img"
+	 data-size="m"
+>
+	<title id="elm-loadingindicator__description-m">Example description for loading spinner size M</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size M","patternPartial":"elements-loading-indicator-size-m","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size M","patternPartial":"elements-loading-indicator-size-m","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-s/elements-loading-indicator-loading-indicator-size-s.hbs b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-s/elements-loading-indicator-loading-indicator-size-s.hbs
new file mode 100644
index 0000000000..4005a090d1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-s/elements-loading-indicator-loading-indicator-size-s.hbs
@@ -0,0 +1,16 @@
+<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="{{ id }}" role="img"
+	{{#if size }} data-size="{{ size }}"{{/if }}
+>
+	<title id="{{ id }}">{{aria-description}}</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-s/elements-loading-indicator-loading-indicator-size-s.markup-only.html b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-s/elements-loading-indicator-loading-indicator-size-s.markup-only.html
new file mode 100644
index 0000000000..63dc93e0c2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-s/elements-loading-indicator-loading-indicator-size-s.markup-only.html
@@ -0,0 +1,16 @@
+<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-s" role="img"
+	 data-size="s"
+>
+	<title id="elm-loadingindicator__description-s">Example description for s loading spinner</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-s/elements-loading-indicator-loading-indicator-size-s.rendered.html b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-s/elements-loading-indicator-loading-indicator-size-s.rendered.html
new file mode 100644
index 0000000000..97e8b3aba8
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-s/elements-loading-indicator-loading-indicator-size-s.rendered.html
@@ -0,0 +1,133 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-s" role="img"
+	 data-size="s"
+>
+	<title id="elm-loadingindicator__description-s">Example description for s loading spinner</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size S","patternPartial":"elements-loading-indicator-size-s","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size S","patternPartial":"elements-loading-indicator-size-s","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-xl/elements-loading-indicator-loading-indicator-size-xl.hbs b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-xl/elements-loading-indicator-loading-indicator-size-xl.hbs
new file mode 100644
index 0000000000..4005a090d1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-xl/elements-loading-indicator-loading-indicator-size-xl.hbs
@@ -0,0 +1,16 @@
+<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="{{ id }}" role="img"
+	{{#if size }} data-size="{{ size }}"{{/if }}
+>
+	<title id="{{ id }}">{{aria-description}}</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-xl/elements-loading-indicator-loading-indicator-size-xl.markup-only.html b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-xl/elements-loading-indicator-loading-indicator-size-xl.markup-only.html
new file mode 100644
index 0000000000..340aa17592
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-xl/elements-loading-indicator-loading-indicator-size-xl.markup-only.html
@@ -0,0 +1,16 @@
+<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-xl" role="img"
+	 data-size="xl"
+>
+	<title id="elm-loadingindicator__description-xl">Example description for loading spinner size XL</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-xl/elements-loading-indicator-loading-indicator-size-xl.rendered.html b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-xl/elements-loading-indicator-loading-indicator-size-xl.rendered.html
new file mode 100644
index 0000000000..a4814da955
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator-size-xl/elements-loading-indicator-loading-indicator-size-xl.rendered.html
@@ -0,0 +1,133 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-xl" role="img"
+	 data-size="xl"
+>
+	<title id="elm-loadingindicator__description-xl">Example description for loading spinner size XL</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size XL","patternPartial":"elements-loading-indicator-size-xl","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":5}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size XL","patternPartial":"elements-loading-indicator-size-xl","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":5}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator/elements-loading-indicator-loading-indicator.hbs b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator/elements-loading-indicator-loading-indicator.hbs
new file mode 100644
index 0000000000..4005a090d1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator/elements-loading-indicator-loading-indicator.hbs
@@ -0,0 +1,16 @@
+<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="{{ id }}" role="img"
+	{{#if size }} data-size="{{ size }}"{{/if }}
+>
+	<title id="{{ id }}">{{aria-description}}</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator/elements-loading-indicator-loading-indicator.markup-only.html b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator/elements-loading-indicator-loading-indicator.markup-only.html
new file mode 100644
index 0000000000..0dfa73db53
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator/elements-loading-indicator-loading-indicator.markup-only.html
@@ -0,0 +1,16 @@
+<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description" role="img"
+	
+>
+	<title id="elm-loadingindicator__description">Example description for loading spinner</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator/elements-loading-indicator-loading-indicator.rendered.html b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator/elements-loading-indicator-loading-indicator.rendered.html
new file mode 100644
index 0000000000..65f27e4b72
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator-loading-indicator/elements-loading-indicator-loading-indicator.rendered.html
@@ -0,0 +1,133 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description" role="img"
+	
+>
+	<title id="elm-loadingindicator__description">Example description for loading spinner</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator","patternPartial":"elements-loading-indicator","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator","patternPartial":"elements-loading-indicator","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-loading-indicator/index.html b/review/refactor-icon-update/patterns/elements-loading-indicator/index.html
new file mode 100644
index 0000000000..7d6df564b7
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-loading-indicator/index.html
@@ -0,0 +1,508 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-elements-loading-indicator" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-loading-indicator&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-loading-indicator">Loading Indicator</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<p>Progress spinners (loading indicators) show the user that a longer-lasting action is being carried out.<br>
+Progress/Loading Indicators are used when the application executes a server request or processes data in the frontend. The component is used as soon as the execution and the resulting delay are noticeable to the user. This keeps the user aware that his or her action is being executed.</p>
+<h2>Accessibility</h2>
+<p>SVGs are often conveyed inconsistently to assistive technologies. The component’s accessibility is also highly contextual.
+For optimal user experience, use the aria-description prop to let assistive technology users know the purpose of the loading spinner.</p>
+<h3><code>aria-live</code> and dynamic creation of html content</h3>
+<p>Using JavaScript (e.g. in context of frameworks like Angular, VueJS or React), it is possible to dynamically change parts of a page without requiring the entire page to reload — for instance, to update a list of search results on the fly, or to display a discreet alert or notification which does not require user interaction. While these changes are usually visually apparent to users who can see the page, they may not be obvious to users of assistive technologies. ARIA live regions fill this gap and provide a way to programmatically expose dynamic content changes in a way that can be announced by assistive technologies.</p>
+<p><code>aria-live</code> triggers screen readers when an element with aria-live (or text within an element with aria-live) is added or removed from the DOM. In contrast, when you unhide a hidden element, neither elements nor text are added or removed from the DOM, so the element's aria-live property doesn’t come into play.</p>
+<p>Note that the live region needs to be present in the markup before the notification is generated or updated. If you dynamically generate both at the same time and inject them into the page, they will generally not be announced by assistive technologies.</p>
+<p>You also need to adapt the <code>role</code> and <code>aria-live</code> level depending on the content. Further information can be found here <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions</a></p>
+<h2>Recommendations</h2>
+<h3>Do</h3>
+<p>If the application is waiting for a process, it makes sense to display an indicator in a central location.</p>
+<h3>Don‘t</h3>
+<p>An indicator should not be used to visualize the application waiting for user input.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-loading-indicator" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-loading-indicator-loading-indicator&#x2F;elements-loading-indicator-loading-indicator.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-loading-indicator" title="Link to Pattern">
+						Loading Indicator
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-loading-indicator" data-patternpartial="elements-loading-indicator" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-loading-indicator">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description" role="img"
+	
+>
+	<title id="elm-loadingindicator__description">Example description for loading spinner</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-loading-indicator" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator","patternPartial":"elements-loading-indicator","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-loading-indicator-size-s" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-loading-indicator-loading-indicator-size-s&#x2F;elements-loading-indicator-loading-indicator-size-s.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-loading-indicator-size-s" title="Link to Pattern">
+						Loading Indicator Size S
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-loading-indicator-size-s" data-patternpartial="elements-loading-indicator-size-s" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-loading-indicator-size-s">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-s" role="img"
+	 data-size="s"
+>
+	<title id="elm-loadingindicator__description-s">Example description for s loading spinner</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-loading-indicator-size-s" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size S","patternPartial":"elements-loading-indicator-size-s","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-loading-indicator-size-XS" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-loading-indicator-loading-indicator-size-XS&#x2F;elements-loading-indicator-loading-indicator-size-XS.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-loading-indicator-size-XS" title="Link to Pattern">
+						Loading Indicator Size XS
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-loading-indicator-size-XS" data-patternpartial="elements-loading-indicator-size-XS" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-loading-indicator-size-XS">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-xs" role="img"
+	 data-size="xs"
+>
+	<title id="elm-loadingindicator__description-xs">Example description for xs loading spinner</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-loading-indicator-size-XS" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size XS","patternPartial":"elements-loading-indicator-size-XS","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-loading-indicator-size-m" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-loading-indicator-loading-indicator-size-m&#x2F;elements-loading-indicator-loading-indicator-size-m.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-loading-indicator-size-m" title="Link to Pattern">
+						Loading Indicator Size M
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-loading-indicator-size-m" data-patternpartial="elements-loading-indicator-size-m" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-loading-indicator-size-m">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-m" role="img"
+	 data-size="m"
+>
+	<title id="elm-loadingindicator__description-m">Example description for loading spinner size M</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-loading-indicator-size-m" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size M","patternPartial":"elements-loading-indicator-size-m","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-loading-indicator-size-l" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-loading-indicator-loading-indicator-size-l&#x2F;elements-loading-indicator-loading-indicator-size-l.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-loading-indicator-size-l" title="Link to Pattern">
+						Loading Indicator Size L
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-loading-indicator-size-l" data-patternpartial="elements-loading-indicator-size-l" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-loading-indicator-size-l">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-l" role="img"
+	 data-size="l"
+>
+	<title id="elm-loadingindicator__description-l">Example description for loading spinner size L</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-loading-indicator-size-l" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size L","patternPartial":"elements-loading-indicator-size-l","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":4}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-loading-indicator-size-xl" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-loading-indicator-loading-indicator-size-xl&#x2F;elements-loading-indicator-loading-indicator-size-xl.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-loading-indicator-size-xl" title="Link to Pattern">
+						Loading Indicator Size XL
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-loading-indicator-size-xl" data-patternpartial="elements-loading-indicator-size-xl" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-loading-indicator-size-xl">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-xl" role="img"
+	 data-size="xl"
+>
+	<title id="elm-loadingindicator__description-xl">Example description for loading spinner size XL</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-loading-indicator-size-xl" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size XL","patternPartial":"elements-loading-indicator-size-xl","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":5}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-elements-loading-indicator"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-elements-loading-indicator"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.hbs b/review/refactor-icon-update/patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.hbs
new file mode 100644
index 0000000000..9ea4a4f1a0
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.hbs
@@ -0,0 +1,7 @@
+<ul class="DO-NOT-COPY-THIS-CLASS-example-logo-list">
+	{{#each example-bgs }}
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-{{ variant }}">
+			{{> elements-logo }}
+		</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.markup-only.html b/review/refactor-icon-update/patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.markup-only.html
new file mode 100644
index 0000000000..06c312d47a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.markup-only.html
@@ -0,0 +1,34 @@
+<ul class="DO-NOT-COPY-THIS-CLASS-example-logo-list">
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cool-gray">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-image">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html b/review/refactor-icon-update/patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html
new file mode 100644
index 0000000000..ebe9389a32
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html
@@ -0,0 +1,151 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<ul class="DO-NOT-COPY-THIS-CLASS-example-logo-list">
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cool-gray">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-image">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo On Backgrounds","patternPartial":"elements-logo-on-backgrounds","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo On Backgrounds","patternPartial":"elements-logo-on-backgrounds","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.hbs b/review/refactor-icon-update/patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.hbs
new file mode 100644
index 0000000000..3daa81f118
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.hbs
@@ -0,0 +1,7 @@
+<ul class="DO-NOT-COPY-THIS-CLASS-example-logo-list">
+	{{#each sizes }}
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-{{ size }}">
+			{{> elements-logo }}
+		</li>
+	{{/each }}
+</ul>
diff --git a/review/refactor-icon-update/patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.markup-only.html b/review/refactor-icon-update/patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.markup-only.html
new file mode 100644
index 0000000000..67cc25420f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.markup-only.html
@@ -0,0 +1,42 @@
+<ul class="DO-NOT-COPY-THIS-CLASS-example-logo-list">
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-xsmall">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="xsmall">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-small">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="small">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-medium">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="medium">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-large">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="large">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-xlarge">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="xlarge">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+</ul>
diff --git a/review/refactor-icon-update/patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html b/review/refactor-icon-update/patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html
new file mode 100644
index 0000000000..5b68975d00
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html
@@ -0,0 +1,159 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<ul class="DO-NOT-COPY-THIS-CLASS-example-logo-list">
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-xsmall">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="xsmall">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-small">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="small">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-medium">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="medium">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-large">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="large">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-xlarge">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="xlarge">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+</ul>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo Sizes","patternPartial":"elements-logo-sizes","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo Sizes","patternPartial":"elements-logo-sizes","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.hbs b/review/refactor-icon-update/patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.hbs
new file mode 100644
index 0000000000..7838ec8914
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.hbs
@@ -0,0 +1,2 @@
+{{> elements-logo }}
+{{> elements-headline pulse="true" text="Lorem ipsum dolores sint" type="1" }}
diff --git a/review/refactor-icon-update/patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.markup-only.html b/review/refactor-icon-update/patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.markup-only.html
new file mode 100644
index 0000000000..e92b433a7a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.markup-only.html
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	class="elm-logo"
+	>
+	<use href="../../images/db_logo.svg#logo"></use>
+</svg>
+<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+<h1 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h1>
diff --git a/review/refactor-icon-update/patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html b/review/refactor-icon-update/patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html
new file mode 100644
index 0000000000..fc0af2522d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html
@@ -0,0 +1,125 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<svg xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	class="elm-logo"
+	>
+	<use href="../../images/db_logo.svg#logo"></use>
+</svg>
+<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+<h1 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h1>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo With Following Headline","patternPartial":"elements-logo-with-following-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo With Following Headline","patternPartial":"elements-logo-with-following-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-logo-logo/elements-logo-logo.hbs b/review/refactor-icon-update/patterns/elements-logo-logo/elements-logo-logo.hbs
new file mode 100644
index 0000000000..5dbab719ef
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-logo-logo/elements-logo-logo.hbs
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	class="elm-logo"
+	{{#if size }} data-size="{{ size }}"{{/if }}>
+	<use href="../../images/db_logo.svg#logo"></use>
+</svg>
diff --git a/review/refactor-icon-update/patterns/elements-logo-logo/elements-logo-logo.markup-only.html b/review/refactor-icon-update/patterns/elements-logo-logo/elements-logo-logo.markup-only.html
new file mode 100644
index 0000000000..13e34de502
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-logo-logo/elements-logo-logo.markup-only.html
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	class="elm-logo"
+	>
+	<use href="../../images/db_logo.svg#logo"></use>
+</svg>
diff --git a/review/refactor-icon-update/patterns/elements-logo-logo/elements-logo-logo.rendered.html b/review/refactor-icon-update/patterns/elements-logo-logo/elements-logo-logo.rendered.html
new file mode 100644
index 0000000000..70fa6b9f0d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-logo-logo/elements-logo-logo.rendered.html
@@ -0,0 +1,123 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<svg xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	class="elm-logo"
+	>
+	<use href="../../images/db_logo.svg#logo"></use>
+</svg>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-on-backgrounds","lineagePath":"../../patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html"},{"lineagePattern":"elements-logo-sizes","lineagePath":"../../patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"}],"lineageR":[{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-on-backgrounds","lineagePath":"../../patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html"},{"lineagePattern":"elements-logo-sizes","lineagePath":"../../patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo","patternPartial":"elements-logo","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-on-backgrounds","lineagePath":"../../patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html"},{"lineagePattern":"elements-logo-sizes","lineagePath":"../../patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"}],"lineageR":[{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-on-backgrounds","lineagePath":"../../patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html"},{"lineagePattern":"elements-logo-sizes","lineagePath":"../../patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo","patternPartial":"elements-logo","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-logo/index.html b/review/refactor-icon-update/patterns/elements-logo/index.html
new file mode 100644
index 0000000000..60a73fa199
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-logo/index.html
@@ -0,0 +1,414 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-elements-logo" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-logo&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-logo">Logo</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<p>Please find a lot of more information regarding our logo and how to use it within the <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/foundation/Logo">Marketingportal</a>.</p>
+<h2>Adapt logos colors (background and fill)</h2>
+<p>You could easily change the line-colors of the logo as well as the background color by defining different color values for both CSS variables:</p>
+<ul>
+<li><code>--db-logo-color</code></li>
+<li><code>--db-logo-backgroundColor</code></li>
+</ul>
+<p>The fallback for an undefined <code>--db-logo-color</code> is our DB Red (<code>#f01414</code>), and <code>--db-logo-backgroundColor</code> would fall back to <code>transparent</code>, which is the general background defined by brand.</p>
+<h2>Size</h2>
+<h3>SCSS (recommended)</h3>
+<p>Extend one of the size SCSS placeholders in case that you don't want the default (xlarge, 58px width, 40px height): <code>%logo-size-xsmall</code>, <code>%logo-size-small</code>, <code>%logo-size-medium</code>, <code>%logo-size-large</code> or <code>%logo-size-xlarge</code></p>
+<h3>HTML attribute</h3>
+<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is <code>xlarge</code> and in that case is optional.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-logo" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-logo-logo&#x2F;elements-logo-logo.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-logo" title="Link to Pattern">
+						Logo
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-logo" data-patternpartial="elements-logo" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-logo">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	class="elm-logo"
+	>
+	<use href="../../images/db_logo.svg#logo"></use>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-logo" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-on-backgrounds","lineagePath":"../../patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html"},{"lineagePattern":"elements-logo-sizes","lineagePath":"../../patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"}],"lineageR":[{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-on-backgrounds","lineagePath":"../../patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html"},{"lineagePattern":"elements-logo-sizes","lineagePath":"../../patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo","patternPartial":"elements-logo","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-logo-on-backgrounds" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-logo-logo-on-backgrounds&#x2F;elements-logo-logo-on-backgrounds.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-logo-on-backgrounds" title="Link to Pattern">
+						Logo On Backgrounds
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-logo-on-backgrounds" data-patternpartial="elements-logo-on-backgrounds" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-logo-on-backgrounds">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="DO-NOT-COPY-THIS-CLASS-example-logo-list">
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cool-gray">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-image">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-logo-on-backgrounds" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo On Backgrounds","patternPartial":"elements-logo-on-backgrounds","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-logo-sizes" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-logo-logo-sizes&#x2F;elements-logo-logo-sizes.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-logo-sizes" title="Link to Pattern">
+						Logo Sizes
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-logo-sizes" data-patternpartial="elements-logo-sizes" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-logo-sizes">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="DO-NOT-COPY-THIS-CLASS-example-logo-list">
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-xsmall">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="xsmall">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-small">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="small">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-medium">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="medium">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-large">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="large">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-xlarge">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="xlarge">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-logo-sizes" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo Sizes","patternPartial":"elements-logo-sizes","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-logo-with-following-headline" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-logo-logo-with-following-headline&#x2F;elements-logo-logo-with-following-headline.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-logo-with-following-headline" title="Link to Pattern">
+						Logo With Following Headline
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-logo-with-following-headline" data-patternpartial="elements-logo-with-following-headline" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-logo-with-following-headline">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	class="elm-logo"
+	>
+	<use href="../../images/db_logo.svg#logo"></use>
+</svg>
+<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+<h1 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h1>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-logo-with-following-headline" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo With Following Headline","patternPartial":"elements-logo-with-following-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-elements-logo"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-elements-logo"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner-indeterminate/elements-progress-progress-linear-spinner-indeterminate.hbs b/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner-indeterminate/elements-progress-progress-linear-spinner-indeterminate.hbs
new file mode 100644
index 0000000000..22a2b0101f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner-indeterminate/elements-progress-progress-linear-spinner-indeterminate.hbs
@@ -0,0 +1,19 @@
+<div class="elm-progress">
+	{{#if conic}}<!-- [html-validate-disable-next no-inline-style] -->{{/if}}
+	<progress
+		{{#if value}}
+			value="{{ value }}"
+			{{#if maximalvalue }} max="{{ maximalvalue }}"{{/if}}
+			{{#if conic}} style="--progress-conic: {{ value }}"{{/if}}
+		{{/if}}
+		id="{{ id }}"
+		{{#if type}} data-type="{{type}}"{{/if }}
+		{{#if_eq type 'loader'}} aria-describedby="{{ id }}-label"{{/if_eq }}></progress>
+	{{#if_eq type 'loader'}}
+		{{#if value}}<label
+			for="{{ id }}"
+			id="{{ id }}-label"
+			aria-hidden="true">{{ value }}{{ unit }}</label>
+		{{/if}}
+	{{/if_eq}}
+</div>
diff --git a/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner-indeterminate/elements-progress-progress-linear-spinner-indeterminate.markup-only.html b/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner-indeterminate/elements-progress-progress-linear-spinner-indeterminate.markup-only.html
new file mode 100644
index 0000000000..4cb1fb5269
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner-indeterminate/elements-progress-progress-linear-spinner-indeterminate.markup-only.html
@@ -0,0 +1,7 @@
+<div class="elm-progress">
+	
+	<progress
+		id="progress-08"
+		 data-type="spinner"
+		></progress>
+</div>
diff --git a/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner-indeterminate/elements-progress-progress-linear-spinner-indeterminate.rendered.html b/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner-indeterminate/elements-progress-progress-linear-spinner-indeterminate.rendered.html
new file mode 100644
index 0000000000..fb50b0eed8
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner-indeterminate/elements-progress-progress-linear-spinner-indeterminate.rendered.html
@@ -0,0 +1,124 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<div class="elm-progress">
+	
+	<progress
+		id="progress-08"
+		 data-type="spinner"
+		></progress>
+</div>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"progress"},"patternExtension":"hbs","patternName":"Linear spinner indeterminate","patternPartial":"elements-progress-linear-spinner-indeterminate","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"progress"},"patternExtension":"hbs","patternName":"Linear spinner indeterminate","patternPartial":"elements-progress-linear-spinner-indeterminate","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner/elements-progress-progress-linear-spinner.hbs b/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner/elements-progress-progress-linear-spinner.hbs
new file mode 100644
index 0000000000..22a2b0101f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner/elements-progress-progress-linear-spinner.hbs
@@ -0,0 +1,19 @@
+<div class="elm-progress">
+	{{#if conic}}<!-- [html-validate-disable-next no-inline-style] -->{{/if}}
+	<progress
+		{{#if value}}
+			value="{{ value }}"
+			{{#if maximalvalue }} max="{{ maximalvalue }}"{{/if}}
+			{{#if conic}} style="--progress-conic: {{ value }}"{{/if}}
+		{{/if}}
+		id="{{ id }}"
+		{{#if type}} data-type="{{type}}"{{/if }}
+		{{#if_eq type 'loader'}} aria-describedby="{{ id }}-label"{{/if_eq }}></progress>
+	{{#if_eq type 'loader'}}
+		{{#if value}}<label
+			for="{{ id }}"
+			id="{{ id }}-label"
+			aria-hidden="true">{{ value }}{{ unit }}</label>
+		{{/if}}
+	{{/if_eq}}
+</div>
diff --git a/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner/elements-progress-progress-linear-spinner.markup-only.html b/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner/elements-progress-progress-linear-spinner.markup-only.html
new file mode 100644
index 0000000000..a4d858912e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner/elements-progress-progress-linear-spinner.markup-only.html
@@ -0,0 +1,10 @@
+<div class="elm-progress">
+	
+	<progress
+			value="68"
+			 max="100"
+			
+		id="progress-07"
+		 data-type="spinner"
+		></progress>
+</div>
diff --git a/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner/elements-progress-progress-linear-spinner.rendered.html b/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner/elements-progress-progress-linear-spinner.rendered.html
new file mode 100644
index 0000000000..323cde7904
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-progress-progress-linear-spinner/elements-progress-progress-linear-spinner.rendered.html
@@ -0,0 +1,127 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<div class="elm-progress">
+	
+	<progress
+			value="68"
+			 max="100"
+			
+		id="progress-07"
+		 data-type="spinner"
+		></progress>
+</div>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"progress"},"patternExtension":"hbs","patternName":"Linear spinner","patternPartial":"elements-progress-linear-spinner","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"progress"},"patternExtension":"hbs","patternName":"Linear spinner","patternPartial":"elements-progress-linear-spinner","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-progress-progress/elements-progress-progress.hbs b/review/refactor-icon-update/patterns/elements-progress-progress/elements-progress-progress.hbs
new file mode 100644
index 0000000000..22a2b0101f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-progress-progress/elements-progress-progress.hbs
@@ -0,0 +1,19 @@
+<div class="elm-progress">
+	{{#if conic}}<!-- [html-validate-disable-next no-inline-style] -->{{/if}}
+	<progress
+		{{#if value}}
+			value="{{ value }}"
+			{{#if maximalvalue }} max="{{ maximalvalue }}"{{/if}}
+			{{#if conic}} style="--progress-conic: {{ value }}"{{/if}}
+		{{/if}}
+		id="{{ id }}"
+		{{#if type}} data-type="{{type}}"{{/if }}
+		{{#if_eq type 'loader'}} aria-describedby="{{ id }}-label"{{/if_eq }}></progress>
+	{{#if_eq type 'loader'}}
+		{{#if value}}<label
+			for="{{ id }}"
+			id="{{ id }}-label"
+			aria-hidden="true">{{ value }}{{ unit }}</label>
+		{{/if}}
+	{{/if_eq}}
+</div>
diff --git a/review/refactor-icon-update/patterns/elements-progress-progress/elements-progress-progress.markup-only.html b/review/refactor-icon-update/patterns/elements-progress-progress/elements-progress-progress.markup-only.html
new file mode 100644
index 0000000000..82c2c17ae2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-progress-progress/elements-progress-progress.markup-only.html
@@ -0,0 +1,14 @@
+<div class="elm-progress">
+	
+	<progress
+			value="68"
+			 max="100"
+			
+		id="progress-01"
+		 data-type="loader"
+		 aria-describedby="progress-01-label"></progress>
+		<label
+			for="progress-01"
+			id="progress-01-label"
+			aria-hidden="true">68%</label>
+</div>
diff --git a/review/refactor-icon-update/patterns/elements-progress-progress/elements-progress-progress.rendered.html b/review/refactor-icon-update/patterns/elements-progress-progress/elements-progress-progress.rendered.html
new file mode 100644
index 0000000000..be989ce5de
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-progress-progress/elements-progress-progress.rendered.html
@@ -0,0 +1,131 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<div class="elm-progress">
+	
+	<progress
+			value="68"
+			 max="100"
+			
+		id="progress-01"
+		 data-type="loader"
+		 aria-describedby="progress-01-label"></progress>
+		<label
+			for="progress-01"
+			id="progress-01-label"
+			aria-hidden="true">68%</label>
+</div>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>Indicate the progress completion of a task, e.g. a file download.</p>\n<p>The circual progress is implemented via progressive enhancement - as the underlaying conic-gradient CSS feature isn't available <a href=\"https://caniuse.com/#feat=css-conic-gradients\">in Firefox</a>, it will get displayed as a &quot;regular&quot; progress instead.</p>\n<h2>JavaScript polyfill necessary for Microsoft Internet Explorer 11 and Edge version 12 till 14</h2>\n<p>If you want to use the conic variant of this pattern and would need to support IE11 as well, you'll need a polyfill like <a href=\"https://github.com/nuxodin/ie11CustomProperties\">ie11CustomProperties</a>, as we're using CSS variables functionality for that variant.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"progress"},"patternExtension":"hbs","patternName":"Linear loader","patternPartial":"elements-progress","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>Indicate the progress completion of a task, e.g. a file download.</p>\n<p>The circual progress is implemented via progressive enhancement - as the underlaying conic-gradient CSS feature isn't available <a href=\"https://caniuse.com/#feat=css-conic-gradients\">in Firefox</a>, it will get displayed as a &quot;regular&quot; progress instead.</p>\n<h2>JavaScript polyfill necessary for Microsoft Internet Explorer 11 and Edge version 12 till 14</h2>\n<p>If you want to use the conic variant of this pattern and would need to support IE11 as well, you'll need a polyfill like <a href=\"https://github.com/nuxodin/ie11CustomProperties\">ie11CustomProperties</a>, as we're using CSS variables functionality for that variant.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"progress"},"patternExtension":"hbs","patternName":"Linear loader","patternPartial":"elements-progress","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-progress/index.html b/review/refactor-icon-update/patterns/elements-progress/index.html
new file mode 100644
index 0000000000..efef3f3eb8
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-progress/index.html
@@ -0,0 +1,302 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-elements-progress" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-progress&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-progress">Progress</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-progress" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-progress-progress&#x2F;elements-progress-progress.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-progress" title="Link to Pattern">
+						Linear loader
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-progress" data-patternpartial="elements-progress" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-progress">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="elm-progress">
+	
+	<progress
+			value="68"
+			 max="100"
+			
+		id="progress-01"
+		 data-type="loader"
+		 aria-describedby="progress-01-label"></progress>
+		<label
+			for="progress-01"
+			id="progress-01-label"
+			aria-hidden="true">68%</label>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-progress" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>Indicate the progress completion of a task, e.g. a file download.</p>\n<p>The circual progress is implemented via progressive enhancement - as the underlaying conic-gradient CSS feature isn't available <a href=\"https://caniuse.com/#feat=css-conic-gradients\">in Firefox</a>, it will get displayed as a &quot;regular&quot; progress instead.</p>\n<h2>JavaScript polyfill necessary for Microsoft Internet Explorer 11 and Edge version 12 till 14</h2>\n<p>If you want to use the conic variant of this pattern and would need to support IE11 as well, you'll need a polyfill like <a href=\"https://github.com/nuxodin/ie11CustomProperties\">ie11CustomProperties</a>, as we're using CSS variables functionality for that variant.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"progress"},"patternExtension":"hbs","patternName":"Linear loader","patternPartial":"elements-progress","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-progress-linear-spinner" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-progress-progress-linear-spinner&#x2F;elements-progress-progress-linear-spinner.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-progress-linear-spinner" title="Link to Pattern">
+						Linear spinner
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-progress-linear-spinner" data-patternpartial="elements-progress-linear-spinner" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-progress-linear-spinner">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="elm-progress">
+	
+	<progress
+			value="68"
+			 max="100"
+			
+		id="progress-07"
+		 data-type="spinner"
+		></progress>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-progress-linear-spinner" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"progress"},"patternExtension":"hbs","patternName":"Linear spinner","patternPartial":"elements-progress-linear-spinner","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-progress-linear-spinner-indeterminate" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-progress-progress-linear-spinner-indeterminate&#x2F;elements-progress-progress-linear-spinner-indeterminate.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-progress-linear-spinner-indeterminate" title="Link to Pattern">
+						Linear spinner indeterminate
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-progress-linear-spinner-indeterminate" data-patternpartial="elements-progress-linear-spinner-indeterminate" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-progress-linear-spinner-indeterminate">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="elm-progress">
+	
+	<progress
+		id="progress-08"
+		 data-type="spinner"
+		></progress>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-progress-linear-spinner-indeterminate" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"progress"},"patternExtension":"hbs","patternName":"Linear spinner indeterminate","patternPartial":"elements-progress-linear-spinner-indeterminate","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-elements-progress"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-elements-progress"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-radio-_radio/elements-radio-_radio.hbs b/review/refactor-icon-update/patterns/elements-radio-_radio/elements-radio-_radio.hbs
new file mode 100644
index 0000000000..7c76f4b8ab
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-_radio/elements-radio-_radio.hbs
@@ -0,0 +1,11 @@
+<input type="radio"
+	class="elm-radio {{ styleModifier }}"
+	name="{{ name }}"
+	id="{{ id }}"
+	{{#if checked}} checked{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	{{#if value}} value="{{ value }}"{{/if }}
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{#if invalid}} aria-invalid="true"{{/if }}
+	{{#if required}} required{{/if}}>
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
diff --git a/review/refactor-icon-update/patterns/elements-radio-_radio/elements-radio-_radio.markup-only.html b/review/refactor-icon-update/patterns/elements-radio-_radio/elements-radio-_radio.markup-only.html
new file mode 100644
index 0000000000..515d1a3adc
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-_radio/elements-radio-_radio.markup-only.html
@@ -0,0 +1,11 @@
+<input type="radio"
+	class="elm-radio "
+	name="radio"
+	id="radio"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="radio">Radio</label>
diff --git a/review/refactor-icon-update/patterns/elements-radio-_radio/elements-radio-_radio.rendered.html b/review/refactor-icon-update/patterns/elements-radio-_radio/elements-radio-_radio.rendered.html
new file mode 100644
index 0000000000..62cffa176b
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-_radio/elements-radio-_radio.rendered.html
@@ -0,0 +1,128 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<input type="radio"
+	class="elm-radio "
+	name="radio"
+	id="radio"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="radio">Radio</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-radios-checked","lineagePath":"../../patterns/elements-radio-radios-checked/elements-radio-radios-checked.rendered.html"},{"lineagePattern":"elements-radios-disabled-checked","lineagePath":"../../patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.rendered.html"},{"lineagePattern":"elements-radios-disabled","lineagePath":"../../patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.rendered.html"},{"lineagePattern":"elements-radios-invalid-attribute","lineagePath":"../../patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.rendered.html"},{"lineagePattern":"elements-radios-label-hidden","lineagePath":"../../patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.rendered.html"},{"lineagePattern":"elements-radios-required","lineagePath":"../../patterns/elements-radio-radios-required/elements-radio-radios-required.rendered.html"},{"lineagePattern":"elements-radios","lineagePath":"../../patterns/elements-radio-radios/elements-radio-radios.rendered.html"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"}],"lineageR":[{"lineagePattern":"elements-radios-checked","lineagePath":"../../patterns/elements-radio-radios-checked/elements-radio-radios-checked.rendered.html"},{"lineagePattern":"elements-radios-disabled-checked","lineagePath":"../../patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.rendered.html"},{"lineagePattern":"elements-radios-disabled","lineagePath":"../../patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.rendered.html"},{"lineagePattern":"elements-radios-invalid-attribute","lineagePath":"../../patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.rendered.html"},{"lineagePattern":"elements-radios-label-hidden","lineagePath":"../../patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.rendered.html"},{"lineagePattern":"elements-radios-required","lineagePath":"../../patterns/elements-radio-radios-required/elements-radio-radios-required.rendered.html"},{"lineagePattern":"elements-radios","lineagePath":"../../patterns/elements-radio-radios/elements-radio-radios.rendered.html"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Form validation</h2>\n<p>Please have a look especially at the section for form validation within the overall <a href=\"../components-form/index.html\">components/forms</a> page.</p>\n<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute\"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radio","patternPartial":"elements-radio","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-radios-checked","lineagePath":"../../patterns/elements-radio-radios-checked/elements-radio-radios-checked.rendered.html"},{"lineagePattern":"elements-radios-disabled-checked","lineagePath":"../../patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.rendered.html"},{"lineagePattern":"elements-radios-disabled","lineagePath":"../../patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.rendered.html"},{"lineagePattern":"elements-radios-invalid-attribute","lineagePath":"../../patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.rendered.html"},{"lineagePattern":"elements-radios-label-hidden","lineagePath":"../../patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.rendered.html"},{"lineagePattern":"elements-radios-required","lineagePath":"../../patterns/elements-radio-radios-required/elements-radio-radios-required.rendered.html"},{"lineagePattern":"elements-radios","lineagePath":"../../patterns/elements-radio-radios/elements-radio-radios.rendered.html"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"}],"lineageR":[{"lineagePattern":"elements-radios-checked","lineagePath":"../../patterns/elements-radio-radios-checked/elements-radio-radios-checked.rendered.html"},{"lineagePattern":"elements-radios-disabled-checked","lineagePath":"../../patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.rendered.html"},{"lineagePattern":"elements-radios-disabled","lineagePath":"../../patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.rendered.html"},{"lineagePattern":"elements-radios-invalid-attribute","lineagePath":"../../patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.rendered.html"},{"lineagePattern":"elements-radios-label-hidden","lineagePath":"../../patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.rendered.html"},{"lineagePattern":"elements-radios-required","lineagePath":"../../patterns/elements-radio-radios-required/elements-radio-radios-required.rendered.html"},{"lineagePattern":"elements-radios","lineagePath":"../../patterns/elements-radio-radios/elements-radio-radios.rendered.html"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Form validation</h2>\n<p>Please have a look especially at the section for form validation within the overall <a href=\"../components-form/index.html\">components/forms</a> page.</p>\n<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute\"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radio","patternPartial":"elements-radio","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-checked/elements-radio-radios-checked.hbs b/review/refactor-icon-update/patterns/elements-radio-radios-checked/elements-radio-radios-checked.hbs
new file mode 100644
index 0000000000..21a276a5a2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios-checked/elements-radio-radios-checked.hbs
@@ -0,0 +1,3 @@
+{{#each radios }}
+	{{> elements-radio disabled=../disabled invalid=../invalid required=../required id=(unique-id) name=../name labelHidden=../labelHidden }}<br>
+{{/each }}
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-checked/elements-radio-radios-checked.markup-only.html b/review/refactor-icon-update/patterns/elements-radio-radios-checked/elements-radio-radios-checked.markup-only.html
new file mode 100644
index 0000000000..c616149881
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios-checked/elements-radio-radios-checked.markup-only.html
@@ -0,0 +1,36 @@
+	<input type="radio"
+	class="elm-radio "
+	name="radioChecked"
+	id="id-051cdc0b-53f2-40be-8b0c-6329aa3dcaf5"
+	 checked
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-051cdc0b-53f2-40be-8b0c-6329aa3dcaf5">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioChecked"
+	id="id-ea81c695-c07e-4537-9628-2b82d5f7e930"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-ea81c695-c07e-4537-9628-2b82d5f7e930">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioChecked"
+	id="id-8eb41468-e22a-445d-abc0-eb95be7f2101"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-8eb41468-e22a-445d-abc0-eb95be7f2101">Radio 03</label>
+<br>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-checked/elements-radio-radios-checked.rendered.html b/review/refactor-icon-update/patterns/elements-radio-radios-checked/elements-radio-radios-checked.rendered.html
new file mode 100644
index 0000000000..2cb052aedc
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios-checked/elements-radio-radios-checked.rendered.html
@@ -0,0 +1,153 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+	<input type="radio"
+	class="elm-radio "
+	name="radioChecked"
+	id="id-051cdc0b-53f2-40be-8b0c-6329aa3dcaf5"
+	 checked
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-051cdc0b-53f2-40be-8b0c-6329aa3dcaf5">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioChecked"
+	id="id-ea81c695-c07e-4537-9628-2b82d5f7e930"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-ea81c695-c07e-4537-9628-2b82d5f7e930">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioChecked"
+	id="id-8eb41468-e22a-445d-abc0-eb95be7f2101"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-8eb41468-e22a-445d-abc0-eb95be7f2101">Radio 03</label>
+<br>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Checked","patternPartial":"elements-radios-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Checked","patternPartial":"elements-radios-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.hbs b/review/refactor-icon-update/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.hbs
new file mode 100644
index 0000000000..21a276a5a2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.hbs
@@ -0,0 +1,3 @@
+{{#each radios }}
+	{{> elements-radio disabled=../disabled invalid=../invalid required=../required id=(unique-id) name=../name labelHidden=../labelHidden }}<br>
+{{/each }}
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.markup-only.html b/review/refactor-icon-update/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.markup-only.html
new file mode 100644
index 0000000000..3b71543e3a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.markup-only.html
@@ -0,0 +1,36 @@
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabledChecked"
+	id="id-7226ee8f-50ec-4834-8977-8f82e13eb677"
+	 checked
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-7226ee8f-50ec-4834-8977-8f82e13eb677">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabledChecked"
+	id="id-83e793cb-94c5-4e77-8ad6-17dae049cd94"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-83e793cb-94c5-4e77-8ad6-17dae049cd94">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabledChecked"
+	id="id-203f2bbf-68e9-4f99-8b43-a09a4083b08d"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-203f2bbf-68e9-4f99-8b43-a09a4083b08d">Radio 03</label>
+<br>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.rendered.html b/review/refactor-icon-update/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.rendered.html
new file mode 100644
index 0000000000..91454019ab
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.rendered.html
@@ -0,0 +1,153 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabledChecked"
+	id="id-7226ee8f-50ec-4834-8977-8f82e13eb677"
+	 checked
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-7226ee8f-50ec-4834-8977-8f82e13eb677">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabledChecked"
+	id="id-83e793cb-94c5-4e77-8ad6-17dae049cd94"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-83e793cb-94c5-4e77-8ad6-17dae049cd94">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabledChecked"
+	id="id-203f2bbf-68e9-4f99-8b43-a09a4083b08d"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-203f2bbf-68e9-4f99-8b43-a09a4083b08d">Radio 03</label>
+<br>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Disabled Checked","patternPartial":"elements-radios-disabled-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Disabled Checked","patternPartial":"elements-radios-disabled-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.hbs b/review/refactor-icon-update/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.hbs
new file mode 100644
index 0000000000..21a276a5a2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.hbs
@@ -0,0 +1,3 @@
+{{#each radios }}
+	{{> elements-radio disabled=../disabled invalid=../invalid required=../required id=(unique-id) name=../name labelHidden=../labelHidden }}<br>
+{{/each }}
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.markup-only.html b/review/refactor-icon-update/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.markup-only.html
new file mode 100644
index 0000000000..04db43b34c
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.markup-only.html
@@ -0,0 +1,36 @@
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabled"
+	id="id-edbf6456-0814-4a42-9796-8d44fcf35cf0"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-edbf6456-0814-4a42-9796-8d44fcf35cf0">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabled"
+	id="id-aa30edc7-704b-4f5c-9ccd-bc1d30f86d65"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-aa30edc7-704b-4f5c-9ccd-bc1d30f86d65">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabled"
+	id="id-91b4ae97-5b21-4dfa-9d4f-598f8b0c0516"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-91b4ae97-5b21-4dfa-9d4f-598f8b0c0516">Radio 03</label>
+<br>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.rendered.html b/review/refactor-icon-update/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.rendered.html
new file mode 100644
index 0000000000..3c34aaf86e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios-disabled/elements-radio-radios-disabled.rendered.html
@@ -0,0 +1,153 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabled"
+	id="id-edbf6456-0814-4a42-9796-8d44fcf35cf0"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-edbf6456-0814-4a42-9796-8d44fcf35cf0">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabled"
+	id="id-aa30edc7-704b-4f5c-9ccd-bc1d30f86d65"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-aa30edc7-704b-4f5c-9ccd-bc1d30f86d65">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabled"
+	id="id-91b4ae97-5b21-4dfa-9d4f-598f8b0c0516"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-91b4ae97-5b21-4dfa-9d4f-598f8b0c0516">Radio 03</label>
+<br>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Disabled","patternPartial":"elements-radios-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Disabled","patternPartial":"elements-radios-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.hbs b/review/refactor-icon-update/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.hbs
new file mode 100644
index 0000000000..21a276a5a2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.hbs
@@ -0,0 +1,3 @@
+{{#each radios }}
+	{{> elements-radio disabled=../disabled invalid=../invalid required=../required id=(unique-id) name=../name labelHidden=../labelHidden }}<br>
+{{/each }}
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.markup-only.html b/review/refactor-icon-update/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.markup-only.html
new file mode 100644
index 0000000000..a8fe116856
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.markup-only.html
@@ -0,0 +1,36 @@
+	<input type="radio"
+	class="elm-radio "
+	name="radioInvalid"
+	id="id-634cd8e8-10a3-4b09-bd87-e6350d7857f8"
+	
+	
+	
+	
+	 aria-invalid="true"
+	>
+<label class="elm-label" for="id-634cd8e8-10a3-4b09-bd87-e6350d7857f8">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioInvalid"
+	id="id-f947c987-a9aa-428e-a3d4-f657701802ae"
+	
+	
+	
+	
+	 aria-invalid="true"
+	>
+<label class="elm-label" for="id-f947c987-a9aa-428e-a3d4-f657701802ae">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioInvalid"
+	id="id-ebc5407d-ccf7-40c1-9315-50da248e9db2"
+	
+	
+	
+	
+	 aria-invalid="true"
+	>
+<label class="elm-label" for="id-ebc5407d-ccf7-40c1-9315-50da248e9db2">Radio 03</label>
+<br>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.rendered.html b/review/refactor-icon-update/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.rendered.html
new file mode 100644
index 0000000000..6f8559c72e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.rendered.html
@@ -0,0 +1,153 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+	<input type="radio"
+	class="elm-radio "
+	name="radioInvalid"
+	id="id-634cd8e8-10a3-4b09-bd87-e6350d7857f8"
+	
+	
+	
+	
+	 aria-invalid="true"
+	>
+<label class="elm-label" for="id-634cd8e8-10a3-4b09-bd87-e6350d7857f8">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioInvalid"
+	id="id-f947c987-a9aa-428e-a3d4-f657701802ae"
+	
+	
+	
+	
+	 aria-invalid="true"
+	>
+<label class="elm-label" for="id-f947c987-a9aa-428e-a3d4-f657701802ae">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioInvalid"
+	id="id-ebc5407d-ccf7-40c1-9315-50da248e9db2"
+	
+	
+	
+	
+	 aria-invalid="true"
+	>
+<label class="elm-label" for="id-ebc5407d-ccf7-40c1-9315-50da248e9db2">Radio 03</label>
+<br>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Invalid Attribute","patternPartial":"elements-radios-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Invalid Attribute","patternPartial":"elements-radios-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.hbs b/review/refactor-icon-update/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.hbs
new file mode 100644
index 0000000000..21a276a5a2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.hbs
@@ -0,0 +1,3 @@
+{{#each radios }}
+	{{> elements-radio disabled=../disabled invalid=../invalid required=../required id=(unique-id) name=../name labelHidden=../labelHidden }}<br>
+{{/each }}
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.markup-only.html b/review/refactor-icon-update/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.markup-only.html
new file mode 100644
index 0000000000..07c8475329
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.markup-only.html
@@ -0,0 +1,36 @@
+	<input type="radio"
+	class="elm-radio "
+	name="radioLabelHidden"
+	id="id-ac76d7ee-ca43-4766-8c43-0237f78e3ce6"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-ac76d7ee-ca43-4766-8c43-0237f78e3ce6" data-label-hidden="true">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioLabelHidden"
+	id="id-9593e473-9192-4ff1-8056-189b83797590"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-9593e473-9192-4ff1-8056-189b83797590" data-label-hidden="true">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioLabelHidden"
+	id="id-62d79c5c-194e-44bc-9de9-43077e093069"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-62d79c5c-194e-44bc-9de9-43077e093069" data-label-hidden="true">Radio 03</label>
+<br>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.rendered.html b/review/refactor-icon-update/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.rendered.html
new file mode 100644
index 0000000000..135efa1efc
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.rendered.html
@@ -0,0 +1,153 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+	<input type="radio"
+	class="elm-radio "
+	name="radioLabelHidden"
+	id="id-ac76d7ee-ca43-4766-8c43-0237f78e3ce6"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-ac76d7ee-ca43-4766-8c43-0237f78e3ce6" data-label-hidden="true">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioLabelHidden"
+	id="id-9593e473-9192-4ff1-8056-189b83797590"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-9593e473-9192-4ff1-8056-189b83797590" data-label-hidden="true">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioLabelHidden"
+	id="id-62d79c5c-194e-44bc-9de9-43077e093069"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-62d79c5c-194e-44bc-9de9-43077e093069" data-label-hidden="true">Radio 03</label>
+<br>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a radio element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radio - Hidden label","patternPartial":"elements-radios-label-hidden","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a radio element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radio - Hidden label","patternPartial":"elements-radios-label-hidden","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-required/elements-radio-radios-required.hbs b/review/refactor-icon-update/patterns/elements-radio-radios-required/elements-radio-radios-required.hbs
new file mode 100644
index 0000000000..21a276a5a2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios-required/elements-radio-radios-required.hbs
@@ -0,0 +1,3 @@
+{{#each radios }}
+	{{> elements-radio disabled=../disabled invalid=../invalid required=../required id=(unique-id) name=../name labelHidden=../labelHidden }}<br>
+{{/each }}
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-required/elements-radio-radios-required.markup-only.html b/review/refactor-icon-update/patterns/elements-radio-radios-required/elements-radio-radios-required.markup-only.html
new file mode 100644
index 0000000000..0af8d59737
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios-required/elements-radio-radios-required.markup-only.html
@@ -0,0 +1,36 @@
+	<input type="radio"
+	class="elm-radio "
+	name="radioRequired"
+	id="id-f9e3576d-72a9-4771-9eab-168bce91107a"
+	
+	
+	
+	
+	
+	 required>
+<label class="elm-label" for="id-f9e3576d-72a9-4771-9eab-168bce91107a">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioRequired"
+	id="id-a9db2514-32cb-46d2-9874-e00d7eb63ead"
+	
+	
+	
+	
+	
+	 required>
+<label class="elm-label" for="id-a9db2514-32cb-46d2-9874-e00d7eb63ead">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioRequired"
+	id="id-bd029dec-cd68-4fd0-a1dc-f72e1bd8354f"
+	
+	
+	
+	
+	
+	 required>
+<label class="elm-label" for="id-bd029dec-cd68-4fd0-a1dc-f72e1bd8354f">Radio 03</label>
+<br>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios-required/elements-radio-radios-required.rendered.html b/review/refactor-icon-update/patterns/elements-radio-radios-required/elements-radio-radios-required.rendered.html
new file mode 100644
index 0000000000..927b816d58
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios-required/elements-radio-radios-required.rendered.html
@@ -0,0 +1,153 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+	<input type="radio"
+	class="elm-radio "
+	name="radioRequired"
+	id="id-f9e3576d-72a9-4771-9eab-168bce91107a"
+	
+	
+	
+	
+	
+	 required>
+<label class="elm-label" for="id-f9e3576d-72a9-4771-9eab-168bce91107a">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioRequired"
+	id="id-a9db2514-32cb-46d2-9874-e00d7eb63ead"
+	
+	
+	
+	
+	
+	 required>
+<label class="elm-label" for="id-a9db2514-32cb-46d2-9874-e00d7eb63ead">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioRequired"
+	id="id-bd029dec-cd68-4fd0-a1dc-f72e1bd8354f"
+	
+	
+	
+	
+	
+	 required>
+<label class="elm-label" for="id-bd029dec-cd68-4fd0-a1dc-f72e1bd8354f">Radio 03</label>
+<br>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Required","patternPartial":"elements-radios-required","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Required","patternPartial":"elements-radios-required","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios/elements-radio-radios.hbs b/review/refactor-icon-update/patterns/elements-radio-radios/elements-radio-radios.hbs
new file mode 100644
index 0000000000..21a276a5a2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios/elements-radio-radios.hbs
@@ -0,0 +1,3 @@
+{{#each radios }}
+	{{> elements-radio disabled=../disabled invalid=../invalid required=../required id=(unique-id) name=../name labelHidden=../labelHidden }}<br>
+{{/each }}
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios/elements-radio-radios.markup-only.html b/review/refactor-icon-update/patterns/elements-radio-radios/elements-radio-radios.markup-only.html
new file mode 100644
index 0000000000..a8cc9b58ed
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios/elements-radio-radios.markup-only.html
@@ -0,0 +1,36 @@
+	<input type="radio"
+	class="elm-radio "
+	name="radio"
+	id="id-7a34c909-7a9e-48da-a61d-d6d68ef3b45e"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-7a34c909-7a9e-48da-a61d-d6d68ef3b45e">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radio"
+	id="id-96388780-f764-4753-a0c4-d377a27be71a"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-96388780-f764-4753-a0c4-d377a27be71a">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radio"
+	id="id-cfee101e-7c1f-41c9-aa63-8646e9535cf9"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-cfee101e-7c1f-41c9-aa63-8646e9535cf9">Radio 03</label>
+<br>
diff --git a/review/refactor-icon-update/patterns/elements-radio-radios/elements-radio-radios.rendered.html b/review/refactor-icon-update/patterns/elements-radio-radios/elements-radio-radios.rendered.html
new file mode 100644
index 0000000000..4f53485197
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio-radios/elements-radio-radios.rendered.html
@@ -0,0 +1,153 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+	<input type="radio"
+	class="elm-radio "
+	name="radio"
+	id="id-7a34c909-7a9e-48da-a61d-d6d68ef3b45e"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-7a34c909-7a9e-48da-a61d-d6d68ef3b45e">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radio"
+	id="id-96388780-f764-4753-a0c4-d377a27be71a"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-96388780-f764-4753-a0c4-d377a27be71a">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radio"
+	id="id-cfee101e-7c1f-41c9-aa63-8646e9535cf9"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-cfee101e-7c1f-41c9-aa63-8646e9535cf9">Radio 03</label>
+<br>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios","patternPartial":"elements-radios","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios","patternPartial":"elements-radios","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-radio/index.html b/review/refactor-icon-update/patterns/elements-radio/index.html
new file mode 100644
index 0000000000..286b056f23
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-radio/index.html
@@ -0,0 +1,702 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-elements-radio" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-radio&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-radio">Radio</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Form validation</h2>
+<p>Please have a look especially at the section for form validation within the overall <a href="../components-form/index.html">components/forms</a> page.</p>
+<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-radios" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios&#x2F;elements-radio-radios.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios" title="Link to Pattern">
+						Radios
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios" data-patternpartial="elements-radios" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radio"
+	id="id-7a34c909-7a9e-48da-a61d-d6d68ef3b45e"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-7a34c909-7a9e-48da-a61d-d6d68ef3b45e">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radio"
+	id="id-96388780-f764-4753-a0c4-d377a27be71a"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-96388780-f764-4753-a0c4-d377a27be71a">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radio"
+	id="id-cfee101e-7c1f-41c9-aa63-8646e9535cf9"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-cfee101e-7c1f-41c9-aa63-8646e9535cf9">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios","patternPartial":"elements-radios","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-radios-checked" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios-checked&#x2F;elements-radio-radios-checked.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios-checked" title="Link to Pattern">
+						Radios Checked
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios-checked" data-patternpartial="elements-radios-checked" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios-checked">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radioChecked"
+	id="id-051cdc0b-53f2-40be-8b0c-6329aa3dcaf5"
+	 checked
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-051cdc0b-53f2-40be-8b0c-6329aa3dcaf5">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioChecked"
+	id="id-ea81c695-c07e-4537-9628-2b82d5f7e930"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-ea81c695-c07e-4537-9628-2b82d5f7e930">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioChecked"
+	id="id-8eb41468-e22a-445d-abc0-eb95be7f2101"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-8eb41468-e22a-445d-abc0-eb95be7f2101">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios-checked" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Checked","patternPartial":"elements-radios-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-radios-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios-disabled&#x2F;elements-radio-radios-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios-disabled" title="Link to Pattern">
+						Radios Disabled
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios-disabled" data-patternpartial="elements-radios-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radioDisabled"
+	id="id-edbf6456-0814-4a42-9796-8d44fcf35cf0"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-edbf6456-0814-4a42-9796-8d44fcf35cf0">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabled"
+	id="id-aa30edc7-704b-4f5c-9ccd-bc1d30f86d65"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-aa30edc7-704b-4f5c-9ccd-bc1d30f86d65">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabled"
+	id="id-91b4ae97-5b21-4dfa-9d4f-598f8b0c0516"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-91b4ae97-5b21-4dfa-9d4f-598f8b0c0516">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Disabled","patternPartial":"elements-radios-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-radios-disabled-checked" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios-disabled-checked&#x2F;elements-radio-radios-disabled-checked.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios-disabled-checked" title="Link to Pattern">
+						Radios Disabled Checked
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios-disabled-checked" data-patternpartial="elements-radios-disabled-checked" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios-disabled-checked">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radioDisabledChecked"
+	id="id-7226ee8f-50ec-4834-8977-8f82e13eb677"
+	 checked
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-7226ee8f-50ec-4834-8977-8f82e13eb677">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabledChecked"
+	id="id-83e793cb-94c5-4e77-8ad6-17dae049cd94"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-83e793cb-94c5-4e77-8ad6-17dae049cd94">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabledChecked"
+	id="id-203f2bbf-68e9-4f99-8b43-a09a4083b08d"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-203f2bbf-68e9-4f99-8b43-a09a4083b08d">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios-disabled-checked" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Disabled Checked","patternPartial":"elements-radios-disabled-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-radios-invalid-attribute" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios-invalid-attribute&#x2F;elements-radio-radios-invalid-attribute.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios-invalid-attribute" title="Link to Pattern">
+						Radios Invalid Attribute
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios-invalid-attribute" data-patternpartial="elements-radios-invalid-attribute" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios-invalid-attribute">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radioInvalid"
+	id="id-634cd8e8-10a3-4b09-bd87-e6350d7857f8"
+	
+	
+	
+	
+	 aria-invalid="true"
+	>
+<label class="elm-label" for="id-634cd8e8-10a3-4b09-bd87-e6350d7857f8">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioInvalid"
+	id="id-f947c987-a9aa-428e-a3d4-f657701802ae"
+	
+	
+	
+	
+	 aria-invalid="true"
+	>
+<label class="elm-label" for="id-f947c987-a9aa-428e-a3d4-f657701802ae">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioInvalid"
+	id="id-ebc5407d-ccf7-40c1-9315-50da248e9db2"
+	
+	
+	
+	
+	 aria-invalid="true"
+	>
+<label class="elm-label" for="id-ebc5407d-ccf7-40c1-9315-50da248e9db2">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios-invalid-attribute" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Invalid Attribute","patternPartial":"elements-radios-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-radios-label-hidden" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios-label-hidden&#x2F;elements-radio-radios-label-hidden.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios-label-hidden" title="Link to Pattern">
+						Radio - Hidden label
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios-label-hidden" data-patternpartial="elements-radios-label-hidden" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios-label-hidden">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radioLabelHidden"
+	id="id-ac76d7ee-ca43-4766-8c43-0237f78e3ce6"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-ac76d7ee-ca43-4766-8c43-0237f78e3ce6" data-label-hidden="true">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioLabelHidden"
+	id="id-9593e473-9192-4ff1-8056-189b83797590"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-9593e473-9192-4ff1-8056-189b83797590" data-label-hidden="true">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioLabelHidden"
+	id="id-62d79c5c-194e-44bc-9de9-43077e093069"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-62d79c5c-194e-44bc-9de9-43077e093069" data-label-hidden="true">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios-label-hidden" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a radio element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radio - Hidden label","patternPartial":"elements-radios-label-hidden","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-radios-required" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios-required&#x2F;elements-radio-radios-required.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios-required" title="Link to Pattern">
+						Radios Required
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios-required" data-patternpartial="elements-radios-required" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios-required">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radioRequired"
+	id="id-f9e3576d-72a9-4771-9eab-168bce91107a"
+	
+	
+	
+	
+	
+	 required>
+<label class="elm-label" for="id-f9e3576d-72a9-4771-9eab-168bce91107a">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioRequired"
+	id="id-a9db2514-32cb-46d2-9874-e00d7eb63ead"
+	
+	
+	
+	
+	
+	 required>
+<label class="elm-label" for="id-a9db2514-32cb-46d2-9874-e00d7eb63ead">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioRequired"
+	id="id-bd029dec-cd68-4fd0-a1dc-f72e1bd8354f"
+	
+	
+	
+	
+	
+	 required>
+<label class="elm-label" for="id-bd029dec-cd68-4fd0-a1dc-f72e1bd8354f">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios-required" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Required","patternPartial":"elements-radios-required","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-elements-radio"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-elements-radio"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-select-select-hidden-label/elements-select-select-hidden-label.hbs b/review/refactor-icon-update/patterns/elements-select-select-hidden-label/elements-select-select-hidden-label.hbs
new file mode 100644
index 0000000000..381b73da96
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select-select-hidden-label/elements-select-select-hidden-label.hbs
@@ -0,0 +1,21 @@
+<select class="elm-select {{ styleModifier }}"
+	{{#if id }} name="{{ id }}" id="{{ id }}"{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	{{#if multiple}} multiple{{/if }}
+	{{#if required}} required{{/if}}
+	{{#if invalid }} aria-invalid="{{ invalid }}" {{/if }}
+	{{#if variant}} data-variant="{{variant}}"{{/if }}>
+	{{#if optgroup}}<optgroup label="Devices">{{else}}{{#unless multiple}}{{#unless labelHidden}}<option></option>{{/unless}}{{/unless}}{{/if }}
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+		{{#if optgroup}}
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>{{/if }}
+</select>
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
diff --git a/review/refactor-icon-update/patterns/elements-select-select-hidden-label/elements-select-select-hidden-label.markup-only.html b/review/refactor-icon-update/patterns/elements-select-select-hidden-label/elements-select-select-hidden-label.markup-only.html
new file mode 100644
index 0000000000..6bec91df3c
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select-select-hidden-label/elements-select-select-hidden-label.markup-only.html
@@ -0,0 +1,15 @@
+<select class="elm-select "
+	 name="select14" id="select14"
+	
+	
+	
+	
+	>
+	
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select14" data-label-hidden="true">Devices</label>
diff --git a/review/refactor-icon-update/patterns/elements-select-select-hidden-label/elements-select-select-hidden-label.rendered.html b/review/refactor-icon-update/patterns/elements-select-select-hidden-label/elements-select-select-hidden-label.rendered.html
new file mode 100644
index 0000000000..f161ecae69
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select-select-hidden-label/elements-select-select-hidden-label.rendered.html
@@ -0,0 +1,132 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<select class="elm-select "
+	 name="select14" id="select14"
+	
+	
+	
+	
+	>
+	
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select14" data-label-hidden="true">Devices</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a select element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select - Hidden label","patternPartial":"elements-select-hidden-label","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":8}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a select element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select - Hidden label","patternPartial":"elements-select-hidden-label","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":8}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-select-select-invalid-attribute/elements-select-select-invalid-attribute.hbs b/review/refactor-icon-update/patterns/elements-select-select-invalid-attribute/elements-select-select-invalid-attribute.hbs
new file mode 100644
index 0000000000..381b73da96
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select-select-invalid-attribute/elements-select-select-invalid-attribute.hbs
@@ -0,0 +1,21 @@
+<select class="elm-select {{ styleModifier }}"
+	{{#if id }} name="{{ id }}" id="{{ id }}"{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	{{#if multiple}} multiple{{/if }}
+	{{#if required}} required{{/if}}
+	{{#if invalid }} aria-invalid="{{ invalid }}" {{/if }}
+	{{#if variant}} data-variant="{{variant}}"{{/if }}>
+	{{#if optgroup}}<optgroup label="Devices">{{else}}{{#unless multiple}}{{#unless labelHidden}}<option></option>{{/unless}}{{/unless}}{{/if }}
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+		{{#if optgroup}}
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>{{/if }}
+</select>
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
diff --git a/review/refactor-icon-update/patterns/elements-select-select-invalid-attribute/elements-select-select-invalid-attribute.markup-only.html b/review/refactor-icon-update/patterns/elements-select-select-invalid-attribute/elements-select-select-invalid-attribute.markup-only.html
new file mode 100644
index 0000000000..62e0b47091
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select-select-invalid-attribute/elements-select-select-invalid-attribute.markup-only.html
@@ -0,0 +1,15 @@
+<select class="elm-select "
+	 name="select13" id="select13"
+	
+	
+	
+	 aria-invalid="true" 
+	>
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select13">Devices</label>
diff --git a/review/refactor-icon-update/patterns/elements-select-select-invalid-attribute/elements-select-select-invalid-attribute.rendered.html b/review/refactor-icon-update/patterns/elements-select-select-invalid-attribute/elements-select-select-invalid-attribute.rendered.html
new file mode 100644
index 0000000000..f6ce41615b
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select-select-invalid-attribute/elements-select-select-invalid-attribute.rendered.html
@@ -0,0 +1,132 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<select class="elm-select "
+	 name="select13" id="select13"
+	
+	
+	
+	 aria-invalid="true" 
+	>
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select13">Devices</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Form validation</h2>\n<p>Please have a look especially at the section for form validation within the overall <a href=\"../components-form/index.html\">components/forms</a> page.</p>\n<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute\"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select - Invalid state by HTML attribute","patternPartial":"elements-select-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":7}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Form validation</h2>\n<p>Please have a look especially at the section for form validation within the overall <a href=\"../components-form/index.html\">components/forms</a> page.</p>\n<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute\"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select - Invalid state by HTML attribute","patternPartial":"elements-select-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":7}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.hbs b/review/refactor-icon-update/patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.hbs
new file mode 100644
index 0000000000..c942fef256
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.hbs
@@ -0,0 +1,6 @@
+<dl>
+{{#each variations}}
+	<dt>{{variant}}:</dt>
+	<dd>{{> elements-select disabled=../disabled }}</dd>
+{{/each }}
+</dl>
diff --git a/review/refactor-icon-update/patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.markup-only.html b/review/refactor-icon-update/patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.markup-only.html
new file mode 100644
index 0000000000..9880e8ee3b
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.markup-only.html
@@ -0,0 +1,70 @@
+<dl>
+	<dt>semitransparent:</dt>
+	<dd><select class="elm-select "
+	 name="select05" id="select05"
+	 disabled
+	
+	
+	
+	 data-variant="semitransparent">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select05">Devices</label>
+</dd>
+	<dt>white:</dt>
+	<dd><select class="elm-select "
+	 name="select06" id="select06"
+	 disabled
+	
+	
+	
+	 data-variant="white">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select06">Devices</label>
+</dd>
+	<dt>solid:</dt>
+	<dd><select class="elm-select "
+	 name="select07" id="select07"
+	 disabled
+	
+	
+	
+	 data-variant="solid">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select07">Devices</label>
+</dd>
+	<dt>outline:</dt>
+	<dd><select class="elm-select "
+	 name="select08" id="select08"
+	 disabled
+	
+	
+	
+	 data-variant="outline">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select08">Devices</label>
+</dd>
+</dl>
diff --git a/review/refactor-icon-update/patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html b/review/refactor-icon-update/patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html
new file mode 100644
index 0000000000..621dbf75d5
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html
@@ -0,0 +1,187 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<dl>
+	<dt>semitransparent:</dt>
+	<dd><select class="elm-select "
+	 name="select05" id="select05"
+	 disabled
+	
+	
+	
+	 data-variant="semitransparent">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select05">Devices</label>
+</dd>
+	<dt>white:</dt>
+	<dd><select class="elm-select "
+	 name="select06" id="select06"
+	 disabled
+	
+	
+	
+	 data-variant="white">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select06">Devices</label>
+</dd>
+	<dt>solid:</dt>
+	<dd><select class="elm-select "
+	 name="select07" id="select07"
+	 disabled
+	
+	
+	
+	 data-variant="solid">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select07">Devices</label>
+</dd>
+	<dt>outline:</dt>
+	<dd><select class="elm-select "
+	 name="select08" id="select08"
+	 disabled
+	
+	
+	
+	 data-variant="outline">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select08">Devices</label>
+</dd>
+</dl>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"lineage":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select Variations Disabled","patternPartial":"elements-select-variations-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"lineage":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select Variations Disabled","patternPartial":"elements-select-variations-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.hbs b/review/refactor-icon-update/patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.hbs
new file mode 100644
index 0000000000..c942fef256
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.hbs
@@ -0,0 +1,6 @@
+<dl>
+{{#each variations}}
+	<dt>{{variant}}:</dt>
+	<dd>{{> elements-select disabled=../disabled }}</dd>
+{{/each }}
+</dl>
diff --git a/review/refactor-icon-update/patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.markup-only.html b/review/refactor-icon-update/patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.markup-only.html
new file mode 100644
index 0000000000..bc8c6ad32f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.markup-only.html
@@ -0,0 +1,90 @@
+<dl>
+	<dt>semitransparent:</dt>
+	<dd><select class="elm-select "
+	 name="select09" id="select09"
+	
+	
+	
+	
+	 data-variant="semitransparent">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select09">Devices/Roles</label>
+</dd>
+	<dt>white:</dt>
+	<dd><select class="elm-select "
+	 name="select10" id="select10"
+	
+	
+	
+	
+	 data-variant="white">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select10">Devices/Roles</label>
+</dd>
+	<dt>solid:</dt>
+	<dd><select class="elm-select "
+	 name="select11" id="select11"
+	
+	
+	
+	
+	 data-variant="solid">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select11">Devices/Roles</label>
+</dd>
+	<dt>outline:</dt>
+	<dd><select class="elm-select "
+	 name="select12" id="select12"
+	
+	
+	
+	
+	 data-variant="outline">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select12">Devices/Roles</label>
+</dd>
+</dl>
diff --git a/review/refactor-icon-update/patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html b/review/refactor-icon-update/patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html
new file mode 100644
index 0000000000..9b20289108
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html
@@ -0,0 +1,207 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<dl>
+	<dt>semitransparent:</dt>
+	<dd><select class="elm-select "
+	 name="select09" id="select09"
+	
+	
+	
+	
+	 data-variant="semitransparent">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select09">Devices/Roles</label>
+</dd>
+	<dt>white:</dt>
+	<dd><select class="elm-select "
+	 name="select10" id="select10"
+	
+	
+	
+	
+	 data-variant="white">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select10">Devices/Roles</label>
+</dd>
+	<dt>solid:</dt>
+	<dd><select class="elm-select "
+	 name="select11" id="select11"
+	
+	
+	
+	
+	 data-variant="solid">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select11">Devices/Roles</label>
+</dd>
+	<dt>outline:</dt>
+	<dd><select class="elm-select "
+	 name="select12" id="select12"
+	
+	
+	
+	
+	 data-variant="outline">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select12">Devices/Roles</label>
+</dd>
+</dl>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"lineage":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select Variations Optgroups","patternPartial":"elements-select-variations-optgroups","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"lineage":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select Variations Optgroups","patternPartial":"elements-select-variations-optgroups","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-select-select-variations/elements-select-select-variations.hbs b/review/refactor-icon-update/patterns/elements-select-select-variations/elements-select-select-variations.hbs
new file mode 100644
index 0000000000..c942fef256
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select-select-variations/elements-select-select-variations.hbs
@@ -0,0 +1,6 @@
+<dl>
+{{#each variations}}
+	<dt>{{variant}}:</dt>
+	<dd>{{> elements-select disabled=../disabled }}</dd>
+{{/each }}
+</dl>
diff --git a/review/refactor-icon-update/patterns/elements-select-select-variations/elements-select-select-variations.markup-only.html b/review/refactor-icon-update/patterns/elements-select-select-variations/elements-select-select-variations.markup-only.html
new file mode 100644
index 0000000000..95c5a4c87e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select-select-variations/elements-select-select-variations.markup-only.html
@@ -0,0 +1,70 @@
+<dl>
+	<dt>semitransparent:</dt>
+	<dd><select class="elm-select "
+	 name="select01" id="select01"
+	
+	
+	
+	
+	 data-variant="semitransparent">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select01">Devices</label>
+</dd>
+	<dt>white:</dt>
+	<dd><select class="elm-select "
+	 name="select02" id="select02"
+	
+	
+	
+	
+	 data-variant="white">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select02">Devices</label>
+</dd>
+	<dt>solid:</dt>
+	<dd><select class="elm-select "
+	 name="select03" id="select03"
+	
+	
+	
+	
+	 data-variant="solid">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select03">Devices</label>
+</dd>
+	<dt>outline:</dt>
+	<dd><select class="elm-select "
+	 name="select04" id="select04"
+	
+	
+	
+	
+	 data-variant="outline">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select04">Devices</label>
+</dd>
+</dl>
diff --git a/review/refactor-icon-update/patterns/elements-select-select-variations/elements-select-select-variations.rendered.html b/review/refactor-icon-update/patterns/elements-select-select-variations/elements-select-select-variations.rendered.html
new file mode 100644
index 0000000000..37b270b5aa
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select-select-variations/elements-select-select-variations.rendered.html
@@ -0,0 +1,187 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<dl>
+	<dt>semitransparent:</dt>
+	<dd><select class="elm-select "
+	 name="select01" id="select01"
+	
+	
+	
+	
+	 data-variant="semitransparent">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select01">Devices</label>
+</dd>
+	<dt>white:</dt>
+	<dd><select class="elm-select "
+	 name="select02" id="select02"
+	
+	
+	
+	
+	 data-variant="white">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select02">Devices</label>
+</dd>
+	<dt>solid:</dt>
+	<dd><select class="elm-select "
+	 name="select03" id="select03"
+	
+	
+	
+	
+	 data-variant="solid">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select03">Devices</label>
+</dd>
+	<dt>outline:</dt>
+	<dd><select class="elm-select "
+	 name="select04" id="select04"
+	
+	
+	
+	
+	 data-variant="outline">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select04">Devices</label>
+</dd>
+</dl>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"lineage":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select Variations","patternPartial":"elements-select-variations","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"lineage":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select Variations","patternPartial":"elements-select-variations","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-select-select/elements-select-select.hbs b/review/refactor-icon-update/patterns/elements-select-select/elements-select-select.hbs
new file mode 100644
index 0000000000..381b73da96
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select-select/elements-select-select.hbs
@@ -0,0 +1,21 @@
+<select class="elm-select {{ styleModifier }}"
+	{{#if id }} name="{{ id }}" id="{{ id }}"{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	{{#if multiple}} multiple{{/if }}
+	{{#if required}} required{{/if}}
+	{{#if invalid }} aria-invalid="{{ invalid }}" {{/if }}
+	{{#if variant}} data-variant="{{variant}}"{{/if }}>
+	{{#if optgroup}}<optgroup label="Devices">{{else}}{{#unless multiple}}{{#unless labelHidden}}<option></option>{{/unless}}{{/unless}}{{/if }}
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+		{{#if optgroup}}
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>{{/if }}
+</select>
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
diff --git a/review/refactor-icon-update/patterns/elements-select-select/elements-select-select.markup-only.html b/review/refactor-icon-update/patterns/elements-select-select/elements-select-select.markup-only.html
new file mode 100644
index 0000000000..8f1e8f7121
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select-select/elements-select-select.markup-only.html
@@ -0,0 +1,15 @@
+<select class="elm-select "
+	 name="select" id="select"
+	
+	
+	
+	
+	>
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select">Select label</label>
diff --git a/review/refactor-icon-update/patterns/elements-select-select/elements-select-select.rendered.html b/review/refactor-icon-update/patterns/elements-select-select/elements-select-select.rendered.html
new file mode 100644
index 0000000000..6ffc9c7a4e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select-select/elements-select-select.rendered.html
@@ -0,0 +1,132 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<select class="elm-select "
+	 name="select" id="select"
+	
+	
+	
+	
+	>
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select">Select label</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-select-variations-disabled","lineagePath":"../../patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html"},{"lineagePattern":"elements-select-variations-multiple","lineagePath":"../../patterns/elements-select-select-variations-multiple/elements-select-select-variations-multiple.rendered.html"},{"lineagePattern":"elements-select-variations-optgroups","lineagePath":"../../patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html"},{"lineagePattern":"elements-select-variations","lineagePath":"../../patterns/elements-select-select-variations/elements-select-select-variations.rendered.html"}],"lineageR":[{"lineagePattern":"elements-select-variations-disabled","lineagePath":"../../patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html"},{"lineagePattern":"elements-select-variations-multiple","lineagePath":"../../patterns/elements-select-select-variations-multiple/elements-select-select-variations-multiple.rendered.html"},{"lineagePattern":"elements-select-variations-optgroups","lineagePath":"../../patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html"},{"lineagePattern":"elements-select-variations","lineagePath":"../../patterns/elements-select-select-variations/elements-select-select-variations.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select","patternPartial":"elements-select","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-select-variations-disabled","lineagePath":"../../patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html"},{"lineagePattern":"elements-select-variations-multiple","lineagePath":"../../patterns/elements-select-select-variations-multiple/elements-select-select-variations-multiple.rendered.html"},{"lineagePattern":"elements-select-variations-optgroups","lineagePath":"../../patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html"},{"lineagePattern":"elements-select-variations","lineagePath":"../../patterns/elements-select-select-variations/elements-select-select-variations.rendered.html"}],"lineageR":[{"lineagePattern":"elements-select-variations-disabled","lineagePath":"../../patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html"},{"lineagePattern":"elements-select-variations-multiple","lineagePath":"../../patterns/elements-select-select-variations-multiple/elements-select-select-variations-multiple.rendered.html"},{"lineagePattern":"elements-select-variations-optgroups","lineagePath":"../../patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html"},{"lineagePattern":"elements-select-variations","lineagePath":"../../patterns/elements-select-select-variations/elements-select-select-variations.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select","patternPartial":"elements-select","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-select/index.html b/review/refactor-icon-update/patterns/elements-select/index.html
new file mode 100644
index 0000000000..be9f30d786
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-select/index.html
@@ -0,0 +1,679 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-elements-select" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-select&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-select">Select</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<p>This element doesn't fulfill the styleguides definitions especially on the option elements styling, as this isn't possible x-browser without JavaScript.
+If you would like to even also match those visual requirements, you would need to choose a progressive JavaScript solution on your own.</p>
+<h2>Form validation</h2>
+<p>Please have a look especially at the section for form validation within the overall <a href="../components-form/index.html">components/forms</a> page.</p>
+<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-select" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-select-select&#x2F;elements-select-select.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-select" title="Link to Pattern">
+						Select
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-select" data-patternpartial="elements-select" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-select">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<select class="elm-select "
+	 name="select" id="select"
+	
+	
+	
+	
+	>
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select">Select label</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-select" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-select-variations-disabled","lineagePath":"../../patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html"},{"lineagePattern":"elements-select-variations-multiple","lineagePath":"../../patterns/elements-select-select-variations-multiple/elements-select-select-variations-multiple.rendered.html"},{"lineagePattern":"elements-select-variations-optgroups","lineagePath":"../../patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html"},{"lineagePattern":"elements-select-variations","lineagePath":"../../patterns/elements-select-select-variations/elements-select-select-variations.rendered.html"}],"lineageR":[{"lineagePattern":"elements-select-variations-disabled","lineagePath":"../../patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html"},{"lineagePattern":"elements-select-variations-multiple","lineagePath":"../../patterns/elements-select-select-variations-multiple/elements-select-select-variations-multiple.rendered.html"},{"lineagePattern":"elements-select-variations-optgroups","lineagePath":"../../patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html"},{"lineagePattern":"elements-select-variations","lineagePath":"../../patterns/elements-select-select-variations/elements-select-select-variations.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select","patternPartial":"elements-select","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-select-variations" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-select-select-variations&#x2F;elements-select-select-variations.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-select-variations" title="Link to Pattern">
+						Select Variations
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-select-variations" data-patternpartial="elements-select-variations" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-select-variations">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>semitransparent:</dt>
+	<dd><select class="elm-select "
+	 name="select01" id="select01"
+	
+	
+	
+	
+	 data-variant="semitransparent">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select01">Devices</label>
+</dd>
+	<dt>white:</dt>
+	<dd><select class="elm-select "
+	 name="select02" id="select02"
+	
+	
+	
+	
+	 data-variant="white">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select02">Devices</label>
+</dd>
+	<dt>solid:</dt>
+	<dd><select class="elm-select "
+	 name="select03" id="select03"
+	
+	
+	
+	
+	 data-variant="solid">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select03">Devices</label>
+</dd>
+	<dt>outline:</dt>
+	<dd><select class="elm-select "
+	 name="select04" id="select04"
+	
+	
+	
+	
+	 data-variant="outline">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select04">Devices</label>
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-select-variations" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"lineage":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select Variations","patternPartial":"elements-select-variations","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-select-variations-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-select-select-variations-disabled&#x2F;elements-select-select-variations-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-select-variations-disabled" title="Link to Pattern">
+						Select Variations Disabled
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-select-variations-disabled" data-patternpartial="elements-select-variations-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-select-variations-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>semitransparent:</dt>
+	<dd><select class="elm-select "
+	 name="select05" id="select05"
+	 disabled
+	
+	
+	
+	 data-variant="semitransparent">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select05">Devices</label>
+</dd>
+	<dt>white:</dt>
+	<dd><select class="elm-select "
+	 name="select06" id="select06"
+	 disabled
+	
+	
+	
+	 data-variant="white">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select06">Devices</label>
+</dd>
+	<dt>solid:</dt>
+	<dd><select class="elm-select "
+	 name="select07" id="select07"
+	 disabled
+	
+	
+	
+	 data-variant="solid">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select07">Devices</label>
+</dd>
+	<dt>outline:</dt>
+	<dd><select class="elm-select "
+	 name="select08" id="select08"
+	 disabled
+	
+	
+	
+	 data-variant="outline">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select08">Devices</label>
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-select-variations-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"lineage":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select Variations Disabled","patternPartial":"elements-select-variations-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-select-variations-optgroups" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-select-select-variations-optgroups&#x2F;elements-select-select-variations-optgroups.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-select-variations-optgroups" title="Link to Pattern">
+						Select Variations Optgroups
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-select-variations-optgroups" data-patternpartial="elements-select-variations-optgroups" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-select-variations-optgroups">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>semitransparent:</dt>
+	<dd><select class="elm-select "
+	 name="select09" id="select09"
+	
+	
+	
+	
+	 data-variant="semitransparent">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select09">Devices/Roles</label>
+</dd>
+	<dt>white:</dt>
+	<dd><select class="elm-select "
+	 name="select10" id="select10"
+	
+	
+	
+	
+	 data-variant="white">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select10">Devices/Roles</label>
+</dd>
+	<dt>solid:</dt>
+	<dd><select class="elm-select "
+	 name="select11" id="select11"
+	
+	
+	
+	
+	 data-variant="solid">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select11">Devices/Roles</label>
+</dd>
+	<dt>outline:</dt>
+	<dd><select class="elm-select "
+	 name="select12" id="select12"
+	
+	
+	
+	
+	 data-variant="outline">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select12">Devices/Roles</label>
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-select-variations-optgroups" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"lineage":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select Variations Optgroups","patternPartial":"elements-select-variations-optgroups","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-select-invalid-attribute" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-select-select-invalid-attribute&#x2F;elements-select-select-invalid-attribute.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-select-invalid-attribute" title="Link to Pattern">
+						Select - Invalid state by HTML attribute
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-select-invalid-attribute" data-patternpartial="elements-select-invalid-attribute" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-select-invalid-attribute">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<select class="elm-select "
+	 name="select13" id="select13"
+	
+	
+	
+	 aria-invalid="true" 
+	>
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select13">Devices</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-select-invalid-attribute" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Form validation</h2>\n<p>Please have a look especially at the section for form validation within the overall <a href=\"../components-form/index.html\">components/forms</a> page.</p>\n<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute\"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select - Invalid state by HTML attribute","patternPartial":"elements-select-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":7}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-select-hidden-label" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-select-select-hidden-label&#x2F;elements-select-select-hidden-label.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-select-hidden-label" title="Link to Pattern">
+						Select - Hidden label
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-select-hidden-label" data-patternpartial="elements-select-hidden-label" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-select-hidden-label">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<select class="elm-select "
+	 name="select14" id="select14"
+	
+	
+	
+	
+	>
+	
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select14" data-label-hidden="true">Devices</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-select-hidden-label" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a select element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select - Hidden label","patternPartial":"elements-select-hidden-label","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":8}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-elements-select"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-elements-select"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-tags-_tag/elements-tags-_tag.hbs b/review/refactor-icon-update/patterns/elements-tags-_tag/elements-tags-_tag.hbs
new file mode 100644
index 0000000000..ba315fcc01
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-tags-_tag/elements-tags-_tag.hbs
@@ -0,0 +1,6 @@
+{{! TODO: This would need to get enhanced later on by the additional possible attributes }}
+<span class="elm-tag"
+	{{#if size }} data-size="{{ size }}"{{/if }}
+	{{#if variant }} data-variant="{{ variant }}"{{/if }}
+	{{#if icon }} data-icon="{{ icon }}"{{/if }}
+>{{ label }}</span>
diff --git a/review/refactor-icon-update/patterns/elements-tags-_tag/elements-tags-_tag.markup-only.html b/review/refactor-icon-update/patterns/elements-tags-_tag/elements-tags-_tag.markup-only.html
new file mode 100644
index 0000000000..03ad817900
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-tags-_tag/elements-tags-_tag.markup-only.html
@@ -0,0 +1,5 @@
+<span class="elm-tag"
+	
+	
+	
+></span>
diff --git a/review/refactor-icon-update/patterns/elements-tags-_tag/elements-tags-_tag.rendered.html b/review/refactor-icon-update/patterns/elements-tags-_tag/elements-tags-_tag.rendered.html
new file mode 100644
index 0000000000..0f9f0fcf69
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-tags-_tag/elements-tags-_tag.rendered.html
@@ -0,0 +1,122 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<span class="elm-tag"
+	
+	
+	
+></span>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"}],"lineageR":[{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"tags"},"patternExtension":"hbs","patternName":"Tag","patternPartial":"elements-tag","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"}],"lineageR":[{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"tags"},"patternExtension":"hbs","patternName":"Tag","patternPartial":"elements-tag","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-tags-tags-small/elements-tags-tags-small.hbs b/review/refactor-icon-update/patterns/elements-tags-tags-small/elements-tags-tags-small.hbs
new file mode 100644
index 0000000000..a91302c17f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-tags-tags-small/elements-tags-tags-small.hbs
@@ -0,0 +1,14 @@
+{{! TODO: The following conditional construct should obviously get simplified in the future }}
+{{> elements-tag label="Default" }}
+{{#each variants }}
+	{{> elements-tag size=../size icon=../icon }}
+{{/each}}
+
+{{#unless icon}}
+	<!-- [html-validate-disable-next heading-level] -->
+	{{> elements-headline type="3" text="POIs" }}
+
+	{{#each pois }}
+		{{> elements-tag size=../size }}
+	{{/each}}
+{{/unless }}
diff --git a/review/refactor-icon-update/patterns/elements-tags-tags-small/elements-tags-tags-small.markup-only.html b/review/refactor-icon-update/patterns/elements-tags-tags-small/elements-tags-tags-small.markup-only.html
new file mode 100644
index 0000000000..8ead543cda
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-tags-tags-small/elements-tags-tags-small.markup-only.html
@@ -0,0 +1,90 @@
+<span class="elm-tag"
+	 data-size="small"
+	
+	
+>Default</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="light"
+		
+	>Light</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="informative"
+		
+	>Informative</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="success"
+		
+	>Success</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="warning"
+		
+	>Warning</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="error"
+		
+	>Error</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="track"
+		
+	>Gl. 10</span>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-essen-trinken"
+			
+		>Essen &amp; Trinken</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-einkaufen"
+			
+		>Einkaufen</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-gesundheit"
+			
+		>Gesundheit</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-kunst-kultur"
+			
+		>Kunst &amp; Kultur</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-wissenswertes"
+			
+		>Wissenswertes</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-freizeit"
+			
+		>Freizeit</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-zivile-rel-einrichtungen"
+			
+		>Zivile &amp; reli. Einrichtungen</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-dienstleistungen"
+			
+		>Dienstleistungen</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-db-services-einrichtung"
+			
+		>DB Services &amp; Einrichtung</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-wegeleitung"
+			
+		>Wegeleitung</span>
diff --git a/review/refactor-icon-update/patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html b/review/refactor-icon-update/patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html
new file mode 100644
index 0000000000..bb0effe429
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html
@@ -0,0 +1,207 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<span class="elm-tag"
+	 data-size="small"
+	
+	
+>Default</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="light"
+		
+	>Light</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="informative"
+		
+	>Informative</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="success"
+		
+	>Success</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="warning"
+		
+	>Warning</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="error"
+		
+	>Error</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="track"
+		
+	>Gl. 10</span>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-essen-trinken"
+			
+		>Essen &amp; Trinken</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-einkaufen"
+			
+		>Einkaufen</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-gesundheit"
+			
+		>Gesundheit</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-kunst-kultur"
+			
+		>Kunst &amp; Kultur</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-wissenswertes"
+			
+		>Wissenswertes</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-freizeit"
+			
+		>Freizeit</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-zivile-rel-einrichtungen"
+			
+		>Zivile &amp; reli. Einrichtungen</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-dienstleistungen"
+			
+		>Dienstleistungen</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-db-services-einrichtung"
+			
+		>DB Services &amp; Einrichtung</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-wegeleitung"
+			
+		>Wegeleitung</span>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"tags"},"patternExtension":"hbs","patternName":"Tags Small","patternPartial":"elements-tags-small","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"tags"},"patternExtension":"hbs","patternName":"Tags Small","patternPartial":"elements-tags-small","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.hbs b/review/refactor-icon-update/patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.hbs
new file mode 100644
index 0000000000..a91302c17f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.hbs
@@ -0,0 +1,14 @@
+{{! TODO: The following conditional construct should obviously get simplified in the future }}
+{{> elements-tag label="Default" }}
+{{#each variants }}
+	{{> elements-tag size=../size icon=../icon }}
+{{/each}}
+
+{{#unless icon}}
+	<!-- [html-validate-disable-next heading-level] -->
+	{{> elements-headline type="3" text="POIs" }}
+
+	{{#each pois }}
+		{{> elements-tag size=../size }}
+	{{/each}}
+{{/unless }}
diff --git a/review/refactor-icon-update/patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.markup-only.html b/review/refactor-icon-update/patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.markup-only.html
new file mode 100644
index 0000000000..c3cb7acc4e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.markup-only.html
@@ -0,0 +1,36 @@
+<span class="elm-tag"
+	
+	
+	 data-icon="account"
+>Default</span>
+	<span class="elm-tag"
+		
+		 data-variant="light"
+		 data-icon="account"
+	>Light</span>
+	<span class="elm-tag"
+		
+		 data-variant="informative"
+		 data-icon="account"
+	>Informative</span>
+	<span class="elm-tag"
+		
+		 data-variant="success"
+		 data-icon="account"
+	>Success</span>
+	<span class="elm-tag"
+		
+		 data-variant="warning"
+		 data-icon="account"
+	>Warning</span>
+	<span class="elm-tag"
+		
+		 data-variant="error"
+		 data-icon="account"
+	>Error</span>
+	<span class="elm-tag"
+		
+		 data-variant="track"
+		 data-icon="account"
+	>Gl. 10</span>
+
diff --git a/review/refactor-icon-update/patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html b/review/refactor-icon-update/patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html
new file mode 100644
index 0000000000..5207fc1c29
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html
@@ -0,0 +1,153 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<span class="elm-tag"
+	
+	
+	 data-icon="account"
+>Default</span>
+	<span class="elm-tag"
+		
+		 data-variant="light"
+		 data-icon="account"
+	>Light</span>
+	<span class="elm-tag"
+		
+		 data-variant="informative"
+		 data-icon="account"
+	>Informative</span>
+	<span class="elm-tag"
+		
+		 data-variant="success"
+		 data-icon="account"
+	>Success</span>
+	<span class="elm-tag"
+		
+		 data-variant="warning"
+		 data-icon="account"
+	>Warning</span>
+	<span class="elm-tag"
+		
+		 data-variant="error"
+		 data-icon="account"
+	>Error</span>
+	<span class="elm-tag"
+		
+		 data-variant="track"
+		 data-icon="account"
+	>Gl. 10</span>
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"tags"},"patternExtension":"hbs","patternName":"Tags With Icon","patternPartial":"elements-tags-with-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"tags"},"patternExtension":"hbs","patternName":"Tags With Icon","patternPartial":"elements-tags-with-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-tags-tags/elements-tags-tags.hbs b/review/refactor-icon-update/patterns/elements-tags-tags/elements-tags-tags.hbs
new file mode 100644
index 0000000000..a91302c17f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-tags-tags/elements-tags-tags.hbs
@@ -0,0 +1,14 @@
+{{! TODO: The following conditional construct should obviously get simplified in the future }}
+{{> elements-tag label="Default" }}
+{{#each variants }}
+	{{> elements-tag size=../size icon=../icon }}
+{{/each}}
+
+{{#unless icon}}
+	<!-- [html-validate-disable-next heading-level] -->
+	{{> elements-headline type="3" text="POIs" }}
+
+	{{#each pois }}
+		{{> elements-tag size=../size }}
+	{{/each}}
+{{/unless }}
diff --git a/review/refactor-icon-update/patterns/elements-tags-tags/elements-tags-tags.markup-only.html b/review/refactor-icon-update/patterns/elements-tags-tags/elements-tags-tags.markup-only.html
new file mode 100644
index 0000000000..76cecc9bbe
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-tags-tags/elements-tags-tags.markup-only.html
@@ -0,0 +1,90 @@
+<span class="elm-tag"
+	
+	
+	
+>Default</span>
+	<span class="elm-tag"
+		
+		 data-variant="light"
+		
+	>Light</span>
+	<span class="elm-tag"
+		
+		 data-variant="informative"
+		
+	>Informative</span>
+	<span class="elm-tag"
+		
+		 data-variant="success"
+		
+	>Success</span>
+	<span class="elm-tag"
+		
+		 data-variant="warning"
+		
+	>Warning</span>
+	<span class="elm-tag"
+		
+		 data-variant="error"
+		
+	>Error</span>
+	<span class="elm-tag"
+		
+		 data-variant="track"
+		
+	>Gl. 10</span>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+		<span class="elm-tag"
+			
+			 data-variant="poi-essen-trinken"
+			
+		>Essen &amp; Trinken</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-einkaufen"
+			
+		>Einkaufen</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-gesundheit"
+			
+		>Gesundheit</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-kunst-kultur"
+			
+		>Kunst &amp; Kultur</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-wissenswertes"
+			
+		>Wissenswertes</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-freizeit"
+			
+		>Freizeit</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-zivile-rel-einrichtungen"
+			
+		>Zivile &amp; reli. Einrichtungen</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-dienstleistungen"
+			
+		>Dienstleistungen</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-db-services-einrichtung"
+			
+		>DB Services &amp; Einrichtung</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-wegeleitung"
+			
+		>Wegeleitung</span>
diff --git a/review/refactor-icon-update/patterns/elements-tags-tags/elements-tags-tags.rendered.html b/review/refactor-icon-update/patterns/elements-tags-tags/elements-tags-tags.rendered.html
new file mode 100644
index 0000000000..f46f955e81
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-tags-tags/elements-tags-tags.rendered.html
@@ -0,0 +1,207 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<span class="elm-tag"
+	
+	
+	
+>Default</span>
+	<span class="elm-tag"
+		
+		 data-variant="light"
+		
+	>Light</span>
+	<span class="elm-tag"
+		
+		 data-variant="informative"
+		
+	>Informative</span>
+	<span class="elm-tag"
+		
+		 data-variant="success"
+		
+	>Success</span>
+	<span class="elm-tag"
+		
+		 data-variant="warning"
+		
+	>Warning</span>
+	<span class="elm-tag"
+		
+		 data-variant="error"
+		
+	>Error</span>
+	<span class="elm-tag"
+		
+		 data-variant="track"
+		
+	>Gl. 10</span>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+		<span class="elm-tag"
+			
+			 data-variant="poi-essen-trinken"
+			
+		>Essen &amp; Trinken</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-einkaufen"
+			
+		>Einkaufen</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-gesundheit"
+			
+		>Gesundheit</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-kunst-kultur"
+			
+		>Kunst &amp; Kultur</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-wissenswertes"
+			
+		>Wissenswertes</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-freizeit"
+			
+		>Freizeit</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-zivile-rel-einrichtungen"
+			
+		>Zivile &amp; reli. Einrichtungen</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-dienstleistungen"
+			
+		>Dienstleistungen</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-db-services-einrichtung"
+			
+		>DB Services &amp; Einrichtung</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-wegeleitung"
+			
+		>Wegeleitung</span>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"tags"},"patternExtension":"hbs","patternName":"Tags","patternPartial":"elements-tags","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"tags"},"patternExtension":"hbs","patternName":"Tags","patternPartial":"elements-tags","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-tags/index.html b/review/refactor-icon-update/patterns/elements-tags/index.html
new file mode 100644
index 0000000000..e266d9d2fa
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-tags/index.html
@@ -0,0 +1,493 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-elements-tags" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-tags&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-tags">Tags</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h1>Variations/configurability</h1>
+<h2>Variant</h2>
+<h3>HTML attribute</h3>
+<p>You could set the different button variants via the <code>data-variant</code> attribute. These could be either one of the four feedback values, or the &quot;point of interest&quot; stylings.</p>
+<h2>Size</h2>
+<h3>SCSS (recommended)</h3>
+<p>Extend the size placeholder in case that you don't want the default (regular): <code>%size-Small</code></p>
+<h3>HTML attribute</h3>
+<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is &quot;regular&quot; and in that case is optional.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-tags" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-tags-tags&#x2F;elements-tags-tags.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-tags" title="Link to Pattern">
+						Tags
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-tags" data-patternpartial="elements-tags" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-tags">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<span class="elm-tag"
+	
+	
+	
+>Default</span>
+	<span class="elm-tag"
+		
+		 data-variant="light"
+		
+	>Light</span>
+	<span class="elm-tag"
+		
+		 data-variant="informative"
+		
+	>Informative</span>
+	<span class="elm-tag"
+		
+		 data-variant="success"
+		
+	>Success</span>
+	<span class="elm-tag"
+		
+		 data-variant="warning"
+		
+	>Warning</span>
+	<span class="elm-tag"
+		
+		 data-variant="error"
+		
+	>Error</span>
+	<span class="elm-tag"
+		
+		 data-variant="track"
+		
+	>Gl. 10</span>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+		<span class="elm-tag"
+			
+			 data-variant="poi-essen-trinken"
+			
+		>Essen &amp; Trinken</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-einkaufen"
+			
+		>Einkaufen</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-gesundheit"
+			
+		>Gesundheit</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-kunst-kultur"
+			
+		>Kunst &amp; Kultur</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-wissenswertes"
+			
+		>Wissenswertes</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-freizeit"
+			
+		>Freizeit</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-zivile-rel-einrichtungen"
+			
+		>Zivile &amp; reli. Einrichtungen</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-dienstleistungen"
+			
+		>Dienstleistungen</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-db-services-einrichtung"
+			
+		>DB Services &amp; Einrichtung</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-wegeleitung"
+			
+		>Wegeleitung</span>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-tags" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"tags"},"patternExtension":"hbs","patternName":"Tags","patternPartial":"elements-tags","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-tags-small" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-tags-tags-small&#x2F;elements-tags-tags-small.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-tags-small" title="Link to Pattern">
+						Tags Small
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-tags-small" data-patternpartial="elements-tags-small" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-tags-small">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<span class="elm-tag"
+	 data-size="small"
+	
+	
+>Default</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="light"
+		
+	>Light</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="informative"
+		
+	>Informative</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="success"
+		
+	>Success</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="warning"
+		
+	>Warning</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="error"
+		
+	>Error</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="track"
+		
+	>Gl. 10</span>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-essen-trinken"
+			
+		>Essen &amp; Trinken</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-einkaufen"
+			
+		>Einkaufen</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-gesundheit"
+			
+		>Gesundheit</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-kunst-kultur"
+			
+		>Kunst &amp; Kultur</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-wissenswertes"
+			
+		>Wissenswertes</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-freizeit"
+			
+		>Freizeit</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-zivile-rel-einrichtungen"
+			
+		>Zivile &amp; reli. Einrichtungen</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-dienstleistungen"
+			
+		>Dienstleistungen</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-db-services-einrichtung"
+			
+		>DB Services &amp; Einrichtung</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-wegeleitung"
+			
+		>Wegeleitung</span>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-tags-small" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"tags"},"patternExtension":"hbs","patternName":"Tags Small","patternPartial":"elements-tags-small","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-tags-with-icon" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-tags-tags-with-icon&#x2F;elements-tags-tags-with-icon.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-tags-with-icon" title="Link to Pattern">
+						Tags With Icon
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-tags-with-icon" data-patternpartial="elements-tags-with-icon" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-tags-with-icon">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<span class="elm-tag"
+	
+	
+	 data-icon="account"
+>Default</span>
+	<span class="elm-tag"
+		
+		 data-variant="light"
+		 data-icon="account"
+	>Light</span>
+	<span class="elm-tag"
+		
+		 data-variant="informative"
+		 data-icon="account"
+	>Informative</span>
+	<span class="elm-tag"
+		
+		 data-variant="success"
+		 data-icon="account"
+	>Success</span>
+	<span class="elm-tag"
+		
+		 data-variant="warning"
+		 data-icon="account"
+	>Warning</span>
+	<span class="elm-tag"
+		
+		 data-variant="error"
+		 data-icon="account"
+	>Error</span>
+	<span class="elm-tag"
+		
+		 data-variant="track"
+		 data-icon="account"
+	>Gl. 10</span>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-tags-with-icon" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"tags"},"patternExtension":"hbs","patternName":"Tags With Icon","patternPartial":"elements-tags-with-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-elements-tags"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-elements-tags"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-description/elements-textarea-textarea-description.hbs b/review/refactor-icon-update/patterns/elements-textarea-textarea-description/elements-textarea-textarea-description.hbs
new file mode 100644
index 0000000000..0b87dadaf9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-description/elements-textarea-textarea-description.hbs
@@ -0,0 +1,14 @@
+{{! TODO: the retrieval of the standard values doesn't work so far }}
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+<textarea class="elm-textarea {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{{ validation }}}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}
+	{{#if variant}} data-variant="{{variant}}"{{/if }}>{{ value }}</textarea>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-description/elements-textarea-textarea-description.markup-only.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-description/elements-textarea-textarea-description.markup-only.html
new file mode 100644
index 0000000000..1f86475787
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-description/elements-textarea-textarea-description.markup-only.html
@@ -0,0 +1,13 @@
+<label class="elm-label" for="textarea02">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea02"
+	
+	 aria-describedby="textarea02hint"
+	
+	
+	 maxlength="200"
+	oninput="result_textarea02.value=this.value.length+'/'+this.attributes.maxlength.value"
+	></textarea>
+<output for="textarea02" id="result_textarea02" anchor="textarea02"></output>
+<p id="textarea02hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-description/elements-textarea-textarea-description.rendered.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-description/elements-textarea-textarea-description.rendered.html
new file mode 100644
index 0000000000..dd794a8d94
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-description/elements-textarea-textarea-description.rendered.html
@@ -0,0 +1,130 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<label class="elm-label" for="textarea02">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea02"
+	
+	 aria-describedby="textarea02hint"
+	
+	
+	 maxlength="200"
+	oninput="result_textarea02.value=this.value.length+'/'+this.attributes.maxlength.value"
+	></textarea>
+<output for="textarea02" id="result_textarea02" anchor="textarea02"></output>
+<p id="textarea02hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea with description","patternPartial":"elements-textarea-description","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea with description","patternPartial":"elements-textarea-description","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-disabled/elements-textarea-textarea-disabled.hbs b/review/refactor-icon-update/patterns/elements-textarea-textarea-disabled/elements-textarea-textarea-disabled.hbs
new file mode 100644
index 0000000000..0b87dadaf9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-disabled/elements-textarea-textarea-disabled.hbs
@@ -0,0 +1,14 @@
+{{! TODO: the retrieval of the standard values doesn't work so far }}
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+<textarea class="elm-textarea {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{{ validation }}}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}
+	{{#if variant}} data-variant="{{variant}}"{{/if }}>{{ value }}</textarea>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-disabled/elements-textarea-textarea-disabled.markup-only.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-disabled/elements-textarea-textarea-disabled.markup-only.html
new file mode 100644
index 0000000000..6a093dc123
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-disabled/elements-textarea-textarea-disabled.markup-only.html
@@ -0,0 +1,13 @@
+<label class="elm-label" for="textarea07">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea07"
+	 disabled
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea07.value=this.value.length+'/'+this.attributes.maxlength.value"
+	></textarea>
+<output for="textarea07" id="result_textarea07" anchor="textarea07"></output>
+
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-disabled/elements-textarea-textarea-disabled.rendered.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-disabled/elements-textarea-textarea-disabled.rendered.html
new file mode 100644
index 0000000000..f1c86db635
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-disabled/elements-textarea-textarea-disabled.rendered.html
@@ -0,0 +1,130 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<label class="elm-label" for="textarea07">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea07"
+	 disabled
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea07.value=this.value.length+'/'+this.attributes.maxlength.value"
+	></textarea>
+<output for="textarea07" id="result_textarea07" anchor="textarea07"></output>
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea Disabled","patternPartial":"elements-textarea-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea Disabled","patternPartial":"elements-textarea-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-filled/elements-textarea-textarea-filled.hbs b/review/refactor-icon-update/patterns/elements-textarea-textarea-filled/elements-textarea-textarea-filled.hbs
new file mode 100644
index 0000000000..0b87dadaf9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-filled/elements-textarea-textarea-filled.hbs
@@ -0,0 +1,14 @@
+{{! TODO: the retrieval of the standard values doesn't work so far }}
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+<textarea class="elm-textarea {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{{ validation }}}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}
+	{{#if variant}} data-variant="{{variant}}"{{/if }}>{{ value }}</textarea>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-filled/elements-textarea-textarea-filled.markup-only.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-filled/elements-textarea-textarea-filled.markup-only.html
new file mode 100644
index 0000000000..9403027907
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-filled/elements-textarea-textarea-filled.markup-only.html
@@ -0,0 +1,13 @@
+<label class="elm-label" for="textarea03">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea03"
+	
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea03.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Textarea</textarea>
+<output for="textarea03" id="result_textarea03" anchor="textarea03"></output>
+
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-filled/elements-textarea-textarea-filled.rendered.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-filled/elements-textarea-textarea-filled.rendered.html
new file mode 100644
index 0000000000..f5320de59b
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-filled/elements-textarea-textarea-filled.rendered.html
@@ -0,0 +1,130 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<label class="elm-label" for="textarea03">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea03"
+	
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea03.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Textarea</textarea>
+<output for="textarea03" id="result_textarea03" anchor="textarea03"></output>
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea filled with a value","patternPartial":"elements-textarea-filled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":4}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea filled with a value","patternPartial":"elements-textarea-filled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":4}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-hidden-label/elements-textarea-textarea-hidden-label.hbs b/review/refactor-icon-update/patterns/elements-textarea-textarea-hidden-label/elements-textarea-textarea-hidden-label.hbs
new file mode 100644
index 0000000000..0b87dadaf9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-hidden-label/elements-textarea-textarea-hidden-label.hbs
@@ -0,0 +1,14 @@
+{{! TODO: the retrieval of the standard values doesn't work so far }}
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+<textarea class="elm-textarea {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{{ validation }}}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}
+	{{#if variant}} data-variant="{{variant}}"{{/if }}>{{ value }}</textarea>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-hidden-label/elements-textarea-textarea-hidden-label.markup-only.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-hidden-label/elements-textarea-textarea-hidden-label.markup-only.html
new file mode 100644
index 0000000000..04120e1cdd
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-hidden-label/elements-textarea-textarea-hidden-label.markup-only.html
@@ -0,0 +1,13 @@
+<label class="elm-label" for="textarea08" data-label-hidden="true">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea08"
+	
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea08.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Input</textarea>
+<output for="textarea08" id="result_textarea08" anchor="textarea08"></output>
+
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-hidden-label/elements-textarea-textarea-hidden-label.rendered.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-hidden-label/elements-textarea-textarea-hidden-label.rendered.html
new file mode 100644
index 0000000000..260aa8c7b7
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-hidden-label/elements-textarea-textarea-hidden-label.rendered.html
@@ -0,0 +1,130 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<label class="elm-label" for="textarea08" data-label-hidden="true">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea08"
+	
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea08.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Input</textarea>
+<output for="textarea08" id="result_textarea08" anchor="textarea08"></output>
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a textarea element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - Hidden label","patternPartial":"elements-textarea-hidden-label","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":8}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a textarea element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - Hidden label","patternPartial":"elements-textarea-hidden-label","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":8}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid-attribute/elements-textarea-textarea-invalid-attribute.hbs b/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid-attribute/elements-textarea-textarea-invalid-attribute.hbs
new file mode 100644
index 0000000000..0b87dadaf9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid-attribute/elements-textarea-textarea-invalid-attribute.hbs
@@ -0,0 +1,14 @@
+{{! TODO: the retrieval of the standard values doesn't work so far }}
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+<textarea class="elm-textarea {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{{ validation }}}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}
+	{{#if variant}} data-variant="{{variant}}"{{/if }}>{{ value }}</textarea>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid-attribute/elements-textarea-textarea-invalid-attribute.markup-only.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid-attribute/elements-textarea-textarea-invalid-attribute.markup-only.html
new file mode 100644
index 0000000000..fe298fc202
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid-attribute/elements-textarea-textarea-invalid-attribute.markup-only.html
@@ -0,0 +1,13 @@
+<label class="elm-label" for="textarea06">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea06"
+	
+	
+	 minlength="5"
+	 aria-invalid="true"
+	 maxlength="200"
+	oninput="result_textarea06.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Input</textarea>
+<output for="textarea06" id="result_textarea06" anchor="textarea06"></output>
+
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid-attribute/elements-textarea-textarea-invalid-attribute.rendered.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid-attribute/elements-textarea-textarea-invalid-attribute.rendered.html
new file mode 100644
index 0000000000..3485a10750
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid-attribute/elements-textarea-textarea-invalid-attribute.rendered.html
@@ -0,0 +1,130 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<label class="elm-label" for="textarea06">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea06"
+	
+	
+	 minlength="5"
+	 aria-invalid="true"
+	 maxlength="200"
+	oninput="result_textarea06.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Input</textarea>
+<output for="textarea06" id="result_textarea06" anchor="textarea06"></output>
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Form validation</h2>\n<p>Please have a look especially at the section for form validation within the overall <a href=\"../components-form/index.html\">components/forms</a> page.</p>\n<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute\"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - Invalid state by HTML attribute","patternPartial":"elements-textarea-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":7}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Form validation</h2>\n<p>Please have a look especially at the section for form validation within the overall <a href=\"../components-form/index.html\">components/forms</a> page.</p>\n<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute\"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - Invalid state by HTML attribute","patternPartial":"elements-textarea-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":7}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid/elements-textarea-textarea-invalid.hbs b/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid/elements-textarea-textarea-invalid.hbs
new file mode 100644
index 0000000000..0b87dadaf9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid/elements-textarea-textarea-invalid.hbs
@@ -0,0 +1,14 @@
+{{! TODO: the retrieval of the standard values doesn't work so far }}
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+<textarea class="elm-textarea {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{{ validation }}}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}
+	{{#if variant}} data-variant="{{variant}}"{{/if }}>{{ value }}</textarea>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid/elements-textarea-textarea-invalid.markup-only.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid/elements-textarea-textarea-invalid.markup-only.html
new file mode 100644
index 0000000000..e2f7eed631
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid/elements-textarea-textarea-invalid.markup-only.html
@@ -0,0 +1,13 @@
+<label class="elm-label" for="textarea05">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea05"
+	
+	
+	 minlength="5" required
+	
+	 maxlength="200"
+	oninput="result_textarea05.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Input</textarea>
+<output for="textarea05" id="result_textarea05" anchor="textarea05"></output>
+
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid/elements-textarea-textarea-invalid.rendered.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid/elements-textarea-textarea-invalid.rendered.html
new file mode 100644
index 0000000000..1822554f83
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-invalid/elements-textarea-textarea-invalid.rendered.html
@@ -0,0 +1,130 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<label class="elm-label" for="textarea05">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea05"
+	
+	
+	 minlength="5" required
+	
+	 maxlength="200"
+	oninput="result_textarea05.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Input</textarea>
+<output for="textarea05" id="result_textarea05" anchor="textarea05"></output>
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - invalid state (type in less than its minimum of 5 characters)","patternPartial":"elements-textarea-invalid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":6}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - invalid state (type in less than its minimum of 5 characters)","patternPartial":"elements-textarea-invalid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":6}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-valid/elements-textarea-textarea-valid.hbs b/review/refactor-icon-update/patterns/elements-textarea-textarea-valid/elements-textarea-textarea-valid.hbs
new file mode 100644
index 0000000000..0b87dadaf9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-valid/elements-textarea-textarea-valid.hbs
@@ -0,0 +1,14 @@
+{{! TODO: the retrieval of the standard values doesn't work so far }}
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+<textarea class="elm-textarea {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{{ validation }}}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}
+	{{#if variant}} data-variant="{{variant}}"{{/if }}>{{ value }}</textarea>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-valid/elements-textarea-textarea-valid.markup-only.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-valid/elements-textarea-textarea-valid.markup-only.html
new file mode 100644
index 0000000000..1d3bdf74ff
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-valid/elements-textarea-textarea-valid.markup-only.html
@@ -0,0 +1,13 @@
+<label class="elm-label" for="textarea04">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea04"
+	
+	
+	 minlength="3" required
+	
+	 maxlength="200"
+	oninput="result_textarea04.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Valid input</textarea>
+<output for="textarea04" id="result_textarea04" anchor="textarea04"></output>
+
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-valid/elements-textarea-textarea-valid.rendered.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-valid/elements-textarea-textarea-valid.rendered.html
new file mode 100644
index 0000000000..98730ade2f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-valid/elements-textarea-textarea-valid.rendered.html
@@ -0,0 +1,130 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<label class="elm-label" for="textarea04">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea04"
+	
+	
+	 minlength="3" required
+	
+	 maxlength="200"
+	oninput="result_textarea04.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Valid input</textarea>
+<output for="textarea04" id="result_textarea04" anchor="textarea04"></output>
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - valid state","patternPartial":"elements-textarea-valid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":5}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - valid state","patternPartial":"elements-textarea-valid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":5}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.hbs b/review/refactor-icon-update/patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.hbs
new file mode 100644
index 0000000000..4aacfef073
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.hbs
@@ -0,0 +1,6 @@
+<dl>
+{{#each variations}}
+	<dt>{{variant}}:</dt>
+	<dd>{{> elements-textarea label=../label placeholder=../placeholder }}</dd>
+{{/each }}
+</dl>
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.markup-only.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.markup-only.html
new file mode 100644
index 0000000000..312780e10b
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.markup-only.html
@@ -0,0 +1,58 @@
+<dl>
+	<dt>semitransparent:</dt>
+	<dd><label class="elm-label" for="textarea16">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea16"
+	
+	
+	
+	
+	
+	 data-variant="semitransparent"></textarea>
+
+
+</dd>
+	<dt>white:</dt>
+	<dd><label class="elm-label" for="textarea17">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea17"
+	
+	
+	
+	
+	
+	 data-variant="white"></textarea>
+
+
+</dd>
+	<dt>solid:</dt>
+	<dd><label class="elm-label" for="textarea18">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea18"
+	
+	
+	
+	
+	
+	 data-variant="solid"></textarea>
+
+
+</dd>
+	<dt>outline:</dt>
+	<dd><label class="elm-label" for="textarea19">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea19"
+	
+	
+	
+	
+	
+	 data-variant="outline"></textarea>
+
+
+</dd>
+</dl>
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html b/review/refactor-icon-update/patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html
new file mode 100644
index 0000000000..79bc63f7fb
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html
@@ -0,0 +1,175 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<dl>
+	<dt>semitransparent:</dt>
+	<dd><label class="elm-label" for="textarea16">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea16"
+	
+	
+	
+	
+	
+	 data-variant="semitransparent"></textarea>
+
+
+</dd>
+	<dt>white:</dt>
+	<dd><label class="elm-label" for="textarea17">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea17"
+	
+	
+	
+	
+	
+	 data-variant="white"></textarea>
+
+
+</dd>
+	<dt>solid:</dt>
+	<dd><label class="elm-label" for="textarea18">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea18"
+	
+	
+	
+	
+	
+	 data-variant="solid"></textarea>
+
+
+</dd>
+	<dt>outline:</dt>
+	<dd><label class="elm-label" for="textarea19">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea19"
+	
+	
+	
+	
+	
+	 data-variant="outline"></textarea>
+
+
+</dd>
+</dl>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-textarea","lineagePath":"../../patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html"}],"lineage":[{"lineagePattern":"elements-textarea","lineagePath":"../../patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea variations","patternPartial":"elements-textarea-variations","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-textarea","lineagePath":"../../patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html"}],"lineage":[{"lineagePattern":"elements-textarea","lineagePath":"../../patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea variations","patternPartial":"elements-textarea-variations","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea/elements-textarea-textarea.hbs b/review/refactor-icon-update/patterns/elements-textarea-textarea/elements-textarea-textarea.hbs
new file mode 100644
index 0000000000..0b87dadaf9
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea/elements-textarea-textarea.hbs
@@ -0,0 +1,14 @@
+{{! TODO: the retrieval of the standard values doesn't work so far }}
+<label class="elm-label" for="{{ id }}"{{#if labelHidden }} data-label-hidden="true"{{/if }}>{{ label }}</label>
+<textarea class="elm-textarea {{ styleModifier }}"
+	placeholder="{{ placeholder }}"
+	id="{{ id }}"
+	{{#if disabled}} disabled{{/if }}
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}
+	{{{ validation }}}
+	{{#if invalid }} aria-invalid="{{ invalid }}"{{/if }}
+	{{#if maxlength }} maxlength="{{ maxlength }}"
+	oninput="result_{{ id }}.value=this.value.length+'/'+this.attributes.maxlength.value"{{/if }}
+	{{#if variant}} data-variant="{{variant}}"{{/if }}>{{ value }}</textarea>
+{{#if maxlength }}<output for="{{ id }}" id="result_{{ id }}" anchor="{{ id }}"></output>{{/if }}
+{{#if description }}<p{{#if describedbyid }} id="{{ describedbyid }}"{{/if }} class="description">{{{ description }}}</p>{{/if }}
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea/elements-textarea-textarea.markup-only.html b/review/refactor-icon-update/patterns/elements-textarea-textarea/elements-textarea-textarea.markup-only.html
new file mode 100644
index 0000000000..6cc17559ea
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea/elements-textarea-textarea.markup-only.html
@@ -0,0 +1,13 @@
+<label class="elm-label" for="textarea01">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea01"
+	
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea01.value=this.value.length+'/'+this.attributes.maxlength.value"
+	></textarea>
+<output for="textarea01" id="result_textarea01" anchor="textarea01"></output>
+
diff --git a/review/refactor-icon-update/patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html b/review/refactor-icon-update/patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html
new file mode 100644
index 0000000000..378135385f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html
@@ -0,0 +1,130 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<label class="elm-label" for="textarea01">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea01"
+	
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea01.value=this.value.length+'/'+this.attributes.maxlength.value"
+	></textarea>
+<output for="textarea01" id="result_textarea01" anchor="textarea01"></output>
+
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-textarea-variations","lineagePath":"../../patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html"}],"lineageR":[{"lineagePattern":"elements-textarea-variations","lineagePath":"../../patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea","patternPartial":"elements-textarea","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":2}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-textarea-variations","lineagePath":"../../patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html"}],"lineageR":[{"lineagePattern":"elements-textarea-variations","lineagePath":"../../patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea","patternPartial":"elements-textarea","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":2}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-textarea/index.html b/review/refactor-icon-update/patterns/elements-textarea/index.html
new file mode 100644
index 0000000000..f74a6a87d6
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-textarea/index.html
@@ -0,0 +1,693 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-elements-textarea" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-textarea&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-textarea">Textarea</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Form validation</h2>
+<p>Please have a look especially at the section for form validation within the overall <a href="../components-form/index.html">components/forms</a> page.</p>
+<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-textarea-variations" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-variations&#x2F;elements-textarea-textarea-variations.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-variations" title="Link to Pattern">
+						Textarea variations
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-variations" data-patternpartial="elements-textarea-variations" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-variations">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>semitransparent:</dt>
+	<dd><label class="elm-label" for="textarea16">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea16"
+	
+	
+	
+	
+	
+	 data-variant="semitransparent"></textarea>
+
+
+</dd>
+	<dt>white:</dt>
+	<dd><label class="elm-label" for="textarea17">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea17"
+	
+	
+	
+	
+	
+	 data-variant="white"></textarea>
+
+
+</dd>
+	<dt>solid:</dt>
+	<dd><label class="elm-label" for="textarea18">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea18"
+	
+	
+	
+	
+	
+	 data-variant="solid"></textarea>
+
+
+</dd>
+	<dt>outline:</dt>
+	<dd><label class="elm-label" for="textarea19">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea19"
+	
+	
+	
+	
+	
+	 data-variant="outline"></textarea>
+
+
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-variations" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-textarea","lineagePath":"../../patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html"}],"lineage":[{"lineagePattern":"elements-textarea","lineagePath":"../../patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea variations","patternPartial":"elements-textarea-variations","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea&#x2F;elements-textarea-textarea.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea" title="Link to Pattern">
+						Textarea
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea" data-patternpartial="elements-textarea" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea01">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea01"
+	
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea01.value=this.value.length+'/'+this.attributes.maxlength.value"
+	></textarea>
+<output for="textarea01" id="result_textarea01" anchor="textarea01"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-textarea-variations","lineagePath":"../../patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html"}],"lineageR":[{"lineagePattern":"elements-textarea-variations","lineagePath":"../../patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea","patternPartial":"elements-textarea","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":2}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-disabled&#x2F;elements-textarea-textarea-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-disabled" title="Link to Pattern">
+						Textarea Disabled
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-disabled" data-patternpartial="elements-textarea-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea07">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea07"
+	 disabled
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea07.value=this.value.length+'/'+this.attributes.maxlength.value"
+	></textarea>
+<output for="textarea07" id="result_textarea07" anchor="textarea07"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea Disabled","patternPartial":"elements-textarea-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-description" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-description&#x2F;elements-textarea-textarea-description.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-description" title="Link to Pattern">
+						Textarea with description
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-description" data-patternpartial="elements-textarea-description" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-description">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea02">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea02"
+	
+	 aria-describedby="textarea02hint"
+	
+	
+	 maxlength="200"
+	oninput="result_textarea02.value=this.value.length+'/'+this.attributes.maxlength.value"
+	></textarea>
+<output for="textarea02" id="result_textarea02" anchor="textarea02"></output>
+<p id="textarea02hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-description" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea with description","patternPartial":"elements-textarea-description","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-filled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-filled&#x2F;elements-textarea-textarea-filled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-filled" title="Link to Pattern">
+						Textarea filled with a value
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-filled" data-patternpartial="elements-textarea-filled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-filled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea03">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea03"
+	
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea03.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Textarea</textarea>
+<output for="textarea03" id="result_textarea03" anchor="textarea03"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-filled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea filled with a value","patternPartial":"elements-textarea-filled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":4}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-valid" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-valid&#x2F;elements-textarea-textarea-valid.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-valid" title="Link to Pattern">
+						Textarea - valid state
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-valid" data-patternpartial="elements-textarea-valid" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-valid">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea04">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea04"
+	
+	
+	 minlength="3" required
+	
+	 maxlength="200"
+	oninput="result_textarea04.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Valid input</textarea>
+<output for="textarea04" id="result_textarea04" anchor="textarea04"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-valid" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - valid state","patternPartial":"elements-textarea-valid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":5}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-invalid" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-invalid&#x2F;elements-textarea-textarea-invalid.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-invalid" title="Link to Pattern">
+						Textarea - invalid state (type in less than its minimum of 5 characters)
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-invalid" data-patternpartial="elements-textarea-invalid" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-invalid">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea05">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea05"
+	
+	
+	 minlength="5" required
+	
+	 maxlength="200"
+	oninput="result_textarea05.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Input</textarea>
+<output for="textarea05" id="result_textarea05" anchor="textarea05"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-invalid" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - invalid state (type in less than its minimum of 5 characters)","patternPartial":"elements-textarea-invalid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":6}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-invalid-attribute" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-invalid-attribute&#x2F;elements-textarea-textarea-invalid-attribute.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-invalid-attribute" title="Link to Pattern">
+						Textarea - Invalid state by HTML attribute
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-invalid-attribute" data-patternpartial="elements-textarea-invalid-attribute" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-invalid-attribute">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea06">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea06"
+	
+	
+	 minlength="5"
+	 aria-invalid="true"
+	 maxlength="200"
+	oninput="result_textarea06.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Input</textarea>
+<output for="textarea06" id="result_textarea06" anchor="textarea06"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-invalid-attribute" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Form validation</h2>\n<p>Please have a look especially at the section for form validation within the overall <a href=\"../components-form/index.html\">components/forms</a> page.</p>\n<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute\"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - Invalid state by HTML attribute","patternPartial":"elements-textarea-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":7}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-hidden-label" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-hidden-label&#x2F;elements-textarea-textarea-hidden-label.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-hidden-label" title="Link to Pattern">
+						Textarea - Hidden label
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-hidden-label" data-patternpartial="elements-textarea-hidden-label" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-hidden-label">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea08" data-label-hidden="true">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea08"
+	
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea08.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Input</textarea>
+<output for="textarea08" id="result_textarea08" anchor="textarea08"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-hidden-label" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a textarea element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - Hidden label","patternPartial":"elements-textarea-hidden-label","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":8}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-elements-textarea"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-elements-textarea"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-toggle-toggle-disabled/elements-toggle-toggle-disabled.hbs b/review/refactor-icon-update/patterns/elements-toggle-toggle-disabled/elements-toggle-toggle-disabled.hbs
new file mode 100644
index 0000000000..5492610014
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-toggle-toggle-disabled/elements-toggle-toggle-disabled.hbs
@@ -0,0 +1,10 @@
+<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	{{ styleModifier }}"
+	id="{{ id }}"
+	{{#if checked}} checked{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	{{#if value}} value="{{ value }}"{{/if }}
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}>
+<label class="elm-label" for="{{ id }}">{{ label }}</label>
diff --git a/review/refactor-icon-update/patterns/elements-toggle-toggle-disabled/elements-toggle-toggle-disabled.markup-only.html b/review/refactor-icon-update/patterns/elements-toggle-toggle-disabled/elements-toggle-toggle-disabled.markup-only.html
new file mode 100644
index 0000000000..bfa9b5ab38
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-toggle-toggle-disabled/elements-toggle-toggle-disabled.markup-only.html
@@ -0,0 +1,10 @@
+<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle05"
+	
+	 disabled
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle05">Toggle</label>
diff --git a/review/refactor-icon-update/patterns/elements-toggle-toggle-disabled/elements-toggle-toggle-disabled.rendered.html b/review/refactor-icon-update/patterns/elements-toggle-toggle-disabled/elements-toggle-toggle-disabled.rendered.html
new file mode 100644
index 0000000000..0c8fd997be
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-toggle-toggle-disabled/elements-toggle-toggle-disabled.rendered.html
@@ -0,0 +1,127 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle05"
+	
+	 disabled
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle05">Toggle</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle Disabled","patternPartial":"elements-toggle-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle Disabled","patternPartial":"elements-toggle-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-toggle-toggle-on-disabled/elements-toggle-toggle-on-disabled.hbs b/review/refactor-icon-update/patterns/elements-toggle-toggle-on-disabled/elements-toggle-toggle-on-disabled.hbs
new file mode 100644
index 0000000000..5492610014
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-toggle-toggle-on-disabled/elements-toggle-toggle-on-disabled.hbs
@@ -0,0 +1,10 @@
+<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	{{ styleModifier }}"
+	id="{{ id }}"
+	{{#if checked}} checked{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	{{#if value}} value="{{ value }}"{{/if }}
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}>
+<label class="elm-label" for="{{ id }}">{{ label }}</label>
diff --git a/review/refactor-icon-update/patterns/elements-toggle-toggle-on-disabled/elements-toggle-toggle-on-disabled.markup-only.html b/review/refactor-icon-update/patterns/elements-toggle-toggle-on-disabled/elements-toggle-toggle-on-disabled.markup-only.html
new file mode 100644
index 0000000000..59ce1841ef
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-toggle-toggle-on-disabled/elements-toggle-toggle-on-disabled.markup-only.html
@@ -0,0 +1,10 @@
+<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle06"
+	 checked
+	 disabled
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle06">Toggle</label>
diff --git a/review/refactor-icon-update/patterns/elements-toggle-toggle-on-disabled/elements-toggle-toggle-on-disabled.rendered.html b/review/refactor-icon-update/patterns/elements-toggle-toggle-on-disabled/elements-toggle-toggle-on-disabled.rendered.html
new file mode 100644
index 0000000000..b93b9bd799
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-toggle-toggle-on-disabled/elements-toggle-toggle-on-disabled.rendered.html
@@ -0,0 +1,127 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle06"
+	 checked
+	 disabled
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle06">Toggle</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle On Disabled","patternPartial":"elements-toggle-on-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle On Disabled","patternPartial":"elements-toggle-on-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-toggle-toggle-on/elements-toggle-toggle-on.hbs b/review/refactor-icon-update/patterns/elements-toggle-toggle-on/elements-toggle-toggle-on.hbs
new file mode 100644
index 0000000000..5492610014
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-toggle-toggle-on/elements-toggle-toggle-on.hbs
@@ -0,0 +1,10 @@
+<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	{{ styleModifier }}"
+	id="{{ id }}"
+	{{#if checked}} checked{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	{{#if value}} value="{{ value }}"{{/if }}
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}>
+<label class="elm-label" for="{{ id }}">{{ label }}</label>
diff --git a/review/refactor-icon-update/patterns/elements-toggle-toggle-on/elements-toggle-toggle-on.markup-only.html b/review/refactor-icon-update/patterns/elements-toggle-toggle-on/elements-toggle-toggle-on.markup-only.html
new file mode 100644
index 0000000000..0aca777ba2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-toggle-toggle-on/elements-toggle-toggle-on.markup-only.html
@@ -0,0 +1,10 @@
+<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle02"
+	 checked
+	
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle02">Toggle</label>
diff --git a/review/refactor-icon-update/patterns/elements-toggle-toggle-on/elements-toggle-toggle-on.rendered.html b/review/refactor-icon-update/patterns/elements-toggle-toggle-on/elements-toggle-toggle-on.rendered.html
new file mode 100644
index 0000000000..4cfc5f2672
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-toggle-toggle-on/elements-toggle-toggle-on.rendered.html
@@ -0,0 +1,127 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle02"
+	 checked
+	
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle02">Toggle</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle On","patternPartial":"elements-toggle-on","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle On","patternPartial":"elements-toggle-on","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-toggle-toggle/elements-toggle-toggle.hbs b/review/refactor-icon-update/patterns/elements-toggle-toggle/elements-toggle-toggle.hbs
new file mode 100644
index 0000000000..5492610014
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-toggle-toggle/elements-toggle-toggle.hbs
@@ -0,0 +1,10 @@
+<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	{{ styleModifier }}"
+	id="{{ id }}"
+	{{#if checked}} checked{{/if }}
+	{{#if disabled}} disabled{{/if }}
+	{{#if value}} value="{{ value }}"{{/if }}
+	{{#if describedbyid }} aria-describedby="{{ describedbyid }}"{{/if }}>
+<label class="elm-label" for="{{ id }}">{{ label }}</label>
diff --git a/review/refactor-icon-update/patterns/elements-toggle-toggle/elements-toggle-toggle.markup-only.html b/review/refactor-icon-update/patterns/elements-toggle-toggle/elements-toggle-toggle.markup-only.html
new file mode 100644
index 0000000000..5a5ed70ca7
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-toggle-toggle/elements-toggle-toggle.markup-only.html
@@ -0,0 +1,10 @@
+<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle01"
+	
+	
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle01">Toggle</label>
diff --git a/review/refactor-icon-update/patterns/elements-toggle-toggle/elements-toggle-toggle.rendered.html b/review/refactor-icon-update/patterns/elements-toggle-toggle/elements-toggle-toggle.rendered.html
new file mode 100644
index 0000000000..39dc26454d
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-toggle-toggle/elements-toggle-toggle.rendered.html
@@ -0,0 +1,127 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle01"
+	
+	
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle01">Toggle</label>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>The tag pattern is often being misused as a regular form control or similar, in which it shouldn't be included.</p>\n<p>Here are some clear guidelines on when to use a toggle switch:</p>\n<p>Use a toggle switch if you are:</p>\n<ul>\n<li>Applying a system state, not a contextual one</li>\n<li>Presenting binary options, not opposing ones</li>\n<li>Activating a state, not performing an action</li>\n</ul>\n<p>Source and much more information: <a href=\"https://uxmovement.com/mobile/stop-misusing-toggle-switches/\">https://uxmovement.com/mobile/stop-misusing-toggle-switches/</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle","patternPartial":"elements-toggle","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>The tag pattern is often being misused as a regular form control or similar, in which it shouldn't be included.</p>\n<p>Here are some clear guidelines on when to use a toggle switch:</p>\n<p>Use a toggle switch if you are:</p>\n<ul>\n<li>Applying a system state, not a contextual one</li>\n<li>Presenting binary options, not opposing ones</li>\n<li>Activating a state, not performing an action</li>\n</ul>\n<p>Source and much more information: <a href=\"https://uxmovement.com/mobile/stop-misusing-toggle-switches/\">https://uxmovement.com/mobile/stop-misusing-toggle-switches/</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle","patternPartial":"elements-toggle","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-toggle/index.html b/review/refactor-icon-update/patterns/elements-toggle/index.html
new file mode 100644
index 0000000000..8bbb32d52a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-toggle/index.html
@@ -0,0 +1,355 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-elements-toggle" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-toggle&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-toggle">Toggle</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-toggle" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-toggle-toggle&#x2F;elements-toggle-toggle.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-toggle" title="Link to Pattern">
+						Toggle
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-toggle" data-patternpartial="elements-toggle" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-toggle">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle01"
+	
+	
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle01">Toggle</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-toggle" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>The tag pattern is often being misused as a regular form control or similar, in which it shouldn't be included.</p>\n<p>Here are some clear guidelines on when to use a toggle switch:</p>\n<p>Use a toggle switch if you are:</p>\n<ul>\n<li>Applying a system state, not a contextual one</li>\n<li>Presenting binary options, not opposing ones</li>\n<li>Activating a state, not performing an action</li>\n</ul>\n<p>Source and much more information: <a href=\"https://uxmovement.com/mobile/stop-misusing-toggle-switches/\">https://uxmovement.com/mobile/stop-misusing-toggle-switches/</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle","patternPartial":"elements-toggle","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-toggle-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-toggle-toggle-disabled&#x2F;elements-toggle-toggle-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-toggle-disabled" title="Link to Pattern">
+						Toggle Disabled
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-toggle-disabled" data-patternpartial="elements-toggle-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-toggle-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle05"
+	
+	 disabled
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle05">Toggle</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-toggle-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle Disabled","patternPartial":"elements-toggle-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-toggle-on" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-toggle-toggle-on&#x2F;elements-toggle-toggle-on.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-toggle-on" title="Link to Pattern">
+						Toggle On
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-toggle-on" data-patternpartial="elements-toggle-on" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-toggle-on">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle02"
+	 checked
+	
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle02">Toggle</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-toggle-on" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle On","patternPartial":"elements-toggle-on","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-toggle-on-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-toggle-toggle-on-disabled&#x2F;elements-toggle-toggle-on-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-toggle-on-disabled" title="Link to Pattern">
+						Toggle On Disabled
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-toggle-on-disabled" data-patternpartial="elements-toggle-on-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-toggle-on-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle06"
+	 checked
+	 disabled
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle06">Toggle</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-toggle-on-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle On Disabled","patternPartial":"elements-toggle-on-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-elements-toggle"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-elements-toggle"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-video-_video/elements-video-_video.hbs b/review/refactor-icon-update/patterns/elements-video-_video/elements-video-_video.hbs
new file mode 100644
index 0000000000..aa4d5411fb
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-video-_video/elements-video-_video.hbs
@@ -0,0 +1,12 @@
+<video class="elm-video"{{#unless preventControls }} controls{{/unless }}{{#if autoplay}} autoplay{{/if }}{{#if preload}} preload{{/if }}{{#if poster}} poster="{{poster}}"{{/if }} width="{{ width }}" height="{{ height }}">
+	{{#each sources }}
+		<source src="{{ src }}" type="{{ type }}">
+	{{/each }}
+	{{#each subtitles }}
+		<track src="{{ src }}" kind="subtitles" srclang="{{ srclang }}" label="{{ label }}">
+	{{/each }}
+
+	{{#if fallback }}
+		{{{ fallback }}}
+	{{/if }}
+</video>
diff --git a/review/refactor-icon-update/patterns/elements-video-_video/elements-video-_video.markup-only.html b/review/refactor-icon-update/patterns/elements-video-_video/elements-video-_video.markup-only.html
new file mode 100644
index 0000000000..b9e902bdf1
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-video-_video/elements-video-_video.markup-only.html
@@ -0,0 +1,3 @@
+<video class="elm-video" controls width="" height="">
+
+</video>
diff --git a/review/refactor-icon-update/patterns/elements-video-_video/elements-video-_video.rendered.html b/review/refactor-icon-update/patterns/elements-video-_video/elements-video-_video.rendered.html
new file mode 100644
index 0000000000..d0a036f187
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-video-_video/elements-video-_video.rendered.html
@@ -0,0 +1,120 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<video class="elm-video" controls width="" height="">
+
+</video>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"video"},"patternExtension":"hbs","patternName":"Video","patternPartial":"elements-video","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"video"},"patternExtension":"hbs","patternName":"Video","patternPartial":"elements-video","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements-video-_youtube/elements-video-_youtube.hbs b/review/refactor-icon-update/patterns/elements-video-_youtube/elements-video-_youtube.hbs
new file mode 100644
index 0000000000..6093c8635e
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-video-_youtube/elements-video-_youtube.hbs
@@ -0,0 +1,4 @@
+<iframe class="elm-youtube"
+	srcdoc="<style>*{padding:0;margin:0;overflow:hidden}body,html{height:100%}img{position:absolute;width:100%;top:0;bottom:0;margin:auto}a::after{position:absolute;top:content:url('/images/overlayer_play.png')}</style><a href='https://www.youtube-nocookie.com/embed/{{ videoid }}?rel=0&amp;showinfo=0&amp;autoplay=1'><img src='https://img.youtube.com./vi/{{ videoid }}/hqdefault.jpg' referrerpolicy='no-referrer' alt='{{ title }}'></a>"
+	src="https://www.youtube-nocookie.com/embed/{{ videoid }}?rel=0&amp;showinfo=0&amp;autoplay=1" title="{{ title }}"
+	allow="autoplay; encrypted-media" allowfullscreen></iframe>
diff --git a/review/refactor-icon-update/patterns/elements-video-_youtube/elements-video-_youtube.markup-only.html b/review/refactor-icon-update/patterns/elements-video-_youtube/elements-video-_youtube.markup-only.html
new file mode 100644
index 0000000000..25522eeaff
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-video-_youtube/elements-video-_youtube.markup-only.html
@@ -0,0 +1,4 @@
+<iframe class="elm-youtube"
+	srcdoc="<style>*{padding:0;margin:0;overflow:hidden}body,html{height:100%}img{position:absolute;width:100%;top:0;bottom:0;margin:auto}a::after{position:absolute;top:content:url('/images/overlayer_play.png')}</style><a href='https://www.youtube-nocookie.com/embed/?rel=0&amp;showinfo=0&amp;autoplay=1'><img src='https://img.youtube.com./vi//hqdefault.jpg' referrerpolicy='no-referrer' alt='Title text'></a>"
+	src="https://www.youtube-nocookie.com/embed/?rel=0&amp;showinfo=0&amp;autoplay=1" title="Title text"
+	allow="autoplay; encrypted-media" allowfullscreen></iframe>
diff --git a/review/refactor-icon-update/patterns/elements-video-_youtube/elements-video-_youtube.rendered.html b/review/refactor-icon-update/patterns/elements-video-_youtube/elements-video-_youtube.rendered.html
new file mode 100644
index 0000000000..55686ec102
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements-video-_youtube/elements-video-_youtube.rendered.html
@@ -0,0 +1,121 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<iframe class="elm-youtube"
+	srcdoc="<style>*{padding:0;margin:0;overflow:hidden}body,html{height:100%}img{position:absolute;width:100%;top:0;bottom:0;margin:auto}a::after{position:absolute;top:content:url('/images/overlayer_play.png')}</style><a href='https://www.youtube-nocookie.com/embed/?rel=0&amp;showinfo=0&amp;autoplay=1'><img src='https://img.youtube.com./vi//hqdefault.jpg' referrerpolicy='no-referrer' alt='Title text'></a>"
+	src="https://www.youtube-nocookie.com/embed/?rel=0&amp;showinfo=0&amp;autoplay=1" title="Title text"
+	allow="autoplay; encrypted-media" allowfullscreen></iframe>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"video"},"patternExtension":"hbs","patternName":"Youtube","patternPartial":"elements-youtube","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"video"},"patternExtension":"hbs","patternName":"Youtube","patternPartial":"elements-youtube","patternState":"","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/elements/index.html b/review/refactor-icon-update/patterns/elements/index.html
new file mode 100644
index 0000000000..0da7ddc9da
--- /dev/null
+++ b/review/refactor-icon-update/patterns/elements/index.html
@@ -0,0 +1,7979 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-elements-buttons" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-buttons&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-buttons">Buttons</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Variations/configurability</h2>
+<h3>Variant</h3>
+<h4>SCSS (recommended)</h4>
+<p>Extend one of the variant placeholders: <code>%variant-primary</code>, <code>%variant-secondary</code> or <code>%variant-tertiary</code></p>
+<h4>HTML attribute</h4>
+<p>You could set the different button variants via the <code>data-variant</code> attribute.</p>
+<h3>Size</h3>
+<h4>SCSS (recommended)</h4>
+<p>Extend one of the size SCSS placeholders in case that you don't want the default (regular): <code>%size-Small</code> or <code>%size-Large</code></p>
+<h4>HTML attribute</h4>
+<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is &quot;regular&quot; and in that case is optional.</p>
+<h3>Width</h3>
+<p>Regularly, our buttons shouldn't increase to it's horizontally available space, but only the one determined by it's included textual content.</p>
+<h4>SCSS (recommended)</h4>
+<p>Extend the width SCSS placeholders in case that you don't want the default (<code>auto</code>): <code>%width-Full</code></p>
+<h4>HTML attribute</h4>
+<p>You could set the button width to increase to it's full available space via the <code>data-width=&quot;full&quot;</code> attribute, the default is <code>auto</code> and in that case is optional.</p>
+<h2>Usability</h2>
+<blockquote>
+<p>Buttons should be used in situations where users might need to:</p>
+<ul>
+<li>submit a form</li>
+<li>begin a new task</li>
+<li>trigger a new UI element to appear on the page</li>
+<li>specify a new or next step in a process</li>
+</ul>
+</blockquote>
+<h3>Button vs. Link</h3>
+<blockquote>
+<p>The HTML elements for buttons and links describe a very specific type of action that is going to be taken when they are used. It is important you know when to use which, as the distinction matters:</p>
+<ul>
+<li>Use a link when you’re navigating to another place, such as: a &quot;view all&quot; page, &quot;Jane Chen&quot; profile, a page &quot;skip link&quot; etc.</li>
+<li>Use buttons when you are performing an action, such as: &quot;submit,&quot; &quot;merge,&quot; &quot;create new,&quot; &quot;upload,&quot; etc.</li>
+<li>An action is almost always on the same page</li>
+</ul>
+</blockquote>
+<p>Source: <a href="https://www.lightningdesignsystem.com/components/buttons/#About-Buttons">https://www.lightningdesignsystem.com/components/buttons/#About-Buttons</a></p>
+<p>Further argumentations:</p>
+<ul>
+<li><a href="https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2">https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2</a></li>
+<li><a href="https://uxmovement.com/buttons/when-to-use-a-button-or-link/">https://uxmovement.com/buttons/when-to-use-a-button-or-link/</a></li>
+</ul>
+<h3>&quot;Hand&quot; cursor / pointer</h3>
+<p>We don't use the &quot;hand&quot; cursor / pointer for our buttons, as this is reserved for links even only; for more information have a look at articles like <a href="https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b">https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b</a> and <a href="https://hiddedevries.nl/en/blog/2016-08-06-some-pointers-on-default-cursors">https://hiddedevries.nl/en/blog/2016-08-06-some-pointers-on-default-cursors</a> or people who thought this through like <a href="https://ux.stackexchange.com/questions/105024/why-dont-button-html-elements-have-a-css-cursor-pointer-by-default#105027">https://ux.stackexchange.com/questions/105024/why-dont-button-html-elements-have-a-css-cursor-pointer-by-default#105027</a> or <a href="https://github.com/necolas/normalize.css/issues/371#issuecomment-60072171">https://github.com/necolas/normalize.css/issues/371#issuecomment-60072171</a> and the UI guidelines from Apple, Microsoft, Google, etc.</p>
+<p><a href="https://docs.microsoft.com/de-de/windows/win32/uxguide/inter-mouse">Microsoft’s design guides</a> talk about weak affordance:</p>
+<blockquote>
+<p>Text and graphics links use a hand […] pointer […] because of their weak affordance. While links may have other visual clues to indicate that they are links (such as underlines and special placement), displaying the hand pointer on hover is the definitive indication of a link. To avoid confusion, it is imperative not to use the hand pointer for other purposes. For example, command buttons already have a strong affordance, so they don’t need a hand pointer. The hand pointer must mean “this target is a link” and nothing else.</p>
+</blockquote>
+<p>Apple’s Human Interface Guidelines states that the hand cursor should be used when “the content is a URL link”.</p>
+<p><a href="https://www.w3.org/TR/css-ui-3/#cursor">W3C User Interface guidelines</a> says the same thing again with “The cursor is a pointer that indicates a link”.</p>
+<h3>Disabled button state</h3>
+<p>The disabled state of the button is defined by a change in opacity for good reasons:</p>
+<blockquote>
+<p>A transparent button blends into the background more, while a gray one remains in the foreground (unless the background is gray). Foreground elements are more noticeable to users. They tend to view them as interactive, which means they’re more likely to interact with a grayed out disabled button.</p>
+</blockquote>
+<p>For much more information visit <a href="https://uxmovement.com/buttons/why-you-shouldnt-gray-out-disabled-buttons/">https://uxmovement.com/buttons/why-you-shouldnt-gray-out-disabled-buttons/</a>.</p>
+<p>In general disabling buttons is a controversial topic in UX Design, and should get only used well-considered; compare to these articles on how to use <code>disabled</code> buttons only selectively: <a href="https://stories.justinewin.com/disabled-buttons-dont-have-to-suck-10da0bb6d37e">https://stories.justinewin.com/disabled-buttons-dont-have-to-suck-10da0bb6d37e</a>, <a href="https://axesslab.com/disabled-buttons-suck/">https://axesslab.com/disabled-buttons-suck/</a> and <a href="https://www.smashingmagazine.com/2021/08/frustrating-design-patterns-disabled-buttons/">https://www.smashingmagazine.com/2021/08/frustrating-design-patterns-disabled-buttons/</a></p>
+<h2>Ambiguous labels</h2>
+<p>Please keep in mind to use unambiguous labels: <a href="https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label">https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label</a></p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-button" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-button&#x2F;elements-buttons-button.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button" title="Link to Pattern">
+						Button
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button" data-patternpartial="elements-button" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<button class="elm-button "
+	data-variant="brand-primary"
+	
+	title="Done"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Red 500
+</button>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button","patternPartial":"elements-button","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-brand-primary" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-01-button-brand-primary&#x2F;elements-buttons-01-button-brand-primary.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-brand-primary" title="Link to Pattern">
+						Button Brand Primary
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-brand-primary" data-patternpartial="elements-button-brand-primary" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-brand-primary">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Brand Primary
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Brand Primary
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Brand Primary without icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Brand Primary without icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="brand-primary"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Brand Primary displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="brand-primary"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Brand Primary displaying only the icon
+	</button>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-brand-primary" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Brand Primary","patternPartial":"elements-button-brand-primary","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-primary" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-03-button-primary&#x2F;elements-buttons-03-button-primary.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-primary" title="Link to Pattern">
+						Button Primary
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-primary" data-patternpartial="elements-button-primary" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-primary">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Primary
+	</button>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Primary (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Primary with icon
+	</button>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Primary with icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Primary without icon
+	</button>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Primary without icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="primary"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Primary displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="primary"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Primary displaying only the icon
+	</button>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-primary" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Primary","patternPartial":"elements-button-primary","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-secondary-outline" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-04-button-secondary-outline&#x2F;elements-buttons-04-button-secondary-outline.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-secondary-outline" title="Link to Pattern">
+						Button Secondary Outline
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-secondary-outline" data-patternpartial="elements-button-secondary-outline" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-secondary-outline">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary Outline
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary Outline (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Outline with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Outline with right icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Secondary Outline without left icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Secondary Outline without left icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-outline"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Outline displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-outline"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Outline displaying only the icon
+	</button>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-secondary-outline" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Secondary Outline","patternPartial":"elements-button-secondary-outline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-secondary-solid" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-05-button-secondary-solid&#x2F;elements-buttons-05-button-secondary-solid.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-secondary-solid" title="Link to Pattern">
+						Button Secondary Solid
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-secondary-solid" data-patternpartial="elements-button-secondary-solid" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-secondary-solid">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Solid with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Solid with right icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Secondary Solid without icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Secondary Solid without icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-solid"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Solid displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-solid"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Solid displaying only the icon
+	</button>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-secondary-solid" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Secondary Solid","patternPartial":"elements-button-secondary-solid","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-tertiary-plain" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-06-button-tertiary-plain&#x2F;elements-buttons-06-button-tertiary-plain.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-tertiary-plain" title="Link to Pattern">
+						Button Tertiary Plain
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-tertiary-plain" data-patternpartial="elements-button-tertiary-plain" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-tertiary-plain">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain
+	</button>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Tertiary Plain with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Tertiary Plain with right icon(disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain without left icon
+	</button>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain without left icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="tertiary-plain"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Tertiary Plain displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="tertiary-plain"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Tertiary Plain displaying only the icon
+	</button>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-tertiary-plain" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Tertiary Plain","patternPartial":"elements-button-tertiary-plain","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-sizes" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-09-button-sizes&#x2F;elements-buttons-09-button-sizes.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-sizes" title="Link to Pattern">
+						Button Sizes
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-sizes" data-patternpartial="elements-button-sizes" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-sizes">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<!-- [html-validate-disable-next heading-level -- we're doing some simple demonstration simplification here] -->
+	<h2>Small</h2>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			
+			 data-icon="add"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			 disabled
+			 data-icon="add"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary (disabled)
+		</button>
+	</p>
+	<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="small"
+		title=""
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		 aria-label="Small"
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="small"
+		title=""
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		 aria-label="Small"
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+	</p>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			
+			
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary without icon
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			 disabled
+			
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary without icon (disabled)
+		</button>
+	</p>
+	<p>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="small"
+			title="Done"
+			type="button"
+			
+			
+			 data-icon="done"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="small"
+			title="Done"
+			type="button"
+			
+			 disabled
+			 data-icon="done"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+	</p>
+	
+	<h2>Regular (default, data-size attribute is optional)</h2>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			
+			 data-icon="add"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			 disabled
+			 data-icon="add"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary (disabled)
+		</button>
+	</p>
+	<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="regular"
+		title=""
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		 aria-label="Regular (default, data-size attribute is optional)"
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="regular"
+		title=""
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		 aria-label="Regular (default, data-size attribute is optional)"
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+	</p>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			
+			
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary without icon
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			 disabled
+			
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary without icon (disabled)
+		</button>
+	</p>
+	<p>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="regular"
+			title="Done"
+			type="button"
+			
+			
+			 data-icon="done"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="regular"
+			title="Done"
+			type="button"
+			
+			 disabled
+			 data-icon="done"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+	</p>
+	
+	<h2>Large</h2>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			
+			 data-icon="add"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			 disabled
+			 data-icon="add"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary (disabled)
+		</button>
+	</p>
+	<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="large"
+		title=""
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		 aria-label="Large"
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="large"
+		title=""
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		 aria-label="Large"
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+	</p>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			
+			
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary without icon
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			 disabled
+			
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary without icon (disabled)
+		</button>
+	</p>
+	<p>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="large"
+			title="Done"
+			type="button"
+			
+			
+			 data-icon="done"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="large"
+			title="Done"
+			type="button"
+			
+			 disabled
+			 data-icon="done"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+	</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-sizes" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Sizes","patternPartial":"elements-button-sizes","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-width" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-10-button-width&#x2F;elements-buttons-10-button-width.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-width" title="Link to Pattern">
+						Button Width
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-width" data-patternpartial="elements-button-width" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-width">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		(Default) Auto width
+	</button>
+	<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+	<span style="width: 500px;display:inline-block;"><button class="elm-button "
+	data-variant="brand-primary"
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	 data-width="full"
+	
+	>
+	Width full
+</button>
+</span>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-width" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Width","patternPartial":"elements-button-width","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-checkbox" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-checkbox&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-checkbox">Checkbox</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-checkbox" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox&#x2F;elements-checkbox-checkbox.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox" title="Link to Pattern">
+						Checkbox
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox" data-patternpartial="elements-checkbox" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox01"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox01">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox","patternPartial":"elements-checkbox","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-checked" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-checked&#x2F;elements-checkbox-checkbox-checked.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-checked" title="Link to Pattern">
+						Checkbox Checked
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-checked" data-patternpartial="elements-checkbox-checked" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-checked">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox02" checked
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox02">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-checked" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox Checked","patternPartial":"elements-checkbox-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-disabled&#x2F;elements-checkbox-checkbox-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-disabled" title="Link to Pattern">
+						Checkbox Disabled
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-disabled" data-patternpartial="elements-checkbox-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox10"
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox10">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox Disabled","patternPartial":"elements-checkbox-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-disabled-checked" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-disabled-checked&#x2F;elements-checkbox-checkbox-disabled-checked.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-disabled-checked" title="Link to Pattern">
+						Checkbox Disabled Checked
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-disabled-checked" data-patternpartial="elements-checkbox-disabled-checked" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-disabled-checked">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox11" checked
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox11">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-disabled-checked" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox Disabled Checked","patternPartial":"elements-checkbox-disabled-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-indeterminate" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-indeterminate&#x2F;elements-checkbox-checkbox-indeterminate.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-indeterminate" title="Link to Pattern">
+						Checkbox - indeterminate
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-indeterminate" data-patternpartial="elements-checkbox-indeterminate" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-indeterminate">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox03"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox03">Checkbox</label>
+<script>
+	document.querySelector('#checkbox03').indeterminate = true;
+</script>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-indeterminate" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>State: indeterminate</h2>\n<p>Please keep in mind, that the special state of an indeterminate element is necessary to get set programmatically with JavaScript:</p>\n<pre><code class=\"language-js\">inputInstance.indeterminate = true;\n</code></pre>\n<p>MDN has some more information on this topic: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox - indeterminate","patternPartial":"elements-checkbox-indeterminate","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-label-hidden" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-label-hidden&#x2F;elements-checkbox-checkbox-label-hidden.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-label-hidden" title="Link to Pattern">
+						Checkbox - Hidden label
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-label-hidden" data-patternpartial="elements-checkbox-label-hidden" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-label-hidden">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox05"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox05" data-label-hidden="true">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-label-hidden" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a checkbox element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox - Hidden label","patternPartial":"elements-checkbox-label-hidden","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-on-dark-background" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-on-dark-background&#x2F;elements-checkbox-checkbox-on-dark-background.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-on-dark-background" title="Link to Pattern">
+						Checkbox On Dark Background
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-on-dark-background" data-patternpartial="elements-checkbox-on-dark-background" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-on-dark-background">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox15"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox15">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-on-dark-background" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background","patternPartial":"elements-checkbox-on-dark-background","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-on-dark-background-checked" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-on-dark-background-checked&#x2F;elements-checkbox-checkbox-on-dark-background-checked.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-on-dark-background-checked" title="Link to Pattern">
+						Checkbox On Dark Background Checked
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-on-dark-background-checked" data-patternpartial="elements-checkbox-on-dark-background-checked" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-on-dark-background-checked">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox16" checked
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox16">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-on-dark-background-checked" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background Checked","patternPartial":"elements-checkbox-on-dark-background-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-on-dark-background-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-on-dark-background-disabled&#x2F;elements-checkbox-checkbox-on-dark-background-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-on-dark-background-disabled" title="Link to Pattern">
+						Checkbox On Dark Background Disabled
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-on-dark-background-disabled" data-patternpartial="elements-checkbox-on-dark-background-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-on-dark-background-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox17"
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox17">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-on-dark-background-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background Disabled","patternPartial":"elements-checkbox-on-dark-background-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-on-dark-background-disabled-checked" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked&#x2F;elements-checkbox-checkbox-on-dark-background-disabled-checked.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-on-dark-background-disabled-checked" title="Link to Pattern">
+						Checkbox On Dark Background Disabled Checked
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-on-dark-background-disabled-checked" data-patternpartial="elements-checkbox-on-dark-background-disabled-checked" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-on-dark-background-disabled-checked">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox18" checked
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox18">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-on-dark-background-disabled-checked" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background Disabled Checked","patternPartial":"elements-checkbox-on-dark-background-disabled-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-on-dark-background-indeterminate" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-on-dark-background-indeterminate&#x2F;elements-checkbox-checkbox-on-dark-background-indeterminate.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-on-dark-background-indeterminate" title="Link to Pattern">
+						Checkbox - indeterminate on dark background
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-on-dark-background-indeterminate" data-patternpartial="elements-checkbox-on-dark-background-indeterminate" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-on-dark-background-indeterminate">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox04"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox04">Checkbox</label>
+<script>
+	document.querySelector('#checkbox04').indeterminate = true;
+</script>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-on-dark-background-indeterminate" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>State: indeterminate</h2>\n<p>Please keep in mind, that the special state of an indeterminate element is necessary to get set programmatically with JavaScript:</p>\n<pre><code class=\"language-js\">inputInstance.indeterminate = true;\n</code></pre>\n<p>MDN has some more information on this topic: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox - indeterminate on dark background","patternPartial":"elements-checkbox-on-dark-background-indeterminate","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-chips" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-chips&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-chips">Chips</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h1>Variations/configurability</h1>
+<h2>Variant</h2>
+<h3>HTML attribute</h3>
+<p>You could set the different button variants via the <code>data-variant</code> attribute. These could be either one of the four feedback values, or the &quot;point of interest&quot; stylings.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-chips" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-chips-chips&#x2F;elements-chips-chips.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-chips" title="Link to Pattern">
+						Filter chips
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-chips" data-patternpartial="elements-chips" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-chips">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+					<input
+			class="elm-chip"
+			type="checkbox"
+			id="chip-multiple-chip01"
+			data-type="filter"
+			>
+		<label
+			for="chip-multiple-chip01"
+			
+			
+			
+			>Title</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-light0"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-light0"
+				 data-variant="light"
+				
+				
+				>Light</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-warning1"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-warning1"
+				 data-variant="warning"
+				
+				
+				>Warning</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-error2"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-error2"
+				 data-variant="error"
+				
+				
+				>Error</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-informative3"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-informative3"
+				 data-variant="informative"
+				
+				
+				>Informative</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-success4"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-success4"
+				 data-variant="success"
+				
+				
+				>Success</label>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-essen-trinken0"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-essen-trinken0"
+				 data-variant="poi-essen-trinken"
+				
+				
+				>Essen &amp; Trinken</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-einkaufen1"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-einkaufen1"
+				 data-variant="poi-einkaufen"
+				
+				
+				>Einkaufen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-gesundheit2"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-gesundheit2"
+				 data-variant="poi-gesundheit"
+				
+				
+				>Gesundheit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-kunst-kultur3"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-kunst-kultur3"
+				 data-variant="poi-kunst-kultur"
+				
+				
+				>Kunst &amp; Kultur</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-wissenswertes4"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-wissenswertes4"
+				 data-variant="poi-wissenswertes"
+				
+				
+				>Wissenswertes</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-freizeit5"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-freizeit5"
+				 data-variant="poi-freizeit"
+				
+				
+				>Freizeit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-zivile-rel-einrichtungen6"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-zivile-rel-einrichtungen6"
+				 data-variant="poi-zivile-rel-einrichtungen"
+				
+				
+				>Zivile &amp; reli. Einrichtungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-dienstleistungen7"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-dienstleistungen7"
+				 data-variant="poi-dienstleistungen"
+				
+				
+				>Dienstleistungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-db-services-einrichtung8"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-db-services-einrichtung8"
+				 data-variant="poi-db-services-einrichtung"
+				
+				
+				>DB Services &amp; Einrichtung</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-wegeleitung9"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-wegeleitung9"
+				 data-variant="poi-wegeleitung"
+				
+				
+				>Wegeleitung</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-chips" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Filter chips","patternPartial":"elements-chips","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":10}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-chips-type-selection" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-chips-chips-type-selection&#x2F;elements-chips-chips-type-selection.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-chips-type-selection" title="Link to Pattern">
+						Selection chips
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-chips-type-selection" data-patternpartial="elements-chips-type-selection" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-chips-type-selection">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+					<input
+			class="elm-chip"
+			type="radio"
+			id="chip-single-chip01"
+			name="selection"
+			data-type="selection"
+			>
+		<label
+			for="chip-single-chip01"
+			
+			
+			
+			>Title</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-light0"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-light0"
+				 data-variant="light"
+				
+				
+				>Light</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-warning1"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-warning1"
+				 data-variant="warning"
+				
+				
+				>Warning</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-error2"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-error2"
+				 data-variant="error"
+				
+				
+				>Error</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-informative3"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-informative3"
+				 data-variant="informative"
+				
+				
+				>Informative</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-success4"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-success4"
+				 data-variant="success"
+				
+				
+				>Success</label>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-essen-trinken0"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-essen-trinken0"
+				 data-variant="poi-essen-trinken"
+				
+				
+				>Essen &amp; Trinken</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-einkaufen1"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-einkaufen1"
+				 data-variant="poi-einkaufen"
+				
+				
+				>Einkaufen</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-gesundheit2"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-gesundheit2"
+				 data-variant="poi-gesundheit"
+				
+				
+				>Gesundheit</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-kunst-kultur3"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-kunst-kultur3"
+				 data-variant="poi-kunst-kultur"
+				
+				
+				>Kunst &amp; Kultur</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-wissenswertes4"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-wissenswertes4"
+				 data-variant="poi-wissenswertes"
+				
+				
+				>Wissenswertes</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-freizeit5"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-freizeit5"
+				 data-variant="poi-freizeit"
+				
+				
+				>Freizeit</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-zivile-rel-einrichtungen6"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-zivile-rel-einrichtungen6"
+				 data-variant="poi-zivile-rel-einrichtungen"
+				
+				
+				>Zivile &amp; reli. Einrichtungen</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-dienstleistungen7"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-dienstleistungen7"
+				 data-variant="poi-dienstleistungen"
+				
+				
+				>Dienstleistungen</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-db-services-einrichtung8"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-db-services-einrichtung8"
+				 data-variant="poi-db-services-einrichtung"
+				
+				
+				>DB Services &amp; Einrichtung</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-wegeleitung9"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-wegeleitung9"
+				 data-variant="poi-wegeleitung"
+				
+				
+				>Wegeleitung</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-chips-type-selection" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Selection chips","patternPartial":"elements-chips-type-selection","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":20}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-chips-with-icon" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-chips-chips-with-icon&#x2F;elements-chips-chips-with-icon.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-chips-with-icon" title="Link to Pattern">
+						Chips with icon
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-chips-with-icon" data-patternpartial="elements-chips-with-icon" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-chips-with-icon">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+					<p>	<input
+		class="elm-chip"
+		type="checkbox"
+		id="chip-multiple-0"
+		data-type="filter"
+		>
+	<label
+		for="chip-multiple-0"
+		
+		 data-icon="alert"
+		
+		>Title</label>
+</p>
+		<p>	<input
+		class="elm-chip"
+		type="checkbox"
+		id="chip-multiple-1"
+		data-type="filter"
+		>
+	<label
+		for="chip-multiple-1"
+		
+		
+		 data-icon-after="account"
+		>Title</label>
+</p>
+		<p>	<input
+		class="elm-chip"
+		type="checkbox"
+		id="chip-multiple-2"
+		data-type="filter"
+		>
+	<label
+		for="chip-multiple-2"
+		
+		 data-icon="alert"
+		 data-icon-after="account"
+		>Title</label>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-chips-with-icon" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Chips with icon","patternPartial":"elements-chips-with-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":30}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-chips-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-chips-chips-disabled&#x2F;elements-chips-chips-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-chips-disabled" title="Link to Pattern">
+						Chips – disabled
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-chips-disabled" data-patternpartial="elements-chips-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-chips-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+					<input
+			class="elm-chip"
+			type="checkbox"
+			id="chip-multiple-disabled-chip01"
+			data-type="filter"
+			 disabled>
+		<label
+			for="chip-multiple-disabled-chip01"
+			
+			
+			
+			>Title</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-light0"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-light0"
+				 data-variant="light"
+				
+				
+				>Light</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-warning1"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-warning1"
+				 data-variant="warning"
+				
+				
+				>Warning</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-error2"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-error2"
+				 data-variant="error"
+				
+				
+				>Error</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-informative3"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-informative3"
+				 data-variant="informative"
+				
+				
+				>Informative</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-success4"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-success4"
+				 data-variant="success"
+				
+				
+				>Success</label>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-essen-trinken0"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-essen-trinken0"
+				 data-variant="poi-essen-trinken"
+				
+				
+				>Essen &amp; Trinken</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-einkaufen1"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-einkaufen1"
+				 data-variant="poi-einkaufen"
+				
+				
+				>Einkaufen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-gesundheit2"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-gesundheit2"
+				 data-variant="poi-gesundheit"
+				
+				
+				>Gesundheit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-kunst-kultur3"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-kunst-kultur3"
+				 data-variant="poi-kunst-kultur"
+				
+				
+				>Kunst &amp; Kultur</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-wissenswertes4"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-wissenswertes4"
+				 data-variant="poi-wissenswertes"
+				
+				
+				>Wissenswertes</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-freizeit5"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-freizeit5"
+				 data-variant="poi-freizeit"
+				
+				
+				>Freizeit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-zivile-rel-einrichtungen6"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-zivile-rel-einrichtungen6"
+				 data-variant="poi-zivile-rel-einrichtungen"
+				
+				
+				>Zivile &amp; reli. Einrichtungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-dienstleistungen7"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-dienstleistungen7"
+				 data-variant="poi-dienstleistungen"
+				
+				
+				>Dienstleistungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-db-services-einrichtung8"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-db-services-einrichtung8"
+				 data-variant="poi-db-services-einrichtung"
+				
+				
+				>DB Services &amp; Einrichtung</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-wegeleitung9"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-wegeleitung9"
+				 data-variant="poi-wegeleitung"
+				
+				
+				>Wegeleitung</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-chips-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Chips – disabled","patternPartial":"elements-chips-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":40}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-headline" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-headline&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-headline">Headline</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Pulse</h2>
+<p>You could add the DB Pulse to the headline element by adding the <code>data-pulse</code> attribute – we're taking care of sizing it accordingly to the DB logo if this one is also present on the same page, as defined by the rules on the Marketingportal regarding the <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/foundation/Logo">logo</a> and the <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/foundation/Puls">pulse</a>.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-headline" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-headline-headline&#x2F;elements-headline-headline.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-headline" title="Link to Pattern">
+						Headline
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-headline" data-patternpartial="elements-headline" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-headline">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+<h2 class="elm-headline ">Lorem ipsum dolores sint</h2>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-headline" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline","patternPartial":"elements-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-headline-pulse" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-headline-headline-pulse&#x2F;elements-headline-headline-pulse.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-headline-pulse" title="Link to Pattern">
+						Headline Pulse
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-headline-pulse" data-patternpartial="elements-headline-pulse" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-headline-pulse">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	class="elm-logo"
+	>
+	<use href="../../images/db_logo.svg#logo"></use>
+</svg>
+<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+<h2 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h2>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-headline-pulse" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline Pulse","patternPartial":"elements-headline-pulse","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-image" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-image&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-image">Image</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Responsive images: width, height and intrinsicsize</h2>
+<p>There has been some development the latest on the new proposed <code>intrinsicsize</code> attribute for images, that ended with the existing and well known attributes <code>width</code> and <code>height</code> will get used to compute that <code>intrinsicsize</code> directly via UA-stylesheets - so the responsive images and aspect-ratio comes without any costs and leads to that it even makes more sense than ever to fill out those attributes with the basic size of your image in the first place.</p>
+<p>For more information have a look at those articles and the standard/proposal:</p>
+<ul>
+<li><a href="https://css-tricks.com/what-if-we-got-aspect-ratio-sized-images-by-doing-almost-nothing/">https://css-tricks.com/what-if-we-got-aspect-ratio-sized-images-by-doing-almost-nothing/</a></li>
+<li><a href="https://css-tricks.com/do-this-to-improve-image-loading-on-your-website/">https://css-tricks.com/do-this-to-improve-image-loading-on-your-website/</a> (with video)</li>
+<li><a href="https://github.com/WICG/intrinsicsize-attribute/issues/16">https://github.com/WICG/intrinsicsize-attribute/issues/16</a></li>
+<li><a href="https://github.com/web-platform-tests/wpt/pull/18945">https://github.com/web-platform-tests/wpt/pull/18945</a></li>
+<li><a href="https://github.com/WICG/intrinsicsize-attribute/issues/4">https://github.com/WICG/intrinsicsize-attribute/issues/4</a></li>
+<li><a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images">https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images</a> (in general regarding Responsive images)</li>
+</ul>
+<h2>Image formats</h2>
+<h3>JPEG (AVIF and WebP as progressive enhancement) for photographs etc</h3>
+<blockquote>
+<p>Photographs typically fare well with lossy compression (depending on the encoder's configuration). This makes <code>JPEG</code> and <code>WebP</code> good choices for photographs, with <code>JPEG</code> being more compatible but <code>WebP</code> perhaps offering better compression. To maximize quality and minimize download time, consider providing both using a fallback with <code>WebP</code> as the first choice and <code>JPEG</code> as the second. Otherwise, <code>JPEG</code> is the safe choice for compatibility.</p>
+</blockquote>
+<p>Source: <a href="https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types#Photographs">https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types#Photographs</a></p>
+<p>Next to WebP you could experiment a little bit with the new <a href="https://twitter.com/addyosmani/status/1297463776879550464?s=11">image format <code>AVIF</code> that promises even lower file sizes than WebP</a> and <a href="https://caniuse.com/avif">increases in browser support</a>.</p>
+<p>Additionally have a look at Googles product &quot;Guetzli&quot;, that provides great <code>JPEG</code> compression rates as well: <a href="https://github.com/google/guetzli/">https://github.com/google/guetzli/</a></p>
+<p>And another tool even also resulted in fine compression rates - the main difference in between the both of them is that JPEGMini isn't available for free anymore: <a href="https://www.jpegmini.com">https://www.jpegmini.com</a></p>
+<p>Attention: <code>PNG</code> is even also often used for pictures, even though that the special capabilities of this format like partial transparency aren't being used. This leads to much huger filesizes in most cases, as the <code>JPEG</code> format is capable of much better compression rates than <code>PNG</code> in general, so you would have to check on this aspect individually and carefully.</p>
+<h3>Partialy transparent images</h3>
+<p>Regarding images that need to have some kind of full or partial transparency, you could use either <code>GIF</code> (full) or <code>PNG</code> (most likely <code>PNG-24</code> for partial) transparency.</p>
+<p>Or use SVG masks, as this beautiful concept shows: <a href="https://github.blog/2021-01-29-making-githubs-new-homepage-fast-and-performant/#serving-the-perfect-image">https://github.blog/2021-01-29-making-githubs-new-homepage-fast-and-performant/#serving-the-perfect-image</a></p>
+<h3>Diagrams, drawings, and charts</h3>
+<blockquote>
+<p>For any image that can be represented using vector graphics, <code>SVG</code> is the best choice. Otherwise, you should use a lossless format like <code>PNG</code>. If you do choose a lossy format, such as <code>JPEG</code> or lossy <code>WebP</code>, carefully weigh the compression level to avoid causing text or other shapes to become fuzzy or unclear.</p>
+</blockquote>
+<p>Source: <a href="https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types#Diagrams_drawings_and_charts">https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types#Diagrams_drawings_and_charts</a></p>
+<h2>Further image compressions</h2>
+<p>On top of the possibilities mentioned above regarding image optimizations (Google Guetzli &amp; JPEGMini) you could as well have a look at both <a href="https://pngmini.com">ImageAlpha (for PNG)</a> and <a href="https://imageoptim.com/">ImageOptim (for all)</a>, both available for Mac and the first <a href="https://pngquant.org">both both other GUI and command-line variants</a> and the latter as well as a webservice. Another great online tool that works entirely in the browser and doesn't even need to process your data on their servers (due to WebAssembly and some other cool stuff) is <a href="https://squoosh.app">https://squoosh.app</a>. Nowadays they additionally provide a CLI version of their software and new cool image formats, check out their version 2: <a href="https://web.dev/squoosh-v2/">https://web.dev/squoosh-v2/</a></p>
+<p>Some further information on this topic are provided on this page: <a href="https://dev.to/prototyp/optimizing-images-for-the-web-an-in-depth-guide-4j7d">https://dev.to/prototyp/optimizing-images-for-the-web-an-in-depth-guide-4j7d</a></p>
+<h2>Accessibility</h2>
+<h2>Always provide a link text</h2>
+<blockquote>
+<p>All links should have text that uniquely identifies the link target.</p>
+</blockquote>
+<p>Source: <a href="https://www.deque.com/blog/accessibility-strategies-for-your-content-team/#:~:text=Link%20Text">https://www.deque.com/blog/accessibility-strategies-for-your-content-team/#:~:text=Link Text</a></p>
+<h2>Alt text should communicate the main point</h2>
+<blockquote>
+<p>The key is to describe what you want your audience to get out of the image rather than a simple description of what the image is.</p>
+</blockquote>
+<p>Source: <a href="https://www.deque.com/blog/accessibility-strategies-for-your-content-team/#:~:text=Images">https://www.deque.com/blog/accessibility-strategies-for-your-content-team/#:~:text=Images</a></p>
+<h3>Using captions</h3>
+<p>For using captions it's recommended to use the <code>&lt;figure&gt;</code> and <code>&lt;figcaption&gt;</code> HTML tags - but please be aware that you <a href="https://www.hassellinclusion.com/blog/figure-figcaption-extended-alternate-text-screen-readers/">additionally need to enrich those via <code>aria-labelledby</code> or <code>aria-describedby</code> attributes to ensure that assistive technologies are recognizing the linkage of those tags on Windows</a>. It's mainly important to decide whether the <code>figcaption</code> HTML tags content is meant as a description or a label to choose one of those <code>aria-*</code> attributes correctly.</p>
+<blockquote>
+<p>When using the down arrow, NVDA announced all the <code>&lt;img&gt;</code> elements in turn except for the ones with empty or missing <code>alt</code> attributes. These were just completely ignored by the screen reader. Using <code>aria-labelledby</code> overrode any alternate text, and using <code>aria-describedby</code> added the ‘description’ into the alternate text. It’s interesting to note that using <code>aria-labelledby</code> also brought images with missing or empty alternate text to the attention of NVDA.</p>
+</blockquote>
+<p>Source: <a href="https://www.hassellinclusion.com/blog/figure-figcaption-extended-alternate-text-screen-readers/">https://www.hassellinclusion.com/blog/figure-figcaption-extended-alternate-text-screen-readers/</a></p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-image" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image&#x2F;elements-image-image.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image" title="Link to Pattern">
+						Image
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image" data-patternpartial="elements-image" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+
+	
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"lineageR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image","patternPartial":"elements-image","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-image-avif" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image-avif&#x2F;elements-image-image-avif.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image-avif" title="Link to Pattern">
+						Image - AVIF
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image-avif" data-patternpartial="elements-image-avif" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image-avif">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+	<picture>
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.avif"  type="image/avif" >
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+	</picture>
+	
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image-avif" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>The <code>type</code> attribute on the <code>&lt;source&gt;</code> element within the <code>&lt;picture&gt;</code> HTML tag</h2>\n<blockquote>\n<p>The <code>type</code> attribute specifies a <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types\">MIME type</a> for the resource URL(s) in the <code>&lt;source&gt;</code> element's <code>srcset</code> attribute. If the user agent does not support the given type, the <code>&lt;source&gt;</code> element is skipped.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - AVIF","patternPartial":"elements-image-avif","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-image-lazy-loading" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image-lazy-loading&#x2F;elements-image-image-lazy-loading.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image-lazy-loading" title="Link to Pattern">
+						Image - Lazy loading
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image-lazy-loading" data-patternpartial="elements-image-lazy-loading" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image-lazy-loading">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  loading="lazy"
+			 >
+
+	
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image-lazy-loading" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>JavaScript polyfill necessary for any browser except Google Chrome greater/equal version 79</h2>\n<p>In case you'd like to use the native image lazy loading functionality and you would like to emulate the functionality in other browsers than &quot;just&quot; actual versions of Google Chrome, you might want to use a polyfill: <a href=\"https://github.com/mfranzke/loading-attribute-polyfill\">https://github.com/mfranzke/loading-attribute-polyfill</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - Lazy loading","patternPartial":"elements-image-lazy-loading","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-image-responsive-density" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image-responsive-density&#x2F;elements-image-image-responsive-density.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image-responsive-density" title="Link to Pattern">
+						Image - Responsive and pixel density
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image-responsive-density" data-patternpartial="elements-image-responsive-density" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image-responsive-density">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.mozjpeg.jpg 2x, ../../samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.mozjpeg.jpg 3x"  >
+
+	
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image-responsive-density" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h3>Set via <code>x</code> or <code>w</code> descriptors within the <code>srcset</code> attribute</h3>\n<blockquote>\n<p>One or more strings separated by commas, indicating possible image sources for the user agent to use. Each string is composed of:</p>\n<ul>\n<li>\n<p>A URL to an image</p>\n</li>\n<li>\n<p>Optionally, whitespace followed by one of:</p>\n<ul>\n<li>A width descriptor (a positive integer directly followed by <code>w</code>). The width descriptor is divided by the source size given in the <code>sizes</code> attribute to calculate the effective pixel density.</li>\n<li>A pixel density descriptor (a positive floating point number directly followed by <code>x</code>).</li>\n</ul>\n</li>\n</ul>\n<p>If no descriptor is specified, the source is assigned the default descriptor of <code>1x</code>.</p>\n<p>It is incorrect to mix width descriptors and pixel density descriptors in the same <code>srcset</code> attribute. Duplicate descriptors (for instance, two sources in the same <code>srcset</code> which are both described with <code>2x</code>) are also invalid.</p>\n<p>The user agent selects any of the available sources at its discretion. This provides them with significant leeway to tailor their selection based on things like user preferences or bandwidth conditions. See our Responsive images tutorial for an example.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img#attr-srcset\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img#attr-srcset</a></p>\n<p>Further information in general regarding Responsive images: <a href=\"https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images\">https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - Responsive and pixel density","patternPartial":"elements-image-responsive-density","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-image-responsive-mediaquery" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image-responsive-mediaquery&#x2F;elements-image-image-responsive-mediaquery.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image-responsive-mediaquery" title="Link to Pattern">
+						Image - Responsive mediaquery
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image-responsive-mediaquery" data-patternpartial="elements-image-responsive-mediaquery" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image-responsive-mediaquery">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+	<picture>
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.mozjpeg.jpg"  media="(min-width: 1100px)" >
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.mozjpeg.jpg"  media="(min-width: 700px)" >
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+	</picture>
+	
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image-responsive-mediaquery" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>The <code>media</code> attribute on the <code>&lt;source&gt;</code> element within the <code>&lt;picture&gt;</code> HTML tag</h2>\n<blockquote>\n<p>The <code>media</code> attribute specifies a media condition (similar to a media query) that the user agent will evaluate for each <code>&lt;source&gt;</code> element. If the media condition evaluates to <code>false</code>, its <code>&lt;source&gt;</code> element is skipped.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_media_attribute\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_media_attribute</a></p>\n<p>Further information in general regarding Responsive images: <a href=\"https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images\">https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - Responsive mediaquery","patternPartial":"elements-image-responsive-mediaquery","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-image-webp" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image-webp&#x2F;elements-image-image-webp.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image-webp" title="Link to Pattern">
+						Image - WebP
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image-webp" data-patternpartial="elements-image-webp" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image-webp">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+	<picture>
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.webp"  type="image/webp" >
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+	</picture>
+	
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image-webp" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>The <code>type</code> attribute on the <code>&lt;source&gt;</code> element within the <code>&lt;picture&gt;</code> HTML tag</h2>\n<blockquote>\n<p>The <code>type</code> attribute specifies a <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types\">MIME type</a> for the resource URL(s) in the <code>&lt;source&gt;</code> element's <code>srcset</code> attribute. If the user agent does not support the given type, the <code>&lt;source&gt;</code> element is skipped.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - WebP","patternPartial":"elements-image-webp","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-image-with-caption" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image-with-caption&#x2F;elements-image-image-with-caption.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image-with-caption" title="Link to Pattern">
+						Image - with caption
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inevaluation" title="inevaluation"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image-with-caption" data-patternpartial="elements-image-with-caption" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image-with-caption">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<figure>
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "   aria-labelledby="caption01" >
+
+	<figcaption id="caption01">DB Regio train at Munich mainstation</figcaption>
+</figure>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image-with-caption" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - with caption","patternPartial":"elements-image-with-caption","patternState":"inevaluation","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-input" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-input&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-input">Input</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2><code>label</code> and <code>input</code> elements code structure</h2>
+<p>We're using the construct of <code>label</code> and <code>input</code> elements shown below (both their order and not nesting them, as a few other frameworks do) for two good reasons:</p>
+<ul>
+<li>&quot;Generally, explicit labels are better supported by assistive technology.&quot; - compare to the <a href="https://www.w3.org/WAI/tutorials/forms/labels/#associating-labels-implicitly">W3C spec</a>, seems to be a <a href="https://www.w3.org/TR/WCAG20-TECHS/H44.html">WCAG criteria</a> that for, too.</li>
+<li>We could easily control the styling depending on the <code>input</code> elements (pseudo-)states w/o the need for JavaScript</li>
+</ul>
+<h2>Auto suggestions</h2>
+<p>You could easily integrate the possibility to provide auto suggestions to your input fields via the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#list"><code>list</code>-attribute</a> on the <code>input</code>-HTML-elements as well as adding the suggestions via the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist"><code>datalist</code>-HTML-element</a>. Please follow up within the <a href="/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.rendered.html">Input - Auto Suggestions</a> section.</p>
+<h2>Autofill</h2>
+<p>For heavily supporting the user on autofilling form fields (not only, but especially on mobile browsing) with information even already available on their devices, you could use the <code>autocomplete</code> attribute, as described e.g. here <a href="https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/">https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/</a></p>
+<p>The attribute doesn't even only take boolean values, but even also a list of specific field types, as described in the specification: <a href="https://html.spec.whatwg.org/multipage/forms.html#inappropriate-for-the-control">https://html.spec.whatwg.org/multipage/forms.html#inappropriate-for-the-control</a></p>
+<h2>Form validation</h2>
+<p>Please have a look especially at the section for form validation within the overall <a href="../components-form/index.html">components/forms</a> page.</p>
+<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>
+<h2>Accessibility support</h2>
+<p>For our special construct (the order of the <code>label</code> and <code>input</code> HTML tags) we need to additionaly set some further attributes on those HTML tags to better support assistive tools (screenreaders like JAWS and VoiceOver); set the <code>aria-labelledby</code>-attribute on the <code>input</code> and related <code>id</code> on the <code>label</code> as well as <code>aria-hidden=&quot;true&quot;</code>, e.g. like this:</p>
+<pre><code class="language-html">&lt;input
+  type=&quot;text&quot;
+  class=&quot;elm-input&quot;
+  placeholder=&quot;Projekt Name&quot;
+  name=&quot;input01&quot;
+  id=&quot;input01&quot;
+  aria-labelledby=&quot;input01-label&quot;
+/&gt;
+&lt;label class=&quot;elm-label&quot; for=&quot;input01&quot; aria-hidden=&quot;true&quot; id=&quot;input01-label&quot;
+  &gt;Textlabel&lt;/label
+&gt;
+</code></pre>
+<p>We've conducted some tests with those assistive tools that lead to the conclusion that either the labels content hasn't been read out to the screenreader user on those form fields directly, but the labels content has been read again after the form field e.g. on VoiceOver. So those declarations are necessary for this kind of HTML construct, that is especially relevant for form validation and floating label functionality via CSS only.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-input-variations" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-variations&#x2F;elements-input-input-variations.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-variations" title="Link to Pattern">
+						Input variations
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-variations" data-patternpartial="elements-input-variations" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-variations">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>semitransparent:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input16"
+	id="input16"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input16-label"
+	 data-variant="semitransparent"
+	>
+<label class="elm-label"
+	for="input16"
+	aria-hidden="true"
+	id="input16-label"
+	>Textlabel</label>
+
+
+
+</dd>
+	<dt>white:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input17"
+	id="input17"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input17-label"
+	 data-variant="white"
+	>
+<label class="elm-label"
+	for="input17"
+	aria-hidden="true"
+	id="input17-label"
+	>Textlabel</label>
+
+
+
+</dd>
+	<dt>solid:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input18"
+	id="input18"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input18-label"
+	 data-variant="solid"
+	>
+<label class="elm-label"
+	for="input18"
+	aria-hidden="true"
+	id="input18-label"
+	>Textlabel</label>
+
+
+
+</dd>
+	<dt>outline:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input19"
+	id="input19"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input19-label"
+	 data-variant="outline"
+	>
+<label class="elm-label"
+	for="input19"
+	aria-hidden="true"
+	id="input19-label"
+	>Textlabel</label>
+
+
+
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-variations" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-input","lineagePath":"../../patterns/elements-input-input/elements-input-input.rendered.html"}],"lineage":[{"lineagePattern":"elements-input","lineagePath":"../../patterns/elements-input-input/elements-input-input.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input variations","patternPartial":"elements-input-variations","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input&#x2F;elements-input-input.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input" title="Link to Pattern">
+						Input
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input" data-patternpartial="elements-input" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input01"
+	id="input01"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input01-label"
+	
+	>
+<label class="elm-label"
+	for="input01"
+	aria-hidden="true"
+	id="input01-label"
+	>Textlabel</label>
+
+
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-input-variations","lineagePath":"../../patterns/elements-input-input-variations/elements-input-input-variations.rendered.html"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"elements-input-variations","lineagePath":"../../patterns/elements-input-input-variations/elements-input-input-variations.rendered.html"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input","patternPartial":"elements-input","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":2}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-auto-suggest" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-auto-suggest&#x2F;elements-input-input-auto-suggest.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-auto-suggest" title="Link to Pattern">
+						Input - Auto suggestions
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-auto-suggest" data-patternpartial="elements-input-auto-suggest" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-auto-suggest">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input09"
+	id="input09"
+	
+	value="Ap"
+	
+	
+	
+	 list="datalistinput09"
+	aria-labelledby="input09-label"
+	
+	>
+<label class="elm-label"
+	for="input09"
+	aria-hidden="true"
+	id="input09-label"
+	>Textlabel</label>
+
+
+<datalist id="datalistinput09">
+		<option value="Apple Computers">Apple</option>
+		<option>Applify</option>
+		<option>App-Design</option>
+</datalist>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-auto-suggest" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>You could easily integrate the possibility to provide auto suggestions to your input fields via the <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#list\"><code>list</code>-attribute</a> on the <code>input</code>-HTML-elements as well as adding the suggestions via the <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist\"><code>datalist</code>-HTML-element</a>.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - Auto suggestions","patternPartial":"elements-input-auto-suggest","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-description" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-description&#x2F;elements-input-input-description.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-description" title="Link to Pattern">
+						Input with description
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-description" data-patternpartial="elements-input-description" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-description">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input02"
+	id="input02"
+	
+	value=""
+	 aria-describedby="input02hint"
+	
+	
+	
+	aria-labelledby="input02-label"
+	
+	>
+<label class="elm-label"
+	for="input02"
+	aria-hidden="true"
+	id="input02-label"
+	>Textlabel</label>
+
+<p id="input02hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-description" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input with description","patternPartial":"elements-input-description","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-filled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-filled&#x2F;elements-input-input-filled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-filled" title="Link to Pattern">
+						Input - filled with a value
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-filled" data-patternpartial="elements-input-filled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-filled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input03"
+	id="input03"
+	
+	value="Input"
+	 aria-describedby="input03hint"
+	
+	
+	
+	aria-labelledby="input03-label"
+	
+	>
+<label class="elm-label"
+	for="input03"
+	aria-hidden="true"
+	id="input03-label"
+	>Textlabel</label>
+
+<p id="input03hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-filled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - filled with a value","patternPartial":"elements-input-filled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":4}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-valid" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-valid&#x2F;elements-input-input-valid.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-valid" title="Link to Pattern">
+						Input - valid state
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-valid" data-patternpartial="elements-input-valid" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-valid">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input04"
+	id="input04"
+	
+	value="Input"
+	
+	
+	 minlength="3" required
+	
+	aria-labelledby="input04-label"
+	
+	>
+<label class="elm-label"
+	for="input04"
+	aria-hidden="true"
+	id="input04-label"
+	>Textlabel</label>
+
+
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-valid" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - valid state","patternPartial":"elements-input-valid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":5}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-invalid" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-invalid&#x2F;elements-input-input-invalid.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-invalid" title="Link to Pattern">
+						Input - invalid state (type in less than its minimum of 5 characters)
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-invalid" data-patternpartial="elements-input-invalid" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-invalid">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Mindestens fünf Zeichen eingeben"
+	name="input06"
+	id="input06"
+	
+	value=""
+	 aria-describedby="input06hint"
+	
+	 minlength="5" required
+	
+	aria-labelledby="input06-label"
+	
+	>
+<label class="elm-label"
+	for="input06"
+	aria-hidden="true"
+	id="input06-label"
+	>Textlabel</label>
+
+<p id="input06hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-invalid" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - invalid state (type in less than its minimum of 5 characters)","patternPartial":"elements-input-invalid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":6}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-invalid-attribute" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-invalid-attribute&#x2F;elements-input-input-invalid-attribute.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-invalid-attribute" title="Link to Pattern">
+						Input - Invalid state by HTML attribute
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-invalid-attribute" data-patternpartial="elements-input-invalid-attribute" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-invalid-attribute">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input15"
+	id="input15"
+	
+	value="Input"
+	 aria-describedby="input15hint"
+	 aria-invalid="true"
+	 minlength="5"
+	
+	aria-labelledby="input15-label"
+	
+	>
+<label class="elm-label"
+	for="input15"
+	aria-hidden="true"
+	id="input15-label"
+	>Textlabel</label>
+
+<p id="input15hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-invalid-attribute" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Form validation</h2>\n<p>Please have a look especially at the section for form validation within the overall <a href=\"../components-form/index.html\">components/forms</a> page.</p>\n<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute\"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - Invalid state by HTML attribute","patternPartial":"elements-input-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":7}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-disabled&#x2F;elements-input-input-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-disabled" title="Link to Pattern">
+						Input - disabled state
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-disabled" data-patternpartial="elements-input-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input05"
+	id="input05"
+	 disabled
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input05-label"
+	
+	>
+<label class="elm-label"
+	for="input05"
+	aria-hidden="true"
+	id="input05-label"
+	>Textlabel</label>
+
+
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - disabled state","patternPartial":"elements-input-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":8}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-search" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-search&#x2F;elements-input-input-search.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-search" title="Link to Pattern">
+						Input - search type
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-search" data-patternpartial="elements-input-search" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-search">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="search"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input07"
+	id="input07"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input07-label"
+	
+	>
+<label class="elm-label"
+	for="input07"
+	aria-hidden="true"
+	id="input07-label"
+	>Textlabel</label>
+
+
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-search" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - search type","patternPartial":"elements-input-search","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":9}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-search-filled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-search-filled&#x2F;elements-input-input-search-filled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-search-filled" title="Link to Pattern">
+						Input - search type - filled
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-search-filled" data-patternpartial="elements-input-search-filled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-search-filled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="search"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input08"
+	id="input08"
+	
+	value="Input"
+	
+	
+	
+	
+	aria-labelledby="input08-label"
+	
+	>
+<label class="elm-label"
+	for="input08"
+	aria-hidden="true"
+	id="input08-label"
+	>Textlabel</label>
+
+
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-search-filled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - search type - filled","patternPartial":"elements-input-search-filled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":10}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-hidden-label" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-hidden-label&#x2F;elements-input-input-hidden-label.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-hidden-label" title="Link to Pattern">
+						Input - Hidden label
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-hidden-label" data-patternpartial="elements-input-hidden-label" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-hidden-label">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input20"
+	id="input20"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input20-label"
+	
+	>
+<label class="elm-label"
+	for="input20"
+	aria-hidden="true"
+	id="input20-label"
+	 data-label-hidden="true">Textlabel</label>
+
+
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-hidden-label" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a input element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - Hidden label","patternPartial":"elements-input-hidden-label","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":11}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-link" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-link&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-link">Link</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Variations/configurability</h2>
+<h3>Size</h3>
+<h4>SCSS (recommended)</h4>
+<p>Extend one of the size SCSS placeholders in case that you don't want the default (regular): <code>%size-Small</code> or <code>%size-Large</code></p>
+<h4>HTML attribute</h4>
+<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is &quot;regular&quot; and in that case is optional.</p>
+<h3>Icons</h3>
+<p>The following three <code>rel=*</code> annotated links even already include an icon by default - you could enhance those by your own declarations for further patterns of linked pages.</p>
+<pre><code class="language-css">[rel=&quot;configuration&quot;]
+[rel=&quot;messages&quot;]
+[rel=&quot;account&quot;]
+</code></pre>
+<h2>Title attribute</h2>
+<p>Advice: Don't provide title attributes to links with identical text nodes. Since the text node is already perfectly visible, this is completely redundant. It doesn't even add anything for screen readers except — in some cases — repetition.</p>
+<h2>Button vs. Link</h2>
+<blockquote>
+<p>The HTML elements for buttons and links describe a very specific type of action that is going to be taken when they are used. It is important you know when to use which, as the distinction matters:</p>
+<ul>
+<li>Use a link when you’re navigating to another place, such as: a &quot;view all&quot; page, &quot;Jane Chen&quot; profile, a page &quot;skip link&quot; etc.</li>
+<li>Use buttons when you are performing an action, such as: &quot;submit,&quot; &quot;merge,&quot; &quot;create new,&quot; &quot;upload,&quot; etc.</li>
+<li>An action is almost always on the same page</li>
+</ul>
+</blockquote>
+<p>Source: <a href="https://www.lightningdesignsystem.com/components/buttons/#About-Buttons">https://www.lightningdesignsystem.com/components/buttons/#About-Buttons</a></p>
+<p>Further argumentations:</p>
+<ul>
+<li><a href="https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2">https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2</a></li>
+<li><a href="https://uxmovement.com/buttons/when-to-use-a-button-or-link/">https://uxmovement.com/buttons/when-to-use-a-button-or-link/</a></li>
+</ul>
+<h3>JavaScript &quot;links&quot;</h3>
+<blockquote>
+<p>Never use <code>&quot;javascript:&quot; &quot;#&quot;</code> or similar as the value of an <code>href</code> attribute. The purpose of the <code>href</code> attribute is to specify a URL only. If you wish to run JavaScript on an element click, use a <code>button</code> instead.</p>
+</blockquote>
+<p>Source: <a href="https://ebay.gitbook.io/mindpatterns/antipatterns/javascript-href">https://ebay.gitbook.io/mindpatterns/antipatterns/javascript-href</a></p>
+<h2>Further relevant attributes</h2>
+<p>Source: <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a</a></p>
+<h3>hreflang</h3>
+<blockquote>
+<p>This attribute indicates the human language of the linked resource. It is purely advisory, with no built-in functionality. Allowed values are determined by <a href="https://www.ietf.org/rfc/bcp/bcp47.txt">BCP47</a>.</p>
+</blockquote>
+<h3>ping</h3>
+<blockquote>
+<p>Contains a space-separated list of URLs to which, when the hyperlink is followed, <code>POST</code> requests with the body <code>PING</code> will be sent by the browser (in the background). Typically used for tracking/analytics.</p>
+</blockquote>
+<h3>rel</h3>
+<blockquote>
+<p>Specifies the relationship of the target object to the link object. The value is a space-separated list of <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">link types</a>.</p>
+</blockquote>
+<h3>target</h3>
+<blockquote>
+<p>Specifies where to display the linked URL. It is a name of, or keyword for, a browsing context: a tab, window, or <code>&lt;iframe&gt;</code></p>
+</blockquote>
+<blockquote>
+<p>Note: When using <code>target</code>, consider adding <code>rel=&quot;noreferrer&quot;</code> to avoid exploitation of the <code>window.opener API</code>. See <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Security_and_privacy_concerns">Security concerns</a> section.</p>
+</blockquote>
+<blockquote>
+<p>Note: Linking to another page using <code>target=&quot;_blank&quot;</code> will run the new page on the same process as your page. If the new page is executing expensive JS, your page's performance may suffer. To avoid this use <code>rel=&quot;noopener&quot;</code>.</p>
+</blockquote>
+<h3><code>aria-disabled</code></h3>
+<p>Instead of the <code>disabled</code>-attribute we're using for the <code>button</code> pattern to define a disabled state, we couldn't use this attribute on the <code>link</code> pattern, as <code>disabled</code> isn't a valid attribute an <code>a</code> HTML element, compare to e.g. the <a href="https://w3c.github.io/html-aria/#att-disabled">W3C ARIA documentation</a> and the <a href="https://html.spec.whatwg.org/#the-a-element">W3C spec</a>:</p>
+<blockquote>
+<p>Use the disabled attribute on any element that is allowed the disabled attribute in HTML.</p>
+</blockquote>
+<blockquote>
+<p>Only use the aria-disabled attribute for elements that are not allowed to have a disabled attribute in HTML.</p>
+</blockquote>
+<p>Please keep in mind to only include a disabled link sparly, as it's not recommended at all, compare to e.g. <a href="https://css-tricks.com/how-to-disable-links/#aa-just-dont-do-it">https://css-tricks.com/how-to-disable-links/#aa-just-dont-do-it</a></p>
+<h2>Ambiguous labels</h2>
+<p>Please keep in mind to use unambiguous labels: <a href="https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label">https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label</a></p>
+<h2>Link functionality caveat</h2>
+<blockquote>
+<p>The <code>aria-disabled=&quot;true&quot;</code> uses <code>pointer-events: none</code> to try to disable the link functionality of <code>&lt;a&gt;</code>s, but that CSS property is not yet standardized. In addition, even in browsers that do support <code>pointer-events: none</code>, keyboard navigation remains unaffected, meaning that sighted keyboard users and users of assistive technologies will still be able to activate these links. So to be safe, add a <code>tabindex=&quot;-1&quot;</code> attribute on these links (to prevent them from receiving keyboard focus) and use custom JavaScript to disable their functionality.</p>
+</blockquote>
+<p>Adapted from: <a href="https://getbootstrap.com/docs/4.3/components/buttons/#link-functionality-caveat">https://getbootstrap.com/docs/4.3/components/buttons/#link-functionality-caveat</a></p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-links" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-link-links&#x2F;elements-link-links.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-links" title="Link to Pattern">
+						Links
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-links" data-patternpartial="elements-links" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-links">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<p>
+		Lorem ipsum dolor sit amet, consectetur adipisicing elit. <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Text Link
+</a>
+Lorem ipsum dolor sit amet, consectetur adipisicing elit
+	</p>
+	<p>
+		Lorem ipsum dolor sit amet, consectetur adipisicing elit. <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	 aria-disabled="true" tabindex="-1"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Text Link (disabled)
+</a>
+Lorem ipsum dolor sit amet, consectetur adipisicing elit
+	</p>
+
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-icon="settings"
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Teaser link (disabled)
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-icon-after="account"
+		>Teaser Link (disabled)
+	</a>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-links" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"link"},"patternExtension":"hbs","patternName":"Links","patternPartial":"elements-links","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-links-small" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-link-links-small&#x2F;elements-link-links-small.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-links-small" title="Link to Pattern">
+						Links Small
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-links-small" data-patternpartial="elements-links-small" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-links-small">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		 data-icon="settings"
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		
+		
+		>Teaser link (disabled)
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		
+		 data-icon-after="account"
+		>Teaser Link (disabled)
+	</a>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-links-small" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"link"},"patternExtension":"hbs","patternName":"Links Small","patternPartial":"elements-links-small","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-loading-indicator" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-loading-indicator&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-loading-indicator">Loading Indicator</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<p>Progress spinners (loading indicators) show the user that a longer-lasting action is being carried out.<br>
+Progress/Loading Indicators are used when the application executes a server request or processes data in the frontend. The component is used as soon as the execution and the resulting delay are noticeable to the user. This keeps the user aware that his or her action is being executed.</p>
+<h2>Accessibility</h2>
+<p>SVGs are often conveyed inconsistently to assistive technologies. The component’s accessibility is also highly contextual.
+For optimal user experience, use the aria-description prop to let assistive technology users know the purpose of the loading spinner.</p>
+<h3><code>aria-live</code> and dynamic creation of html content</h3>
+<p>Using JavaScript (e.g. in context of frameworks like Angular, VueJS or React), it is possible to dynamically change parts of a page without requiring the entire page to reload — for instance, to update a list of search results on the fly, or to display a discreet alert or notification which does not require user interaction. While these changes are usually visually apparent to users who can see the page, they may not be obvious to users of assistive technologies. ARIA live regions fill this gap and provide a way to programmatically expose dynamic content changes in a way that can be announced by assistive technologies.</p>
+<p><code>aria-live</code> triggers screen readers when an element with aria-live (or text within an element with aria-live) is added or removed from the DOM. In contrast, when you unhide a hidden element, neither elements nor text are added or removed from the DOM, so the element's aria-live property doesn’t come into play.</p>
+<p>Note that the live region needs to be present in the markup before the notification is generated or updated. If you dynamically generate both at the same time and inject them into the page, they will generally not be announced by assistive technologies.</p>
+<p>You also need to adapt the <code>role</code> and <code>aria-live</code> level depending on the content. Further information can be found here <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions</a></p>
+<h2>Recommendations</h2>
+<h3>Do</h3>
+<p>If the application is waiting for a process, it makes sense to display an indicator in a central location.</p>
+<h3>Don‘t</h3>
+<p>An indicator should not be used to visualize the application waiting for user input.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-loading-indicator" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-loading-indicator-loading-indicator&#x2F;elements-loading-indicator-loading-indicator.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-loading-indicator" title="Link to Pattern">
+						Loading Indicator
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-loading-indicator" data-patternpartial="elements-loading-indicator" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-loading-indicator">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description" role="img"
+	
+>
+	<title id="elm-loadingindicator__description">Example description for loading spinner</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-loading-indicator" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator","patternPartial":"elements-loading-indicator","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-loading-indicator-size-s" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-loading-indicator-loading-indicator-size-s&#x2F;elements-loading-indicator-loading-indicator-size-s.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-loading-indicator-size-s" title="Link to Pattern">
+						Loading Indicator Size S
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-loading-indicator-size-s" data-patternpartial="elements-loading-indicator-size-s" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-loading-indicator-size-s">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-s" role="img"
+	 data-size="s"
+>
+	<title id="elm-loadingindicator__description-s">Example description for s loading spinner</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-loading-indicator-size-s" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size S","patternPartial":"elements-loading-indicator-size-s","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-loading-indicator-size-XS" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-loading-indicator-loading-indicator-size-XS&#x2F;elements-loading-indicator-loading-indicator-size-XS.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-loading-indicator-size-XS" title="Link to Pattern">
+						Loading Indicator Size XS
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-loading-indicator-size-XS" data-patternpartial="elements-loading-indicator-size-XS" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-loading-indicator-size-XS">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-xs" role="img"
+	 data-size="xs"
+>
+	<title id="elm-loadingindicator__description-xs">Example description for xs loading spinner</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-loading-indicator-size-XS" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size XS","patternPartial":"elements-loading-indicator-size-XS","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-loading-indicator-size-m" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-loading-indicator-loading-indicator-size-m&#x2F;elements-loading-indicator-loading-indicator-size-m.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-loading-indicator-size-m" title="Link to Pattern">
+						Loading Indicator Size M
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-loading-indicator-size-m" data-patternpartial="elements-loading-indicator-size-m" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-loading-indicator-size-m">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-m" role="img"
+	 data-size="m"
+>
+	<title id="elm-loadingindicator__description-m">Example description for loading spinner size M</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-loading-indicator-size-m" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size M","patternPartial":"elements-loading-indicator-size-m","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-loading-indicator-size-l" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-loading-indicator-loading-indicator-size-l&#x2F;elements-loading-indicator-loading-indicator-size-l.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-loading-indicator-size-l" title="Link to Pattern">
+						Loading Indicator Size L
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-loading-indicator-size-l" data-patternpartial="elements-loading-indicator-size-l" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-loading-indicator-size-l">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-l" role="img"
+	 data-size="l"
+>
+	<title id="elm-loadingindicator__description-l">Example description for loading spinner size L</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-loading-indicator-size-l" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size L","patternPartial":"elements-loading-indicator-size-l","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":4}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-loading-indicator-size-xl" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-loading-indicator-loading-indicator-size-xl&#x2F;elements-loading-indicator-loading-indicator-size-xl.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-loading-indicator-size-xl" title="Link to Pattern">
+						Loading Indicator Size XL
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-loading-indicator-size-xl" data-patternpartial="elements-loading-indicator-size-xl" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-loading-indicator-size-xl">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-xl" role="img"
+	 data-size="xl"
+>
+	<title id="elm-loadingindicator__description-xl">Example description for loading spinner size XL</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-loading-indicator-size-xl" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size XL","patternPartial":"elements-loading-indicator-size-xl","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":5}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-logo" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-logo&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-logo">Logo</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<p>Please find a lot of more information regarding our logo and how to use it within the <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/foundation/Logo">Marketingportal</a>.</p>
+<h2>Adapt logos colors (background and fill)</h2>
+<p>You could easily change the line-colors of the logo as well as the background color by defining different color values for both CSS variables:</p>
+<ul>
+<li><code>--db-logo-color</code></li>
+<li><code>--db-logo-backgroundColor</code></li>
+</ul>
+<p>The fallback for an undefined <code>--db-logo-color</code> is our DB Red (<code>#f01414</code>), and <code>--db-logo-backgroundColor</code> would fall back to <code>transparent</code>, which is the general background defined by brand.</p>
+<h2>Size</h2>
+<h3>SCSS (recommended)</h3>
+<p>Extend one of the size SCSS placeholders in case that you don't want the default (xlarge, 58px width, 40px height): <code>%logo-size-xsmall</code>, <code>%logo-size-small</code>, <code>%logo-size-medium</code>, <code>%logo-size-large</code> or <code>%logo-size-xlarge</code></p>
+<h3>HTML attribute</h3>
+<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is <code>xlarge</code> and in that case is optional.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-logo" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-logo-logo&#x2F;elements-logo-logo.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-logo" title="Link to Pattern">
+						Logo
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-logo" data-patternpartial="elements-logo" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-logo">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	class="elm-logo"
+	>
+	<use href="../../images/db_logo.svg#logo"></use>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-logo" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-on-backgrounds","lineagePath":"../../patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html"},{"lineagePattern":"elements-logo-sizes","lineagePath":"../../patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"}],"lineageR":[{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-on-backgrounds","lineagePath":"../../patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html"},{"lineagePattern":"elements-logo-sizes","lineagePath":"../../patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo","patternPartial":"elements-logo","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-logo-on-backgrounds" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-logo-logo-on-backgrounds&#x2F;elements-logo-logo-on-backgrounds.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-logo-on-backgrounds" title="Link to Pattern">
+						Logo On Backgrounds
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-logo-on-backgrounds" data-patternpartial="elements-logo-on-backgrounds" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-logo-on-backgrounds">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="DO-NOT-COPY-THIS-CLASS-example-logo-list">
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cool-gray">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-image">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-logo-on-backgrounds" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo On Backgrounds","patternPartial":"elements-logo-on-backgrounds","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-logo-sizes" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-logo-logo-sizes&#x2F;elements-logo-logo-sizes.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-logo-sizes" title="Link to Pattern">
+						Logo Sizes
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-logo-sizes" data-patternpartial="elements-logo-sizes" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-logo-sizes">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="DO-NOT-COPY-THIS-CLASS-example-logo-list">
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-xsmall">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="xsmall">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-small">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="small">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-medium">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="medium">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-large">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="large">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-xlarge">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="xlarge">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-logo-sizes" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo Sizes","patternPartial":"elements-logo-sizes","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-logo-with-following-headline" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-logo-logo-with-following-headline&#x2F;elements-logo-logo-with-following-headline.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-logo-with-following-headline" title="Link to Pattern">
+						Logo With Following Headline
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-logo-with-following-headline" data-patternpartial="elements-logo-with-following-headline" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-logo-with-following-headline">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	class="elm-logo"
+	>
+	<use href="../../images/db_logo.svg#logo"></use>
+</svg>
+<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+<h1 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h1>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-logo-with-following-headline" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo With Following Headline","patternPartial":"elements-logo-with-following-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-progress" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-progress&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-progress">Progress</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-progress" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-progress-progress&#x2F;elements-progress-progress.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-progress" title="Link to Pattern">
+						Linear loader
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-progress" data-patternpartial="elements-progress" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-progress">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="elm-progress">
+	
+	<progress
+			value="68"
+			 max="100"
+			
+		id="progress-01"
+		 data-type="loader"
+		 aria-describedby="progress-01-label"></progress>
+		<label
+			for="progress-01"
+			id="progress-01-label"
+			aria-hidden="true">68%</label>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-progress" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>Indicate the progress completion of a task, e.g. a file download.</p>\n<p>The circual progress is implemented via progressive enhancement - as the underlaying conic-gradient CSS feature isn't available <a href=\"https://caniuse.com/#feat=css-conic-gradients\">in Firefox</a>, it will get displayed as a &quot;regular&quot; progress instead.</p>\n<h2>JavaScript polyfill necessary for Microsoft Internet Explorer 11 and Edge version 12 till 14</h2>\n<p>If you want to use the conic variant of this pattern and would need to support IE11 as well, you'll need a polyfill like <a href=\"https://github.com/nuxodin/ie11CustomProperties\">ie11CustomProperties</a>, as we're using CSS variables functionality for that variant.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"progress"},"patternExtension":"hbs","patternName":"Linear loader","patternPartial":"elements-progress","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-progress-linear-spinner" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-progress-progress-linear-spinner&#x2F;elements-progress-progress-linear-spinner.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-progress-linear-spinner" title="Link to Pattern">
+						Linear spinner
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-progress-linear-spinner" data-patternpartial="elements-progress-linear-spinner" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-progress-linear-spinner">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="elm-progress">
+	
+	<progress
+			value="68"
+			 max="100"
+			
+		id="progress-07"
+		 data-type="spinner"
+		></progress>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-progress-linear-spinner" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"progress"},"patternExtension":"hbs","patternName":"Linear spinner","patternPartial":"elements-progress-linear-spinner","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-progress-linear-spinner-indeterminate" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-progress-progress-linear-spinner-indeterminate&#x2F;elements-progress-progress-linear-spinner-indeterminate.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-progress-linear-spinner-indeterminate" title="Link to Pattern">
+						Linear spinner indeterminate
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-progress-linear-spinner-indeterminate" data-patternpartial="elements-progress-linear-spinner-indeterminate" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-progress-linear-spinner-indeterminate">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="elm-progress">
+	
+	<progress
+		id="progress-08"
+		 data-type="spinner"
+		></progress>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-progress-linear-spinner-indeterminate" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"progress"},"patternExtension":"hbs","patternName":"Linear spinner indeterminate","patternPartial":"elements-progress-linear-spinner-indeterminate","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-radio" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-radio&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-radio">Radio</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Form validation</h2>
+<p>Please have a look especially at the section for form validation within the overall <a href="../components-form/index.html">components/forms</a> page.</p>
+<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-radios" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios&#x2F;elements-radio-radios.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios" title="Link to Pattern">
+						Radios
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios" data-patternpartial="elements-radios" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radio"
+	id="id-7a34c909-7a9e-48da-a61d-d6d68ef3b45e"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-7a34c909-7a9e-48da-a61d-d6d68ef3b45e">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radio"
+	id="id-96388780-f764-4753-a0c4-d377a27be71a"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-96388780-f764-4753-a0c4-d377a27be71a">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radio"
+	id="id-cfee101e-7c1f-41c9-aa63-8646e9535cf9"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-cfee101e-7c1f-41c9-aa63-8646e9535cf9">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios","patternPartial":"elements-radios","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-radios-checked" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios-checked&#x2F;elements-radio-radios-checked.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios-checked" title="Link to Pattern">
+						Radios Checked
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios-checked" data-patternpartial="elements-radios-checked" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios-checked">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radioChecked"
+	id="id-051cdc0b-53f2-40be-8b0c-6329aa3dcaf5"
+	 checked
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-051cdc0b-53f2-40be-8b0c-6329aa3dcaf5">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioChecked"
+	id="id-ea81c695-c07e-4537-9628-2b82d5f7e930"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-ea81c695-c07e-4537-9628-2b82d5f7e930">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioChecked"
+	id="id-8eb41468-e22a-445d-abc0-eb95be7f2101"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-8eb41468-e22a-445d-abc0-eb95be7f2101">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios-checked" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Checked","patternPartial":"elements-radios-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-radios-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios-disabled&#x2F;elements-radio-radios-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios-disabled" title="Link to Pattern">
+						Radios Disabled
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios-disabled" data-patternpartial="elements-radios-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radioDisabled"
+	id="id-edbf6456-0814-4a42-9796-8d44fcf35cf0"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-edbf6456-0814-4a42-9796-8d44fcf35cf0">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabled"
+	id="id-aa30edc7-704b-4f5c-9ccd-bc1d30f86d65"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-aa30edc7-704b-4f5c-9ccd-bc1d30f86d65">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabled"
+	id="id-91b4ae97-5b21-4dfa-9d4f-598f8b0c0516"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-91b4ae97-5b21-4dfa-9d4f-598f8b0c0516">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Disabled","patternPartial":"elements-radios-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-radios-disabled-checked" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios-disabled-checked&#x2F;elements-radio-radios-disabled-checked.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios-disabled-checked" title="Link to Pattern">
+						Radios Disabled Checked
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios-disabled-checked" data-patternpartial="elements-radios-disabled-checked" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios-disabled-checked">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radioDisabledChecked"
+	id="id-7226ee8f-50ec-4834-8977-8f82e13eb677"
+	 checked
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-7226ee8f-50ec-4834-8977-8f82e13eb677">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabledChecked"
+	id="id-83e793cb-94c5-4e77-8ad6-17dae049cd94"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-83e793cb-94c5-4e77-8ad6-17dae049cd94">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabledChecked"
+	id="id-203f2bbf-68e9-4f99-8b43-a09a4083b08d"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-203f2bbf-68e9-4f99-8b43-a09a4083b08d">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios-disabled-checked" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Disabled Checked","patternPartial":"elements-radios-disabled-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-radios-invalid-attribute" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios-invalid-attribute&#x2F;elements-radio-radios-invalid-attribute.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios-invalid-attribute" title="Link to Pattern">
+						Radios Invalid Attribute
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios-invalid-attribute" data-patternpartial="elements-radios-invalid-attribute" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios-invalid-attribute">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radioInvalid"
+	id="id-634cd8e8-10a3-4b09-bd87-e6350d7857f8"
+	
+	
+	
+	
+	 aria-invalid="true"
+	>
+<label class="elm-label" for="id-634cd8e8-10a3-4b09-bd87-e6350d7857f8">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioInvalid"
+	id="id-f947c987-a9aa-428e-a3d4-f657701802ae"
+	
+	
+	
+	
+	 aria-invalid="true"
+	>
+<label class="elm-label" for="id-f947c987-a9aa-428e-a3d4-f657701802ae">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioInvalid"
+	id="id-ebc5407d-ccf7-40c1-9315-50da248e9db2"
+	
+	
+	
+	
+	 aria-invalid="true"
+	>
+<label class="elm-label" for="id-ebc5407d-ccf7-40c1-9315-50da248e9db2">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios-invalid-attribute" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Invalid Attribute","patternPartial":"elements-radios-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-radios-label-hidden" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios-label-hidden&#x2F;elements-radio-radios-label-hidden.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios-label-hidden" title="Link to Pattern">
+						Radio - Hidden label
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios-label-hidden" data-patternpartial="elements-radios-label-hidden" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios-label-hidden">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radioLabelHidden"
+	id="id-ac76d7ee-ca43-4766-8c43-0237f78e3ce6"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-ac76d7ee-ca43-4766-8c43-0237f78e3ce6" data-label-hidden="true">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioLabelHidden"
+	id="id-9593e473-9192-4ff1-8056-189b83797590"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-9593e473-9192-4ff1-8056-189b83797590" data-label-hidden="true">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioLabelHidden"
+	id="id-62d79c5c-194e-44bc-9de9-43077e093069"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-62d79c5c-194e-44bc-9de9-43077e093069" data-label-hidden="true">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios-label-hidden" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a radio element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radio - Hidden label","patternPartial":"elements-radios-label-hidden","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-radios-required" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios-required&#x2F;elements-radio-radios-required.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios-required" title="Link to Pattern">
+						Radios Required
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios-required" data-patternpartial="elements-radios-required" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios-required">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radioRequired"
+	id="id-f9e3576d-72a9-4771-9eab-168bce91107a"
+	
+	
+	
+	
+	
+	 required>
+<label class="elm-label" for="id-f9e3576d-72a9-4771-9eab-168bce91107a">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioRequired"
+	id="id-a9db2514-32cb-46d2-9874-e00d7eb63ead"
+	
+	
+	
+	
+	
+	 required>
+<label class="elm-label" for="id-a9db2514-32cb-46d2-9874-e00d7eb63ead">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioRequired"
+	id="id-bd029dec-cd68-4fd0-a1dc-f72e1bd8354f"
+	
+	
+	
+	
+	
+	 required>
+<label class="elm-label" for="id-bd029dec-cd68-4fd0-a1dc-f72e1bd8354f">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios-required" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Required","patternPartial":"elements-radios-required","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-select" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-select&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-select">Select</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<p>This element doesn't fulfill the styleguides definitions especially on the option elements styling, as this isn't possible x-browser without JavaScript.
+If you would like to even also match those visual requirements, you would need to choose a progressive JavaScript solution on your own.</p>
+<h2>Form validation</h2>
+<p>Please have a look especially at the section for form validation within the overall <a href="../components-form/index.html">components/forms</a> page.</p>
+<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-select" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-select-select&#x2F;elements-select-select.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-select" title="Link to Pattern">
+						Select
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-select" data-patternpartial="elements-select" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-select">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<select class="elm-select "
+	 name="select" id="select"
+	
+	
+	
+	
+	>
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select">Select label</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-select" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-select-variations-disabled","lineagePath":"../../patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html"},{"lineagePattern":"elements-select-variations-multiple","lineagePath":"../../patterns/elements-select-select-variations-multiple/elements-select-select-variations-multiple.rendered.html"},{"lineagePattern":"elements-select-variations-optgroups","lineagePath":"../../patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html"},{"lineagePattern":"elements-select-variations","lineagePath":"../../patterns/elements-select-select-variations/elements-select-select-variations.rendered.html"}],"lineageR":[{"lineagePattern":"elements-select-variations-disabled","lineagePath":"../../patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html"},{"lineagePattern":"elements-select-variations-multiple","lineagePath":"../../patterns/elements-select-select-variations-multiple/elements-select-select-variations-multiple.rendered.html"},{"lineagePattern":"elements-select-variations-optgroups","lineagePath":"../../patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html"},{"lineagePattern":"elements-select-variations","lineagePath":"../../patterns/elements-select-select-variations/elements-select-select-variations.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select","patternPartial":"elements-select","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-select-variations" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-select-select-variations&#x2F;elements-select-select-variations.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-select-variations" title="Link to Pattern">
+						Select Variations
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-select-variations" data-patternpartial="elements-select-variations" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-select-variations">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>semitransparent:</dt>
+	<dd><select class="elm-select "
+	 name="select01" id="select01"
+	
+	
+	
+	
+	 data-variant="semitransparent">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select01">Devices</label>
+</dd>
+	<dt>white:</dt>
+	<dd><select class="elm-select "
+	 name="select02" id="select02"
+	
+	
+	
+	
+	 data-variant="white">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select02">Devices</label>
+</dd>
+	<dt>solid:</dt>
+	<dd><select class="elm-select "
+	 name="select03" id="select03"
+	
+	
+	
+	
+	 data-variant="solid">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select03">Devices</label>
+</dd>
+	<dt>outline:</dt>
+	<dd><select class="elm-select "
+	 name="select04" id="select04"
+	
+	
+	
+	
+	 data-variant="outline">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select04">Devices</label>
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-select-variations" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"lineage":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select Variations","patternPartial":"elements-select-variations","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-select-variations-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-select-select-variations-disabled&#x2F;elements-select-select-variations-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-select-variations-disabled" title="Link to Pattern">
+						Select Variations Disabled
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-select-variations-disabled" data-patternpartial="elements-select-variations-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-select-variations-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>semitransparent:</dt>
+	<dd><select class="elm-select "
+	 name="select05" id="select05"
+	 disabled
+	
+	
+	
+	 data-variant="semitransparent">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select05">Devices</label>
+</dd>
+	<dt>white:</dt>
+	<dd><select class="elm-select "
+	 name="select06" id="select06"
+	 disabled
+	
+	
+	
+	 data-variant="white">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select06">Devices</label>
+</dd>
+	<dt>solid:</dt>
+	<dd><select class="elm-select "
+	 name="select07" id="select07"
+	 disabled
+	
+	
+	
+	 data-variant="solid">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select07">Devices</label>
+</dd>
+	<dt>outline:</dt>
+	<dd><select class="elm-select "
+	 name="select08" id="select08"
+	 disabled
+	
+	
+	
+	 data-variant="outline">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select08">Devices</label>
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-select-variations-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"lineage":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select Variations Disabled","patternPartial":"elements-select-variations-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-select-variations-optgroups" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-select-select-variations-optgroups&#x2F;elements-select-select-variations-optgroups.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-select-variations-optgroups" title="Link to Pattern">
+						Select Variations Optgroups
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-select-variations-optgroups" data-patternpartial="elements-select-variations-optgroups" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-select-variations-optgroups">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>semitransparent:</dt>
+	<dd><select class="elm-select "
+	 name="select09" id="select09"
+	
+	
+	
+	
+	 data-variant="semitransparent">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select09">Devices/Roles</label>
+</dd>
+	<dt>white:</dt>
+	<dd><select class="elm-select "
+	 name="select10" id="select10"
+	
+	
+	
+	
+	 data-variant="white">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select10">Devices/Roles</label>
+</dd>
+	<dt>solid:</dt>
+	<dd><select class="elm-select "
+	 name="select11" id="select11"
+	
+	
+	
+	
+	 data-variant="solid">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select11">Devices/Roles</label>
+</dd>
+	<dt>outline:</dt>
+	<dd><select class="elm-select "
+	 name="select12" id="select12"
+	
+	
+	
+	
+	 data-variant="outline">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select12">Devices/Roles</label>
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-select-variations-optgroups" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"lineage":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select Variations Optgroups","patternPartial":"elements-select-variations-optgroups","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-select-invalid-attribute" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-select-select-invalid-attribute&#x2F;elements-select-select-invalid-attribute.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-select-invalid-attribute" title="Link to Pattern">
+						Select - Invalid state by HTML attribute
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-select-invalid-attribute" data-patternpartial="elements-select-invalid-attribute" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-select-invalid-attribute">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<select class="elm-select "
+	 name="select13" id="select13"
+	
+	
+	
+	 aria-invalid="true" 
+	>
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select13">Devices</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-select-invalid-attribute" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Form validation</h2>\n<p>Please have a look especially at the section for form validation within the overall <a href=\"../components-form/index.html\">components/forms</a> page.</p>\n<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute\"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select - Invalid state by HTML attribute","patternPartial":"elements-select-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":7}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-select-hidden-label" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-select-select-hidden-label&#x2F;elements-select-select-hidden-label.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-select-hidden-label" title="Link to Pattern">
+						Select - Hidden label
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-select-hidden-label" data-patternpartial="elements-select-hidden-label" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-select-hidden-label">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<select class="elm-select "
+	 name="select14" id="select14"
+	
+	
+	
+	
+	>
+	
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select14" data-label-hidden="true">Devices</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-select-hidden-label" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a select element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select - Hidden label","patternPartial":"elements-select-hidden-label","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":8}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-tags" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-tags&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-tags">Tags</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h1>Variations/configurability</h1>
+<h2>Variant</h2>
+<h3>HTML attribute</h3>
+<p>You could set the different button variants via the <code>data-variant</code> attribute. These could be either one of the four feedback values, or the &quot;point of interest&quot; stylings.</p>
+<h2>Size</h2>
+<h3>SCSS (recommended)</h3>
+<p>Extend the size placeholder in case that you don't want the default (regular): <code>%size-Small</code></p>
+<h3>HTML attribute</h3>
+<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is &quot;regular&quot; and in that case is optional.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-tags" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-tags-tags&#x2F;elements-tags-tags.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-tags" title="Link to Pattern">
+						Tags
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-tags" data-patternpartial="elements-tags" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-tags">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<span class="elm-tag"
+	
+	
+	
+>Default</span>
+	<span class="elm-tag"
+		
+		 data-variant="light"
+		
+	>Light</span>
+	<span class="elm-tag"
+		
+		 data-variant="informative"
+		
+	>Informative</span>
+	<span class="elm-tag"
+		
+		 data-variant="success"
+		
+	>Success</span>
+	<span class="elm-tag"
+		
+		 data-variant="warning"
+		
+	>Warning</span>
+	<span class="elm-tag"
+		
+		 data-variant="error"
+		
+	>Error</span>
+	<span class="elm-tag"
+		
+		 data-variant="track"
+		
+	>Gl. 10</span>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+		<span class="elm-tag"
+			
+			 data-variant="poi-essen-trinken"
+			
+		>Essen &amp; Trinken</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-einkaufen"
+			
+		>Einkaufen</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-gesundheit"
+			
+		>Gesundheit</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-kunst-kultur"
+			
+		>Kunst &amp; Kultur</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-wissenswertes"
+			
+		>Wissenswertes</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-freizeit"
+			
+		>Freizeit</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-zivile-rel-einrichtungen"
+			
+		>Zivile &amp; reli. Einrichtungen</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-dienstleistungen"
+			
+		>Dienstleistungen</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-db-services-einrichtung"
+			
+		>DB Services &amp; Einrichtung</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-wegeleitung"
+			
+		>Wegeleitung</span>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-tags" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"tags"},"patternExtension":"hbs","patternName":"Tags","patternPartial":"elements-tags","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-tags-small" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-tags-tags-small&#x2F;elements-tags-tags-small.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-tags-small" title="Link to Pattern">
+						Tags Small
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-tags-small" data-patternpartial="elements-tags-small" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-tags-small">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<span class="elm-tag"
+	 data-size="small"
+	
+	
+>Default</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="light"
+		
+	>Light</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="informative"
+		
+	>Informative</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="success"
+		
+	>Success</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="warning"
+		
+	>Warning</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="error"
+		
+	>Error</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="track"
+		
+	>Gl. 10</span>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-essen-trinken"
+			
+		>Essen &amp; Trinken</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-einkaufen"
+			
+		>Einkaufen</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-gesundheit"
+			
+		>Gesundheit</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-kunst-kultur"
+			
+		>Kunst &amp; Kultur</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-wissenswertes"
+			
+		>Wissenswertes</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-freizeit"
+			
+		>Freizeit</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-zivile-rel-einrichtungen"
+			
+		>Zivile &amp; reli. Einrichtungen</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-dienstleistungen"
+			
+		>Dienstleistungen</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-db-services-einrichtung"
+			
+		>DB Services &amp; Einrichtung</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-wegeleitung"
+			
+		>Wegeleitung</span>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-tags-small" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"tags"},"patternExtension":"hbs","patternName":"Tags Small","patternPartial":"elements-tags-small","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-tags-with-icon" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-tags-tags-with-icon&#x2F;elements-tags-tags-with-icon.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-tags-with-icon" title="Link to Pattern">
+						Tags With Icon
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-tags-with-icon" data-patternpartial="elements-tags-with-icon" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-tags-with-icon">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<span class="elm-tag"
+	
+	
+	 data-icon="account"
+>Default</span>
+	<span class="elm-tag"
+		
+		 data-variant="light"
+		 data-icon="account"
+	>Light</span>
+	<span class="elm-tag"
+		
+		 data-variant="informative"
+		 data-icon="account"
+	>Informative</span>
+	<span class="elm-tag"
+		
+		 data-variant="success"
+		 data-icon="account"
+	>Success</span>
+	<span class="elm-tag"
+		
+		 data-variant="warning"
+		 data-icon="account"
+	>Warning</span>
+	<span class="elm-tag"
+		
+		 data-variant="error"
+		 data-icon="account"
+	>Error</span>
+	<span class="elm-tag"
+		
+		 data-variant="track"
+		 data-icon="account"
+	>Gl. 10</span>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-tags-with-icon" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"tags"},"patternExtension":"hbs","patternName":"Tags With Icon","patternPartial":"elements-tags-with-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-textarea" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-textarea&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-textarea">Textarea</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Form validation</h2>
+<p>Please have a look especially at the section for form validation within the overall <a href="../components-form/index.html">components/forms</a> page.</p>
+<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-textarea-variations" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-variations&#x2F;elements-textarea-textarea-variations.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-variations" title="Link to Pattern">
+						Textarea variations
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-variations" data-patternpartial="elements-textarea-variations" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-variations">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>semitransparent:</dt>
+	<dd><label class="elm-label" for="textarea16">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea16"
+	
+	
+	
+	
+	
+	 data-variant="semitransparent"></textarea>
+
+
+</dd>
+	<dt>white:</dt>
+	<dd><label class="elm-label" for="textarea17">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea17"
+	
+	
+	
+	
+	
+	 data-variant="white"></textarea>
+
+
+</dd>
+	<dt>solid:</dt>
+	<dd><label class="elm-label" for="textarea18">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea18"
+	
+	
+	
+	
+	
+	 data-variant="solid"></textarea>
+
+
+</dd>
+	<dt>outline:</dt>
+	<dd><label class="elm-label" for="textarea19">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea19"
+	
+	
+	
+	
+	
+	 data-variant="outline"></textarea>
+
+
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-variations" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-textarea","lineagePath":"../../patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html"}],"lineage":[{"lineagePattern":"elements-textarea","lineagePath":"../../patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea variations","patternPartial":"elements-textarea-variations","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea&#x2F;elements-textarea-textarea.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea" title="Link to Pattern">
+						Textarea
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea" data-patternpartial="elements-textarea" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea01">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea01"
+	
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea01.value=this.value.length+'/'+this.attributes.maxlength.value"
+	></textarea>
+<output for="textarea01" id="result_textarea01" anchor="textarea01"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-textarea-variations","lineagePath":"../../patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html"}],"lineageR":[{"lineagePattern":"elements-textarea-variations","lineagePath":"../../patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea","patternPartial":"elements-textarea","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":2}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-disabled&#x2F;elements-textarea-textarea-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-disabled" title="Link to Pattern">
+						Textarea Disabled
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-disabled" data-patternpartial="elements-textarea-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea07">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea07"
+	 disabled
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea07.value=this.value.length+'/'+this.attributes.maxlength.value"
+	></textarea>
+<output for="textarea07" id="result_textarea07" anchor="textarea07"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea Disabled","patternPartial":"elements-textarea-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-description" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-description&#x2F;elements-textarea-textarea-description.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-description" title="Link to Pattern">
+						Textarea with description
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-description" data-patternpartial="elements-textarea-description" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-description">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea02">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea02"
+	
+	 aria-describedby="textarea02hint"
+	
+	
+	 maxlength="200"
+	oninput="result_textarea02.value=this.value.length+'/'+this.attributes.maxlength.value"
+	></textarea>
+<output for="textarea02" id="result_textarea02" anchor="textarea02"></output>
+<p id="textarea02hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-description" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea with description","patternPartial":"elements-textarea-description","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-filled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-filled&#x2F;elements-textarea-textarea-filled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-filled" title="Link to Pattern">
+						Textarea filled with a value
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-filled" data-patternpartial="elements-textarea-filled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-filled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea03">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea03"
+	
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea03.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Textarea</textarea>
+<output for="textarea03" id="result_textarea03" anchor="textarea03"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-filled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea filled with a value","patternPartial":"elements-textarea-filled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":4}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-valid" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-valid&#x2F;elements-textarea-textarea-valid.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-valid" title="Link to Pattern">
+						Textarea - valid state
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-valid" data-patternpartial="elements-textarea-valid" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-valid">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea04">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea04"
+	
+	
+	 minlength="3" required
+	
+	 maxlength="200"
+	oninput="result_textarea04.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Valid input</textarea>
+<output for="textarea04" id="result_textarea04" anchor="textarea04"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-valid" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - valid state","patternPartial":"elements-textarea-valid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":5}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-invalid" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-invalid&#x2F;elements-textarea-textarea-invalid.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-invalid" title="Link to Pattern">
+						Textarea - invalid state (type in less than its minimum of 5 characters)
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-invalid" data-patternpartial="elements-textarea-invalid" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-invalid">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea05">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea05"
+	
+	
+	 minlength="5" required
+	
+	 maxlength="200"
+	oninput="result_textarea05.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Input</textarea>
+<output for="textarea05" id="result_textarea05" anchor="textarea05"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-invalid" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - invalid state (type in less than its minimum of 5 characters)","patternPartial":"elements-textarea-invalid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":6}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-invalid-attribute" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-invalid-attribute&#x2F;elements-textarea-textarea-invalid-attribute.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-invalid-attribute" title="Link to Pattern">
+						Textarea - Invalid state by HTML attribute
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-invalid-attribute" data-patternpartial="elements-textarea-invalid-attribute" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-invalid-attribute">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea06">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea06"
+	
+	
+	 minlength="5"
+	 aria-invalid="true"
+	 maxlength="200"
+	oninput="result_textarea06.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Input</textarea>
+<output for="textarea06" id="result_textarea06" anchor="textarea06"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-invalid-attribute" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Form validation</h2>\n<p>Please have a look especially at the section for form validation within the overall <a href=\"../components-form/index.html\">components/forms</a> page.</p>\n<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute\"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - Invalid state by HTML attribute","patternPartial":"elements-textarea-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":7}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-hidden-label" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-hidden-label&#x2F;elements-textarea-textarea-hidden-label.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-hidden-label" title="Link to Pattern">
+						Textarea - Hidden label
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-hidden-label" data-patternpartial="elements-textarea-hidden-label" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-hidden-label">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea08" data-label-hidden="true">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea08"
+	
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea08.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Input</textarea>
+<output for="textarea08" id="result_textarea08" anchor="textarea08"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-hidden-label" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a textarea element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - Hidden label","patternPartial":"elements-textarea-hidden-label","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":8}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-toggle" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-toggle&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-toggle">Toggle</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-toggle" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-toggle-toggle&#x2F;elements-toggle-toggle.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-toggle" title="Link to Pattern">
+						Toggle
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-toggle" data-patternpartial="elements-toggle" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-toggle">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle01"
+	
+	
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle01">Toggle</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-toggle" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>The tag pattern is often being misused as a regular form control or similar, in which it shouldn't be included.</p>\n<p>Here are some clear guidelines on when to use a toggle switch:</p>\n<p>Use a toggle switch if you are:</p>\n<ul>\n<li>Applying a system state, not a contextual one</li>\n<li>Presenting binary options, not opposing ones</li>\n<li>Activating a state, not performing an action</li>\n</ul>\n<p>Source and much more information: <a href=\"https://uxmovement.com/mobile/stop-misusing-toggle-switches/\">https://uxmovement.com/mobile/stop-misusing-toggle-switches/</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle","patternPartial":"elements-toggle","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-toggle-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-toggle-toggle-disabled&#x2F;elements-toggle-toggle-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-toggle-disabled" title="Link to Pattern">
+						Toggle Disabled
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-toggle-disabled" data-patternpartial="elements-toggle-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-toggle-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle05"
+	
+	 disabled
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle05">Toggle</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-toggle-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle Disabled","patternPartial":"elements-toggle-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-toggle-on" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-toggle-toggle-on&#x2F;elements-toggle-toggle-on.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-toggle-on" title="Link to Pattern">
+						Toggle On
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-toggle-on" data-patternpartial="elements-toggle-on" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-toggle-on">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle02"
+	 checked
+	
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle02">Toggle</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-toggle-on" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle On","patternPartial":"elements-toggle-on","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-toggle-on-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-toggle-toggle-on-disabled&#x2F;elements-toggle-toggle-on-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-toggle-on-disabled" title="Link to Pattern">
+						Toggle On Disabled
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-toggle-on-disabled" data-patternpartial="elements-toggle-on-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-toggle-on-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle06"
+	 checked
+	 disabled
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle06">Toggle</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-toggle-on-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle On Disabled","patternPartial":"elements-toggle-on-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"patternPartial":"viewall-elements-all"}
+</script>
+
+<script>
+  window.patternData = {"patternPartial":"viewall-elements-all"};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/pages-intro/pages-intro.hbs b/review/refactor-icon-update/patterns/pages-intro/pages-intro.hbs
new file mode 100644
index 0000000000..ac98c0b983
--- /dev/null
+++ b/review/refactor-icon-update/patterns/pages-intro/pages-intro.hbs
@@ -0,0 +1,55 @@
+<main>
+
+	<section>
+		{{> elements-image src="../../images/db-ui-core_logo.png" alt="" width="48" height="48" }}
+		{{> elements-headline type='1' text='DB UI Core' }}
+
+		{{{inline-remote-asset 'https://img.shields.io/badge/License-Apache_2.0-blue.svg' 'Apache 2.0 license badge' }}}
+		<a href="https://npmjs.com/package/@db-ui/core" target="_blank" rel="noopener noreferrer">{{{inline-remote-asset 'https://img.shields.io/npm/v/@db-ui/core.svg?color=rgb%28237%2C%2028%2C%2036%29' 'npm version' }}}</a>
+		{{{inline-remote-asset 'https://img.shields.io/badge/Based%20on-DB%20Design%20System%20UX%20Guides%20%2B%20Standards-d7dce1.svg' 'Based on DB UX Design System guidelines' }}}
+
+		<p lang="de">Personenverkehr und DB Systel führen ihre Design Systeme für Web in der Version 2.0 der Standard Web Components zusammen. Unser Ziel ist eine einheitliche Basis UX im Sinne der Modernen Ikone für Kunden und Mitarbeiteranwendungen. Um unser Design End 2 End von Konzeption über Design bis zur Implementierung konsistent zu halten, wird das DB UX Design System auch in Code von DB Systel und Reisendeninformation umgesetzt. Stay Tuned!</p>
+
+		<figure class="intro-quotation">
+			<blockquote>We’re not designing pages anymore. We’re designing systems of components.</blockquote>
+			<figcaption>{{> elements-link href="https://bradfrost.com/blog/post/bdconf-stephen-hay-presents-responsive-design-workflow/" target="_blank" rel="noopener noreferrer" value="Stephen Hay" title="Article on Stephen Hay presenting the responsive design workflow by Brad Frost" }}.
+				Quoted in a <cite>{{> elements-link href="https://vimeo.com/67476280" target="_blank" rel="noopener noreferrer" value="talk by Brad Frost" title="Video on vimeo of a talk by Brad Frost regarding responsive design" }} at beyond tellerrand conference</cite>.</figcaption>
+		</figure>
+
+		<p lang="de">Mit DB UI Core bieten wir robuste HTML UI Komponenten, wiederverwendbare visuelle Styles und mächtige Werkzeuge, um
+			vor allem Mitarbeitende der Bereiche Entwicklung, Konzeption&amp;Design und Content Pflege&amp;Produktion dabei zu unterstützen,
+			allerbeste digitale Erlebnisse zu erstellen und zu betreiben.</p>
+
+		<p lang="de">Damit unsere technischen Produkte einen möglichst gro&szlig;en Umfang an Nutzer:innen erreichen,
+			haben wir uns dazu entschlossen, die Majorität unserer Dokumentation in englischer Sprache zu verfassen,
+			die insbesondere im Bereich der technischen Entwicklung i.d.R. geläufig ist.</p>
+	</section>
+
+	<section>
+		{{> elements-headline type='2' text='Core principals' }}
+
+		{{> components-cards variant="banner" }}
+	</section>
+
+	<section>
+		{{> elements-headline type='2' text='How to use' }}
+		<p>For using DB UI Core, you need to install it as a dependency to your project and then link it within your HTML / CSS.<br>
+		Please have a look into the <a href="https://github.com/db-ui/core/tree/main/docs/getStarted.adoc" target="_blank" rel="noopener noreferrer">Docs / Get Started(docs)</a> for detailed instructions.<br>
+		In case that you're developing a JavaScript application, please have a look at <a href="https://db-ui.github.io/elements/" target="_blank">DB UI Elements</a>, that's based on DB UI Core and provides Web Components for easier integration into this tech context.</p>
+
+		{{> elements-headline type='2' text='More information' }}
+		<p>Additionally we'll provide some more information over time regrading the whole ecosystem:</p>
+		{{> components-link-list }}
+		{{! TODO: Introduce these links:
+				How to contribute
+				List of contributers
+			}}
+		{{> elements-headline type='2' text='Give us your feedback!' }}
+		<p>This is only the beta version of our framework and we really want your feedback - either within the {{> elements-link href="https://db.de/krnm74" value="DB UI Channel by Web Dev Community in Microsoft Teams (only available DB internally)" target="_blank" rel="noopener noreferrer" }}, or directly at {{> elements-link href="mailto:db-ux-designsystem@deutschebahn.com" value="db-ux-designsystem@deutschebahn.com" }}.<br>
+		We're particularly keen to add as many examples to the behaviours as possible, to further clarify them.</p>
+		{{> elements-headline type='2' text='Things to keep in mind' }}
+		{{> elements-headline type='3' text='Developed for and driven by the community' }}
+		<p>This is mainly a platform providing the space and technology for a common basis of curated components; their development is mainly driven by the community, adapted out of the work done in projects and through the huge amount of feedback that we're gaining out of the community. So please support us in any way possible, this is greatly appreciated!</p>
+	</section>
+</main>
+{{> areas-footer }}
diff --git a/review/refactor-icon-update/patterns/pages-intro/pages-intro.markup-only.html b/review/refactor-icon-update/patterns/pages-intro/pages-intro.markup-only.html
new file mode 100644
index 0000000000..275d4b4250
--- /dev/null
+++ b/review/refactor-icon-update/patterns/pages-intro/pages-intro.markup-only.html
@@ -0,0 +1,437 @@
+<main>
+
+	<section>
+		
+				<img src="../../images/db-ui-core_logo.png" alt="" width="48" height="48"
+					class="elm-image "  >
+		
+			
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h1 class="elm-headline ">DB UI Core</h1>
+
+		<img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI0IiBoZWlnaHQ9IjIwIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkxpY2Vuc2U6IEFwYWNoZSAyLjAiPjx0aXRsZT5MaWNlbnNlOiBBcGFjaGUgMi4wPC90aXRsZT48bGluZWFyR3JhZGllbnQgaWQ9InMiIHgyPSIwIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYmJiIiBzdG9wLW9wYWNpdHk9Ii4xIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9Ii4xIi8+PC9saW5lYXJHcmFkaWVudD48Y2xpcFBhdGggaWQ9InIiPjxyZWN0IHdpZHRoPSIxMjQiIGhlaWdodD0iMjAiIHJ4PSIzIiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjcikiPjxyZWN0IHdpZHRoPSI1MSIgaGVpZ2h0PSIyMCIgZmlsbD0iIzU1NSIvPjxyZWN0IHg9IjUxIiB3aWR0aD0iNzMiIGhlaWdodD0iMjAiIGZpbGw9IiMwMDdlYzYiLz48cmVjdCB3aWR0aD0iMTI0IiBoZWlnaHQ9IjIwIiBmaWxsPSJ1cmwoI3MpIi8+PC9nPjxnIGZpbGw9IiNmZmYiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJWZXJkYW5hLEdlbmV2YSxEZWphVnUgU2FucyxzYW5zLXNlcmlmIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBmb250LXNpemU9IjExMCI+PHRleHQgYXJpYS1oaWRkZW49InRydWUiIHg9IjI2NSIgeT0iMTUwIiBmaWxsPSIjMDEwMTAxIiBmaWxsLW9wYWNpdHk9Ii4zIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iNDEwIj5MaWNlbnNlPC90ZXh0Pjx0ZXh0IHg9IjI2NSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iNDEwIj5MaWNlbnNlPC90ZXh0Pjx0ZXh0IGFyaWEtaGlkZGVuPSJ0cnVlIiB4PSI4NjUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjYzMCI+QXBhY2hlIDIuMDwvdGV4dD48dGV4dCB4PSI4NjUiIHk9IjE0MCIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIGZpbGw9IiNmZmYiIHRleHRMZW5ndGg9IjYzMCI+QXBhY2hlIDIuMDwvdGV4dD48L2c+PC9zdmc+" width="124" height="20" alt="Apache 2.0 license badge">
+		<a href="https://npmjs.com/package/@db-ui/core" target="_blank" rel="noopener noreferrer"><img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODAiIGhlaWdodD0iMjAiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0ibnBtOiB2My4yLjciPjx0aXRsZT5ucG06IHYzLjIuNzwvdGl0bGU+PGxpbmVhckdyYWRpZW50IGlkPSJzIiB4Mj0iMCIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JiYiIgc3RvcC1vcGFjaXR5PSIuMSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIuMSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJyIj48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMjAiIHJ4PSIzIiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjcikiPjxyZWN0IHdpZHRoPSIzNSIgaGVpZ2h0PSIyMCIgZmlsbD0iIzU1NSIvPjxyZWN0IHg9IjM1IiB3aWR0aD0iNDUiIGhlaWdodD0iMjAiIGZpbGw9InJnYigyMzcsIDI4LCAzNikiLz48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMjAiIGZpbGw9InVybCgjcykiLz48L2c+PGcgZmlsbD0iI2ZmZiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IlZlcmRhbmEsR2VuZXZhLERlamFWdSBTYW5zLHNhbnMtc2VyaWYiIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGZvbnQtc2l6ZT0iMTEwIj48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMTg1IiB5PSIxNTAiIGZpbGw9IiMwMTAxMDEiIGZpbGwtb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSIyNTAiPm5wbTwvdGV4dD48dGV4dCB4PSIxODUiIHk9IjE0MCIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIGZpbGw9IiNmZmYiIHRleHRMZW5ndGg9IjI1MCI+bnBtPC90ZXh0Pjx0ZXh0IGFyaWEtaGlkZGVuPSJ0cnVlIiB4PSI1NjUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjM1MCI+djMuMi43PC90ZXh0Pjx0ZXh0IHg9IjU2NSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iMzUwIj52My4yLjc8L3RleHQ+PC9nPjwvc3ZnPg==" width="80" height="20" alt="npm version"></a>
+		<img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzA4IiBoZWlnaHQ9IjIwIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkJhc2VkIG9uOiBEQiBEZXNpZ24gU3lzdGVtIFVYIEd1aWRlcyArIFN0YW5kYXJkcyI+PHRpdGxlPkJhc2VkIG9uOiBEQiBEZXNpZ24gU3lzdGVtIFVYIEd1aWRlcyArIFN0YW5kYXJkczwvdGl0bGU+PGxpbmVhckdyYWRpZW50IGlkPSJzIiB4Mj0iMCIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JiYiIgc3RvcC1vcGFjaXR5PSIuMSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIuMSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJyIj48cmVjdCB3aWR0aD0iMzA4IiBoZWlnaHQ9IjIwIiByeD0iMyIgZmlsbD0iI2ZmZiIvPjwvY2xpcFBhdGg+PGcgY2xpcC1wYXRoPSJ1cmwoI3IpIj48cmVjdCB3aWR0aD0iNjEiIGhlaWdodD0iMjAiIGZpbGw9IiM1NTUiLz48cmVjdCB4PSI2MSIgd2lkdGg9IjI0NyIgaGVpZ2h0PSIyMCIgZmlsbD0iI2Q3ZGNlMSIvPjxyZWN0IHdpZHRoPSIzMDgiIGhlaWdodD0iMjAiIGZpbGw9InVybCgjcykiLz48L2c+PGcgZmlsbD0iI2ZmZiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IlZlcmRhbmEsR2VuZXZhLERlamFWdSBTYW5zLHNhbnMtc2VyaWYiIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGZvbnQtc2l6ZT0iMTEwIj48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMzE1IiB5PSIxNTAiIGZpbGw9IiMwMTAxMDEiIGZpbGwtb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSI1MTAiPkJhc2VkIG9uPC90ZXh0Pjx0ZXh0IHg9IjMxNSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iNTEwIj5CYXNlZCBvbjwvdGV4dD48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMTgzNSIgeT0iMTUwIiBmaWxsPSIjY2NjIiBmaWxsLW9wYWNpdHk9Ii4zIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iMjM3MCI+REIgRGVzaWduIFN5c3RlbSBVWCBHdWlkZXMgKyBTdGFuZGFyZHM8L3RleHQ+PHRleHQgeD0iMTgzNSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iIzMzMyIgdGV4dExlbmd0aD0iMjM3MCI+REIgRGVzaWduIFN5c3RlbSBVWCBHdWlkZXMgKyBTdGFuZGFyZHM8L3RleHQ+PC9nPjwvc3ZnPg==" width="308" height="20" alt="Based on DB UX Design System guidelines">
+
+		<p lang="de">Personenverkehr und DB Systel führen ihre Design Systeme für Web in der Version 2.0 der Standard Web Components zusammen. Unser Ziel ist eine einheitliche Basis UX im Sinne der Modernen Ikone für Kunden und Mitarbeiteranwendungen. Um unser Design End 2 End von Konzeption über Design bis zur Implementierung konsistent zu halten, wird das DB UX Design System auch in Code von DB Systel und Reisendeninformation umgesetzt. Stay Tuned!</p>
+
+		<figure class="intro-quotation">
+			<blockquote>We’re not designing pages anymore. We’re designing systems of components.</blockquote>
+			<figcaption><a
+	href="https://bradfrost.com/blog/post/bdconf-stephen-hay-presents-responsive-design-workflow/"
+	class="elm-link "
+	title="Article on Stephen Hay presenting the responsive design workflow by Brad Frost"
+	 rel="noopener noreferrer"
+	
+	
+	
+	
+	
+	
+	 target="_blank"
+	
+	
+	
+	
+	>Stephen Hay
+</a>
+.
+				Quoted in a <cite><a
+	href="https://vimeo.com/67476280"
+	class="elm-link "
+	title="Video on vimeo of a talk by Brad Frost regarding responsive design"
+	 rel="noopener noreferrer"
+	
+	
+	
+	
+	
+	
+	 target="_blank"
+	
+	
+	
+	
+	>talk by Brad Frost
+</a>
+ at beyond tellerrand conference</cite>.</figcaption>
+		</figure>
+
+		<p lang="de">Mit DB UI Core bieten wir robuste HTML UI Komponenten, wiederverwendbare visuelle Styles und mächtige Werkzeuge, um
+			vor allem Mitarbeitende der Bereiche Entwicklung, Konzeption&amp;Design und Content Pflege&amp;Produktion dabei zu unterstützen,
+			allerbeste digitale Erlebnisse zu erstellen und zu betreiben.</p>
+
+		<p lang="de">Damit unsere technischen Produkte einen möglichst gro&szlig;en Umfang an Nutzer:innen erreichen,
+			haben wir uns dazu entschlossen, die Majorität unserer Dokumentation in englischer Sprache zu verfassen,
+			die insbesondere im Bereich der technischen Entwicklung i.d.R. geläufig ist.</p>
+	</section>
+
+	<section>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Core principals</h2>
+
+		<ul class="cmp-cards">
+				<li class="cmp-card" data-variant="banner">
+					
+						<figure>
+								<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+									<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+								</svg>
+							<figcaption>
+								<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+								<h3 class="elm-headline">Consistent &amp; Compliant</h3>
+								<p>DB UI Core is based on the <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/Components" target="_blank">DB UX Design System</a>, that are the guidelines for any Personenverkehr Customer and Deutsche Bahn Enterprise website and web applications.</p>
+							</figcaption>
+						</figure>
+					
+				</li>
+				<li class="cmp-card" data-variant="banner">
+					
+						<figure>
+								<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+									<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+								</svg>
+							<figcaption>
+								<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+								<h3 class="elm-headline">Accessible</h3>
+								<p>DB UI Core leverages semantic HTML, ARIA roles, states and properties to apply our styles wherever possible, thus enforcing correct, accessible markup. And we're quality checking this in partnership with the <a href="https://db.de/8pei5n" target="_blank" rel="noopener noreferrer">Team Digital Accessibility</a></p>
+							</figcaption>
+						</figure>
+					
+				</li>
+				<li class="cmp-card" data-variant="banner">
+					
+						<figure>
+								<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+									<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+								</svg>
+							<figcaption>
+								<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+								<h3 class="elm-headline">Declarative</h3>
+								<p>DB UI Core uses declarative selectors instead of visual helpers to ensure our HTML class names and structure are human read- and understandable, lean, performant and so much easier to update.</p>
+							</figcaption>
+						</figure>
+					
+				</li>
+				<li class="cmp-card" data-variant="banner">
+					
+						<figure>
+								<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+									<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+								</svg>
+							<figcaption>
+								<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+								<h3 class="elm-headline">Decoupled</h3>
+								<p>DB UI Core is decoupled from the JavaScript layer, to implement the patterns in any Web Development technology context; and we're providing universal Web Components and native JS framework components with <a href="https://db-ui.github.io/elements/" target="_blank">DB UI Elements</a> as well.</p>
+							</figcaption>
+						</figure>
+					
+				</li>
+				<li class="cmp-card" data-variant="banner">
+					
+						<figure>
+								<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+									<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+								</svg>
+							<figcaption>
+								<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+								<h3 class="elm-headline">Evergreen</h3>
+								<p>As <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/Components" target="_blank">DB UX Design System</a> evolves, so does DB UI Core, meaning apps only need to keep their DB UI Core package updated to ensure the latest look and feel.</p>
+							</figcaption>
+						</figure>
+					
+				</li>
+				<li class="cmp-card" data-variant="banner">
+					
+						<figure>
+								<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+									<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+								</svg>
+							<figcaption>
+								<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+								<h3 class="elm-headline">Community driven</h3>
+								<p>A platform providing the space and technology for a common basis of curated components; their development is mainly driven by the community, adapted out of the work done in projects and through the huge amount of feedback.</p>
+							</figcaption>
+						</figure>
+					
+				</li>
+		</ul>
+	</section>
+
+	<section>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">How to use</h2>
+		<p>For using DB UI Core, you need to install it as a dependency to your project and then link it within your HTML / CSS.<br>
+		Please have a look into the <a href="https://github.com/db-ui/core/tree/main/docs/getStarted.adoc" target="_blank" rel="noopener noreferrer">Docs / Get Started(docs)</a> for detailed instructions.<br>
+		In case that you're developing a JavaScript application, please have a look at <a href="https://db-ui.github.io/elements/" target="_blank">DB UI Elements</a>, that's based on DB UI Core and provides Web Components for easier integration into this tech context.</p>
+
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">More information</h2>
+		<p>Additionally we'll provide some more information over time regrading the whole ecosystem:</p>
+		<ul class="cmp-link-list">
+				<li><a
+			href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/Components"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>DB UX Design System documentation within the DB Marketingportal (german)
+		</a>
+		</li>
+				<li><a
+			href="https://db.de/pu8moh"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>Confluence / Base Wiki - "Technische Umsetzung des Enterprise UI Design Systems" (german, only available internally)
+		</a>
+		</li>
+				<li><a
+			href="https://db.de/1tyr73"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>Confluence - Web UI Component Library (only available internally)
+		</a>
+		</li>
+				<li><a
+			href="https://github.com/db-ui/core/blob/main/CHANGELOG.md"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>Changelog
+		</a>
+		</li>
+				<li><a
+			href="https://github.com/db-ui/core/tree/main/docs/adr"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>Architectural Decision Records
+		</a>
+		</li>
+				<li><a
+			href="https://github.com/db-ui/core/"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>GitHub - DB UI Core
+		</a>
+		</li>
+				<li><a
+			href="https://db.de/4cwtyn/"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>DB UI Core 1.x Gitlab repository (only accessible internally)
+		</a>
+		</li>
+		</ul>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Give us your feedback!</h2>
+		<p>This is only the beta version of our framework and we really want your feedback - either within the <a
+	href="https://db.de/krnm74"
+	class="elm-link "
+	title="Title text"
+	 rel="noopener noreferrer"
+	
+	
+	
+	
+	
+	
+	 target="_blank"
+	
+	
+	
+	
+	>DB UI Channel by Web Dev Community in Microsoft Teams (only available DB internally)
+</a>
+, or directly at <a
+	href="mailto:db-ux-designsystem@deutschebahn.com"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>db-ux-designsystem@deutschebahn.com
+</a>
+.<br>
+		We're particularly keen to add as many examples to the behaviours as possible, to further clarify them.</p>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Things to keep in mind</h2>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h3 class="elm-headline ">Developed for and driven by the community</h3>
+		<p>This is mainly a platform providing the space and technology for a common basis of curated components; their development is mainly driven by the community, adapted out of the work done in projects and through the huge amount of feedback that we're gaining out of the community. So please support us in any way possible, this is greatly appreciated!</p>
+	</section>
+</main>
+<footer class="rea-footer ">
+	<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="https://db-ui.github.io/datenschutzerklaerung.html"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					 lang="de"
+					 hreflang="de"
+					 target="_blank"
+					
+					
+					
+					
+					>Datenschutzerklärung (Data privacy)
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://www.dbsystel.de/dbsystel-en/legal-3715942"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>Imprint
+				</a>
+			</li>
+			<li>
+				<a
+					href="mailto:db-ux-designsystem@deutschebahn.com"
+					class="elm-link "
+					title=""
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Contact
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>About us
+				</a>
+			</li>
+	</ul>
+	Copyright 2024 DB Systel
+</footer>
diff --git a/review/refactor-icon-update/patterns/pages-intro/pages-intro.rendered.html b/review/refactor-icon-update/patterns/pages-intro/pages-intro.rendered.html
new file mode 100644
index 0000000000..1067b6347a
--- /dev/null
+++ b/review/refactor-icon-update/patterns/pages-intro/pages-intro.rendered.html
@@ -0,0 +1,554 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="tpl-intro">
+<main>
+
+	<section>
+		
+				<img src="../../images/db-ui-core_logo.png" alt="" width="48" height="48"
+					class="elm-image "  >
+		
+			
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h1 class="elm-headline ">DB UI Core</h1>
+
+		<img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI0IiBoZWlnaHQ9IjIwIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkxpY2Vuc2U6IEFwYWNoZSAyLjAiPjx0aXRsZT5MaWNlbnNlOiBBcGFjaGUgMi4wPC90aXRsZT48bGluZWFyR3JhZGllbnQgaWQ9InMiIHgyPSIwIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYmJiIiBzdG9wLW9wYWNpdHk9Ii4xIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9Ii4xIi8+PC9saW5lYXJHcmFkaWVudD48Y2xpcFBhdGggaWQ9InIiPjxyZWN0IHdpZHRoPSIxMjQiIGhlaWdodD0iMjAiIHJ4PSIzIiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjcikiPjxyZWN0IHdpZHRoPSI1MSIgaGVpZ2h0PSIyMCIgZmlsbD0iIzU1NSIvPjxyZWN0IHg9IjUxIiB3aWR0aD0iNzMiIGhlaWdodD0iMjAiIGZpbGw9IiMwMDdlYzYiLz48cmVjdCB3aWR0aD0iMTI0IiBoZWlnaHQ9IjIwIiBmaWxsPSJ1cmwoI3MpIi8+PC9nPjxnIGZpbGw9IiNmZmYiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJWZXJkYW5hLEdlbmV2YSxEZWphVnUgU2FucyxzYW5zLXNlcmlmIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBmb250LXNpemU9IjExMCI+PHRleHQgYXJpYS1oaWRkZW49InRydWUiIHg9IjI2NSIgeT0iMTUwIiBmaWxsPSIjMDEwMTAxIiBmaWxsLW9wYWNpdHk9Ii4zIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iNDEwIj5MaWNlbnNlPC90ZXh0Pjx0ZXh0IHg9IjI2NSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iNDEwIj5MaWNlbnNlPC90ZXh0Pjx0ZXh0IGFyaWEtaGlkZGVuPSJ0cnVlIiB4PSI4NjUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjYzMCI+QXBhY2hlIDIuMDwvdGV4dD48dGV4dCB4PSI4NjUiIHk9IjE0MCIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIGZpbGw9IiNmZmYiIHRleHRMZW5ndGg9IjYzMCI+QXBhY2hlIDIuMDwvdGV4dD48L2c+PC9zdmc+" width="124" height="20" alt="Apache 2.0 license badge">
+		<a href="https://npmjs.com/package/@db-ui/core" target="_blank" rel="noopener noreferrer"><img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODAiIGhlaWdodD0iMjAiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0ibnBtOiB2My4yLjciPjx0aXRsZT5ucG06IHYzLjIuNzwvdGl0bGU+PGxpbmVhckdyYWRpZW50IGlkPSJzIiB4Mj0iMCIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JiYiIgc3RvcC1vcGFjaXR5PSIuMSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIuMSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJyIj48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMjAiIHJ4PSIzIiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjcikiPjxyZWN0IHdpZHRoPSIzNSIgaGVpZ2h0PSIyMCIgZmlsbD0iIzU1NSIvPjxyZWN0IHg9IjM1IiB3aWR0aD0iNDUiIGhlaWdodD0iMjAiIGZpbGw9InJnYigyMzcsIDI4LCAzNikiLz48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMjAiIGZpbGw9InVybCgjcykiLz48L2c+PGcgZmlsbD0iI2ZmZiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IlZlcmRhbmEsR2VuZXZhLERlamFWdSBTYW5zLHNhbnMtc2VyaWYiIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGZvbnQtc2l6ZT0iMTEwIj48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMTg1IiB5PSIxNTAiIGZpbGw9IiMwMTAxMDEiIGZpbGwtb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSIyNTAiPm5wbTwvdGV4dD48dGV4dCB4PSIxODUiIHk9IjE0MCIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIGZpbGw9IiNmZmYiIHRleHRMZW5ndGg9IjI1MCI+bnBtPC90ZXh0Pjx0ZXh0IGFyaWEtaGlkZGVuPSJ0cnVlIiB4PSI1NjUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjM1MCI+djMuMi43PC90ZXh0Pjx0ZXh0IHg9IjU2NSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iMzUwIj52My4yLjc8L3RleHQ+PC9nPjwvc3ZnPg==" width="80" height="20" alt="npm version"></a>
+		<img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzA4IiBoZWlnaHQ9IjIwIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkJhc2VkIG9uOiBEQiBEZXNpZ24gU3lzdGVtIFVYIEd1aWRlcyArIFN0YW5kYXJkcyI+PHRpdGxlPkJhc2VkIG9uOiBEQiBEZXNpZ24gU3lzdGVtIFVYIEd1aWRlcyArIFN0YW5kYXJkczwvdGl0bGU+PGxpbmVhckdyYWRpZW50IGlkPSJzIiB4Mj0iMCIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JiYiIgc3RvcC1vcGFjaXR5PSIuMSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIuMSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJyIj48cmVjdCB3aWR0aD0iMzA4IiBoZWlnaHQ9IjIwIiByeD0iMyIgZmlsbD0iI2ZmZiIvPjwvY2xpcFBhdGg+PGcgY2xpcC1wYXRoPSJ1cmwoI3IpIj48cmVjdCB3aWR0aD0iNjEiIGhlaWdodD0iMjAiIGZpbGw9IiM1NTUiLz48cmVjdCB4PSI2MSIgd2lkdGg9IjI0NyIgaGVpZ2h0PSIyMCIgZmlsbD0iI2Q3ZGNlMSIvPjxyZWN0IHdpZHRoPSIzMDgiIGhlaWdodD0iMjAiIGZpbGw9InVybCgjcykiLz48L2c+PGcgZmlsbD0iI2ZmZiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IlZlcmRhbmEsR2VuZXZhLERlamFWdSBTYW5zLHNhbnMtc2VyaWYiIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGZvbnQtc2l6ZT0iMTEwIj48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMzE1IiB5PSIxNTAiIGZpbGw9IiMwMTAxMDEiIGZpbGwtb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSI1MTAiPkJhc2VkIG9uPC90ZXh0Pjx0ZXh0IHg9IjMxNSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iNTEwIj5CYXNlZCBvbjwvdGV4dD48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMTgzNSIgeT0iMTUwIiBmaWxsPSIjY2NjIiBmaWxsLW9wYWNpdHk9Ii4zIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iMjM3MCI+REIgRGVzaWduIFN5c3RlbSBVWCBHdWlkZXMgKyBTdGFuZGFyZHM8L3RleHQ+PHRleHQgeD0iMTgzNSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iIzMzMyIgdGV4dExlbmd0aD0iMjM3MCI+REIgRGVzaWduIFN5c3RlbSBVWCBHdWlkZXMgKyBTdGFuZGFyZHM8L3RleHQ+PC9nPjwvc3ZnPg==" width="308" height="20" alt="Based on DB UX Design System guidelines">
+
+		<p lang="de">Personenverkehr und DB Systel führen ihre Design Systeme für Web in der Version 2.0 der Standard Web Components zusammen. Unser Ziel ist eine einheitliche Basis UX im Sinne der Modernen Ikone für Kunden und Mitarbeiteranwendungen. Um unser Design End 2 End von Konzeption über Design bis zur Implementierung konsistent zu halten, wird das DB UX Design System auch in Code von DB Systel und Reisendeninformation umgesetzt. Stay Tuned!</p>
+
+		<figure class="intro-quotation">
+			<blockquote>We’re not designing pages anymore. We’re designing systems of components.</blockquote>
+			<figcaption><a
+	href="https://bradfrost.com/blog/post/bdconf-stephen-hay-presents-responsive-design-workflow/"
+	class="elm-link "
+	title="Article on Stephen Hay presenting the responsive design workflow by Brad Frost"
+	 rel="noopener noreferrer"
+	
+	
+	
+	
+	
+	
+	 target="_blank"
+	
+	
+	
+	
+	>Stephen Hay
+</a>
+.
+				Quoted in a <cite><a
+	href="https://vimeo.com/67476280"
+	class="elm-link "
+	title="Video on vimeo of a talk by Brad Frost regarding responsive design"
+	 rel="noopener noreferrer"
+	
+	
+	
+	
+	
+	
+	 target="_blank"
+	
+	
+	
+	
+	>talk by Brad Frost
+</a>
+ at beyond tellerrand conference</cite>.</figcaption>
+		</figure>
+
+		<p lang="de">Mit DB UI Core bieten wir robuste HTML UI Komponenten, wiederverwendbare visuelle Styles und mächtige Werkzeuge, um
+			vor allem Mitarbeitende der Bereiche Entwicklung, Konzeption&amp;Design und Content Pflege&amp;Produktion dabei zu unterstützen,
+			allerbeste digitale Erlebnisse zu erstellen und zu betreiben.</p>
+
+		<p lang="de">Damit unsere technischen Produkte einen möglichst gro&szlig;en Umfang an Nutzer:innen erreichen,
+			haben wir uns dazu entschlossen, die Majorität unserer Dokumentation in englischer Sprache zu verfassen,
+			die insbesondere im Bereich der technischen Entwicklung i.d.R. geläufig ist.</p>
+	</section>
+
+	<section>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Core principals</h2>
+
+		<ul class="cmp-cards">
+				<li class="cmp-card" data-variant="banner">
+					
+						<figure>
+								<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+									<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+								</svg>
+							<figcaption>
+								<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+								<h3 class="elm-headline">Consistent &amp; Compliant</h3>
+								<p>DB UI Core is based on the <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/Components" target="_blank">DB UX Design System</a>, that are the guidelines for any Personenverkehr Customer and Deutsche Bahn Enterprise website and web applications.</p>
+							</figcaption>
+						</figure>
+					
+				</li>
+				<li class="cmp-card" data-variant="banner">
+					
+						<figure>
+								<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+									<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+								</svg>
+							<figcaption>
+								<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+								<h3 class="elm-headline">Accessible</h3>
+								<p>DB UI Core leverages semantic HTML, ARIA roles, states and properties to apply our styles wherever possible, thus enforcing correct, accessible markup. And we're quality checking this in partnership with the <a href="https://db.de/8pei5n" target="_blank" rel="noopener noreferrer">Team Digital Accessibility</a></p>
+							</figcaption>
+						</figure>
+					
+				</li>
+				<li class="cmp-card" data-variant="banner">
+					
+						<figure>
+								<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+									<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+								</svg>
+							<figcaption>
+								<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+								<h3 class="elm-headline">Declarative</h3>
+								<p>DB UI Core uses declarative selectors instead of visual helpers to ensure our HTML class names and structure are human read- and understandable, lean, performant and so much easier to update.</p>
+							</figcaption>
+						</figure>
+					
+				</li>
+				<li class="cmp-card" data-variant="banner">
+					
+						<figure>
+								<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+									<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+								</svg>
+							<figcaption>
+								<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+								<h3 class="elm-headline">Decoupled</h3>
+								<p>DB UI Core is decoupled from the JavaScript layer, to implement the patterns in any Web Development technology context; and we're providing universal Web Components and native JS framework components with <a href="https://db-ui.github.io/elements/" target="_blank">DB UI Elements</a> as well.</p>
+							</figcaption>
+						</figure>
+					
+				</li>
+				<li class="cmp-card" data-variant="banner">
+					
+						<figure>
+								<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+									<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+								</svg>
+							<figcaption>
+								<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+								<h3 class="elm-headline">Evergreen</h3>
+								<p>As <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/Components" target="_blank">DB UX Design System</a> evolves, so does DB UI Core, meaning apps only need to keep their DB UI Core package updated to ensure the latest look and feel.</p>
+							</figcaption>
+						</figure>
+					
+				</li>
+				<li class="cmp-card" data-variant="banner">
+					
+						<figure>
+								<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+									<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+								</svg>
+							<figcaption>
+								<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+								<h3 class="elm-headline">Community driven</h3>
+								<p>A platform providing the space and technology for a common basis of curated components; their development is mainly driven by the community, adapted out of the work done in projects and through the huge amount of feedback.</p>
+							</figcaption>
+						</figure>
+					
+				</li>
+		</ul>
+	</section>
+
+	<section>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">How to use</h2>
+		<p>For using DB UI Core, you need to install it as a dependency to your project and then link it within your HTML / CSS.<br>
+		Please have a look into the <a href="https://github.com/db-ui/core/tree/main/docs/getStarted.adoc" target="_blank" rel="noopener noreferrer">Docs / Get Started(docs)</a> for detailed instructions.<br>
+		In case that you're developing a JavaScript application, please have a look at <a href="https://db-ui.github.io/elements/" target="_blank">DB UI Elements</a>, that's based on DB UI Core and provides Web Components for easier integration into this tech context.</p>
+
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">More information</h2>
+		<p>Additionally we'll provide some more information over time regrading the whole ecosystem:</p>
+		<ul class="cmp-link-list">
+				<li><a
+			href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/Components"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>DB UX Design System documentation within the DB Marketingportal (german)
+		</a>
+		</li>
+				<li><a
+			href="https://db.de/pu8moh"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>Confluence / Base Wiki - "Technische Umsetzung des Enterprise UI Design Systems" (german, only available internally)
+		</a>
+		</li>
+				<li><a
+			href="https://db.de/1tyr73"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>Confluence - Web UI Component Library (only available internally)
+		</a>
+		</li>
+				<li><a
+			href="https://github.com/db-ui/core/blob/main/CHANGELOG.md"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>Changelog
+		</a>
+		</li>
+				<li><a
+			href="https://github.com/db-ui/core/tree/main/docs/adr"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>Architectural Decision Records
+		</a>
+		</li>
+				<li><a
+			href="https://github.com/db-ui/core/"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>GitHub - DB UI Core
+		</a>
+		</li>
+				<li><a
+			href="https://db.de/4cwtyn/"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>DB UI Core 1.x Gitlab repository (only accessible internally)
+		</a>
+		</li>
+		</ul>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Give us your feedback!</h2>
+		<p>This is only the beta version of our framework and we really want your feedback - either within the <a
+	href="https://db.de/krnm74"
+	class="elm-link "
+	title="Title text"
+	 rel="noopener noreferrer"
+	
+	
+	
+	
+	
+	
+	 target="_blank"
+	
+	
+	
+	
+	>DB UI Channel by Web Dev Community in Microsoft Teams (only available DB internally)
+</a>
+, or directly at <a
+	href="mailto:db-ux-designsystem@deutschebahn.com"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>db-ux-designsystem@deutschebahn.com
+</a>
+.<br>
+		We're particularly keen to add as many examples to the behaviours as possible, to further clarify them.</p>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Things to keep in mind</h2>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h3 class="elm-headline ">Developed for and driven by the community</h3>
+		<p>This is mainly a platform providing the space and technology for a common basis of curated components; their development is mainly driven by the community, adapted out of the work done in projects and through the huge amount of feedback that we're gaining out of the community. So please support us in any way possible, this is greatly appreciated!</p>
+	</section>
+</main>
+<footer class="rea-footer ">
+	<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="https://db-ui.github.io/datenschutzerklaerung.html"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					 lang="de"
+					 hreflang="de"
+					 target="_blank"
+					
+					
+					
+					
+					>Datenschutzerklärung (Data privacy)
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://www.dbsystel.de/dbsystel-en/legal-3715942"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>Imprint
+				</a>
+			</li>
+			<li>
+				<a
+					href="mailto:db-ux-designsystem@deutschebahn.com"
+					class="elm-link "
+					title=""
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Contact
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>About us
+				</a>
+			</li>
+	</ul>
+	Copyright 2024 DB Systel
+</footer>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-image","lineagePath":"../../patterns/elements-image-image/elements-image-image.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-cards","lineagePath":"../../patterns/components-cards-cards/components-cards-cards.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"areas-footer","lineagePath":"../../patterns/areas-footer-footer/areas-footer-footer.rendered.html","lineageState":"inprogress"}],"lineage":[{"lineagePattern":"elements-image","lineagePath":"../../patterns/elements-image-image/elements-image-image.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-cards","lineagePath":"../../patterns/components-cards-cards/components-cards-cards.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"areas-footer","lineagePath":"../../patterns/areas-footer-footer/areas-footer-footer.rendered.html","lineageState":"inprogress"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"pages","patternSubgroup":""},"patternExtension":"hbs","patternName":"Intro","patternPartial":"pages-intro","patternState":"inevaluation","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-image","lineagePath":"../../patterns/elements-image-image/elements-image-image.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-cards","lineagePath":"../../patterns/components-cards-cards/components-cards-cards.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"areas-footer","lineagePath":"../../patterns/areas-footer-footer/areas-footer-footer.rendered.html","lineageState":"inprogress"}],"lineage":[{"lineagePattern":"elements-image","lineagePath":"../../patterns/elements-image-image/elements-image-image.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-cards","lineagePath":"../../patterns/components-cards-cards/components-cards-cards.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"areas-footer","lineagePath":"../../patterns/areas-footer-footer/areas-footer-footer.rendered.html","lineageState":"inprogress"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"pages","patternSubgroup":""},"patternExtension":"hbs","patternName":"Intro","patternPartial":"pages-intro","patternState":"inevaluation","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/patterns/pages-sample-page/pages-sample-page.hbs b/review/refactor-icon-update/patterns/pages-sample-page/pages-sample-page.hbs
new file mode 100644
index 0000000000..806e4262d2
--- /dev/null
+++ b/review/refactor-icon-update/patterns/pages-sample-page/pages-sample-page.hbs
@@ -0,0 +1,43 @@
+{{> areas-header }}
+<main class="rea-main">
+
+	{{> elements-headline type='1' text='Dies ist eine Headline' }}
+	<p>{{ excerpt.long }}</p>
+
+	<div class="rea-grid">
+		<!--
+		// jscpd:ignore-start
+		-->
+		<div>
+			{{> elements-headline type='2' text='Dies ist eine Headline' }}
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, {{> elements-link href="#" value="sed diam nonumy eirmod" }} tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, {{> elements-link href="#" value="sed diam nonumy eirmod" }} tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong></p>
+
+			{{> elements-headline type='3' text='Dies ist eine Sub-Headline' }}
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, {{> elements-link href="#" value="sed diam nonumy eirmod" }} tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, {{> elements-link href="#" value="sed diam nonumy eirmod" }} tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong></p>
+		</div>
+		<div>
+			{{> elements-headline type='2' text='Dies ist eine Headline' }}
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, {{> elements-link href="#" value="sed diam nonumy eirmod" }} tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, {{> elements-link href="#" value="sed diam nonumy eirmod" }} tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong></p>
+
+			{{> elements-headline type='3' text='Dies ist eine Sub-Headline' }}
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, {{> elements-link href="#" value="sed diam nonumy eirmod" }} tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, {{> elements-link href="#" value="sed diam nonumy eirmod" }} tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong></p>
+		</div>
+		<div>
+			{{> elements-headline type='2' text='Dies ist eine Headline' }}
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, {{> elements-link href="#" value="sed diam nonumy eirmod" }} tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, {{> elements-link href="#" value="sed diam nonumy eirmod" }} tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong></p>
+
+			{{> elements-headline type='3' text='Dies ist eine Sub-Headline' }}
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, {{> elements-link href="#" value="sed diam nonumy eirmod" }} tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, {{> elements-link href="#" value="sed diam nonumy eirmod" }} tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong></p>
+		</div>
+		<!--
+		// jscpd:ignore-end
+		-->
+	</div>
+</main>
+{{> areas-footer }}
diff --git a/review/refactor-icon-update/patterns/pages-sample-page/pages-sample-page.markup-only.html b/review/refactor-icon-update/patterns/pages-sample-page/pages-sample-page.markup-only.html
new file mode 100644
index 0000000000..d92e5de190
--- /dev/null
+++ b/review/refactor-icon-update/patterns/pages-sample-page/pages-sample-page.markup-only.html
@@ -0,0 +1,894 @@
+<header class="rea-header">
+	<nav class="cmp-mainnavigation" id="mainnavigation">
+		<input type="checkbox" id="toggle_mainnavigation">
+		<label for="toggle_mainnavigation" title="Toggle main navigation" class="is-site-name">UI Core</label>
+		<ul>
+			<li aria-haspopup="true">
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="index"
+					
+					
+					
+					
+					
+					
+					
+					 aria-current="page"
+					
+					
+					
+					>Startseite
+				</a>
+	
+				<ul>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="index"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 01
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 03
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 04
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 05
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 06
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 07
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 08
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 09
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="offers"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 02
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 03
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li>
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="news"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 03
+							</a>
+	
+						</li>
+				</ul>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="offers"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Aufträge
+				</a>
+	
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="news"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>News
+				</a>
+	
+			</li>
+		</ul>
+	</nav>
+
+	<div class="cmp-brand">
+		<a href="#" title="Home" rel="home">
+			
+					<img src="../../images/db_logo.svg" alt="Deutsche Bahn Logo" width="" height=""
+						class="elm-image is-logo"   elementtiming="logo" >
+			
+				
+		</a>
+		<span class="is-site-name">UI Core</span>
+	</div>
+
+	<div class="rea-meta">
+		<form class="cmp-sitesearch" action="#" method="post" role="search">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+			<input type="search"
+				class="elm-input "
+				placeholder="Suchen …"
+				name="id-0f89a4ec-5a31-492f-a4c6-1f4909a664e2"
+				id="id-0f89a4ec-5a31-492f-a4c6-1f4909a664e2"
+				
+				value=""
+				
+				
+				
+				
+				aria-labelledby="id-0f89a4ec-5a31-492f-a4c6-1f4909a664e2-label"
+				
+				>
+			<label class="elm-label"
+				for="id-0f89a4ec-5a31-492f-a4c6-1f4909a664e2"
+				aria-hidden="true"
+				id="id-0f89a4ec-5a31-492f-a4c6-1f4909a664e2-label"
+				>Suche</label>
+			
+			
+			
+			<button class="elm-button "
+				
+				
+				title="Title text"
+				type="submit"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Suchen
+			</button>
+		</form>
+		<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="configuration"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Einstellungen
+				</a>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="messages"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Nachrichten
+				</a>
+			</li>
+		</ul>
+		
+		<ul class="cmp-language-switcher">
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="English language"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="en"
+						
+						
+						
+						
+						
+						>EN
+					</a>
+			</li>
+			<li aria-current="page">
+					<a
+						href="#"
+						class="elm-link "
+						title="Deutsche Sprache"
+						 rel="bookmark"
+						
+						
+						
+						
+						
+						 hreflang="de"
+						
+						
+						
+						
+						
+						>DE
+					</a>
+			</li>
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="Langue française"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="fr"
+						
+						
+						
+						
+						
+						>FR
+					</a>
+			</li>
+		</ul>
+			<a
+				href="#"
+				class="elm-link "
+				title="Title text"
+				 rel="account"
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				>Login
+			</a>
+	</div>
+</header>
+<main class="rea-main">
+
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h1 class="elm-headline ">Dies ist eine Headline</h1>
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+	<div class="rea-grid">
+		<!--
+		// jscpd:ignore-start
+		-->
+		<div>
+			<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+			<h2 class="elm-headline ">Dies ist eine Headline</h2>
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong></p>
+
+			<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+			<h3 class="elm-headline ">Dies ist eine Sub-Headline</h3>
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong></p>
+		</div>
+		<div>
+			<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+			<h2 class="elm-headline ">Dies ist eine Headline</h2>
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong></p>
+
+			<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+			<h3 class="elm-headline ">Dies ist eine Sub-Headline</h3>
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong></p>
+		</div>
+		<div>
+			<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+			<h2 class="elm-headline ">Dies ist eine Headline</h2>
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong></p>
+
+			<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+			<h3 class="elm-headline ">Dies ist eine Sub-Headline</h3>
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong></p>
+		</div>
+		<!--
+		// jscpd:ignore-end
+		-->
+	</div>
+</main>
+<footer class="rea-footer ">
+	<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="https://db-ui.github.io/datenschutzerklaerung.html"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					 lang="de"
+					 hreflang="de"
+					 target="_blank"
+					
+					
+					
+					
+					>Datenschutzerklärung (Data privacy)
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://www.dbsystel.de/dbsystel-en/legal-3715942"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>Imprint
+				</a>
+			</li>
+			<li>
+				<a
+					href="mailto:db-ux-designsystem@deutschebahn.com"
+					class="elm-link "
+					title=""
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Contact
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>About us
+				</a>
+			</li>
+	</ul>
+	Copyright 2024 DB Systel
+</footer>
diff --git a/review/refactor-icon-update/patterns/pages-sample-page/pages-sample-page.rendered.html b/review/refactor-icon-update/patterns/pages-sample-page/pages-sample-page.rendered.html
new file mode 100644
index 0000000000..4061cd455f
--- /dev/null
+++ b/review/refactor-icon-update/patterns/pages-sample-page/pages-sample-page.rendered.html
@@ -0,0 +1,1011 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="">
+<header class="rea-header">
+	<nav class="cmp-mainnavigation" id="mainnavigation">
+		<input type="checkbox" id="toggle_mainnavigation">
+		<label for="toggle_mainnavigation" title="Toggle main navigation" class="is-site-name">UI Core</label>
+		<ul>
+			<li aria-haspopup="true">
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="index"
+					
+					
+					
+					
+					
+					
+					
+					 aria-current="page"
+					
+					
+					
+					>Startseite
+				</a>
+	
+				<ul>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="index"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 01
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 03
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 04
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 05
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 06
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 07
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 08
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 09
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="offers"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 02
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 03
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li>
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="news"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 03
+							</a>
+	
+						</li>
+				</ul>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="offers"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Aufträge
+				</a>
+	
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="news"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>News
+				</a>
+	
+			</li>
+		</ul>
+	</nav>
+
+	<div class="cmp-brand">
+		<a href="#" title="Home" rel="home">
+			
+					<img src="../../images/db_logo.svg" alt="Deutsche Bahn Logo" width="" height=""
+						class="elm-image is-logo"   elementtiming="logo" >
+			
+				
+		</a>
+		<span class="is-site-name">UI Core</span>
+	</div>
+
+	<div class="rea-meta">
+		<form class="cmp-sitesearch" action="#" method="post" role="search">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+			<input type="search"
+				class="elm-input "
+				placeholder="Suchen …"
+				name="id-0f89a4ec-5a31-492f-a4c6-1f4909a664e2"
+				id="id-0f89a4ec-5a31-492f-a4c6-1f4909a664e2"
+				
+				value=""
+				
+				
+				
+				
+				aria-labelledby="id-0f89a4ec-5a31-492f-a4c6-1f4909a664e2-label"
+				
+				>
+			<label class="elm-label"
+				for="id-0f89a4ec-5a31-492f-a4c6-1f4909a664e2"
+				aria-hidden="true"
+				id="id-0f89a4ec-5a31-492f-a4c6-1f4909a664e2-label"
+				>Suche</label>
+			
+			
+			
+			<button class="elm-button "
+				
+				
+				title="Title text"
+				type="submit"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Suchen
+			</button>
+		</form>
+		<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="configuration"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Einstellungen
+				</a>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="messages"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Nachrichten
+				</a>
+			</li>
+		</ul>
+		
+		<ul class="cmp-language-switcher">
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="English language"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="en"
+						
+						
+						
+						
+						
+						>EN
+					</a>
+			</li>
+			<li aria-current="page">
+					<a
+						href="#"
+						class="elm-link "
+						title="Deutsche Sprache"
+						 rel="bookmark"
+						
+						
+						
+						
+						
+						 hreflang="de"
+						
+						
+						
+						
+						
+						>DE
+					</a>
+			</li>
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="Langue française"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="fr"
+						
+						
+						
+						
+						
+						>FR
+					</a>
+			</li>
+		</ul>
+			<a
+				href="#"
+				class="elm-link "
+				title="Title text"
+				 rel="account"
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				>Login
+			</a>
+	</div>
+</header>
+<main class="rea-main">
+
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h1 class="elm-headline ">Dies ist eine Headline</h1>
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+	<div class="rea-grid">
+		<!--
+		// jscpd:ignore-start
+		-->
+		<div>
+			<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+			<h2 class="elm-headline ">Dies ist eine Headline</h2>
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong></p>
+
+			<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+			<h3 class="elm-headline ">Dies ist eine Sub-Headline</h3>
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong></p>
+		</div>
+		<div>
+			<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+			<h2 class="elm-headline ">Dies ist eine Headline</h2>
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong></p>
+
+			<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+			<h3 class="elm-headline ">Dies ist eine Sub-Headline</h3>
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong></p>
+		</div>
+		<div>
+			<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+			<h2 class="elm-headline ">Dies ist eine Headline</h2>
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong></p>
+
+			<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+			<h3 class="elm-headline ">Dies ist eine Sub-Headline</h3>
+
+			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>sed diam nonumy eirmod
+</a>
+ tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est <strong>Lorem ipsum dolor sit amet.</strong></p>
+		</div>
+		<!--
+		// jscpd:ignore-end
+		-->
+	</div>
+</main>
+<footer class="rea-footer ">
+	<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="https://db-ui.github.io/datenschutzerklaerung.html"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					 lang="de"
+					 hreflang="de"
+					 target="_blank"
+					
+					
+					
+					
+					>Datenschutzerklärung (Data privacy)
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://www.dbsystel.de/dbsystel-en/legal-3715942"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>Imprint
+				</a>
+			</li>
+			<li>
+				<a
+					href="mailto:db-ux-designsystem@deutschebahn.com"
+					class="elm-link "
+					title=""
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Contact
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>About us
+				</a>
+			</li>
+	</ul>
+	Copyright 2024 DB Systel
+</footer>
+		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"areas-header","lineagePath":"../../patterns/areas-header-header/areas-header-header.rendered.html","lineageState":"inprogress"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"areas-footer","lineagePath":"../../patterns/areas-footer-footer/areas-footer-footer.rendered.html","lineageState":"inprogress"}],"lineage":[{"lineagePattern":"areas-header","lineagePath":"../../patterns/areas-header-header/areas-header-header.rendered.html","lineageState":"inprogress"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"areas-footer","lineagePath":"../../patterns/areas-footer-footer/areas-footer-footer.rendered.html","lineageState":"inprogress"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"pages","patternSubgroup":""},"patternExtension":"hbs","patternName":"Sample Page","patternPartial":"pages-sample-page","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+</script>
+
+<script>
+  window.patternData = {"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"areas-header","lineagePath":"../../patterns/areas-header-header/areas-header-header.rendered.html","lineageState":"inprogress"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"areas-footer","lineagePath":"../../patterns/areas-footer-footer/areas-footer-footer.rendered.html","lineageState":"inprogress"}],"lineage":[{"lineagePattern":"areas-header","lineagePath":"../../patterns/areas-header-header/areas-header-header.rendered.html","lineageState":"inprogress"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"areas-footer","lineagePath":"../../patterns/areas-footer-footer/areas-footer-footer.rendered.html","lineageState":"inprogress"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"pages","patternSubgroup":""},"patternExtension":"hbs","patternName":"Sample Page","patternPartial":"pages-sample-page","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/samples/images/header_image_0.guetzli.2x.jpg b/review/refactor-icon-update/samples/images/header_image_0.guetzli.2x.jpg
new file mode 100644
index 0000000000..2b968349c8
Binary files /dev/null and b/review/refactor-icon-update/samples/images/header_image_0.guetzli.2x.jpg differ
diff --git a/review/refactor-icon-update/samples/images/header_image_0.guetzli.3x.jpg b/review/refactor-icon-update/samples/images/header_image_0.guetzli.3x.jpg
new file mode 100644
index 0000000000..ac8b027f77
Binary files /dev/null and b/review/refactor-icon-update/samples/images/header_image_0.guetzli.3x.jpg differ
diff --git a/review/refactor-icon-update/samples/images/header_image_0.guetzli.jpg b/review/refactor-icon-update/samples/images/header_image_0.guetzli.jpg
new file mode 100644
index 0000000000..b370ef7a5d
Binary files /dev/null and b/review/refactor-icon-update/samples/images/header_image_0.guetzli.jpg differ
diff --git a/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.avif b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.avif
new file mode 100644
index 0000000000..4b2183a0a4
Binary files /dev/null and b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.avif differ
diff --git a/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.avif.license b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.avif.license
new file mode 100644
index 0000000000..6286ade09a
--- /dev/null
+++ b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.avif.license
@@ -0,0 +1,3 @@
+retrieved from URL: https://unsplash.com/photos/-UZa949e8LE
+
+Unsplash license: https://unsplash.com/license
diff --git a/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.mozjpeg.jpg b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.mozjpeg.jpg
new file mode 100644
index 0000000000..af8fb1e0a7
Binary files /dev/null and b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.mozjpeg.jpg differ
diff --git a/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.mozjpeg.jpg.license b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.mozjpeg.jpg.license
new file mode 100644
index 0000000000..6286ade09a
--- /dev/null
+++ b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.mozjpeg.jpg.license
@@ -0,0 +1,3 @@
+retrieved from URL: https://unsplash.com/photos/-UZa949e8LE
+
+Unsplash license: https://unsplash.com/license
diff --git a/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.webp b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.webp
new file mode 100644
index 0000000000..ad5f90ac22
Binary files /dev/null and b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.webp differ
diff --git a/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.webp.license b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.webp.license
new file mode 100644
index 0000000000..6286ade09a
--- /dev/null
+++ b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.webp.license
@@ -0,0 +1,3 @@
+retrieved from URL: https://unsplash.com/photos/-UZa949e8LE
+
+Unsplash license: https://unsplash.com/license
diff --git a/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.avif b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.avif
new file mode 100644
index 0000000000..b7dab206ee
Binary files /dev/null and b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.avif differ
diff --git a/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.avif.license b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.avif.license
new file mode 100644
index 0000000000..6286ade09a
--- /dev/null
+++ b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.avif.license
@@ -0,0 +1,3 @@
+retrieved from URL: https://unsplash.com/photos/-UZa949e8LE
+
+Unsplash license: https://unsplash.com/license
diff --git a/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg
new file mode 100644
index 0000000000..ecf9aa4dac
Binary files /dev/null and b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg differ
diff --git a/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg.license b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg.license
new file mode 100644
index 0000000000..6286ade09a
--- /dev/null
+++ b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg.license
@@ -0,0 +1,3 @@
+retrieved from URL: https://unsplash.com/photos/-UZa949e8LE
+
+Unsplash license: https://unsplash.com/license
diff --git a/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.webp b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.webp
new file mode 100644
index 0000000000..09dd8507f2
Binary files /dev/null and b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.webp differ
diff --git a/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.webp.license b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.webp.license
new file mode 100644
index 0000000000..6286ade09a
--- /dev/null
+++ b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.webp.license
@@ -0,0 +1,3 @@
+retrieved from URL: https://unsplash.com/photos/-UZa949e8LE
+
+Unsplash license: https://unsplash.com/license
diff --git a/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.avif b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.avif
new file mode 100644
index 0000000000..ba079589f7
Binary files /dev/null and b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.avif differ
diff --git a/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.avif.license b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.avif.license
new file mode 100644
index 0000000000..6286ade09a
--- /dev/null
+++ b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.avif.license
@@ -0,0 +1,3 @@
+retrieved from URL: https://unsplash.com/photos/-UZa949e8LE
+
+Unsplash license: https://unsplash.com/license
diff --git a/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.mozjpeg.jpg b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.mozjpeg.jpg
new file mode 100644
index 0000000000..97093eb750
Binary files /dev/null and b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.mozjpeg.jpg differ
diff --git a/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.mozjpeg.jpg.license b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.mozjpeg.jpg.license
new file mode 100644
index 0000000000..6286ade09a
--- /dev/null
+++ b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.mozjpeg.jpg.license
@@ -0,0 +1,3 @@
+retrieved from URL: https://unsplash.com/photos/-UZa949e8LE
+
+Unsplash license: https://unsplash.com/license
diff --git a/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.webp b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.webp
new file mode 100644
index 0000000000..a1bb6116c5
Binary files /dev/null and b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.webp differ
diff --git a/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.webp.license b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.webp.license
new file mode 100644
index 0000000000..6286ade09a
--- /dev/null
+++ b/review/refactor-icon-update/samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.webp.license
@@ -0,0 +1,3 @@
+retrieved from URL: https://unsplash.com/photos/-UZa949e8LE
+
+Unsplash license: https://unsplash.com/license
diff --git a/review/refactor-icon-update/sitemap.xml b/review/refactor-icon-update/sitemap.xml
new file mode 100644
index 0000000000..85fba4f35e
--- /dev/null
+++ b/review/refactor-icon-update/sitemap.xml
@@ -0,0 +1,7 @@
+<?xml version='1.0' encoding='UTF-8'?><urlset xmlns='http://www.sitemaps.org/schemas/sitemap/0.9'>
+<url><loc>https://db-ui.github.io/core/patterns/pages-intro/pages-intro.rendered.html</loc></url>
+<url><loc>https://db-ui.github.io/core/patterns/base-colors/index.html</loc></url>
+<url><loc>https://db-ui.github.io/core/patterns/base-icons/index.html</loc></url>
+<url><loc>https://db-ui.github.io/core/patterns/base-type/index.html</loc></url>
+<url><loc>https://db-ui.github.io/core/patterns/elements/index.html</loc></url>
+<url><loc>https://db-ui.github.io/core/patterns/components/index.html</loc></url></urlset>
diff --git a/review/refactor-icon-update/styleguide/css/pattern-lab.css b/review/refactor-icon-update/styleguide/css/pattern-lab.css
new file mode 100644
index 0000000000..4e7125e908
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/css/pattern-lab.css
@@ -0,0 +1 @@
+@charset "UTF-8";.pl-c-body *{-webkit-box-sizing:border-box;box-sizing:border-box}button[class|=pl-c]{font-size:inherit;background-color:transparent}.pl-c-html{min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.pl-c-body{margin:0;padding:0;width:100%;-webkit-text-size-adjust:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.pl-c-body--theme-dark,:root{--theme-bg:#161b3c;--theme-primary:#464a6d;--theme-secondary:#161f50;--theme-text:white;--theme-text-rgb:255,255,255;--theme-border:rgba(255, 255, 255, 0.2)}.pl-c-body--theme-light{--theme-bg:white;--theme-secondary:white;--theme-text:#262829;--theme-text-rgb:38,40,41;--theme-primary:white;--theme-border:#ddd}.pl-c-tabs__panel pre[class*=language-]{background-image:-webkit-gradient(linear,left top, right top,from(#fff),to(rgba(255,255,255,0))),-webkit-gradient(linear,right top, left top,from(#fff),to(rgba(255,255,255,0))),-webkit-gradient(linear,left top, right top,from(#eaf0f6),to(rgba(238,238,238,0))),-webkit-gradient(linear,right top, left top,from(#eaf0f6),to(rgba(238,238,238,0))),-webkit-gradient(linear,left top, left bottom,from(#fff),to(rgba(255,255,255,0))),-webkit-gradient(linear,left bottom, left top,from(#fff),to(rgba(255,255,255,0))),-webkit-gradient(linear,left top, left bottom,from(#eaf0f6),to(rgba(238,238,238,0))),-webkit-gradient(linear,left bottom, left top,from(#eaf0f6),to(rgba(238,238,238,0)));background-image:linear-gradient(to right,#fff,rgba(255,255,255,0)),linear-gradient(to left,#fff,rgba(255,255,255,0)),linear-gradient(to right,#eaf0f6,rgba(238,238,238,0)),linear-gradient(to left,#eaf0f6,rgba(238,238,238,0)),linear-gradient(to bottom,#fff,rgba(255,255,255,0)),linear-gradient(to top,#fff,rgba(255,255,255,0)),linear-gradient(to bottom,#eaf0f6,rgba(238,238,238,0)),linear-gradient(to top,#eaf0f6,rgba(238,238,238,0));background-color:#fff;background-attachment:local,local,scroll,scroll,local,local,scroll,scroll;background-position:0 0,100% 0,0 0,100% 0,0 0,0 100%,0 0,0 100%;background-size:4em 100%,4em 100%,1em 100%,1em 100%,100% 4em,100% 4em,100% 1em,100% 1em;background-repeat:no-repeat;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;overflow:auto;max-height:100%}.pl-c-tabs__panel code[class*=language-],.pl-c-tabs__panel pre[class*=language-]{color:#000;text-shadow:0 1px #fff;font-family:Consolas,Monaco,"Andale Mono",monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}.pl-c-tabs__panel code[class*=language-] ::-moz-selection,.pl-c-tabs__panel code[class*=language-]::-moz-selection,.pl-c-tabs__panel pre[class*=language-] ::-moz-selection,.pl-c-tabs__panel pre[class*=language-]::-moz-selection{text-shadow:none;background-color:#b3d4fc}.pl-c-tabs__panel code[class*=language-] ::-moz-selection, .pl-c-tabs__panel code[class*=language-]::-moz-selection, .pl-c-tabs__panel pre[class*=language-] ::-moz-selection, .pl-c-tabs__panel pre[class*=language-]::-moz-selection{text-shadow:none;background-color:#b3d4fc}.pl-c-tabs__panel code[class*=language-] ::selection,.pl-c-tabs__panel code[class*=language-]::selection,.pl-c-tabs__panel pre[class*=language-] ::selection,.pl-c-tabs__panel pre[class*=language-]::selection{text-shadow:none;background-color:#b3d4fc}@media print{.pl-c-tabs__panel code[class*=language-],.pl-c-tabs__panel pre[class*=language-]{text-shadow:none}}.pl-c-tabs__panel pre[class*=language-]{padding:1em;margin:.5em 0;overflow:scroll}.pl-c-tabs__panel :not(pre)>code[class*=language-],.pl-c-tabs__panel pre[class*=language-]{background-color:#f5f2f0}.pl-c-tabs__panel :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.pl-c-tabs__panel .token.cdata,.pl-c-tabs__panel .token.comment,.pl-c-tabs__panel .token.doctype,.pl-c-tabs__panel .token.prolog{color:#708090}.pl-c-tabs__panel .token.punctuation{color:#999}.pl-c-tabs__panel .namespace{opacity:.7}.pl-c-tabs__panel .token.boolean,.pl-c-tabs__panel .token.constant,.pl-c-tabs__panel .token.deleted,.pl-c-tabs__panel .token.number,.pl-c-tabs__panel .token.property,.pl-c-tabs__panel .token.symbol,.pl-c-tabs__panel .token.tag{color:#905}.pl-c-tabs__panel .token.attr-name,.pl-c-tabs__panel .token.builtin,.pl-c-tabs__panel .token.char,.pl-c-tabs__panel .token.inserted,.pl-c-tabs__panel .token.selector,.pl-c-tabs__panel .token.string{color:#690}.pl-c-tabs__panel .language-css .token.string,.pl-c-tabs__panel .style .token.string,.pl-c-tabs__panel .token.entity,.pl-c-tabs__panel .token.operator,.pl-c-tabs__panel .token.url{color:#a67f59;background-color:rgba(255,255,255,.5)}.pl-c-tabs__panel .token.atrule,.pl-c-tabs__panel .token.attr-value,.pl-c-tabs__panel .token.keyword{color:#07a}.pl-c-tabs__panel .token.function{color:#dd4a68}.pl-c-tabs__panel .token.important,.pl-c-tabs__panel .token.regex,.pl-c-tabs__panel .token.variable{color:#e90}.pl-c-tabs__panel .token.bold,.pl-c-tabs__panel .token.important{font-weight:700}.pl-c-tabs__panel .token.italic{font-style:italic}.pl-c-tabs__panel .token.entity{cursor:help}.pl-c-tabs__panel pre.line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}.pl-c-tabs__panel pre.line-numbers>code{position:relative}.pl-c-tabs__panel .line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-c-tabs__panel .line-numbers-rows>span{pointer-events:none;display:block;counter-increment:linenumber}.pl-c-tabs__panel .line-numbers-rows>span::before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}.pl-c-tabs__panel .token a{color:inherit}pl-nav{background-color:inherit;display:block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media all and (min-width:42em){pl-nav{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex}}.pl-c-body--theme-sidebar pl-nav{display:block;max-height:100%;overflow-y:scroll}.pl-c-nav{overflow:hidden;max-height:0;-webkit-transition:all .1s ease-out;transition:all .1s ease-out;background-color:inherit;position:absolute;left:0;top:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:max-height .1s ease-out;transition:max-height .1s ease-out;-ms-flex-negative:1;flex-shrink:1;visibility:hidden;-webkit-transition:opacity 0 .2s ease-out,-webkit-transform .2s ease-out;transition:opacity 0 .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,opacity 0 .2s ease-out;transition:transform .2s ease-out,opacity 0 .2s ease-out,-webkit-transform .2s ease-out}.pl-c-nav.pl-is-active{max-height:calc(95vh - 2rem - 1rem);max-height:calc(var(--pl-viewport-height,calc(95vh - 2rem)) - 1rem);overflow:auto;-webkit-overflow-scrolling:touch}@media all and (max-width:42em){.pl-c-nav{position:fixed;top:44px;bottom:0;height:auto;z-index:-1}}.pl-c-nav.pl-is-active{visibility:visible;opacity:1}.pl-c-body--theme-sidebar .pl-c-nav{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;visibility:visible;-ms-flex-negative:0;flex-shrink:0}@media all and (min-height:500px){.pl-c-body--theme-sidebar .pl-c-nav{-ms-flex-negative:1;flex-shrink:1}}@media all and (max-width:42em){.pl-c-body--theme-sidebar .pl-c-nav{max-width:240px;position:fixed;top:44px;bottom:0;height:auto;max-height:calc(100% - 2rem);overflow:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;-webkit-box-shadow:0 3px 6px rgba(21,22,25,.16),0 3px 6px rgba(21,22,25,.23);box-shadow:0 3px 6px rgba(21,22,25,.16),0 3px 6px rgba(21,22,25,.23);visibility:visible}.pl-c-body--theme-sidebar .pl-c-nav.pl-is-active{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out, -webkit-transform .2s ease-out}}@media all and (max-width:42em){.pl-c-nav.is-open{padding-top:1rem;padding-bottom:1rem}}@media all and (min-width:42em){.pl-c-nav{overflow:visible;max-height:none;visibility:visible}.pl-c-nav.is-open{overflow:visible}}@media all and (max-width:41em){.pl-c-nav.is-open{-webkit-box-shadow:0 2px 4px #000;box-shadow:0 2px 4px #000}.pl-c-body--theme-light .pl-c-nav.is-open{-webkit-box-shadow:0 2px 4px #a6a6a6;box-shadow:0 2px 4px #a6a6a6}}@media all and (min-width:42em){.pl-c-nav.is-open{max-height:none}}@media all and (min-width:42em){.pl-c-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative;top:auto;width:auto;-webkit-box-shadow:none;box-shadow:none}}.pl-c-nav__link{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;text-decoration:none;line-height:1;padding:.7rem .5rem;border:0;text-align:left;-webkit-transition:background-color .1s ease-out,color .1s ease-out;transition:background-color .1s ease-out,color .1s ease-out;cursor:pointer;border:0;text-align:left;text-decoration:none;cursor:pointer;outline:0;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;color:inherit;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;padding:.6rem .6rem;-ms-flex-preferred-size:calc(100% - 2.5rem);flex-basis:calc(100% - 2.5rem);position:relative;height:var(--nav-item-height,auto)}.pl-c-nav__link.pl-is-active:hover,.pl-c-nav__link:hover{background-color:rgba(0,0,0,.1)}.pl-c-body--theme-density-cozy .pl-c-nav__link{font-size:.85rem;padding:1.2rem .8rem}.pl-c-body--theme-density-comfortable .pl-c-nav__link{font-size:.85rem;padding:1.5rem 1rem}.pl-c-nav__link::after{content:"";pointer-events:none;opacity:0;background-color:currentColor;-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out;position:absolute;top:0;left:0;bottom:0;right:0;display:block}.pl-c-nav__link:hover::after{opacity:.1}.pl-c-nav__link:focus::after{opacity:.1}.pl-c-nav__link:focus{outline-offset:-1px;outline:1px dotted}.pl-c-body--theme-sidebar .pl-c-nav__link--level-0{padding-left:1.45rem}@media all and (max-width:42em){.pl-c-nav__link--level-0{padding-left:1.45rem}}.pl-c-nav__link--level-1{padding-left:1.5rem;font-size:.85rem}.pl-c-nav__link--level-2{font-size:.825rem;padding-left:2.25rem}.pl-c-nav__link--title{font-size:.8rem;color:#ccc;color:var(--theme-text,#ccc)}.pl-c-nav__link--title>.pl-c-nav__link-icon{font-size:inherit}.pl-c-body--theme-light .pl-c-nav__link--title{color:#000;color:var(--theme-text)}.pl-c-nav__link.is-active:not(.pl-c-nav__link--title){-webkit-box-shadow:inset 4px 0 0 #6c79d9;box-shadow:inset 4px 0 0 #6c79d9}@media all and (min-width:42em){.pl-c-body--theme-horizontal .pl-c-nav__link.is-active:not(.pl-c-nav__link--title).pl-c-nav__link--level-0{-webkit-box-shadow:inset 0 -4px 0 #6c79d9;box-shadow:inset 0 -4px 0 #6c79d9}}.pl-c-nav__link-text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pl-c-nav__link-icon{margin-top:-.5rem;margin-bottom:-.5rem;pointer-events:none;color:currentColor;display:inline;-webkit-transition:all .1s ease-out;transition:all .1s ease-out;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;line-height:0;font-size:1.3rem}.pl-c-nav__link.is-open>.pl-c-nav__link-icon,.pl-c-nav__link.is-open~.pl-c-nav__link>.pl-c-nav__link-icon{-webkit-transform:rotate(0);transform:rotate(0)}.pl-c-nav__link:first-child:not(.is-open)~.pl-c-nav__list--panel .pl-c-nav__link{visibility:hidden}.is-open~.pl-c-nav__list--panel .pl-c-nav__link{visibility:visible}.pl-c-nav__link--icon-only{position:relative;width:2.5rem!important;height:2.5rem!important;padding:0!important;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0;-ms-flex-preferred-size:2.5rem;flex-basis:2.5rem;right:0;border:2px solid transparent!important;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:currentColor}.pl-c-nav__link--icon-only::before{opacity:.1;right:2.4rem;width:1px;left:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pl-c-nav__link--icon-only::after{opacity:0;width:2.5rem;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.pl-c-nav__link--icon-only::after,.pl-c-nav__link--icon-only::before{height:2.5rem;-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out;content:"";display:block;position:absolute;top:50%;background-color:currentColor}.pl-c-nav__link--icon-only:hover::after,.pl-c-nav__link--icon-only:hover:focus::after{opacity:.1}.pl-c-nav__link--icon-only:focus{outline-offset:-1px;outline:1px dotted}.pl-c-nav__list{z-index:1;margin:0;padding:0;list-style:none;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:100%;max-width:100%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;background-color:inherit}@media all and (min-width:42em){.pl-c-nav__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.pl-c-nav__list-item{background-color:inherit;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-flow:row wrap;flex-flow:row wrap;width:100%}@media all and (min-width:42em){.pl-c-nav__dropdown{position:absolute;top:100%;left:0;min-width:14rem;border-radius:6px;border-style:solid;border-width:1px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1);-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transform:translateY(-12px);transform:translateY(-12px);z-index:1;-webkit-transition:all .1s ease-out;transition:all .1s ease-out}.pl-c-body--theme-sidebar .pl-c-nav__dropdown{position:relative}}.pl-c-body--theme-light .pl-c-nav__dropdown{border-color:rgba(0,0,0,.2)}.pl-c-body--theme-dark .pl-c-nav__dropdown{border-color:rgba(255,255,255,.2)}.pl-c-body--theme-sidebar .pl-c-nav__dropdown{border-width:0;-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0}.pl-c-nav__accordion{background-color:inherit;list-style:none;margin:0;padding:0;overflow:hidden;max-height:0;-webkit-transition:all .1s ease-out;transition:all .1s ease-out;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;opacity:0;visibility:hidden}.pl-c-nav__accordion.pl-is-active{max-height:calc(95vh - 2rem - 1rem);max-height:calc(var(--pl-viewport-height,calc(95vh - 2rem)) - 1rem);overflow:auto;-webkit-overflow-scrolling:touch}.is-open~.pl-c-nav__accordion{visibility:visible;max-height:none;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.pl-c-body--theme-horizontal .is-open~.pl-c-nav__accordion{overflow:auto}@media all and (min-width:42em){.pl-c-body--theme-horizontal .is-open~.pl-c-nav__accordion{max-height:calc(100vh - 2rem - 2rem)}}pl-search{background-color:inherit;top:0;-ms-flex-negative:0;flex-shrink:0;padding:.4rem .5rem;display:inline-block;-ms-flex-item-align:stretch;align-self:stretch;-webkit-transition:all .2s ease;transition:all .2s ease}@media screen and (min-width:42em){pl-search{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:1;flex-shrink:1;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-ms-flex-item-align:center;align-self:center}pl-search:focus-within{-ms-flex-negative:0.5;flex-shrink:0.5}.pl-c-body--theme-sidebar pl-search{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:0;width:100%;margin-bottom:.5rem}}.pl-c-typeahead{width:100%;background-color:inherit;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;z-index:10;text-transform:capitalize;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fafafa;position:relative}.pl-c-body--theme-light .pl-c-typeahead{color:#222}@media screen and (min-width:42em){.pl-c-typeahead{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.pl-c-body--theme-sidebar .pl-c-typeahead{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.pl-c-typeahead__hint{top:0;left:0;right:0;width:100%}.pl-c-typeahead__hint,.pl-c-typeahead__input{text-transform:capitalize;background-color:#222;color:#fff;background-color:rgba(var(--theme-text-rgb),.05);color:rgba(var(--theme-text-rgb),.67);border-color:rgba(0,0,0,.1);border-color:rgba(var(--theme-text-rgb),.17);text-overflow:ellipsis;border-width:1px;border-style:solid;-webkit-transition:all .1s ease;transition:all .1s ease;max-width:100%;padding:.4rem .5rem;font-size:16px;width:100%;outline-offset:-3px;outline-width:2px;border-radius:3px;-webkit-appearance:none}@media all and (min-width:900px){.pl-c-typeahead__hint,.pl-c-typeahead__input{font-size:inherit}}.pl-c-typeahead__hint::-ms-clear,.pl-c-typeahead__input::-ms-clear{display:none}.pl-c-body--theme-sidebar .pl-c-typeahead__hint,.pl-c-body--theme-sidebar .pl-c-typeahead__input{border-radius:0}.pl-c-typeahead__input-wrapper--with-clear-button .pl-c-typeahead__hint,.pl-c-typeahead__input-wrapper--with-clear-button .pl-c-typeahead__input{padding-right:1.7rem}@media all and (min-width:42em){.pl-c-typeahead__input-wrapper--with-clear-button .pl-c-typeahead__hint,.pl-c-typeahead__input-wrapper--with-clear-button .pl-c-typeahead__input{padding-right:1.4rem}}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-typeahead__hint,.pl-c-body--theme-sidebar .pl-c-typeahead__input{max-width:none}}.pl-c-body--theme-light .pl-c-typeahead__hint,.pl-c-body--theme-light .pl-c-typeahead__input{background-color:#eee;background-color:rgba(var(--theme-text-rgb),.05);color:#4d4c4c;color:rgba(var(--theme-text-rgb),.67)}.pl-c-body--theme-light .pl-c-typeahead__hint::-webkit-input-placeholder,.pl-c-body--theme-light .pl-c-typeahead__input::-webkit-input-placeholder{color:#000!important;-webkit-transition:all .1s ease;transition:all .1s ease}.pl-c-body--theme-light .pl-c-typeahead__hint::-moz-input-placeholder,.pl-c-body--theme-light .pl-c-typeahead__input::-moz-input-placeholder{color:#000!important;-moz-transition:all .1s ease;transition:all .1s ease}.pl-c-typeahead__hint::-webkit-input-placeholder,.pl-c-typeahead__input::-webkit-input-placeholder{color:#fff!important;-webkit-transition:all .1s ease;transition:all .1s ease}.pl-c-typeahead__hint::-moz-input-placeholder,.pl-c-typeahead__input::-moz-input-placeholder{color:#fff!important;-moz-transition:all .1s ease;transition:all .1s ease}.pl-c-typeahead__hint:focus,.pl-c-typeahead__hint:hover,.pl-c-typeahead__input:focus,.pl-c-typeahead__input:hover{color:#fff}.pl-c-body--theme-light .pl-c-typeahead__hint:focus,.pl-c-body--theme-light .pl-c-typeahead__hint:hover,.pl-c-body--theme-light .pl-c-typeahead__input:focus,.pl-c-body--theme-light .pl-c-typeahead__input:hover{color:#222!important}.pl-c-typeahead__hint:focus::-moz-input-placeholder,.pl-c-typeahead__hint:focus::-webkit-input-placeholder,.pl-c-typeahead__hint:hover::-moz-input-placeholder,.pl-c-typeahead__hint:hover::-webkit-input-placeholder,.pl-c-typeahead__input:focus::-moz-input-placeholder,.pl-c-typeahead__input:focus::-webkit-input-placeholder,.pl-c-typeahead__input:hover::-moz-input-placeholder,.pl-c-typeahead__input:hover::-webkit-input-placeholder{color:#fff!important}.pl-c-body--theme-light .pl-c-typeahead__hint:focus::-moz-input-placeholder,.pl-c-body--theme-light .pl-c-typeahead__hint:focus::-webkit-input-placeholder,.pl-c-body--theme-light .pl-c-typeahead__hint:hover::-moz-input-placeholder,.pl-c-body--theme-light .pl-c-typeahead__hint:hover::-webkit-input-placeholder,.pl-c-body--theme-light .pl-c-typeahead__input:focus::-moz-input-placeholder,.pl-c-body--theme-light .pl-c-typeahead__input:focus::-webkit-input-placeholder,.pl-c-body--theme-light .pl-c-typeahead__input:hover::-moz-input-placeholder,.pl-c-body--theme-light .pl-c-typeahead__input:hover::-webkit-input-placeholder{color:#222!important}.pl-c-typeahead__menu{overflow:hidden;max-height:0;-webkit-transition:all .1s ease-out;transition:all .1s ease-out;background-color:#222;background-color:var(--theme-primary);color:var(--theme-text);text-transform:capitalize;position:absolute;min-width:100%;width:100%;overflow:hidden;top:100%;right:0;max-height:0;display:block!important;-webkit-transition:max-height .3s ease,opacity .3s ease;transition:max-height .3s ease,opacity .3s ease;opacity:0}.pl-c-typeahead__menu.pl-is-active{max-height:calc(95vh - 2rem - 1rem);max-height:calc(var(--pl-viewport-height,calc(95vh - 2rem)) - 1rem);overflow:auto;-webkit-overflow-scrolling:touch}@media all and (min-width:42em){.pl-c-typeahead__menu{border-bottom-right-radius:6px;border-bottom-left-radius:6px}}.pl-c-body--theme-light .pl-c-typeahead__menu{background-color:#fafafa}.pl-c-typeahead__menu.pl-is-open{max-height:90vh;overflow:auto;opacity:1}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-typeahead__menu{position:relative!important;border-radius:0}}@media all and (max-width:41em){.pl-c-typeahead__menu{position:relative!important}}.pl-c-typeahead__results{list-style:none;margin:0;padding:0;background-color:inherit;border-color:transparent;border-width:1px;border-style:solid;overflow:hidden;border-color:#151515}@media all and (min-width:42em){.pl-c-typeahead__results{border-bottom-right-radius:6px;border-bottom-left-radius:6px}}.pl-c-typeahead__results:empty{border-width:0;max-height:0}.pl-c-body--theme-light .pl-c-typeahead__results{border-color:#ccc}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-typeahead__results{border-radius:0}}.pl-c-typeahead__result{-webkit-transition:all .3s ease;transition:all .3s ease;background-color:inherit;padding:.5rem .75rem;cursor:pointer;overflow:hidden;font-size:.8rem;color:inherit}.pl-c-typeahead__result:last-child{border-bottom-right-radius:6px;border-bottom-left-radius:6px}@media all and (max-width:41em){.pl-c-typeahead__result:last-child{border-radius:0}}.pl-c-body--theme-sidebar .pl-c-typeahead__result:last-child{border-radius:0}.pl-c-typeahead__result:hover{background-color:rgba(255,255,255,.15)}.pl-c-body--theme-light .pl-c-typeahead__result:hover{background-color:#eee}.pl-c-typeahead__result:active,.pl-c-typeahead__result:focus{background-color:rgba(255,255,255,.18)}.pl-c-body--theme-light .pl-c-typeahead__result:active,.pl-c-body--theme-light .pl-c-typeahead__result:focus{background-color:#ddd}.pl-c-typeahead__result.pl-has-cursor{color:#fff;background-color:rgba(255,255,255,.25)}.pl-c-body--theme-light .pl-c-typeahead__result.pl-has-cursor{color:#000;background-color:#ddd}.pl-c-typeahead__input-wrapper{position:relative;-ms-flex-negative:1;flex-shrink:1}.pl-c-typeahead__clear-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;text-decoration:none;line-height:1;padding:.7rem .5rem;border:0;text-align:left;-webkit-transition:background-color .1s ease-out,color .1s ease-out;transition:background-color .1s ease-out,color .1s ease-out;cursor:pointer;height:1.7rem;width:1.7rem;background-color:transparent;border-radius:20rem;overflow:hidden;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:100;cursor:pointer;border:0;-webkit-transition:opacity .1s ease;transition:opacity .1s ease;opacity:0;visibility:hidden}.pl-c-typeahead__clear-button.pl-is-active:hover,.pl-c-typeahead__clear-button:hover{background-color:rgba(0,0,0,.1)}.pl-c-body--theme-density-cozy .pl-c-typeahead__clear-button{font-size:.85rem;padding:1.2rem .8rem}.pl-c-body--theme-density-comfortable .pl-c-typeahead__clear-button{font-size:.85rem;padding:1.5rem 1rem}.pl-c-typeahead__clear-button:active,.pl-c-typeahead__clear-button:hover{background-color:transparent}@media all and (min-width:42em){.pl-c-typeahead__clear-button{height:1.4rem;width:1.4rem}}.pl-c-body--theme-light .pl-c-typeahead__clear-button{background-color:transparent}.pl-c-body--theme-light .pl-c-typeahead__clear-button:active,.pl-c-body--theme-light .pl-c-typeahead__clear-button:hover{background-color:transparent}.pl-c-typeahead__clear-button.pl-is-visible{opacity:1;visibility:visible}.pl-c-typeahead__clear-button-icon{fill:currentColor;line-height:0;font-size:0;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.pl-has-annotation{cursor:help!important;outline:1px dotted #808080;outline-offset:-4px;-webkit-transition:-webkit-box-shadow .1s ease;transition:-webkit-box-shadow .1s ease;transition:box-shadow .1s ease;transition:box-shadow .1s ease, -webkit-box-shadow .1s ease}.pl-has-annotation a,.pl-has-annotation input{cursor:help!important}.pl-has-annotation:hover{-webkit-box-shadow:0 0 3px grey;box-shadow:0 0 3px grey}.pl-has-annotation.active{-webkit-box-shadow:inset 0 0 6px #4d4c4c;box-shadow:inset 0 0 6px #4d4c4c;outline:1px dotted #808080;outline-offset:-1px}.pl-c-annotation-tip{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px!important;height:24px!important;margin-top:6px!important;margin-left:6px!important;border-radius:50%!important;background-color:#222!important;color:#fff!important;font-size:16px!important;position:absolute;z-index:100}.pl-c-annotation-tip:not([hidden]){display:-webkit-box;display:-ms-flexbox;display:flex}.pl-c-annotations{margin:1rem 0}.pl-c-annotations__title{font-size:1.2rem!important;margin:0 0 .5rem}.pl-c-annotations .pl-c-annotations__list{counter-reset:the-count;padding:0;margin:0;list-style:none}.pl-c-annotations__item{position:relative;padding-left:1.5rem;margin-bottom:1rem;border-radius:6px;-webkit-transition:background-color .1s ease;transition:background-color .1s ease}.pl-c-annotations__item::before{content:counter(the-count);counter-increment:the-count;font-size:85%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:14px;height:14px;border-radius:50%;padding:2px;text-align:center;background-color:grey;color:#fff;position:absolute;top:4px;left:0}.pl-c-annotations__item.pl-is-active{outline:1px dotted #808080;outline-offset:-1px}.pl-c-annotations .pl-c-annotations__item-title{margin-bottom:0}.pl-c-breadcrumb{list-style:none;margin:0;padding:0;margin-bottom:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.9rem;color:inherit;text-transform:capitalize}.pl-c-breadcrumb__item{color:inherit}.pl-c-breadcrumb__item::after{content:"▶";opacity:.4;font-size:6px;display:inline-block;margin:0 .2rem;position:relative;top:-1px}.pl-c-category{margin-top:6rem;font-family:"Open Sans",HelveticaNeue,Helvetica,Arial,sans-serif!important}.pl-c-category:first-of-type{margin-top:2rem}.pl-c-category+.pl-c-category{margin-top:2rem}.pl-c-category__title{font-size:1.4rem!important;color:#222!important;margin:0 0 .2rem;text-transform:capitalize}.pl-c-category__title:hover{color:#4d4c4c!important}.pl-c-category__title-link{-webkit-transition:color .1s ease-out;transition:color .1s ease-out;color:inherit}.pl-c-category__description{font-size:.85rem;line-height:1.5;max-width:30rem}.pl-c-category__description:empty{display:none}.pl-c-pattern-info{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.pl-c-pattern .pl-c-pattern-info{max-height:30rem;overflow:scroll;display:block;-webkit-overflow-scrolling:touch}@media all and (min-width:53em){.pl-c-pattern .pl-c-pattern-info{max-height:none;height:18rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow:visible}}.pl-c-drawer .pl-c-pattern-info{overflow:auto;-webkit-overflow-scrolling:touch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media all and (min-width:53em){.pl-c-drawer .pl-c-pattern-info{position:static;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.pl-c-pattern-info__panel{padding:.5rem;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}pl-drawer .pl-c-pattern-info__panel{padding:1rem}@media all and (min-width:53em){.pl-c-pattern-info__panel{-ms-flex-preferred-size:50%;flex-basis:50%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:1.5rem}}@media all and (min-width:53em){.pl-c-pattern-info__panel--info{overflow:auto;-webkit-overflow-scrolling:touch}}@media all and (min-width:62em){.pl-c-pattern-info__panel--info{min-width:50%}}.pl-c-pattern-info__panel--code:first-child,.pl-c-pattern-info__panel--info+.pl-c-pattern-info__panel--code{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;min-width:50%}@media all and (max-width:53em){.pl-c-pattern-info__panel--info+.pl-c-pattern-info__panel--code{padding-top:0}}.pl-c-pattern-info__header{margin-bottom:.5rem}.pl-c-pattern-info__title{font-size:1.4rem!important;font-weight:700;margin-top:0;margin-bottom:0;color:inherit;text-transform:capitalize;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pl-c-pattern-info__description{border-bottom-color:grey}.pl-c-annotations{border-top-color:grey}.pl-c-lineage{font-size:1rem;line-height:1.7;margin-top:0}.pl-c-lineage__link{font-style:italic;color:inherit;text-decoration:underline;display:inline;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.pl-c-lineage__link:focus,.pl-c-lineage__link:hover{opacity:.8}.pl-c-pattern-state{width:.5em;height:.5em;margin-left:.5em;border-radius:50%;display:inline-block;background-color:#02a4d5}.pl-c-pattern-state--complete{background-color:#03790f}.pl-c-pattern-state--inreview{background-color:#c7a118}.pl-c-pattern-state--inprogress{background-color:#b00b02}.pl-c-pattern-state--deprecated{background-color:#b00b02}.complete::before{color:#03790f!important}.pl-c-pattern{margin-bottom:2rem;position:relative;clear:both}.pl-c-pattern__header{position:relative;padding:.5rem 0 0;line-height:1.3;font-size:90%;color:#737373;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.pl-c-pattern__header:empty{padding:0}.pl-c-pattern__title{font-family:"Open Sans",HelveticaNeue,Helvetica,Arial,sans-serif!important;font-size:.85rem!important;line-height:1!important;font-weight:400!important;margin:0!important;padding:0!important;text-transform:capitalize!important}.pl-c-pattern__title-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem 0 .3rem;color:#737373!important;text-decoration:none;cursor:pointer}.pl-c-pattern__title-link:focus,.pl-c-pattern__title-link:hover{color:#000!important}.pl-c-pattern__extra-toggle{font-size:.8rem;margin-bottom:-1px;padding:.4rem .5rem;padding-right:1.75rem;color:#737373;background-color:transparent;cursor:pointer;font-weight:400;-webkit-transition:all .1s ease-out;transition:all .1s ease-out;font-family:"Open Sans",HelveticaNeue,Helvetica,Arial,sans-serif;border-color:#ddd;border-width:1px;border-style:solid;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pl-c-pattern__extra-toggle.pl-is-active,.pl-c-pattern__extra-toggle:focus,.pl-c-pattern__extra-toggle:hover{background-color:#fafafa;color:#000}.pl-c-pattern__extra-toggle:focus{outline:1px dotted #4d4c4c;outline-offset:-1px}.pl-c-pattern__extra-toggle.pl-is-active{border-bottom-color:#fafafa}.pl-c-pattern__toggle-icon{height:.9rem;width:.9rem;display:inline-block;vertical-align:middle;position:absolute;right:.625rem;-webkit-transition:opacity .1s linear;transition:opacity .1s linear}.pl-c-pattern__toggle-icon--expand{z-index:1}.pl-is-active .pl-c-pattern__toggle-icon--expand{opacity:0}.pl-c-pattern__toggle-icon--collapse{opacity:0;z-index:2;height:1rem;width:1rem}.pl-is-active .pl-c-pattern__toggle-icon--collapse{opacity:1}.pl-c-pattern__extra-toggle-text~svg{margin-left:.25rem}.pl-c-pattern__extra-toggle-text--collapse{display:none}.pl-is-active .pl-c-pattern__extra-toggle-text--collapse{display:inline-block}.pl-c-pattern__extra-toggle-text--expand{display:inline-block}.pl-is-active .pl-c-pattern__extra-toggle-text--expand{display:none}.pl-c-pattern__extra{background-color:#fafafa;border-top:1px solid #ddd;margin-bottom:1rem;overflow:hidden;max-height:1px;position:relative;-webkit-transition:all .1s ease-out;transition:all .1s ease-out}.pl-c-pattern__extra.pl-is-active{border:1px solid #ddd;border-radius:6px;border-top-right-radius:0;max-height:9999px}.pl-c-tabs{padding:0 .5rem .5rem;background-color:#fff;border:1px solid #ddd;border-radius:6px;font-family:"Open Sans",HelveticaNeue,Helvetica,Arial,sans-serif;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.pl-c-tabs__list{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;list-style:none;margin:0;padding:.5rem 0;background-color:#fff}.pl-c-tabs__link{display:block;line-height:1;padding:.2rem .4rem;border:1px solid transparent;border-radius:6px;color:#737373;background-color:#fff;cursor:pointer;text-decoration:none;text-transform:lowercase;-webkit-transition:all .1s ease-out;transition:all .1s ease-out}.pl-c-tabs__link:hover{color:#222}.pl-c-tabs__link.pl-is-active-tab{color:#222;background-color:#eee;border:1px solid #ddd}.pl-c-tabs__header{position:-webkit-sticky;position:sticky;z-index:1;top:0;border-top:1px solid #ddd;margin-left:calc(-.5rem - 1px);margin-right:calc(-.5rem - 1px);padding-left:.5rem;padding-right:.5rem;border:1px solid #ddd;margin-bottom:.5rem;margin-top:-1px;background-color:inherit;border-top-left-radius:5px;border-top-right-radius:5px}.pl-c-tabs__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-overflow-scrolling:touch;overflow-y:auto}.pl-c-drawer .pl-c-tabs__content{border:0}.pl-c-tabs__panel{display:none;width:100%;max-height:100%}.pl-c-tabs__panel.pl-is-active-tab{display:block}.pl-c-tabs__panel :not(pre)>code[class*=language-],.pl-c-tabs__panel pre[class*=language-]{background-color:transparent;margin:0;padding:0;border:0;display:block;width:100%;min-height:100%}.pl-c-tabs__panel code[class*=language-]{background-color:transparent;margin:0}.pl-c-text-passage{font-size:.85rem;line-height:1.7}.pl-c-text-passage p{margin-top:0;margin-bottom:1rem}.pl-c-text-passage p:last-child{margin-bottom:0}.pl-c-text-passage a{color:#737373;text-decoration:underline;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.pl-c-text-passage a:focus,.pl-c-text-passage a:hover{opacity:.8}.pl-c-text-passage code[class*=language-],.pl-c-text-passage pre[class*=language-]{color:inherit}.pl-c-text-passage blockquote{padding-left:.8rem;border-left:3px solid inherit}.pl-c-text-passage hr{height:1px;background-color:grey;margin:2rem 0;border:0}.pl-c-text-passage h1{margin-bottom:1rem;font-weight:400}.pl-c-text-passage h2{margin:1rem 0 1rem;font-weight:400}.pl-c-text-passage h3{margin:1rem 0 1rem;font-weight:400}.pl-c-text-passage h4{margin:1rem 0 1rem;font-weight:400}.pl-c-text-passage h5{margin:1rem 0 1rem;font-weight:400}.pl-c-text-passage h6{margin:1rem 0 1rem;font-weight:400}.pl-c-text-passage ul{list-style:square;margin-left:.9rem;margin-bottom:1rem}.pl-c-text-passage ul li:last-child{margin-bottom:0}.pl-c-text-passage ol{list-style:decimal;margin-left:.9rem;margin-bottom:1rem}.pl-c-text-passage ol li:last-child{margin-bottom:0}.pl-c-text-passage li{margin-bottom:.5rem}.pl-c-text-passage table{width:100%;max-width:100%;border-collapse:collapse;overflow-x:auto;margin:.75rem auto}.pl-c-text-passage tr:nth-of-type(odd){background:#eee}.pl-c-text-passage th{background:#ddd;color:#000;font-weight:700}.pl-c-text-passage td,.pl-c-text-passage th{padding:10px;border:1px solid #ccc;text-align:left}.pl-c-code-copy-btn{display:inline-block;position:absolute;top:.4rem;right:.5rem;padding:.2rem .4rem;background-color:#eee;color:#222;border:1px solid #ddd;border-radius:6px;font-family:"Open Sans",HelveticaNeue,Helvetica,Arial,sans-serif;font-size:1rem;text-transform:lowercase;line-height:1;cursor:pointer;z-index:2;-webkit-transition:background-color .1s ease-out;transition:background-color .1s ease-out}.pl-c-code-copy-btn:focus,.pl-c-code-copy-btn:hover{background-color:#ccc}.pl-c-code-copy-btn__icon{height:1em;width:1em}.pl-c-code-copy-btn__icon--paste{display:none}.is-copied .pl-c-code-copy-btn__icon--paste{display:inline-block}.pl-c-code-copy-btn__icon--copy{display:inline-block}.is-copied .pl-c-code-copy-btn__icon--copy{display:none}.pl-c-body{overflow:hidden}.pl-c-main{min-height:100vh;max-width:100vw;padding-left:.5rem;padding-right:.5rem}.pl-c-main::after{clear:both;content:"";display:table}/** * Header */ /** * Tools dropdown */ /** * Nav link dropdown */ /** * Size input */ /** * Typeahead container */ /** * Typeahead input */ /** * Modal close button * 1) Closes the modal popup */ .pl-c-body--theme-light .pl-c-header{background-color:#fff;border-bottom:1px solid #ccc}@media all and (max-width:41em){.pl-c-body--theme-light .pl-c-tools__list.pl-is-active{border-bottom:1px solid #ccc;border-left:1px solid #ccc}}.pl-c-body--theme-light:not(.pl-c-body--theme-sidebar) .pl-c-tools__list.pl-is-active{border-bottom:1px solid #ccc;border-left:1px solid #ccc}.pl-c-body--theme-light .pl-c-nav__link--dropdown{color:inherit}.pl-c-body--theme-light .pl-c-nav__link--dropdown::after{color:inherit}.pl-c-body--theme-light .pl-c-viewport-size__input{color:#4d4c4c}.pl-c-body--theme-light .pl-c-viewport-size__input:focus,.pl-c-body--theme-light .pl-c-viewport-size__input:hover{background-color:#ddd}.pl-c-body--theme-light .typeahead{background-color:#ddd!important}.pl-c-body--theme-light .tt-input{background-color:#eee!important;color:#4d4c4c!important}.pl-c-body--theme-light .tt-input:hover{color:#222;background-color:#ddd!important}.pl-c-body--theme-light .tt-input:hover::-webkit-input-placeholder{color:#222}.pl-c-body--theme-light .tt-input:hover::-moz-input-placeholder{color:#222}.pl-c-body--theme-light .pl-c-drawer__close-btn,.pl-c-body--theme-light .pl-c-tools__action{background-color:#fff}.pl-c-body--theme-light .pl-c-drawer__close-btn:focus,.pl-c-body--theme-light .pl-c-drawer__close-btn:hover,.pl-c-body--theme-light .pl-c-tools__action:focus,.pl-c-body--theme-light .pl-c-tools__action:hover{background-color:#eee;color:#4d4c4c}/** * Header */ /** * Size input fields */ /** * Typeahead */ /** * Ish sizing controls * 1) Hide on smaller screens */ /** * Viewport sizing inputs * 1) Hide these controls on */ /** * Tools menu button * 1) This is the button that contains the toggle and * triggers the tools dropdown list */ /** * Viewport * 1) Offset the viewport to account for the adjusted * PL header height */ .pl-c-body--theme-density-cozy .pl-c-header{font-size:.85rem}.pl-c-body--theme-density-cozy .pl-c-viewport-size__input{width:44px}.pl-c-body--theme-density-cozy .pl-c-typeahead{padding:.9rem .8rem}@media all and (max-width:78em){.pl-c-body--theme-density-cozy .pl-c-size-list{display:none}}@media all and (max-width:78em){.pl-c-body--theme-density-cozy .pl-c-viewport-size{display:none}}.pl-c-body--theme-density-cozy .pl-c-tools__toggle{min-width:44px}.pl-c-body--theme-density-cozy .pl-c-viewport{top:3.28rem}/** * Header * 1) Change the font size of everything in the header */ /** * Logo */ /** * Typeahead dropdown list suggestion */ /** * Size input fields */ /** * Typeahead */ /** * Ish sizing controls * 1) Hide on smaller screens */ /** * Viewport sizing inputs */ /** * Tools menu button * 1) This is the button that contains the toggle and * triggers the tools dropdown list */ /** * Viewport * 1) Offset the viewport to account for the adjusted * PL header height */ .pl-c-body--theme-density-comfortable .pl-c-header{font-size:.85rem}.pl-c-body--theme-density-comfortable .pl-c-logo{max-width:4rem}.pl-c-body--theme-density-comfortable .pl-c-header .tt-suggestion{padding:1.5rem 1rem}.pl-c-body--theme-density-comfortable .pl-c-viewport-size__input{width:44px}.pl-c-body--theme-density-comfortable .pl-c-typeahead{padding:.9rem 1rem}@media all and (max-width:78em){.pl-c-body--theme-density-comfortable .pl-c-size-list{display:none}}@media all and (max-width:78em){.pl-c-body--theme-density-comfortable .pl-c-viewport-size{display:none}}.pl-c-body--theme-density-comfortable .pl-c-tools__toggle{min-width:44px}.pl-c-body--theme-density-comfortable .pl-c-viewport{top:3.8rem}@media all and (min-width:42em){/** * Header * 1) Set width to sidebar width defined above * 2) Make header 100% of the viewport height * 3) Stack header items on top of each other * 4) void bottom border for light theme */ /** * Nav sub sub list */ /** * Nav list * 1) Stack main categories on top of each other * 2) Put typeahead search above nav list */ /** * Nav sublist */ /** * Nav sublist inside the light theme */ /** * All Nav links inside of subnav dropdown */ /** * Last sublist item * 1) Undo bottom border radius when in sidebar */ /** * Nav controls * 1) Push off of navigation in flex container so * they appear at the bottom */ /** * Tools toggle button */ /** * Tools list */ /** * Modal * 1) Position modal (that contains all the content) * so it fits in remaining available space * TODO: revisit to find ways to resize */ .pl-c-body--theme-sidebar .pl-c-header{width:16rem;height:100vh;padding-top:.5rem;padding-bottom:.5rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-bottom:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;--nav-item-height:2.5rem}.pl-c-body--theme-sidebar .pl-c-nav{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-flow:column-reverse;flex-flow:column-reverse}.pl-c-body--theme-sidebar .pl-c-nav__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.pl-c-body--theme-sidebar .pl-c-nav__sublist{position:relative;border-radius:0}.pl-c-body--theme-sidebar.pl-c-body--theme-light .pl-c-nav__subsublist{border-left-color:#eee}.pl-c-body--theme-sidebar .pl-c-nav__sublist .pl-c-nav__link{border-left:0;border-right:0}}@media all and (min-width:42em) and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-nav__sublist>.pl-c-nav__item:last-child .pl-c-nav__link{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0}}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-controls{display:block;justify-self:flex-end;margin-left:0}}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-tools__toggle{display:none}}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-tools__list{max-height:none;overflow:visible;position:relative;border-radius:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-drawer{right:0;width:auto}}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-is-active+.pl-c-nav__subsublist,.pl-c-body--theme-sidebar .pl-is-active+.pl-js-acc-panel{max-height:none}}.is-vishidden{position:absolute!important;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px)}
diff --git a/review/refactor-icon-update/styleguide/css/pattern-lab.js b/review/refactor-icon-update/styleguide/css/pattern-lab.js
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/review/refactor-icon-update/styleguide/css/pattern-lab.modern.js b/review/refactor-icon-update/styleguide/css/pattern-lab.modern.js
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/review/refactor-icon-update/styleguide/data/patternlab-data.cjs.js b/review/refactor-icon-update/styleguide/data/patternlab-data.cjs.js
new file mode 100644
index 0000000000..391e01cf2f
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/data/patternlab-data.cjs.js
@@ -0,0 +1,9 @@
+var config = {"cacheBust":true,"cleanPublic":true,"defaultPattern":"pages-intro","defaultShowPatternInfo":false,"defaultPatternInfoPanelCode":"html","defaultInitialViewportWidth":true,"disableDeprecationWarningForOrderPatterns":true,"disableDeprecationWarningForHiddenPatterns":true,"ishControlsHide":{"s":false,"m":false,"l":false,"full":false,"random":false,"disco":true,"hay":true,"mqs":false,"find":false,"views-all":false,"views-annotations":false,"views-code":false,"views-new":false,"tools-all":false,"tools-docs":false},"ishViewportRange":{"s":[360,500],"m":[500,800],"l":[800,2600]},"logLevel":"info","outputFileSuffixes":{"rendered":".rendered","rawTemplate":"","markupOnly":".markup-only"},"paths":{"source":{"root":"./source/","patterns":"./source/_patterns/","data":"./source/_data/enterprise/","meta":"./source/_meta/","annotations":"./source/_annotations/","styleguide":"dist/","patternlabFiles":{"general-header":"views/partials/general-header.mustache","general-footer":"views/partials/general-footer.mustache","patternSection":"views/partials/patternSection.mustache","patternSectionSubgroup":"views/partials/patternSectionSubgroup.mustache","viewall":"views/viewall.mustache"},"js":"./source/js","images":"./source/images","fonts":"./node_modules/@db-ui/base/build/assets/fonts","css":"./source/css","icons":"./node_modules/@db-ui/base/build/assets/icons","samples":"./source/samples","iframeResizer.contentWindow.js":"node_modules/iframe-resizer/js/iframeResizer.contentWindow.js","invokers-polyfill.js":"node_modules/invokers-polyfill/invoker.min.js","details-element-polyfill.js":"node_modules/details-element-polyfill/dist/details-element-polyfill.js","dialog-polyfill.js":"node_modules/dialog-polyfill/dist/dialog-polyfill.js","dialog-polyfill.css":"node_modules/dialog-polyfill/dist/dialog-polyfill.css","sitemap":"./source/sitemap.xml"},"public":{"root":"out/","patterns":"out/patterns/","data":"out/styleguide/data/","annotations":"out/annotations/","styleguide":"out/styleguide/","js":"out/js","images":"out/images","fonts":"out/fonts","css":"out/css","icons":"out/icons","samples":"out/samples","iframeResizer.contentWindow.js":"out/js/iframeResizer.contentWindow.js","invokers-polyfill.js":"out/js/invoker.min.js","details-element-polyfill.js":"out/js/details-element-polyfill.js","dialog-polyfill.js":"out/js/dialog-polyfill.js","dialog-polyfill.css":"out/css/dialog-polyfill.css","sitemap":"out/sitemap.xml"}},"patternExtension":"hbs","patternStateCascade":["inevaluation","inprogress","inreview","complete"],"patternExportAll":false,"patternExportDirectory":"pattern_exports","patternExportPatternPartials":[],"patternExportPreserveDirectoryStructure":true,"patternExportRaw":false,"patternMergeVariantArrays":true,"renderFlatPatternsOnViewAllPages":false,"serverOptions":{"wait":1000,"port":8080,"ignore":"/^.*public/(?!.*[.]css$).*$/i"},"starterkitSubDir":"dist","styleGuideExcludes":["pages"],"theme":{"color":"light","density":"compact","layout":"vertical","logo":{"text":"","altText":"Deutsche Bahn Logo","url":"./","srcLight":"images/db_logo.svg","srcDark":"images/db_logo.svg","width":"33","height":"23"}},"uikits":[{"name":"uikit-workshop","package":"@pattern-lab/uikit-workshop","outputDir":"","enabled":true,"excludedPatternStates":[],"excludedTags":["style-1.6"]}],"engines":{"handlebars":{"package":"@pattern-lab/engine-handlebars","extensions":["hbs"],"extend":"helpers/*.js"},"mustache":{"package":"@pattern-lab/engine-mustache","extensions":"mustache"}},"transformedAssetTypes":["scss"],"plugins":{"@mfranzke/plugin-node-uiextension":{"enabled":true,"initialized":false,"options":{"stylesheets":["css/pattern-scaffolding-project-specific.css"],"navLinks":{"before":[],"after":[]},"toolLinks":{"before":[],"after":[{"text":"Imprint","url":"https://www.dbsystel.de/dbsystel-en/legal-3715942","class":"","icon":"help"},{"text":"Datenschutzerklärung","url":"https://db-ui.github.io/datenschutzerklaerung.html","class":"","icon":"help"}]}}},"plugin-node-patternlab-inline-remote-assets":{"enabled":true,"initialized":false,"options":{}}}};
+var ishControls = {"ishControlsHide":{"s":false,"m":false,"l":false,"full":false,"random":false,"disco":true,"hay":true,"mqs":false,"find":false,"views-all":false,"views-annotations":false,"views-code":false,"views-new":false,"tools-all":false,"tools-docs":false}};
+var navItems = {"patternGroups": [{"patternGroupLC":"base","patternGroupUC":"Base","patternGroup":"base","patternGroupDash":"base","patternGroupItems":[{"patternSubgroupLC":"colors","patternSubgroupUC":"Colors","patternSubgroup":"colors","patternSubgroupDash":"colors","patternSubgroupItems":[{"patternPartial":"base-primary","patternName":"Marketingportal Brand Colors - Primary","patternState":"complete","patternPath":"base-colors-primary/base-colors-primary.rendered.html","name":"base-colors-primary","isDocPattern":false,"order":10,"variantOrder":0},{"patternPartial":"base-secondary","patternName":"Marketingportal Brand Colors - Secondary","patternState":"complete","patternPath":"base-colors-secondary/base-colors-secondary.rendered.html","name":"base-colors-secondary","isDocPattern":false,"order":20,"variantOrder":0},{"patternPartial":"base-feedback","patternName":"Marketingportal Brand Colors - Feedback","patternState":"inreview","patternPath":"base-colors-feedback/base-colors-feedback.rendered.html","name":"base-colors-feedback","isDocPattern":false,"order":30,"variantOrder":0},{"patternPartial":"base-poi","patternName":"Marketingportal Brand Colors - POI","patternState":"inreview","patternPath":"base-colors-poi/base-colors-poi.rendered.html","name":"base-colors-poi","isDocPattern":false,"order":40,"variantOrder":0},{"patternPartial":"base-transportation","patternName":"Marketingportal Brand Colors - Transport","patternState":"complete","patternPath":"base-colors-transportation/base-colors-transportation.rendered.html","name":"base-colors-transportation","isDocPattern":false,"order":50,"variantOrder":0},{"patternPartial":"viewall-base-colors","patternName":"View All","patternPath":"base-colors/index.html","patternGroup":"base","patternSubgroup":"colors","name":"base-colors","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"icons","patternSubgroupUC":"Icons","patternSubgroup":"icons","patternSubgroupDash":"icons","patternSubgroupItems":[{"patternPartial":"base-icon-library","patternName":"Icon Library","patternState":"","patternPath":"base-icons-icon-library/base-icons-icon-library.rendered.html","name":"base-icons-icon-library","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-16-filled-action","patternName":"DB Icons 16x16 - Filled - Action","patternState":"complete","patternPath":"base-icons-icon-library-16-filled-action/base-icons-icon-library-16-filled-action.rendered.html","name":"base-icons-icon-library-16-filled-action","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-16-filled-navigation","patternName":"DB Icons 16x16 - Filled - Navigation","patternState":"complete","patternPath":"base-icons-icon-library-16-filled-navigation/base-icons-icon-library-16-filled-navigation.rendered.html","name":"base-icons-icon-library-16-filled-navigation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-16-filled-notification","patternName":"DB Icons 16x16 - Filled - Notification","patternState":"complete","patternPath":"base-icons-icon-library-16-filled-notification/base-icons-icon-library-16-filled-notification.rendered.html","name":"base-icons-icon-library-16-filled-notification","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-16-outline-action","patternName":"DB Icons 16x16 - Outline - Action","patternState":"complete","patternPath":"base-icons-icon-library-16-outline-action/base-icons-icon-library-16-outline-action.rendered.html","name":"base-icons-icon-library-16-outline-action","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-16-outline-navigation","patternName":"DB Icons 16x16 - Outline - Navigation","patternState":"complete","patternPath":"base-icons-icon-library-16-outline-navigation/base-icons-icon-library-16-outline-navigation.rendered.html","name":"base-icons-icon-library-16-outline-navigation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-action","patternName":"DB Icons 20x20 - Filled - Action","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-action/base-icons-icon-library-20-filled-action.rendered.html","name":"base-icons-icon-library-20-filled-action","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-av","patternName":"DB Icons 20x20 - Filled - AV","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-av/base-icons-icon-library-20-filled-av.rendered.html","name":"base-icons-icon-library-20-filled-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-communication","patternName":"DB Icons 20x20 - Filled - Communication","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-communication/base-icons-icon-library-20-filled-communication.rendered.html","name":"base-icons-icon-library-20-filled-communication","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-feature","patternName":"DB Icons 20x20 - Filled - Feature","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-feature/base-icons-icon-library-20-filled-feature.rendered.html","name":"base-icons-icon-library-20-filled-feature","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-food","patternName":"DB Icons 20x20 - Filled - Food","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-food/base-icons-icon-library-20-filled-food.rendered.html","name":"base-icons-icon-library-20-filled-food","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-it","patternName":"DB Icons 20x20 - Filled - IT","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-it/base-icons-icon-library-20-filled-it.rendered.html","name":"base-icons-icon-library-20-filled-it","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-journey","patternName":"DB Icons 20x20 - Filled - Journey","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-journey/base-icons-icon-library-20-filled-journey.rendered.html","name":"base-icons-icon-library-20-filled-journey","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-maps","patternName":"DB Icons 20x20 - Filled - Maps","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-maps/base-icons-icon-library-20-filled-maps.rendered.html","name":"base-icons-icon-library-20-filled-maps","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-navigation","patternName":"DB Icons 20x20 - Filled - Navigation","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-navigation/base-icons-icon-library-20-filled-navigation.rendered.html","name":"base-icons-icon-library-20-filled-navigation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-notification","patternName":"DB Icons 20x20 - Filled - Notification","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-notification/base-icons-icon-library-20-filled-notification.rendered.html","name":"base-icons-icon-library-20-filled-notification","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-ticket","patternName":"DB Icons 20x20 - Filled - Ticket","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-ticket/base-icons-icon-library-20-filled-ticket.rendered.html","name":"base-icons-icon-library-20-filled-ticket","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-transportation","patternName":"DB Icons 20x20 - Filled - Transportation","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-transportation/base-icons-icon-library-20-filled-transportation.rendered.html","name":"base-icons-icon-library-20-filled-transportation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-action","patternName":"DB Icons 20x20 - Outline - Action","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-action/base-icons-icon-library-20-outline-action.rendered.html","name":"base-icons-icon-library-20-outline-action","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-av","patternName":"DB Icons 20x20 - Outline - AV","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-av/base-icons-icon-library-20-outline-av.rendered.html","name":"base-icons-icon-library-20-outline-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-brand","patternName":"DB Icons 20x20 - Outline - Brand","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-brand/base-icons-icon-library-20-outline-brand.rendered.html","name":"base-icons-icon-library-20-outline-brand","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-communication","patternName":"DB Icons 20x20 - Outline - Communication","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-communication/base-icons-icon-library-20-outline-communication.rendered.html","name":"base-icons-icon-library-20-outline-communication","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-covid-19","patternName":"DB Icons 20x20 - Outline - Covid 19","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-covid-19/base-icons-icon-library-20-outline-covid-19.rendered.html","name":"base-icons-icon-library-20-outline-covid-19","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-facilities","patternName":"DB Icons 20x20 - Outline - Facilities","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-facilities/base-icons-icon-library-20-outline-facilities.rendered.html","name":"base-icons-icon-library-20-outline-facilities","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-feature","patternName":"DB Icons 20x20 - Outline - Feature","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-feature/base-icons-icon-library-20-outline-feature.rendered.html","name":"base-icons-icon-library-20-outline-feature","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-food","patternName":"DB Icons 20x20 - Outline - Food","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-food/base-icons-icon-library-20-outline-food.rendered.html","name":"base-icons-icon-library-20-outline-food","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-it","patternName":"DB Icons 20x20 - Outline - IT","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-it/base-icons-icon-library-20-outline-it.rendered.html","name":"base-icons-icon-library-20-outline-it","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-journey","patternName":"DB Icons 20x20 - Outline - Journey","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-journey/base-icons-icon-library-20-outline-journey.rendered.html","name":"base-icons-icon-library-20-outline-journey","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-maps","patternName":"DB Icons 20x20 - Outline - Maps","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-maps/base-icons-icon-library-20-outline-maps.rendered.html","name":"base-icons-icon-library-20-outline-maps","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-navigation","patternName":"DB Icons 20x20 - Outline - Navigation","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-navigation/base-icons-icon-library-20-outline-navigation.rendered.html","name":"base-icons-icon-library-20-outline-navigation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-notification","patternName":"DB Icons 20x20 - Outline - Notification","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-notification/base-icons-icon-library-20-outline-notification.rendered.html","name":"base-icons-icon-library-20-outline-notification","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-seat","patternName":"DB Icons 20x20 - Outline - Seat","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-seat/base-icons-icon-library-20-outline-seat.rendered.html","name":"base-icons-icon-library-20-outline-seat","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-ticket","patternName":"DB Icons 20x20 - Outline - Ticket","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-ticket/base-icons-icon-library-20-outline-ticket.rendered.html","name":"base-icons-icon-library-20-outline-ticket","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-transportation","patternName":"DB Icons 20x20 - Outline - Transportation","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-transportation/base-icons-icon-library-20-outline-transportation.rendered.html","name":"base-icons-icon-library-20-outline-transportation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-filled-action","patternName":"DB Icons 24x24 - Filled - Action","patternState":"complete","patternPath":"base-icons-icon-library-24-filled-action/base-icons-icon-library-24-filled-action.rendered.html","name":"base-icons-icon-library-24-filled-action","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-filled-av","patternName":"DB Icons 24x24 - Filled - AV","patternState":"complete","patternPath":"base-icons-icon-library-24-filled-av/base-icons-icon-library-24-filled-av.rendered.html","name":"base-icons-icon-library-24-filled-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-filled-journey","patternName":"DB Icons 24x24 - Filled - Journey","patternState":"complete","patternPath":"base-icons-icon-library-24-filled-journey/base-icons-icon-library-24-filled-journey.rendered.html","name":"base-icons-icon-library-24-filled-journey","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-filled-maps","patternName":"DB Icons 24x24 - Filled - Maps","patternState":"complete","patternPath":"base-icons-icon-library-24-filled-maps/base-icons-icon-library-24-filled-maps.rendered.html","name":"base-icons-icon-library-24-filled-maps","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-filled-navigation","patternName":"DB Icons 24x24 - Filled - Navigation","patternState":"complete","patternPath":"base-icons-icon-library-24-filled-navigation/base-icons-icon-library-24-filled-navigation.rendered.html","name":"base-icons-icon-library-24-filled-navigation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-filled-notification","patternName":"DB Icons 24x24 - Filled - Notification","patternState":"complete","patternPath":"base-icons-icon-library-24-filled-notification/base-icons-icon-library-24-filled-notification.rendered.html","name":"base-icons-icon-library-24-filled-notification","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-filled-transportation","patternName":"DB Icons 24x24 - Filled - Transportation","patternState":"complete","patternPath":"base-icons-icon-library-24-filled-transportation/base-icons-icon-library-24-filled-transportation.rendered.html","name":"base-icons-icon-library-24-filled-transportation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-action","patternName":"DB Icons 24x24 - Outline - Action","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-action/base-icons-icon-library-24-outline-action.rendered.html","name":"base-icons-icon-library-24-outline-action","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-av","patternName":"DB Icons 24x24 - Outline - AV","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-av/base-icons-icon-library-24-outline-av.rendered.html","name":"base-icons-icon-library-24-outline-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-brand","patternName":"DB Icons 24x24 - Outline - Brand","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-brand/base-icons-icon-library-24-outline-brand.rendered.html","name":"base-icons-icon-library-24-outline-brand","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-communication","patternName":"DB Icons 24x24 - Outline - Communication","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-communication/base-icons-icon-library-24-outline-communication.rendered.html","name":"base-icons-icon-library-24-outline-communication","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-covid-19","patternName":"DB Icons 24x24 - Outline - Covid 19","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-covid-19/base-icons-icon-library-24-outline-covid-19.rendered.html","name":"base-icons-icon-library-24-outline-covid-19","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-facilities","patternName":"DB Icons 24x24 - Outline - Facilities","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-facilities/base-icons-icon-library-24-outline-facilities.rendered.html","name":"base-icons-icon-library-24-outline-facilities","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-feature","patternName":"DB Icons 24x24 - Outline - Feature","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-feature/base-icons-icon-library-24-outline-feature.rendered.html","name":"base-icons-icon-library-24-outline-feature","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-food","patternName":"DB Icons 24x24 - Outline - Food","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-food/base-icons-icon-library-24-outline-food.rendered.html","name":"base-icons-icon-library-24-outline-food","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-it","patternName":"DB Icons 24x24 - Outline - IT","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-it/base-icons-icon-library-24-outline-it.rendered.html","name":"base-icons-icon-library-24-outline-it","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-journey","patternName":"DB Icons 24x24 - Outline - Journey","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-journey/base-icons-icon-library-24-outline-journey.rendered.html","name":"base-icons-icon-library-24-outline-journey","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-maps","patternName":"DB Icons 24x24 - Outline - Maps","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-maps/base-icons-icon-library-24-outline-maps.rendered.html","name":"base-icons-icon-library-24-outline-maps","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-navigation","patternName":"DB Icons 24x24 - Outline - Navigation","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-navigation/base-icons-icon-library-24-outline-navigation.rendered.html","name":"base-icons-icon-library-24-outline-navigation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-notification","patternName":"DB Icons 24x24 - Outline - Notification","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-notification/base-icons-icon-library-24-outline-notification.rendered.html","name":"base-icons-icon-library-24-outline-notification","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-seat","patternName":"DB Icons 24x24 - Outline - Seat","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-seat/base-icons-icon-library-24-outline-seat.rendered.html","name":"base-icons-icon-library-24-outline-seat","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-ticket","patternName":"DB Icons 24x24 - Outline - Ticket","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-ticket/base-icons-icon-library-24-outline-ticket.rendered.html","name":"base-icons-icon-library-24-outline-ticket","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-transportation","patternName":"DB Icons 24x24 - Outline - Transportation","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-transportation/base-icons-icon-library-24-outline-transportation.rendered.html","name":"base-icons-icon-library-24-outline-transportation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-filled-action","patternName":"DB Icons 32x32 - Filled - Action","patternState":"complete","patternPath":"base-icons-icon-library-32-filled-action/base-icons-icon-library-32-filled-action.rendered.html","name":"base-icons-icon-library-32-filled-action","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-filled-av","patternName":"DB Icons 32x32 - Filled - AV","patternState":"complete","patternPath":"base-icons-icon-library-32-filled-av/base-icons-icon-library-32-filled-av.rendered.html","name":"base-icons-icon-library-32-filled-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-filled-maps","patternName":"DB Icons 32x32 - Filled - Maps","patternState":"complete","patternPath":"base-icons-icon-library-32-filled-maps/base-icons-icon-library-32-filled-maps.rendered.html","name":"base-icons-icon-library-32-filled-maps","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-filled-navigation","patternName":"DB Icons 32x32 - Filled - Navigation","patternState":"complete","patternPath":"base-icons-icon-library-32-filled-navigation/base-icons-icon-library-32-filled-navigation.rendered.html","name":"base-icons-icon-library-32-filled-navigation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-filled-notification","patternName":"DB Icons 32x32 - Filled - Notification","patternState":"complete","patternPath":"base-icons-icon-library-32-filled-notification/base-icons-icon-library-32-filled-notification.rendered.html","name":"base-icons-icon-library-32-filled-notification","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-filled-transportation","patternName":"DB Icons 32x32 - Filled - Transportation","patternState":"complete","patternPath":"base-icons-icon-library-32-filled-transportation/base-icons-icon-library-32-filled-transportation.rendered.html","name":"base-icons-icon-library-32-filled-transportation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-action","patternName":"DB Icons 32x32 - Outline - Action","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-action/base-icons-icon-library-32-outline-action.rendered.html","name":"base-icons-icon-library-32-outline-action","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-av","patternName":"DB Icons 32x32 - Outline - AV","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-av/base-icons-icon-library-32-outline-av.rendered.html","name":"base-icons-icon-library-32-outline-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-brand","patternName":"DB Icons 32x32 - Outline - Brand","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-brand/base-icons-icon-library-32-outline-brand.rendered.html","name":"base-icons-icon-library-32-outline-brand","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-communication","patternName":"DB Icons 32x32 - Outline - Communication","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-communication/base-icons-icon-library-32-outline-communication.rendered.html","name":"base-icons-icon-library-32-outline-communication","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-covid-19","patternName":"DB Icons 32x32 - Outline - Covid 19","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-covid-19/base-icons-icon-library-32-outline-covid-19.rendered.html","name":"base-icons-icon-library-32-outline-covid-19","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-facilities","patternName":"DB Icons 32x32 - Outline - Facilities","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-facilities/base-icons-icon-library-32-outline-facilities.rendered.html","name":"base-icons-icon-library-32-outline-facilities","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-feature","patternName":"DB Icons 32x32 - Outline - Feature","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-feature/base-icons-icon-library-32-outline-feature.rendered.html","name":"base-icons-icon-library-32-outline-feature","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-food","patternName":"DB Icons 32x32 - Outline - Food","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-food/base-icons-icon-library-32-outline-food.rendered.html","name":"base-icons-icon-library-32-outline-food","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-it","patternName":"DB Icons 32x32 - Outline - IT","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-it/base-icons-icon-library-32-outline-it.rendered.html","name":"base-icons-icon-library-32-outline-it","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-journey","patternName":"DB Icons 32x32 - Outline - Journey","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-journey/base-icons-icon-library-32-outline-journey.rendered.html","name":"base-icons-icon-library-32-outline-journey","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-maps","patternName":"DB Icons 32x32 - Outline - Maps","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-maps/base-icons-icon-library-32-outline-maps.rendered.html","name":"base-icons-icon-library-32-outline-maps","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-navigation","patternName":"DB Icons 32x32 - Outline - Navigation","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-navigation/base-icons-icon-library-32-outline-navigation.rendered.html","name":"base-icons-icon-library-32-outline-navigation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-notification","patternName":"DB Icons 32x32 - Outline - Notification","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-notification/base-icons-icon-library-32-outline-notification.rendered.html","name":"base-icons-icon-library-32-outline-notification","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-seat","patternName":"DB Icons 32x32 - Outline - Seat","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-seat/base-icons-icon-library-32-outline-seat.rendered.html","name":"base-icons-icon-library-32-outline-seat","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-ticket","patternName":"DB Icons 32x32 - Outline - Ticket","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-ticket/base-icons-icon-library-32-outline-ticket.rendered.html","name":"base-icons-icon-library-32-outline-ticket","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-transportation","patternName":"DB Icons 32x32 - Outline - Transportation","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-transportation/base-icons-icon-library-32-outline-transportation.rendered.html","name":"base-icons-icon-library-32-outline-transportation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-48-filled-av","patternName":"DB Icons 48x48 - Filled - AV","patternState":"complete","patternPath":"base-icons-icon-library-48-filled-av/base-icons-icon-library-48-filled-av.rendered.html","name":"base-icons-icon-library-48-filled-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-48-outline-av","patternName":"DB Icons 48x48 - Outline - AV","patternState":"complete","patternPath":"base-icons-icon-library-48-outline-av/base-icons-icon-library-48-outline-av.rendered.html","name":"base-icons-icon-library-48-outline-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-48-outline-brand","patternName":"DB Icons 48x48 - Outline - Brand","patternState":"complete","patternPath":"base-icons-icon-library-48-outline-brand/base-icons-icon-library-48-outline-brand.rendered.html","name":"base-icons-icon-library-48-outline-brand","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-64-filled-av","patternName":"DB Icons 64x64 - Filled - AV","patternState":"complete","patternPath":"base-icons-icon-library-64-filled-av/base-icons-icon-library-64-filled-av.rendered.html","name":"base-icons-icon-library-64-filled-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-64-outline-av","patternName":"DB Icons 64x64 - Outline - AV","patternState":"complete","patternPath":"base-icons-icon-library-64-outline-av/base-icons-icon-library-64-outline-av.rendered.html","name":"base-icons-icon-library-64-outline-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-64-outline-brand","patternName":"DB Icons 64x64 - Outline - Brand","patternState":"complete","patternPath":"base-icons-icon-library-64-outline-brand/base-icons-icon-library-64-outline-brand.rendered.html","name":"base-icons-icon-library-64-outline-brand","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-illustration-icons","patternName":"Illustration Icons","patternState":"","patternPath":"base-icons-illustration-icons/base-icons-illustration-icons.rendered.html","name":"base-icons-illustration-icons","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-base-icons","patternName":"View All","patternPath":"base-icons/index.html","patternGroup":"base","patternSubgroup":"icons","name":"base-icons","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"type","patternSubgroupUC":"Type","patternSubgroup":"type","patternSubgroupDash":"type","patternSubgroupItems":[{"patternPartial":"base-fonts","patternName":"Fonts","patternState":"complete","patternPath":"base-type-fonts/base-type-fonts.rendered.html","name":"base-type-fonts","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-highlight-colors-1st-priority","patternName":"Highlight Colors 1st Priority","patternState":"","patternPath":"base-type-highlight-colors-1st-priority/base-type-highlight-colors-1st-priority.rendered.html","name":"base-type-highlight-colors-1st-priority","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-highlight-colors-2nd-priority","patternName":"Highlight Colors 2nd Priority","patternState":"","patternPath":"base-type-highlight-colors-2nd-priority/base-type-highlight-colors-2nd-priority.rendered.html","name":"base-type-highlight-colors-2nd-priority","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-highlight-colors-neutral","patternName":"Highlight Colors Neutral","patternState":"","patternPath":"base-type-highlight-colors-neutral/base-type-highlight-colors-neutral.rendered.html","name":"base-type-highlight-colors-neutral","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-highlight-colors-positive","patternName":"Highlight Colors Positive","patternState":"","patternPath":"base-type-highlight-colors-positive/base-type-highlight-colors-positive.rendered.html","name":"base-type-highlight-colors-positive","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-base-type","patternName":"View All","patternPath":"base-type/index.html","patternGroup":"base","patternSubgroup":"type","name":"base-type","isDocPattern":true,"order":9007199254740991}],"order":0}],"order":0,"patternItems":[{"patternPartial":"viewall-base-all","patternName":"View all Base","patternPath":"base/index.html","name":"base","isDocPattern":true,"order":9007199254740991}]},{"patternGroupLC":"elements","patternGroupUC":"Elements","patternGroup":"elements","patternGroupDash":"elements","patternGroupItems":[{"patternSubgroupLC":"buttons","patternSubgroupUC":"Buttons","patternSubgroup":"buttons","patternSubgroupDash":"buttons","patternSubgroupItems":[{"patternPartial":"elements-button","patternName":"Button","patternState":"","patternPath":"elements-buttons-button/elements-buttons-button.rendered.html","name":"elements-buttons-button","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-button-brand-primary","patternName":"Button Brand Primary","patternState":"","patternPath":"elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html","name":"elements-buttons-01-button-brand-primary","isDocPattern":false,"order":1,"variantOrder":0},{"patternPartial":"elements-button-primary","patternName":"Button Primary","patternState":"","patternPath":"elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html","name":"elements-buttons-03-button-primary","isDocPattern":false,"order":3,"variantOrder":0},{"patternPartial":"elements-button-secondary-outline","patternName":"Button Secondary Outline","patternState":"","patternPath":"elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html","name":"elements-buttons-04-button-secondary-outline","isDocPattern":false,"order":4,"variantOrder":0},{"patternPartial":"elements-button-secondary-solid","patternName":"Button Secondary Solid","patternState":"","patternPath":"elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html","name":"elements-buttons-05-button-secondary-solid","isDocPattern":false,"order":5,"variantOrder":0},{"patternPartial":"elements-button-tertiary-plain","patternName":"Button Tertiary Plain","patternState":"","patternPath":"elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html","name":"elements-buttons-06-button-tertiary-plain","isDocPattern":false,"order":6,"variantOrder":0},{"patternPartial":"elements-button-sizes","patternName":"Button Sizes","patternState":"","patternPath":"elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html","name":"elements-buttons-09-button-sizes","isDocPattern":false,"order":9,"variantOrder":0},{"patternPartial":"elements-button-width","patternName":"Button Width","patternState":"","patternPath":"elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html","name":"elements-buttons-10-button-width","isDocPattern":false,"order":10,"variantOrder":0},{"patternPartial":"viewall-elements-buttons","patternName":"View All","patternPath":"elements-buttons/index.html","patternGroup":"elements","patternSubgroup":"buttons","name":"elements-buttons","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"checkbox","patternSubgroupUC":"Checkbox","patternSubgroup":"checkbox","patternSubgroupDash":"checkbox","patternSubgroupItems":[{"patternPartial":"elements-checkbox","patternName":"Checkbox","patternState":"complete","patternPath":"elements-checkbox-checkbox/elements-checkbox-checkbox.rendered.html","name":"elements-checkbox-checkbox","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-checked","patternName":"Checkbox Checked","patternState":"complete","patternPath":"elements-checkbox-checkbox-checked/elements-checkbox-checkbox-checked.rendered.html","name":"elements-checkbox-checkbox-checked","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-disabled","patternName":"Checkbox Disabled","patternState":"complete","patternPath":"elements-checkbox-checkbox-disabled/elements-checkbox-checkbox-disabled.rendered.html","name":"elements-checkbox-checkbox-disabled","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-disabled-checked","patternName":"Checkbox Disabled Checked","patternState":"complete","patternPath":"elements-checkbox-checkbox-disabled-checked/elements-checkbox-checkbox-disabled-checked.rendered.html","name":"elements-checkbox-checkbox-disabled-checked","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-indeterminate","patternName":"Checkbox - indeterminate","patternState":"complete","patternPath":"elements-checkbox-checkbox-indeterminate/elements-checkbox-checkbox-indeterminate.rendered.html","name":"elements-checkbox-checkbox-indeterminate","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-label-hidden","patternName":"Checkbox - Hidden label","patternState":"complete","patternPath":"elements-checkbox-checkbox-label-hidden/elements-checkbox-checkbox-label-hidden.rendered.html","name":"elements-checkbox-checkbox-label-hidden","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-on-dark-background","patternName":"Checkbox On Dark Background","patternState":"complete","patternPath":"elements-checkbox-checkbox-on-dark-background/elements-checkbox-checkbox-on-dark-background.rendered.html","name":"elements-checkbox-checkbox-on-dark-background","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-on-dark-background-checked","patternName":"Checkbox On Dark Background Checked","patternState":"complete","patternPath":"elements-checkbox-checkbox-on-dark-background-checked/elements-checkbox-checkbox-on-dark-background-checked.rendered.html","name":"elements-checkbox-checkbox-on-dark-background-checked","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-on-dark-background-disabled","patternName":"Checkbox On Dark Background Disabled","patternState":"complete","patternPath":"elements-checkbox-checkbox-on-dark-background-disabled/elements-checkbox-checkbox-on-dark-background-disabled.rendered.html","name":"elements-checkbox-checkbox-on-dark-background-disabled","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-on-dark-background-disabled-checked","patternName":"Checkbox On Dark Background Disabled Checked","patternState":"complete","patternPath":"elements-checkbox-checkbox-on-dark-background-disabled-checked/elements-checkbox-checkbox-on-dark-background-disabled-checked.rendered.html","name":"elements-checkbox-checkbox-on-dark-background-disabled-checked","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-on-dark-background-indeterminate","patternName":"Checkbox - indeterminate on dark background","patternState":"complete","patternPath":"elements-checkbox-checkbox-on-dark-background-indeterminate/elements-checkbox-checkbox-on-dark-background-indeterminate.rendered.html","name":"elements-checkbox-checkbox-on-dark-background-indeterminate","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-elements-checkbox","patternName":"View All","patternPath":"elements-checkbox/index.html","patternGroup":"elements","patternSubgroup":"checkbox","name":"elements-checkbox","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"chips","patternSubgroupUC":"Chips","patternSubgroup":"chips","patternSubgroupDash":"chips","patternSubgroupItems":[{"patternPartial":"elements-chips","patternName":"Filter chips","patternState":"","patternPath":"elements-chips-chips/elements-chips-chips.rendered.html","name":"elements-chips-chips","isDocPattern":false,"order":10,"variantOrder":0},{"patternPartial":"elements-chips-type-selection","patternName":"Selection chips","patternState":"","patternPath":"elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html","name":"elements-chips-chips-type-selection","isDocPattern":false,"order":10,"variantOrder":20},{"patternPartial":"elements-chips-with-icon","patternName":"Chips with icon","patternState":"","patternPath":"elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html","name":"elements-chips-chips-with-icon","isDocPattern":false,"order":10,"variantOrder":30},{"patternPartial":"elements-chips-disabled","patternName":"Chips – disabled","patternState":"","patternPath":"elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html","name":"elements-chips-chips-disabled","isDocPattern":false,"order":10,"variantOrder":40},{"patternPartial":"viewall-elements-chips","patternName":"View All","patternPath":"elements-chips/index.html","patternGroup":"elements","patternSubgroup":"chips","name":"elements-chips","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"headline","patternSubgroupUC":"Headline","patternSubgroup":"headline","patternSubgroupDash":"headline","patternSubgroupItems":[{"patternPartial":"elements-headline","patternName":"Headline","patternState":"","patternPath":"elements-headline-headline/elements-headline-headline.rendered.html","name":"elements-headline-headline","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-headline-pulse","patternName":"Headline Pulse","patternState":"","patternPath":"elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html","name":"elements-headline-headline-pulse","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-elements-headline","patternName":"View All","patternPath":"elements-headline/index.html","patternGroup":"elements","patternSubgroup":"headline","name":"elements-headline","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"image","patternSubgroupUC":"Image","patternSubgroup":"image","patternSubgroupDash":"image","patternSubgroupItems":[{"patternPartial":"elements-image","patternName":"Image","patternState":"","patternPath":"elements-image-image/elements-image-image.rendered.html","name":"elements-image-image","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-image-avif","patternName":"Image - AVIF","patternState":"complete","patternPath":"elements-image-image-avif/elements-image-image-avif.rendered.html","name":"elements-image-image-avif","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-image-lazy-loading","patternName":"Image - Lazy loading","patternState":"complete","patternPath":"elements-image-image-lazy-loading/elements-image-image-lazy-loading.rendered.html","name":"elements-image-image-lazy-loading","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-image-responsive-density","patternName":"Image - Responsive and pixel density","patternState":"complete","patternPath":"elements-image-image-responsive-density/elements-image-image-responsive-density.rendered.html","name":"elements-image-image-responsive-density","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-image-responsive-mediaquery","patternName":"Image - Responsive mediaquery","patternState":"complete","patternPath":"elements-image-image-responsive-mediaquery/elements-image-image-responsive-mediaquery.rendered.html","name":"elements-image-image-responsive-mediaquery","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-image-webp","patternName":"Image - WebP","patternState":"complete","patternPath":"elements-image-image-webp/elements-image-image-webp.rendered.html","name":"elements-image-image-webp","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-image-with-caption","patternName":"Image - with caption","patternState":"inevaluation","patternPath":"elements-image-image-with-caption/elements-image-image-with-caption.rendered.html","name":"elements-image-image-with-caption","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-elements-image","patternName":"View All","patternPath":"elements-image/index.html","patternGroup":"elements","patternSubgroup":"image","name":"elements-image","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"input","patternSubgroupUC":"Input","patternSubgroup":"input","patternSubgroupDash":"input","patternSubgroupItems":[{"patternPartial":"elements-input-variations","patternName":"Input variations","patternState":"","patternPath":"elements-input-input-variations/elements-input-input-variations.rendered.html","name":"elements-input-input-variations","isDocPattern":false,"order":1,"variantOrder":0},{"patternPartial":"elements-input","patternName":"Input","patternState":"","patternPath":"elements-input-input/elements-input-input.rendered.html","name":"elements-input-input","isDocPattern":false,"order":2,"variantOrder":0},{"patternPartial":"elements-input-auto-suggest","patternName":"Input - Auto suggestions","patternState":"","patternPath":"elements-input-input-auto-suggest/elements-input-input-auto-suggest.rendered.html","name":"elements-input-input-auto-suggest","isDocPattern":false,"order":2,"variantOrder":0},{"patternPartial":"elements-input-description","patternName":"Input with description","patternState":"","patternPath":"elements-input-input-description/elements-input-input-description.rendered.html","name":"elements-input-input-description","isDocPattern":false,"order":2,"variantOrder":3},{"patternPartial":"elements-input-filled","patternName":"Input - filled with a value","patternState":"","patternPath":"elements-input-input-filled/elements-input-input-filled.rendered.html","name":"elements-input-input-filled","isDocPattern":false,"order":2,"variantOrder":4},{"patternPartial":"elements-input-valid","patternName":"Input - valid state","patternState":"","patternPath":"elements-input-input-valid/elements-input-input-valid.rendered.html","name":"elements-input-input-valid","isDocPattern":false,"order":2,"variantOrder":5},{"patternPartial":"elements-input-invalid","patternName":"Input - invalid state (type in less than its minimum of 5 characters)","patternState":"","patternPath":"elements-input-input-invalid/elements-input-input-invalid.rendered.html","name":"elements-input-input-invalid","isDocPattern":false,"order":2,"variantOrder":6},{"patternPartial":"elements-input-invalid-attribute","patternName":"Input - Invalid state by HTML attribute","patternState":"complete","patternPath":"elements-input-input-invalid-attribute/elements-input-input-invalid-attribute.rendered.html","name":"elements-input-input-invalid-attribute","isDocPattern":false,"order":2,"variantOrder":7},{"patternPartial":"elements-input-disabled","patternName":"Input - disabled state","patternState":"","patternPath":"elements-input-input-disabled/elements-input-input-disabled.rendered.html","name":"elements-input-input-disabled","isDocPattern":false,"order":2,"variantOrder":8},{"patternPartial":"elements-input-search","patternName":"Input - search type","patternState":"","patternPath":"elements-input-input-search/elements-input-input-search.rendered.html","name":"elements-input-input-search","isDocPattern":false,"order":2,"variantOrder":9},{"patternPartial":"elements-input-search-filled","patternName":"Input - search type - filled","patternState":"","patternPath":"elements-input-input-search-filled/elements-input-input-search-filled.rendered.html","name":"elements-input-input-search-filled","isDocPattern":false,"order":2,"variantOrder":10},{"patternPartial":"elements-input-hidden-label","patternName":"Input - Hidden label","patternState":"complete","patternPath":"elements-input-input-hidden-label/elements-input-input-hidden-label.rendered.html","name":"elements-input-input-hidden-label","isDocPattern":false,"order":2,"variantOrder":11},{"patternPartial":"viewall-elements-input","patternName":"View All","patternPath":"elements-input/index.html","patternGroup":"elements","patternSubgroup":"input","name":"elements-input","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"link","patternSubgroupUC":"Link","patternSubgroup":"link","patternSubgroupDash":"link","patternSubgroupItems":[{"patternPartial":"elements-links","patternName":"Links","patternState":"inreview","patternPath":"elements-link-links/elements-link-links.rendered.html","name":"elements-link-links","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-links-small","patternName":"Links Small","patternState":"inreview","patternPath":"elements-link-links-small/elements-link-links-small.rendered.html","name":"elements-link-links-small","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-elements-link","patternName":"View All","patternPath":"elements-link/index.html","patternGroup":"elements","patternSubgroup":"link","name":"elements-link","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"loading-indicator","patternSubgroupUC":"Loading Indicator","patternSubgroup":"loading-indicator","patternSubgroupDash":"loading-indicator","patternSubgroupItems":[{"patternPartial":"elements-loading-indicator","patternName":"Loading Indicator","patternState":"","patternPath":"elements-loading-indicator-loading-indicator/elements-loading-indicator-loading-indicator.rendered.html","name":"elements-loading-indicator-loading-indicator","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-loading-indicator-size-s","patternName":"Loading Indicator Size S","patternState":"","patternPath":"elements-loading-indicator-loading-indicator-size-s/elements-loading-indicator-loading-indicator-size-s.rendered.html","name":"elements-loading-indicator-loading-indicator-size-s","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-loading-indicator-size-XS","patternName":"Loading Indicator Size XS","patternState":"","patternPath":"elements-loading-indicator-loading-indicator-size-XS/elements-loading-indicator-loading-indicator-size-XS.rendered.html","name":"elements-loading-indicator-loading-indicator-size-XS","isDocPattern":false,"order":0,"variantOrder":1},{"patternPartial":"elements-loading-indicator-size-m","patternName":"Loading Indicator Size M","patternState":"","patternPath":"elements-loading-indicator-loading-indicator-size-m/elements-loading-indicator-loading-indicator-size-m.rendered.html","name":"elements-loading-indicator-loading-indicator-size-m","isDocPattern":false,"order":0,"variantOrder":3},{"patternPartial":"elements-loading-indicator-size-l","patternName":"Loading Indicator Size L","patternState":"","patternPath":"elements-loading-indicator-loading-indicator-size-l/elements-loading-indicator-loading-indicator-size-l.rendered.html","name":"elements-loading-indicator-loading-indicator-size-l","isDocPattern":false,"order":0,"variantOrder":4},{"patternPartial":"elements-loading-indicator-size-xl","patternName":"Loading Indicator Size XL","patternState":"","patternPath":"elements-loading-indicator-loading-indicator-size-xl/elements-loading-indicator-loading-indicator-size-xl.rendered.html","name":"elements-loading-indicator-loading-indicator-size-xl","isDocPattern":false,"order":0,"variantOrder":5},{"patternPartial":"viewall-elements-loading-indicator","patternName":"View All","patternPath":"elements-loading-indicator/index.html","patternGroup":"elements","patternSubgroup":"loading-indicator","name":"elements-loading-indicator","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"logo","patternSubgroupUC":"Logo","patternSubgroup":"logo","patternSubgroupDash":"logo","patternSubgroupItems":[{"patternPartial":"elements-logo","patternName":"Logo","patternState":"","patternPath":"elements-logo-logo/elements-logo-logo.rendered.html","name":"elements-logo-logo","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-logo-on-backgrounds","patternName":"Logo On Backgrounds","patternState":"","patternPath":"elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html","name":"elements-logo-logo-on-backgrounds","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-logo-sizes","patternName":"Logo Sizes","patternState":"","patternPath":"elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html","name":"elements-logo-logo-sizes","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-logo-with-following-headline","patternName":"Logo With Following Headline","patternState":"","patternPath":"elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html","name":"elements-logo-logo-with-following-headline","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-elements-logo","patternName":"View All","patternPath":"elements-logo/index.html","patternGroup":"elements","patternSubgroup":"logo","name":"elements-logo","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"progress","patternSubgroupUC":"Progress","patternSubgroup":"progress","patternSubgroupDash":"progress","patternSubgroupItems":[{"patternPartial":"elements-progress","patternName":"Linear loader","patternState":"inreview","patternPath":"elements-progress-progress/elements-progress-progress.rendered.html","name":"elements-progress-progress","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-progress-linear-spinner","patternName":"Linear spinner","patternState":"inreview","patternPath":"elements-progress-progress-linear-spinner/elements-progress-progress-linear-spinner.rendered.html","name":"elements-progress-progress-linear-spinner","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-progress-linear-spinner-indeterminate","patternName":"Linear spinner indeterminate","patternState":"inreview","patternPath":"elements-progress-progress-linear-spinner-indeterminate/elements-progress-progress-linear-spinner-indeterminate.rendered.html","name":"elements-progress-progress-linear-spinner-indeterminate","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-elements-progress","patternName":"View All","patternPath":"elements-progress/index.html","patternGroup":"elements","patternSubgroup":"progress","name":"elements-progress","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"radio","patternSubgroupUC":"Radio","patternSubgroup":"radio","patternSubgroupDash":"radio","patternSubgroupItems":[{"patternPartial":"elements-radios","patternName":"Radios","patternState":"complete","patternPath":"elements-radio-radios/elements-radio-radios.rendered.html","name":"elements-radio-radios","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-radios-checked","patternName":"Radios Checked","patternState":"complete","patternPath":"elements-radio-radios-checked/elements-radio-radios-checked.rendered.html","name":"elements-radio-radios-checked","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-radios-disabled","patternName":"Radios Disabled","patternState":"complete","patternPath":"elements-radio-radios-disabled/elements-radio-radios-disabled.rendered.html","name":"elements-radio-radios-disabled","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-radios-disabled-checked","patternName":"Radios Disabled Checked","patternState":"complete","patternPath":"elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.rendered.html","name":"elements-radio-radios-disabled-checked","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-radios-invalid-attribute","patternName":"Radios Invalid Attribute","patternState":"complete","patternPath":"elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.rendered.html","name":"elements-radio-radios-invalid-attribute","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-radios-label-hidden","patternName":"Radio - Hidden label","patternState":"complete","patternPath":"elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.rendered.html","name":"elements-radio-radios-label-hidden","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-radios-required","patternName":"Radios Required","patternState":"complete","patternPath":"elements-radio-radios-required/elements-radio-radios-required.rendered.html","name":"elements-radio-radios-required","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-elements-radio","patternName":"View All","patternPath":"elements-radio/index.html","patternGroup":"elements","patternSubgroup":"radio","name":"elements-radio","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"select","patternSubgroupUC":"Select","patternSubgroup":"select","patternSubgroupDash":"select","patternSubgroupItems":[{"patternPartial":"elements-select","patternName":"Select","patternState":"","patternPath":"elements-select-select/elements-select-select.rendered.html","name":"elements-select-select","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-select-variations","patternName":"Select Variations","patternState":"","patternPath":"elements-select-select-variations/elements-select-select-variations.rendered.html","name":"elements-select-select-variations","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-select-variations-disabled","patternName":"Select Variations Disabled","patternState":"","patternPath":"elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html","name":"elements-select-select-variations-disabled","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-select-variations-optgroups","patternName":"Select Variations Optgroups","patternState":"","patternPath":"elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html","name":"elements-select-select-variations-optgroups","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-select-invalid-attribute","patternName":"Select - Invalid state by HTML attribute","patternState":"complete","patternPath":"elements-select-select-invalid-attribute/elements-select-select-invalid-attribute.rendered.html","name":"elements-select-select-invalid-attribute","isDocPattern":false,"order":0,"variantOrder":7},{"patternPartial":"elements-select-hidden-label","patternName":"Select - Hidden label","patternState":"complete","patternPath":"elements-select-select-hidden-label/elements-select-select-hidden-label.rendered.html","name":"elements-select-select-hidden-label","isDocPattern":false,"order":0,"variantOrder":8},{"patternPartial":"viewall-elements-select","patternName":"View All","patternPath":"elements-select/index.html","patternGroup":"elements","patternSubgroup":"select","name":"elements-select","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"tags","patternSubgroupUC":"Tags","patternSubgroup":"tags","patternSubgroupDash":"tags","patternSubgroupItems":[{"patternPartial":"elements-tags","patternName":"Tags","patternState":"","patternPath":"elements-tags-tags/elements-tags-tags.rendered.html","name":"elements-tags-tags","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-tags-small","patternName":"Tags Small","patternState":"","patternPath":"elements-tags-tags-small/elements-tags-tags-small.rendered.html","name":"elements-tags-tags-small","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-tags-with-icon","patternName":"Tags With Icon","patternState":"","patternPath":"elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html","name":"elements-tags-tags-with-icon","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-elements-tags","patternName":"View All","patternPath":"elements-tags/index.html","patternGroup":"elements","patternSubgroup":"tags","name":"elements-tags","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"textarea","patternSubgroupUC":"Textarea","patternSubgroup":"textarea","patternSubgroupDash":"textarea","patternSubgroupItems":[{"patternPartial":"elements-textarea-variations","patternName":"Textarea variations","patternState":"","patternPath":"elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html","name":"elements-textarea-textarea-variations","isDocPattern":false,"order":1,"variantOrder":0},{"patternPartial":"elements-textarea","patternName":"Textarea","patternState":"","patternPath":"elements-textarea-textarea/elements-textarea-textarea.rendered.html","name":"elements-textarea-textarea","isDocPattern":false,"order":2,"variantOrder":0},{"patternPartial":"elements-textarea-disabled","patternName":"Textarea Disabled","patternState":"","patternPath":"elements-textarea-textarea-disabled/elements-textarea-textarea-disabled.rendered.html","name":"elements-textarea-textarea-disabled","isDocPattern":false,"order":2,"variantOrder":0},{"patternPartial":"elements-textarea-description","patternName":"Textarea with description","patternState":"","patternPath":"elements-textarea-textarea-description/elements-textarea-textarea-description.rendered.html","name":"elements-textarea-textarea-description","isDocPattern":false,"order":2,"variantOrder":3},{"patternPartial":"elements-textarea-filled","patternName":"Textarea filled with a value","patternState":"","patternPath":"elements-textarea-textarea-filled/elements-textarea-textarea-filled.rendered.html","name":"elements-textarea-textarea-filled","isDocPattern":false,"order":2,"variantOrder":4},{"patternPartial":"elements-textarea-valid","patternName":"Textarea - valid state","patternState":"","patternPath":"elements-textarea-textarea-valid/elements-textarea-textarea-valid.rendered.html","name":"elements-textarea-textarea-valid","isDocPattern":false,"order":2,"variantOrder":5},{"patternPartial":"elements-textarea-invalid","patternName":"Textarea - invalid state (type in less than its minimum of 5 characters)","patternState":"","patternPath":"elements-textarea-textarea-invalid/elements-textarea-textarea-invalid.rendered.html","name":"elements-textarea-textarea-invalid","isDocPattern":false,"order":2,"variantOrder":6},{"patternPartial":"elements-textarea-invalid-attribute","patternName":"Textarea - Invalid state by HTML attribute","patternState":"complete","patternPath":"elements-textarea-textarea-invalid-attribute/elements-textarea-textarea-invalid-attribute.rendered.html","name":"elements-textarea-textarea-invalid-attribute","isDocPattern":false,"order":2,"variantOrder":7},{"patternPartial":"elements-textarea-hidden-label","patternName":"Textarea - Hidden label","patternState":"complete","patternPath":"elements-textarea-textarea-hidden-label/elements-textarea-textarea-hidden-label.rendered.html","name":"elements-textarea-textarea-hidden-label","isDocPattern":false,"order":2,"variantOrder":8},{"patternPartial":"viewall-elements-textarea","patternName":"View All","patternPath":"elements-textarea/index.html","patternGroup":"elements","patternSubgroup":"textarea","name":"elements-textarea","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"toggle","patternSubgroupUC":"Toggle","patternSubgroup":"toggle","patternSubgroupDash":"toggle","patternSubgroupItems":[{"patternPartial":"elements-toggle","patternName":"Toggle","patternState":"complete","patternPath":"elements-toggle-toggle/elements-toggle-toggle.rendered.html","name":"elements-toggle-toggle","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-toggle-disabled","patternName":"Toggle Disabled","patternState":"complete","patternPath":"elements-toggle-toggle-disabled/elements-toggle-toggle-disabled.rendered.html","name":"elements-toggle-toggle-disabled","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-toggle-on","patternName":"Toggle On","patternState":"complete","patternPath":"elements-toggle-toggle-on/elements-toggle-toggle-on.rendered.html","name":"elements-toggle-toggle-on","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-toggle-on-disabled","patternName":"Toggle On Disabled","patternState":"complete","patternPath":"elements-toggle-toggle-on-disabled/elements-toggle-toggle-on-disabled.rendered.html","name":"elements-toggle-toggle-on-disabled","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-elements-toggle","patternName":"View All","patternPath":"elements-toggle/index.html","patternGroup":"elements","patternSubgroup":"toggle","name":"elements-toggle","isDocPattern":true,"order":9007199254740991}],"order":0}],"order":1,"patternItems":[{"patternPartial":"viewall-elements-all","patternName":"View all Elements","patternPath":"elements/index.html","name":"elements","isDocPattern":true,"order":9007199254740991}]},{"patternGroupLC":"components","patternGroupUC":"Components","patternGroup":"components","patternGroupDash":"components","patternGroupItems":[{"patternSubgroupLC":"accordion","patternSubgroupUC":"Accordion","patternSubgroup":"accordion","patternSubgroupDash":"accordion","patternSubgroupItems":[{"patternPartial":"components-accordion","patternName":"Accordion","patternState":"","patternPath":"components-accordion-accordion/components-accordion-accordion.rendered.html","name":"components-accordion-accordion","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-accordion-high-emphasis","patternName":"Accordion High Emphasis","patternState":"","patternPath":"components-accordion-accordion-high-emphasis/components-accordion-accordion-high-emphasis.rendered.html","name":"components-accordion-accordion-high-emphasis","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-accordion-sizes","patternName":"Accordion Sizes","patternState":"","patternPath":"components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html","name":"components-accordion-accordion-sizes","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-accordion","patternName":"View All","patternPath":"components-accordion/index.html","patternGroup":"components","patternSubgroup":"accordion","name":"components-accordion","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"breadcrumb","patternSubgroupUC":"Breadcrumb","patternSubgroup":"breadcrumb","patternSubgroupDash":"breadcrumb","patternSubgroupItems":[{"patternPartial":"components-breadcrumb","patternName":"Breadcrumb","patternState":"inreview","patternPath":"components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html","name":"components-breadcrumb-breadcrumb","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-breadcrumb","patternName":"View All","patternPath":"components-breadcrumb/index.html","patternGroup":"components","patternSubgroup":"breadcrumb","name":"components-breadcrumb","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"cards","patternSubgroupUC":"Cards","patternSubgroup":"cards","patternSubgroupDash":"cards","patternSubgroupItems":[{"patternPartial":"components-cards-banner","patternName":"Cards Banner","patternState":"inprogress","patternPath":"components-cards-cards-banner/components-cards-cards-banner.rendered.html","name":"components-cards-cards-banner","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-cards","patternName":"View All","patternPath":"components-cards/index.html","patternGroup":"components","patternSubgroup":"cards","name":"components-cards","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"dialog","patternSubgroupUC":"Dialog","patternSubgroup":"dialog","patternSubgroupDash":"dialog","patternSubgroupItems":[{"patternPartial":"components-dialog","patternName":"Dialog","patternState":"complete","patternPath":"components-dialog-dialog/components-dialog-dialog.rendered.html","name":"components-dialog-dialog","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-dialog-button-alignment-end","patternName":"Dialog Button Alignment End","patternState":"complete","patternPath":"components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html","name":"components-dialog-dialog-button-alignment-end","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-dialog","patternName":"View All","patternPath":"components-dialog/index.html","patternGroup":"components","patternSubgroup":"dialog","name":"components-dialog","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"dropdown","patternSubgroupUC":"Dropdown","patternSubgroup":"dropdown","patternSubgroupDash":"dropdown","patternSubgroupItems":[{"patternPartial":"components-dropdown","patternName":"Dropdown","patternState":"inreview","patternPath":"components-dropdown-dropdown/components-dropdown-dropdown.rendered.html","name":"components-dropdown-dropdown","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-dropdown-opposite-position","patternName":"Dropdown (within the header area) / opposite position","patternState":"inreview","patternPath":"components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html","name":"components-dropdown-dropdown-opposite-position","isDocPattern":false,"order":0,"variantOrder":2},{"patternPartial":"viewall-components-dropdown","patternName":"View All","patternPath":"components-dropdown/index.html","patternGroup":"components","patternSubgroup":"dropdown","name":"components-dropdown","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"form","patternSubgroupUC":"Form","patternSubgroup":"form","patternSubgroupDash":"form","patternSubgroupItems":[{"patternPartial":"components-example-form","patternName":"Example Form","patternState":"complete","patternPath":"components-form-example-form/components-form-example-form.rendered.html","name":"components-form-example-form","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-form","patternName":"View All","patternPath":"components-form/index.html","patternGroup":"components","patternSubgroup":"form","name":"components-form","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"language-switcher","patternSubgroupUC":"Language Switcher","patternSubgroup":"language-switcher","patternSubgroupDash":"language-switcher","patternSubgroupItems":[{"patternPartial":"components-language-switcher","patternName":"Language switcher","patternState":"inprogress","patternPath":"components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","name":"components-language-switcher-language-switcher","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-language-switcher-spa","patternName":"Language switcher with buttons","patternState":"inprogress","patternPath":"components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","name":"components-language-switcher-language-switcher-spa","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-language-switcher","patternName":"View All","patternPath":"components-language-switcher/index.html","patternGroup":"components","patternSubgroup":"language-switcher","name":"components-language-switcher","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"notifications","patternSubgroupUC":"Notifications","patternSubgroup":"notifications","patternSubgroupDash":"notifications","patternSubgroupItems":[{"patternPartial":"components-notifications","patternName":"Notifications","patternState":"","patternPath":"components-notifications-notifications/components-notifications-notifications.rendered.html","name":"components-notifications-notifications","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-notifications-variants","patternName":"Notifications Variants","patternState":"","patternPath":"components-notifications-notifications-variants/components-notifications-notifications-variants.rendered.html","name":"components-notifications-notifications-variants","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-notifications-hovering","patternName":"Notifications Hovering","patternState":"","patternPath":"components-notifications-notifications-hovering/components-notifications-notifications-hovering.rendered.html","name":"components-notifications-notifications-hovering","isDocPattern":false,"order":0,"variantOrder":1},{"patternPartial":"components-notifications-hovering-leading-icon","patternName":"Notifications - Leading Icon","patternState":"","patternPath":"components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.rendered.html","name":"components-notifications-notifications-hovering-leading-icon","isDocPattern":false,"order":0,"variantOrder":2},{"patternPartial":"components-notifications-hovering-trailing-icon","patternName":"Notifications - Trailing Icon","patternState":"","patternPath":"components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.rendered.html","name":"components-notifications-notifications-hovering-trailing-icon","isDocPattern":false,"order":0,"variantOrder":3},{"patternPartial":"viewall-components-notifications","patternName":"View All","patternPath":"components-notifications/index.html","patternGroup":"components","patternSubgroup":"notifications","name":"components-notifications","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"overflow-menu","patternSubgroupUC":"Overflow Menu","patternSubgroup":"overflow-menu","patternSubgroupDash":"overflow-menu","patternSubgroupItems":[{"patternPartial":"components-overflow-menu","patternName":"Overflow menu","patternState":"inreview","patternPath":"components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","name":"components-overflow-menu-overflow-menu","isDocPattern":false,"order":1,"variantOrder":0},{"patternPartial":"components-overflow-menu-navigation","patternName":"Overflow menu - Navigation","patternState":"inreview","patternPath":"components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","name":"components-overflow-menu-overflow-menu-navigation","isDocPattern":false,"order":1,"variantOrder":2},{"patternPartial":"components-overflow-menu-opposite-position","patternName":"Overflow menu / opposite position","patternState":"inreview","patternPath":"components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","name":"components-overflow-menu-overflow-menu-opposite-position","isDocPattern":false,"order":1,"variantOrder":3},{"patternPartial":"components-overflow-menu-navigation-opposite-position","patternName":"Overflow menu - Navigation / opposite position","patternState":"inreview","patternPath":"components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","name":"components-overflow-menu-overflow-menu-navigation-opposite-position","isDocPattern":false,"order":1,"variantOrder":4},{"patternPartial":"viewall-components-overflow-menu","patternName":"View All","patternPath":"components-overflow-menu/index.html","patternGroup":"components","patternSubgroup":"overflow-menu","name":"components-overflow-menu","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"pagination","patternSubgroupUC":"Pagination","patternSubgroup":"pagination","patternSubgroupDash":"pagination","patternSubgroupItems":[{"patternPartial":"components-pagination","patternName":"Pagination","patternState":"inreview","patternPath":"components-pagination-pagination/components-pagination-pagination.rendered.html","name":"components-pagination-pagination","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-pagination","patternName":"View All","patternPath":"components-pagination/index.html","patternGroup":"components","patternSubgroup":"pagination","name":"components-pagination","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"sidenavi","patternSubgroupUC":"Sidenavi","patternSubgroup":"sidenavi","patternSubgroupDash":"sidenavi","patternSubgroupItems":[{"patternPartial":"components-sidenavi","patternName":"Sidenavi","patternState":"inreview","patternPath":"components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html","name":"components-sidenavi-sidenavi","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-sidenavi","patternName":"View All","patternPath":"components-sidenavi/index.html","patternGroup":"components","patternSubgroup":"sidenavi","name":"components-sidenavi","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"tab-bar","patternSubgroupUC":"Tab Bar","patternSubgroup":"tab-bar","patternSubgroupDash":"tab-bar","patternSubgroupItems":[{"patternPartial":"components-tab-bar","patternName":"Tab Bar","patternState":"","patternPath":"components-tab-bar-tab-bar/components-tab-bar-tab-bar.rendered.html","name":"components-tab-bar-tab-bar","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-tab-bar-item-icon","patternName":"Tab Bar Item Icon","patternState":"","patternPath":"components-tab-bar-tab-bar-item-icon/components-tab-bar-tab-bar-item-icon.rendered.html","name":"components-tab-bar-tab-bar-item-icon","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-tab-bar-small","patternName":"Tab Bar Small","patternState":"","patternPath":"components-tab-bar-tab-bar-small/components-tab-bar-tab-bar-small.rendered.html","name":"components-tab-bar-tab-bar-small","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-tab-bar-small-item-icon","patternName":"Tab Bar Small Item Icon","patternState":"","patternPath":"components-tab-bar-tab-bar-small-item-icon/components-tab-bar-tab-bar-small-item-icon.rendered.html","name":"components-tab-bar-tab-bar-small-item-icon","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-tab-bar","patternName":"View All","patternPath":"components-tab-bar/index.html","patternGroup":"components","patternSubgroup":"tab-bar","name":"components-tab-bar","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"table","patternSubgroupUC":"Table","patternSubgroup":"table","patternSubgroupDash":"table","patternSubgroupItems":[{"patternPartial":"components-table","patternName":"Table","patternState":"inreview","patternPath":"components-table-table/components-table-table.rendered.html","name":"components-table-table","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-alignments","patternName":"Table - alignment","patternState":"inreview","patternPath":"components-table-table-alignments/components-table-table-alignments.rendered.html","name":"components-table-table-alignments","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-border-around","patternName":"Table - border around cells","patternState":"inreview","patternPath":"components-table-table-border-around/components-table-table-border-around.rendered.html","name":"components-table-table-border-around","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-border-horizontal","patternName":"Table - border horizontal","patternState":"inreview","patternPath":"components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html","name":"components-table-table-border-horizontal","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-density","patternName":"Table - density","patternState":"inreview","patternPath":"components-table-table-density/components-table-table-density.rendered.html","name":"components-table-table-density","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-font-size","patternName":"Table - font size","patternState":"inreview","patternPath":"components-table-table-font-size/components-table-table-font-size.rendered.html","name":"components-table-table-font-size","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-icons","patternName":"Table - icons","patternState":"inreview","patternPath":"components-table-table-icons/components-table-table-icons.rendered.html","name":"components-table-table-icons","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-overflow-menu","patternName":"Table Overflow Menu","patternState":"inreview","patternPath":"components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html","name":"components-table-table-overflow-menu","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-row-title","patternName":"Table Row Title","patternState":"inreview","patternPath":"components-table-table-row-title/components-table-table-row-title.rendered.html","name":"components-table-table-row-title","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-rows-zebra","patternName":"Table - row zebra styling","patternState":"inreview","patternPath":"components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html","name":"components-table-table-rows-zebra","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-sticky-header","patternName":"Table - sticky header","patternState":"inreview","patternPath":"components-table-table-sticky-header/components-table-table-sticky-header.rendered.html","name":"components-table-table-sticky-header","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-table","patternName":"View All","patternPath":"components-table/index.html","patternGroup":"components","patternSubgroup":"table","name":"components-table","isDocPattern":true,"order":9007199254740991}],"order":0}],"order":2,"patternItems":[{"patternPartial":"viewall-components-all","patternName":"View all Components","patternPath":"components/index.html","name":"components","isDocPattern":true,"order":9007199254740991}]},{"patternGroupLC":"areas","patternGroupUC":"Areas","patternGroup":"areas","patternGroupDash":"areas","patternGroupItems":[{"patternSubgroupLC":"footer","patternSubgroupUC":"Footer","patternSubgroup":"footer","patternSubgroupDash":"footer","patternSubgroupItems":[{"patternPartial":"areas-footer","patternName":"Footer","patternState":"inprogress","patternPath":"areas-footer-footer/areas-footer-footer.rendered.html","name":"areas-footer-footer","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"areas-footer-with-border","patternName":"Footer With Border","patternState":"inprogress","patternPath":"areas-footer-footer-with-border/areas-footer-footer-with-border.rendered.html","name":"areas-footer-footer-with-border","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-areas-footer","patternName":"View All","patternPath":"areas-footer/index.html","patternGroup":"areas","patternSubgroup":"footer","name":"areas-footer","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"grid","patternSubgroupUC":"Grid","patternSubgroup":"grid","patternSubgroupDash":"grid","patternSubgroupItems":[{"patternPartial":"areas-grid","patternName":"Grid","patternState":"inprogress","patternPath":"areas-grid-grid/areas-grid-grid.rendered.html","name":"areas-grid-grid","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-areas-grid","patternName":"View All","patternPath":"areas-grid/index.html","patternGroup":"areas","patternSubgroup":"grid","name":"areas-grid","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"header","patternSubgroupUC":"Header","patternSubgroup":"header","patternSubgroupDash":"header","patternSubgroupItems":[{"patternPartial":"areas-header","patternName":"Header","patternState":"inprogress","patternPath":"areas-header-header/areas-header-header.rendered.html","name":"areas-header-header","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"areas-header-loggedin","patternName":"Header Loggedin","patternState":"inprogress","patternPath":"areas-header-header-loggedin/areas-header-header-loggedin.rendered.html","name":"areas-header-header-loggedin","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"areas-meta","patternName":"Meta","patternState":"inprogress","patternPath":"areas-header-meta/areas-header-meta.rendered.html","name":"areas-header-meta","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-areas-header","patternName":"View All","patternPath":"areas-header/index.html","patternGroup":"areas","patternSubgroup":"header","name":"areas-header","isDocPattern":true,"order":9007199254740991}],"order":0}],"order":30,"patternItems":[{"patternPartial":"viewall-areas-all","patternName":"View all Areas","patternPath":"areas/index.html","name":"areas","isDocPattern":true,"order":9007199254740991}]},{"patternGroupLC":"pages","patternGroupUC":"Pages","patternGroup":"pages","patternGroupDash":"pages","patternGroupItems":[],"order":40,"patternItems":[{"patternPartial":"pages-sample-page","patternName":"Sample Page","patternState":"inprogress","patternPath":"pages-sample-page/pages-sample-page.rendered.html","name":"pages-sample-page","isDocPattern":false,"order":0,"variantOrder":0}]}], "ishControlsHide": {"s":false,"m":false,"l":false,"full":false,"random":false,"disco":true,"hay":true,"mqs":false,"find":false,"views-all":false,"views-annotations":false,"views-code":false,"views-new":false,"tools-all":false,"tools-docs":false}};
+var patternPaths = {"areas":{"footer":"areas-footer-footer","footer-with-border":"areas-footer-footer-with-border","grid":"areas-grid-grid","header":"areas-header-header","header-loggedin":"areas-header-header-loggedin","meta":"areas-header-meta"},"base":{"feedback":"base-colors-feedback","poi":"base-colors-poi","primary":"base-colors-primary","secondary":"base-colors-secondary","transportation":"base-colors-transportation","icon-library":"base-icons-icon-library","icon-library-16-filled-action":"base-icons-icon-library-16-filled-action","icon-library-16-filled-navigation":"base-icons-icon-library-16-filled-navigation","icon-library-16-filled-notification":"base-icons-icon-library-16-filled-notification","icon-library-16-outline-action":"base-icons-icon-library-16-outline-action","icon-library-16-outline-navigation":"base-icons-icon-library-16-outline-navigation","icon-library-20-filled-action":"base-icons-icon-library-20-filled-action","icon-library-20-filled-av":"base-icons-icon-library-20-filled-av","icon-library-20-filled-communication":"base-icons-icon-library-20-filled-communication","icon-library-20-filled-feature":"base-icons-icon-library-20-filled-feature","icon-library-20-filled-food":"base-icons-icon-library-20-filled-food","icon-library-20-filled-it":"base-icons-icon-library-20-filled-it","icon-library-20-filled-journey":"base-icons-icon-library-20-filled-journey","icon-library-20-filled-maps":"base-icons-icon-library-20-filled-maps","icon-library-20-filled-navigation":"base-icons-icon-library-20-filled-navigation","icon-library-20-filled-notification":"base-icons-icon-library-20-filled-notification","icon-library-20-filled-ticket":"base-icons-icon-library-20-filled-ticket","icon-library-20-filled-transportation":"base-icons-icon-library-20-filled-transportation","icon-library-20-outline-action":"base-icons-icon-library-20-outline-action","icon-library-20-outline-av":"base-icons-icon-library-20-outline-av","icon-library-20-outline-brand":"base-icons-icon-library-20-outline-brand","icon-library-20-outline-communication":"base-icons-icon-library-20-outline-communication","icon-library-20-outline-covid-19":"base-icons-icon-library-20-outline-covid-19","icon-library-20-outline-facilities":"base-icons-icon-library-20-outline-facilities","icon-library-20-outline-feature":"base-icons-icon-library-20-outline-feature","icon-library-20-outline-food":"base-icons-icon-library-20-outline-food","icon-library-20-outline-it":"base-icons-icon-library-20-outline-it","icon-library-20-outline-journey":"base-icons-icon-library-20-outline-journey","icon-library-20-outline-maps":"base-icons-icon-library-20-outline-maps","icon-library-20-outline-navigation":"base-icons-icon-library-20-outline-navigation","icon-library-20-outline-notification":"base-icons-icon-library-20-outline-notification","icon-library-20-outline-seat":"base-icons-icon-library-20-outline-seat","icon-library-20-outline-ticket":"base-icons-icon-library-20-outline-ticket","icon-library-20-outline-transportation":"base-icons-icon-library-20-outline-transportation","icon-library-24-filled-action":"base-icons-icon-library-24-filled-action","icon-library-24-filled-av":"base-icons-icon-library-24-filled-av","icon-library-24-filled-journey":"base-icons-icon-library-24-filled-journey","icon-library-24-filled-maps":"base-icons-icon-library-24-filled-maps","icon-library-24-filled-navigation":"base-icons-icon-library-24-filled-navigation","icon-library-24-filled-notification":"base-icons-icon-library-24-filled-notification","icon-library-24-filled-transportation":"base-icons-icon-library-24-filled-transportation","icon-library-24-outline-action":"base-icons-icon-library-24-outline-action","icon-library-24-outline-av":"base-icons-icon-library-24-outline-av","icon-library-24-outline-brand":"base-icons-icon-library-24-outline-brand","icon-library-24-outline-communication":"base-icons-icon-library-24-outline-communication","icon-library-24-outline-covid-19":"base-icons-icon-library-24-outline-covid-19","icon-library-24-outline-facilities":"base-icons-icon-library-24-outline-facilities","icon-library-24-outline-feature":"base-icons-icon-library-24-outline-feature","icon-library-24-outline-food":"base-icons-icon-library-24-outline-food","icon-library-24-outline-it":"base-icons-icon-library-24-outline-it","icon-library-24-outline-journey":"base-icons-icon-library-24-outline-journey","icon-library-24-outline-maps":"base-icons-icon-library-24-outline-maps","icon-library-24-outline-navigation":"base-icons-icon-library-24-outline-navigation","icon-library-24-outline-notification":"base-icons-icon-library-24-outline-notification","icon-library-24-outline-seat":"base-icons-icon-library-24-outline-seat","icon-library-24-outline-ticket":"base-icons-icon-library-24-outline-ticket","icon-library-24-outline-transportation":"base-icons-icon-library-24-outline-transportation","icon-library-32-filled-action":"base-icons-icon-library-32-filled-action","icon-library-32-filled-av":"base-icons-icon-library-32-filled-av","icon-library-32-filled-maps":"base-icons-icon-library-32-filled-maps","icon-library-32-filled-navigation":"base-icons-icon-library-32-filled-navigation","icon-library-32-filled-notification":"base-icons-icon-library-32-filled-notification","icon-library-32-filled-transportation":"base-icons-icon-library-32-filled-transportation","icon-library-32-outline-action":"base-icons-icon-library-32-outline-action","icon-library-32-outline-av":"base-icons-icon-library-32-outline-av","icon-library-32-outline-brand":"base-icons-icon-library-32-outline-brand","icon-library-32-outline-communication":"base-icons-icon-library-32-outline-communication","icon-library-32-outline-covid-19":"base-icons-icon-library-32-outline-covid-19","icon-library-32-outline-facilities":"base-icons-icon-library-32-outline-facilities","icon-library-32-outline-feature":"base-icons-icon-library-32-outline-feature","icon-library-32-outline-food":"base-icons-icon-library-32-outline-food","icon-library-32-outline-it":"base-icons-icon-library-32-outline-it","icon-library-32-outline-journey":"base-icons-icon-library-32-outline-journey","icon-library-32-outline-maps":"base-icons-icon-library-32-outline-maps","icon-library-32-outline-navigation":"base-icons-icon-library-32-outline-navigation","icon-library-32-outline-notification":"base-icons-icon-library-32-outline-notification","icon-library-32-outline-seat":"base-icons-icon-library-32-outline-seat","icon-library-32-outline-ticket":"base-icons-icon-library-32-outline-ticket","icon-library-32-outline-transportation":"base-icons-icon-library-32-outline-transportation","icon-library-48-filled-av":"base-icons-icon-library-48-filled-av","icon-library-48-outline-av":"base-icons-icon-library-48-outline-av","icon-library-48-outline-brand":"base-icons-icon-library-48-outline-brand","icon-library-64-filled-av":"base-icons-icon-library-64-filled-av","icon-library-64-outline-av":"base-icons-icon-library-64-outline-av","icon-library-64-outline-brand":"base-icons-icon-library-64-outline-brand","illustration-icons":"base-icons-illustration-icons","fonts":"base-type-fonts","highlight-colors-1st-priority":"base-type-highlight-colors-1st-priority","highlight-colors-2nd-priority":"base-type-highlight-colors-2nd-priority","highlight-colors-neutral":"base-type-highlight-colors-neutral","highlight-colors-positive":"base-type-highlight-colors-positive"},"components":{"accordion":"components-accordion-accordion","accordion-high-emphasis":"components-accordion-accordion-high-emphasis","accordion-sizes":"components-accordion-accordion-sizes","breadcrumb":"components-breadcrumb-breadcrumb","cards-banner":"components-cards-cards-banner","dialog":"components-dialog-dialog","dialog-button-alignment-end":"components-dialog-dialog-button-alignment-end","dropdown":"components-dropdown-dropdown","dropdown-opposite-position":"components-dropdown-dropdown-opposite-position","example-form":"components-form-example-form","language-switcher":"components-language-switcher-language-switcher","language-switcher-spa":"components-language-switcher-language-switcher-spa","notifications":"components-notifications-notifications","notifications-hovering":"components-notifications-notifications-hovering","notifications-hovering-leading-icon":"components-notifications-notifications-hovering-leading-icon","notifications-hovering-trailing-icon":"components-notifications-notifications-hovering-trailing-icon","notifications-variants":"components-notifications-notifications-variants","overflow-menu":"components-overflow-menu-overflow-menu","overflow-menu-navigation":"components-overflow-menu-overflow-menu-navigation","overflow-menu-navigation-opposite-position":"components-overflow-menu-overflow-menu-navigation-opposite-position","overflow-menu-opposite-position":"components-overflow-menu-overflow-menu-opposite-position","pagination":"components-pagination-pagination","sidenavi":"components-sidenavi-sidenavi","tab-bar":"components-tab-bar-tab-bar","tab-bar-item-icon":"components-tab-bar-tab-bar-item-icon","tab-bar-small":"components-tab-bar-tab-bar-small","tab-bar-small-item-icon":"components-tab-bar-tab-bar-small-item-icon","table":"components-table-table","table-alignments":"components-table-table-alignments","table-border-around":"components-table-table-border-around","table-border-horizontal":"components-table-table-border-horizontal","table-density":"components-table-table-density","table-font-size":"components-table-table-font-size","table-icons":"components-table-table-icons","table-overflow-menu":"components-table-table-overflow-menu","table-row-title":"components-table-table-row-title","table-rows-zebra":"components-table-table-rows-zebra","table-sticky-header":"components-table-table-sticky-header"},"elements":{"button-brand-primary":"elements-buttons-01-button-brand-primary","button-primary":"elements-buttons-03-button-primary","button-secondary-outline":"elements-buttons-04-button-secondary-outline","button-secondary-solid":"elements-buttons-05-button-secondary-solid","button-tertiary-plain":"elements-buttons-06-button-tertiary-plain","button-sizes":"elements-buttons-09-button-sizes","button-width":"elements-buttons-10-button-width","button":"elements-buttons-button","checkbox":"elements-checkbox-checkbox","checkbox-checked":"elements-checkbox-checkbox-checked","checkbox-disabled":"elements-checkbox-checkbox-disabled","checkbox-disabled-checked":"elements-checkbox-checkbox-disabled-checked","checkbox-indeterminate":"elements-checkbox-checkbox-indeterminate","checkbox-label-hidden":"elements-checkbox-checkbox-label-hidden","checkbox-on-dark-background":"elements-checkbox-checkbox-on-dark-background","checkbox-on-dark-background-checked":"elements-checkbox-checkbox-on-dark-background-checked","checkbox-on-dark-background-disabled":"elements-checkbox-checkbox-on-dark-background-disabled","checkbox-on-dark-background-disabled-checked":"elements-checkbox-checkbox-on-dark-background-disabled-checked","checkbox-on-dark-background-indeterminate":"elements-checkbox-checkbox-on-dark-background-indeterminate","chips":"elements-chips-chips","chips-disabled":"elements-chips-chips-disabled","chips-type-selection":"elements-chips-chips-type-selection","chips-with-icon":"elements-chips-chips-with-icon","headline":"elements-headline-headline","headline-pulse":"elements-headline-headline-pulse","image":"elements-image-image","image-avif":"elements-image-image-avif","image-lazy-loading":"elements-image-image-lazy-loading","image-responsive-density":"elements-image-image-responsive-density","image-responsive-mediaquery":"elements-image-image-responsive-mediaquery","image-webp":"elements-image-image-webp","image-with-caption":"elements-image-image-with-caption","input":"elements-input-input","input-auto-suggest":"elements-input-input-auto-suggest","input-description":"elements-input-input-description","input-disabled":"elements-input-input-disabled","input-filled":"elements-input-input-filled","input-hidden-label":"elements-input-input-hidden-label","input-invalid":"elements-input-input-invalid","input-invalid-attribute":"elements-input-input-invalid-attribute","input-search":"elements-input-input-search","input-search-filled":"elements-input-input-search-filled","input-valid":"elements-input-input-valid","input-variations":"elements-input-input-variations","links":"elements-link-links","links-small":"elements-link-links-small","loading-indicator":"elements-loading-indicator-loading-indicator","loading-indicator-size-l":"elements-loading-indicator-loading-indicator-size-l","loading-indicator-size-m":"elements-loading-indicator-loading-indicator-size-m","loading-indicator-size-s":"elements-loading-indicator-loading-indicator-size-s","loading-indicator-size-xl":"elements-loading-indicator-loading-indicator-size-xl","loading-indicator-size-XS":"elements-loading-indicator-loading-indicator-size-XS","logo":"elements-logo-logo","logo-on-backgrounds":"elements-logo-logo-on-backgrounds","logo-sizes":"elements-logo-logo-sizes","logo-with-following-headline":"elements-logo-logo-with-following-headline","progress":"elements-progress-progress","progress-linear-spinner":"elements-progress-progress-linear-spinner","progress-linear-spinner-indeterminate":"elements-progress-progress-linear-spinner-indeterminate","radios":"elements-radio-radios","radios-checked":"elements-radio-radios-checked","radios-disabled":"elements-radio-radios-disabled","radios-disabled-checked":"elements-radio-radios-disabled-checked","radios-invalid-attribute":"elements-radio-radios-invalid-attribute","radios-label-hidden":"elements-radio-radios-label-hidden","radios-required":"elements-radio-radios-required","select":"elements-select-select","select-hidden-label":"elements-select-select-hidden-label","select-invalid-attribute":"elements-select-select-invalid-attribute","select-variations":"elements-select-select-variations","select-variations-disabled":"elements-select-select-variations-disabled","select-variations-optgroups":"elements-select-select-variations-optgroups","tags":"elements-tags-tags","tags-small":"elements-tags-tags-small","tags-with-icon":"elements-tags-tags-with-icon","textarea":"elements-textarea-textarea","textarea-description":"elements-textarea-textarea-description","textarea-disabled":"elements-textarea-textarea-disabled","textarea-filled":"elements-textarea-textarea-filled","textarea-hidden-label":"elements-textarea-textarea-hidden-label","textarea-invalid":"elements-textarea-textarea-invalid","textarea-invalid-attribute":"elements-textarea-textarea-invalid-attribute","textarea-valid":"elements-textarea-textarea-valid","textarea-variations":"elements-textarea-textarea-variations","toggle":"elements-toggle-toggle","toggle-disabled":"elements-toggle-toggle-disabled","toggle-on":"elements-toggle-toggle-on","toggle-on-disabled":"elements-toggle-toggle-on-disabled"},"pages":{"sample-page":"pages-sample-page","intro":"pages-intro"}};
+var viewAllPaths = {"areas":{"footer":"areas-footer","all":"areas","grid":"areas-grid","header":"areas-header"},"base":{"colors":"base-colors","all":"base","icons":"base-icons","type":"base-type"},"components":{"accordion":"components-accordion","all":"components","breadcrumb":"components-breadcrumb","cards":"components-cards","dialog":"components-dialog","dropdown":"components-dropdown","form":"components-form","language-switcher":"components-language-switcher","notifications":"components-notifications","overflow-menu":"components-overflow-menu","pagination":"components-pagination","sidenavi":"components-sidenavi","tab-bar":"components-tab-bar","table":"components-table"},"elements":{"buttons":"elements-buttons","all":"elements","checkbox":"elements-checkbox","chips":"elements-chips","headline":"elements-headline","image":"elements-image","input":"elements-input","link":"elements-link","loading-indicator":"elements-loading-indicator","logo":"elements-logo","progress":"elements-progress","radio":"elements-radio","select":"elements-select","tags":"elements-tags","textarea":"elements-textarea","toggle":"elements-toggle"},"pages":{"all":"pages"}};
+var plugins = [{"name":"@mfranzke/plugin-node-uiextension","templates":[],"stylesheets":["../../../css/pattern-scaffolding-project-specific.css"],"javascripts":["patternlab-components/pattern-lab/@mfranzke-plugin-node-uiextension/js/@mfranzke-plugin-node-uiextension.js"],"onready":"PluginUIExtension.init()","callback":"","navLinks":{"before":[],"after":[]},"toolLinks":{"before":[],"after":[{"text":"Imprint","url":"https://www.dbsystel.de/dbsystel-en/legal-3715942","class":"","icon":"help"},{"text":"Datenschutzerklärung","url":"https://db-ui.github.io/datenschutzerklaerung.html","class":"","icon":"help"}]}}];
+var defaultShowPatternInfo = false;
+var defaultPattern = "pages-intro";
+module.exports = { config, ishControls, navItems, patternPaths, viewAllPaths, plugins, defaultShowPatternInfo, defaultPattern };
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/data/patternlab-data.js b/review/refactor-icon-update/styleguide/data/patternlab-data.js
new file mode 100644
index 0000000000..53d743f9fb
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/data/patternlab-data.js
@@ -0,0 +1,8 @@
+var config = {"cacheBust":true,"cleanPublic":true,"defaultPattern":"pages-intro","defaultShowPatternInfo":false,"defaultPatternInfoPanelCode":"html","defaultInitialViewportWidth":true,"disableDeprecationWarningForOrderPatterns":true,"disableDeprecationWarningForHiddenPatterns":true,"ishControlsHide":{"s":false,"m":false,"l":false,"full":false,"random":false,"disco":true,"hay":true,"mqs":false,"find":false,"views-all":false,"views-annotations":false,"views-code":false,"views-new":false,"tools-all":false,"tools-docs":false},"ishViewportRange":{"s":[360,500],"m":[500,800],"l":[800,2600]},"logLevel":"info","outputFileSuffixes":{"rendered":".rendered","rawTemplate":"","markupOnly":".markup-only"},"paths":{"source":{"root":"./source/","patterns":"./source/_patterns/","data":"./source/_data/enterprise/","meta":"./source/_meta/","annotations":"./source/_annotations/","styleguide":"dist/","patternlabFiles":{"general-header":"views/partials/general-header.mustache","general-footer":"views/partials/general-footer.mustache","patternSection":"views/partials/patternSection.mustache","patternSectionSubgroup":"views/partials/patternSectionSubgroup.mustache","viewall":"views/viewall.mustache"},"js":"./source/js","images":"./source/images","fonts":"./node_modules/@db-ui/base/build/assets/fonts","css":"./source/css","icons":"./node_modules/@db-ui/base/build/assets/icons","samples":"./source/samples","iframeResizer.contentWindow.js":"node_modules/iframe-resizer/js/iframeResizer.contentWindow.js","invokers-polyfill.js":"node_modules/invokers-polyfill/invoker.min.js","details-element-polyfill.js":"node_modules/details-element-polyfill/dist/details-element-polyfill.js","dialog-polyfill.js":"node_modules/dialog-polyfill/dist/dialog-polyfill.js","dialog-polyfill.css":"node_modules/dialog-polyfill/dist/dialog-polyfill.css","sitemap":"./source/sitemap.xml"},"public":{"root":"out/","patterns":"out/patterns/","data":"out/styleguide/data/","annotations":"out/annotations/","styleguide":"out/styleguide/","js":"out/js","images":"out/images","fonts":"out/fonts","css":"out/css","icons":"out/icons","samples":"out/samples","iframeResizer.contentWindow.js":"out/js/iframeResizer.contentWindow.js","invokers-polyfill.js":"out/js/invoker.min.js","details-element-polyfill.js":"out/js/details-element-polyfill.js","dialog-polyfill.js":"out/js/dialog-polyfill.js","dialog-polyfill.css":"out/css/dialog-polyfill.css","sitemap":"out/sitemap.xml"}},"patternExtension":"hbs","patternStateCascade":["inevaluation","inprogress","inreview","complete"],"patternExportAll":false,"patternExportDirectory":"pattern_exports","patternExportPatternPartials":[],"patternExportPreserveDirectoryStructure":true,"patternExportRaw":false,"patternMergeVariantArrays":true,"renderFlatPatternsOnViewAllPages":false,"serverOptions":{"wait":1000,"port":8080,"ignore":"/^.*public/(?!.*[.]css$).*$/i"},"starterkitSubDir":"dist","styleGuideExcludes":["pages"],"theme":{"color":"light","density":"compact","layout":"vertical","logo":{"text":"","altText":"Deutsche Bahn Logo","url":"./","srcLight":"images/db_logo.svg","srcDark":"images/db_logo.svg","width":"33","height":"23"}},"uikits":[{"name":"uikit-workshop","package":"@pattern-lab/uikit-workshop","outputDir":"","enabled":true,"excludedPatternStates":[],"excludedTags":["style-1.6"]}],"engines":{"handlebars":{"package":"@pattern-lab/engine-handlebars","extensions":["hbs"],"extend":"helpers/*.js"},"mustache":{"package":"@pattern-lab/engine-mustache","extensions":"mustache"}},"transformedAssetTypes":["scss"],"plugins":{"@mfranzke/plugin-node-uiextension":{"enabled":true,"initialized":false,"options":{"stylesheets":["css/pattern-scaffolding-project-specific.css"],"navLinks":{"before":[],"after":[]},"toolLinks":{"before":[],"after":[{"text":"Imprint","url":"https://www.dbsystel.de/dbsystel-en/legal-3715942","class":"","icon":"help"},{"text":"Datenschutzerklärung","url":"https://db-ui.github.io/datenschutzerklaerung.html","class":"","icon":"help"}]}}},"plugin-node-patternlab-inline-remote-assets":{"enabled":true,"initialized":false,"options":{}}}};
+var ishControls = {"ishControlsHide":{"s":false,"m":false,"l":false,"full":false,"random":false,"disco":true,"hay":true,"mqs":false,"find":false,"views-all":false,"views-annotations":false,"views-code":false,"views-new":false,"tools-all":false,"tools-docs":false}};
+var navItems = {"patternGroups": [{"patternGroupLC":"base","patternGroupUC":"Base","patternGroup":"base","patternGroupDash":"base","patternGroupItems":[{"patternSubgroupLC":"colors","patternSubgroupUC":"Colors","patternSubgroup":"colors","patternSubgroupDash":"colors","patternSubgroupItems":[{"patternPartial":"base-primary","patternName":"Marketingportal Brand Colors - Primary","patternState":"complete","patternPath":"base-colors-primary/base-colors-primary.rendered.html","name":"base-colors-primary","isDocPattern":false,"order":10,"variantOrder":0},{"patternPartial":"base-secondary","patternName":"Marketingportal Brand Colors - Secondary","patternState":"complete","patternPath":"base-colors-secondary/base-colors-secondary.rendered.html","name":"base-colors-secondary","isDocPattern":false,"order":20,"variantOrder":0},{"patternPartial":"base-feedback","patternName":"Marketingportal Brand Colors - Feedback","patternState":"inreview","patternPath":"base-colors-feedback/base-colors-feedback.rendered.html","name":"base-colors-feedback","isDocPattern":false,"order":30,"variantOrder":0},{"patternPartial":"base-poi","patternName":"Marketingportal Brand Colors - POI","patternState":"inreview","patternPath":"base-colors-poi/base-colors-poi.rendered.html","name":"base-colors-poi","isDocPattern":false,"order":40,"variantOrder":0},{"patternPartial":"base-transportation","patternName":"Marketingportal Brand Colors - Transport","patternState":"complete","patternPath":"base-colors-transportation/base-colors-transportation.rendered.html","name":"base-colors-transportation","isDocPattern":false,"order":50,"variantOrder":0},{"patternPartial":"viewall-base-colors","patternName":"View All","patternPath":"base-colors/index.html","patternGroup":"base","patternSubgroup":"colors","name":"base-colors","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"icons","patternSubgroupUC":"Icons","patternSubgroup":"icons","patternSubgroupDash":"icons","patternSubgroupItems":[{"patternPartial":"base-icon-library","patternName":"Icon Library","patternState":"","patternPath":"base-icons-icon-library/base-icons-icon-library.rendered.html","name":"base-icons-icon-library","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-16-filled-action","patternName":"DB Icons 16x16 - Filled - Action","patternState":"complete","patternPath":"base-icons-icon-library-16-filled-action/base-icons-icon-library-16-filled-action.rendered.html","name":"base-icons-icon-library-16-filled-action","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-16-filled-navigation","patternName":"DB Icons 16x16 - Filled - Navigation","patternState":"complete","patternPath":"base-icons-icon-library-16-filled-navigation/base-icons-icon-library-16-filled-navigation.rendered.html","name":"base-icons-icon-library-16-filled-navigation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-16-filled-notification","patternName":"DB Icons 16x16 - Filled - Notification","patternState":"complete","patternPath":"base-icons-icon-library-16-filled-notification/base-icons-icon-library-16-filled-notification.rendered.html","name":"base-icons-icon-library-16-filled-notification","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-16-outline-action","patternName":"DB Icons 16x16 - Outline - Action","patternState":"complete","patternPath":"base-icons-icon-library-16-outline-action/base-icons-icon-library-16-outline-action.rendered.html","name":"base-icons-icon-library-16-outline-action","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-16-outline-navigation","patternName":"DB Icons 16x16 - Outline - Navigation","patternState":"complete","patternPath":"base-icons-icon-library-16-outline-navigation/base-icons-icon-library-16-outline-navigation.rendered.html","name":"base-icons-icon-library-16-outline-navigation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-action","patternName":"DB Icons 20x20 - Filled - Action","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-action/base-icons-icon-library-20-filled-action.rendered.html","name":"base-icons-icon-library-20-filled-action","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-av","patternName":"DB Icons 20x20 - Filled - AV","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-av/base-icons-icon-library-20-filled-av.rendered.html","name":"base-icons-icon-library-20-filled-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-communication","patternName":"DB Icons 20x20 - Filled - Communication","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-communication/base-icons-icon-library-20-filled-communication.rendered.html","name":"base-icons-icon-library-20-filled-communication","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-feature","patternName":"DB Icons 20x20 - Filled - Feature","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-feature/base-icons-icon-library-20-filled-feature.rendered.html","name":"base-icons-icon-library-20-filled-feature","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-food","patternName":"DB Icons 20x20 - Filled - Food","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-food/base-icons-icon-library-20-filled-food.rendered.html","name":"base-icons-icon-library-20-filled-food","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-it","patternName":"DB Icons 20x20 - Filled - IT","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-it/base-icons-icon-library-20-filled-it.rendered.html","name":"base-icons-icon-library-20-filled-it","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-journey","patternName":"DB Icons 20x20 - Filled - Journey","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-journey/base-icons-icon-library-20-filled-journey.rendered.html","name":"base-icons-icon-library-20-filled-journey","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-maps","patternName":"DB Icons 20x20 - Filled - Maps","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-maps/base-icons-icon-library-20-filled-maps.rendered.html","name":"base-icons-icon-library-20-filled-maps","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-navigation","patternName":"DB Icons 20x20 - Filled - Navigation","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-navigation/base-icons-icon-library-20-filled-navigation.rendered.html","name":"base-icons-icon-library-20-filled-navigation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-notification","patternName":"DB Icons 20x20 - Filled - Notification","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-notification/base-icons-icon-library-20-filled-notification.rendered.html","name":"base-icons-icon-library-20-filled-notification","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-ticket","patternName":"DB Icons 20x20 - Filled - Ticket","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-ticket/base-icons-icon-library-20-filled-ticket.rendered.html","name":"base-icons-icon-library-20-filled-ticket","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-filled-transportation","patternName":"DB Icons 20x20 - Filled - Transportation","patternState":"complete","patternPath":"base-icons-icon-library-20-filled-transportation/base-icons-icon-library-20-filled-transportation.rendered.html","name":"base-icons-icon-library-20-filled-transportation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-action","patternName":"DB Icons 20x20 - Outline - Action","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-action/base-icons-icon-library-20-outline-action.rendered.html","name":"base-icons-icon-library-20-outline-action","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-av","patternName":"DB Icons 20x20 - Outline - AV","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-av/base-icons-icon-library-20-outline-av.rendered.html","name":"base-icons-icon-library-20-outline-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-brand","patternName":"DB Icons 20x20 - Outline - Brand","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-brand/base-icons-icon-library-20-outline-brand.rendered.html","name":"base-icons-icon-library-20-outline-brand","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-communication","patternName":"DB Icons 20x20 - Outline - Communication","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-communication/base-icons-icon-library-20-outline-communication.rendered.html","name":"base-icons-icon-library-20-outline-communication","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-covid-19","patternName":"DB Icons 20x20 - Outline - Covid 19","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-covid-19/base-icons-icon-library-20-outline-covid-19.rendered.html","name":"base-icons-icon-library-20-outline-covid-19","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-facilities","patternName":"DB Icons 20x20 - Outline - Facilities","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-facilities/base-icons-icon-library-20-outline-facilities.rendered.html","name":"base-icons-icon-library-20-outline-facilities","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-feature","patternName":"DB Icons 20x20 - Outline - Feature","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-feature/base-icons-icon-library-20-outline-feature.rendered.html","name":"base-icons-icon-library-20-outline-feature","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-food","patternName":"DB Icons 20x20 - Outline - Food","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-food/base-icons-icon-library-20-outline-food.rendered.html","name":"base-icons-icon-library-20-outline-food","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-it","patternName":"DB Icons 20x20 - Outline - IT","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-it/base-icons-icon-library-20-outline-it.rendered.html","name":"base-icons-icon-library-20-outline-it","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-journey","patternName":"DB Icons 20x20 - Outline - Journey","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-journey/base-icons-icon-library-20-outline-journey.rendered.html","name":"base-icons-icon-library-20-outline-journey","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-maps","patternName":"DB Icons 20x20 - Outline - Maps","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-maps/base-icons-icon-library-20-outline-maps.rendered.html","name":"base-icons-icon-library-20-outline-maps","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-navigation","patternName":"DB Icons 20x20 - Outline - Navigation","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-navigation/base-icons-icon-library-20-outline-navigation.rendered.html","name":"base-icons-icon-library-20-outline-navigation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-notification","patternName":"DB Icons 20x20 - Outline - Notification","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-notification/base-icons-icon-library-20-outline-notification.rendered.html","name":"base-icons-icon-library-20-outline-notification","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-seat","patternName":"DB Icons 20x20 - Outline - Seat","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-seat/base-icons-icon-library-20-outline-seat.rendered.html","name":"base-icons-icon-library-20-outline-seat","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-ticket","patternName":"DB Icons 20x20 - Outline - Ticket","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-ticket/base-icons-icon-library-20-outline-ticket.rendered.html","name":"base-icons-icon-library-20-outline-ticket","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-20-outline-transportation","patternName":"DB Icons 20x20 - Outline - Transportation","patternState":"complete","patternPath":"base-icons-icon-library-20-outline-transportation/base-icons-icon-library-20-outline-transportation.rendered.html","name":"base-icons-icon-library-20-outline-transportation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-filled-action","patternName":"DB Icons 24x24 - Filled - Action","patternState":"complete","patternPath":"base-icons-icon-library-24-filled-action/base-icons-icon-library-24-filled-action.rendered.html","name":"base-icons-icon-library-24-filled-action","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-filled-av","patternName":"DB Icons 24x24 - Filled - AV","patternState":"complete","patternPath":"base-icons-icon-library-24-filled-av/base-icons-icon-library-24-filled-av.rendered.html","name":"base-icons-icon-library-24-filled-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-filled-journey","patternName":"DB Icons 24x24 - Filled - Journey","patternState":"complete","patternPath":"base-icons-icon-library-24-filled-journey/base-icons-icon-library-24-filled-journey.rendered.html","name":"base-icons-icon-library-24-filled-journey","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-filled-maps","patternName":"DB Icons 24x24 - Filled - Maps","patternState":"complete","patternPath":"base-icons-icon-library-24-filled-maps/base-icons-icon-library-24-filled-maps.rendered.html","name":"base-icons-icon-library-24-filled-maps","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-filled-navigation","patternName":"DB Icons 24x24 - Filled - Navigation","patternState":"complete","patternPath":"base-icons-icon-library-24-filled-navigation/base-icons-icon-library-24-filled-navigation.rendered.html","name":"base-icons-icon-library-24-filled-navigation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-filled-notification","patternName":"DB Icons 24x24 - Filled - Notification","patternState":"complete","patternPath":"base-icons-icon-library-24-filled-notification/base-icons-icon-library-24-filled-notification.rendered.html","name":"base-icons-icon-library-24-filled-notification","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-filled-transportation","patternName":"DB Icons 24x24 - Filled - Transportation","patternState":"complete","patternPath":"base-icons-icon-library-24-filled-transportation/base-icons-icon-library-24-filled-transportation.rendered.html","name":"base-icons-icon-library-24-filled-transportation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-action","patternName":"DB Icons 24x24 - Outline - Action","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-action/base-icons-icon-library-24-outline-action.rendered.html","name":"base-icons-icon-library-24-outline-action","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-av","patternName":"DB Icons 24x24 - Outline - AV","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-av/base-icons-icon-library-24-outline-av.rendered.html","name":"base-icons-icon-library-24-outline-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-brand","patternName":"DB Icons 24x24 - Outline - Brand","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-brand/base-icons-icon-library-24-outline-brand.rendered.html","name":"base-icons-icon-library-24-outline-brand","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-communication","patternName":"DB Icons 24x24 - Outline - Communication","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-communication/base-icons-icon-library-24-outline-communication.rendered.html","name":"base-icons-icon-library-24-outline-communication","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-covid-19","patternName":"DB Icons 24x24 - Outline - Covid 19","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-covid-19/base-icons-icon-library-24-outline-covid-19.rendered.html","name":"base-icons-icon-library-24-outline-covid-19","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-facilities","patternName":"DB Icons 24x24 - Outline - Facilities","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-facilities/base-icons-icon-library-24-outline-facilities.rendered.html","name":"base-icons-icon-library-24-outline-facilities","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-feature","patternName":"DB Icons 24x24 - Outline - Feature","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-feature/base-icons-icon-library-24-outline-feature.rendered.html","name":"base-icons-icon-library-24-outline-feature","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-food","patternName":"DB Icons 24x24 - Outline - Food","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-food/base-icons-icon-library-24-outline-food.rendered.html","name":"base-icons-icon-library-24-outline-food","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-it","patternName":"DB Icons 24x24 - Outline - IT","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-it/base-icons-icon-library-24-outline-it.rendered.html","name":"base-icons-icon-library-24-outline-it","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-journey","patternName":"DB Icons 24x24 - Outline - Journey","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-journey/base-icons-icon-library-24-outline-journey.rendered.html","name":"base-icons-icon-library-24-outline-journey","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-maps","patternName":"DB Icons 24x24 - Outline - Maps","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-maps/base-icons-icon-library-24-outline-maps.rendered.html","name":"base-icons-icon-library-24-outline-maps","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-navigation","patternName":"DB Icons 24x24 - Outline - Navigation","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-navigation/base-icons-icon-library-24-outline-navigation.rendered.html","name":"base-icons-icon-library-24-outline-navigation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-notification","patternName":"DB Icons 24x24 - Outline - Notification","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-notification/base-icons-icon-library-24-outline-notification.rendered.html","name":"base-icons-icon-library-24-outline-notification","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-seat","patternName":"DB Icons 24x24 - Outline - Seat","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-seat/base-icons-icon-library-24-outline-seat.rendered.html","name":"base-icons-icon-library-24-outline-seat","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-ticket","patternName":"DB Icons 24x24 - Outline - Ticket","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-ticket/base-icons-icon-library-24-outline-ticket.rendered.html","name":"base-icons-icon-library-24-outline-ticket","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-24-outline-transportation","patternName":"DB Icons 24x24 - Outline - Transportation","patternState":"complete","patternPath":"base-icons-icon-library-24-outline-transportation/base-icons-icon-library-24-outline-transportation.rendered.html","name":"base-icons-icon-library-24-outline-transportation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-filled-action","patternName":"DB Icons 32x32 - Filled - Action","patternState":"complete","patternPath":"base-icons-icon-library-32-filled-action/base-icons-icon-library-32-filled-action.rendered.html","name":"base-icons-icon-library-32-filled-action","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-filled-av","patternName":"DB Icons 32x32 - Filled - AV","patternState":"complete","patternPath":"base-icons-icon-library-32-filled-av/base-icons-icon-library-32-filled-av.rendered.html","name":"base-icons-icon-library-32-filled-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-filled-maps","patternName":"DB Icons 32x32 - Filled - Maps","patternState":"complete","patternPath":"base-icons-icon-library-32-filled-maps/base-icons-icon-library-32-filled-maps.rendered.html","name":"base-icons-icon-library-32-filled-maps","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-filled-navigation","patternName":"DB Icons 32x32 - Filled - Navigation","patternState":"complete","patternPath":"base-icons-icon-library-32-filled-navigation/base-icons-icon-library-32-filled-navigation.rendered.html","name":"base-icons-icon-library-32-filled-navigation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-filled-notification","patternName":"DB Icons 32x32 - Filled - Notification","patternState":"complete","patternPath":"base-icons-icon-library-32-filled-notification/base-icons-icon-library-32-filled-notification.rendered.html","name":"base-icons-icon-library-32-filled-notification","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-filled-transportation","patternName":"DB Icons 32x32 - Filled - Transportation","patternState":"complete","patternPath":"base-icons-icon-library-32-filled-transportation/base-icons-icon-library-32-filled-transportation.rendered.html","name":"base-icons-icon-library-32-filled-transportation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-action","patternName":"DB Icons 32x32 - Outline - Action","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-action/base-icons-icon-library-32-outline-action.rendered.html","name":"base-icons-icon-library-32-outline-action","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-av","patternName":"DB Icons 32x32 - Outline - AV","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-av/base-icons-icon-library-32-outline-av.rendered.html","name":"base-icons-icon-library-32-outline-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-brand","patternName":"DB Icons 32x32 - Outline - Brand","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-brand/base-icons-icon-library-32-outline-brand.rendered.html","name":"base-icons-icon-library-32-outline-brand","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-communication","patternName":"DB Icons 32x32 - Outline - Communication","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-communication/base-icons-icon-library-32-outline-communication.rendered.html","name":"base-icons-icon-library-32-outline-communication","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-covid-19","patternName":"DB Icons 32x32 - Outline - Covid 19","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-covid-19/base-icons-icon-library-32-outline-covid-19.rendered.html","name":"base-icons-icon-library-32-outline-covid-19","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-facilities","patternName":"DB Icons 32x32 - Outline - Facilities","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-facilities/base-icons-icon-library-32-outline-facilities.rendered.html","name":"base-icons-icon-library-32-outline-facilities","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-feature","patternName":"DB Icons 32x32 - Outline - Feature","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-feature/base-icons-icon-library-32-outline-feature.rendered.html","name":"base-icons-icon-library-32-outline-feature","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-food","patternName":"DB Icons 32x32 - Outline - Food","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-food/base-icons-icon-library-32-outline-food.rendered.html","name":"base-icons-icon-library-32-outline-food","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-it","patternName":"DB Icons 32x32 - Outline - IT","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-it/base-icons-icon-library-32-outline-it.rendered.html","name":"base-icons-icon-library-32-outline-it","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-journey","patternName":"DB Icons 32x32 - Outline - Journey","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-journey/base-icons-icon-library-32-outline-journey.rendered.html","name":"base-icons-icon-library-32-outline-journey","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-maps","patternName":"DB Icons 32x32 - Outline - Maps","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-maps/base-icons-icon-library-32-outline-maps.rendered.html","name":"base-icons-icon-library-32-outline-maps","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-navigation","patternName":"DB Icons 32x32 - Outline - Navigation","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-navigation/base-icons-icon-library-32-outline-navigation.rendered.html","name":"base-icons-icon-library-32-outline-navigation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-notification","patternName":"DB Icons 32x32 - Outline - Notification","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-notification/base-icons-icon-library-32-outline-notification.rendered.html","name":"base-icons-icon-library-32-outline-notification","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-seat","patternName":"DB Icons 32x32 - Outline - Seat","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-seat/base-icons-icon-library-32-outline-seat.rendered.html","name":"base-icons-icon-library-32-outline-seat","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-ticket","patternName":"DB Icons 32x32 - Outline - Ticket","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-ticket/base-icons-icon-library-32-outline-ticket.rendered.html","name":"base-icons-icon-library-32-outline-ticket","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-32-outline-transportation","patternName":"DB Icons 32x32 - Outline - Transportation","patternState":"complete","patternPath":"base-icons-icon-library-32-outline-transportation/base-icons-icon-library-32-outline-transportation.rendered.html","name":"base-icons-icon-library-32-outline-transportation","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-48-filled-av","patternName":"DB Icons 48x48 - Filled - AV","patternState":"complete","patternPath":"base-icons-icon-library-48-filled-av/base-icons-icon-library-48-filled-av.rendered.html","name":"base-icons-icon-library-48-filled-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-48-outline-av","patternName":"DB Icons 48x48 - Outline - AV","patternState":"complete","patternPath":"base-icons-icon-library-48-outline-av/base-icons-icon-library-48-outline-av.rendered.html","name":"base-icons-icon-library-48-outline-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-48-outline-brand","patternName":"DB Icons 48x48 - Outline - Brand","patternState":"complete","patternPath":"base-icons-icon-library-48-outline-brand/base-icons-icon-library-48-outline-brand.rendered.html","name":"base-icons-icon-library-48-outline-brand","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-64-filled-av","patternName":"DB Icons 64x64 - Filled - AV","patternState":"complete","patternPath":"base-icons-icon-library-64-filled-av/base-icons-icon-library-64-filled-av.rendered.html","name":"base-icons-icon-library-64-filled-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-64-outline-av","patternName":"DB Icons 64x64 - Outline - AV","patternState":"complete","patternPath":"base-icons-icon-library-64-outline-av/base-icons-icon-library-64-outline-av.rendered.html","name":"base-icons-icon-library-64-outline-av","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-icon-library-64-outline-brand","patternName":"DB Icons 64x64 - Outline - Brand","patternState":"complete","patternPath":"base-icons-icon-library-64-outline-brand/base-icons-icon-library-64-outline-brand.rendered.html","name":"base-icons-icon-library-64-outline-brand","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-illustration-icons","patternName":"Illustration Icons","patternState":"","patternPath":"base-icons-illustration-icons/base-icons-illustration-icons.rendered.html","name":"base-icons-illustration-icons","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-base-icons","patternName":"View All","patternPath":"base-icons/index.html","patternGroup":"base","patternSubgroup":"icons","name":"base-icons","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"type","patternSubgroupUC":"Type","patternSubgroup":"type","patternSubgroupDash":"type","patternSubgroupItems":[{"patternPartial":"base-fonts","patternName":"Fonts","patternState":"complete","patternPath":"base-type-fonts/base-type-fonts.rendered.html","name":"base-type-fonts","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-highlight-colors-1st-priority","patternName":"Highlight Colors 1st Priority","patternState":"","patternPath":"base-type-highlight-colors-1st-priority/base-type-highlight-colors-1st-priority.rendered.html","name":"base-type-highlight-colors-1st-priority","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-highlight-colors-2nd-priority","patternName":"Highlight Colors 2nd Priority","patternState":"","patternPath":"base-type-highlight-colors-2nd-priority/base-type-highlight-colors-2nd-priority.rendered.html","name":"base-type-highlight-colors-2nd-priority","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-highlight-colors-neutral","patternName":"Highlight Colors Neutral","patternState":"","patternPath":"base-type-highlight-colors-neutral/base-type-highlight-colors-neutral.rendered.html","name":"base-type-highlight-colors-neutral","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"base-highlight-colors-positive","patternName":"Highlight Colors Positive","patternState":"","patternPath":"base-type-highlight-colors-positive/base-type-highlight-colors-positive.rendered.html","name":"base-type-highlight-colors-positive","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-base-type","patternName":"View All","patternPath":"base-type/index.html","patternGroup":"base","patternSubgroup":"type","name":"base-type","isDocPattern":true,"order":9007199254740991}],"order":0}],"order":0,"patternItems":[{"patternPartial":"viewall-base-all","patternName":"View all Base","patternPath":"base/index.html","name":"base","isDocPattern":true,"order":9007199254740991}]},{"patternGroupLC":"elements","patternGroupUC":"Elements","patternGroup":"elements","patternGroupDash":"elements","patternGroupItems":[{"patternSubgroupLC":"buttons","patternSubgroupUC":"Buttons","patternSubgroup":"buttons","patternSubgroupDash":"buttons","patternSubgroupItems":[{"patternPartial":"elements-button","patternName":"Button","patternState":"","patternPath":"elements-buttons-button/elements-buttons-button.rendered.html","name":"elements-buttons-button","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-button-brand-primary","patternName":"Button Brand Primary","patternState":"","patternPath":"elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html","name":"elements-buttons-01-button-brand-primary","isDocPattern":false,"order":1,"variantOrder":0},{"patternPartial":"elements-button-primary","patternName":"Button Primary","patternState":"","patternPath":"elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html","name":"elements-buttons-03-button-primary","isDocPattern":false,"order":3,"variantOrder":0},{"patternPartial":"elements-button-secondary-outline","patternName":"Button Secondary Outline","patternState":"","patternPath":"elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html","name":"elements-buttons-04-button-secondary-outline","isDocPattern":false,"order":4,"variantOrder":0},{"patternPartial":"elements-button-secondary-solid","patternName":"Button Secondary Solid","patternState":"","patternPath":"elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html","name":"elements-buttons-05-button-secondary-solid","isDocPattern":false,"order":5,"variantOrder":0},{"patternPartial":"elements-button-tertiary-plain","patternName":"Button Tertiary Plain","patternState":"","patternPath":"elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html","name":"elements-buttons-06-button-tertiary-plain","isDocPattern":false,"order":6,"variantOrder":0},{"patternPartial":"elements-button-sizes","patternName":"Button Sizes","patternState":"","patternPath":"elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html","name":"elements-buttons-09-button-sizes","isDocPattern":false,"order":9,"variantOrder":0},{"patternPartial":"elements-button-width","patternName":"Button Width","patternState":"","patternPath":"elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html","name":"elements-buttons-10-button-width","isDocPattern":false,"order":10,"variantOrder":0},{"patternPartial":"viewall-elements-buttons","patternName":"View All","patternPath":"elements-buttons/index.html","patternGroup":"elements","patternSubgroup":"buttons","name":"elements-buttons","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"checkbox","patternSubgroupUC":"Checkbox","patternSubgroup":"checkbox","patternSubgroupDash":"checkbox","patternSubgroupItems":[{"patternPartial":"elements-checkbox","patternName":"Checkbox","patternState":"complete","patternPath":"elements-checkbox-checkbox/elements-checkbox-checkbox.rendered.html","name":"elements-checkbox-checkbox","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-checked","patternName":"Checkbox Checked","patternState":"complete","patternPath":"elements-checkbox-checkbox-checked/elements-checkbox-checkbox-checked.rendered.html","name":"elements-checkbox-checkbox-checked","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-disabled","patternName":"Checkbox Disabled","patternState":"complete","patternPath":"elements-checkbox-checkbox-disabled/elements-checkbox-checkbox-disabled.rendered.html","name":"elements-checkbox-checkbox-disabled","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-disabled-checked","patternName":"Checkbox Disabled Checked","patternState":"complete","patternPath":"elements-checkbox-checkbox-disabled-checked/elements-checkbox-checkbox-disabled-checked.rendered.html","name":"elements-checkbox-checkbox-disabled-checked","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-indeterminate","patternName":"Checkbox - indeterminate","patternState":"complete","patternPath":"elements-checkbox-checkbox-indeterminate/elements-checkbox-checkbox-indeterminate.rendered.html","name":"elements-checkbox-checkbox-indeterminate","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-label-hidden","patternName":"Checkbox - Hidden label","patternState":"complete","patternPath":"elements-checkbox-checkbox-label-hidden/elements-checkbox-checkbox-label-hidden.rendered.html","name":"elements-checkbox-checkbox-label-hidden","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-on-dark-background","patternName":"Checkbox On Dark Background","patternState":"complete","patternPath":"elements-checkbox-checkbox-on-dark-background/elements-checkbox-checkbox-on-dark-background.rendered.html","name":"elements-checkbox-checkbox-on-dark-background","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-on-dark-background-checked","patternName":"Checkbox On Dark Background Checked","patternState":"complete","patternPath":"elements-checkbox-checkbox-on-dark-background-checked/elements-checkbox-checkbox-on-dark-background-checked.rendered.html","name":"elements-checkbox-checkbox-on-dark-background-checked","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-on-dark-background-disabled","patternName":"Checkbox On Dark Background Disabled","patternState":"complete","patternPath":"elements-checkbox-checkbox-on-dark-background-disabled/elements-checkbox-checkbox-on-dark-background-disabled.rendered.html","name":"elements-checkbox-checkbox-on-dark-background-disabled","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-on-dark-background-disabled-checked","patternName":"Checkbox On Dark Background Disabled Checked","patternState":"complete","patternPath":"elements-checkbox-checkbox-on-dark-background-disabled-checked/elements-checkbox-checkbox-on-dark-background-disabled-checked.rendered.html","name":"elements-checkbox-checkbox-on-dark-background-disabled-checked","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-checkbox-on-dark-background-indeterminate","patternName":"Checkbox - indeterminate on dark background","patternState":"complete","patternPath":"elements-checkbox-checkbox-on-dark-background-indeterminate/elements-checkbox-checkbox-on-dark-background-indeterminate.rendered.html","name":"elements-checkbox-checkbox-on-dark-background-indeterminate","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-elements-checkbox","patternName":"View All","patternPath":"elements-checkbox/index.html","patternGroup":"elements","patternSubgroup":"checkbox","name":"elements-checkbox","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"chips","patternSubgroupUC":"Chips","patternSubgroup":"chips","patternSubgroupDash":"chips","patternSubgroupItems":[{"patternPartial":"elements-chips","patternName":"Filter chips","patternState":"","patternPath":"elements-chips-chips/elements-chips-chips.rendered.html","name":"elements-chips-chips","isDocPattern":false,"order":10,"variantOrder":0},{"patternPartial":"elements-chips-type-selection","patternName":"Selection chips","patternState":"","patternPath":"elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html","name":"elements-chips-chips-type-selection","isDocPattern":false,"order":10,"variantOrder":20},{"patternPartial":"elements-chips-with-icon","patternName":"Chips with icon","patternState":"","patternPath":"elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html","name":"elements-chips-chips-with-icon","isDocPattern":false,"order":10,"variantOrder":30},{"patternPartial":"elements-chips-disabled","patternName":"Chips – disabled","patternState":"","patternPath":"elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html","name":"elements-chips-chips-disabled","isDocPattern":false,"order":10,"variantOrder":40},{"patternPartial":"viewall-elements-chips","patternName":"View All","patternPath":"elements-chips/index.html","patternGroup":"elements","patternSubgroup":"chips","name":"elements-chips","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"headline","patternSubgroupUC":"Headline","patternSubgroup":"headline","patternSubgroupDash":"headline","patternSubgroupItems":[{"patternPartial":"elements-headline","patternName":"Headline","patternState":"","patternPath":"elements-headline-headline/elements-headline-headline.rendered.html","name":"elements-headline-headline","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-headline-pulse","patternName":"Headline Pulse","patternState":"","patternPath":"elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html","name":"elements-headline-headline-pulse","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-elements-headline","patternName":"View All","patternPath":"elements-headline/index.html","patternGroup":"elements","patternSubgroup":"headline","name":"elements-headline","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"image","patternSubgroupUC":"Image","patternSubgroup":"image","patternSubgroupDash":"image","patternSubgroupItems":[{"patternPartial":"elements-image","patternName":"Image","patternState":"","patternPath":"elements-image-image/elements-image-image.rendered.html","name":"elements-image-image","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-image-avif","patternName":"Image - AVIF","patternState":"complete","patternPath":"elements-image-image-avif/elements-image-image-avif.rendered.html","name":"elements-image-image-avif","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-image-lazy-loading","patternName":"Image - Lazy loading","patternState":"complete","patternPath":"elements-image-image-lazy-loading/elements-image-image-lazy-loading.rendered.html","name":"elements-image-image-lazy-loading","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-image-responsive-density","patternName":"Image - Responsive and pixel density","patternState":"complete","patternPath":"elements-image-image-responsive-density/elements-image-image-responsive-density.rendered.html","name":"elements-image-image-responsive-density","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-image-responsive-mediaquery","patternName":"Image - Responsive mediaquery","patternState":"complete","patternPath":"elements-image-image-responsive-mediaquery/elements-image-image-responsive-mediaquery.rendered.html","name":"elements-image-image-responsive-mediaquery","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-image-webp","patternName":"Image - WebP","patternState":"complete","patternPath":"elements-image-image-webp/elements-image-image-webp.rendered.html","name":"elements-image-image-webp","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-image-with-caption","patternName":"Image - with caption","patternState":"inevaluation","patternPath":"elements-image-image-with-caption/elements-image-image-with-caption.rendered.html","name":"elements-image-image-with-caption","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-elements-image","patternName":"View All","patternPath":"elements-image/index.html","patternGroup":"elements","patternSubgroup":"image","name":"elements-image","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"input","patternSubgroupUC":"Input","patternSubgroup":"input","patternSubgroupDash":"input","patternSubgroupItems":[{"patternPartial":"elements-input-variations","patternName":"Input variations","patternState":"","patternPath":"elements-input-input-variations/elements-input-input-variations.rendered.html","name":"elements-input-input-variations","isDocPattern":false,"order":1,"variantOrder":0},{"patternPartial":"elements-input","patternName":"Input","patternState":"","patternPath":"elements-input-input/elements-input-input.rendered.html","name":"elements-input-input","isDocPattern":false,"order":2,"variantOrder":0},{"patternPartial":"elements-input-auto-suggest","patternName":"Input - Auto suggestions","patternState":"","patternPath":"elements-input-input-auto-suggest/elements-input-input-auto-suggest.rendered.html","name":"elements-input-input-auto-suggest","isDocPattern":false,"order":2,"variantOrder":0},{"patternPartial":"elements-input-description","patternName":"Input with description","patternState":"","patternPath":"elements-input-input-description/elements-input-input-description.rendered.html","name":"elements-input-input-description","isDocPattern":false,"order":2,"variantOrder":3},{"patternPartial":"elements-input-filled","patternName":"Input - filled with a value","patternState":"","patternPath":"elements-input-input-filled/elements-input-input-filled.rendered.html","name":"elements-input-input-filled","isDocPattern":false,"order":2,"variantOrder":4},{"patternPartial":"elements-input-valid","patternName":"Input - valid state","patternState":"","patternPath":"elements-input-input-valid/elements-input-input-valid.rendered.html","name":"elements-input-input-valid","isDocPattern":false,"order":2,"variantOrder":5},{"patternPartial":"elements-input-invalid","patternName":"Input - invalid state (type in less than its minimum of 5 characters)","patternState":"","patternPath":"elements-input-input-invalid/elements-input-input-invalid.rendered.html","name":"elements-input-input-invalid","isDocPattern":false,"order":2,"variantOrder":6},{"patternPartial":"elements-input-invalid-attribute","patternName":"Input - Invalid state by HTML attribute","patternState":"complete","patternPath":"elements-input-input-invalid-attribute/elements-input-input-invalid-attribute.rendered.html","name":"elements-input-input-invalid-attribute","isDocPattern":false,"order":2,"variantOrder":7},{"patternPartial":"elements-input-disabled","patternName":"Input - disabled state","patternState":"","patternPath":"elements-input-input-disabled/elements-input-input-disabled.rendered.html","name":"elements-input-input-disabled","isDocPattern":false,"order":2,"variantOrder":8},{"patternPartial":"elements-input-search","patternName":"Input - search type","patternState":"","patternPath":"elements-input-input-search/elements-input-input-search.rendered.html","name":"elements-input-input-search","isDocPattern":false,"order":2,"variantOrder":9},{"patternPartial":"elements-input-search-filled","patternName":"Input - search type - filled","patternState":"","patternPath":"elements-input-input-search-filled/elements-input-input-search-filled.rendered.html","name":"elements-input-input-search-filled","isDocPattern":false,"order":2,"variantOrder":10},{"patternPartial":"elements-input-hidden-label","patternName":"Input - Hidden label","patternState":"complete","patternPath":"elements-input-input-hidden-label/elements-input-input-hidden-label.rendered.html","name":"elements-input-input-hidden-label","isDocPattern":false,"order":2,"variantOrder":11},{"patternPartial":"viewall-elements-input","patternName":"View All","patternPath":"elements-input/index.html","patternGroup":"elements","patternSubgroup":"input","name":"elements-input","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"link","patternSubgroupUC":"Link","patternSubgroup":"link","patternSubgroupDash":"link","patternSubgroupItems":[{"patternPartial":"elements-links","patternName":"Links","patternState":"inreview","patternPath":"elements-link-links/elements-link-links.rendered.html","name":"elements-link-links","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-links-small","patternName":"Links Small","patternState":"inreview","patternPath":"elements-link-links-small/elements-link-links-small.rendered.html","name":"elements-link-links-small","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-elements-link","patternName":"View All","patternPath":"elements-link/index.html","patternGroup":"elements","patternSubgroup":"link","name":"elements-link","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"loading-indicator","patternSubgroupUC":"Loading Indicator","patternSubgroup":"loading-indicator","patternSubgroupDash":"loading-indicator","patternSubgroupItems":[{"patternPartial":"elements-loading-indicator","patternName":"Loading Indicator","patternState":"","patternPath":"elements-loading-indicator-loading-indicator/elements-loading-indicator-loading-indicator.rendered.html","name":"elements-loading-indicator-loading-indicator","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-loading-indicator-size-s","patternName":"Loading Indicator Size S","patternState":"","patternPath":"elements-loading-indicator-loading-indicator-size-s/elements-loading-indicator-loading-indicator-size-s.rendered.html","name":"elements-loading-indicator-loading-indicator-size-s","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-loading-indicator-size-XS","patternName":"Loading Indicator Size XS","patternState":"","patternPath":"elements-loading-indicator-loading-indicator-size-XS/elements-loading-indicator-loading-indicator-size-XS.rendered.html","name":"elements-loading-indicator-loading-indicator-size-XS","isDocPattern":false,"order":0,"variantOrder":1},{"patternPartial":"elements-loading-indicator-size-m","patternName":"Loading Indicator Size M","patternState":"","patternPath":"elements-loading-indicator-loading-indicator-size-m/elements-loading-indicator-loading-indicator-size-m.rendered.html","name":"elements-loading-indicator-loading-indicator-size-m","isDocPattern":false,"order":0,"variantOrder":3},{"patternPartial":"elements-loading-indicator-size-l","patternName":"Loading Indicator Size L","patternState":"","patternPath":"elements-loading-indicator-loading-indicator-size-l/elements-loading-indicator-loading-indicator-size-l.rendered.html","name":"elements-loading-indicator-loading-indicator-size-l","isDocPattern":false,"order":0,"variantOrder":4},{"patternPartial":"elements-loading-indicator-size-xl","patternName":"Loading Indicator Size XL","patternState":"","patternPath":"elements-loading-indicator-loading-indicator-size-xl/elements-loading-indicator-loading-indicator-size-xl.rendered.html","name":"elements-loading-indicator-loading-indicator-size-xl","isDocPattern":false,"order":0,"variantOrder":5},{"patternPartial":"viewall-elements-loading-indicator","patternName":"View All","patternPath":"elements-loading-indicator/index.html","patternGroup":"elements","patternSubgroup":"loading-indicator","name":"elements-loading-indicator","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"logo","patternSubgroupUC":"Logo","patternSubgroup":"logo","patternSubgroupDash":"logo","patternSubgroupItems":[{"patternPartial":"elements-logo","patternName":"Logo","patternState":"","patternPath":"elements-logo-logo/elements-logo-logo.rendered.html","name":"elements-logo-logo","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-logo-on-backgrounds","patternName":"Logo On Backgrounds","patternState":"","patternPath":"elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html","name":"elements-logo-logo-on-backgrounds","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-logo-sizes","patternName":"Logo Sizes","patternState":"","patternPath":"elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html","name":"elements-logo-logo-sizes","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-logo-with-following-headline","patternName":"Logo With Following Headline","patternState":"","patternPath":"elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html","name":"elements-logo-logo-with-following-headline","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-elements-logo","patternName":"View All","patternPath":"elements-logo/index.html","patternGroup":"elements","patternSubgroup":"logo","name":"elements-logo","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"progress","patternSubgroupUC":"Progress","patternSubgroup":"progress","patternSubgroupDash":"progress","patternSubgroupItems":[{"patternPartial":"elements-progress","patternName":"Linear loader","patternState":"inreview","patternPath":"elements-progress-progress/elements-progress-progress.rendered.html","name":"elements-progress-progress","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-progress-linear-spinner","patternName":"Linear spinner","patternState":"inreview","patternPath":"elements-progress-progress-linear-spinner/elements-progress-progress-linear-spinner.rendered.html","name":"elements-progress-progress-linear-spinner","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-progress-linear-spinner-indeterminate","patternName":"Linear spinner indeterminate","patternState":"inreview","patternPath":"elements-progress-progress-linear-spinner-indeterminate/elements-progress-progress-linear-spinner-indeterminate.rendered.html","name":"elements-progress-progress-linear-spinner-indeterminate","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-elements-progress","patternName":"View All","patternPath":"elements-progress/index.html","patternGroup":"elements","patternSubgroup":"progress","name":"elements-progress","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"radio","patternSubgroupUC":"Radio","patternSubgroup":"radio","patternSubgroupDash":"radio","patternSubgroupItems":[{"patternPartial":"elements-radios","patternName":"Radios","patternState":"complete","patternPath":"elements-radio-radios/elements-radio-radios.rendered.html","name":"elements-radio-radios","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-radios-checked","patternName":"Radios Checked","patternState":"complete","patternPath":"elements-radio-radios-checked/elements-radio-radios-checked.rendered.html","name":"elements-radio-radios-checked","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-radios-disabled","patternName":"Radios Disabled","patternState":"complete","patternPath":"elements-radio-radios-disabled/elements-radio-radios-disabled.rendered.html","name":"elements-radio-radios-disabled","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-radios-disabled-checked","patternName":"Radios Disabled Checked","patternState":"complete","patternPath":"elements-radio-radios-disabled-checked/elements-radio-radios-disabled-checked.rendered.html","name":"elements-radio-radios-disabled-checked","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-radios-invalid-attribute","patternName":"Radios Invalid Attribute","patternState":"complete","patternPath":"elements-radio-radios-invalid-attribute/elements-radio-radios-invalid-attribute.rendered.html","name":"elements-radio-radios-invalid-attribute","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-radios-label-hidden","patternName":"Radio - Hidden label","patternState":"complete","patternPath":"elements-radio-radios-label-hidden/elements-radio-radios-label-hidden.rendered.html","name":"elements-radio-radios-label-hidden","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-radios-required","patternName":"Radios Required","patternState":"complete","patternPath":"elements-radio-radios-required/elements-radio-radios-required.rendered.html","name":"elements-radio-radios-required","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-elements-radio","patternName":"View All","patternPath":"elements-radio/index.html","patternGroup":"elements","patternSubgroup":"radio","name":"elements-radio","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"select","patternSubgroupUC":"Select","patternSubgroup":"select","patternSubgroupDash":"select","patternSubgroupItems":[{"patternPartial":"elements-select","patternName":"Select","patternState":"","patternPath":"elements-select-select/elements-select-select.rendered.html","name":"elements-select-select","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-select-variations","patternName":"Select Variations","patternState":"","patternPath":"elements-select-select-variations/elements-select-select-variations.rendered.html","name":"elements-select-select-variations","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-select-variations-disabled","patternName":"Select Variations Disabled","patternState":"","patternPath":"elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html","name":"elements-select-select-variations-disabled","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-select-variations-optgroups","patternName":"Select Variations Optgroups","patternState":"","patternPath":"elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html","name":"elements-select-select-variations-optgroups","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-select-invalid-attribute","patternName":"Select - Invalid state by HTML attribute","patternState":"complete","patternPath":"elements-select-select-invalid-attribute/elements-select-select-invalid-attribute.rendered.html","name":"elements-select-select-invalid-attribute","isDocPattern":false,"order":0,"variantOrder":7},{"patternPartial":"elements-select-hidden-label","patternName":"Select - Hidden label","patternState":"complete","patternPath":"elements-select-select-hidden-label/elements-select-select-hidden-label.rendered.html","name":"elements-select-select-hidden-label","isDocPattern":false,"order":0,"variantOrder":8},{"patternPartial":"viewall-elements-select","patternName":"View All","patternPath":"elements-select/index.html","patternGroup":"elements","patternSubgroup":"select","name":"elements-select","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"tags","patternSubgroupUC":"Tags","patternSubgroup":"tags","patternSubgroupDash":"tags","patternSubgroupItems":[{"patternPartial":"elements-tags","patternName":"Tags","patternState":"","patternPath":"elements-tags-tags/elements-tags-tags.rendered.html","name":"elements-tags-tags","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-tags-small","patternName":"Tags Small","patternState":"","patternPath":"elements-tags-tags-small/elements-tags-tags-small.rendered.html","name":"elements-tags-tags-small","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-tags-with-icon","patternName":"Tags With Icon","patternState":"","patternPath":"elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html","name":"elements-tags-tags-with-icon","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-elements-tags","patternName":"View All","patternPath":"elements-tags/index.html","patternGroup":"elements","patternSubgroup":"tags","name":"elements-tags","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"textarea","patternSubgroupUC":"Textarea","patternSubgroup":"textarea","patternSubgroupDash":"textarea","patternSubgroupItems":[{"patternPartial":"elements-textarea-variations","patternName":"Textarea variations","patternState":"","patternPath":"elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html","name":"elements-textarea-textarea-variations","isDocPattern":false,"order":1,"variantOrder":0},{"patternPartial":"elements-textarea","patternName":"Textarea","patternState":"","patternPath":"elements-textarea-textarea/elements-textarea-textarea.rendered.html","name":"elements-textarea-textarea","isDocPattern":false,"order":2,"variantOrder":0},{"patternPartial":"elements-textarea-disabled","patternName":"Textarea Disabled","patternState":"","patternPath":"elements-textarea-textarea-disabled/elements-textarea-textarea-disabled.rendered.html","name":"elements-textarea-textarea-disabled","isDocPattern":false,"order":2,"variantOrder":0},{"patternPartial":"elements-textarea-description","patternName":"Textarea with description","patternState":"","patternPath":"elements-textarea-textarea-description/elements-textarea-textarea-description.rendered.html","name":"elements-textarea-textarea-description","isDocPattern":false,"order":2,"variantOrder":3},{"patternPartial":"elements-textarea-filled","patternName":"Textarea filled with a value","patternState":"","patternPath":"elements-textarea-textarea-filled/elements-textarea-textarea-filled.rendered.html","name":"elements-textarea-textarea-filled","isDocPattern":false,"order":2,"variantOrder":4},{"patternPartial":"elements-textarea-valid","patternName":"Textarea - valid state","patternState":"","patternPath":"elements-textarea-textarea-valid/elements-textarea-textarea-valid.rendered.html","name":"elements-textarea-textarea-valid","isDocPattern":false,"order":2,"variantOrder":5},{"patternPartial":"elements-textarea-invalid","patternName":"Textarea - invalid state (type in less than its minimum of 5 characters)","patternState":"","patternPath":"elements-textarea-textarea-invalid/elements-textarea-textarea-invalid.rendered.html","name":"elements-textarea-textarea-invalid","isDocPattern":false,"order":2,"variantOrder":6},{"patternPartial":"elements-textarea-invalid-attribute","patternName":"Textarea - Invalid state by HTML attribute","patternState":"complete","patternPath":"elements-textarea-textarea-invalid-attribute/elements-textarea-textarea-invalid-attribute.rendered.html","name":"elements-textarea-textarea-invalid-attribute","isDocPattern":false,"order":2,"variantOrder":7},{"patternPartial":"elements-textarea-hidden-label","patternName":"Textarea - Hidden label","patternState":"complete","patternPath":"elements-textarea-textarea-hidden-label/elements-textarea-textarea-hidden-label.rendered.html","name":"elements-textarea-textarea-hidden-label","isDocPattern":false,"order":2,"variantOrder":8},{"patternPartial":"viewall-elements-textarea","patternName":"View All","patternPath":"elements-textarea/index.html","patternGroup":"elements","patternSubgroup":"textarea","name":"elements-textarea","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"toggle","patternSubgroupUC":"Toggle","patternSubgroup":"toggle","patternSubgroupDash":"toggle","patternSubgroupItems":[{"patternPartial":"elements-toggle","patternName":"Toggle","patternState":"complete","patternPath":"elements-toggle-toggle/elements-toggle-toggle.rendered.html","name":"elements-toggle-toggle","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-toggle-disabled","patternName":"Toggle Disabled","patternState":"complete","patternPath":"elements-toggle-toggle-disabled/elements-toggle-toggle-disabled.rendered.html","name":"elements-toggle-toggle-disabled","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-toggle-on","patternName":"Toggle On","patternState":"complete","patternPath":"elements-toggle-toggle-on/elements-toggle-toggle-on.rendered.html","name":"elements-toggle-toggle-on","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"elements-toggle-on-disabled","patternName":"Toggle On Disabled","patternState":"complete","patternPath":"elements-toggle-toggle-on-disabled/elements-toggle-toggle-on-disabled.rendered.html","name":"elements-toggle-toggle-on-disabled","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-elements-toggle","patternName":"View All","patternPath":"elements-toggle/index.html","patternGroup":"elements","patternSubgroup":"toggle","name":"elements-toggle","isDocPattern":true,"order":9007199254740991}],"order":0}],"order":1,"patternItems":[{"patternPartial":"viewall-elements-all","patternName":"View all Elements","patternPath":"elements/index.html","name":"elements","isDocPattern":true,"order":9007199254740991}]},{"patternGroupLC":"components","patternGroupUC":"Components","patternGroup":"components","patternGroupDash":"components","patternGroupItems":[{"patternSubgroupLC":"accordion","patternSubgroupUC":"Accordion","patternSubgroup":"accordion","patternSubgroupDash":"accordion","patternSubgroupItems":[{"patternPartial":"components-accordion","patternName":"Accordion","patternState":"","patternPath":"components-accordion-accordion/components-accordion-accordion.rendered.html","name":"components-accordion-accordion","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-accordion-high-emphasis","patternName":"Accordion High Emphasis","patternState":"","patternPath":"components-accordion-accordion-high-emphasis/components-accordion-accordion-high-emphasis.rendered.html","name":"components-accordion-accordion-high-emphasis","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-accordion-sizes","patternName":"Accordion Sizes","patternState":"","patternPath":"components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html","name":"components-accordion-accordion-sizes","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-accordion","patternName":"View All","patternPath":"components-accordion/index.html","patternGroup":"components","patternSubgroup":"accordion","name":"components-accordion","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"breadcrumb","patternSubgroupUC":"Breadcrumb","patternSubgroup":"breadcrumb","patternSubgroupDash":"breadcrumb","patternSubgroupItems":[{"patternPartial":"components-breadcrumb","patternName":"Breadcrumb","patternState":"inreview","patternPath":"components-breadcrumb-breadcrumb/components-breadcrumb-breadcrumb.rendered.html","name":"components-breadcrumb-breadcrumb","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-breadcrumb","patternName":"View All","patternPath":"components-breadcrumb/index.html","patternGroup":"components","patternSubgroup":"breadcrumb","name":"components-breadcrumb","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"cards","patternSubgroupUC":"Cards","patternSubgroup":"cards","patternSubgroupDash":"cards","patternSubgroupItems":[{"patternPartial":"components-cards-banner","patternName":"Cards Banner","patternState":"inprogress","patternPath":"components-cards-cards-banner/components-cards-cards-banner.rendered.html","name":"components-cards-cards-banner","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-cards","patternName":"View All","patternPath":"components-cards/index.html","patternGroup":"components","patternSubgroup":"cards","name":"components-cards","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"dialog","patternSubgroupUC":"Dialog","patternSubgroup":"dialog","patternSubgroupDash":"dialog","patternSubgroupItems":[{"patternPartial":"components-dialog","patternName":"Dialog","patternState":"complete","patternPath":"components-dialog-dialog/components-dialog-dialog.rendered.html","name":"components-dialog-dialog","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-dialog-button-alignment-end","patternName":"Dialog Button Alignment End","patternState":"complete","patternPath":"components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html","name":"components-dialog-dialog-button-alignment-end","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-dialog","patternName":"View All","patternPath":"components-dialog/index.html","patternGroup":"components","patternSubgroup":"dialog","name":"components-dialog","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"dropdown","patternSubgroupUC":"Dropdown","patternSubgroup":"dropdown","patternSubgroupDash":"dropdown","patternSubgroupItems":[{"patternPartial":"components-dropdown","patternName":"Dropdown","patternState":"inreview","patternPath":"components-dropdown-dropdown/components-dropdown-dropdown.rendered.html","name":"components-dropdown-dropdown","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-dropdown-opposite-position","patternName":"Dropdown (within the header area) / opposite position","patternState":"inreview","patternPath":"components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html","name":"components-dropdown-dropdown-opposite-position","isDocPattern":false,"order":0,"variantOrder":2},{"patternPartial":"viewall-components-dropdown","patternName":"View All","patternPath":"components-dropdown/index.html","patternGroup":"components","patternSubgroup":"dropdown","name":"components-dropdown","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"form","patternSubgroupUC":"Form","patternSubgroup":"form","patternSubgroupDash":"form","patternSubgroupItems":[{"patternPartial":"components-example-form","patternName":"Example Form","patternState":"complete","patternPath":"components-form-example-form/components-form-example-form.rendered.html","name":"components-form-example-form","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-form","patternName":"View All","patternPath":"components-form/index.html","patternGroup":"components","patternSubgroup":"form","name":"components-form","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"language-switcher","patternSubgroupUC":"Language Switcher","patternSubgroup":"language-switcher","patternSubgroupDash":"language-switcher","patternSubgroupItems":[{"patternPartial":"components-language-switcher","patternName":"Language switcher","patternState":"inprogress","patternPath":"components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","name":"components-language-switcher-language-switcher","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-language-switcher-spa","patternName":"Language switcher with buttons","patternState":"inprogress","patternPath":"components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","name":"components-language-switcher-language-switcher-spa","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-language-switcher","patternName":"View All","patternPath":"components-language-switcher/index.html","patternGroup":"components","patternSubgroup":"language-switcher","name":"components-language-switcher","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"notifications","patternSubgroupUC":"Notifications","patternSubgroup":"notifications","patternSubgroupDash":"notifications","patternSubgroupItems":[{"patternPartial":"components-notifications","patternName":"Notifications","patternState":"","patternPath":"components-notifications-notifications/components-notifications-notifications.rendered.html","name":"components-notifications-notifications","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-notifications-variants","patternName":"Notifications Variants","patternState":"","patternPath":"components-notifications-notifications-variants/components-notifications-notifications-variants.rendered.html","name":"components-notifications-notifications-variants","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-notifications-hovering","patternName":"Notifications Hovering","patternState":"","patternPath":"components-notifications-notifications-hovering/components-notifications-notifications-hovering.rendered.html","name":"components-notifications-notifications-hovering","isDocPattern":false,"order":0,"variantOrder":1},{"patternPartial":"components-notifications-hovering-leading-icon","patternName":"Notifications - Leading Icon","patternState":"","patternPath":"components-notifications-notifications-hovering-leading-icon/components-notifications-notifications-hovering-leading-icon.rendered.html","name":"components-notifications-notifications-hovering-leading-icon","isDocPattern":false,"order":0,"variantOrder":2},{"patternPartial":"components-notifications-hovering-trailing-icon","patternName":"Notifications - Trailing Icon","patternState":"","patternPath":"components-notifications-notifications-hovering-trailing-icon/components-notifications-notifications-hovering-trailing-icon.rendered.html","name":"components-notifications-notifications-hovering-trailing-icon","isDocPattern":false,"order":0,"variantOrder":3},{"patternPartial":"viewall-components-notifications","patternName":"View All","patternPath":"components-notifications/index.html","patternGroup":"components","patternSubgroup":"notifications","name":"components-notifications","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"overflow-menu","patternSubgroupUC":"Overflow Menu","patternSubgroup":"overflow-menu","patternSubgroupDash":"overflow-menu","patternSubgroupItems":[{"patternPartial":"components-overflow-menu","patternName":"Overflow menu","patternState":"inreview","patternPath":"components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","name":"components-overflow-menu-overflow-menu","isDocPattern":false,"order":1,"variantOrder":0},{"patternPartial":"components-overflow-menu-navigation","patternName":"Overflow menu - Navigation","patternState":"inreview","patternPath":"components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","name":"components-overflow-menu-overflow-menu-navigation","isDocPattern":false,"order":1,"variantOrder":2},{"patternPartial":"components-overflow-menu-opposite-position","patternName":"Overflow menu / opposite position","patternState":"inreview","patternPath":"components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","name":"components-overflow-menu-overflow-menu-opposite-position","isDocPattern":false,"order":1,"variantOrder":3},{"patternPartial":"components-overflow-menu-navigation-opposite-position","patternName":"Overflow menu - Navigation / opposite position","patternState":"inreview","patternPath":"components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","name":"components-overflow-menu-overflow-menu-navigation-opposite-position","isDocPattern":false,"order":1,"variantOrder":4},{"patternPartial":"viewall-components-overflow-menu","patternName":"View All","patternPath":"components-overflow-menu/index.html","patternGroup":"components","patternSubgroup":"overflow-menu","name":"components-overflow-menu","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"pagination","patternSubgroupUC":"Pagination","patternSubgroup":"pagination","patternSubgroupDash":"pagination","patternSubgroupItems":[{"patternPartial":"components-pagination","patternName":"Pagination","patternState":"inreview","patternPath":"components-pagination-pagination/components-pagination-pagination.rendered.html","name":"components-pagination-pagination","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-pagination","patternName":"View All","patternPath":"components-pagination/index.html","patternGroup":"components","patternSubgroup":"pagination","name":"components-pagination","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"sidenavi","patternSubgroupUC":"Sidenavi","patternSubgroup":"sidenavi","patternSubgroupDash":"sidenavi","patternSubgroupItems":[{"patternPartial":"components-sidenavi","patternName":"Sidenavi","patternState":"inreview","patternPath":"components-sidenavi-sidenavi/components-sidenavi-sidenavi.rendered.html","name":"components-sidenavi-sidenavi","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-sidenavi","patternName":"View All","patternPath":"components-sidenavi/index.html","patternGroup":"components","patternSubgroup":"sidenavi","name":"components-sidenavi","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"tab-bar","patternSubgroupUC":"Tab Bar","patternSubgroup":"tab-bar","patternSubgroupDash":"tab-bar","patternSubgroupItems":[{"patternPartial":"components-tab-bar","patternName":"Tab Bar","patternState":"","patternPath":"components-tab-bar-tab-bar/components-tab-bar-tab-bar.rendered.html","name":"components-tab-bar-tab-bar","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-tab-bar-item-icon","patternName":"Tab Bar Item Icon","patternState":"","patternPath":"components-tab-bar-tab-bar-item-icon/components-tab-bar-tab-bar-item-icon.rendered.html","name":"components-tab-bar-tab-bar-item-icon","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-tab-bar-small","patternName":"Tab Bar Small","patternState":"","patternPath":"components-tab-bar-tab-bar-small/components-tab-bar-tab-bar-small.rendered.html","name":"components-tab-bar-tab-bar-small","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-tab-bar-small-item-icon","patternName":"Tab Bar Small Item Icon","patternState":"","patternPath":"components-tab-bar-tab-bar-small-item-icon/components-tab-bar-tab-bar-small-item-icon.rendered.html","name":"components-tab-bar-tab-bar-small-item-icon","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-tab-bar","patternName":"View All","patternPath":"components-tab-bar/index.html","patternGroup":"components","patternSubgroup":"tab-bar","name":"components-tab-bar","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"table","patternSubgroupUC":"Table","patternSubgroup":"table","patternSubgroupDash":"table","patternSubgroupItems":[{"patternPartial":"components-table","patternName":"Table","patternState":"inreview","patternPath":"components-table-table/components-table-table.rendered.html","name":"components-table-table","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-alignments","patternName":"Table - alignment","patternState":"inreview","patternPath":"components-table-table-alignments/components-table-table-alignments.rendered.html","name":"components-table-table-alignments","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-border-around","patternName":"Table - border around cells","patternState":"inreview","patternPath":"components-table-table-border-around/components-table-table-border-around.rendered.html","name":"components-table-table-border-around","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-border-horizontal","patternName":"Table - border horizontal","patternState":"inreview","patternPath":"components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html","name":"components-table-table-border-horizontal","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-density","patternName":"Table - density","patternState":"inreview","patternPath":"components-table-table-density/components-table-table-density.rendered.html","name":"components-table-table-density","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-font-size","patternName":"Table - font size","patternState":"inreview","patternPath":"components-table-table-font-size/components-table-table-font-size.rendered.html","name":"components-table-table-font-size","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-icons","patternName":"Table - icons","patternState":"inreview","patternPath":"components-table-table-icons/components-table-table-icons.rendered.html","name":"components-table-table-icons","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-overflow-menu","patternName":"Table Overflow Menu","patternState":"inreview","patternPath":"components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html","name":"components-table-table-overflow-menu","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-row-title","patternName":"Table Row Title","patternState":"inreview","patternPath":"components-table-table-row-title/components-table-table-row-title.rendered.html","name":"components-table-table-row-title","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-rows-zebra","patternName":"Table - row zebra styling","patternState":"inreview","patternPath":"components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html","name":"components-table-table-rows-zebra","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"components-table-sticky-header","patternName":"Table - sticky header","patternState":"inreview","patternPath":"components-table-table-sticky-header/components-table-table-sticky-header.rendered.html","name":"components-table-table-sticky-header","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-components-table","patternName":"View All","patternPath":"components-table/index.html","patternGroup":"components","patternSubgroup":"table","name":"components-table","isDocPattern":true,"order":9007199254740991}],"order":0}],"order":2,"patternItems":[{"patternPartial":"viewall-components-all","patternName":"View all Components","patternPath":"components/index.html","name":"components","isDocPattern":true,"order":9007199254740991}]},{"patternGroupLC":"areas","patternGroupUC":"Areas","patternGroup":"areas","patternGroupDash":"areas","patternGroupItems":[{"patternSubgroupLC":"footer","patternSubgroupUC":"Footer","patternSubgroup":"footer","patternSubgroupDash":"footer","patternSubgroupItems":[{"patternPartial":"areas-footer","patternName":"Footer","patternState":"inprogress","patternPath":"areas-footer-footer/areas-footer-footer.rendered.html","name":"areas-footer-footer","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"areas-footer-with-border","patternName":"Footer With Border","patternState":"inprogress","patternPath":"areas-footer-footer-with-border/areas-footer-footer-with-border.rendered.html","name":"areas-footer-footer-with-border","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-areas-footer","patternName":"View All","patternPath":"areas-footer/index.html","patternGroup":"areas","patternSubgroup":"footer","name":"areas-footer","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"grid","patternSubgroupUC":"Grid","patternSubgroup":"grid","patternSubgroupDash":"grid","patternSubgroupItems":[{"patternPartial":"areas-grid","patternName":"Grid","patternState":"inprogress","patternPath":"areas-grid-grid/areas-grid-grid.rendered.html","name":"areas-grid-grid","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-areas-grid","patternName":"View All","patternPath":"areas-grid/index.html","patternGroup":"areas","patternSubgroup":"grid","name":"areas-grid","isDocPattern":true,"order":9007199254740991}],"order":0},{"patternSubgroupLC":"header","patternSubgroupUC":"Header","patternSubgroup":"header","patternSubgroupDash":"header","patternSubgroupItems":[{"patternPartial":"areas-header","patternName":"Header","patternState":"inprogress","patternPath":"areas-header-header/areas-header-header.rendered.html","name":"areas-header-header","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"areas-header-loggedin","patternName":"Header Loggedin","patternState":"inprogress","patternPath":"areas-header-header-loggedin/areas-header-header-loggedin.rendered.html","name":"areas-header-header-loggedin","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"areas-meta","patternName":"Meta","patternState":"inprogress","patternPath":"areas-header-meta/areas-header-meta.rendered.html","name":"areas-header-meta","isDocPattern":false,"order":0,"variantOrder":0},{"patternPartial":"viewall-areas-header","patternName":"View All","patternPath":"areas-header/index.html","patternGroup":"areas","patternSubgroup":"header","name":"areas-header","isDocPattern":true,"order":9007199254740991}],"order":0}],"order":30,"patternItems":[{"patternPartial":"viewall-areas-all","patternName":"View all Areas","patternPath":"areas/index.html","name":"areas","isDocPattern":true,"order":9007199254740991}]},{"patternGroupLC":"pages","patternGroupUC":"Pages","patternGroup":"pages","patternGroupDash":"pages","patternGroupItems":[],"order":40,"patternItems":[{"patternPartial":"pages-sample-page","patternName":"Sample Page","patternState":"inprogress","patternPath":"pages-sample-page/pages-sample-page.rendered.html","name":"pages-sample-page","isDocPattern":false,"order":0,"variantOrder":0}]}], "ishControlsHide": {"s":false,"m":false,"l":false,"full":false,"random":false,"disco":true,"hay":true,"mqs":false,"find":false,"views-all":false,"views-annotations":false,"views-code":false,"views-new":false,"tools-all":false,"tools-docs":false}};
+var patternPaths = {"areas":{"footer":"areas-footer-footer","footer-with-border":"areas-footer-footer-with-border","grid":"areas-grid-grid","header":"areas-header-header","header-loggedin":"areas-header-header-loggedin","meta":"areas-header-meta"},"base":{"feedback":"base-colors-feedback","poi":"base-colors-poi","primary":"base-colors-primary","secondary":"base-colors-secondary","transportation":"base-colors-transportation","icon-library":"base-icons-icon-library","icon-library-16-filled-action":"base-icons-icon-library-16-filled-action","icon-library-16-filled-navigation":"base-icons-icon-library-16-filled-navigation","icon-library-16-filled-notification":"base-icons-icon-library-16-filled-notification","icon-library-16-outline-action":"base-icons-icon-library-16-outline-action","icon-library-16-outline-navigation":"base-icons-icon-library-16-outline-navigation","icon-library-20-filled-action":"base-icons-icon-library-20-filled-action","icon-library-20-filled-av":"base-icons-icon-library-20-filled-av","icon-library-20-filled-communication":"base-icons-icon-library-20-filled-communication","icon-library-20-filled-feature":"base-icons-icon-library-20-filled-feature","icon-library-20-filled-food":"base-icons-icon-library-20-filled-food","icon-library-20-filled-it":"base-icons-icon-library-20-filled-it","icon-library-20-filled-journey":"base-icons-icon-library-20-filled-journey","icon-library-20-filled-maps":"base-icons-icon-library-20-filled-maps","icon-library-20-filled-navigation":"base-icons-icon-library-20-filled-navigation","icon-library-20-filled-notification":"base-icons-icon-library-20-filled-notification","icon-library-20-filled-ticket":"base-icons-icon-library-20-filled-ticket","icon-library-20-filled-transportation":"base-icons-icon-library-20-filled-transportation","icon-library-20-outline-action":"base-icons-icon-library-20-outline-action","icon-library-20-outline-av":"base-icons-icon-library-20-outline-av","icon-library-20-outline-brand":"base-icons-icon-library-20-outline-brand","icon-library-20-outline-communication":"base-icons-icon-library-20-outline-communication","icon-library-20-outline-covid-19":"base-icons-icon-library-20-outline-covid-19","icon-library-20-outline-facilities":"base-icons-icon-library-20-outline-facilities","icon-library-20-outline-feature":"base-icons-icon-library-20-outline-feature","icon-library-20-outline-food":"base-icons-icon-library-20-outline-food","icon-library-20-outline-it":"base-icons-icon-library-20-outline-it","icon-library-20-outline-journey":"base-icons-icon-library-20-outline-journey","icon-library-20-outline-maps":"base-icons-icon-library-20-outline-maps","icon-library-20-outline-navigation":"base-icons-icon-library-20-outline-navigation","icon-library-20-outline-notification":"base-icons-icon-library-20-outline-notification","icon-library-20-outline-seat":"base-icons-icon-library-20-outline-seat","icon-library-20-outline-ticket":"base-icons-icon-library-20-outline-ticket","icon-library-20-outline-transportation":"base-icons-icon-library-20-outline-transportation","icon-library-24-filled-action":"base-icons-icon-library-24-filled-action","icon-library-24-filled-av":"base-icons-icon-library-24-filled-av","icon-library-24-filled-journey":"base-icons-icon-library-24-filled-journey","icon-library-24-filled-maps":"base-icons-icon-library-24-filled-maps","icon-library-24-filled-navigation":"base-icons-icon-library-24-filled-navigation","icon-library-24-filled-notification":"base-icons-icon-library-24-filled-notification","icon-library-24-filled-transportation":"base-icons-icon-library-24-filled-transportation","icon-library-24-outline-action":"base-icons-icon-library-24-outline-action","icon-library-24-outline-av":"base-icons-icon-library-24-outline-av","icon-library-24-outline-brand":"base-icons-icon-library-24-outline-brand","icon-library-24-outline-communication":"base-icons-icon-library-24-outline-communication","icon-library-24-outline-covid-19":"base-icons-icon-library-24-outline-covid-19","icon-library-24-outline-facilities":"base-icons-icon-library-24-outline-facilities","icon-library-24-outline-feature":"base-icons-icon-library-24-outline-feature","icon-library-24-outline-food":"base-icons-icon-library-24-outline-food","icon-library-24-outline-it":"base-icons-icon-library-24-outline-it","icon-library-24-outline-journey":"base-icons-icon-library-24-outline-journey","icon-library-24-outline-maps":"base-icons-icon-library-24-outline-maps","icon-library-24-outline-navigation":"base-icons-icon-library-24-outline-navigation","icon-library-24-outline-notification":"base-icons-icon-library-24-outline-notification","icon-library-24-outline-seat":"base-icons-icon-library-24-outline-seat","icon-library-24-outline-ticket":"base-icons-icon-library-24-outline-ticket","icon-library-24-outline-transportation":"base-icons-icon-library-24-outline-transportation","icon-library-32-filled-action":"base-icons-icon-library-32-filled-action","icon-library-32-filled-av":"base-icons-icon-library-32-filled-av","icon-library-32-filled-maps":"base-icons-icon-library-32-filled-maps","icon-library-32-filled-navigation":"base-icons-icon-library-32-filled-navigation","icon-library-32-filled-notification":"base-icons-icon-library-32-filled-notification","icon-library-32-filled-transportation":"base-icons-icon-library-32-filled-transportation","icon-library-32-outline-action":"base-icons-icon-library-32-outline-action","icon-library-32-outline-av":"base-icons-icon-library-32-outline-av","icon-library-32-outline-brand":"base-icons-icon-library-32-outline-brand","icon-library-32-outline-communication":"base-icons-icon-library-32-outline-communication","icon-library-32-outline-covid-19":"base-icons-icon-library-32-outline-covid-19","icon-library-32-outline-facilities":"base-icons-icon-library-32-outline-facilities","icon-library-32-outline-feature":"base-icons-icon-library-32-outline-feature","icon-library-32-outline-food":"base-icons-icon-library-32-outline-food","icon-library-32-outline-it":"base-icons-icon-library-32-outline-it","icon-library-32-outline-journey":"base-icons-icon-library-32-outline-journey","icon-library-32-outline-maps":"base-icons-icon-library-32-outline-maps","icon-library-32-outline-navigation":"base-icons-icon-library-32-outline-navigation","icon-library-32-outline-notification":"base-icons-icon-library-32-outline-notification","icon-library-32-outline-seat":"base-icons-icon-library-32-outline-seat","icon-library-32-outline-ticket":"base-icons-icon-library-32-outline-ticket","icon-library-32-outline-transportation":"base-icons-icon-library-32-outline-transportation","icon-library-48-filled-av":"base-icons-icon-library-48-filled-av","icon-library-48-outline-av":"base-icons-icon-library-48-outline-av","icon-library-48-outline-brand":"base-icons-icon-library-48-outline-brand","icon-library-64-filled-av":"base-icons-icon-library-64-filled-av","icon-library-64-outline-av":"base-icons-icon-library-64-outline-av","icon-library-64-outline-brand":"base-icons-icon-library-64-outline-brand","illustration-icons":"base-icons-illustration-icons","fonts":"base-type-fonts","highlight-colors-1st-priority":"base-type-highlight-colors-1st-priority","highlight-colors-2nd-priority":"base-type-highlight-colors-2nd-priority","highlight-colors-neutral":"base-type-highlight-colors-neutral","highlight-colors-positive":"base-type-highlight-colors-positive"},"components":{"accordion":"components-accordion-accordion","accordion-high-emphasis":"components-accordion-accordion-high-emphasis","accordion-sizes":"components-accordion-accordion-sizes","breadcrumb":"components-breadcrumb-breadcrumb","cards-banner":"components-cards-cards-banner","dialog":"components-dialog-dialog","dialog-button-alignment-end":"components-dialog-dialog-button-alignment-end","dropdown":"components-dropdown-dropdown","dropdown-opposite-position":"components-dropdown-dropdown-opposite-position","example-form":"components-form-example-form","language-switcher":"components-language-switcher-language-switcher","language-switcher-spa":"components-language-switcher-language-switcher-spa","notifications":"components-notifications-notifications","notifications-hovering":"components-notifications-notifications-hovering","notifications-hovering-leading-icon":"components-notifications-notifications-hovering-leading-icon","notifications-hovering-trailing-icon":"components-notifications-notifications-hovering-trailing-icon","notifications-variants":"components-notifications-notifications-variants","overflow-menu":"components-overflow-menu-overflow-menu","overflow-menu-navigation":"components-overflow-menu-overflow-menu-navigation","overflow-menu-navigation-opposite-position":"components-overflow-menu-overflow-menu-navigation-opposite-position","overflow-menu-opposite-position":"components-overflow-menu-overflow-menu-opposite-position","pagination":"components-pagination-pagination","sidenavi":"components-sidenavi-sidenavi","tab-bar":"components-tab-bar-tab-bar","tab-bar-item-icon":"components-tab-bar-tab-bar-item-icon","tab-bar-small":"components-tab-bar-tab-bar-small","tab-bar-small-item-icon":"components-tab-bar-tab-bar-small-item-icon","table":"components-table-table","table-alignments":"components-table-table-alignments","table-border-around":"components-table-table-border-around","table-border-horizontal":"components-table-table-border-horizontal","table-density":"components-table-table-density","table-font-size":"components-table-table-font-size","table-icons":"components-table-table-icons","table-overflow-menu":"components-table-table-overflow-menu","table-row-title":"components-table-table-row-title","table-rows-zebra":"components-table-table-rows-zebra","table-sticky-header":"components-table-table-sticky-header"},"elements":{"button-brand-primary":"elements-buttons-01-button-brand-primary","button-primary":"elements-buttons-03-button-primary","button-secondary-outline":"elements-buttons-04-button-secondary-outline","button-secondary-solid":"elements-buttons-05-button-secondary-solid","button-tertiary-plain":"elements-buttons-06-button-tertiary-plain","button-sizes":"elements-buttons-09-button-sizes","button-width":"elements-buttons-10-button-width","button":"elements-buttons-button","checkbox":"elements-checkbox-checkbox","checkbox-checked":"elements-checkbox-checkbox-checked","checkbox-disabled":"elements-checkbox-checkbox-disabled","checkbox-disabled-checked":"elements-checkbox-checkbox-disabled-checked","checkbox-indeterminate":"elements-checkbox-checkbox-indeterminate","checkbox-label-hidden":"elements-checkbox-checkbox-label-hidden","checkbox-on-dark-background":"elements-checkbox-checkbox-on-dark-background","checkbox-on-dark-background-checked":"elements-checkbox-checkbox-on-dark-background-checked","checkbox-on-dark-background-disabled":"elements-checkbox-checkbox-on-dark-background-disabled","checkbox-on-dark-background-disabled-checked":"elements-checkbox-checkbox-on-dark-background-disabled-checked","checkbox-on-dark-background-indeterminate":"elements-checkbox-checkbox-on-dark-background-indeterminate","chips":"elements-chips-chips","chips-disabled":"elements-chips-chips-disabled","chips-type-selection":"elements-chips-chips-type-selection","chips-with-icon":"elements-chips-chips-with-icon","headline":"elements-headline-headline","headline-pulse":"elements-headline-headline-pulse","image":"elements-image-image","image-avif":"elements-image-image-avif","image-lazy-loading":"elements-image-image-lazy-loading","image-responsive-density":"elements-image-image-responsive-density","image-responsive-mediaquery":"elements-image-image-responsive-mediaquery","image-webp":"elements-image-image-webp","image-with-caption":"elements-image-image-with-caption","input":"elements-input-input","input-auto-suggest":"elements-input-input-auto-suggest","input-description":"elements-input-input-description","input-disabled":"elements-input-input-disabled","input-filled":"elements-input-input-filled","input-hidden-label":"elements-input-input-hidden-label","input-invalid":"elements-input-input-invalid","input-invalid-attribute":"elements-input-input-invalid-attribute","input-search":"elements-input-input-search","input-search-filled":"elements-input-input-search-filled","input-valid":"elements-input-input-valid","input-variations":"elements-input-input-variations","links":"elements-link-links","links-small":"elements-link-links-small","loading-indicator":"elements-loading-indicator-loading-indicator","loading-indicator-size-l":"elements-loading-indicator-loading-indicator-size-l","loading-indicator-size-m":"elements-loading-indicator-loading-indicator-size-m","loading-indicator-size-s":"elements-loading-indicator-loading-indicator-size-s","loading-indicator-size-xl":"elements-loading-indicator-loading-indicator-size-xl","loading-indicator-size-XS":"elements-loading-indicator-loading-indicator-size-XS","logo":"elements-logo-logo","logo-on-backgrounds":"elements-logo-logo-on-backgrounds","logo-sizes":"elements-logo-logo-sizes","logo-with-following-headline":"elements-logo-logo-with-following-headline","progress":"elements-progress-progress","progress-linear-spinner":"elements-progress-progress-linear-spinner","progress-linear-spinner-indeterminate":"elements-progress-progress-linear-spinner-indeterminate","radios":"elements-radio-radios","radios-checked":"elements-radio-radios-checked","radios-disabled":"elements-radio-radios-disabled","radios-disabled-checked":"elements-radio-radios-disabled-checked","radios-invalid-attribute":"elements-radio-radios-invalid-attribute","radios-label-hidden":"elements-radio-radios-label-hidden","radios-required":"elements-radio-radios-required","select":"elements-select-select","select-hidden-label":"elements-select-select-hidden-label","select-invalid-attribute":"elements-select-select-invalid-attribute","select-variations":"elements-select-select-variations","select-variations-disabled":"elements-select-select-variations-disabled","select-variations-optgroups":"elements-select-select-variations-optgroups","tags":"elements-tags-tags","tags-small":"elements-tags-tags-small","tags-with-icon":"elements-tags-tags-with-icon","textarea":"elements-textarea-textarea","textarea-description":"elements-textarea-textarea-description","textarea-disabled":"elements-textarea-textarea-disabled","textarea-filled":"elements-textarea-textarea-filled","textarea-hidden-label":"elements-textarea-textarea-hidden-label","textarea-invalid":"elements-textarea-textarea-invalid","textarea-invalid-attribute":"elements-textarea-textarea-invalid-attribute","textarea-valid":"elements-textarea-textarea-valid","textarea-variations":"elements-textarea-textarea-variations","toggle":"elements-toggle-toggle","toggle-disabled":"elements-toggle-toggle-disabled","toggle-on":"elements-toggle-toggle-on","toggle-on-disabled":"elements-toggle-toggle-on-disabled"},"pages":{"sample-page":"pages-sample-page","intro":"pages-intro"}};
+var viewAllPaths = {"areas":{"footer":"areas-footer","all":"areas","grid":"areas-grid","header":"areas-header"},"base":{"colors":"base-colors","all":"base","icons":"base-icons","type":"base-type"},"components":{"accordion":"components-accordion","all":"components","breadcrumb":"components-breadcrumb","cards":"components-cards","dialog":"components-dialog","dropdown":"components-dropdown","form":"components-form","language-switcher":"components-language-switcher","notifications":"components-notifications","overflow-menu":"components-overflow-menu","pagination":"components-pagination","sidenavi":"components-sidenavi","tab-bar":"components-tab-bar","table":"components-table"},"elements":{"buttons":"elements-buttons","all":"elements","checkbox":"elements-checkbox","chips":"elements-chips","headline":"elements-headline","image":"elements-image","input":"elements-input","link":"elements-link","loading-indicator":"elements-loading-indicator","logo":"elements-logo","progress":"elements-progress","radio":"elements-radio","select":"elements-select","tags":"elements-tags","textarea":"elements-textarea","toggle":"elements-toggle"},"pages":{"all":"pages"}};
+var plugins = [{"name":"@mfranzke/plugin-node-uiextension","templates":[],"stylesheets":["../../../css/pattern-scaffolding-project-specific.css"],"javascripts":["patternlab-components/pattern-lab/@mfranzke-plugin-node-uiextension/js/@mfranzke-plugin-node-uiextension.js"],"onready":"PluginUIExtension.init()","callback":"","navLinks":{"before":[],"after":[]},"toolLinks":{"before":[],"after":[{"text":"Imprint","url":"https://www.dbsystel.de/dbsystel-en/legal-3715942","class":"","icon":"help"},{"text":"Datenschutzerklärung","url":"https://db-ui.github.io/datenschutzerklaerung.html","class":"","icon":"help"}]}}];
+var defaultShowPatternInfo = false;
+var defaultPattern = "pages-intro";
diff --git a/review/refactor-icon-update/styleguide/html/styleguide.html b/review/refactor-icon-update/styleguide/html/styleguide.html
new file mode 100644
index 0000000000..44be22d02f
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/html/styleguide.html
@@ -0,0 +1,30294 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>DB UI Core - Pattern Lab</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+
+	<script>document.documentElement.className = 'js ' + document.documentElement.className.replace(/\bno-js\b/, '')</script>
+
+	<!-- see https://htmlhead.dev/ for a description of what could get listed within your pages HEAD section //-->
+
+
+	<!-- If you're adapting the HTML out of this document, only include the following CSS file, as the other below are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.css?1732197037269" media="all">
+
+	<!-- Do not include the following CSS, as these are related to pattern lab styling and presenting our patterns in this context even only //-->
+	<link rel="stylesheet" href="../../css/pattern-scaffolding.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/pattern-scaffolding-project-specific.css?1732197037269" media="all">
+	<link rel="stylesheet" href="../../css/enterprise/db-ui-core.demonstration.css?1732197037269" media="all">
+	<!-- dialog polyfill //-->
+	<link rel="stylesheet" href="../../css/dialog-polyfill.css?1732197037269" media="all">
+
+	<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+	<link rel="stylesheet" href="../../styleguide/css/pattern-lab.css?1732197037269" media="all">
+	<!-- End Pattern Lab -->
+
+
+	<!-- Google's "Create good meta descriptions" / https://support.google.com/webmasters/answer/35624?hl=en#meta-descriptions
+documentation has useful tips on creating an effective description. //-->
+	<meta name="Description" content="Put your description here.">
+
+	<!-- You can add the theme-color meta extension in the <head> of your pages to suggest the color that browsers and OSes should use if they customize the display of individual pages in their UIs with varying colors.
+			more information: https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color -->
+	<meta name="theme-color" content="#f01414">
+
+	<!-- iframe resizing script for pattern previews -->
+	<script src="../../js/iframeResizer.contentWindow.js"></script>
+	<script src="../../js/invoker.min.js"></script>
+</head>
+
+<body class="styleguide">
+<!-- View All Patterns in a Pattern Sub-Type -->
+<div class="pl-c-main">
+
+	<!-- Index of Patterns -->
+	<div class="pl-c-pattern-index">
+
+		<div id="viewall-base-all" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/base&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-base-all">Base</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="viewall-base-colors" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/base-colors&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-base-colors">Colors</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h1>Source</h1>
+<p>We're using the colors provided by our other product <a href="https://db-ui.github.io/base/">DB UI Base</a>, by which Design tokens are being provided.</p>
+<h2>Accessibility</h2>
+<p>Please have a look at the related page within the Marketingportal for more information as well: <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Farbe">https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Farbe</a></p>
+<h3>Criteria</h3>
+<h4>WCAG 2.1 (Level AA)</h4>
+<p>The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following:</p>
+<h4>Large Text</h4>
+<p>Large-scale text and images of large-scale text have a contrast ratio of at least 3:1</p>
+<h3>DB color palette for InDesign, Illustrator and Photoshop</h3>
+<p>A file containing the Deutsche Bahn color palette for Adobe InDesign, Adobe Illustrator or Adobe Photoshop is provided by the <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Farbe">DB Marketingportal</a>.</p>
+<h3>Inspirational external sources for this pattern</h3>
+<ul>
+<li><a href="https://spectrum.adobe.com/page/color/">https://spectrum.adobe.com/page/color/</a> &amp; <a href="https://opensource.adobe.com/spectrum-css/components/vars/spectrum-light.css">https://opensource.adobe.com/spectrum-css/components/vars/spectrum-light.css</a></li>
+</ul>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="base-primary" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-colors-primary&#x2F;base-colors-primary.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-primary" title="Link to Pattern">
+						Marketingportal Brand Colors - Primary
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-primary" data-patternpartial="base-primary" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-primary">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="sg-colors">
+	<li>
+		DB Red
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #ec0016"></span>
+		<span class="sg-label">
+			$db-color-red <br>
+			#ec0016
+		</span>
+	</li>
+	<li>
+		DB White
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFFFFF"></span>
+		<span class="sg-label">
+			$db-color-white <br>
+			#FFFFFF
+		</span>
+	</li>
+	<li>
+		DB Black
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #000000"></span>
+		<span class="sg-label">
+			$db-color-black <br>
+			#000000
+		</span>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-primary" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Primary","patternPartial":"base-primary","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":10}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-secondary" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-colors-secondary&#x2F;base-colors-secondary.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-secondary" title="Link to Pattern">
+						Marketingportal Brand Colors - Secondary
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-secondary" data-patternpartial="base-secondary" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-secondary">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="sg-colors">
+	<li>
+		DB Yellow 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFFFDC"></span>
+		<span class="sg-label">
+			$db-color-yellow-100 <br>
+			#FFFFDC
+		</span>
+	</li>
+	<li>
+		DB Yellow 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFFFAF"></span>
+		<span class="sg-label">
+			$db-color-yellow-200 <br>
+			#FFFFAF
+		</span>
+	</li>
+	<li>
+		DB Yellow 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFF876"></span>
+		<span class="sg-label">
+			$db-color-yellow-300 <br>
+			#FFF876
+		</span>
+	</li>
+	<li>
+		DB Yellow 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFF000"></span>
+		<span class="sg-label">
+			$db-color-yellow-400 <br>
+			#FFF000
+		</span>
+	</li>
+	<li>
+		DB Yellow 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFD800"></span>
+		<span class="sg-label">
+			$db-color-yellow-500 <br>
+			#FFD800
+		</span>
+	</li>
+	<li>
+		DB Yellow 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFBB00"></span>
+		<span class="sg-label">
+			$db-color-yellow-600 <br>
+			#FFBB00
+		</span>
+	</li>
+	<li>
+		DB Yellow 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FF9B00"></span>
+		<span class="sg-label">
+			$db-color-yellow-700 <br>
+			#FF9B00
+		</span>
+	</li>
+	<li>
+		DB Yellow 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FF7A00"></span>
+		<span class="sg-label">
+			$db-color-yellow-800 <br>
+			#FF7A00
+		</span>
+	</li>
+	<li>
+		DB Orange 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FFF4D8"></span>
+		<span class="sg-label">
+			$db-color-orange-100 <br>
+			#FFF4D8
+		</span>
+	</li>
+	<li>
+		DB Orange 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FCE3B4"></span>
+		<span class="sg-label">
+			$db-color-orange-200 <br>
+			#FCE3B4
+		</span>
+	</li>
+	<li>
+		DB Orange 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FACA7F"></span>
+		<span class="sg-label">
+			$db-color-orange-300 <br>
+			#FACA7F
+		</span>
+	</li>
+	<li>
+		DB Orange 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F8AB37"></span>
+		<span class="sg-label">
+			$db-color-orange-400 <br>
+			#F8AB37
+		</span>
+	</li>
+	<li>
+		DB Orange 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F39200"></span>
+		<span class="sg-label">
+			$db-color-orange-500 <br>
+			#F39200
+		</span>
+	</li>
+	<li>
+		DB Orange 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #D77B00"></span>
+		<span class="sg-label">
+			$db-color-orange-600 <br>
+			#D77B00
+		</span>
+	</li>
+	<li>
+		DB Orange 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C05E00"></span>
+		<span class="sg-label">
+			$db-color-orange-700 <br>
+			#C05E00
+		</span>
+	</li>
+	<li>
+		DB Orange 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #A24800"></span>
+		<span class="sg-label">
+			$db-color-orange-800 <br>
+			#A24800
+		</span>
+	</li>
+	<li>
+		DB Red 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #fEE6E6"></span>
+		<span class="sg-label">
+			$db-color-red-100 <br>
+			#fEE6E6
+		</span>
+	</li>
+	<li>
+		DB Red 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FCC8C3"></span>
+		<span class="sg-label">
+			$db-color-red-200 <br>
+			#FCC8C3
+		</span>
+	</li>
+	<li>
+		DB Red 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FA9090"></span>
+		<span class="sg-label">
+			$db-color-red-300 <br>
+			#FA9090
+		</span>
+	</li>
+	<li>
+		DB Red 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F75056"></span>
+		<span class="sg-label">
+			$db-color-red-400 <br>
+			#F75056
+		</span>
+	</li>
+	<li>
+		DB Red 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EC0016"></span>
+		<span class="sg-label">
+			$db-color-red-500 <br>
+			#EC0016
+		</span>
+	</li>
+	<li>
+		DB Red 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C50014"></span>
+		<span class="sg-label">
+			$db-color-red-600 <br>
+			#C50014
+		</span>
+	</li>
+	<li>
+		DB Red 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9B000E"></span>
+		<span class="sg-label">
+			$db-color-red-700 <br>
+			#9B000E
+		</span>
+	</li>
+	<li>
+		DB Red 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #740009"></span>
+		<span class="sg-label">
+			$db-color-red-800 <br>
+			#740009
+		</span>
+	</li>
+	<li>
+		DB Burgundy 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F4E8ED"></span>
+		<span class="sg-label">
+			$db-color-burgundy-100 <br>
+			#F4E8ED
+		</span>
+	</li>
+	<li>
+		DB Burgundy 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EDCBD6"></span>
+		<span class="sg-label">
+			$db-color-burgundy-200 <br>
+			#EDCBD6
+		</span>
+	</li>
+	<li>
+		DB Burgundy 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #DA9AA8"></span>
+		<span class="sg-label">
+			$db-color-burgundy-300 <br>
+			#DA9AA8
+		</span>
+	</li>
+	<li>
+		DB Burgundy 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C0687B"></span>
+		<span class="sg-label">
+			$db-color-burgundy-400 <br>
+			#C0687B
+		</span>
+	</li>
+	<li>
+		DB Burgundy 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #A9455D"></span>
+		<span class="sg-label">
+			$db-color-burgundy-500 <br>
+			#A9455D
+		</span>
+	</li>
+	<li>
+		DB Burgundy 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #8C2E46"></span>
+		<span class="sg-label">
+			$db-color-burgundy-600 <br>
+			#8C2E46
+		</span>
+	</li>
+	<li>
+		DB Burgundy 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #641E32"></span>
+		<span class="sg-label">
+			$db-color-burgundy-700 <br>
+			#641E32
+		</span>
+	</li>
+	<li>
+		DB Burgundy 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #4D0820"></span>
+		<span class="sg-label">
+			$db-color-burgundy-800 <br>
+			#4D0820
+		</span>
+	</li>
+	<li>
+		DB Pink 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #FDEEF8"></span>
+		<span class="sg-label">
+			$db-color-pink-100 <br>
+			#FDEEF8
+		</span>
+	</li>
+	<li>
+		DB Pink 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F9D2E5"></span>
+		<span class="sg-label">
+			$db-color-pink-200 <br>
+			#F9D2E5
+		</span>
+	</li>
+	<li>
+		DB Pink 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F4AECE"></span>
+		<span class="sg-label">
+			$db-color-pink-300 <br>
+			#F4AECE
+		</span>
+	</li>
+	<li>
+		DB Pink 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EE7BAE"></span>
+		<span class="sg-label">
+			$db-color-pink-400 <br>
+			#EE7BAE
+		</span>
+	</li>
+	<li>
+		DB Pink 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E93E8F"></span>
+		<span class="sg-label">
+			$db-color-pink-500 <br>
+			#E93E8F
+		</span>
+	</li>
+	<li>
+		DB Pink 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #DB0078"></span>
+		<span class="sg-label">
+			$db-color-pink-600 <br>
+			#DB0078
+		</span>
+	</li>
+	<li>
+		DB Pink 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #B80065"></span>
+		<span class="sg-label">
+			$db-color-pink-700 <br>
+			#B80065
+		</span>
+	</li>
+	<li>
+		DB Pink 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #970052"></span>
+		<span class="sg-label">
+			$db-color-pink-800 <br>
+			#970052
+		</span>
+	</li>
+	<li>
+		DB Violett 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F4EEFA"></span>
+		<span class="sg-label">
+			$db-color-violett-100 <br>
+			#F4EEFA
+		</span>
+	</li>
+	<li>
+		DB Violett 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E0CDE4"></span>
+		<span class="sg-label">
+			$db-color-violett-200 <br>
+			#E0CDE4
+		</span>
+	</li>
+	<li>
+		DB Violett 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C2A1C7"></span>
+		<span class="sg-label">
+			$db-color-violett-300 <br>
+			#C2A1C7
+		</span>
+	</li>
+	<li>
+		DB Violett 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9A6CA6"></span>
+		<span class="sg-label">
+			$db-color-violett-400 <br>
+			#9A6CA6
+		</span>
+	</li>
+	<li>
+		DB Violett 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #814997"></span>
+		<span class="sg-label">
+			$db-color-violett-500 <br>
+			#814997
+		</span>
+	</li>
+	<li>
+		DB Violett 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #6E368C"></span>
+		<span class="sg-label">
+			$db-color-violett-600 <br>
+			#6E368C
+		</span>
+	</li>
+	<li>
+		DB Violett 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #581D70"></span>
+		<span class="sg-label">
+			$db-color-violett-700 <br>
+			#581D70
+		</span>
+	</li>
+	<li>
+		DB Violett 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #421857"></span>
+		<span class="sg-label">
+			$db-color-violett-800 <br>
+			#421857
+		</span>
+	</li>
+	<li>
+		DB Blue 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E0EFFB"></span>
+		<span class="sg-label">
+			$db-color-blue-100 <br>
+			#E0EFFB
+		</span>
+	</li>
+	<li>
+		DB Blue 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #B4D5F6"></span>
+		<span class="sg-label">
+			$db-color-blue-200 <br>
+			#B4D5F6
+		</span>
+	</li>
+	<li>
+		DB Blue 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #73AEF4"></span>
+		<span class="sg-label">
+			$db-color-blue-300 <br>
+			#73AEF4
+		</span>
+	</li>
+	<li>
+		DB Blue 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #347DE0"></span>
+		<span class="sg-label">
+			$db-color-blue-400 <br>
+			#347DE0
+		</span>
+	</li>
+	<li>
+		DB Blue 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #1455C0"></span>
+		<span class="sg-label">
+			$db-color-blue-500 <br>
+			#1455C0
+		</span>
+	</li>
+	<li>
+		DB Blue 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0C3992"></span>
+		<span class="sg-label">
+			$db-color-blue-600 <br>
+			#0C3992
+		</span>
+	</li>
+	<li>
+		DB Blue 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0A1E6E"></span>
+		<span class="sg-label">
+			$db-color-blue-700 <br>
+			#0A1E6E
+		</span>
+	</li>
+	<li>
+		DB Blue 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #061350"></span>
+		<span class="sg-label">
+			$db-color-blue-800 <br>
+			#061350
+		</span>
+	</li>
+	<li>
+		DB Cyan 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E5FAFF"></span>
+		<span class="sg-label">
+			$db-color-cyan-100 <br>
+			#E5FAFF
+		</span>
+	</li>
+	<li>
+		DB Cyan 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BBE6F8"></span>
+		<span class="sg-label">
+			$db-color-cyan-200 <br>
+			#BBE6F8
+		</span>
+	</li>
+	<li>
+		DB Cyan 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #84CFEF"></span>
+		<span class="sg-label">
+			$db-color-cyan-300 <br>
+			#84CFEF
+		</span>
+	</li>
+	<li>
+		DB Cyan 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #55B9E6"></span>
+		<span class="sg-label">
+			$db-color-cyan-400 <br>
+			#55B9E6
+		</span>
+	</li>
+	<li>
+		DB Cyan 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #309FD1"></span>
+		<span class="sg-label">
+			$db-color-cyan-500 <br>
+			#309FD1
+		</span>
+	</li>
+	<li>
+		DB Cyan 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0087B9"></span>
+		<span class="sg-label">
+			$db-color-cyan-600 <br>
+			#0087B9
+		</span>
+	</li>
+	<li>
+		DB Cyan 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #006A96"></span>
+		<span class="sg-label">
+			$db-color-cyan-700 <br>
+			#006A96
+		</span>
+	</li>
+	<li>
+		DB Cyan 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #004B6D"></span>
+		<span class="sg-label">
+			$db-color-cyan-800 <br>
+			#004B6D
+		</span>
+	</li>
+	<li>
+		DB Turquoise 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E3F5F4"></span>
+		<span class="sg-label">
+			$db-color-turquoise-100 <br>
+			#E3F5F4
+		</span>
+	</li>
+	<li>
+		DB Turquoise 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BEE2E5"></span>
+		<span class="sg-label">
+			$db-color-turquoise-200 <br>
+			#BEE2E5
+		</span>
+	</li>
+	<li>
+		DB Turquoise 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #83CACA"></span>
+		<span class="sg-label">
+			$db-color-turquoise-300 <br>
+			#83CACA
+		</span>
+	</li>
+	<li>
+		DB Turquoise 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #3CB5AE"></span>
+		<span class="sg-label">
+			$db-color-turquoise-400 <br>
+			#3CB5AE
+		</span>
+	</li>
+	<li>
+		DB Turquoise 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #00A099"></span>
+		<span class="sg-label">
+			$db-color-turquoise-500 <br>
+			#00A099
+		</span>
+	</li>
+	<li>
+		DB Turquoise 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #008984"></span>
+		<span class="sg-label">
+			$db-color-turquoise-600 <br>
+			#008984
+		</span>
+	</li>
+	<li>
+		DB Turquoise 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #006E6B"></span>
+		<span class="sg-label">
+			$db-color-turquoise-700 <br>
+			#006E6B
+		</span>
+	</li>
+	<li>
+		DB Turquoise 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #005752"></span>
+		<span class="sg-label">
+			$db-color-turquoise-800 <br>
+			#005752
+		</span>
+	</li>
+	<li>
+		DB Green 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #E2f3E5"></span>
+		<span class="sg-label">
+			$db-color-green-100 <br>
+			#E2f3E5
+		</span>
+	</li>
+	<li>
+		DB Green 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BDDBB9"></span>
+		<span class="sg-label">
+			$db-color-green-200 <br>
+			#BDDBB9
+		</span>
+	</li>
+	<li>
+		DB Green 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #8CBC80"></span>
+		<span class="sg-label">
+			$db-color-green-300 <br>
+			#8CBC80
+		</span>
+	</li>
+	<li>
+		DB Green 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #66A558"></span>
+		<span class="sg-label">
+			$db-color-green-400 <br>
+			#66A558
+		</span>
+	</li>
+	<li>
+		DB Green 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #408335"></span>
+		<span class="sg-label">
+			$db-color-green-500 <br>
+			#408335
+		</span>
+	</li>
+	<li>
+		DB Green 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #2A7230"></span>
+		<span class="sg-label">
+			$db-color-green-600 <br>
+			#2A7230
+		</span>
+	</li>
+	<li>
+		DB Green 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #165C27"></span>
+		<span class="sg-label">
+			$db-color-green-700 <br>
+			#165C27
+		</span>
+	</li>
+	<li>
+		DB Green 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #154A26"></span>
+		<span class="sg-label">
+			$db-color-green-800 <br>
+			#154A26
+		</span>
+	</li>
+	<li>
+		DB Light Green 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EBF7DD"></span>
+		<span class="sg-label">
+			$db-color-light-green-100 <br>
+			#EBF7DD
+		</span>
+	</li>
+	<li>
+		DB Light Green 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #C9EB9E"></span>
+		<span class="sg-label">
+			$db-color-light-green-200 <br>
+			#C9EB9E
+		</span>
+	</li>
+	<li>
+		DB Light Green 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9FD45F"></span>
+		<span class="sg-label">
+			$db-color-light-green-300 <br>
+			#9FD45F
+		</span>
+	</li>
+	<li>
+		DB Light Green 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #78BE14"></span>
+		<span class="sg-label">
+			$db-color-light-green-400 <br>
+			#78BE14
+		</span>
+	</li>
+	<li>
+		DB Light Green 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #63A615"></span>
+		<span class="sg-label">
+			$db-color-light-green-500 <br>
+			#63A615
+		</span>
+	</li>
+	<li>
+		DB Light Green 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #508B1B"></span>
+		<span class="sg-label">
+			$db-color-light-green-600 <br>
+			#508B1B
+		</span>
+	</li>
+	<li>
+		DB Light Green 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #44741A"></span>
+		<span class="sg-label">
+			$db-color-light-green-700 <br>
+			#44741A
+		</span>
+	</li>
+	<li>
+		DB Light Green 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #375F15"></span>
+		<span class="sg-label">
+			$db-color-light-green-800 <br>
+			#375F15
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F5F4F1"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-100 <br>
+			#F5F4F1
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #DDDED6"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-200 <br>
+			#DDDED6
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #BCBBB2"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-300 <br>
+			#BCBBB2
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #9C9A8E"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-400 <br>
+			#9C9A8E
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #858379"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-500 <br>
+			#858379
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #747067"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-600 <br>
+			#747067
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #4F4B41"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-700 <br>
+			#4F4B41
+		</span>
+	</li>
+	<li>
+		DB Warm Gray 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #38342F"></span>
+		<span class="sg-label">
+			$db-color-warm-gray-800 <br>
+			#38342F
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 100
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #F0F3F5"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-100 <br>
+			#F0F3F5
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 200
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #D7DCE1"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-200 <br>
+			#D7DCE1
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 300
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #AFB4BB"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-300 <br>
+			#AFB4BB
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 400
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #878C96"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-400 <br>
+			#878C96
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 500
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #646973"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-500 <br>
+			#646973
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 600
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #3C414B"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-600 <br>
+			#3C414B
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 700
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #282D37"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-700 <br>
+			#282D37
+		</span>
+	</li>
+	<li>
+		DB Cool Gray 800
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #131821"></span>
+		<span class="sg-label">
+			$db-color-cool-gray-800 <br>
+			#131821
+		</span>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-secondary" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Secondary","patternPartial":"base-secondary","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":20}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-feedback" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-colors-feedback&#x2F;base-colors-feedback.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-feedback" title="Link to Pattern">
+						Marketingportal Brand Colors - Feedback
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-feedback" data-patternpartial="base-feedback" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-feedback">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="sg-colors">
+	<li>
+		DB Success
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #508B1B"></span>
+		<span class="sg-label">
+			$db-color-success: $db-color-light-green-600 <br>
+			#508B1B
+		</span>
+	</li>
+	<li>
+		DB Error
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #EC0016"></span>
+		<span class="sg-label">
+			$db-color-error: $db-color-red-500 <br>
+			#EC0016
+		</span>
+	</li>
+	<li>
+		DB Informative
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0087b9"></span>
+		<span class="sg-label">
+			$db-color-error: $db-color-cyan-600 <br>
+			#0087b9
+		</span>
+	</li>
+	<li>
+		DB Warning
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #f75f00"></span>
+		<span class="sg-label">
+			$db-color-error: $db-color-yellow-900 <br>
+			#f75f00
+		</span>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-feedback" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Feedback","patternPartial":"base-feedback","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":30}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-poi" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-colors-poi&#x2F;base-colors-poi.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-poi" title="Link to Pattern">
+						Marketingportal Brand Colors - POI
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-poi" data-patternpartial="base-poi" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-poi">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="sg-colors">
+	<li>
+		food &amp; drink
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #f39200"></span>
+		<span class="sg-label">
+			$db-color-food-drink: $db-color-orange-500 <br>
+			#f39200
+		</span>
+	</li>
+	<li>
+		health
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #a9455d"></span>
+		<span class="sg-label">
+			$db-color-health: $db-color-burgundy-500 <br>
+			#a9455d
+		</span>
+	</li>
+	<li>
+		things to know
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #858379"></span>
+		<span class="sg-label">
+			$db-color-things-to-know: $db-color-warm-gray-500 <br>
+			#858379
+		</span>
+	</li>
+	<li>
+		community facilities
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #00a099"></span>
+		<span class="sg-label">
+			$db-color-community-facilities: $db-color-turquoise-500 <br>
+			#00a099
+		</span>
+	</li>
+	<li>
+		DB services &amp; facilities
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #0c3992"></span>
+		<span class="sg-label">
+			$db-color-db-services-facilities: $db-color-blue-600 <br>
+			#0c3992
+		</span>
+	</li>
+	<li>
+		shopping
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #814997"></span>
+		<span class="sg-label">
+			$db-color-shopping: $db-color-violett-500 <br>
+			#814997
+		</span>
+	</li>
+	<li>
+		arts &amp; culture
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #e93e8f"></span>
+		<span class="sg-label">
+			$db-color-arts-culture: $db-color-pink-500 <br>
+			#e93e8f
+		</span>
+	</li>
+	<li>
+		leisure
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #408335"></span>
+		<span class="sg-label">
+			$db-color-leisure: $db-color-green-500 <br>
+			#408335
+		</span>
+	</li>
+	<li>
+		services
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #309fd1"></span>
+		<span class="sg-label">
+			$db-color-services: $db-color-cyan-500 <br>
+			#309fd1
+		</span>
+	</li>
+	<li>
+		guidance
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #3c414b"></span>
+		<span class="sg-label">
+			$db-color-guidance: $db-color-cool-gray-600 <br>
+			#3c414b
+		</span>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-poi" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - POI","patternPartial":"base-poi","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":40}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-colors-transportation&#x2F;base-colors-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-transportation" title="Link to Pattern">
+						Marketingportal Brand Colors - Transport
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-transportation" data-patternpartial="base-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="sg-colors">
+	<li>
+		ICE
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #282d37"></span>
+		<span class="sg-label">
+			$db-color-ice: $db-color-cool-gray-700 <br>
+			#282d37
+		</span>
+	</li>
+	<li>
+		IC
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #646973"></span>
+		<span class="sg-label">
+			$db-color-ic: $db-color-cool-gray-500 <br>
+			#646973
+		</span>
+	</li>
+	<li>
+		EC
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #646973"></span>
+		<span class="sg-label">
+			$db-color-ec: $db-color-cool-gray-500 <br>
+			#646973
+		</span>
+	</li>
+	<li>
+		RE
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #878c96"></span>
+		<span class="sg-label">
+			$db-color-re: $db-color-cool-gray-400 <br>
+			#878c96
+		</span>
+	</li>
+	<li>
+		RB
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #afb4bb"></span>
+		<span class="sg-label">
+			$db-color-rb: $db-color-cool-gray-300 <br>
+			#afb4bb
+		</span>
+	</li>
+	<li>
+		S-Bahn
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #408335"></span>
+		<span class="sg-label">
+			$db-color-s-bahn: $db-color-green-500 <br>
+			#408335
+		</span>
+	</li>
+	<li>
+		U-Bahn
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #1455c0"></span>
+		<span class="sg-label">
+			$db-color-u-bahn: $db-color-blue-500 <br>
+			#1455c0
+		</span>
+	</li>
+	<li>
+		Tram
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #a9455d"></span>
+		<span class="sg-label">
+			$db-color-tram: $db-color-burgundy-500 <br>
+			#a9455d
+		</span>
+	</li>
+	<li>
+		Intercity Bus
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #e93e8f"></span>
+		<span class="sg-label">
+			$db-color-intercity-bus: $db-color-pink-500 <br>
+			#e93e8f
+		</span>
+	</li>
+	<li>
+		Bus
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #814997"></span>
+		<span class="sg-label">
+			$db-color-bus: $db-color-violett-500 <br>
+			#814997
+		</span>
+	</li>
+	<li>
+		ship
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #309fd1"></span>
+		<span class="sg-label">
+			$db-color-ship: $db-color-cyan-500 <br>
+			#309fd1
+		</span>
+	</li>
+	<li>
+		plane
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #00a099"></span>
+		<span class="sg-label">
+			$db-color-plane: $db-color-turquoise-500 <br>
+			#00a099
+		</span>
+	</li>
+	<li>
+		taxi
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #ffd800"></span>
+		<span class="sg-label">
+			$db-color-taxi: $db-color-yellow-500 <br>
+			#ffd800
+		</span>
+	</li>
+	<li>
+		carsharing
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #f39200"></span>
+		<span class="sg-label">
+			$db-color-carsharing: $db-color-orange-500 <br>
+			#f39200
+		</span>
+	</li>
+	<li>
+		bikesharing
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #63a615"></span>
+		<span class="sg-label">
+			$db-color-bikesharing: $db-color-light-green-500 <br>
+			#63a615
+		</span>
+	</li>
+	<li>
+		walking
+		<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+		<span class="sg-swatch" style="background-color: #d7dce1"></span>
+		<span class="sg-label">
+			$db-color-walking: $db-color-cool-gray-200 <br>
+			#d7dce1
+		</span>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"colors"},"patternExtension":"hbs","patternName":"Marketingportal Brand Colors - Transport","patternPartial":"base-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":50}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-base-icons" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/base-icons&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-base-icons">Icons</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>New iconset</h2>
+<p>The included iconset has been developed in cooperation with the Center of Excellence @ Personenverkehr and replaces the previous enterprise only icons. More information: <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Icons/Funktionale-Icons-Architektur-und-Fahrzeuge">https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Icons/Funktionale-Icons-Architektur-und-Fahrzeuge</a></p>
+<h2>Usage</h2>
+<p>You could use the icons either within your SCSS code as described below, which is the recommended approach.
+Alternatively you could also use the attribute based configuration.</p>
+<p>And we're additionally providing the icons as the sources (SVG) files as well.</p>
+<h3>Icon font</h3>
+<h4>Different glyphs</h4>
+<p>All of the available glyphs variables are shown on this page right next to the icon, with the SCSS and attribute based variables/values shown next to them.</p>
+<h4>SCSS (recommended)</h4>
+<h5>Icon for element</h5>
+<p>Use the following SCSS mixin for setting an icon:</p>
+<pre><code class="language-scss">// schema
+@mixin icon(
+  $glyph: &quot;&quot;,
+  $size: $icon-size,
+  $style: $icon-style,
+  $position: &quot;before&quot;
+);
+
+// example
+span.with-an-icon {
+  @include icon(glyph(account), 20, &quot;outline&quot;);
+}
+</code></pre>
+<p>As both <code>$icon-size</code> and <code>$icon-style</code> are available to get configured with default values, and <code>$position</code> is only a variant (explained in the next paragraph) only the first one is really mandatory.</p>
+<h6>Displaying the icon after text</h6>
+<p>If you'd like to include the icon after the text, set the last parameter to <code>after</code>.</p>
+<h6>Hiding the text next to an icon</h6>
+<p>In case of the need to display only the icon and hide the text next to it, use the following mixin:</p>
+<pre><code class="language-scss">@include is-icon-text-replace();
+</code></pre>
+<h4>Attribute based configuration</h4>
+<h5>Icon for element</h5>
+<p>Use the <code>data-icon</code> and <code>data-icon-variant</code> HTML attributes for setting an icon:</p>
+<pre><code class="language-html">&lt;a href=&quot;#&quot; data-icon=&quot;alarm&quot; data-icon-variant=&quot;24-outline&quot;&gt;Alarm&lt;/a&gt;
+</code></pre>
+<p>The <code>data-icon-variant</code> is an optional attribute, that you don't need to declare in case that you'd like to use the default icon size and style, that are defined by the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables (size: <code>24</code> and style: <code>outline</code> as defaults), that could obviously get overwritten by individual SCSS declarations; so you'll end up with a very simply definition when relying on the defaults:</p>
+<pre><code class="language-html">&lt;a href=&quot;#&quot; data-icon=&quot;alarm&quot;&gt;Alarm&lt;/a&gt;
+</code></pre>
+<p>Of course this icons definition does as well have an equivalent for icons after the content: <code>data-icon-variant-after</code></p>
+<h6>Displaying the icon after text</h6>
+<p>If you'd like to include the icon after the content/text, use the HTML attribute <code>data-icon-after</code> instead of <code>data-icon</code>, example:</p>
+<pre><code class="language-html">&lt;a
+  href=&quot;#&quot;
+  data-icon-after=&quot;alarm&quot;
+  data-icon-variant-after=&quot;24-outline&quot;
+  class=&quot;elm-link&quot;
+  &gt;Alarm&lt;/a
+&gt;
+</code></pre>
+<h6>Hiding the text next to an icon</h6>
+<p>In case of the need to display only the icon and hide the text next to it, use the following class:</p>
+<pre><code class="language-html">.is-icon-text-replace
+</code></pre>
+<h6>Tweaking icons <code>font-size</code></h6>
+<p>If you'd like to control the icons <code>font-size</code> any further (defining sizes in between all of the <code>data-icon-variant</code> declarations, like e.g. having an icon <code>font-size</code> of <code>23px</code> instead of <code>24px</code> when defining <code>data-icon-variant=&quot;24-outline&quot;</code>), you could set set one of the CSS variables <code>--icon-font-size-before</code> or <code>--icon-font-size-after</code> (in this case <code>--icon-font-size-before: 23px</code>).</p>
+<pre><code class="language-html">&lt;a
+  href=&quot;#&quot;
+  data-icon=&quot;alarm&quot;
+  data-icon-variant=&quot;24-outline&quot;
+  style=&quot;--icon-font-size-before: 23px&quot;
+  &gt;Alarm&lt;/a
+&gt;
+</code></pre>
+<h4>Further tweaking</h4>
+<h3>SVG files</h3>
+<p>As mentioned above we're even also providing all of the icon sources (<code>svg</code> files) within this package in the folder <code>node_modules/@db-ui/core/dist/icons/</code>.</p>
+<p>And we're enabling to change the colors for the <a href="https://db-ui.github.io/base/?p=viewall-icons-illustrative">illustrative icons</a> (&quot;pulse&quot; and icon itself) as well as the <a href="https://db-ui.github.io/base/?p=viewall-icons-functional">functional icons</a> (only the single-color icon), through the two following CSS variables / CSS custom properties, with their included default (second value):</p>
+<pre><code class="language-css">var(--db-icon-color, currentColor)
+var(--db-icon-pulse-color, #EC0016)
+</code></pre>
+<h2>Accessibility</h2>
+<p>Regarding accessibility icons are providing cognitive complementary visual support for sighted people (e.g. people with reading difficulties), as well as quick recognition of specific functionality and UX patterns like e.g. the bin/waste paper basket symbol for a delete action.</p>
+<p>On the other hand icons shouldn't get recognized and output by assistive technologies like screenreaders, as those glyphs or signs being used in case of an icon webfont don't necessarly provide a meaning - and on the other hand each icon being used on the page should always as well get included in conjunction with some textual description both as a fallback as well as providing some meaning even and especially if the icon itself doesn't provide a unique meaning on it's own (to all users idependently from their skill level/experience, culture, etc.).</p>
+<p>Additionally this pattern has been tested and approved regarding accessibility.</p>
+<h2>Inspirational external sources for this pattern</h2>
+<ul>
+<li><a href="https://spectrum.adobe.com/page/icons/">https://spectrum.adobe.com/page/icons/</a> &amp; <a href="https://spectrum.adobe.com/page/iconography/">https://spectrum.adobe.com/page/iconography/</a></li>
+</ul>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="base-icon-library" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library&#x2F;base-icons-icon-library.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library" title="Link to Pattern">
+						Icon Library
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library" data-patternpartial="base-icon-library" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"Icon Library","patternPartial":"base-icon-library","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-16-filled-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-16-filled-action&#x2F;base-icons-icon-library-16-filled-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-16-filled-action" title="Link to Pattern">
+						DB Icons 16x16 - Filled - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-16-filled-action" data-patternpartial="base-icon-library-16-filled-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-16-filled-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="check-circle" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-16-filled-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Filled - Action","patternPartial":"base-icon-library-16-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-16-filled-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-16-filled-navigation&#x2F;base-icons-icon-library-16-filled-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-16-filled-navigation" title="Link to Pattern">
+						DB Icons 16x16 - Filled - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-16-filled-navigation" data-patternpartial="base-icon-library-16-filled-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-16-filled-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-16-filled-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Filled - Navigation","patternPartial":"base-icon-library-16-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-16-filled-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-16-filled-notification&#x2F;base-icons-icon-library-16-filled-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-16-filled-notification" title="Link to Pattern">
+						DB Icons 16x16 - Filled - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-16-filled-notification" data-patternpartial="base-icon-library-16-filled-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-16-filled-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="16-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 16, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="16-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-16-filled-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Filled - Notification","patternPartial":"base-icon-library-16-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-16-outline-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-16-outline-action&#x2F;base-icons-icon-library-16-outline-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-16-outline-action" title="Link to Pattern">
+						DB Icons 16x16 - Outline - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-16-outline-action" data-patternpartial="base-icon-library-16-outline-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-16-outline-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="add" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="add" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="done" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-16-outline-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Outline - Action","patternPartial":"base-icon-library-16-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-16-outline-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-16-outline-navigation&#x2F;base-icons-icon-library-16-outline-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-16-outline-navigation" title="Link to Pattern">
+						DB Icons 16x16 - Outline - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-16-outline-navigation" data-patternpartial="base-icon-library-16-outline-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-16-outline-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="close" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="16-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more), 16, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more" data-icon-variant="16-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-16-outline-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 16x16 - Outline - Navigation","patternPartial":"base-icon-library-16-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-action&#x2F;base-icons-icon-library-20-filled-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-action" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-action" data-patternpartial="base-icon-library-20-filled-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="account" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="block" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="build" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="copy" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="credit-card" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="dashboard" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="discount" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="edit" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="folder" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="folder-open" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="generic-card" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="image" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="lock-close" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="lock-open" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="print" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="resize" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="save" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="schedule" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="sepa" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="voucher" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Action","patternPartial":"base-icon-library-20-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-av&#x2F;base-icons-icon-library-20-filled-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-av" title="Link to Pattern">
+						DB Icons 20x20 - Filled - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-av" data-patternpartial="base-icon-library-20-filled-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="subtitles" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - AV","patternPartial":"base-icon-library-20-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-communication" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-communication&#x2F;base-icons-icon-library-20-filled-communication.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-communication" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Communication
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-communication" data-patternpartial="base-icon-library-20-filled-communication" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-communication">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="call" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="chat" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="conversation" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="feedback" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="question" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="receive-item" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="share-item" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-communication" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Communication","patternPartial":"base-icon-library-20-filled-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-feature" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-feature&#x2F;base-icons-icon-library-20-filled-feature.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-feature" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Feature
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-feature" data-patternpartial="base-icon-library-20-filled-feature" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-feature">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="day" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="day" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="hydrogen" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="marketplace" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="medical" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="night" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="platform" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="reservation" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-feature" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Feature","patternPartial":"base-icon-library-20-filled-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-food" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-food&#x2F;base-icons-icon-library-20-filled-food.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-food" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Food
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-food" data-patternpartial="base-icon-library-20-filled-food" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-food">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="coffee-cup" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-food" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Food","patternPartial":"base-icon-library-20-filled-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-it" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-it&#x2F;base-icons-icon-library-20-filled-it.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-it" title="Link to Pattern">
+						DB Icons 20x20 - Filled - IT
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-it" data-patternpartial="base-icon-library-20-filled-it" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-it">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-it" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - IT","patternPartial":"base-icon-library-20-filled-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-journey" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-journey&#x2F;base-icons-icon-library-20-filled-journey.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-journey" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Journey
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-journey" data-patternpartial="base-icon-library-20-filled-journey" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-journey">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="capacity-indicator" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="destination" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-journey" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Journey","patternPartial":"base-icon-library-20-filled-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-maps" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-maps&#x2F;base-icons-icon-library-20-filled-maps.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-maps" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Maps
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-maps" data-patternpartial="base-icon-library-20-filled-maps" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-maps">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="home" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="parking" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="place" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop-sign" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-maps" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Maps","patternPartial":"base-icon-library-20-filled-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-navigation&#x2F;base-icons-icon-library-20-filled-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-navigation" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-navigation" data-patternpartial="base-icon-library-20-filled-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="grid-view" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Navigation","patternPartial":"base-icon-library-20-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-notification&#x2F;base-icons-icon-library-20-filled-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-notification" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-notification" data-patternpartial="base-icon-library-20-filled-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Notification","patternPartial":"base-icon-library-20-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-ticket" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-ticket&#x2F;base-icons-icon-library-20-filled-ticket.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-ticket" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Ticket
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-ticket" data-patternpartial="base-icon-library-20-filled-ticket" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-ticket">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus-card" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bahncard" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-ticket" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Ticket","patternPartial":"base-icon-library-20-filled-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-filled-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-filled-transportation&#x2F;base-icons-icon-library-20-filled-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-filled-transportation" title="Link to Pattern">
+						DB Icons 20x20 - Filled - Transportation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-filled-transportation" data-patternpartial="base-icon-library-20-filled-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-filled-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="20-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 20, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="20-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-filled-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Filled - Transportation","patternPartial":"base-icon-library-20-filled-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-action&#x2F;base-icons-icon-library-20-outline-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-action" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-action" data-patternpartial="base-icon-library-20-outline-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="account" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="add" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-link" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-link), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-link" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm-add" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm-add), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm-add" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="artificial-intelligence" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(artificial-intelligence), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="artificial-intelligence" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="attachment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(attachment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="attachment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="augmented-reality" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(augmented-reality), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="augmented-reality" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="block" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bug" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bug), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bug" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="build" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="calendar" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(calendar), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="calendar" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cash" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cash), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cash" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-download" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-download), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-download" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-upload" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-upload), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-upload" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="compass" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(compass), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="compass" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="copy" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="credit-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="dashboard" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="delete" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(delete), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="delete" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="discount" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="document" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-check" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-check), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-check" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-cross" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-cross), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-cross" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="done" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="download" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(download), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="download" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drag-and-drop" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drag-and-drop), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="drag-and-drop" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="edit" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="euro-sign" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(euro-sign), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="euro-sign" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-delighted" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-delighted), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-delighted" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-disappointed" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-disappointed), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-disappointed" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-neutral" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-neutral), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-neutral" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-sad" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-sad), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-sad" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-smiling" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-smiling), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-smiling" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="filter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(filter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="filter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fingerprint" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fingerprint), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fingerprint" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder-open" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="generic-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="giftcard" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(giftcard), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="giftcard" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing-disabled" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing-disabled), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing-disabled" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="id-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(id-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="id-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="image" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="key" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(key), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="key" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="legal" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(legal), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="legal" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lightbulb" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lightbulb), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="lightbulb" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-close" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-open" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="log-out" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(log-out), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="log-out" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="logbook" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logbook), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="logbook" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="piggybank" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(piggybank), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="piggybank" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="print" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pulse-wave" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pulse-wave), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="pulse-wave" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="push-button" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(push-button), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="push-button" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize-handle-corner" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize-handle-corner), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize-handle-corner" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="save" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="schedule" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="search" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(search), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="search" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="send" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(send), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="send" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sepa" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="settings" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(settings), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="settings" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="share" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart-disabled" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart-disabled), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart-disabled" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-horizontal" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-horizontal), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-horizontal" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-vertical" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-vertical), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-vertical" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="translation" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(translation), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="translation" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="undo" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(undo), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="undo" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="upload" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(upload), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="upload" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="voucher" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="website" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(website), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="website" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-in" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-in), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-in" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-out" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-out), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-out" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Action","patternPartial":"base-icon-library-20-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-av&#x2F;base-icons-icon-library-20-outline-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-av" title="Link to Pattern">
+						DB Icons 20x20 - Outline - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-av" data-patternpartial="base-icon-library-20-outline-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-10" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-10), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-10" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-30" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-30), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-30" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-empty" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-empty), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-empty" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-10" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-10), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-10" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-30" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-30), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-30" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-empty" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-empty), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-empty" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="subtitles" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-mute" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-mute), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-mute" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - AV","patternPartial":"base-icon-library-20-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-brand" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-brand&#x2F;base-icons-icon-library-20-outline-brand.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-brand" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Brand
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-brand" data-patternpartial="base-icon-library-20-outline-brand" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-brand">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-brand" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Brand","patternPartial":"base-icon-library-20-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-communication" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-communication&#x2F;base-icons-icon-library-20-outline-communication.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-communication" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Communication
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-communication" data-patternpartial="base-icon-library-20-outline-communication" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-communication">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="call" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="chat" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="conversation" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fax" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fax), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fax" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="feedback" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mail" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mail), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mail" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-phone" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-phone), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-phone" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="question" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="receive-item" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="share-item" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi-off" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi-off), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi-off" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-communication" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Communication","patternPartial":"base-icon-library-20-outline-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-covid-19" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-covid-19&#x2F;base-icons-icon-library-20-outline-covid-19.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-covid-19" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Covid 19
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-covid-19" data-patternpartial="base-icon-library-20-outline-covid-19" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-covid-19">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="mask" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mask), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mask" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-covid-19" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Covid 19","patternPartial":"base-icon-library-20-outline-covid-19","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-facilities" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-facilities&#x2F;base-icons-icon-library-20-outline-facilities.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-facilities" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Facilities
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-facilities" data-patternpartial="base-icon-library-20-outline-facilities" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-facilities">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="playground" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(playground), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="playground" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restricted-mobility-toilet" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restricted-mobility-toilet), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="restricted-mobility-toilet" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-men" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-men), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-men" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-women" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-women), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-women" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sink" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sink), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sink" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-men" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-men), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-men" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-sign" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-sign), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-sign" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-woman" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-woman), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-woman" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-facilities" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Facilities","patternPartial":"base-icon-library-20-outline-facilities","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-feature" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-feature&#x2F;base-icons-icon-library-20-outline-feature.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-feature" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Feature
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-feature" data-patternpartial="base-icon-library-20-outline-feature" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-feature">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="air-condition" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(air-condition), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="air-condition" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="buggy" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(buggy), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="buggy" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="clothing-hanger" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(clothing-hanger), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="clothing-hanger" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="day" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="day" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dog" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dog), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="dog" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="entry-aid" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(entry-aid), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="entry-aid" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="environmental-mobility-check" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(environmental-mobility-check), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="environmental-mobility-check" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="hydrogen" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-compartment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-compartment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-compartment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-rack" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-rack), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-rack" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="marketplace" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="medical" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="night" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="no-smoking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(no-smoking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="no-smoking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-cane" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-cane), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-cane" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-rollator" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-rollator), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-rollator" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="platform" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="power-outlet" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(power-outlet), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="power-outlet" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="reservation" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="standing-room" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(standing-room), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="standing-room" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="steppless-entry" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(steppless-entry), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="steppless-entry" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="support-dog" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(support-dog), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="support-dog" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-feature" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Feature","patternPartial":"base-icon-library-20-outline-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-food" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-food&#x2F;base-icons-icon-library-20-outline-food.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-food" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Food
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-food" data-patternpartial="base-icon-library-20-outline-food" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-food">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="breakfast" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(breakfast), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="breakfast" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="coffee-cup" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drink" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drink), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="drink" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restaurant" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restaurant), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="restaurant" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-food" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Food","patternPartial":"base-icon-library-20-outline-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-it" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-it&#x2F;base-icons-icon-library-20-outline-it.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-it" title="Link to Pattern">
+						DB Icons 20x20 - Outline - IT
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-it" data-patternpartial="base-icon-library-20-outline-it" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-it">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-it" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - IT","patternPartial":"base-icon-library-20-outline-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-journey" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-journey&#x2F;base-icons-icon-library-20-outline-journey.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-journey" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Journey
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-journey" data-patternpartial="base-icon-library-20-outline-journey" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-journey">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="1st-class" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(1st-class), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="1st-class" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="2nd-class" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(2nd-class), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="2nd-class" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alternative-connection" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alternative-connection), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="alternative-connection" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="booking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(booking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="booking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="destination" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intermediary-stop" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intermediary-stop), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="intermediary-stop" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mixed-class" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mixed-class), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="mixed-class" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="round-trip" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(round-trip), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="round-trip" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="single-trip" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(single-trip), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="single-trip" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="start" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(start), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="start" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-journey" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Journey","patternPartial":"base-icon-library-20-outline-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-maps" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-maps&#x2F;base-icons-icon-library-20-outline-maps.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-maps" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Maps
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-maps" data-patternpartial="base-icon-library-20-outline-maps" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-maps">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="home" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="map" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(map), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="map" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-straight" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-straight), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-straight" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-left" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-left), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-left" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-right" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-right), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-right" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-u-turn" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-u-turn), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-u-turn" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop-sign" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="parking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="place" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="set-position" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(set-position), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="set-position" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="station" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(station), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="station" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-station" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-station), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-station" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-maps" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Maps","patternPartial":"base-icon-library-20-outline-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-navigation&#x2F;base-icons-icon-library-20-outline-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-navigation" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-navigation" data-patternpartial="base-icon-library-20-outline-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cancel" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="close" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen-exit" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen-exit), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen-exit" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="grid-view" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="link" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link-external" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link-external), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="link-external" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="list" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(list), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="list" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="menu" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(menu), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="menu" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-horizontal" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-horizontal), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-horizontal" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-vertical" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-vertical), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-vertical" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="refresh" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(refresh), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="refresh" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Navigation","patternPartial":"base-icon-library-20-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-notification&#x2F;base-icons-icon-library-20-outline-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-notification" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-notification" data-patternpartial="base-icon-library-20-outline-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify-cutoff" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify-cutoff), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify-cutoff" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Notification","patternPartial":"base-icon-library-20-outline-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-seat" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-seat&#x2F;base-icons-icon-library-20-outline-seat.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-seat" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Seat
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-seat" data-patternpartial="base-icon-library-20-outline-seat" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-seat">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="aisle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="aisle-not-available" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle-not-available), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle-not-available" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bed" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bed), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bed" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="childrens-compartment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(childrens-compartment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="childrens-compartment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="elderly" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(elderly), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="elderly" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handicapped" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handicapped), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="handicapped" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parent-child-compartment" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parent-child-compartment), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="parent-child-compartment" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="quiet-zone" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(quiet-zone), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="quiet-zone" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="table" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(table), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="table" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="traveler-with-reduced-mobility" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(traveler-with-reduced-mobility), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="traveler-with-reduced-mobility" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="window" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(window), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="window" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-seat" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Seat","patternPartial":"base-icon-library-20-outline-seat","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-ticket" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-ticket&#x2F;base-icons-icon-library-20-outline-ticket.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-ticket" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Ticket
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-ticket" data-patternpartial="base-icon-library-20-outline-ticket" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-ticket">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahnbonus-card" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahncard" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="best-price" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(best-price), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="best-price" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="commuter-ticket" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(commuter-ticket), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="commuter-ticket" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-check" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-check), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-check" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-circle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-circle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-circle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-passenger" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-passenger), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-passenger" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="my-travel" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(my-travel), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="my-travel" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="outward-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(outward-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="outward-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code-scan" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code-scan), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code-scan" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="return-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(return-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="return-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-discount" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-discount), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-discount" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-multiple" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-multiple), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-multiple" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-subscription" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-subscription), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-subscription" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-outward-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-outward-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-outward-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-return-journey" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-return-journey), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-return-journey" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="timetable" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(timetable), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="timetable" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="travel-insurance" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(travel-insurance), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="travel-insurance" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-ticket" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Ticket","patternPartial":"base-icon-library-20-outline-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-20-outline-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-20-outline-transportation&#x2F;base-icons-icon-library-20-outline-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-20-outline-transportation" title="Link to Pattern">
+						DB Icons 20x20 - Outline - Transportation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-20-outline-transportation" data-patternpartial="base-icon-library-20-outline-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-20-outline-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car-sequence" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car-sequence), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="car-sequence" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-bus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-bus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-bus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-train" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-train), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-train" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice-side-view" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice-side-view), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice-side-view" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="rail-and-fly" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(rail-and-fly), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="rail-and-fly" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="railroad-car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(railroad-car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="railroad-car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sev" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sev), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sev" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sprinter" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sprinter), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="sprinter" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="20-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 20, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="20-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-20-outline-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 20x20 - Outline - Transportation","patternPartial":"base-icon-library-20-outline-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-action&#x2F;base-icons-icon-library-24-filled-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-action" title="Link to Pattern">
+						DB Icons 24x24 - Filled - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-action" data-patternpartial="base-icon-library-24-filled-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="add-circle" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle))</code> or <code>@include icon(glyph(add-circle), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="add-circle"</code> or <code>data-icon="add-circle" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert))</code> or <code>@include icon(glyph(alert), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="alert"</code> or <code>data-icon="alert" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark))</code> or <code>@include icon(glyph(bookmark), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="bookmark"</code> or <code>data-icon="bookmark" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera))</code> or <code>@include icon(glyph(camera), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="camera"</code> or <code>data-icon="camera" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle))</code> or <code>@include icon(glyph(check-circle), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle"</code> or <code>data-icon="check-circle" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud))</code> or <code>@include icon(glyph(cloud), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="cloud"</code> or <code>data-icon="cloud" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart))</code> or <code>@include icon(glyph(heart), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="heart"</code> or <code>data-icon="heart" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help))</code> or <code>@include icon(glyph(help), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="help"</code> or <code>data-icon="help" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info))</code> or <code>@include icon(glyph(info), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="info"</code> or <code>data-icon="info" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin))</code> or <code>@include icon(glyph(pin), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="pin"</code> or <code>data-icon="pin" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove))</code> or <code>@include icon(glyph(remove), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="remove"</code> or <code>data-icon="remove" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star))</code> or <code>@include icon(glyph(star), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="star"</code> or <code>data-icon="star" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Action","patternPartial":"base-icon-library-24-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-av&#x2F;base-icons-icon-library-24-filled-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-av" title="Link to Pattern">
+						DB Icons 24x24 - Filled - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-av" data-patternpartial="base-icon-library-24-filled-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward))</code> or <code>@include icon(glyph(fast-backward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward"</code> or <code>data-icon="fast-backward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward))</code> or <code>@include icon(glyph(fast-forward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward"</code> or <code>data-icon="fast-forward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone))</code> or <code>@include icon(glyph(microphone), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="microphone"</code> or <code>data-icon="microphone" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play))</code> or <code>@include icon(glyph(play), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="play"</code> or <code>data-icon="play" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward))</code> or <code>@include icon(glyph(skip-backward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward"</code> or <code>data-icon="skip-backward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward))</code> or <code>@include icon(glyph(skip-forward), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward"</code> or <code>data-icon="skip-forward" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop))</code> or <code>@include icon(glyph(stop), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop"</code> or <code>data-icon="stop" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - AV","patternPartial":"base-icon-library-24-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-journey" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-journey&#x2F;base-icons-icon-library-24-filled-journey.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-journey" title="Link to Pattern">
+						DB Icons 24x24 - Filled - Journey
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-journey" data-patternpartial="base-icon-library-24-filled-journey" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-journey">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="capacity-indicator" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator))</code> or <code>@include icon(glyph(capacity-indicator), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator"</code> or <code>data-icon="capacity-indicator" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked))</code> or <code>@include icon(glyph(capacity-indicator-fully-booked), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked"</code> or <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high))</code> or <code>@include icon(glyph(capacity-indicator-high), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high"</code> or <code>data-icon="capacity-indicator-high" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low))</code> or <code>@include icon(glyph(capacity-indicator-low), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low"</code> or <code>data-icon="capacity-indicator-low" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination))</code> or <code>@include icon(glyph(destination), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="destination"</code> or <code>data-icon="destination" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-journey" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Journey","patternPartial":"base-icon-library-24-filled-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-maps" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-maps&#x2F;base-icons-icon-library-24-filled-maps.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-maps" title="Link to Pattern">
+						DB Icons 24x24 - Filled - Maps
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-maps" data-patternpartial="base-icon-library-24-filled-maps" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-maps">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps))</code> or <code>@include icon(glyph(gps), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps"</code> or <code>data-icon="gps" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north))</code> or <code>@include icon(glyph(gps-north), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps-north"</code> or <code>data-icon="gps-north" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-maps" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Maps","patternPartial":"base-icon-library-24-filled-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-navigation&#x2F;base-icons-icon-library-24-filled-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-navigation" title="Link to Pattern">
+						DB Icons 24x24 - Filled - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-navigation" data-patternpartial="base-icon-library-24-filled-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel))</code> or <code>@include icon(glyph(cancel), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel"</code> or <code>data-icon="cancel" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Navigation","patternPartial":"base-icon-library-24-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-notification&#x2F;base-icons-icon-library-24-filled-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-notification" title="Link to Pattern">
+						DB Icons 24x24 - Filled - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-notification" data-patternpartial="base-icon-library-24-filled-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error))</code> or <code>@include icon(glyph(error), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="error"</code> or <code>data-icon="error" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning))</code> or <code>@include icon(glyph(warning), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning"</code> or <code>data-icon="warning" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Notification","patternPartial":"base-icon-library-24-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-filled-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-filled-transportation&#x2F;base-icons-icon-library-24-filled-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-filled-transportation" title="Link to Pattern">
+						DB Icons 24x24 - Filled - Transportation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-filled-transportation" data-patternpartial="base-icon-library-24-filled-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-filled-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (filled) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane))</code> or <code>@include icon(glyph(airplane), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="airplane"</code> or <code>data-icon="airplane" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle))</code> or <code>@include icon(glyph(bicycle), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle"</code> or <code>data-icon="bicycle" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer))</code> or <code>@include icon(glyph(bicycle-trailer), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer"</code> or <code>data-icon="bicycle-trailer" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike))</code> or <code>@include icon(glyph(call-a-bike), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike"</code> or <code>data-icon="call-a-bike" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car))</code> or <code>@include icon(glyph(car), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="car"</code> or <code>data-icon="car" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing))</code> or <code>@include icon(glyph(carsharing), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="carsharing"</code> or <code>data-icon="carsharing" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive))</code> or <code>@include icon(glyph(electric-locomotive), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive"</code> or <code>data-icon="electric-locomotive" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter))</code> or <code>@include icon(glyph(electric-scooter), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter"</code> or <code>data-icon="electric-scooter" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car))</code> or <code>@include icon(glyph(ev-car), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="ev-car"</code> or <code>data-icon="ev-car" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry))</code> or <code>@include icon(glyph(ferry), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="ferry"</code> or <code>data-icon="ferry" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart))</code> or <code>@include icon(glyph(handcart), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="handcart"</code> or <code>data-icon="handcart" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice))</code> or <code>@include icon(glyph(ice), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="ice"</code> or <code>data-icon="ice" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train))</code> or <code>@include icon(glyph(intercity-train), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="intercity-train"</code> or <code>data-icon="intercity-train" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus))</code> or <code>@include icon(glyph(local-bus), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-bus"</code> or <code>data-icon="local-bus" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus))</code> or <code>@include icon(glyph(long-distance-bus), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus"</code> or <code>data-icon="long-distance-bus" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train))</code> or <code>@include icon(glyph(local-train), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-train"</code> or <code>data-icon="local-train" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn))</code> or <code>@include icon(glyph(s-bahn), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="s-bahn"</code> or <code>data-icon="s-bahn" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter))</code> or <code>@include icon(glyph(scooter), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="scooter"</code> or <code>data-icon="scooter" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat))</code> or <code>@include icon(glyph(speedboat), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="speedboat"</code> or <code>data-icon="speedboat" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway))</code> or <code>@include icon(glyph(subway), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="subway"</code> or <code>data-icon="subway" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi))</code> or <code>@include icon(glyph(taxi), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="taxi"</code> or <code>data-icon="taxi" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car))</code> or <code>@include icon(glyph(train-and-car), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="train-and-car"</code> or <code>data-icon="train-and-car" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram))</code> or <code>@include icon(glyph(tram), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="tram"</code> or <code>data-icon="tram" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking))</code> or <code>@include icon(glyph(walking), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking"</code> or <code>data-icon="walking" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="24-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast))</code> or <code>@include icon(glyph(walking-fast), 24, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking-fast"</code> or <code>data-icon="walking-fast" data-icon-variant="24-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-filled-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Filled - Transportation","patternPartial":"base-icon-library-24-filled-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-action&#x2F;base-icons-icon-library-24-outline-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-action" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-action" data-patternpartial="base-icon-library-24-outline-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account))</code> or <code>@include icon(glyph(account), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="account"</code> or <code>data-icon="account" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add))</code> or <code>@include icon(glyph(add), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="add"</code> or <code>data-icon="add" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle))</code> or <code>@include icon(glyph(add-circle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-circle"</code> or <code>data-icon="add-circle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-link" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-link))</code> or <code>@include icon(glyph(add-link), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-link"</code> or <code>data-icon="add-link" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm))</code> or <code>@include icon(glyph(alarm), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm"</code> or <code>data-icon="alarm" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm-add" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm-add))</code> or <code>@include icon(glyph(alarm-add), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm-add"</code> or <code>data-icon="alarm-add" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert))</code> or <code>@include icon(glyph(alert), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert"</code> or <code>data-icon="alert" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert-off))</code> or <code>@include icon(glyph(alert-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert-off"</code> or <code>data-icon="alert-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="artificial-intelligence" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(artificial-intelligence))</code> or <code>@include icon(glyph(artificial-intelligence), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="artificial-intelligence"</code> or <code>data-icon="artificial-intelligence" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="attachment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(attachment))</code> or <code>@include icon(glyph(attachment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="attachment"</code> or <code>data-icon="attachment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="augmented-reality" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(augmented-reality))</code> or <code>@include icon(glyph(augmented-reality), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="augmented-reality"</code> or <code>data-icon="augmented-reality" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block))</code> or <code>@include icon(glyph(block), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="block"</code> or <code>data-icon="block" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark))</code> or <code>@include icon(glyph(bookmark), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bookmark"</code> or <code>data-icon="bookmark" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bug" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bug))</code> or <code>@include icon(glyph(bug), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bug"</code> or <code>data-icon="bug" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build))</code> or <code>@include icon(glyph(build), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="build"</code> or <code>data-icon="build" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="calendar" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(calendar))</code> or <code>@include icon(glyph(calendar), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="calendar"</code> or <code>data-icon="calendar" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera))</code> or <code>@include icon(glyph(camera), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="camera"</code> or <code>data-icon="camera" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cash" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cash))</code> or <code>@include icon(glyph(cash), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cash"</code> or <code>data-icon="cash" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle))</code> or <code>@include icon(glyph(check-circle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="check-circle"</code> or <code>data-icon="check-circle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud))</code> or <code>@include icon(glyph(cloud), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud"</code> or <code>data-icon="cloud" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-download" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-download))</code> or <code>@include icon(glyph(cloud-download), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-download"</code> or <code>data-icon="cloud-download" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-upload" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-upload))</code> or <code>@include icon(glyph(cloud-upload), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-upload"</code> or <code>data-icon="cloud-upload" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="compass" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(compass))</code> or <code>@include icon(glyph(compass), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="compass"</code> or <code>data-icon="compass" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy))</code> or <code>@include icon(glyph(copy), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="copy"</code> or <code>data-icon="copy" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card))</code> or <code>@include icon(glyph(credit-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="credit-card"</code> or <code>data-icon="credit-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard))</code> or <code>@include icon(glyph(dashboard), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="dashboard"</code> or <code>data-icon="dashboard" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="delete" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(delete))</code> or <code>@include icon(glyph(delete), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="delete"</code> or <code>data-icon="delete" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount))</code> or <code>@include icon(glyph(discount), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="discount"</code> or <code>data-icon="discount" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document))</code> or <code>@include icon(glyph(document), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="document"</code> or <code>data-icon="document" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-check" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-check))</code> or <code>@include icon(glyph(document-check), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-check"</code> or <code>data-icon="document-check" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-cross" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-cross))</code> or <code>@include icon(glyph(document-cross), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-cross"</code> or <code>data-icon="document-cross" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done))</code> or <code>@include icon(glyph(done), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="done"</code> or <code>data-icon="done" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="download" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(download))</code> or <code>@include icon(glyph(download), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="download"</code> or <code>data-icon="download" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drag-and-drop" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drag-and-drop))</code> or <code>@include icon(glyph(drag-and-drop), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="drag-and-drop"</code> or <code>data-icon="drag-and-drop" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit))</code> or <code>@include icon(glyph(edit), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="edit"</code> or <code>data-icon="edit" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="euro-sign" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(euro-sign))</code> or <code>@include icon(glyph(euro-sign), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="euro-sign"</code> or <code>data-icon="euro-sign" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-delighted" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-delighted))</code> or <code>@include icon(glyph(face-delighted), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-delighted"</code> or <code>data-icon="face-delighted" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-disappointed" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-disappointed))</code> or <code>@include icon(glyph(face-disappointed), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-disappointed"</code> or <code>data-icon="face-disappointed" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-neutral" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-neutral))</code> or <code>@include icon(glyph(face-neutral), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-neutral"</code> or <code>data-icon="face-neutral" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-sad" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-sad))</code> or <code>@include icon(glyph(face-sad), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-sad"</code> or <code>data-icon="face-sad" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-smiling" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-smiling))</code> or <code>@include icon(glyph(face-smiling), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-smiling"</code> or <code>data-icon="face-smiling" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="filter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(filter))</code> or <code>@include icon(glyph(filter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="filter"</code> or <code>data-icon="filter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fingerprint" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fingerprint))</code> or <code>@include icon(glyph(fingerprint), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fingerprint"</code> or <code>data-icon="fingerprint" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder))</code> or <code>@include icon(glyph(folder), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder"</code> or <code>data-icon="folder" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open))</code> or <code>@include icon(glyph(folder-open), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder-open"</code> or <code>data-icon="folder-open" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card))</code> or <code>@include icon(glyph(generic-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="generic-card"</code> or <code>data-icon="generic-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="giftcard" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(giftcard))</code> or <code>@include icon(glyph(giftcard), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="giftcard"</code> or <code>data-icon="giftcard" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing))</code> or <code>@include icon(glyph(hearing), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing"</code> or <code>data-icon="hearing" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing-disabled" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing-disabled))</code> or <code>@include icon(glyph(hearing-disabled), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing-disabled"</code> or <code>data-icon="hearing-disabled" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart))</code> or <code>@include icon(glyph(heart), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="heart"</code> or <code>data-icon="heart" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help))</code> or <code>@include icon(glyph(help), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="help"</code> or <code>data-icon="help" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="id-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(id-card))</code> or <code>@include icon(glyph(id-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="id-card"</code> or <code>data-icon="id-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image))</code> or <code>@include icon(glyph(image), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="image"</code> or <code>data-icon="image" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info))</code> or <code>@include icon(glyph(info), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="info"</code> or <code>data-icon="info" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="key" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(key))</code> or <code>@include icon(glyph(key), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="key"</code> or <code>data-icon="key" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="legal" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(legal))</code> or <code>@include icon(glyph(legal), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="legal"</code> or <code>data-icon="legal" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lightbulb" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lightbulb))</code> or <code>@include icon(glyph(lightbulb), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="lightbulb"</code> or <code>data-icon="lightbulb" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close))</code> or <code>@include icon(glyph(lock-close), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-close"</code> or <code>data-icon="lock-close" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open))</code> or <code>@include icon(glyph(lock-open), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-open"</code> or <code>data-icon="lock-open" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="log-out" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(log-out))</code> or <code>@include icon(glyph(log-out), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="log-out"</code> or <code>data-icon="log-out" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="logbook" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logbook))</code> or <code>@include icon(glyph(logbook), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="logbook"</code> or <code>data-icon="logbook" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus))</code> or <code>@include icon(glyph(minus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus"</code> or <code>data-icon="minus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="piggybank" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(piggybank))</code> or <code>@include icon(glyph(piggybank), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="piggybank"</code> or <code>data-icon="piggybank" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin))</code> or <code>@include icon(glyph(pin), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="pin"</code> or <code>data-icon="pin" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print))</code> or <code>@include icon(glyph(print), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="print"</code> or <code>data-icon="print" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pulse-wave" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pulse-wave))</code> or <code>@include icon(glyph(pulse-wave), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="pulse-wave"</code> or <code>data-icon="pulse-wave" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="push-button" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(push-button))</code> or <code>@include icon(glyph(push-button), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="push-button"</code> or <code>data-icon="push-button" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove))</code> or <code>@include icon(glyph(remove), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="remove"</code> or <code>data-icon="remove" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize))</code> or <code>@include icon(glyph(resize), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize"</code> or <code>data-icon="resize" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize-handle-corner" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize-handle-corner))</code> or <code>@include icon(glyph(resize-handle-corner), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize-handle-corner"</code> or <code>data-icon="resize-handle-corner" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save))</code> or <code>@include icon(glyph(save), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="save"</code> or <code>data-icon="save" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule))</code> or <code>@include icon(glyph(schedule), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="schedule"</code> or <code>data-icon="schedule" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="search" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(search))</code> or <code>@include icon(glyph(search), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="search"</code> or <code>data-icon="search" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="send" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(send))</code> or <code>@include icon(glyph(send), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="send"</code> or <code>data-icon="send" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa))</code> or <code>@include icon(glyph(sepa), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sepa"</code> or <code>data-icon="sepa" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="settings" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(settings))</code> or <code>@include icon(glyph(settings), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="settings"</code> or <code>data-icon="settings" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share))</code> or <code>@include icon(glyph(share), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="share"</code> or <code>data-icon="share" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag))</code> or <code>@include icon(glyph(shopping-bag), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag"</code> or <code>data-icon="shopping-bag" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket))</code> or <code>@include icon(glyph(shopping-basket), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket"</code> or <code>data-icon="shopping-basket" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled))</code> or <code>@include icon(glyph(shopping-basket-disabled), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled"</code> or <code>data-icon="shopping-basket-disabled" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart))</code> or <code>@include icon(glyph(shopping-cart), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart"</code> or <code>data-icon="shopping-cart" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart-disabled" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart-disabled))</code> or <code>@include icon(glyph(shopping-cart-disabled), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart-disabled"</code> or <code>data-icon="shopping-cart-disabled" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-down))</code> or <code>@include icon(glyph(sort-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-down"</code> or <code>data-icon="sort-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-up))</code> or <code>@include icon(glyph(sort-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-up"</code> or <code>data-icon="sort-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star))</code> or <code>@include icon(glyph(star), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="star"</code> or <code>data-icon="star" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-horizontal" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-horizontal))</code> or <code>@include icon(glyph(swap-horizontal), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-horizontal"</code> or <code>data-icon="swap-horizontal" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-vertical" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-vertical))</code> or <code>@include icon(glyph(swap-vertical), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-vertical"</code> or <code>data-icon="swap-vertical" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up))</code> or <code>@include icon(glyph(thumb-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up"</code> or <code>data-icon="thumb-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up-down))</code> or <code>@include icon(glyph(thumb-up-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up-down"</code> or <code>data-icon="thumb-up-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="translation" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(translation))</code> or <code>@include icon(glyph(translation), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="translation"</code> or <code>data-icon="translation" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="undo" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(undo))</code> or <code>@include icon(glyph(undo), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="undo"</code> or <code>data-icon="undo" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="upload" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(upload))</code> or <code>@include icon(glyph(upload), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="upload"</code> or <code>data-icon="upload" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility))</code> or <code>@include icon(glyph(visibility), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility"</code> or <code>data-icon="visibility" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility-off))</code> or <code>@include icon(glyph(visibility-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility-off"</code> or <code>data-icon="visibility-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher))</code> or <code>@include icon(glyph(voucher), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="voucher"</code> or <code>data-icon="voucher" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="website" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(website))</code> or <code>@include icon(glyph(website), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="website"</code> or <code>data-icon="website" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-in" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-in))</code> or <code>@include icon(glyph(zoom-in), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-in"</code> or <code>data-icon="zoom-in" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-out" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-out))</code> or <code>@include icon(glyph(zoom-out), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-out"</code> or <code>data-icon="zoom-out" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Action","patternPartial":"base-icon-library-24-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-av&#x2F;base-icons-icon-library-24-outline-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-av" title="Link to Pattern">
+						DB Icons 24x24 - Outline - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-av" data-patternpartial="base-icon-library-24-outline-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward))</code> or <code>@include icon(glyph(fast-backward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward"</code> or <code>data-icon="fast-backward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-10" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-10))</code> or <code>@include icon(glyph(fast-backward-10), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-10"</code> or <code>data-icon="fast-backward-10" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-30" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-30))</code> or <code>@include icon(glyph(fast-backward-30), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-30"</code> or <code>data-icon="fast-backward-30" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-empty" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-empty))</code> or <code>@include icon(glyph(fast-backward-empty), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-empty"</code> or <code>data-icon="fast-backward-empty" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward))</code> or <code>@include icon(glyph(fast-forward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward"</code> or <code>data-icon="fast-forward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-10" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-10))</code> or <code>@include icon(glyph(fast-forward-10), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-10"</code> or <code>data-icon="fast-forward-10" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-30" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-30))</code> or <code>@include icon(glyph(fast-forward-30), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-30"</code> or <code>data-icon="fast-forward-30" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-empty" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-empty))</code> or <code>@include icon(glyph(fast-forward-empty), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-empty"</code> or <code>data-icon="fast-forward-empty" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone))</code> or <code>@include icon(glyph(microphone), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="microphone"</code> or <code>data-icon="microphone" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause))</code> or <code>@include icon(glyph(pause), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause"</code> or <code>data-icon="pause" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play))</code> or <code>@include icon(glyph(play), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="play"</code> or <code>data-icon="play" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward))</code> or <code>@include icon(glyph(skip-backward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward"</code> or <code>data-icon="skip-backward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward))</code> or <code>@include icon(glyph(skip-forward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward"</code> or <code>data-icon="skip-forward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop))</code> or <code>@include icon(glyph(stop), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop"</code> or <code>data-icon="stop" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles))</code> or <code>@include icon(glyph(subtitles), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="subtitles"</code> or <code>data-icon="subtitles" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-down))</code> or <code>@include icon(glyph(volume-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-down"</code> or <code>data-icon="volume-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-mute" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-mute))</code> or <code>@include icon(glyph(volume-mute), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-mute"</code> or <code>data-icon="volume-mute" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-off))</code> or <code>@include icon(glyph(volume-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-off"</code> or <code>data-icon="volume-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-up))</code> or <code>@include icon(glyph(volume-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-up"</code> or <code>data-icon="volume-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - AV","patternPartial":"base-icon-library-24-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-brand" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-brand&#x2F;base-icons-icon-library-24-outline-brand.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-brand" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Brand
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-brand" data-patternpartial="base-icon-library-24-outline-brand" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-brand">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo))</code> or <code>@include icon(glyph(logo), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo"</code> or <code>data-icon="logo" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-brand" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Brand","patternPartial":"base-icon-library-24-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-communication" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-communication&#x2F;base-icons-icon-library-24-outline-communication.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-communication" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Communication
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-communication" data-patternpartial="base-icon-library-24-outline-communication" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-communication">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call))</code> or <code>@include icon(glyph(call), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="call"</code> or <code>data-icon="call" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat))</code> or <code>@include icon(glyph(chat), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="chat"</code> or <code>data-icon="chat" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation))</code> or <code>@include icon(glyph(conversation), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="conversation"</code> or <code>data-icon="conversation" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fax" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fax))</code> or <code>@include icon(glyph(fax), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fax"</code> or <code>data-icon="fax" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback))</code> or <code>@include icon(glyph(feedback), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="feedback"</code> or <code>data-icon="feedback" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mail" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mail))</code> or <code>@include icon(glyph(mail), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mail"</code> or <code>data-icon="mail" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-phone" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-phone))</code> or <code>@include icon(glyph(mobile-phone), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-phone"</code> or <code>data-icon="mobile-phone" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-off))</code> or <code>@include icon(glyph(mobile-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-off"</code> or <code>data-icon="mobile-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question))</code> or <code>@include icon(glyph(question), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="question"</code> or <code>data-icon="question" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item))</code> or <code>@include icon(glyph(receive-item), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="receive-item"</code> or <code>data-icon="receive-item" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item))</code> or <code>@include icon(glyph(share-item), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="share-item"</code> or <code>data-icon="share-item" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi))</code> or <code>@include icon(glyph(wifi), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi"</code> or <code>data-icon="wifi" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi-off" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi-off))</code> or <code>@include icon(glyph(wifi-off), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi-off"</code> or <code>data-icon="wifi-off" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-communication" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Communication","patternPartial":"base-icon-library-24-outline-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-covid-19" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-covid-19&#x2F;base-icons-icon-library-24-outline-covid-19.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-covid-19" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Covid 19
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-covid-19" data-patternpartial="base-icon-library-24-outline-covid-19" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-covid-19">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="mask" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mask))</code> or <code>@include icon(glyph(mask), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mask"</code> or <code>data-icon="mask" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-covid-19" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Covid 19","patternPartial":"base-icon-library-24-outline-covid-19","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-facilities" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-facilities&#x2F;base-icons-icon-library-24-outline-facilities.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-facilities" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Facilities
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-facilities" data-patternpartial="base-icon-library-24-outline-facilities" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-facilities">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="playground" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(playground))</code> or <code>@include icon(glyph(playground), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="playground"</code> or <code>data-icon="playground" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restricted-mobility-toilet" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restricted-mobility-toilet))</code> or <code>@include icon(glyph(restricted-mobility-toilet), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="restricted-mobility-toilet"</code> or <code>data-icon="restricted-mobility-toilet" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower))</code> or <code>@include icon(glyph(shower), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower"</code> or <code>data-icon="shower" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-men" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-men))</code> or <code>@include icon(glyph(shower-men), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-men"</code> or <code>data-icon="shower-men" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-women" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-women))</code> or <code>@include icon(glyph(shower-women), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-women"</code> or <code>data-icon="shower-women" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sink" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sink))</code> or <code>@include icon(glyph(sink), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sink"</code> or <code>data-icon="sink" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc))</code> or <code>@include icon(glyph(wc), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc"</code> or <code>data-icon="wc" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-men" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-men))</code> or <code>@include icon(glyph(wc-men), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-men"</code> or <code>data-icon="wc-men" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-sign" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-sign))</code> or <code>@include icon(glyph(wc-sign), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-sign"</code> or <code>data-icon="wc-sign" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-woman" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-woman))</code> or <code>@include icon(glyph(wc-woman), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-woman"</code> or <code>data-icon="wc-woman" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-facilities" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Facilities","patternPartial":"base-icon-library-24-outline-facilities","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-feature" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-feature&#x2F;base-icons-icon-library-24-outline-feature.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-feature" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Feature
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-feature" data-patternpartial="base-icon-library-24-outline-feature" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-feature">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="air-condition" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(air-condition))</code> or <code>@include icon(glyph(air-condition), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="air-condition"</code> or <code>data-icon="air-condition" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="buggy" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(buggy))</code> or <code>@include icon(glyph(buggy), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="buggy"</code> or <code>data-icon="buggy" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="clothing-hanger" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(clothing-hanger))</code> or <code>@include icon(glyph(clothing-hanger), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="clothing-hanger"</code> or <code>data-icon="clothing-hanger" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="day" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day))</code> or <code>@include icon(glyph(day), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="day"</code> or <code>data-icon="day" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dog" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dog))</code> or <code>@include icon(glyph(dog), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="dog"</code> or <code>data-icon="dog" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="entry-aid" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(entry-aid))</code> or <code>@include icon(glyph(entry-aid), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="entry-aid"</code> or <code>data-icon="entry-aid" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="environmental-mobility-check" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(environmental-mobility-check))</code> or <code>@include icon(glyph(environmental-mobility-check), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="environmental-mobility-check"</code> or <code>data-icon="environmental-mobility-check" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen))</code> or <code>@include icon(glyph(hydrogen), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="hydrogen"</code> or <code>data-icon="hydrogen" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-compartment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-compartment))</code> or <code>@include icon(glyph(luggage-compartment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-compartment"</code> or <code>data-icon="luggage-compartment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-rack" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-rack))</code> or <code>@include icon(glyph(luggage-rack), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-rack"</code> or <code>data-icon="luggage-rack" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace))</code> or <code>@include icon(glyph(marketplace), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="marketplace"</code> or <code>data-icon="marketplace" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical))</code> or <code>@include icon(glyph(medical), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="medical"</code> or <code>data-icon="medical" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night))</code> or <code>@include icon(glyph(night), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="night"</code> or <code>data-icon="night" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="no-smoking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(no-smoking))</code> or <code>@include icon(glyph(no-smoking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="no-smoking"</code> or <code>data-icon="no-smoking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-cane" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-cane))</code> or <code>@include icon(glyph(person-with-cane), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-cane"</code> or <code>data-icon="person-with-cane" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-rollator" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-rollator))</code> or <code>@include icon(glyph(person-with-rollator), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-rollator"</code> or <code>data-icon="person-with-rollator" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform))</code> or <code>@include icon(glyph(platform), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="platform"</code> or <code>data-icon="platform" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="power-outlet" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(power-outlet))</code> or <code>@include icon(glyph(power-outlet), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="power-outlet"</code> or <code>data-icon="power-outlet" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation))</code> or <code>@include icon(glyph(reservation), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="reservation"</code> or <code>data-icon="reservation" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="standing-room" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(standing-room))</code> or <code>@include icon(glyph(standing-room), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="standing-room"</code> or <code>data-icon="standing-room" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="steppless-entry" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(steppless-entry))</code> or <code>@include icon(glyph(steppless-entry), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="steppless-entry"</code> or <code>data-icon="steppless-entry" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="support-dog" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(support-dog))</code> or <code>@include icon(glyph(support-dog), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="support-dog"</code> or <code>data-icon="support-dog" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-feature" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Feature","patternPartial":"base-icon-library-24-outline-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-food" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-food&#x2F;base-icons-icon-library-24-outline-food.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-food" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Food
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-food" data-patternpartial="base-icon-library-24-outline-food" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-food">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="breakfast" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(breakfast))</code> or <code>@include icon(glyph(breakfast), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="breakfast"</code> or <code>data-icon="breakfast" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="coffee-cup" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup))</code> or <code>@include icon(glyph(coffee-cup), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup"</code> or <code>data-icon="coffee-cup" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drink" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drink))</code> or <code>@include icon(glyph(drink), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="drink"</code> or <code>data-icon="drink" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restaurant" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restaurant))</code> or <code>@include icon(glyph(restaurant), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="restaurant"</code> or <code>data-icon="restaurant" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-food" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Food","patternPartial":"base-icon-library-24-outline-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-it" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-it&#x2F;base-icons-icon-library-24-outline-it.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-it" title="Link to Pattern">
+						DB Icons 24x24 - Outline - IT
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-it" data-patternpartial="base-icon-library-24-outline-it" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-it">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-it" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - IT","patternPartial":"base-icon-library-24-outline-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-journey" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-journey&#x2F;base-icons-icon-library-24-outline-journey.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-journey" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Journey
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-journey" data-patternpartial="base-icon-library-24-outline-journey" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-journey">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="1st-class" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(1st-class))</code> or <code>@include icon(glyph(1st-class), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="1st-class"</code> or <code>data-icon="1st-class" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="2nd-class" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(2nd-class))</code> or <code>@include icon(glyph(2nd-class), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="2nd-class"</code> or <code>data-icon="2nd-class" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alternative-connection" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alternative-connection))</code> or <code>@include icon(glyph(alternative-connection), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="alternative-connection"</code> or <code>data-icon="alternative-connection" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="booking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(booking))</code> or <code>@include icon(glyph(booking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="booking"</code> or <code>data-icon="booking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator))</code> or <code>@include icon(glyph(capacity-indicator), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator"</code> or <code>data-icon="capacity-indicator" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked))</code> or <code>@include icon(glyph(capacity-indicator-fully-booked), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked"</code> or <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high))</code> or <code>@include icon(glyph(capacity-indicator-high), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high"</code> or <code>data-icon="capacity-indicator-high" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low))</code> or <code>@include icon(glyph(capacity-indicator-low), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low"</code> or <code>data-icon="capacity-indicator-low" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination))</code> or <code>@include icon(glyph(destination), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="destination"</code> or <code>data-icon="destination" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intermediary-stop" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intermediary-stop))</code> or <code>@include icon(glyph(intermediary-stop), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="intermediary-stop"</code> or <code>data-icon="intermediary-stop" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mixed-class" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mixed-class))</code> or <code>@include icon(glyph(mixed-class), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="mixed-class"</code> or <code>data-icon="mixed-class" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="round-trip" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(round-trip))</code> or <code>@include icon(glyph(round-trip), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="round-trip"</code> or <code>data-icon="round-trip" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="single-trip" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(single-trip))</code> or <code>@include icon(glyph(single-trip), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="single-trip"</code> or <code>data-icon="single-trip" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="start" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(start))</code> or <code>@include icon(glyph(start), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="start"</code> or <code>data-icon="start" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-journey" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Journey","patternPartial":"base-icon-library-24-outline-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-maps" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-maps&#x2F;base-icons-icon-library-24-outline-maps.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-maps" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Maps
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-maps" data-patternpartial="base-icon-library-24-outline-maps" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-maps">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps))</code> or <code>@include icon(glyph(gps), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps"</code> or <code>data-icon="gps" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north))</code> or <code>@include icon(glyph(gps-north), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps-north"</code> or <code>data-icon="gps-north" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home))</code> or <code>@include icon(glyph(home), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="home"</code> or <code>data-icon="home" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="map" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(map))</code> or <code>@include icon(glyph(map), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="map"</code> or <code>data-icon="map" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-straight" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-straight))</code> or <code>@include icon(glyph(navigation-straight), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-straight"</code> or <code>data-icon="navigation-straight" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-left" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-left))</code> or <code>@include icon(glyph(navigation-to-left), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-left"</code> or <code>data-icon="navigation-to-left" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-right" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-right))</code> or <code>@include icon(glyph(navigation-to-right), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-right"</code> or <code>data-icon="navigation-to-right" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-u-turn" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-u-turn))</code> or <code>@include icon(glyph(navigation-u-turn), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-u-turn"</code> or <code>data-icon="navigation-u-turn" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign))</code> or <code>@include icon(glyph(stop-sign), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop-sign"</code> or <code>data-icon="stop-sign" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking))</code> or <code>@include icon(glyph(parking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="parking"</code> or <code>data-icon="parking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place))</code> or <code>@include icon(glyph(place), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="place"</code> or <code>data-icon="place" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="set-position" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(set-position))</code> or <code>@include icon(glyph(set-position), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="set-position"</code> or <code>data-icon="set-position" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="station" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(station))</code> or <code>@include icon(glyph(station), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="station"</code> or <code>data-icon="station" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-station" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-station))</code> or <code>@include icon(glyph(train-station), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-station"</code> or <code>data-icon="train-station" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-maps" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Maps","patternPartial":"base-icon-library-24-outline-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-navigation&#x2F;base-icons-icon-library-24-outline-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-navigation" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-navigation" data-patternpartial="base-icon-library-24-outline-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back))</code> or <code>@include icon(glyph(arrow-back), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back"</code> or <code>data-icon="arrow-back" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down))</code> or <code>@include icon(glyph(arrow-down), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down"</code> or <code>data-icon="arrow-down" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward))</code> or <code>@include icon(glyph(arrow-forward), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward"</code> or <code>data-icon="arrow-forward" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up))</code> or <code>@include icon(glyph(arrow-up), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up"</code> or <code>data-icon="arrow-up" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cancel" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel))</code> or <code>@include icon(glyph(cancel), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="cancel"</code> or <code>data-icon="cancel" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left))</code> or <code>@include icon(glyph(chevron-left), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left"</code> or <code>data-icon="chevron-left" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right))</code> or <code>@include icon(glyph(chevron-right), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right"</code> or <code>data-icon="chevron-right" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close))</code> or <code>@include icon(glyph(close), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="close"</code> or <code>data-icon="close" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less))</code> or <code>@include icon(glyph(expand-less), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less"</code> or <code>data-icon="expand-less" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more))</code> or <code>@include icon(glyph(expand-more), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more"</code> or <code>data-icon="expand-more" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen))</code> or <code>@include icon(glyph(fullscreen), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen"</code> or <code>data-icon="fullscreen" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen-exit" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen-exit))</code> or <code>@include icon(glyph(fullscreen-exit), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen-exit"</code> or <code>data-icon="fullscreen-exit" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view))</code> or <code>@include icon(glyph(grid-view), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="grid-view"</code> or <code>data-icon="grid-view" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link))</code> or <code>@include icon(glyph(link), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="link"</code> or <code>data-icon="link" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link-external" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link-external))</code> or <code>@include icon(glyph(link-external), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="link-external"</code> or <code>data-icon="link-external" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="list" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(list))</code> or <code>@include icon(glyph(list), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="list"</code> or <code>data-icon="list" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="menu" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(menu))</code> or <code>@include icon(glyph(menu), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="menu"</code> or <code>data-icon="menu" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-horizontal" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-horizontal))</code> or <code>@include icon(glyph(more-horizontal), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-horizontal"</code> or <code>data-icon="more-horizontal" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-vertical" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-vertical))</code> or <code>@include icon(glyph(more-vertical), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-vertical"</code> or <code>data-icon="more-vertical" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="refresh" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(refresh))</code> or <code>@include icon(glyph(refresh), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="refresh"</code> or <code>data-icon="refresh" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Navigation","patternPartial":"base-icon-library-24-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-notification&#x2F;base-icons-icon-library-24-outline-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-notification" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-notification" data-patternpartial="base-icon-library-24-outline-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error))</code> or <code>@include icon(glyph(error), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="error"</code> or <code>data-icon="error" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify))</code> or <code>@include icon(glyph(notify), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify"</code> or <code>data-icon="notify" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify-cutoff" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify-cutoff))</code> or <code>@include icon(glyph(notify-cutoff), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify-cutoff"</code> or <code>data-icon="notify-cutoff" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning))</code> or <code>@include icon(glyph(warning), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="warning"</code> or <code>data-icon="warning" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Notification","patternPartial":"base-icon-library-24-outline-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-seat" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-seat&#x2F;base-icons-icon-library-24-outline-seat.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-seat" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Seat
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-seat" data-patternpartial="base-icon-library-24-outline-seat" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-seat">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="aisle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle))</code> or <code>@include icon(glyph(aisle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle"</code> or <code>data-icon="aisle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="aisle-not-available" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle-not-available))</code> or <code>@include icon(glyph(aisle-not-available), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle-not-available"</code> or <code>data-icon="aisle-not-available" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bed" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bed))</code> or <code>@include icon(glyph(bed), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bed"</code> or <code>data-icon="bed" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="childrens-compartment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(childrens-compartment))</code> or <code>@include icon(glyph(childrens-compartment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="childrens-compartment"</code> or <code>data-icon="childrens-compartment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="elderly" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(elderly))</code> or <code>@include icon(glyph(elderly), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="elderly"</code> or <code>data-icon="elderly" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handicapped" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handicapped))</code> or <code>@include icon(glyph(handicapped), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="handicapped"</code> or <code>data-icon="handicapped" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parent-child-compartment" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parent-child-compartment))</code> or <code>@include icon(glyph(parent-child-compartment), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="parent-child-compartment"</code> or <code>data-icon="parent-child-compartment" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="quiet-zone" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(quiet-zone))</code> or <code>@include icon(glyph(quiet-zone), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="quiet-zone"</code> or <code>data-icon="quiet-zone" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="table" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(table))</code> or <code>@include icon(glyph(table), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="table"</code> or <code>data-icon="table" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="traveler-with-reduced-mobility" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(traveler-with-reduced-mobility))</code> or <code>@include icon(glyph(traveler-with-reduced-mobility), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="traveler-with-reduced-mobility"</code> or <code>data-icon="traveler-with-reduced-mobility" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="window" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(window))</code> or <code>@include icon(glyph(window), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="window"</code> or <code>data-icon="window" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-seat" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Seat","patternPartial":"base-icon-library-24-outline-seat","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-ticket" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-ticket&#x2F;base-icons-icon-library-24-outline-ticket.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-ticket" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Ticket
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-ticket" data-patternpartial="base-icon-library-24-outline-ticket" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-ticket">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus))</code> or <code>@include icon(glyph(bahnbonus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus"</code> or <code>data-icon="bahnbonus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahnbonus-card" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card))</code> or <code>@include icon(glyph(bahnbonus-card), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card"</code> or <code>data-icon="bahnbonus-card" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard))</code> or <code>@include icon(glyph(bahncard), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahncard"</code> or <code>data-icon="bahncard" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="best-price" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(best-price))</code> or <code>@include icon(glyph(best-price), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="best-price"</code> or <code>data-icon="best-price" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="commuter-ticket" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(commuter-ticket))</code> or <code>@include icon(glyph(commuter-ticket), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="commuter-ticket"</code> or <code>data-icon="commuter-ticket" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in))</code> or <code>@include icon(glyph(komfort-check-in), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in"</code> or <code>data-icon="komfort-check-in" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-check" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-check))</code> or <code>@include icon(glyph(komfort-check-in-check), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-check"</code> or <code>data-icon="komfort-check-in-check" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-circle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-circle))</code> or <code>@include icon(glyph(komfort-check-in-circle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-circle"</code> or <code>data-icon="komfort-check-in-circle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards))</code> or <code>@include icon(glyph(multiple-cards), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards"</code> or <code>data-icon="multiple-cards" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-passenger" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-passenger))</code> or <code>@include icon(glyph(multiple-passenger), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-passenger"</code> or <code>data-icon="multiple-passenger" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="my-travel" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(my-travel))</code> or <code>@include icon(glyph(my-travel), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="my-travel"</code> or <code>data-icon="my-travel" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="outward-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(outward-journey))</code> or <code>@include icon(glyph(outward-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="outward-journey"</code> or <code>data-icon="outward-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code))</code> or <code>@include icon(glyph(qr-code), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code"</code> or <code>data-icon="qr-code" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code-scan" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code-scan))</code> or <code>@include icon(glyph(qr-code-scan), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code-scan"</code> or <code>data-icon="qr-code-scan" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="return-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(return-journey))</code> or <code>@include icon(glyph(return-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="return-journey"</code> or <code>data-icon="return-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket))</code> or <code>@include icon(glyph(ticket), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket"</code> or <code>data-icon="ticket" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-discount" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-discount))</code> or <code>@include icon(glyph(ticket-discount), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-discount"</code> or <code>data-icon="ticket-discount" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-multiple" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-multiple))</code> or <code>@include icon(glyph(ticket-multiple), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-multiple"</code> or <code>data-icon="ticket-multiple" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-subscription" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-subscription))</code> or <code>@include icon(glyph(ticket-subscription), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-subscription"</code> or <code>data-icon="ticket-subscription" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-outward-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-outward-journey))</code> or <code>@include icon(glyph(time-outward-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-outward-journey"</code> or <code>data-icon="time-outward-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-return-journey" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-return-journey))</code> or <code>@include icon(glyph(time-return-journey), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-return-journey"</code> or <code>data-icon="time-return-journey" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="timetable" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(timetable))</code> or <code>@include icon(glyph(timetable), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="timetable"</code> or <code>data-icon="timetable" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="travel-insurance" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(travel-insurance))</code> or <code>@include icon(glyph(travel-insurance), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="travel-insurance"</code> or <code>data-icon="travel-insurance" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-ticket" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Ticket","patternPartial":"base-icon-library-24-outline-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-24-outline-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-24-outline-transportation&#x2F;base-icons-icon-library-24-outline-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-24-outline-transportation" title="Link to Pattern">
+						DB Icons 24x24 - Outline - Transportation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-24-outline-transportation" data-patternpartial="base-icon-library-24-outline-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-24-outline-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.<br>In case that you'll need another default in your project, you could overwrite the defaults by modifying the <code>$icon-size</code> and <code>$icon-style</code> SCSS variables.</p>
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane))</code> or <code>@include icon(glyph(airplane), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="airplane"</code> or <code>data-icon="airplane" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle))</code> or <code>@include icon(glyph(bicycle), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle"</code> or <code>data-icon="bicycle" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer))</code> or <code>@include icon(glyph(bicycle-trailer), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer"</code> or <code>data-icon="bicycle-trailer" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike))</code> or <code>@include icon(glyph(call-a-bike), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike"</code> or <code>data-icon="call-a-bike" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car))</code> or <code>@include icon(glyph(car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="car"</code> or <code>data-icon="car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing))</code> or <code>@include icon(glyph(carsharing), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="carsharing"</code> or <code>data-icon="carsharing" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car-sequence" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car-sequence))</code> or <code>@include icon(glyph(car-sequence), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="car-sequence"</code> or <code>data-icon="car-sequence" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive))</code> or <code>@include icon(glyph(electric-locomotive), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive"</code> or <code>data-icon="electric-locomotive" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter))</code> or <code>@include icon(glyph(electric-scooter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter"</code> or <code>data-icon="electric-scooter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car))</code> or <code>@include icon(glyph(ev-car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-car"</code> or <code>data-icon="ev-car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry))</code> or <code>@include icon(glyph(ferry), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ferry"</code> or <code>data-icon="ferry" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart))</code> or <code>@include icon(glyph(handcart), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="handcart"</code> or <code>data-icon="handcart" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice))</code> or <code>@include icon(glyph(ice), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice"</code> or <code>data-icon="ice" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train))</code> or <code>@include icon(glyph(intercity-train), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="intercity-train"</code> or <code>data-icon="intercity-train" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice-side-view" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice-side-view))</code> or <code>@include icon(glyph(ice-side-view), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice-side-view"</code> or <code>data-icon="ice-side-view" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus))</code> or <code>@include icon(glyph(local-bus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-bus"</code> or <code>data-icon="local-bus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus))</code> or <code>@include icon(glyph(long-distance-bus), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus"</code> or <code>data-icon="long-distance-bus" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train))</code> or <code>@include icon(glyph(local-train), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-train"</code> or <code>data-icon="local-train" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="rail-and-fly" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(rail-and-fly))</code> or <code>@include icon(glyph(rail-and-fly), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="rail-and-fly"</code> or <code>data-icon="rail-and-fly" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="railroad-car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(railroad-car))</code> or <code>@include icon(glyph(railroad-car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="railroad-car"</code> or <code>data-icon="railroad-car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn))</code> or <code>@include icon(glyph(s-bahn), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="s-bahn"</code> or <code>data-icon="s-bahn" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter))</code> or <code>@include icon(glyph(scooter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="scooter"</code> or <code>data-icon="scooter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sev" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sev))</code> or <code>@include icon(glyph(sev), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sev"</code> or <code>data-icon="sev" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat))</code> or <code>@include icon(glyph(speedboat), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="speedboat"</code> or <code>data-icon="speedboat" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sprinter" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sprinter))</code> or <code>@include icon(glyph(sprinter), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="sprinter"</code> or <code>data-icon="sprinter" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway))</code> or <code>@include icon(glyph(subway), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="subway"</code> or <code>data-icon="subway" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi))</code> or <code>@include icon(glyph(taxi), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="taxi"</code> or <code>data-icon="taxi" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car))</code> or <code>@include icon(glyph(train-and-car), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-and-car"</code> or <code>data-icon="train-and-car" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram))</code> or <code>@include icon(glyph(tram), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="tram"</code> or <code>data-icon="tram" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking))</code> or <code>@include icon(glyph(walking), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking"</code> or <code>data-icon="walking" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="24-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast))</code> or <code>@include icon(glyph(walking-fast), 24, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking-fast"</code> or <code>data-icon="walking-fast" data-icon-variant="24-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-24-outline-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 24x24 - Outline - Transportation","patternPartial":"base-icon-library-24-outline-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-filled-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-filled-action&#x2F;base-icons-icon-library-32-filled-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-filled-action" title="Link to Pattern">
+						DB Icons 32x32 - Filled - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-filled-action" data-patternpartial="base-icon-library-32-filled-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-filled-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="add-circle" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-filled-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Action","patternPartial":"base-icon-library-32-filled-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-filled-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-filled-av&#x2F;base-icons-icon-library-32-filled-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-filled-av" title="Link to Pattern">
+						DB Icons 32x32 - Filled - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-filled-av" data-patternpartial="base-icon-library-32-filled-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-filled-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-filled-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - AV","patternPartial":"base-icon-library-32-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-filled-maps" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-filled-maps&#x2F;base-icons-icon-library-32-filled-maps.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-filled-maps" title="Link to Pattern">
+						DB Icons 32x32 - Filled - Maps
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-filled-maps" data-patternpartial="base-icon-library-32-filled-maps" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-filled-maps">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-filled-maps" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Maps","patternPartial":"base-icon-library-32-filled-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-filled-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-filled-navigation&#x2F;base-icons-icon-library-32-filled-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-filled-navigation" title="Link to Pattern">
+						DB Icons 32x32 - Filled - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-filled-navigation" data-patternpartial="base-icon-library-32-filled-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-filled-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="cancel" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-filled-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Navigation","patternPartial":"base-icon-library-32-filled-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-filled-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-filled-notification&#x2F;base-icons-icon-library-32-filled-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-filled-notification" title="Link to Pattern">
+						DB Icons 32x32 - Filled - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-filled-notification" data-patternpartial="base-icon-library-32-filled-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-filled-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-filled-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Notification","patternPartial":"base-icon-library-32-filled-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-filled-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-filled-transportation&#x2F;base-icons-icon-library-32-filled-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-filled-transportation" title="Link to Pattern">
+						DB Icons 32x32 - Filled - Transportation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-filled-transportation" data-patternpartial="base-icon-library-32-filled-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-filled-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="32-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 32, "filled")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="32-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-filled-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Filled - Transportation","patternPartial":"base-icon-library-32-filled-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-action" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-action&#x2F;base-icons-icon-library-32-outline-action.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-action" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Action
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-action" data-patternpartial="base-icon-library-32-outline-action" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-action">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="account" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(account), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="account" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="add" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-circle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-circle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-circle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="add-link" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(add-link), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="add-link" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alarm-add" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alarm-add), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alarm-add" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alert-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alert-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alert-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="artificial-intelligence" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(artificial-intelligence), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="artificial-intelligence" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="attachment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(attachment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="attachment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="augmented-reality" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(augmented-reality), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="augmented-reality" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="block" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(block), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="block" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bookmark" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bookmark), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bookmark" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bug" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bug), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bug" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="build" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(build), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="build" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="calendar" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(calendar), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="calendar" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="camera" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(camera), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="camera" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cash" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cash), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cash" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="check-circle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(check-circle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="check-circle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-download" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-download), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-download" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cloud-upload" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cloud-upload), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cloud-upload" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="compass" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(compass), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="compass" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="copy" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(copy), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="copy" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="credit-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(credit-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="credit-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dashboard" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dashboard), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="dashboard" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="delete" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(delete), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="delete" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="discount" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(discount), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="discount" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="document" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-check" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-check), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-check" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="document-cross" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(document-cross), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="document-cross" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="done" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(done), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="done" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="download" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(download), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="download" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drag-and-drop" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drag-and-drop), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="drag-and-drop" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="edit" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(edit), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="edit" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="euro-sign" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(euro-sign), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="euro-sign" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-delighted" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-delighted), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-delighted" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-disappointed" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-disappointed), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-disappointed" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-neutral" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-neutral), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-neutral" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-sad" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-sad), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-sad" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="face-smiling" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(face-smiling), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="face-smiling" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="filter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(filter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="filter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fingerprint" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fingerprint), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fingerprint" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="folder-open" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(folder-open), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="folder-open" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="generic-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(generic-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="generic-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="giftcard" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(giftcard), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="giftcard" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hearing-disabled" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hearing-disabled), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="hearing-disabled" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="heart" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(heart), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="heart" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="help" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(help), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="help" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="id-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(id-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="id-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="image" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(image), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="image" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="info" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(info), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="info" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="key" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(key), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="key" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="legal" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(legal), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="legal" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lightbulb" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lightbulb), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="lightbulb" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-close" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-close), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-close" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="lock-open" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(lock-open), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="lock-open" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="log-out" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(log-out), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="log-out" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="logbook" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logbook), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="logbook" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="minus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(minus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="minus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="piggybank" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(piggybank), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="piggybank" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pin" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pin), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="pin" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="print" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(print), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="print" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pulse-wave" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pulse-wave), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="pulse-wave" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="push-button" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(push-button), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="push-button" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="remove" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(remove), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="remove" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="resize-handle-corner" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(resize-handle-corner), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="resize-handle-corner" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="save" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(save), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="save" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="schedule" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(schedule), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="schedule" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="search" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(search), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="search" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="send" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(send), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="send" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sepa" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sepa), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sepa" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="settings" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(settings), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="settings" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="share" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-bag" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-bag), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-bag" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-basket-disabled" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-basket-disabled), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-basket-disabled" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shopping-cart-disabled" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shopping-cart-disabled), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shopping-cart-disabled" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sort-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sort-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sort-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="star" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(star), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="star" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-horizontal" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-horizontal), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-horizontal" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="swap-vertical" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(swap-vertical), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="swap-vertical" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="thumb-up-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(thumb-up-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="thumb-up-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="translation" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(translation), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="translation" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="undo" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(undo), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="undo" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="upload" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(upload), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="upload" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="visibility-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(visibility-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="visibility-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="voucher" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(voucher), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="voucher" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="website" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(website), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="website" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-in" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-in), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-in" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="zoom-out" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(zoom-out), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="zoom-out" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-action" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Action","patternPartial":"base-icon-library-32-outline-action","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-av&#x2F;base-icons-icon-library-32-outline-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-av" title="Link to Pattern">
+						DB Icons 32x32 - Outline - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-av" data-patternpartial="base-icon-library-32-outline-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-10" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-10), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-10" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-30" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-30), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-30" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-backward-empty" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward-empty), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward-empty" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-10" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-10), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-10" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-30" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-30), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-30" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward-empty" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward-empty), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward-empty" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="microphone" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(microphone), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="microphone" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subtitles" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subtitles), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="subtitles" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-mute" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-mute), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-mute" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="volume-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(volume-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="volume-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - AV","patternPartial":"base-icon-library-32-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-brand" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-brand&#x2F;base-icons-icon-library-32-outline-brand.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-brand" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Brand
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-brand" data-patternpartial="base-icon-library-32-outline-brand" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-brand">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-brand" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Brand","patternPartial":"base-icon-library-32-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-communication" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-communication&#x2F;base-icons-icon-library-32-outline-communication.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-communication" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Communication
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-communication" data-patternpartial="base-icon-library-32-outline-communication" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-communication">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="call" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="call" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chat" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chat), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="chat" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="conversation" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(conversation), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="conversation" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fax" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fax), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fax" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="feedback" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(feedback), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="feedback" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mail" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mail), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mail" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-phone" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-phone), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-phone" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mobile-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mobile-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mobile-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="question" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(question), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="question" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="receive-item" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(receive-item), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="receive-item" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="share-item" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(share-item), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="share-item" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wifi-off" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wifi-off), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wifi-off" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-communication" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Communication","patternPartial":"base-icon-library-32-outline-communication","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-covid-19" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-covid-19&#x2F;base-icons-icon-library-32-outline-covid-19.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-covid-19" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Covid 19
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-covid-19" data-patternpartial="base-icon-library-32-outline-covid-19" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-covid-19">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="mask" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mask), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mask" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-covid-19" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Covid 19","patternPartial":"base-icon-library-32-outline-covid-19","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-facilities" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-facilities&#x2F;base-icons-icon-library-32-outline-facilities.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-facilities" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Facilities
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-facilities" data-patternpartial="base-icon-library-32-outline-facilities" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-facilities">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="playground" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(playground), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="playground" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restricted-mobility-toilet" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restricted-mobility-toilet), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="restricted-mobility-toilet" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-men" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-men), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-men" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="shower-women" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(shower-women), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="shower-women" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sink" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sink), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sink" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-men" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-men), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-men" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-sign" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-sign), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-sign" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="wc-woman" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(wc-woman), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="wc-woman" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-facilities" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Facilities","patternPartial":"base-icon-library-32-outline-facilities","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-feature" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-feature&#x2F;base-icons-icon-library-32-outline-feature.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-feature" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Feature
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-feature" data-patternpartial="base-icon-library-32-outline-feature" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-feature">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="air-condition" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(air-condition), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="air-condition" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="buggy" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(buggy), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="buggy" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="clothing-hanger" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(clothing-hanger), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="clothing-hanger" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="day" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(day), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="day" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="dog" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(dog), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="dog" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="entry-aid" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(entry-aid), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="entry-aid" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="environmental-mobility-check" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(environmental-mobility-check), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="environmental-mobility-check" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="hydrogen" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(hydrogen), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="hydrogen" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-compartment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-compartment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-compartment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="luggage-rack" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(luggage-rack), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="luggage-rack" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="marketplace" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(marketplace), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="marketplace" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="medical" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(medical), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="medical" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="night" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(night), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="night" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="no-smoking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(no-smoking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="no-smoking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-cane" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-cane), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-cane" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="person-with-rollator" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(person-with-rollator), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="person-with-rollator" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="platform" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(platform), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="platform" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="power-outlet" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(power-outlet), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="power-outlet" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="reservation" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(reservation), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="reservation" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="standing-room" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(standing-room), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="standing-room" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="steppless-entry" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(steppless-entry), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="steppless-entry" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="support-dog" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(support-dog), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="support-dog" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-feature" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Feature","patternPartial":"base-icon-library-32-outline-feature","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-food" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-food&#x2F;base-icons-icon-library-32-outline-food.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-food" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Food
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-food" data-patternpartial="base-icon-library-32-outline-food" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-food">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="breakfast" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(breakfast), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="breakfast" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="coffee-cup" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(coffee-cup), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="coffee-cup" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="drink" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(drink), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="drink" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="restaurant" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(restaurant), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="restaurant" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-food" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Food","patternPartial":"base-icon-library-32-outline-food","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-it" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-it&#x2F;base-icons-icon-library-32-outline-it.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-it" title="Link to Pattern">
+						DB Icons 32x32 - Outline - IT
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-it" data-patternpartial="base-icon-library-32-outline-it" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-it">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="database" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(database), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="database" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-it" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - IT","patternPartial":"base-icon-library-32-outline-it","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-journey" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-journey&#x2F;base-icons-icon-library-32-outline-journey.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-journey" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Journey
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-journey" data-patternpartial="base-icon-library-32-outline-journey" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-journey">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="1st-class" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(1st-class), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="1st-class" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="2nd-class" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(2nd-class), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="2nd-class" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="alternative-connection" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(alternative-connection), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="alternative-connection" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="booking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(booking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="booking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-fully-booked" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-fully-booked), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-fully-booked" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-high" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-high), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-high" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="capacity-indicator-low" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(capacity-indicator-low), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="capacity-indicator-low" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="destination" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(destination), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="destination" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intermediary-stop" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intermediary-stop), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="intermediary-stop" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="mixed-class" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(mixed-class), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="mixed-class" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="round-trip" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(round-trip), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="round-trip" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="single-trip" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(single-trip), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="single-trip" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="start" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(start), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="start" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-journey" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Journey","patternPartial":"base-icon-library-32-outline-journey","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-maps" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-maps&#x2F;base-icons-icon-library-32-outline-maps.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-maps" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Maps
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-maps" data-patternpartial="base-icon-library-32-outline-maps" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-maps">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="gps" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="gps-north" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(gps-north), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="gps-north" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="home" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(home), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="home" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="map" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(map), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="map" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-straight" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-straight), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-straight" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-left" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-left), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-left" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-to-right" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-to-right), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-to-right" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="navigation-u-turn" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(navigation-u-turn), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="navigation-u-turn" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="parking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="place" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(place), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="place" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="set-position" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(set-position), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="set-position" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="station" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(station), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="station" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop-sign" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop-sign), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop-sign" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-station" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-station), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-station" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-maps" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Maps","patternPartial":"base-icon-library-32-outline-maps","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-navigation&#x2F;base-icons-icon-library-32-outline-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-navigation" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-navigation" data-patternpartial="base-icon-library-32-outline-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="arrow-back" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-back), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-back" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-down" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-down), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-down" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-forward" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-forward), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-forward" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="arrow-up" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(arrow-up), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="arrow-up" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="cancel" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(cancel), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="cancel" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-left" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-left), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-left" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="chevron-right" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(chevron-right), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="chevron-right" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="close" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(close), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="close" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-less" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-less), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-less" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="expand-more" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(expand-more), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="expand-more" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fullscreen-exit" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fullscreen-exit), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="fullscreen-exit" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="grid-view" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(grid-view), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="grid-view" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="link" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="link-external" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(link-external), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="link-external" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="list" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(list), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="list" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="menu" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(menu), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="menu" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-horizontal" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-horizontal), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-horizontal" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="more-vertical" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(more-vertical), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="more-vertical" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="refresh" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(refresh), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="refresh" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Navigation","patternPartial":"base-icon-library-32-outline-navigation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-notification" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-notification&#x2F;base-icons-icon-library-32-outline-notification.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-notification" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Notification
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-notification" data-patternpartial="base-icon-library-32-outline-notification" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-notification">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="error" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(error), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="error" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="notify-cutoff" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(notify-cutoff), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="notify-cutoff" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="warning" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(warning), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="warning" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-notification" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Notification","patternPartial":"base-icon-library-32-outline-notification","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-seat" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-seat&#x2F;base-icons-icon-library-32-outline-seat.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-seat" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Seat
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-seat" data-patternpartial="base-icon-library-32-outline-seat" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-seat">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="aisle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="aisle-not-available" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(aisle-not-available), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="aisle-not-available" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bed" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bed), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bed" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="childrens-compartment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(childrens-compartment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="childrens-compartment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="elderly" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(elderly), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="elderly" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handicapped" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handicapped), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="handicapped" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="parent-child-compartment" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(parent-child-compartment), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="parent-child-compartment" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="quiet-zone" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(quiet-zone), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="quiet-zone" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="table" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(table), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="table" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="traveler-with-reduced-mobility" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(traveler-with-reduced-mobility), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="traveler-with-reduced-mobility" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="window" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(window), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="window" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-seat" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Seat","patternPartial":"base-icon-library-32-outline-seat","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-ticket" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-ticket&#x2F;base-icons-icon-library-32-outline-ticket.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-ticket" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Ticket
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-ticket" data-patternpartial="base-icon-library-32-outline-ticket" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-ticket">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="bahnbonus-card" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus-card), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus-card" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahnbonus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahnbonus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahnbonus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bahncard" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bahncard), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bahncard" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="best-price" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(best-price), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="best-price" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="commuter-ticket" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(commuter-ticket), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="commuter-ticket" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-check" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-check), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-check" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in-circle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in-circle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in-circle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="komfort-check-in" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(komfort-check-in), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="komfort-check-in" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-cards" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-cards), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-cards" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="multiple-passenger" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(multiple-passenger), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="multiple-passenger" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="my-travel" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(my-travel), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="my-travel" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="outward-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(outward-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="outward-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="qr-code-scan" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(qr-code-scan), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="qr-code-scan" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="return-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(return-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="return-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-discount" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-discount), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-discount" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-multiple" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-multiple), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-multiple" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ticket-subscription" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ticket-subscription), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ticket-subscription" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-outward-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-outward-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-outward-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="time-return-journey" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(time-return-journey), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="time-return-journey" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="timetable" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(timetable), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="timetable" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="travel-insurance" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(travel-insurance), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="travel-insurance" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-ticket" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Ticket","patternPartial":"base-icon-library-32-outline-ticket","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-32-outline-transportation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-32-outline-transportation&#x2F;base-icons-icon-library-32-outline-transportation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-32-outline-transportation" title="Link to Pattern">
+						DB Icons 32x32 - Outline - Transportation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-32-outline-transportation" data-patternpartial="base-icon-library-32-outline-transportation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-32-outline-transportation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="airplane" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(airplane), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="airplane" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="bicycle-trailer" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(bicycle-trailer), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="bicycle-trailer" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="call-a-bike" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(call-a-bike), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="call-a-bike" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="carsharing" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(carsharing), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="carsharing" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="car-sequence" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(car-sequence), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="car-sequence" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-locomotive" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-locomotive), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-locomotive" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="electric-scooter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(electric-scooter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="electric-scooter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ev-car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ev-car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ev-car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ferry" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ferry), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ferry" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="handcart" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(handcart), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="handcart" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="intercity-train" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(intercity-train), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="intercity-train" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="ice-side-view" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(ice-side-view), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="ice-side-view" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-bus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-bus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-bus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="long-distance-bus" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(long-distance-bus), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="long-distance-bus" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="local-train" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(local-train), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="local-train" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="rail-and-fly" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(rail-and-fly), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="rail-and-fly" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="railroad-car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(railroad-car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="railroad-car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="s-bahn" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(s-bahn), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="s-bahn" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="scooter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(scooter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="scooter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sev" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sev), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sev" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="speedboat" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(speedboat), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="speedboat" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="sprinter" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(sprinter), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="sprinter" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="subway" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(subway), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="subway" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="taxi" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(taxi), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="taxi" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="train-and-car" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(train-and-car), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="train-and-car" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="tram" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(tram), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="tram" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="walking-fast" data-icon-variant="32-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(walking-fast), 32, "outline")</code></li>
+			<li>HTML: <code>data-icon="walking-fast" data-icon-variant="32-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-32-outline-transportation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 32x32 - Outline - Transportation","patternPartial":"base-icon-library-32-outline-transportation","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-48-filled-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-48-filled-av&#x2F;base-icons-icon-library-48-filled-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-48-filled-av" title="Link to Pattern">
+						DB Icons 48x48 - Filled - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-48-filled-av" data-patternpartial="base-icon-library-48-filled-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-48-filled-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="48-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 48, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="48-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-48-filled-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 48x48 - Filled - AV","patternPartial":"base-icon-library-48-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-48-outline-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-48-outline-av&#x2F;base-icons-icon-library-48-outline-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-48-outline-av" title="Link to Pattern">
+						DB Icons 48x48 - Outline - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-48-outline-av" data-patternpartial="base-icon-library-48-outline-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-48-outline-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-48-outline-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 48x48 - Outline - AV","patternPartial":"base-icon-library-48-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-48-outline-brand" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-48-outline-brand&#x2F;base-icons-icon-library-48-outline-brand.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-48-outline-brand" title="Link to Pattern">
+						DB Icons 48x48 - Outline - Brand
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-48-outline-brand" data-patternpartial="base-icon-library-48-outline-brand" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-48-outline-brand">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="48-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 48, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="48-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-48-outline-brand" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 48x48 - Outline - Brand","patternPartial":"base-icon-library-48-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-64-filled-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-64-filled-av&#x2F;base-icons-icon-library-64-filled-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-64-filled-av" title="Link to Pattern">
+						DB Icons 64x64 - Filled - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-64-filled-av" data-patternpartial="base-icon-library-64-filled-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-64-filled-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="64-filled">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 64, "filled")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="64-filled"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-64-filled-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 64x64 - Filled - AV","patternPartial":"base-icon-library-64-filled-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-64-outline-av" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-64-outline-av&#x2F;base-icons-icon-library-64-outline-av.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-64-outline-av" title="Link to Pattern">
+						DB Icons 64x64 - Outline - AV
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-64-outline-av" data-patternpartial="base-icon-library-64-outline-av" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-64-outline-av">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="fast-backward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-backward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-backward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="fast-forward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(fast-forward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="fast-forward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="pause" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(pause), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="pause" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="play" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(play), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="play" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-backward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-backward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-backward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="skip-forward" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(skip-forward), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="skip-forward" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+	<li data-icon="stop" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(stop), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="stop" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-64-outline-av" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description hereee]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 64x64 - Outline - AV","patternPartial":"base-icon-library-64-outline-av","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-icon-library-64-outline-brand" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-icon-library-64-outline-brand&#x2F;base-icons-icon-library-64-outline-brand.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-icon-library-64-outline-brand" title="Link to Pattern">
+						DB Icons 64x64 - Outline - Brand
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-icon-library-64-outline-brand" data-patternpartial="base-icon-library-64-outline-brand" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-icon-library-64-outline-brand">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list">
+	<li data-icon="logo" data-icon-variant="64-outline">
+		<ul>
+			<li>SCSS: <code>@include icon(glyph(logo), 64, "outline")</code></li>
+			<li>HTML: <code>data-icon="logo" data-icon-variant="64-outline"</code></li>
+		</ul>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-icon-library-64-outline-brand" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"DB Icons 64x64 - Outline - Brand","patternPartial":"base-icon-library-64-outline-brand","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-illustration-icons" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-icons-illustration-icons&#x2F;base-icons-illustration-icons.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-illustration-icons" title="Link to Pattern">
+						Illustration Icons
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-illustration-icons" data-patternpartial="base-illustration-icons" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-illustration-icons">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<!-- [html-validate-disable-next heading-level] -->
+	<h5>Action</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_account.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_alarm_clock.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_ar_icon.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_calendar.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_clock_moving.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_compass.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_sign.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_construction_worker.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_db_clock.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_diamond.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_fokus.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_gift.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_heart.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_information.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_brand.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_onlineshop_feature.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_pdf.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_printer.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_savings.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_search.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_trash.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Communication</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_chat.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_customer_feedback.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_check.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_back.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_closed_front.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_envelope_open.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_error.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_hashtag.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_telephone.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/communication/db_ic_il_wifi.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Covid 19</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_2g_rule.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_3g_rule.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_distance.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask_with_sign.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_ffp2_mask.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_handwashing.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_no_handshaking.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_recovered.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_single_entry.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_antigen.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_test_pcr.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/covid_19/db_ic_il_vaccinated.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Devices</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_computer.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_monitor.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_smartphone.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/devices/db_ic_il_tablet.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Entertainment</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_der_kleine_ice.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming_no_wire.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_gaming.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_movie.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_podcast.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/entertainment/db_ic_il_sport.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Feature</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green_energy.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_mobile_payment.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_nfc_scan.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/feature/db_ic_il_whats_schmutzig.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Food /db_ic_il_ Drink</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_coffee_cup.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/food/db_ic_il_restaurant.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Maps</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_home.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/maps/db_ic_il_location.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>News</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_disruptions.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_news.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newsletter.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/news/db_ic_il_s-bahn_magazine_munich.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Station</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_shop.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_ticket_vending_machine.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station_with_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_train_station.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_db_video_travel_center.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_kiosk.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/station/db_ic_il_mini_store.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Ticket</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_classic_printout.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_mobileticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_brand.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_onlineticket_feature.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_scan_ticket_printout.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_show_ticket.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/ticket/db_ic_il_tickets.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Transportation</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane_2.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_airplane.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bicycle.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bike_trailer.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_buggy.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_bus_side_view.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_call_a_bike.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car_side_view.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_car.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_commuter_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_electric_scooter.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ev-car.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ferry.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_handcart.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_ice.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_intercity_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_bus.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_local_train.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_long_distance_bus.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_scooter.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_self-driving_side_view.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_speedboat.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_subway.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_taxi.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/transportation/db_ic_il_tram.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Travel</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_bear.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_db_comfort_checkin.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_delayed.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_dog.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_id_card.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_itinerary.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_lost_and_found.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_luggage.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_passenger_rights.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin_alternative.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_poi_berlin.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_suitcase.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_timetable.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_transportation_advertising.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/travel/db_ic_il_zuginformation.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+	
+	<h5>Weather</h5>
+	<ul class="DO-NOT-COPY-THIS-CLASS-example-icon-list icons-illustration">
+		<li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_blizzard.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li><li>
+			<ul>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-turquoise">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+					<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cyan">
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/weather/db_ic_il_thunderstorm.svg#icon"></use>
+						</svg>
+					</li>
+			</ul>
+		</li>
+	</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-illustration-icons" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h4>Usage</h4>\n<p>You could reference the multicolor icons directly via the <code>&lt;use&gt;</code> HTML tag within the <code>&lt;svg&gt;</code> HTML tag, compare to the source code provided with this pattern, like e.g.:</p>\n<pre><code class=\"language-html\">&lt;svg\n  xmlns=&quot;http://www.w3.org/2000/svg&quot;\n  width=&quot;64&quot;\n  height=&quot;64&quot;\n  aria-hidden=&quot;true&quot;\n&gt;\n  &lt;use href=&quot;/icons/illustrative/action/db_ic_il_alarm_clock.svg#icon&quot;&gt;&lt;/use&gt;\n&lt;/svg&gt;\n</code></pre>\n<h4>Adapt icons colors</h4>\n<p>You could easily change the line-colors of both the pulse and the icon itself by defining different color values for both CSS variables:</p>\n<ul>\n<li><code>--db-icon-color</code></li>\n<li><code>--db-icon-pulse-color</code></li>\n</ul>\n<p>The fallback for a non-defined <code>--db-icon-color</code> is the <code>font-color</code> defined around or for the <code>&lt;svg&gt;</code> itself, and <code>--db-icon-pulse-color</code> would fall back to <code>#EC0016</code>, which is the general pulse color defined by brand.</p>\n<h4>Accessibility</h4>\n<p>We're adding the attribute <code>aria-hidden=&quot;true&quot;</code> to the <code>&lt;svg&gt;</code> HTML tag so that the icon is hidden from assistive tools like not being read out by screen readers.</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"icons"},"patternExtension":"hbs","patternName":"Illustration Icons","patternPartial":"base-illustration-icons","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-base-type" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/base-type&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-base-type">Type</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<p>We're delivering general font declarations and the web fonts for our generally used <code>DB Screen Sans</code> font.</p>
+<p>In case that you need to use font sizes smaller than 16pt please switch to our <code>font-family</code> <code>DB Screen Sans Digital Regular</code> for better readability / accessibility.</p>
+<p>Please find this rule and a lot of further information regarding and more information on typography: <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Marke-und-Design/Basiselemente/Typografie/Fuer-digitale-Anwendungen">https://marketingportal.extranet.deutschebahn.com/marketingportal/Marke-und-Design/Basiselemente/Typografie/Fuer-digitale-Anwendungen</a></p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="base-fonts" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-type-fonts&#x2F;base-type-fonts.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-fonts" title="Link to Pattern">
+						Fonts
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-fonts" data-patternpartial="base-fonts" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-fonts">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<main class="rea-main ">
+
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h1 class="elm-headline ">Headline 1</h1>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Headline 2</h2>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h3 class="elm-headline ">Headline 3</h3>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h4 class="elm-headline ">Headline 4</h4>
+	<p>Primary font: "DB Screen Sans", "Helvetica", "Arial", sans-serif;</p>
+	<p><em>Primary font italic: "DB Screen Sans", "Helvetica", "Arial", sans-serif;</em></p>
+	<p><strong>Primary font bold: "DB Screen Sans", "Helvetica", "Arial", sans-serif;</strong></p>
+
+</main>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-fonts" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>These fonts are used on the site.</p>\n","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Fonts","patternPartial":"base-fonts","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-highlight-colors-1st-priority" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-type-highlight-colors-1st-priority&#x2F;base-type-highlight-colors-1st-priority.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-highlight-colors-1st-priority" title="Link to Pattern">
+						Highlight Colors 1st Priority
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-highlight-colors-1st-priority" data-patternpartial="base-highlight-colors-1st-priority" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-highlight-colors-1st-priority">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-1st-priority-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-1st-priority-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-highlight-colors-1st-priority" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors 1st Priority","patternPartial":"base-highlight-colors-1st-priority","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-highlight-colors-2nd-priority" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-type-highlight-colors-2nd-priority&#x2F;base-type-highlight-colors-2nd-priority.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-highlight-colors-2nd-priority" title="Link to Pattern">
+						Highlight Colors 2nd Priority
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-highlight-colors-2nd-priority" data-patternpartial="base-highlight-colors-2nd-priority" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-highlight-colors-2nd-priority">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-2nd-priority-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-2nd-priority-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-highlight-colors-2nd-priority" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors 2nd Priority","patternPartial":"base-highlight-colors-2nd-priority","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-highlight-colors-neutral" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-type-highlight-colors-neutral&#x2F;base-type-highlight-colors-neutral.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-highlight-colors-neutral" title="Link to Pattern">
+						Highlight Colors Neutral
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-highlight-colors-neutral" data-patternpartial="base-highlight-colors-neutral" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-highlight-colors-neutral">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-neutral-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-neutral-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-highlight-colors-neutral" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors Neutral","patternPartial":"base-highlight-colors-neutral","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="base-highlight-colors-positive" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/base-type-highlight-colors-positive&#x2F;base-type-highlight-colors-positive.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="base-highlight-colors-positive" title="Link to Pattern">
+						Highlight Colors Positive
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-base-highlight-colors-positive" data-patternpartial="base-highlight-colors-positive" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-base-highlight-colors-positive">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<main class="rea-main">
+	<p class=" DO-NOT-COPY-THIS-CLASS-example-highlight-colors-positive-light">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+	<p class="DO-NOT-COPY-THIS-CLASS-example-fonts-ondarkbackground DO-NOT-COPY-THIS-CLASS-example-highlight-colors-positive-dark">Body: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</p>
+</main>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-base-highlight-colors-positive" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"base","patternSubgroup":"type"},"patternExtension":"hbs","patternName":"Highlight Colors Positive","patternPartial":"base-highlight-colors-positive","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-all" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-all">Elements</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="viewall-elements-buttons" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-buttons&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-buttons">Buttons</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Variations/configurability</h2>
+<h3>Variant</h3>
+<h4>SCSS (recommended)</h4>
+<p>Extend one of the variant placeholders: <code>%variant-primary</code>, <code>%variant-secondary</code> or <code>%variant-tertiary</code></p>
+<h4>HTML attribute</h4>
+<p>You could set the different button variants via the <code>data-variant</code> attribute.</p>
+<h3>Size</h3>
+<h4>SCSS (recommended)</h4>
+<p>Extend one of the size SCSS placeholders in case that you don't want the default (regular): <code>%size-Small</code> or <code>%size-Large</code></p>
+<h4>HTML attribute</h4>
+<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is &quot;regular&quot; and in that case is optional.</p>
+<h3>Width</h3>
+<p>Regularly, our buttons shouldn't increase to it's horizontally available space, but only the one determined by it's included textual content.</p>
+<h4>SCSS (recommended)</h4>
+<p>Extend the width SCSS placeholders in case that you don't want the default (<code>auto</code>): <code>%width-Full</code></p>
+<h4>HTML attribute</h4>
+<p>You could set the button width to increase to it's full available space via the <code>data-width=&quot;full&quot;</code> attribute, the default is <code>auto</code> and in that case is optional.</p>
+<h2>Usability</h2>
+<blockquote>
+<p>Buttons should be used in situations where users might need to:</p>
+<ul>
+<li>submit a form</li>
+<li>begin a new task</li>
+<li>trigger a new UI element to appear on the page</li>
+<li>specify a new or next step in a process</li>
+</ul>
+</blockquote>
+<h3>Button vs. Link</h3>
+<blockquote>
+<p>The HTML elements for buttons and links describe a very specific type of action that is going to be taken when they are used. It is important you know when to use which, as the distinction matters:</p>
+<ul>
+<li>Use a link when you’re navigating to another place, such as: a &quot;view all&quot; page, &quot;Jane Chen&quot; profile, a page &quot;skip link&quot; etc.</li>
+<li>Use buttons when you are performing an action, such as: &quot;submit,&quot; &quot;merge,&quot; &quot;create new,&quot; &quot;upload,&quot; etc.</li>
+<li>An action is almost always on the same page</li>
+</ul>
+</blockquote>
+<p>Source: <a href="https://www.lightningdesignsystem.com/components/buttons/#About-Buttons">https://www.lightningdesignsystem.com/components/buttons/#About-Buttons</a></p>
+<p>Further argumentations:</p>
+<ul>
+<li><a href="https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2">https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2</a></li>
+<li><a href="https://uxmovement.com/buttons/when-to-use-a-button-or-link/">https://uxmovement.com/buttons/when-to-use-a-button-or-link/</a></li>
+</ul>
+<h3>&quot;Hand&quot; cursor / pointer</h3>
+<p>We don't use the &quot;hand&quot; cursor / pointer for our buttons, as this is reserved for links even only; for more information have a look at articles like <a href="https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b">https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b</a> and <a href="https://hiddedevries.nl/en/blog/2016-08-06-some-pointers-on-default-cursors">https://hiddedevries.nl/en/blog/2016-08-06-some-pointers-on-default-cursors</a> or people who thought this through like <a href="https://ux.stackexchange.com/questions/105024/why-dont-button-html-elements-have-a-css-cursor-pointer-by-default#105027">https://ux.stackexchange.com/questions/105024/why-dont-button-html-elements-have-a-css-cursor-pointer-by-default#105027</a> or <a href="https://github.com/necolas/normalize.css/issues/371#issuecomment-60072171">https://github.com/necolas/normalize.css/issues/371#issuecomment-60072171</a> and the UI guidelines from Apple, Microsoft, Google, etc.</p>
+<p><a href="https://docs.microsoft.com/de-de/windows/win32/uxguide/inter-mouse">Microsoft’s design guides</a> talk about weak affordance:</p>
+<blockquote>
+<p>Text and graphics links use a hand […] pointer […] because of their weak affordance. While links may have other visual clues to indicate that they are links (such as underlines and special placement), displaying the hand pointer on hover is the definitive indication of a link. To avoid confusion, it is imperative not to use the hand pointer for other purposes. For example, command buttons already have a strong affordance, so they don’t need a hand pointer. The hand pointer must mean “this target is a link” and nothing else.</p>
+</blockquote>
+<p>Apple’s Human Interface Guidelines states that the hand cursor should be used when “the content is a URL link”.</p>
+<p><a href="https://www.w3.org/TR/css-ui-3/#cursor">W3C User Interface guidelines</a> says the same thing again with “The cursor is a pointer that indicates a link”.</p>
+<h3>Disabled button state</h3>
+<p>The disabled state of the button is defined by a change in opacity for good reasons:</p>
+<blockquote>
+<p>A transparent button blends into the background more, while a gray one remains in the foreground (unless the background is gray). Foreground elements are more noticeable to users. They tend to view them as interactive, which means they’re more likely to interact with a grayed out disabled button.</p>
+</blockquote>
+<p>For much more information visit <a href="https://uxmovement.com/buttons/why-you-shouldnt-gray-out-disabled-buttons/">https://uxmovement.com/buttons/why-you-shouldnt-gray-out-disabled-buttons/</a>.</p>
+<p>In general disabling buttons is a controversial topic in UX Design, and should get only used well-considered; compare to these articles on how to use <code>disabled</code> buttons only selectively: <a href="https://stories.justinewin.com/disabled-buttons-dont-have-to-suck-10da0bb6d37e">https://stories.justinewin.com/disabled-buttons-dont-have-to-suck-10da0bb6d37e</a>, <a href="https://axesslab.com/disabled-buttons-suck/">https://axesslab.com/disabled-buttons-suck/</a> and <a href="https://www.smashingmagazine.com/2021/08/frustrating-design-patterns-disabled-buttons/">https://www.smashingmagazine.com/2021/08/frustrating-design-patterns-disabled-buttons/</a></p>
+<h2>Ambiguous labels</h2>
+<p>Please keep in mind to use unambiguous labels: <a href="https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label">https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label</a></p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-button" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-button&#x2F;elements-buttons-button.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button" title="Link to Pattern">
+						Button
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button" data-patternpartial="elements-button" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<button class="elm-button "
+	data-variant="brand-primary"
+	
+	title="Done"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Red 500
+</button>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"components-language-switcher-spa","lineagePath":"../../patterns/components-language-switcher-language-switcher-spa/components-language-switcher-language-switcher-spa.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu-navigation-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position/components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-navigation","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-navigation/components-overflow-menu-overflow-menu-navigation.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-overflow-menu-opposite-position","lineagePath":"../../patterns/components-overflow-menu-overflow-menu-opposite-position/components-overflow-menu-overflow-menu-opposite-position.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button-brand-primary","lineagePath":"../../patterns/elements-buttons-01-button-brand-primary/elements-buttons-01-button-brand-primary.rendered.html"},{"lineagePattern":"elements-button-primary","lineagePath":"../../patterns/elements-buttons-03-button-primary/elements-buttons-03-button-primary.rendered.html"},{"lineagePattern":"elements-button-secondary-outline","lineagePath":"../../patterns/elements-buttons-04-button-secondary-outline/elements-buttons-04-button-secondary-outline.rendered.html"},{"lineagePattern":"elements-button-secondary-solid","lineagePath":"../../patterns/elements-buttons-05-button-secondary-solid/elements-buttons-05-button-secondary-solid.rendered.html"},{"lineagePattern":"elements-button-tertiary-plain","lineagePath":"../../patterns/elements-buttons-06-button-tertiary-plain/elements-buttons-06-button-tertiary-plain.rendered.html"},{"lineagePattern":"elements-button-sizes","lineagePath":"../../patterns/elements-buttons-09-button-sizes/elements-buttons-09-button-sizes.rendered.html"},{"lineagePattern":"elements-button-width","lineagePath":"../../patterns/elements-buttons-10-button-width/elements-buttons-10-button-width.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-example-form","lineagePath":"../../patterns/components-form-example-form/components-form-example-form.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button","patternPartial":"elements-button","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-brand-primary" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-01-button-brand-primary&#x2F;elements-buttons-01-button-brand-primary.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-brand-primary" title="Link to Pattern">
+						Button Brand Primary
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-brand-primary" data-patternpartial="elements-button-brand-primary" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-brand-primary">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Brand Primary
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Brand Primary
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Brand Primary without icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Brand Primary without icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="brand-primary"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Brand Primary displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="brand-primary"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Brand Primary displaying only the icon
+	</button>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-brand-primary" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Brand Primary","patternPartial":"elements-button-brand-primary","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-primary" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-03-button-primary&#x2F;elements-buttons-03-button-primary.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-primary" title="Link to Pattern">
+						Button Primary
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-primary" data-patternpartial="elements-button-primary" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-primary">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Primary
+	</button>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Primary (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Primary with icon
+	</button>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Primary with icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Primary without icon
+	</button>
+	<button class="elm-button "
+		data-variant="primary"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Primary without icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="primary"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Primary displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="primary"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Primary displaying only the icon
+	</button>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-primary" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Primary","patternPartial":"elements-button-primary","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-secondary-outline" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-04-button-secondary-outline&#x2F;elements-buttons-04-button-secondary-outline.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-secondary-outline" title="Link to Pattern">
+						Button Secondary Outline
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-secondary-outline" data-patternpartial="elements-button-secondary-outline" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-secondary-outline">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary Outline
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary Outline (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Outline with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Outline with right icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Secondary Outline without left icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-outline"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Secondary Outline without left icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-outline"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Outline displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-outline"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Outline displaying only the icon
+	</button>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-secondary-outline" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Secondary Outline","patternPartial":"elements-button-secondary-outline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-secondary-solid" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-05-button-secondary-solid&#x2F;elements-buttons-05-button-secondary-solid.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-secondary-solid" title="Link to Pattern">
+						Button Secondary Solid
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-secondary-solid" data-patternpartial="elements-button-secondary-solid" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-secondary-solid">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		 data-icon="add"
+		
+		
+		
+		
+		>
+		Secondary (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Solid with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Secondary Solid with right icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Secondary Solid without icon
+	</button>
+	<button class="elm-button "
+		data-variant="secondary-solid"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Secondary Solid without icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-solid"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Solid displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="secondary-solid"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Secondary Solid displaying only the icon
+	</button>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-secondary-solid" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Secondary Solid","patternPartial":"elements-button-secondary-solid","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-tertiary-plain" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-06-button-tertiary-plain&#x2F;elements-buttons-06-button-tertiary-plain.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-tertiary-plain" title="Link to Pattern">
+						Button Tertiary Plain
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-tertiary-plain" data-patternpartial="elements-button-tertiary-plain" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-tertiary-plain">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain
+	</button>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Tertiary Plain with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		
+		
+		
+		>
+		Tertiary Plain with right icon(disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain without left icon
+	</button>
+	<button class="elm-button "
+		data-variant="tertiary-plain"
+		
+		title="Title text"
+		type="button"
+		
+		 disabled
+		
+		
+		
+		
+		
+		>
+		Tertiary Plain without left icon (disabled)
+	</button>
+</p>
+<p>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="tertiary-plain"
+		
+		title="Check"
+		type="button"
+		
+		
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Tertiary Plain displaying only the icon
+	</button>
+	<button class="elm-button is-icon-text-replace"
+		data-variant="tertiary-plain"
+		
+		title="Check"
+		type="button"
+		
+		 disabled
+		 data-icon="done"
+		
+		
+		
+		
+		>
+		Tertiary Plain displaying only the icon
+	</button>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-tertiary-plain" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Tertiary Plain","patternPartial":"elements-button-tertiary-plain","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-sizes" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-09-button-sizes&#x2F;elements-buttons-09-button-sizes.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-sizes" title="Link to Pattern">
+						Button Sizes
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-sizes" data-patternpartial="elements-button-sizes" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-sizes">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<!-- [html-validate-disable-next heading-level -- we're doing some simple demonstration simplification here] -->
+	<h2>Small</h2>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			
+			 data-icon="add"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			 disabled
+			 data-icon="add"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary (disabled)
+		</button>
+	</p>
+	<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="small"
+		title=""
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		 aria-label="Small"
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="small"
+		title=""
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		 aria-label="Small"
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+	</p>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			
+			
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary without icon
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="small"
+			title=""
+			type="button"
+			
+			 disabled
+			
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary without icon (disabled)
+		</button>
+	</p>
+	<p>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="small"
+			title="Done"
+			type="button"
+			
+			
+			 data-icon="done"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="small"
+			title="Done"
+			type="button"
+			
+			 disabled
+			 data-icon="done"
+			
+			 aria-label="Small"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+	</p>
+	
+	<h2>Regular (default, data-size attribute is optional)</h2>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			
+			 data-icon="add"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			 disabled
+			 data-icon="add"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary (disabled)
+		</button>
+	</p>
+	<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="regular"
+		title=""
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		 aria-label="Regular (default, data-size attribute is optional)"
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="regular"
+		title=""
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		 aria-label="Regular (default, data-size attribute is optional)"
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+	</p>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			
+			
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary without icon
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="regular"
+			title=""
+			type="button"
+			
+			 disabled
+			
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary without icon (disabled)
+		</button>
+	</p>
+	<p>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="regular"
+			title="Done"
+			type="button"
+			
+			
+			 data-icon="done"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="regular"
+			title="Done"
+			type="button"
+			
+			 disabled
+			 data-icon="done"
+			
+			 aria-label="Regular (default, data-size attribute is optional)"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+	</p>
+	
+	<h2>Large</h2>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			
+			 data-icon="add"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			 disabled
+			 data-icon="add"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary (disabled)
+		</button>
+	</p>
+	<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="large"
+		title=""
+		type="button"
+		
+		
+		
+		 data-icon-after="add"
+		 aria-label="Large"
+		
+		
+		>
+		Brand Primary with right icon
+	</button>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		 data-size="large"
+		title=""
+		type="button"
+		
+		 disabled
+		
+		 data-icon-after="add"
+		 aria-label="Large"
+		
+		
+		>
+		Brand Primary with right icon(disabled)
+	</button>
+	</p>
+	<p>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			
+			
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary without icon
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			 data-size="large"
+			title=""
+			type="button"
+			
+			 disabled
+			
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary without icon (disabled)
+		</button>
+	</p>
+	<p>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="large"
+			title="Done"
+			type="button"
+			
+			
+			 data-icon="done"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+		<button class="elm-button is-icon-text-replace"
+			data-variant="brand-primary"
+			 data-size="large"
+			title="Done"
+			type="button"
+			
+			 disabled
+			 data-icon="done"
+			
+			 aria-label="Large"
+			
+			
+			>
+			Brand Primary displaying only the icon
+		</button>
+	</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-sizes" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Sizes","patternPartial":"elements-button-sizes","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-button-width" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-buttons-10-button-width&#x2F;elements-buttons-10-button-width.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-button-width" title="Link to Pattern">
+						Button Width
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-button-width" data-patternpartial="elements-button-width" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-button-width">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<p>
+	<button class="elm-button "
+		data-variant="brand-primary"
+		
+		title="Title text"
+		type="button"
+		
+		
+		
+		
+		
+		
+		
+		>
+		(Default) Auto width
+	</button>
+	<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+	<span style="width: 500px;display:inline-block;"><button class="elm-button "
+	data-variant="brand-primary"
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	 data-width="full"
+	
+	>
+	Width full
+</button>
+</span>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-button-width" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"buttons"},"patternExtension":"hbs","patternName":"Button Width","patternPartial":"elements-button-width","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-checkbox" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-checkbox&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-checkbox">Checkbox</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-checkbox" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox&#x2F;elements-checkbox-checkbox.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox" title="Link to Pattern">
+						Checkbox
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox" data-patternpartial="elements-checkbox" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox01"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox01">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox","patternPartial":"elements-checkbox","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-checked" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-checked&#x2F;elements-checkbox-checkbox-checked.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-checked" title="Link to Pattern">
+						Checkbox Checked
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-checked" data-patternpartial="elements-checkbox-checked" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-checked">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox02" checked
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox02">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-checked" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox Checked","patternPartial":"elements-checkbox-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-disabled&#x2F;elements-checkbox-checkbox-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-disabled" title="Link to Pattern">
+						Checkbox Disabled
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-disabled" data-patternpartial="elements-checkbox-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox10"
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox10">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox Disabled","patternPartial":"elements-checkbox-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-disabled-checked" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-disabled-checked&#x2F;elements-checkbox-checkbox-disabled-checked.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-disabled-checked" title="Link to Pattern">
+						Checkbox Disabled Checked
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-disabled-checked" data-patternpartial="elements-checkbox-disabled-checked" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-disabled-checked">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox11" checked
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox11">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-disabled-checked" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox Disabled Checked","patternPartial":"elements-checkbox-disabled-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-indeterminate" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-indeterminate&#x2F;elements-checkbox-checkbox-indeterminate.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-indeterminate" title="Link to Pattern">
+						Checkbox - indeterminate
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-indeterminate" data-patternpartial="elements-checkbox-indeterminate" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-indeterminate">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox03"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox03">Checkbox</label>
+<script>
+	document.querySelector('#checkbox03').indeterminate = true;
+</script>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-indeterminate" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>State: indeterminate</h2>\n<p>Please keep in mind, that the special state of an indeterminate element is necessary to get set programmatically with JavaScript:</p>\n<pre><code class=\"language-js\">inputInstance.indeterminate = true;\n</code></pre>\n<p>MDN has some more information on this topic: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox - indeterminate","patternPartial":"elements-checkbox-indeterminate","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-label-hidden" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-label-hidden&#x2F;elements-checkbox-checkbox-label-hidden.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-label-hidden" title="Link to Pattern">
+						Checkbox - Hidden label
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-label-hidden" data-patternpartial="elements-checkbox-label-hidden" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-label-hidden">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox05"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox05" data-label-hidden="true">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-label-hidden" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a checkbox element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox - Hidden label","patternPartial":"elements-checkbox-label-hidden","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-on-dark-background" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-on-dark-background&#x2F;elements-checkbox-checkbox-on-dark-background.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-on-dark-background" title="Link to Pattern">
+						Checkbox On Dark Background
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-on-dark-background" data-patternpartial="elements-checkbox-on-dark-background" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-on-dark-background">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox15"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox15">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-on-dark-background" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background","patternPartial":"elements-checkbox-on-dark-background","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-on-dark-background-checked" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-on-dark-background-checked&#x2F;elements-checkbox-checkbox-on-dark-background-checked.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-on-dark-background-checked" title="Link to Pattern">
+						Checkbox On Dark Background Checked
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-on-dark-background-checked" data-patternpartial="elements-checkbox-on-dark-background-checked" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-on-dark-background-checked">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox16" checked
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox16">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-on-dark-background-checked" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background Checked","patternPartial":"elements-checkbox-on-dark-background-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-on-dark-background-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-on-dark-background-disabled&#x2F;elements-checkbox-checkbox-on-dark-background-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-on-dark-background-disabled" title="Link to Pattern">
+						Checkbox On Dark Background Disabled
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-on-dark-background-disabled" data-patternpartial="elements-checkbox-on-dark-background-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-on-dark-background-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox17"
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox17">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-on-dark-background-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background Disabled","patternPartial":"elements-checkbox-on-dark-background-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-on-dark-background-disabled-checked" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-on-dark-background-disabled-checked&#x2F;elements-checkbox-checkbox-on-dark-background-disabled-checked.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-on-dark-background-disabled-checked" title="Link to Pattern">
+						Checkbox On Dark Background Disabled Checked
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-on-dark-background-disabled-checked" data-patternpartial="elements-checkbox-on-dark-background-disabled-checked" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-on-dark-background-disabled-checked">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox18" checked
+	 disabled
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox18">Checkbox</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-on-dark-background-disabled-checked" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox On Dark Background Disabled Checked","patternPartial":"elements-checkbox-on-dark-background-disabled-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-checkbox-on-dark-background-indeterminate" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-checkbox-checkbox-on-dark-background-indeterminate&#x2F;elements-checkbox-checkbox-on-dark-background-indeterminate.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-checkbox-on-dark-background-indeterminate" title="Link to Pattern">
+						Checkbox - indeterminate on dark background
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-checkbox-on-dark-background-indeterminate" data-patternpartial="elements-checkbox-on-dark-background-indeterminate" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-checkbox-on-dark-background-indeterminate">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	class="elm-checkbox "
+	id="checkbox04"
+	
+	value=""
+	
+	>
+<label class="elm-label" for="checkbox04">Checkbox</label>
+<script>
+	document.querySelector('#checkbox04').indeterminate = true;
+</script>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-checkbox-on-dark-background-indeterminate" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>State: indeterminate</h2>\n<p>Please keep in mind, that the special state of an indeterminate element is necessary to get set programmatically with JavaScript:</p>\n<pre><code class=\"language-js\">inputInstance.indeterminate = true;\n</code></pre>\n<p>MDN has some more information on this topic: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox#indeterminate_state_checkboxes</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"checkbox"},"patternExtension":"hbs","patternName":"Checkbox - indeterminate on dark background","patternPartial":"elements-checkbox-on-dark-background-indeterminate","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-chips" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-chips&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-chips">Chips</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h1>Variations/configurability</h1>
+<h2>Variant</h2>
+<h3>HTML attribute</h3>
+<p>You could set the different button variants via the <code>data-variant</code> attribute. These could be either one of the four feedback values, or the &quot;point of interest&quot; stylings.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-chips" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-chips-chips&#x2F;elements-chips-chips.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-chips" title="Link to Pattern">
+						Filter chips
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-chips" data-patternpartial="elements-chips" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-chips">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+					<input
+			class="elm-chip"
+			type="checkbox"
+			id="chip-multiple-chip01"
+			data-type="filter"
+			>
+		<label
+			for="chip-multiple-chip01"
+			
+			
+			
+			>Title</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-light0"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-light0"
+				 data-variant="light"
+				
+				
+				>Light</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-warning1"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-warning1"
+				 data-variant="warning"
+				
+				
+				>Warning</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-error2"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-error2"
+				 data-variant="error"
+				
+				
+				>Error</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-informative3"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-informative3"
+				 data-variant="informative"
+				
+				
+				>Informative</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-success4"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-success4"
+				 data-variant="success"
+				
+				
+				>Success</label>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-essen-trinken0"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-essen-trinken0"
+				 data-variant="poi-essen-trinken"
+				
+				
+				>Essen &amp; Trinken</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-einkaufen1"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-einkaufen1"
+				 data-variant="poi-einkaufen"
+				
+				
+				>Einkaufen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-gesundheit2"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-gesundheit2"
+				 data-variant="poi-gesundheit"
+				
+				
+				>Gesundheit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-kunst-kultur3"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-kunst-kultur3"
+				 data-variant="poi-kunst-kultur"
+				
+				
+				>Kunst &amp; Kultur</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-wissenswertes4"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-wissenswertes4"
+				 data-variant="poi-wissenswertes"
+				
+				
+				>Wissenswertes</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-freizeit5"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-freizeit5"
+				 data-variant="poi-freizeit"
+				
+				
+				>Freizeit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-zivile-rel-einrichtungen6"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-zivile-rel-einrichtungen6"
+				 data-variant="poi-zivile-rel-einrichtungen"
+				
+				
+				>Zivile &amp; reli. Einrichtungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-dienstleistungen7"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-dienstleistungen7"
+				 data-variant="poi-dienstleistungen"
+				
+				
+				>Dienstleistungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-db-services-einrichtung8"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-db-services-einrichtung8"
+				 data-variant="poi-db-services-einrichtung"
+				
+				
+				>DB Services &amp; Einrichtung</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-poi-wegeleitung9"
+				data-type="filter"
+				>
+			<label
+				for="chip-multiple-poi-wegeleitung9"
+				 data-variant="poi-wegeleitung"
+				
+				
+				>Wegeleitung</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-chips" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Filter chips","patternPartial":"elements-chips","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":10}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-chips-type-selection" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-chips-chips-type-selection&#x2F;elements-chips-chips-type-selection.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-chips-type-selection" title="Link to Pattern">
+						Selection chips
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-chips-type-selection" data-patternpartial="elements-chips-type-selection" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-chips-type-selection">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+					<input
+			class="elm-chip"
+			type="radio"
+			id="chip-single-chip01"
+			name="selection"
+			data-type="selection"
+			>
+		<label
+			for="chip-single-chip01"
+			
+			
+			
+			>Title</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-light0"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-light0"
+				 data-variant="light"
+				
+				
+				>Light</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-warning1"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-warning1"
+				 data-variant="warning"
+				
+				
+				>Warning</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-error2"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-error2"
+				 data-variant="error"
+				
+				
+				>Error</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-informative3"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-informative3"
+				 data-variant="informative"
+				
+				
+				>Informative</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-success4"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-success4"
+				 data-variant="success"
+				
+				
+				>Success</label>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-essen-trinken0"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-essen-trinken0"
+				 data-variant="poi-essen-trinken"
+				
+				
+				>Essen &amp; Trinken</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-einkaufen1"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-einkaufen1"
+				 data-variant="poi-einkaufen"
+				
+				
+				>Einkaufen</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-gesundheit2"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-gesundheit2"
+				 data-variant="poi-gesundheit"
+				
+				
+				>Gesundheit</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-kunst-kultur3"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-kunst-kultur3"
+				 data-variant="poi-kunst-kultur"
+				
+				
+				>Kunst &amp; Kultur</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-wissenswertes4"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-wissenswertes4"
+				 data-variant="poi-wissenswertes"
+				
+				
+				>Wissenswertes</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-freizeit5"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-freizeit5"
+				 data-variant="poi-freizeit"
+				
+				
+				>Freizeit</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-zivile-rel-einrichtungen6"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-zivile-rel-einrichtungen6"
+				 data-variant="poi-zivile-rel-einrichtungen"
+				
+				
+				>Zivile &amp; reli. Einrichtungen</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-dienstleistungen7"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-dienstleistungen7"
+				 data-variant="poi-dienstleistungen"
+				
+				
+				>Dienstleistungen</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-db-services-einrichtung8"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-db-services-einrichtung8"
+				 data-variant="poi-db-services-einrichtung"
+				
+				
+				>DB Services &amp; Einrichtung</label>
+			<input
+				class="elm-chip"
+				type="radio"
+				id="chip-single-poi-wegeleitung9"
+				name="selection"
+				data-type="selection"
+				>
+			<label
+				for="chip-single-poi-wegeleitung9"
+				 data-variant="poi-wegeleitung"
+				
+				
+				>Wegeleitung</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-chips-type-selection" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Selection chips","patternPartial":"elements-chips-type-selection","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":20}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-chips-with-icon" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-chips-chips-with-icon&#x2F;elements-chips-chips-with-icon.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-chips-with-icon" title="Link to Pattern">
+						Chips with icon
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-chips-with-icon" data-patternpartial="elements-chips-with-icon" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-chips-with-icon">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+					<p>	<input
+		class="elm-chip"
+		type="checkbox"
+		id="chip-multiple-0"
+		data-type="filter"
+		>
+	<label
+		for="chip-multiple-0"
+		
+		 data-icon="alert"
+		
+		>Title</label>
+</p>
+		<p>	<input
+		class="elm-chip"
+		type="checkbox"
+		id="chip-multiple-1"
+		data-type="filter"
+		>
+	<label
+		for="chip-multiple-1"
+		
+		
+		 data-icon-after="account"
+		>Title</label>
+</p>
+		<p>	<input
+		class="elm-chip"
+		type="checkbox"
+		id="chip-multiple-2"
+		data-type="filter"
+		>
+	<label
+		for="chip-multiple-2"
+		
+		 data-icon="alert"
+		 data-icon-after="account"
+		>Title</label>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-chips-with-icon" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Chips with icon","patternPartial":"elements-chips-with-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":30}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-chips-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-chips-chips-disabled&#x2F;elements-chips-chips-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-chips-disabled" title="Link to Pattern">
+						Chips – disabled
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-chips-disabled" data-patternpartial="elements-chips-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-chips-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+					<input
+			class="elm-chip"
+			type="checkbox"
+			id="chip-multiple-disabled-chip01"
+			data-type="filter"
+			 disabled>
+		<label
+			for="chip-multiple-disabled-chip01"
+			
+			
+			
+			>Title</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-light0"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-light0"
+				 data-variant="light"
+				
+				
+				>Light</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-warning1"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-warning1"
+				 data-variant="warning"
+				
+				
+				>Warning</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-error2"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-error2"
+				 data-variant="error"
+				
+				
+				>Error</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-informative3"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-informative3"
+				 data-variant="informative"
+				
+				
+				>Informative</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-success4"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-success4"
+				 data-variant="success"
+				
+				
+				>Success</label>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-essen-trinken0"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-essen-trinken0"
+				 data-variant="poi-essen-trinken"
+				
+				
+				>Essen &amp; Trinken</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-einkaufen1"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-einkaufen1"
+				 data-variant="poi-einkaufen"
+				
+				
+				>Einkaufen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-gesundheit2"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-gesundheit2"
+				 data-variant="poi-gesundheit"
+				
+				
+				>Gesundheit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-kunst-kultur3"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-kunst-kultur3"
+				 data-variant="poi-kunst-kultur"
+				
+				
+				>Kunst &amp; Kultur</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-wissenswertes4"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-wissenswertes4"
+				 data-variant="poi-wissenswertes"
+				
+				
+				>Wissenswertes</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-freizeit5"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-freizeit5"
+				 data-variant="poi-freizeit"
+				
+				
+				>Freizeit</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-zivile-rel-einrichtungen6"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-zivile-rel-einrichtungen6"
+				 data-variant="poi-zivile-rel-einrichtungen"
+				
+				
+				>Zivile &amp; reli. Einrichtungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-dienstleistungen7"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-dienstleistungen7"
+				 data-variant="poi-dienstleistungen"
+				
+				
+				>Dienstleistungen</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-db-services-einrichtung8"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-db-services-einrichtung8"
+				 data-variant="poi-db-services-einrichtung"
+				
+				
+				>DB Services &amp; Einrichtung</label>
+			<input
+				class="elm-chip"
+				type="checkbox"
+				id="chip-multiple-disabled-poi-wegeleitung9"
+				data-type="filter"
+				 disabled>
+			<label
+				for="chip-multiple-disabled-poi-wegeleitung9"
+				 data-variant="poi-wegeleitung"
+				
+				
+				>Wegeleitung</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-chips-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-chip","lineagePath":"../../patterns/elements-chips-_chip/elements-chips-_chip.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"chips"},"patternExtension":"hbs","patternName":"Chips – disabled","patternPartial":"elements-chips-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":40}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-headline" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-headline&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-headline">Headline</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Pulse</h2>
+<p>You could add the DB Pulse to the headline element by adding the <code>data-pulse</code> attribute – we're taking care of sizing it accordingly to the DB logo if this one is also present on the same page, as defined by the rules on the Marketingportal regarding the <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/foundation/Logo">logo</a> and the <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/foundation/Puls">pulse</a>.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-headline" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-headline-headline&#x2F;elements-headline-headline.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-headline" title="Link to Pattern">
+						Headline
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-headline" data-patternpartial="elements-headline" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-headline">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+<h2 class="elm-headline ">Lorem ipsum dolores sint</h2>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-headline" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"components-dialog-button-alignment-end","lineagePath":"../../patterns/components-dialog-dialog-button-alignment-end/components-dialog-dialog-button-alignment-end.rendered.html"},{"lineagePattern":"elements-chips-disabled","lineagePath":"../../patterns/elements-chips-chips-disabled/elements-chips-chips-disabled.rendered.html"},{"lineagePattern":"elements-chips-linked","lineagePath":"../../patterns/elements-chips-chips-linked/elements-chips-chips-linked.rendered.html"},{"lineagePattern":"elements-chips-type-selection","lineagePath":"../../patterns/elements-chips-chips-type-selection/elements-chips-chips-type-selection.rendered.html"},{"lineagePattern":"elements-chips-with-icon","lineagePath":"../../patterns/elements-chips-chips-with-icon/elements-chips-chips-with-icon.rendered.html"},{"lineagePattern":"elements-tags-small","lineagePath":"../../patterns/elements-tags-tags-small/elements-tags-tags-small.rendered.html"},{"lineagePattern":"elements-tags-with-icon","lineagePath":"../../patterns/elements-tags-tags-with-icon/elements-tags-tags-with-icon.rendered.html"},{"lineagePattern":"base-fonts-dark-background","lineagePath":"../../patterns/base-type-fonts-dark-background/base-type-fonts-dark-background.rendered.html"},{"lineagePattern":"base-fonts-light-font","lineagePath":"../../patterns/base-type-fonts-light-font/base-type-fonts-light-font.rendered.html"},{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"},{"lineagePattern":"base-fonts","lineagePath":"../../patterns/base-type-fonts/base-type-fonts.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-chips","lineagePath":"../../patterns/elements-chips-chips/elements-chips-chips.rendered.html"},{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"},{"lineagePattern":"elements-tags","lineagePath":"../../patterns/elements-tags-tags/elements-tags-tags.rendered.html"},{"lineagePattern":"components-dialog","lineagePath":"../../patterns/components-dialog-dialog/components-dialog-dialog.rendered.html","lineageState":"complete"},{"lineagePattern":"components-pagination","lineagePath":"../../patterns/components-pagination-pagination/components-pagination-pagination.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline","patternPartial":"elements-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-headline-pulse" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-headline-headline-pulse&#x2F;elements-headline-headline-pulse.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-headline-pulse" title="Link to Pattern">
+						Headline Pulse
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-headline-pulse" data-patternpartial="elements-headline-pulse" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-headline-pulse">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	class="elm-logo"
+	>
+	<use href="../../images/db_logo.svg#logo"></use>
+</svg>
+<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+<h2 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h2>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-headline-pulse" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"headline"},"patternExtension":"hbs","patternName":"Headline Pulse","patternPartial":"elements-headline-pulse","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-image" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-image&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-image">Image</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Responsive images: width, height and intrinsicsize</h2>
+<p>There has been some development the latest on the new proposed <code>intrinsicsize</code> attribute for images, that ended with the existing and well known attributes <code>width</code> and <code>height</code> will get used to compute that <code>intrinsicsize</code> directly via UA-stylesheets - so the responsive images and aspect-ratio comes without any costs and leads to that it even makes more sense than ever to fill out those attributes with the basic size of your image in the first place.</p>
+<p>For more information have a look at those articles and the standard/proposal:</p>
+<ul>
+<li><a href="https://css-tricks.com/what-if-we-got-aspect-ratio-sized-images-by-doing-almost-nothing/">https://css-tricks.com/what-if-we-got-aspect-ratio-sized-images-by-doing-almost-nothing/</a></li>
+<li><a href="https://css-tricks.com/do-this-to-improve-image-loading-on-your-website/">https://css-tricks.com/do-this-to-improve-image-loading-on-your-website/</a> (with video)</li>
+<li><a href="https://github.com/WICG/intrinsicsize-attribute/issues/16">https://github.com/WICG/intrinsicsize-attribute/issues/16</a></li>
+<li><a href="https://github.com/web-platform-tests/wpt/pull/18945">https://github.com/web-platform-tests/wpt/pull/18945</a></li>
+<li><a href="https://github.com/WICG/intrinsicsize-attribute/issues/4">https://github.com/WICG/intrinsicsize-attribute/issues/4</a></li>
+<li><a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images">https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images</a> (in general regarding Responsive images)</li>
+</ul>
+<h2>Image formats</h2>
+<h3>JPEG (AVIF and WebP as progressive enhancement) for photographs etc</h3>
+<blockquote>
+<p>Photographs typically fare well with lossy compression (depending on the encoder's configuration). This makes <code>JPEG</code> and <code>WebP</code> good choices for photographs, with <code>JPEG</code> being more compatible but <code>WebP</code> perhaps offering better compression. To maximize quality and minimize download time, consider providing both using a fallback with <code>WebP</code> as the first choice and <code>JPEG</code> as the second. Otherwise, <code>JPEG</code> is the safe choice for compatibility.</p>
+</blockquote>
+<p>Source: <a href="https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types#Photographs">https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types#Photographs</a></p>
+<p>Next to WebP you could experiment a little bit with the new <a href="https://twitter.com/addyosmani/status/1297463776879550464?s=11">image format <code>AVIF</code> that promises even lower file sizes than WebP</a> and <a href="https://caniuse.com/avif">increases in browser support</a>.</p>
+<p>Additionally have a look at Googles product &quot;Guetzli&quot;, that provides great <code>JPEG</code> compression rates as well: <a href="https://github.com/google/guetzli/">https://github.com/google/guetzli/</a></p>
+<p>And another tool even also resulted in fine compression rates - the main difference in between the both of them is that JPEGMini isn't available for free anymore: <a href="https://www.jpegmini.com">https://www.jpegmini.com</a></p>
+<p>Attention: <code>PNG</code> is even also often used for pictures, even though that the special capabilities of this format like partial transparency aren't being used. This leads to much huger filesizes in most cases, as the <code>JPEG</code> format is capable of much better compression rates than <code>PNG</code> in general, so you would have to check on this aspect individually and carefully.</p>
+<h3>Partialy transparent images</h3>
+<p>Regarding images that need to have some kind of full or partial transparency, you could use either <code>GIF</code> (full) or <code>PNG</code> (most likely <code>PNG-24</code> for partial) transparency.</p>
+<p>Or use SVG masks, as this beautiful concept shows: <a href="https://github.blog/2021-01-29-making-githubs-new-homepage-fast-and-performant/#serving-the-perfect-image">https://github.blog/2021-01-29-making-githubs-new-homepage-fast-and-performant/#serving-the-perfect-image</a></p>
+<h3>Diagrams, drawings, and charts</h3>
+<blockquote>
+<p>For any image that can be represented using vector graphics, <code>SVG</code> is the best choice. Otherwise, you should use a lossless format like <code>PNG</code>. If you do choose a lossy format, such as <code>JPEG</code> or lossy <code>WebP</code>, carefully weigh the compression level to avoid causing text or other shapes to become fuzzy or unclear.</p>
+</blockquote>
+<p>Source: <a href="https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types#Diagrams_drawings_and_charts">https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types#Diagrams_drawings_and_charts</a></p>
+<h2>Further image compressions</h2>
+<p>On top of the possibilities mentioned above regarding image optimizations (Google Guetzli &amp; JPEGMini) you could as well have a look at both <a href="https://pngmini.com">ImageAlpha (for PNG)</a> and <a href="https://imageoptim.com/">ImageOptim (for all)</a>, both available for Mac and the first <a href="https://pngquant.org">both both other GUI and command-line variants</a> and the latter as well as a webservice. Another great online tool that works entirely in the browser and doesn't even need to process your data on their servers (due to WebAssembly and some other cool stuff) is <a href="https://squoosh.app">https://squoosh.app</a>. Nowadays they additionally provide a CLI version of their software and new cool image formats, check out their version 2: <a href="https://web.dev/squoosh-v2/">https://web.dev/squoosh-v2/</a></p>
+<p>Some further information on this topic are provided on this page: <a href="https://dev.to/prototyp/optimizing-images-for-the-web-an-in-depth-guide-4j7d">https://dev.to/prototyp/optimizing-images-for-the-web-an-in-depth-guide-4j7d</a></p>
+<h2>Accessibility</h2>
+<h2>Always provide a link text</h2>
+<blockquote>
+<p>All links should have text that uniquely identifies the link target.</p>
+</blockquote>
+<p>Source: <a href="https://www.deque.com/blog/accessibility-strategies-for-your-content-team/#:~:text=Link%20Text">https://www.deque.com/blog/accessibility-strategies-for-your-content-team/#:~:text=Link Text</a></p>
+<h2>Alt text should communicate the main point</h2>
+<blockquote>
+<p>The key is to describe what you want your audience to get out of the image rather than a simple description of what the image is.</p>
+</blockquote>
+<p>Source: <a href="https://www.deque.com/blog/accessibility-strategies-for-your-content-team/#:~:text=Images">https://www.deque.com/blog/accessibility-strategies-for-your-content-team/#:~:text=Images</a></p>
+<h3>Using captions</h3>
+<p>For using captions it's recommended to use the <code>&lt;figure&gt;</code> and <code>&lt;figcaption&gt;</code> HTML tags - but please be aware that you <a href="https://www.hassellinclusion.com/blog/figure-figcaption-extended-alternate-text-screen-readers/">additionally need to enrich those via <code>aria-labelledby</code> or <code>aria-describedby</code> attributes to ensure that assistive technologies are recognizing the linkage of those tags on Windows</a>. It's mainly important to decide whether the <code>figcaption</code> HTML tags content is meant as a description or a label to choose one of those <code>aria-*</code> attributes correctly.</p>
+<blockquote>
+<p>When using the down arrow, NVDA announced all the <code>&lt;img&gt;</code> elements in turn except for the ones with empty or missing <code>alt</code> attributes. These were just completely ignored by the screen reader. Using <code>aria-labelledby</code> overrode any alternate text, and using <code>aria-describedby</code> added the ‘description’ into the alternate text. It’s interesting to note that using <code>aria-labelledby</code> also brought images with missing or empty alternate text to the attention of NVDA.</p>
+</blockquote>
+<p>Source: <a href="https://www.hassellinclusion.com/blog/figure-figcaption-extended-alternate-text-screen-readers/">https://www.hassellinclusion.com/blog/figure-figcaption-extended-alternate-text-screen-readers/</a></p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-image" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image&#x2F;elements-image-image.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image" title="Link to Pattern">
+						Image
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image" data-patternpartial="elements-image" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+
+	
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"lineageR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image","patternPartial":"elements-image","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-image-avif" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image-avif&#x2F;elements-image-image-avif.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image-avif" title="Link to Pattern">
+						Image - AVIF
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image-avif" data-patternpartial="elements-image-avif" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image-avif">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+	<picture>
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.avif"  type="image/avif" >
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+	</picture>
+	
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image-avif" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>The <code>type</code> attribute on the <code>&lt;source&gt;</code> element within the <code>&lt;picture&gt;</code> HTML tag</h2>\n<blockquote>\n<p>The <code>type</code> attribute specifies a <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types\">MIME type</a> for the resource URL(s) in the <code>&lt;source&gt;</code> element's <code>srcset</code> attribute. If the user agent does not support the given type, the <code>&lt;source&gt;</code> element is skipped.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - AVIF","patternPartial":"elements-image-avif","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-image-lazy-loading" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image-lazy-loading&#x2F;elements-image-image-lazy-loading.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image-lazy-loading" title="Link to Pattern">
+						Image - Lazy loading
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image-lazy-loading" data-patternpartial="elements-image-lazy-loading" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image-lazy-loading">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  loading="lazy"
+			 >
+
+	
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image-lazy-loading" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>JavaScript polyfill necessary for any browser except Google Chrome greater/equal version 79</h2>\n<p>In case you'd like to use the native image lazy loading functionality and you would like to emulate the functionality in other browsers than &quot;just&quot; actual versions of Google Chrome, you might want to use a polyfill: <a href=\"https://github.com/mfranzke/loading-attribute-polyfill\">https://github.com/mfranzke/loading-attribute-polyfill</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - Lazy loading","patternPartial":"elements-image-lazy-loading","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-image-responsive-density" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image-responsive-density&#x2F;elements-image-image-responsive-density.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image-responsive-density" title="Link to Pattern">
+						Image - Responsive and pixel density
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image-responsive-density" data-patternpartial="elements-image-responsive-density" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image-responsive-density">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.mozjpeg.jpg 2x, ../../samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.mozjpeg.jpg 3x"  >
+
+	
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image-responsive-density" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h3>Set via <code>x</code> or <code>w</code> descriptors within the <code>srcset</code> attribute</h3>\n<blockquote>\n<p>One or more strings separated by commas, indicating possible image sources for the user agent to use. Each string is composed of:</p>\n<ul>\n<li>\n<p>A URL to an image</p>\n</li>\n<li>\n<p>Optionally, whitespace followed by one of:</p>\n<ul>\n<li>A width descriptor (a positive integer directly followed by <code>w</code>). The width descriptor is divided by the source size given in the <code>sizes</code> attribute to calculate the effective pixel density.</li>\n<li>A pixel density descriptor (a positive floating point number directly followed by <code>x</code>).</li>\n</ul>\n</li>\n</ul>\n<p>If no descriptor is specified, the source is assigned the default descriptor of <code>1x</code>.</p>\n<p>It is incorrect to mix width descriptors and pixel density descriptors in the same <code>srcset</code> attribute. Duplicate descriptors (for instance, two sources in the same <code>srcset</code> which are both described with <code>2x</code>) are also invalid.</p>\n<p>The user agent selects any of the available sources at its discretion. This provides them with significant leeway to tailor their selection based on things like user preferences or bandwidth conditions. See our Responsive images tutorial for an example.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img#attr-srcset\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img#attr-srcset</a></p>\n<p>Further information in general regarding Responsive images: <a href=\"https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images\">https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - Responsive and pixel density","patternPartial":"elements-image-responsive-density","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-image-responsive-mediaquery" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image-responsive-mediaquery&#x2F;elements-image-image-responsive-mediaquery.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image-responsive-mediaquery" title="Link to Pattern">
+						Image - Responsive mediaquery
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image-responsive-mediaquery" data-patternpartial="elements-image-responsive-mediaquery" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image-responsive-mediaquery">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+	<picture>
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.1128x846.squoosh.mozjpeg.jpg"  media="(min-width: 1100px)" >
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.752x564.squoosh.mozjpeg.jpg"  media="(min-width: 700px)" >
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+	</picture>
+	
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image-responsive-mediaquery" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>The <code>media</code> attribute on the <code>&lt;source&gt;</code> element within the <code>&lt;picture&gt;</code> HTML tag</h2>\n<blockquote>\n<p>The <code>media</code> attribute specifies a media condition (similar to a media query) that the user agent will evaluate for each <code>&lt;source&gt;</code> element. If the media condition evaluates to <code>false</code>, its <code>&lt;source&gt;</code> element is skipped.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_media_attribute\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_media_attribute</a></p>\n<p>Further information in general regarding Responsive images: <a href=\"https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images\">https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - Responsive mediaquery","patternPartial":"elements-image-responsive-mediaquery","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-image-webp" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image-webp&#x2F;elements-image-image-webp.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image-webp" title="Link to Pattern">
+						Image - WebP
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image-webp" data-patternpartial="elements-image-webp" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image-webp">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+	<picture>
+			<source srcset="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.webp"  type="image/webp" >
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "  >
+	</picture>
+	
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image-webp" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>The <code>type</code> attribute on the <code>&lt;source&gt;</code> element within the <code>&lt;picture&gt;</code> HTML tag</h2>\n<blockquote>\n<p>The <code>type</code> attribute specifies a <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types\">MIME type</a> for the resource URL(s) in the <code>&lt;source&gt;</code> element's <code>srcset</code> attribute. If the user agent does not support the given type, the <code>&lt;source&gt;</code> element is skipped.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#The_type_attribute</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - WebP","patternPartial":"elements-image-webp","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-image-with-caption" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-image-image-with-caption&#x2F;elements-image-image-with-caption.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-image-with-caption" title="Link to Pattern">
+						Image - with caption
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inevaluation" title="inevaluation"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-image-with-caption" data-patternpartial="elements-image-with-caption" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-image-with-caption">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<figure>
+		<img src="../../samples/images/maximilian--UZa949e8LE-unsplash.376x282.squoosh.mozjpeg.jpg" alt="DB Regio train at Munich mainstation" width="376" height="253"
+			class="elm-image "   aria-labelledby="caption01" >
+
+	<figcaption id="caption01">DB Regio train at Munich mainstation</figcaption>
+</figure>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-image-with-caption" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"image"},"patternExtension":"hbs","patternName":"Image - with caption","patternPartial":"elements-image-with-caption","patternState":"inevaluation","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-input" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-input&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-input">Input</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2><code>label</code> and <code>input</code> elements code structure</h2>
+<p>We're using the construct of <code>label</code> and <code>input</code> elements shown below (both their order and not nesting them, as a few other frameworks do) for two good reasons:</p>
+<ul>
+<li>&quot;Generally, explicit labels are better supported by assistive technology.&quot; - compare to the <a href="https://www.w3.org/WAI/tutorials/forms/labels/#associating-labels-implicitly">W3C spec</a>, seems to be a <a href="https://www.w3.org/TR/WCAG20-TECHS/H44.html">WCAG criteria</a> that for, too.</li>
+<li>We could easily control the styling depending on the <code>input</code> elements (pseudo-)states w/o the need for JavaScript</li>
+</ul>
+<h2>Auto suggestions</h2>
+<p>You could easily integrate the possibility to provide auto suggestions to your input fields via the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#list"><code>list</code>-attribute</a> on the <code>input</code>-HTML-elements as well as adding the suggestions via the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist"><code>datalist</code>-HTML-element</a>. Please follow up within the <a href="/patterns/elements-input-input-auto-suggest/elements-input-input-auto-suggest.rendered.html">Input - Auto Suggestions</a> section.</p>
+<h2>Autofill</h2>
+<p>For heavily supporting the user on autofilling form fields (not only, but especially on mobile browsing) with information even already available on their devices, you could use the <code>autocomplete</code> attribute, as described e.g. here <a href="https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/">https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/</a></p>
+<p>The attribute doesn't even only take boolean values, but even also a list of specific field types, as described in the specification: <a href="https://html.spec.whatwg.org/multipage/forms.html#inappropriate-for-the-control">https://html.spec.whatwg.org/multipage/forms.html#inappropriate-for-the-control</a></p>
+<h2>Form validation</h2>
+<p>Please have a look especially at the section for form validation within the overall <a href="../components-form/index.html">components/forms</a> page.</p>
+<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>
+<h2>Accessibility support</h2>
+<p>For our special construct (the order of the <code>label</code> and <code>input</code> HTML tags) we need to additionaly set some further attributes on those HTML tags to better support assistive tools (screenreaders like JAWS and VoiceOver); set the <code>aria-labelledby</code>-attribute on the <code>input</code> and related <code>id</code> on the <code>label</code> as well as <code>aria-hidden=&quot;true&quot;</code>, e.g. like this:</p>
+<pre><code class="language-html">&lt;input
+  type=&quot;text&quot;
+  class=&quot;elm-input&quot;
+  placeholder=&quot;Projekt Name&quot;
+  name=&quot;input01&quot;
+  id=&quot;input01&quot;
+  aria-labelledby=&quot;input01-label&quot;
+/&gt;
+&lt;label class=&quot;elm-label&quot; for=&quot;input01&quot; aria-hidden=&quot;true&quot; id=&quot;input01-label&quot;
+  &gt;Textlabel&lt;/label
+&gt;
+</code></pre>
+<p>We've conducted some tests with those assistive tools that lead to the conclusion that either the labels content hasn't been read out to the screenreader user on those form fields directly, but the labels content has been read again after the form field e.g. on VoiceOver. So those declarations are necessary for this kind of HTML construct, that is especially relevant for form validation and floating label functionality via CSS only.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-input-variations" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-variations&#x2F;elements-input-input-variations.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-variations" title="Link to Pattern">
+						Input variations
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-variations" data-patternpartial="elements-input-variations" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-variations">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>semitransparent:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input16"
+	id="input16"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input16-label"
+	 data-variant="semitransparent"
+	>
+<label class="elm-label"
+	for="input16"
+	aria-hidden="true"
+	id="input16-label"
+	>Textlabel</label>
+
+
+
+</dd>
+	<dt>white:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input17"
+	id="input17"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input17-label"
+	 data-variant="white"
+	>
+<label class="elm-label"
+	for="input17"
+	aria-hidden="true"
+	id="input17-label"
+	>Textlabel</label>
+
+
+
+</dd>
+	<dt>solid:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input18"
+	id="input18"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input18-label"
+	 data-variant="solid"
+	>
+<label class="elm-label"
+	for="input18"
+	aria-hidden="true"
+	id="input18-label"
+	>Textlabel</label>
+
+
+
+</dd>
+	<dt>outline:</dt>
+	<dd><!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input19"
+	id="input19"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input19-label"
+	 data-variant="outline"
+	>
+<label class="elm-label"
+	for="input19"
+	aria-hidden="true"
+	id="input19-label"
+	>Textlabel</label>
+
+
+
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-variations" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-input","lineagePath":"../../patterns/elements-input-input/elements-input-input.rendered.html"}],"lineage":[{"lineagePattern":"elements-input","lineagePath":"../../patterns/elements-input-input/elements-input-input.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input variations","patternPartial":"elements-input-variations","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input&#x2F;elements-input-input.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input" title="Link to Pattern">
+						Input
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input" data-patternpartial="elements-input" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input01"
+	id="input01"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input01-label"
+	
+	>
+<label class="elm-label"
+	for="input01"
+	aria-hidden="true"
+	id="input01-label"
+	>Textlabel</label>
+
+
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-input-variations","lineagePath":"../../patterns/elements-input-input-variations/elements-input-input-variations.rendered.html"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"lineageR":[{"lineagePattern":"elements-input-variations","lineagePath":"../../patterns/elements-input-input-variations/elements-input-input-variations.rendered.html"},{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input","patternPartial":"elements-input","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":2}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-auto-suggest" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-auto-suggest&#x2F;elements-input-input-auto-suggest.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-auto-suggest" title="Link to Pattern">
+						Input - Auto suggestions
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-auto-suggest" data-patternpartial="elements-input-auto-suggest" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-auto-suggest">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input09"
+	id="input09"
+	
+	value="Ap"
+	
+	
+	
+	 list="datalistinput09"
+	aria-labelledby="input09-label"
+	
+	>
+<label class="elm-label"
+	for="input09"
+	aria-hidden="true"
+	id="input09-label"
+	>Textlabel</label>
+
+
+<datalist id="datalistinput09">
+		<option value="Apple Computers">Apple</option>
+		<option>Applify</option>
+		<option>App-Design</option>
+</datalist>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-auto-suggest" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>You could easily integrate the possibility to provide auto suggestions to your input fields via the <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#list\"><code>list</code>-attribute</a> on the <code>input</code>-HTML-elements as well as adding the suggestions via the <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist\"><code>datalist</code>-HTML-element</a>.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - Auto suggestions","patternPartial":"elements-input-auto-suggest","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-description" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-description&#x2F;elements-input-input-description.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-description" title="Link to Pattern">
+						Input with description
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-description" data-patternpartial="elements-input-description" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-description">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input02"
+	id="input02"
+	
+	value=""
+	 aria-describedby="input02hint"
+	
+	
+	
+	aria-labelledby="input02-label"
+	
+	>
+<label class="elm-label"
+	for="input02"
+	aria-hidden="true"
+	id="input02-label"
+	>Textlabel</label>
+
+<p id="input02hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-description" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input with description","patternPartial":"elements-input-description","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-filled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-filled&#x2F;elements-input-input-filled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-filled" title="Link to Pattern">
+						Input - filled with a value
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-filled" data-patternpartial="elements-input-filled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-filled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input03"
+	id="input03"
+	
+	value="Input"
+	 aria-describedby="input03hint"
+	
+	
+	
+	aria-labelledby="input03-label"
+	
+	>
+<label class="elm-label"
+	for="input03"
+	aria-hidden="true"
+	id="input03-label"
+	>Textlabel</label>
+
+<p id="input03hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-filled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - filled with a value","patternPartial":"elements-input-filled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":4}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-valid" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-valid&#x2F;elements-input-input-valid.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-valid" title="Link to Pattern">
+						Input - valid state
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-valid" data-patternpartial="elements-input-valid" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-valid">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input04"
+	id="input04"
+	
+	value="Input"
+	
+	
+	 minlength="3" required
+	
+	aria-labelledby="input04-label"
+	
+	>
+<label class="elm-label"
+	for="input04"
+	aria-hidden="true"
+	id="input04-label"
+	>Textlabel</label>
+
+
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-valid" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - valid state","patternPartial":"elements-input-valid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":5}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-invalid" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-invalid&#x2F;elements-input-input-invalid.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-invalid" title="Link to Pattern">
+						Input - invalid state (type in less than its minimum of 5 characters)
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-invalid" data-patternpartial="elements-input-invalid" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-invalid">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Mindestens fünf Zeichen eingeben"
+	name="input06"
+	id="input06"
+	
+	value=""
+	 aria-describedby="input06hint"
+	
+	 minlength="5" required
+	
+	aria-labelledby="input06-label"
+	
+	>
+<label class="elm-label"
+	for="input06"
+	aria-hidden="true"
+	id="input06-label"
+	>Textlabel</label>
+
+<p id="input06hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-invalid" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - invalid state (type in less than its minimum of 5 characters)","patternPartial":"elements-input-invalid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":6}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-invalid-attribute" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-invalid-attribute&#x2F;elements-input-input-invalid-attribute.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-invalid-attribute" title="Link to Pattern">
+						Input - Invalid state by HTML attribute
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-invalid-attribute" data-patternpartial="elements-input-invalid-attribute" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-invalid-attribute">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input15"
+	id="input15"
+	
+	value="Input"
+	 aria-describedby="input15hint"
+	 aria-invalid="true"
+	 minlength="5"
+	
+	aria-labelledby="input15-label"
+	
+	>
+<label class="elm-label"
+	for="input15"
+	aria-hidden="true"
+	id="input15-label"
+	>Textlabel</label>
+
+<p id="input15hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-invalid-attribute" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Form validation</h2>\n<p>Please have a look especially at the section for form validation within the overall <a href=\"../components-form/index.html\">components/forms</a> page.</p>\n<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute\"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - Invalid state by HTML attribute","patternPartial":"elements-input-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":7}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-disabled&#x2F;elements-input-input-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-disabled" title="Link to Pattern">
+						Input - disabled state
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-disabled" data-patternpartial="elements-input-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input05"
+	id="input05"
+	 disabled
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input05-label"
+	
+	>
+<label class="elm-label"
+	for="input05"
+	aria-hidden="true"
+	id="input05-label"
+	>Textlabel</label>
+
+
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - disabled state","patternPartial":"elements-input-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":8}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-search" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-search&#x2F;elements-input-input-search.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-search" title="Link to Pattern">
+						Input - search type
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-search" data-patternpartial="elements-input-search" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-search">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="search"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input07"
+	id="input07"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input07-label"
+	
+	>
+<label class="elm-label"
+	for="input07"
+	aria-hidden="true"
+	id="input07-label"
+	>Textlabel</label>
+
+
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-search" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - search type","patternPartial":"elements-input-search","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":9}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-search-filled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-search-filled&#x2F;elements-input-input-search-filled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-search-filled" title="Link to Pattern">
+						Input - search type - filled
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-search-filled" data-patternpartial="elements-input-search-filled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-search-filled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="search"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input08"
+	id="input08"
+	
+	value="Input"
+	
+	
+	
+	
+	aria-labelledby="input08-label"
+	
+	>
+<label class="elm-label"
+	for="input08"
+	aria-hidden="true"
+	id="input08-label"
+	>Textlabel</label>
+
+
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-search-filled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - search type - filled","patternPartial":"elements-input-search-filled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":10}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-input-hidden-label" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-input-input-hidden-label&#x2F;elements-input-input-hidden-label.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-input-hidden-label" title="Link to Pattern">
+						Input - Hidden label
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-input-hidden-label" data-patternpartial="elements-input-hidden-label" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-input-hidden-label">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+<input type="text"
+	class="elm-input "
+	placeholder="Projekt Name"
+	name="input20"
+	id="input20"
+	
+	value=""
+	
+	
+	
+	
+	aria-labelledby="input20-label"
+	
+	>
+<label class="elm-label"
+	for="input20"
+	aria-hidden="true"
+	id="input20-label"
+	 data-label-hidden="true">Textlabel</label>
+
+
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-input-hidden-label" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a input element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"input"},"patternExtension":"hbs","patternName":"Input - Hidden label","patternPartial":"elements-input-hidden-label","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":11}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-link" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-link&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-link">Link</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Variations/configurability</h2>
+<h3>Size</h3>
+<h4>SCSS (recommended)</h4>
+<p>Extend one of the size SCSS placeholders in case that you don't want the default (regular): <code>%size-Small</code> or <code>%size-Large</code></p>
+<h4>HTML attribute</h4>
+<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is &quot;regular&quot; and in that case is optional.</p>
+<h3>Icons</h3>
+<p>The following three <code>rel=*</code> annotated links even already include an icon by default - you could enhance those by your own declarations for further patterns of linked pages.</p>
+<pre><code class="language-css">[rel=&quot;configuration&quot;]
+[rel=&quot;messages&quot;]
+[rel=&quot;account&quot;]
+</code></pre>
+<h2>Title attribute</h2>
+<p>Advice: Don't provide title attributes to links with identical text nodes. Since the text node is already perfectly visible, this is completely redundant. It doesn't even add anything for screen readers except — in some cases — repetition.</p>
+<h2>Button vs. Link</h2>
+<blockquote>
+<p>The HTML elements for buttons and links describe a very specific type of action that is going to be taken when they are used. It is important you know when to use which, as the distinction matters:</p>
+<ul>
+<li>Use a link when you’re navigating to another place, such as: a &quot;view all&quot; page, &quot;Jane Chen&quot; profile, a page &quot;skip link&quot; etc.</li>
+<li>Use buttons when you are performing an action, such as: &quot;submit,&quot; &quot;merge,&quot; &quot;create new,&quot; &quot;upload,&quot; etc.</li>
+<li>An action is almost always on the same page</li>
+</ul>
+</blockquote>
+<p>Source: <a href="https://www.lightningdesignsystem.com/components/buttons/#About-Buttons">https://www.lightningdesignsystem.com/components/buttons/#About-Buttons</a></p>
+<p>Further argumentations:</p>
+<ul>
+<li><a href="https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2">https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2</a></li>
+<li><a href="https://uxmovement.com/buttons/when-to-use-a-button-or-link/">https://uxmovement.com/buttons/when-to-use-a-button-or-link/</a></li>
+</ul>
+<h3>JavaScript &quot;links&quot;</h3>
+<blockquote>
+<p>Never use <code>&quot;javascript:&quot; &quot;#&quot;</code> or similar as the value of an <code>href</code> attribute. The purpose of the <code>href</code> attribute is to specify a URL only. If you wish to run JavaScript on an element click, use a <code>button</code> instead.</p>
+</blockquote>
+<p>Source: <a href="https://ebay.gitbook.io/mindpatterns/antipatterns/javascript-href">https://ebay.gitbook.io/mindpatterns/antipatterns/javascript-href</a></p>
+<h2>Further relevant attributes</h2>
+<p>Source: <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a</a></p>
+<h3>hreflang</h3>
+<blockquote>
+<p>This attribute indicates the human language of the linked resource. It is purely advisory, with no built-in functionality. Allowed values are determined by <a href="https://www.ietf.org/rfc/bcp/bcp47.txt">BCP47</a>.</p>
+</blockquote>
+<h3>ping</h3>
+<blockquote>
+<p>Contains a space-separated list of URLs to which, when the hyperlink is followed, <code>POST</code> requests with the body <code>PING</code> will be sent by the browser (in the background). Typically used for tracking/analytics.</p>
+</blockquote>
+<h3>rel</h3>
+<blockquote>
+<p>Specifies the relationship of the target object to the link object. The value is a space-separated list of <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">link types</a>.</p>
+</blockquote>
+<h3>target</h3>
+<blockquote>
+<p>Specifies where to display the linked URL. It is a name of, or keyword for, a browsing context: a tab, window, or <code>&lt;iframe&gt;</code></p>
+</blockquote>
+<blockquote>
+<p>Note: When using <code>target</code>, consider adding <code>rel=&quot;noreferrer&quot;</code> to avoid exploitation of the <code>window.opener API</code>. See <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Security_and_privacy_concerns">Security concerns</a> section.</p>
+</blockquote>
+<blockquote>
+<p>Note: Linking to another page using <code>target=&quot;_blank&quot;</code> will run the new page on the same process as your page. If the new page is executing expensive JS, your page's performance may suffer. To avoid this use <code>rel=&quot;noopener&quot;</code>.</p>
+</blockquote>
+<h3><code>aria-disabled</code></h3>
+<p>Instead of the <code>disabled</code>-attribute we're using for the <code>button</code> pattern to define a disabled state, we couldn't use this attribute on the <code>link</code> pattern, as <code>disabled</code> isn't a valid attribute an <code>a</code> HTML element, compare to e.g. the <a href="https://w3c.github.io/html-aria/#att-disabled">W3C ARIA documentation</a> and the <a href="https://html.spec.whatwg.org/#the-a-element">W3C spec</a>:</p>
+<blockquote>
+<p>Use the disabled attribute on any element that is allowed the disabled attribute in HTML.</p>
+</blockquote>
+<blockquote>
+<p>Only use the aria-disabled attribute for elements that are not allowed to have a disabled attribute in HTML.</p>
+</blockquote>
+<p>Please keep in mind to only include a disabled link sparly, as it's not recommended at all, compare to e.g. <a href="https://css-tricks.com/how-to-disable-links/#aa-just-dont-do-it">https://css-tricks.com/how-to-disable-links/#aa-just-dont-do-it</a></p>
+<h2>Ambiguous labels</h2>
+<p>Please keep in mind to use unambiguous labels: <a href="https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label">https://ebay.gitbook.io/mindpatterns/antipatterns/ambiguous-label</a></p>
+<h2>Link functionality caveat</h2>
+<blockquote>
+<p>The <code>aria-disabled=&quot;true&quot;</code> uses <code>pointer-events: none</code> to try to disable the link functionality of <code>&lt;a&gt;</code>s, but that CSS property is not yet standardized. In addition, even in browsers that do support <code>pointer-events: none</code>, keyboard navigation remains unaffected, meaning that sighted keyboard users and users of assistive technologies will still be able to activate these links. So to be safe, add a <code>tabindex=&quot;-1&quot;</code> attribute on these links (to prevent them from receiving keyboard focus) and use custom JavaScript to disable their functionality.</p>
+</blockquote>
+<p>Adapted from: <a href="https://getbootstrap.com/docs/4.3/components/buttons/#link-functionality-caveat">https://getbootstrap.com/docs/4.3/components/buttons/#link-functionality-caveat</a></p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-links" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-link-links&#x2F;elements-link-links.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-links" title="Link to Pattern">
+						Links
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-links" data-patternpartial="elements-links" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-links">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<p>
+		Lorem ipsum dolor sit amet, consectetur adipisicing elit. <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Text Link
+</a>
+Lorem ipsum dolor sit amet, consectetur adipisicing elit
+	</p>
+	<p>
+		Lorem ipsum dolor sit amet, consectetur adipisicing elit. <a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	 aria-disabled="true" tabindex="-1"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Text Link (disabled)
+</a>
+Lorem ipsum dolor sit amet, consectetur adipisicing elit
+	</p>
+
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-icon="settings"
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Teaser link (disabled)
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-icon-after="account"
+		>Teaser Link (disabled)
+	</a>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-links" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"link"},"patternExtension":"hbs","patternName":"Links","patternPartial":"elements-links","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-links-small" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-link-links-small&#x2F;elements-link-links-small.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-links-small" title="Link to Pattern">
+						Links Small
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-links-small" data-patternpartial="elements-links-small" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-links-small">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		 data-icon="settings"
+		
+		>Teaser link
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		
+		
+		>Teaser link (disabled)
+	</a>
+</p>
+<p class="">
+	<a
+		href="#"
+		class="elm-link "
+		title="Title text"
+		
+		
+		 aria-disabled="true" tabindex="-1"
+		
+		
+		
+		
+		
+		
+		 data-size="small"
+		
+		 data-icon-after="account"
+		>Teaser Link (disabled)
+	</a>
+</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-links-small" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"link"},"patternExtension":"hbs","patternName":"Links Small","patternPartial":"elements-links-small","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-loading-indicator" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-loading-indicator&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-loading-indicator">Loading Indicator</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<p>Progress spinners (loading indicators) show the user that a longer-lasting action is being carried out.<br>
+Progress/Loading Indicators are used when the application executes a server request or processes data in the frontend. The component is used as soon as the execution and the resulting delay are noticeable to the user. This keeps the user aware that his or her action is being executed.</p>
+<h2>Accessibility</h2>
+<p>SVGs are often conveyed inconsistently to assistive technologies. The component’s accessibility is also highly contextual.
+For optimal user experience, use the aria-description prop to let assistive technology users know the purpose of the loading spinner.</p>
+<h3><code>aria-live</code> and dynamic creation of html content</h3>
+<p>Using JavaScript (e.g. in context of frameworks like Angular, VueJS or React), it is possible to dynamically change parts of a page without requiring the entire page to reload — for instance, to update a list of search results on the fly, or to display a discreet alert or notification which does not require user interaction. While these changes are usually visually apparent to users who can see the page, they may not be obvious to users of assistive technologies. ARIA live regions fill this gap and provide a way to programmatically expose dynamic content changes in a way that can be announced by assistive technologies.</p>
+<p><code>aria-live</code> triggers screen readers when an element with aria-live (or text within an element with aria-live) is added or removed from the DOM. In contrast, when you unhide a hidden element, neither elements nor text are added or removed from the DOM, so the element's aria-live property doesn’t come into play.</p>
+<p>Note that the live region needs to be present in the markup before the notification is generated or updated. If you dynamically generate both at the same time and inject them into the page, they will generally not be announced by assistive technologies.</p>
+<p>You also need to adapt the <code>role</code> and <code>aria-live</code> level depending on the content. Further information can be found here <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions</a></p>
+<h2>Recommendations</h2>
+<h3>Do</h3>
+<p>If the application is waiting for a process, it makes sense to display an indicator in a central location.</p>
+<h3>Don‘t</h3>
+<p>An indicator should not be used to visualize the application waiting for user input.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-loading-indicator" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-loading-indicator-loading-indicator&#x2F;elements-loading-indicator-loading-indicator.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-loading-indicator" title="Link to Pattern">
+						Loading Indicator
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-loading-indicator" data-patternpartial="elements-loading-indicator" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-loading-indicator">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description" role="img"
+	
+>
+	<title id="elm-loadingindicator__description">Example description for loading spinner</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-loading-indicator" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator","patternPartial":"elements-loading-indicator","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-loading-indicator-size-s" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-loading-indicator-loading-indicator-size-s&#x2F;elements-loading-indicator-loading-indicator-size-s.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-loading-indicator-size-s" title="Link to Pattern">
+						Loading Indicator Size S
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-loading-indicator-size-s" data-patternpartial="elements-loading-indicator-size-s" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-loading-indicator-size-s">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-s" role="img"
+	 data-size="s"
+>
+	<title id="elm-loadingindicator__description-s">Example description for s loading spinner</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-loading-indicator-size-s" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size S","patternPartial":"elements-loading-indicator-size-s","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-loading-indicator-size-XS" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-loading-indicator-loading-indicator-size-XS&#x2F;elements-loading-indicator-loading-indicator-size-XS.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-loading-indicator-size-XS" title="Link to Pattern">
+						Loading Indicator Size XS
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-loading-indicator-size-XS" data-patternpartial="elements-loading-indicator-size-XS" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-loading-indicator-size-XS">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-xs" role="img"
+	 data-size="xs"
+>
+	<title id="elm-loadingindicator__description-xs">Example description for xs loading spinner</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-loading-indicator-size-XS" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size XS","patternPartial":"elements-loading-indicator-size-XS","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-loading-indicator-size-m" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-loading-indicator-loading-indicator-size-m&#x2F;elements-loading-indicator-loading-indicator-size-m.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-loading-indicator-size-m" title="Link to Pattern">
+						Loading Indicator Size M
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-loading-indicator-size-m" data-patternpartial="elements-loading-indicator-size-m" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-loading-indicator-size-m">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-m" role="img"
+	 data-size="m"
+>
+	<title id="elm-loadingindicator__description-m">Example description for loading spinner size M</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-loading-indicator-size-m" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size M","patternPartial":"elements-loading-indicator-size-m","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-loading-indicator-size-l" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-loading-indicator-loading-indicator-size-l&#x2F;elements-loading-indicator-loading-indicator-size-l.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-loading-indicator-size-l" title="Link to Pattern">
+						Loading Indicator Size L
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-loading-indicator-size-l" data-patternpartial="elements-loading-indicator-size-l" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-loading-indicator-size-l">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-l" role="img"
+	 data-size="l"
+>
+	<title id="elm-loadingindicator__description-l">Example description for loading spinner size L</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-loading-indicator-size-l" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size L","patternPartial":"elements-loading-indicator-size-l","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":4}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-loading-indicator-size-xl" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-loading-indicator-loading-indicator-size-xl&#x2F;elements-loading-indicator-loading-indicator-size-xl.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-loading-indicator-size-xl" title="Link to Pattern">
+						Loading Indicator Size XL
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-loading-indicator-size-xl" data-patternpartial="elements-loading-indicator-size-xl" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-loading-indicator-size-xl">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg
+	class="elm-loadingindicator"
+	viewBox="0 0 44 44"
+	aria-labelledby="elm-loadingindicator__description-xl" role="img"
+	 data-size="xl"
+>
+	<title id="elm-loadingindicator__description-xl">Example description for loading spinner size XL</title>
+	<circle
+		class="elm-loadingindicator__circle"
+		cx="22"
+		cy="22"
+		r="20"
+		fill="none"
+		stroke-miterlimit="10"
+	></circle>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-loading-indicator-size-xl" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"loading-indicator"},"patternExtension":"hbs","patternName":"Loading Indicator Size XL","patternPartial":"elements-loading-indicator-size-xl","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":5}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-logo" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-logo&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-logo">Logo</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<p>Please find a lot of more information regarding our logo and how to use it within the <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/foundation/Logo">Marketingportal</a>.</p>
+<h2>Adapt logos colors (background and fill)</h2>
+<p>You could easily change the line-colors of the logo as well as the background color by defining different color values for both CSS variables:</p>
+<ul>
+<li><code>--db-logo-color</code></li>
+<li><code>--db-logo-backgroundColor</code></li>
+</ul>
+<p>The fallback for an undefined <code>--db-logo-color</code> is our DB Red (<code>#f01414</code>), and <code>--db-logo-backgroundColor</code> would fall back to <code>transparent</code>, which is the general background defined by brand.</p>
+<h2>Size</h2>
+<h3>SCSS (recommended)</h3>
+<p>Extend one of the size SCSS placeholders in case that you don't want the default (xlarge, 58px width, 40px height): <code>%logo-size-xsmall</code>, <code>%logo-size-small</code>, <code>%logo-size-medium</code>, <code>%logo-size-large</code> or <code>%logo-size-xlarge</code></p>
+<h3>HTML attribute</h3>
+<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is <code>xlarge</code> and in that case is optional.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-logo" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-logo-logo&#x2F;elements-logo-logo.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-logo" title="Link to Pattern">
+						Logo
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-logo" data-patternpartial="elements-logo" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-logo">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	class="elm-logo"
+	>
+	<use href="../../images/db_logo.svg#logo"></use>
+</svg>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-logo" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-on-backgrounds","lineagePath":"../../patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html"},{"lineagePattern":"elements-logo-sizes","lineagePath":"../../patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"}],"lineageR":[{"lineagePattern":"elements-headline-pulse","lineagePath":"../../patterns/elements-headline-headline-pulse/elements-headline-headline-pulse.rendered.html"},{"lineagePattern":"elements-logo-on-backgrounds","lineagePath":"../../patterns/elements-logo-logo-on-backgrounds/elements-logo-logo-on-backgrounds.rendered.html"},{"lineagePattern":"elements-logo-sizes","lineagePath":"../../patterns/elements-logo-logo-sizes/elements-logo-logo-sizes.rendered.html"},{"lineagePattern":"elements-logo-with-following-headline","lineagePath":"../../patterns/elements-logo-logo-with-following-headline/elements-logo-logo-with-following-headline.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo","patternPartial":"elements-logo","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-logo-on-backgrounds" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-logo-logo-on-backgrounds&#x2F;elements-logo-logo-on-backgrounds.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-logo-on-backgrounds" title="Link to Pattern">
+						Logo On Backgrounds
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-logo-on-backgrounds" data-patternpartial="elements-logo-on-backgrounds" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-logo-on-backgrounds">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="DO-NOT-COPY-THIS-CLASS-example-logo-list">
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-cool-gray">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-red">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-image">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				>
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-logo-on-backgrounds" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo On Backgrounds","patternPartial":"elements-logo-on-backgrounds","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-logo-sizes" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-logo-logo-sizes&#x2F;elements-logo-logo-sizes.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-logo-sizes" title="Link to Pattern">
+						Logo Sizes
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-logo-sizes" data-patternpartial="elements-logo-sizes" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-logo-sizes">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="DO-NOT-COPY-THIS-CLASS-example-logo-list">
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-xsmall">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="xsmall">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-small">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="small">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-medium">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="medium">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-large">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="large">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+		<li class="DO-NOT-COPY-THIS-CLASS-example-bg-variants-xlarge">
+			<svg xmlns="http://www.w3.org/2000/svg"
+				aria-hidden="true"
+				class="elm-logo"
+				 data-size="xlarge">
+				<use href="../../images/db_logo.svg#logo"></use>
+			</svg>
+		</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-logo-sizes" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo Sizes","patternPartial":"elements-logo-sizes","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-logo-with-following-headline" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-logo-logo-with-following-headline&#x2F;elements-logo-logo-with-following-headline.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-logo-with-following-headline" title="Link to Pattern">
+						Logo With Following Headline
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-logo-with-following-headline" data-patternpartial="elements-logo-with-following-headline" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-logo-with-following-headline">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<svg xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	class="elm-logo"
+	>
+	<use href="../../images/db_logo.svg#logo"></use>
+</svg>
+<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+<h1 class="elm-headline " data-pulse>Lorem ipsum dolores sint</h1>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-logo-with-following-headline" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-logo","lineagePath":"../../patterns/elements-logo-logo/elements-logo-logo.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"logo"},"patternExtension":"hbs","patternName":"Logo With Following Headline","patternPartial":"elements-logo-with-following-headline","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-progress" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-progress&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-progress">Progress</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-progress" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-progress-progress&#x2F;elements-progress-progress.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-progress" title="Link to Pattern">
+						Linear loader
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-progress" data-patternpartial="elements-progress" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-progress">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="elm-progress">
+	
+	<progress
+			value="68"
+			 max="100"
+			
+		id="progress-01"
+		 data-type="loader"
+		 aria-describedby="progress-01-label"></progress>
+		<label
+			for="progress-01"
+			id="progress-01-label"
+			aria-hidden="true">68%</label>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-progress" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>Indicate the progress completion of a task, e.g. a file download.</p>\n<p>The circual progress is implemented via progressive enhancement - as the underlaying conic-gradient CSS feature isn't available <a href=\"https://caniuse.com/#feat=css-conic-gradients\">in Firefox</a>, it will get displayed as a &quot;regular&quot; progress instead.</p>\n<h2>JavaScript polyfill necessary for Microsoft Internet Explorer 11 and Edge version 12 till 14</h2>\n<p>If you want to use the conic variant of this pattern and would need to support IE11 as well, you'll need a polyfill like <a href=\"https://github.com/nuxodin/ie11CustomProperties\">ie11CustomProperties</a>, as we're using CSS variables functionality for that variant.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"progress"},"patternExtension":"hbs","patternName":"Linear loader","patternPartial":"elements-progress","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-progress-linear-spinner" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-progress-progress-linear-spinner&#x2F;elements-progress-progress-linear-spinner.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-progress-linear-spinner" title="Link to Pattern">
+						Linear spinner
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-progress-linear-spinner" data-patternpartial="elements-progress-linear-spinner" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-progress-linear-spinner">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="elm-progress">
+	
+	<progress
+			value="68"
+			 max="100"
+			
+		id="progress-07"
+		 data-type="spinner"
+		></progress>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-progress-linear-spinner" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"progress"},"patternExtension":"hbs","patternName":"Linear spinner","patternPartial":"elements-progress-linear-spinner","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-progress-linear-spinner-indeterminate" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-progress-progress-linear-spinner-indeterminate&#x2F;elements-progress-progress-linear-spinner-indeterminate.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-progress-linear-spinner-indeterminate" title="Link to Pattern">
+						Linear spinner indeterminate
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-progress-linear-spinner-indeterminate" data-patternpartial="elements-progress-linear-spinner-indeterminate" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-progress-linear-spinner-indeterminate">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="elm-progress">
+	
+	<progress
+		id="progress-08"
+		 data-type="spinner"
+		></progress>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-progress-linear-spinner-indeterminate" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"progress"},"patternExtension":"hbs","patternName":"Linear spinner indeterminate","patternPartial":"elements-progress-linear-spinner-indeterminate","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-radio" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-radio&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-radio">Radio</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Form validation</h2>
+<p>Please have a look especially at the section for form validation within the overall <a href="../components-form/index.html">components/forms</a> page.</p>
+<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-radios" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios&#x2F;elements-radio-radios.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios" title="Link to Pattern">
+						Radios
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios" data-patternpartial="elements-radios" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radio"
+	id="id-7a34c909-7a9e-48da-a61d-d6d68ef3b45e"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-7a34c909-7a9e-48da-a61d-d6d68ef3b45e">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radio"
+	id="id-96388780-f764-4753-a0c4-d377a27be71a"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-96388780-f764-4753-a0c4-d377a27be71a">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radio"
+	id="id-cfee101e-7c1f-41c9-aa63-8646e9535cf9"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-cfee101e-7c1f-41c9-aa63-8646e9535cf9">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios","patternPartial":"elements-radios","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-radios-checked" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios-checked&#x2F;elements-radio-radios-checked.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios-checked" title="Link to Pattern">
+						Radios Checked
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios-checked" data-patternpartial="elements-radios-checked" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios-checked">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radioChecked"
+	id="id-051cdc0b-53f2-40be-8b0c-6329aa3dcaf5"
+	 checked
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-051cdc0b-53f2-40be-8b0c-6329aa3dcaf5">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioChecked"
+	id="id-ea81c695-c07e-4537-9628-2b82d5f7e930"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-ea81c695-c07e-4537-9628-2b82d5f7e930">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioChecked"
+	id="id-8eb41468-e22a-445d-abc0-eb95be7f2101"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-8eb41468-e22a-445d-abc0-eb95be7f2101">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios-checked" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Checked","patternPartial":"elements-radios-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-radios-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios-disabled&#x2F;elements-radio-radios-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios-disabled" title="Link to Pattern">
+						Radios Disabled
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios-disabled" data-patternpartial="elements-radios-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radioDisabled"
+	id="id-edbf6456-0814-4a42-9796-8d44fcf35cf0"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-edbf6456-0814-4a42-9796-8d44fcf35cf0">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabled"
+	id="id-aa30edc7-704b-4f5c-9ccd-bc1d30f86d65"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-aa30edc7-704b-4f5c-9ccd-bc1d30f86d65">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabled"
+	id="id-91b4ae97-5b21-4dfa-9d4f-598f8b0c0516"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-91b4ae97-5b21-4dfa-9d4f-598f8b0c0516">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Disabled","patternPartial":"elements-radios-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-radios-disabled-checked" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios-disabled-checked&#x2F;elements-radio-radios-disabled-checked.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios-disabled-checked" title="Link to Pattern">
+						Radios Disabled Checked
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios-disabled-checked" data-patternpartial="elements-radios-disabled-checked" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios-disabled-checked">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radioDisabledChecked"
+	id="id-7226ee8f-50ec-4834-8977-8f82e13eb677"
+	 checked
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-7226ee8f-50ec-4834-8977-8f82e13eb677">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabledChecked"
+	id="id-83e793cb-94c5-4e77-8ad6-17dae049cd94"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-83e793cb-94c5-4e77-8ad6-17dae049cd94">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioDisabledChecked"
+	id="id-203f2bbf-68e9-4f99-8b43-a09a4083b08d"
+	
+	 disabled
+	
+	
+	
+	>
+<label class="elm-label" for="id-203f2bbf-68e9-4f99-8b43-a09a4083b08d">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios-disabled-checked" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Disabled Checked","patternPartial":"elements-radios-disabled-checked","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-radios-invalid-attribute" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios-invalid-attribute&#x2F;elements-radio-radios-invalid-attribute.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios-invalid-attribute" title="Link to Pattern">
+						Radios Invalid Attribute
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios-invalid-attribute" data-patternpartial="elements-radios-invalid-attribute" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios-invalid-attribute">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radioInvalid"
+	id="id-634cd8e8-10a3-4b09-bd87-e6350d7857f8"
+	
+	
+	
+	
+	 aria-invalid="true"
+	>
+<label class="elm-label" for="id-634cd8e8-10a3-4b09-bd87-e6350d7857f8">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioInvalid"
+	id="id-f947c987-a9aa-428e-a3d4-f657701802ae"
+	
+	
+	
+	
+	 aria-invalid="true"
+	>
+<label class="elm-label" for="id-f947c987-a9aa-428e-a3d4-f657701802ae">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioInvalid"
+	id="id-ebc5407d-ccf7-40c1-9315-50da248e9db2"
+	
+	
+	
+	
+	 aria-invalid="true"
+	>
+<label class="elm-label" for="id-ebc5407d-ccf7-40c1-9315-50da248e9db2">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios-invalid-attribute" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Invalid Attribute","patternPartial":"elements-radios-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-radios-label-hidden" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios-label-hidden&#x2F;elements-radio-radios-label-hidden.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios-label-hidden" title="Link to Pattern">
+						Radio - Hidden label
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios-label-hidden" data-patternpartial="elements-radios-label-hidden" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios-label-hidden">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radioLabelHidden"
+	id="id-ac76d7ee-ca43-4766-8c43-0237f78e3ce6"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-ac76d7ee-ca43-4766-8c43-0237f78e3ce6" data-label-hidden="true">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioLabelHidden"
+	id="id-9593e473-9192-4ff1-8056-189b83797590"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-9593e473-9192-4ff1-8056-189b83797590" data-label-hidden="true">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioLabelHidden"
+	id="id-62d79c5c-194e-44bc-9de9-43077e093069"
+	
+	
+	
+	
+	
+	>
+<label class="elm-label" for="id-62d79c5c-194e-44bc-9de9-43077e093069" data-label-hidden="true">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios-label-hidden" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a radio element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radio - Hidden label","patternPartial":"elements-radios-label-hidden","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-radios-required" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-radio-radios-required&#x2F;elements-radio-radios-required.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-radios-required" title="Link to Pattern">
+						Radios Required
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-radios-required" data-patternpartial="elements-radios-required" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-radios-required">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<input type="radio"
+	class="elm-radio "
+	name="radioRequired"
+	id="id-f9e3576d-72a9-4771-9eab-168bce91107a"
+	
+	
+	
+	
+	
+	 required>
+<label class="elm-label" for="id-f9e3576d-72a9-4771-9eab-168bce91107a">Radio 01</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioRequired"
+	id="id-a9db2514-32cb-46d2-9874-e00d7eb63ead"
+	
+	
+	
+	
+	
+	 required>
+<label class="elm-label" for="id-a9db2514-32cb-46d2-9874-e00d7eb63ead">Radio 02</label>
+<br>
+	<input type="radio"
+	class="elm-radio "
+	name="radioRequired"
+	id="id-bd029dec-cd68-4fd0-a1dc-f72e1bd8354f"
+	
+	
+	
+	
+	
+	 required>
+<label class="elm-label" for="id-bd029dec-cd68-4fd0-a1dc-f72e1bd8354f">Radio 03</label>
+<br>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-radios-required" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"radio"},"patternExtension":"hbs","patternName":"Radios Required","patternPartial":"elements-radios-required","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-select" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-select&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-select">Select</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<p>This element doesn't fulfill the styleguides definitions especially on the option elements styling, as this isn't possible x-browser without JavaScript.
+If you would like to even also match those visual requirements, you would need to choose a progressive JavaScript solution on your own.</p>
+<h2>Form validation</h2>
+<p>Please have a look especially at the section for form validation within the overall <a href="../components-form/index.html">components/forms</a> page.</p>
+<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-select" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-select-select&#x2F;elements-select-select.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-select" title="Link to Pattern">
+						Select
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-select" data-patternpartial="elements-select" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-select">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<select class="elm-select "
+	 name="select" id="select"
+	
+	
+	
+	
+	>
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select">Select label</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-select" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-select-variations-disabled","lineagePath":"../../patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html"},{"lineagePattern":"elements-select-variations-multiple","lineagePath":"../../patterns/elements-select-select-variations-multiple/elements-select-select-variations-multiple.rendered.html"},{"lineagePattern":"elements-select-variations-optgroups","lineagePath":"../../patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html"},{"lineagePattern":"elements-select-variations","lineagePath":"../../patterns/elements-select-select-variations/elements-select-select-variations.rendered.html"}],"lineageR":[{"lineagePattern":"elements-select-variations-disabled","lineagePath":"../../patterns/elements-select-select-variations-disabled/elements-select-select-variations-disabled.rendered.html"},{"lineagePattern":"elements-select-variations-multiple","lineagePath":"../../patterns/elements-select-select-variations-multiple/elements-select-select-variations-multiple.rendered.html"},{"lineagePattern":"elements-select-variations-optgroups","lineagePath":"../../patterns/elements-select-select-variations-optgroups/elements-select-select-variations-optgroups.rendered.html"},{"lineagePattern":"elements-select-variations","lineagePath":"../../patterns/elements-select-select-variations/elements-select-select-variations.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select","patternPartial":"elements-select","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-select-variations" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-select-select-variations&#x2F;elements-select-select-variations.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-select-variations" title="Link to Pattern">
+						Select Variations
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-select-variations" data-patternpartial="elements-select-variations" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-select-variations">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>semitransparent:</dt>
+	<dd><select class="elm-select "
+	 name="select01" id="select01"
+	
+	
+	
+	
+	 data-variant="semitransparent">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select01">Devices</label>
+</dd>
+	<dt>white:</dt>
+	<dd><select class="elm-select "
+	 name="select02" id="select02"
+	
+	
+	
+	
+	 data-variant="white">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select02">Devices</label>
+</dd>
+	<dt>solid:</dt>
+	<dd><select class="elm-select "
+	 name="select03" id="select03"
+	
+	
+	
+	
+	 data-variant="solid">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select03">Devices</label>
+</dd>
+	<dt>outline:</dt>
+	<dd><select class="elm-select "
+	 name="select04" id="select04"
+	
+	
+	
+	
+	 data-variant="outline">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select04">Devices</label>
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-select-variations" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"lineage":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select Variations","patternPartial":"elements-select-variations","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-select-variations-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-select-select-variations-disabled&#x2F;elements-select-select-variations-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-select-variations-disabled" title="Link to Pattern">
+						Select Variations Disabled
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-select-variations-disabled" data-patternpartial="elements-select-variations-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-select-variations-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>semitransparent:</dt>
+	<dd><select class="elm-select "
+	 name="select05" id="select05"
+	 disabled
+	
+	
+	
+	 data-variant="semitransparent">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select05">Devices</label>
+</dd>
+	<dt>white:</dt>
+	<dd><select class="elm-select "
+	 name="select06" id="select06"
+	 disabled
+	
+	
+	
+	 data-variant="white">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select06">Devices</label>
+</dd>
+	<dt>solid:</dt>
+	<dd><select class="elm-select "
+	 name="select07" id="select07"
+	 disabled
+	
+	
+	
+	 data-variant="solid">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select07">Devices</label>
+</dd>
+	<dt>outline:</dt>
+	<dd><select class="elm-select "
+	 name="select08" id="select08"
+	 disabled
+	
+	
+	
+	 data-variant="outline">
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select08">Devices</label>
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-select-variations-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"lineage":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select Variations Disabled","patternPartial":"elements-select-variations-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-select-variations-optgroups" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-select-select-variations-optgroups&#x2F;elements-select-select-variations-optgroups.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-select-variations-optgroups" title="Link to Pattern">
+						Select Variations Optgroups
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-select-variations-optgroups" data-patternpartial="elements-select-variations-optgroups" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-select-variations-optgroups">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>semitransparent:</dt>
+	<dd><select class="elm-select "
+	 name="select09" id="select09"
+	
+	
+	
+	
+	 data-variant="semitransparent">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select09">Devices/Roles</label>
+</dd>
+	<dt>white:</dt>
+	<dd><select class="elm-select "
+	 name="select10" id="select10"
+	
+	
+	
+	
+	 data-variant="white">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select10">Devices/Roles</label>
+</dd>
+	<dt>solid:</dt>
+	<dd><select class="elm-select "
+	 name="select11" id="select11"
+	
+	
+	
+	
+	 data-variant="solid">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select11">Devices/Roles</label>
+</dd>
+	<dt>outline:</dt>
+	<dd><select class="elm-select "
+	 name="select12" id="select12"
+	
+	
+	
+	
+	 data-variant="outline">
+	<optgroup label="Devices">
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+	</optgroup>
+	<optgroup label="Roles">
+		<option value="user">User</option>
+		<option value="tester">Tester</option>
+		<option value="developer">Developer</option>
+	</optgroup>
+</select>
+<label class="elm-label" for="select12">Devices/Roles</label>
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-select-variations-optgroups" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"lineage":[{"lineagePattern":"elements-select","lineagePath":"../../patterns/elements-select-select/elements-select-select.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select Variations Optgroups","patternPartial":"elements-select-variations-optgroups","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-select-invalid-attribute" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-select-select-invalid-attribute&#x2F;elements-select-select-invalid-attribute.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-select-invalid-attribute" title="Link to Pattern">
+						Select - Invalid state by HTML attribute
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-select-invalid-attribute" data-patternpartial="elements-select-invalid-attribute" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-select-invalid-attribute">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<select class="elm-select "
+	 name="select13" id="select13"
+	
+	
+	
+	 aria-invalid="true" 
+	>
+	<option></option>
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select13">Devices</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-select-invalid-attribute" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Form validation</h2>\n<p>Please have a look especially at the section for form validation within the overall <a href=\"../components-form/index.html\">components/forms</a> page.</p>\n<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute\"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select - Invalid state by HTML attribute","patternPartial":"elements-select-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":7}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-select-hidden-label" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-select-select-hidden-label&#x2F;elements-select-select-hidden-label.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-select-hidden-label" title="Link to Pattern">
+						Select - Hidden label
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-select-hidden-label" data-patternpartial="elements-select-hidden-label" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-select-hidden-label">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<select class="elm-select "
+	 name="select14" id="select14"
+	
+	
+	
+	
+	>
+	
+		<option value="smartphone">Smartphone</option>
+		<option value="softphone">Softphone</option>
+		<option value="headset">Headset</option>
+		<option value="fax" disabled>Fax / disabled</option>
+
+</select>
+<label class="elm-label" for="select14" data-label-hidden="true">Devices</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-select-hidden-label" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a select element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"select"},"patternExtension":"hbs","patternName":"Select - Hidden label","patternPartial":"elements-select-hidden-label","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":8}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-tags" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-tags&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-tags">Tags</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h1>Variations/configurability</h1>
+<h2>Variant</h2>
+<h3>HTML attribute</h3>
+<p>You could set the different button variants via the <code>data-variant</code> attribute. These could be either one of the four feedback values, or the &quot;point of interest&quot; stylings.</p>
+<h2>Size</h2>
+<h3>SCSS (recommended)</h3>
+<p>Extend the size placeholder in case that you don't want the default (regular): <code>%size-Small</code></p>
+<h3>HTML attribute</h3>
+<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is &quot;regular&quot; and in that case is optional.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-tags" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-tags-tags&#x2F;elements-tags-tags.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-tags" title="Link to Pattern">
+						Tags
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-tags" data-patternpartial="elements-tags" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-tags">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<span class="elm-tag"
+	
+	
+	
+>Default</span>
+	<span class="elm-tag"
+		
+		 data-variant="light"
+		
+	>Light</span>
+	<span class="elm-tag"
+		
+		 data-variant="informative"
+		
+	>Informative</span>
+	<span class="elm-tag"
+		
+		 data-variant="success"
+		
+	>Success</span>
+	<span class="elm-tag"
+		
+		 data-variant="warning"
+		
+	>Warning</span>
+	<span class="elm-tag"
+		
+		 data-variant="error"
+		
+	>Error</span>
+	<span class="elm-tag"
+		
+		 data-variant="track"
+		
+	>Gl. 10</span>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+		<span class="elm-tag"
+			
+			 data-variant="poi-essen-trinken"
+			
+		>Essen &amp; Trinken</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-einkaufen"
+			
+		>Einkaufen</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-gesundheit"
+			
+		>Gesundheit</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-kunst-kultur"
+			
+		>Kunst &amp; Kultur</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-wissenswertes"
+			
+		>Wissenswertes</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-freizeit"
+			
+		>Freizeit</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-zivile-rel-einrichtungen"
+			
+		>Zivile &amp; reli. Einrichtungen</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-dienstleistungen"
+			
+		>Dienstleistungen</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-db-services-einrichtung"
+			
+		>DB Services &amp; Einrichtung</span>
+		<span class="elm-tag"
+			
+			 data-variant="poi-wegeleitung"
+			
+		>Wegeleitung</span>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-tags" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"tags"},"patternExtension":"hbs","patternName":"Tags","patternPartial":"elements-tags","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-tags-small" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-tags-tags-small&#x2F;elements-tags-tags-small.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-tags-small" title="Link to Pattern">
+						Tags Small
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-tags-small" data-patternpartial="elements-tags-small" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-tags-small">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<span class="elm-tag"
+	 data-size="small"
+	
+	
+>Default</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="light"
+		
+	>Light</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="informative"
+		
+	>Informative</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="success"
+		
+	>Success</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="warning"
+		
+	>Warning</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="error"
+		
+	>Error</span>
+	<span class="elm-tag"
+		 data-size="small"
+		 data-variant="track"
+		
+	>Gl. 10</span>
+
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h3 class="elm-headline ">POIs</h3>
+
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-essen-trinken"
+			
+		>Essen &amp; Trinken</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-einkaufen"
+			
+		>Einkaufen</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-gesundheit"
+			
+		>Gesundheit</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-kunst-kultur"
+			
+		>Kunst &amp; Kultur</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-wissenswertes"
+			
+		>Wissenswertes</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-freizeit"
+			
+		>Freizeit</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-zivile-rel-einrichtungen"
+			
+		>Zivile &amp; reli. Einrichtungen</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-dienstleistungen"
+			
+		>Dienstleistungen</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-db-services-einrichtung"
+			
+		>DB Services &amp; Einrichtung</span>
+		<span class="elm-tag"
+			 data-size="small"
+			 data-variant="poi-wegeleitung"
+			
+		>Wegeleitung</span>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-tags-small" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"tags"},"patternExtension":"hbs","patternName":"Tags Small","patternPartial":"elements-tags-small","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-tags-with-icon" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-tags-tags-with-icon&#x2F;elements-tags-tags-with-icon.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-tags-with-icon" title="Link to Pattern">
+						Tags With Icon
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-tags-with-icon" data-patternpartial="elements-tags-with-icon" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-tags-with-icon">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<span class="elm-tag"
+	
+	
+	 data-icon="account"
+>Default</span>
+	<span class="elm-tag"
+		
+		 data-variant="light"
+		 data-icon="account"
+	>Light</span>
+	<span class="elm-tag"
+		
+		 data-variant="informative"
+		 data-icon="account"
+	>Informative</span>
+	<span class="elm-tag"
+		
+		 data-variant="success"
+		 data-icon="account"
+	>Success</span>
+	<span class="elm-tag"
+		
+		 data-variant="warning"
+		 data-icon="account"
+	>Warning</span>
+	<span class="elm-tag"
+		
+		 data-variant="error"
+		 data-icon="account"
+	>Error</span>
+	<span class="elm-tag"
+		
+		 data-variant="track"
+		 data-icon="account"
+	>Gl. 10</span>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-tags-with-icon" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-tag","lineagePath":"../../patterns/elements-tags-_tag/elements-tags-_tag.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"tags"},"patternExtension":"hbs","patternName":"Tags With Icon","patternPartial":"elements-tags-with-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-textarea" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-textarea&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-textarea">Textarea</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Form validation</h2>
+<p>Please have a look especially at the section for form validation within the overall <a href="../components-form/index.html">components/forms</a> page.</p>
+<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-textarea-variations" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-variations&#x2F;elements-textarea-textarea-variations.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-variations" title="Link to Pattern">
+						Textarea variations
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-variations" data-patternpartial="elements-textarea-variations" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-variations">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>semitransparent:</dt>
+	<dd><label class="elm-label" for="textarea16">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea16"
+	
+	
+	
+	
+	
+	 data-variant="semitransparent"></textarea>
+
+
+</dd>
+	<dt>white:</dt>
+	<dd><label class="elm-label" for="textarea17">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea17"
+	
+	
+	
+	
+	
+	 data-variant="white"></textarea>
+
+
+</dd>
+	<dt>solid:</dt>
+	<dd><label class="elm-label" for="textarea18">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea18"
+	
+	
+	
+	
+	
+	 data-variant="solid"></textarea>
+
+
+</dd>
+	<dt>outline:</dt>
+	<dd><label class="elm-label" for="textarea19">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea19"
+	
+	
+	
+	
+	
+	 data-variant="outline"></textarea>
+
+
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-variations" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-textarea","lineagePath":"../../patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html"}],"lineage":[{"lineagePattern":"elements-textarea","lineagePath":"../../patterns/elements-textarea-textarea/elements-textarea-textarea.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea variations","patternPartial":"elements-textarea-variations","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea&#x2F;elements-textarea-textarea.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea" title="Link to Pattern">
+						Textarea
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea" data-patternpartial="elements-textarea" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea01">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea01"
+	
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea01.value=this.value.length+'/'+this.attributes.maxlength.value"
+	></textarea>
+<output for="textarea01" id="result_textarea01" anchor="textarea01"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"elements-textarea-variations","lineagePath":"../../patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html"}],"lineageR":[{"lineagePattern":"elements-textarea-variations","lineagePath":"../../patterns/elements-textarea-textarea-variations/elements-textarea-textarea-variations.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea","patternPartial":"elements-textarea","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":2}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-disabled&#x2F;elements-textarea-textarea-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-disabled" title="Link to Pattern">
+						Textarea Disabled
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-disabled" data-patternpartial="elements-textarea-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea07">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea07"
+	 disabled
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea07.value=this.value.length+'/'+this.attributes.maxlength.value"
+	></textarea>
+<output for="textarea07" id="result_textarea07" anchor="textarea07"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea Disabled","patternPartial":"elements-textarea-disabled","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-description" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-description&#x2F;elements-textarea-textarea-description.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-description" title="Link to Pattern">
+						Textarea with description
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-description" data-patternpartial="elements-textarea-description" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-description">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea02">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea02"
+	
+	 aria-describedby="textarea02hint"
+	
+	
+	 maxlength="200"
+	oninput="result_textarea02.value=this.value.length+'/'+this.attributes.maxlength.value"
+	></textarea>
+<output for="textarea02" id="result_textarea02" anchor="textarea02"></output>
+<p id="textarea02hint" class="description">Optionale Beschreibung<br>Zeile zwei</p>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-description" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea with description","patternPartial":"elements-textarea-description","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-filled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-filled&#x2F;elements-textarea-textarea-filled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-filled" title="Link to Pattern">
+						Textarea filled with a value
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-filled" data-patternpartial="elements-textarea-filled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-filled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea03">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea03"
+	
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea03.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Textarea</textarea>
+<output for="textarea03" id="result_textarea03" anchor="textarea03"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-filled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea filled with a value","patternPartial":"elements-textarea-filled","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":4}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-valid" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-valid&#x2F;elements-textarea-textarea-valid.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-valid" title="Link to Pattern">
+						Textarea - valid state
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-valid" data-patternpartial="elements-textarea-valid" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-valid">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea04">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea04"
+	
+	
+	 minlength="3" required
+	
+	 maxlength="200"
+	oninput="result_textarea04.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Valid input</textarea>
+<output for="textarea04" id="result_textarea04" anchor="textarea04"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-valid" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - valid state","patternPartial":"elements-textarea-valid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":5}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-invalid" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-invalid&#x2F;elements-textarea-textarea-invalid.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-invalid" title="Link to Pattern">
+						Textarea - invalid state (type in less than its minimum of 5 characters)
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-invalid" data-patternpartial="elements-textarea-invalid" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-invalid">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea05">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea05"
+	
+	
+	 minlength="5" required
+	
+	 maxlength="200"
+	oninput="result_textarea05.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Input</textarea>
+<output for="textarea05" id="result_textarea05" anchor="textarea05"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-invalid" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - invalid state (type in less than its minimum of 5 characters)","patternPartial":"elements-textarea-invalid","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":6}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-invalid-attribute" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-invalid-attribute&#x2F;elements-textarea-textarea-invalid-attribute.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-invalid-attribute" title="Link to Pattern">
+						Textarea - Invalid state by HTML attribute
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-invalid-attribute" data-patternpartial="elements-textarea-invalid-attribute" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-invalid-attribute">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea06">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea06"
+	
+	
+	 minlength="5"
+	 aria-invalid="true"
+	 maxlength="200"
+	oninput="result_textarea06.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Input</textarea>
+<output for="textarea06" id="result_textarea06" anchor="textarea06"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-invalid-attribute" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Form validation</h2>\n<p>Please have a look especially at the section for form validation within the overall <a href=\"../components-form/index.html\">components/forms</a> page.</p>\n<p>Additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute\"><code>aria-invalid=&quot;true&quot;</code> attribute</a> as well.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - Invalid state by HTML attribute","patternPartial":"elements-textarea-invalid-attribute","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":7}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-textarea-hidden-label" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-textarea-textarea-hidden-label&#x2F;elements-textarea-textarea-hidden-label.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-textarea-hidden-label" title="Link to Pattern">
+						Textarea - Hidden label
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-textarea-hidden-label" data-patternpartial="elements-textarea-hidden-label" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-textarea-hidden-label">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<label class="elm-label" for="textarea08" data-label-hidden="true">Textlabel</label>
+<textarea class="elm-textarea "
+	placeholder="Projekt Name"
+	id="textarea08"
+	
+	
+	
+	
+	 maxlength="200"
+	oninput="result_textarea08.value=this.value.length+'/'+this.attributes.maxlength.value"
+	>Input</textarea>
+<output for="textarea08" id="result_textarea08" anchor="textarea08"></output>
+
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-textarea-hidden-label" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>Possibility to hide the label</h2>\n<blockquote>\n<p>A label for a form control helps everyone better understand its purpose. In some cases, the purpose may be clear enough from the context when the content is rendered visually. The label can be hidden visually, though it still needs to be provided within the code to support other forms of presentation and interaction, such as for screen reader and speech input users.</p>\n</blockquote>\n<p>source: <a href=\"https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text\">https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text</a></p>\n<p>You could set the attribute <code>data-label-hidden=&quot;true&quot;</code> for the rare case that you would want to visually hide the textual label for a textarea element.</p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"textarea"},"patternExtension":"hbs","patternName":"Textarea - Hidden label","patternPartial":"elements-textarea-hidden-label","patternState":"complete","patternEngineName":"handlebars","extraOutput":{"order":8}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-elements-toggle" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/elements-toggle&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-elements-toggle">Toggle</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="elements-toggle" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-toggle-toggle&#x2F;elements-toggle-toggle.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-toggle" title="Link to Pattern">
+						Toggle
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-toggle" data-patternpartial="elements-toggle" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-toggle">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle01"
+	
+	
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle01">Toggle</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-toggle" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<p>The tag pattern is often being misused as a regular form control or similar, in which it shouldn't be included.</p>\n<p>Here are some clear guidelines on when to use a toggle switch:</p>\n<p>Use a toggle switch if you are:</p>\n<ul>\n<li>Applying a system state, not a contextual one</li>\n<li>Presenting binary options, not opposing ones</li>\n<li>Activating a state, not performing an action</li>\n</ul>\n<p>Source and much more information: <a href=\"https://uxmovement.com/mobile/stop-misusing-toggle-switches/\">https://uxmovement.com/mobile/stop-misusing-toggle-switches/</a></p>\n","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle","patternPartial":"elements-toggle","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-toggle-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-toggle-toggle-disabled&#x2F;elements-toggle-toggle-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-toggle-disabled" title="Link to Pattern">
+						Toggle Disabled
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-toggle-disabled" data-patternpartial="elements-toggle-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-toggle-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle05"
+	
+	 disabled
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle05">Toggle</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-toggle-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle Disabled","patternPartial":"elements-toggle-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-toggle-on" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-toggle-toggle-on&#x2F;elements-toggle-toggle-on.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-toggle-on" title="Link to Pattern">
+						Toggle On
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-toggle-on" data-patternpartial="elements-toggle-on" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-toggle-on">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle02"
+	 checked
+	
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle02">Toggle</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-toggle-on" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle On","patternPartial":"elements-toggle-on","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="elements-toggle-on-disabled" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/elements-toggle-toggle-on-disabled&#x2F;elements-toggle-toggle-on-disabled.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="elements-toggle-on-disabled" title="Link to Pattern">
+						Toggle On Disabled
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-elements-toggle-on-disabled" data-patternpartial="elements-toggle-on-disabled" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-elements-toggle-on-disabled">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<input type="checkbox"
+	role="switch"
+	class="elm-toggle
+	"
+	id="DO-NOT-COPY-THIS-ID-example-toggle06"
+	 checked
+	 disabled
+	
+	>
+<label class="elm-label" for="DO-NOT-COPY-THIS-ID-example-toggle06">Toggle</label>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-elements-toggle-on-disabled" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"elements","patternSubgroup":"toggle"},"patternExtension":"hbs","patternName":"Toggle On Disabled","patternPartial":"elements-toggle-on-disabled","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-all" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-all">Components</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="viewall-components-accordion" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-accordion&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-accordion">Accordion</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Variations/configurability</h2>
+<h3>Size</h3>
+<h4>SCSS (recommended)</h4>
+<p>Extend one of the size SCSS placeholders in case that you don't want the default (regular): <code>%size-Small</code> or <code>%size-Large</code></p>
+<h4>HTML attribute</h4>
+<p>You could set the different button sizes via the <code>data-size</code> attribute, the default is &quot;regular&quot; and in that case is optional.</p>
+<h3>Emphasis</h3>
+<p>The regular sized accordion could even also get enhanced to a higher emphasis.</p>
+<h4>SCSS (recommended)</h4>
+<p>Extend the related placeholder: <code>%emphasis-High</code></p>
+<h4>HTML attribute</h4>
+<p>You could set the high emphasis via the <code>data-emphasis</code> attribute.</p>
+<h2>JavaScript polyfill necessary for Microsoft Internet Explorer and Edge (older versions than 79)</h2>
+<p>In case you would need to support Microsoft Internet Explorer and/or Edge within your project setup, you'll need to polyfill (with e.g. <a href="https://github.com/javan/details-element-polyfill">details-element-polyfill</a>, that is still included in our pages for demo purposes) the <code>details</code> and <code>summary</code> HTML tags due to <a href="https://caniuse.com/#feat=details">their missing browser setup in those environments</a>.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-accordion" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-accordion-accordion&#x2F;components-accordion-accordion.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-accordion" title="Link to Pattern">
+						Accordion
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-accordion" data-patternpartial="components-accordion" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-accordion">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<details class="cmp-accordion"
+	
+	>
+	<summary>Summary</summary>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-accordion" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-accordion-sizes","lineagePath":"../../patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html"}],"lineageR":[{"lineagePattern":"components-accordion-sizes","lineagePath":"../../patterns/components-accordion-accordion-sizes/components-accordion-accordion-sizes.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"accordion"},"patternExtension":"hbs","patternName":"Accordion","patternPartial":"components-accordion","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-accordion-high-emphasis" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-accordion-accordion-high-emphasis&#x2F;components-accordion-accordion-high-emphasis.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-accordion-high-emphasis" title="Link to Pattern">
+						Accordion High Emphasis
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-accordion-high-emphasis" data-patternpartial="components-accordion-high-emphasis" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-accordion-high-emphasis">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<details class="cmp-accordion"
+	 data-emphasis="high"
+	>
+	<summary>Summary</summary>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-accordion-high-emphasis" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"accordion"},"patternExtension":"hbs","patternName":"Accordion High Emphasis","patternPartial":"components-accordion-high-emphasis","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-accordion-sizes" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-accordion-accordion-sizes&#x2F;components-accordion-accordion-sizes.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-accordion-sizes" title="Link to Pattern">
+						Accordion Sizes
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-accordion-sizes" data-patternpartial="components-accordion-sizes" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-accordion-sizes">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+				<!-- [html-validate-disable-next heading-level] -->
+	<h2>Small</h2>
+	<details class="cmp-accordion"
+		
+		 data-size="small">
+		<summary>Summary</summary>
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+	</details>
+	
+	<h2>Regular (default, data-size attribute is optional)</h2>
+	<details class="cmp-accordion"
+		
+		 data-size="regular">
+		<summary>Summary</summary>
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+	</details>
+	
+	<h2>Large</h2>
+	<details class="cmp-accordion"
+		
+		 data-size="large">
+		<summary>Summary</summary>
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+	</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-accordion-sizes" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-accordion","lineagePath":"../../patterns/components-accordion-accordion/components-accordion-accordion.rendered.html"}],"lineage":[{"lineagePattern":"components-accordion","lineagePath":"../../patterns/components-accordion-accordion/components-accordion-accordion.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"accordion"},"patternExtension":"hbs","patternName":"Accordion Sizes","patternPartial":"components-accordion-sizes","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-breadcrumb" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-breadcrumb&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-breadcrumb">Breadcrumb</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-breadcrumb" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-breadcrumb-breadcrumb&#x2F;components-breadcrumb-breadcrumb.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-breadcrumb" title="Link to Pattern">
+						Breadcrumb
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-breadcrumb" data-patternpartial="components-breadcrumb" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-breadcrumb">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<nav class="cmp-breadcrumb" aria-label="Breadcrumb">
+	<ol>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Startseite
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	 aria-current="location"
+	
+	
+	
+	>Seite XYZ
+</a>
+</li>
+	</ol>
+</nav>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-breadcrumb" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>[Insert description here]</p>\n<h2>Accessibility</h2>\n<blockquote>\n<p>The link to the current page has <code>aria-current</code> set to <code>page</code>. If the element representing the current page is not a link, aria-current is optional.</p>\n</blockquote>\n<p>Source: <a href=\"https://www.w3.org/TR/wai-aria-practices/#breadcrumb\">https://www.w3.org/TR/wai-aria-practices/#breadcrumb</a></p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"breadcrumb"},"patternExtension":"hbs","patternName":"Breadcrumb","patternPartial":"components-breadcrumb","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-cards" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-cards&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-cards">Cards</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-cards-banner" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-cards-cards-banner&#x2F;components-cards-cards-banner.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-cards-banner" title="Link to Pattern">
+						Cards Banner
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-cards-banner" data-patternpartial="components-cards-banner" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-cards-banner">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<ul class="cmp-cards">
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 01</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 02</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 03</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+		<li class="cmp-card" data-variant="banner">
+			
+				<figure>
+						<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+							<use href="../../icons/illustrative/action/db_ic_il_christmas.svg#icon"></use>
+						</svg>
+					<figcaption>
+						<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+						<h3 class="elm-headline">Angebote 04</h3>
+						<p>Lorem ipsum dolores sint.</p>
+					</figcaption>
+				</figure>
+			
+		</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-cards-banner" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"lineage":[{"lineagePattern":"components-card","lineagePath":"../../patterns/components-cards-_card/components-cards-_card.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"cards"},"patternExtension":"hbs","patternName":"Cards Banner","patternPartial":"components-cards-banner","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-dialog" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-dialog&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-dialog">Dialog</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-dialog" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-dialog-dialog&#x2F;components-dialog-dialog.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-dialog" title="Link to Pattern">
+						Dialog
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-dialog" data-patternpartial="components-dialog" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-dialog">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<button class="elm-button "
+	data-variant="secondary-outline"
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	 command="show-modal"
+	 commandfor="dialog01">
+	Dialog öffnen
+</button>
+<dialog id="dialog01" class="cmp-dialog">
+	<header>
+		<!-- [html-validate-disable-next heading-level] -->
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Modal</h2>
+		<button type="button" class="is-close" title="Close the dialog" command="close" commandfor="dialog01">Close</button>
+	</header>
+	<main>
+		<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+	</main>
+	<footer>
+		<button class="elm-button "
+			data-variant="secondary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Secondary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Primary
+		</button>
+	</footer>
+</dialog>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-dialog" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Usage notes</h2>\n<p>The <code>&lt;dialog&gt;</code> element is a native HTML element that provides a common JavaScript API with events, properties and methods: <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement\">https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement</a></p>\n<blockquote>\n<p>The <code>::backdrop</code> CSS pseudo-element can be used to style behind a <code>&lt;dialog&gt;</code> element, for example to dim inaccessible content whilst a modal dialog is active. The backdrop is only drawn when the dialog element is displayed with <code>HTMLDialogElement.showModal()</code>.</p>\n</blockquote>\n<blockquote>\n<p><code>&lt;form&gt;</code> elements can be integrated within a dialog by specifying them with the attribute <code>method=&quot;dialog&quot;</code>. When such a form is submitted, the dialog is closed with its <code>returnValue</code> attribute set to the <code>value</code> of the form's submit button that was used.</p>\n</blockquote>\n<p>Source: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#Usage_notes\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#Usage_notes</a></p>\n<h2>JavaScript dependencies</h2>\n<p><strong>Dialog polyfill</strong>: As some <a href=\"https://caniuse.com/#feat=dialog\">older browsers don't fully support the native dialog HTML tag so far</a> we'll <a href=\"https://github.com/GoogleChrome/dialog-polyfill\">have to use a polyfill</a>, that is being included into the file <code>source/js/plugins.min.js</code> during build, as well as <a href=\"https://gist.github.com/samthor/babe9fad4a65625b301ba482dad284d1\">a snippet that enforces to return focus to the previously focused element on the page after closing the dialog</a>, which is included within <code>source/js/plugins.min.js</code> as well. Good news: With Safari 15.4 the last remaining of the modern browsers shipped the <code>dialog</code> elements support: <a href=\"https://webkit.org/blog/12209/introducing-the-dialog-element/\">https://webkit.org/blog/12209/introducing-the-dialog-element/</a></p>\n<p><strong>Please feel free to include and initialize this script according to your JavaScript ecosystem individually, and especially develop the logic out of <a href=\"https://open-ui.org/components/invokers.explainer/\"><code>invoker commands</code></a> on your own for your specific context and techstack.</strong></p>\n<h2>Accessibility</h2>\n<p>This pattern has been tested and approved regarding accessibility.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dialog"},"patternExtension":"hbs","patternName":"Dialog","patternPartial":"components-dialog","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-dialog-button-alignment-end" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-dialog-dialog-button-alignment-end&#x2F;components-dialog-dialog-button-alignment-end.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-dialog-button-alignment-end" title="Link to Pattern">
+						Dialog Button Alignment End
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-dialog-button-alignment-end" data-patternpartial="components-dialog-button-alignment-end" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-dialog-button-alignment-end">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<button class="elm-button "
+	data-variant="secondary-outline"
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	 command="show-modal"
+	 commandfor="dialog02">
+	Dialog öffnen
+</button>
+<dialog id="dialog02" class="cmp-dialog">
+	<header>
+		<!-- [html-validate-disable-next heading-level] -->
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Modal</h2>
+		<button type="button" class="is-close" title="Close the dialog" command="close" commandfor="dialog02">Close</button>
+	</header>
+	<main>
+		<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+	</main>
+	<footer data-alignment="end">
+		<button class="elm-button "
+			data-variant="secondary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Secondary
+		</button>
+		<button class="elm-button "
+			data-variant="brand-primary"
+			
+			title="Title text"
+			type="button"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Primary
+		</button>
+	</footer>
+</dialog>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-dialog-button-alignment-end" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"lineage":[{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dialog"},"patternExtension":"hbs","patternName":"Dialog Button Alignment End","patternPartial":"components-dialog-button-alignment-end","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-dropdown" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-dropdown&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-dropdown">Dropdown</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<p>This component is mainly meant to get used within the header section. If you're looking for a similar one within the content section, please refer to the <code>overflow menu</code> component.</p>
+<h2>Variation to display the overflow menu on the opposite side</h2>
+<p>This component expected to be placed at the end of the header regularly and thatfor opens the overlay to its opposite side (to the right on left-to-right reading direction). If you'd like to change this behaviour e.g. to implement some kind of a collision mechanism (most likely with JavaScript) and flip the overlays orientation to the opposite side, you could use the following attribute to configure this orientation change, compare to the examples below as well:</p>
+<pre><code class="language-html">data-horizontal-position=&quot;opposite&quot;
+</code></pre>
+<h2>JavaScript polyfill necessary for Microsoft Internet Explorer and Edge (older versions than 79)</h2>
+<p>In case you would need to support Microsoft Internet Explorer and/or Edge within your project setup, you'll need to polyfill (with e.g. <a href="https://github.com/javan/details-element-polyfill">details-element-polyfill</a>, that is still included in our pages for demo purposes) the <code>details</code> and <code>summary</code> HTML tags due to <a href="https://caniuse.com/#feat=details">their missing browser setup in those environments</a>.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-dropdown" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-dropdown-dropdown&#x2F;components-dropdown-dropdown.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-dropdown" title="Link to Pattern">
+						Dropdown
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-dropdown" data-patternpartial="components-dropdown" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-dropdown">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<details class="cmp-dropdown">
+	<summary>Toggle user menus visibility</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Profileinstellungen
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Logout
+</button>
+</li>
+	</menu>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-dropdown" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineageR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dropdown"},"patternExtension":"hbs","patternName":"Dropdown","patternPartial":"components-dropdown","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-dropdown-opposite-position" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-dropdown-dropdown-opposite-position&#x2F;components-dropdown-dropdown-opposite-position.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-dropdown-opposite-position" title="Link to Pattern">
+						Dropdown (within the header area) &#x2F; opposite position
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-dropdown-opposite-position" data-patternpartial="components-dropdown-opposite-position" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-dropdown-opposite-position">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<details class="cmp-dropdown" data-horizontal-position="opposite">
+	<summary>Toggle user menus visibility</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Profileinstellungen
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Logout
+</button>
+</li>
+	</menu>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-dropdown-opposite-position" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"dropdown"},"patternExtension":"hbs","patternName":"Dropdown (within the header area) / opposite position","patternPartial":"components-dropdown-opposite-position","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":2}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-form" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-form&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-form">Form</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>General information</h2>
+<p>Forms in general are being built out of elements like form, input, textarea, button and fieldset.</p>
+<p>For more information reach out to <a href="https://developer.mozilla.org/en-US/docs/Learn/Forms">https://developer.mozilla.org/en-US/docs/Learn/Forms</a></p>
+<h2>Best practices</h2>
+<p>Best practice, research insights and examples: <a href="https://gerireid.com/forms.html">https://gerireid.com/forms.html</a></p>
+<h2>Form validation</h2>
+<p>It's best to use the built-in and standard form validation, as these are standards based API implementations, that are as well providing compatible and consistent states both for CSS and JS:</p>
+<ul>
+<li>Interoperability</li>
+<li>semantic (machine readable/understandable) state, even also keep a11y in mind</li>
+<li>Single source of truth regarding the form (elements) state within the browser itself</li>
+<li>Built-in localized validation messages</li>
+</ul>
+<p>Additionally this way you're following the principles of Progressive Enhancement - and in other words, any JavaScript only solution doesn't provide a graceful degradation and puts that whole functionality to the weakest layer in the stack even only.</p>
+<p>Nevertheless additionally to the browser built-in pseudo-selector <code>:user-invalid</code> we're providing styling for the <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute"><code>aria-invalid=&quot;true&quot;</code> attribute</a> on the elements <code>input</code>, <code>radio</code>, <code>select</code> and <code>textarea</code>.
+We can't toggle any given/static attribute in the DB UI Core product itself, as we don't want to use JavaScript in this basic product. As you'd also need to add individual error messages, please find some inspiration on the necessary HTML code implementation e.g. on <a href="http://mars.dequecloud.com/demo/form-alert3.htm">http://mars.dequecloud.com/demo/form-alert3.htm</a></p>
+<p>Please find some more informations on the following pages:</p>
+<ul>
+<li><a href="https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation">https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation</a></li>
+<li><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation">https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation</a></li>
+</ul>
+<h2>Accessibility</h2>
+<p>Forms can be tricky, so read through the <a href="https://www.w3.org/WAI/tutorials/forms/">W3C forms WAI tutorials</a> for some guidance around how to implement accessibility successfully.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-example-form" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-form-example-form&#x2F;components-form-example-form.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-example-form" title="Link to Pattern">
+						Example Form
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--complete" title="complete"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-example-form" data-patternpartial="components-example-form" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-example-form">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<form>
+	<fieldset>
+		<legend>Please choose a flavour</legend>
+		<input type="radio"
+	class="elm-radio "
+	name="flavour[]"
+	id="input-vanilla"
+	
+	
+	 value="vanilla"
+	
+	
+	>
+<label class="elm-label" for="input-vanilla">Vanilla</label>
+<br>
+		<input type="radio"
+	class="elm-radio "
+	name="flavour[]"
+	id="input-strawberry"
+	
+	
+	 value="strawberry"
+	
+	
+	>
+<label class="elm-label" for="input-strawberry">Strawberry</label>
+<br>
+		<input type="radio"
+			class="elm-radio "
+			name="flavour[]"
+			id="input-chocolate"
+			
+			
+			 value="chocolate"
+			
+			
+			>
+		<label class="elm-label" for="input-chocolate">Chocolate</label>
+	</fieldset>
+	<button class="elm-button "
+		
+		
+		title="Title text"
+		type="submit"
+		
+		
+		
+		
+		
+		
+		
+		>
+		Order your icecream
+	</button>
+</form>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-example-form" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-radio","lineagePath":"../../patterns/elements-radio-_radio/elements-radio-_radio.rendered.html","lineageState":"complete"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"form"},"patternExtension":"hbs","patternName":"Example Form","patternPartial":"components-example-form","patternState":"complete","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-language-switcher" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-language-switcher&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-language-switcher">Language Switcher</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<p>You could either use the language switcher component with hyperlinks, which would be the recommended way, to link to another language based page, which is addressable by a different URL.</p>
+<p>The other way (especially for Single Page Applications) would be to use <code>&lt;button type=&quot;button&quot;&gt;</code> elements, that have some JavaScript events attached to them to handle the switch directly. Please keep in mind to announce a change of contents e.g. to screenreaders in this case.</p>
+<p>In both cases there's a slightly different HTML approach that you could inspect within the different examples below.</p>
+<p>Please keep in mind that the styling is optimized to look good included within the header section of the page and doesn't &quot;shine&quot; included in here.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-language-switcher" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-language-switcher-language-switcher&#x2F;components-language-switcher-language-switcher.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-language-switcher" title="Link to Pattern">
+						Language switcher
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-language-switcher" data-patternpartial="components-language-switcher" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-language-switcher">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<ul class="cmp-language-switcher">
+	<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="English language"
+				 rel="alternate"
+				
+				
+				
+				
+				
+				 hreflang="en"
+				
+				
+				
+				
+				
+				>EN
+			</a>
+	</li>
+	<li aria-current="page">
+			<a
+				href="#"
+				class="elm-link "
+				title="Deutsche Sprache"
+				 rel="bookmark"
+				
+				
+				
+				
+				
+				 hreflang="de"
+				
+				
+				
+				
+				
+				>DE
+			</a>
+	</li>
+	<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="Langue française"
+				 rel="alternate"
+				
+				
+				
+				
+				
+				 hreflang="fr"
+				
+				
+				
+				
+				
+				>FR
+			</a>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-language-switcher" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineageR":[{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"language-switcher"},"patternExtension":"hbs","patternName":"Language switcher","patternPartial":"components-language-switcher","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-language-switcher-spa" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-language-switcher-language-switcher-spa&#x2F;components-language-switcher-language-switcher-spa.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-language-switcher-spa" title="Link to Pattern">
+						Language switcher with buttons
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-language-switcher-spa" data-patternpartial="components-language-switcher-spa" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-language-switcher-spa">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- [html-validate-disable-next prefer-native-element] -->
+<ul class="cmp-language-switcher" role="listbox">
+	<li role="option">
+			<button class="elm-button "
+				data-variant="tertiary-plain"
+				
+				title="English language"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				EN
+			</button>
+	</li>
+	<li role="option" aria-selected="true">
+			<button class="elm-button "
+				data-variant="tertiary-plain"
+				
+				title="Deutsche Sprache"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				DE
+			</button>
+	</li>
+	<li role="option">
+			<button class="elm-button "
+				data-variant="tertiary-plain"
+				
+				title="Langue française"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				FR
+			</button>
+	</li>
+</ul>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-language-switcher-spa" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>[Insert description here]</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"language-switcher"},"patternExtension":"hbs","patternName":"Language switcher with buttons","patternPartial":"components-language-switcher-spa","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-notifications" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-notifications&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-notifications">Notifications</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Best practices</h2>
+<p>Best practice, research insights and examples: <a href="https://gerireid.com/forms.html#notifications">https://gerireid.com/forms.html#notifications</a></p>
+<h2>Accessibility</h2>
+<p>Notifications are intended to be small interruptions to your visitors or users, so to help those with screen readers and similar assistive technologies, you should wrap your notifications in an aria-live region. Changes to live regions (such as injecting/updating a notification component) are automatically announced by screen readers without needing to move the user’s focus or otherwise interrupt the user.</p>
+<p>Additionally, if you'd like to update existing notifications incrementally, include <code>aria-atomic=&quot;true&quot;</code> to ensure that the entire notification is always announced as a single (atomic) unit, rather than announcing what was changed (which could lead to problems if you only update part of the notification’s content, or if displaying the same notification content at a later point in time). It's still recommended to remove and add <code>cmp-notification</code> components as a whole within the <code>section</code>.</p>
+<p>Note that the <code>live</code> region needs to be present in the markup before the notification is generated or updated. If you dynamically generate both at the same time and inject them into the page, they will generally not be announced by assistive technologies.</p>
+<p>You also need to adapt the <code>role</code> and <code>aria-live</code> level depending on the content. If it’s an important message like an error, use <code>role=&quot;alert&quot;</code> and <code>aria-live=&quot;assertive&quot;</code>, otherwise use <code>role=&quot;status&quot;</code>and <code>aria-live=&quot;polite&quot;</code> attributes.</p>
+<p>Adapted from <a href="https://getbootstrap.com/docs/4.3/components/toasts/">https://getbootstrap.com/docs/4.3/components/toasts/</a></p>
+<p>And we're not using <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-relevant"><code>aria-relevant=&quot;additions&quot;</code></a>, as the default behaviour is even already what we expect with the default (<code>additions text</code>), compare to e.g. <a href="https://medium.com/dev-channel/why-authors-should-avoid-aria-relevant-5d3164fab1e3">https://medium.com/dev-channel/why-authors-should-avoid-aria-relevant-5d3164fab1e3</a> and <a href="https://github.com/w3c/aria/issues/712#issuecomment-529848465">https://github.com/w3c/aria/issues/712#issuecomment-529848465</a></p>
+<h3>Live regions</h3>
+<blockquote>
+<p>Live regions are perceivable regions of a web page that are typically updated as a result of an external event when user focus may be elsewhere. These regions are not always updated as a result of a user interaction. This practice has become commonplace with the growing use of Ajax. Examples of live regions include a chat log, stock ticker, or a sport scoring section that updates periodically to reflect game statistics. Since these asynchronous areas are expected to update outside the user's area of focus, assistive technologies such as screen readers have either been unaware of their existence or unable to process them for the user. WAI-ARIA has provided a collection of properties that allow the author to identify these live regions and process them: aria-live, aria-relevant, aria-atomic, and aria-busy.</p>
+</blockquote>
+<p>Source: <a href="https://www.w3.org/TR/wai-aria/#terms">https://www.w3.org/TR/wai-aria/#terms</a></p>
+<h3>Conveying meaning to assistive technologies</h3>
+<blockquote>
+<p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional visibly hidden text.</p>
+</blockquote>
+<p>Source: <a href="https://getbootstrap.com/docs/4.3/components/alerts/">https://getbootstrap.com/docs/4.3/components/alerts/</a></p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-notifications" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-notifications-notifications&#x2F;components-notifications-notifications.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-notifications" title="Link to Pattern">
+						Notifications
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-notifications" data-patternpartial="components-notifications" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-notifications">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<section aria-live="polite" data-variant="">
+</section>
+
+<section aria-live="assertive" data-variant="">
+</section>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-notifications" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications","patternPartial":"components-notifications","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-notifications-variants" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-notifications-notifications-variants&#x2F;components-notifications-notifications-variants.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-notifications-variants" title="Link to Pattern">
+						Notifications Variants
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-notifications-variants" data-patternpartial="components-notifications-variants" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-notifications-variants">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<section aria-live="polite" data-variant="alert">
+			<div class="cmp-notification" role="status"
+				
+				>
+				Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="informative" role="status"
+				
+				>
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="success" role="status"
+				
+				>
+				success: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+<section aria-live="assertive" data-variant="alert">
+			<div class="cmp-notification" data-type="error" role="alert"
+				
+				>
+				error: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="warning" role="alert"
+				
+				>
+				warning: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-notifications-variants" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications Variants","patternPartial":"components-notifications-variants","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-notifications-hovering" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-notifications-notifications-hovering&#x2F;components-notifications-notifications-hovering.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-notifications-hovering" title="Link to Pattern">
+						Notifications Hovering
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-notifications-hovering" data-patternpartial="components-notifications-hovering" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-notifications-hovering">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<section aria-live="polite" data-variant="hovering">
+			<div class="cmp-notification" role="status"
+				
+				>
+				Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="informative" role="status"
+				
+				>
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="success" role="status"
+				
+				>
+				success: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+<section aria-live="assertive" data-variant="hovering">
+			<div class="cmp-notification" data-type="error" role="alert"
+				
+				>
+				error: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+			<div class="cmp-notification" data-type="warning" role="alert"
+				
+				>
+				warning: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-notifications-hovering" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications Hovering","patternPartial":"components-notifications-hovering","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":1}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-notifications-hovering-leading-icon" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-notifications-notifications-hovering-leading-icon&#x2F;components-notifications-notifications-hovering-leading-icon.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-notifications-hovering-leading-icon" title="Link to Pattern">
+						Notifications - Leading Icon
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-notifications-hovering-leading-icon" data-patternpartial="components-notifications-hovering-leading-icon" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-notifications-hovering-leading-icon">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<section aria-live="polite" data-variant="hovering">
+</section>
+
+<section aria-live="assertive" data-variant="hovering">
+			<div class="cmp-notification" data-type="informative" role="alert"
+				 data-icon="account"
+				>
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-notifications-hovering-leading-icon" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications - Leading Icon","patternPartial":"components-notifications-hovering-leading-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":2}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-notifications-hovering-trailing-icon" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-notifications-notifications-hovering-trailing-icon&#x2F;components-notifications-notifications-hovering-trailing-icon.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-notifications-hovering-trailing-icon" title="Link to Pattern">
+						Notifications - Trailing Icon
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-notifications-hovering-trailing-icon" data-patternpartial="components-notifications-hovering-trailing-icon" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-notifications-hovering-trailing-icon">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<section aria-live="polite" data-variant="hovering">
+</section>
+
+<section aria-live="assertive" data-variant="hovering">
+			<div class="cmp-notification" data-type="informative" role="alert"
+				
+				 data-icon-after="account">
+				informative: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+			</div>
+</section>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-notifications-hovering-trailing-icon" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"lineage":[{"lineagePattern":"components-notification","lineagePath":"../../patterns/components-notifications-_notification/components-notifications-_notification.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"notifications"},"patternExtension":"hbs","patternName":"Notifications - Trailing Icon","patternPartial":"components-notifications-hovering-trailing-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{"order":3}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-overflow-menu" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-overflow-menu&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-overflow-menu">Overflow Menu</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Variation to display the overflow menu on the opposite side</h2>
+<p>If you're either using this component at the very end of a main content part that will most likely always get displayed at the opposite viewport border or you'd like to implement some kind of a collision mechanism (most likely with JavaScript) and flip the overlays orientation to the opposite side (from regularly left to right positioned on left-to-right reading direction), you could use the following attribute to configure this orientation change, compare to the examples below as well:</p>
+<pre><code class="language-html">data-horizontal-position=&quot;opposite&quot;
+</code></pre>
+<h2>JavaScript polyfill necessary for Microsoft Internet Explorer and Edge (older versions than 79)</h2>
+<p>In case you would need to support Microsoft Internet Explorer and/or Edge within your project setup, you'll need to polyfill (with e.g. <a href="https://github.com/javan/details-element-polyfill">details-element-polyfill</a>, that is still included in our pages for demo purposes) the <code>details</code> and <code>summary</code> HTML tags due to <a href="https://caniuse.com/#feat=details">their missing browser setup in those environments</a>.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-overflow-menu" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-overflow-menu-overflow-menu&#x2F;components-overflow-menu-overflow-menu.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-overflow-menu" title="Link to Pattern">
+						Overflow menu
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-overflow-menu" data-patternpartial="components-overflow-menu" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-overflow-menu">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<details class="cmp-overflow-menu">
+	<summary>Toggle Overflow menu</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Modify
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-overflow-menu" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-dropdown-opposite-position","lineagePath":"../../patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html"},{"lineagePattern":"components-table-border-around","lineagePath":"../../patterns/components-table-table-border-around/components-table-table-border-around.rendered.html"},{"lineagePattern":"components-table-border-horizontal","lineagePath":"../../patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html"},{"lineagePattern":"components-table-font-size","lineagePath":"../../patterns/components-table-table-font-size/components-table-table-font-size.rendered.html"},{"lineagePattern":"components-table-icons","lineagePath":"../../patterns/components-table-table-icons/components-table-table-icons.rendered.html"},{"lineagePattern":"components-table-overflow-menu","lineagePath":"../../patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html"},{"lineagePattern":"components-table-row-title","lineagePath":"../../patterns/components-table-table-row-title/components-table-table-row-title.rendered.html"},{"lineagePattern":"components-table-rows-zebra","lineagePath":"../../patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html"},{"lineagePattern":"components-table-sticky-header","lineagePath":"../../patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"lineageR":[{"lineagePattern":"components-dropdown-opposite-position","lineagePath":"../../patterns/components-dropdown-dropdown-opposite-position/components-dropdown-dropdown-opposite-position.rendered.html"},{"lineagePattern":"components-table-border-around","lineagePath":"../../patterns/components-table-table-border-around/components-table-table-border-around.rendered.html"},{"lineagePattern":"components-table-border-horizontal","lineagePath":"../../patterns/components-table-table-border-horizontal/components-table-table-border-horizontal.rendered.html"},{"lineagePattern":"components-table-font-size","lineagePath":"../../patterns/components-table-table-font-size/components-table-table-font-size.rendered.html"},{"lineagePattern":"components-table-icons","lineagePath":"../../patterns/components-table-table-icons/components-table-table-icons.rendered.html"},{"lineagePattern":"components-table-overflow-menu","lineagePath":"../../patterns/components-table-table-overflow-menu/components-table-table-overflow-menu.rendered.html"},{"lineagePattern":"components-table-row-title","lineagePath":"../../patterns/components-table-table-row-title/components-table-table-row-title.rendered.html"},{"lineagePattern":"components-table-rows-zebra","lineagePath":"../../patterns/components-table-table-rows-zebra/components-table-table-rows-zebra.rendered.html"},{"lineagePattern":"components-table-sticky-header","lineagePath":"../../patterns/components-table-table-sticky-header/components-table-table-sticky-header.rendered.html"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"patternLineageEExists":true,"patternDesc":"<h2>role attributes</h2>\n<h3><code>role=&quot;group&quot;</code></h3>\n<p>We're using the <code>group</code> role here to reflect the grouped navigationitems.</p>\n<p>More information: <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu\">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu</a></p>\n<h3><code>role=&quot;navigation&quot;</code></h3>\n<p>The <code>navigation</code> role in this patterns variant relates to its meaning of including navigational elements (links in this case).\nMore information: <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">https://www.w3.org/TR/wai-aria-1.1/#navigation</a></p>\n<h2>Usage within the header</h2>\n<p>If you'd like to place this component into the header area of the page, we'd like to suggest to use the similar <code>dropdown</code> component that is actually meant for exactly that use case.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu","patternPartial":"components-overflow-menu","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":1}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-overflow-menu-navigation" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-overflow-menu-overflow-menu-navigation&#x2F;components-overflow-menu-overflow-menu-navigation.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-overflow-menu-navigation" title="Link to Pattern">
+						Overflow menu - Navigation
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-overflow-menu-navigation" data-patternpartial="components-overflow-menu-navigation" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-overflow-menu-navigation">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- [html-validate-disable-next prefer-native-element -- TODO: Evaluate again on this HTML] -->
+<details class="cmp-overflow-menu" role="navigation">
+	<summary>Toggle Overflow menu</summary>
+	<ul role="group">
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Modify
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Delete
+</a>
+</li>
+	</ul>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-overflow-menu-navigation" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Navigation variant</h2>\n<p>The <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">navigation variant</a> of this pattern includes navigational links for navigating the document or related documents instead of <a href=\"https://www.w3.org/TR/wai-aria-1.1/#menu\">menu interactions</a> via <code>button</code> elements, that are included within the regular <code>overflow menu</code> pattern.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu - Navigation","patternPartial":"components-overflow-menu-navigation","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":2}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-overflow-menu-opposite-position" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-overflow-menu-overflow-menu-opposite-position&#x2F;components-overflow-menu-overflow-menu-opposite-position.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-overflow-menu-opposite-position" title="Link to Pattern">
+						Overflow menu &#x2F; opposite position
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-overflow-menu-opposite-position" data-patternpartial="components-overflow-menu-opposite-position" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-overflow-menu-opposite-position">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<details class="cmp-overflow-menu" data-horizontal-position="opposite">
+	<summary>Toggle Overflow menu</summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Modify
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title="Title text"
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-overflow-menu-opposite-position" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>role attributes</h2>\n<h3><code>role=&quot;group&quot;</code></h3>\n<p>We're using the <code>group</code> role here to reflect the grouped navigationitems.</p>\n<p>More information: <a href=\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu\">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role#Example_2_Using_the_group_role_with_a_HTML_drop-down_menu</a></p>\n<h3><code>role=&quot;navigation&quot;</code></h3>\n<p>The <code>navigation</code> role in this patterns variant relates to its meaning of including navigational elements (links in this case).\nMore information: <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">https://www.w3.org/TR/wai-aria-1.1/#navigation</a></p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu / opposite position","patternPartial":"components-overflow-menu-opposite-position","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":3}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-overflow-menu-navigation-opposite-position" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-overflow-menu-overflow-menu-navigation-opposite-position&#x2F;components-overflow-menu-overflow-menu-navigation-opposite-position.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-overflow-menu-navigation-opposite-position" title="Link to Pattern">
+						Overflow menu - Navigation &#x2F; opposite position
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-overflow-menu-navigation-opposite-position" data-patternpartial="components-overflow-menu-navigation-opposite-position" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-overflow-menu-navigation-opposite-position">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- [html-validate-disable-next prefer-native-element -- TODO: Evaluate again on this HTML] -->
+<details class="cmp-overflow-menu" role="navigation" data-horizontal-position="opposite">
+	<summary>Toggle Overflow menu</summary>
+	<ul role="group">
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Modify
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Delete
+</a>
+</li>
+	</ul>
+</details>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-overflow-menu-navigation-opposite-position" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"elements-button","lineagePath":"../../patterns/elements-buttons-button/elements-buttons-button.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>Navigation variant</h2>\n<p>The <a href=\"https://www.w3.org/TR/wai-aria-1.1/#navigation\">navigation variant</a> of this pattern includes navigational links for navigating the document or related documents instead of <a href=\"https://www.w3.org/TR/wai-aria-1.1/#menu\">menu interactions</a> via <code>button</code> elements, that are included within the regular <code>overflow menu</code> pattern.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"overflow-menu"},"patternExtension":"hbs","patternName":"Overflow menu - Navigation / opposite position","patternPartial":"components-overflow-menu-navigation-opposite-position","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{"order":4}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-pagination" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-pagination&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-pagination">Pagination</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-pagination" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-pagination-pagination&#x2F;components-pagination-pagination.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-pagination" title="Link to Pattern">
+						Pagination
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-pagination" data-patternpartial="components-pagination" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-pagination">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<nav class="cmp-pagination" aria-label="pagination" aria-labelledby="headline01">
+	<!-- [html-validate-disable-next heading-level] -->
+	<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+	<h2 class="elm-headline " id="headline01">Pagination</h2>
+	<ol>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Goto previous page"
+	 rel="prev"
+	
+	 aria-disabled="true" tabindex="-1"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Previous
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	 aria-current="page"
+	
+	
+	
+	>1
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	 aria-label="Goto page 2"
+	
+	
+	
+	
+	
+	
+	
+	>2
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	 aria-label="Goto page 3"
+	
+	
+	
+	
+	
+	
+	
+	>3
+</a>
+</li>
+		<li>&hellip;</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Goto next page"
+	 rel="next"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Next
+</a>
+</li>
+	</ol>
+</nav>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-pagination" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<h2>User experience</h2>\n<blockquote>\n<p>Studies show that users love single-page content, aim for that when possible, but multi-part is also fine for Google Search. Know and do what's best for <em>your</em> users!\nSource: <a href=\"https://twitter.com/googlewmc/status/1108726443251519489\">https://twitter.com/googlewmc/status/1108726443251519489</a></p>\n</blockquote>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"pagination"},"patternExtension":"hbs","patternName":"Pagination","patternPartial":"components-pagination","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-sidenavi" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-sidenavi&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-sidenavi">Sidenavi</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Icons</h2>
+<p>The sidenavi pattern includes some general icons defined for some general <code>rel</code> values. Please feel free to define further by yourself depending on your needs, either within your <a href="/?p=viewall-base-icons">SCSS code (recommended) or via attributes</a>.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-sidenavi" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-sidenavi-sidenavi&#x2F;components-sidenavi-sidenavi.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-sidenavi" title="Link to Pattern">
+						Sidenavi
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-sidenavi" data-patternpartial="components-sidenavi" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-sidenavi">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<nav class="cmp-sidenavi">
+	<ol>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="index"
+	
+	
+	
+	
+	
+	
+	
+	 aria-current="page"
+	
+	
+	
+	>Startseite
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="documents"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Dokumente
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="dashboard"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Dashboard
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="cloud"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Cloud
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="calendar"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Kalender
+</a>
+</li>
+		<li><a
+	href="#"
+	class="elm-link "
+	title="Title text"
+	 rel="help"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>Frage &amp; Hilfe
+</a>
+</li>
+	</ol>
+</nav>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-sidenavi" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"sidenavi"},"patternExtension":"hbs","patternName":"Sidenavi","patternPartial":"components-sidenavi","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-tab-bar" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-tab-bar&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-tab-bar">Tab Bar</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				<h2>Multi-line</h2>
+<p>The multi-line tabs haven't been developed, but are only available in the Sketch library. If you really need this pattern even also in the development, please set it up yourself e.g. with a <code>&lt;br&gt;</code> or differentiated label texts e.g. by <code>&lt;span&gt;</code> elements.</p>
+<h2>Accessibility</h2>
+<p>This pattern has been tested and approved regarding accessibility.</p>
+
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-tab-bar" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-tab-bar-tab-bar&#x2F;components-tab-bar-tab-bar.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-tab-bar" title="Link to Pattern">
+						Tab Bar
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-tab-bar" data-patternpartial="components-tab-bar" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-tab-bar">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="cmp-tab-bar" role="tablist">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_0"  checked>
+		<label for="tab_regular_0" role="tab">Tab 01</label>
+		<section id="content_regular_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_1" >
+		<label for="tab_regular_1" role="tab">Tab 02</label>
+		<section id="content_regular_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_2" >
+		<label for="tab_regular_2" role="tab">Tab 03</label>
+		<section id="content_regular_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_3" >
+		<label for="tab_regular_3" role="tab">Tab 04</label>
+		<section id="content_regular_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-regular" id="tab_regular_4" 
+			disabled>
+		<label for="tab_regular_4" role="tab">Tab 05</label>
+		<section id="content_regular_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-tab-bar" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar","patternPartial":"components-tab-bar","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-tab-bar-item-icon" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-tab-bar-tab-bar-item-icon&#x2F;components-tab-bar-tab-bar-item-icon.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-tab-bar-item-icon" title="Link to Pattern">
+						Tab Bar Item Icon
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-tab-bar-item-icon" data-patternpartial="components-tab-bar-item-icon" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-tab-bar-item-icon">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="cmp-tab-bar" role="tablist">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_0"  checked>
+		<label for="tab_small-icon_0" role="tab" data-icon="account">Tab 01</label>
+		<section id="content_small-icon_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_1" >
+		<label for="tab_small-icon_1" role="tab" data-icon="account">Tab 02</label>
+		<section id="content_small-icon_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_2" >
+		<label for="tab_small-icon_2" role="tab" data-icon="account">Tab 03</label>
+		<section id="content_small-icon_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_3" >
+		<label for="tab_small-icon_3" role="tab" data-icon="account">Tab 04</label>
+		<section id="content_small-icon_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small-icon" id="tab_small-icon_4" 
+			disabled>
+		<label for="tab_small-icon_4" role="tab" data-icon="account">Tab 05</label>
+		<section id="content_small-icon_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-tab-bar-item-icon" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar Item Icon","patternPartial":"components-tab-bar-item-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-tab-bar-small" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-tab-bar-tab-bar-small&#x2F;components-tab-bar-tab-bar-small.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-tab-bar-small" title="Link to Pattern">
+						Tab Bar Small
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-tab-bar-small" data-patternpartial="components-tab-bar-small" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-tab-bar-small">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="cmp-tab-bar" role="tablist" data-size="small">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_0"  checked>
+		<label for="tab_small_0" role="tab">Tab 01</label>
+		<section id="content_small_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_1" >
+		<label for="tab_small_1" role="tab">Tab 02</label>
+		<section id="content_small_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_2" >
+		<label for="tab_small_2" role="tab">Tab 03</label>
+		<section id="content_small_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_3" >
+		<label for="tab_small_3" role="tab">Tab 04</label>
+		<section id="content_small_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-small" id="tab_small_4" 
+			disabled>
+		<label for="tab_small_4" role="tab">Tab 05</label>
+		<section id="content_small_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-tab-bar-small" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar Small","patternPartial":"components-tab-bar-small","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-tab-bar-small-item-icon" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-tab-bar-tab-bar-small-item-icon&#x2F;components-tab-bar-tab-bar-small-item-icon.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-tab-bar-small-item-icon" title="Link to Pattern">
+						Tab Bar Small Item Icon
+		
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-tab-bar-small-item-icon" data-patternpartial="components-tab-bar-small-item-icon" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-tab-bar-small-item-icon">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="cmp-tab-bar" role="tablist" data-size="small">
+	<!-- Pay attention to use a component wide, but component instance specific name to the following input[type="radio"] elements //-->
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_0"  checked>
+		<label for="tab_icon_0" role="tab" data-icon="account">Tab 01</label>
+		<section id="content_icon_0" role="tabpanel">
+			Content 01
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_1" >
+		<label for="tab_icon_1" role="tab" data-icon="account">Tab 02</label>
+		<section id="content_icon_1" role="tabpanel">
+			Content 02
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_2" >
+		<label for="tab_icon_2" role="tab" data-icon="account">Tab 03</label>
+		<section id="content_icon_2" role="tabpanel">
+			Content 03
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_3" >
+		<label for="tab_icon_3" role="tab" data-icon="account">Tab 04</label>
+		<section id="content_icon_3" role="tabpanel">
+			Content 04
+		</section>
+		<input type="radio" name="cmp-tab-bar-tabs-icon" id="tab_icon_4" 
+			disabled>
+		<label for="tab_icon_4" role="tab" data-icon="account">Tab 05</label>
+		<section id="content_icon_4" role="tabpanel">
+			Content 05
+		</section>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-tab-bar-small-item-icon" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"tab-bar"},"patternExtension":"hbs","patternName":"Tab Bar Small Item Icon","patternPartial":"components-tab-bar-small-item-icon","patternState":"","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-components-table" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/components-table&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-components-table">Table</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="components-table" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table&#x2F;components-table-table.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table" title="Link to Pattern">
+						Table
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table" data-patternpartial="components-table" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"components-table-alignments","lineagePath":"../../patterns/components-table-table-alignments/components-table-table-alignments.rendered.html"},{"lineagePattern":"components-table-density","lineagePath":"../../patterns/components-table-table-density/components-table-table-density.rendered.html"}],"lineageR":[{"lineagePattern":"components-table-alignments","lineagePath":"../../patterns/components-table-table-alignments/components-table-table-alignments.rendered.html"},{"lineagePattern":"components-table-density","lineagePath":"../../patterns/components-table-table-density/components-table-table-density.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Hiding columns and rows as responsive behaviour</h2>\n<p>To hide columns and/or rows depending on the viewport size, you could use a SCSS mixin that we provide or even also easily set up some CSS on your own to do so.\nWe've decided against providing classes that would need to get set onto the HTML elements, as you would have to do this for each and very <code>td</code> / <code>th</code> element repeatedly, and it would heavily complicate the configuration as well as harm the elementary concepts of dividing style from content.</p>\n<h3>Hiding columns</h3>\n<p>Using the following SCSS mixin, you could hide a specific column (first parameter), depending on a maximum viewport-width (second parameter), e.g. the following would hide the second column in the <code>thead</code> and <code>tbody</code> section on a viewport up to <code>1023px</code> width:</p>\n<pre><code class=\"language-SCSS\">@include cmp-table-hide-col(2, 1023px);\n</code></pre>\n<p>In case that you wouldn't want to / can't use SCSS, than you could as well easily develop this on your own in pure CSS:</p>\n<pre><code class=\"language-CSS\">@media screen and (max-width: 1023px) {\n\tthead th:nth-child(2),\n\ttbody td:nth-child(2) {\n\t\tdisplay: none;\n\t}\n}\n</code></pre>\n<h3>Hiding rows</h3>\n<p>Using the following SCSS mixin, you could hide a specific row (first parameter), depending on a maximum viewport-width (second parameter), e.g. the following would hide the second row in the <code>tbody</code> section on a viewport up to <code>1023px</code> width:</p>\n<pre><code class=\"language-SCSS\">@include cmp-table-hide-row(2, 1023px);\n</code></pre>\n<p>In case that you wouldn't want to / can't use SCSS, than you could as well easily develop this on your own in pure CSS:</p>\n<pre><code class=\"language-CSS\">@media screen and (max-width: 1023px) {\n\ttbody tr:nth-child(2) {\n\t\tdisplay: none;\n\t}\n}\n</code></pre>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table","patternPartial":"components-table","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-alignments" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-alignments&#x2F;components-table-table-alignments.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-alignments" title="Link to Pattern">
+						Table - alignment
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-alignments" data-patternpartial="components-table-alignments" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-alignments">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>center / middle:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead data-align="center" data-vertical-align="middle">
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody data-align="center" data-vertical-align="middle">
+			<tr>
+				
+				<td>Value 01 - 01<br>two lines</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01 - longer content</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02 - longer content</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+	<dt>right / bottom:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead data-align="right" data-vertical-align="bottom">
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody data-align="right" data-vertical-align="bottom">
+			<tr>
+				
+				<td>Value 01 - 01<br>two lines</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01 - longer content</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02 - longer content</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-alignments" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could set the positioning of the cells content on several different levels and on both axis, by setting the either using SCSS placeholders or setting <code>data-align</code> and <code>data-vertical-align</code> HTML attributes on the surrounding <code>thead</code> or <code>tbody</code>, each grouping <code>tr</code> element or the individual cells <code>th</code> and <code>td</code> elements to either one of these values:</p>\n<h2>Horizontal alignment</h2>\n<h3>SCSS (recommended)</h3>\n<p>Extend one of the variant placeholders: <code>%align-left</code>, <code>%align-center</code> or <code>%align-right</code></p>\n<h3>HTML attribute</h3>\n<p>You could set the different button variants via the <code>data-align</code> attribute:</p>\n<ul>\n<li><code>data-align=&quot;left&quot;</code> (default)</li>\n<li><code>data-align=&quot;center&quot;</code></li>\n<li><code>data-align=&quot;right&quot;</code></li>\n</ul>\n<h2>Vertical alignment</h2>\n<h3>SCSS (recommended)</h3>\n<p>Extend one of the variant placeholders: <code>%vertical-align-top</code>, <code>%vertical-align-middle</code> or <code>%vertical-align-bottom</code></p>\n<h3>HTML attribute</h3>\n<p>You could set the different button variants via the <code>data-vertical-align</code> attribute:</p>\n<ul>\n<li><code>data-vertical-align=&quot;top&quot;</code> (default)</li>\n<li><code>data-vertical-align=&quot;middle&quot;</code></li>\n<li><code>data-vertical-align=&quot;bottom&quot;</code></li>\n</ul>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - alignment","patternPartial":"components-table-alignments","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-border-around" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-border-around&#x2F;components-table-table-border-around.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-border-around" title="Link to Pattern">
+						Table - border around cells
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-border-around" data-patternpartial="components-table-border-around" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-border-around">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	 data-border="around"
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-border-around" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>To enable cell lines around the rows, define the class <code>data-border=&quot;around&quot;</code> on the table element.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - border around cells","patternPartial":"components-table-border-around","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-border-horizontal" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-border-horizontal&#x2F;components-table-table-border-horizontal.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-border-horizontal" title="Link to Pattern">
+						Table - border horizontal
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-border-horizontal" data-patternpartial="components-table-border-horizontal" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-border-horizontal">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	 data-border="horizontal"
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-border-horizontal" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>To enable cell lines horizontally between the rows, define the class <code>data-border=&quot;horizontal&quot;</code> on the table element.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - border horizontal","patternPartial":"components-table-border-horizontal","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-density" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-density&#x2F;components-table-table-density.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-density" title="Link to Pattern">
+						Table - density
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-density" data-patternpartial="components-table-density" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-density">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<dl>
+	<dt>small:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	 data-density="small"
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+	<dt>regular:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	 data-density="regular"
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+	<dt>large:</dt>
+	<dd>
+<table class="cmp-table "
+	
+	
+	 data-density="large"
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+</dd>
+</dl>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-density" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-table","lineagePath":"../../patterns/components-table-table/components-table-table.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could choose in between different types of cell density, by setting the <code>data-density</code> attribute on the <code>table</code> element to either one of these values:</p>\n<ul>\n<li><code>small</code></li>\n<li><code>regular</code> (default)</li>\n<li><code>large</code></li>\n</ul>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - density","patternPartial":"components-table-density","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-font-size" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-font-size&#x2F;components-table-table-font-size.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-font-size" title="Link to Pattern">
+						Table - font size
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-font-size" data-patternpartial="components-table-font-size" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-font-size">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!-- [html-validate-disable-next no-inline-style -- we're doing inline-styling for simplification here] -->
+<table class="cmp-table "
+	
+	
+	
+	 style="--table---fontSize: 0.875rem"
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-font-size" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could define a specific font-size in dp (density pixels), by setting the <code>--table---fontSize</code> CSS Variable on the <code>table</code> element to a specific font-size (the specification includes 14dp and 16dp, which equals to <code>0.875rem</code> or <code>1rem</code>).</p>\n<ul>\n<li><code>0.875rem</code></li>\n<li><code>1rem</code> (default)</li>\n</ul>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - font size","patternPartial":"components-table-font-size","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-icons" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-icons&#x2F;components-table-table-icons.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-icons" title="Link to Pattern">
+						Table - icons
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-icons" data-patternpartial="components-table-icons" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-icons">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td data-icon="account">Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-icons" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could include icons within the cells like you would normally do to set one on an HTML tag: By setting the <code>data-icon</code> attribute on the specific cell, compare to the <a href=\"/patterns/base-icons/index.html\">icons description</a>.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - icons","patternPartial":"components-table-icons","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-overflow-menu" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-overflow-menu&#x2F;components-table-table-overflow-menu.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-overflow-menu" title="Link to Pattern">
+						Table Overflow Menu
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-overflow-menu" data-patternpartial="components-table-overflow-menu" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-overflow-menu">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				<td>
+<details class="cmp-overflow-menu">
+	<summary></summary>
+	<menu type="toolbar">
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Edit
+</button>
+</li>
+		<li><button class="elm-button "
+	
+	
+	title=""
+	type="button"
+	
+	
+	
+	
+	
+	
+	
+	>
+	Delete
+</button>
+</li>
+	</menu>
+</details>
+</td>
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-overflow-menu" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table Overflow Menu","patternPartial":"components-table-overflow-menu","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-row-title" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-row-title&#x2F;components-table-table-row-title.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-row-title" title="Link to Pattern">
+						Table Row Title
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-row-title" data-patternpartial="components-table-row-title" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-row-title">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	
+	
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			<th scope="col">Column header</th>
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				<th scope="row">table header</th>
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-row-title" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table Row Title","patternPartial":"components-table-row-title","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-rows-zebra" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-rows-zebra&#x2F;components-table-table-rows-zebra.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-rows-zebra" title="Link to Pattern">
+						Table - row zebra styling
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-rows-zebra" data-patternpartial="components-table-rows-zebra" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-rows-zebra">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	
+	 data-rows="zebra"
+	
+	
+	>
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-rows-zebra" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>To highlight every other table row, set <code>data-rows=&quot;zebra&quot;</code> on the table element.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - row zebra styling","patternPartial":"components-table-rows-zebra","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="components-table-sticky-header" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/components-table-table-sticky-header&#x2F;components-table-table-sticky-header.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="components-table-sticky-header" title="Link to Pattern">
+						Table - sticky header
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inreview" title="inreview"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-components-table-sticky-header" data-patternpartial="components-table-sticky-header" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-components-table-sticky-header">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			
+<table class="cmp-table "
+	
+	
+	
+	
+	 data-sticky="header">
+	<caption>
+		Table title
+	</caption>
+	<thead>
+		<tr>
+			
+			<th scope="col">The table header 01</th>
+			<th scope="col">The table header 02</th>
+		</tr>
+	</thead>
+	<tbody>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 01 - 01</td>
+				<td>Value 01 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 02 - 01</td>
+				<td>Value 02 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 03 - 01</td>
+				<td>Value 03 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 04 - 01</td>
+				<td>Value 04 - 02</td>
+				
+			</tr>
+			<tr>
+				
+				<td>Value 05 - 01</td>
+				<td>Value 05 - 02</td>
+				
+			</tr>
+	</tbody>
+</table>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-components-table-sticky-header" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-overflow-menu","lineagePath":"../../patterns/components-overflow-menu-overflow-menu/components-overflow-menu-overflow-menu.rendered.html","lineageState":"inreview"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"<p>You could set the header cells to appear sticky on scrolling, which is especially useful on longer tables with a lot of rows, by setting the <code>data-sticky=&quot;header&quot;</code> attribute on the table.</p>\n","patternBreadcrumb":{"patternGroup":"components","patternSubgroup":"table"},"patternExtension":"hbs","patternName":"Table - sticky header","patternPartial":"components-table-sticky-header","patternState":"inreview","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-areas-all" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/areas&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-areas-all">Areas</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="viewall-areas-footer" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/areas-footer&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-areas-footer">Footer</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="areas-footer" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/areas-footer-footer&#x2F;areas-footer-footer.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="areas-footer" title="Link to Pattern">
+						Footer
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-areas-footer" data-patternpartial="areas-footer" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-areas-footer">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<footer class="rea-footer ">
+	<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="https://db-ui.github.io/datenschutzerklaerung.html"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					 lang="de"
+					 hreflang="de"
+					 target="_blank"
+					
+					
+					
+					
+					>Datenschutzerklärung (Data privacy)
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://www.dbsystel.de/dbsystel-en/legal-3715942"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>Imprint
+				</a>
+			</li>
+			<li>
+				<a
+					href="mailto:db-ux-designsystem@deutschebahn.com"
+					class="elm-link "
+					title=""
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Contact
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>About us
+				</a>
+			</li>
+	</ul>
+	Copyright 2024 DB Systel
+</footer>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-areas-footer" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"lineageR":[{"lineagePattern":"pages-intro","lineagePath":"../../patterns/pages-intro/pages-intro.rendered.html"},{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Fixed positioned footer</h2>\n<p>You could set the footer area to fixed positioning by adding the class <code>has-fixed-footer</code> to the <code>body</code> HTML tag.</p>\n<h2>Top border to seperate footer from main areas</h2>\n<p>You could set the footer area to get seperated via a top border by adding the class <code>has-border</code> to the <code>footer.rea-footer</code> HTML tag.</p>\n<h2>Visual footer seperation</h2>\n<p>In case that a light background color for the main area is being used, the footer should get visually seperated by the grey border that is included as a default - but if the main area includes either a colorful or grey background, than disable/overwrite that <code>border-top</code> on the footer element (SCSS variable <code>$footer-​--borderTop</code>).</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer","patternPartial":"areas-footer","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="areas-footer-with-border" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/areas-footer-footer-with-border&#x2F;areas-footer-footer-with-border.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="areas-footer-with-border" title="Link to Pattern">
+						Footer With Border
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-areas-footer-with-border" data-patternpartial="areas-footer-with-border" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-areas-footer-with-border">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<footer class="rea-footer has-border">
+	<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="https://db-ui.github.io/datenschutzerklaerung.html"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					 lang="de"
+					 hreflang="de"
+					 target="_blank"
+					
+					
+					
+					
+					>Datenschutzerklärung (Data privacy)
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://www.dbsystel.de/dbsystel-en/legal-3715942"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>Imprint
+				</a>
+			</li>
+			<li>
+				<a
+					href="mailto:db-ux-designsystem@deutschebahn.com"
+					class="elm-link "
+					title=""
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Contact
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>About us
+				</a>
+			</li>
+	</ul>
+	Copyright 2024 DB Systel
+</footer>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-areas-footer-with-border" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"lineage":[{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"footer"},"patternExtension":"hbs","patternName":"Footer With Border","patternPartial":"areas-footer-with-border","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-areas-grid" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/areas-grid&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-areas-grid">Grid</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="areas-grid" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/areas-grid-grid&#x2F;areas-grid-grid.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="areas-grid" title="Link to Pattern">
+						Grid
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-areas-grid" data-patternpartial="areas-grid" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-areas-grid">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<!--
+// jscpd:ignore-start
+-->
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fourth column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fourth column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fifth column</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Second column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Third column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fourth column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Fifth column</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Sixth column</p>
+	</div>
+</div>
+
+<hr>
+
+<div class="rea-grid">
+	<div data-type="four-fifths">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-four-fifths</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="three-quarters">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-three-quarters</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="two-thirds">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-two-thirds</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="three-fifths">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-three-fifths</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="half">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-half</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="two-fifths">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-two-fifths</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="one-third">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-one-third</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="one-quarter">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-one-quarter</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+
+<div class="rea-grid">
+	<div data-type="one-fifth">
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">First column / SCSS Placeholder: %is-one-fifth</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+	<div>
+		<p class="DO-NOT-COPY-THIS-CLASS-example-abstract">Auto</p>
+	</div>
+</div>
+<!--
+// jscpd:ignore-end
+-->
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-areas-grid" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":false,"patternLineages":[],"lineage":[],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":false,"patternDesc":"<h2>CSS Grid vs. Flexbox</h2>\n<p>In general it's recommended to use CSS Grid instead of Flexbox for structuring a page in a grid structure - as this is the most simple, stable and flexible solution, there's even also no need for an abstraction anymore, you could easily define your declarations in plain CSS that for.</p>\n<h3>Usage of CSS grid</h3>\n<blockquote>\n<p>The more I use CSS Grid, the more convinced I am that there is no benefit to be had by adding a layer of abstraction over it. CSS Grid is the layout framework baked right into the browser</p>\n</blockquote>\n<p>—  Jen Simmons</p>\n<h4>Further information and support</h4>\n<ul>\n<li><a href=\"http://cssgridgarden.com/\">http://cssgridgarden.com/</a></li>\n</ul>\n<h3>Usage of CSS Flexbox</h3>\n<h4>Further informations</h4>\n<ul>\n<li><a href=\"http://flexboxfroggy.com/\">http://flexboxfroggy.com/</a></li>\n<li><a href=\"https://cvan.io/flexboxin5/\">https://cvan.io/flexboxin5/</a></li>\n<li><a href=\"https://dzhavat.github.io/2020/09/09/css-flexbox-cheatsheet-v3.html\">https://dzhavat.github.io/2020/09/09/css-flexbox-cheatsheet-v3.html</a></li>\n</ul>\n<h3>Outlook to common page formats</h3>\n<p>Nevertheless we're currently evaluating whether we'll provide some general and basic grid structures of common page formats even already as &quot;page templates&quot; in the near future, that will than include those common page structures via CSS Grid.</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"grid"},"patternExtension":"hbs","patternName":"Grid","patternPartial":"areas-grid","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="viewall-areas-header" class="pl-c-category">
+				
+			<h2 class="pl-c-category__title">
+				<a href="../../patterns/areas-header&#x2F;index.html" class="pl-c-category__title-link patternLink" data-patternpartial="viewall-areas-header">Header</a>
+			</h2><!--end pl-c-category__title-->
+		
+			<div class="pl-c-category__description pl-c-text-passage">
+				
+			</div><!--end pl-c-category__description-->
+			
+		</div><!--end pl-c-category-->
+					<div id="areas-header" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/areas-header-header&#x2F;areas-header-header.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="areas-header" title="Link to Pattern">
+						Header
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-areas-header" data-patternpartial="areas-header" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-areas-header">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<header class="rea-header">
+	<nav class="cmp-mainnavigation" id="mainnavigation-inheader01">
+		<input type="checkbox" id="toggle_mainnavigation-inheader01">
+		<label for="toggle_mainnavigation-inheader01" title="Toggle main navigation" class="is-site-name">UI Core</label>
+		<ul>
+			<li aria-haspopup="true">
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="index"
+					
+					
+					
+					
+					
+					
+					
+					 aria-current="page"
+					
+					
+					
+					>Startseite
+				</a>
+	
+				<ul>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="index"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 01
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 03
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 04
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 05
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 06
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 07
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 08
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 09
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="offers"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 02
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 03
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li>
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="news"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 03
+							</a>
+	
+						</li>
+				</ul>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="offers"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Aufträge
+				</a>
+	
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="news"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>News
+				</a>
+	
+			</li>
+		</ul>
+	</nav>
+
+	<div class="cmp-brand">
+		<a href="#" title="Home" rel="home">
+			
+					<img src="../../images/db_logo.svg" alt="Deutsche Bahn Logo" width="" height=""
+						class="elm-image is-logo"   elementtiming="logo" >
+			
+				
+		</a>
+		<span class="is-site-name">UI Core</span>
+	</div>
+
+	<div class="rea-meta">
+		<form class="cmp-sitesearch" action="#" method="post" role="search">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+			<input type="search"
+				class="elm-input "
+				placeholder="Suchen …"
+				name="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4"
+				id="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4"
+				
+				value=""
+				
+				
+				
+				
+				aria-labelledby="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4-label"
+				
+				>
+			<label class="elm-label"
+				for="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4"
+				aria-hidden="true"
+				id="id-1dbc1ee8-10c6-4427-8a2a-d6e6d4a5eff4-label"
+				>Suche</label>
+			
+			
+			
+			<button class="elm-button "
+				
+				
+				title="Title text"
+				type="submit"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Suchen
+			</button>
+		</form>
+		<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="configuration"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Einstellungen
+				</a>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="messages"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Nachrichten
+				</a>
+			</li>
+		</ul>
+		
+		<ul class="cmp-language-switcher">
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="English language"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="en"
+						
+						
+						
+						
+						
+						>EN
+					</a>
+			</li>
+			<li aria-current="page">
+					<a
+						href="#"
+						class="elm-link "
+						title="Deutsche Sprache"
+						 rel="bookmark"
+						
+						
+						
+						
+						
+						 hreflang="de"
+						
+						
+						
+						
+						
+						>DE
+					</a>
+			</li>
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="Langue française"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="fr"
+						
+						
+						
+						
+						
+						>FR
+					</a>
+			</li>
+		</ul>
+			<a
+				href="#"
+				class="elm-link "
+				title="Title text"
+				 rel="account"
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				>Login
+			</a>
+	</div>
+</header>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-areas-header" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineage":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"lineageR":[{"lineagePattern":"pages-sample-page","lineagePath":"../../patterns/pages-sample-page/pages-sample-page.rendered.html"}],"patternLineageEExists":true,"patternDesc":"<h2>Breakpoint for the header</h2>\n<p>If you'd like to control the breakpoint that we've set for the <code>header</code> parts especially to transform from a regular navigation to a burger navigation, you could overwrite the <code>SCSS</code> variable <code>$db-break-the-header-max-width</code> with a new value that should get used within the CSS code for that breakpoint, like e.g. <code>1280px</code>.</p>\n<h2>Fixed positioned header</h2>\n<p>You could set the header area to fixed positioning by adding the class <code>has-fixed-header</code> to the <code>body</code> HTML tag.</p>\n","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"header"},"patternExtension":"hbs","patternName":"Header","patternPartial":"areas-header","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="areas-header-loggedin" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/areas-header-header-loggedin&#x2F;areas-header-header-loggedin.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="areas-header-loggedin" title="Link to Pattern">
+						Header Loggedin
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-areas-header-loggedin" data-patternpartial="areas-header-loggedin" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-areas-header-loggedin">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<header class="rea-header">
+	<nav class="cmp-mainnavigation" id="mainnavigation-inheader02">
+		<input type="checkbox" id="toggle_mainnavigation-inheader02">
+		<label for="toggle_mainnavigation-inheader02" title="Toggle main navigation" class="is-site-name">UI Core</label>
+		<ul>
+			<li aria-haspopup="true">
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="index"
+					
+					
+					
+					
+					
+					
+					
+					 aria-current="page"
+					
+					
+					
+					>Startseite
+				</a>
+	
+				<ul>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="index"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 01
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 03
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 04
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 05
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 06
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 07
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 08
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 01 Sub 09
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li aria-haspopup="true">
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="offers"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 02
+							</a>
+	
+								<ul>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="index"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 01
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="offers"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 02
+	</a>
+	</li>
+										<li><a
+		href="#"
+		class="elm-link "
+		title=""
+		 rel="news"
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		>Sub 02 Sub 03
+	</a>
+	</li>
+								</ul>
+						</li>
+						<li>
+							<a
+								href="#"
+								class="elm-link "
+								title=""
+								 rel="news"
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								
+								>Submenu 03
+							</a>
+	
+						</li>
+				</ul>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="offers"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Aufträge
+				</a>
+	
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title=""
+					 rel="news"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>News
+				</a>
+	
+			</li>
+		</ul>
+	</nav>
+
+	<div class="cmp-brand">
+		<a href="#" title="Home" rel="home">
+			
+					<img src="../../images/db_logo.svg" alt="Deutsche Bahn Logo" width="" height=""
+						class="elm-image is-logo"   elementtiming="logo" >
+			
+				
+		</a>
+		<span class="is-site-name">UI Core</span>
+	</div>
+
+	<div class="rea-meta">
+		<form class="cmp-sitesearch" action="#" method="post" role="search">
+			<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+			<input type="search"
+				class="elm-input "
+				placeholder="Suchen …"
+				name="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61"
+				id="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61"
+				
+				value=""
+				
+				
+				
+				
+				aria-labelledby="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61-label"
+				
+				>
+			<label class="elm-label"
+				for="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61"
+				aria-hidden="true"
+				id="id-7cc9fe39-7608-455b-aa03-a0cd21d4db61-label"
+				>Suche</label>
+			
+			
+			
+			<button class="elm-button "
+				
+				
+				title="Title text"
+				type="submit"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Suchen
+			</button>
+		</form>
+		<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="configuration"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Einstellungen
+				</a>
+			</li>
+			<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Title text"
+					 rel="messages"
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Nachrichten
+				</a>
+			</li>
+		</ul>
+		
+		<ul class="cmp-language-switcher">
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="English language"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="en"
+						
+						
+						
+						
+						
+						>EN
+					</a>
+			</li>
+			<li aria-current="page">
+					<a
+						href="#"
+						class="elm-link "
+						title="Deutsche Sprache"
+						 rel="bookmark"
+						
+						
+						
+						
+						
+						 hreflang="de"
+						
+						
+						
+						
+						
+						>DE
+					</a>
+			</li>
+			<li>
+					<a
+						href="#"
+						class="elm-link "
+						title="Langue française"
+						 rel="alternate"
+						
+						
+						
+						
+						
+						 hreflang="fr"
+						
+						
+						
+						
+						
+						>FR
+					</a>
+			</li>
+		</ul>
+			
+			<details class="cmp-dropdown is-account">
+				<summary>Ina Wheeler</summary>
+				<menu type="toolbar">
+					<li><button class="elm-button  is-account"
+				
+				
+				title="Title text"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Profileinstellungen
+			</button>
+			</li>
+					<li><button class="elm-button  is-account"
+				
+				
+				title="Title text"
+				type="button"
+				
+				
+				
+				
+				
+				
+				
+				>
+				Logout
+			</button>
+			</li>
+				</menu>
+			</details>
+	</div>
+</header>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-areas-header-loggedin" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"lineage":[{"lineagePattern":"components-mainnavigation","lineagePath":"../../patterns/components-mainnavigation-mainnavigation/components-mainnavigation-mainnavigation.rendered.html"},{"lineagePattern":"components-brand","lineagePath":"../../patterns/components-brand-_brand/components-brand-_brand.rendered.html"},{"lineagePattern":"areas-meta","lineagePath":"../../patterns/areas-header-meta/areas-header-meta.rendered.html"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"header"},"patternExtension":"hbs","patternName":"Header Loggedin","patternPartial":"areas-header-loggedin","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="areas-meta" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/areas-header-meta&#x2F;areas-header-meta.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="areas-meta" title="Link to Pattern">
+						Meta
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inprogress" title="inprogress"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-areas-meta" data-patternpartial="areas-meta" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-areas-meta">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<div class="rea-meta">
+	<form class="cmp-sitesearch" action="#" method="post" role="search">
+		<!-- The aria-labelledby attribute on the input and related id on the label as well as aria-hidden="true" are being set for correct support within assistive tools like screenreaders //-->
+		<input type="search"
+			class="elm-input "
+			placeholder="Suchen …"
+			name="id-87835796-cfa0-4e16-96eb-4a929ee77eeb"
+			id="id-87835796-cfa0-4e16-96eb-4a929ee77eeb"
+			
+			value=""
+			
+			
+			
+			
+			aria-labelledby="id-87835796-cfa0-4e16-96eb-4a929ee77eeb-label"
+			
+			>
+		<label class="elm-label"
+			for="id-87835796-cfa0-4e16-96eb-4a929ee77eeb"
+			aria-hidden="true"
+			id="id-87835796-cfa0-4e16-96eb-4a929ee77eeb-label"
+			>Suche</label>
+		
+		
+		
+		<button class="elm-button "
+			
+			
+			title="Title text"
+			type="submit"
+			
+			
+			
+			
+			
+			
+			
+			>
+			Suchen
+		</button>
+	</form>
+	<ul class="cmp-metanavigation">
+		<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="Title text"
+				 rel="configuration"
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				>Einstellungen
+			</a>
+		</li>
+		<li>
+			<a
+				href="#"
+				class="elm-link "
+				title="Title text"
+				 rel="messages"
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				
+				>Nachrichten
+			</a>
+		</li>
+	</ul>
+	
+	<ul class="cmp-language-switcher">
+		<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="English language"
+					 rel="alternate"
+					
+					
+					
+					
+					
+					 hreflang="en"
+					
+					
+					
+					
+					
+					>EN
+				</a>
+		</li>
+		<li aria-current="page">
+				<a
+					href="#"
+					class="elm-link "
+					title="Deutsche Sprache"
+					 rel="bookmark"
+					
+					
+					
+					
+					
+					 hreflang="de"
+					
+					
+					
+					
+					
+					>DE
+				</a>
+		</li>
+		<li>
+				<a
+					href="#"
+					class="elm-link "
+					title="Langue française"
+					 rel="alternate"
+					
+					
+					
+					
+					
+					 hreflang="fr"
+					
+					
+					
+					
+					
+					>FR
+				</a>
+		</li>
+	</ul>
+		<a
+			href="#"
+			class="elm-link "
+			title="Title text"
+			 rel="account"
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			
+			>Login
+		</a>
+</div>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-areas-meta" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"lineage":[{"lineagePattern":"components-sitesearch","lineagePath":"../../patterns/components-sitesearch-_sitesearch/components-sitesearch-_sitesearch.rendered.html"},{"lineagePattern":"components-metanavigation","lineagePath":"../../patterns/components-metanavigation-metanavigation/components-metanavigation-metanavigation.rendered.html"},{"lineagePattern":"components-language-switcher","lineagePath":"../../patterns/components-language-switcher-language-switcher/components-language-switcher-language-switcher.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-dropdown","lineagePath":"../../patterns/components-dropdown-dropdown/components-dropdown-dropdown.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"}],"patternLineageRExists":true,"patternLineagesR":[{"lineagePattern":"areas-header-loggedin","lineagePath":"../../patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html"},{"lineagePattern":"areas-header","lineagePath":"../../patterns/areas-header-header/areas-header-header.rendered.html","lineageState":"inprogress"}],"lineageR":[{"lineagePattern":"areas-header-loggedin","lineagePath":"../../patterns/areas-header-header-loggedin/areas-header-header-loggedin.rendered.html"},{"lineagePattern":"areas-header","lineagePath":"../../patterns/areas-header-header/areas-header-header.rendered.html","lineageState":"inprogress"}],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"areas","patternSubgroup":"header"},"patternExtension":"hbs","patternName":"Meta","patternPartial":"areas-meta","patternState":"inprogress","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+		<div id="pages-intro" class="pl-c-pattern">
+		
+			<div class="pl-c-pattern__header">
+		
+				<h3 class="pl-c-pattern__title">
+		
+					<a href="../../patterns/pages-intro&#x2F;pages-intro.rendered.html" class="pl-c-pattern__title-link patternLink" data-patternpartial="pages-intro" title="Link to Pattern">
+						Intro
+		
+						<span class="pl-c-pattern-state pl-c-pattern-state--inevaluation" title="inevaluation"></span>
+		
+					</a><!--end pl-c-pattern__title-link-->
+		
+				</h3><!--end pl-c-pattern__title-->
+		
+				<button class="pl-c-pattern__extra-toggle pl-js-pattern-extra-toggle" id="pl-pattern-extra-toggle-pages-intro" data-patternpartial="pages-intro" title="View Pattern Info" type="button">
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--expand">Expand</span>
+					<span class="pl-c-pattern__extra-toggle-text pl-c-pattern__extra-toggle-text--collapse">Collapse</span>
+						<svg viewBox="0 0 16 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--expand">
+							<path fill="currentColor" d="M9 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+						</svg>
+		
+						<svg viewBox="0 0 20 16" width="20" height="20" class="pl-c-pattern__toggle-icon pl-c-pattern__toggle-icon--collapse">
+							<path fill="currentColor" d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"></path>
+							<path fill="currentColor" d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"></path>
+							<path fill="currentColor" d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"></path>
+						</svg>
+				</button>
+		
+			</div><!--end pl-c-pattern__header-->
+		
+			<div class="pl-c-pattern__extra pl-js-pattern-extra" id="pl-pattern-extra-pages-intro">
+		    </div><!--end pl-c-pattern__extra-->
+		
+			<div class="pl-js-pattern-example">
+			<main>
+
+	<section>
+		
+				<img src="../../images/db-ui-core_logo.png" alt="" width="48" height="48"
+					class="elm-image "  >
+		
+			
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h1 class="elm-headline ">DB UI Core</h1>
+
+		<img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI0IiBoZWlnaHQ9IjIwIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkxpY2Vuc2U6IEFwYWNoZSAyLjAiPjx0aXRsZT5MaWNlbnNlOiBBcGFjaGUgMi4wPC90aXRsZT48bGluZWFyR3JhZGllbnQgaWQ9InMiIHgyPSIwIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYmJiIiBzdG9wLW9wYWNpdHk9Ii4xIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9Ii4xIi8+PC9saW5lYXJHcmFkaWVudD48Y2xpcFBhdGggaWQ9InIiPjxyZWN0IHdpZHRoPSIxMjQiIGhlaWdodD0iMjAiIHJ4PSIzIiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjcikiPjxyZWN0IHdpZHRoPSI1MSIgaGVpZ2h0PSIyMCIgZmlsbD0iIzU1NSIvPjxyZWN0IHg9IjUxIiB3aWR0aD0iNzMiIGhlaWdodD0iMjAiIGZpbGw9IiMwMDdlYzYiLz48cmVjdCB3aWR0aD0iMTI0IiBoZWlnaHQ9IjIwIiBmaWxsPSJ1cmwoI3MpIi8+PC9nPjxnIGZpbGw9IiNmZmYiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJWZXJkYW5hLEdlbmV2YSxEZWphVnUgU2FucyxzYW5zLXNlcmlmIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBmb250LXNpemU9IjExMCI+PHRleHQgYXJpYS1oaWRkZW49InRydWUiIHg9IjI2NSIgeT0iMTUwIiBmaWxsPSIjMDEwMTAxIiBmaWxsLW9wYWNpdHk9Ii4zIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iNDEwIj5MaWNlbnNlPC90ZXh0Pjx0ZXh0IHg9IjI2NSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iNDEwIj5MaWNlbnNlPC90ZXh0Pjx0ZXh0IGFyaWEtaGlkZGVuPSJ0cnVlIiB4PSI4NjUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjYzMCI+QXBhY2hlIDIuMDwvdGV4dD48dGV4dCB4PSI4NjUiIHk9IjE0MCIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIGZpbGw9IiNmZmYiIHRleHRMZW5ndGg9IjYzMCI+QXBhY2hlIDIuMDwvdGV4dD48L2c+PC9zdmc+" width="124" height="20" alt="Apache 2.0 license badge">
+		<a href="https://npmjs.com/package/@db-ui/core" target="_blank" rel="noopener noreferrer"><img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODAiIGhlaWdodD0iMjAiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0ibnBtOiB2My4yLjciPjx0aXRsZT5ucG06IHYzLjIuNzwvdGl0bGU+PGxpbmVhckdyYWRpZW50IGlkPSJzIiB4Mj0iMCIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JiYiIgc3RvcC1vcGFjaXR5PSIuMSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIuMSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJyIj48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMjAiIHJ4PSIzIiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjcikiPjxyZWN0IHdpZHRoPSIzNSIgaGVpZ2h0PSIyMCIgZmlsbD0iIzU1NSIvPjxyZWN0IHg9IjM1IiB3aWR0aD0iNDUiIGhlaWdodD0iMjAiIGZpbGw9InJnYigyMzcsIDI4LCAzNikiLz48cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMjAiIGZpbGw9InVybCgjcykiLz48L2c+PGcgZmlsbD0iI2ZmZiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IlZlcmRhbmEsR2VuZXZhLERlamFWdSBTYW5zLHNhbnMtc2VyaWYiIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGZvbnQtc2l6ZT0iMTEwIj48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMTg1IiB5PSIxNTAiIGZpbGw9IiMwMTAxMDEiIGZpbGwtb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSIyNTAiPm5wbTwvdGV4dD48dGV4dCB4PSIxODUiIHk9IjE0MCIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIGZpbGw9IiNmZmYiIHRleHRMZW5ndGg9IjI1MCI+bnBtPC90ZXh0Pjx0ZXh0IGFyaWEtaGlkZGVuPSJ0cnVlIiB4PSI1NjUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjM1MCI+djMuMi43PC90ZXh0Pjx0ZXh0IHg9IjU2NSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iMzUwIj52My4yLjc8L3RleHQ+PC9nPjwvc3ZnPg==" width="80" height="20" alt="npm version"></a>
+		<img src="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzA4IiBoZWlnaHQ9IjIwIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkJhc2VkIG9uOiBEQiBEZXNpZ24gU3lzdGVtIFVYIEd1aWRlcyArIFN0YW5kYXJkcyI+PHRpdGxlPkJhc2VkIG9uOiBEQiBEZXNpZ24gU3lzdGVtIFVYIEd1aWRlcyArIFN0YW5kYXJkczwvdGl0bGU+PGxpbmVhckdyYWRpZW50IGlkPSJzIiB4Mj0iMCIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JiYiIgc3RvcC1vcGFjaXR5PSIuMSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIuMSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJyIj48cmVjdCB3aWR0aD0iMzA4IiBoZWlnaHQ9IjIwIiByeD0iMyIgZmlsbD0iI2ZmZiIvPjwvY2xpcFBhdGg+PGcgY2xpcC1wYXRoPSJ1cmwoI3IpIj48cmVjdCB3aWR0aD0iNjEiIGhlaWdodD0iMjAiIGZpbGw9IiM1NTUiLz48cmVjdCB4PSI2MSIgd2lkdGg9IjI0NyIgaGVpZ2h0PSIyMCIgZmlsbD0iI2Q3ZGNlMSIvPjxyZWN0IHdpZHRoPSIzMDgiIGhlaWdodD0iMjAiIGZpbGw9InVybCgjcykiLz48L2c+PGcgZmlsbD0iI2ZmZiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IlZlcmRhbmEsR2VuZXZhLERlamFWdSBTYW5zLHNhbnMtc2VyaWYiIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGZvbnQtc2l6ZT0iMTEwIj48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMzE1IiB5PSIxNTAiIGZpbGw9IiMwMTAxMDEiIGZpbGwtb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSI1MTAiPkJhc2VkIG9uPC90ZXh0Pjx0ZXh0IHg9IjMxNSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iNTEwIj5CYXNlZCBvbjwvdGV4dD48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iMTgzNSIgeT0iMTUwIiBmaWxsPSIjY2NjIiBmaWxsLW9wYWNpdHk9Ii4zIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iMjM3MCI+REIgRGVzaWduIFN5c3RlbSBVWCBHdWlkZXMgKyBTdGFuZGFyZHM8L3RleHQ+PHRleHQgeD0iMTgzNSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iIzMzMyIgdGV4dExlbmd0aD0iMjM3MCI+REIgRGVzaWduIFN5c3RlbSBVWCBHdWlkZXMgKyBTdGFuZGFyZHM8L3RleHQ+PC9nPjwvc3ZnPg==" width="308" height="20" alt="Based on DB UX Design System guidelines">
+
+		<p lang="de">Personenverkehr und DB Systel führen ihre Design Systeme für Web in der Version 2.0 der Standard Web Components zusammen. Unser Ziel ist eine einheitliche Basis UX im Sinne der Modernen Ikone für Kunden und Mitarbeiteranwendungen. Um unser Design End 2 End von Konzeption über Design bis zur Implementierung konsistent zu halten, wird das DB UX Design System auch in Code von DB Systel und Reisendeninformation umgesetzt. Stay Tuned!</p>
+
+		<figure class="intro-quotation">
+			<blockquote>We’re not designing pages anymore. We’re designing systems of components.</blockquote>
+			<figcaption><a
+	href="https://bradfrost.com/blog/post/bdconf-stephen-hay-presents-responsive-design-workflow/"
+	class="elm-link "
+	title="Article on Stephen Hay presenting the responsive design workflow by Brad Frost"
+	 rel="noopener noreferrer"
+	
+	
+	
+	
+	
+	
+	 target="_blank"
+	
+	
+	
+	
+	>Stephen Hay
+</a>
+.
+				Quoted in a <cite><a
+	href="https://vimeo.com/67476280"
+	class="elm-link "
+	title="Video on vimeo of a talk by Brad Frost regarding responsive design"
+	 rel="noopener noreferrer"
+	
+	
+	
+	
+	
+	
+	 target="_blank"
+	
+	
+	
+	
+	>talk by Brad Frost
+</a>
+ at beyond tellerrand conference</cite>.</figcaption>
+		</figure>
+
+		<p lang="de">Mit DB UI Core bieten wir robuste HTML UI Komponenten, wiederverwendbare visuelle Styles und mächtige Werkzeuge, um
+			vor allem Mitarbeitende der Bereiche Entwicklung, Konzeption&amp;Design und Content Pflege&amp;Produktion dabei zu unterstützen,
+			allerbeste digitale Erlebnisse zu erstellen und zu betreiben.</p>
+
+		<p lang="de">Damit unsere technischen Produkte einen möglichst gro&szlig;en Umfang an Nutzer:innen erreichen,
+			haben wir uns dazu entschlossen, die Majorität unserer Dokumentation in englischer Sprache zu verfassen,
+			die insbesondere im Bereich der technischen Entwicklung i.d.R. geläufig ist.</p>
+	</section>
+
+	<section>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Core principals</h2>
+
+		<ul class="cmp-cards">
+				<li class="cmp-card" data-variant="banner">
+					
+						<figure>
+								<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+									<use href="../../icons/illustrative/devices/db_ic_il_laptop.svg#icon"></use>
+								</svg>
+							<figcaption>
+								<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+								<h3 class="elm-headline">Consistent &amp; Compliant</h3>
+								<p>DB UI Core is based on the <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/Components" target="_blank">DB UX Design System</a>, that are the guidelines for any Personenverkehr Customer and Deutsche Bahn Enterprise website and web applications.</p>
+							</figcaption>
+						</figure>
+					
+				</li>
+				<li class="cmp-card" data-variant="banner">
+					
+						<figure>
+								<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+									<use href="../../icons/illustrative/action/db_ic_il_handshake.svg#icon"></use>
+								</svg>
+							<figcaption>
+								<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+								<h3 class="elm-headline">Accessible</h3>
+								<p>DB UI Core leverages semantic HTML, ARIA roles, states and properties to apply our styles wherever possible, thus enforcing correct, accessible markup. And we're quality checking this in partnership with the <a href="https://db.de/8pei5n" target="_blank" rel="noopener noreferrer">Team Digital Accessibility</a></p>
+							</figcaption>
+						</figure>
+					
+				</li>
+				<li class="cmp-card" data-variant="banner">
+					
+						<figure>
+								<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+									<use href="../../icons/illustrative/news/db_ic_il_newspaper.svg#icon"></use>
+								</svg>
+							<figcaption>
+								<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+								<h3 class="elm-headline">Declarative</h3>
+								<p>DB UI Core uses declarative selectors instead of visual helpers to ensure our HTML class names and structure are human read- and understandable, lean, performant and so much easier to update.</p>
+							</figcaption>
+						</figure>
+					
+				</li>
+				<li class="cmp-card" data-variant="banner">
+					
+						<figure>
+								<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+									<use href="../../icons/illustrative/communication/db_ic_il_broken.svg#icon"></use>
+								</svg>
+							<figcaption>
+								<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+								<h3 class="elm-headline">Decoupled</h3>
+								<p>DB UI Core is decoupled from the JavaScript layer, to implement the patterns in any Web Development technology context; and we're providing universal Web Components and native JS framework components with <a href="https://db-ui.github.io/elements/" target="_blank">DB UI Elements</a> as well.</p>
+							</figcaption>
+						</figure>
+					
+				</li>
+				<li class="cmp-card" data-variant="banner">
+					
+						<figure>
+								<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+									<use href="../../icons/illustrative/feature/db_ic_il_green.svg#icon"></use>
+								</svg>
+							<figcaption>
+								<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+								<h3 class="elm-headline">Evergreen</h3>
+								<p>As <a href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/Components" target="_blank">DB UX Design System</a> evolves, so does DB UI Core, meaning apps only need to keep their DB UI Core package updated to ensure the latest look and feel.</p>
+							</figcaption>
+						</figure>
+					
+				</li>
+				<li class="cmp-card" data-variant="banner">
+					
+						<figure>
+								<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true">
+									<use href="../../icons/illustrative/action/db_ic_il_tips.svg#icon"></use>
+								</svg>
+							<figcaption>
+								<!-- [html-validate-disable-next heading-level, no-unused-disable] -->
+								<h3 class="elm-headline">Community driven</h3>
+								<p>A platform providing the space and technology for a common basis of curated components; their development is mainly driven by the community, adapted out of the work done in projects and through the huge amount of feedback.</p>
+							</figcaption>
+						</figure>
+					
+				</li>
+		</ul>
+	</section>
+
+	<section>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">How to use</h2>
+		<p>For using DB UI Core, you need to install it as a dependency to your project and then link it within your HTML / CSS.<br>
+		Please have a look into the <a href="https://github.com/db-ui/core/tree/main/docs/getStarted.adoc" target="_blank" rel="noopener noreferrer">Docs / Get Started(docs)</a> for detailed instructions.<br>
+		In case that you're developing a JavaScript application, please have a look at <a href="https://db-ui.github.io/elements/" target="_blank">DB UI Elements</a>, that's based on DB UI Core and provides Web Components for easier integration into this tech context.</p>
+
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">More information</h2>
+		<p>Additionally we'll provide some more information over time regrading the whole ecosystem:</p>
+		<ul class="cmp-link-list">
+				<li><a
+			href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/Components"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>DB UX Design System documentation within the DB Marketingportal (german)
+		</a>
+		</li>
+				<li><a
+			href="https://db.de/pu8moh"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>Confluence / Base Wiki - "Technische Umsetzung des Enterprise UI Design Systems" (german, only available internally)
+		</a>
+		</li>
+				<li><a
+			href="https://db.de/1tyr73"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>Confluence - Web UI Component Library (only available internally)
+		</a>
+		</li>
+				<li><a
+			href="https://github.com/db-ui/core/blob/main/CHANGELOG.md"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>Changelog
+		</a>
+		</li>
+				<li><a
+			href="https://github.com/db-ui/core/tree/main/docs/adr"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>Architectural Decision Records
+		</a>
+		</li>
+				<li><a
+			href="https://github.com/db-ui/core/"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>GitHub - DB UI Core
+		</a>
+		</li>
+				<li><a
+			href="https://db.de/4cwtyn/"
+			class="elm-link "
+			title=""
+			 rel="noopener noreferrer"
+			
+			
+			
+			
+			
+			
+			 target="_blank"
+			
+			
+			
+			
+			>DB UI Core 1.x Gitlab repository (only accessible internally)
+		</a>
+		</li>
+		</ul>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Give us your feedback!</h2>
+		<p>This is only the beta version of our framework and we really want your feedback - either within the <a
+	href="https://db.de/krnm74"
+	class="elm-link "
+	title="Title text"
+	 rel="noopener noreferrer"
+	
+	
+	
+	
+	
+	
+	 target="_blank"
+	
+	
+	
+	
+	>DB UI Channel by Web Dev Community in Microsoft Teams (only available DB internally)
+</a>
+, or directly at <a
+	href="mailto:db-ux-designsystem@deutschebahn.com"
+	class="elm-link "
+	title="Title text"
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	>db-ux-designsystem@deutschebahn.com
+</a>
+.<br>
+		We're particularly keen to add as many examples to the behaviours as possible, to further clarify them.</p>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h2 class="elm-headline ">Things to keep in mind</h2>
+		<!-- [html-validate-disable-next heading-level, no-unused-disable -- we're doing some simple demonstration simplification here] -->
+		<h3 class="elm-headline ">Developed for and driven by the community</h3>
+		<p>This is mainly a platform providing the space and technology for a common basis of curated components; their development is mainly driven by the community, adapted out of the work done in projects and through the huge amount of feedback that we're gaining out of the community. So please support us in any way possible, this is greatly appreciated!</p>
+	</section>
+</main>
+<footer class="rea-footer ">
+	<ul class="cmp-metanavigation">
+			<li>
+				<a
+					href="https://db-ui.github.io/datenschutzerklaerung.html"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					 lang="de"
+					 hreflang="de"
+					 target="_blank"
+					
+					
+					
+					
+					>Datenschutzerklärung (Data privacy)
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://www.dbsystel.de/dbsystel-en/legal-3715942"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>Imprint
+				</a>
+			</li>
+			<li>
+				<a
+					href="mailto:db-ux-designsystem@deutschebahn.com"
+					class="elm-link "
+					title=""
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					
+					>Contact
+				</a>
+			</li>
+			<li>
+				<a
+					href="https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-2/"
+					class="elm-link "
+					title=""
+					 rel="noopener noreferrer"
+					
+					
+					
+					
+					
+					
+					 target="_blank"
+					
+					
+					
+					
+					>About us
+				</a>
+			</li>
+	</ul>
+	Copyright 2024 DB Systel
+</footer>
+
+			</div><!--end pl-js-pattern-example-->
+		
+			<script type="text/json" id="pl-pattern-data-pages-intro" class="pl-js-pattern-data">
+			{"cssEnabled":false,"patternLineageExists":true,"patternLineages":[{"lineagePattern":"elements-image","lineagePath":"../../patterns/elements-image-image/elements-image-image.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-cards","lineagePath":"../../patterns/components-cards-cards/components-cards-cards.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"areas-footer","lineagePath":"../../patterns/areas-footer-footer/areas-footer-footer.rendered.html","lineageState":"inprogress"}],"lineage":[{"lineagePattern":"elements-image","lineagePath":"../../patterns/elements-image-image/elements-image-image.rendered.html"},{"lineagePattern":"elements-headline","lineagePath":"../../patterns/elements-headline-headline/elements-headline-headline.rendered.html"},{"lineagePattern":"elements-link","lineagePath":"../../patterns/elements-link-_link/elements-link-_link.rendered.html","lineageState":"inreview"},{"lineagePattern":"components-cards","lineagePath":"../../patterns/components-cards-cards/components-cards-cards.rendered.html","lineageState":"inprogress"},{"lineagePattern":"components-link-list","lineagePath":"../../patterns/components-link-list-link-list/components-link-list-link-list.rendered.html","lineageState":"inevaluation"},{"lineagePattern":"areas-footer","lineagePath":"../../patterns/areas-footer-footer/areas-footer-footer.rendered.html","lineageState":"inprogress"}],"patternLineageRExists":false,"patternLineagesR":[],"lineageR":[],"patternLineageEExists":true,"patternDesc":"","patternBreadcrumb":{"patternGroup":"pages","patternSubgroup":""},"patternExtension":"hbs","patternName":"Intro","patternPartial":"pages-intro","patternState":"inevaluation","patternEngineName":"handlebars","extraOutput":{}}
+			</script>
+		
+		</div><!--end pl-c-pattern-->
+
+	</div>
+	<!--end pl-c-pattern-index-->
+
+</div>
+<!--end pl-c-main-->		<!--DO NOT REMOVE-->
+		<script type="text/json" id="pl-pattern-data-footer" class="pl-js-pattern-data">
+  {}
+</script>
+
+<script>
+  window.patternData = {};
+</script>
+
+<script>
+  /*!
+   * scriptLoader - v0.1
+   *
+   * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
+   * Licensed under the MIT license
+   *
+   */
+
+  var scriptLoader = {
+
+    run: function(js,cb,target) {
+      var s  = document.getElementById(target+'-'+cb);
+      for (var i = 0; i < js.length; i++) {
+        var src = (typeof js[i] != 'string') ? js[i].src : js[i];
+        var c   = document.createElement('script');
+        c.src   = '../../'+src+'?'+cb;
+        if (typeof js[i] != 'string') {
+          if (js[i].dep !== undefined) {
+            c.onload = function(dep,cb,target) {
+              return function() {
+                scriptLoader.run(dep,cb,target);
+              }
+            }(js[i].dep,cb,target);
+          }
+        }
+        s.parentNode.insertBefore(c,s);
+      }
+    }
+
+  }
+</script>
+
+<script id="pl-js-polyfill-insert-1732197037269">
+  (function() {
+    if (self != top) {
+      var cb = '1732197037269';
+      var js = [];
+      scriptLoader.run(js,cb,'pl-js-polyfill-insert');
+    }
+  })();
+</script>
+
+
+<script type="module">
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  import('../../styleguide/js/patternlab-pattern.modern.js');
+</script>
+
+<script id="pl-js-insert-1732197037269" nomodule>
+  /*! loadJS: load a JS file asynchronously. [c]2014 @scottjehl, Filament Group, Inc. (Based on https://goo.gl/REQGQ by Paul Irish). Licensed MIT */
+  !function(e){var t=function(t,n){"use strict";var o=e.document.getElementsByTagName("script")[0],r=e.document.createElement("script");return r.src=t,r.async=!0,o.parentNode.insertBefore(r,o),n&&"function"==typeof n&&(r.onload=n),r};"undefined"!=typeof module?module.exports=t:e.loadJS=t}("undefined"!=typeof global?global:this);
+
+  // always load Pattern-specific JS so UI like accordions, etc can continue to work even when viewed as a standalone HTML page
+  loadJS('../../styleguide/js/patternlab-pattern.js');
+</script>
+
+
+		<script src="../../js/plugins.min.js"></script>
+		<!-- details/summary polyfill //-->
+		<script src="../../js/details-element-polyfill.js"></script>
+		<!-- dialog polyfill //-->
+		<script src="../../js/dialog-polyfill.js"></script>
+	</body>
+
+</html>
diff --git a/review/refactor-icon-update/styleguide/images/pattern-lab-logo--on-dark.svg b/review/refactor-icon-update/styleguide/images/pattern-lab-logo--on-dark.svg
new file mode 100644
index 0000000000..3c684ef3fb
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/images/pattern-lab-logo--on-dark.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="187px" height="185px" viewBox="0 0 187 185" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-6">
+            <g id="Group-5">
+                <g id="Group-3">
+                    <g id="Group-2">
+                        <circle id="Oval" stroke="#FFFFFF" stroke-width="15" cx="91.7" cy="92.5" r="84.1"></circle>
+                        <circle id="Oval" fill="#ABABAB" cx="91.7" cy="92.5" r="52.8"></circle>
+                        <path d="M186.3,35.7 C186.3,48.1 176.3,58.1 163.9,58.1 C151.5,58.1 141.5,48.1 141.5,35.7 C141.5,23.3 151.5,13.3 163.9,13.3 C176.2,13.3 186.3,23.3 186.3,35.7 Z" id="Path" fill="#ABABAB"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/images/pattern-lab-logo--on-light.svg b/review/refactor-icon-update/styleguide/images/pattern-lab-logo--on-light.svg
new file mode 100644
index 0000000000..095fdf9cdd
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/images/pattern-lab-logo--on-light.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="187px" height="185px" viewBox="0 0 187 185" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-7">
+            <g id="Group-4">
+                <circle id="Oval" stroke="#000000" stroke-width="15" cx="91.7" cy="92.5" r="84.1"></circle>
+                <circle id="Oval" fill="#ABABAB" cx="91.7" cy="92.5" r="52.8"></circle>
+                <path d="M186.3,35.7 C186.3,48.1 176.3,58.1 163.9,58.1 C151.5,58.1 141.5,48.1 141.5,35.7 C141.5,23.3 151.5,13.3 163.9,13.3 C176.2,13.3 186.3,23.3 186.3,35.7 Z" id="Path" fill="#ABABAB"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/4-chunk-2c840af22bc0827abf9a.modern.js b/review/refactor-icon-update/styleguide/js/4-chunk-2c840af22bc0827abf9a.modern.js
new file mode 100644
index 0000000000..38c5d5e80d
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/4-chunk-2c840af22bc0827abf9a.modern.js
@@ -0,0 +1,2 @@
+/*! For license information please see 4-chunk-2c840af22bc0827abf9a.modern.js.LICENSE.txt */
+(self.webpackChunk_pattern_lab_uikit_workshop=self.webpackChunk_pattern_lab_uikit_workshop||[]).push([[4],{16:function(t){var e;e=function(){return function(){var t={686:function(t,e,n){"use strict";n.d(e,{default:function(){return x}});var i=n(279),s=n.n(i),r=n(370),a=n.n(r),o=n(817),_=n.n(o);function u(t){try{return document.execCommand(t)}catch(e){return!1}}var p=function(t){var e=_()(t);return u("cut"),e},l=function(t,e){var n=function(t){var e="rtl"===document.documentElement.getAttribute("dir"),n=document.createElement("textarea");n.style.fontSize="12pt",n.style.border="0",n.style.padding="0",n.style.margin="0",n.style.position="absolute",n.style[e?"right":"left"]="-9999px";var i=window.pageYOffset||document.documentElement.scrollTop;return n.style.top="".concat(i,"px"),n.setAttribute("readonly",""),n.value=t,n}(t);e.container.appendChild(n);var i=_()(n);return u("copy"),n.remove(),i},h=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body},n="";return"string"==typeof t?n=l(t,e):t instanceof HTMLInputElement&&!["text","search","url","tel","password"].includes(null==t?void 0:t.type)?n=l(t.value,e):(n=_()(t),u("copy")),n};function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}var d=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.action,n=void 0===e?"copy":e,i=t.container,s=t.target,r=t.text;if("copy"!==n&&"cut"!==n)throw new Error('Invalid "action" value, use either "copy" or "cut"');if(void 0!==s){if(!s||"object"!==c(s)||1!==s.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===n&&s.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===n&&(s.hasAttribute("readonly")||s.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes')}return r?h(r,{container:i}):s?"cut"===n?p(s):h(s,{container:i}):void 0};function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}function g(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function m(t,e){return m=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},m(t,e)}function y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=v(t);if(e){var s=v(this).constructor;n=Reflect.construct(i,arguments,s)}else n=i.apply(this,arguments);return b(this,n)}}function b(t,e){return!e||"object"!==f(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function v(t){return v=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},v(t)}function k(t,e){var n="data-clipboard-".concat(t);if(e.hasAttribute(n))return e.getAttribute(n)}var w=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&m(t,e)}(r,t);var e,n,i,s=y(r);function r(t,e){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,r),(n=s.call(this)).resolveOptions(e),n.listenClick(t),n}return e=r,n=[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===f(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=a()(t,"click",(function(t){return e.onClick(t)}))}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget,n=this.action(e)||"copy",i=d({action:n,container:this.container,target:this.target(e),text:this.text(e)});this.emit(i?"success":"error",{action:n,text:i,trigger:e,clearSelection:function(){e&&e.focus(),window.getSelection().removeAllRanges()}})}},{key:"defaultAction",value:function(t){return k("action",t)}},{key:"defaultTarget",value:function(t){var e=k("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return k("text",t)}},{key:"destroy",value:function(){this.listener.destroy()}}],i=[{key:"copy",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body};return h(t,e)}},{key:"cut",value:function(t){return p(t)}},{key:"isSupported",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,n=!!document.queryCommandSupported;return e.forEach((function(t){n=n&&!!document.queryCommandSupported(t)})),n}}],n&&g(e.prototype,n),i&&g(e,i),r}(s()),x=w},828:function(t){if("undefined"!=typeof Element&&!Element.prototype.matches){var e=Element.prototype;e.matches=e.matchesSelector||e.mozMatchesSelector||e.msMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector}t.exports=function(t,e){for(;t&&9!==t.nodeType;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}},438:function(t,e,n){var i=n(828);function s(t,e,n,i,s){var a=r.apply(this,arguments);return t.addEventListener(n,a,s),{destroy:function(){t.removeEventListener(n,a,s)}}}function r(t,e,n,s){return function(n){n.delegateTarget=i(n.target,e),n.delegateTarget&&s.call(t,n)}}t.exports=function(t,e,n,i,r){return"function"==typeof t.addEventListener?s.apply(null,arguments):"function"==typeof n?s.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,(function(t){return s(t,e,n,i,r)})))}},879:function(t,e){e.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},e.nodeList=function(t){var n=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===n||"[object HTMLCollection]"===n)&&"length"in t&&(0===t.length||e.node(t[0]))},e.string=function(t){return"string"==typeof t||t instanceof String},e.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},370:function(t,e,n){var i=n(879),s=n(438);t.exports=function(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!i.string(e))throw new TypeError("Second argument must be a String");if(!i.fn(n))throw new TypeError("Third argument must be a Function");if(i.node(t))return function(t,e,n){return t.addEventListener(e,n),{destroy:function(){t.removeEventListener(e,n)}}}(t,e,n);if(i.nodeList(t))return function(t,e,n){return Array.prototype.forEach.call(t,(function(t){t.addEventListener(e,n)})),{destroy:function(){Array.prototype.forEach.call(t,(function(t){t.removeEventListener(e,n)}))}}}(t,e,n);if(i.string(t))return function(t,e,n){return s(document.body,t,e,n)}(t,e,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}},817:function(t){t.exports=function(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var i=window.getSelection(),s=document.createRange();s.selectNodeContents(t),i.removeAllRanges(),i.addRange(s),e=i.toString()}return e}},279:function(t){function e(){}e.prototype={on:function(t,e,n){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var i=this;function s(){i.off(t,s),e.apply(n,arguments)}return s._=e,this.on(t,s,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),i=0,s=n.length;i<s;i++)n[i].fn.apply(n[i].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),i=n[t],s=[];if(i&&e)for(var r=0,a=i.length;r<a;r++)i[r].fn!==e&&i[r].fn._!==e&&s.push(i[r]);return s.length?n[t]=s:delete n[t],this}},t.exports=e,t.exports.TinyEmitter=e}},e={};function n(i){if(e[i])return e[i].exports;var s=e[i]={exports:{}};return t[i](s,s.exports,n),s.exports}return n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n(686)}().default},t.exports=e()},144:function(t,e,n){"use strict";var i=n(145),s=n(143),r=n(147);t.exports=function(t,e){var n,a=s({},e),o=a.sep||"\n\n",_=a.min;return"number"==typeof _&&2!==_&&(n=new RegExp("(\\r\\n|\\n|\\u2424) {"+_+",}")),void 0===n&&(n=a.regex||/(\r\n|\n|\u2424){2,}/g),!0!==a.keepWhitespace&&(t=t.split("\n").map((function(t){return i(t)?t.trim():t})).join("\n")),t=function(t,e){var n=e.trailingNewline;if(!1===n)return t;switch(r(n)){case"string":t=t.replace(/\s+$/,e.trailingNewline);break;case"function":t=e.trailingNewline(t);break;default:t=t.replace(/\s+$/,"\n")}return t}(t,a),t.replace(n,o)}},147:function(t,e,n){var i=n(148),s=Object.prototype.toString;t.exports=function(t){if(void 0===t)return"undefined";if(null===t)return"null";if(!0===t||!1===t||t instanceof Boolean)return"boolean";if("string"==typeof t||t instanceof String)return"string";if("number"==typeof t||t instanceof Number)return"number";if("function"==typeof t||t instanceof Function)return"function";if(void 0!==Array.isArray&&Array.isArray(t))return"array";if(t instanceof RegExp)return"regexp";if(t instanceof Date)return"date";var e=s.call(t);return"[object RegExp]"===e?"regexp":"[object Date]"===e?"date":"[object Arguments]"===e?"arguments":"[object Error]"===e?"error":i(t)?"buffer":"[object Set]"===e?"set":"[object WeakSet]"===e?"weakset":"[object Map]"===e?"map":"[object WeakMap]"===e?"weakmap":"[object Symbol]"===e?"symbol":"[object Int8Array]"===e?"int8array":"[object Uint8Array]"===e?"uint8array":"[object Uint8ClampedArray]"===e?"uint8clampedarray":"[object Int16Array]"===e?"int16array":"[object Uint16Array]"===e?"uint16array":"[object Int32Array]"===e?"int32array":"[object Uint32Array]"===e?"uint32array":"[object Float32Array]"===e?"float32array":"[object Float64Array]"===e?"float64array":"object"}},143:function(t,e,n){"use strict";var i=n(146);function s(t,e){for(var n in e)r(e,n)&&(t[n]=e[n])}function r(t,e){return Object.prototype.hasOwnProperty.call(t,e)}t.exports=function(t){i(t)||(t={});for(var e=arguments.length,n=1;n<e;n++){var r=arguments[n];i(r)&&s(t,r)}return t}},43:function(t){var e;e=function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var s=e[i]={exports:{},id:i,loaded:!1};return t[i].call(s.exports,s,s.exports,n),s.loaded=!0,s.exports}return n.m=t,n.c=e,n.p="",n(0)}([function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=i(n(2)),r=i(n(45)),a=n(46),o=n(51),_=i(n(52)),u=i(n(49)),p=i(n(44)),l=s.default.create;function h(){var t=l();return t.compile=function(e,n){return o.compile(e,n,t)},t.precompile=function(e,n){return o.precompile(e,n,t)},t.AST=r.default,t.Compiler=o.Compiler,t.JavaScriptCompiler=_.default,t.Parser=a.parser,t.parse=a.parse,t.parseWithoutProcessing=a.parseWithoutProcessing,t}var c=h();c.create=h,p.default(c),c.Visitor=u.default,c.default=c,e.default=c,t.exports=e.default},function(t,e){"use strict";e.default=function(t){return t&&t.__esModule?t:{default:t}},e.__esModule=!0},function(t,e,n){"use strict";var i=n(3).default,s=n(1).default;e.__esModule=!0;var r=i(n(4)),a=s(n(37)),o=s(n(6)),_=i(n(5)),u=i(n(38)),p=s(n(44));function l(){var t=new r.HandlebarsEnvironment;return _.extend(t,r),t.SafeString=a.default,t.Exception=o.default,t.Utils=_,t.escapeExpression=_.escapeExpression,t.VM=u,t.template=function(e){return u.template(e,t)},t}var h=l();h.create=l,p.default(h),h.default=h,e.default=h,t.exports=e.default},function(t,e){"use strict";e.default=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e},e.__esModule=!0},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.HandlebarsEnvironment=l;var s=n(5),r=i(n(6)),a=n(10),o=n(30),_=i(n(32)),u=n(33);e.VERSION="4.7.7",e.COMPILER_REVISION=8,e.LAST_COMPATIBLE_COMPILER_REVISION=7,e.REVISION_CHANGES={1:"<= 1.0.rc.2",2:"== 1.0.0-rc.3",3:"== 1.0.0-rc.4",4:"== 1.x.x",5:"== 2.0.0-alpha.x",6:">= 2.0.0-beta.1",7:">= 4.0.0 <4.3.0",8:">= 4.3.0"};var p="[object Object]";function l(t,e,n){this.helpers=t||{},this.partials=e||{},this.decorators=n||{},a.registerDefaultHelpers(this),o.registerDefaultDecorators(this)}l.prototype={constructor:l,logger:_.default,log:_.default.log,registerHelper:function(t,e){if(s.toString.call(t)===p){if(e)throw new r.default("Arg not supported with multiple helpers");s.extend(this.helpers,t)}else this.helpers[t]=e},unregisterHelper:function(t){delete this.helpers[t]},registerPartial:function(t,e){if(s.toString.call(t)===p)s.extend(this.partials,t);else{if(void 0===e)throw new r.default('Attempting to register a partial called "'+t+'" as undefined');this.partials[t]=e}},unregisterPartial:function(t){delete this.partials[t]},registerDecorator:function(t,e){if(s.toString.call(t)===p){if(e)throw new r.default("Arg not supported with multiple decorators");s.extend(this.decorators,t)}else this.decorators[t]=e},unregisterDecorator:function(t){delete this.decorators[t]},resetLoggedPropertyAccesses:function(){u.resetLoggedProperties()}};var h=_.default.log;e.log=h,e.createFrame=s.createFrame,e.logger=_.default},function(t,e){"use strict";e.__esModule=!0,e.extend=a,e.indexOf=function(t,e){for(var n=0,i=t.length;n<i;n++)if(t[n]===e)return n;return-1},e.escapeExpression=function(t){if("string"!=typeof t){if(t&&t.toHTML)return t.toHTML();if(null==t)return"";if(!t)return t+"";t=""+t}return s.test(t)?t.replace(i,r):t},e.isEmpty=function(t){return!t&&0!==t||!(!u(t)||0!==t.length)},e.createFrame=function(t){var e=a({},t);return e._parent=t,e},e.blockParams=function(t,e){return t.path=e,t},e.appendContextPath=function(t,e){return(t?t+".":"")+e};var n={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;","=":"&#x3D;"},i=/[&<>"'`=]/g,s=/[&<>"'`=]/;function r(t){return n[t]}function a(t){for(var e=1;e<arguments.length;e++)for(var n in arguments[e])Object.prototype.hasOwnProperty.call(arguments[e],n)&&(t[n]=arguments[e][n]);return t}var o=Object.prototype.toString;e.toString=o;var _=function(t){return"function"==typeof t};_(/x/)&&(e.isFunction=_=function(t){return"function"==typeof t&&"[object Function]"===o.call(t)}),e.isFunction=_;var u=Array.isArray||function(t){return!(!t||"object"!=typeof t)&&"[object Array]"===o.call(t)};e.isArray=u},function(t,e,n){"use strict";var i=n(7).default;e.__esModule=!0;var s=["description","fileName","lineNumber","endLineNumber","message","name","number","stack"];function r(t,e){var n=e&&e.loc,a=void 0,o=void 0,_=void 0,u=void 0;n&&(a=n.start.line,o=n.end.line,_=n.start.column,u=n.end.column,t+=" - "+a+":"+_);for(var p=Error.prototype.constructor.call(this,t),l=0;l<s.length;l++)this[s[l]]=p[s[l]];Error.captureStackTrace&&Error.captureStackTrace(this,r);try{n&&(this.lineNumber=a,this.endLineNumber=o,i?(Object.defineProperty(this,"column",{value:_,enumerable:!0}),Object.defineProperty(this,"endColumn",{value:u,enumerable:!0})):(this.column=_,this.endColumn=u))}catch(h){}}r.prototype=new Error,e.default=r,t.exports=e.default},function(t,e,n){t.exports={default:n(8),__esModule:!0}},function(t,e,n){var i=n(9);t.exports=function(t,e,n){return i.setDesc(t,e,n)}},function(t,e){var n=Object;t.exports={create:n.create,getProto:n.getPrototypeOf,isEnum:{}.propertyIsEnumerable,getDesc:n.getOwnPropertyDescriptor,setDesc:n.defineProperty,setDescs:n.defineProperties,getKeys:n.keys,getNames:n.getOwnPropertyNames,getSymbols:n.getOwnPropertySymbols,each:[].forEach}},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.registerDefaultHelpers=function(t){s.default(t),r.default(t),a.default(t),o.default(t),_.default(t),u.default(t),p.default(t)},e.moveHelperToHooks=function(t,e,n){t.helpers[e]&&(t.hooks[e]=t.helpers[e],n||delete t.helpers[e])};var s=i(n(11)),r=i(n(12)),a=i(n(25)),o=i(n(26)),_=i(n(27)),u=i(n(28)),p=i(n(29))},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5);e.default=function(t){t.registerHelper("blockHelperMissing",(function(e,n){var s=n.inverse,r=n.fn;if(!0===e)return r(this);if(!1===e||null==e)return s(this);if(i.isArray(e))return e.length>0?(n.ids&&(n.ids=[n.name]),t.helpers.each(e,n)):s(this);if(n.data&&n.ids){var a=i.createFrame(n.data);a.contextPath=i.appendContextPath(n.data.contextPath,n.name),n={data:a}}return r(e,n)}))},t.exports=e.default},function(t,e,n){(function(i){"use strict";var s=n(13).default,r=n(1).default;e.__esModule=!0;var a=n(5),o=r(n(6));e.default=function(t){t.registerHelper("each",(function(t,e){if(!e)throw new o.default("Must pass iterator to #each");var n,r=e.fn,_=e.inverse,u=0,p="",l=void 0,h=void 0;function c(e,n,i){l&&(l.key=e,l.index=n,l.first=0===n,l.last=!!i,h&&(l.contextPath=h+e)),p+=r(t[e],{data:l,blockParams:a.blockParams([t[e],e],[h+e,null])})}if(e.data&&e.ids&&(h=a.appendContextPath(e.data.contextPath,e.ids[0])+"."),a.isFunction(t)&&(t=t.call(this)),e.data&&(l=a.createFrame(e.data)),t&&"object"==typeof t)if(a.isArray(t))for(var d=t.length;u<d;u++)u in t&&c(u,u,u===t.length-1);else if(i.Symbol&&t[i.Symbol.iterator]){for(var f=[],g=t[i.Symbol.iterator](),m=g.next();!m.done;m=g.next())f.push(m.value);for(d=(t=f).length;u<d;u++)c(u,u,u===t.length-1)}else n=void 0,s(t).forEach((function(t){void 0!==n&&c(n,u-1),n=t,u++})),void 0!==n&&c(n,u-1,!0);return 0===u&&(p=_(this)),p}))},t.exports=e.default}).call(e,function(){return this}())},function(t,e,n){t.exports={default:n(14),__esModule:!0}},function(t,e,n){n(15),t.exports=n(21).Object.keys},function(t,e,n){var i=n(16);n(18)("keys",(function(t){return function(e){return t(i(e))}}))},function(t,e,n){var i=n(17);t.exports=function(t){return Object(i(t))}},function(t,e){t.exports=function(t){if(null==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e,n){var i=n(19),s=n(21),r=n(24);t.exports=function(t,e){var n=(s.Object||{})[t]||Object[t],a={};a[t]=e(n),i(i.S+i.F*r((function(){n(1)})),"Object",a)}},function(t,e,n){var i=n(20),s=n(21),r=n(22),a="prototype",o=function(t,e,n){var _,u,p,l=t&o.F,h=t&o.G,c=t&o.S,d=t&o.P,f=t&o.B,g=t&o.W,m=h?s:s[e]||(s[e]={}),y=h?i:c?i[e]:(i[e]||{})[a];for(_ in h&&(n=e),n)(u=!l&&y&&_ in y)&&_ in m||(p=u?y[_]:n[_],m[_]=h&&"function"!=typeof y[_]?n[_]:f&&u?r(p,i):g&&y[_]==p?function(t){var e=function(e){return this instanceof t?new t(e):t(e)};return e[a]=t[a],e}(p):d&&"function"==typeof p?r(Function.call,p):p,d&&((m[a]||(m[a]={}))[_]=p))};o.F=1,o.G=2,o.S=4,o.P=8,o.B=16,o.W=32,t.exports=o},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){var n=t.exports={version:"1.2.6"};"number"==typeof __e&&(__e=n)},function(t,e,n){var i=n(23);t.exports=function(t,e,n){if(i(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,i){return t.call(e,n,i)};case 3:return function(n,i,s){return t.call(e,n,i,s)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){t.exports=function(t){try{return!!t()}catch(e){return!0}}},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=i(n(6));e.default=function(t){t.registerHelper("helperMissing",(function(){if(1!==arguments.length)throw new s.default('Missing helper: "'+arguments[arguments.length-1].name+'"')}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=n(5),r=i(n(6));e.default=function(t){t.registerHelper("if",(function(t,e){if(2!=arguments.length)throw new r.default("#if requires exactly one argument");return s.isFunction(t)&&(t=t.call(this)),!e.hash.includeZero&&!t||s.isEmpty(t)?e.inverse(this):e.fn(this)})),t.registerHelper("unless",(function(e,n){if(2!=arguments.length)throw new r.default("#unless requires exactly one argument");return t.helpers.if.call(this,e,{fn:n.inverse,inverse:n.fn,hash:n.hash})}))},t.exports=e.default},function(t,e){"use strict";e.__esModule=!0,e.default=function(t){t.registerHelper("log",(function(){for(var e=[void 0],n=arguments[arguments.length-1],i=0;i<arguments.length-1;i++)e.push(arguments[i]);var s=1;null!=n.hash.level?s=n.hash.level:n.data&&null!=n.data.level&&(s=n.data.level),e[0]=s,t.log.apply(t,e)}))},t.exports=e.default},function(t,e){"use strict";e.__esModule=!0,e.default=function(t){t.registerHelper("lookup",(function(t,e,n){return t?n.lookupProperty(t,e):t}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=n(5),r=i(n(6));e.default=function(t){t.registerHelper("with",(function(t,e){if(2!=arguments.length)throw new r.default("#with requires exactly one argument");s.isFunction(t)&&(t=t.call(this));var n=e.fn;if(s.isEmpty(t))return e.inverse(this);var i=e.data;return e.data&&e.ids&&((i=s.createFrame(e.data)).contextPath=s.appendContextPath(e.data.contextPath,e.ids[0])),n(t,{data:i,blockParams:s.blockParams([t],[i&&i.contextPath])})}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.registerDefaultDecorators=function(t){s.default(t)};var s=i(n(31))},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5);e.default=function(t){t.registerDecorator("inline",(function(t,e,n,s){var r=t;return e.partials||(e.partials={},r=function(s,r){var a=n.partials;n.partials=i.extend({},a,e.partials);var o=t(s,r);return n.partials=a,o}),e.partials[s.args[0]]=s.fn,r}))},t.exports=e.default},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5),s={methodMap:["debug","info","warn","error"],level:"info",lookupLevel:function(t){if("string"==typeof t){var e=i.indexOf(s.methodMap,t.toLowerCase());t=e>=0?e:parseInt(t,10)}return t},log:function(t){if(t=s.lookupLevel(t),"undefined"!=typeof console&&s.lookupLevel(s.level)<=t){var e=s.methodMap[t];console[e]||(e="log");for(var n=arguments.length,i=Array(n>1?n-1:0),r=1;r<n;r++)i[r-1]=arguments[r];console[e].apply(console,i)}}};e.default=s,t.exports=e.default},function(t,e,n){"use strict";var i=n(34).default,s=n(13).default,r=n(3).default;e.__esModule=!0,e.createProtoAccessControl=function(t){var e=i(null);e.constructor=!1,e.__defineGetter__=!1,e.__defineSetter__=!1,e.__lookupGetter__=!1;var n=i(null);return n.__proto__=!1,{properties:{whitelist:a.createNewLookupObject(n,t.allowedProtoProperties),defaultValue:t.allowProtoPropertiesByDefault},methods:{whitelist:a.createNewLookupObject(e,t.allowedProtoMethods),defaultValue:t.allowProtoMethodsByDefault}}},e.resultIsAllowed=function(t,e,n){return u("function"==typeof t?e.methods:e.properties,n)},e.resetLoggedProperties=function(){s(_).forEach((function(t){delete _[t]}))};var a=n(36),o=r(n(32)),_=i(null);function u(t,e){return void 0!==t.whitelist[e]?!0===t.whitelist[e]:void 0!==t.defaultValue?t.defaultValue:(function(t){!0!==_[t]&&(_[t]=!0,o.log("error",'Handlebars: Access has been denied to resolve the property "'+t+'" because it is not an "own property" of its parent.\nYou can add a runtime option to disable the check or this warning:\nSee https://handlebarsjs.com/api-reference/runtime-options.html#options-to-control-prototype-access for details'))}(e),!1)}},function(t,e,n){t.exports={default:n(35),__esModule:!0}},function(t,e,n){var i=n(9);t.exports=function(t,e){return i.create(t,e)}},function(t,e,n){"use strict";var i=n(34).default;e.__esModule=!0,e.createNewLookupObject=function(){for(var t=arguments.length,e=Array(t),n=0;n<t;n++)e[n]=arguments[n];return s.extend.apply(void 0,[i(null)].concat(e))};var s=n(5)},function(t,e){"use strict";function n(t){this.string=t}e.__esModule=!0,n.prototype.toString=n.prototype.toHTML=function(){return""+this.string},e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(39).default,s=n(13).default,r=n(3).default,a=n(1).default;e.__esModule=!0,e.checkRevision=function(t){var e=t&&t[0]||1,n=u.COMPILER_REVISION;if(!(e>=u.LAST_COMPATIBLE_COMPILER_REVISION&&e<=u.COMPILER_REVISION)){if(e<u.LAST_COMPATIBLE_COMPILER_REVISION){var i=u.REVISION_CHANGES[n],s=u.REVISION_CHANGES[e];throw new _.default("Template was precompiled with an older version of Handlebars than the current runtime. Please update your precompiler to a newer version ("+i+") or downgrade your runtime to an older version ("+s+").")}throw new _.default("Template was precompiled with a newer version of Handlebars than the current runtime. Please update your runtime to a newer version ("+t[1]+").")}},e.template=function(t,e){if(!e)throw new _.default("No environment passed to template");if(!t||!t.main)throw new _.default("Unknown template object: "+typeof t);t.main.decorator=t.main_d,e.VM.checkRevision(t.compiler);var n=t.compiler&&7===t.compiler[0],r={strict:function(t,e,n){if(!t||!(e in t))throw new _.default('"'+e+'" not defined in '+t,{loc:n});return r.lookupProperty(t,e)},lookupProperty:function(t,e){var n=t[e];return null==n||Object.prototype.hasOwnProperty.call(t,e)||h.resultIsAllowed(n,r.protoAccessControl,e)?n:void 0},lookup:function(t,e){for(var n=t.length,i=0;i<n;i++)if(null!=(t[i]&&r.lookupProperty(t[i],e)))return t[i][e]},lambda:function(t,e){return"function"==typeof t?t.call(e):t},escapeExpression:o.escapeExpression,invokePartial:function(n,i,s){s.hash&&(i=o.extend({},i,s.hash),s.ids&&(s.ids[0]=!0)),n=e.VM.resolvePartial.call(this,n,i,s);var r=o.extend({},s,{hooks:this.hooks,protoAccessControl:this.protoAccessControl}),a=e.VM.invokePartial.call(this,n,i,r);if(null==a&&e.compile&&(s.partials[s.name]=e.compile(n,t.compilerOptions,e),a=s.partials[s.name](i,r)),null!=a){if(s.indent){for(var u=a.split("\n"),p=0,l=u.length;p<l&&(u[p]||p+1!==l);p++)u[p]=s.indent+u[p];a=u.join("\n")}return a}throw new _.default("The partial "+s.name+" could not be compiled when running in runtime-only mode")},fn:function(e){var n=t[e];return n.decorator=t[e+"_d"],n},programs:[],program:function(t,e,n,i,s){var r=this.programs[t],a=this.fn(t);return e||s||i||n?r=c(this,t,a,e,n,i,s):r||(r=this.programs[t]=c(this,t,a)),r},data:function(t,e){for(;t&&e--;)t=t._parent;return t},mergeIfNeeded:function(t,e){var n=t||e;return t&&e&&t!==e&&(n=o.extend({},e,t)),n},nullContext:i({}),noop:e.VM.noop,compilerInfo:t.compiler};function a(e){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],i=n.data;a._setup(n),!n.partial&&t.useData&&(i=f(e,i));var s=void 0,o=t.useBlockParams?[]:void 0;function _(e){return""+t.main(r,e,r.helpers,r.partials,i,o,s)}return t.useDepths&&(s=n.depths?e!=n.depths[0]?[e].concat(n.depths):n.depths:[e]),(_=g(t.main,_,r,n.depths||[],i,o))(e,n)}return a.isTop=!0,a._setup=function(i){if(i.partial)r.protoAccessControl=i.protoAccessControl,r.helpers=i.helpers,r.partials=i.partials,r.decorators=i.decorators,r.hooks=i.hooks;else{var a=o.extend({},e.helpers,i.helpers);!function(t,e){s(t).forEach((function(n){var i=t[n];t[n]=function(t,e){var n=e.lookupProperty;return l.wrapHelper(t,(function(t){return o.extend({lookupProperty:n},t)}))}(i,e)}))}(a,r),r.helpers=a,t.usePartial&&(r.partials=r.mergeIfNeeded(i.partials,e.partials)),(t.usePartial||t.useDecorators)&&(r.decorators=o.extend({},e.decorators,i.decorators)),r.hooks={},r.protoAccessControl=h.createProtoAccessControl(i);var _=i.allowCallsToHelperMissing||n;p.moveHelperToHooks(r,"helperMissing",_),p.moveHelperToHooks(r,"blockHelperMissing",_)}},a._child=function(e,n,i,s){if(t.useBlockParams&&!i)throw new _.default("must pass block params");if(t.useDepths&&!s)throw new _.default("must pass parent depths");return c(r,e,t[e],n,0,i,s)},a},e.wrapProgram=c,e.resolvePartial=function(t,e,n){return t?t.call||n.name||(n.name=t,t=n.partials[t]):t="@partial-block"===n.name?n.data["partial-block"]:n.partials[n.name],t},e.invokePartial=function(t,e,n){var i=n.data&&n.data["partial-block"];n.partial=!0,n.ids&&(n.data.contextPath=n.ids[0]||n.data.contextPath);var s=void 0;if(n.fn&&n.fn!==d&&function(){n.data=u.createFrame(n.data);var t=n.fn;s=n.data["partial-block"]=function(e){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];return n.data=u.createFrame(n.data),n.data["partial-block"]=i,t(e,n)},t.partials&&(n.partials=o.extend({},n.partials,t.partials))}(),void 0===t&&s&&(t=s),void 0===t)throw new _.default("The partial "+n.name+" could not be found");if(t instanceof Function)return t(e,n)},e.noop=d;var o=r(n(5)),_=a(n(6)),u=n(4),p=n(10),l=n(43),h=n(33);function c(t,e,n,i,s,r,a){function o(e){var s=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],o=a;return!a||e==a[0]||e===t.nullContext&&null===a[0]||(o=[e].concat(a)),n(t,e,t.helpers,t.partials,s.data||i,r&&[s.blockParams].concat(r),o)}return(o=g(n,o,t,a,i,r)).program=e,o.depth=a?a.length:0,o.blockParams=s||0,o}function d(){return""}function f(t,e){return e&&"root"in e||((e=e?u.createFrame(e):{}).root=t),e}function g(t,e,n,i,s,r){if(t.decorator){var a={};e=t.decorator(e,a,n,i&&i[0],s,r,i),o.extend(e,a)}return e}},function(t,e,n){t.exports={default:n(40),__esModule:!0}},function(t,e,n){n(41),t.exports=n(21).Object.seal},function(t,e,n){var i=n(42);n(18)("seal",(function(t){return function(e){return t&&i(e)?t(e):e}}))},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e){"use strict";e.__esModule=!0,e.wrapHelper=function(t,e){return"function"!=typeof t?t:function(){var n=arguments[arguments.length-1];return arguments[arguments.length-1]=e(n),t.apply(this,arguments)}}},function(t,e){(function(n){"use strict";e.__esModule=!0,e.default=function(t){var e=void 0!==n?n:window,i=e.Handlebars;t.noConflict=function(){return e.Handlebars===t&&(e.Handlebars=i),t}},t.exports=e.default}).call(e,function(){return this}())},function(t,e){"use strict";e.__esModule=!0;var n={helpers:{helperExpression:function(t){return"SubExpression"===t.type||("MustacheStatement"===t.type||"BlockStatement"===t.type)&&!!(t.params&&t.params.length||t.hash)},scopedId:function(t){return/^\.|this\b/.test(t.original)},simpleId:function(t){return 1===t.parts.length&&!n.helpers.scopedId(t)&&!t.depth}}};e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default,s=n(3).default;e.__esModule=!0,e.parseWithoutProcessing=p,e.parse=function(t,e){var n=p(t,e);return new a.default(e).accept(n)};var r=i(n(47)),a=i(n(48)),o=s(n(50)),_=n(5);e.parser=r.default;var u={};function p(t,e){return"Program"===t.type?t:(r.default.yy=u,u.locInfo=function(t){return new u.SourceLocation(e&&e.srcName,t)},r.default.parse(t))}_.extend(u,o)},function(t,e){"use strict";e.__esModule=!0;var n=function(){var t={trace:function(){},yy:{},symbols_:{error:2,root:3,program:4,EOF:5,program_repetition0:6,statement:7,mustache:8,block:9,rawBlock:10,partial:11,partialBlock:12,content:13,COMMENT:14,CONTENT:15,openRawBlock:16,rawBlock_repetition0:17,END_RAW_BLOCK:18,OPEN_RAW_BLOCK:19,helperName:20,openRawBlock_repetition0:21,openRawBlock_option0:22,CLOSE_RAW_BLOCK:23,openBlock:24,block_option0:25,closeBlock:26,openInverse:27,block_option1:28,OPEN_BLOCK:29,openBlock_repetition0:30,openBlock_option0:31,openBlock_option1:32,CLOSE:33,OPEN_INVERSE:34,openInverse_repetition0:35,openInverse_option0:36,openInverse_option1:37,openInverseChain:38,OPEN_INVERSE_CHAIN:39,openInverseChain_repetition0:40,openInverseChain_option0:41,openInverseChain_option1:42,inverseAndProgram:43,INVERSE:44,inverseChain:45,inverseChain_option0:46,OPEN_ENDBLOCK:47,OPEN:48,mustache_repetition0:49,mustache_option0:50,OPEN_UNESCAPED:51,mustache_repetition1:52,mustache_option1:53,CLOSE_UNESCAPED:54,OPEN_PARTIAL:55,partialName:56,partial_repetition0:57,partial_option0:58,openPartialBlock:59,OPEN_PARTIAL_BLOCK:60,openPartialBlock_repetition0:61,openPartialBlock_option0:62,param:63,sexpr:64,OPEN_SEXPR:65,sexpr_repetition0:66,sexpr_option0:67,CLOSE_SEXPR:68,hash:69,hash_repetition_plus0:70,hashSegment:71,ID:72,EQUALS:73,blockParams:74,OPEN_BLOCK_PARAMS:75,blockParams_repetition_plus0:76,CLOSE_BLOCK_PARAMS:77,path:78,dataName:79,STRING:80,NUMBER:81,BOOLEAN:82,UNDEFINED:83,NULL:84,DATA:85,pathSegments:86,SEP:87,$accept:0,$end:1},terminals_:{2:"error",5:"EOF",14:"COMMENT",15:"CONTENT",18:"END_RAW_BLOCK",19:"OPEN_RAW_BLOCK",23:"CLOSE_RAW_BLOCK",29:"OPEN_BLOCK",33:"CLOSE",34:"OPEN_INVERSE",39:"OPEN_INVERSE_CHAIN",44:"INVERSE",47:"OPEN_ENDBLOCK",48:"OPEN",51:"OPEN_UNESCAPED",54:"CLOSE_UNESCAPED",55:"OPEN_PARTIAL",60:"OPEN_PARTIAL_BLOCK",65:"OPEN_SEXPR",68:"CLOSE_SEXPR",72:"ID",73:"EQUALS",75:"OPEN_BLOCK_PARAMS",77:"CLOSE_BLOCK_PARAMS",80:"STRING",81:"NUMBER",82:"BOOLEAN",83:"UNDEFINED",84:"NULL",85:"DATA",87:"SEP"},productions_:[0,[3,2],[4,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[13,1],[10,3],[16,5],[9,4],[9,4],[24,6],[27,6],[38,6],[43,2],[45,3],[45,1],[26,3],[8,5],[8,5],[11,5],[12,3],[59,5],[63,1],[63,1],[64,5],[69,1],[71,3],[74,3],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[56,1],[56,1],[79,2],[78,1],[86,3],[86,1],[6,0],[6,2],[17,0],[17,2],[21,0],[21,2],[22,0],[22,1],[25,0],[25,1],[28,0],[28,1],[30,0],[30,2],[31,0],[31,1],[32,0],[32,1],[35,0],[35,2],[36,0],[36,1],[37,0],[37,1],[40,0],[40,2],[41,0],[41,1],[42,0],[42,1],[46,0],[46,1],[49,0],[49,2],[50,0],[50,1],[52,0],[52,2],[53,0],[53,1],[57,0],[57,2],[58,0],[58,1],[61,0],[61,2],[62,0],[62,1],[66,0],[66,2],[67,0],[67,1],[70,1],[70,2],[76,1],[76,2]],performAction:function(t,e,n,i,s,r,a){var o=r.length-1;switch(s){case 1:return r[o-1];case 2:this.$=i.prepareProgram(r[o]);break;case 3:case 4:case 5:case 6:case 7:case 8:case 20:case 27:case 28:case 33:case 34:case 40:case 41:this.$=r[o];break;case 9:this.$={type:"CommentStatement",value:i.stripComment(r[o]),strip:i.stripFlags(r[o],r[o]),loc:i.locInfo(this._$)};break;case 10:this.$={type:"ContentStatement",original:r[o],value:r[o],loc:i.locInfo(this._$)};break;case 11:this.$=i.prepareRawBlock(r[o-2],r[o-1],r[o],this._$);break;case 12:this.$={path:r[o-3],params:r[o-2],hash:r[o-1]};break;case 13:this.$=i.prepareBlock(r[o-3],r[o-2],r[o-1],r[o],!1,this._$);break;case 14:this.$=i.prepareBlock(r[o-3],r[o-2],r[o-1],r[o],!0,this._$);break;case 15:this.$={open:r[o-5],path:r[o-4],params:r[o-3],hash:r[o-2],blockParams:r[o-1],strip:i.stripFlags(r[o-5],r[o])};break;case 16:case 17:this.$={path:r[o-4],params:r[o-3],hash:r[o-2],blockParams:r[o-1],strip:i.stripFlags(r[o-5],r[o])};break;case 18:this.$={strip:i.stripFlags(r[o-1],r[o-1]),program:r[o]};break;case 19:var _=i.prepareBlock(r[o-2],r[o-1],r[o],r[o],!1,this._$),u=i.prepareProgram([_],r[o-1].loc);u.chained=!0,this.$={strip:r[o-2].strip,program:u,chain:!0};break;case 21:this.$={path:r[o-1],strip:i.stripFlags(r[o-2],r[o])};break;case 22:case 23:this.$=i.prepareMustache(r[o-3],r[o-2],r[o-1],r[o-4],i.stripFlags(r[o-4],r[o]),this._$);break;case 24:this.$={type:"PartialStatement",name:r[o-3],params:r[o-2],hash:r[o-1],indent:"",strip:i.stripFlags(r[o-4],r[o]),loc:i.locInfo(this._$)};break;case 25:this.$=i.preparePartialBlock(r[o-2],r[o-1],r[o],this._$);break;case 26:this.$={path:r[o-3],params:r[o-2],hash:r[o-1],strip:i.stripFlags(r[o-4],r[o])};break;case 29:this.$={type:"SubExpression",path:r[o-3],params:r[o-2],hash:r[o-1],loc:i.locInfo(this._$)};break;case 30:this.$={type:"Hash",pairs:r[o],loc:i.locInfo(this._$)};break;case 31:this.$={type:"HashPair",key:i.id(r[o-2]),value:r[o],loc:i.locInfo(this._$)};break;case 32:this.$=i.id(r[o-1]);break;case 35:this.$={type:"StringLiteral",value:r[o],original:r[o],loc:i.locInfo(this._$)};break;case 36:this.$={type:"NumberLiteral",value:Number(r[o]),original:Number(r[o]),loc:i.locInfo(this._$)};break;case 37:this.$={type:"BooleanLiteral",value:"true"===r[o],original:"true"===r[o],loc:i.locInfo(this._$)};break;case 38:this.$={type:"UndefinedLiteral",original:void 0,value:void 0,loc:i.locInfo(this._$)};break;case 39:this.$={type:"NullLiteral",original:null,value:null,loc:i.locInfo(this._$)};break;case 42:this.$=i.preparePath(!0,r[o],this._$);break;case 43:this.$=i.preparePath(!1,r[o],this._$);break;case 44:r[o-2].push({part:i.id(r[o]),original:r[o],separator:r[o-1]}),this.$=r[o-2];break;case 45:this.$=[{part:i.id(r[o]),original:r[o]}];break;case 46:case 48:case 50:case 58:case 64:case 70:case 78:case 82:case 86:case 90:case 94:this.$=[];break;case 47:case 49:case 51:case 59:case 65:case 71:case 79:case 83:case 87:case 91:case 95:case 99:case 101:r[o-1].push(r[o]);break;case 98:case 100:this.$=[r[o]]}},table:[{3:1,4:2,5:[2,46],6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{1:[3]},{5:[1,4]},{5:[2,2],7:5,8:6,9:7,10:8,11:9,12:10,13:11,14:[1,12],15:[1,20],16:17,19:[1,23],24:15,27:16,29:[1,21],34:[1,22],39:[2,2],44:[2,2],47:[2,2],48:[1,13],51:[1,14],55:[1,18],59:19,60:[1,24]},{1:[2,1]},{5:[2,47],14:[2,47],15:[2,47],19:[2,47],29:[2,47],34:[2,47],39:[2,47],44:[2,47],47:[2,47],48:[2,47],51:[2,47],55:[2,47],60:[2,47]},{5:[2,3],14:[2,3],15:[2,3],19:[2,3],29:[2,3],34:[2,3],39:[2,3],44:[2,3],47:[2,3],48:[2,3],51:[2,3],55:[2,3],60:[2,3]},{5:[2,4],14:[2,4],15:[2,4],19:[2,4],29:[2,4],34:[2,4],39:[2,4],44:[2,4],47:[2,4],48:[2,4],51:[2,4],55:[2,4],60:[2,4]},{5:[2,5],14:[2,5],15:[2,5],19:[2,5],29:[2,5],34:[2,5],39:[2,5],44:[2,5],47:[2,5],48:[2,5],51:[2,5],55:[2,5],60:[2,5]},{5:[2,6],14:[2,6],15:[2,6],19:[2,6],29:[2,6],34:[2,6],39:[2,6],44:[2,6],47:[2,6],48:[2,6],51:[2,6],55:[2,6],60:[2,6]},{5:[2,7],14:[2,7],15:[2,7],19:[2,7],29:[2,7],34:[2,7],39:[2,7],44:[2,7],47:[2,7],48:[2,7],51:[2,7],55:[2,7],60:[2,7]},{5:[2,8],14:[2,8],15:[2,8],19:[2,8],29:[2,8],34:[2,8],39:[2,8],44:[2,8],47:[2,8],48:[2,8],51:[2,8],55:[2,8],60:[2,8]},{5:[2,9],14:[2,9],15:[2,9],19:[2,9],29:[2,9],34:[2,9],39:[2,9],44:[2,9],47:[2,9],48:[2,9],51:[2,9],55:[2,9],60:[2,9]},{20:25,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:36,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:37,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{4:38,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{15:[2,48],17:39,18:[2,48]},{20:41,56:40,64:42,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:44,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{5:[2,10],14:[2,10],15:[2,10],18:[2,10],19:[2,10],29:[2,10],34:[2,10],39:[2,10],44:[2,10],47:[2,10],48:[2,10],51:[2,10],55:[2,10],60:[2,10]},{20:45,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:46,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:47,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:41,56:48,64:42,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[2,78],49:49,65:[2,78],72:[2,78],80:[2,78],81:[2,78],82:[2,78],83:[2,78],84:[2,78],85:[2,78]},{23:[2,33],33:[2,33],54:[2,33],65:[2,33],68:[2,33],72:[2,33],75:[2,33],80:[2,33],81:[2,33],82:[2,33],83:[2,33],84:[2,33],85:[2,33]},{23:[2,34],33:[2,34],54:[2,34],65:[2,34],68:[2,34],72:[2,34],75:[2,34],80:[2,34],81:[2,34],82:[2,34],83:[2,34],84:[2,34],85:[2,34]},{23:[2,35],33:[2,35],54:[2,35],65:[2,35],68:[2,35],72:[2,35],75:[2,35],80:[2,35],81:[2,35],82:[2,35],83:[2,35],84:[2,35],85:[2,35]},{23:[2,36],33:[2,36],54:[2,36],65:[2,36],68:[2,36],72:[2,36],75:[2,36],80:[2,36],81:[2,36],82:[2,36],83:[2,36],84:[2,36],85:[2,36]},{23:[2,37],33:[2,37],54:[2,37],65:[2,37],68:[2,37],72:[2,37],75:[2,37],80:[2,37],81:[2,37],82:[2,37],83:[2,37],84:[2,37],85:[2,37]},{23:[2,38],33:[2,38],54:[2,38],65:[2,38],68:[2,38],72:[2,38],75:[2,38],80:[2,38],81:[2,38],82:[2,38],83:[2,38],84:[2,38],85:[2,38]},{23:[2,39],33:[2,39],54:[2,39],65:[2,39],68:[2,39],72:[2,39],75:[2,39],80:[2,39],81:[2,39],82:[2,39],83:[2,39],84:[2,39],85:[2,39]},{23:[2,43],33:[2,43],54:[2,43],65:[2,43],68:[2,43],72:[2,43],75:[2,43],80:[2,43],81:[2,43],82:[2,43],83:[2,43],84:[2,43],85:[2,43],87:[1,50]},{72:[1,35],86:51},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{52:52,54:[2,82],65:[2,82],72:[2,82],80:[2,82],81:[2,82],82:[2,82],83:[2,82],84:[2,82],85:[2,82]},{25:53,38:55,39:[1,57],43:56,44:[1,58],45:54,47:[2,54]},{28:59,43:60,44:[1,58],47:[2,56]},{13:62,15:[1,20],18:[1,61]},{33:[2,86],57:63,65:[2,86],72:[2,86],80:[2,86],81:[2,86],82:[2,86],83:[2,86],84:[2,86],85:[2,86]},{33:[2,40],65:[2,40],72:[2,40],80:[2,40],81:[2,40],82:[2,40],83:[2,40],84:[2,40],85:[2,40]},{33:[2,41],65:[2,41],72:[2,41],80:[2,41],81:[2,41],82:[2,41],83:[2,41],84:[2,41],85:[2,41]},{20:64,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:65,47:[1,66]},{30:67,33:[2,58],65:[2,58],72:[2,58],75:[2,58],80:[2,58],81:[2,58],82:[2,58],83:[2,58],84:[2,58],85:[2,58]},{33:[2,64],35:68,65:[2,64],72:[2,64],75:[2,64],80:[2,64],81:[2,64],82:[2,64],83:[2,64],84:[2,64],85:[2,64]},{21:69,23:[2,50],65:[2,50],72:[2,50],80:[2,50],81:[2,50],82:[2,50],83:[2,50],84:[2,50],85:[2,50]},{33:[2,90],61:70,65:[2,90],72:[2,90],80:[2,90],81:[2,90],82:[2,90],83:[2,90],84:[2,90],85:[2,90]},{20:74,33:[2,80],50:71,63:72,64:75,65:[1,43],69:73,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{72:[1,79]},{23:[2,42],33:[2,42],54:[2,42],65:[2,42],68:[2,42],72:[2,42],75:[2,42],80:[2,42],81:[2,42],82:[2,42],83:[2,42],84:[2,42],85:[2,42],87:[1,50]},{20:74,53:80,54:[2,84],63:81,64:75,65:[1,43],69:82,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:83,47:[1,66]},{47:[2,55]},{4:84,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{47:[2,20]},{20:85,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:86,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{26:87,47:[1,66]},{47:[2,57]},{5:[2,11],14:[2,11],15:[2,11],19:[2,11],29:[2,11],34:[2,11],39:[2,11],44:[2,11],47:[2,11],48:[2,11],51:[2,11],55:[2,11],60:[2,11]},{15:[2,49],18:[2,49]},{20:74,33:[2,88],58:88,63:89,64:75,65:[1,43],69:90,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{65:[2,94],66:91,68:[2,94],72:[2,94],80:[2,94],81:[2,94],82:[2,94],83:[2,94],84:[2,94],85:[2,94]},{5:[2,25],14:[2,25],15:[2,25],19:[2,25],29:[2,25],34:[2,25],39:[2,25],44:[2,25],47:[2,25],48:[2,25],51:[2,25],55:[2,25],60:[2,25]},{20:92,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,31:93,33:[2,60],63:94,64:75,65:[1,43],69:95,70:76,71:77,72:[1,78],75:[2,60],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,33:[2,66],36:96,63:97,64:75,65:[1,43],69:98,70:76,71:77,72:[1,78],75:[2,66],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,22:99,23:[2,52],63:100,64:75,65:[1,43],69:101,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,33:[2,92],62:102,63:103,64:75,65:[1,43],69:104,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,105]},{33:[2,79],65:[2,79],72:[2,79],80:[2,79],81:[2,79],82:[2,79],83:[2,79],84:[2,79],85:[2,79]},{33:[2,81]},{23:[2,27],33:[2,27],54:[2,27],65:[2,27],68:[2,27],72:[2,27],75:[2,27],80:[2,27],81:[2,27],82:[2,27],83:[2,27],84:[2,27],85:[2,27]},{23:[2,28],33:[2,28],54:[2,28],65:[2,28],68:[2,28],72:[2,28],75:[2,28],80:[2,28],81:[2,28],82:[2,28],83:[2,28],84:[2,28],85:[2,28]},{23:[2,30],33:[2,30],54:[2,30],68:[2,30],71:106,72:[1,107],75:[2,30]},{23:[2,98],33:[2,98],54:[2,98],68:[2,98],72:[2,98],75:[2,98]},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],73:[1,108],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{23:[2,44],33:[2,44],54:[2,44],65:[2,44],68:[2,44],72:[2,44],75:[2,44],80:[2,44],81:[2,44],82:[2,44],83:[2,44],84:[2,44],85:[2,44],87:[2,44]},{54:[1,109]},{54:[2,83],65:[2,83],72:[2,83],80:[2,83],81:[2,83],82:[2,83],83:[2,83],84:[2,83],85:[2,83]},{54:[2,85]},{5:[2,13],14:[2,13],15:[2,13],19:[2,13],29:[2,13],34:[2,13],39:[2,13],44:[2,13],47:[2,13],48:[2,13],51:[2,13],55:[2,13],60:[2,13]},{38:55,39:[1,57],43:56,44:[1,58],45:111,46:110,47:[2,76]},{33:[2,70],40:112,65:[2,70],72:[2,70],75:[2,70],80:[2,70],81:[2,70],82:[2,70],83:[2,70],84:[2,70],85:[2,70]},{47:[2,18]},{5:[2,14],14:[2,14],15:[2,14],19:[2,14],29:[2,14],34:[2,14],39:[2,14],44:[2,14],47:[2,14],48:[2,14],51:[2,14],55:[2,14],60:[2,14]},{33:[1,113]},{33:[2,87],65:[2,87],72:[2,87],80:[2,87],81:[2,87],82:[2,87],83:[2,87],84:[2,87],85:[2,87]},{33:[2,89]},{20:74,63:115,64:75,65:[1,43],67:114,68:[2,96],69:116,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,117]},{32:118,33:[2,62],74:119,75:[1,120]},{33:[2,59],65:[2,59],72:[2,59],75:[2,59],80:[2,59],81:[2,59],82:[2,59],83:[2,59],84:[2,59],85:[2,59]},{33:[2,61],75:[2,61]},{33:[2,68],37:121,74:122,75:[1,120]},{33:[2,65],65:[2,65],72:[2,65],75:[2,65],80:[2,65],81:[2,65],82:[2,65],83:[2,65],84:[2,65],85:[2,65]},{33:[2,67],75:[2,67]},{23:[1,123]},{23:[2,51],65:[2,51],72:[2,51],80:[2,51],81:[2,51],82:[2,51],83:[2,51],84:[2,51],85:[2,51]},{23:[2,53]},{33:[1,124]},{33:[2,91],65:[2,91],72:[2,91],80:[2,91],81:[2,91],82:[2,91],83:[2,91],84:[2,91],85:[2,91]},{33:[2,93]},{5:[2,22],14:[2,22],15:[2,22],19:[2,22],29:[2,22],34:[2,22],39:[2,22],44:[2,22],47:[2,22],48:[2,22],51:[2,22],55:[2,22],60:[2,22]},{23:[2,99],33:[2,99],54:[2,99],68:[2,99],72:[2,99],75:[2,99]},{73:[1,108]},{20:74,63:125,64:75,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,23],14:[2,23],15:[2,23],19:[2,23],29:[2,23],34:[2,23],39:[2,23],44:[2,23],47:[2,23],48:[2,23],51:[2,23],55:[2,23],60:[2,23]},{47:[2,19]},{47:[2,77]},{20:74,33:[2,72],41:126,63:127,64:75,65:[1,43],69:128,70:76,71:77,72:[1,78],75:[2,72],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,24],14:[2,24],15:[2,24],19:[2,24],29:[2,24],34:[2,24],39:[2,24],44:[2,24],47:[2,24],48:[2,24],51:[2,24],55:[2,24],60:[2,24]},{68:[1,129]},{65:[2,95],68:[2,95],72:[2,95],80:[2,95],81:[2,95],82:[2,95],83:[2,95],84:[2,95],85:[2,95]},{68:[2,97]},{5:[2,21],14:[2,21],15:[2,21],19:[2,21],29:[2,21],34:[2,21],39:[2,21],44:[2,21],47:[2,21],48:[2,21],51:[2,21],55:[2,21],60:[2,21]},{33:[1,130]},{33:[2,63]},{72:[1,132],76:131},{33:[1,133]},{33:[2,69]},{15:[2,12],18:[2,12]},{14:[2,26],15:[2,26],19:[2,26],29:[2,26],34:[2,26],47:[2,26],48:[2,26],51:[2,26],55:[2,26],60:[2,26]},{23:[2,31],33:[2,31],54:[2,31],68:[2,31],72:[2,31],75:[2,31]},{33:[2,74],42:134,74:135,75:[1,120]},{33:[2,71],65:[2,71],72:[2,71],75:[2,71],80:[2,71],81:[2,71],82:[2,71],83:[2,71],84:[2,71],85:[2,71]},{33:[2,73],75:[2,73]},{23:[2,29],33:[2,29],54:[2,29],65:[2,29],68:[2,29],72:[2,29],75:[2,29],80:[2,29],81:[2,29],82:[2,29],83:[2,29],84:[2,29],85:[2,29]},{14:[2,15],15:[2,15],19:[2,15],29:[2,15],34:[2,15],39:[2,15],44:[2,15],47:[2,15],48:[2,15],51:[2,15],55:[2,15],60:[2,15]},{72:[1,137],77:[1,136]},{72:[2,100],77:[2,100]},{14:[2,16],15:[2,16],19:[2,16],29:[2,16],34:[2,16],44:[2,16],47:[2,16],48:[2,16],51:[2,16],55:[2,16],60:[2,16]},{33:[1,138]},{33:[2,75]},{33:[2,32]},{72:[2,101],77:[2,101]},{14:[2,17],15:[2,17],19:[2,17],29:[2,17],34:[2,17],39:[2,17],44:[2,17],47:[2,17],48:[2,17],51:[2,17],55:[2,17],60:[2,17]}],defaultActions:{4:[2,1],54:[2,55],56:[2,20],60:[2,57],73:[2,81],82:[2,85],86:[2,18],90:[2,89],101:[2,53],104:[2,93],110:[2,19],111:[2,77],116:[2,97],119:[2,63],122:[2,69],135:[2,75],136:[2,32]},parseError:function(t,e){throw new Error(t)},parse:function(t){var e=this,n=[0],i=[null],s=[],r=this.table,a="",o=0,_=0,u=0;this.lexer.setInput(t),this.lexer.yy=this.yy,this.yy.lexer=this.lexer,this.yy.parser=this,void 0===this.lexer.yylloc&&(this.lexer.yylloc={});var p=this.lexer.yylloc;s.push(p);var l=this.lexer.options&&this.lexer.options.ranges;"function"==typeof this.yy.parseError&&(this.parseError=this.yy.parseError);for(var h,c,d,f,g,m,y,b,v,k,w={};;){if(d=n[n.length-1],this.defaultActions[d]?f=this.defaultActions[d]:(null==h&&(k=void 0,"number"!=typeof(k=e.lexer.lex()||1)&&(k=e.symbols_[k]||k),h=k),f=r[d]&&r[d][h]),void 0===f||!f.length||!f[0]){var x="";if(!u){for(m in v=[],r[d])this.terminals_[m]&&m>2&&v.push("'"+this.terminals_[m]+"'");x=this.lexer.showPosition?"Parse error on line "+(o+1)+":\n"+this.lexer.showPosition()+"\nExpecting "+v.join(", ")+", got '"+(this.terminals_[h]||h)+"'":"Parse error on line "+(o+1)+": Unexpected "+(1==h?"end of input":"'"+(this.terminals_[h]||h)+"'"),this.parseError(x,{text:this.lexer.match,token:this.terminals_[h]||h,line:this.lexer.yylineno,loc:p,expected:v})}}if(f[0]instanceof Array&&f.length>1)throw new Error("Parse Error: multiple actions possible at state: "+d+", token: "+h);switch(f[0]){case 1:n.push(h),i.push(this.lexer.yytext),s.push(this.lexer.yylloc),n.push(f[1]),h=null,c?(h=c,c=null):(_=this.lexer.yyleng,a=this.lexer.yytext,o=this.lexer.yylineno,p=this.lexer.yylloc,u>0&&u--);break;case 2:if(y=this.productions_[f[1]][1],w.$=i[i.length-y],w._$={first_line:s[s.length-(y||1)].first_line,last_line:s[s.length-1].last_line,first_column:s[s.length-(y||1)].first_column,last_column:s[s.length-1].last_column},l&&(w._$.range=[s[s.length-(y||1)].range[0],s[s.length-1].range[1]]),void 0!==(g=this.performAction.call(w,a,_,o,this.yy,f[1],i,s)))return g;y&&(n=n.slice(0,-1*y*2),i=i.slice(0,-1*y),s=s.slice(0,-1*y)),n.push(this.productions_[f[1]][0]),i.push(w.$),s.push(w._$),b=r[n[n.length-2]][n[n.length-1]],n.push(b);break;case 3:return!0}}return!0}},e=function(){var t={EOF:1,parseError:function(t,e){if(!this.yy.parser)throw new Error(t);this.yy.parser.parseError(t,e)},setInput:function(t){return this._input=t,this._more=this._less=this.done=!1,this.yylineno=this.yyleng=0,this.yytext=this.matched=this.match="",this.conditionStack=["INITIAL"],this.yylloc={first_line:1,first_column:0,last_line:1,last_column:0},this.options.ranges&&(this.yylloc.range=[0,0]),this.offset=0,this},input:function(){var t=this._input[0];return this.yytext+=t,this.yyleng++,this.offset++,this.match+=t,this.matched+=t,t.match(/(?:\r\n?|\n).*/g)?(this.yylineno++,this.yylloc.last_line++):this.yylloc.last_column++,this.options.ranges&&this.yylloc.range[1]++,this._input=this._input.slice(1),t},unput:function(t){var e=t.length,n=t.split(/(?:\r\n?|\n)/g);this._input=t+this._input,this.yytext=this.yytext.substr(0,this.yytext.length-e-1),this.offset-=e;var i=this.match.split(/(?:\r\n?|\n)/g);this.match=this.match.substr(0,this.match.length-1),this.matched=this.matched.substr(0,this.matched.length-1),n.length-1&&(this.yylineno-=n.length-1);var s=this.yylloc.range;return this.yylloc={first_line:this.yylloc.first_line,last_line:this.yylineno+1,first_column:this.yylloc.first_column,last_column:n?(n.length===i.length?this.yylloc.first_column:0)+i[i.length-n.length].length-n[0].length:this.yylloc.first_column-e},this.options.ranges&&(this.yylloc.range=[s[0],s[0]+this.yyleng-e]),this},more:function(){return this._more=!0,this},less:function(t){this.unput(this.match.slice(t))},pastInput:function(){var t=this.matched.substr(0,this.matched.length-this.match.length);return(t.length>20?"...":"")+t.substr(-20).replace(/\n/g,"")},upcomingInput:function(){var t=this.match;return t.length<20&&(t+=this._input.substr(0,20-t.length)),(t.substr(0,20)+(t.length>20?"...":"")).replace(/\n/g,"")},showPosition:function(){var t=this.pastInput(),e=new Array(t.length+1).join("-");return t+this.upcomingInput()+"\n"+e+"^"},next:function(){if(this.done)return this.EOF;var t,e,n,i,s;this._input||(this.done=!0),this._more||(this.yytext="",this.match="");for(var r=this._currentRules(),a=0;a<r.length&&(!(n=this._input.match(this.rules[r[a]]))||e&&!(n[0].length>e[0].length)||(e=n,i=a,this.options.flex));a++);return e?((s=e[0].match(/(?:\r\n?|\n).*/g))&&(this.yylineno+=s.length),this.yylloc={first_line:this.yylloc.last_line,last_line:this.yylineno+1,first_column:this.yylloc.last_column,last_column:s?s[s.length-1].length-s[s.length-1].match(/\r?\n?/)[0].length:this.yylloc.last_column+e[0].length},this.yytext+=e[0],this.match+=e[0],this.matches=e,this.yyleng=this.yytext.length,this.options.ranges&&(this.yylloc.range=[this.offset,this.offset+=this.yyleng]),this._more=!1,this._input=this._input.slice(e[0].length),this.matched+=e[0],t=this.performAction.call(this,this.yy,this,r[i],this.conditionStack[this.conditionStack.length-1]),this.done&&this._input&&(this.done=!1),t||void 0):""===this._input?this.EOF:this.parseError("Lexical error on line "+(this.yylineno+1)+". Unrecognized text.\n"+this.showPosition(),{text:"",token:null,line:this.yylineno})},lex:function(){var t=this.next();return void 0!==t?t:this.lex()},begin:function(t){this.conditionStack.push(t)},popState:function(){return this.conditionStack.pop()},_currentRules:function(){return this.conditions[this.conditionStack[this.conditionStack.length-1]].rules},topState:function(){return this.conditionStack[this.conditionStack.length-2]},pushState:function(t){this.begin(t)},options:{},performAction:function(t,e,n,i){function s(t,n){return e.yytext=e.yytext.substring(t,e.yyleng-n+t)}switch(n){case 0:if("\\\\"===e.yytext.slice(-2)?(s(0,1),this.begin("mu")):"\\"===e.yytext.slice(-1)?(s(0,1),this.begin("emu")):this.begin("mu"),e.yytext)return 15;break;case 1:case 5:return 15;case 2:return this.popState(),15;case 3:return this.begin("raw"),15;case 4:return this.popState(),"raw"===this.conditionStack[this.conditionStack.length-1]?15:(s(5,9),"END_RAW_BLOCK");case 6:case 22:return this.popState(),14;case 7:return 65;case 8:return 68;case 9:return 19;case 10:return this.popState(),this.begin("raw"),23;case 11:return 55;case 12:return 60;case 13:return 29;case 14:return 47;case 15:case 16:return this.popState(),44;case 17:return 34;case 18:return 39;case 19:return 51;case 20:case 23:return 48;case 21:this.unput(e.yytext),this.popState(),this.begin("com");break;case 24:return 73;case 25:case 26:case 41:return 72;case 27:return 87;case 28:break;case 29:return this.popState(),54;case 30:return this.popState(),33;case 31:return e.yytext=s(1,2).replace(/\\"/g,'"'),80;case 32:return e.yytext=s(1,2).replace(/\\'/g,"'"),80;case 33:return 85;case 34:case 35:return 82;case 36:return 83;case 37:return 84;case 38:return 81;case 39:return 75;case 40:return 77;case 42:return e.yytext=e.yytext.replace(/\\([\\\]])/g,"$1"),72;case 43:return"INVALID";case 44:return 5}},rules:[/^(?:[^\x00]*?(?=(\{\{)))/,/^(?:[^\x00]+)/,/^(?:[^\x00]{2,}?(?=(\{\{|\\\{\{|\\\\\{\{|$)))/,/^(?:\{\{\{\{(?=[^\/]))/,/^(?:\{\{\{\{\/[^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=[=}\s\/.])\}\}\}\})/,/^(?:[^\x00]+?(?=(\{\{\{\{)))/,/^(?:[\s\S]*?--(~)?\}\})/,/^(?:\()/,/^(?:\))/,/^(?:\{\{\{\{)/,/^(?:\}\}\}\})/,/^(?:\{\{(~)?>)/,/^(?:\{\{(~)?#>)/,/^(?:\{\{(~)?#\*?)/,/^(?:\{\{(~)?\/)/,/^(?:\{\{(~)?\^\s*(~)?\}\})/,/^(?:\{\{(~)?\s*else\s*(~)?\}\})/,/^(?:\{\{(~)?\^)/,/^(?:\{\{(~)?\s*else\b)/,/^(?:\{\{(~)?\{)/,/^(?:\{\{(~)?&)/,/^(?:\{\{(~)?!--)/,/^(?:\{\{(~)?![\s\S]*?\}\})/,/^(?:\{\{(~)?\*?)/,/^(?:=)/,/^(?:\.\.)/,/^(?:\.(?=([=~}\s\/.)|])))/,/^(?:[\/.])/,/^(?:\s+)/,/^(?:\}(~)?\}\})/,/^(?:(~)?\}\})/,/^(?:"(\\["]|[^"])*")/,/^(?:'(\\[']|[^'])*')/,/^(?:@)/,/^(?:true(?=([~}\s)])))/,/^(?:false(?=([~}\s)])))/,/^(?:undefined(?=([~}\s)])))/,/^(?:null(?=([~}\s)])))/,/^(?:-?[0-9]+(?:\.[0-9]+)?(?=([~}\s)])))/,/^(?:as\s+\|)/,/^(?:\|)/,/^(?:([^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=([=~}\s\/.)|]))))/,/^(?:\[(\\\]|[^\]])*\])/,/^(?:.)/,/^(?:$)/],conditions:{mu:{rules:[7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],inclusive:!1},emu:{rules:[2],inclusive:!1},com:{rules:[6],inclusive:!1},raw:{rules:[3,4,5],inclusive:!1},INITIAL:{rules:[0,1,44],inclusive:!0}}};return t}();function n(){this.yy={}}return t.lexer=e,n.prototype=t,t.Parser=n,new n}();e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=i(n(49));function r(){var t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.options=t}function a(t,e,n){void 0===e&&(e=t.length);var i=t[e-1],s=t[e-2];return i?"ContentStatement"===i.type?(s||!n?/\r?\n\s*?$/:/(^|\r?\n)\s*?$/).test(i.original):void 0:n}function o(t,e,n){void 0===e&&(e=-1);var i=t[e+1],s=t[e+2];return i?"ContentStatement"===i.type?(s||!n?/^\s*?\r?\n/:/^\s*?(\r?\n|$)/).test(i.original):void 0:n}function _(t,e,n){var i=t[null==e?0:e+1];if(i&&"ContentStatement"===i.type&&(n||!i.rightStripped)){var s=i.value;i.value=i.value.replace(n?/^\s+/:/^[ \t]*\r?\n?/,""),i.rightStripped=i.value!==s}}function u(t,e,n){var i=t[null==e?t.length-1:e-1];if(i&&"ContentStatement"===i.type&&(n||!i.leftStripped)){var s=i.value;return i.value=i.value.replace(n?/\s+$/:/[ \t]+$/,""),i.leftStripped=i.value!==s,i.leftStripped}}r.prototype=new s.default,r.prototype.Program=function(t){var e=!this.options.ignoreStandalone,n=!this.isRootSeen;this.isRootSeen=!0;for(var i=t.body,s=0,r=i.length;s<r;s++){var p=i[s],l=this.accept(p);if(l){var h=a(i,s,n),c=o(i,s,n),d=l.openStandalone&&h,f=l.closeStandalone&&c,g=l.inlineStandalone&&h&&c;l.close&&_(i,s,!0),l.open&&u(i,s,!0),e&&g&&(_(i,s),u(i,s)&&"PartialStatement"===p.type&&(p.indent=/([ \t]+$)/.exec(i[s-1].original)[1])),e&&d&&(_((p.program||p.inverse).body),u(i,s)),e&&f&&(_(i,s),u((p.inverse||p.program).body))}}return t},r.prototype.BlockStatement=r.prototype.DecoratorBlock=r.prototype.PartialBlockStatement=function(t){this.accept(t.program),this.accept(t.inverse);var e=t.program||t.inverse,n=t.program&&t.inverse,i=n,s=n;if(n&&n.chained)for(i=n.body[0].program;s.chained;)s=s.body[s.body.length-1].program;var r={open:t.openStrip.open,close:t.closeStrip.close,openStandalone:o(e.body),closeStandalone:a((i||e).body)};if(t.openStrip.close&&_(e.body,null,!0),n){var p=t.inverseStrip;p.open&&u(e.body,null,!0),p.close&&_(i.body,null,!0),t.closeStrip.open&&u(s.body,null,!0),!this.options.ignoreStandalone&&a(e.body)&&o(i.body)&&(u(e.body),_(i.body))}else t.closeStrip.open&&u(e.body,null,!0);return r},r.prototype.Decorator=r.prototype.MustacheStatement=function(t){return t.strip},r.prototype.PartialStatement=r.prototype.CommentStatement=function(t){var e=t.strip||{};return{inlineStandalone:!0,open:e.open,close:e.close}},e.default=r,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=i(n(6));function r(){this.parents=[]}function a(t){this.acceptRequired(t,"path"),this.acceptArray(t.params),this.acceptKey(t,"hash")}function o(t){a.call(this,t),this.acceptKey(t,"program"),this.acceptKey(t,"inverse")}function _(t){this.acceptRequired(t,"name"),this.acceptArray(t.params),this.acceptKey(t,"hash")}r.prototype={constructor:r,mutating:!1,acceptKey:function(t,e){var n=this.accept(t[e]);if(this.mutating){if(n&&!r.prototype[n.type])throw new s.default('Unexpected node type "'+n.type+'" found when accepting '+e+" on "+t.type);t[e]=n}},acceptRequired:function(t,e){if(this.acceptKey(t,e),!t[e])throw new s.default(t.type+" requires "+e)},acceptArray:function(t){for(var e=0,n=t.length;e<n;e++)this.acceptKey(t,e),t[e]||(t.splice(e,1),e--,n--)},accept:function(t){if(t){if(!this[t.type])throw new s.default("Unknown type: "+t.type,t);this.current&&this.parents.unshift(this.current),this.current=t;var e=this[t.type](t);return this.current=this.parents.shift(),!this.mutating||e?e:!1!==e?t:void 0}},Program:function(t){this.acceptArray(t.body)},MustacheStatement:a,Decorator:a,BlockStatement:o,DecoratorBlock:o,PartialStatement:_,PartialBlockStatement:function(t){_.call(this,t),this.acceptKey(t,"program")},ContentStatement:function(){},CommentStatement:function(){},SubExpression:a,PathExpression:function(){},StringLiteral:function(){},NumberLiteral:function(){},BooleanLiteral:function(){},UndefinedLiteral:function(){},NullLiteral:function(){},Hash:function(t){this.acceptArray(t.pairs)},HashPair:function(t){this.acceptRequired(t,"value")}},e.default=r,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.SourceLocation=function(t,e){this.source=t,this.start={line:e.first_line,column:e.first_column},this.end={line:e.last_line,column:e.last_column}},e.id=function(t){return/^\[.*\]$/.test(t)?t.substring(1,t.length-1):t},e.stripFlags=function(t,e){return{open:"~"===t.charAt(2),close:"~"===e.charAt(e.length-3)}},e.stripComment=function(t){return t.replace(/^\{\{~?!-?-?/,"").replace(/-?-?~?\}\}$/,"")},e.preparePath=function(t,e,n){n=this.locInfo(n);for(var i=t?"@":"",r=[],a=0,o=0,_=e.length;o<_;o++){var u=e[o].part,p=e[o].original!==u;if(i+=(e[o].separator||"")+u,p||".."!==u&&"."!==u&&"this"!==u)r.push(u);else{if(r.length>0)throw new s.default("Invalid path: "+i,{loc:n});".."===u&&a++}}return{type:"PathExpression",data:t,depth:a,parts:r,original:i,loc:n}},e.prepareMustache=function(t,e,n,i,s,r){var a=i.charAt(3)||i.charAt(2),o="{"!==a&&"&"!==a;return{type:/\*/.test(i)?"Decorator":"MustacheStatement",path:t,params:e,hash:n,escaped:o,strip:s,loc:this.locInfo(r)}},e.prepareRawBlock=function(t,e,n,i){r(t,n),i=this.locInfo(i);var s={type:"Program",body:e,strip:{},loc:i};return{type:"BlockStatement",path:t.path,params:t.params,hash:t.hash,program:s,openStrip:{},inverseStrip:{},closeStrip:{},loc:i}},e.prepareBlock=function(t,e,n,i,a,o){i&&i.path&&r(t,i);var _=/\*/.test(t.open);e.blockParams=t.blockParams;var u=void 0,p=void 0;if(n){if(_)throw new s.default("Unexpected inverse block on decorator",n);n.chain&&(n.program.body[0].closeStrip=i.strip),p=n.strip,u=n.program}return a&&(a=u,u=e,e=a),{type:_?"DecoratorBlock":"BlockStatement",path:t.path,params:t.params,hash:t.hash,program:e,inverse:u,openStrip:t.strip,inverseStrip:p,closeStrip:i&&i.strip,loc:this.locInfo(o)}},e.prepareProgram=function(t,e){if(!e&&t.length){var n=t[0].loc,i=t[t.length-1].loc;n&&i&&(e={source:n.source,start:{line:n.start.line,column:n.start.column},end:{line:i.end.line,column:i.end.column}})}return{type:"Program",body:t,strip:{},loc:e}},e.preparePartialBlock=function(t,e,n,i){return r(t,n),{type:"PartialBlockStatement",name:t.path,params:t.params,hash:t.hash,program:e,openStrip:t.strip,closeStrip:n&&n.strip,loc:this.locInfo(i)}};var s=i(n(6));function r(t,e){if(e=e.path?e.path.original:e,t.path.original!==e){var n={loc:t.path.loc};throw new s.default(t.path.original+" doesn't match "+e,n)}}},function(t,e,n){"use strict";var i=n(34).default,s=n(1).default;e.__esModule=!0,e.Compiler=u,e.precompile=function(t,e,n){if(null==t||"string"!=typeof t&&"Program"!==t.type)throw new r.default("You must pass a string or Handlebars AST to Handlebars.precompile. You passed "+t);"data"in(e=e||{})||(e.data=!0),e.compat&&(e.useDepths=!0);var i=n.parse(t,e),s=(new n.Compiler).compile(i,e);return(new n.JavaScriptCompiler).compile(s,e)},e.compile=function(t,e,n){if(void 0===e&&(e={}),null==t||"string"!=typeof t&&"Program"!==t.type)throw new r.default("You must pass a string or Handlebars AST to Handlebars.compile. You passed "+t);"data"in(e=a.extend({},e))||(e.data=!0),e.compat&&(e.useDepths=!0);var i=void 0;function s(){var i=n.parse(t,e),s=(new n.Compiler).compile(i,e),r=(new n.JavaScriptCompiler).compile(s,e,void 0,!0);return n.template(r)}function o(t,e){return i||(i=s()),i.call(this,t,e)}return o._setup=function(t){return i||(i=s()),i._setup(t)},o._child=function(t,e,n,r){return i||(i=s()),i._child(t,e,n,r)},o};var r=s(n(6)),a=n(5),o=s(n(45)),_=[].slice;function u(){}function p(t,e){if(t===e)return!0;if(a.isArray(t)&&a.isArray(e)&&t.length===e.length){for(var n=0;n<t.length;n++)if(!p(t[n],e[n]))return!1;return!0}}function l(t){if(!t.path.parts){var e=t.path;t.path={type:"PathExpression",data:!1,depth:0,parts:[e.original+""],original:e.original+"",loc:e.loc}}}u.prototype={compiler:u,equals:function(t){var e=this.opcodes.length;if(t.opcodes.length!==e)return!1;for(var n=0;n<e;n++){var i=this.opcodes[n],s=t.opcodes[n];if(i.opcode!==s.opcode||!p(i.args,s.args))return!1}for(e=this.children.length,n=0;n<e;n++)if(!this.children[n].equals(t.children[n]))return!1;return!0},guid:0,compile:function(t,e){return this.sourceNode=[],this.opcodes=[],this.children=[],this.options=e,this.stringParams=e.stringParams,this.trackIds=e.trackIds,e.blockParams=e.blockParams||[],e.knownHelpers=a.extend(i(null),{helperMissing:!0,blockHelperMissing:!0,each:!0,if:!0,unless:!0,with:!0,log:!0,lookup:!0},e.knownHelpers),this.accept(t)},compileProgram:function(t){var e=(new this.compiler).compile(t,this.options),n=this.guid++;return this.usePartial=this.usePartial||e.usePartial,this.children[n]=e,this.useDepths=this.useDepths||e.useDepths,n},accept:function(t){if(!this[t.type])throw new r.default("Unknown type: "+t.type,t);this.sourceNode.unshift(t);var e=this[t.type](t);return this.sourceNode.shift(),e},Program:function(t){this.options.blockParams.unshift(t.blockParams);for(var e=t.body,n=e.length,i=0;i<n;i++)this.accept(e[i]);return this.options.blockParams.shift(),this.isSimple=1===n,this.blockParams=t.blockParams?t.blockParams.length:0,this},BlockStatement:function(t){l(t);var e=t.program,n=t.inverse;e=e&&this.compileProgram(e),n=n&&this.compileProgram(n);var i=this.classifySexpr(t);"helper"===i?this.helperSexpr(t,e,n):"simple"===i?(this.simpleSexpr(t),this.opcode("pushProgram",e),this.opcode("pushProgram",n),this.opcode("emptyHash"),this.opcode("blockValue",t.path.original)):(this.ambiguousSexpr(t,e,n),this.opcode("pushProgram",e),this.opcode("pushProgram",n),this.opcode("emptyHash"),this.opcode("ambiguousBlockValue")),this.opcode("append")},DecoratorBlock:function(t){var e=t.program&&this.compileProgram(t.program),n=this.setupFullMustacheParams(t,e,void 0),i=t.path;this.useDecorators=!0,this.opcode("registerDecorator",n.length,i.original)},PartialStatement:function(t){this.usePartial=!0;var e=t.program;e&&(e=this.compileProgram(t.program));var n=t.params;if(n.length>1)throw new r.default("Unsupported number of partial arguments: "+n.length,t);n.length||(this.options.explicitPartialContext?this.opcode("pushLiteral","undefined"):n.push({type:"PathExpression",parts:[],depth:0}));var i=t.name.original,s="SubExpression"===t.name.type;s&&this.accept(t.name),this.setupFullMustacheParams(t,e,void 0,!0);var a=t.indent||"";this.options.preventIndent&&a&&(this.opcode("appendContent",a),a=""),this.opcode("invokePartial",s,i,a),this.opcode("append")},PartialBlockStatement:function(t){this.PartialStatement(t)},MustacheStatement:function(t){this.SubExpression(t),t.escaped&&!this.options.noEscape?this.opcode("appendEscaped"):this.opcode("append")},Decorator:function(t){this.DecoratorBlock(t)},ContentStatement:function(t){t.value&&this.opcode("appendContent",t.value)},CommentStatement:function(){},SubExpression:function(t){l(t);var e=this.classifySexpr(t);"simple"===e?this.simpleSexpr(t):"helper"===e?this.helperSexpr(t):this.ambiguousSexpr(t)},ambiguousSexpr:function(t,e,n){var i=t.path,s=i.parts[0],r=null!=e||null!=n;this.opcode("getContext",i.depth),this.opcode("pushProgram",e),this.opcode("pushProgram",n),i.strict=!0,this.accept(i),this.opcode("invokeAmbiguous",s,r)},simpleSexpr:function(t){var e=t.path;e.strict=!0,this.accept(e),this.opcode("resolvePossibleLambda")},helperSexpr:function(t,e,n){var i=this.setupFullMustacheParams(t,e,n),s=t.path,a=s.parts[0];if(this.options.knownHelpers[a])this.opcode("invokeKnownHelper",i.length,a);else{if(this.options.knownHelpersOnly)throw new r.default("You specified knownHelpersOnly, but used the unknown helper "+a,t);s.strict=!0,s.falsy=!0,this.accept(s),this.opcode("invokeHelper",i.length,s.original,o.default.helpers.simpleId(s))}},PathExpression:function(t){this.addDepth(t.depth),this.opcode("getContext",t.depth);var e=t.parts[0],n=o.default.helpers.scopedId(t),i=!t.depth&&!n&&this.blockParamIndex(e);i?this.opcode("lookupBlockParam",i,t.parts):e?t.data?(this.options.data=!0,this.opcode("lookupData",t.depth,t.parts,t.strict)):this.opcode("lookupOnContext",t.parts,t.falsy,t.strict,n):this.opcode("pushContext")},StringLiteral:function(t){this.opcode("pushString",t.value)},NumberLiteral:function(t){this.opcode("pushLiteral",t.value)},BooleanLiteral:function(t){this.opcode("pushLiteral",t.value)},UndefinedLiteral:function(){this.opcode("pushLiteral","undefined")},NullLiteral:function(){this.opcode("pushLiteral","null")},Hash:function(t){var e=t.pairs,n=0,i=e.length;for(this.opcode("pushHash");n<i;n++)this.pushParam(e[n].value);for(;n--;)this.opcode("assignToHash",e[n].key);this.opcode("popHash")},opcode:function(t){this.opcodes.push({opcode:t,args:_.call(arguments,1),loc:this.sourceNode[0].loc})},addDepth:function(t){t&&(this.useDepths=!0)},classifySexpr:function(t){var e=o.default.helpers.simpleId(t.path),n=e&&!!this.blockParamIndex(t.path.parts[0]),i=!n&&o.default.helpers.helperExpression(t),s=!n&&(i||e);if(s&&!i){var r=t.path.parts[0],a=this.options;a.knownHelpers[r]?i=!0:a.knownHelpersOnly&&(s=!1)}return i?"helper":s?"ambiguous":"simple"},pushParams:function(t){for(var e=0,n=t.length;e<n;e++)this.pushParam(t[e])},pushParam:function(t){var e=null!=t.value?t.value:t.original||"";if(this.stringParams)e.replace&&(e=e.replace(/^(\.?\.\/)*/g,"").replace(/\//g,".")),t.depth&&this.addDepth(t.depth),this.opcode("getContext",t.depth||0),this.opcode("pushStringParam",e,t.type),"SubExpression"===t.type&&this.accept(t);else{if(this.trackIds){var n=void 0;if(!t.parts||o.default.helpers.scopedId(t)||t.depth||(n=this.blockParamIndex(t.parts[0])),n){var i=t.parts.slice(1).join(".");this.opcode("pushId","BlockParam",n,i)}else(e=t.original||e).replace&&(e=e.replace(/^this(?:\.|$)/,"").replace(/^\.\//,"").replace(/^\.$/,"")),this.opcode("pushId",t.type,e)}this.accept(t)}},setupFullMustacheParams:function(t,e,n,i){var s=t.params;return this.pushParams(s),this.opcode("pushProgram",e),this.opcode("pushProgram",n),t.hash?this.accept(t.hash):this.opcode("emptyHash",i),s},blockParamIndex:function(t){for(var e=0,n=this.options.blockParams.length;e<n;e++){var i=this.options.blockParams[e],s=i&&a.indexOf(i,t);if(i&&s>=0)return[e,s]}}}},function(t,e,n){"use strict";var i=n(13).default,s=n(1).default;e.__esModule=!0;var r=n(4),a=s(n(6)),o=n(5),_=s(n(53));function u(t){this.value=t}function p(){}p.prototype={nameLookup:function(t,e){return this.internalNameLookup(t,e)},depthedLookup:function(t){return[this.aliasable("container.lookup"),"(depths, ",JSON.stringify(t),")"]},compilerInfo:function(){var t=r.COMPILER_REVISION;return[t,r.REVISION_CHANGES[t]]},appendToBuffer:function(t,e,n){return o.isArray(t)||(t=[t]),t=this.source.wrap(t,e),this.environment.isSimple?["return ",t,";"]:n?["buffer += ",t,";"]:(t.appendToBuffer=!0,t)},initializeBuffer:function(){return this.quotedString("")},internalNameLookup:function(t,e){return this.lookupPropertyFunctionIsUsed=!0,["lookupProperty(",t,",",JSON.stringify(e),")"]},lookupPropertyFunctionIsUsed:!1,compile:function(t,e,n,i){this.environment=t,this.options=e,this.stringParams=this.options.stringParams,this.trackIds=this.options.trackIds,this.precompile=!i,this.name=this.environment.name,this.isChild=!!n,this.context=n||{decorators:[],programs:[],environments:[]},this.preamble(),this.stackSlot=0,this.stackVars=[],this.aliases={},this.registers={list:[]},this.hashes=[],this.compileStack=[],this.inlineStack=[],this.blockParams=[],this.compileChildren(t,e),this.useDepths=this.useDepths||t.useDepths||t.useDecorators||this.options.compat,this.useBlockParams=this.useBlockParams||t.useBlockParams;var s=t.opcodes,r=void 0,o=void 0,_=void 0,u=void 0;for(_=0,u=s.length;_<u;_++)r=s[_],this.source.currentLocation=r.loc,o=o||r.loc,this[r.opcode].apply(this,r.args);if(this.source.currentLocation=o,this.pushSource(""),this.stackSlot||this.inlineStack.length||this.compileStack.length)throw new a.default("Compile completed with content left on stack");this.decorators.isEmpty()?this.decorators=void 0:(this.useDecorators=!0,this.decorators.prepend(["var decorators = container.decorators, ",this.lookupPropertyFunctionVarDeclaration(),";\n"]),this.decorators.push("return fn;"),i?this.decorators=Function.apply(this,["fn","props","container","depth0","data","blockParams","depths",this.decorators.merge()]):(this.decorators.prepend("function(fn, props, container, depth0, data, blockParams, depths) {\n"),this.decorators.push("}\n"),this.decorators=this.decorators.merge()));var p=this.createFunctionContext(i);if(this.isChild)return p;var l={compiler:this.compilerInfo(),main:p};this.decorators&&(l.main_d=this.decorators,l.useDecorators=!0);var h=this.context,c=h.programs,d=h.decorators;for(_=0,u=c.length;_<u;_++)c[_]&&(l[_]=c[_],d[_]&&(l[_+"_d"]=d[_],l.useDecorators=!0));return this.environment.usePartial&&(l.usePartial=!0),this.options.data&&(l.useData=!0),this.useDepths&&(l.useDepths=!0),this.useBlockParams&&(l.useBlockParams=!0),this.options.compat&&(l.compat=!0),i?l.compilerOptions=this.options:(l.compiler=JSON.stringify(l.compiler),this.source.currentLocation={start:{line:1,column:0}},l=this.objectLiteral(l),e.srcName?(l=l.toStringWithSourceMap({file:e.destName})).map=l.map&&l.map.toString():l=l.toString()),l},preamble:function(){this.lastContext=0,this.source=new _.default(this.options.srcName),this.decorators=new _.default(this.options.srcName)},createFunctionContext:function(t){var e=this,n="",s=this.stackVars.concat(this.registers.list);s.length>0&&(n+=", "+s.join(", "));var r=0;i(this.aliases).forEach((function(t){var i=e.aliases[t];i.children&&i.referenceCount>1&&(n+=", alias"+ ++r+"="+t,i.children[0]="alias"+r)})),this.lookupPropertyFunctionIsUsed&&(n+=", "+this.lookupPropertyFunctionVarDeclaration());var a=["container","depth0","helpers","partials","data"];(this.useBlockParams||this.useDepths)&&a.push("blockParams"),this.useDepths&&a.push("depths");var o=this.mergeSource(n);return t?(a.push(o),Function.apply(this,a)):this.source.wrap(["function(",a.join(","),") {\n  ",o,"}"])},mergeSource:function(t){var e=this.environment.isSimple,n=!this.forceBuffer,i=void 0,s=void 0,r=void 0,a=void 0;return this.source.each((function(t){t.appendToBuffer?(r?t.prepend("  + "):r=t,a=t):(r&&(s?r.prepend("buffer += "):i=!0,a.add(";"),r=a=void 0),s=!0,e||(n=!1))})),n?r?(r.prepend("return "),a.add(";")):s||this.source.push('return "";'):(t+=", buffer = "+(i?"":this.initializeBuffer()),r?(r.prepend("return buffer + "),a.add(";")):this.source.push("return buffer;")),t&&this.source.prepend("var "+t.substring(2)+(i?"":";\n")),this.source.merge()},lookupPropertyFunctionVarDeclaration:function(){return"\n      lookupProperty = container.lookupProperty || function(parent, propertyName) {\n        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n          return parent[propertyName];\n        }\n        return undefined\n    }\n    ".trim()},blockValue:function(t){var e=this.aliasable("container.hooks.blockHelperMissing"),n=[this.contextName(0)];this.setupHelperArgs(t,0,n);var i=this.popStack();n.splice(1,0,i),this.push(this.source.functionCall(e,"call",n))},ambiguousBlockValue:function(){var t=this.aliasable("container.hooks.blockHelperMissing"),e=[this.contextName(0)];this.setupHelperArgs("",0,e,!0),this.flushInline();var n=this.topStack();e.splice(1,0,n),this.pushSource(["if (!",this.lastHelper,") { ",n," = ",this.source.functionCall(t,"call",e),"}"])},appendContent:function(t){this.pendingContent?t=this.pendingContent+t:this.pendingLocation=this.source.currentLocation,this.pendingContent=t},append:function(){if(this.isInline())this.replaceStack((function(t){return[" != null ? ",t,' : ""']})),this.pushSource(this.appendToBuffer(this.popStack()));else{var t=this.popStack();this.pushSource(["if (",t," != null) { ",this.appendToBuffer(t,void 0,!0)," }"]),this.environment.isSimple&&this.pushSource(["else { ",this.appendToBuffer("''",void 0,!0)," }"])}},appendEscaped:function(){this.pushSource(this.appendToBuffer([this.aliasable("container.escapeExpression"),"(",this.popStack(),")"]))},getContext:function(t){this.lastContext=t},pushContext:function(){this.pushStackLiteral(this.contextName(this.lastContext))},lookupOnContext:function(t,e,n,i){var s=0;i||!this.options.compat||this.lastContext?this.pushContext():this.push(this.depthedLookup(t[s++])),this.resolvePath("context",t,s,e,n)},lookupBlockParam:function(t,e){this.useBlockParams=!0,this.push(["blockParams[",t[0],"][",t[1],"]"]),this.resolvePath("context",e,1)},lookupData:function(t,e,n){t?this.pushStackLiteral("container.data(data, "+t+")"):this.pushStackLiteral("data"),this.resolvePath("data",e,0,!0,n)},resolvePath:function(t,e,n,i,s){var r=this;if(this.options.strict||this.options.assumeObjects)this.push(function(t,e,n,i){var s=e.popStack(),r=0,a=n.length;for(t&&a--;r<a;r++)s=e.nameLookup(s,n[r],i);return t?[e.aliasable("container.strict"),"(",s,", ",e.quotedString(n[r]),", ",JSON.stringify(e.source.currentLocation)," )"]:s}(this.options.strict&&s,this,e,t));else for(var a=e.length;n<a;n++)this.replaceStack((function(s){var a=r.nameLookup(s,e[n],t);return i?[" && ",a]:[" != null ? ",a," : ",s]}))},resolvePossibleLambda:function(){this.push([this.aliasable("container.lambda"),"(",this.popStack(),", ",this.contextName(0),")"])},pushStringParam:function(t,e){this.pushContext(),this.pushString(e),"SubExpression"!==e&&("string"==typeof t?this.pushString(t):this.pushStackLiteral(t))},emptyHash:function(t){this.trackIds&&this.push("{}"),this.stringParams&&(this.push("{}"),this.push("{}")),this.pushStackLiteral(t?"undefined":"{}")},pushHash:function(){this.hash&&this.hashes.push(this.hash),this.hash={values:{},types:[],contexts:[],ids:[]}},popHash:function(){var t=this.hash;this.hash=this.hashes.pop(),this.trackIds&&this.push(this.objectLiteral(t.ids)),this.stringParams&&(this.push(this.objectLiteral(t.contexts)),this.push(this.objectLiteral(t.types))),this.push(this.objectLiteral(t.values))},pushString:function(t){this.pushStackLiteral(this.quotedString(t))},pushLiteral:function(t){this.pushStackLiteral(t)},pushProgram:function(t){null!=t?this.pushStackLiteral(this.programExpression(t)):this.pushStackLiteral(null)},registerDecorator:function(t,e){var n=this.nameLookup("decorators",e,"decorator"),i=this.setupHelperArgs(e,t);this.decorators.push(["fn = ",this.decorators.functionCall(n,"",["fn","props","container",i])," || fn;"])},invokeHelper:function(t,e,n){var i=this.popStack(),s=this.setupHelper(t,e),r=[];n&&r.push(s.name),r.push(i),this.options.strict||r.push(this.aliasable("container.hooks.helperMissing"));var a=["(",this.itemsSeparatedBy(r,"||"),")"],o=this.source.functionCall(a,"call",s.callParams);this.push(o)},itemsSeparatedBy:function(t,e){var n=[];n.push(t[0]);for(var i=1;i<t.length;i++)n.push(e,t[i]);return n},invokeKnownHelper:function(t,e){var n=this.setupHelper(t,e);this.push(this.source.functionCall(n.name,"call",n.callParams))},invokeAmbiguous:function(t,e){this.useRegister("helper");var n=this.popStack();this.emptyHash();var i=this.setupHelper(0,t,e),s=["(","(helper = ",this.lastHelper=this.nameLookup("helpers",t,"helper")," || ",n,")"];this.options.strict||(s[0]="(helper = ",s.push(" != null ? helper : ",this.aliasable("container.hooks.helperMissing"))),this.push(["(",s,i.paramsInit?["),(",i.paramsInit]:[],"),","(typeof helper === ",this.aliasable('"function"')," ? ",this.source.functionCall("helper","call",i.callParams)," : helper))"])},invokePartial:function(t,e,n){var i=[],s=this.setupParams(e,1,i);t&&(e=this.popStack(),delete s.name),n&&(s.indent=JSON.stringify(n)),s.helpers="helpers",s.partials="partials",s.decorators="container.decorators",t?i.unshift(e):i.unshift(this.nameLookup("partials",e,"partial")),this.options.compat&&(s.depths="depths"),s=this.objectLiteral(s),i.push(s),this.push(this.source.functionCall("container.invokePartial","",i))},assignToHash:function(t){var e=this.popStack(),n=void 0,i=void 0,s=void 0;this.trackIds&&(s=this.popStack()),this.stringParams&&(i=this.popStack(),n=this.popStack());var r=this.hash;n&&(r.contexts[t]=n),i&&(r.types[t]=i),s&&(r.ids[t]=s),r.values[t]=e},pushId:function(t,e,n){"BlockParam"===t?this.pushStackLiteral("blockParams["+e[0]+"].path["+e[1]+"]"+(n?" + "+JSON.stringify("."+n):"")):"PathExpression"===t?this.pushString(e):"SubExpression"===t?this.pushStackLiteral("true"):this.pushStackLiteral("null")},compiler:p,compileChildren:function(t,e){for(var n=t.children,i=void 0,s=void 0,r=0,a=n.length;r<a;r++){i=n[r],s=new this.compiler;var o=this.matchExistingProgram(i);if(null==o){this.context.programs.push("");var _=this.context.programs.length;i.index=_,i.name="program"+_,this.context.programs[_]=s.compile(i,e,this.context,!this.precompile),this.context.decorators[_]=s.decorators,this.context.environments[_]=i,this.useDepths=this.useDepths||s.useDepths,this.useBlockParams=this.useBlockParams||s.useBlockParams,i.useDepths=this.useDepths,i.useBlockParams=this.useBlockParams}else i.index=o.index,i.name="program"+o.index,this.useDepths=this.useDepths||o.useDepths,this.useBlockParams=this.useBlockParams||o.useBlockParams}},matchExistingProgram:function(t){for(var e=0,n=this.context.environments.length;e<n;e++){var i=this.context.environments[e];if(i&&i.equals(t))return i}},programExpression:function(t){var e=this.environment.children[t],n=[e.index,"data",e.blockParams];return(this.useBlockParams||this.useDepths)&&n.push("blockParams"),this.useDepths&&n.push("depths"),"container.program("+n.join(", ")+")"},useRegister:function(t){this.registers[t]||(this.registers[t]=!0,this.registers.list.push(t))},push:function(t){return t instanceof u||(t=this.source.wrap(t)),this.inlineStack.push(t),t},pushStackLiteral:function(t){this.push(new u(t))},pushSource:function(t){this.pendingContent&&(this.source.push(this.appendToBuffer(this.source.quotedString(this.pendingContent),this.pendingLocation)),this.pendingContent=void 0),t&&this.source.push(t)},replaceStack:function(t){var e=["("],n=void 0,i=void 0,s=void 0;if(!this.isInline())throw new a.default("replaceStack on non-inline");var r=this.popStack(!0);if(r instanceof u)e=["(",n=[r.value]],s=!0;else{i=!0;var o=this.incrStack();e=["((",this.push(o)," = ",r,")"],n=this.topStack()}var _=t.call(this,n);s||this.popStack(),i&&this.stackSlot--,this.push(e.concat(_,")"))},incrStack:function(){return this.stackSlot++,this.stackSlot>this.stackVars.length&&this.stackVars.push("stack"+this.stackSlot),this.topStackName()},topStackName:function(){return"stack"+this.stackSlot},flushInline:function(){var t=this.inlineStack;this.inlineStack=[];for(var e=0,n=t.length;e<n;e++){var i=t[e];if(i instanceof u)this.compileStack.push(i);else{var s=this.incrStack();this.pushSource([s," = ",i,";"]),this.compileStack.push(s)}}},isInline:function(){return this.inlineStack.length},popStack:function(t){var e=this.isInline(),n=(e?this.inlineStack:this.compileStack).pop();if(!t&&n instanceof u)return n.value;if(!e){if(!this.stackSlot)throw new a.default("Invalid stack pop");this.stackSlot--}return n},topStack:function(){var t=this.isInline()?this.inlineStack:this.compileStack,e=t[t.length-1];return e instanceof u?e.value:e},contextName:function(t){return this.useDepths&&t?"depths["+t+"]":"depth"+t},quotedString:function(t){return this.source.quotedString(t)},objectLiteral:function(t){return this.source.objectLiteral(t)},aliasable:function(t){var e=this.aliases[t];return e?(e.referenceCount++,e):((e=this.aliases[t]=this.source.wrap(t)).aliasable=!0,e.referenceCount=1,e)},setupHelper:function(t,e,n){var i=[];return{params:i,paramsInit:this.setupHelperArgs(e,t,i,n),name:this.nameLookup("helpers",e,"helper"),callParams:[this.aliasable(this.contextName(0)+" != null ? "+this.contextName(0)+" : (container.nullContext || {})")].concat(i)}},setupParams:function(t,e,n){var i={},s=[],r=[],a=[],o=!n,_=void 0;o&&(n=[]),i.name=this.quotedString(t),i.hash=this.popStack(),this.trackIds&&(i.hashIds=this.popStack()),this.stringParams&&(i.hashTypes=this.popStack(),i.hashContexts=this.popStack());var u=this.popStack(),p=this.popStack();(p||u)&&(i.fn=p||"container.noop",i.inverse=u||"container.noop");for(var l=e;l--;)_=this.popStack(),n[l]=_,this.trackIds&&(a[l]=this.popStack()),this.stringParams&&(r[l]=this.popStack(),s[l]=this.popStack());return o&&(i.args=this.source.generateArray(n)),this.trackIds&&(i.ids=this.source.generateArray(a)),this.stringParams&&(i.types=this.source.generateArray(r),i.contexts=this.source.generateArray(s)),this.options.data&&(i.data="data"),this.useBlockParams&&(i.blockParams="blockParams"),i},setupHelperArgs:function(t,e,n,i){var s=this.setupParams(t,e,n);return s.loc=JSON.stringify(this.source.currentLocation),s=this.objectLiteral(s),i?(this.useRegister("options"),n.push("options"),["options=",s]):n?(n.push(s),""):s}},function(){for(var t="break else new var case finally return void catch for switch while continue function this with default if throw delete in try do instanceof typeof abstract enum int short boolean export interface static byte extends long super char final native synchronized class float package throws const goto private transient debugger implements protected volatile double import public let yield await null true false".split(" "),e=p.RESERVED_WORDS={},n=0,i=t.length;n<i;n++)e[t[n]]=!0}(),p.isValidJavaScriptVariableName=function(t){return!p.RESERVED_WORDS[t]&&/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(t)},e.default=p,t.exports=e.default},function(t,e,n){"use strict";var i=n(13).default;e.__esModule=!0;var s=n(5),r=void 0;function a(t,e,n){if(s.isArray(t)){for(var i=[],r=0,a=t.length;r<a;r++)i.push(e.wrap(t[r],n));return i}return"boolean"==typeof t||"number"==typeof t?t+"":t}function o(t){this.srcFile=t,this.source=[]}r||((r=function(t,e,n,i){this.src="",i&&this.add(i)}).prototype={add:function(t){s.isArray(t)&&(t=t.join("")),this.src+=t},prepend:function(t){s.isArray(t)&&(t=t.join("")),this.src=t+this.src},toStringWithSourceMap:function(){return{code:this.toString()}},toString:function(){return this.src}}),o.prototype={isEmpty:function(){return!this.source.length},prepend:function(t,e){this.source.unshift(this.wrap(t,e))},push:function(t,e){this.source.push(this.wrap(t,e))},merge:function(){var t=this.empty();return this.each((function(e){t.add(["  ",e,"\n"])})),t},each:function(t){for(var e=0,n=this.source.length;e<n;e++)t(this.source[e])},empty:function(){var t=this.currentLocation||{start:{}};return new r(t.start.line,t.start.column,this.srcFile)},wrap:function(t){var e=arguments.length<=1||void 0===arguments[1]?this.currentLocation||{start:{}}:arguments[1];return t instanceof r?t:(t=a(t,this,e),new r(e.start.line,e.start.column,this.srcFile,t))},functionCall:function(t,e,n){return n=this.generateList(n),this.wrap([t,e?"."+e+"(":"(",n,")"])},quotedString:function(t){return'"'+(t+"").replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")+'"'},objectLiteral:function(t){var e=this,n=[];i(t).forEach((function(i){var s=a(t[i],e);"undefined"!==s&&n.push([e.quotedString(i),":",s])}));var s=this.generateList(n);return s.prepend("{"),s.add("}"),s},generateList:function(t){for(var e=this.empty(),n=0,i=t.length;n<i;n++)n&&e.add(","),e.add(a(t[n],this));return e},generateArray:function(t){var e=this.generateList(t);return e.prepend("["),e.add("]"),e}},e.default=o,t.exports=e.default}])},t.exports=e()},148:function(t){function e(t){return!!t.constructor&&"function"==typeof t.constructor.isBuffer&&t.constructor.isBuffer(t)}t.exports=function(t){return null!=t&&(e(t)||function(t){return"function"==typeof t.readFloatLE&&"function"==typeof t.slice&&e(t.slice(0,0))}(t)||!!t._isBuffer)}},146:function(t){"use strict";t.exports=function(t){return null!=t&&("object"==typeof t||"function"==typeof t)}},145:function(t){"use strict";var e;t.exports=function(t){return"string"==typeof t&&(e||(e=new RegExp('^[\\s\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff"]+$'))).test(t)}},109:function(t,e,n){"use strict";var i=n(155),s=n(144),r=n(143),a={unformatted:["code","pre","em","strong","span"],indent_inner_html:!0,indent_char:" ",indent_size:2,sep:"\n"};t.exports=function(t,e){var n=r({},a,e);return t=i.html(t,n),!0===n.ocd?(n.newlines&&(n.sep=n.newlines),function(t,e){return s(t,e).replace(/^\s+/g,"").replace(/\s+$/g,"\n").replace(/(\s*<!--)/g,"\n$1").replace(/>(\s*)(?=<!--\s*\/)/g,"> ")}(t,n)):t}},155:function(t,e,n){"use strict";var i,s;i=[n(141),n(142),n(156)],void 0===(s=function(t,e,n){return function(t,e,n){var i=function(e,n){return t.js_beautify(e,n)};return i.js=t.js_beautify,i.css=e.css_beautify,i.html=n.html_beautify,i.js_beautify=t.js_beautify,i.css_beautify=e.css_beautify,i.html_beautify=n.html_beautify,i}(t,e,n)}.apply(e,i))||(t.exports=s)},142:function(t,e){var n;!function(){var i;!function(){"use strict";var t=[,,function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var s=this.__lines[i];if(s.is_empty())break;if(0!==s.item(0).indexOf(t)&&s.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},,,,function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,s={};for(n in t=i(t))n!==e&&(s[n]=t[n]);if(e&&t[e])for(n in t[e])s[n]=t[e][n];return s}function i(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],i=e||[];return"object"==typeof n?null!==n&&"function"==typeof n.concat&&(i=n.concat()):"string"==typeof n&&(i=n.split(/[^a-zA-Z0-9_\/\-]+/)),i},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=i,t.exports.mergeOpts=n},,function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,s="";return t&&(i=this.match(t))&&(s+=i[0]),!e||!i&&t||(s+=this.readUntil(e,n)),s},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var s=t.exec(this.__input);return s?(i=s.index,e&&(i+=s[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,s="g";return n&&e&&(s="y"),"string"==typeof t&&""!==t?i=new RegExp(t,s):t&&(i=new RegExp(t.source,s)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},,,,,function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},,function(t,e,n){var i=n(16).Beautifier,s=n(17).Options;t.exports=function(t,e){return new i(t,e).beautify()},t.exports.defaultOptions=function(){return new s}},function(t,e,n){var i=n(17).Options,s=n(2).Output,r=n(8).InputScanner,a=new(0,n(13).Directives)(/\/\*/,/\*\//),o=/\r\n|[\r\n]/,_=/\r\n|[\r\n]/g,u=/\s/,p=/(?:\s|\n)+/g,l=/\/\*(?:[\s\S]*?)((?:\*\/)|$)/g,h=/\/\/(?:[^\n\r\u2028\u2029]*)/g;function c(t,e){this._source_text=t||"",this._options=new i(e),this._ch=null,this._input=null,this.NESTED_AT_RULE={"@page":!0,"@font-face":!0,"@keyframes":!0,"@media":!0,"@supports":!0,"@document":!0},this.CONDITIONAL_GROUP_RULE={"@media":!0,"@supports":!0,"@document":!0},this.NON_SEMICOLON_NEWLINE_PROPERTY=["grid-template-areas","grid-template"]}c.prototype.eatString=function(t){var e="";for(this._ch=this._input.next();this._ch;){if(e+=this._ch,"\\"===this._ch)e+=this._input.next();else if(-1!==t.indexOf(this._ch)||"\n"===this._ch)break;this._ch=this._input.next()}return e},c.prototype.eatWhitespace=function(t){for(var e=u.test(this._input.peek()),n=0;u.test(this._input.peek());)this._ch=this._input.next(),t&&"\n"===this._ch&&(0===n||n<this._options.max_preserve_newlines)&&(n++,this._output.add_new_line(!0));return e},c.prototype.foundNestedPseudoClass=function(){for(var t=0,e=1,n=this._input.peek(e);n;){if("{"===n)return!0;if("("===n)t+=1;else if(")"===n){if(0===t)return!1;t-=1}else if(";"===n||"}"===n)return!1;e++,n=this._input.peek(e)}return!1},c.prototype.print_string=function(t){this._output.set_indent(this._indentLevel),this._output.non_breaking_space=!0,this._output.add_token(t)},c.prototype.preserveSingleSpace=function(t){t&&(this._output.space_before_token=!0)},c.prototype.indent=function(){this._indentLevel++},c.prototype.outdent=function(){this._indentLevel>0&&this._indentLevel--},c.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._source_text,e=this._options.eol;"auto"===e&&(e="\n",t&&o.test(t||"")&&(e=t.match(o)[0]));var n=(t=t.replace(_,"\n")).match(/^[\t ]*/)[0];this._output=new s(this._options,n),this._input=new r(t),this._indentLevel=0,this._nestedLevel=0,this._ch=null;for(var i,c,d=0,f=!1,g=!1,m=!1,y=!1,b=!1,v=!1,k=this._ch,w=!1;i=""!==this._input.read(p),c=k,this._ch=this._input.next(),"\\"===this._ch&&this._input.hasNext()&&(this._ch+=this._input.next()),k=this._ch,this._ch;)if("/"===this._ch&&"*"===this._input.peek()){this._output.add_new_line(),this._input.back();var x=this._input.read(l),S=a.get_directives(x);S&&"start"===S.ignore&&(x+=a.readIgnored(this._input)),this.print_string(x),this.eatWhitespace(!0),this._output.add_new_line()}else if("/"===this._ch&&"/"===this._input.peek())this._output.space_before_token=!0,this._input.back(),this.print_string(this._input.read(h)),this.eatWhitespace(!0);else if("@"===this._ch||"$"===this._ch)if(this.preserveSingleSpace(i),"{"===this._input.peek())this.print_string(this._ch+this.eatString("}"));else{this.print_string(this._ch);var E=this._input.peekUntilAfter(/[: ,;{}()[\]\/='"]/g);E.match(/[ :]$/)&&(E=this.eatString(": ").replace(/\s$/,""),this.print_string(E),this._output.space_before_token=!0),"extend"===(E=E.replace(/\s$/,""))?y=!0:"import"===E&&(b=!0),E in this.NESTED_AT_RULE?(this._nestedLevel+=1,E in this.CONDITIONAL_GROUP_RULE&&(m=!0)):f||0!==d||-1===E.indexOf(":")||(g=!0,this.indent())}else if("#"===this._ch&&"{"===this._input.peek())this.preserveSingleSpace(i),this.print_string(this._ch+this.eatString("}"));else if("{"===this._ch)g&&(g=!1,this.outdent()),m?(m=!1,f=this._indentLevel>=this._nestedLevel):f=this._indentLevel>=this._nestedLevel-1,this._options.newline_between_rules&&f&&this._output.previous_line&&"{"!==this._output.previous_line.item(-1)&&this._output.ensure_empty_line_above("/",","),this._output.space_before_token=!0,"expand"===this._options.brace_style?(this._output.add_new_line(),this.print_string(this._ch),this.indent(),this._output.set_indent(this._indentLevel)):("("===c?this._output.space_before_token=!1:","!==c&&this.indent(),this.print_string(this._ch)),this.eatWhitespace(!0),this._output.add_new_line();else if("}"===this._ch)this.outdent(),this._output.add_new_line(),"{"===c&&this._output.trim(!0),b=!1,y=!1,g&&(this.outdent(),g=!1),this.print_string(this._ch),f=!1,this._nestedLevel&&this._nestedLevel--,this.eatWhitespace(!0),this._output.add_new_line(),this._options.newline_between_rules&&!this._output.just_added_blankline()&&"}"!==this._input.peek()&&this._output.add_new_line(!0),")"===this._input.peek()&&(this._output.trim(!0),"expand"===this._options.brace_style&&this._output.add_new_line(!0));else if(":"===this._ch){for(var O=0;O<this.NON_SEMICOLON_NEWLINE_PROPERTY.length;O++)if(this._input.lookBack(this.NON_SEMICOLON_NEWLINE_PROPERTY[O])){w=!0;break}!f&&!m||this._input.lookBack("&")||this.foundNestedPseudoClass()||this._input.lookBack("(")||y||0!==d?(this._input.lookBack(" ")&&(this._output.space_before_token=!0),":"===this._input.peek()?(this._ch=this._input.next(),this.print_string("::")):this.print_string(":")):(this.print_string(":"),g||(g=!0,this._output.space_before_token=!0,this.eatWhitespace(!0),this.indent()))}else if('"'===this._ch||"'"===this._ch){var P='"'===c||"'"===c;this.preserveSingleSpace(P||i),this.print_string(this._ch+this.eatString(this._ch)),this.eatWhitespace(!0)}else if(";"===this._ch)w=!1,0===d?(g&&(this.outdent(),g=!1),y=!1,b=!1,this.print_string(this._ch),this.eatWhitespace(!0),"/"!==this._input.peek()&&this._output.add_new_line()):(this.print_string(this._ch),this.eatWhitespace(!0),this._output.space_before_token=!0);else if("("===this._ch)if(this._input.lookBack("url"))this.print_string(this._ch),this.eatWhitespace(),d++,this.indent(),this._ch=this._input.next(),")"===this._ch||'"'===this._ch||"'"===this._ch?this._input.back():this._ch&&(this.print_string(this._ch+this.eatString(")")),d&&(d--,this.outdent()));else{var A=!1;this._input.lookBack("with")&&(A=!0),this.preserveSingleSpace(i||A),this.print_string(this._ch),g&&"$"===c&&this._options.selector_separator_newline?(this._output.add_new_line(),v=!0):(this.eatWhitespace(),d++,this.indent())}else if(")"===this._ch)d&&(d--,this.outdent()),v&&";"===this._input.peek()&&this._options.selector_separator_newline&&(v=!1,this.outdent(),this._output.add_new_line()),this.print_string(this._ch);else if(","===this._ch)this.print_string(this._ch),this.eatWhitespace(!0),!this._options.selector_separator_newline||g&&!v||0!==d||b||y?this._output.space_before_token=!0:this._output.add_new_line();else if(">"!==this._ch&&"+"!==this._ch&&"~"!==this._ch||g||0!==d)if("]"===this._ch)this.print_string(this._ch);else if("["===this._ch)this.preserveSingleSpace(i),this.print_string(this._ch);else if("="===this._ch)this.eatWhitespace(),this.print_string("="),u.test(this._ch)&&(this._ch="");else if("!"!==this._ch||this._input.lookBack("\\")){var T='"'===c||"'"===c;this.preserveSingleSpace(T||i),this.print_string(this._ch),!this._output.just_added_newline()&&"\n"===this._input.peek()&&w&&this._output.add_new_line()}else this._output.space_before_token=!0,this.print_string(this._ch);else this._options.space_around_combinator?(this._output.space_before_token=!0,this.print_string(this._ch),this._output.space_before_token=!0):(this.print_string(this._ch),this.eatWhitespace(),this._ch&&u.test(this._ch)&&(this._ch=""));return this._output.get_code(e)},t.exports.Beautifier=c},function(t,e,n){var i=n(6).Options;function s(t){i.call(this,t,"css"),this.selector_separator_newline=this._get_boolean("selector_separator_newline",!0),this.newline_between_rules=this._get_boolean("newline_between_rules",!0);var e=this._get_boolean("space_around_selector_separator");this.space_around_combinator=this._get_boolean("space_around_combinator")||e;var n=this._get_selection_list("brace_style",["collapse","expand","end-expand","none","preserve-inline"]);this.brace_style="collapse";for(var s=0;s<n.length;s++)"expand"!==n[s]?this.brace_style="collapse":this.brace_style=n[s]}s.prototype=new i,t.exports.Options=s}],e={};var n=function n(i){var s=e[i];if(void 0!==s)return s.exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}(15);i=n}();var s=i;void 0===(n=function(){return{css_beautify:s}}.apply(e,[]))||(t.exports=n)}()},156:function(t,e,n){var i,s;!function(){var r;!function(){"use strict";var t=[,,function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var s=this.__lines[i];if(s.is_empty())break;if(0!==s.item(0).indexOf(t)&&s.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},function(t){t.exports.Token=function(t,e,n,i){this.type=t,this.text=e,this.comments_before=null,this.newlines=n||0,this.whitespace_before=i||"",this.parent=null,this.next=null,this.previous=null,this.opened=null,this.closed=null,this.directives=null}},,,function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,s={};for(n in t=i(t))n!==e&&(s[n]=t[n]);if(e&&t[e])for(n in t[e])s[n]=t[e][n];return s}function i(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],i=e||[];return"object"==typeof n?null!==n&&"function"==typeof n.concat&&(i=n.concat()):"string"==typeof n&&(i=n.split(/[^a-zA-Z0-9_\/\-]+/)),i},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=i,t.exports.mergeOpts=n},,function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,s="";return t&&(i=this.match(t))&&(s+=i[0]),!e||!i&&t||(s+=this.readUntil(e,n)),s},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var s=t.exec(this.__input);return s?(i=s.index,e&&(i+=s[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,s="g";return n&&e&&(s="y"),"string"==typeof t&&""!==t?i=new RegExp(t,s):t&&(i=new RegExp(t.source,s)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},function(t,e,n){var i=n(8).InputScanner,s=n(3).Token,r=n(10).TokenStream,a=n(11).WhitespacePattern,o={START:"TK_START",RAW:"TK_RAW",EOF:"TK_EOF"},_=function(t,e){this._input=new i(t),this._options=e||{},this.__tokens=null,this._patterns={},this._patterns.whitespace=new a(this._input)};_.prototype.tokenize=function(){var t;this._input.restart(),this.__tokens=new r,this._reset();for(var e=new s(o.START,""),n=null,i=[],a=new r;e.type!==o.EOF;){for(t=this._get_next_token(e,n);this._is_comment(t);)a.add(t),t=this._get_next_token(e,n);a.isEmpty()||(t.comments_before=a,a=new r),t.parent=n,this._is_opening(t)?(i.push(n),n=t):n&&this._is_closing(t,n)&&(t.opened=n,n.closed=t,n=i.pop(),t.parent=n),t.previous=e,e.next=t,this.__tokens.add(t),e=t}return this.__tokens},_.prototype._is_first_token=function(){return this.__tokens.isEmpty()},_.prototype._reset=function(){},_.prototype._get_next_token=function(t,e){this._readWhitespace();var n=this._input.read(/.+/g);return n?this._create_token(o.RAW,n):this._create_token(o.EOF,"")},_.prototype._is_comment=function(t){return!1},_.prototype._is_opening=function(t){return!1},_.prototype._is_closing=function(t,e){return!1},_.prototype._create_token=function(t,e){return new s(t,e,this._patterns.whitespace.newline_count,this._patterns.whitespace.whitespace_before_token)},_.prototype._readWhitespace=function(){return this._patterns.whitespace.read()},t.exports.Tokenizer=_,t.exports.TOKEN=o},function(t){function e(t){this.__tokens=[],this.__tokens_length=this.__tokens.length,this.__position=0,this.__parent_token=t}e.prototype.restart=function(){this.__position=0},e.prototype.isEmpty=function(){return 0===this.__tokens_length},e.prototype.hasNext=function(){return this.__position<this.__tokens_length},e.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__tokens[this.__position],this.__position+=1),t},e.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__tokens_length&&(e=this.__tokens[t]),e},e.prototype.add=function(t){this.__parent_token&&(t.parent=this.__parent_token),this.__tokens.push(t),this.__tokens_length+=1},t.exports.TokenStream=e},function(t,e,n){var i=n(12).Pattern;function s(t,e){i.call(this,t,e),e?this._line_regexp=this._input.get_regexp(e._line_regexp):this.__set_whitespace_patterns("",""),this.newline_count=0,this.whitespace_before_token=""}s.prototype=new i,s.prototype.__set_whitespace_patterns=function(t,e){t+="\\t ",e+="\\n\\r",this._match_pattern=this._input.get_regexp("["+t+e+"]+",!0),this._newline_regexp=this._input.get_regexp("\\r\\n|["+e+"]")},s.prototype.read=function(){this.newline_count=0,this.whitespace_before_token="";var t=this._input.read(this._match_pattern);if(" "===t)this.whitespace_before_token=" ";else if(t){var e=this.__split(this._newline_regexp,t);this.newline_count=e.length-1,this.whitespace_before_token=e[this.newline_count]}return t},s.prototype.matching=function(t,e){var n=this._create();return n.__set_whitespace_patterns(t,e),n._update(),n},s.prototype._create=function(){return new s(this._input,this)},s.prototype.__split=function(t,e){t.lastIndex=0;for(var n=0,i=[],s=t.exec(e);s;)i.push(e.substring(n,s.index)),n=s.index+s[0].length,s=t.exec(e);return n<e.length?i.push(e.substring(n,e.length)):i.push(""),i},t.exports.WhitespacePattern=s},function(t){function e(t,e){this._input=t,this._starting_pattern=null,this._match_pattern=null,this._until_pattern=null,this._until_after=!1,e&&(this._starting_pattern=this._input.get_regexp(e._starting_pattern,!0),this._match_pattern=this._input.get_regexp(e._match_pattern,!0),this._until_pattern=this._input.get_regexp(e._until_pattern),this._until_after=e._until_after)}e.prototype.read=function(){var t=this._input.read(this._starting_pattern);return this._starting_pattern&&!t||(t+=this._input.read(this._match_pattern,this._until_pattern,this._until_after)),t},e.prototype.read_match=function(){return this._input.match(this._match_pattern)},e.prototype.until_after=function(t){var e=this._create();return e._until_after=!0,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.until=function(t){var e=this._create();return e._until_after=!1,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.starting_with=function(t){var e=this._create();return e._starting_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype.matching=function(t){var e=this._create();return e._match_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype._create=function(){return new e(this._input,this)},e.prototype._update=function(){},t.exports.Pattern=e},function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},function(t,e,n){var i=n(12).Pattern,s={django:!1,erb:!1,handlebars:!1,php:!1,smarty:!1};function r(t,e){i.call(this,t,e),this.__template_pattern=null,this._disabled=Object.assign({},s),this._excluded=Object.assign({},s),e&&(this.__template_pattern=this._input.get_regexp(e.__template_pattern),this._excluded=Object.assign(this._excluded,e._excluded),this._disabled=Object.assign(this._disabled,e._disabled));var n=new i(t);this.__patterns={handlebars_comment:n.starting_with(/{{!--/).until_after(/--}}/),handlebars_unescaped:n.starting_with(/{{{/).until_after(/}}}/),handlebars:n.starting_with(/{{/).until_after(/}}/),php:n.starting_with(/<\?(?:[= ]|php)/).until_after(/\?>/),erb:n.starting_with(/<%[^%]/).until_after(/[^%]%>/),django:n.starting_with(/{%/).until_after(/%}/),django_value:n.starting_with(/{{/).until_after(/}}/),django_comment:n.starting_with(/{#/).until_after(/#}/),smarty:n.starting_with(/{(?=[^}{\s\n])/).until_after(/[^\s\n]}/),smarty_comment:n.starting_with(/{\*/).until_after(/\*}/),smarty_literal:n.starting_with(/{literal}/).until_after(/{\/literal}/)}}r.prototype=new i,r.prototype._create=function(){return new r(this._input,this)},r.prototype._update=function(){this.__set_templated_pattern()},r.prototype.disable=function(t){var e=this._create();return e._disabled[t]=!0,e._update(),e},r.prototype.read_options=function(t){var e=this._create();for(var n in s)e._disabled[n]=-1===t.templating.indexOf(n);return e._update(),e},r.prototype.exclude=function(t){var e=this._create();return e._excluded[t]=!0,e._update(),e},r.prototype.read=function(){var t="";t=this._match_pattern?this._input.read(this._starting_pattern):this._input.read(this._starting_pattern,this.__template_pattern);for(var e=this._read_template();e;)this._match_pattern?e+=this._input.read(this._match_pattern):e+=this._input.readUntil(this.__template_pattern),t+=e,e=this._read_template();return this._until_after&&(t+=this._input.readUntilAfter(this._until_pattern)),t},r.prototype.__set_templated_pattern=function(){var t=[];this._disabled.php||t.push(this.__patterns.php._starting_pattern.source),this._disabled.handlebars||t.push(this.__patterns.handlebars._starting_pattern.source),this._disabled.erb||t.push(this.__patterns.erb._starting_pattern.source),this._disabled.django||(t.push(this.__patterns.django._starting_pattern.source),t.push(this.__patterns.django_value._starting_pattern.source),t.push(this.__patterns.django_comment._starting_pattern.source)),this._disabled.smarty||t.push(this.__patterns.smarty._starting_pattern.source),this._until_pattern&&t.push(this._until_pattern.source),this.__template_pattern=this._input.get_regexp("(?:"+t.join("|")+")")},r.prototype._read_template=function(){var t="",e=this._input.peek();if("<"===e){var n=this._input.peek(1);this._disabled.php||this._excluded.php||"?"!==n||(t=t||this.__patterns.php.read()),this._disabled.erb||this._excluded.erb||"%"!==n||(t=t||this.__patterns.erb.read())}else"{"===e&&(this._disabled.handlebars||this._excluded.handlebars||(t=(t=(t=t||this.__patterns.handlebars_comment.read())||this.__patterns.handlebars_unescaped.read())||this.__patterns.handlebars.read()),this._disabled.django||(this._excluded.django||this._excluded.handlebars||(t=t||this.__patterns.django_value.read()),this._excluded.django||(t=(t=t||this.__patterns.django_comment.read())||this.__patterns.django.read())),this._disabled.smarty||this._disabled.django&&this._disabled.handlebars&&(t=(t=(t=t||this.__patterns.smarty_comment.read())||this.__patterns.smarty_literal.read())||this.__patterns.smarty.read()));return t},t.exports.TemplatablePattern=r},,,,function(t,e,n){var i=n(19).Beautifier,s=n(20).Options;t.exports=function(t,e,n,s){return new i(t,e,n,s).beautify()},t.exports.defaultOptions=function(){return new s}},function(t,e,n){var i=n(20).Options,s=n(2).Output,r=n(21).Tokenizer,a=n(21).TOKEN,o=/\r\n|[\r\n]/,_=/\r\n|[\r\n]/g,u=function(t,e){this.indent_level=0,this.alignment_size=0,this.max_preserve_newlines=t.max_preserve_newlines,this.preserve_newlines=t.preserve_newlines,this._output=new s(t,e)};u.prototype.current_line_has_match=function(t){return this._output.current_line.has_match(t)},u.prototype.set_space_before_token=function(t,e){this._output.space_before_token=t,this._output.non_breaking_space=e},u.prototype.set_wrap_point=function(){this._output.set_indent(this.indent_level,this.alignment_size),this._output.set_wrap_point()},u.prototype.add_raw_token=function(t){this._output.add_raw_token(t)},u.prototype.print_preserved_newlines=function(t){var e=0;t.type!==a.TEXT&&t.previous.type!==a.TEXT&&(e=t.newlines?1:0),this.preserve_newlines&&(e=t.newlines<this.max_preserve_newlines+1?t.newlines:this.max_preserve_newlines+1);for(var n=0;n<e;n++)this.print_newline(n>0);return 0!==e},u.prototype.traverse_whitespace=function(t){return!(!t.whitespace_before&&!t.newlines)&&(this.print_preserved_newlines(t)||(this._output.space_before_token=!0),!0)},u.prototype.previous_token_wrapped=function(){return this._output.previous_token_wrapped},u.prototype.print_newline=function(t){this._output.add_new_line(t)},u.prototype.print_token=function(t){t.text&&(this._output.set_indent(this.indent_level,this.alignment_size),this._output.add_token(t.text))},u.prototype.indent=function(){this.indent_level++},u.prototype.get_full_indent=function(t){return(t=this.indent_level+(t||0))<1?"":this._output.get_indent_string(t)};var p=function(t,e){var n=null,i=null;return e.closed?("script"===t?n="text/javascript":"style"===t&&(n="text/css"),n=function(t){for(var e=null,n=t.next;n.type!==a.EOF&&t.closed!==n;){if(n.type===a.ATTRIBUTE&&"type"===n.text){n.next&&n.next.type===a.EQUALS&&n.next.next&&n.next.next.type===a.VALUE&&(e=n.next.next.text);break}n=n.next}return e}(e)||n,n.search("text/css")>-1?i="css":n.search(/module|((text|application|dojo)\/(x-)?(javascript|ecmascript|jscript|livescript|(ld\+)?json|method|aspect))/)>-1?i="javascript":n.search(/(text|application|dojo)\/(x-)?(html)/)>-1?i="html":n.search(/test\/null/)>-1&&(i="null"),i):null};function l(t,e){return-1!==e.indexOf(t)}function h(t,e,n){this.parent=t||null,this.tag=e?e.tag_name:"",this.indent_level=n||0,this.parser_token=e||null}function c(t){this._printer=t,this._current_frame=null}function d(t,e,n,s){this._source_text=t||"",e=e||{},this._js_beautify=n,this._css_beautify=s,this._tag_stack=null;var r=new i(e,"html");this._options=r,this._is_wrap_attributes_force="force"===this._options.wrap_attributes.substr(0,"force".length),this._is_wrap_attributes_force_expand_multiline="force-expand-multiline"===this._options.wrap_attributes,this._is_wrap_attributes_force_aligned="force-aligned"===this._options.wrap_attributes,this._is_wrap_attributes_aligned_multiple="aligned-multiple"===this._options.wrap_attributes,this._is_wrap_attributes_preserve="preserve"===this._options.wrap_attributes.substr(0,"preserve".length),this._is_wrap_attributes_preserve_aligned="preserve-aligned"===this._options.wrap_attributes}c.prototype.get_parser_token=function(){return this._current_frame?this._current_frame.parser_token:null},c.prototype.record_tag=function(t){var e=new h(this._current_frame,t,this._printer.indent_level);this._current_frame=e},c.prototype._try_pop_frame=function(t){var e=null;return t&&(e=t.parser_token,this._printer.indent_level=t.indent_level,this._current_frame=t.parent),e},c.prototype._get_frame=function(t,e){for(var n=this._current_frame;n&&-1===t.indexOf(n.tag);){if(e&&-1!==e.indexOf(n.tag)){n=null;break}n=n.parent}return n},c.prototype.try_pop=function(t,e){var n=this._get_frame([t],e);return this._try_pop_frame(n)},c.prototype.indent_to_tag=function(t){var e=this._get_frame(t);e&&(this._printer.indent_level=e.indent_level)},d.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._source_text,e=this._options.eol;"auto"===this._options.eol&&(e="\n",t&&o.test(t)&&(e=t.match(o)[0]));var n=(t=t.replace(_,"\n")).match(/^[\t ]*/)[0],i={text:"",type:""},s=new f,p=new u(this._options,n),l=new r(t,this._options).tokenize();this._tag_stack=new c(p);for(var h=null,d=l.next();d.type!==a.EOF;)d.type===a.TAG_OPEN||d.type===a.COMMENT?s=h=this._handle_tag_open(p,d,s,i):d.type===a.ATTRIBUTE||d.type===a.EQUALS||d.type===a.VALUE||d.type===a.TEXT&&!s.tag_complete?h=this._handle_inside_tag(p,d,s,l):d.type===a.TAG_CLOSE?h=this._handle_tag_close(p,d,s):d.type===a.TEXT?h=this._handle_text(p,d,s):p.add_raw_token(d),i=h,d=l.next();return p._output.get_code(e)},d.prototype._handle_tag_close=function(t,e,n){var i={text:e.text,type:e.type};return t.alignment_size=0,n.tag_complete=!0,t.set_space_before_token(e.newlines||""!==e.whitespace_before,!0),n.is_unformatted?t.add_raw_token(e):("<"===n.tag_start_char&&(t.set_space_before_token("/"===e.text[0],!0),this._is_wrap_attributes_force_expand_multiline&&n.has_wrapped_attrs&&t.print_newline(!1)),t.print_token(e)),!n.indent_content||n.is_unformatted||n.is_content_unformatted||(t.indent(),n.indent_content=!1),n.is_inline_element||n.is_unformatted||n.is_content_unformatted||t.set_wrap_point(),i},d.prototype._handle_inside_tag=function(t,e,n,i){var s=n.has_wrapped_attrs,r={text:e.text,type:e.type};if(t.set_space_before_token(e.newlines||""!==e.whitespace_before,!0),n.is_unformatted)t.add_raw_token(e);else if("{"===n.tag_start_char&&e.type===a.TEXT)t.print_preserved_newlines(e)?(e.newlines=0,t.add_raw_token(e)):t.print_token(e);else{if(e.type===a.ATTRIBUTE?(t.set_space_before_token(!0),n.attr_count+=1):(e.type===a.EQUALS||e.type===a.VALUE&&e.previous.type===a.EQUALS)&&t.set_space_before_token(!1),e.type===a.ATTRIBUTE&&"<"===n.tag_start_char&&((this._is_wrap_attributes_preserve||this._is_wrap_attributes_preserve_aligned)&&(t.traverse_whitespace(e),s=s||0!==e.newlines),this._is_wrap_attributes_force)){var o=n.attr_count>1;if(this._is_wrap_attributes_force_expand_multiline&&1===n.attr_count){var _,u=!0,p=0;do{if((_=i.peek(p)).type===a.ATTRIBUTE){u=!1;break}p+=1}while(p<4&&_.type!==a.EOF&&_.type!==a.TAG_CLOSE);o=!u}o&&(t.print_newline(!1),s=!0)}t.print_token(e),s=s||t.previous_token_wrapped(),n.has_wrapped_attrs=s}return r},d.prototype._handle_text=function(t,e,n){var i={text:e.text,type:"TK_CONTENT"};return n.custom_beautifier_name?this._print_custom_beatifier_text(t,e,n):n.is_unformatted||n.is_content_unformatted?t.add_raw_token(e):(t.traverse_whitespace(e),t.print_token(e)),i},d.prototype._print_custom_beatifier_text=function(t,e,n){var i=this;if(""!==e.text){var s,r=e.text,a=1,o="",_="";"javascript"===n.custom_beautifier_name&&"function"==typeof this._js_beautify?s=this._js_beautify:"css"===n.custom_beautifier_name&&"function"==typeof this._css_beautify?s=this._css_beautify:"html"===n.custom_beautifier_name&&(s=function(t,e){return new d(t,e,i._js_beautify,i._css_beautify).beautify()}),"keep"===this._options.indent_scripts?a=0:"separate"===this._options.indent_scripts&&(a=-t.indent_level);var u=t.get_full_indent(a);if(r=r.replace(/\n[ \t]*$/,""),"html"!==n.custom_beautifier_name&&"<"===r[0]&&r.match(/^(<!--|<!\[CDATA\[)/)){var p=/^(<!--[^\n]*|<!\[CDATA\[)(\n?)([ \t\n]*)([\s\S]*)(-->|]]>)$/.exec(r);if(!p)return void t.add_raw_token(e);o=u+p[1]+"\n",r=p[4],p[5]&&(_=u+p[5]),r=r.replace(/\n[ \t]*$/,""),(p[2]||-1!==p[3].indexOf("\n"))&&(p=p[3].match(/[ \t]+$/))&&(e.whitespace_before=p[0])}if(r)if(s){var l=function(){this.eol="\n"};l.prototype=this._options.raw_options,r=s(u+r,new l)}else{var h=e.whitespace_before;h&&(r=r.replace(new RegExp("\n("+h+")?","g"),"\n")),r=u+r.replace(/\n/g,"\n"+u)}o&&(r=r?o+r+"\n"+_:o+_),t.print_newline(!1),r&&(e.text=r,e.whitespace_before="",e.newlines=0,t.add_raw_token(e),t.print_newline(!0))}},d.prototype._handle_tag_open=function(t,e,n,i){var s=this._get_tag_open_token(e);return!n.is_unformatted&&!n.is_content_unformatted||n.is_empty_element||e.type!==a.TAG_OPEN||0!==e.text.indexOf("</")?(t.traverse_whitespace(e),this._set_tag_position(t,e,s,n,i),s.is_inline_element||t.set_wrap_point(),t.print_token(e)):(t.add_raw_token(e),s.start_tag_token=this._tag_stack.try_pop(s.tag_name)),(this._is_wrap_attributes_force_aligned||this._is_wrap_attributes_aligned_multiple||this._is_wrap_attributes_preserve_aligned)&&(s.alignment_size=e.text.length+1),s.tag_complete||s.is_unformatted||(t.alignment_size=s.alignment_size),s};var f=function(t,e){if(this.parent=t||null,this.text="",this.type="TK_TAG_OPEN",this.tag_name="",this.is_inline_element=!1,this.is_unformatted=!1,this.is_content_unformatted=!1,this.is_empty_element=!1,this.is_start_tag=!1,this.is_end_tag=!1,this.indent_content=!1,this.multiline_content=!1,this.custom_beautifier_name=null,this.start_tag_token=null,this.attr_count=0,this.has_wrapped_attrs=!1,this.alignment_size=0,this.tag_complete=!1,this.tag_start_char="",this.tag_check="",e){var n;this.tag_start_char=e.text[0],this.text=e.text,"<"===this.tag_start_char?(n=e.text.match(/^<([^\s>]*)/),this.tag_check=n?n[1]:""):(n=e.text.match(/^{{~?(?:[\^]|#\*?)?([^\s}]+)/),this.tag_check=n?n[1]:"",(e.text.startsWith("{{#>")||e.text.startsWith("{{~#>"))&&">"===this.tag_check[0]&&(">"===this.tag_check&&null!==e.next?this.tag_check=e.next.text.split(" ")[0]:this.tag_check=e.text.split(">")[1])),this.tag_check=this.tag_check.toLowerCase(),e.type===a.COMMENT&&(this.tag_complete=!0),this.is_start_tag="/"!==this.tag_check.charAt(0),this.tag_name=this.is_start_tag?this.tag_check:this.tag_check.substr(1),this.is_end_tag=!this.is_start_tag||e.closed&&"/>"===e.closed.text;var i=2;"{"===this.tag_start_char&&this.text.length>=3&&"~"===this.text.charAt(2)&&(i=3),this.is_end_tag=this.is_end_tag||"{"===this.tag_start_char&&(this.text.length<3||/[^#\^]/.test(this.text.charAt(i)))}else this.tag_complete=!0};d.prototype._get_tag_open_token=function(t){var e=new f(this._tag_stack.get_parser_token(),t);return e.alignment_size=this._options.wrap_attributes_indent_size,e.is_end_tag=e.is_end_tag||l(e.tag_check,this._options.void_elements),e.is_empty_element=e.tag_complete||e.is_start_tag&&e.is_end_tag,e.is_unformatted=!e.tag_complete&&l(e.tag_check,this._options.unformatted),e.is_content_unformatted=!e.is_empty_element&&l(e.tag_check,this._options.content_unformatted),e.is_inline_element=l(e.tag_name,this._options.inline)||e.tag_name.includes("-")||"{"===e.tag_start_char,e},d.prototype._set_tag_position=function(t,e,n,i,s){if(n.is_empty_element||(n.is_end_tag?n.start_tag_token=this._tag_stack.try_pop(n.tag_name):(this._do_optional_end_element(n)&&(n.is_inline_element||t.print_newline(!1)),this._tag_stack.record_tag(n),"script"!==n.tag_name&&"style"!==n.tag_name||n.is_unformatted||n.is_content_unformatted||(n.custom_beautifier_name=p(n.tag_check,e)))),l(n.tag_check,this._options.extra_liners)&&(t.print_newline(!1),t._output.just_added_blankline()||t.print_newline(!0)),n.is_empty_element){if("{"===n.tag_start_char&&"else"===n.tag_check)this._tag_stack.indent_to_tag(["if","unless","each"]),n.indent_content=!0,t.current_line_has_match(/{{#if/)||t.print_newline(!1);"!--"===n.tag_name&&s.type===a.TAG_CLOSE&&i.is_end_tag&&-1===n.text.indexOf("\n")||(n.is_inline_element||n.is_unformatted||t.print_newline(!1),this._calcluate_parent_multiline(t,n))}else if(n.is_end_tag){var r=!1;r=(r=n.start_tag_token&&n.start_tag_token.multiline_content)||!n.is_inline_element&&!(i.is_inline_element||i.is_unformatted)&&!(s.type===a.TAG_CLOSE&&n.start_tag_token===i)&&"TK_CONTENT"!==s.type,(n.is_content_unformatted||n.is_unformatted)&&(r=!1),r&&t.print_newline(!1)}else n.indent_content=!n.custom_beautifier_name,"<"===n.tag_start_char&&("html"===n.tag_name?n.indent_content=this._options.indent_inner_html:"head"===n.tag_name?n.indent_content=this._options.indent_head_inner_html:"body"===n.tag_name&&(n.indent_content=this._options.indent_body_inner_html)),n.is_inline_element||n.is_unformatted||"TK_CONTENT"===s.type&&!n.is_content_unformatted||t.print_newline(!1),this._calcluate_parent_multiline(t,n)},d.prototype._calcluate_parent_multiline=function(t,e){!e.parent||!t._output.just_added_newline()||(e.is_inline_element||e.is_unformatted)&&e.parent.is_inline_element||(e.parent.multiline_content=!0)};var g=["address","article","aside","blockquote","details","div","dl","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hr","main","nav","ol","p","pre","section","table","ul"],m=["a","audio","del","ins","map","noscript","video"];d.prototype._do_optional_end_element=function(t){var e=null;if(!t.is_empty_element&&t.is_start_tag&&t.parent){if("body"===t.tag_name)e=e||this._tag_stack.try_pop("head");else if("li"===t.tag_name)e=e||this._tag_stack.try_pop("li",["ol","ul"]);else if("dd"===t.tag_name||"dt"===t.tag_name)e=(e=e||this._tag_stack.try_pop("dt",["dl"]))||this._tag_stack.try_pop("dd",["dl"]);else if("p"===t.parent.tag_name&&-1!==g.indexOf(t.tag_name)){var n=t.parent.parent;n&&-1!==m.indexOf(n.tag_name)||(e=e||this._tag_stack.try_pop("p"))}else"rp"===t.tag_name||"rt"===t.tag_name?e=(e=e||this._tag_stack.try_pop("rt",["ruby","rtc"]))||this._tag_stack.try_pop("rp",["ruby","rtc"]):"optgroup"===t.tag_name?e=e||this._tag_stack.try_pop("optgroup",["select"]):"option"===t.tag_name?e=e||this._tag_stack.try_pop("option",["select","datalist","optgroup"]):"colgroup"===t.tag_name?e=e||this._tag_stack.try_pop("caption",["table"]):"thead"===t.tag_name?e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]):"tbody"===t.tag_name||"tfoot"===t.tag_name?e=(e=(e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]))||this._tag_stack.try_pop("thead",["table"]))||this._tag_stack.try_pop("tbody",["table"]):"tr"===t.tag_name?e=(e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]))||this._tag_stack.try_pop("tr",["table","thead","tbody","tfoot"]):"th"!==t.tag_name&&"td"!==t.tag_name||(e=(e=e||this._tag_stack.try_pop("td",["table","thead","tbody","tfoot","tr"]))||this._tag_stack.try_pop("th",["table","thead","tbody","tfoot","tr"]));return t.parent=this._tag_stack.get_parser_token(),e}},t.exports.Beautifier=d},function(t,e,n){var i=n(6).Options;function s(t){i.call(this,t,"html"),1===this.templating.length&&"auto"===this.templating[0]&&(this.templating=["django","erb","handlebars","php"]),this.indent_inner_html=this._get_boolean("indent_inner_html"),this.indent_body_inner_html=this._get_boolean("indent_body_inner_html",!0),this.indent_head_inner_html=this._get_boolean("indent_head_inner_html",!0),this.indent_handlebars=this._get_boolean("indent_handlebars",!0),this.wrap_attributes=this._get_selection("wrap_attributes",["auto","force","force-aligned","force-expand-multiline","aligned-multiple","preserve","preserve-aligned"]),this.wrap_attributes_indent_size=this._get_number("wrap_attributes_indent_size",this.indent_size),this.extra_liners=this._get_array("extra_liners",["head","body","/html"]),this.inline=this._get_array("inline",["a","abbr","area","audio","b","bdi","bdo","br","button","canvas","cite","code","data","datalist","del","dfn","em","embed","i","iframe","img","input","ins","kbd","keygen","label","map","mark","math","meter","noscript","object","output","progress","q","ruby","s","samp","select","small","span","strong","sub","sup","svg","template","textarea","time","u","var","video","wbr","text","acronym","big","strike","tt"]),this.void_elements=this._get_array("void_elements",["area","base","br","col","embed","hr","img","input","keygen","link","menuitem","meta","param","source","track","wbr","!doctype","?xml","basefont","isindex"]),this.unformatted=this._get_array("unformatted",[]),this.content_unformatted=this._get_array("content_unformatted",["pre","textarea"]),this.unformatted_content_delimiter=this._get_characters("unformatted_content_delimiter"),this.indent_scripts=this._get_selection("indent_scripts",["normal","keep","separate"])}s.prototype=new i,t.exports.Options=s},function(t,e,n){var i=n(9).Tokenizer,s=n(9).TOKEN,r=n(13).Directives,a=n(14).TemplatablePattern,o=n(12).Pattern,_={TAG_OPEN:"TK_TAG_OPEN",TAG_CLOSE:"TK_TAG_CLOSE",ATTRIBUTE:"TK_ATTRIBUTE",EQUALS:"TK_EQUALS",VALUE:"TK_VALUE",COMMENT:"TK_COMMENT",TEXT:"TK_TEXT",UNKNOWN:"TK_UNKNOWN",START:s.START,RAW:s.RAW,EOF:s.EOF},u=new r(/<\!--/,/-->/),p=function(t,e){i.call(this,t,e),this._current_tag_name="";var n=new a(this._input).read_options(this._options),s=new o(this._input);if(this.__patterns={word:n.until(/[\n\r\t <]/),single_quote:n.until_after(/'/),double_quote:n.until_after(/"/),attribute:n.until(/[\n\r\t =>]|\/>/),element_name:n.until(/[\n\r\t >\/]/),handlebars_comment:s.starting_with(/{{!--/).until_after(/--}}/),handlebars:s.starting_with(/{{/).until_after(/}}/),handlebars_open:s.until(/[\n\r\t }]/),handlebars_raw_close:s.until(/}}/),comment:s.starting_with(/<!--/).until_after(/-->/),cdata:s.starting_with(/<!\[CDATA\[/).until_after(/]]>/),conditional_comment:s.starting_with(/<!\[/).until_after(/]>/),processing:s.starting_with(/<\?/).until_after(/\?>/)},this._options.indent_handlebars&&(this.__patterns.word=this.__patterns.word.exclude("handlebars")),this._unformatted_content_delimiter=null,this._options.unformatted_content_delimiter){var r=this._input.get_literal_regexp(this._options.unformatted_content_delimiter);this.__patterns.unformatted_content_delimiter=s.matching(r).until_after(r)}};(p.prototype=new i)._is_comment=function(t){return!1},p.prototype._is_opening=function(t){return t.type===_.TAG_OPEN},p.prototype._is_closing=function(t,e){return t.type===_.TAG_CLOSE&&e&&((">"===t.text||"/>"===t.text)&&"<"===e.text[0]||"}}"===t.text&&"{"===e.text[0]&&"{"===e.text[1])},p.prototype._reset=function(){this._current_tag_name=""},p.prototype._get_next_token=function(t,e){var n=null;this._readWhitespace();var i=this._input.peek();return null===i?this._create_token(_.EOF,""):n=(n=(n=(n=(n=(n=(n=(n=(n=n||this._read_open_handlebars(i,e))||this._read_attribute(i,t,e))||this._read_close(i,e))||this._read_raw_content(i,t,e))||this._read_content_word(i))||this._read_comment_or_cdata(i))||this._read_processing(i))||this._read_open(i,e))||this._create_token(_.UNKNOWN,this._input.next())},p.prototype._read_comment_or_cdata=function(t){var e=null,n=null,i=null;"<"===t&&("!"===this._input.peek(1)&&((n=this.__patterns.comment.read())?(i=u.get_directives(n))&&"start"===i.ignore&&(n+=u.readIgnored(this._input)):n=this.__patterns.cdata.read()),n&&((e=this._create_token(_.COMMENT,n)).directives=i));return e},p.prototype._read_processing=function(t){var e=null,n=null;if("<"===t){var i=this._input.peek(1);"!"!==i&&"?"!==i||(n=(n=this.__patterns.conditional_comment.read())||this.__patterns.processing.read()),n&&((e=this._create_token(_.COMMENT,n)).directives=null)}return e},p.prototype._read_open=function(t,e){var n=null,i=null;return e||"<"===t&&(n=this._input.next(),"/"===this._input.peek()&&(n+=this._input.next()),n+=this.__patterns.element_name.read(),i=this._create_token(_.TAG_OPEN,n)),i},p.prototype._read_open_handlebars=function(t,e){var n=null,i=null;return e||this._options.indent_handlebars&&"{"===t&&"{"===this._input.peek(1)&&("!"===this._input.peek(2)?(n=(n=this.__patterns.handlebars_comment.read())||this.__patterns.handlebars.read(),i=this._create_token(_.COMMENT,n)):(n=this.__patterns.handlebars_open.read(),i=this._create_token(_.TAG_OPEN,n))),i},p.prototype._read_close=function(t,e){var n=null,i=null;return e&&("<"===e.text[0]&&(">"===t||"/"===t&&">"===this._input.peek(1))?(n=this._input.next(),"/"===t&&(n+=this._input.next()),i=this._create_token(_.TAG_CLOSE,n)):"{"===e.text[0]&&"}"===t&&"}"===this._input.peek(1)&&(this._input.next(),this._input.next(),i=this._create_token(_.TAG_CLOSE,"}}"))),i},p.prototype._read_attribute=function(t,e,n){var i=null,s="";if(n&&"<"===n.text[0])if("="===t)i=this._create_token(_.EQUALS,this._input.next());else if('"'===t||"'"===t){var r=this._input.next();r+='"'===t?this.__patterns.double_quote.read():this.__patterns.single_quote.read(),i=this._create_token(_.VALUE,r)}else(s=this.__patterns.attribute.read())&&(i=e.type===_.EQUALS?this._create_token(_.VALUE,s):this._create_token(_.ATTRIBUTE,s));return i},p.prototype._is_content_unformatted=function(t){return-1===this._options.void_elements.indexOf(t)&&(-1!==this._options.content_unformatted.indexOf(t)||-1!==this._options.unformatted.indexOf(t))},p.prototype._read_raw_content=function(t,e,n){var i="";if(n&&"{"===n.text[0])i=this.__patterns.handlebars_raw_close.read();else if(e.type===_.TAG_CLOSE&&"<"===e.opened.text[0]&&"/"!==e.text[0]){var s=e.opened.text.substr(1).toLowerCase();if("script"===s||"style"===s){var r=this._read_comment_or_cdata(t);if(r)return r.type=_.TEXT,r;i=this._input.readUntil(new RegExp("</"+s+"[\\n\\r\\t ]*?>","ig"))}else this._is_content_unformatted(s)&&(i=this._input.readUntil(new RegExp("</"+s+"[\\n\\r\\t ]*?>","ig")))}return i?this._create_token(_.TEXT,i):null},p.prototype._read_content_word=function(t){var e="";if(this._options.unformatted_content_delimiter&&t===this._options.unformatted_content_delimiter[0]&&(e=this.__patterns.unformatted_content_delimiter.read()),e||(e=this.__patterns.word.read()),e)return this._create_token(_.TEXT,e)},t.exports.Tokenizer=p,t.exports.TOKEN=_}],e={};var n=function n(i){var s=e[i];if(void 0!==s)return s.exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}(18);r=n}();var a=r;i=[n,n(141),n(142)],s=function(t){var e=n(141),i=n(142);return{html_beautify:function(t,n){return a(t,n,e.js_beautify,i.css_beautify)}}}.apply(e,i),void 0===s||(t.exports=s)}()},141:function(t,e){var n;!function(){var i;!function(){"use strict";var t=[function(t,e,n){var i=n(1).Beautifier,s=n(5).Options;t.exports=function(t,e){return new i(t,e).beautify()},t.exports.defaultOptions=function(){return new s}},function(t,e,n){var i=n(2).Output,s=n(3).Token,r=n(4),a=n(5).Options,o=n(7).Tokenizer,_=n(7).line_starters,u=n(7).positionable_operators,p=n(7).TOKEN;function l(t,e){return-1!==e.indexOf(t)}function h(t,e){return t&&t.type===p.RESERVED&&t.text===e}function c(t,e){return t&&t.type===p.RESERVED&&l(t.text,e)}var d=["case","return","do","if","throw","else","await","break","continue","async"],f=function(t){for(var e={},n=0;n<t.length;n++)e[t[n].replace(/-/g,"_")]=t[n];return e}(["before-newline","after-newline","preserve-newline"]),g=[f.before_newline,f.preserve_newline],m="BlockStatement",y="Statement",b="ObjectLiteral",v="ArrayLiteral",k="ForInitializer",w="Conditional",x="Expression";function S(t,e){e.multiline_frame||e.mode===k||e.mode===w||t.remove_indent(e.start_line_index)}function E(t){return t===v}function O(t){return l(t,[x,k,w])}function P(t,e){e=e||{},this._source_text=t||"",this._output=null,this._tokens=null,this._last_last_text=null,this._flags=null,this._previous_flags=null,this._flag_store=null,this._options=new a(e)}P.prototype.create_flags=function(t,e){var n=0;return t&&(n=t.indentation_level,!this._output.just_added_newline()&&t.line_indent_level>n&&(n=t.line_indent_level)),{mode:e,parent:t,last_token:t?t.last_token:new s(p.START_BLOCK,""),last_word:t?t.last_word:"",declaration_statement:!1,declaration_assignment:!1,multiline_frame:!1,inline_frame:!1,if_block:!1,else_block:!1,class_start_block:!1,do_block:!1,do_while:!1,import_block:!1,in_case_statement:!1,in_case:!1,case_body:!1,case_block:!1,indentation_level:n,alignment:0,line_indent_level:t?t.line_indent_level:n,start_line_index:this._output.get_line_number(),ternary_depth:0}},P.prototype._reset=function(t){var e=t.match(/^[\t ]*/)[0];this._last_last_text="",this._output=new i(this._options,e),this._output.raw=this._options.test_output_raw,this._flag_store=[],this.set_mode(m);var n=new o(t,this._options);return this._tokens=n.tokenize(),t},P.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._reset(this._source_text),e=this._options.eol;"auto"===this._options.eol&&(e="\n",t&&r.lineBreak.test(t||"")&&(e=t.match(r.lineBreak)[0]));for(var n=this._tokens.next();n;)this.handle_token(n),this._last_last_text=this._flags.last_token.text,this._flags.last_token=n,n=this._tokens.next();return this._output.get_code(e)},P.prototype.handle_token=function(t,e){t.type===p.START_EXPR?this.handle_start_expr(t):t.type===p.END_EXPR?this.handle_end_expr(t):t.type===p.START_BLOCK?this.handle_start_block(t):t.type===p.END_BLOCK?this.handle_end_block(t):t.type===p.WORD||t.type===p.RESERVED?this.handle_word(t):t.type===p.SEMICOLON?this.handle_semicolon(t):t.type===p.STRING?this.handle_string(t):t.type===p.EQUALS?this.handle_equals(t):t.type===p.OPERATOR?this.handle_operator(t):t.type===p.COMMA?this.handle_comma(t):t.type===p.BLOCK_COMMENT?this.handle_block_comment(t,e):t.type===p.COMMENT?this.handle_comment(t,e):t.type===p.DOT?this.handle_dot(t):t.type===p.EOF?this.handle_eof(t):(t.type,p.UNKNOWN,this.handle_unknown(t,e))},P.prototype.handle_whitespace_and_comments=function(t,e){var n=t.newlines,i=this._options.keep_array_indentation&&E(this._flags.mode);if(t.comments_before)for(var s=t.comments_before.next();s;)this.handle_whitespace_and_comments(s,e),this.handle_token(s,e),s=t.comments_before.next();if(i)for(var r=0;r<n;r+=1)this.print_newline(r>0,e);else if(this._options.max_preserve_newlines&&n>this._options.max_preserve_newlines&&(n=this._options.max_preserve_newlines),this._options.preserve_newlines&&n>1){this.print_newline(!1,e);for(var a=1;a<n;a+=1)this.print_newline(!0,e)}};var A=["async","break","continue","return","throw","yield"];P.prototype.allow_wrap_or_preserved_newline=function(t,e){if(e=void 0!==e&&e,!this._output.just_added_newline()){var n=this._options.preserve_newlines&&t.newlines||e;if(l(this._flags.last_token.text,u)||l(t.text,u)){var i=l(this._flags.last_token.text,u)&&l(this._options.operator_position,g)||l(t.text,u);n=n&&i}if(n)this.print_newline(!1,!0);else if(this._options.wrap_line_length){if(c(this._flags.last_token,A))return;this._output.set_wrap_point()}}},P.prototype.print_newline=function(t,e){if(!e&&";"!==this._flags.last_token.text&&","!==this._flags.last_token.text&&"="!==this._flags.last_token.text&&(this._flags.last_token.type!==p.OPERATOR||"--"===this._flags.last_token.text||"++"===this._flags.last_token.text))for(var n=this._tokens.peek();!(this._flags.mode!==y||this._flags.if_block&&h(n,"else")||this._flags.do_block);)this.restore_mode();this._output.add_new_line(t)&&(this._flags.multiline_frame=!0)},P.prototype.print_token_line_indentation=function(t){this._output.just_added_newline()&&(this._options.keep_array_indentation&&t.newlines&&("["===t.text||E(this._flags.mode))?(this._output.current_line.set_indent(-1),this._output.current_line.push(t.whitespace_before),this._output.space_before_token=!1):this._output.set_indent(this._flags.indentation_level,this._flags.alignment)&&(this._flags.line_indent_level=this._flags.indentation_level))},P.prototype.print_token=function(t){if(this._output.raw)this._output.add_raw_token(t);else{if(this._options.comma_first&&t.previous&&t.previous.type===p.COMMA&&this._output.just_added_newline()&&","===this._output.previous_line.last()){var e=this._output.previous_line.pop();this._output.previous_line.is_empty()&&(this._output.previous_line.push(e),this._output.trim(!0),this._output.current_line.pop(),this._output.trim()),this.print_token_line_indentation(t),this._output.add_token(","),this._output.space_before_token=!0}this.print_token_line_indentation(t),this._output.non_breaking_space=!0,this._output.add_token(t.text),this._output.previous_token_wrapped&&(this._flags.multiline_frame=!0)}},P.prototype.indent=function(){this._flags.indentation_level+=1,this._output.set_indent(this._flags.indentation_level,this._flags.alignment)},P.prototype.deindent=function(){this._flags.indentation_level>0&&(!this._flags.parent||this._flags.indentation_level>this._flags.parent.indentation_level)&&(this._flags.indentation_level-=1,this._output.set_indent(this._flags.indentation_level,this._flags.alignment))},P.prototype.set_mode=function(t){this._flags?(this._flag_store.push(this._flags),this._previous_flags=this._flags):this._previous_flags=this.create_flags(null,t),this._flags=this.create_flags(this._previous_flags,t),this._output.set_indent(this._flags.indentation_level,this._flags.alignment)},P.prototype.restore_mode=function(){this._flag_store.length>0&&(this._previous_flags=this._flags,this._flags=this._flag_store.pop(),this._previous_flags.mode===y&&S(this._output,this._previous_flags),this._output.set_indent(this._flags.indentation_level,this._flags.alignment))},P.prototype.start_of_object_property=function(){return this._flags.parent.mode===b&&this._flags.mode===y&&(":"===this._flags.last_token.text&&0===this._flags.ternary_depth||c(this._flags.last_token,["get","set"]))},P.prototype.start_of_statement=function(t){var e=!1;return!!(e=(e=(e=(e=(e=(e=(e=e||c(this._flags.last_token,["var","let","const"])&&t.type===p.WORD)||h(this._flags.last_token,"do"))||!(this._flags.parent.mode===b&&this._flags.mode===y)&&c(this._flags.last_token,A)&&!t.newlines)||h(this._flags.last_token,"else")&&!(h(t,"if")&&!t.comments_before))||this._flags.last_token.type===p.END_EXPR&&(this._previous_flags.mode===k||this._previous_flags.mode===w))||this._flags.last_token.type===p.WORD&&this._flags.mode===m&&!this._flags.in_case&&!("--"===t.text||"++"===t.text)&&"function"!==this._last_last_text&&t.type!==p.WORD&&t.type!==p.RESERVED)||this._flags.mode===b&&(":"===this._flags.last_token.text&&0===this._flags.ternary_depth||c(this._flags.last_token,["get","set"])))&&(this.set_mode(y),this.indent(),this.handle_whitespace_and_comments(t,!0),this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t,c(t,["do","for","if","while"])),!0)},P.prototype.handle_start_expr=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t);var e=x;if("["===t.text){if(this._flags.last_token.type===p.WORD||")"===this._flags.last_token.text)return c(this._flags.last_token,_)&&(this._output.space_before_token=!0),this.print_token(t),this.set_mode(e),this.indent(),void(this._options.space_in_paren&&(this._output.space_before_token=!0));e=v,E(this._flags.mode)&&("["!==this._flags.last_token.text&&(","!==this._flags.last_token.text||"]"!==this._last_last_text&&"}"!==this._last_last_text)||this._options.keep_array_indentation||this.print_newline()),l(this._flags.last_token.type,[p.START_EXPR,p.END_EXPR,p.WORD,p.OPERATOR,p.DOT])||(this._output.space_before_token=!0)}else{if(this._flags.last_token.type===p.RESERVED)"for"===this._flags.last_token.text?(this._output.space_before_token=this._options.space_before_conditional,e=k):l(this._flags.last_token.text,["if","while","switch"])?(this._output.space_before_token=this._options.space_before_conditional,e=w):l(this._flags.last_word,["await","async"])?this._output.space_before_token=!0:"import"===this._flags.last_token.text&&""===t.whitespace_before?this._output.space_before_token=!1:(l(this._flags.last_token.text,_)||"catch"===this._flags.last_token.text)&&(this._output.space_before_token=!0);else if(this._flags.last_token.type===p.EQUALS||this._flags.last_token.type===p.OPERATOR)this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t);else if(this._flags.last_token.type===p.WORD){this._output.space_before_token=!1;var n=this._tokens.peek(-3);if(this._options.space_after_named_function&&n){var i=this._tokens.peek(-4);c(n,["async","function"])||"*"===n.text&&c(i,["async","function"])?this._output.space_before_token=!0:this._flags.mode===b?"{"!==n.text&&","!==n.text&&("*"!==n.text||"{"!==i.text&&","!==i.text)||(this._output.space_before_token=!0):this._flags.parent&&this._flags.parent.class_start_block&&(this._output.space_before_token=!0)}}else this.allow_wrap_or_preserved_newline(t);(this._flags.last_token.type===p.RESERVED&&("function"===this._flags.last_word||"typeof"===this._flags.last_word)||"*"===this._flags.last_token.text&&(l(this._last_last_text,["function","yield"])||this._flags.mode===b&&l(this._last_last_text,["{",","])))&&(this._output.space_before_token=this._options.space_after_anon_function)}";"===this._flags.last_token.text||this._flags.last_token.type===p.START_BLOCK?this.print_newline():this._flags.last_token.type!==p.END_EXPR&&this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.END_BLOCK&&"."!==this._flags.last_token.text&&this._flags.last_token.type!==p.COMMA||this.allow_wrap_or_preserved_newline(t,t.newlines),this.print_token(t),this.set_mode(e),this._options.space_in_paren&&(this._output.space_before_token=!0),this.indent()},P.prototype.handle_end_expr=function(t){for(;this._flags.mode===y;)this.restore_mode();this.handle_whitespace_and_comments(t),this._flags.multiline_frame&&this.allow_wrap_or_preserved_newline(t,"]"===t.text&&E(this._flags.mode)&&!this._options.keep_array_indentation),this._options.space_in_paren&&(this._flags.last_token.type!==p.START_EXPR||this._options.space_in_empty_paren?this._output.space_before_token=!0:(this._output.trim(),this._output.space_before_token=!1)),this.deindent(),this.print_token(t),this.restore_mode(),S(this._output,this._previous_flags),this._flags.do_while&&this._previous_flags.mode===w&&(this._previous_flags.mode=x,this._flags.do_block=!1,this._flags.do_while=!1)},P.prototype.handle_start_block=function(t){this.handle_whitespace_and_comments(t);var e=this._tokens.peek(),n=this._tokens.peek(1);"switch"===this._flags.last_word&&this._flags.last_token.type===p.END_EXPR?(this.set_mode(m),this._flags.in_case_statement=!0):this._flags.case_body?this.set_mode(m):n&&(l(n.text,[":",","])&&l(e.type,[p.STRING,p.WORD,p.RESERVED])||l(e.text,["get","set","..."])&&l(n.type,[p.WORD,p.RESERVED]))?l(this._last_last_text,["class","interface"])&&!l(n.text,[":",","])?this.set_mode(m):this.set_mode(b):this._flags.last_token.type===p.OPERATOR&&"=>"===this._flags.last_token.text?this.set_mode(m):l(this._flags.last_token.type,[p.EQUALS,p.START_EXPR,p.COMMA,p.OPERATOR])||c(this._flags.last_token,["return","throw","import","default"])?this.set_mode(b):this.set_mode(m),this._flags.last_token&&c(this._flags.last_token.previous,["class","extends"])&&(this._flags.class_start_block=!0);var i=!e.comments_before&&"}"===e.text,s=i&&"function"===this._flags.last_word&&this._flags.last_token.type===p.END_EXPR;if(this._options.brace_preserve_inline){var r=0,a=null;this._flags.inline_frame=!0;do{if(r+=1,(a=this._tokens.peek(r-1)).newlines){this._flags.inline_frame=!1;break}}while(a.type!==p.EOF&&(a.type!==p.END_BLOCK||a.opened!==t))}("expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines)&&!this._flags.inline_frame?this._flags.last_token.type!==p.OPERATOR&&(s||this._flags.last_token.type===p.EQUALS||c(this._flags.last_token,d)&&"else"!==this._flags.last_token.text)?this._output.space_before_token=!0:this.print_newline(!1,!0):(!E(this._previous_flags.mode)||this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.COMMA||((this._flags.last_token.type===p.COMMA||this._options.space_in_paren)&&(this._output.space_before_token=!0),(this._flags.last_token.type===p.COMMA||this._flags.last_token.type===p.START_EXPR&&this._flags.inline_frame)&&(this.allow_wrap_or_preserved_newline(t),this._previous_flags.multiline_frame=this._previous_flags.multiline_frame||this._flags.multiline_frame,this._flags.multiline_frame=!1)),this._flags.last_token.type!==p.OPERATOR&&this._flags.last_token.type!==p.START_EXPR&&(this._flags.last_token.type!==p.START_BLOCK||this._flags.inline_frame?this._output.space_before_token=!0:this.print_newline())),this.print_token(t),this.indent(),i||this._options.brace_preserve_inline&&this._flags.inline_frame||this.print_newline()},P.prototype.handle_end_block=function(t){for(this.handle_whitespace_and_comments(t);this._flags.mode===y;)this.restore_mode();var e=this._flags.last_token.type===p.START_BLOCK;this._flags.inline_frame&&!e?this._output.space_before_token=!0:"expand"===this._options.brace_style?e||this.print_newline():e||(E(this._flags.mode)&&this._options.keep_array_indentation?(this._options.keep_array_indentation=!1,this.print_newline(),this._options.keep_array_indentation=!0):this.print_newline()),this.restore_mode(),this.print_token(t)},P.prototype.handle_word=function(t){if(t.type===p.RESERVED)if(l(t.text,["set","get"])&&this._flags.mode!==b)t.type=p.WORD;else if("import"===t.text&&l(this._tokens.peek().text,["(","."]))t.type=p.WORD;else if(l(t.text,["as","from"])&&!this._flags.import_block)t.type=p.WORD;else if(this._flags.mode===b){":"===this._tokens.peek().text&&(t.type=p.WORD)}if(this.start_of_statement(t)?c(this._flags.last_token,["var","let","const"])&&t.type===p.WORD&&(this._flags.declaration_statement=!0):!t.newlines||O(this._flags.mode)||this._flags.last_token.type===p.OPERATOR&&"--"!==this._flags.last_token.text&&"++"!==this._flags.last_token.text||this._flags.last_token.type===p.EQUALS||!this._options.preserve_newlines&&c(this._flags.last_token,["var","let","const","set","get"])?this.handle_whitespace_and_comments(t):(this.handle_whitespace_and_comments(t),this.print_newline()),this._flags.do_block&&!this._flags.do_while){if(h(t,"while"))return this._output.space_before_token=!0,this.print_token(t),this._output.space_before_token=!0,void(this._flags.do_while=!0);this.print_newline(),this._flags.do_block=!1}if(this._flags.if_block)if(!this._flags.else_block&&h(t,"else"))this._flags.else_block=!0;else{for(;this._flags.mode===y;)this.restore_mode();this._flags.if_block=!1,this._flags.else_block=!1}if(this._flags.in_case_statement&&c(t,["case","default"]))return this.print_newline(),this._flags.case_block||!this._flags.case_body&&!this._options.jslint_happy||this.deindent(),this._flags.case_body=!1,this.print_token(t),void(this._flags.in_case=!0);if(this._flags.last_token.type!==p.COMMA&&this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.EQUALS&&this._flags.last_token.type!==p.OPERATOR||this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t),h(t,"function"))return(l(this._flags.last_token.text,["}",";"])||this._output.just_added_newline()&&!l(this._flags.last_token.text,["(","[","{",":","=",","])&&this._flags.last_token.type!==p.OPERATOR)&&(this._output.just_added_blankline()||t.comments_before||(this.print_newline(),this.print_newline(!0))),this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD?c(this._flags.last_token,["get","set","new","export"])||c(this._flags.last_token,A)||h(this._flags.last_token,"default")&&"export"===this._last_last_text||"declare"===this._flags.last_token.text?this._output.space_before_token=!0:this.print_newline():this._flags.last_token.type===p.OPERATOR||"="===this._flags.last_token.text?this._output.space_before_token=!0:(this._flags.multiline_frame||!O(this._flags.mode)&&!E(this._flags.mode))&&this.print_newline(),this.print_token(t),void(this._flags.last_word=t.text);var e="NONE";(this._flags.last_token.type===p.END_BLOCK?this._previous_flags.inline_frame?e="SPACE":c(t,["else","catch","finally","from"])?"expand"===this._options.brace_style||"end-expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines?e="NEWLINE":(e="SPACE",this._output.space_before_token=!0):e="NEWLINE":this._flags.last_token.type===p.SEMICOLON&&this._flags.mode===m?e="NEWLINE":this._flags.last_token.type===p.SEMICOLON&&O(this._flags.mode)?e="SPACE":this._flags.last_token.type===p.STRING?e="NEWLINE":this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD||"*"===this._flags.last_token.text&&(l(this._last_last_text,["function","yield"])||this._flags.mode===b&&l(this._last_last_text,["{",","]))?e="SPACE":this._flags.last_token.type===p.START_BLOCK?e=this._flags.inline_frame?"SPACE":"NEWLINE":this._flags.last_token.type===p.END_EXPR&&(this._output.space_before_token=!0,e="NEWLINE"),c(t,_)&&")"!==this._flags.last_token.text&&(e=this._flags.inline_frame||"else"===this._flags.last_token.text||"export"===this._flags.last_token.text?"SPACE":"NEWLINE"),c(t,["else","catch","finally"]))?(this._flags.last_token.type!==p.END_BLOCK||this._previous_flags.mode!==m||"expand"===this._options.brace_style||"end-expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines)&&!this._flags.inline_frame?this.print_newline():(this._output.trim(!0),"}"!==this._output.current_line.last()&&this.print_newline(),this._output.space_before_token=!0):"NEWLINE"===e?c(this._flags.last_token,d)||"declare"===this._flags.last_token.text&&c(t,["var","let","const"])?this._output.space_before_token=!0:this._flags.last_token.type!==p.END_EXPR?this._flags.last_token.type===p.START_EXPR&&c(t,["var","let","const"])||":"===this._flags.last_token.text||(h(t,"if")&&h(t.previous,"else")?this._output.space_before_token=!0:this.print_newline()):c(t,_)&&")"!==this._flags.last_token.text&&this.print_newline():this._flags.multiline_frame&&E(this._flags.mode)&&","===this._flags.last_token.text&&"}"===this._last_last_text?this.print_newline():"SPACE"===e&&(this._output.space_before_token=!0);!t.previous||t.previous.type!==p.WORD&&t.previous.type!==p.RESERVED||(this._output.space_before_token=!0),this.print_token(t),this._flags.last_word=t.text,t.type===p.RESERVED&&("do"===t.text?this._flags.do_block=!0:"if"===t.text?this._flags.if_block=!0:"import"===t.text?this._flags.import_block=!0:this._flags.import_block&&h(t,"from")&&(this._flags.import_block=!1))},P.prototype.handle_semicolon=function(t){this.start_of_statement(t)?this._output.space_before_token=!1:this.handle_whitespace_and_comments(t);for(var e=this._tokens.peek();!(this._flags.mode!==y||this._flags.if_block&&h(e,"else")||this._flags.do_block);)this.restore_mode();this._flags.import_block&&(this._flags.import_block=!1),this.print_token(t)},P.prototype.handle_string=function(t){(!t.text.startsWith("`")||0!==t.newlines||""!==t.whitespace_before||")"!==t.previous.text&&this._flags.last_token.type!==p.WORD)&&(this.start_of_statement(t)?this._output.space_before_token=!0:(this.handle_whitespace_and_comments(t),this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD||this._flags.inline_frame?this._output.space_before_token=!0:this._flags.last_token.type===p.COMMA||this._flags.last_token.type===p.START_EXPR||this._flags.last_token.type===p.EQUALS||this._flags.last_token.type===p.OPERATOR?this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t):!t.text.startsWith("`")||this._flags.last_token.type!==p.END_EXPR||"]"!==t.previous.text&&")"!==t.previous.text||0!==t.newlines?this.print_newline():this._output.space_before_token=!0)),this.print_token(t)},P.prototype.handle_equals=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t),this._flags.declaration_statement&&(this._flags.declaration_assignment=!0),this._output.space_before_token=!0,this.print_token(t),this._output.space_before_token=!0},P.prototype.handle_comma=function(t){this.handle_whitespace_and_comments(t,!0),this.print_token(t),this._output.space_before_token=!0,this._flags.declaration_statement?(O(this._flags.parent.mode)&&(this._flags.declaration_assignment=!1),this._flags.declaration_assignment?(this._flags.declaration_assignment=!1,this.print_newline(!1,!0)):this._options.comma_first&&this.allow_wrap_or_preserved_newline(t)):this._flags.mode===b||this._flags.mode===y&&this._flags.parent.mode===b?(this._flags.mode===y&&this.restore_mode(),this._flags.inline_frame||this.print_newline()):this._options.comma_first&&this.allow_wrap_or_preserved_newline(t)},P.prototype.handle_operator=function(t){var e="*"===t.text&&(c(this._flags.last_token,["function","yield"])||l(this._flags.last_token.type,[p.START_BLOCK,p.COMMA,p.END_BLOCK,p.SEMICOLON])),n=l(t.text,["-","+"])&&(l(this._flags.last_token.type,[p.START_BLOCK,p.START_EXPR,p.EQUALS,p.OPERATOR])||l(this._flags.last_token.text,_)||","===this._flags.last_token.text);if(this.start_of_statement(t));else{var i=!e;this.handle_whitespace_and_comments(t,i)}if("*"!==t.text||this._flags.last_token.type!==p.DOT)if("::"!==t.text){if(this._flags.last_token.type===p.OPERATOR&&l(this._options.operator_position,g)&&this.allow_wrap_or_preserved_newline(t),":"===t.text&&this._flags.in_case)return this.print_token(t),this._flags.in_case=!1,this._flags.case_body=!0,void(this._tokens.peek().type!==p.START_BLOCK?(this.indent(),this.print_newline(),this._flags.case_block=!1):(this._flags.case_block=!0,this._output.space_before_token=!0));var s=!0,r=!0,a=!1;if(":"===t.text?0===this._flags.ternary_depth?s=!1:(this._flags.ternary_depth-=1,a=!0):"?"===t.text&&(this._flags.ternary_depth+=1),!n&&!e&&this._options.preserve_newlines&&l(t.text,u)){var o=":"===t.text,h=o&&a,b=o&&!a;switch(this._options.operator_position){case f.before_newline:return this._output.space_before_token=!b,this.print_token(t),o&&!h||this.allow_wrap_or_preserved_newline(t),void(this._output.space_before_token=!0);case f.after_newline:return this._output.space_before_token=!0,!o||h?this._tokens.peek().newlines?this.print_newline(!1,!0):this.allow_wrap_or_preserved_newline(t):this._output.space_before_token=!1,this.print_token(t),void(this._output.space_before_token=!0);case f.preserve_newline:return b||this.allow_wrap_or_preserved_newline(t),s=!(this._output.just_added_newline()||b),this._output.space_before_token=s,this.print_token(t),void(this._output.space_before_token=!0)}}if(e){this.allow_wrap_or_preserved_newline(t),s=!1;var v=this._tokens.peek();r=v&&l(v.type,[p.WORD,p.RESERVED])}else if("..."===t.text)this.allow_wrap_or_preserved_newline(t),s=this._flags.last_token.type===p.START_BLOCK,r=!1;else if(l(t.text,["--","++","!","~"])||n){if(this._flags.last_token.type!==p.COMMA&&this._flags.last_token.type!==p.START_EXPR||this.allow_wrap_or_preserved_newline(t),s=!1,r=!1,t.newlines&&("--"===t.text||"++"===t.text||"~"===t.text)){var k=c(this._flags.last_token,d)&&t.newlines;k&&(this._previous_flags.if_block||this._previous_flags.else_block)&&this.restore_mode(),this.print_newline(k,!0)}";"===this._flags.last_token.text&&O(this._flags.mode)&&(s=!0),this._flags.last_token.type===p.RESERVED?s=!0:this._flags.last_token.type===p.END_EXPR?s=!("]"===this._flags.last_token.text&&("--"===t.text||"++"===t.text)):this._flags.last_token.type===p.OPERATOR&&(s=l(t.text,["--","-","++","+"])&&l(this._flags.last_token.text,["--","-","++","+"]),l(t.text,["+","-"])&&l(this._flags.last_token.text,["--","++"])&&(r=!0)),(this._flags.mode!==m||this._flags.inline_frame)&&this._flags.mode!==y||"{"!==this._flags.last_token.text&&";"!==this._flags.last_token.text||this.print_newline()}this._output.space_before_token=this._output.space_before_token||s,this.print_token(t),this._output.space_before_token=r}else this.print_token(t);else this.print_token(t)},P.prototype.handle_block_comment=function(t,e){return this._output.raw?(this._output.add_raw_token(t),void(t.directives&&"end"===t.directives.preserve&&(this._output.raw=this._options.test_output_raw))):t.directives?(this.print_newline(!1,e),this.print_token(t),"start"===t.directives.preserve&&(this._output.raw=!0),void this.print_newline(!1,!0)):r.newline.test(t.text)||t.newlines?void this.print_block_commment(t,e):(this._output.space_before_token=!0,this.print_token(t),void(this._output.space_before_token=!0))},P.prototype.print_block_commment=function(t,e){var n,i=function(t){for(var e=[],n=(t=t.replace(r.allLineBreaks,"\n")).indexOf("\n");-1!==n;)e.push(t.substring(0,n)),n=(t=t.substring(n+1)).indexOf("\n");return t.length&&e.push(t),e}(t.text),s=!1,a=!1,o=t.whitespace_before,_=o.length;if(this.print_newline(!1,e),this.print_token_line_indentation(t),this._output.add_token(i[0]),this.print_newline(!1,e),i.length>1){for(s=function(t,e){for(var n=0;n<t.length;n++)if(t[n].trim().charAt(0)!==e)return!1;return!0}(i=i.slice(1),"*"),a=function(t,e){for(var n,i=0,s=t.length;i<s;i++)if((n=t[i])&&0!==n.indexOf(e))return!1;return!0}(i,o),s&&(this._flags.alignment=1),n=0;n<i.length;n++)s?(this.print_token_line_indentation(t),this._output.add_token(i[n].replace(/^\s+/g,""))):a&&i[n]?(this.print_token_line_indentation(t),this._output.add_token(i[n].substring(_))):(this._output.current_line.set_indent(-1),this._output.add_token(i[n])),this.print_newline(!1,e);this._flags.alignment=0}},P.prototype.handle_comment=function(t,e){t.newlines?this.print_newline(!1,e):this._output.trim(!0),this._output.space_before_token=!0,this.print_token(t),this.print_newline(!1,e)},P.prototype.handle_dot=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t,!0),this._flags.last_token.text.match("^[0-9]+$")&&(this._output.space_before_token=!0),c(this._flags.last_token,d)?this._output.space_before_token=!1:this.allow_wrap_or_preserved_newline(t,")"===this._flags.last_token.text&&this._options.break_chained_methods),this._options.unindent_chained_methods&&this._output.just_added_newline()&&this.deindent(),this.print_token(t)},P.prototype.handle_unknown=function(t,e){this.print_token(t),"\n"===t.text[t.text.length-1]&&this.print_newline(!1,e)},P.prototype.handle_eof=function(t){for(;this._flags.mode===y;)this.restore_mode();this.handle_whitespace_and_comments(t)},t.exports.Beautifier=P},function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var s=this.__lines[i];if(s.is_empty())break;if(0!==s.item(0).indexOf(t)&&s.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},function(t){t.exports.Token=function(t,e,n,i){this.type=t,this.text=e,this.comments_before=null,this.newlines=n||0,this.whitespace_before=i||"",this.parent=null,this.next=null,this.previous=null,this.opened=null,this.closed=null,this.directives=null}},function(t,e){var n="\\x24\\x30-\\x39\\x41-\\x5a\\x5f\\x61-\\x7a",i="\\xaa\\xb5\\xba\\xc0-\\xd6\\xd8-\\xf6\\xf8-\\u02c1\\u02c6-\\u02d1\\u02e0-\\u02e4\\u02ec\\u02ee\\u0370-\\u0374\\u0376\\u0377\\u037a-\\u037d\\u0386\\u0388-\\u038a\\u038c\\u038e-\\u03a1\\u03a3-\\u03f5\\u03f7-\\u0481\\u048a-\\u0527\\u0531-\\u0556\\u0559\\u0561-\\u0587\\u05d0-\\u05ea\\u05f0-\\u05f2\\u0620-\\u064a\\u066e\\u066f\\u0671-\\u06d3\\u06d5\\u06e5\\u06e6\\u06ee\\u06ef\\u06fa-\\u06fc\\u06ff\\u0710\\u0712-\\u072f\\u074d-\\u07a5\\u07b1\\u07ca-\\u07ea\\u07f4\\u07f5\\u07fa\\u0800-\\u0815\\u081a\\u0824\\u0828\\u0840-\\u0858\\u08a0\\u08a2-\\u08ac\\u0904-\\u0939\\u093d\\u0950\\u0958-\\u0961\\u0971-\\u0977\\u0979-\\u097f\\u0985-\\u098c\\u098f\\u0990\\u0993-\\u09a8\\u09aa-\\u09b0\\u09b2\\u09b6-\\u09b9\\u09bd\\u09ce\\u09dc\\u09dd\\u09df-\\u09e1\\u09f0\\u09f1\\u0a05-\\u0a0a\\u0a0f\\u0a10\\u0a13-\\u0a28\\u0a2a-\\u0a30\\u0a32\\u0a33\\u0a35\\u0a36\\u0a38\\u0a39\\u0a59-\\u0a5c\\u0a5e\\u0a72-\\u0a74\\u0a85-\\u0a8d\\u0a8f-\\u0a91\\u0a93-\\u0aa8\\u0aaa-\\u0ab0\\u0ab2\\u0ab3\\u0ab5-\\u0ab9\\u0abd\\u0ad0\\u0ae0\\u0ae1\\u0b05-\\u0b0c\\u0b0f\\u0b10\\u0b13-\\u0b28\\u0b2a-\\u0b30\\u0b32\\u0b33\\u0b35-\\u0b39\\u0b3d\\u0b5c\\u0b5d\\u0b5f-\\u0b61\\u0b71\\u0b83\\u0b85-\\u0b8a\\u0b8e-\\u0b90\\u0b92-\\u0b95\\u0b99\\u0b9a\\u0b9c\\u0b9e\\u0b9f\\u0ba3\\u0ba4\\u0ba8-\\u0baa\\u0bae-\\u0bb9\\u0bd0\\u0c05-\\u0c0c\\u0c0e-\\u0c10\\u0c12-\\u0c28\\u0c2a-\\u0c33\\u0c35-\\u0c39\\u0c3d\\u0c58\\u0c59\\u0c60\\u0c61\\u0c85-\\u0c8c\\u0c8e-\\u0c90\\u0c92-\\u0ca8\\u0caa-\\u0cb3\\u0cb5-\\u0cb9\\u0cbd\\u0cde\\u0ce0\\u0ce1\\u0cf1\\u0cf2\\u0d05-\\u0d0c\\u0d0e-\\u0d10\\u0d12-\\u0d3a\\u0d3d\\u0d4e\\u0d60\\u0d61\\u0d7a-\\u0d7f\\u0d85-\\u0d96\\u0d9a-\\u0db1\\u0db3-\\u0dbb\\u0dbd\\u0dc0-\\u0dc6\\u0e01-\\u0e30\\u0e32\\u0e33\\u0e40-\\u0e46\\u0e81\\u0e82\\u0e84\\u0e87\\u0e88\\u0e8a\\u0e8d\\u0e94-\\u0e97\\u0e99-\\u0e9f\\u0ea1-\\u0ea3\\u0ea5\\u0ea7\\u0eaa\\u0eab\\u0ead-\\u0eb0\\u0eb2\\u0eb3\\u0ebd\\u0ec0-\\u0ec4\\u0ec6\\u0edc-\\u0edf\\u0f00\\u0f40-\\u0f47\\u0f49-\\u0f6c\\u0f88-\\u0f8c\\u1000-\\u102a\\u103f\\u1050-\\u1055\\u105a-\\u105d\\u1061\\u1065\\u1066\\u106e-\\u1070\\u1075-\\u1081\\u108e\\u10a0-\\u10c5\\u10c7\\u10cd\\u10d0-\\u10fa\\u10fc-\\u1248\\u124a-\\u124d\\u1250-\\u1256\\u1258\\u125a-\\u125d\\u1260-\\u1288\\u128a-\\u128d\\u1290-\\u12b0\\u12b2-\\u12b5\\u12b8-\\u12be\\u12c0\\u12c2-\\u12c5\\u12c8-\\u12d6\\u12d8-\\u1310\\u1312-\\u1315\\u1318-\\u135a\\u1380-\\u138f\\u13a0-\\u13f4\\u1401-\\u166c\\u166f-\\u167f\\u1681-\\u169a\\u16a0-\\u16ea\\u16ee-\\u16f0\\u1700-\\u170c\\u170e-\\u1711\\u1720-\\u1731\\u1740-\\u1751\\u1760-\\u176c\\u176e-\\u1770\\u1780-\\u17b3\\u17d7\\u17dc\\u1820-\\u1877\\u1880-\\u18a8\\u18aa\\u18b0-\\u18f5\\u1900-\\u191c\\u1950-\\u196d\\u1970-\\u1974\\u1980-\\u19ab\\u19c1-\\u19c7\\u1a00-\\u1a16\\u1a20-\\u1a54\\u1aa7\\u1b05-\\u1b33\\u1b45-\\u1b4b\\u1b83-\\u1ba0\\u1bae\\u1baf\\u1bba-\\u1be5\\u1c00-\\u1c23\\u1c4d-\\u1c4f\\u1c5a-\\u1c7d\\u1ce9-\\u1cec\\u1cee-\\u1cf1\\u1cf5\\u1cf6\\u1d00-\\u1dbf\\u1e00-\\u1f15\\u1f18-\\u1f1d\\u1f20-\\u1f45\\u1f48-\\u1f4d\\u1f50-\\u1f57\\u1f59\\u1f5b\\u1f5d\\u1f5f-\\u1f7d\\u1f80-\\u1fb4\\u1fb6-\\u1fbc\\u1fbe\\u1fc2-\\u1fc4\\u1fc6-\\u1fcc\\u1fd0-\\u1fd3\\u1fd6-\\u1fdb\\u1fe0-\\u1fec\\u1ff2-\\u1ff4\\u1ff6-\\u1ffc\\u2071\\u207f\\u2090-\\u209c\\u2102\\u2107\\u210a-\\u2113\\u2115\\u2119-\\u211d\\u2124\\u2126\\u2128\\u212a-\\u212d\\u212f-\\u2139\\u213c-\\u213f\\u2145-\\u2149\\u214e\\u2160-\\u2188\\u2c00-\\u2c2e\\u2c30-\\u2c5e\\u2c60-\\u2ce4\\u2ceb-\\u2cee\\u2cf2\\u2cf3\\u2d00-\\u2d25\\u2d27\\u2d2d\\u2d30-\\u2d67\\u2d6f\\u2d80-\\u2d96\\u2da0-\\u2da6\\u2da8-\\u2dae\\u2db0-\\u2db6\\u2db8-\\u2dbe\\u2dc0-\\u2dc6\\u2dc8-\\u2dce\\u2dd0-\\u2dd6\\u2dd8-\\u2dde\\u2e2f\\u3005-\\u3007\\u3021-\\u3029\\u3031-\\u3035\\u3038-\\u303c\\u3041-\\u3096\\u309d-\\u309f\\u30a1-\\u30fa\\u30fc-\\u30ff\\u3105-\\u312d\\u3131-\\u318e\\u31a0-\\u31ba\\u31f0-\\u31ff\\u3400-\\u4db5\\u4e00-\\u9fcc\\ua000-\\ua48c\\ua4d0-\\ua4fd\\ua500-\\ua60c\\ua610-\\ua61f\\ua62a\\ua62b\\ua640-\\ua66e\\ua67f-\\ua697\\ua6a0-\\ua6ef\\ua717-\\ua71f\\ua722-\\ua788\\ua78b-\\ua78e\\ua790-\\ua793\\ua7a0-\\ua7aa\\ua7f8-\\ua801\\ua803-\\ua805\\ua807-\\ua80a\\ua80c-\\ua822\\ua840-\\ua873\\ua882-\\ua8b3\\ua8f2-\\ua8f7\\ua8fb\\ua90a-\\ua925\\ua930-\\ua946\\ua960-\\ua97c\\ua984-\\ua9b2\\ua9cf\\uaa00-\\uaa28\\uaa40-\\uaa42\\uaa44-\\uaa4b\\uaa60-\\uaa76\\uaa7a\\uaa80-\\uaaaf\\uaab1\\uaab5\\uaab6\\uaab9-\\uaabd\\uaac0\\uaac2\\uaadb-\\uaadd\\uaae0-\\uaaea\\uaaf2-\\uaaf4\\uab01-\\uab06\\uab09-\\uab0e\\uab11-\\uab16\\uab20-\\uab26\\uab28-\\uab2e\\uabc0-\\uabe2\\uac00-\\ud7a3\\ud7b0-\\ud7c6\\ud7cb-\\ud7fb\\uf900-\\ufa6d\\ufa70-\\ufad9\\ufb00-\\ufb06\\ufb13-\\ufb17\\ufb1d\\ufb1f-\\ufb28\\ufb2a-\\ufb36\\ufb38-\\ufb3c\\ufb3e\\ufb40\\ufb41\\ufb43\\ufb44\\ufb46-\\ufbb1\\ufbd3-\\ufd3d\\ufd50-\\ufd8f\\ufd92-\\ufdc7\\ufdf0-\\ufdfb\\ufe70-\\ufe74\\ufe76-\\ufefc\\uff21-\\uff3a\\uff41-\\uff5a\\uff66-\\uffbe\\uffc2-\\uffc7\\uffca-\\uffcf\\uffd2-\\uffd7\\uffda-\\uffdc",s="\\u0300-\\u036f\\u0483-\\u0487\\u0591-\\u05bd\\u05bf\\u05c1\\u05c2\\u05c4\\u05c5\\u05c7\\u0610-\\u061a\\u0620-\\u0649\\u0672-\\u06d3\\u06e7-\\u06e8\\u06fb-\\u06fc\\u0730-\\u074a\\u0800-\\u0814\\u081b-\\u0823\\u0825-\\u0827\\u0829-\\u082d\\u0840-\\u0857\\u08e4-\\u08fe\\u0900-\\u0903\\u093a-\\u093c\\u093e-\\u094f\\u0951-\\u0957\\u0962-\\u0963\\u0966-\\u096f\\u0981-\\u0983\\u09bc\\u09be-\\u09c4\\u09c7\\u09c8\\u09d7\\u09df-\\u09e0\\u0a01-\\u0a03\\u0a3c\\u0a3e-\\u0a42\\u0a47\\u0a48\\u0a4b-\\u0a4d\\u0a51\\u0a66-\\u0a71\\u0a75\\u0a81-\\u0a83\\u0abc\\u0abe-\\u0ac5\\u0ac7-\\u0ac9\\u0acb-\\u0acd\\u0ae2-\\u0ae3\\u0ae6-\\u0aef\\u0b01-\\u0b03\\u0b3c\\u0b3e-\\u0b44\\u0b47\\u0b48\\u0b4b-\\u0b4d\\u0b56\\u0b57\\u0b5f-\\u0b60\\u0b66-\\u0b6f\\u0b82\\u0bbe-\\u0bc2\\u0bc6-\\u0bc8\\u0bca-\\u0bcd\\u0bd7\\u0be6-\\u0bef\\u0c01-\\u0c03\\u0c46-\\u0c48\\u0c4a-\\u0c4d\\u0c55\\u0c56\\u0c62-\\u0c63\\u0c66-\\u0c6f\\u0c82\\u0c83\\u0cbc\\u0cbe-\\u0cc4\\u0cc6-\\u0cc8\\u0cca-\\u0ccd\\u0cd5\\u0cd6\\u0ce2-\\u0ce3\\u0ce6-\\u0cef\\u0d02\\u0d03\\u0d46-\\u0d48\\u0d57\\u0d62-\\u0d63\\u0d66-\\u0d6f\\u0d82\\u0d83\\u0dca\\u0dcf-\\u0dd4\\u0dd6\\u0dd8-\\u0ddf\\u0df2\\u0df3\\u0e34-\\u0e3a\\u0e40-\\u0e45\\u0e50-\\u0e59\\u0eb4-\\u0eb9\\u0ec8-\\u0ecd\\u0ed0-\\u0ed9\\u0f18\\u0f19\\u0f20-\\u0f29\\u0f35\\u0f37\\u0f39\\u0f41-\\u0f47\\u0f71-\\u0f84\\u0f86-\\u0f87\\u0f8d-\\u0f97\\u0f99-\\u0fbc\\u0fc6\\u1000-\\u1029\\u1040-\\u1049\\u1067-\\u106d\\u1071-\\u1074\\u1082-\\u108d\\u108f-\\u109d\\u135d-\\u135f\\u170e-\\u1710\\u1720-\\u1730\\u1740-\\u1750\\u1772\\u1773\\u1780-\\u17b2\\u17dd\\u17e0-\\u17e9\\u180b-\\u180d\\u1810-\\u1819\\u1920-\\u192b\\u1930-\\u193b\\u1951-\\u196d\\u19b0-\\u19c0\\u19c8-\\u19c9\\u19d0-\\u19d9\\u1a00-\\u1a15\\u1a20-\\u1a53\\u1a60-\\u1a7c\\u1a7f-\\u1a89\\u1a90-\\u1a99\\u1b46-\\u1b4b\\u1b50-\\u1b59\\u1b6b-\\u1b73\\u1bb0-\\u1bb9\\u1be6-\\u1bf3\\u1c00-\\u1c22\\u1c40-\\u1c49\\u1c5b-\\u1c7d\\u1cd0-\\u1cd2\\u1d00-\\u1dbe\\u1e01-\\u1f15\\u200c\\u200d\\u203f\\u2040\\u2054\\u20d0-\\u20dc\\u20e1\\u20e5-\\u20f0\\u2d81-\\u2d96\\u2de0-\\u2dff\\u3021-\\u3028\\u3099\\u309a\\ua640-\\ua66d\\ua674-\\ua67d\\ua69f\\ua6f0-\\ua6f1\\ua7f8-\\ua800\\ua806\\ua80b\\ua823-\\ua827\\ua880-\\ua881\\ua8b4-\\ua8c4\\ua8d0-\\ua8d9\\ua8f3-\\ua8f7\\ua900-\\ua909\\ua926-\\ua92d\\ua930-\\ua945\\ua980-\\ua983\\ua9b3-\\ua9c0\\uaa00-\\uaa27\\uaa40-\\uaa41\\uaa4c-\\uaa4d\\uaa50-\\uaa59\\uaa7b\\uaae0-\\uaae9\\uaaf2-\\uaaf3\\uabc0-\\uabe1\\uabec\\uabed\\uabf0-\\uabf9\\ufb20-\\ufb28\\ufe00-\\ufe0f\\ufe20-\\ufe26\\ufe33\\ufe34\\ufe4d-\\ufe4f\\uff10-\\uff19\\uff3f",r="(?:\\\\u[0-9a-fA-F]{4}|[\\x23\\x24\\x40\\x41-\\x5a\\x5f\\x61-\\x7a"+i+"])",a="(?:\\\\u[0-9a-fA-F]{4}|["+n+i+s+"])*";e.identifier=new RegExp(r+a,"g"),e.identifierStart=new RegExp(r),e.identifierMatch=new RegExp("(?:\\\\u[0-9a-fA-F]{4}|["+n+i+s+"])+");e.newline=/[\n\r\u2028\u2029]/,e.lineBreak=new RegExp("\r\n|"+e.newline.source),e.allLineBreaks=new RegExp(e.lineBreak.source,"g")},function(t,e,n){var i=n(6).Options,s=["before-newline","after-newline","preserve-newline"];function r(t){i.call(this,t,"js");var e=this.raw_options.brace_style||null;"expand-strict"===e?this.raw_options.brace_style="expand":"collapse-preserve-inline"===e?this.raw_options.brace_style="collapse,preserve-inline":void 0!==this.raw_options.braces_on_own_line&&(this.raw_options.brace_style=this.raw_options.braces_on_own_line?"expand":"collapse");var n=this._get_selection_list("brace_style",["collapse","expand","end-expand","none","preserve-inline"]);this.brace_preserve_inline=!1,this.brace_style="collapse";for(var r=0;r<n.length;r++)"preserve-inline"===n[r]?this.brace_preserve_inline=!0:this.brace_style=n[r];this.unindent_chained_methods=this._get_boolean("unindent_chained_methods"),this.break_chained_methods=this._get_boolean("break_chained_methods"),this.space_in_paren=this._get_boolean("space_in_paren"),this.space_in_empty_paren=this._get_boolean("space_in_empty_paren"),this.jslint_happy=this._get_boolean("jslint_happy"),this.space_after_anon_function=this._get_boolean("space_after_anon_function"),this.space_after_named_function=this._get_boolean("space_after_named_function"),this.keep_array_indentation=this._get_boolean("keep_array_indentation"),this.space_before_conditional=this._get_boolean("space_before_conditional",!0),this.unescape_strings=this._get_boolean("unescape_strings"),this.e4x=this._get_boolean("e4x"),this.comma_first=this._get_boolean("comma_first"),this.operator_position=this._get_selection("operator_position",s),this.test_output_raw=this._get_boolean("test_output_raw"),this.jslint_happy&&(this.space_after_anon_function=!0)}r.prototype=new i,t.exports.Options=r},function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,s={};for(n in t=i(t))n!==e&&(s[n]=t[n]);if(e&&t[e])for(n in t[e])s[n]=t[e][n];return s}function i(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],i=e||[];return"object"==typeof n?null!==n&&"function"==typeof n.concat&&(i=n.concat()):"string"==typeof n&&(i=n.split(/[^a-zA-Z0-9_\/\-]+/)),i},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=i,t.exports.mergeOpts=n},function(t,e,n){var i=n(8).InputScanner,s=n(9).Tokenizer,r=n(9).TOKEN,a=n(13).Directives,o=n(4),_=n(12).Pattern,u=n(14).TemplatablePattern;function p(t,e){return-1!==e.indexOf(t)}var l={START_EXPR:"TK_START_EXPR",END_EXPR:"TK_END_EXPR",START_BLOCK:"TK_START_BLOCK",END_BLOCK:"TK_END_BLOCK",WORD:"TK_WORD",RESERVED:"TK_RESERVED",SEMICOLON:"TK_SEMICOLON",STRING:"TK_STRING",EQUALS:"TK_EQUALS",OPERATOR:"TK_OPERATOR",COMMA:"TK_COMMA",BLOCK_COMMENT:"TK_BLOCK_COMMENT",COMMENT:"TK_COMMENT",DOT:"TK_DOT",UNKNOWN:"TK_UNKNOWN",START:r.START,RAW:r.RAW,EOF:r.EOF},h=new a(/\/\*/,/\*\//),c=/0[xX][0123456789abcdefABCDEF_]*n?|0[oO][01234567_]*n?|0[bB][01_]*n?|\d[\d_]*n|(?:\.\d[\d_]*|\d[\d_]*\.?[\d_]*)(?:[eE][+-]?[\d_]+)?/,d=/[0-9]/,f=/[^\d\.]/,g=">>> === !== &&= ??= ||= << && >= ** != == <= >> || ?? |> < / - + > : & % ? ^ | *".split(" "),m=">>>= ... >>= <<= === >>> !== **= &&= ??= ||= => ^= :: /= << <= == && -= >= >> != -- += ** || ?? ++ %= &= *= |= |> = ! ? > < : / ^ - + * & % ~ |";m=(m="\\?\\.(?!\\d) "+(m=m.replace(/[-[\]{}()*+?.,\\^$|#]/g,"\\$&"))).replace(/ /g,"|");var y,b=new RegExp(m),v="continue,try,throw,return,var,let,const,if,switch,case,default,for,while,break,function,import,export".split(","),k=v.concat(["do","in","of","else","get","set","new","catch","finally","typeof","yield","async","await","from","as","class","extends"]),w=new RegExp("^(?:"+k.join("|")+")$"),x=function(t,e){s.call(this,t,e),this._patterns.whitespace=this._patterns.whitespace.matching(/\u00A0\u1680\u180e\u2000-\u200a\u202f\u205f\u3000\ufeff/.source,/\u2028\u2029/.source);var n=new _(this._input),i=new u(this._input).read_options(this._options);this.__patterns={template:i,identifier:i.starting_with(o.identifier).matching(o.identifierMatch),number:n.matching(c),punct:n.matching(b),comment:n.starting_with(/\/\//).until(/[\n\r\u2028\u2029]/),block_comment:n.starting_with(/\/\*/).until_after(/\*\//),html_comment_start:n.matching(/<!--/),html_comment_end:n.matching(/-->/),include:n.starting_with(/#include/).until_after(o.lineBreak),shebang:n.starting_with(/#!/).until_after(o.lineBreak),xml:n.matching(/[\s\S]*?<(\/?)([-a-zA-Z:0-9_.]+|{[^}]+?}|!\[CDATA\[[^\]]*?\]\]|)(\s*{[^}]+?}|\s+[-a-zA-Z:0-9_.]+|\s+[-a-zA-Z:0-9_.]+\s*=\s*('[^']*'|"[^"]*"|{([^{}]|{[^}]+?})+?}))*\s*(\/?)\s*>/),single_quote:i.until(/['\\\n\r\u2028\u2029]/),double_quote:i.until(/["\\\n\r\u2028\u2029]/),template_text:i.until(/[`\\$]/),template_expression:i.until(/[`}\\]/)}};(x.prototype=new s)._is_comment=function(t){return t.type===l.COMMENT||t.type===l.BLOCK_COMMENT||t.type===l.UNKNOWN},x.prototype._is_opening=function(t){return t.type===l.START_BLOCK||t.type===l.START_EXPR},x.prototype._is_closing=function(t,e){return(t.type===l.END_BLOCK||t.type===l.END_EXPR)&&e&&("]"===t.text&&"["===e.text||")"===t.text&&"("===e.text||"}"===t.text&&"{"===e.text)},x.prototype._reset=function(){y=!1},x.prototype._get_next_token=function(t,e){var n=null;this._readWhitespace();var i=this._input.peek();return null===i?this._create_token(l.EOF,""):n=(n=(n=(n=(n=(n=(n=(n=(n=n||this._read_non_javascript(i))||this._read_string(i))||this._read_word(t))||this._read_singles(i))||this._read_comment(i))||this._read_regexp(i,t))||this._read_xml(i,t))||this._read_punctuation())||this._create_token(l.UNKNOWN,this._input.next())},x.prototype._read_word=function(t){var e;return""!==(e=this.__patterns.identifier.read())?(e=e.replace(o.allLineBreaks,"\n"),t.type!==l.DOT&&(t.type!==l.RESERVED||"set"!==t.text&&"get"!==t.text)&&w.test(e)?"in"!==e&&"of"!==e||t.type!==l.WORD&&t.type!==l.STRING?this._create_token(l.RESERVED,e):this._create_token(l.OPERATOR,e):this._create_token(l.WORD,e)):""!==(e=this.__patterns.number.read())?this._create_token(l.WORD,e):void 0},x.prototype._read_singles=function(t){var e=null;return"("===t||"["===t?e=this._create_token(l.START_EXPR,t):")"===t||"]"===t?e=this._create_token(l.END_EXPR,t):"{"===t?e=this._create_token(l.START_BLOCK,t):"}"===t?e=this._create_token(l.END_BLOCK,t):";"===t?e=this._create_token(l.SEMICOLON,t):"."===t&&f.test(this._input.peek(1))?e=this._create_token(l.DOT,t):","===t&&(e=this._create_token(l.COMMA,t)),e&&this._input.next(),e},x.prototype._read_punctuation=function(){var t=this.__patterns.punct.read();if(""!==t)return"="===t?this._create_token(l.EQUALS,t):"?."===t?this._create_token(l.DOT,t):this._create_token(l.OPERATOR,t)},x.prototype._read_non_javascript=function(t){var e="";if("#"===t){if(this._is_first_token()&&(e=this.__patterns.shebang.read()))return this._create_token(l.UNKNOWN,e.trim()+"\n");if(e=this.__patterns.include.read())return this._create_token(l.UNKNOWN,e.trim()+"\n");t=this._input.next();var n="#";if(this._input.hasNext()&&this._input.testChar(d)){do{n+=t=this._input.next()}while(this._input.hasNext()&&"#"!==t&&"="!==t);return"#"===t||("["===this._input.peek()&&"]"===this._input.peek(1)?(n+="[]",this._input.next(),this._input.next()):"{"===this._input.peek()&&"}"===this._input.peek(1)&&(n+="{}",this._input.next(),this._input.next())),this._create_token(l.WORD,n)}this._input.back()}else if("<"===t&&this._is_first_token()){if(e=this.__patterns.html_comment_start.read()){for(;this._input.hasNext()&&!this._input.testChar(o.newline);)e+=this._input.next();return y=!0,this._create_token(l.COMMENT,e)}}else if(y&&"-"===t&&(e=this.__patterns.html_comment_end.read()))return y=!1,this._create_token(l.COMMENT,e);return null},x.prototype._read_comment=function(t){var e=null;if("/"===t){var n="";if("*"===this._input.peek(1)){n=this.__patterns.block_comment.read();var i=h.get_directives(n);i&&"start"===i.ignore&&(n+=h.readIgnored(this._input)),n=n.replace(o.allLineBreaks,"\n"),(e=this._create_token(l.BLOCK_COMMENT,n)).directives=i}else"/"===this._input.peek(1)&&(n=this.__patterns.comment.read(),e=this._create_token(l.COMMENT,n))}return e},x.prototype._read_string=function(t){if("`"===t||"'"===t||'"'===t){var e=this._input.next();return this.has_char_escapes=!1,e+="`"===t?this._read_string_recursive("`",!0,"${"):this._read_string_recursive(t),this.has_char_escapes&&this._options.unescape_strings&&(e=function(t){var e="",n=0,s=new i(t),r=null;for(;s.hasNext();)if((r=s.match(/([\s]|[^\\]|\\\\)+/g))&&(e+=r[0]),"\\"===s.peek()){if(s.next(),"x"===s.peek())r=s.match(/x([0-9A-Fa-f]{2})/g);else{if("u"!==s.peek()){e+="\\",s.hasNext()&&(e+=s.next());continue}r=s.match(/u([0-9A-Fa-f]{4})/g)}if(!r)return t;if((n=parseInt(r[1],16))>126&&n<=255&&0===r[0].indexOf("x"))return t;if(n>=0&&n<32){e+="\\"+r[0];continue}e+=34===n||39===n||92===n?"\\"+String.fromCharCode(n):String.fromCharCode(n)}return e}(e)),this._input.peek()===t&&(e+=this._input.next()),e=e.replace(o.allLineBreaks,"\n"),this._create_token(l.STRING,e)}return null},x.prototype._allow_regexp_or_xml=function(t){return t.type===l.RESERVED&&p(t.text,["return","case","throw","else","do","typeof","yield"])||t.type===l.END_EXPR&&")"===t.text&&t.opened.previous.type===l.RESERVED&&p(t.opened.previous.text,["if","while","for"])||p(t.type,[l.COMMENT,l.START_EXPR,l.START_BLOCK,l.START,l.END_BLOCK,l.OPERATOR,l.EQUALS,l.EOF,l.SEMICOLON,l.COMMA])},x.prototype._read_regexp=function(t,e){if("/"===t&&this._allow_regexp_or_xml(e)){for(var n=this._input.next(),i=!1,s=!1;this._input.hasNext()&&(i||s||this._input.peek()!==t)&&!this._input.testChar(o.newline);)n+=this._input.peek(),i?i=!1:(i="\\"===this._input.peek(),"["===this._input.peek()?s=!0:"]"===this._input.peek()&&(s=!1)),this._input.next();return this._input.peek()===t&&(n+=this._input.next(),n+=this._input.read(o.identifier)),this._create_token(l.STRING,n)}return null},x.prototype._read_xml=function(t,e){if(this._options.e4x&&"<"===t&&this._allow_regexp_or_xml(e)){var n="",i=this.__patterns.xml.read_match();if(i){for(var s=i[2].replace(/^{\s+/,"{").replace(/\s+}$/,"}"),r=0===s.indexOf("{"),a=0;i;){var _=!!i[1],u=i[2];if(!(!!i[i.length-1]||"![CDATA["===u.slice(0,8))&&(u===s||r&&u.replace(/^{\s+/,"{").replace(/\s+}$/,"}"))&&(_?--a:++a),n+=i[0],a<=0)break;i=this.__patterns.xml.read_match()}return i||(n+=this._input.match(/[\s\S]*/g)[0]),n=n.replace(o.allLineBreaks,"\n"),this._create_token(l.STRING,n)}}return null},x.prototype._read_string_recursive=function(t,e,n){var i,s;"'"===t?s=this.__patterns.single_quote:'"'===t?s=this.__patterns.double_quote:"`"===t?s=this.__patterns.template_text:"}"===t&&(s=this.__patterns.template_expression);for(var r=s.read(),a="";this._input.hasNext();){if((a=this._input.next())===t||!e&&o.newline.test(a)){this._input.back();break}"\\"===a&&this._input.hasNext()?("x"===(i=this._input.peek())||"u"===i?this.has_char_escapes=!0:"\r"===i&&"\n"===this._input.peek(1)&&this._input.next(),a+=this._input.next()):n&&("${"===n&&"$"===a&&"{"===this._input.peek()&&(a+=this._input.next()),n===a&&(a+="`"===t?this._read_string_recursive("}",e,"`"):this._read_string_recursive("`",e,"${"),this._input.hasNext()&&(a+=this._input.next()))),r+=a+=s.read()}return r},t.exports.Tokenizer=x,t.exports.TOKEN=l,t.exports.positionable_operators=g.slice(),t.exports.line_starters=v.slice()},function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,s="";return t&&(i=this.match(t))&&(s+=i[0]),!e||!i&&t||(s+=this.readUntil(e,n)),s},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var s=t.exec(this.__input);return s?(i=s.index,e&&(i+=s[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,s="g";return n&&e&&(s="y"),"string"==typeof t&&""!==t?i=new RegExp(t,s):t&&(i=new RegExp(t.source,s)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},function(t,e,n){var i=n(8).InputScanner,s=n(3).Token,r=n(10).TokenStream,a=n(11).WhitespacePattern,o={START:"TK_START",RAW:"TK_RAW",EOF:"TK_EOF"},_=function(t,e){this._input=new i(t),this._options=e||{},this.__tokens=null,this._patterns={},this._patterns.whitespace=new a(this._input)};_.prototype.tokenize=function(){var t;this._input.restart(),this.__tokens=new r,this._reset();for(var e=new s(o.START,""),n=null,i=[],a=new r;e.type!==o.EOF;){for(t=this._get_next_token(e,n);this._is_comment(t);)a.add(t),t=this._get_next_token(e,n);a.isEmpty()||(t.comments_before=a,a=new r),t.parent=n,this._is_opening(t)?(i.push(n),n=t):n&&this._is_closing(t,n)&&(t.opened=n,n.closed=t,n=i.pop(),t.parent=n),t.previous=e,e.next=t,this.__tokens.add(t),e=t}return this.__tokens},_.prototype._is_first_token=function(){return this.__tokens.isEmpty()},_.prototype._reset=function(){},_.prototype._get_next_token=function(t,e){this._readWhitespace();var n=this._input.read(/.+/g);return n?this._create_token(o.RAW,n):this._create_token(o.EOF,"")},_.prototype._is_comment=function(t){return!1},_.prototype._is_opening=function(t){return!1},_.prototype._is_closing=function(t,e){return!1},_.prototype._create_token=function(t,e){return new s(t,e,this._patterns.whitespace.newline_count,this._patterns.whitespace.whitespace_before_token)},_.prototype._readWhitespace=function(){return this._patterns.whitespace.read()},t.exports.Tokenizer=_,t.exports.TOKEN=o},function(t){function e(t){this.__tokens=[],this.__tokens_length=this.__tokens.length,this.__position=0,this.__parent_token=t}e.prototype.restart=function(){this.__position=0},e.prototype.isEmpty=function(){return 0===this.__tokens_length},e.prototype.hasNext=function(){return this.__position<this.__tokens_length},e.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__tokens[this.__position],this.__position+=1),t},e.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__tokens_length&&(e=this.__tokens[t]),e},e.prototype.add=function(t){this.__parent_token&&(t.parent=this.__parent_token),this.__tokens.push(t),this.__tokens_length+=1},t.exports.TokenStream=e},function(t,e,n){var i=n(12).Pattern;function s(t,e){i.call(this,t,e),e?this._line_regexp=this._input.get_regexp(e._line_regexp):this.__set_whitespace_patterns("",""),this.newline_count=0,this.whitespace_before_token=""}s.prototype=new i,s.prototype.__set_whitespace_patterns=function(t,e){t+="\\t ",e+="\\n\\r",this._match_pattern=this._input.get_regexp("["+t+e+"]+",!0),this._newline_regexp=this._input.get_regexp("\\r\\n|["+e+"]")},s.prototype.read=function(){this.newline_count=0,this.whitespace_before_token="";var t=this._input.read(this._match_pattern);if(" "===t)this.whitespace_before_token=" ";else if(t){var e=this.__split(this._newline_regexp,t);this.newline_count=e.length-1,this.whitespace_before_token=e[this.newline_count]}return t},s.prototype.matching=function(t,e){var n=this._create();return n.__set_whitespace_patterns(t,e),n._update(),n},s.prototype._create=function(){return new s(this._input,this)},s.prototype.__split=function(t,e){t.lastIndex=0;for(var n=0,i=[],s=t.exec(e);s;)i.push(e.substring(n,s.index)),n=s.index+s[0].length,s=t.exec(e);return n<e.length?i.push(e.substring(n,e.length)):i.push(""),i},t.exports.WhitespacePattern=s},function(t){function e(t,e){this._input=t,this._starting_pattern=null,this._match_pattern=null,this._until_pattern=null,this._until_after=!1,e&&(this._starting_pattern=this._input.get_regexp(e._starting_pattern,!0),this._match_pattern=this._input.get_regexp(e._match_pattern,!0),this._until_pattern=this._input.get_regexp(e._until_pattern),this._until_after=e._until_after)}e.prototype.read=function(){var t=this._input.read(this._starting_pattern);return this._starting_pattern&&!t||(t+=this._input.read(this._match_pattern,this._until_pattern,this._until_after)),t},e.prototype.read_match=function(){return this._input.match(this._match_pattern)},e.prototype.until_after=function(t){var e=this._create();return e._until_after=!0,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.until=function(t){var e=this._create();return e._until_after=!1,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.starting_with=function(t){var e=this._create();return e._starting_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype.matching=function(t){var e=this._create();return e._match_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype._create=function(){return new e(this._input,this)},e.prototype._update=function(){},t.exports.Pattern=e},function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},function(t,e,n){var i=n(12).Pattern,s={django:!1,erb:!1,handlebars:!1,php:!1,smarty:!1};function r(t,e){i.call(this,t,e),this.__template_pattern=null,this._disabled=Object.assign({},s),this._excluded=Object.assign({},s),e&&(this.__template_pattern=this._input.get_regexp(e.__template_pattern),this._excluded=Object.assign(this._excluded,e._excluded),this._disabled=Object.assign(this._disabled,e._disabled));var n=new i(t);this.__patterns={handlebars_comment:n.starting_with(/{{!--/).until_after(/--}}/),handlebars_unescaped:n.starting_with(/{{{/).until_after(/}}}/),handlebars:n.starting_with(/{{/).until_after(/}}/),php:n.starting_with(/<\?(?:[= ]|php)/).until_after(/\?>/),erb:n.starting_with(/<%[^%]/).until_after(/[^%]%>/),django:n.starting_with(/{%/).until_after(/%}/),django_value:n.starting_with(/{{/).until_after(/}}/),django_comment:n.starting_with(/{#/).until_after(/#}/),smarty:n.starting_with(/{(?=[^}{\s\n])/).until_after(/[^\s\n]}/),smarty_comment:n.starting_with(/{\*/).until_after(/\*}/),smarty_literal:n.starting_with(/{literal}/).until_after(/{\/literal}/)}}r.prototype=new i,r.prototype._create=function(){return new r(this._input,this)},r.prototype._update=function(){this.__set_templated_pattern()},r.prototype.disable=function(t){var e=this._create();return e._disabled[t]=!0,e._update(),e},r.prototype.read_options=function(t){var e=this._create();for(var n in s)e._disabled[n]=-1===t.templating.indexOf(n);return e._update(),e},r.prototype.exclude=function(t){var e=this._create();return e._excluded[t]=!0,e._update(),e},r.prototype.read=function(){var t="";t=this._match_pattern?this._input.read(this._starting_pattern):this._input.read(this._starting_pattern,this.__template_pattern);for(var e=this._read_template();e;)this._match_pattern?e+=this._input.read(this._match_pattern):e+=this._input.readUntil(this.__template_pattern),t+=e,e=this._read_template();return this._until_after&&(t+=this._input.readUntilAfter(this._until_pattern)),t},r.prototype.__set_templated_pattern=function(){var t=[];this._disabled.php||t.push(this.__patterns.php._starting_pattern.source),this._disabled.handlebars||t.push(this.__patterns.handlebars._starting_pattern.source),this._disabled.erb||t.push(this.__patterns.erb._starting_pattern.source),this._disabled.django||(t.push(this.__patterns.django._starting_pattern.source),t.push(this.__patterns.django_value._starting_pattern.source),t.push(this.__patterns.django_comment._starting_pattern.source)),this._disabled.smarty||t.push(this.__patterns.smarty._starting_pattern.source),this._until_pattern&&t.push(this._until_pattern.source),this.__template_pattern=this._input.get_regexp("(?:"+t.join("|")+")")},r.prototype._read_template=function(){var t="",e=this._input.peek();if("<"===e){var n=this._input.peek(1);this._disabled.php||this._excluded.php||"?"!==n||(t=t||this.__patterns.php.read()),this._disabled.erb||this._excluded.erb||"%"!==n||(t=t||this.__patterns.erb.read())}else"{"===e&&(this._disabled.handlebars||this._excluded.handlebars||(t=(t=(t=t||this.__patterns.handlebars_comment.read())||this.__patterns.handlebars_unescaped.read())||this.__patterns.handlebars.read()),this._disabled.django||(this._excluded.django||this._excluded.handlebars||(t=t||this.__patterns.django_value.read()),this._excluded.django||(t=(t=t||this.__patterns.django_comment.read())||this.__patterns.django.read())),this._disabled.smarty||this._disabled.django&&this._disabled.handlebars&&(t=(t=(t=t||this.__patterns.smarty_comment.read())||this.__patterns.smarty_literal.read())||this.__patterns.smarty.read()));return t},t.exports.TemplatablePattern=r}],e={};var n=function n(i){var s=e[i];if(void 0!==s)return s.exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}(0);i=n}();var s=i;void 0===(n=function(){return{js_beautify:s}}.apply(e,[]))||(t.exports=n)}()},167:function(){!function(t){var e="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},i={bash:n,environment:{pattern:RegExp("\\$"+e),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+e),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};t.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+e),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},parameter:{pattern:/(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:i},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:i},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:i.entity}}],environment:{pattern:RegExp("\\$?"+e),alias:"constant"},variable:i.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=t.languages.bash;for(var s=["comment","function-name","for-or-select","assign-left","parameter","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],r=i.variable[1].inside,a=0;a<s.length;a++)r[s[a]]=t.languages.bash[s[a]];t.languages.sh=t.languages.bash,t.languages.shell=t.languages.bash}(Prism)},160:function(){Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}},44:function(t,e,n){var i=function(t){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,n=0,i={},s={manual:t.Prism&&t.Prism.manual,disableWorkerMessageHandler:t.Prism&&t.Prism.disableWorkerMessageHandler,util:{encode:function t(e){return e instanceof r?new r(e.type,t(e.content),e.alias):Array.isArray(e)?e.map(t):e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(t){return Object.prototype.toString.call(t).slice(8,-1)},objId:function(t){return t.__id||Object.defineProperty(t,"__id",{value:++n}),t.__id},clone:function t(e,n){var i,r;switch(n=n||{},s.util.type(e)){case"Object":if(r=s.util.objId(e),n[r])return n[r];for(var a in i={},n[r]=i,e)e.hasOwnProperty(a)&&(i[a]=t(e[a],n));return i;case"Array":return r=s.util.objId(e),n[r]?n[r]:(i=[],n[r]=i,e.forEach((function(e,s){i[s]=t(e,n)})),i);default:return e}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(i){var t=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(i.stack)||[])[1];if(t){var e=document.getElementsByTagName("script");for(var n in e)if(e[n].src==t)return e[n]}return null}},isActive:function(t,e,n){for(var i="no-"+e;t;){var s=t.classList;if(s.contains(e))return!0;if(s.contains(i))return!1;t=t.parentElement}return!!n}},languages:{plain:i,plaintext:i,text:i,txt:i,extend:function(t,e){var n=s.util.clone(s.languages[t]);for(var i in e)n[i]=e[i];return n},insertBefore:function(t,e,n,i){var r=(i=i||s.languages)[t],a={};for(var o in r)if(r.hasOwnProperty(o)){if(o==e)for(var _ in n)n.hasOwnProperty(_)&&(a[_]=n[_]);n.hasOwnProperty(o)||(a[o]=r[o])}var u=i[t];return i[t]=a,s.languages.DFS(s.languages,(function(e,n){n===u&&e!=t&&(this[e]=a)})),a},DFS:function t(e,n,i,r){r=r||{};var a=s.util.objId;for(var o in e)if(e.hasOwnProperty(o)){n.call(e,o,e[o],i||o);var _=e[o],u=s.util.type(_);"Object"!==u||r[a(_)]?"Array"!==u||r[a(_)]||(r[a(_)]=!0,t(_,n,o,r)):(r[a(_)]=!0,t(_,n,null,r))}}},plugins:{},highlightAll:function(t,e){s.highlightAllUnder(document,t,e)},highlightAllUnder:function(t,e,n){var i={callback:n,container:t,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};s.hooks.run("before-highlightall",i),i.elements=Array.prototype.slice.apply(i.container.querySelectorAll(i.selector)),s.hooks.run("before-all-elements-highlight",i);for(var r,a=0;r=i.elements[a++];)s.highlightElement(r,!0===e,i.callback)},highlightElement:function(e,n,i){var r=s.util.getLanguage(e),a=s.languages[r];s.util.setLanguage(e,r);var o=e.parentElement;o&&"pre"===o.nodeName.toLowerCase()&&s.util.setLanguage(o,r);var _={element:e,language:r,grammar:a,code:e.textContent};function u(t){_.highlightedCode=t,s.hooks.run("before-insert",_),_.element.innerHTML=_.highlightedCode,s.hooks.run("after-highlight",_),s.hooks.run("complete",_),i&&i.call(_.element)}if(s.hooks.run("before-sanity-check",_),(o=_.element.parentElement)&&"pre"===o.nodeName.toLowerCase()&&!o.hasAttribute("tabindex")&&o.setAttribute("tabindex","0"),!_.code)return s.hooks.run("complete",_),void(i&&i.call(_.element));if(s.hooks.run("before-highlight",_),_.grammar)if(n&&t.Worker){var p=new Worker(s.filename);p.onmessage=function(t){u(t.data)},p.postMessage(JSON.stringify({language:_.language,code:_.code,immediateClose:!0}))}else u(s.highlight(_.code,_.grammar,_.language));else u(s.util.encode(_.code))},highlight:function(t,e,n){var i={code:t,grammar:e,language:n};if(s.hooks.run("before-tokenize",i),!i.grammar)throw new Error('The language "'+i.language+'" has no grammar.');return i.tokens=s.tokenize(i.code,i.grammar),s.hooks.run("after-tokenize",i),r.stringify(s.util.encode(i.tokens),i.language)},tokenize:function(t,e){var n=e.rest;if(n){for(var i in n)e[i]=n[i];delete e.rest}var s=new _;return u(s,s.head,t),o(t,s,e,s.head,0),function(t){var e=[],n=t.head.next;for(;n!==t.tail;)e.push(n.value),n=n.next;return e}(s)},hooks:{all:{},add:function(t,e){var n=s.hooks.all;n[t]=n[t]||[],n[t].push(e)},run:function(t,e){var n=s.hooks.all[t];if(n&&n.length)for(var i,r=0;i=n[r++];)i(e)}},Token:r};function r(t,e,n,i){this.type=t,this.content=e,this.alias=n,this.length=0|(i||"").length}function a(t,e,n,i){t.lastIndex=e;var s=t.exec(n);if(s&&i&&s[1]){var r=s[1].length;s.index+=r,s[0]=s[0].slice(r)}return s}function o(t,e,n,i,_,l){for(var h in n)if(n.hasOwnProperty(h)&&n[h]){var c=n[h];c=Array.isArray(c)?c:[c];for(var d=0;d<c.length;++d){if(l&&l.cause==h+","+d)return;var f=c[d],g=f.inside,m=!!f.lookbehind,y=!!f.greedy,b=f.alias;if(y&&!f.pattern.global){var v=f.pattern.toString().match(/[imsuy]*$/)[0];f.pattern=RegExp(f.pattern.source,v+"g")}for(var k=f.pattern||f,w=i.next,x=_;w!==e.tail&&!(l&&x>=l.reach);x+=w.value.length,w=w.next){var S=w.value;if(e.length>t.length)return;if(!(S instanceof r)){var E,O=1;if(y){if(!(E=a(k,x,t,m))||E.index>=t.length)break;var P=E.index,A=E.index+E[0].length,T=x;for(T+=w.value.length;P>=T;)T+=(w=w.next).value.length;if(x=T-=w.value.length,w.value instanceof r)continue;for(var R=w;R!==e.tail&&(T<A||"string"==typeof R.value);R=R.next)O++,T+=R.value.length;O--,S=t.slice(x,T),E.index-=x}else if(!(E=a(k,0,S,m)))continue;P=E.index;var N=E[0],L=S.slice(0,P),C=S.slice(P+N.length),I=x+S.length;l&&I>l.reach&&(l.reach=I);var D=w.prev;if(L&&(D=u(e,D,L),x+=L.length),p(e,D,O),w=u(e,D,new r(h,g?s.tokenize(N,g):N,b,N)),C&&u(e,w,C),O>1){var F={cause:h+","+d,reach:I};o(t,e,n,w.prev,x,F),l&&F.reach>l.reach&&(l.reach=F.reach)}}}}}}function _(){var t={value:null,prev:null,next:null},e={value:null,prev:t,next:null};t.next=e,this.head=t,this.tail=e,this.length=0}function u(t,e,n){var i=e.next,s={value:n,prev:e,next:i};return e.next=s,i.prev=s,t.length++,s}function p(t,e,n){for(var i=e.next,s=0;s<n&&i!==t.tail;s++)i=i.next;e.next=i,i.prev=e,t.length-=s}if(t.Prism=s,r.stringify=function t(e,n){if("string"==typeof e)return e;if(Array.isArray(e)){var i="";return e.forEach((function(e){i+=t(e,n)})),i}var r={type:e.type,content:t(e.content,n),tag:"span",classes:["token",e.type],attributes:{},language:n},a=e.alias;a&&(Array.isArray(a)?Array.prototype.push.apply(r.classes,a):r.classes.push(a)),s.hooks.run("wrap",r);var o="";for(var _ in r.attributes)o+=" "+_+'="'+(r.attributes[_]||"").replace(/"/g,"&quot;")+'"';return"<"+r.tag+' class="'+r.classes.join(" ")+'"'+o+">"+r.content+"</"+r.tag+">"},!t.document)return t.addEventListener?(s.disableWorkerMessageHandler||t.addEventListener("message",(function(e){var n=JSON.parse(e.data),i=n.language,r=n.code,a=n.immediateClose;t.postMessage(s.highlight(r,s.languages[i],i)),a&&t.close()}),!1),s):s;var l=s.util.currentScript();function h(){s.manual||s.highlightAll()}if(l&&(s.filename=l.src,l.hasAttribute("data-manual")&&(s.manual=!0)),!s.manual){var c=document.readyState;"loading"===c||"interactive"===c&&l&&l.defer?document.addEventListener("DOMContentLoaded",h):window.requestAnimationFrame?window.requestAnimationFrame(h):window.setTimeout(h,16)}return s}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});t.exports&&(t.exports=i),void 0!==n.g&&(n.g.Prism=i)},165:function(){!function(t){var e,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;t.languages.css.selector={pattern:t.languages.css.selector.pattern,lookbehind:!0,inside:e={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},t.languages.css.atrule.inside["selector-function-argument"].inside=e,t.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var i={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},s={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};t.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:i,number:s,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:i,number:s})}(Prism)},164:function(){!function(t){var e=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;t.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+e.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:e,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},t.languages.css.atrule.inside.rest=t.languages.css;var n=t.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(Prism)},170:function(){!function(t){t.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},t.hooks.add("before-tokenize",(function(e){t.languages["markup-templating"].buildPlaceholders(e,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),t.hooks.add("after-tokenize",(function(e){t.languages["markup-templating"].tokenizePlaceholders(e,"handlebars")})),t.languages.hbs=t.languages.handlebars,t.languages.mustache=t.languages.handlebars}(Prism)},161:function(){Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),Prism.languages.js=Prism.languages.javascript},163:function(){Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json},168:function(){!function(t){var e=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(t){return t=t.replace(/<inner>/g,(function(){return e})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+t+")")}var i=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,s=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return i})),r=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;t.languages.markdown=t.languages.extend("markup",{}),t.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:t.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+s+r+"(?:"+s+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+s+r+")(?:"+s+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(i),inside:t.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+s+")"+r+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+s+"$"),inside:{"table-header":{pattern:RegExp(i),alias:"important",inside:t.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(e){["url","bold","italic","strike","code-snippet"].forEach((function(n){e!==n&&(t.languages.markdown[e].inside.content.inside[n]=t.languages.markdown[n])}))})),t.hooks.add("after-tokenize",(function(t){"markdown"!==t.language&&"md"!==t.language||function t(e){if(e&&"string"!=typeof e)for(var n=0,i=e.length;n<i;n++){var s=e[n];if("code"===s.type){var r=s.content[1],a=s.content[3];if(r&&a&&"code-language"===r.type&&"code-block"===a.type&&"string"==typeof r.content){var o=r.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),_="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase());a.alias?"string"==typeof a.alias?a.alias=[a.alias,_]:a.alias.push(_):a.alias=[_]}}else t(s.content)}}(t.tokens)})),t.hooks.add("wrap",(function(e){if("code-block"===e.type){for(var n="",i=0,s=e.classes.length;i<s;i++){var r=e.classes[i],u=/language-(.+)/.exec(r);if(u){n=u[1];break}}var p,l=t.languages[n];if(l)e.content=t.highlight((p=e.content,p.replace(a,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(t,e){var n;if("#"===(e=e.toLowerCase())[0])return n="x"===e[1]?parseInt(e.slice(2),16):Number(e.slice(1)),_(n);var i=o[e];return i||t}))),l,n);else if(n&&"none"!==n&&t.plugins.autoloader){var h="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random());e.attributes.id=h,t.plugins.autoloader.loadLanguages(n,(function(){var e=document.getElementById(h);e&&(e.innerHTML=t.highlight(e.textContent,t.languages[n],n))}))}}}));var a=RegExp(t.languages.markup.tag.pattern.source,"gi"),o={amp:"&",lt:"<",gt:">",quot:'"'},_=String.fromCodePoint||String.fromCharCode;t.languages.md=t.languages.markdown}(Prism)},157:function(){!function(t){function e(t,e){return"___"+t.toUpperCase()+e+"___"}Object.defineProperties(t.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,i,s,r){if(n.language===i){var a=n.tokenStack=[];n.code=n.code.replace(s,(function(t){if("function"==typeof r&&!r(t))return t;for(var s,o=a.length;-1!==n.code.indexOf(s=e(i,o));)++o;return a[o]=t,s})),n.grammar=t.languages.markup}}},tokenizePlaceholders:{value:function(n,i){if(n.language===i&&n.tokenStack){n.grammar=t.languages[i];var s=0,r=Object.keys(n.tokenStack);!function a(o){for(var _=0;_<o.length&&!(s>=r.length);_++){var u=o[_];if("string"==typeof u||u.content&&"string"==typeof u.content){var p=r[s],l=n.tokenStack[p],h="string"==typeof u?u:u.content,c=e(i,p),d=h.indexOf(c);if(d>-1){++s;var f=h.substring(0,d),g=new t.Token(i,t.tokenize(l,n.grammar),"language-"+i,l),m=h.substring(d+c.length),y=[];f&&y.push.apply(y,a([f])),y.push(g),m&&y.push.apply(y,a([m])),"string"==typeof u?o.splice.apply(o,[_,1].concat(y)):u.content=y}}else u.content&&a(u.content)}return o}(n.tokens)}}}})}(Prism)},158:function(){Prism.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",(function(t){"entity"===t.type&&(t.attributes.title=t.content.replace(/&amp;/,"&"))})),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(t,e){var n={};n["language-"+e]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[e]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;var i={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};i["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var s={};s[t]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return t})),"i"),lookbehind:!0,greedy:!0,inside:i},Prism.languages.insertBefore("markup","cdata",s)}}),Object.defineProperty(Prism.languages.markup.tag,"addAttribute",{value:function(t,e){Prism.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+t+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:Prism.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml},166:function(){Prism.languages.scss=Prism.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),Prism.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),Prism.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),Prism.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),Prism.languages.scss.atrule.inside.rest=Prism.languages.scss},159:function(){Prism.languages.twig={comment:/^\{#[\s\S]*?#\}$/,"tag-name":{pattern:/(^\{%-?\s*)\w+/,lookbehind:!0,alias:"keyword"},delimiter:{pattern:/^\{[{%]-?|-?[%}]\}$/,alias:"punctuation"},string:{pattern:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,inside:{punctuation:/^['"]|['"]$/}},keyword:/\b(?:even|if|odd)\b/,boolean:/\b(?:false|null|true)\b/,number:/\b0x[\dA-Fa-f]+|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][-+]?\d+)?/,operator:[{pattern:/(\s)(?:and|b-and|b-or|b-xor|ends with|in|is|matches|not|or|same as|starts with)(?=\s)/,lookbehind:!0},/[=<>]=?|!=|\*\*?|\/\/?|\?:?|[-+~%|]/],punctuation:/[()\[\]{}:.,]/},Prism.hooks.add("before-tokenize",(function(t){if("twig"===t.language){Prism.languages["markup-templating"].buildPlaceholders(t,"twig",/\{(?:#[\s\S]*?#|%[\s\S]*?%|\{[\s\S]*?\})\}/g)}})),Prism.hooks.add("after-tokenize",(function(t){Prism.languages["markup-templating"].tokenizePlaceholders(t,"twig")}))},162:function(){!function(t){t.languages.typescript=t.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),t.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete t.languages.typescript.parameter,delete t.languages.typescript["literal-property"];var e=t.languages.extend("typescript",{});delete e["class-name"],t.languages.typescript["class-name"].inside=e,t.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e}}}}),t.languages.ts=t.languages.typescript}(Prism)},169:function(){!function(t){var e=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,i="(?:"+n.source+"(?:[ \t]+"+e.source+")?|"+e.source+"(?:[ \t]+"+n.source+")?)",s=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),r=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function a(t,e){e=(e||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return i})).replace(/<<value>>/g,(function(){return t}));return RegExp(n,e)}t.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return i}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return i})).replace(/<<key>>/g,(function(){return"(?:"+s+"|"+r+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:a(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:a(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:a(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:a(r),lookbehind:!0,greedy:!0},number:{pattern:a(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:e,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},t.languages.yml=t.languages.yaml}(Prism)},45:function(t){!function(){if("undefined"!=typeof Prism){var e=Object.assign||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},n={"remove-trailing":"boolean","remove-indent":"boolean","left-trim":"boolean","right-trim":"boolean","break-lines":"number",indent:"number","remove-initial-line-feed":"boolean","tabs-to-spaces":"number","spaces-to-tabs":"number"};i.prototype={setDefaults:function(t){this.defaults=e(this.defaults,t)},normalize:function(t,n){for(var i in n=e(this.defaults,n)){var s=i.replace(/-(\w)/g,(function(t,e){return e.toUpperCase()}));"normalize"!==i&&"setDefaults"!==s&&n[i]&&this[s]&&(t=this[s].call(this,t,n[i]))}return t},leftTrim:function(t){return t.replace(/^\s+/,"")},rightTrim:function(t){return t.replace(/\s+$/,"")},tabsToSpaces:function(t,e){return e=0|e||4,t.replace(/\t/g,new Array(++e).join(" "))},spacesToTabs:function(t,e){return e=0|e||4,t.replace(RegExp(" {"+e+"}","g"),"\t")},removeTrailing:function(t){return t.replace(/\s*?$/gm,"")},removeInitialLineFeed:function(t){return t.replace(/^(?:\r?\n|\r)/,"")},removeIndent:function(t){var e=t.match(/^[^\S\n\r]*(?=\S)/gm);return e&&e[0].length?(e.sort((function(t,e){return t.length-e.length})),e[0].length?t.replace(RegExp("^"+e[0],"gm"),""):t):t},indent:function(t,e){return t.replace(/^[^\S\n\r]*(?=\S)/gm,new Array(++e).join("\t")+"$&")},breakLines:function(t,e){e=!0===e?80:0|e||80;for(var n=t.split("\n"),i=0;i<n.length;++i)if(!(s(n[i])<=e)){for(var r=n[i].split(/(\s+)/g),a=0,o=0;o<r.length;++o){var _=s(r[o]);(a+=_)>e&&(r[o]="\n"+r[o],a=_)}n[i]=r.join("")}return n.join("\n")}},t.exports&&(t.exports=i),Prism.plugins.NormalizeWhitespace=new i({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0}),Prism.hooks.add("before-sanity-check",(function(t){var e=Prism.plugins.NormalizeWhitespace;if((!t.settings||!1!==t.settings["whitespace-normalization"])&&Prism.util.isActive(t.element,"whitespace-normalization",!0))if(t.element&&t.element.parentNode||!t.code){var i=t.element.parentNode;if(t.code&&i&&"pre"===i.nodeName.toLowerCase()){for(var s in null==t.settings&&(t.settings={}),n)if(Object.hasOwnProperty.call(n,s)){var r=n[s];if(i.hasAttribute("data-"+s))try{var a=JSON.parse(i.getAttribute("data-"+s)||"true");typeof a===r&&(t.settings[s]=a)}catch(d){}}for(var o=i.childNodes,_="",u="",p=!1,l=0;l<o.length;++l){var h=o[l];h==t.element?p=!0:"#text"===h.nodeName&&(p?u+=h.nodeValue:_+=h.nodeValue,i.removeChild(h),--l)}if(t.element.children.length&&Prism.plugins.KeepMarkup){var c=_+t.element.innerHTML+u;t.element.innerHTML=e.normalize(c,t.settings),t.code=t.element.textContent}else t.code=_+t.code+u,t.code=e.normalize(t.code,t.settings)}}else t.code=e.normalize(t.code,t.settings)}))}function i(t){this.defaults=e({},t)}function s(t){for(var e=0,n=0;n<t.length;++n)t.charCodeAt(n)=="\t".charCodeAt(0)&&(e+=3);return t.length+e}}()},154:function(t,e,n){"use strict";function i(t,e,n,i){return new(n||(n=Promise))((function(s,r){function a(t){try{_(i.next(t))}catch(e){r(e)}}function o(t){try{_(i.throw(t))}catch(e){r(e)}}function _(t){var e;t.done?s(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,o)}_((i=i.apply(t,e||[])).next())}))}n.d(e,{X5:function(){return s}});function s(t,e={}){return i(this,void 0,void 0,(function*(){if(!(t instanceof Element||t instanceof Window))throw new Error(`element passed to scrollTo() must be either the window or a DOM element, you passed ${t}!`);e=r(e);const n=(e,i,s,r,o=300,_,u)=>{window.requestAnimationFrame((()=>{const p=Date.now(),l=Math.min(1,(p-r)/o);if(e===i)return u?u():null;!function(t,e){const n=a.getDocument();t===n.body||t===n.documentElement||t instanceof Window?(n.body.scrollTop=e,n.documentElement.scrollTop=e):t.scrollTop=e}(t,_(l)*(i-e)+e),l<1?n(e,i,s,r,o,_,u):u&&u()}))},i=function(t){const e=a.getDocument();return t===e.body||t===e.documentElement||t instanceof Window?e.body.scrollTop||e.documentElement.scrollTop:t.scrollTop}(t),s=function(t){const e={window:{y:"scrollY",x:"scrollX"},element:{y:"scrollTop",x:"scrollLeft"}},n="y";return t instanceof Window?e.window[n]:e.element[n]}(t);return new Promise((t=>{n(i,"number"==typeof e.top?e.top:i,s,Date.now(),e.duration,_(e.easing),t)}))}))}function r(t={}){return"smooth"===t.behavior&&(t.easing="ease-in-out",t.duration=300),"auto"===t.behavior&&(t.duration=0,t.easing="linear"),t}const a={getDocument(){return document}},o={linear(t){return t},"ease-in"(t){return t*t},"ease-out"(t){return t*(2-t)},"ease-in-out"(t){return t<.5?2*t*t:(4-2*t)*t-1}},_=t=>{const e=o[t||"linear"];if(!e){const e=Object.keys(o).join(",");throw new Error(`Scroll error: scroller does not support an easing option of "${t}". Supported options are ${e}`)}return e}}}]);
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/4-chunk-2c840af22bc0827abf9a.modern.js.LICENSE.txt b/review/refactor-icon-update/styleguide/js/4-chunk-2c840af22bc0827abf9a.modern.js.LICENSE.txt
new file mode 100644
index 0000000000..353a9f05db
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/4-chunk-2c840af22bc0827abf9a.modern.js.LICENSE.txt
@@ -0,0 +1,92 @@
+/*!
+ * Determine if an object is a Buffer
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+
+/*!
+ * clipboard.js v2.0.11
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+
+/*!
+ * condense-newlines <https://github.com/jonschlinkert/condense-newlines>
+ *
+ * Copyright (c) 2014 Jon Schlinkert, contributors.
+ * Licensed under the MIT License
+ */
+
+/*!
+ * is-extendable <https://github.com/jonschlinkert/is-extendable>
+ *
+ * Copyright (c) 2015, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+/*!
+ * is-whitespace <https://github.com/jonschlinkert/is-whitespace>
+ *
+ * Copyright (c) 2014-2015, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+/*!
+ * pretty <https://github.com/jonschlinkert/pretty>
+ *
+ * Copyright (c) 2013-2015, 2017, Jon Schlinkert.
+ * Released under the MIT License.
+ */
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+/**
+ * Prism: Lightweight, robust, elegant syntax highlighting
+ *
+ * @license MIT <https://opensource.org/licenses/MIT>
+ * @author Lea Verou <https://lea.verou.me>
+ * @namespace
+ * @public
+ */
+
+/**!
+
+ @license
+ handlebars v4.7.7
+
+Copyright (C) 2011-2019 by Yehuda Katz
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+*/
diff --git a/review/refactor-icon-update/styleguide/js/4-chunk-4f0103f33044e632a87a.js b/review/refactor-icon-update/styleguide/js/4-chunk-4f0103f33044e632a87a.js
new file mode 100644
index 0000000000..95ba92095b
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/4-chunk-4f0103f33044e632a87a.js
@@ -0,0 +1,2 @@
+/*! For license information please see 4-chunk-4f0103f33044e632a87a.js.LICENSE.txt */
+(self.webpackChunk_pattern_lab_uikit_workshop=self.webpackChunk_pattern_lab_uikit_workshop||[]).push([[4],{23:function(t,e,n){var i,r,s,a;function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}t=n.nmd(t),a=function(){return function(){var t={686:function(t,e,n){"use strict";n.d(e,{default:function(){return x}});var i=n(279),r=n.n(i),s=n(370),a=n.n(s),o=n(817),_=n.n(o);function u(t){try{return document.execCommand(t)}catch(e){return!1}}var p=function(t){var e=_()(t);return u("cut"),e},l=function(t,e){var n=function(t){var e="rtl"===document.documentElement.getAttribute("dir"),n=document.createElement("textarea");n.style.fontSize="12pt",n.style.border="0",n.style.padding="0",n.style.margin="0",n.style.position="absolute",n.style[e?"right":"left"]="-9999px";var i=window.pageYOffset||document.documentElement.scrollTop;return n.style.top="".concat(i,"px"),n.setAttribute("readonly",""),n.value=t,n}(t);e.container.appendChild(n);var i=_()(n);return u("copy"),n.remove(),i},h=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body},n="";return"string"==typeof t?n=l(t,e):t instanceof HTMLInputElement&&!["text","search","url","tel","password"].includes(null==t?void 0:t.type)?n=l(t.value,e):(n=_()(t),u("copy")),n};function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}var d=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.action,n=void 0===e?"copy":e,i=t.container,r=t.target,s=t.text;if("copy"!==n&&"cut"!==n)throw new Error('Invalid "action" value, use either "copy" or "cut"');if(void 0!==r){if(!r||"object"!==c(r)||1!==r.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===n&&r.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===n&&(r.hasAttribute("readonly")||r.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes')}return s?h(s,{container:i}):r?"cut"===n?p(r):h(r,{container:i}):void 0};function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}function g(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function m(t,e){return m=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},m(t,e)}function y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=v(t);if(e){var r=v(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return b(this,n)}}function b(t,e){return!e||"object"!==f(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function v(t){return v=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},v(t)}function k(t,e){var n="data-clipboard-".concat(t);if(e.hasAttribute(n))return e.getAttribute(n)}var w=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&m(t,e)}(s,t);var e,n,i,r=y(s);function s(t,e){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,s),(n=r.call(this)).resolveOptions(e),n.listenClick(t),n}return e=s,n=[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===f(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=a()(t,"click",(function(t){return e.onClick(t)}))}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget,n=this.action(e)||"copy",i=d({action:n,container:this.container,target:this.target(e),text:this.text(e)});this.emit(i?"success":"error",{action:n,text:i,trigger:e,clearSelection:function(){e&&e.focus(),window.getSelection().removeAllRanges()}})}},{key:"defaultAction",value:function(t){return k("action",t)}},{key:"defaultTarget",value:function(t){var e=k("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return k("text",t)}},{key:"destroy",value:function(){this.listener.destroy()}}],i=[{key:"copy",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body};return h(t,e)}},{key:"cut",value:function(t){return p(t)}},{key:"isSupported",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,n=!!document.queryCommandSupported;return e.forEach((function(t){n=n&&!!document.queryCommandSupported(t)})),n}}],n&&g(e.prototype,n),i&&g(e,i),s}(r()),x=w},828:function(t){if("undefined"!=typeof Element&&!Element.prototype.matches){var e=Element.prototype;e.matches=e.matchesSelector||e.mozMatchesSelector||e.msMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector}t.exports=function(t,e){for(;t&&9!==t.nodeType;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}},438:function(t,e,n){var i=n(828);function r(t,e,n,i,r){var a=s.apply(this,arguments);return t.addEventListener(n,a,r),{destroy:function(){t.removeEventListener(n,a,r)}}}function s(t,e,n,r){return function(n){n.delegateTarget=i(n.target,e),n.delegateTarget&&r.call(t,n)}}t.exports=function(t,e,n,i,s){return"function"==typeof t.addEventListener?r.apply(null,arguments):"function"==typeof n?r.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,(function(t){return r(t,e,n,i,s)})))}},879:function(t,e){e.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},e.nodeList=function(t){var n=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===n||"[object HTMLCollection]"===n)&&"length"in t&&(0===t.length||e.node(t[0]))},e.string=function(t){return"string"==typeof t||t instanceof String},e.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},370:function(t,e,n){var i=n(879),r=n(438);t.exports=function(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!i.string(e))throw new TypeError("Second argument must be a String");if(!i.fn(n))throw new TypeError("Third argument must be a Function");if(i.node(t))return function(t,e,n){return t.addEventListener(e,n),{destroy:function(){t.removeEventListener(e,n)}}}(t,e,n);if(i.nodeList(t))return function(t,e,n){return Array.prototype.forEach.call(t,(function(t){t.addEventListener(e,n)})),{destroy:function(){Array.prototype.forEach.call(t,(function(t){t.removeEventListener(e,n)}))}}}(t,e,n);if(i.string(t))return function(t,e,n){return r(document.body,t,e,n)}(t,e,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}},817:function(t){t.exports=function(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var i=window.getSelection(),r=document.createRange();r.selectNodeContents(t),i.removeAllRanges(),i.addRange(r),e=i.toString()}return e}},279:function(t){function e(){}e.prototype={on:function(t,e,n){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var i=this;function r(){i.off(t,r),e.apply(n,arguments)}return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),i=0,r=n.length;i<r;i++)n[i].fn.apply(n[i].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),i=n[t],r=[];if(i&&e)for(var s=0,a=i.length;s<a;s++)i[s].fn!==e&&i[s].fn._!==e&&r.push(i[s]);return r.length?n[t]=r:delete n[t],this}},t.exports=e,t.exports.TinyEmitter=e}},e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}return n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n(686)}().default},"object"===o(e)&&"object"===o(t)?t.exports=a():(r=[],void 0===(s="function"==typeof(i=a)?i.apply(e,r):i)||(t.exports=s))},344:function(t,e,n){"use strict";var i=n(388),r=n(343),s=n(390);t.exports=function(t,e){var n,a=r({},e),o=a.sep||"\n\n",_=a.min;return"number"==typeof _&&2!==_&&(n=new RegExp("(\\r\\n|\\n|\\u2424) {"+_+",}")),void 0===n&&(n=a.regex||/(\r\n|\n|\u2424){2,}/g),!0!==a.keepWhitespace&&(t=t.split("\n").map((function(t){return i(t)?t.trim():t})).join("\n")),t=function(t,e){var n=e.trailingNewline;if(!1===n)return t;switch(s(n)){case"string":t=t.replace(/\s+$/,e.trailingNewline);break;case"function":t=e.trailingNewline(t);break;default:t=t.replace(/\s+$/,"\n")}return t}(t,a),t.replace(n,o)}},390:function(t,e,n){var i=n(391),r=Object.prototype.toString;t.exports=function(t){if(void 0===t)return"undefined";if(null===t)return"null";if(!0===t||!1===t||t instanceof Boolean)return"boolean";if("string"==typeof t||t instanceof String)return"string";if("number"==typeof t||t instanceof Number)return"number";if("function"==typeof t||t instanceof Function)return"function";if(void 0!==Array.isArray&&Array.isArray(t))return"array";if(t instanceof RegExp)return"regexp";if(t instanceof Date)return"date";var e=r.call(t);return"[object RegExp]"===e?"regexp":"[object Date]"===e?"date":"[object Arguments]"===e?"arguments":"[object Error]"===e?"error":i(t)?"buffer":"[object Set]"===e?"set":"[object WeakSet]"===e?"weakset":"[object Map]"===e?"map":"[object WeakMap]"===e?"weakmap":"[object Symbol]"===e?"symbol":"[object Int8Array]"===e?"int8array":"[object Uint8Array]"===e?"uint8array":"[object Uint8ClampedArray]"===e?"uint8clampedarray":"[object Int16Array]"===e?"int16array":"[object Uint16Array]"===e?"uint16array":"[object Int32Array]"===e?"int32array":"[object Uint32Array]"===e?"uint32array":"[object Float32Array]"===e?"float32array":"[object Float64Array]"===e?"float64array":"object"}},343:function(t,e,n){"use strict";var i=n(389);function r(t,e){for(var n in e)s(e,n)&&(t[n]=e[n])}function s(t,e){return Object.prototype.hasOwnProperty.call(t,e)}t.exports=function(t){i(t)||(t={});for(var e=arguments.length,n=1;n<e;n++){var s=arguments[n];i(s)&&r(t,s)}return t}},78:function(t,e,n){var i,r,s,a;function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}t=n.nmd(t),a=function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={exports:{},id:i,loaded:!1};return t[i].call(r.exports,r,r.exports,n),r.loaded=!0,r.exports}return n.m=t,n.c=e,n.p="",n(0)}([function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=i(n(2)),s=i(n(45)),a=n(46),o=n(51),_=i(n(52)),u=i(n(49)),p=i(n(44)),l=r.default.create;function h(){var t=l();return t.compile=function(e,n){return o.compile(e,n,t)},t.precompile=function(e,n){return o.precompile(e,n,t)},t.AST=s.default,t.Compiler=o.Compiler,t.JavaScriptCompiler=_.default,t.Parser=a.parser,t.parse=a.parse,t.parseWithoutProcessing=a.parseWithoutProcessing,t}var c=h();c.create=h,p.default(c),c.Visitor=u.default,c.default=c,e.default=c,t.exports=e.default},function(t,e){"use strict";e.default=function(t){return t&&t.__esModule?t:{default:t}},e.__esModule=!0},function(t,e,n){"use strict";var i=n(3).default,r=n(1).default;e.__esModule=!0;var s=i(n(4)),a=r(n(37)),o=r(n(6)),_=i(n(5)),u=i(n(38)),p=r(n(44));function l(){var t=new s.HandlebarsEnvironment;return _.extend(t,s),t.SafeString=a.default,t.Exception=o.default,t.Utils=_,t.escapeExpression=_.escapeExpression,t.VM=u,t.template=function(e){return u.template(e,t)},t}var h=l();h.create=l,p.default(h),h.default=h,e.default=h,t.exports=e.default},function(t,e){"use strict";e.default=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e},e.__esModule=!0},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.HandlebarsEnvironment=l;var r=n(5),s=i(n(6)),a=n(10),o=n(30),_=i(n(32)),u=n(33);e.VERSION="4.7.7",e.COMPILER_REVISION=8,e.LAST_COMPATIBLE_COMPILER_REVISION=7,e.REVISION_CHANGES={1:"<= 1.0.rc.2",2:"== 1.0.0-rc.3",3:"== 1.0.0-rc.4",4:"== 1.x.x",5:"== 2.0.0-alpha.x",6:">= 2.0.0-beta.1",7:">= 4.0.0 <4.3.0",8:">= 4.3.0"};var p="[object Object]";function l(t,e,n){this.helpers=t||{},this.partials=e||{},this.decorators=n||{},a.registerDefaultHelpers(this),o.registerDefaultDecorators(this)}l.prototype={constructor:l,logger:_.default,log:_.default.log,registerHelper:function(t,e){if(r.toString.call(t)===p){if(e)throw new s.default("Arg not supported with multiple helpers");r.extend(this.helpers,t)}else this.helpers[t]=e},unregisterHelper:function(t){delete this.helpers[t]},registerPartial:function(t,e){if(r.toString.call(t)===p)r.extend(this.partials,t);else{if(void 0===e)throw new s.default('Attempting to register a partial called "'+t+'" as undefined');this.partials[t]=e}},unregisterPartial:function(t){delete this.partials[t]},registerDecorator:function(t,e){if(r.toString.call(t)===p){if(e)throw new s.default("Arg not supported with multiple decorators");r.extend(this.decorators,t)}else this.decorators[t]=e},unregisterDecorator:function(t){delete this.decorators[t]},resetLoggedPropertyAccesses:function(){u.resetLoggedProperties()}};var h=_.default.log;e.log=h,e.createFrame=r.createFrame,e.logger=_.default},function(t,e){"use strict";e.__esModule=!0,e.extend=a,e.indexOf=function(t,e){for(var n=0,i=t.length;n<i;n++)if(t[n]===e)return n;return-1},e.escapeExpression=function(t){if("string"!=typeof t){if(t&&t.toHTML)return t.toHTML();if(null==t)return"";if(!t)return t+"";t=""+t}return r.test(t)?t.replace(i,s):t},e.isEmpty=function(t){return!t&&0!==t||!(!p(t)||0!==t.length)},e.createFrame=function(t){var e=a({},t);return e._parent=t,e},e.blockParams=function(t,e){return t.path=e,t},e.appendContextPath=function(t,e){return(t?t+".":"")+e};var n={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;","=":"&#x3D;"},i=/[&<>"'`=]/g,r=/[&<>"'`=]/;function s(t){return n[t]}function a(t){for(var e=1;e<arguments.length;e++)for(var n in arguments[e])Object.prototype.hasOwnProperty.call(arguments[e],n)&&(t[n]=arguments[e][n]);return t}var _=Object.prototype.toString;e.toString=_;var u=function(t){return"function"==typeof t};u(/x/)&&(e.isFunction=u=function(t){return"function"==typeof t&&"[object Function]"===_.call(t)}),e.isFunction=u;var p=Array.isArray||function(t){return!(!t||"object"!==o(t))&&"[object Array]"===_.call(t)};e.isArray=p},function(t,e,n){"use strict";var i=n(7).default;e.__esModule=!0;var r=["description","fileName","lineNumber","endLineNumber","message","name","number","stack"];function s(t,e){var n=e&&e.loc,a=void 0,o=void 0,_=void 0,u=void 0;n&&(a=n.start.line,o=n.end.line,_=n.start.column,u=n.end.column,t+=" - "+a+":"+_);for(var p=Error.prototype.constructor.call(this,t),l=0;l<r.length;l++)this[r[l]]=p[r[l]];Error.captureStackTrace&&Error.captureStackTrace(this,s);try{n&&(this.lineNumber=a,this.endLineNumber=o,i?(Object.defineProperty(this,"column",{value:_,enumerable:!0}),Object.defineProperty(this,"endColumn",{value:u,enumerable:!0})):(this.column=_,this.endColumn=u))}catch(h){}}s.prototype=new Error,e.default=s,t.exports=e.default},function(t,e,n){t.exports={default:n(8),__esModule:!0}},function(t,e,n){var i=n(9);t.exports=function(t,e,n){return i.setDesc(t,e,n)}},function(t,e){var n=Object;t.exports={create:n.create,getProto:n.getPrototypeOf,isEnum:{}.propertyIsEnumerable,getDesc:n.getOwnPropertyDescriptor,setDesc:n.defineProperty,setDescs:n.defineProperties,getKeys:n.keys,getNames:n.getOwnPropertyNames,getSymbols:n.getOwnPropertySymbols,each:[].forEach}},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.registerDefaultHelpers=function(t){r.default(t),s.default(t),a.default(t),o.default(t),_.default(t),u.default(t),p.default(t)},e.moveHelperToHooks=function(t,e,n){t.helpers[e]&&(t.hooks[e]=t.helpers[e],n||delete t.helpers[e])};var r=i(n(11)),s=i(n(12)),a=i(n(25)),o=i(n(26)),_=i(n(27)),u=i(n(28)),p=i(n(29))},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5);e.default=function(t){t.registerHelper("blockHelperMissing",(function(e,n){var r=n.inverse,s=n.fn;if(!0===e)return s(this);if(!1===e||null==e)return r(this);if(i.isArray(e))return e.length>0?(n.ids&&(n.ids=[n.name]),t.helpers.each(e,n)):r(this);if(n.data&&n.ids){var a=i.createFrame(n.data);a.contextPath=i.appendContextPath(n.data.contextPath,n.name),n={data:a}}return s(e,n)}))},t.exports=e.default},function(t,e,n){(function(i){"use strict";var r=n(13).default,s=n(1).default;e.__esModule=!0;var a=n(5),_=s(n(6));e.default=function(t){t.registerHelper("each",(function(t,e){if(!e)throw new _.default("Must pass iterator to #each");var n,s=e.fn,u=e.inverse,p=0,l="",h=void 0,c=void 0;function d(e,n,i){h&&(h.key=e,h.index=n,h.first=0===n,h.last=!!i,c&&(h.contextPath=c+e)),l+=s(t[e],{data:h,blockParams:a.blockParams([t[e],e],[c+e,null])})}if(e.data&&e.ids&&(c=a.appendContextPath(e.data.contextPath,e.ids[0])+"."),a.isFunction(t)&&(t=t.call(this)),e.data&&(h=a.createFrame(e.data)),t&&"object"===o(t))if(a.isArray(t))for(var f=t.length;p<f;p++)p in t&&d(p,p,p===t.length-1);else if(i.Symbol&&t[i.Symbol.iterator]){for(var g=[],m=t[i.Symbol.iterator](),y=m.next();!y.done;y=m.next())g.push(y.value);for(f=(t=g).length;p<f;p++)d(p,p,p===t.length-1)}else n=void 0,r(t).forEach((function(t){void 0!==n&&d(n,p-1),n=t,p++})),void 0!==n&&d(n,p-1,!0);return 0===p&&(l=u(this)),l}))},t.exports=e.default}).call(e,function(){return this}())},function(t,e,n){t.exports={default:n(14),__esModule:!0}},function(t,e,n){n(15),t.exports=n(21).Object.keys},function(t,e,n){var i=n(16);n(18)("keys",(function(t){return function(e){return t(i(e))}}))},function(t,e,n){var i=n(17);t.exports=function(t){return Object(i(t))}},function(t,e){t.exports=function(t){if(null==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e,n){var i=n(19),r=n(21),s=n(24);t.exports=function(t,e){var n=(r.Object||{})[t]||Object[t],a={};a[t]=e(n),i(i.S+i.F*s((function(){n(1)})),"Object",a)}},function(t,e,n){var i=n(20),r=n(21),s=n(22),a="prototype",o=function t(e,n,o){var _,u,p,l=e&t.F,h=e&t.G,c=e&t.S,d=e&t.P,f=e&t.B,g=e&t.W,m=h?r:r[n]||(r[n]={}),y=h?i:c?i[n]:(i[n]||{})[a];for(_ in h&&(o=n),o)(u=!l&&y&&_ in y)&&_ in m||(p=u?y[_]:o[_],m[_]=h&&"function"!=typeof y[_]?o[_]:f&&u?s(p,i):g&&y[_]==p?function(t){var e=function(e){return this instanceof t?new t(e):t(e)};return e[a]=t[a],e}(p):d&&"function"==typeof p?s(Function.call,p):p,d&&((m[a]||(m[a]={}))[_]=p))};o.F=1,o.G=2,o.S=4,o.P=8,o.B=16,o.W=32,t.exports=o},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){var n=t.exports={version:"1.2.6"};"number"==typeof __e&&(__e=n)},function(t,e,n){var i=n(23);t.exports=function(t,e,n){if(i(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,i){return t.call(e,n,i)};case 3:return function(n,i,r){return t.call(e,n,i,r)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){t.exports=function(t){try{return!!t()}catch(e){return!0}}},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=i(n(6));e.default=function(t){t.registerHelper("helperMissing",(function(){if(1!==arguments.length)throw new r.default('Missing helper: "'+arguments[arguments.length-1].name+'"')}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=n(5),s=i(n(6));e.default=function(t){t.registerHelper("if",(function(t,e){if(2!=arguments.length)throw new s.default("#if requires exactly one argument");return r.isFunction(t)&&(t=t.call(this)),!e.hash.includeZero&&!t||r.isEmpty(t)?e.inverse(this):e.fn(this)})),t.registerHelper("unless",(function(e,n){if(2!=arguments.length)throw new s.default("#unless requires exactly one argument");return t.helpers.if.call(this,e,{fn:n.inverse,inverse:n.fn,hash:n.hash})}))},t.exports=e.default},function(t,e){"use strict";e.__esModule=!0,e.default=function(t){t.registerHelper("log",(function(){for(var e=[void 0],n=arguments[arguments.length-1],i=0;i<arguments.length-1;i++)e.push(arguments[i]);var r=1;null!=n.hash.level?r=n.hash.level:n.data&&null!=n.data.level&&(r=n.data.level),e[0]=r,t.log.apply(t,e)}))},t.exports=e.default},function(t,e){"use strict";e.__esModule=!0,e.default=function(t){t.registerHelper("lookup",(function(t,e,n){return t?n.lookupProperty(t,e):t}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=n(5),s=i(n(6));e.default=function(t){t.registerHelper("with",(function(t,e){if(2!=arguments.length)throw new s.default("#with requires exactly one argument");r.isFunction(t)&&(t=t.call(this));var n=e.fn;if(r.isEmpty(t))return e.inverse(this);var i=e.data;return e.data&&e.ids&&((i=r.createFrame(e.data)).contextPath=r.appendContextPath(e.data.contextPath,e.ids[0])),n(t,{data:i,blockParams:r.blockParams([t],[i&&i.contextPath])})}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.registerDefaultDecorators=function(t){r.default(t)};var r=i(n(31))},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5);e.default=function(t){t.registerDecorator("inline",(function(t,e,n,r){var s=t;return e.partials||(e.partials={},s=function(r,s){var a=n.partials;n.partials=i.extend({},a,e.partials);var o=t(r,s);return n.partials=a,o}),e.partials[r.args[0]]=r.fn,s}))},t.exports=e.default},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5),r={methodMap:["debug","info","warn","error"],level:"info",lookupLevel:function(t){if("string"==typeof t){var e=i.indexOf(r.methodMap,t.toLowerCase());t=e>=0?e:parseInt(t,10)}return t},log:function(t){if(t=r.lookupLevel(t),"undefined"!=typeof console&&r.lookupLevel(r.level)<=t){var e=r.methodMap[t];console[e]||(e="log");for(var n=arguments.length,i=Array(n>1?n-1:0),s=1;s<n;s++)i[s-1]=arguments[s];console[e].apply(console,i)}}};e.default=r,t.exports=e.default},function(t,e,n){"use strict";var i=n(34).default,r=n(13).default,s=n(3).default;e.__esModule=!0,e.createProtoAccessControl=function(t){var e=i(null);e.constructor=!1,e.__defineGetter__=!1,e.__defineSetter__=!1,e.__lookupGetter__=!1;var n=i(null);return n.__proto__=!1,{properties:{whitelist:a.createNewLookupObject(n,t.allowedProtoProperties),defaultValue:t.allowProtoPropertiesByDefault},methods:{whitelist:a.createNewLookupObject(e,t.allowedProtoMethods),defaultValue:t.allowProtoMethodsByDefault}}},e.resultIsAllowed=function(t,e,n){return u("function"==typeof t?e.methods:e.properties,n)},e.resetLoggedProperties=function(){r(_).forEach((function(t){delete _[t]}))};var a=n(36),o=s(n(32)),_=i(null);function u(t,e){return void 0!==t.whitelist[e]?!0===t.whitelist[e]:void 0!==t.defaultValue?t.defaultValue:(function(t){!0!==_[t]&&(_[t]=!0,o.log("error",'Handlebars: Access has been denied to resolve the property "'+t+'" because it is not an "own property" of its parent.\nYou can add a runtime option to disable the check or this warning:\nSee https://handlebarsjs.com/api-reference/runtime-options.html#options-to-control-prototype-access for details'))}(e),!1)}},function(t,e,n){t.exports={default:n(35),__esModule:!0}},function(t,e,n){var i=n(9);t.exports=function(t,e){return i.create(t,e)}},function(t,e,n){"use strict";var i=n(34).default;e.__esModule=!0,e.createNewLookupObject=function(){for(var t=arguments.length,e=Array(t),n=0;n<t;n++)e[n]=arguments[n];return r.extend.apply(void 0,[i(null)].concat(e))};var r=n(5)},function(t,e){"use strict";function n(t){this.string=t}e.__esModule=!0,n.prototype.toString=n.prototype.toHTML=function(){return""+this.string},e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(39).default,r=n(13).default,s=n(3).default,a=n(1).default;e.__esModule=!0,e.checkRevision=function(t){var e=t&&t[0]||1,n=p.COMPILER_REVISION;if(!(e>=p.LAST_COMPATIBLE_COMPILER_REVISION&&e<=p.COMPILER_REVISION)){if(e<p.LAST_COMPATIBLE_COMPILER_REVISION){var i=p.REVISION_CHANGES[n],r=p.REVISION_CHANGES[e];throw new u.default("Template was precompiled with an older version of Handlebars than the current runtime. Please update your precompiler to a newer version ("+i+") or downgrade your runtime to an older version ("+r+").")}throw new u.default("Template was precompiled with a newer version of Handlebars than the current runtime. Please update your runtime to a newer version ("+t[1]+").")}},e.template=function(t,e){if(!e)throw new u.default("No environment passed to template");if(!t||!t.main)throw new u.default("Unknown template object: "+o(t));t.main.decorator=t.main_d,e.VM.checkRevision(t.compiler);var n=t.compiler&&7===t.compiler[0],s={strict:function(t,e,n){if(!t||!(e in t))throw new u.default('"'+e+'" not defined in '+t,{loc:n});return s.lookupProperty(t,e)},lookupProperty:function(t,e){var n=t[e];return null==n||Object.prototype.hasOwnProperty.call(t,e)||c.resultIsAllowed(n,s.protoAccessControl,e)?n:void 0},lookup:function(t,e){for(var n=t.length,i=0;i<n;i++)if(null!=(t[i]&&s.lookupProperty(t[i],e)))return t[i][e]},lambda:function(t,e){return"function"==typeof t?t.call(e):t},escapeExpression:_.escapeExpression,invokePartial:function(n,i,r){r.hash&&(i=_.extend({},i,r.hash),r.ids&&(r.ids[0]=!0)),n=e.VM.resolvePartial.call(this,n,i,r);var s=_.extend({},r,{hooks:this.hooks,protoAccessControl:this.protoAccessControl}),a=e.VM.invokePartial.call(this,n,i,s);if(null==a&&e.compile&&(r.partials[r.name]=e.compile(n,t.compilerOptions,e),a=r.partials[r.name](i,s)),null!=a){if(r.indent){for(var o=a.split("\n"),p=0,l=o.length;p<l&&(o[p]||p+1!==l);p++)o[p]=r.indent+o[p];a=o.join("\n")}return a}throw new u.default("The partial "+r.name+" could not be compiled when running in runtime-only mode")},fn:function(e){var n=t[e];return n.decorator=t[e+"_d"],n},programs:[],program:function(t,e,n,i,r){var s=this.programs[t],a=this.fn(t);return e||r||i||n?s=d(this,t,a,e,n,i,r):s||(s=this.programs[t]=d(this,t,a)),s},data:function(t,e){for(;t&&e--;)t=t._parent;return t},mergeIfNeeded:function(t,e){var n=t||e;return t&&e&&t!==e&&(n=_.extend({},e,t)),n},nullContext:i({}),noop:e.VM.noop,compilerInfo:t.compiler};function a(e){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],i=n.data;a._setup(n),!n.partial&&t.useData&&(i=g(e,i));var r=void 0,o=t.useBlockParams?[]:void 0;function _(e){return""+t.main(s,e,s.helpers,s.partials,i,o,r)}return t.useDepths&&(r=n.depths?e!=n.depths[0]?[e].concat(n.depths):n.depths:[e]),(_=m(t.main,_,s,n.depths||[],i,o))(e,n)}return a.isTop=!0,a._setup=function(i){if(i.partial)s.protoAccessControl=i.protoAccessControl,s.helpers=i.helpers,s.partials=i.partials,s.decorators=i.decorators,s.hooks=i.hooks;else{var a=_.extend({},e.helpers,i.helpers);!function(t,e){r(t).forEach((function(n){var i=t[n];t[n]=function(t,e){var n=e.lookupProperty;return h.wrapHelper(t,(function(t){return _.extend({lookupProperty:n},t)}))}(i,e)}))}(a,s),s.helpers=a,t.usePartial&&(s.partials=s.mergeIfNeeded(i.partials,e.partials)),(t.usePartial||t.useDecorators)&&(s.decorators=_.extend({},e.decorators,i.decorators)),s.hooks={},s.protoAccessControl=c.createProtoAccessControl(i);var o=i.allowCallsToHelperMissing||n;l.moveHelperToHooks(s,"helperMissing",o),l.moveHelperToHooks(s,"blockHelperMissing",o)}},a._child=function(e,n,i,r){if(t.useBlockParams&&!i)throw new u.default("must pass block params");if(t.useDepths&&!r)throw new u.default("must pass parent depths");return d(s,e,t[e],n,0,i,r)},a},e.wrapProgram=d,e.resolvePartial=function(t,e,n){return t?t.call||n.name||(n.name=t,t=n.partials[t]):t="@partial-block"===n.name?n.data["partial-block"]:n.partials[n.name],t},e.invokePartial=function(t,e,n){var i=n.data&&n.data["partial-block"];n.partial=!0,n.ids&&(n.data.contextPath=n.ids[0]||n.data.contextPath);var r=void 0;if(n.fn&&n.fn!==f&&function(){n.data=p.createFrame(n.data);var t=n.fn;r=n.data["partial-block"]=function(e){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];return n.data=p.createFrame(n.data),n.data["partial-block"]=i,t(e,n)},t.partials&&(n.partials=_.extend({},n.partials,t.partials))}(),void 0===t&&r&&(t=r),void 0===t)throw new u.default("The partial "+n.name+" could not be found");if(t instanceof Function)return t(e,n)},e.noop=f;var _=s(n(5)),u=a(n(6)),p=n(4),l=n(10),h=n(43),c=n(33);function d(t,e,n,i,r,s,a){function o(e){var r=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],o=a;return!a||e==a[0]||e===t.nullContext&&null===a[0]||(o=[e].concat(a)),n(t,e,t.helpers,t.partials,r.data||i,s&&[r.blockParams].concat(s),o)}return(o=m(n,o,t,a,i,s)).program=e,o.depth=a?a.length:0,o.blockParams=r||0,o}function f(){return""}function g(t,e){return e&&"root"in e||((e=e?p.createFrame(e):{}).root=t),e}function m(t,e,n,i,r,s){if(t.decorator){var a={};e=t.decorator(e,a,n,i&&i[0],r,s,i),_.extend(e,a)}return e}},function(t,e,n){t.exports={default:n(40),__esModule:!0}},function(t,e,n){n(41),t.exports=n(21).Object.seal},function(t,e,n){var i=n(42);n(18)("seal",(function(t){return function(e){return t&&i(e)?t(e):e}}))},function(t,e){t.exports=function(t){return"object"===o(t)?null!==t:"function"==typeof t}},function(t,e){"use strict";e.__esModule=!0,e.wrapHelper=function(t,e){return"function"!=typeof t?t:function(){var n=arguments[arguments.length-1];return arguments[arguments.length-1]=e(n),t.apply(this,arguments)}}},function(t,e){(function(n){"use strict";e.__esModule=!0,e.default=function(t){var e=void 0!==n?n:window,i=e.Handlebars;t.noConflict=function(){return e.Handlebars===t&&(e.Handlebars=i),t}},t.exports=e.default}).call(e,function(){return this}())},function(t,e){"use strict";e.__esModule=!0;var n={helpers:{helperExpression:function(t){return"SubExpression"===t.type||("MustacheStatement"===t.type||"BlockStatement"===t.type)&&!!(t.params&&t.params.length||t.hash)},scopedId:function(t){return/^\.|this\b/.test(t.original)},simpleId:function(t){return 1===t.parts.length&&!n.helpers.scopedId(t)&&!t.depth}}};e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default,r=n(3).default;e.__esModule=!0,e.parseWithoutProcessing=p,e.parse=function(t,e){var n=p(t,e);return new a.default(e).accept(n)};var s=i(n(47)),a=i(n(48)),o=r(n(50)),_=n(5);e.parser=s.default;var u={};function p(t,e){return"Program"===t.type?t:(s.default.yy=u,u.locInfo=function(t){return new u.SourceLocation(e&&e.srcName,t)},s.default.parse(t))}_.extend(u,o)},function(t,e){"use strict";e.__esModule=!0;var n=function(){var t={trace:function(){},yy:{},symbols_:{error:2,root:3,program:4,EOF:5,program_repetition0:6,statement:7,mustache:8,block:9,rawBlock:10,partial:11,partialBlock:12,content:13,COMMENT:14,CONTENT:15,openRawBlock:16,rawBlock_repetition0:17,END_RAW_BLOCK:18,OPEN_RAW_BLOCK:19,helperName:20,openRawBlock_repetition0:21,openRawBlock_option0:22,CLOSE_RAW_BLOCK:23,openBlock:24,block_option0:25,closeBlock:26,openInverse:27,block_option1:28,OPEN_BLOCK:29,openBlock_repetition0:30,openBlock_option0:31,openBlock_option1:32,CLOSE:33,OPEN_INVERSE:34,openInverse_repetition0:35,openInverse_option0:36,openInverse_option1:37,openInverseChain:38,OPEN_INVERSE_CHAIN:39,openInverseChain_repetition0:40,openInverseChain_option0:41,openInverseChain_option1:42,inverseAndProgram:43,INVERSE:44,inverseChain:45,inverseChain_option0:46,OPEN_ENDBLOCK:47,OPEN:48,mustache_repetition0:49,mustache_option0:50,OPEN_UNESCAPED:51,mustache_repetition1:52,mustache_option1:53,CLOSE_UNESCAPED:54,OPEN_PARTIAL:55,partialName:56,partial_repetition0:57,partial_option0:58,openPartialBlock:59,OPEN_PARTIAL_BLOCK:60,openPartialBlock_repetition0:61,openPartialBlock_option0:62,param:63,sexpr:64,OPEN_SEXPR:65,sexpr_repetition0:66,sexpr_option0:67,CLOSE_SEXPR:68,hash:69,hash_repetition_plus0:70,hashSegment:71,ID:72,EQUALS:73,blockParams:74,OPEN_BLOCK_PARAMS:75,blockParams_repetition_plus0:76,CLOSE_BLOCK_PARAMS:77,path:78,dataName:79,STRING:80,NUMBER:81,BOOLEAN:82,UNDEFINED:83,NULL:84,DATA:85,pathSegments:86,SEP:87,$accept:0,$end:1},terminals_:{2:"error",5:"EOF",14:"COMMENT",15:"CONTENT",18:"END_RAW_BLOCK",19:"OPEN_RAW_BLOCK",23:"CLOSE_RAW_BLOCK",29:"OPEN_BLOCK",33:"CLOSE",34:"OPEN_INVERSE",39:"OPEN_INVERSE_CHAIN",44:"INVERSE",47:"OPEN_ENDBLOCK",48:"OPEN",51:"OPEN_UNESCAPED",54:"CLOSE_UNESCAPED",55:"OPEN_PARTIAL",60:"OPEN_PARTIAL_BLOCK",65:"OPEN_SEXPR",68:"CLOSE_SEXPR",72:"ID",73:"EQUALS",75:"OPEN_BLOCK_PARAMS",77:"CLOSE_BLOCK_PARAMS",80:"STRING",81:"NUMBER",82:"BOOLEAN",83:"UNDEFINED",84:"NULL",85:"DATA",87:"SEP"},productions_:[0,[3,2],[4,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[13,1],[10,3],[16,5],[9,4],[9,4],[24,6],[27,6],[38,6],[43,2],[45,3],[45,1],[26,3],[8,5],[8,5],[11,5],[12,3],[59,5],[63,1],[63,1],[64,5],[69,1],[71,3],[74,3],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[56,1],[56,1],[79,2],[78,1],[86,3],[86,1],[6,0],[6,2],[17,0],[17,2],[21,0],[21,2],[22,0],[22,1],[25,0],[25,1],[28,0],[28,1],[30,0],[30,2],[31,0],[31,1],[32,0],[32,1],[35,0],[35,2],[36,0],[36,1],[37,0],[37,1],[40,0],[40,2],[41,0],[41,1],[42,0],[42,1],[46,0],[46,1],[49,0],[49,2],[50,0],[50,1],[52,0],[52,2],[53,0],[53,1],[57,0],[57,2],[58,0],[58,1],[61,0],[61,2],[62,0],[62,1],[66,0],[66,2],[67,0],[67,1],[70,1],[70,2],[76,1],[76,2]],performAction:function(t,e,n,i,r,s,a){var o=s.length-1;switch(r){case 1:return s[o-1];case 2:this.$=i.prepareProgram(s[o]);break;case 3:case 4:case 5:case 6:case 7:case 8:case 20:case 27:case 28:case 33:case 34:case 40:case 41:this.$=s[o];break;case 9:this.$={type:"CommentStatement",value:i.stripComment(s[o]),strip:i.stripFlags(s[o],s[o]),loc:i.locInfo(this._$)};break;case 10:this.$={type:"ContentStatement",original:s[o],value:s[o],loc:i.locInfo(this._$)};break;case 11:this.$=i.prepareRawBlock(s[o-2],s[o-1],s[o],this._$);break;case 12:this.$={path:s[o-3],params:s[o-2],hash:s[o-1]};break;case 13:this.$=i.prepareBlock(s[o-3],s[o-2],s[o-1],s[o],!1,this._$);break;case 14:this.$=i.prepareBlock(s[o-3],s[o-2],s[o-1],s[o],!0,this._$);break;case 15:this.$={open:s[o-5],path:s[o-4],params:s[o-3],hash:s[o-2],blockParams:s[o-1],strip:i.stripFlags(s[o-5],s[o])};break;case 16:case 17:this.$={path:s[o-4],params:s[o-3],hash:s[o-2],blockParams:s[o-1],strip:i.stripFlags(s[o-5],s[o])};break;case 18:this.$={strip:i.stripFlags(s[o-1],s[o-1]),program:s[o]};break;case 19:var _=i.prepareBlock(s[o-2],s[o-1],s[o],s[o],!1,this._$),u=i.prepareProgram([_],s[o-1].loc);u.chained=!0,this.$={strip:s[o-2].strip,program:u,chain:!0};break;case 21:this.$={path:s[o-1],strip:i.stripFlags(s[o-2],s[o])};break;case 22:case 23:this.$=i.prepareMustache(s[o-3],s[o-2],s[o-1],s[o-4],i.stripFlags(s[o-4],s[o]),this._$);break;case 24:this.$={type:"PartialStatement",name:s[o-3],params:s[o-2],hash:s[o-1],indent:"",strip:i.stripFlags(s[o-4],s[o]),loc:i.locInfo(this._$)};break;case 25:this.$=i.preparePartialBlock(s[o-2],s[o-1],s[o],this._$);break;case 26:this.$={path:s[o-3],params:s[o-2],hash:s[o-1],strip:i.stripFlags(s[o-4],s[o])};break;case 29:this.$={type:"SubExpression",path:s[o-3],params:s[o-2],hash:s[o-1],loc:i.locInfo(this._$)};break;case 30:this.$={type:"Hash",pairs:s[o],loc:i.locInfo(this._$)};break;case 31:this.$={type:"HashPair",key:i.id(s[o-2]),value:s[o],loc:i.locInfo(this._$)};break;case 32:this.$=i.id(s[o-1]);break;case 35:this.$={type:"StringLiteral",value:s[o],original:s[o],loc:i.locInfo(this._$)};break;case 36:this.$={type:"NumberLiteral",value:Number(s[o]),original:Number(s[o]),loc:i.locInfo(this._$)};break;case 37:this.$={type:"BooleanLiteral",value:"true"===s[o],original:"true"===s[o],loc:i.locInfo(this._$)};break;case 38:this.$={type:"UndefinedLiteral",original:void 0,value:void 0,loc:i.locInfo(this._$)};break;case 39:this.$={type:"NullLiteral",original:null,value:null,loc:i.locInfo(this._$)};break;case 42:this.$=i.preparePath(!0,s[o],this._$);break;case 43:this.$=i.preparePath(!1,s[o],this._$);break;case 44:s[o-2].push({part:i.id(s[o]),original:s[o],separator:s[o-1]}),this.$=s[o-2];break;case 45:this.$=[{part:i.id(s[o]),original:s[o]}];break;case 46:case 48:case 50:case 58:case 64:case 70:case 78:case 82:case 86:case 90:case 94:this.$=[];break;case 47:case 49:case 51:case 59:case 65:case 71:case 79:case 83:case 87:case 91:case 95:case 99:case 101:s[o-1].push(s[o]);break;case 98:case 100:this.$=[s[o]]}},table:[{3:1,4:2,5:[2,46],6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{1:[3]},{5:[1,4]},{5:[2,2],7:5,8:6,9:7,10:8,11:9,12:10,13:11,14:[1,12],15:[1,20],16:17,19:[1,23],24:15,27:16,29:[1,21],34:[1,22],39:[2,2],44:[2,2],47:[2,2],48:[1,13],51:[1,14],55:[1,18],59:19,60:[1,24]},{1:[2,1]},{5:[2,47],14:[2,47],15:[2,47],19:[2,47],29:[2,47],34:[2,47],39:[2,47],44:[2,47],47:[2,47],48:[2,47],51:[2,47],55:[2,47],60:[2,47]},{5:[2,3],14:[2,3],15:[2,3],19:[2,3],29:[2,3],34:[2,3],39:[2,3],44:[2,3],47:[2,3],48:[2,3],51:[2,3],55:[2,3],60:[2,3]},{5:[2,4],14:[2,4],15:[2,4],19:[2,4],29:[2,4],34:[2,4],39:[2,4],44:[2,4],47:[2,4],48:[2,4],51:[2,4],55:[2,4],60:[2,4]},{5:[2,5],14:[2,5],15:[2,5],19:[2,5],29:[2,5],34:[2,5],39:[2,5],44:[2,5],47:[2,5],48:[2,5],51:[2,5],55:[2,5],60:[2,5]},{5:[2,6],14:[2,6],15:[2,6],19:[2,6],29:[2,6],34:[2,6],39:[2,6],44:[2,6],47:[2,6],48:[2,6],51:[2,6],55:[2,6],60:[2,6]},{5:[2,7],14:[2,7],15:[2,7],19:[2,7],29:[2,7],34:[2,7],39:[2,7],44:[2,7],47:[2,7],48:[2,7],51:[2,7],55:[2,7],60:[2,7]},{5:[2,8],14:[2,8],15:[2,8],19:[2,8],29:[2,8],34:[2,8],39:[2,8],44:[2,8],47:[2,8],48:[2,8],51:[2,8],55:[2,8],60:[2,8]},{5:[2,9],14:[2,9],15:[2,9],19:[2,9],29:[2,9],34:[2,9],39:[2,9],44:[2,9],47:[2,9],48:[2,9],51:[2,9],55:[2,9],60:[2,9]},{20:25,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:36,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:37,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{4:38,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{15:[2,48],17:39,18:[2,48]},{20:41,56:40,64:42,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:44,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{5:[2,10],14:[2,10],15:[2,10],18:[2,10],19:[2,10],29:[2,10],34:[2,10],39:[2,10],44:[2,10],47:[2,10],48:[2,10],51:[2,10],55:[2,10],60:[2,10]},{20:45,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:46,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:47,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:41,56:48,64:42,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[2,78],49:49,65:[2,78],72:[2,78],80:[2,78],81:[2,78],82:[2,78],83:[2,78],84:[2,78],85:[2,78]},{23:[2,33],33:[2,33],54:[2,33],65:[2,33],68:[2,33],72:[2,33],75:[2,33],80:[2,33],81:[2,33],82:[2,33],83:[2,33],84:[2,33],85:[2,33]},{23:[2,34],33:[2,34],54:[2,34],65:[2,34],68:[2,34],72:[2,34],75:[2,34],80:[2,34],81:[2,34],82:[2,34],83:[2,34],84:[2,34],85:[2,34]},{23:[2,35],33:[2,35],54:[2,35],65:[2,35],68:[2,35],72:[2,35],75:[2,35],80:[2,35],81:[2,35],82:[2,35],83:[2,35],84:[2,35],85:[2,35]},{23:[2,36],33:[2,36],54:[2,36],65:[2,36],68:[2,36],72:[2,36],75:[2,36],80:[2,36],81:[2,36],82:[2,36],83:[2,36],84:[2,36],85:[2,36]},{23:[2,37],33:[2,37],54:[2,37],65:[2,37],68:[2,37],72:[2,37],75:[2,37],80:[2,37],81:[2,37],82:[2,37],83:[2,37],84:[2,37],85:[2,37]},{23:[2,38],33:[2,38],54:[2,38],65:[2,38],68:[2,38],72:[2,38],75:[2,38],80:[2,38],81:[2,38],82:[2,38],83:[2,38],84:[2,38],85:[2,38]},{23:[2,39],33:[2,39],54:[2,39],65:[2,39],68:[2,39],72:[2,39],75:[2,39],80:[2,39],81:[2,39],82:[2,39],83:[2,39],84:[2,39],85:[2,39]},{23:[2,43],33:[2,43],54:[2,43],65:[2,43],68:[2,43],72:[2,43],75:[2,43],80:[2,43],81:[2,43],82:[2,43],83:[2,43],84:[2,43],85:[2,43],87:[1,50]},{72:[1,35],86:51},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{52:52,54:[2,82],65:[2,82],72:[2,82],80:[2,82],81:[2,82],82:[2,82],83:[2,82],84:[2,82],85:[2,82]},{25:53,38:55,39:[1,57],43:56,44:[1,58],45:54,47:[2,54]},{28:59,43:60,44:[1,58],47:[2,56]},{13:62,15:[1,20],18:[1,61]},{33:[2,86],57:63,65:[2,86],72:[2,86],80:[2,86],81:[2,86],82:[2,86],83:[2,86],84:[2,86],85:[2,86]},{33:[2,40],65:[2,40],72:[2,40],80:[2,40],81:[2,40],82:[2,40],83:[2,40],84:[2,40],85:[2,40]},{33:[2,41],65:[2,41],72:[2,41],80:[2,41],81:[2,41],82:[2,41],83:[2,41],84:[2,41],85:[2,41]},{20:64,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:65,47:[1,66]},{30:67,33:[2,58],65:[2,58],72:[2,58],75:[2,58],80:[2,58],81:[2,58],82:[2,58],83:[2,58],84:[2,58],85:[2,58]},{33:[2,64],35:68,65:[2,64],72:[2,64],75:[2,64],80:[2,64],81:[2,64],82:[2,64],83:[2,64],84:[2,64],85:[2,64]},{21:69,23:[2,50],65:[2,50],72:[2,50],80:[2,50],81:[2,50],82:[2,50],83:[2,50],84:[2,50],85:[2,50]},{33:[2,90],61:70,65:[2,90],72:[2,90],80:[2,90],81:[2,90],82:[2,90],83:[2,90],84:[2,90],85:[2,90]},{20:74,33:[2,80],50:71,63:72,64:75,65:[1,43],69:73,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{72:[1,79]},{23:[2,42],33:[2,42],54:[2,42],65:[2,42],68:[2,42],72:[2,42],75:[2,42],80:[2,42],81:[2,42],82:[2,42],83:[2,42],84:[2,42],85:[2,42],87:[1,50]},{20:74,53:80,54:[2,84],63:81,64:75,65:[1,43],69:82,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:83,47:[1,66]},{47:[2,55]},{4:84,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{47:[2,20]},{20:85,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:86,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{26:87,47:[1,66]},{47:[2,57]},{5:[2,11],14:[2,11],15:[2,11],19:[2,11],29:[2,11],34:[2,11],39:[2,11],44:[2,11],47:[2,11],48:[2,11],51:[2,11],55:[2,11],60:[2,11]},{15:[2,49],18:[2,49]},{20:74,33:[2,88],58:88,63:89,64:75,65:[1,43],69:90,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{65:[2,94],66:91,68:[2,94],72:[2,94],80:[2,94],81:[2,94],82:[2,94],83:[2,94],84:[2,94],85:[2,94]},{5:[2,25],14:[2,25],15:[2,25],19:[2,25],29:[2,25],34:[2,25],39:[2,25],44:[2,25],47:[2,25],48:[2,25],51:[2,25],55:[2,25],60:[2,25]},{20:92,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,31:93,33:[2,60],63:94,64:75,65:[1,43],69:95,70:76,71:77,72:[1,78],75:[2,60],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,33:[2,66],36:96,63:97,64:75,65:[1,43],69:98,70:76,71:77,72:[1,78],75:[2,66],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,22:99,23:[2,52],63:100,64:75,65:[1,43],69:101,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,33:[2,92],62:102,63:103,64:75,65:[1,43],69:104,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,105]},{33:[2,79],65:[2,79],72:[2,79],80:[2,79],81:[2,79],82:[2,79],83:[2,79],84:[2,79],85:[2,79]},{33:[2,81]},{23:[2,27],33:[2,27],54:[2,27],65:[2,27],68:[2,27],72:[2,27],75:[2,27],80:[2,27],81:[2,27],82:[2,27],83:[2,27],84:[2,27],85:[2,27]},{23:[2,28],33:[2,28],54:[2,28],65:[2,28],68:[2,28],72:[2,28],75:[2,28],80:[2,28],81:[2,28],82:[2,28],83:[2,28],84:[2,28],85:[2,28]},{23:[2,30],33:[2,30],54:[2,30],68:[2,30],71:106,72:[1,107],75:[2,30]},{23:[2,98],33:[2,98],54:[2,98],68:[2,98],72:[2,98],75:[2,98]},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],73:[1,108],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{23:[2,44],33:[2,44],54:[2,44],65:[2,44],68:[2,44],72:[2,44],75:[2,44],80:[2,44],81:[2,44],82:[2,44],83:[2,44],84:[2,44],85:[2,44],87:[2,44]},{54:[1,109]},{54:[2,83],65:[2,83],72:[2,83],80:[2,83],81:[2,83],82:[2,83],83:[2,83],84:[2,83],85:[2,83]},{54:[2,85]},{5:[2,13],14:[2,13],15:[2,13],19:[2,13],29:[2,13],34:[2,13],39:[2,13],44:[2,13],47:[2,13],48:[2,13],51:[2,13],55:[2,13],60:[2,13]},{38:55,39:[1,57],43:56,44:[1,58],45:111,46:110,47:[2,76]},{33:[2,70],40:112,65:[2,70],72:[2,70],75:[2,70],80:[2,70],81:[2,70],82:[2,70],83:[2,70],84:[2,70],85:[2,70]},{47:[2,18]},{5:[2,14],14:[2,14],15:[2,14],19:[2,14],29:[2,14],34:[2,14],39:[2,14],44:[2,14],47:[2,14],48:[2,14],51:[2,14],55:[2,14],60:[2,14]},{33:[1,113]},{33:[2,87],65:[2,87],72:[2,87],80:[2,87],81:[2,87],82:[2,87],83:[2,87],84:[2,87],85:[2,87]},{33:[2,89]},{20:74,63:115,64:75,65:[1,43],67:114,68:[2,96],69:116,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,117]},{32:118,33:[2,62],74:119,75:[1,120]},{33:[2,59],65:[2,59],72:[2,59],75:[2,59],80:[2,59],81:[2,59],82:[2,59],83:[2,59],84:[2,59],85:[2,59]},{33:[2,61],75:[2,61]},{33:[2,68],37:121,74:122,75:[1,120]},{33:[2,65],65:[2,65],72:[2,65],75:[2,65],80:[2,65],81:[2,65],82:[2,65],83:[2,65],84:[2,65],85:[2,65]},{33:[2,67],75:[2,67]},{23:[1,123]},{23:[2,51],65:[2,51],72:[2,51],80:[2,51],81:[2,51],82:[2,51],83:[2,51],84:[2,51],85:[2,51]},{23:[2,53]},{33:[1,124]},{33:[2,91],65:[2,91],72:[2,91],80:[2,91],81:[2,91],82:[2,91],83:[2,91],84:[2,91],85:[2,91]},{33:[2,93]},{5:[2,22],14:[2,22],15:[2,22],19:[2,22],29:[2,22],34:[2,22],39:[2,22],44:[2,22],47:[2,22],48:[2,22],51:[2,22],55:[2,22],60:[2,22]},{23:[2,99],33:[2,99],54:[2,99],68:[2,99],72:[2,99],75:[2,99]},{73:[1,108]},{20:74,63:125,64:75,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,23],14:[2,23],15:[2,23],19:[2,23],29:[2,23],34:[2,23],39:[2,23],44:[2,23],47:[2,23],48:[2,23],51:[2,23],55:[2,23],60:[2,23]},{47:[2,19]},{47:[2,77]},{20:74,33:[2,72],41:126,63:127,64:75,65:[1,43],69:128,70:76,71:77,72:[1,78],75:[2,72],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,24],14:[2,24],15:[2,24],19:[2,24],29:[2,24],34:[2,24],39:[2,24],44:[2,24],47:[2,24],48:[2,24],51:[2,24],55:[2,24],60:[2,24]},{68:[1,129]},{65:[2,95],68:[2,95],72:[2,95],80:[2,95],81:[2,95],82:[2,95],83:[2,95],84:[2,95],85:[2,95]},{68:[2,97]},{5:[2,21],14:[2,21],15:[2,21],19:[2,21],29:[2,21],34:[2,21],39:[2,21],44:[2,21],47:[2,21],48:[2,21],51:[2,21],55:[2,21],60:[2,21]},{33:[1,130]},{33:[2,63]},{72:[1,132],76:131},{33:[1,133]},{33:[2,69]},{15:[2,12],18:[2,12]},{14:[2,26],15:[2,26],19:[2,26],29:[2,26],34:[2,26],47:[2,26],48:[2,26],51:[2,26],55:[2,26],60:[2,26]},{23:[2,31],33:[2,31],54:[2,31],68:[2,31],72:[2,31],75:[2,31]},{33:[2,74],42:134,74:135,75:[1,120]},{33:[2,71],65:[2,71],72:[2,71],75:[2,71],80:[2,71],81:[2,71],82:[2,71],83:[2,71],84:[2,71],85:[2,71]},{33:[2,73],75:[2,73]},{23:[2,29],33:[2,29],54:[2,29],65:[2,29],68:[2,29],72:[2,29],75:[2,29],80:[2,29],81:[2,29],82:[2,29],83:[2,29],84:[2,29],85:[2,29]},{14:[2,15],15:[2,15],19:[2,15],29:[2,15],34:[2,15],39:[2,15],44:[2,15],47:[2,15],48:[2,15],51:[2,15],55:[2,15],60:[2,15]},{72:[1,137],77:[1,136]},{72:[2,100],77:[2,100]},{14:[2,16],15:[2,16],19:[2,16],29:[2,16],34:[2,16],44:[2,16],47:[2,16],48:[2,16],51:[2,16],55:[2,16],60:[2,16]},{33:[1,138]},{33:[2,75]},{33:[2,32]},{72:[2,101],77:[2,101]},{14:[2,17],15:[2,17],19:[2,17],29:[2,17],34:[2,17],39:[2,17],44:[2,17],47:[2,17],48:[2,17],51:[2,17],55:[2,17],60:[2,17]}],defaultActions:{4:[2,1],54:[2,55],56:[2,20],60:[2,57],73:[2,81],82:[2,85],86:[2,18],90:[2,89],101:[2,53],104:[2,93],110:[2,19],111:[2,77],116:[2,97],119:[2,63],122:[2,69],135:[2,75],136:[2,32]},parseError:function(t,e){throw new Error(t)},parse:function(t){var e=this,n=[0],i=[null],r=[],s=this.table,a="",o=0,_=0,u=0;this.lexer.setInput(t),this.lexer.yy=this.yy,this.yy.lexer=this.lexer,this.yy.parser=this,void 0===this.lexer.yylloc&&(this.lexer.yylloc={});var p=this.lexer.yylloc;r.push(p);var l=this.lexer.options&&this.lexer.options.ranges;"function"==typeof this.yy.parseError&&(this.parseError=this.yy.parseError);for(var h,c,d,f,g,m,y,b,v,k,w={};;){if(d=n[n.length-1],this.defaultActions[d]?f=this.defaultActions[d]:(null==h&&(k=void 0,"number"!=typeof(k=e.lexer.lex()||1)&&(k=e.symbols_[k]||k),h=k),f=s[d]&&s[d][h]),void 0===f||!f.length||!f[0]){var x="";if(!u){for(m in v=[],s[d])this.terminals_[m]&&m>2&&v.push("'"+this.terminals_[m]+"'");x=this.lexer.showPosition?"Parse error on line "+(o+1)+":\n"+this.lexer.showPosition()+"\nExpecting "+v.join(", ")+", got '"+(this.terminals_[h]||h)+"'":"Parse error on line "+(o+1)+": Unexpected "+(1==h?"end of input":"'"+(this.terminals_[h]||h)+"'"),this.parseError(x,{text:this.lexer.match,token:this.terminals_[h]||h,line:this.lexer.yylineno,loc:p,expected:v})}}if(f[0]instanceof Array&&f.length>1)throw new Error("Parse Error: multiple actions possible at state: "+d+", token: "+h);switch(f[0]){case 1:n.push(h),i.push(this.lexer.yytext),r.push(this.lexer.yylloc),n.push(f[1]),h=null,c?(h=c,c=null):(_=this.lexer.yyleng,a=this.lexer.yytext,o=this.lexer.yylineno,p=this.lexer.yylloc,u>0&&u--);break;case 2:if(y=this.productions_[f[1]][1],w.$=i[i.length-y],w._$={first_line:r[r.length-(y||1)].first_line,last_line:r[r.length-1].last_line,first_column:r[r.length-(y||1)].first_column,last_column:r[r.length-1].last_column},l&&(w._$.range=[r[r.length-(y||1)].range[0],r[r.length-1].range[1]]),void 0!==(g=this.performAction.call(w,a,_,o,this.yy,f[1],i,r)))return g;y&&(n=n.slice(0,-1*y*2),i=i.slice(0,-1*y),r=r.slice(0,-1*y)),n.push(this.productions_[f[1]][0]),i.push(w.$),r.push(w._$),b=s[n[n.length-2]][n[n.length-1]],n.push(b);break;case 3:return!0}}return!0}},e=function(){var t={EOF:1,parseError:function(t,e){if(!this.yy.parser)throw new Error(t);this.yy.parser.parseError(t,e)},setInput:function(t){return this._input=t,this._more=this._less=this.done=!1,this.yylineno=this.yyleng=0,this.yytext=this.matched=this.match="",this.conditionStack=["INITIAL"],this.yylloc={first_line:1,first_column:0,last_line:1,last_column:0},this.options.ranges&&(this.yylloc.range=[0,0]),this.offset=0,this},input:function(){var t=this._input[0];return this.yytext+=t,this.yyleng++,this.offset++,this.match+=t,this.matched+=t,t.match(/(?:\r\n?|\n).*/g)?(this.yylineno++,this.yylloc.last_line++):this.yylloc.last_column++,this.options.ranges&&this.yylloc.range[1]++,this._input=this._input.slice(1),t},unput:function(t){var e=t.length,n=t.split(/(?:\r\n?|\n)/g);this._input=t+this._input,this.yytext=this.yytext.substr(0,this.yytext.length-e-1),this.offset-=e;var i=this.match.split(/(?:\r\n?|\n)/g);this.match=this.match.substr(0,this.match.length-1),this.matched=this.matched.substr(0,this.matched.length-1),n.length-1&&(this.yylineno-=n.length-1);var r=this.yylloc.range;return this.yylloc={first_line:this.yylloc.first_line,last_line:this.yylineno+1,first_column:this.yylloc.first_column,last_column:n?(n.length===i.length?this.yylloc.first_column:0)+i[i.length-n.length].length-n[0].length:this.yylloc.first_column-e},this.options.ranges&&(this.yylloc.range=[r[0],r[0]+this.yyleng-e]),this},more:function(){return this._more=!0,this},less:function(t){this.unput(this.match.slice(t))},pastInput:function(){var t=this.matched.substr(0,this.matched.length-this.match.length);return(t.length>20?"...":"")+t.substr(-20).replace(/\n/g,"")},upcomingInput:function(){var t=this.match;return t.length<20&&(t+=this._input.substr(0,20-t.length)),(t.substr(0,20)+(t.length>20?"...":"")).replace(/\n/g,"")},showPosition:function(){var t=this.pastInput(),e=new Array(t.length+1).join("-");return t+this.upcomingInput()+"\n"+e+"^"},next:function(){if(this.done)return this.EOF;var t,e,n,i,r;this._input||(this.done=!0),this._more||(this.yytext="",this.match="");for(var s=this._currentRules(),a=0;a<s.length&&(!(n=this._input.match(this.rules[s[a]]))||e&&!(n[0].length>e[0].length)||(e=n,i=a,this.options.flex));a++);return e?((r=e[0].match(/(?:\r\n?|\n).*/g))&&(this.yylineno+=r.length),this.yylloc={first_line:this.yylloc.last_line,last_line:this.yylineno+1,first_column:this.yylloc.last_column,last_column:r?r[r.length-1].length-r[r.length-1].match(/\r?\n?/)[0].length:this.yylloc.last_column+e[0].length},this.yytext+=e[0],this.match+=e[0],this.matches=e,this.yyleng=this.yytext.length,this.options.ranges&&(this.yylloc.range=[this.offset,this.offset+=this.yyleng]),this._more=!1,this._input=this._input.slice(e[0].length),this.matched+=e[0],t=this.performAction.call(this,this.yy,this,s[i],this.conditionStack[this.conditionStack.length-1]),this.done&&this._input&&(this.done=!1),t||void 0):""===this._input?this.EOF:this.parseError("Lexical error on line "+(this.yylineno+1)+". Unrecognized text.\n"+this.showPosition(),{text:"",token:null,line:this.yylineno})},lex:function(){var t=this.next();return void 0!==t?t:this.lex()},begin:function(t){this.conditionStack.push(t)},popState:function(){return this.conditionStack.pop()},_currentRules:function(){return this.conditions[this.conditionStack[this.conditionStack.length-1]].rules},topState:function(){return this.conditionStack[this.conditionStack.length-2]},pushState:function(t){this.begin(t)},options:{},performAction:function(t,e,n,i){function r(t,n){return e.yytext=e.yytext.substring(t,e.yyleng-n+t)}switch(n){case 0:if("\\\\"===e.yytext.slice(-2)?(r(0,1),this.begin("mu")):"\\"===e.yytext.slice(-1)?(r(0,1),this.begin("emu")):this.begin("mu"),e.yytext)return 15;break;case 1:case 5:return 15;case 2:return this.popState(),15;case 3:return this.begin("raw"),15;case 4:return this.popState(),"raw"===this.conditionStack[this.conditionStack.length-1]?15:(r(5,9),"END_RAW_BLOCK");case 6:case 22:return this.popState(),14;case 7:return 65;case 8:return 68;case 9:return 19;case 10:return this.popState(),this.begin("raw"),23;case 11:return 55;case 12:return 60;case 13:return 29;case 14:return 47;case 15:case 16:return this.popState(),44;case 17:return 34;case 18:return 39;case 19:return 51;case 20:case 23:return 48;case 21:this.unput(e.yytext),this.popState(),this.begin("com");break;case 24:return 73;case 25:case 26:case 41:return 72;case 27:return 87;case 28:break;case 29:return this.popState(),54;case 30:return this.popState(),33;case 31:return e.yytext=r(1,2).replace(/\\"/g,'"'),80;case 32:return e.yytext=r(1,2).replace(/\\'/g,"'"),80;case 33:return 85;case 34:case 35:return 82;case 36:return 83;case 37:return 84;case 38:return 81;case 39:return 75;case 40:return 77;case 42:return e.yytext=e.yytext.replace(/\\([\\\]])/g,"$1"),72;case 43:return"INVALID";case 44:return 5}},rules:[/^(?:[^\x00]*?(?=(\{\{)))/,/^(?:[^\x00]+)/,/^(?:[^\x00]{2,}?(?=(\{\{|\\\{\{|\\\\\{\{|$)))/,/^(?:\{\{\{\{(?=[^\/]))/,/^(?:\{\{\{\{\/[^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=[=}\s\/.])\}\}\}\})/,/^(?:[^\x00]+?(?=(\{\{\{\{)))/,/^(?:[\s\S]*?--(~)?\}\})/,/^(?:\()/,/^(?:\))/,/^(?:\{\{\{\{)/,/^(?:\}\}\}\})/,/^(?:\{\{(~)?>)/,/^(?:\{\{(~)?#>)/,/^(?:\{\{(~)?#\*?)/,/^(?:\{\{(~)?\/)/,/^(?:\{\{(~)?\^\s*(~)?\}\})/,/^(?:\{\{(~)?\s*else\s*(~)?\}\})/,/^(?:\{\{(~)?\^)/,/^(?:\{\{(~)?\s*else\b)/,/^(?:\{\{(~)?\{)/,/^(?:\{\{(~)?&)/,/^(?:\{\{(~)?!--)/,/^(?:\{\{(~)?![\s\S]*?\}\})/,/^(?:\{\{(~)?\*?)/,/^(?:=)/,/^(?:\.\.)/,/^(?:\.(?=([=~}\s\/.)|])))/,/^(?:[\/.])/,/^(?:\s+)/,/^(?:\}(~)?\}\})/,/^(?:(~)?\}\})/,/^(?:"(\\["]|[^"])*")/,/^(?:'(\\[']|[^'])*')/,/^(?:@)/,/^(?:true(?=([~}\s)])))/,/^(?:false(?=([~}\s)])))/,/^(?:undefined(?=([~}\s)])))/,/^(?:null(?=([~}\s)])))/,/^(?:-?[0-9]+(?:\.[0-9]+)?(?=([~}\s)])))/,/^(?:as\s+\|)/,/^(?:\|)/,/^(?:([^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=([=~}\s\/.)|]))))/,/^(?:\[(\\\]|[^\]])*\])/,/^(?:.)/,/^(?:$)/],conditions:{mu:{rules:[7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],inclusive:!1},emu:{rules:[2],inclusive:!1},com:{rules:[6],inclusive:!1},raw:{rules:[3,4,5],inclusive:!1},INITIAL:{rules:[0,1,44],inclusive:!0}}};return t}();function n(){this.yy={}}return t.lexer=e,n.prototype=t,t.Parser=n,new n}();e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=i(n(49));function s(){var t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.options=t}function a(t,e,n){void 0===e&&(e=t.length);var i=t[e-1],r=t[e-2];return i?"ContentStatement"===i.type?(r||!n?/\r?\n\s*?$/:/(^|\r?\n)\s*?$/).test(i.original):void 0:n}function o(t,e,n){void 0===e&&(e=-1);var i=t[e+1],r=t[e+2];return i?"ContentStatement"===i.type?(r||!n?/^\s*?\r?\n/:/^\s*?(\r?\n|$)/).test(i.original):void 0:n}function _(t,e,n){var i=t[null==e?0:e+1];if(i&&"ContentStatement"===i.type&&(n||!i.rightStripped)){var r=i.value;i.value=i.value.replace(n?/^\s+/:/^[ \t]*\r?\n?/,""),i.rightStripped=i.value!==r}}function u(t,e,n){var i=t[null==e?t.length-1:e-1];if(i&&"ContentStatement"===i.type&&(n||!i.leftStripped)){var r=i.value;return i.value=i.value.replace(n?/\s+$/:/[ \t]+$/,""),i.leftStripped=i.value!==r,i.leftStripped}}s.prototype=new r.default,s.prototype.Program=function(t){var e=!this.options.ignoreStandalone,n=!this.isRootSeen;this.isRootSeen=!0;for(var i=t.body,r=0,s=i.length;r<s;r++){var p=i[r],l=this.accept(p);if(l){var h=a(i,r,n),c=o(i,r,n),d=l.openStandalone&&h,f=l.closeStandalone&&c,g=l.inlineStandalone&&h&&c;l.close&&_(i,r,!0),l.open&&u(i,r,!0),e&&g&&(_(i,r),u(i,r)&&"PartialStatement"===p.type&&(p.indent=/([ \t]+$)/.exec(i[r-1].original)[1])),e&&d&&(_((p.program||p.inverse).body),u(i,r)),e&&f&&(_(i,r),u((p.inverse||p.program).body))}}return t},s.prototype.BlockStatement=s.prototype.DecoratorBlock=s.prototype.PartialBlockStatement=function(t){this.accept(t.program),this.accept(t.inverse);var e=t.program||t.inverse,n=t.program&&t.inverse,i=n,r=n;if(n&&n.chained)for(i=n.body[0].program;r.chained;)r=r.body[r.body.length-1].program;var s={open:t.openStrip.open,close:t.closeStrip.close,openStandalone:o(e.body),closeStandalone:a((i||e).body)};if(t.openStrip.close&&_(e.body,null,!0),n){var p=t.inverseStrip;p.open&&u(e.body,null,!0),p.close&&_(i.body,null,!0),t.closeStrip.open&&u(r.body,null,!0),!this.options.ignoreStandalone&&a(e.body)&&o(i.body)&&(u(e.body),_(i.body))}else t.closeStrip.open&&u(e.body,null,!0);return s},s.prototype.Decorator=s.prototype.MustacheStatement=function(t){return t.strip},s.prototype.PartialStatement=s.prototype.CommentStatement=function(t){var e=t.strip||{};return{inlineStandalone:!0,open:e.open,close:e.close}},e.default=s,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=i(n(6));function s(){this.parents=[]}function a(t){this.acceptRequired(t,"path"),this.acceptArray(t.params),this.acceptKey(t,"hash")}function o(t){a.call(this,t),this.acceptKey(t,"program"),this.acceptKey(t,"inverse")}function _(t){this.acceptRequired(t,"name"),this.acceptArray(t.params),this.acceptKey(t,"hash")}s.prototype={constructor:s,mutating:!1,acceptKey:function(t,e){var n=this.accept(t[e]);if(this.mutating){if(n&&!s.prototype[n.type])throw new r.default('Unexpected node type "'+n.type+'" found when accepting '+e+" on "+t.type);t[e]=n}},acceptRequired:function(t,e){if(this.acceptKey(t,e),!t[e])throw new r.default(t.type+" requires "+e)},acceptArray:function(t){for(var e=0,n=t.length;e<n;e++)this.acceptKey(t,e),t[e]||(t.splice(e,1),e--,n--)},accept:function(t){if(t){if(!this[t.type])throw new r.default("Unknown type: "+t.type,t);this.current&&this.parents.unshift(this.current),this.current=t;var e=this[t.type](t);return this.current=this.parents.shift(),!this.mutating||e?e:!1!==e?t:void 0}},Program:function(t){this.acceptArray(t.body)},MustacheStatement:a,Decorator:a,BlockStatement:o,DecoratorBlock:o,PartialStatement:_,PartialBlockStatement:function(t){_.call(this,t),this.acceptKey(t,"program")},ContentStatement:function(){},CommentStatement:function(){},SubExpression:a,PathExpression:function(){},StringLiteral:function(){},NumberLiteral:function(){},BooleanLiteral:function(){},UndefinedLiteral:function(){},NullLiteral:function(){},Hash:function(t){this.acceptArray(t.pairs)},HashPair:function(t){this.acceptRequired(t,"value")}},e.default=s,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.SourceLocation=function(t,e){this.source=t,this.start={line:e.first_line,column:e.first_column},this.end={line:e.last_line,column:e.last_column}},e.id=function(t){return/^\[.*\]$/.test(t)?t.substring(1,t.length-1):t},e.stripFlags=function(t,e){return{open:"~"===t.charAt(2),close:"~"===e.charAt(e.length-3)}},e.stripComment=function(t){return t.replace(/^\{\{~?!-?-?/,"").replace(/-?-?~?\}\}$/,"")},e.preparePath=function(t,e,n){n=this.locInfo(n);for(var i=t?"@":"",s=[],a=0,o=0,_=e.length;o<_;o++){var u=e[o].part,p=e[o].original!==u;if(i+=(e[o].separator||"")+u,p||".."!==u&&"."!==u&&"this"!==u)s.push(u);else{if(s.length>0)throw new r.default("Invalid path: "+i,{loc:n});".."===u&&a++}}return{type:"PathExpression",data:t,depth:a,parts:s,original:i,loc:n}},e.prepareMustache=function(t,e,n,i,r,s){var a=i.charAt(3)||i.charAt(2),o="{"!==a&&"&"!==a;return{type:/\*/.test(i)?"Decorator":"MustacheStatement",path:t,params:e,hash:n,escaped:o,strip:r,loc:this.locInfo(s)}},e.prepareRawBlock=function(t,e,n,i){s(t,n),i=this.locInfo(i);var r={type:"Program",body:e,strip:{},loc:i};return{type:"BlockStatement",path:t.path,params:t.params,hash:t.hash,program:r,openStrip:{},inverseStrip:{},closeStrip:{},loc:i}},e.prepareBlock=function(t,e,n,i,a,o){i&&i.path&&s(t,i);var _=/\*/.test(t.open);e.blockParams=t.blockParams;var u=void 0,p=void 0;if(n){if(_)throw new r.default("Unexpected inverse block on decorator",n);n.chain&&(n.program.body[0].closeStrip=i.strip),p=n.strip,u=n.program}return a&&(a=u,u=e,e=a),{type:_?"DecoratorBlock":"BlockStatement",path:t.path,params:t.params,hash:t.hash,program:e,inverse:u,openStrip:t.strip,inverseStrip:p,closeStrip:i&&i.strip,loc:this.locInfo(o)}},e.prepareProgram=function(t,e){if(!e&&t.length){var n=t[0].loc,i=t[t.length-1].loc;n&&i&&(e={source:n.source,start:{line:n.start.line,column:n.start.column},end:{line:i.end.line,column:i.end.column}})}return{type:"Program",body:t,strip:{},loc:e}},e.preparePartialBlock=function(t,e,n,i){return s(t,n),{type:"PartialBlockStatement",name:t.path,params:t.params,hash:t.hash,program:e,openStrip:t.strip,closeStrip:n&&n.strip,loc:this.locInfo(i)}};var r=i(n(6));function s(t,e){if(e=e.path?e.path.original:e,t.path.original!==e){var n={loc:t.path.loc};throw new r.default(t.path.original+" doesn't match "+e,n)}}},function(t,e,n){"use strict";var i=n(34).default,r=n(1).default;e.__esModule=!0,e.Compiler=u,e.precompile=function(t,e,n){if(null==t||"string"!=typeof t&&"Program"!==t.type)throw new s.default("You must pass a string or Handlebars AST to Handlebars.precompile. You passed "+t);"data"in(e=e||{})||(e.data=!0),e.compat&&(e.useDepths=!0);var i=n.parse(t,e),r=(new n.Compiler).compile(i,e);return(new n.JavaScriptCompiler).compile(r,e)},e.compile=function(t,e,n){if(void 0===e&&(e={}),null==t||"string"!=typeof t&&"Program"!==t.type)throw new s.default("You must pass a string or Handlebars AST to Handlebars.compile. You passed "+t);"data"in(e=a.extend({},e))||(e.data=!0),e.compat&&(e.useDepths=!0);var i=void 0;function r(){var i=n.parse(t,e),r=(new n.Compiler).compile(i,e),s=(new n.JavaScriptCompiler).compile(r,e,void 0,!0);return n.template(s)}function o(t,e){return i||(i=r()),i.call(this,t,e)}return o._setup=function(t){return i||(i=r()),i._setup(t)},o._child=function(t,e,n,s){return i||(i=r()),i._child(t,e,n,s)},o};var s=r(n(6)),a=n(5),o=r(n(45)),_=[].slice;function u(){}function p(t,e){if(t===e)return!0;if(a.isArray(t)&&a.isArray(e)&&t.length===e.length){for(var n=0;n<t.length;n++)if(!p(t[n],e[n]))return!1;return!0}}function l(t){if(!t.path.parts){var e=t.path;t.path={type:"PathExpression",data:!1,depth:0,parts:[e.original+""],original:e.original+"",loc:e.loc}}}u.prototype={compiler:u,equals:function(t){var e=this.opcodes.length;if(t.opcodes.length!==e)return!1;for(var n=0;n<e;n++){var i=this.opcodes[n],r=t.opcodes[n];if(i.opcode!==r.opcode||!p(i.args,r.args))return!1}for(e=this.children.length,n=0;n<e;n++)if(!this.children[n].equals(t.children[n]))return!1;return!0},guid:0,compile:function(t,e){return this.sourceNode=[],this.opcodes=[],this.children=[],this.options=e,this.stringParams=e.stringParams,this.trackIds=e.trackIds,e.blockParams=e.blockParams||[],e.knownHelpers=a.extend(i(null),{helperMissing:!0,blockHelperMissing:!0,each:!0,if:!0,unless:!0,with:!0,log:!0,lookup:!0},e.knownHelpers),this.accept(t)},compileProgram:function(t){var e=(new this.compiler).compile(t,this.options),n=this.guid++;return this.usePartial=this.usePartial||e.usePartial,this.children[n]=e,this.useDepths=this.useDepths||e.useDepths,n},accept:function(t){if(!this[t.type])throw new s.default("Unknown type: "+t.type,t);this.sourceNode.unshift(t);var e=this[t.type](t);return this.sourceNode.shift(),e},Program:function(t){this.options.blockParams.unshift(t.blockParams);for(var e=t.body,n=e.length,i=0;i<n;i++)this.accept(e[i]);return this.options.blockParams.shift(),this.isSimple=1===n,this.blockParams=t.blockParams?t.blockParams.length:0,this},BlockStatement:function(t){l(t);var e=t.program,n=t.inverse;e=e&&this.compileProgram(e),n=n&&this.compileProgram(n);var i=this.classifySexpr(t);"helper"===i?this.helperSexpr(t,e,n):"simple"===i?(this.simpleSexpr(t),this.opcode("pushProgram",e),this.opcode("pushProgram",n),this.opcode("emptyHash"),this.opcode("blockValue",t.path.original)):(this.ambiguousSexpr(t,e,n),this.opcode("pushProgram",e),this.opcode("pushProgram",n),this.opcode("emptyHash"),this.opcode("ambiguousBlockValue")),this.opcode("append")},DecoratorBlock:function(t){var e=t.program&&this.compileProgram(t.program),n=this.setupFullMustacheParams(t,e,void 0),i=t.path;this.useDecorators=!0,this.opcode("registerDecorator",n.length,i.original)},PartialStatement:function(t){this.usePartial=!0;var e=t.program;e&&(e=this.compileProgram(t.program));var n=t.params;if(n.length>1)throw new s.default("Unsupported number of partial arguments: "+n.length,t);n.length||(this.options.explicitPartialContext?this.opcode("pushLiteral","undefined"):n.push({type:"PathExpression",parts:[],depth:0}));var i=t.name.original,r="SubExpression"===t.name.type;r&&this.accept(t.name),this.setupFullMustacheParams(t,e,void 0,!0);var a=t.indent||"";this.options.preventIndent&&a&&(this.opcode("appendContent",a),a=""),this.opcode("invokePartial",r,i,a),this.opcode("append")},PartialBlockStatement:function(t){this.PartialStatement(t)},MustacheStatement:function(t){this.SubExpression(t),t.escaped&&!this.options.noEscape?this.opcode("appendEscaped"):this.opcode("append")},Decorator:function(t){this.DecoratorBlock(t)},ContentStatement:function(t){t.value&&this.opcode("appendContent",t.value)},CommentStatement:function(){},SubExpression:function(t){l(t);var e=this.classifySexpr(t);"simple"===e?this.simpleSexpr(t):"helper"===e?this.helperSexpr(t):this.ambiguousSexpr(t)},ambiguousSexpr:function(t,e,n){var i=t.path,r=i.parts[0],s=null!=e||null!=n;this.opcode("getContext",i.depth),this.opcode("pushProgram",e),this.opcode("pushProgram",n),i.strict=!0,this.accept(i),this.opcode("invokeAmbiguous",r,s)},simpleSexpr:function(t){var e=t.path;e.strict=!0,this.accept(e),this.opcode("resolvePossibleLambda")},helperSexpr:function(t,e,n){var i=this.setupFullMustacheParams(t,e,n),r=t.path,a=r.parts[0];if(this.options.knownHelpers[a])this.opcode("invokeKnownHelper",i.length,a);else{if(this.options.knownHelpersOnly)throw new s.default("You specified knownHelpersOnly, but used the unknown helper "+a,t);r.strict=!0,r.falsy=!0,this.accept(r),this.opcode("invokeHelper",i.length,r.original,o.default.helpers.simpleId(r))}},PathExpression:function(t){this.addDepth(t.depth),this.opcode("getContext",t.depth);var e=t.parts[0],n=o.default.helpers.scopedId(t),i=!t.depth&&!n&&this.blockParamIndex(e);i?this.opcode("lookupBlockParam",i,t.parts):e?t.data?(this.options.data=!0,this.opcode("lookupData",t.depth,t.parts,t.strict)):this.opcode("lookupOnContext",t.parts,t.falsy,t.strict,n):this.opcode("pushContext")},StringLiteral:function(t){this.opcode("pushString",t.value)},NumberLiteral:function(t){this.opcode("pushLiteral",t.value)},BooleanLiteral:function(t){this.opcode("pushLiteral",t.value)},UndefinedLiteral:function(){this.opcode("pushLiteral","undefined")},NullLiteral:function(){this.opcode("pushLiteral","null")},Hash:function(t){var e=t.pairs,n=0,i=e.length;for(this.opcode("pushHash");n<i;n++)this.pushParam(e[n].value);for(;n--;)this.opcode("assignToHash",e[n].key);this.opcode("popHash")},opcode:function(t){this.opcodes.push({opcode:t,args:_.call(arguments,1),loc:this.sourceNode[0].loc})},addDepth:function(t){t&&(this.useDepths=!0)},classifySexpr:function(t){var e=o.default.helpers.simpleId(t.path),n=e&&!!this.blockParamIndex(t.path.parts[0]),i=!n&&o.default.helpers.helperExpression(t),r=!n&&(i||e);if(r&&!i){var s=t.path.parts[0],a=this.options;a.knownHelpers[s]?i=!0:a.knownHelpersOnly&&(r=!1)}return i?"helper":r?"ambiguous":"simple"},pushParams:function(t){for(var e=0,n=t.length;e<n;e++)this.pushParam(t[e])},pushParam:function(t){var e=null!=t.value?t.value:t.original||"";if(this.stringParams)e.replace&&(e=e.replace(/^(\.?\.\/)*/g,"").replace(/\//g,".")),t.depth&&this.addDepth(t.depth),this.opcode("getContext",t.depth||0),this.opcode("pushStringParam",e,t.type),"SubExpression"===t.type&&this.accept(t);else{if(this.trackIds){var n=void 0;if(!t.parts||o.default.helpers.scopedId(t)||t.depth||(n=this.blockParamIndex(t.parts[0])),n){var i=t.parts.slice(1).join(".");this.opcode("pushId","BlockParam",n,i)}else(e=t.original||e).replace&&(e=e.replace(/^this(?:\.|$)/,"").replace(/^\.\//,"").replace(/^\.$/,"")),this.opcode("pushId",t.type,e)}this.accept(t)}},setupFullMustacheParams:function(t,e,n,i){var r=t.params;return this.pushParams(r),this.opcode("pushProgram",e),this.opcode("pushProgram",n),t.hash?this.accept(t.hash):this.opcode("emptyHash",i),r},blockParamIndex:function(t){for(var e=0,n=this.options.blockParams.length;e<n;e++){var i=this.options.blockParams[e],r=i&&a.indexOf(i,t);if(i&&r>=0)return[e,r]}}}},function(t,e,n){"use strict";var i=n(13).default,r=n(1).default;e.__esModule=!0;var s=n(4),a=r(n(6)),o=n(5),_=r(n(53));function u(t){this.value=t}function p(){}p.prototype={nameLookup:function(t,e){return this.internalNameLookup(t,e)},depthedLookup:function(t){return[this.aliasable("container.lookup"),"(depths, ",JSON.stringify(t),")"]},compilerInfo:function(){var t=s.COMPILER_REVISION;return[t,s.REVISION_CHANGES[t]]},appendToBuffer:function(t,e,n){return o.isArray(t)||(t=[t]),t=this.source.wrap(t,e),this.environment.isSimple?["return ",t,";"]:n?["buffer += ",t,";"]:(t.appendToBuffer=!0,t)},initializeBuffer:function(){return this.quotedString("")},internalNameLookup:function(t,e){return this.lookupPropertyFunctionIsUsed=!0,["lookupProperty(",t,",",JSON.stringify(e),")"]},lookupPropertyFunctionIsUsed:!1,compile:function(t,e,n,i){this.environment=t,this.options=e,this.stringParams=this.options.stringParams,this.trackIds=this.options.trackIds,this.precompile=!i,this.name=this.environment.name,this.isChild=!!n,this.context=n||{decorators:[],programs:[],environments:[]},this.preamble(),this.stackSlot=0,this.stackVars=[],this.aliases={},this.registers={list:[]},this.hashes=[],this.compileStack=[],this.inlineStack=[],this.blockParams=[],this.compileChildren(t,e),this.useDepths=this.useDepths||t.useDepths||t.useDecorators||this.options.compat,this.useBlockParams=this.useBlockParams||t.useBlockParams;var r=t.opcodes,s=void 0,o=void 0,_=void 0,u=void 0;for(_=0,u=r.length;_<u;_++)s=r[_],this.source.currentLocation=s.loc,o=o||s.loc,this[s.opcode].apply(this,s.args);if(this.source.currentLocation=o,this.pushSource(""),this.stackSlot||this.inlineStack.length||this.compileStack.length)throw new a.default("Compile completed with content left on stack");this.decorators.isEmpty()?this.decorators=void 0:(this.useDecorators=!0,this.decorators.prepend(["var decorators = container.decorators, ",this.lookupPropertyFunctionVarDeclaration(),";\n"]),this.decorators.push("return fn;"),i?this.decorators=Function.apply(this,["fn","props","container","depth0","data","blockParams","depths",this.decorators.merge()]):(this.decorators.prepend("function(fn, props, container, depth0, data, blockParams, depths) {\n"),this.decorators.push("}\n"),this.decorators=this.decorators.merge()));var p=this.createFunctionContext(i);if(this.isChild)return p;var l={compiler:this.compilerInfo(),main:p};this.decorators&&(l.main_d=this.decorators,l.useDecorators=!0);var h=this.context,c=h.programs,d=h.decorators;for(_=0,u=c.length;_<u;_++)c[_]&&(l[_]=c[_],d[_]&&(l[_+"_d"]=d[_],l.useDecorators=!0));return this.environment.usePartial&&(l.usePartial=!0),this.options.data&&(l.useData=!0),this.useDepths&&(l.useDepths=!0),this.useBlockParams&&(l.useBlockParams=!0),this.options.compat&&(l.compat=!0),i?l.compilerOptions=this.options:(l.compiler=JSON.stringify(l.compiler),this.source.currentLocation={start:{line:1,column:0}},l=this.objectLiteral(l),e.srcName?(l=l.toStringWithSourceMap({file:e.destName})).map=l.map&&l.map.toString():l=l.toString()),l},preamble:function(){this.lastContext=0,this.source=new _.default(this.options.srcName),this.decorators=new _.default(this.options.srcName)},createFunctionContext:function(t){var e=this,n="",r=this.stackVars.concat(this.registers.list);r.length>0&&(n+=", "+r.join(", "));var s=0;i(this.aliases).forEach((function(t){var i=e.aliases[t];i.children&&i.referenceCount>1&&(n+=", alias"+ ++s+"="+t,i.children[0]="alias"+s)})),this.lookupPropertyFunctionIsUsed&&(n+=", "+this.lookupPropertyFunctionVarDeclaration());var a=["container","depth0","helpers","partials","data"];(this.useBlockParams||this.useDepths)&&a.push("blockParams"),this.useDepths&&a.push("depths");var o=this.mergeSource(n);return t?(a.push(o),Function.apply(this,a)):this.source.wrap(["function(",a.join(","),") {\n  ",o,"}"])},mergeSource:function(t){var e=this.environment.isSimple,n=!this.forceBuffer,i=void 0,r=void 0,s=void 0,a=void 0;return this.source.each((function(t){t.appendToBuffer?(s?t.prepend("  + "):s=t,a=t):(s&&(r?s.prepend("buffer += "):i=!0,a.add(";"),s=a=void 0),r=!0,e||(n=!1))})),n?s?(s.prepend("return "),a.add(";")):r||this.source.push('return "";'):(t+=", buffer = "+(i?"":this.initializeBuffer()),s?(s.prepend("return buffer + "),a.add(";")):this.source.push("return buffer;")),t&&this.source.prepend("var "+t.substring(2)+(i?"":";\n")),this.source.merge()},lookupPropertyFunctionVarDeclaration:function(){return"\n      lookupProperty = container.lookupProperty || function(parent, propertyName) {\n        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n          return parent[propertyName];\n        }\n        return undefined\n    }\n    ".trim()},blockValue:function(t){var e=this.aliasable("container.hooks.blockHelperMissing"),n=[this.contextName(0)];this.setupHelperArgs(t,0,n);var i=this.popStack();n.splice(1,0,i),this.push(this.source.functionCall(e,"call",n))},ambiguousBlockValue:function(){var t=this.aliasable("container.hooks.blockHelperMissing"),e=[this.contextName(0)];this.setupHelperArgs("",0,e,!0),this.flushInline();var n=this.topStack();e.splice(1,0,n),this.pushSource(["if (!",this.lastHelper,") { ",n," = ",this.source.functionCall(t,"call",e),"}"])},appendContent:function(t){this.pendingContent?t=this.pendingContent+t:this.pendingLocation=this.source.currentLocation,this.pendingContent=t},append:function(){if(this.isInline())this.replaceStack((function(t){return[" != null ? ",t,' : ""']})),this.pushSource(this.appendToBuffer(this.popStack()));else{var t=this.popStack();this.pushSource(["if (",t," != null) { ",this.appendToBuffer(t,void 0,!0)," }"]),this.environment.isSimple&&this.pushSource(["else { ",this.appendToBuffer("''",void 0,!0)," }"])}},appendEscaped:function(){this.pushSource(this.appendToBuffer([this.aliasable("container.escapeExpression"),"(",this.popStack(),")"]))},getContext:function(t){this.lastContext=t},pushContext:function(){this.pushStackLiteral(this.contextName(this.lastContext))},lookupOnContext:function(t,e,n,i){var r=0;i||!this.options.compat||this.lastContext?this.pushContext():this.push(this.depthedLookup(t[r++])),this.resolvePath("context",t,r,e,n)},lookupBlockParam:function(t,e){this.useBlockParams=!0,this.push(["blockParams[",t[0],"][",t[1],"]"]),this.resolvePath("context",e,1)},lookupData:function(t,e,n){t?this.pushStackLiteral("container.data(data, "+t+")"):this.pushStackLiteral("data"),this.resolvePath("data",e,0,!0,n)},resolvePath:function(t,e,n,i,r){var s=this;if(this.options.strict||this.options.assumeObjects)this.push(function(t,e,n,i){var r=e.popStack(),s=0,a=n.length;for(t&&a--;s<a;s++)r=e.nameLookup(r,n[s],i);return t?[e.aliasable("container.strict"),"(",r,", ",e.quotedString(n[s]),", ",JSON.stringify(e.source.currentLocation)," )"]:r}(this.options.strict&&r,this,e,t));else for(var a=e.length;n<a;n++)this.replaceStack((function(r){var a=s.nameLookup(r,e[n],t);return i?[" && ",a]:[" != null ? ",a," : ",r]}))},resolvePossibleLambda:function(){this.push([this.aliasable("container.lambda"),"(",this.popStack(),", ",this.contextName(0),")"])},pushStringParam:function(t,e){this.pushContext(),this.pushString(e),"SubExpression"!==e&&("string"==typeof t?this.pushString(t):this.pushStackLiteral(t))},emptyHash:function(t){this.trackIds&&this.push("{}"),this.stringParams&&(this.push("{}"),this.push("{}")),this.pushStackLiteral(t?"undefined":"{}")},pushHash:function(){this.hash&&this.hashes.push(this.hash),this.hash={values:{},types:[],contexts:[],ids:[]}},popHash:function(){var t=this.hash;this.hash=this.hashes.pop(),this.trackIds&&this.push(this.objectLiteral(t.ids)),this.stringParams&&(this.push(this.objectLiteral(t.contexts)),this.push(this.objectLiteral(t.types))),this.push(this.objectLiteral(t.values))},pushString:function(t){this.pushStackLiteral(this.quotedString(t))},pushLiteral:function(t){this.pushStackLiteral(t)},pushProgram:function(t){null!=t?this.pushStackLiteral(this.programExpression(t)):this.pushStackLiteral(null)},registerDecorator:function(t,e){var n=this.nameLookup("decorators",e,"decorator"),i=this.setupHelperArgs(e,t);this.decorators.push(["fn = ",this.decorators.functionCall(n,"",["fn","props","container",i])," || fn;"])},invokeHelper:function(t,e,n){var i=this.popStack(),r=this.setupHelper(t,e),s=[];n&&s.push(r.name),s.push(i),this.options.strict||s.push(this.aliasable("container.hooks.helperMissing"));var a=["(",this.itemsSeparatedBy(s,"||"),")"],o=this.source.functionCall(a,"call",r.callParams);this.push(o)},itemsSeparatedBy:function(t,e){var n=[];n.push(t[0]);for(var i=1;i<t.length;i++)n.push(e,t[i]);return n},invokeKnownHelper:function(t,e){var n=this.setupHelper(t,e);this.push(this.source.functionCall(n.name,"call",n.callParams))},invokeAmbiguous:function(t,e){this.useRegister("helper");var n=this.popStack();this.emptyHash();var i=this.setupHelper(0,t,e),r=["(","(helper = ",this.lastHelper=this.nameLookup("helpers",t,"helper")," || ",n,")"];this.options.strict||(r[0]="(helper = ",r.push(" != null ? helper : ",this.aliasable("container.hooks.helperMissing"))),this.push(["(",r,i.paramsInit?["),(",i.paramsInit]:[],"),","(typeof helper === ",this.aliasable('"function"')," ? ",this.source.functionCall("helper","call",i.callParams)," : helper))"])},invokePartial:function(t,e,n){var i=[],r=this.setupParams(e,1,i);t&&(e=this.popStack(),delete r.name),n&&(r.indent=JSON.stringify(n)),r.helpers="helpers",r.partials="partials",r.decorators="container.decorators",t?i.unshift(e):i.unshift(this.nameLookup("partials",e,"partial")),this.options.compat&&(r.depths="depths"),r=this.objectLiteral(r),i.push(r),this.push(this.source.functionCall("container.invokePartial","",i))},assignToHash:function(t){var e=this.popStack(),n=void 0,i=void 0,r=void 0;this.trackIds&&(r=this.popStack()),this.stringParams&&(i=this.popStack(),n=this.popStack());var s=this.hash;n&&(s.contexts[t]=n),i&&(s.types[t]=i),r&&(s.ids[t]=r),s.values[t]=e},pushId:function(t,e,n){"BlockParam"===t?this.pushStackLiteral("blockParams["+e[0]+"].path["+e[1]+"]"+(n?" + "+JSON.stringify("."+n):"")):"PathExpression"===t?this.pushString(e):"SubExpression"===t?this.pushStackLiteral("true"):this.pushStackLiteral("null")},compiler:p,compileChildren:function(t,e){for(var n=t.children,i=void 0,r=void 0,s=0,a=n.length;s<a;s++){i=n[s],r=new this.compiler;var o=this.matchExistingProgram(i);if(null==o){this.context.programs.push("");var _=this.context.programs.length;i.index=_,i.name="program"+_,this.context.programs[_]=r.compile(i,e,this.context,!this.precompile),this.context.decorators[_]=r.decorators,this.context.environments[_]=i,this.useDepths=this.useDepths||r.useDepths,this.useBlockParams=this.useBlockParams||r.useBlockParams,i.useDepths=this.useDepths,i.useBlockParams=this.useBlockParams}else i.index=o.index,i.name="program"+o.index,this.useDepths=this.useDepths||o.useDepths,this.useBlockParams=this.useBlockParams||o.useBlockParams}},matchExistingProgram:function(t){for(var e=0,n=this.context.environments.length;e<n;e++){var i=this.context.environments[e];if(i&&i.equals(t))return i}},programExpression:function(t){var e=this.environment.children[t],n=[e.index,"data",e.blockParams];return(this.useBlockParams||this.useDepths)&&n.push("blockParams"),this.useDepths&&n.push("depths"),"container.program("+n.join(", ")+")"},useRegister:function(t){this.registers[t]||(this.registers[t]=!0,this.registers.list.push(t))},push:function(t){return t instanceof u||(t=this.source.wrap(t)),this.inlineStack.push(t),t},pushStackLiteral:function(t){this.push(new u(t))},pushSource:function(t){this.pendingContent&&(this.source.push(this.appendToBuffer(this.source.quotedString(this.pendingContent),this.pendingLocation)),this.pendingContent=void 0),t&&this.source.push(t)},replaceStack:function(t){var e=["("],n=void 0,i=void 0,r=void 0;if(!this.isInline())throw new a.default("replaceStack on non-inline");var s=this.popStack(!0);if(s instanceof u)e=["(",n=[s.value]],r=!0;else{i=!0;var o=this.incrStack();e=["((",this.push(o)," = ",s,")"],n=this.topStack()}var _=t.call(this,n);r||this.popStack(),i&&this.stackSlot--,this.push(e.concat(_,")"))},incrStack:function(){return this.stackSlot++,this.stackSlot>this.stackVars.length&&this.stackVars.push("stack"+this.stackSlot),this.topStackName()},topStackName:function(){return"stack"+this.stackSlot},flushInline:function(){var t=this.inlineStack;this.inlineStack=[];for(var e=0,n=t.length;e<n;e++){var i=t[e];if(i instanceof u)this.compileStack.push(i);else{var r=this.incrStack();this.pushSource([r," = ",i,";"]),this.compileStack.push(r)}}},isInline:function(){return this.inlineStack.length},popStack:function(t){var e=this.isInline(),n=(e?this.inlineStack:this.compileStack).pop();if(!t&&n instanceof u)return n.value;if(!e){if(!this.stackSlot)throw new a.default("Invalid stack pop");this.stackSlot--}return n},topStack:function(){var t=this.isInline()?this.inlineStack:this.compileStack,e=t[t.length-1];return e instanceof u?e.value:e},contextName:function(t){return this.useDepths&&t?"depths["+t+"]":"depth"+t},quotedString:function(t){return this.source.quotedString(t)},objectLiteral:function(t){return this.source.objectLiteral(t)},aliasable:function(t){var e=this.aliases[t];return e?(e.referenceCount++,e):((e=this.aliases[t]=this.source.wrap(t)).aliasable=!0,e.referenceCount=1,e)},setupHelper:function(t,e,n){var i=[];return{params:i,paramsInit:this.setupHelperArgs(e,t,i,n),name:this.nameLookup("helpers",e,"helper"),callParams:[this.aliasable(this.contextName(0)+" != null ? "+this.contextName(0)+" : (container.nullContext || {})")].concat(i)}},setupParams:function(t,e,n){var i={},r=[],s=[],a=[],o=!n,_=void 0;o&&(n=[]),i.name=this.quotedString(t),i.hash=this.popStack(),this.trackIds&&(i.hashIds=this.popStack()),this.stringParams&&(i.hashTypes=this.popStack(),i.hashContexts=this.popStack());var u=this.popStack(),p=this.popStack();(p||u)&&(i.fn=p||"container.noop",i.inverse=u||"container.noop");for(var l=e;l--;)_=this.popStack(),n[l]=_,this.trackIds&&(a[l]=this.popStack()),this.stringParams&&(s[l]=this.popStack(),r[l]=this.popStack());return o&&(i.args=this.source.generateArray(n)),this.trackIds&&(i.ids=this.source.generateArray(a)),this.stringParams&&(i.types=this.source.generateArray(s),i.contexts=this.source.generateArray(r)),this.options.data&&(i.data="data"),this.useBlockParams&&(i.blockParams="blockParams"),i},setupHelperArgs:function(t,e,n,i){var r=this.setupParams(t,e,n);return r.loc=JSON.stringify(this.source.currentLocation),r=this.objectLiteral(r),i?(this.useRegister("options"),n.push("options"),["options=",r]):n?(n.push(r),""):r}},function(){for(var t="break else new var case finally return void catch for switch while continue function this with default if throw delete in try do instanceof typeof abstract enum int short boolean export interface static byte extends long super char final native synchronized class float package throws const goto private transient debugger implements protected volatile double import public let yield await null true false".split(" "),e=p.RESERVED_WORDS={},n=0,i=t.length;n<i;n++)e[t[n]]=!0}(),p.isValidJavaScriptVariableName=function(t){return!p.RESERVED_WORDS[t]&&/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(t)},e.default=p,t.exports=e.default},function(t,e,n){"use strict";var i=n(13).default;e.__esModule=!0;var r=n(5),s=void 0;function a(t,e,n){if(r.isArray(t)){for(var i=[],s=0,a=t.length;s<a;s++)i.push(e.wrap(t[s],n));return i}return"boolean"==typeof t||"number"==typeof t?t+"":t}function o(t){this.srcFile=t,this.source=[]}s||((s=function(t,e,n,i){this.src="",i&&this.add(i)}).prototype={add:function(t){r.isArray(t)&&(t=t.join("")),this.src+=t},prepend:function(t){r.isArray(t)&&(t=t.join("")),this.src=t+this.src},toStringWithSourceMap:function(){return{code:this.toString()}},toString:function(){return this.src}}),o.prototype={isEmpty:function(){return!this.source.length},prepend:function(t,e){this.source.unshift(this.wrap(t,e))},push:function(t,e){this.source.push(this.wrap(t,e))},merge:function(){var t=this.empty();return this.each((function(e){t.add(["  ",e,"\n"])})),t},each:function(t){for(var e=0,n=this.source.length;e<n;e++)t(this.source[e])},empty:function(){var t=this.currentLocation||{start:{}};return new s(t.start.line,t.start.column,this.srcFile)},wrap:function(t){var e=arguments.length<=1||void 0===arguments[1]?this.currentLocation||{start:{}}:arguments[1];return t instanceof s?t:(t=a(t,this,e),new s(e.start.line,e.start.column,this.srcFile,t))},functionCall:function(t,e,n){return n=this.generateList(n),this.wrap([t,e?"."+e+"(":"(",n,")"])},quotedString:function(t){return'"'+(t+"").replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")+'"'},objectLiteral:function(t){var e=this,n=[];i(t).forEach((function(i){var r=a(t[i],e);"undefined"!==r&&n.push([e.quotedString(i),":",r])}));var r=this.generateList(n);return r.prepend("{"),r.add("}"),r},generateList:function(t){for(var e=this.empty(),n=0,i=t.length;n<i;n++)n&&e.add(","),e.add(a(t[n],this));return e},generateArray:function(t){var e=this.generateList(t);return e.prepend("["),e.add("]"),e}},e.default=o,t.exports=e.default}])},"object"===o(e)&&"object"===o(t)?t.exports=a():(r=[],void 0===(s="function"==typeof(i=a)?i.apply(e,r):i)||(t.exports=s))},391:function(t){function e(t){return!!t.constructor&&"function"==typeof t.constructor.isBuffer&&t.constructor.isBuffer(t)}t.exports=function(t){return null!=t&&(e(t)||function(t){return"function"==typeof t.readFloatLE&&"function"==typeof t.slice&&e(t.slice(0,0))}(t)||!!t._isBuffer)}},389:function(t){"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}t.exports=function(t){return null!=t&&("object"===e(t)||"function"==typeof t)}},388:function(t){"use strict";var e;t.exports=function(t){return"string"==typeof t&&(e||(e=new RegExp('^[\\s\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff"]+$'))).test(t)}},305:function(t,e,n){"use strict";var i=n(394),r=n(344),s=n(343),a={unformatted:["code","pre","em","strong","span"],indent_inner_html:!0,indent_char:" ",indent_size:2,sep:"\n"};t.exports=function(t,e){var n=s({},a,e);return t=i.html(t,n),!0===n.ocd?(n.newlines&&(n.sep=n.newlines),function(t,e){return r(t,e).replace(/^\s+/g,"").replace(/\s+$/g,"\n").replace(/(\s*<!--)/g,"\n$1").replace(/>(\s*)(?=<!--\s*\/)/g,"> ")}(t,n)):t}},394:function(t,e,n){"use strict";var i,r;i=[n(386),n(387),n(395)],void 0===(r=function(t,e,n){return function(t,e,n){var i=function(e,n){return t.js_beautify(e,n)};return i.js=t.js_beautify,i.css=e.css_beautify,i.html=n.html_beautify,i.js_beautify=t.js_beautify,i.css_beautify=e.css_beautify,i.html_beautify=n.html_beautify,i}(t,e,n)}.apply(e,i))||(t.exports=r)},387:function(t,e){var n;function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}!function(){var r;!function(){"use strict";var t=[,,function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var r=this.__lines[i];if(r.is_empty())break;if(0!==r.item(0).indexOf(t)&&r.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},,,,function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,i={};for(n in t=r(t))n!==e&&(i[n]=t[n]);if(e&&t[e])for(n in t[e])i[n]=t[e][n];return i}function r(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],r=e||[];return"object"===i(n)?null!==n&&"function"==typeof n.concat&&(r=n.concat()):"string"==typeof n&&(r=n.split(/[^a-zA-Z0-9_\/\-]+/)),r},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=r,t.exports.mergeOpts=n},,function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,r="";return t&&(i=this.match(t))&&(r+=i[0]),!e||!i&&t||(r+=this.readUntil(e,n)),r},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var r=t.exec(this.__input);return r?(i=r.index,e&&(i+=r[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,r="g";return n&&e&&(r="y"),"string"==typeof t&&""!==t?i=new RegExp(t,r):t&&(i=new RegExp(t.source,r)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},,,,,function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},,function(t,e,n){var i=n(16).Beautifier,r=n(17).Options;t.exports=function(t,e){return new i(t,e).beautify()},t.exports.defaultOptions=function(){return new r}},function(t,e,n){var i=n(17).Options,r=n(2).Output,s=n(8).InputScanner,a=new(0,n(13).Directives)(/\/\*/,/\*\//),o=/\r\n|[\r\n]/,_=/\r\n|[\r\n]/g,u=/\s/,p=/(?:\s|\n)+/g,l=/\/\*(?:[\s\S]*?)((?:\*\/)|$)/g,h=/\/\/(?:[^\n\r\u2028\u2029]*)/g;function c(t,e){this._source_text=t||"",this._options=new i(e),this._ch=null,this._input=null,this.NESTED_AT_RULE={"@page":!0,"@font-face":!0,"@keyframes":!0,"@media":!0,"@supports":!0,"@document":!0},this.CONDITIONAL_GROUP_RULE={"@media":!0,"@supports":!0,"@document":!0},this.NON_SEMICOLON_NEWLINE_PROPERTY=["grid-template-areas","grid-template"]}c.prototype.eatString=function(t){var e="";for(this._ch=this._input.next();this._ch;){if(e+=this._ch,"\\"===this._ch)e+=this._input.next();else if(-1!==t.indexOf(this._ch)||"\n"===this._ch)break;this._ch=this._input.next()}return e},c.prototype.eatWhitespace=function(t){for(var e=u.test(this._input.peek()),n=0;u.test(this._input.peek());)this._ch=this._input.next(),t&&"\n"===this._ch&&(0===n||n<this._options.max_preserve_newlines)&&(n++,this._output.add_new_line(!0));return e},c.prototype.foundNestedPseudoClass=function(){for(var t=0,e=1,n=this._input.peek(e);n;){if("{"===n)return!0;if("("===n)t+=1;else if(")"===n){if(0===t)return!1;t-=1}else if(";"===n||"}"===n)return!1;e++,n=this._input.peek(e)}return!1},c.prototype.print_string=function(t){this._output.set_indent(this._indentLevel),this._output.non_breaking_space=!0,this._output.add_token(t)},c.prototype.preserveSingleSpace=function(t){t&&(this._output.space_before_token=!0)},c.prototype.indent=function(){this._indentLevel++},c.prototype.outdent=function(){this._indentLevel>0&&this._indentLevel--},c.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._source_text,e=this._options.eol;"auto"===e&&(e="\n",t&&o.test(t||"")&&(e=t.match(o)[0]));var n=(t=t.replace(_,"\n")).match(/^[\t ]*/)[0];this._output=new r(this._options,n),this._input=new s(t),this._indentLevel=0,this._nestedLevel=0,this._ch=null;for(var i,c,d=0,f=!1,g=!1,m=!1,y=!1,b=!1,v=!1,k=this._ch,w=!1;i=""!==this._input.read(p),c=k,this._ch=this._input.next(),"\\"===this._ch&&this._input.hasNext()&&(this._ch+=this._input.next()),k=this._ch,this._ch;)if("/"===this._ch&&"*"===this._input.peek()){this._output.add_new_line(),this._input.back();var x=this._input.read(l),S=a.get_directives(x);S&&"start"===S.ignore&&(x+=a.readIgnored(this._input)),this.print_string(x),this.eatWhitespace(!0),this._output.add_new_line()}else if("/"===this._ch&&"/"===this._input.peek())this._output.space_before_token=!0,this._input.back(),this.print_string(this._input.read(h)),this.eatWhitespace(!0);else if("@"===this._ch||"$"===this._ch)if(this.preserveSingleSpace(i),"{"===this._input.peek())this.print_string(this._ch+this.eatString("}"));else{this.print_string(this._ch);var E=this._input.peekUntilAfter(/[: ,;{}()[\]\/='"]/g);E.match(/[ :]$/)&&(E=this.eatString(": ").replace(/\s$/,""),this.print_string(E),this._output.space_before_token=!0),"extend"===(E=E.replace(/\s$/,""))?y=!0:"import"===E&&(b=!0),E in this.NESTED_AT_RULE?(this._nestedLevel+=1,E in this.CONDITIONAL_GROUP_RULE&&(m=!0)):f||0!==d||-1===E.indexOf(":")||(g=!0,this.indent())}else if("#"===this._ch&&"{"===this._input.peek())this.preserveSingleSpace(i),this.print_string(this._ch+this.eatString("}"));else if("{"===this._ch)g&&(g=!1,this.outdent()),m?(m=!1,f=this._indentLevel>=this._nestedLevel):f=this._indentLevel>=this._nestedLevel-1,this._options.newline_between_rules&&f&&this._output.previous_line&&"{"!==this._output.previous_line.item(-1)&&this._output.ensure_empty_line_above("/",","),this._output.space_before_token=!0,"expand"===this._options.brace_style?(this._output.add_new_line(),this.print_string(this._ch),this.indent(),this._output.set_indent(this._indentLevel)):("("===c?this._output.space_before_token=!1:","!==c&&this.indent(),this.print_string(this._ch)),this.eatWhitespace(!0),this._output.add_new_line();else if("}"===this._ch)this.outdent(),this._output.add_new_line(),"{"===c&&this._output.trim(!0),b=!1,y=!1,g&&(this.outdent(),g=!1),this.print_string(this._ch),f=!1,this._nestedLevel&&this._nestedLevel--,this.eatWhitespace(!0),this._output.add_new_line(),this._options.newline_between_rules&&!this._output.just_added_blankline()&&"}"!==this._input.peek()&&this._output.add_new_line(!0),")"===this._input.peek()&&(this._output.trim(!0),"expand"===this._options.brace_style&&this._output.add_new_line(!0));else if(":"===this._ch){for(var O=0;O<this.NON_SEMICOLON_NEWLINE_PROPERTY.length;O++)if(this._input.lookBack(this.NON_SEMICOLON_NEWLINE_PROPERTY[O])){w=!0;break}!f&&!m||this._input.lookBack("&")||this.foundNestedPseudoClass()||this._input.lookBack("(")||y||0!==d?(this._input.lookBack(" ")&&(this._output.space_before_token=!0),":"===this._input.peek()?(this._ch=this._input.next(),this.print_string("::")):this.print_string(":")):(this.print_string(":"),g||(g=!0,this._output.space_before_token=!0,this.eatWhitespace(!0),this.indent()))}else if('"'===this._ch||"'"===this._ch){var P='"'===c||"'"===c;this.preserveSingleSpace(P||i),this.print_string(this._ch+this.eatString(this._ch)),this.eatWhitespace(!0)}else if(";"===this._ch)w=!1,0===d?(g&&(this.outdent(),g=!1),y=!1,b=!1,this.print_string(this._ch),this.eatWhitespace(!0),"/"!==this._input.peek()&&this._output.add_new_line()):(this.print_string(this._ch),this.eatWhitespace(!0),this._output.space_before_token=!0);else if("("===this._ch)if(this._input.lookBack("url"))this.print_string(this._ch),this.eatWhitespace(),d++,this.indent(),this._ch=this._input.next(),")"===this._ch||'"'===this._ch||"'"===this._ch?this._input.back():this._ch&&(this.print_string(this._ch+this.eatString(")")),d&&(d--,this.outdent()));else{var A=!1;this._input.lookBack("with")&&(A=!0),this.preserveSingleSpace(i||A),this.print_string(this._ch),g&&"$"===c&&this._options.selector_separator_newline?(this._output.add_new_line(),v=!0):(this.eatWhitespace(),d++,this.indent())}else if(")"===this._ch)d&&(d--,this.outdent()),v&&";"===this._input.peek()&&this._options.selector_separator_newline&&(v=!1,this.outdent(),this._output.add_new_line()),this.print_string(this._ch);else if(","===this._ch)this.print_string(this._ch),this.eatWhitespace(!0),!this._options.selector_separator_newline||g&&!v||0!==d||b||y?this._output.space_before_token=!0:this._output.add_new_line();else if(">"!==this._ch&&"+"!==this._ch&&"~"!==this._ch||g||0!==d)if("]"===this._ch)this.print_string(this._ch);else if("["===this._ch)this.preserveSingleSpace(i),this.print_string(this._ch);else if("="===this._ch)this.eatWhitespace(),this.print_string("="),u.test(this._ch)&&(this._ch="");else if("!"!==this._ch||this._input.lookBack("\\")){var T='"'===c||"'"===c;this.preserveSingleSpace(T||i),this.print_string(this._ch),!this._output.just_added_newline()&&"\n"===this._input.peek()&&w&&this._output.add_new_line()}else this._output.space_before_token=!0,this.print_string(this._ch);else this._options.space_around_combinator?(this._output.space_before_token=!0,this.print_string(this._ch),this._output.space_before_token=!0):(this.print_string(this._ch),this.eatWhitespace(),this._ch&&u.test(this._ch)&&(this._ch=""));return this._output.get_code(e)},t.exports.Beautifier=c},function(t,e,n){var i=n(6).Options;function r(t){i.call(this,t,"css"),this.selector_separator_newline=this._get_boolean("selector_separator_newline",!0),this.newline_between_rules=this._get_boolean("newline_between_rules",!0);var e=this._get_boolean("space_around_selector_separator");this.space_around_combinator=this._get_boolean("space_around_combinator")||e;var n=this._get_selection_list("brace_style",["collapse","expand","end-expand","none","preserve-inline"]);this.brace_style="collapse";for(var r=0;r<n.length;r++)"expand"!==n[r]?this.brace_style="collapse":this.brace_style=n[r]}r.prototype=new i,t.exports.Options=r}],e={};var n=function n(i){var r=e[i];if(void 0!==r)return r.exports;var s=e[i]={exports:{}};return t[i](s,s.exports,n),s.exports}(15);r=n}();var s=r;void 0===(n=function(){return{css_beautify:s}}.apply(e,[]))||(t.exports=n)}()},395:function(t,e,n){var i,r;function s(t){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},s(t)}!function(){var a;!function(){"use strict";var t=[,,function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var r=this.__lines[i];if(r.is_empty())break;if(0!==r.item(0).indexOf(t)&&r.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},function(t){t.exports.Token=function(t,e,n,i){this.type=t,this.text=e,this.comments_before=null,this.newlines=n||0,this.whitespace_before=i||"",this.parent=null,this.next=null,this.previous=null,this.opened=null,this.closed=null,this.directives=null}},,,function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,r={};for(n in t=i(t))n!==e&&(r[n]=t[n]);if(e&&t[e])for(n in t[e])r[n]=t[e][n];return r}function i(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],i=e||[];return"object"===s(n)?null!==n&&"function"==typeof n.concat&&(i=n.concat()):"string"==typeof n&&(i=n.split(/[^a-zA-Z0-9_\/\-]+/)),i},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=i,t.exports.mergeOpts=n},,function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,r="";return t&&(i=this.match(t))&&(r+=i[0]),!e||!i&&t||(r+=this.readUntil(e,n)),r},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var r=t.exec(this.__input);return r?(i=r.index,e&&(i+=r[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,r="g";return n&&e&&(r="y"),"string"==typeof t&&""!==t?i=new RegExp(t,r):t&&(i=new RegExp(t.source,r)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},function(t,e,n){var i=n(8).InputScanner,r=n(3).Token,s=n(10).TokenStream,a=n(11).WhitespacePattern,o={START:"TK_START",RAW:"TK_RAW",EOF:"TK_EOF"},_=function(t,e){this._input=new i(t),this._options=e||{},this.__tokens=null,this._patterns={},this._patterns.whitespace=new a(this._input)};_.prototype.tokenize=function(){var t;this._input.restart(),this.__tokens=new s,this._reset();for(var e=new r(o.START,""),n=null,i=[],a=new s;e.type!==o.EOF;){for(t=this._get_next_token(e,n);this._is_comment(t);)a.add(t),t=this._get_next_token(e,n);a.isEmpty()||(t.comments_before=a,a=new s),t.parent=n,this._is_opening(t)?(i.push(n),n=t):n&&this._is_closing(t,n)&&(t.opened=n,n.closed=t,n=i.pop(),t.parent=n),t.previous=e,e.next=t,this.__tokens.add(t),e=t}return this.__tokens},_.prototype._is_first_token=function(){return this.__tokens.isEmpty()},_.prototype._reset=function(){},_.prototype._get_next_token=function(t,e){this._readWhitespace();var n=this._input.read(/.+/g);return n?this._create_token(o.RAW,n):this._create_token(o.EOF,"")},_.prototype._is_comment=function(t){return!1},_.prototype._is_opening=function(t){return!1},_.prototype._is_closing=function(t,e){return!1},_.prototype._create_token=function(t,e){return new r(t,e,this._patterns.whitespace.newline_count,this._patterns.whitespace.whitespace_before_token)},_.prototype._readWhitespace=function(){return this._patterns.whitespace.read()},t.exports.Tokenizer=_,t.exports.TOKEN=o},function(t){function e(t){this.__tokens=[],this.__tokens_length=this.__tokens.length,this.__position=0,this.__parent_token=t}e.prototype.restart=function(){this.__position=0},e.prototype.isEmpty=function(){return 0===this.__tokens_length},e.prototype.hasNext=function(){return this.__position<this.__tokens_length},e.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__tokens[this.__position],this.__position+=1),t},e.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__tokens_length&&(e=this.__tokens[t]),e},e.prototype.add=function(t){this.__parent_token&&(t.parent=this.__parent_token),this.__tokens.push(t),this.__tokens_length+=1},t.exports.TokenStream=e},function(t,e,n){var i=n(12).Pattern;function r(t,e){i.call(this,t,e),e?this._line_regexp=this._input.get_regexp(e._line_regexp):this.__set_whitespace_patterns("",""),this.newline_count=0,this.whitespace_before_token=""}r.prototype=new i,r.prototype.__set_whitespace_patterns=function(t,e){t+="\\t ",e+="\\n\\r",this._match_pattern=this._input.get_regexp("["+t+e+"]+",!0),this._newline_regexp=this._input.get_regexp("\\r\\n|["+e+"]")},r.prototype.read=function(){this.newline_count=0,this.whitespace_before_token="";var t=this._input.read(this._match_pattern);if(" "===t)this.whitespace_before_token=" ";else if(t){var e=this.__split(this._newline_regexp,t);this.newline_count=e.length-1,this.whitespace_before_token=e[this.newline_count]}return t},r.prototype.matching=function(t,e){var n=this._create();return n.__set_whitespace_patterns(t,e),n._update(),n},r.prototype._create=function(){return new r(this._input,this)},r.prototype.__split=function(t,e){t.lastIndex=0;for(var n=0,i=[],r=t.exec(e);r;)i.push(e.substring(n,r.index)),n=r.index+r[0].length,r=t.exec(e);return n<e.length?i.push(e.substring(n,e.length)):i.push(""),i},t.exports.WhitespacePattern=r},function(t){function e(t,e){this._input=t,this._starting_pattern=null,this._match_pattern=null,this._until_pattern=null,this._until_after=!1,e&&(this._starting_pattern=this._input.get_regexp(e._starting_pattern,!0),this._match_pattern=this._input.get_regexp(e._match_pattern,!0),this._until_pattern=this._input.get_regexp(e._until_pattern),this._until_after=e._until_after)}e.prototype.read=function(){var t=this._input.read(this._starting_pattern);return this._starting_pattern&&!t||(t+=this._input.read(this._match_pattern,this._until_pattern,this._until_after)),t},e.prototype.read_match=function(){return this._input.match(this._match_pattern)},e.prototype.until_after=function(t){var e=this._create();return e._until_after=!0,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.until=function(t){var e=this._create();return e._until_after=!1,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.starting_with=function(t){var e=this._create();return e._starting_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype.matching=function(t){var e=this._create();return e._match_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype._create=function(){return new e(this._input,this)},e.prototype._update=function(){},t.exports.Pattern=e},function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},function(t,e,n){var i=n(12).Pattern,r={django:!1,erb:!1,handlebars:!1,php:!1,smarty:!1};function s(t,e){i.call(this,t,e),this.__template_pattern=null,this._disabled=Object.assign({},r),this._excluded=Object.assign({},r),e&&(this.__template_pattern=this._input.get_regexp(e.__template_pattern),this._excluded=Object.assign(this._excluded,e._excluded),this._disabled=Object.assign(this._disabled,e._disabled));var n=new i(t);this.__patterns={handlebars_comment:n.starting_with(/{{!--/).until_after(/--}}/),handlebars_unescaped:n.starting_with(/{{{/).until_after(/}}}/),handlebars:n.starting_with(/{{/).until_after(/}}/),php:n.starting_with(/<\?(?:[= ]|php)/).until_after(/\?>/),erb:n.starting_with(/<%[^%]/).until_after(/[^%]%>/),django:n.starting_with(/{%/).until_after(/%}/),django_value:n.starting_with(/{{/).until_after(/}}/),django_comment:n.starting_with(/{#/).until_after(/#}/),smarty:n.starting_with(/{(?=[^}{\s\n])/).until_after(/[^\s\n]}/),smarty_comment:n.starting_with(/{\*/).until_after(/\*}/),smarty_literal:n.starting_with(/{literal}/).until_after(/{\/literal}/)}}s.prototype=new i,s.prototype._create=function(){return new s(this._input,this)},s.prototype._update=function(){this.__set_templated_pattern()},s.prototype.disable=function(t){var e=this._create();return e._disabled[t]=!0,e._update(),e},s.prototype.read_options=function(t){var e=this._create();for(var n in r)e._disabled[n]=-1===t.templating.indexOf(n);return e._update(),e},s.prototype.exclude=function(t){var e=this._create();return e._excluded[t]=!0,e._update(),e},s.prototype.read=function(){var t="";t=this._match_pattern?this._input.read(this._starting_pattern):this._input.read(this._starting_pattern,this.__template_pattern);for(var e=this._read_template();e;)this._match_pattern?e+=this._input.read(this._match_pattern):e+=this._input.readUntil(this.__template_pattern),t+=e,e=this._read_template();return this._until_after&&(t+=this._input.readUntilAfter(this._until_pattern)),t},s.prototype.__set_templated_pattern=function(){var t=[];this._disabled.php||t.push(this.__patterns.php._starting_pattern.source),this._disabled.handlebars||t.push(this.__patterns.handlebars._starting_pattern.source),this._disabled.erb||t.push(this.__patterns.erb._starting_pattern.source),this._disabled.django||(t.push(this.__patterns.django._starting_pattern.source),t.push(this.__patterns.django_value._starting_pattern.source),t.push(this.__patterns.django_comment._starting_pattern.source)),this._disabled.smarty||t.push(this.__patterns.smarty._starting_pattern.source),this._until_pattern&&t.push(this._until_pattern.source),this.__template_pattern=this._input.get_regexp("(?:"+t.join("|")+")")},s.prototype._read_template=function(){var t="",e=this._input.peek();if("<"===e){var n=this._input.peek(1);this._disabled.php||this._excluded.php||"?"!==n||(t=t||this.__patterns.php.read()),this._disabled.erb||this._excluded.erb||"%"!==n||(t=t||this.__patterns.erb.read())}else"{"===e&&(this._disabled.handlebars||this._excluded.handlebars||(t=(t=(t=t||this.__patterns.handlebars_comment.read())||this.__patterns.handlebars_unescaped.read())||this.__patterns.handlebars.read()),this._disabled.django||(this._excluded.django||this._excluded.handlebars||(t=t||this.__patterns.django_value.read()),this._excluded.django||(t=(t=t||this.__patterns.django_comment.read())||this.__patterns.django.read())),this._disabled.smarty||this._disabled.django&&this._disabled.handlebars&&(t=(t=(t=t||this.__patterns.smarty_comment.read())||this.__patterns.smarty_literal.read())||this.__patterns.smarty.read()));return t},t.exports.TemplatablePattern=s},,,,function(t,e,n){var i=n(19).Beautifier,r=n(20).Options;t.exports=function(t,e,n,r){return new i(t,e,n,r).beautify()},t.exports.defaultOptions=function(){return new r}},function(t,e,n){var i=n(20).Options,r=n(2).Output,s=n(21).Tokenizer,a=n(21).TOKEN,o=/\r\n|[\r\n]/,_=/\r\n|[\r\n]/g,u=function(t,e){this.indent_level=0,this.alignment_size=0,this.max_preserve_newlines=t.max_preserve_newlines,this.preserve_newlines=t.preserve_newlines,this._output=new r(t,e)};u.prototype.current_line_has_match=function(t){return this._output.current_line.has_match(t)},u.prototype.set_space_before_token=function(t,e){this._output.space_before_token=t,this._output.non_breaking_space=e},u.prototype.set_wrap_point=function(){this._output.set_indent(this.indent_level,this.alignment_size),this._output.set_wrap_point()},u.prototype.add_raw_token=function(t){this._output.add_raw_token(t)},u.prototype.print_preserved_newlines=function(t){var e=0;t.type!==a.TEXT&&t.previous.type!==a.TEXT&&(e=t.newlines?1:0),this.preserve_newlines&&(e=t.newlines<this.max_preserve_newlines+1?t.newlines:this.max_preserve_newlines+1);for(var n=0;n<e;n++)this.print_newline(n>0);return 0!==e},u.prototype.traverse_whitespace=function(t){return!(!t.whitespace_before&&!t.newlines)&&(this.print_preserved_newlines(t)||(this._output.space_before_token=!0),!0)},u.prototype.previous_token_wrapped=function(){return this._output.previous_token_wrapped},u.prototype.print_newline=function(t){this._output.add_new_line(t)},u.prototype.print_token=function(t){t.text&&(this._output.set_indent(this.indent_level,this.alignment_size),this._output.add_token(t.text))},u.prototype.indent=function(){this.indent_level++},u.prototype.get_full_indent=function(t){return(t=this.indent_level+(t||0))<1?"":this._output.get_indent_string(t)};var p=function(t,e){var n=null,i=null;return e.closed?("script"===t?n="text/javascript":"style"===t&&(n="text/css"),n=function(t){for(var e=null,n=t.next;n.type!==a.EOF&&t.closed!==n;){if(n.type===a.ATTRIBUTE&&"type"===n.text){n.next&&n.next.type===a.EQUALS&&n.next.next&&n.next.next.type===a.VALUE&&(e=n.next.next.text);break}n=n.next}return e}(e)||n,n.search("text/css")>-1?i="css":n.search(/module|((text|application|dojo)\/(x-)?(javascript|ecmascript|jscript|livescript|(ld\+)?json|method|aspect))/)>-1?i="javascript":n.search(/(text|application|dojo)\/(x-)?(html)/)>-1?i="html":n.search(/test\/null/)>-1&&(i="null"),i):null};function l(t,e){return-1!==e.indexOf(t)}function h(t,e,n){this.parent=t||null,this.tag=e?e.tag_name:"",this.indent_level=n||0,this.parser_token=e||null}function c(t){this._printer=t,this._current_frame=null}function d(t,e,n,r){this._source_text=t||"",e=e||{},this._js_beautify=n,this._css_beautify=r,this._tag_stack=null;var s=new i(e,"html");this._options=s,this._is_wrap_attributes_force="force"===this._options.wrap_attributes.substr(0,"force".length),this._is_wrap_attributes_force_expand_multiline="force-expand-multiline"===this._options.wrap_attributes,this._is_wrap_attributes_force_aligned="force-aligned"===this._options.wrap_attributes,this._is_wrap_attributes_aligned_multiple="aligned-multiple"===this._options.wrap_attributes,this._is_wrap_attributes_preserve="preserve"===this._options.wrap_attributes.substr(0,"preserve".length),this._is_wrap_attributes_preserve_aligned="preserve-aligned"===this._options.wrap_attributes}c.prototype.get_parser_token=function(){return this._current_frame?this._current_frame.parser_token:null},c.prototype.record_tag=function(t){var e=new h(this._current_frame,t,this._printer.indent_level);this._current_frame=e},c.prototype._try_pop_frame=function(t){var e=null;return t&&(e=t.parser_token,this._printer.indent_level=t.indent_level,this._current_frame=t.parent),e},c.prototype._get_frame=function(t,e){for(var n=this._current_frame;n&&-1===t.indexOf(n.tag);){if(e&&-1!==e.indexOf(n.tag)){n=null;break}n=n.parent}return n},c.prototype.try_pop=function(t,e){var n=this._get_frame([t],e);return this._try_pop_frame(n)},c.prototype.indent_to_tag=function(t){var e=this._get_frame(t);e&&(this._printer.indent_level=e.indent_level)},d.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._source_text,e=this._options.eol;"auto"===this._options.eol&&(e="\n",t&&o.test(t)&&(e=t.match(o)[0]));var n=(t=t.replace(_,"\n")).match(/^[\t ]*/)[0],i={text:"",type:""},r=new f,p=new u(this._options,n),l=new s(t,this._options).tokenize();this._tag_stack=new c(p);for(var h=null,d=l.next();d.type!==a.EOF;)d.type===a.TAG_OPEN||d.type===a.COMMENT?r=h=this._handle_tag_open(p,d,r,i):d.type===a.ATTRIBUTE||d.type===a.EQUALS||d.type===a.VALUE||d.type===a.TEXT&&!r.tag_complete?h=this._handle_inside_tag(p,d,r,l):d.type===a.TAG_CLOSE?h=this._handle_tag_close(p,d,r):d.type===a.TEXT?h=this._handle_text(p,d,r):p.add_raw_token(d),i=h,d=l.next();return p._output.get_code(e)},d.prototype._handle_tag_close=function(t,e,n){var i={text:e.text,type:e.type};return t.alignment_size=0,n.tag_complete=!0,t.set_space_before_token(e.newlines||""!==e.whitespace_before,!0),n.is_unformatted?t.add_raw_token(e):("<"===n.tag_start_char&&(t.set_space_before_token("/"===e.text[0],!0),this._is_wrap_attributes_force_expand_multiline&&n.has_wrapped_attrs&&t.print_newline(!1)),t.print_token(e)),!n.indent_content||n.is_unformatted||n.is_content_unformatted||(t.indent(),n.indent_content=!1),n.is_inline_element||n.is_unformatted||n.is_content_unformatted||t.set_wrap_point(),i},d.prototype._handle_inside_tag=function(t,e,n,i){var r=n.has_wrapped_attrs,s={text:e.text,type:e.type};if(t.set_space_before_token(e.newlines||""!==e.whitespace_before,!0),n.is_unformatted)t.add_raw_token(e);else if("{"===n.tag_start_char&&e.type===a.TEXT)t.print_preserved_newlines(e)?(e.newlines=0,t.add_raw_token(e)):t.print_token(e);else{if(e.type===a.ATTRIBUTE?(t.set_space_before_token(!0),n.attr_count+=1):(e.type===a.EQUALS||e.type===a.VALUE&&e.previous.type===a.EQUALS)&&t.set_space_before_token(!1),e.type===a.ATTRIBUTE&&"<"===n.tag_start_char&&((this._is_wrap_attributes_preserve||this._is_wrap_attributes_preserve_aligned)&&(t.traverse_whitespace(e),r=r||0!==e.newlines),this._is_wrap_attributes_force)){var o=n.attr_count>1;if(this._is_wrap_attributes_force_expand_multiline&&1===n.attr_count){var _,u=!0,p=0;do{if((_=i.peek(p)).type===a.ATTRIBUTE){u=!1;break}p+=1}while(p<4&&_.type!==a.EOF&&_.type!==a.TAG_CLOSE);o=!u}o&&(t.print_newline(!1),r=!0)}t.print_token(e),r=r||t.previous_token_wrapped(),n.has_wrapped_attrs=r}return s},d.prototype._handle_text=function(t,e,n){var i={text:e.text,type:"TK_CONTENT"};return n.custom_beautifier_name?this._print_custom_beatifier_text(t,e,n):n.is_unformatted||n.is_content_unformatted?t.add_raw_token(e):(t.traverse_whitespace(e),t.print_token(e)),i},d.prototype._print_custom_beatifier_text=function(t,e,n){var i=this;if(""!==e.text){var r,s=e.text,a=1,o="",_="";"javascript"===n.custom_beautifier_name&&"function"==typeof this._js_beautify?r=this._js_beautify:"css"===n.custom_beautifier_name&&"function"==typeof this._css_beautify?r=this._css_beautify:"html"===n.custom_beautifier_name&&(r=function(t,e){return new d(t,e,i._js_beautify,i._css_beautify).beautify()}),"keep"===this._options.indent_scripts?a=0:"separate"===this._options.indent_scripts&&(a=-t.indent_level);var u=t.get_full_indent(a);if(s=s.replace(/\n[ \t]*$/,""),"html"!==n.custom_beautifier_name&&"<"===s[0]&&s.match(/^(<!--|<!\[CDATA\[)/)){var p=/^(<!--[^\n]*|<!\[CDATA\[)(\n?)([ \t\n]*)([\s\S]*)(-->|]]>)$/.exec(s);if(!p)return void t.add_raw_token(e);o=u+p[1]+"\n",s=p[4],p[5]&&(_=u+p[5]),s=s.replace(/\n[ \t]*$/,""),(p[2]||-1!==p[3].indexOf("\n"))&&(p=p[3].match(/[ \t]+$/))&&(e.whitespace_before=p[0])}if(s)if(r){var l=function(){this.eol="\n"};l.prototype=this._options.raw_options,s=r(u+s,new l)}else{var h=e.whitespace_before;h&&(s=s.replace(new RegExp("\n("+h+")?","g"),"\n")),s=u+s.replace(/\n/g,"\n"+u)}o&&(s=s?o+s+"\n"+_:o+_),t.print_newline(!1),s&&(e.text=s,e.whitespace_before="",e.newlines=0,t.add_raw_token(e),t.print_newline(!0))}},d.prototype._handle_tag_open=function(t,e,n,i){var r=this._get_tag_open_token(e);return!n.is_unformatted&&!n.is_content_unformatted||n.is_empty_element||e.type!==a.TAG_OPEN||0!==e.text.indexOf("</")?(t.traverse_whitespace(e),this._set_tag_position(t,e,r,n,i),r.is_inline_element||t.set_wrap_point(),t.print_token(e)):(t.add_raw_token(e),r.start_tag_token=this._tag_stack.try_pop(r.tag_name)),(this._is_wrap_attributes_force_aligned||this._is_wrap_attributes_aligned_multiple||this._is_wrap_attributes_preserve_aligned)&&(r.alignment_size=e.text.length+1),r.tag_complete||r.is_unformatted||(t.alignment_size=r.alignment_size),r};var f=function(t,e){if(this.parent=t||null,this.text="",this.type="TK_TAG_OPEN",this.tag_name="",this.is_inline_element=!1,this.is_unformatted=!1,this.is_content_unformatted=!1,this.is_empty_element=!1,this.is_start_tag=!1,this.is_end_tag=!1,this.indent_content=!1,this.multiline_content=!1,this.custom_beautifier_name=null,this.start_tag_token=null,this.attr_count=0,this.has_wrapped_attrs=!1,this.alignment_size=0,this.tag_complete=!1,this.tag_start_char="",this.tag_check="",e){var n;this.tag_start_char=e.text[0],this.text=e.text,"<"===this.tag_start_char?(n=e.text.match(/^<([^\s>]*)/),this.tag_check=n?n[1]:""):(n=e.text.match(/^{{~?(?:[\^]|#\*?)?([^\s}]+)/),this.tag_check=n?n[1]:"",(e.text.startsWith("{{#>")||e.text.startsWith("{{~#>"))&&">"===this.tag_check[0]&&(">"===this.tag_check&&null!==e.next?this.tag_check=e.next.text.split(" ")[0]:this.tag_check=e.text.split(">")[1])),this.tag_check=this.tag_check.toLowerCase(),e.type===a.COMMENT&&(this.tag_complete=!0),this.is_start_tag="/"!==this.tag_check.charAt(0),this.tag_name=this.is_start_tag?this.tag_check:this.tag_check.substr(1),this.is_end_tag=!this.is_start_tag||e.closed&&"/>"===e.closed.text;var i=2;"{"===this.tag_start_char&&this.text.length>=3&&"~"===this.text.charAt(2)&&(i=3),this.is_end_tag=this.is_end_tag||"{"===this.tag_start_char&&(this.text.length<3||/[^#\^]/.test(this.text.charAt(i)))}else this.tag_complete=!0};d.prototype._get_tag_open_token=function(t){var e=new f(this._tag_stack.get_parser_token(),t);return e.alignment_size=this._options.wrap_attributes_indent_size,e.is_end_tag=e.is_end_tag||l(e.tag_check,this._options.void_elements),e.is_empty_element=e.tag_complete||e.is_start_tag&&e.is_end_tag,e.is_unformatted=!e.tag_complete&&l(e.tag_check,this._options.unformatted),e.is_content_unformatted=!e.is_empty_element&&l(e.tag_check,this._options.content_unformatted),e.is_inline_element=l(e.tag_name,this._options.inline)||e.tag_name.includes("-")||"{"===e.tag_start_char,e},d.prototype._set_tag_position=function(t,e,n,i,r){if(n.is_empty_element||(n.is_end_tag?n.start_tag_token=this._tag_stack.try_pop(n.tag_name):(this._do_optional_end_element(n)&&(n.is_inline_element||t.print_newline(!1)),this._tag_stack.record_tag(n),"script"!==n.tag_name&&"style"!==n.tag_name||n.is_unformatted||n.is_content_unformatted||(n.custom_beautifier_name=p(n.tag_check,e)))),l(n.tag_check,this._options.extra_liners)&&(t.print_newline(!1),t._output.just_added_blankline()||t.print_newline(!0)),n.is_empty_element){if("{"===n.tag_start_char&&"else"===n.tag_check)this._tag_stack.indent_to_tag(["if","unless","each"]),n.indent_content=!0,t.current_line_has_match(/{{#if/)||t.print_newline(!1);"!--"===n.tag_name&&r.type===a.TAG_CLOSE&&i.is_end_tag&&-1===n.text.indexOf("\n")||(n.is_inline_element||n.is_unformatted||t.print_newline(!1),this._calcluate_parent_multiline(t,n))}else if(n.is_end_tag){var s=!1;s=(s=n.start_tag_token&&n.start_tag_token.multiline_content)||!n.is_inline_element&&!(i.is_inline_element||i.is_unformatted)&&!(r.type===a.TAG_CLOSE&&n.start_tag_token===i)&&"TK_CONTENT"!==r.type,(n.is_content_unformatted||n.is_unformatted)&&(s=!1),s&&t.print_newline(!1)}else n.indent_content=!n.custom_beautifier_name,"<"===n.tag_start_char&&("html"===n.tag_name?n.indent_content=this._options.indent_inner_html:"head"===n.tag_name?n.indent_content=this._options.indent_head_inner_html:"body"===n.tag_name&&(n.indent_content=this._options.indent_body_inner_html)),n.is_inline_element||n.is_unformatted||"TK_CONTENT"===r.type&&!n.is_content_unformatted||t.print_newline(!1),this._calcluate_parent_multiline(t,n)},d.prototype._calcluate_parent_multiline=function(t,e){!e.parent||!t._output.just_added_newline()||(e.is_inline_element||e.is_unformatted)&&e.parent.is_inline_element||(e.parent.multiline_content=!0)};var g=["address","article","aside","blockquote","details","div","dl","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hr","main","nav","ol","p","pre","section","table","ul"],m=["a","audio","del","ins","map","noscript","video"];d.prototype._do_optional_end_element=function(t){var e=null;if(!t.is_empty_element&&t.is_start_tag&&t.parent){if("body"===t.tag_name)e=e||this._tag_stack.try_pop("head");else if("li"===t.tag_name)e=e||this._tag_stack.try_pop("li",["ol","ul"]);else if("dd"===t.tag_name||"dt"===t.tag_name)e=(e=e||this._tag_stack.try_pop("dt",["dl"]))||this._tag_stack.try_pop("dd",["dl"]);else if("p"===t.parent.tag_name&&-1!==g.indexOf(t.tag_name)){var n=t.parent.parent;n&&-1!==m.indexOf(n.tag_name)||(e=e||this._tag_stack.try_pop("p"))}else"rp"===t.tag_name||"rt"===t.tag_name?e=(e=e||this._tag_stack.try_pop("rt",["ruby","rtc"]))||this._tag_stack.try_pop("rp",["ruby","rtc"]):"optgroup"===t.tag_name?e=e||this._tag_stack.try_pop("optgroup",["select"]):"option"===t.tag_name?e=e||this._tag_stack.try_pop("option",["select","datalist","optgroup"]):"colgroup"===t.tag_name?e=e||this._tag_stack.try_pop("caption",["table"]):"thead"===t.tag_name?e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]):"tbody"===t.tag_name||"tfoot"===t.tag_name?e=(e=(e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]))||this._tag_stack.try_pop("thead",["table"]))||this._tag_stack.try_pop("tbody",["table"]):"tr"===t.tag_name?e=(e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]))||this._tag_stack.try_pop("tr",["table","thead","tbody","tfoot"]):"th"!==t.tag_name&&"td"!==t.tag_name||(e=(e=e||this._tag_stack.try_pop("td",["table","thead","tbody","tfoot","tr"]))||this._tag_stack.try_pop("th",["table","thead","tbody","tfoot","tr"]));return t.parent=this._tag_stack.get_parser_token(),e}},t.exports.Beautifier=d},function(t,e,n){var i=n(6).Options;function r(t){i.call(this,t,"html"),1===this.templating.length&&"auto"===this.templating[0]&&(this.templating=["django","erb","handlebars","php"]),this.indent_inner_html=this._get_boolean("indent_inner_html"),this.indent_body_inner_html=this._get_boolean("indent_body_inner_html",!0),this.indent_head_inner_html=this._get_boolean("indent_head_inner_html",!0),this.indent_handlebars=this._get_boolean("indent_handlebars",!0),this.wrap_attributes=this._get_selection("wrap_attributes",["auto","force","force-aligned","force-expand-multiline","aligned-multiple","preserve","preserve-aligned"]),this.wrap_attributes_indent_size=this._get_number("wrap_attributes_indent_size",this.indent_size),this.extra_liners=this._get_array("extra_liners",["head","body","/html"]),this.inline=this._get_array("inline",["a","abbr","area","audio","b","bdi","bdo","br","button","canvas","cite","code","data","datalist","del","dfn","em","embed","i","iframe","img","input","ins","kbd","keygen","label","map","mark","math","meter","noscript","object","output","progress","q","ruby","s","samp","select","small","span","strong","sub","sup","svg","template","textarea","time","u","var","video","wbr","text","acronym","big","strike","tt"]),this.void_elements=this._get_array("void_elements",["area","base","br","col","embed","hr","img","input","keygen","link","menuitem","meta","param","source","track","wbr","!doctype","?xml","basefont","isindex"]),this.unformatted=this._get_array("unformatted",[]),this.content_unformatted=this._get_array("content_unformatted",["pre","textarea"]),this.unformatted_content_delimiter=this._get_characters("unformatted_content_delimiter"),this.indent_scripts=this._get_selection("indent_scripts",["normal","keep","separate"])}r.prototype=new i,t.exports.Options=r},function(t,e,n){var i=n(9).Tokenizer,r=n(9).TOKEN,s=n(13).Directives,a=n(14).TemplatablePattern,o=n(12).Pattern,_={TAG_OPEN:"TK_TAG_OPEN",TAG_CLOSE:"TK_TAG_CLOSE",ATTRIBUTE:"TK_ATTRIBUTE",EQUALS:"TK_EQUALS",VALUE:"TK_VALUE",COMMENT:"TK_COMMENT",TEXT:"TK_TEXT",UNKNOWN:"TK_UNKNOWN",START:r.START,RAW:r.RAW,EOF:r.EOF},u=new s(/<\!--/,/-->/),p=function(t,e){i.call(this,t,e),this._current_tag_name="";var n=new a(this._input).read_options(this._options),r=new o(this._input);if(this.__patterns={word:n.until(/[\n\r\t <]/),single_quote:n.until_after(/'/),double_quote:n.until_after(/"/),attribute:n.until(/[\n\r\t =>]|\/>/),element_name:n.until(/[\n\r\t >\/]/),handlebars_comment:r.starting_with(/{{!--/).until_after(/--}}/),handlebars:r.starting_with(/{{/).until_after(/}}/),handlebars_open:r.until(/[\n\r\t }]/),handlebars_raw_close:r.until(/}}/),comment:r.starting_with(/<!--/).until_after(/-->/),cdata:r.starting_with(/<!\[CDATA\[/).until_after(/]]>/),conditional_comment:r.starting_with(/<!\[/).until_after(/]>/),processing:r.starting_with(/<\?/).until_after(/\?>/)},this._options.indent_handlebars&&(this.__patterns.word=this.__patterns.word.exclude("handlebars")),this._unformatted_content_delimiter=null,this._options.unformatted_content_delimiter){var s=this._input.get_literal_regexp(this._options.unformatted_content_delimiter);this.__patterns.unformatted_content_delimiter=r.matching(s).until_after(s)}};(p.prototype=new i)._is_comment=function(t){return!1},p.prototype._is_opening=function(t){return t.type===_.TAG_OPEN},p.prototype._is_closing=function(t,e){return t.type===_.TAG_CLOSE&&e&&((">"===t.text||"/>"===t.text)&&"<"===e.text[0]||"}}"===t.text&&"{"===e.text[0]&&"{"===e.text[1])},p.prototype._reset=function(){this._current_tag_name=""},p.prototype._get_next_token=function(t,e){var n=null;this._readWhitespace();var i=this._input.peek();return null===i?this._create_token(_.EOF,""):n=(n=(n=(n=(n=(n=(n=(n=(n=n||this._read_open_handlebars(i,e))||this._read_attribute(i,t,e))||this._read_close(i,e))||this._read_raw_content(i,t,e))||this._read_content_word(i))||this._read_comment_or_cdata(i))||this._read_processing(i))||this._read_open(i,e))||this._create_token(_.UNKNOWN,this._input.next())},p.prototype._read_comment_or_cdata=function(t){var e=null,n=null,i=null;"<"===t&&("!"===this._input.peek(1)&&((n=this.__patterns.comment.read())?(i=u.get_directives(n))&&"start"===i.ignore&&(n+=u.readIgnored(this._input)):n=this.__patterns.cdata.read()),n&&((e=this._create_token(_.COMMENT,n)).directives=i));return e},p.prototype._read_processing=function(t){var e=null,n=null;if("<"===t){var i=this._input.peek(1);"!"!==i&&"?"!==i||(n=(n=this.__patterns.conditional_comment.read())||this.__patterns.processing.read()),n&&((e=this._create_token(_.COMMENT,n)).directives=null)}return e},p.prototype._read_open=function(t,e){var n=null,i=null;return e||"<"===t&&(n=this._input.next(),"/"===this._input.peek()&&(n+=this._input.next()),n+=this.__patterns.element_name.read(),i=this._create_token(_.TAG_OPEN,n)),i},p.prototype._read_open_handlebars=function(t,e){var n=null,i=null;return e||this._options.indent_handlebars&&"{"===t&&"{"===this._input.peek(1)&&("!"===this._input.peek(2)?(n=(n=this.__patterns.handlebars_comment.read())||this.__patterns.handlebars.read(),i=this._create_token(_.COMMENT,n)):(n=this.__patterns.handlebars_open.read(),i=this._create_token(_.TAG_OPEN,n))),i},p.prototype._read_close=function(t,e){var n=null,i=null;return e&&("<"===e.text[0]&&(">"===t||"/"===t&&">"===this._input.peek(1))?(n=this._input.next(),"/"===t&&(n+=this._input.next()),i=this._create_token(_.TAG_CLOSE,n)):"{"===e.text[0]&&"}"===t&&"}"===this._input.peek(1)&&(this._input.next(),this._input.next(),i=this._create_token(_.TAG_CLOSE,"}}"))),i},p.prototype._read_attribute=function(t,e,n){var i=null,r="";if(n&&"<"===n.text[0])if("="===t)i=this._create_token(_.EQUALS,this._input.next());else if('"'===t||"'"===t){var s=this._input.next();s+='"'===t?this.__patterns.double_quote.read():this.__patterns.single_quote.read(),i=this._create_token(_.VALUE,s)}else(r=this.__patterns.attribute.read())&&(i=e.type===_.EQUALS?this._create_token(_.VALUE,r):this._create_token(_.ATTRIBUTE,r));return i},p.prototype._is_content_unformatted=function(t){return-1===this._options.void_elements.indexOf(t)&&(-1!==this._options.content_unformatted.indexOf(t)||-1!==this._options.unformatted.indexOf(t))},p.prototype._read_raw_content=function(t,e,n){var i="";if(n&&"{"===n.text[0])i=this.__patterns.handlebars_raw_close.read();else if(e.type===_.TAG_CLOSE&&"<"===e.opened.text[0]&&"/"!==e.text[0]){var r=e.opened.text.substr(1).toLowerCase();if("script"===r||"style"===r){var s=this._read_comment_or_cdata(t);if(s)return s.type=_.TEXT,s;i=this._input.readUntil(new RegExp("</"+r+"[\\n\\r\\t ]*?>","ig"))}else this._is_content_unformatted(r)&&(i=this._input.readUntil(new RegExp("</"+r+"[\\n\\r\\t ]*?>","ig")))}return i?this._create_token(_.TEXT,i):null},p.prototype._read_content_word=function(t){var e="";if(this._options.unformatted_content_delimiter&&t===this._options.unformatted_content_delimiter[0]&&(e=this.__patterns.unformatted_content_delimiter.read()),e||(e=this.__patterns.word.read()),e)return this._create_token(_.TEXT,e)},t.exports.Tokenizer=p,t.exports.TOKEN=_}],e={};var n=function n(i){var r=e[i];if(void 0!==r)return r.exports;var s=e[i]={exports:{}};return t[i](s,s.exports,n),s.exports}(18);a=n}();var o=a;i=[n,n(386),n(387)],r=function(t){var e=n(386),i=n(387);return{html_beautify:function(t,n){return o(t,n,e.js_beautify,i.css_beautify)}}}.apply(e,i),void 0===r||(t.exports=r)}()},386:function(t,e){var n;function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}!function(){var r;!function(){"use strict";var t=[function(t,e,n){var i=n(1).Beautifier,r=n(5).Options;t.exports=function(t,e){return new i(t,e).beautify()},t.exports.defaultOptions=function(){return new r}},function(t,e,n){var i=n(2).Output,r=n(3).Token,s=n(4),a=n(5).Options,o=n(7).Tokenizer,_=n(7).line_starters,u=n(7).positionable_operators,p=n(7).TOKEN;function l(t,e){return-1!==e.indexOf(t)}function h(t,e){return t&&t.type===p.RESERVED&&t.text===e}function c(t,e){return t&&t.type===p.RESERVED&&l(t.text,e)}var d=["case","return","do","if","throw","else","await","break","continue","async"],f=function(t){for(var e={},n=0;n<t.length;n++)e[t[n].replace(/-/g,"_")]=t[n];return e}(["before-newline","after-newline","preserve-newline"]),g=[f.before_newline,f.preserve_newline],m="BlockStatement",y="Statement",b="ObjectLiteral",v="ArrayLiteral",k="ForInitializer",w="Conditional",x="Expression";function S(t,e){e.multiline_frame||e.mode===k||e.mode===w||t.remove_indent(e.start_line_index)}function E(t){return t===v}function O(t){return l(t,[x,k,w])}function P(t,e){e=e||{},this._source_text=t||"",this._output=null,this._tokens=null,this._last_last_text=null,this._flags=null,this._previous_flags=null,this._flag_store=null,this._options=new a(e)}P.prototype.create_flags=function(t,e){var n=0;return t&&(n=t.indentation_level,!this._output.just_added_newline()&&t.line_indent_level>n&&(n=t.line_indent_level)),{mode:e,parent:t,last_token:t?t.last_token:new r(p.START_BLOCK,""),last_word:t?t.last_word:"",declaration_statement:!1,declaration_assignment:!1,multiline_frame:!1,inline_frame:!1,if_block:!1,else_block:!1,class_start_block:!1,do_block:!1,do_while:!1,import_block:!1,in_case_statement:!1,in_case:!1,case_body:!1,case_block:!1,indentation_level:n,alignment:0,line_indent_level:t?t.line_indent_level:n,start_line_index:this._output.get_line_number(),ternary_depth:0}},P.prototype._reset=function(t){var e=t.match(/^[\t ]*/)[0];this._last_last_text="",this._output=new i(this._options,e),this._output.raw=this._options.test_output_raw,this._flag_store=[],this.set_mode(m);var n=new o(t,this._options);return this._tokens=n.tokenize(),t},P.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._reset(this._source_text),e=this._options.eol;"auto"===this._options.eol&&(e="\n",t&&s.lineBreak.test(t||"")&&(e=t.match(s.lineBreak)[0]));for(var n=this._tokens.next();n;)this.handle_token(n),this._last_last_text=this._flags.last_token.text,this._flags.last_token=n,n=this._tokens.next();return this._output.get_code(e)},P.prototype.handle_token=function(t,e){t.type===p.START_EXPR?this.handle_start_expr(t):t.type===p.END_EXPR?this.handle_end_expr(t):t.type===p.START_BLOCK?this.handle_start_block(t):t.type===p.END_BLOCK?this.handle_end_block(t):t.type===p.WORD||t.type===p.RESERVED?this.handle_word(t):t.type===p.SEMICOLON?this.handle_semicolon(t):t.type===p.STRING?this.handle_string(t):t.type===p.EQUALS?this.handle_equals(t):t.type===p.OPERATOR?this.handle_operator(t):t.type===p.COMMA?this.handle_comma(t):t.type===p.BLOCK_COMMENT?this.handle_block_comment(t,e):t.type===p.COMMENT?this.handle_comment(t,e):t.type===p.DOT?this.handle_dot(t):t.type===p.EOF?this.handle_eof(t):(t.type,p.UNKNOWN,this.handle_unknown(t,e))},P.prototype.handle_whitespace_and_comments=function(t,e){var n=t.newlines,i=this._options.keep_array_indentation&&E(this._flags.mode);if(t.comments_before)for(var r=t.comments_before.next();r;)this.handle_whitespace_and_comments(r,e),this.handle_token(r,e),r=t.comments_before.next();if(i)for(var s=0;s<n;s+=1)this.print_newline(s>0,e);else if(this._options.max_preserve_newlines&&n>this._options.max_preserve_newlines&&(n=this._options.max_preserve_newlines),this._options.preserve_newlines&&n>1){this.print_newline(!1,e);for(var a=1;a<n;a+=1)this.print_newline(!0,e)}};var A=["async","break","continue","return","throw","yield"];P.prototype.allow_wrap_or_preserved_newline=function(t,e){if(e=void 0!==e&&e,!this._output.just_added_newline()){var n=this._options.preserve_newlines&&t.newlines||e;if(l(this._flags.last_token.text,u)||l(t.text,u)){var i=l(this._flags.last_token.text,u)&&l(this._options.operator_position,g)||l(t.text,u);n=n&&i}if(n)this.print_newline(!1,!0);else if(this._options.wrap_line_length){if(c(this._flags.last_token,A))return;this._output.set_wrap_point()}}},P.prototype.print_newline=function(t,e){if(!e&&";"!==this._flags.last_token.text&&","!==this._flags.last_token.text&&"="!==this._flags.last_token.text&&(this._flags.last_token.type!==p.OPERATOR||"--"===this._flags.last_token.text||"++"===this._flags.last_token.text))for(var n=this._tokens.peek();!(this._flags.mode!==y||this._flags.if_block&&h(n,"else")||this._flags.do_block);)this.restore_mode();this._output.add_new_line(t)&&(this._flags.multiline_frame=!0)},P.prototype.print_token_line_indentation=function(t){this._output.just_added_newline()&&(this._options.keep_array_indentation&&t.newlines&&("["===t.text||E(this._flags.mode))?(this._output.current_line.set_indent(-1),this._output.current_line.push(t.whitespace_before),this._output.space_before_token=!1):this._output.set_indent(this._flags.indentation_level,this._flags.alignment)&&(this._flags.line_indent_level=this._flags.indentation_level))},P.prototype.print_token=function(t){if(this._output.raw)this._output.add_raw_token(t);else{if(this._options.comma_first&&t.previous&&t.previous.type===p.COMMA&&this._output.just_added_newline()&&","===this._output.previous_line.last()){var e=this._output.previous_line.pop();this._output.previous_line.is_empty()&&(this._output.previous_line.push(e),this._output.trim(!0),this._output.current_line.pop(),this._output.trim()),this.print_token_line_indentation(t),this._output.add_token(","),this._output.space_before_token=!0}this.print_token_line_indentation(t),this._output.non_breaking_space=!0,this._output.add_token(t.text),this._output.previous_token_wrapped&&(this._flags.multiline_frame=!0)}},P.prototype.indent=function(){this._flags.indentation_level+=1,this._output.set_indent(this._flags.indentation_level,this._flags.alignment)},P.prototype.deindent=function(){this._flags.indentation_level>0&&(!this._flags.parent||this._flags.indentation_level>this._flags.parent.indentation_level)&&(this._flags.indentation_level-=1,this._output.set_indent(this._flags.indentation_level,this._flags.alignment))},P.prototype.set_mode=function(t){this._flags?(this._flag_store.push(this._flags),this._previous_flags=this._flags):this._previous_flags=this.create_flags(null,t),this._flags=this.create_flags(this._previous_flags,t),this._output.set_indent(this._flags.indentation_level,this._flags.alignment)},P.prototype.restore_mode=function(){this._flag_store.length>0&&(this._previous_flags=this._flags,this._flags=this._flag_store.pop(),this._previous_flags.mode===y&&S(this._output,this._previous_flags),this._output.set_indent(this._flags.indentation_level,this._flags.alignment))},P.prototype.start_of_object_property=function(){return this._flags.parent.mode===b&&this._flags.mode===y&&(":"===this._flags.last_token.text&&0===this._flags.ternary_depth||c(this._flags.last_token,["get","set"]))},P.prototype.start_of_statement=function(t){var e=!1;return!!(e=(e=(e=(e=(e=(e=(e=e||c(this._flags.last_token,["var","let","const"])&&t.type===p.WORD)||h(this._flags.last_token,"do"))||!(this._flags.parent.mode===b&&this._flags.mode===y)&&c(this._flags.last_token,A)&&!t.newlines)||h(this._flags.last_token,"else")&&!(h(t,"if")&&!t.comments_before))||this._flags.last_token.type===p.END_EXPR&&(this._previous_flags.mode===k||this._previous_flags.mode===w))||this._flags.last_token.type===p.WORD&&this._flags.mode===m&&!this._flags.in_case&&!("--"===t.text||"++"===t.text)&&"function"!==this._last_last_text&&t.type!==p.WORD&&t.type!==p.RESERVED)||this._flags.mode===b&&(":"===this._flags.last_token.text&&0===this._flags.ternary_depth||c(this._flags.last_token,["get","set"])))&&(this.set_mode(y),this.indent(),this.handle_whitespace_and_comments(t,!0),this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t,c(t,["do","for","if","while"])),!0)},P.prototype.handle_start_expr=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t);var e=x;if("["===t.text){if(this._flags.last_token.type===p.WORD||")"===this._flags.last_token.text)return c(this._flags.last_token,_)&&(this._output.space_before_token=!0),this.print_token(t),this.set_mode(e),this.indent(),void(this._options.space_in_paren&&(this._output.space_before_token=!0));e=v,E(this._flags.mode)&&("["!==this._flags.last_token.text&&(","!==this._flags.last_token.text||"]"!==this._last_last_text&&"}"!==this._last_last_text)||this._options.keep_array_indentation||this.print_newline()),l(this._flags.last_token.type,[p.START_EXPR,p.END_EXPR,p.WORD,p.OPERATOR,p.DOT])||(this._output.space_before_token=!0)}else{if(this._flags.last_token.type===p.RESERVED)"for"===this._flags.last_token.text?(this._output.space_before_token=this._options.space_before_conditional,e=k):l(this._flags.last_token.text,["if","while","switch"])?(this._output.space_before_token=this._options.space_before_conditional,e=w):l(this._flags.last_word,["await","async"])?this._output.space_before_token=!0:"import"===this._flags.last_token.text&&""===t.whitespace_before?this._output.space_before_token=!1:(l(this._flags.last_token.text,_)||"catch"===this._flags.last_token.text)&&(this._output.space_before_token=!0);else if(this._flags.last_token.type===p.EQUALS||this._flags.last_token.type===p.OPERATOR)this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t);else if(this._flags.last_token.type===p.WORD){this._output.space_before_token=!1;var n=this._tokens.peek(-3);if(this._options.space_after_named_function&&n){var i=this._tokens.peek(-4);c(n,["async","function"])||"*"===n.text&&c(i,["async","function"])?this._output.space_before_token=!0:this._flags.mode===b?"{"!==n.text&&","!==n.text&&("*"!==n.text||"{"!==i.text&&","!==i.text)||(this._output.space_before_token=!0):this._flags.parent&&this._flags.parent.class_start_block&&(this._output.space_before_token=!0)}}else this.allow_wrap_or_preserved_newline(t);(this._flags.last_token.type===p.RESERVED&&("function"===this._flags.last_word||"typeof"===this._flags.last_word)||"*"===this._flags.last_token.text&&(l(this._last_last_text,["function","yield"])||this._flags.mode===b&&l(this._last_last_text,["{",","])))&&(this._output.space_before_token=this._options.space_after_anon_function)}";"===this._flags.last_token.text||this._flags.last_token.type===p.START_BLOCK?this.print_newline():this._flags.last_token.type!==p.END_EXPR&&this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.END_BLOCK&&"."!==this._flags.last_token.text&&this._flags.last_token.type!==p.COMMA||this.allow_wrap_or_preserved_newline(t,t.newlines),this.print_token(t),this.set_mode(e),this._options.space_in_paren&&(this._output.space_before_token=!0),this.indent()},P.prototype.handle_end_expr=function(t){for(;this._flags.mode===y;)this.restore_mode();this.handle_whitespace_and_comments(t),this._flags.multiline_frame&&this.allow_wrap_or_preserved_newline(t,"]"===t.text&&E(this._flags.mode)&&!this._options.keep_array_indentation),this._options.space_in_paren&&(this._flags.last_token.type!==p.START_EXPR||this._options.space_in_empty_paren?this._output.space_before_token=!0:(this._output.trim(),this._output.space_before_token=!1)),this.deindent(),this.print_token(t),this.restore_mode(),S(this._output,this._previous_flags),this._flags.do_while&&this._previous_flags.mode===w&&(this._previous_flags.mode=x,this._flags.do_block=!1,this._flags.do_while=!1)},P.prototype.handle_start_block=function(t){this.handle_whitespace_and_comments(t);var e=this._tokens.peek(),n=this._tokens.peek(1);"switch"===this._flags.last_word&&this._flags.last_token.type===p.END_EXPR?(this.set_mode(m),this._flags.in_case_statement=!0):this._flags.case_body?this.set_mode(m):n&&(l(n.text,[":",","])&&l(e.type,[p.STRING,p.WORD,p.RESERVED])||l(e.text,["get","set","..."])&&l(n.type,[p.WORD,p.RESERVED]))?l(this._last_last_text,["class","interface"])&&!l(n.text,[":",","])?this.set_mode(m):this.set_mode(b):this._flags.last_token.type===p.OPERATOR&&"=>"===this._flags.last_token.text?this.set_mode(m):l(this._flags.last_token.type,[p.EQUALS,p.START_EXPR,p.COMMA,p.OPERATOR])||c(this._flags.last_token,["return","throw","import","default"])?this.set_mode(b):this.set_mode(m),this._flags.last_token&&c(this._flags.last_token.previous,["class","extends"])&&(this._flags.class_start_block=!0);var i=!e.comments_before&&"}"===e.text,r=i&&"function"===this._flags.last_word&&this._flags.last_token.type===p.END_EXPR;if(this._options.brace_preserve_inline){var s=0,a=null;this._flags.inline_frame=!0;do{if(s+=1,(a=this._tokens.peek(s-1)).newlines){this._flags.inline_frame=!1;break}}while(a.type!==p.EOF&&(a.type!==p.END_BLOCK||a.opened!==t))}("expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines)&&!this._flags.inline_frame?this._flags.last_token.type!==p.OPERATOR&&(r||this._flags.last_token.type===p.EQUALS||c(this._flags.last_token,d)&&"else"!==this._flags.last_token.text)?this._output.space_before_token=!0:this.print_newline(!1,!0):(!E(this._previous_flags.mode)||this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.COMMA||((this._flags.last_token.type===p.COMMA||this._options.space_in_paren)&&(this._output.space_before_token=!0),(this._flags.last_token.type===p.COMMA||this._flags.last_token.type===p.START_EXPR&&this._flags.inline_frame)&&(this.allow_wrap_or_preserved_newline(t),this._previous_flags.multiline_frame=this._previous_flags.multiline_frame||this._flags.multiline_frame,this._flags.multiline_frame=!1)),this._flags.last_token.type!==p.OPERATOR&&this._flags.last_token.type!==p.START_EXPR&&(this._flags.last_token.type!==p.START_BLOCK||this._flags.inline_frame?this._output.space_before_token=!0:this.print_newline())),this.print_token(t),this.indent(),i||this._options.brace_preserve_inline&&this._flags.inline_frame||this.print_newline()},P.prototype.handle_end_block=function(t){for(this.handle_whitespace_and_comments(t);this._flags.mode===y;)this.restore_mode();var e=this._flags.last_token.type===p.START_BLOCK;this._flags.inline_frame&&!e?this._output.space_before_token=!0:"expand"===this._options.brace_style?e||this.print_newline():e||(E(this._flags.mode)&&this._options.keep_array_indentation?(this._options.keep_array_indentation=!1,this.print_newline(),this._options.keep_array_indentation=!0):this.print_newline()),this.restore_mode(),this.print_token(t)},P.prototype.handle_word=function(t){if(t.type===p.RESERVED)if(l(t.text,["set","get"])&&this._flags.mode!==b)t.type=p.WORD;else if("import"===t.text&&l(this._tokens.peek().text,["(","."]))t.type=p.WORD;else if(l(t.text,["as","from"])&&!this._flags.import_block)t.type=p.WORD;else if(this._flags.mode===b){":"===this._tokens.peek().text&&(t.type=p.WORD)}if(this.start_of_statement(t)?c(this._flags.last_token,["var","let","const"])&&t.type===p.WORD&&(this._flags.declaration_statement=!0):!t.newlines||O(this._flags.mode)||this._flags.last_token.type===p.OPERATOR&&"--"!==this._flags.last_token.text&&"++"!==this._flags.last_token.text||this._flags.last_token.type===p.EQUALS||!this._options.preserve_newlines&&c(this._flags.last_token,["var","let","const","set","get"])?this.handle_whitespace_and_comments(t):(this.handle_whitespace_and_comments(t),this.print_newline()),this._flags.do_block&&!this._flags.do_while){if(h(t,"while"))return this._output.space_before_token=!0,this.print_token(t),this._output.space_before_token=!0,void(this._flags.do_while=!0);this.print_newline(),this._flags.do_block=!1}if(this._flags.if_block)if(!this._flags.else_block&&h(t,"else"))this._flags.else_block=!0;else{for(;this._flags.mode===y;)this.restore_mode();this._flags.if_block=!1,this._flags.else_block=!1}if(this._flags.in_case_statement&&c(t,["case","default"]))return this.print_newline(),this._flags.case_block||!this._flags.case_body&&!this._options.jslint_happy||this.deindent(),this._flags.case_body=!1,this.print_token(t),void(this._flags.in_case=!0);if(this._flags.last_token.type!==p.COMMA&&this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.EQUALS&&this._flags.last_token.type!==p.OPERATOR||this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t),h(t,"function"))return(l(this._flags.last_token.text,["}",";"])||this._output.just_added_newline()&&!l(this._flags.last_token.text,["(","[","{",":","=",","])&&this._flags.last_token.type!==p.OPERATOR)&&(this._output.just_added_blankline()||t.comments_before||(this.print_newline(),this.print_newline(!0))),this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD?c(this._flags.last_token,["get","set","new","export"])||c(this._flags.last_token,A)||h(this._flags.last_token,"default")&&"export"===this._last_last_text||"declare"===this._flags.last_token.text?this._output.space_before_token=!0:this.print_newline():this._flags.last_token.type===p.OPERATOR||"="===this._flags.last_token.text?this._output.space_before_token=!0:(this._flags.multiline_frame||!O(this._flags.mode)&&!E(this._flags.mode))&&this.print_newline(),this.print_token(t),void(this._flags.last_word=t.text);var e="NONE";(this._flags.last_token.type===p.END_BLOCK?this._previous_flags.inline_frame?e="SPACE":c(t,["else","catch","finally","from"])?"expand"===this._options.brace_style||"end-expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines?e="NEWLINE":(e="SPACE",this._output.space_before_token=!0):e="NEWLINE":this._flags.last_token.type===p.SEMICOLON&&this._flags.mode===m?e="NEWLINE":this._flags.last_token.type===p.SEMICOLON&&O(this._flags.mode)?e="SPACE":this._flags.last_token.type===p.STRING?e="NEWLINE":this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD||"*"===this._flags.last_token.text&&(l(this._last_last_text,["function","yield"])||this._flags.mode===b&&l(this._last_last_text,["{",","]))?e="SPACE":this._flags.last_token.type===p.START_BLOCK?e=this._flags.inline_frame?"SPACE":"NEWLINE":this._flags.last_token.type===p.END_EXPR&&(this._output.space_before_token=!0,e="NEWLINE"),c(t,_)&&")"!==this._flags.last_token.text&&(e=this._flags.inline_frame||"else"===this._flags.last_token.text||"export"===this._flags.last_token.text?"SPACE":"NEWLINE"),c(t,["else","catch","finally"]))?(this._flags.last_token.type!==p.END_BLOCK||this._previous_flags.mode!==m||"expand"===this._options.brace_style||"end-expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines)&&!this._flags.inline_frame?this.print_newline():(this._output.trim(!0),"}"!==this._output.current_line.last()&&this.print_newline(),this._output.space_before_token=!0):"NEWLINE"===e?c(this._flags.last_token,d)||"declare"===this._flags.last_token.text&&c(t,["var","let","const"])?this._output.space_before_token=!0:this._flags.last_token.type!==p.END_EXPR?this._flags.last_token.type===p.START_EXPR&&c(t,["var","let","const"])||":"===this._flags.last_token.text||(h(t,"if")&&h(t.previous,"else")?this._output.space_before_token=!0:this.print_newline()):c(t,_)&&")"!==this._flags.last_token.text&&this.print_newline():this._flags.multiline_frame&&E(this._flags.mode)&&","===this._flags.last_token.text&&"}"===this._last_last_text?this.print_newline():"SPACE"===e&&(this._output.space_before_token=!0);!t.previous||t.previous.type!==p.WORD&&t.previous.type!==p.RESERVED||(this._output.space_before_token=!0),this.print_token(t),this._flags.last_word=t.text,t.type===p.RESERVED&&("do"===t.text?this._flags.do_block=!0:"if"===t.text?this._flags.if_block=!0:"import"===t.text?this._flags.import_block=!0:this._flags.import_block&&h(t,"from")&&(this._flags.import_block=!1))},P.prototype.handle_semicolon=function(t){this.start_of_statement(t)?this._output.space_before_token=!1:this.handle_whitespace_and_comments(t);for(var e=this._tokens.peek();!(this._flags.mode!==y||this._flags.if_block&&h(e,"else")||this._flags.do_block);)this.restore_mode();this._flags.import_block&&(this._flags.import_block=!1),this.print_token(t)},P.prototype.handle_string=function(t){(!t.text.startsWith("`")||0!==t.newlines||""!==t.whitespace_before||")"!==t.previous.text&&this._flags.last_token.type!==p.WORD)&&(this.start_of_statement(t)?this._output.space_before_token=!0:(this.handle_whitespace_and_comments(t),this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD||this._flags.inline_frame?this._output.space_before_token=!0:this._flags.last_token.type===p.COMMA||this._flags.last_token.type===p.START_EXPR||this._flags.last_token.type===p.EQUALS||this._flags.last_token.type===p.OPERATOR?this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t):!t.text.startsWith("`")||this._flags.last_token.type!==p.END_EXPR||"]"!==t.previous.text&&")"!==t.previous.text||0!==t.newlines?this.print_newline():this._output.space_before_token=!0)),this.print_token(t)},P.prototype.handle_equals=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t),this._flags.declaration_statement&&(this._flags.declaration_assignment=!0),this._output.space_before_token=!0,this.print_token(t),this._output.space_before_token=!0},P.prototype.handle_comma=function(t){this.handle_whitespace_and_comments(t,!0),this.print_token(t),this._output.space_before_token=!0,this._flags.declaration_statement?(O(this._flags.parent.mode)&&(this._flags.declaration_assignment=!1),this._flags.declaration_assignment?(this._flags.declaration_assignment=!1,this.print_newline(!1,!0)):this._options.comma_first&&this.allow_wrap_or_preserved_newline(t)):this._flags.mode===b||this._flags.mode===y&&this._flags.parent.mode===b?(this._flags.mode===y&&this.restore_mode(),this._flags.inline_frame||this.print_newline()):this._options.comma_first&&this.allow_wrap_or_preserved_newline(t)},P.prototype.handle_operator=function(t){var e="*"===t.text&&(c(this._flags.last_token,["function","yield"])||l(this._flags.last_token.type,[p.START_BLOCK,p.COMMA,p.END_BLOCK,p.SEMICOLON])),n=l(t.text,["-","+"])&&(l(this._flags.last_token.type,[p.START_BLOCK,p.START_EXPR,p.EQUALS,p.OPERATOR])||l(this._flags.last_token.text,_)||","===this._flags.last_token.text);if(this.start_of_statement(t));else{var i=!e;this.handle_whitespace_and_comments(t,i)}if("*"!==t.text||this._flags.last_token.type!==p.DOT)if("::"!==t.text){if(this._flags.last_token.type===p.OPERATOR&&l(this._options.operator_position,g)&&this.allow_wrap_or_preserved_newline(t),":"===t.text&&this._flags.in_case)return this.print_token(t),this._flags.in_case=!1,this._flags.case_body=!0,void(this._tokens.peek().type!==p.START_BLOCK?(this.indent(),this.print_newline(),this._flags.case_block=!1):(this._flags.case_block=!0,this._output.space_before_token=!0));var r=!0,s=!0,a=!1;if(":"===t.text?0===this._flags.ternary_depth?r=!1:(this._flags.ternary_depth-=1,a=!0):"?"===t.text&&(this._flags.ternary_depth+=1),!n&&!e&&this._options.preserve_newlines&&l(t.text,u)){var o=":"===t.text,h=o&&a,b=o&&!a;switch(this._options.operator_position){case f.before_newline:return this._output.space_before_token=!b,this.print_token(t),o&&!h||this.allow_wrap_or_preserved_newline(t),void(this._output.space_before_token=!0);case f.after_newline:return this._output.space_before_token=!0,!o||h?this._tokens.peek().newlines?this.print_newline(!1,!0):this.allow_wrap_or_preserved_newline(t):this._output.space_before_token=!1,this.print_token(t),void(this._output.space_before_token=!0);case f.preserve_newline:return b||this.allow_wrap_or_preserved_newline(t),r=!(this._output.just_added_newline()||b),this._output.space_before_token=r,this.print_token(t),void(this._output.space_before_token=!0)}}if(e){this.allow_wrap_or_preserved_newline(t),r=!1;var v=this._tokens.peek();s=v&&l(v.type,[p.WORD,p.RESERVED])}else if("..."===t.text)this.allow_wrap_or_preserved_newline(t),r=this._flags.last_token.type===p.START_BLOCK,s=!1;else if(l(t.text,["--","++","!","~"])||n){if(this._flags.last_token.type!==p.COMMA&&this._flags.last_token.type!==p.START_EXPR||this.allow_wrap_or_preserved_newline(t),r=!1,s=!1,t.newlines&&("--"===t.text||"++"===t.text||"~"===t.text)){var k=c(this._flags.last_token,d)&&t.newlines;k&&(this._previous_flags.if_block||this._previous_flags.else_block)&&this.restore_mode(),this.print_newline(k,!0)}";"===this._flags.last_token.text&&O(this._flags.mode)&&(r=!0),this._flags.last_token.type===p.RESERVED?r=!0:this._flags.last_token.type===p.END_EXPR?r=!("]"===this._flags.last_token.text&&("--"===t.text||"++"===t.text)):this._flags.last_token.type===p.OPERATOR&&(r=l(t.text,["--","-","++","+"])&&l(this._flags.last_token.text,["--","-","++","+"]),l(t.text,["+","-"])&&l(this._flags.last_token.text,["--","++"])&&(s=!0)),(this._flags.mode!==m||this._flags.inline_frame)&&this._flags.mode!==y||"{"!==this._flags.last_token.text&&";"!==this._flags.last_token.text||this.print_newline()}this._output.space_before_token=this._output.space_before_token||r,this.print_token(t),this._output.space_before_token=s}else this.print_token(t);else this.print_token(t)},P.prototype.handle_block_comment=function(t,e){return this._output.raw?(this._output.add_raw_token(t),void(t.directives&&"end"===t.directives.preserve&&(this._output.raw=this._options.test_output_raw))):t.directives?(this.print_newline(!1,e),this.print_token(t),"start"===t.directives.preserve&&(this._output.raw=!0),void this.print_newline(!1,!0)):s.newline.test(t.text)||t.newlines?void this.print_block_commment(t,e):(this._output.space_before_token=!0,this.print_token(t),void(this._output.space_before_token=!0))},P.prototype.print_block_commment=function(t,e){var n,i=function(t){for(var e=[],n=(t=t.replace(s.allLineBreaks,"\n")).indexOf("\n");-1!==n;)e.push(t.substring(0,n)),n=(t=t.substring(n+1)).indexOf("\n");return t.length&&e.push(t),e}(t.text),r=!1,a=!1,o=t.whitespace_before,_=o.length;if(this.print_newline(!1,e),this.print_token_line_indentation(t),this._output.add_token(i[0]),this.print_newline(!1,e),i.length>1){for(r=function(t,e){for(var n=0;n<t.length;n++)if(t[n].trim().charAt(0)!==e)return!1;return!0}(i=i.slice(1),"*"),a=function(t,e){for(var n,i=0,r=t.length;i<r;i++)if((n=t[i])&&0!==n.indexOf(e))return!1;return!0}(i,o),r&&(this._flags.alignment=1),n=0;n<i.length;n++)r?(this.print_token_line_indentation(t),this._output.add_token(i[n].replace(/^\s+/g,""))):a&&i[n]?(this.print_token_line_indentation(t),this._output.add_token(i[n].substring(_))):(this._output.current_line.set_indent(-1),this._output.add_token(i[n])),this.print_newline(!1,e);this._flags.alignment=0}},P.prototype.handle_comment=function(t,e){t.newlines?this.print_newline(!1,e):this._output.trim(!0),this._output.space_before_token=!0,this.print_token(t),this.print_newline(!1,e)},P.prototype.handle_dot=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t,!0),this._flags.last_token.text.match("^[0-9]+$")&&(this._output.space_before_token=!0),c(this._flags.last_token,d)?this._output.space_before_token=!1:this.allow_wrap_or_preserved_newline(t,")"===this._flags.last_token.text&&this._options.break_chained_methods),this._options.unindent_chained_methods&&this._output.just_added_newline()&&this.deindent(),this.print_token(t)},P.prototype.handle_unknown=function(t,e){this.print_token(t),"\n"===t.text[t.text.length-1]&&this.print_newline(!1,e)},P.prototype.handle_eof=function(t){for(;this._flags.mode===y;)this.restore_mode();this.handle_whitespace_and_comments(t)},t.exports.Beautifier=P},function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var r=this.__lines[i];if(r.is_empty())break;if(0!==r.item(0).indexOf(t)&&r.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},function(t){t.exports.Token=function(t,e,n,i){this.type=t,this.text=e,this.comments_before=null,this.newlines=n||0,this.whitespace_before=i||"",this.parent=null,this.next=null,this.previous=null,this.opened=null,this.closed=null,this.directives=null}},function(t,e){var n="\\x24\\x30-\\x39\\x41-\\x5a\\x5f\\x61-\\x7a",i="\\xaa\\xb5\\xba\\xc0-\\xd6\\xd8-\\xf6\\xf8-\\u02c1\\u02c6-\\u02d1\\u02e0-\\u02e4\\u02ec\\u02ee\\u0370-\\u0374\\u0376\\u0377\\u037a-\\u037d\\u0386\\u0388-\\u038a\\u038c\\u038e-\\u03a1\\u03a3-\\u03f5\\u03f7-\\u0481\\u048a-\\u0527\\u0531-\\u0556\\u0559\\u0561-\\u0587\\u05d0-\\u05ea\\u05f0-\\u05f2\\u0620-\\u064a\\u066e\\u066f\\u0671-\\u06d3\\u06d5\\u06e5\\u06e6\\u06ee\\u06ef\\u06fa-\\u06fc\\u06ff\\u0710\\u0712-\\u072f\\u074d-\\u07a5\\u07b1\\u07ca-\\u07ea\\u07f4\\u07f5\\u07fa\\u0800-\\u0815\\u081a\\u0824\\u0828\\u0840-\\u0858\\u08a0\\u08a2-\\u08ac\\u0904-\\u0939\\u093d\\u0950\\u0958-\\u0961\\u0971-\\u0977\\u0979-\\u097f\\u0985-\\u098c\\u098f\\u0990\\u0993-\\u09a8\\u09aa-\\u09b0\\u09b2\\u09b6-\\u09b9\\u09bd\\u09ce\\u09dc\\u09dd\\u09df-\\u09e1\\u09f0\\u09f1\\u0a05-\\u0a0a\\u0a0f\\u0a10\\u0a13-\\u0a28\\u0a2a-\\u0a30\\u0a32\\u0a33\\u0a35\\u0a36\\u0a38\\u0a39\\u0a59-\\u0a5c\\u0a5e\\u0a72-\\u0a74\\u0a85-\\u0a8d\\u0a8f-\\u0a91\\u0a93-\\u0aa8\\u0aaa-\\u0ab0\\u0ab2\\u0ab3\\u0ab5-\\u0ab9\\u0abd\\u0ad0\\u0ae0\\u0ae1\\u0b05-\\u0b0c\\u0b0f\\u0b10\\u0b13-\\u0b28\\u0b2a-\\u0b30\\u0b32\\u0b33\\u0b35-\\u0b39\\u0b3d\\u0b5c\\u0b5d\\u0b5f-\\u0b61\\u0b71\\u0b83\\u0b85-\\u0b8a\\u0b8e-\\u0b90\\u0b92-\\u0b95\\u0b99\\u0b9a\\u0b9c\\u0b9e\\u0b9f\\u0ba3\\u0ba4\\u0ba8-\\u0baa\\u0bae-\\u0bb9\\u0bd0\\u0c05-\\u0c0c\\u0c0e-\\u0c10\\u0c12-\\u0c28\\u0c2a-\\u0c33\\u0c35-\\u0c39\\u0c3d\\u0c58\\u0c59\\u0c60\\u0c61\\u0c85-\\u0c8c\\u0c8e-\\u0c90\\u0c92-\\u0ca8\\u0caa-\\u0cb3\\u0cb5-\\u0cb9\\u0cbd\\u0cde\\u0ce0\\u0ce1\\u0cf1\\u0cf2\\u0d05-\\u0d0c\\u0d0e-\\u0d10\\u0d12-\\u0d3a\\u0d3d\\u0d4e\\u0d60\\u0d61\\u0d7a-\\u0d7f\\u0d85-\\u0d96\\u0d9a-\\u0db1\\u0db3-\\u0dbb\\u0dbd\\u0dc0-\\u0dc6\\u0e01-\\u0e30\\u0e32\\u0e33\\u0e40-\\u0e46\\u0e81\\u0e82\\u0e84\\u0e87\\u0e88\\u0e8a\\u0e8d\\u0e94-\\u0e97\\u0e99-\\u0e9f\\u0ea1-\\u0ea3\\u0ea5\\u0ea7\\u0eaa\\u0eab\\u0ead-\\u0eb0\\u0eb2\\u0eb3\\u0ebd\\u0ec0-\\u0ec4\\u0ec6\\u0edc-\\u0edf\\u0f00\\u0f40-\\u0f47\\u0f49-\\u0f6c\\u0f88-\\u0f8c\\u1000-\\u102a\\u103f\\u1050-\\u1055\\u105a-\\u105d\\u1061\\u1065\\u1066\\u106e-\\u1070\\u1075-\\u1081\\u108e\\u10a0-\\u10c5\\u10c7\\u10cd\\u10d0-\\u10fa\\u10fc-\\u1248\\u124a-\\u124d\\u1250-\\u1256\\u1258\\u125a-\\u125d\\u1260-\\u1288\\u128a-\\u128d\\u1290-\\u12b0\\u12b2-\\u12b5\\u12b8-\\u12be\\u12c0\\u12c2-\\u12c5\\u12c8-\\u12d6\\u12d8-\\u1310\\u1312-\\u1315\\u1318-\\u135a\\u1380-\\u138f\\u13a0-\\u13f4\\u1401-\\u166c\\u166f-\\u167f\\u1681-\\u169a\\u16a0-\\u16ea\\u16ee-\\u16f0\\u1700-\\u170c\\u170e-\\u1711\\u1720-\\u1731\\u1740-\\u1751\\u1760-\\u176c\\u176e-\\u1770\\u1780-\\u17b3\\u17d7\\u17dc\\u1820-\\u1877\\u1880-\\u18a8\\u18aa\\u18b0-\\u18f5\\u1900-\\u191c\\u1950-\\u196d\\u1970-\\u1974\\u1980-\\u19ab\\u19c1-\\u19c7\\u1a00-\\u1a16\\u1a20-\\u1a54\\u1aa7\\u1b05-\\u1b33\\u1b45-\\u1b4b\\u1b83-\\u1ba0\\u1bae\\u1baf\\u1bba-\\u1be5\\u1c00-\\u1c23\\u1c4d-\\u1c4f\\u1c5a-\\u1c7d\\u1ce9-\\u1cec\\u1cee-\\u1cf1\\u1cf5\\u1cf6\\u1d00-\\u1dbf\\u1e00-\\u1f15\\u1f18-\\u1f1d\\u1f20-\\u1f45\\u1f48-\\u1f4d\\u1f50-\\u1f57\\u1f59\\u1f5b\\u1f5d\\u1f5f-\\u1f7d\\u1f80-\\u1fb4\\u1fb6-\\u1fbc\\u1fbe\\u1fc2-\\u1fc4\\u1fc6-\\u1fcc\\u1fd0-\\u1fd3\\u1fd6-\\u1fdb\\u1fe0-\\u1fec\\u1ff2-\\u1ff4\\u1ff6-\\u1ffc\\u2071\\u207f\\u2090-\\u209c\\u2102\\u2107\\u210a-\\u2113\\u2115\\u2119-\\u211d\\u2124\\u2126\\u2128\\u212a-\\u212d\\u212f-\\u2139\\u213c-\\u213f\\u2145-\\u2149\\u214e\\u2160-\\u2188\\u2c00-\\u2c2e\\u2c30-\\u2c5e\\u2c60-\\u2ce4\\u2ceb-\\u2cee\\u2cf2\\u2cf3\\u2d00-\\u2d25\\u2d27\\u2d2d\\u2d30-\\u2d67\\u2d6f\\u2d80-\\u2d96\\u2da0-\\u2da6\\u2da8-\\u2dae\\u2db0-\\u2db6\\u2db8-\\u2dbe\\u2dc0-\\u2dc6\\u2dc8-\\u2dce\\u2dd0-\\u2dd6\\u2dd8-\\u2dde\\u2e2f\\u3005-\\u3007\\u3021-\\u3029\\u3031-\\u3035\\u3038-\\u303c\\u3041-\\u3096\\u309d-\\u309f\\u30a1-\\u30fa\\u30fc-\\u30ff\\u3105-\\u312d\\u3131-\\u318e\\u31a0-\\u31ba\\u31f0-\\u31ff\\u3400-\\u4db5\\u4e00-\\u9fcc\\ua000-\\ua48c\\ua4d0-\\ua4fd\\ua500-\\ua60c\\ua610-\\ua61f\\ua62a\\ua62b\\ua640-\\ua66e\\ua67f-\\ua697\\ua6a0-\\ua6ef\\ua717-\\ua71f\\ua722-\\ua788\\ua78b-\\ua78e\\ua790-\\ua793\\ua7a0-\\ua7aa\\ua7f8-\\ua801\\ua803-\\ua805\\ua807-\\ua80a\\ua80c-\\ua822\\ua840-\\ua873\\ua882-\\ua8b3\\ua8f2-\\ua8f7\\ua8fb\\ua90a-\\ua925\\ua930-\\ua946\\ua960-\\ua97c\\ua984-\\ua9b2\\ua9cf\\uaa00-\\uaa28\\uaa40-\\uaa42\\uaa44-\\uaa4b\\uaa60-\\uaa76\\uaa7a\\uaa80-\\uaaaf\\uaab1\\uaab5\\uaab6\\uaab9-\\uaabd\\uaac0\\uaac2\\uaadb-\\uaadd\\uaae0-\\uaaea\\uaaf2-\\uaaf4\\uab01-\\uab06\\uab09-\\uab0e\\uab11-\\uab16\\uab20-\\uab26\\uab28-\\uab2e\\uabc0-\\uabe2\\uac00-\\ud7a3\\ud7b0-\\ud7c6\\ud7cb-\\ud7fb\\uf900-\\ufa6d\\ufa70-\\ufad9\\ufb00-\\ufb06\\ufb13-\\ufb17\\ufb1d\\ufb1f-\\ufb28\\ufb2a-\\ufb36\\ufb38-\\ufb3c\\ufb3e\\ufb40\\ufb41\\ufb43\\ufb44\\ufb46-\\ufbb1\\ufbd3-\\ufd3d\\ufd50-\\ufd8f\\ufd92-\\ufdc7\\ufdf0-\\ufdfb\\ufe70-\\ufe74\\ufe76-\\ufefc\\uff21-\\uff3a\\uff41-\\uff5a\\uff66-\\uffbe\\uffc2-\\uffc7\\uffca-\\uffcf\\uffd2-\\uffd7\\uffda-\\uffdc",r="\\u0300-\\u036f\\u0483-\\u0487\\u0591-\\u05bd\\u05bf\\u05c1\\u05c2\\u05c4\\u05c5\\u05c7\\u0610-\\u061a\\u0620-\\u0649\\u0672-\\u06d3\\u06e7-\\u06e8\\u06fb-\\u06fc\\u0730-\\u074a\\u0800-\\u0814\\u081b-\\u0823\\u0825-\\u0827\\u0829-\\u082d\\u0840-\\u0857\\u08e4-\\u08fe\\u0900-\\u0903\\u093a-\\u093c\\u093e-\\u094f\\u0951-\\u0957\\u0962-\\u0963\\u0966-\\u096f\\u0981-\\u0983\\u09bc\\u09be-\\u09c4\\u09c7\\u09c8\\u09d7\\u09df-\\u09e0\\u0a01-\\u0a03\\u0a3c\\u0a3e-\\u0a42\\u0a47\\u0a48\\u0a4b-\\u0a4d\\u0a51\\u0a66-\\u0a71\\u0a75\\u0a81-\\u0a83\\u0abc\\u0abe-\\u0ac5\\u0ac7-\\u0ac9\\u0acb-\\u0acd\\u0ae2-\\u0ae3\\u0ae6-\\u0aef\\u0b01-\\u0b03\\u0b3c\\u0b3e-\\u0b44\\u0b47\\u0b48\\u0b4b-\\u0b4d\\u0b56\\u0b57\\u0b5f-\\u0b60\\u0b66-\\u0b6f\\u0b82\\u0bbe-\\u0bc2\\u0bc6-\\u0bc8\\u0bca-\\u0bcd\\u0bd7\\u0be6-\\u0bef\\u0c01-\\u0c03\\u0c46-\\u0c48\\u0c4a-\\u0c4d\\u0c55\\u0c56\\u0c62-\\u0c63\\u0c66-\\u0c6f\\u0c82\\u0c83\\u0cbc\\u0cbe-\\u0cc4\\u0cc6-\\u0cc8\\u0cca-\\u0ccd\\u0cd5\\u0cd6\\u0ce2-\\u0ce3\\u0ce6-\\u0cef\\u0d02\\u0d03\\u0d46-\\u0d48\\u0d57\\u0d62-\\u0d63\\u0d66-\\u0d6f\\u0d82\\u0d83\\u0dca\\u0dcf-\\u0dd4\\u0dd6\\u0dd8-\\u0ddf\\u0df2\\u0df3\\u0e34-\\u0e3a\\u0e40-\\u0e45\\u0e50-\\u0e59\\u0eb4-\\u0eb9\\u0ec8-\\u0ecd\\u0ed0-\\u0ed9\\u0f18\\u0f19\\u0f20-\\u0f29\\u0f35\\u0f37\\u0f39\\u0f41-\\u0f47\\u0f71-\\u0f84\\u0f86-\\u0f87\\u0f8d-\\u0f97\\u0f99-\\u0fbc\\u0fc6\\u1000-\\u1029\\u1040-\\u1049\\u1067-\\u106d\\u1071-\\u1074\\u1082-\\u108d\\u108f-\\u109d\\u135d-\\u135f\\u170e-\\u1710\\u1720-\\u1730\\u1740-\\u1750\\u1772\\u1773\\u1780-\\u17b2\\u17dd\\u17e0-\\u17e9\\u180b-\\u180d\\u1810-\\u1819\\u1920-\\u192b\\u1930-\\u193b\\u1951-\\u196d\\u19b0-\\u19c0\\u19c8-\\u19c9\\u19d0-\\u19d9\\u1a00-\\u1a15\\u1a20-\\u1a53\\u1a60-\\u1a7c\\u1a7f-\\u1a89\\u1a90-\\u1a99\\u1b46-\\u1b4b\\u1b50-\\u1b59\\u1b6b-\\u1b73\\u1bb0-\\u1bb9\\u1be6-\\u1bf3\\u1c00-\\u1c22\\u1c40-\\u1c49\\u1c5b-\\u1c7d\\u1cd0-\\u1cd2\\u1d00-\\u1dbe\\u1e01-\\u1f15\\u200c\\u200d\\u203f\\u2040\\u2054\\u20d0-\\u20dc\\u20e1\\u20e5-\\u20f0\\u2d81-\\u2d96\\u2de0-\\u2dff\\u3021-\\u3028\\u3099\\u309a\\ua640-\\ua66d\\ua674-\\ua67d\\ua69f\\ua6f0-\\ua6f1\\ua7f8-\\ua800\\ua806\\ua80b\\ua823-\\ua827\\ua880-\\ua881\\ua8b4-\\ua8c4\\ua8d0-\\ua8d9\\ua8f3-\\ua8f7\\ua900-\\ua909\\ua926-\\ua92d\\ua930-\\ua945\\ua980-\\ua983\\ua9b3-\\ua9c0\\uaa00-\\uaa27\\uaa40-\\uaa41\\uaa4c-\\uaa4d\\uaa50-\\uaa59\\uaa7b\\uaae0-\\uaae9\\uaaf2-\\uaaf3\\uabc0-\\uabe1\\uabec\\uabed\\uabf0-\\uabf9\\ufb20-\\ufb28\\ufe00-\\ufe0f\\ufe20-\\ufe26\\ufe33\\ufe34\\ufe4d-\\ufe4f\\uff10-\\uff19\\uff3f",s="(?:\\\\u[0-9a-fA-F]{4}|[\\x23\\x24\\x40\\x41-\\x5a\\x5f\\x61-\\x7a"+i+"])",a="(?:\\\\u[0-9a-fA-F]{4}|["+n+i+r+"])*";e.identifier=new RegExp(s+a,"g"),e.identifierStart=new RegExp(s),e.identifierMatch=new RegExp("(?:\\\\u[0-9a-fA-F]{4}|["+n+i+r+"])+");e.newline=/[\n\r\u2028\u2029]/,e.lineBreak=new RegExp("\r\n|"+e.newline.source),e.allLineBreaks=new RegExp(e.lineBreak.source,"g")},function(t,e,n){var i=n(6).Options,r=["before-newline","after-newline","preserve-newline"];function s(t){i.call(this,t,"js");var e=this.raw_options.brace_style||null;"expand-strict"===e?this.raw_options.brace_style="expand":"collapse-preserve-inline"===e?this.raw_options.brace_style="collapse,preserve-inline":void 0!==this.raw_options.braces_on_own_line&&(this.raw_options.brace_style=this.raw_options.braces_on_own_line?"expand":"collapse");var n=this._get_selection_list("brace_style",["collapse","expand","end-expand","none","preserve-inline"]);this.brace_preserve_inline=!1,this.brace_style="collapse";for(var s=0;s<n.length;s++)"preserve-inline"===n[s]?this.brace_preserve_inline=!0:this.brace_style=n[s];this.unindent_chained_methods=this._get_boolean("unindent_chained_methods"),this.break_chained_methods=this._get_boolean("break_chained_methods"),this.space_in_paren=this._get_boolean("space_in_paren"),this.space_in_empty_paren=this._get_boolean("space_in_empty_paren"),this.jslint_happy=this._get_boolean("jslint_happy"),this.space_after_anon_function=this._get_boolean("space_after_anon_function"),this.space_after_named_function=this._get_boolean("space_after_named_function"),this.keep_array_indentation=this._get_boolean("keep_array_indentation"),this.space_before_conditional=this._get_boolean("space_before_conditional",!0),this.unescape_strings=this._get_boolean("unescape_strings"),this.e4x=this._get_boolean("e4x"),this.comma_first=this._get_boolean("comma_first"),this.operator_position=this._get_selection("operator_position",r),this.test_output_raw=this._get_boolean("test_output_raw"),this.jslint_happy&&(this.space_after_anon_function=!0)}s.prototype=new i,t.exports.Options=s},function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,i={};for(n in t=r(t))n!==e&&(i[n]=t[n]);if(e&&t[e])for(n in t[e])i[n]=t[e][n];return i}function r(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],r=e||[];return"object"===i(n)?null!==n&&"function"==typeof n.concat&&(r=n.concat()):"string"==typeof n&&(r=n.split(/[^a-zA-Z0-9_\/\-]+/)),r},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=r,t.exports.mergeOpts=n},function(t,e,n){var i=n(8).InputScanner,r=n(9).Tokenizer,s=n(9).TOKEN,a=n(13).Directives,o=n(4),_=n(12).Pattern,u=n(14).TemplatablePattern;function p(t,e){return-1!==e.indexOf(t)}var l={START_EXPR:"TK_START_EXPR",END_EXPR:"TK_END_EXPR",START_BLOCK:"TK_START_BLOCK",END_BLOCK:"TK_END_BLOCK",WORD:"TK_WORD",RESERVED:"TK_RESERVED",SEMICOLON:"TK_SEMICOLON",STRING:"TK_STRING",EQUALS:"TK_EQUALS",OPERATOR:"TK_OPERATOR",COMMA:"TK_COMMA",BLOCK_COMMENT:"TK_BLOCK_COMMENT",COMMENT:"TK_COMMENT",DOT:"TK_DOT",UNKNOWN:"TK_UNKNOWN",START:s.START,RAW:s.RAW,EOF:s.EOF},h=new a(/\/\*/,/\*\//),c=/0[xX][0123456789abcdefABCDEF_]*n?|0[oO][01234567_]*n?|0[bB][01_]*n?|\d[\d_]*n|(?:\.\d[\d_]*|\d[\d_]*\.?[\d_]*)(?:[eE][+-]?[\d_]+)?/,d=/[0-9]/,f=/[^\d\.]/,g=">>> === !== &&= ??= ||= << && >= ** != == <= >> || ?? |> < / - + > : & % ? ^ | *".split(" "),m=">>>= ... >>= <<= === >>> !== **= &&= ??= ||= => ^= :: /= << <= == && -= >= >> != -- += ** || ?? ++ %= &= *= |= |> = ! ? > < : / ^ - + * & % ~ |";m=(m="\\?\\.(?!\\d) "+(m=m.replace(/[-[\]{}()*+?.,\\^$|#]/g,"\\$&"))).replace(/ /g,"|");var y,b=new RegExp(m),v="continue,try,throw,return,var,let,const,if,switch,case,default,for,while,break,function,import,export".split(","),k=v.concat(["do","in","of","else","get","set","new","catch","finally","typeof","yield","async","await","from","as","class","extends"]),w=new RegExp("^(?:"+k.join("|")+")$"),x=function(t,e){r.call(this,t,e),this._patterns.whitespace=this._patterns.whitespace.matching(/\u00A0\u1680\u180e\u2000-\u200a\u202f\u205f\u3000\ufeff/.source,/\u2028\u2029/.source);var n=new _(this._input),i=new u(this._input).read_options(this._options);this.__patterns={template:i,identifier:i.starting_with(o.identifier).matching(o.identifierMatch),number:n.matching(c),punct:n.matching(b),comment:n.starting_with(/\/\//).until(/[\n\r\u2028\u2029]/),block_comment:n.starting_with(/\/\*/).until_after(/\*\//),html_comment_start:n.matching(/<!--/),html_comment_end:n.matching(/-->/),include:n.starting_with(/#include/).until_after(o.lineBreak),shebang:n.starting_with(/#!/).until_after(o.lineBreak),xml:n.matching(/[\s\S]*?<(\/?)([-a-zA-Z:0-9_.]+|{[^}]+?}|!\[CDATA\[[^\]]*?\]\]|)(\s*{[^}]+?}|\s+[-a-zA-Z:0-9_.]+|\s+[-a-zA-Z:0-9_.]+\s*=\s*('[^']*'|"[^"]*"|{([^{}]|{[^}]+?})+?}))*\s*(\/?)\s*>/),single_quote:i.until(/['\\\n\r\u2028\u2029]/),double_quote:i.until(/["\\\n\r\u2028\u2029]/),template_text:i.until(/[`\\$]/),template_expression:i.until(/[`}\\]/)}};(x.prototype=new r)._is_comment=function(t){return t.type===l.COMMENT||t.type===l.BLOCK_COMMENT||t.type===l.UNKNOWN},x.prototype._is_opening=function(t){return t.type===l.START_BLOCK||t.type===l.START_EXPR},x.prototype._is_closing=function(t,e){return(t.type===l.END_BLOCK||t.type===l.END_EXPR)&&e&&("]"===t.text&&"["===e.text||")"===t.text&&"("===e.text||"}"===t.text&&"{"===e.text)},x.prototype._reset=function(){y=!1},x.prototype._get_next_token=function(t,e){var n=null;this._readWhitespace();var i=this._input.peek();return null===i?this._create_token(l.EOF,""):n=(n=(n=(n=(n=(n=(n=(n=(n=n||this._read_non_javascript(i))||this._read_string(i))||this._read_word(t))||this._read_singles(i))||this._read_comment(i))||this._read_regexp(i,t))||this._read_xml(i,t))||this._read_punctuation())||this._create_token(l.UNKNOWN,this._input.next())},x.prototype._read_word=function(t){var e;return""!==(e=this.__patterns.identifier.read())?(e=e.replace(o.allLineBreaks,"\n"),t.type!==l.DOT&&(t.type!==l.RESERVED||"set"!==t.text&&"get"!==t.text)&&w.test(e)?"in"!==e&&"of"!==e||t.type!==l.WORD&&t.type!==l.STRING?this._create_token(l.RESERVED,e):this._create_token(l.OPERATOR,e):this._create_token(l.WORD,e)):""!==(e=this.__patterns.number.read())?this._create_token(l.WORD,e):void 0},x.prototype._read_singles=function(t){var e=null;return"("===t||"["===t?e=this._create_token(l.START_EXPR,t):")"===t||"]"===t?e=this._create_token(l.END_EXPR,t):"{"===t?e=this._create_token(l.START_BLOCK,t):"}"===t?e=this._create_token(l.END_BLOCK,t):";"===t?e=this._create_token(l.SEMICOLON,t):"."===t&&f.test(this._input.peek(1))?e=this._create_token(l.DOT,t):","===t&&(e=this._create_token(l.COMMA,t)),e&&this._input.next(),e},x.prototype._read_punctuation=function(){var t=this.__patterns.punct.read();if(""!==t)return"="===t?this._create_token(l.EQUALS,t):"?."===t?this._create_token(l.DOT,t):this._create_token(l.OPERATOR,t)},x.prototype._read_non_javascript=function(t){var e="";if("#"===t){if(this._is_first_token()&&(e=this.__patterns.shebang.read()))return this._create_token(l.UNKNOWN,e.trim()+"\n");if(e=this.__patterns.include.read())return this._create_token(l.UNKNOWN,e.trim()+"\n");t=this._input.next();var n="#";if(this._input.hasNext()&&this._input.testChar(d)){do{n+=t=this._input.next()}while(this._input.hasNext()&&"#"!==t&&"="!==t);return"#"===t||("["===this._input.peek()&&"]"===this._input.peek(1)?(n+="[]",this._input.next(),this._input.next()):"{"===this._input.peek()&&"}"===this._input.peek(1)&&(n+="{}",this._input.next(),this._input.next())),this._create_token(l.WORD,n)}this._input.back()}else if("<"===t&&this._is_first_token()){if(e=this.__patterns.html_comment_start.read()){for(;this._input.hasNext()&&!this._input.testChar(o.newline);)e+=this._input.next();return y=!0,this._create_token(l.COMMENT,e)}}else if(y&&"-"===t&&(e=this.__patterns.html_comment_end.read()))return y=!1,this._create_token(l.COMMENT,e);return null},x.prototype._read_comment=function(t){var e=null;if("/"===t){var n="";if("*"===this._input.peek(1)){n=this.__patterns.block_comment.read();var i=h.get_directives(n);i&&"start"===i.ignore&&(n+=h.readIgnored(this._input)),n=n.replace(o.allLineBreaks,"\n"),(e=this._create_token(l.BLOCK_COMMENT,n)).directives=i}else"/"===this._input.peek(1)&&(n=this.__patterns.comment.read(),e=this._create_token(l.COMMENT,n))}return e},x.prototype._read_string=function(t){if("`"===t||"'"===t||'"'===t){var e=this._input.next();return this.has_char_escapes=!1,e+="`"===t?this._read_string_recursive("`",!0,"${"):this._read_string_recursive(t),this.has_char_escapes&&this._options.unescape_strings&&(e=function(t){var e="",n=0,r=new i(t),s=null;for(;r.hasNext();)if((s=r.match(/([\s]|[^\\]|\\\\)+/g))&&(e+=s[0]),"\\"===r.peek()){if(r.next(),"x"===r.peek())s=r.match(/x([0-9A-Fa-f]{2})/g);else{if("u"!==r.peek()){e+="\\",r.hasNext()&&(e+=r.next());continue}s=r.match(/u([0-9A-Fa-f]{4})/g)}if(!s)return t;if((n=parseInt(s[1],16))>126&&n<=255&&0===s[0].indexOf("x"))return t;if(n>=0&&n<32){e+="\\"+s[0];continue}e+=34===n||39===n||92===n?"\\"+String.fromCharCode(n):String.fromCharCode(n)}return e}(e)),this._input.peek()===t&&(e+=this._input.next()),e=e.replace(o.allLineBreaks,"\n"),this._create_token(l.STRING,e)}return null},x.prototype._allow_regexp_or_xml=function(t){return t.type===l.RESERVED&&p(t.text,["return","case","throw","else","do","typeof","yield"])||t.type===l.END_EXPR&&")"===t.text&&t.opened.previous.type===l.RESERVED&&p(t.opened.previous.text,["if","while","for"])||p(t.type,[l.COMMENT,l.START_EXPR,l.START_BLOCK,l.START,l.END_BLOCK,l.OPERATOR,l.EQUALS,l.EOF,l.SEMICOLON,l.COMMA])},x.prototype._read_regexp=function(t,e){if("/"===t&&this._allow_regexp_or_xml(e)){for(var n=this._input.next(),i=!1,r=!1;this._input.hasNext()&&(i||r||this._input.peek()!==t)&&!this._input.testChar(o.newline);)n+=this._input.peek(),i?i=!1:(i="\\"===this._input.peek(),"["===this._input.peek()?r=!0:"]"===this._input.peek()&&(r=!1)),this._input.next();return this._input.peek()===t&&(n+=this._input.next(),n+=this._input.read(o.identifier)),this._create_token(l.STRING,n)}return null},x.prototype._read_xml=function(t,e){if(this._options.e4x&&"<"===t&&this._allow_regexp_or_xml(e)){var n="",i=this.__patterns.xml.read_match();if(i){for(var r=i[2].replace(/^{\s+/,"{").replace(/\s+}$/,"}"),s=0===r.indexOf("{"),a=0;i;){var _=!!i[1],u=i[2];if(!(!!i[i.length-1]||"![CDATA["===u.slice(0,8))&&(u===r||s&&u.replace(/^{\s+/,"{").replace(/\s+}$/,"}"))&&(_?--a:++a),n+=i[0],a<=0)break;i=this.__patterns.xml.read_match()}return i||(n+=this._input.match(/[\s\S]*/g)[0]),n=n.replace(o.allLineBreaks,"\n"),this._create_token(l.STRING,n)}}return null},x.prototype._read_string_recursive=function(t,e,n){var i,r;"'"===t?r=this.__patterns.single_quote:'"'===t?r=this.__patterns.double_quote:"`"===t?r=this.__patterns.template_text:"}"===t&&(r=this.__patterns.template_expression);for(var s=r.read(),a="";this._input.hasNext();){if((a=this._input.next())===t||!e&&o.newline.test(a)){this._input.back();break}"\\"===a&&this._input.hasNext()?("x"===(i=this._input.peek())||"u"===i?this.has_char_escapes=!0:"\r"===i&&"\n"===this._input.peek(1)&&this._input.next(),a+=this._input.next()):n&&("${"===n&&"$"===a&&"{"===this._input.peek()&&(a+=this._input.next()),n===a&&(a+="`"===t?this._read_string_recursive("}",e,"`"):this._read_string_recursive("`",e,"${"),this._input.hasNext()&&(a+=this._input.next()))),s+=a+=r.read()}return s},t.exports.Tokenizer=x,t.exports.TOKEN=l,t.exports.positionable_operators=g.slice(),t.exports.line_starters=v.slice()},function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,r="";return t&&(i=this.match(t))&&(r+=i[0]),!e||!i&&t||(r+=this.readUntil(e,n)),r},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var r=t.exec(this.__input);return r?(i=r.index,e&&(i+=r[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,r="g";return n&&e&&(r="y"),"string"==typeof t&&""!==t?i=new RegExp(t,r):t&&(i=new RegExp(t.source,r)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},function(t,e,n){var i=n(8).InputScanner,r=n(3).Token,s=n(10).TokenStream,a=n(11).WhitespacePattern,o={START:"TK_START",RAW:"TK_RAW",EOF:"TK_EOF"},_=function(t,e){this._input=new i(t),this._options=e||{},this.__tokens=null,this._patterns={},this._patterns.whitespace=new a(this._input)};_.prototype.tokenize=function(){var t;this._input.restart(),this.__tokens=new s,this._reset();for(var e=new r(o.START,""),n=null,i=[],a=new s;e.type!==o.EOF;){for(t=this._get_next_token(e,n);this._is_comment(t);)a.add(t),t=this._get_next_token(e,n);a.isEmpty()||(t.comments_before=a,a=new s),t.parent=n,this._is_opening(t)?(i.push(n),n=t):n&&this._is_closing(t,n)&&(t.opened=n,n.closed=t,n=i.pop(),t.parent=n),t.previous=e,e.next=t,this.__tokens.add(t),e=t}return this.__tokens},_.prototype._is_first_token=function(){return this.__tokens.isEmpty()},_.prototype._reset=function(){},_.prototype._get_next_token=function(t,e){this._readWhitespace();var n=this._input.read(/.+/g);return n?this._create_token(o.RAW,n):this._create_token(o.EOF,"")},_.prototype._is_comment=function(t){return!1},_.prototype._is_opening=function(t){return!1},_.prototype._is_closing=function(t,e){return!1},_.prototype._create_token=function(t,e){return new r(t,e,this._patterns.whitespace.newline_count,this._patterns.whitespace.whitespace_before_token)},_.prototype._readWhitespace=function(){return this._patterns.whitespace.read()},t.exports.Tokenizer=_,t.exports.TOKEN=o},function(t){function e(t){this.__tokens=[],this.__tokens_length=this.__tokens.length,this.__position=0,this.__parent_token=t}e.prototype.restart=function(){this.__position=0},e.prototype.isEmpty=function(){return 0===this.__tokens_length},e.prototype.hasNext=function(){return this.__position<this.__tokens_length},e.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__tokens[this.__position],this.__position+=1),t},e.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__tokens_length&&(e=this.__tokens[t]),e},e.prototype.add=function(t){this.__parent_token&&(t.parent=this.__parent_token),this.__tokens.push(t),this.__tokens_length+=1},t.exports.TokenStream=e},function(t,e,n){var i=n(12).Pattern;function r(t,e){i.call(this,t,e),e?this._line_regexp=this._input.get_regexp(e._line_regexp):this.__set_whitespace_patterns("",""),this.newline_count=0,this.whitespace_before_token=""}r.prototype=new i,r.prototype.__set_whitespace_patterns=function(t,e){t+="\\t ",e+="\\n\\r",this._match_pattern=this._input.get_regexp("["+t+e+"]+",!0),this._newline_regexp=this._input.get_regexp("\\r\\n|["+e+"]")},r.prototype.read=function(){this.newline_count=0,this.whitespace_before_token="";var t=this._input.read(this._match_pattern);if(" "===t)this.whitespace_before_token=" ";else if(t){var e=this.__split(this._newline_regexp,t);this.newline_count=e.length-1,this.whitespace_before_token=e[this.newline_count]}return t},r.prototype.matching=function(t,e){var n=this._create();return n.__set_whitespace_patterns(t,e),n._update(),n},r.prototype._create=function(){return new r(this._input,this)},r.prototype.__split=function(t,e){t.lastIndex=0;for(var n=0,i=[],r=t.exec(e);r;)i.push(e.substring(n,r.index)),n=r.index+r[0].length,r=t.exec(e);return n<e.length?i.push(e.substring(n,e.length)):i.push(""),i},t.exports.WhitespacePattern=r},function(t){function e(t,e){this._input=t,this._starting_pattern=null,this._match_pattern=null,this._until_pattern=null,this._until_after=!1,e&&(this._starting_pattern=this._input.get_regexp(e._starting_pattern,!0),this._match_pattern=this._input.get_regexp(e._match_pattern,!0),this._until_pattern=this._input.get_regexp(e._until_pattern),this._until_after=e._until_after)}e.prototype.read=function(){var t=this._input.read(this._starting_pattern);return this._starting_pattern&&!t||(t+=this._input.read(this._match_pattern,this._until_pattern,this._until_after)),t},e.prototype.read_match=function(){return this._input.match(this._match_pattern)},e.prototype.until_after=function(t){var e=this._create();return e._until_after=!0,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.until=function(t){var e=this._create();return e._until_after=!1,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.starting_with=function(t){var e=this._create();return e._starting_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype.matching=function(t){var e=this._create();return e._match_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype._create=function(){return new e(this._input,this)},e.prototype._update=function(){},t.exports.Pattern=e},function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},function(t,e,n){var i=n(12).Pattern,r={django:!1,erb:!1,handlebars:!1,php:!1,smarty:!1};function s(t,e){i.call(this,t,e),this.__template_pattern=null,this._disabled=Object.assign({},r),this._excluded=Object.assign({},r),e&&(this.__template_pattern=this._input.get_regexp(e.__template_pattern),this._excluded=Object.assign(this._excluded,e._excluded),this._disabled=Object.assign(this._disabled,e._disabled));var n=new i(t);this.__patterns={handlebars_comment:n.starting_with(/{{!--/).until_after(/--}}/),handlebars_unescaped:n.starting_with(/{{{/).until_after(/}}}/),handlebars:n.starting_with(/{{/).until_after(/}}/),php:n.starting_with(/<\?(?:[= ]|php)/).until_after(/\?>/),erb:n.starting_with(/<%[^%]/).until_after(/[^%]%>/),django:n.starting_with(/{%/).until_after(/%}/),django_value:n.starting_with(/{{/).until_after(/}}/),django_comment:n.starting_with(/{#/).until_after(/#}/),smarty:n.starting_with(/{(?=[^}{\s\n])/).until_after(/[^\s\n]}/),smarty_comment:n.starting_with(/{\*/).until_after(/\*}/),smarty_literal:n.starting_with(/{literal}/).until_after(/{\/literal}/)}}s.prototype=new i,s.prototype._create=function(){return new s(this._input,this)},s.prototype._update=function(){this.__set_templated_pattern()},s.prototype.disable=function(t){var e=this._create();return e._disabled[t]=!0,e._update(),e},s.prototype.read_options=function(t){var e=this._create();for(var n in r)e._disabled[n]=-1===t.templating.indexOf(n);return e._update(),e},s.prototype.exclude=function(t){var e=this._create();return e._excluded[t]=!0,e._update(),e},s.prototype.read=function(){var t="";t=this._match_pattern?this._input.read(this._starting_pattern):this._input.read(this._starting_pattern,this.__template_pattern);for(var e=this._read_template();e;)this._match_pattern?e+=this._input.read(this._match_pattern):e+=this._input.readUntil(this.__template_pattern),t+=e,e=this._read_template();return this._until_after&&(t+=this._input.readUntilAfter(this._until_pattern)),t},s.prototype.__set_templated_pattern=function(){var t=[];this._disabled.php||t.push(this.__patterns.php._starting_pattern.source),this._disabled.handlebars||t.push(this.__patterns.handlebars._starting_pattern.source),this._disabled.erb||t.push(this.__patterns.erb._starting_pattern.source),this._disabled.django||(t.push(this.__patterns.django._starting_pattern.source),t.push(this.__patterns.django_value._starting_pattern.source),t.push(this.__patterns.django_comment._starting_pattern.source)),this._disabled.smarty||t.push(this.__patterns.smarty._starting_pattern.source),this._until_pattern&&t.push(this._until_pattern.source),this.__template_pattern=this._input.get_regexp("(?:"+t.join("|")+")")},s.prototype._read_template=function(){var t="",e=this._input.peek();if("<"===e){var n=this._input.peek(1);this._disabled.php||this._excluded.php||"?"!==n||(t=t||this.__patterns.php.read()),this._disabled.erb||this._excluded.erb||"%"!==n||(t=t||this.__patterns.erb.read())}else"{"===e&&(this._disabled.handlebars||this._excluded.handlebars||(t=(t=(t=t||this.__patterns.handlebars_comment.read())||this.__patterns.handlebars_unescaped.read())||this.__patterns.handlebars.read()),this._disabled.django||(this._excluded.django||this._excluded.handlebars||(t=t||this.__patterns.django_value.read()),this._excluded.django||(t=(t=t||this.__patterns.django_comment.read())||this.__patterns.django.read())),this._disabled.smarty||this._disabled.django&&this._disabled.handlebars&&(t=(t=(t=t||this.__patterns.smarty_comment.read())||this.__patterns.smarty_literal.read())||this.__patterns.smarty.read()));return t},t.exports.TemplatablePattern=s}],e={};var n=function n(i){var r=e[i];if(void 0!==r)return r.exports;var s=e[i]={exports:{}};return t[i](s,s.exports,n),s.exports}(0);r=n}();var s=r;void 0===(n=function(){return{js_beautify:s}}.apply(e,[]))||(t.exports=n)}()},406:function(){!function(t){var e="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},i={bash:n,environment:{pattern:RegExp("\\$"+e),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+e),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};t.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+e),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},parameter:{pattern:/(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:i},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:i},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:i.entity}}],environment:{pattern:RegExp("\\$?"+e),alias:"constant"},variable:i.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=t.languages.bash;for(var r=["comment","function-name","for-or-select","assign-left","parameter","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],s=i.variable[1].inside,a=0;a<r.length;a++)s[r[a]]=t.languages.bash[r[a]];t.languages.sh=t.languages.bash,t.languages.shell=t.languages.bash}(Prism)},399:function(){Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}},171:function(t,e,n){var i=function(t){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,n=0,i={},r={manual:t.Prism&&t.Prism.manual,disableWorkerMessageHandler:t.Prism&&t.Prism.disableWorkerMessageHandler,util:{encode:function t(e){return e instanceof s?new s(e.type,t(e.content),e.alias):Array.isArray(e)?e.map(t):e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(t){return Object.prototype.toString.call(t).slice(8,-1)},objId:function(t){return t.__id||Object.defineProperty(t,"__id",{value:++n}),t.__id},clone:function t(e,n){var i,s;switch(n=n||{},r.util.type(e)){case"Object":if(s=r.util.objId(e),n[s])return n[s];for(var a in i={},n[s]=i,e)e.hasOwnProperty(a)&&(i[a]=t(e[a],n));return i;case"Array":return s=r.util.objId(e),n[s]?n[s]:(i=[],n[s]=i,e.forEach((function(e,r){i[r]=t(e,n)})),i);default:return e}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(i){var t=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(i.stack)||[])[1];if(t){var e=document.getElementsByTagName("script");for(var n in e)if(e[n].src==t)return e[n]}return null}},isActive:function(t,e,n){for(var i="no-"+e;t;){var r=t.classList;if(r.contains(e))return!0;if(r.contains(i))return!1;t=t.parentElement}return!!n}},languages:{plain:i,plaintext:i,text:i,txt:i,extend:function(t,e){var n=r.util.clone(r.languages[t]);for(var i in e)n[i]=e[i];return n},insertBefore:function(t,e,n,i){var s=(i=i||r.languages)[t],a={};for(var o in s)if(s.hasOwnProperty(o)){if(o==e)for(var _ in n)n.hasOwnProperty(_)&&(a[_]=n[_]);n.hasOwnProperty(o)||(a[o]=s[o])}var u=i[t];return i[t]=a,r.languages.DFS(r.languages,(function(e,n){n===u&&e!=t&&(this[e]=a)})),a},DFS:function t(e,n,i,s){s=s||{};var a=r.util.objId;for(var o in e)if(e.hasOwnProperty(o)){n.call(e,o,e[o],i||o);var _=e[o],u=r.util.type(_);"Object"!==u||s[a(_)]?"Array"!==u||s[a(_)]||(s[a(_)]=!0,t(_,n,o,s)):(s[a(_)]=!0,t(_,n,null,s))}}},plugins:{},highlightAll:function(t,e){r.highlightAllUnder(document,t,e)},highlightAllUnder:function(t,e,n){var i={callback:n,container:t,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};r.hooks.run("before-highlightall",i),i.elements=Array.prototype.slice.apply(i.container.querySelectorAll(i.selector)),r.hooks.run("before-all-elements-highlight",i);for(var s,a=0;s=i.elements[a++];)r.highlightElement(s,!0===e,i.callback)},highlightElement:function(e,n,i){var s=r.util.getLanguage(e),a=r.languages[s];r.util.setLanguage(e,s);var o=e.parentElement;o&&"pre"===o.nodeName.toLowerCase()&&r.util.setLanguage(o,s);var _={element:e,language:s,grammar:a,code:e.textContent};function u(t){_.highlightedCode=t,r.hooks.run("before-insert",_),_.element.innerHTML=_.highlightedCode,r.hooks.run("after-highlight",_),r.hooks.run("complete",_),i&&i.call(_.element)}if(r.hooks.run("before-sanity-check",_),(o=_.element.parentElement)&&"pre"===o.nodeName.toLowerCase()&&!o.hasAttribute("tabindex")&&o.setAttribute("tabindex","0"),!_.code)return r.hooks.run("complete",_),void(i&&i.call(_.element));if(r.hooks.run("before-highlight",_),_.grammar)if(n&&t.Worker){var p=new Worker(r.filename);p.onmessage=function(t){u(t.data)},p.postMessage(JSON.stringify({language:_.language,code:_.code,immediateClose:!0}))}else u(r.highlight(_.code,_.grammar,_.language));else u(r.util.encode(_.code))},highlight:function(t,e,n){var i={code:t,grammar:e,language:n};if(r.hooks.run("before-tokenize",i),!i.grammar)throw new Error('The language "'+i.language+'" has no grammar.');return i.tokens=r.tokenize(i.code,i.grammar),r.hooks.run("after-tokenize",i),s.stringify(r.util.encode(i.tokens),i.language)},tokenize:function(t,e){var n=e.rest;if(n){for(var i in n)e[i]=n[i];delete e.rest}var r=new _;return u(r,r.head,t),o(t,r,e,r.head,0),function(t){var e=[],n=t.head.next;for(;n!==t.tail;)e.push(n.value),n=n.next;return e}(r)},hooks:{all:{},add:function(t,e){var n=r.hooks.all;n[t]=n[t]||[],n[t].push(e)},run:function(t,e){var n=r.hooks.all[t];if(n&&n.length)for(var i,s=0;i=n[s++];)i(e)}},Token:s};function s(t,e,n,i){this.type=t,this.content=e,this.alias=n,this.length=0|(i||"").length}function a(t,e,n,i){t.lastIndex=e;var r=t.exec(n);if(r&&i&&r[1]){var s=r[1].length;r.index+=s,r[0]=r[0].slice(s)}return r}function o(t,e,n,i,_,l){for(var h in n)if(n.hasOwnProperty(h)&&n[h]){var c=n[h];c=Array.isArray(c)?c:[c];for(var d=0;d<c.length;++d){if(l&&l.cause==h+","+d)return;var f=c[d],g=f.inside,m=!!f.lookbehind,y=!!f.greedy,b=f.alias;if(y&&!f.pattern.global){var v=f.pattern.toString().match(/[imsuy]*$/)[0];f.pattern=RegExp(f.pattern.source,v+"g")}for(var k=f.pattern||f,w=i.next,x=_;w!==e.tail&&!(l&&x>=l.reach);x+=w.value.length,w=w.next){var S=w.value;if(e.length>t.length)return;if(!(S instanceof s)){var E,O=1;if(y){if(!(E=a(k,x,t,m))||E.index>=t.length)break;var P=E.index,A=E.index+E[0].length,T=x;for(T+=w.value.length;P>=T;)T+=(w=w.next).value.length;if(x=T-=w.value.length,w.value instanceof s)continue;for(var R=w;R!==e.tail&&(T<A||"string"==typeof R.value);R=R.next)O++,T+=R.value.length;O--,S=t.slice(x,T),E.index-=x}else if(!(E=a(k,0,S,m)))continue;P=E.index;var N=E[0],L=S.slice(0,P),C=S.slice(P+N.length),I=x+S.length;l&&I>l.reach&&(l.reach=I);var D=w.prev;if(L&&(D=u(e,D,L),x+=L.length),p(e,D,O),w=u(e,D,new s(h,g?r.tokenize(N,g):N,b,N)),C&&u(e,w,C),O>1){var F={cause:h+","+d,reach:I};o(t,e,n,w.prev,x,F),l&&F.reach>l.reach&&(l.reach=F.reach)}}}}}}function _(){var t={value:null,prev:null,next:null},e={value:null,prev:t,next:null};t.next=e,this.head=t,this.tail=e,this.length=0}function u(t,e,n){var i=e.next,r={value:n,prev:e,next:i};return e.next=r,i.prev=r,t.length++,r}function p(t,e,n){for(var i=e.next,r=0;r<n&&i!==t.tail;r++)i=i.next;e.next=i,i.prev=e,t.length-=r}if(t.Prism=r,s.stringify=function t(e,n){if("string"==typeof e)return e;if(Array.isArray(e)){var i="";return e.forEach((function(e){i+=t(e,n)})),i}var s={type:e.type,content:t(e.content,n),tag:"span",classes:["token",e.type],attributes:{},language:n},a=e.alias;a&&(Array.isArray(a)?Array.prototype.push.apply(s.classes,a):s.classes.push(a)),r.hooks.run("wrap",s);var o="";for(var _ in s.attributes)o+=" "+_+'="'+(s.attributes[_]||"").replace(/"/g,"&quot;")+'"';return"<"+s.tag+' class="'+s.classes.join(" ")+'"'+o+">"+s.content+"</"+s.tag+">"},!t.document)return t.addEventListener?(r.disableWorkerMessageHandler||t.addEventListener("message",(function(e){var n=JSON.parse(e.data),i=n.language,s=n.code,a=n.immediateClose;t.postMessage(r.highlight(s,r.languages[i],i)),a&&t.close()}),!1),r):r;var l=r.util.currentScript();function h(){r.manual||r.highlightAll()}if(l&&(r.filename=l.src,l.hasAttribute("data-manual")&&(r.manual=!0)),!r.manual){var c=document.readyState;"loading"===c||"interactive"===c&&l&&l.defer?document.addEventListener("DOMContentLoaded",h):window.requestAnimationFrame?window.requestAnimationFrame(h):window.setTimeout(h,16)}return r}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});t.exports&&(t.exports=i),void 0!==n.g&&(n.g.Prism=i)},404:function(){!function(t){var e,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;t.languages.css.selector={pattern:t.languages.css.selector.pattern,lookbehind:!0,inside:e={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},t.languages.css.atrule.inside["selector-function-argument"].inside=e,t.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var i={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},r={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};t.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:i,number:r,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:i,number:r})}(Prism)},403:function(){!function(t){var e=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;t.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+e.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:e,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},t.languages.css.atrule.inside.rest=t.languages.css;var n=t.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(Prism)},409:function(){!function(t){t.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},t.hooks.add("before-tokenize",(function(e){t.languages["markup-templating"].buildPlaceholders(e,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),t.hooks.add("after-tokenize",(function(e){t.languages["markup-templating"].tokenizePlaceholders(e,"handlebars")})),t.languages.hbs=t.languages.handlebars,t.languages.mustache=t.languages.handlebars}(Prism)},400:function(){Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),Prism.languages.js=Prism.languages.javascript},402:function(){Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json},407:function(){!function(t){var e=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(t){return t=t.replace(/<inner>/g,(function(){return e})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+t+")")}var i=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,r=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return i})),s=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;t.languages.markdown=t.languages.extend("markup",{}),t.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:t.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+r+s+"(?:"+r+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+r+s+")(?:"+r+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(i),inside:t.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+r+")"+s+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+r+"$"),inside:{"table-header":{pattern:RegExp(i),alias:"important",inside:t.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(e){["url","bold","italic","strike","code-snippet"].forEach((function(n){e!==n&&(t.languages.markdown[e].inside.content.inside[n]=t.languages.markdown[n])}))})),t.hooks.add("after-tokenize",(function(t){"markdown"!==t.language&&"md"!==t.language||function t(e){if(e&&"string"!=typeof e)for(var n=0,i=e.length;n<i;n++){var r=e[n];if("code"===r.type){var s=r.content[1],a=r.content[3];if(s&&a&&"code-language"===s.type&&"code-block"===a.type&&"string"==typeof s.content){var o=s.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),_="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase());a.alias?"string"==typeof a.alias?a.alias=[a.alias,_]:a.alias.push(_):a.alias=[_]}}else t(r.content)}}(t.tokens)})),t.hooks.add("wrap",(function(e){if("code-block"===e.type){for(var n="",i=0,r=e.classes.length;i<r;i++){var s=e.classes[i],u=/language-(.+)/.exec(s);if(u){n=u[1];break}}var p,l=t.languages[n];if(l)e.content=t.highlight((p=e.content,p.replace(a,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(t,e){var n;if("#"===(e=e.toLowerCase())[0])return n="x"===e[1]?parseInt(e.slice(2),16):Number(e.slice(1)),_(n);var i=o[e];return i||t}))),l,n);else if(n&&"none"!==n&&t.plugins.autoloader){var h="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random());e.attributes.id=h,t.plugins.autoloader.loadLanguages(n,(function(){var e=document.getElementById(h);e&&(e.innerHTML=t.highlight(e.textContent,t.languages[n],n))}))}}}));var a=RegExp(t.languages.markup.tag.pattern.source,"gi"),o={amp:"&",lt:"<",gt:">",quot:'"'},_=String.fromCodePoint||String.fromCharCode;t.languages.md=t.languages.markdown}(Prism)},396:function(){!function(t){function e(t,e){return"___"+t.toUpperCase()+e+"___"}Object.defineProperties(t.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,i,r,s){if(n.language===i){var a=n.tokenStack=[];n.code=n.code.replace(r,(function(t){if("function"==typeof s&&!s(t))return t;for(var r,o=a.length;-1!==n.code.indexOf(r=e(i,o));)++o;return a[o]=t,r})),n.grammar=t.languages.markup}}},tokenizePlaceholders:{value:function(n,i){if(n.language===i&&n.tokenStack){n.grammar=t.languages[i];var r=0,s=Object.keys(n.tokenStack);!function a(o){for(var _=0;_<o.length&&!(r>=s.length);_++){var u=o[_];if("string"==typeof u||u.content&&"string"==typeof u.content){var p=s[r],l=n.tokenStack[p],h="string"==typeof u?u:u.content,c=e(i,p),d=h.indexOf(c);if(d>-1){++r;var f=h.substring(0,d),g=new t.Token(i,t.tokenize(l,n.grammar),"language-"+i,l),m=h.substring(d+c.length),y=[];f&&y.push.apply(y,a([f])),y.push(g),m&&y.push.apply(y,a([m])),"string"==typeof u?o.splice.apply(o,[_,1].concat(y)):u.content=y}}else u.content&&a(u.content)}return o}(n.tokens)}}}})}(Prism)},397:function(){Prism.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",(function(t){"entity"===t.type&&(t.attributes.title=t.content.replace(/&amp;/,"&"))})),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(t,e){var n={};n["language-"+e]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[e]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;var i={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};i["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var r={};r[t]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return t})),"i"),lookbehind:!0,greedy:!0,inside:i},Prism.languages.insertBefore("markup","cdata",r)}}),Object.defineProperty(Prism.languages.markup.tag,"addAttribute",{value:function(t,e){Prism.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+t+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:Prism.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml},405:function(){Prism.languages.scss=Prism.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),Prism.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),Prism.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),Prism.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),Prism.languages.scss.atrule.inside.rest=Prism.languages.scss},398:function(){Prism.languages.twig={comment:/^\{#[\s\S]*?#\}$/,"tag-name":{pattern:/(^\{%-?\s*)\w+/,lookbehind:!0,alias:"keyword"},delimiter:{pattern:/^\{[{%]-?|-?[%}]\}$/,alias:"punctuation"},string:{pattern:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,inside:{punctuation:/^['"]|['"]$/}},keyword:/\b(?:even|if|odd)\b/,boolean:/\b(?:false|null|true)\b/,number:/\b0x[\dA-Fa-f]+|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][-+]?\d+)?/,operator:[{pattern:/(\s)(?:and|b-and|b-or|b-xor|ends with|in|is|matches|not|or|same as|starts with)(?=\s)/,lookbehind:!0},/[=<>]=?|!=|\*\*?|\/\/?|\?:?|[-+~%|]/],punctuation:/[()\[\]{}:.,]/},Prism.hooks.add("before-tokenize",(function(t){if("twig"===t.language){Prism.languages["markup-templating"].buildPlaceholders(t,"twig",/\{(?:#[\s\S]*?#|%[\s\S]*?%|\{[\s\S]*?\})\}/g)}})),Prism.hooks.add("after-tokenize",(function(t){Prism.languages["markup-templating"].tokenizePlaceholders(t,"twig")}))},401:function(){!function(t){t.languages.typescript=t.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),t.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete t.languages.typescript.parameter,delete t.languages.typescript["literal-property"];var e=t.languages.extend("typescript",{});delete e["class-name"],t.languages.typescript["class-name"].inside=e,t.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e}}}}),t.languages.ts=t.languages.typescript}(Prism)},408:function(){!function(t){var e=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,i="(?:"+n.source+"(?:[ \t]+"+e.source+")?|"+e.source+"(?:[ \t]+"+n.source+")?)",r=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),s=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function a(t,e){e=(e||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return i})).replace(/<<value>>/g,(function(){return t}));return RegExp(n,e)}t.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return i}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return i})).replace(/<<key>>/g,(function(){return"(?:"+r+"|"+s+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:a(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:a(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:a(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:a(s),lookbehind:!0,greedy:!0},number:{pattern:a(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:e,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},t.languages.yml=t.languages.yaml}(Prism)},282:function(t){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}!function(){if("undefined"!=typeof Prism){var n=Object.assign||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},i={"remove-trailing":"boolean","remove-indent":"boolean","left-trim":"boolean","right-trim":"boolean","break-lines":"number",indent:"number","remove-initial-line-feed":"boolean","tabs-to-spaces":"number","spaces-to-tabs":"number"};r.prototype={setDefaults:function(t){this.defaults=n(this.defaults,t)},normalize:function(t,e){for(var i in e=n(this.defaults,e)){var r=i.replace(/-(\w)/g,(function(t,e){return e.toUpperCase()}));"normalize"!==i&&"setDefaults"!==r&&e[i]&&this[r]&&(t=this[r].call(this,t,e[i]))}return t},leftTrim:function(t){return t.replace(/^\s+/,"")},rightTrim:function(t){return t.replace(/\s+$/,"")},tabsToSpaces:function(t,e){return e=0|e||4,t.replace(/\t/g,new Array(++e).join(" "))},spacesToTabs:function(t,e){return e=0|e||4,t.replace(RegExp(" {"+e+"}","g"),"\t")},removeTrailing:function(t){return t.replace(/\s*?$/gm,"")},removeInitialLineFeed:function(t){return t.replace(/^(?:\r?\n|\r)/,"")},removeIndent:function(t){var e=t.match(/^[^\S\n\r]*(?=\S)/gm);return e&&e[0].length?(e.sort((function(t,e){return t.length-e.length})),e[0].length?t.replace(RegExp("^"+e[0],"gm"),""):t):t},indent:function(t,e){return t.replace(/^[^\S\n\r]*(?=\S)/gm,new Array(++e).join("\t")+"$&")},breakLines:function(t,e){e=!0===e?80:0|e||80;for(var n=t.split("\n"),i=0;i<n.length;++i)if(!(s(n[i])<=e)){for(var r=n[i].split(/(\s+)/g),a=0,o=0;o<r.length;++o){var _=s(r[o]);(a+=_)>e&&(r[o]="\n"+r[o],a=_)}n[i]=r.join("")}return n.join("\n")}},t.exports&&(t.exports=r),Prism.plugins.NormalizeWhitespace=new r({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0}),Prism.hooks.add("before-sanity-check",(function(t){var n=Prism.plugins.NormalizeWhitespace;if((!t.settings||!1!==t.settings["whitespace-normalization"])&&Prism.util.isActive(t.element,"whitespace-normalization",!0))if(t.element&&t.element.parentNode||!t.code){var r=t.element.parentNode;if(t.code&&r&&"pre"===r.nodeName.toLowerCase()){for(var s in null==t.settings&&(t.settings={}),i)if(Object.hasOwnProperty.call(i,s)){var a=i[s];if(r.hasAttribute("data-"+s))try{var o=JSON.parse(r.getAttribute("data-"+s)||"true");e(o)===a&&(t.settings[s]=o)}catch(f){}}for(var _=r.childNodes,u="",p="",l=!1,h=0;h<_.length;++h){var c=_[h];c==t.element?l=!0:"#text"===c.nodeName&&(l?p+=c.nodeValue:u+=c.nodeValue,r.removeChild(c),--h)}if(t.element.children.length&&Prism.plugins.KeepMarkup){var d=u+t.element.innerHTML+p;t.element.innerHTML=n.normalize(d,t.settings),t.code=t.element.textContent}else t.code=u+t.code+p,t.code=n.normalize(t.code,t.settings)}}else t.code=n.normalize(t.code,t.settings)}))}function r(t){this.defaults=n({},t)}function s(t){for(var e=0,n=0;n<t.length;++n)t.charCodeAt(n)=="\t".charCodeAt(0)&&(e+=3);return t.length+e}}()},393:function(t,e,n){"use strict";function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function r(){r=function(){return t};var t={},e=Object.prototype,n=e.hasOwnProperty,s=Object.defineProperty||function(t,e,n){t[e]=n.value},a="function"==typeof Symbol?Symbol:{},o=a.iterator||"@@iterator",_=a.asyncIterator||"@@asyncIterator",u=a.toStringTag||"@@toStringTag";function p(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{p({},"")}catch(R){p=function(t,e,n){return t[e]=n}}function l(t,e,n,i){var r=e&&e.prototype instanceof d?e:d,a=Object.create(r.prototype),o=new P(i||[]);return s(a,"_invoke",{value:x(t,n,o)}),a}function h(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(R){return{type:"throw",arg:R}}}t.wrap=l;var c={};function d(){}function f(){}function g(){}var m={};p(m,o,(function(){return this}));var y=Object.getPrototypeOf,b=y&&y(y(A([])));b&&b!==e&&n.call(b,o)&&(m=b);var v=g.prototype=d.prototype=Object.create(m);function k(t){["next","throw","return"].forEach((function(e){p(t,e,(function(t){return this._invoke(e,t)}))}))}function w(t,e){function r(s,a,o,_){var u=h(t[s],t,a);if("throw"!==u.type){var p=u.arg,l=p.value;return l&&"object"==i(l)&&n.call(l,"__await")?e.resolve(l.__await).then((function(t){r("next",t,o,_)}),(function(t){r("throw",t,o,_)})):e.resolve(l).then((function(t){p.value=t,o(p)}),(function(t){return r("throw",t,o,_)}))}_(u.arg)}var a;s(this,"_invoke",{value:function(t,n){function i(){return new e((function(e,i){r(t,n,e,i)}))}return a=a?a.then(i,i):i()}})}function x(t,e,n){var i="suspendedStart";return function(r,s){if("executing"===i)throw new Error("Generator is already running");if("completed"===i){if("throw"===r)throw s;return T()}for(n.method=r,n.arg=s;;){var a=n.delegate;if(a){var o=S(a,n);if(o){if(o===c)continue;return o}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===i)throw i="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);i="executing";var _=h(t,e,n);if("normal"===_.type){if(i=n.done?"completed":"suspendedYield",_.arg===c)continue;return{value:_.arg,done:n.done}}"throw"===_.type&&(i="completed",n.method="throw",n.arg=_.arg)}}}function S(t,e){var n=e.method,i=t.iterator[n];if(void 0===i)return e.delegate=null,"throw"===n&&t.iterator.return&&(e.method="return",e.arg=void 0,S(t,e),"throw"===e.method)||"return"!==n&&(e.method="throw",e.arg=new TypeError("The iterator does not provide a '"+n+"' method")),c;var r=h(i,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,c;var s=r.arg;return s?s.done?(e[t.resultName]=s.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,c):s:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,c)}function E(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function O(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function P(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(E,this),this.reset(!0)}function A(t){if(t){var e=t[o];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var i=-1,r=function e(){for(;++i<t.length;)if(n.call(t,i))return e.value=t[i],e.done=!1,e;return e.value=void 0,e.done=!0,e};return r.next=r}}return{next:T}}function T(){return{value:void 0,done:!0}}return f.prototype=g,s(v,"constructor",{value:g,configurable:!0}),s(g,"constructor",{value:f,configurable:!0}),f.displayName=p(g,u,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,g):(t.__proto__=g,p(t,u,"GeneratorFunction")),t.prototype=Object.create(v),t},t.awrap=function(t){return{__await:t}},k(w.prototype),p(w.prototype,_,(function(){return this})),t.AsyncIterator=w,t.async=function(e,n,i,r,s){void 0===s&&(s=Promise);var a=new w(l(e,n,i,r),s);return t.isGeneratorFunction(n)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},k(v),p(v,u,"Generator"),p(v,o,(function(){return this})),p(v,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=Object(t),n=[];for(var i in e)n.push(i);return n.reverse(),function t(){for(;n.length;){var i=n.pop();if(i in e)return t.value=i,t.done=!1,t}return t.done=!0,t}},t.values=A,P.prototype={constructor:P,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(O),!t)for(var e in this)"t"===e.charAt(0)&&n.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function i(n,i){return a.type="throw",a.arg=t,e.next=n,i&&(e.method="next",e.arg=void 0),!!i}for(var r=this.tryEntries.length-1;r>=0;--r){var s=this.tryEntries[r],a=s.completion;if("root"===s.tryLoc)return i("end");if(s.tryLoc<=this.prev){var o=n.call(s,"catchLoc"),_=n.call(s,"finallyLoc");if(o&&_){if(this.prev<s.catchLoc)return i(s.catchLoc,!0);if(this.prev<s.finallyLoc)return i(s.finallyLoc)}else if(o){if(this.prev<s.catchLoc)return i(s.catchLoc,!0)}else{if(!_)throw new Error("try statement without catch or finally");if(this.prev<s.finallyLoc)return i(s.finallyLoc)}}}},abrupt:function(t,e){for(var i=this.tryEntries.length-1;i>=0;--i){var r=this.tryEntries[i];if(r.tryLoc<=this.prev&&n.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var s=r;break}}s&&("break"===t||"continue"===t)&&s.tryLoc<=e&&e<=s.finallyLoc&&(s=null);var a=s?s.completion:{};return a.type=t,a.arg=e,s?(this.method="next",this.next=s.finallyLoc,c):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),c},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),O(n),c}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var i=n.completion;if("throw"===i.type){var r=i.arg;O(n)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:A(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),c}},t}function s(t,e,n,i){return new(n||(n=Promise))((function(r,s){function a(t){try{_(i.next(t))}catch(e){s(e)}}function o(t){try{_(i.throw(t))}catch(e){s(e)}}function _(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,o)}_((i=i.apply(t,e||[])).next())}))}n.d(e,{X5:function(){return o}});var a=300;function o(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return s(this,void 0,void 0,r().mark((function n(){var i,s,o;return r().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t instanceof Element||t instanceof Window){n.next=2;break}throw new Error("element passed to scrollTo() must be either the window or a DOM element, you passed ".concat(t,"!"));case 2:return e=u(e),i=function e(n,i,r,s){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:a,_=arguments.length>5?arguments[5]:void 0,u=arguments.length>6?arguments[6]:void 0;window.requestAnimationFrame((function(){var a=Date.now(),p=Math.min(1,(a-s)/o);if(n===i)return u?u():null;l(t,_(p)*(i-n)+n),p<1?e(n,i,r,s,o,_,u):u&&u()}))},s=p(t),o=_(t),n.abrupt("return",new Promise((function(t){i(s,"number"==typeof e.top?e.top:s,o,Date.now(),e.duration,d(e.easing),t)})));case 7:case"end":return n.stop()}}),n)})))}function _(t){var e={window:{y:"scrollY",x:"scrollX"},element:{y:"scrollTop",x:"scrollLeft"}};return t instanceof Window?e.window.y:e.element.y}function u(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return"smooth"===t.behavior&&(t.easing="ease-in-out",t.duration=a),"auto"===t.behavior&&(t.duration=0,t.easing="linear"),t}function p(t){var e=h.getDocument();return t===e.body||t===e.documentElement||t instanceof Window?e.body.scrollTop||e.documentElement.scrollTop:t.scrollTop}function l(t,e){var n=h.getDocument();t===n.body||t===n.documentElement||t instanceof Window?(n.body.scrollTop=e,n.documentElement.scrollTop=e):t.scrollTop=e}var h={getDocument:function(){return document}},c={linear:function(t){return t},"ease-in":function(t){return t*t},"ease-out":function(t){return t*(2-t)},"ease-in-out":function(t){return t<.5?2*t*t:(4-2*t)*t-1}},d=function(t){var e=c[t||"linear"];if(!e){var n=Object.keys(c).join(",");throw new Error('Scroll error: scroller does not support an easing option of "'.concat(t,'". Supported options are ').concat(n))}return e}}}]);
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/4-chunk-4f0103f33044e632a87a.js.LICENSE.txt b/review/refactor-icon-update/styleguide/js/4-chunk-4f0103f33044e632a87a.js.LICENSE.txt
new file mode 100644
index 0000000000..f4f3f5d942
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/4-chunk-4f0103f33044e632a87a.js.LICENSE.txt
@@ -0,0 +1,94 @@
+/*!
+ * Determine if an object is a Buffer
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+
+/*!
+ * clipboard.js v2.0.11
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+
+/*!
+ * condense-newlines <https://github.com/jonschlinkert/condense-newlines>
+ *
+ * Copyright (c) 2014 Jon Schlinkert, contributors.
+ * Licensed under the MIT License
+ */
+
+/*!
+ * is-extendable <https://github.com/jonschlinkert/is-extendable>
+ *
+ * Copyright (c) 2015, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+/*!
+ * is-whitespace <https://github.com/jonschlinkert/is-whitespace>
+ *
+ * Copyright (c) 2014-2015, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+/*!
+ * pretty <https://github.com/jonschlinkert/pretty>
+ *
+ * Copyright (c) 2013-2015, 2017, Jon Schlinkert.
+ * Released under the MIT License.
+ */
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+
+/**
+ * Prism: Lightweight, robust, elegant syntax highlighting
+ *
+ * @license MIT <https://opensource.org/licenses/MIT>
+ * @author Lea Verou <https://lea.verou.me>
+ * @namespace
+ * @public
+ */
+
+/**!
+
+ @license
+ handlebars v4.7.7
+
+Copyright (C) 2011-2019 by Yehuda Katz
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+*/
diff --git a/review/refactor-icon-update/styleguide/js/4-chunk-530bd2dee358e8d9a1cc.modern.js b/review/refactor-icon-update/styleguide/js/4-chunk-530bd2dee358e8d9a1cc.modern.js
new file mode 100644
index 0000000000..f5a0bf9e91
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/4-chunk-530bd2dee358e8d9a1cc.modern.js
@@ -0,0 +1,2 @@
+/*! For license information please see 4-chunk-530bd2dee358e8d9a1cc.modern.js.LICENSE.txt */
+(self.webpackChunk_pattern_lab_uikit_workshop=self.webpackChunk_pattern_lab_uikit_workshop||[]).push([[4],{15:function(t){var e;e=function(){return function(){var t={686:function(t,e,n){"use strict";n.d(e,{default:function(){return x}});var i=n(279),s=n.n(i),r=n(370),a=n.n(r),o=n(817),_=n.n(o);function u(t){try{return document.execCommand(t)}catch(e){return!1}}var p=function(t){var e=_()(t);return u("cut"),e},l=function(t,e){var n=function(t){var e="rtl"===document.documentElement.getAttribute("dir"),n=document.createElement("textarea");n.style.fontSize="12pt",n.style.border="0",n.style.padding="0",n.style.margin="0",n.style.position="absolute",n.style[e?"right":"left"]="-9999px";var i=window.pageYOffset||document.documentElement.scrollTop;return n.style.top="".concat(i,"px"),n.setAttribute("readonly",""),n.value=t,n}(t);e.container.appendChild(n);var i=_()(n);return u("copy"),n.remove(),i},h=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body},n="";return"string"==typeof t?n=l(t,e):t instanceof HTMLInputElement&&!["text","search","url","tel","password"].includes(null==t?void 0:t.type)?n=l(t.value,e):(n=_()(t),u("copy")),n};function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}var d=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.action,n=void 0===e?"copy":e,i=t.container,s=t.target,r=t.text;if("copy"!==n&&"cut"!==n)throw new Error('Invalid "action" value, use either "copy" or "cut"');if(void 0!==s){if(!s||"object"!==c(s)||1!==s.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===n&&s.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===n&&(s.hasAttribute("readonly")||s.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes')}return r?h(r,{container:i}):s?"cut"===n?p(s):h(s,{container:i}):void 0};function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}function g(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function m(t,e){return m=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},m(t,e)}function y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=v(t);if(e){var s=v(this).constructor;n=Reflect.construct(i,arguments,s)}else n=i.apply(this,arguments);return b(this,n)}}function b(t,e){return!e||"object"!==f(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function v(t){return v=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},v(t)}function k(t,e){var n="data-clipboard-".concat(t);if(e.hasAttribute(n))return e.getAttribute(n)}var w=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&m(t,e)}(r,t);var e,n,i,s=y(r);function r(t,e){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,r),(n=s.call(this)).resolveOptions(e),n.listenClick(t),n}return e=r,n=[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===f(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=a()(t,"click",(function(t){return e.onClick(t)}))}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget,n=this.action(e)||"copy",i=d({action:n,container:this.container,target:this.target(e),text:this.text(e)});this.emit(i?"success":"error",{action:n,text:i,trigger:e,clearSelection:function(){e&&e.focus(),window.getSelection().removeAllRanges()}})}},{key:"defaultAction",value:function(t){return k("action",t)}},{key:"defaultTarget",value:function(t){var e=k("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return k("text",t)}},{key:"destroy",value:function(){this.listener.destroy()}}],i=[{key:"copy",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body};return h(t,e)}},{key:"cut",value:function(t){return p(t)}},{key:"isSupported",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,n=!!document.queryCommandSupported;return e.forEach((function(t){n=n&&!!document.queryCommandSupported(t)})),n}}],n&&g(e.prototype,n),i&&g(e,i),r}(s()),x=w},828:function(t){if("undefined"!=typeof Element&&!Element.prototype.matches){var e=Element.prototype;e.matches=e.matchesSelector||e.mozMatchesSelector||e.msMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector}t.exports=function(t,e){for(;t&&9!==t.nodeType;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}},438:function(t,e,n){var i=n(828);function s(t,e,n,i,s){var a=r.apply(this,arguments);return t.addEventListener(n,a,s),{destroy:function(){t.removeEventListener(n,a,s)}}}function r(t,e,n,s){return function(n){n.delegateTarget=i(n.target,e),n.delegateTarget&&s.call(t,n)}}t.exports=function(t,e,n,i,r){return"function"==typeof t.addEventListener?s.apply(null,arguments):"function"==typeof n?s.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,(function(t){return s(t,e,n,i,r)})))}},879:function(t,e){e.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},e.nodeList=function(t){var n=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===n||"[object HTMLCollection]"===n)&&"length"in t&&(0===t.length||e.node(t[0]))},e.string=function(t){return"string"==typeof t||t instanceof String},e.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},370:function(t,e,n){var i=n(879),s=n(438);t.exports=function(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!i.string(e))throw new TypeError("Second argument must be a String");if(!i.fn(n))throw new TypeError("Third argument must be a Function");if(i.node(t))return function(t,e,n){return t.addEventListener(e,n),{destroy:function(){t.removeEventListener(e,n)}}}(t,e,n);if(i.nodeList(t))return function(t,e,n){return Array.prototype.forEach.call(t,(function(t){t.addEventListener(e,n)})),{destroy:function(){Array.prototype.forEach.call(t,(function(t){t.removeEventListener(e,n)}))}}}(t,e,n);if(i.string(t))return function(t,e,n){return s(document.body,t,e,n)}(t,e,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}},817:function(t){t.exports=function(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var i=window.getSelection(),s=document.createRange();s.selectNodeContents(t),i.removeAllRanges(),i.addRange(s),e=i.toString()}return e}},279:function(t){function e(){}e.prototype={on:function(t,e,n){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var i=this;function s(){i.off(t,s),e.apply(n,arguments)}return s._=e,this.on(t,s,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),i=0,s=n.length;i<s;i++)n[i].fn.apply(n[i].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),i=n[t],s=[];if(i&&e)for(var r=0,a=i.length;r<a;r++)i[r].fn!==e&&i[r].fn._!==e&&s.push(i[r]);return s.length?n[t]=s:delete n[t],this}},t.exports=e,t.exports.TinyEmitter=e}},e={};function n(i){if(e[i])return e[i].exports;var s=e[i]={exports:{}};return t[i](s,s.exports,n),s.exports}return n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n(686)}().default},t.exports=e()},144:function(t,e,n){"use strict";var i=n(145),s=n(143),r=n(147);t.exports=function(t,e){var n,a=s({},e),o=a.sep||"\n\n",_=a.min;return"number"==typeof _&&2!==_&&(n=new RegExp("(\\r\\n|\\n|\\u2424) {"+_+",}")),void 0===n&&(n=a.regex||/(\r\n|\n|\u2424){2,}/g),!0!==a.keepWhitespace&&(t=t.split("\n").map((function(t){return i(t)?t.trim():t})).join("\n")),t=function(t,e){var n=e.trailingNewline;if(!1===n)return t;switch(r(n)){case"string":t=t.replace(/\s+$/,e.trailingNewline);break;case"function":t=e.trailingNewline(t);break;default:t=t.replace(/\s+$/,"\n")}return t}(t,a),t.replace(n,o)}},147:function(t,e,n){var i=n(148),s=Object.prototype.toString;t.exports=function(t){if(void 0===t)return"undefined";if(null===t)return"null";if(!0===t||!1===t||t instanceof Boolean)return"boolean";if("string"==typeof t||t instanceof String)return"string";if("number"==typeof t||t instanceof Number)return"number";if("function"==typeof t||t instanceof Function)return"function";if(void 0!==Array.isArray&&Array.isArray(t))return"array";if(t instanceof RegExp)return"regexp";if(t instanceof Date)return"date";var e=s.call(t);return"[object RegExp]"===e?"regexp":"[object Date]"===e?"date":"[object Arguments]"===e?"arguments":"[object Error]"===e?"error":i(t)?"buffer":"[object Set]"===e?"set":"[object WeakSet]"===e?"weakset":"[object Map]"===e?"map":"[object WeakMap]"===e?"weakmap":"[object Symbol]"===e?"symbol":"[object Int8Array]"===e?"int8array":"[object Uint8Array]"===e?"uint8array":"[object Uint8ClampedArray]"===e?"uint8clampedarray":"[object Int16Array]"===e?"int16array":"[object Uint16Array]"===e?"uint16array":"[object Int32Array]"===e?"int32array":"[object Uint32Array]"===e?"uint32array":"[object Float32Array]"===e?"float32array":"[object Float64Array]"===e?"float64array":"object"}},143:function(t,e,n){"use strict";var i=n(146);function s(t,e){for(var n in e)r(e,n)&&(t[n]=e[n])}function r(t,e){return Object.prototype.hasOwnProperty.call(t,e)}t.exports=function(t){i(t)||(t={});for(var e=arguments.length,n=1;n<e;n++){var r=arguments[n];i(r)&&s(t,r)}return t}},43:function(t){var e;e=function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var s=e[i]={exports:{},id:i,loaded:!1};return t[i].call(s.exports,s,s.exports,n),s.loaded=!0,s.exports}return n.m=t,n.c=e,n.p="",n(0)}([function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=i(n(2)),r=i(n(45)),a=n(46),o=n(51),_=i(n(52)),u=i(n(49)),p=i(n(44)),l=s.default.create;function h(){var t=l();return t.compile=function(e,n){return o.compile(e,n,t)},t.precompile=function(e,n){return o.precompile(e,n,t)},t.AST=r.default,t.Compiler=o.Compiler,t.JavaScriptCompiler=_.default,t.Parser=a.parser,t.parse=a.parse,t.parseWithoutProcessing=a.parseWithoutProcessing,t}var c=h();c.create=h,p.default(c),c.Visitor=u.default,c.default=c,e.default=c,t.exports=e.default},function(t,e){"use strict";e.default=function(t){return t&&t.__esModule?t:{default:t}},e.__esModule=!0},function(t,e,n){"use strict";var i=n(3).default,s=n(1).default;e.__esModule=!0;var r=i(n(4)),a=s(n(37)),o=s(n(6)),_=i(n(5)),u=i(n(38)),p=s(n(44));function l(){var t=new r.HandlebarsEnvironment;return _.extend(t,r),t.SafeString=a.default,t.Exception=o.default,t.Utils=_,t.escapeExpression=_.escapeExpression,t.VM=u,t.template=function(e){return u.template(e,t)},t}var h=l();h.create=l,p.default(h),h.default=h,e.default=h,t.exports=e.default},function(t,e){"use strict";e.default=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e},e.__esModule=!0},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.HandlebarsEnvironment=l;var s=n(5),r=i(n(6)),a=n(10),o=n(30),_=i(n(32)),u=n(33);e.VERSION="4.7.7",e.COMPILER_REVISION=8,e.LAST_COMPATIBLE_COMPILER_REVISION=7,e.REVISION_CHANGES={1:"<= 1.0.rc.2",2:"== 1.0.0-rc.3",3:"== 1.0.0-rc.4",4:"== 1.x.x",5:"== 2.0.0-alpha.x",6:">= 2.0.0-beta.1",7:">= 4.0.0 <4.3.0",8:">= 4.3.0"};var p="[object Object]";function l(t,e,n){this.helpers=t||{},this.partials=e||{},this.decorators=n||{},a.registerDefaultHelpers(this),o.registerDefaultDecorators(this)}l.prototype={constructor:l,logger:_.default,log:_.default.log,registerHelper:function(t,e){if(s.toString.call(t)===p){if(e)throw new r.default("Arg not supported with multiple helpers");s.extend(this.helpers,t)}else this.helpers[t]=e},unregisterHelper:function(t){delete this.helpers[t]},registerPartial:function(t,e){if(s.toString.call(t)===p)s.extend(this.partials,t);else{if(void 0===e)throw new r.default('Attempting to register a partial called "'+t+'" as undefined');this.partials[t]=e}},unregisterPartial:function(t){delete this.partials[t]},registerDecorator:function(t,e){if(s.toString.call(t)===p){if(e)throw new r.default("Arg not supported with multiple decorators");s.extend(this.decorators,t)}else this.decorators[t]=e},unregisterDecorator:function(t){delete this.decorators[t]},resetLoggedPropertyAccesses:function(){u.resetLoggedProperties()}};var h=_.default.log;e.log=h,e.createFrame=s.createFrame,e.logger=_.default},function(t,e){"use strict";e.__esModule=!0,e.extend=a,e.indexOf=function(t,e){for(var n=0,i=t.length;n<i;n++)if(t[n]===e)return n;return-1},e.escapeExpression=function(t){if("string"!=typeof t){if(t&&t.toHTML)return t.toHTML();if(null==t)return"";if(!t)return t+"";t=""+t}return s.test(t)?t.replace(i,r):t},e.isEmpty=function(t){return!t&&0!==t||!(!u(t)||0!==t.length)},e.createFrame=function(t){var e=a({},t);return e._parent=t,e},e.blockParams=function(t,e){return t.path=e,t},e.appendContextPath=function(t,e){return(t?t+".":"")+e};var n={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;","=":"&#x3D;"},i=/[&<>"'`=]/g,s=/[&<>"'`=]/;function r(t){return n[t]}function a(t){for(var e=1;e<arguments.length;e++)for(var n in arguments[e])Object.prototype.hasOwnProperty.call(arguments[e],n)&&(t[n]=arguments[e][n]);return t}var o=Object.prototype.toString;e.toString=o;var _=function(t){return"function"==typeof t};_(/x/)&&(e.isFunction=_=function(t){return"function"==typeof t&&"[object Function]"===o.call(t)}),e.isFunction=_;var u=Array.isArray||function(t){return!(!t||"object"!=typeof t)&&"[object Array]"===o.call(t)};e.isArray=u},function(t,e,n){"use strict";var i=n(7).default;e.__esModule=!0;var s=["description","fileName","lineNumber","endLineNumber","message","name","number","stack"];function r(t,e){var n=e&&e.loc,a=void 0,o=void 0,_=void 0,u=void 0;n&&(a=n.start.line,o=n.end.line,_=n.start.column,u=n.end.column,t+=" - "+a+":"+_);for(var p=Error.prototype.constructor.call(this,t),l=0;l<s.length;l++)this[s[l]]=p[s[l]];Error.captureStackTrace&&Error.captureStackTrace(this,r);try{n&&(this.lineNumber=a,this.endLineNumber=o,i?(Object.defineProperty(this,"column",{value:_,enumerable:!0}),Object.defineProperty(this,"endColumn",{value:u,enumerable:!0})):(this.column=_,this.endColumn=u))}catch(h){}}r.prototype=new Error,e.default=r,t.exports=e.default},function(t,e,n){t.exports={default:n(8),__esModule:!0}},function(t,e,n){var i=n(9);t.exports=function(t,e,n){return i.setDesc(t,e,n)}},function(t,e){var n=Object;t.exports={create:n.create,getProto:n.getPrototypeOf,isEnum:{}.propertyIsEnumerable,getDesc:n.getOwnPropertyDescriptor,setDesc:n.defineProperty,setDescs:n.defineProperties,getKeys:n.keys,getNames:n.getOwnPropertyNames,getSymbols:n.getOwnPropertySymbols,each:[].forEach}},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.registerDefaultHelpers=function(t){s.default(t),r.default(t),a.default(t),o.default(t),_.default(t),u.default(t),p.default(t)},e.moveHelperToHooks=function(t,e,n){t.helpers[e]&&(t.hooks[e]=t.helpers[e],n||delete t.helpers[e])};var s=i(n(11)),r=i(n(12)),a=i(n(25)),o=i(n(26)),_=i(n(27)),u=i(n(28)),p=i(n(29))},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5);e.default=function(t){t.registerHelper("blockHelperMissing",(function(e,n){var s=n.inverse,r=n.fn;if(!0===e)return r(this);if(!1===e||null==e)return s(this);if(i.isArray(e))return e.length>0?(n.ids&&(n.ids=[n.name]),t.helpers.each(e,n)):s(this);if(n.data&&n.ids){var a=i.createFrame(n.data);a.contextPath=i.appendContextPath(n.data.contextPath,n.name),n={data:a}}return r(e,n)}))},t.exports=e.default},function(t,e,n){(function(i){"use strict";var s=n(13).default,r=n(1).default;e.__esModule=!0;var a=n(5),o=r(n(6));e.default=function(t){t.registerHelper("each",(function(t,e){if(!e)throw new o.default("Must pass iterator to #each");var n,r=e.fn,_=e.inverse,u=0,p="",l=void 0,h=void 0;function c(e,n,i){l&&(l.key=e,l.index=n,l.first=0===n,l.last=!!i,h&&(l.contextPath=h+e)),p+=r(t[e],{data:l,blockParams:a.blockParams([t[e],e],[h+e,null])})}if(e.data&&e.ids&&(h=a.appendContextPath(e.data.contextPath,e.ids[0])+"."),a.isFunction(t)&&(t=t.call(this)),e.data&&(l=a.createFrame(e.data)),t&&"object"==typeof t)if(a.isArray(t))for(var d=t.length;u<d;u++)u in t&&c(u,u,u===t.length-1);else if(i.Symbol&&t[i.Symbol.iterator]){for(var f=[],g=t[i.Symbol.iterator](),m=g.next();!m.done;m=g.next())f.push(m.value);for(d=(t=f).length;u<d;u++)c(u,u,u===t.length-1)}else n=void 0,s(t).forEach((function(t){void 0!==n&&c(n,u-1),n=t,u++})),void 0!==n&&c(n,u-1,!0);return 0===u&&(p=_(this)),p}))},t.exports=e.default}).call(e,function(){return this}())},function(t,e,n){t.exports={default:n(14),__esModule:!0}},function(t,e,n){n(15),t.exports=n(21).Object.keys},function(t,e,n){var i=n(16);n(18)("keys",(function(t){return function(e){return t(i(e))}}))},function(t,e,n){var i=n(17);t.exports=function(t){return Object(i(t))}},function(t,e){t.exports=function(t){if(null==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e,n){var i=n(19),s=n(21),r=n(24);t.exports=function(t,e){var n=(s.Object||{})[t]||Object[t],a={};a[t]=e(n),i(i.S+i.F*r((function(){n(1)})),"Object",a)}},function(t,e,n){var i=n(20),s=n(21),r=n(22),a="prototype",o=function(t,e,n){var _,u,p,l=t&o.F,h=t&o.G,c=t&o.S,d=t&o.P,f=t&o.B,g=t&o.W,m=h?s:s[e]||(s[e]={}),y=h?i:c?i[e]:(i[e]||{})[a];for(_ in h&&(n=e),n)(u=!l&&y&&_ in y)&&_ in m||(p=u?y[_]:n[_],m[_]=h&&"function"!=typeof y[_]?n[_]:f&&u?r(p,i):g&&y[_]==p?function(t){var e=function(e){return this instanceof t?new t(e):t(e)};return e[a]=t[a],e}(p):d&&"function"==typeof p?r(Function.call,p):p,d&&((m[a]||(m[a]={}))[_]=p))};o.F=1,o.G=2,o.S=4,o.P=8,o.B=16,o.W=32,t.exports=o},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){var n=t.exports={version:"1.2.6"};"number"==typeof __e&&(__e=n)},function(t,e,n){var i=n(23);t.exports=function(t,e,n){if(i(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,i){return t.call(e,n,i)};case 3:return function(n,i,s){return t.call(e,n,i,s)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){t.exports=function(t){try{return!!t()}catch(e){return!0}}},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=i(n(6));e.default=function(t){t.registerHelper("helperMissing",(function(){if(1!==arguments.length)throw new s.default('Missing helper: "'+arguments[arguments.length-1].name+'"')}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=n(5),r=i(n(6));e.default=function(t){t.registerHelper("if",(function(t,e){if(2!=arguments.length)throw new r.default("#if requires exactly one argument");return s.isFunction(t)&&(t=t.call(this)),!e.hash.includeZero&&!t||s.isEmpty(t)?e.inverse(this):e.fn(this)})),t.registerHelper("unless",(function(e,n){if(2!=arguments.length)throw new r.default("#unless requires exactly one argument");return t.helpers.if.call(this,e,{fn:n.inverse,inverse:n.fn,hash:n.hash})}))},t.exports=e.default},function(t,e){"use strict";e.__esModule=!0,e.default=function(t){t.registerHelper("log",(function(){for(var e=[void 0],n=arguments[arguments.length-1],i=0;i<arguments.length-1;i++)e.push(arguments[i]);var s=1;null!=n.hash.level?s=n.hash.level:n.data&&null!=n.data.level&&(s=n.data.level),e[0]=s,t.log.apply(t,e)}))},t.exports=e.default},function(t,e){"use strict";e.__esModule=!0,e.default=function(t){t.registerHelper("lookup",(function(t,e,n){return t?n.lookupProperty(t,e):t}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=n(5),r=i(n(6));e.default=function(t){t.registerHelper("with",(function(t,e){if(2!=arguments.length)throw new r.default("#with requires exactly one argument");s.isFunction(t)&&(t=t.call(this));var n=e.fn;if(s.isEmpty(t))return e.inverse(this);var i=e.data;return e.data&&e.ids&&((i=s.createFrame(e.data)).contextPath=s.appendContextPath(e.data.contextPath,e.ids[0])),n(t,{data:i,blockParams:s.blockParams([t],[i&&i.contextPath])})}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.registerDefaultDecorators=function(t){s.default(t)};var s=i(n(31))},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5);e.default=function(t){t.registerDecorator("inline",(function(t,e,n,s){var r=t;return e.partials||(e.partials={},r=function(s,r){var a=n.partials;n.partials=i.extend({},a,e.partials);var o=t(s,r);return n.partials=a,o}),e.partials[s.args[0]]=s.fn,r}))},t.exports=e.default},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5),s={methodMap:["debug","info","warn","error"],level:"info",lookupLevel:function(t){if("string"==typeof t){var e=i.indexOf(s.methodMap,t.toLowerCase());t=e>=0?e:parseInt(t,10)}return t},log:function(t){if(t=s.lookupLevel(t),"undefined"!=typeof console&&s.lookupLevel(s.level)<=t){var e=s.methodMap[t];console[e]||(e="log");for(var n=arguments.length,i=Array(n>1?n-1:0),r=1;r<n;r++)i[r-1]=arguments[r];console[e].apply(console,i)}}};e.default=s,t.exports=e.default},function(t,e,n){"use strict";var i=n(34).default,s=n(13).default,r=n(3).default;e.__esModule=!0,e.createProtoAccessControl=function(t){var e=i(null);e.constructor=!1,e.__defineGetter__=!1,e.__defineSetter__=!1,e.__lookupGetter__=!1;var n=i(null);return n.__proto__=!1,{properties:{whitelist:a.createNewLookupObject(n,t.allowedProtoProperties),defaultValue:t.allowProtoPropertiesByDefault},methods:{whitelist:a.createNewLookupObject(e,t.allowedProtoMethods),defaultValue:t.allowProtoMethodsByDefault}}},e.resultIsAllowed=function(t,e,n){return u("function"==typeof t?e.methods:e.properties,n)},e.resetLoggedProperties=function(){s(_).forEach((function(t){delete _[t]}))};var a=n(36),o=r(n(32)),_=i(null);function u(t,e){return void 0!==t.whitelist[e]?!0===t.whitelist[e]:void 0!==t.defaultValue?t.defaultValue:(function(t){!0!==_[t]&&(_[t]=!0,o.log("error",'Handlebars: Access has been denied to resolve the property "'+t+'" because it is not an "own property" of its parent.\nYou can add a runtime option to disable the check or this warning:\nSee https://handlebarsjs.com/api-reference/runtime-options.html#options-to-control-prototype-access for details'))}(e),!1)}},function(t,e,n){t.exports={default:n(35),__esModule:!0}},function(t,e,n){var i=n(9);t.exports=function(t,e){return i.create(t,e)}},function(t,e,n){"use strict";var i=n(34).default;e.__esModule=!0,e.createNewLookupObject=function(){for(var t=arguments.length,e=Array(t),n=0;n<t;n++)e[n]=arguments[n];return s.extend.apply(void 0,[i(null)].concat(e))};var s=n(5)},function(t,e){"use strict";function n(t){this.string=t}e.__esModule=!0,n.prototype.toString=n.prototype.toHTML=function(){return""+this.string},e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(39).default,s=n(13).default,r=n(3).default,a=n(1).default;e.__esModule=!0,e.checkRevision=function(t){var e=t&&t[0]||1,n=u.COMPILER_REVISION;if(!(e>=u.LAST_COMPATIBLE_COMPILER_REVISION&&e<=u.COMPILER_REVISION)){if(e<u.LAST_COMPATIBLE_COMPILER_REVISION){var i=u.REVISION_CHANGES[n],s=u.REVISION_CHANGES[e];throw new _.default("Template was precompiled with an older version of Handlebars than the current runtime. Please update your precompiler to a newer version ("+i+") or downgrade your runtime to an older version ("+s+").")}throw new _.default("Template was precompiled with a newer version of Handlebars than the current runtime. Please update your runtime to a newer version ("+t[1]+").")}},e.template=function(t,e){if(!e)throw new _.default("No environment passed to template");if(!t||!t.main)throw new _.default("Unknown template object: "+typeof t);t.main.decorator=t.main_d,e.VM.checkRevision(t.compiler);var n=t.compiler&&7===t.compiler[0],r={strict:function(t,e,n){if(!t||!(e in t))throw new _.default('"'+e+'" not defined in '+t,{loc:n});return r.lookupProperty(t,e)},lookupProperty:function(t,e){var n=t[e];return null==n||Object.prototype.hasOwnProperty.call(t,e)||h.resultIsAllowed(n,r.protoAccessControl,e)?n:void 0},lookup:function(t,e){for(var n=t.length,i=0;i<n;i++)if(null!=(t[i]&&r.lookupProperty(t[i],e)))return t[i][e]},lambda:function(t,e){return"function"==typeof t?t.call(e):t},escapeExpression:o.escapeExpression,invokePartial:function(n,i,s){s.hash&&(i=o.extend({},i,s.hash),s.ids&&(s.ids[0]=!0)),n=e.VM.resolvePartial.call(this,n,i,s);var r=o.extend({},s,{hooks:this.hooks,protoAccessControl:this.protoAccessControl}),a=e.VM.invokePartial.call(this,n,i,r);if(null==a&&e.compile&&(s.partials[s.name]=e.compile(n,t.compilerOptions,e),a=s.partials[s.name](i,r)),null!=a){if(s.indent){for(var u=a.split("\n"),p=0,l=u.length;p<l&&(u[p]||p+1!==l);p++)u[p]=s.indent+u[p];a=u.join("\n")}return a}throw new _.default("The partial "+s.name+" could not be compiled when running in runtime-only mode")},fn:function(e){var n=t[e];return n.decorator=t[e+"_d"],n},programs:[],program:function(t,e,n,i,s){var r=this.programs[t],a=this.fn(t);return e||s||i||n?r=c(this,t,a,e,n,i,s):r||(r=this.programs[t]=c(this,t,a)),r},data:function(t,e){for(;t&&e--;)t=t._parent;return t},mergeIfNeeded:function(t,e){var n=t||e;return t&&e&&t!==e&&(n=o.extend({},e,t)),n},nullContext:i({}),noop:e.VM.noop,compilerInfo:t.compiler};function a(e){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],i=n.data;a._setup(n),!n.partial&&t.useData&&(i=f(e,i));var s=void 0,o=t.useBlockParams?[]:void 0;function _(e){return""+t.main(r,e,r.helpers,r.partials,i,o,s)}return t.useDepths&&(s=n.depths?e!=n.depths[0]?[e].concat(n.depths):n.depths:[e]),(_=g(t.main,_,r,n.depths||[],i,o))(e,n)}return a.isTop=!0,a._setup=function(i){if(i.partial)r.protoAccessControl=i.protoAccessControl,r.helpers=i.helpers,r.partials=i.partials,r.decorators=i.decorators,r.hooks=i.hooks;else{var a=o.extend({},e.helpers,i.helpers);!function(t,e){s(t).forEach((function(n){var i=t[n];t[n]=function(t,e){var n=e.lookupProperty;return l.wrapHelper(t,(function(t){return o.extend({lookupProperty:n},t)}))}(i,e)}))}(a,r),r.helpers=a,t.usePartial&&(r.partials=r.mergeIfNeeded(i.partials,e.partials)),(t.usePartial||t.useDecorators)&&(r.decorators=o.extend({},e.decorators,i.decorators)),r.hooks={},r.protoAccessControl=h.createProtoAccessControl(i);var _=i.allowCallsToHelperMissing||n;p.moveHelperToHooks(r,"helperMissing",_),p.moveHelperToHooks(r,"blockHelperMissing",_)}},a._child=function(e,n,i,s){if(t.useBlockParams&&!i)throw new _.default("must pass block params");if(t.useDepths&&!s)throw new _.default("must pass parent depths");return c(r,e,t[e],n,0,i,s)},a},e.wrapProgram=c,e.resolvePartial=function(t,e,n){return t?t.call||n.name||(n.name=t,t=n.partials[t]):t="@partial-block"===n.name?n.data["partial-block"]:n.partials[n.name],t},e.invokePartial=function(t,e,n){var i=n.data&&n.data["partial-block"];n.partial=!0,n.ids&&(n.data.contextPath=n.ids[0]||n.data.contextPath);var s=void 0;if(n.fn&&n.fn!==d&&function(){n.data=u.createFrame(n.data);var t=n.fn;s=n.data["partial-block"]=function(e){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];return n.data=u.createFrame(n.data),n.data["partial-block"]=i,t(e,n)},t.partials&&(n.partials=o.extend({},n.partials,t.partials))}(),void 0===t&&s&&(t=s),void 0===t)throw new _.default("The partial "+n.name+" could not be found");if(t instanceof Function)return t(e,n)},e.noop=d;var o=r(n(5)),_=a(n(6)),u=n(4),p=n(10),l=n(43),h=n(33);function c(t,e,n,i,s,r,a){function o(e){var s=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],o=a;return!a||e==a[0]||e===t.nullContext&&null===a[0]||(o=[e].concat(a)),n(t,e,t.helpers,t.partials,s.data||i,r&&[s.blockParams].concat(r),o)}return(o=g(n,o,t,a,i,r)).program=e,o.depth=a?a.length:0,o.blockParams=s||0,o}function d(){return""}function f(t,e){return e&&"root"in e||((e=e?u.createFrame(e):{}).root=t),e}function g(t,e,n,i,s,r){if(t.decorator){var a={};e=t.decorator(e,a,n,i&&i[0],s,r,i),o.extend(e,a)}return e}},function(t,e,n){t.exports={default:n(40),__esModule:!0}},function(t,e,n){n(41),t.exports=n(21).Object.seal},function(t,e,n){var i=n(42);n(18)("seal",(function(t){return function(e){return t&&i(e)?t(e):e}}))},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e){"use strict";e.__esModule=!0,e.wrapHelper=function(t,e){return"function"!=typeof t?t:function(){var n=arguments[arguments.length-1];return arguments[arguments.length-1]=e(n),t.apply(this,arguments)}}},function(t,e){(function(n){"use strict";e.__esModule=!0,e.default=function(t){var e=void 0!==n?n:window,i=e.Handlebars;t.noConflict=function(){return e.Handlebars===t&&(e.Handlebars=i),t}},t.exports=e.default}).call(e,function(){return this}())},function(t,e){"use strict";e.__esModule=!0;var n={helpers:{helperExpression:function(t){return"SubExpression"===t.type||("MustacheStatement"===t.type||"BlockStatement"===t.type)&&!!(t.params&&t.params.length||t.hash)},scopedId:function(t){return/^\.|this\b/.test(t.original)},simpleId:function(t){return 1===t.parts.length&&!n.helpers.scopedId(t)&&!t.depth}}};e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default,s=n(3).default;e.__esModule=!0,e.parseWithoutProcessing=p,e.parse=function(t,e){var n=p(t,e);return new a.default(e).accept(n)};var r=i(n(47)),a=i(n(48)),o=s(n(50)),_=n(5);e.parser=r.default;var u={};function p(t,e){return"Program"===t.type?t:(r.default.yy=u,u.locInfo=function(t){return new u.SourceLocation(e&&e.srcName,t)},r.default.parse(t))}_.extend(u,o)},function(t,e){"use strict";e.__esModule=!0;var n=function(){var t={trace:function(){},yy:{},symbols_:{error:2,root:3,program:4,EOF:5,program_repetition0:6,statement:7,mustache:8,block:9,rawBlock:10,partial:11,partialBlock:12,content:13,COMMENT:14,CONTENT:15,openRawBlock:16,rawBlock_repetition0:17,END_RAW_BLOCK:18,OPEN_RAW_BLOCK:19,helperName:20,openRawBlock_repetition0:21,openRawBlock_option0:22,CLOSE_RAW_BLOCK:23,openBlock:24,block_option0:25,closeBlock:26,openInverse:27,block_option1:28,OPEN_BLOCK:29,openBlock_repetition0:30,openBlock_option0:31,openBlock_option1:32,CLOSE:33,OPEN_INVERSE:34,openInverse_repetition0:35,openInverse_option0:36,openInverse_option1:37,openInverseChain:38,OPEN_INVERSE_CHAIN:39,openInverseChain_repetition0:40,openInverseChain_option0:41,openInverseChain_option1:42,inverseAndProgram:43,INVERSE:44,inverseChain:45,inverseChain_option0:46,OPEN_ENDBLOCK:47,OPEN:48,mustache_repetition0:49,mustache_option0:50,OPEN_UNESCAPED:51,mustache_repetition1:52,mustache_option1:53,CLOSE_UNESCAPED:54,OPEN_PARTIAL:55,partialName:56,partial_repetition0:57,partial_option0:58,openPartialBlock:59,OPEN_PARTIAL_BLOCK:60,openPartialBlock_repetition0:61,openPartialBlock_option0:62,param:63,sexpr:64,OPEN_SEXPR:65,sexpr_repetition0:66,sexpr_option0:67,CLOSE_SEXPR:68,hash:69,hash_repetition_plus0:70,hashSegment:71,ID:72,EQUALS:73,blockParams:74,OPEN_BLOCK_PARAMS:75,blockParams_repetition_plus0:76,CLOSE_BLOCK_PARAMS:77,path:78,dataName:79,STRING:80,NUMBER:81,BOOLEAN:82,UNDEFINED:83,NULL:84,DATA:85,pathSegments:86,SEP:87,$accept:0,$end:1},terminals_:{2:"error",5:"EOF",14:"COMMENT",15:"CONTENT",18:"END_RAW_BLOCK",19:"OPEN_RAW_BLOCK",23:"CLOSE_RAW_BLOCK",29:"OPEN_BLOCK",33:"CLOSE",34:"OPEN_INVERSE",39:"OPEN_INVERSE_CHAIN",44:"INVERSE",47:"OPEN_ENDBLOCK",48:"OPEN",51:"OPEN_UNESCAPED",54:"CLOSE_UNESCAPED",55:"OPEN_PARTIAL",60:"OPEN_PARTIAL_BLOCK",65:"OPEN_SEXPR",68:"CLOSE_SEXPR",72:"ID",73:"EQUALS",75:"OPEN_BLOCK_PARAMS",77:"CLOSE_BLOCK_PARAMS",80:"STRING",81:"NUMBER",82:"BOOLEAN",83:"UNDEFINED",84:"NULL",85:"DATA",87:"SEP"},productions_:[0,[3,2],[4,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[13,1],[10,3],[16,5],[9,4],[9,4],[24,6],[27,6],[38,6],[43,2],[45,3],[45,1],[26,3],[8,5],[8,5],[11,5],[12,3],[59,5],[63,1],[63,1],[64,5],[69,1],[71,3],[74,3],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[56,1],[56,1],[79,2],[78,1],[86,3],[86,1],[6,0],[6,2],[17,0],[17,2],[21,0],[21,2],[22,0],[22,1],[25,0],[25,1],[28,0],[28,1],[30,0],[30,2],[31,0],[31,1],[32,0],[32,1],[35,0],[35,2],[36,0],[36,1],[37,0],[37,1],[40,0],[40,2],[41,0],[41,1],[42,0],[42,1],[46,0],[46,1],[49,0],[49,2],[50,0],[50,1],[52,0],[52,2],[53,0],[53,1],[57,0],[57,2],[58,0],[58,1],[61,0],[61,2],[62,0],[62,1],[66,0],[66,2],[67,0],[67,1],[70,1],[70,2],[76,1],[76,2]],performAction:function(t,e,n,i,s,r,a){var o=r.length-1;switch(s){case 1:return r[o-1];case 2:this.$=i.prepareProgram(r[o]);break;case 3:case 4:case 5:case 6:case 7:case 8:case 20:case 27:case 28:case 33:case 34:case 40:case 41:this.$=r[o];break;case 9:this.$={type:"CommentStatement",value:i.stripComment(r[o]),strip:i.stripFlags(r[o],r[o]),loc:i.locInfo(this._$)};break;case 10:this.$={type:"ContentStatement",original:r[o],value:r[o],loc:i.locInfo(this._$)};break;case 11:this.$=i.prepareRawBlock(r[o-2],r[o-1],r[o],this._$);break;case 12:this.$={path:r[o-3],params:r[o-2],hash:r[o-1]};break;case 13:this.$=i.prepareBlock(r[o-3],r[o-2],r[o-1],r[o],!1,this._$);break;case 14:this.$=i.prepareBlock(r[o-3],r[o-2],r[o-1],r[o],!0,this._$);break;case 15:this.$={open:r[o-5],path:r[o-4],params:r[o-3],hash:r[o-2],blockParams:r[o-1],strip:i.stripFlags(r[o-5],r[o])};break;case 16:case 17:this.$={path:r[o-4],params:r[o-3],hash:r[o-2],blockParams:r[o-1],strip:i.stripFlags(r[o-5],r[o])};break;case 18:this.$={strip:i.stripFlags(r[o-1],r[o-1]),program:r[o]};break;case 19:var _=i.prepareBlock(r[o-2],r[o-1],r[o],r[o],!1,this._$),u=i.prepareProgram([_],r[o-1].loc);u.chained=!0,this.$={strip:r[o-2].strip,program:u,chain:!0};break;case 21:this.$={path:r[o-1],strip:i.stripFlags(r[o-2],r[o])};break;case 22:case 23:this.$=i.prepareMustache(r[o-3],r[o-2],r[o-1],r[o-4],i.stripFlags(r[o-4],r[o]),this._$);break;case 24:this.$={type:"PartialStatement",name:r[o-3],params:r[o-2],hash:r[o-1],indent:"",strip:i.stripFlags(r[o-4],r[o]),loc:i.locInfo(this._$)};break;case 25:this.$=i.preparePartialBlock(r[o-2],r[o-1],r[o],this._$);break;case 26:this.$={path:r[o-3],params:r[o-2],hash:r[o-1],strip:i.stripFlags(r[o-4],r[o])};break;case 29:this.$={type:"SubExpression",path:r[o-3],params:r[o-2],hash:r[o-1],loc:i.locInfo(this._$)};break;case 30:this.$={type:"Hash",pairs:r[o],loc:i.locInfo(this._$)};break;case 31:this.$={type:"HashPair",key:i.id(r[o-2]),value:r[o],loc:i.locInfo(this._$)};break;case 32:this.$=i.id(r[o-1]);break;case 35:this.$={type:"StringLiteral",value:r[o],original:r[o],loc:i.locInfo(this._$)};break;case 36:this.$={type:"NumberLiteral",value:Number(r[o]),original:Number(r[o]),loc:i.locInfo(this._$)};break;case 37:this.$={type:"BooleanLiteral",value:"true"===r[o],original:"true"===r[o],loc:i.locInfo(this._$)};break;case 38:this.$={type:"UndefinedLiteral",original:void 0,value:void 0,loc:i.locInfo(this._$)};break;case 39:this.$={type:"NullLiteral",original:null,value:null,loc:i.locInfo(this._$)};break;case 42:this.$=i.preparePath(!0,r[o],this._$);break;case 43:this.$=i.preparePath(!1,r[o],this._$);break;case 44:r[o-2].push({part:i.id(r[o]),original:r[o],separator:r[o-1]}),this.$=r[o-2];break;case 45:this.$=[{part:i.id(r[o]),original:r[o]}];break;case 46:case 48:case 50:case 58:case 64:case 70:case 78:case 82:case 86:case 90:case 94:this.$=[];break;case 47:case 49:case 51:case 59:case 65:case 71:case 79:case 83:case 87:case 91:case 95:case 99:case 101:r[o-1].push(r[o]);break;case 98:case 100:this.$=[r[o]]}},table:[{3:1,4:2,5:[2,46],6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{1:[3]},{5:[1,4]},{5:[2,2],7:5,8:6,9:7,10:8,11:9,12:10,13:11,14:[1,12],15:[1,20],16:17,19:[1,23],24:15,27:16,29:[1,21],34:[1,22],39:[2,2],44:[2,2],47:[2,2],48:[1,13],51:[1,14],55:[1,18],59:19,60:[1,24]},{1:[2,1]},{5:[2,47],14:[2,47],15:[2,47],19:[2,47],29:[2,47],34:[2,47],39:[2,47],44:[2,47],47:[2,47],48:[2,47],51:[2,47],55:[2,47],60:[2,47]},{5:[2,3],14:[2,3],15:[2,3],19:[2,3],29:[2,3],34:[2,3],39:[2,3],44:[2,3],47:[2,3],48:[2,3],51:[2,3],55:[2,3],60:[2,3]},{5:[2,4],14:[2,4],15:[2,4],19:[2,4],29:[2,4],34:[2,4],39:[2,4],44:[2,4],47:[2,4],48:[2,4],51:[2,4],55:[2,4],60:[2,4]},{5:[2,5],14:[2,5],15:[2,5],19:[2,5],29:[2,5],34:[2,5],39:[2,5],44:[2,5],47:[2,5],48:[2,5],51:[2,5],55:[2,5],60:[2,5]},{5:[2,6],14:[2,6],15:[2,6],19:[2,6],29:[2,6],34:[2,6],39:[2,6],44:[2,6],47:[2,6],48:[2,6],51:[2,6],55:[2,6],60:[2,6]},{5:[2,7],14:[2,7],15:[2,7],19:[2,7],29:[2,7],34:[2,7],39:[2,7],44:[2,7],47:[2,7],48:[2,7],51:[2,7],55:[2,7],60:[2,7]},{5:[2,8],14:[2,8],15:[2,8],19:[2,8],29:[2,8],34:[2,8],39:[2,8],44:[2,8],47:[2,8],48:[2,8],51:[2,8],55:[2,8],60:[2,8]},{5:[2,9],14:[2,9],15:[2,9],19:[2,9],29:[2,9],34:[2,9],39:[2,9],44:[2,9],47:[2,9],48:[2,9],51:[2,9],55:[2,9],60:[2,9]},{20:25,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:36,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:37,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{4:38,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{15:[2,48],17:39,18:[2,48]},{20:41,56:40,64:42,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:44,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{5:[2,10],14:[2,10],15:[2,10],18:[2,10],19:[2,10],29:[2,10],34:[2,10],39:[2,10],44:[2,10],47:[2,10],48:[2,10],51:[2,10],55:[2,10],60:[2,10]},{20:45,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:46,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:47,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:41,56:48,64:42,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[2,78],49:49,65:[2,78],72:[2,78],80:[2,78],81:[2,78],82:[2,78],83:[2,78],84:[2,78],85:[2,78]},{23:[2,33],33:[2,33],54:[2,33],65:[2,33],68:[2,33],72:[2,33],75:[2,33],80:[2,33],81:[2,33],82:[2,33],83:[2,33],84:[2,33],85:[2,33]},{23:[2,34],33:[2,34],54:[2,34],65:[2,34],68:[2,34],72:[2,34],75:[2,34],80:[2,34],81:[2,34],82:[2,34],83:[2,34],84:[2,34],85:[2,34]},{23:[2,35],33:[2,35],54:[2,35],65:[2,35],68:[2,35],72:[2,35],75:[2,35],80:[2,35],81:[2,35],82:[2,35],83:[2,35],84:[2,35],85:[2,35]},{23:[2,36],33:[2,36],54:[2,36],65:[2,36],68:[2,36],72:[2,36],75:[2,36],80:[2,36],81:[2,36],82:[2,36],83:[2,36],84:[2,36],85:[2,36]},{23:[2,37],33:[2,37],54:[2,37],65:[2,37],68:[2,37],72:[2,37],75:[2,37],80:[2,37],81:[2,37],82:[2,37],83:[2,37],84:[2,37],85:[2,37]},{23:[2,38],33:[2,38],54:[2,38],65:[2,38],68:[2,38],72:[2,38],75:[2,38],80:[2,38],81:[2,38],82:[2,38],83:[2,38],84:[2,38],85:[2,38]},{23:[2,39],33:[2,39],54:[2,39],65:[2,39],68:[2,39],72:[2,39],75:[2,39],80:[2,39],81:[2,39],82:[2,39],83:[2,39],84:[2,39],85:[2,39]},{23:[2,43],33:[2,43],54:[2,43],65:[2,43],68:[2,43],72:[2,43],75:[2,43],80:[2,43],81:[2,43],82:[2,43],83:[2,43],84:[2,43],85:[2,43],87:[1,50]},{72:[1,35],86:51},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{52:52,54:[2,82],65:[2,82],72:[2,82],80:[2,82],81:[2,82],82:[2,82],83:[2,82],84:[2,82],85:[2,82]},{25:53,38:55,39:[1,57],43:56,44:[1,58],45:54,47:[2,54]},{28:59,43:60,44:[1,58],47:[2,56]},{13:62,15:[1,20],18:[1,61]},{33:[2,86],57:63,65:[2,86],72:[2,86],80:[2,86],81:[2,86],82:[2,86],83:[2,86],84:[2,86],85:[2,86]},{33:[2,40],65:[2,40],72:[2,40],80:[2,40],81:[2,40],82:[2,40],83:[2,40],84:[2,40],85:[2,40]},{33:[2,41],65:[2,41],72:[2,41],80:[2,41],81:[2,41],82:[2,41],83:[2,41],84:[2,41],85:[2,41]},{20:64,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:65,47:[1,66]},{30:67,33:[2,58],65:[2,58],72:[2,58],75:[2,58],80:[2,58],81:[2,58],82:[2,58],83:[2,58],84:[2,58],85:[2,58]},{33:[2,64],35:68,65:[2,64],72:[2,64],75:[2,64],80:[2,64],81:[2,64],82:[2,64],83:[2,64],84:[2,64],85:[2,64]},{21:69,23:[2,50],65:[2,50],72:[2,50],80:[2,50],81:[2,50],82:[2,50],83:[2,50],84:[2,50],85:[2,50]},{33:[2,90],61:70,65:[2,90],72:[2,90],80:[2,90],81:[2,90],82:[2,90],83:[2,90],84:[2,90],85:[2,90]},{20:74,33:[2,80],50:71,63:72,64:75,65:[1,43],69:73,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{72:[1,79]},{23:[2,42],33:[2,42],54:[2,42],65:[2,42],68:[2,42],72:[2,42],75:[2,42],80:[2,42],81:[2,42],82:[2,42],83:[2,42],84:[2,42],85:[2,42],87:[1,50]},{20:74,53:80,54:[2,84],63:81,64:75,65:[1,43],69:82,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:83,47:[1,66]},{47:[2,55]},{4:84,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{47:[2,20]},{20:85,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:86,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{26:87,47:[1,66]},{47:[2,57]},{5:[2,11],14:[2,11],15:[2,11],19:[2,11],29:[2,11],34:[2,11],39:[2,11],44:[2,11],47:[2,11],48:[2,11],51:[2,11],55:[2,11],60:[2,11]},{15:[2,49],18:[2,49]},{20:74,33:[2,88],58:88,63:89,64:75,65:[1,43],69:90,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{65:[2,94],66:91,68:[2,94],72:[2,94],80:[2,94],81:[2,94],82:[2,94],83:[2,94],84:[2,94],85:[2,94]},{5:[2,25],14:[2,25],15:[2,25],19:[2,25],29:[2,25],34:[2,25],39:[2,25],44:[2,25],47:[2,25],48:[2,25],51:[2,25],55:[2,25],60:[2,25]},{20:92,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,31:93,33:[2,60],63:94,64:75,65:[1,43],69:95,70:76,71:77,72:[1,78],75:[2,60],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,33:[2,66],36:96,63:97,64:75,65:[1,43],69:98,70:76,71:77,72:[1,78],75:[2,66],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,22:99,23:[2,52],63:100,64:75,65:[1,43],69:101,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,33:[2,92],62:102,63:103,64:75,65:[1,43],69:104,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,105]},{33:[2,79],65:[2,79],72:[2,79],80:[2,79],81:[2,79],82:[2,79],83:[2,79],84:[2,79],85:[2,79]},{33:[2,81]},{23:[2,27],33:[2,27],54:[2,27],65:[2,27],68:[2,27],72:[2,27],75:[2,27],80:[2,27],81:[2,27],82:[2,27],83:[2,27],84:[2,27],85:[2,27]},{23:[2,28],33:[2,28],54:[2,28],65:[2,28],68:[2,28],72:[2,28],75:[2,28],80:[2,28],81:[2,28],82:[2,28],83:[2,28],84:[2,28],85:[2,28]},{23:[2,30],33:[2,30],54:[2,30],68:[2,30],71:106,72:[1,107],75:[2,30]},{23:[2,98],33:[2,98],54:[2,98],68:[2,98],72:[2,98],75:[2,98]},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],73:[1,108],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{23:[2,44],33:[2,44],54:[2,44],65:[2,44],68:[2,44],72:[2,44],75:[2,44],80:[2,44],81:[2,44],82:[2,44],83:[2,44],84:[2,44],85:[2,44],87:[2,44]},{54:[1,109]},{54:[2,83],65:[2,83],72:[2,83],80:[2,83],81:[2,83],82:[2,83],83:[2,83],84:[2,83],85:[2,83]},{54:[2,85]},{5:[2,13],14:[2,13],15:[2,13],19:[2,13],29:[2,13],34:[2,13],39:[2,13],44:[2,13],47:[2,13],48:[2,13],51:[2,13],55:[2,13],60:[2,13]},{38:55,39:[1,57],43:56,44:[1,58],45:111,46:110,47:[2,76]},{33:[2,70],40:112,65:[2,70],72:[2,70],75:[2,70],80:[2,70],81:[2,70],82:[2,70],83:[2,70],84:[2,70],85:[2,70]},{47:[2,18]},{5:[2,14],14:[2,14],15:[2,14],19:[2,14],29:[2,14],34:[2,14],39:[2,14],44:[2,14],47:[2,14],48:[2,14],51:[2,14],55:[2,14],60:[2,14]},{33:[1,113]},{33:[2,87],65:[2,87],72:[2,87],80:[2,87],81:[2,87],82:[2,87],83:[2,87],84:[2,87],85:[2,87]},{33:[2,89]},{20:74,63:115,64:75,65:[1,43],67:114,68:[2,96],69:116,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,117]},{32:118,33:[2,62],74:119,75:[1,120]},{33:[2,59],65:[2,59],72:[2,59],75:[2,59],80:[2,59],81:[2,59],82:[2,59],83:[2,59],84:[2,59],85:[2,59]},{33:[2,61],75:[2,61]},{33:[2,68],37:121,74:122,75:[1,120]},{33:[2,65],65:[2,65],72:[2,65],75:[2,65],80:[2,65],81:[2,65],82:[2,65],83:[2,65],84:[2,65],85:[2,65]},{33:[2,67],75:[2,67]},{23:[1,123]},{23:[2,51],65:[2,51],72:[2,51],80:[2,51],81:[2,51],82:[2,51],83:[2,51],84:[2,51],85:[2,51]},{23:[2,53]},{33:[1,124]},{33:[2,91],65:[2,91],72:[2,91],80:[2,91],81:[2,91],82:[2,91],83:[2,91],84:[2,91],85:[2,91]},{33:[2,93]},{5:[2,22],14:[2,22],15:[2,22],19:[2,22],29:[2,22],34:[2,22],39:[2,22],44:[2,22],47:[2,22],48:[2,22],51:[2,22],55:[2,22],60:[2,22]},{23:[2,99],33:[2,99],54:[2,99],68:[2,99],72:[2,99],75:[2,99]},{73:[1,108]},{20:74,63:125,64:75,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,23],14:[2,23],15:[2,23],19:[2,23],29:[2,23],34:[2,23],39:[2,23],44:[2,23],47:[2,23],48:[2,23],51:[2,23],55:[2,23],60:[2,23]},{47:[2,19]},{47:[2,77]},{20:74,33:[2,72],41:126,63:127,64:75,65:[1,43],69:128,70:76,71:77,72:[1,78],75:[2,72],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,24],14:[2,24],15:[2,24],19:[2,24],29:[2,24],34:[2,24],39:[2,24],44:[2,24],47:[2,24],48:[2,24],51:[2,24],55:[2,24],60:[2,24]},{68:[1,129]},{65:[2,95],68:[2,95],72:[2,95],80:[2,95],81:[2,95],82:[2,95],83:[2,95],84:[2,95],85:[2,95]},{68:[2,97]},{5:[2,21],14:[2,21],15:[2,21],19:[2,21],29:[2,21],34:[2,21],39:[2,21],44:[2,21],47:[2,21],48:[2,21],51:[2,21],55:[2,21],60:[2,21]},{33:[1,130]},{33:[2,63]},{72:[1,132],76:131},{33:[1,133]},{33:[2,69]},{15:[2,12],18:[2,12]},{14:[2,26],15:[2,26],19:[2,26],29:[2,26],34:[2,26],47:[2,26],48:[2,26],51:[2,26],55:[2,26],60:[2,26]},{23:[2,31],33:[2,31],54:[2,31],68:[2,31],72:[2,31],75:[2,31]},{33:[2,74],42:134,74:135,75:[1,120]},{33:[2,71],65:[2,71],72:[2,71],75:[2,71],80:[2,71],81:[2,71],82:[2,71],83:[2,71],84:[2,71],85:[2,71]},{33:[2,73],75:[2,73]},{23:[2,29],33:[2,29],54:[2,29],65:[2,29],68:[2,29],72:[2,29],75:[2,29],80:[2,29],81:[2,29],82:[2,29],83:[2,29],84:[2,29],85:[2,29]},{14:[2,15],15:[2,15],19:[2,15],29:[2,15],34:[2,15],39:[2,15],44:[2,15],47:[2,15],48:[2,15],51:[2,15],55:[2,15],60:[2,15]},{72:[1,137],77:[1,136]},{72:[2,100],77:[2,100]},{14:[2,16],15:[2,16],19:[2,16],29:[2,16],34:[2,16],44:[2,16],47:[2,16],48:[2,16],51:[2,16],55:[2,16],60:[2,16]},{33:[1,138]},{33:[2,75]},{33:[2,32]},{72:[2,101],77:[2,101]},{14:[2,17],15:[2,17],19:[2,17],29:[2,17],34:[2,17],39:[2,17],44:[2,17],47:[2,17],48:[2,17],51:[2,17],55:[2,17],60:[2,17]}],defaultActions:{4:[2,1],54:[2,55],56:[2,20],60:[2,57],73:[2,81],82:[2,85],86:[2,18],90:[2,89],101:[2,53],104:[2,93],110:[2,19],111:[2,77],116:[2,97],119:[2,63],122:[2,69],135:[2,75],136:[2,32]},parseError:function(t,e){throw new Error(t)},parse:function(t){var e=this,n=[0],i=[null],s=[],r=this.table,a="",o=0,_=0,u=0;this.lexer.setInput(t),this.lexer.yy=this.yy,this.yy.lexer=this.lexer,this.yy.parser=this,void 0===this.lexer.yylloc&&(this.lexer.yylloc={});var p=this.lexer.yylloc;s.push(p);var l=this.lexer.options&&this.lexer.options.ranges;"function"==typeof this.yy.parseError&&(this.parseError=this.yy.parseError);for(var h,c,d,f,g,m,y,b,v,k,w={};;){if(d=n[n.length-1],this.defaultActions[d]?f=this.defaultActions[d]:(null==h&&(k=void 0,"number"!=typeof(k=e.lexer.lex()||1)&&(k=e.symbols_[k]||k),h=k),f=r[d]&&r[d][h]),void 0===f||!f.length||!f[0]){var x="";if(!u){for(m in v=[],r[d])this.terminals_[m]&&m>2&&v.push("'"+this.terminals_[m]+"'");x=this.lexer.showPosition?"Parse error on line "+(o+1)+":\n"+this.lexer.showPosition()+"\nExpecting "+v.join(", ")+", got '"+(this.terminals_[h]||h)+"'":"Parse error on line "+(o+1)+": Unexpected "+(1==h?"end of input":"'"+(this.terminals_[h]||h)+"'"),this.parseError(x,{text:this.lexer.match,token:this.terminals_[h]||h,line:this.lexer.yylineno,loc:p,expected:v})}}if(f[0]instanceof Array&&f.length>1)throw new Error("Parse Error: multiple actions possible at state: "+d+", token: "+h);switch(f[0]){case 1:n.push(h),i.push(this.lexer.yytext),s.push(this.lexer.yylloc),n.push(f[1]),h=null,c?(h=c,c=null):(_=this.lexer.yyleng,a=this.lexer.yytext,o=this.lexer.yylineno,p=this.lexer.yylloc,u>0&&u--);break;case 2:if(y=this.productions_[f[1]][1],w.$=i[i.length-y],w._$={first_line:s[s.length-(y||1)].first_line,last_line:s[s.length-1].last_line,first_column:s[s.length-(y||1)].first_column,last_column:s[s.length-1].last_column},l&&(w._$.range=[s[s.length-(y||1)].range[0],s[s.length-1].range[1]]),void 0!==(g=this.performAction.call(w,a,_,o,this.yy,f[1],i,s)))return g;y&&(n=n.slice(0,-1*y*2),i=i.slice(0,-1*y),s=s.slice(0,-1*y)),n.push(this.productions_[f[1]][0]),i.push(w.$),s.push(w._$),b=r[n[n.length-2]][n[n.length-1]],n.push(b);break;case 3:return!0}}return!0}},e=function(){var t={EOF:1,parseError:function(t,e){if(!this.yy.parser)throw new Error(t);this.yy.parser.parseError(t,e)},setInput:function(t){return this._input=t,this._more=this._less=this.done=!1,this.yylineno=this.yyleng=0,this.yytext=this.matched=this.match="",this.conditionStack=["INITIAL"],this.yylloc={first_line:1,first_column:0,last_line:1,last_column:0},this.options.ranges&&(this.yylloc.range=[0,0]),this.offset=0,this},input:function(){var t=this._input[0];return this.yytext+=t,this.yyleng++,this.offset++,this.match+=t,this.matched+=t,t.match(/(?:\r\n?|\n).*/g)?(this.yylineno++,this.yylloc.last_line++):this.yylloc.last_column++,this.options.ranges&&this.yylloc.range[1]++,this._input=this._input.slice(1),t},unput:function(t){var e=t.length,n=t.split(/(?:\r\n?|\n)/g);this._input=t+this._input,this.yytext=this.yytext.substr(0,this.yytext.length-e-1),this.offset-=e;var i=this.match.split(/(?:\r\n?|\n)/g);this.match=this.match.substr(0,this.match.length-1),this.matched=this.matched.substr(0,this.matched.length-1),n.length-1&&(this.yylineno-=n.length-1);var s=this.yylloc.range;return this.yylloc={first_line:this.yylloc.first_line,last_line:this.yylineno+1,first_column:this.yylloc.first_column,last_column:n?(n.length===i.length?this.yylloc.first_column:0)+i[i.length-n.length].length-n[0].length:this.yylloc.first_column-e},this.options.ranges&&(this.yylloc.range=[s[0],s[0]+this.yyleng-e]),this},more:function(){return this._more=!0,this},less:function(t){this.unput(this.match.slice(t))},pastInput:function(){var t=this.matched.substr(0,this.matched.length-this.match.length);return(t.length>20?"...":"")+t.substr(-20).replace(/\n/g,"")},upcomingInput:function(){var t=this.match;return t.length<20&&(t+=this._input.substr(0,20-t.length)),(t.substr(0,20)+(t.length>20?"...":"")).replace(/\n/g,"")},showPosition:function(){var t=this.pastInput(),e=new Array(t.length+1).join("-");return t+this.upcomingInput()+"\n"+e+"^"},next:function(){if(this.done)return this.EOF;var t,e,n,i,s;this._input||(this.done=!0),this._more||(this.yytext="",this.match="");for(var r=this._currentRules(),a=0;a<r.length&&(!(n=this._input.match(this.rules[r[a]]))||e&&!(n[0].length>e[0].length)||(e=n,i=a,this.options.flex));a++);return e?((s=e[0].match(/(?:\r\n?|\n).*/g))&&(this.yylineno+=s.length),this.yylloc={first_line:this.yylloc.last_line,last_line:this.yylineno+1,first_column:this.yylloc.last_column,last_column:s?s[s.length-1].length-s[s.length-1].match(/\r?\n?/)[0].length:this.yylloc.last_column+e[0].length},this.yytext+=e[0],this.match+=e[0],this.matches=e,this.yyleng=this.yytext.length,this.options.ranges&&(this.yylloc.range=[this.offset,this.offset+=this.yyleng]),this._more=!1,this._input=this._input.slice(e[0].length),this.matched+=e[0],t=this.performAction.call(this,this.yy,this,r[i],this.conditionStack[this.conditionStack.length-1]),this.done&&this._input&&(this.done=!1),t||void 0):""===this._input?this.EOF:this.parseError("Lexical error on line "+(this.yylineno+1)+". Unrecognized text.\n"+this.showPosition(),{text:"",token:null,line:this.yylineno})},lex:function(){var t=this.next();return void 0!==t?t:this.lex()},begin:function(t){this.conditionStack.push(t)},popState:function(){return this.conditionStack.pop()},_currentRules:function(){return this.conditions[this.conditionStack[this.conditionStack.length-1]].rules},topState:function(){return this.conditionStack[this.conditionStack.length-2]},pushState:function(t){this.begin(t)},options:{},performAction:function(t,e,n,i){function s(t,n){return e.yytext=e.yytext.substring(t,e.yyleng-n+t)}switch(n){case 0:if("\\\\"===e.yytext.slice(-2)?(s(0,1),this.begin("mu")):"\\"===e.yytext.slice(-1)?(s(0,1),this.begin("emu")):this.begin("mu"),e.yytext)return 15;break;case 1:case 5:return 15;case 2:return this.popState(),15;case 3:return this.begin("raw"),15;case 4:return this.popState(),"raw"===this.conditionStack[this.conditionStack.length-1]?15:(s(5,9),"END_RAW_BLOCK");case 6:case 22:return this.popState(),14;case 7:return 65;case 8:return 68;case 9:return 19;case 10:return this.popState(),this.begin("raw"),23;case 11:return 55;case 12:return 60;case 13:return 29;case 14:return 47;case 15:case 16:return this.popState(),44;case 17:return 34;case 18:return 39;case 19:return 51;case 20:case 23:return 48;case 21:this.unput(e.yytext),this.popState(),this.begin("com");break;case 24:return 73;case 25:case 26:case 41:return 72;case 27:return 87;case 28:break;case 29:return this.popState(),54;case 30:return this.popState(),33;case 31:return e.yytext=s(1,2).replace(/\\"/g,'"'),80;case 32:return e.yytext=s(1,2).replace(/\\'/g,"'"),80;case 33:return 85;case 34:case 35:return 82;case 36:return 83;case 37:return 84;case 38:return 81;case 39:return 75;case 40:return 77;case 42:return e.yytext=e.yytext.replace(/\\([\\\]])/g,"$1"),72;case 43:return"INVALID";case 44:return 5}},rules:[/^(?:[^\x00]*?(?=(\{\{)))/,/^(?:[^\x00]+)/,/^(?:[^\x00]{2,}?(?=(\{\{|\\\{\{|\\\\\{\{|$)))/,/^(?:\{\{\{\{(?=[^\/]))/,/^(?:\{\{\{\{\/[^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=[=}\s\/.])\}\}\}\})/,/^(?:[^\x00]+?(?=(\{\{\{\{)))/,/^(?:[\s\S]*?--(~)?\}\})/,/^(?:\()/,/^(?:\))/,/^(?:\{\{\{\{)/,/^(?:\}\}\}\})/,/^(?:\{\{(~)?>)/,/^(?:\{\{(~)?#>)/,/^(?:\{\{(~)?#\*?)/,/^(?:\{\{(~)?\/)/,/^(?:\{\{(~)?\^\s*(~)?\}\})/,/^(?:\{\{(~)?\s*else\s*(~)?\}\})/,/^(?:\{\{(~)?\^)/,/^(?:\{\{(~)?\s*else\b)/,/^(?:\{\{(~)?\{)/,/^(?:\{\{(~)?&)/,/^(?:\{\{(~)?!--)/,/^(?:\{\{(~)?![\s\S]*?\}\})/,/^(?:\{\{(~)?\*?)/,/^(?:=)/,/^(?:\.\.)/,/^(?:\.(?=([=~}\s\/.)|])))/,/^(?:[\/.])/,/^(?:\s+)/,/^(?:\}(~)?\}\})/,/^(?:(~)?\}\})/,/^(?:"(\\["]|[^"])*")/,/^(?:'(\\[']|[^'])*')/,/^(?:@)/,/^(?:true(?=([~}\s)])))/,/^(?:false(?=([~}\s)])))/,/^(?:undefined(?=([~}\s)])))/,/^(?:null(?=([~}\s)])))/,/^(?:-?[0-9]+(?:\.[0-9]+)?(?=([~}\s)])))/,/^(?:as\s+\|)/,/^(?:\|)/,/^(?:([^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=([=~}\s\/.)|]))))/,/^(?:\[(\\\]|[^\]])*\])/,/^(?:.)/,/^(?:$)/],conditions:{mu:{rules:[7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],inclusive:!1},emu:{rules:[2],inclusive:!1},com:{rules:[6],inclusive:!1},raw:{rules:[3,4,5],inclusive:!1},INITIAL:{rules:[0,1,44],inclusive:!0}}};return t}();function n(){this.yy={}}return t.lexer=e,n.prototype=t,t.Parser=n,new n}();e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=i(n(49));function r(){var t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.options=t}function a(t,e,n){void 0===e&&(e=t.length);var i=t[e-1],s=t[e-2];return i?"ContentStatement"===i.type?(s||!n?/\r?\n\s*?$/:/(^|\r?\n)\s*?$/).test(i.original):void 0:n}function o(t,e,n){void 0===e&&(e=-1);var i=t[e+1],s=t[e+2];return i?"ContentStatement"===i.type?(s||!n?/^\s*?\r?\n/:/^\s*?(\r?\n|$)/).test(i.original):void 0:n}function _(t,e,n){var i=t[null==e?0:e+1];if(i&&"ContentStatement"===i.type&&(n||!i.rightStripped)){var s=i.value;i.value=i.value.replace(n?/^\s+/:/^[ \t]*\r?\n?/,""),i.rightStripped=i.value!==s}}function u(t,e,n){var i=t[null==e?t.length-1:e-1];if(i&&"ContentStatement"===i.type&&(n||!i.leftStripped)){var s=i.value;return i.value=i.value.replace(n?/\s+$/:/[ \t]+$/,""),i.leftStripped=i.value!==s,i.leftStripped}}r.prototype=new s.default,r.prototype.Program=function(t){var e=!this.options.ignoreStandalone,n=!this.isRootSeen;this.isRootSeen=!0;for(var i=t.body,s=0,r=i.length;s<r;s++){var p=i[s],l=this.accept(p);if(l){var h=a(i,s,n),c=o(i,s,n),d=l.openStandalone&&h,f=l.closeStandalone&&c,g=l.inlineStandalone&&h&&c;l.close&&_(i,s,!0),l.open&&u(i,s,!0),e&&g&&(_(i,s),u(i,s)&&"PartialStatement"===p.type&&(p.indent=/([ \t]+$)/.exec(i[s-1].original)[1])),e&&d&&(_((p.program||p.inverse).body),u(i,s)),e&&f&&(_(i,s),u((p.inverse||p.program).body))}}return t},r.prototype.BlockStatement=r.prototype.DecoratorBlock=r.prototype.PartialBlockStatement=function(t){this.accept(t.program),this.accept(t.inverse);var e=t.program||t.inverse,n=t.program&&t.inverse,i=n,s=n;if(n&&n.chained)for(i=n.body[0].program;s.chained;)s=s.body[s.body.length-1].program;var r={open:t.openStrip.open,close:t.closeStrip.close,openStandalone:o(e.body),closeStandalone:a((i||e).body)};if(t.openStrip.close&&_(e.body,null,!0),n){var p=t.inverseStrip;p.open&&u(e.body,null,!0),p.close&&_(i.body,null,!0),t.closeStrip.open&&u(s.body,null,!0),!this.options.ignoreStandalone&&a(e.body)&&o(i.body)&&(u(e.body),_(i.body))}else t.closeStrip.open&&u(e.body,null,!0);return r},r.prototype.Decorator=r.prototype.MustacheStatement=function(t){return t.strip},r.prototype.PartialStatement=r.prototype.CommentStatement=function(t){var e=t.strip||{};return{inlineStandalone:!0,open:e.open,close:e.close}},e.default=r,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=i(n(6));function r(){this.parents=[]}function a(t){this.acceptRequired(t,"path"),this.acceptArray(t.params),this.acceptKey(t,"hash")}function o(t){a.call(this,t),this.acceptKey(t,"program"),this.acceptKey(t,"inverse")}function _(t){this.acceptRequired(t,"name"),this.acceptArray(t.params),this.acceptKey(t,"hash")}r.prototype={constructor:r,mutating:!1,acceptKey:function(t,e){var n=this.accept(t[e]);if(this.mutating){if(n&&!r.prototype[n.type])throw new s.default('Unexpected node type "'+n.type+'" found when accepting '+e+" on "+t.type);t[e]=n}},acceptRequired:function(t,e){if(this.acceptKey(t,e),!t[e])throw new s.default(t.type+" requires "+e)},acceptArray:function(t){for(var e=0,n=t.length;e<n;e++)this.acceptKey(t,e),t[e]||(t.splice(e,1),e--,n--)},accept:function(t){if(t){if(!this[t.type])throw new s.default("Unknown type: "+t.type,t);this.current&&this.parents.unshift(this.current),this.current=t;var e=this[t.type](t);return this.current=this.parents.shift(),!this.mutating||e?e:!1!==e?t:void 0}},Program:function(t){this.acceptArray(t.body)},MustacheStatement:a,Decorator:a,BlockStatement:o,DecoratorBlock:o,PartialStatement:_,PartialBlockStatement:function(t){_.call(this,t),this.acceptKey(t,"program")},ContentStatement:function(){},CommentStatement:function(){},SubExpression:a,PathExpression:function(){},StringLiteral:function(){},NumberLiteral:function(){},BooleanLiteral:function(){},UndefinedLiteral:function(){},NullLiteral:function(){},Hash:function(t){this.acceptArray(t.pairs)},HashPair:function(t){this.acceptRequired(t,"value")}},e.default=r,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.SourceLocation=function(t,e){this.source=t,this.start={line:e.first_line,column:e.first_column},this.end={line:e.last_line,column:e.last_column}},e.id=function(t){return/^\[.*\]$/.test(t)?t.substring(1,t.length-1):t},e.stripFlags=function(t,e){return{open:"~"===t.charAt(2),close:"~"===e.charAt(e.length-3)}},e.stripComment=function(t){return t.replace(/^\{\{~?!-?-?/,"").replace(/-?-?~?\}\}$/,"")},e.preparePath=function(t,e,n){n=this.locInfo(n);for(var i=t?"@":"",r=[],a=0,o=0,_=e.length;o<_;o++){var u=e[o].part,p=e[o].original!==u;if(i+=(e[o].separator||"")+u,p||".."!==u&&"."!==u&&"this"!==u)r.push(u);else{if(r.length>0)throw new s.default("Invalid path: "+i,{loc:n});".."===u&&a++}}return{type:"PathExpression",data:t,depth:a,parts:r,original:i,loc:n}},e.prepareMustache=function(t,e,n,i,s,r){var a=i.charAt(3)||i.charAt(2),o="{"!==a&&"&"!==a;return{type:/\*/.test(i)?"Decorator":"MustacheStatement",path:t,params:e,hash:n,escaped:o,strip:s,loc:this.locInfo(r)}},e.prepareRawBlock=function(t,e,n,i){r(t,n),i=this.locInfo(i);var s={type:"Program",body:e,strip:{},loc:i};return{type:"BlockStatement",path:t.path,params:t.params,hash:t.hash,program:s,openStrip:{},inverseStrip:{},closeStrip:{},loc:i}},e.prepareBlock=function(t,e,n,i,a,o){i&&i.path&&r(t,i);var _=/\*/.test(t.open);e.blockParams=t.blockParams;var u=void 0,p=void 0;if(n){if(_)throw new s.default("Unexpected inverse block on decorator",n);n.chain&&(n.program.body[0].closeStrip=i.strip),p=n.strip,u=n.program}return a&&(a=u,u=e,e=a),{type:_?"DecoratorBlock":"BlockStatement",path:t.path,params:t.params,hash:t.hash,program:e,inverse:u,openStrip:t.strip,inverseStrip:p,closeStrip:i&&i.strip,loc:this.locInfo(o)}},e.prepareProgram=function(t,e){if(!e&&t.length){var n=t[0].loc,i=t[t.length-1].loc;n&&i&&(e={source:n.source,start:{line:n.start.line,column:n.start.column},end:{line:i.end.line,column:i.end.column}})}return{type:"Program",body:t,strip:{},loc:e}},e.preparePartialBlock=function(t,e,n,i){return r(t,n),{type:"PartialBlockStatement",name:t.path,params:t.params,hash:t.hash,program:e,openStrip:t.strip,closeStrip:n&&n.strip,loc:this.locInfo(i)}};var s=i(n(6));function r(t,e){if(e=e.path?e.path.original:e,t.path.original!==e){var n={loc:t.path.loc};throw new s.default(t.path.original+" doesn't match "+e,n)}}},function(t,e,n){"use strict";var i=n(34).default,s=n(1).default;e.__esModule=!0,e.Compiler=u,e.precompile=function(t,e,n){if(null==t||"string"!=typeof t&&"Program"!==t.type)throw new r.default("You must pass a string or Handlebars AST to Handlebars.precompile. You passed "+t);"data"in(e=e||{})||(e.data=!0),e.compat&&(e.useDepths=!0);var i=n.parse(t,e),s=(new n.Compiler).compile(i,e);return(new n.JavaScriptCompiler).compile(s,e)},e.compile=function(t,e,n){if(void 0===e&&(e={}),null==t||"string"!=typeof t&&"Program"!==t.type)throw new r.default("You must pass a string or Handlebars AST to Handlebars.compile. You passed "+t);"data"in(e=a.extend({},e))||(e.data=!0),e.compat&&(e.useDepths=!0);var i=void 0;function s(){var i=n.parse(t,e),s=(new n.Compiler).compile(i,e),r=(new n.JavaScriptCompiler).compile(s,e,void 0,!0);return n.template(r)}function o(t,e){return i||(i=s()),i.call(this,t,e)}return o._setup=function(t){return i||(i=s()),i._setup(t)},o._child=function(t,e,n,r){return i||(i=s()),i._child(t,e,n,r)},o};var r=s(n(6)),a=n(5),o=s(n(45)),_=[].slice;function u(){}function p(t,e){if(t===e)return!0;if(a.isArray(t)&&a.isArray(e)&&t.length===e.length){for(var n=0;n<t.length;n++)if(!p(t[n],e[n]))return!1;return!0}}function l(t){if(!t.path.parts){var e=t.path;t.path={type:"PathExpression",data:!1,depth:0,parts:[e.original+""],original:e.original+"",loc:e.loc}}}u.prototype={compiler:u,equals:function(t){var e=this.opcodes.length;if(t.opcodes.length!==e)return!1;for(var n=0;n<e;n++){var i=this.opcodes[n],s=t.opcodes[n];if(i.opcode!==s.opcode||!p(i.args,s.args))return!1}for(e=this.children.length,n=0;n<e;n++)if(!this.children[n].equals(t.children[n]))return!1;return!0},guid:0,compile:function(t,e){return this.sourceNode=[],this.opcodes=[],this.children=[],this.options=e,this.stringParams=e.stringParams,this.trackIds=e.trackIds,e.blockParams=e.blockParams||[],e.knownHelpers=a.extend(i(null),{helperMissing:!0,blockHelperMissing:!0,each:!0,if:!0,unless:!0,with:!0,log:!0,lookup:!0},e.knownHelpers),this.accept(t)},compileProgram:function(t){var e=(new this.compiler).compile(t,this.options),n=this.guid++;return this.usePartial=this.usePartial||e.usePartial,this.children[n]=e,this.useDepths=this.useDepths||e.useDepths,n},accept:function(t){if(!this[t.type])throw new r.default("Unknown type: "+t.type,t);this.sourceNode.unshift(t);var e=this[t.type](t);return this.sourceNode.shift(),e},Program:function(t){this.options.blockParams.unshift(t.blockParams);for(var e=t.body,n=e.length,i=0;i<n;i++)this.accept(e[i]);return this.options.blockParams.shift(),this.isSimple=1===n,this.blockParams=t.blockParams?t.blockParams.length:0,this},BlockStatement:function(t){l(t);var e=t.program,n=t.inverse;e=e&&this.compileProgram(e),n=n&&this.compileProgram(n);var i=this.classifySexpr(t);"helper"===i?this.helperSexpr(t,e,n):"simple"===i?(this.simpleSexpr(t),this.opcode("pushProgram",e),this.opcode("pushProgram",n),this.opcode("emptyHash"),this.opcode("blockValue",t.path.original)):(this.ambiguousSexpr(t,e,n),this.opcode("pushProgram",e),this.opcode("pushProgram",n),this.opcode("emptyHash"),this.opcode("ambiguousBlockValue")),this.opcode("append")},DecoratorBlock:function(t){var e=t.program&&this.compileProgram(t.program),n=this.setupFullMustacheParams(t,e,void 0),i=t.path;this.useDecorators=!0,this.opcode("registerDecorator",n.length,i.original)},PartialStatement:function(t){this.usePartial=!0;var e=t.program;e&&(e=this.compileProgram(t.program));var n=t.params;if(n.length>1)throw new r.default("Unsupported number of partial arguments: "+n.length,t);n.length||(this.options.explicitPartialContext?this.opcode("pushLiteral","undefined"):n.push({type:"PathExpression",parts:[],depth:0}));var i=t.name.original,s="SubExpression"===t.name.type;s&&this.accept(t.name),this.setupFullMustacheParams(t,e,void 0,!0);var a=t.indent||"";this.options.preventIndent&&a&&(this.opcode("appendContent",a),a=""),this.opcode("invokePartial",s,i,a),this.opcode("append")},PartialBlockStatement:function(t){this.PartialStatement(t)},MustacheStatement:function(t){this.SubExpression(t),t.escaped&&!this.options.noEscape?this.opcode("appendEscaped"):this.opcode("append")},Decorator:function(t){this.DecoratorBlock(t)},ContentStatement:function(t){t.value&&this.opcode("appendContent",t.value)},CommentStatement:function(){},SubExpression:function(t){l(t);var e=this.classifySexpr(t);"simple"===e?this.simpleSexpr(t):"helper"===e?this.helperSexpr(t):this.ambiguousSexpr(t)},ambiguousSexpr:function(t,e,n){var i=t.path,s=i.parts[0],r=null!=e||null!=n;this.opcode("getContext",i.depth),this.opcode("pushProgram",e),this.opcode("pushProgram",n),i.strict=!0,this.accept(i),this.opcode("invokeAmbiguous",s,r)},simpleSexpr:function(t){var e=t.path;e.strict=!0,this.accept(e),this.opcode("resolvePossibleLambda")},helperSexpr:function(t,e,n){var i=this.setupFullMustacheParams(t,e,n),s=t.path,a=s.parts[0];if(this.options.knownHelpers[a])this.opcode("invokeKnownHelper",i.length,a);else{if(this.options.knownHelpersOnly)throw new r.default("You specified knownHelpersOnly, but used the unknown helper "+a,t);s.strict=!0,s.falsy=!0,this.accept(s),this.opcode("invokeHelper",i.length,s.original,o.default.helpers.simpleId(s))}},PathExpression:function(t){this.addDepth(t.depth),this.opcode("getContext",t.depth);var e=t.parts[0],n=o.default.helpers.scopedId(t),i=!t.depth&&!n&&this.blockParamIndex(e);i?this.opcode("lookupBlockParam",i,t.parts):e?t.data?(this.options.data=!0,this.opcode("lookupData",t.depth,t.parts,t.strict)):this.opcode("lookupOnContext",t.parts,t.falsy,t.strict,n):this.opcode("pushContext")},StringLiteral:function(t){this.opcode("pushString",t.value)},NumberLiteral:function(t){this.opcode("pushLiteral",t.value)},BooleanLiteral:function(t){this.opcode("pushLiteral",t.value)},UndefinedLiteral:function(){this.opcode("pushLiteral","undefined")},NullLiteral:function(){this.opcode("pushLiteral","null")},Hash:function(t){var e=t.pairs,n=0,i=e.length;for(this.opcode("pushHash");n<i;n++)this.pushParam(e[n].value);for(;n--;)this.opcode("assignToHash",e[n].key);this.opcode("popHash")},opcode:function(t){this.opcodes.push({opcode:t,args:_.call(arguments,1),loc:this.sourceNode[0].loc})},addDepth:function(t){t&&(this.useDepths=!0)},classifySexpr:function(t){var e=o.default.helpers.simpleId(t.path),n=e&&!!this.blockParamIndex(t.path.parts[0]),i=!n&&o.default.helpers.helperExpression(t),s=!n&&(i||e);if(s&&!i){var r=t.path.parts[0],a=this.options;a.knownHelpers[r]?i=!0:a.knownHelpersOnly&&(s=!1)}return i?"helper":s?"ambiguous":"simple"},pushParams:function(t){for(var e=0,n=t.length;e<n;e++)this.pushParam(t[e])},pushParam:function(t){var e=null!=t.value?t.value:t.original||"";if(this.stringParams)e.replace&&(e=e.replace(/^(\.?\.\/)*/g,"").replace(/\//g,".")),t.depth&&this.addDepth(t.depth),this.opcode("getContext",t.depth||0),this.opcode("pushStringParam",e,t.type),"SubExpression"===t.type&&this.accept(t);else{if(this.trackIds){var n=void 0;if(!t.parts||o.default.helpers.scopedId(t)||t.depth||(n=this.blockParamIndex(t.parts[0])),n){var i=t.parts.slice(1).join(".");this.opcode("pushId","BlockParam",n,i)}else(e=t.original||e).replace&&(e=e.replace(/^this(?:\.|$)/,"").replace(/^\.\//,"").replace(/^\.$/,"")),this.opcode("pushId",t.type,e)}this.accept(t)}},setupFullMustacheParams:function(t,e,n,i){var s=t.params;return this.pushParams(s),this.opcode("pushProgram",e),this.opcode("pushProgram",n),t.hash?this.accept(t.hash):this.opcode("emptyHash",i),s},blockParamIndex:function(t){for(var e=0,n=this.options.blockParams.length;e<n;e++){var i=this.options.blockParams[e],s=i&&a.indexOf(i,t);if(i&&s>=0)return[e,s]}}}},function(t,e,n){"use strict";var i=n(13).default,s=n(1).default;e.__esModule=!0;var r=n(4),a=s(n(6)),o=n(5),_=s(n(53));function u(t){this.value=t}function p(){}p.prototype={nameLookup:function(t,e){return this.internalNameLookup(t,e)},depthedLookup:function(t){return[this.aliasable("container.lookup"),"(depths, ",JSON.stringify(t),")"]},compilerInfo:function(){var t=r.COMPILER_REVISION;return[t,r.REVISION_CHANGES[t]]},appendToBuffer:function(t,e,n){return o.isArray(t)||(t=[t]),t=this.source.wrap(t,e),this.environment.isSimple?["return ",t,";"]:n?["buffer += ",t,";"]:(t.appendToBuffer=!0,t)},initializeBuffer:function(){return this.quotedString("")},internalNameLookup:function(t,e){return this.lookupPropertyFunctionIsUsed=!0,["lookupProperty(",t,",",JSON.stringify(e),")"]},lookupPropertyFunctionIsUsed:!1,compile:function(t,e,n,i){this.environment=t,this.options=e,this.stringParams=this.options.stringParams,this.trackIds=this.options.trackIds,this.precompile=!i,this.name=this.environment.name,this.isChild=!!n,this.context=n||{decorators:[],programs:[],environments:[]},this.preamble(),this.stackSlot=0,this.stackVars=[],this.aliases={},this.registers={list:[]},this.hashes=[],this.compileStack=[],this.inlineStack=[],this.blockParams=[],this.compileChildren(t,e),this.useDepths=this.useDepths||t.useDepths||t.useDecorators||this.options.compat,this.useBlockParams=this.useBlockParams||t.useBlockParams;var s=t.opcodes,r=void 0,o=void 0,_=void 0,u=void 0;for(_=0,u=s.length;_<u;_++)r=s[_],this.source.currentLocation=r.loc,o=o||r.loc,this[r.opcode].apply(this,r.args);if(this.source.currentLocation=o,this.pushSource(""),this.stackSlot||this.inlineStack.length||this.compileStack.length)throw new a.default("Compile completed with content left on stack");this.decorators.isEmpty()?this.decorators=void 0:(this.useDecorators=!0,this.decorators.prepend(["var decorators = container.decorators, ",this.lookupPropertyFunctionVarDeclaration(),";\n"]),this.decorators.push("return fn;"),i?this.decorators=Function.apply(this,["fn","props","container","depth0","data","blockParams","depths",this.decorators.merge()]):(this.decorators.prepend("function(fn, props, container, depth0, data, blockParams, depths) {\n"),this.decorators.push("}\n"),this.decorators=this.decorators.merge()));var p=this.createFunctionContext(i);if(this.isChild)return p;var l={compiler:this.compilerInfo(),main:p};this.decorators&&(l.main_d=this.decorators,l.useDecorators=!0);var h=this.context,c=h.programs,d=h.decorators;for(_=0,u=c.length;_<u;_++)c[_]&&(l[_]=c[_],d[_]&&(l[_+"_d"]=d[_],l.useDecorators=!0));return this.environment.usePartial&&(l.usePartial=!0),this.options.data&&(l.useData=!0),this.useDepths&&(l.useDepths=!0),this.useBlockParams&&(l.useBlockParams=!0),this.options.compat&&(l.compat=!0),i?l.compilerOptions=this.options:(l.compiler=JSON.stringify(l.compiler),this.source.currentLocation={start:{line:1,column:0}},l=this.objectLiteral(l),e.srcName?(l=l.toStringWithSourceMap({file:e.destName})).map=l.map&&l.map.toString():l=l.toString()),l},preamble:function(){this.lastContext=0,this.source=new _.default(this.options.srcName),this.decorators=new _.default(this.options.srcName)},createFunctionContext:function(t){var e=this,n="",s=this.stackVars.concat(this.registers.list);s.length>0&&(n+=", "+s.join(", "));var r=0;i(this.aliases).forEach((function(t){var i=e.aliases[t];i.children&&i.referenceCount>1&&(n+=", alias"+ ++r+"="+t,i.children[0]="alias"+r)})),this.lookupPropertyFunctionIsUsed&&(n+=", "+this.lookupPropertyFunctionVarDeclaration());var a=["container","depth0","helpers","partials","data"];(this.useBlockParams||this.useDepths)&&a.push("blockParams"),this.useDepths&&a.push("depths");var o=this.mergeSource(n);return t?(a.push(o),Function.apply(this,a)):this.source.wrap(["function(",a.join(","),") {\n  ",o,"}"])},mergeSource:function(t){var e=this.environment.isSimple,n=!this.forceBuffer,i=void 0,s=void 0,r=void 0,a=void 0;return this.source.each((function(t){t.appendToBuffer?(r?t.prepend("  + "):r=t,a=t):(r&&(s?r.prepend("buffer += "):i=!0,a.add(";"),r=a=void 0),s=!0,e||(n=!1))})),n?r?(r.prepend("return "),a.add(";")):s||this.source.push('return "";'):(t+=", buffer = "+(i?"":this.initializeBuffer()),r?(r.prepend("return buffer + "),a.add(";")):this.source.push("return buffer;")),t&&this.source.prepend("var "+t.substring(2)+(i?"":";\n")),this.source.merge()},lookupPropertyFunctionVarDeclaration:function(){return"\n      lookupProperty = container.lookupProperty || function(parent, propertyName) {\n        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n          return parent[propertyName];\n        }\n        return undefined\n    }\n    ".trim()},blockValue:function(t){var e=this.aliasable("container.hooks.blockHelperMissing"),n=[this.contextName(0)];this.setupHelperArgs(t,0,n);var i=this.popStack();n.splice(1,0,i),this.push(this.source.functionCall(e,"call",n))},ambiguousBlockValue:function(){var t=this.aliasable("container.hooks.blockHelperMissing"),e=[this.contextName(0)];this.setupHelperArgs("",0,e,!0),this.flushInline();var n=this.topStack();e.splice(1,0,n),this.pushSource(["if (!",this.lastHelper,") { ",n," = ",this.source.functionCall(t,"call",e),"}"])},appendContent:function(t){this.pendingContent?t=this.pendingContent+t:this.pendingLocation=this.source.currentLocation,this.pendingContent=t},append:function(){if(this.isInline())this.replaceStack((function(t){return[" != null ? ",t,' : ""']})),this.pushSource(this.appendToBuffer(this.popStack()));else{var t=this.popStack();this.pushSource(["if (",t," != null) { ",this.appendToBuffer(t,void 0,!0)," }"]),this.environment.isSimple&&this.pushSource(["else { ",this.appendToBuffer("''",void 0,!0)," }"])}},appendEscaped:function(){this.pushSource(this.appendToBuffer([this.aliasable("container.escapeExpression"),"(",this.popStack(),")"]))},getContext:function(t){this.lastContext=t},pushContext:function(){this.pushStackLiteral(this.contextName(this.lastContext))},lookupOnContext:function(t,e,n,i){var s=0;i||!this.options.compat||this.lastContext?this.pushContext():this.push(this.depthedLookup(t[s++])),this.resolvePath("context",t,s,e,n)},lookupBlockParam:function(t,e){this.useBlockParams=!0,this.push(["blockParams[",t[0],"][",t[1],"]"]),this.resolvePath("context",e,1)},lookupData:function(t,e,n){t?this.pushStackLiteral("container.data(data, "+t+")"):this.pushStackLiteral("data"),this.resolvePath("data",e,0,!0,n)},resolvePath:function(t,e,n,i,s){var r=this;if(this.options.strict||this.options.assumeObjects)this.push(function(t,e,n,i){var s=e.popStack(),r=0,a=n.length;for(t&&a--;r<a;r++)s=e.nameLookup(s,n[r],i);return t?[e.aliasable("container.strict"),"(",s,", ",e.quotedString(n[r]),", ",JSON.stringify(e.source.currentLocation)," )"]:s}(this.options.strict&&s,this,e,t));else for(var a=e.length;n<a;n++)this.replaceStack((function(s){var a=r.nameLookup(s,e[n],t);return i?[" && ",a]:[" != null ? ",a," : ",s]}))},resolvePossibleLambda:function(){this.push([this.aliasable("container.lambda"),"(",this.popStack(),", ",this.contextName(0),")"])},pushStringParam:function(t,e){this.pushContext(),this.pushString(e),"SubExpression"!==e&&("string"==typeof t?this.pushString(t):this.pushStackLiteral(t))},emptyHash:function(t){this.trackIds&&this.push("{}"),this.stringParams&&(this.push("{}"),this.push("{}")),this.pushStackLiteral(t?"undefined":"{}")},pushHash:function(){this.hash&&this.hashes.push(this.hash),this.hash={values:{},types:[],contexts:[],ids:[]}},popHash:function(){var t=this.hash;this.hash=this.hashes.pop(),this.trackIds&&this.push(this.objectLiteral(t.ids)),this.stringParams&&(this.push(this.objectLiteral(t.contexts)),this.push(this.objectLiteral(t.types))),this.push(this.objectLiteral(t.values))},pushString:function(t){this.pushStackLiteral(this.quotedString(t))},pushLiteral:function(t){this.pushStackLiteral(t)},pushProgram:function(t){null!=t?this.pushStackLiteral(this.programExpression(t)):this.pushStackLiteral(null)},registerDecorator:function(t,e){var n=this.nameLookup("decorators",e,"decorator"),i=this.setupHelperArgs(e,t);this.decorators.push(["fn = ",this.decorators.functionCall(n,"",["fn","props","container",i])," || fn;"])},invokeHelper:function(t,e,n){var i=this.popStack(),s=this.setupHelper(t,e),r=[];n&&r.push(s.name),r.push(i),this.options.strict||r.push(this.aliasable("container.hooks.helperMissing"));var a=["(",this.itemsSeparatedBy(r,"||"),")"],o=this.source.functionCall(a,"call",s.callParams);this.push(o)},itemsSeparatedBy:function(t,e){var n=[];n.push(t[0]);for(var i=1;i<t.length;i++)n.push(e,t[i]);return n},invokeKnownHelper:function(t,e){var n=this.setupHelper(t,e);this.push(this.source.functionCall(n.name,"call",n.callParams))},invokeAmbiguous:function(t,e){this.useRegister("helper");var n=this.popStack();this.emptyHash();var i=this.setupHelper(0,t,e),s=["(","(helper = ",this.lastHelper=this.nameLookup("helpers",t,"helper")," || ",n,")"];this.options.strict||(s[0]="(helper = ",s.push(" != null ? helper : ",this.aliasable("container.hooks.helperMissing"))),this.push(["(",s,i.paramsInit?["),(",i.paramsInit]:[],"),","(typeof helper === ",this.aliasable('"function"')," ? ",this.source.functionCall("helper","call",i.callParams)," : helper))"])},invokePartial:function(t,e,n){var i=[],s=this.setupParams(e,1,i);t&&(e=this.popStack(),delete s.name),n&&(s.indent=JSON.stringify(n)),s.helpers="helpers",s.partials="partials",s.decorators="container.decorators",t?i.unshift(e):i.unshift(this.nameLookup("partials",e,"partial")),this.options.compat&&(s.depths="depths"),s=this.objectLiteral(s),i.push(s),this.push(this.source.functionCall("container.invokePartial","",i))},assignToHash:function(t){var e=this.popStack(),n=void 0,i=void 0,s=void 0;this.trackIds&&(s=this.popStack()),this.stringParams&&(i=this.popStack(),n=this.popStack());var r=this.hash;n&&(r.contexts[t]=n),i&&(r.types[t]=i),s&&(r.ids[t]=s),r.values[t]=e},pushId:function(t,e,n){"BlockParam"===t?this.pushStackLiteral("blockParams["+e[0]+"].path["+e[1]+"]"+(n?" + "+JSON.stringify("."+n):"")):"PathExpression"===t?this.pushString(e):"SubExpression"===t?this.pushStackLiteral("true"):this.pushStackLiteral("null")},compiler:p,compileChildren:function(t,e){for(var n=t.children,i=void 0,s=void 0,r=0,a=n.length;r<a;r++){i=n[r],s=new this.compiler;var o=this.matchExistingProgram(i);if(null==o){this.context.programs.push("");var _=this.context.programs.length;i.index=_,i.name="program"+_,this.context.programs[_]=s.compile(i,e,this.context,!this.precompile),this.context.decorators[_]=s.decorators,this.context.environments[_]=i,this.useDepths=this.useDepths||s.useDepths,this.useBlockParams=this.useBlockParams||s.useBlockParams,i.useDepths=this.useDepths,i.useBlockParams=this.useBlockParams}else i.index=o.index,i.name="program"+o.index,this.useDepths=this.useDepths||o.useDepths,this.useBlockParams=this.useBlockParams||o.useBlockParams}},matchExistingProgram:function(t){for(var e=0,n=this.context.environments.length;e<n;e++){var i=this.context.environments[e];if(i&&i.equals(t))return i}},programExpression:function(t){var e=this.environment.children[t],n=[e.index,"data",e.blockParams];return(this.useBlockParams||this.useDepths)&&n.push("blockParams"),this.useDepths&&n.push("depths"),"container.program("+n.join(", ")+")"},useRegister:function(t){this.registers[t]||(this.registers[t]=!0,this.registers.list.push(t))},push:function(t){return t instanceof u||(t=this.source.wrap(t)),this.inlineStack.push(t),t},pushStackLiteral:function(t){this.push(new u(t))},pushSource:function(t){this.pendingContent&&(this.source.push(this.appendToBuffer(this.source.quotedString(this.pendingContent),this.pendingLocation)),this.pendingContent=void 0),t&&this.source.push(t)},replaceStack:function(t){var e=["("],n=void 0,i=void 0,s=void 0;if(!this.isInline())throw new a.default("replaceStack on non-inline");var r=this.popStack(!0);if(r instanceof u)e=["(",n=[r.value]],s=!0;else{i=!0;var o=this.incrStack();e=["((",this.push(o)," = ",r,")"],n=this.topStack()}var _=t.call(this,n);s||this.popStack(),i&&this.stackSlot--,this.push(e.concat(_,")"))},incrStack:function(){return this.stackSlot++,this.stackSlot>this.stackVars.length&&this.stackVars.push("stack"+this.stackSlot),this.topStackName()},topStackName:function(){return"stack"+this.stackSlot},flushInline:function(){var t=this.inlineStack;this.inlineStack=[];for(var e=0,n=t.length;e<n;e++){var i=t[e];if(i instanceof u)this.compileStack.push(i);else{var s=this.incrStack();this.pushSource([s," = ",i,";"]),this.compileStack.push(s)}}},isInline:function(){return this.inlineStack.length},popStack:function(t){var e=this.isInline(),n=(e?this.inlineStack:this.compileStack).pop();if(!t&&n instanceof u)return n.value;if(!e){if(!this.stackSlot)throw new a.default("Invalid stack pop");this.stackSlot--}return n},topStack:function(){var t=this.isInline()?this.inlineStack:this.compileStack,e=t[t.length-1];return e instanceof u?e.value:e},contextName:function(t){return this.useDepths&&t?"depths["+t+"]":"depth"+t},quotedString:function(t){return this.source.quotedString(t)},objectLiteral:function(t){return this.source.objectLiteral(t)},aliasable:function(t){var e=this.aliases[t];return e?(e.referenceCount++,e):((e=this.aliases[t]=this.source.wrap(t)).aliasable=!0,e.referenceCount=1,e)},setupHelper:function(t,e,n){var i=[];return{params:i,paramsInit:this.setupHelperArgs(e,t,i,n),name:this.nameLookup("helpers",e,"helper"),callParams:[this.aliasable(this.contextName(0)+" != null ? "+this.contextName(0)+" : (container.nullContext || {})")].concat(i)}},setupParams:function(t,e,n){var i={},s=[],r=[],a=[],o=!n,_=void 0;o&&(n=[]),i.name=this.quotedString(t),i.hash=this.popStack(),this.trackIds&&(i.hashIds=this.popStack()),this.stringParams&&(i.hashTypes=this.popStack(),i.hashContexts=this.popStack());var u=this.popStack(),p=this.popStack();(p||u)&&(i.fn=p||"container.noop",i.inverse=u||"container.noop");for(var l=e;l--;)_=this.popStack(),n[l]=_,this.trackIds&&(a[l]=this.popStack()),this.stringParams&&(r[l]=this.popStack(),s[l]=this.popStack());return o&&(i.args=this.source.generateArray(n)),this.trackIds&&(i.ids=this.source.generateArray(a)),this.stringParams&&(i.types=this.source.generateArray(r),i.contexts=this.source.generateArray(s)),this.options.data&&(i.data="data"),this.useBlockParams&&(i.blockParams="blockParams"),i},setupHelperArgs:function(t,e,n,i){var s=this.setupParams(t,e,n);return s.loc=JSON.stringify(this.source.currentLocation),s=this.objectLiteral(s),i?(this.useRegister("options"),n.push("options"),["options=",s]):n?(n.push(s),""):s}},function(){for(var t="break else new var case finally return void catch for switch while continue function this with default if throw delete in try do instanceof typeof abstract enum int short boolean export interface static byte extends long super char final native synchronized class float package throws const goto private transient debugger implements protected volatile double import public let yield await null true false".split(" "),e=p.RESERVED_WORDS={},n=0,i=t.length;n<i;n++)e[t[n]]=!0}(),p.isValidJavaScriptVariableName=function(t){return!p.RESERVED_WORDS[t]&&/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(t)},e.default=p,t.exports=e.default},function(t,e,n){"use strict";var i=n(13).default;e.__esModule=!0;var s=n(5),r=void 0;function a(t,e,n){if(s.isArray(t)){for(var i=[],r=0,a=t.length;r<a;r++)i.push(e.wrap(t[r],n));return i}return"boolean"==typeof t||"number"==typeof t?t+"":t}function o(t){this.srcFile=t,this.source=[]}r||((r=function(t,e,n,i){this.src="",i&&this.add(i)}).prototype={add:function(t){s.isArray(t)&&(t=t.join("")),this.src+=t},prepend:function(t){s.isArray(t)&&(t=t.join("")),this.src=t+this.src},toStringWithSourceMap:function(){return{code:this.toString()}},toString:function(){return this.src}}),o.prototype={isEmpty:function(){return!this.source.length},prepend:function(t,e){this.source.unshift(this.wrap(t,e))},push:function(t,e){this.source.push(this.wrap(t,e))},merge:function(){var t=this.empty();return this.each((function(e){t.add(["  ",e,"\n"])})),t},each:function(t){for(var e=0,n=this.source.length;e<n;e++)t(this.source[e])},empty:function(){var t=this.currentLocation||{start:{}};return new r(t.start.line,t.start.column,this.srcFile)},wrap:function(t){var e=arguments.length<=1||void 0===arguments[1]?this.currentLocation||{start:{}}:arguments[1];return t instanceof r?t:(t=a(t,this,e),new r(e.start.line,e.start.column,this.srcFile,t))},functionCall:function(t,e,n){return n=this.generateList(n),this.wrap([t,e?"."+e+"(":"(",n,")"])},quotedString:function(t){return'"'+(t+"").replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")+'"'},objectLiteral:function(t){var e=this,n=[];i(t).forEach((function(i){var s=a(t[i],e);"undefined"!==s&&n.push([e.quotedString(i),":",s])}));var s=this.generateList(n);return s.prepend("{"),s.add("}"),s},generateList:function(t){for(var e=this.empty(),n=0,i=t.length;n<i;n++)n&&e.add(","),e.add(a(t[n],this));return e},generateArray:function(t){var e=this.generateList(t);return e.prepend("["),e.add("]"),e}},e.default=o,t.exports=e.default}])},t.exports=e()},148:function(t){function e(t){return!!t.constructor&&"function"==typeof t.constructor.isBuffer&&t.constructor.isBuffer(t)}t.exports=function(t){return null!=t&&(e(t)||function(t){return"function"==typeof t.readFloatLE&&"function"==typeof t.slice&&e(t.slice(0,0))}(t)||!!t._isBuffer)}},146:function(t){"use strict";t.exports=function(t){return null!=t&&("object"==typeof t||"function"==typeof t)}},145:function(t){"use strict";var e;t.exports=function(t){return"string"==typeof t&&(e||(e=new RegExp('^[\\s\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff"]+$'))).test(t)}},109:function(t,e,n){"use strict";var i=n(155),s=n(144),r=n(143),a={unformatted:["code","pre","em","strong","span"],indent_inner_html:!0,indent_char:" ",indent_size:2,sep:"\n"};t.exports=function(t,e){var n=r({},a,e);return t=i.html(t,n),!0===n.ocd?(n.newlines&&(n.sep=n.newlines),function(t,e){return s(t,e).replace(/^\s+/g,"").replace(/\s+$/g,"\n").replace(/(\s*<!--)/g,"\n$1").replace(/>(\s*)(?=<!--\s*\/)/g,"> ")}(t,n)):t}},155:function(t,e,n){"use strict";var i,s;i=[n(141),n(142),n(156)],void 0===(s=function(t,e,n){return function(t,e,n){var i=function(e,n){return t.js_beautify(e,n)};return i.js=t.js_beautify,i.css=e.css_beautify,i.html=n.html_beautify,i.js_beautify=t.js_beautify,i.css_beautify=e.css_beautify,i.html_beautify=n.html_beautify,i}(t,e,n)}.apply(e,i))||(t.exports=s)},142:function(t,e){var n;!function(){var i;!function(){"use strict";var t=[,,function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var s=this.__lines[i];if(s.is_empty())break;if(0!==s.item(0).indexOf(t)&&s.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},,,,function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,s={};for(n in t=i(t))n!==e&&(s[n]=t[n]);if(e&&t[e])for(n in t[e])s[n]=t[e][n];return s}function i(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],i=e||[];return"object"==typeof n?null!==n&&"function"==typeof n.concat&&(i=n.concat()):"string"==typeof n&&(i=n.split(/[^a-zA-Z0-9_\/\-]+/)),i},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=i,t.exports.mergeOpts=n},,function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,s="";return t&&(i=this.match(t))&&(s+=i[0]),!e||!i&&t||(s+=this.readUntil(e,n)),s},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var s=t.exec(this.__input);return s?(i=s.index,e&&(i+=s[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,s="g";return n&&e&&(s="y"),"string"==typeof t&&""!==t?i=new RegExp(t,s):t&&(i=new RegExp(t.source,s)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},,,,,function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},,function(t,e,n){var i=n(16).Beautifier,s=n(17).Options;t.exports=function(t,e){return new i(t,e).beautify()},t.exports.defaultOptions=function(){return new s}},function(t,e,n){var i=n(17).Options,s=n(2).Output,r=n(8).InputScanner,a=new(0,n(13).Directives)(/\/\*/,/\*\//),o=/\r\n|[\r\n]/,_=/\r\n|[\r\n]/g,u=/\s/,p=/(?:\s|\n)+/g,l=/\/\*(?:[\s\S]*?)((?:\*\/)|$)/g,h=/\/\/(?:[^\n\r\u2028\u2029]*)/g;function c(t,e){this._source_text=t||"",this._options=new i(e),this._ch=null,this._input=null,this.NESTED_AT_RULE={"@page":!0,"@font-face":!0,"@keyframes":!0,"@media":!0,"@supports":!0,"@document":!0},this.CONDITIONAL_GROUP_RULE={"@media":!0,"@supports":!0,"@document":!0},this.NON_SEMICOLON_NEWLINE_PROPERTY=["grid-template-areas","grid-template"]}c.prototype.eatString=function(t){var e="";for(this._ch=this._input.next();this._ch;){if(e+=this._ch,"\\"===this._ch)e+=this._input.next();else if(-1!==t.indexOf(this._ch)||"\n"===this._ch)break;this._ch=this._input.next()}return e},c.prototype.eatWhitespace=function(t){for(var e=u.test(this._input.peek()),n=0;u.test(this._input.peek());)this._ch=this._input.next(),t&&"\n"===this._ch&&(0===n||n<this._options.max_preserve_newlines)&&(n++,this._output.add_new_line(!0));return e},c.prototype.foundNestedPseudoClass=function(){for(var t=0,e=1,n=this._input.peek(e);n;){if("{"===n)return!0;if("("===n)t+=1;else if(")"===n){if(0===t)return!1;t-=1}else if(";"===n||"}"===n)return!1;e++,n=this._input.peek(e)}return!1},c.prototype.print_string=function(t){this._output.set_indent(this._indentLevel),this._output.non_breaking_space=!0,this._output.add_token(t)},c.prototype.preserveSingleSpace=function(t){t&&(this._output.space_before_token=!0)},c.prototype.indent=function(){this._indentLevel++},c.prototype.outdent=function(){this._indentLevel>0&&this._indentLevel--},c.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._source_text,e=this._options.eol;"auto"===e&&(e="\n",t&&o.test(t||"")&&(e=t.match(o)[0]));var n=(t=t.replace(_,"\n")).match(/^[\t ]*/)[0];this._output=new s(this._options,n),this._input=new r(t),this._indentLevel=0,this._nestedLevel=0,this._ch=null;for(var i,c,d=0,f=!1,g=!1,m=!1,y=!1,b=!1,v=!1,k=this._ch,w=!1;i=""!==this._input.read(p),c=k,this._ch=this._input.next(),"\\"===this._ch&&this._input.hasNext()&&(this._ch+=this._input.next()),k=this._ch,this._ch;)if("/"===this._ch&&"*"===this._input.peek()){this._output.add_new_line(),this._input.back();var x=this._input.read(l),S=a.get_directives(x);S&&"start"===S.ignore&&(x+=a.readIgnored(this._input)),this.print_string(x),this.eatWhitespace(!0),this._output.add_new_line()}else if("/"===this._ch&&"/"===this._input.peek())this._output.space_before_token=!0,this._input.back(),this.print_string(this._input.read(h)),this.eatWhitespace(!0);else if("@"===this._ch||"$"===this._ch)if(this.preserveSingleSpace(i),"{"===this._input.peek())this.print_string(this._ch+this.eatString("}"));else{this.print_string(this._ch);var E=this._input.peekUntilAfter(/[: ,;{}()[\]\/='"]/g);E.match(/[ :]$/)&&(E=this.eatString(": ").replace(/\s$/,""),this.print_string(E),this._output.space_before_token=!0),"extend"===(E=E.replace(/\s$/,""))?y=!0:"import"===E&&(b=!0),E in this.NESTED_AT_RULE?(this._nestedLevel+=1,E in this.CONDITIONAL_GROUP_RULE&&(m=!0)):f||0!==d||-1===E.indexOf(":")||(g=!0,this.indent())}else if("#"===this._ch&&"{"===this._input.peek())this.preserveSingleSpace(i),this.print_string(this._ch+this.eatString("}"));else if("{"===this._ch)g&&(g=!1,this.outdent()),m?(m=!1,f=this._indentLevel>=this._nestedLevel):f=this._indentLevel>=this._nestedLevel-1,this._options.newline_between_rules&&f&&this._output.previous_line&&"{"!==this._output.previous_line.item(-1)&&this._output.ensure_empty_line_above("/",","),this._output.space_before_token=!0,"expand"===this._options.brace_style?(this._output.add_new_line(),this.print_string(this._ch),this.indent(),this._output.set_indent(this._indentLevel)):("("===c?this._output.space_before_token=!1:","!==c&&this.indent(),this.print_string(this._ch)),this.eatWhitespace(!0),this._output.add_new_line();else if("}"===this._ch)this.outdent(),this._output.add_new_line(),"{"===c&&this._output.trim(!0),b=!1,y=!1,g&&(this.outdent(),g=!1),this.print_string(this._ch),f=!1,this._nestedLevel&&this._nestedLevel--,this.eatWhitespace(!0),this._output.add_new_line(),this._options.newline_between_rules&&!this._output.just_added_blankline()&&"}"!==this._input.peek()&&this._output.add_new_line(!0),")"===this._input.peek()&&(this._output.trim(!0),"expand"===this._options.brace_style&&this._output.add_new_line(!0));else if(":"===this._ch){for(var O=0;O<this.NON_SEMICOLON_NEWLINE_PROPERTY.length;O++)if(this._input.lookBack(this.NON_SEMICOLON_NEWLINE_PROPERTY[O])){w=!0;break}!f&&!m||this._input.lookBack("&")||this.foundNestedPseudoClass()||this._input.lookBack("(")||y||0!==d?(this._input.lookBack(" ")&&(this._output.space_before_token=!0),":"===this._input.peek()?(this._ch=this._input.next(),this.print_string("::")):this.print_string(":")):(this.print_string(":"),g||(g=!0,this._output.space_before_token=!0,this.eatWhitespace(!0),this.indent()))}else if('"'===this._ch||"'"===this._ch){var P='"'===c||"'"===c;this.preserveSingleSpace(P||i),this.print_string(this._ch+this.eatString(this._ch)),this.eatWhitespace(!0)}else if(";"===this._ch)w=!1,0===d?(g&&(this.outdent(),g=!1),y=!1,b=!1,this.print_string(this._ch),this.eatWhitespace(!0),"/"!==this._input.peek()&&this._output.add_new_line()):(this.print_string(this._ch),this.eatWhitespace(!0),this._output.space_before_token=!0);else if("("===this._ch)if(this._input.lookBack("url"))this.print_string(this._ch),this.eatWhitespace(),d++,this.indent(),this._ch=this._input.next(),")"===this._ch||'"'===this._ch||"'"===this._ch?this._input.back():this._ch&&(this.print_string(this._ch+this.eatString(")")),d&&(d--,this.outdent()));else{var A=!1;this._input.lookBack("with")&&(A=!0),this.preserveSingleSpace(i||A),this.print_string(this._ch),g&&"$"===c&&this._options.selector_separator_newline?(this._output.add_new_line(),v=!0):(this.eatWhitespace(),d++,this.indent())}else if(")"===this._ch)d&&(d--,this.outdent()),v&&";"===this._input.peek()&&this._options.selector_separator_newline&&(v=!1,this.outdent(),this._output.add_new_line()),this.print_string(this._ch);else if(","===this._ch)this.print_string(this._ch),this.eatWhitespace(!0),!this._options.selector_separator_newline||g&&!v||0!==d||b||y?this._output.space_before_token=!0:this._output.add_new_line();else if(">"!==this._ch&&"+"!==this._ch&&"~"!==this._ch||g||0!==d)if("]"===this._ch)this.print_string(this._ch);else if("["===this._ch)this.preserveSingleSpace(i),this.print_string(this._ch);else if("="===this._ch)this.eatWhitespace(),this.print_string("="),u.test(this._ch)&&(this._ch="");else if("!"!==this._ch||this._input.lookBack("\\")){var T='"'===c||"'"===c;this.preserveSingleSpace(T||i),this.print_string(this._ch),!this._output.just_added_newline()&&"\n"===this._input.peek()&&w&&this._output.add_new_line()}else this._output.space_before_token=!0,this.print_string(this._ch);else this._options.space_around_combinator?(this._output.space_before_token=!0,this.print_string(this._ch),this._output.space_before_token=!0):(this.print_string(this._ch),this.eatWhitespace(),this._ch&&u.test(this._ch)&&(this._ch=""));return this._output.get_code(e)},t.exports.Beautifier=c},function(t,e,n){var i=n(6).Options;function s(t){i.call(this,t,"css"),this.selector_separator_newline=this._get_boolean("selector_separator_newline",!0),this.newline_between_rules=this._get_boolean("newline_between_rules",!0);var e=this._get_boolean("space_around_selector_separator");this.space_around_combinator=this._get_boolean("space_around_combinator")||e;var n=this._get_selection_list("brace_style",["collapse","expand","end-expand","none","preserve-inline"]);this.brace_style="collapse";for(var s=0;s<n.length;s++)"expand"!==n[s]?this.brace_style="collapse":this.brace_style=n[s]}s.prototype=new i,t.exports.Options=s}],e={};var n=function n(i){var s=e[i];if(void 0!==s)return s.exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}(15);i=n}();var s=i;void 0===(n=function(){return{css_beautify:s}}.apply(e,[]))||(t.exports=n)}()},156:function(t,e,n){var i,s;!function(){var r;!function(){"use strict";var t=[,,function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var s=this.__lines[i];if(s.is_empty())break;if(0!==s.item(0).indexOf(t)&&s.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},function(t){t.exports.Token=function(t,e,n,i){this.type=t,this.text=e,this.comments_before=null,this.newlines=n||0,this.whitespace_before=i||"",this.parent=null,this.next=null,this.previous=null,this.opened=null,this.closed=null,this.directives=null}},,,function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,s={};for(n in t=i(t))n!==e&&(s[n]=t[n]);if(e&&t[e])for(n in t[e])s[n]=t[e][n];return s}function i(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],i=e||[];return"object"==typeof n?null!==n&&"function"==typeof n.concat&&(i=n.concat()):"string"==typeof n&&(i=n.split(/[^a-zA-Z0-9_\/\-]+/)),i},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=i,t.exports.mergeOpts=n},,function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,s="";return t&&(i=this.match(t))&&(s+=i[0]),!e||!i&&t||(s+=this.readUntil(e,n)),s},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var s=t.exec(this.__input);return s?(i=s.index,e&&(i+=s[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,s="g";return n&&e&&(s="y"),"string"==typeof t&&""!==t?i=new RegExp(t,s):t&&(i=new RegExp(t.source,s)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},function(t,e,n){var i=n(8).InputScanner,s=n(3).Token,r=n(10).TokenStream,a=n(11).WhitespacePattern,o={START:"TK_START",RAW:"TK_RAW",EOF:"TK_EOF"},_=function(t,e){this._input=new i(t),this._options=e||{},this.__tokens=null,this._patterns={},this._patterns.whitespace=new a(this._input)};_.prototype.tokenize=function(){var t;this._input.restart(),this.__tokens=new r,this._reset();for(var e=new s(o.START,""),n=null,i=[],a=new r;e.type!==o.EOF;){for(t=this._get_next_token(e,n);this._is_comment(t);)a.add(t),t=this._get_next_token(e,n);a.isEmpty()||(t.comments_before=a,a=new r),t.parent=n,this._is_opening(t)?(i.push(n),n=t):n&&this._is_closing(t,n)&&(t.opened=n,n.closed=t,n=i.pop(),t.parent=n),t.previous=e,e.next=t,this.__tokens.add(t),e=t}return this.__tokens},_.prototype._is_first_token=function(){return this.__tokens.isEmpty()},_.prototype._reset=function(){},_.prototype._get_next_token=function(t,e){this._readWhitespace();var n=this._input.read(/.+/g);return n?this._create_token(o.RAW,n):this._create_token(o.EOF,"")},_.prototype._is_comment=function(t){return!1},_.prototype._is_opening=function(t){return!1},_.prototype._is_closing=function(t,e){return!1},_.prototype._create_token=function(t,e){return new s(t,e,this._patterns.whitespace.newline_count,this._patterns.whitespace.whitespace_before_token)},_.prototype._readWhitespace=function(){return this._patterns.whitespace.read()},t.exports.Tokenizer=_,t.exports.TOKEN=o},function(t){function e(t){this.__tokens=[],this.__tokens_length=this.__tokens.length,this.__position=0,this.__parent_token=t}e.prototype.restart=function(){this.__position=0},e.prototype.isEmpty=function(){return 0===this.__tokens_length},e.prototype.hasNext=function(){return this.__position<this.__tokens_length},e.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__tokens[this.__position],this.__position+=1),t},e.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__tokens_length&&(e=this.__tokens[t]),e},e.prototype.add=function(t){this.__parent_token&&(t.parent=this.__parent_token),this.__tokens.push(t),this.__tokens_length+=1},t.exports.TokenStream=e},function(t,e,n){var i=n(12).Pattern;function s(t,e){i.call(this,t,e),e?this._line_regexp=this._input.get_regexp(e._line_regexp):this.__set_whitespace_patterns("",""),this.newline_count=0,this.whitespace_before_token=""}s.prototype=new i,s.prototype.__set_whitespace_patterns=function(t,e){t+="\\t ",e+="\\n\\r",this._match_pattern=this._input.get_regexp("["+t+e+"]+",!0),this._newline_regexp=this._input.get_regexp("\\r\\n|["+e+"]")},s.prototype.read=function(){this.newline_count=0,this.whitespace_before_token="";var t=this._input.read(this._match_pattern);if(" "===t)this.whitespace_before_token=" ";else if(t){var e=this.__split(this._newline_regexp,t);this.newline_count=e.length-1,this.whitespace_before_token=e[this.newline_count]}return t},s.prototype.matching=function(t,e){var n=this._create();return n.__set_whitespace_patterns(t,e),n._update(),n},s.prototype._create=function(){return new s(this._input,this)},s.prototype.__split=function(t,e){t.lastIndex=0;for(var n=0,i=[],s=t.exec(e);s;)i.push(e.substring(n,s.index)),n=s.index+s[0].length,s=t.exec(e);return n<e.length?i.push(e.substring(n,e.length)):i.push(""),i},t.exports.WhitespacePattern=s},function(t){function e(t,e){this._input=t,this._starting_pattern=null,this._match_pattern=null,this._until_pattern=null,this._until_after=!1,e&&(this._starting_pattern=this._input.get_regexp(e._starting_pattern,!0),this._match_pattern=this._input.get_regexp(e._match_pattern,!0),this._until_pattern=this._input.get_regexp(e._until_pattern),this._until_after=e._until_after)}e.prototype.read=function(){var t=this._input.read(this._starting_pattern);return this._starting_pattern&&!t||(t+=this._input.read(this._match_pattern,this._until_pattern,this._until_after)),t},e.prototype.read_match=function(){return this._input.match(this._match_pattern)},e.prototype.until_after=function(t){var e=this._create();return e._until_after=!0,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.until=function(t){var e=this._create();return e._until_after=!1,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.starting_with=function(t){var e=this._create();return e._starting_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype.matching=function(t){var e=this._create();return e._match_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype._create=function(){return new e(this._input,this)},e.prototype._update=function(){},t.exports.Pattern=e},function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},function(t,e,n){var i=n(12).Pattern,s={django:!1,erb:!1,handlebars:!1,php:!1,smarty:!1};function r(t,e){i.call(this,t,e),this.__template_pattern=null,this._disabled=Object.assign({},s),this._excluded=Object.assign({},s),e&&(this.__template_pattern=this._input.get_regexp(e.__template_pattern),this._excluded=Object.assign(this._excluded,e._excluded),this._disabled=Object.assign(this._disabled,e._disabled));var n=new i(t);this.__patterns={handlebars_comment:n.starting_with(/{{!--/).until_after(/--}}/),handlebars_unescaped:n.starting_with(/{{{/).until_after(/}}}/),handlebars:n.starting_with(/{{/).until_after(/}}/),php:n.starting_with(/<\?(?:[= ]|php)/).until_after(/\?>/),erb:n.starting_with(/<%[^%]/).until_after(/[^%]%>/),django:n.starting_with(/{%/).until_after(/%}/),django_value:n.starting_with(/{{/).until_after(/}}/),django_comment:n.starting_with(/{#/).until_after(/#}/),smarty:n.starting_with(/{(?=[^}{\s\n])/).until_after(/[^\s\n]}/),smarty_comment:n.starting_with(/{\*/).until_after(/\*}/),smarty_literal:n.starting_with(/{literal}/).until_after(/{\/literal}/)}}r.prototype=new i,r.prototype._create=function(){return new r(this._input,this)},r.prototype._update=function(){this.__set_templated_pattern()},r.prototype.disable=function(t){var e=this._create();return e._disabled[t]=!0,e._update(),e},r.prototype.read_options=function(t){var e=this._create();for(var n in s)e._disabled[n]=-1===t.templating.indexOf(n);return e._update(),e},r.prototype.exclude=function(t){var e=this._create();return e._excluded[t]=!0,e._update(),e},r.prototype.read=function(){var t="";t=this._match_pattern?this._input.read(this._starting_pattern):this._input.read(this._starting_pattern,this.__template_pattern);for(var e=this._read_template();e;)this._match_pattern?e+=this._input.read(this._match_pattern):e+=this._input.readUntil(this.__template_pattern),t+=e,e=this._read_template();return this._until_after&&(t+=this._input.readUntilAfter(this._until_pattern)),t},r.prototype.__set_templated_pattern=function(){var t=[];this._disabled.php||t.push(this.__patterns.php._starting_pattern.source),this._disabled.handlebars||t.push(this.__patterns.handlebars._starting_pattern.source),this._disabled.erb||t.push(this.__patterns.erb._starting_pattern.source),this._disabled.django||(t.push(this.__patterns.django._starting_pattern.source),t.push(this.__patterns.django_value._starting_pattern.source),t.push(this.__patterns.django_comment._starting_pattern.source)),this._disabled.smarty||t.push(this.__patterns.smarty._starting_pattern.source),this._until_pattern&&t.push(this._until_pattern.source),this.__template_pattern=this._input.get_regexp("(?:"+t.join("|")+")")},r.prototype._read_template=function(){var t="",e=this._input.peek();if("<"===e){var n=this._input.peek(1);this._disabled.php||this._excluded.php||"?"!==n||(t=t||this.__patterns.php.read()),this._disabled.erb||this._excluded.erb||"%"!==n||(t=t||this.__patterns.erb.read())}else"{"===e&&(this._disabled.handlebars||this._excluded.handlebars||(t=(t=(t=t||this.__patterns.handlebars_comment.read())||this.__patterns.handlebars_unescaped.read())||this.__patterns.handlebars.read()),this._disabled.django||(this._excluded.django||this._excluded.handlebars||(t=t||this.__patterns.django_value.read()),this._excluded.django||(t=(t=t||this.__patterns.django_comment.read())||this.__patterns.django.read())),this._disabled.smarty||this._disabled.django&&this._disabled.handlebars&&(t=(t=(t=t||this.__patterns.smarty_comment.read())||this.__patterns.smarty_literal.read())||this.__patterns.smarty.read()));return t},t.exports.TemplatablePattern=r},,,,function(t,e,n){var i=n(19).Beautifier,s=n(20).Options;t.exports=function(t,e,n,s){return new i(t,e,n,s).beautify()},t.exports.defaultOptions=function(){return new s}},function(t,e,n){var i=n(20).Options,s=n(2).Output,r=n(21).Tokenizer,a=n(21).TOKEN,o=/\r\n|[\r\n]/,_=/\r\n|[\r\n]/g,u=function(t,e){this.indent_level=0,this.alignment_size=0,this.max_preserve_newlines=t.max_preserve_newlines,this.preserve_newlines=t.preserve_newlines,this._output=new s(t,e)};u.prototype.current_line_has_match=function(t){return this._output.current_line.has_match(t)},u.prototype.set_space_before_token=function(t,e){this._output.space_before_token=t,this._output.non_breaking_space=e},u.prototype.set_wrap_point=function(){this._output.set_indent(this.indent_level,this.alignment_size),this._output.set_wrap_point()},u.prototype.add_raw_token=function(t){this._output.add_raw_token(t)},u.prototype.print_preserved_newlines=function(t){var e=0;t.type!==a.TEXT&&t.previous.type!==a.TEXT&&(e=t.newlines?1:0),this.preserve_newlines&&(e=t.newlines<this.max_preserve_newlines+1?t.newlines:this.max_preserve_newlines+1);for(var n=0;n<e;n++)this.print_newline(n>0);return 0!==e},u.prototype.traverse_whitespace=function(t){return!(!t.whitespace_before&&!t.newlines)&&(this.print_preserved_newlines(t)||(this._output.space_before_token=!0),!0)},u.prototype.previous_token_wrapped=function(){return this._output.previous_token_wrapped},u.prototype.print_newline=function(t){this._output.add_new_line(t)},u.prototype.print_token=function(t){t.text&&(this._output.set_indent(this.indent_level,this.alignment_size),this._output.add_token(t.text))},u.prototype.indent=function(){this.indent_level++},u.prototype.get_full_indent=function(t){return(t=this.indent_level+(t||0))<1?"":this._output.get_indent_string(t)};var p=function(t,e){var n=null,i=null;return e.closed?("script"===t?n="text/javascript":"style"===t&&(n="text/css"),n=function(t){for(var e=null,n=t.next;n.type!==a.EOF&&t.closed!==n;){if(n.type===a.ATTRIBUTE&&"type"===n.text){n.next&&n.next.type===a.EQUALS&&n.next.next&&n.next.next.type===a.VALUE&&(e=n.next.next.text);break}n=n.next}return e}(e)||n,n.search("text/css")>-1?i="css":n.search(/module|((text|application|dojo)\/(x-)?(javascript|ecmascript|jscript|livescript|(ld\+)?json|method|aspect))/)>-1?i="javascript":n.search(/(text|application|dojo)\/(x-)?(html)/)>-1?i="html":n.search(/test\/null/)>-1&&(i="null"),i):null};function l(t,e){return-1!==e.indexOf(t)}function h(t,e,n){this.parent=t||null,this.tag=e?e.tag_name:"",this.indent_level=n||0,this.parser_token=e||null}function c(t){this._printer=t,this._current_frame=null}function d(t,e,n,s){this._source_text=t||"",e=e||{},this._js_beautify=n,this._css_beautify=s,this._tag_stack=null;var r=new i(e,"html");this._options=r,this._is_wrap_attributes_force="force"===this._options.wrap_attributes.substr(0,"force".length),this._is_wrap_attributes_force_expand_multiline="force-expand-multiline"===this._options.wrap_attributes,this._is_wrap_attributes_force_aligned="force-aligned"===this._options.wrap_attributes,this._is_wrap_attributes_aligned_multiple="aligned-multiple"===this._options.wrap_attributes,this._is_wrap_attributes_preserve="preserve"===this._options.wrap_attributes.substr(0,"preserve".length),this._is_wrap_attributes_preserve_aligned="preserve-aligned"===this._options.wrap_attributes}c.prototype.get_parser_token=function(){return this._current_frame?this._current_frame.parser_token:null},c.prototype.record_tag=function(t){var e=new h(this._current_frame,t,this._printer.indent_level);this._current_frame=e},c.prototype._try_pop_frame=function(t){var e=null;return t&&(e=t.parser_token,this._printer.indent_level=t.indent_level,this._current_frame=t.parent),e},c.prototype._get_frame=function(t,e){for(var n=this._current_frame;n&&-1===t.indexOf(n.tag);){if(e&&-1!==e.indexOf(n.tag)){n=null;break}n=n.parent}return n},c.prototype.try_pop=function(t,e){var n=this._get_frame([t],e);return this._try_pop_frame(n)},c.prototype.indent_to_tag=function(t){var e=this._get_frame(t);e&&(this._printer.indent_level=e.indent_level)},d.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._source_text,e=this._options.eol;"auto"===this._options.eol&&(e="\n",t&&o.test(t)&&(e=t.match(o)[0]));var n=(t=t.replace(_,"\n")).match(/^[\t ]*/)[0],i={text:"",type:""},s=new f,p=new u(this._options,n),l=new r(t,this._options).tokenize();this._tag_stack=new c(p);for(var h=null,d=l.next();d.type!==a.EOF;)d.type===a.TAG_OPEN||d.type===a.COMMENT?s=h=this._handle_tag_open(p,d,s,i):d.type===a.ATTRIBUTE||d.type===a.EQUALS||d.type===a.VALUE||d.type===a.TEXT&&!s.tag_complete?h=this._handle_inside_tag(p,d,s,l):d.type===a.TAG_CLOSE?h=this._handle_tag_close(p,d,s):d.type===a.TEXT?h=this._handle_text(p,d,s):p.add_raw_token(d),i=h,d=l.next();return p._output.get_code(e)},d.prototype._handle_tag_close=function(t,e,n){var i={text:e.text,type:e.type};return t.alignment_size=0,n.tag_complete=!0,t.set_space_before_token(e.newlines||""!==e.whitespace_before,!0),n.is_unformatted?t.add_raw_token(e):("<"===n.tag_start_char&&(t.set_space_before_token("/"===e.text[0],!0),this._is_wrap_attributes_force_expand_multiline&&n.has_wrapped_attrs&&t.print_newline(!1)),t.print_token(e)),!n.indent_content||n.is_unformatted||n.is_content_unformatted||(t.indent(),n.indent_content=!1),n.is_inline_element||n.is_unformatted||n.is_content_unformatted||t.set_wrap_point(),i},d.prototype._handle_inside_tag=function(t,e,n,i){var s=n.has_wrapped_attrs,r={text:e.text,type:e.type};if(t.set_space_before_token(e.newlines||""!==e.whitespace_before,!0),n.is_unformatted)t.add_raw_token(e);else if("{"===n.tag_start_char&&e.type===a.TEXT)t.print_preserved_newlines(e)?(e.newlines=0,t.add_raw_token(e)):t.print_token(e);else{if(e.type===a.ATTRIBUTE?(t.set_space_before_token(!0),n.attr_count+=1):(e.type===a.EQUALS||e.type===a.VALUE&&e.previous.type===a.EQUALS)&&t.set_space_before_token(!1),e.type===a.ATTRIBUTE&&"<"===n.tag_start_char&&((this._is_wrap_attributes_preserve||this._is_wrap_attributes_preserve_aligned)&&(t.traverse_whitespace(e),s=s||0!==e.newlines),this._is_wrap_attributes_force)){var o=n.attr_count>1;if(this._is_wrap_attributes_force_expand_multiline&&1===n.attr_count){var _,u=!0,p=0;do{if((_=i.peek(p)).type===a.ATTRIBUTE){u=!1;break}p+=1}while(p<4&&_.type!==a.EOF&&_.type!==a.TAG_CLOSE);o=!u}o&&(t.print_newline(!1),s=!0)}t.print_token(e),s=s||t.previous_token_wrapped(),n.has_wrapped_attrs=s}return r},d.prototype._handle_text=function(t,e,n){var i={text:e.text,type:"TK_CONTENT"};return n.custom_beautifier_name?this._print_custom_beatifier_text(t,e,n):n.is_unformatted||n.is_content_unformatted?t.add_raw_token(e):(t.traverse_whitespace(e),t.print_token(e)),i},d.prototype._print_custom_beatifier_text=function(t,e,n){var i=this;if(""!==e.text){var s,r=e.text,a=1,o="",_="";"javascript"===n.custom_beautifier_name&&"function"==typeof this._js_beautify?s=this._js_beautify:"css"===n.custom_beautifier_name&&"function"==typeof this._css_beautify?s=this._css_beautify:"html"===n.custom_beautifier_name&&(s=function(t,e){return new d(t,e,i._js_beautify,i._css_beautify).beautify()}),"keep"===this._options.indent_scripts?a=0:"separate"===this._options.indent_scripts&&(a=-t.indent_level);var u=t.get_full_indent(a);if(r=r.replace(/\n[ \t]*$/,""),"html"!==n.custom_beautifier_name&&"<"===r[0]&&r.match(/^(<!--|<!\[CDATA\[)/)){var p=/^(<!--[^\n]*|<!\[CDATA\[)(\n?)([ \t\n]*)([\s\S]*)(-->|]]>)$/.exec(r);if(!p)return void t.add_raw_token(e);o=u+p[1]+"\n",r=p[4],p[5]&&(_=u+p[5]),r=r.replace(/\n[ \t]*$/,""),(p[2]||-1!==p[3].indexOf("\n"))&&(p=p[3].match(/[ \t]+$/))&&(e.whitespace_before=p[0])}if(r)if(s){var l=function(){this.eol="\n"};l.prototype=this._options.raw_options,r=s(u+r,new l)}else{var h=e.whitespace_before;h&&(r=r.replace(new RegExp("\n("+h+")?","g"),"\n")),r=u+r.replace(/\n/g,"\n"+u)}o&&(r=r?o+r+"\n"+_:o+_),t.print_newline(!1),r&&(e.text=r,e.whitespace_before="",e.newlines=0,t.add_raw_token(e),t.print_newline(!0))}},d.prototype._handle_tag_open=function(t,e,n,i){var s=this._get_tag_open_token(e);return!n.is_unformatted&&!n.is_content_unformatted||n.is_empty_element||e.type!==a.TAG_OPEN||0!==e.text.indexOf("</")?(t.traverse_whitespace(e),this._set_tag_position(t,e,s,n,i),s.is_inline_element||t.set_wrap_point(),t.print_token(e)):(t.add_raw_token(e),s.start_tag_token=this._tag_stack.try_pop(s.tag_name)),(this._is_wrap_attributes_force_aligned||this._is_wrap_attributes_aligned_multiple||this._is_wrap_attributes_preserve_aligned)&&(s.alignment_size=e.text.length+1),s.tag_complete||s.is_unformatted||(t.alignment_size=s.alignment_size),s};var f=function(t,e){if(this.parent=t||null,this.text="",this.type="TK_TAG_OPEN",this.tag_name="",this.is_inline_element=!1,this.is_unformatted=!1,this.is_content_unformatted=!1,this.is_empty_element=!1,this.is_start_tag=!1,this.is_end_tag=!1,this.indent_content=!1,this.multiline_content=!1,this.custom_beautifier_name=null,this.start_tag_token=null,this.attr_count=0,this.has_wrapped_attrs=!1,this.alignment_size=0,this.tag_complete=!1,this.tag_start_char="",this.tag_check="",e){var n;this.tag_start_char=e.text[0],this.text=e.text,"<"===this.tag_start_char?(n=e.text.match(/^<([^\s>]*)/),this.tag_check=n?n[1]:""):(n=e.text.match(/^{{~?(?:[\^]|#\*?)?([^\s}]+)/),this.tag_check=n?n[1]:"",(e.text.startsWith("{{#>")||e.text.startsWith("{{~#>"))&&">"===this.tag_check[0]&&(">"===this.tag_check&&null!==e.next?this.tag_check=e.next.text.split(" ")[0]:this.tag_check=e.text.split(">")[1])),this.tag_check=this.tag_check.toLowerCase(),e.type===a.COMMENT&&(this.tag_complete=!0),this.is_start_tag="/"!==this.tag_check.charAt(0),this.tag_name=this.is_start_tag?this.tag_check:this.tag_check.substr(1),this.is_end_tag=!this.is_start_tag||e.closed&&"/>"===e.closed.text;var i=2;"{"===this.tag_start_char&&this.text.length>=3&&"~"===this.text.charAt(2)&&(i=3),this.is_end_tag=this.is_end_tag||"{"===this.tag_start_char&&(this.text.length<3||/[^#\^]/.test(this.text.charAt(i)))}else this.tag_complete=!0};d.prototype._get_tag_open_token=function(t){var e=new f(this._tag_stack.get_parser_token(),t);return e.alignment_size=this._options.wrap_attributes_indent_size,e.is_end_tag=e.is_end_tag||l(e.tag_check,this._options.void_elements),e.is_empty_element=e.tag_complete||e.is_start_tag&&e.is_end_tag,e.is_unformatted=!e.tag_complete&&l(e.tag_check,this._options.unformatted),e.is_content_unformatted=!e.is_empty_element&&l(e.tag_check,this._options.content_unformatted),e.is_inline_element=l(e.tag_name,this._options.inline)||e.tag_name.includes("-")||"{"===e.tag_start_char,e},d.prototype._set_tag_position=function(t,e,n,i,s){if(n.is_empty_element||(n.is_end_tag?n.start_tag_token=this._tag_stack.try_pop(n.tag_name):(this._do_optional_end_element(n)&&(n.is_inline_element||t.print_newline(!1)),this._tag_stack.record_tag(n),"script"!==n.tag_name&&"style"!==n.tag_name||n.is_unformatted||n.is_content_unformatted||(n.custom_beautifier_name=p(n.tag_check,e)))),l(n.tag_check,this._options.extra_liners)&&(t.print_newline(!1),t._output.just_added_blankline()||t.print_newline(!0)),n.is_empty_element){if("{"===n.tag_start_char&&"else"===n.tag_check)this._tag_stack.indent_to_tag(["if","unless","each"]),n.indent_content=!0,t.current_line_has_match(/{{#if/)||t.print_newline(!1);"!--"===n.tag_name&&s.type===a.TAG_CLOSE&&i.is_end_tag&&-1===n.text.indexOf("\n")||(n.is_inline_element||n.is_unformatted||t.print_newline(!1),this._calcluate_parent_multiline(t,n))}else if(n.is_end_tag){var r=!1;r=(r=n.start_tag_token&&n.start_tag_token.multiline_content)||!n.is_inline_element&&!(i.is_inline_element||i.is_unformatted)&&!(s.type===a.TAG_CLOSE&&n.start_tag_token===i)&&"TK_CONTENT"!==s.type,(n.is_content_unformatted||n.is_unformatted)&&(r=!1),r&&t.print_newline(!1)}else n.indent_content=!n.custom_beautifier_name,"<"===n.tag_start_char&&("html"===n.tag_name?n.indent_content=this._options.indent_inner_html:"head"===n.tag_name?n.indent_content=this._options.indent_head_inner_html:"body"===n.tag_name&&(n.indent_content=this._options.indent_body_inner_html)),n.is_inline_element||n.is_unformatted||"TK_CONTENT"===s.type&&!n.is_content_unformatted||t.print_newline(!1),this._calcluate_parent_multiline(t,n)},d.prototype._calcluate_parent_multiline=function(t,e){!e.parent||!t._output.just_added_newline()||(e.is_inline_element||e.is_unformatted)&&e.parent.is_inline_element||(e.parent.multiline_content=!0)};var g=["address","article","aside","blockquote","details","div","dl","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hr","main","nav","ol","p","pre","section","table","ul"],m=["a","audio","del","ins","map","noscript","video"];d.prototype._do_optional_end_element=function(t){var e=null;if(!t.is_empty_element&&t.is_start_tag&&t.parent){if("body"===t.tag_name)e=e||this._tag_stack.try_pop("head");else if("li"===t.tag_name)e=e||this._tag_stack.try_pop("li",["ol","ul"]);else if("dd"===t.tag_name||"dt"===t.tag_name)e=(e=e||this._tag_stack.try_pop("dt",["dl"]))||this._tag_stack.try_pop("dd",["dl"]);else if("p"===t.parent.tag_name&&-1!==g.indexOf(t.tag_name)){var n=t.parent.parent;n&&-1!==m.indexOf(n.tag_name)||(e=e||this._tag_stack.try_pop("p"))}else"rp"===t.tag_name||"rt"===t.tag_name?e=(e=e||this._tag_stack.try_pop("rt",["ruby","rtc"]))||this._tag_stack.try_pop("rp",["ruby","rtc"]):"optgroup"===t.tag_name?e=e||this._tag_stack.try_pop("optgroup",["select"]):"option"===t.tag_name?e=e||this._tag_stack.try_pop("option",["select","datalist","optgroup"]):"colgroup"===t.tag_name?e=e||this._tag_stack.try_pop("caption",["table"]):"thead"===t.tag_name?e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]):"tbody"===t.tag_name||"tfoot"===t.tag_name?e=(e=(e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]))||this._tag_stack.try_pop("thead",["table"]))||this._tag_stack.try_pop("tbody",["table"]):"tr"===t.tag_name?e=(e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]))||this._tag_stack.try_pop("tr",["table","thead","tbody","tfoot"]):"th"!==t.tag_name&&"td"!==t.tag_name||(e=(e=e||this._tag_stack.try_pop("td",["table","thead","tbody","tfoot","tr"]))||this._tag_stack.try_pop("th",["table","thead","tbody","tfoot","tr"]));return t.parent=this._tag_stack.get_parser_token(),e}},t.exports.Beautifier=d},function(t,e,n){var i=n(6).Options;function s(t){i.call(this,t,"html"),1===this.templating.length&&"auto"===this.templating[0]&&(this.templating=["django","erb","handlebars","php"]),this.indent_inner_html=this._get_boolean("indent_inner_html"),this.indent_body_inner_html=this._get_boolean("indent_body_inner_html",!0),this.indent_head_inner_html=this._get_boolean("indent_head_inner_html",!0),this.indent_handlebars=this._get_boolean("indent_handlebars",!0),this.wrap_attributes=this._get_selection("wrap_attributes",["auto","force","force-aligned","force-expand-multiline","aligned-multiple","preserve","preserve-aligned"]),this.wrap_attributes_indent_size=this._get_number("wrap_attributes_indent_size",this.indent_size),this.extra_liners=this._get_array("extra_liners",["head","body","/html"]),this.inline=this._get_array("inline",["a","abbr","area","audio","b","bdi","bdo","br","button","canvas","cite","code","data","datalist","del","dfn","em","embed","i","iframe","img","input","ins","kbd","keygen","label","map","mark","math","meter","noscript","object","output","progress","q","ruby","s","samp","select","small","span","strong","sub","sup","svg","template","textarea","time","u","var","video","wbr","text","acronym","big","strike","tt"]),this.void_elements=this._get_array("void_elements",["area","base","br","col","embed","hr","img","input","keygen","link","menuitem","meta","param","source","track","wbr","!doctype","?xml","basefont","isindex"]),this.unformatted=this._get_array("unformatted",[]),this.content_unformatted=this._get_array("content_unformatted",["pre","textarea"]),this.unformatted_content_delimiter=this._get_characters("unformatted_content_delimiter"),this.indent_scripts=this._get_selection("indent_scripts",["normal","keep","separate"])}s.prototype=new i,t.exports.Options=s},function(t,e,n){var i=n(9).Tokenizer,s=n(9).TOKEN,r=n(13).Directives,a=n(14).TemplatablePattern,o=n(12).Pattern,_={TAG_OPEN:"TK_TAG_OPEN",TAG_CLOSE:"TK_TAG_CLOSE",ATTRIBUTE:"TK_ATTRIBUTE",EQUALS:"TK_EQUALS",VALUE:"TK_VALUE",COMMENT:"TK_COMMENT",TEXT:"TK_TEXT",UNKNOWN:"TK_UNKNOWN",START:s.START,RAW:s.RAW,EOF:s.EOF},u=new r(/<\!--/,/-->/),p=function(t,e){i.call(this,t,e),this._current_tag_name="";var n=new a(this._input).read_options(this._options),s=new o(this._input);if(this.__patterns={word:n.until(/[\n\r\t <]/),single_quote:n.until_after(/'/),double_quote:n.until_after(/"/),attribute:n.until(/[\n\r\t =>]|\/>/),element_name:n.until(/[\n\r\t >\/]/),handlebars_comment:s.starting_with(/{{!--/).until_after(/--}}/),handlebars:s.starting_with(/{{/).until_after(/}}/),handlebars_open:s.until(/[\n\r\t }]/),handlebars_raw_close:s.until(/}}/),comment:s.starting_with(/<!--/).until_after(/-->/),cdata:s.starting_with(/<!\[CDATA\[/).until_after(/]]>/),conditional_comment:s.starting_with(/<!\[/).until_after(/]>/),processing:s.starting_with(/<\?/).until_after(/\?>/)},this._options.indent_handlebars&&(this.__patterns.word=this.__patterns.word.exclude("handlebars")),this._unformatted_content_delimiter=null,this._options.unformatted_content_delimiter){var r=this._input.get_literal_regexp(this._options.unformatted_content_delimiter);this.__patterns.unformatted_content_delimiter=s.matching(r).until_after(r)}};(p.prototype=new i)._is_comment=function(t){return!1},p.prototype._is_opening=function(t){return t.type===_.TAG_OPEN},p.prototype._is_closing=function(t,e){return t.type===_.TAG_CLOSE&&e&&((">"===t.text||"/>"===t.text)&&"<"===e.text[0]||"}}"===t.text&&"{"===e.text[0]&&"{"===e.text[1])},p.prototype._reset=function(){this._current_tag_name=""},p.prototype._get_next_token=function(t,e){var n=null;this._readWhitespace();var i=this._input.peek();return null===i?this._create_token(_.EOF,""):n=(n=(n=(n=(n=(n=(n=(n=(n=n||this._read_open_handlebars(i,e))||this._read_attribute(i,t,e))||this._read_close(i,e))||this._read_raw_content(i,t,e))||this._read_content_word(i))||this._read_comment_or_cdata(i))||this._read_processing(i))||this._read_open(i,e))||this._create_token(_.UNKNOWN,this._input.next())},p.prototype._read_comment_or_cdata=function(t){var e=null,n=null,i=null;"<"===t&&("!"===this._input.peek(1)&&((n=this.__patterns.comment.read())?(i=u.get_directives(n))&&"start"===i.ignore&&(n+=u.readIgnored(this._input)):n=this.__patterns.cdata.read()),n&&((e=this._create_token(_.COMMENT,n)).directives=i));return e},p.prototype._read_processing=function(t){var e=null,n=null;if("<"===t){var i=this._input.peek(1);"!"!==i&&"?"!==i||(n=(n=this.__patterns.conditional_comment.read())||this.__patterns.processing.read()),n&&((e=this._create_token(_.COMMENT,n)).directives=null)}return e},p.prototype._read_open=function(t,e){var n=null,i=null;return e||"<"===t&&(n=this._input.next(),"/"===this._input.peek()&&(n+=this._input.next()),n+=this.__patterns.element_name.read(),i=this._create_token(_.TAG_OPEN,n)),i},p.prototype._read_open_handlebars=function(t,e){var n=null,i=null;return e||this._options.indent_handlebars&&"{"===t&&"{"===this._input.peek(1)&&("!"===this._input.peek(2)?(n=(n=this.__patterns.handlebars_comment.read())||this.__patterns.handlebars.read(),i=this._create_token(_.COMMENT,n)):(n=this.__patterns.handlebars_open.read(),i=this._create_token(_.TAG_OPEN,n))),i},p.prototype._read_close=function(t,e){var n=null,i=null;return e&&("<"===e.text[0]&&(">"===t||"/"===t&&">"===this._input.peek(1))?(n=this._input.next(),"/"===t&&(n+=this._input.next()),i=this._create_token(_.TAG_CLOSE,n)):"{"===e.text[0]&&"}"===t&&"}"===this._input.peek(1)&&(this._input.next(),this._input.next(),i=this._create_token(_.TAG_CLOSE,"}}"))),i},p.prototype._read_attribute=function(t,e,n){var i=null,s="";if(n&&"<"===n.text[0])if("="===t)i=this._create_token(_.EQUALS,this._input.next());else if('"'===t||"'"===t){var r=this._input.next();r+='"'===t?this.__patterns.double_quote.read():this.__patterns.single_quote.read(),i=this._create_token(_.VALUE,r)}else(s=this.__patterns.attribute.read())&&(i=e.type===_.EQUALS?this._create_token(_.VALUE,s):this._create_token(_.ATTRIBUTE,s));return i},p.prototype._is_content_unformatted=function(t){return-1===this._options.void_elements.indexOf(t)&&(-1!==this._options.content_unformatted.indexOf(t)||-1!==this._options.unformatted.indexOf(t))},p.prototype._read_raw_content=function(t,e,n){var i="";if(n&&"{"===n.text[0])i=this.__patterns.handlebars_raw_close.read();else if(e.type===_.TAG_CLOSE&&"<"===e.opened.text[0]&&"/"!==e.text[0]){var s=e.opened.text.substr(1).toLowerCase();if("script"===s||"style"===s){var r=this._read_comment_or_cdata(t);if(r)return r.type=_.TEXT,r;i=this._input.readUntil(new RegExp("</"+s+"[\\n\\r\\t ]*?>","ig"))}else this._is_content_unformatted(s)&&(i=this._input.readUntil(new RegExp("</"+s+"[\\n\\r\\t ]*?>","ig")))}return i?this._create_token(_.TEXT,i):null},p.prototype._read_content_word=function(t){var e="";if(this._options.unformatted_content_delimiter&&t===this._options.unformatted_content_delimiter[0]&&(e=this.__patterns.unformatted_content_delimiter.read()),e||(e=this.__patterns.word.read()),e)return this._create_token(_.TEXT,e)},t.exports.Tokenizer=p,t.exports.TOKEN=_}],e={};var n=function n(i){var s=e[i];if(void 0!==s)return s.exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}(18);r=n}();var a=r;i=[n,n(141),n(142)],s=function(t){var e=n(141),i=n(142);return{html_beautify:function(t,n){return a(t,n,e.js_beautify,i.css_beautify)}}}.apply(e,i),void 0===s||(t.exports=s)}()},141:function(t,e){var n;!function(){var i;!function(){"use strict";var t=[function(t,e,n){var i=n(1).Beautifier,s=n(5).Options;t.exports=function(t,e){return new i(t,e).beautify()},t.exports.defaultOptions=function(){return new s}},function(t,e,n){var i=n(2).Output,s=n(3).Token,r=n(4),a=n(5).Options,o=n(7).Tokenizer,_=n(7).line_starters,u=n(7).positionable_operators,p=n(7).TOKEN;function l(t,e){return-1!==e.indexOf(t)}function h(t,e){return t&&t.type===p.RESERVED&&t.text===e}function c(t,e){return t&&t.type===p.RESERVED&&l(t.text,e)}var d=["case","return","do","if","throw","else","await","break","continue","async"],f=function(t){for(var e={},n=0;n<t.length;n++)e[t[n].replace(/-/g,"_")]=t[n];return e}(["before-newline","after-newline","preserve-newline"]),g=[f.before_newline,f.preserve_newline],m="BlockStatement",y="Statement",b="ObjectLiteral",v="ArrayLiteral",k="ForInitializer",w="Conditional",x="Expression";function S(t,e){e.multiline_frame||e.mode===k||e.mode===w||t.remove_indent(e.start_line_index)}function E(t){return t===v}function O(t){return l(t,[x,k,w])}function P(t,e){e=e||{},this._source_text=t||"",this._output=null,this._tokens=null,this._last_last_text=null,this._flags=null,this._previous_flags=null,this._flag_store=null,this._options=new a(e)}P.prototype.create_flags=function(t,e){var n=0;return t&&(n=t.indentation_level,!this._output.just_added_newline()&&t.line_indent_level>n&&(n=t.line_indent_level)),{mode:e,parent:t,last_token:t?t.last_token:new s(p.START_BLOCK,""),last_word:t?t.last_word:"",declaration_statement:!1,declaration_assignment:!1,multiline_frame:!1,inline_frame:!1,if_block:!1,else_block:!1,class_start_block:!1,do_block:!1,do_while:!1,import_block:!1,in_case_statement:!1,in_case:!1,case_body:!1,case_block:!1,indentation_level:n,alignment:0,line_indent_level:t?t.line_indent_level:n,start_line_index:this._output.get_line_number(),ternary_depth:0}},P.prototype._reset=function(t){var e=t.match(/^[\t ]*/)[0];this._last_last_text="",this._output=new i(this._options,e),this._output.raw=this._options.test_output_raw,this._flag_store=[],this.set_mode(m);var n=new o(t,this._options);return this._tokens=n.tokenize(),t},P.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._reset(this._source_text),e=this._options.eol;"auto"===this._options.eol&&(e="\n",t&&r.lineBreak.test(t||"")&&(e=t.match(r.lineBreak)[0]));for(var n=this._tokens.next();n;)this.handle_token(n),this._last_last_text=this._flags.last_token.text,this._flags.last_token=n,n=this._tokens.next();return this._output.get_code(e)},P.prototype.handle_token=function(t,e){t.type===p.START_EXPR?this.handle_start_expr(t):t.type===p.END_EXPR?this.handle_end_expr(t):t.type===p.START_BLOCK?this.handle_start_block(t):t.type===p.END_BLOCK?this.handle_end_block(t):t.type===p.WORD||t.type===p.RESERVED?this.handle_word(t):t.type===p.SEMICOLON?this.handle_semicolon(t):t.type===p.STRING?this.handle_string(t):t.type===p.EQUALS?this.handle_equals(t):t.type===p.OPERATOR?this.handle_operator(t):t.type===p.COMMA?this.handle_comma(t):t.type===p.BLOCK_COMMENT?this.handle_block_comment(t,e):t.type===p.COMMENT?this.handle_comment(t,e):t.type===p.DOT?this.handle_dot(t):t.type===p.EOF?this.handle_eof(t):(t.type,p.UNKNOWN,this.handle_unknown(t,e))},P.prototype.handle_whitespace_and_comments=function(t,e){var n=t.newlines,i=this._options.keep_array_indentation&&E(this._flags.mode);if(t.comments_before)for(var s=t.comments_before.next();s;)this.handle_whitespace_and_comments(s,e),this.handle_token(s,e),s=t.comments_before.next();if(i)for(var r=0;r<n;r+=1)this.print_newline(r>0,e);else if(this._options.max_preserve_newlines&&n>this._options.max_preserve_newlines&&(n=this._options.max_preserve_newlines),this._options.preserve_newlines&&n>1){this.print_newline(!1,e);for(var a=1;a<n;a+=1)this.print_newline(!0,e)}};var A=["async","break","continue","return","throw","yield"];P.prototype.allow_wrap_or_preserved_newline=function(t,e){if(e=void 0!==e&&e,!this._output.just_added_newline()){var n=this._options.preserve_newlines&&t.newlines||e;if(l(this._flags.last_token.text,u)||l(t.text,u)){var i=l(this._flags.last_token.text,u)&&l(this._options.operator_position,g)||l(t.text,u);n=n&&i}if(n)this.print_newline(!1,!0);else if(this._options.wrap_line_length){if(c(this._flags.last_token,A))return;this._output.set_wrap_point()}}},P.prototype.print_newline=function(t,e){if(!e&&";"!==this._flags.last_token.text&&","!==this._flags.last_token.text&&"="!==this._flags.last_token.text&&(this._flags.last_token.type!==p.OPERATOR||"--"===this._flags.last_token.text||"++"===this._flags.last_token.text))for(var n=this._tokens.peek();!(this._flags.mode!==y||this._flags.if_block&&h(n,"else")||this._flags.do_block);)this.restore_mode();this._output.add_new_line(t)&&(this._flags.multiline_frame=!0)},P.prototype.print_token_line_indentation=function(t){this._output.just_added_newline()&&(this._options.keep_array_indentation&&t.newlines&&("["===t.text||E(this._flags.mode))?(this._output.current_line.set_indent(-1),this._output.current_line.push(t.whitespace_before),this._output.space_before_token=!1):this._output.set_indent(this._flags.indentation_level,this._flags.alignment)&&(this._flags.line_indent_level=this._flags.indentation_level))},P.prototype.print_token=function(t){if(this._output.raw)this._output.add_raw_token(t);else{if(this._options.comma_first&&t.previous&&t.previous.type===p.COMMA&&this._output.just_added_newline()&&","===this._output.previous_line.last()){var e=this._output.previous_line.pop();this._output.previous_line.is_empty()&&(this._output.previous_line.push(e),this._output.trim(!0),this._output.current_line.pop(),this._output.trim()),this.print_token_line_indentation(t),this._output.add_token(","),this._output.space_before_token=!0}this.print_token_line_indentation(t),this._output.non_breaking_space=!0,this._output.add_token(t.text),this._output.previous_token_wrapped&&(this._flags.multiline_frame=!0)}},P.prototype.indent=function(){this._flags.indentation_level+=1,this._output.set_indent(this._flags.indentation_level,this._flags.alignment)},P.prototype.deindent=function(){this._flags.indentation_level>0&&(!this._flags.parent||this._flags.indentation_level>this._flags.parent.indentation_level)&&(this._flags.indentation_level-=1,this._output.set_indent(this._flags.indentation_level,this._flags.alignment))},P.prototype.set_mode=function(t){this._flags?(this._flag_store.push(this._flags),this._previous_flags=this._flags):this._previous_flags=this.create_flags(null,t),this._flags=this.create_flags(this._previous_flags,t),this._output.set_indent(this._flags.indentation_level,this._flags.alignment)},P.prototype.restore_mode=function(){this._flag_store.length>0&&(this._previous_flags=this._flags,this._flags=this._flag_store.pop(),this._previous_flags.mode===y&&S(this._output,this._previous_flags),this._output.set_indent(this._flags.indentation_level,this._flags.alignment))},P.prototype.start_of_object_property=function(){return this._flags.parent.mode===b&&this._flags.mode===y&&(":"===this._flags.last_token.text&&0===this._flags.ternary_depth||c(this._flags.last_token,["get","set"]))},P.prototype.start_of_statement=function(t){var e=!1;return!!(e=(e=(e=(e=(e=(e=(e=e||c(this._flags.last_token,["var","let","const"])&&t.type===p.WORD)||h(this._flags.last_token,"do"))||!(this._flags.parent.mode===b&&this._flags.mode===y)&&c(this._flags.last_token,A)&&!t.newlines)||h(this._flags.last_token,"else")&&!(h(t,"if")&&!t.comments_before))||this._flags.last_token.type===p.END_EXPR&&(this._previous_flags.mode===k||this._previous_flags.mode===w))||this._flags.last_token.type===p.WORD&&this._flags.mode===m&&!this._flags.in_case&&!("--"===t.text||"++"===t.text)&&"function"!==this._last_last_text&&t.type!==p.WORD&&t.type!==p.RESERVED)||this._flags.mode===b&&(":"===this._flags.last_token.text&&0===this._flags.ternary_depth||c(this._flags.last_token,["get","set"])))&&(this.set_mode(y),this.indent(),this.handle_whitespace_and_comments(t,!0),this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t,c(t,["do","for","if","while"])),!0)},P.prototype.handle_start_expr=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t);var e=x;if("["===t.text){if(this._flags.last_token.type===p.WORD||")"===this._flags.last_token.text)return c(this._flags.last_token,_)&&(this._output.space_before_token=!0),this.print_token(t),this.set_mode(e),this.indent(),void(this._options.space_in_paren&&(this._output.space_before_token=!0));e=v,E(this._flags.mode)&&("["!==this._flags.last_token.text&&(","!==this._flags.last_token.text||"]"!==this._last_last_text&&"}"!==this._last_last_text)||this._options.keep_array_indentation||this.print_newline()),l(this._flags.last_token.type,[p.START_EXPR,p.END_EXPR,p.WORD,p.OPERATOR,p.DOT])||(this._output.space_before_token=!0)}else{if(this._flags.last_token.type===p.RESERVED)"for"===this._flags.last_token.text?(this._output.space_before_token=this._options.space_before_conditional,e=k):l(this._flags.last_token.text,["if","while","switch"])?(this._output.space_before_token=this._options.space_before_conditional,e=w):l(this._flags.last_word,["await","async"])?this._output.space_before_token=!0:"import"===this._flags.last_token.text&&""===t.whitespace_before?this._output.space_before_token=!1:(l(this._flags.last_token.text,_)||"catch"===this._flags.last_token.text)&&(this._output.space_before_token=!0);else if(this._flags.last_token.type===p.EQUALS||this._flags.last_token.type===p.OPERATOR)this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t);else if(this._flags.last_token.type===p.WORD){this._output.space_before_token=!1;var n=this._tokens.peek(-3);if(this._options.space_after_named_function&&n){var i=this._tokens.peek(-4);c(n,["async","function"])||"*"===n.text&&c(i,["async","function"])?this._output.space_before_token=!0:this._flags.mode===b?"{"!==n.text&&","!==n.text&&("*"!==n.text||"{"!==i.text&&","!==i.text)||(this._output.space_before_token=!0):this._flags.parent&&this._flags.parent.class_start_block&&(this._output.space_before_token=!0)}}else this.allow_wrap_or_preserved_newline(t);(this._flags.last_token.type===p.RESERVED&&("function"===this._flags.last_word||"typeof"===this._flags.last_word)||"*"===this._flags.last_token.text&&(l(this._last_last_text,["function","yield"])||this._flags.mode===b&&l(this._last_last_text,["{",","])))&&(this._output.space_before_token=this._options.space_after_anon_function)}";"===this._flags.last_token.text||this._flags.last_token.type===p.START_BLOCK?this.print_newline():this._flags.last_token.type!==p.END_EXPR&&this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.END_BLOCK&&"."!==this._flags.last_token.text&&this._flags.last_token.type!==p.COMMA||this.allow_wrap_or_preserved_newline(t,t.newlines),this.print_token(t),this.set_mode(e),this._options.space_in_paren&&(this._output.space_before_token=!0),this.indent()},P.prototype.handle_end_expr=function(t){for(;this._flags.mode===y;)this.restore_mode();this.handle_whitespace_and_comments(t),this._flags.multiline_frame&&this.allow_wrap_or_preserved_newline(t,"]"===t.text&&E(this._flags.mode)&&!this._options.keep_array_indentation),this._options.space_in_paren&&(this._flags.last_token.type!==p.START_EXPR||this._options.space_in_empty_paren?this._output.space_before_token=!0:(this._output.trim(),this._output.space_before_token=!1)),this.deindent(),this.print_token(t),this.restore_mode(),S(this._output,this._previous_flags),this._flags.do_while&&this._previous_flags.mode===w&&(this._previous_flags.mode=x,this._flags.do_block=!1,this._flags.do_while=!1)},P.prototype.handle_start_block=function(t){this.handle_whitespace_and_comments(t);var e=this._tokens.peek(),n=this._tokens.peek(1);"switch"===this._flags.last_word&&this._flags.last_token.type===p.END_EXPR?(this.set_mode(m),this._flags.in_case_statement=!0):this._flags.case_body?this.set_mode(m):n&&(l(n.text,[":",","])&&l(e.type,[p.STRING,p.WORD,p.RESERVED])||l(e.text,["get","set","..."])&&l(n.type,[p.WORD,p.RESERVED]))?l(this._last_last_text,["class","interface"])&&!l(n.text,[":",","])?this.set_mode(m):this.set_mode(b):this._flags.last_token.type===p.OPERATOR&&"=>"===this._flags.last_token.text?this.set_mode(m):l(this._flags.last_token.type,[p.EQUALS,p.START_EXPR,p.COMMA,p.OPERATOR])||c(this._flags.last_token,["return","throw","import","default"])?this.set_mode(b):this.set_mode(m),this._flags.last_token&&c(this._flags.last_token.previous,["class","extends"])&&(this._flags.class_start_block=!0);var i=!e.comments_before&&"}"===e.text,s=i&&"function"===this._flags.last_word&&this._flags.last_token.type===p.END_EXPR;if(this._options.brace_preserve_inline){var r=0,a=null;this._flags.inline_frame=!0;do{if(r+=1,(a=this._tokens.peek(r-1)).newlines){this._flags.inline_frame=!1;break}}while(a.type!==p.EOF&&(a.type!==p.END_BLOCK||a.opened!==t))}("expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines)&&!this._flags.inline_frame?this._flags.last_token.type!==p.OPERATOR&&(s||this._flags.last_token.type===p.EQUALS||c(this._flags.last_token,d)&&"else"!==this._flags.last_token.text)?this._output.space_before_token=!0:this.print_newline(!1,!0):(!E(this._previous_flags.mode)||this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.COMMA||((this._flags.last_token.type===p.COMMA||this._options.space_in_paren)&&(this._output.space_before_token=!0),(this._flags.last_token.type===p.COMMA||this._flags.last_token.type===p.START_EXPR&&this._flags.inline_frame)&&(this.allow_wrap_or_preserved_newline(t),this._previous_flags.multiline_frame=this._previous_flags.multiline_frame||this._flags.multiline_frame,this._flags.multiline_frame=!1)),this._flags.last_token.type!==p.OPERATOR&&this._flags.last_token.type!==p.START_EXPR&&(this._flags.last_token.type!==p.START_BLOCK||this._flags.inline_frame?this._output.space_before_token=!0:this.print_newline())),this.print_token(t),this.indent(),i||this._options.brace_preserve_inline&&this._flags.inline_frame||this.print_newline()},P.prototype.handle_end_block=function(t){for(this.handle_whitespace_and_comments(t);this._flags.mode===y;)this.restore_mode();var e=this._flags.last_token.type===p.START_BLOCK;this._flags.inline_frame&&!e?this._output.space_before_token=!0:"expand"===this._options.brace_style?e||this.print_newline():e||(E(this._flags.mode)&&this._options.keep_array_indentation?(this._options.keep_array_indentation=!1,this.print_newline(),this._options.keep_array_indentation=!0):this.print_newline()),this.restore_mode(),this.print_token(t)},P.prototype.handle_word=function(t){if(t.type===p.RESERVED)if(l(t.text,["set","get"])&&this._flags.mode!==b)t.type=p.WORD;else if("import"===t.text&&l(this._tokens.peek().text,["(","."]))t.type=p.WORD;else if(l(t.text,["as","from"])&&!this._flags.import_block)t.type=p.WORD;else if(this._flags.mode===b){":"===this._tokens.peek().text&&(t.type=p.WORD)}if(this.start_of_statement(t)?c(this._flags.last_token,["var","let","const"])&&t.type===p.WORD&&(this._flags.declaration_statement=!0):!t.newlines||O(this._flags.mode)||this._flags.last_token.type===p.OPERATOR&&"--"!==this._flags.last_token.text&&"++"!==this._flags.last_token.text||this._flags.last_token.type===p.EQUALS||!this._options.preserve_newlines&&c(this._flags.last_token,["var","let","const","set","get"])?this.handle_whitespace_and_comments(t):(this.handle_whitespace_and_comments(t),this.print_newline()),this._flags.do_block&&!this._flags.do_while){if(h(t,"while"))return this._output.space_before_token=!0,this.print_token(t),this._output.space_before_token=!0,void(this._flags.do_while=!0);this.print_newline(),this._flags.do_block=!1}if(this._flags.if_block)if(!this._flags.else_block&&h(t,"else"))this._flags.else_block=!0;else{for(;this._flags.mode===y;)this.restore_mode();this._flags.if_block=!1,this._flags.else_block=!1}if(this._flags.in_case_statement&&c(t,["case","default"]))return this.print_newline(),this._flags.case_block||!this._flags.case_body&&!this._options.jslint_happy||this.deindent(),this._flags.case_body=!1,this.print_token(t),void(this._flags.in_case=!0);if(this._flags.last_token.type!==p.COMMA&&this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.EQUALS&&this._flags.last_token.type!==p.OPERATOR||this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t),h(t,"function"))return(l(this._flags.last_token.text,["}",";"])||this._output.just_added_newline()&&!l(this._flags.last_token.text,["(","[","{",":","=",","])&&this._flags.last_token.type!==p.OPERATOR)&&(this._output.just_added_blankline()||t.comments_before||(this.print_newline(),this.print_newline(!0))),this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD?c(this._flags.last_token,["get","set","new","export"])||c(this._flags.last_token,A)||h(this._flags.last_token,"default")&&"export"===this._last_last_text||"declare"===this._flags.last_token.text?this._output.space_before_token=!0:this.print_newline():this._flags.last_token.type===p.OPERATOR||"="===this._flags.last_token.text?this._output.space_before_token=!0:(this._flags.multiline_frame||!O(this._flags.mode)&&!E(this._flags.mode))&&this.print_newline(),this.print_token(t),void(this._flags.last_word=t.text);var e="NONE";(this._flags.last_token.type===p.END_BLOCK?this._previous_flags.inline_frame?e="SPACE":c(t,["else","catch","finally","from"])?"expand"===this._options.brace_style||"end-expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines?e="NEWLINE":(e="SPACE",this._output.space_before_token=!0):e="NEWLINE":this._flags.last_token.type===p.SEMICOLON&&this._flags.mode===m?e="NEWLINE":this._flags.last_token.type===p.SEMICOLON&&O(this._flags.mode)?e="SPACE":this._flags.last_token.type===p.STRING?e="NEWLINE":this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD||"*"===this._flags.last_token.text&&(l(this._last_last_text,["function","yield"])||this._flags.mode===b&&l(this._last_last_text,["{",","]))?e="SPACE":this._flags.last_token.type===p.START_BLOCK?e=this._flags.inline_frame?"SPACE":"NEWLINE":this._flags.last_token.type===p.END_EXPR&&(this._output.space_before_token=!0,e="NEWLINE"),c(t,_)&&")"!==this._flags.last_token.text&&(e=this._flags.inline_frame||"else"===this._flags.last_token.text||"export"===this._flags.last_token.text?"SPACE":"NEWLINE"),c(t,["else","catch","finally"]))?(this._flags.last_token.type!==p.END_BLOCK||this._previous_flags.mode!==m||"expand"===this._options.brace_style||"end-expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines)&&!this._flags.inline_frame?this.print_newline():(this._output.trim(!0),"}"!==this._output.current_line.last()&&this.print_newline(),this._output.space_before_token=!0):"NEWLINE"===e?c(this._flags.last_token,d)||"declare"===this._flags.last_token.text&&c(t,["var","let","const"])?this._output.space_before_token=!0:this._flags.last_token.type!==p.END_EXPR?this._flags.last_token.type===p.START_EXPR&&c(t,["var","let","const"])||":"===this._flags.last_token.text||(h(t,"if")&&h(t.previous,"else")?this._output.space_before_token=!0:this.print_newline()):c(t,_)&&")"!==this._flags.last_token.text&&this.print_newline():this._flags.multiline_frame&&E(this._flags.mode)&&","===this._flags.last_token.text&&"}"===this._last_last_text?this.print_newline():"SPACE"===e&&(this._output.space_before_token=!0);!t.previous||t.previous.type!==p.WORD&&t.previous.type!==p.RESERVED||(this._output.space_before_token=!0),this.print_token(t),this._flags.last_word=t.text,t.type===p.RESERVED&&("do"===t.text?this._flags.do_block=!0:"if"===t.text?this._flags.if_block=!0:"import"===t.text?this._flags.import_block=!0:this._flags.import_block&&h(t,"from")&&(this._flags.import_block=!1))},P.prototype.handle_semicolon=function(t){this.start_of_statement(t)?this._output.space_before_token=!1:this.handle_whitespace_and_comments(t);for(var e=this._tokens.peek();!(this._flags.mode!==y||this._flags.if_block&&h(e,"else")||this._flags.do_block);)this.restore_mode();this._flags.import_block&&(this._flags.import_block=!1),this.print_token(t)},P.prototype.handle_string=function(t){(!t.text.startsWith("`")||0!==t.newlines||""!==t.whitespace_before||")"!==t.previous.text&&this._flags.last_token.type!==p.WORD)&&(this.start_of_statement(t)?this._output.space_before_token=!0:(this.handle_whitespace_and_comments(t),this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD||this._flags.inline_frame?this._output.space_before_token=!0:this._flags.last_token.type===p.COMMA||this._flags.last_token.type===p.START_EXPR||this._flags.last_token.type===p.EQUALS||this._flags.last_token.type===p.OPERATOR?this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t):!t.text.startsWith("`")||this._flags.last_token.type!==p.END_EXPR||"]"!==t.previous.text&&")"!==t.previous.text||0!==t.newlines?this.print_newline():this._output.space_before_token=!0)),this.print_token(t)},P.prototype.handle_equals=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t),this._flags.declaration_statement&&(this._flags.declaration_assignment=!0),this._output.space_before_token=!0,this.print_token(t),this._output.space_before_token=!0},P.prototype.handle_comma=function(t){this.handle_whitespace_and_comments(t,!0),this.print_token(t),this._output.space_before_token=!0,this._flags.declaration_statement?(O(this._flags.parent.mode)&&(this._flags.declaration_assignment=!1),this._flags.declaration_assignment?(this._flags.declaration_assignment=!1,this.print_newline(!1,!0)):this._options.comma_first&&this.allow_wrap_or_preserved_newline(t)):this._flags.mode===b||this._flags.mode===y&&this._flags.parent.mode===b?(this._flags.mode===y&&this.restore_mode(),this._flags.inline_frame||this.print_newline()):this._options.comma_first&&this.allow_wrap_or_preserved_newline(t)},P.prototype.handle_operator=function(t){var e="*"===t.text&&(c(this._flags.last_token,["function","yield"])||l(this._flags.last_token.type,[p.START_BLOCK,p.COMMA,p.END_BLOCK,p.SEMICOLON])),n=l(t.text,["-","+"])&&(l(this._flags.last_token.type,[p.START_BLOCK,p.START_EXPR,p.EQUALS,p.OPERATOR])||l(this._flags.last_token.text,_)||","===this._flags.last_token.text);if(this.start_of_statement(t));else{var i=!e;this.handle_whitespace_and_comments(t,i)}if("*"!==t.text||this._flags.last_token.type!==p.DOT)if("::"!==t.text){if(this._flags.last_token.type===p.OPERATOR&&l(this._options.operator_position,g)&&this.allow_wrap_or_preserved_newline(t),":"===t.text&&this._flags.in_case)return this.print_token(t),this._flags.in_case=!1,this._flags.case_body=!0,void(this._tokens.peek().type!==p.START_BLOCK?(this.indent(),this.print_newline(),this._flags.case_block=!1):(this._flags.case_block=!0,this._output.space_before_token=!0));var s=!0,r=!0,a=!1;if(":"===t.text?0===this._flags.ternary_depth?s=!1:(this._flags.ternary_depth-=1,a=!0):"?"===t.text&&(this._flags.ternary_depth+=1),!n&&!e&&this._options.preserve_newlines&&l(t.text,u)){var o=":"===t.text,h=o&&a,b=o&&!a;switch(this._options.operator_position){case f.before_newline:return this._output.space_before_token=!b,this.print_token(t),o&&!h||this.allow_wrap_or_preserved_newline(t),void(this._output.space_before_token=!0);case f.after_newline:return this._output.space_before_token=!0,!o||h?this._tokens.peek().newlines?this.print_newline(!1,!0):this.allow_wrap_or_preserved_newline(t):this._output.space_before_token=!1,this.print_token(t),void(this._output.space_before_token=!0);case f.preserve_newline:return b||this.allow_wrap_or_preserved_newline(t),s=!(this._output.just_added_newline()||b),this._output.space_before_token=s,this.print_token(t),void(this._output.space_before_token=!0)}}if(e){this.allow_wrap_or_preserved_newline(t),s=!1;var v=this._tokens.peek();r=v&&l(v.type,[p.WORD,p.RESERVED])}else if("..."===t.text)this.allow_wrap_or_preserved_newline(t),s=this._flags.last_token.type===p.START_BLOCK,r=!1;else if(l(t.text,["--","++","!","~"])||n){if(this._flags.last_token.type!==p.COMMA&&this._flags.last_token.type!==p.START_EXPR||this.allow_wrap_or_preserved_newline(t),s=!1,r=!1,t.newlines&&("--"===t.text||"++"===t.text||"~"===t.text)){var k=c(this._flags.last_token,d)&&t.newlines;k&&(this._previous_flags.if_block||this._previous_flags.else_block)&&this.restore_mode(),this.print_newline(k,!0)}";"===this._flags.last_token.text&&O(this._flags.mode)&&(s=!0),this._flags.last_token.type===p.RESERVED?s=!0:this._flags.last_token.type===p.END_EXPR?s=!("]"===this._flags.last_token.text&&("--"===t.text||"++"===t.text)):this._flags.last_token.type===p.OPERATOR&&(s=l(t.text,["--","-","++","+"])&&l(this._flags.last_token.text,["--","-","++","+"]),l(t.text,["+","-"])&&l(this._flags.last_token.text,["--","++"])&&(r=!0)),(this._flags.mode!==m||this._flags.inline_frame)&&this._flags.mode!==y||"{"!==this._flags.last_token.text&&";"!==this._flags.last_token.text||this.print_newline()}this._output.space_before_token=this._output.space_before_token||s,this.print_token(t),this._output.space_before_token=r}else this.print_token(t);else this.print_token(t)},P.prototype.handle_block_comment=function(t,e){return this._output.raw?(this._output.add_raw_token(t),void(t.directives&&"end"===t.directives.preserve&&(this._output.raw=this._options.test_output_raw))):t.directives?(this.print_newline(!1,e),this.print_token(t),"start"===t.directives.preserve&&(this._output.raw=!0),void this.print_newline(!1,!0)):r.newline.test(t.text)||t.newlines?void this.print_block_commment(t,e):(this._output.space_before_token=!0,this.print_token(t),void(this._output.space_before_token=!0))},P.prototype.print_block_commment=function(t,e){var n,i=function(t){for(var e=[],n=(t=t.replace(r.allLineBreaks,"\n")).indexOf("\n");-1!==n;)e.push(t.substring(0,n)),n=(t=t.substring(n+1)).indexOf("\n");return t.length&&e.push(t),e}(t.text),s=!1,a=!1,o=t.whitespace_before,_=o.length;if(this.print_newline(!1,e),this.print_token_line_indentation(t),this._output.add_token(i[0]),this.print_newline(!1,e),i.length>1){for(s=function(t,e){for(var n=0;n<t.length;n++)if(t[n].trim().charAt(0)!==e)return!1;return!0}(i=i.slice(1),"*"),a=function(t,e){for(var n,i=0,s=t.length;i<s;i++)if((n=t[i])&&0!==n.indexOf(e))return!1;return!0}(i,o),s&&(this._flags.alignment=1),n=0;n<i.length;n++)s?(this.print_token_line_indentation(t),this._output.add_token(i[n].replace(/^\s+/g,""))):a&&i[n]?(this.print_token_line_indentation(t),this._output.add_token(i[n].substring(_))):(this._output.current_line.set_indent(-1),this._output.add_token(i[n])),this.print_newline(!1,e);this._flags.alignment=0}},P.prototype.handle_comment=function(t,e){t.newlines?this.print_newline(!1,e):this._output.trim(!0),this._output.space_before_token=!0,this.print_token(t),this.print_newline(!1,e)},P.prototype.handle_dot=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t,!0),this._flags.last_token.text.match("^[0-9]+$")&&(this._output.space_before_token=!0),c(this._flags.last_token,d)?this._output.space_before_token=!1:this.allow_wrap_or_preserved_newline(t,")"===this._flags.last_token.text&&this._options.break_chained_methods),this._options.unindent_chained_methods&&this._output.just_added_newline()&&this.deindent(),this.print_token(t)},P.prototype.handle_unknown=function(t,e){this.print_token(t),"\n"===t.text[t.text.length-1]&&this.print_newline(!1,e)},P.prototype.handle_eof=function(t){for(;this._flags.mode===y;)this.restore_mode();this.handle_whitespace_and_comments(t)},t.exports.Beautifier=P},function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var s=this.__lines[i];if(s.is_empty())break;if(0!==s.item(0).indexOf(t)&&s.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},function(t){t.exports.Token=function(t,e,n,i){this.type=t,this.text=e,this.comments_before=null,this.newlines=n||0,this.whitespace_before=i||"",this.parent=null,this.next=null,this.previous=null,this.opened=null,this.closed=null,this.directives=null}},function(t,e){var n="\\x24\\x30-\\x39\\x41-\\x5a\\x5f\\x61-\\x7a",i="\\xaa\\xb5\\xba\\xc0-\\xd6\\xd8-\\xf6\\xf8-\\u02c1\\u02c6-\\u02d1\\u02e0-\\u02e4\\u02ec\\u02ee\\u0370-\\u0374\\u0376\\u0377\\u037a-\\u037d\\u0386\\u0388-\\u038a\\u038c\\u038e-\\u03a1\\u03a3-\\u03f5\\u03f7-\\u0481\\u048a-\\u0527\\u0531-\\u0556\\u0559\\u0561-\\u0587\\u05d0-\\u05ea\\u05f0-\\u05f2\\u0620-\\u064a\\u066e\\u066f\\u0671-\\u06d3\\u06d5\\u06e5\\u06e6\\u06ee\\u06ef\\u06fa-\\u06fc\\u06ff\\u0710\\u0712-\\u072f\\u074d-\\u07a5\\u07b1\\u07ca-\\u07ea\\u07f4\\u07f5\\u07fa\\u0800-\\u0815\\u081a\\u0824\\u0828\\u0840-\\u0858\\u08a0\\u08a2-\\u08ac\\u0904-\\u0939\\u093d\\u0950\\u0958-\\u0961\\u0971-\\u0977\\u0979-\\u097f\\u0985-\\u098c\\u098f\\u0990\\u0993-\\u09a8\\u09aa-\\u09b0\\u09b2\\u09b6-\\u09b9\\u09bd\\u09ce\\u09dc\\u09dd\\u09df-\\u09e1\\u09f0\\u09f1\\u0a05-\\u0a0a\\u0a0f\\u0a10\\u0a13-\\u0a28\\u0a2a-\\u0a30\\u0a32\\u0a33\\u0a35\\u0a36\\u0a38\\u0a39\\u0a59-\\u0a5c\\u0a5e\\u0a72-\\u0a74\\u0a85-\\u0a8d\\u0a8f-\\u0a91\\u0a93-\\u0aa8\\u0aaa-\\u0ab0\\u0ab2\\u0ab3\\u0ab5-\\u0ab9\\u0abd\\u0ad0\\u0ae0\\u0ae1\\u0b05-\\u0b0c\\u0b0f\\u0b10\\u0b13-\\u0b28\\u0b2a-\\u0b30\\u0b32\\u0b33\\u0b35-\\u0b39\\u0b3d\\u0b5c\\u0b5d\\u0b5f-\\u0b61\\u0b71\\u0b83\\u0b85-\\u0b8a\\u0b8e-\\u0b90\\u0b92-\\u0b95\\u0b99\\u0b9a\\u0b9c\\u0b9e\\u0b9f\\u0ba3\\u0ba4\\u0ba8-\\u0baa\\u0bae-\\u0bb9\\u0bd0\\u0c05-\\u0c0c\\u0c0e-\\u0c10\\u0c12-\\u0c28\\u0c2a-\\u0c33\\u0c35-\\u0c39\\u0c3d\\u0c58\\u0c59\\u0c60\\u0c61\\u0c85-\\u0c8c\\u0c8e-\\u0c90\\u0c92-\\u0ca8\\u0caa-\\u0cb3\\u0cb5-\\u0cb9\\u0cbd\\u0cde\\u0ce0\\u0ce1\\u0cf1\\u0cf2\\u0d05-\\u0d0c\\u0d0e-\\u0d10\\u0d12-\\u0d3a\\u0d3d\\u0d4e\\u0d60\\u0d61\\u0d7a-\\u0d7f\\u0d85-\\u0d96\\u0d9a-\\u0db1\\u0db3-\\u0dbb\\u0dbd\\u0dc0-\\u0dc6\\u0e01-\\u0e30\\u0e32\\u0e33\\u0e40-\\u0e46\\u0e81\\u0e82\\u0e84\\u0e87\\u0e88\\u0e8a\\u0e8d\\u0e94-\\u0e97\\u0e99-\\u0e9f\\u0ea1-\\u0ea3\\u0ea5\\u0ea7\\u0eaa\\u0eab\\u0ead-\\u0eb0\\u0eb2\\u0eb3\\u0ebd\\u0ec0-\\u0ec4\\u0ec6\\u0edc-\\u0edf\\u0f00\\u0f40-\\u0f47\\u0f49-\\u0f6c\\u0f88-\\u0f8c\\u1000-\\u102a\\u103f\\u1050-\\u1055\\u105a-\\u105d\\u1061\\u1065\\u1066\\u106e-\\u1070\\u1075-\\u1081\\u108e\\u10a0-\\u10c5\\u10c7\\u10cd\\u10d0-\\u10fa\\u10fc-\\u1248\\u124a-\\u124d\\u1250-\\u1256\\u1258\\u125a-\\u125d\\u1260-\\u1288\\u128a-\\u128d\\u1290-\\u12b0\\u12b2-\\u12b5\\u12b8-\\u12be\\u12c0\\u12c2-\\u12c5\\u12c8-\\u12d6\\u12d8-\\u1310\\u1312-\\u1315\\u1318-\\u135a\\u1380-\\u138f\\u13a0-\\u13f4\\u1401-\\u166c\\u166f-\\u167f\\u1681-\\u169a\\u16a0-\\u16ea\\u16ee-\\u16f0\\u1700-\\u170c\\u170e-\\u1711\\u1720-\\u1731\\u1740-\\u1751\\u1760-\\u176c\\u176e-\\u1770\\u1780-\\u17b3\\u17d7\\u17dc\\u1820-\\u1877\\u1880-\\u18a8\\u18aa\\u18b0-\\u18f5\\u1900-\\u191c\\u1950-\\u196d\\u1970-\\u1974\\u1980-\\u19ab\\u19c1-\\u19c7\\u1a00-\\u1a16\\u1a20-\\u1a54\\u1aa7\\u1b05-\\u1b33\\u1b45-\\u1b4b\\u1b83-\\u1ba0\\u1bae\\u1baf\\u1bba-\\u1be5\\u1c00-\\u1c23\\u1c4d-\\u1c4f\\u1c5a-\\u1c7d\\u1ce9-\\u1cec\\u1cee-\\u1cf1\\u1cf5\\u1cf6\\u1d00-\\u1dbf\\u1e00-\\u1f15\\u1f18-\\u1f1d\\u1f20-\\u1f45\\u1f48-\\u1f4d\\u1f50-\\u1f57\\u1f59\\u1f5b\\u1f5d\\u1f5f-\\u1f7d\\u1f80-\\u1fb4\\u1fb6-\\u1fbc\\u1fbe\\u1fc2-\\u1fc4\\u1fc6-\\u1fcc\\u1fd0-\\u1fd3\\u1fd6-\\u1fdb\\u1fe0-\\u1fec\\u1ff2-\\u1ff4\\u1ff6-\\u1ffc\\u2071\\u207f\\u2090-\\u209c\\u2102\\u2107\\u210a-\\u2113\\u2115\\u2119-\\u211d\\u2124\\u2126\\u2128\\u212a-\\u212d\\u212f-\\u2139\\u213c-\\u213f\\u2145-\\u2149\\u214e\\u2160-\\u2188\\u2c00-\\u2c2e\\u2c30-\\u2c5e\\u2c60-\\u2ce4\\u2ceb-\\u2cee\\u2cf2\\u2cf3\\u2d00-\\u2d25\\u2d27\\u2d2d\\u2d30-\\u2d67\\u2d6f\\u2d80-\\u2d96\\u2da0-\\u2da6\\u2da8-\\u2dae\\u2db0-\\u2db6\\u2db8-\\u2dbe\\u2dc0-\\u2dc6\\u2dc8-\\u2dce\\u2dd0-\\u2dd6\\u2dd8-\\u2dde\\u2e2f\\u3005-\\u3007\\u3021-\\u3029\\u3031-\\u3035\\u3038-\\u303c\\u3041-\\u3096\\u309d-\\u309f\\u30a1-\\u30fa\\u30fc-\\u30ff\\u3105-\\u312d\\u3131-\\u318e\\u31a0-\\u31ba\\u31f0-\\u31ff\\u3400-\\u4db5\\u4e00-\\u9fcc\\ua000-\\ua48c\\ua4d0-\\ua4fd\\ua500-\\ua60c\\ua610-\\ua61f\\ua62a\\ua62b\\ua640-\\ua66e\\ua67f-\\ua697\\ua6a0-\\ua6ef\\ua717-\\ua71f\\ua722-\\ua788\\ua78b-\\ua78e\\ua790-\\ua793\\ua7a0-\\ua7aa\\ua7f8-\\ua801\\ua803-\\ua805\\ua807-\\ua80a\\ua80c-\\ua822\\ua840-\\ua873\\ua882-\\ua8b3\\ua8f2-\\ua8f7\\ua8fb\\ua90a-\\ua925\\ua930-\\ua946\\ua960-\\ua97c\\ua984-\\ua9b2\\ua9cf\\uaa00-\\uaa28\\uaa40-\\uaa42\\uaa44-\\uaa4b\\uaa60-\\uaa76\\uaa7a\\uaa80-\\uaaaf\\uaab1\\uaab5\\uaab6\\uaab9-\\uaabd\\uaac0\\uaac2\\uaadb-\\uaadd\\uaae0-\\uaaea\\uaaf2-\\uaaf4\\uab01-\\uab06\\uab09-\\uab0e\\uab11-\\uab16\\uab20-\\uab26\\uab28-\\uab2e\\uabc0-\\uabe2\\uac00-\\ud7a3\\ud7b0-\\ud7c6\\ud7cb-\\ud7fb\\uf900-\\ufa6d\\ufa70-\\ufad9\\ufb00-\\ufb06\\ufb13-\\ufb17\\ufb1d\\ufb1f-\\ufb28\\ufb2a-\\ufb36\\ufb38-\\ufb3c\\ufb3e\\ufb40\\ufb41\\ufb43\\ufb44\\ufb46-\\ufbb1\\ufbd3-\\ufd3d\\ufd50-\\ufd8f\\ufd92-\\ufdc7\\ufdf0-\\ufdfb\\ufe70-\\ufe74\\ufe76-\\ufefc\\uff21-\\uff3a\\uff41-\\uff5a\\uff66-\\uffbe\\uffc2-\\uffc7\\uffca-\\uffcf\\uffd2-\\uffd7\\uffda-\\uffdc",s="\\u0300-\\u036f\\u0483-\\u0487\\u0591-\\u05bd\\u05bf\\u05c1\\u05c2\\u05c4\\u05c5\\u05c7\\u0610-\\u061a\\u0620-\\u0649\\u0672-\\u06d3\\u06e7-\\u06e8\\u06fb-\\u06fc\\u0730-\\u074a\\u0800-\\u0814\\u081b-\\u0823\\u0825-\\u0827\\u0829-\\u082d\\u0840-\\u0857\\u08e4-\\u08fe\\u0900-\\u0903\\u093a-\\u093c\\u093e-\\u094f\\u0951-\\u0957\\u0962-\\u0963\\u0966-\\u096f\\u0981-\\u0983\\u09bc\\u09be-\\u09c4\\u09c7\\u09c8\\u09d7\\u09df-\\u09e0\\u0a01-\\u0a03\\u0a3c\\u0a3e-\\u0a42\\u0a47\\u0a48\\u0a4b-\\u0a4d\\u0a51\\u0a66-\\u0a71\\u0a75\\u0a81-\\u0a83\\u0abc\\u0abe-\\u0ac5\\u0ac7-\\u0ac9\\u0acb-\\u0acd\\u0ae2-\\u0ae3\\u0ae6-\\u0aef\\u0b01-\\u0b03\\u0b3c\\u0b3e-\\u0b44\\u0b47\\u0b48\\u0b4b-\\u0b4d\\u0b56\\u0b57\\u0b5f-\\u0b60\\u0b66-\\u0b6f\\u0b82\\u0bbe-\\u0bc2\\u0bc6-\\u0bc8\\u0bca-\\u0bcd\\u0bd7\\u0be6-\\u0bef\\u0c01-\\u0c03\\u0c46-\\u0c48\\u0c4a-\\u0c4d\\u0c55\\u0c56\\u0c62-\\u0c63\\u0c66-\\u0c6f\\u0c82\\u0c83\\u0cbc\\u0cbe-\\u0cc4\\u0cc6-\\u0cc8\\u0cca-\\u0ccd\\u0cd5\\u0cd6\\u0ce2-\\u0ce3\\u0ce6-\\u0cef\\u0d02\\u0d03\\u0d46-\\u0d48\\u0d57\\u0d62-\\u0d63\\u0d66-\\u0d6f\\u0d82\\u0d83\\u0dca\\u0dcf-\\u0dd4\\u0dd6\\u0dd8-\\u0ddf\\u0df2\\u0df3\\u0e34-\\u0e3a\\u0e40-\\u0e45\\u0e50-\\u0e59\\u0eb4-\\u0eb9\\u0ec8-\\u0ecd\\u0ed0-\\u0ed9\\u0f18\\u0f19\\u0f20-\\u0f29\\u0f35\\u0f37\\u0f39\\u0f41-\\u0f47\\u0f71-\\u0f84\\u0f86-\\u0f87\\u0f8d-\\u0f97\\u0f99-\\u0fbc\\u0fc6\\u1000-\\u1029\\u1040-\\u1049\\u1067-\\u106d\\u1071-\\u1074\\u1082-\\u108d\\u108f-\\u109d\\u135d-\\u135f\\u170e-\\u1710\\u1720-\\u1730\\u1740-\\u1750\\u1772\\u1773\\u1780-\\u17b2\\u17dd\\u17e0-\\u17e9\\u180b-\\u180d\\u1810-\\u1819\\u1920-\\u192b\\u1930-\\u193b\\u1951-\\u196d\\u19b0-\\u19c0\\u19c8-\\u19c9\\u19d0-\\u19d9\\u1a00-\\u1a15\\u1a20-\\u1a53\\u1a60-\\u1a7c\\u1a7f-\\u1a89\\u1a90-\\u1a99\\u1b46-\\u1b4b\\u1b50-\\u1b59\\u1b6b-\\u1b73\\u1bb0-\\u1bb9\\u1be6-\\u1bf3\\u1c00-\\u1c22\\u1c40-\\u1c49\\u1c5b-\\u1c7d\\u1cd0-\\u1cd2\\u1d00-\\u1dbe\\u1e01-\\u1f15\\u200c\\u200d\\u203f\\u2040\\u2054\\u20d0-\\u20dc\\u20e1\\u20e5-\\u20f0\\u2d81-\\u2d96\\u2de0-\\u2dff\\u3021-\\u3028\\u3099\\u309a\\ua640-\\ua66d\\ua674-\\ua67d\\ua69f\\ua6f0-\\ua6f1\\ua7f8-\\ua800\\ua806\\ua80b\\ua823-\\ua827\\ua880-\\ua881\\ua8b4-\\ua8c4\\ua8d0-\\ua8d9\\ua8f3-\\ua8f7\\ua900-\\ua909\\ua926-\\ua92d\\ua930-\\ua945\\ua980-\\ua983\\ua9b3-\\ua9c0\\uaa00-\\uaa27\\uaa40-\\uaa41\\uaa4c-\\uaa4d\\uaa50-\\uaa59\\uaa7b\\uaae0-\\uaae9\\uaaf2-\\uaaf3\\uabc0-\\uabe1\\uabec\\uabed\\uabf0-\\uabf9\\ufb20-\\ufb28\\ufe00-\\ufe0f\\ufe20-\\ufe26\\ufe33\\ufe34\\ufe4d-\\ufe4f\\uff10-\\uff19\\uff3f",r="(?:\\\\u[0-9a-fA-F]{4}|[\\x23\\x24\\x40\\x41-\\x5a\\x5f\\x61-\\x7a"+i+"])",a="(?:\\\\u[0-9a-fA-F]{4}|["+n+i+s+"])*";e.identifier=new RegExp(r+a,"g"),e.identifierStart=new RegExp(r),e.identifierMatch=new RegExp("(?:\\\\u[0-9a-fA-F]{4}|["+n+i+s+"])+");e.newline=/[\n\r\u2028\u2029]/,e.lineBreak=new RegExp("\r\n|"+e.newline.source),e.allLineBreaks=new RegExp(e.lineBreak.source,"g")},function(t,e,n){var i=n(6).Options,s=["before-newline","after-newline","preserve-newline"];function r(t){i.call(this,t,"js");var e=this.raw_options.brace_style||null;"expand-strict"===e?this.raw_options.brace_style="expand":"collapse-preserve-inline"===e?this.raw_options.brace_style="collapse,preserve-inline":void 0!==this.raw_options.braces_on_own_line&&(this.raw_options.brace_style=this.raw_options.braces_on_own_line?"expand":"collapse");var n=this._get_selection_list("brace_style",["collapse","expand","end-expand","none","preserve-inline"]);this.brace_preserve_inline=!1,this.brace_style="collapse";for(var r=0;r<n.length;r++)"preserve-inline"===n[r]?this.brace_preserve_inline=!0:this.brace_style=n[r];this.unindent_chained_methods=this._get_boolean("unindent_chained_methods"),this.break_chained_methods=this._get_boolean("break_chained_methods"),this.space_in_paren=this._get_boolean("space_in_paren"),this.space_in_empty_paren=this._get_boolean("space_in_empty_paren"),this.jslint_happy=this._get_boolean("jslint_happy"),this.space_after_anon_function=this._get_boolean("space_after_anon_function"),this.space_after_named_function=this._get_boolean("space_after_named_function"),this.keep_array_indentation=this._get_boolean("keep_array_indentation"),this.space_before_conditional=this._get_boolean("space_before_conditional",!0),this.unescape_strings=this._get_boolean("unescape_strings"),this.e4x=this._get_boolean("e4x"),this.comma_first=this._get_boolean("comma_first"),this.operator_position=this._get_selection("operator_position",s),this.test_output_raw=this._get_boolean("test_output_raw"),this.jslint_happy&&(this.space_after_anon_function=!0)}r.prototype=new i,t.exports.Options=r},function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,s={};for(n in t=i(t))n!==e&&(s[n]=t[n]);if(e&&t[e])for(n in t[e])s[n]=t[e][n];return s}function i(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],i=e||[];return"object"==typeof n?null!==n&&"function"==typeof n.concat&&(i=n.concat()):"string"==typeof n&&(i=n.split(/[^a-zA-Z0-9_\/\-]+/)),i},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=i,t.exports.mergeOpts=n},function(t,e,n){var i=n(8).InputScanner,s=n(9).Tokenizer,r=n(9).TOKEN,a=n(13).Directives,o=n(4),_=n(12).Pattern,u=n(14).TemplatablePattern;function p(t,e){return-1!==e.indexOf(t)}var l={START_EXPR:"TK_START_EXPR",END_EXPR:"TK_END_EXPR",START_BLOCK:"TK_START_BLOCK",END_BLOCK:"TK_END_BLOCK",WORD:"TK_WORD",RESERVED:"TK_RESERVED",SEMICOLON:"TK_SEMICOLON",STRING:"TK_STRING",EQUALS:"TK_EQUALS",OPERATOR:"TK_OPERATOR",COMMA:"TK_COMMA",BLOCK_COMMENT:"TK_BLOCK_COMMENT",COMMENT:"TK_COMMENT",DOT:"TK_DOT",UNKNOWN:"TK_UNKNOWN",START:r.START,RAW:r.RAW,EOF:r.EOF},h=new a(/\/\*/,/\*\//),c=/0[xX][0123456789abcdefABCDEF_]*n?|0[oO][01234567_]*n?|0[bB][01_]*n?|\d[\d_]*n|(?:\.\d[\d_]*|\d[\d_]*\.?[\d_]*)(?:[eE][+-]?[\d_]+)?/,d=/[0-9]/,f=/[^\d\.]/,g=">>> === !== &&= ??= ||= << && >= ** != == <= >> || ?? |> < / - + > : & % ? ^ | *".split(" "),m=">>>= ... >>= <<= === >>> !== **= &&= ??= ||= => ^= :: /= << <= == && -= >= >> != -- += ** || ?? ++ %= &= *= |= |> = ! ? > < : / ^ - + * & % ~ |";m=(m="\\?\\.(?!\\d) "+(m=m.replace(/[-[\]{}()*+?.,\\^$|#]/g,"\\$&"))).replace(/ /g,"|");var y,b=new RegExp(m),v="continue,try,throw,return,var,let,const,if,switch,case,default,for,while,break,function,import,export".split(","),k=v.concat(["do","in","of","else","get","set","new","catch","finally","typeof","yield","async","await","from","as","class","extends"]),w=new RegExp("^(?:"+k.join("|")+")$"),x=function(t,e){s.call(this,t,e),this._patterns.whitespace=this._patterns.whitespace.matching(/\u00A0\u1680\u180e\u2000-\u200a\u202f\u205f\u3000\ufeff/.source,/\u2028\u2029/.source);var n=new _(this._input),i=new u(this._input).read_options(this._options);this.__patterns={template:i,identifier:i.starting_with(o.identifier).matching(o.identifierMatch),number:n.matching(c),punct:n.matching(b),comment:n.starting_with(/\/\//).until(/[\n\r\u2028\u2029]/),block_comment:n.starting_with(/\/\*/).until_after(/\*\//),html_comment_start:n.matching(/<!--/),html_comment_end:n.matching(/-->/),include:n.starting_with(/#include/).until_after(o.lineBreak),shebang:n.starting_with(/#!/).until_after(o.lineBreak),xml:n.matching(/[\s\S]*?<(\/?)([-a-zA-Z:0-9_.]+|{[^}]+?}|!\[CDATA\[[^\]]*?\]\]|)(\s*{[^}]+?}|\s+[-a-zA-Z:0-9_.]+|\s+[-a-zA-Z:0-9_.]+\s*=\s*('[^']*'|"[^"]*"|{([^{}]|{[^}]+?})+?}))*\s*(\/?)\s*>/),single_quote:i.until(/['\\\n\r\u2028\u2029]/),double_quote:i.until(/["\\\n\r\u2028\u2029]/),template_text:i.until(/[`\\$]/),template_expression:i.until(/[`}\\]/)}};(x.prototype=new s)._is_comment=function(t){return t.type===l.COMMENT||t.type===l.BLOCK_COMMENT||t.type===l.UNKNOWN},x.prototype._is_opening=function(t){return t.type===l.START_BLOCK||t.type===l.START_EXPR},x.prototype._is_closing=function(t,e){return(t.type===l.END_BLOCK||t.type===l.END_EXPR)&&e&&("]"===t.text&&"["===e.text||")"===t.text&&"("===e.text||"}"===t.text&&"{"===e.text)},x.prototype._reset=function(){y=!1},x.prototype._get_next_token=function(t,e){var n=null;this._readWhitespace();var i=this._input.peek();return null===i?this._create_token(l.EOF,""):n=(n=(n=(n=(n=(n=(n=(n=(n=n||this._read_non_javascript(i))||this._read_string(i))||this._read_word(t))||this._read_singles(i))||this._read_comment(i))||this._read_regexp(i,t))||this._read_xml(i,t))||this._read_punctuation())||this._create_token(l.UNKNOWN,this._input.next())},x.prototype._read_word=function(t){var e;return""!==(e=this.__patterns.identifier.read())?(e=e.replace(o.allLineBreaks,"\n"),t.type!==l.DOT&&(t.type!==l.RESERVED||"set"!==t.text&&"get"!==t.text)&&w.test(e)?"in"!==e&&"of"!==e||t.type!==l.WORD&&t.type!==l.STRING?this._create_token(l.RESERVED,e):this._create_token(l.OPERATOR,e):this._create_token(l.WORD,e)):""!==(e=this.__patterns.number.read())?this._create_token(l.WORD,e):void 0},x.prototype._read_singles=function(t){var e=null;return"("===t||"["===t?e=this._create_token(l.START_EXPR,t):")"===t||"]"===t?e=this._create_token(l.END_EXPR,t):"{"===t?e=this._create_token(l.START_BLOCK,t):"}"===t?e=this._create_token(l.END_BLOCK,t):";"===t?e=this._create_token(l.SEMICOLON,t):"."===t&&f.test(this._input.peek(1))?e=this._create_token(l.DOT,t):","===t&&(e=this._create_token(l.COMMA,t)),e&&this._input.next(),e},x.prototype._read_punctuation=function(){var t=this.__patterns.punct.read();if(""!==t)return"="===t?this._create_token(l.EQUALS,t):"?."===t?this._create_token(l.DOT,t):this._create_token(l.OPERATOR,t)},x.prototype._read_non_javascript=function(t){var e="";if("#"===t){if(this._is_first_token()&&(e=this.__patterns.shebang.read()))return this._create_token(l.UNKNOWN,e.trim()+"\n");if(e=this.__patterns.include.read())return this._create_token(l.UNKNOWN,e.trim()+"\n");t=this._input.next();var n="#";if(this._input.hasNext()&&this._input.testChar(d)){do{n+=t=this._input.next()}while(this._input.hasNext()&&"#"!==t&&"="!==t);return"#"===t||("["===this._input.peek()&&"]"===this._input.peek(1)?(n+="[]",this._input.next(),this._input.next()):"{"===this._input.peek()&&"}"===this._input.peek(1)&&(n+="{}",this._input.next(),this._input.next())),this._create_token(l.WORD,n)}this._input.back()}else if("<"===t&&this._is_first_token()){if(e=this.__patterns.html_comment_start.read()){for(;this._input.hasNext()&&!this._input.testChar(o.newline);)e+=this._input.next();return y=!0,this._create_token(l.COMMENT,e)}}else if(y&&"-"===t&&(e=this.__patterns.html_comment_end.read()))return y=!1,this._create_token(l.COMMENT,e);return null},x.prototype._read_comment=function(t){var e=null;if("/"===t){var n="";if("*"===this._input.peek(1)){n=this.__patterns.block_comment.read();var i=h.get_directives(n);i&&"start"===i.ignore&&(n+=h.readIgnored(this._input)),n=n.replace(o.allLineBreaks,"\n"),(e=this._create_token(l.BLOCK_COMMENT,n)).directives=i}else"/"===this._input.peek(1)&&(n=this.__patterns.comment.read(),e=this._create_token(l.COMMENT,n))}return e},x.prototype._read_string=function(t){if("`"===t||"'"===t||'"'===t){var e=this._input.next();return this.has_char_escapes=!1,e+="`"===t?this._read_string_recursive("`",!0,"${"):this._read_string_recursive(t),this.has_char_escapes&&this._options.unescape_strings&&(e=function(t){var e="",n=0,s=new i(t),r=null;for(;s.hasNext();)if((r=s.match(/([\s]|[^\\]|\\\\)+/g))&&(e+=r[0]),"\\"===s.peek()){if(s.next(),"x"===s.peek())r=s.match(/x([0-9A-Fa-f]{2})/g);else{if("u"!==s.peek()){e+="\\",s.hasNext()&&(e+=s.next());continue}r=s.match(/u([0-9A-Fa-f]{4})/g)}if(!r)return t;if((n=parseInt(r[1],16))>126&&n<=255&&0===r[0].indexOf("x"))return t;if(n>=0&&n<32){e+="\\"+r[0];continue}e+=34===n||39===n||92===n?"\\"+String.fromCharCode(n):String.fromCharCode(n)}return e}(e)),this._input.peek()===t&&(e+=this._input.next()),e=e.replace(o.allLineBreaks,"\n"),this._create_token(l.STRING,e)}return null},x.prototype._allow_regexp_or_xml=function(t){return t.type===l.RESERVED&&p(t.text,["return","case","throw","else","do","typeof","yield"])||t.type===l.END_EXPR&&")"===t.text&&t.opened.previous.type===l.RESERVED&&p(t.opened.previous.text,["if","while","for"])||p(t.type,[l.COMMENT,l.START_EXPR,l.START_BLOCK,l.START,l.END_BLOCK,l.OPERATOR,l.EQUALS,l.EOF,l.SEMICOLON,l.COMMA])},x.prototype._read_regexp=function(t,e){if("/"===t&&this._allow_regexp_or_xml(e)){for(var n=this._input.next(),i=!1,s=!1;this._input.hasNext()&&(i||s||this._input.peek()!==t)&&!this._input.testChar(o.newline);)n+=this._input.peek(),i?i=!1:(i="\\"===this._input.peek(),"["===this._input.peek()?s=!0:"]"===this._input.peek()&&(s=!1)),this._input.next();return this._input.peek()===t&&(n+=this._input.next(),n+=this._input.read(o.identifier)),this._create_token(l.STRING,n)}return null},x.prototype._read_xml=function(t,e){if(this._options.e4x&&"<"===t&&this._allow_regexp_or_xml(e)){var n="",i=this.__patterns.xml.read_match();if(i){for(var s=i[2].replace(/^{\s+/,"{").replace(/\s+}$/,"}"),r=0===s.indexOf("{"),a=0;i;){var _=!!i[1],u=i[2];if(!(!!i[i.length-1]||"![CDATA["===u.slice(0,8))&&(u===s||r&&u.replace(/^{\s+/,"{").replace(/\s+}$/,"}"))&&(_?--a:++a),n+=i[0],a<=0)break;i=this.__patterns.xml.read_match()}return i||(n+=this._input.match(/[\s\S]*/g)[0]),n=n.replace(o.allLineBreaks,"\n"),this._create_token(l.STRING,n)}}return null},x.prototype._read_string_recursive=function(t,e,n){var i,s;"'"===t?s=this.__patterns.single_quote:'"'===t?s=this.__patterns.double_quote:"`"===t?s=this.__patterns.template_text:"}"===t&&(s=this.__patterns.template_expression);for(var r=s.read(),a="";this._input.hasNext();){if((a=this._input.next())===t||!e&&o.newline.test(a)){this._input.back();break}"\\"===a&&this._input.hasNext()?("x"===(i=this._input.peek())||"u"===i?this.has_char_escapes=!0:"\r"===i&&"\n"===this._input.peek(1)&&this._input.next(),a+=this._input.next()):n&&("${"===n&&"$"===a&&"{"===this._input.peek()&&(a+=this._input.next()),n===a&&(a+="`"===t?this._read_string_recursive("}",e,"`"):this._read_string_recursive("`",e,"${"),this._input.hasNext()&&(a+=this._input.next()))),r+=a+=s.read()}return r},t.exports.Tokenizer=x,t.exports.TOKEN=l,t.exports.positionable_operators=g.slice(),t.exports.line_starters=v.slice()},function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,s="";return t&&(i=this.match(t))&&(s+=i[0]),!e||!i&&t||(s+=this.readUntil(e,n)),s},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var s=t.exec(this.__input);return s?(i=s.index,e&&(i+=s[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,s="g";return n&&e&&(s="y"),"string"==typeof t&&""!==t?i=new RegExp(t,s):t&&(i=new RegExp(t.source,s)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},function(t,e,n){var i=n(8).InputScanner,s=n(3).Token,r=n(10).TokenStream,a=n(11).WhitespacePattern,o={START:"TK_START",RAW:"TK_RAW",EOF:"TK_EOF"},_=function(t,e){this._input=new i(t),this._options=e||{},this.__tokens=null,this._patterns={},this._patterns.whitespace=new a(this._input)};_.prototype.tokenize=function(){var t;this._input.restart(),this.__tokens=new r,this._reset();for(var e=new s(o.START,""),n=null,i=[],a=new r;e.type!==o.EOF;){for(t=this._get_next_token(e,n);this._is_comment(t);)a.add(t),t=this._get_next_token(e,n);a.isEmpty()||(t.comments_before=a,a=new r),t.parent=n,this._is_opening(t)?(i.push(n),n=t):n&&this._is_closing(t,n)&&(t.opened=n,n.closed=t,n=i.pop(),t.parent=n),t.previous=e,e.next=t,this.__tokens.add(t),e=t}return this.__tokens},_.prototype._is_first_token=function(){return this.__tokens.isEmpty()},_.prototype._reset=function(){},_.prototype._get_next_token=function(t,e){this._readWhitespace();var n=this._input.read(/.+/g);return n?this._create_token(o.RAW,n):this._create_token(o.EOF,"")},_.prototype._is_comment=function(t){return!1},_.prototype._is_opening=function(t){return!1},_.prototype._is_closing=function(t,e){return!1},_.prototype._create_token=function(t,e){return new s(t,e,this._patterns.whitespace.newline_count,this._patterns.whitespace.whitespace_before_token)},_.prototype._readWhitespace=function(){return this._patterns.whitespace.read()},t.exports.Tokenizer=_,t.exports.TOKEN=o},function(t){function e(t){this.__tokens=[],this.__tokens_length=this.__tokens.length,this.__position=0,this.__parent_token=t}e.prototype.restart=function(){this.__position=0},e.prototype.isEmpty=function(){return 0===this.__tokens_length},e.prototype.hasNext=function(){return this.__position<this.__tokens_length},e.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__tokens[this.__position],this.__position+=1),t},e.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__tokens_length&&(e=this.__tokens[t]),e},e.prototype.add=function(t){this.__parent_token&&(t.parent=this.__parent_token),this.__tokens.push(t),this.__tokens_length+=1},t.exports.TokenStream=e},function(t,e,n){var i=n(12).Pattern;function s(t,e){i.call(this,t,e),e?this._line_regexp=this._input.get_regexp(e._line_regexp):this.__set_whitespace_patterns("",""),this.newline_count=0,this.whitespace_before_token=""}s.prototype=new i,s.prototype.__set_whitespace_patterns=function(t,e){t+="\\t ",e+="\\n\\r",this._match_pattern=this._input.get_regexp("["+t+e+"]+",!0),this._newline_regexp=this._input.get_regexp("\\r\\n|["+e+"]")},s.prototype.read=function(){this.newline_count=0,this.whitespace_before_token="";var t=this._input.read(this._match_pattern);if(" "===t)this.whitespace_before_token=" ";else if(t){var e=this.__split(this._newline_regexp,t);this.newline_count=e.length-1,this.whitespace_before_token=e[this.newline_count]}return t},s.prototype.matching=function(t,e){var n=this._create();return n.__set_whitespace_patterns(t,e),n._update(),n},s.prototype._create=function(){return new s(this._input,this)},s.prototype.__split=function(t,e){t.lastIndex=0;for(var n=0,i=[],s=t.exec(e);s;)i.push(e.substring(n,s.index)),n=s.index+s[0].length,s=t.exec(e);return n<e.length?i.push(e.substring(n,e.length)):i.push(""),i},t.exports.WhitespacePattern=s},function(t){function e(t,e){this._input=t,this._starting_pattern=null,this._match_pattern=null,this._until_pattern=null,this._until_after=!1,e&&(this._starting_pattern=this._input.get_regexp(e._starting_pattern,!0),this._match_pattern=this._input.get_regexp(e._match_pattern,!0),this._until_pattern=this._input.get_regexp(e._until_pattern),this._until_after=e._until_after)}e.prototype.read=function(){var t=this._input.read(this._starting_pattern);return this._starting_pattern&&!t||(t+=this._input.read(this._match_pattern,this._until_pattern,this._until_after)),t},e.prototype.read_match=function(){return this._input.match(this._match_pattern)},e.prototype.until_after=function(t){var e=this._create();return e._until_after=!0,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.until=function(t){var e=this._create();return e._until_after=!1,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.starting_with=function(t){var e=this._create();return e._starting_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype.matching=function(t){var e=this._create();return e._match_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype._create=function(){return new e(this._input,this)},e.prototype._update=function(){},t.exports.Pattern=e},function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},function(t,e,n){var i=n(12).Pattern,s={django:!1,erb:!1,handlebars:!1,php:!1,smarty:!1};function r(t,e){i.call(this,t,e),this.__template_pattern=null,this._disabled=Object.assign({},s),this._excluded=Object.assign({},s),e&&(this.__template_pattern=this._input.get_regexp(e.__template_pattern),this._excluded=Object.assign(this._excluded,e._excluded),this._disabled=Object.assign(this._disabled,e._disabled));var n=new i(t);this.__patterns={handlebars_comment:n.starting_with(/{{!--/).until_after(/--}}/),handlebars_unescaped:n.starting_with(/{{{/).until_after(/}}}/),handlebars:n.starting_with(/{{/).until_after(/}}/),php:n.starting_with(/<\?(?:[= ]|php)/).until_after(/\?>/),erb:n.starting_with(/<%[^%]/).until_after(/[^%]%>/),django:n.starting_with(/{%/).until_after(/%}/),django_value:n.starting_with(/{{/).until_after(/}}/),django_comment:n.starting_with(/{#/).until_after(/#}/),smarty:n.starting_with(/{(?=[^}{\s\n])/).until_after(/[^\s\n]}/),smarty_comment:n.starting_with(/{\*/).until_after(/\*}/),smarty_literal:n.starting_with(/{literal}/).until_after(/{\/literal}/)}}r.prototype=new i,r.prototype._create=function(){return new r(this._input,this)},r.prototype._update=function(){this.__set_templated_pattern()},r.prototype.disable=function(t){var e=this._create();return e._disabled[t]=!0,e._update(),e},r.prototype.read_options=function(t){var e=this._create();for(var n in s)e._disabled[n]=-1===t.templating.indexOf(n);return e._update(),e},r.prototype.exclude=function(t){var e=this._create();return e._excluded[t]=!0,e._update(),e},r.prototype.read=function(){var t="";t=this._match_pattern?this._input.read(this._starting_pattern):this._input.read(this._starting_pattern,this.__template_pattern);for(var e=this._read_template();e;)this._match_pattern?e+=this._input.read(this._match_pattern):e+=this._input.readUntil(this.__template_pattern),t+=e,e=this._read_template();return this._until_after&&(t+=this._input.readUntilAfter(this._until_pattern)),t},r.prototype.__set_templated_pattern=function(){var t=[];this._disabled.php||t.push(this.__patterns.php._starting_pattern.source),this._disabled.handlebars||t.push(this.__patterns.handlebars._starting_pattern.source),this._disabled.erb||t.push(this.__patterns.erb._starting_pattern.source),this._disabled.django||(t.push(this.__patterns.django._starting_pattern.source),t.push(this.__patterns.django_value._starting_pattern.source),t.push(this.__patterns.django_comment._starting_pattern.source)),this._disabled.smarty||t.push(this.__patterns.smarty._starting_pattern.source),this._until_pattern&&t.push(this._until_pattern.source),this.__template_pattern=this._input.get_regexp("(?:"+t.join("|")+")")},r.prototype._read_template=function(){var t="",e=this._input.peek();if("<"===e){var n=this._input.peek(1);this._disabled.php||this._excluded.php||"?"!==n||(t=t||this.__patterns.php.read()),this._disabled.erb||this._excluded.erb||"%"!==n||(t=t||this.__patterns.erb.read())}else"{"===e&&(this._disabled.handlebars||this._excluded.handlebars||(t=(t=(t=t||this.__patterns.handlebars_comment.read())||this.__patterns.handlebars_unescaped.read())||this.__patterns.handlebars.read()),this._disabled.django||(this._excluded.django||this._excluded.handlebars||(t=t||this.__patterns.django_value.read()),this._excluded.django||(t=(t=t||this.__patterns.django_comment.read())||this.__patterns.django.read())),this._disabled.smarty||this._disabled.django&&this._disabled.handlebars&&(t=(t=(t=t||this.__patterns.smarty_comment.read())||this.__patterns.smarty_literal.read())||this.__patterns.smarty.read()));return t},t.exports.TemplatablePattern=r}],e={};var n=function n(i){var s=e[i];if(void 0!==s)return s.exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}(0);i=n}();var s=i;void 0===(n=function(){return{js_beautify:s}}.apply(e,[]))||(t.exports=n)}()},167:function(){!function(t){var e="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},i={bash:n,environment:{pattern:RegExp("\\$"+e),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+e),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};t.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+e),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},parameter:{pattern:/(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:i},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:i},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:i.entity}}],environment:{pattern:RegExp("\\$?"+e),alias:"constant"},variable:i.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=t.languages.bash;for(var s=["comment","function-name","for-or-select","assign-left","parameter","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],r=i.variable[1].inside,a=0;a<s.length;a++)r[s[a]]=t.languages.bash[s[a]];t.languages.sh=t.languages.bash,t.languages.shell=t.languages.bash}(Prism)},160:function(){Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}},44:function(t,e,n){var i=function(t){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,n=0,i={},s={manual:t.Prism&&t.Prism.manual,disableWorkerMessageHandler:t.Prism&&t.Prism.disableWorkerMessageHandler,util:{encode:function t(e){return e instanceof r?new r(e.type,t(e.content),e.alias):Array.isArray(e)?e.map(t):e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(t){return Object.prototype.toString.call(t).slice(8,-1)},objId:function(t){return t.__id||Object.defineProperty(t,"__id",{value:++n}),t.__id},clone:function t(e,n){var i,r;switch(n=n||{},s.util.type(e)){case"Object":if(r=s.util.objId(e),n[r])return n[r];for(var a in i={},n[r]=i,e)e.hasOwnProperty(a)&&(i[a]=t(e[a],n));return i;case"Array":return r=s.util.objId(e),n[r]?n[r]:(i=[],n[r]=i,e.forEach((function(e,s){i[s]=t(e,n)})),i);default:return e}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(i){var t=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(i.stack)||[])[1];if(t){var e=document.getElementsByTagName("script");for(var n in e)if(e[n].src==t)return e[n]}return null}},isActive:function(t,e,n){for(var i="no-"+e;t;){var s=t.classList;if(s.contains(e))return!0;if(s.contains(i))return!1;t=t.parentElement}return!!n}},languages:{plain:i,plaintext:i,text:i,txt:i,extend:function(t,e){var n=s.util.clone(s.languages[t]);for(var i in e)n[i]=e[i];return n},insertBefore:function(t,e,n,i){var r=(i=i||s.languages)[t],a={};for(var o in r)if(r.hasOwnProperty(o)){if(o==e)for(var _ in n)n.hasOwnProperty(_)&&(a[_]=n[_]);n.hasOwnProperty(o)||(a[o]=r[o])}var u=i[t];return i[t]=a,s.languages.DFS(s.languages,(function(e,n){n===u&&e!=t&&(this[e]=a)})),a},DFS:function t(e,n,i,r){r=r||{};var a=s.util.objId;for(var o in e)if(e.hasOwnProperty(o)){n.call(e,o,e[o],i||o);var _=e[o],u=s.util.type(_);"Object"!==u||r[a(_)]?"Array"!==u||r[a(_)]||(r[a(_)]=!0,t(_,n,o,r)):(r[a(_)]=!0,t(_,n,null,r))}}},plugins:{},highlightAll:function(t,e){s.highlightAllUnder(document,t,e)},highlightAllUnder:function(t,e,n){var i={callback:n,container:t,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};s.hooks.run("before-highlightall",i),i.elements=Array.prototype.slice.apply(i.container.querySelectorAll(i.selector)),s.hooks.run("before-all-elements-highlight",i);for(var r,a=0;r=i.elements[a++];)s.highlightElement(r,!0===e,i.callback)},highlightElement:function(e,n,i){var r=s.util.getLanguage(e),a=s.languages[r];s.util.setLanguage(e,r);var o=e.parentElement;o&&"pre"===o.nodeName.toLowerCase()&&s.util.setLanguage(o,r);var _={element:e,language:r,grammar:a,code:e.textContent};function u(t){_.highlightedCode=t,s.hooks.run("before-insert",_),_.element.innerHTML=_.highlightedCode,s.hooks.run("after-highlight",_),s.hooks.run("complete",_),i&&i.call(_.element)}if(s.hooks.run("before-sanity-check",_),(o=_.element.parentElement)&&"pre"===o.nodeName.toLowerCase()&&!o.hasAttribute("tabindex")&&o.setAttribute("tabindex","0"),!_.code)return s.hooks.run("complete",_),void(i&&i.call(_.element));if(s.hooks.run("before-highlight",_),_.grammar)if(n&&t.Worker){var p=new Worker(s.filename);p.onmessage=function(t){u(t.data)},p.postMessage(JSON.stringify({language:_.language,code:_.code,immediateClose:!0}))}else u(s.highlight(_.code,_.grammar,_.language));else u(s.util.encode(_.code))},highlight:function(t,e,n){var i={code:t,grammar:e,language:n};if(s.hooks.run("before-tokenize",i),!i.grammar)throw new Error('The language "'+i.language+'" has no grammar.');return i.tokens=s.tokenize(i.code,i.grammar),s.hooks.run("after-tokenize",i),r.stringify(s.util.encode(i.tokens),i.language)},tokenize:function(t,e){var n=e.rest;if(n){for(var i in n)e[i]=n[i];delete e.rest}var s=new _;return u(s,s.head,t),o(t,s,e,s.head,0),function(t){var e=[],n=t.head.next;for(;n!==t.tail;)e.push(n.value),n=n.next;return e}(s)},hooks:{all:{},add:function(t,e){var n=s.hooks.all;n[t]=n[t]||[],n[t].push(e)},run:function(t,e){var n=s.hooks.all[t];if(n&&n.length)for(var i,r=0;i=n[r++];)i(e)}},Token:r};function r(t,e,n,i){this.type=t,this.content=e,this.alias=n,this.length=0|(i||"").length}function a(t,e,n,i){t.lastIndex=e;var s=t.exec(n);if(s&&i&&s[1]){var r=s[1].length;s.index+=r,s[0]=s[0].slice(r)}return s}function o(t,e,n,i,_,l){for(var h in n)if(n.hasOwnProperty(h)&&n[h]){var c=n[h];c=Array.isArray(c)?c:[c];for(var d=0;d<c.length;++d){if(l&&l.cause==h+","+d)return;var f=c[d],g=f.inside,m=!!f.lookbehind,y=!!f.greedy,b=f.alias;if(y&&!f.pattern.global){var v=f.pattern.toString().match(/[imsuy]*$/)[0];f.pattern=RegExp(f.pattern.source,v+"g")}for(var k=f.pattern||f,w=i.next,x=_;w!==e.tail&&!(l&&x>=l.reach);x+=w.value.length,w=w.next){var S=w.value;if(e.length>t.length)return;if(!(S instanceof r)){var E,O=1;if(y){if(!(E=a(k,x,t,m))||E.index>=t.length)break;var P=E.index,A=E.index+E[0].length,T=x;for(T+=w.value.length;P>=T;)T+=(w=w.next).value.length;if(x=T-=w.value.length,w.value instanceof r)continue;for(var R=w;R!==e.tail&&(T<A||"string"==typeof R.value);R=R.next)O++,T+=R.value.length;O--,S=t.slice(x,T),E.index-=x}else if(!(E=a(k,0,S,m)))continue;P=E.index;var N=E[0],L=S.slice(0,P),C=S.slice(P+N.length),I=x+S.length;l&&I>l.reach&&(l.reach=I);var D=w.prev;if(L&&(D=u(e,D,L),x+=L.length),p(e,D,O),w=u(e,D,new r(h,g?s.tokenize(N,g):N,b,N)),C&&u(e,w,C),O>1){var F={cause:h+","+d,reach:I};o(t,e,n,w.prev,x,F),l&&F.reach>l.reach&&(l.reach=F.reach)}}}}}}function _(){var t={value:null,prev:null,next:null},e={value:null,prev:t,next:null};t.next=e,this.head=t,this.tail=e,this.length=0}function u(t,e,n){var i=e.next,s={value:n,prev:e,next:i};return e.next=s,i.prev=s,t.length++,s}function p(t,e,n){for(var i=e.next,s=0;s<n&&i!==t.tail;s++)i=i.next;e.next=i,i.prev=e,t.length-=s}if(t.Prism=s,r.stringify=function t(e,n){if("string"==typeof e)return e;if(Array.isArray(e)){var i="";return e.forEach((function(e){i+=t(e,n)})),i}var r={type:e.type,content:t(e.content,n),tag:"span",classes:["token",e.type],attributes:{},language:n},a=e.alias;a&&(Array.isArray(a)?Array.prototype.push.apply(r.classes,a):r.classes.push(a)),s.hooks.run("wrap",r);var o="";for(var _ in r.attributes)o+=" "+_+'="'+(r.attributes[_]||"").replace(/"/g,"&quot;")+'"';return"<"+r.tag+' class="'+r.classes.join(" ")+'"'+o+">"+r.content+"</"+r.tag+">"},!t.document)return t.addEventListener?(s.disableWorkerMessageHandler||t.addEventListener("message",(function(e){var n=JSON.parse(e.data),i=n.language,r=n.code,a=n.immediateClose;t.postMessage(s.highlight(r,s.languages[i],i)),a&&t.close()}),!1),s):s;var l=s.util.currentScript();function h(){s.manual||s.highlightAll()}if(l&&(s.filename=l.src,l.hasAttribute("data-manual")&&(s.manual=!0)),!s.manual){var c=document.readyState;"loading"===c||"interactive"===c&&l&&l.defer?document.addEventListener("DOMContentLoaded",h):window.requestAnimationFrame?window.requestAnimationFrame(h):window.setTimeout(h,16)}return s}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});t.exports&&(t.exports=i),void 0!==n.g&&(n.g.Prism=i)},165:function(){!function(t){var e,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;t.languages.css.selector={pattern:t.languages.css.selector.pattern,lookbehind:!0,inside:e={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},t.languages.css.atrule.inside["selector-function-argument"].inside=e,t.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var i={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},s={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};t.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:i,number:s,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:i,number:s})}(Prism)},164:function(){!function(t){var e=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;t.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+e.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:e,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},t.languages.css.atrule.inside.rest=t.languages.css;var n=t.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(Prism)},170:function(){!function(t){t.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},t.hooks.add("before-tokenize",(function(e){t.languages["markup-templating"].buildPlaceholders(e,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),t.hooks.add("after-tokenize",(function(e){t.languages["markup-templating"].tokenizePlaceholders(e,"handlebars")})),t.languages.hbs=t.languages.handlebars,t.languages.mustache=t.languages.handlebars}(Prism)},161:function(){Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),Prism.languages.js=Prism.languages.javascript},163:function(){Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json},168:function(){!function(t){var e=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(t){return t=t.replace(/<inner>/g,(function(){return e})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+t+")")}var i=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,s=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return i})),r=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;t.languages.markdown=t.languages.extend("markup",{}),t.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:t.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+s+r+"(?:"+s+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+s+r+")(?:"+s+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(i),inside:t.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+s+")"+r+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+s+"$"),inside:{"table-header":{pattern:RegExp(i),alias:"important",inside:t.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(e){["url","bold","italic","strike","code-snippet"].forEach((function(n){e!==n&&(t.languages.markdown[e].inside.content.inside[n]=t.languages.markdown[n])}))})),t.hooks.add("after-tokenize",(function(t){"markdown"!==t.language&&"md"!==t.language||function t(e){if(e&&"string"!=typeof e)for(var n=0,i=e.length;n<i;n++){var s=e[n];if("code"===s.type){var r=s.content[1],a=s.content[3];if(r&&a&&"code-language"===r.type&&"code-block"===a.type&&"string"==typeof r.content){var o=r.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),_="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase());a.alias?"string"==typeof a.alias?a.alias=[a.alias,_]:a.alias.push(_):a.alias=[_]}}else t(s.content)}}(t.tokens)})),t.hooks.add("wrap",(function(e){if("code-block"===e.type){for(var n="",i=0,s=e.classes.length;i<s;i++){var r=e.classes[i],u=/language-(.+)/.exec(r);if(u){n=u[1];break}}var p,l=t.languages[n];if(l)e.content=t.highlight((p=e.content,p.replace(a,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(t,e){var n;if("#"===(e=e.toLowerCase())[0])return n="x"===e[1]?parseInt(e.slice(2),16):Number(e.slice(1)),_(n);var i=o[e];return i||t}))),l,n);else if(n&&"none"!==n&&t.plugins.autoloader){var h="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random());e.attributes.id=h,t.plugins.autoloader.loadLanguages(n,(function(){var e=document.getElementById(h);e&&(e.innerHTML=t.highlight(e.textContent,t.languages[n],n))}))}}}));var a=RegExp(t.languages.markup.tag.pattern.source,"gi"),o={amp:"&",lt:"<",gt:">",quot:'"'},_=String.fromCodePoint||String.fromCharCode;t.languages.md=t.languages.markdown}(Prism)},157:function(){!function(t){function e(t,e){return"___"+t.toUpperCase()+e+"___"}Object.defineProperties(t.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,i,s,r){if(n.language===i){var a=n.tokenStack=[];n.code=n.code.replace(s,(function(t){if("function"==typeof r&&!r(t))return t;for(var s,o=a.length;-1!==n.code.indexOf(s=e(i,o));)++o;return a[o]=t,s})),n.grammar=t.languages.markup}}},tokenizePlaceholders:{value:function(n,i){if(n.language===i&&n.tokenStack){n.grammar=t.languages[i];var s=0,r=Object.keys(n.tokenStack);!function a(o){for(var _=0;_<o.length&&!(s>=r.length);_++){var u=o[_];if("string"==typeof u||u.content&&"string"==typeof u.content){var p=r[s],l=n.tokenStack[p],h="string"==typeof u?u:u.content,c=e(i,p),d=h.indexOf(c);if(d>-1){++s;var f=h.substring(0,d),g=new t.Token(i,t.tokenize(l,n.grammar),"language-"+i,l),m=h.substring(d+c.length),y=[];f&&y.push.apply(y,a([f])),y.push(g),m&&y.push.apply(y,a([m])),"string"==typeof u?o.splice.apply(o,[_,1].concat(y)):u.content=y}}else u.content&&a(u.content)}return o}(n.tokens)}}}})}(Prism)},158:function(){Prism.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",(function(t){"entity"===t.type&&(t.attributes.title=t.content.replace(/&amp;/,"&"))})),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(t,e){var n={};n["language-"+e]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[e]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;var i={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};i["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var s={};s[t]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return t})),"i"),lookbehind:!0,greedy:!0,inside:i},Prism.languages.insertBefore("markup","cdata",s)}}),Object.defineProperty(Prism.languages.markup.tag,"addAttribute",{value:function(t,e){Prism.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+t+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:Prism.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml},166:function(){Prism.languages.scss=Prism.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),Prism.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),Prism.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),Prism.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),Prism.languages.scss.atrule.inside.rest=Prism.languages.scss},159:function(){Prism.languages.twig={comment:/^\{#[\s\S]*?#\}$/,"tag-name":{pattern:/(^\{%-?\s*)\w+/,lookbehind:!0,alias:"keyword"},delimiter:{pattern:/^\{[{%]-?|-?[%}]\}$/,alias:"punctuation"},string:{pattern:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,inside:{punctuation:/^['"]|['"]$/}},keyword:/\b(?:even|if|odd)\b/,boolean:/\b(?:false|null|true)\b/,number:/\b0x[\dA-Fa-f]+|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][-+]?\d+)?/,operator:[{pattern:/(\s)(?:and|b-and|b-or|b-xor|ends with|in|is|matches|not|or|same as|starts with)(?=\s)/,lookbehind:!0},/[=<>]=?|!=|\*\*?|\/\/?|\?:?|[-+~%|]/],punctuation:/[()\[\]{}:.,]/},Prism.hooks.add("before-tokenize",(function(t){if("twig"===t.language){Prism.languages["markup-templating"].buildPlaceholders(t,"twig",/\{(?:#[\s\S]*?#|%[\s\S]*?%|\{[\s\S]*?\})\}/g)}})),Prism.hooks.add("after-tokenize",(function(t){Prism.languages["markup-templating"].tokenizePlaceholders(t,"twig")}))},162:function(){!function(t){t.languages.typescript=t.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),t.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete t.languages.typescript.parameter,delete t.languages.typescript["literal-property"];var e=t.languages.extend("typescript",{});delete e["class-name"],t.languages.typescript["class-name"].inside=e,t.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e}}}}),t.languages.ts=t.languages.typescript}(Prism)},169:function(){!function(t){var e=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,i="(?:"+n.source+"(?:[ \t]+"+e.source+")?|"+e.source+"(?:[ \t]+"+n.source+")?)",s=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),r=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function a(t,e){e=(e||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return i})).replace(/<<value>>/g,(function(){return t}));return RegExp(n,e)}t.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return i}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return i})).replace(/<<key>>/g,(function(){return"(?:"+s+"|"+r+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:a(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:a(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:a(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:a(r),lookbehind:!0,greedy:!0},number:{pattern:a(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:e,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},t.languages.yml=t.languages.yaml}(Prism)},77:function(t){!function(){if("undefined"!=typeof Prism){var e=Object.assign||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},n={"remove-trailing":"boolean","remove-indent":"boolean","left-trim":"boolean","right-trim":"boolean","break-lines":"number",indent:"number","remove-initial-line-feed":"boolean","tabs-to-spaces":"number","spaces-to-tabs":"number"};i.prototype={setDefaults:function(t){this.defaults=e(this.defaults,t)},normalize:function(t,n){for(var i in n=e(this.defaults,n)){var s=i.replace(/-(\w)/g,(function(t,e){return e.toUpperCase()}));"normalize"!==i&&"setDefaults"!==s&&n[i]&&this[s]&&(t=this[s].call(this,t,n[i]))}return t},leftTrim:function(t){return t.replace(/^\s+/,"")},rightTrim:function(t){return t.replace(/\s+$/,"")},tabsToSpaces:function(t,e){return e=0|e||4,t.replace(/\t/g,new Array(++e).join(" "))},spacesToTabs:function(t,e){return e=0|e||4,t.replace(RegExp(" {"+e+"}","g"),"\t")},removeTrailing:function(t){return t.replace(/\s*?$/gm,"")},removeInitialLineFeed:function(t){return t.replace(/^(?:\r?\n|\r)/,"")},removeIndent:function(t){var e=t.match(/^[^\S\n\r]*(?=\S)/gm);return e&&e[0].length?(e.sort((function(t,e){return t.length-e.length})),e[0].length?t.replace(RegExp("^"+e[0],"gm"),""):t):t},indent:function(t,e){return t.replace(/^[^\S\n\r]*(?=\S)/gm,new Array(++e).join("\t")+"$&")},breakLines:function(t,e){e=!0===e?80:0|e||80;for(var n=t.split("\n"),i=0;i<n.length;++i)if(!(s(n[i])<=e)){for(var r=n[i].split(/(\s+)/g),a=0,o=0;o<r.length;++o){var _=s(r[o]);(a+=_)>e&&(r[o]="\n"+r[o],a=_)}n[i]=r.join("")}return n.join("\n")}},t.exports&&(t.exports=i),Prism.plugins.NormalizeWhitespace=new i({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0}),Prism.hooks.add("before-sanity-check",(function(t){var e=Prism.plugins.NormalizeWhitespace;if((!t.settings||!1!==t.settings["whitespace-normalization"])&&Prism.util.isActive(t.element,"whitespace-normalization",!0))if(t.element&&t.element.parentNode||!t.code){var i=t.element.parentNode;if(t.code&&i&&"pre"===i.nodeName.toLowerCase()){for(var s in null==t.settings&&(t.settings={}),n)if(Object.hasOwnProperty.call(n,s)){var r=n[s];if(i.hasAttribute("data-"+s))try{var a=JSON.parse(i.getAttribute("data-"+s)||"true");typeof a===r&&(t.settings[s]=a)}catch(d){}}for(var o=i.childNodes,_="",u="",p=!1,l=0;l<o.length;++l){var h=o[l];h==t.element?p=!0:"#text"===h.nodeName&&(p?u+=h.nodeValue:_+=h.nodeValue,i.removeChild(h),--l)}if(t.element.children.length&&Prism.plugins.KeepMarkup){var c=_+t.element.innerHTML+u;t.element.innerHTML=e.normalize(c,t.settings),t.code=t.element.textContent}else t.code=_+t.code+u,t.code=e.normalize(t.code,t.settings)}}else t.code=e.normalize(t.code,t.settings)}))}function i(t){this.defaults=e({},t)}function s(t){for(var e=0,n=0;n<t.length;++n)t.charCodeAt(n)=="\t".charCodeAt(0)&&(e+=3);return t.length+e}}()},154:function(t,e,n){"use strict";function i(t,e,n,i){return new(n||(n=Promise))((function(s,r){function a(t){try{_(i.next(t))}catch(e){r(e)}}function o(t){try{_(i.throw(t))}catch(e){r(e)}}function _(t){var e;t.done?s(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,o)}_((i=i.apply(t,e||[])).next())}))}n.d(e,{X5:function(){return s}});function s(t,e={}){return i(this,void 0,void 0,(function*(){if(!(t instanceof Element||t instanceof Window))throw new Error(`element passed to scrollTo() must be either the window or a DOM element, you passed ${t}!`);e=r(e);const n=(e,i,s,r,o=300,_,u)=>{window.requestAnimationFrame((()=>{const p=Date.now(),l=Math.min(1,(p-r)/o);if(e===i)return u?u():null;!function(t,e){const n=a.getDocument();t===n.body||t===n.documentElement||t instanceof Window?(n.body.scrollTop=e,n.documentElement.scrollTop=e):t.scrollTop=e}(t,_(l)*(i-e)+e),l<1?n(e,i,s,r,o,_,u):u&&u()}))},i=function(t){const e=a.getDocument();return t===e.body||t===e.documentElement||t instanceof Window?e.body.scrollTop||e.documentElement.scrollTop:t.scrollTop}(t),s=function(t){const e={window:{y:"scrollY",x:"scrollX"},element:{y:"scrollTop",x:"scrollLeft"}},n="y";return t instanceof Window?e.window[n]:e.element[n]}(t);return new Promise((t=>{n(i,"number"==typeof e.top?e.top:i,s,Date.now(),e.duration,_(e.easing),t)}))}))}function r(t={}){return"smooth"===t.behavior&&(t.easing="ease-in-out",t.duration=300),"auto"===t.behavior&&(t.duration=0,t.easing="linear"),t}const a={getDocument(){return document}},o={linear(t){return t},"ease-in"(t){return t*t},"ease-out"(t){return t*(2-t)},"ease-in-out"(t){return t<.5?2*t*t:(4-2*t)*t-1}},_=t=>{const e=o[t||"linear"];if(!e){const e=Object.keys(o).join(",");throw new Error(`Scroll error: scroller does not support an easing option of "${t}". Supported options are ${e}`)}return e}}}]);
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/4-chunk-530bd2dee358e8d9a1cc.modern.js.LICENSE.txt b/review/refactor-icon-update/styleguide/js/4-chunk-530bd2dee358e8d9a1cc.modern.js.LICENSE.txt
new file mode 100644
index 0000000000..353a9f05db
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/4-chunk-530bd2dee358e8d9a1cc.modern.js.LICENSE.txt
@@ -0,0 +1,92 @@
+/*!
+ * Determine if an object is a Buffer
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+
+/*!
+ * clipboard.js v2.0.11
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+
+/*!
+ * condense-newlines <https://github.com/jonschlinkert/condense-newlines>
+ *
+ * Copyright (c) 2014 Jon Schlinkert, contributors.
+ * Licensed under the MIT License
+ */
+
+/*!
+ * is-extendable <https://github.com/jonschlinkert/is-extendable>
+ *
+ * Copyright (c) 2015, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+/*!
+ * is-whitespace <https://github.com/jonschlinkert/is-whitespace>
+ *
+ * Copyright (c) 2014-2015, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+/*!
+ * pretty <https://github.com/jonschlinkert/pretty>
+ *
+ * Copyright (c) 2013-2015, 2017, Jon Schlinkert.
+ * Released under the MIT License.
+ */
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+/**
+ * Prism: Lightweight, robust, elegant syntax highlighting
+ *
+ * @license MIT <https://opensource.org/licenses/MIT>
+ * @author Lea Verou <https://lea.verou.me>
+ * @namespace
+ * @public
+ */
+
+/**!
+
+ @license
+ handlebars v4.7.7
+
+Copyright (C) 2011-2019 by Yehuda Katz
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+*/
diff --git a/review/refactor-icon-update/styleguide/js/4-chunk-5efb7ff9f8773a11c914.js b/review/refactor-icon-update/styleguide/js/4-chunk-5efb7ff9f8773a11c914.js
new file mode 100644
index 0000000000..0c57fcb88d
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/4-chunk-5efb7ff9f8773a11c914.js
@@ -0,0 +1,2 @@
+/*! For license information please see 4-chunk-5efb7ff9f8773a11c914.js.LICENSE.txt */
+(self.webpackChunk_pattern_lab_uikit_workshop=self.webpackChunk_pattern_lab_uikit_workshop||[]).push([[4],{23:function(t,e,n){var i,r,s,a;function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}t=n.nmd(t),a=function(){return function(){var t={686:function(t,e,n){"use strict";n.d(e,{default:function(){return x}});var i=n(279),r=n.n(i),s=n(370),a=n.n(s),o=n(817),_=n.n(o);function u(t){try{return document.execCommand(t)}catch(e){return!1}}var p=function(t){var e=_()(t);return u("cut"),e},l=function(t,e){var n=function(t){var e="rtl"===document.documentElement.getAttribute("dir"),n=document.createElement("textarea");n.style.fontSize="12pt",n.style.border="0",n.style.padding="0",n.style.margin="0",n.style.position="absolute",n.style[e?"right":"left"]="-9999px";var i=window.pageYOffset||document.documentElement.scrollTop;return n.style.top="".concat(i,"px"),n.setAttribute("readonly",""),n.value=t,n}(t);e.container.appendChild(n);var i=_()(n);return u("copy"),n.remove(),i},h=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body},n="";return"string"==typeof t?n=l(t,e):t instanceof HTMLInputElement&&!["text","search","url","tel","password"].includes(null==t?void 0:t.type)?n=l(t.value,e):(n=_()(t),u("copy")),n};function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}var d=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.action,n=void 0===e?"copy":e,i=t.container,r=t.target,s=t.text;if("copy"!==n&&"cut"!==n)throw new Error('Invalid "action" value, use either "copy" or "cut"');if(void 0!==r){if(!r||"object"!==c(r)||1!==r.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===n&&r.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===n&&(r.hasAttribute("readonly")||r.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes')}return s?h(s,{container:i}):r?"cut"===n?p(r):h(r,{container:i}):void 0};function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}function g(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function m(t,e){return m=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},m(t,e)}function y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=v(t);if(e){var r=v(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return b(this,n)}}function b(t,e){return!e||"object"!==f(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function v(t){return v=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},v(t)}function k(t,e){var n="data-clipboard-".concat(t);if(e.hasAttribute(n))return e.getAttribute(n)}var w=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&m(t,e)}(s,t);var e,n,i,r=y(s);function s(t,e){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,s),(n=r.call(this)).resolveOptions(e),n.listenClick(t),n}return e=s,n=[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===f(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=a()(t,"click",(function(t){return e.onClick(t)}))}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget,n=this.action(e)||"copy",i=d({action:n,container:this.container,target:this.target(e),text:this.text(e)});this.emit(i?"success":"error",{action:n,text:i,trigger:e,clearSelection:function(){e&&e.focus(),window.getSelection().removeAllRanges()}})}},{key:"defaultAction",value:function(t){return k("action",t)}},{key:"defaultTarget",value:function(t){var e=k("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return k("text",t)}},{key:"destroy",value:function(){this.listener.destroy()}}],i=[{key:"copy",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body};return h(t,e)}},{key:"cut",value:function(t){return p(t)}},{key:"isSupported",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,n=!!document.queryCommandSupported;return e.forEach((function(t){n=n&&!!document.queryCommandSupported(t)})),n}}],n&&g(e.prototype,n),i&&g(e,i),s}(r()),x=w},828:function(t){if("undefined"!=typeof Element&&!Element.prototype.matches){var e=Element.prototype;e.matches=e.matchesSelector||e.mozMatchesSelector||e.msMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector}t.exports=function(t,e){for(;t&&9!==t.nodeType;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}},438:function(t,e,n){var i=n(828);function r(t,e,n,i,r){var a=s.apply(this,arguments);return t.addEventListener(n,a,r),{destroy:function(){t.removeEventListener(n,a,r)}}}function s(t,e,n,r){return function(n){n.delegateTarget=i(n.target,e),n.delegateTarget&&r.call(t,n)}}t.exports=function(t,e,n,i,s){return"function"==typeof t.addEventListener?r.apply(null,arguments):"function"==typeof n?r.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,(function(t){return r(t,e,n,i,s)})))}},879:function(t,e){e.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},e.nodeList=function(t){var n=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===n||"[object HTMLCollection]"===n)&&"length"in t&&(0===t.length||e.node(t[0]))},e.string=function(t){return"string"==typeof t||t instanceof String},e.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},370:function(t,e,n){var i=n(879),r=n(438);t.exports=function(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!i.string(e))throw new TypeError("Second argument must be a String");if(!i.fn(n))throw new TypeError("Third argument must be a Function");if(i.node(t))return function(t,e,n){return t.addEventListener(e,n),{destroy:function(){t.removeEventListener(e,n)}}}(t,e,n);if(i.nodeList(t))return function(t,e,n){return Array.prototype.forEach.call(t,(function(t){t.addEventListener(e,n)})),{destroy:function(){Array.prototype.forEach.call(t,(function(t){t.removeEventListener(e,n)}))}}}(t,e,n);if(i.string(t))return function(t,e,n){return r(document.body,t,e,n)}(t,e,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}},817:function(t){t.exports=function(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var i=window.getSelection(),r=document.createRange();r.selectNodeContents(t),i.removeAllRanges(),i.addRange(r),e=i.toString()}return e}},279:function(t){function e(){}e.prototype={on:function(t,e,n){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var i=this;function r(){i.off(t,r),e.apply(n,arguments)}return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),i=0,r=n.length;i<r;i++)n[i].fn.apply(n[i].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),i=n[t],r=[];if(i&&e)for(var s=0,a=i.length;s<a;s++)i[s].fn!==e&&i[s].fn._!==e&&r.push(i[s]);return r.length?n[t]=r:delete n[t],this}},t.exports=e,t.exports.TinyEmitter=e}},e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}return n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n(686)}().default},"object"===o(e)&&"object"===o(t)?t.exports=a():(r=[],void 0===(s="function"==typeof(i=a)?i.apply(e,r):i)||(t.exports=s))},352:function(t,e,n){"use strict";var i=n(353),r=n(351),s=n(354);t.exports=function(t,e){var n,a=r({},e),o=a.sep||"\n\n",_=a.min;return"number"==typeof _&&2!==_&&(n=new RegExp("(\\r\\n|\\n|\\u2424) {"+_+",}")),void 0===n&&(n=a.regex||/(\r\n|\n|\u2424){2,}/g),!0!==a.keepWhitespace&&(t=t.split("\n").map((function(t){return i(t)?t.trim():t})).join("\n")),t=function(t,e){var n=e.trailingNewline;if(!1===n)return t;switch(s(n)){case"string":t=t.replace(/\s+$/,e.trailingNewline);break;case"function":t=e.trailingNewline(t);break;default:t=t.replace(/\s+$/,"\n")}return t}(t,a),t.replace(n,o)}},354:function(t,e,n){var i=n(355),r=Object.prototype.toString;t.exports=function(t){if(void 0===t)return"undefined";if(null===t)return"null";if(!0===t||!1===t||t instanceof Boolean)return"boolean";if("string"==typeof t||t instanceof String)return"string";if("number"==typeof t||t instanceof Number)return"number";if("function"==typeof t||t instanceof Function)return"function";if(void 0!==Array.isArray&&Array.isArray(t))return"array";if(t instanceof RegExp)return"regexp";if(t instanceof Date)return"date";var e=r.call(t);return"[object RegExp]"===e?"regexp":"[object Date]"===e?"date":"[object Arguments]"===e?"arguments":"[object Error]"===e?"error":i(t)?"buffer":"[object Set]"===e?"set":"[object WeakSet]"===e?"weakset":"[object Map]"===e?"map":"[object WeakMap]"===e?"weakmap":"[object Symbol]"===e?"symbol":"[object Int8Array]"===e?"int8array":"[object Uint8Array]"===e?"uint8array":"[object Uint8ClampedArray]"===e?"uint8clampedarray":"[object Int16Array]"===e?"int16array":"[object Uint16Array]"===e?"uint16array":"[object Int32Array]"===e?"int32array":"[object Uint32Array]"===e?"uint32array":"[object Float32Array]"===e?"float32array":"[object Float64Array]"===e?"float64array":"object"}},351:function(t,e,n){"use strict";var i=n(387);function r(t,e){for(var n in e)s(e,n)&&(t[n]=e[n])}function s(t,e){return Object.prototype.hasOwnProperty.call(t,e)}t.exports=function(t){i(t)||(t={});for(var e=arguments.length,n=1;n<e;n++){var s=arguments[n];i(s)&&r(t,s)}return t}},78:function(t,e,n){var i,r,s,a;function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}t=n.nmd(t),a=function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={exports:{},id:i,loaded:!1};return t[i].call(r.exports,r,r.exports,n),r.loaded=!0,r.exports}return n.m=t,n.c=e,n.p="",n(0)}([function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=i(n(2)),s=i(n(45)),a=n(46),o=n(51),_=i(n(52)),u=i(n(49)),p=i(n(44)),l=r.default.create;function h(){var t=l();return t.compile=function(e,n){return o.compile(e,n,t)},t.precompile=function(e,n){return o.precompile(e,n,t)},t.AST=s.default,t.Compiler=o.Compiler,t.JavaScriptCompiler=_.default,t.Parser=a.parser,t.parse=a.parse,t.parseWithoutProcessing=a.parseWithoutProcessing,t}var c=h();c.create=h,p.default(c),c.Visitor=u.default,c.default=c,e.default=c,t.exports=e.default},function(t,e){"use strict";e.default=function(t){return t&&t.__esModule?t:{default:t}},e.__esModule=!0},function(t,e,n){"use strict";var i=n(3).default,r=n(1).default;e.__esModule=!0;var s=i(n(4)),a=r(n(37)),o=r(n(6)),_=i(n(5)),u=i(n(38)),p=r(n(44));function l(){var t=new s.HandlebarsEnvironment;return _.extend(t,s),t.SafeString=a.default,t.Exception=o.default,t.Utils=_,t.escapeExpression=_.escapeExpression,t.VM=u,t.template=function(e){return u.template(e,t)},t}var h=l();h.create=l,p.default(h),h.default=h,e.default=h,t.exports=e.default},function(t,e){"use strict";e.default=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e},e.__esModule=!0},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.HandlebarsEnvironment=l;var r=n(5),s=i(n(6)),a=n(10),o=n(30),_=i(n(32)),u=n(33);e.VERSION="4.7.7",e.COMPILER_REVISION=8,e.LAST_COMPATIBLE_COMPILER_REVISION=7,e.REVISION_CHANGES={1:"<= 1.0.rc.2",2:"== 1.0.0-rc.3",3:"== 1.0.0-rc.4",4:"== 1.x.x",5:"== 2.0.0-alpha.x",6:">= 2.0.0-beta.1",7:">= 4.0.0 <4.3.0",8:">= 4.3.0"};var p="[object Object]";function l(t,e,n){this.helpers=t||{},this.partials=e||{},this.decorators=n||{},a.registerDefaultHelpers(this),o.registerDefaultDecorators(this)}l.prototype={constructor:l,logger:_.default,log:_.default.log,registerHelper:function(t,e){if(r.toString.call(t)===p){if(e)throw new s.default("Arg not supported with multiple helpers");r.extend(this.helpers,t)}else this.helpers[t]=e},unregisterHelper:function(t){delete this.helpers[t]},registerPartial:function(t,e){if(r.toString.call(t)===p)r.extend(this.partials,t);else{if(void 0===e)throw new s.default('Attempting to register a partial called "'+t+'" as undefined');this.partials[t]=e}},unregisterPartial:function(t){delete this.partials[t]},registerDecorator:function(t,e){if(r.toString.call(t)===p){if(e)throw new s.default("Arg not supported with multiple decorators");r.extend(this.decorators,t)}else this.decorators[t]=e},unregisterDecorator:function(t){delete this.decorators[t]},resetLoggedPropertyAccesses:function(){u.resetLoggedProperties()}};var h=_.default.log;e.log=h,e.createFrame=r.createFrame,e.logger=_.default},function(t,e){"use strict";e.__esModule=!0,e.extend=a,e.indexOf=function(t,e){for(var n=0,i=t.length;n<i;n++)if(t[n]===e)return n;return-1},e.escapeExpression=function(t){if("string"!=typeof t){if(t&&t.toHTML)return t.toHTML();if(null==t)return"";if(!t)return t+"";t=""+t}return r.test(t)?t.replace(i,s):t},e.isEmpty=function(t){return!t&&0!==t||!(!p(t)||0!==t.length)},e.createFrame=function(t){var e=a({},t);return e._parent=t,e},e.blockParams=function(t,e){return t.path=e,t},e.appendContextPath=function(t,e){return(t?t+".":"")+e};var n={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;","=":"&#x3D;"},i=/[&<>"'`=]/g,r=/[&<>"'`=]/;function s(t){return n[t]}function a(t){for(var e=1;e<arguments.length;e++)for(var n in arguments[e])Object.prototype.hasOwnProperty.call(arguments[e],n)&&(t[n]=arguments[e][n]);return t}var _=Object.prototype.toString;e.toString=_;var u=function(t){return"function"==typeof t};u(/x/)&&(e.isFunction=u=function(t){return"function"==typeof t&&"[object Function]"===_.call(t)}),e.isFunction=u;var p=Array.isArray||function(t){return!(!t||"object"!==o(t))&&"[object Array]"===_.call(t)};e.isArray=p},function(t,e,n){"use strict";var i=n(7).default;e.__esModule=!0;var r=["description","fileName","lineNumber","endLineNumber","message","name","number","stack"];function s(t,e){var n=e&&e.loc,a=void 0,o=void 0,_=void 0,u=void 0;n&&(a=n.start.line,o=n.end.line,_=n.start.column,u=n.end.column,t+=" - "+a+":"+_);for(var p=Error.prototype.constructor.call(this,t),l=0;l<r.length;l++)this[r[l]]=p[r[l]];Error.captureStackTrace&&Error.captureStackTrace(this,s);try{n&&(this.lineNumber=a,this.endLineNumber=o,i?(Object.defineProperty(this,"column",{value:_,enumerable:!0}),Object.defineProperty(this,"endColumn",{value:u,enumerable:!0})):(this.column=_,this.endColumn=u))}catch(h){}}s.prototype=new Error,e.default=s,t.exports=e.default},function(t,e,n){t.exports={default:n(8),__esModule:!0}},function(t,e,n){var i=n(9);t.exports=function(t,e,n){return i.setDesc(t,e,n)}},function(t,e){var n=Object;t.exports={create:n.create,getProto:n.getPrototypeOf,isEnum:{}.propertyIsEnumerable,getDesc:n.getOwnPropertyDescriptor,setDesc:n.defineProperty,setDescs:n.defineProperties,getKeys:n.keys,getNames:n.getOwnPropertyNames,getSymbols:n.getOwnPropertySymbols,each:[].forEach}},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.registerDefaultHelpers=function(t){r.default(t),s.default(t),a.default(t),o.default(t),_.default(t),u.default(t),p.default(t)},e.moveHelperToHooks=function(t,e,n){t.helpers[e]&&(t.hooks[e]=t.helpers[e],n||delete t.helpers[e])};var r=i(n(11)),s=i(n(12)),a=i(n(25)),o=i(n(26)),_=i(n(27)),u=i(n(28)),p=i(n(29))},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5);e.default=function(t){t.registerHelper("blockHelperMissing",(function(e,n){var r=n.inverse,s=n.fn;if(!0===e)return s(this);if(!1===e||null==e)return r(this);if(i.isArray(e))return e.length>0?(n.ids&&(n.ids=[n.name]),t.helpers.each(e,n)):r(this);if(n.data&&n.ids){var a=i.createFrame(n.data);a.contextPath=i.appendContextPath(n.data.contextPath,n.name),n={data:a}}return s(e,n)}))},t.exports=e.default},function(t,e,n){(function(i){"use strict";var r=n(13).default,s=n(1).default;e.__esModule=!0;var a=n(5),_=s(n(6));e.default=function(t){t.registerHelper("each",(function(t,e){if(!e)throw new _.default("Must pass iterator to #each");var n,s=e.fn,u=e.inverse,p=0,l="",h=void 0,c=void 0;function d(e,n,i){h&&(h.key=e,h.index=n,h.first=0===n,h.last=!!i,c&&(h.contextPath=c+e)),l+=s(t[e],{data:h,blockParams:a.blockParams([t[e],e],[c+e,null])})}if(e.data&&e.ids&&(c=a.appendContextPath(e.data.contextPath,e.ids[0])+"."),a.isFunction(t)&&(t=t.call(this)),e.data&&(h=a.createFrame(e.data)),t&&"object"===o(t))if(a.isArray(t))for(var f=t.length;p<f;p++)p in t&&d(p,p,p===t.length-1);else if(i.Symbol&&t[i.Symbol.iterator]){for(var g=[],m=t[i.Symbol.iterator](),y=m.next();!y.done;y=m.next())g.push(y.value);for(f=(t=g).length;p<f;p++)d(p,p,p===t.length-1)}else n=void 0,r(t).forEach((function(t){void 0!==n&&d(n,p-1),n=t,p++})),void 0!==n&&d(n,p-1,!0);return 0===p&&(l=u(this)),l}))},t.exports=e.default}).call(e,function(){return this}())},function(t,e,n){t.exports={default:n(14),__esModule:!0}},function(t,e,n){n(15),t.exports=n(21).Object.keys},function(t,e,n){var i=n(16);n(18)("keys",(function(t){return function(e){return t(i(e))}}))},function(t,e,n){var i=n(17);t.exports=function(t){return Object(i(t))}},function(t,e){t.exports=function(t){if(null==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e,n){var i=n(19),r=n(21),s=n(24);t.exports=function(t,e){var n=(r.Object||{})[t]||Object[t],a={};a[t]=e(n),i(i.S+i.F*s((function(){n(1)})),"Object",a)}},function(t,e,n){var i=n(20),r=n(21),s=n(22),a="prototype",o=function t(e,n,o){var _,u,p,l=e&t.F,h=e&t.G,c=e&t.S,d=e&t.P,f=e&t.B,g=e&t.W,m=h?r:r[n]||(r[n]={}),y=h?i:c?i[n]:(i[n]||{})[a];for(_ in h&&(o=n),o)(u=!l&&y&&_ in y)&&_ in m||(p=u?y[_]:o[_],m[_]=h&&"function"!=typeof y[_]?o[_]:f&&u?s(p,i):g&&y[_]==p?function(t){var e=function(e){return this instanceof t?new t(e):t(e)};return e[a]=t[a],e}(p):d&&"function"==typeof p?s(Function.call,p):p,d&&((m[a]||(m[a]={}))[_]=p))};o.F=1,o.G=2,o.S=4,o.P=8,o.B=16,o.W=32,t.exports=o},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){var n=t.exports={version:"1.2.6"};"number"==typeof __e&&(__e=n)},function(t,e,n){var i=n(23);t.exports=function(t,e,n){if(i(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,i){return t.call(e,n,i)};case 3:return function(n,i,r){return t.call(e,n,i,r)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){t.exports=function(t){try{return!!t()}catch(e){return!0}}},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=i(n(6));e.default=function(t){t.registerHelper("helperMissing",(function(){if(1!==arguments.length)throw new r.default('Missing helper: "'+arguments[arguments.length-1].name+'"')}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=n(5),s=i(n(6));e.default=function(t){t.registerHelper("if",(function(t,e){if(2!=arguments.length)throw new s.default("#if requires exactly one argument");return r.isFunction(t)&&(t=t.call(this)),!e.hash.includeZero&&!t||r.isEmpty(t)?e.inverse(this):e.fn(this)})),t.registerHelper("unless",(function(e,n){if(2!=arguments.length)throw new s.default("#unless requires exactly one argument");return t.helpers.if.call(this,e,{fn:n.inverse,inverse:n.fn,hash:n.hash})}))},t.exports=e.default},function(t,e){"use strict";e.__esModule=!0,e.default=function(t){t.registerHelper("log",(function(){for(var e=[void 0],n=arguments[arguments.length-1],i=0;i<arguments.length-1;i++)e.push(arguments[i]);var r=1;null!=n.hash.level?r=n.hash.level:n.data&&null!=n.data.level&&(r=n.data.level),e[0]=r,t.log.apply(t,e)}))},t.exports=e.default},function(t,e){"use strict";e.__esModule=!0,e.default=function(t){t.registerHelper("lookup",(function(t,e,n){return t?n.lookupProperty(t,e):t}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=n(5),s=i(n(6));e.default=function(t){t.registerHelper("with",(function(t,e){if(2!=arguments.length)throw new s.default("#with requires exactly one argument");r.isFunction(t)&&(t=t.call(this));var n=e.fn;if(r.isEmpty(t))return e.inverse(this);var i=e.data;return e.data&&e.ids&&((i=r.createFrame(e.data)).contextPath=r.appendContextPath(e.data.contextPath,e.ids[0])),n(t,{data:i,blockParams:r.blockParams([t],[i&&i.contextPath])})}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.registerDefaultDecorators=function(t){r.default(t)};var r=i(n(31))},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5);e.default=function(t){t.registerDecorator("inline",(function(t,e,n,r){var s=t;return e.partials||(e.partials={},s=function(r,s){var a=n.partials;n.partials=i.extend({},a,e.partials);var o=t(r,s);return n.partials=a,o}),e.partials[r.args[0]]=r.fn,s}))},t.exports=e.default},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5),r={methodMap:["debug","info","warn","error"],level:"info",lookupLevel:function(t){if("string"==typeof t){var e=i.indexOf(r.methodMap,t.toLowerCase());t=e>=0?e:parseInt(t,10)}return t},log:function(t){if(t=r.lookupLevel(t),"undefined"!=typeof console&&r.lookupLevel(r.level)<=t){var e=r.methodMap[t];console[e]||(e="log");for(var n=arguments.length,i=Array(n>1?n-1:0),s=1;s<n;s++)i[s-1]=arguments[s];console[e].apply(console,i)}}};e.default=r,t.exports=e.default},function(t,e,n){"use strict";var i=n(34).default,r=n(13).default,s=n(3).default;e.__esModule=!0,e.createProtoAccessControl=function(t){var e=i(null);e.constructor=!1,e.__defineGetter__=!1,e.__defineSetter__=!1,e.__lookupGetter__=!1;var n=i(null);return n.__proto__=!1,{properties:{whitelist:a.createNewLookupObject(n,t.allowedProtoProperties),defaultValue:t.allowProtoPropertiesByDefault},methods:{whitelist:a.createNewLookupObject(e,t.allowedProtoMethods),defaultValue:t.allowProtoMethodsByDefault}}},e.resultIsAllowed=function(t,e,n){return u("function"==typeof t?e.methods:e.properties,n)},e.resetLoggedProperties=function(){r(_).forEach((function(t){delete _[t]}))};var a=n(36),o=s(n(32)),_=i(null);function u(t,e){return void 0!==t.whitelist[e]?!0===t.whitelist[e]:void 0!==t.defaultValue?t.defaultValue:(function(t){!0!==_[t]&&(_[t]=!0,o.log("error",'Handlebars: Access has been denied to resolve the property "'+t+'" because it is not an "own property" of its parent.\nYou can add a runtime option to disable the check or this warning:\nSee https://handlebarsjs.com/api-reference/runtime-options.html#options-to-control-prototype-access for details'))}(e),!1)}},function(t,e,n){t.exports={default:n(35),__esModule:!0}},function(t,e,n){var i=n(9);t.exports=function(t,e){return i.create(t,e)}},function(t,e,n){"use strict";var i=n(34).default;e.__esModule=!0,e.createNewLookupObject=function(){for(var t=arguments.length,e=Array(t),n=0;n<t;n++)e[n]=arguments[n];return r.extend.apply(void 0,[i(null)].concat(e))};var r=n(5)},function(t,e){"use strict";function n(t){this.string=t}e.__esModule=!0,n.prototype.toString=n.prototype.toHTML=function(){return""+this.string},e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(39).default,r=n(13).default,s=n(3).default,a=n(1).default;e.__esModule=!0,e.checkRevision=function(t){var e=t&&t[0]||1,n=p.COMPILER_REVISION;if(!(e>=p.LAST_COMPATIBLE_COMPILER_REVISION&&e<=p.COMPILER_REVISION)){if(e<p.LAST_COMPATIBLE_COMPILER_REVISION){var i=p.REVISION_CHANGES[n],r=p.REVISION_CHANGES[e];throw new u.default("Template was precompiled with an older version of Handlebars than the current runtime. Please update your precompiler to a newer version ("+i+") or downgrade your runtime to an older version ("+r+").")}throw new u.default("Template was precompiled with a newer version of Handlebars than the current runtime. Please update your runtime to a newer version ("+t[1]+").")}},e.template=function(t,e){if(!e)throw new u.default("No environment passed to template");if(!t||!t.main)throw new u.default("Unknown template object: "+o(t));t.main.decorator=t.main_d,e.VM.checkRevision(t.compiler);var n=t.compiler&&7===t.compiler[0],s={strict:function(t,e,n){if(!t||!(e in t))throw new u.default('"'+e+'" not defined in '+t,{loc:n});return s.lookupProperty(t,e)},lookupProperty:function(t,e){var n=t[e];return null==n||Object.prototype.hasOwnProperty.call(t,e)||c.resultIsAllowed(n,s.protoAccessControl,e)?n:void 0},lookup:function(t,e){for(var n=t.length,i=0;i<n;i++)if(null!=(t[i]&&s.lookupProperty(t[i],e)))return t[i][e]},lambda:function(t,e){return"function"==typeof t?t.call(e):t},escapeExpression:_.escapeExpression,invokePartial:function(n,i,r){r.hash&&(i=_.extend({},i,r.hash),r.ids&&(r.ids[0]=!0)),n=e.VM.resolvePartial.call(this,n,i,r);var s=_.extend({},r,{hooks:this.hooks,protoAccessControl:this.protoAccessControl}),a=e.VM.invokePartial.call(this,n,i,s);if(null==a&&e.compile&&(r.partials[r.name]=e.compile(n,t.compilerOptions,e),a=r.partials[r.name](i,s)),null!=a){if(r.indent){for(var o=a.split("\n"),p=0,l=o.length;p<l&&(o[p]||p+1!==l);p++)o[p]=r.indent+o[p];a=o.join("\n")}return a}throw new u.default("The partial "+r.name+" could not be compiled when running in runtime-only mode")},fn:function(e){var n=t[e];return n.decorator=t[e+"_d"],n},programs:[],program:function(t,e,n,i,r){var s=this.programs[t],a=this.fn(t);return e||r||i||n?s=d(this,t,a,e,n,i,r):s||(s=this.programs[t]=d(this,t,a)),s},data:function(t,e){for(;t&&e--;)t=t._parent;return t},mergeIfNeeded:function(t,e){var n=t||e;return t&&e&&t!==e&&(n=_.extend({},e,t)),n},nullContext:i({}),noop:e.VM.noop,compilerInfo:t.compiler};function a(e){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],i=n.data;a._setup(n),!n.partial&&t.useData&&(i=g(e,i));var r=void 0,o=t.useBlockParams?[]:void 0;function _(e){return""+t.main(s,e,s.helpers,s.partials,i,o,r)}return t.useDepths&&(r=n.depths?e!=n.depths[0]?[e].concat(n.depths):n.depths:[e]),(_=m(t.main,_,s,n.depths||[],i,o))(e,n)}return a.isTop=!0,a._setup=function(i){if(i.partial)s.protoAccessControl=i.protoAccessControl,s.helpers=i.helpers,s.partials=i.partials,s.decorators=i.decorators,s.hooks=i.hooks;else{var a=_.extend({},e.helpers,i.helpers);!function(t,e){r(t).forEach((function(n){var i=t[n];t[n]=function(t,e){var n=e.lookupProperty;return h.wrapHelper(t,(function(t){return _.extend({lookupProperty:n},t)}))}(i,e)}))}(a,s),s.helpers=a,t.usePartial&&(s.partials=s.mergeIfNeeded(i.partials,e.partials)),(t.usePartial||t.useDecorators)&&(s.decorators=_.extend({},e.decorators,i.decorators)),s.hooks={},s.protoAccessControl=c.createProtoAccessControl(i);var o=i.allowCallsToHelperMissing||n;l.moveHelperToHooks(s,"helperMissing",o),l.moveHelperToHooks(s,"blockHelperMissing",o)}},a._child=function(e,n,i,r){if(t.useBlockParams&&!i)throw new u.default("must pass block params");if(t.useDepths&&!r)throw new u.default("must pass parent depths");return d(s,e,t[e],n,0,i,r)},a},e.wrapProgram=d,e.resolvePartial=function(t,e,n){return t?t.call||n.name||(n.name=t,t=n.partials[t]):t="@partial-block"===n.name?n.data["partial-block"]:n.partials[n.name],t},e.invokePartial=function(t,e,n){var i=n.data&&n.data["partial-block"];n.partial=!0,n.ids&&(n.data.contextPath=n.ids[0]||n.data.contextPath);var r=void 0;if(n.fn&&n.fn!==f&&function(){n.data=p.createFrame(n.data);var t=n.fn;r=n.data["partial-block"]=function(e){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];return n.data=p.createFrame(n.data),n.data["partial-block"]=i,t(e,n)},t.partials&&(n.partials=_.extend({},n.partials,t.partials))}(),void 0===t&&r&&(t=r),void 0===t)throw new u.default("The partial "+n.name+" could not be found");if(t instanceof Function)return t(e,n)},e.noop=f;var _=s(n(5)),u=a(n(6)),p=n(4),l=n(10),h=n(43),c=n(33);function d(t,e,n,i,r,s,a){function o(e){var r=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],o=a;return!a||e==a[0]||e===t.nullContext&&null===a[0]||(o=[e].concat(a)),n(t,e,t.helpers,t.partials,r.data||i,s&&[r.blockParams].concat(s),o)}return(o=m(n,o,t,a,i,s)).program=e,o.depth=a?a.length:0,o.blockParams=r||0,o}function f(){return""}function g(t,e){return e&&"root"in e||((e=e?p.createFrame(e):{}).root=t),e}function m(t,e,n,i,r,s){if(t.decorator){var a={};e=t.decorator(e,a,n,i&&i[0],r,s,i),_.extend(e,a)}return e}},function(t,e,n){t.exports={default:n(40),__esModule:!0}},function(t,e,n){n(41),t.exports=n(21).Object.seal},function(t,e,n){var i=n(42);n(18)("seal",(function(t){return function(e){return t&&i(e)?t(e):e}}))},function(t,e){t.exports=function(t){return"object"===o(t)?null!==t:"function"==typeof t}},function(t,e){"use strict";e.__esModule=!0,e.wrapHelper=function(t,e){return"function"!=typeof t?t:function(){var n=arguments[arguments.length-1];return arguments[arguments.length-1]=e(n),t.apply(this,arguments)}}},function(t,e){(function(n){"use strict";e.__esModule=!0,e.default=function(t){var e=void 0!==n?n:window,i=e.Handlebars;t.noConflict=function(){return e.Handlebars===t&&(e.Handlebars=i),t}},t.exports=e.default}).call(e,function(){return this}())},function(t,e){"use strict";e.__esModule=!0;var n={helpers:{helperExpression:function(t){return"SubExpression"===t.type||("MustacheStatement"===t.type||"BlockStatement"===t.type)&&!!(t.params&&t.params.length||t.hash)},scopedId:function(t){return/^\.|this\b/.test(t.original)},simpleId:function(t){return 1===t.parts.length&&!n.helpers.scopedId(t)&&!t.depth}}};e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default,r=n(3).default;e.__esModule=!0,e.parseWithoutProcessing=p,e.parse=function(t,e){var n=p(t,e);return new a.default(e).accept(n)};var s=i(n(47)),a=i(n(48)),o=r(n(50)),_=n(5);e.parser=s.default;var u={};function p(t,e){return"Program"===t.type?t:(s.default.yy=u,u.locInfo=function(t){return new u.SourceLocation(e&&e.srcName,t)},s.default.parse(t))}_.extend(u,o)},function(t,e){"use strict";e.__esModule=!0;var n=function(){var t={trace:function(){},yy:{},symbols_:{error:2,root:3,program:4,EOF:5,program_repetition0:6,statement:7,mustache:8,block:9,rawBlock:10,partial:11,partialBlock:12,content:13,COMMENT:14,CONTENT:15,openRawBlock:16,rawBlock_repetition0:17,END_RAW_BLOCK:18,OPEN_RAW_BLOCK:19,helperName:20,openRawBlock_repetition0:21,openRawBlock_option0:22,CLOSE_RAW_BLOCK:23,openBlock:24,block_option0:25,closeBlock:26,openInverse:27,block_option1:28,OPEN_BLOCK:29,openBlock_repetition0:30,openBlock_option0:31,openBlock_option1:32,CLOSE:33,OPEN_INVERSE:34,openInverse_repetition0:35,openInverse_option0:36,openInverse_option1:37,openInverseChain:38,OPEN_INVERSE_CHAIN:39,openInverseChain_repetition0:40,openInverseChain_option0:41,openInverseChain_option1:42,inverseAndProgram:43,INVERSE:44,inverseChain:45,inverseChain_option0:46,OPEN_ENDBLOCK:47,OPEN:48,mustache_repetition0:49,mustache_option0:50,OPEN_UNESCAPED:51,mustache_repetition1:52,mustache_option1:53,CLOSE_UNESCAPED:54,OPEN_PARTIAL:55,partialName:56,partial_repetition0:57,partial_option0:58,openPartialBlock:59,OPEN_PARTIAL_BLOCK:60,openPartialBlock_repetition0:61,openPartialBlock_option0:62,param:63,sexpr:64,OPEN_SEXPR:65,sexpr_repetition0:66,sexpr_option0:67,CLOSE_SEXPR:68,hash:69,hash_repetition_plus0:70,hashSegment:71,ID:72,EQUALS:73,blockParams:74,OPEN_BLOCK_PARAMS:75,blockParams_repetition_plus0:76,CLOSE_BLOCK_PARAMS:77,path:78,dataName:79,STRING:80,NUMBER:81,BOOLEAN:82,UNDEFINED:83,NULL:84,DATA:85,pathSegments:86,SEP:87,$accept:0,$end:1},terminals_:{2:"error",5:"EOF",14:"COMMENT",15:"CONTENT",18:"END_RAW_BLOCK",19:"OPEN_RAW_BLOCK",23:"CLOSE_RAW_BLOCK",29:"OPEN_BLOCK",33:"CLOSE",34:"OPEN_INVERSE",39:"OPEN_INVERSE_CHAIN",44:"INVERSE",47:"OPEN_ENDBLOCK",48:"OPEN",51:"OPEN_UNESCAPED",54:"CLOSE_UNESCAPED",55:"OPEN_PARTIAL",60:"OPEN_PARTIAL_BLOCK",65:"OPEN_SEXPR",68:"CLOSE_SEXPR",72:"ID",73:"EQUALS",75:"OPEN_BLOCK_PARAMS",77:"CLOSE_BLOCK_PARAMS",80:"STRING",81:"NUMBER",82:"BOOLEAN",83:"UNDEFINED",84:"NULL",85:"DATA",87:"SEP"},productions_:[0,[3,2],[4,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[13,1],[10,3],[16,5],[9,4],[9,4],[24,6],[27,6],[38,6],[43,2],[45,3],[45,1],[26,3],[8,5],[8,5],[11,5],[12,3],[59,5],[63,1],[63,1],[64,5],[69,1],[71,3],[74,3],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[56,1],[56,1],[79,2],[78,1],[86,3],[86,1],[6,0],[6,2],[17,0],[17,2],[21,0],[21,2],[22,0],[22,1],[25,0],[25,1],[28,0],[28,1],[30,0],[30,2],[31,0],[31,1],[32,0],[32,1],[35,0],[35,2],[36,0],[36,1],[37,0],[37,1],[40,0],[40,2],[41,0],[41,1],[42,0],[42,1],[46,0],[46,1],[49,0],[49,2],[50,0],[50,1],[52,0],[52,2],[53,0],[53,1],[57,0],[57,2],[58,0],[58,1],[61,0],[61,2],[62,0],[62,1],[66,0],[66,2],[67,0],[67,1],[70,1],[70,2],[76,1],[76,2]],performAction:function(t,e,n,i,r,s,a){var o=s.length-1;switch(r){case 1:return s[o-1];case 2:this.$=i.prepareProgram(s[o]);break;case 3:case 4:case 5:case 6:case 7:case 8:case 20:case 27:case 28:case 33:case 34:case 40:case 41:this.$=s[o];break;case 9:this.$={type:"CommentStatement",value:i.stripComment(s[o]),strip:i.stripFlags(s[o],s[o]),loc:i.locInfo(this._$)};break;case 10:this.$={type:"ContentStatement",original:s[o],value:s[o],loc:i.locInfo(this._$)};break;case 11:this.$=i.prepareRawBlock(s[o-2],s[o-1],s[o],this._$);break;case 12:this.$={path:s[o-3],params:s[o-2],hash:s[o-1]};break;case 13:this.$=i.prepareBlock(s[o-3],s[o-2],s[o-1],s[o],!1,this._$);break;case 14:this.$=i.prepareBlock(s[o-3],s[o-2],s[o-1],s[o],!0,this._$);break;case 15:this.$={open:s[o-5],path:s[o-4],params:s[o-3],hash:s[o-2],blockParams:s[o-1],strip:i.stripFlags(s[o-5],s[o])};break;case 16:case 17:this.$={path:s[o-4],params:s[o-3],hash:s[o-2],blockParams:s[o-1],strip:i.stripFlags(s[o-5],s[o])};break;case 18:this.$={strip:i.stripFlags(s[o-1],s[o-1]),program:s[o]};break;case 19:var _=i.prepareBlock(s[o-2],s[o-1],s[o],s[o],!1,this._$),u=i.prepareProgram([_],s[o-1].loc);u.chained=!0,this.$={strip:s[o-2].strip,program:u,chain:!0};break;case 21:this.$={path:s[o-1],strip:i.stripFlags(s[o-2],s[o])};break;case 22:case 23:this.$=i.prepareMustache(s[o-3],s[o-2],s[o-1],s[o-4],i.stripFlags(s[o-4],s[o]),this._$);break;case 24:this.$={type:"PartialStatement",name:s[o-3],params:s[o-2],hash:s[o-1],indent:"",strip:i.stripFlags(s[o-4],s[o]),loc:i.locInfo(this._$)};break;case 25:this.$=i.preparePartialBlock(s[o-2],s[o-1],s[o],this._$);break;case 26:this.$={path:s[o-3],params:s[o-2],hash:s[o-1],strip:i.stripFlags(s[o-4],s[o])};break;case 29:this.$={type:"SubExpression",path:s[o-3],params:s[o-2],hash:s[o-1],loc:i.locInfo(this._$)};break;case 30:this.$={type:"Hash",pairs:s[o],loc:i.locInfo(this._$)};break;case 31:this.$={type:"HashPair",key:i.id(s[o-2]),value:s[o],loc:i.locInfo(this._$)};break;case 32:this.$=i.id(s[o-1]);break;case 35:this.$={type:"StringLiteral",value:s[o],original:s[o],loc:i.locInfo(this._$)};break;case 36:this.$={type:"NumberLiteral",value:Number(s[o]),original:Number(s[o]),loc:i.locInfo(this._$)};break;case 37:this.$={type:"BooleanLiteral",value:"true"===s[o],original:"true"===s[o],loc:i.locInfo(this._$)};break;case 38:this.$={type:"UndefinedLiteral",original:void 0,value:void 0,loc:i.locInfo(this._$)};break;case 39:this.$={type:"NullLiteral",original:null,value:null,loc:i.locInfo(this._$)};break;case 42:this.$=i.preparePath(!0,s[o],this._$);break;case 43:this.$=i.preparePath(!1,s[o],this._$);break;case 44:s[o-2].push({part:i.id(s[o]),original:s[o],separator:s[o-1]}),this.$=s[o-2];break;case 45:this.$=[{part:i.id(s[o]),original:s[o]}];break;case 46:case 48:case 50:case 58:case 64:case 70:case 78:case 82:case 86:case 90:case 94:this.$=[];break;case 47:case 49:case 51:case 59:case 65:case 71:case 79:case 83:case 87:case 91:case 95:case 99:case 101:s[o-1].push(s[o]);break;case 98:case 100:this.$=[s[o]]}},table:[{3:1,4:2,5:[2,46],6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{1:[3]},{5:[1,4]},{5:[2,2],7:5,8:6,9:7,10:8,11:9,12:10,13:11,14:[1,12],15:[1,20],16:17,19:[1,23],24:15,27:16,29:[1,21],34:[1,22],39:[2,2],44:[2,2],47:[2,2],48:[1,13],51:[1,14],55:[1,18],59:19,60:[1,24]},{1:[2,1]},{5:[2,47],14:[2,47],15:[2,47],19:[2,47],29:[2,47],34:[2,47],39:[2,47],44:[2,47],47:[2,47],48:[2,47],51:[2,47],55:[2,47],60:[2,47]},{5:[2,3],14:[2,3],15:[2,3],19:[2,3],29:[2,3],34:[2,3],39:[2,3],44:[2,3],47:[2,3],48:[2,3],51:[2,3],55:[2,3],60:[2,3]},{5:[2,4],14:[2,4],15:[2,4],19:[2,4],29:[2,4],34:[2,4],39:[2,4],44:[2,4],47:[2,4],48:[2,4],51:[2,4],55:[2,4],60:[2,4]},{5:[2,5],14:[2,5],15:[2,5],19:[2,5],29:[2,5],34:[2,5],39:[2,5],44:[2,5],47:[2,5],48:[2,5],51:[2,5],55:[2,5],60:[2,5]},{5:[2,6],14:[2,6],15:[2,6],19:[2,6],29:[2,6],34:[2,6],39:[2,6],44:[2,6],47:[2,6],48:[2,6],51:[2,6],55:[2,6],60:[2,6]},{5:[2,7],14:[2,7],15:[2,7],19:[2,7],29:[2,7],34:[2,7],39:[2,7],44:[2,7],47:[2,7],48:[2,7],51:[2,7],55:[2,7],60:[2,7]},{5:[2,8],14:[2,8],15:[2,8],19:[2,8],29:[2,8],34:[2,8],39:[2,8],44:[2,8],47:[2,8],48:[2,8],51:[2,8],55:[2,8],60:[2,8]},{5:[2,9],14:[2,9],15:[2,9],19:[2,9],29:[2,9],34:[2,9],39:[2,9],44:[2,9],47:[2,9],48:[2,9],51:[2,9],55:[2,9],60:[2,9]},{20:25,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:36,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:37,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{4:38,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{15:[2,48],17:39,18:[2,48]},{20:41,56:40,64:42,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:44,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{5:[2,10],14:[2,10],15:[2,10],18:[2,10],19:[2,10],29:[2,10],34:[2,10],39:[2,10],44:[2,10],47:[2,10],48:[2,10],51:[2,10],55:[2,10],60:[2,10]},{20:45,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:46,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:47,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:41,56:48,64:42,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[2,78],49:49,65:[2,78],72:[2,78],80:[2,78],81:[2,78],82:[2,78],83:[2,78],84:[2,78],85:[2,78]},{23:[2,33],33:[2,33],54:[2,33],65:[2,33],68:[2,33],72:[2,33],75:[2,33],80:[2,33],81:[2,33],82:[2,33],83:[2,33],84:[2,33],85:[2,33]},{23:[2,34],33:[2,34],54:[2,34],65:[2,34],68:[2,34],72:[2,34],75:[2,34],80:[2,34],81:[2,34],82:[2,34],83:[2,34],84:[2,34],85:[2,34]},{23:[2,35],33:[2,35],54:[2,35],65:[2,35],68:[2,35],72:[2,35],75:[2,35],80:[2,35],81:[2,35],82:[2,35],83:[2,35],84:[2,35],85:[2,35]},{23:[2,36],33:[2,36],54:[2,36],65:[2,36],68:[2,36],72:[2,36],75:[2,36],80:[2,36],81:[2,36],82:[2,36],83:[2,36],84:[2,36],85:[2,36]},{23:[2,37],33:[2,37],54:[2,37],65:[2,37],68:[2,37],72:[2,37],75:[2,37],80:[2,37],81:[2,37],82:[2,37],83:[2,37],84:[2,37],85:[2,37]},{23:[2,38],33:[2,38],54:[2,38],65:[2,38],68:[2,38],72:[2,38],75:[2,38],80:[2,38],81:[2,38],82:[2,38],83:[2,38],84:[2,38],85:[2,38]},{23:[2,39],33:[2,39],54:[2,39],65:[2,39],68:[2,39],72:[2,39],75:[2,39],80:[2,39],81:[2,39],82:[2,39],83:[2,39],84:[2,39],85:[2,39]},{23:[2,43],33:[2,43],54:[2,43],65:[2,43],68:[2,43],72:[2,43],75:[2,43],80:[2,43],81:[2,43],82:[2,43],83:[2,43],84:[2,43],85:[2,43],87:[1,50]},{72:[1,35],86:51},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{52:52,54:[2,82],65:[2,82],72:[2,82],80:[2,82],81:[2,82],82:[2,82],83:[2,82],84:[2,82],85:[2,82]},{25:53,38:55,39:[1,57],43:56,44:[1,58],45:54,47:[2,54]},{28:59,43:60,44:[1,58],47:[2,56]},{13:62,15:[1,20],18:[1,61]},{33:[2,86],57:63,65:[2,86],72:[2,86],80:[2,86],81:[2,86],82:[2,86],83:[2,86],84:[2,86],85:[2,86]},{33:[2,40],65:[2,40],72:[2,40],80:[2,40],81:[2,40],82:[2,40],83:[2,40],84:[2,40],85:[2,40]},{33:[2,41],65:[2,41],72:[2,41],80:[2,41],81:[2,41],82:[2,41],83:[2,41],84:[2,41],85:[2,41]},{20:64,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:65,47:[1,66]},{30:67,33:[2,58],65:[2,58],72:[2,58],75:[2,58],80:[2,58],81:[2,58],82:[2,58],83:[2,58],84:[2,58],85:[2,58]},{33:[2,64],35:68,65:[2,64],72:[2,64],75:[2,64],80:[2,64],81:[2,64],82:[2,64],83:[2,64],84:[2,64],85:[2,64]},{21:69,23:[2,50],65:[2,50],72:[2,50],80:[2,50],81:[2,50],82:[2,50],83:[2,50],84:[2,50],85:[2,50]},{33:[2,90],61:70,65:[2,90],72:[2,90],80:[2,90],81:[2,90],82:[2,90],83:[2,90],84:[2,90],85:[2,90]},{20:74,33:[2,80],50:71,63:72,64:75,65:[1,43],69:73,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{72:[1,79]},{23:[2,42],33:[2,42],54:[2,42],65:[2,42],68:[2,42],72:[2,42],75:[2,42],80:[2,42],81:[2,42],82:[2,42],83:[2,42],84:[2,42],85:[2,42],87:[1,50]},{20:74,53:80,54:[2,84],63:81,64:75,65:[1,43],69:82,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:83,47:[1,66]},{47:[2,55]},{4:84,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{47:[2,20]},{20:85,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:86,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{26:87,47:[1,66]},{47:[2,57]},{5:[2,11],14:[2,11],15:[2,11],19:[2,11],29:[2,11],34:[2,11],39:[2,11],44:[2,11],47:[2,11],48:[2,11],51:[2,11],55:[2,11],60:[2,11]},{15:[2,49],18:[2,49]},{20:74,33:[2,88],58:88,63:89,64:75,65:[1,43],69:90,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{65:[2,94],66:91,68:[2,94],72:[2,94],80:[2,94],81:[2,94],82:[2,94],83:[2,94],84:[2,94],85:[2,94]},{5:[2,25],14:[2,25],15:[2,25],19:[2,25],29:[2,25],34:[2,25],39:[2,25],44:[2,25],47:[2,25],48:[2,25],51:[2,25],55:[2,25],60:[2,25]},{20:92,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,31:93,33:[2,60],63:94,64:75,65:[1,43],69:95,70:76,71:77,72:[1,78],75:[2,60],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,33:[2,66],36:96,63:97,64:75,65:[1,43],69:98,70:76,71:77,72:[1,78],75:[2,66],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,22:99,23:[2,52],63:100,64:75,65:[1,43],69:101,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,33:[2,92],62:102,63:103,64:75,65:[1,43],69:104,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,105]},{33:[2,79],65:[2,79],72:[2,79],80:[2,79],81:[2,79],82:[2,79],83:[2,79],84:[2,79],85:[2,79]},{33:[2,81]},{23:[2,27],33:[2,27],54:[2,27],65:[2,27],68:[2,27],72:[2,27],75:[2,27],80:[2,27],81:[2,27],82:[2,27],83:[2,27],84:[2,27],85:[2,27]},{23:[2,28],33:[2,28],54:[2,28],65:[2,28],68:[2,28],72:[2,28],75:[2,28],80:[2,28],81:[2,28],82:[2,28],83:[2,28],84:[2,28],85:[2,28]},{23:[2,30],33:[2,30],54:[2,30],68:[2,30],71:106,72:[1,107],75:[2,30]},{23:[2,98],33:[2,98],54:[2,98],68:[2,98],72:[2,98],75:[2,98]},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],73:[1,108],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{23:[2,44],33:[2,44],54:[2,44],65:[2,44],68:[2,44],72:[2,44],75:[2,44],80:[2,44],81:[2,44],82:[2,44],83:[2,44],84:[2,44],85:[2,44],87:[2,44]},{54:[1,109]},{54:[2,83],65:[2,83],72:[2,83],80:[2,83],81:[2,83],82:[2,83],83:[2,83],84:[2,83],85:[2,83]},{54:[2,85]},{5:[2,13],14:[2,13],15:[2,13],19:[2,13],29:[2,13],34:[2,13],39:[2,13],44:[2,13],47:[2,13],48:[2,13],51:[2,13],55:[2,13],60:[2,13]},{38:55,39:[1,57],43:56,44:[1,58],45:111,46:110,47:[2,76]},{33:[2,70],40:112,65:[2,70],72:[2,70],75:[2,70],80:[2,70],81:[2,70],82:[2,70],83:[2,70],84:[2,70],85:[2,70]},{47:[2,18]},{5:[2,14],14:[2,14],15:[2,14],19:[2,14],29:[2,14],34:[2,14],39:[2,14],44:[2,14],47:[2,14],48:[2,14],51:[2,14],55:[2,14],60:[2,14]},{33:[1,113]},{33:[2,87],65:[2,87],72:[2,87],80:[2,87],81:[2,87],82:[2,87],83:[2,87],84:[2,87],85:[2,87]},{33:[2,89]},{20:74,63:115,64:75,65:[1,43],67:114,68:[2,96],69:116,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,117]},{32:118,33:[2,62],74:119,75:[1,120]},{33:[2,59],65:[2,59],72:[2,59],75:[2,59],80:[2,59],81:[2,59],82:[2,59],83:[2,59],84:[2,59],85:[2,59]},{33:[2,61],75:[2,61]},{33:[2,68],37:121,74:122,75:[1,120]},{33:[2,65],65:[2,65],72:[2,65],75:[2,65],80:[2,65],81:[2,65],82:[2,65],83:[2,65],84:[2,65],85:[2,65]},{33:[2,67],75:[2,67]},{23:[1,123]},{23:[2,51],65:[2,51],72:[2,51],80:[2,51],81:[2,51],82:[2,51],83:[2,51],84:[2,51],85:[2,51]},{23:[2,53]},{33:[1,124]},{33:[2,91],65:[2,91],72:[2,91],80:[2,91],81:[2,91],82:[2,91],83:[2,91],84:[2,91],85:[2,91]},{33:[2,93]},{5:[2,22],14:[2,22],15:[2,22],19:[2,22],29:[2,22],34:[2,22],39:[2,22],44:[2,22],47:[2,22],48:[2,22],51:[2,22],55:[2,22],60:[2,22]},{23:[2,99],33:[2,99],54:[2,99],68:[2,99],72:[2,99],75:[2,99]},{73:[1,108]},{20:74,63:125,64:75,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,23],14:[2,23],15:[2,23],19:[2,23],29:[2,23],34:[2,23],39:[2,23],44:[2,23],47:[2,23],48:[2,23],51:[2,23],55:[2,23],60:[2,23]},{47:[2,19]},{47:[2,77]},{20:74,33:[2,72],41:126,63:127,64:75,65:[1,43],69:128,70:76,71:77,72:[1,78],75:[2,72],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,24],14:[2,24],15:[2,24],19:[2,24],29:[2,24],34:[2,24],39:[2,24],44:[2,24],47:[2,24],48:[2,24],51:[2,24],55:[2,24],60:[2,24]},{68:[1,129]},{65:[2,95],68:[2,95],72:[2,95],80:[2,95],81:[2,95],82:[2,95],83:[2,95],84:[2,95],85:[2,95]},{68:[2,97]},{5:[2,21],14:[2,21],15:[2,21],19:[2,21],29:[2,21],34:[2,21],39:[2,21],44:[2,21],47:[2,21],48:[2,21],51:[2,21],55:[2,21],60:[2,21]},{33:[1,130]},{33:[2,63]},{72:[1,132],76:131},{33:[1,133]},{33:[2,69]},{15:[2,12],18:[2,12]},{14:[2,26],15:[2,26],19:[2,26],29:[2,26],34:[2,26],47:[2,26],48:[2,26],51:[2,26],55:[2,26],60:[2,26]},{23:[2,31],33:[2,31],54:[2,31],68:[2,31],72:[2,31],75:[2,31]},{33:[2,74],42:134,74:135,75:[1,120]},{33:[2,71],65:[2,71],72:[2,71],75:[2,71],80:[2,71],81:[2,71],82:[2,71],83:[2,71],84:[2,71],85:[2,71]},{33:[2,73],75:[2,73]},{23:[2,29],33:[2,29],54:[2,29],65:[2,29],68:[2,29],72:[2,29],75:[2,29],80:[2,29],81:[2,29],82:[2,29],83:[2,29],84:[2,29],85:[2,29]},{14:[2,15],15:[2,15],19:[2,15],29:[2,15],34:[2,15],39:[2,15],44:[2,15],47:[2,15],48:[2,15],51:[2,15],55:[2,15],60:[2,15]},{72:[1,137],77:[1,136]},{72:[2,100],77:[2,100]},{14:[2,16],15:[2,16],19:[2,16],29:[2,16],34:[2,16],44:[2,16],47:[2,16],48:[2,16],51:[2,16],55:[2,16],60:[2,16]},{33:[1,138]},{33:[2,75]},{33:[2,32]},{72:[2,101],77:[2,101]},{14:[2,17],15:[2,17],19:[2,17],29:[2,17],34:[2,17],39:[2,17],44:[2,17],47:[2,17],48:[2,17],51:[2,17],55:[2,17],60:[2,17]}],defaultActions:{4:[2,1],54:[2,55],56:[2,20],60:[2,57],73:[2,81],82:[2,85],86:[2,18],90:[2,89],101:[2,53],104:[2,93],110:[2,19],111:[2,77],116:[2,97],119:[2,63],122:[2,69],135:[2,75],136:[2,32]},parseError:function(t,e){throw new Error(t)},parse:function(t){var e=this,n=[0],i=[null],r=[],s=this.table,a="",o=0,_=0,u=0;this.lexer.setInput(t),this.lexer.yy=this.yy,this.yy.lexer=this.lexer,this.yy.parser=this,void 0===this.lexer.yylloc&&(this.lexer.yylloc={});var p=this.lexer.yylloc;r.push(p);var l=this.lexer.options&&this.lexer.options.ranges;"function"==typeof this.yy.parseError&&(this.parseError=this.yy.parseError);for(var h,c,d,f,g,m,y,b,v,k,w={};;){if(d=n[n.length-1],this.defaultActions[d]?f=this.defaultActions[d]:(null==h&&(k=void 0,"number"!=typeof(k=e.lexer.lex()||1)&&(k=e.symbols_[k]||k),h=k),f=s[d]&&s[d][h]),void 0===f||!f.length||!f[0]){var x="";if(!u){for(m in v=[],s[d])this.terminals_[m]&&m>2&&v.push("'"+this.terminals_[m]+"'");x=this.lexer.showPosition?"Parse error on line "+(o+1)+":\n"+this.lexer.showPosition()+"\nExpecting "+v.join(", ")+", got '"+(this.terminals_[h]||h)+"'":"Parse error on line "+(o+1)+": Unexpected "+(1==h?"end of input":"'"+(this.terminals_[h]||h)+"'"),this.parseError(x,{text:this.lexer.match,token:this.terminals_[h]||h,line:this.lexer.yylineno,loc:p,expected:v})}}if(f[0]instanceof Array&&f.length>1)throw new Error("Parse Error: multiple actions possible at state: "+d+", token: "+h);switch(f[0]){case 1:n.push(h),i.push(this.lexer.yytext),r.push(this.lexer.yylloc),n.push(f[1]),h=null,c?(h=c,c=null):(_=this.lexer.yyleng,a=this.lexer.yytext,o=this.lexer.yylineno,p=this.lexer.yylloc,u>0&&u--);break;case 2:if(y=this.productions_[f[1]][1],w.$=i[i.length-y],w._$={first_line:r[r.length-(y||1)].first_line,last_line:r[r.length-1].last_line,first_column:r[r.length-(y||1)].first_column,last_column:r[r.length-1].last_column},l&&(w._$.range=[r[r.length-(y||1)].range[0],r[r.length-1].range[1]]),void 0!==(g=this.performAction.call(w,a,_,o,this.yy,f[1],i,r)))return g;y&&(n=n.slice(0,-1*y*2),i=i.slice(0,-1*y),r=r.slice(0,-1*y)),n.push(this.productions_[f[1]][0]),i.push(w.$),r.push(w._$),b=s[n[n.length-2]][n[n.length-1]],n.push(b);break;case 3:return!0}}return!0}},e=function(){var t={EOF:1,parseError:function(t,e){if(!this.yy.parser)throw new Error(t);this.yy.parser.parseError(t,e)},setInput:function(t){return this._input=t,this._more=this._less=this.done=!1,this.yylineno=this.yyleng=0,this.yytext=this.matched=this.match="",this.conditionStack=["INITIAL"],this.yylloc={first_line:1,first_column:0,last_line:1,last_column:0},this.options.ranges&&(this.yylloc.range=[0,0]),this.offset=0,this},input:function(){var t=this._input[0];return this.yytext+=t,this.yyleng++,this.offset++,this.match+=t,this.matched+=t,t.match(/(?:\r\n?|\n).*/g)?(this.yylineno++,this.yylloc.last_line++):this.yylloc.last_column++,this.options.ranges&&this.yylloc.range[1]++,this._input=this._input.slice(1),t},unput:function(t){var e=t.length,n=t.split(/(?:\r\n?|\n)/g);this._input=t+this._input,this.yytext=this.yytext.substr(0,this.yytext.length-e-1),this.offset-=e;var i=this.match.split(/(?:\r\n?|\n)/g);this.match=this.match.substr(0,this.match.length-1),this.matched=this.matched.substr(0,this.matched.length-1),n.length-1&&(this.yylineno-=n.length-1);var r=this.yylloc.range;return this.yylloc={first_line:this.yylloc.first_line,last_line:this.yylineno+1,first_column:this.yylloc.first_column,last_column:n?(n.length===i.length?this.yylloc.first_column:0)+i[i.length-n.length].length-n[0].length:this.yylloc.first_column-e},this.options.ranges&&(this.yylloc.range=[r[0],r[0]+this.yyleng-e]),this},more:function(){return this._more=!0,this},less:function(t){this.unput(this.match.slice(t))},pastInput:function(){var t=this.matched.substr(0,this.matched.length-this.match.length);return(t.length>20?"...":"")+t.substr(-20).replace(/\n/g,"")},upcomingInput:function(){var t=this.match;return t.length<20&&(t+=this._input.substr(0,20-t.length)),(t.substr(0,20)+(t.length>20?"...":"")).replace(/\n/g,"")},showPosition:function(){var t=this.pastInput(),e=new Array(t.length+1).join("-");return t+this.upcomingInput()+"\n"+e+"^"},next:function(){if(this.done)return this.EOF;var t,e,n,i,r;this._input||(this.done=!0),this._more||(this.yytext="",this.match="");for(var s=this._currentRules(),a=0;a<s.length&&(!(n=this._input.match(this.rules[s[a]]))||e&&!(n[0].length>e[0].length)||(e=n,i=a,this.options.flex));a++);return e?((r=e[0].match(/(?:\r\n?|\n).*/g))&&(this.yylineno+=r.length),this.yylloc={first_line:this.yylloc.last_line,last_line:this.yylineno+1,first_column:this.yylloc.last_column,last_column:r?r[r.length-1].length-r[r.length-1].match(/\r?\n?/)[0].length:this.yylloc.last_column+e[0].length},this.yytext+=e[0],this.match+=e[0],this.matches=e,this.yyleng=this.yytext.length,this.options.ranges&&(this.yylloc.range=[this.offset,this.offset+=this.yyleng]),this._more=!1,this._input=this._input.slice(e[0].length),this.matched+=e[0],t=this.performAction.call(this,this.yy,this,s[i],this.conditionStack[this.conditionStack.length-1]),this.done&&this._input&&(this.done=!1),t||void 0):""===this._input?this.EOF:this.parseError("Lexical error on line "+(this.yylineno+1)+". Unrecognized text.\n"+this.showPosition(),{text:"",token:null,line:this.yylineno})},lex:function(){var t=this.next();return void 0!==t?t:this.lex()},begin:function(t){this.conditionStack.push(t)},popState:function(){return this.conditionStack.pop()},_currentRules:function(){return this.conditions[this.conditionStack[this.conditionStack.length-1]].rules},topState:function(){return this.conditionStack[this.conditionStack.length-2]},pushState:function(t){this.begin(t)},options:{},performAction:function(t,e,n,i){function r(t,n){return e.yytext=e.yytext.substring(t,e.yyleng-n+t)}switch(n){case 0:if("\\\\"===e.yytext.slice(-2)?(r(0,1),this.begin("mu")):"\\"===e.yytext.slice(-1)?(r(0,1),this.begin("emu")):this.begin("mu"),e.yytext)return 15;break;case 1:case 5:return 15;case 2:return this.popState(),15;case 3:return this.begin("raw"),15;case 4:return this.popState(),"raw"===this.conditionStack[this.conditionStack.length-1]?15:(r(5,9),"END_RAW_BLOCK");case 6:case 22:return this.popState(),14;case 7:return 65;case 8:return 68;case 9:return 19;case 10:return this.popState(),this.begin("raw"),23;case 11:return 55;case 12:return 60;case 13:return 29;case 14:return 47;case 15:case 16:return this.popState(),44;case 17:return 34;case 18:return 39;case 19:return 51;case 20:case 23:return 48;case 21:this.unput(e.yytext),this.popState(),this.begin("com");break;case 24:return 73;case 25:case 26:case 41:return 72;case 27:return 87;case 28:break;case 29:return this.popState(),54;case 30:return this.popState(),33;case 31:return e.yytext=r(1,2).replace(/\\"/g,'"'),80;case 32:return e.yytext=r(1,2).replace(/\\'/g,"'"),80;case 33:return 85;case 34:case 35:return 82;case 36:return 83;case 37:return 84;case 38:return 81;case 39:return 75;case 40:return 77;case 42:return e.yytext=e.yytext.replace(/\\([\\\]])/g,"$1"),72;case 43:return"INVALID";case 44:return 5}},rules:[/^(?:[^\x00]*?(?=(\{\{)))/,/^(?:[^\x00]+)/,/^(?:[^\x00]{2,}?(?=(\{\{|\\\{\{|\\\\\{\{|$)))/,/^(?:\{\{\{\{(?=[^\/]))/,/^(?:\{\{\{\{\/[^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=[=}\s\/.])\}\}\}\})/,/^(?:[^\x00]+?(?=(\{\{\{\{)))/,/^(?:[\s\S]*?--(~)?\}\})/,/^(?:\()/,/^(?:\))/,/^(?:\{\{\{\{)/,/^(?:\}\}\}\})/,/^(?:\{\{(~)?>)/,/^(?:\{\{(~)?#>)/,/^(?:\{\{(~)?#\*?)/,/^(?:\{\{(~)?\/)/,/^(?:\{\{(~)?\^\s*(~)?\}\})/,/^(?:\{\{(~)?\s*else\s*(~)?\}\})/,/^(?:\{\{(~)?\^)/,/^(?:\{\{(~)?\s*else\b)/,/^(?:\{\{(~)?\{)/,/^(?:\{\{(~)?&)/,/^(?:\{\{(~)?!--)/,/^(?:\{\{(~)?![\s\S]*?\}\})/,/^(?:\{\{(~)?\*?)/,/^(?:=)/,/^(?:\.\.)/,/^(?:\.(?=([=~}\s\/.)|])))/,/^(?:[\/.])/,/^(?:\s+)/,/^(?:\}(~)?\}\})/,/^(?:(~)?\}\})/,/^(?:"(\\["]|[^"])*")/,/^(?:'(\\[']|[^'])*')/,/^(?:@)/,/^(?:true(?=([~}\s)])))/,/^(?:false(?=([~}\s)])))/,/^(?:undefined(?=([~}\s)])))/,/^(?:null(?=([~}\s)])))/,/^(?:-?[0-9]+(?:\.[0-9]+)?(?=([~}\s)])))/,/^(?:as\s+\|)/,/^(?:\|)/,/^(?:([^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=([=~}\s\/.)|]))))/,/^(?:\[(\\\]|[^\]])*\])/,/^(?:.)/,/^(?:$)/],conditions:{mu:{rules:[7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],inclusive:!1},emu:{rules:[2],inclusive:!1},com:{rules:[6],inclusive:!1},raw:{rules:[3,4,5],inclusive:!1},INITIAL:{rules:[0,1,44],inclusive:!0}}};return t}();function n(){this.yy={}}return t.lexer=e,n.prototype=t,t.Parser=n,new n}();e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=i(n(49));function s(){var t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.options=t}function a(t,e,n){void 0===e&&(e=t.length);var i=t[e-1],r=t[e-2];return i?"ContentStatement"===i.type?(r||!n?/\r?\n\s*?$/:/(^|\r?\n)\s*?$/).test(i.original):void 0:n}function o(t,e,n){void 0===e&&(e=-1);var i=t[e+1],r=t[e+2];return i?"ContentStatement"===i.type?(r||!n?/^\s*?\r?\n/:/^\s*?(\r?\n|$)/).test(i.original):void 0:n}function _(t,e,n){var i=t[null==e?0:e+1];if(i&&"ContentStatement"===i.type&&(n||!i.rightStripped)){var r=i.value;i.value=i.value.replace(n?/^\s+/:/^[ \t]*\r?\n?/,""),i.rightStripped=i.value!==r}}function u(t,e,n){var i=t[null==e?t.length-1:e-1];if(i&&"ContentStatement"===i.type&&(n||!i.leftStripped)){var r=i.value;return i.value=i.value.replace(n?/\s+$/:/[ \t]+$/,""),i.leftStripped=i.value!==r,i.leftStripped}}s.prototype=new r.default,s.prototype.Program=function(t){var e=!this.options.ignoreStandalone,n=!this.isRootSeen;this.isRootSeen=!0;for(var i=t.body,r=0,s=i.length;r<s;r++){var p=i[r],l=this.accept(p);if(l){var h=a(i,r,n),c=o(i,r,n),d=l.openStandalone&&h,f=l.closeStandalone&&c,g=l.inlineStandalone&&h&&c;l.close&&_(i,r,!0),l.open&&u(i,r,!0),e&&g&&(_(i,r),u(i,r)&&"PartialStatement"===p.type&&(p.indent=/([ \t]+$)/.exec(i[r-1].original)[1])),e&&d&&(_((p.program||p.inverse).body),u(i,r)),e&&f&&(_(i,r),u((p.inverse||p.program).body))}}return t},s.prototype.BlockStatement=s.prototype.DecoratorBlock=s.prototype.PartialBlockStatement=function(t){this.accept(t.program),this.accept(t.inverse);var e=t.program||t.inverse,n=t.program&&t.inverse,i=n,r=n;if(n&&n.chained)for(i=n.body[0].program;r.chained;)r=r.body[r.body.length-1].program;var s={open:t.openStrip.open,close:t.closeStrip.close,openStandalone:o(e.body),closeStandalone:a((i||e).body)};if(t.openStrip.close&&_(e.body,null,!0),n){var p=t.inverseStrip;p.open&&u(e.body,null,!0),p.close&&_(i.body,null,!0),t.closeStrip.open&&u(r.body,null,!0),!this.options.ignoreStandalone&&a(e.body)&&o(i.body)&&(u(e.body),_(i.body))}else t.closeStrip.open&&u(e.body,null,!0);return s},s.prototype.Decorator=s.prototype.MustacheStatement=function(t){return t.strip},s.prototype.PartialStatement=s.prototype.CommentStatement=function(t){var e=t.strip||{};return{inlineStandalone:!0,open:e.open,close:e.close}},e.default=s,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=i(n(6));function s(){this.parents=[]}function a(t){this.acceptRequired(t,"path"),this.acceptArray(t.params),this.acceptKey(t,"hash")}function o(t){a.call(this,t),this.acceptKey(t,"program"),this.acceptKey(t,"inverse")}function _(t){this.acceptRequired(t,"name"),this.acceptArray(t.params),this.acceptKey(t,"hash")}s.prototype={constructor:s,mutating:!1,acceptKey:function(t,e){var n=this.accept(t[e]);if(this.mutating){if(n&&!s.prototype[n.type])throw new r.default('Unexpected node type "'+n.type+'" found when accepting '+e+" on "+t.type);t[e]=n}},acceptRequired:function(t,e){if(this.acceptKey(t,e),!t[e])throw new r.default(t.type+" requires "+e)},acceptArray:function(t){for(var e=0,n=t.length;e<n;e++)this.acceptKey(t,e),t[e]||(t.splice(e,1),e--,n--)},accept:function(t){if(t){if(!this[t.type])throw new r.default("Unknown type: "+t.type,t);this.current&&this.parents.unshift(this.current),this.current=t;var e=this[t.type](t);return this.current=this.parents.shift(),!this.mutating||e?e:!1!==e?t:void 0}},Program:function(t){this.acceptArray(t.body)},MustacheStatement:a,Decorator:a,BlockStatement:o,DecoratorBlock:o,PartialStatement:_,PartialBlockStatement:function(t){_.call(this,t),this.acceptKey(t,"program")},ContentStatement:function(){},CommentStatement:function(){},SubExpression:a,PathExpression:function(){},StringLiteral:function(){},NumberLiteral:function(){},BooleanLiteral:function(){},UndefinedLiteral:function(){},NullLiteral:function(){},Hash:function(t){this.acceptArray(t.pairs)},HashPair:function(t){this.acceptRequired(t,"value")}},e.default=s,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.SourceLocation=function(t,e){this.source=t,this.start={line:e.first_line,column:e.first_column},this.end={line:e.last_line,column:e.last_column}},e.id=function(t){return/^\[.*\]$/.test(t)?t.substring(1,t.length-1):t},e.stripFlags=function(t,e){return{open:"~"===t.charAt(2),close:"~"===e.charAt(e.length-3)}},e.stripComment=function(t){return t.replace(/^\{\{~?!-?-?/,"").replace(/-?-?~?\}\}$/,"")},e.preparePath=function(t,e,n){n=this.locInfo(n);for(var i=t?"@":"",s=[],a=0,o=0,_=e.length;o<_;o++){var u=e[o].part,p=e[o].original!==u;if(i+=(e[o].separator||"")+u,p||".."!==u&&"."!==u&&"this"!==u)s.push(u);else{if(s.length>0)throw new r.default("Invalid path: "+i,{loc:n});".."===u&&a++}}return{type:"PathExpression",data:t,depth:a,parts:s,original:i,loc:n}},e.prepareMustache=function(t,e,n,i,r,s){var a=i.charAt(3)||i.charAt(2),o="{"!==a&&"&"!==a;return{type:/\*/.test(i)?"Decorator":"MustacheStatement",path:t,params:e,hash:n,escaped:o,strip:r,loc:this.locInfo(s)}},e.prepareRawBlock=function(t,e,n,i){s(t,n),i=this.locInfo(i);var r={type:"Program",body:e,strip:{},loc:i};return{type:"BlockStatement",path:t.path,params:t.params,hash:t.hash,program:r,openStrip:{},inverseStrip:{},closeStrip:{},loc:i}},e.prepareBlock=function(t,e,n,i,a,o){i&&i.path&&s(t,i);var _=/\*/.test(t.open);e.blockParams=t.blockParams;var u=void 0,p=void 0;if(n){if(_)throw new r.default("Unexpected inverse block on decorator",n);n.chain&&(n.program.body[0].closeStrip=i.strip),p=n.strip,u=n.program}return a&&(a=u,u=e,e=a),{type:_?"DecoratorBlock":"BlockStatement",path:t.path,params:t.params,hash:t.hash,program:e,inverse:u,openStrip:t.strip,inverseStrip:p,closeStrip:i&&i.strip,loc:this.locInfo(o)}},e.prepareProgram=function(t,e){if(!e&&t.length){var n=t[0].loc,i=t[t.length-1].loc;n&&i&&(e={source:n.source,start:{line:n.start.line,column:n.start.column},end:{line:i.end.line,column:i.end.column}})}return{type:"Program",body:t,strip:{},loc:e}},e.preparePartialBlock=function(t,e,n,i){return s(t,n),{type:"PartialBlockStatement",name:t.path,params:t.params,hash:t.hash,program:e,openStrip:t.strip,closeStrip:n&&n.strip,loc:this.locInfo(i)}};var r=i(n(6));function s(t,e){if(e=e.path?e.path.original:e,t.path.original!==e){var n={loc:t.path.loc};throw new r.default(t.path.original+" doesn't match "+e,n)}}},function(t,e,n){"use strict";var i=n(34).default,r=n(1).default;e.__esModule=!0,e.Compiler=u,e.precompile=function(t,e,n){if(null==t||"string"!=typeof t&&"Program"!==t.type)throw new s.default("You must pass a string or Handlebars AST to Handlebars.precompile. You passed "+t);"data"in(e=e||{})||(e.data=!0),e.compat&&(e.useDepths=!0);var i=n.parse(t,e),r=(new n.Compiler).compile(i,e);return(new n.JavaScriptCompiler).compile(r,e)},e.compile=function(t,e,n){if(void 0===e&&(e={}),null==t||"string"!=typeof t&&"Program"!==t.type)throw new s.default("You must pass a string or Handlebars AST to Handlebars.compile. You passed "+t);"data"in(e=a.extend({},e))||(e.data=!0),e.compat&&(e.useDepths=!0);var i=void 0;function r(){var i=n.parse(t,e),r=(new n.Compiler).compile(i,e),s=(new n.JavaScriptCompiler).compile(r,e,void 0,!0);return n.template(s)}function o(t,e){return i||(i=r()),i.call(this,t,e)}return o._setup=function(t){return i||(i=r()),i._setup(t)},o._child=function(t,e,n,s){return i||(i=r()),i._child(t,e,n,s)},o};var s=r(n(6)),a=n(5),o=r(n(45)),_=[].slice;function u(){}function p(t,e){if(t===e)return!0;if(a.isArray(t)&&a.isArray(e)&&t.length===e.length){for(var n=0;n<t.length;n++)if(!p(t[n],e[n]))return!1;return!0}}function l(t){if(!t.path.parts){var e=t.path;t.path={type:"PathExpression",data:!1,depth:0,parts:[e.original+""],original:e.original+"",loc:e.loc}}}u.prototype={compiler:u,equals:function(t){var e=this.opcodes.length;if(t.opcodes.length!==e)return!1;for(var n=0;n<e;n++){var i=this.opcodes[n],r=t.opcodes[n];if(i.opcode!==r.opcode||!p(i.args,r.args))return!1}for(e=this.children.length,n=0;n<e;n++)if(!this.children[n].equals(t.children[n]))return!1;return!0},guid:0,compile:function(t,e){return this.sourceNode=[],this.opcodes=[],this.children=[],this.options=e,this.stringParams=e.stringParams,this.trackIds=e.trackIds,e.blockParams=e.blockParams||[],e.knownHelpers=a.extend(i(null),{helperMissing:!0,blockHelperMissing:!0,each:!0,if:!0,unless:!0,with:!0,log:!0,lookup:!0},e.knownHelpers),this.accept(t)},compileProgram:function(t){var e=(new this.compiler).compile(t,this.options),n=this.guid++;return this.usePartial=this.usePartial||e.usePartial,this.children[n]=e,this.useDepths=this.useDepths||e.useDepths,n},accept:function(t){if(!this[t.type])throw new s.default("Unknown type: "+t.type,t);this.sourceNode.unshift(t);var e=this[t.type](t);return this.sourceNode.shift(),e},Program:function(t){this.options.blockParams.unshift(t.blockParams);for(var e=t.body,n=e.length,i=0;i<n;i++)this.accept(e[i]);return this.options.blockParams.shift(),this.isSimple=1===n,this.blockParams=t.blockParams?t.blockParams.length:0,this},BlockStatement:function(t){l(t);var e=t.program,n=t.inverse;e=e&&this.compileProgram(e),n=n&&this.compileProgram(n);var i=this.classifySexpr(t);"helper"===i?this.helperSexpr(t,e,n):"simple"===i?(this.simpleSexpr(t),this.opcode("pushProgram",e),this.opcode("pushProgram",n),this.opcode("emptyHash"),this.opcode("blockValue",t.path.original)):(this.ambiguousSexpr(t,e,n),this.opcode("pushProgram",e),this.opcode("pushProgram",n),this.opcode("emptyHash"),this.opcode("ambiguousBlockValue")),this.opcode("append")},DecoratorBlock:function(t){var e=t.program&&this.compileProgram(t.program),n=this.setupFullMustacheParams(t,e,void 0),i=t.path;this.useDecorators=!0,this.opcode("registerDecorator",n.length,i.original)},PartialStatement:function(t){this.usePartial=!0;var e=t.program;e&&(e=this.compileProgram(t.program));var n=t.params;if(n.length>1)throw new s.default("Unsupported number of partial arguments: "+n.length,t);n.length||(this.options.explicitPartialContext?this.opcode("pushLiteral","undefined"):n.push({type:"PathExpression",parts:[],depth:0}));var i=t.name.original,r="SubExpression"===t.name.type;r&&this.accept(t.name),this.setupFullMustacheParams(t,e,void 0,!0);var a=t.indent||"";this.options.preventIndent&&a&&(this.opcode("appendContent",a),a=""),this.opcode("invokePartial",r,i,a),this.opcode("append")},PartialBlockStatement:function(t){this.PartialStatement(t)},MustacheStatement:function(t){this.SubExpression(t),t.escaped&&!this.options.noEscape?this.opcode("appendEscaped"):this.opcode("append")},Decorator:function(t){this.DecoratorBlock(t)},ContentStatement:function(t){t.value&&this.opcode("appendContent",t.value)},CommentStatement:function(){},SubExpression:function(t){l(t);var e=this.classifySexpr(t);"simple"===e?this.simpleSexpr(t):"helper"===e?this.helperSexpr(t):this.ambiguousSexpr(t)},ambiguousSexpr:function(t,e,n){var i=t.path,r=i.parts[0],s=null!=e||null!=n;this.opcode("getContext",i.depth),this.opcode("pushProgram",e),this.opcode("pushProgram",n),i.strict=!0,this.accept(i),this.opcode("invokeAmbiguous",r,s)},simpleSexpr:function(t){var e=t.path;e.strict=!0,this.accept(e),this.opcode("resolvePossibleLambda")},helperSexpr:function(t,e,n){var i=this.setupFullMustacheParams(t,e,n),r=t.path,a=r.parts[0];if(this.options.knownHelpers[a])this.opcode("invokeKnownHelper",i.length,a);else{if(this.options.knownHelpersOnly)throw new s.default("You specified knownHelpersOnly, but used the unknown helper "+a,t);r.strict=!0,r.falsy=!0,this.accept(r),this.opcode("invokeHelper",i.length,r.original,o.default.helpers.simpleId(r))}},PathExpression:function(t){this.addDepth(t.depth),this.opcode("getContext",t.depth);var e=t.parts[0],n=o.default.helpers.scopedId(t),i=!t.depth&&!n&&this.blockParamIndex(e);i?this.opcode("lookupBlockParam",i,t.parts):e?t.data?(this.options.data=!0,this.opcode("lookupData",t.depth,t.parts,t.strict)):this.opcode("lookupOnContext",t.parts,t.falsy,t.strict,n):this.opcode("pushContext")},StringLiteral:function(t){this.opcode("pushString",t.value)},NumberLiteral:function(t){this.opcode("pushLiteral",t.value)},BooleanLiteral:function(t){this.opcode("pushLiteral",t.value)},UndefinedLiteral:function(){this.opcode("pushLiteral","undefined")},NullLiteral:function(){this.opcode("pushLiteral","null")},Hash:function(t){var e=t.pairs,n=0,i=e.length;for(this.opcode("pushHash");n<i;n++)this.pushParam(e[n].value);for(;n--;)this.opcode("assignToHash",e[n].key);this.opcode("popHash")},opcode:function(t){this.opcodes.push({opcode:t,args:_.call(arguments,1),loc:this.sourceNode[0].loc})},addDepth:function(t){t&&(this.useDepths=!0)},classifySexpr:function(t){var e=o.default.helpers.simpleId(t.path),n=e&&!!this.blockParamIndex(t.path.parts[0]),i=!n&&o.default.helpers.helperExpression(t),r=!n&&(i||e);if(r&&!i){var s=t.path.parts[0],a=this.options;a.knownHelpers[s]?i=!0:a.knownHelpersOnly&&(r=!1)}return i?"helper":r?"ambiguous":"simple"},pushParams:function(t){for(var e=0,n=t.length;e<n;e++)this.pushParam(t[e])},pushParam:function(t){var e=null!=t.value?t.value:t.original||"";if(this.stringParams)e.replace&&(e=e.replace(/^(\.?\.\/)*/g,"").replace(/\//g,".")),t.depth&&this.addDepth(t.depth),this.opcode("getContext",t.depth||0),this.opcode("pushStringParam",e,t.type),"SubExpression"===t.type&&this.accept(t);else{if(this.trackIds){var n=void 0;if(!t.parts||o.default.helpers.scopedId(t)||t.depth||(n=this.blockParamIndex(t.parts[0])),n){var i=t.parts.slice(1).join(".");this.opcode("pushId","BlockParam",n,i)}else(e=t.original||e).replace&&(e=e.replace(/^this(?:\.|$)/,"").replace(/^\.\//,"").replace(/^\.$/,"")),this.opcode("pushId",t.type,e)}this.accept(t)}},setupFullMustacheParams:function(t,e,n,i){var r=t.params;return this.pushParams(r),this.opcode("pushProgram",e),this.opcode("pushProgram",n),t.hash?this.accept(t.hash):this.opcode("emptyHash",i),r},blockParamIndex:function(t){for(var e=0,n=this.options.blockParams.length;e<n;e++){var i=this.options.blockParams[e],r=i&&a.indexOf(i,t);if(i&&r>=0)return[e,r]}}}},function(t,e,n){"use strict";var i=n(13).default,r=n(1).default;e.__esModule=!0;var s=n(4),a=r(n(6)),o=n(5),_=r(n(53));function u(t){this.value=t}function p(){}p.prototype={nameLookup:function(t,e){return this.internalNameLookup(t,e)},depthedLookup:function(t){return[this.aliasable("container.lookup"),"(depths, ",JSON.stringify(t),")"]},compilerInfo:function(){var t=s.COMPILER_REVISION;return[t,s.REVISION_CHANGES[t]]},appendToBuffer:function(t,e,n){return o.isArray(t)||(t=[t]),t=this.source.wrap(t,e),this.environment.isSimple?["return ",t,";"]:n?["buffer += ",t,";"]:(t.appendToBuffer=!0,t)},initializeBuffer:function(){return this.quotedString("")},internalNameLookup:function(t,e){return this.lookupPropertyFunctionIsUsed=!0,["lookupProperty(",t,",",JSON.stringify(e),")"]},lookupPropertyFunctionIsUsed:!1,compile:function(t,e,n,i){this.environment=t,this.options=e,this.stringParams=this.options.stringParams,this.trackIds=this.options.trackIds,this.precompile=!i,this.name=this.environment.name,this.isChild=!!n,this.context=n||{decorators:[],programs:[],environments:[]},this.preamble(),this.stackSlot=0,this.stackVars=[],this.aliases={},this.registers={list:[]},this.hashes=[],this.compileStack=[],this.inlineStack=[],this.blockParams=[],this.compileChildren(t,e),this.useDepths=this.useDepths||t.useDepths||t.useDecorators||this.options.compat,this.useBlockParams=this.useBlockParams||t.useBlockParams;var r=t.opcodes,s=void 0,o=void 0,_=void 0,u=void 0;for(_=0,u=r.length;_<u;_++)s=r[_],this.source.currentLocation=s.loc,o=o||s.loc,this[s.opcode].apply(this,s.args);if(this.source.currentLocation=o,this.pushSource(""),this.stackSlot||this.inlineStack.length||this.compileStack.length)throw new a.default("Compile completed with content left on stack");this.decorators.isEmpty()?this.decorators=void 0:(this.useDecorators=!0,this.decorators.prepend(["var decorators = container.decorators, ",this.lookupPropertyFunctionVarDeclaration(),";\n"]),this.decorators.push("return fn;"),i?this.decorators=Function.apply(this,["fn","props","container","depth0","data","blockParams","depths",this.decorators.merge()]):(this.decorators.prepend("function(fn, props, container, depth0, data, blockParams, depths) {\n"),this.decorators.push("}\n"),this.decorators=this.decorators.merge()));var p=this.createFunctionContext(i);if(this.isChild)return p;var l={compiler:this.compilerInfo(),main:p};this.decorators&&(l.main_d=this.decorators,l.useDecorators=!0);var h=this.context,c=h.programs,d=h.decorators;for(_=0,u=c.length;_<u;_++)c[_]&&(l[_]=c[_],d[_]&&(l[_+"_d"]=d[_],l.useDecorators=!0));return this.environment.usePartial&&(l.usePartial=!0),this.options.data&&(l.useData=!0),this.useDepths&&(l.useDepths=!0),this.useBlockParams&&(l.useBlockParams=!0),this.options.compat&&(l.compat=!0),i?l.compilerOptions=this.options:(l.compiler=JSON.stringify(l.compiler),this.source.currentLocation={start:{line:1,column:0}},l=this.objectLiteral(l),e.srcName?(l=l.toStringWithSourceMap({file:e.destName})).map=l.map&&l.map.toString():l=l.toString()),l},preamble:function(){this.lastContext=0,this.source=new _.default(this.options.srcName),this.decorators=new _.default(this.options.srcName)},createFunctionContext:function(t){var e=this,n="",r=this.stackVars.concat(this.registers.list);r.length>0&&(n+=", "+r.join(", "));var s=0;i(this.aliases).forEach((function(t){var i=e.aliases[t];i.children&&i.referenceCount>1&&(n+=", alias"+ ++s+"="+t,i.children[0]="alias"+s)})),this.lookupPropertyFunctionIsUsed&&(n+=", "+this.lookupPropertyFunctionVarDeclaration());var a=["container","depth0","helpers","partials","data"];(this.useBlockParams||this.useDepths)&&a.push("blockParams"),this.useDepths&&a.push("depths");var o=this.mergeSource(n);return t?(a.push(o),Function.apply(this,a)):this.source.wrap(["function(",a.join(","),") {\n  ",o,"}"])},mergeSource:function(t){var e=this.environment.isSimple,n=!this.forceBuffer,i=void 0,r=void 0,s=void 0,a=void 0;return this.source.each((function(t){t.appendToBuffer?(s?t.prepend("  + "):s=t,a=t):(s&&(r?s.prepend("buffer += "):i=!0,a.add(";"),s=a=void 0),r=!0,e||(n=!1))})),n?s?(s.prepend("return "),a.add(";")):r||this.source.push('return "";'):(t+=", buffer = "+(i?"":this.initializeBuffer()),s?(s.prepend("return buffer + "),a.add(";")):this.source.push("return buffer;")),t&&this.source.prepend("var "+t.substring(2)+(i?"":";\n")),this.source.merge()},lookupPropertyFunctionVarDeclaration:function(){return"\n      lookupProperty = container.lookupProperty || function(parent, propertyName) {\n        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n          return parent[propertyName];\n        }\n        return undefined\n    }\n    ".trim()},blockValue:function(t){var e=this.aliasable("container.hooks.blockHelperMissing"),n=[this.contextName(0)];this.setupHelperArgs(t,0,n);var i=this.popStack();n.splice(1,0,i),this.push(this.source.functionCall(e,"call",n))},ambiguousBlockValue:function(){var t=this.aliasable("container.hooks.blockHelperMissing"),e=[this.contextName(0)];this.setupHelperArgs("",0,e,!0),this.flushInline();var n=this.topStack();e.splice(1,0,n),this.pushSource(["if (!",this.lastHelper,") { ",n," = ",this.source.functionCall(t,"call",e),"}"])},appendContent:function(t){this.pendingContent?t=this.pendingContent+t:this.pendingLocation=this.source.currentLocation,this.pendingContent=t},append:function(){if(this.isInline())this.replaceStack((function(t){return[" != null ? ",t,' : ""']})),this.pushSource(this.appendToBuffer(this.popStack()));else{var t=this.popStack();this.pushSource(["if (",t," != null) { ",this.appendToBuffer(t,void 0,!0)," }"]),this.environment.isSimple&&this.pushSource(["else { ",this.appendToBuffer("''",void 0,!0)," }"])}},appendEscaped:function(){this.pushSource(this.appendToBuffer([this.aliasable("container.escapeExpression"),"(",this.popStack(),")"]))},getContext:function(t){this.lastContext=t},pushContext:function(){this.pushStackLiteral(this.contextName(this.lastContext))},lookupOnContext:function(t,e,n,i){var r=0;i||!this.options.compat||this.lastContext?this.pushContext():this.push(this.depthedLookup(t[r++])),this.resolvePath("context",t,r,e,n)},lookupBlockParam:function(t,e){this.useBlockParams=!0,this.push(["blockParams[",t[0],"][",t[1],"]"]),this.resolvePath("context",e,1)},lookupData:function(t,e,n){t?this.pushStackLiteral("container.data(data, "+t+")"):this.pushStackLiteral("data"),this.resolvePath("data",e,0,!0,n)},resolvePath:function(t,e,n,i,r){var s=this;if(this.options.strict||this.options.assumeObjects)this.push(function(t,e,n,i){var r=e.popStack(),s=0,a=n.length;for(t&&a--;s<a;s++)r=e.nameLookup(r,n[s],i);return t?[e.aliasable("container.strict"),"(",r,", ",e.quotedString(n[s]),", ",JSON.stringify(e.source.currentLocation)," )"]:r}(this.options.strict&&r,this,e,t));else for(var a=e.length;n<a;n++)this.replaceStack((function(r){var a=s.nameLookup(r,e[n],t);return i?[" && ",a]:[" != null ? ",a," : ",r]}))},resolvePossibleLambda:function(){this.push([this.aliasable("container.lambda"),"(",this.popStack(),", ",this.contextName(0),")"])},pushStringParam:function(t,e){this.pushContext(),this.pushString(e),"SubExpression"!==e&&("string"==typeof t?this.pushString(t):this.pushStackLiteral(t))},emptyHash:function(t){this.trackIds&&this.push("{}"),this.stringParams&&(this.push("{}"),this.push("{}")),this.pushStackLiteral(t?"undefined":"{}")},pushHash:function(){this.hash&&this.hashes.push(this.hash),this.hash={values:{},types:[],contexts:[],ids:[]}},popHash:function(){var t=this.hash;this.hash=this.hashes.pop(),this.trackIds&&this.push(this.objectLiteral(t.ids)),this.stringParams&&(this.push(this.objectLiteral(t.contexts)),this.push(this.objectLiteral(t.types))),this.push(this.objectLiteral(t.values))},pushString:function(t){this.pushStackLiteral(this.quotedString(t))},pushLiteral:function(t){this.pushStackLiteral(t)},pushProgram:function(t){null!=t?this.pushStackLiteral(this.programExpression(t)):this.pushStackLiteral(null)},registerDecorator:function(t,e){var n=this.nameLookup("decorators",e,"decorator"),i=this.setupHelperArgs(e,t);this.decorators.push(["fn = ",this.decorators.functionCall(n,"",["fn","props","container",i])," || fn;"])},invokeHelper:function(t,e,n){var i=this.popStack(),r=this.setupHelper(t,e),s=[];n&&s.push(r.name),s.push(i),this.options.strict||s.push(this.aliasable("container.hooks.helperMissing"));var a=["(",this.itemsSeparatedBy(s,"||"),")"],o=this.source.functionCall(a,"call",r.callParams);this.push(o)},itemsSeparatedBy:function(t,e){var n=[];n.push(t[0]);for(var i=1;i<t.length;i++)n.push(e,t[i]);return n},invokeKnownHelper:function(t,e){var n=this.setupHelper(t,e);this.push(this.source.functionCall(n.name,"call",n.callParams))},invokeAmbiguous:function(t,e){this.useRegister("helper");var n=this.popStack();this.emptyHash();var i=this.setupHelper(0,t,e),r=["(","(helper = ",this.lastHelper=this.nameLookup("helpers",t,"helper")," || ",n,")"];this.options.strict||(r[0]="(helper = ",r.push(" != null ? helper : ",this.aliasable("container.hooks.helperMissing"))),this.push(["(",r,i.paramsInit?["),(",i.paramsInit]:[],"),","(typeof helper === ",this.aliasable('"function"')," ? ",this.source.functionCall("helper","call",i.callParams)," : helper))"])},invokePartial:function(t,e,n){var i=[],r=this.setupParams(e,1,i);t&&(e=this.popStack(),delete r.name),n&&(r.indent=JSON.stringify(n)),r.helpers="helpers",r.partials="partials",r.decorators="container.decorators",t?i.unshift(e):i.unshift(this.nameLookup("partials",e,"partial")),this.options.compat&&(r.depths="depths"),r=this.objectLiteral(r),i.push(r),this.push(this.source.functionCall("container.invokePartial","",i))},assignToHash:function(t){var e=this.popStack(),n=void 0,i=void 0,r=void 0;this.trackIds&&(r=this.popStack()),this.stringParams&&(i=this.popStack(),n=this.popStack());var s=this.hash;n&&(s.contexts[t]=n),i&&(s.types[t]=i),r&&(s.ids[t]=r),s.values[t]=e},pushId:function(t,e,n){"BlockParam"===t?this.pushStackLiteral("blockParams["+e[0]+"].path["+e[1]+"]"+(n?" + "+JSON.stringify("."+n):"")):"PathExpression"===t?this.pushString(e):"SubExpression"===t?this.pushStackLiteral("true"):this.pushStackLiteral("null")},compiler:p,compileChildren:function(t,e){for(var n=t.children,i=void 0,r=void 0,s=0,a=n.length;s<a;s++){i=n[s],r=new this.compiler;var o=this.matchExistingProgram(i);if(null==o){this.context.programs.push("");var _=this.context.programs.length;i.index=_,i.name="program"+_,this.context.programs[_]=r.compile(i,e,this.context,!this.precompile),this.context.decorators[_]=r.decorators,this.context.environments[_]=i,this.useDepths=this.useDepths||r.useDepths,this.useBlockParams=this.useBlockParams||r.useBlockParams,i.useDepths=this.useDepths,i.useBlockParams=this.useBlockParams}else i.index=o.index,i.name="program"+o.index,this.useDepths=this.useDepths||o.useDepths,this.useBlockParams=this.useBlockParams||o.useBlockParams}},matchExistingProgram:function(t){for(var e=0,n=this.context.environments.length;e<n;e++){var i=this.context.environments[e];if(i&&i.equals(t))return i}},programExpression:function(t){var e=this.environment.children[t],n=[e.index,"data",e.blockParams];return(this.useBlockParams||this.useDepths)&&n.push("blockParams"),this.useDepths&&n.push("depths"),"container.program("+n.join(", ")+")"},useRegister:function(t){this.registers[t]||(this.registers[t]=!0,this.registers.list.push(t))},push:function(t){return t instanceof u||(t=this.source.wrap(t)),this.inlineStack.push(t),t},pushStackLiteral:function(t){this.push(new u(t))},pushSource:function(t){this.pendingContent&&(this.source.push(this.appendToBuffer(this.source.quotedString(this.pendingContent),this.pendingLocation)),this.pendingContent=void 0),t&&this.source.push(t)},replaceStack:function(t){var e=["("],n=void 0,i=void 0,r=void 0;if(!this.isInline())throw new a.default("replaceStack on non-inline");var s=this.popStack(!0);if(s instanceof u)e=["(",n=[s.value]],r=!0;else{i=!0;var o=this.incrStack();e=["((",this.push(o)," = ",s,")"],n=this.topStack()}var _=t.call(this,n);r||this.popStack(),i&&this.stackSlot--,this.push(e.concat(_,")"))},incrStack:function(){return this.stackSlot++,this.stackSlot>this.stackVars.length&&this.stackVars.push("stack"+this.stackSlot),this.topStackName()},topStackName:function(){return"stack"+this.stackSlot},flushInline:function(){var t=this.inlineStack;this.inlineStack=[];for(var e=0,n=t.length;e<n;e++){var i=t[e];if(i instanceof u)this.compileStack.push(i);else{var r=this.incrStack();this.pushSource([r," = ",i,";"]),this.compileStack.push(r)}}},isInline:function(){return this.inlineStack.length},popStack:function(t){var e=this.isInline(),n=(e?this.inlineStack:this.compileStack).pop();if(!t&&n instanceof u)return n.value;if(!e){if(!this.stackSlot)throw new a.default("Invalid stack pop");this.stackSlot--}return n},topStack:function(){var t=this.isInline()?this.inlineStack:this.compileStack,e=t[t.length-1];return e instanceof u?e.value:e},contextName:function(t){return this.useDepths&&t?"depths["+t+"]":"depth"+t},quotedString:function(t){return this.source.quotedString(t)},objectLiteral:function(t){return this.source.objectLiteral(t)},aliasable:function(t){var e=this.aliases[t];return e?(e.referenceCount++,e):((e=this.aliases[t]=this.source.wrap(t)).aliasable=!0,e.referenceCount=1,e)},setupHelper:function(t,e,n){var i=[];return{params:i,paramsInit:this.setupHelperArgs(e,t,i,n),name:this.nameLookup("helpers",e,"helper"),callParams:[this.aliasable(this.contextName(0)+" != null ? "+this.contextName(0)+" : (container.nullContext || {})")].concat(i)}},setupParams:function(t,e,n){var i={},r=[],s=[],a=[],o=!n,_=void 0;o&&(n=[]),i.name=this.quotedString(t),i.hash=this.popStack(),this.trackIds&&(i.hashIds=this.popStack()),this.stringParams&&(i.hashTypes=this.popStack(),i.hashContexts=this.popStack());var u=this.popStack(),p=this.popStack();(p||u)&&(i.fn=p||"container.noop",i.inverse=u||"container.noop");for(var l=e;l--;)_=this.popStack(),n[l]=_,this.trackIds&&(a[l]=this.popStack()),this.stringParams&&(s[l]=this.popStack(),r[l]=this.popStack());return o&&(i.args=this.source.generateArray(n)),this.trackIds&&(i.ids=this.source.generateArray(a)),this.stringParams&&(i.types=this.source.generateArray(s),i.contexts=this.source.generateArray(r)),this.options.data&&(i.data="data"),this.useBlockParams&&(i.blockParams="blockParams"),i},setupHelperArgs:function(t,e,n,i){var r=this.setupParams(t,e,n);return r.loc=JSON.stringify(this.source.currentLocation),r=this.objectLiteral(r),i?(this.useRegister("options"),n.push("options"),["options=",r]):n?(n.push(r),""):r}},function(){for(var t="break else new var case finally return void catch for switch while continue function this with default if throw delete in try do instanceof typeof abstract enum int short boolean export interface static byte extends long super char final native synchronized class float package throws const goto private transient debugger implements protected volatile double import public let yield await null true false".split(" "),e=p.RESERVED_WORDS={},n=0,i=t.length;n<i;n++)e[t[n]]=!0}(),p.isValidJavaScriptVariableName=function(t){return!p.RESERVED_WORDS[t]&&/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(t)},e.default=p,t.exports=e.default},function(t,e,n){"use strict";var i=n(13).default;e.__esModule=!0;var r=n(5),s=void 0;function a(t,e,n){if(r.isArray(t)){for(var i=[],s=0,a=t.length;s<a;s++)i.push(e.wrap(t[s],n));return i}return"boolean"==typeof t||"number"==typeof t?t+"":t}function o(t){this.srcFile=t,this.source=[]}s||((s=function(t,e,n,i){this.src="",i&&this.add(i)}).prototype={add:function(t){r.isArray(t)&&(t=t.join("")),this.src+=t},prepend:function(t){r.isArray(t)&&(t=t.join("")),this.src=t+this.src},toStringWithSourceMap:function(){return{code:this.toString()}},toString:function(){return this.src}}),o.prototype={isEmpty:function(){return!this.source.length},prepend:function(t,e){this.source.unshift(this.wrap(t,e))},push:function(t,e){this.source.push(this.wrap(t,e))},merge:function(){var t=this.empty();return this.each((function(e){t.add(["  ",e,"\n"])})),t},each:function(t){for(var e=0,n=this.source.length;e<n;e++)t(this.source[e])},empty:function(){var t=this.currentLocation||{start:{}};return new s(t.start.line,t.start.column,this.srcFile)},wrap:function(t){var e=arguments.length<=1||void 0===arguments[1]?this.currentLocation||{start:{}}:arguments[1];return t instanceof s?t:(t=a(t,this,e),new s(e.start.line,e.start.column,this.srcFile,t))},functionCall:function(t,e,n){return n=this.generateList(n),this.wrap([t,e?"."+e+"(":"(",n,")"])},quotedString:function(t){return'"'+(t+"").replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")+'"'},objectLiteral:function(t){var e=this,n=[];i(t).forEach((function(i){var r=a(t[i],e);"undefined"!==r&&n.push([e.quotedString(i),":",r])}));var r=this.generateList(n);return r.prepend("{"),r.add("}"),r},generateList:function(t){for(var e=this.empty(),n=0,i=t.length;n<i;n++)n&&e.add(","),e.add(a(t[n],this));return e},generateArray:function(t){var e=this.generateList(t);return e.prepend("["),e.add("]"),e}},e.default=o,t.exports=e.default}])},"object"===o(e)&&"object"===o(t)?t.exports=a():(r=[],void 0===(s="function"==typeof(i=a)?i.apply(e,r):i)||(t.exports=s))},355:function(t){function e(t){return!!t.constructor&&"function"==typeof t.constructor.isBuffer&&t.constructor.isBuffer(t)}t.exports=function(t){return null!=t&&(e(t)||function(t){return"function"==typeof t.readFloatLE&&"function"==typeof t.slice&&e(t.slice(0,0))}(t)||!!t._isBuffer)}},387:function(t){"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}t.exports=function(t){return null!=t&&("object"===e(t)||"function"==typeof t)}},353:function(t){"use strict";var e;t.exports=function(t){return"string"==typeof t&&(e||(e=new RegExp('^[\\s\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff"]+$'))).test(t)}},305:function(t,e,n){"use strict";var i=n(394),r=n(352),s=n(351),a={unformatted:["code","pre","em","strong","span"],indent_inner_html:!0,indent_char:" ",indent_size:2,sep:"\n"};t.exports=function(t,e){var n=s({},a,e);return t=i.html(t,n),!0===n.ocd?(n.newlines&&(n.sep=n.newlines),function(t,e){return r(t,e).replace(/^\s+/g,"").replace(/\s+$/g,"\n").replace(/(\s*<!--)/g,"\n$1").replace(/>(\s*)(?=<!--\s*\/)/g,"> ")}(t,n)):t}},394:function(t,e,n){"use strict";var i,r;i=[n(385),n(386),n(395)],void 0===(r=function(t,e,n){return function(t,e,n){var i=function(e,n){return t.js_beautify(e,n)};return i.js=t.js_beautify,i.css=e.css_beautify,i.html=n.html_beautify,i.js_beautify=t.js_beautify,i.css_beautify=e.css_beautify,i.html_beautify=n.html_beautify,i}(t,e,n)}.apply(e,i))||(t.exports=r)},386:function(t,e){var n;function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}!function(){var r;!function(){"use strict";var t=[,,function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var r=this.__lines[i];if(r.is_empty())break;if(0!==r.item(0).indexOf(t)&&r.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},,,,function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,i={};for(n in t=r(t))n!==e&&(i[n]=t[n]);if(e&&t[e])for(n in t[e])i[n]=t[e][n];return i}function r(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],r=e||[];return"object"===i(n)?null!==n&&"function"==typeof n.concat&&(r=n.concat()):"string"==typeof n&&(r=n.split(/[^a-zA-Z0-9_\/\-]+/)),r},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=r,t.exports.mergeOpts=n},,function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,r="";return t&&(i=this.match(t))&&(r+=i[0]),!e||!i&&t||(r+=this.readUntil(e,n)),r},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var r=t.exec(this.__input);return r?(i=r.index,e&&(i+=r[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,r="g";return n&&e&&(r="y"),"string"==typeof t&&""!==t?i=new RegExp(t,r):t&&(i=new RegExp(t.source,r)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},,,,,function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},,function(t,e,n){var i=n(16).Beautifier,r=n(17).Options;t.exports=function(t,e){return new i(t,e).beautify()},t.exports.defaultOptions=function(){return new r}},function(t,e,n){var i=n(17).Options,r=n(2).Output,s=n(8).InputScanner,a=new(0,n(13).Directives)(/\/\*/,/\*\//),o=/\r\n|[\r\n]/,_=/\r\n|[\r\n]/g,u=/\s/,p=/(?:\s|\n)+/g,l=/\/\*(?:[\s\S]*?)((?:\*\/)|$)/g,h=/\/\/(?:[^\n\r\u2028\u2029]*)/g;function c(t,e){this._source_text=t||"",this._options=new i(e),this._ch=null,this._input=null,this.NESTED_AT_RULE={"@page":!0,"@font-face":!0,"@keyframes":!0,"@media":!0,"@supports":!0,"@document":!0},this.CONDITIONAL_GROUP_RULE={"@media":!0,"@supports":!0,"@document":!0},this.NON_SEMICOLON_NEWLINE_PROPERTY=["grid-template-areas","grid-template"]}c.prototype.eatString=function(t){var e="";for(this._ch=this._input.next();this._ch;){if(e+=this._ch,"\\"===this._ch)e+=this._input.next();else if(-1!==t.indexOf(this._ch)||"\n"===this._ch)break;this._ch=this._input.next()}return e},c.prototype.eatWhitespace=function(t){for(var e=u.test(this._input.peek()),n=0;u.test(this._input.peek());)this._ch=this._input.next(),t&&"\n"===this._ch&&(0===n||n<this._options.max_preserve_newlines)&&(n++,this._output.add_new_line(!0));return e},c.prototype.foundNestedPseudoClass=function(){for(var t=0,e=1,n=this._input.peek(e);n;){if("{"===n)return!0;if("("===n)t+=1;else if(")"===n){if(0===t)return!1;t-=1}else if(";"===n||"}"===n)return!1;e++,n=this._input.peek(e)}return!1},c.prototype.print_string=function(t){this._output.set_indent(this._indentLevel),this._output.non_breaking_space=!0,this._output.add_token(t)},c.prototype.preserveSingleSpace=function(t){t&&(this._output.space_before_token=!0)},c.prototype.indent=function(){this._indentLevel++},c.prototype.outdent=function(){this._indentLevel>0&&this._indentLevel--},c.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._source_text,e=this._options.eol;"auto"===e&&(e="\n",t&&o.test(t||"")&&(e=t.match(o)[0]));var n=(t=t.replace(_,"\n")).match(/^[\t ]*/)[0];this._output=new r(this._options,n),this._input=new s(t),this._indentLevel=0,this._nestedLevel=0,this._ch=null;for(var i,c,d=0,f=!1,g=!1,m=!1,y=!1,b=!1,v=!1,k=this._ch,w=!1;i=""!==this._input.read(p),c=k,this._ch=this._input.next(),"\\"===this._ch&&this._input.hasNext()&&(this._ch+=this._input.next()),k=this._ch,this._ch;)if("/"===this._ch&&"*"===this._input.peek()){this._output.add_new_line(),this._input.back();var x=this._input.read(l),S=a.get_directives(x);S&&"start"===S.ignore&&(x+=a.readIgnored(this._input)),this.print_string(x),this.eatWhitespace(!0),this._output.add_new_line()}else if("/"===this._ch&&"/"===this._input.peek())this._output.space_before_token=!0,this._input.back(),this.print_string(this._input.read(h)),this.eatWhitespace(!0);else if("@"===this._ch||"$"===this._ch)if(this.preserveSingleSpace(i),"{"===this._input.peek())this.print_string(this._ch+this.eatString("}"));else{this.print_string(this._ch);var E=this._input.peekUntilAfter(/[: ,;{}()[\]\/='"]/g);E.match(/[ :]$/)&&(E=this.eatString(": ").replace(/\s$/,""),this.print_string(E),this._output.space_before_token=!0),"extend"===(E=E.replace(/\s$/,""))?y=!0:"import"===E&&(b=!0),E in this.NESTED_AT_RULE?(this._nestedLevel+=1,E in this.CONDITIONAL_GROUP_RULE&&(m=!0)):f||0!==d||-1===E.indexOf(":")||(g=!0,this.indent())}else if("#"===this._ch&&"{"===this._input.peek())this.preserveSingleSpace(i),this.print_string(this._ch+this.eatString("}"));else if("{"===this._ch)g&&(g=!1,this.outdent()),m?(m=!1,f=this._indentLevel>=this._nestedLevel):f=this._indentLevel>=this._nestedLevel-1,this._options.newline_between_rules&&f&&this._output.previous_line&&"{"!==this._output.previous_line.item(-1)&&this._output.ensure_empty_line_above("/",","),this._output.space_before_token=!0,"expand"===this._options.brace_style?(this._output.add_new_line(),this.print_string(this._ch),this.indent(),this._output.set_indent(this._indentLevel)):("("===c?this._output.space_before_token=!1:","!==c&&this.indent(),this.print_string(this._ch)),this.eatWhitespace(!0),this._output.add_new_line();else if("}"===this._ch)this.outdent(),this._output.add_new_line(),"{"===c&&this._output.trim(!0),b=!1,y=!1,g&&(this.outdent(),g=!1),this.print_string(this._ch),f=!1,this._nestedLevel&&this._nestedLevel--,this.eatWhitespace(!0),this._output.add_new_line(),this._options.newline_between_rules&&!this._output.just_added_blankline()&&"}"!==this._input.peek()&&this._output.add_new_line(!0),")"===this._input.peek()&&(this._output.trim(!0),"expand"===this._options.brace_style&&this._output.add_new_line(!0));else if(":"===this._ch){for(var O=0;O<this.NON_SEMICOLON_NEWLINE_PROPERTY.length;O++)if(this._input.lookBack(this.NON_SEMICOLON_NEWLINE_PROPERTY[O])){w=!0;break}!f&&!m||this._input.lookBack("&")||this.foundNestedPseudoClass()||this._input.lookBack("(")||y||0!==d?(this._input.lookBack(" ")&&(this._output.space_before_token=!0),":"===this._input.peek()?(this._ch=this._input.next(),this.print_string("::")):this.print_string(":")):(this.print_string(":"),g||(g=!0,this._output.space_before_token=!0,this.eatWhitespace(!0),this.indent()))}else if('"'===this._ch||"'"===this._ch){var P='"'===c||"'"===c;this.preserveSingleSpace(P||i),this.print_string(this._ch+this.eatString(this._ch)),this.eatWhitespace(!0)}else if(";"===this._ch)w=!1,0===d?(g&&(this.outdent(),g=!1),y=!1,b=!1,this.print_string(this._ch),this.eatWhitespace(!0),"/"!==this._input.peek()&&this._output.add_new_line()):(this.print_string(this._ch),this.eatWhitespace(!0),this._output.space_before_token=!0);else if("("===this._ch)if(this._input.lookBack("url"))this.print_string(this._ch),this.eatWhitespace(),d++,this.indent(),this._ch=this._input.next(),")"===this._ch||'"'===this._ch||"'"===this._ch?this._input.back():this._ch&&(this.print_string(this._ch+this.eatString(")")),d&&(d--,this.outdent()));else{var A=!1;this._input.lookBack("with")&&(A=!0),this.preserveSingleSpace(i||A),this.print_string(this._ch),g&&"$"===c&&this._options.selector_separator_newline?(this._output.add_new_line(),v=!0):(this.eatWhitespace(),d++,this.indent())}else if(")"===this._ch)d&&(d--,this.outdent()),v&&";"===this._input.peek()&&this._options.selector_separator_newline&&(v=!1,this.outdent(),this._output.add_new_line()),this.print_string(this._ch);else if(","===this._ch)this.print_string(this._ch),this.eatWhitespace(!0),!this._options.selector_separator_newline||g&&!v||0!==d||b||y?this._output.space_before_token=!0:this._output.add_new_line();else if(">"!==this._ch&&"+"!==this._ch&&"~"!==this._ch||g||0!==d)if("]"===this._ch)this.print_string(this._ch);else if("["===this._ch)this.preserveSingleSpace(i),this.print_string(this._ch);else if("="===this._ch)this.eatWhitespace(),this.print_string("="),u.test(this._ch)&&(this._ch="");else if("!"!==this._ch||this._input.lookBack("\\")){var T='"'===c||"'"===c;this.preserveSingleSpace(T||i),this.print_string(this._ch),!this._output.just_added_newline()&&"\n"===this._input.peek()&&w&&this._output.add_new_line()}else this._output.space_before_token=!0,this.print_string(this._ch);else this._options.space_around_combinator?(this._output.space_before_token=!0,this.print_string(this._ch),this._output.space_before_token=!0):(this.print_string(this._ch),this.eatWhitespace(),this._ch&&u.test(this._ch)&&(this._ch=""));return this._output.get_code(e)},t.exports.Beautifier=c},function(t,e,n){var i=n(6).Options;function r(t){i.call(this,t,"css"),this.selector_separator_newline=this._get_boolean("selector_separator_newline",!0),this.newline_between_rules=this._get_boolean("newline_between_rules",!0);var e=this._get_boolean("space_around_selector_separator");this.space_around_combinator=this._get_boolean("space_around_combinator")||e;var n=this._get_selection_list("brace_style",["collapse","expand","end-expand","none","preserve-inline"]);this.brace_style="collapse";for(var r=0;r<n.length;r++)"expand"!==n[r]?this.brace_style="collapse":this.brace_style=n[r]}r.prototype=new i,t.exports.Options=r}],e={};var n=function n(i){var r=e[i];if(void 0!==r)return r.exports;var s=e[i]={exports:{}};return t[i](s,s.exports,n),s.exports}(15);r=n}();var s=r;void 0===(n=function(){return{css_beautify:s}}.apply(e,[]))||(t.exports=n)}()},395:function(t,e,n){var i,r;function s(t){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},s(t)}!function(){var a;!function(){"use strict";var t=[,,function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var r=this.__lines[i];if(r.is_empty())break;if(0!==r.item(0).indexOf(t)&&r.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},function(t){t.exports.Token=function(t,e,n,i){this.type=t,this.text=e,this.comments_before=null,this.newlines=n||0,this.whitespace_before=i||"",this.parent=null,this.next=null,this.previous=null,this.opened=null,this.closed=null,this.directives=null}},,,function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,r={};for(n in t=i(t))n!==e&&(r[n]=t[n]);if(e&&t[e])for(n in t[e])r[n]=t[e][n];return r}function i(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],i=e||[];return"object"===s(n)?null!==n&&"function"==typeof n.concat&&(i=n.concat()):"string"==typeof n&&(i=n.split(/[^a-zA-Z0-9_\/\-]+/)),i},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=i,t.exports.mergeOpts=n},,function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,r="";return t&&(i=this.match(t))&&(r+=i[0]),!e||!i&&t||(r+=this.readUntil(e,n)),r},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var r=t.exec(this.__input);return r?(i=r.index,e&&(i+=r[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,r="g";return n&&e&&(r="y"),"string"==typeof t&&""!==t?i=new RegExp(t,r):t&&(i=new RegExp(t.source,r)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},function(t,e,n){var i=n(8).InputScanner,r=n(3).Token,s=n(10).TokenStream,a=n(11).WhitespacePattern,o={START:"TK_START",RAW:"TK_RAW",EOF:"TK_EOF"},_=function(t,e){this._input=new i(t),this._options=e||{},this.__tokens=null,this._patterns={},this._patterns.whitespace=new a(this._input)};_.prototype.tokenize=function(){var t;this._input.restart(),this.__tokens=new s,this._reset();for(var e=new r(o.START,""),n=null,i=[],a=new s;e.type!==o.EOF;){for(t=this._get_next_token(e,n);this._is_comment(t);)a.add(t),t=this._get_next_token(e,n);a.isEmpty()||(t.comments_before=a,a=new s),t.parent=n,this._is_opening(t)?(i.push(n),n=t):n&&this._is_closing(t,n)&&(t.opened=n,n.closed=t,n=i.pop(),t.parent=n),t.previous=e,e.next=t,this.__tokens.add(t),e=t}return this.__tokens},_.prototype._is_first_token=function(){return this.__tokens.isEmpty()},_.prototype._reset=function(){},_.prototype._get_next_token=function(t,e){this._readWhitespace();var n=this._input.read(/.+/g);return n?this._create_token(o.RAW,n):this._create_token(o.EOF,"")},_.prototype._is_comment=function(t){return!1},_.prototype._is_opening=function(t){return!1},_.prototype._is_closing=function(t,e){return!1},_.prototype._create_token=function(t,e){return new r(t,e,this._patterns.whitespace.newline_count,this._patterns.whitespace.whitespace_before_token)},_.prototype._readWhitespace=function(){return this._patterns.whitespace.read()},t.exports.Tokenizer=_,t.exports.TOKEN=o},function(t){function e(t){this.__tokens=[],this.__tokens_length=this.__tokens.length,this.__position=0,this.__parent_token=t}e.prototype.restart=function(){this.__position=0},e.prototype.isEmpty=function(){return 0===this.__tokens_length},e.prototype.hasNext=function(){return this.__position<this.__tokens_length},e.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__tokens[this.__position],this.__position+=1),t},e.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__tokens_length&&(e=this.__tokens[t]),e},e.prototype.add=function(t){this.__parent_token&&(t.parent=this.__parent_token),this.__tokens.push(t),this.__tokens_length+=1},t.exports.TokenStream=e},function(t,e,n){var i=n(12).Pattern;function r(t,e){i.call(this,t,e),e?this._line_regexp=this._input.get_regexp(e._line_regexp):this.__set_whitespace_patterns("",""),this.newline_count=0,this.whitespace_before_token=""}r.prototype=new i,r.prototype.__set_whitespace_patterns=function(t,e){t+="\\t ",e+="\\n\\r",this._match_pattern=this._input.get_regexp("["+t+e+"]+",!0),this._newline_regexp=this._input.get_regexp("\\r\\n|["+e+"]")},r.prototype.read=function(){this.newline_count=0,this.whitespace_before_token="";var t=this._input.read(this._match_pattern);if(" "===t)this.whitespace_before_token=" ";else if(t){var e=this.__split(this._newline_regexp,t);this.newline_count=e.length-1,this.whitespace_before_token=e[this.newline_count]}return t},r.prototype.matching=function(t,e){var n=this._create();return n.__set_whitespace_patterns(t,e),n._update(),n},r.prototype._create=function(){return new r(this._input,this)},r.prototype.__split=function(t,e){t.lastIndex=0;for(var n=0,i=[],r=t.exec(e);r;)i.push(e.substring(n,r.index)),n=r.index+r[0].length,r=t.exec(e);return n<e.length?i.push(e.substring(n,e.length)):i.push(""),i},t.exports.WhitespacePattern=r},function(t){function e(t,e){this._input=t,this._starting_pattern=null,this._match_pattern=null,this._until_pattern=null,this._until_after=!1,e&&(this._starting_pattern=this._input.get_regexp(e._starting_pattern,!0),this._match_pattern=this._input.get_regexp(e._match_pattern,!0),this._until_pattern=this._input.get_regexp(e._until_pattern),this._until_after=e._until_after)}e.prototype.read=function(){var t=this._input.read(this._starting_pattern);return this._starting_pattern&&!t||(t+=this._input.read(this._match_pattern,this._until_pattern,this._until_after)),t},e.prototype.read_match=function(){return this._input.match(this._match_pattern)},e.prototype.until_after=function(t){var e=this._create();return e._until_after=!0,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.until=function(t){var e=this._create();return e._until_after=!1,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.starting_with=function(t){var e=this._create();return e._starting_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype.matching=function(t){var e=this._create();return e._match_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype._create=function(){return new e(this._input,this)},e.prototype._update=function(){},t.exports.Pattern=e},function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},function(t,e,n){var i=n(12).Pattern,r={django:!1,erb:!1,handlebars:!1,php:!1,smarty:!1};function s(t,e){i.call(this,t,e),this.__template_pattern=null,this._disabled=Object.assign({},r),this._excluded=Object.assign({},r),e&&(this.__template_pattern=this._input.get_regexp(e.__template_pattern),this._excluded=Object.assign(this._excluded,e._excluded),this._disabled=Object.assign(this._disabled,e._disabled));var n=new i(t);this.__patterns={handlebars_comment:n.starting_with(/{{!--/).until_after(/--}}/),handlebars_unescaped:n.starting_with(/{{{/).until_after(/}}}/),handlebars:n.starting_with(/{{/).until_after(/}}/),php:n.starting_with(/<\?(?:[= ]|php)/).until_after(/\?>/),erb:n.starting_with(/<%[^%]/).until_after(/[^%]%>/),django:n.starting_with(/{%/).until_after(/%}/),django_value:n.starting_with(/{{/).until_after(/}}/),django_comment:n.starting_with(/{#/).until_after(/#}/),smarty:n.starting_with(/{(?=[^}{\s\n])/).until_after(/[^\s\n]}/),smarty_comment:n.starting_with(/{\*/).until_after(/\*}/),smarty_literal:n.starting_with(/{literal}/).until_after(/{\/literal}/)}}s.prototype=new i,s.prototype._create=function(){return new s(this._input,this)},s.prototype._update=function(){this.__set_templated_pattern()},s.prototype.disable=function(t){var e=this._create();return e._disabled[t]=!0,e._update(),e},s.prototype.read_options=function(t){var e=this._create();for(var n in r)e._disabled[n]=-1===t.templating.indexOf(n);return e._update(),e},s.prototype.exclude=function(t){var e=this._create();return e._excluded[t]=!0,e._update(),e},s.prototype.read=function(){var t="";t=this._match_pattern?this._input.read(this._starting_pattern):this._input.read(this._starting_pattern,this.__template_pattern);for(var e=this._read_template();e;)this._match_pattern?e+=this._input.read(this._match_pattern):e+=this._input.readUntil(this.__template_pattern),t+=e,e=this._read_template();return this._until_after&&(t+=this._input.readUntilAfter(this._until_pattern)),t},s.prototype.__set_templated_pattern=function(){var t=[];this._disabled.php||t.push(this.__patterns.php._starting_pattern.source),this._disabled.handlebars||t.push(this.__patterns.handlebars._starting_pattern.source),this._disabled.erb||t.push(this.__patterns.erb._starting_pattern.source),this._disabled.django||(t.push(this.__patterns.django._starting_pattern.source),t.push(this.__patterns.django_value._starting_pattern.source),t.push(this.__patterns.django_comment._starting_pattern.source)),this._disabled.smarty||t.push(this.__patterns.smarty._starting_pattern.source),this._until_pattern&&t.push(this._until_pattern.source),this.__template_pattern=this._input.get_regexp("(?:"+t.join("|")+")")},s.prototype._read_template=function(){var t="",e=this._input.peek();if("<"===e){var n=this._input.peek(1);this._disabled.php||this._excluded.php||"?"!==n||(t=t||this.__patterns.php.read()),this._disabled.erb||this._excluded.erb||"%"!==n||(t=t||this.__patterns.erb.read())}else"{"===e&&(this._disabled.handlebars||this._excluded.handlebars||(t=(t=(t=t||this.__patterns.handlebars_comment.read())||this.__patterns.handlebars_unescaped.read())||this.__patterns.handlebars.read()),this._disabled.django||(this._excluded.django||this._excluded.handlebars||(t=t||this.__patterns.django_value.read()),this._excluded.django||(t=(t=t||this.__patterns.django_comment.read())||this.__patterns.django.read())),this._disabled.smarty||this._disabled.django&&this._disabled.handlebars&&(t=(t=(t=t||this.__patterns.smarty_comment.read())||this.__patterns.smarty_literal.read())||this.__patterns.smarty.read()));return t},t.exports.TemplatablePattern=s},,,,function(t,e,n){var i=n(19).Beautifier,r=n(20).Options;t.exports=function(t,e,n,r){return new i(t,e,n,r).beautify()},t.exports.defaultOptions=function(){return new r}},function(t,e,n){var i=n(20).Options,r=n(2).Output,s=n(21).Tokenizer,a=n(21).TOKEN,o=/\r\n|[\r\n]/,_=/\r\n|[\r\n]/g,u=function(t,e){this.indent_level=0,this.alignment_size=0,this.max_preserve_newlines=t.max_preserve_newlines,this.preserve_newlines=t.preserve_newlines,this._output=new r(t,e)};u.prototype.current_line_has_match=function(t){return this._output.current_line.has_match(t)},u.prototype.set_space_before_token=function(t,e){this._output.space_before_token=t,this._output.non_breaking_space=e},u.prototype.set_wrap_point=function(){this._output.set_indent(this.indent_level,this.alignment_size),this._output.set_wrap_point()},u.prototype.add_raw_token=function(t){this._output.add_raw_token(t)},u.prototype.print_preserved_newlines=function(t){var e=0;t.type!==a.TEXT&&t.previous.type!==a.TEXT&&(e=t.newlines?1:0),this.preserve_newlines&&(e=t.newlines<this.max_preserve_newlines+1?t.newlines:this.max_preserve_newlines+1);for(var n=0;n<e;n++)this.print_newline(n>0);return 0!==e},u.prototype.traverse_whitespace=function(t){return!(!t.whitespace_before&&!t.newlines)&&(this.print_preserved_newlines(t)||(this._output.space_before_token=!0),!0)},u.prototype.previous_token_wrapped=function(){return this._output.previous_token_wrapped},u.prototype.print_newline=function(t){this._output.add_new_line(t)},u.prototype.print_token=function(t){t.text&&(this._output.set_indent(this.indent_level,this.alignment_size),this._output.add_token(t.text))},u.prototype.indent=function(){this.indent_level++},u.prototype.get_full_indent=function(t){return(t=this.indent_level+(t||0))<1?"":this._output.get_indent_string(t)};var p=function(t,e){var n=null,i=null;return e.closed?("script"===t?n="text/javascript":"style"===t&&(n="text/css"),n=function(t){for(var e=null,n=t.next;n.type!==a.EOF&&t.closed!==n;){if(n.type===a.ATTRIBUTE&&"type"===n.text){n.next&&n.next.type===a.EQUALS&&n.next.next&&n.next.next.type===a.VALUE&&(e=n.next.next.text);break}n=n.next}return e}(e)||n,n.search("text/css")>-1?i="css":n.search(/module|((text|application|dojo)\/(x-)?(javascript|ecmascript|jscript|livescript|(ld\+)?json|method|aspect))/)>-1?i="javascript":n.search(/(text|application|dojo)\/(x-)?(html)/)>-1?i="html":n.search(/test\/null/)>-1&&(i="null"),i):null};function l(t,e){return-1!==e.indexOf(t)}function h(t,e,n){this.parent=t||null,this.tag=e?e.tag_name:"",this.indent_level=n||0,this.parser_token=e||null}function c(t){this._printer=t,this._current_frame=null}function d(t,e,n,r){this._source_text=t||"",e=e||{},this._js_beautify=n,this._css_beautify=r,this._tag_stack=null;var s=new i(e,"html");this._options=s,this._is_wrap_attributes_force="force"===this._options.wrap_attributes.substr(0,"force".length),this._is_wrap_attributes_force_expand_multiline="force-expand-multiline"===this._options.wrap_attributes,this._is_wrap_attributes_force_aligned="force-aligned"===this._options.wrap_attributes,this._is_wrap_attributes_aligned_multiple="aligned-multiple"===this._options.wrap_attributes,this._is_wrap_attributes_preserve="preserve"===this._options.wrap_attributes.substr(0,"preserve".length),this._is_wrap_attributes_preserve_aligned="preserve-aligned"===this._options.wrap_attributes}c.prototype.get_parser_token=function(){return this._current_frame?this._current_frame.parser_token:null},c.prototype.record_tag=function(t){var e=new h(this._current_frame,t,this._printer.indent_level);this._current_frame=e},c.prototype._try_pop_frame=function(t){var e=null;return t&&(e=t.parser_token,this._printer.indent_level=t.indent_level,this._current_frame=t.parent),e},c.prototype._get_frame=function(t,e){for(var n=this._current_frame;n&&-1===t.indexOf(n.tag);){if(e&&-1!==e.indexOf(n.tag)){n=null;break}n=n.parent}return n},c.prototype.try_pop=function(t,e){var n=this._get_frame([t],e);return this._try_pop_frame(n)},c.prototype.indent_to_tag=function(t){var e=this._get_frame(t);e&&(this._printer.indent_level=e.indent_level)},d.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._source_text,e=this._options.eol;"auto"===this._options.eol&&(e="\n",t&&o.test(t)&&(e=t.match(o)[0]));var n=(t=t.replace(_,"\n")).match(/^[\t ]*/)[0],i={text:"",type:""},r=new f,p=new u(this._options,n),l=new s(t,this._options).tokenize();this._tag_stack=new c(p);for(var h=null,d=l.next();d.type!==a.EOF;)d.type===a.TAG_OPEN||d.type===a.COMMENT?r=h=this._handle_tag_open(p,d,r,i):d.type===a.ATTRIBUTE||d.type===a.EQUALS||d.type===a.VALUE||d.type===a.TEXT&&!r.tag_complete?h=this._handle_inside_tag(p,d,r,l):d.type===a.TAG_CLOSE?h=this._handle_tag_close(p,d,r):d.type===a.TEXT?h=this._handle_text(p,d,r):p.add_raw_token(d),i=h,d=l.next();return p._output.get_code(e)},d.prototype._handle_tag_close=function(t,e,n){var i={text:e.text,type:e.type};return t.alignment_size=0,n.tag_complete=!0,t.set_space_before_token(e.newlines||""!==e.whitespace_before,!0),n.is_unformatted?t.add_raw_token(e):("<"===n.tag_start_char&&(t.set_space_before_token("/"===e.text[0],!0),this._is_wrap_attributes_force_expand_multiline&&n.has_wrapped_attrs&&t.print_newline(!1)),t.print_token(e)),!n.indent_content||n.is_unformatted||n.is_content_unformatted||(t.indent(),n.indent_content=!1),n.is_inline_element||n.is_unformatted||n.is_content_unformatted||t.set_wrap_point(),i},d.prototype._handle_inside_tag=function(t,e,n,i){var r=n.has_wrapped_attrs,s={text:e.text,type:e.type};if(t.set_space_before_token(e.newlines||""!==e.whitespace_before,!0),n.is_unformatted)t.add_raw_token(e);else if("{"===n.tag_start_char&&e.type===a.TEXT)t.print_preserved_newlines(e)?(e.newlines=0,t.add_raw_token(e)):t.print_token(e);else{if(e.type===a.ATTRIBUTE?(t.set_space_before_token(!0),n.attr_count+=1):(e.type===a.EQUALS||e.type===a.VALUE&&e.previous.type===a.EQUALS)&&t.set_space_before_token(!1),e.type===a.ATTRIBUTE&&"<"===n.tag_start_char&&((this._is_wrap_attributes_preserve||this._is_wrap_attributes_preserve_aligned)&&(t.traverse_whitespace(e),r=r||0!==e.newlines),this._is_wrap_attributes_force)){var o=n.attr_count>1;if(this._is_wrap_attributes_force_expand_multiline&&1===n.attr_count){var _,u=!0,p=0;do{if((_=i.peek(p)).type===a.ATTRIBUTE){u=!1;break}p+=1}while(p<4&&_.type!==a.EOF&&_.type!==a.TAG_CLOSE);o=!u}o&&(t.print_newline(!1),r=!0)}t.print_token(e),r=r||t.previous_token_wrapped(),n.has_wrapped_attrs=r}return s},d.prototype._handle_text=function(t,e,n){var i={text:e.text,type:"TK_CONTENT"};return n.custom_beautifier_name?this._print_custom_beatifier_text(t,e,n):n.is_unformatted||n.is_content_unformatted?t.add_raw_token(e):(t.traverse_whitespace(e),t.print_token(e)),i},d.prototype._print_custom_beatifier_text=function(t,e,n){var i=this;if(""!==e.text){var r,s=e.text,a=1,o="",_="";"javascript"===n.custom_beautifier_name&&"function"==typeof this._js_beautify?r=this._js_beautify:"css"===n.custom_beautifier_name&&"function"==typeof this._css_beautify?r=this._css_beautify:"html"===n.custom_beautifier_name&&(r=function(t,e){return new d(t,e,i._js_beautify,i._css_beautify).beautify()}),"keep"===this._options.indent_scripts?a=0:"separate"===this._options.indent_scripts&&(a=-t.indent_level);var u=t.get_full_indent(a);if(s=s.replace(/\n[ \t]*$/,""),"html"!==n.custom_beautifier_name&&"<"===s[0]&&s.match(/^(<!--|<!\[CDATA\[)/)){var p=/^(<!--[^\n]*|<!\[CDATA\[)(\n?)([ \t\n]*)([\s\S]*)(-->|]]>)$/.exec(s);if(!p)return void t.add_raw_token(e);o=u+p[1]+"\n",s=p[4],p[5]&&(_=u+p[5]),s=s.replace(/\n[ \t]*$/,""),(p[2]||-1!==p[3].indexOf("\n"))&&(p=p[3].match(/[ \t]+$/))&&(e.whitespace_before=p[0])}if(s)if(r){var l=function(){this.eol="\n"};l.prototype=this._options.raw_options,s=r(u+s,new l)}else{var h=e.whitespace_before;h&&(s=s.replace(new RegExp("\n("+h+")?","g"),"\n")),s=u+s.replace(/\n/g,"\n"+u)}o&&(s=s?o+s+"\n"+_:o+_),t.print_newline(!1),s&&(e.text=s,e.whitespace_before="",e.newlines=0,t.add_raw_token(e),t.print_newline(!0))}},d.prototype._handle_tag_open=function(t,e,n,i){var r=this._get_tag_open_token(e);return!n.is_unformatted&&!n.is_content_unformatted||n.is_empty_element||e.type!==a.TAG_OPEN||0!==e.text.indexOf("</")?(t.traverse_whitespace(e),this._set_tag_position(t,e,r,n,i),r.is_inline_element||t.set_wrap_point(),t.print_token(e)):(t.add_raw_token(e),r.start_tag_token=this._tag_stack.try_pop(r.tag_name)),(this._is_wrap_attributes_force_aligned||this._is_wrap_attributes_aligned_multiple||this._is_wrap_attributes_preserve_aligned)&&(r.alignment_size=e.text.length+1),r.tag_complete||r.is_unformatted||(t.alignment_size=r.alignment_size),r};var f=function(t,e){if(this.parent=t||null,this.text="",this.type="TK_TAG_OPEN",this.tag_name="",this.is_inline_element=!1,this.is_unformatted=!1,this.is_content_unformatted=!1,this.is_empty_element=!1,this.is_start_tag=!1,this.is_end_tag=!1,this.indent_content=!1,this.multiline_content=!1,this.custom_beautifier_name=null,this.start_tag_token=null,this.attr_count=0,this.has_wrapped_attrs=!1,this.alignment_size=0,this.tag_complete=!1,this.tag_start_char="",this.tag_check="",e){var n;this.tag_start_char=e.text[0],this.text=e.text,"<"===this.tag_start_char?(n=e.text.match(/^<([^\s>]*)/),this.tag_check=n?n[1]:""):(n=e.text.match(/^{{~?(?:[\^]|#\*?)?([^\s}]+)/),this.tag_check=n?n[1]:"",(e.text.startsWith("{{#>")||e.text.startsWith("{{~#>"))&&">"===this.tag_check[0]&&(">"===this.tag_check&&null!==e.next?this.tag_check=e.next.text.split(" ")[0]:this.tag_check=e.text.split(">")[1])),this.tag_check=this.tag_check.toLowerCase(),e.type===a.COMMENT&&(this.tag_complete=!0),this.is_start_tag="/"!==this.tag_check.charAt(0),this.tag_name=this.is_start_tag?this.tag_check:this.tag_check.substr(1),this.is_end_tag=!this.is_start_tag||e.closed&&"/>"===e.closed.text;var i=2;"{"===this.tag_start_char&&this.text.length>=3&&"~"===this.text.charAt(2)&&(i=3),this.is_end_tag=this.is_end_tag||"{"===this.tag_start_char&&(this.text.length<3||/[^#\^]/.test(this.text.charAt(i)))}else this.tag_complete=!0};d.prototype._get_tag_open_token=function(t){var e=new f(this._tag_stack.get_parser_token(),t);return e.alignment_size=this._options.wrap_attributes_indent_size,e.is_end_tag=e.is_end_tag||l(e.tag_check,this._options.void_elements),e.is_empty_element=e.tag_complete||e.is_start_tag&&e.is_end_tag,e.is_unformatted=!e.tag_complete&&l(e.tag_check,this._options.unformatted),e.is_content_unformatted=!e.is_empty_element&&l(e.tag_check,this._options.content_unformatted),e.is_inline_element=l(e.tag_name,this._options.inline)||e.tag_name.includes("-")||"{"===e.tag_start_char,e},d.prototype._set_tag_position=function(t,e,n,i,r){if(n.is_empty_element||(n.is_end_tag?n.start_tag_token=this._tag_stack.try_pop(n.tag_name):(this._do_optional_end_element(n)&&(n.is_inline_element||t.print_newline(!1)),this._tag_stack.record_tag(n),"script"!==n.tag_name&&"style"!==n.tag_name||n.is_unformatted||n.is_content_unformatted||(n.custom_beautifier_name=p(n.tag_check,e)))),l(n.tag_check,this._options.extra_liners)&&(t.print_newline(!1),t._output.just_added_blankline()||t.print_newline(!0)),n.is_empty_element){if("{"===n.tag_start_char&&"else"===n.tag_check)this._tag_stack.indent_to_tag(["if","unless","each"]),n.indent_content=!0,t.current_line_has_match(/{{#if/)||t.print_newline(!1);"!--"===n.tag_name&&r.type===a.TAG_CLOSE&&i.is_end_tag&&-1===n.text.indexOf("\n")||(n.is_inline_element||n.is_unformatted||t.print_newline(!1),this._calcluate_parent_multiline(t,n))}else if(n.is_end_tag){var s=!1;s=(s=n.start_tag_token&&n.start_tag_token.multiline_content)||!n.is_inline_element&&!(i.is_inline_element||i.is_unformatted)&&!(r.type===a.TAG_CLOSE&&n.start_tag_token===i)&&"TK_CONTENT"!==r.type,(n.is_content_unformatted||n.is_unformatted)&&(s=!1),s&&t.print_newline(!1)}else n.indent_content=!n.custom_beautifier_name,"<"===n.tag_start_char&&("html"===n.tag_name?n.indent_content=this._options.indent_inner_html:"head"===n.tag_name?n.indent_content=this._options.indent_head_inner_html:"body"===n.tag_name&&(n.indent_content=this._options.indent_body_inner_html)),n.is_inline_element||n.is_unformatted||"TK_CONTENT"===r.type&&!n.is_content_unformatted||t.print_newline(!1),this._calcluate_parent_multiline(t,n)},d.prototype._calcluate_parent_multiline=function(t,e){!e.parent||!t._output.just_added_newline()||(e.is_inline_element||e.is_unformatted)&&e.parent.is_inline_element||(e.parent.multiline_content=!0)};var g=["address","article","aside","blockquote","details","div","dl","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hr","main","nav","ol","p","pre","section","table","ul"],m=["a","audio","del","ins","map","noscript","video"];d.prototype._do_optional_end_element=function(t){var e=null;if(!t.is_empty_element&&t.is_start_tag&&t.parent){if("body"===t.tag_name)e=e||this._tag_stack.try_pop("head");else if("li"===t.tag_name)e=e||this._tag_stack.try_pop("li",["ol","ul"]);else if("dd"===t.tag_name||"dt"===t.tag_name)e=(e=e||this._tag_stack.try_pop("dt",["dl"]))||this._tag_stack.try_pop("dd",["dl"]);else if("p"===t.parent.tag_name&&-1!==g.indexOf(t.tag_name)){var n=t.parent.parent;n&&-1!==m.indexOf(n.tag_name)||(e=e||this._tag_stack.try_pop("p"))}else"rp"===t.tag_name||"rt"===t.tag_name?e=(e=e||this._tag_stack.try_pop("rt",["ruby","rtc"]))||this._tag_stack.try_pop("rp",["ruby","rtc"]):"optgroup"===t.tag_name?e=e||this._tag_stack.try_pop("optgroup",["select"]):"option"===t.tag_name?e=e||this._tag_stack.try_pop("option",["select","datalist","optgroup"]):"colgroup"===t.tag_name?e=e||this._tag_stack.try_pop("caption",["table"]):"thead"===t.tag_name?e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]):"tbody"===t.tag_name||"tfoot"===t.tag_name?e=(e=(e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]))||this._tag_stack.try_pop("thead",["table"]))||this._tag_stack.try_pop("tbody",["table"]):"tr"===t.tag_name?e=(e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]))||this._tag_stack.try_pop("tr",["table","thead","tbody","tfoot"]):"th"!==t.tag_name&&"td"!==t.tag_name||(e=(e=e||this._tag_stack.try_pop("td",["table","thead","tbody","tfoot","tr"]))||this._tag_stack.try_pop("th",["table","thead","tbody","tfoot","tr"]));return t.parent=this._tag_stack.get_parser_token(),e}},t.exports.Beautifier=d},function(t,e,n){var i=n(6).Options;function r(t){i.call(this,t,"html"),1===this.templating.length&&"auto"===this.templating[0]&&(this.templating=["django","erb","handlebars","php"]),this.indent_inner_html=this._get_boolean("indent_inner_html"),this.indent_body_inner_html=this._get_boolean("indent_body_inner_html",!0),this.indent_head_inner_html=this._get_boolean("indent_head_inner_html",!0),this.indent_handlebars=this._get_boolean("indent_handlebars",!0),this.wrap_attributes=this._get_selection("wrap_attributes",["auto","force","force-aligned","force-expand-multiline","aligned-multiple","preserve","preserve-aligned"]),this.wrap_attributes_indent_size=this._get_number("wrap_attributes_indent_size",this.indent_size),this.extra_liners=this._get_array("extra_liners",["head","body","/html"]),this.inline=this._get_array("inline",["a","abbr","area","audio","b","bdi","bdo","br","button","canvas","cite","code","data","datalist","del","dfn","em","embed","i","iframe","img","input","ins","kbd","keygen","label","map","mark","math","meter","noscript","object","output","progress","q","ruby","s","samp","select","small","span","strong","sub","sup","svg","template","textarea","time","u","var","video","wbr","text","acronym","big","strike","tt"]),this.void_elements=this._get_array("void_elements",["area","base","br","col","embed","hr","img","input","keygen","link","menuitem","meta","param","source","track","wbr","!doctype","?xml","basefont","isindex"]),this.unformatted=this._get_array("unformatted",[]),this.content_unformatted=this._get_array("content_unformatted",["pre","textarea"]),this.unformatted_content_delimiter=this._get_characters("unformatted_content_delimiter"),this.indent_scripts=this._get_selection("indent_scripts",["normal","keep","separate"])}r.prototype=new i,t.exports.Options=r},function(t,e,n){var i=n(9).Tokenizer,r=n(9).TOKEN,s=n(13).Directives,a=n(14).TemplatablePattern,o=n(12).Pattern,_={TAG_OPEN:"TK_TAG_OPEN",TAG_CLOSE:"TK_TAG_CLOSE",ATTRIBUTE:"TK_ATTRIBUTE",EQUALS:"TK_EQUALS",VALUE:"TK_VALUE",COMMENT:"TK_COMMENT",TEXT:"TK_TEXT",UNKNOWN:"TK_UNKNOWN",START:r.START,RAW:r.RAW,EOF:r.EOF},u=new s(/<\!--/,/-->/),p=function(t,e){i.call(this,t,e),this._current_tag_name="";var n=new a(this._input).read_options(this._options),r=new o(this._input);if(this.__patterns={word:n.until(/[\n\r\t <]/),single_quote:n.until_after(/'/),double_quote:n.until_after(/"/),attribute:n.until(/[\n\r\t =>]|\/>/),element_name:n.until(/[\n\r\t >\/]/),handlebars_comment:r.starting_with(/{{!--/).until_after(/--}}/),handlebars:r.starting_with(/{{/).until_after(/}}/),handlebars_open:r.until(/[\n\r\t }]/),handlebars_raw_close:r.until(/}}/),comment:r.starting_with(/<!--/).until_after(/-->/),cdata:r.starting_with(/<!\[CDATA\[/).until_after(/]]>/),conditional_comment:r.starting_with(/<!\[/).until_after(/]>/),processing:r.starting_with(/<\?/).until_after(/\?>/)},this._options.indent_handlebars&&(this.__patterns.word=this.__patterns.word.exclude("handlebars")),this._unformatted_content_delimiter=null,this._options.unformatted_content_delimiter){var s=this._input.get_literal_regexp(this._options.unformatted_content_delimiter);this.__patterns.unformatted_content_delimiter=r.matching(s).until_after(s)}};(p.prototype=new i)._is_comment=function(t){return!1},p.prototype._is_opening=function(t){return t.type===_.TAG_OPEN},p.prototype._is_closing=function(t,e){return t.type===_.TAG_CLOSE&&e&&((">"===t.text||"/>"===t.text)&&"<"===e.text[0]||"}}"===t.text&&"{"===e.text[0]&&"{"===e.text[1])},p.prototype._reset=function(){this._current_tag_name=""},p.prototype._get_next_token=function(t,e){var n=null;this._readWhitespace();var i=this._input.peek();return null===i?this._create_token(_.EOF,""):n=(n=(n=(n=(n=(n=(n=(n=(n=n||this._read_open_handlebars(i,e))||this._read_attribute(i,t,e))||this._read_close(i,e))||this._read_raw_content(i,t,e))||this._read_content_word(i))||this._read_comment_or_cdata(i))||this._read_processing(i))||this._read_open(i,e))||this._create_token(_.UNKNOWN,this._input.next())},p.prototype._read_comment_or_cdata=function(t){var e=null,n=null,i=null;"<"===t&&("!"===this._input.peek(1)&&((n=this.__patterns.comment.read())?(i=u.get_directives(n))&&"start"===i.ignore&&(n+=u.readIgnored(this._input)):n=this.__patterns.cdata.read()),n&&((e=this._create_token(_.COMMENT,n)).directives=i));return e},p.prototype._read_processing=function(t){var e=null,n=null;if("<"===t){var i=this._input.peek(1);"!"!==i&&"?"!==i||(n=(n=this.__patterns.conditional_comment.read())||this.__patterns.processing.read()),n&&((e=this._create_token(_.COMMENT,n)).directives=null)}return e},p.prototype._read_open=function(t,e){var n=null,i=null;return e||"<"===t&&(n=this._input.next(),"/"===this._input.peek()&&(n+=this._input.next()),n+=this.__patterns.element_name.read(),i=this._create_token(_.TAG_OPEN,n)),i},p.prototype._read_open_handlebars=function(t,e){var n=null,i=null;return e||this._options.indent_handlebars&&"{"===t&&"{"===this._input.peek(1)&&("!"===this._input.peek(2)?(n=(n=this.__patterns.handlebars_comment.read())||this.__patterns.handlebars.read(),i=this._create_token(_.COMMENT,n)):(n=this.__patterns.handlebars_open.read(),i=this._create_token(_.TAG_OPEN,n))),i},p.prototype._read_close=function(t,e){var n=null,i=null;return e&&("<"===e.text[0]&&(">"===t||"/"===t&&">"===this._input.peek(1))?(n=this._input.next(),"/"===t&&(n+=this._input.next()),i=this._create_token(_.TAG_CLOSE,n)):"{"===e.text[0]&&"}"===t&&"}"===this._input.peek(1)&&(this._input.next(),this._input.next(),i=this._create_token(_.TAG_CLOSE,"}}"))),i},p.prototype._read_attribute=function(t,e,n){var i=null,r="";if(n&&"<"===n.text[0])if("="===t)i=this._create_token(_.EQUALS,this._input.next());else if('"'===t||"'"===t){var s=this._input.next();s+='"'===t?this.__patterns.double_quote.read():this.__patterns.single_quote.read(),i=this._create_token(_.VALUE,s)}else(r=this.__patterns.attribute.read())&&(i=e.type===_.EQUALS?this._create_token(_.VALUE,r):this._create_token(_.ATTRIBUTE,r));return i},p.prototype._is_content_unformatted=function(t){return-1===this._options.void_elements.indexOf(t)&&(-1!==this._options.content_unformatted.indexOf(t)||-1!==this._options.unformatted.indexOf(t))},p.prototype._read_raw_content=function(t,e,n){var i="";if(n&&"{"===n.text[0])i=this.__patterns.handlebars_raw_close.read();else if(e.type===_.TAG_CLOSE&&"<"===e.opened.text[0]&&"/"!==e.text[0]){var r=e.opened.text.substr(1).toLowerCase();if("script"===r||"style"===r){var s=this._read_comment_or_cdata(t);if(s)return s.type=_.TEXT,s;i=this._input.readUntil(new RegExp("</"+r+"[\\n\\r\\t ]*?>","ig"))}else this._is_content_unformatted(r)&&(i=this._input.readUntil(new RegExp("</"+r+"[\\n\\r\\t ]*?>","ig")))}return i?this._create_token(_.TEXT,i):null},p.prototype._read_content_word=function(t){var e="";if(this._options.unformatted_content_delimiter&&t===this._options.unformatted_content_delimiter[0]&&(e=this.__patterns.unformatted_content_delimiter.read()),e||(e=this.__patterns.word.read()),e)return this._create_token(_.TEXT,e)},t.exports.Tokenizer=p,t.exports.TOKEN=_}],e={};var n=function n(i){var r=e[i];if(void 0!==r)return r.exports;var s=e[i]={exports:{}};return t[i](s,s.exports,n),s.exports}(18);a=n}();var o=a;i=[n,n(385),n(386)],r=function(t){var e=n(385),i=n(386);return{html_beautify:function(t,n){return o(t,n,e.js_beautify,i.css_beautify)}}}.apply(e,i),void 0===r||(t.exports=r)}()},385:function(t,e){var n;function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}!function(){var r;!function(){"use strict";var t=[function(t,e,n){var i=n(1).Beautifier,r=n(5).Options;t.exports=function(t,e){return new i(t,e).beautify()},t.exports.defaultOptions=function(){return new r}},function(t,e,n){var i=n(2).Output,r=n(3).Token,s=n(4),a=n(5).Options,o=n(7).Tokenizer,_=n(7).line_starters,u=n(7).positionable_operators,p=n(7).TOKEN;function l(t,e){return-1!==e.indexOf(t)}function h(t,e){return t&&t.type===p.RESERVED&&t.text===e}function c(t,e){return t&&t.type===p.RESERVED&&l(t.text,e)}var d=["case","return","do","if","throw","else","await","break","continue","async"],f=function(t){for(var e={},n=0;n<t.length;n++)e[t[n].replace(/-/g,"_")]=t[n];return e}(["before-newline","after-newline","preserve-newline"]),g=[f.before_newline,f.preserve_newline],m="BlockStatement",y="Statement",b="ObjectLiteral",v="ArrayLiteral",k="ForInitializer",w="Conditional",x="Expression";function S(t,e){e.multiline_frame||e.mode===k||e.mode===w||t.remove_indent(e.start_line_index)}function E(t){return t===v}function O(t){return l(t,[x,k,w])}function P(t,e){e=e||{},this._source_text=t||"",this._output=null,this._tokens=null,this._last_last_text=null,this._flags=null,this._previous_flags=null,this._flag_store=null,this._options=new a(e)}P.prototype.create_flags=function(t,e){var n=0;return t&&(n=t.indentation_level,!this._output.just_added_newline()&&t.line_indent_level>n&&(n=t.line_indent_level)),{mode:e,parent:t,last_token:t?t.last_token:new r(p.START_BLOCK,""),last_word:t?t.last_word:"",declaration_statement:!1,declaration_assignment:!1,multiline_frame:!1,inline_frame:!1,if_block:!1,else_block:!1,class_start_block:!1,do_block:!1,do_while:!1,import_block:!1,in_case_statement:!1,in_case:!1,case_body:!1,case_block:!1,indentation_level:n,alignment:0,line_indent_level:t?t.line_indent_level:n,start_line_index:this._output.get_line_number(),ternary_depth:0}},P.prototype._reset=function(t){var e=t.match(/^[\t ]*/)[0];this._last_last_text="",this._output=new i(this._options,e),this._output.raw=this._options.test_output_raw,this._flag_store=[],this.set_mode(m);var n=new o(t,this._options);return this._tokens=n.tokenize(),t},P.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._reset(this._source_text),e=this._options.eol;"auto"===this._options.eol&&(e="\n",t&&s.lineBreak.test(t||"")&&(e=t.match(s.lineBreak)[0]));for(var n=this._tokens.next();n;)this.handle_token(n),this._last_last_text=this._flags.last_token.text,this._flags.last_token=n,n=this._tokens.next();return this._output.get_code(e)},P.prototype.handle_token=function(t,e){t.type===p.START_EXPR?this.handle_start_expr(t):t.type===p.END_EXPR?this.handle_end_expr(t):t.type===p.START_BLOCK?this.handle_start_block(t):t.type===p.END_BLOCK?this.handle_end_block(t):t.type===p.WORD||t.type===p.RESERVED?this.handle_word(t):t.type===p.SEMICOLON?this.handle_semicolon(t):t.type===p.STRING?this.handle_string(t):t.type===p.EQUALS?this.handle_equals(t):t.type===p.OPERATOR?this.handle_operator(t):t.type===p.COMMA?this.handle_comma(t):t.type===p.BLOCK_COMMENT?this.handle_block_comment(t,e):t.type===p.COMMENT?this.handle_comment(t,e):t.type===p.DOT?this.handle_dot(t):t.type===p.EOF?this.handle_eof(t):(t.type,p.UNKNOWN,this.handle_unknown(t,e))},P.prototype.handle_whitespace_and_comments=function(t,e){var n=t.newlines,i=this._options.keep_array_indentation&&E(this._flags.mode);if(t.comments_before)for(var r=t.comments_before.next();r;)this.handle_whitespace_and_comments(r,e),this.handle_token(r,e),r=t.comments_before.next();if(i)for(var s=0;s<n;s+=1)this.print_newline(s>0,e);else if(this._options.max_preserve_newlines&&n>this._options.max_preserve_newlines&&(n=this._options.max_preserve_newlines),this._options.preserve_newlines&&n>1){this.print_newline(!1,e);for(var a=1;a<n;a+=1)this.print_newline(!0,e)}};var A=["async","break","continue","return","throw","yield"];P.prototype.allow_wrap_or_preserved_newline=function(t,e){if(e=void 0!==e&&e,!this._output.just_added_newline()){var n=this._options.preserve_newlines&&t.newlines||e;if(l(this._flags.last_token.text,u)||l(t.text,u)){var i=l(this._flags.last_token.text,u)&&l(this._options.operator_position,g)||l(t.text,u);n=n&&i}if(n)this.print_newline(!1,!0);else if(this._options.wrap_line_length){if(c(this._flags.last_token,A))return;this._output.set_wrap_point()}}},P.prototype.print_newline=function(t,e){if(!e&&";"!==this._flags.last_token.text&&","!==this._flags.last_token.text&&"="!==this._flags.last_token.text&&(this._flags.last_token.type!==p.OPERATOR||"--"===this._flags.last_token.text||"++"===this._flags.last_token.text))for(var n=this._tokens.peek();!(this._flags.mode!==y||this._flags.if_block&&h(n,"else")||this._flags.do_block);)this.restore_mode();this._output.add_new_line(t)&&(this._flags.multiline_frame=!0)},P.prototype.print_token_line_indentation=function(t){this._output.just_added_newline()&&(this._options.keep_array_indentation&&t.newlines&&("["===t.text||E(this._flags.mode))?(this._output.current_line.set_indent(-1),this._output.current_line.push(t.whitespace_before),this._output.space_before_token=!1):this._output.set_indent(this._flags.indentation_level,this._flags.alignment)&&(this._flags.line_indent_level=this._flags.indentation_level))},P.prototype.print_token=function(t){if(this._output.raw)this._output.add_raw_token(t);else{if(this._options.comma_first&&t.previous&&t.previous.type===p.COMMA&&this._output.just_added_newline()&&","===this._output.previous_line.last()){var e=this._output.previous_line.pop();this._output.previous_line.is_empty()&&(this._output.previous_line.push(e),this._output.trim(!0),this._output.current_line.pop(),this._output.trim()),this.print_token_line_indentation(t),this._output.add_token(","),this._output.space_before_token=!0}this.print_token_line_indentation(t),this._output.non_breaking_space=!0,this._output.add_token(t.text),this._output.previous_token_wrapped&&(this._flags.multiline_frame=!0)}},P.prototype.indent=function(){this._flags.indentation_level+=1,this._output.set_indent(this._flags.indentation_level,this._flags.alignment)},P.prototype.deindent=function(){this._flags.indentation_level>0&&(!this._flags.parent||this._flags.indentation_level>this._flags.parent.indentation_level)&&(this._flags.indentation_level-=1,this._output.set_indent(this._flags.indentation_level,this._flags.alignment))},P.prototype.set_mode=function(t){this._flags?(this._flag_store.push(this._flags),this._previous_flags=this._flags):this._previous_flags=this.create_flags(null,t),this._flags=this.create_flags(this._previous_flags,t),this._output.set_indent(this._flags.indentation_level,this._flags.alignment)},P.prototype.restore_mode=function(){this._flag_store.length>0&&(this._previous_flags=this._flags,this._flags=this._flag_store.pop(),this._previous_flags.mode===y&&S(this._output,this._previous_flags),this._output.set_indent(this._flags.indentation_level,this._flags.alignment))},P.prototype.start_of_object_property=function(){return this._flags.parent.mode===b&&this._flags.mode===y&&(":"===this._flags.last_token.text&&0===this._flags.ternary_depth||c(this._flags.last_token,["get","set"]))},P.prototype.start_of_statement=function(t){var e=!1;return!!(e=(e=(e=(e=(e=(e=(e=e||c(this._flags.last_token,["var","let","const"])&&t.type===p.WORD)||h(this._flags.last_token,"do"))||!(this._flags.parent.mode===b&&this._flags.mode===y)&&c(this._flags.last_token,A)&&!t.newlines)||h(this._flags.last_token,"else")&&!(h(t,"if")&&!t.comments_before))||this._flags.last_token.type===p.END_EXPR&&(this._previous_flags.mode===k||this._previous_flags.mode===w))||this._flags.last_token.type===p.WORD&&this._flags.mode===m&&!this._flags.in_case&&!("--"===t.text||"++"===t.text)&&"function"!==this._last_last_text&&t.type!==p.WORD&&t.type!==p.RESERVED)||this._flags.mode===b&&(":"===this._flags.last_token.text&&0===this._flags.ternary_depth||c(this._flags.last_token,["get","set"])))&&(this.set_mode(y),this.indent(),this.handle_whitespace_and_comments(t,!0),this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t,c(t,["do","for","if","while"])),!0)},P.prototype.handle_start_expr=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t);var e=x;if("["===t.text){if(this._flags.last_token.type===p.WORD||")"===this._flags.last_token.text)return c(this._flags.last_token,_)&&(this._output.space_before_token=!0),this.print_token(t),this.set_mode(e),this.indent(),void(this._options.space_in_paren&&(this._output.space_before_token=!0));e=v,E(this._flags.mode)&&("["!==this._flags.last_token.text&&(","!==this._flags.last_token.text||"]"!==this._last_last_text&&"}"!==this._last_last_text)||this._options.keep_array_indentation||this.print_newline()),l(this._flags.last_token.type,[p.START_EXPR,p.END_EXPR,p.WORD,p.OPERATOR,p.DOT])||(this._output.space_before_token=!0)}else{if(this._flags.last_token.type===p.RESERVED)"for"===this._flags.last_token.text?(this._output.space_before_token=this._options.space_before_conditional,e=k):l(this._flags.last_token.text,["if","while","switch"])?(this._output.space_before_token=this._options.space_before_conditional,e=w):l(this._flags.last_word,["await","async"])?this._output.space_before_token=!0:"import"===this._flags.last_token.text&&""===t.whitespace_before?this._output.space_before_token=!1:(l(this._flags.last_token.text,_)||"catch"===this._flags.last_token.text)&&(this._output.space_before_token=!0);else if(this._flags.last_token.type===p.EQUALS||this._flags.last_token.type===p.OPERATOR)this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t);else if(this._flags.last_token.type===p.WORD){this._output.space_before_token=!1;var n=this._tokens.peek(-3);if(this._options.space_after_named_function&&n){var i=this._tokens.peek(-4);c(n,["async","function"])||"*"===n.text&&c(i,["async","function"])?this._output.space_before_token=!0:this._flags.mode===b?"{"!==n.text&&","!==n.text&&("*"!==n.text||"{"!==i.text&&","!==i.text)||(this._output.space_before_token=!0):this._flags.parent&&this._flags.parent.class_start_block&&(this._output.space_before_token=!0)}}else this.allow_wrap_or_preserved_newline(t);(this._flags.last_token.type===p.RESERVED&&("function"===this._flags.last_word||"typeof"===this._flags.last_word)||"*"===this._flags.last_token.text&&(l(this._last_last_text,["function","yield"])||this._flags.mode===b&&l(this._last_last_text,["{",","])))&&(this._output.space_before_token=this._options.space_after_anon_function)}";"===this._flags.last_token.text||this._flags.last_token.type===p.START_BLOCK?this.print_newline():this._flags.last_token.type!==p.END_EXPR&&this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.END_BLOCK&&"."!==this._flags.last_token.text&&this._flags.last_token.type!==p.COMMA||this.allow_wrap_or_preserved_newline(t,t.newlines),this.print_token(t),this.set_mode(e),this._options.space_in_paren&&(this._output.space_before_token=!0),this.indent()},P.prototype.handle_end_expr=function(t){for(;this._flags.mode===y;)this.restore_mode();this.handle_whitespace_and_comments(t),this._flags.multiline_frame&&this.allow_wrap_or_preserved_newline(t,"]"===t.text&&E(this._flags.mode)&&!this._options.keep_array_indentation),this._options.space_in_paren&&(this._flags.last_token.type!==p.START_EXPR||this._options.space_in_empty_paren?this._output.space_before_token=!0:(this._output.trim(),this._output.space_before_token=!1)),this.deindent(),this.print_token(t),this.restore_mode(),S(this._output,this._previous_flags),this._flags.do_while&&this._previous_flags.mode===w&&(this._previous_flags.mode=x,this._flags.do_block=!1,this._flags.do_while=!1)},P.prototype.handle_start_block=function(t){this.handle_whitespace_and_comments(t);var e=this._tokens.peek(),n=this._tokens.peek(1);"switch"===this._flags.last_word&&this._flags.last_token.type===p.END_EXPR?(this.set_mode(m),this._flags.in_case_statement=!0):this._flags.case_body?this.set_mode(m):n&&(l(n.text,[":",","])&&l(e.type,[p.STRING,p.WORD,p.RESERVED])||l(e.text,["get","set","..."])&&l(n.type,[p.WORD,p.RESERVED]))?l(this._last_last_text,["class","interface"])&&!l(n.text,[":",","])?this.set_mode(m):this.set_mode(b):this._flags.last_token.type===p.OPERATOR&&"=>"===this._flags.last_token.text?this.set_mode(m):l(this._flags.last_token.type,[p.EQUALS,p.START_EXPR,p.COMMA,p.OPERATOR])||c(this._flags.last_token,["return","throw","import","default"])?this.set_mode(b):this.set_mode(m),this._flags.last_token&&c(this._flags.last_token.previous,["class","extends"])&&(this._flags.class_start_block=!0);var i=!e.comments_before&&"}"===e.text,r=i&&"function"===this._flags.last_word&&this._flags.last_token.type===p.END_EXPR;if(this._options.brace_preserve_inline){var s=0,a=null;this._flags.inline_frame=!0;do{if(s+=1,(a=this._tokens.peek(s-1)).newlines){this._flags.inline_frame=!1;break}}while(a.type!==p.EOF&&(a.type!==p.END_BLOCK||a.opened!==t))}("expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines)&&!this._flags.inline_frame?this._flags.last_token.type!==p.OPERATOR&&(r||this._flags.last_token.type===p.EQUALS||c(this._flags.last_token,d)&&"else"!==this._flags.last_token.text)?this._output.space_before_token=!0:this.print_newline(!1,!0):(!E(this._previous_flags.mode)||this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.COMMA||((this._flags.last_token.type===p.COMMA||this._options.space_in_paren)&&(this._output.space_before_token=!0),(this._flags.last_token.type===p.COMMA||this._flags.last_token.type===p.START_EXPR&&this._flags.inline_frame)&&(this.allow_wrap_or_preserved_newline(t),this._previous_flags.multiline_frame=this._previous_flags.multiline_frame||this._flags.multiline_frame,this._flags.multiline_frame=!1)),this._flags.last_token.type!==p.OPERATOR&&this._flags.last_token.type!==p.START_EXPR&&(this._flags.last_token.type!==p.START_BLOCK||this._flags.inline_frame?this._output.space_before_token=!0:this.print_newline())),this.print_token(t),this.indent(),i||this._options.brace_preserve_inline&&this._flags.inline_frame||this.print_newline()},P.prototype.handle_end_block=function(t){for(this.handle_whitespace_and_comments(t);this._flags.mode===y;)this.restore_mode();var e=this._flags.last_token.type===p.START_BLOCK;this._flags.inline_frame&&!e?this._output.space_before_token=!0:"expand"===this._options.brace_style?e||this.print_newline():e||(E(this._flags.mode)&&this._options.keep_array_indentation?(this._options.keep_array_indentation=!1,this.print_newline(),this._options.keep_array_indentation=!0):this.print_newline()),this.restore_mode(),this.print_token(t)},P.prototype.handle_word=function(t){if(t.type===p.RESERVED)if(l(t.text,["set","get"])&&this._flags.mode!==b)t.type=p.WORD;else if("import"===t.text&&l(this._tokens.peek().text,["(","."]))t.type=p.WORD;else if(l(t.text,["as","from"])&&!this._flags.import_block)t.type=p.WORD;else if(this._flags.mode===b){":"===this._tokens.peek().text&&(t.type=p.WORD)}if(this.start_of_statement(t)?c(this._flags.last_token,["var","let","const"])&&t.type===p.WORD&&(this._flags.declaration_statement=!0):!t.newlines||O(this._flags.mode)||this._flags.last_token.type===p.OPERATOR&&"--"!==this._flags.last_token.text&&"++"!==this._flags.last_token.text||this._flags.last_token.type===p.EQUALS||!this._options.preserve_newlines&&c(this._flags.last_token,["var","let","const","set","get"])?this.handle_whitespace_and_comments(t):(this.handle_whitespace_and_comments(t),this.print_newline()),this._flags.do_block&&!this._flags.do_while){if(h(t,"while"))return this._output.space_before_token=!0,this.print_token(t),this._output.space_before_token=!0,void(this._flags.do_while=!0);this.print_newline(),this._flags.do_block=!1}if(this._flags.if_block)if(!this._flags.else_block&&h(t,"else"))this._flags.else_block=!0;else{for(;this._flags.mode===y;)this.restore_mode();this._flags.if_block=!1,this._flags.else_block=!1}if(this._flags.in_case_statement&&c(t,["case","default"]))return this.print_newline(),this._flags.case_block||!this._flags.case_body&&!this._options.jslint_happy||this.deindent(),this._flags.case_body=!1,this.print_token(t),void(this._flags.in_case=!0);if(this._flags.last_token.type!==p.COMMA&&this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.EQUALS&&this._flags.last_token.type!==p.OPERATOR||this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t),h(t,"function"))return(l(this._flags.last_token.text,["}",";"])||this._output.just_added_newline()&&!l(this._flags.last_token.text,["(","[","{",":","=",","])&&this._flags.last_token.type!==p.OPERATOR)&&(this._output.just_added_blankline()||t.comments_before||(this.print_newline(),this.print_newline(!0))),this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD?c(this._flags.last_token,["get","set","new","export"])||c(this._flags.last_token,A)||h(this._flags.last_token,"default")&&"export"===this._last_last_text||"declare"===this._flags.last_token.text?this._output.space_before_token=!0:this.print_newline():this._flags.last_token.type===p.OPERATOR||"="===this._flags.last_token.text?this._output.space_before_token=!0:(this._flags.multiline_frame||!O(this._flags.mode)&&!E(this._flags.mode))&&this.print_newline(),this.print_token(t),void(this._flags.last_word=t.text);var e="NONE";(this._flags.last_token.type===p.END_BLOCK?this._previous_flags.inline_frame?e="SPACE":c(t,["else","catch","finally","from"])?"expand"===this._options.brace_style||"end-expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines?e="NEWLINE":(e="SPACE",this._output.space_before_token=!0):e="NEWLINE":this._flags.last_token.type===p.SEMICOLON&&this._flags.mode===m?e="NEWLINE":this._flags.last_token.type===p.SEMICOLON&&O(this._flags.mode)?e="SPACE":this._flags.last_token.type===p.STRING?e="NEWLINE":this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD||"*"===this._flags.last_token.text&&(l(this._last_last_text,["function","yield"])||this._flags.mode===b&&l(this._last_last_text,["{",","]))?e="SPACE":this._flags.last_token.type===p.START_BLOCK?e=this._flags.inline_frame?"SPACE":"NEWLINE":this._flags.last_token.type===p.END_EXPR&&(this._output.space_before_token=!0,e="NEWLINE"),c(t,_)&&")"!==this._flags.last_token.text&&(e=this._flags.inline_frame||"else"===this._flags.last_token.text||"export"===this._flags.last_token.text?"SPACE":"NEWLINE"),c(t,["else","catch","finally"]))?(this._flags.last_token.type!==p.END_BLOCK||this._previous_flags.mode!==m||"expand"===this._options.brace_style||"end-expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines)&&!this._flags.inline_frame?this.print_newline():(this._output.trim(!0),"}"!==this._output.current_line.last()&&this.print_newline(),this._output.space_before_token=!0):"NEWLINE"===e?c(this._flags.last_token,d)||"declare"===this._flags.last_token.text&&c(t,["var","let","const"])?this._output.space_before_token=!0:this._flags.last_token.type!==p.END_EXPR?this._flags.last_token.type===p.START_EXPR&&c(t,["var","let","const"])||":"===this._flags.last_token.text||(h(t,"if")&&h(t.previous,"else")?this._output.space_before_token=!0:this.print_newline()):c(t,_)&&")"!==this._flags.last_token.text&&this.print_newline():this._flags.multiline_frame&&E(this._flags.mode)&&","===this._flags.last_token.text&&"}"===this._last_last_text?this.print_newline():"SPACE"===e&&(this._output.space_before_token=!0);!t.previous||t.previous.type!==p.WORD&&t.previous.type!==p.RESERVED||(this._output.space_before_token=!0),this.print_token(t),this._flags.last_word=t.text,t.type===p.RESERVED&&("do"===t.text?this._flags.do_block=!0:"if"===t.text?this._flags.if_block=!0:"import"===t.text?this._flags.import_block=!0:this._flags.import_block&&h(t,"from")&&(this._flags.import_block=!1))},P.prototype.handle_semicolon=function(t){this.start_of_statement(t)?this._output.space_before_token=!1:this.handle_whitespace_and_comments(t);for(var e=this._tokens.peek();!(this._flags.mode!==y||this._flags.if_block&&h(e,"else")||this._flags.do_block);)this.restore_mode();this._flags.import_block&&(this._flags.import_block=!1),this.print_token(t)},P.prototype.handle_string=function(t){(!t.text.startsWith("`")||0!==t.newlines||""!==t.whitespace_before||")"!==t.previous.text&&this._flags.last_token.type!==p.WORD)&&(this.start_of_statement(t)?this._output.space_before_token=!0:(this.handle_whitespace_and_comments(t),this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD||this._flags.inline_frame?this._output.space_before_token=!0:this._flags.last_token.type===p.COMMA||this._flags.last_token.type===p.START_EXPR||this._flags.last_token.type===p.EQUALS||this._flags.last_token.type===p.OPERATOR?this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t):!t.text.startsWith("`")||this._flags.last_token.type!==p.END_EXPR||"]"!==t.previous.text&&")"!==t.previous.text||0!==t.newlines?this.print_newline():this._output.space_before_token=!0)),this.print_token(t)},P.prototype.handle_equals=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t),this._flags.declaration_statement&&(this._flags.declaration_assignment=!0),this._output.space_before_token=!0,this.print_token(t),this._output.space_before_token=!0},P.prototype.handle_comma=function(t){this.handle_whitespace_and_comments(t,!0),this.print_token(t),this._output.space_before_token=!0,this._flags.declaration_statement?(O(this._flags.parent.mode)&&(this._flags.declaration_assignment=!1),this._flags.declaration_assignment?(this._flags.declaration_assignment=!1,this.print_newline(!1,!0)):this._options.comma_first&&this.allow_wrap_or_preserved_newline(t)):this._flags.mode===b||this._flags.mode===y&&this._flags.parent.mode===b?(this._flags.mode===y&&this.restore_mode(),this._flags.inline_frame||this.print_newline()):this._options.comma_first&&this.allow_wrap_or_preserved_newline(t)},P.prototype.handle_operator=function(t){var e="*"===t.text&&(c(this._flags.last_token,["function","yield"])||l(this._flags.last_token.type,[p.START_BLOCK,p.COMMA,p.END_BLOCK,p.SEMICOLON])),n=l(t.text,["-","+"])&&(l(this._flags.last_token.type,[p.START_BLOCK,p.START_EXPR,p.EQUALS,p.OPERATOR])||l(this._flags.last_token.text,_)||","===this._flags.last_token.text);if(this.start_of_statement(t));else{var i=!e;this.handle_whitespace_and_comments(t,i)}if("*"!==t.text||this._flags.last_token.type!==p.DOT)if("::"!==t.text){if(this._flags.last_token.type===p.OPERATOR&&l(this._options.operator_position,g)&&this.allow_wrap_or_preserved_newline(t),":"===t.text&&this._flags.in_case)return this.print_token(t),this._flags.in_case=!1,this._flags.case_body=!0,void(this._tokens.peek().type!==p.START_BLOCK?(this.indent(),this.print_newline(),this._flags.case_block=!1):(this._flags.case_block=!0,this._output.space_before_token=!0));var r=!0,s=!0,a=!1;if(":"===t.text?0===this._flags.ternary_depth?r=!1:(this._flags.ternary_depth-=1,a=!0):"?"===t.text&&(this._flags.ternary_depth+=1),!n&&!e&&this._options.preserve_newlines&&l(t.text,u)){var o=":"===t.text,h=o&&a,b=o&&!a;switch(this._options.operator_position){case f.before_newline:return this._output.space_before_token=!b,this.print_token(t),o&&!h||this.allow_wrap_or_preserved_newline(t),void(this._output.space_before_token=!0);case f.after_newline:return this._output.space_before_token=!0,!o||h?this._tokens.peek().newlines?this.print_newline(!1,!0):this.allow_wrap_or_preserved_newline(t):this._output.space_before_token=!1,this.print_token(t),void(this._output.space_before_token=!0);case f.preserve_newline:return b||this.allow_wrap_or_preserved_newline(t),r=!(this._output.just_added_newline()||b),this._output.space_before_token=r,this.print_token(t),void(this._output.space_before_token=!0)}}if(e){this.allow_wrap_or_preserved_newline(t),r=!1;var v=this._tokens.peek();s=v&&l(v.type,[p.WORD,p.RESERVED])}else if("..."===t.text)this.allow_wrap_or_preserved_newline(t),r=this._flags.last_token.type===p.START_BLOCK,s=!1;else if(l(t.text,["--","++","!","~"])||n){if(this._flags.last_token.type!==p.COMMA&&this._flags.last_token.type!==p.START_EXPR||this.allow_wrap_or_preserved_newline(t),r=!1,s=!1,t.newlines&&("--"===t.text||"++"===t.text||"~"===t.text)){var k=c(this._flags.last_token,d)&&t.newlines;k&&(this._previous_flags.if_block||this._previous_flags.else_block)&&this.restore_mode(),this.print_newline(k,!0)}";"===this._flags.last_token.text&&O(this._flags.mode)&&(r=!0),this._flags.last_token.type===p.RESERVED?r=!0:this._flags.last_token.type===p.END_EXPR?r=!("]"===this._flags.last_token.text&&("--"===t.text||"++"===t.text)):this._flags.last_token.type===p.OPERATOR&&(r=l(t.text,["--","-","++","+"])&&l(this._flags.last_token.text,["--","-","++","+"]),l(t.text,["+","-"])&&l(this._flags.last_token.text,["--","++"])&&(s=!0)),(this._flags.mode!==m||this._flags.inline_frame)&&this._flags.mode!==y||"{"!==this._flags.last_token.text&&";"!==this._flags.last_token.text||this.print_newline()}this._output.space_before_token=this._output.space_before_token||r,this.print_token(t),this._output.space_before_token=s}else this.print_token(t);else this.print_token(t)},P.prototype.handle_block_comment=function(t,e){return this._output.raw?(this._output.add_raw_token(t),void(t.directives&&"end"===t.directives.preserve&&(this._output.raw=this._options.test_output_raw))):t.directives?(this.print_newline(!1,e),this.print_token(t),"start"===t.directives.preserve&&(this._output.raw=!0),void this.print_newline(!1,!0)):s.newline.test(t.text)||t.newlines?void this.print_block_commment(t,e):(this._output.space_before_token=!0,this.print_token(t),void(this._output.space_before_token=!0))},P.prototype.print_block_commment=function(t,e){var n,i=function(t){for(var e=[],n=(t=t.replace(s.allLineBreaks,"\n")).indexOf("\n");-1!==n;)e.push(t.substring(0,n)),n=(t=t.substring(n+1)).indexOf("\n");return t.length&&e.push(t),e}(t.text),r=!1,a=!1,o=t.whitespace_before,_=o.length;if(this.print_newline(!1,e),this.print_token_line_indentation(t),this._output.add_token(i[0]),this.print_newline(!1,e),i.length>1){for(r=function(t,e){for(var n=0;n<t.length;n++)if(t[n].trim().charAt(0)!==e)return!1;return!0}(i=i.slice(1),"*"),a=function(t,e){for(var n,i=0,r=t.length;i<r;i++)if((n=t[i])&&0!==n.indexOf(e))return!1;return!0}(i,o),r&&(this._flags.alignment=1),n=0;n<i.length;n++)r?(this.print_token_line_indentation(t),this._output.add_token(i[n].replace(/^\s+/g,""))):a&&i[n]?(this.print_token_line_indentation(t),this._output.add_token(i[n].substring(_))):(this._output.current_line.set_indent(-1),this._output.add_token(i[n])),this.print_newline(!1,e);this._flags.alignment=0}},P.prototype.handle_comment=function(t,e){t.newlines?this.print_newline(!1,e):this._output.trim(!0),this._output.space_before_token=!0,this.print_token(t),this.print_newline(!1,e)},P.prototype.handle_dot=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t,!0),this._flags.last_token.text.match("^[0-9]+$")&&(this._output.space_before_token=!0),c(this._flags.last_token,d)?this._output.space_before_token=!1:this.allow_wrap_or_preserved_newline(t,")"===this._flags.last_token.text&&this._options.break_chained_methods),this._options.unindent_chained_methods&&this._output.just_added_newline()&&this.deindent(),this.print_token(t)},P.prototype.handle_unknown=function(t,e){this.print_token(t),"\n"===t.text[t.text.length-1]&&this.print_newline(!1,e)},P.prototype.handle_eof=function(t){for(;this._flags.mode===y;)this.restore_mode();this.handle_whitespace_and_comments(t)},t.exports.Beautifier=P},function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var r=this.__lines[i];if(r.is_empty())break;if(0!==r.item(0).indexOf(t)&&r.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},function(t){t.exports.Token=function(t,e,n,i){this.type=t,this.text=e,this.comments_before=null,this.newlines=n||0,this.whitespace_before=i||"",this.parent=null,this.next=null,this.previous=null,this.opened=null,this.closed=null,this.directives=null}},function(t,e){var n="\\x24\\x30-\\x39\\x41-\\x5a\\x5f\\x61-\\x7a",i="\\xaa\\xb5\\xba\\xc0-\\xd6\\xd8-\\xf6\\xf8-\\u02c1\\u02c6-\\u02d1\\u02e0-\\u02e4\\u02ec\\u02ee\\u0370-\\u0374\\u0376\\u0377\\u037a-\\u037d\\u0386\\u0388-\\u038a\\u038c\\u038e-\\u03a1\\u03a3-\\u03f5\\u03f7-\\u0481\\u048a-\\u0527\\u0531-\\u0556\\u0559\\u0561-\\u0587\\u05d0-\\u05ea\\u05f0-\\u05f2\\u0620-\\u064a\\u066e\\u066f\\u0671-\\u06d3\\u06d5\\u06e5\\u06e6\\u06ee\\u06ef\\u06fa-\\u06fc\\u06ff\\u0710\\u0712-\\u072f\\u074d-\\u07a5\\u07b1\\u07ca-\\u07ea\\u07f4\\u07f5\\u07fa\\u0800-\\u0815\\u081a\\u0824\\u0828\\u0840-\\u0858\\u08a0\\u08a2-\\u08ac\\u0904-\\u0939\\u093d\\u0950\\u0958-\\u0961\\u0971-\\u0977\\u0979-\\u097f\\u0985-\\u098c\\u098f\\u0990\\u0993-\\u09a8\\u09aa-\\u09b0\\u09b2\\u09b6-\\u09b9\\u09bd\\u09ce\\u09dc\\u09dd\\u09df-\\u09e1\\u09f0\\u09f1\\u0a05-\\u0a0a\\u0a0f\\u0a10\\u0a13-\\u0a28\\u0a2a-\\u0a30\\u0a32\\u0a33\\u0a35\\u0a36\\u0a38\\u0a39\\u0a59-\\u0a5c\\u0a5e\\u0a72-\\u0a74\\u0a85-\\u0a8d\\u0a8f-\\u0a91\\u0a93-\\u0aa8\\u0aaa-\\u0ab0\\u0ab2\\u0ab3\\u0ab5-\\u0ab9\\u0abd\\u0ad0\\u0ae0\\u0ae1\\u0b05-\\u0b0c\\u0b0f\\u0b10\\u0b13-\\u0b28\\u0b2a-\\u0b30\\u0b32\\u0b33\\u0b35-\\u0b39\\u0b3d\\u0b5c\\u0b5d\\u0b5f-\\u0b61\\u0b71\\u0b83\\u0b85-\\u0b8a\\u0b8e-\\u0b90\\u0b92-\\u0b95\\u0b99\\u0b9a\\u0b9c\\u0b9e\\u0b9f\\u0ba3\\u0ba4\\u0ba8-\\u0baa\\u0bae-\\u0bb9\\u0bd0\\u0c05-\\u0c0c\\u0c0e-\\u0c10\\u0c12-\\u0c28\\u0c2a-\\u0c33\\u0c35-\\u0c39\\u0c3d\\u0c58\\u0c59\\u0c60\\u0c61\\u0c85-\\u0c8c\\u0c8e-\\u0c90\\u0c92-\\u0ca8\\u0caa-\\u0cb3\\u0cb5-\\u0cb9\\u0cbd\\u0cde\\u0ce0\\u0ce1\\u0cf1\\u0cf2\\u0d05-\\u0d0c\\u0d0e-\\u0d10\\u0d12-\\u0d3a\\u0d3d\\u0d4e\\u0d60\\u0d61\\u0d7a-\\u0d7f\\u0d85-\\u0d96\\u0d9a-\\u0db1\\u0db3-\\u0dbb\\u0dbd\\u0dc0-\\u0dc6\\u0e01-\\u0e30\\u0e32\\u0e33\\u0e40-\\u0e46\\u0e81\\u0e82\\u0e84\\u0e87\\u0e88\\u0e8a\\u0e8d\\u0e94-\\u0e97\\u0e99-\\u0e9f\\u0ea1-\\u0ea3\\u0ea5\\u0ea7\\u0eaa\\u0eab\\u0ead-\\u0eb0\\u0eb2\\u0eb3\\u0ebd\\u0ec0-\\u0ec4\\u0ec6\\u0edc-\\u0edf\\u0f00\\u0f40-\\u0f47\\u0f49-\\u0f6c\\u0f88-\\u0f8c\\u1000-\\u102a\\u103f\\u1050-\\u1055\\u105a-\\u105d\\u1061\\u1065\\u1066\\u106e-\\u1070\\u1075-\\u1081\\u108e\\u10a0-\\u10c5\\u10c7\\u10cd\\u10d0-\\u10fa\\u10fc-\\u1248\\u124a-\\u124d\\u1250-\\u1256\\u1258\\u125a-\\u125d\\u1260-\\u1288\\u128a-\\u128d\\u1290-\\u12b0\\u12b2-\\u12b5\\u12b8-\\u12be\\u12c0\\u12c2-\\u12c5\\u12c8-\\u12d6\\u12d8-\\u1310\\u1312-\\u1315\\u1318-\\u135a\\u1380-\\u138f\\u13a0-\\u13f4\\u1401-\\u166c\\u166f-\\u167f\\u1681-\\u169a\\u16a0-\\u16ea\\u16ee-\\u16f0\\u1700-\\u170c\\u170e-\\u1711\\u1720-\\u1731\\u1740-\\u1751\\u1760-\\u176c\\u176e-\\u1770\\u1780-\\u17b3\\u17d7\\u17dc\\u1820-\\u1877\\u1880-\\u18a8\\u18aa\\u18b0-\\u18f5\\u1900-\\u191c\\u1950-\\u196d\\u1970-\\u1974\\u1980-\\u19ab\\u19c1-\\u19c7\\u1a00-\\u1a16\\u1a20-\\u1a54\\u1aa7\\u1b05-\\u1b33\\u1b45-\\u1b4b\\u1b83-\\u1ba0\\u1bae\\u1baf\\u1bba-\\u1be5\\u1c00-\\u1c23\\u1c4d-\\u1c4f\\u1c5a-\\u1c7d\\u1ce9-\\u1cec\\u1cee-\\u1cf1\\u1cf5\\u1cf6\\u1d00-\\u1dbf\\u1e00-\\u1f15\\u1f18-\\u1f1d\\u1f20-\\u1f45\\u1f48-\\u1f4d\\u1f50-\\u1f57\\u1f59\\u1f5b\\u1f5d\\u1f5f-\\u1f7d\\u1f80-\\u1fb4\\u1fb6-\\u1fbc\\u1fbe\\u1fc2-\\u1fc4\\u1fc6-\\u1fcc\\u1fd0-\\u1fd3\\u1fd6-\\u1fdb\\u1fe0-\\u1fec\\u1ff2-\\u1ff4\\u1ff6-\\u1ffc\\u2071\\u207f\\u2090-\\u209c\\u2102\\u2107\\u210a-\\u2113\\u2115\\u2119-\\u211d\\u2124\\u2126\\u2128\\u212a-\\u212d\\u212f-\\u2139\\u213c-\\u213f\\u2145-\\u2149\\u214e\\u2160-\\u2188\\u2c00-\\u2c2e\\u2c30-\\u2c5e\\u2c60-\\u2ce4\\u2ceb-\\u2cee\\u2cf2\\u2cf3\\u2d00-\\u2d25\\u2d27\\u2d2d\\u2d30-\\u2d67\\u2d6f\\u2d80-\\u2d96\\u2da0-\\u2da6\\u2da8-\\u2dae\\u2db0-\\u2db6\\u2db8-\\u2dbe\\u2dc0-\\u2dc6\\u2dc8-\\u2dce\\u2dd0-\\u2dd6\\u2dd8-\\u2dde\\u2e2f\\u3005-\\u3007\\u3021-\\u3029\\u3031-\\u3035\\u3038-\\u303c\\u3041-\\u3096\\u309d-\\u309f\\u30a1-\\u30fa\\u30fc-\\u30ff\\u3105-\\u312d\\u3131-\\u318e\\u31a0-\\u31ba\\u31f0-\\u31ff\\u3400-\\u4db5\\u4e00-\\u9fcc\\ua000-\\ua48c\\ua4d0-\\ua4fd\\ua500-\\ua60c\\ua610-\\ua61f\\ua62a\\ua62b\\ua640-\\ua66e\\ua67f-\\ua697\\ua6a0-\\ua6ef\\ua717-\\ua71f\\ua722-\\ua788\\ua78b-\\ua78e\\ua790-\\ua793\\ua7a0-\\ua7aa\\ua7f8-\\ua801\\ua803-\\ua805\\ua807-\\ua80a\\ua80c-\\ua822\\ua840-\\ua873\\ua882-\\ua8b3\\ua8f2-\\ua8f7\\ua8fb\\ua90a-\\ua925\\ua930-\\ua946\\ua960-\\ua97c\\ua984-\\ua9b2\\ua9cf\\uaa00-\\uaa28\\uaa40-\\uaa42\\uaa44-\\uaa4b\\uaa60-\\uaa76\\uaa7a\\uaa80-\\uaaaf\\uaab1\\uaab5\\uaab6\\uaab9-\\uaabd\\uaac0\\uaac2\\uaadb-\\uaadd\\uaae0-\\uaaea\\uaaf2-\\uaaf4\\uab01-\\uab06\\uab09-\\uab0e\\uab11-\\uab16\\uab20-\\uab26\\uab28-\\uab2e\\uabc0-\\uabe2\\uac00-\\ud7a3\\ud7b0-\\ud7c6\\ud7cb-\\ud7fb\\uf900-\\ufa6d\\ufa70-\\ufad9\\ufb00-\\ufb06\\ufb13-\\ufb17\\ufb1d\\ufb1f-\\ufb28\\ufb2a-\\ufb36\\ufb38-\\ufb3c\\ufb3e\\ufb40\\ufb41\\ufb43\\ufb44\\ufb46-\\ufbb1\\ufbd3-\\ufd3d\\ufd50-\\ufd8f\\ufd92-\\ufdc7\\ufdf0-\\ufdfb\\ufe70-\\ufe74\\ufe76-\\ufefc\\uff21-\\uff3a\\uff41-\\uff5a\\uff66-\\uffbe\\uffc2-\\uffc7\\uffca-\\uffcf\\uffd2-\\uffd7\\uffda-\\uffdc",r="\\u0300-\\u036f\\u0483-\\u0487\\u0591-\\u05bd\\u05bf\\u05c1\\u05c2\\u05c4\\u05c5\\u05c7\\u0610-\\u061a\\u0620-\\u0649\\u0672-\\u06d3\\u06e7-\\u06e8\\u06fb-\\u06fc\\u0730-\\u074a\\u0800-\\u0814\\u081b-\\u0823\\u0825-\\u0827\\u0829-\\u082d\\u0840-\\u0857\\u08e4-\\u08fe\\u0900-\\u0903\\u093a-\\u093c\\u093e-\\u094f\\u0951-\\u0957\\u0962-\\u0963\\u0966-\\u096f\\u0981-\\u0983\\u09bc\\u09be-\\u09c4\\u09c7\\u09c8\\u09d7\\u09df-\\u09e0\\u0a01-\\u0a03\\u0a3c\\u0a3e-\\u0a42\\u0a47\\u0a48\\u0a4b-\\u0a4d\\u0a51\\u0a66-\\u0a71\\u0a75\\u0a81-\\u0a83\\u0abc\\u0abe-\\u0ac5\\u0ac7-\\u0ac9\\u0acb-\\u0acd\\u0ae2-\\u0ae3\\u0ae6-\\u0aef\\u0b01-\\u0b03\\u0b3c\\u0b3e-\\u0b44\\u0b47\\u0b48\\u0b4b-\\u0b4d\\u0b56\\u0b57\\u0b5f-\\u0b60\\u0b66-\\u0b6f\\u0b82\\u0bbe-\\u0bc2\\u0bc6-\\u0bc8\\u0bca-\\u0bcd\\u0bd7\\u0be6-\\u0bef\\u0c01-\\u0c03\\u0c46-\\u0c48\\u0c4a-\\u0c4d\\u0c55\\u0c56\\u0c62-\\u0c63\\u0c66-\\u0c6f\\u0c82\\u0c83\\u0cbc\\u0cbe-\\u0cc4\\u0cc6-\\u0cc8\\u0cca-\\u0ccd\\u0cd5\\u0cd6\\u0ce2-\\u0ce3\\u0ce6-\\u0cef\\u0d02\\u0d03\\u0d46-\\u0d48\\u0d57\\u0d62-\\u0d63\\u0d66-\\u0d6f\\u0d82\\u0d83\\u0dca\\u0dcf-\\u0dd4\\u0dd6\\u0dd8-\\u0ddf\\u0df2\\u0df3\\u0e34-\\u0e3a\\u0e40-\\u0e45\\u0e50-\\u0e59\\u0eb4-\\u0eb9\\u0ec8-\\u0ecd\\u0ed0-\\u0ed9\\u0f18\\u0f19\\u0f20-\\u0f29\\u0f35\\u0f37\\u0f39\\u0f41-\\u0f47\\u0f71-\\u0f84\\u0f86-\\u0f87\\u0f8d-\\u0f97\\u0f99-\\u0fbc\\u0fc6\\u1000-\\u1029\\u1040-\\u1049\\u1067-\\u106d\\u1071-\\u1074\\u1082-\\u108d\\u108f-\\u109d\\u135d-\\u135f\\u170e-\\u1710\\u1720-\\u1730\\u1740-\\u1750\\u1772\\u1773\\u1780-\\u17b2\\u17dd\\u17e0-\\u17e9\\u180b-\\u180d\\u1810-\\u1819\\u1920-\\u192b\\u1930-\\u193b\\u1951-\\u196d\\u19b0-\\u19c0\\u19c8-\\u19c9\\u19d0-\\u19d9\\u1a00-\\u1a15\\u1a20-\\u1a53\\u1a60-\\u1a7c\\u1a7f-\\u1a89\\u1a90-\\u1a99\\u1b46-\\u1b4b\\u1b50-\\u1b59\\u1b6b-\\u1b73\\u1bb0-\\u1bb9\\u1be6-\\u1bf3\\u1c00-\\u1c22\\u1c40-\\u1c49\\u1c5b-\\u1c7d\\u1cd0-\\u1cd2\\u1d00-\\u1dbe\\u1e01-\\u1f15\\u200c\\u200d\\u203f\\u2040\\u2054\\u20d0-\\u20dc\\u20e1\\u20e5-\\u20f0\\u2d81-\\u2d96\\u2de0-\\u2dff\\u3021-\\u3028\\u3099\\u309a\\ua640-\\ua66d\\ua674-\\ua67d\\ua69f\\ua6f0-\\ua6f1\\ua7f8-\\ua800\\ua806\\ua80b\\ua823-\\ua827\\ua880-\\ua881\\ua8b4-\\ua8c4\\ua8d0-\\ua8d9\\ua8f3-\\ua8f7\\ua900-\\ua909\\ua926-\\ua92d\\ua930-\\ua945\\ua980-\\ua983\\ua9b3-\\ua9c0\\uaa00-\\uaa27\\uaa40-\\uaa41\\uaa4c-\\uaa4d\\uaa50-\\uaa59\\uaa7b\\uaae0-\\uaae9\\uaaf2-\\uaaf3\\uabc0-\\uabe1\\uabec\\uabed\\uabf0-\\uabf9\\ufb20-\\ufb28\\ufe00-\\ufe0f\\ufe20-\\ufe26\\ufe33\\ufe34\\ufe4d-\\ufe4f\\uff10-\\uff19\\uff3f",s="(?:\\\\u[0-9a-fA-F]{4}|[\\x23\\x24\\x40\\x41-\\x5a\\x5f\\x61-\\x7a"+i+"])",a="(?:\\\\u[0-9a-fA-F]{4}|["+n+i+r+"])*";e.identifier=new RegExp(s+a,"g"),e.identifierStart=new RegExp(s),e.identifierMatch=new RegExp("(?:\\\\u[0-9a-fA-F]{4}|["+n+i+r+"])+");e.newline=/[\n\r\u2028\u2029]/,e.lineBreak=new RegExp("\r\n|"+e.newline.source),e.allLineBreaks=new RegExp(e.lineBreak.source,"g")},function(t,e,n){var i=n(6).Options,r=["before-newline","after-newline","preserve-newline"];function s(t){i.call(this,t,"js");var e=this.raw_options.brace_style||null;"expand-strict"===e?this.raw_options.brace_style="expand":"collapse-preserve-inline"===e?this.raw_options.brace_style="collapse,preserve-inline":void 0!==this.raw_options.braces_on_own_line&&(this.raw_options.brace_style=this.raw_options.braces_on_own_line?"expand":"collapse");var n=this._get_selection_list("brace_style",["collapse","expand","end-expand","none","preserve-inline"]);this.brace_preserve_inline=!1,this.brace_style="collapse";for(var s=0;s<n.length;s++)"preserve-inline"===n[s]?this.brace_preserve_inline=!0:this.brace_style=n[s];this.unindent_chained_methods=this._get_boolean("unindent_chained_methods"),this.break_chained_methods=this._get_boolean("break_chained_methods"),this.space_in_paren=this._get_boolean("space_in_paren"),this.space_in_empty_paren=this._get_boolean("space_in_empty_paren"),this.jslint_happy=this._get_boolean("jslint_happy"),this.space_after_anon_function=this._get_boolean("space_after_anon_function"),this.space_after_named_function=this._get_boolean("space_after_named_function"),this.keep_array_indentation=this._get_boolean("keep_array_indentation"),this.space_before_conditional=this._get_boolean("space_before_conditional",!0),this.unescape_strings=this._get_boolean("unescape_strings"),this.e4x=this._get_boolean("e4x"),this.comma_first=this._get_boolean("comma_first"),this.operator_position=this._get_selection("operator_position",r),this.test_output_raw=this._get_boolean("test_output_raw"),this.jslint_happy&&(this.space_after_anon_function=!0)}s.prototype=new i,t.exports.Options=s},function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,i={};for(n in t=r(t))n!==e&&(i[n]=t[n]);if(e&&t[e])for(n in t[e])i[n]=t[e][n];return i}function r(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],r=e||[];return"object"===i(n)?null!==n&&"function"==typeof n.concat&&(r=n.concat()):"string"==typeof n&&(r=n.split(/[^a-zA-Z0-9_\/\-]+/)),r},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=r,t.exports.mergeOpts=n},function(t,e,n){var i=n(8).InputScanner,r=n(9).Tokenizer,s=n(9).TOKEN,a=n(13).Directives,o=n(4),_=n(12).Pattern,u=n(14).TemplatablePattern;function p(t,e){return-1!==e.indexOf(t)}var l={START_EXPR:"TK_START_EXPR",END_EXPR:"TK_END_EXPR",START_BLOCK:"TK_START_BLOCK",END_BLOCK:"TK_END_BLOCK",WORD:"TK_WORD",RESERVED:"TK_RESERVED",SEMICOLON:"TK_SEMICOLON",STRING:"TK_STRING",EQUALS:"TK_EQUALS",OPERATOR:"TK_OPERATOR",COMMA:"TK_COMMA",BLOCK_COMMENT:"TK_BLOCK_COMMENT",COMMENT:"TK_COMMENT",DOT:"TK_DOT",UNKNOWN:"TK_UNKNOWN",START:s.START,RAW:s.RAW,EOF:s.EOF},h=new a(/\/\*/,/\*\//),c=/0[xX][0123456789abcdefABCDEF_]*n?|0[oO][01234567_]*n?|0[bB][01_]*n?|\d[\d_]*n|(?:\.\d[\d_]*|\d[\d_]*\.?[\d_]*)(?:[eE][+-]?[\d_]+)?/,d=/[0-9]/,f=/[^\d\.]/,g=">>> === !== &&= ??= ||= << && >= ** != == <= >> || ?? |> < / - + > : & % ? ^ | *".split(" "),m=">>>= ... >>= <<= === >>> !== **= &&= ??= ||= => ^= :: /= << <= == && -= >= >> != -- += ** || ?? ++ %= &= *= |= |> = ! ? > < : / ^ - + * & % ~ |";m=(m="\\?\\.(?!\\d) "+(m=m.replace(/[-[\]{}()*+?.,\\^$|#]/g,"\\$&"))).replace(/ /g,"|");var y,b=new RegExp(m),v="continue,try,throw,return,var,let,const,if,switch,case,default,for,while,break,function,import,export".split(","),k=v.concat(["do","in","of","else","get","set","new","catch","finally","typeof","yield","async","await","from","as","class","extends"]),w=new RegExp("^(?:"+k.join("|")+")$"),x=function(t,e){r.call(this,t,e),this._patterns.whitespace=this._patterns.whitespace.matching(/\u00A0\u1680\u180e\u2000-\u200a\u202f\u205f\u3000\ufeff/.source,/\u2028\u2029/.source);var n=new _(this._input),i=new u(this._input).read_options(this._options);this.__patterns={template:i,identifier:i.starting_with(o.identifier).matching(o.identifierMatch),number:n.matching(c),punct:n.matching(b),comment:n.starting_with(/\/\//).until(/[\n\r\u2028\u2029]/),block_comment:n.starting_with(/\/\*/).until_after(/\*\//),html_comment_start:n.matching(/<!--/),html_comment_end:n.matching(/-->/),include:n.starting_with(/#include/).until_after(o.lineBreak),shebang:n.starting_with(/#!/).until_after(o.lineBreak),xml:n.matching(/[\s\S]*?<(\/?)([-a-zA-Z:0-9_.]+|{[^}]+?}|!\[CDATA\[[^\]]*?\]\]|)(\s*{[^}]+?}|\s+[-a-zA-Z:0-9_.]+|\s+[-a-zA-Z:0-9_.]+\s*=\s*('[^']*'|"[^"]*"|{([^{}]|{[^}]+?})+?}))*\s*(\/?)\s*>/),single_quote:i.until(/['\\\n\r\u2028\u2029]/),double_quote:i.until(/["\\\n\r\u2028\u2029]/),template_text:i.until(/[`\\$]/),template_expression:i.until(/[`}\\]/)}};(x.prototype=new r)._is_comment=function(t){return t.type===l.COMMENT||t.type===l.BLOCK_COMMENT||t.type===l.UNKNOWN},x.prototype._is_opening=function(t){return t.type===l.START_BLOCK||t.type===l.START_EXPR},x.prototype._is_closing=function(t,e){return(t.type===l.END_BLOCK||t.type===l.END_EXPR)&&e&&("]"===t.text&&"["===e.text||")"===t.text&&"("===e.text||"}"===t.text&&"{"===e.text)},x.prototype._reset=function(){y=!1},x.prototype._get_next_token=function(t,e){var n=null;this._readWhitespace();var i=this._input.peek();return null===i?this._create_token(l.EOF,""):n=(n=(n=(n=(n=(n=(n=(n=(n=n||this._read_non_javascript(i))||this._read_string(i))||this._read_word(t))||this._read_singles(i))||this._read_comment(i))||this._read_regexp(i,t))||this._read_xml(i,t))||this._read_punctuation())||this._create_token(l.UNKNOWN,this._input.next())},x.prototype._read_word=function(t){var e;return""!==(e=this.__patterns.identifier.read())?(e=e.replace(o.allLineBreaks,"\n"),t.type!==l.DOT&&(t.type!==l.RESERVED||"set"!==t.text&&"get"!==t.text)&&w.test(e)?"in"!==e&&"of"!==e||t.type!==l.WORD&&t.type!==l.STRING?this._create_token(l.RESERVED,e):this._create_token(l.OPERATOR,e):this._create_token(l.WORD,e)):""!==(e=this.__patterns.number.read())?this._create_token(l.WORD,e):void 0},x.prototype._read_singles=function(t){var e=null;return"("===t||"["===t?e=this._create_token(l.START_EXPR,t):")"===t||"]"===t?e=this._create_token(l.END_EXPR,t):"{"===t?e=this._create_token(l.START_BLOCK,t):"}"===t?e=this._create_token(l.END_BLOCK,t):";"===t?e=this._create_token(l.SEMICOLON,t):"."===t&&f.test(this._input.peek(1))?e=this._create_token(l.DOT,t):","===t&&(e=this._create_token(l.COMMA,t)),e&&this._input.next(),e},x.prototype._read_punctuation=function(){var t=this.__patterns.punct.read();if(""!==t)return"="===t?this._create_token(l.EQUALS,t):"?."===t?this._create_token(l.DOT,t):this._create_token(l.OPERATOR,t)},x.prototype._read_non_javascript=function(t){var e="";if("#"===t){if(this._is_first_token()&&(e=this.__patterns.shebang.read()))return this._create_token(l.UNKNOWN,e.trim()+"\n");if(e=this.__patterns.include.read())return this._create_token(l.UNKNOWN,e.trim()+"\n");t=this._input.next();var n="#";if(this._input.hasNext()&&this._input.testChar(d)){do{n+=t=this._input.next()}while(this._input.hasNext()&&"#"!==t&&"="!==t);return"#"===t||("["===this._input.peek()&&"]"===this._input.peek(1)?(n+="[]",this._input.next(),this._input.next()):"{"===this._input.peek()&&"}"===this._input.peek(1)&&(n+="{}",this._input.next(),this._input.next())),this._create_token(l.WORD,n)}this._input.back()}else if("<"===t&&this._is_first_token()){if(e=this.__patterns.html_comment_start.read()){for(;this._input.hasNext()&&!this._input.testChar(o.newline);)e+=this._input.next();return y=!0,this._create_token(l.COMMENT,e)}}else if(y&&"-"===t&&(e=this.__patterns.html_comment_end.read()))return y=!1,this._create_token(l.COMMENT,e);return null},x.prototype._read_comment=function(t){var e=null;if("/"===t){var n="";if("*"===this._input.peek(1)){n=this.__patterns.block_comment.read();var i=h.get_directives(n);i&&"start"===i.ignore&&(n+=h.readIgnored(this._input)),n=n.replace(o.allLineBreaks,"\n"),(e=this._create_token(l.BLOCK_COMMENT,n)).directives=i}else"/"===this._input.peek(1)&&(n=this.__patterns.comment.read(),e=this._create_token(l.COMMENT,n))}return e},x.prototype._read_string=function(t){if("`"===t||"'"===t||'"'===t){var e=this._input.next();return this.has_char_escapes=!1,e+="`"===t?this._read_string_recursive("`",!0,"${"):this._read_string_recursive(t),this.has_char_escapes&&this._options.unescape_strings&&(e=function(t){var e="",n=0,r=new i(t),s=null;for(;r.hasNext();)if((s=r.match(/([\s]|[^\\]|\\\\)+/g))&&(e+=s[0]),"\\"===r.peek()){if(r.next(),"x"===r.peek())s=r.match(/x([0-9A-Fa-f]{2})/g);else{if("u"!==r.peek()){e+="\\",r.hasNext()&&(e+=r.next());continue}s=r.match(/u([0-9A-Fa-f]{4})/g)}if(!s)return t;if((n=parseInt(s[1],16))>126&&n<=255&&0===s[0].indexOf("x"))return t;if(n>=0&&n<32){e+="\\"+s[0];continue}e+=34===n||39===n||92===n?"\\"+String.fromCharCode(n):String.fromCharCode(n)}return e}(e)),this._input.peek()===t&&(e+=this._input.next()),e=e.replace(o.allLineBreaks,"\n"),this._create_token(l.STRING,e)}return null},x.prototype._allow_regexp_or_xml=function(t){return t.type===l.RESERVED&&p(t.text,["return","case","throw","else","do","typeof","yield"])||t.type===l.END_EXPR&&")"===t.text&&t.opened.previous.type===l.RESERVED&&p(t.opened.previous.text,["if","while","for"])||p(t.type,[l.COMMENT,l.START_EXPR,l.START_BLOCK,l.START,l.END_BLOCK,l.OPERATOR,l.EQUALS,l.EOF,l.SEMICOLON,l.COMMA])},x.prototype._read_regexp=function(t,e){if("/"===t&&this._allow_regexp_or_xml(e)){for(var n=this._input.next(),i=!1,r=!1;this._input.hasNext()&&(i||r||this._input.peek()!==t)&&!this._input.testChar(o.newline);)n+=this._input.peek(),i?i=!1:(i="\\"===this._input.peek(),"["===this._input.peek()?r=!0:"]"===this._input.peek()&&(r=!1)),this._input.next();return this._input.peek()===t&&(n+=this._input.next(),n+=this._input.read(o.identifier)),this._create_token(l.STRING,n)}return null},x.prototype._read_xml=function(t,e){if(this._options.e4x&&"<"===t&&this._allow_regexp_or_xml(e)){var n="",i=this.__patterns.xml.read_match();if(i){for(var r=i[2].replace(/^{\s+/,"{").replace(/\s+}$/,"}"),s=0===r.indexOf("{"),a=0;i;){var _=!!i[1],u=i[2];if(!(!!i[i.length-1]||"![CDATA["===u.slice(0,8))&&(u===r||s&&u.replace(/^{\s+/,"{").replace(/\s+}$/,"}"))&&(_?--a:++a),n+=i[0],a<=0)break;i=this.__patterns.xml.read_match()}return i||(n+=this._input.match(/[\s\S]*/g)[0]),n=n.replace(o.allLineBreaks,"\n"),this._create_token(l.STRING,n)}}return null},x.prototype._read_string_recursive=function(t,e,n){var i,r;"'"===t?r=this.__patterns.single_quote:'"'===t?r=this.__patterns.double_quote:"`"===t?r=this.__patterns.template_text:"}"===t&&(r=this.__patterns.template_expression);for(var s=r.read(),a="";this._input.hasNext();){if((a=this._input.next())===t||!e&&o.newline.test(a)){this._input.back();break}"\\"===a&&this._input.hasNext()?("x"===(i=this._input.peek())||"u"===i?this.has_char_escapes=!0:"\r"===i&&"\n"===this._input.peek(1)&&this._input.next(),a+=this._input.next()):n&&("${"===n&&"$"===a&&"{"===this._input.peek()&&(a+=this._input.next()),n===a&&(a+="`"===t?this._read_string_recursive("}",e,"`"):this._read_string_recursive("`",e,"${"),this._input.hasNext()&&(a+=this._input.next()))),s+=a+=r.read()}return s},t.exports.Tokenizer=x,t.exports.TOKEN=l,t.exports.positionable_operators=g.slice(),t.exports.line_starters=v.slice()},function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,r="";return t&&(i=this.match(t))&&(r+=i[0]),!e||!i&&t||(r+=this.readUntil(e,n)),r},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var r=t.exec(this.__input);return r?(i=r.index,e&&(i+=r[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,r="g";return n&&e&&(r="y"),"string"==typeof t&&""!==t?i=new RegExp(t,r):t&&(i=new RegExp(t.source,r)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},function(t,e,n){var i=n(8).InputScanner,r=n(3).Token,s=n(10).TokenStream,a=n(11).WhitespacePattern,o={START:"TK_START",RAW:"TK_RAW",EOF:"TK_EOF"},_=function(t,e){this._input=new i(t),this._options=e||{},this.__tokens=null,this._patterns={},this._patterns.whitespace=new a(this._input)};_.prototype.tokenize=function(){var t;this._input.restart(),this.__tokens=new s,this._reset();for(var e=new r(o.START,""),n=null,i=[],a=new s;e.type!==o.EOF;){for(t=this._get_next_token(e,n);this._is_comment(t);)a.add(t),t=this._get_next_token(e,n);a.isEmpty()||(t.comments_before=a,a=new s),t.parent=n,this._is_opening(t)?(i.push(n),n=t):n&&this._is_closing(t,n)&&(t.opened=n,n.closed=t,n=i.pop(),t.parent=n),t.previous=e,e.next=t,this.__tokens.add(t),e=t}return this.__tokens},_.prototype._is_first_token=function(){return this.__tokens.isEmpty()},_.prototype._reset=function(){},_.prototype._get_next_token=function(t,e){this._readWhitespace();var n=this._input.read(/.+/g);return n?this._create_token(o.RAW,n):this._create_token(o.EOF,"")},_.prototype._is_comment=function(t){return!1},_.prototype._is_opening=function(t){return!1},_.prototype._is_closing=function(t,e){return!1},_.prototype._create_token=function(t,e){return new r(t,e,this._patterns.whitespace.newline_count,this._patterns.whitespace.whitespace_before_token)},_.prototype._readWhitespace=function(){return this._patterns.whitespace.read()},t.exports.Tokenizer=_,t.exports.TOKEN=o},function(t){function e(t){this.__tokens=[],this.__tokens_length=this.__tokens.length,this.__position=0,this.__parent_token=t}e.prototype.restart=function(){this.__position=0},e.prototype.isEmpty=function(){return 0===this.__tokens_length},e.prototype.hasNext=function(){return this.__position<this.__tokens_length},e.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__tokens[this.__position],this.__position+=1),t},e.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__tokens_length&&(e=this.__tokens[t]),e},e.prototype.add=function(t){this.__parent_token&&(t.parent=this.__parent_token),this.__tokens.push(t),this.__tokens_length+=1},t.exports.TokenStream=e},function(t,e,n){var i=n(12).Pattern;function r(t,e){i.call(this,t,e),e?this._line_regexp=this._input.get_regexp(e._line_regexp):this.__set_whitespace_patterns("",""),this.newline_count=0,this.whitespace_before_token=""}r.prototype=new i,r.prototype.__set_whitespace_patterns=function(t,e){t+="\\t ",e+="\\n\\r",this._match_pattern=this._input.get_regexp("["+t+e+"]+",!0),this._newline_regexp=this._input.get_regexp("\\r\\n|["+e+"]")},r.prototype.read=function(){this.newline_count=0,this.whitespace_before_token="";var t=this._input.read(this._match_pattern);if(" "===t)this.whitespace_before_token=" ";else if(t){var e=this.__split(this._newline_regexp,t);this.newline_count=e.length-1,this.whitespace_before_token=e[this.newline_count]}return t},r.prototype.matching=function(t,e){var n=this._create();return n.__set_whitespace_patterns(t,e),n._update(),n},r.prototype._create=function(){return new r(this._input,this)},r.prototype.__split=function(t,e){t.lastIndex=0;for(var n=0,i=[],r=t.exec(e);r;)i.push(e.substring(n,r.index)),n=r.index+r[0].length,r=t.exec(e);return n<e.length?i.push(e.substring(n,e.length)):i.push(""),i},t.exports.WhitespacePattern=r},function(t){function e(t,e){this._input=t,this._starting_pattern=null,this._match_pattern=null,this._until_pattern=null,this._until_after=!1,e&&(this._starting_pattern=this._input.get_regexp(e._starting_pattern,!0),this._match_pattern=this._input.get_regexp(e._match_pattern,!0),this._until_pattern=this._input.get_regexp(e._until_pattern),this._until_after=e._until_after)}e.prototype.read=function(){var t=this._input.read(this._starting_pattern);return this._starting_pattern&&!t||(t+=this._input.read(this._match_pattern,this._until_pattern,this._until_after)),t},e.prototype.read_match=function(){return this._input.match(this._match_pattern)},e.prototype.until_after=function(t){var e=this._create();return e._until_after=!0,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.until=function(t){var e=this._create();return e._until_after=!1,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.starting_with=function(t){var e=this._create();return e._starting_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype.matching=function(t){var e=this._create();return e._match_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype._create=function(){return new e(this._input,this)},e.prototype._update=function(){},t.exports.Pattern=e},function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},function(t,e,n){var i=n(12).Pattern,r={django:!1,erb:!1,handlebars:!1,php:!1,smarty:!1};function s(t,e){i.call(this,t,e),this.__template_pattern=null,this._disabled=Object.assign({},r),this._excluded=Object.assign({},r),e&&(this.__template_pattern=this._input.get_regexp(e.__template_pattern),this._excluded=Object.assign(this._excluded,e._excluded),this._disabled=Object.assign(this._disabled,e._disabled));var n=new i(t);this.__patterns={handlebars_comment:n.starting_with(/{{!--/).until_after(/--}}/),handlebars_unescaped:n.starting_with(/{{{/).until_after(/}}}/),handlebars:n.starting_with(/{{/).until_after(/}}/),php:n.starting_with(/<\?(?:[= ]|php)/).until_after(/\?>/),erb:n.starting_with(/<%[^%]/).until_after(/[^%]%>/),django:n.starting_with(/{%/).until_after(/%}/),django_value:n.starting_with(/{{/).until_after(/}}/),django_comment:n.starting_with(/{#/).until_after(/#}/),smarty:n.starting_with(/{(?=[^}{\s\n])/).until_after(/[^\s\n]}/),smarty_comment:n.starting_with(/{\*/).until_after(/\*}/),smarty_literal:n.starting_with(/{literal}/).until_after(/{\/literal}/)}}s.prototype=new i,s.prototype._create=function(){return new s(this._input,this)},s.prototype._update=function(){this.__set_templated_pattern()},s.prototype.disable=function(t){var e=this._create();return e._disabled[t]=!0,e._update(),e},s.prototype.read_options=function(t){var e=this._create();for(var n in r)e._disabled[n]=-1===t.templating.indexOf(n);return e._update(),e},s.prototype.exclude=function(t){var e=this._create();return e._excluded[t]=!0,e._update(),e},s.prototype.read=function(){var t="";t=this._match_pattern?this._input.read(this._starting_pattern):this._input.read(this._starting_pattern,this.__template_pattern);for(var e=this._read_template();e;)this._match_pattern?e+=this._input.read(this._match_pattern):e+=this._input.readUntil(this.__template_pattern),t+=e,e=this._read_template();return this._until_after&&(t+=this._input.readUntilAfter(this._until_pattern)),t},s.prototype.__set_templated_pattern=function(){var t=[];this._disabled.php||t.push(this.__patterns.php._starting_pattern.source),this._disabled.handlebars||t.push(this.__patterns.handlebars._starting_pattern.source),this._disabled.erb||t.push(this.__patterns.erb._starting_pattern.source),this._disabled.django||(t.push(this.__patterns.django._starting_pattern.source),t.push(this.__patterns.django_value._starting_pattern.source),t.push(this.__patterns.django_comment._starting_pattern.source)),this._disabled.smarty||t.push(this.__patterns.smarty._starting_pattern.source),this._until_pattern&&t.push(this._until_pattern.source),this.__template_pattern=this._input.get_regexp("(?:"+t.join("|")+")")},s.prototype._read_template=function(){var t="",e=this._input.peek();if("<"===e){var n=this._input.peek(1);this._disabled.php||this._excluded.php||"?"!==n||(t=t||this.__patterns.php.read()),this._disabled.erb||this._excluded.erb||"%"!==n||(t=t||this.__patterns.erb.read())}else"{"===e&&(this._disabled.handlebars||this._excluded.handlebars||(t=(t=(t=t||this.__patterns.handlebars_comment.read())||this.__patterns.handlebars_unescaped.read())||this.__patterns.handlebars.read()),this._disabled.django||(this._excluded.django||this._excluded.handlebars||(t=t||this.__patterns.django_value.read()),this._excluded.django||(t=(t=t||this.__patterns.django_comment.read())||this.__patterns.django.read())),this._disabled.smarty||this._disabled.django&&this._disabled.handlebars&&(t=(t=(t=t||this.__patterns.smarty_comment.read())||this.__patterns.smarty_literal.read())||this.__patterns.smarty.read()));return t},t.exports.TemplatablePattern=s}],e={};var n=function n(i){var r=e[i];if(void 0!==r)return r.exports;var s=e[i]={exports:{}};return t[i](s,s.exports,n),s.exports}(0);r=n}();var s=r;void 0===(n=function(){return{js_beautify:s}}.apply(e,[]))||(t.exports=n)}()},406:function(){!function(t){var e="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},i={bash:n,environment:{pattern:RegExp("\\$"+e),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+e),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};t.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+e),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},parameter:{pattern:/(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:i},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:i},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:i.entity}}],environment:{pattern:RegExp("\\$?"+e),alias:"constant"},variable:i.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=t.languages.bash;for(var r=["comment","function-name","for-or-select","assign-left","parameter","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],s=i.variable[1].inside,a=0;a<r.length;a++)s[r[a]]=t.languages.bash[r[a]];t.languages.sh=t.languages.bash,t.languages.shell=t.languages.bash}(Prism)},399:function(){Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}},267:function(t,e,n){var i=function(t){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,n=0,i={},r={manual:t.Prism&&t.Prism.manual,disableWorkerMessageHandler:t.Prism&&t.Prism.disableWorkerMessageHandler,util:{encode:function t(e){return e instanceof s?new s(e.type,t(e.content),e.alias):Array.isArray(e)?e.map(t):e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(t){return Object.prototype.toString.call(t).slice(8,-1)},objId:function(t){return t.__id||Object.defineProperty(t,"__id",{value:++n}),t.__id},clone:function t(e,n){var i,s;switch(n=n||{},r.util.type(e)){case"Object":if(s=r.util.objId(e),n[s])return n[s];for(var a in i={},n[s]=i,e)e.hasOwnProperty(a)&&(i[a]=t(e[a],n));return i;case"Array":return s=r.util.objId(e),n[s]?n[s]:(i=[],n[s]=i,e.forEach((function(e,r){i[r]=t(e,n)})),i);default:return e}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(i){var t=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(i.stack)||[])[1];if(t){var e=document.getElementsByTagName("script");for(var n in e)if(e[n].src==t)return e[n]}return null}},isActive:function(t,e,n){for(var i="no-"+e;t;){var r=t.classList;if(r.contains(e))return!0;if(r.contains(i))return!1;t=t.parentElement}return!!n}},languages:{plain:i,plaintext:i,text:i,txt:i,extend:function(t,e){var n=r.util.clone(r.languages[t]);for(var i in e)n[i]=e[i];return n},insertBefore:function(t,e,n,i){var s=(i=i||r.languages)[t],a={};for(var o in s)if(s.hasOwnProperty(o)){if(o==e)for(var _ in n)n.hasOwnProperty(_)&&(a[_]=n[_]);n.hasOwnProperty(o)||(a[o]=s[o])}var u=i[t];return i[t]=a,r.languages.DFS(r.languages,(function(e,n){n===u&&e!=t&&(this[e]=a)})),a},DFS:function t(e,n,i,s){s=s||{};var a=r.util.objId;for(var o in e)if(e.hasOwnProperty(o)){n.call(e,o,e[o],i||o);var _=e[o],u=r.util.type(_);"Object"!==u||s[a(_)]?"Array"!==u||s[a(_)]||(s[a(_)]=!0,t(_,n,o,s)):(s[a(_)]=!0,t(_,n,null,s))}}},plugins:{},highlightAll:function(t,e){r.highlightAllUnder(document,t,e)},highlightAllUnder:function(t,e,n){var i={callback:n,container:t,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};r.hooks.run("before-highlightall",i),i.elements=Array.prototype.slice.apply(i.container.querySelectorAll(i.selector)),r.hooks.run("before-all-elements-highlight",i);for(var s,a=0;s=i.elements[a++];)r.highlightElement(s,!0===e,i.callback)},highlightElement:function(e,n,i){var s=r.util.getLanguage(e),a=r.languages[s];r.util.setLanguage(e,s);var o=e.parentElement;o&&"pre"===o.nodeName.toLowerCase()&&r.util.setLanguage(o,s);var _={element:e,language:s,grammar:a,code:e.textContent};function u(t){_.highlightedCode=t,r.hooks.run("before-insert",_),_.element.innerHTML=_.highlightedCode,r.hooks.run("after-highlight",_),r.hooks.run("complete",_),i&&i.call(_.element)}if(r.hooks.run("before-sanity-check",_),(o=_.element.parentElement)&&"pre"===o.nodeName.toLowerCase()&&!o.hasAttribute("tabindex")&&o.setAttribute("tabindex","0"),!_.code)return r.hooks.run("complete",_),void(i&&i.call(_.element));if(r.hooks.run("before-highlight",_),_.grammar)if(n&&t.Worker){var p=new Worker(r.filename);p.onmessage=function(t){u(t.data)},p.postMessage(JSON.stringify({language:_.language,code:_.code,immediateClose:!0}))}else u(r.highlight(_.code,_.grammar,_.language));else u(r.util.encode(_.code))},highlight:function(t,e,n){var i={code:t,grammar:e,language:n};if(r.hooks.run("before-tokenize",i),!i.grammar)throw new Error('The language "'+i.language+'" has no grammar.');return i.tokens=r.tokenize(i.code,i.grammar),r.hooks.run("after-tokenize",i),s.stringify(r.util.encode(i.tokens),i.language)},tokenize:function(t,e){var n=e.rest;if(n){for(var i in n)e[i]=n[i];delete e.rest}var r=new _;return u(r,r.head,t),o(t,r,e,r.head,0),function(t){var e=[],n=t.head.next;for(;n!==t.tail;)e.push(n.value),n=n.next;return e}(r)},hooks:{all:{},add:function(t,e){var n=r.hooks.all;n[t]=n[t]||[],n[t].push(e)},run:function(t,e){var n=r.hooks.all[t];if(n&&n.length)for(var i,s=0;i=n[s++];)i(e)}},Token:s};function s(t,e,n,i){this.type=t,this.content=e,this.alias=n,this.length=0|(i||"").length}function a(t,e,n,i){t.lastIndex=e;var r=t.exec(n);if(r&&i&&r[1]){var s=r[1].length;r.index+=s,r[0]=r[0].slice(s)}return r}function o(t,e,n,i,_,l){for(var h in n)if(n.hasOwnProperty(h)&&n[h]){var c=n[h];c=Array.isArray(c)?c:[c];for(var d=0;d<c.length;++d){if(l&&l.cause==h+","+d)return;var f=c[d],g=f.inside,m=!!f.lookbehind,y=!!f.greedy,b=f.alias;if(y&&!f.pattern.global){var v=f.pattern.toString().match(/[imsuy]*$/)[0];f.pattern=RegExp(f.pattern.source,v+"g")}for(var k=f.pattern||f,w=i.next,x=_;w!==e.tail&&!(l&&x>=l.reach);x+=w.value.length,w=w.next){var S=w.value;if(e.length>t.length)return;if(!(S instanceof s)){var E,O=1;if(y){if(!(E=a(k,x,t,m))||E.index>=t.length)break;var P=E.index,A=E.index+E[0].length,T=x;for(T+=w.value.length;P>=T;)T+=(w=w.next).value.length;if(x=T-=w.value.length,w.value instanceof s)continue;for(var R=w;R!==e.tail&&(T<A||"string"==typeof R.value);R=R.next)O++,T+=R.value.length;O--,S=t.slice(x,T),E.index-=x}else if(!(E=a(k,0,S,m)))continue;P=E.index;var N=E[0],L=S.slice(0,P),C=S.slice(P+N.length),I=x+S.length;l&&I>l.reach&&(l.reach=I);var D=w.prev;if(L&&(D=u(e,D,L),x+=L.length),p(e,D,O),w=u(e,D,new s(h,g?r.tokenize(N,g):N,b,N)),C&&u(e,w,C),O>1){var F={cause:h+","+d,reach:I};o(t,e,n,w.prev,x,F),l&&F.reach>l.reach&&(l.reach=F.reach)}}}}}}function _(){var t={value:null,prev:null,next:null},e={value:null,prev:t,next:null};t.next=e,this.head=t,this.tail=e,this.length=0}function u(t,e,n){var i=e.next,r={value:n,prev:e,next:i};return e.next=r,i.prev=r,t.length++,r}function p(t,e,n){for(var i=e.next,r=0;r<n&&i!==t.tail;r++)i=i.next;e.next=i,i.prev=e,t.length-=r}if(t.Prism=r,s.stringify=function t(e,n){if("string"==typeof e)return e;if(Array.isArray(e)){var i="";return e.forEach((function(e){i+=t(e,n)})),i}var s={type:e.type,content:t(e.content,n),tag:"span",classes:["token",e.type],attributes:{},language:n},a=e.alias;a&&(Array.isArray(a)?Array.prototype.push.apply(s.classes,a):s.classes.push(a)),r.hooks.run("wrap",s);var o="";for(var _ in s.attributes)o+=" "+_+'="'+(s.attributes[_]||"").replace(/"/g,"&quot;")+'"';return"<"+s.tag+' class="'+s.classes.join(" ")+'"'+o+">"+s.content+"</"+s.tag+">"},!t.document)return t.addEventListener?(r.disableWorkerMessageHandler||t.addEventListener("message",(function(e){var n=JSON.parse(e.data),i=n.language,s=n.code,a=n.immediateClose;t.postMessage(r.highlight(s,r.languages[i],i)),a&&t.close()}),!1),r):r;var l=r.util.currentScript();function h(){r.manual||r.highlightAll()}if(l&&(r.filename=l.src,l.hasAttribute("data-manual")&&(r.manual=!0)),!r.manual){var c=document.readyState;"loading"===c||"interactive"===c&&l&&l.defer?document.addEventListener("DOMContentLoaded",h):window.requestAnimationFrame?window.requestAnimationFrame(h):window.setTimeout(h,16)}return r}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});t.exports&&(t.exports=i),void 0!==n.g&&(n.g.Prism=i)},404:function(){!function(t){var e,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;t.languages.css.selector={pattern:t.languages.css.selector.pattern,lookbehind:!0,inside:e={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},t.languages.css.atrule.inside["selector-function-argument"].inside=e,t.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var i={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},r={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};t.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:i,number:r,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:i,number:r})}(Prism)},403:function(){!function(t){var e=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;t.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+e.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:e,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},t.languages.css.atrule.inside.rest=t.languages.css;var n=t.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(Prism)},409:function(){!function(t){t.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},t.hooks.add("before-tokenize",(function(e){t.languages["markup-templating"].buildPlaceholders(e,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),t.hooks.add("after-tokenize",(function(e){t.languages["markup-templating"].tokenizePlaceholders(e,"handlebars")})),t.languages.hbs=t.languages.handlebars,t.languages.mustache=t.languages.handlebars}(Prism)},400:function(){Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),Prism.languages.js=Prism.languages.javascript},402:function(){Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json},407:function(){!function(t){var e=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(t){return t=t.replace(/<inner>/g,(function(){return e})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+t+")")}var i=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,r=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return i})),s=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;t.languages.markdown=t.languages.extend("markup",{}),t.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:t.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+r+s+"(?:"+r+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+r+s+")(?:"+r+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(i),inside:t.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+r+")"+s+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+r+"$"),inside:{"table-header":{pattern:RegExp(i),alias:"important",inside:t.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(e){["url","bold","italic","strike","code-snippet"].forEach((function(n){e!==n&&(t.languages.markdown[e].inside.content.inside[n]=t.languages.markdown[n])}))})),t.hooks.add("after-tokenize",(function(t){"markdown"!==t.language&&"md"!==t.language||function t(e){if(e&&"string"!=typeof e)for(var n=0,i=e.length;n<i;n++){var r=e[n];if("code"===r.type){var s=r.content[1],a=r.content[3];if(s&&a&&"code-language"===s.type&&"code-block"===a.type&&"string"==typeof s.content){var o=s.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),_="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase());a.alias?"string"==typeof a.alias?a.alias=[a.alias,_]:a.alias.push(_):a.alias=[_]}}else t(r.content)}}(t.tokens)})),t.hooks.add("wrap",(function(e){if("code-block"===e.type){for(var n="",i=0,r=e.classes.length;i<r;i++){var s=e.classes[i],u=/language-(.+)/.exec(s);if(u){n=u[1];break}}var p,l=t.languages[n];if(l)e.content=t.highlight((p=e.content,p.replace(a,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(t,e){var n;if("#"===(e=e.toLowerCase())[0])return n="x"===e[1]?parseInt(e.slice(2),16):Number(e.slice(1)),_(n);var i=o[e];return i||t}))),l,n);else if(n&&"none"!==n&&t.plugins.autoloader){var h="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random());e.attributes.id=h,t.plugins.autoloader.loadLanguages(n,(function(){var e=document.getElementById(h);e&&(e.innerHTML=t.highlight(e.textContent,t.languages[n],n))}))}}}));var a=RegExp(t.languages.markup.tag.pattern.source,"gi"),o={amp:"&",lt:"<",gt:">",quot:'"'},_=String.fromCodePoint||String.fromCharCode;t.languages.md=t.languages.markdown}(Prism)},396:function(){!function(t){function e(t,e){return"___"+t.toUpperCase()+e+"___"}Object.defineProperties(t.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,i,r,s){if(n.language===i){var a=n.tokenStack=[];n.code=n.code.replace(r,(function(t){if("function"==typeof s&&!s(t))return t;for(var r,o=a.length;-1!==n.code.indexOf(r=e(i,o));)++o;return a[o]=t,r})),n.grammar=t.languages.markup}}},tokenizePlaceholders:{value:function(n,i){if(n.language===i&&n.tokenStack){n.grammar=t.languages[i];var r=0,s=Object.keys(n.tokenStack);!function a(o){for(var _=0;_<o.length&&!(r>=s.length);_++){var u=o[_];if("string"==typeof u||u.content&&"string"==typeof u.content){var p=s[r],l=n.tokenStack[p],h="string"==typeof u?u:u.content,c=e(i,p),d=h.indexOf(c);if(d>-1){++r;var f=h.substring(0,d),g=new t.Token(i,t.tokenize(l,n.grammar),"language-"+i,l),m=h.substring(d+c.length),y=[];f&&y.push.apply(y,a([f])),y.push(g),m&&y.push.apply(y,a([m])),"string"==typeof u?o.splice.apply(o,[_,1].concat(y)):u.content=y}}else u.content&&a(u.content)}return o}(n.tokens)}}}})}(Prism)},397:function(){Prism.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",(function(t){"entity"===t.type&&(t.attributes.title=t.content.replace(/&amp;/,"&"))})),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(t,e){var n={};n["language-"+e]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[e]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;var i={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};i["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var r={};r[t]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return t})),"i"),lookbehind:!0,greedy:!0,inside:i},Prism.languages.insertBefore("markup","cdata",r)}}),Object.defineProperty(Prism.languages.markup.tag,"addAttribute",{value:function(t,e){Prism.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+t+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:Prism.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml},405:function(){Prism.languages.scss=Prism.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),Prism.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),Prism.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),Prism.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),Prism.languages.scss.atrule.inside.rest=Prism.languages.scss},398:function(){Prism.languages.twig={comment:/^\{#[\s\S]*?#\}$/,"tag-name":{pattern:/(^\{%-?\s*)\w+/,lookbehind:!0,alias:"keyword"},delimiter:{pattern:/^\{[{%]-?|-?[%}]\}$/,alias:"punctuation"},string:{pattern:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,inside:{punctuation:/^['"]|['"]$/}},keyword:/\b(?:even|if|odd)\b/,boolean:/\b(?:false|null|true)\b/,number:/\b0x[\dA-Fa-f]+|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][-+]?\d+)?/,operator:[{pattern:/(\s)(?:and|b-and|b-or|b-xor|ends with|in|is|matches|not|or|same as|starts with)(?=\s)/,lookbehind:!0},/[=<>]=?|!=|\*\*?|\/\/?|\?:?|[-+~%|]/],punctuation:/[()\[\]{}:.,]/},Prism.hooks.add("before-tokenize",(function(t){if("twig"===t.language){Prism.languages["markup-templating"].buildPlaceholders(t,"twig",/\{(?:#[\s\S]*?#|%[\s\S]*?%|\{[\s\S]*?\})\}/g)}})),Prism.hooks.add("after-tokenize",(function(t){Prism.languages["markup-templating"].tokenizePlaceholders(t,"twig")}))},401:function(){!function(t){t.languages.typescript=t.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),t.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete t.languages.typescript.parameter,delete t.languages.typescript["literal-property"];var e=t.languages.extend("typescript",{});delete e["class-name"],t.languages.typescript["class-name"].inside=e,t.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e}}}}),t.languages.ts=t.languages.typescript}(Prism)},408:function(){!function(t){var e=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,i="(?:"+n.source+"(?:[ \t]+"+e.source+")?|"+e.source+"(?:[ \t]+"+n.source+")?)",r=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),s=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function a(t,e){e=(e||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return i})).replace(/<<value>>/g,(function(){return t}));return RegExp(n,e)}t.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return i}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return i})).replace(/<<key>>/g,(function(){return"(?:"+r+"|"+s+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:a(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:a(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:a(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:a(s),lookbehind:!0,greedy:!0},number:{pattern:a(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:e,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},t.languages.yml=t.languages.yaml}(Prism)},268:function(t){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}!function(){if("undefined"!=typeof Prism){var n=Object.assign||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},i={"remove-trailing":"boolean","remove-indent":"boolean","left-trim":"boolean","right-trim":"boolean","break-lines":"number",indent:"number","remove-initial-line-feed":"boolean","tabs-to-spaces":"number","spaces-to-tabs":"number"};r.prototype={setDefaults:function(t){this.defaults=n(this.defaults,t)},normalize:function(t,e){for(var i in e=n(this.defaults,e)){var r=i.replace(/-(\w)/g,(function(t,e){return e.toUpperCase()}));"normalize"!==i&&"setDefaults"!==r&&e[i]&&this[r]&&(t=this[r].call(this,t,e[i]))}return t},leftTrim:function(t){return t.replace(/^\s+/,"")},rightTrim:function(t){return t.replace(/\s+$/,"")},tabsToSpaces:function(t,e){return e=0|e||4,t.replace(/\t/g,new Array(++e).join(" "))},spacesToTabs:function(t,e){return e=0|e||4,t.replace(RegExp(" {"+e+"}","g"),"\t")},removeTrailing:function(t){return t.replace(/\s*?$/gm,"")},removeInitialLineFeed:function(t){return t.replace(/^(?:\r?\n|\r)/,"")},removeIndent:function(t){var e=t.match(/^[^\S\n\r]*(?=\S)/gm);return e&&e[0].length?(e.sort((function(t,e){return t.length-e.length})),e[0].length?t.replace(RegExp("^"+e[0],"gm"),""):t):t},indent:function(t,e){return t.replace(/^[^\S\n\r]*(?=\S)/gm,new Array(++e).join("\t")+"$&")},breakLines:function(t,e){e=!0===e?80:0|e||80;for(var n=t.split("\n"),i=0;i<n.length;++i)if(!(s(n[i])<=e)){for(var r=n[i].split(/(\s+)/g),a=0,o=0;o<r.length;++o){var _=s(r[o]);(a+=_)>e&&(r[o]="\n"+r[o],a=_)}n[i]=r.join("")}return n.join("\n")}},t.exports&&(t.exports=r),Prism.plugins.NormalizeWhitespace=new r({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0}),Prism.hooks.add("before-sanity-check",(function(t){var n=Prism.plugins.NormalizeWhitespace;if((!t.settings||!1!==t.settings["whitespace-normalization"])&&Prism.util.isActive(t.element,"whitespace-normalization",!0))if(t.element&&t.element.parentNode||!t.code){var r=t.element.parentNode;if(t.code&&r&&"pre"===r.nodeName.toLowerCase()){for(var s in null==t.settings&&(t.settings={}),i)if(Object.hasOwnProperty.call(i,s)){var a=i[s];if(r.hasAttribute("data-"+s))try{var o=JSON.parse(r.getAttribute("data-"+s)||"true");e(o)===a&&(t.settings[s]=o)}catch(f){}}for(var _=r.childNodes,u="",p="",l=!1,h=0;h<_.length;++h){var c=_[h];c==t.element?l=!0:"#text"===c.nodeName&&(l?p+=c.nodeValue:u+=c.nodeValue,r.removeChild(c),--h)}if(t.element.children.length&&Prism.plugins.KeepMarkup){var d=u+t.element.innerHTML+p;t.element.innerHTML=n.normalize(d,t.settings),t.code=t.element.textContent}else t.code=u+t.code+p,t.code=n.normalize(t.code,t.settings)}}else t.code=n.normalize(t.code,t.settings)}))}function r(t){this.defaults=n({},t)}function s(t){for(var e=0,n=0;n<t.length;++n)t.charCodeAt(n)=="\t".charCodeAt(0)&&(e+=3);return t.length+e}}()},393:function(t,e,n){"use strict";function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function r(){r=function(){return t};var t={},e=Object.prototype,n=e.hasOwnProperty,s=Object.defineProperty||function(t,e,n){t[e]=n.value},a="function"==typeof Symbol?Symbol:{},o=a.iterator||"@@iterator",_=a.asyncIterator||"@@asyncIterator",u=a.toStringTag||"@@toStringTag";function p(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{p({},"")}catch(R){p=function(t,e,n){return t[e]=n}}function l(t,e,n,i){var r=e&&e.prototype instanceof d?e:d,a=Object.create(r.prototype),o=new P(i||[]);return s(a,"_invoke",{value:x(t,n,o)}),a}function h(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(R){return{type:"throw",arg:R}}}t.wrap=l;var c={};function d(){}function f(){}function g(){}var m={};p(m,o,(function(){return this}));var y=Object.getPrototypeOf,b=y&&y(y(A([])));b&&b!==e&&n.call(b,o)&&(m=b);var v=g.prototype=d.prototype=Object.create(m);function k(t){["next","throw","return"].forEach((function(e){p(t,e,(function(t){return this._invoke(e,t)}))}))}function w(t,e){function r(s,a,o,_){var u=h(t[s],t,a);if("throw"!==u.type){var p=u.arg,l=p.value;return l&&"object"==i(l)&&n.call(l,"__await")?e.resolve(l.__await).then((function(t){r("next",t,o,_)}),(function(t){r("throw",t,o,_)})):e.resolve(l).then((function(t){p.value=t,o(p)}),(function(t){return r("throw",t,o,_)}))}_(u.arg)}var a;s(this,"_invoke",{value:function(t,n){function i(){return new e((function(e,i){r(t,n,e,i)}))}return a=a?a.then(i,i):i()}})}function x(t,e,n){var i="suspendedStart";return function(r,s){if("executing"===i)throw new Error("Generator is already running");if("completed"===i){if("throw"===r)throw s;return T()}for(n.method=r,n.arg=s;;){var a=n.delegate;if(a){var o=S(a,n);if(o){if(o===c)continue;return o}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===i)throw i="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);i="executing";var _=h(t,e,n);if("normal"===_.type){if(i=n.done?"completed":"suspendedYield",_.arg===c)continue;return{value:_.arg,done:n.done}}"throw"===_.type&&(i="completed",n.method="throw",n.arg=_.arg)}}}function S(t,e){var n=e.method,i=t.iterator[n];if(void 0===i)return e.delegate=null,"throw"===n&&t.iterator.return&&(e.method="return",e.arg=void 0,S(t,e),"throw"===e.method)||"return"!==n&&(e.method="throw",e.arg=new TypeError("The iterator does not provide a '"+n+"' method")),c;var r=h(i,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,c;var s=r.arg;return s?s.done?(e[t.resultName]=s.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,c):s:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,c)}function E(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function O(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function P(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(E,this),this.reset(!0)}function A(t){if(t){var e=t[o];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var i=-1,r=function e(){for(;++i<t.length;)if(n.call(t,i))return e.value=t[i],e.done=!1,e;return e.value=void 0,e.done=!0,e};return r.next=r}}return{next:T}}function T(){return{value:void 0,done:!0}}return f.prototype=g,s(v,"constructor",{value:g,configurable:!0}),s(g,"constructor",{value:f,configurable:!0}),f.displayName=p(g,u,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,g):(t.__proto__=g,p(t,u,"GeneratorFunction")),t.prototype=Object.create(v),t},t.awrap=function(t){return{__await:t}},k(w.prototype),p(w.prototype,_,(function(){return this})),t.AsyncIterator=w,t.async=function(e,n,i,r,s){void 0===s&&(s=Promise);var a=new w(l(e,n,i,r),s);return t.isGeneratorFunction(n)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},k(v),p(v,u,"Generator"),p(v,o,(function(){return this})),p(v,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=Object(t),n=[];for(var i in e)n.push(i);return n.reverse(),function t(){for(;n.length;){var i=n.pop();if(i in e)return t.value=i,t.done=!1,t}return t.done=!0,t}},t.values=A,P.prototype={constructor:P,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(O),!t)for(var e in this)"t"===e.charAt(0)&&n.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function i(n,i){return a.type="throw",a.arg=t,e.next=n,i&&(e.method="next",e.arg=void 0),!!i}for(var r=this.tryEntries.length-1;r>=0;--r){var s=this.tryEntries[r],a=s.completion;if("root"===s.tryLoc)return i("end");if(s.tryLoc<=this.prev){var o=n.call(s,"catchLoc"),_=n.call(s,"finallyLoc");if(o&&_){if(this.prev<s.catchLoc)return i(s.catchLoc,!0);if(this.prev<s.finallyLoc)return i(s.finallyLoc)}else if(o){if(this.prev<s.catchLoc)return i(s.catchLoc,!0)}else{if(!_)throw new Error("try statement without catch or finally");if(this.prev<s.finallyLoc)return i(s.finallyLoc)}}}},abrupt:function(t,e){for(var i=this.tryEntries.length-1;i>=0;--i){var r=this.tryEntries[i];if(r.tryLoc<=this.prev&&n.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var s=r;break}}s&&("break"===t||"continue"===t)&&s.tryLoc<=e&&e<=s.finallyLoc&&(s=null);var a=s?s.completion:{};return a.type=t,a.arg=e,s?(this.method="next",this.next=s.finallyLoc,c):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),c},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),O(n),c}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var i=n.completion;if("throw"===i.type){var r=i.arg;O(n)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:A(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),c}},t}function s(t,e,n,i){return new(n||(n=Promise))((function(r,s){function a(t){try{_(i.next(t))}catch(e){s(e)}}function o(t){try{_(i.throw(t))}catch(e){s(e)}}function _(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,o)}_((i=i.apply(t,e||[])).next())}))}n.d(e,{X5:function(){return o}});var a=300;function o(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return s(this,void 0,void 0,r().mark((function n(){var i,s,o;return r().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t instanceof Element||t instanceof Window){n.next=2;break}throw new Error("element passed to scrollTo() must be either the window or a DOM element, you passed ".concat(t,"!"));case 2:return e=u(e),i=function e(n,i,r,s){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:a,_=arguments.length>5?arguments[5]:void 0,u=arguments.length>6?arguments[6]:void 0;window.requestAnimationFrame((function(){var a=Date.now(),p=Math.min(1,(a-s)/o);if(n===i)return u?u():null;l(t,_(p)*(i-n)+n),p<1?e(n,i,r,s,o,_,u):u&&u()}))},s=p(t),o=_(t),n.abrupt("return",new Promise((function(t){i(s,"number"==typeof e.top?e.top:s,o,Date.now(),e.duration,d(e.easing),t)})));case 7:case"end":return n.stop()}}),n)})))}function _(t){var e={window:{y:"scrollY",x:"scrollX"},element:{y:"scrollTop",x:"scrollLeft"}};return t instanceof Window?e.window.y:e.element.y}function u(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return"smooth"===t.behavior&&(t.easing="ease-in-out",t.duration=a),"auto"===t.behavior&&(t.duration=0,t.easing="linear"),t}function p(t){var e=h.getDocument();return t===e.body||t===e.documentElement||t instanceof Window?e.body.scrollTop||e.documentElement.scrollTop:t.scrollTop}function l(t,e){var n=h.getDocument();t===n.body||t===n.documentElement||t instanceof Window?(n.body.scrollTop=e,n.documentElement.scrollTop=e):t.scrollTop=e}var h={getDocument:function(){return document}},c={linear:function(t){return t},"ease-in":function(t){return t*t},"ease-out":function(t){return t*(2-t)},"ease-in-out":function(t){return t<.5?2*t*t:(4-2*t)*t-1}},d=function(t){var e=c[t||"linear"];if(!e){var n=Object.keys(c).join(",");throw new Error('Scroll error: scroller does not support an easing option of "'.concat(t,'". Supported options are ').concat(n))}return e}}}]);
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/4-chunk-5efb7ff9f8773a11c914.js.LICENSE.txt b/review/refactor-icon-update/styleguide/js/4-chunk-5efb7ff9f8773a11c914.js.LICENSE.txt
new file mode 100644
index 0000000000..f4f3f5d942
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/4-chunk-5efb7ff9f8773a11c914.js.LICENSE.txt
@@ -0,0 +1,94 @@
+/*!
+ * Determine if an object is a Buffer
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+
+/*!
+ * clipboard.js v2.0.11
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+
+/*!
+ * condense-newlines <https://github.com/jonschlinkert/condense-newlines>
+ *
+ * Copyright (c) 2014 Jon Schlinkert, contributors.
+ * Licensed under the MIT License
+ */
+
+/*!
+ * is-extendable <https://github.com/jonschlinkert/is-extendable>
+ *
+ * Copyright (c) 2015, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+/*!
+ * is-whitespace <https://github.com/jonschlinkert/is-whitespace>
+ *
+ * Copyright (c) 2014-2015, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+/*!
+ * pretty <https://github.com/jonschlinkert/pretty>
+ *
+ * Copyright (c) 2013-2015, 2017, Jon Schlinkert.
+ * Released under the MIT License.
+ */
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+
+/**
+ * Prism: Lightweight, robust, elegant syntax highlighting
+ *
+ * @license MIT <https://opensource.org/licenses/MIT>
+ * @author Lea Verou <https://lea.verou.me>
+ * @namespace
+ * @public
+ */
+
+/**!
+
+ @license
+ handlebars v4.7.7
+
+Copyright (C) 2011-2019 by Yehuda Katz
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+*/
diff --git a/review/refactor-icon-update/styleguide/js/4-chunk-7a265786ddc0d4faa705.js b/review/refactor-icon-update/styleguide/js/4-chunk-7a265786ddc0d4faa705.js
new file mode 100644
index 0000000000..10c7af2aba
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/4-chunk-7a265786ddc0d4faa705.js
@@ -0,0 +1,2 @@
+/*! For license information please see 4-chunk-7a265786ddc0d4faa705.js.LICENSE.txt */
+(self.webpackChunk_pattern_lab_uikit_workshop=self.webpackChunk_pattern_lab_uikit_workshop||[]).push([[4],{23:function(t,e,n){var i,r,s,a;function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}t=n.nmd(t),a=function(){return function(){var t={686:function(t,e,n){"use strict";n.d(e,{default:function(){return x}});var i=n(279),r=n.n(i),s=n(370),a=n.n(s),o=n(817),_=n.n(o);function u(t){try{return document.execCommand(t)}catch(e){return!1}}var p=function(t){var e=_()(t);return u("cut"),e},l=function(t,e){var n=function(t){var e="rtl"===document.documentElement.getAttribute("dir"),n=document.createElement("textarea");n.style.fontSize="12pt",n.style.border="0",n.style.padding="0",n.style.margin="0",n.style.position="absolute",n.style[e?"right":"left"]="-9999px";var i=window.pageYOffset||document.documentElement.scrollTop;return n.style.top="".concat(i,"px"),n.setAttribute("readonly",""),n.value=t,n}(t);e.container.appendChild(n);var i=_()(n);return u("copy"),n.remove(),i},h=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body},n="";return"string"==typeof t?n=l(t,e):t instanceof HTMLInputElement&&!["text","search","url","tel","password"].includes(null==t?void 0:t.type)?n=l(t.value,e):(n=_()(t),u("copy")),n};function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}var d=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.action,n=void 0===e?"copy":e,i=t.container,r=t.target,s=t.text;if("copy"!==n&&"cut"!==n)throw new Error('Invalid "action" value, use either "copy" or "cut"');if(void 0!==r){if(!r||"object"!==c(r)||1!==r.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===n&&r.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===n&&(r.hasAttribute("readonly")||r.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes')}return s?h(s,{container:i}):r?"cut"===n?p(r):h(r,{container:i}):void 0};function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}function g(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function m(t,e){return m=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},m(t,e)}function y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=v(t);if(e){var r=v(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return b(this,n)}}function b(t,e){return!e||"object"!==f(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function v(t){return v=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},v(t)}function k(t,e){var n="data-clipboard-".concat(t);if(e.hasAttribute(n))return e.getAttribute(n)}var w=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&m(t,e)}(s,t);var e,n,i,r=y(s);function s(t,e){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,s),(n=r.call(this)).resolveOptions(e),n.listenClick(t),n}return e=s,n=[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===f(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=a()(t,"click",(function(t){return e.onClick(t)}))}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget,n=this.action(e)||"copy",i=d({action:n,container:this.container,target:this.target(e),text:this.text(e)});this.emit(i?"success":"error",{action:n,text:i,trigger:e,clearSelection:function(){e&&e.focus(),window.getSelection().removeAllRanges()}})}},{key:"defaultAction",value:function(t){return k("action",t)}},{key:"defaultTarget",value:function(t){var e=k("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return k("text",t)}},{key:"destroy",value:function(){this.listener.destroy()}}],i=[{key:"copy",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body};return h(t,e)}},{key:"cut",value:function(t){return p(t)}},{key:"isSupported",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,n=!!document.queryCommandSupported;return e.forEach((function(t){n=n&&!!document.queryCommandSupported(t)})),n}}],n&&g(e.prototype,n),i&&g(e,i),s}(r()),x=w},828:function(t){if("undefined"!=typeof Element&&!Element.prototype.matches){var e=Element.prototype;e.matches=e.matchesSelector||e.mozMatchesSelector||e.msMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector}t.exports=function(t,e){for(;t&&9!==t.nodeType;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}},438:function(t,e,n){var i=n(828);function r(t,e,n,i,r){var a=s.apply(this,arguments);return t.addEventListener(n,a,r),{destroy:function(){t.removeEventListener(n,a,r)}}}function s(t,e,n,r){return function(n){n.delegateTarget=i(n.target,e),n.delegateTarget&&r.call(t,n)}}t.exports=function(t,e,n,i,s){return"function"==typeof t.addEventListener?r.apply(null,arguments):"function"==typeof n?r.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,(function(t){return r(t,e,n,i,s)})))}},879:function(t,e){e.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},e.nodeList=function(t){var n=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===n||"[object HTMLCollection]"===n)&&"length"in t&&(0===t.length||e.node(t[0]))},e.string=function(t){return"string"==typeof t||t instanceof String},e.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},370:function(t,e,n){var i=n(879),r=n(438);t.exports=function(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!i.string(e))throw new TypeError("Second argument must be a String");if(!i.fn(n))throw new TypeError("Third argument must be a Function");if(i.node(t))return function(t,e,n){return t.addEventListener(e,n),{destroy:function(){t.removeEventListener(e,n)}}}(t,e,n);if(i.nodeList(t))return function(t,e,n){return Array.prototype.forEach.call(t,(function(t){t.addEventListener(e,n)})),{destroy:function(){Array.prototype.forEach.call(t,(function(t){t.removeEventListener(e,n)}))}}}(t,e,n);if(i.string(t))return function(t,e,n){return r(document.body,t,e,n)}(t,e,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}},817:function(t){t.exports=function(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var i=window.getSelection(),r=document.createRange();r.selectNodeContents(t),i.removeAllRanges(),i.addRange(r),e=i.toString()}return e}},279:function(t){function e(){}e.prototype={on:function(t,e,n){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var i=this;function r(){i.off(t,r),e.apply(n,arguments)}return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),i=0,r=n.length;i<r;i++)n[i].fn.apply(n[i].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),i=n[t],r=[];if(i&&e)for(var s=0,a=i.length;s<a;s++)i[s].fn!==e&&i[s].fn._!==e&&r.push(i[s]);return r.length?n[t]=r:delete n[t],this}},t.exports=e,t.exports.TinyEmitter=e}},e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}return n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n(686)}().default},"object"===o(e)&&"object"===o(t)?t.exports=a():(r=[],void 0===(s="function"==typeof(i=a)?i.apply(e,r):i)||(t.exports=s))},331:function(t,e,n){"use strict";var i=n(388),r=n(218),s=n(390);t.exports=function(t,e){var n,a=r({},e),o=a.sep||"\n\n",_=a.min;return"number"==typeof _&&2!==_&&(n=new RegExp("(\\r\\n|\\n|\\u2424) {"+_+",}")),void 0===n&&(n=a.regex||/(\r\n|\n|\u2424){2,}/g),!0!==a.keepWhitespace&&(t=t.split("\n").map((function(t){return i(t)?t.trim():t})).join("\n")),t=function(t,e){var n=e.trailingNewline;if(!1===n)return t;switch(s(n)){case"string":t=t.replace(/\s+$/,e.trailingNewline);break;case"function":t=e.trailingNewline(t);break;default:t=t.replace(/\s+$/,"\n")}return t}(t,a),t.replace(n,o)}},390:function(t,e,n){var i=n(391),r=Object.prototype.toString;t.exports=function(t){if(void 0===t)return"undefined";if(null===t)return"null";if(!0===t||!1===t||t instanceof Boolean)return"boolean";if("string"==typeof t||t instanceof String)return"string";if("number"==typeof t||t instanceof Number)return"number";if("function"==typeof t||t instanceof Function)return"function";if(void 0!==Array.isArray&&Array.isArray(t))return"array";if(t instanceof RegExp)return"regexp";if(t instanceof Date)return"date";var e=r.call(t);return"[object RegExp]"===e?"regexp":"[object Date]"===e?"date":"[object Arguments]"===e?"arguments":"[object Error]"===e?"error":i(t)?"buffer":"[object Set]"===e?"set":"[object WeakSet]"===e?"weakset":"[object Map]"===e?"map":"[object WeakMap]"===e?"weakmap":"[object Symbol]"===e?"symbol":"[object Int8Array]"===e?"int8array":"[object Uint8Array]"===e?"uint8array":"[object Uint8ClampedArray]"===e?"uint8clampedarray":"[object Int16Array]"===e?"int16array":"[object Uint16Array]"===e?"uint16array":"[object Int32Array]"===e?"int32array":"[object Uint32Array]"===e?"uint32array":"[object Float32Array]"===e?"float32array":"[object Float64Array]"===e?"float64array":"object"}},218:function(t,e,n){"use strict";var i=n(389);function r(t,e){for(var n in e)s(e,n)&&(t[n]=e[n])}function s(t,e){return Object.prototype.hasOwnProperty.call(t,e)}t.exports=function(t){i(t)||(t={});for(var e=arguments.length,n=1;n<e;n++){var s=arguments[n];i(s)&&r(t,s)}return t}},78:function(t,e,n){var i,r,s,a;function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}t=n.nmd(t),a=function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={exports:{},id:i,loaded:!1};return t[i].call(r.exports,r,r.exports,n),r.loaded=!0,r.exports}return n.m=t,n.c=e,n.p="",n(0)}([function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=i(n(2)),s=i(n(45)),a=n(46),o=n(51),_=i(n(52)),u=i(n(49)),p=i(n(44)),l=r.default.create;function h(){var t=l();return t.compile=function(e,n){return o.compile(e,n,t)},t.precompile=function(e,n){return o.precompile(e,n,t)},t.AST=s.default,t.Compiler=o.Compiler,t.JavaScriptCompiler=_.default,t.Parser=a.parser,t.parse=a.parse,t.parseWithoutProcessing=a.parseWithoutProcessing,t}var c=h();c.create=h,p.default(c),c.Visitor=u.default,c.default=c,e.default=c,t.exports=e.default},function(t,e){"use strict";e.default=function(t){return t&&t.__esModule?t:{default:t}},e.__esModule=!0},function(t,e,n){"use strict";var i=n(3).default,r=n(1).default;e.__esModule=!0;var s=i(n(4)),a=r(n(37)),o=r(n(6)),_=i(n(5)),u=i(n(38)),p=r(n(44));function l(){var t=new s.HandlebarsEnvironment;return _.extend(t,s),t.SafeString=a.default,t.Exception=o.default,t.Utils=_,t.escapeExpression=_.escapeExpression,t.VM=u,t.template=function(e){return u.template(e,t)},t}var h=l();h.create=l,p.default(h),h.default=h,e.default=h,t.exports=e.default},function(t,e){"use strict";e.default=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e},e.__esModule=!0},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.HandlebarsEnvironment=l;var r=n(5),s=i(n(6)),a=n(10),o=n(30),_=i(n(32)),u=n(33);e.VERSION="4.7.7",e.COMPILER_REVISION=8,e.LAST_COMPATIBLE_COMPILER_REVISION=7,e.REVISION_CHANGES={1:"<= 1.0.rc.2",2:"== 1.0.0-rc.3",3:"== 1.0.0-rc.4",4:"== 1.x.x",5:"== 2.0.0-alpha.x",6:">= 2.0.0-beta.1",7:">= 4.0.0 <4.3.0",8:">= 4.3.0"};var p="[object Object]";function l(t,e,n){this.helpers=t||{},this.partials=e||{},this.decorators=n||{},a.registerDefaultHelpers(this),o.registerDefaultDecorators(this)}l.prototype={constructor:l,logger:_.default,log:_.default.log,registerHelper:function(t,e){if(r.toString.call(t)===p){if(e)throw new s.default("Arg not supported with multiple helpers");r.extend(this.helpers,t)}else this.helpers[t]=e},unregisterHelper:function(t){delete this.helpers[t]},registerPartial:function(t,e){if(r.toString.call(t)===p)r.extend(this.partials,t);else{if(void 0===e)throw new s.default('Attempting to register a partial called "'+t+'" as undefined');this.partials[t]=e}},unregisterPartial:function(t){delete this.partials[t]},registerDecorator:function(t,e){if(r.toString.call(t)===p){if(e)throw new s.default("Arg not supported with multiple decorators");r.extend(this.decorators,t)}else this.decorators[t]=e},unregisterDecorator:function(t){delete this.decorators[t]},resetLoggedPropertyAccesses:function(){u.resetLoggedProperties()}};var h=_.default.log;e.log=h,e.createFrame=r.createFrame,e.logger=_.default},function(t,e){"use strict";e.__esModule=!0,e.extend=a,e.indexOf=function(t,e){for(var n=0,i=t.length;n<i;n++)if(t[n]===e)return n;return-1},e.escapeExpression=function(t){if("string"!=typeof t){if(t&&t.toHTML)return t.toHTML();if(null==t)return"";if(!t)return t+"";t=""+t}return r.test(t)?t.replace(i,s):t},e.isEmpty=function(t){return!t&&0!==t||!(!p(t)||0!==t.length)},e.createFrame=function(t){var e=a({},t);return e._parent=t,e},e.blockParams=function(t,e){return t.path=e,t},e.appendContextPath=function(t,e){return(t?t+".":"")+e};var n={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;","=":"&#x3D;"},i=/[&<>"'`=]/g,r=/[&<>"'`=]/;function s(t){return n[t]}function a(t){for(var e=1;e<arguments.length;e++)for(var n in arguments[e])Object.prototype.hasOwnProperty.call(arguments[e],n)&&(t[n]=arguments[e][n]);return t}var _=Object.prototype.toString;e.toString=_;var u=function(t){return"function"==typeof t};u(/x/)&&(e.isFunction=u=function(t){return"function"==typeof t&&"[object Function]"===_.call(t)}),e.isFunction=u;var p=Array.isArray||function(t){return!(!t||"object"!==o(t))&&"[object Array]"===_.call(t)};e.isArray=p},function(t,e,n){"use strict";var i=n(7).default;e.__esModule=!0;var r=["description","fileName","lineNumber","endLineNumber","message","name","number","stack"];function s(t,e){var n=e&&e.loc,a=void 0,o=void 0,_=void 0,u=void 0;n&&(a=n.start.line,o=n.end.line,_=n.start.column,u=n.end.column,t+=" - "+a+":"+_);for(var p=Error.prototype.constructor.call(this,t),l=0;l<r.length;l++)this[r[l]]=p[r[l]];Error.captureStackTrace&&Error.captureStackTrace(this,s);try{n&&(this.lineNumber=a,this.endLineNumber=o,i?(Object.defineProperty(this,"column",{value:_,enumerable:!0}),Object.defineProperty(this,"endColumn",{value:u,enumerable:!0})):(this.column=_,this.endColumn=u))}catch(h){}}s.prototype=new Error,e.default=s,t.exports=e.default},function(t,e,n){t.exports={default:n(8),__esModule:!0}},function(t,e,n){var i=n(9);t.exports=function(t,e,n){return i.setDesc(t,e,n)}},function(t,e){var n=Object;t.exports={create:n.create,getProto:n.getPrototypeOf,isEnum:{}.propertyIsEnumerable,getDesc:n.getOwnPropertyDescriptor,setDesc:n.defineProperty,setDescs:n.defineProperties,getKeys:n.keys,getNames:n.getOwnPropertyNames,getSymbols:n.getOwnPropertySymbols,each:[].forEach}},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.registerDefaultHelpers=function(t){r.default(t),s.default(t),a.default(t),o.default(t),_.default(t),u.default(t),p.default(t)},e.moveHelperToHooks=function(t,e,n){t.helpers[e]&&(t.hooks[e]=t.helpers[e],n||delete t.helpers[e])};var r=i(n(11)),s=i(n(12)),a=i(n(25)),o=i(n(26)),_=i(n(27)),u=i(n(28)),p=i(n(29))},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5);e.default=function(t){t.registerHelper("blockHelperMissing",(function(e,n){var r=n.inverse,s=n.fn;if(!0===e)return s(this);if(!1===e||null==e)return r(this);if(i.isArray(e))return e.length>0?(n.ids&&(n.ids=[n.name]),t.helpers.each(e,n)):r(this);if(n.data&&n.ids){var a=i.createFrame(n.data);a.contextPath=i.appendContextPath(n.data.contextPath,n.name),n={data:a}}return s(e,n)}))},t.exports=e.default},function(t,e,n){(function(i){"use strict";var r=n(13).default,s=n(1).default;e.__esModule=!0;var a=n(5),_=s(n(6));e.default=function(t){t.registerHelper("each",(function(t,e){if(!e)throw new _.default("Must pass iterator to #each");var n,s=e.fn,u=e.inverse,p=0,l="",h=void 0,c=void 0;function d(e,n,i){h&&(h.key=e,h.index=n,h.first=0===n,h.last=!!i,c&&(h.contextPath=c+e)),l+=s(t[e],{data:h,blockParams:a.blockParams([t[e],e],[c+e,null])})}if(e.data&&e.ids&&(c=a.appendContextPath(e.data.contextPath,e.ids[0])+"."),a.isFunction(t)&&(t=t.call(this)),e.data&&(h=a.createFrame(e.data)),t&&"object"===o(t))if(a.isArray(t))for(var f=t.length;p<f;p++)p in t&&d(p,p,p===t.length-1);else if(i.Symbol&&t[i.Symbol.iterator]){for(var g=[],m=t[i.Symbol.iterator](),y=m.next();!y.done;y=m.next())g.push(y.value);for(f=(t=g).length;p<f;p++)d(p,p,p===t.length-1)}else n=void 0,r(t).forEach((function(t){void 0!==n&&d(n,p-1),n=t,p++})),void 0!==n&&d(n,p-1,!0);return 0===p&&(l=u(this)),l}))},t.exports=e.default}).call(e,function(){return this}())},function(t,e,n){t.exports={default:n(14),__esModule:!0}},function(t,e,n){n(15),t.exports=n(21).Object.keys},function(t,e,n){var i=n(16);n(18)("keys",(function(t){return function(e){return t(i(e))}}))},function(t,e,n){var i=n(17);t.exports=function(t){return Object(i(t))}},function(t,e){t.exports=function(t){if(null==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e,n){var i=n(19),r=n(21),s=n(24);t.exports=function(t,e){var n=(r.Object||{})[t]||Object[t],a={};a[t]=e(n),i(i.S+i.F*s((function(){n(1)})),"Object",a)}},function(t,e,n){var i=n(20),r=n(21),s=n(22),a="prototype",o=function t(e,n,o){var _,u,p,l=e&t.F,h=e&t.G,c=e&t.S,d=e&t.P,f=e&t.B,g=e&t.W,m=h?r:r[n]||(r[n]={}),y=h?i:c?i[n]:(i[n]||{})[a];for(_ in h&&(o=n),o)(u=!l&&y&&_ in y)&&_ in m||(p=u?y[_]:o[_],m[_]=h&&"function"!=typeof y[_]?o[_]:f&&u?s(p,i):g&&y[_]==p?function(t){var e=function(e){return this instanceof t?new t(e):t(e)};return e[a]=t[a],e}(p):d&&"function"==typeof p?s(Function.call,p):p,d&&((m[a]||(m[a]={}))[_]=p))};o.F=1,o.G=2,o.S=4,o.P=8,o.B=16,o.W=32,t.exports=o},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){var n=t.exports={version:"1.2.6"};"number"==typeof __e&&(__e=n)},function(t,e,n){var i=n(23);t.exports=function(t,e,n){if(i(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,i){return t.call(e,n,i)};case 3:return function(n,i,r){return t.call(e,n,i,r)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){t.exports=function(t){try{return!!t()}catch(e){return!0}}},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=i(n(6));e.default=function(t){t.registerHelper("helperMissing",(function(){if(1!==arguments.length)throw new r.default('Missing helper: "'+arguments[arguments.length-1].name+'"')}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=n(5),s=i(n(6));e.default=function(t){t.registerHelper("if",(function(t,e){if(2!=arguments.length)throw new s.default("#if requires exactly one argument");return r.isFunction(t)&&(t=t.call(this)),!e.hash.includeZero&&!t||r.isEmpty(t)?e.inverse(this):e.fn(this)})),t.registerHelper("unless",(function(e,n){if(2!=arguments.length)throw new s.default("#unless requires exactly one argument");return t.helpers.if.call(this,e,{fn:n.inverse,inverse:n.fn,hash:n.hash})}))},t.exports=e.default},function(t,e){"use strict";e.__esModule=!0,e.default=function(t){t.registerHelper("log",(function(){for(var e=[void 0],n=arguments[arguments.length-1],i=0;i<arguments.length-1;i++)e.push(arguments[i]);var r=1;null!=n.hash.level?r=n.hash.level:n.data&&null!=n.data.level&&(r=n.data.level),e[0]=r,t.log.apply(t,e)}))},t.exports=e.default},function(t,e){"use strict";e.__esModule=!0,e.default=function(t){t.registerHelper("lookup",(function(t,e,n){return t?n.lookupProperty(t,e):t}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=n(5),s=i(n(6));e.default=function(t){t.registerHelper("with",(function(t,e){if(2!=arguments.length)throw new s.default("#with requires exactly one argument");r.isFunction(t)&&(t=t.call(this));var n=e.fn;if(r.isEmpty(t))return e.inverse(this);var i=e.data;return e.data&&e.ids&&((i=r.createFrame(e.data)).contextPath=r.appendContextPath(e.data.contextPath,e.ids[0])),n(t,{data:i,blockParams:r.blockParams([t],[i&&i.contextPath])})}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.registerDefaultDecorators=function(t){r.default(t)};var r=i(n(31))},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5);e.default=function(t){t.registerDecorator("inline",(function(t,e,n,r){var s=t;return e.partials||(e.partials={},s=function(r,s){var a=n.partials;n.partials=i.extend({},a,e.partials);var o=t(r,s);return n.partials=a,o}),e.partials[r.args[0]]=r.fn,s}))},t.exports=e.default},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5),r={methodMap:["debug","info","warn","error"],level:"info",lookupLevel:function(t){if("string"==typeof t){var e=i.indexOf(r.methodMap,t.toLowerCase());t=e>=0?e:parseInt(t,10)}return t},log:function(t){if(t=r.lookupLevel(t),"undefined"!=typeof console&&r.lookupLevel(r.level)<=t){var e=r.methodMap[t];console[e]||(e="log");for(var n=arguments.length,i=Array(n>1?n-1:0),s=1;s<n;s++)i[s-1]=arguments[s];console[e].apply(console,i)}}};e.default=r,t.exports=e.default},function(t,e,n){"use strict";var i=n(34).default,r=n(13).default,s=n(3).default;e.__esModule=!0,e.createProtoAccessControl=function(t){var e=i(null);e.constructor=!1,e.__defineGetter__=!1,e.__defineSetter__=!1,e.__lookupGetter__=!1;var n=i(null);return n.__proto__=!1,{properties:{whitelist:a.createNewLookupObject(n,t.allowedProtoProperties),defaultValue:t.allowProtoPropertiesByDefault},methods:{whitelist:a.createNewLookupObject(e,t.allowedProtoMethods),defaultValue:t.allowProtoMethodsByDefault}}},e.resultIsAllowed=function(t,e,n){return u("function"==typeof t?e.methods:e.properties,n)},e.resetLoggedProperties=function(){r(_).forEach((function(t){delete _[t]}))};var a=n(36),o=s(n(32)),_=i(null);function u(t,e){return void 0!==t.whitelist[e]?!0===t.whitelist[e]:void 0!==t.defaultValue?t.defaultValue:(function(t){!0!==_[t]&&(_[t]=!0,o.log("error",'Handlebars: Access has been denied to resolve the property "'+t+'" because it is not an "own property" of its parent.\nYou can add a runtime option to disable the check or this warning:\nSee https://handlebarsjs.com/api-reference/runtime-options.html#options-to-control-prototype-access for details'))}(e),!1)}},function(t,e,n){t.exports={default:n(35),__esModule:!0}},function(t,e,n){var i=n(9);t.exports=function(t,e){return i.create(t,e)}},function(t,e,n){"use strict";var i=n(34).default;e.__esModule=!0,e.createNewLookupObject=function(){for(var t=arguments.length,e=Array(t),n=0;n<t;n++)e[n]=arguments[n];return r.extend.apply(void 0,[i(null)].concat(e))};var r=n(5)},function(t,e){"use strict";function n(t){this.string=t}e.__esModule=!0,n.prototype.toString=n.prototype.toHTML=function(){return""+this.string},e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(39).default,r=n(13).default,s=n(3).default,a=n(1).default;e.__esModule=!0,e.checkRevision=function(t){var e=t&&t[0]||1,n=p.COMPILER_REVISION;if(!(e>=p.LAST_COMPATIBLE_COMPILER_REVISION&&e<=p.COMPILER_REVISION)){if(e<p.LAST_COMPATIBLE_COMPILER_REVISION){var i=p.REVISION_CHANGES[n],r=p.REVISION_CHANGES[e];throw new u.default("Template was precompiled with an older version of Handlebars than the current runtime. Please update your precompiler to a newer version ("+i+") or downgrade your runtime to an older version ("+r+").")}throw new u.default("Template was precompiled with a newer version of Handlebars than the current runtime. Please update your runtime to a newer version ("+t[1]+").")}},e.template=function(t,e){if(!e)throw new u.default("No environment passed to template");if(!t||!t.main)throw new u.default("Unknown template object: "+o(t));t.main.decorator=t.main_d,e.VM.checkRevision(t.compiler);var n=t.compiler&&7===t.compiler[0],s={strict:function(t,e,n){if(!t||!(e in t))throw new u.default('"'+e+'" not defined in '+t,{loc:n});return s.lookupProperty(t,e)},lookupProperty:function(t,e){var n=t[e];return null==n||Object.prototype.hasOwnProperty.call(t,e)||c.resultIsAllowed(n,s.protoAccessControl,e)?n:void 0},lookup:function(t,e){for(var n=t.length,i=0;i<n;i++)if(null!=(t[i]&&s.lookupProperty(t[i],e)))return t[i][e]},lambda:function(t,e){return"function"==typeof t?t.call(e):t},escapeExpression:_.escapeExpression,invokePartial:function(n,i,r){r.hash&&(i=_.extend({},i,r.hash),r.ids&&(r.ids[0]=!0)),n=e.VM.resolvePartial.call(this,n,i,r);var s=_.extend({},r,{hooks:this.hooks,protoAccessControl:this.protoAccessControl}),a=e.VM.invokePartial.call(this,n,i,s);if(null==a&&e.compile&&(r.partials[r.name]=e.compile(n,t.compilerOptions,e),a=r.partials[r.name](i,s)),null!=a){if(r.indent){for(var o=a.split("\n"),p=0,l=o.length;p<l&&(o[p]||p+1!==l);p++)o[p]=r.indent+o[p];a=o.join("\n")}return a}throw new u.default("The partial "+r.name+" could not be compiled when running in runtime-only mode")},fn:function(e){var n=t[e];return n.decorator=t[e+"_d"],n},programs:[],program:function(t,e,n,i,r){var s=this.programs[t],a=this.fn(t);return e||r||i||n?s=d(this,t,a,e,n,i,r):s||(s=this.programs[t]=d(this,t,a)),s},data:function(t,e){for(;t&&e--;)t=t._parent;return t},mergeIfNeeded:function(t,e){var n=t||e;return t&&e&&t!==e&&(n=_.extend({},e,t)),n},nullContext:i({}),noop:e.VM.noop,compilerInfo:t.compiler};function a(e){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],i=n.data;a._setup(n),!n.partial&&t.useData&&(i=g(e,i));var r=void 0,o=t.useBlockParams?[]:void 0;function _(e){return""+t.main(s,e,s.helpers,s.partials,i,o,r)}return t.useDepths&&(r=n.depths?e!=n.depths[0]?[e].concat(n.depths):n.depths:[e]),(_=m(t.main,_,s,n.depths||[],i,o))(e,n)}return a.isTop=!0,a._setup=function(i){if(i.partial)s.protoAccessControl=i.protoAccessControl,s.helpers=i.helpers,s.partials=i.partials,s.decorators=i.decorators,s.hooks=i.hooks;else{var a=_.extend({},e.helpers,i.helpers);!function(t,e){r(t).forEach((function(n){var i=t[n];t[n]=function(t,e){var n=e.lookupProperty;return h.wrapHelper(t,(function(t){return _.extend({lookupProperty:n},t)}))}(i,e)}))}(a,s),s.helpers=a,t.usePartial&&(s.partials=s.mergeIfNeeded(i.partials,e.partials)),(t.usePartial||t.useDecorators)&&(s.decorators=_.extend({},e.decorators,i.decorators)),s.hooks={},s.protoAccessControl=c.createProtoAccessControl(i);var o=i.allowCallsToHelperMissing||n;l.moveHelperToHooks(s,"helperMissing",o),l.moveHelperToHooks(s,"blockHelperMissing",o)}},a._child=function(e,n,i,r){if(t.useBlockParams&&!i)throw new u.default("must pass block params");if(t.useDepths&&!r)throw new u.default("must pass parent depths");return d(s,e,t[e],n,0,i,r)},a},e.wrapProgram=d,e.resolvePartial=function(t,e,n){return t?t.call||n.name||(n.name=t,t=n.partials[t]):t="@partial-block"===n.name?n.data["partial-block"]:n.partials[n.name],t},e.invokePartial=function(t,e,n){var i=n.data&&n.data["partial-block"];n.partial=!0,n.ids&&(n.data.contextPath=n.ids[0]||n.data.contextPath);var r=void 0;if(n.fn&&n.fn!==f&&function(){n.data=p.createFrame(n.data);var t=n.fn;r=n.data["partial-block"]=function(e){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];return n.data=p.createFrame(n.data),n.data["partial-block"]=i,t(e,n)},t.partials&&(n.partials=_.extend({},n.partials,t.partials))}(),void 0===t&&r&&(t=r),void 0===t)throw new u.default("The partial "+n.name+" could not be found");if(t instanceof Function)return t(e,n)},e.noop=f;var _=s(n(5)),u=a(n(6)),p=n(4),l=n(10),h=n(43),c=n(33);function d(t,e,n,i,r,s,a){function o(e){var r=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],o=a;return!a||e==a[0]||e===t.nullContext&&null===a[0]||(o=[e].concat(a)),n(t,e,t.helpers,t.partials,r.data||i,s&&[r.blockParams].concat(s),o)}return(o=m(n,o,t,a,i,s)).program=e,o.depth=a?a.length:0,o.blockParams=r||0,o}function f(){return""}function g(t,e){return e&&"root"in e||((e=e?p.createFrame(e):{}).root=t),e}function m(t,e,n,i,r,s){if(t.decorator){var a={};e=t.decorator(e,a,n,i&&i[0],r,s,i),_.extend(e,a)}return e}},function(t,e,n){t.exports={default:n(40),__esModule:!0}},function(t,e,n){n(41),t.exports=n(21).Object.seal},function(t,e,n){var i=n(42);n(18)("seal",(function(t){return function(e){return t&&i(e)?t(e):e}}))},function(t,e){t.exports=function(t){return"object"===o(t)?null!==t:"function"==typeof t}},function(t,e){"use strict";e.__esModule=!0,e.wrapHelper=function(t,e){return"function"!=typeof t?t:function(){var n=arguments[arguments.length-1];return arguments[arguments.length-1]=e(n),t.apply(this,arguments)}}},function(t,e){(function(n){"use strict";e.__esModule=!0,e.default=function(t){var e=void 0!==n?n:window,i=e.Handlebars;t.noConflict=function(){return e.Handlebars===t&&(e.Handlebars=i),t}},t.exports=e.default}).call(e,function(){return this}())},function(t,e){"use strict";e.__esModule=!0;var n={helpers:{helperExpression:function(t){return"SubExpression"===t.type||("MustacheStatement"===t.type||"BlockStatement"===t.type)&&!!(t.params&&t.params.length||t.hash)},scopedId:function(t){return/^\.|this\b/.test(t.original)},simpleId:function(t){return 1===t.parts.length&&!n.helpers.scopedId(t)&&!t.depth}}};e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default,r=n(3).default;e.__esModule=!0,e.parseWithoutProcessing=p,e.parse=function(t,e){var n=p(t,e);return new a.default(e).accept(n)};var s=i(n(47)),a=i(n(48)),o=r(n(50)),_=n(5);e.parser=s.default;var u={};function p(t,e){return"Program"===t.type?t:(s.default.yy=u,u.locInfo=function(t){return new u.SourceLocation(e&&e.srcName,t)},s.default.parse(t))}_.extend(u,o)},function(t,e){"use strict";e.__esModule=!0;var n=function(){var t={trace:function(){},yy:{},symbols_:{error:2,root:3,program:4,EOF:5,program_repetition0:6,statement:7,mustache:8,block:9,rawBlock:10,partial:11,partialBlock:12,content:13,COMMENT:14,CONTENT:15,openRawBlock:16,rawBlock_repetition0:17,END_RAW_BLOCK:18,OPEN_RAW_BLOCK:19,helperName:20,openRawBlock_repetition0:21,openRawBlock_option0:22,CLOSE_RAW_BLOCK:23,openBlock:24,block_option0:25,closeBlock:26,openInverse:27,block_option1:28,OPEN_BLOCK:29,openBlock_repetition0:30,openBlock_option0:31,openBlock_option1:32,CLOSE:33,OPEN_INVERSE:34,openInverse_repetition0:35,openInverse_option0:36,openInverse_option1:37,openInverseChain:38,OPEN_INVERSE_CHAIN:39,openInverseChain_repetition0:40,openInverseChain_option0:41,openInverseChain_option1:42,inverseAndProgram:43,INVERSE:44,inverseChain:45,inverseChain_option0:46,OPEN_ENDBLOCK:47,OPEN:48,mustache_repetition0:49,mustache_option0:50,OPEN_UNESCAPED:51,mustache_repetition1:52,mustache_option1:53,CLOSE_UNESCAPED:54,OPEN_PARTIAL:55,partialName:56,partial_repetition0:57,partial_option0:58,openPartialBlock:59,OPEN_PARTIAL_BLOCK:60,openPartialBlock_repetition0:61,openPartialBlock_option0:62,param:63,sexpr:64,OPEN_SEXPR:65,sexpr_repetition0:66,sexpr_option0:67,CLOSE_SEXPR:68,hash:69,hash_repetition_plus0:70,hashSegment:71,ID:72,EQUALS:73,blockParams:74,OPEN_BLOCK_PARAMS:75,blockParams_repetition_plus0:76,CLOSE_BLOCK_PARAMS:77,path:78,dataName:79,STRING:80,NUMBER:81,BOOLEAN:82,UNDEFINED:83,NULL:84,DATA:85,pathSegments:86,SEP:87,$accept:0,$end:1},terminals_:{2:"error",5:"EOF",14:"COMMENT",15:"CONTENT",18:"END_RAW_BLOCK",19:"OPEN_RAW_BLOCK",23:"CLOSE_RAW_BLOCK",29:"OPEN_BLOCK",33:"CLOSE",34:"OPEN_INVERSE",39:"OPEN_INVERSE_CHAIN",44:"INVERSE",47:"OPEN_ENDBLOCK",48:"OPEN",51:"OPEN_UNESCAPED",54:"CLOSE_UNESCAPED",55:"OPEN_PARTIAL",60:"OPEN_PARTIAL_BLOCK",65:"OPEN_SEXPR",68:"CLOSE_SEXPR",72:"ID",73:"EQUALS",75:"OPEN_BLOCK_PARAMS",77:"CLOSE_BLOCK_PARAMS",80:"STRING",81:"NUMBER",82:"BOOLEAN",83:"UNDEFINED",84:"NULL",85:"DATA",87:"SEP"},productions_:[0,[3,2],[4,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[13,1],[10,3],[16,5],[9,4],[9,4],[24,6],[27,6],[38,6],[43,2],[45,3],[45,1],[26,3],[8,5],[8,5],[11,5],[12,3],[59,5],[63,1],[63,1],[64,5],[69,1],[71,3],[74,3],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[56,1],[56,1],[79,2],[78,1],[86,3],[86,1],[6,0],[6,2],[17,0],[17,2],[21,0],[21,2],[22,0],[22,1],[25,0],[25,1],[28,0],[28,1],[30,0],[30,2],[31,0],[31,1],[32,0],[32,1],[35,0],[35,2],[36,0],[36,1],[37,0],[37,1],[40,0],[40,2],[41,0],[41,1],[42,0],[42,1],[46,0],[46,1],[49,0],[49,2],[50,0],[50,1],[52,0],[52,2],[53,0],[53,1],[57,0],[57,2],[58,0],[58,1],[61,0],[61,2],[62,0],[62,1],[66,0],[66,2],[67,0],[67,1],[70,1],[70,2],[76,1],[76,2]],performAction:function(t,e,n,i,r,s,a){var o=s.length-1;switch(r){case 1:return s[o-1];case 2:this.$=i.prepareProgram(s[o]);break;case 3:case 4:case 5:case 6:case 7:case 8:case 20:case 27:case 28:case 33:case 34:case 40:case 41:this.$=s[o];break;case 9:this.$={type:"CommentStatement",value:i.stripComment(s[o]),strip:i.stripFlags(s[o],s[o]),loc:i.locInfo(this._$)};break;case 10:this.$={type:"ContentStatement",original:s[o],value:s[o],loc:i.locInfo(this._$)};break;case 11:this.$=i.prepareRawBlock(s[o-2],s[o-1],s[o],this._$);break;case 12:this.$={path:s[o-3],params:s[o-2],hash:s[o-1]};break;case 13:this.$=i.prepareBlock(s[o-3],s[o-2],s[o-1],s[o],!1,this._$);break;case 14:this.$=i.prepareBlock(s[o-3],s[o-2],s[o-1],s[o],!0,this._$);break;case 15:this.$={open:s[o-5],path:s[o-4],params:s[o-3],hash:s[o-2],blockParams:s[o-1],strip:i.stripFlags(s[o-5],s[o])};break;case 16:case 17:this.$={path:s[o-4],params:s[o-3],hash:s[o-2],blockParams:s[o-1],strip:i.stripFlags(s[o-5],s[o])};break;case 18:this.$={strip:i.stripFlags(s[o-1],s[o-1]),program:s[o]};break;case 19:var _=i.prepareBlock(s[o-2],s[o-1],s[o],s[o],!1,this._$),u=i.prepareProgram([_],s[o-1].loc);u.chained=!0,this.$={strip:s[o-2].strip,program:u,chain:!0};break;case 21:this.$={path:s[o-1],strip:i.stripFlags(s[o-2],s[o])};break;case 22:case 23:this.$=i.prepareMustache(s[o-3],s[o-2],s[o-1],s[o-4],i.stripFlags(s[o-4],s[o]),this._$);break;case 24:this.$={type:"PartialStatement",name:s[o-3],params:s[o-2],hash:s[o-1],indent:"",strip:i.stripFlags(s[o-4],s[o]),loc:i.locInfo(this._$)};break;case 25:this.$=i.preparePartialBlock(s[o-2],s[o-1],s[o],this._$);break;case 26:this.$={path:s[o-3],params:s[o-2],hash:s[o-1],strip:i.stripFlags(s[o-4],s[o])};break;case 29:this.$={type:"SubExpression",path:s[o-3],params:s[o-2],hash:s[o-1],loc:i.locInfo(this._$)};break;case 30:this.$={type:"Hash",pairs:s[o],loc:i.locInfo(this._$)};break;case 31:this.$={type:"HashPair",key:i.id(s[o-2]),value:s[o],loc:i.locInfo(this._$)};break;case 32:this.$=i.id(s[o-1]);break;case 35:this.$={type:"StringLiteral",value:s[o],original:s[o],loc:i.locInfo(this._$)};break;case 36:this.$={type:"NumberLiteral",value:Number(s[o]),original:Number(s[o]),loc:i.locInfo(this._$)};break;case 37:this.$={type:"BooleanLiteral",value:"true"===s[o],original:"true"===s[o],loc:i.locInfo(this._$)};break;case 38:this.$={type:"UndefinedLiteral",original:void 0,value:void 0,loc:i.locInfo(this._$)};break;case 39:this.$={type:"NullLiteral",original:null,value:null,loc:i.locInfo(this._$)};break;case 42:this.$=i.preparePath(!0,s[o],this._$);break;case 43:this.$=i.preparePath(!1,s[o],this._$);break;case 44:s[o-2].push({part:i.id(s[o]),original:s[o],separator:s[o-1]}),this.$=s[o-2];break;case 45:this.$=[{part:i.id(s[o]),original:s[o]}];break;case 46:case 48:case 50:case 58:case 64:case 70:case 78:case 82:case 86:case 90:case 94:this.$=[];break;case 47:case 49:case 51:case 59:case 65:case 71:case 79:case 83:case 87:case 91:case 95:case 99:case 101:s[o-1].push(s[o]);break;case 98:case 100:this.$=[s[o]]}},table:[{3:1,4:2,5:[2,46],6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{1:[3]},{5:[1,4]},{5:[2,2],7:5,8:6,9:7,10:8,11:9,12:10,13:11,14:[1,12],15:[1,20],16:17,19:[1,23],24:15,27:16,29:[1,21],34:[1,22],39:[2,2],44:[2,2],47:[2,2],48:[1,13],51:[1,14],55:[1,18],59:19,60:[1,24]},{1:[2,1]},{5:[2,47],14:[2,47],15:[2,47],19:[2,47],29:[2,47],34:[2,47],39:[2,47],44:[2,47],47:[2,47],48:[2,47],51:[2,47],55:[2,47],60:[2,47]},{5:[2,3],14:[2,3],15:[2,3],19:[2,3],29:[2,3],34:[2,3],39:[2,3],44:[2,3],47:[2,3],48:[2,3],51:[2,3],55:[2,3],60:[2,3]},{5:[2,4],14:[2,4],15:[2,4],19:[2,4],29:[2,4],34:[2,4],39:[2,4],44:[2,4],47:[2,4],48:[2,4],51:[2,4],55:[2,4],60:[2,4]},{5:[2,5],14:[2,5],15:[2,5],19:[2,5],29:[2,5],34:[2,5],39:[2,5],44:[2,5],47:[2,5],48:[2,5],51:[2,5],55:[2,5],60:[2,5]},{5:[2,6],14:[2,6],15:[2,6],19:[2,6],29:[2,6],34:[2,6],39:[2,6],44:[2,6],47:[2,6],48:[2,6],51:[2,6],55:[2,6],60:[2,6]},{5:[2,7],14:[2,7],15:[2,7],19:[2,7],29:[2,7],34:[2,7],39:[2,7],44:[2,7],47:[2,7],48:[2,7],51:[2,7],55:[2,7],60:[2,7]},{5:[2,8],14:[2,8],15:[2,8],19:[2,8],29:[2,8],34:[2,8],39:[2,8],44:[2,8],47:[2,8],48:[2,8],51:[2,8],55:[2,8],60:[2,8]},{5:[2,9],14:[2,9],15:[2,9],19:[2,9],29:[2,9],34:[2,9],39:[2,9],44:[2,9],47:[2,9],48:[2,9],51:[2,9],55:[2,9],60:[2,9]},{20:25,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:36,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:37,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{4:38,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{15:[2,48],17:39,18:[2,48]},{20:41,56:40,64:42,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:44,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{5:[2,10],14:[2,10],15:[2,10],18:[2,10],19:[2,10],29:[2,10],34:[2,10],39:[2,10],44:[2,10],47:[2,10],48:[2,10],51:[2,10],55:[2,10],60:[2,10]},{20:45,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:46,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:47,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:41,56:48,64:42,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[2,78],49:49,65:[2,78],72:[2,78],80:[2,78],81:[2,78],82:[2,78],83:[2,78],84:[2,78],85:[2,78]},{23:[2,33],33:[2,33],54:[2,33],65:[2,33],68:[2,33],72:[2,33],75:[2,33],80:[2,33],81:[2,33],82:[2,33],83:[2,33],84:[2,33],85:[2,33]},{23:[2,34],33:[2,34],54:[2,34],65:[2,34],68:[2,34],72:[2,34],75:[2,34],80:[2,34],81:[2,34],82:[2,34],83:[2,34],84:[2,34],85:[2,34]},{23:[2,35],33:[2,35],54:[2,35],65:[2,35],68:[2,35],72:[2,35],75:[2,35],80:[2,35],81:[2,35],82:[2,35],83:[2,35],84:[2,35],85:[2,35]},{23:[2,36],33:[2,36],54:[2,36],65:[2,36],68:[2,36],72:[2,36],75:[2,36],80:[2,36],81:[2,36],82:[2,36],83:[2,36],84:[2,36],85:[2,36]},{23:[2,37],33:[2,37],54:[2,37],65:[2,37],68:[2,37],72:[2,37],75:[2,37],80:[2,37],81:[2,37],82:[2,37],83:[2,37],84:[2,37],85:[2,37]},{23:[2,38],33:[2,38],54:[2,38],65:[2,38],68:[2,38],72:[2,38],75:[2,38],80:[2,38],81:[2,38],82:[2,38],83:[2,38],84:[2,38],85:[2,38]},{23:[2,39],33:[2,39],54:[2,39],65:[2,39],68:[2,39],72:[2,39],75:[2,39],80:[2,39],81:[2,39],82:[2,39],83:[2,39],84:[2,39],85:[2,39]},{23:[2,43],33:[2,43],54:[2,43],65:[2,43],68:[2,43],72:[2,43],75:[2,43],80:[2,43],81:[2,43],82:[2,43],83:[2,43],84:[2,43],85:[2,43],87:[1,50]},{72:[1,35],86:51},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{52:52,54:[2,82],65:[2,82],72:[2,82],80:[2,82],81:[2,82],82:[2,82],83:[2,82],84:[2,82],85:[2,82]},{25:53,38:55,39:[1,57],43:56,44:[1,58],45:54,47:[2,54]},{28:59,43:60,44:[1,58],47:[2,56]},{13:62,15:[1,20],18:[1,61]},{33:[2,86],57:63,65:[2,86],72:[2,86],80:[2,86],81:[2,86],82:[2,86],83:[2,86],84:[2,86],85:[2,86]},{33:[2,40],65:[2,40],72:[2,40],80:[2,40],81:[2,40],82:[2,40],83:[2,40],84:[2,40],85:[2,40]},{33:[2,41],65:[2,41],72:[2,41],80:[2,41],81:[2,41],82:[2,41],83:[2,41],84:[2,41],85:[2,41]},{20:64,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:65,47:[1,66]},{30:67,33:[2,58],65:[2,58],72:[2,58],75:[2,58],80:[2,58],81:[2,58],82:[2,58],83:[2,58],84:[2,58],85:[2,58]},{33:[2,64],35:68,65:[2,64],72:[2,64],75:[2,64],80:[2,64],81:[2,64],82:[2,64],83:[2,64],84:[2,64],85:[2,64]},{21:69,23:[2,50],65:[2,50],72:[2,50],80:[2,50],81:[2,50],82:[2,50],83:[2,50],84:[2,50],85:[2,50]},{33:[2,90],61:70,65:[2,90],72:[2,90],80:[2,90],81:[2,90],82:[2,90],83:[2,90],84:[2,90],85:[2,90]},{20:74,33:[2,80],50:71,63:72,64:75,65:[1,43],69:73,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{72:[1,79]},{23:[2,42],33:[2,42],54:[2,42],65:[2,42],68:[2,42],72:[2,42],75:[2,42],80:[2,42],81:[2,42],82:[2,42],83:[2,42],84:[2,42],85:[2,42],87:[1,50]},{20:74,53:80,54:[2,84],63:81,64:75,65:[1,43],69:82,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:83,47:[1,66]},{47:[2,55]},{4:84,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{47:[2,20]},{20:85,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:86,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{26:87,47:[1,66]},{47:[2,57]},{5:[2,11],14:[2,11],15:[2,11],19:[2,11],29:[2,11],34:[2,11],39:[2,11],44:[2,11],47:[2,11],48:[2,11],51:[2,11],55:[2,11],60:[2,11]},{15:[2,49],18:[2,49]},{20:74,33:[2,88],58:88,63:89,64:75,65:[1,43],69:90,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{65:[2,94],66:91,68:[2,94],72:[2,94],80:[2,94],81:[2,94],82:[2,94],83:[2,94],84:[2,94],85:[2,94]},{5:[2,25],14:[2,25],15:[2,25],19:[2,25],29:[2,25],34:[2,25],39:[2,25],44:[2,25],47:[2,25],48:[2,25],51:[2,25],55:[2,25],60:[2,25]},{20:92,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,31:93,33:[2,60],63:94,64:75,65:[1,43],69:95,70:76,71:77,72:[1,78],75:[2,60],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,33:[2,66],36:96,63:97,64:75,65:[1,43],69:98,70:76,71:77,72:[1,78],75:[2,66],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,22:99,23:[2,52],63:100,64:75,65:[1,43],69:101,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,33:[2,92],62:102,63:103,64:75,65:[1,43],69:104,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,105]},{33:[2,79],65:[2,79],72:[2,79],80:[2,79],81:[2,79],82:[2,79],83:[2,79],84:[2,79],85:[2,79]},{33:[2,81]},{23:[2,27],33:[2,27],54:[2,27],65:[2,27],68:[2,27],72:[2,27],75:[2,27],80:[2,27],81:[2,27],82:[2,27],83:[2,27],84:[2,27],85:[2,27]},{23:[2,28],33:[2,28],54:[2,28],65:[2,28],68:[2,28],72:[2,28],75:[2,28],80:[2,28],81:[2,28],82:[2,28],83:[2,28],84:[2,28],85:[2,28]},{23:[2,30],33:[2,30],54:[2,30],68:[2,30],71:106,72:[1,107],75:[2,30]},{23:[2,98],33:[2,98],54:[2,98],68:[2,98],72:[2,98],75:[2,98]},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],73:[1,108],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{23:[2,44],33:[2,44],54:[2,44],65:[2,44],68:[2,44],72:[2,44],75:[2,44],80:[2,44],81:[2,44],82:[2,44],83:[2,44],84:[2,44],85:[2,44],87:[2,44]},{54:[1,109]},{54:[2,83],65:[2,83],72:[2,83],80:[2,83],81:[2,83],82:[2,83],83:[2,83],84:[2,83],85:[2,83]},{54:[2,85]},{5:[2,13],14:[2,13],15:[2,13],19:[2,13],29:[2,13],34:[2,13],39:[2,13],44:[2,13],47:[2,13],48:[2,13],51:[2,13],55:[2,13],60:[2,13]},{38:55,39:[1,57],43:56,44:[1,58],45:111,46:110,47:[2,76]},{33:[2,70],40:112,65:[2,70],72:[2,70],75:[2,70],80:[2,70],81:[2,70],82:[2,70],83:[2,70],84:[2,70],85:[2,70]},{47:[2,18]},{5:[2,14],14:[2,14],15:[2,14],19:[2,14],29:[2,14],34:[2,14],39:[2,14],44:[2,14],47:[2,14],48:[2,14],51:[2,14],55:[2,14],60:[2,14]},{33:[1,113]},{33:[2,87],65:[2,87],72:[2,87],80:[2,87],81:[2,87],82:[2,87],83:[2,87],84:[2,87],85:[2,87]},{33:[2,89]},{20:74,63:115,64:75,65:[1,43],67:114,68:[2,96],69:116,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,117]},{32:118,33:[2,62],74:119,75:[1,120]},{33:[2,59],65:[2,59],72:[2,59],75:[2,59],80:[2,59],81:[2,59],82:[2,59],83:[2,59],84:[2,59],85:[2,59]},{33:[2,61],75:[2,61]},{33:[2,68],37:121,74:122,75:[1,120]},{33:[2,65],65:[2,65],72:[2,65],75:[2,65],80:[2,65],81:[2,65],82:[2,65],83:[2,65],84:[2,65],85:[2,65]},{33:[2,67],75:[2,67]},{23:[1,123]},{23:[2,51],65:[2,51],72:[2,51],80:[2,51],81:[2,51],82:[2,51],83:[2,51],84:[2,51],85:[2,51]},{23:[2,53]},{33:[1,124]},{33:[2,91],65:[2,91],72:[2,91],80:[2,91],81:[2,91],82:[2,91],83:[2,91],84:[2,91],85:[2,91]},{33:[2,93]},{5:[2,22],14:[2,22],15:[2,22],19:[2,22],29:[2,22],34:[2,22],39:[2,22],44:[2,22],47:[2,22],48:[2,22],51:[2,22],55:[2,22],60:[2,22]},{23:[2,99],33:[2,99],54:[2,99],68:[2,99],72:[2,99],75:[2,99]},{73:[1,108]},{20:74,63:125,64:75,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,23],14:[2,23],15:[2,23],19:[2,23],29:[2,23],34:[2,23],39:[2,23],44:[2,23],47:[2,23],48:[2,23],51:[2,23],55:[2,23],60:[2,23]},{47:[2,19]},{47:[2,77]},{20:74,33:[2,72],41:126,63:127,64:75,65:[1,43],69:128,70:76,71:77,72:[1,78],75:[2,72],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,24],14:[2,24],15:[2,24],19:[2,24],29:[2,24],34:[2,24],39:[2,24],44:[2,24],47:[2,24],48:[2,24],51:[2,24],55:[2,24],60:[2,24]},{68:[1,129]},{65:[2,95],68:[2,95],72:[2,95],80:[2,95],81:[2,95],82:[2,95],83:[2,95],84:[2,95],85:[2,95]},{68:[2,97]},{5:[2,21],14:[2,21],15:[2,21],19:[2,21],29:[2,21],34:[2,21],39:[2,21],44:[2,21],47:[2,21],48:[2,21],51:[2,21],55:[2,21],60:[2,21]},{33:[1,130]},{33:[2,63]},{72:[1,132],76:131},{33:[1,133]},{33:[2,69]},{15:[2,12],18:[2,12]},{14:[2,26],15:[2,26],19:[2,26],29:[2,26],34:[2,26],47:[2,26],48:[2,26],51:[2,26],55:[2,26],60:[2,26]},{23:[2,31],33:[2,31],54:[2,31],68:[2,31],72:[2,31],75:[2,31]},{33:[2,74],42:134,74:135,75:[1,120]},{33:[2,71],65:[2,71],72:[2,71],75:[2,71],80:[2,71],81:[2,71],82:[2,71],83:[2,71],84:[2,71],85:[2,71]},{33:[2,73],75:[2,73]},{23:[2,29],33:[2,29],54:[2,29],65:[2,29],68:[2,29],72:[2,29],75:[2,29],80:[2,29],81:[2,29],82:[2,29],83:[2,29],84:[2,29],85:[2,29]},{14:[2,15],15:[2,15],19:[2,15],29:[2,15],34:[2,15],39:[2,15],44:[2,15],47:[2,15],48:[2,15],51:[2,15],55:[2,15],60:[2,15]},{72:[1,137],77:[1,136]},{72:[2,100],77:[2,100]},{14:[2,16],15:[2,16],19:[2,16],29:[2,16],34:[2,16],44:[2,16],47:[2,16],48:[2,16],51:[2,16],55:[2,16],60:[2,16]},{33:[1,138]},{33:[2,75]},{33:[2,32]},{72:[2,101],77:[2,101]},{14:[2,17],15:[2,17],19:[2,17],29:[2,17],34:[2,17],39:[2,17],44:[2,17],47:[2,17],48:[2,17],51:[2,17],55:[2,17],60:[2,17]}],defaultActions:{4:[2,1],54:[2,55],56:[2,20],60:[2,57],73:[2,81],82:[2,85],86:[2,18],90:[2,89],101:[2,53],104:[2,93],110:[2,19],111:[2,77],116:[2,97],119:[2,63],122:[2,69],135:[2,75],136:[2,32]},parseError:function(t,e){throw new Error(t)},parse:function(t){var e=this,n=[0],i=[null],r=[],s=this.table,a="",o=0,_=0,u=0;this.lexer.setInput(t),this.lexer.yy=this.yy,this.yy.lexer=this.lexer,this.yy.parser=this,void 0===this.lexer.yylloc&&(this.lexer.yylloc={});var p=this.lexer.yylloc;r.push(p);var l=this.lexer.options&&this.lexer.options.ranges;"function"==typeof this.yy.parseError&&(this.parseError=this.yy.parseError);for(var h,c,d,f,g,m,y,b,v,k,w={};;){if(d=n[n.length-1],this.defaultActions[d]?f=this.defaultActions[d]:(null==h&&(k=void 0,"number"!=typeof(k=e.lexer.lex()||1)&&(k=e.symbols_[k]||k),h=k),f=s[d]&&s[d][h]),void 0===f||!f.length||!f[0]){var x="";if(!u){for(m in v=[],s[d])this.terminals_[m]&&m>2&&v.push("'"+this.terminals_[m]+"'");x=this.lexer.showPosition?"Parse error on line "+(o+1)+":\n"+this.lexer.showPosition()+"\nExpecting "+v.join(", ")+", got '"+(this.terminals_[h]||h)+"'":"Parse error on line "+(o+1)+": Unexpected "+(1==h?"end of input":"'"+(this.terminals_[h]||h)+"'"),this.parseError(x,{text:this.lexer.match,token:this.terminals_[h]||h,line:this.lexer.yylineno,loc:p,expected:v})}}if(f[0]instanceof Array&&f.length>1)throw new Error("Parse Error: multiple actions possible at state: "+d+", token: "+h);switch(f[0]){case 1:n.push(h),i.push(this.lexer.yytext),r.push(this.lexer.yylloc),n.push(f[1]),h=null,c?(h=c,c=null):(_=this.lexer.yyleng,a=this.lexer.yytext,o=this.lexer.yylineno,p=this.lexer.yylloc,u>0&&u--);break;case 2:if(y=this.productions_[f[1]][1],w.$=i[i.length-y],w._$={first_line:r[r.length-(y||1)].first_line,last_line:r[r.length-1].last_line,first_column:r[r.length-(y||1)].first_column,last_column:r[r.length-1].last_column},l&&(w._$.range=[r[r.length-(y||1)].range[0],r[r.length-1].range[1]]),void 0!==(g=this.performAction.call(w,a,_,o,this.yy,f[1],i,r)))return g;y&&(n=n.slice(0,-1*y*2),i=i.slice(0,-1*y),r=r.slice(0,-1*y)),n.push(this.productions_[f[1]][0]),i.push(w.$),r.push(w._$),b=s[n[n.length-2]][n[n.length-1]],n.push(b);break;case 3:return!0}}return!0}},e=function(){var t={EOF:1,parseError:function(t,e){if(!this.yy.parser)throw new Error(t);this.yy.parser.parseError(t,e)},setInput:function(t){return this._input=t,this._more=this._less=this.done=!1,this.yylineno=this.yyleng=0,this.yytext=this.matched=this.match="",this.conditionStack=["INITIAL"],this.yylloc={first_line:1,first_column:0,last_line:1,last_column:0},this.options.ranges&&(this.yylloc.range=[0,0]),this.offset=0,this},input:function(){var t=this._input[0];return this.yytext+=t,this.yyleng++,this.offset++,this.match+=t,this.matched+=t,t.match(/(?:\r\n?|\n).*/g)?(this.yylineno++,this.yylloc.last_line++):this.yylloc.last_column++,this.options.ranges&&this.yylloc.range[1]++,this._input=this._input.slice(1),t},unput:function(t){var e=t.length,n=t.split(/(?:\r\n?|\n)/g);this._input=t+this._input,this.yytext=this.yytext.substr(0,this.yytext.length-e-1),this.offset-=e;var i=this.match.split(/(?:\r\n?|\n)/g);this.match=this.match.substr(0,this.match.length-1),this.matched=this.matched.substr(0,this.matched.length-1),n.length-1&&(this.yylineno-=n.length-1);var r=this.yylloc.range;return this.yylloc={first_line:this.yylloc.first_line,last_line:this.yylineno+1,first_column:this.yylloc.first_column,last_column:n?(n.length===i.length?this.yylloc.first_column:0)+i[i.length-n.length].length-n[0].length:this.yylloc.first_column-e},this.options.ranges&&(this.yylloc.range=[r[0],r[0]+this.yyleng-e]),this},more:function(){return this._more=!0,this},less:function(t){this.unput(this.match.slice(t))},pastInput:function(){var t=this.matched.substr(0,this.matched.length-this.match.length);return(t.length>20?"...":"")+t.substr(-20).replace(/\n/g,"")},upcomingInput:function(){var t=this.match;return t.length<20&&(t+=this._input.substr(0,20-t.length)),(t.substr(0,20)+(t.length>20?"...":"")).replace(/\n/g,"")},showPosition:function(){var t=this.pastInput(),e=new Array(t.length+1).join("-");return t+this.upcomingInput()+"\n"+e+"^"},next:function(){if(this.done)return this.EOF;var t,e,n,i,r;this._input||(this.done=!0),this._more||(this.yytext="",this.match="");for(var s=this._currentRules(),a=0;a<s.length&&(!(n=this._input.match(this.rules[s[a]]))||e&&!(n[0].length>e[0].length)||(e=n,i=a,this.options.flex));a++);return e?((r=e[0].match(/(?:\r\n?|\n).*/g))&&(this.yylineno+=r.length),this.yylloc={first_line:this.yylloc.last_line,last_line:this.yylineno+1,first_column:this.yylloc.last_column,last_column:r?r[r.length-1].length-r[r.length-1].match(/\r?\n?/)[0].length:this.yylloc.last_column+e[0].length},this.yytext+=e[0],this.match+=e[0],this.matches=e,this.yyleng=this.yytext.length,this.options.ranges&&(this.yylloc.range=[this.offset,this.offset+=this.yyleng]),this._more=!1,this._input=this._input.slice(e[0].length),this.matched+=e[0],t=this.performAction.call(this,this.yy,this,s[i],this.conditionStack[this.conditionStack.length-1]),this.done&&this._input&&(this.done=!1),t||void 0):""===this._input?this.EOF:this.parseError("Lexical error on line "+(this.yylineno+1)+". Unrecognized text.\n"+this.showPosition(),{text:"",token:null,line:this.yylineno})},lex:function(){var t=this.next();return void 0!==t?t:this.lex()},begin:function(t){this.conditionStack.push(t)},popState:function(){return this.conditionStack.pop()},_currentRules:function(){return this.conditions[this.conditionStack[this.conditionStack.length-1]].rules},topState:function(){return this.conditionStack[this.conditionStack.length-2]},pushState:function(t){this.begin(t)},options:{},performAction:function(t,e,n,i){function r(t,n){return e.yytext=e.yytext.substring(t,e.yyleng-n+t)}switch(n){case 0:if("\\\\"===e.yytext.slice(-2)?(r(0,1),this.begin("mu")):"\\"===e.yytext.slice(-1)?(r(0,1),this.begin("emu")):this.begin("mu"),e.yytext)return 15;break;case 1:case 5:return 15;case 2:return this.popState(),15;case 3:return this.begin("raw"),15;case 4:return this.popState(),"raw"===this.conditionStack[this.conditionStack.length-1]?15:(r(5,9),"END_RAW_BLOCK");case 6:case 22:return this.popState(),14;case 7:return 65;case 8:return 68;case 9:return 19;case 10:return this.popState(),this.begin("raw"),23;case 11:return 55;case 12:return 60;case 13:return 29;case 14:return 47;case 15:case 16:return this.popState(),44;case 17:return 34;case 18:return 39;case 19:return 51;case 20:case 23:return 48;case 21:this.unput(e.yytext),this.popState(),this.begin("com");break;case 24:return 73;case 25:case 26:case 41:return 72;case 27:return 87;case 28:break;case 29:return this.popState(),54;case 30:return this.popState(),33;case 31:return e.yytext=r(1,2).replace(/\\"/g,'"'),80;case 32:return e.yytext=r(1,2).replace(/\\'/g,"'"),80;case 33:return 85;case 34:case 35:return 82;case 36:return 83;case 37:return 84;case 38:return 81;case 39:return 75;case 40:return 77;case 42:return e.yytext=e.yytext.replace(/\\([\\\]])/g,"$1"),72;case 43:return"INVALID";case 44:return 5}},rules:[/^(?:[^\x00]*?(?=(\{\{)))/,/^(?:[^\x00]+)/,/^(?:[^\x00]{2,}?(?=(\{\{|\\\{\{|\\\\\{\{|$)))/,/^(?:\{\{\{\{(?=[^\/]))/,/^(?:\{\{\{\{\/[^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=[=}\s\/.])\}\}\}\})/,/^(?:[^\x00]+?(?=(\{\{\{\{)))/,/^(?:[\s\S]*?--(~)?\}\})/,/^(?:\()/,/^(?:\))/,/^(?:\{\{\{\{)/,/^(?:\}\}\}\})/,/^(?:\{\{(~)?>)/,/^(?:\{\{(~)?#>)/,/^(?:\{\{(~)?#\*?)/,/^(?:\{\{(~)?\/)/,/^(?:\{\{(~)?\^\s*(~)?\}\})/,/^(?:\{\{(~)?\s*else\s*(~)?\}\})/,/^(?:\{\{(~)?\^)/,/^(?:\{\{(~)?\s*else\b)/,/^(?:\{\{(~)?\{)/,/^(?:\{\{(~)?&)/,/^(?:\{\{(~)?!--)/,/^(?:\{\{(~)?![\s\S]*?\}\})/,/^(?:\{\{(~)?\*?)/,/^(?:=)/,/^(?:\.\.)/,/^(?:\.(?=([=~}\s\/.)|])))/,/^(?:[\/.])/,/^(?:\s+)/,/^(?:\}(~)?\}\})/,/^(?:(~)?\}\})/,/^(?:"(\\["]|[^"])*")/,/^(?:'(\\[']|[^'])*')/,/^(?:@)/,/^(?:true(?=([~}\s)])))/,/^(?:false(?=([~}\s)])))/,/^(?:undefined(?=([~}\s)])))/,/^(?:null(?=([~}\s)])))/,/^(?:-?[0-9]+(?:\.[0-9]+)?(?=([~}\s)])))/,/^(?:as\s+\|)/,/^(?:\|)/,/^(?:([^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=([=~}\s\/.)|]))))/,/^(?:\[(\\\]|[^\]])*\])/,/^(?:.)/,/^(?:$)/],conditions:{mu:{rules:[7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],inclusive:!1},emu:{rules:[2],inclusive:!1},com:{rules:[6],inclusive:!1},raw:{rules:[3,4,5],inclusive:!1},INITIAL:{rules:[0,1,44],inclusive:!0}}};return t}();function n(){this.yy={}}return t.lexer=e,n.prototype=t,t.Parser=n,new n}();e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=i(n(49));function s(){var t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.options=t}function a(t,e,n){void 0===e&&(e=t.length);var i=t[e-1],r=t[e-2];return i?"ContentStatement"===i.type?(r||!n?/\r?\n\s*?$/:/(^|\r?\n)\s*?$/).test(i.original):void 0:n}function o(t,e,n){void 0===e&&(e=-1);var i=t[e+1],r=t[e+2];return i?"ContentStatement"===i.type?(r||!n?/^\s*?\r?\n/:/^\s*?(\r?\n|$)/).test(i.original):void 0:n}function _(t,e,n){var i=t[null==e?0:e+1];if(i&&"ContentStatement"===i.type&&(n||!i.rightStripped)){var r=i.value;i.value=i.value.replace(n?/^\s+/:/^[ \t]*\r?\n?/,""),i.rightStripped=i.value!==r}}function u(t,e,n){var i=t[null==e?t.length-1:e-1];if(i&&"ContentStatement"===i.type&&(n||!i.leftStripped)){var r=i.value;return i.value=i.value.replace(n?/\s+$/:/[ \t]+$/,""),i.leftStripped=i.value!==r,i.leftStripped}}s.prototype=new r.default,s.prototype.Program=function(t){var e=!this.options.ignoreStandalone,n=!this.isRootSeen;this.isRootSeen=!0;for(var i=t.body,r=0,s=i.length;r<s;r++){var p=i[r],l=this.accept(p);if(l){var h=a(i,r,n),c=o(i,r,n),d=l.openStandalone&&h,f=l.closeStandalone&&c,g=l.inlineStandalone&&h&&c;l.close&&_(i,r,!0),l.open&&u(i,r,!0),e&&g&&(_(i,r),u(i,r)&&"PartialStatement"===p.type&&(p.indent=/([ \t]+$)/.exec(i[r-1].original)[1])),e&&d&&(_((p.program||p.inverse).body),u(i,r)),e&&f&&(_(i,r),u((p.inverse||p.program).body))}}return t},s.prototype.BlockStatement=s.prototype.DecoratorBlock=s.prototype.PartialBlockStatement=function(t){this.accept(t.program),this.accept(t.inverse);var e=t.program||t.inverse,n=t.program&&t.inverse,i=n,r=n;if(n&&n.chained)for(i=n.body[0].program;r.chained;)r=r.body[r.body.length-1].program;var s={open:t.openStrip.open,close:t.closeStrip.close,openStandalone:o(e.body),closeStandalone:a((i||e).body)};if(t.openStrip.close&&_(e.body,null,!0),n){var p=t.inverseStrip;p.open&&u(e.body,null,!0),p.close&&_(i.body,null,!0),t.closeStrip.open&&u(r.body,null,!0),!this.options.ignoreStandalone&&a(e.body)&&o(i.body)&&(u(e.body),_(i.body))}else t.closeStrip.open&&u(e.body,null,!0);return s},s.prototype.Decorator=s.prototype.MustacheStatement=function(t){return t.strip},s.prototype.PartialStatement=s.prototype.CommentStatement=function(t){var e=t.strip||{};return{inlineStandalone:!0,open:e.open,close:e.close}},e.default=s,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=i(n(6));function s(){this.parents=[]}function a(t){this.acceptRequired(t,"path"),this.acceptArray(t.params),this.acceptKey(t,"hash")}function o(t){a.call(this,t),this.acceptKey(t,"program"),this.acceptKey(t,"inverse")}function _(t){this.acceptRequired(t,"name"),this.acceptArray(t.params),this.acceptKey(t,"hash")}s.prototype={constructor:s,mutating:!1,acceptKey:function(t,e){var n=this.accept(t[e]);if(this.mutating){if(n&&!s.prototype[n.type])throw new r.default('Unexpected node type "'+n.type+'" found when accepting '+e+" on "+t.type);t[e]=n}},acceptRequired:function(t,e){if(this.acceptKey(t,e),!t[e])throw new r.default(t.type+" requires "+e)},acceptArray:function(t){for(var e=0,n=t.length;e<n;e++)this.acceptKey(t,e),t[e]||(t.splice(e,1),e--,n--)},accept:function(t){if(t){if(!this[t.type])throw new r.default("Unknown type: "+t.type,t);this.current&&this.parents.unshift(this.current),this.current=t;var e=this[t.type](t);return this.current=this.parents.shift(),!this.mutating||e?e:!1!==e?t:void 0}},Program:function(t){this.acceptArray(t.body)},MustacheStatement:a,Decorator:a,BlockStatement:o,DecoratorBlock:o,PartialStatement:_,PartialBlockStatement:function(t){_.call(this,t),this.acceptKey(t,"program")},ContentStatement:function(){},CommentStatement:function(){},SubExpression:a,PathExpression:function(){},StringLiteral:function(){},NumberLiteral:function(){},BooleanLiteral:function(){},UndefinedLiteral:function(){},NullLiteral:function(){},Hash:function(t){this.acceptArray(t.pairs)},HashPair:function(t){this.acceptRequired(t,"value")}},e.default=s,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.SourceLocation=function(t,e){this.source=t,this.start={line:e.first_line,column:e.first_column},this.end={line:e.last_line,column:e.last_column}},e.id=function(t){return/^\[.*\]$/.test(t)?t.substring(1,t.length-1):t},e.stripFlags=function(t,e){return{open:"~"===t.charAt(2),close:"~"===e.charAt(e.length-3)}},e.stripComment=function(t){return t.replace(/^\{\{~?!-?-?/,"").replace(/-?-?~?\}\}$/,"")},e.preparePath=function(t,e,n){n=this.locInfo(n);for(var i=t?"@":"",s=[],a=0,o=0,_=e.length;o<_;o++){var u=e[o].part,p=e[o].original!==u;if(i+=(e[o].separator||"")+u,p||".."!==u&&"."!==u&&"this"!==u)s.push(u);else{if(s.length>0)throw new r.default("Invalid path: "+i,{loc:n});".."===u&&a++}}return{type:"PathExpression",data:t,depth:a,parts:s,original:i,loc:n}},e.prepareMustache=function(t,e,n,i,r,s){var a=i.charAt(3)||i.charAt(2),o="{"!==a&&"&"!==a;return{type:/\*/.test(i)?"Decorator":"MustacheStatement",path:t,params:e,hash:n,escaped:o,strip:r,loc:this.locInfo(s)}},e.prepareRawBlock=function(t,e,n,i){s(t,n),i=this.locInfo(i);var r={type:"Program",body:e,strip:{},loc:i};return{type:"BlockStatement",path:t.path,params:t.params,hash:t.hash,program:r,openStrip:{},inverseStrip:{},closeStrip:{},loc:i}},e.prepareBlock=function(t,e,n,i,a,o){i&&i.path&&s(t,i);var _=/\*/.test(t.open);e.blockParams=t.blockParams;var u=void 0,p=void 0;if(n){if(_)throw new r.default("Unexpected inverse block on decorator",n);n.chain&&(n.program.body[0].closeStrip=i.strip),p=n.strip,u=n.program}return a&&(a=u,u=e,e=a),{type:_?"DecoratorBlock":"BlockStatement",path:t.path,params:t.params,hash:t.hash,program:e,inverse:u,openStrip:t.strip,inverseStrip:p,closeStrip:i&&i.strip,loc:this.locInfo(o)}},e.prepareProgram=function(t,e){if(!e&&t.length){var n=t[0].loc,i=t[t.length-1].loc;n&&i&&(e={source:n.source,start:{line:n.start.line,column:n.start.column},end:{line:i.end.line,column:i.end.column}})}return{type:"Program",body:t,strip:{},loc:e}},e.preparePartialBlock=function(t,e,n,i){return s(t,n),{type:"PartialBlockStatement",name:t.path,params:t.params,hash:t.hash,program:e,openStrip:t.strip,closeStrip:n&&n.strip,loc:this.locInfo(i)}};var r=i(n(6));function s(t,e){if(e=e.path?e.path.original:e,t.path.original!==e){var n={loc:t.path.loc};throw new r.default(t.path.original+" doesn't match "+e,n)}}},function(t,e,n){"use strict";var i=n(34).default,r=n(1).default;e.__esModule=!0,e.Compiler=u,e.precompile=function(t,e,n){if(null==t||"string"!=typeof t&&"Program"!==t.type)throw new s.default("You must pass a string or Handlebars AST to Handlebars.precompile. You passed "+t);"data"in(e=e||{})||(e.data=!0),e.compat&&(e.useDepths=!0);var i=n.parse(t,e),r=(new n.Compiler).compile(i,e);return(new n.JavaScriptCompiler).compile(r,e)},e.compile=function(t,e,n){if(void 0===e&&(e={}),null==t||"string"!=typeof t&&"Program"!==t.type)throw new s.default("You must pass a string or Handlebars AST to Handlebars.compile. You passed "+t);"data"in(e=a.extend({},e))||(e.data=!0),e.compat&&(e.useDepths=!0);var i=void 0;function r(){var i=n.parse(t,e),r=(new n.Compiler).compile(i,e),s=(new n.JavaScriptCompiler).compile(r,e,void 0,!0);return n.template(s)}function o(t,e){return i||(i=r()),i.call(this,t,e)}return o._setup=function(t){return i||(i=r()),i._setup(t)},o._child=function(t,e,n,s){return i||(i=r()),i._child(t,e,n,s)},o};var s=r(n(6)),a=n(5),o=r(n(45)),_=[].slice;function u(){}function p(t,e){if(t===e)return!0;if(a.isArray(t)&&a.isArray(e)&&t.length===e.length){for(var n=0;n<t.length;n++)if(!p(t[n],e[n]))return!1;return!0}}function l(t){if(!t.path.parts){var e=t.path;t.path={type:"PathExpression",data:!1,depth:0,parts:[e.original+""],original:e.original+"",loc:e.loc}}}u.prototype={compiler:u,equals:function(t){var e=this.opcodes.length;if(t.opcodes.length!==e)return!1;for(var n=0;n<e;n++){var i=this.opcodes[n],r=t.opcodes[n];if(i.opcode!==r.opcode||!p(i.args,r.args))return!1}for(e=this.children.length,n=0;n<e;n++)if(!this.children[n].equals(t.children[n]))return!1;return!0},guid:0,compile:function(t,e){return this.sourceNode=[],this.opcodes=[],this.children=[],this.options=e,this.stringParams=e.stringParams,this.trackIds=e.trackIds,e.blockParams=e.blockParams||[],e.knownHelpers=a.extend(i(null),{helperMissing:!0,blockHelperMissing:!0,each:!0,if:!0,unless:!0,with:!0,log:!0,lookup:!0},e.knownHelpers),this.accept(t)},compileProgram:function(t){var e=(new this.compiler).compile(t,this.options),n=this.guid++;return this.usePartial=this.usePartial||e.usePartial,this.children[n]=e,this.useDepths=this.useDepths||e.useDepths,n},accept:function(t){if(!this[t.type])throw new s.default("Unknown type: "+t.type,t);this.sourceNode.unshift(t);var e=this[t.type](t);return this.sourceNode.shift(),e},Program:function(t){this.options.blockParams.unshift(t.blockParams);for(var e=t.body,n=e.length,i=0;i<n;i++)this.accept(e[i]);return this.options.blockParams.shift(),this.isSimple=1===n,this.blockParams=t.blockParams?t.blockParams.length:0,this},BlockStatement:function(t){l(t);var e=t.program,n=t.inverse;e=e&&this.compileProgram(e),n=n&&this.compileProgram(n);var i=this.classifySexpr(t);"helper"===i?this.helperSexpr(t,e,n):"simple"===i?(this.simpleSexpr(t),this.opcode("pushProgram",e),this.opcode("pushProgram",n),this.opcode("emptyHash"),this.opcode("blockValue",t.path.original)):(this.ambiguousSexpr(t,e,n),this.opcode("pushProgram",e),this.opcode("pushProgram",n),this.opcode("emptyHash"),this.opcode("ambiguousBlockValue")),this.opcode("append")},DecoratorBlock:function(t){var e=t.program&&this.compileProgram(t.program),n=this.setupFullMustacheParams(t,e,void 0),i=t.path;this.useDecorators=!0,this.opcode("registerDecorator",n.length,i.original)},PartialStatement:function(t){this.usePartial=!0;var e=t.program;e&&(e=this.compileProgram(t.program));var n=t.params;if(n.length>1)throw new s.default("Unsupported number of partial arguments: "+n.length,t);n.length||(this.options.explicitPartialContext?this.opcode("pushLiteral","undefined"):n.push({type:"PathExpression",parts:[],depth:0}));var i=t.name.original,r="SubExpression"===t.name.type;r&&this.accept(t.name),this.setupFullMustacheParams(t,e,void 0,!0);var a=t.indent||"";this.options.preventIndent&&a&&(this.opcode("appendContent",a),a=""),this.opcode("invokePartial",r,i,a),this.opcode("append")},PartialBlockStatement:function(t){this.PartialStatement(t)},MustacheStatement:function(t){this.SubExpression(t),t.escaped&&!this.options.noEscape?this.opcode("appendEscaped"):this.opcode("append")},Decorator:function(t){this.DecoratorBlock(t)},ContentStatement:function(t){t.value&&this.opcode("appendContent",t.value)},CommentStatement:function(){},SubExpression:function(t){l(t);var e=this.classifySexpr(t);"simple"===e?this.simpleSexpr(t):"helper"===e?this.helperSexpr(t):this.ambiguousSexpr(t)},ambiguousSexpr:function(t,e,n){var i=t.path,r=i.parts[0],s=null!=e||null!=n;this.opcode("getContext",i.depth),this.opcode("pushProgram",e),this.opcode("pushProgram",n),i.strict=!0,this.accept(i),this.opcode("invokeAmbiguous",r,s)},simpleSexpr:function(t){var e=t.path;e.strict=!0,this.accept(e),this.opcode("resolvePossibleLambda")},helperSexpr:function(t,e,n){var i=this.setupFullMustacheParams(t,e,n),r=t.path,a=r.parts[0];if(this.options.knownHelpers[a])this.opcode("invokeKnownHelper",i.length,a);else{if(this.options.knownHelpersOnly)throw new s.default("You specified knownHelpersOnly, but used the unknown helper "+a,t);r.strict=!0,r.falsy=!0,this.accept(r),this.opcode("invokeHelper",i.length,r.original,o.default.helpers.simpleId(r))}},PathExpression:function(t){this.addDepth(t.depth),this.opcode("getContext",t.depth);var e=t.parts[0],n=o.default.helpers.scopedId(t),i=!t.depth&&!n&&this.blockParamIndex(e);i?this.opcode("lookupBlockParam",i,t.parts):e?t.data?(this.options.data=!0,this.opcode("lookupData",t.depth,t.parts,t.strict)):this.opcode("lookupOnContext",t.parts,t.falsy,t.strict,n):this.opcode("pushContext")},StringLiteral:function(t){this.opcode("pushString",t.value)},NumberLiteral:function(t){this.opcode("pushLiteral",t.value)},BooleanLiteral:function(t){this.opcode("pushLiteral",t.value)},UndefinedLiteral:function(){this.opcode("pushLiteral","undefined")},NullLiteral:function(){this.opcode("pushLiteral","null")},Hash:function(t){var e=t.pairs,n=0,i=e.length;for(this.opcode("pushHash");n<i;n++)this.pushParam(e[n].value);for(;n--;)this.opcode("assignToHash",e[n].key);this.opcode("popHash")},opcode:function(t){this.opcodes.push({opcode:t,args:_.call(arguments,1),loc:this.sourceNode[0].loc})},addDepth:function(t){t&&(this.useDepths=!0)},classifySexpr:function(t){var e=o.default.helpers.simpleId(t.path),n=e&&!!this.blockParamIndex(t.path.parts[0]),i=!n&&o.default.helpers.helperExpression(t),r=!n&&(i||e);if(r&&!i){var s=t.path.parts[0],a=this.options;a.knownHelpers[s]?i=!0:a.knownHelpersOnly&&(r=!1)}return i?"helper":r?"ambiguous":"simple"},pushParams:function(t){for(var e=0,n=t.length;e<n;e++)this.pushParam(t[e])},pushParam:function(t){var e=null!=t.value?t.value:t.original||"";if(this.stringParams)e.replace&&(e=e.replace(/^(\.?\.\/)*/g,"").replace(/\//g,".")),t.depth&&this.addDepth(t.depth),this.opcode("getContext",t.depth||0),this.opcode("pushStringParam",e,t.type),"SubExpression"===t.type&&this.accept(t);else{if(this.trackIds){var n=void 0;if(!t.parts||o.default.helpers.scopedId(t)||t.depth||(n=this.blockParamIndex(t.parts[0])),n){var i=t.parts.slice(1).join(".");this.opcode("pushId","BlockParam",n,i)}else(e=t.original||e).replace&&(e=e.replace(/^this(?:\.|$)/,"").replace(/^\.\//,"").replace(/^\.$/,"")),this.opcode("pushId",t.type,e)}this.accept(t)}},setupFullMustacheParams:function(t,e,n,i){var r=t.params;return this.pushParams(r),this.opcode("pushProgram",e),this.opcode("pushProgram",n),t.hash?this.accept(t.hash):this.opcode("emptyHash",i),r},blockParamIndex:function(t){for(var e=0,n=this.options.blockParams.length;e<n;e++){var i=this.options.blockParams[e],r=i&&a.indexOf(i,t);if(i&&r>=0)return[e,r]}}}},function(t,e,n){"use strict";var i=n(13).default,r=n(1).default;e.__esModule=!0;var s=n(4),a=r(n(6)),o=n(5),_=r(n(53));function u(t){this.value=t}function p(){}p.prototype={nameLookup:function(t,e){return this.internalNameLookup(t,e)},depthedLookup:function(t){return[this.aliasable("container.lookup"),"(depths, ",JSON.stringify(t),")"]},compilerInfo:function(){var t=s.COMPILER_REVISION;return[t,s.REVISION_CHANGES[t]]},appendToBuffer:function(t,e,n){return o.isArray(t)||(t=[t]),t=this.source.wrap(t,e),this.environment.isSimple?["return ",t,";"]:n?["buffer += ",t,";"]:(t.appendToBuffer=!0,t)},initializeBuffer:function(){return this.quotedString("")},internalNameLookup:function(t,e){return this.lookupPropertyFunctionIsUsed=!0,["lookupProperty(",t,",",JSON.stringify(e),")"]},lookupPropertyFunctionIsUsed:!1,compile:function(t,e,n,i){this.environment=t,this.options=e,this.stringParams=this.options.stringParams,this.trackIds=this.options.trackIds,this.precompile=!i,this.name=this.environment.name,this.isChild=!!n,this.context=n||{decorators:[],programs:[],environments:[]},this.preamble(),this.stackSlot=0,this.stackVars=[],this.aliases={},this.registers={list:[]},this.hashes=[],this.compileStack=[],this.inlineStack=[],this.blockParams=[],this.compileChildren(t,e),this.useDepths=this.useDepths||t.useDepths||t.useDecorators||this.options.compat,this.useBlockParams=this.useBlockParams||t.useBlockParams;var r=t.opcodes,s=void 0,o=void 0,_=void 0,u=void 0;for(_=0,u=r.length;_<u;_++)s=r[_],this.source.currentLocation=s.loc,o=o||s.loc,this[s.opcode].apply(this,s.args);if(this.source.currentLocation=o,this.pushSource(""),this.stackSlot||this.inlineStack.length||this.compileStack.length)throw new a.default("Compile completed with content left on stack");this.decorators.isEmpty()?this.decorators=void 0:(this.useDecorators=!0,this.decorators.prepend(["var decorators = container.decorators, ",this.lookupPropertyFunctionVarDeclaration(),";\n"]),this.decorators.push("return fn;"),i?this.decorators=Function.apply(this,["fn","props","container","depth0","data","blockParams","depths",this.decorators.merge()]):(this.decorators.prepend("function(fn, props, container, depth0, data, blockParams, depths) {\n"),this.decorators.push("}\n"),this.decorators=this.decorators.merge()));var p=this.createFunctionContext(i);if(this.isChild)return p;var l={compiler:this.compilerInfo(),main:p};this.decorators&&(l.main_d=this.decorators,l.useDecorators=!0);var h=this.context,c=h.programs,d=h.decorators;for(_=0,u=c.length;_<u;_++)c[_]&&(l[_]=c[_],d[_]&&(l[_+"_d"]=d[_],l.useDecorators=!0));return this.environment.usePartial&&(l.usePartial=!0),this.options.data&&(l.useData=!0),this.useDepths&&(l.useDepths=!0),this.useBlockParams&&(l.useBlockParams=!0),this.options.compat&&(l.compat=!0),i?l.compilerOptions=this.options:(l.compiler=JSON.stringify(l.compiler),this.source.currentLocation={start:{line:1,column:0}},l=this.objectLiteral(l),e.srcName?(l=l.toStringWithSourceMap({file:e.destName})).map=l.map&&l.map.toString():l=l.toString()),l},preamble:function(){this.lastContext=0,this.source=new _.default(this.options.srcName),this.decorators=new _.default(this.options.srcName)},createFunctionContext:function(t){var e=this,n="",r=this.stackVars.concat(this.registers.list);r.length>0&&(n+=", "+r.join(", "));var s=0;i(this.aliases).forEach((function(t){var i=e.aliases[t];i.children&&i.referenceCount>1&&(n+=", alias"+ ++s+"="+t,i.children[0]="alias"+s)})),this.lookupPropertyFunctionIsUsed&&(n+=", "+this.lookupPropertyFunctionVarDeclaration());var a=["container","depth0","helpers","partials","data"];(this.useBlockParams||this.useDepths)&&a.push("blockParams"),this.useDepths&&a.push("depths");var o=this.mergeSource(n);return t?(a.push(o),Function.apply(this,a)):this.source.wrap(["function(",a.join(","),") {\n  ",o,"}"])},mergeSource:function(t){var e=this.environment.isSimple,n=!this.forceBuffer,i=void 0,r=void 0,s=void 0,a=void 0;return this.source.each((function(t){t.appendToBuffer?(s?t.prepend("  + "):s=t,a=t):(s&&(r?s.prepend("buffer += "):i=!0,a.add(";"),s=a=void 0),r=!0,e||(n=!1))})),n?s?(s.prepend("return "),a.add(";")):r||this.source.push('return "";'):(t+=", buffer = "+(i?"":this.initializeBuffer()),s?(s.prepend("return buffer + "),a.add(";")):this.source.push("return buffer;")),t&&this.source.prepend("var "+t.substring(2)+(i?"":";\n")),this.source.merge()},lookupPropertyFunctionVarDeclaration:function(){return"\n      lookupProperty = container.lookupProperty || function(parent, propertyName) {\n        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n          return parent[propertyName];\n        }\n        return undefined\n    }\n    ".trim()},blockValue:function(t){var e=this.aliasable("container.hooks.blockHelperMissing"),n=[this.contextName(0)];this.setupHelperArgs(t,0,n);var i=this.popStack();n.splice(1,0,i),this.push(this.source.functionCall(e,"call",n))},ambiguousBlockValue:function(){var t=this.aliasable("container.hooks.blockHelperMissing"),e=[this.contextName(0)];this.setupHelperArgs("",0,e,!0),this.flushInline();var n=this.topStack();e.splice(1,0,n),this.pushSource(["if (!",this.lastHelper,") { ",n," = ",this.source.functionCall(t,"call",e),"}"])},appendContent:function(t){this.pendingContent?t=this.pendingContent+t:this.pendingLocation=this.source.currentLocation,this.pendingContent=t},append:function(){if(this.isInline())this.replaceStack((function(t){return[" != null ? ",t,' : ""']})),this.pushSource(this.appendToBuffer(this.popStack()));else{var t=this.popStack();this.pushSource(["if (",t," != null) { ",this.appendToBuffer(t,void 0,!0)," }"]),this.environment.isSimple&&this.pushSource(["else { ",this.appendToBuffer("''",void 0,!0)," }"])}},appendEscaped:function(){this.pushSource(this.appendToBuffer([this.aliasable("container.escapeExpression"),"(",this.popStack(),")"]))},getContext:function(t){this.lastContext=t},pushContext:function(){this.pushStackLiteral(this.contextName(this.lastContext))},lookupOnContext:function(t,e,n,i){var r=0;i||!this.options.compat||this.lastContext?this.pushContext():this.push(this.depthedLookup(t[r++])),this.resolvePath("context",t,r,e,n)},lookupBlockParam:function(t,e){this.useBlockParams=!0,this.push(["blockParams[",t[0],"][",t[1],"]"]),this.resolvePath("context",e,1)},lookupData:function(t,e,n){t?this.pushStackLiteral("container.data(data, "+t+")"):this.pushStackLiteral("data"),this.resolvePath("data",e,0,!0,n)},resolvePath:function(t,e,n,i,r){var s=this;if(this.options.strict||this.options.assumeObjects)this.push(function(t,e,n,i){var r=e.popStack(),s=0,a=n.length;for(t&&a--;s<a;s++)r=e.nameLookup(r,n[s],i);return t?[e.aliasable("container.strict"),"(",r,", ",e.quotedString(n[s]),", ",JSON.stringify(e.source.currentLocation)," )"]:r}(this.options.strict&&r,this,e,t));else for(var a=e.length;n<a;n++)this.replaceStack((function(r){var a=s.nameLookup(r,e[n],t);return i?[" && ",a]:[" != null ? ",a," : ",r]}))},resolvePossibleLambda:function(){this.push([this.aliasable("container.lambda"),"(",this.popStack(),", ",this.contextName(0),")"])},pushStringParam:function(t,e){this.pushContext(),this.pushString(e),"SubExpression"!==e&&("string"==typeof t?this.pushString(t):this.pushStackLiteral(t))},emptyHash:function(t){this.trackIds&&this.push("{}"),this.stringParams&&(this.push("{}"),this.push("{}")),this.pushStackLiteral(t?"undefined":"{}")},pushHash:function(){this.hash&&this.hashes.push(this.hash),this.hash={values:{},types:[],contexts:[],ids:[]}},popHash:function(){var t=this.hash;this.hash=this.hashes.pop(),this.trackIds&&this.push(this.objectLiteral(t.ids)),this.stringParams&&(this.push(this.objectLiteral(t.contexts)),this.push(this.objectLiteral(t.types))),this.push(this.objectLiteral(t.values))},pushString:function(t){this.pushStackLiteral(this.quotedString(t))},pushLiteral:function(t){this.pushStackLiteral(t)},pushProgram:function(t){null!=t?this.pushStackLiteral(this.programExpression(t)):this.pushStackLiteral(null)},registerDecorator:function(t,e){var n=this.nameLookup("decorators",e,"decorator"),i=this.setupHelperArgs(e,t);this.decorators.push(["fn = ",this.decorators.functionCall(n,"",["fn","props","container",i])," || fn;"])},invokeHelper:function(t,e,n){var i=this.popStack(),r=this.setupHelper(t,e),s=[];n&&s.push(r.name),s.push(i),this.options.strict||s.push(this.aliasable("container.hooks.helperMissing"));var a=["(",this.itemsSeparatedBy(s,"||"),")"],o=this.source.functionCall(a,"call",r.callParams);this.push(o)},itemsSeparatedBy:function(t,e){var n=[];n.push(t[0]);for(var i=1;i<t.length;i++)n.push(e,t[i]);return n},invokeKnownHelper:function(t,e){var n=this.setupHelper(t,e);this.push(this.source.functionCall(n.name,"call",n.callParams))},invokeAmbiguous:function(t,e){this.useRegister("helper");var n=this.popStack();this.emptyHash();var i=this.setupHelper(0,t,e),r=["(","(helper = ",this.lastHelper=this.nameLookup("helpers",t,"helper")," || ",n,")"];this.options.strict||(r[0]="(helper = ",r.push(" != null ? helper : ",this.aliasable("container.hooks.helperMissing"))),this.push(["(",r,i.paramsInit?["),(",i.paramsInit]:[],"),","(typeof helper === ",this.aliasable('"function"')," ? ",this.source.functionCall("helper","call",i.callParams)," : helper))"])},invokePartial:function(t,e,n){var i=[],r=this.setupParams(e,1,i);t&&(e=this.popStack(),delete r.name),n&&(r.indent=JSON.stringify(n)),r.helpers="helpers",r.partials="partials",r.decorators="container.decorators",t?i.unshift(e):i.unshift(this.nameLookup("partials",e,"partial")),this.options.compat&&(r.depths="depths"),r=this.objectLiteral(r),i.push(r),this.push(this.source.functionCall("container.invokePartial","",i))},assignToHash:function(t){var e=this.popStack(),n=void 0,i=void 0,r=void 0;this.trackIds&&(r=this.popStack()),this.stringParams&&(i=this.popStack(),n=this.popStack());var s=this.hash;n&&(s.contexts[t]=n),i&&(s.types[t]=i),r&&(s.ids[t]=r),s.values[t]=e},pushId:function(t,e,n){"BlockParam"===t?this.pushStackLiteral("blockParams["+e[0]+"].path["+e[1]+"]"+(n?" + "+JSON.stringify("."+n):"")):"PathExpression"===t?this.pushString(e):"SubExpression"===t?this.pushStackLiteral("true"):this.pushStackLiteral("null")},compiler:p,compileChildren:function(t,e){for(var n=t.children,i=void 0,r=void 0,s=0,a=n.length;s<a;s++){i=n[s],r=new this.compiler;var o=this.matchExistingProgram(i);if(null==o){this.context.programs.push("");var _=this.context.programs.length;i.index=_,i.name="program"+_,this.context.programs[_]=r.compile(i,e,this.context,!this.precompile),this.context.decorators[_]=r.decorators,this.context.environments[_]=i,this.useDepths=this.useDepths||r.useDepths,this.useBlockParams=this.useBlockParams||r.useBlockParams,i.useDepths=this.useDepths,i.useBlockParams=this.useBlockParams}else i.index=o.index,i.name="program"+o.index,this.useDepths=this.useDepths||o.useDepths,this.useBlockParams=this.useBlockParams||o.useBlockParams}},matchExistingProgram:function(t){for(var e=0,n=this.context.environments.length;e<n;e++){var i=this.context.environments[e];if(i&&i.equals(t))return i}},programExpression:function(t){var e=this.environment.children[t],n=[e.index,"data",e.blockParams];return(this.useBlockParams||this.useDepths)&&n.push("blockParams"),this.useDepths&&n.push("depths"),"container.program("+n.join(", ")+")"},useRegister:function(t){this.registers[t]||(this.registers[t]=!0,this.registers.list.push(t))},push:function(t){return t instanceof u||(t=this.source.wrap(t)),this.inlineStack.push(t),t},pushStackLiteral:function(t){this.push(new u(t))},pushSource:function(t){this.pendingContent&&(this.source.push(this.appendToBuffer(this.source.quotedString(this.pendingContent),this.pendingLocation)),this.pendingContent=void 0),t&&this.source.push(t)},replaceStack:function(t){var e=["("],n=void 0,i=void 0,r=void 0;if(!this.isInline())throw new a.default("replaceStack on non-inline");var s=this.popStack(!0);if(s instanceof u)e=["(",n=[s.value]],r=!0;else{i=!0;var o=this.incrStack();e=["((",this.push(o)," = ",s,")"],n=this.topStack()}var _=t.call(this,n);r||this.popStack(),i&&this.stackSlot--,this.push(e.concat(_,")"))},incrStack:function(){return this.stackSlot++,this.stackSlot>this.stackVars.length&&this.stackVars.push("stack"+this.stackSlot),this.topStackName()},topStackName:function(){return"stack"+this.stackSlot},flushInline:function(){var t=this.inlineStack;this.inlineStack=[];for(var e=0,n=t.length;e<n;e++){var i=t[e];if(i instanceof u)this.compileStack.push(i);else{var r=this.incrStack();this.pushSource([r," = ",i,";"]),this.compileStack.push(r)}}},isInline:function(){return this.inlineStack.length},popStack:function(t){var e=this.isInline(),n=(e?this.inlineStack:this.compileStack).pop();if(!t&&n instanceof u)return n.value;if(!e){if(!this.stackSlot)throw new a.default("Invalid stack pop");this.stackSlot--}return n},topStack:function(){var t=this.isInline()?this.inlineStack:this.compileStack,e=t[t.length-1];return e instanceof u?e.value:e},contextName:function(t){return this.useDepths&&t?"depths["+t+"]":"depth"+t},quotedString:function(t){return this.source.quotedString(t)},objectLiteral:function(t){return this.source.objectLiteral(t)},aliasable:function(t){var e=this.aliases[t];return e?(e.referenceCount++,e):((e=this.aliases[t]=this.source.wrap(t)).aliasable=!0,e.referenceCount=1,e)},setupHelper:function(t,e,n){var i=[];return{params:i,paramsInit:this.setupHelperArgs(e,t,i,n),name:this.nameLookup("helpers",e,"helper"),callParams:[this.aliasable(this.contextName(0)+" != null ? "+this.contextName(0)+" : (container.nullContext || {})")].concat(i)}},setupParams:function(t,e,n){var i={},r=[],s=[],a=[],o=!n,_=void 0;o&&(n=[]),i.name=this.quotedString(t),i.hash=this.popStack(),this.trackIds&&(i.hashIds=this.popStack()),this.stringParams&&(i.hashTypes=this.popStack(),i.hashContexts=this.popStack());var u=this.popStack(),p=this.popStack();(p||u)&&(i.fn=p||"container.noop",i.inverse=u||"container.noop");for(var l=e;l--;)_=this.popStack(),n[l]=_,this.trackIds&&(a[l]=this.popStack()),this.stringParams&&(s[l]=this.popStack(),r[l]=this.popStack());return o&&(i.args=this.source.generateArray(n)),this.trackIds&&(i.ids=this.source.generateArray(a)),this.stringParams&&(i.types=this.source.generateArray(s),i.contexts=this.source.generateArray(r)),this.options.data&&(i.data="data"),this.useBlockParams&&(i.blockParams="blockParams"),i},setupHelperArgs:function(t,e,n,i){var r=this.setupParams(t,e,n);return r.loc=JSON.stringify(this.source.currentLocation),r=this.objectLiteral(r),i?(this.useRegister("options"),n.push("options"),["options=",r]):n?(n.push(r),""):r}},function(){for(var t="break else new var case finally return void catch for switch while continue function this with default if throw delete in try do instanceof typeof abstract enum int short boolean export interface static byte extends long super char final native synchronized class float package throws const goto private transient debugger implements protected volatile double import public let yield await null true false".split(" "),e=p.RESERVED_WORDS={},n=0,i=t.length;n<i;n++)e[t[n]]=!0}(),p.isValidJavaScriptVariableName=function(t){return!p.RESERVED_WORDS[t]&&/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(t)},e.default=p,t.exports=e.default},function(t,e,n){"use strict";var i=n(13).default;e.__esModule=!0;var r=n(5),s=void 0;function a(t,e,n){if(r.isArray(t)){for(var i=[],s=0,a=t.length;s<a;s++)i.push(e.wrap(t[s],n));return i}return"boolean"==typeof t||"number"==typeof t?t+"":t}function o(t){this.srcFile=t,this.source=[]}s||((s=function(t,e,n,i){this.src="",i&&this.add(i)}).prototype={add:function(t){r.isArray(t)&&(t=t.join("")),this.src+=t},prepend:function(t){r.isArray(t)&&(t=t.join("")),this.src=t+this.src},toStringWithSourceMap:function(){return{code:this.toString()}},toString:function(){return this.src}}),o.prototype={isEmpty:function(){return!this.source.length},prepend:function(t,e){this.source.unshift(this.wrap(t,e))},push:function(t,e){this.source.push(this.wrap(t,e))},merge:function(){var t=this.empty();return this.each((function(e){t.add(["  ",e,"\n"])})),t},each:function(t){for(var e=0,n=this.source.length;e<n;e++)t(this.source[e])},empty:function(){var t=this.currentLocation||{start:{}};return new s(t.start.line,t.start.column,this.srcFile)},wrap:function(t){var e=arguments.length<=1||void 0===arguments[1]?this.currentLocation||{start:{}}:arguments[1];return t instanceof s?t:(t=a(t,this,e),new s(e.start.line,e.start.column,this.srcFile,t))},functionCall:function(t,e,n){return n=this.generateList(n),this.wrap([t,e?"."+e+"(":"(",n,")"])},quotedString:function(t){return'"'+(t+"").replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")+'"'},objectLiteral:function(t){var e=this,n=[];i(t).forEach((function(i){var r=a(t[i],e);"undefined"!==r&&n.push([e.quotedString(i),":",r])}));var r=this.generateList(n);return r.prepend("{"),r.add("}"),r},generateList:function(t){for(var e=this.empty(),n=0,i=t.length;n<i;n++)n&&e.add(","),e.add(a(t[n],this));return e},generateArray:function(t){var e=this.generateList(t);return e.prepend("["),e.add("]"),e}},e.default=o,t.exports=e.default}])},"object"===o(e)&&"object"===o(t)?t.exports=a():(r=[],void 0===(s="function"==typeof(i=a)?i.apply(e,r):i)||(t.exports=s))},391:function(t){function e(t){return!!t.constructor&&"function"==typeof t.constructor.isBuffer&&t.constructor.isBuffer(t)}t.exports=function(t){return null!=t&&(e(t)||function(t){return"function"==typeof t.readFloatLE&&"function"==typeof t.slice&&e(t.slice(0,0))}(t)||!!t._isBuffer)}},389:function(t){"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}t.exports=function(t){return null!=t&&("object"===e(t)||"function"==typeof t)}},388:function(t){"use strict";var e;t.exports=function(t){return"string"==typeof t&&(e||(e=new RegExp('^[\\s\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff"]+$'))).test(t)}},306:function(t,e,n){"use strict";var i=n(394),r=n(331),s=n(218),a={unformatted:["code","pre","em","strong","span"],indent_inner_html:!0,indent_char:" ",indent_size:2,sep:"\n"};t.exports=function(t,e){var n=s({},a,e);return t=i.html(t,n),!0===n.ocd?(n.newlines&&(n.sep=n.newlines),function(t,e){return r(t,e).replace(/^\s+/g,"").replace(/\s+$/g,"\n").replace(/(\s*<!--)/g,"\n$1").replace(/>(\s*)(?=<!--\s*\/)/g,"> ")}(t,n)):t}},394:function(t,e,n){"use strict";var i,r;i=[n(382),n(383),n(395)],void 0===(r=function(t,e,n){return function(t,e,n){var i=function(e,n){return t.js_beautify(e,n)};return i.js=t.js_beautify,i.css=e.css_beautify,i.html=n.html_beautify,i.js_beautify=t.js_beautify,i.css_beautify=e.css_beautify,i.html_beautify=n.html_beautify,i}(t,e,n)}.apply(e,i))||(t.exports=r)},383:function(t,e){var n;function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}!function(){var r;!function(){"use strict";var t=[,,function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var r=this.__lines[i];if(r.is_empty())break;if(0!==r.item(0).indexOf(t)&&r.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},,,,function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,i={};for(n in t=r(t))n!==e&&(i[n]=t[n]);if(e&&t[e])for(n in t[e])i[n]=t[e][n];return i}function r(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],r=e||[];return"object"===i(n)?null!==n&&"function"==typeof n.concat&&(r=n.concat()):"string"==typeof n&&(r=n.split(/[^a-zA-Z0-9_\/\-]+/)),r},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=r,t.exports.mergeOpts=n},,function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,r="";return t&&(i=this.match(t))&&(r+=i[0]),!e||!i&&t||(r+=this.readUntil(e,n)),r},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var r=t.exec(this.__input);return r?(i=r.index,e&&(i+=r[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,r="g";return n&&e&&(r="y"),"string"==typeof t&&""!==t?i=new RegExp(t,r):t&&(i=new RegExp(t.source,r)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},,,,,function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},,function(t,e,n){var i=n(16).Beautifier,r=n(17).Options;t.exports=function(t,e){return new i(t,e).beautify()},t.exports.defaultOptions=function(){return new r}},function(t,e,n){var i=n(17).Options,r=n(2).Output,s=n(8).InputScanner,a=new(0,n(13).Directives)(/\/\*/,/\*\//),o=/\r\n|[\r\n]/,_=/\r\n|[\r\n]/g,u=/\s/,p=/(?:\s|\n)+/g,l=/\/\*(?:[\s\S]*?)((?:\*\/)|$)/g,h=/\/\/(?:[^\n\r\u2028\u2029]*)/g;function c(t,e){this._source_text=t||"",this._options=new i(e),this._ch=null,this._input=null,this.NESTED_AT_RULE={"@page":!0,"@font-face":!0,"@keyframes":!0,"@media":!0,"@supports":!0,"@document":!0},this.CONDITIONAL_GROUP_RULE={"@media":!0,"@supports":!0,"@document":!0},this.NON_SEMICOLON_NEWLINE_PROPERTY=["grid-template-areas","grid-template"]}c.prototype.eatString=function(t){var e="";for(this._ch=this._input.next();this._ch;){if(e+=this._ch,"\\"===this._ch)e+=this._input.next();else if(-1!==t.indexOf(this._ch)||"\n"===this._ch)break;this._ch=this._input.next()}return e},c.prototype.eatWhitespace=function(t){for(var e=u.test(this._input.peek()),n=0;u.test(this._input.peek());)this._ch=this._input.next(),t&&"\n"===this._ch&&(0===n||n<this._options.max_preserve_newlines)&&(n++,this._output.add_new_line(!0));return e},c.prototype.foundNestedPseudoClass=function(){for(var t=0,e=1,n=this._input.peek(e);n;){if("{"===n)return!0;if("("===n)t+=1;else if(")"===n){if(0===t)return!1;t-=1}else if(";"===n||"}"===n)return!1;e++,n=this._input.peek(e)}return!1},c.prototype.print_string=function(t){this._output.set_indent(this._indentLevel),this._output.non_breaking_space=!0,this._output.add_token(t)},c.prototype.preserveSingleSpace=function(t){t&&(this._output.space_before_token=!0)},c.prototype.indent=function(){this._indentLevel++},c.prototype.outdent=function(){this._indentLevel>0&&this._indentLevel--},c.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._source_text,e=this._options.eol;"auto"===e&&(e="\n",t&&o.test(t||"")&&(e=t.match(o)[0]));var n=(t=t.replace(_,"\n")).match(/^[\t ]*/)[0];this._output=new r(this._options,n),this._input=new s(t),this._indentLevel=0,this._nestedLevel=0,this._ch=null;for(var i,c,d=0,f=!1,g=!1,m=!1,y=!1,b=!1,v=!1,k=this._ch,w=!1;i=""!==this._input.read(p),c=k,this._ch=this._input.next(),"\\"===this._ch&&this._input.hasNext()&&(this._ch+=this._input.next()),k=this._ch,this._ch;)if("/"===this._ch&&"*"===this._input.peek()){this._output.add_new_line(),this._input.back();var x=this._input.read(l),S=a.get_directives(x);S&&"start"===S.ignore&&(x+=a.readIgnored(this._input)),this.print_string(x),this.eatWhitespace(!0),this._output.add_new_line()}else if("/"===this._ch&&"/"===this._input.peek())this._output.space_before_token=!0,this._input.back(),this.print_string(this._input.read(h)),this.eatWhitespace(!0);else if("@"===this._ch||"$"===this._ch)if(this.preserveSingleSpace(i),"{"===this._input.peek())this.print_string(this._ch+this.eatString("}"));else{this.print_string(this._ch);var E=this._input.peekUntilAfter(/[: ,;{}()[\]\/='"]/g);E.match(/[ :]$/)&&(E=this.eatString(": ").replace(/\s$/,""),this.print_string(E),this._output.space_before_token=!0),"extend"===(E=E.replace(/\s$/,""))?y=!0:"import"===E&&(b=!0),E in this.NESTED_AT_RULE?(this._nestedLevel+=1,E in this.CONDITIONAL_GROUP_RULE&&(m=!0)):f||0!==d||-1===E.indexOf(":")||(g=!0,this.indent())}else if("#"===this._ch&&"{"===this._input.peek())this.preserveSingleSpace(i),this.print_string(this._ch+this.eatString("}"));else if("{"===this._ch)g&&(g=!1,this.outdent()),m?(m=!1,f=this._indentLevel>=this._nestedLevel):f=this._indentLevel>=this._nestedLevel-1,this._options.newline_between_rules&&f&&this._output.previous_line&&"{"!==this._output.previous_line.item(-1)&&this._output.ensure_empty_line_above("/",","),this._output.space_before_token=!0,"expand"===this._options.brace_style?(this._output.add_new_line(),this.print_string(this._ch),this.indent(),this._output.set_indent(this._indentLevel)):("("===c?this._output.space_before_token=!1:","!==c&&this.indent(),this.print_string(this._ch)),this.eatWhitespace(!0),this._output.add_new_line();else if("}"===this._ch)this.outdent(),this._output.add_new_line(),"{"===c&&this._output.trim(!0),b=!1,y=!1,g&&(this.outdent(),g=!1),this.print_string(this._ch),f=!1,this._nestedLevel&&this._nestedLevel--,this.eatWhitespace(!0),this._output.add_new_line(),this._options.newline_between_rules&&!this._output.just_added_blankline()&&"}"!==this._input.peek()&&this._output.add_new_line(!0),")"===this._input.peek()&&(this._output.trim(!0),"expand"===this._options.brace_style&&this._output.add_new_line(!0));else if(":"===this._ch){for(var O=0;O<this.NON_SEMICOLON_NEWLINE_PROPERTY.length;O++)if(this._input.lookBack(this.NON_SEMICOLON_NEWLINE_PROPERTY[O])){w=!0;break}!f&&!m||this._input.lookBack("&")||this.foundNestedPseudoClass()||this._input.lookBack("(")||y||0!==d?(this._input.lookBack(" ")&&(this._output.space_before_token=!0),":"===this._input.peek()?(this._ch=this._input.next(),this.print_string("::")):this.print_string(":")):(this.print_string(":"),g||(g=!0,this._output.space_before_token=!0,this.eatWhitespace(!0),this.indent()))}else if('"'===this._ch||"'"===this._ch){var P='"'===c||"'"===c;this.preserveSingleSpace(P||i),this.print_string(this._ch+this.eatString(this._ch)),this.eatWhitespace(!0)}else if(";"===this._ch)w=!1,0===d?(g&&(this.outdent(),g=!1),y=!1,b=!1,this.print_string(this._ch),this.eatWhitespace(!0),"/"!==this._input.peek()&&this._output.add_new_line()):(this.print_string(this._ch),this.eatWhitespace(!0),this._output.space_before_token=!0);else if("("===this._ch)if(this._input.lookBack("url"))this.print_string(this._ch),this.eatWhitespace(),d++,this.indent(),this._ch=this._input.next(),")"===this._ch||'"'===this._ch||"'"===this._ch?this._input.back():this._ch&&(this.print_string(this._ch+this.eatString(")")),d&&(d--,this.outdent()));else{var A=!1;this._input.lookBack("with")&&(A=!0),this.preserveSingleSpace(i||A),this.print_string(this._ch),g&&"$"===c&&this._options.selector_separator_newline?(this._output.add_new_line(),v=!0):(this.eatWhitespace(),d++,this.indent())}else if(")"===this._ch)d&&(d--,this.outdent()),v&&";"===this._input.peek()&&this._options.selector_separator_newline&&(v=!1,this.outdent(),this._output.add_new_line()),this.print_string(this._ch);else if(","===this._ch)this.print_string(this._ch),this.eatWhitespace(!0),!this._options.selector_separator_newline||g&&!v||0!==d||b||y?this._output.space_before_token=!0:this._output.add_new_line();else if(">"!==this._ch&&"+"!==this._ch&&"~"!==this._ch||g||0!==d)if("]"===this._ch)this.print_string(this._ch);else if("["===this._ch)this.preserveSingleSpace(i),this.print_string(this._ch);else if("="===this._ch)this.eatWhitespace(),this.print_string("="),u.test(this._ch)&&(this._ch="");else if("!"!==this._ch||this._input.lookBack("\\")){var T='"'===c||"'"===c;this.preserveSingleSpace(T||i),this.print_string(this._ch),!this._output.just_added_newline()&&"\n"===this._input.peek()&&w&&this._output.add_new_line()}else this._output.space_before_token=!0,this.print_string(this._ch);else this._options.space_around_combinator?(this._output.space_before_token=!0,this.print_string(this._ch),this._output.space_before_token=!0):(this.print_string(this._ch),this.eatWhitespace(),this._ch&&u.test(this._ch)&&(this._ch=""));return this._output.get_code(e)},t.exports.Beautifier=c},function(t,e,n){var i=n(6).Options;function r(t){i.call(this,t,"css"),this.selector_separator_newline=this._get_boolean("selector_separator_newline",!0),this.newline_between_rules=this._get_boolean("newline_between_rules",!0);var e=this._get_boolean("space_around_selector_separator");this.space_around_combinator=this._get_boolean("space_around_combinator")||e;var n=this._get_selection_list("brace_style",["collapse","expand","end-expand","none","preserve-inline"]);this.brace_style="collapse";for(var r=0;r<n.length;r++)"expand"!==n[r]?this.brace_style="collapse":this.brace_style=n[r]}r.prototype=new i,t.exports.Options=r}],e={};var n=function n(i){var r=e[i];if(void 0!==r)return r.exports;var s=e[i]={exports:{}};return t[i](s,s.exports,n),s.exports}(15);r=n}();var s=r;void 0===(n=function(){return{css_beautify:s}}.apply(e,[]))||(t.exports=n)}()},395:function(t,e,n){var i,r;function s(t){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},s(t)}!function(){var a;!function(){"use strict";var t=[,,function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var r=this.__lines[i];if(r.is_empty())break;if(0!==r.item(0).indexOf(t)&&r.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},function(t){t.exports.Token=function(t,e,n,i){this.type=t,this.text=e,this.comments_before=null,this.newlines=n||0,this.whitespace_before=i||"",this.parent=null,this.next=null,this.previous=null,this.opened=null,this.closed=null,this.directives=null}},,,function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,r={};for(n in t=i(t))n!==e&&(r[n]=t[n]);if(e&&t[e])for(n in t[e])r[n]=t[e][n];return r}function i(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],i=e||[];return"object"===s(n)?null!==n&&"function"==typeof n.concat&&(i=n.concat()):"string"==typeof n&&(i=n.split(/[^a-zA-Z0-9_\/\-]+/)),i},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=i,t.exports.mergeOpts=n},,function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,r="";return t&&(i=this.match(t))&&(r+=i[0]),!e||!i&&t||(r+=this.readUntil(e,n)),r},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var r=t.exec(this.__input);return r?(i=r.index,e&&(i+=r[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,r="g";return n&&e&&(r="y"),"string"==typeof t&&""!==t?i=new RegExp(t,r):t&&(i=new RegExp(t.source,r)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},function(t,e,n){var i=n(8).InputScanner,r=n(3).Token,s=n(10).TokenStream,a=n(11).WhitespacePattern,o={START:"TK_START",RAW:"TK_RAW",EOF:"TK_EOF"},_=function(t,e){this._input=new i(t),this._options=e||{},this.__tokens=null,this._patterns={},this._patterns.whitespace=new a(this._input)};_.prototype.tokenize=function(){var t;this._input.restart(),this.__tokens=new s,this._reset();for(var e=new r(o.START,""),n=null,i=[],a=new s;e.type!==o.EOF;){for(t=this._get_next_token(e,n);this._is_comment(t);)a.add(t),t=this._get_next_token(e,n);a.isEmpty()||(t.comments_before=a,a=new s),t.parent=n,this._is_opening(t)?(i.push(n),n=t):n&&this._is_closing(t,n)&&(t.opened=n,n.closed=t,n=i.pop(),t.parent=n),t.previous=e,e.next=t,this.__tokens.add(t),e=t}return this.__tokens},_.prototype._is_first_token=function(){return this.__tokens.isEmpty()},_.prototype._reset=function(){},_.prototype._get_next_token=function(t,e){this._readWhitespace();var n=this._input.read(/.+/g);return n?this._create_token(o.RAW,n):this._create_token(o.EOF,"")},_.prototype._is_comment=function(t){return!1},_.prototype._is_opening=function(t){return!1},_.prototype._is_closing=function(t,e){return!1},_.prototype._create_token=function(t,e){return new r(t,e,this._patterns.whitespace.newline_count,this._patterns.whitespace.whitespace_before_token)},_.prototype._readWhitespace=function(){return this._patterns.whitespace.read()},t.exports.Tokenizer=_,t.exports.TOKEN=o},function(t){function e(t){this.__tokens=[],this.__tokens_length=this.__tokens.length,this.__position=0,this.__parent_token=t}e.prototype.restart=function(){this.__position=0},e.prototype.isEmpty=function(){return 0===this.__tokens_length},e.prototype.hasNext=function(){return this.__position<this.__tokens_length},e.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__tokens[this.__position],this.__position+=1),t},e.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__tokens_length&&(e=this.__tokens[t]),e},e.prototype.add=function(t){this.__parent_token&&(t.parent=this.__parent_token),this.__tokens.push(t),this.__tokens_length+=1},t.exports.TokenStream=e},function(t,e,n){var i=n(12).Pattern;function r(t,e){i.call(this,t,e),e?this._line_regexp=this._input.get_regexp(e._line_regexp):this.__set_whitespace_patterns("",""),this.newline_count=0,this.whitespace_before_token=""}r.prototype=new i,r.prototype.__set_whitespace_patterns=function(t,e){t+="\\t ",e+="\\n\\r",this._match_pattern=this._input.get_regexp("["+t+e+"]+",!0),this._newline_regexp=this._input.get_regexp("\\r\\n|["+e+"]")},r.prototype.read=function(){this.newline_count=0,this.whitespace_before_token="";var t=this._input.read(this._match_pattern);if(" "===t)this.whitespace_before_token=" ";else if(t){var e=this.__split(this._newline_regexp,t);this.newline_count=e.length-1,this.whitespace_before_token=e[this.newline_count]}return t},r.prototype.matching=function(t,e){var n=this._create();return n.__set_whitespace_patterns(t,e),n._update(),n},r.prototype._create=function(){return new r(this._input,this)},r.prototype.__split=function(t,e){t.lastIndex=0;for(var n=0,i=[],r=t.exec(e);r;)i.push(e.substring(n,r.index)),n=r.index+r[0].length,r=t.exec(e);return n<e.length?i.push(e.substring(n,e.length)):i.push(""),i},t.exports.WhitespacePattern=r},function(t){function e(t,e){this._input=t,this._starting_pattern=null,this._match_pattern=null,this._until_pattern=null,this._until_after=!1,e&&(this._starting_pattern=this._input.get_regexp(e._starting_pattern,!0),this._match_pattern=this._input.get_regexp(e._match_pattern,!0),this._until_pattern=this._input.get_regexp(e._until_pattern),this._until_after=e._until_after)}e.prototype.read=function(){var t=this._input.read(this._starting_pattern);return this._starting_pattern&&!t||(t+=this._input.read(this._match_pattern,this._until_pattern,this._until_after)),t},e.prototype.read_match=function(){return this._input.match(this._match_pattern)},e.prototype.until_after=function(t){var e=this._create();return e._until_after=!0,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.until=function(t){var e=this._create();return e._until_after=!1,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.starting_with=function(t){var e=this._create();return e._starting_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype.matching=function(t){var e=this._create();return e._match_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype._create=function(){return new e(this._input,this)},e.prototype._update=function(){},t.exports.Pattern=e},function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},function(t,e,n){var i=n(12).Pattern,r={django:!1,erb:!1,handlebars:!1,php:!1,smarty:!1};function s(t,e){i.call(this,t,e),this.__template_pattern=null,this._disabled=Object.assign({},r),this._excluded=Object.assign({},r),e&&(this.__template_pattern=this._input.get_regexp(e.__template_pattern),this._excluded=Object.assign(this._excluded,e._excluded),this._disabled=Object.assign(this._disabled,e._disabled));var n=new i(t);this.__patterns={handlebars_comment:n.starting_with(/{{!--/).until_after(/--}}/),handlebars_unescaped:n.starting_with(/{{{/).until_after(/}}}/),handlebars:n.starting_with(/{{/).until_after(/}}/),php:n.starting_with(/<\?(?:[= ]|php)/).until_after(/\?>/),erb:n.starting_with(/<%[^%]/).until_after(/[^%]%>/),django:n.starting_with(/{%/).until_after(/%}/),django_value:n.starting_with(/{{/).until_after(/}}/),django_comment:n.starting_with(/{#/).until_after(/#}/),smarty:n.starting_with(/{(?=[^}{\s\n])/).until_after(/[^\s\n]}/),smarty_comment:n.starting_with(/{\*/).until_after(/\*}/),smarty_literal:n.starting_with(/{literal}/).until_after(/{\/literal}/)}}s.prototype=new i,s.prototype._create=function(){return new s(this._input,this)},s.prototype._update=function(){this.__set_templated_pattern()},s.prototype.disable=function(t){var e=this._create();return e._disabled[t]=!0,e._update(),e},s.prototype.read_options=function(t){var e=this._create();for(var n in r)e._disabled[n]=-1===t.templating.indexOf(n);return e._update(),e},s.prototype.exclude=function(t){var e=this._create();return e._excluded[t]=!0,e._update(),e},s.prototype.read=function(){var t="";t=this._match_pattern?this._input.read(this._starting_pattern):this._input.read(this._starting_pattern,this.__template_pattern);for(var e=this._read_template();e;)this._match_pattern?e+=this._input.read(this._match_pattern):e+=this._input.readUntil(this.__template_pattern),t+=e,e=this._read_template();return this._until_after&&(t+=this._input.readUntilAfter(this._until_pattern)),t},s.prototype.__set_templated_pattern=function(){var t=[];this._disabled.php||t.push(this.__patterns.php._starting_pattern.source),this._disabled.handlebars||t.push(this.__patterns.handlebars._starting_pattern.source),this._disabled.erb||t.push(this.__patterns.erb._starting_pattern.source),this._disabled.django||(t.push(this.__patterns.django._starting_pattern.source),t.push(this.__patterns.django_value._starting_pattern.source),t.push(this.__patterns.django_comment._starting_pattern.source)),this._disabled.smarty||t.push(this.__patterns.smarty._starting_pattern.source),this._until_pattern&&t.push(this._until_pattern.source),this.__template_pattern=this._input.get_regexp("(?:"+t.join("|")+")")},s.prototype._read_template=function(){var t="",e=this._input.peek();if("<"===e){var n=this._input.peek(1);this._disabled.php||this._excluded.php||"?"!==n||(t=t||this.__patterns.php.read()),this._disabled.erb||this._excluded.erb||"%"!==n||(t=t||this.__patterns.erb.read())}else"{"===e&&(this._disabled.handlebars||this._excluded.handlebars||(t=(t=(t=t||this.__patterns.handlebars_comment.read())||this.__patterns.handlebars_unescaped.read())||this.__patterns.handlebars.read()),this._disabled.django||(this._excluded.django||this._excluded.handlebars||(t=t||this.__patterns.django_value.read()),this._excluded.django||(t=(t=t||this.__patterns.django_comment.read())||this.__patterns.django.read())),this._disabled.smarty||this._disabled.django&&this._disabled.handlebars&&(t=(t=(t=t||this.__patterns.smarty_comment.read())||this.__patterns.smarty_literal.read())||this.__patterns.smarty.read()));return t},t.exports.TemplatablePattern=s},,,,function(t,e,n){var i=n(19).Beautifier,r=n(20).Options;t.exports=function(t,e,n,r){return new i(t,e,n,r).beautify()},t.exports.defaultOptions=function(){return new r}},function(t,e,n){var i=n(20).Options,r=n(2).Output,s=n(21).Tokenizer,a=n(21).TOKEN,o=/\r\n|[\r\n]/,_=/\r\n|[\r\n]/g,u=function(t,e){this.indent_level=0,this.alignment_size=0,this.max_preserve_newlines=t.max_preserve_newlines,this.preserve_newlines=t.preserve_newlines,this._output=new r(t,e)};u.prototype.current_line_has_match=function(t){return this._output.current_line.has_match(t)},u.prototype.set_space_before_token=function(t,e){this._output.space_before_token=t,this._output.non_breaking_space=e},u.prototype.set_wrap_point=function(){this._output.set_indent(this.indent_level,this.alignment_size),this._output.set_wrap_point()},u.prototype.add_raw_token=function(t){this._output.add_raw_token(t)},u.prototype.print_preserved_newlines=function(t){var e=0;t.type!==a.TEXT&&t.previous.type!==a.TEXT&&(e=t.newlines?1:0),this.preserve_newlines&&(e=t.newlines<this.max_preserve_newlines+1?t.newlines:this.max_preserve_newlines+1);for(var n=0;n<e;n++)this.print_newline(n>0);return 0!==e},u.prototype.traverse_whitespace=function(t){return!(!t.whitespace_before&&!t.newlines)&&(this.print_preserved_newlines(t)||(this._output.space_before_token=!0),!0)},u.prototype.previous_token_wrapped=function(){return this._output.previous_token_wrapped},u.prototype.print_newline=function(t){this._output.add_new_line(t)},u.prototype.print_token=function(t){t.text&&(this._output.set_indent(this.indent_level,this.alignment_size),this._output.add_token(t.text))},u.prototype.indent=function(){this.indent_level++},u.prototype.get_full_indent=function(t){return(t=this.indent_level+(t||0))<1?"":this._output.get_indent_string(t)};var p=function(t,e){var n=null,i=null;return e.closed?("script"===t?n="text/javascript":"style"===t&&(n="text/css"),n=function(t){for(var e=null,n=t.next;n.type!==a.EOF&&t.closed!==n;){if(n.type===a.ATTRIBUTE&&"type"===n.text){n.next&&n.next.type===a.EQUALS&&n.next.next&&n.next.next.type===a.VALUE&&(e=n.next.next.text);break}n=n.next}return e}(e)||n,n.search("text/css")>-1?i="css":n.search(/module|((text|application|dojo)\/(x-)?(javascript|ecmascript|jscript|livescript|(ld\+)?json|method|aspect))/)>-1?i="javascript":n.search(/(text|application|dojo)\/(x-)?(html)/)>-1?i="html":n.search(/test\/null/)>-1&&(i="null"),i):null};function l(t,e){return-1!==e.indexOf(t)}function h(t,e,n){this.parent=t||null,this.tag=e?e.tag_name:"",this.indent_level=n||0,this.parser_token=e||null}function c(t){this._printer=t,this._current_frame=null}function d(t,e,n,r){this._source_text=t||"",e=e||{},this._js_beautify=n,this._css_beautify=r,this._tag_stack=null;var s=new i(e,"html");this._options=s,this._is_wrap_attributes_force="force"===this._options.wrap_attributes.substr(0,"force".length),this._is_wrap_attributes_force_expand_multiline="force-expand-multiline"===this._options.wrap_attributes,this._is_wrap_attributes_force_aligned="force-aligned"===this._options.wrap_attributes,this._is_wrap_attributes_aligned_multiple="aligned-multiple"===this._options.wrap_attributes,this._is_wrap_attributes_preserve="preserve"===this._options.wrap_attributes.substr(0,"preserve".length),this._is_wrap_attributes_preserve_aligned="preserve-aligned"===this._options.wrap_attributes}c.prototype.get_parser_token=function(){return this._current_frame?this._current_frame.parser_token:null},c.prototype.record_tag=function(t){var e=new h(this._current_frame,t,this._printer.indent_level);this._current_frame=e},c.prototype._try_pop_frame=function(t){var e=null;return t&&(e=t.parser_token,this._printer.indent_level=t.indent_level,this._current_frame=t.parent),e},c.prototype._get_frame=function(t,e){for(var n=this._current_frame;n&&-1===t.indexOf(n.tag);){if(e&&-1!==e.indexOf(n.tag)){n=null;break}n=n.parent}return n},c.prototype.try_pop=function(t,e){var n=this._get_frame([t],e);return this._try_pop_frame(n)},c.prototype.indent_to_tag=function(t){var e=this._get_frame(t);e&&(this._printer.indent_level=e.indent_level)},d.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._source_text,e=this._options.eol;"auto"===this._options.eol&&(e="\n",t&&o.test(t)&&(e=t.match(o)[0]));var n=(t=t.replace(_,"\n")).match(/^[\t ]*/)[0],i={text:"",type:""},r=new f,p=new u(this._options,n),l=new s(t,this._options).tokenize();this._tag_stack=new c(p);for(var h=null,d=l.next();d.type!==a.EOF;)d.type===a.TAG_OPEN||d.type===a.COMMENT?r=h=this._handle_tag_open(p,d,r,i):d.type===a.ATTRIBUTE||d.type===a.EQUALS||d.type===a.VALUE||d.type===a.TEXT&&!r.tag_complete?h=this._handle_inside_tag(p,d,r,l):d.type===a.TAG_CLOSE?h=this._handle_tag_close(p,d,r):d.type===a.TEXT?h=this._handle_text(p,d,r):p.add_raw_token(d),i=h,d=l.next();return p._output.get_code(e)},d.prototype._handle_tag_close=function(t,e,n){var i={text:e.text,type:e.type};return t.alignment_size=0,n.tag_complete=!0,t.set_space_before_token(e.newlines||""!==e.whitespace_before,!0),n.is_unformatted?t.add_raw_token(e):("<"===n.tag_start_char&&(t.set_space_before_token("/"===e.text[0],!0),this._is_wrap_attributes_force_expand_multiline&&n.has_wrapped_attrs&&t.print_newline(!1)),t.print_token(e)),!n.indent_content||n.is_unformatted||n.is_content_unformatted||(t.indent(),n.indent_content=!1),n.is_inline_element||n.is_unformatted||n.is_content_unformatted||t.set_wrap_point(),i},d.prototype._handle_inside_tag=function(t,e,n,i){var r=n.has_wrapped_attrs,s={text:e.text,type:e.type};if(t.set_space_before_token(e.newlines||""!==e.whitespace_before,!0),n.is_unformatted)t.add_raw_token(e);else if("{"===n.tag_start_char&&e.type===a.TEXT)t.print_preserved_newlines(e)?(e.newlines=0,t.add_raw_token(e)):t.print_token(e);else{if(e.type===a.ATTRIBUTE?(t.set_space_before_token(!0),n.attr_count+=1):(e.type===a.EQUALS||e.type===a.VALUE&&e.previous.type===a.EQUALS)&&t.set_space_before_token(!1),e.type===a.ATTRIBUTE&&"<"===n.tag_start_char&&((this._is_wrap_attributes_preserve||this._is_wrap_attributes_preserve_aligned)&&(t.traverse_whitespace(e),r=r||0!==e.newlines),this._is_wrap_attributes_force)){var o=n.attr_count>1;if(this._is_wrap_attributes_force_expand_multiline&&1===n.attr_count){var _,u=!0,p=0;do{if((_=i.peek(p)).type===a.ATTRIBUTE){u=!1;break}p+=1}while(p<4&&_.type!==a.EOF&&_.type!==a.TAG_CLOSE);o=!u}o&&(t.print_newline(!1),r=!0)}t.print_token(e),r=r||t.previous_token_wrapped(),n.has_wrapped_attrs=r}return s},d.prototype._handle_text=function(t,e,n){var i={text:e.text,type:"TK_CONTENT"};return n.custom_beautifier_name?this._print_custom_beatifier_text(t,e,n):n.is_unformatted||n.is_content_unformatted?t.add_raw_token(e):(t.traverse_whitespace(e),t.print_token(e)),i},d.prototype._print_custom_beatifier_text=function(t,e,n){var i=this;if(""!==e.text){var r,s=e.text,a=1,o="",_="";"javascript"===n.custom_beautifier_name&&"function"==typeof this._js_beautify?r=this._js_beautify:"css"===n.custom_beautifier_name&&"function"==typeof this._css_beautify?r=this._css_beautify:"html"===n.custom_beautifier_name&&(r=function(t,e){return new d(t,e,i._js_beautify,i._css_beautify).beautify()}),"keep"===this._options.indent_scripts?a=0:"separate"===this._options.indent_scripts&&(a=-t.indent_level);var u=t.get_full_indent(a);if(s=s.replace(/\n[ \t]*$/,""),"html"!==n.custom_beautifier_name&&"<"===s[0]&&s.match(/^(<!--|<!\[CDATA\[)/)){var p=/^(<!--[^\n]*|<!\[CDATA\[)(\n?)([ \t\n]*)([\s\S]*)(-->|]]>)$/.exec(s);if(!p)return void t.add_raw_token(e);o=u+p[1]+"\n",s=p[4],p[5]&&(_=u+p[5]),s=s.replace(/\n[ \t]*$/,""),(p[2]||-1!==p[3].indexOf("\n"))&&(p=p[3].match(/[ \t]+$/))&&(e.whitespace_before=p[0])}if(s)if(r){var l=function(){this.eol="\n"};l.prototype=this._options.raw_options,s=r(u+s,new l)}else{var h=e.whitespace_before;h&&(s=s.replace(new RegExp("\n("+h+")?","g"),"\n")),s=u+s.replace(/\n/g,"\n"+u)}o&&(s=s?o+s+"\n"+_:o+_),t.print_newline(!1),s&&(e.text=s,e.whitespace_before="",e.newlines=0,t.add_raw_token(e),t.print_newline(!0))}},d.prototype._handle_tag_open=function(t,e,n,i){var r=this._get_tag_open_token(e);return!n.is_unformatted&&!n.is_content_unformatted||n.is_empty_element||e.type!==a.TAG_OPEN||0!==e.text.indexOf("</")?(t.traverse_whitespace(e),this._set_tag_position(t,e,r,n,i),r.is_inline_element||t.set_wrap_point(),t.print_token(e)):(t.add_raw_token(e),r.start_tag_token=this._tag_stack.try_pop(r.tag_name)),(this._is_wrap_attributes_force_aligned||this._is_wrap_attributes_aligned_multiple||this._is_wrap_attributes_preserve_aligned)&&(r.alignment_size=e.text.length+1),r.tag_complete||r.is_unformatted||(t.alignment_size=r.alignment_size),r};var f=function(t,e){if(this.parent=t||null,this.text="",this.type="TK_TAG_OPEN",this.tag_name="",this.is_inline_element=!1,this.is_unformatted=!1,this.is_content_unformatted=!1,this.is_empty_element=!1,this.is_start_tag=!1,this.is_end_tag=!1,this.indent_content=!1,this.multiline_content=!1,this.custom_beautifier_name=null,this.start_tag_token=null,this.attr_count=0,this.has_wrapped_attrs=!1,this.alignment_size=0,this.tag_complete=!1,this.tag_start_char="",this.tag_check="",e){var n;this.tag_start_char=e.text[0],this.text=e.text,"<"===this.tag_start_char?(n=e.text.match(/^<([^\s>]*)/),this.tag_check=n?n[1]:""):(n=e.text.match(/^{{~?(?:[\^]|#\*?)?([^\s}]+)/),this.tag_check=n?n[1]:"",(e.text.startsWith("{{#>")||e.text.startsWith("{{~#>"))&&">"===this.tag_check[0]&&(">"===this.tag_check&&null!==e.next?this.tag_check=e.next.text.split(" ")[0]:this.tag_check=e.text.split(">")[1])),this.tag_check=this.tag_check.toLowerCase(),e.type===a.COMMENT&&(this.tag_complete=!0),this.is_start_tag="/"!==this.tag_check.charAt(0),this.tag_name=this.is_start_tag?this.tag_check:this.tag_check.substr(1),this.is_end_tag=!this.is_start_tag||e.closed&&"/>"===e.closed.text;var i=2;"{"===this.tag_start_char&&this.text.length>=3&&"~"===this.text.charAt(2)&&(i=3),this.is_end_tag=this.is_end_tag||"{"===this.tag_start_char&&(this.text.length<3||/[^#\^]/.test(this.text.charAt(i)))}else this.tag_complete=!0};d.prototype._get_tag_open_token=function(t){var e=new f(this._tag_stack.get_parser_token(),t);return e.alignment_size=this._options.wrap_attributes_indent_size,e.is_end_tag=e.is_end_tag||l(e.tag_check,this._options.void_elements),e.is_empty_element=e.tag_complete||e.is_start_tag&&e.is_end_tag,e.is_unformatted=!e.tag_complete&&l(e.tag_check,this._options.unformatted),e.is_content_unformatted=!e.is_empty_element&&l(e.tag_check,this._options.content_unformatted),e.is_inline_element=l(e.tag_name,this._options.inline)||e.tag_name.includes("-")||"{"===e.tag_start_char,e},d.prototype._set_tag_position=function(t,e,n,i,r){if(n.is_empty_element||(n.is_end_tag?n.start_tag_token=this._tag_stack.try_pop(n.tag_name):(this._do_optional_end_element(n)&&(n.is_inline_element||t.print_newline(!1)),this._tag_stack.record_tag(n),"script"!==n.tag_name&&"style"!==n.tag_name||n.is_unformatted||n.is_content_unformatted||(n.custom_beautifier_name=p(n.tag_check,e)))),l(n.tag_check,this._options.extra_liners)&&(t.print_newline(!1),t._output.just_added_blankline()||t.print_newline(!0)),n.is_empty_element){if("{"===n.tag_start_char&&"else"===n.tag_check)this._tag_stack.indent_to_tag(["if","unless","each"]),n.indent_content=!0,t.current_line_has_match(/{{#if/)||t.print_newline(!1);"!--"===n.tag_name&&r.type===a.TAG_CLOSE&&i.is_end_tag&&-1===n.text.indexOf("\n")||(n.is_inline_element||n.is_unformatted||t.print_newline(!1),this._calcluate_parent_multiline(t,n))}else if(n.is_end_tag){var s=!1;s=(s=n.start_tag_token&&n.start_tag_token.multiline_content)||!n.is_inline_element&&!(i.is_inline_element||i.is_unformatted)&&!(r.type===a.TAG_CLOSE&&n.start_tag_token===i)&&"TK_CONTENT"!==r.type,(n.is_content_unformatted||n.is_unformatted)&&(s=!1),s&&t.print_newline(!1)}else n.indent_content=!n.custom_beautifier_name,"<"===n.tag_start_char&&("html"===n.tag_name?n.indent_content=this._options.indent_inner_html:"head"===n.tag_name?n.indent_content=this._options.indent_head_inner_html:"body"===n.tag_name&&(n.indent_content=this._options.indent_body_inner_html)),n.is_inline_element||n.is_unformatted||"TK_CONTENT"===r.type&&!n.is_content_unformatted||t.print_newline(!1),this._calcluate_parent_multiline(t,n)},d.prototype._calcluate_parent_multiline=function(t,e){!e.parent||!t._output.just_added_newline()||(e.is_inline_element||e.is_unformatted)&&e.parent.is_inline_element||(e.parent.multiline_content=!0)};var g=["address","article","aside","blockquote","details","div","dl","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hr","main","nav","ol","p","pre","section","table","ul"],m=["a","audio","del","ins","map","noscript","video"];d.prototype._do_optional_end_element=function(t){var e=null;if(!t.is_empty_element&&t.is_start_tag&&t.parent){if("body"===t.tag_name)e=e||this._tag_stack.try_pop("head");else if("li"===t.tag_name)e=e||this._tag_stack.try_pop("li",["ol","ul"]);else if("dd"===t.tag_name||"dt"===t.tag_name)e=(e=e||this._tag_stack.try_pop("dt",["dl"]))||this._tag_stack.try_pop("dd",["dl"]);else if("p"===t.parent.tag_name&&-1!==g.indexOf(t.tag_name)){var n=t.parent.parent;n&&-1!==m.indexOf(n.tag_name)||(e=e||this._tag_stack.try_pop("p"))}else"rp"===t.tag_name||"rt"===t.tag_name?e=(e=e||this._tag_stack.try_pop("rt",["ruby","rtc"]))||this._tag_stack.try_pop("rp",["ruby","rtc"]):"optgroup"===t.tag_name?e=e||this._tag_stack.try_pop("optgroup",["select"]):"option"===t.tag_name?e=e||this._tag_stack.try_pop("option",["select","datalist","optgroup"]):"colgroup"===t.tag_name?e=e||this._tag_stack.try_pop("caption",["table"]):"thead"===t.tag_name?e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]):"tbody"===t.tag_name||"tfoot"===t.tag_name?e=(e=(e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]))||this._tag_stack.try_pop("thead",["table"]))||this._tag_stack.try_pop("tbody",["table"]):"tr"===t.tag_name?e=(e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]))||this._tag_stack.try_pop("tr",["table","thead","tbody","tfoot"]):"th"!==t.tag_name&&"td"!==t.tag_name||(e=(e=e||this._tag_stack.try_pop("td",["table","thead","tbody","tfoot","tr"]))||this._tag_stack.try_pop("th",["table","thead","tbody","tfoot","tr"]));return t.parent=this._tag_stack.get_parser_token(),e}},t.exports.Beautifier=d},function(t,e,n){var i=n(6).Options;function r(t){i.call(this,t,"html"),1===this.templating.length&&"auto"===this.templating[0]&&(this.templating=["django","erb","handlebars","php"]),this.indent_inner_html=this._get_boolean("indent_inner_html"),this.indent_body_inner_html=this._get_boolean("indent_body_inner_html",!0),this.indent_head_inner_html=this._get_boolean("indent_head_inner_html",!0),this.indent_handlebars=this._get_boolean("indent_handlebars",!0),this.wrap_attributes=this._get_selection("wrap_attributes",["auto","force","force-aligned","force-expand-multiline","aligned-multiple","preserve","preserve-aligned"]),this.wrap_attributes_indent_size=this._get_number("wrap_attributes_indent_size",this.indent_size),this.extra_liners=this._get_array("extra_liners",["head","body","/html"]),this.inline=this._get_array("inline",["a","abbr","area","audio","b","bdi","bdo","br","button","canvas","cite","code","data","datalist","del","dfn","em","embed","i","iframe","img","input","ins","kbd","keygen","label","map","mark","math","meter","noscript","object","output","progress","q","ruby","s","samp","select","small","span","strong","sub","sup","svg","template","textarea","time","u","var","video","wbr","text","acronym","big","strike","tt"]),this.void_elements=this._get_array("void_elements",["area","base","br","col","embed","hr","img","input","keygen","link","menuitem","meta","param","source","track","wbr","!doctype","?xml","basefont","isindex"]),this.unformatted=this._get_array("unformatted",[]),this.content_unformatted=this._get_array("content_unformatted",["pre","textarea"]),this.unformatted_content_delimiter=this._get_characters("unformatted_content_delimiter"),this.indent_scripts=this._get_selection("indent_scripts",["normal","keep","separate"])}r.prototype=new i,t.exports.Options=r},function(t,e,n){var i=n(9).Tokenizer,r=n(9).TOKEN,s=n(13).Directives,a=n(14).TemplatablePattern,o=n(12).Pattern,_={TAG_OPEN:"TK_TAG_OPEN",TAG_CLOSE:"TK_TAG_CLOSE",ATTRIBUTE:"TK_ATTRIBUTE",EQUALS:"TK_EQUALS",VALUE:"TK_VALUE",COMMENT:"TK_COMMENT",TEXT:"TK_TEXT",UNKNOWN:"TK_UNKNOWN",START:r.START,RAW:r.RAW,EOF:r.EOF},u=new s(/<\!--/,/-->/),p=function(t,e){i.call(this,t,e),this._current_tag_name="";var n=new a(this._input).read_options(this._options),r=new o(this._input);if(this.__patterns={word:n.until(/[\n\r\t <]/),single_quote:n.until_after(/'/),double_quote:n.until_after(/"/),attribute:n.until(/[\n\r\t =>]|\/>/),element_name:n.until(/[\n\r\t >\/]/),handlebars_comment:r.starting_with(/{{!--/).until_after(/--}}/),handlebars:r.starting_with(/{{/).until_after(/}}/),handlebars_open:r.until(/[\n\r\t }]/),handlebars_raw_close:r.until(/}}/),comment:r.starting_with(/<!--/).until_after(/-->/),cdata:r.starting_with(/<!\[CDATA\[/).until_after(/]]>/),conditional_comment:r.starting_with(/<!\[/).until_after(/]>/),processing:r.starting_with(/<\?/).until_after(/\?>/)},this._options.indent_handlebars&&(this.__patterns.word=this.__patterns.word.exclude("handlebars")),this._unformatted_content_delimiter=null,this._options.unformatted_content_delimiter){var s=this._input.get_literal_regexp(this._options.unformatted_content_delimiter);this.__patterns.unformatted_content_delimiter=r.matching(s).until_after(s)}};(p.prototype=new i)._is_comment=function(t){return!1},p.prototype._is_opening=function(t){return t.type===_.TAG_OPEN},p.prototype._is_closing=function(t,e){return t.type===_.TAG_CLOSE&&e&&((">"===t.text||"/>"===t.text)&&"<"===e.text[0]||"}}"===t.text&&"{"===e.text[0]&&"{"===e.text[1])},p.prototype._reset=function(){this._current_tag_name=""},p.prototype._get_next_token=function(t,e){var n=null;this._readWhitespace();var i=this._input.peek();return null===i?this._create_token(_.EOF,""):n=(n=(n=(n=(n=(n=(n=(n=(n=n||this._read_open_handlebars(i,e))||this._read_attribute(i,t,e))||this._read_close(i,e))||this._read_raw_content(i,t,e))||this._read_content_word(i))||this._read_comment_or_cdata(i))||this._read_processing(i))||this._read_open(i,e))||this._create_token(_.UNKNOWN,this._input.next())},p.prototype._read_comment_or_cdata=function(t){var e=null,n=null,i=null;"<"===t&&("!"===this._input.peek(1)&&((n=this.__patterns.comment.read())?(i=u.get_directives(n))&&"start"===i.ignore&&(n+=u.readIgnored(this._input)):n=this.__patterns.cdata.read()),n&&((e=this._create_token(_.COMMENT,n)).directives=i));return e},p.prototype._read_processing=function(t){var e=null,n=null;if("<"===t){var i=this._input.peek(1);"!"!==i&&"?"!==i||(n=(n=this.__patterns.conditional_comment.read())||this.__patterns.processing.read()),n&&((e=this._create_token(_.COMMENT,n)).directives=null)}return e},p.prototype._read_open=function(t,e){var n=null,i=null;return e||"<"===t&&(n=this._input.next(),"/"===this._input.peek()&&(n+=this._input.next()),n+=this.__patterns.element_name.read(),i=this._create_token(_.TAG_OPEN,n)),i},p.prototype._read_open_handlebars=function(t,e){var n=null,i=null;return e||this._options.indent_handlebars&&"{"===t&&"{"===this._input.peek(1)&&("!"===this._input.peek(2)?(n=(n=this.__patterns.handlebars_comment.read())||this.__patterns.handlebars.read(),i=this._create_token(_.COMMENT,n)):(n=this.__patterns.handlebars_open.read(),i=this._create_token(_.TAG_OPEN,n))),i},p.prototype._read_close=function(t,e){var n=null,i=null;return e&&("<"===e.text[0]&&(">"===t||"/"===t&&">"===this._input.peek(1))?(n=this._input.next(),"/"===t&&(n+=this._input.next()),i=this._create_token(_.TAG_CLOSE,n)):"{"===e.text[0]&&"}"===t&&"}"===this._input.peek(1)&&(this._input.next(),this._input.next(),i=this._create_token(_.TAG_CLOSE,"}}"))),i},p.prototype._read_attribute=function(t,e,n){var i=null,r="";if(n&&"<"===n.text[0])if("="===t)i=this._create_token(_.EQUALS,this._input.next());else if('"'===t||"'"===t){var s=this._input.next();s+='"'===t?this.__patterns.double_quote.read():this.__patterns.single_quote.read(),i=this._create_token(_.VALUE,s)}else(r=this.__patterns.attribute.read())&&(i=e.type===_.EQUALS?this._create_token(_.VALUE,r):this._create_token(_.ATTRIBUTE,r));return i},p.prototype._is_content_unformatted=function(t){return-1===this._options.void_elements.indexOf(t)&&(-1!==this._options.content_unformatted.indexOf(t)||-1!==this._options.unformatted.indexOf(t))},p.prototype._read_raw_content=function(t,e,n){var i="";if(n&&"{"===n.text[0])i=this.__patterns.handlebars_raw_close.read();else if(e.type===_.TAG_CLOSE&&"<"===e.opened.text[0]&&"/"!==e.text[0]){var r=e.opened.text.substr(1).toLowerCase();if("script"===r||"style"===r){var s=this._read_comment_or_cdata(t);if(s)return s.type=_.TEXT,s;i=this._input.readUntil(new RegExp("</"+r+"[\\n\\r\\t ]*?>","ig"))}else this._is_content_unformatted(r)&&(i=this._input.readUntil(new RegExp("</"+r+"[\\n\\r\\t ]*?>","ig")))}return i?this._create_token(_.TEXT,i):null},p.prototype._read_content_word=function(t){var e="";if(this._options.unformatted_content_delimiter&&t===this._options.unformatted_content_delimiter[0]&&(e=this.__patterns.unformatted_content_delimiter.read()),e||(e=this.__patterns.word.read()),e)return this._create_token(_.TEXT,e)},t.exports.Tokenizer=p,t.exports.TOKEN=_}],e={};var n=function n(i){var r=e[i];if(void 0!==r)return r.exports;var s=e[i]={exports:{}};return t[i](s,s.exports,n),s.exports}(18);a=n}();var o=a;i=[n,n(382),n(383)],r=function(t){var e=n(382),i=n(383);return{html_beautify:function(t,n){return o(t,n,e.js_beautify,i.css_beautify)}}}.apply(e,i),void 0===r||(t.exports=r)}()},382:function(t,e){var n;function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}!function(){var r;!function(){"use strict";var t=[function(t,e,n){var i=n(1).Beautifier,r=n(5).Options;t.exports=function(t,e){return new i(t,e).beautify()},t.exports.defaultOptions=function(){return new r}},function(t,e,n){var i=n(2).Output,r=n(3).Token,s=n(4),a=n(5).Options,o=n(7).Tokenizer,_=n(7).line_starters,u=n(7).positionable_operators,p=n(7).TOKEN;function l(t,e){return-1!==e.indexOf(t)}function h(t,e){return t&&t.type===p.RESERVED&&t.text===e}function c(t,e){return t&&t.type===p.RESERVED&&l(t.text,e)}var d=["case","return","do","if","throw","else","await","break","continue","async"],f=function(t){for(var e={},n=0;n<t.length;n++)e[t[n].replace(/-/g,"_")]=t[n];return e}(["before-newline","after-newline","preserve-newline"]),g=[f.before_newline,f.preserve_newline],m="BlockStatement",y="Statement",b="ObjectLiteral",v="ArrayLiteral",k="ForInitializer",w="Conditional",x="Expression";function S(t,e){e.multiline_frame||e.mode===k||e.mode===w||t.remove_indent(e.start_line_index)}function E(t){return t===v}function O(t){return l(t,[x,k,w])}function P(t,e){e=e||{},this._source_text=t||"",this._output=null,this._tokens=null,this._last_last_text=null,this._flags=null,this._previous_flags=null,this._flag_store=null,this._options=new a(e)}P.prototype.create_flags=function(t,e){var n=0;return t&&(n=t.indentation_level,!this._output.just_added_newline()&&t.line_indent_level>n&&(n=t.line_indent_level)),{mode:e,parent:t,last_token:t?t.last_token:new r(p.START_BLOCK,""),last_word:t?t.last_word:"",declaration_statement:!1,declaration_assignment:!1,multiline_frame:!1,inline_frame:!1,if_block:!1,else_block:!1,class_start_block:!1,do_block:!1,do_while:!1,import_block:!1,in_case_statement:!1,in_case:!1,case_body:!1,case_block:!1,indentation_level:n,alignment:0,line_indent_level:t?t.line_indent_level:n,start_line_index:this._output.get_line_number(),ternary_depth:0}},P.prototype._reset=function(t){var e=t.match(/^[\t ]*/)[0];this._last_last_text="",this._output=new i(this._options,e),this._output.raw=this._options.test_output_raw,this._flag_store=[],this.set_mode(m);var n=new o(t,this._options);return this._tokens=n.tokenize(),t},P.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._reset(this._source_text),e=this._options.eol;"auto"===this._options.eol&&(e="\n",t&&s.lineBreak.test(t||"")&&(e=t.match(s.lineBreak)[0]));for(var n=this._tokens.next();n;)this.handle_token(n),this._last_last_text=this._flags.last_token.text,this._flags.last_token=n,n=this._tokens.next();return this._output.get_code(e)},P.prototype.handle_token=function(t,e){t.type===p.START_EXPR?this.handle_start_expr(t):t.type===p.END_EXPR?this.handle_end_expr(t):t.type===p.START_BLOCK?this.handle_start_block(t):t.type===p.END_BLOCK?this.handle_end_block(t):t.type===p.WORD||t.type===p.RESERVED?this.handle_word(t):t.type===p.SEMICOLON?this.handle_semicolon(t):t.type===p.STRING?this.handle_string(t):t.type===p.EQUALS?this.handle_equals(t):t.type===p.OPERATOR?this.handle_operator(t):t.type===p.COMMA?this.handle_comma(t):t.type===p.BLOCK_COMMENT?this.handle_block_comment(t,e):t.type===p.COMMENT?this.handle_comment(t,e):t.type===p.DOT?this.handle_dot(t):t.type===p.EOF?this.handle_eof(t):(t.type,p.UNKNOWN,this.handle_unknown(t,e))},P.prototype.handle_whitespace_and_comments=function(t,e){var n=t.newlines,i=this._options.keep_array_indentation&&E(this._flags.mode);if(t.comments_before)for(var r=t.comments_before.next();r;)this.handle_whitespace_and_comments(r,e),this.handle_token(r,e),r=t.comments_before.next();if(i)for(var s=0;s<n;s+=1)this.print_newline(s>0,e);else if(this._options.max_preserve_newlines&&n>this._options.max_preserve_newlines&&(n=this._options.max_preserve_newlines),this._options.preserve_newlines&&n>1){this.print_newline(!1,e);for(var a=1;a<n;a+=1)this.print_newline(!0,e)}};var A=["async","break","continue","return","throw","yield"];P.prototype.allow_wrap_or_preserved_newline=function(t,e){if(e=void 0!==e&&e,!this._output.just_added_newline()){var n=this._options.preserve_newlines&&t.newlines||e;if(l(this._flags.last_token.text,u)||l(t.text,u)){var i=l(this._flags.last_token.text,u)&&l(this._options.operator_position,g)||l(t.text,u);n=n&&i}if(n)this.print_newline(!1,!0);else if(this._options.wrap_line_length){if(c(this._flags.last_token,A))return;this._output.set_wrap_point()}}},P.prototype.print_newline=function(t,e){if(!e&&";"!==this._flags.last_token.text&&","!==this._flags.last_token.text&&"="!==this._flags.last_token.text&&(this._flags.last_token.type!==p.OPERATOR||"--"===this._flags.last_token.text||"++"===this._flags.last_token.text))for(var n=this._tokens.peek();!(this._flags.mode!==y||this._flags.if_block&&h(n,"else")||this._flags.do_block);)this.restore_mode();this._output.add_new_line(t)&&(this._flags.multiline_frame=!0)},P.prototype.print_token_line_indentation=function(t){this._output.just_added_newline()&&(this._options.keep_array_indentation&&t.newlines&&("["===t.text||E(this._flags.mode))?(this._output.current_line.set_indent(-1),this._output.current_line.push(t.whitespace_before),this._output.space_before_token=!1):this._output.set_indent(this._flags.indentation_level,this._flags.alignment)&&(this._flags.line_indent_level=this._flags.indentation_level))},P.prototype.print_token=function(t){if(this._output.raw)this._output.add_raw_token(t);else{if(this._options.comma_first&&t.previous&&t.previous.type===p.COMMA&&this._output.just_added_newline()&&","===this._output.previous_line.last()){var e=this._output.previous_line.pop();this._output.previous_line.is_empty()&&(this._output.previous_line.push(e),this._output.trim(!0),this._output.current_line.pop(),this._output.trim()),this.print_token_line_indentation(t),this._output.add_token(","),this._output.space_before_token=!0}this.print_token_line_indentation(t),this._output.non_breaking_space=!0,this._output.add_token(t.text),this._output.previous_token_wrapped&&(this._flags.multiline_frame=!0)}},P.prototype.indent=function(){this._flags.indentation_level+=1,this._output.set_indent(this._flags.indentation_level,this._flags.alignment)},P.prototype.deindent=function(){this._flags.indentation_level>0&&(!this._flags.parent||this._flags.indentation_level>this._flags.parent.indentation_level)&&(this._flags.indentation_level-=1,this._output.set_indent(this._flags.indentation_level,this._flags.alignment))},P.prototype.set_mode=function(t){this._flags?(this._flag_store.push(this._flags),this._previous_flags=this._flags):this._previous_flags=this.create_flags(null,t),this._flags=this.create_flags(this._previous_flags,t),this._output.set_indent(this._flags.indentation_level,this._flags.alignment)},P.prototype.restore_mode=function(){this._flag_store.length>0&&(this._previous_flags=this._flags,this._flags=this._flag_store.pop(),this._previous_flags.mode===y&&S(this._output,this._previous_flags),this._output.set_indent(this._flags.indentation_level,this._flags.alignment))},P.prototype.start_of_object_property=function(){return this._flags.parent.mode===b&&this._flags.mode===y&&(":"===this._flags.last_token.text&&0===this._flags.ternary_depth||c(this._flags.last_token,["get","set"]))},P.prototype.start_of_statement=function(t){var e=!1;return!!(e=(e=(e=(e=(e=(e=(e=e||c(this._flags.last_token,["var","let","const"])&&t.type===p.WORD)||h(this._flags.last_token,"do"))||!(this._flags.parent.mode===b&&this._flags.mode===y)&&c(this._flags.last_token,A)&&!t.newlines)||h(this._flags.last_token,"else")&&!(h(t,"if")&&!t.comments_before))||this._flags.last_token.type===p.END_EXPR&&(this._previous_flags.mode===k||this._previous_flags.mode===w))||this._flags.last_token.type===p.WORD&&this._flags.mode===m&&!this._flags.in_case&&!("--"===t.text||"++"===t.text)&&"function"!==this._last_last_text&&t.type!==p.WORD&&t.type!==p.RESERVED)||this._flags.mode===b&&(":"===this._flags.last_token.text&&0===this._flags.ternary_depth||c(this._flags.last_token,["get","set"])))&&(this.set_mode(y),this.indent(),this.handle_whitespace_and_comments(t,!0),this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t,c(t,["do","for","if","while"])),!0)},P.prototype.handle_start_expr=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t);var e=x;if("["===t.text){if(this._flags.last_token.type===p.WORD||")"===this._flags.last_token.text)return c(this._flags.last_token,_)&&(this._output.space_before_token=!0),this.print_token(t),this.set_mode(e),this.indent(),void(this._options.space_in_paren&&(this._output.space_before_token=!0));e=v,E(this._flags.mode)&&("["!==this._flags.last_token.text&&(","!==this._flags.last_token.text||"]"!==this._last_last_text&&"}"!==this._last_last_text)||this._options.keep_array_indentation||this.print_newline()),l(this._flags.last_token.type,[p.START_EXPR,p.END_EXPR,p.WORD,p.OPERATOR,p.DOT])||(this._output.space_before_token=!0)}else{if(this._flags.last_token.type===p.RESERVED)"for"===this._flags.last_token.text?(this._output.space_before_token=this._options.space_before_conditional,e=k):l(this._flags.last_token.text,["if","while","switch"])?(this._output.space_before_token=this._options.space_before_conditional,e=w):l(this._flags.last_word,["await","async"])?this._output.space_before_token=!0:"import"===this._flags.last_token.text&&""===t.whitespace_before?this._output.space_before_token=!1:(l(this._flags.last_token.text,_)||"catch"===this._flags.last_token.text)&&(this._output.space_before_token=!0);else if(this._flags.last_token.type===p.EQUALS||this._flags.last_token.type===p.OPERATOR)this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t);else if(this._flags.last_token.type===p.WORD){this._output.space_before_token=!1;var n=this._tokens.peek(-3);if(this._options.space_after_named_function&&n){var i=this._tokens.peek(-4);c(n,["async","function"])||"*"===n.text&&c(i,["async","function"])?this._output.space_before_token=!0:this._flags.mode===b?"{"!==n.text&&","!==n.text&&("*"!==n.text||"{"!==i.text&&","!==i.text)||(this._output.space_before_token=!0):this._flags.parent&&this._flags.parent.class_start_block&&(this._output.space_before_token=!0)}}else this.allow_wrap_or_preserved_newline(t);(this._flags.last_token.type===p.RESERVED&&("function"===this._flags.last_word||"typeof"===this._flags.last_word)||"*"===this._flags.last_token.text&&(l(this._last_last_text,["function","yield"])||this._flags.mode===b&&l(this._last_last_text,["{",","])))&&(this._output.space_before_token=this._options.space_after_anon_function)}";"===this._flags.last_token.text||this._flags.last_token.type===p.START_BLOCK?this.print_newline():this._flags.last_token.type!==p.END_EXPR&&this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.END_BLOCK&&"."!==this._flags.last_token.text&&this._flags.last_token.type!==p.COMMA||this.allow_wrap_or_preserved_newline(t,t.newlines),this.print_token(t),this.set_mode(e),this._options.space_in_paren&&(this._output.space_before_token=!0),this.indent()},P.prototype.handle_end_expr=function(t){for(;this._flags.mode===y;)this.restore_mode();this.handle_whitespace_and_comments(t),this._flags.multiline_frame&&this.allow_wrap_or_preserved_newline(t,"]"===t.text&&E(this._flags.mode)&&!this._options.keep_array_indentation),this._options.space_in_paren&&(this._flags.last_token.type!==p.START_EXPR||this._options.space_in_empty_paren?this._output.space_before_token=!0:(this._output.trim(),this._output.space_before_token=!1)),this.deindent(),this.print_token(t),this.restore_mode(),S(this._output,this._previous_flags),this._flags.do_while&&this._previous_flags.mode===w&&(this._previous_flags.mode=x,this._flags.do_block=!1,this._flags.do_while=!1)},P.prototype.handle_start_block=function(t){this.handle_whitespace_and_comments(t);var e=this._tokens.peek(),n=this._tokens.peek(1);"switch"===this._flags.last_word&&this._flags.last_token.type===p.END_EXPR?(this.set_mode(m),this._flags.in_case_statement=!0):this._flags.case_body?this.set_mode(m):n&&(l(n.text,[":",","])&&l(e.type,[p.STRING,p.WORD,p.RESERVED])||l(e.text,["get","set","..."])&&l(n.type,[p.WORD,p.RESERVED]))?l(this._last_last_text,["class","interface"])&&!l(n.text,[":",","])?this.set_mode(m):this.set_mode(b):this._flags.last_token.type===p.OPERATOR&&"=>"===this._flags.last_token.text?this.set_mode(m):l(this._flags.last_token.type,[p.EQUALS,p.START_EXPR,p.COMMA,p.OPERATOR])||c(this._flags.last_token,["return","throw","import","default"])?this.set_mode(b):this.set_mode(m),this._flags.last_token&&c(this._flags.last_token.previous,["class","extends"])&&(this._flags.class_start_block=!0);var i=!e.comments_before&&"}"===e.text,r=i&&"function"===this._flags.last_word&&this._flags.last_token.type===p.END_EXPR;if(this._options.brace_preserve_inline){var s=0,a=null;this._flags.inline_frame=!0;do{if(s+=1,(a=this._tokens.peek(s-1)).newlines){this._flags.inline_frame=!1;break}}while(a.type!==p.EOF&&(a.type!==p.END_BLOCK||a.opened!==t))}("expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines)&&!this._flags.inline_frame?this._flags.last_token.type!==p.OPERATOR&&(r||this._flags.last_token.type===p.EQUALS||c(this._flags.last_token,d)&&"else"!==this._flags.last_token.text)?this._output.space_before_token=!0:this.print_newline(!1,!0):(!E(this._previous_flags.mode)||this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.COMMA||((this._flags.last_token.type===p.COMMA||this._options.space_in_paren)&&(this._output.space_before_token=!0),(this._flags.last_token.type===p.COMMA||this._flags.last_token.type===p.START_EXPR&&this._flags.inline_frame)&&(this.allow_wrap_or_preserved_newline(t),this._previous_flags.multiline_frame=this._previous_flags.multiline_frame||this._flags.multiline_frame,this._flags.multiline_frame=!1)),this._flags.last_token.type!==p.OPERATOR&&this._flags.last_token.type!==p.START_EXPR&&(this._flags.last_token.type!==p.START_BLOCK||this._flags.inline_frame?this._output.space_before_token=!0:this.print_newline())),this.print_token(t),this.indent(),i||this._options.brace_preserve_inline&&this._flags.inline_frame||this.print_newline()},P.prototype.handle_end_block=function(t){for(this.handle_whitespace_and_comments(t);this._flags.mode===y;)this.restore_mode();var e=this._flags.last_token.type===p.START_BLOCK;this._flags.inline_frame&&!e?this._output.space_before_token=!0:"expand"===this._options.brace_style?e||this.print_newline():e||(E(this._flags.mode)&&this._options.keep_array_indentation?(this._options.keep_array_indentation=!1,this.print_newline(),this._options.keep_array_indentation=!0):this.print_newline()),this.restore_mode(),this.print_token(t)},P.prototype.handle_word=function(t){if(t.type===p.RESERVED)if(l(t.text,["set","get"])&&this._flags.mode!==b)t.type=p.WORD;else if("import"===t.text&&l(this._tokens.peek().text,["(","."]))t.type=p.WORD;else if(l(t.text,["as","from"])&&!this._flags.import_block)t.type=p.WORD;else if(this._flags.mode===b){":"===this._tokens.peek().text&&(t.type=p.WORD)}if(this.start_of_statement(t)?c(this._flags.last_token,["var","let","const"])&&t.type===p.WORD&&(this._flags.declaration_statement=!0):!t.newlines||O(this._flags.mode)||this._flags.last_token.type===p.OPERATOR&&"--"!==this._flags.last_token.text&&"++"!==this._flags.last_token.text||this._flags.last_token.type===p.EQUALS||!this._options.preserve_newlines&&c(this._flags.last_token,["var","let","const","set","get"])?this.handle_whitespace_and_comments(t):(this.handle_whitespace_and_comments(t),this.print_newline()),this._flags.do_block&&!this._flags.do_while){if(h(t,"while"))return this._output.space_before_token=!0,this.print_token(t),this._output.space_before_token=!0,void(this._flags.do_while=!0);this.print_newline(),this._flags.do_block=!1}if(this._flags.if_block)if(!this._flags.else_block&&h(t,"else"))this._flags.else_block=!0;else{for(;this._flags.mode===y;)this.restore_mode();this._flags.if_block=!1,this._flags.else_block=!1}if(this._flags.in_case_statement&&c(t,["case","default"]))return this.print_newline(),this._flags.case_block||!this._flags.case_body&&!this._options.jslint_happy||this.deindent(),this._flags.case_body=!1,this.print_token(t),void(this._flags.in_case=!0);if(this._flags.last_token.type!==p.COMMA&&this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.EQUALS&&this._flags.last_token.type!==p.OPERATOR||this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t),h(t,"function"))return(l(this._flags.last_token.text,["}",";"])||this._output.just_added_newline()&&!l(this._flags.last_token.text,["(","[","{",":","=",","])&&this._flags.last_token.type!==p.OPERATOR)&&(this._output.just_added_blankline()||t.comments_before||(this.print_newline(),this.print_newline(!0))),this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD?c(this._flags.last_token,["get","set","new","export"])||c(this._flags.last_token,A)||h(this._flags.last_token,"default")&&"export"===this._last_last_text||"declare"===this._flags.last_token.text?this._output.space_before_token=!0:this.print_newline():this._flags.last_token.type===p.OPERATOR||"="===this._flags.last_token.text?this._output.space_before_token=!0:(this._flags.multiline_frame||!O(this._flags.mode)&&!E(this._flags.mode))&&this.print_newline(),this.print_token(t),void(this._flags.last_word=t.text);var e="NONE";(this._flags.last_token.type===p.END_BLOCK?this._previous_flags.inline_frame?e="SPACE":c(t,["else","catch","finally","from"])?"expand"===this._options.brace_style||"end-expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines?e="NEWLINE":(e="SPACE",this._output.space_before_token=!0):e="NEWLINE":this._flags.last_token.type===p.SEMICOLON&&this._flags.mode===m?e="NEWLINE":this._flags.last_token.type===p.SEMICOLON&&O(this._flags.mode)?e="SPACE":this._flags.last_token.type===p.STRING?e="NEWLINE":this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD||"*"===this._flags.last_token.text&&(l(this._last_last_text,["function","yield"])||this._flags.mode===b&&l(this._last_last_text,["{",","]))?e="SPACE":this._flags.last_token.type===p.START_BLOCK?e=this._flags.inline_frame?"SPACE":"NEWLINE":this._flags.last_token.type===p.END_EXPR&&(this._output.space_before_token=!0,e="NEWLINE"),c(t,_)&&")"!==this._flags.last_token.text&&(e=this._flags.inline_frame||"else"===this._flags.last_token.text||"export"===this._flags.last_token.text?"SPACE":"NEWLINE"),c(t,["else","catch","finally"]))?(this._flags.last_token.type!==p.END_BLOCK||this._previous_flags.mode!==m||"expand"===this._options.brace_style||"end-expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines)&&!this._flags.inline_frame?this.print_newline():(this._output.trim(!0),"}"!==this._output.current_line.last()&&this.print_newline(),this._output.space_before_token=!0):"NEWLINE"===e?c(this._flags.last_token,d)||"declare"===this._flags.last_token.text&&c(t,["var","let","const"])?this._output.space_before_token=!0:this._flags.last_token.type!==p.END_EXPR?this._flags.last_token.type===p.START_EXPR&&c(t,["var","let","const"])||":"===this._flags.last_token.text||(h(t,"if")&&h(t.previous,"else")?this._output.space_before_token=!0:this.print_newline()):c(t,_)&&")"!==this._flags.last_token.text&&this.print_newline():this._flags.multiline_frame&&E(this._flags.mode)&&","===this._flags.last_token.text&&"}"===this._last_last_text?this.print_newline():"SPACE"===e&&(this._output.space_before_token=!0);!t.previous||t.previous.type!==p.WORD&&t.previous.type!==p.RESERVED||(this._output.space_before_token=!0),this.print_token(t),this._flags.last_word=t.text,t.type===p.RESERVED&&("do"===t.text?this._flags.do_block=!0:"if"===t.text?this._flags.if_block=!0:"import"===t.text?this._flags.import_block=!0:this._flags.import_block&&h(t,"from")&&(this._flags.import_block=!1))},P.prototype.handle_semicolon=function(t){this.start_of_statement(t)?this._output.space_before_token=!1:this.handle_whitespace_and_comments(t);for(var e=this._tokens.peek();!(this._flags.mode!==y||this._flags.if_block&&h(e,"else")||this._flags.do_block);)this.restore_mode();this._flags.import_block&&(this._flags.import_block=!1),this.print_token(t)},P.prototype.handle_string=function(t){(!t.text.startsWith("`")||0!==t.newlines||""!==t.whitespace_before||")"!==t.previous.text&&this._flags.last_token.type!==p.WORD)&&(this.start_of_statement(t)?this._output.space_before_token=!0:(this.handle_whitespace_and_comments(t),this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD||this._flags.inline_frame?this._output.space_before_token=!0:this._flags.last_token.type===p.COMMA||this._flags.last_token.type===p.START_EXPR||this._flags.last_token.type===p.EQUALS||this._flags.last_token.type===p.OPERATOR?this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t):!t.text.startsWith("`")||this._flags.last_token.type!==p.END_EXPR||"]"!==t.previous.text&&")"!==t.previous.text||0!==t.newlines?this.print_newline():this._output.space_before_token=!0)),this.print_token(t)},P.prototype.handle_equals=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t),this._flags.declaration_statement&&(this._flags.declaration_assignment=!0),this._output.space_before_token=!0,this.print_token(t),this._output.space_before_token=!0},P.prototype.handle_comma=function(t){this.handle_whitespace_and_comments(t,!0),this.print_token(t),this._output.space_before_token=!0,this._flags.declaration_statement?(O(this._flags.parent.mode)&&(this._flags.declaration_assignment=!1),this._flags.declaration_assignment?(this._flags.declaration_assignment=!1,this.print_newline(!1,!0)):this._options.comma_first&&this.allow_wrap_or_preserved_newline(t)):this._flags.mode===b||this._flags.mode===y&&this._flags.parent.mode===b?(this._flags.mode===y&&this.restore_mode(),this._flags.inline_frame||this.print_newline()):this._options.comma_first&&this.allow_wrap_or_preserved_newline(t)},P.prototype.handle_operator=function(t){var e="*"===t.text&&(c(this._flags.last_token,["function","yield"])||l(this._flags.last_token.type,[p.START_BLOCK,p.COMMA,p.END_BLOCK,p.SEMICOLON])),n=l(t.text,["-","+"])&&(l(this._flags.last_token.type,[p.START_BLOCK,p.START_EXPR,p.EQUALS,p.OPERATOR])||l(this._flags.last_token.text,_)||","===this._flags.last_token.text);if(this.start_of_statement(t));else{var i=!e;this.handle_whitespace_and_comments(t,i)}if("*"!==t.text||this._flags.last_token.type!==p.DOT)if("::"!==t.text){if(this._flags.last_token.type===p.OPERATOR&&l(this._options.operator_position,g)&&this.allow_wrap_or_preserved_newline(t),":"===t.text&&this._flags.in_case)return this.print_token(t),this._flags.in_case=!1,this._flags.case_body=!0,void(this._tokens.peek().type!==p.START_BLOCK?(this.indent(),this.print_newline(),this._flags.case_block=!1):(this._flags.case_block=!0,this._output.space_before_token=!0));var r=!0,s=!0,a=!1;if(":"===t.text?0===this._flags.ternary_depth?r=!1:(this._flags.ternary_depth-=1,a=!0):"?"===t.text&&(this._flags.ternary_depth+=1),!n&&!e&&this._options.preserve_newlines&&l(t.text,u)){var o=":"===t.text,h=o&&a,b=o&&!a;switch(this._options.operator_position){case f.before_newline:return this._output.space_before_token=!b,this.print_token(t),o&&!h||this.allow_wrap_or_preserved_newline(t),void(this._output.space_before_token=!0);case f.after_newline:return this._output.space_before_token=!0,!o||h?this._tokens.peek().newlines?this.print_newline(!1,!0):this.allow_wrap_or_preserved_newline(t):this._output.space_before_token=!1,this.print_token(t),void(this._output.space_before_token=!0);case f.preserve_newline:return b||this.allow_wrap_or_preserved_newline(t),r=!(this._output.just_added_newline()||b),this._output.space_before_token=r,this.print_token(t),void(this._output.space_before_token=!0)}}if(e){this.allow_wrap_or_preserved_newline(t),r=!1;var v=this._tokens.peek();s=v&&l(v.type,[p.WORD,p.RESERVED])}else if("..."===t.text)this.allow_wrap_or_preserved_newline(t),r=this._flags.last_token.type===p.START_BLOCK,s=!1;else if(l(t.text,["--","++","!","~"])||n){if(this._flags.last_token.type!==p.COMMA&&this._flags.last_token.type!==p.START_EXPR||this.allow_wrap_or_preserved_newline(t),r=!1,s=!1,t.newlines&&("--"===t.text||"++"===t.text||"~"===t.text)){var k=c(this._flags.last_token,d)&&t.newlines;k&&(this._previous_flags.if_block||this._previous_flags.else_block)&&this.restore_mode(),this.print_newline(k,!0)}";"===this._flags.last_token.text&&O(this._flags.mode)&&(r=!0),this._flags.last_token.type===p.RESERVED?r=!0:this._flags.last_token.type===p.END_EXPR?r=!("]"===this._flags.last_token.text&&("--"===t.text||"++"===t.text)):this._flags.last_token.type===p.OPERATOR&&(r=l(t.text,["--","-","++","+"])&&l(this._flags.last_token.text,["--","-","++","+"]),l(t.text,["+","-"])&&l(this._flags.last_token.text,["--","++"])&&(s=!0)),(this._flags.mode!==m||this._flags.inline_frame)&&this._flags.mode!==y||"{"!==this._flags.last_token.text&&";"!==this._flags.last_token.text||this.print_newline()}this._output.space_before_token=this._output.space_before_token||r,this.print_token(t),this._output.space_before_token=s}else this.print_token(t);else this.print_token(t)},P.prototype.handle_block_comment=function(t,e){return this._output.raw?(this._output.add_raw_token(t),void(t.directives&&"end"===t.directives.preserve&&(this._output.raw=this._options.test_output_raw))):t.directives?(this.print_newline(!1,e),this.print_token(t),"start"===t.directives.preserve&&(this._output.raw=!0),void this.print_newline(!1,!0)):s.newline.test(t.text)||t.newlines?void this.print_block_commment(t,e):(this._output.space_before_token=!0,this.print_token(t),void(this._output.space_before_token=!0))},P.prototype.print_block_commment=function(t,e){var n,i=function(t){for(var e=[],n=(t=t.replace(s.allLineBreaks,"\n")).indexOf("\n");-1!==n;)e.push(t.substring(0,n)),n=(t=t.substring(n+1)).indexOf("\n");return t.length&&e.push(t),e}(t.text),r=!1,a=!1,o=t.whitespace_before,_=o.length;if(this.print_newline(!1,e),this.print_token_line_indentation(t),this._output.add_token(i[0]),this.print_newline(!1,e),i.length>1){for(r=function(t,e){for(var n=0;n<t.length;n++)if(t[n].trim().charAt(0)!==e)return!1;return!0}(i=i.slice(1),"*"),a=function(t,e){for(var n,i=0,r=t.length;i<r;i++)if((n=t[i])&&0!==n.indexOf(e))return!1;return!0}(i,o),r&&(this._flags.alignment=1),n=0;n<i.length;n++)r?(this.print_token_line_indentation(t),this._output.add_token(i[n].replace(/^\s+/g,""))):a&&i[n]?(this.print_token_line_indentation(t),this._output.add_token(i[n].substring(_))):(this._output.current_line.set_indent(-1),this._output.add_token(i[n])),this.print_newline(!1,e);this._flags.alignment=0}},P.prototype.handle_comment=function(t,e){t.newlines?this.print_newline(!1,e):this._output.trim(!0),this._output.space_before_token=!0,this.print_token(t),this.print_newline(!1,e)},P.prototype.handle_dot=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t,!0),this._flags.last_token.text.match("^[0-9]+$")&&(this._output.space_before_token=!0),c(this._flags.last_token,d)?this._output.space_before_token=!1:this.allow_wrap_or_preserved_newline(t,")"===this._flags.last_token.text&&this._options.break_chained_methods),this._options.unindent_chained_methods&&this._output.just_added_newline()&&this.deindent(),this.print_token(t)},P.prototype.handle_unknown=function(t,e){this.print_token(t),"\n"===t.text[t.text.length-1]&&this.print_newline(!1,e)},P.prototype.handle_eof=function(t){for(;this._flags.mode===y;)this.restore_mode();this.handle_whitespace_and_comments(t)},t.exports.Beautifier=P},function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var r=this.__lines[i];if(r.is_empty())break;if(0!==r.item(0).indexOf(t)&&r.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},function(t){t.exports.Token=function(t,e,n,i){this.type=t,this.text=e,this.comments_before=null,this.newlines=n||0,this.whitespace_before=i||"",this.parent=null,this.next=null,this.previous=null,this.opened=null,this.closed=null,this.directives=null}},function(t,e){var n="\\x24\\x30-\\x39\\x41-\\x5a\\x5f\\x61-\\x7a",i="\\xaa\\xb5\\xba\\xc0-\\xd6\\xd8-\\xf6\\xf8-\\u02c1\\u02c6-\\u02d1\\u02e0-\\u02e4\\u02ec\\u02ee\\u0370-\\u0374\\u0376\\u0377\\u037a-\\u037d\\u0386\\u0388-\\u038a\\u038c\\u038e-\\u03a1\\u03a3-\\u03f5\\u03f7-\\u0481\\u048a-\\u0527\\u0531-\\u0556\\u0559\\u0561-\\u0587\\u05d0-\\u05ea\\u05f0-\\u05f2\\u0620-\\u064a\\u066e\\u066f\\u0671-\\u06d3\\u06d5\\u06e5\\u06e6\\u06ee\\u06ef\\u06fa-\\u06fc\\u06ff\\u0710\\u0712-\\u072f\\u074d-\\u07a5\\u07b1\\u07ca-\\u07ea\\u07f4\\u07f5\\u07fa\\u0800-\\u0815\\u081a\\u0824\\u0828\\u0840-\\u0858\\u08a0\\u08a2-\\u08ac\\u0904-\\u0939\\u093d\\u0950\\u0958-\\u0961\\u0971-\\u0977\\u0979-\\u097f\\u0985-\\u098c\\u098f\\u0990\\u0993-\\u09a8\\u09aa-\\u09b0\\u09b2\\u09b6-\\u09b9\\u09bd\\u09ce\\u09dc\\u09dd\\u09df-\\u09e1\\u09f0\\u09f1\\u0a05-\\u0a0a\\u0a0f\\u0a10\\u0a13-\\u0a28\\u0a2a-\\u0a30\\u0a32\\u0a33\\u0a35\\u0a36\\u0a38\\u0a39\\u0a59-\\u0a5c\\u0a5e\\u0a72-\\u0a74\\u0a85-\\u0a8d\\u0a8f-\\u0a91\\u0a93-\\u0aa8\\u0aaa-\\u0ab0\\u0ab2\\u0ab3\\u0ab5-\\u0ab9\\u0abd\\u0ad0\\u0ae0\\u0ae1\\u0b05-\\u0b0c\\u0b0f\\u0b10\\u0b13-\\u0b28\\u0b2a-\\u0b30\\u0b32\\u0b33\\u0b35-\\u0b39\\u0b3d\\u0b5c\\u0b5d\\u0b5f-\\u0b61\\u0b71\\u0b83\\u0b85-\\u0b8a\\u0b8e-\\u0b90\\u0b92-\\u0b95\\u0b99\\u0b9a\\u0b9c\\u0b9e\\u0b9f\\u0ba3\\u0ba4\\u0ba8-\\u0baa\\u0bae-\\u0bb9\\u0bd0\\u0c05-\\u0c0c\\u0c0e-\\u0c10\\u0c12-\\u0c28\\u0c2a-\\u0c33\\u0c35-\\u0c39\\u0c3d\\u0c58\\u0c59\\u0c60\\u0c61\\u0c85-\\u0c8c\\u0c8e-\\u0c90\\u0c92-\\u0ca8\\u0caa-\\u0cb3\\u0cb5-\\u0cb9\\u0cbd\\u0cde\\u0ce0\\u0ce1\\u0cf1\\u0cf2\\u0d05-\\u0d0c\\u0d0e-\\u0d10\\u0d12-\\u0d3a\\u0d3d\\u0d4e\\u0d60\\u0d61\\u0d7a-\\u0d7f\\u0d85-\\u0d96\\u0d9a-\\u0db1\\u0db3-\\u0dbb\\u0dbd\\u0dc0-\\u0dc6\\u0e01-\\u0e30\\u0e32\\u0e33\\u0e40-\\u0e46\\u0e81\\u0e82\\u0e84\\u0e87\\u0e88\\u0e8a\\u0e8d\\u0e94-\\u0e97\\u0e99-\\u0e9f\\u0ea1-\\u0ea3\\u0ea5\\u0ea7\\u0eaa\\u0eab\\u0ead-\\u0eb0\\u0eb2\\u0eb3\\u0ebd\\u0ec0-\\u0ec4\\u0ec6\\u0edc-\\u0edf\\u0f00\\u0f40-\\u0f47\\u0f49-\\u0f6c\\u0f88-\\u0f8c\\u1000-\\u102a\\u103f\\u1050-\\u1055\\u105a-\\u105d\\u1061\\u1065\\u1066\\u106e-\\u1070\\u1075-\\u1081\\u108e\\u10a0-\\u10c5\\u10c7\\u10cd\\u10d0-\\u10fa\\u10fc-\\u1248\\u124a-\\u124d\\u1250-\\u1256\\u1258\\u125a-\\u125d\\u1260-\\u1288\\u128a-\\u128d\\u1290-\\u12b0\\u12b2-\\u12b5\\u12b8-\\u12be\\u12c0\\u12c2-\\u12c5\\u12c8-\\u12d6\\u12d8-\\u1310\\u1312-\\u1315\\u1318-\\u135a\\u1380-\\u138f\\u13a0-\\u13f4\\u1401-\\u166c\\u166f-\\u167f\\u1681-\\u169a\\u16a0-\\u16ea\\u16ee-\\u16f0\\u1700-\\u170c\\u170e-\\u1711\\u1720-\\u1731\\u1740-\\u1751\\u1760-\\u176c\\u176e-\\u1770\\u1780-\\u17b3\\u17d7\\u17dc\\u1820-\\u1877\\u1880-\\u18a8\\u18aa\\u18b0-\\u18f5\\u1900-\\u191c\\u1950-\\u196d\\u1970-\\u1974\\u1980-\\u19ab\\u19c1-\\u19c7\\u1a00-\\u1a16\\u1a20-\\u1a54\\u1aa7\\u1b05-\\u1b33\\u1b45-\\u1b4b\\u1b83-\\u1ba0\\u1bae\\u1baf\\u1bba-\\u1be5\\u1c00-\\u1c23\\u1c4d-\\u1c4f\\u1c5a-\\u1c7d\\u1ce9-\\u1cec\\u1cee-\\u1cf1\\u1cf5\\u1cf6\\u1d00-\\u1dbf\\u1e00-\\u1f15\\u1f18-\\u1f1d\\u1f20-\\u1f45\\u1f48-\\u1f4d\\u1f50-\\u1f57\\u1f59\\u1f5b\\u1f5d\\u1f5f-\\u1f7d\\u1f80-\\u1fb4\\u1fb6-\\u1fbc\\u1fbe\\u1fc2-\\u1fc4\\u1fc6-\\u1fcc\\u1fd0-\\u1fd3\\u1fd6-\\u1fdb\\u1fe0-\\u1fec\\u1ff2-\\u1ff4\\u1ff6-\\u1ffc\\u2071\\u207f\\u2090-\\u209c\\u2102\\u2107\\u210a-\\u2113\\u2115\\u2119-\\u211d\\u2124\\u2126\\u2128\\u212a-\\u212d\\u212f-\\u2139\\u213c-\\u213f\\u2145-\\u2149\\u214e\\u2160-\\u2188\\u2c00-\\u2c2e\\u2c30-\\u2c5e\\u2c60-\\u2ce4\\u2ceb-\\u2cee\\u2cf2\\u2cf3\\u2d00-\\u2d25\\u2d27\\u2d2d\\u2d30-\\u2d67\\u2d6f\\u2d80-\\u2d96\\u2da0-\\u2da6\\u2da8-\\u2dae\\u2db0-\\u2db6\\u2db8-\\u2dbe\\u2dc0-\\u2dc6\\u2dc8-\\u2dce\\u2dd0-\\u2dd6\\u2dd8-\\u2dde\\u2e2f\\u3005-\\u3007\\u3021-\\u3029\\u3031-\\u3035\\u3038-\\u303c\\u3041-\\u3096\\u309d-\\u309f\\u30a1-\\u30fa\\u30fc-\\u30ff\\u3105-\\u312d\\u3131-\\u318e\\u31a0-\\u31ba\\u31f0-\\u31ff\\u3400-\\u4db5\\u4e00-\\u9fcc\\ua000-\\ua48c\\ua4d0-\\ua4fd\\ua500-\\ua60c\\ua610-\\ua61f\\ua62a\\ua62b\\ua640-\\ua66e\\ua67f-\\ua697\\ua6a0-\\ua6ef\\ua717-\\ua71f\\ua722-\\ua788\\ua78b-\\ua78e\\ua790-\\ua793\\ua7a0-\\ua7aa\\ua7f8-\\ua801\\ua803-\\ua805\\ua807-\\ua80a\\ua80c-\\ua822\\ua840-\\ua873\\ua882-\\ua8b3\\ua8f2-\\ua8f7\\ua8fb\\ua90a-\\ua925\\ua930-\\ua946\\ua960-\\ua97c\\ua984-\\ua9b2\\ua9cf\\uaa00-\\uaa28\\uaa40-\\uaa42\\uaa44-\\uaa4b\\uaa60-\\uaa76\\uaa7a\\uaa80-\\uaaaf\\uaab1\\uaab5\\uaab6\\uaab9-\\uaabd\\uaac0\\uaac2\\uaadb-\\uaadd\\uaae0-\\uaaea\\uaaf2-\\uaaf4\\uab01-\\uab06\\uab09-\\uab0e\\uab11-\\uab16\\uab20-\\uab26\\uab28-\\uab2e\\uabc0-\\uabe2\\uac00-\\ud7a3\\ud7b0-\\ud7c6\\ud7cb-\\ud7fb\\uf900-\\ufa6d\\ufa70-\\ufad9\\ufb00-\\ufb06\\ufb13-\\ufb17\\ufb1d\\ufb1f-\\ufb28\\ufb2a-\\ufb36\\ufb38-\\ufb3c\\ufb3e\\ufb40\\ufb41\\ufb43\\ufb44\\ufb46-\\ufbb1\\ufbd3-\\ufd3d\\ufd50-\\ufd8f\\ufd92-\\ufdc7\\ufdf0-\\ufdfb\\ufe70-\\ufe74\\ufe76-\\ufefc\\uff21-\\uff3a\\uff41-\\uff5a\\uff66-\\uffbe\\uffc2-\\uffc7\\uffca-\\uffcf\\uffd2-\\uffd7\\uffda-\\uffdc",r="\\u0300-\\u036f\\u0483-\\u0487\\u0591-\\u05bd\\u05bf\\u05c1\\u05c2\\u05c4\\u05c5\\u05c7\\u0610-\\u061a\\u0620-\\u0649\\u0672-\\u06d3\\u06e7-\\u06e8\\u06fb-\\u06fc\\u0730-\\u074a\\u0800-\\u0814\\u081b-\\u0823\\u0825-\\u0827\\u0829-\\u082d\\u0840-\\u0857\\u08e4-\\u08fe\\u0900-\\u0903\\u093a-\\u093c\\u093e-\\u094f\\u0951-\\u0957\\u0962-\\u0963\\u0966-\\u096f\\u0981-\\u0983\\u09bc\\u09be-\\u09c4\\u09c7\\u09c8\\u09d7\\u09df-\\u09e0\\u0a01-\\u0a03\\u0a3c\\u0a3e-\\u0a42\\u0a47\\u0a48\\u0a4b-\\u0a4d\\u0a51\\u0a66-\\u0a71\\u0a75\\u0a81-\\u0a83\\u0abc\\u0abe-\\u0ac5\\u0ac7-\\u0ac9\\u0acb-\\u0acd\\u0ae2-\\u0ae3\\u0ae6-\\u0aef\\u0b01-\\u0b03\\u0b3c\\u0b3e-\\u0b44\\u0b47\\u0b48\\u0b4b-\\u0b4d\\u0b56\\u0b57\\u0b5f-\\u0b60\\u0b66-\\u0b6f\\u0b82\\u0bbe-\\u0bc2\\u0bc6-\\u0bc8\\u0bca-\\u0bcd\\u0bd7\\u0be6-\\u0bef\\u0c01-\\u0c03\\u0c46-\\u0c48\\u0c4a-\\u0c4d\\u0c55\\u0c56\\u0c62-\\u0c63\\u0c66-\\u0c6f\\u0c82\\u0c83\\u0cbc\\u0cbe-\\u0cc4\\u0cc6-\\u0cc8\\u0cca-\\u0ccd\\u0cd5\\u0cd6\\u0ce2-\\u0ce3\\u0ce6-\\u0cef\\u0d02\\u0d03\\u0d46-\\u0d48\\u0d57\\u0d62-\\u0d63\\u0d66-\\u0d6f\\u0d82\\u0d83\\u0dca\\u0dcf-\\u0dd4\\u0dd6\\u0dd8-\\u0ddf\\u0df2\\u0df3\\u0e34-\\u0e3a\\u0e40-\\u0e45\\u0e50-\\u0e59\\u0eb4-\\u0eb9\\u0ec8-\\u0ecd\\u0ed0-\\u0ed9\\u0f18\\u0f19\\u0f20-\\u0f29\\u0f35\\u0f37\\u0f39\\u0f41-\\u0f47\\u0f71-\\u0f84\\u0f86-\\u0f87\\u0f8d-\\u0f97\\u0f99-\\u0fbc\\u0fc6\\u1000-\\u1029\\u1040-\\u1049\\u1067-\\u106d\\u1071-\\u1074\\u1082-\\u108d\\u108f-\\u109d\\u135d-\\u135f\\u170e-\\u1710\\u1720-\\u1730\\u1740-\\u1750\\u1772\\u1773\\u1780-\\u17b2\\u17dd\\u17e0-\\u17e9\\u180b-\\u180d\\u1810-\\u1819\\u1920-\\u192b\\u1930-\\u193b\\u1951-\\u196d\\u19b0-\\u19c0\\u19c8-\\u19c9\\u19d0-\\u19d9\\u1a00-\\u1a15\\u1a20-\\u1a53\\u1a60-\\u1a7c\\u1a7f-\\u1a89\\u1a90-\\u1a99\\u1b46-\\u1b4b\\u1b50-\\u1b59\\u1b6b-\\u1b73\\u1bb0-\\u1bb9\\u1be6-\\u1bf3\\u1c00-\\u1c22\\u1c40-\\u1c49\\u1c5b-\\u1c7d\\u1cd0-\\u1cd2\\u1d00-\\u1dbe\\u1e01-\\u1f15\\u200c\\u200d\\u203f\\u2040\\u2054\\u20d0-\\u20dc\\u20e1\\u20e5-\\u20f0\\u2d81-\\u2d96\\u2de0-\\u2dff\\u3021-\\u3028\\u3099\\u309a\\ua640-\\ua66d\\ua674-\\ua67d\\ua69f\\ua6f0-\\ua6f1\\ua7f8-\\ua800\\ua806\\ua80b\\ua823-\\ua827\\ua880-\\ua881\\ua8b4-\\ua8c4\\ua8d0-\\ua8d9\\ua8f3-\\ua8f7\\ua900-\\ua909\\ua926-\\ua92d\\ua930-\\ua945\\ua980-\\ua983\\ua9b3-\\ua9c0\\uaa00-\\uaa27\\uaa40-\\uaa41\\uaa4c-\\uaa4d\\uaa50-\\uaa59\\uaa7b\\uaae0-\\uaae9\\uaaf2-\\uaaf3\\uabc0-\\uabe1\\uabec\\uabed\\uabf0-\\uabf9\\ufb20-\\ufb28\\ufe00-\\ufe0f\\ufe20-\\ufe26\\ufe33\\ufe34\\ufe4d-\\ufe4f\\uff10-\\uff19\\uff3f",s="(?:\\\\u[0-9a-fA-F]{4}|[\\x23\\x24\\x40\\x41-\\x5a\\x5f\\x61-\\x7a"+i+"])",a="(?:\\\\u[0-9a-fA-F]{4}|["+n+i+r+"])*";e.identifier=new RegExp(s+a,"g"),e.identifierStart=new RegExp(s),e.identifierMatch=new RegExp("(?:\\\\u[0-9a-fA-F]{4}|["+n+i+r+"])+");e.newline=/[\n\r\u2028\u2029]/,e.lineBreak=new RegExp("\r\n|"+e.newline.source),e.allLineBreaks=new RegExp(e.lineBreak.source,"g")},function(t,e,n){var i=n(6).Options,r=["before-newline","after-newline","preserve-newline"];function s(t){i.call(this,t,"js");var e=this.raw_options.brace_style||null;"expand-strict"===e?this.raw_options.brace_style="expand":"collapse-preserve-inline"===e?this.raw_options.brace_style="collapse,preserve-inline":void 0!==this.raw_options.braces_on_own_line&&(this.raw_options.brace_style=this.raw_options.braces_on_own_line?"expand":"collapse");var n=this._get_selection_list("brace_style",["collapse","expand","end-expand","none","preserve-inline"]);this.brace_preserve_inline=!1,this.brace_style="collapse";for(var s=0;s<n.length;s++)"preserve-inline"===n[s]?this.brace_preserve_inline=!0:this.brace_style=n[s];this.unindent_chained_methods=this._get_boolean("unindent_chained_methods"),this.break_chained_methods=this._get_boolean("break_chained_methods"),this.space_in_paren=this._get_boolean("space_in_paren"),this.space_in_empty_paren=this._get_boolean("space_in_empty_paren"),this.jslint_happy=this._get_boolean("jslint_happy"),this.space_after_anon_function=this._get_boolean("space_after_anon_function"),this.space_after_named_function=this._get_boolean("space_after_named_function"),this.keep_array_indentation=this._get_boolean("keep_array_indentation"),this.space_before_conditional=this._get_boolean("space_before_conditional",!0),this.unescape_strings=this._get_boolean("unescape_strings"),this.e4x=this._get_boolean("e4x"),this.comma_first=this._get_boolean("comma_first"),this.operator_position=this._get_selection("operator_position",r),this.test_output_raw=this._get_boolean("test_output_raw"),this.jslint_happy&&(this.space_after_anon_function=!0)}s.prototype=new i,t.exports.Options=s},function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,i={};for(n in t=r(t))n!==e&&(i[n]=t[n]);if(e&&t[e])for(n in t[e])i[n]=t[e][n];return i}function r(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],r=e||[];return"object"===i(n)?null!==n&&"function"==typeof n.concat&&(r=n.concat()):"string"==typeof n&&(r=n.split(/[^a-zA-Z0-9_\/\-]+/)),r},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=r,t.exports.mergeOpts=n},function(t,e,n){var i=n(8).InputScanner,r=n(9).Tokenizer,s=n(9).TOKEN,a=n(13).Directives,o=n(4),_=n(12).Pattern,u=n(14).TemplatablePattern;function p(t,e){return-1!==e.indexOf(t)}var l={START_EXPR:"TK_START_EXPR",END_EXPR:"TK_END_EXPR",START_BLOCK:"TK_START_BLOCK",END_BLOCK:"TK_END_BLOCK",WORD:"TK_WORD",RESERVED:"TK_RESERVED",SEMICOLON:"TK_SEMICOLON",STRING:"TK_STRING",EQUALS:"TK_EQUALS",OPERATOR:"TK_OPERATOR",COMMA:"TK_COMMA",BLOCK_COMMENT:"TK_BLOCK_COMMENT",COMMENT:"TK_COMMENT",DOT:"TK_DOT",UNKNOWN:"TK_UNKNOWN",START:s.START,RAW:s.RAW,EOF:s.EOF},h=new a(/\/\*/,/\*\//),c=/0[xX][0123456789abcdefABCDEF_]*n?|0[oO][01234567_]*n?|0[bB][01_]*n?|\d[\d_]*n|(?:\.\d[\d_]*|\d[\d_]*\.?[\d_]*)(?:[eE][+-]?[\d_]+)?/,d=/[0-9]/,f=/[^\d\.]/,g=">>> === !== &&= ??= ||= << && >= ** != == <= >> || ?? |> < / - + > : & % ? ^ | *".split(" "),m=">>>= ... >>= <<= === >>> !== **= &&= ??= ||= => ^= :: /= << <= == && -= >= >> != -- += ** || ?? ++ %= &= *= |= |> = ! ? > < : / ^ - + * & % ~ |";m=(m="\\?\\.(?!\\d) "+(m=m.replace(/[-[\]{}()*+?.,\\^$|#]/g,"\\$&"))).replace(/ /g,"|");var y,b=new RegExp(m),v="continue,try,throw,return,var,let,const,if,switch,case,default,for,while,break,function,import,export".split(","),k=v.concat(["do","in","of","else","get","set","new","catch","finally","typeof","yield","async","await","from","as","class","extends"]),w=new RegExp("^(?:"+k.join("|")+")$"),x=function(t,e){r.call(this,t,e),this._patterns.whitespace=this._patterns.whitespace.matching(/\u00A0\u1680\u180e\u2000-\u200a\u202f\u205f\u3000\ufeff/.source,/\u2028\u2029/.source);var n=new _(this._input),i=new u(this._input).read_options(this._options);this.__patterns={template:i,identifier:i.starting_with(o.identifier).matching(o.identifierMatch),number:n.matching(c),punct:n.matching(b),comment:n.starting_with(/\/\//).until(/[\n\r\u2028\u2029]/),block_comment:n.starting_with(/\/\*/).until_after(/\*\//),html_comment_start:n.matching(/<!--/),html_comment_end:n.matching(/-->/),include:n.starting_with(/#include/).until_after(o.lineBreak),shebang:n.starting_with(/#!/).until_after(o.lineBreak),xml:n.matching(/[\s\S]*?<(\/?)([-a-zA-Z:0-9_.]+|{[^}]+?}|!\[CDATA\[[^\]]*?\]\]|)(\s*{[^}]+?}|\s+[-a-zA-Z:0-9_.]+|\s+[-a-zA-Z:0-9_.]+\s*=\s*('[^']*'|"[^"]*"|{([^{}]|{[^}]+?})+?}))*\s*(\/?)\s*>/),single_quote:i.until(/['\\\n\r\u2028\u2029]/),double_quote:i.until(/["\\\n\r\u2028\u2029]/),template_text:i.until(/[`\\$]/),template_expression:i.until(/[`}\\]/)}};(x.prototype=new r)._is_comment=function(t){return t.type===l.COMMENT||t.type===l.BLOCK_COMMENT||t.type===l.UNKNOWN},x.prototype._is_opening=function(t){return t.type===l.START_BLOCK||t.type===l.START_EXPR},x.prototype._is_closing=function(t,e){return(t.type===l.END_BLOCK||t.type===l.END_EXPR)&&e&&("]"===t.text&&"["===e.text||")"===t.text&&"("===e.text||"}"===t.text&&"{"===e.text)},x.prototype._reset=function(){y=!1},x.prototype._get_next_token=function(t,e){var n=null;this._readWhitespace();var i=this._input.peek();return null===i?this._create_token(l.EOF,""):n=(n=(n=(n=(n=(n=(n=(n=(n=n||this._read_non_javascript(i))||this._read_string(i))||this._read_word(t))||this._read_singles(i))||this._read_comment(i))||this._read_regexp(i,t))||this._read_xml(i,t))||this._read_punctuation())||this._create_token(l.UNKNOWN,this._input.next())},x.prototype._read_word=function(t){var e;return""!==(e=this.__patterns.identifier.read())?(e=e.replace(o.allLineBreaks,"\n"),t.type!==l.DOT&&(t.type!==l.RESERVED||"set"!==t.text&&"get"!==t.text)&&w.test(e)?"in"!==e&&"of"!==e||t.type!==l.WORD&&t.type!==l.STRING?this._create_token(l.RESERVED,e):this._create_token(l.OPERATOR,e):this._create_token(l.WORD,e)):""!==(e=this.__patterns.number.read())?this._create_token(l.WORD,e):void 0},x.prototype._read_singles=function(t){var e=null;return"("===t||"["===t?e=this._create_token(l.START_EXPR,t):")"===t||"]"===t?e=this._create_token(l.END_EXPR,t):"{"===t?e=this._create_token(l.START_BLOCK,t):"}"===t?e=this._create_token(l.END_BLOCK,t):";"===t?e=this._create_token(l.SEMICOLON,t):"."===t&&f.test(this._input.peek(1))?e=this._create_token(l.DOT,t):","===t&&(e=this._create_token(l.COMMA,t)),e&&this._input.next(),e},x.prototype._read_punctuation=function(){var t=this.__patterns.punct.read();if(""!==t)return"="===t?this._create_token(l.EQUALS,t):"?."===t?this._create_token(l.DOT,t):this._create_token(l.OPERATOR,t)},x.prototype._read_non_javascript=function(t){var e="";if("#"===t){if(this._is_first_token()&&(e=this.__patterns.shebang.read()))return this._create_token(l.UNKNOWN,e.trim()+"\n");if(e=this.__patterns.include.read())return this._create_token(l.UNKNOWN,e.trim()+"\n");t=this._input.next();var n="#";if(this._input.hasNext()&&this._input.testChar(d)){do{n+=t=this._input.next()}while(this._input.hasNext()&&"#"!==t&&"="!==t);return"#"===t||("["===this._input.peek()&&"]"===this._input.peek(1)?(n+="[]",this._input.next(),this._input.next()):"{"===this._input.peek()&&"}"===this._input.peek(1)&&(n+="{}",this._input.next(),this._input.next())),this._create_token(l.WORD,n)}this._input.back()}else if("<"===t&&this._is_first_token()){if(e=this.__patterns.html_comment_start.read()){for(;this._input.hasNext()&&!this._input.testChar(o.newline);)e+=this._input.next();return y=!0,this._create_token(l.COMMENT,e)}}else if(y&&"-"===t&&(e=this.__patterns.html_comment_end.read()))return y=!1,this._create_token(l.COMMENT,e);return null},x.prototype._read_comment=function(t){var e=null;if("/"===t){var n="";if("*"===this._input.peek(1)){n=this.__patterns.block_comment.read();var i=h.get_directives(n);i&&"start"===i.ignore&&(n+=h.readIgnored(this._input)),n=n.replace(o.allLineBreaks,"\n"),(e=this._create_token(l.BLOCK_COMMENT,n)).directives=i}else"/"===this._input.peek(1)&&(n=this.__patterns.comment.read(),e=this._create_token(l.COMMENT,n))}return e},x.prototype._read_string=function(t){if("`"===t||"'"===t||'"'===t){var e=this._input.next();return this.has_char_escapes=!1,e+="`"===t?this._read_string_recursive("`",!0,"${"):this._read_string_recursive(t),this.has_char_escapes&&this._options.unescape_strings&&(e=function(t){var e="",n=0,r=new i(t),s=null;for(;r.hasNext();)if((s=r.match(/([\s]|[^\\]|\\\\)+/g))&&(e+=s[0]),"\\"===r.peek()){if(r.next(),"x"===r.peek())s=r.match(/x([0-9A-Fa-f]{2})/g);else{if("u"!==r.peek()){e+="\\",r.hasNext()&&(e+=r.next());continue}s=r.match(/u([0-9A-Fa-f]{4})/g)}if(!s)return t;if((n=parseInt(s[1],16))>126&&n<=255&&0===s[0].indexOf("x"))return t;if(n>=0&&n<32){e+="\\"+s[0];continue}e+=34===n||39===n||92===n?"\\"+String.fromCharCode(n):String.fromCharCode(n)}return e}(e)),this._input.peek()===t&&(e+=this._input.next()),e=e.replace(o.allLineBreaks,"\n"),this._create_token(l.STRING,e)}return null},x.prototype._allow_regexp_or_xml=function(t){return t.type===l.RESERVED&&p(t.text,["return","case","throw","else","do","typeof","yield"])||t.type===l.END_EXPR&&")"===t.text&&t.opened.previous.type===l.RESERVED&&p(t.opened.previous.text,["if","while","for"])||p(t.type,[l.COMMENT,l.START_EXPR,l.START_BLOCK,l.START,l.END_BLOCK,l.OPERATOR,l.EQUALS,l.EOF,l.SEMICOLON,l.COMMA])},x.prototype._read_regexp=function(t,e){if("/"===t&&this._allow_regexp_or_xml(e)){for(var n=this._input.next(),i=!1,r=!1;this._input.hasNext()&&(i||r||this._input.peek()!==t)&&!this._input.testChar(o.newline);)n+=this._input.peek(),i?i=!1:(i="\\"===this._input.peek(),"["===this._input.peek()?r=!0:"]"===this._input.peek()&&(r=!1)),this._input.next();return this._input.peek()===t&&(n+=this._input.next(),n+=this._input.read(o.identifier)),this._create_token(l.STRING,n)}return null},x.prototype._read_xml=function(t,e){if(this._options.e4x&&"<"===t&&this._allow_regexp_or_xml(e)){var n="",i=this.__patterns.xml.read_match();if(i){for(var r=i[2].replace(/^{\s+/,"{").replace(/\s+}$/,"}"),s=0===r.indexOf("{"),a=0;i;){var _=!!i[1],u=i[2];if(!(!!i[i.length-1]||"![CDATA["===u.slice(0,8))&&(u===r||s&&u.replace(/^{\s+/,"{").replace(/\s+}$/,"}"))&&(_?--a:++a),n+=i[0],a<=0)break;i=this.__patterns.xml.read_match()}return i||(n+=this._input.match(/[\s\S]*/g)[0]),n=n.replace(o.allLineBreaks,"\n"),this._create_token(l.STRING,n)}}return null},x.prototype._read_string_recursive=function(t,e,n){var i,r;"'"===t?r=this.__patterns.single_quote:'"'===t?r=this.__patterns.double_quote:"`"===t?r=this.__patterns.template_text:"}"===t&&(r=this.__patterns.template_expression);for(var s=r.read(),a="";this._input.hasNext();){if((a=this._input.next())===t||!e&&o.newline.test(a)){this._input.back();break}"\\"===a&&this._input.hasNext()?("x"===(i=this._input.peek())||"u"===i?this.has_char_escapes=!0:"\r"===i&&"\n"===this._input.peek(1)&&this._input.next(),a+=this._input.next()):n&&("${"===n&&"$"===a&&"{"===this._input.peek()&&(a+=this._input.next()),n===a&&(a+="`"===t?this._read_string_recursive("}",e,"`"):this._read_string_recursive("`",e,"${"),this._input.hasNext()&&(a+=this._input.next()))),s+=a+=r.read()}return s},t.exports.Tokenizer=x,t.exports.TOKEN=l,t.exports.positionable_operators=g.slice(),t.exports.line_starters=v.slice()},function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,r="";return t&&(i=this.match(t))&&(r+=i[0]),!e||!i&&t||(r+=this.readUntil(e,n)),r},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var r=t.exec(this.__input);return r?(i=r.index,e&&(i+=r[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,r="g";return n&&e&&(r="y"),"string"==typeof t&&""!==t?i=new RegExp(t,r):t&&(i=new RegExp(t.source,r)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},function(t,e,n){var i=n(8).InputScanner,r=n(3).Token,s=n(10).TokenStream,a=n(11).WhitespacePattern,o={START:"TK_START",RAW:"TK_RAW",EOF:"TK_EOF"},_=function(t,e){this._input=new i(t),this._options=e||{},this.__tokens=null,this._patterns={},this._patterns.whitespace=new a(this._input)};_.prototype.tokenize=function(){var t;this._input.restart(),this.__tokens=new s,this._reset();for(var e=new r(o.START,""),n=null,i=[],a=new s;e.type!==o.EOF;){for(t=this._get_next_token(e,n);this._is_comment(t);)a.add(t),t=this._get_next_token(e,n);a.isEmpty()||(t.comments_before=a,a=new s),t.parent=n,this._is_opening(t)?(i.push(n),n=t):n&&this._is_closing(t,n)&&(t.opened=n,n.closed=t,n=i.pop(),t.parent=n),t.previous=e,e.next=t,this.__tokens.add(t),e=t}return this.__tokens},_.prototype._is_first_token=function(){return this.__tokens.isEmpty()},_.prototype._reset=function(){},_.prototype._get_next_token=function(t,e){this._readWhitespace();var n=this._input.read(/.+/g);return n?this._create_token(o.RAW,n):this._create_token(o.EOF,"")},_.prototype._is_comment=function(t){return!1},_.prototype._is_opening=function(t){return!1},_.prototype._is_closing=function(t,e){return!1},_.prototype._create_token=function(t,e){return new r(t,e,this._patterns.whitespace.newline_count,this._patterns.whitespace.whitespace_before_token)},_.prototype._readWhitespace=function(){return this._patterns.whitespace.read()},t.exports.Tokenizer=_,t.exports.TOKEN=o},function(t){function e(t){this.__tokens=[],this.__tokens_length=this.__tokens.length,this.__position=0,this.__parent_token=t}e.prototype.restart=function(){this.__position=0},e.prototype.isEmpty=function(){return 0===this.__tokens_length},e.prototype.hasNext=function(){return this.__position<this.__tokens_length},e.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__tokens[this.__position],this.__position+=1),t},e.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__tokens_length&&(e=this.__tokens[t]),e},e.prototype.add=function(t){this.__parent_token&&(t.parent=this.__parent_token),this.__tokens.push(t),this.__tokens_length+=1},t.exports.TokenStream=e},function(t,e,n){var i=n(12).Pattern;function r(t,e){i.call(this,t,e),e?this._line_regexp=this._input.get_regexp(e._line_regexp):this.__set_whitespace_patterns("",""),this.newline_count=0,this.whitespace_before_token=""}r.prototype=new i,r.prototype.__set_whitespace_patterns=function(t,e){t+="\\t ",e+="\\n\\r",this._match_pattern=this._input.get_regexp("["+t+e+"]+",!0),this._newline_regexp=this._input.get_regexp("\\r\\n|["+e+"]")},r.prototype.read=function(){this.newline_count=0,this.whitespace_before_token="";var t=this._input.read(this._match_pattern);if(" "===t)this.whitespace_before_token=" ";else if(t){var e=this.__split(this._newline_regexp,t);this.newline_count=e.length-1,this.whitespace_before_token=e[this.newline_count]}return t},r.prototype.matching=function(t,e){var n=this._create();return n.__set_whitespace_patterns(t,e),n._update(),n},r.prototype._create=function(){return new r(this._input,this)},r.prototype.__split=function(t,e){t.lastIndex=0;for(var n=0,i=[],r=t.exec(e);r;)i.push(e.substring(n,r.index)),n=r.index+r[0].length,r=t.exec(e);return n<e.length?i.push(e.substring(n,e.length)):i.push(""),i},t.exports.WhitespacePattern=r},function(t){function e(t,e){this._input=t,this._starting_pattern=null,this._match_pattern=null,this._until_pattern=null,this._until_after=!1,e&&(this._starting_pattern=this._input.get_regexp(e._starting_pattern,!0),this._match_pattern=this._input.get_regexp(e._match_pattern,!0),this._until_pattern=this._input.get_regexp(e._until_pattern),this._until_after=e._until_after)}e.prototype.read=function(){var t=this._input.read(this._starting_pattern);return this._starting_pattern&&!t||(t+=this._input.read(this._match_pattern,this._until_pattern,this._until_after)),t},e.prototype.read_match=function(){return this._input.match(this._match_pattern)},e.prototype.until_after=function(t){var e=this._create();return e._until_after=!0,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.until=function(t){var e=this._create();return e._until_after=!1,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.starting_with=function(t){var e=this._create();return e._starting_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype.matching=function(t){var e=this._create();return e._match_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype._create=function(){return new e(this._input,this)},e.prototype._update=function(){},t.exports.Pattern=e},function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},function(t,e,n){var i=n(12).Pattern,r={django:!1,erb:!1,handlebars:!1,php:!1,smarty:!1};function s(t,e){i.call(this,t,e),this.__template_pattern=null,this._disabled=Object.assign({},r),this._excluded=Object.assign({},r),e&&(this.__template_pattern=this._input.get_regexp(e.__template_pattern),this._excluded=Object.assign(this._excluded,e._excluded),this._disabled=Object.assign(this._disabled,e._disabled));var n=new i(t);this.__patterns={handlebars_comment:n.starting_with(/{{!--/).until_after(/--}}/),handlebars_unescaped:n.starting_with(/{{{/).until_after(/}}}/),handlebars:n.starting_with(/{{/).until_after(/}}/),php:n.starting_with(/<\?(?:[= ]|php)/).until_after(/\?>/),erb:n.starting_with(/<%[^%]/).until_after(/[^%]%>/),django:n.starting_with(/{%/).until_after(/%}/),django_value:n.starting_with(/{{/).until_after(/}}/),django_comment:n.starting_with(/{#/).until_after(/#}/),smarty:n.starting_with(/{(?=[^}{\s\n])/).until_after(/[^\s\n]}/),smarty_comment:n.starting_with(/{\*/).until_after(/\*}/),smarty_literal:n.starting_with(/{literal}/).until_after(/{\/literal}/)}}s.prototype=new i,s.prototype._create=function(){return new s(this._input,this)},s.prototype._update=function(){this.__set_templated_pattern()},s.prototype.disable=function(t){var e=this._create();return e._disabled[t]=!0,e._update(),e},s.prototype.read_options=function(t){var e=this._create();for(var n in r)e._disabled[n]=-1===t.templating.indexOf(n);return e._update(),e},s.prototype.exclude=function(t){var e=this._create();return e._excluded[t]=!0,e._update(),e},s.prototype.read=function(){var t="";t=this._match_pattern?this._input.read(this._starting_pattern):this._input.read(this._starting_pattern,this.__template_pattern);for(var e=this._read_template();e;)this._match_pattern?e+=this._input.read(this._match_pattern):e+=this._input.readUntil(this.__template_pattern),t+=e,e=this._read_template();return this._until_after&&(t+=this._input.readUntilAfter(this._until_pattern)),t},s.prototype.__set_templated_pattern=function(){var t=[];this._disabled.php||t.push(this.__patterns.php._starting_pattern.source),this._disabled.handlebars||t.push(this.__patterns.handlebars._starting_pattern.source),this._disabled.erb||t.push(this.__patterns.erb._starting_pattern.source),this._disabled.django||(t.push(this.__patterns.django._starting_pattern.source),t.push(this.__patterns.django_value._starting_pattern.source),t.push(this.__patterns.django_comment._starting_pattern.source)),this._disabled.smarty||t.push(this.__patterns.smarty._starting_pattern.source),this._until_pattern&&t.push(this._until_pattern.source),this.__template_pattern=this._input.get_regexp("(?:"+t.join("|")+")")},s.prototype._read_template=function(){var t="",e=this._input.peek();if("<"===e){var n=this._input.peek(1);this._disabled.php||this._excluded.php||"?"!==n||(t=t||this.__patterns.php.read()),this._disabled.erb||this._excluded.erb||"%"!==n||(t=t||this.__patterns.erb.read())}else"{"===e&&(this._disabled.handlebars||this._excluded.handlebars||(t=(t=(t=t||this.__patterns.handlebars_comment.read())||this.__patterns.handlebars_unescaped.read())||this.__patterns.handlebars.read()),this._disabled.django||(this._excluded.django||this._excluded.handlebars||(t=t||this.__patterns.django_value.read()),this._excluded.django||(t=(t=t||this.__patterns.django_comment.read())||this.__patterns.django.read())),this._disabled.smarty||this._disabled.django&&this._disabled.handlebars&&(t=(t=(t=t||this.__patterns.smarty_comment.read())||this.__patterns.smarty_literal.read())||this.__patterns.smarty.read()));return t},t.exports.TemplatablePattern=s}],e={};var n=function n(i){var r=e[i];if(void 0!==r)return r.exports;var s=e[i]={exports:{}};return t[i](s,s.exports,n),s.exports}(0);r=n}();var s=r;void 0===(n=function(){return{js_beautify:s}}.apply(e,[]))||(t.exports=n)}()},406:function(){!function(t){var e="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},i={bash:n,environment:{pattern:RegExp("\\$"+e),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+e),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};t.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+e),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},parameter:{pattern:/(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:i},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:i},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:i.entity}}],environment:{pattern:RegExp("\\$?"+e),alias:"constant"},variable:i.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=t.languages.bash;for(var r=["comment","function-name","for-or-select","assign-left","parameter","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],s=i.variable[1].inside,a=0;a<r.length;a++)s[r[a]]=t.languages.bash[r[a]];t.languages.sh=t.languages.bash,t.languages.shell=t.languages.bash}(Prism)},399:function(){Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}},219:function(t,e,n){var i=function(t){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,n=0,i={},r={manual:t.Prism&&t.Prism.manual,disableWorkerMessageHandler:t.Prism&&t.Prism.disableWorkerMessageHandler,util:{encode:function t(e){return e instanceof s?new s(e.type,t(e.content),e.alias):Array.isArray(e)?e.map(t):e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(t){return Object.prototype.toString.call(t).slice(8,-1)},objId:function(t){return t.__id||Object.defineProperty(t,"__id",{value:++n}),t.__id},clone:function t(e,n){var i,s;switch(n=n||{},r.util.type(e)){case"Object":if(s=r.util.objId(e),n[s])return n[s];for(var a in i={},n[s]=i,e)e.hasOwnProperty(a)&&(i[a]=t(e[a],n));return i;case"Array":return s=r.util.objId(e),n[s]?n[s]:(i=[],n[s]=i,e.forEach((function(e,r){i[r]=t(e,n)})),i);default:return e}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(i){var t=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(i.stack)||[])[1];if(t){var e=document.getElementsByTagName("script");for(var n in e)if(e[n].src==t)return e[n]}return null}},isActive:function(t,e,n){for(var i="no-"+e;t;){var r=t.classList;if(r.contains(e))return!0;if(r.contains(i))return!1;t=t.parentElement}return!!n}},languages:{plain:i,plaintext:i,text:i,txt:i,extend:function(t,e){var n=r.util.clone(r.languages[t]);for(var i in e)n[i]=e[i];return n},insertBefore:function(t,e,n,i){var s=(i=i||r.languages)[t],a={};for(var o in s)if(s.hasOwnProperty(o)){if(o==e)for(var _ in n)n.hasOwnProperty(_)&&(a[_]=n[_]);n.hasOwnProperty(o)||(a[o]=s[o])}var u=i[t];return i[t]=a,r.languages.DFS(r.languages,(function(e,n){n===u&&e!=t&&(this[e]=a)})),a},DFS:function t(e,n,i,s){s=s||{};var a=r.util.objId;for(var o in e)if(e.hasOwnProperty(o)){n.call(e,o,e[o],i||o);var _=e[o],u=r.util.type(_);"Object"!==u||s[a(_)]?"Array"!==u||s[a(_)]||(s[a(_)]=!0,t(_,n,o,s)):(s[a(_)]=!0,t(_,n,null,s))}}},plugins:{},highlightAll:function(t,e){r.highlightAllUnder(document,t,e)},highlightAllUnder:function(t,e,n){var i={callback:n,container:t,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};r.hooks.run("before-highlightall",i),i.elements=Array.prototype.slice.apply(i.container.querySelectorAll(i.selector)),r.hooks.run("before-all-elements-highlight",i);for(var s,a=0;s=i.elements[a++];)r.highlightElement(s,!0===e,i.callback)},highlightElement:function(e,n,i){var s=r.util.getLanguage(e),a=r.languages[s];r.util.setLanguage(e,s);var o=e.parentElement;o&&"pre"===o.nodeName.toLowerCase()&&r.util.setLanguage(o,s);var _={element:e,language:s,grammar:a,code:e.textContent};function u(t){_.highlightedCode=t,r.hooks.run("before-insert",_),_.element.innerHTML=_.highlightedCode,r.hooks.run("after-highlight",_),r.hooks.run("complete",_),i&&i.call(_.element)}if(r.hooks.run("before-sanity-check",_),(o=_.element.parentElement)&&"pre"===o.nodeName.toLowerCase()&&!o.hasAttribute("tabindex")&&o.setAttribute("tabindex","0"),!_.code)return r.hooks.run("complete",_),void(i&&i.call(_.element));if(r.hooks.run("before-highlight",_),_.grammar)if(n&&t.Worker){var p=new Worker(r.filename);p.onmessage=function(t){u(t.data)},p.postMessage(JSON.stringify({language:_.language,code:_.code,immediateClose:!0}))}else u(r.highlight(_.code,_.grammar,_.language));else u(r.util.encode(_.code))},highlight:function(t,e,n){var i={code:t,grammar:e,language:n};if(r.hooks.run("before-tokenize",i),!i.grammar)throw new Error('The language "'+i.language+'" has no grammar.');return i.tokens=r.tokenize(i.code,i.grammar),r.hooks.run("after-tokenize",i),s.stringify(r.util.encode(i.tokens),i.language)},tokenize:function(t,e){var n=e.rest;if(n){for(var i in n)e[i]=n[i];delete e.rest}var r=new _;return u(r,r.head,t),o(t,r,e,r.head,0),function(t){var e=[],n=t.head.next;for(;n!==t.tail;)e.push(n.value),n=n.next;return e}(r)},hooks:{all:{},add:function(t,e){var n=r.hooks.all;n[t]=n[t]||[],n[t].push(e)},run:function(t,e){var n=r.hooks.all[t];if(n&&n.length)for(var i,s=0;i=n[s++];)i(e)}},Token:s};function s(t,e,n,i){this.type=t,this.content=e,this.alias=n,this.length=0|(i||"").length}function a(t,e,n,i){t.lastIndex=e;var r=t.exec(n);if(r&&i&&r[1]){var s=r[1].length;r.index+=s,r[0]=r[0].slice(s)}return r}function o(t,e,n,i,_,l){for(var h in n)if(n.hasOwnProperty(h)&&n[h]){var c=n[h];c=Array.isArray(c)?c:[c];for(var d=0;d<c.length;++d){if(l&&l.cause==h+","+d)return;var f=c[d],g=f.inside,m=!!f.lookbehind,y=!!f.greedy,b=f.alias;if(y&&!f.pattern.global){var v=f.pattern.toString().match(/[imsuy]*$/)[0];f.pattern=RegExp(f.pattern.source,v+"g")}for(var k=f.pattern||f,w=i.next,x=_;w!==e.tail&&!(l&&x>=l.reach);x+=w.value.length,w=w.next){var S=w.value;if(e.length>t.length)return;if(!(S instanceof s)){var E,O=1;if(y){if(!(E=a(k,x,t,m))||E.index>=t.length)break;var P=E.index,A=E.index+E[0].length,T=x;for(T+=w.value.length;P>=T;)T+=(w=w.next).value.length;if(x=T-=w.value.length,w.value instanceof s)continue;for(var R=w;R!==e.tail&&(T<A||"string"==typeof R.value);R=R.next)O++,T+=R.value.length;O--,S=t.slice(x,T),E.index-=x}else if(!(E=a(k,0,S,m)))continue;P=E.index;var N=E[0],L=S.slice(0,P),C=S.slice(P+N.length),I=x+S.length;l&&I>l.reach&&(l.reach=I);var D=w.prev;if(L&&(D=u(e,D,L),x+=L.length),p(e,D,O),w=u(e,D,new s(h,g?r.tokenize(N,g):N,b,N)),C&&u(e,w,C),O>1){var F={cause:h+","+d,reach:I};o(t,e,n,w.prev,x,F),l&&F.reach>l.reach&&(l.reach=F.reach)}}}}}}function _(){var t={value:null,prev:null,next:null},e={value:null,prev:t,next:null};t.next=e,this.head=t,this.tail=e,this.length=0}function u(t,e,n){var i=e.next,r={value:n,prev:e,next:i};return e.next=r,i.prev=r,t.length++,r}function p(t,e,n){for(var i=e.next,r=0;r<n&&i!==t.tail;r++)i=i.next;e.next=i,i.prev=e,t.length-=r}if(t.Prism=r,s.stringify=function t(e,n){if("string"==typeof e)return e;if(Array.isArray(e)){var i="";return e.forEach((function(e){i+=t(e,n)})),i}var s={type:e.type,content:t(e.content,n),tag:"span",classes:["token",e.type],attributes:{},language:n},a=e.alias;a&&(Array.isArray(a)?Array.prototype.push.apply(s.classes,a):s.classes.push(a)),r.hooks.run("wrap",s);var o="";for(var _ in s.attributes)o+=" "+_+'="'+(s.attributes[_]||"").replace(/"/g,"&quot;")+'"';return"<"+s.tag+' class="'+s.classes.join(" ")+'"'+o+">"+s.content+"</"+s.tag+">"},!t.document)return t.addEventListener?(r.disableWorkerMessageHandler||t.addEventListener("message",(function(e){var n=JSON.parse(e.data),i=n.language,s=n.code,a=n.immediateClose;t.postMessage(r.highlight(s,r.languages[i],i)),a&&t.close()}),!1),r):r;var l=r.util.currentScript();function h(){r.manual||r.highlightAll()}if(l&&(r.filename=l.src,l.hasAttribute("data-manual")&&(r.manual=!0)),!r.manual){var c=document.readyState;"loading"===c||"interactive"===c&&l&&l.defer?document.addEventListener("DOMContentLoaded",h):window.requestAnimationFrame?window.requestAnimationFrame(h):window.setTimeout(h,16)}return r}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});t.exports&&(t.exports=i),void 0!==n.g&&(n.g.Prism=i)},404:function(){!function(t){var e,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;t.languages.css.selector={pattern:t.languages.css.selector.pattern,lookbehind:!0,inside:e={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},t.languages.css.atrule.inside["selector-function-argument"].inside=e,t.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var i={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},r={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};t.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:i,number:r,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:i,number:r})}(Prism)},403:function(){!function(t){var e=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;t.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+e.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:e,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},t.languages.css.atrule.inside.rest=t.languages.css;var n=t.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(Prism)},409:function(){!function(t){t.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},t.hooks.add("before-tokenize",(function(e){t.languages["markup-templating"].buildPlaceholders(e,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),t.hooks.add("after-tokenize",(function(e){t.languages["markup-templating"].tokenizePlaceholders(e,"handlebars")})),t.languages.hbs=t.languages.handlebars,t.languages.mustache=t.languages.handlebars}(Prism)},400:function(){Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),Prism.languages.js=Prism.languages.javascript},402:function(){Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json},407:function(){!function(t){var e=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(t){return t=t.replace(/<inner>/g,(function(){return e})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+t+")")}var i=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,r=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return i})),s=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;t.languages.markdown=t.languages.extend("markup",{}),t.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:t.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+r+s+"(?:"+r+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+r+s+")(?:"+r+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(i),inside:t.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+r+")"+s+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+r+"$"),inside:{"table-header":{pattern:RegExp(i),alias:"important",inside:t.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(e){["url","bold","italic","strike","code-snippet"].forEach((function(n){e!==n&&(t.languages.markdown[e].inside.content.inside[n]=t.languages.markdown[n])}))})),t.hooks.add("after-tokenize",(function(t){"markdown"!==t.language&&"md"!==t.language||function t(e){if(e&&"string"!=typeof e)for(var n=0,i=e.length;n<i;n++){var r=e[n];if("code"===r.type){var s=r.content[1],a=r.content[3];if(s&&a&&"code-language"===s.type&&"code-block"===a.type&&"string"==typeof s.content){var o=s.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),_="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase());a.alias?"string"==typeof a.alias?a.alias=[a.alias,_]:a.alias.push(_):a.alias=[_]}}else t(r.content)}}(t.tokens)})),t.hooks.add("wrap",(function(e){if("code-block"===e.type){for(var n="",i=0,r=e.classes.length;i<r;i++){var s=e.classes[i],u=/language-(.+)/.exec(s);if(u){n=u[1];break}}var p,l=t.languages[n];if(l)e.content=t.highlight((p=e.content,p.replace(a,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(t,e){var n;if("#"===(e=e.toLowerCase())[0])return n="x"===e[1]?parseInt(e.slice(2),16):Number(e.slice(1)),_(n);var i=o[e];return i||t}))),l,n);else if(n&&"none"!==n&&t.plugins.autoloader){var h="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random());e.attributes.id=h,t.plugins.autoloader.loadLanguages(n,(function(){var e=document.getElementById(h);e&&(e.innerHTML=t.highlight(e.textContent,t.languages[n],n))}))}}}));var a=RegExp(t.languages.markup.tag.pattern.source,"gi"),o={amp:"&",lt:"<",gt:">",quot:'"'},_=String.fromCodePoint||String.fromCharCode;t.languages.md=t.languages.markdown}(Prism)},396:function(){!function(t){function e(t,e){return"___"+t.toUpperCase()+e+"___"}Object.defineProperties(t.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,i,r,s){if(n.language===i){var a=n.tokenStack=[];n.code=n.code.replace(r,(function(t){if("function"==typeof s&&!s(t))return t;for(var r,o=a.length;-1!==n.code.indexOf(r=e(i,o));)++o;return a[o]=t,r})),n.grammar=t.languages.markup}}},tokenizePlaceholders:{value:function(n,i){if(n.language===i&&n.tokenStack){n.grammar=t.languages[i];var r=0,s=Object.keys(n.tokenStack);!function a(o){for(var _=0;_<o.length&&!(r>=s.length);_++){var u=o[_];if("string"==typeof u||u.content&&"string"==typeof u.content){var p=s[r],l=n.tokenStack[p],h="string"==typeof u?u:u.content,c=e(i,p),d=h.indexOf(c);if(d>-1){++r;var f=h.substring(0,d),g=new t.Token(i,t.tokenize(l,n.grammar),"language-"+i,l),m=h.substring(d+c.length),y=[];f&&y.push.apply(y,a([f])),y.push(g),m&&y.push.apply(y,a([m])),"string"==typeof u?o.splice.apply(o,[_,1].concat(y)):u.content=y}}else u.content&&a(u.content)}return o}(n.tokens)}}}})}(Prism)},397:function(){Prism.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",(function(t){"entity"===t.type&&(t.attributes.title=t.content.replace(/&amp;/,"&"))})),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(t,e){var n={};n["language-"+e]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[e]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;var i={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};i["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var r={};r[t]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return t})),"i"),lookbehind:!0,greedy:!0,inside:i},Prism.languages.insertBefore("markup","cdata",r)}}),Object.defineProperty(Prism.languages.markup.tag,"addAttribute",{value:function(t,e){Prism.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+t+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:Prism.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml},405:function(){Prism.languages.scss=Prism.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),Prism.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),Prism.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),Prism.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),Prism.languages.scss.atrule.inside.rest=Prism.languages.scss},398:function(){Prism.languages.twig={comment:/^\{#[\s\S]*?#\}$/,"tag-name":{pattern:/(^\{%-?\s*)\w+/,lookbehind:!0,alias:"keyword"},delimiter:{pattern:/^\{[{%]-?|-?[%}]\}$/,alias:"punctuation"},string:{pattern:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,inside:{punctuation:/^['"]|['"]$/}},keyword:/\b(?:even|if|odd)\b/,boolean:/\b(?:false|null|true)\b/,number:/\b0x[\dA-Fa-f]+|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][-+]?\d+)?/,operator:[{pattern:/(\s)(?:and|b-and|b-or|b-xor|ends with|in|is|matches|not|or|same as|starts with)(?=\s)/,lookbehind:!0},/[=<>]=?|!=|\*\*?|\/\/?|\?:?|[-+~%|]/],punctuation:/[()\[\]{}:.,]/},Prism.hooks.add("before-tokenize",(function(t){if("twig"===t.language){Prism.languages["markup-templating"].buildPlaceholders(t,"twig",/\{(?:#[\s\S]*?#|%[\s\S]*?%|\{[\s\S]*?\})\}/g)}})),Prism.hooks.add("after-tokenize",(function(t){Prism.languages["markup-templating"].tokenizePlaceholders(t,"twig")}))},401:function(){!function(t){t.languages.typescript=t.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),t.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete t.languages.typescript.parameter,delete t.languages.typescript["literal-property"];var e=t.languages.extend("typescript",{});delete e["class-name"],t.languages.typescript["class-name"].inside=e,t.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e}}}}),t.languages.ts=t.languages.typescript}(Prism)},408:function(){!function(t){var e=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,i="(?:"+n.source+"(?:[ \t]+"+e.source+")?|"+e.source+"(?:[ \t]+"+n.source+")?)",r=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),s=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function a(t,e){e=(e||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return i})).replace(/<<value>>/g,(function(){return t}));return RegExp(n,e)}t.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return i}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return i})).replace(/<<key>>/g,(function(){return"(?:"+r+"|"+s+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:a(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:a(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:a(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:a(s),lookbehind:!0,greedy:!0},number:{pattern:a(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:e,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},t.languages.yml=t.languages.yaml}(Prism)},220:function(t){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}!function(){if("undefined"!=typeof Prism){var n=Object.assign||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},i={"remove-trailing":"boolean","remove-indent":"boolean","left-trim":"boolean","right-trim":"boolean","break-lines":"number",indent:"number","remove-initial-line-feed":"boolean","tabs-to-spaces":"number","spaces-to-tabs":"number"};r.prototype={setDefaults:function(t){this.defaults=n(this.defaults,t)},normalize:function(t,e){for(var i in e=n(this.defaults,e)){var r=i.replace(/-(\w)/g,(function(t,e){return e.toUpperCase()}));"normalize"!==i&&"setDefaults"!==r&&e[i]&&this[r]&&(t=this[r].call(this,t,e[i]))}return t},leftTrim:function(t){return t.replace(/^\s+/,"")},rightTrim:function(t){return t.replace(/\s+$/,"")},tabsToSpaces:function(t,e){return e=0|e||4,t.replace(/\t/g,new Array(++e).join(" "))},spacesToTabs:function(t,e){return e=0|e||4,t.replace(RegExp(" {"+e+"}","g"),"\t")},removeTrailing:function(t){return t.replace(/\s*?$/gm,"")},removeInitialLineFeed:function(t){return t.replace(/^(?:\r?\n|\r)/,"")},removeIndent:function(t){var e=t.match(/^[^\S\n\r]*(?=\S)/gm);return e&&e[0].length?(e.sort((function(t,e){return t.length-e.length})),e[0].length?t.replace(RegExp("^"+e[0],"gm"),""):t):t},indent:function(t,e){return t.replace(/^[^\S\n\r]*(?=\S)/gm,new Array(++e).join("\t")+"$&")},breakLines:function(t,e){e=!0===e?80:0|e||80;for(var n=t.split("\n"),i=0;i<n.length;++i)if(!(s(n[i])<=e)){for(var r=n[i].split(/(\s+)/g),a=0,o=0;o<r.length;++o){var _=s(r[o]);(a+=_)>e&&(r[o]="\n"+r[o],a=_)}n[i]=r.join("")}return n.join("\n")}},t.exports&&(t.exports=r),Prism.plugins.NormalizeWhitespace=new r({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0}),Prism.hooks.add("before-sanity-check",(function(t){var n=Prism.plugins.NormalizeWhitespace;if((!t.settings||!1!==t.settings["whitespace-normalization"])&&Prism.util.isActive(t.element,"whitespace-normalization",!0))if(t.element&&t.element.parentNode||!t.code){var r=t.element.parentNode;if(t.code&&r&&"pre"===r.nodeName.toLowerCase()){for(var s in null==t.settings&&(t.settings={}),i)if(Object.hasOwnProperty.call(i,s)){var a=i[s];if(r.hasAttribute("data-"+s))try{var o=JSON.parse(r.getAttribute("data-"+s)||"true");e(o)===a&&(t.settings[s]=o)}catch(f){}}for(var _=r.childNodes,u="",p="",l=!1,h=0;h<_.length;++h){var c=_[h];c==t.element?l=!0:"#text"===c.nodeName&&(l?p+=c.nodeValue:u+=c.nodeValue,r.removeChild(c),--h)}if(t.element.children.length&&Prism.plugins.KeepMarkup){var d=u+t.element.innerHTML+p;t.element.innerHTML=n.normalize(d,t.settings),t.code=t.element.textContent}else t.code=u+t.code+p,t.code=n.normalize(t.code,t.settings)}}else t.code=n.normalize(t.code,t.settings)}))}function r(t){this.defaults=n({},t)}function s(t){for(var e=0,n=0;n<t.length;++n)t.charCodeAt(n)=="\t".charCodeAt(0)&&(e+=3);return t.length+e}}()},393:function(t,e,n){"use strict";function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function r(){r=function(){return t};var t={},e=Object.prototype,n=e.hasOwnProperty,s=Object.defineProperty||function(t,e,n){t[e]=n.value},a="function"==typeof Symbol?Symbol:{},o=a.iterator||"@@iterator",_=a.asyncIterator||"@@asyncIterator",u=a.toStringTag||"@@toStringTag";function p(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{p({},"")}catch(R){p=function(t,e,n){return t[e]=n}}function l(t,e,n,i){var r=e&&e.prototype instanceof d?e:d,a=Object.create(r.prototype),o=new P(i||[]);return s(a,"_invoke",{value:x(t,n,o)}),a}function h(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(R){return{type:"throw",arg:R}}}t.wrap=l;var c={};function d(){}function f(){}function g(){}var m={};p(m,o,(function(){return this}));var y=Object.getPrototypeOf,b=y&&y(y(A([])));b&&b!==e&&n.call(b,o)&&(m=b);var v=g.prototype=d.prototype=Object.create(m);function k(t){["next","throw","return"].forEach((function(e){p(t,e,(function(t){return this._invoke(e,t)}))}))}function w(t,e){function r(s,a,o,_){var u=h(t[s],t,a);if("throw"!==u.type){var p=u.arg,l=p.value;return l&&"object"==i(l)&&n.call(l,"__await")?e.resolve(l.__await).then((function(t){r("next",t,o,_)}),(function(t){r("throw",t,o,_)})):e.resolve(l).then((function(t){p.value=t,o(p)}),(function(t){return r("throw",t,o,_)}))}_(u.arg)}var a;s(this,"_invoke",{value:function(t,n){function i(){return new e((function(e,i){r(t,n,e,i)}))}return a=a?a.then(i,i):i()}})}function x(t,e,n){var i="suspendedStart";return function(r,s){if("executing"===i)throw new Error("Generator is already running");if("completed"===i){if("throw"===r)throw s;return T()}for(n.method=r,n.arg=s;;){var a=n.delegate;if(a){var o=S(a,n);if(o){if(o===c)continue;return o}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===i)throw i="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);i="executing";var _=h(t,e,n);if("normal"===_.type){if(i=n.done?"completed":"suspendedYield",_.arg===c)continue;return{value:_.arg,done:n.done}}"throw"===_.type&&(i="completed",n.method="throw",n.arg=_.arg)}}}function S(t,e){var n=e.method,i=t.iterator[n];if(void 0===i)return e.delegate=null,"throw"===n&&t.iterator.return&&(e.method="return",e.arg=void 0,S(t,e),"throw"===e.method)||"return"!==n&&(e.method="throw",e.arg=new TypeError("The iterator does not provide a '"+n+"' method")),c;var r=h(i,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,c;var s=r.arg;return s?s.done?(e[t.resultName]=s.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,c):s:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,c)}function E(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function O(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function P(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(E,this),this.reset(!0)}function A(t){if(t){var e=t[o];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var i=-1,r=function e(){for(;++i<t.length;)if(n.call(t,i))return e.value=t[i],e.done=!1,e;return e.value=void 0,e.done=!0,e};return r.next=r}}return{next:T}}function T(){return{value:void 0,done:!0}}return f.prototype=g,s(v,"constructor",{value:g,configurable:!0}),s(g,"constructor",{value:f,configurable:!0}),f.displayName=p(g,u,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,g):(t.__proto__=g,p(t,u,"GeneratorFunction")),t.prototype=Object.create(v),t},t.awrap=function(t){return{__await:t}},k(w.prototype),p(w.prototype,_,(function(){return this})),t.AsyncIterator=w,t.async=function(e,n,i,r,s){void 0===s&&(s=Promise);var a=new w(l(e,n,i,r),s);return t.isGeneratorFunction(n)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},k(v),p(v,u,"Generator"),p(v,o,(function(){return this})),p(v,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=Object(t),n=[];for(var i in e)n.push(i);return n.reverse(),function t(){for(;n.length;){var i=n.pop();if(i in e)return t.value=i,t.done=!1,t}return t.done=!0,t}},t.values=A,P.prototype={constructor:P,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(O),!t)for(var e in this)"t"===e.charAt(0)&&n.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function i(n,i){return a.type="throw",a.arg=t,e.next=n,i&&(e.method="next",e.arg=void 0),!!i}for(var r=this.tryEntries.length-1;r>=0;--r){var s=this.tryEntries[r],a=s.completion;if("root"===s.tryLoc)return i("end");if(s.tryLoc<=this.prev){var o=n.call(s,"catchLoc"),_=n.call(s,"finallyLoc");if(o&&_){if(this.prev<s.catchLoc)return i(s.catchLoc,!0);if(this.prev<s.finallyLoc)return i(s.finallyLoc)}else if(o){if(this.prev<s.catchLoc)return i(s.catchLoc,!0)}else{if(!_)throw new Error("try statement without catch or finally");if(this.prev<s.finallyLoc)return i(s.finallyLoc)}}}},abrupt:function(t,e){for(var i=this.tryEntries.length-1;i>=0;--i){var r=this.tryEntries[i];if(r.tryLoc<=this.prev&&n.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var s=r;break}}s&&("break"===t||"continue"===t)&&s.tryLoc<=e&&e<=s.finallyLoc&&(s=null);var a=s?s.completion:{};return a.type=t,a.arg=e,s?(this.method="next",this.next=s.finallyLoc,c):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),c},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),O(n),c}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var i=n.completion;if("throw"===i.type){var r=i.arg;O(n)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:A(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),c}},t}function s(t,e,n,i){return new(n||(n=Promise))((function(r,s){function a(t){try{_(i.next(t))}catch(e){s(e)}}function o(t){try{_(i.throw(t))}catch(e){s(e)}}function _(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,o)}_((i=i.apply(t,e||[])).next())}))}n.d(e,{X5:function(){return o}});var a=300;function o(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return s(this,void 0,void 0,r().mark((function n(){var i,s,o;return r().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t instanceof Element||t instanceof Window){n.next=2;break}throw new Error("element passed to scrollTo() must be either the window or a DOM element, you passed ".concat(t,"!"));case 2:return e=u(e),i=function e(n,i,r,s){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:a,_=arguments.length>5?arguments[5]:void 0,u=arguments.length>6?arguments[6]:void 0;window.requestAnimationFrame((function(){var a=Date.now(),p=Math.min(1,(a-s)/o);if(n===i)return u?u():null;l(t,_(p)*(i-n)+n),p<1?e(n,i,r,s,o,_,u):u&&u()}))},s=p(t),o=_(t),n.abrupt("return",new Promise((function(t){i(s,"number"==typeof e.top?e.top:s,o,Date.now(),e.duration,d(e.easing),t)})));case 7:case"end":return n.stop()}}),n)})))}function _(t){var e={window:{y:"scrollY",x:"scrollX"},element:{y:"scrollTop",x:"scrollLeft"}};return t instanceof Window?e.window.y:e.element.y}function u(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return"smooth"===t.behavior&&(t.easing="ease-in-out",t.duration=a),"auto"===t.behavior&&(t.duration=0,t.easing="linear"),t}function p(t){var e=h.getDocument();return t===e.body||t===e.documentElement||t instanceof Window?e.body.scrollTop||e.documentElement.scrollTop:t.scrollTop}function l(t,e){var n=h.getDocument();t===n.body||t===n.documentElement||t instanceof Window?(n.body.scrollTop=e,n.documentElement.scrollTop=e):t.scrollTop=e}var h={getDocument:function(){return document}},c={linear:function(t){return t},"ease-in":function(t){return t*t},"ease-out":function(t){return t*(2-t)},"ease-in-out":function(t){return t<.5?2*t*t:(4-2*t)*t-1}},d=function(t){var e=c[t||"linear"];if(!e){var n=Object.keys(c).join(",");throw new Error('Scroll error: scroller does not support an easing option of "'.concat(t,'". Supported options are ').concat(n))}return e}}}]);
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/4-chunk-7a265786ddc0d4faa705.js.LICENSE.txt b/review/refactor-icon-update/styleguide/js/4-chunk-7a265786ddc0d4faa705.js.LICENSE.txt
new file mode 100644
index 0000000000..f4f3f5d942
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/4-chunk-7a265786ddc0d4faa705.js.LICENSE.txt
@@ -0,0 +1,94 @@
+/*!
+ * Determine if an object is a Buffer
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+
+/*!
+ * clipboard.js v2.0.11
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+
+/*!
+ * condense-newlines <https://github.com/jonschlinkert/condense-newlines>
+ *
+ * Copyright (c) 2014 Jon Schlinkert, contributors.
+ * Licensed under the MIT License
+ */
+
+/*!
+ * is-extendable <https://github.com/jonschlinkert/is-extendable>
+ *
+ * Copyright (c) 2015, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+/*!
+ * is-whitespace <https://github.com/jonschlinkert/is-whitespace>
+ *
+ * Copyright (c) 2014-2015, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+/*!
+ * pretty <https://github.com/jonschlinkert/pretty>
+ *
+ * Copyright (c) 2013-2015, 2017, Jon Schlinkert.
+ * Released under the MIT License.
+ */
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+
+/**
+ * Prism: Lightweight, robust, elegant syntax highlighting
+ *
+ * @license MIT <https://opensource.org/licenses/MIT>
+ * @author Lea Verou <https://lea.verou.me>
+ * @namespace
+ * @public
+ */
+
+/**!
+
+ @license
+ handlebars v4.7.7
+
+Copyright (C) 2011-2019 by Yehuda Katz
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+*/
diff --git a/review/refactor-icon-update/styleguide/js/4-chunk-89e9e4ddcdf713f6b994.modern.js b/review/refactor-icon-update/styleguide/js/4-chunk-89e9e4ddcdf713f6b994.modern.js
new file mode 100644
index 0000000000..2b76779b3c
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/4-chunk-89e9e4ddcdf713f6b994.modern.js
@@ -0,0 +1,2 @@
+/*! For license information please see 4-chunk-89e9e4ddcdf713f6b994.modern.js.LICENSE.txt */
+(self.webpackChunk_pattern_lab_uikit_workshop=self.webpackChunk_pattern_lab_uikit_workshop||[]).push([[4],{16:function(t){var e;e=function(){return function(){var t={686:function(t,e,n){"use strict";n.d(e,{default:function(){return x}});var i=n(279),s=n.n(i),r=n(370),a=n.n(r),o=n(817),_=n.n(o);function u(t){try{return document.execCommand(t)}catch(e){return!1}}var p=function(t){var e=_()(t);return u("cut"),e},l=function(t,e){var n=function(t){var e="rtl"===document.documentElement.getAttribute("dir"),n=document.createElement("textarea");n.style.fontSize="12pt",n.style.border="0",n.style.padding="0",n.style.margin="0",n.style.position="absolute",n.style[e?"right":"left"]="-9999px";var i=window.pageYOffset||document.documentElement.scrollTop;return n.style.top="".concat(i,"px"),n.setAttribute("readonly",""),n.value=t,n}(t);e.container.appendChild(n);var i=_()(n);return u("copy"),n.remove(),i},h=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body},n="";return"string"==typeof t?n=l(t,e):t instanceof HTMLInputElement&&!["text","search","url","tel","password"].includes(null==t?void 0:t.type)?n=l(t.value,e):(n=_()(t),u("copy")),n};function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}var d=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.action,n=void 0===e?"copy":e,i=t.container,s=t.target,r=t.text;if("copy"!==n&&"cut"!==n)throw new Error('Invalid "action" value, use either "copy" or "cut"');if(void 0!==s){if(!s||"object"!==c(s)||1!==s.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===n&&s.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===n&&(s.hasAttribute("readonly")||s.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes')}return r?h(r,{container:i}):s?"cut"===n?p(s):h(s,{container:i}):void 0};function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}function g(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function m(t,e){return m=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},m(t,e)}function y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=v(t);if(e){var s=v(this).constructor;n=Reflect.construct(i,arguments,s)}else n=i.apply(this,arguments);return b(this,n)}}function b(t,e){return!e||"object"!==f(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function v(t){return v=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},v(t)}function k(t,e){var n="data-clipboard-".concat(t);if(e.hasAttribute(n))return e.getAttribute(n)}var w=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&m(t,e)}(r,t);var e,n,i,s=y(r);function r(t,e){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,r),(n=s.call(this)).resolveOptions(e),n.listenClick(t),n}return e=r,n=[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===f(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=a()(t,"click",(function(t){return e.onClick(t)}))}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget,n=this.action(e)||"copy",i=d({action:n,container:this.container,target:this.target(e),text:this.text(e)});this.emit(i?"success":"error",{action:n,text:i,trigger:e,clearSelection:function(){e&&e.focus(),window.getSelection().removeAllRanges()}})}},{key:"defaultAction",value:function(t){return k("action",t)}},{key:"defaultTarget",value:function(t){var e=k("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return k("text",t)}},{key:"destroy",value:function(){this.listener.destroy()}}],i=[{key:"copy",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body};return h(t,e)}},{key:"cut",value:function(t){return p(t)}},{key:"isSupported",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,n=!!document.queryCommandSupported;return e.forEach((function(t){n=n&&!!document.queryCommandSupported(t)})),n}}],n&&g(e.prototype,n),i&&g(e,i),r}(s()),x=w},828:function(t){if("undefined"!=typeof Element&&!Element.prototype.matches){var e=Element.prototype;e.matches=e.matchesSelector||e.mozMatchesSelector||e.msMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector}t.exports=function(t,e){for(;t&&9!==t.nodeType;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}},438:function(t,e,n){var i=n(828);function s(t,e,n,i,s){var a=r.apply(this,arguments);return t.addEventListener(n,a,s),{destroy:function(){t.removeEventListener(n,a,s)}}}function r(t,e,n,s){return function(n){n.delegateTarget=i(n.target,e),n.delegateTarget&&s.call(t,n)}}t.exports=function(t,e,n,i,r){return"function"==typeof t.addEventListener?s.apply(null,arguments):"function"==typeof n?s.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,(function(t){return s(t,e,n,i,r)})))}},879:function(t,e){e.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},e.nodeList=function(t){var n=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===n||"[object HTMLCollection]"===n)&&"length"in t&&(0===t.length||e.node(t[0]))},e.string=function(t){return"string"==typeof t||t instanceof String},e.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},370:function(t,e,n){var i=n(879),s=n(438);t.exports=function(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!i.string(e))throw new TypeError("Second argument must be a String");if(!i.fn(n))throw new TypeError("Third argument must be a Function");if(i.node(t))return function(t,e,n){return t.addEventListener(e,n),{destroy:function(){t.removeEventListener(e,n)}}}(t,e,n);if(i.nodeList(t))return function(t,e,n){return Array.prototype.forEach.call(t,(function(t){t.addEventListener(e,n)})),{destroy:function(){Array.prototype.forEach.call(t,(function(t){t.removeEventListener(e,n)}))}}}(t,e,n);if(i.string(t))return function(t,e,n){return s(document.body,t,e,n)}(t,e,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}},817:function(t){t.exports=function(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var i=window.getSelection(),s=document.createRange();s.selectNodeContents(t),i.removeAllRanges(),i.addRange(s),e=i.toString()}return e}},279:function(t){function e(){}e.prototype={on:function(t,e,n){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var i=this;function s(){i.off(t,s),e.apply(n,arguments)}return s._=e,this.on(t,s,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),i=0,s=n.length;i<s;i++)n[i].fn.apply(n[i].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),i=n[t],s=[];if(i&&e)for(var r=0,a=i.length;r<a;r++)i[r].fn!==e&&i[r].fn._!==e&&s.push(i[r]);return s.length?n[t]=s:delete n[t],this}},t.exports=e,t.exports.TinyEmitter=e}},e={};function n(i){if(e[i])return e[i].exports;var s=e[i]={exports:{}};return t[i](s,s.exports,n),s.exports}return n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n(686)}().default},t.exports=e()},144:function(t,e,n){"use strict";var i=n(145),s=n(143),r=n(147);t.exports=function(t,e){var n,a=s({},e),o=a.sep||"\n\n",_=a.min;return"number"==typeof _&&2!==_&&(n=new RegExp("(\\r\\n|\\n|\\u2424) {"+_+",}")),void 0===n&&(n=a.regex||/(\r\n|\n|\u2424){2,}/g),!0!==a.keepWhitespace&&(t=t.split("\n").map((function(t){return i(t)?t.trim():t})).join("\n")),t=function(t,e){var n=e.trailingNewline;if(!1===n)return t;switch(r(n)){case"string":t=t.replace(/\s+$/,e.trailingNewline);break;case"function":t=e.trailingNewline(t);break;default:t=t.replace(/\s+$/,"\n")}return t}(t,a),t.replace(n,o)}},147:function(t,e,n){var i=n(148),s=Object.prototype.toString;t.exports=function(t){if(void 0===t)return"undefined";if(null===t)return"null";if(!0===t||!1===t||t instanceof Boolean)return"boolean";if("string"==typeof t||t instanceof String)return"string";if("number"==typeof t||t instanceof Number)return"number";if("function"==typeof t||t instanceof Function)return"function";if(void 0!==Array.isArray&&Array.isArray(t))return"array";if(t instanceof RegExp)return"regexp";if(t instanceof Date)return"date";var e=s.call(t);return"[object RegExp]"===e?"regexp":"[object Date]"===e?"date":"[object Arguments]"===e?"arguments":"[object Error]"===e?"error":i(t)?"buffer":"[object Set]"===e?"set":"[object WeakSet]"===e?"weakset":"[object Map]"===e?"map":"[object WeakMap]"===e?"weakmap":"[object Symbol]"===e?"symbol":"[object Int8Array]"===e?"int8array":"[object Uint8Array]"===e?"uint8array":"[object Uint8ClampedArray]"===e?"uint8clampedarray":"[object Int16Array]"===e?"int16array":"[object Uint16Array]"===e?"uint16array":"[object Int32Array]"===e?"int32array":"[object Uint32Array]"===e?"uint32array":"[object Float32Array]"===e?"float32array":"[object Float64Array]"===e?"float64array":"object"}},143:function(t,e,n){"use strict";var i=n(146);function s(t,e){for(var n in e)r(e,n)&&(t[n]=e[n])}function r(t,e){return Object.prototype.hasOwnProperty.call(t,e)}t.exports=function(t){i(t)||(t={});for(var e=arguments.length,n=1;n<e;n++){var r=arguments[n];i(r)&&s(t,r)}return t}},43:function(t){var e;e=function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var s=e[i]={exports:{},id:i,loaded:!1};return t[i].call(s.exports,s,s.exports,n),s.loaded=!0,s.exports}return n.m=t,n.c=e,n.p="",n(0)}([function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=i(n(2)),r=i(n(45)),a=n(46),o=n(51),_=i(n(52)),u=i(n(49)),p=i(n(44)),l=s.default.create;function h(){var t=l();return t.compile=function(e,n){return o.compile(e,n,t)},t.precompile=function(e,n){return o.precompile(e,n,t)},t.AST=r.default,t.Compiler=o.Compiler,t.JavaScriptCompiler=_.default,t.Parser=a.parser,t.parse=a.parse,t.parseWithoutProcessing=a.parseWithoutProcessing,t}var c=h();c.create=h,p.default(c),c.Visitor=u.default,c.default=c,e.default=c,t.exports=e.default},function(t,e){"use strict";e.default=function(t){return t&&t.__esModule?t:{default:t}},e.__esModule=!0},function(t,e,n){"use strict";var i=n(3).default,s=n(1).default;e.__esModule=!0;var r=i(n(4)),a=s(n(37)),o=s(n(6)),_=i(n(5)),u=i(n(38)),p=s(n(44));function l(){var t=new r.HandlebarsEnvironment;return _.extend(t,r),t.SafeString=a.default,t.Exception=o.default,t.Utils=_,t.escapeExpression=_.escapeExpression,t.VM=u,t.template=function(e){return u.template(e,t)},t}var h=l();h.create=l,p.default(h),h.default=h,e.default=h,t.exports=e.default},function(t,e){"use strict";e.default=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e},e.__esModule=!0},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.HandlebarsEnvironment=l;var s=n(5),r=i(n(6)),a=n(10),o=n(30),_=i(n(32)),u=n(33);e.VERSION="4.7.7",e.COMPILER_REVISION=8,e.LAST_COMPATIBLE_COMPILER_REVISION=7,e.REVISION_CHANGES={1:"<= 1.0.rc.2",2:"== 1.0.0-rc.3",3:"== 1.0.0-rc.4",4:"== 1.x.x",5:"== 2.0.0-alpha.x",6:">= 2.0.0-beta.1",7:">= 4.0.0 <4.3.0",8:">= 4.3.0"};var p="[object Object]";function l(t,e,n){this.helpers=t||{},this.partials=e||{},this.decorators=n||{},a.registerDefaultHelpers(this),o.registerDefaultDecorators(this)}l.prototype={constructor:l,logger:_.default,log:_.default.log,registerHelper:function(t,e){if(s.toString.call(t)===p){if(e)throw new r.default("Arg not supported with multiple helpers");s.extend(this.helpers,t)}else this.helpers[t]=e},unregisterHelper:function(t){delete this.helpers[t]},registerPartial:function(t,e){if(s.toString.call(t)===p)s.extend(this.partials,t);else{if(void 0===e)throw new r.default('Attempting to register a partial called "'+t+'" as undefined');this.partials[t]=e}},unregisterPartial:function(t){delete this.partials[t]},registerDecorator:function(t,e){if(s.toString.call(t)===p){if(e)throw new r.default("Arg not supported with multiple decorators");s.extend(this.decorators,t)}else this.decorators[t]=e},unregisterDecorator:function(t){delete this.decorators[t]},resetLoggedPropertyAccesses:function(){u.resetLoggedProperties()}};var h=_.default.log;e.log=h,e.createFrame=s.createFrame,e.logger=_.default},function(t,e){"use strict";e.__esModule=!0,e.extend=a,e.indexOf=function(t,e){for(var n=0,i=t.length;n<i;n++)if(t[n]===e)return n;return-1},e.escapeExpression=function(t){if("string"!=typeof t){if(t&&t.toHTML)return t.toHTML();if(null==t)return"";if(!t)return t+"";t=""+t}return s.test(t)?t.replace(i,r):t},e.isEmpty=function(t){return!t&&0!==t||!(!u(t)||0!==t.length)},e.createFrame=function(t){var e=a({},t);return e._parent=t,e},e.blockParams=function(t,e){return t.path=e,t},e.appendContextPath=function(t,e){return(t?t+".":"")+e};var n={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;","=":"&#x3D;"},i=/[&<>"'`=]/g,s=/[&<>"'`=]/;function r(t){return n[t]}function a(t){for(var e=1;e<arguments.length;e++)for(var n in arguments[e])Object.prototype.hasOwnProperty.call(arguments[e],n)&&(t[n]=arguments[e][n]);return t}var o=Object.prototype.toString;e.toString=o;var _=function(t){return"function"==typeof t};_(/x/)&&(e.isFunction=_=function(t){return"function"==typeof t&&"[object Function]"===o.call(t)}),e.isFunction=_;var u=Array.isArray||function(t){return!(!t||"object"!=typeof t)&&"[object Array]"===o.call(t)};e.isArray=u},function(t,e,n){"use strict";var i=n(7).default;e.__esModule=!0;var s=["description","fileName","lineNumber","endLineNumber","message","name","number","stack"];function r(t,e){var n=e&&e.loc,a=void 0,o=void 0,_=void 0,u=void 0;n&&(a=n.start.line,o=n.end.line,_=n.start.column,u=n.end.column,t+=" - "+a+":"+_);for(var p=Error.prototype.constructor.call(this,t),l=0;l<s.length;l++)this[s[l]]=p[s[l]];Error.captureStackTrace&&Error.captureStackTrace(this,r);try{n&&(this.lineNumber=a,this.endLineNumber=o,i?(Object.defineProperty(this,"column",{value:_,enumerable:!0}),Object.defineProperty(this,"endColumn",{value:u,enumerable:!0})):(this.column=_,this.endColumn=u))}catch(h){}}r.prototype=new Error,e.default=r,t.exports=e.default},function(t,e,n){t.exports={default:n(8),__esModule:!0}},function(t,e,n){var i=n(9);t.exports=function(t,e,n){return i.setDesc(t,e,n)}},function(t,e){var n=Object;t.exports={create:n.create,getProto:n.getPrototypeOf,isEnum:{}.propertyIsEnumerable,getDesc:n.getOwnPropertyDescriptor,setDesc:n.defineProperty,setDescs:n.defineProperties,getKeys:n.keys,getNames:n.getOwnPropertyNames,getSymbols:n.getOwnPropertySymbols,each:[].forEach}},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.registerDefaultHelpers=function(t){s.default(t),r.default(t),a.default(t),o.default(t),_.default(t),u.default(t),p.default(t)},e.moveHelperToHooks=function(t,e,n){t.helpers[e]&&(t.hooks[e]=t.helpers[e],n||delete t.helpers[e])};var s=i(n(11)),r=i(n(12)),a=i(n(25)),o=i(n(26)),_=i(n(27)),u=i(n(28)),p=i(n(29))},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5);e.default=function(t){t.registerHelper("blockHelperMissing",(function(e,n){var s=n.inverse,r=n.fn;if(!0===e)return r(this);if(!1===e||null==e)return s(this);if(i.isArray(e))return e.length>0?(n.ids&&(n.ids=[n.name]),t.helpers.each(e,n)):s(this);if(n.data&&n.ids){var a=i.createFrame(n.data);a.contextPath=i.appendContextPath(n.data.contextPath,n.name),n={data:a}}return r(e,n)}))},t.exports=e.default},function(t,e,n){(function(i){"use strict";var s=n(13).default,r=n(1).default;e.__esModule=!0;var a=n(5),o=r(n(6));e.default=function(t){t.registerHelper("each",(function(t,e){if(!e)throw new o.default("Must pass iterator to #each");var n,r=e.fn,_=e.inverse,u=0,p="",l=void 0,h=void 0;function c(e,n,i){l&&(l.key=e,l.index=n,l.first=0===n,l.last=!!i,h&&(l.contextPath=h+e)),p+=r(t[e],{data:l,blockParams:a.blockParams([t[e],e],[h+e,null])})}if(e.data&&e.ids&&(h=a.appendContextPath(e.data.contextPath,e.ids[0])+"."),a.isFunction(t)&&(t=t.call(this)),e.data&&(l=a.createFrame(e.data)),t&&"object"==typeof t)if(a.isArray(t))for(var d=t.length;u<d;u++)u in t&&c(u,u,u===t.length-1);else if(i.Symbol&&t[i.Symbol.iterator]){for(var f=[],g=t[i.Symbol.iterator](),m=g.next();!m.done;m=g.next())f.push(m.value);for(d=(t=f).length;u<d;u++)c(u,u,u===t.length-1)}else n=void 0,s(t).forEach((function(t){void 0!==n&&c(n,u-1),n=t,u++})),void 0!==n&&c(n,u-1,!0);return 0===u&&(p=_(this)),p}))},t.exports=e.default}).call(e,function(){return this}())},function(t,e,n){t.exports={default:n(14),__esModule:!0}},function(t,e,n){n(15),t.exports=n(21).Object.keys},function(t,e,n){var i=n(16);n(18)("keys",(function(t){return function(e){return t(i(e))}}))},function(t,e,n){var i=n(17);t.exports=function(t){return Object(i(t))}},function(t,e){t.exports=function(t){if(null==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e,n){var i=n(19),s=n(21),r=n(24);t.exports=function(t,e){var n=(s.Object||{})[t]||Object[t],a={};a[t]=e(n),i(i.S+i.F*r((function(){n(1)})),"Object",a)}},function(t,e,n){var i=n(20),s=n(21),r=n(22),a="prototype",o=function(t,e,n){var _,u,p,l=t&o.F,h=t&o.G,c=t&o.S,d=t&o.P,f=t&o.B,g=t&o.W,m=h?s:s[e]||(s[e]={}),y=h?i:c?i[e]:(i[e]||{})[a];for(_ in h&&(n=e),n)(u=!l&&y&&_ in y)&&_ in m||(p=u?y[_]:n[_],m[_]=h&&"function"!=typeof y[_]?n[_]:f&&u?r(p,i):g&&y[_]==p?function(t){var e=function(e){return this instanceof t?new t(e):t(e)};return e[a]=t[a],e}(p):d&&"function"==typeof p?r(Function.call,p):p,d&&((m[a]||(m[a]={}))[_]=p))};o.F=1,o.G=2,o.S=4,o.P=8,o.B=16,o.W=32,t.exports=o},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){var n=t.exports={version:"1.2.6"};"number"==typeof __e&&(__e=n)},function(t,e,n){var i=n(23);t.exports=function(t,e,n){if(i(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,i){return t.call(e,n,i)};case 3:return function(n,i,s){return t.call(e,n,i,s)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){t.exports=function(t){try{return!!t()}catch(e){return!0}}},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=i(n(6));e.default=function(t){t.registerHelper("helperMissing",(function(){if(1!==arguments.length)throw new s.default('Missing helper: "'+arguments[arguments.length-1].name+'"')}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=n(5),r=i(n(6));e.default=function(t){t.registerHelper("if",(function(t,e){if(2!=arguments.length)throw new r.default("#if requires exactly one argument");return s.isFunction(t)&&(t=t.call(this)),!e.hash.includeZero&&!t||s.isEmpty(t)?e.inverse(this):e.fn(this)})),t.registerHelper("unless",(function(e,n){if(2!=arguments.length)throw new r.default("#unless requires exactly one argument");return t.helpers.if.call(this,e,{fn:n.inverse,inverse:n.fn,hash:n.hash})}))},t.exports=e.default},function(t,e){"use strict";e.__esModule=!0,e.default=function(t){t.registerHelper("log",(function(){for(var e=[void 0],n=arguments[arguments.length-1],i=0;i<arguments.length-1;i++)e.push(arguments[i]);var s=1;null!=n.hash.level?s=n.hash.level:n.data&&null!=n.data.level&&(s=n.data.level),e[0]=s,t.log.apply(t,e)}))},t.exports=e.default},function(t,e){"use strict";e.__esModule=!0,e.default=function(t){t.registerHelper("lookup",(function(t,e,n){return t?n.lookupProperty(t,e):t}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=n(5),r=i(n(6));e.default=function(t){t.registerHelper("with",(function(t,e){if(2!=arguments.length)throw new r.default("#with requires exactly one argument");s.isFunction(t)&&(t=t.call(this));var n=e.fn;if(s.isEmpty(t))return e.inverse(this);var i=e.data;return e.data&&e.ids&&((i=s.createFrame(e.data)).contextPath=s.appendContextPath(e.data.contextPath,e.ids[0])),n(t,{data:i,blockParams:s.blockParams([t],[i&&i.contextPath])})}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.registerDefaultDecorators=function(t){s.default(t)};var s=i(n(31))},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5);e.default=function(t){t.registerDecorator("inline",(function(t,e,n,s){var r=t;return e.partials||(e.partials={},r=function(s,r){var a=n.partials;n.partials=i.extend({},a,e.partials);var o=t(s,r);return n.partials=a,o}),e.partials[s.args[0]]=s.fn,r}))},t.exports=e.default},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5),s={methodMap:["debug","info","warn","error"],level:"info",lookupLevel:function(t){if("string"==typeof t){var e=i.indexOf(s.methodMap,t.toLowerCase());t=e>=0?e:parseInt(t,10)}return t},log:function(t){if(t=s.lookupLevel(t),"undefined"!=typeof console&&s.lookupLevel(s.level)<=t){var e=s.methodMap[t];console[e]||(e="log");for(var n=arguments.length,i=Array(n>1?n-1:0),r=1;r<n;r++)i[r-1]=arguments[r];console[e].apply(console,i)}}};e.default=s,t.exports=e.default},function(t,e,n){"use strict";var i=n(34).default,s=n(13).default,r=n(3).default;e.__esModule=!0,e.createProtoAccessControl=function(t){var e=i(null);e.constructor=!1,e.__defineGetter__=!1,e.__defineSetter__=!1,e.__lookupGetter__=!1;var n=i(null);return n.__proto__=!1,{properties:{whitelist:a.createNewLookupObject(n,t.allowedProtoProperties),defaultValue:t.allowProtoPropertiesByDefault},methods:{whitelist:a.createNewLookupObject(e,t.allowedProtoMethods),defaultValue:t.allowProtoMethodsByDefault}}},e.resultIsAllowed=function(t,e,n){return u("function"==typeof t?e.methods:e.properties,n)},e.resetLoggedProperties=function(){s(_).forEach((function(t){delete _[t]}))};var a=n(36),o=r(n(32)),_=i(null);function u(t,e){return void 0!==t.whitelist[e]?!0===t.whitelist[e]:void 0!==t.defaultValue?t.defaultValue:(function(t){!0!==_[t]&&(_[t]=!0,o.log("error",'Handlebars: Access has been denied to resolve the property "'+t+'" because it is not an "own property" of its parent.\nYou can add a runtime option to disable the check or this warning:\nSee https://handlebarsjs.com/api-reference/runtime-options.html#options-to-control-prototype-access for details'))}(e),!1)}},function(t,e,n){t.exports={default:n(35),__esModule:!0}},function(t,e,n){var i=n(9);t.exports=function(t,e){return i.create(t,e)}},function(t,e,n){"use strict";var i=n(34).default;e.__esModule=!0,e.createNewLookupObject=function(){for(var t=arguments.length,e=Array(t),n=0;n<t;n++)e[n]=arguments[n];return s.extend.apply(void 0,[i(null)].concat(e))};var s=n(5)},function(t,e){"use strict";function n(t){this.string=t}e.__esModule=!0,n.prototype.toString=n.prototype.toHTML=function(){return""+this.string},e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(39).default,s=n(13).default,r=n(3).default,a=n(1).default;e.__esModule=!0,e.checkRevision=function(t){var e=t&&t[0]||1,n=u.COMPILER_REVISION;if(!(e>=u.LAST_COMPATIBLE_COMPILER_REVISION&&e<=u.COMPILER_REVISION)){if(e<u.LAST_COMPATIBLE_COMPILER_REVISION){var i=u.REVISION_CHANGES[n],s=u.REVISION_CHANGES[e];throw new _.default("Template was precompiled with an older version of Handlebars than the current runtime. Please update your precompiler to a newer version ("+i+") or downgrade your runtime to an older version ("+s+").")}throw new _.default("Template was precompiled with a newer version of Handlebars than the current runtime. Please update your runtime to a newer version ("+t[1]+").")}},e.template=function(t,e){if(!e)throw new _.default("No environment passed to template");if(!t||!t.main)throw new _.default("Unknown template object: "+typeof t);t.main.decorator=t.main_d,e.VM.checkRevision(t.compiler);var n=t.compiler&&7===t.compiler[0],r={strict:function(t,e,n){if(!t||!(e in t))throw new _.default('"'+e+'" not defined in '+t,{loc:n});return r.lookupProperty(t,e)},lookupProperty:function(t,e){var n=t[e];return null==n||Object.prototype.hasOwnProperty.call(t,e)||h.resultIsAllowed(n,r.protoAccessControl,e)?n:void 0},lookup:function(t,e){for(var n=t.length,i=0;i<n;i++)if(null!=(t[i]&&r.lookupProperty(t[i],e)))return t[i][e]},lambda:function(t,e){return"function"==typeof t?t.call(e):t},escapeExpression:o.escapeExpression,invokePartial:function(n,i,s){s.hash&&(i=o.extend({},i,s.hash),s.ids&&(s.ids[0]=!0)),n=e.VM.resolvePartial.call(this,n,i,s);var r=o.extend({},s,{hooks:this.hooks,protoAccessControl:this.protoAccessControl}),a=e.VM.invokePartial.call(this,n,i,r);if(null==a&&e.compile&&(s.partials[s.name]=e.compile(n,t.compilerOptions,e),a=s.partials[s.name](i,r)),null!=a){if(s.indent){for(var u=a.split("\n"),p=0,l=u.length;p<l&&(u[p]||p+1!==l);p++)u[p]=s.indent+u[p];a=u.join("\n")}return a}throw new _.default("The partial "+s.name+" could not be compiled when running in runtime-only mode")},fn:function(e){var n=t[e];return n.decorator=t[e+"_d"],n},programs:[],program:function(t,e,n,i,s){var r=this.programs[t],a=this.fn(t);return e||s||i||n?r=c(this,t,a,e,n,i,s):r||(r=this.programs[t]=c(this,t,a)),r},data:function(t,e){for(;t&&e--;)t=t._parent;return t},mergeIfNeeded:function(t,e){var n=t||e;return t&&e&&t!==e&&(n=o.extend({},e,t)),n},nullContext:i({}),noop:e.VM.noop,compilerInfo:t.compiler};function a(e){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],i=n.data;a._setup(n),!n.partial&&t.useData&&(i=f(e,i));var s=void 0,o=t.useBlockParams?[]:void 0;function _(e){return""+t.main(r,e,r.helpers,r.partials,i,o,s)}return t.useDepths&&(s=n.depths?e!=n.depths[0]?[e].concat(n.depths):n.depths:[e]),(_=g(t.main,_,r,n.depths||[],i,o))(e,n)}return a.isTop=!0,a._setup=function(i){if(i.partial)r.protoAccessControl=i.protoAccessControl,r.helpers=i.helpers,r.partials=i.partials,r.decorators=i.decorators,r.hooks=i.hooks;else{var a=o.extend({},e.helpers,i.helpers);!function(t,e){s(t).forEach((function(n){var i=t[n];t[n]=function(t,e){var n=e.lookupProperty;return l.wrapHelper(t,(function(t){return o.extend({lookupProperty:n},t)}))}(i,e)}))}(a,r),r.helpers=a,t.usePartial&&(r.partials=r.mergeIfNeeded(i.partials,e.partials)),(t.usePartial||t.useDecorators)&&(r.decorators=o.extend({},e.decorators,i.decorators)),r.hooks={},r.protoAccessControl=h.createProtoAccessControl(i);var _=i.allowCallsToHelperMissing||n;p.moveHelperToHooks(r,"helperMissing",_),p.moveHelperToHooks(r,"blockHelperMissing",_)}},a._child=function(e,n,i,s){if(t.useBlockParams&&!i)throw new _.default("must pass block params");if(t.useDepths&&!s)throw new _.default("must pass parent depths");return c(r,e,t[e],n,0,i,s)},a},e.wrapProgram=c,e.resolvePartial=function(t,e,n){return t?t.call||n.name||(n.name=t,t=n.partials[t]):t="@partial-block"===n.name?n.data["partial-block"]:n.partials[n.name],t},e.invokePartial=function(t,e,n){var i=n.data&&n.data["partial-block"];n.partial=!0,n.ids&&(n.data.contextPath=n.ids[0]||n.data.contextPath);var s=void 0;if(n.fn&&n.fn!==d&&function(){n.data=u.createFrame(n.data);var t=n.fn;s=n.data["partial-block"]=function(e){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];return n.data=u.createFrame(n.data),n.data["partial-block"]=i,t(e,n)},t.partials&&(n.partials=o.extend({},n.partials,t.partials))}(),void 0===t&&s&&(t=s),void 0===t)throw new _.default("The partial "+n.name+" could not be found");if(t instanceof Function)return t(e,n)},e.noop=d;var o=r(n(5)),_=a(n(6)),u=n(4),p=n(10),l=n(43),h=n(33);function c(t,e,n,i,s,r,a){function o(e){var s=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],o=a;return!a||e==a[0]||e===t.nullContext&&null===a[0]||(o=[e].concat(a)),n(t,e,t.helpers,t.partials,s.data||i,r&&[s.blockParams].concat(r),o)}return(o=g(n,o,t,a,i,r)).program=e,o.depth=a?a.length:0,o.blockParams=s||0,o}function d(){return""}function f(t,e){return e&&"root"in e||((e=e?u.createFrame(e):{}).root=t),e}function g(t,e,n,i,s,r){if(t.decorator){var a={};e=t.decorator(e,a,n,i&&i[0],s,r,i),o.extend(e,a)}return e}},function(t,e,n){t.exports={default:n(40),__esModule:!0}},function(t,e,n){n(41),t.exports=n(21).Object.seal},function(t,e,n){var i=n(42);n(18)("seal",(function(t){return function(e){return t&&i(e)?t(e):e}}))},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e){"use strict";e.__esModule=!0,e.wrapHelper=function(t,e){return"function"!=typeof t?t:function(){var n=arguments[arguments.length-1];return arguments[arguments.length-1]=e(n),t.apply(this,arguments)}}},function(t,e){(function(n){"use strict";e.__esModule=!0,e.default=function(t){var e=void 0!==n?n:window,i=e.Handlebars;t.noConflict=function(){return e.Handlebars===t&&(e.Handlebars=i),t}},t.exports=e.default}).call(e,function(){return this}())},function(t,e){"use strict";e.__esModule=!0;var n={helpers:{helperExpression:function(t){return"SubExpression"===t.type||("MustacheStatement"===t.type||"BlockStatement"===t.type)&&!!(t.params&&t.params.length||t.hash)},scopedId:function(t){return/^\.|this\b/.test(t.original)},simpleId:function(t){return 1===t.parts.length&&!n.helpers.scopedId(t)&&!t.depth}}};e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default,s=n(3).default;e.__esModule=!0,e.parseWithoutProcessing=p,e.parse=function(t,e){var n=p(t,e);return new a.default(e).accept(n)};var r=i(n(47)),a=i(n(48)),o=s(n(50)),_=n(5);e.parser=r.default;var u={};function p(t,e){return"Program"===t.type?t:(r.default.yy=u,u.locInfo=function(t){return new u.SourceLocation(e&&e.srcName,t)},r.default.parse(t))}_.extend(u,o)},function(t,e){"use strict";e.__esModule=!0;var n=function(){var t={trace:function(){},yy:{},symbols_:{error:2,root:3,program:4,EOF:5,program_repetition0:6,statement:7,mustache:8,block:9,rawBlock:10,partial:11,partialBlock:12,content:13,COMMENT:14,CONTENT:15,openRawBlock:16,rawBlock_repetition0:17,END_RAW_BLOCK:18,OPEN_RAW_BLOCK:19,helperName:20,openRawBlock_repetition0:21,openRawBlock_option0:22,CLOSE_RAW_BLOCK:23,openBlock:24,block_option0:25,closeBlock:26,openInverse:27,block_option1:28,OPEN_BLOCK:29,openBlock_repetition0:30,openBlock_option0:31,openBlock_option1:32,CLOSE:33,OPEN_INVERSE:34,openInverse_repetition0:35,openInverse_option0:36,openInverse_option1:37,openInverseChain:38,OPEN_INVERSE_CHAIN:39,openInverseChain_repetition0:40,openInverseChain_option0:41,openInverseChain_option1:42,inverseAndProgram:43,INVERSE:44,inverseChain:45,inverseChain_option0:46,OPEN_ENDBLOCK:47,OPEN:48,mustache_repetition0:49,mustache_option0:50,OPEN_UNESCAPED:51,mustache_repetition1:52,mustache_option1:53,CLOSE_UNESCAPED:54,OPEN_PARTIAL:55,partialName:56,partial_repetition0:57,partial_option0:58,openPartialBlock:59,OPEN_PARTIAL_BLOCK:60,openPartialBlock_repetition0:61,openPartialBlock_option0:62,param:63,sexpr:64,OPEN_SEXPR:65,sexpr_repetition0:66,sexpr_option0:67,CLOSE_SEXPR:68,hash:69,hash_repetition_plus0:70,hashSegment:71,ID:72,EQUALS:73,blockParams:74,OPEN_BLOCK_PARAMS:75,blockParams_repetition_plus0:76,CLOSE_BLOCK_PARAMS:77,path:78,dataName:79,STRING:80,NUMBER:81,BOOLEAN:82,UNDEFINED:83,NULL:84,DATA:85,pathSegments:86,SEP:87,$accept:0,$end:1},terminals_:{2:"error",5:"EOF",14:"COMMENT",15:"CONTENT",18:"END_RAW_BLOCK",19:"OPEN_RAW_BLOCK",23:"CLOSE_RAW_BLOCK",29:"OPEN_BLOCK",33:"CLOSE",34:"OPEN_INVERSE",39:"OPEN_INVERSE_CHAIN",44:"INVERSE",47:"OPEN_ENDBLOCK",48:"OPEN",51:"OPEN_UNESCAPED",54:"CLOSE_UNESCAPED",55:"OPEN_PARTIAL",60:"OPEN_PARTIAL_BLOCK",65:"OPEN_SEXPR",68:"CLOSE_SEXPR",72:"ID",73:"EQUALS",75:"OPEN_BLOCK_PARAMS",77:"CLOSE_BLOCK_PARAMS",80:"STRING",81:"NUMBER",82:"BOOLEAN",83:"UNDEFINED",84:"NULL",85:"DATA",87:"SEP"},productions_:[0,[3,2],[4,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[13,1],[10,3],[16,5],[9,4],[9,4],[24,6],[27,6],[38,6],[43,2],[45,3],[45,1],[26,3],[8,5],[8,5],[11,5],[12,3],[59,5],[63,1],[63,1],[64,5],[69,1],[71,3],[74,3],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[56,1],[56,1],[79,2],[78,1],[86,3],[86,1],[6,0],[6,2],[17,0],[17,2],[21,0],[21,2],[22,0],[22,1],[25,0],[25,1],[28,0],[28,1],[30,0],[30,2],[31,0],[31,1],[32,0],[32,1],[35,0],[35,2],[36,0],[36,1],[37,0],[37,1],[40,0],[40,2],[41,0],[41,1],[42,0],[42,1],[46,0],[46,1],[49,0],[49,2],[50,0],[50,1],[52,0],[52,2],[53,0],[53,1],[57,0],[57,2],[58,0],[58,1],[61,0],[61,2],[62,0],[62,1],[66,0],[66,2],[67,0],[67,1],[70,1],[70,2],[76,1],[76,2]],performAction:function(t,e,n,i,s,r,a){var o=r.length-1;switch(s){case 1:return r[o-1];case 2:this.$=i.prepareProgram(r[o]);break;case 3:case 4:case 5:case 6:case 7:case 8:case 20:case 27:case 28:case 33:case 34:case 40:case 41:this.$=r[o];break;case 9:this.$={type:"CommentStatement",value:i.stripComment(r[o]),strip:i.stripFlags(r[o],r[o]),loc:i.locInfo(this._$)};break;case 10:this.$={type:"ContentStatement",original:r[o],value:r[o],loc:i.locInfo(this._$)};break;case 11:this.$=i.prepareRawBlock(r[o-2],r[o-1],r[o],this._$);break;case 12:this.$={path:r[o-3],params:r[o-2],hash:r[o-1]};break;case 13:this.$=i.prepareBlock(r[o-3],r[o-2],r[o-1],r[o],!1,this._$);break;case 14:this.$=i.prepareBlock(r[o-3],r[o-2],r[o-1],r[o],!0,this._$);break;case 15:this.$={open:r[o-5],path:r[o-4],params:r[o-3],hash:r[o-2],blockParams:r[o-1],strip:i.stripFlags(r[o-5],r[o])};break;case 16:case 17:this.$={path:r[o-4],params:r[o-3],hash:r[o-2],blockParams:r[o-1],strip:i.stripFlags(r[o-5],r[o])};break;case 18:this.$={strip:i.stripFlags(r[o-1],r[o-1]),program:r[o]};break;case 19:var _=i.prepareBlock(r[o-2],r[o-1],r[o],r[o],!1,this._$),u=i.prepareProgram([_],r[o-1].loc);u.chained=!0,this.$={strip:r[o-2].strip,program:u,chain:!0};break;case 21:this.$={path:r[o-1],strip:i.stripFlags(r[o-2],r[o])};break;case 22:case 23:this.$=i.prepareMustache(r[o-3],r[o-2],r[o-1],r[o-4],i.stripFlags(r[o-4],r[o]),this._$);break;case 24:this.$={type:"PartialStatement",name:r[o-3],params:r[o-2],hash:r[o-1],indent:"",strip:i.stripFlags(r[o-4],r[o]),loc:i.locInfo(this._$)};break;case 25:this.$=i.preparePartialBlock(r[o-2],r[o-1],r[o],this._$);break;case 26:this.$={path:r[o-3],params:r[o-2],hash:r[o-1],strip:i.stripFlags(r[o-4],r[o])};break;case 29:this.$={type:"SubExpression",path:r[o-3],params:r[o-2],hash:r[o-1],loc:i.locInfo(this._$)};break;case 30:this.$={type:"Hash",pairs:r[o],loc:i.locInfo(this._$)};break;case 31:this.$={type:"HashPair",key:i.id(r[o-2]),value:r[o],loc:i.locInfo(this._$)};break;case 32:this.$=i.id(r[o-1]);break;case 35:this.$={type:"StringLiteral",value:r[o],original:r[o],loc:i.locInfo(this._$)};break;case 36:this.$={type:"NumberLiteral",value:Number(r[o]),original:Number(r[o]),loc:i.locInfo(this._$)};break;case 37:this.$={type:"BooleanLiteral",value:"true"===r[o],original:"true"===r[o],loc:i.locInfo(this._$)};break;case 38:this.$={type:"UndefinedLiteral",original:void 0,value:void 0,loc:i.locInfo(this._$)};break;case 39:this.$={type:"NullLiteral",original:null,value:null,loc:i.locInfo(this._$)};break;case 42:this.$=i.preparePath(!0,r[o],this._$);break;case 43:this.$=i.preparePath(!1,r[o],this._$);break;case 44:r[o-2].push({part:i.id(r[o]),original:r[o],separator:r[o-1]}),this.$=r[o-2];break;case 45:this.$=[{part:i.id(r[o]),original:r[o]}];break;case 46:case 48:case 50:case 58:case 64:case 70:case 78:case 82:case 86:case 90:case 94:this.$=[];break;case 47:case 49:case 51:case 59:case 65:case 71:case 79:case 83:case 87:case 91:case 95:case 99:case 101:r[o-1].push(r[o]);break;case 98:case 100:this.$=[r[o]]}},table:[{3:1,4:2,5:[2,46],6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{1:[3]},{5:[1,4]},{5:[2,2],7:5,8:6,9:7,10:8,11:9,12:10,13:11,14:[1,12],15:[1,20],16:17,19:[1,23],24:15,27:16,29:[1,21],34:[1,22],39:[2,2],44:[2,2],47:[2,2],48:[1,13],51:[1,14],55:[1,18],59:19,60:[1,24]},{1:[2,1]},{5:[2,47],14:[2,47],15:[2,47],19:[2,47],29:[2,47],34:[2,47],39:[2,47],44:[2,47],47:[2,47],48:[2,47],51:[2,47],55:[2,47],60:[2,47]},{5:[2,3],14:[2,3],15:[2,3],19:[2,3],29:[2,3],34:[2,3],39:[2,3],44:[2,3],47:[2,3],48:[2,3],51:[2,3],55:[2,3],60:[2,3]},{5:[2,4],14:[2,4],15:[2,4],19:[2,4],29:[2,4],34:[2,4],39:[2,4],44:[2,4],47:[2,4],48:[2,4],51:[2,4],55:[2,4],60:[2,4]},{5:[2,5],14:[2,5],15:[2,5],19:[2,5],29:[2,5],34:[2,5],39:[2,5],44:[2,5],47:[2,5],48:[2,5],51:[2,5],55:[2,5],60:[2,5]},{5:[2,6],14:[2,6],15:[2,6],19:[2,6],29:[2,6],34:[2,6],39:[2,6],44:[2,6],47:[2,6],48:[2,6],51:[2,6],55:[2,6],60:[2,6]},{5:[2,7],14:[2,7],15:[2,7],19:[2,7],29:[2,7],34:[2,7],39:[2,7],44:[2,7],47:[2,7],48:[2,7],51:[2,7],55:[2,7],60:[2,7]},{5:[2,8],14:[2,8],15:[2,8],19:[2,8],29:[2,8],34:[2,8],39:[2,8],44:[2,8],47:[2,8],48:[2,8],51:[2,8],55:[2,8],60:[2,8]},{5:[2,9],14:[2,9],15:[2,9],19:[2,9],29:[2,9],34:[2,9],39:[2,9],44:[2,9],47:[2,9],48:[2,9],51:[2,9],55:[2,9],60:[2,9]},{20:25,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:36,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:37,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{4:38,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{15:[2,48],17:39,18:[2,48]},{20:41,56:40,64:42,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:44,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{5:[2,10],14:[2,10],15:[2,10],18:[2,10],19:[2,10],29:[2,10],34:[2,10],39:[2,10],44:[2,10],47:[2,10],48:[2,10],51:[2,10],55:[2,10],60:[2,10]},{20:45,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:46,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:47,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:41,56:48,64:42,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[2,78],49:49,65:[2,78],72:[2,78],80:[2,78],81:[2,78],82:[2,78],83:[2,78],84:[2,78],85:[2,78]},{23:[2,33],33:[2,33],54:[2,33],65:[2,33],68:[2,33],72:[2,33],75:[2,33],80:[2,33],81:[2,33],82:[2,33],83:[2,33],84:[2,33],85:[2,33]},{23:[2,34],33:[2,34],54:[2,34],65:[2,34],68:[2,34],72:[2,34],75:[2,34],80:[2,34],81:[2,34],82:[2,34],83:[2,34],84:[2,34],85:[2,34]},{23:[2,35],33:[2,35],54:[2,35],65:[2,35],68:[2,35],72:[2,35],75:[2,35],80:[2,35],81:[2,35],82:[2,35],83:[2,35],84:[2,35],85:[2,35]},{23:[2,36],33:[2,36],54:[2,36],65:[2,36],68:[2,36],72:[2,36],75:[2,36],80:[2,36],81:[2,36],82:[2,36],83:[2,36],84:[2,36],85:[2,36]},{23:[2,37],33:[2,37],54:[2,37],65:[2,37],68:[2,37],72:[2,37],75:[2,37],80:[2,37],81:[2,37],82:[2,37],83:[2,37],84:[2,37],85:[2,37]},{23:[2,38],33:[2,38],54:[2,38],65:[2,38],68:[2,38],72:[2,38],75:[2,38],80:[2,38],81:[2,38],82:[2,38],83:[2,38],84:[2,38],85:[2,38]},{23:[2,39],33:[2,39],54:[2,39],65:[2,39],68:[2,39],72:[2,39],75:[2,39],80:[2,39],81:[2,39],82:[2,39],83:[2,39],84:[2,39],85:[2,39]},{23:[2,43],33:[2,43],54:[2,43],65:[2,43],68:[2,43],72:[2,43],75:[2,43],80:[2,43],81:[2,43],82:[2,43],83:[2,43],84:[2,43],85:[2,43],87:[1,50]},{72:[1,35],86:51},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{52:52,54:[2,82],65:[2,82],72:[2,82],80:[2,82],81:[2,82],82:[2,82],83:[2,82],84:[2,82],85:[2,82]},{25:53,38:55,39:[1,57],43:56,44:[1,58],45:54,47:[2,54]},{28:59,43:60,44:[1,58],47:[2,56]},{13:62,15:[1,20],18:[1,61]},{33:[2,86],57:63,65:[2,86],72:[2,86],80:[2,86],81:[2,86],82:[2,86],83:[2,86],84:[2,86],85:[2,86]},{33:[2,40],65:[2,40],72:[2,40],80:[2,40],81:[2,40],82:[2,40],83:[2,40],84:[2,40],85:[2,40]},{33:[2,41],65:[2,41],72:[2,41],80:[2,41],81:[2,41],82:[2,41],83:[2,41],84:[2,41],85:[2,41]},{20:64,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:65,47:[1,66]},{30:67,33:[2,58],65:[2,58],72:[2,58],75:[2,58],80:[2,58],81:[2,58],82:[2,58],83:[2,58],84:[2,58],85:[2,58]},{33:[2,64],35:68,65:[2,64],72:[2,64],75:[2,64],80:[2,64],81:[2,64],82:[2,64],83:[2,64],84:[2,64],85:[2,64]},{21:69,23:[2,50],65:[2,50],72:[2,50],80:[2,50],81:[2,50],82:[2,50],83:[2,50],84:[2,50],85:[2,50]},{33:[2,90],61:70,65:[2,90],72:[2,90],80:[2,90],81:[2,90],82:[2,90],83:[2,90],84:[2,90],85:[2,90]},{20:74,33:[2,80],50:71,63:72,64:75,65:[1,43],69:73,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{72:[1,79]},{23:[2,42],33:[2,42],54:[2,42],65:[2,42],68:[2,42],72:[2,42],75:[2,42],80:[2,42],81:[2,42],82:[2,42],83:[2,42],84:[2,42],85:[2,42],87:[1,50]},{20:74,53:80,54:[2,84],63:81,64:75,65:[1,43],69:82,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:83,47:[1,66]},{47:[2,55]},{4:84,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{47:[2,20]},{20:85,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:86,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{26:87,47:[1,66]},{47:[2,57]},{5:[2,11],14:[2,11],15:[2,11],19:[2,11],29:[2,11],34:[2,11],39:[2,11],44:[2,11],47:[2,11],48:[2,11],51:[2,11],55:[2,11],60:[2,11]},{15:[2,49],18:[2,49]},{20:74,33:[2,88],58:88,63:89,64:75,65:[1,43],69:90,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{65:[2,94],66:91,68:[2,94],72:[2,94],80:[2,94],81:[2,94],82:[2,94],83:[2,94],84:[2,94],85:[2,94]},{5:[2,25],14:[2,25],15:[2,25],19:[2,25],29:[2,25],34:[2,25],39:[2,25],44:[2,25],47:[2,25],48:[2,25],51:[2,25],55:[2,25],60:[2,25]},{20:92,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,31:93,33:[2,60],63:94,64:75,65:[1,43],69:95,70:76,71:77,72:[1,78],75:[2,60],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,33:[2,66],36:96,63:97,64:75,65:[1,43],69:98,70:76,71:77,72:[1,78],75:[2,66],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,22:99,23:[2,52],63:100,64:75,65:[1,43],69:101,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,33:[2,92],62:102,63:103,64:75,65:[1,43],69:104,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,105]},{33:[2,79],65:[2,79],72:[2,79],80:[2,79],81:[2,79],82:[2,79],83:[2,79],84:[2,79],85:[2,79]},{33:[2,81]},{23:[2,27],33:[2,27],54:[2,27],65:[2,27],68:[2,27],72:[2,27],75:[2,27],80:[2,27],81:[2,27],82:[2,27],83:[2,27],84:[2,27],85:[2,27]},{23:[2,28],33:[2,28],54:[2,28],65:[2,28],68:[2,28],72:[2,28],75:[2,28],80:[2,28],81:[2,28],82:[2,28],83:[2,28],84:[2,28],85:[2,28]},{23:[2,30],33:[2,30],54:[2,30],68:[2,30],71:106,72:[1,107],75:[2,30]},{23:[2,98],33:[2,98],54:[2,98],68:[2,98],72:[2,98],75:[2,98]},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],73:[1,108],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{23:[2,44],33:[2,44],54:[2,44],65:[2,44],68:[2,44],72:[2,44],75:[2,44],80:[2,44],81:[2,44],82:[2,44],83:[2,44],84:[2,44],85:[2,44],87:[2,44]},{54:[1,109]},{54:[2,83],65:[2,83],72:[2,83],80:[2,83],81:[2,83],82:[2,83],83:[2,83],84:[2,83],85:[2,83]},{54:[2,85]},{5:[2,13],14:[2,13],15:[2,13],19:[2,13],29:[2,13],34:[2,13],39:[2,13],44:[2,13],47:[2,13],48:[2,13],51:[2,13],55:[2,13],60:[2,13]},{38:55,39:[1,57],43:56,44:[1,58],45:111,46:110,47:[2,76]},{33:[2,70],40:112,65:[2,70],72:[2,70],75:[2,70],80:[2,70],81:[2,70],82:[2,70],83:[2,70],84:[2,70],85:[2,70]},{47:[2,18]},{5:[2,14],14:[2,14],15:[2,14],19:[2,14],29:[2,14],34:[2,14],39:[2,14],44:[2,14],47:[2,14],48:[2,14],51:[2,14],55:[2,14],60:[2,14]},{33:[1,113]},{33:[2,87],65:[2,87],72:[2,87],80:[2,87],81:[2,87],82:[2,87],83:[2,87],84:[2,87],85:[2,87]},{33:[2,89]},{20:74,63:115,64:75,65:[1,43],67:114,68:[2,96],69:116,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,117]},{32:118,33:[2,62],74:119,75:[1,120]},{33:[2,59],65:[2,59],72:[2,59],75:[2,59],80:[2,59],81:[2,59],82:[2,59],83:[2,59],84:[2,59],85:[2,59]},{33:[2,61],75:[2,61]},{33:[2,68],37:121,74:122,75:[1,120]},{33:[2,65],65:[2,65],72:[2,65],75:[2,65],80:[2,65],81:[2,65],82:[2,65],83:[2,65],84:[2,65],85:[2,65]},{33:[2,67],75:[2,67]},{23:[1,123]},{23:[2,51],65:[2,51],72:[2,51],80:[2,51],81:[2,51],82:[2,51],83:[2,51],84:[2,51],85:[2,51]},{23:[2,53]},{33:[1,124]},{33:[2,91],65:[2,91],72:[2,91],80:[2,91],81:[2,91],82:[2,91],83:[2,91],84:[2,91],85:[2,91]},{33:[2,93]},{5:[2,22],14:[2,22],15:[2,22],19:[2,22],29:[2,22],34:[2,22],39:[2,22],44:[2,22],47:[2,22],48:[2,22],51:[2,22],55:[2,22],60:[2,22]},{23:[2,99],33:[2,99],54:[2,99],68:[2,99],72:[2,99],75:[2,99]},{73:[1,108]},{20:74,63:125,64:75,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,23],14:[2,23],15:[2,23],19:[2,23],29:[2,23],34:[2,23],39:[2,23],44:[2,23],47:[2,23],48:[2,23],51:[2,23],55:[2,23],60:[2,23]},{47:[2,19]},{47:[2,77]},{20:74,33:[2,72],41:126,63:127,64:75,65:[1,43],69:128,70:76,71:77,72:[1,78],75:[2,72],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,24],14:[2,24],15:[2,24],19:[2,24],29:[2,24],34:[2,24],39:[2,24],44:[2,24],47:[2,24],48:[2,24],51:[2,24],55:[2,24],60:[2,24]},{68:[1,129]},{65:[2,95],68:[2,95],72:[2,95],80:[2,95],81:[2,95],82:[2,95],83:[2,95],84:[2,95],85:[2,95]},{68:[2,97]},{5:[2,21],14:[2,21],15:[2,21],19:[2,21],29:[2,21],34:[2,21],39:[2,21],44:[2,21],47:[2,21],48:[2,21],51:[2,21],55:[2,21],60:[2,21]},{33:[1,130]},{33:[2,63]},{72:[1,132],76:131},{33:[1,133]},{33:[2,69]},{15:[2,12],18:[2,12]},{14:[2,26],15:[2,26],19:[2,26],29:[2,26],34:[2,26],47:[2,26],48:[2,26],51:[2,26],55:[2,26],60:[2,26]},{23:[2,31],33:[2,31],54:[2,31],68:[2,31],72:[2,31],75:[2,31]},{33:[2,74],42:134,74:135,75:[1,120]},{33:[2,71],65:[2,71],72:[2,71],75:[2,71],80:[2,71],81:[2,71],82:[2,71],83:[2,71],84:[2,71],85:[2,71]},{33:[2,73],75:[2,73]},{23:[2,29],33:[2,29],54:[2,29],65:[2,29],68:[2,29],72:[2,29],75:[2,29],80:[2,29],81:[2,29],82:[2,29],83:[2,29],84:[2,29],85:[2,29]},{14:[2,15],15:[2,15],19:[2,15],29:[2,15],34:[2,15],39:[2,15],44:[2,15],47:[2,15],48:[2,15],51:[2,15],55:[2,15],60:[2,15]},{72:[1,137],77:[1,136]},{72:[2,100],77:[2,100]},{14:[2,16],15:[2,16],19:[2,16],29:[2,16],34:[2,16],44:[2,16],47:[2,16],48:[2,16],51:[2,16],55:[2,16],60:[2,16]},{33:[1,138]},{33:[2,75]},{33:[2,32]},{72:[2,101],77:[2,101]},{14:[2,17],15:[2,17],19:[2,17],29:[2,17],34:[2,17],39:[2,17],44:[2,17],47:[2,17],48:[2,17],51:[2,17],55:[2,17],60:[2,17]}],defaultActions:{4:[2,1],54:[2,55],56:[2,20],60:[2,57],73:[2,81],82:[2,85],86:[2,18],90:[2,89],101:[2,53],104:[2,93],110:[2,19],111:[2,77],116:[2,97],119:[2,63],122:[2,69],135:[2,75],136:[2,32]},parseError:function(t,e){throw new Error(t)},parse:function(t){var e=this,n=[0],i=[null],s=[],r=this.table,a="",o=0,_=0,u=0;this.lexer.setInput(t),this.lexer.yy=this.yy,this.yy.lexer=this.lexer,this.yy.parser=this,void 0===this.lexer.yylloc&&(this.lexer.yylloc={});var p=this.lexer.yylloc;s.push(p);var l=this.lexer.options&&this.lexer.options.ranges;"function"==typeof this.yy.parseError&&(this.parseError=this.yy.parseError);for(var h,c,d,f,g,m,y,b,v,k,w={};;){if(d=n[n.length-1],this.defaultActions[d]?f=this.defaultActions[d]:(null==h&&(k=void 0,"number"!=typeof(k=e.lexer.lex()||1)&&(k=e.symbols_[k]||k),h=k),f=r[d]&&r[d][h]),void 0===f||!f.length||!f[0]){var x="";if(!u){for(m in v=[],r[d])this.terminals_[m]&&m>2&&v.push("'"+this.terminals_[m]+"'");x=this.lexer.showPosition?"Parse error on line "+(o+1)+":\n"+this.lexer.showPosition()+"\nExpecting "+v.join(", ")+", got '"+(this.terminals_[h]||h)+"'":"Parse error on line "+(o+1)+": Unexpected "+(1==h?"end of input":"'"+(this.terminals_[h]||h)+"'"),this.parseError(x,{text:this.lexer.match,token:this.terminals_[h]||h,line:this.lexer.yylineno,loc:p,expected:v})}}if(f[0]instanceof Array&&f.length>1)throw new Error("Parse Error: multiple actions possible at state: "+d+", token: "+h);switch(f[0]){case 1:n.push(h),i.push(this.lexer.yytext),s.push(this.lexer.yylloc),n.push(f[1]),h=null,c?(h=c,c=null):(_=this.lexer.yyleng,a=this.lexer.yytext,o=this.lexer.yylineno,p=this.lexer.yylloc,u>0&&u--);break;case 2:if(y=this.productions_[f[1]][1],w.$=i[i.length-y],w._$={first_line:s[s.length-(y||1)].first_line,last_line:s[s.length-1].last_line,first_column:s[s.length-(y||1)].first_column,last_column:s[s.length-1].last_column},l&&(w._$.range=[s[s.length-(y||1)].range[0],s[s.length-1].range[1]]),void 0!==(g=this.performAction.call(w,a,_,o,this.yy,f[1],i,s)))return g;y&&(n=n.slice(0,-1*y*2),i=i.slice(0,-1*y),s=s.slice(0,-1*y)),n.push(this.productions_[f[1]][0]),i.push(w.$),s.push(w._$),b=r[n[n.length-2]][n[n.length-1]],n.push(b);break;case 3:return!0}}return!0}},e=function(){var t={EOF:1,parseError:function(t,e){if(!this.yy.parser)throw new Error(t);this.yy.parser.parseError(t,e)},setInput:function(t){return this._input=t,this._more=this._less=this.done=!1,this.yylineno=this.yyleng=0,this.yytext=this.matched=this.match="",this.conditionStack=["INITIAL"],this.yylloc={first_line:1,first_column:0,last_line:1,last_column:0},this.options.ranges&&(this.yylloc.range=[0,0]),this.offset=0,this},input:function(){var t=this._input[0];return this.yytext+=t,this.yyleng++,this.offset++,this.match+=t,this.matched+=t,t.match(/(?:\r\n?|\n).*/g)?(this.yylineno++,this.yylloc.last_line++):this.yylloc.last_column++,this.options.ranges&&this.yylloc.range[1]++,this._input=this._input.slice(1),t},unput:function(t){var e=t.length,n=t.split(/(?:\r\n?|\n)/g);this._input=t+this._input,this.yytext=this.yytext.substr(0,this.yytext.length-e-1),this.offset-=e;var i=this.match.split(/(?:\r\n?|\n)/g);this.match=this.match.substr(0,this.match.length-1),this.matched=this.matched.substr(0,this.matched.length-1),n.length-1&&(this.yylineno-=n.length-1);var s=this.yylloc.range;return this.yylloc={first_line:this.yylloc.first_line,last_line:this.yylineno+1,first_column:this.yylloc.first_column,last_column:n?(n.length===i.length?this.yylloc.first_column:0)+i[i.length-n.length].length-n[0].length:this.yylloc.first_column-e},this.options.ranges&&(this.yylloc.range=[s[0],s[0]+this.yyleng-e]),this},more:function(){return this._more=!0,this},less:function(t){this.unput(this.match.slice(t))},pastInput:function(){var t=this.matched.substr(0,this.matched.length-this.match.length);return(t.length>20?"...":"")+t.substr(-20).replace(/\n/g,"")},upcomingInput:function(){var t=this.match;return t.length<20&&(t+=this._input.substr(0,20-t.length)),(t.substr(0,20)+(t.length>20?"...":"")).replace(/\n/g,"")},showPosition:function(){var t=this.pastInput(),e=new Array(t.length+1).join("-");return t+this.upcomingInput()+"\n"+e+"^"},next:function(){if(this.done)return this.EOF;var t,e,n,i,s;this._input||(this.done=!0),this._more||(this.yytext="",this.match="");for(var r=this._currentRules(),a=0;a<r.length&&(!(n=this._input.match(this.rules[r[a]]))||e&&!(n[0].length>e[0].length)||(e=n,i=a,this.options.flex));a++);return e?((s=e[0].match(/(?:\r\n?|\n).*/g))&&(this.yylineno+=s.length),this.yylloc={first_line:this.yylloc.last_line,last_line:this.yylineno+1,first_column:this.yylloc.last_column,last_column:s?s[s.length-1].length-s[s.length-1].match(/\r?\n?/)[0].length:this.yylloc.last_column+e[0].length},this.yytext+=e[0],this.match+=e[0],this.matches=e,this.yyleng=this.yytext.length,this.options.ranges&&(this.yylloc.range=[this.offset,this.offset+=this.yyleng]),this._more=!1,this._input=this._input.slice(e[0].length),this.matched+=e[0],t=this.performAction.call(this,this.yy,this,r[i],this.conditionStack[this.conditionStack.length-1]),this.done&&this._input&&(this.done=!1),t||void 0):""===this._input?this.EOF:this.parseError("Lexical error on line "+(this.yylineno+1)+". Unrecognized text.\n"+this.showPosition(),{text:"",token:null,line:this.yylineno})},lex:function(){var t=this.next();return void 0!==t?t:this.lex()},begin:function(t){this.conditionStack.push(t)},popState:function(){return this.conditionStack.pop()},_currentRules:function(){return this.conditions[this.conditionStack[this.conditionStack.length-1]].rules},topState:function(){return this.conditionStack[this.conditionStack.length-2]},pushState:function(t){this.begin(t)},options:{},performAction:function(t,e,n,i){function s(t,n){return e.yytext=e.yytext.substring(t,e.yyleng-n+t)}switch(n){case 0:if("\\\\"===e.yytext.slice(-2)?(s(0,1),this.begin("mu")):"\\"===e.yytext.slice(-1)?(s(0,1),this.begin("emu")):this.begin("mu"),e.yytext)return 15;break;case 1:case 5:return 15;case 2:return this.popState(),15;case 3:return this.begin("raw"),15;case 4:return this.popState(),"raw"===this.conditionStack[this.conditionStack.length-1]?15:(s(5,9),"END_RAW_BLOCK");case 6:case 22:return this.popState(),14;case 7:return 65;case 8:return 68;case 9:return 19;case 10:return this.popState(),this.begin("raw"),23;case 11:return 55;case 12:return 60;case 13:return 29;case 14:return 47;case 15:case 16:return this.popState(),44;case 17:return 34;case 18:return 39;case 19:return 51;case 20:case 23:return 48;case 21:this.unput(e.yytext),this.popState(),this.begin("com");break;case 24:return 73;case 25:case 26:case 41:return 72;case 27:return 87;case 28:break;case 29:return this.popState(),54;case 30:return this.popState(),33;case 31:return e.yytext=s(1,2).replace(/\\"/g,'"'),80;case 32:return e.yytext=s(1,2).replace(/\\'/g,"'"),80;case 33:return 85;case 34:case 35:return 82;case 36:return 83;case 37:return 84;case 38:return 81;case 39:return 75;case 40:return 77;case 42:return e.yytext=e.yytext.replace(/\\([\\\]])/g,"$1"),72;case 43:return"INVALID";case 44:return 5}},rules:[/^(?:[^\x00]*?(?=(\{\{)))/,/^(?:[^\x00]+)/,/^(?:[^\x00]{2,}?(?=(\{\{|\\\{\{|\\\\\{\{|$)))/,/^(?:\{\{\{\{(?=[^\/]))/,/^(?:\{\{\{\{\/[^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=[=}\s\/.])\}\}\}\})/,/^(?:[^\x00]+?(?=(\{\{\{\{)))/,/^(?:[\s\S]*?--(~)?\}\})/,/^(?:\()/,/^(?:\))/,/^(?:\{\{\{\{)/,/^(?:\}\}\}\})/,/^(?:\{\{(~)?>)/,/^(?:\{\{(~)?#>)/,/^(?:\{\{(~)?#\*?)/,/^(?:\{\{(~)?\/)/,/^(?:\{\{(~)?\^\s*(~)?\}\})/,/^(?:\{\{(~)?\s*else\s*(~)?\}\})/,/^(?:\{\{(~)?\^)/,/^(?:\{\{(~)?\s*else\b)/,/^(?:\{\{(~)?\{)/,/^(?:\{\{(~)?&)/,/^(?:\{\{(~)?!--)/,/^(?:\{\{(~)?![\s\S]*?\}\})/,/^(?:\{\{(~)?\*?)/,/^(?:=)/,/^(?:\.\.)/,/^(?:\.(?=([=~}\s\/.)|])))/,/^(?:[\/.])/,/^(?:\s+)/,/^(?:\}(~)?\}\})/,/^(?:(~)?\}\})/,/^(?:"(\\["]|[^"])*")/,/^(?:'(\\[']|[^'])*')/,/^(?:@)/,/^(?:true(?=([~}\s)])))/,/^(?:false(?=([~}\s)])))/,/^(?:undefined(?=([~}\s)])))/,/^(?:null(?=([~}\s)])))/,/^(?:-?[0-9]+(?:\.[0-9]+)?(?=([~}\s)])))/,/^(?:as\s+\|)/,/^(?:\|)/,/^(?:([^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=([=~}\s\/.)|]))))/,/^(?:\[(\\\]|[^\]])*\])/,/^(?:.)/,/^(?:$)/],conditions:{mu:{rules:[7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],inclusive:!1},emu:{rules:[2],inclusive:!1},com:{rules:[6],inclusive:!1},raw:{rules:[3,4,5],inclusive:!1},INITIAL:{rules:[0,1,44],inclusive:!0}}};return t}();function n(){this.yy={}}return t.lexer=e,n.prototype=t,t.Parser=n,new n}();e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=i(n(49));function r(){var t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.options=t}function a(t,e,n){void 0===e&&(e=t.length);var i=t[e-1],s=t[e-2];return i?"ContentStatement"===i.type?(s||!n?/\r?\n\s*?$/:/(^|\r?\n)\s*?$/).test(i.original):void 0:n}function o(t,e,n){void 0===e&&(e=-1);var i=t[e+1],s=t[e+2];return i?"ContentStatement"===i.type?(s||!n?/^\s*?\r?\n/:/^\s*?(\r?\n|$)/).test(i.original):void 0:n}function _(t,e,n){var i=t[null==e?0:e+1];if(i&&"ContentStatement"===i.type&&(n||!i.rightStripped)){var s=i.value;i.value=i.value.replace(n?/^\s+/:/^[ \t]*\r?\n?/,""),i.rightStripped=i.value!==s}}function u(t,e,n){var i=t[null==e?t.length-1:e-1];if(i&&"ContentStatement"===i.type&&(n||!i.leftStripped)){var s=i.value;return i.value=i.value.replace(n?/\s+$/:/[ \t]+$/,""),i.leftStripped=i.value!==s,i.leftStripped}}r.prototype=new s.default,r.prototype.Program=function(t){var e=!this.options.ignoreStandalone,n=!this.isRootSeen;this.isRootSeen=!0;for(var i=t.body,s=0,r=i.length;s<r;s++){var p=i[s],l=this.accept(p);if(l){var h=a(i,s,n),c=o(i,s,n),d=l.openStandalone&&h,f=l.closeStandalone&&c,g=l.inlineStandalone&&h&&c;l.close&&_(i,s,!0),l.open&&u(i,s,!0),e&&g&&(_(i,s),u(i,s)&&"PartialStatement"===p.type&&(p.indent=/([ \t]+$)/.exec(i[s-1].original)[1])),e&&d&&(_((p.program||p.inverse).body),u(i,s)),e&&f&&(_(i,s),u((p.inverse||p.program).body))}}return t},r.prototype.BlockStatement=r.prototype.DecoratorBlock=r.prototype.PartialBlockStatement=function(t){this.accept(t.program),this.accept(t.inverse);var e=t.program||t.inverse,n=t.program&&t.inverse,i=n,s=n;if(n&&n.chained)for(i=n.body[0].program;s.chained;)s=s.body[s.body.length-1].program;var r={open:t.openStrip.open,close:t.closeStrip.close,openStandalone:o(e.body),closeStandalone:a((i||e).body)};if(t.openStrip.close&&_(e.body,null,!0),n){var p=t.inverseStrip;p.open&&u(e.body,null,!0),p.close&&_(i.body,null,!0),t.closeStrip.open&&u(s.body,null,!0),!this.options.ignoreStandalone&&a(e.body)&&o(i.body)&&(u(e.body),_(i.body))}else t.closeStrip.open&&u(e.body,null,!0);return r},r.prototype.Decorator=r.prototype.MustacheStatement=function(t){return t.strip},r.prototype.PartialStatement=r.prototype.CommentStatement=function(t){var e=t.strip||{};return{inlineStandalone:!0,open:e.open,close:e.close}},e.default=r,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=i(n(6));function r(){this.parents=[]}function a(t){this.acceptRequired(t,"path"),this.acceptArray(t.params),this.acceptKey(t,"hash")}function o(t){a.call(this,t),this.acceptKey(t,"program"),this.acceptKey(t,"inverse")}function _(t){this.acceptRequired(t,"name"),this.acceptArray(t.params),this.acceptKey(t,"hash")}r.prototype={constructor:r,mutating:!1,acceptKey:function(t,e){var n=this.accept(t[e]);if(this.mutating){if(n&&!r.prototype[n.type])throw new s.default('Unexpected node type "'+n.type+'" found when accepting '+e+" on "+t.type);t[e]=n}},acceptRequired:function(t,e){if(this.acceptKey(t,e),!t[e])throw new s.default(t.type+" requires "+e)},acceptArray:function(t){for(var e=0,n=t.length;e<n;e++)this.acceptKey(t,e),t[e]||(t.splice(e,1),e--,n--)},accept:function(t){if(t){if(!this[t.type])throw new s.default("Unknown type: "+t.type,t);this.current&&this.parents.unshift(this.current),this.current=t;var e=this[t.type](t);return this.current=this.parents.shift(),!this.mutating||e?e:!1!==e?t:void 0}},Program:function(t){this.acceptArray(t.body)},MustacheStatement:a,Decorator:a,BlockStatement:o,DecoratorBlock:o,PartialStatement:_,PartialBlockStatement:function(t){_.call(this,t),this.acceptKey(t,"program")},ContentStatement:function(){},CommentStatement:function(){},SubExpression:a,PathExpression:function(){},StringLiteral:function(){},NumberLiteral:function(){},BooleanLiteral:function(){},UndefinedLiteral:function(){},NullLiteral:function(){},Hash:function(t){this.acceptArray(t.pairs)},HashPair:function(t){this.acceptRequired(t,"value")}},e.default=r,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.SourceLocation=function(t,e){this.source=t,this.start={line:e.first_line,column:e.first_column},this.end={line:e.last_line,column:e.last_column}},e.id=function(t){return/^\[.*\]$/.test(t)?t.substring(1,t.length-1):t},e.stripFlags=function(t,e){return{open:"~"===t.charAt(2),close:"~"===e.charAt(e.length-3)}},e.stripComment=function(t){return t.replace(/^\{\{~?!-?-?/,"").replace(/-?-?~?\}\}$/,"")},e.preparePath=function(t,e,n){n=this.locInfo(n);for(var i=t?"@":"",r=[],a=0,o=0,_=e.length;o<_;o++){var u=e[o].part,p=e[o].original!==u;if(i+=(e[o].separator||"")+u,p||".."!==u&&"."!==u&&"this"!==u)r.push(u);else{if(r.length>0)throw new s.default("Invalid path: "+i,{loc:n});".."===u&&a++}}return{type:"PathExpression",data:t,depth:a,parts:r,original:i,loc:n}},e.prepareMustache=function(t,e,n,i,s,r){var a=i.charAt(3)||i.charAt(2),o="{"!==a&&"&"!==a;return{type:/\*/.test(i)?"Decorator":"MustacheStatement",path:t,params:e,hash:n,escaped:o,strip:s,loc:this.locInfo(r)}},e.prepareRawBlock=function(t,e,n,i){r(t,n),i=this.locInfo(i);var s={type:"Program",body:e,strip:{},loc:i};return{type:"BlockStatement",path:t.path,params:t.params,hash:t.hash,program:s,openStrip:{},inverseStrip:{},closeStrip:{},loc:i}},e.prepareBlock=function(t,e,n,i,a,o){i&&i.path&&r(t,i);var _=/\*/.test(t.open);e.blockParams=t.blockParams;var u=void 0,p=void 0;if(n){if(_)throw new s.default("Unexpected inverse block on decorator",n);n.chain&&(n.program.body[0].closeStrip=i.strip),p=n.strip,u=n.program}return a&&(a=u,u=e,e=a),{type:_?"DecoratorBlock":"BlockStatement",path:t.path,params:t.params,hash:t.hash,program:e,inverse:u,openStrip:t.strip,inverseStrip:p,closeStrip:i&&i.strip,loc:this.locInfo(o)}},e.prepareProgram=function(t,e){if(!e&&t.length){var n=t[0].loc,i=t[t.length-1].loc;n&&i&&(e={source:n.source,start:{line:n.start.line,column:n.start.column},end:{line:i.end.line,column:i.end.column}})}return{type:"Program",body:t,strip:{},loc:e}},e.preparePartialBlock=function(t,e,n,i){return r(t,n),{type:"PartialBlockStatement",name:t.path,params:t.params,hash:t.hash,program:e,openStrip:t.strip,closeStrip:n&&n.strip,loc:this.locInfo(i)}};var s=i(n(6));function r(t,e){if(e=e.path?e.path.original:e,t.path.original!==e){var n={loc:t.path.loc};throw new s.default(t.path.original+" doesn't match "+e,n)}}},function(t,e,n){"use strict";var i=n(34).default,s=n(1).default;e.__esModule=!0,e.Compiler=u,e.precompile=function(t,e,n){if(null==t||"string"!=typeof t&&"Program"!==t.type)throw new r.default("You must pass a string or Handlebars AST to Handlebars.precompile. You passed "+t);"data"in(e=e||{})||(e.data=!0),e.compat&&(e.useDepths=!0);var i=n.parse(t,e),s=(new n.Compiler).compile(i,e);return(new n.JavaScriptCompiler).compile(s,e)},e.compile=function(t,e,n){if(void 0===e&&(e={}),null==t||"string"!=typeof t&&"Program"!==t.type)throw new r.default("You must pass a string or Handlebars AST to Handlebars.compile. You passed "+t);"data"in(e=a.extend({},e))||(e.data=!0),e.compat&&(e.useDepths=!0);var i=void 0;function s(){var i=n.parse(t,e),s=(new n.Compiler).compile(i,e),r=(new n.JavaScriptCompiler).compile(s,e,void 0,!0);return n.template(r)}function o(t,e){return i||(i=s()),i.call(this,t,e)}return o._setup=function(t){return i||(i=s()),i._setup(t)},o._child=function(t,e,n,r){return i||(i=s()),i._child(t,e,n,r)},o};var r=s(n(6)),a=n(5),o=s(n(45)),_=[].slice;function u(){}function p(t,e){if(t===e)return!0;if(a.isArray(t)&&a.isArray(e)&&t.length===e.length){for(var n=0;n<t.length;n++)if(!p(t[n],e[n]))return!1;return!0}}function l(t){if(!t.path.parts){var e=t.path;t.path={type:"PathExpression",data:!1,depth:0,parts:[e.original+""],original:e.original+"",loc:e.loc}}}u.prototype={compiler:u,equals:function(t){var e=this.opcodes.length;if(t.opcodes.length!==e)return!1;for(var n=0;n<e;n++){var i=this.opcodes[n],s=t.opcodes[n];if(i.opcode!==s.opcode||!p(i.args,s.args))return!1}for(e=this.children.length,n=0;n<e;n++)if(!this.children[n].equals(t.children[n]))return!1;return!0},guid:0,compile:function(t,e){return this.sourceNode=[],this.opcodes=[],this.children=[],this.options=e,this.stringParams=e.stringParams,this.trackIds=e.trackIds,e.blockParams=e.blockParams||[],e.knownHelpers=a.extend(i(null),{helperMissing:!0,blockHelperMissing:!0,each:!0,if:!0,unless:!0,with:!0,log:!0,lookup:!0},e.knownHelpers),this.accept(t)},compileProgram:function(t){var e=(new this.compiler).compile(t,this.options),n=this.guid++;return this.usePartial=this.usePartial||e.usePartial,this.children[n]=e,this.useDepths=this.useDepths||e.useDepths,n},accept:function(t){if(!this[t.type])throw new r.default("Unknown type: "+t.type,t);this.sourceNode.unshift(t);var e=this[t.type](t);return this.sourceNode.shift(),e},Program:function(t){this.options.blockParams.unshift(t.blockParams);for(var e=t.body,n=e.length,i=0;i<n;i++)this.accept(e[i]);return this.options.blockParams.shift(),this.isSimple=1===n,this.blockParams=t.blockParams?t.blockParams.length:0,this},BlockStatement:function(t){l(t);var e=t.program,n=t.inverse;e=e&&this.compileProgram(e),n=n&&this.compileProgram(n);var i=this.classifySexpr(t);"helper"===i?this.helperSexpr(t,e,n):"simple"===i?(this.simpleSexpr(t),this.opcode("pushProgram",e),this.opcode("pushProgram",n),this.opcode("emptyHash"),this.opcode("blockValue",t.path.original)):(this.ambiguousSexpr(t,e,n),this.opcode("pushProgram",e),this.opcode("pushProgram",n),this.opcode("emptyHash"),this.opcode("ambiguousBlockValue")),this.opcode("append")},DecoratorBlock:function(t){var e=t.program&&this.compileProgram(t.program),n=this.setupFullMustacheParams(t,e,void 0),i=t.path;this.useDecorators=!0,this.opcode("registerDecorator",n.length,i.original)},PartialStatement:function(t){this.usePartial=!0;var e=t.program;e&&(e=this.compileProgram(t.program));var n=t.params;if(n.length>1)throw new r.default("Unsupported number of partial arguments: "+n.length,t);n.length||(this.options.explicitPartialContext?this.opcode("pushLiteral","undefined"):n.push({type:"PathExpression",parts:[],depth:0}));var i=t.name.original,s="SubExpression"===t.name.type;s&&this.accept(t.name),this.setupFullMustacheParams(t,e,void 0,!0);var a=t.indent||"";this.options.preventIndent&&a&&(this.opcode("appendContent",a),a=""),this.opcode("invokePartial",s,i,a),this.opcode("append")},PartialBlockStatement:function(t){this.PartialStatement(t)},MustacheStatement:function(t){this.SubExpression(t),t.escaped&&!this.options.noEscape?this.opcode("appendEscaped"):this.opcode("append")},Decorator:function(t){this.DecoratorBlock(t)},ContentStatement:function(t){t.value&&this.opcode("appendContent",t.value)},CommentStatement:function(){},SubExpression:function(t){l(t);var e=this.classifySexpr(t);"simple"===e?this.simpleSexpr(t):"helper"===e?this.helperSexpr(t):this.ambiguousSexpr(t)},ambiguousSexpr:function(t,e,n){var i=t.path,s=i.parts[0],r=null!=e||null!=n;this.opcode("getContext",i.depth),this.opcode("pushProgram",e),this.opcode("pushProgram",n),i.strict=!0,this.accept(i),this.opcode("invokeAmbiguous",s,r)},simpleSexpr:function(t){var e=t.path;e.strict=!0,this.accept(e),this.opcode("resolvePossibleLambda")},helperSexpr:function(t,e,n){var i=this.setupFullMustacheParams(t,e,n),s=t.path,a=s.parts[0];if(this.options.knownHelpers[a])this.opcode("invokeKnownHelper",i.length,a);else{if(this.options.knownHelpersOnly)throw new r.default("You specified knownHelpersOnly, but used the unknown helper "+a,t);s.strict=!0,s.falsy=!0,this.accept(s),this.opcode("invokeHelper",i.length,s.original,o.default.helpers.simpleId(s))}},PathExpression:function(t){this.addDepth(t.depth),this.opcode("getContext",t.depth);var e=t.parts[0],n=o.default.helpers.scopedId(t),i=!t.depth&&!n&&this.blockParamIndex(e);i?this.opcode("lookupBlockParam",i,t.parts):e?t.data?(this.options.data=!0,this.opcode("lookupData",t.depth,t.parts,t.strict)):this.opcode("lookupOnContext",t.parts,t.falsy,t.strict,n):this.opcode("pushContext")},StringLiteral:function(t){this.opcode("pushString",t.value)},NumberLiteral:function(t){this.opcode("pushLiteral",t.value)},BooleanLiteral:function(t){this.opcode("pushLiteral",t.value)},UndefinedLiteral:function(){this.opcode("pushLiteral","undefined")},NullLiteral:function(){this.opcode("pushLiteral","null")},Hash:function(t){var e=t.pairs,n=0,i=e.length;for(this.opcode("pushHash");n<i;n++)this.pushParam(e[n].value);for(;n--;)this.opcode("assignToHash",e[n].key);this.opcode("popHash")},opcode:function(t){this.opcodes.push({opcode:t,args:_.call(arguments,1),loc:this.sourceNode[0].loc})},addDepth:function(t){t&&(this.useDepths=!0)},classifySexpr:function(t){var e=o.default.helpers.simpleId(t.path),n=e&&!!this.blockParamIndex(t.path.parts[0]),i=!n&&o.default.helpers.helperExpression(t),s=!n&&(i||e);if(s&&!i){var r=t.path.parts[0],a=this.options;a.knownHelpers[r]?i=!0:a.knownHelpersOnly&&(s=!1)}return i?"helper":s?"ambiguous":"simple"},pushParams:function(t){for(var e=0,n=t.length;e<n;e++)this.pushParam(t[e])},pushParam:function(t){var e=null!=t.value?t.value:t.original||"";if(this.stringParams)e.replace&&(e=e.replace(/^(\.?\.\/)*/g,"").replace(/\//g,".")),t.depth&&this.addDepth(t.depth),this.opcode("getContext",t.depth||0),this.opcode("pushStringParam",e,t.type),"SubExpression"===t.type&&this.accept(t);else{if(this.trackIds){var n=void 0;if(!t.parts||o.default.helpers.scopedId(t)||t.depth||(n=this.blockParamIndex(t.parts[0])),n){var i=t.parts.slice(1).join(".");this.opcode("pushId","BlockParam",n,i)}else(e=t.original||e).replace&&(e=e.replace(/^this(?:\.|$)/,"").replace(/^\.\//,"").replace(/^\.$/,"")),this.opcode("pushId",t.type,e)}this.accept(t)}},setupFullMustacheParams:function(t,e,n,i){var s=t.params;return this.pushParams(s),this.opcode("pushProgram",e),this.opcode("pushProgram",n),t.hash?this.accept(t.hash):this.opcode("emptyHash",i),s},blockParamIndex:function(t){for(var e=0,n=this.options.blockParams.length;e<n;e++){var i=this.options.blockParams[e],s=i&&a.indexOf(i,t);if(i&&s>=0)return[e,s]}}}},function(t,e,n){"use strict";var i=n(13).default,s=n(1).default;e.__esModule=!0;var r=n(4),a=s(n(6)),o=n(5),_=s(n(53));function u(t){this.value=t}function p(){}p.prototype={nameLookup:function(t,e){return this.internalNameLookup(t,e)},depthedLookup:function(t){return[this.aliasable("container.lookup"),"(depths, ",JSON.stringify(t),")"]},compilerInfo:function(){var t=r.COMPILER_REVISION;return[t,r.REVISION_CHANGES[t]]},appendToBuffer:function(t,e,n){return o.isArray(t)||(t=[t]),t=this.source.wrap(t,e),this.environment.isSimple?["return ",t,";"]:n?["buffer += ",t,";"]:(t.appendToBuffer=!0,t)},initializeBuffer:function(){return this.quotedString("")},internalNameLookup:function(t,e){return this.lookupPropertyFunctionIsUsed=!0,["lookupProperty(",t,",",JSON.stringify(e),")"]},lookupPropertyFunctionIsUsed:!1,compile:function(t,e,n,i){this.environment=t,this.options=e,this.stringParams=this.options.stringParams,this.trackIds=this.options.trackIds,this.precompile=!i,this.name=this.environment.name,this.isChild=!!n,this.context=n||{decorators:[],programs:[],environments:[]},this.preamble(),this.stackSlot=0,this.stackVars=[],this.aliases={},this.registers={list:[]},this.hashes=[],this.compileStack=[],this.inlineStack=[],this.blockParams=[],this.compileChildren(t,e),this.useDepths=this.useDepths||t.useDepths||t.useDecorators||this.options.compat,this.useBlockParams=this.useBlockParams||t.useBlockParams;var s=t.opcodes,r=void 0,o=void 0,_=void 0,u=void 0;for(_=0,u=s.length;_<u;_++)r=s[_],this.source.currentLocation=r.loc,o=o||r.loc,this[r.opcode].apply(this,r.args);if(this.source.currentLocation=o,this.pushSource(""),this.stackSlot||this.inlineStack.length||this.compileStack.length)throw new a.default("Compile completed with content left on stack");this.decorators.isEmpty()?this.decorators=void 0:(this.useDecorators=!0,this.decorators.prepend(["var decorators = container.decorators, ",this.lookupPropertyFunctionVarDeclaration(),";\n"]),this.decorators.push("return fn;"),i?this.decorators=Function.apply(this,["fn","props","container","depth0","data","blockParams","depths",this.decorators.merge()]):(this.decorators.prepend("function(fn, props, container, depth0, data, blockParams, depths) {\n"),this.decorators.push("}\n"),this.decorators=this.decorators.merge()));var p=this.createFunctionContext(i);if(this.isChild)return p;var l={compiler:this.compilerInfo(),main:p};this.decorators&&(l.main_d=this.decorators,l.useDecorators=!0);var h=this.context,c=h.programs,d=h.decorators;for(_=0,u=c.length;_<u;_++)c[_]&&(l[_]=c[_],d[_]&&(l[_+"_d"]=d[_],l.useDecorators=!0));return this.environment.usePartial&&(l.usePartial=!0),this.options.data&&(l.useData=!0),this.useDepths&&(l.useDepths=!0),this.useBlockParams&&(l.useBlockParams=!0),this.options.compat&&(l.compat=!0),i?l.compilerOptions=this.options:(l.compiler=JSON.stringify(l.compiler),this.source.currentLocation={start:{line:1,column:0}},l=this.objectLiteral(l),e.srcName?(l=l.toStringWithSourceMap({file:e.destName})).map=l.map&&l.map.toString():l=l.toString()),l},preamble:function(){this.lastContext=0,this.source=new _.default(this.options.srcName),this.decorators=new _.default(this.options.srcName)},createFunctionContext:function(t){var e=this,n="",s=this.stackVars.concat(this.registers.list);s.length>0&&(n+=", "+s.join(", "));var r=0;i(this.aliases).forEach((function(t){var i=e.aliases[t];i.children&&i.referenceCount>1&&(n+=", alias"+ ++r+"="+t,i.children[0]="alias"+r)})),this.lookupPropertyFunctionIsUsed&&(n+=", "+this.lookupPropertyFunctionVarDeclaration());var a=["container","depth0","helpers","partials","data"];(this.useBlockParams||this.useDepths)&&a.push("blockParams"),this.useDepths&&a.push("depths");var o=this.mergeSource(n);return t?(a.push(o),Function.apply(this,a)):this.source.wrap(["function(",a.join(","),") {\n  ",o,"}"])},mergeSource:function(t){var e=this.environment.isSimple,n=!this.forceBuffer,i=void 0,s=void 0,r=void 0,a=void 0;return this.source.each((function(t){t.appendToBuffer?(r?t.prepend("  + "):r=t,a=t):(r&&(s?r.prepend("buffer += "):i=!0,a.add(";"),r=a=void 0),s=!0,e||(n=!1))})),n?r?(r.prepend("return "),a.add(";")):s||this.source.push('return "";'):(t+=", buffer = "+(i?"":this.initializeBuffer()),r?(r.prepend("return buffer + "),a.add(";")):this.source.push("return buffer;")),t&&this.source.prepend("var "+t.substring(2)+(i?"":";\n")),this.source.merge()},lookupPropertyFunctionVarDeclaration:function(){return"\n      lookupProperty = container.lookupProperty || function(parent, propertyName) {\n        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n          return parent[propertyName];\n        }\n        return undefined\n    }\n    ".trim()},blockValue:function(t){var e=this.aliasable("container.hooks.blockHelperMissing"),n=[this.contextName(0)];this.setupHelperArgs(t,0,n);var i=this.popStack();n.splice(1,0,i),this.push(this.source.functionCall(e,"call",n))},ambiguousBlockValue:function(){var t=this.aliasable("container.hooks.blockHelperMissing"),e=[this.contextName(0)];this.setupHelperArgs("",0,e,!0),this.flushInline();var n=this.topStack();e.splice(1,0,n),this.pushSource(["if (!",this.lastHelper,") { ",n," = ",this.source.functionCall(t,"call",e),"}"])},appendContent:function(t){this.pendingContent?t=this.pendingContent+t:this.pendingLocation=this.source.currentLocation,this.pendingContent=t},append:function(){if(this.isInline())this.replaceStack((function(t){return[" != null ? ",t,' : ""']})),this.pushSource(this.appendToBuffer(this.popStack()));else{var t=this.popStack();this.pushSource(["if (",t," != null) { ",this.appendToBuffer(t,void 0,!0)," }"]),this.environment.isSimple&&this.pushSource(["else { ",this.appendToBuffer("''",void 0,!0)," }"])}},appendEscaped:function(){this.pushSource(this.appendToBuffer([this.aliasable("container.escapeExpression"),"(",this.popStack(),")"]))},getContext:function(t){this.lastContext=t},pushContext:function(){this.pushStackLiteral(this.contextName(this.lastContext))},lookupOnContext:function(t,e,n,i){var s=0;i||!this.options.compat||this.lastContext?this.pushContext():this.push(this.depthedLookup(t[s++])),this.resolvePath("context",t,s,e,n)},lookupBlockParam:function(t,e){this.useBlockParams=!0,this.push(["blockParams[",t[0],"][",t[1],"]"]),this.resolvePath("context",e,1)},lookupData:function(t,e,n){t?this.pushStackLiteral("container.data(data, "+t+")"):this.pushStackLiteral("data"),this.resolvePath("data",e,0,!0,n)},resolvePath:function(t,e,n,i,s){var r=this;if(this.options.strict||this.options.assumeObjects)this.push(function(t,e,n,i){var s=e.popStack(),r=0,a=n.length;for(t&&a--;r<a;r++)s=e.nameLookup(s,n[r],i);return t?[e.aliasable("container.strict"),"(",s,", ",e.quotedString(n[r]),", ",JSON.stringify(e.source.currentLocation)," )"]:s}(this.options.strict&&s,this,e,t));else for(var a=e.length;n<a;n++)this.replaceStack((function(s){var a=r.nameLookup(s,e[n],t);return i?[" && ",a]:[" != null ? ",a," : ",s]}))},resolvePossibleLambda:function(){this.push([this.aliasable("container.lambda"),"(",this.popStack(),", ",this.contextName(0),")"])},pushStringParam:function(t,e){this.pushContext(),this.pushString(e),"SubExpression"!==e&&("string"==typeof t?this.pushString(t):this.pushStackLiteral(t))},emptyHash:function(t){this.trackIds&&this.push("{}"),this.stringParams&&(this.push("{}"),this.push("{}")),this.pushStackLiteral(t?"undefined":"{}")},pushHash:function(){this.hash&&this.hashes.push(this.hash),this.hash={values:{},types:[],contexts:[],ids:[]}},popHash:function(){var t=this.hash;this.hash=this.hashes.pop(),this.trackIds&&this.push(this.objectLiteral(t.ids)),this.stringParams&&(this.push(this.objectLiteral(t.contexts)),this.push(this.objectLiteral(t.types))),this.push(this.objectLiteral(t.values))},pushString:function(t){this.pushStackLiteral(this.quotedString(t))},pushLiteral:function(t){this.pushStackLiteral(t)},pushProgram:function(t){null!=t?this.pushStackLiteral(this.programExpression(t)):this.pushStackLiteral(null)},registerDecorator:function(t,e){var n=this.nameLookup("decorators",e,"decorator"),i=this.setupHelperArgs(e,t);this.decorators.push(["fn = ",this.decorators.functionCall(n,"",["fn","props","container",i])," || fn;"])},invokeHelper:function(t,e,n){var i=this.popStack(),s=this.setupHelper(t,e),r=[];n&&r.push(s.name),r.push(i),this.options.strict||r.push(this.aliasable("container.hooks.helperMissing"));var a=["(",this.itemsSeparatedBy(r,"||"),")"],o=this.source.functionCall(a,"call",s.callParams);this.push(o)},itemsSeparatedBy:function(t,e){var n=[];n.push(t[0]);for(var i=1;i<t.length;i++)n.push(e,t[i]);return n},invokeKnownHelper:function(t,e){var n=this.setupHelper(t,e);this.push(this.source.functionCall(n.name,"call",n.callParams))},invokeAmbiguous:function(t,e){this.useRegister("helper");var n=this.popStack();this.emptyHash();var i=this.setupHelper(0,t,e),s=["(","(helper = ",this.lastHelper=this.nameLookup("helpers",t,"helper")," || ",n,")"];this.options.strict||(s[0]="(helper = ",s.push(" != null ? helper : ",this.aliasable("container.hooks.helperMissing"))),this.push(["(",s,i.paramsInit?["),(",i.paramsInit]:[],"),","(typeof helper === ",this.aliasable('"function"')," ? ",this.source.functionCall("helper","call",i.callParams)," : helper))"])},invokePartial:function(t,e,n){var i=[],s=this.setupParams(e,1,i);t&&(e=this.popStack(),delete s.name),n&&(s.indent=JSON.stringify(n)),s.helpers="helpers",s.partials="partials",s.decorators="container.decorators",t?i.unshift(e):i.unshift(this.nameLookup("partials",e,"partial")),this.options.compat&&(s.depths="depths"),s=this.objectLiteral(s),i.push(s),this.push(this.source.functionCall("container.invokePartial","",i))},assignToHash:function(t){var e=this.popStack(),n=void 0,i=void 0,s=void 0;this.trackIds&&(s=this.popStack()),this.stringParams&&(i=this.popStack(),n=this.popStack());var r=this.hash;n&&(r.contexts[t]=n),i&&(r.types[t]=i),s&&(r.ids[t]=s),r.values[t]=e},pushId:function(t,e,n){"BlockParam"===t?this.pushStackLiteral("blockParams["+e[0]+"].path["+e[1]+"]"+(n?" + "+JSON.stringify("."+n):"")):"PathExpression"===t?this.pushString(e):"SubExpression"===t?this.pushStackLiteral("true"):this.pushStackLiteral("null")},compiler:p,compileChildren:function(t,e){for(var n=t.children,i=void 0,s=void 0,r=0,a=n.length;r<a;r++){i=n[r],s=new this.compiler;var o=this.matchExistingProgram(i);if(null==o){this.context.programs.push("");var _=this.context.programs.length;i.index=_,i.name="program"+_,this.context.programs[_]=s.compile(i,e,this.context,!this.precompile),this.context.decorators[_]=s.decorators,this.context.environments[_]=i,this.useDepths=this.useDepths||s.useDepths,this.useBlockParams=this.useBlockParams||s.useBlockParams,i.useDepths=this.useDepths,i.useBlockParams=this.useBlockParams}else i.index=o.index,i.name="program"+o.index,this.useDepths=this.useDepths||o.useDepths,this.useBlockParams=this.useBlockParams||o.useBlockParams}},matchExistingProgram:function(t){for(var e=0,n=this.context.environments.length;e<n;e++){var i=this.context.environments[e];if(i&&i.equals(t))return i}},programExpression:function(t){var e=this.environment.children[t],n=[e.index,"data",e.blockParams];return(this.useBlockParams||this.useDepths)&&n.push("blockParams"),this.useDepths&&n.push("depths"),"container.program("+n.join(", ")+")"},useRegister:function(t){this.registers[t]||(this.registers[t]=!0,this.registers.list.push(t))},push:function(t){return t instanceof u||(t=this.source.wrap(t)),this.inlineStack.push(t),t},pushStackLiteral:function(t){this.push(new u(t))},pushSource:function(t){this.pendingContent&&(this.source.push(this.appendToBuffer(this.source.quotedString(this.pendingContent),this.pendingLocation)),this.pendingContent=void 0),t&&this.source.push(t)},replaceStack:function(t){var e=["("],n=void 0,i=void 0,s=void 0;if(!this.isInline())throw new a.default("replaceStack on non-inline");var r=this.popStack(!0);if(r instanceof u)e=["(",n=[r.value]],s=!0;else{i=!0;var o=this.incrStack();e=["((",this.push(o)," = ",r,")"],n=this.topStack()}var _=t.call(this,n);s||this.popStack(),i&&this.stackSlot--,this.push(e.concat(_,")"))},incrStack:function(){return this.stackSlot++,this.stackSlot>this.stackVars.length&&this.stackVars.push("stack"+this.stackSlot),this.topStackName()},topStackName:function(){return"stack"+this.stackSlot},flushInline:function(){var t=this.inlineStack;this.inlineStack=[];for(var e=0,n=t.length;e<n;e++){var i=t[e];if(i instanceof u)this.compileStack.push(i);else{var s=this.incrStack();this.pushSource([s," = ",i,";"]),this.compileStack.push(s)}}},isInline:function(){return this.inlineStack.length},popStack:function(t){var e=this.isInline(),n=(e?this.inlineStack:this.compileStack).pop();if(!t&&n instanceof u)return n.value;if(!e){if(!this.stackSlot)throw new a.default("Invalid stack pop");this.stackSlot--}return n},topStack:function(){var t=this.isInline()?this.inlineStack:this.compileStack,e=t[t.length-1];return e instanceof u?e.value:e},contextName:function(t){return this.useDepths&&t?"depths["+t+"]":"depth"+t},quotedString:function(t){return this.source.quotedString(t)},objectLiteral:function(t){return this.source.objectLiteral(t)},aliasable:function(t){var e=this.aliases[t];return e?(e.referenceCount++,e):((e=this.aliases[t]=this.source.wrap(t)).aliasable=!0,e.referenceCount=1,e)},setupHelper:function(t,e,n){var i=[];return{params:i,paramsInit:this.setupHelperArgs(e,t,i,n),name:this.nameLookup("helpers",e,"helper"),callParams:[this.aliasable(this.contextName(0)+" != null ? "+this.contextName(0)+" : (container.nullContext || {})")].concat(i)}},setupParams:function(t,e,n){var i={},s=[],r=[],a=[],o=!n,_=void 0;o&&(n=[]),i.name=this.quotedString(t),i.hash=this.popStack(),this.trackIds&&(i.hashIds=this.popStack()),this.stringParams&&(i.hashTypes=this.popStack(),i.hashContexts=this.popStack());var u=this.popStack(),p=this.popStack();(p||u)&&(i.fn=p||"container.noop",i.inverse=u||"container.noop");for(var l=e;l--;)_=this.popStack(),n[l]=_,this.trackIds&&(a[l]=this.popStack()),this.stringParams&&(r[l]=this.popStack(),s[l]=this.popStack());return o&&(i.args=this.source.generateArray(n)),this.trackIds&&(i.ids=this.source.generateArray(a)),this.stringParams&&(i.types=this.source.generateArray(r),i.contexts=this.source.generateArray(s)),this.options.data&&(i.data="data"),this.useBlockParams&&(i.blockParams="blockParams"),i},setupHelperArgs:function(t,e,n,i){var s=this.setupParams(t,e,n);return s.loc=JSON.stringify(this.source.currentLocation),s=this.objectLiteral(s),i?(this.useRegister("options"),n.push("options"),["options=",s]):n?(n.push(s),""):s}},function(){for(var t="break else new var case finally return void catch for switch while continue function this with default if throw delete in try do instanceof typeof abstract enum int short boolean export interface static byte extends long super char final native synchronized class float package throws const goto private transient debugger implements protected volatile double import public let yield await null true false".split(" "),e=p.RESERVED_WORDS={},n=0,i=t.length;n<i;n++)e[t[n]]=!0}(),p.isValidJavaScriptVariableName=function(t){return!p.RESERVED_WORDS[t]&&/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(t)},e.default=p,t.exports=e.default},function(t,e,n){"use strict";var i=n(13).default;e.__esModule=!0;var s=n(5),r=void 0;function a(t,e,n){if(s.isArray(t)){for(var i=[],r=0,a=t.length;r<a;r++)i.push(e.wrap(t[r],n));return i}return"boolean"==typeof t||"number"==typeof t?t+"":t}function o(t){this.srcFile=t,this.source=[]}r||((r=function(t,e,n,i){this.src="",i&&this.add(i)}).prototype={add:function(t){s.isArray(t)&&(t=t.join("")),this.src+=t},prepend:function(t){s.isArray(t)&&(t=t.join("")),this.src=t+this.src},toStringWithSourceMap:function(){return{code:this.toString()}},toString:function(){return this.src}}),o.prototype={isEmpty:function(){return!this.source.length},prepend:function(t,e){this.source.unshift(this.wrap(t,e))},push:function(t,e){this.source.push(this.wrap(t,e))},merge:function(){var t=this.empty();return this.each((function(e){t.add(["  ",e,"\n"])})),t},each:function(t){for(var e=0,n=this.source.length;e<n;e++)t(this.source[e])},empty:function(){var t=this.currentLocation||{start:{}};return new r(t.start.line,t.start.column,this.srcFile)},wrap:function(t){var e=arguments.length<=1||void 0===arguments[1]?this.currentLocation||{start:{}}:arguments[1];return t instanceof r?t:(t=a(t,this,e),new r(e.start.line,e.start.column,this.srcFile,t))},functionCall:function(t,e,n){return n=this.generateList(n),this.wrap([t,e?"."+e+"(":"(",n,")"])},quotedString:function(t){return'"'+(t+"").replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")+'"'},objectLiteral:function(t){var e=this,n=[];i(t).forEach((function(i){var s=a(t[i],e);"undefined"!==s&&n.push([e.quotedString(i),":",s])}));var s=this.generateList(n);return s.prepend("{"),s.add("}"),s},generateList:function(t){for(var e=this.empty(),n=0,i=t.length;n<i;n++)n&&e.add(","),e.add(a(t[n],this));return e},generateArray:function(t){var e=this.generateList(t);return e.prepend("["),e.add("]"),e}},e.default=o,t.exports=e.default}])},t.exports=e()},148:function(t){function e(t){return!!t.constructor&&"function"==typeof t.constructor.isBuffer&&t.constructor.isBuffer(t)}t.exports=function(t){return null!=t&&(e(t)||function(t){return"function"==typeof t.readFloatLE&&"function"==typeof t.slice&&e(t.slice(0,0))}(t)||!!t._isBuffer)}},146:function(t){"use strict";t.exports=function(t){return null!=t&&("object"==typeof t||"function"==typeof t)}},145:function(t){"use strict";var e;t.exports=function(t){return"string"==typeof t&&(e||(e=new RegExp('^[\\s\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff"]+$'))).test(t)}},109:function(t,e,n){"use strict";var i=n(155),s=n(144),r=n(143),a={unformatted:["code","pre","em","strong","span"],indent_inner_html:!0,indent_char:" ",indent_size:2,sep:"\n"};t.exports=function(t,e){var n=r({},a,e);return t=i.html(t,n),!0===n.ocd?(n.newlines&&(n.sep=n.newlines),function(t,e){return s(t,e).replace(/^\s+/g,"").replace(/\s+$/g,"\n").replace(/(\s*<!--)/g,"\n$1").replace(/>(\s*)(?=<!--\s*\/)/g,"> ")}(t,n)):t}},155:function(t,e,n){"use strict";var i,s;i=[n(141),n(142),n(156)],void 0===(s=function(t,e,n){return function(t,e,n){var i=function(e,n){return t.js_beautify(e,n)};return i.js=t.js_beautify,i.css=e.css_beautify,i.html=n.html_beautify,i.js_beautify=t.js_beautify,i.css_beautify=e.css_beautify,i.html_beautify=n.html_beautify,i}(t,e,n)}.apply(e,i))||(t.exports=s)},142:function(t,e){var n;!function(){var i;!function(){"use strict";var t=[,,function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var s=this.__lines[i];if(s.is_empty())break;if(0!==s.item(0).indexOf(t)&&s.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},,,,function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,s={};for(n in t=i(t))n!==e&&(s[n]=t[n]);if(e&&t[e])for(n in t[e])s[n]=t[e][n];return s}function i(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],i=e||[];return"object"==typeof n?null!==n&&"function"==typeof n.concat&&(i=n.concat()):"string"==typeof n&&(i=n.split(/[^a-zA-Z0-9_\/\-]+/)),i},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=i,t.exports.mergeOpts=n},,function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,s="";return t&&(i=this.match(t))&&(s+=i[0]),!e||!i&&t||(s+=this.readUntil(e,n)),s},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var s=t.exec(this.__input);return s?(i=s.index,e&&(i+=s[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,s="g";return n&&e&&(s="y"),"string"==typeof t&&""!==t?i=new RegExp(t,s):t&&(i=new RegExp(t.source,s)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},,,,,function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},,function(t,e,n){var i=n(16).Beautifier,s=n(17).Options;t.exports=function(t,e){return new i(t,e).beautify()},t.exports.defaultOptions=function(){return new s}},function(t,e,n){var i=n(17).Options,s=n(2).Output,r=n(8).InputScanner,a=new(0,n(13).Directives)(/\/\*/,/\*\//),o=/\r\n|[\r\n]/,_=/\r\n|[\r\n]/g,u=/\s/,p=/(?:\s|\n)+/g,l=/\/\*(?:[\s\S]*?)((?:\*\/)|$)/g,h=/\/\/(?:[^\n\r\u2028\u2029]*)/g;function c(t,e){this._source_text=t||"",this._options=new i(e),this._ch=null,this._input=null,this.NESTED_AT_RULE={"@page":!0,"@font-face":!0,"@keyframes":!0,"@media":!0,"@supports":!0,"@document":!0},this.CONDITIONAL_GROUP_RULE={"@media":!0,"@supports":!0,"@document":!0},this.NON_SEMICOLON_NEWLINE_PROPERTY=["grid-template-areas","grid-template"]}c.prototype.eatString=function(t){var e="";for(this._ch=this._input.next();this._ch;){if(e+=this._ch,"\\"===this._ch)e+=this._input.next();else if(-1!==t.indexOf(this._ch)||"\n"===this._ch)break;this._ch=this._input.next()}return e},c.prototype.eatWhitespace=function(t){for(var e=u.test(this._input.peek()),n=0;u.test(this._input.peek());)this._ch=this._input.next(),t&&"\n"===this._ch&&(0===n||n<this._options.max_preserve_newlines)&&(n++,this._output.add_new_line(!0));return e},c.prototype.foundNestedPseudoClass=function(){for(var t=0,e=1,n=this._input.peek(e);n;){if("{"===n)return!0;if("("===n)t+=1;else if(")"===n){if(0===t)return!1;t-=1}else if(";"===n||"}"===n)return!1;e++,n=this._input.peek(e)}return!1},c.prototype.print_string=function(t){this._output.set_indent(this._indentLevel),this._output.non_breaking_space=!0,this._output.add_token(t)},c.prototype.preserveSingleSpace=function(t){t&&(this._output.space_before_token=!0)},c.prototype.indent=function(){this._indentLevel++},c.prototype.outdent=function(){this._indentLevel>0&&this._indentLevel--},c.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._source_text,e=this._options.eol;"auto"===e&&(e="\n",t&&o.test(t||"")&&(e=t.match(o)[0]));var n=(t=t.replace(_,"\n")).match(/^[\t ]*/)[0];this._output=new s(this._options,n),this._input=new r(t),this._indentLevel=0,this._nestedLevel=0,this._ch=null;for(var i,c,d=0,f=!1,g=!1,m=!1,y=!1,b=!1,v=!1,k=this._ch,w=!1;i=""!==this._input.read(p),c=k,this._ch=this._input.next(),"\\"===this._ch&&this._input.hasNext()&&(this._ch+=this._input.next()),k=this._ch,this._ch;)if("/"===this._ch&&"*"===this._input.peek()){this._output.add_new_line(),this._input.back();var x=this._input.read(l),S=a.get_directives(x);S&&"start"===S.ignore&&(x+=a.readIgnored(this._input)),this.print_string(x),this.eatWhitespace(!0),this._output.add_new_line()}else if("/"===this._ch&&"/"===this._input.peek())this._output.space_before_token=!0,this._input.back(),this.print_string(this._input.read(h)),this.eatWhitespace(!0);else if("@"===this._ch||"$"===this._ch)if(this.preserveSingleSpace(i),"{"===this._input.peek())this.print_string(this._ch+this.eatString("}"));else{this.print_string(this._ch);var E=this._input.peekUntilAfter(/[: ,;{}()[\]\/='"]/g);E.match(/[ :]$/)&&(E=this.eatString(": ").replace(/\s$/,""),this.print_string(E),this._output.space_before_token=!0),"extend"===(E=E.replace(/\s$/,""))?y=!0:"import"===E&&(b=!0),E in this.NESTED_AT_RULE?(this._nestedLevel+=1,E in this.CONDITIONAL_GROUP_RULE&&(m=!0)):f||0!==d||-1===E.indexOf(":")||(g=!0,this.indent())}else if("#"===this._ch&&"{"===this._input.peek())this.preserveSingleSpace(i),this.print_string(this._ch+this.eatString("}"));else if("{"===this._ch)g&&(g=!1,this.outdent()),m?(m=!1,f=this._indentLevel>=this._nestedLevel):f=this._indentLevel>=this._nestedLevel-1,this._options.newline_between_rules&&f&&this._output.previous_line&&"{"!==this._output.previous_line.item(-1)&&this._output.ensure_empty_line_above("/",","),this._output.space_before_token=!0,"expand"===this._options.brace_style?(this._output.add_new_line(),this.print_string(this._ch),this.indent(),this._output.set_indent(this._indentLevel)):("("===c?this._output.space_before_token=!1:","!==c&&this.indent(),this.print_string(this._ch)),this.eatWhitespace(!0),this._output.add_new_line();else if("}"===this._ch)this.outdent(),this._output.add_new_line(),"{"===c&&this._output.trim(!0),b=!1,y=!1,g&&(this.outdent(),g=!1),this.print_string(this._ch),f=!1,this._nestedLevel&&this._nestedLevel--,this.eatWhitespace(!0),this._output.add_new_line(),this._options.newline_between_rules&&!this._output.just_added_blankline()&&"}"!==this._input.peek()&&this._output.add_new_line(!0),")"===this._input.peek()&&(this._output.trim(!0),"expand"===this._options.brace_style&&this._output.add_new_line(!0));else if(":"===this._ch){for(var O=0;O<this.NON_SEMICOLON_NEWLINE_PROPERTY.length;O++)if(this._input.lookBack(this.NON_SEMICOLON_NEWLINE_PROPERTY[O])){w=!0;break}!f&&!m||this._input.lookBack("&")||this.foundNestedPseudoClass()||this._input.lookBack("(")||y||0!==d?(this._input.lookBack(" ")&&(this._output.space_before_token=!0),":"===this._input.peek()?(this._ch=this._input.next(),this.print_string("::")):this.print_string(":")):(this.print_string(":"),g||(g=!0,this._output.space_before_token=!0,this.eatWhitespace(!0),this.indent()))}else if('"'===this._ch||"'"===this._ch){var P='"'===c||"'"===c;this.preserveSingleSpace(P||i),this.print_string(this._ch+this.eatString(this._ch)),this.eatWhitespace(!0)}else if(";"===this._ch)w=!1,0===d?(g&&(this.outdent(),g=!1),y=!1,b=!1,this.print_string(this._ch),this.eatWhitespace(!0),"/"!==this._input.peek()&&this._output.add_new_line()):(this.print_string(this._ch),this.eatWhitespace(!0),this._output.space_before_token=!0);else if("("===this._ch)if(this._input.lookBack("url"))this.print_string(this._ch),this.eatWhitespace(),d++,this.indent(),this._ch=this._input.next(),")"===this._ch||'"'===this._ch||"'"===this._ch?this._input.back():this._ch&&(this.print_string(this._ch+this.eatString(")")),d&&(d--,this.outdent()));else{var A=!1;this._input.lookBack("with")&&(A=!0),this.preserveSingleSpace(i||A),this.print_string(this._ch),g&&"$"===c&&this._options.selector_separator_newline?(this._output.add_new_line(),v=!0):(this.eatWhitespace(),d++,this.indent())}else if(")"===this._ch)d&&(d--,this.outdent()),v&&";"===this._input.peek()&&this._options.selector_separator_newline&&(v=!1,this.outdent(),this._output.add_new_line()),this.print_string(this._ch);else if(","===this._ch)this.print_string(this._ch),this.eatWhitespace(!0),!this._options.selector_separator_newline||g&&!v||0!==d||b||y?this._output.space_before_token=!0:this._output.add_new_line();else if(">"!==this._ch&&"+"!==this._ch&&"~"!==this._ch||g||0!==d)if("]"===this._ch)this.print_string(this._ch);else if("["===this._ch)this.preserveSingleSpace(i),this.print_string(this._ch);else if("="===this._ch)this.eatWhitespace(),this.print_string("="),u.test(this._ch)&&(this._ch="");else if("!"!==this._ch||this._input.lookBack("\\")){var T='"'===c||"'"===c;this.preserveSingleSpace(T||i),this.print_string(this._ch),!this._output.just_added_newline()&&"\n"===this._input.peek()&&w&&this._output.add_new_line()}else this._output.space_before_token=!0,this.print_string(this._ch);else this._options.space_around_combinator?(this._output.space_before_token=!0,this.print_string(this._ch),this._output.space_before_token=!0):(this.print_string(this._ch),this.eatWhitespace(),this._ch&&u.test(this._ch)&&(this._ch=""));return this._output.get_code(e)},t.exports.Beautifier=c},function(t,e,n){var i=n(6).Options;function s(t){i.call(this,t,"css"),this.selector_separator_newline=this._get_boolean("selector_separator_newline",!0),this.newline_between_rules=this._get_boolean("newline_between_rules",!0);var e=this._get_boolean("space_around_selector_separator");this.space_around_combinator=this._get_boolean("space_around_combinator")||e;var n=this._get_selection_list("brace_style",["collapse","expand","end-expand","none","preserve-inline"]);this.brace_style="collapse";for(var s=0;s<n.length;s++)"expand"!==n[s]?this.brace_style="collapse":this.brace_style=n[s]}s.prototype=new i,t.exports.Options=s}],e={};var n=function n(i){var s=e[i];if(void 0!==s)return s.exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}(15);i=n}();var s=i;void 0===(n=function(){return{css_beautify:s}}.apply(e,[]))||(t.exports=n)}()},156:function(t,e,n){var i,s;!function(){var r;!function(){"use strict";var t=[,,function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var s=this.__lines[i];if(s.is_empty())break;if(0!==s.item(0).indexOf(t)&&s.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},function(t){t.exports.Token=function(t,e,n,i){this.type=t,this.text=e,this.comments_before=null,this.newlines=n||0,this.whitespace_before=i||"",this.parent=null,this.next=null,this.previous=null,this.opened=null,this.closed=null,this.directives=null}},,,function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,s={};for(n in t=i(t))n!==e&&(s[n]=t[n]);if(e&&t[e])for(n in t[e])s[n]=t[e][n];return s}function i(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],i=e||[];return"object"==typeof n?null!==n&&"function"==typeof n.concat&&(i=n.concat()):"string"==typeof n&&(i=n.split(/[^a-zA-Z0-9_\/\-]+/)),i},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=i,t.exports.mergeOpts=n},,function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,s="";return t&&(i=this.match(t))&&(s+=i[0]),!e||!i&&t||(s+=this.readUntil(e,n)),s},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var s=t.exec(this.__input);return s?(i=s.index,e&&(i+=s[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,s="g";return n&&e&&(s="y"),"string"==typeof t&&""!==t?i=new RegExp(t,s):t&&(i=new RegExp(t.source,s)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},function(t,e,n){var i=n(8).InputScanner,s=n(3).Token,r=n(10).TokenStream,a=n(11).WhitespacePattern,o={START:"TK_START",RAW:"TK_RAW",EOF:"TK_EOF"},_=function(t,e){this._input=new i(t),this._options=e||{},this.__tokens=null,this._patterns={},this._patterns.whitespace=new a(this._input)};_.prototype.tokenize=function(){var t;this._input.restart(),this.__tokens=new r,this._reset();for(var e=new s(o.START,""),n=null,i=[],a=new r;e.type!==o.EOF;){for(t=this._get_next_token(e,n);this._is_comment(t);)a.add(t),t=this._get_next_token(e,n);a.isEmpty()||(t.comments_before=a,a=new r),t.parent=n,this._is_opening(t)?(i.push(n),n=t):n&&this._is_closing(t,n)&&(t.opened=n,n.closed=t,n=i.pop(),t.parent=n),t.previous=e,e.next=t,this.__tokens.add(t),e=t}return this.__tokens},_.prototype._is_first_token=function(){return this.__tokens.isEmpty()},_.prototype._reset=function(){},_.prototype._get_next_token=function(t,e){this._readWhitespace();var n=this._input.read(/.+/g);return n?this._create_token(o.RAW,n):this._create_token(o.EOF,"")},_.prototype._is_comment=function(t){return!1},_.prototype._is_opening=function(t){return!1},_.prototype._is_closing=function(t,e){return!1},_.prototype._create_token=function(t,e){return new s(t,e,this._patterns.whitespace.newline_count,this._patterns.whitespace.whitespace_before_token)},_.prototype._readWhitespace=function(){return this._patterns.whitespace.read()},t.exports.Tokenizer=_,t.exports.TOKEN=o},function(t){function e(t){this.__tokens=[],this.__tokens_length=this.__tokens.length,this.__position=0,this.__parent_token=t}e.prototype.restart=function(){this.__position=0},e.prototype.isEmpty=function(){return 0===this.__tokens_length},e.prototype.hasNext=function(){return this.__position<this.__tokens_length},e.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__tokens[this.__position],this.__position+=1),t},e.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__tokens_length&&(e=this.__tokens[t]),e},e.prototype.add=function(t){this.__parent_token&&(t.parent=this.__parent_token),this.__tokens.push(t),this.__tokens_length+=1},t.exports.TokenStream=e},function(t,e,n){var i=n(12).Pattern;function s(t,e){i.call(this,t,e),e?this._line_regexp=this._input.get_regexp(e._line_regexp):this.__set_whitespace_patterns("",""),this.newline_count=0,this.whitespace_before_token=""}s.prototype=new i,s.prototype.__set_whitespace_patterns=function(t,e){t+="\\t ",e+="\\n\\r",this._match_pattern=this._input.get_regexp("["+t+e+"]+",!0),this._newline_regexp=this._input.get_regexp("\\r\\n|["+e+"]")},s.prototype.read=function(){this.newline_count=0,this.whitespace_before_token="";var t=this._input.read(this._match_pattern);if(" "===t)this.whitespace_before_token=" ";else if(t){var e=this.__split(this._newline_regexp,t);this.newline_count=e.length-1,this.whitespace_before_token=e[this.newline_count]}return t},s.prototype.matching=function(t,e){var n=this._create();return n.__set_whitespace_patterns(t,e),n._update(),n},s.prototype._create=function(){return new s(this._input,this)},s.prototype.__split=function(t,e){t.lastIndex=0;for(var n=0,i=[],s=t.exec(e);s;)i.push(e.substring(n,s.index)),n=s.index+s[0].length,s=t.exec(e);return n<e.length?i.push(e.substring(n,e.length)):i.push(""),i},t.exports.WhitespacePattern=s},function(t){function e(t,e){this._input=t,this._starting_pattern=null,this._match_pattern=null,this._until_pattern=null,this._until_after=!1,e&&(this._starting_pattern=this._input.get_regexp(e._starting_pattern,!0),this._match_pattern=this._input.get_regexp(e._match_pattern,!0),this._until_pattern=this._input.get_regexp(e._until_pattern),this._until_after=e._until_after)}e.prototype.read=function(){var t=this._input.read(this._starting_pattern);return this._starting_pattern&&!t||(t+=this._input.read(this._match_pattern,this._until_pattern,this._until_after)),t},e.prototype.read_match=function(){return this._input.match(this._match_pattern)},e.prototype.until_after=function(t){var e=this._create();return e._until_after=!0,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.until=function(t){var e=this._create();return e._until_after=!1,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.starting_with=function(t){var e=this._create();return e._starting_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype.matching=function(t){var e=this._create();return e._match_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype._create=function(){return new e(this._input,this)},e.prototype._update=function(){},t.exports.Pattern=e},function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},function(t,e,n){var i=n(12).Pattern,s={django:!1,erb:!1,handlebars:!1,php:!1,smarty:!1};function r(t,e){i.call(this,t,e),this.__template_pattern=null,this._disabled=Object.assign({},s),this._excluded=Object.assign({},s),e&&(this.__template_pattern=this._input.get_regexp(e.__template_pattern),this._excluded=Object.assign(this._excluded,e._excluded),this._disabled=Object.assign(this._disabled,e._disabled));var n=new i(t);this.__patterns={handlebars_comment:n.starting_with(/{{!--/).until_after(/--}}/),handlebars_unescaped:n.starting_with(/{{{/).until_after(/}}}/),handlebars:n.starting_with(/{{/).until_after(/}}/),php:n.starting_with(/<\?(?:[= ]|php)/).until_after(/\?>/),erb:n.starting_with(/<%[^%]/).until_after(/[^%]%>/),django:n.starting_with(/{%/).until_after(/%}/),django_value:n.starting_with(/{{/).until_after(/}}/),django_comment:n.starting_with(/{#/).until_after(/#}/),smarty:n.starting_with(/{(?=[^}{\s\n])/).until_after(/[^\s\n]}/),smarty_comment:n.starting_with(/{\*/).until_after(/\*}/),smarty_literal:n.starting_with(/{literal}/).until_after(/{\/literal}/)}}r.prototype=new i,r.prototype._create=function(){return new r(this._input,this)},r.prototype._update=function(){this.__set_templated_pattern()},r.prototype.disable=function(t){var e=this._create();return e._disabled[t]=!0,e._update(),e},r.prototype.read_options=function(t){var e=this._create();for(var n in s)e._disabled[n]=-1===t.templating.indexOf(n);return e._update(),e},r.prototype.exclude=function(t){var e=this._create();return e._excluded[t]=!0,e._update(),e},r.prototype.read=function(){var t="";t=this._match_pattern?this._input.read(this._starting_pattern):this._input.read(this._starting_pattern,this.__template_pattern);for(var e=this._read_template();e;)this._match_pattern?e+=this._input.read(this._match_pattern):e+=this._input.readUntil(this.__template_pattern),t+=e,e=this._read_template();return this._until_after&&(t+=this._input.readUntilAfter(this._until_pattern)),t},r.prototype.__set_templated_pattern=function(){var t=[];this._disabled.php||t.push(this.__patterns.php._starting_pattern.source),this._disabled.handlebars||t.push(this.__patterns.handlebars._starting_pattern.source),this._disabled.erb||t.push(this.__patterns.erb._starting_pattern.source),this._disabled.django||(t.push(this.__patterns.django._starting_pattern.source),t.push(this.__patterns.django_value._starting_pattern.source),t.push(this.__patterns.django_comment._starting_pattern.source)),this._disabled.smarty||t.push(this.__patterns.smarty._starting_pattern.source),this._until_pattern&&t.push(this._until_pattern.source),this.__template_pattern=this._input.get_regexp("(?:"+t.join("|")+")")},r.prototype._read_template=function(){var t="",e=this._input.peek();if("<"===e){var n=this._input.peek(1);this._disabled.php||this._excluded.php||"?"!==n||(t=t||this.__patterns.php.read()),this._disabled.erb||this._excluded.erb||"%"!==n||(t=t||this.__patterns.erb.read())}else"{"===e&&(this._disabled.handlebars||this._excluded.handlebars||(t=(t=(t=t||this.__patterns.handlebars_comment.read())||this.__patterns.handlebars_unescaped.read())||this.__patterns.handlebars.read()),this._disabled.django||(this._excluded.django||this._excluded.handlebars||(t=t||this.__patterns.django_value.read()),this._excluded.django||(t=(t=t||this.__patterns.django_comment.read())||this.__patterns.django.read())),this._disabled.smarty||this._disabled.django&&this._disabled.handlebars&&(t=(t=(t=t||this.__patterns.smarty_comment.read())||this.__patterns.smarty_literal.read())||this.__patterns.smarty.read()));return t},t.exports.TemplatablePattern=r},,,,function(t,e,n){var i=n(19).Beautifier,s=n(20).Options;t.exports=function(t,e,n,s){return new i(t,e,n,s).beautify()},t.exports.defaultOptions=function(){return new s}},function(t,e,n){var i=n(20).Options,s=n(2).Output,r=n(21).Tokenizer,a=n(21).TOKEN,o=/\r\n|[\r\n]/,_=/\r\n|[\r\n]/g,u=function(t,e){this.indent_level=0,this.alignment_size=0,this.max_preserve_newlines=t.max_preserve_newlines,this.preserve_newlines=t.preserve_newlines,this._output=new s(t,e)};u.prototype.current_line_has_match=function(t){return this._output.current_line.has_match(t)},u.prototype.set_space_before_token=function(t,e){this._output.space_before_token=t,this._output.non_breaking_space=e},u.prototype.set_wrap_point=function(){this._output.set_indent(this.indent_level,this.alignment_size),this._output.set_wrap_point()},u.prototype.add_raw_token=function(t){this._output.add_raw_token(t)},u.prototype.print_preserved_newlines=function(t){var e=0;t.type!==a.TEXT&&t.previous.type!==a.TEXT&&(e=t.newlines?1:0),this.preserve_newlines&&(e=t.newlines<this.max_preserve_newlines+1?t.newlines:this.max_preserve_newlines+1);for(var n=0;n<e;n++)this.print_newline(n>0);return 0!==e},u.prototype.traverse_whitespace=function(t){return!(!t.whitespace_before&&!t.newlines)&&(this.print_preserved_newlines(t)||(this._output.space_before_token=!0),!0)},u.prototype.previous_token_wrapped=function(){return this._output.previous_token_wrapped},u.prototype.print_newline=function(t){this._output.add_new_line(t)},u.prototype.print_token=function(t){t.text&&(this._output.set_indent(this.indent_level,this.alignment_size),this._output.add_token(t.text))},u.prototype.indent=function(){this.indent_level++},u.prototype.get_full_indent=function(t){return(t=this.indent_level+(t||0))<1?"":this._output.get_indent_string(t)};var p=function(t,e){var n=null,i=null;return e.closed?("script"===t?n="text/javascript":"style"===t&&(n="text/css"),n=function(t){for(var e=null,n=t.next;n.type!==a.EOF&&t.closed!==n;){if(n.type===a.ATTRIBUTE&&"type"===n.text){n.next&&n.next.type===a.EQUALS&&n.next.next&&n.next.next.type===a.VALUE&&(e=n.next.next.text);break}n=n.next}return e}(e)||n,n.search("text/css")>-1?i="css":n.search(/module|((text|application|dojo)\/(x-)?(javascript|ecmascript|jscript|livescript|(ld\+)?json|method|aspect))/)>-1?i="javascript":n.search(/(text|application|dojo)\/(x-)?(html)/)>-1?i="html":n.search(/test\/null/)>-1&&(i="null"),i):null};function l(t,e){return-1!==e.indexOf(t)}function h(t,e,n){this.parent=t||null,this.tag=e?e.tag_name:"",this.indent_level=n||0,this.parser_token=e||null}function c(t){this._printer=t,this._current_frame=null}function d(t,e,n,s){this._source_text=t||"",e=e||{},this._js_beautify=n,this._css_beautify=s,this._tag_stack=null;var r=new i(e,"html");this._options=r,this._is_wrap_attributes_force="force"===this._options.wrap_attributes.substr(0,"force".length),this._is_wrap_attributes_force_expand_multiline="force-expand-multiline"===this._options.wrap_attributes,this._is_wrap_attributes_force_aligned="force-aligned"===this._options.wrap_attributes,this._is_wrap_attributes_aligned_multiple="aligned-multiple"===this._options.wrap_attributes,this._is_wrap_attributes_preserve="preserve"===this._options.wrap_attributes.substr(0,"preserve".length),this._is_wrap_attributes_preserve_aligned="preserve-aligned"===this._options.wrap_attributes}c.prototype.get_parser_token=function(){return this._current_frame?this._current_frame.parser_token:null},c.prototype.record_tag=function(t){var e=new h(this._current_frame,t,this._printer.indent_level);this._current_frame=e},c.prototype._try_pop_frame=function(t){var e=null;return t&&(e=t.parser_token,this._printer.indent_level=t.indent_level,this._current_frame=t.parent),e},c.prototype._get_frame=function(t,e){for(var n=this._current_frame;n&&-1===t.indexOf(n.tag);){if(e&&-1!==e.indexOf(n.tag)){n=null;break}n=n.parent}return n},c.prototype.try_pop=function(t,e){var n=this._get_frame([t],e);return this._try_pop_frame(n)},c.prototype.indent_to_tag=function(t){var e=this._get_frame(t);e&&(this._printer.indent_level=e.indent_level)},d.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._source_text,e=this._options.eol;"auto"===this._options.eol&&(e="\n",t&&o.test(t)&&(e=t.match(o)[0]));var n=(t=t.replace(_,"\n")).match(/^[\t ]*/)[0],i={text:"",type:""},s=new f,p=new u(this._options,n),l=new r(t,this._options).tokenize();this._tag_stack=new c(p);for(var h=null,d=l.next();d.type!==a.EOF;)d.type===a.TAG_OPEN||d.type===a.COMMENT?s=h=this._handle_tag_open(p,d,s,i):d.type===a.ATTRIBUTE||d.type===a.EQUALS||d.type===a.VALUE||d.type===a.TEXT&&!s.tag_complete?h=this._handle_inside_tag(p,d,s,l):d.type===a.TAG_CLOSE?h=this._handle_tag_close(p,d,s):d.type===a.TEXT?h=this._handle_text(p,d,s):p.add_raw_token(d),i=h,d=l.next();return p._output.get_code(e)},d.prototype._handle_tag_close=function(t,e,n){var i={text:e.text,type:e.type};return t.alignment_size=0,n.tag_complete=!0,t.set_space_before_token(e.newlines||""!==e.whitespace_before,!0),n.is_unformatted?t.add_raw_token(e):("<"===n.tag_start_char&&(t.set_space_before_token("/"===e.text[0],!0),this._is_wrap_attributes_force_expand_multiline&&n.has_wrapped_attrs&&t.print_newline(!1)),t.print_token(e)),!n.indent_content||n.is_unformatted||n.is_content_unformatted||(t.indent(),n.indent_content=!1),n.is_inline_element||n.is_unformatted||n.is_content_unformatted||t.set_wrap_point(),i},d.prototype._handle_inside_tag=function(t,e,n,i){var s=n.has_wrapped_attrs,r={text:e.text,type:e.type};if(t.set_space_before_token(e.newlines||""!==e.whitespace_before,!0),n.is_unformatted)t.add_raw_token(e);else if("{"===n.tag_start_char&&e.type===a.TEXT)t.print_preserved_newlines(e)?(e.newlines=0,t.add_raw_token(e)):t.print_token(e);else{if(e.type===a.ATTRIBUTE?(t.set_space_before_token(!0),n.attr_count+=1):(e.type===a.EQUALS||e.type===a.VALUE&&e.previous.type===a.EQUALS)&&t.set_space_before_token(!1),e.type===a.ATTRIBUTE&&"<"===n.tag_start_char&&((this._is_wrap_attributes_preserve||this._is_wrap_attributes_preserve_aligned)&&(t.traverse_whitespace(e),s=s||0!==e.newlines),this._is_wrap_attributes_force)){var o=n.attr_count>1;if(this._is_wrap_attributes_force_expand_multiline&&1===n.attr_count){var _,u=!0,p=0;do{if((_=i.peek(p)).type===a.ATTRIBUTE){u=!1;break}p+=1}while(p<4&&_.type!==a.EOF&&_.type!==a.TAG_CLOSE);o=!u}o&&(t.print_newline(!1),s=!0)}t.print_token(e),s=s||t.previous_token_wrapped(),n.has_wrapped_attrs=s}return r},d.prototype._handle_text=function(t,e,n){var i={text:e.text,type:"TK_CONTENT"};return n.custom_beautifier_name?this._print_custom_beatifier_text(t,e,n):n.is_unformatted||n.is_content_unformatted?t.add_raw_token(e):(t.traverse_whitespace(e),t.print_token(e)),i},d.prototype._print_custom_beatifier_text=function(t,e,n){var i=this;if(""!==e.text){var s,r=e.text,a=1,o="",_="";"javascript"===n.custom_beautifier_name&&"function"==typeof this._js_beautify?s=this._js_beautify:"css"===n.custom_beautifier_name&&"function"==typeof this._css_beautify?s=this._css_beautify:"html"===n.custom_beautifier_name&&(s=function(t,e){return new d(t,e,i._js_beautify,i._css_beautify).beautify()}),"keep"===this._options.indent_scripts?a=0:"separate"===this._options.indent_scripts&&(a=-t.indent_level);var u=t.get_full_indent(a);if(r=r.replace(/\n[ \t]*$/,""),"html"!==n.custom_beautifier_name&&"<"===r[0]&&r.match(/^(<!--|<!\[CDATA\[)/)){var p=/^(<!--[^\n]*|<!\[CDATA\[)(\n?)([ \t\n]*)([\s\S]*)(-->|]]>)$/.exec(r);if(!p)return void t.add_raw_token(e);o=u+p[1]+"\n",r=p[4],p[5]&&(_=u+p[5]),r=r.replace(/\n[ \t]*$/,""),(p[2]||-1!==p[3].indexOf("\n"))&&(p=p[3].match(/[ \t]+$/))&&(e.whitespace_before=p[0])}if(r)if(s){var l=function(){this.eol="\n"};l.prototype=this._options.raw_options,r=s(u+r,new l)}else{var h=e.whitespace_before;h&&(r=r.replace(new RegExp("\n("+h+")?","g"),"\n")),r=u+r.replace(/\n/g,"\n"+u)}o&&(r=r?o+r+"\n"+_:o+_),t.print_newline(!1),r&&(e.text=r,e.whitespace_before="",e.newlines=0,t.add_raw_token(e),t.print_newline(!0))}},d.prototype._handle_tag_open=function(t,e,n,i){var s=this._get_tag_open_token(e);return!n.is_unformatted&&!n.is_content_unformatted||n.is_empty_element||e.type!==a.TAG_OPEN||0!==e.text.indexOf("</")?(t.traverse_whitespace(e),this._set_tag_position(t,e,s,n,i),s.is_inline_element||t.set_wrap_point(),t.print_token(e)):(t.add_raw_token(e),s.start_tag_token=this._tag_stack.try_pop(s.tag_name)),(this._is_wrap_attributes_force_aligned||this._is_wrap_attributes_aligned_multiple||this._is_wrap_attributes_preserve_aligned)&&(s.alignment_size=e.text.length+1),s.tag_complete||s.is_unformatted||(t.alignment_size=s.alignment_size),s};var f=function(t,e){if(this.parent=t||null,this.text="",this.type="TK_TAG_OPEN",this.tag_name="",this.is_inline_element=!1,this.is_unformatted=!1,this.is_content_unformatted=!1,this.is_empty_element=!1,this.is_start_tag=!1,this.is_end_tag=!1,this.indent_content=!1,this.multiline_content=!1,this.custom_beautifier_name=null,this.start_tag_token=null,this.attr_count=0,this.has_wrapped_attrs=!1,this.alignment_size=0,this.tag_complete=!1,this.tag_start_char="",this.tag_check="",e){var n;this.tag_start_char=e.text[0],this.text=e.text,"<"===this.tag_start_char?(n=e.text.match(/^<([^\s>]*)/),this.tag_check=n?n[1]:""):(n=e.text.match(/^{{~?(?:[\^]|#\*?)?([^\s}]+)/),this.tag_check=n?n[1]:"",(e.text.startsWith("{{#>")||e.text.startsWith("{{~#>"))&&">"===this.tag_check[0]&&(">"===this.tag_check&&null!==e.next?this.tag_check=e.next.text.split(" ")[0]:this.tag_check=e.text.split(">")[1])),this.tag_check=this.tag_check.toLowerCase(),e.type===a.COMMENT&&(this.tag_complete=!0),this.is_start_tag="/"!==this.tag_check.charAt(0),this.tag_name=this.is_start_tag?this.tag_check:this.tag_check.substr(1),this.is_end_tag=!this.is_start_tag||e.closed&&"/>"===e.closed.text;var i=2;"{"===this.tag_start_char&&this.text.length>=3&&"~"===this.text.charAt(2)&&(i=3),this.is_end_tag=this.is_end_tag||"{"===this.tag_start_char&&(this.text.length<3||/[^#\^]/.test(this.text.charAt(i)))}else this.tag_complete=!0};d.prototype._get_tag_open_token=function(t){var e=new f(this._tag_stack.get_parser_token(),t);return e.alignment_size=this._options.wrap_attributes_indent_size,e.is_end_tag=e.is_end_tag||l(e.tag_check,this._options.void_elements),e.is_empty_element=e.tag_complete||e.is_start_tag&&e.is_end_tag,e.is_unformatted=!e.tag_complete&&l(e.tag_check,this._options.unformatted),e.is_content_unformatted=!e.is_empty_element&&l(e.tag_check,this._options.content_unformatted),e.is_inline_element=l(e.tag_name,this._options.inline)||e.tag_name.includes("-")||"{"===e.tag_start_char,e},d.prototype._set_tag_position=function(t,e,n,i,s){if(n.is_empty_element||(n.is_end_tag?n.start_tag_token=this._tag_stack.try_pop(n.tag_name):(this._do_optional_end_element(n)&&(n.is_inline_element||t.print_newline(!1)),this._tag_stack.record_tag(n),"script"!==n.tag_name&&"style"!==n.tag_name||n.is_unformatted||n.is_content_unformatted||(n.custom_beautifier_name=p(n.tag_check,e)))),l(n.tag_check,this._options.extra_liners)&&(t.print_newline(!1),t._output.just_added_blankline()||t.print_newline(!0)),n.is_empty_element){if("{"===n.tag_start_char&&"else"===n.tag_check)this._tag_stack.indent_to_tag(["if","unless","each"]),n.indent_content=!0,t.current_line_has_match(/{{#if/)||t.print_newline(!1);"!--"===n.tag_name&&s.type===a.TAG_CLOSE&&i.is_end_tag&&-1===n.text.indexOf("\n")||(n.is_inline_element||n.is_unformatted||t.print_newline(!1),this._calcluate_parent_multiline(t,n))}else if(n.is_end_tag){var r=!1;r=(r=n.start_tag_token&&n.start_tag_token.multiline_content)||!n.is_inline_element&&!(i.is_inline_element||i.is_unformatted)&&!(s.type===a.TAG_CLOSE&&n.start_tag_token===i)&&"TK_CONTENT"!==s.type,(n.is_content_unformatted||n.is_unformatted)&&(r=!1),r&&t.print_newline(!1)}else n.indent_content=!n.custom_beautifier_name,"<"===n.tag_start_char&&("html"===n.tag_name?n.indent_content=this._options.indent_inner_html:"head"===n.tag_name?n.indent_content=this._options.indent_head_inner_html:"body"===n.tag_name&&(n.indent_content=this._options.indent_body_inner_html)),n.is_inline_element||n.is_unformatted||"TK_CONTENT"===s.type&&!n.is_content_unformatted||t.print_newline(!1),this._calcluate_parent_multiline(t,n)},d.prototype._calcluate_parent_multiline=function(t,e){!e.parent||!t._output.just_added_newline()||(e.is_inline_element||e.is_unformatted)&&e.parent.is_inline_element||(e.parent.multiline_content=!0)};var g=["address","article","aside","blockquote","details","div","dl","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hr","main","nav","ol","p","pre","section","table","ul"],m=["a","audio","del","ins","map","noscript","video"];d.prototype._do_optional_end_element=function(t){var e=null;if(!t.is_empty_element&&t.is_start_tag&&t.parent){if("body"===t.tag_name)e=e||this._tag_stack.try_pop("head");else if("li"===t.tag_name)e=e||this._tag_stack.try_pop("li",["ol","ul"]);else if("dd"===t.tag_name||"dt"===t.tag_name)e=(e=e||this._tag_stack.try_pop("dt",["dl"]))||this._tag_stack.try_pop("dd",["dl"]);else if("p"===t.parent.tag_name&&-1!==g.indexOf(t.tag_name)){var n=t.parent.parent;n&&-1!==m.indexOf(n.tag_name)||(e=e||this._tag_stack.try_pop("p"))}else"rp"===t.tag_name||"rt"===t.tag_name?e=(e=e||this._tag_stack.try_pop("rt",["ruby","rtc"]))||this._tag_stack.try_pop("rp",["ruby","rtc"]):"optgroup"===t.tag_name?e=e||this._tag_stack.try_pop("optgroup",["select"]):"option"===t.tag_name?e=e||this._tag_stack.try_pop("option",["select","datalist","optgroup"]):"colgroup"===t.tag_name?e=e||this._tag_stack.try_pop("caption",["table"]):"thead"===t.tag_name?e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]):"tbody"===t.tag_name||"tfoot"===t.tag_name?e=(e=(e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]))||this._tag_stack.try_pop("thead",["table"]))||this._tag_stack.try_pop("tbody",["table"]):"tr"===t.tag_name?e=(e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]))||this._tag_stack.try_pop("tr",["table","thead","tbody","tfoot"]):"th"!==t.tag_name&&"td"!==t.tag_name||(e=(e=e||this._tag_stack.try_pop("td",["table","thead","tbody","tfoot","tr"]))||this._tag_stack.try_pop("th",["table","thead","tbody","tfoot","tr"]));return t.parent=this._tag_stack.get_parser_token(),e}},t.exports.Beautifier=d},function(t,e,n){var i=n(6).Options;function s(t){i.call(this,t,"html"),1===this.templating.length&&"auto"===this.templating[0]&&(this.templating=["django","erb","handlebars","php"]),this.indent_inner_html=this._get_boolean("indent_inner_html"),this.indent_body_inner_html=this._get_boolean("indent_body_inner_html",!0),this.indent_head_inner_html=this._get_boolean("indent_head_inner_html",!0),this.indent_handlebars=this._get_boolean("indent_handlebars",!0),this.wrap_attributes=this._get_selection("wrap_attributes",["auto","force","force-aligned","force-expand-multiline","aligned-multiple","preserve","preserve-aligned"]),this.wrap_attributes_indent_size=this._get_number("wrap_attributes_indent_size",this.indent_size),this.extra_liners=this._get_array("extra_liners",["head","body","/html"]),this.inline=this._get_array("inline",["a","abbr","area","audio","b","bdi","bdo","br","button","canvas","cite","code","data","datalist","del","dfn","em","embed","i","iframe","img","input","ins","kbd","keygen","label","map","mark","math","meter","noscript","object","output","progress","q","ruby","s","samp","select","small","span","strong","sub","sup","svg","template","textarea","time","u","var","video","wbr","text","acronym","big","strike","tt"]),this.void_elements=this._get_array("void_elements",["area","base","br","col","embed","hr","img","input","keygen","link","menuitem","meta","param","source","track","wbr","!doctype","?xml","basefont","isindex"]),this.unformatted=this._get_array("unformatted",[]),this.content_unformatted=this._get_array("content_unformatted",["pre","textarea"]),this.unformatted_content_delimiter=this._get_characters("unformatted_content_delimiter"),this.indent_scripts=this._get_selection("indent_scripts",["normal","keep","separate"])}s.prototype=new i,t.exports.Options=s},function(t,e,n){var i=n(9).Tokenizer,s=n(9).TOKEN,r=n(13).Directives,a=n(14).TemplatablePattern,o=n(12).Pattern,_={TAG_OPEN:"TK_TAG_OPEN",TAG_CLOSE:"TK_TAG_CLOSE",ATTRIBUTE:"TK_ATTRIBUTE",EQUALS:"TK_EQUALS",VALUE:"TK_VALUE",COMMENT:"TK_COMMENT",TEXT:"TK_TEXT",UNKNOWN:"TK_UNKNOWN",START:s.START,RAW:s.RAW,EOF:s.EOF},u=new r(/<\!--/,/-->/),p=function(t,e){i.call(this,t,e),this._current_tag_name="";var n=new a(this._input).read_options(this._options),s=new o(this._input);if(this.__patterns={word:n.until(/[\n\r\t <]/),single_quote:n.until_after(/'/),double_quote:n.until_after(/"/),attribute:n.until(/[\n\r\t =>]|\/>/),element_name:n.until(/[\n\r\t >\/]/),handlebars_comment:s.starting_with(/{{!--/).until_after(/--}}/),handlebars:s.starting_with(/{{/).until_after(/}}/),handlebars_open:s.until(/[\n\r\t }]/),handlebars_raw_close:s.until(/}}/),comment:s.starting_with(/<!--/).until_after(/-->/),cdata:s.starting_with(/<!\[CDATA\[/).until_after(/]]>/),conditional_comment:s.starting_with(/<!\[/).until_after(/]>/),processing:s.starting_with(/<\?/).until_after(/\?>/)},this._options.indent_handlebars&&(this.__patterns.word=this.__patterns.word.exclude("handlebars")),this._unformatted_content_delimiter=null,this._options.unformatted_content_delimiter){var r=this._input.get_literal_regexp(this._options.unformatted_content_delimiter);this.__patterns.unformatted_content_delimiter=s.matching(r).until_after(r)}};(p.prototype=new i)._is_comment=function(t){return!1},p.prototype._is_opening=function(t){return t.type===_.TAG_OPEN},p.prototype._is_closing=function(t,e){return t.type===_.TAG_CLOSE&&e&&((">"===t.text||"/>"===t.text)&&"<"===e.text[0]||"}}"===t.text&&"{"===e.text[0]&&"{"===e.text[1])},p.prototype._reset=function(){this._current_tag_name=""},p.prototype._get_next_token=function(t,e){var n=null;this._readWhitespace();var i=this._input.peek();return null===i?this._create_token(_.EOF,""):n=(n=(n=(n=(n=(n=(n=(n=(n=n||this._read_open_handlebars(i,e))||this._read_attribute(i,t,e))||this._read_close(i,e))||this._read_raw_content(i,t,e))||this._read_content_word(i))||this._read_comment_or_cdata(i))||this._read_processing(i))||this._read_open(i,e))||this._create_token(_.UNKNOWN,this._input.next())},p.prototype._read_comment_or_cdata=function(t){var e=null,n=null,i=null;"<"===t&&("!"===this._input.peek(1)&&((n=this.__patterns.comment.read())?(i=u.get_directives(n))&&"start"===i.ignore&&(n+=u.readIgnored(this._input)):n=this.__patterns.cdata.read()),n&&((e=this._create_token(_.COMMENT,n)).directives=i));return e},p.prototype._read_processing=function(t){var e=null,n=null;if("<"===t){var i=this._input.peek(1);"!"!==i&&"?"!==i||(n=(n=this.__patterns.conditional_comment.read())||this.__patterns.processing.read()),n&&((e=this._create_token(_.COMMENT,n)).directives=null)}return e},p.prototype._read_open=function(t,e){var n=null,i=null;return e||"<"===t&&(n=this._input.next(),"/"===this._input.peek()&&(n+=this._input.next()),n+=this.__patterns.element_name.read(),i=this._create_token(_.TAG_OPEN,n)),i},p.prototype._read_open_handlebars=function(t,e){var n=null,i=null;return e||this._options.indent_handlebars&&"{"===t&&"{"===this._input.peek(1)&&("!"===this._input.peek(2)?(n=(n=this.__patterns.handlebars_comment.read())||this.__patterns.handlebars.read(),i=this._create_token(_.COMMENT,n)):(n=this.__patterns.handlebars_open.read(),i=this._create_token(_.TAG_OPEN,n))),i},p.prototype._read_close=function(t,e){var n=null,i=null;return e&&("<"===e.text[0]&&(">"===t||"/"===t&&">"===this._input.peek(1))?(n=this._input.next(),"/"===t&&(n+=this._input.next()),i=this._create_token(_.TAG_CLOSE,n)):"{"===e.text[0]&&"}"===t&&"}"===this._input.peek(1)&&(this._input.next(),this._input.next(),i=this._create_token(_.TAG_CLOSE,"}}"))),i},p.prototype._read_attribute=function(t,e,n){var i=null,s="";if(n&&"<"===n.text[0])if("="===t)i=this._create_token(_.EQUALS,this._input.next());else if('"'===t||"'"===t){var r=this._input.next();r+='"'===t?this.__patterns.double_quote.read():this.__patterns.single_quote.read(),i=this._create_token(_.VALUE,r)}else(s=this.__patterns.attribute.read())&&(i=e.type===_.EQUALS?this._create_token(_.VALUE,s):this._create_token(_.ATTRIBUTE,s));return i},p.prototype._is_content_unformatted=function(t){return-1===this._options.void_elements.indexOf(t)&&(-1!==this._options.content_unformatted.indexOf(t)||-1!==this._options.unformatted.indexOf(t))},p.prototype._read_raw_content=function(t,e,n){var i="";if(n&&"{"===n.text[0])i=this.__patterns.handlebars_raw_close.read();else if(e.type===_.TAG_CLOSE&&"<"===e.opened.text[0]&&"/"!==e.text[0]){var s=e.opened.text.substr(1).toLowerCase();if("script"===s||"style"===s){var r=this._read_comment_or_cdata(t);if(r)return r.type=_.TEXT,r;i=this._input.readUntil(new RegExp("</"+s+"[\\n\\r\\t ]*?>","ig"))}else this._is_content_unformatted(s)&&(i=this._input.readUntil(new RegExp("</"+s+"[\\n\\r\\t ]*?>","ig")))}return i?this._create_token(_.TEXT,i):null},p.prototype._read_content_word=function(t){var e="";if(this._options.unformatted_content_delimiter&&t===this._options.unformatted_content_delimiter[0]&&(e=this.__patterns.unformatted_content_delimiter.read()),e||(e=this.__patterns.word.read()),e)return this._create_token(_.TEXT,e)},t.exports.Tokenizer=p,t.exports.TOKEN=_}],e={};var n=function n(i){var s=e[i];if(void 0!==s)return s.exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}(18);r=n}();var a=r;i=[n,n(141),n(142)],s=function(t){var e=n(141),i=n(142);return{html_beautify:function(t,n){return a(t,n,e.js_beautify,i.css_beautify)}}}.apply(e,i),void 0===s||(t.exports=s)}()},141:function(t,e){var n;!function(){var i;!function(){"use strict";var t=[function(t,e,n){var i=n(1).Beautifier,s=n(5).Options;t.exports=function(t,e){return new i(t,e).beautify()},t.exports.defaultOptions=function(){return new s}},function(t,e,n){var i=n(2).Output,s=n(3).Token,r=n(4),a=n(5).Options,o=n(7).Tokenizer,_=n(7).line_starters,u=n(7).positionable_operators,p=n(7).TOKEN;function l(t,e){return-1!==e.indexOf(t)}function h(t,e){return t&&t.type===p.RESERVED&&t.text===e}function c(t,e){return t&&t.type===p.RESERVED&&l(t.text,e)}var d=["case","return","do","if","throw","else","await","break","continue","async"],f=function(t){for(var e={},n=0;n<t.length;n++)e[t[n].replace(/-/g,"_")]=t[n];return e}(["before-newline","after-newline","preserve-newline"]),g=[f.before_newline,f.preserve_newline],m="BlockStatement",y="Statement",b="ObjectLiteral",v="ArrayLiteral",k="ForInitializer",w="Conditional",x="Expression";function S(t,e){e.multiline_frame||e.mode===k||e.mode===w||t.remove_indent(e.start_line_index)}function E(t){return t===v}function O(t){return l(t,[x,k,w])}function P(t,e){e=e||{},this._source_text=t||"",this._output=null,this._tokens=null,this._last_last_text=null,this._flags=null,this._previous_flags=null,this._flag_store=null,this._options=new a(e)}P.prototype.create_flags=function(t,e){var n=0;return t&&(n=t.indentation_level,!this._output.just_added_newline()&&t.line_indent_level>n&&(n=t.line_indent_level)),{mode:e,parent:t,last_token:t?t.last_token:new s(p.START_BLOCK,""),last_word:t?t.last_word:"",declaration_statement:!1,declaration_assignment:!1,multiline_frame:!1,inline_frame:!1,if_block:!1,else_block:!1,class_start_block:!1,do_block:!1,do_while:!1,import_block:!1,in_case_statement:!1,in_case:!1,case_body:!1,case_block:!1,indentation_level:n,alignment:0,line_indent_level:t?t.line_indent_level:n,start_line_index:this._output.get_line_number(),ternary_depth:0}},P.prototype._reset=function(t){var e=t.match(/^[\t ]*/)[0];this._last_last_text="",this._output=new i(this._options,e),this._output.raw=this._options.test_output_raw,this._flag_store=[],this.set_mode(m);var n=new o(t,this._options);return this._tokens=n.tokenize(),t},P.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._reset(this._source_text),e=this._options.eol;"auto"===this._options.eol&&(e="\n",t&&r.lineBreak.test(t||"")&&(e=t.match(r.lineBreak)[0]));for(var n=this._tokens.next();n;)this.handle_token(n),this._last_last_text=this._flags.last_token.text,this._flags.last_token=n,n=this._tokens.next();return this._output.get_code(e)},P.prototype.handle_token=function(t,e){t.type===p.START_EXPR?this.handle_start_expr(t):t.type===p.END_EXPR?this.handle_end_expr(t):t.type===p.START_BLOCK?this.handle_start_block(t):t.type===p.END_BLOCK?this.handle_end_block(t):t.type===p.WORD||t.type===p.RESERVED?this.handle_word(t):t.type===p.SEMICOLON?this.handle_semicolon(t):t.type===p.STRING?this.handle_string(t):t.type===p.EQUALS?this.handle_equals(t):t.type===p.OPERATOR?this.handle_operator(t):t.type===p.COMMA?this.handle_comma(t):t.type===p.BLOCK_COMMENT?this.handle_block_comment(t,e):t.type===p.COMMENT?this.handle_comment(t,e):t.type===p.DOT?this.handle_dot(t):t.type===p.EOF?this.handle_eof(t):(t.type,p.UNKNOWN,this.handle_unknown(t,e))},P.prototype.handle_whitespace_and_comments=function(t,e){var n=t.newlines,i=this._options.keep_array_indentation&&E(this._flags.mode);if(t.comments_before)for(var s=t.comments_before.next();s;)this.handle_whitespace_and_comments(s,e),this.handle_token(s,e),s=t.comments_before.next();if(i)for(var r=0;r<n;r+=1)this.print_newline(r>0,e);else if(this._options.max_preserve_newlines&&n>this._options.max_preserve_newlines&&(n=this._options.max_preserve_newlines),this._options.preserve_newlines&&n>1){this.print_newline(!1,e);for(var a=1;a<n;a+=1)this.print_newline(!0,e)}};var A=["async","break","continue","return","throw","yield"];P.prototype.allow_wrap_or_preserved_newline=function(t,e){if(e=void 0!==e&&e,!this._output.just_added_newline()){var n=this._options.preserve_newlines&&t.newlines||e;if(l(this._flags.last_token.text,u)||l(t.text,u)){var i=l(this._flags.last_token.text,u)&&l(this._options.operator_position,g)||l(t.text,u);n=n&&i}if(n)this.print_newline(!1,!0);else if(this._options.wrap_line_length){if(c(this._flags.last_token,A))return;this._output.set_wrap_point()}}},P.prototype.print_newline=function(t,e){if(!e&&";"!==this._flags.last_token.text&&","!==this._flags.last_token.text&&"="!==this._flags.last_token.text&&(this._flags.last_token.type!==p.OPERATOR||"--"===this._flags.last_token.text||"++"===this._flags.last_token.text))for(var n=this._tokens.peek();!(this._flags.mode!==y||this._flags.if_block&&h(n,"else")||this._flags.do_block);)this.restore_mode();this._output.add_new_line(t)&&(this._flags.multiline_frame=!0)},P.prototype.print_token_line_indentation=function(t){this._output.just_added_newline()&&(this._options.keep_array_indentation&&t.newlines&&("["===t.text||E(this._flags.mode))?(this._output.current_line.set_indent(-1),this._output.current_line.push(t.whitespace_before),this._output.space_before_token=!1):this._output.set_indent(this._flags.indentation_level,this._flags.alignment)&&(this._flags.line_indent_level=this._flags.indentation_level))},P.prototype.print_token=function(t){if(this._output.raw)this._output.add_raw_token(t);else{if(this._options.comma_first&&t.previous&&t.previous.type===p.COMMA&&this._output.just_added_newline()&&","===this._output.previous_line.last()){var e=this._output.previous_line.pop();this._output.previous_line.is_empty()&&(this._output.previous_line.push(e),this._output.trim(!0),this._output.current_line.pop(),this._output.trim()),this.print_token_line_indentation(t),this._output.add_token(","),this._output.space_before_token=!0}this.print_token_line_indentation(t),this._output.non_breaking_space=!0,this._output.add_token(t.text),this._output.previous_token_wrapped&&(this._flags.multiline_frame=!0)}},P.prototype.indent=function(){this._flags.indentation_level+=1,this._output.set_indent(this._flags.indentation_level,this._flags.alignment)},P.prototype.deindent=function(){this._flags.indentation_level>0&&(!this._flags.parent||this._flags.indentation_level>this._flags.parent.indentation_level)&&(this._flags.indentation_level-=1,this._output.set_indent(this._flags.indentation_level,this._flags.alignment))},P.prototype.set_mode=function(t){this._flags?(this._flag_store.push(this._flags),this._previous_flags=this._flags):this._previous_flags=this.create_flags(null,t),this._flags=this.create_flags(this._previous_flags,t),this._output.set_indent(this._flags.indentation_level,this._flags.alignment)},P.prototype.restore_mode=function(){this._flag_store.length>0&&(this._previous_flags=this._flags,this._flags=this._flag_store.pop(),this._previous_flags.mode===y&&S(this._output,this._previous_flags),this._output.set_indent(this._flags.indentation_level,this._flags.alignment))},P.prototype.start_of_object_property=function(){return this._flags.parent.mode===b&&this._flags.mode===y&&(":"===this._flags.last_token.text&&0===this._flags.ternary_depth||c(this._flags.last_token,["get","set"]))},P.prototype.start_of_statement=function(t){var e=!1;return!!(e=(e=(e=(e=(e=(e=(e=e||c(this._flags.last_token,["var","let","const"])&&t.type===p.WORD)||h(this._flags.last_token,"do"))||!(this._flags.parent.mode===b&&this._flags.mode===y)&&c(this._flags.last_token,A)&&!t.newlines)||h(this._flags.last_token,"else")&&!(h(t,"if")&&!t.comments_before))||this._flags.last_token.type===p.END_EXPR&&(this._previous_flags.mode===k||this._previous_flags.mode===w))||this._flags.last_token.type===p.WORD&&this._flags.mode===m&&!this._flags.in_case&&!("--"===t.text||"++"===t.text)&&"function"!==this._last_last_text&&t.type!==p.WORD&&t.type!==p.RESERVED)||this._flags.mode===b&&(":"===this._flags.last_token.text&&0===this._flags.ternary_depth||c(this._flags.last_token,["get","set"])))&&(this.set_mode(y),this.indent(),this.handle_whitespace_and_comments(t,!0),this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t,c(t,["do","for","if","while"])),!0)},P.prototype.handle_start_expr=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t);var e=x;if("["===t.text){if(this._flags.last_token.type===p.WORD||")"===this._flags.last_token.text)return c(this._flags.last_token,_)&&(this._output.space_before_token=!0),this.print_token(t),this.set_mode(e),this.indent(),void(this._options.space_in_paren&&(this._output.space_before_token=!0));e=v,E(this._flags.mode)&&("["!==this._flags.last_token.text&&(","!==this._flags.last_token.text||"]"!==this._last_last_text&&"}"!==this._last_last_text)||this._options.keep_array_indentation||this.print_newline()),l(this._flags.last_token.type,[p.START_EXPR,p.END_EXPR,p.WORD,p.OPERATOR,p.DOT])||(this._output.space_before_token=!0)}else{if(this._flags.last_token.type===p.RESERVED)"for"===this._flags.last_token.text?(this._output.space_before_token=this._options.space_before_conditional,e=k):l(this._flags.last_token.text,["if","while","switch"])?(this._output.space_before_token=this._options.space_before_conditional,e=w):l(this._flags.last_word,["await","async"])?this._output.space_before_token=!0:"import"===this._flags.last_token.text&&""===t.whitespace_before?this._output.space_before_token=!1:(l(this._flags.last_token.text,_)||"catch"===this._flags.last_token.text)&&(this._output.space_before_token=!0);else if(this._flags.last_token.type===p.EQUALS||this._flags.last_token.type===p.OPERATOR)this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t);else if(this._flags.last_token.type===p.WORD){this._output.space_before_token=!1;var n=this._tokens.peek(-3);if(this._options.space_after_named_function&&n){var i=this._tokens.peek(-4);c(n,["async","function"])||"*"===n.text&&c(i,["async","function"])?this._output.space_before_token=!0:this._flags.mode===b?"{"!==n.text&&","!==n.text&&("*"!==n.text||"{"!==i.text&&","!==i.text)||(this._output.space_before_token=!0):this._flags.parent&&this._flags.parent.class_start_block&&(this._output.space_before_token=!0)}}else this.allow_wrap_or_preserved_newline(t);(this._flags.last_token.type===p.RESERVED&&("function"===this._flags.last_word||"typeof"===this._flags.last_word)||"*"===this._flags.last_token.text&&(l(this._last_last_text,["function","yield"])||this._flags.mode===b&&l(this._last_last_text,["{",","])))&&(this._output.space_before_token=this._options.space_after_anon_function)}";"===this._flags.last_token.text||this._flags.last_token.type===p.START_BLOCK?this.print_newline():this._flags.last_token.type!==p.END_EXPR&&this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.END_BLOCK&&"."!==this._flags.last_token.text&&this._flags.last_token.type!==p.COMMA||this.allow_wrap_or_preserved_newline(t,t.newlines),this.print_token(t),this.set_mode(e),this._options.space_in_paren&&(this._output.space_before_token=!0),this.indent()},P.prototype.handle_end_expr=function(t){for(;this._flags.mode===y;)this.restore_mode();this.handle_whitespace_and_comments(t),this._flags.multiline_frame&&this.allow_wrap_or_preserved_newline(t,"]"===t.text&&E(this._flags.mode)&&!this._options.keep_array_indentation),this._options.space_in_paren&&(this._flags.last_token.type!==p.START_EXPR||this._options.space_in_empty_paren?this._output.space_before_token=!0:(this._output.trim(),this._output.space_before_token=!1)),this.deindent(),this.print_token(t),this.restore_mode(),S(this._output,this._previous_flags),this._flags.do_while&&this._previous_flags.mode===w&&(this._previous_flags.mode=x,this._flags.do_block=!1,this._flags.do_while=!1)},P.prototype.handle_start_block=function(t){this.handle_whitespace_and_comments(t);var e=this._tokens.peek(),n=this._tokens.peek(1);"switch"===this._flags.last_word&&this._flags.last_token.type===p.END_EXPR?(this.set_mode(m),this._flags.in_case_statement=!0):this._flags.case_body?this.set_mode(m):n&&(l(n.text,[":",","])&&l(e.type,[p.STRING,p.WORD,p.RESERVED])||l(e.text,["get","set","..."])&&l(n.type,[p.WORD,p.RESERVED]))?l(this._last_last_text,["class","interface"])&&!l(n.text,[":",","])?this.set_mode(m):this.set_mode(b):this._flags.last_token.type===p.OPERATOR&&"=>"===this._flags.last_token.text?this.set_mode(m):l(this._flags.last_token.type,[p.EQUALS,p.START_EXPR,p.COMMA,p.OPERATOR])||c(this._flags.last_token,["return","throw","import","default"])?this.set_mode(b):this.set_mode(m),this._flags.last_token&&c(this._flags.last_token.previous,["class","extends"])&&(this._flags.class_start_block=!0);var i=!e.comments_before&&"}"===e.text,s=i&&"function"===this._flags.last_word&&this._flags.last_token.type===p.END_EXPR;if(this._options.brace_preserve_inline){var r=0,a=null;this._flags.inline_frame=!0;do{if(r+=1,(a=this._tokens.peek(r-1)).newlines){this._flags.inline_frame=!1;break}}while(a.type!==p.EOF&&(a.type!==p.END_BLOCK||a.opened!==t))}("expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines)&&!this._flags.inline_frame?this._flags.last_token.type!==p.OPERATOR&&(s||this._flags.last_token.type===p.EQUALS||c(this._flags.last_token,d)&&"else"!==this._flags.last_token.text)?this._output.space_before_token=!0:this.print_newline(!1,!0):(!E(this._previous_flags.mode)||this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.COMMA||((this._flags.last_token.type===p.COMMA||this._options.space_in_paren)&&(this._output.space_before_token=!0),(this._flags.last_token.type===p.COMMA||this._flags.last_token.type===p.START_EXPR&&this._flags.inline_frame)&&(this.allow_wrap_or_preserved_newline(t),this._previous_flags.multiline_frame=this._previous_flags.multiline_frame||this._flags.multiline_frame,this._flags.multiline_frame=!1)),this._flags.last_token.type!==p.OPERATOR&&this._flags.last_token.type!==p.START_EXPR&&(this._flags.last_token.type!==p.START_BLOCK||this._flags.inline_frame?this._output.space_before_token=!0:this.print_newline())),this.print_token(t),this.indent(),i||this._options.brace_preserve_inline&&this._flags.inline_frame||this.print_newline()},P.prototype.handle_end_block=function(t){for(this.handle_whitespace_and_comments(t);this._flags.mode===y;)this.restore_mode();var e=this._flags.last_token.type===p.START_BLOCK;this._flags.inline_frame&&!e?this._output.space_before_token=!0:"expand"===this._options.brace_style?e||this.print_newline():e||(E(this._flags.mode)&&this._options.keep_array_indentation?(this._options.keep_array_indentation=!1,this.print_newline(),this._options.keep_array_indentation=!0):this.print_newline()),this.restore_mode(),this.print_token(t)},P.prototype.handle_word=function(t){if(t.type===p.RESERVED)if(l(t.text,["set","get"])&&this._flags.mode!==b)t.type=p.WORD;else if("import"===t.text&&l(this._tokens.peek().text,["(","."]))t.type=p.WORD;else if(l(t.text,["as","from"])&&!this._flags.import_block)t.type=p.WORD;else if(this._flags.mode===b){":"===this._tokens.peek().text&&(t.type=p.WORD)}if(this.start_of_statement(t)?c(this._flags.last_token,["var","let","const"])&&t.type===p.WORD&&(this._flags.declaration_statement=!0):!t.newlines||O(this._flags.mode)||this._flags.last_token.type===p.OPERATOR&&"--"!==this._flags.last_token.text&&"++"!==this._flags.last_token.text||this._flags.last_token.type===p.EQUALS||!this._options.preserve_newlines&&c(this._flags.last_token,["var","let","const","set","get"])?this.handle_whitespace_and_comments(t):(this.handle_whitespace_and_comments(t),this.print_newline()),this._flags.do_block&&!this._flags.do_while){if(h(t,"while"))return this._output.space_before_token=!0,this.print_token(t),this._output.space_before_token=!0,void(this._flags.do_while=!0);this.print_newline(),this._flags.do_block=!1}if(this._flags.if_block)if(!this._flags.else_block&&h(t,"else"))this._flags.else_block=!0;else{for(;this._flags.mode===y;)this.restore_mode();this._flags.if_block=!1,this._flags.else_block=!1}if(this._flags.in_case_statement&&c(t,["case","default"]))return this.print_newline(),this._flags.case_block||!this._flags.case_body&&!this._options.jslint_happy||this.deindent(),this._flags.case_body=!1,this.print_token(t),void(this._flags.in_case=!0);if(this._flags.last_token.type!==p.COMMA&&this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.EQUALS&&this._flags.last_token.type!==p.OPERATOR||this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t),h(t,"function"))return(l(this._flags.last_token.text,["}",";"])||this._output.just_added_newline()&&!l(this._flags.last_token.text,["(","[","{",":","=",","])&&this._flags.last_token.type!==p.OPERATOR)&&(this._output.just_added_blankline()||t.comments_before||(this.print_newline(),this.print_newline(!0))),this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD?c(this._flags.last_token,["get","set","new","export"])||c(this._flags.last_token,A)||h(this._flags.last_token,"default")&&"export"===this._last_last_text||"declare"===this._flags.last_token.text?this._output.space_before_token=!0:this.print_newline():this._flags.last_token.type===p.OPERATOR||"="===this._flags.last_token.text?this._output.space_before_token=!0:(this._flags.multiline_frame||!O(this._flags.mode)&&!E(this._flags.mode))&&this.print_newline(),this.print_token(t),void(this._flags.last_word=t.text);var e="NONE";(this._flags.last_token.type===p.END_BLOCK?this._previous_flags.inline_frame?e="SPACE":c(t,["else","catch","finally","from"])?"expand"===this._options.brace_style||"end-expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines?e="NEWLINE":(e="SPACE",this._output.space_before_token=!0):e="NEWLINE":this._flags.last_token.type===p.SEMICOLON&&this._flags.mode===m?e="NEWLINE":this._flags.last_token.type===p.SEMICOLON&&O(this._flags.mode)?e="SPACE":this._flags.last_token.type===p.STRING?e="NEWLINE":this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD||"*"===this._flags.last_token.text&&(l(this._last_last_text,["function","yield"])||this._flags.mode===b&&l(this._last_last_text,["{",","]))?e="SPACE":this._flags.last_token.type===p.START_BLOCK?e=this._flags.inline_frame?"SPACE":"NEWLINE":this._flags.last_token.type===p.END_EXPR&&(this._output.space_before_token=!0,e="NEWLINE"),c(t,_)&&")"!==this._flags.last_token.text&&(e=this._flags.inline_frame||"else"===this._flags.last_token.text||"export"===this._flags.last_token.text?"SPACE":"NEWLINE"),c(t,["else","catch","finally"]))?(this._flags.last_token.type!==p.END_BLOCK||this._previous_flags.mode!==m||"expand"===this._options.brace_style||"end-expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines)&&!this._flags.inline_frame?this.print_newline():(this._output.trim(!0),"}"!==this._output.current_line.last()&&this.print_newline(),this._output.space_before_token=!0):"NEWLINE"===e?c(this._flags.last_token,d)||"declare"===this._flags.last_token.text&&c(t,["var","let","const"])?this._output.space_before_token=!0:this._flags.last_token.type!==p.END_EXPR?this._flags.last_token.type===p.START_EXPR&&c(t,["var","let","const"])||":"===this._flags.last_token.text||(h(t,"if")&&h(t.previous,"else")?this._output.space_before_token=!0:this.print_newline()):c(t,_)&&")"!==this._flags.last_token.text&&this.print_newline():this._flags.multiline_frame&&E(this._flags.mode)&&","===this._flags.last_token.text&&"}"===this._last_last_text?this.print_newline():"SPACE"===e&&(this._output.space_before_token=!0);!t.previous||t.previous.type!==p.WORD&&t.previous.type!==p.RESERVED||(this._output.space_before_token=!0),this.print_token(t),this._flags.last_word=t.text,t.type===p.RESERVED&&("do"===t.text?this._flags.do_block=!0:"if"===t.text?this._flags.if_block=!0:"import"===t.text?this._flags.import_block=!0:this._flags.import_block&&h(t,"from")&&(this._flags.import_block=!1))},P.prototype.handle_semicolon=function(t){this.start_of_statement(t)?this._output.space_before_token=!1:this.handle_whitespace_and_comments(t);for(var e=this._tokens.peek();!(this._flags.mode!==y||this._flags.if_block&&h(e,"else")||this._flags.do_block);)this.restore_mode();this._flags.import_block&&(this._flags.import_block=!1),this.print_token(t)},P.prototype.handle_string=function(t){(!t.text.startsWith("`")||0!==t.newlines||""!==t.whitespace_before||")"!==t.previous.text&&this._flags.last_token.type!==p.WORD)&&(this.start_of_statement(t)?this._output.space_before_token=!0:(this.handle_whitespace_and_comments(t),this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD||this._flags.inline_frame?this._output.space_before_token=!0:this._flags.last_token.type===p.COMMA||this._flags.last_token.type===p.START_EXPR||this._flags.last_token.type===p.EQUALS||this._flags.last_token.type===p.OPERATOR?this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t):!t.text.startsWith("`")||this._flags.last_token.type!==p.END_EXPR||"]"!==t.previous.text&&")"!==t.previous.text||0!==t.newlines?this.print_newline():this._output.space_before_token=!0)),this.print_token(t)},P.prototype.handle_equals=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t),this._flags.declaration_statement&&(this._flags.declaration_assignment=!0),this._output.space_before_token=!0,this.print_token(t),this._output.space_before_token=!0},P.prototype.handle_comma=function(t){this.handle_whitespace_and_comments(t,!0),this.print_token(t),this._output.space_before_token=!0,this._flags.declaration_statement?(O(this._flags.parent.mode)&&(this._flags.declaration_assignment=!1),this._flags.declaration_assignment?(this._flags.declaration_assignment=!1,this.print_newline(!1,!0)):this._options.comma_first&&this.allow_wrap_or_preserved_newline(t)):this._flags.mode===b||this._flags.mode===y&&this._flags.parent.mode===b?(this._flags.mode===y&&this.restore_mode(),this._flags.inline_frame||this.print_newline()):this._options.comma_first&&this.allow_wrap_or_preserved_newline(t)},P.prototype.handle_operator=function(t){var e="*"===t.text&&(c(this._flags.last_token,["function","yield"])||l(this._flags.last_token.type,[p.START_BLOCK,p.COMMA,p.END_BLOCK,p.SEMICOLON])),n=l(t.text,["-","+"])&&(l(this._flags.last_token.type,[p.START_BLOCK,p.START_EXPR,p.EQUALS,p.OPERATOR])||l(this._flags.last_token.text,_)||","===this._flags.last_token.text);if(this.start_of_statement(t));else{var i=!e;this.handle_whitespace_and_comments(t,i)}if("*"!==t.text||this._flags.last_token.type!==p.DOT)if("::"!==t.text){if(this._flags.last_token.type===p.OPERATOR&&l(this._options.operator_position,g)&&this.allow_wrap_or_preserved_newline(t),":"===t.text&&this._flags.in_case)return this.print_token(t),this._flags.in_case=!1,this._flags.case_body=!0,void(this._tokens.peek().type!==p.START_BLOCK?(this.indent(),this.print_newline(),this._flags.case_block=!1):(this._flags.case_block=!0,this._output.space_before_token=!0));var s=!0,r=!0,a=!1;if(":"===t.text?0===this._flags.ternary_depth?s=!1:(this._flags.ternary_depth-=1,a=!0):"?"===t.text&&(this._flags.ternary_depth+=1),!n&&!e&&this._options.preserve_newlines&&l(t.text,u)){var o=":"===t.text,h=o&&a,b=o&&!a;switch(this._options.operator_position){case f.before_newline:return this._output.space_before_token=!b,this.print_token(t),o&&!h||this.allow_wrap_or_preserved_newline(t),void(this._output.space_before_token=!0);case f.after_newline:return this._output.space_before_token=!0,!o||h?this._tokens.peek().newlines?this.print_newline(!1,!0):this.allow_wrap_or_preserved_newline(t):this._output.space_before_token=!1,this.print_token(t),void(this._output.space_before_token=!0);case f.preserve_newline:return b||this.allow_wrap_or_preserved_newline(t),s=!(this._output.just_added_newline()||b),this._output.space_before_token=s,this.print_token(t),void(this._output.space_before_token=!0)}}if(e){this.allow_wrap_or_preserved_newline(t),s=!1;var v=this._tokens.peek();r=v&&l(v.type,[p.WORD,p.RESERVED])}else if("..."===t.text)this.allow_wrap_or_preserved_newline(t),s=this._flags.last_token.type===p.START_BLOCK,r=!1;else if(l(t.text,["--","++","!","~"])||n){if(this._flags.last_token.type!==p.COMMA&&this._flags.last_token.type!==p.START_EXPR||this.allow_wrap_or_preserved_newline(t),s=!1,r=!1,t.newlines&&("--"===t.text||"++"===t.text||"~"===t.text)){var k=c(this._flags.last_token,d)&&t.newlines;k&&(this._previous_flags.if_block||this._previous_flags.else_block)&&this.restore_mode(),this.print_newline(k,!0)}";"===this._flags.last_token.text&&O(this._flags.mode)&&(s=!0),this._flags.last_token.type===p.RESERVED?s=!0:this._flags.last_token.type===p.END_EXPR?s=!("]"===this._flags.last_token.text&&("--"===t.text||"++"===t.text)):this._flags.last_token.type===p.OPERATOR&&(s=l(t.text,["--","-","++","+"])&&l(this._flags.last_token.text,["--","-","++","+"]),l(t.text,["+","-"])&&l(this._flags.last_token.text,["--","++"])&&(r=!0)),(this._flags.mode!==m||this._flags.inline_frame)&&this._flags.mode!==y||"{"!==this._flags.last_token.text&&";"!==this._flags.last_token.text||this.print_newline()}this._output.space_before_token=this._output.space_before_token||s,this.print_token(t),this._output.space_before_token=r}else this.print_token(t);else this.print_token(t)},P.prototype.handle_block_comment=function(t,e){return this._output.raw?(this._output.add_raw_token(t),void(t.directives&&"end"===t.directives.preserve&&(this._output.raw=this._options.test_output_raw))):t.directives?(this.print_newline(!1,e),this.print_token(t),"start"===t.directives.preserve&&(this._output.raw=!0),void this.print_newline(!1,!0)):r.newline.test(t.text)||t.newlines?void this.print_block_commment(t,e):(this._output.space_before_token=!0,this.print_token(t),void(this._output.space_before_token=!0))},P.prototype.print_block_commment=function(t,e){var n,i=function(t){for(var e=[],n=(t=t.replace(r.allLineBreaks,"\n")).indexOf("\n");-1!==n;)e.push(t.substring(0,n)),n=(t=t.substring(n+1)).indexOf("\n");return t.length&&e.push(t),e}(t.text),s=!1,a=!1,o=t.whitespace_before,_=o.length;if(this.print_newline(!1,e),this.print_token_line_indentation(t),this._output.add_token(i[0]),this.print_newline(!1,e),i.length>1){for(s=function(t,e){for(var n=0;n<t.length;n++)if(t[n].trim().charAt(0)!==e)return!1;return!0}(i=i.slice(1),"*"),a=function(t,e){for(var n,i=0,s=t.length;i<s;i++)if((n=t[i])&&0!==n.indexOf(e))return!1;return!0}(i,o),s&&(this._flags.alignment=1),n=0;n<i.length;n++)s?(this.print_token_line_indentation(t),this._output.add_token(i[n].replace(/^\s+/g,""))):a&&i[n]?(this.print_token_line_indentation(t),this._output.add_token(i[n].substring(_))):(this._output.current_line.set_indent(-1),this._output.add_token(i[n])),this.print_newline(!1,e);this._flags.alignment=0}},P.prototype.handle_comment=function(t,e){t.newlines?this.print_newline(!1,e):this._output.trim(!0),this._output.space_before_token=!0,this.print_token(t),this.print_newline(!1,e)},P.prototype.handle_dot=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t,!0),this._flags.last_token.text.match("^[0-9]+$")&&(this._output.space_before_token=!0),c(this._flags.last_token,d)?this._output.space_before_token=!1:this.allow_wrap_or_preserved_newline(t,")"===this._flags.last_token.text&&this._options.break_chained_methods),this._options.unindent_chained_methods&&this._output.just_added_newline()&&this.deindent(),this.print_token(t)},P.prototype.handle_unknown=function(t,e){this.print_token(t),"\n"===t.text[t.text.length-1]&&this.print_newline(!1,e)},P.prototype.handle_eof=function(t){for(;this._flags.mode===y;)this.restore_mode();this.handle_whitespace_and_comments(t)},t.exports.Beautifier=P},function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var s=this.__lines[i];if(s.is_empty())break;if(0!==s.item(0).indexOf(t)&&s.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},function(t){t.exports.Token=function(t,e,n,i){this.type=t,this.text=e,this.comments_before=null,this.newlines=n||0,this.whitespace_before=i||"",this.parent=null,this.next=null,this.previous=null,this.opened=null,this.closed=null,this.directives=null}},function(t,e){var n="\\x24\\x30-\\x39\\x41-\\x5a\\x5f\\x61-\\x7a",i="\\xaa\\xb5\\xba\\xc0-\\xd6\\xd8-\\xf6\\xf8-\\u02c1\\u02c6-\\u02d1\\u02e0-\\u02e4\\u02ec\\u02ee\\u0370-\\u0374\\u0376\\u0377\\u037a-\\u037d\\u0386\\u0388-\\u038a\\u038c\\u038e-\\u03a1\\u03a3-\\u03f5\\u03f7-\\u0481\\u048a-\\u0527\\u0531-\\u0556\\u0559\\u0561-\\u0587\\u05d0-\\u05ea\\u05f0-\\u05f2\\u0620-\\u064a\\u066e\\u066f\\u0671-\\u06d3\\u06d5\\u06e5\\u06e6\\u06ee\\u06ef\\u06fa-\\u06fc\\u06ff\\u0710\\u0712-\\u072f\\u074d-\\u07a5\\u07b1\\u07ca-\\u07ea\\u07f4\\u07f5\\u07fa\\u0800-\\u0815\\u081a\\u0824\\u0828\\u0840-\\u0858\\u08a0\\u08a2-\\u08ac\\u0904-\\u0939\\u093d\\u0950\\u0958-\\u0961\\u0971-\\u0977\\u0979-\\u097f\\u0985-\\u098c\\u098f\\u0990\\u0993-\\u09a8\\u09aa-\\u09b0\\u09b2\\u09b6-\\u09b9\\u09bd\\u09ce\\u09dc\\u09dd\\u09df-\\u09e1\\u09f0\\u09f1\\u0a05-\\u0a0a\\u0a0f\\u0a10\\u0a13-\\u0a28\\u0a2a-\\u0a30\\u0a32\\u0a33\\u0a35\\u0a36\\u0a38\\u0a39\\u0a59-\\u0a5c\\u0a5e\\u0a72-\\u0a74\\u0a85-\\u0a8d\\u0a8f-\\u0a91\\u0a93-\\u0aa8\\u0aaa-\\u0ab0\\u0ab2\\u0ab3\\u0ab5-\\u0ab9\\u0abd\\u0ad0\\u0ae0\\u0ae1\\u0b05-\\u0b0c\\u0b0f\\u0b10\\u0b13-\\u0b28\\u0b2a-\\u0b30\\u0b32\\u0b33\\u0b35-\\u0b39\\u0b3d\\u0b5c\\u0b5d\\u0b5f-\\u0b61\\u0b71\\u0b83\\u0b85-\\u0b8a\\u0b8e-\\u0b90\\u0b92-\\u0b95\\u0b99\\u0b9a\\u0b9c\\u0b9e\\u0b9f\\u0ba3\\u0ba4\\u0ba8-\\u0baa\\u0bae-\\u0bb9\\u0bd0\\u0c05-\\u0c0c\\u0c0e-\\u0c10\\u0c12-\\u0c28\\u0c2a-\\u0c33\\u0c35-\\u0c39\\u0c3d\\u0c58\\u0c59\\u0c60\\u0c61\\u0c85-\\u0c8c\\u0c8e-\\u0c90\\u0c92-\\u0ca8\\u0caa-\\u0cb3\\u0cb5-\\u0cb9\\u0cbd\\u0cde\\u0ce0\\u0ce1\\u0cf1\\u0cf2\\u0d05-\\u0d0c\\u0d0e-\\u0d10\\u0d12-\\u0d3a\\u0d3d\\u0d4e\\u0d60\\u0d61\\u0d7a-\\u0d7f\\u0d85-\\u0d96\\u0d9a-\\u0db1\\u0db3-\\u0dbb\\u0dbd\\u0dc0-\\u0dc6\\u0e01-\\u0e30\\u0e32\\u0e33\\u0e40-\\u0e46\\u0e81\\u0e82\\u0e84\\u0e87\\u0e88\\u0e8a\\u0e8d\\u0e94-\\u0e97\\u0e99-\\u0e9f\\u0ea1-\\u0ea3\\u0ea5\\u0ea7\\u0eaa\\u0eab\\u0ead-\\u0eb0\\u0eb2\\u0eb3\\u0ebd\\u0ec0-\\u0ec4\\u0ec6\\u0edc-\\u0edf\\u0f00\\u0f40-\\u0f47\\u0f49-\\u0f6c\\u0f88-\\u0f8c\\u1000-\\u102a\\u103f\\u1050-\\u1055\\u105a-\\u105d\\u1061\\u1065\\u1066\\u106e-\\u1070\\u1075-\\u1081\\u108e\\u10a0-\\u10c5\\u10c7\\u10cd\\u10d0-\\u10fa\\u10fc-\\u1248\\u124a-\\u124d\\u1250-\\u1256\\u1258\\u125a-\\u125d\\u1260-\\u1288\\u128a-\\u128d\\u1290-\\u12b0\\u12b2-\\u12b5\\u12b8-\\u12be\\u12c0\\u12c2-\\u12c5\\u12c8-\\u12d6\\u12d8-\\u1310\\u1312-\\u1315\\u1318-\\u135a\\u1380-\\u138f\\u13a0-\\u13f4\\u1401-\\u166c\\u166f-\\u167f\\u1681-\\u169a\\u16a0-\\u16ea\\u16ee-\\u16f0\\u1700-\\u170c\\u170e-\\u1711\\u1720-\\u1731\\u1740-\\u1751\\u1760-\\u176c\\u176e-\\u1770\\u1780-\\u17b3\\u17d7\\u17dc\\u1820-\\u1877\\u1880-\\u18a8\\u18aa\\u18b0-\\u18f5\\u1900-\\u191c\\u1950-\\u196d\\u1970-\\u1974\\u1980-\\u19ab\\u19c1-\\u19c7\\u1a00-\\u1a16\\u1a20-\\u1a54\\u1aa7\\u1b05-\\u1b33\\u1b45-\\u1b4b\\u1b83-\\u1ba0\\u1bae\\u1baf\\u1bba-\\u1be5\\u1c00-\\u1c23\\u1c4d-\\u1c4f\\u1c5a-\\u1c7d\\u1ce9-\\u1cec\\u1cee-\\u1cf1\\u1cf5\\u1cf6\\u1d00-\\u1dbf\\u1e00-\\u1f15\\u1f18-\\u1f1d\\u1f20-\\u1f45\\u1f48-\\u1f4d\\u1f50-\\u1f57\\u1f59\\u1f5b\\u1f5d\\u1f5f-\\u1f7d\\u1f80-\\u1fb4\\u1fb6-\\u1fbc\\u1fbe\\u1fc2-\\u1fc4\\u1fc6-\\u1fcc\\u1fd0-\\u1fd3\\u1fd6-\\u1fdb\\u1fe0-\\u1fec\\u1ff2-\\u1ff4\\u1ff6-\\u1ffc\\u2071\\u207f\\u2090-\\u209c\\u2102\\u2107\\u210a-\\u2113\\u2115\\u2119-\\u211d\\u2124\\u2126\\u2128\\u212a-\\u212d\\u212f-\\u2139\\u213c-\\u213f\\u2145-\\u2149\\u214e\\u2160-\\u2188\\u2c00-\\u2c2e\\u2c30-\\u2c5e\\u2c60-\\u2ce4\\u2ceb-\\u2cee\\u2cf2\\u2cf3\\u2d00-\\u2d25\\u2d27\\u2d2d\\u2d30-\\u2d67\\u2d6f\\u2d80-\\u2d96\\u2da0-\\u2da6\\u2da8-\\u2dae\\u2db0-\\u2db6\\u2db8-\\u2dbe\\u2dc0-\\u2dc6\\u2dc8-\\u2dce\\u2dd0-\\u2dd6\\u2dd8-\\u2dde\\u2e2f\\u3005-\\u3007\\u3021-\\u3029\\u3031-\\u3035\\u3038-\\u303c\\u3041-\\u3096\\u309d-\\u309f\\u30a1-\\u30fa\\u30fc-\\u30ff\\u3105-\\u312d\\u3131-\\u318e\\u31a0-\\u31ba\\u31f0-\\u31ff\\u3400-\\u4db5\\u4e00-\\u9fcc\\ua000-\\ua48c\\ua4d0-\\ua4fd\\ua500-\\ua60c\\ua610-\\ua61f\\ua62a\\ua62b\\ua640-\\ua66e\\ua67f-\\ua697\\ua6a0-\\ua6ef\\ua717-\\ua71f\\ua722-\\ua788\\ua78b-\\ua78e\\ua790-\\ua793\\ua7a0-\\ua7aa\\ua7f8-\\ua801\\ua803-\\ua805\\ua807-\\ua80a\\ua80c-\\ua822\\ua840-\\ua873\\ua882-\\ua8b3\\ua8f2-\\ua8f7\\ua8fb\\ua90a-\\ua925\\ua930-\\ua946\\ua960-\\ua97c\\ua984-\\ua9b2\\ua9cf\\uaa00-\\uaa28\\uaa40-\\uaa42\\uaa44-\\uaa4b\\uaa60-\\uaa76\\uaa7a\\uaa80-\\uaaaf\\uaab1\\uaab5\\uaab6\\uaab9-\\uaabd\\uaac0\\uaac2\\uaadb-\\uaadd\\uaae0-\\uaaea\\uaaf2-\\uaaf4\\uab01-\\uab06\\uab09-\\uab0e\\uab11-\\uab16\\uab20-\\uab26\\uab28-\\uab2e\\uabc0-\\uabe2\\uac00-\\ud7a3\\ud7b0-\\ud7c6\\ud7cb-\\ud7fb\\uf900-\\ufa6d\\ufa70-\\ufad9\\ufb00-\\ufb06\\ufb13-\\ufb17\\ufb1d\\ufb1f-\\ufb28\\ufb2a-\\ufb36\\ufb38-\\ufb3c\\ufb3e\\ufb40\\ufb41\\ufb43\\ufb44\\ufb46-\\ufbb1\\ufbd3-\\ufd3d\\ufd50-\\ufd8f\\ufd92-\\ufdc7\\ufdf0-\\ufdfb\\ufe70-\\ufe74\\ufe76-\\ufefc\\uff21-\\uff3a\\uff41-\\uff5a\\uff66-\\uffbe\\uffc2-\\uffc7\\uffca-\\uffcf\\uffd2-\\uffd7\\uffda-\\uffdc",s="\\u0300-\\u036f\\u0483-\\u0487\\u0591-\\u05bd\\u05bf\\u05c1\\u05c2\\u05c4\\u05c5\\u05c7\\u0610-\\u061a\\u0620-\\u0649\\u0672-\\u06d3\\u06e7-\\u06e8\\u06fb-\\u06fc\\u0730-\\u074a\\u0800-\\u0814\\u081b-\\u0823\\u0825-\\u0827\\u0829-\\u082d\\u0840-\\u0857\\u08e4-\\u08fe\\u0900-\\u0903\\u093a-\\u093c\\u093e-\\u094f\\u0951-\\u0957\\u0962-\\u0963\\u0966-\\u096f\\u0981-\\u0983\\u09bc\\u09be-\\u09c4\\u09c7\\u09c8\\u09d7\\u09df-\\u09e0\\u0a01-\\u0a03\\u0a3c\\u0a3e-\\u0a42\\u0a47\\u0a48\\u0a4b-\\u0a4d\\u0a51\\u0a66-\\u0a71\\u0a75\\u0a81-\\u0a83\\u0abc\\u0abe-\\u0ac5\\u0ac7-\\u0ac9\\u0acb-\\u0acd\\u0ae2-\\u0ae3\\u0ae6-\\u0aef\\u0b01-\\u0b03\\u0b3c\\u0b3e-\\u0b44\\u0b47\\u0b48\\u0b4b-\\u0b4d\\u0b56\\u0b57\\u0b5f-\\u0b60\\u0b66-\\u0b6f\\u0b82\\u0bbe-\\u0bc2\\u0bc6-\\u0bc8\\u0bca-\\u0bcd\\u0bd7\\u0be6-\\u0bef\\u0c01-\\u0c03\\u0c46-\\u0c48\\u0c4a-\\u0c4d\\u0c55\\u0c56\\u0c62-\\u0c63\\u0c66-\\u0c6f\\u0c82\\u0c83\\u0cbc\\u0cbe-\\u0cc4\\u0cc6-\\u0cc8\\u0cca-\\u0ccd\\u0cd5\\u0cd6\\u0ce2-\\u0ce3\\u0ce6-\\u0cef\\u0d02\\u0d03\\u0d46-\\u0d48\\u0d57\\u0d62-\\u0d63\\u0d66-\\u0d6f\\u0d82\\u0d83\\u0dca\\u0dcf-\\u0dd4\\u0dd6\\u0dd8-\\u0ddf\\u0df2\\u0df3\\u0e34-\\u0e3a\\u0e40-\\u0e45\\u0e50-\\u0e59\\u0eb4-\\u0eb9\\u0ec8-\\u0ecd\\u0ed0-\\u0ed9\\u0f18\\u0f19\\u0f20-\\u0f29\\u0f35\\u0f37\\u0f39\\u0f41-\\u0f47\\u0f71-\\u0f84\\u0f86-\\u0f87\\u0f8d-\\u0f97\\u0f99-\\u0fbc\\u0fc6\\u1000-\\u1029\\u1040-\\u1049\\u1067-\\u106d\\u1071-\\u1074\\u1082-\\u108d\\u108f-\\u109d\\u135d-\\u135f\\u170e-\\u1710\\u1720-\\u1730\\u1740-\\u1750\\u1772\\u1773\\u1780-\\u17b2\\u17dd\\u17e0-\\u17e9\\u180b-\\u180d\\u1810-\\u1819\\u1920-\\u192b\\u1930-\\u193b\\u1951-\\u196d\\u19b0-\\u19c0\\u19c8-\\u19c9\\u19d0-\\u19d9\\u1a00-\\u1a15\\u1a20-\\u1a53\\u1a60-\\u1a7c\\u1a7f-\\u1a89\\u1a90-\\u1a99\\u1b46-\\u1b4b\\u1b50-\\u1b59\\u1b6b-\\u1b73\\u1bb0-\\u1bb9\\u1be6-\\u1bf3\\u1c00-\\u1c22\\u1c40-\\u1c49\\u1c5b-\\u1c7d\\u1cd0-\\u1cd2\\u1d00-\\u1dbe\\u1e01-\\u1f15\\u200c\\u200d\\u203f\\u2040\\u2054\\u20d0-\\u20dc\\u20e1\\u20e5-\\u20f0\\u2d81-\\u2d96\\u2de0-\\u2dff\\u3021-\\u3028\\u3099\\u309a\\ua640-\\ua66d\\ua674-\\ua67d\\ua69f\\ua6f0-\\ua6f1\\ua7f8-\\ua800\\ua806\\ua80b\\ua823-\\ua827\\ua880-\\ua881\\ua8b4-\\ua8c4\\ua8d0-\\ua8d9\\ua8f3-\\ua8f7\\ua900-\\ua909\\ua926-\\ua92d\\ua930-\\ua945\\ua980-\\ua983\\ua9b3-\\ua9c0\\uaa00-\\uaa27\\uaa40-\\uaa41\\uaa4c-\\uaa4d\\uaa50-\\uaa59\\uaa7b\\uaae0-\\uaae9\\uaaf2-\\uaaf3\\uabc0-\\uabe1\\uabec\\uabed\\uabf0-\\uabf9\\ufb20-\\ufb28\\ufe00-\\ufe0f\\ufe20-\\ufe26\\ufe33\\ufe34\\ufe4d-\\ufe4f\\uff10-\\uff19\\uff3f",r="(?:\\\\u[0-9a-fA-F]{4}|[\\x23\\x24\\x40\\x41-\\x5a\\x5f\\x61-\\x7a"+i+"])",a="(?:\\\\u[0-9a-fA-F]{4}|["+n+i+s+"])*";e.identifier=new RegExp(r+a,"g"),e.identifierStart=new RegExp(r),e.identifierMatch=new RegExp("(?:\\\\u[0-9a-fA-F]{4}|["+n+i+s+"])+");e.newline=/[\n\r\u2028\u2029]/,e.lineBreak=new RegExp("\r\n|"+e.newline.source),e.allLineBreaks=new RegExp(e.lineBreak.source,"g")},function(t,e,n){var i=n(6).Options,s=["before-newline","after-newline","preserve-newline"];function r(t){i.call(this,t,"js");var e=this.raw_options.brace_style||null;"expand-strict"===e?this.raw_options.brace_style="expand":"collapse-preserve-inline"===e?this.raw_options.brace_style="collapse,preserve-inline":void 0!==this.raw_options.braces_on_own_line&&(this.raw_options.brace_style=this.raw_options.braces_on_own_line?"expand":"collapse");var n=this._get_selection_list("brace_style",["collapse","expand","end-expand","none","preserve-inline"]);this.brace_preserve_inline=!1,this.brace_style="collapse";for(var r=0;r<n.length;r++)"preserve-inline"===n[r]?this.brace_preserve_inline=!0:this.brace_style=n[r];this.unindent_chained_methods=this._get_boolean("unindent_chained_methods"),this.break_chained_methods=this._get_boolean("break_chained_methods"),this.space_in_paren=this._get_boolean("space_in_paren"),this.space_in_empty_paren=this._get_boolean("space_in_empty_paren"),this.jslint_happy=this._get_boolean("jslint_happy"),this.space_after_anon_function=this._get_boolean("space_after_anon_function"),this.space_after_named_function=this._get_boolean("space_after_named_function"),this.keep_array_indentation=this._get_boolean("keep_array_indentation"),this.space_before_conditional=this._get_boolean("space_before_conditional",!0),this.unescape_strings=this._get_boolean("unescape_strings"),this.e4x=this._get_boolean("e4x"),this.comma_first=this._get_boolean("comma_first"),this.operator_position=this._get_selection("operator_position",s),this.test_output_raw=this._get_boolean("test_output_raw"),this.jslint_happy&&(this.space_after_anon_function=!0)}r.prototype=new i,t.exports.Options=r},function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,s={};for(n in t=i(t))n!==e&&(s[n]=t[n]);if(e&&t[e])for(n in t[e])s[n]=t[e][n];return s}function i(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],i=e||[];return"object"==typeof n?null!==n&&"function"==typeof n.concat&&(i=n.concat()):"string"==typeof n&&(i=n.split(/[^a-zA-Z0-9_\/\-]+/)),i},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=i,t.exports.mergeOpts=n},function(t,e,n){var i=n(8).InputScanner,s=n(9).Tokenizer,r=n(9).TOKEN,a=n(13).Directives,o=n(4),_=n(12).Pattern,u=n(14).TemplatablePattern;function p(t,e){return-1!==e.indexOf(t)}var l={START_EXPR:"TK_START_EXPR",END_EXPR:"TK_END_EXPR",START_BLOCK:"TK_START_BLOCK",END_BLOCK:"TK_END_BLOCK",WORD:"TK_WORD",RESERVED:"TK_RESERVED",SEMICOLON:"TK_SEMICOLON",STRING:"TK_STRING",EQUALS:"TK_EQUALS",OPERATOR:"TK_OPERATOR",COMMA:"TK_COMMA",BLOCK_COMMENT:"TK_BLOCK_COMMENT",COMMENT:"TK_COMMENT",DOT:"TK_DOT",UNKNOWN:"TK_UNKNOWN",START:r.START,RAW:r.RAW,EOF:r.EOF},h=new a(/\/\*/,/\*\//),c=/0[xX][0123456789abcdefABCDEF_]*n?|0[oO][01234567_]*n?|0[bB][01_]*n?|\d[\d_]*n|(?:\.\d[\d_]*|\d[\d_]*\.?[\d_]*)(?:[eE][+-]?[\d_]+)?/,d=/[0-9]/,f=/[^\d\.]/,g=">>> === !== &&= ??= ||= << && >= ** != == <= >> || ?? |> < / - + > : & % ? ^ | *".split(" "),m=">>>= ... >>= <<= === >>> !== **= &&= ??= ||= => ^= :: /= << <= == && -= >= >> != -- += ** || ?? ++ %= &= *= |= |> = ! ? > < : / ^ - + * & % ~ |";m=(m="\\?\\.(?!\\d) "+(m=m.replace(/[-[\]{}()*+?.,\\^$|#]/g,"\\$&"))).replace(/ /g,"|");var y,b=new RegExp(m),v="continue,try,throw,return,var,let,const,if,switch,case,default,for,while,break,function,import,export".split(","),k=v.concat(["do","in","of","else","get","set","new","catch","finally","typeof","yield","async","await","from","as","class","extends"]),w=new RegExp("^(?:"+k.join("|")+")$"),x=function(t,e){s.call(this,t,e),this._patterns.whitespace=this._patterns.whitespace.matching(/\u00A0\u1680\u180e\u2000-\u200a\u202f\u205f\u3000\ufeff/.source,/\u2028\u2029/.source);var n=new _(this._input),i=new u(this._input).read_options(this._options);this.__patterns={template:i,identifier:i.starting_with(o.identifier).matching(o.identifierMatch),number:n.matching(c),punct:n.matching(b),comment:n.starting_with(/\/\//).until(/[\n\r\u2028\u2029]/),block_comment:n.starting_with(/\/\*/).until_after(/\*\//),html_comment_start:n.matching(/<!--/),html_comment_end:n.matching(/-->/),include:n.starting_with(/#include/).until_after(o.lineBreak),shebang:n.starting_with(/#!/).until_after(o.lineBreak),xml:n.matching(/[\s\S]*?<(\/?)([-a-zA-Z:0-9_.]+|{[^}]+?}|!\[CDATA\[[^\]]*?\]\]|)(\s*{[^}]+?}|\s+[-a-zA-Z:0-9_.]+|\s+[-a-zA-Z:0-9_.]+\s*=\s*('[^']*'|"[^"]*"|{([^{}]|{[^}]+?})+?}))*\s*(\/?)\s*>/),single_quote:i.until(/['\\\n\r\u2028\u2029]/),double_quote:i.until(/["\\\n\r\u2028\u2029]/),template_text:i.until(/[`\\$]/),template_expression:i.until(/[`}\\]/)}};(x.prototype=new s)._is_comment=function(t){return t.type===l.COMMENT||t.type===l.BLOCK_COMMENT||t.type===l.UNKNOWN},x.prototype._is_opening=function(t){return t.type===l.START_BLOCK||t.type===l.START_EXPR},x.prototype._is_closing=function(t,e){return(t.type===l.END_BLOCK||t.type===l.END_EXPR)&&e&&("]"===t.text&&"["===e.text||")"===t.text&&"("===e.text||"}"===t.text&&"{"===e.text)},x.prototype._reset=function(){y=!1},x.prototype._get_next_token=function(t,e){var n=null;this._readWhitespace();var i=this._input.peek();return null===i?this._create_token(l.EOF,""):n=(n=(n=(n=(n=(n=(n=(n=(n=n||this._read_non_javascript(i))||this._read_string(i))||this._read_word(t))||this._read_singles(i))||this._read_comment(i))||this._read_regexp(i,t))||this._read_xml(i,t))||this._read_punctuation())||this._create_token(l.UNKNOWN,this._input.next())},x.prototype._read_word=function(t){var e;return""!==(e=this.__patterns.identifier.read())?(e=e.replace(o.allLineBreaks,"\n"),t.type!==l.DOT&&(t.type!==l.RESERVED||"set"!==t.text&&"get"!==t.text)&&w.test(e)?"in"!==e&&"of"!==e||t.type!==l.WORD&&t.type!==l.STRING?this._create_token(l.RESERVED,e):this._create_token(l.OPERATOR,e):this._create_token(l.WORD,e)):""!==(e=this.__patterns.number.read())?this._create_token(l.WORD,e):void 0},x.prototype._read_singles=function(t){var e=null;return"("===t||"["===t?e=this._create_token(l.START_EXPR,t):")"===t||"]"===t?e=this._create_token(l.END_EXPR,t):"{"===t?e=this._create_token(l.START_BLOCK,t):"}"===t?e=this._create_token(l.END_BLOCK,t):";"===t?e=this._create_token(l.SEMICOLON,t):"."===t&&f.test(this._input.peek(1))?e=this._create_token(l.DOT,t):","===t&&(e=this._create_token(l.COMMA,t)),e&&this._input.next(),e},x.prototype._read_punctuation=function(){var t=this.__patterns.punct.read();if(""!==t)return"="===t?this._create_token(l.EQUALS,t):"?."===t?this._create_token(l.DOT,t):this._create_token(l.OPERATOR,t)},x.prototype._read_non_javascript=function(t){var e="";if("#"===t){if(this._is_first_token()&&(e=this.__patterns.shebang.read()))return this._create_token(l.UNKNOWN,e.trim()+"\n");if(e=this.__patterns.include.read())return this._create_token(l.UNKNOWN,e.trim()+"\n");t=this._input.next();var n="#";if(this._input.hasNext()&&this._input.testChar(d)){do{n+=t=this._input.next()}while(this._input.hasNext()&&"#"!==t&&"="!==t);return"#"===t||("["===this._input.peek()&&"]"===this._input.peek(1)?(n+="[]",this._input.next(),this._input.next()):"{"===this._input.peek()&&"}"===this._input.peek(1)&&(n+="{}",this._input.next(),this._input.next())),this._create_token(l.WORD,n)}this._input.back()}else if("<"===t&&this._is_first_token()){if(e=this.__patterns.html_comment_start.read()){for(;this._input.hasNext()&&!this._input.testChar(o.newline);)e+=this._input.next();return y=!0,this._create_token(l.COMMENT,e)}}else if(y&&"-"===t&&(e=this.__patterns.html_comment_end.read()))return y=!1,this._create_token(l.COMMENT,e);return null},x.prototype._read_comment=function(t){var e=null;if("/"===t){var n="";if("*"===this._input.peek(1)){n=this.__patterns.block_comment.read();var i=h.get_directives(n);i&&"start"===i.ignore&&(n+=h.readIgnored(this._input)),n=n.replace(o.allLineBreaks,"\n"),(e=this._create_token(l.BLOCK_COMMENT,n)).directives=i}else"/"===this._input.peek(1)&&(n=this.__patterns.comment.read(),e=this._create_token(l.COMMENT,n))}return e},x.prototype._read_string=function(t){if("`"===t||"'"===t||'"'===t){var e=this._input.next();return this.has_char_escapes=!1,e+="`"===t?this._read_string_recursive("`",!0,"${"):this._read_string_recursive(t),this.has_char_escapes&&this._options.unescape_strings&&(e=function(t){var e="",n=0,s=new i(t),r=null;for(;s.hasNext();)if((r=s.match(/([\s]|[^\\]|\\\\)+/g))&&(e+=r[0]),"\\"===s.peek()){if(s.next(),"x"===s.peek())r=s.match(/x([0-9A-Fa-f]{2})/g);else{if("u"!==s.peek()){e+="\\",s.hasNext()&&(e+=s.next());continue}r=s.match(/u([0-9A-Fa-f]{4})/g)}if(!r)return t;if((n=parseInt(r[1],16))>126&&n<=255&&0===r[0].indexOf("x"))return t;if(n>=0&&n<32){e+="\\"+r[0];continue}e+=34===n||39===n||92===n?"\\"+String.fromCharCode(n):String.fromCharCode(n)}return e}(e)),this._input.peek()===t&&(e+=this._input.next()),e=e.replace(o.allLineBreaks,"\n"),this._create_token(l.STRING,e)}return null},x.prototype._allow_regexp_or_xml=function(t){return t.type===l.RESERVED&&p(t.text,["return","case","throw","else","do","typeof","yield"])||t.type===l.END_EXPR&&")"===t.text&&t.opened.previous.type===l.RESERVED&&p(t.opened.previous.text,["if","while","for"])||p(t.type,[l.COMMENT,l.START_EXPR,l.START_BLOCK,l.START,l.END_BLOCK,l.OPERATOR,l.EQUALS,l.EOF,l.SEMICOLON,l.COMMA])},x.prototype._read_regexp=function(t,e){if("/"===t&&this._allow_regexp_or_xml(e)){for(var n=this._input.next(),i=!1,s=!1;this._input.hasNext()&&(i||s||this._input.peek()!==t)&&!this._input.testChar(o.newline);)n+=this._input.peek(),i?i=!1:(i="\\"===this._input.peek(),"["===this._input.peek()?s=!0:"]"===this._input.peek()&&(s=!1)),this._input.next();return this._input.peek()===t&&(n+=this._input.next(),n+=this._input.read(o.identifier)),this._create_token(l.STRING,n)}return null},x.prototype._read_xml=function(t,e){if(this._options.e4x&&"<"===t&&this._allow_regexp_or_xml(e)){var n="",i=this.__patterns.xml.read_match();if(i){for(var s=i[2].replace(/^{\s+/,"{").replace(/\s+}$/,"}"),r=0===s.indexOf("{"),a=0;i;){var _=!!i[1],u=i[2];if(!(!!i[i.length-1]||"![CDATA["===u.slice(0,8))&&(u===s||r&&u.replace(/^{\s+/,"{").replace(/\s+}$/,"}"))&&(_?--a:++a),n+=i[0],a<=0)break;i=this.__patterns.xml.read_match()}return i||(n+=this._input.match(/[\s\S]*/g)[0]),n=n.replace(o.allLineBreaks,"\n"),this._create_token(l.STRING,n)}}return null},x.prototype._read_string_recursive=function(t,e,n){var i,s;"'"===t?s=this.__patterns.single_quote:'"'===t?s=this.__patterns.double_quote:"`"===t?s=this.__patterns.template_text:"}"===t&&(s=this.__patterns.template_expression);for(var r=s.read(),a="";this._input.hasNext();){if((a=this._input.next())===t||!e&&o.newline.test(a)){this._input.back();break}"\\"===a&&this._input.hasNext()?("x"===(i=this._input.peek())||"u"===i?this.has_char_escapes=!0:"\r"===i&&"\n"===this._input.peek(1)&&this._input.next(),a+=this._input.next()):n&&("${"===n&&"$"===a&&"{"===this._input.peek()&&(a+=this._input.next()),n===a&&(a+="`"===t?this._read_string_recursive("}",e,"`"):this._read_string_recursive("`",e,"${"),this._input.hasNext()&&(a+=this._input.next()))),r+=a+=s.read()}return r},t.exports.Tokenizer=x,t.exports.TOKEN=l,t.exports.positionable_operators=g.slice(),t.exports.line_starters=v.slice()},function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,s="";return t&&(i=this.match(t))&&(s+=i[0]),!e||!i&&t||(s+=this.readUntil(e,n)),s},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var s=t.exec(this.__input);return s?(i=s.index,e&&(i+=s[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,s="g";return n&&e&&(s="y"),"string"==typeof t&&""!==t?i=new RegExp(t,s):t&&(i=new RegExp(t.source,s)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},function(t,e,n){var i=n(8).InputScanner,s=n(3).Token,r=n(10).TokenStream,a=n(11).WhitespacePattern,o={START:"TK_START",RAW:"TK_RAW",EOF:"TK_EOF"},_=function(t,e){this._input=new i(t),this._options=e||{},this.__tokens=null,this._patterns={},this._patterns.whitespace=new a(this._input)};_.prototype.tokenize=function(){var t;this._input.restart(),this.__tokens=new r,this._reset();for(var e=new s(o.START,""),n=null,i=[],a=new r;e.type!==o.EOF;){for(t=this._get_next_token(e,n);this._is_comment(t);)a.add(t),t=this._get_next_token(e,n);a.isEmpty()||(t.comments_before=a,a=new r),t.parent=n,this._is_opening(t)?(i.push(n),n=t):n&&this._is_closing(t,n)&&(t.opened=n,n.closed=t,n=i.pop(),t.parent=n),t.previous=e,e.next=t,this.__tokens.add(t),e=t}return this.__tokens},_.prototype._is_first_token=function(){return this.__tokens.isEmpty()},_.prototype._reset=function(){},_.prototype._get_next_token=function(t,e){this._readWhitespace();var n=this._input.read(/.+/g);return n?this._create_token(o.RAW,n):this._create_token(o.EOF,"")},_.prototype._is_comment=function(t){return!1},_.prototype._is_opening=function(t){return!1},_.prototype._is_closing=function(t,e){return!1},_.prototype._create_token=function(t,e){return new s(t,e,this._patterns.whitespace.newline_count,this._patterns.whitespace.whitespace_before_token)},_.prototype._readWhitespace=function(){return this._patterns.whitespace.read()},t.exports.Tokenizer=_,t.exports.TOKEN=o},function(t){function e(t){this.__tokens=[],this.__tokens_length=this.__tokens.length,this.__position=0,this.__parent_token=t}e.prototype.restart=function(){this.__position=0},e.prototype.isEmpty=function(){return 0===this.__tokens_length},e.prototype.hasNext=function(){return this.__position<this.__tokens_length},e.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__tokens[this.__position],this.__position+=1),t},e.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__tokens_length&&(e=this.__tokens[t]),e},e.prototype.add=function(t){this.__parent_token&&(t.parent=this.__parent_token),this.__tokens.push(t),this.__tokens_length+=1},t.exports.TokenStream=e},function(t,e,n){var i=n(12).Pattern;function s(t,e){i.call(this,t,e),e?this._line_regexp=this._input.get_regexp(e._line_regexp):this.__set_whitespace_patterns("",""),this.newline_count=0,this.whitespace_before_token=""}s.prototype=new i,s.prototype.__set_whitespace_patterns=function(t,e){t+="\\t ",e+="\\n\\r",this._match_pattern=this._input.get_regexp("["+t+e+"]+",!0),this._newline_regexp=this._input.get_regexp("\\r\\n|["+e+"]")},s.prototype.read=function(){this.newline_count=0,this.whitespace_before_token="";var t=this._input.read(this._match_pattern);if(" "===t)this.whitespace_before_token=" ";else if(t){var e=this.__split(this._newline_regexp,t);this.newline_count=e.length-1,this.whitespace_before_token=e[this.newline_count]}return t},s.prototype.matching=function(t,e){var n=this._create();return n.__set_whitespace_patterns(t,e),n._update(),n},s.prototype._create=function(){return new s(this._input,this)},s.prototype.__split=function(t,e){t.lastIndex=0;for(var n=0,i=[],s=t.exec(e);s;)i.push(e.substring(n,s.index)),n=s.index+s[0].length,s=t.exec(e);return n<e.length?i.push(e.substring(n,e.length)):i.push(""),i},t.exports.WhitespacePattern=s},function(t){function e(t,e){this._input=t,this._starting_pattern=null,this._match_pattern=null,this._until_pattern=null,this._until_after=!1,e&&(this._starting_pattern=this._input.get_regexp(e._starting_pattern,!0),this._match_pattern=this._input.get_regexp(e._match_pattern,!0),this._until_pattern=this._input.get_regexp(e._until_pattern),this._until_after=e._until_after)}e.prototype.read=function(){var t=this._input.read(this._starting_pattern);return this._starting_pattern&&!t||(t+=this._input.read(this._match_pattern,this._until_pattern,this._until_after)),t},e.prototype.read_match=function(){return this._input.match(this._match_pattern)},e.prototype.until_after=function(t){var e=this._create();return e._until_after=!0,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.until=function(t){var e=this._create();return e._until_after=!1,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.starting_with=function(t){var e=this._create();return e._starting_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype.matching=function(t){var e=this._create();return e._match_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype._create=function(){return new e(this._input,this)},e.prototype._update=function(){},t.exports.Pattern=e},function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},function(t,e,n){var i=n(12).Pattern,s={django:!1,erb:!1,handlebars:!1,php:!1,smarty:!1};function r(t,e){i.call(this,t,e),this.__template_pattern=null,this._disabled=Object.assign({},s),this._excluded=Object.assign({},s),e&&(this.__template_pattern=this._input.get_regexp(e.__template_pattern),this._excluded=Object.assign(this._excluded,e._excluded),this._disabled=Object.assign(this._disabled,e._disabled));var n=new i(t);this.__patterns={handlebars_comment:n.starting_with(/{{!--/).until_after(/--}}/),handlebars_unescaped:n.starting_with(/{{{/).until_after(/}}}/),handlebars:n.starting_with(/{{/).until_after(/}}/),php:n.starting_with(/<\?(?:[= ]|php)/).until_after(/\?>/),erb:n.starting_with(/<%[^%]/).until_after(/[^%]%>/),django:n.starting_with(/{%/).until_after(/%}/),django_value:n.starting_with(/{{/).until_after(/}}/),django_comment:n.starting_with(/{#/).until_after(/#}/),smarty:n.starting_with(/{(?=[^}{\s\n])/).until_after(/[^\s\n]}/),smarty_comment:n.starting_with(/{\*/).until_after(/\*}/),smarty_literal:n.starting_with(/{literal}/).until_after(/{\/literal}/)}}r.prototype=new i,r.prototype._create=function(){return new r(this._input,this)},r.prototype._update=function(){this.__set_templated_pattern()},r.prototype.disable=function(t){var e=this._create();return e._disabled[t]=!0,e._update(),e},r.prototype.read_options=function(t){var e=this._create();for(var n in s)e._disabled[n]=-1===t.templating.indexOf(n);return e._update(),e},r.prototype.exclude=function(t){var e=this._create();return e._excluded[t]=!0,e._update(),e},r.prototype.read=function(){var t="";t=this._match_pattern?this._input.read(this._starting_pattern):this._input.read(this._starting_pattern,this.__template_pattern);for(var e=this._read_template();e;)this._match_pattern?e+=this._input.read(this._match_pattern):e+=this._input.readUntil(this.__template_pattern),t+=e,e=this._read_template();return this._until_after&&(t+=this._input.readUntilAfter(this._until_pattern)),t},r.prototype.__set_templated_pattern=function(){var t=[];this._disabled.php||t.push(this.__patterns.php._starting_pattern.source),this._disabled.handlebars||t.push(this.__patterns.handlebars._starting_pattern.source),this._disabled.erb||t.push(this.__patterns.erb._starting_pattern.source),this._disabled.django||(t.push(this.__patterns.django._starting_pattern.source),t.push(this.__patterns.django_value._starting_pattern.source),t.push(this.__patterns.django_comment._starting_pattern.source)),this._disabled.smarty||t.push(this.__patterns.smarty._starting_pattern.source),this._until_pattern&&t.push(this._until_pattern.source),this.__template_pattern=this._input.get_regexp("(?:"+t.join("|")+")")},r.prototype._read_template=function(){var t="",e=this._input.peek();if("<"===e){var n=this._input.peek(1);this._disabled.php||this._excluded.php||"?"!==n||(t=t||this.__patterns.php.read()),this._disabled.erb||this._excluded.erb||"%"!==n||(t=t||this.__patterns.erb.read())}else"{"===e&&(this._disabled.handlebars||this._excluded.handlebars||(t=(t=(t=t||this.__patterns.handlebars_comment.read())||this.__patterns.handlebars_unescaped.read())||this.__patterns.handlebars.read()),this._disabled.django||(this._excluded.django||this._excluded.handlebars||(t=t||this.__patterns.django_value.read()),this._excluded.django||(t=(t=t||this.__patterns.django_comment.read())||this.__patterns.django.read())),this._disabled.smarty||this._disabled.django&&this._disabled.handlebars&&(t=(t=(t=t||this.__patterns.smarty_comment.read())||this.__patterns.smarty_literal.read())||this.__patterns.smarty.read()));return t},t.exports.TemplatablePattern=r}],e={};var n=function n(i){var s=e[i];if(void 0!==s)return s.exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}(0);i=n}();var s=i;void 0===(n=function(){return{js_beautify:s}}.apply(e,[]))||(t.exports=n)}()},167:function(){!function(t){var e="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},i={bash:n,environment:{pattern:RegExp("\\$"+e),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+e),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};t.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+e),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},parameter:{pattern:/(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:i},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:i},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:i.entity}}],environment:{pattern:RegExp("\\$?"+e),alias:"constant"},variable:i.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=t.languages.bash;for(var s=["comment","function-name","for-or-select","assign-left","parameter","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],r=i.variable[1].inside,a=0;a<s.length;a++)r[s[a]]=t.languages.bash[s[a]];t.languages.sh=t.languages.bash,t.languages.shell=t.languages.bash}(Prism)},160:function(){Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}},44:function(t,e,n){var i=function(t){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,n=0,i={},s={manual:t.Prism&&t.Prism.manual,disableWorkerMessageHandler:t.Prism&&t.Prism.disableWorkerMessageHandler,util:{encode:function t(e){return e instanceof r?new r(e.type,t(e.content),e.alias):Array.isArray(e)?e.map(t):e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(t){return Object.prototype.toString.call(t).slice(8,-1)},objId:function(t){return t.__id||Object.defineProperty(t,"__id",{value:++n}),t.__id},clone:function t(e,n){var i,r;switch(n=n||{},s.util.type(e)){case"Object":if(r=s.util.objId(e),n[r])return n[r];for(var a in i={},n[r]=i,e)e.hasOwnProperty(a)&&(i[a]=t(e[a],n));return i;case"Array":return r=s.util.objId(e),n[r]?n[r]:(i=[],n[r]=i,e.forEach((function(e,s){i[s]=t(e,n)})),i);default:return e}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(i){var t=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(i.stack)||[])[1];if(t){var e=document.getElementsByTagName("script");for(var n in e)if(e[n].src==t)return e[n]}return null}},isActive:function(t,e,n){for(var i="no-"+e;t;){var s=t.classList;if(s.contains(e))return!0;if(s.contains(i))return!1;t=t.parentElement}return!!n}},languages:{plain:i,plaintext:i,text:i,txt:i,extend:function(t,e){var n=s.util.clone(s.languages[t]);for(var i in e)n[i]=e[i];return n},insertBefore:function(t,e,n,i){var r=(i=i||s.languages)[t],a={};for(var o in r)if(r.hasOwnProperty(o)){if(o==e)for(var _ in n)n.hasOwnProperty(_)&&(a[_]=n[_]);n.hasOwnProperty(o)||(a[o]=r[o])}var u=i[t];return i[t]=a,s.languages.DFS(s.languages,(function(e,n){n===u&&e!=t&&(this[e]=a)})),a},DFS:function t(e,n,i,r){r=r||{};var a=s.util.objId;for(var o in e)if(e.hasOwnProperty(o)){n.call(e,o,e[o],i||o);var _=e[o],u=s.util.type(_);"Object"!==u||r[a(_)]?"Array"!==u||r[a(_)]||(r[a(_)]=!0,t(_,n,o,r)):(r[a(_)]=!0,t(_,n,null,r))}}},plugins:{},highlightAll:function(t,e){s.highlightAllUnder(document,t,e)},highlightAllUnder:function(t,e,n){var i={callback:n,container:t,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};s.hooks.run("before-highlightall",i),i.elements=Array.prototype.slice.apply(i.container.querySelectorAll(i.selector)),s.hooks.run("before-all-elements-highlight",i);for(var r,a=0;r=i.elements[a++];)s.highlightElement(r,!0===e,i.callback)},highlightElement:function(e,n,i){var r=s.util.getLanguage(e),a=s.languages[r];s.util.setLanguage(e,r);var o=e.parentElement;o&&"pre"===o.nodeName.toLowerCase()&&s.util.setLanguage(o,r);var _={element:e,language:r,grammar:a,code:e.textContent};function u(t){_.highlightedCode=t,s.hooks.run("before-insert",_),_.element.innerHTML=_.highlightedCode,s.hooks.run("after-highlight",_),s.hooks.run("complete",_),i&&i.call(_.element)}if(s.hooks.run("before-sanity-check",_),(o=_.element.parentElement)&&"pre"===o.nodeName.toLowerCase()&&!o.hasAttribute("tabindex")&&o.setAttribute("tabindex","0"),!_.code)return s.hooks.run("complete",_),void(i&&i.call(_.element));if(s.hooks.run("before-highlight",_),_.grammar)if(n&&t.Worker){var p=new Worker(s.filename);p.onmessage=function(t){u(t.data)},p.postMessage(JSON.stringify({language:_.language,code:_.code,immediateClose:!0}))}else u(s.highlight(_.code,_.grammar,_.language));else u(s.util.encode(_.code))},highlight:function(t,e,n){var i={code:t,grammar:e,language:n};if(s.hooks.run("before-tokenize",i),!i.grammar)throw new Error('The language "'+i.language+'" has no grammar.');return i.tokens=s.tokenize(i.code,i.grammar),s.hooks.run("after-tokenize",i),r.stringify(s.util.encode(i.tokens),i.language)},tokenize:function(t,e){var n=e.rest;if(n){for(var i in n)e[i]=n[i];delete e.rest}var s=new _;return u(s,s.head,t),o(t,s,e,s.head,0),function(t){var e=[],n=t.head.next;for(;n!==t.tail;)e.push(n.value),n=n.next;return e}(s)},hooks:{all:{},add:function(t,e){var n=s.hooks.all;n[t]=n[t]||[],n[t].push(e)},run:function(t,e){var n=s.hooks.all[t];if(n&&n.length)for(var i,r=0;i=n[r++];)i(e)}},Token:r};function r(t,e,n,i){this.type=t,this.content=e,this.alias=n,this.length=0|(i||"").length}function a(t,e,n,i){t.lastIndex=e;var s=t.exec(n);if(s&&i&&s[1]){var r=s[1].length;s.index+=r,s[0]=s[0].slice(r)}return s}function o(t,e,n,i,_,l){for(var h in n)if(n.hasOwnProperty(h)&&n[h]){var c=n[h];c=Array.isArray(c)?c:[c];for(var d=0;d<c.length;++d){if(l&&l.cause==h+","+d)return;var f=c[d],g=f.inside,m=!!f.lookbehind,y=!!f.greedy,b=f.alias;if(y&&!f.pattern.global){var v=f.pattern.toString().match(/[imsuy]*$/)[0];f.pattern=RegExp(f.pattern.source,v+"g")}for(var k=f.pattern||f,w=i.next,x=_;w!==e.tail&&!(l&&x>=l.reach);x+=w.value.length,w=w.next){var S=w.value;if(e.length>t.length)return;if(!(S instanceof r)){var E,O=1;if(y){if(!(E=a(k,x,t,m))||E.index>=t.length)break;var P=E.index,A=E.index+E[0].length,T=x;for(T+=w.value.length;P>=T;)T+=(w=w.next).value.length;if(x=T-=w.value.length,w.value instanceof r)continue;for(var R=w;R!==e.tail&&(T<A||"string"==typeof R.value);R=R.next)O++,T+=R.value.length;O--,S=t.slice(x,T),E.index-=x}else if(!(E=a(k,0,S,m)))continue;P=E.index;var N=E[0],L=S.slice(0,P),C=S.slice(P+N.length),I=x+S.length;l&&I>l.reach&&(l.reach=I);var D=w.prev;if(L&&(D=u(e,D,L),x+=L.length),p(e,D,O),w=u(e,D,new r(h,g?s.tokenize(N,g):N,b,N)),C&&u(e,w,C),O>1){var F={cause:h+","+d,reach:I};o(t,e,n,w.prev,x,F),l&&F.reach>l.reach&&(l.reach=F.reach)}}}}}}function _(){var t={value:null,prev:null,next:null},e={value:null,prev:t,next:null};t.next=e,this.head=t,this.tail=e,this.length=0}function u(t,e,n){var i=e.next,s={value:n,prev:e,next:i};return e.next=s,i.prev=s,t.length++,s}function p(t,e,n){for(var i=e.next,s=0;s<n&&i!==t.tail;s++)i=i.next;e.next=i,i.prev=e,t.length-=s}if(t.Prism=s,r.stringify=function t(e,n){if("string"==typeof e)return e;if(Array.isArray(e)){var i="";return e.forEach((function(e){i+=t(e,n)})),i}var r={type:e.type,content:t(e.content,n),tag:"span",classes:["token",e.type],attributes:{},language:n},a=e.alias;a&&(Array.isArray(a)?Array.prototype.push.apply(r.classes,a):r.classes.push(a)),s.hooks.run("wrap",r);var o="";for(var _ in r.attributes)o+=" "+_+'="'+(r.attributes[_]||"").replace(/"/g,"&quot;")+'"';return"<"+r.tag+' class="'+r.classes.join(" ")+'"'+o+">"+r.content+"</"+r.tag+">"},!t.document)return t.addEventListener?(s.disableWorkerMessageHandler||t.addEventListener("message",(function(e){var n=JSON.parse(e.data),i=n.language,r=n.code,a=n.immediateClose;t.postMessage(s.highlight(r,s.languages[i],i)),a&&t.close()}),!1),s):s;var l=s.util.currentScript();function h(){s.manual||s.highlightAll()}if(l&&(s.filename=l.src,l.hasAttribute("data-manual")&&(s.manual=!0)),!s.manual){var c=document.readyState;"loading"===c||"interactive"===c&&l&&l.defer?document.addEventListener("DOMContentLoaded",h):window.requestAnimationFrame?window.requestAnimationFrame(h):window.setTimeout(h,16)}return s}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});t.exports&&(t.exports=i),void 0!==n.g&&(n.g.Prism=i)},165:function(){!function(t){var e,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;t.languages.css.selector={pattern:t.languages.css.selector.pattern,lookbehind:!0,inside:e={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},t.languages.css.atrule.inside["selector-function-argument"].inside=e,t.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var i={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},s={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};t.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:i,number:s,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:i,number:s})}(Prism)},164:function(){!function(t){var e=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;t.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+e.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:e,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},t.languages.css.atrule.inside.rest=t.languages.css;var n=t.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(Prism)},170:function(){!function(t){t.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},t.hooks.add("before-tokenize",(function(e){t.languages["markup-templating"].buildPlaceholders(e,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),t.hooks.add("after-tokenize",(function(e){t.languages["markup-templating"].tokenizePlaceholders(e,"handlebars")})),t.languages.hbs=t.languages.handlebars,t.languages.mustache=t.languages.handlebars}(Prism)},161:function(){Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),Prism.languages.js=Prism.languages.javascript},163:function(){Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json},168:function(){!function(t){var e=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(t){return t=t.replace(/<inner>/g,(function(){return e})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+t+")")}var i=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,s=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return i})),r=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;t.languages.markdown=t.languages.extend("markup",{}),t.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:t.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+s+r+"(?:"+s+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+s+r+")(?:"+s+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(i),inside:t.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+s+")"+r+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+s+"$"),inside:{"table-header":{pattern:RegExp(i),alias:"important",inside:t.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(e){["url","bold","italic","strike","code-snippet"].forEach((function(n){e!==n&&(t.languages.markdown[e].inside.content.inside[n]=t.languages.markdown[n])}))})),t.hooks.add("after-tokenize",(function(t){"markdown"!==t.language&&"md"!==t.language||function t(e){if(e&&"string"!=typeof e)for(var n=0,i=e.length;n<i;n++){var s=e[n];if("code"===s.type){var r=s.content[1],a=s.content[3];if(r&&a&&"code-language"===r.type&&"code-block"===a.type&&"string"==typeof r.content){var o=r.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),_="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase());a.alias?"string"==typeof a.alias?a.alias=[a.alias,_]:a.alias.push(_):a.alias=[_]}}else t(s.content)}}(t.tokens)})),t.hooks.add("wrap",(function(e){if("code-block"===e.type){for(var n="",i=0,s=e.classes.length;i<s;i++){var r=e.classes[i],u=/language-(.+)/.exec(r);if(u){n=u[1];break}}var p,l=t.languages[n];if(l)e.content=t.highlight((p=e.content,p.replace(a,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(t,e){var n;if("#"===(e=e.toLowerCase())[0])return n="x"===e[1]?parseInt(e.slice(2),16):Number(e.slice(1)),_(n);var i=o[e];return i||t}))),l,n);else if(n&&"none"!==n&&t.plugins.autoloader){var h="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random());e.attributes.id=h,t.plugins.autoloader.loadLanguages(n,(function(){var e=document.getElementById(h);e&&(e.innerHTML=t.highlight(e.textContent,t.languages[n],n))}))}}}));var a=RegExp(t.languages.markup.tag.pattern.source,"gi"),o={amp:"&",lt:"<",gt:">",quot:'"'},_=String.fromCodePoint||String.fromCharCode;t.languages.md=t.languages.markdown}(Prism)},157:function(){!function(t){function e(t,e){return"___"+t.toUpperCase()+e+"___"}Object.defineProperties(t.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,i,s,r){if(n.language===i){var a=n.tokenStack=[];n.code=n.code.replace(s,(function(t){if("function"==typeof r&&!r(t))return t;for(var s,o=a.length;-1!==n.code.indexOf(s=e(i,o));)++o;return a[o]=t,s})),n.grammar=t.languages.markup}}},tokenizePlaceholders:{value:function(n,i){if(n.language===i&&n.tokenStack){n.grammar=t.languages[i];var s=0,r=Object.keys(n.tokenStack);!function a(o){for(var _=0;_<o.length&&!(s>=r.length);_++){var u=o[_];if("string"==typeof u||u.content&&"string"==typeof u.content){var p=r[s],l=n.tokenStack[p],h="string"==typeof u?u:u.content,c=e(i,p),d=h.indexOf(c);if(d>-1){++s;var f=h.substring(0,d),g=new t.Token(i,t.tokenize(l,n.grammar),"language-"+i,l),m=h.substring(d+c.length),y=[];f&&y.push.apply(y,a([f])),y.push(g),m&&y.push.apply(y,a([m])),"string"==typeof u?o.splice.apply(o,[_,1].concat(y)):u.content=y}}else u.content&&a(u.content)}return o}(n.tokens)}}}})}(Prism)},158:function(){Prism.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",(function(t){"entity"===t.type&&(t.attributes.title=t.content.replace(/&amp;/,"&"))})),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(t,e){var n={};n["language-"+e]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[e]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;var i={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};i["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var s={};s[t]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return t})),"i"),lookbehind:!0,greedy:!0,inside:i},Prism.languages.insertBefore("markup","cdata",s)}}),Object.defineProperty(Prism.languages.markup.tag,"addAttribute",{value:function(t,e){Prism.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+t+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:Prism.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml},166:function(){Prism.languages.scss=Prism.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),Prism.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),Prism.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),Prism.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),Prism.languages.scss.atrule.inside.rest=Prism.languages.scss},159:function(){Prism.languages.twig={comment:/^\{#[\s\S]*?#\}$/,"tag-name":{pattern:/(^\{%-?\s*)\w+/,lookbehind:!0,alias:"keyword"},delimiter:{pattern:/^\{[{%]-?|-?[%}]\}$/,alias:"punctuation"},string:{pattern:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,inside:{punctuation:/^['"]|['"]$/}},keyword:/\b(?:even|if|odd)\b/,boolean:/\b(?:false|null|true)\b/,number:/\b0x[\dA-Fa-f]+|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][-+]?\d+)?/,operator:[{pattern:/(\s)(?:and|b-and|b-or|b-xor|ends with|in|is|matches|not|or|same as|starts with)(?=\s)/,lookbehind:!0},/[=<>]=?|!=|\*\*?|\/\/?|\?:?|[-+~%|]/],punctuation:/[()\[\]{}:.,]/},Prism.hooks.add("before-tokenize",(function(t){if("twig"===t.language){Prism.languages["markup-templating"].buildPlaceholders(t,"twig",/\{(?:#[\s\S]*?#|%[\s\S]*?%|\{[\s\S]*?\})\}/g)}})),Prism.hooks.add("after-tokenize",(function(t){Prism.languages["markup-templating"].tokenizePlaceholders(t,"twig")}))},162:function(){!function(t){t.languages.typescript=t.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),t.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete t.languages.typescript.parameter,delete t.languages.typescript["literal-property"];var e=t.languages.extend("typescript",{});delete e["class-name"],t.languages.typescript["class-name"].inside=e,t.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e}}}}),t.languages.ts=t.languages.typescript}(Prism)},169:function(){!function(t){var e=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,i="(?:"+n.source+"(?:[ \t]+"+e.source+")?|"+e.source+"(?:[ \t]+"+n.source+")?)",s=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),r=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function a(t,e){e=(e||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return i})).replace(/<<value>>/g,(function(){return t}));return RegExp(n,e)}t.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return i}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return i})).replace(/<<key>>/g,(function(){return"(?:"+s+"|"+r+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:a(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:a(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:a(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:a(r),lookbehind:!0,greedy:!0},number:{pattern:a(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:e,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},t.languages.yml=t.languages.yaml}(Prism)},87:function(t){!function(){if("undefined"!=typeof Prism){var e=Object.assign||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},n={"remove-trailing":"boolean","remove-indent":"boolean","left-trim":"boolean","right-trim":"boolean","break-lines":"number",indent:"number","remove-initial-line-feed":"boolean","tabs-to-spaces":"number","spaces-to-tabs":"number"};i.prototype={setDefaults:function(t){this.defaults=e(this.defaults,t)},normalize:function(t,n){for(var i in n=e(this.defaults,n)){var s=i.replace(/-(\w)/g,(function(t,e){return e.toUpperCase()}));"normalize"!==i&&"setDefaults"!==s&&n[i]&&this[s]&&(t=this[s].call(this,t,n[i]))}return t},leftTrim:function(t){return t.replace(/^\s+/,"")},rightTrim:function(t){return t.replace(/\s+$/,"")},tabsToSpaces:function(t,e){return e=0|e||4,t.replace(/\t/g,new Array(++e).join(" "))},spacesToTabs:function(t,e){return e=0|e||4,t.replace(RegExp(" {"+e+"}","g"),"\t")},removeTrailing:function(t){return t.replace(/\s*?$/gm,"")},removeInitialLineFeed:function(t){return t.replace(/^(?:\r?\n|\r)/,"")},removeIndent:function(t){var e=t.match(/^[^\S\n\r]*(?=\S)/gm);return e&&e[0].length?(e.sort((function(t,e){return t.length-e.length})),e[0].length?t.replace(RegExp("^"+e[0],"gm"),""):t):t},indent:function(t,e){return t.replace(/^[^\S\n\r]*(?=\S)/gm,new Array(++e).join("\t")+"$&")},breakLines:function(t,e){e=!0===e?80:0|e||80;for(var n=t.split("\n"),i=0;i<n.length;++i)if(!(s(n[i])<=e)){for(var r=n[i].split(/(\s+)/g),a=0,o=0;o<r.length;++o){var _=s(r[o]);(a+=_)>e&&(r[o]="\n"+r[o],a=_)}n[i]=r.join("")}return n.join("\n")}},t.exports&&(t.exports=i),Prism.plugins.NormalizeWhitespace=new i({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0}),Prism.hooks.add("before-sanity-check",(function(t){var e=Prism.plugins.NormalizeWhitespace;if((!t.settings||!1!==t.settings["whitespace-normalization"])&&Prism.util.isActive(t.element,"whitespace-normalization",!0))if(t.element&&t.element.parentNode||!t.code){var i=t.element.parentNode;if(t.code&&i&&"pre"===i.nodeName.toLowerCase()){for(var s in null==t.settings&&(t.settings={}),n)if(Object.hasOwnProperty.call(n,s)){var r=n[s];if(i.hasAttribute("data-"+s))try{var a=JSON.parse(i.getAttribute("data-"+s)||"true");typeof a===r&&(t.settings[s]=a)}catch(d){}}for(var o=i.childNodes,_="",u="",p=!1,l=0;l<o.length;++l){var h=o[l];h==t.element?p=!0:"#text"===h.nodeName&&(p?u+=h.nodeValue:_+=h.nodeValue,i.removeChild(h),--l)}if(t.element.children.length&&Prism.plugins.KeepMarkup){var c=_+t.element.innerHTML+u;t.element.innerHTML=e.normalize(c,t.settings),t.code=t.element.textContent}else t.code=_+t.code+u,t.code=e.normalize(t.code,t.settings)}}else t.code=e.normalize(t.code,t.settings)}))}function i(t){this.defaults=e({},t)}function s(t){for(var e=0,n=0;n<t.length;++n)t.charCodeAt(n)=="\t".charCodeAt(0)&&(e+=3);return t.length+e}}()},154:function(t,e,n){"use strict";function i(t,e,n,i){return new(n||(n=Promise))((function(s,r){function a(t){try{_(i.next(t))}catch(e){r(e)}}function o(t){try{_(i.throw(t))}catch(e){r(e)}}function _(t){var e;t.done?s(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,o)}_((i=i.apply(t,e||[])).next())}))}n.d(e,{X5:function(){return s}});function s(t,e={}){return i(this,void 0,void 0,(function*(){if(!(t instanceof Element||t instanceof Window))throw new Error(`element passed to scrollTo() must be either the window or a DOM element, you passed ${t}!`);e=r(e);const n=(e,i,s,r,o=300,_,u)=>{window.requestAnimationFrame((()=>{const p=Date.now(),l=Math.min(1,(p-r)/o);if(e===i)return u?u():null;!function(t,e){const n=a.getDocument();t===n.body||t===n.documentElement||t instanceof Window?(n.body.scrollTop=e,n.documentElement.scrollTop=e):t.scrollTop=e}(t,_(l)*(i-e)+e),l<1?n(e,i,s,r,o,_,u):u&&u()}))},i=function(t){const e=a.getDocument();return t===e.body||t===e.documentElement||t instanceof Window?e.body.scrollTop||e.documentElement.scrollTop:t.scrollTop}(t),s=function(t){const e={window:{y:"scrollY",x:"scrollX"},element:{y:"scrollTop",x:"scrollLeft"}},n="y";return t instanceof Window?e.window[n]:e.element[n]}(t);return new Promise((t=>{n(i,"number"==typeof e.top?e.top:i,s,Date.now(),e.duration,_(e.easing),t)}))}))}function r(t={}){return"smooth"===t.behavior&&(t.easing="ease-in-out",t.duration=300),"auto"===t.behavior&&(t.duration=0,t.easing="linear"),t}const a={getDocument(){return document}},o={linear(t){return t},"ease-in"(t){return t*t},"ease-out"(t){return t*(2-t)},"ease-in-out"(t){return t<.5?2*t*t:(4-2*t)*t-1}},_=t=>{const e=o[t||"linear"];if(!e){const e=Object.keys(o).join(",");throw new Error(`Scroll error: scroller does not support an easing option of "${t}". Supported options are ${e}`)}return e}}}]);
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/4-chunk-89e9e4ddcdf713f6b994.modern.js.LICENSE.txt b/review/refactor-icon-update/styleguide/js/4-chunk-89e9e4ddcdf713f6b994.modern.js.LICENSE.txt
new file mode 100644
index 0000000000..353a9f05db
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/4-chunk-89e9e4ddcdf713f6b994.modern.js.LICENSE.txt
@@ -0,0 +1,92 @@
+/*!
+ * Determine if an object is a Buffer
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+
+/*!
+ * clipboard.js v2.0.11
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+
+/*!
+ * condense-newlines <https://github.com/jonschlinkert/condense-newlines>
+ *
+ * Copyright (c) 2014 Jon Schlinkert, contributors.
+ * Licensed under the MIT License
+ */
+
+/*!
+ * is-extendable <https://github.com/jonschlinkert/is-extendable>
+ *
+ * Copyright (c) 2015, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+/*!
+ * is-whitespace <https://github.com/jonschlinkert/is-whitespace>
+ *
+ * Copyright (c) 2014-2015, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+/*!
+ * pretty <https://github.com/jonschlinkert/pretty>
+ *
+ * Copyright (c) 2013-2015, 2017, Jon Schlinkert.
+ * Released under the MIT License.
+ */
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+/**
+ * Prism: Lightweight, robust, elegant syntax highlighting
+ *
+ * @license MIT <https://opensource.org/licenses/MIT>
+ * @author Lea Verou <https://lea.verou.me>
+ * @namespace
+ * @public
+ */
+
+/**!
+
+ @license
+ handlebars v4.7.7
+
+Copyright (C) 2011-2019 by Yehuda Katz
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+*/
diff --git a/review/refactor-icon-update/styleguide/js/4-chunk-9d131fbad93c294f5a13.js b/review/refactor-icon-update/styleguide/js/4-chunk-9d131fbad93c294f5a13.js
new file mode 100644
index 0000000000..7c5aaa15c0
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/4-chunk-9d131fbad93c294f5a13.js
@@ -0,0 +1,2 @@
+/*! For license information please see 4-chunk-9d131fbad93c294f5a13.js.LICENSE.txt */
+(self.webpackChunk_pattern_lab_uikit_workshop=self.webpackChunk_pattern_lab_uikit_workshop||[]).push([[4],{23:function(t,e,n){var i,r,s,a;function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}t=n.nmd(t),a=function(){return function(){var t={686:function(t,e,n){"use strict";n.d(e,{default:function(){return x}});var i=n(279),r=n.n(i),s=n(370),a=n.n(s),o=n(817),_=n.n(o);function u(t){try{return document.execCommand(t)}catch(e){return!1}}var p=function(t){var e=_()(t);return u("cut"),e},l=function(t,e){var n=function(t){var e="rtl"===document.documentElement.getAttribute("dir"),n=document.createElement("textarea");n.style.fontSize="12pt",n.style.border="0",n.style.padding="0",n.style.margin="0",n.style.position="absolute",n.style[e?"right":"left"]="-9999px";var i=window.pageYOffset||document.documentElement.scrollTop;return n.style.top="".concat(i,"px"),n.setAttribute("readonly",""),n.value=t,n}(t);e.container.appendChild(n);var i=_()(n);return u("copy"),n.remove(),i},h=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body},n="";return"string"==typeof t?n=l(t,e):t instanceof HTMLInputElement&&!["text","search","url","tel","password"].includes(null==t?void 0:t.type)?n=l(t.value,e):(n=_()(t),u("copy")),n};function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}var d=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.action,n=void 0===e?"copy":e,i=t.container,r=t.target,s=t.text;if("copy"!==n&&"cut"!==n)throw new Error('Invalid "action" value, use either "copy" or "cut"');if(void 0!==r){if(!r||"object"!==c(r)||1!==r.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===n&&r.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===n&&(r.hasAttribute("readonly")||r.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes')}return s?h(s,{container:i}):r?"cut"===n?p(r):h(r,{container:i}):void 0};function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}function g(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function m(t,e){return m=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},m(t,e)}function y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=v(t);if(e){var r=v(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return b(this,n)}}function b(t,e){return!e||"object"!==f(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function v(t){return v=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},v(t)}function k(t,e){var n="data-clipboard-".concat(t);if(e.hasAttribute(n))return e.getAttribute(n)}var w=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&m(t,e)}(s,t);var e,n,i,r=y(s);function s(t,e){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,s),(n=r.call(this)).resolveOptions(e),n.listenClick(t),n}return e=s,n=[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===f(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=a()(t,"click",(function(t){return e.onClick(t)}))}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget,n=this.action(e)||"copy",i=d({action:n,container:this.container,target:this.target(e),text:this.text(e)});this.emit(i?"success":"error",{action:n,text:i,trigger:e,clearSelection:function(){e&&e.focus(),window.getSelection().removeAllRanges()}})}},{key:"defaultAction",value:function(t){return k("action",t)}},{key:"defaultTarget",value:function(t){var e=k("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return k("text",t)}},{key:"destroy",value:function(){this.listener.destroy()}}],i=[{key:"copy",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body};return h(t,e)}},{key:"cut",value:function(t){return p(t)}},{key:"isSupported",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,n=!!document.queryCommandSupported;return e.forEach((function(t){n=n&&!!document.queryCommandSupported(t)})),n}}],n&&g(e.prototype,n),i&&g(e,i),s}(r()),x=w},828:function(t){if("undefined"!=typeof Element&&!Element.prototype.matches){var e=Element.prototype;e.matches=e.matchesSelector||e.mozMatchesSelector||e.msMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector}t.exports=function(t,e){for(;t&&9!==t.nodeType;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}},438:function(t,e,n){var i=n(828);function r(t,e,n,i,r){var a=s.apply(this,arguments);return t.addEventListener(n,a,r),{destroy:function(){t.removeEventListener(n,a,r)}}}function s(t,e,n,r){return function(n){n.delegateTarget=i(n.target,e),n.delegateTarget&&r.call(t,n)}}t.exports=function(t,e,n,i,s){return"function"==typeof t.addEventListener?r.apply(null,arguments):"function"==typeof n?r.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,(function(t){return r(t,e,n,i,s)})))}},879:function(t,e){e.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},e.nodeList=function(t){var n=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===n||"[object HTMLCollection]"===n)&&"length"in t&&(0===t.length||e.node(t[0]))},e.string=function(t){return"string"==typeof t||t instanceof String},e.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},370:function(t,e,n){var i=n(879),r=n(438);t.exports=function(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!i.string(e))throw new TypeError("Second argument must be a String");if(!i.fn(n))throw new TypeError("Third argument must be a Function");if(i.node(t))return function(t,e,n){return t.addEventListener(e,n),{destroy:function(){t.removeEventListener(e,n)}}}(t,e,n);if(i.nodeList(t))return function(t,e,n){return Array.prototype.forEach.call(t,(function(t){t.addEventListener(e,n)})),{destroy:function(){Array.prototype.forEach.call(t,(function(t){t.removeEventListener(e,n)}))}}}(t,e,n);if(i.string(t))return function(t,e,n){return r(document.body,t,e,n)}(t,e,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}},817:function(t){t.exports=function(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var i=window.getSelection(),r=document.createRange();r.selectNodeContents(t),i.removeAllRanges(),i.addRange(r),e=i.toString()}return e}},279:function(t){function e(){}e.prototype={on:function(t,e,n){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var i=this;function r(){i.off(t,r),e.apply(n,arguments)}return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),i=0,r=n.length;i<r;i++)n[i].fn.apply(n[i].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),i=n[t],r=[];if(i&&e)for(var s=0,a=i.length;s<a;s++)i[s].fn!==e&&i[s].fn._!==e&&r.push(i[s]);return r.length?n[t]=r:delete n[t],this}},t.exports=e,t.exports.TinyEmitter=e}},e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}return n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n(686)}().default},"object"===o(e)&&"object"===o(t)?t.exports=a():(r=[],void 0===(s="function"==typeof(i=a)?i.apply(e,r):i)||(t.exports=s))},381:function(t,e,n){"use strict";var i=n(388),r=n(380),s=n(390);t.exports=function(t,e){var n,a=r({},e),o=a.sep||"\n\n",_=a.min;return"number"==typeof _&&2!==_&&(n=new RegExp("(\\r\\n|\\n|\\u2424) {"+_+",}")),void 0===n&&(n=a.regex||/(\r\n|\n|\u2424){2,}/g),!0!==a.keepWhitespace&&(t=t.split("\n").map((function(t){return i(t)?t.trim():t})).join("\n")),t=function(t,e){var n=e.trailingNewline;if(!1===n)return t;switch(s(n)){case"string":t=t.replace(/\s+$/,e.trailingNewline);break;case"function":t=e.trailingNewline(t);break;default:t=t.replace(/\s+$/,"\n")}return t}(t,a),t.replace(n,o)}},390:function(t,e,n){var i=n(391),r=Object.prototype.toString;t.exports=function(t){if(void 0===t)return"undefined";if(null===t)return"null";if(!0===t||!1===t||t instanceof Boolean)return"boolean";if("string"==typeof t||t instanceof String)return"string";if("number"==typeof t||t instanceof Number)return"number";if("function"==typeof t||t instanceof Function)return"function";if(void 0!==Array.isArray&&Array.isArray(t))return"array";if(t instanceof RegExp)return"regexp";if(t instanceof Date)return"date";var e=r.call(t);return"[object RegExp]"===e?"regexp":"[object Date]"===e?"date":"[object Arguments]"===e?"arguments":"[object Error]"===e?"error":i(t)?"buffer":"[object Set]"===e?"set":"[object WeakSet]"===e?"weakset":"[object Map]"===e?"map":"[object WeakMap]"===e?"weakmap":"[object Symbol]"===e?"symbol":"[object Int8Array]"===e?"int8array":"[object Uint8Array]"===e?"uint8array":"[object Uint8ClampedArray]"===e?"uint8clampedarray":"[object Int16Array]"===e?"int16array":"[object Uint16Array]"===e?"uint16array":"[object Int32Array]"===e?"int32array":"[object Uint32Array]"===e?"uint32array":"[object Float32Array]"===e?"float32array":"[object Float64Array]"===e?"float64array":"object"}},380:function(t,e,n){"use strict";var i=n(389);function r(t,e){for(var n in e)s(e,n)&&(t[n]=e[n])}function s(t,e){return Object.prototype.hasOwnProperty.call(t,e)}t.exports=function(t){i(t)||(t={});for(var e=arguments.length,n=1;n<e;n++){var s=arguments[n];i(s)&&r(t,s)}return t}},78:function(t,e,n){var i,r,s,a;function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}t=n.nmd(t),a=function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={exports:{},id:i,loaded:!1};return t[i].call(r.exports,r,r.exports,n),r.loaded=!0,r.exports}return n.m=t,n.c=e,n.p="",n(0)}([function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=i(n(2)),s=i(n(45)),a=n(46),o=n(51),_=i(n(52)),u=i(n(49)),p=i(n(44)),l=r.default.create;function h(){var t=l();return t.compile=function(e,n){return o.compile(e,n,t)},t.precompile=function(e,n){return o.precompile(e,n,t)},t.AST=s.default,t.Compiler=o.Compiler,t.JavaScriptCompiler=_.default,t.Parser=a.parser,t.parse=a.parse,t.parseWithoutProcessing=a.parseWithoutProcessing,t}var c=h();c.create=h,p.default(c),c.Visitor=u.default,c.default=c,e.default=c,t.exports=e.default},function(t,e){"use strict";e.default=function(t){return t&&t.__esModule?t:{default:t}},e.__esModule=!0},function(t,e,n){"use strict";var i=n(3).default,r=n(1).default;e.__esModule=!0;var s=i(n(4)),a=r(n(37)),o=r(n(6)),_=i(n(5)),u=i(n(38)),p=r(n(44));function l(){var t=new s.HandlebarsEnvironment;return _.extend(t,s),t.SafeString=a.default,t.Exception=o.default,t.Utils=_,t.escapeExpression=_.escapeExpression,t.VM=u,t.template=function(e){return u.template(e,t)},t}var h=l();h.create=l,p.default(h),h.default=h,e.default=h,t.exports=e.default},function(t,e){"use strict";e.default=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e},e.__esModule=!0},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.HandlebarsEnvironment=l;var r=n(5),s=i(n(6)),a=n(10),o=n(30),_=i(n(32)),u=n(33);e.VERSION="4.7.7",e.COMPILER_REVISION=8,e.LAST_COMPATIBLE_COMPILER_REVISION=7,e.REVISION_CHANGES={1:"<= 1.0.rc.2",2:"== 1.0.0-rc.3",3:"== 1.0.0-rc.4",4:"== 1.x.x",5:"== 2.0.0-alpha.x",6:">= 2.0.0-beta.1",7:">= 4.0.0 <4.3.0",8:">= 4.3.0"};var p="[object Object]";function l(t,e,n){this.helpers=t||{},this.partials=e||{},this.decorators=n||{},a.registerDefaultHelpers(this),o.registerDefaultDecorators(this)}l.prototype={constructor:l,logger:_.default,log:_.default.log,registerHelper:function(t,e){if(r.toString.call(t)===p){if(e)throw new s.default("Arg not supported with multiple helpers");r.extend(this.helpers,t)}else this.helpers[t]=e},unregisterHelper:function(t){delete this.helpers[t]},registerPartial:function(t,e){if(r.toString.call(t)===p)r.extend(this.partials,t);else{if(void 0===e)throw new s.default('Attempting to register a partial called "'+t+'" as undefined');this.partials[t]=e}},unregisterPartial:function(t){delete this.partials[t]},registerDecorator:function(t,e){if(r.toString.call(t)===p){if(e)throw new s.default("Arg not supported with multiple decorators");r.extend(this.decorators,t)}else this.decorators[t]=e},unregisterDecorator:function(t){delete this.decorators[t]},resetLoggedPropertyAccesses:function(){u.resetLoggedProperties()}};var h=_.default.log;e.log=h,e.createFrame=r.createFrame,e.logger=_.default},function(t,e){"use strict";e.__esModule=!0,e.extend=a,e.indexOf=function(t,e){for(var n=0,i=t.length;n<i;n++)if(t[n]===e)return n;return-1},e.escapeExpression=function(t){if("string"!=typeof t){if(t&&t.toHTML)return t.toHTML();if(null==t)return"";if(!t)return t+"";t=""+t}return r.test(t)?t.replace(i,s):t},e.isEmpty=function(t){return!t&&0!==t||!(!p(t)||0!==t.length)},e.createFrame=function(t){var e=a({},t);return e._parent=t,e},e.blockParams=function(t,e){return t.path=e,t},e.appendContextPath=function(t,e){return(t?t+".":"")+e};var n={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;","=":"&#x3D;"},i=/[&<>"'`=]/g,r=/[&<>"'`=]/;function s(t){return n[t]}function a(t){for(var e=1;e<arguments.length;e++)for(var n in arguments[e])Object.prototype.hasOwnProperty.call(arguments[e],n)&&(t[n]=arguments[e][n]);return t}var _=Object.prototype.toString;e.toString=_;var u=function(t){return"function"==typeof t};u(/x/)&&(e.isFunction=u=function(t){return"function"==typeof t&&"[object Function]"===_.call(t)}),e.isFunction=u;var p=Array.isArray||function(t){return!(!t||"object"!==o(t))&&"[object Array]"===_.call(t)};e.isArray=p},function(t,e,n){"use strict";var i=n(7).default;e.__esModule=!0;var r=["description","fileName","lineNumber","endLineNumber","message","name","number","stack"];function s(t,e){var n=e&&e.loc,a=void 0,o=void 0,_=void 0,u=void 0;n&&(a=n.start.line,o=n.end.line,_=n.start.column,u=n.end.column,t+=" - "+a+":"+_);for(var p=Error.prototype.constructor.call(this,t),l=0;l<r.length;l++)this[r[l]]=p[r[l]];Error.captureStackTrace&&Error.captureStackTrace(this,s);try{n&&(this.lineNumber=a,this.endLineNumber=o,i?(Object.defineProperty(this,"column",{value:_,enumerable:!0}),Object.defineProperty(this,"endColumn",{value:u,enumerable:!0})):(this.column=_,this.endColumn=u))}catch(h){}}s.prototype=new Error,e.default=s,t.exports=e.default},function(t,e,n){t.exports={default:n(8),__esModule:!0}},function(t,e,n){var i=n(9);t.exports=function(t,e,n){return i.setDesc(t,e,n)}},function(t,e){var n=Object;t.exports={create:n.create,getProto:n.getPrototypeOf,isEnum:{}.propertyIsEnumerable,getDesc:n.getOwnPropertyDescriptor,setDesc:n.defineProperty,setDescs:n.defineProperties,getKeys:n.keys,getNames:n.getOwnPropertyNames,getSymbols:n.getOwnPropertySymbols,each:[].forEach}},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.registerDefaultHelpers=function(t){r.default(t),s.default(t),a.default(t),o.default(t),_.default(t),u.default(t),p.default(t)},e.moveHelperToHooks=function(t,e,n){t.helpers[e]&&(t.hooks[e]=t.helpers[e],n||delete t.helpers[e])};var r=i(n(11)),s=i(n(12)),a=i(n(25)),o=i(n(26)),_=i(n(27)),u=i(n(28)),p=i(n(29))},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5);e.default=function(t){t.registerHelper("blockHelperMissing",(function(e,n){var r=n.inverse,s=n.fn;if(!0===e)return s(this);if(!1===e||null==e)return r(this);if(i.isArray(e))return e.length>0?(n.ids&&(n.ids=[n.name]),t.helpers.each(e,n)):r(this);if(n.data&&n.ids){var a=i.createFrame(n.data);a.contextPath=i.appendContextPath(n.data.contextPath,n.name),n={data:a}}return s(e,n)}))},t.exports=e.default},function(t,e,n){(function(i){"use strict";var r=n(13).default,s=n(1).default;e.__esModule=!0;var a=n(5),_=s(n(6));e.default=function(t){t.registerHelper("each",(function(t,e){if(!e)throw new _.default("Must pass iterator to #each");var n,s=e.fn,u=e.inverse,p=0,l="",h=void 0,c=void 0;function d(e,n,i){h&&(h.key=e,h.index=n,h.first=0===n,h.last=!!i,c&&(h.contextPath=c+e)),l+=s(t[e],{data:h,blockParams:a.blockParams([t[e],e],[c+e,null])})}if(e.data&&e.ids&&(c=a.appendContextPath(e.data.contextPath,e.ids[0])+"."),a.isFunction(t)&&(t=t.call(this)),e.data&&(h=a.createFrame(e.data)),t&&"object"===o(t))if(a.isArray(t))for(var f=t.length;p<f;p++)p in t&&d(p,p,p===t.length-1);else if(i.Symbol&&t[i.Symbol.iterator]){for(var g=[],m=t[i.Symbol.iterator](),y=m.next();!y.done;y=m.next())g.push(y.value);for(f=(t=g).length;p<f;p++)d(p,p,p===t.length-1)}else n=void 0,r(t).forEach((function(t){void 0!==n&&d(n,p-1),n=t,p++})),void 0!==n&&d(n,p-1,!0);return 0===p&&(l=u(this)),l}))},t.exports=e.default}).call(e,function(){return this}())},function(t,e,n){t.exports={default:n(14),__esModule:!0}},function(t,e,n){n(15),t.exports=n(21).Object.keys},function(t,e,n){var i=n(16);n(18)("keys",(function(t){return function(e){return t(i(e))}}))},function(t,e,n){var i=n(17);t.exports=function(t){return Object(i(t))}},function(t,e){t.exports=function(t){if(null==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e,n){var i=n(19),r=n(21),s=n(24);t.exports=function(t,e){var n=(r.Object||{})[t]||Object[t],a={};a[t]=e(n),i(i.S+i.F*s((function(){n(1)})),"Object",a)}},function(t,e,n){var i=n(20),r=n(21),s=n(22),a="prototype",o=function t(e,n,o){var _,u,p,l=e&t.F,h=e&t.G,c=e&t.S,d=e&t.P,f=e&t.B,g=e&t.W,m=h?r:r[n]||(r[n]={}),y=h?i:c?i[n]:(i[n]||{})[a];for(_ in h&&(o=n),o)(u=!l&&y&&_ in y)&&_ in m||(p=u?y[_]:o[_],m[_]=h&&"function"!=typeof y[_]?o[_]:f&&u?s(p,i):g&&y[_]==p?function(t){var e=function(e){return this instanceof t?new t(e):t(e)};return e[a]=t[a],e}(p):d&&"function"==typeof p?s(Function.call,p):p,d&&((m[a]||(m[a]={}))[_]=p))};o.F=1,o.G=2,o.S=4,o.P=8,o.B=16,o.W=32,t.exports=o},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){var n=t.exports={version:"1.2.6"};"number"==typeof __e&&(__e=n)},function(t,e,n){var i=n(23);t.exports=function(t,e,n){if(i(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,i){return t.call(e,n,i)};case 3:return function(n,i,r){return t.call(e,n,i,r)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){t.exports=function(t){try{return!!t()}catch(e){return!0}}},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=i(n(6));e.default=function(t){t.registerHelper("helperMissing",(function(){if(1!==arguments.length)throw new r.default('Missing helper: "'+arguments[arguments.length-1].name+'"')}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=n(5),s=i(n(6));e.default=function(t){t.registerHelper("if",(function(t,e){if(2!=arguments.length)throw new s.default("#if requires exactly one argument");return r.isFunction(t)&&(t=t.call(this)),!e.hash.includeZero&&!t||r.isEmpty(t)?e.inverse(this):e.fn(this)})),t.registerHelper("unless",(function(e,n){if(2!=arguments.length)throw new s.default("#unless requires exactly one argument");return t.helpers.if.call(this,e,{fn:n.inverse,inverse:n.fn,hash:n.hash})}))},t.exports=e.default},function(t,e){"use strict";e.__esModule=!0,e.default=function(t){t.registerHelper("log",(function(){for(var e=[void 0],n=arguments[arguments.length-1],i=0;i<arguments.length-1;i++)e.push(arguments[i]);var r=1;null!=n.hash.level?r=n.hash.level:n.data&&null!=n.data.level&&(r=n.data.level),e[0]=r,t.log.apply(t,e)}))},t.exports=e.default},function(t,e){"use strict";e.__esModule=!0,e.default=function(t){t.registerHelper("lookup",(function(t,e,n){return t?n.lookupProperty(t,e):t}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=n(5),s=i(n(6));e.default=function(t){t.registerHelper("with",(function(t,e){if(2!=arguments.length)throw new s.default("#with requires exactly one argument");r.isFunction(t)&&(t=t.call(this));var n=e.fn;if(r.isEmpty(t))return e.inverse(this);var i=e.data;return e.data&&e.ids&&((i=r.createFrame(e.data)).contextPath=r.appendContextPath(e.data.contextPath,e.ids[0])),n(t,{data:i,blockParams:r.blockParams([t],[i&&i.contextPath])})}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.registerDefaultDecorators=function(t){r.default(t)};var r=i(n(31))},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5);e.default=function(t){t.registerDecorator("inline",(function(t,e,n,r){var s=t;return e.partials||(e.partials={},s=function(r,s){var a=n.partials;n.partials=i.extend({},a,e.partials);var o=t(r,s);return n.partials=a,o}),e.partials[r.args[0]]=r.fn,s}))},t.exports=e.default},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5),r={methodMap:["debug","info","warn","error"],level:"info",lookupLevel:function(t){if("string"==typeof t){var e=i.indexOf(r.methodMap,t.toLowerCase());t=e>=0?e:parseInt(t,10)}return t},log:function(t){if(t=r.lookupLevel(t),"undefined"!=typeof console&&r.lookupLevel(r.level)<=t){var e=r.methodMap[t];console[e]||(e="log");for(var n=arguments.length,i=Array(n>1?n-1:0),s=1;s<n;s++)i[s-1]=arguments[s];console[e].apply(console,i)}}};e.default=r,t.exports=e.default},function(t,e,n){"use strict";var i=n(34).default,r=n(13).default,s=n(3).default;e.__esModule=!0,e.createProtoAccessControl=function(t){var e=i(null);e.constructor=!1,e.__defineGetter__=!1,e.__defineSetter__=!1,e.__lookupGetter__=!1;var n=i(null);return n.__proto__=!1,{properties:{whitelist:a.createNewLookupObject(n,t.allowedProtoProperties),defaultValue:t.allowProtoPropertiesByDefault},methods:{whitelist:a.createNewLookupObject(e,t.allowedProtoMethods),defaultValue:t.allowProtoMethodsByDefault}}},e.resultIsAllowed=function(t,e,n){return u("function"==typeof t?e.methods:e.properties,n)},e.resetLoggedProperties=function(){r(_).forEach((function(t){delete _[t]}))};var a=n(36),o=s(n(32)),_=i(null);function u(t,e){return void 0!==t.whitelist[e]?!0===t.whitelist[e]:void 0!==t.defaultValue?t.defaultValue:(function(t){!0!==_[t]&&(_[t]=!0,o.log("error",'Handlebars: Access has been denied to resolve the property "'+t+'" because it is not an "own property" of its parent.\nYou can add a runtime option to disable the check or this warning:\nSee https://handlebarsjs.com/api-reference/runtime-options.html#options-to-control-prototype-access for details'))}(e),!1)}},function(t,e,n){t.exports={default:n(35),__esModule:!0}},function(t,e,n){var i=n(9);t.exports=function(t,e){return i.create(t,e)}},function(t,e,n){"use strict";var i=n(34).default;e.__esModule=!0,e.createNewLookupObject=function(){for(var t=arguments.length,e=Array(t),n=0;n<t;n++)e[n]=arguments[n];return r.extend.apply(void 0,[i(null)].concat(e))};var r=n(5)},function(t,e){"use strict";function n(t){this.string=t}e.__esModule=!0,n.prototype.toString=n.prototype.toHTML=function(){return""+this.string},e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(39).default,r=n(13).default,s=n(3).default,a=n(1).default;e.__esModule=!0,e.checkRevision=function(t){var e=t&&t[0]||1,n=p.COMPILER_REVISION;if(!(e>=p.LAST_COMPATIBLE_COMPILER_REVISION&&e<=p.COMPILER_REVISION)){if(e<p.LAST_COMPATIBLE_COMPILER_REVISION){var i=p.REVISION_CHANGES[n],r=p.REVISION_CHANGES[e];throw new u.default("Template was precompiled with an older version of Handlebars than the current runtime. Please update your precompiler to a newer version ("+i+") or downgrade your runtime to an older version ("+r+").")}throw new u.default("Template was precompiled with a newer version of Handlebars than the current runtime. Please update your runtime to a newer version ("+t[1]+").")}},e.template=function(t,e){if(!e)throw new u.default("No environment passed to template");if(!t||!t.main)throw new u.default("Unknown template object: "+o(t));t.main.decorator=t.main_d,e.VM.checkRevision(t.compiler);var n=t.compiler&&7===t.compiler[0],s={strict:function(t,e,n){if(!t||!(e in t))throw new u.default('"'+e+'" not defined in '+t,{loc:n});return s.lookupProperty(t,e)},lookupProperty:function(t,e){var n=t[e];return null==n||Object.prototype.hasOwnProperty.call(t,e)||c.resultIsAllowed(n,s.protoAccessControl,e)?n:void 0},lookup:function(t,e){for(var n=t.length,i=0;i<n;i++)if(null!=(t[i]&&s.lookupProperty(t[i],e)))return t[i][e]},lambda:function(t,e){return"function"==typeof t?t.call(e):t},escapeExpression:_.escapeExpression,invokePartial:function(n,i,r){r.hash&&(i=_.extend({},i,r.hash),r.ids&&(r.ids[0]=!0)),n=e.VM.resolvePartial.call(this,n,i,r);var s=_.extend({},r,{hooks:this.hooks,protoAccessControl:this.protoAccessControl}),a=e.VM.invokePartial.call(this,n,i,s);if(null==a&&e.compile&&(r.partials[r.name]=e.compile(n,t.compilerOptions,e),a=r.partials[r.name](i,s)),null!=a){if(r.indent){for(var o=a.split("\n"),p=0,l=o.length;p<l&&(o[p]||p+1!==l);p++)o[p]=r.indent+o[p];a=o.join("\n")}return a}throw new u.default("The partial "+r.name+" could not be compiled when running in runtime-only mode")},fn:function(e){var n=t[e];return n.decorator=t[e+"_d"],n},programs:[],program:function(t,e,n,i,r){var s=this.programs[t],a=this.fn(t);return e||r||i||n?s=d(this,t,a,e,n,i,r):s||(s=this.programs[t]=d(this,t,a)),s},data:function(t,e){for(;t&&e--;)t=t._parent;return t},mergeIfNeeded:function(t,e){var n=t||e;return t&&e&&t!==e&&(n=_.extend({},e,t)),n},nullContext:i({}),noop:e.VM.noop,compilerInfo:t.compiler};function a(e){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],i=n.data;a._setup(n),!n.partial&&t.useData&&(i=g(e,i));var r=void 0,o=t.useBlockParams?[]:void 0;function _(e){return""+t.main(s,e,s.helpers,s.partials,i,o,r)}return t.useDepths&&(r=n.depths?e!=n.depths[0]?[e].concat(n.depths):n.depths:[e]),(_=m(t.main,_,s,n.depths||[],i,o))(e,n)}return a.isTop=!0,a._setup=function(i){if(i.partial)s.protoAccessControl=i.protoAccessControl,s.helpers=i.helpers,s.partials=i.partials,s.decorators=i.decorators,s.hooks=i.hooks;else{var a=_.extend({},e.helpers,i.helpers);!function(t,e){r(t).forEach((function(n){var i=t[n];t[n]=function(t,e){var n=e.lookupProperty;return h.wrapHelper(t,(function(t){return _.extend({lookupProperty:n},t)}))}(i,e)}))}(a,s),s.helpers=a,t.usePartial&&(s.partials=s.mergeIfNeeded(i.partials,e.partials)),(t.usePartial||t.useDecorators)&&(s.decorators=_.extend({},e.decorators,i.decorators)),s.hooks={},s.protoAccessControl=c.createProtoAccessControl(i);var o=i.allowCallsToHelperMissing||n;l.moveHelperToHooks(s,"helperMissing",o),l.moveHelperToHooks(s,"blockHelperMissing",o)}},a._child=function(e,n,i,r){if(t.useBlockParams&&!i)throw new u.default("must pass block params");if(t.useDepths&&!r)throw new u.default("must pass parent depths");return d(s,e,t[e],n,0,i,r)},a},e.wrapProgram=d,e.resolvePartial=function(t,e,n){return t?t.call||n.name||(n.name=t,t=n.partials[t]):t="@partial-block"===n.name?n.data["partial-block"]:n.partials[n.name],t},e.invokePartial=function(t,e,n){var i=n.data&&n.data["partial-block"];n.partial=!0,n.ids&&(n.data.contextPath=n.ids[0]||n.data.contextPath);var r=void 0;if(n.fn&&n.fn!==f&&function(){n.data=p.createFrame(n.data);var t=n.fn;r=n.data["partial-block"]=function(e){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];return n.data=p.createFrame(n.data),n.data["partial-block"]=i,t(e,n)},t.partials&&(n.partials=_.extend({},n.partials,t.partials))}(),void 0===t&&r&&(t=r),void 0===t)throw new u.default("The partial "+n.name+" could not be found");if(t instanceof Function)return t(e,n)},e.noop=f;var _=s(n(5)),u=a(n(6)),p=n(4),l=n(10),h=n(43),c=n(33);function d(t,e,n,i,r,s,a){function o(e){var r=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],o=a;return!a||e==a[0]||e===t.nullContext&&null===a[0]||(o=[e].concat(a)),n(t,e,t.helpers,t.partials,r.data||i,s&&[r.blockParams].concat(s),o)}return(o=m(n,o,t,a,i,s)).program=e,o.depth=a?a.length:0,o.blockParams=r||0,o}function f(){return""}function g(t,e){return e&&"root"in e||((e=e?p.createFrame(e):{}).root=t),e}function m(t,e,n,i,r,s){if(t.decorator){var a={};e=t.decorator(e,a,n,i&&i[0],r,s,i),_.extend(e,a)}return e}},function(t,e,n){t.exports={default:n(40),__esModule:!0}},function(t,e,n){n(41),t.exports=n(21).Object.seal},function(t,e,n){var i=n(42);n(18)("seal",(function(t){return function(e){return t&&i(e)?t(e):e}}))},function(t,e){t.exports=function(t){return"object"===o(t)?null!==t:"function"==typeof t}},function(t,e){"use strict";e.__esModule=!0,e.wrapHelper=function(t,e){return"function"!=typeof t?t:function(){var n=arguments[arguments.length-1];return arguments[arguments.length-1]=e(n),t.apply(this,arguments)}}},function(t,e){(function(n){"use strict";e.__esModule=!0,e.default=function(t){var e=void 0!==n?n:window,i=e.Handlebars;t.noConflict=function(){return e.Handlebars===t&&(e.Handlebars=i),t}},t.exports=e.default}).call(e,function(){return this}())},function(t,e){"use strict";e.__esModule=!0;var n={helpers:{helperExpression:function(t){return"SubExpression"===t.type||("MustacheStatement"===t.type||"BlockStatement"===t.type)&&!!(t.params&&t.params.length||t.hash)},scopedId:function(t){return/^\.|this\b/.test(t.original)},simpleId:function(t){return 1===t.parts.length&&!n.helpers.scopedId(t)&&!t.depth}}};e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default,r=n(3).default;e.__esModule=!0,e.parseWithoutProcessing=p,e.parse=function(t,e){var n=p(t,e);return new a.default(e).accept(n)};var s=i(n(47)),a=i(n(48)),o=r(n(50)),_=n(5);e.parser=s.default;var u={};function p(t,e){return"Program"===t.type?t:(s.default.yy=u,u.locInfo=function(t){return new u.SourceLocation(e&&e.srcName,t)},s.default.parse(t))}_.extend(u,o)},function(t,e){"use strict";e.__esModule=!0;var n=function(){var t={trace:function(){},yy:{},symbols_:{error:2,root:3,program:4,EOF:5,program_repetition0:6,statement:7,mustache:8,block:9,rawBlock:10,partial:11,partialBlock:12,content:13,COMMENT:14,CONTENT:15,openRawBlock:16,rawBlock_repetition0:17,END_RAW_BLOCK:18,OPEN_RAW_BLOCK:19,helperName:20,openRawBlock_repetition0:21,openRawBlock_option0:22,CLOSE_RAW_BLOCK:23,openBlock:24,block_option0:25,closeBlock:26,openInverse:27,block_option1:28,OPEN_BLOCK:29,openBlock_repetition0:30,openBlock_option0:31,openBlock_option1:32,CLOSE:33,OPEN_INVERSE:34,openInverse_repetition0:35,openInverse_option0:36,openInverse_option1:37,openInverseChain:38,OPEN_INVERSE_CHAIN:39,openInverseChain_repetition0:40,openInverseChain_option0:41,openInverseChain_option1:42,inverseAndProgram:43,INVERSE:44,inverseChain:45,inverseChain_option0:46,OPEN_ENDBLOCK:47,OPEN:48,mustache_repetition0:49,mustache_option0:50,OPEN_UNESCAPED:51,mustache_repetition1:52,mustache_option1:53,CLOSE_UNESCAPED:54,OPEN_PARTIAL:55,partialName:56,partial_repetition0:57,partial_option0:58,openPartialBlock:59,OPEN_PARTIAL_BLOCK:60,openPartialBlock_repetition0:61,openPartialBlock_option0:62,param:63,sexpr:64,OPEN_SEXPR:65,sexpr_repetition0:66,sexpr_option0:67,CLOSE_SEXPR:68,hash:69,hash_repetition_plus0:70,hashSegment:71,ID:72,EQUALS:73,blockParams:74,OPEN_BLOCK_PARAMS:75,blockParams_repetition_plus0:76,CLOSE_BLOCK_PARAMS:77,path:78,dataName:79,STRING:80,NUMBER:81,BOOLEAN:82,UNDEFINED:83,NULL:84,DATA:85,pathSegments:86,SEP:87,$accept:0,$end:1},terminals_:{2:"error",5:"EOF",14:"COMMENT",15:"CONTENT",18:"END_RAW_BLOCK",19:"OPEN_RAW_BLOCK",23:"CLOSE_RAW_BLOCK",29:"OPEN_BLOCK",33:"CLOSE",34:"OPEN_INVERSE",39:"OPEN_INVERSE_CHAIN",44:"INVERSE",47:"OPEN_ENDBLOCK",48:"OPEN",51:"OPEN_UNESCAPED",54:"CLOSE_UNESCAPED",55:"OPEN_PARTIAL",60:"OPEN_PARTIAL_BLOCK",65:"OPEN_SEXPR",68:"CLOSE_SEXPR",72:"ID",73:"EQUALS",75:"OPEN_BLOCK_PARAMS",77:"CLOSE_BLOCK_PARAMS",80:"STRING",81:"NUMBER",82:"BOOLEAN",83:"UNDEFINED",84:"NULL",85:"DATA",87:"SEP"},productions_:[0,[3,2],[4,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[13,1],[10,3],[16,5],[9,4],[9,4],[24,6],[27,6],[38,6],[43,2],[45,3],[45,1],[26,3],[8,5],[8,5],[11,5],[12,3],[59,5],[63,1],[63,1],[64,5],[69,1],[71,3],[74,3],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[56,1],[56,1],[79,2],[78,1],[86,3],[86,1],[6,0],[6,2],[17,0],[17,2],[21,0],[21,2],[22,0],[22,1],[25,0],[25,1],[28,0],[28,1],[30,0],[30,2],[31,0],[31,1],[32,0],[32,1],[35,0],[35,2],[36,0],[36,1],[37,0],[37,1],[40,0],[40,2],[41,0],[41,1],[42,0],[42,1],[46,0],[46,1],[49,0],[49,2],[50,0],[50,1],[52,0],[52,2],[53,0],[53,1],[57,0],[57,2],[58,0],[58,1],[61,0],[61,2],[62,0],[62,1],[66,0],[66,2],[67,0],[67,1],[70,1],[70,2],[76,1],[76,2]],performAction:function(t,e,n,i,r,s,a){var o=s.length-1;switch(r){case 1:return s[o-1];case 2:this.$=i.prepareProgram(s[o]);break;case 3:case 4:case 5:case 6:case 7:case 8:case 20:case 27:case 28:case 33:case 34:case 40:case 41:this.$=s[o];break;case 9:this.$={type:"CommentStatement",value:i.stripComment(s[o]),strip:i.stripFlags(s[o],s[o]),loc:i.locInfo(this._$)};break;case 10:this.$={type:"ContentStatement",original:s[o],value:s[o],loc:i.locInfo(this._$)};break;case 11:this.$=i.prepareRawBlock(s[o-2],s[o-1],s[o],this._$);break;case 12:this.$={path:s[o-3],params:s[o-2],hash:s[o-1]};break;case 13:this.$=i.prepareBlock(s[o-3],s[o-2],s[o-1],s[o],!1,this._$);break;case 14:this.$=i.prepareBlock(s[o-3],s[o-2],s[o-1],s[o],!0,this._$);break;case 15:this.$={open:s[o-5],path:s[o-4],params:s[o-3],hash:s[o-2],blockParams:s[o-1],strip:i.stripFlags(s[o-5],s[o])};break;case 16:case 17:this.$={path:s[o-4],params:s[o-3],hash:s[o-2],blockParams:s[o-1],strip:i.stripFlags(s[o-5],s[o])};break;case 18:this.$={strip:i.stripFlags(s[o-1],s[o-1]),program:s[o]};break;case 19:var _=i.prepareBlock(s[o-2],s[o-1],s[o],s[o],!1,this._$),u=i.prepareProgram([_],s[o-1].loc);u.chained=!0,this.$={strip:s[o-2].strip,program:u,chain:!0};break;case 21:this.$={path:s[o-1],strip:i.stripFlags(s[o-2],s[o])};break;case 22:case 23:this.$=i.prepareMustache(s[o-3],s[o-2],s[o-1],s[o-4],i.stripFlags(s[o-4],s[o]),this._$);break;case 24:this.$={type:"PartialStatement",name:s[o-3],params:s[o-2],hash:s[o-1],indent:"",strip:i.stripFlags(s[o-4],s[o]),loc:i.locInfo(this._$)};break;case 25:this.$=i.preparePartialBlock(s[o-2],s[o-1],s[o],this._$);break;case 26:this.$={path:s[o-3],params:s[o-2],hash:s[o-1],strip:i.stripFlags(s[o-4],s[o])};break;case 29:this.$={type:"SubExpression",path:s[o-3],params:s[o-2],hash:s[o-1],loc:i.locInfo(this._$)};break;case 30:this.$={type:"Hash",pairs:s[o],loc:i.locInfo(this._$)};break;case 31:this.$={type:"HashPair",key:i.id(s[o-2]),value:s[o],loc:i.locInfo(this._$)};break;case 32:this.$=i.id(s[o-1]);break;case 35:this.$={type:"StringLiteral",value:s[o],original:s[o],loc:i.locInfo(this._$)};break;case 36:this.$={type:"NumberLiteral",value:Number(s[o]),original:Number(s[o]),loc:i.locInfo(this._$)};break;case 37:this.$={type:"BooleanLiteral",value:"true"===s[o],original:"true"===s[o],loc:i.locInfo(this._$)};break;case 38:this.$={type:"UndefinedLiteral",original:void 0,value:void 0,loc:i.locInfo(this._$)};break;case 39:this.$={type:"NullLiteral",original:null,value:null,loc:i.locInfo(this._$)};break;case 42:this.$=i.preparePath(!0,s[o],this._$);break;case 43:this.$=i.preparePath(!1,s[o],this._$);break;case 44:s[o-2].push({part:i.id(s[o]),original:s[o],separator:s[o-1]}),this.$=s[o-2];break;case 45:this.$=[{part:i.id(s[o]),original:s[o]}];break;case 46:case 48:case 50:case 58:case 64:case 70:case 78:case 82:case 86:case 90:case 94:this.$=[];break;case 47:case 49:case 51:case 59:case 65:case 71:case 79:case 83:case 87:case 91:case 95:case 99:case 101:s[o-1].push(s[o]);break;case 98:case 100:this.$=[s[o]]}},table:[{3:1,4:2,5:[2,46],6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{1:[3]},{5:[1,4]},{5:[2,2],7:5,8:6,9:7,10:8,11:9,12:10,13:11,14:[1,12],15:[1,20],16:17,19:[1,23],24:15,27:16,29:[1,21],34:[1,22],39:[2,2],44:[2,2],47:[2,2],48:[1,13],51:[1,14],55:[1,18],59:19,60:[1,24]},{1:[2,1]},{5:[2,47],14:[2,47],15:[2,47],19:[2,47],29:[2,47],34:[2,47],39:[2,47],44:[2,47],47:[2,47],48:[2,47],51:[2,47],55:[2,47],60:[2,47]},{5:[2,3],14:[2,3],15:[2,3],19:[2,3],29:[2,3],34:[2,3],39:[2,3],44:[2,3],47:[2,3],48:[2,3],51:[2,3],55:[2,3],60:[2,3]},{5:[2,4],14:[2,4],15:[2,4],19:[2,4],29:[2,4],34:[2,4],39:[2,4],44:[2,4],47:[2,4],48:[2,4],51:[2,4],55:[2,4],60:[2,4]},{5:[2,5],14:[2,5],15:[2,5],19:[2,5],29:[2,5],34:[2,5],39:[2,5],44:[2,5],47:[2,5],48:[2,5],51:[2,5],55:[2,5],60:[2,5]},{5:[2,6],14:[2,6],15:[2,6],19:[2,6],29:[2,6],34:[2,6],39:[2,6],44:[2,6],47:[2,6],48:[2,6],51:[2,6],55:[2,6],60:[2,6]},{5:[2,7],14:[2,7],15:[2,7],19:[2,7],29:[2,7],34:[2,7],39:[2,7],44:[2,7],47:[2,7],48:[2,7],51:[2,7],55:[2,7],60:[2,7]},{5:[2,8],14:[2,8],15:[2,8],19:[2,8],29:[2,8],34:[2,8],39:[2,8],44:[2,8],47:[2,8],48:[2,8],51:[2,8],55:[2,8],60:[2,8]},{5:[2,9],14:[2,9],15:[2,9],19:[2,9],29:[2,9],34:[2,9],39:[2,9],44:[2,9],47:[2,9],48:[2,9],51:[2,9],55:[2,9],60:[2,9]},{20:25,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:36,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:37,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{4:38,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{15:[2,48],17:39,18:[2,48]},{20:41,56:40,64:42,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:44,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{5:[2,10],14:[2,10],15:[2,10],18:[2,10],19:[2,10],29:[2,10],34:[2,10],39:[2,10],44:[2,10],47:[2,10],48:[2,10],51:[2,10],55:[2,10],60:[2,10]},{20:45,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:46,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:47,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:41,56:48,64:42,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[2,78],49:49,65:[2,78],72:[2,78],80:[2,78],81:[2,78],82:[2,78],83:[2,78],84:[2,78],85:[2,78]},{23:[2,33],33:[2,33],54:[2,33],65:[2,33],68:[2,33],72:[2,33],75:[2,33],80:[2,33],81:[2,33],82:[2,33],83:[2,33],84:[2,33],85:[2,33]},{23:[2,34],33:[2,34],54:[2,34],65:[2,34],68:[2,34],72:[2,34],75:[2,34],80:[2,34],81:[2,34],82:[2,34],83:[2,34],84:[2,34],85:[2,34]},{23:[2,35],33:[2,35],54:[2,35],65:[2,35],68:[2,35],72:[2,35],75:[2,35],80:[2,35],81:[2,35],82:[2,35],83:[2,35],84:[2,35],85:[2,35]},{23:[2,36],33:[2,36],54:[2,36],65:[2,36],68:[2,36],72:[2,36],75:[2,36],80:[2,36],81:[2,36],82:[2,36],83:[2,36],84:[2,36],85:[2,36]},{23:[2,37],33:[2,37],54:[2,37],65:[2,37],68:[2,37],72:[2,37],75:[2,37],80:[2,37],81:[2,37],82:[2,37],83:[2,37],84:[2,37],85:[2,37]},{23:[2,38],33:[2,38],54:[2,38],65:[2,38],68:[2,38],72:[2,38],75:[2,38],80:[2,38],81:[2,38],82:[2,38],83:[2,38],84:[2,38],85:[2,38]},{23:[2,39],33:[2,39],54:[2,39],65:[2,39],68:[2,39],72:[2,39],75:[2,39],80:[2,39],81:[2,39],82:[2,39],83:[2,39],84:[2,39],85:[2,39]},{23:[2,43],33:[2,43],54:[2,43],65:[2,43],68:[2,43],72:[2,43],75:[2,43],80:[2,43],81:[2,43],82:[2,43],83:[2,43],84:[2,43],85:[2,43],87:[1,50]},{72:[1,35],86:51},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{52:52,54:[2,82],65:[2,82],72:[2,82],80:[2,82],81:[2,82],82:[2,82],83:[2,82],84:[2,82],85:[2,82]},{25:53,38:55,39:[1,57],43:56,44:[1,58],45:54,47:[2,54]},{28:59,43:60,44:[1,58],47:[2,56]},{13:62,15:[1,20],18:[1,61]},{33:[2,86],57:63,65:[2,86],72:[2,86],80:[2,86],81:[2,86],82:[2,86],83:[2,86],84:[2,86],85:[2,86]},{33:[2,40],65:[2,40],72:[2,40],80:[2,40],81:[2,40],82:[2,40],83:[2,40],84:[2,40],85:[2,40]},{33:[2,41],65:[2,41],72:[2,41],80:[2,41],81:[2,41],82:[2,41],83:[2,41],84:[2,41],85:[2,41]},{20:64,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:65,47:[1,66]},{30:67,33:[2,58],65:[2,58],72:[2,58],75:[2,58],80:[2,58],81:[2,58],82:[2,58],83:[2,58],84:[2,58],85:[2,58]},{33:[2,64],35:68,65:[2,64],72:[2,64],75:[2,64],80:[2,64],81:[2,64],82:[2,64],83:[2,64],84:[2,64],85:[2,64]},{21:69,23:[2,50],65:[2,50],72:[2,50],80:[2,50],81:[2,50],82:[2,50],83:[2,50],84:[2,50],85:[2,50]},{33:[2,90],61:70,65:[2,90],72:[2,90],80:[2,90],81:[2,90],82:[2,90],83:[2,90],84:[2,90],85:[2,90]},{20:74,33:[2,80],50:71,63:72,64:75,65:[1,43],69:73,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{72:[1,79]},{23:[2,42],33:[2,42],54:[2,42],65:[2,42],68:[2,42],72:[2,42],75:[2,42],80:[2,42],81:[2,42],82:[2,42],83:[2,42],84:[2,42],85:[2,42],87:[1,50]},{20:74,53:80,54:[2,84],63:81,64:75,65:[1,43],69:82,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:83,47:[1,66]},{47:[2,55]},{4:84,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{47:[2,20]},{20:85,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:86,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{26:87,47:[1,66]},{47:[2,57]},{5:[2,11],14:[2,11],15:[2,11],19:[2,11],29:[2,11],34:[2,11],39:[2,11],44:[2,11],47:[2,11],48:[2,11],51:[2,11],55:[2,11],60:[2,11]},{15:[2,49],18:[2,49]},{20:74,33:[2,88],58:88,63:89,64:75,65:[1,43],69:90,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{65:[2,94],66:91,68:[2,94],72:[2,94],80:[2,94],81:[2,94],82:[2,94],83:[2,94],84:[2,94],85:[2,94]},{5:[2,25],14:[2,25],15:[2,25],19:[2,25],29:[2,25],34:[2,25],39:[2,25],44:[2,25],47:[2,25],48:[2,25],51:[2,25],55:[2,25],60:[2,25]},{20:92,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,31:93,33:[2,60],63:94,64:75,65:[1,43],69:95,70:76,71:77,72:[1,78],75:[2,60],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,33:[2,66],36:96,63:97,64:75,65:[1,43],69:98,70:76,71:77,72:[1,78],75:[2,66],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,22:99,23:[2,52],63:100,64:75,65:[1,43],69:101,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,33:[2,92],62:102,63:103,64:75,65:[1,43],69:104,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,105]},{33:[2,79],65:[2,79],72:[2,79],80:[2,79],81:[2,79],82:[2,79],83:[2,79],84:[2,79],85:[2,79]},{33:[2,81]},{23:[2,27],33:[2,27],54:[2,27],65:[2,27],68:[2,27],72:[2,27],75:[2,27],80:[2,27],81:[2,27],82:[2,27],83:[2,27],84:[2,27],85:[2,27]},{23:[2,28],33:[2,28],54:[2,28],65:[2,28],68:[2,28],72:[2,28],75:[2,28],80:[2,28],81:[2,28],82:[2,28],83:[2,28],84:[2,28],85:[2,28]},{23:[2,30],33:[2,30],54:[2,30],68:[2,30],71:106,72:[1,107],75:[2,30]},{23:[2,98],33:[2,98],54:[2,98],68:[2,98],72:[2,98],75:[2,98]},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],73:[1,108],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{23:[2,44],33:[2,44],54:[2,44],65:[2,44],68:[2,44],72:[2,44],75:[2,44],80:[2,44],81:[2,44],82:[2,44],83:[2,44],84:[2,44],85:[2,44],87:[2,44]},{54:[1,109]},{54:[2,83],65:[2,83],72:[2,83],80:[2,83],81:[2,83],82:[2,83],83:[2,83],84:[2,83],85:[2,83]},{54:[2,85]},{5:[2,13],14:[2,13],15:[2,13],19:[2,13],29:[2,13],34:[2,13],39:[2,13],44:[2,13],47:[2,13],48:[2,13],51:[2,13],55:[2,13],60:[2,13]},{38:55,39:[1,57],43:56,44:[1,58],45:111,46:110,47:[2,76]},{33:[2,70],40:112,65:[2,70],72:[2,70],75:[2,70],80:[2,70],81:[2,70],82:[2,70],83:[2,70],84:[2,70],85:[2,70]},{47:[2,18]},{5:[2,14],14:[2,14],15:[2,14],19:[2,14],29:[2,14],34:[2,14],39:[2,14],44:[2,14],47:[2,14],48:[2,14],51:[2,14],55:[2,14],60:[2,14]},{33:[1,113]},{33:[2,87],65:[2,87],72:[2,87],80:[2,87],81:[2,87],82:[2,87],83:[2,87],84:[2,87],85:[2,87]},{33:[2,89]},{20:74,63:115,64:75,65:[1,43],67:114,68:[2,96],69:116,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,117]},{32:118,33:[2,62],74:119,75:[1,120]},{33:[2,59],65:[2,59],72:[2,59],75:[2,59],80:[2,59],81:[2,59],82:[2,59],83:[2,59],84:[2,59],85:[2,59]},{33:[2,61],75:[2,61]},{33:[2,68],37:121,74:122,75:[1,120]},{33:[2,65],65:[2,65],72:[2,65],75:[2,65],80:[2,65],81:[2,65],82:[2,65],83:[2,65],84:[2,65],85:[2,65]},{33:[2,67],75:[2,67]},{23:[1,123]},{23:[2,51],65:[2,51],72:[2,51],80:[2,51],81:[2,51],82:[2,51],83:[2,51],84:[2,51],85:[2,51]},{23:[2,53]},{33:[1,124]},{33:[2,91],65:[2,91],72:[2,91],80:[2,91],81:[2,91],82:[2,91],83:[2,91],84:[2,91],85:[2,91]},{33:[2,93]},{5:[2,22],14:[2,22],15:[2,22],19:[2,22],29:[2,22],34:[2,22],39:[2,22],44:[2,22],47:[2,22],48:[2,22],51:[2,22],55:[2,22],60:[2,22]},{23:[2,99],33:[2,99],54:[2,99],68:[2,99],72:[2,99],75:[2,99]},{73:[1,108]},{20:74,63:125,64:75,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,23],14:[2,23],15:[2,23],19:[2,23],29:[2,23],34:[2,23],39:[2,23],44:[2,23],47:[2,23],48:[2,23],51:[2,23],55:[2,23],60:[2,23]},{47:[2,19]},{47:[2,77]},{20:74,33:[2,72],41:126,63:127,64:75,65:[1,43],69:128,70:76,71:77,72:[1,78],75:[2,72],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,24],14:[2,24],15:[2,24],19:[2,24],29:[2,24],34:[2,24],39:[2,24],44:[2,24],47:[2,24],48:[2,24],51:[2,24],55:[2,24],60:[2,24]},{68:[1,129]},{65:[2,95],68:[2,95],72:[2,95],80:[2,95],81:[2,95],82:[2,95],83:[2,95],84:[2,95],85:[2,95]},{68:[2,97]},{5:[2,21],14:[2,21],15:[2,21],19:[2,21],29:[2,21],34:[2,21],39:[2,21],44:[2,21],47:[2,21],48:[2,21],51:[2,21],55:[2,21],60:[2,21]},{33:[1,130]},{33:[2,63]},{72:[1,132],76:131},{33:[1,133]},{33:[2,69]},{15:[2,12],18:[2,12]},{14:[2,26],15:[2,26],19:[2,26],29:[2,26],34:[2,26],47:[2,26],48:[2,26],51:[2,26],55:[2,26],60:[2,26]},{23:[2,31],33:[2,31],54:[2,31],68:[2,31],72:[2,31],75:[2,31]},{33:[2,74],42:134,74:135,75:[1,120]},{33:[2,71],65:[2,71],72:[2,71],75:[2,71],80:[2,71],81:[2,71],82:[2,71],83:[2,71],84:[2,71],85:[2,71]},{33:[2,73],75:[2,73]},{23:[2,29],33:[2,29],54:[2,29],65:[2,29],68:[2,29],72:[2,29],75:[2,29],80:[2,29],81:[2,29],82:[2,29],83:[2,29],84:[2,29],85:[2,29]},{14:[2,15],15:[2,15],19:[2,15],29:[2,15],34:[2,15],39:[2,15],44:[2,15],47:[2,15],48:[2,15],51:[2,15],55:[2,15],60:[2,15]},{72:[1,137],77:[1,136]},{72:[2,100],77:[2,100]},{14:[2,16],15:[2,16],19:[2,16],29:[2,16],34:[2,16],44:[2,16],47:[2,16],48:[2,16],51:[2,16],55:[2,16],60:[2,16]},{33:[1,138]},{33:[2,75]},{33:[2,32]},{72:[2,101],77:[2,101]},{14:[2,17],15:[2,17],19:[2,17],29:[2,17],34:[2,17],39:[2,17],44:[2,17],47:[2,17],48:[2,17],51:[2,17],55:[2,17],60:[2,17]}],defaultActions:{4:[2,1],54:[2,55],56:[2,20],60:[2,57],73:[2,81],82:[2,85],86:[2,18],90:[2,89],101:[2,53],104:[2,93],110:[2,19],111:[2,77],116:[2,97],119:[2,63],122:[2,69],135:[2,75],136:[2,32]},parseError:function(t,e){throw new Error(t)},parse:function(t){var e=this,n=[0],i=[null],r=[],s=this.table,a="",o=0,_=0,u=0;this.lexer.setInput(t),this.lexer.yy=this.yy,this.yy.lexer=this.lexer,this.yy.parser=this,void 0===this.lexer.yylloc&&(this.lexer.yylloc={});var p=this.lexer.yylloc;r.push(p);var l=this.lexer.options&&this.lexer.options.ranges;"function"==typeof this.yy.parseError&&(this.parseError=this.yy.parseError);for(var h,c,d,f,g,m,y,b,v,k,w={};;){if(d=n[n.length-1],this.defaultActions[d]?f=this.defaultActions[d]:(null==h&&(k=void 0,"number"!=typeof(k=e.lexer.lex()||1)&&(k=e.symbols_[k]||k),h=k),f=s[d]&&s[d][h]),void 0===f||!f.length||!f[0]){var x="";if(!u){for(m in v=[],s[d])this.terminals_[m]&&m>2&&v.push("'"+this.terminals_[m]+"'");x=this.lexer.showPosition?"Parse error on line "+(o+1)+":\n"+this.lexer.showPosition()+"\nExpecting "+v.join(", ")+", got '"+(this.terminals_[h]||h)+"'":"Parse error on line "+(o+1)+": Unexpected "+(1==h?"end of input":"'"+(this.terminals_[h]||h)+"'"),this.parseError(x,{text:this.lexer.match,token:this.terminals_[h]||h,line:this.lexer.yylineno,loc:p,expected:v})}}if(f[0]instanceof Array&&f.length>1)throw new Error("Parse Error: multiple actions possible at state: "+d+", token: "+h);switch(f[0]){case 1:n.push(h),i.push(this.lexer.yytext),r.push(this.lexer.yylloc),n.push(f[1]),h=null,c?(h=c,c=null):(_=this.lexer.yyleng,a=this.lexer.yytext,o=this.lexer.yylineno,p=this.lexer.yylloc,u>0&&u--);break;case 2:if(y=this.productions_[f[1]][1],w.$=i[i.length-y],w._$={first_line:r[r.length-(y||1)].first_line,last_line:r[r.length-1].last_line,first_column:r[r.length-(y||1)].first_column,last_column:r[r.length-1].last_column},l&&(w._$.range=[r[r.length-(y||1)].range[0],r[r.length-1].range[1]]),void 0!==(g=this.performAction.call(w,a,_,o,this.yy,f[1],i,r)))return g;y&&(n=n.slice(0,-1*y*2),i=i.slice(0,-1*y),r=r.slice(0,-1*y)),n.push(this.productions_[f[1]][0]),i.push(w.$),r.push(w._$),b=s[n[n.length-2]][n[n.length-1]],n.push(b);break;case 3:return!0}}return!0}},e=function(){var t={EOF:1,parseError:function(t,e){if(!this.yy.parser)throw new Error(t);this.yy.parser.parseError(t,e)},setInput:function(t){return this._input=t,this._more=this._less=this.done=!1,this.yylineno=this.yyleng=0,this.yytext=this.matched=this.match="",this.conditionStack=["INITIAL"],this.yylloc={first_line:1,first_column:0,last_line:1,last_column:0},this.options.ranges&&(this.yylloc.range=[0,0]),this.offset=0,this},input:function(){var t=this._input[0];return this.yytext+=t,this.yyleng++,this.offset++,this.match+=t,this.matched+=t,t.match(/(?:\r\n?|\n).*/g)?(this.yylineno++,this.yylloc.last_line++):this.yylloc.last_column++,this.options.ranges&&this.yylloc.range[1]++,this._input=this._input.slice(1),t},unput:function(t){var e=t.length,n=t.split(/(?:\r\n?|\n)/g);this._input=t+this._input,this.yytext=this.yytext.substr(0,this.yytext.length-e-1),this.offset-=e;var i=this.match.split(/(?:\r\n?|\n)/g);this.match=this.match.substr(0,this.match.length-1),this.matched=this.matched.substr(0,this.matched.length-1),n.length-1&&(this.yylineno-=n.length-1);var r=this.yylloc.range;return this.yylloc={first_line:this.yylloc.first_line,last_line:this.yylineno+1,first_column:this.yylloc.first_column,last_column:n?(n.length===i.length?this.yylloc.first_column:0)+i[i.length-n.length].length-n[0].length:this.yylloc.first_column-e},this.options.ranges&&(this.yylloc.range=[r[0],r[0]+this.yyleng-e]),this},more:function(){return this._more=!0,this},less:function(t){this.unput(this.match.slice(t))},pastInput:function(){var t=this.matched.substr(0,this.matched.length-this.match.length);return(t.length>20?"...":"")+t.substr(-20).replace(/\n/g,"")},upcomingInput:function(){var t=this.match;return t.length<20&&(t+=this._input.substr(0,20-t.length)),(t.substr(0,20)+(t.length>20?"...":"")).replace(/\n/g,"")},showPosition:function(){var t=this.pastInput(),e=new Array(t.length+1).join("-");return t+this.upcomingInput()+"\n"+e+"^"},next:function(){if(this.done)return this.EOF;var t,e,n,i,r;this._input||(this.done=!0),this._more||(this.yytext="",this.match="");for(var s=this._currentRules(),a=0;a<s.length&&(!(n=this._input.match(this.rules[s[a]]))||e&&!(n[0].length>e[0].length)||(e=n,i=a,this.options.flex));a++);return e?((r=e[0].match(/(?:\r\n?|\n).*/g))&&(this.yylineno+=r.length),this.yylloc={first_line:this.yylloc.last_line,last_line:this.yylineno+1,first_column:this.yylloc.last_column,last_column:r?r[r.length-1].length-r[r.length-1].match(/\r?\n?/)[0].length:this.yylloc.last_column+e[0].length},this.yytext+=e[0],this.match+=e[0],this.matches=e,this.yyleng=this.yytext.length,this.options.ranges&&(this.yylloc.range=[this.offset,this.offset+=this.yyleng]),this._more=!1,this._input=this._input.slice(e[0].length),this.matched+=e[0],t=this.performAction.call(this,this.yy,this,s[i],this.conditionStack[this.conditionStack.length-1]),this.done&&this._input&&(this.done=!1),t||void 0):""===this._input?this.EOF:this.parseError("Lexical error on line "+(this.yylineno+1)+". Unrecognized text.\n"+this.showPosition(),{text:"",token:null,line:this.yylineno})},lex:function(){var t=this.next();return void 0!==t?t:this.lex()},begin:function(t){this.conditionStack.push(t)},popState:function(){return this.conditionStack.pop()},_currentRules:function(){return this.conditions[this.conditionStack[this.conditionStack.length-1]].rules},topState:function(){return this.conditionStack[this.conditionStack.length-2]},pushState:function(t){this.begin(t)},options:{},performAction:function(t,e,n,i){function r(t,n){return e.yytext=e.yytext.substring(t,e.yyleng-n+t)}switch(n){case 0:if("\\\\"===e.yytext.slice(-2)?(r(0,1),this.begin("mu")):"\\"===e.yytext.slice(-1)?(r(0,1),this.begin("emu")):this.begin("mu"),e.yytext)return 15;break;case 1:case 5:return 15;case 2:return this.popState(),15;case 3:return this.begin("raw"),15;case 4:return this.popState(),"raw"===this.conditionStack[this.conditionStack.length-1]?15:(r(5,9),"END_RAW_BLOCK");case 6:case 22:return this.popState(),14;case 7:return 65;case 8:return 68;case 9:return 19;case 10:return this.popState(),this.begin("raw"),23;case 11:return 55;case 12:return 60;case 13:return 29;case 14:return 47;case 15:case 16:return this.popState(),44;case 17:return 34;case 18:return 39;case 19:return 51;case 20:case 23:return 48;case 21:this.unput(e.yytext),this.popState(),this.begin("com");break;case 24:return 73;case 25:case 26:case 41:return 72;case 27:return 87;case 28:break;case 29:return this.popState(),54;case 30:return this.popState(),33;case 31:return e.yytext=r(1,2).replace(/\\"/g,'"'),80;case 32:return e.yytext=r(1,2).replace(/\\'/g,"'"),80;case 33:return 85;case 34:case 35:return 82;case 36:return 83;case 37:return 84;case 38:return 81;case 39:return 75;case 40:return 77;case 42:return e.yytext=e.yytext.replace(/\\([\\\]])/g,"$1"),72;case 43:return"INVALID";case 44:return 5}},rules:[/^(?:[^\x00]*?(?=(\{\{)))/,/^(?:[^\x00]+)/,/^(?:[^\x00]{2,}?(?=(\{\{|\\\{\{|\\\\\{\{|$)))/,/^(?:\{\{\{\{(?=[^\/]))/,/^(?:\{\{\{\{\/[^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=[=}\s\/.])\}\}\}\})/,/^(?:[^\x00]+?(?=(\{\{\{\{)))/,/^(?:[\s\S]*?--(~)?\}\})/,/^(?:\()/,/^(?:\))/,/^(?:\{\{\{\{)/,/^(?:\}\}\}\})/,/^(?:\{\{(~)?>)/,/^(?:\{\{(~)?#>)/,/^(?:\{\{(~)?#\*?)/,/^(?:\{\{(~)?\/)/,/^(?:\{\{(~)?\^\s*(~)?\}\})/,/^(?:\{\{(~)?\s*else\s*(~)?\}\})/,/^(?:\{\{(~)?\^)/,/^(?:\{\{(~)?\s*else\b)/,/^(?:\{\{(~)?\{)/,/^(?:\{\{(~)?&)/,/^(?:\{\{(~)?!--)/,/^(?:\{\{(~)?![\s\S]*?\}\})/,/^(?:\{\{(~)?\*?)/,/^(?:=)/,/^(?:\.\.)/,/^(?:\.(?=([=~}\s\/.)|])))/,/^(?:[\/.])/,/^(?:\s+)/,/^(?:\}(~)?\}\})/,/^(?:(~)?\}\})/,/^(?:"(\\["]|[^"])*")/,/^(?:'(\\[']|[^'])*')/,/^(?:@)/,/^(?:true(?=([~}\s)])))/,/^(?:false(?=([~}\s)])))/,/^(?:undefined(?=([~}\s)])))/,/^(?:null(?=([~}\s)])))/,/^(?:-?[0-9]+(?:\.[0-9]+)?(?=([~}\s)])))/,/^(?:as\s+\|)/,/^(?:\|)/,/^(?:([^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=([=~}\s\/.)|]))))/,/^(?:\[(\\\]|[^\]])*\])/,/^(?:.)/,/^(?:$)/],conditions:{mu:{rules:[7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],inclusive:!1},emu:{rules:[2],inclusive:!1},com:{rules:[6],inclusive:!1},raw:{rules:[3,4,5],inclusive:!1},INITIAL:{rules:[0,1,44],inclusive:!0}}};return t}();function n(){this.yy={}}return t.lexer=e,n.prototype=t,t.Parser=n,new n}();e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=i(n(49));function s(){var t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.options=t}function a(t,e,n){void 0===e&&(e=t.length);var i=t[e-1],r=t[e-2];return i?"ContentStatement"===i.type?(r||!n?/\r?\n\s*?$/:/(^|\r?\n)\s*?$/).test(i.original):void 0:n}function o(t,e,n){void 0===e&&(e=-1);var i=t[e+1],r=t[e+2];return i?"ContentStatement"===i.type?(r||!n?/^\s*?\r?\n/:/^\s*?(\r?\n|$)/).test(i.original):void 0:n}function _(t,e,n){var i=t[null==e?0:e+1];if(i&&"ContentStatement"===i.type&&(n||!i.rightStripped)){var r=i.value;i.value=i.value.replace(n?/^\s+/:/^[ \t]*\r?\n?/,""),i.rightStripped=i.value!==r}}function u(t,e,n){var i=t[null==e?t.length-1:e-1];if(i&&"ContentStatement"===i.type&&(n||!i.leftStripped)){var r=i.value;return i.value=i.value.replace(n?/\s+$/:/[ \t]+$/,""),i.leftStripped=i.value!==r,i.leftStripped}}s.prototype=new r.default,s.prototype.Program=function(t){var e=!this.options.ignoreStandalone,n=!this.isRootSeen;this.isRootSeen=!0;for(var i=t.body,r=0,s=i.length;r<s;r++){var p=i[r],l=this.accept(p);if(l){var h=a(i,r,n),c=o(i,r,n),d=l.openStandalone&&h,f=l.closeStandalone&&c,g=l.inlineStandalone&&h&&c;l.close&&_(i,r,!0),l.open&&u(i,r,!0),e&&g&&(_(i,r),u(i,r)&&"PartialStatement"===p.type&&(p.indent=/([ \t]+$)/.exec(i[r-1].original)[1])),e&&d&&(_((p.program||p.inverse).body),u(i,r)),e&&f&&(_(i,r),u((p.inverse||p.program).body))}}return t},s.prototype.BlockStatement=s.prototype.DecoratorBlock=s.prototype.PartialBlockStatement=function(t){this.accept(t.program),this.accept(t.inverse);var e=t.program||t.inverse,n=t.program&&t.inverse,i=n,r=n;if(n&&n.chained)for(i=n.body[0].program;r.chained;)r=r.body[r.body.length-1].program;var s={open:t.openStrip.open,close:t.closeStrip.close,openStandalone:o(e.body),closeStandalone:a((i||e).body)};if(t.openStrip.close&&_(e.body,null,!0),n){var p=t.inverseStrip;p.open&&u(e.body,null,!0),p.close&&_(i.body,null,!0),t.closeStrip.open&&u(r.body,null,!0),!this.options.ignoreStandalone&&a(e.body)&&o(i.body)&&(u(e.body),_(i.body))}else t.closeStrip.open&&u(e.body,null,!0);return s},s.prototype.Decorator=s.prototype.MustacheStatement=function(t){return t.strip},s.prototype.PartialStatement=s.prototype.CommentStatement=function(t){var e=t.strip||{};return{inlineStandalone:!0,open:e.open,close:e.close}},e.default=s,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var r=i(n(6));function s(){this.parents=[]}function a(t){this.acceptRequired(t,"path"),this.acceptArray(t.params),this.acceptKey(t,"hash")}function o(t){a.call(this,t),this.acceptKey(t,"program"),this.acceptKey(t,"inverse")}function _(t){this.acceptRequired(t,"name"),this.acceptArray(t.params),this.acceptKey(t,"hash")}s.prototype={constructor:s,mutating:!1,acceptKey:function(t,e){var n=this.accept(t[e]);if(this.mutating){if(n&&!s.prototype[n.type])throw new r.default('Unexpected node type "'+n.type+'" found when accepting '+e+" on "+t.type);t[e]=n}},acceptRequired:function(t,e){if(this.acceptKey(t,e),!t[e])throw new r.default(t.type+" requires "+e)},acceptArray:function(t){for(var e=0,n=t.length;e<n;e++)this.acceptKey(t,e),t[e]||(t.splice(e,1),e--,n--)},accept:function(t){if(t){if(!this[t.type])throw new r.default("Unknown type: "+t.type,t);this.current&&this.parents.unshift(this.current),this.current=t;var e=this[t.type](t);return this.current=this.parents.shift(),!this.mutating||e?e:!1!==e?t:void 0}},Program:function(t){this.acceptArray(t.body)},MustacheStatement:a,Decorator:a,BlockStatement:o,DecoratorBlock:o,PartialStatement:_,PartialBlockStatement:function(t){_.call(this,t),this.acceptKey(t,"program")},ContentStatement:function(){},CommentStatement:function(){},SubExpression:a,PathExpression:function(){},StringLiteral:function(){},NumberLiteral:function(){},BooleanLiteral:function(){},UndefinedLiteral:function(){},NullLiteral:function(){},Hash:function(t){this.acceptArray(t.pairs)},HashPair:function(t){this.acceptRequired(t,"value")}},e.default=s,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.SourceLocation=function(t,e){this.source=t,this.start={line:e.first_line,column:e.first_column},this.end={line:e.last_line,column:e.last_column}},e.id=function(t){return/^\[.*\]$/.test(t)?t.substring(1,t.length-1):t},e.stripFlags=function(t,e){return{open:"~"===t.charAt(2),close:"~"===e.charAt(e.length-3)}},e.stripComment=function(t){return t.replace(/^\{\{~?!-?-?/,"").replace(/-?-?~?\}\}$/,"")},e.preparePath=function(t,e,n){n=this.locInfo(n);for(var i=t?"@":"",s=[],a=0,o=0,_=e.length;o<_;o++){var u=e[o].part,p=e[o].original!==u;if(i+=(e[o].separator||"")+u,p||".."!==u&&"."!==u&&"this"!==u)s.push(u);else{if(s.length>0)throw new r.default("Invalid path: "+i,{loc:n});".."===u&&a++}}return{type:"PathExpression",data:t,depth:a,parts:s,original:i,loc:n}},e.prepareMustache=function(t,e,n,i,r,s){var a=i.charAt(3)||i.charAt(2),o="{"!==a&&"&"!==a;return{type:/\*/.test(i)?"Decorator":"MustacheStatement",path:t,params:e,hash:n,escaped:o,strip:r,loc:this.locInfo(s)}},e.prepareRawBlock=function(t,e,n,i){s(t,n),i=this.locInfo(i);var r={type:"Program",body:e,strip:{},loc:i};return{type:"BlockStatement",path:t.path,params:t.params,hash:t.hash,program:r,openStrip:{},inverseStrip:{},closeStrip:{},loc:i}},e.prepareBlock=function(t,e,n,i,a,o){i&&i.path&&s(t,i);var _=/\*/.test(t.open);e.blockParams=t.blockParams;var u=void 0,p=void 0;if(n){if(_)throw new r.default("Unexpected inverse block on decorator",n);n.chain&&(n.program.body[0].closeStrip=i.strip),p=n.strip,u=n.program}return a&&(a=u,u=e,e=a),{type:_?"DecoratorBlock":"BlockStatement",path:t.path,params:t.params,hash:t.hash,program:e,inverse:u,openStrip:t.strip,inverseStrip:p,closeStrip:i&&i.strip,loc:this.locInfo(o)}},e.prepareProgram=function(t,e){if(!e&&t.length){var n=t[0].loc,i=t[t.length-1].loc;n&&i&&(e={source:n.source,start:{line:n.start.line,column:n.start.column},end:{line:i.end.line,column:i.end.column}})}return{type:"Program",body:t,strip:{},loc:e}},e.preparePartialBlock=function(t,e,n,i){return s(t,n),{type:"PartialBlockStatement",name:t.path,params:t.params,hash:t.hash,program:e,openStrip:t.strip,closeStrip:n&&n.strip,loc:this.locInfo(i)}};var r=i(n(6));function s(t,e){if(e=e.path?e.path.original:e,t.path.original!==e){var n={loc:t.path.loc};throw new r.default(t.path.original+" doesn't match "+e,n)}}},function(t,e,n){"use strict";var i=n(34).default,r=n(1).default;e.__esModule=!0,e.Compiler=u,e.precompile=function(t,e,n){if(null==t||"string"!=typeof t&&"Program"!==t.type)throw new s.default("You must pass a string or Handlebars AST to Handlebars.precompile. You passed "+t);"data"in(e=e||{})||(e.data=!0),e.compat&&(e.useDepths=!0);var i=n.parse(t,e),r=(new n.Compiler).compile(i,e);return(new n.JavaScriptCompiler).compile(r,e)},e.compile=function(t,e,n){if(void 0===e&&(e={}),null==t||"string"!=typeof t&&"Program"!==t.type)throw new s.default("You must pass a string or Handlebars AST to Handlebars.compile. You passed "+t);"data"in(e=a.extend({},e))||(e.data=!0),e.compat&&(e.useDepths=!0);var i=void 0;function r(){var i=n.parse(t,e),r=(new n.Compiler).compile(i,e),s=(new n.JavaScriptCompiler).compile(r,e,void 0,!0);return n.template(s)}function o(t,e){return i||(i=r()),i.call(this,t,e)}return o._setup=function(t){return i||(i=r()),i._setup(t)},o._child=function(t,e,n,s){return i||(i=r()),i._child(t,e,n,s)},o};var s=r(n(6)),a=n(5),o=r(n(45)),_=[].slice;function u(){}function p(t,e){if(t===e)return!0;if(a.isArray(t)&&a.isArray(e)&&t.length===e.length){for(var n=0;n<t.length;n++)if(!p(t[n],e[n]))return!1;return!0}}function l(t){if(!t.path.parts){var e=t.path;t.path={type:"PathExpression",data:!1,depth:0,parts:[e.original+""],original:e.original+"",loc:e.loc}}}u.prototype={compiler:u,equals:function(t){var e=this.opcodes.length;if(t.opcodes.length!==e)return!1;for(var n=0;n<e;n++){var i=this.opcodes[n],r=t.opcodes[n];if(i.opcode!==r.opcode||!p(i.args,r.args))return!1}for(e=this.children.length,n=0;n<e;n++)if(!this.children[n].equals(t.children[n]))return!1;return!0},guid:0,compile:function(t,e){return this.sourceNode=[],this.opcodes=[],this.children=[],this.options=e,this.stringParams=e.stringParams,this.trackIds=e.trackIds,e.blockParams=e.blockParams||[],e.knownHelpers=a.extend(i(null),{helperMissing:!0,blockHelperMissing:!0,each:!0,if:!0,unless:!0,with:!0,log:!0,lookup:!0},e.knownHelpers),this.accept(t)},compileProgram:function(t){var e=(new this.compiler).compile(t,this.options),n=this.guid++;return this.usePartial=this.usePartial||e.usePartial,this.children[n]=e,this.useDepths=this.useDepths||e.useDepths,n},accept:function(t){if(!this[t.type])throw new s.default("Unknown type: "+t.type,t);this.sourceNode.unshift(t);var e=this[t.type](t);return this.sourceNode.shift(),e},Program:function(t){this.options.blockParams.unshift(t.blockParams);for(var e=t.body,n=e.length,i=0;i<n;i++)this.accept(e[i]);return this.options.blockParams.shift(),this.isSimple=1===n,this.blockParams=t.blockParams?t.blockParams.length:0,this},BlockStatement:function(t){l(t);var e=t.program,n=t.inverse;e=e&&this.compileProgram(e),n=n&&this.compileProgram(n);var i=this.classifySexpr(t);"helper"===i?this.helperSexpr(t,e,n):"simple"===i?(this.simpleSexpr(t),this.opcode("pushProgram",e),this.opcode("pushProgram",n),this.opcode("emptyHash"),this.opcode("blockValue",t.path.original)):(this.ambiguousSexpr(t,e,n),this.opcode("pushProgram",e),this.opcode("pushProgram",n),this.opcode("emptyHash"),this.opcode("ambiguousBlockValue")),this.opcode("append")},DecoratorBlock:function(t){var e=t.program&&this.compileProgram(t.program),n=this.setupFullMustacheParams(t,e,void 0),i=t.path;this.useDecorators=!0,this.opcode("registerDecorator",n.length,i.original)},PartialStatement:function(t){this.usePartial=!0;var e=t.program;e&&(e=this.compileProgram(t.program));var n=t.params;if(n.length>1)throw new s.default("Unsupported number of partial arguments: "+n.length,t);n.length||(this.options.explicitPartialContext?this.opcode("pushLiteral","undefined"):n.push({type:"PathExpression",parts:[],depth:0}));var i=t.name.original,r="SubExpression"===t.name.type;r&&this.accept(t.name),this.setupFullMustacheParams(t,e,void 0,!0);var a=t.indent||"";this.options.preventIndent&&a&&(this.opcode("appendContent",a),a=""),this.opcode("invokePartial",r,i,a),this.opcode("append")},PartialBlockStatement:function(t){this.PartialStatement(t)},MustacheStatement:function(t){this.SubExpression(t),t.escaped&&!this.options.noEscape?this.opcode("appendEscaped"):this.opcode("append")},Decorator:function(t){this.DecoratorBlock(t)},ContentStatement:function(t){t.value&&this.opcode("appendContent",t.value)},CommentStatement:function(){},SubExpression:function(t){l(t);var e=this.classifySexpr(t);"simple"===e?this.simpleSexpr(t):"helper"===e?this.helperSexpr(t):this.ambiguousSexpr(t)},ambiguousSexpr:function(t,e,n){var i=t.path,r=i.parts[0],s=null!=e||null!=n;this.opcode("getContext",i.depth),this.opcode("pushProgram",e),this.opcode("pushProgram",n),i.strict=!0,this.accept(i),this.opcode("invokeAmbiguous",r,s)},simpleSexpr:function(t){var e=t.path;e.strict=!0,this.accept(e),this.opcode("resolvePossibleLambda")},helperSexpr:function(t,e,n){var i=this.setupFullMustacheParams(t,e,n),r=t.path,a=r.parts[0];if(this.options.knownHelpers[a])this.opcode("invokeKnownHelper",i.length,a);else{if(this.options.knownHelpersOnly)throw new s.default("You specified knownHelpersOnly, but used the unknown helper "+a,t);r.strict=!0,r.falsy=!0,this.accept(r),this.opcode("invokeHelper",i.length,r.original,o.default.helpers.simpleId(r))}},PathExpression:function(t){this.addDepth(t.depth),this.opcode("getContext",t.depth);var e=t.parts[0],n=o.default.helpers.scopedId(t),i=!t.depth&&!n&&this.blockParamIndex(e);i?this.opcode("lookupBlockParam",i,t.parts):e?t.data?(this.options.data=!0,this.opcode("lookupData",t.depth,t.parts,t.strict)):this.opcode("lookupOnContext",t.parts,t.falsy,t.strict,n):this.opcode("pushContext")},StringLiteral:function(t){this.opcode("pushString",t.value)},NumberLiteral:function(t){this.opcode("pushLiteral",t.value)},BooleanLiteral:function(t){this.opcode("pushLiteral",t.value)},UndefinedLiteral:function(){this.opcode("pushLiteral","undefined")},NullLiteral:function(){this.opcode("pushLiteral","null")},Hash:function(t){var e=t.pairs,n=0,i=e.length;for(this.opcode("pushHash");n<i;n++)this.pushParam(e[n].value);for(;n--;)this.opcode("assignToHash",e[n].key);this.opcode("popHash")},opcode:function(t){this.opcodes.push({opcode:t,args:_.call(arguments,1),loc:this.sourceNode[0].loc})},addDepth:function(t){t&&(this.useDepths=!0)},classifySexpr:function(t){var e=o.default.helpers.simpleId(t.path),n=e&&!!this.blockParamIndex(t.path.parts[0]),i=!n&&o.default.helpers.helperExpression(t),r=!n&&(i||e);if(r&&!i){var s=t.path.parts[0],a=this.options;a.knownHelpers[s]?i=!0:a.knownHelpersOnly&&(r=!1)}return i?"helper":r?"ambiguous":"simple"},pushParams:function(t){for(var e=0,n=t.length;e<n;e++)this.pushParam(t[e])},pushParam:function(t){var e=null!=t.value?t.value:t.original||"";if(this.stringParams)e.replace&&(e=e.replace(/^(\.?\.\/)*/g,"").replace(/\//g,".")),t.depth&&this.addDepth(t.depth),this.opcode("getContext",t.depth||0),this.opcode("pushStringParam",e,t.type),"SubExpression"===t.type&&this.accept(t);else{if(this.trackIds){var n=void 0;if(!t.parts||o.default.helpers.scopedId(t)||t.depth||(n=this.blockParamIndex(t.parts[0])),n){var i=t.parts.slice(1).join(".");this.opcode("pushId","BlockParam",n,i)}else(e=t.original||e).replace&&(e=e.replace(/^this(?:\.|$)/,"").replace(/^\.\//,"").replace(/^\.$/,"")),this.opcode("pushId",t.type,e)}this.accept(t)}},setupFullMustacheParams:function(t,e,n,i){var r=t.params;return this.pushParams(r),this.opcode("pushProgram",e),this.opcode("pushProgram",n),t.hash?this.accept(t.hash):this.opcode("emptyHash",i),r},blockParamIndex:function(t){for(var e=0,n=this.options.blockParams.length;e<n;e++){var i=this.options.blockParams[e],r=i&&a.indexOf(i,t);if(i&&r>=0)return[e,r]}}}},function(t,e,n){"use strict";var i=n(13).default,r=n(1).default;e.__esModule=!0;var s=n(4),a=r(n(6)),o=n(5),_=r(n(53));function u(t){this.value=t}function p(){}p.prototype={nameLookup:function(t,e){return this.internalNameLookup(t,e)},depthedLookup:function(t){return[this.aliasable("container.lookup"),"(depths, ",JSON.stringify(t),")"]},compilerInfo:function(){var t=s.COMPILER_REVISION;return[t,s.REVISION_CHANGES[t]]},appendToBuffer:function(t,e,n){return o.isArray(t)||(t=[t]),t=this.source.wrap(t,e),this.environment.isSimple?["return ",t,";"]:n?["buffer += ",t,";"]:(t.appendToBuffer=!0,t)},initializeBuffer:function(){return this.quotedString("")},internalNameLookup:function(t,e){return this.lookupPropertyFunctionIsUsed=!0,["lookupProperty(",t,",",JSON.stringify(e),")"]},lookupPropertyFunctionIsUsed:!1,compile:function(t,e,n,i){this.environment=t,this.options=e,this.stringParams=this.options.stringParams,this.trackIds=this.options.trackIds,this.precompile=!i,this.name=this.environment.name,this.isChild=!!n,this.context=n||{decorators:[],programs:[],environments:[]},this.preamble(),this.stackSlot=0,this.stackVars=[],this.aliases={},this.registers={list:[]},this.hashes=[],this.compileStack=[],this.inlineStack=[],this.blockParams=[],this.compileChildren(t,e),this.useDepths=this.useDepths||t.useDepths||t.useDecorators||this.options.compat,this.useBlockParams=this.useBlockParams||t.useBlockParams;var r=t.opcodes,s=void 0,o=void 0,_=void 0,u=void 0;for(_=0,u=r.length;_<u;_++)s=r[_],this.source.currentLocation=s.loc,o=o||s.loc,this[s.opcode].apply(this,s.args);if(this.source.currentLocation=o,this.pushSource(""),this.stackSlot||this.inlineStack.length||this.compileStack.length)throw new a.default("Compile completed with content left on stack");this.decorators.isEmpty()?this.decorators=void 0:(this.useDecorators=!0,this.decorators.prepend(["var decorators = container.decorators, ",this.lookupPropertyFunctionVarDeclaration(),";\n"]),this.decorators.push("return fn;"),i?this.decorators=Function.apply(this,["fn","props","container","depth0","data","blockParams","depths",this.decorators.merge()]):(this.decorators.prepend("function(fn, props, container, depth0, data, blockParams, depths) {\n"),this.decorators.push("}\n"),this.decorators=this.decorators.merge()));var p=this.createFunctionContext(i);if(this.isChild)return p;var l={compiler:this.compilerInfo(),main:p};this.decorators&&(l.main_d=this.decorators,l.useDecorators=!0);var h=this.context,c=h.programs,d=h.decorators;for(_=0,u=c.length;_<u;_++)c[_]&&(l[_]=c[_],d[_]&&(l[_+"_d"]=d[_],l.useDecorators=!0));return this.environment.usePartial&&(l.usePartial=!0),this.options.data&&(l.useData=!0),this.useDepths&&(l.useDepths=!0),this.useBlockParams&&(l.useBlockParams=!0),this.options.compat&&(l.compat=!0),i?l.compilerOptions=this.options:(l.compiler=JSON.stringify(l.compiler),this.source.currentLocation={start:{line:1,column:0}},l=this.objectLiteral(l),e.srcName?(l=l.toStringWithSourceMap({file:e.destName})).map=l.map&&l.map.toString():l=l.toString()),l},preamble:function(){this.lastContext=0,this.source=new _.default(this.options.srcName),this.decorators=new _.default(this.options.srcName)},createFunctionContext:function(t){var e=this,n="",r=this.stackVars.concat(this.registers.list);r.length>0&&(n+=", "+r.join(", "));var s=0;i(this.aliases).forEach((function(t){var i=e.aliases[t];i.children&&i.referenceCount>1&&(n+=", alias"+ ++s+"="+t,i.children[0]="alias"+s)})),this.lookupPropertyFunctionIsUsed&&(n+=", "+this.lookupPropertyFunctionVarDeclaration());var a=["container","depth0","helpers","partials","data"];(this.useBlockParams||this.useDepths)&&a.push("blockParams"),this.useDepths&&a.push("depths");var o=this.mergeSource(n);return t?(a.push(o),Function.apply(this,a)):this.source.wrap(["function(",a.join(","),") {\n  ",o,"}"])},mergeSource:function(t){var e=this.environment.isSimple,n=!this.forceBuffer,i=void 0,r=void 0,s=void 0,a=void 0;return this.source.each((function(t){t.appendToBuffer?(s?t.prepend("  + "):s=t,a=t):(s&&(r?s.prepend("buffer += "):i=!0,a.add(";"),s=a=void 0),r=!0,e||(n=!1))})),n?s?(s.prepend("return "),a.add(";")):r||this.source.push('return "";'):(t+=", buffer = "+(i?"":this.initializeBuffer()),s?(s.prepend("return buffer + "),a.add(";")):this.source.push("return buffer;")),t&&this.source.prepend("var "+t.substring(2)+(i?"":";\n")),this.source.merge()},lookupPropertyFunctionVarDeclaration:function(){return"\n      lookupProperty = container.lookupProperty || function(parent, propertyName) {\n        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n          return parent[propertyName];\n        }\n        return undefined\n    }\n    ".trim()},blockValue:function(t){var e=this.aliasable("container.hooks.blockHelperMissing"),n=[this.contextName(0)];this.setupHelperArgs(t,0,n);var i=this.popStack();n.splice(1,0,i),this.push(this.source.functionCall(e,"call",n))},ambiguousBlockValue:function(){var t=this.aliasable("container.hooks.blockHelperMissing"),e=[this.contextName(0)];this.setupHelperArgs("",0,e,!0),this.flushInline();var n=this.topStack();e.splice(1,0,n),this.pushSource(["if (!",this.lastHelper,") { ",n," = ",this.source.functionCall(t,"call",e),"}"])},appendContent:function(t){this.pendingContent?t=this.pendingContent+t:this.pendingLocation=this.source.currentLocation,this.pendingContent=t},append:function(){if(this.isInline())this.replaceStack((function(t){return[" != null ? ",t,' : ""']})),this.pushSource(this.appendToBuffer(this.popStack()));else{var t=this.popStack();this.pushSource(["if (",t," != null) { ",this.appendToBuffer(t,void 0,!0)," }"]),this.environment.isSimple&&this.pushSource(["else { ",this.appendToBuffer("''",void 0,!0)," }"])}},appendEscaped:function(){this.pushSource(this.appendToBuffer([this.aliasable("container.escapeExpression"),"(",this.popStack(),")"]))},getContext:function(t){this.lastContext=t},pushContext:function(){this.pushStackLiteral(this.contextName(this.lastContext))},lookupOnContext:function(t,e,n,i){var r=0;i||!this.options.compat||this.lastContext?this.pushContext():this.push(this.depthedLookup(t[r++])),this.resolvePath("context",t,r,e,n)},lookupBlockParam:function(t,e){this.useBlockParams=!0,this.push(["blockParams[",t[0],"][",t[1],"]"]),this.resolvePath("context",e,1)},lookupData:function(t,e,n){t?this.pushStackLiteral("container.data(data, "+t+")"):this.pushStackLiteral("data"),this.resolvePath("data",e,0,!0,n)},resolvePath:function(t,e,n,i,r){var s=this;if(this.options.strict||this.options.assumeObjects)this.push(function(t,e,n,i){var r=e.popStack(),s=0,a=n.length;for(t&&a--;s<a;s++)r=e.nameLookup(r,n[s],i);return t?[e.aliasable("container.strict"),"(",r,", ",e.quotedString(n[s]),", ",JSON.stringify(e.source.currentLocation)," )"]:r}(this.options.strict&&r,this,e,t));else for(var a=e.length;n<a;n++)this.replaceStack((function(r){var a=s.nameLookup(r,e[n],t);return i?[" && ",a]:[" != null ? ",a," : ",r]}))},resolvePossibleLambda:function(){this.push([this.aliasable("container.lambda"),"(",this.popStack(),", ",this.contextName(0),")"])},pushStringParam:function(t,e){this.pushContext(),this.pushString(e),"SubExpression"!==e&&("string"==typeof t?this.pushString(t):this.pushStackLiteral(t))},emptyHash:function(t){this.trackIds&&this.push("{}"),this.stringParams&&(this.push("{}"),this.push("{}")),this.pushStackLiteral(t?"undefined":"{}")},pushHash:function(){this.hash&&this.hashes.push(this.hash),this.hash={values:{},types:[],contexts:[],ids:[]}},popHash:function(){var t=this.hash;this.hash=this.hashes.pop(),this.trackIds&&this.push(this.objectLiteral(t.ids)),this.stringParams&&(this.push(this.objectLiteral(t.contexts)),this.push(this.objectLiteral(t.types))),this.push(this.objectLiteral(t.values))},pushString:function(t){this.pushStackLiteral(this.quotedString(t))},pushLiteral:function(t){this.pushStackLiteral(t)},pushProgram:function(t){null!=t?this.pushStackLiteral(this.programExpression(t)):this.pushStackLiteral(null)},registerDecorator:function(t,e){var n=this.nameLookup("decorators",e,"decorator"),i=this.setupHelperArgs(e,t);this.decorators.push(["fn = ",this.decorators.functionCall(n,"",["fn","props","container",i])," || fn;"])},invokeHelper:function(t,e,n){var i=this.popStack(),r=this.setupHelper(t,e),s=[];n&&s.push(r.name),s.push(i),this.options.strict||s.push(this.aliasable("container.hooks.helperMissing"));var a=["(",this.itemsSeparatedBy(s,"||"),")"],o=this.source.functionCall(a,"call",r.callParams);this.push(o)},itemsSeparatedBy:function(t,e){var n=[];n.push(t[0]);for(var i=1;i<t.length;i++)n.push(e,t[i]);return n},invokeKnownHelper:function(t,e){var n=this.setupHelper(t,e);this.push(this.source.functionCall(n.name,"call",n.callParams))},invokeAmbiguous:function(t,e){this.useRegister("helper");var n=this.popStack();this.emptyHash();var i=this.setupHelper(0,t,e),r=["(","(helper = ",this.lastHelper=this.nameLookup("helpers",t,"helper")," || ",n,")"];this.options.strict||(r[0]="(helper = ",r.push(" != null ? helper : ",this.aliasable("container.hooks.helperMissing"))),this.push(["(",r,i.paramsInit?["),(",i.paramsInit]:[],"),","(typeof helper === ",this.aliasable('"function"')," ? ",this.source.functionCall("helper","call",i.callParams)," : helper))"])},invokePartial:function(t,e,n){var i=[],r=this.setupParams(e,1,i);t&&(e=this.popStack(),delete r.name),n&&(r.indent=JSON.stringify(n)),r.helpers="helpers",r.partials="partials",r.decorators="container.decorators",t?i.unshift(e):i.unshift(this.nameLookup("partials",e,"partial")),this.options.compat&&(r.depths="depths"),r=this.objectLiteral(r),i.push(r),this.push(this.source.functionCall("container.invokePartial","",i))},assignToHash:function(t){var e=this.popStack(),n=void 0,i=void 0,r=void 0;this.trackIds&&(r=this.popStack()),this.stringParams&&(i=this.popStack(),n=this.popStack());var s=this.hash;n&&(s.contexts[t]=n),i&&(s.types[t]=i),r&&(s.ids[t]=r),s.values[t]=e},pushId:function(t,e,n){"BlockParam"===t?this.pushStackLiteral("blockParams["+e[0]+"].path["+e[1]+"]"+(n?" + "+JSON.stringify("."+n):"")):"PathExpression"===t?this.pushString(e):"SubExpression"===t?this.pushStackLiteral("true"):this.pushStackLiteral("null")},compiler:p,compileChildren:function(t,e){for(var n=t.children,i=void 0,r=void 0,s=0,a=n.length;s<a;s++){i=n[s],r=new this.compiler;var o=this.matchExistingProgram(i);if(null==o){this.context.programs.push("");var _=this.context.programs.length;i.index=_,i.name="program"+_,this.context.programs[_]=r.compile(i,e,this.context,!this.precompile),this.context.decorators[_]=r.decorators,this.context.environments[_]=i,this.useDepths=this.useDepths||r.useDepths,this.useBlockParams=this.useBlockParams||r.useBlockParams,i.useDepths=this.useDepths,i.useBlockParams=this.useBlockParams}else i.index=o.index,i.name="program"+o.index,this.useDepths=this.useDepths||o.useDepths,this.useBlockParams=this.useBlockParams||o.useBlockParams}},matchExistingProgram:function(t){for(var e=0,n=this.context.environments.length;e<n;e++){var i=this.context.environments[e];if(i&&i.equals(t))return i}},programExpression:function(t){var e=this.environment.children[t],n=[e.index,"data",e.blockParams];return(this.useBlockParams||this.useDepths)&&n.push("blockParams"),this.useDepths&&n.push("depths"),"container.program("+n.join(", ")+")"},useRegister:function(t){this.registers[t]||(this.registers[t]=!0,this.registers.list.push(t))},push:function(t){return t instanceof u||(t=this.source.wrap(t)),this.inlineStack.push(t),t},pushStackLiteral:function(t){this.push(new u(t))},pushSource:function(t){this.pendingContent&&(this.source.push(this.appendToBuffer(this.source.quotedString(this.pendingContent),this.pendingLocation)),this.pendingContent=void 0),t&&this.source.push(t)},replaceStack:function(t){var e=["("],n=void 0,i=void 0,r=void 0;if(!this.isInline())throw new a.default("replaceStack on non-inline");var s=this.popStack(!0);if(s instanceof u)e=["(",n=[s.value]],r=!0;else{i=!0;var o=this.incrStack();e=["((",this.push(o)," = ",s,")"],n=this.topStack()}var _=t.call(this,n);r||this.popStack(),i&&this.stackSlot--,this.push(e.concat(_,")"))},incrStack:function(){return this.stackSlot++,this.stackSlot>this.stackVars.length&&this.stackVars.push("stack"+this.stackSlot),this.topStackName()},topStackName:function(){return"stack"+this.stackSlot},flushInline:function(){var t=this.inlineStack;this.inlineStack=[];for(var e=0,n=t.length;e<n;e++){var i=t[e];if(i instanceof u)this.compileStack.push(i);else{var r=this.incrStack();this.pushSource([r," = ",i,";"]),this.compileStack.push(r)}}},isInline:function(){return this.inlineStack.length},popStack:function(t){var e=this.isInline(),n=(e?this.inlineStack:this.compileStack).pop();if(!t&&n instanceof u)return n.value;if(!e){if(!this.stackSlot)throw new a.default("Invalid stack pop");this.stackSlot--}return n},topStack:function(){var t=this.isInline()?this.inlineStack:this.compileStack,e=t[t.length-1];return e instanceof u?e.value:e},contextName:function(t){return this.useDepths&&t?"depths["+t+"]":"depth"+t},quotedString:function(t){return this.source.quotedString(t)},objectLiteral:function(t){return this.source.objectLiteral(t)},aliasable:function(t){var e=this.aliases[t];return e?(e.referenceCount++,e):((e=this.aliases[t]=this.source.wrap(t)).aliasable=!0,e.referenceCount=1,e)},setupHelper:function(t,e,n){var i=[];return{params:i,paramsInit:this.setupHelperArgs(e,t,i,n),name:this.nameLookup("helpers",e,"helper"),callParams:[this.aliasable(this.contextName(0)+" != null ? "+this.contextName(0)+" : (container.nullContext || {})")].concat(i)}},setupParams:function(t,e,n){var i={},r=[],s=[],a=[],o=!n,_=void 0;o&&(n=[]),i.name=this.quotedString(t),i.hash=this.popStack(),this.trackIds&&(i.hashIds=this.popStack()),this.stringParams&&(i.hashTypes=this.popStack(),i.hashContexts=this.popStack());var u=this.popStack(),p=this.popStack();(p||u)&&(i.fn=p||"container.noop",i.inverse=u||"container.noop");for(var l=e;l--;)_=this.popStack(),n[l]=_,this.trackIds&&(a[l]=this.popStack()),this.stringParams&&(s[l]=this.popStack(),r[l]=this.popStack());return o&&(i.args=this.source.generateArray(n)),this.trackIds&&(i.ids=this.source.generateArray(a)),this.stringParams&&(i.types=this.source.generateArray(s),i.contexts=this.source.generateArray(r)),this.options.data&&(i.data="data"),this.useBlockParams&&(i.blockParams="blockParams"),i},setupHelperArgs:function(t,e,n,i){var r=this.setupParams(t,e,n);return r.loc=JSON.stringify(this.source.currentLocation),r=this.objectLiteral(r),i?(this.useRegister("options"),n.push("options"),["options=",r]):n?(n.push(r),""):r}},function(){for(var t="break else new var case finally return void catch for switch while continue function this with default if throw delete in try do instanceof typeof abstract enum int short boolean export interface static byte extends long super char final native synchronized class float package throws const goto private transient debugger implements protected volatile double import public let yield await null true false".split(" "),e=p.RESERVED_WORDS={},n=0,i=t.length;n<i;n++)e[t[n]]=!0}(),p.isValidJavaScriptVariableName=function(t){return!p.RESERVED_WORDS[t]&&/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(t)},e.default=p,t.exports=e.default},function(t,e,n){"use strict";var i=n(13).default;e.__esModule=!0;var r=n(5),s=void 0;function a(t,e,n){if(r.isArray(t)){for(var i=[],s=0,a=t.length;s<a;s++)i.push(e.wrap(t[s],n));return i}return"boolean"==typeof t||"number"==typeof t?t+"":t}function o(t){this.srcFile=t,this.source=[]}s||((s=function(t,e,n,i){this.src="",i&&this.add(i)}).prototype={add:function(t){r.isArray(t)&&(t=t.join("")),this.src+=t},prepend:function(t){r.isArray(t)&&(t=t.join("")),this.src=t+this.src},toStringWithSourceMap:function(){return{code:this.toString()}},toString:function(){return this.src}}),o.prototype={isEmpty:function(){return!this.source.length},prepend:function(t,e){this.source.unshift(this.wrap(t,e))},push:function(t,e){this.source.push(this.wrap(t,e))},merge:function(){var t=this.empty();return this.each((function(e){t.add(["  ",e,"\n"])})),t},each:function(t){for(var e=0,n=this.source.length;e<n;e++)t(this.source[e])},empty:function(){var t=this.currentLocation||{start:{}};return new s(t.start.line,t.start.column,this.srcFile)},wrap:function(t){var e=arguments.length<=1||void 0===arguments[1]?this.currentLocation||{start:{}}:arguments[1];return t instanceof s?t:(t=a(t,this,e),new s(e.start.line,e.start.column,this.srcFile,t))},functionCall:function(t,e,n){return n=this.generateList(n),this.wrap([t,e?"."+e+"(":"(",n,")"])},quotedString:function(t){return'"'+(t+"").replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")+'"'},objectLiteral:function(t){var e=this,n=[];i(t).forEach((function(i){var r=a(t[i],e);"undefined"!==r&&n.push([e.quotedString(i),":",r])}));var r=this.generateList(n);return r.prepend("{"),r.add("}"),r},generateList:function(t){for(var e=this.empty(),n=0,i=t.length;n<i;n++)n&&e.add(","),e.add(a(t[n],this));return e},generateArray:function(t){var e=this.generateList(t);return e.prepend("["),e.add("]"),e}},e.default=o,t.exports=e.default}])},"object"===o(e)&&"object"===o(t)?t.exports=a():(r=[],void 0===(s="function"==typeof(i=a)?i.apply(e,r):i)||(t.exports=s))},391:function(t){function e(t){return!!t.constructor&&"function"==typeof t.constructor.isBuffer&&t.constructor.isBuffer(t)}t.exports=function(t){return null!=t&&(e(t)||function(t){return"function"==typeof t.readFloatLE&&"function"==typeof t.slice&&e(t.slice(0,0))}(t)||!!t._isBuffer)}},389:function(t){"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}t.exports=function(t){return null!=t&&("object"===e(t)||"function"==typeof t)}},388:function(t){"use strict";var e;t.exports=function(t){return"string"==typeof t&&(e||(e=new RegExp('^[\\s\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff"]+$'))).test(t)}},305:function(t,e,n){"use strict";var i=n(394),r=n(381),s=n(380),a={unformatted:["code","pre","em","strong","span"],indent_inner_html:!0,indent_char:" ",indent_size:2,sep:"\n"};t.exports=function(t,e){var n=s({},a,e);return t=i.html(t,n),!0===n.ocd?(n.newlines&&(n.sep=n.newlines),function(t,e){return r(t,e).replace(/^\s+/g,"").replace(/\s+$/g,"\n").replace(/(\s*<!--)/g,"\n$1").replace(/>(\s*)(?=<!--\s*\/)/g,"> ")}(t,n)):t}},394:function(t,e,n){"use strict";var i,r;i=[n(386),n(387),n(395)],void 0===(r=function(t,e,n){return function(t,e,n){var i=function(e,n){return t.js_beautify(e,n)};return i.js=t.js_beautify,i.css=e.css_beautify,i.html=n.html_beautify,i.js_beautify=t.js_beautify,i.css_beautify=e.css_beautify,i.html_beautify=n.html_beautify,i}(t,e,n)}.apply(e,i))||(t.exports=r)},387:function(t,e){var n;function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}!function(){var r;!function(){"use strict";var t=[,,function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var r=this.__lines[i];if(r.is_empty())break;if(0!==r.item(0).indexOf(t)&&r.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},,,,function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,i={};for(n in t=r(t))n!==e&&(i[n]=t[n]);if(e&&t[e])for(n in t[e])i[n]=t[e][n];return i}function r(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],r=e||[];return"object"===i(n)?null!==n&&"function"==typeof n.concat&&(r=n.concat()):"string"==typeof n&&(r=n.split(/[^a-zA-Z0-9_\/\-]+/)),r},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=r,t.exports.mergeOpts=n},,function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,r="";return t&&(i=this.match(t))&&(r+=i[0]),!e||!i&&t||(r+=this.readUntil(e,n)),r},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var r=t.exec(this.__input);return r?(i=r.index,e&&(i+=r[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,r="g";return n&&e&&(r="y"),"string"==typeof t&&""!==t?i=new RegExp(t,r):t&&(i=new RegExp(t.source,r)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},,,,,function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},,function(t,e,n){var i=n(16).Beautifier,r=n(17).Options;t.exports=function(t,e){return new i(t,e).beautify()},t.exports.defaultOptions=function(){return new r}},function(t,e,n){var i=n(17).Options,r=n(2).Output,s=n(8).InputScanner,a=new(0,n(13).Directives)(/\/\*/,/\*\//),o=/\r\n|[\r\n]/,_=/\r\n|[\r\n]/g,u=/\s/,p=/(?:\s|\n)+/g,l=/\/\*(?:[\s\S]*?)((?:\*\/)|$)/g,h=/\/\/(?:[^\n\r\u2028\u2029]*)/g;function c(t,e){this._source_text=t||"",this._options=new i(e),this._ch=null,this._input=null,this.NESTED_AT_RULE={"@page":!0,"@font-face":!0,"@keyframes":!0,"@media":!0,"@supports":!0,"@document":!0},this.CONDITIONAL_GROUP_RULE={"@media":!0,"@supports":!0,"@document":!0},this.NON_SEMICOLON_NEWLINE_PROPERTY=["grid-template-areas","grid-template"]}c.prototype.eatString=function(t){var e="";for(this._ch=this._input.next();this._ch;){if(e+=this._ch,"\\"===this._ch)e+=this._input.next();else if(-1!==t.indexOf(this._ch)||"\n"===this._ch)break;this._ch=this._input.next()}return e},c.prototype.eatWhitespace=function(t){for(var e=u.test(this._input.peek()),n=0;u.test(this._input.peek());)this._ch=this._input.next(),t&&"\n"===this._ch&&(0===n||n<this._options.max_preserve_newlines)&&(n++,this._output.add_new_line(!0));return e},c.prototype.foundNestedPseudoClass=function(){for(var t=0,e=1,n=this._input.peek(e);n;){if("{"===n)return!0;if("("===n)t+=1;else if(")"===n){if(0===t)return!1;t-=1}else if(";"===n||"}"===n)return!1;e++,n=this._input.peek(e)}return!1},c.prototype.print_string=function(t){this._output.set_indent(this._indentLevel),this._output.non_breaking_space=!0,this._output.add_token(t)},c.prototype.preserveSingleSpace=function(t){t&&(this._output.space_before_token=!0)},c.prototype.indent=function(){this._indentLevel++},c.prototype.outdent=function(){this._indentLevel>0&&this._indentLevel--},c.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._source_text,e=this._options.eol;"auto"===e&&(e="\n",t&&o.test(t||"")&&(e=t.match(o)[0]));var n=(t=t.replace(_,"\n")).match(/^[\t ]*/)[0];this._output=new r(this._options,n),this._input=new s(t),this._indentLevel=0,this._nestedLevel=0,this._ch=null;for(var i,c,d=0,f=!1,g=!1,m=!1,y=!1,b=!1,v=!1,k=this._ch,w=!1;i=""!==this._input.read(p),c=k,this._ch=this._input.next(),"\\"===this._ch&&this._input.hasNext()&&(this._ch+=this._input.next()),k=this._ch,this._ch;)if("/"===this._ch&&"*"===this._input.peek()){this._output.add_new_line(),this._input.back();var x=this._input.read(l),S=a.get_directives(x);S&&"start"===S.ignore&&(x+=a.readIgnored(this._input)),this.print_string(x),this.eatWhitespace(!0),this._output.add_new_line()}else if("/"===this._ch&&"/"===this._input.peek())this._output.space_before_token=!0,this._input.back(),this.print_string(this._input.read(h)),this.eatWhitespace(!0);else if("@"===this._ch||"$"===this._ch)if(this.preserveSingleSpace(i),"{"===this._input.peek())this.print_string(this._ch+this.eatString("}"));else{this.print_string(this._ch);var E=this._input.peekUntilAfter(/[: ,;{}()[\]\/='"]/g);E.match(/[ :]$/)&&(E=this.eatString(": ").replace(/\s$/,""),this.print_string(E),this._output.space_before_token=!0),"extend"===(E=E.replace(/\s$/,""))?y=!0:"import"===E&&(b=!0),E in this.NESTED_AT_RULE?(this._nestedLevel+=1,E in this.CONDITIONAL_GROUP_RULE&&(m=!0)):f||0!==d||-1===E.indexOf(":")||(g=!0,this.indent())}else if("#"===this._ch&&"{"===this._input.peek())this.preserveSingleSpace(i),this.print_string(this._ch+this.eatString("}"));else if("{"===this._ch)g&&(g=!1,this.outdent()),m?(m=!1,f=this._indentLevel>=this._nestedLevel):f=this._indentLevel>=this._nestedLevel-1,this._options.newline_between_rules&&f&&this._output.previous_line&&"{"!==this._output.previous_line.item(-1)&&this._output.ensure_empty_line_above("/",","),this._output.space_before_token=!0,"expand"===this._options.brace_style?(this._output.add_new_line(),this.print_string(this._ch),this.indent(),this._output.set_indent(this._indentLevel)):("("===c?this._output.space_before_token=!1:","!==c&&this.indent(),this.print_string(this._ch)),this.eatWhitespace(!0),this._output.add_new_line();else if("}"===this._ch)this.outdent(),this._output.add_new_line(),"{"===c&&this._output.trim(!0),b=!1,y=!1,g&&(this.outdent(),g=!1),this.print_string(this._ch),f=!1,this._nestedLevel&&this._nestedLevel--,this.eatWhitespace(!0),this._output.add_new_line(),this._options.newline_between_rules&&!this._output.just_added_blankline()&&"}"!==this._input.peek()&&this._output.add_new_line(!0),")"===this._input.peek()&&(this._output.trim(!0),"expand"===this._options.brace_style&&this._output.add_new_line(!0));else if(":"===this._ch){for(var O=0;O<this.NON_SEMICOLON_NEWLINE_PROPERTY.length;O++)if(this._input.lookBack(this.NON_SEMICOLON_NEWLINE_PROPERTY[O])){w=!0;break}!f&&!m||this._input.lookBack("&")||this.foundNestedPseudoClass()||this._input.lookBack("(")||y||0!==d?(this._input.lookBack(" ")&&(this._output.space_before_token=!0),":"===this._input.peek()?(this._ch=this._input.next(),this.print_string("::")):this.print_string(":")):(this.print_string(":"),g||(g=!0,this._output.space_before_token=!0,this.eatWhitespace(!0),this.indent()))}else if('"'===this._ch||"'"===this._ch){var P='"'===c||"'"===c;this.preserveSingleSpace(P||i),this.print_string(this._ch+this.eatString(this._ch)),this.eatWhitespace(!0)}else if(";"===this._ch)w=!1,0===d?(g&&(this.outdent(),g=!1),y=!1,b=!1,this.print_string(this._ch),this.eatWhitespace(!0),"/"!==this._input.peek()&&this._output.add_new_line()):(this.print_string(this._ch),this.eatWhitespace(!0),this._output.space_before_token=!0);else if("("===this._ch)if(this._input.lookBack("url"))this.print_string(this._ch),this.eatWhitespace(),d++,this.indent(),this._ch=this._input.next(),")"===this._ch||'"'===this._ch||"'"===this._ch?this._input.back():this._ch&&(this.print_string(this._ch+this.eatString(")")),d&&(d--,this.outdent()));else{var A=!1;this._input.lookBack("with")&&(A=!0),this.preserveSingleSpace(i||A),this.print_string(this._ch),g&&"$"===c&&this._options.selector_separator_newline?(this._output.add_new_line(),v=!0):(this.eatWhitespace(),d++,this.indent())}else if(")"===this._ch)d&&(d--,this.outdent()),v&&";"===this._input.peek()&&this._options.selector_separator_newline&&(v=!1,this.outdent(),this._output.add_new_line()),this.print_string(this._ch);else if(","===this._ch)this.print_string(this._ch),this.eatWhitespace(!0),!this._options.selector_separator_newline||g&&!v||0!==d||b||y?this._output.space_before_token=!0:this._output.add_new_line();else if(">"!==this._ch&&"+"!==this._ch&&"~"!==this._ch||g||0!==d)if("]"===this._ch)this.print_string(this._ch);else if("["===this._ch)this.preserveSingleSpace(i),this.print_string(this._ch);else if("="===this._ch)this.eatWhitespace(),this.print_string("="),u.test(this._ch)&&(this._ch="");else if("!"!==this._ch||this._input.lookBack("\\")){var T='"'===c||"'"===c;this.preserveSingleSpace(T||i),this.print_string(this._ch),!this._output.just_added_newline()&&"\n"===this._input.peek()&&w&&this._output.add_new_line()}else this._output.space_before_token=!0,this.print_string(this._ch);else this._options.space_around_combinator?(this._output.space_before_token=!0,this.print_string(this._ch),this._output.space_before_token=!0):(this.print_string(this._ch),this.eatWhitespace(),this._ch&&u.test(this._ch)&&(this._ch=""));return this._output.get_code(e)},t.exports.Beautifier=c},function(t,e,n){var i=n(6).Options;function r(t){i.call(this,t,"css"),this.selector_separator_newline=this._get_boolean("selector_separator_newline",!0),this.newline_between_rules=this._get_boolean("newline_between_rules",!0);var e=this._get_boolean("space_around_selector_separator");this.space_around_combinator=this._get_boolean("space_around_combinator")||e;var n=this._get_selection_list("brace_style",["collapse","expand","end-expand","none","preserve-inline"]);this.brace_style="collapse";for(var r=0;r<n.length;r++)"expand"!==n[r]?this.brace_style="collapse":this.brace_style=n[r]}r.prototype=new i,t.exports.Options=r}],e={};var n=function n(i){var r=e[i];if(void 0!==r)return r.exports;var s=e[i]={exports:{}};return t[i](s,s.exports,n),s.exports}(15);r=n}();var s=r;void 0===(n=function(){return{css_beautify:s}}.apply(e,[]))||(t.exports=n)}()},395:function(t,e,n){var i,r;function s(t){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},s(t)}!function(){var a;!function(){"use strict";var t=[,,function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var r=this.__lines[i];if(r.is_empty())break;if(0!==r.item(0).indexOf(t)&&r.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},function(t){t.exports.Token=function(t,e,n,i){this.type=t,this.text=e,this.comments_before=null,this.newlines=n||0,this.whitespace_before=i||"",this.parent=null,this.next=null,this.previous=null,this.opened=null,this.closed=null,this.directives=null}},,,function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,r={};for(n in t=i(t))n!==e&&(r[n]=t[n]);if(e&&t[e])for(n in t[e])r[n]=t[e][n];return r}function i(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],i=e||[];return"object"===s(n)?null!==n&&"function"==typeof n.concat&&(i=n.concat()):"string"==typeof n&&(i=n.split(/[^a-zA-Z0-9_\/\-]+/)),i},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=i,t.exports.mergeOpts=n},,function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,r="";return t&&(i=this.match(t))&&(r+=i[0]),!e||!i&&t||(r+=this.readUntil(e,n)),r},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var r=t.exec(this.__input);return r?(i=r.index,e&&(i+=r[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,r="g";return n&&e&&(r="y"),"string"==typeof t&&""!==t?i=new RegExp(t,r):t&&(i=new RegExp(t.source,r)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},function(t,e,n){var i=n(8).InputScanner,r=n(3).Token,s=n(10).TokenStream,a=n(11).WhitespacePattern,o={START:"TK_START",RAW:"TK_RAW",EOF:"TK_EOF"},_=function(t,e){this._input=new i(t),this._options=e||{},this.__tokens=null,this._patterns={},this._patterns.whitespace=new a(this._input)};_.prototype.tokenize=function(){var t;this._input.restart(),this.__tokens=new s,this._reset();for(var e=new r(o.START,""),n=null,i=[],a=new s;e.type!==o.EOF;){for(t=this._get_next_token(e,n);this._is_comment(t);)a.add(t),t=this._get_next_token(e,n);a.isEmpty()||(t.comments_before=a,a=new s),t.parent=n,this._is_opening(t)?(i.push(n),n=t):n&&this._is_closing(t,n)&&(t.opened=n,n.closed=t,n=i.pop(),t.parent=n),t.previous=e,e.next=t,this.__tokens.add(t),e=t}return this.__tokens},_.prototype._is_first_token=function(){return this.__tokens.isEmpty()},_.prototype._reset=function(){},_.prototype._get_next_token=function(t,e){this._readWhitespace();var n=this._input.read(/.+/g);return n?this._create_token(o.RAW,n):this._create_token(o.EOF,"")},_.prototype._is_comment=function(t){return!1},_.prototype._is_opening=function(t){return!1},_.prototype._is_closing=function(t,e){return!1},_.prototype._create_token=function(t,e){return new r(t,e,this._patterns.whitespace.newline_count,this._patterns.whitespace.whitespace_before_token)},_.prototype._readWhitespace=function(){return this._patterns.whitespace.read()},t.exports.Tokenizer=_,t.exports.TOKEN=o},function(t){function e(t){this.__tokens=[],this.__tokens_length=this.__tokens.length,this.__position=0,this.__parent_token=t}e.prototype.restart=function(){this.__position=0},e.prototype.isEmpty=function(){return 0===this.__tokens_length},e.prototype.hasNext=function(){return this.__position<this.__tokens_length},e.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__tokens[this.__position],this.__position+=1),t},e.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__tokens_length&&(e=this.__tokens[t]),e},e.prototype.add=function(t){this.__parent_token&&(t.parent=this.__parent_token),this.__tokens.push(t),this.__tokens_length+=1},t.exports.TokenStream=e},function(t,e,n){var i=n(12).Pattern;function r(t,e){i.call(this,t,e),e?this._line_regexp=this._input.get_regexp(e._line_regexp):this.__set_whitespace_patterns("",""),this.newline_count=0,this.whitespace_before_token=""}r.prototype=new i,r.prototype.__set_whitespace_patterns=function(t,e){t+="\\t ",e+="\\n\\r",this._match_pattern=this._input.get_regexp("["+t+e+"]+",!0),this._newline_regexp=this._input.get_regexp("\\r\\n|["+e+"]")},r.prototype.read=function(){this.newline_count=0,this.whitespace_before_token="";var t=this._input.read(this._match_pattern);if(" "===t)this.whitespace_before_token=" ";else if(t){var e=this.__split(this._newline_regexp,t);this.newline_count=e.length-1,this.whitespace_before_token=e[this.newline_count]}return t},r.prototype.matching=function(t,e){var n=this._create();return n.__set_whitespace_patterns(t,e),n._update(),n},r.prototype._create=function(){return new r(this._input,this)},r.prototype.__split=function(t,e){t.lastIndex=0;for(var n=0,i=[],r=t.exec(e);r;)i.push(e.substring(n,r.index)),n=r.index+r[0].length,r=t.exec(e);return n<e.length?i.push(e.substring(n,e.length)):i.push(""),i},t.exports.WhitespacePattern=r},function(t){function e(t,e){this._input=t,this._starting_pattern=null,this._match_pattern=null,this._until_pattern=null,this._until_after=!1,e&&(this._starting_pattern=this._input.get_regexp(e._starting_pattern,!0),this._match_pattern=this._input.get_regexp(e._match_pattern,!0),this._until_pattern=this._input.get_regexp(e._until_pattern),this._until_after=e._until_after)}e.prototype.read=function(){var t=this._input.read(this._starting_pattern);return this._starting_pattern&&!t||(t+=this._input.read(this._match_pattern,this._until_pattern,this._until_after)),t},e.prototype.read_match=function(){return this._input.match(this._match_pattern)},e.prototype.until_after=function(t){var e=this._create();return e._until_after=!0,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.until=function(t){var e=this._create();return e._until_after=!1,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.starting_with=function(t){var e=this._create();return e._starting_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype.matching=function(t){var e=this._create();return e._match_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype._create=function(){return new e(this._input,this)},e.prototype._update=function(){},t.exports.Pattern=e},function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},function(t,e,n){var i=n(12).Pattern,r={django:!1,erb:!1,handlebars:!1,php:!1,smarty:!1};function s(t,e){i.call(this,t,e),this.__template_pattern=null,this._disabled=Object.assign({},r),this._excluded=Object.assign({},r),e&&(this.__template_pattern=this._input.get_regexp(e.__template_pattern),this._excluded=Object.assign(this._excluded,e._excluded),this._disabled=Object.assign(this._disabled,e._disabled));var n=new i(t);this.__patterns={handlebars_comment:n.starting_with(/{{!--/).until_after(/--}}/),handlebars_unescaped:n.starting_with(/{{{/).until_after(/}}}/),handlebars:n.starting_with(/{{/).until_after(/}}/),php:n.starting_with(/<\?(?:[= ]|php)/).until_after(/\?>/),erb:n.starting_with(/<%[^%]/).until_after(/[^%]%>/),django:n.starting_with(/{%/).until_after(/%}/),django_value:n.starting_with(/{{/).until_after(/}}/),django_comment:n.starting_with(/{#/).until_after(/#}/),smarty:n.starting_with(/{(?=[^}{\s\n])/).until_after(/[^\s\n]}/),smarty_comment:n.starting_with(/{\*/).until_after(/\*}/),smarty_literal:n.starting_with(/{literal}/).until_after(/{\/literal}/)}}s.prototype=new i,s.prototype._create=function(){return new s(this._input,this)},s.prototype._update=function(){this.__set_templated_pattern()},s.prototype.disable=function(t){var e=this._create();return e._disabled[t]=!0,e._update(),e},s.prototype.read_options=function(t){var e=this._create();for(var n in r)e._disabled[n]=-1===t.templating.indexOf(n);return e._update(),e},s.prototype.exclude=function(t){var e=this._create();return e._excluded[t]=!0,e._update(),e},s.prototype.read=function(){var t="";t=this._match_pattern?this._input.read(this._starting_pattern):this._input.read(this._starting_pattern,this.__template_pattern);for(var e=this._read_template();e;)this._match_pattern?e+=this._input.read(this._match_pattern):e+=this._input.readUntil(this.__template_pattern),t+=e,e=this._read_template();return this._until_after&&(t+=this._input.readUntilAfter(this._until_pattern)),t},s.prototype.__set_templated_pattern=function(){var t=[];this._disabled.php||t.push(this.__patterns.php._starting_pattern.source),this._disabled.handlebars||t.push(this.__patterns.handlebars._starting_pattern.source),this._disabled.erb||t.push(this.__patterns.erb._starting_pattern.source),this._disabled.django||(t.push(this.__patterns.django._starting_pattern.source),t.push(this.__patterns.django_value._starting_pattern.source),t.push(this.__patterns.django_comment._starting_pattern.source)),this._disabled.smarty||t.push(this.__patterns.smarty._starting_pattern.source),this._until_pattern&&t.push(this._until_pattern.source),this.__template_pattern=this._input.get_regexp("(?:"+t.join("|")+")")},s.prototype._read_template=function(){var t="",e=this._input.peek();if("<"===e){var n=this._input.peek(1);this._disabled.php||this._excluded.php||"?"!==n||(t=t||this.__patterns.php.read()),this._disabled.erb||this._excluded.erb||"%"!==n||(t=t||this.__patterns.erb.read())}else"{"===e&&(this._disabled.handlebars||this._excluded.handlebars||(t=(t=(t=t||this.__patterns.handlebars_comment.read())||this.__patterns.handlebars_unescaped.read())||this.__patterns.handlebars.read()),this._disabled.django||(this._excluded.django||this._excluded.handlebars||(t=t||this.__patterns.django_value.read()),this._excluded.django||(t=(t=t||this.__patterns.django_comment.read())||this.__patterns.django.read())),this._disabled.smarty||this._disabled.django&&this._disabled.handlebars&&(t=(t=(t=t||this.__patterns.smarty_comment.read())||this.__patterns.smarty_literal.read())||this.__patterns.smarty.read()));return t},t.exports.TemplatablePattern=s},,,,function(t,e,n){var i=n(19).Beautifier,r=n(20).Options;t.exports=function(t,e,n,r){return new i(t,e,n,r).beautify()},t.exports.defaultOptions=function(){return new r}},function(t,e,n){var i=n(20).Options,r=n(2).Output,s=n(21).Tokenizer,a=n(21).TOKEN,o=/\r\n|[\r\n]/,_=/\r\n|[\r\n]/g,u=function(t,e){this.indent_level=0,this.alignment_size=0,this.max_preserve_newlines=t.max_preserve_newlines,this.preserve_newlines=t.preserve_newlines,this._output=new r(t,e)};u.prototype.current_line_has_match=function(t){return this._output.current_line.has_match(t)},u.prototype.set_space_before_token=function(t,e){this._output.space_before_token=t,this._output.non_breaking_space=e},u.prototype.set_wrap_point=function(){this._output.set_indent(this.indent_level,this.alignment_size),this._output.set_wrap_point()},u.prototype.add_raw_token=function(t){this._output.add_raw_token(t)},u.prototype.print_preserved_newlines=function(t){var e=0;t.type!==a.TEXT&&t.previous.type!==a.TEXT&&(e=t.newlines?1:0),this.preserve_newlines&&(e=t.newlines<this.max_preserve_newlines+1?t.newlines:this.max_preserve_newlines+1);for(var n=0;n<e;n++)this.print_newline(n>0);return 0!==e},u.prototype.traverse_whitespace=function(t){return!(!t.whitespace_before&&!t.newlines)&&(this.print_preserved_newlines(t)||(this._output.space_before_token=!0),!0)},u.prototype.previous_token_wrapped=function(){return this._output.previous_token_wrapped},u.prototype.print_newline=function(t){this._output.add_new_line(t)},u.prototype.print_token=function(t){t.text&&(this._output.set_indent(this.indent_level,this.alignment_size),this._output.add_token(t.text))},u.prototype.indent=function(){this.indent_level++},u.prototype.get_full_indent=function(t){return(t=this.indent_level+(t||0))<1?"":this._output.get_indent_string(t)};var p=function(t,e){var n=null,i=null;return e.closed?("script"===t?n="text/javascript":"style"===t&&(n="text/css"),n=function(t){for(var e=null,n=t.next;n.type!==a.EOF&&t.closed!==n;){if(n.type===a.ATTRIBUTE&&"type"===n.text){n.next&&n.next.type===a.EQUALS&&n.next.next&&n.next.next.type===a.VALUE&&(e=n.next.next.text);break}n=n.next}return e}(e)||n,n.search("text/css")>-1?i="css":n.search(/module|((text|application|dojo)\/(x-)?(javascript|ecmascript|jscript|livescript|(ld\+)?json|method|aspect))/)>-1?i="javascript":n.search(/(text|application|dojo)\/(x-)?(html)/)>-1?i="html":n.search(/test\/null/)>-1&&(i="null"),i):null};function l(t,e){return-1!==e.indexOf(t)}function h(t,e,n){this.parent=t||null,this.tag=e?e.tag_name:"",this.indent_level=n||0,this.parser_token=e||null}function c(t){this._printer=t,this._current_frame=null}function d(t,e,n,r){this._source_text=t||"",e=e||{},this._js_beautify=n,this._css_beautify=r,this._tag_stack=null;var s=new i(e,"html");this._options=s,this._is_wrap_attributes_force="force"===this._options.wrap_attributes.substr(0,"force".length),this._is_wrap_attributes_force_expand_multiline="force-expand-multiline"===this._options.wrap_attributes,this._is_wrap_attributes_force_aligned="force-aligned"===this._options.wrap_attributes,this._is_wrap_attributes_aligned_multiple="aligned-multiple"===this._options.wrap_attributes,this._is_wrap_attributes_preserve="preserve"===this._options.wrap_attributes.substr(0,"preserve".length),this._is_wrap_attributes_preserve_aligned="preserve-aligned"===this._options.wrap_attributes}c.prototype.get_parser_token=function(){return this._current_frame?this._current_frame.parser_token:null},c.prototype.record_tag=function(t){var e=new h(this._current_frame,t,this._printer.indent_level);this._current_frame=e},c.prototype._try_pop_frame=function(t){var e=null;return t&&(e=t.parser_token,this._printer.indent_level=t.indent_level,this._current_frame=t.parent),e},c.prototype._get_frame=function(t,e){for(var n=this._current_frame;n&&-1===t.indexOf(n.tag);){if(e&&-1!==e.indexOf(n.tag)){n=null;break}n=n.parent}return n},c.prototype.try_pop=function(t,e){var n=this._get_frame([t],e);return this._try_pop_frame(n)},c.prototype.indent_to_tag=function(t){var e=this._get_frame(t);e&&(this._printer.indent_level=e.indent_level)},d.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._source_text,e=this._options.eol;"auto"===this._options.eol&&(e="\n",t&&o.test(t)&&(e=t.match(o)[0]));var n=(t=t.replace(_,"\n")).match(/^[\t ]*/)[0],i={text:"",type:""},r=new f,p=new u(this._options,n),l=new s(t,this._options).tokenize();this._tag_stack=new c(p);for(var h=null,d=l.next();d.type!==a.EOF;)d.type===a.TAG_OPEN||d.type===a.COMMENT?r=h=this._handle_tag_open(p,d,r,i):d.type===a.ATTRIBUTE||d.type===a.EQUALS||d.type===a.VALUE||d.type===a.TEXT&&!r.tag_complete?h=this._handle_inside_tag(p,d,r,l):d.type===a.TAG_CLOSE?h=this._handle_tag_close(p,d,r):d.type===a.TEXT?h=this._handle_text(p,d,r):p.add_raw_token(d),i=h,d=l.next();return p._output.get_code(e)},d.prototype._handle_tag_close=function(t,e,n){var i={text:e.text,type:e.type};return t.alignment_size=0,n.tag_complete=!0,t.set_space_before_token(e.newlines||""!==e.whitespace_before,!0),n.is_unformatted?t.add_raw_token(e):("<"===n.tag_start_char&&(t.set_space_before_token("/"===e.text[0],!0),this._is_wrap_attributes_force_expand_multiline&&n.has_wrapped_attrs&&t.print_newline(!1)),t.print_token(e)),!n.indent_content||n.is_unformatted||n.is_content_unformatted||(t.indent(),n.indent_content=!1),n.is_inline_element||n.is_unformatted||n.is_content_unformatted||t.set_wrap_point(),i},d.prototype._handle_inside_tag=function(t,e,n,i){var r=n.has_wrapped_attrs,s={text:e.text,type:e.type};if(t.set_space_before_token(e.newlines||""!==e.whitespace_before,!0),n.is_unformatted)t.add_raw_token(e);else if("{"===n.tag_start_char&&e.type===a.TEXT)t.print_preserved_newlines(e)?(e.newlines=0,t.add_raw_token(e)):t.print_token(e);else{if(e.type===a.ATTRIBUTE?(t.set_space_before_token(!0),n.attr_count+=1):(e.type===a.EQUALS||e.type===a.VALUE&&e.previous.type===a.EQUALS)&&t.set_space_before_token(!1),e.type===a.ATTRIBUTE&&"<"===n.tag_start_char&&((this._is_wrap_attributes_preserve||this._is_wrap_attributes_preserve_aligned)&&(t.traverse_whitespace(e),r=r||0!==e.newlines),this._is_wrap_attributes_force)){var o=n.attr_count>1;if(this._is_wrap_attributes_force_expand_multiline&&1===n.attr_count){var _,u=!0,p=0;do{if((_=i.peek(p)).type===a.ATTRIBUTE){u=!1;break}p+=1}while(p<4&&_.type!==a.EOF&&_.type!==a.TAG_CLOSE);o=!u}o&&(t.print_newline(!1),r=!0)}t.print_token(e),r=r||t.previous_token_wrapped(),n.has_wrapped_attrs=r}return s},d.prototype._handle_text=function(t,e,n){var i={text:e.text,type:"TK_CONTENT"};return n.custom_beautifier_name?this._print_custom_beatifier_text(t,e,n):n.is_unformatted||n.is_content_unformatted?t.add_raw_token(e):(t.traverse_whitespace(e),t.print_token(e)),i},d.prototype._print_custom_beatifier_text=function(t,e,n){var i=this;if(""!==e.text){var r,s=e.text,a=1,o="",_="";"javascript"===n.custom_beautifier_name&&"function"==typeof this._js_beautify?r=this._js_beautify:"css"===n.custom_beautifier_name&&"function"==typeof this._css_beautify?r=this._css_beautify:"html"===n.custom_beautifier_name&&(r=function(t,e){return new d(t,e,i._js_beautify,i._css_beautify).beautify()}),"keep"===this._options.indent_scripts?a=0:"separate"===this._options.indent_scripts&&(a=-t.indent_level);var u=t.get_full_indent(a);if(s=s.replace(/\n[ \t]*$/,""),"html"!==n.custom_beautifier_name&&"<"===s[0]&&s.match(/^(<!--|<!\[CDATA\[)/)){var p=/^(<!--[^\n]*|<!\[CDATA\[)(\n?)([ \t\n]*)([\s\S]*)(-->|]]>)$/.exec(s);if(!p)return void t.add_raw_token(e);o=u+p[1]+"\n",s=p[4],p[5]&&(_=u+p[5]),s=s.replace(/\n[ \t]*$/,""),(p[2]||-1!==p[3].indexOf("\n"))&&(p=p[3].match(/[ \t]+$/))&&(e.whitespace_before=p[0])}if(s)if(r){var l=function(){this.eol="\n"};l.prototype=this._options.raw_options,s=r(u+s,new l)}else{var h=e.whitespace_before;h&&(s=s.replace(new RegExp("\n("+h+")?","g"),"\n")),s=u+s.replace(/\n/g,"\n"+u)}o&&(s=s?o+s+"\n"+_:o+_),t.print_newline(!1),s&&(e.text=s,e.whitespace_before="",e.newlines=0,t.add_raw_token(e),t.print_newline(!0))}},d.prototype._handle_tag_open=function(t,e,n,i){var r=this._get_tag_open_token(e);return!n.is_unformatted&&!n.is_content_unformatted||n.is_empty_element||e.type!==a.TAG_OPEN||0!==e.text.indexOf("</")?(t.traverse_whitespace(e),this._set_tag_position(t,e,r,n,i),r.is_inline_element||t.set_wrap_point(),t.print_token(e)):(t.add_raw_token(e),r.start_tag_token=this._tag_stack.try_pop(r.tag_name)),(this._is_wrap_attributes_force_aligned||this._is_wrap_attributes_aligned_multiple||this._is_wrap_attributes_preserve_aligned)&&(r.alignment_size=e.text.length+1),r.tag_complete||r.is_unformatted||(t.alignment_size=r.alignment_size),r};var f=function(t,e){if(this.parent=t||null,this.text="",this.type="TK_TAG_OPEN",this.tag_name="",this.is_inline_element=!1,this.is_unformatted=!1,this.is_content_unformatted=!1,this.is_empty_element=!1,this.is_start_tag=!1,this.is_end_tag=!1,this.indent_content=!1,this.multiline_content=!1,this.custom_beautifier_name=null,this.start_tag_token=null,this.attr_count=0,this.has_wrapped_attrs=!1,this.alignment_size=0,this.tag_complete=!1,this.tag_start_char="",this.tag_check="",e){var n;this.tag_start_char=e.text[0],this.text=e.text,"<"===this.tag_start_char?(n=e.text.match(/^<([^\s>]*)/),this.tag_check=n?n[1]:""):(n=e.text.match(/^{{~?(?:[\^]|#\*?)?([^\s}]+)/),this.tag_check=n?n[1]:"",(e.text.startsWith("{{#>")||e.text.startsWith("{{~#>"))&&">"===this.tag_check[0]&&(">"===this.tag_check&&null!==e.next?this.tag_check=e.next.text.split(" ")[0]:this.tag_check=e.text.split(">")[1])),this.tag_check=this.tag_check.toLowerCase(),e.type===a.COMMENT&&(this.tag_complete=!0),this.is_start_tag="/"!==this.tag_check.charAt(0),this.tag_name=this.is_start_tag?this.tag_check:this.tag_check.substr(1),this.is_end_tag=!this.is_start_tag||e.closed&&"/>"===e.closed.text;var i=2;"{"===this.tag_start_char&&this.text.length>=3&&"~"===this.text.charAt(2)&&(i=3),this.is_end_tag=this.is_end_tag||"{"===this.tag_start_char&&(this.text.length<3||/[^#\^]/.test(this.text.charAt(i)))}else this.tag_complete=!0};d.prototype._get_tag_open_token=function(t){var e=new f(this._tag_stack.get_parser_token(),t);return e.alignment_size=this._options.wrap_attributes_indent_size,e.is_end_tag=e.is_end_tag||l(e.tag_check,this._options.void_elements),e.is_empty_element=e.tag_complete||e.is_start_tag&&e.is_end_tag,e.is_unformatted=!e.tag_complete&&l(e.tag_check,this._options.unformatted),e.is_content_unformatted=!e.is_empty_element&&l(e.tag_check,this._options.content_unformatted),e.is_inline_element=l(e.tag_name,this._options.inline)||e.tag_name.includes("-")||"{"===e.tag_start_char,e},d.prototype._set_tag_position=function(t,e,n,i,r){if(n.is_empty_element||(n.is_end_tag?n.start_tag_token=this._tag_stack.try_pop(n.tag_name):(this._do_optional_end_element(n)&&(n.is_inline_element||t.print_newline(!1)),this._tag_stack.record_tag(n),"script"!==n.tag_name&&"style"!==n.tag_name||n.is_unformatted||n.is_content_unformatted||(n.custom_beautifier_name=p(n.tag_check,e)))),l(n.tag_check,this._options.extra_liners)&&(t.print_newline(!1),t._output.just_added_blankline()||t.print_newline(!0)),n.is_empty_element){if("{"===n.tag_start_char&&"else"===n.tag_check)this._tag_stack.indent_to_tag(["if","unless","each"]),n.indent_content=!0,t.current_line_has_match(/{{#if/)||t.print_newline(!1);"!--"===n.tag_name&&r.type===a.TAG_CLOSE&&i.is_end_tag&&-1===n.text.indexOf("\n")||(n.is_inline_element||n.is_unformatted||t.print_newline(!1),this._calcluate_parent_multiline(t,n))}else if(n.is_end_tag){var s=!1;s=(s=n.start_tag_token&&n.start_tag_token.multiline_content)||!n.is_inline_element&&!(i.is_inline_element||i.is_unformatted)&&!(r.type===a.TAG_CLOSE&&n.start_tag_token===i)&&"TK_CONTENT"!==r.type,(n.is_content_unformatted||n.is_unformatted)&&(s=!1),s&&t.print_newline(!1)}else n.indent_content=!n.custom_beautifier_name,"<"===n.tag_start_char&&("html"===n.tag_name?n.indent_content=this._options.indent_inner_html:"head"===n.tag_name?n.indent_content=this._options.indent_head_inner_html:"body"===n.tag_name&&(n.indent_content=this._options.indent_body_inner_html)),n.is_inline_element||n.is_unformatted||"TK_CONTENT"===r.type&&!n.is_content_unformatted||t.print_newline(!1),this._calcluate_parent_multiline(t,n)},d.prototype._calcluate_parent_multiline=function(t,e){!e.parent||!t._output.just_added_newline()||(e.is_inline_element||e.is_unformatted)&&e.parent.is_inline_element||(e.parent.multiline_content=!0)};var g=["address","article","aside","blockquote","details","div","dl","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hr","main","nav","ol","p","pre","section","table","ul"],m=["a","audio","del","ins","map","noscript","video"];d.prototype._do_optional_end_element=function(t){var e=null;if(!t.is_empty_element&&t.is_start_tag&&t.parent){if("body"===t.tag_name)e=e||this._tag_stack.try_pop("head");else if("li"===t.tag_name)e=e||this._tag_stack.try_pop("li",["ol","ul"]);else if("dd"===t.tag_name||"dt"===t.tag_name)e=(e=e||this._tag_stack.try_pop("dt",["dl"]))||this._tag_stack.try_pop("dd",["dl"]);else if("p"===t.parent.tag_name&&-1!==g.indexOf(t.tag_name)){var n=t.parent.parent;n&&-1!==m.indexOf(n.tag_name)||(e=e||this._tag_stack.try_pop("p"))}else"rp"===t.tag_name||"rt"===t.tag_name?e=(e=e||this._tag_stack.try_pop("rt",["ruby","rtc"]))||this._tag_stack.try_pop("rp",["ruby","rtc"]):"optgroup"===t.tag_name?e=e||this._tag_stack.try_pop("optgroup",["select"]):"option"===t.tag_name?e=e||this._tag_stack.try_pop("option",["select","datalist","optgroup"]):"colgroup"===t.tag_name?e=e||this._tag_stack.try_pop("caption",["table"]):"thead"===t.tag_name?e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]):"tbody"===t.tag_name||"tfoot"===t.tag_name?e=(e=(e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]))||this._tag_stack.try_pop("thead",["table"]))||this._tag_stack.try_pop("tbody",["table"]):"tr"===t.tag_name?e=(e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]))||this._tag_stack.try_pop("tr",["table","thead","tbody","tfoot"]):"th"!==t.tag_name&&"td"!==t.tag_name||(e=(e=e||this._tag_stack.try_pop("td",["table","thead","tbody","tfoot","tr"]))||this._tag_stack.try_pop("th",["table","thead","tbody","tfoot","tr"]));return t.parent=this._tag_stack.get_parser_token(),e}},t.exports.Beautifier=d},function(t,e,n){var i=n(6).Options;function r(t){i.call(this,t,"html"),1===this.templating.length&&"auto"===this.templating[0]&&(this.templating=["django","erb","handlebars","php"]),this.indent_inner_html=this._get_boolean("indent_inner_html"),this.indent_body_inner_html=this._get_boolean("indent_body_inner_html",!0),this.indent_head_inner_html=this._get_boolean("indent_head_inner_html",!0),this.indent_handlebars=this._get_boolean("indent_handlebars",!0),this.wrap_attributes=this._get_selection("wrap_attributes",["auto","force","force-aligned","force-expand-multiline","aligned-multiple","preserve","preserve-aligned"]),this.wrap_attributes_indent_size=this._get_number("wrap_attributes_indent_size",this.indent_size),this.extra_liners=this._get_array("extra_liners",["head","body","/html"]),this.inline=this._get_array("inline",["a","abbr","area","audio","b","bdi","bdo","br","button","canvas","cite","code","data","datalist","del","dfn","em","embed","i","iframe","img","input","ins","kbd","keygen","label","map","mark","math","meter","noscript","object","output","progress","q","ruby","s","samp","select","small","span","strong","sub","sup","svg","template","textarea","time","u","var","video","wbr","text","acronym","big","strike","tt"]),this.void_elements=this._get_array("void_elements",["area","base","br","col","embed","hr","img","input","keygen","link","menuitem","meta","param","source","track","wbr","!doctype","?xml","basefont","isindex"]),this.unformatted=this._get_array("unformatted",[]),this.content_unformatted=this._get_array("content_unformatted",["pre","textarea"]),this.unformatted_content_delimiter=this._get_characters("unformatted_content_delimiter"),this.indent_scripts=this._get_selection("indent_scripts",["normal","keep","separate"])}r.prototype=new i,t.exports.Options=r},function(t,e,n){var i=n(9).Tokenizer,r=n(9).TOKEN,s=n(13).Directives,a=n(14).TemplatablePattern,o=n(12).Pattern,_={TAG_OPEN:"TK_TAG_OPEN",TAG_CLOSE:"TK_TAG_CLOSE",ATTRIBUTE:"TK_ATTRIBUTE",EQUALS:"TK_EQUALS",VALUE:"TK_VALUE",COMMENT:"TK_COMMENT",TEXT:"TK_TEXT",UNKNOWN:"TK_UNKNOWN",START:r.START,RAW:r.RAW,EOF:r.EOF},u=new s(/<\!--/,/-->/),p=function(t,e){i.call(this,t,e),this._current_tag_name="";var n=new a(this._input).read_options(this._options),r=new o(this._input);if(this.__patterns={word:n.until(/[\n\r\t <]/),single_quote:n.until_after(/'/),double_quote:n.until_after(/"/),attribute:n.until(/[\n\r\t =>]|\/>/),element_name:n.until(/[\n\r\t >\/]/),handlebars_comment:r.starting_with(/{{!--/).until_after(/--}}/),handlebars:r.starting_with(/{{/).until_after(/}}/),handlebars_open:r.until(/[\n\r\t }]/),handlebars_raw_close:r.until(/}}/),comment:r.starting_with(/<!--/).until_after(/-->/),cdata:r.starting_with(/<!\[CDATA\[/).until_after(/]]>/),conditional_comment:r.starting_with(/<!\[/).until_after(/]>/),processing:r.starting_with(/<\?/).until_after(/\?>/)},this._options.indent_handlebars&&(this.__patterns.word=this.__patterns.word.exclude("handlebars")),this._unformatted_content_delimiter=null,this._options.unformatted_content_delimiter){var s=this._input.get_literal_regexp(this._options.unformatted_content_delimiter);this.__patterns.unformatted_content_delimiter=r.matching(s).until_after(s)}};(p.prototype=new i)._is_comment=function(t){return!1},p.prototype._is_opening=function(t){return t.type===_.TAG_OPEN},p.prototype._is_closing=function(t,e){return t.type===_.TAG_CLOSE&&e&&((">"===t.text||"/>"===t.text)&&"<"===e.text[0]||"}}"===t.text&&"{"===e.text[0]&&"{"===e.text[1])},p.prototype._reset=function(){this._current_tag_name=""},p.prototype._get_next_token=function(t,e){var n=null;this._readWhitespace();var i=this._input.peek();return null===i?this._create_token(_.EOF,""):n=(n=(n=(n=(n=(n=(n=(n=(n=n||this._read_open_handlebars(i,e))||this._read_attribute(i,t,e))||this._read_close(i,e))||this._read_raw_content(i,t,e))||this._read_content_word(i))||this._read_comment_or_cdata(i))||this._read_processing(i))||this._read_open(i,e))||this._create_token(_.UNKNOWN,this._input.next())},p.prototype._read_comment_or_cdata=function(t){var e=null,n=null,i=null;"<"===t&&("!"===this._input.peek(1)&&((n=this.__patterns.comment.read())?(i=u.get_directives(n))&&"start"===i.ignore&&(n+=u.readIgnored(this._input)):n=this.__patterns.cdata.read()),n&&((e=this._create_token(_.COMMENT,n)).directives=i));return e},p.prototype._read_processing=function(t){var e=null,n=null;if("<"===t){var i=this._input.peek(1);"!"!==i&&"?"!==i||(n=(n=this.__patterns.conditional_comment.read())||this.__patterns.processing.read()),n&&((e=this._create_token(_.COMMENT,n)).directives=null)}return e},p.prototype._read_open=function(t,e){var n=null,i=null;return e||"<"===t&&(n=this._input.next(),"/"===this._input.peek()&&(n+=this._input.next()),n+=this.__patterns.element_name.read(),i=this._create_token(_.TAG_OPEN,n)),i},p.prototype._read_open_handlebars=function(t,e){var n=null,i=null;return e||this._options.indent_handlebars&&"{"===t&&"{"===this._input.peek(1)&&("!"===this._input.peek(2)?(n=(n=this.__patterns.handlebars_comment.read())||this.__patterns.handlebars.read(),i=this._create_token(_.COMMENT,n)):(n=this.__patterns.handlebars_open.read(),i=this._create_token(_.TAG_OPEN,n))),i},p.prototype._read_close=function(t,e){var n=null,i=null;return e&&("<"===e.text[0]&&(">"===t||"/"===t&&">"===this._input.peek(1))?(n=this._input.next(),"/"===t&&(n+=this._input.next()),i=this._create_token(_.TAG_CLOSE,n)):"{"===e.text[0]&&"}"===t&&"}"===this._input.peek(1)&&(this._input.next(),this._input.next(),i=this._create_token(_.TAG_CLOSE,"}}"))),i},p.prototype._read_attribute=function(t,e,n){var i=null,r="";if(n&&"<"===n.text[0])if("="===t)i=this._create_token(_.EQUALS,this._input.next());else if('"'===t||"'"===t){var s=this._input.next();s+='"'===t?this.__patterns.double_quote.read():this.__patterns.single_quote.read(),i=this._create_token(_.VALUE,s)}else(r=this.__patterns.attribute.read())&&(i=e.type===_.EQUALS?this._create_token(_.VALUE,r):this._create_token(_.ATTRIBUTE,r));return i},p.prototype._is_content_unformatted=function(t){return-1===this._options.void_elements.indexOf(t)&&(-1!==this._options.content_unformatted.indexOf(t)||-1!==this._options.unformatted.indexOf(t))},p.prototype._read_raw_content=function(t,e,n){var i="";if(n&&"{"===n.text[0])i=this.__patterns.handlebars_raw_close.read();else if(e.type===_.TAG_CLOSE&&"<"===e.opened.text[0]&&"/"!==e.text[0]){var r=e.opened.text.substr(1).toLowerCase();if("script"===r||"style"===r){var s=this._read_comment_or_cdata(t);if(s)return s.type=_.TEXT,s;i=this._input.readUntil(new RegExp("</"+r+"[\\n\\r\\t ]*?>","ig"))}else this._is_content_unformatted(r)&&(i=this._input.readUntil(new RegExp("</"+r+"[\\n\\r\\t ]*?>","ig")))}return i?this._create_token(_.TEXT,i):null},p.prototype._read_content_word=function(t){var e="";if(this._options.unformatted_content_delimiter&&t===this._options.unformatted_content_delimiter[0]&&(e=this.__patterns.unformatted_content_delimiter.read()),e||(e=this.__patterns.word.read()),e)return this._create_token(_.TEXT,e)},t.exports.Tokenizer=p,t.exports.TOKEN=_}],e={};var n=function n(i){var r=e[i];if(void 0!==r)return r.exports;var s=e[i]={exports:{}};return t[i](s,s.exports,n),s.exports}(18);a=n}();var o=a;i=[n,n(386),n(387)],r=function(t){var e=n(386),i=n(387);return{html_beautify:function(t,n){return o(t,n,e.js_beautify,i.css_beautify)}}}.apply(e,i),void 0===r||(t.exports=r)}()},386:function(t,e){var n;function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}!function(){var r;!function(){"use strict";var t=[function(t,e,n){var i=n(1).Beautifier,r=n(5).Options;t.exports=function(t,e){return new i(t,e).beautify()},t.exports.defaultOptions=function(){return new r}},function(t,e,n){var i=n(2).Output,r=n(3).Token,s=n(4),a=n(5).Options,o=n(7).Tokenizer,_=n(7).line_starters,u=n(7).positionable_operators,p=n(7).TOKEN;function l(t,e){return-1!==e.indexOf(t)}function h(t,e){return t&&t.type===p.RESERVED&&t.text===e}function c(t,e){return t&&t.type===p.RESERVED&&l(t.text,e)}var d=["case","return","do","if","throw","else","await","break","continue","async"],f=function(t){for(var e={},n=0;n<t.length;n++)e[t[n].replace(/-/g,"_")]=t[n];return e}(["before-newline","after-newline","preserve-newline"]),g=[f.before_newline,f.preserve_newline],m="BlockStatement",y="Statement",b="ObjectLiteral",v="ArrayLiteral",k="ForInitializer",w="Conditional",x="Expression";function S(t,e){e.multiline_frame||e.mode===k||e.mode===w||t.remove_indent(e.start_line_index)}function E(t){return t===v}function O(t){return l(t,[x,k,w])}function P(t,e){e=e||{},this._source_text=t||"",this._output=null,this._tokens=null,this._last_last_text=null,this._flags=null,this._previous_flags=null,this._flag_store=null,this._options=new a(e)}P.prototype.create_flags=function(t,e){var n=0;return t&&(n=t.indentation_level,!this._output.just_added_newline()&&t.line_indent_level>n&&(n=t.line_indent_level)),{mode:e,parent:t,last_token:t?t.last_token:new r(p.START_BLOCK,""),last_word:t?t.last_word:"",declaration_statement:!1,declaration_assignment:!1,multiline_frame:!1,inline_frame:!1,if_block:!1,else_block:!1,class_start_block:!1,do_block:!1,do_while:!1,import_block:!1,in_case_statement:!1,in_case:!1,case_body:!1,case_block:!1,indentation_level:n,alignment:0,line_indent_level:t?t.line_indent_level:n,start_line_index:this._output.get_line_number(),ternary_depth:0}},P.prototype._reset=function(t){var e=t.match(/^[\t ]*/)[0];this._last_last_text="",this._output=new i(this._options,e),this._output.raw=this._options.test_output_raw,this._flag_store=[],this.set_mode(m);var n=new o(t,this._options);return this._tokens=n.tokenize(),t},P.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._reset(this._source_text),e=this._options.eol;"auto"===this._options.eol&&(e="\n",t&&s.lineBreak.test(t||"")&&(e=t.match(s.lineBreak)[0]));for(var n=this._tokens.next();n;)this.handle_token(n),this._last_last_text=this._flags.last_token.text,this._flags.last_token=n,n=this._tokens.next();return this._output.get_code(e)},P.prototype.handle_token=function(t,e){t.type===p.START_EXPR?this.handle_start_expr(t):t.type===p.END_EXPR?this.handle_end_expr(t):t.type===p.START_BLOCK?this.handle_start_block(t):t.type===p.END_BLOCK?this.handle_end_block(t):t.type===p.WORD||t.type===p.RESERVED?this.handle_word(t):t.type===p.SEMICOLON?this.handle_semicolon(t):t.type===p.STRING?this.handle_string(t):t.type===p.EQUALS?this.handle_equals(t):t.type===p.OPERATOR?this.handle_operator(t):t.type===p.COMMA?this.handle_comma(t):t.type===p.BLOCK_COMMENT?this.handle_block_comment(t,e):t.type===p.COMMENT?this.handle_comment(t,e):t.type===p.DOT?this.handle_dot(t):t.type===p.EOF?this.handle_eof(t):(t.type,p.UNKNOWN,this.handle_unknown(t,e))},P.prototype.handle_whitespace_and_comments=function(t,e){var n=t.newlines,i=this._options.keep_array_indentation&&E(this._flags.mode);if(t.comments_before)for(var r=t.comments_before.next();r;)this.handle_whitespace_and_comments(r,e),this.handle_token(r,e),r=t.comments_before.next();if(i)for(var s=0;s<n;s+=1)this.print_newline(s>0,e);else if(this._options.max_preserve_newlines&&n>this._options.max_preserve_newlines&&(n=this._options.max_preserve_newlines),this._options.preserve_newlines&&n>1){this.print_newline(!1,e);for(var a=1;a<n;a+=1)this.print_newline(!0,e)}};var A=["async","break","continue","return","throw","yield"];P.prototype.allow_wrap_or_preserved_newline=function(t,e){if(e=void 0!==e&&e,!this._output.just_added_newline()){var n=this._options.preserve_newlines&&t.newlines||e;if(l(this._flags.last_token.text,u)||l(t.text,u)){var i=l(this._flags.last_token.text,u)&&l(this._options.operator_position,g)||l(t.text,u);n=n&&i}if(n)this.print_newline(!1,!0);else if(this._options.wrap_line_length){if(c(this._flags.last_token,A))return;this._output.set_wrap_point()}}},P.prototype.print_newline=function(t,e){if(!e&&";"!==this._flags.last_token.text&&","!==this._flags.last_token.text&&"="!==this._flags.last_token.text&&(this._flags.last_token.type!==p.OPERATOR||"--"===this._flags.last_token.text||"++"===this._flags.last_token.text))for(var n=this._tokens.peek();!(this._flags.mode!==y||this._flags.if_block&&h(n,"else")||this._flags.do_block);)this.restore_mode();this._output.add_new_line(t)&&(this._flags.multiline_frame=!0)},P.prototype.print_token_line_indentation=function(t){this._output.just_added_newline()&&(this._options.keep_array_indentation&&t.newlines&&("["===t.text||E(this._flags.mode))?(this._output.current_line.set_indent(-1),this._output.current_line.push(t.whitespace_before),this._output.space_before_token=!1):this._output.set_indent(this._flags.indentation_level,this._flags.alignment)&&(this._flags.line_indent_level=this._flags.indentation_level))},P.prototype.print_token=function(t){if(this._output.raw)this._output.add_raw_token(t);else{if(this._options.comma_first&&t.previous&&t.previous.type===p.COMMA&&this._output.just_added_newline()&&","===this._output.previous_line.last()){var e=this._output.previous_line.pop();this._output.previous_line.is_empty()&&(this._output.previous_line.push(e),this._output.trim(!0),this._output.current_line.pop(),this._output.trim()),this.print_token_line_indentation(t),this._output.add_token(","),this._output.space_before_token=!0}this.print_token_line_indentation(t),this._output.non_breaking_space=!0,this._output.add_token(t.text),this._output.previous_token_wrapped&&(this._flags.multiline_frame=!0)}},P.prototype.indent=function(){this._flags.indentation_level+=1,this._output.set_indent(this._flags.indentation_level,this._flags.alignment)},P.prototype.deindent=function(){this._flags.indentation_level>0&&(!this._flags.parent||this._flags.indentation_level>this._flags.parent.indentation_level)&&(this._flags.indentation_level-=1,this._output.set_indent(this._flags.indentation_level,this._flags.alignment))},P.prototype.set_mode=function(t){this._flags?(this._flag_store.push(this._flags),this._previous_flags=this._flags):this._previous_flags=this.create_flags(null,t),this._flags=this.create_flags(this._previous_flags,t),this._output.set_indent(this._flags.indentation_level,this._flags.alignment)},P.prototype.restore_mode=function(){this._flag_store.length>0&&(this._previous_flags=this._flags,this._flags=this._flag_store.pop(),this._previous_flags.mode===y&&S(this._output,this._previous_flags),this._output.set_indent(this._flags.indentation_level,this._flags.alignment))},P.prototype.start_of_object_property=function(){return this._flags.parent.mode===b&&this._flags.mode===y&&(":"===this._flags.last_token.text&&0===this._flags.ternary_depth||c(this._flags.last_token,["get","set"]))},P.prototype.start_of_statement=function(t){var e=!1;return!!(e=(e=(e=(e=(e=(e=(e=e||c(this._flags.last_token,["var","let","const"])&&t.type===p.WORD)||h(this._flags.last_token,"do"))||!(this._flags.parent.mode===b&&this._flags.mode===y)&&c(this._flags.last_token,A)&&!t.newlines)||h(this._flags.last_token,"else")&&!(h(t,"if")&&!t.comments_before))||this._flags.last_token.type===p.END_EXPR&&(this._previous_flags.mode===k||this._previous_flags.mode===w))||this._flags.last_token.type===p.WORD&&this._flags.mode===m&&!this._flags.in_case&&!("--"===t.text||"++"===t.text)&&"function"!==this._last_last_text&&t.type!==p.WORD&&t.type!==p.RESERVED)||this._flags.mode===b&&(":"===this._flags.last_token.text&&0===this._flags.ternary_depth||c(this._flags.last_token,["get","set"])))&&(this.set_mode(y),this.indent(),this.handle_whitespace_and_comments(t,!0),this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t,c(t,["do","for","if","while"])),!0)},P.prototype.handle_start_expr=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t);var e=x;if("["===t.text){if(this._flags.last_token.type===p.WORD||")"===this._flags.last_token.text)return c(this._flags.last_token,_)&&(this._output.space_before_token=!0),this.print_token(t),this.set_mode(e),this.indent(),void(this._options.space_in_paren&&(this._output.space_before_token=!0));e=v,E(this._flags.mode)&&("["!==this._flags.last_token.text&&(","!==this._flags.last_token.text||"]"!==this._last_last_text&&"}"!==this._last_last_text)||this._options.keep_array_indentation||this.print_newline()),l(this._flags.last_token.type,[p.START_EXPR,p.END_EXPR,p.WORD,p.OPERATOR,p.DOT])||(this._output.space_before_token=!0)}else{if(this._flags.last_token.type===p.RESERVED)"for"===this._flags.last_token.text?(this._output.space_before_token=this._options.space_before_conditional,e=k):l(this._flags.last_token.text,["if","while","switch"])?(this._output.space_before_token=this._options.space_before_conditional,e=w):l(this._flags.last_word,["await","async"])?this._output.space_before_token=!0:"import"===this._flags.last_token.text&&""===t.whitespace_before?this._output.space_before_token=!1:(l(this._flags.last_token.text,_)||"catch"===this._flags.last_token.text)&&(this._output.space_before_token=!0);else if(this._flags.last_token.type===p.EQUALS||this._flags.last_token.type===p.OPERATOR)this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t);else if(this._flags.last_token.type===p.WORD){this._output.space_before_token=!1;var n=this._tokens.peek(-3);if(this._options.space_after_named_function&&n){var i=this._tokens.peek(-4);c(n,["async","function"])||"*"===n.text&&c(i,["async","function"])?this._output.space_before_token=!0:this._flags.mode===b?"{"!==n.text&&","!==n.text&&("*"!==n.text||"{"!==i.text&&","!==i.text)||(this._output.space_before_token=!0):this._flags.parent&&this._flags.parent.class_start_block&&(this._output.space_before_token=!0)}}else this.allow_wrap_or_preserved_newline(t);(this._flags.last_token.type===p.RESERVED&&("function"===this._flags.last_word||"typeof"===this._flags.last_word)||"*"===this._flags.last_token.text&&(l(this._last_last_text,["function","yield"])||this._flags.mode===b&&l(this._last_last_text,["{",","])))&&(this._output.space_before_token=this._options.space_after_anon_function)}";"===this._flags.last_token.text||this._flags.last_token.type===p.START_BLOCK?this.print_newline():this._flags.last_token.type!==p.END_EXPR&&this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.END_BLOCK&&"."!==this._flags.last_token.text&&this._flags.last_token.type!==p.COMMA||this.allow_wrap_or_preserved_newline(t,t.newlines),this.print_token(t),this.set_mode(e),this._options.space_in_paren&&(this._output.space_before_token=!0),this.indent()},P.prototype.handle_end_expr=function(t){for(;this._flags.mode===y;)this.restore_mode();this.handle_whitespace_and_comments(t),this._flags.multiline_frame&&this.allow_wrap_or_preserved_newline(t,"]"===t.text&&E(this._flags.mode)&&!this._options.keep_array_indentation),this._options.space_in_paren&&(this._flags.last_token.type!==p.START_EXPR||this._options.space_in_empty_paren?this._output.space_before_token=!0:(this._output.trim(),this._output.space_before_token=!1)),this.deindent(),this.print_token(t),this.restore_mode(),S(this._output,this._previous_flags),this._flags.do_while&&this._previous_flags.mode===w&&(this._previous_flags.mode=x,this._flags.do_block=!1,this._flags.do_while=!1)},P.prototype.handle_start_block=function(t){this.handle_whitespace_and_comments(t);var e=this._tokens.peek(),n=this._tokens.peek(1);"switch"===this._flags.last_word&&this._flags.last_token.type===p.END_EXPR?(this.set_mode(m),this._flags.in_case_statement=!0):this._flags.case_body?this.set_mode(m):n&&(l(n.text,[":",","])&&l(e.type,[p.STRING,p.WORD,p.RESERVED])||l(e.text,["get","set","..."])&&l(n.type,[p.WORD,p.RESERVED]))?l(this._last_last_text,["class","interface"])&&!l(n.text,[":",","])?this.set_mode(m):this.set_mode(b):this._flags.last_token.type===p.OPERATOR&&"=>"===this._flags.last_token.text?this.set_mode(m):l(this._flags.last_token.type,[p.EQUALS,p.START_EXPR,p.COMMA,p.OPERATOR])||c(this._flags.last_token,["return","throw","import","default"])?this.set_mode(b):this.set_mode(m),this._flags.last_token&&c(this._flags.last_token.previous,["class","extends"])&&(this._flags.class_start_block=!0);var i=!e.comments_before&&"}"===e.text,r=i&&"function"===this._flags.last_word&&this._flags.last_token.type===p.END_EXPR;if(this._options.brace_preserve_inline){var s=0,a=null;this._flags.inline_frame=!0;do{if(s+=1,(a=this._tokens.peek(s-1)).newlines){this._flags.inline_frame=!1;break}}while(a.type!==p.EOF&&(a.type!==p.END_BLOCK||a.opened!==t))}("expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines)&&!this._flags.inline_frame?this._flags.last_token.type!==p.OPERATOR&&(r||this._flags.last_token.type===p.EQUALS||c(this._flags.last_token,d)&&"else"!==this._flags.last_token.text)?this._output.space_before_token=!0:this.print_newline(!1,!0):(!E(this._previous_flags.mode)||this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.COMMA||((this._flags.last_token.type===p.COMMA||this._options.space_in_paren)&&(this._output.space_before_token=!0),(this._flags.last_token.type===p.COMMA||this._flags.last_token.type===p.START_EXPR&&this._flags.inline_frame)&&(this.allow_wrap_or_preserved_newline(t),this._previous_flags.multiline_frame=this._previous_flags.multiline_frame||this._flags.multiline_frame,this._flags.multiline_frame=!1)),this._flags.last_token.type!==p.OPERATOR&&this._flags.last_token.type!==p.START_EXPR&&(this._flags.last_token.type!==p.START_BLOCK||this._flags.inline_frame?this._output.space_before_token=!0:this.print_newline())),this.print_token(t),this.indent(),i||this._options.brace_preserve_inline&&this._flags.inline_frame||this.print_newline()},P.prototype.handle_end_block=function(t){for(this.handle_whitespace_and_comments(t);this._flags.mode===y;)this.restore_mode();var e=this._flags.last_token.type===p.START_BLOCK;this._flags.inline_frame&&!e?this._output.space_before_token=!0:"expand"===this._options.brace_style?e||this.print_newline():e||(E(this._flags.mode)&&this._options.keep_array_indentation?(this._options.keep_array_indentation=!1,this.print_newline(),this._options.keep_array_indentation=!0):this.print_newline()),this.restore_mode(),this.print_token(t)},P.prototype.handle_word=function(t){if(t.type===p.RESERVED)if(l(t.text,["set","get"])&&this._flags.mode!==b)t.type=p.WORD;else if("import"===t.text&&l(this._tokens.peek().text,["(","."]))t.type=p.WORD;else if(l(t.text,["as","from"])&&!this._flags.import_block)t.type=p.WORD;else if(this._flags.mode===b){":"===this._tokens.peek().text&&(t.type=p.WORD)}if(this.start_of_statement(t)?c(this._flags.last_token,["var","let","const"])&&t.type===p.WORD&&(this._flags.declaration_statement=!0):!t.newlines||O(this._flags.mode)||this._flags.last_token.type===p.OPERATOR&&"--"!==this._flags.last_token.text&&"++"!==this._flags.last_token.text||this._flags.last_token.type===p.EQUALS||!this._options.preserve_newlines&&c(this._flags.last_token,["var","let","const","set","get"])?this.handle_whitespace_and_comments(t):(this.handle_whitespace_and_comments(t),this.print_newline()),this._flags.do_block&&!this._flags.do_while){if(h(t,"while"))return this._output.space_before_token=!0,this.print_token(t),this._output.space_before_token=!0,void(this._flags.do_while=!0);this.print_newline(),this._flags.do_block=!1}if(this._flags.if_block)if(!this._flags.else_block&&h(t,"else"))this._flags.else_block=!0;else{for(;this._flags.mode===y;)this.restore_mode();this._flags.if_block=!1,this._flags.else_block=!1}if(this._flags.in_case_statement&&c(t,["case","default"]))return this.print_newline(),this._flags.case_block||!this._flags.case_body&&!this._options.jslint_happy||this.deindent(),this._flags.case_body=!1,this.print_token(t),void(this._flags.in_case=!0);if(this._flags.last_token.type!==p.COMMA&&this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.EQUALS&&this._flags.last_token.type!==p.OPERATOR||this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t),h(t,"function"))return(l(this._flags.last_token.text,["}",";"])||this._output.just_added_newline()&&!l(this._flags.last_token.text,["(","[","{",":","=",","])&&this._flags.last_token.type!==p.OPERATOR)&&(this._output.just_added_blankline()||t.comments_before||(this.print_newline(),this.print_newline(!0))),this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD?c(this._flags.last_token,["get","set","new","export"])||c(this._flags.last_token,A)||h(this._flags.last_token,"default")&&"export"===this._last_last_text||"declare"===this._flags.last_token.text?this._output.space_before_token=!0:this.print_newline():this._flags.last_token.type===p.OPERATOR||"="===this._flags.last_token.text?this._output.space_before_token=!0:(this._flags.multiline_frame||!O(this._flags.mode)&&!E(this._flags.mode))&&this.print_newline(),this.print_token(t),void(this._flags.last_word=t.text);var e="NONE";(this._flags.last_token.type===p.END_BLOCK?this._previous_flags.inline_frame?e="SPACE":c(t,["else","catch","finally","from"])?"expand"===this._options.brace_style||"end-expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines?e="NEWLINE":(e="SPACE",this._output.space_before_token=!0):e="NEWLINE":this._flags.last_token.type===p.SEMICOLON&&this._flags.mode===m?e="NEWLINE":this._flags.last_token.type===p.SEMICOLON&&O(this._flags.mode)?e="SPACE":this._flags.last_token.type===p.STRING?e="NEWLINE":this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD||"*"===this._flags.last_token.text&&(l(this._last_last_text,["function","yield"])||this._flags.mode===b&&l(this._last_last_text,["{",","]))?e="SPACE":this._flags.last_token.type===p.START_BLOCK?e=this._flags.inline_frame?"SPACE":"NEWLINE":this._flags.last_token.type===p.END_EXPR&&(this._output.space_before_token=!0,e="NEWLINE"),c(t,_)&&")"!==this._flags.last_token.text&&(e=this._flags.inline_frame||"else"===this._flags.last_token.text||"export"===this._flags.last_token.text?"SPACE":"NEWLINE"),c(t,["else","catch","finally"]))?(this._flags.last_token.type!==p.END_BLOCK||this._previous_flags.mode!==m||"expand"===this._options.brace_style||"end-expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines)&&!this._flags.inline_frame?this.print_newline():(this._output.trim(!0),"}"!==this._output.current_line.last()&&this.print_newline(),this._output.space_before_token=!0):"NEWLINE"===e?c(this._flags.last_token,d)||"declare"===this._flags.last_token.text&&c(t,["var","let","const"])?this._output.space_before_token=!0:this._flags.last_token.type!==p.END_EXPR?this._flags.last_token.type===p.START_EXPR&&c(t,["var","let","const"])||":"===this._flags.last_token.text||(h(t,"if")&&h(t.previous,"else")?this._output.space_before_token=!0:this.print_newline()):c(t,_)&&")"!==this._flags.last_token.text&&this.print_newline():this._flags.multiline_frame&&E(this._flags.mode)&&","===this._flags.last_token.text&&"}"===this._last_last_text?this.print_newline():"SPACE"===e&&(this._output.space_before_token=!0);!t.previous||t.previous.type!==p.WORD&&t.previous.type!==p.RESERVED||(this._output.space_before_token=!0),this.print_token(t),this._flags.last_word=t.text,t.type===p.RESERVED&&("do"===t.text?this._flags.do_block=!0:"if"===t.text?this._flags.if_block=!0:"import"===t.text?this._flags.import_block=!0:this._flags.import_block&&h(t,"from")&&(this._flags.import_block=!1))},P.prototype.handle_semicolon=function(t){this.start_of_statement(t)?this._output.space_before_token=!1:this.handle_whitespace_and_comments(t);for(var e=this._tokens.peek();!(this._flags.mode!==y||this._flags.if_block&&h(e,"else")||this._flags.do_block);)this.restore_mode();this._flags.import_block&&(this._flags.import_block=!1),this.print_token(t)},P.prototype.handle_string=function(t){(!t.text.startsWith("`")||0!==t.newlines||""!==t.whitespace_before||")"!==t.previous.text&&this._flags.last_token.type!==p.WORD)&&(this.start_of_statement(t)?this._output.space_before_token=!0:(this.handle_whitespace_and_comments(t),this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD||this._flags.inline_frame?this._output.space_before_token=!0:this._flags.last_token.type===p.COMMA||this._flags.last_token.type===p.START_EXPR||this._flags.last_token.type===p.EQUALS||this._flags.last_token.type===p.OPERATOR?this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t):!t.text.startsWith("`")||this._flags.last_token.type!==p.END_EXPR||"]"!==t.previous.text&&")"!==t.previous.text||0!==t.newlines?this.print_newline():this._output.space_before_token=!0)),this.print_token(t)},P.prototype.handle_equals=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t),this._flags.declaration_statement&&(this._flags.declaration_assignment=!0),this._output.space_before_token=!0,this.print_token(t),this._output.space_before_token=!0},P.prototype.handle_comma=function(t){this.handle_whitespace_and_comments(t,!0),this.print_token(t),this._output.space_before_token=!0,this._flags.declaration_statement?(O(this._flags.parent.mode)&&(this._flags.declaration_assignment=!1),this._flags.declaration_assignment?(this._flags.declaration_assignment=!1,this.print_newline(!1,!0)):this._options.comma_first&&this.allow_wrap_or_preserved_newline(t)):this._flags.mode===b||this._flags.mode===y&&this._flags.parent.mode===b?(this._flags.mode===y&&this.restore_mode(),this._flags.inline_frame||this.print_newline()):this._options.comma_first&&this.allow_wrap_or_preserved_newline(t)},P.prototype.handle_operator=function(t){var e="*"===t.text&&(c(this._flags.last_token,["function","yield"])||l(this._flags.last_token.type,[p.START_BLOCK,p.COMMA,p.END_BLOCK,p.SEMICOLON])),n=l(t.text,["-","+"])&&(l(this._flags.last_token.type,[p.START_BLOCK,p.START_EXPR,p.EQUALS,p.OPERATOR])||l(this._flags.last_token.text,_)||","===this._flags.last_token.text);if(this.start_of_statement(t));else{var i=!e;this.handle_whitespace_and_comments(t,i)}if("*"!==t.text||this._flags.last_token.type!==p.DOT)if("::"!==t.text){if(this._flags.last_token.type===p.OPERATOR&&l(this._options.operator_position,g)&&this.allow_wrap_or_preserved_newline(t),":"===t.text&&this._flags.in_case)return this.print_token(t),this._flags.in_case=!1,this._flags.case_body=!0,void(this._tokens.peek().type!==p.START_BLOCK?(this.indent(),this.print_newline(),this._flags.case_block=!1):(this._flags.case_block=!0,this._output.space_before_token=!0));var r=!0,s=!0,a=!1;if(":"===t.text?0===this._flags.ternary_depth?r=!1:(this._flags.ternary_depth-=1,a=!0):"?"===t.text&&(this._flags.ternary_depth+=1),!n&&!e&&this._options.preserve_newlines&&l(t.text,u)){var o=":"===t.text,h=o&&a,b=o&&!a;switch(this._options.operator_position){case f.before_newline:return this._output.space_before_token=!b,this.print_token(t),o&&!h||this.allow_wrap_or_preserved_newline(t),void(this._output.space_before_token=!0);case f.after_newline:return this._output.space_before_token=!0,!o||h?this._tokens.peek().newlines?this.print_newline(!1,!0):this.allow_wrap_or_preserved_newline(t):this._output.space_before_token=!1,this.print_token(t),void(this._output.space_before_token=!0);case f.preserve_newline:return b||this.allow_wrap_or_preserved_newline(t),r=!(this._output.just_added_newline()||b),this._output.space_before_token=r,this.print_token(t),void(this._output.space_before_token=!0)}}if(e){this.allow_wrap_or_preserved_newline(t),r=!1;var v=this._tokens.peek();s=v&&l(v.type,[p.WORD,p.RESERVED])}else if("..."===t.text)this.allow_wrap_or_preserved_newline(t),r=this._flags.last_token.type===p.START_BLOCK,s=!1;else if(l(t.text,["--","++","!","~"])||n){if(this._flags.last_token.type!==p.COMMA&&this._flags.last_token.type!==p.START_EXPR||this.allow_wrap_or_preserved_newline(t),r=!1,s=!1,t.newlines&&("--"===t.text||"++"===t.text||"~"===t.text)){var k=c(this._flags.last_token,d)&&t.newlines;k&&(this._previous_flags.if_block||this._previous_flags.else_block)&&this.restore_mode(),this.print_newline(k,!0)}";"===this._flags.last_token.text&&O(this._flags.mode)&&(r=!0),this._flags.last_token.type===p.RESERVED?r=!0:this._flags.last_token.type===p.END_EXPR?r=!("]"===this._flags.last_token.text&&("--"===t.text||"++"===t.text)):this._flags.last_token.type===p.OPERATOR&&(r=l(t.text,["--","-","++","+"])&&l(this._flags.last_token.text,["--","-","++","+"]),l(t.text,["+","-"])&&l(this._flags.last_token.text,["--","++"])&&(s=!0)),(this._flags.mode!==m||this._flags.inline_frame)&&this._flags.mode!==y||"{"!==this._flags.last_token.text&&";"!==this._flags.last_token.text||this.print_newline()}this._output.space_before_token=this._output.space_before_token||r,this.print_token(t),this._output.space_before_token=s}else this.print_token(t);else this.print_token(t)},P.prototype.handle_block_comment=function(t,e){return this._output.raw?(this._output.add_raw_token(t),void(t.directives&&"end"===t.directives.preserve&&(this._output.raw=this._options.test_output_raw))):t.directives?(this.print_newline(!1,e),this.print_token(t),"start"===t.directives.preserve&&(this._output.raw=!0),void this.print_newline(!1,!0)):s.newline.test(t.text)||t.newlines?void this.print_block_commment(t,e):(this._output.space_before_token=!0,this.print_token(t),void(this._output.space_before_token=!0))},P.prototype.print_block_commment=function(t,e){var n,i=function(t){for(var e=[],n=(t=t.replace(s.allLineBreaks,"\n")).indexOf("\n");-1!==n;)e.push(t.substring(0,n)),n=(t=t.substring(n+1)).indexOf("\n");return t.length&&e.push(t),e}(t.text),r=!1,a=!1,o=t.whitespace_before,_=o.length;if(this.print_newline(!1,e),this.print_token_line_indentation(t),this._output.add_token(i[0]),this.print_newline(!1,e),i.length>1){for(r=function(t,e){for(var n=0;n<t.length;n++)if(t[n].trim().charAt(0)!==e)return!1;return!0}(i=i.slice(1),"*"),a=function(t,e){for(var n,i=0,r=t.length;i<r;i++)if((n=t[i])&&0!==n.indexOf(e))return!1;return!0}(i,o),r&&(this._flags.alignment=1),n=0;n<i.length;n++)r?(this.print_token_line_indentation(t),this._output.add_token(i[n].replace(/^\s+/g,""))):a&&i[n]?(this.print_token_line_indentation(t),this._output.add_token(i[n].substring(_))):(this._output.current_line.set_indent(-1),this._output.add_token(i[n])),this.print_newline(!1,e);this._flags.alignment=0}},P.prototype.handle_comment=function(t,e){t.newlines?this.print_newline(!1,e):this._output.trim(!0),this._output.space_before_token=!0,this.print_token(t),this.print_newline(!1,e)},P.prototype.handle_dot=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t,!0),this._flags.last_token.text.match("^[0-9]+$")&&(this._output.space_before_token=!0),c(this._flags.last_token,d)?this._output.space_before_token=!1:this.allow_wrap_or_preserved_newline(t,")"===this._flags.last_token.text&&this._options.break_chained_methods),this._options.unindent_chained_methods&&this._output.just_added_newline()&&this.deindent(),this.print_token(t)},P.prototype.handle_unknown=function(t,e){this.print_token(t),"\n"===t.text[t.text.length-1]&&this.print_newline(!1,e)},P.prototype.handle_eof=function(t){for(;this._flags.mode===y;)this.restore_mode();this.handle_whitespace_and_comments(t)},t.exports.Beautifier=P},function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var r=this.__lines[i];if(r.is_empty())break;if(0!==r.item(0).indexOf(t)&&r.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},function(t){t.exports.Token=function(t,e,n,i){this.type=t,this.text=e,this.comments_before=null,this.newlines=n||0,this.whitespace_before=i||"",this.parent=null,this.next=null,this.previous=null,this.opened=null,this.closed=null,this.directives=null}},function(t,e){var n="\\x24\\x30-\\x39\\x41-\\x5a\\x5f\\x61-\\x7a",i="\\xaa\\xb5\\xba\\xc0-\\xd6\\xd8-\\xf6\\xf8-\\u02c1\\u02c6-\\u02d1\\u02e0-\\u02e4\\u02ec\\u02ee\\u0370-\\u0374\\u0376\\u0377\\u037a-\\u037d\\u0386\\u0388-\\u038a\\u038c\\u038e-\\u03a1\\u03a3-\\u03f5\\u03f7-\\u0481\\u048a-\\u0527\\u0531-\\u0556\\u0559\\u0561-\\u0587\\u05d0-\\u05ea\\u05f0-\\u05f2\\u0620-\\u064a\\u066e\\u066f\\u0671-\\u06d3\\u06d5\\u06e5\\u06e6\\u06ee\\u06ef\\u06fa-\\u06fc\\u06ff\\u0710\\u0712-\\u072f\\u074d-\\u07a5\\u07b1\\u07ca-\\u07ea\\u07f4\\u07f5\\u07fa\\u0800-\\u0815\\u081a\\u0824\\u0828\\u0840-\\u0858\\u08a0\\u08a2-\\u08ac\\u0904-\\u0939\\u093d\\u0950\\u0958-\\u0961\\u0971-\\u0977\\u0979-\\u097f\\u0985-\\u098c\\u098f\\u0990\\u0993-\\u09a8\\u09aa-\\u09b0\\u09b2\\u09b6-\\u09b9\\u09bd\\u09ce\\u09dc\\u09dd\\u09df-\\u09e1\\u09f0\\u09f1\\u0a05-\\u0a0a\\u0a0f\\u0a10\\u0a13-\\u0a28\\u0a2a-\\u0a30\\u0a32\\u0a33\\u0a35\\u0a36\\u0a38\\u0a39\\u0a59-\\u0a5c\\u0a5e\\u0a72-\\u0a74\\u0a85-\\u0a8d\\u0a8f-\\u0a91\\u0a93-\\u0aa8\\u0aaa-\\u0ab0\\u0ab2\\u0ab3\\u0ab5-\\u0ab9\\u0abd\\u0ad0\\u0ae0\\u0ae1\\u0b05-\\u0b0c\\u0b0f\\u0b10\\u0b13-\\u0b28\\u0b2a-\\u0b30\\u0b32\\u0b33\\u0b35-\\u0b39\\u0b3d\\u0b5c\\u0b5d\\u0b5f-\\u0b61\\u0b71\\u0b83\\u0b85-\\u0b8a\\u0b8e-\\u0b90\\u0b92-\\u0b95\\u0b99\\u0b9a\\u0b9c\\u0b9e\\u0b9f\\u0ba3\\u0ba4\\u0ba8-\\u0baa\\u0bae-\\u0bb9\\u0bd0\\u0c05-\\u0c0c\\u0c0e-\\u0c10\\u0c12-\\u0c28\\u0c2a-\\u0c33\\u0c35-\\u0c39\\u0c3d\\u0c58\\u0c59\\u0c60\\u0c61\\u0c85-\\u0c8c\\u0c8e-\\u0c90\\u0c92-\\u0ca8\\u0caa-\\u0cb3\\u0cb5-\\u0cb9\\u0cbd\\u0cde\\u0ce0\\u0ce1\\u0cf1\\u0cf2\\u0d05-\\u0d0c\\u0d0e-\\u0d10\\u0d12-\\u0d3a\\u0d3d\\u0d4e\\u0d60\\u0d61\\u0d7a-\\u0d7f\\u0d85-\\u0d96\\u0d9a-\\u0db1\\u0db3-\\u0dbb\\u0dbd\\u0dc0-\\u0dc6\\u0e01-\\u0e30\\u0e32\\u0e33\\u0e40-\\u0e46\\u0e81\\u0e82\\u0e84\\u0e87\\u0e88\\u0e8a\\u0e8d\\u0e94-\\u0e97\\u0e99-\\u0e9f\\u0ea1-\\u0ea3\\u0ea5\\u0ea7\\u0eaa\\u0eab\\u0ead-\\u0eb0\\u0eb2\\u0eb3\\u0ebd\\u0ec0-\\u0ec4\\u0ec6\\u0edc-\\u0edf\\u0f00\\u0f40-\\u0f47\\u0f49-\\u0f6c\\u0f88-\\u0f8c\\u1000-\\u102a\\u103f\\u1050-\\u1055\\u105a-\\u105d\\u1061\\u1065\\u1066\\u106e-\\u1070\\u1075-\\u1081\\u108e\\u10a0-\\u10c5\\u10c7\\u10cd\\u10d0-\\u10fa\\u10fc-\\u1248\\u124a-\\u124d\\u1250-\\u1256\\u1258\\u125a-\\u125d\\u1260-\\u1288\\u128a-\\u128d\\u1290-\\u12b0\\u12b2-\\u12b5\\u12b8-\\u12be\\u12c0\\u12c2-\\u12c5\\u12c8-\\u12d6\\u12d8-\\u1310\\u1312-\\u1315\\u1318-\\u135a\\u1380-\\u138f\\u13a0-\\u13f4\\u1401-\\u166c\\u166f-\\u167f\\u1681-\\u169a\\u16a0-\\u16ea\\u16ee-\\u16f0\\u1700-\\u170c\\u170e-\\u1711\\u1720-\\u1731\\u1740-\\u1751\\u1760-\\u176c\\u176e-\\u1770\\u1780-\\u17b3\\u17d7\\u17dc\\u1820-\\u1877\\u1880-\\u18a8\\u18aa\\u18b0-\\u18f5\\u1900-\\u191c\\u1950-\\u196d\\u1970-\\u1974\\u1980-\\u19ab\\u19c1-\\u19c7\\u1a00-\\u1a16\\u1a20-\\u1a54\\u1aa7\\u1b05-\\u1b33\\u1b45-\\u1b4b\\u1b83-\\u1ba0\\u1bae\\u1baf\\u1bba-\\u1be5\\u1c00-\\u1c23\\u1c4d-\\u1c4f\\u1c5a-\\u1c7d\\u1ce9-\\u1cec\\u1cee-\\u1cf1\\u1cf5\\u1cf6\\u1d00-\\u1dbf\\u1e00-\\u1f15\\u1f18-\\u1f1d\\u1f20-\\u1f45\\u1f48-\\u1f4d\\u1f50-\\u1f57\\u1f59\\u1f5b\\u1f5d\\u1f5f-\\u1f7d\\u1f80-\\u1fb4\\u1fb6-\\u1fbc\\u1fbe\\u1fc2-\\u1fc4\\u1fc6-\\u1fcc\\u1fd0-\\u1fd3\\u1fd6-\\u1fdb\\u1fe0-\\u1fec\\u1ff2-\\u1ff4\\u1ff6-\\u1ffc\\u2071\\u207f\\u2090-\\u209c\\u2102\\u2107\\u210a-\\u2113\\u2115\\u2119-\\u211d\\u2124\\u2126\\u2128\\u212a-\\u212d\\u212f-\\u2139\\u213c-\\u213f\\u2145-\\u2149\\u214e\\u2160-\\u2188\\u2c00-\\u2c2e\\u2c30-\\u2c5e\\u2c60-\\u2ce4\\u2ceb-\\u2cee\\u2cf2\\u2cf3\\u2d00-\\u2d25\\u2d27\\u2d2d\\u2d30-\\u2d67\\u2d6f\\u2d80-\\u2d96\\u2da0-\\u2da6\\u2da8-\\u2dae\\u2db0-\\u2db6\\u2db8-\\u2dbe\\u2dc0-\\u2dc6\\u2dc8-\\u2dce\\u2dd0-\\u2dd6\\u2dd8-\\u2dde\\u2e2f\\u3005-\\u3007\\u3021-\\u3029\\u3031-\\u3035\\u3038-\\u303c\\u3041-\\u3096\\u309d-\\u309f\\u30a1-\\u30fa\\u30fc-\\u30ff\\u3105-\\u312d\\u3131-\\u318e\\u31a0-\\u31ba\\u31f0-\\u31ff\\u3400-\\u4db5\\u4e00-\\u9fcc\\ua000-\\ua48c\\ua4d0-\\ua4fd\\ua500-\\ua60c\\ua610-\\ua61f\\ua62a\\ua62b\\ua640-\\ua66e\\ua67f-\\ua697\\ua6a0-\\ua6ef\\ua717-\\ua71f\\ua722-\\ua788\\ua78b-\\ua78e\\ua790-\\ua793\\ua7a0-\\ua7aa\\ua7f8-\\ua801\\ua803-\\ua805\\ua807-\\ua80a\\ua80c-\\ua822\\ua840-\\ua873\\ua882-\\ua8b3\\ua8f2-\\ua8f7\\ua8fb\\ua90a-\\ua925\\ua930-\\ua946\\ua960-\\ua97c\\ua984-\\ua9b2\\ua9cf\\uaa00-\\uaa28\\uaa40-\\uaa42\\uaa44-\\uaa4b\\uaa60-\\uaa76\\uaa7a\\uaa80-\\uaaaf\\uaab1\\uaab5\\uaab6\\uaab9-\\uaabd\\uaac0\\uaac2\\uaadb-\\uaadd\\uaae0-\\uaaea\\uaaf2-\\uaaf4\\uab01-\\uab06\\uab09-\\uab0e\\uab11-\\uab16\\uab20-\\uab26\\uab28-\\uab2e\\uabc0-\\uabe2\\uac00-\\ud7a3\\ud7b0-\\ud7c6\\ud7cb-\\ud7fb\\uf900-\\ufa6d\\ufa70-\\ufad9\\ufb00-\\ufb06\\ufb13-\\ufb17\\ufb1d\\ufb1f-\\ufb28\\ufb2a-\\ufb36\\ufb38-\\ufb3c\\ufb3e\\ufb40\\ufb41\\ufb43\\ufb44\\ufb46-\\ufbb1\\ufbd3-\\ufd3d\\ufd50-\\ufd8f\\ufd92-\\ufdc7\\ufdf0-\\ufdfb\\ufe70-\\ufe74\\ufe76-\\ufefc\\uff21-\\uff3a\\uff41-\\uff5a\\uff66-\\uffbe\\uffc2-\\uffc7\\uffca-\\uffcf\\uffd2-\\uffd7\\uffda-\\uffdc",r="\\u0300-\\u036f\\u0483-\\u0487\\u0591-\\u05bd\\u05bf\\u05c1\\u05c2\\u05c4\\u05c5\\u05c7\\u0610-\\u061a\\u0620-\\u0649\\u0672-\\u06d3\\u06e7-\\u06e8\\u06fb-\\u06fc\\u0730-\\u074a\\u0800-\\u0814\\u081b-\\u0823\\u0825-\\u0827\\u0829-\\u082d\\u0840-\\u0857\\u08e4-\\u08fe\\u0900-\\u0903\\u093a-\\u093c\\u093e-\\u094f\\u0951-\\u0957\\u0962-\\u0963\\u0966-\\u096f\\u0981-\\u0983\\u09bc\\u09be-\\u09c4\\u09c7\\u09c8\\u09d7\\u09df-\\u09e0\\u0a01-\\u0a03\\u0a3c\\u0a3e-\\u0a42\\u0a47\\u0a48\\u0a4b-\\u0a4d\\u0a51\\u0a66-\\u0a71\\u0a75\\u0a81-\\u0a83\\u0abc\\u0abe-\\u0ac5\\u0ac7-\\u0ac9\\u0acb-\\u0acd\\u0ae2-\\u0ae3\\u0ae6-\\u0aef\\u0b01-\\u0b03\\u0b3c\\u0b3e-\\u0b44\\u0b47\\u0b48\\u0b4b-\\u0b4d\\u0b56\\u0b57\\u0b5f-\\u0b60\\u0b66-\\u0b6f\\u0b82\\u0bbe-\\u0bc2\\u0bc6-\\u0bc8\\u0bca-\\u0bcd\\u0bd7\\u0be6-\\u0bef\\u0c01-\\u0c03\\u0c46-\\u0c48\\u0c4a-\\u0c4d\\u0c55\\u0c56\\u0c62-\\u0c63\\u0c66-\\u0c6f\\u0c82\\u0c83\\u0cbc\\u0cbe-\\u0cc4\\u0cc6-\\u0cc8\\u0cca-\\u0ccd\\u0cd5\\u0cd6\\u0ce2-\\u0ce3\\u0ce6-\\u0cef\\u0d02\\u0d03\\u0d46-\\u0d48\\u0d57\\u0d62-\\u0d63\\u0d66-\\u0d6f\\u0d82\\u0d83\\u0dca\\u0dcf-\\u0dd4\\u0dd6\\u0dd8-\\u0ddf\\u0df2\\u0df3\\u0e34-\\u0e3a\\u0e40-\\u0e45\\u0e50-\\u0e59\\u0eb4-\\u0eb9\\u0ec8-\\u0ecd\\u0ed0-\\u0ed9\\u0f18\\u0f19\\u0f20-\\u0f29\\u0f35\\u0f37\\u0f39\\u0f41-\\u0f47\\u0f71-\\u0f84\\u0f86-\\u0f87\\u0f8d-\\u0f97\\u0f99-\\u0fbc\\u0fc6\\u1000-\\u1029\\u1040-\\u1049\\u1067-\\u106d\\u1071-\\u1074\\u1082-\\u108d\\u108f-\\u109d\\u135d-\\u135f\\u170e-\\u1710\\u1720-\\u1730\\u1740-\\u1750\\u1772\\u1773\\u1780-\\u17b2\\u17dd\\u17e0-\\u17e9\\u180b-\\u180d\\u1810-\\u1819\\u1920-\\u192b\\u1930-\\u193b\\u1951-\\u196d\\u19b0-\\u19c0\\u19c8-\\u19c9\\u19d0-\\u19d9\\u1a00-\\u1a15\\u1a20-\\u1a53\\u1a60-\\u1a7c\\u1a7f-\\u1a89\\u1a90-\\u1a99\\u1b46-\\u1b4b\\u1b50-\\u1b59\\u1b6b-\\u1b73\\u1bb0-\\u1bb9\\u1be6-\\u1bf3\\u1c00-\\u1c22\\u1c40-\\u1c49\\u1c5b-\\u1c7d\\u1cd0-\\u1cd2\\u1d00-\\u1dbe\\u1e01-\\u1f15\\u200c\\u200d\\u203f\\u2040\\u2054\\u20d0-\\u20dc\\u20e1\\u20e5-\\u20f0\\u2d81-\\u2d96\\u2de0-\\u2dff\\u3021-\\u3028\\u3099\\u309a\\ua640-\\ua66d\\ua674-\\ua67d\\ua69f\\ua6f0-\\ua6f1\\ua7f8-\\ua800\\ua806\\ua80b\\ua823-\\ua827\\ua880-\\ua881\\ua8b4-\\ua8c4\\ua8d0-\\ua8d9\\ua8f3-\\ua8f7\\ua900-\\ua909\\ua926-\\ua92d\\ua930-\\ua945\\ua980-\\ua983\\ua9b3-\\ua9c0\\uaa00-\\uaa27\\uaa40-\\uaa41\\uaa4c-\\uaa4d\\uaa50-\\uaa59\\uaa7b\\uaae0-\\uaae9\\uaaf2-\\uaaf3\\uabc0-\\uabe1\\uabec\\uabed\\uabf0-\\uabf9\\ufb20-\\ufb28\\ufe00-\\ufe0f\\ufe20-\\ufe26\\ufe33\\ufe34\\ufe4d-\\ufe4f\\uff10-\\uff19\\uff3f",s="(?:\\\\u[0-9a-fA-F]{4}|[\\x23\\x24\\x40\\x41-\\x5a\\x5f\\x61-\\x7a"+i+"])",a="(?:\\\\u[0-9a-fA-F]{4}|["+n+i+r+"])*";e.identifier=new RegExp(s+a,"g"),e.identifierStart=new RegExp(s),e.identifierMatch=new RegExp("(?:\\\\u[0-9a-fA-F]{4}|["+n+i+r+"])+");e.newline=/[\n\r\u2028\u2029]/,e.lineBreak=new RegExp("\r\n|"+e.newline.source),e.allLineBreaks=new RegExp(e.lineBreak.source,"g")},function(t,e,n){var i=n(6).Options,r=["before-newline","after-newline","preserve-newline"];function s(t){i.call(this,t,"js");var e=this.raw_options.brace_style||null;"expand-strict"===e?this.raw_options.brace_style="expand":"collapse-preserve-inline"===e?this.raw_options.brace_style="collapse,preserve-inline":void 0!==this.raw_options.braces_on_own_line&&(this.raw_options.brace_style=this.raw_options.braces_on_own_line?"expand":"collapse");var n=this._get_selection_list("brace_style",["collapse","expand","end-expand","none","preserve-inline"]);this.brace_preserve_inline=!1,this.brace_style="collapse";for(var s=0;s<n.length;s++)"preserve-inline"===n[s]?this.brace_preserve_inline=!0:this.brace_style=n[s];this.unindent_chained_methods=this._get_boolean("unindent_chained_methods"),this.break_chained_methods=this._get_boolean("break_chained_methods"),this.space_in_paren=this._get_boolean("space_in_paren"),this.space_in_empty_paren=this._get_boolean("space_in_empty_paren"),this.jslint_happy=this._get_boolean("jslint_happy"),this.space_after_anon_function=this._get_boolean("space_after_anon_function"),this.space_after_named_function=this._get_boolean("space_after_named_function"),this.keep_array_indentation=this._get_boolean("keep_array_indentation"),this.space_before_conditional=this._get_boolean("space_before_conditional",!0),this.unescape_strings=this._get_boolean("unescape_strings"),this.e4x=this._get_boolean("e4x"),this.comma_first=this._get_boolean("comma_first"),this.operator_position=this._get_selection("operator_position",r),this.test_output_raw=this._get_boolean("test_output_raw"),this.jslint_happy&&(this.space_after_anon_function=!0)}s.prototype=new i,t.exports.Options=s},function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,i={};for(n in t=r(t))n!==e&&(i[n]=t[n]);if(e&&t[e])for(n in t[e])i[n]=t[e][n];return i}function r(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],r=e||[];return"object"===i(n)?null!==n&&"function"==typeof n.concat&&(r=n.concat()):"string"==typeof n&&(r=n.split(/[^a-zA-Z0-9_\/\-]+/)),r},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=r,t.exports.mergeOpts=n},function(t,e,n){var i=n(8).InputScanner,r=n(9).Tokenizer,s=n(9).TOKEN,a=n(13).Directives,o=n(4),_=n(12).Pattern,u=n(14).TemplatablePattern;function p(t,e){return-1!==e.indexOf(t)}var l={START_EXPR:"TK_START_EXPR",END_EXPR:"TK_END_EXPR",START_BLOCK:"TK_START_BLOCK",END_BLOCK:"TK_END_BLOCK",WORD:"TK_WORD",RESERVED:"TK_RESERVED",SEMICOLON:"TK_SEMICOLON",STRING:"TK_STRING",EQUALS:"TK_EQUALS",OPERATOR:"TK_OPERATOR",COMMA:"TK_COMMA",BLOCK_COMMENT:"TK_BLOCK_COMMENT",COMMENT:"TK_COMMENT",DOT:"TK_DOT",UNKNOWN:"TK_UNKNOWN",START:s.START,RAW:s.RAW,EOF:s.EOF},h=new a(/\/\*/,/\*\//),c=/0[xX][0123456789abcdefABCDEF_]*n?|0[oO][01234567_]*n?|0[bB][01_]*n?|\d[\d_]*n|(?:\.\d[\d_]*|\d[\d_]*\.?[\d_]*)(?:[eE][+-]?[\d_]+)?/,d=/[0-9]/,f=/[^\d\.]/,g=">>> === !== &&= ??= ||= << && >= ** != == <= >> || ?? |> < / - + > : & % ? ^ | *".split(" "),m=">>>= ... >>= <<= === >>> !== **= &&= ??= ||= => ^= :: /= << <= == && -= >= >> != -- += ** || ?? ++ %= &= *= |= |> = ! ? > < : / ^ - + * & % ~ |";m=(m="\\?\\.(?!\\d) "+(m=m.replace(/[-[\]{}()*+?.,\\^$|#]/g,"\\$&"))).replace(/ /g,"|");var y,b=new RegExp(m),v="continue,try,throw,return,var,let,const,if,switch,case,default,for,while,break,function,import,export".split(","),k=v.concat(["do","in","of","else","get","set","new","catch","finally","typeof","yield","async","await","from","as","class","extends"]),w=new RegExp("^(?:"+k.join("|")+")$"),x=function(t,e){r.call(this,t,e),this._patterns.whitespace=this._patterns.whitespace.matching(/\u00A0\u1680\u180e\u2000-\u200a\u202f\u205f\u3000\ufeff/.source,/\u2028\u2029/.source);var n=new _(this._input),i=new u(this._input).read_options(this._options);this.__patterns={template:i,identifier:i.starting_with(o.identifier).matching(o.identifierMatch),number:n.matching(c),punct:n.matching(b),comment:n.starting_with(/\/\//).until(/[\n\r\u2028\u2029]/),block_comment:n.starting_with(/\/\*/).until_after(/\*\//),html_comment_start:n.matching(/<!--/),html_comment_end:n.matching(/-->/),include:n.starting_with(/#include/).until_after(o.lineBreak),shebang:n.starting_with(/#!/).until_after(o.lineBreak),xml:n.matching(/[\s\S]*?<(\/?)([-a-zA-Z:0-9_.]+|{[^}]+?}|!\[CDATA\[[^\]]*?\]\]|)(\s*{[^}]+?}|\s+[-a-zA-Z:0-9_.]+|\s+[-a-zA-Z:0-9_.]+\s*=\s*('[^']*'|"[^"]*"|{([^{}]|{[^}]+?})+?}))*\s*(\/?)\s*>/),single_quote:i.until(/['\\\n\r\u2028\u2029]/),double_quote:i.until(/["\\\n\r\u2028\u2029]/),template_text:i.until(/[`\\$]/),template_expression:i.until(/[`}\\]/)}};(x.prototype=new r)._is_comment=function(t){return t.type===l.COMMENT||t.type===l.BLOCK_COMMENT||t.type===l.UNKNOWN},x.prototype._is_opening=function(t){return t.type===l.START_BLOCK||t.type===l.START_EXPR},x.prototype._is_closing=function(t,e){return(t.type===l.END_BLOCK||t.type===l.END_EXPR)&&e&&("]"===t.text&&"["===e.text||")"===t.text&&"("===e.text||"}"===t.text&&"{"===e.text)},x.prototype._reset=function(){y=!1},x.prototype._get_next_token=function(t,e){var n=null;this._readWhitespace();var i=this._input.peek();return null===i?this._create_token(l.EOF,""):n=(n=(n=(n=(n=(n=(n=(n=(n=n||this._read_non_javascript(i))||this._read_string(i))||this._read_word(t))||this._read_singles(i))||this._read_comment(i))||this._read_regexp(i,t))||this._read_xml(i,t))||this._read_punctuation())||this._create_token(l.UNKNOWN,this._input.next())},x.prototype._read_word=function(t){var e;return""!==(e=this.__patterns.identifier.read())?(e=e.replace(o.allLineBreaks,"\n"),t.type!==l.DOT&&(t.type!==l.RESERVED||"set"!==t.text&&"get"!==t.text)&&w.test(e)?"in"!==e&&"of"!==e||t.type!==l.WORD&&t.type!==l.STRING?this._create_token(l.RESERVED,e):this._create_token(l.OPERATOR,e):this._create_token(l.WORD,e)):""!==(e=this.__patterns.number.read())?this._create_token(l.WORD,e):void 0},x.prototype._read_singles=function(t){var e=null;return"("===t||"["===t?e=this._create_token(l.START_EXPR,t):")"===t||"]"===t?e=this._create_token(l.END_EXPR,t):"{"===t?e=this._create_token(l.START_BLOCK,t):"}"===t?e=this._create_token(l.END_BLOCK,t):";"===t?e=this._create_token(l.SEMICOLON,t):"."===t&&f.test(this._input.peek(1))?e=this._create_token(l.DOT,t):","===t&&(e=this._create_token(l.COMMA,t)),e&&this._input.next(),e},x.prototype._read_punctuation=function(){var t=this.__patterns.punct.read();if(""!==t)return"="===t?this._create_token(l.EQUALS,t):"?."===t?this._create_token(l.DOT,t):this._create_token(l.OPERATOR,t)},x.prototype._read_non_javascript=function(t){var e="";if("#"===t){if(this._is_first_token()&&(e=this.__patterns.shebang.read()))return this._create_token(l.UNKNOWN,e.trim()+"\n");if(e=this.__patterns.include.read())return this._create_token(l.UNKNOWN,e.trim()+"\n");t=this._input.next();var n="#";if(this._input.hasNext()&&this._input.testChar(d)){do{n+=t=this._input.next()}while(this._input.hasNext()&&"#"!==t&&"="!==t);return"#"===t||("["===this._input.peek()&&"]"===this._input.peek(1)?(n+="[]",this._input.next(),this._input.next()):"{"===this._input.peek()&&"}"===this._input.peek(1)&&(n+="{}",this._input.next(),this._input.next())),this._create_token(l.WORD,n)}this._input.back()}else if("<"===t&&this._is_first_token()){if(e=this.__patterns.html_comment_start.read()){for(;this._input.hasNext()&&!this._input.testChar(o.newline);)e+=this._input.next();return y=!0,this._create_token(l.COMMENT,e)}}else if(y&&"-"===t&&(e=this.__patterns.html_comment_end.read()))return y=!1,this._create_token(l.COMMENT,e);return null},x.prototype._read_comment=function(t){var e=null;if("/"===t){var n="";if("*"===this._input.peek(1)){n=this.__patterns.block_comment.read();var i=h.get_directives(n);i&&"start"===i.ignore&&(n+=h.readIgnored(this._input)),n=n.replace(o.allLineBreaks,"\n"),(e=this._create_token(l.BLOCK_COMMENT,n)).directives=i}else"/"===this._input.peek(1)&&(n=this.__patterns.comment.read(),e=this._create_token(l.COMMENT,n))}return e},x.prototype._read_string=function(t){if("`"===t||"'"===t||'"'===t){var e=this._input.next();return this.has_char_escapes=!1,e+="`"===t?this._read_string_recursive("`",!0,"${"):this._read_string_recursive(t),this.has_char_escapes&&this._options.unescape_strings&&(e=function(t){var e="",n=0,r=new i(t),s=null;for(;r.hasNext();)if((s=r.match(/([\s]|[^\\]|\\\\)+/g))&&(e+=s[0]),"\\"===r.peek()){if(r.next(),"x"===r.peek())s=r.match(/x([0-9A-Fa-f]{2})/g);else{if("u"!==r.peek()){e+="\\",r.hasNext()&&(e+=r.next());continue}s=r.match(/u([0-9A-Fa-f]{4})/g)}if(!s)return t;if((n=parseInt(s[1],16))>126&&n<=255&&0===s[0].indexOf("x"))return t;if(n>=0&&n<32){e+="\\"+s[0];continue}e+=34===n||39===n||92===n?"\\"+String.fromCharCode(n):String.fromCharCode(n)}return e}(e)),this._input.peek()===t&&(e+=this._input.next()),e=e.replace(o.allLineBreaks,"\n"),this._create_token(l.STRING,e)}return null},x.prototype._allow_regexp_or_xml=function(t){return t.type===l.RESERVED&&p(t.text,["return","case","throw","else","do","typeof","yield"])||t.type===l.END_EXPR&&")"===t.text&&t.opened.previous.type===l.RESERVED&&p(t.opened.previous.text,["if","while","for"])||p(t.type,[l.COMMENT,l.START_EXPR,l.START_BLOCK,l.START,l.END_BLOCK,l.OPERATOR,l.EQUALS,l.EOF,l.SEMICOLON,l.COMMA])},x.prototype._read_regexp=function(t,e){if("/"===t&&this._allow_regexp_or_xml(e)){for(var n=this._input.next(),i=!1,r=!1;this._input.hasNext()&&(i||r||this._input.peek()!==t)&&!this._input.testChar(o.newline);)n+=this._input.peek(),i?i=!1:(i="\\"===this._input.peek(),"["===this._input.peek()?r=!0:"]"===this._input.peek()&&(r=!1)),this._input.next();return this._input.peek()===t&&(n+=this._input.next(),n+=this._input.read(o.identifier)),this._create_token(l.STRING,n)}return null},x.prototype._read_xml=function(t,e){if(this._options.e4x&&"<"===t&&this._allow_regexp_or_xml(e)){var n="",i=this.__patterns.xml.read_match();if(i){for(var r=i[2].replace(/^{\s+/,"{").replace(/\s+}$/,"}"),s=0===r.indexOf("{"),a=0;i;){var _=!!i[1],u=i[2];if(!(!!i[i.length-1]||"![CDATA["===u.slice(0,8))&&(u===r||s&&u.replace(/^{\s+/,"{").replace(/\s+}$/,"}"))&&(_?--a:++a),n+=i[0],a<=0)break;i=this.__patterns.xml.read_match()}return i||(n+=this._input.match(/[\s\S]*/g)[0]),n=n.replace(o.allLineBreaks,"\n"),this._create_token(l.STRING,n)}}return null},x.prototype._read_string_recursive=function(t,e,n){var i,r;"'"===t?r=this.__patterns.single_quote:'"'===t?r=this.__patterns.double_quote:"`"===t?r=this.__patterns.template_text:"}"===t&&(r=this.__patterns.template_expression);for(var s=r.read(),a="";this._input.hasNext();){if((a=this._input.next())===t||!e&&o.newline.test(a)){this._input.back();break}"\\"===a&&this._input.hasNext()?("x"===(i=this._input.peek())||"u"===i?this.has_char_escapes=!0:"\r"===i&&"\n"===this._input.peek(1)&&this._input.next(),a+=this._input.next()):n&&("${"===n&&"$"===a&&"{"===this._input.peek()&&(a+=this._input.next()),n===a&&(a+="`"===t?this._read_string_recursive("}",e,"`"):this._read_string_recursive("`",e,"${"),this._input.hasNext()&&(a+=this._input.next()))),s+=a+=r.read()}return s},t.exports.Tokenizer=x,t.exports.TOKEN=l,t.exports.positionable_operators=g.slice(),t.exports.line_starters=v.slice()},function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,r="";return t&&(i=this.match(t))&&(r+=i[0]),!e||!i&&t||(r+=this.readUntil(e,n)),r},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var r=t.exec(this.__input);return r?(i=r.index,e&&(i+=r[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,r="g";return n&&e&&(r="y"),"string"==typeof t&&""!==t?i=new RegExp(t,r):t&&(i=new RegExp(t.source,r)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},function(t,e,n){var i=n(8).InputScanner,r=n(3).Token,s=n(10).TokenStream,a=n(11).WhitespacePattern,o={START:"TK_START",RAW:"TK_RAW",EOF:"TK_EOF"},_=function(t,e){this._input=new i(t),this._options=e||{},this.__tokens=null,this._patterns={},this._patterns.whitespace=new a(this._input)};_.prototype.tokenize=function(){var t;this._input.restart(),this.__tokens=new s,this._reset();for(var e=new r(o.START,""),n=null,i=[],a=new s;e.type!==o.EOF;){for(t=this._get_next_token(e,n);this._is_comment(t);)a.add(t),t=this._get_next_token(e,n);a.isEmpty()||(t.comments_before=a,a=new s),t.parent=n,this._is_opening(t)?(i.push(n),n=t):n&&this._is_closing(t,n)&&(t.opened=n,n.closed=t,n=i.pop(),t.parent=n),t.previous=e,e.next=t,this.__tokens.add(t),e=t}return this.__tokens},_.prototype._is_first_token=function(){return this.__tokens.isEmpty()},_.prototype._reset=function(){},_.prototype._get_next_token=function(t,e){this._readWhitespace();var n=this._input.read(/.+/g);return n?this._create_token(o.RAW,n):this._create_token(o.EOF,"")},_.prototype._is_comment=function(t){return!1},_.prototype._is_opening=function(t){return!1},_.prototype._is_closing=function(t,e){return!1},_.prototype._create_token=function(t,e){return new r(t,e,this._patterns.whitespace.newline_count,this._patterns.whitespace.whitespace_before_token)},_.prototype._readWhitespace=function(){return this._patterns.whitespace.read()},t.exports.Tokenizer=_,t.exports.TOKEN=o},function(t){function e(t){this.__tokens=[],this.__tokens_length=this.__tokens.length,this.__position=0,this.__parent_token=t}e.prototype.restart=function(){this.__position=0},e.prototype.isEmpty=function(){return 0===this.__tokens_length},e.prototype.hasNext=function(){return this.__position<this.__tokens_length},e.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__tokens[this.__position],this.__position+=1),t},e.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__tokens_length&&(e=this.__tokens[t]),e},e.prototype.add=function(t){this.__parent_token&&(t.parent=this.__parent_token),this.__tokens.push(t),this.__tokens_length+=1},t.exports.TokenStream=e},function(t,e,n){var i=n(12).Pattern;function r(t,e){i.call(this,t,e),e?this._line_regexp=this._input.get_regexp(e._line_regexp):this.__set_whitespace_patterns("",""),this.newline_count=0,this.whitespace_before_token=""}r.prototype=new i,r.prototype.__set_whitespace_patterns=function(t,e){t+="\\t ",e+="\\n\\r",this._match_pattern=this._input.get_regexp("["+t+e+"]+",!0),this._newline_regexp=this._input.get_regexp("\\r\\n|["+e+"]")},r.prototype.read=function(){this.newline_count=0,this.whitespace_before_token="";var t=this._input.read(this._match_pattern);if(" "===t)this.whitespace_before_token=" ";else if(t){var e=this.__split(this._newline_regexp,t);this.newline_count=e.length-1,this.whitespace_before_token=e[this.newline_count]}return t},r.prototype.matching=function(t,e){var n=this._create();return n.__set_whitespace_patterns(t,e),n._update(),n},r.prototype._create=function(){return new r(this._input,this)},r.prototype.__split=function(t,e){t.lastIndex=0;for(var n=0,i=[],r=t.exec(e);r;)i.push(e.substring(n,r.index)),n=r.index+r[0].length,r=t.exec(e);return n<e.length?i.push(e.substring(n,e.length)):i.push(""),i},t.exports.WhitespacePattern=r},function(t){function e(t,e){this._input=t,this._starting_pattern=null,this._match_pattern=null,this._until_pattern=null,this._until_after=!1,e&&(this._starting_pattern=this._input.get_regexp(e._starting_pattern,!0),this._match_pattern=this._input.get_regexp(e._match_pattern,!0),this._until_pattern=this._input.get_regexp(e._until_pattern),this._until_after=e._until_after)}e.prototype.read=function(){var t=this._input.read(this._starting_pattern);return this._starting_pattern&&!t||(t+=this._input.read(this._match_pattern,this._until_pattern,this._until_after)),t},e.prototype.read_match=function(){return this._input.match(this._match_pattern)},e.prototype.until_after=function(t){var e=this._create();return e._until_after=!0,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.until=function(t){var e=this._create();return e._until_after=!1,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.starting_with=function(t){var e=this._create();return e._starting_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype.matching=function(t){var e=this._create();return e._match_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype._create=function(){return new e(this._input,this)},e.prototype._update=function(){},t.exports.Pattern=e},function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},function(t,e,n){var i=n(12).Pattern,r={django:!1,erb:!1,handlebars:!1,php:!1,smarty:!1};function s(t,e){i.call(this,t,e),this.__template_pattern=null,this._disabled=Object.assign({},r),this._excluded=Object.assign({},r),e&&(this.__template_pattern=this._input.get_regexp(e.__template_pattern),this._excluded=Object.assign(this._excluded,e._excluded),this._disabled=Object.assign(this._disabled,e._disabled));var n=new i(t);this.__patterns={handlebars_comment:n.starting_with(/{{!--/).until_after(/--}}/),handlebars_unescaped:n.starting_with(/{{{/).until_after(/}}}/),handlebars:n.starting_with(/{{/).until_after(/}}/),php:n.starting_with(/<\?(?:[= ]|php)/).until_after(/\?>/),erb:n.starting_with(/<%[^%]/).until_after(/[^%]%>/),django:n.starting_with(/{%/).until_after(/%}/),django_value:n.starting_with(/{{/).until_after(/}}/),django_comment:n.starting_with(/{#/).until_after(/#}/),smarty:n.starting_with(/{(?=[^}{\s\n])/).until_after(/[^\s\n]}/),smarty_comment:n.starting_with(/{\*/).until_after(/\*}/),smarty_literal:n.starting_with(/{literal}/).until_after(/{\/literal}/)}}s.prototype=new i,s.prototype._create=function(){return new s(this._input,this)},s.prototype._update=function(){this.__set_templated_pattern()},s.prototype.disable=function(t){var e=this._create();return e._disabled[t]=!0,e._update(),e},s.prototype.read_options=function(t){var e=this._create();for(var n in r)e._disabled[n]=-1===t.templating.indexOf(n);return e._update(),e},s.prototype.exclude=function(t){var e=this._create();return e._excluded[t]=!0,e._update(),e},s.prototype.read=function(){var t="";t=this._match_pattern?this._input.read(this._starting_pattern):this._input.read(this._starting_pattern,this.__template_pattern);for(var e=this._read_template();e;)this._match_pattern?e+=this._input.read(this._match_pattern):e+=this._input.readUntil(this.__template_pattern),t+=e,e=this._read_template();return this._until_after&&(t+=this._input.readUntilAfter(this._until_pattern)),t},s.prototype.__set_templated_pattern=function(){var t=[];this._disabled.php||t.push(this.__patterns.php._starting_pattern.source),this._disabled.handlebars||t.push(this.__patterns.handlebars._starting_pattern.source),this._disabled.erb||t.push(this.__patterns.erb._starting_pattern.source),this._disabled.django||(t.push(this.__patterns.django._starting_pattern.source),t.push(this.__patterns.django_value._starting_pattern.source),t.push(this.__patterns.django_comment._starting_pattern.source)),this._disabled.smarty||t.push(this.__patterns.smarty._starting_pattern.source),this._until_pattern&&t.push(this._until_pattern.source),this.__template_pattern=this._input.get_regexp("(?:"+t.join("|")+")")},s.prototype._read_template=function(){var t="",e=this._input.peek();if("<"===e){var n=this._input.peek(1);this._disabled.php||this._excluded.php||"?"!==n||(t=t||this.__patterns.php.read()),this._disabled.erb||this._excluded.erb||"%"!==n||(t=t||this.__patterns.erb.read())}else"{"===e&&(this._disabled.handlebars||this._excluded.handlebars||(t=(t=(t=t||this.__patterns.handlebars_comment.read())||this.__patterns.handlebars_unescaped.read())||this.__patterns.handlebars.read()),this._disabled.django||(this._excluded.django||this._excluded.handlebars||(t=t||this.__patterns.django_value.read()),this._excluded.django||(t=(t=t||this.__patterns.django_comment.read())||this.__patterns.django.read())),this._disabled.smarty||this._disabled.django&&this._disabled.handlebars&&(t=(t=(t=t||this.__patterns.smarty_comment.read())||this.__patterns.smarty_literal.read())||this.__patterns.smarty.read()));return t},t.exports.TemplatablePattern=s}],e={};var n=function n(i){var r=e[i];if(void 0!==r)return r.exports;var s=e[i]={exports:{}};return t[i](s,s.exports,n),s.exports}(0);r=n}();var s=r;void 0===(n=function(){return{js_beautify:s}}.apply(e,[]))||(t.exports=n)}()},406:function(){!function(t){var e="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},i={bash:n,environment:{pattern:RegExp("\\$"+e),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+e),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};t.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+e),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},parameter:{pattern:/(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:i},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:i},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:i.entity}}],environment:{pattern:RegExp("\\$?"+e),alias:"constant"},variable:i.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=t.languages.bash;for(var r=["comment","function-name","for-or-select","assign-left","parameter","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],s=i.variable[1].inside,a=0;a<r.length;a++)s[r[a]]=t.languages.bash[r[a]];t.languages.sh=t.languages.bash,t.languages.shell=t.languages.bash}(Prism)},399:function(){Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}},173:function(t,e,n){var i=function(t){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,n=0,i={},r={manual:t.Prism&&t.Prism.manual,disableWorkerMessageHandler:t.Prism&&t.Prism.disableWorkerMessageHandler,util:{encode:function t(e){return e instanceof s?new s(e.type,t(e.content),e.alias):Array.isArray(e)?e.map(t):e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(t){return Object.prototype.toString.call(t).slice(8,-1)},objId:function(t){return t.__id||Object.defineProperty(t,"__id",{value:++n}),t.__id},clone:function t(e,n){var i,s;switch(n=n||{},r.util.type(e)){case"Object":if(s=r.util.objId(e),n[s])return n[s];for(var a in i={},n[s]=i,e)e.hasOwnProperty(a)&&(i[a]=t(e[a],n));return i;case"Array":return s=r.util.objId(e),n[s]?n[s]:(i=[],n[s]=i,e.forEach((function(e,r){i[r]=t(e,n)})),i);default:return e}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(i){var t=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(i.stack)||[])[1];if(t){var e=document.getElementsByTagName("script");for(var n in e)if(e[n].src==t)return e[n]}return null}},isActive:function(t,e,n){for(var i="no-"+e;t;){var r=t.classList;if(r.contains(e))return!0;if(r.contains(i))return!1;t=t.parentElement}return!!n}},languages:{plain:i,plaintext:i,text:i,txt:i,extend:function(t,e){var n=r.util.clone(r.languages[t]);for(var i in e)n[i]=e[i];return n},insertBefore:function(t,e,n,i){var s=(i=i||r.languages)[t],a={};for(var o in s)if(s.hasOwnProperty(o)){if(o==e)for(var _ in n)n.hasOwnProperty(_)&&(a[_]=n[_]);n.hasOwnProperty(o)||(a[o]=s[o])}var u=i[t];return i[t]=a,r.languages.DFS(r.languages,(function(e,n){n===u&&e!=t&&(this[e]=a)})),a},DFS:function t(e,n,i,s){s=s||{};var a=r.util.objId;for(var o in e)if(e.hasOwnProperty(o)){n.call(e,o,e[o],i||o);var _=e[o],u=r.util.type(_);"Object"!==u||s[a(_)]?"Array"!==u||s[a(_)]||(s[a(_)]=!0,t(_,n,o,s)):(s[a(_)]=!0,t(_,n,null,s))}}},plugins:{},highlightAll:function(t,e){r.highlightAllUnder(document,t,e)},highlightAllUnder:function(t,e,n){var i={callback:n,container:t,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};r.hooks.run("before-highlightall",i),i.elements=Array.prototype.slice.apply(i.container.querySelectorAll(i.selector)),r.hooks.run("before-all-elements-highlight",i);for(var s,a=0;s=i.elements[a++];)r.highlightElement(s,!0===e,i.callback)},highlightElement:function(e,n,i){var s=r.util.getLanguage(e),a=r.languages[s];r.util.setLanguage(e,s);var o=e.parentElement;o&&"pre"===o.nodeName.toLowerCase()&&r.util.setLanguage(o,s);var _={element:e,language:s,grammar:a,code:e.textContent};function u(t){_.highlightedCode=t,r.hooks.run("before-insert",_),_.element.innerHTML=_.highlightedCode,r.hooks.run("after-highlight",_),r.hooks.run("complete",_),i&&i.call(_.element)}if(r.hooks.run("before-sanity-check",_),(o=_.element.parentElement)&&"pre"===o.nodeName.toLowerCase()&&!o.hasAttribute("tabindex")&&o.setAttribute("tabindex","0"),!_.code)return r.hooks.run("complete",_),void(i&&i.call(_.element));if(r.hooks.run("before-highlight",_),_.grammar)if(n&&t.Worker){var p=new Worker(r.filename);p.onmessage=function(t){u(t.data)},p.postMessage(JSON.stringify({language:_.language,code:_.code,immediateClose:!0}))}else u(r.highlight(_.code,_.grammar,_.language));else u(r.util.encode(_.code))},highlight:function(t,e,n){var i={code:t,grammar:e,language:n};if(r.hooks.run("before-tokenize",i),!i.grammar)throw new Error('The language "'+i.language+'" has no grammar.');return i.tokens=r.tokenize(i.code,i.grammar),r.hooks.run("after-tokenize",i),s.stringify(r.util.encode(i.tokens),i.language)},tokenize:function(t,e){var n=e.rest;if(n){for(var i in n)e[i]=n[i];delete e.rest}var r=new _;return u(r,r.head,t),o(t,r,e,r.head,0),function(t){var e=[],n=t.head.next;for(;n!==t.tail;)e.push(n.value),n=n.next;return e}(r)},hooks:{all:{},add:function(t,e){var n=r.hooks.all;n[t]=n[t]||[],n[t].push(e)},run:function(t,e){var n=r.hooks.all[t];if(n&&n.length)for(var i,s=0;i=n[s++];)i(e)}},Token:s};function s(t,e,n,i){this.type=t,this.content=e,this.alias=n,this.length=0|(i||"").length}function a(t,e,n,i){t.lastIndex=e;var r=t.exec(n);if(r&&i&&r[1]){var s=r[1].length;r.index+=s,r[0]=r[0].slice(s)}return r}function o(t,e,n,i,_,l){for(var h in n)if(n.hasOwnProperty(h)&&n[h]){var c=n[h];c=Array.isArray(c)?c:[c];for(var d=0;d<c.length;++d){if(l&&l.cause==h+","+d)return;var f=c[d],g=f.inside,m=!!f.lookbehind,y=!!f.greedy,b=f.alias;if(y&&!f.pattern.global){var v=f.pattern.toString().match(/[imsuy]*$/)[0];f.pattern=RegExp(f.pattern.source,v+"g")}for(var k=f.pattern||f,w=i.next,x=_;w!==e.tail&&!(l&&x>=l.reach);x+=w.value.length,w=w.next){var S=w.value;if(e.length>t.length)return;if(!(S instanceof s)){var E,O=1;if(y){if(!(E=a(k,x,t,m))||E.index>=t.length)break;var P=E.index,A=E.index+E[0].length,T=x;for(T+=w.value.length;P>=T;)T+=(w=w.next).value.length;if(x=T-=w.value.length,w.value instanceof s)continue;for(var R=w;R!==e.tail&&(T<A||"string"==typeof R.value);R=R.next)O++,T+=R.value.length;O--,S=t.slice(x,T),E.index-=x}else if(!(E=a(k,0,S,m)))continue;P=E.index;var N=E[0],L=S.slice(0,P),C=S.slice(P+N.length),I=x+S.length;l&&I>l.reach&&(l.reach=I);var D=w.prev;if(L&&(D=u(e,D,L),x+=L.length),p(e,D,O),w=u(e,D,new s(h,g?r.tokenize(N,g):N,b,N)),C&&u(e,w,C),O>1){var F={cause:h+","+d,reach:I};o(t,e,n,w.prev,x,F),l&&F.reach>l.reach&&(l.reach=F.reach)}}}}}}function _(){var t={value:null,prev:null,next:null},e={value:null,prev:t,next:null};t.next=e,this.head=t,this.tail=e,this.length=0}function u(t,e,n){var i=e.next,r={value:n,prev:e,next:i};return e.next=r,i.prev=r,t.length++,r}function p(t,e,n){for(var i=e.next,r=0;r<n&&i!==t.tail;r++)i=i.next;e.next=i,i.prev=e,t.length-=r}if(t.Prism=r,s.stringify=function t(e,n){if("string"==typeof e)return e;if(Array.isArray(e)){var i="";return e.forEach((function(e){i+=t(e,n)})),i}var s={type:e.type,content:t(e.content,n),tag:"span",classes:["token",e.type],attributes:{},language:n},a=e.alias;a&&(Array.isArray(a)?Array.prototype.push.apply(s.classes,a):s.classes.push(a)),r.hooks.run("wrap",s);var o="";for(var _ in s.attributes)o+=" "+_+'="'+(s.attributes[_]||"").replace(/"/g,"&quot;")+'"';return"<"+s.tag+' class="'+s.classes.join(" ")+'"'+o+">"+s.content+"</"+s.tag+">"},!t.document)return t.addEventListener?(r.disableWorkerMessageHandler||t.addEventListener("message",(function(e){var n=JSON.parse(e.data),i=n.language,s=n.code,a=n.immediateClose;t.postMessage(r.highlight(s,r.languages[i],i)),a&&t.close()}),!1),r):r;var l=r.util.currentScript();function h(){r.manual||r.highlightAll()}if(l&&(r.filename=l.src,l.hasAttribute("data-manual")&&(r.manual=!0)),!r.manual){var c=document.readyState;"loading"===c||"interactive"===c&&l&&l.defer?document.addEventListener("DOMContentLoaded",h):window.requestAnimationFrame?window.requestAnimationFrame(h):window.setTimeout(h,16)}return r}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});t.exports&&(t.exports=i),void 0!==n.g&&(n.g.Prism=i)},404:function(){!function(t){var e,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;t.languages.css.selector={pattern:t.languages.css.selector.pattern,lookbehind:!0,inside:e={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},t.languages.css.atrule.inside["selector-function-argument"].inside=e,t.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var i={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},r={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};t.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:i,number:r,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:i,number:r})}(Prism)},403:function(){!function(t){var e=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;t.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+e.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:e,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},t.languages.css.atrule.inside.rest=t.languages.css;var n=t.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(Prism)},409:function(){!function(t){t.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},t.hooks.add("before-tokenize",(function(e){t.languages["markup-templating"].buildPlaceholders(e,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),t.hooks.add("after-tokenize",(function(e){t.languages["markup-templating"].tokenizePlaceholders(e,"handlebars")})),t.languages.hbs=t.languages.handlebars,t.languages.mustache=t.languages.handlebars}(Prism)},400:function(){Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),Prism.languages.js=Prism.languages.javascript},402:function(){Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json},407:function(){!function(t){var e=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(t){return t=t.replace(/<inner>/g,(function(){return e})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+t+")")}var i=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,r=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return i})),s=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;t.languages.markdown=t.languages.extend("markup",{}),t.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:t.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+r+s+"(?:"+r+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+r+s+")(?:"+r+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(i),inside:t.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+r+")"+s+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+r+"$"),inside:{"table-header":{pattern:RegExp(i),alias:"important",inside:t.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(e){["url","bold","italic","strike","code-snippet"].forEach((function(n){e!==n&&(t.languages.markdown[e].inside.content.inside[n]=t.languages.markdown[n])}))})),t.hooks.add("after-tokenize",(function(t){"markdown"!==t.language&&"md"!==t.language||function t(e){if(e&&"string"!=typeof e)for(var n=0,i=e.length;n<i;n++){var r=e[n];if("code"===r.type){var s=r.content[1],a=r.content[3];if(s&&a&&"code-language"===s.type&&"code-block"===a.type&&"string"==typeof s.content){var o=s.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),_="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase());a.alias?"string"==typeof a.alias?a.alias=[a.alias,_]:a.alias.push(_):a.alias=[_]}}else t(r.content)}}(t.tokens)})),t.hooks.add("wrap",(function(e){if("code-block"===e.type){for(var n="",i=0,r=e.classes.length;i<r;i++){var s=e.classes[i],u=/language-(.+)/.exec(s);if(u){n=u[1];break}}var p,l=t.languages[n];if(l)e.content=t.highlight((p=e.content,p.replace(a,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(t,e){var n;if("#"===(e=e.toLowerCase())[0])return n="x"===e[1]?parseInt(e.slice(2),16):Number(e.slice(1)),_(n);var i=o[e];return i||t}))),l,n);else if(n&&"none"!==n&&t.plugins.autoloader){var h="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random());e.attributes.id=h,t.plugins.autoloader.loadLanguages(n,(function(){var e=document.getElementById(h);e&&(e.innerHTML=t.highlight(e.textContent,t.languages[n],n))}))}}}));var a=RegExp(t.languages.markup.tag.pattern.source,"gi"),o={amp:"&",lt:"<",gt:">",quot:'"'},_=String.fromCodePoint||String.fromCharCode;t.languages.md=t.languages.markdown}(Prism)},396:function(){!function(t){function e(t,e){return"___"+t.toUpperCase()+e+"___"}Object.defineProperties(t.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,i,r,s){if(n.language===i){var a=n.tokenStack=[];n.code=n.code.replace(r,(function(t){if("function"==typeof s&&!s(t))return t;for(var r,o=a.length;-1!==n.code.indexOf(r=e(i,o));)++o;return a[o]=t,r})),n.grammar=t.languages.markup}}},tokenizePlaceholders:{value:function(n,i){if(n.language===i&&n.tokenStack){n.grammar=t.languages[i];var r=0,s=Object.keys(n.tokenStack);!function a(o){for(var _=0;_<o.length&&!(r>=s.length);_++){var u=o[_];if("string"==typeof u||u.content&&"string"==typeof u.content){var p=s[r],l=n.tokenStack[p],h="string"==typeof u?u:u.content,c=e(i,p),d=h.indexOf(c);if(d>-1){++r;var f=h.substring(0,d),g=new t.Token(i,t.tokenize(l,n.grammar),"language-"+i,l),m=h.substring(d+c.length),y=[];f&&y.push.apply(y,a([f])),y.push(g),m&&y.push.apply(y,a([m])),"string"==typeof u?o.splice.apply(o,[_,1].concat(y)):u.content=y}}else u.content&&a(u.content)}return o}(n.tokens)}}}})}(Prism)},397:function(){Prism.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",(function(t){"entity"===t.type&&(t.attributes.title=t.content.replace(/&amp;/,"&"))})),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(t,e){var n={};n["language-"+e]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[e]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;var i={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};i["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var r={};r[t]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return t})),"i"),lookbehind:!0,greedy:!0,inside:i},Prism.languages.insertBefore("markup","cdata",r)}}),Object.defineProperty(Prism.languages.markup.tag,"addAttribute",{value:function(t,e){Prism.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+t+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:Prism.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml},405:function(){Prism.languages.scss=Prism.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),Prism.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),Prism.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),Prism.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),Prism.languages.scss.atrule.inside.rest=Prism.languages.scss},398:function(){Prism.languages.twig={comment:/^\{#[\s\S]*?#\}$/,"tag-name":{pattern:/(^\{%-?\s*)\w+/,lookbehind:!0,alias:"keyword"},delimiter:{pattern:/^\{[{%]-?|-?[%}]\}$/,alias:"punctuation"},string:{pattern:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,inside:{punctuation:/^['"]|['"]$/}},keyword:/\b(?:even|if|odd)\b/,boolean:/\b(?:false|null|true)\b/,number:/\b0x[\dA-Fa-f]+|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][-+]?\d+)?/,operator:[{pattern:/(\s)(?:and|b-and|b-or|b-xor|ends with|in|is|matches|not|or|same as|starts with)(?=\s)/,lookbehind:!0},/[=<>]=?|!=|\*\*?|\/\/?|\?:?|[-+~%|]/],punctuation:/[()\[\]{}:.,]/},Prism.hooks.add("before-tokenize",(function(t){if("twig"===t.language){Prism.languages["markup-templating"].buildPlaceholders(t,"twig",/\{(?:#[\s\S]*?#|%[\s\S]*?%|\{[\s\S]*?\})\}/g)}})),Prism.hooks.add("after-tokenize",(function(t){Prism.languages["markup-templating"].tokenizePlaceholders(t,"twig")}))},401:function(){!function(t){t.languages.typescript=t.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),t.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete t.languages.typescript.parameter,delete t.languages.typescript["literal-property"];var e=t.languages.extend("typescript",{});delete e["class-name"],t.languages.typescript["class-name"].inside=e,t.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e}}}}),t.languages.ts=t.languages.typescript}(Prism)},408:function(){!function(t){var e=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,i="(?:"+n.source+"(?:[ \t]+"+e.source+")?|"+e.source+"(?:[ \t]+"+n.source+")?)",r=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),s=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function a(t,e){e=(e||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return i})).replace(/<<value>>/g,(function(){return t}));return RegExp(n,e)}t.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return i}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return i})).replace(/<<key>>/g,(function(){return"(?:"+r+"|"+s+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:a(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:a(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:a(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:a(s),lookbehind:!0,greedy:!0},number:{pattern:a(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:e,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},t.languages.yml=t.languages.yaml}(Prism)},174:function(t){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}!function(){if("undefined"!=typeof Prism){var n=Object.assign||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},i={"remove-trailing":"boolean","remove-indent":"boolean","left-trim":"boolean","right-trim":"boolean","break-lines":"number",indent:"number","remove-initial-line-feed":"boolean","tabs-to-spaces":"number","spaces-to-tabs":"number"};r.prototype={setDefaults:function(t){this.defaults=n(this.defaults,t)},normalize:function(t,e){for(var i in e=n(this.defaults,e)){var r=i.replace(/-(\w)/g,(function(t,e){return e.toUpperCase()}));"normalize"!==i&&"setDefaults"!==r&&e[i]&&this[r]&&(t=this[r].call(this,t,e[i]))}return t},leftTrim:function(t){return t.replace(/^\s+/,"")},rightTrim:function(t){return t.replace(/\s+$/,"")},tabsToSpaces:function(t,e){return e=0|e||4,t.replace(/\t/g,new Array(++e).join(" "))},spacesToTabs:function(t,e){return e=0|e||4,t.replace(RegExp(" {"+e+"}","g"),"\t")},removeTrailing:function(t){return t.replace(/\s*?$/gm,"")},removeInitialLineFeed:function(t){return t.replace(/^(?:\r?\n|\r)/,"")},removeIndent:function(t){var e=t.match(/^[^\S\n\r]*(?=\S)/gm);return e&&e[0].length?(e.sort((function(t,e){return t.length-e.length})),e[0].length?t.replace(RegExp("^"+e[0],"gm"),""):t):t},indent:function(t,e){return t.replace(/^[^\S\n\r]*(?=\S)/gm,new Array(++e).join("\t")+"$&")},breakLines:function(t,e){e=!0===e?80:0|e||80;for(var n=t.split("\n"),i=0;i<n.length;++i)if(!(s(n[i])<=e)){for(var r=n[i].split(/(\s+)/g),a=0,o=0;o<r.length;++o){var _=s(r[o]);(a+=_)>e&&(r[o]="\n"+r[o],a=_)}n[i]=r.join("")}return n.join("\n")}},t.exports&&(t.exports=r),Prism.plugins.NormalizeWhitespace=new r({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0}),Prism.hooks.add("before-sanity-check",(function(t){var n=Prism.plugins.NormalizeWhitespace;if((!t.settings||!1!==t.settings["whitespace-normalization"])&&Prism.util.isActive(t.element,"whitespace-normalization",!0))if(t.element&&t.element.parentNode||!t.code){var r=t.element.parentNode;if(t.code&&r&&"pre"===r.nodeName.toLowerCase()){for(var s in null==t.settings&&(t.settings={}),i)if(Object.hasOwnProperty.call(i,s)){var a=i[s];if(r.hasAttribute("data-"+s))try{var o=JSON.parse(r.getAttribute("data-"+s)||"true");e(o)===a&&(t.settings[s]=o)}catch(f){}}for(var _=r.childNodes,u="",p="",l=!1,h=0;h<_.length;++h){var c=_[h];c==t.element?l=!0:"#text"===c.nodeName&&(l?p+=c.nodeValue:u+=c.nodeValue,r.removeChild(c),--h)}if(t.element.children.length&&Prism.plugins.KeepMarkup){var d=u+t.element.innerHTML+p;t.element.innerHTML=n.normalize(d,t.settings),t.code=t.element.textContent}else t.code=u+t.code+p,t.code=n.normalize(t.code,t.settings)}}else t.code=n.normalize(t.code,t.settings)}))}function r(t){this.defaults=n({},t)}function s(t){for(var e=0,n=0;n<t.length;++n)t.charCodeAt(n)=="\t".charCodeAt(0)&&(e+=3);return t.length+e}}()},393:function(t,e,n){"use strict";function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function r(){r=function(){return t};var t={},e=Object.prototype,n=e.hasOwnProperty,s=Object.defineProperty||function(t,e,n){t[e]=n.value},a="function"==typeof Symbol?Symbol:{},o=a.iterator||"@@iterator",_=a.asyncIterator||"@@asyncIterator",u=a.toStringTag||"@@toStringTag";function p(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{p({},"")}catch(R){p=function(t,e,n){return t[e]=n}}function l(t,e,n,i){var r=e&&e.prototype instanceof d?e:d,a=Object.create(r.prototype),o=new P(i||[]);return s(a,"_invoke",{value:x(t,n,o)}),a}function h(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(R){return{type:"throw",arg:R}}}t.wrap=l;var c={};function d(){}function f(){}function g(){}var m={};p(m,o,(function(){return this}));var y=Object.getPrototypeOf,b=y&&y(y(A([])));b&&b!==e&&n.call(b,o)&&(m=b);var v=g.prototype=d.prototype=Object.create(m);function k(t){["next","throw","return"].forEach((function(e){p(t,e,(function(t){return this._invoke(e,t)}))}))}function w(t,e){function r(s,a,o,_){var u=h(t[s],t,a);if("throw"!==u.type){var p=u.arg,l=p.value;return l&&"object"==i(l)&&n.call(l,"__await")?e.resolve(l.__await).then((function(t){r("next",t,o,_)}),(function(t){r("throw",t,o,_)})):e.resolve(l).then((function(t){p.value=t,o(p)}),(function(t){return r("throw",t,o,_)}))}_(u.arg)}var a;s(this,"_invoke",{value:function(t,n){function i(){return new e((function(e,i){r(t,n,e,i)}))}return a=a?a.then(i,i):i()}})}function x(t,e,n){var i="suspendedStart";return function(r,s){if("executing"===i)throw new Error("Generator is already running");if("completed"===i){if("throw"===r)throw s;return T()}for(n.method=r,n.arg=s;;){var a=n.delegate;if(a){var o=S(a,n);if(o){if(o===c)continue;return o}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===i)throw i="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);i="executing";var _=h(t,e,n);if("normal"===_.type){if(i=n.done?"completed":"suspendedYield",_.arg===c)continue;return{value:_.arg,done:n.done}}"throw"===_.type&&(i="completed",n.method="throw",n.arg=_.arg)}}}function S(t,e){var n=e.method,i=t.iterator[n];if(void 0===i)return e.delegate=null,"throw"===n&&t.iterator.return&&(e.method="return",e.arg=void 0,S(t,e),"throw"===e.method)||"return"!==n&&(e.method="throw",e.arg=new TypeError("The iterator does not provide a '"+n+"' method")),c;var r=h(i,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,c;var s=r.arg;return s?s.done?(e[t.resultName]=s.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,c):s:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,c)}function E(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function O(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function P(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(E,this),this.reset(!0)}function A(t){if(t){var e=t[o];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var i=-1,r=function e(){for(;++i<t.length;)if(n.call(t,i))return e.value=t[i],e.done=!1,e;return e.value=void 0,e.done=!0,e};return r.next=r}}return{next:T}}function T(){return{value:void 0,done:!0}}return f.prototype=g,s(v,"constructor",{value:g,configurable:!0}),s(g,"constructor",{value:f,configurable:!0}),f.displayName=p(g,u,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===f||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,g):(t.__proto__=g,p(t,u,"GeneratorFunction")),t.prototype=Object.create(v),t},t.awrap=function(t){return{__await:t}},k(w.prototype),p(w.prototype,_,(function(){return this})),t.AsyncIterator=w,t.async=function(e,n,i,r,s){void 0===s&&(s=Promise);var a=new w(l(e,n,i,r),s);return t.isGeneratorFunction(n)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},k(v),p(v,u,"Generator"),p(v,o,(function(){return this})),p(v,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=Object(t),n=[];for(var i in e)n.push(i);return n.reverse(),function t(){for(;n.length;){var i=n.pop();if(i in e)return t.value=i,t.done=!1,t}return t.done=!0,t}},t.values=A,P.prototype={constructor:P,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(O),!t)for(var e in this)"t"===e.charAt(0)&&n.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function i(n,i){return a.type="throw",a.arg=t,e.next=n,i&&(e.method="next",e.arg=void 0),!!i}for(var r=this.tryEntries.length-1;r>=0;--r){var s=this.tryEntries[r],a=s.completion;if("root"===s.tryLoc)return i("end");if(s.tryLoc<=this.prev){var o=n.call(s,"catchLoc"),_=n.call(s,"finallyLoc");if(o&&_){if(this.prev<s.catchLoc)return i(s.catchLoc,!0);if(this.prev<s.finallyLoc)return i(s.finallyLoc)}else if(o){if(this.prev<s.catchLoc)return i(s.catchLoc,!0)}else{if(!_)throw new Error("try statement without catch or finally");if(this.prev<s.finallyLoc)return i(s.finallyLoc)}}}},abrupt:function(t,e){for(var i=this.tryEntries.length-1;i>=0;--i){var r=this.tryEntries[i];if(r.tryLoc<=this.prev&&n.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var s=r;break}}s&&("break"===t||"continue"===t)&&s.tryLoc<=e&&e<=s.finallyLoc&&(s=null);var a=s?s.completion:{};return a.type=t,a.arg=e,s?(this.method="next",this.next=s.finallyLoc,c):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),c},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),O(n),c}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var i=n.completion;if("throw"===i.type){var r=i.arg;O(n)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:A(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),c}},t}function s(t,e,n,i){return new(n||(n=Promise))((function(r,s){function a(t){try{_(i.next(t))}catch(e){s(e)}}function o(t){try{_(i.throw(t))}catch(e){s(e)}}function _(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,o)}_((i=i.apply(t,e||[])).next())}))}n.d(e,{X5:function(){return o}});var a=300;function o(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return s(this,void 0,void 0,r().mark((function n(){var i,s,o;return r().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t instanceof Element||t instanceof Window){n.next=2;break}throw new Error("element passed to scrollTo() must be either the window or a DOM element, you passed ".concat(t,"!"));case 2:return e=u(e),i=function e(n,i,r,s){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:a,_=arguments.length>5?arguments[5]:void 0,u=arguments.length>6?arguments[6]:void 0;window.requestAnimationFrame((function(){var a=Date.now(),p=Math.min(1,(a-s)/o);if(n===i)return u?u():null;l(t,_(p)*(i-n)+n),p<1?e(n,i,r,s,o,_,u):u&&u()}))},s=p(t),o=_(t),n.abrupt("return",new Promise((function(t){i(s,"number"==typeof e.top?e.top:s,o,Date.now(),e.duration,d(e.easing),t)})));case 7:case"end":return n.stop()}}),n)})))}function _(t){var e={window:{y:"scrollY",x:"scrollX"},element:{y:"scrollTop",x:"scrollLeft"}};return t instanceof Window?e.window.y:e.element.y}function u(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return"smooth"===t.behavior&&(t.easing="ease-in-out",t.duration=a),"auto"===t.behavior&&(t.duration=0,t.easing="linear"),t}function p(t){var e=h.getDocument();return t===e.body||t===e.documentElement||t instanceof Window?e.body.scrollTop||e.documentElement.scrollTop:t.scrollTop}function l(t,e){var n=h.getDocument();t===n.body||t===n.documentElement||t instanceof Window?(n.body.scrollTop=e,n.documentElement.scrollTop=e):t.scrollTop=e}var h={getDocument:function(){return document}},c={linear:function(t){return t},"ease-in":function(t){return t*t},"ease-out":function(t){return t*(2-t)},"ease-in-out":function(t){return t<.5?2*t*t:(4-2*t)*t-1}},d=function(t){var e=c[t||"linear"];if(!e){var n=Object.keys(c).join(",");throw new Error('Scroll error: scroller does not support an easing option of "'.concat(t,'". Supported options are ').concat(n))}return e}}}]);
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/4-chunk-9d131fbad93c294f5a13.js.LICENSE.txt b/review/refactor-icon-update/styleguide/js/4-chunk-9d131fbad93c294f5a13.js.LICENSE.txt
new file mode 100644
index 0000000000..f4f3f5d942
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/4-chunk-9d131fbad93c294f5a13.js.LICENSE.txt
@@ -0,0 +1,94 @@
+/*!
+ * Determine if an object is a Buffer
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+
+/*!
+ * clipboard.js v2.0.11
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+
+/*!
+ * condense-newlines <https://github.com/jonschlinkert/condense-newlines>
+ *
+ * Copyright (c) 2014 Jon Schlinkert, contributors.
+ * Licensed under the MIT License
+ */
+
+/*!
+ * is-extendable <https://github.com/jonschlinkert/is-extendable>
+ *
+ * Copyright (c) 2015, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+/*!
+ * is-whitespace <https://github.com/jonschlinkert/is-whitespace>
+ *
+ * Copyright (c) 2014-2015, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+/*!
+ * pretty <https://github.com/jonschlinkert/pretty>
+ *
+ * Copyright (c) 2013-2015, 2017, Jon Schlinkert.
+ * Released under the MIT License.
+ */
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+
+/**
+ * Prism: Lightweight, robust, elegant syntax highlighting
+ *
+ * @license MIT <https://opensource.org/licenses/MIT>
+ * @author Lea Verou <https://lea.verou.me>
+ * @namespace
+ * @public
+ */
+
+/**!
+
+ @license
+ handlebars v4.7.7
+
+Copyright (C) 2011-2019 by Yehuda Katz
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+*/
diff --git a/review/refactor-icon-update/styleguide/js/4-chunk-efb48caad6ff1a4474f5.modern.js b/review/refactor-icon-update/styleguide/js/4-chunk-efb48caad6ff1a4474f5.modern.js
new file mode 100644
index 0000000000..1a04a2daaa
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/4-chunk-efb48caad6ff1a4474f5.modern.js
@@ -0,0 +1,2 @@
+/*! For license information please see 4-chunk-efb48caad6ff1a4474f5.modern.js.LICENSE.txt */
+(self.webpackChunk_pattern_lab_uikit_workshop=self.webpackChunk_pattern_lab_uikit_workshop||[]).push([[4],{15:function(t){var e;e=function(){return function(){var t={686:function(t,e,n){"use strict";n.d(e,{default:function(){return x}});var i=n(279),s=n.n(i),r=n(370),a=n.n(r),o=n(817),_=n.n(o);function u(t){try{return document.execCommand(t)}catch(e){return!1}}var p=function(t){var e=_()(t);return u("cut"),e},l=function(t,e){var n=function(t){var e="rtl"===document.documentElement.getAttribute("dir"),n=document.createElement("textarea");n.style.fontSize="12pt",n.style.border="0",n.style.padding="0",n.style.margin="0",n.style.position="absolute",n.style[e?"right":"left"]="-9999px";var i=window.pageYOffset||document.documentElement.scrollTop;return n.style.top="".concat(i,"px"),n.setAttribute("readonly",""),n.value=t,n}(t);e.container.appendChild(n);var i=_()(n);return u("copy"),n.remove(),i},h=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body},n="";return"string"==typeof t?n=l(t,e):t instanceof HTMLInputElement&&!["text","search","url","tel","password"].includes(null==t?void 0:t.type)?n=l(t.value,e):(n=_()(t),u("copy")),n};function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}var d=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.action,n=void 0===e?"copy":e,i=t.container,s=t.target,r=t.text;if("copy"!==n&&"cut"!==n)throw new Error('Invalid "action" value, use either "copy" or "cut"');if(void 0!==s){if(!s||"object"!==c(s)||1!==s.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===n&&s.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===n&&(s.hasAttribute("readonly")||s.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes')}return r?h(r,{container:i}):s?"cut"===n?p(s):h(s,{container:i}):void 0};function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}function g(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function m(t,e){return m=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},m(t,e)}function y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=v(t);if(e){var s=v(this).constructor;n=Reflect.construct(i,arguments,s)}else n=i.apply(this,arguments);return b(this,n)}}function b(t,e){return!e||"object"!==f(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function v(t){return v=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},v(t)}function k(t,e){var n="data-clipboard-".concat(t);if(e.hasAttribute(n))return e.getAttribute(n)}var w=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&m(t,e)}(r,t);var e,n,i,s=y(r);function r(t,e){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,r),(n=s.call(this)).resolveOptions(e),n.listenClick(t),n}return e=r,n=[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===f(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=a()(t,"click",(function(t){return e.onClick(t)}))}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget,n=this.action(e)||"copy",i=d({action:n,container:this.container,target:this.target(e),text:this.text(e)});this.emit(i?"success":"error",{action:n,text:i,trigger:e,clearSelection:function(){e&&e.focus(),window.getSelection().removeAllRanges()}})}},{key:"defaultAction",value:function(t){return k("action",t)}},{key:"defaultTarget",value:function(t){var e=k("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return k("text",t)}},{key:"destroy",value:function(){this.listener.destroy()}}],i=[{key:"copy",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body};return h(t,e)}},{key:"cut",value:function(t){return p(t)}},{key:"isSupported",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,n=!!document.queryCommandSupported;return e.forEach((function(t){n=n&&!!document.queryCommandSupported(t)})),n}}],n&&g(e.prototype,n),i&&g(e,i),r}(s()),x=w},828:function(t){if("undefined"!=typeof Element&&!Element.prototype.matches){var e=Element.prototype;e.matches=e.matchesSelector||e.mozMatchesSelector||e.msMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector}t.exports=function(t,e){for(;t&&9!==t.nodeType;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}},438:function(t,e,n){var i=n(828);function s(t,e,n,i,s){var a=r.apply(this,arguments);return t.addEventListener(n,a,s),{destroy:function(){t.removeEventListener(n,a,s)}}}function r(t,e,n,s){return function(n){n.delegateTarget=i(n.target,e),n.delegateTarget&&s.call(t,n)}}t.exports=function(t,e,n,i,r){return"function"==typeof t.addEventListener?s.apply(null,arguments):"function"==typeof n?s.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,(function(t){return s(t,e,n,i,r)})))}},879:function(t,e){e.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},e.nodeList=function(t){var n=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===n||"[object HTMLCollection]"===n)&&"length"in t&&(0===t.length||e.node(t[0]))},e.string=function(t){return"string"==typeof t||t instanceof String},e.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},370:function(t,e,n){var i=n(879),s=n(438);t.exports=function(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!i.string(e))throw new TypeError("Second argument must be a String");if(!i.fn(n))throw new TypeError("Third argument must be a Function");if(i.node(t))return function(t,e,n){return t.addEventListener(e,n),{destroy:function(){t.removeEventListener(e,n)}}}(t,e,n);if(i.nodeList(t))return function(t,e,n){return Array.prototype.forEach.call(t,(function(t){t.addEventListener(e,n)})),{destroy:function(){Array.prototype.forEach.call(t,(function(t){t.removeEventListener(e,n)}))}}}(t,e,n);if(i.string(t))return function(t,e,n){return s(document.body,t,e,n)}(t,e,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}},817:function(t){t.exports=function(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var i=window.getSelection(),s=document.createRange();s.selectNodeContents(t),i.removeAllRanges(),i.addRange(s),e=i.toString()}return e}},279:function(t){function e(){}e.prototype={on:function(t,e,n){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var i=this;function s(){i.off(t,s),e.apply(n,arguments)}return s._=e,this.on(t,s,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),i=0,s=n.length;i<s;i++)n[i].fn.apply(n[i].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),i=n[t],s=[];if(i&&e)for(var r=0,a=i.length;r<a;r++)i[r].fn!==e&&i[r].fn._!==e&&s.push(i[r]);return s.length?n[t]=s:delete n[t],this}},t.exports=e,t.exports.TinyEmitter=e}},e={};function n(i){if(e[i])return e[i].exports;var s=e[i]={exports:{}};return t[i](s,s.exports,n),s.exports}return n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n(686)}().default},t.exports=e()},144:function(t,e,n){"use strict";var i=n(145),s=n(143),r=n(147);t.exports=function(t,e){var n,a=s({},e),o=a.sep||"\n\n",_=a.min;return"number"==typeof _&&2!==_&&(n=new RegExp("(\\r\\n|\\n|\\u2424) {"+_+",}")),void 0===n&&(n=a.regex||/(\r\n|\n|\u2424){2,}/g),!0!==a.keepWhitespace&&(t=t.split("\n").map((function(t){return i(t)?t.trim():t})).join("\n")),t=function(t,e){var n=e.trailingNewline;if(!1===n)return t;switch(r(n)){case"string":t=t.replace(/\s+$/,e.trailingNewline);break;case"function":t=e.trailingNewline(t);break;default:t=t.replace(/\s+$/,"\n")}return t}(t,a),t.replace(n,o)}},147:function(t,e,n){var i=n(148),s=Object.prototype.toString;t.exports=function(t){if(void 0===t)return"undefined";if(null===t)return"null";if(!0===t||!1===t||t instanceof Boolean)return"boolean";if("string"==typeof t||t instanceof String)return"string";if("number"==typeof t||t instanceof Number)return"number";if("function"==typeof t||t instanceof Function)return"function";if(void 0!==Array.isArray&&Array.isArray(t))return"array";if(t instanceof RegExp)return"regexp";if(t instanceof Date)return"date";var e=s.call(t);return"[object RegExp]"===e?"regexp":"[object Date]"===e?"date":"[object Arguments]"===e?"arguments":"[object Error]"===e?"error":i(t)?"buffer":"[object Set]"===e?"set":"[object WeakSet]"===e?"weakset":"[object Map]"===e?"map":"[object WeakMap]"===e?"weakmap":"[object Symbol]"===e?"symbol":"[object Int8Array]"===e?"int8array":"[object Uint8Array]"===e?"uint8array":"[object Uint8ClampedArray]"===e?"uint8clampedarray":"[object Int16Array]"===e?"int16array":"[object Uint16Array]"===e?"uint16array":"[object Int32Array]"===e?"int32array":"[object Uint32Array]"===e?"uint32array":"[object Float32Array]"===e?"float32array":"[object Float64Array]"===e?"float64array":"object"}},143:function(t,e,n){"use strict";var i=n(146);function s(t,e){for(var n in e)r(e,n)&&(t[n]=e[n])}function r(t,e){return Object.prototype.hasOwnProperty.call(t,e)}t.exports=function(t){i(t)||(t={});for(var e=arguments.length,n=1;n<e;n++){var r=arguments[n];i(r)&&s(t,r)}return t}},43:function(t){var e;e=function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var s=e[i]={exports:{},id:i,loaded:!1};return t[i].call(s.exports,s,s.exports,n),s.loaded=!0,s.exports}return n.m=t,n.c=e,n.p="",n(0)}([function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=i(n(2)),r=i(n(45)),a=n(46),o=n(51),_=i(n(52)),u=i(n(49)),p=i(n(44)),l=s.default.create;function h(){var t=l();return t.compile=function(e,n){return o.compile(e,n,t)},t.precompile=function(e,n){return o.precompile(e,n,t)},t.AST=r.default,t.Compiler=o.Compiler,t.JavaScriptCompiler=_.default,t.Parser=a.parser,t.parse=a.parse,t.parseWithoutProcessing=a.parseWithoutProcessing,t}var c=h();c.create=h,p.default(c),c.Visitor=u.default,c.default=c,e.default=c,t.exports=e.default},function(t,e){"use strict";e.default=function(t){return t&&t.__esModule?t:{default:t}},e.__esModule=!0},function(t,e,n){"use strict";var i=n(3).default,s=n(1).default;e.__esModule=!0;var r=i(n(4)),a=s(n(37)),o=s(n(6)),_=i(n(5)),u=i(n(38)),p=s(n(44));function l(){var t=new r.HandlebarsEnvironment;return _.extend(t,r),t.SafeString=a.default,t.Exception=o.default,t.Utils=_,t.escapeExpression=_.escapeExpression,t.VM=u,t.template=function(e){return u.template(e,t)},t}var h=l();h.create=l,p.default(h),h.default=h,e.default=h,t.exports=e.default},function(t,e){"use strict";e.default=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e},e.__esModule=!0},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.HandlebarsEnvironment=l;var s=n(5),r=i(n(6)),a=n(10),o=n(30),_=i(n(32)),u=n(33);e.VERSION="4.7.7",e.COMPILER_REVISION=8,e.LAST_COMPATIBLE_COMPILER_REVISION=7,e.REVISION_CHANGES={1:"<= 1.0.rc.2",2:"== 1.0.0-rc.3",3:"== 1.0.0-rc.4",4:"== 1.x.x",5:"== 2.0.0-alpha.x",6:">= 2.0.0-beta.1",7:">= 4.0.0 <4.3.0",8:">= 4.3.0"};var p="[object Object]";function l(t,e,n){this.helpers=t||{},this.partials=e||{},this.decorators=n||{},a.registerDefaultHelpers(this),o.registerDefaultDecorators(this)}l.prototype={constructor:l,logger:_.default,log:_.default.log,registerHelper:function(t,e){if(s.toString.call(t)===p){if(e)throw new r.default("Arg not supported with multiple helpers");s.extend(this.helpers,t)}else this.helpers[t]=e},unregisterHelper:function(t){delete this.helpers[t]},registerPartial:function(t,e){if(s.toString.call(t)===p)s.extend(this.partials,t);else{if(void 0===e)throw new r.default('Attempting to register a partial called "'+t+'" as undefined');this.partials[t]=e}},unregisterPartial:function(t){delete this.partials[t]},registerDecorator:function(t,e){if(s.toString.call(t)===p){if(e)throw new r.default("Arg not supported with multiple decorators");s.extend(this.decorators,t)}else this.decorators[t]=e},unregisterDecorator:function(t){delete this.decorators[t]},resetLoggedPropertyAccesses:function(){u.resetLoggedProperties()}};var h=_.default.log;e.log=h,e.createFrame=s.createFrame,e.logger=_.default},function(t,e){"use strict";e.__esModule=!0,e.extend=a,e.indexOf=function(t,e){for(var n=0,i=t.length;n<i;n++)if(t[n]===e)return n;return-1},e.escapeExpression=function(t){if("string"!=typeof t){if(t&&t.toHTML)return t.toHTML();if(null==t)return"";if(!t)return t+"";t=""+t}return s.test(t)?t.replace(i,r):t},e.isEmpty=function(t){return!t&&0!==t||!(!u(t)||0!==t.length)},e.createFrame=function(t){var e=a({},t);return e._parent=t,e},e.blockParams=function(t,e){return t.path=e,t},e.appendContextPath=function(t,e){return(t?t+".":"")+e};var n={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;","=":"&#x3D;"},i=/[&<>"'`=]/g,s=/[&<>"'`=]/;function r(t){return n[t]}function a(t){for(var e=1;e<arguments.length;e++)for(var n in arguments[e])Object.prototype.hasOwnProperty.call(arguments[e],n)&&(t[n]=arguments[e][n]);return t}var o=Object.prototype.toString;e.toString=o;var _=function(t){return"function"==typeof t};_(/x/)&&(e.isFunction=_=function(t){return"function"==typeof t&&"[object Function]"===o.call(t)}),e.isFunction=_;var u=Array.isArray||function(t){return!(!t||"object"!=typeof t)&&"[object Array]"===o.call(t)};e.isArray=u},function(t,e,n){"use strict";var i=n(7).default;e.__esModule=!0;var s=["description","fileName","lineNumber","endLineNumber","message","name","number","stack"];function r(t,e){var n=e&&e.loc,a=void 0,o=void 0,_=void 0,u=void 0;n&&(a=n.start.line,o=n.end.line,_=n.start.column,u=n.end.column,t+=" - "+a+":"+_);for(var p=Error.prototype.constructor.call(this,t),l=0;l<s.length;l++)this[s[l]]=p[s[l]];Error.captureStackTrace&&Error.captureStackTrace(this,r);try{n&&(this.lineNumber=a,this.endLineNumber=o,i?(Object.defineProperty(this,"column",{value:_,enumerable:!0}),Object.defineProperty(this,"endColumn",{value:u,enumerable:!0})):(this.column=_,this.endColumn=u))}catch(h){}}r.prototype=new Error,e.default=r,t.exports=e.default},function(t,e,n){t.exports={default:n(8),__esModule:!0}},function(t,e,n){var i=n(9);t.exports=function(t,e,n){return i.setDesc(t,e,n)}},function(t,e){var n=Object;t.exports={create:n.create,getProto:n.getPrototypeOf,isEnum:{}.propertyIsEnumerable,getDesc:n.getOwnPropertyDescriptor,setDesc:n.defineProperty,setDescs:n.defineProperties,getKeys:n.keys,getNames:n.getOwnPropertyNames,getSymbols:n.getOwnPropertySymbols,each:[].forEach}},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.registerDefaultHelpers=function(t){s.default(t),r.default(t),a.default(t),o.default(t),_.default(t),u.default(t),p.default(t)},e.moveHelperToHooks=function(t,e,n){t.helpers[e]&&(t.hooks[e]=t.helpers[e],n||delete t.helpers[e])};var s=i(n(11)),r=i(n(12)),a=i(n(25)),o=i(n(26)),_=i(n(27)),u=i(n(28)),p=i(n(29))},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5);e.default=function(t){t.registerHelper("blockHelperMissing",(function(e,n){var s=n.inverse,r=n.fn;if(!0===e)return r(this);if(!1===e||null==e)return s(this);if(i.isArray(e))return e.length>0?(n.ids&&(n.ids=[n.name]),t.helpers.each(e,n)):s(this);if(n.data&&n.ids){var a=i.createFrame(n.data);a.contextPath=i.appendContextPath(n.data.contextPath,n.name),n={data:a}}return r(e,n)}))},t.exports=e.default},function(t,e,n){(function(i){"use strict";var s=n(13).default,r=n(1).default;e.__esModule=!0;var a=n(5),o=r(n(6));e.default=function(t){t.registerHelper("each",(function(t,e){if(!e)throw new o.default("Must pass iterator to #each");var n,r=e.fn,_=e.inverse,u=0,p="",l=void 0,h=void 0;function c(e,n,i){l&&(l.key=e,l.index=n,l.first=0===n,l.last=!!i,h&&(l.contextPath=h+e)),p+=r(t[e],{data:l,blockParams:a.blockParams([t[e],e],[h+e,null])})}if(e.data&&e.ids&&(h=a.appendContextPath(e.data.contextPath,e.ids[0])+"."),a.isFunction(t)&&(t=t.call(this)),e.data&&(l=a.createFrame(e.data)),t&&"object"==typeof t)if(a.isArray(t))for(var d=t.length;u<d;u++)u in t&&c(u,u,u===t.length-1);else if(i.Symbol&&t[i.Symbol.iterator]){for(var f=[],g=t[i.Symbol.iterator](),m=g.next();!m.done;m=g.next())f.push(m.value);for(d=(t=f).length;u<d;u++)c(u,u,u===t.length-1)}else n=void 0,s(t).forEach((function(t){void 0!==n&&c(n,u-1),n=t,u++})),void 0!==n&&c(n,u-1,!0);return 0===u&&(p=_(this)),p}))},t.exports=e.default}).call(e,function(){return this}())},function(t,e,n){t.exports={default:n(14),__esModule:!0}},function(t,e,n){n(15),t.exports=n(21).Object.keys},function(t,e,n){var i=n(16);n(18)("keys",(function(t){return function(e){return t(i(e))}}))},function(t,e,n){var i=n(17);t.exports=function(t){return Object(i(t))}},function(t,e){t.exports=function(t){if(null==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e,n){var i=n(19),s=n(21),r=n(24);t.exports=function(t,e){var n=(s.Object||{})[t]||Object[t],a={};a[t]=e(n),i(i.S+i.F*r((function(){n(1)})),"Object",a)}},function(t,e,n){var i=n(20),s=n(21),r=n(22),a="prototype",o=function(t,e,n){var _,u,p,l=t&o.F,h=t&o.G,c=t&o.S,d=t&o.P,f=t&o.B,g=t&o.W,m=h?s:s[e]||(s[e]={}),y=h?i:c?i[e]:(i[e]||{})[a];for(_ in h&&(n=e),n)(u=!l&&y&&_ in y)&&_ in m||(p=u?y[_]:n[_],m[_]=h&&"function"!=typeof y[_]?n[_]:f&&u?r(p,i):g&&y[_]==p?function(t){var e=function(e){return this instanceof t?new t(e):t(e)};return e[a]=t[a],e}(p):d&&"function"==typeof p?r(Function.call,p):p,d&&((m[a]||(m[a]={}))[_]=p))};o.F=1,o.G=2,o.S=4,o.P=8,o.B=16,o.W=32,t.exports=o},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){var n=t.exports={version:"1.2.6"};"number"==typeof __e&&(__e=n)},function(t,e,n){var i=n(23);t.exports=function(t,e,n){if(i(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,i){return t.call(e,n,i)};case 3:return function(n,i,s){return t.call(e,n,i,s)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){t.exports=function(t){try{return!!t()}catch(e){return!0}}},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=i(n(6));e.default=function(t){t.registerHelper("helperMissing",(function(){if(1!==arguments.length)throw new s.default('Missing helper: "'+arguments[arguments.length-1].name+'"')}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=n(5),r=i(n(6));e.default=function(t){t.registerHelper("if",(function(t,e){if(2!=arguments.length)throw new r.default("#if requires exactly one argument");return s.isFunction(t)&&(t=t.call(this)),!e.hash.includeZero&&!t||s.isEmpty(t)?e.inverse(this):e.fn(this)})),t.registerHelper("unless",(function(e,n){if(2!=arguments.length)throw new r.default("#unless requires exactly one argument");return t.helpers.if.call(this,e,{fn:n.inverse,inverse:n.fn,hash:n.hash})}))},t.exports=e.default},function(t,e){"use strict";e.__esModule=!0,e.default=function(t){t.registerHelper("log",(function(){for(var e=[void 0],n=arguments[arguments.length-1],i=0;i<arguments.length-1;i++)e.push(arguments[i]);var s=1;null!=n.hash.level?s=n.hash.level:n.data&&null!=n.data.level&&(s=n.data.level),e[0]=s,t.log.apply(t,e)}))},t.exports=e.default},function(t,e){"use strict";e.__esModule=!0,e.default=function(t){t.registerHelper("lookup",(function(t,e,n){return t?n.lookupProperty(t,e):t}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=n(5),r=i(n(6));e.default=function(t){t.registerHelper("with",(function(t,e){if(2!=arguments.length)throw new r.default("#with requires exactly one argument");s.isFunction(t)&&(t=t.call(this));var n=e.fn;if(s.isEmpty(t))return e.inverse(this);var i=e.data;return e.data&&e.ids&&((i=s.createFrame(e.data)).contextPath=s.appendContextPath(e.data.contextPath,e.ids[0])),n(t,{data:i,blockParams:s.blockParams([t],[i&&i.contextPath])})}))},t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.registerDefaultDecorators=function(t){s.default(t)};var s=i(n(31))},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5);e.default=function(t){t.registerDecorator("inline",(function(t,e,n,s){var r=t;return e.partials||(e.partials={},r=function(s,r){var a=n.partials;n.partials=i.extend({},a,e.partials);var o=t(s,r);return n.partials=a,o}),e.partials[s.args[0]]=s.fn,r}))},t.exports=e.default},function(t,e,n){"use strict";e.__esModule=!0;var i=n(5),s={methodMap:["debug","info","warn","error"],level:"info",lookupLevel:function(t){if("string"==typeof t){var e=i.indexOf(s.methodMap,t.toLowerCase());t=e>=0?e:parseInt(t,10)}return t},log:function(t){if(t=s.lookupLevel(t),"undefined"!=typeof console&&s.lookupLevel(s.level)<=t){var e=s.methodMap[t];console[e]||(e="log");for(var n=arguments.length,i=Array(n>1?n-1:0),r=1;r<n;r++)i[r-1]=arguments[r];console[e].apply(console,i)}}};e.default=s,t.exports=e.default},function(t,e,n){"use strict";var i=n(34).default,s=n(13).default,r=n(3).default;e.__esModule=!0,e.createProtoAccessControl=function(t){var e=i(null);e.constructor=!1,e.__defineGetter__=!1,e.__defineSetter__=!1,e.__lookupGetter__=!1;var n=i(null);return n.__proto__=!1,{properties:{whitelist:a.createNewLookupObject(n,t.allowedProtoProperties),defaultValue:t.allowProtoPropertiesByDefault},methods:{whitelist:a.createNewLookupObject(e,t.allowedProtoMethods),defaultValue:t.allowProtoMethodsByDefault}}},e.resultIsAllowed=function(t,e,n){return u("function"==typeof t?e.methods:e.properties,n)},e.resetLoggedProperties=function(){s(_).forEach((function(t){delete _[t]}))};var a=n(36),o=r(n(32)),_=i(null);function u(t,e){return void 0!==t.whitelist[e]?!0===t.whitelist[e]:void 0!==t.defaultValue?t.defaultValue:(function(t){!0!==_[t]&&(_[t]=!0,o.log("error",'Handlebars: Access has been denied to resolve the property "'+t+'" because it is not an "own property" of its parent.\nYou can add a runtime option to disable the check or this warning:\nSee https://handlebarsjs.com/api-reference/runtime-options.html#options-to-control-prototype-access for details'))}(e),!1)}},function(t,e,n){t.exports={default:n(35),__esModule:!0}},function(t,e,n){var i=n(9);t.exports=function(t,e){return i.create(t,e)}},function(t,e,n){"use strict";var i=n(34).default;e.__esModule=!0,e.createNewLookupObject=function(){for(var t=arguments.length,e=Array(t),n=0;n<t;n++)e[n]=arguments[n];return s.extend.apply(void 0,[i(null)].concat(e))};var s=n(5)},function(t,e){"use strict";function n(t){this.string=t}e.__esModule=!0,n.prototype.toString=n.prototype.toHTML=function(){return""+this.string},e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(39).default,s=n(13).default,r=n(3).default,a=n(1).default;e.__esModule=!0,e.checkRevision=function(t){var e=t&&t[0]||1,n=u.COMPILER_REVISION;if(!(e>=u.LAST_COMPATIBLE_COMPILER_REVISION&&e<=u.COMPILER_REVISION)){if(e<u.LAST_COMPATIBLE_COMPILER_REVISION){var i=u.REVISION_CHANGES[n],s=u.REVISION_CHANGES[e];throw new _.default("Template was precompiled with an older version of Handlebars than the current runtime. Please update your precompiler to a newer version ("+i+") or downgrade your runtime to an older version ("+s+").")}throw new _.default("Template was precompiled with a newer version of Handlebars than the current runtime. Please update your runtime to a newer version ("+t[1]+").")}},e.template=function(t,e){if(!e)throw new _.default("No environment passed to template");if(!t||!t.main)throw new _.default("Unknown template object: "+typeof t);t.main.decorator=t.main_d,e.VM.checkRevision(t.compiler);var n=t.compiler&&7===t.compiler[0],r={strict:function(t,e,n){if(!t||!(e in t))throw new _.default('"'+e+'" not defined in '+t,{loc:n});return r.lookupProperty(t,e)},lookupProperty:function(t,e){var n=t[e];return null==n||Object.prototype.hasOwnProperty.call(t,e)||h.resultIsAllowed(n,r.protoAccessControl,e)?n:void 0},lookup:function(t,e){for(var n=t.length,i=0;i<n;i++)if(null!=(t[i]&&r.lookupProperty(t[i],e)))return t[i][e]},lambda:function(t,e){return"function"==typeof t?t.call(e):t},escapeExpression:o.escapeExpression,invokePartial:function(n,i,s){s.hash&&(i=o.extend({},i,s.hash),s.ids&&(s.ids[0]=!0)),n=e.VM.resolvePartial.call(this,n,i,s);var r=o.extend({},s,{hooks:this.hooks,protoAccessControl:this.protoAccessControl}),a=e.VM.invokePartial.call(this,n,i,r);if(null==a&&e.compile&&(s.partials[s.name]=e.compile(n,t.compilerOptions,e),a=s.partials[s.name](i,r)),null!=a){if(s.indent){for(var u=a.split("\n"),p=0,l=u.length;p<l&&(u[p]||p+1!==l);p++)u[p]=s.indent+u[p];a=u.join("\n")}return a}throw new _.default("The partial "+s.name+" could not be compiled when running in runtime-only mode")},fn:function(e){var n=t[e];return n.decorator=t[e+"_d"],n},programs:[],program:function(t,e,n,i,s){var r=this.programs[t],a=this.fn(t);return e||s||i||n?r=c(this,t,a,e,n,i,s):r||(r=this.programs[t]=c(this,t,a)),r},data:function(t,e){for(;t&&e--;)t=t._parent;return t},mergeIfNeeded:function(t,e){var n=t||e;return t&&e&&t!==e&&(n=o.extend({},e,t)),n},nullContext:i({}),noop:e.VM.noop,compilerInfo:t.compiler};function a(e){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],i=n.data;a._setup(n),!n.partial&&t.useData&&(i=f(e,i));var s=void 0,o=t.useBlockParams?[]:void 0;function _(e){return""+t.main(r,e,r.helpers,r.partials,i,o,s)}return t.useDepths&&(s=n.depths?e!=n.depths[0]?[e].concat(n.depths):n.depths:[e]),(_=g(t.main,_,r,n.depths||[],i,o))(e,n)}return a.isTop=!0,a._setup=function(i){if(i.partial)r.protoAccessControl=i.protoAccessControl,r.helpers=i.helpers,r.partials=i.partials,r.decorators=i.decorators,r.hooks=i.hooks;else{var a=o.extend({},e.helpers,i.helpers);!function(t,e){s(t).forEach((function(n){var i=t[n];t[n]=function(t,e){var n=e.lookupProperty;return l.wrapHelper(t,(function(t){return o.extend({lookupProperty:n},t)}))}(i,e)}))}(a,r),r.helpers=a,t.usePartial&&(r.partials=r.mergeIfNeeded(i.partials,e.partials)),(t.usePartial||t.useDecorators)&&(r.decorators=o.extend({},e.decorators,i.decorators)),r.hooks={},r.protoAccessControl=h.createProtoAccessControl(i);var _=i.allowCallsToHelperMissing||n;p.moveHelperToHooks(r,"helperMissing",_),p.moveHelperToHooks(r,"blockHelperMissing",_)}},a._child=function(e,n,i,s){if(t.useBlockParams&&!i)throw new _.default("must pass block params");if(t.useDepths&&!s)throw new _.default("must pass parent depths");return c(r,e,t[e],n,0,i,s)},a},e.wrapProgram=c,e.resolvePartial=function(t,e,n){return t?t.call||n.name||(n.name=t,t=n.partials[t]):t="@partial-block"===n.name?n.data["partial-block"]:n.partials[n.name],t},e.invokePartial=function(t,e,n){var i=n.data&&n.data["partial-block"];n.partial=!0,n.ids&&(n.data.contextPath=n.ids[0]||n.data.contextPath);var s=void 0;if(n.fn&&n.fn!==d&&function(){n.data=u.createFrame(n.data);var t=n.fn;s=n.data["partial-block"]=function(e){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];return n.data=u.createFrame(n.data),n.data["partial-block"]=i,t(e,n)},t.partials&&(n.partials=o.extend({},n.partials,t.partials))}(),void 0===t&&s&&(t=s),void 0===t)throw new _.default("The partial "+n.name+" could not be found");if(t instanceof Function)return t(e,n)},e.noop=d;var o=r(n(5)),_=a(n(6)),u=n(4),p=n(10),l=n(43),h=n(33);function c(t,e,n,i,s,r,a){function o(e){var s=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],o=a;return!a||e==a[0]||e===t.nullContext&&null===a[0]||(o=[e].concat(a)),n(t,e,t.helpers,t.partials,s.data||i,r&&[s.blockParams].concat(r),o)}return(o=g(n,o,t,a,i,r)).program=e,o.depth=a?a.length:0,o.blockParams=s||0,o}function d(){return""}function f(t,e){return e&&"root"in e||((e=e?u.createFrame(e):{}).root=t),e}function g(t,e,n,i,s,r){if(t.decorator){var a={};e=t.decorator(e,a,n,i&&i[0],s,r,i),o.extend(e,a)}return e}},function(t,e,n){t.exports={default:n(40),__esModule:!0}},function(t,e,n){n(41),t.exports=n(21).Object.seal},function(t,e,n){var i=n(42);n(18)("seal",(function(t){return function(e){return t&&i(e)?t(e):e}}))},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e){"use strict";e.__esModule=!0,e.wrapHelper=function(t,e){return"function"!=typeof t?t:function(){var n=arguments[arguments.length-1];return arguments[arguments.length-1]=e(n),t.apply(this,arguments)}}},function(t,e){(function(n){"use strict";e.__esModule=!0,e.default=function(t){var e=void 0!==n?n:window,i=e.Handlebars;t.noConflict=function(){return e.Handlebars===t&&(e.Handlebars=i),t}},t.exports=e.default}).call(e,function(){return this}())},function(t,e){"use strict";e.__esModule=!0;var n={helpers:{helperExpression:function(t){return"SubExpression"===t.type||("MustacheStatement"===t.type||"BlockStatement"===t.type)&&!!(t.params&&t.params.length||t.hash)},scopedId:function(t){return/^\.|this\b/.test(t.original)},simpleId:function(t){return 1===t.parts.length&&!n.helpers.scopedId(t)&&!t.depth}}};e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default,s=n(3).default;e.__esModule=!0,e.parseWithoutProcessing=p,e.parse=function(t,e){var n=p(t,e);return new a.default(e).accept(n)};var r=i(n(47)),a=i(n(48)),o=s(n(50)),_=n(5);e.parser=r.default;var u={};function p(t,e){return"Program"===t.type?t:(r.default.yy=u,u.locInfo=function(t){return new u.SourceLocation(e&&e.srcName,t)},r.default.parse(t))}_.extend(u,o)},function(t,e){"use strict";e.__esModule=!0;var n=function(){var t={trace:function(){},yy:{},symbols_:{error:2,root:3,program:4,EOF:5,program_repetition0:6,statement:7,mustache:8,block:9,rawBlock:10,partial:11,partialBlock:12,content:13,COMMENT:14,CONTENT:15,openRawBlock:16,rawBlock_repetition0:17,END_RAW_BLOCK:18,OPEN_RAW_BLOCK:19,helperName:20,openRawBlock_repetition0:21,openRawBlock_option0:22,CLOSE_RAW_BLOCK:23,openBlock:24,block_option0:25,closeBlock:26,openInverse:27,block_option1:28,OPEN_BLOCK:29,openBlock_repetition0:30,openBlock_option0:31,openBlock_option1:32,CLOSE:33,OPEN_INVERSE:34,openInverse_repetition0:35,openInverse_option0:36,openInverse_option1:37,openInverseChain:38,OPEN_INVERSE_CHAIN:39,openInverseChain_repetition0:40,openInverseChain_option0:41,openInverseChain_option1:42,inverseAndProgram:43,INVERSE:44,inverseChain:45,inverseChain_option0:46,OPEN_ENDBLOCK:47,OPEN:48,mustache_repetition0:49,mustache_option0:50,OPEN_UNESCAPED:51,mustache_repetition1:52,mustache_option1:53,CLOSE_UNESCAPED:54,OPEN_PARTIAL:55,partialName:56,partial_repetition0:57,partial_option0:58,openPartialBlock:59,OPEN_PARTIAL_BLOCK:60,openPartialBlock_repetition0:61,openPartialBlock_option0:62,param:63,sexpr:64,OPEN_SEXPR:65,sexpr_repetition0:66,sexpr_option0:67,CLOSE_SEXPR:68,hash:69,hash_repetition_plus0:70,hashSegment:71,ID:72,EQUALS:73,blockParams:74,OPEN_BLOCK_PARAMS:75,blockParams_repetition_plus0:76,CLOSE_BLOCK_PARAMS:77,path:78,dataName:79,STRING:80,NUMBER:81,BOOLEAN:82,UNDEFINED:83,NULL:84,DATA:85,pathSegments:86,SEP:87,$accept:0,$end:1},terminals_:{2:"error",5:"EOF",14:"COMMENT",15:"CONTENT",18:"END_RAW_BLOCK",19:"OPEN_RAW_BLOCK",23:"CLOSE_RAW_BLOCK",29:"OPEN_BLOCK",33:"CLOSE",34:"OPEN_INVERSE",39:"OPEN_INVERSE_CHAIN",44:"INVERSE",47:"OPEN_ENDBLOCK",48:"OPEN",51:"OPEN_UNESCAPED",54:"CLOSE_UNESCAPED",55:"OPEN_PARTIAL",60:"OPEN_PARTIAL_BLOCK",65:"OPEN_SEXPR",68:"CLOSE_SEXPR",72:"ID",73:"EQUALS",75:"OPEN_BLOCK_PARAMS",77:"CLOSE_BLOCK_PARAMS",80:"STRING",81:"NUMBER",82:"BOOLEAN",83:"UNDEFINED",84:"NULL",85:"DATA",87:"SEP"},productions_:[0,[3,2],[4,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[13,1],[10,3],[16,5],[9,4],[9,4],[24,6],[27,6],[38,6],[43,2],[45,3],[45,1],[26,3],[8,5],[8,5],[11,5],[12,3],[59,5],[63,1],[63,1],[64,5],[69,1],[71,3],[74,3],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[56,1],[56,1],[79,2],[78,1],[86,3],[86,1],[6,0],[6,2],[17,0],[17,2],[21,0],[21,2],[22,0],[22,1],[25,0],[25,1],[28,0],[28,1],[30,0],[30,2],[31,0],[31,1],[32,0],[32,1],[35,0],[35,2],[36,0],[36,1],[37,0],[37,1],[40,0],[40,2],[41,0],[41,1],[42,0],[42,1],[46,0],[46,1],[49,0],[49,2],[50,0],[50,1],[52,0],[52,2],[53,0],[53,1],[57,0],[57,2],[58,0],[58,1],[61,0],[61,2],[62,0],[62,1],[66,0],[66,2],[67,0],[67,1],[70,1],[70,2],[76,1],[76,2]],performAction:function(t,e,n,i,s,r,a){var o=r.length-1;switch(s){case 1:return r[o-1];case 2:this.$=i.prepareProgram(r[o]);break;case 3:case 4:case 5:case 6:case 7:case 8:case 20:case 27:case 28:case 33:case 34:case 40:case 41:this.$=r[o];break;case 9:this.$={type:"CommentStatement",value:i.stripComment(r[o]),strip:i.stripFlags(r[o],r[o]),loc:i.locInfo(this._$)};break;case 10:this.$={type:"ContentStatement",original:r[o],value:r[o],loc:i.locInfo(this._$)};break;case 11:this.$=i.prepareRawBlock(r[o-2],r[o-1],r[o],this._$);break;case 12:this.$={path:r[o-3],params:r[o-2],hash:r[o-1]};break;case 13:this.$=i.prepareBlock(r[o-3],r[o-2],r[o-1],r[o],!1,this._$);break;case 14:this.$=i.prepareBlock(r[o-3],r[o-2],r[o-1],r[o],!0,this._$);break;case 15:this.$={open:r[o-5],path:r[o-4],params:r[o-3],hash:r[o-2],blockParams:r[o-1],strip:i.stripFlags(r[o-5],r[o])};break;case 16:case 17:this.$={path:r[o-4],params:r[o-3],hash:r[o-2],blockParams:r[o-1],strip:i.stripFlags(r[o-5],r[o])};break;case 18:this.$={strip:i.stripFlags(r[o-1],r[o-1]),program:r[o]};break;case 19:var _=i.prepareBlock(r[o-2],r[o-1],r[o],r[o],!1,this._$),u=i.prepareProgram([_],r[o-1].loc);u.chained=!0,this.$={strip:r[o-2].strip,program:u,chain:!0};break;case 21:this.$={path:r[o-1],strip:i.stripFlags(r[o-2],r[o])};break;case 22:case 23:this.$=i.prepareMustache(r[o-3],r[o-2],r[o-1],r[o-4],i.stripFlags(r[o-4],r[o]),this._$);break;case 24:this.$={type:"PartialStatement",name:r[o-3],params:r[o-2],hash:r[o-1],indent:"",strip:i.stripFlags(r[o-4],r[o]),loc:i.locInfo(this._$)};break;case 25:this.$=i.preparePartialBlock(r[o-2],r[o-1],r[o],this._$);break;case 26:this.$={path:r[o-3],params:r[o-2],hash:r[o-1],strip:i.stripFlags(r[o-4],r[o])};break;case 29:this.$={type:"SubExpression",path:r[o-3],params:r[o-2],hash:r[o-1],loc:i.locInfo(this._$)};break;case 30:this.$={type:"Hash",pairs:r[o],loc:i.locInfo(this._$)};break;case 31:this.$={type:"HashPair",key:i.id(r[o-2]),value:r[o],loc:i.locInfo(this._$)};break;case 32:this.$=i.id(r[o-1]);break;case 35:this.$={type:"StringLiteral",value:r[o],original:r[o],loc:i.locInfo(this._$)};break;case 36:this.$={type:"NumberLiteral",value:Number(r[o]),original:Number(r[o]),loc:i.locInfo(this._$)};break;case 37:this.$={type:"BooleanLiteral",value:"true"===r[o],original:"true"===r[o],loc:i.locInfo(this._$)};break;case 38:this.$={type:"UndefinedLiteral",original:void 0,value:void 0,loc:i.locInfo(this._$)};break;case 39:this.$={type:"NullLiteral",original:null,value:null,loc:i.locInfo(this._$)};break;case 42:this.$=i.preparePath(!0,r[o],this._$);break;case 43:this.$=i.preparePath(!1,r[o],this._$);break;case 44:r[o-2].push({part:i.id(r[o]),original:r[o],separator:r[o-1]}),this.$=r[o-2];break;case 45:this.$=[{part:i.id(r[o]),original:r[o]}];break;case 46:case 48:case 50:case 58:case 64:case 70:case 78:case 82:case 86:case 90:case 94:this.$=[];break;case 47:case 49:case 51:case 59:case 65:case 71:case 79:case 83:case 87:case 91:case 95:case 99:case 101:r[o-1].push(r[o]);break;case 98:case 100:this.$=[r[o]]}},table:[{3:1,4:2,5:[2,46],6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{1:[3]},{5:[1,4]},{5:[2,2],7:5,8:6,9:7,10:8,11:9,12:10,13:11,14:[1,12],15:[1,20],16:17,19:[1,23],24:15,27:16,29:[1,21],34:[1,22],39:[2,2],44:[2,2],47:[2,2],48:[1,13],51:[1,14],55:[1,18],59:19,60:[1,24]},{1:[2,1]},{5:[2,47],14:[2,47],15:[2,47],19:[2,47],29:[2,47],34:[2,47],39:[2,47],44:[2,47],47:[2,47],48:[2,47],51:[2,47],55:[2,47],60:[2,47]},{5:[2,3],14:[2,3],15:[2,3],19:[2,3],29:[2,3],34:[2,3],39:[2,3],44:[2,3],47:[2,3],48:[2,3],51:[2,3],55:[2,3],60:[2,3]},{5:[2,4],14:[2,4],15:[2,4],19:[2,4],29:[2,4],34:[2,4],39:[2,4],44:[2,4],47:[2,4],48:[2,4],51:[2,4],55:[2,4],60:[2,4]},{5:[2,5],14:[2,5],15:[2,5],19:[2,5],29:[2,5],34:[2,5],39:[2,5],44:[2,5],47:[2,5],48:[2,5],51:[2,5],55:[2,5],60:[2,5]},{5:[2,6],14:[2,6],15:[2,6],19:[2,6],29:[2,6],34:[2,6],39:[2,6],44:[2,6],47:[2,6],48:[2,6],51:[2,6],55:[2,6],60:[2,6]},{5:[2,7],14:[2,7],15:[2,7],19:[2,7],29:[2,7],34:[2,7],39:[2,7],44:[2,7],47:[2,7],48:[2,7],51:[2,7],55:[2,7],60:[2,7]},{5:[2,8],14:[2,8],15:[2,8],19:[2,8],29:[2,8],34:[2,8],39:[2,8],44:[2,8],47:[2,8],48:[2,8],51:[2,8],55:[2,8],60:[2,8]},{5:[2,9],14:[2,9],15:[2,9],19:[2,9],29:[2,9],34:[2,9],39:[2,9],44:[2,9],47:[2,9],48:[2,9],51:[2,9],55:[2,9],60:[2,9]},{20:25,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:36,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:37,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{4:38,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{15:[2,48],17:39,18:[2,48]},{20:41,56:40,64:42,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:44,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{5:[2,10],14:[2,10],15:[2,10],18:[2,10],19:[2,10],29:[2,10],34:[2,10],39:[2,10],44:[2,10],47:[2,10],48:[2,10],51:[2,10],55:[2,10],60:[2,10]},{20:45,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:46,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:47,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:41,56:48,64:42,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[2,78],49:49,65:[2,78],72:[2,78],80:[2,78],81:[2,78],82:[2,78],83:[2,78],84:[2,78],85:[2,78]},{23:[2,33],33:[2,33],54:[2,33],65:[2,33],68:[2,33],72:[2,33],75:[2,33],80:[2,33],81:[2,33],82:[2,33],83:[2,33],84:[2,33],85:[2,33]},{23:[2,34],33:[2,34],54:[2,34],65:[2,34],68:[2,34],72:[2,34],75:[2,34],80:[2,34],81:[2,34],82:[2,34],83:[2,34],84:[2,34],85:[2,34]},{23:[2,35],33:[2,35],54:[2,35],65:[2,35],68:[2,35],72:[2,35],75:[2,35],80:[2,35],81:[2,35],82:[2,35],83:[2,35],84:[2,35],85:[2,35]},{23:[2,36],33:[2,36],54:[2,36],65:[2,36],68:[2,36],72:[2,36],75:[2,36],80:[2,36],81:[2,36],82:[2,36],83:[2,36],84:[2,36],85:[2,36]},{23:[2,37],33:[2,37],54:[2,37],65:[2,37],68:[2,37],72:[2,37],75:[2,37],80:[2,37],81:[2,37],82:[2,37],83:[2,37],84:[2,37],85:[2,37]},{23:[2,38],33:[2,38],54:[2,38],65:[2,38],68:[2,38],72:[2,38],75:[2,38],80:[2,38],81:[2,38],82:[2,38],83:[2,38],84:[2,38],85:[2,38]},{23:[2,39],33:[2,39],54:[2,39],65:[2,39],68:[2,39],72:[2,39],75:[2,39],80:[2,39],81:[2,39],82:[2,39],83:[2,39],84:[2,39],85:[2,39]},{23:[2,43],33:[2,43],54:[2,43],65:[2,43],68:[2,43],72:[2,43],75:[2,43],80:[2,43],81:[2,43],82:[2,43],83:[2,43],84:[2,43],85:[2,43],87:[1,50]},{72:[1,35],86:51},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{52:52,54:[2,82],65:[2,82],72:[2,82],80:[2,82],81:[2,82],82:[2,82],83:[2,82],84:[2,82],85:[2,82]},{25:53,38:55,39:[1,57],43:56,44:[1,58],45:54,47:[2,54]},{28:59,43:60,44:[1,58],47:[2,56]},{13:62,15:[1,20],18:[1,61]},{33:[2,86],57:63,65:[2,86],72:[2,86],80:[2,86],81:[2,86],82:[2,86],83:[2,86],84:[2,86],85:[2,86]},{33:[2,40],65:[2,40],72:[2,40],80:[2,40],81:[2,40],82:[2,40],83:[2,40],84:[2,40],85:[2,40]},{33:[2,41],65:[2,41],72:[2,41],80:[2,41],81:[2,41],82:[2,41],83:[2,41],84:[2,41],85:[2,41]},{20:64,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:65,47:[1,66]},{30:67,33:[2,58],65:[2,58],72:[2,58],75:[2,58],80:[2,58],81:[2,58],82:[2,58],83:[2,58],84:[2,58],85:[2,58]},{33:[2,64],35:68,65:[2,64],72:[2,64],75:[2,64],80:[2,64],81:[2,64],82:[2,64],83:[2,64],84:[2,64],85:[2,64]},{21:69,23:[2,50],65:[2,50],72:[2,50],80:[2,50],81:[2,50],82:[2,50],83:[2,50],84:[2,50],85:[2,50]},{33:[2,90],61:70,65:[2,90],72:[2,90],80:[2,90],81:[2,90],82:[2,90],83:[2,90],84:[2,90],85:[2,90]},{20:74,33:[2,80],50:71,63:72,64:75,65:[1,43],69:73,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{72:[1,79]},{23:[2,42],33:[2,42],54:[2,42],65:[2,42],68:[2,42],72:[2,42],75:[2,42],80:[2,42],81:[2,42],82:[2,42],83:[2,42],84:[2,42],85:[2,42],87:[1,50]},{20:74,53:80,54:[2,84],63:81,64:75,65:[1,43],69:82,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:83,47:[1,66]},{47:[2,55]},{4:84,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{47:[2,20]},{20:85,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:86,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{26:87,47:[1,66]},{47:[2,57]},{5:[2,11],14:[2,11],15:[2,11],19:[2,11],29:[2,11],34:[2,11],39:[2,11],44:[2,11],47:[2,11],48:[2,11],51:[2,11],55:[2,11],60:[2,11]},{15:[2,49],18:[2,49]},{20:74,33:[2,88],58:88,63:89,64:75,65:[1,43],69:90,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{65:[2,94],66:91,68:[2,94],72:[2,94],80:[2,94],81:[2,94],82:[2,94],83:[2,94],84:[2,94],85:[2,94]},{5:[2,25],14:[2,25],15:[2,25],19:[2,25],29:[2,25],34:[2,25],39:[2,25],44:[2,25],47:[2,25],48:[2,25],51:[2,25],55:[2,25],60:[2,25]},{20:92,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,31:93,33:[2,60],63:94,64:75,65:[1,43],69:95,70:76,71:77,72:[1,78],75:[2,60],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,33:[2,66],36:96,63:97,64:75,65:[1,43],69:98,70:76,71:77,72:[1,78],75:[2,66],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,22:99,23:[2,52],63:100,64:75,65:[1,43],69:101,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:74,33:[2,92],62:102,63:103,64:75,65:[1,43],69:104,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,105]},{33:[2,79],65:[2,79],72:[2,79],80:[2,79],81:[2,79],82:[2,79],83:[2,79],84:[2,79],85:[2,79]},{33:[2,81]},{23:[2,27],33:[2,27],54:[2,27],65:[2,27],68:[2,27],72:[2,27],75:[2,27],80:[2,27],81:[2,27],82:[2,27],83:[2,27],84:[2,27],85:[2,27]},{23:[2,28],33:[2,28],54:[2,28],65:[2,28],68:[2,28],72:[2,28],75:[2,28],80:[2,28],81:[2,28],82:[2,28],83:[2,28],84:[2,28],85:[2,28]},{23:[2,30],33:[2,30],54:[2,30],68:[2,30],71:106,72:[1,107],75:[2,30]},{23:[2,98],33:[2,98],54:[2,98],68:[2,98],72:[2,98],75:[2,98]},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],73:[1,108],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{23:[2,44],33:[2,44],54:[2,44],65:[2,44],68:[2,44],72:[2,44],75:[2,44],80:[2,44],81:[2,44],82:[2,44],83:[2,44],84:[2,44],85:[2,44],87:[2,44]},{54:[1,109]},{54:[2,83],65:[2,83],72:[2,83],80:[2,83],81:[2,83],82:[2,83],83:[2,83],84:[2,83],85:[2,83]},{54:[2,85]},{5:[2,13],14:[2,13],15:[2,13],19:[2,13],29:[2,13],34:[2,13],39:[2,13],44:[2,13],47:[2,13],48:[2,13],51:[2,13],55:[2,13],60:[2,13]},{38:55,39:[1,57],43:56,44:[1,58],45:111,46:110,47:[2,76]},{33:[2,70],40:112,65:[2,70],72:[2,70],75:[2,70],80:[2,70],81:[2,70],82:[2,70],83:[2,70],84:[2,70],85:[2,70]},{47:[2,18]},{5:[2,14],14:[2,14],15:[2,14],19:[2,14],29:[2,14],34:[2,14],39:[2,14],44:[2,14],47:[2,14],48:[2,14],51:[2,14],55:[2,14],60:[2,14]},{33:[1,113]},{33:[2,87],65:[2,87],72:[2,87],80:[2,87],81:[2,87],82:[2,87],83:[2,87],84:[2,87],85:[2,87]},{33:[2,89]},{20:74,63:115,64:75,65:[1,43],67:114,68:[2,96],69:116,70:76,71:77,72:[1,78],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,117]},{32:118,33:[2,62],74:119,75:[1,120]},{33:[2,59],65:[2,59],72:[2,59],75:[2,59],80:[2,59],81:[2,59],82:[2,59],83:[2,59],84:[2,59],85:[2,59]},{33:[2,61],75:[2,61]},{33:[2,68],37:121,74:122,75:[1,120]},{33:[2,65],65:[2,65],72:[2,65],75:[2,65],80:[2,65],81:[2,65],82:[2,65],83:[2,65],84:[2,65],85:[2,65]},{33:[2,67],75:[2,67]},{23:[1,123]},{23:[2,51],65:[2,51],72:[2,51],80:[2,51],81:[2,51],82:[2,51],83:[2,51],84:[2,51],85:[2,51]},{23:[2,53]},{33:[1,124]},{33:[2,91],65:[2,91],72:[2,91],80:[2,91],81:[2,91],82:[2,91],83:[2,91],84:[2,91],85:[2,91]},{33:[2,93]},{5:[2,22],14:[2,22],15:[2,22],19:[2,22],29:[2,22],34:[2,22],39:[2,22],44:[2,22],47:[2,22],48:[2,22],51:[2,22],55:[2,22],60:[2,22]},{23:[2,99],33:[2,99],54:[2,99],68:[2,99],72:[2,99],75:[2,99]},{73:[1,108]},{20:74,63:125,64:75,65:[1,43],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,23],14:[2,23],15:[2,23],19:[2,23],29:[2,23],34:[2,23],39:[2,23],44:[2,23],47:[2,23],48:[2,23],51:[2,23],55:[2,23],60:[2,23]},{47:[2,19]},{47:[2,77]},{20:74,33:[2,72],41:126,63:127,64:75,65:[1,43],69:128,70:76,71:77,72:[1,78],75:[2,72],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,24],14:[2,24],15:[2,24],19:[2,24],29:[2,24],34:[2,24],39:[2,24],44:[2,24],47:[2,24],48:[2,24],51:[2,24],55:[2,24],60:[2,24]},{68:[1,129]},{65:[2,95],68:[2,95],72:[2,95],80:[2,95],81:[2,95],82:[2,95],83:[2,95],84:[2,95],85:[2,95]},{68:[2,97]},{5:[2,21],14:[2,21],15:[2,21],19:[2,21],29:[2,21],34:[2,21],39:[2,21],44:[2,21],47:[2,21],48:[2,21],51:[2,21],55:[2,21],60:[2,21]},{33:[1,130]},{33:[2,63]},{72:[1,132],76:131},{33:[1,133]},{33:[2,69]},{15:[2,12],18:[2,12]},{14:[2,26],15:[2,26],19:[2,26],29:[2,26],34:[2,26],47:[2,26],48:[2,26],51:[2,26],55:[2,26],60:[2,26]},{23:[2,31],33:[2,31],54:[2,31],68:[2,31],72:[2,31],75:[2,31]},{33:[2,74],42:134,74:135,75:[1,120]},{33:[2,71],65:[2,71],72:[2,71],75:[2,71],80:[2,71],81:[2,71],82:[2,71],83:[2,71],84:[2,71],85:[2,71]},{33:[2,73],75:[2,73]},{23:[2,29],33:[2,29],54:[2,29],65:[2,29],68:[2,29],72:[2,29],75:[2,29],80:[2,29],81:[2,29],82:[2,29],83:[2,29],84:[2,29],85:[2,29]},{14:[2,15],15:[2,15],19:[2,15],29:[2,15],34:[2,15],39:[2,15],44:[2,15],47:[2,15],48:[2,15],51:[2,15],55:[2,15],60:[2,15]},{72:[1,137],77:[1,136]},{72:[2,100],77:[2,100]},{14:[2,16],15:[2,16],19:[2,16],29:[2,16],34:[2,16],44:[2,16],47:[2,16],48:[2,16],51:[2,16],55:[2,16],60:[2,16]},{33:[1,138]},{33:[2,75]},{33:[2,32]},{72:[2,101],77:[2,101]},{14:[2,17],15:[2,17],19:[2,17],29:[2,17],34:[2,17],39:[2,17],44:[2,17],47:[2,17],48:[2,17],51:[2,17],55:[2,17],60:[2,17]}],defaultActions:{4:[2,1],54:[2,55],56:[2,20],60:[2,57],73:[2,81],82:[2,85],86:[2,18],90:[2,89],101:[2,53],104:[2,93],110:[2,19],111:[2,77],116:[2,97],119:[2,63],122:[2,69],135:[2,75],136:[2,32]},parseError:function(t,e){throw new Error(t)},parse:function(t){var e=this,n=[0],i=[null],s=[],r=this.table,a="",o=0,_=0,u=0;this.lexer.setInput(t),this.lexer.yy=this.yy,this.yy.lexer=this.lexer,this.yy.parser=this,void 0===this.lexer.yylloc&&(this.lexer.yylloc={});var p=this.lexer.yylloc;s.push(p);var l=this.lexer.options&&this.lexer.options.ranges;"function"==typeof this.yy.parseError&&(this.parseError=this.yy.parseError);for(var h,c,d,f,g,m,y,b,v,k,w={};;){if(d=n[n.length-1],this.defaultActions[d]?f=this.defaultActions[d]:(null==h&&(k=void 0,"number"!=typeof(k=e.lexer.lex()||1)&&(k=e.symbols_[k]||k),h=k),f=r[d]&&r[d][h]),void 0===f||!f.length||!f[0]){var x="";if(!u){for(m in v=[],r[d])this.terminals_[m]&&m>2&&v.push("'"+this.terminals_[m]+"'");x=this.lexer.showPosition?"Parse error on line "+(o+1)+":\n"+this.lexer.showPosition()+"\nExpecting "+v.join(", ")+", got '"+(this.terminals_[h]||h)+"'":"Parse error on line "+(o+1)+": Unexpected "+(1==h?"end of input":"'"+(this.terminals_[h]||h)+"'"),this.parseError(x,{text:this.lexer.match,token:this.terminals_[h]||h,line:this.lexer.yylineno,loc:p,expected:v})}}if(f[0]instanceof Array&&f.length>1)throw new Error("Parse Error: multiple actions possible at state: "+d+", token: "+h);switch(f[0]){case 1:n.push(h),i.push(this.lexer.yytext),s.push(this.lexer.yylloc),n.push(f[1]),h=null,c?(h=c,c=null):(_=this.lexer.yyleng,a=this.lexer.yytext,o=this.lexer.yylineno,p=this.lexer.yylloc,u>0&&u--);break;case 2:if(y=this.productions_[f[1]][1],w.$=i[i.length-y],w._$={first_line:s[s.length-(y||1)].first_line,last_line:s[s.length-1].last_line,first_column:s[s.length-(y||1)].first_column,last_column:s[s.length-1].last_column},l&&(w._$.range=[s[s.length-(y||1)].range[0],s[s.length-1].range[1]]),void 0!==(g=this.performAction.call(w,a,_,o,this.yy,f[1],i,s)))return g;y&&(n=n.slice(0,-1*y*2),i=i.slice(0,-1*y),s=s.slice(0,-1*y)),n.push(this.productions_[f[1]][0]),i.push(w.$),s.push(w._$),b=r[n[n.length-2]][n[n.length-1]],n.push(b);break;case 3:return!0}}return!0}},e=function(){var t={EOF:1,parseError:function(t,e){if(!this.yy.parser)throw new Error(t);this.yy.parser.parseError(t,e)},setInput:function(t){return this._input=t,this._more=this._less=this.done=!1,this.yylineno=this.yyleng=0,this.yytext=this.matched=this.match="",this.conditionStack=["INITIAL"],this.yylloc={first_line:1,first_column:0,last_line:1,last_column:0},this.options.ranges&&(this.yylloc.range=[0,0]),this.offset=0,this},input:function(){var t=this._input[0];return this.yytext+=t,this.yyleng++,this.offset++,this.match+=t,this.matched+=t,t.match(/(?:\r\n?|\n).*/g)?(this.yylineno++,this.yylloc.last_line++):this.yylloc.last_column++,this.options.ranges&&this.yylloc.range[1]++,this._input=this._input.slice(1),t},unput:function(t){var e=t.length,n=t.split(/(?:\r\n?|\n)/g);this._input=t+this._input,this.yytext=this.yytext.substr(0,this.yytext.length-e-1),this.offset-=e;var i=this.match.split(/(?:\r\n?|\n)/g);this.match=this.match.substr(0,this.match.length-1),this.matched=this.matched.substr(0,this.matched.length-1),n.length-1&&(this.yylineno-=n.length-1);var s=this.yylloc.range;return this.yylloc={first_line:this.yylloc.first_line,last_line:this.yylineno+1,first_column:this.yylloc.first_column,last_column:n?(n.length===i.length?this.yylloc.first_column:0)+i[i.length-n.length].length-n[0].length:this.yylloc.first_column-e},this.options.ranges&&(this.yylloc.range=[s[0],s[0]+this.yyleng-e]),this},more:function(){return this._more=!0,this},less:function(t){this.unput(this.match.slice(t))},pastInput:function(){var t=this.matched.substr(0,this.matched.length-this.match.length);return(t.length>20?"...":"")+t.substr(-20).replace(/\n/g,"")},upcomingInput:function(){var t=this.match;return t.length<20&&(t+=this._input.substr(0,20-t.length)),(t.substr(0,20)+(t.length>20?"...":"")).replace(/\n/g,"")},showPosition:function(){var t=this.pastInput(),e=new Array(t.length+1).join("-");return t+this.upcomingInput()+"\n"+e+"^"},next:function(){if(this.done)return this.EOF;var t,e,n,i,s;this._input||(this.done=!0),this._more||(this.yytext="",this.match="");for(var r=this._currentRules(),a=0;a<r.length&&(!(n=this._input.match(this.rules[r[a]]))||e&&!(n[0].length>e[0].length)||(e=n,i=a,this.options.flex));a++);return e?((s=e[0].match(/(?:\r\n?|\n).*/g))&&(this.yylineno+=s.length),this.yylloc={first_line:this.yylloc.last_line,last_line:this.yylineno+1,first_column:this.yylloc.last_column,last_column:s?s[s.length-1].length-s[s.length-1].match(/\r?\n?/)[0].length:this.yylloc.last_column+e[0].length},this.yytext+=e[0],this.match+=e[0],this.matches=e,this.yyleng=this.yytext.length,this.options.ranges&&(this.yylloc.range=[this.offset,this.offset+=this.yyleng]),this._more=!1,this._input=this._input.slice(e[0].length),this.matched+=e[0],t=this.performAction.call(this,this.yy,this,r[i],this.conditionStack[this.conditionStack.length-1]),this.done&&this._input&&(this.done=!1),t||void 0):""===this._input?this.EOF:this.parseError("Lexical error on line "+(this.yylineno+1)+". Unrecognized text.\n"+this.showPosition(),{text:"",token:null,line:this.yylineno})},lex:function(){var t=this.next();return void 0!==t?t:this.lex()},begin:function(t){this.conditionStack.push(t)},popState:function(){return this.conditionStack.pop()},_currentRules:function(){return this.conditions[this.conditionStack[this.conditionStack.length-1]].rules},topState:function(){return this.conditionStack[this.conditionStack.length-2]},pushState:function(t){this.begin(t)},options:{},performAction:function(t,e,n,i){function s(t,n){return e.yytext=e.yytext.substring(t,e.yyleng-n+t)}switch(n){case 0:if("\\\\"===e.yytext.slice(-2)?(s(0,1),this.begin("mu")):"\\"===e.yytext.slice(-1)?(s(0,1),this.begin("emu")):this.begin("mu"),e.yytext)return 15;break;case 1:case 5:return 15;case 2:return this.popState(),15;case 3:return this.begin("raw"),15;case 4:return this.popState(),"raw"===this.conditionStack[this.conditionStack.length-1]?15:(s(5,9),"END_RAW_BLOCK");case 6:case 22:return this.popState(),14;case 7:return 65;case 8:return 68;case 9:return 19;case 10:return this.popState(),this.begin("raw"),23;case 11:return 55;case 12:return 60;case 13:return 29;case 14:return 47;case 15:case 16:return this.popState(),44;case 17:return 34;case 18:return 39;case 19:return 51;case 20:case 23:return 48;case 21:this.unput(e.yytext),this.popState(),this.begin("com");break;case 24:return 73;case 25:case 26:case 41:return 72;case 27:return 87;case 28:break;case 29:return this.popState(),54;case 30:return this.popState(),33;case 31:return e.yytext=s(1,2).replace(/\\"/g,'"'),80;case 32:return e.yytext=s(1,2).replace(/\\'/g,"'"),80;case 33:return 85;case 34:case 35:return 82;case 36:return 83;case 37:return 84;case 38:return 81;case 39:return 75;case 40:return 77;case 42:return e.yytext=e.yytext.replace(/\\([\\\]])/g,"$1"),72;case 43:return"INVALID";case 44:return 5}},rules:[/^(?:[^\x00]*?(?=(\{\{)))/,/^(?:[^\x00]+)/,/^(?:[^\x00]{2,}?(?=(\{\{|\\\{\{|\\\\\{\{|$)))/,/^(?:\{\{\{\{(?=[^\/]))/,/^(?:\{\{\{\{\/[^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=[=}\s\/.])\}\}\}\})/,/^(?:[^\x00]+?(?=(\{\{\{\{)))/,/^(?:[\s\S]*?--(~)?\}\})/,/^(?:\()/,/^(?:\))/,/^(?:\{\{\{\{)/,/^(?:\}\}\}\})/,/^(?:\{\{(~)?>)/,/^(?:\{\{(~)?#>)/,/^(?:\{\{(~)?#\*?)/,/^(?:\{\{(~)?\/)/,/^(?:\{\{(~)?\^\s*(~)?\}\})/,/^(?:\{\{(~)?\s*else\s*(~)?\}\})/,/^(?:\{\{(~)?\^)/,/^(?:\{\{(~)?\s*else\b)/,/^(?:\{\{(~)?\{)/,/^(?:\{\{(~)?&)/,/^(?:\{\{(~)?!--)/,/^(?:\{\{(~)?![\s\S]*?\}\})/,/^(?:\{\{(~)?\*?)/,/^(?:=)/,/^(?:\.\.)/,/^(?:\.(?=([=~}\s\/.)|])))/,/^(?:[\/.])/,/^(?:\s+)/,/^(?:\}(~)?\}\})/,/^(?:(~)?\}\})/,/^(?:"(\\["]|[^"])*")/,/^(?:'(\\[']|[^'])*')/,/^(?:@)/,/^(?:true(?=([~}\s)])))/,/^(?:false(?=([~}\s)])))/,/^(?:undefined(?=([~}\s)])))/,/^(?:null(?=([~}\s)])))/,/^(?:-?[0-9]+(?:\.[0-9]+)?(?=([~}\s)])))/,/^(?:as\s+\|)/,/^(?:\|)/,/^(?:([^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=([=~}\s\/.)|]))))/,/^(?:\[(\\\]|[^\]])*\])/,/^(?:.)/,/^(?:$)/],conditions:{mu:{rules:[7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],inclusive:!1},emu:{rules:[2],inclusive:!1},com:{rules:[6],inclusive:!1},raw:{rules:[3,4,5],inclusive:!1},INITIAL:{rules:[0,1,44],inclusive:!0}}};return t}();function n(){this.yy={}}return t.lexer=e,n.prototype=t,t.Parser=n,new n}();e.default=n,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=i(n(49));function r(){var t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.options=t}function a(t,e,n){void 0===e&&(e=t.length);var i=t[e-1],s=t[e-2];return i?"ContentStatement"===i.type?(s||!n?/\r?\n\s*?$/:/(^|\r?\n)\s*?$/).test(i.original):void 0:n}function o(t,e,n){void 0===e&&(e=-1);var i=t[e+1],s=t[e+2];return i?"ContentStatement"===i.type?(s||!n?/^\s*?\r?\n/:/^\s*?(\r?\n|$)/).test(i.original):void 0:n}function _(t,e,n){var i=t[null==e?0:e+1];if(i&&"ContentStatement"===i.type&&(n||!i.rightStripped)){var s=i.value;i.value=i.value.replace(n?/^\s+/:/^[ \t]*\r?\n?/,""),i.rightStripped=i.value!==s}}function u(t,e,n){var i=t[null==e?t.length-1:e-1];if(i&&"ContentStatement"===i.type&&(n||!i.leftStripped)){var s=i.value;return i.value=i.value.replace(n?/\s+$/:/[ \t]+$/,""),i.leftStripped=i.value!==s,i.leftStripped}}r.prototype=new s.default,r.prototype.Program=function(t){var e=!this.options.ignoreStandalone,n=!this.isRootSeen;this.isRootSeen=!0;for(var i=t.body,s=0,r=i.length;s<r;s++){var p=i[s],l=this.accept(p);if(l){var h=a(i,s,n),c=o(i,s,n),d=l.openStandalone&&h,f=l.closeStandalone&&c,g=l.inlineStandalone&&h&&c;l.close&&_(i,s,!0),l.open&&u(i,s,!0),e&&g&&(_(i,s),u(i,s)&&"PartialStatement"===p.type&&(p.indent=/([ \t]+$)/.exec(i[s-1].original)[1])),e&&d&&(_((p.program||p.inverse).body),u(i,s)),e&&f&&(_(i,s),u((p.inverse||p.program).body))}}return t},r.prototype.BlockStatement=r.prototype.DecoratorBlock=r.prototype.PartialBlockStatement=function(t){this.accept(t.program),this.accept(t.inverse);var e=t.program||t.inverse,n=t.program&&t.inverse,i=n,s=n;if(n&&n.chained)for(i=n.body[0].program;s.chained;)s=s.body[s.body.length-1].program;var r={open:t.openStrip.open,close:t.closeStrip.close,openStandalone:o(e.body),closeStandalone:a((i||e).body)};if(t.openStrip.close&&_(e.body,null,!0),n){var p=t.inverseStrip;p.open&&u(e.body,null,!0),p.close&&_(i.body,null,!0),t.closeStrip.open&&u(s.body,null,!0),!this.options.ignoreStandalone&&a(e.body)&&o(i.body)&&(u(e.body),_(i.body))}else t.closeStrip.open&&u(e.body,null,!0);return r},r.prototype.Decorator=r.prototype.MustacheStatement=function(t){return t.strip},r.prototype.PartialStatement=r.prototype.CommentStatement=function(t){var e=t.strip||{};return{inlineStandalone:!0,open:e.open,close:e.close}},e.default=r,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0;var s=i(n(6));function r(){this.parents=[]}function a(t){this.acceptRequired(t,"path"),this.acceptArray(t.params),this.acceptKey(t,"hash")}function o(t){a.call(this,t),this.acceptKey(t,"program"),this.acceptKey(t,"inverse")}function _(t){this.acceptRequired(t,"name"),this.acceptArray(t.params),this.acceptKey(t,"hash")}r.prototype={constructor:r,mutating:!1,acceptKey:function(t,e){var n=this.accept(t[e]);if(this.mutating){if(n&&!r.prototype[n.type])throw new s.default('Unexpected node type "'+n.type+'" found when accepting '+e+" on "+t.type);t[e]=n}},acceptRequired:function(t,e){if(this.acceptKey(t,e),!t[e])throw new s.default(t.type+" requires "+e)},acceptArray:function(t){for(var e=0,n=t.length;e<n;e++)this.acceptKey(t,e),t[e]||(t.splice(e,1),e--,n--)},accept:function(t){if(t){if(!this[t.type])throw new s.default("Unknown type: "+t.type,t);this.current&&this.parents.unshift(this.current),this.current=t;var e=this[t.type](t);return this.current=this.parents.shift(),!this.mutating||e?e:!1!==e?t:void 0}},Program:function(t){this.acceptArray(t.body)},MustacheStatement:a,Decorator:a,BlockStatement:o,DecoratorBlock:o,PartialStatement:_,PartialBlockStatement:function(t){_.call(this,t),this.acceptKey(t,"program")},ContentStatement:function(){},CommentStatement:function(){},SubExpression:a,PathExpression:function(){},StringLiteral:function(){},NumberLiteral:function(){},BooleanLiteral:function(){},UndefinedLiteral:function(){},NullLiteral:function(){},Hash:function(t){this.acceptArray(t.pairs)},HashPair:function(t){this.acceptRequired(t,"value")}},e.default=r,t.exports=e.default},function(t,e,n){"use strict";var i=n(1).default;e.__esModule=!0,e.SourceLocation=function(t,e){this.source=t,this.start={line:e.first_line,column:e.first_column},this.end={line:e.last_line,column:e.last_column}},e.id=function(t){return/^\[.*\]$/.test(t)?t.substring(1,t.length-1):t},e.stripFlags=function(t,e){return{open:"~"===t.charAt(2),close:"~"===e.charAt(e.length-3)}},e.stripComment=function(t){return t.replace(/^\{\{~?!-?-?/,"").replace(/-?-?~?\}\}$/,"")},e.preparePath=function(t,e,n){n=this.locInfo(n);for(var i=t?"@":"",r=[],a=0,o=0,_=e.length;o<_;o++){var u=e[o].part,p=e[o].original!==u;if(i+=(e[o].separator||"")+u,p||".."!==u&&"."!==u&&"this"!==u)r.push(u);else{if(r.length>0)throw new s.default("Invalid path: "+i,{loc:n});".."===u&&a++}}return{type:"PathExpression",data:t,depth:a,parts:r,original:i,loc:n}},e.prepareMustache=function(t,e,n,i,s,r){var a=i.charAt(3)||i.charAt(2),o="{"!==a&&"&"!==a;return{type:/\*/.test(i)?"Decorator":"MustacheStatement",path:t,params:e,hash:n,escaped:o,strip:s,loc:this.locInfo(r)}},e.prepareRawBlock=function(t,e,n,i){r(t,n),i=this.locInfo(i);var s={type:"Program",body:e,strip:{},loc:i};return{type:"BlockStatement",path:t.path,params:t.params,hash:t.hash,program:s,openStrip:{},inverseStrip:{},closeStrip:{},loc:i}},e.prepareBlock=function(t,e,n,i,a,o){i&&i.path&&r(t,i);var _=/\*/.test(t.open);e.blockParams=t.blockParams;var u=void 0,p=void 0;if(n){if(_)throw new s.default("Unexpected inverse block on decorator",n);n.chain&&(n.program.body[0].closeStrip=i.strip),p=n.strip,u=n.program}return a&&(a=u,u=e,e=a),{type:_?"DecoratorBlock":"BlockStatement",path:t.path,params:t.params,hash:t.hash,program:e,inverse:u,openStrip:t.strip,inverseStrip:p,closeStrip:i&&i.strip,loc:this.locInfo(o)}},e.prepareProgram=function(t,e){if(!e&&t.length){var n=t[0].loc,i=t[t.length-1].loc;n&&i&&(e={source:n.source,start:{line:n.start.line,column:n.start.column},end:{line:i.end.line,column:i.end.column}})}return{type:"Program",body:t,strip:{},loc:e}},e.preparePartialBlock=function(t,e,n,i){return r(t,n),{type:"PartialBlockStatement",name:t.path,params:t.params,hash:t.hash,program:e,openStrip:t.strip,closeStrip:n&&n.strip,loc:this.locInfo(i)}};var s=i(n(6));function r(t,e){if(e=e.path?e.path.original:e,t.path.original!==e){var n={loc:t.path.loc};throw new s.default(t.path.original+" doesn't match "+e,n)}}},function(t,e,n){"use strict";var i=n(34).default,s=n(1).default;e.__esModule=!0,e.Compiler=u,e.precompile=function(t,e,n){if(null==t||"string"!=typeof t&&"Program"!==t.type)throw new r.default("You must pass a string or Handlebars AST to Handlebars.precompile. You passed "+t);"data"in(e=e||{})||(e.data=!0),e.compat&&(e.useDepths=!0);var i=n.parse(t,e),s=(new n.Compiler).compile(i,e);return(new n.JavaScriptCompiler).compile(s,e)},e.compile=function(t,e,n){if(void 0===e&&(e={}),null==t||"string"!=typeof t&&"Program"!==t.type)throw new r.default("You must pass a string or Handlebars AST to Handlebars.compile. You passed "+t);"data"in(e=a.extend({},e))||(e.data=!0),e.compat&&(e.useDepths=!0);var i=void 0;function s(){var i=n.parse(t,e),s=(new n.Compiler).compile(i,e),r=(new n.JavaScriptCompiler).compile(s,e,void 0,!0);return n.template(r)}function o(t,e){return i||(i=s()),i.call(this,t,e)}return o._setup=function(t){return i||(i=s()),i._setup(t)},o._child=function(t,e,n,r){return i||(i=s()),i._child(t,e,n,r)},o};var r=s(n(6)),a=n(5),o=s(n(45)),_=[].slice;function u(){}function p(t,e){if(t===e)return!0;if(a.isArray(t)&&a.isArray(e)&&t.length===e.length){for(var n=0;n<t.length;n++)if(!p(t[n],e[n]))return!1;return!0}}function l(t){if(!t.path.parts){var e=t.path;t.path={type:"PathExpression",data:!1,depth:0,parts:[e.original+""],original:e.original+"",loc:e.loc}}}u.prototype={compiler:u,equals:function(t){var e=this.opcodes.length;if(t.opcodes.length!==e)return!1;for(var n=0;n<e;n++){var i=this.opcodes[n],s=t.opcodes[n];if(i.opcode!==s.opcode||!p(i.args,s.args))return!1}for(e=this.children.length,n=0;n<e;n++)if(!this.children[n].equals(t.children[n]))return!1;return!0},guid:0,compile:function(t,e){return this.sourceNode=[],this.opcodes=[],this.children=[],this.options=e,this.stringParams=e.stringParams,this.trackIds=e.trackIds,e.blockParams=e.blockParams||[],e.knownHelpers=a.extend(i(null),{helperMissing:!0,blockHelperMissing:!0,each:!0,if:!0,unless:!0,with:!0,log:!0,lookup:!0},e.knownHelpers),this.accept(t)},compileProgram:function(t){var e=(new this.compiler).compile(t,this.options),n=this.guid++;return this.usePartial=this.usePartial||e.usePartial,this.children[n]=e,this.useDepths=this.useDepths||e.useDepths,n},accept:function(t){if(!this[t.type])throw new r.default("Unknown type: "+t.type,t);this.sourceNode.unshift(t);var e=this[t.type](t);return this.sourceNode.shift(),e},Program:function(t){this.options.blockParams.unshift(t.blockParams);for(var e=t.body,n=e.length,i=0;i<n;i++)this.accept(e[i]);return this.options.blockParams.shift(),this.isSimple=1===n,this.blockParams=t.blockParams?t.blockParams.length:0,this},BlockStatement:function(t){l(t);var e=t.program,n=t.inverse;e=e&&this.compileProgram(e),n=n&&this.compileProgram(n);var i=this.classifySexpr(t);"helper"===i?this.helperSexpr(t,e,n):"simple"===i?(this.simpleSexpr(t),this.opcode("pushProgram",e),this.opcode("pushProgram",n),this.opcode("emptyHash"),this.opcode("blockValue",t.path.original)):(this.ambiguousSexpr(t,e,n),this.opcode("pushProgram",e),this.opcode("pushProgram",n),this.opcode("emptyHash"),this.opcode("ambiguousBlockValue")),this.opcode("append")},DecoratorBlock:function(t){var e=t.program&&this.compileProgram(t.program),n=this.setupFullMustacheParams(t,e,void 0),i=t.path;this.useDecorators=!0,this.opcode("registerDecorator",n.length,i.original)},PartialStatement:function(t){this.usePartial=!0;var e=t.program;e&&(e=this.compileProgram(t.program));var n=t.params;if(n.length>1)throw new r.default("Unsupported number of partial arguments: "+n.length,t);n.length||(this.options.explicitPartialContext?this.opcode("pushLiteral","undefined"):n.push({type:"PathExpression",parts:[],depth:0}));var i=t.name.original,s="SubExpression"===t.name.type;s&&this.accept(t.name),this.setupFullMustacheParams(t,e,void 0,!0);var a=t.indent||"";this.options.preventIndent&&a&&(this.opcode("appendContent",a),a=""),this.opcode("invokePartial",s,i,a),this.opcode("append")},PartialBlockStatement:function(t){this.PartialStatement(t)},MustacheStatement:function(t){this.SubExpression(t),t.escaped&&!this.options.noEscape?this.opcode("appendEscaped"):this.opcode("append")},Decorator:function(t){this.DecoratorBlock(t)},ContentStatement:function(t){t.value&&this.opcode("appendContent",t.value)},CommentStatement:function(){},SubExpression:function(t){l(t);var e=this.classifySexpr(t);"simple"===e?this.simpleSexpr(t):"helper"===e?this.helperSexpr(t):this.ambiguousSexpr(t)},ambiguousSexpr:function(t,e,n){var i=t.path,s=i.parts[0],r=null!=e||null!=n;this.opcode("getContext",i.depth),this.opcode("pushProgram",e),this.opcode("pushProgram",n),i.strict=!0,this.accept(i),this.opcode("invokeAmbiguous",s,r)},simpleSexpr:function(t){var e=t.path;e.strict=!0,this.accept(e),this.opcode("resolvePossibleLambda")},helperSexpr:function(t,e,n){var i=this.setupFullMustacheParams(t,e,n),s=t.path,a=s.parts[0];if(this.options.knownHelpers[a])this.opcode("invokeKnownHelper",i.length,a);else{if(this.options.knownHelpersOnly)throw new r.default("You specified knownHelpersOnly, but used the unknown helper "+a,t);s.strict=!0,s.falsy=!0,this.accept(s),this.opcode("invokeHelper",i.length,s.original,o.default.helpers.simpleId(s))}},PathExpression:function(t){this.addDepth(t.depth),this.opcode("getContext",t.depth);var e=t.parts[0],n=o.default.helpers.scopedId(t),i=!t.depth&&!n&&this.blockParamIndex(e);i?this.opcode("lookupBlockParam",i,t.parts):e?t.data?(this.options.data=!0,this.opcode("lookupData",t.depth,t.parts,t.strict)):this.opcode("lookupOnContext",t.parts,t.falsy,t.strict,n):this.opcode("pushContext")},StringLiteral:function(t){this.opcode("pushString",t.value)},NumberLiteral:function(t){this.opcode("pushLiteral",t.value)},BooleanLiteral:function(t){this.opcode("pushLiteral",t.value)},UndefinedLiteral:function(){this.opcode("pushLiteral","undefined")},NullLiteral:function(){this.opcode("pushLiteral","null")},Hash:function(t){var e=t.pairs,n=0,i=e.length;for(this.opcode("pushHash");n<i;n++)this.pushParam(e[n].value);for(;n--;)this.opcode("assignToHash",e[n].key);this.opcode("popHash")},opcode:function(t){this.opcodes.push({opcode:t,args:_.call(arguments,1),loc:this.sourceNode[0].loc})},addDepth:function(t){t&&(this.useDepths=!0)},classifySexpr:function(t){var e=o.default.helpers.simpleId(t.path),n=e&&!!this.blockParamIndex(t.path.parts[0]),i=!n&&o.default.helpers.helperExpression(t),s=!n&&(i||e);if(s&&!i){var r=t.path.parts[0],a=this.options;a.knownHelpers[r]?i=!0:a.knownHelpersOnly&&(s=!1)}return i?"helper":s?"ambiguous":"simple"},pushParams:function(t){for(var e=0,n=t.length;e<n;e++)this.pushParam(t[e])},pushParam:function(t){var e=null!=t.value?t.value:t.original||"";if(this.stringParams)e.replace&&(e=e.replace(/^(\.?\.\/)*/g,"").replace(/\//g,".")),t.depth&&this.addDepth(t.depth),this.opcode("getContext",t.depth||0),this.opcode("pushStringParam",e,t.type),"SubExpression"===t.type&&this.accept(t);else{if(this.trackIds){var n=void 0;if(!t.parts||o.default.helpers.scopedId(t)||t.depth||(n=this.blockParamIndex(t.parts[0])),n){var i=t.parts.slice(1).join(".");this.opcode("pushId","BlockParam",n,i)}else(e=t.original||e).replace&&(e=e.replace(/^this(?:\.|$)/,"").replace(/^\.\//,"").replace(/^\.$/,"")),this.opcode("pushId",t.type,e)}this.accept(t)}},setupFullMustacheParams:function(t,e,n,i){var s=t.params;return this.pushParams(s),this.opcode("pushProgram",e),this.opcode("pushProgram",n),t.hash?this.accept(t.hash):this.opcode("emptyHash",i),s},blockParamIndex:function(t){for(var e=0,n=this.options.blockParams.length;e<n;e++){var i=this.options.blockParams[e],s=i&&a.indexOf(i,t);if(i&&s>=0)return[e,s]}}}},function(t,e,n){"use strict";var i=n(13).default,s=n(1).default;e.__esModule=!0;var r=n(4),a=s(n(6)),o=n(5),_=s(n(53));function u(t){this.value=t}function p(){}p.prototype={nameLookup:function(t,e){return this.internalNameLookup(t,e)},depthedLookup:function(t){return[this.aliasable("container.lookup"),"(depths, ",JSON.stringify(t),")"]},compilerInfo:function(){var t=r.COMPILER_REVISION;return[t,r.REVISION_CHANGES[t]]},appendToBuffer:function(t,e,n){return o.isArray(t)||(t=[t]),t=this.source.wrap(t,e),this.environment.isSimple?["return ",t,";"]:n?["buffer += ",t,";"]:(t.appendToBuffer=!0,t)},initializeBuffer:function(){return this.quotedString("")},internalNameLookup:function(t,e){return this.lookupPropertyFunctionIsUsed=!0,["lookupProperty(",t,",",JSON.stringify(e),")"]},lookupPropertyFunctionIsUsed:!1,compile:function(t,e,n,i){this.environment=t,this.options=e,this.stringParams=this.options.stringParams,this.trackIds=this.options.trackIds,this.precompile=!i,this.name=this.environment.name,this.isChild=!!n,this.context=n||{decorators:[],programs:[],environments:[]},this.preamble(),this.stackSlot=0,this.stackVars=[],this.aliases={},this.registers={list:[]},this.hashes=[],this.compileStack=[],this.inlineStack=[],this.blockParams=[],this.compileChildren(t,e),this.useDepths=this.useDepths||t.useDepths||t.useDecorators||this.options.compat,this.useBlockParams=this.useBlockParams||t.useBlockParams;var s=t.opcodes,r=void 0,o=void 0,_=void 0,u=void 0;for(_=0,u=s.length;_<u;_++)r=s[_],this.source.currentLocation=r.loc,o=o||r.loc,this[r.opcode].apply(this,r.args);if(this.source.currentLocation=o,this.pushSource(""),this.stackSlot||this.inlineStack.length||this.compileStack.length)throw new a.default("Compile completed with content left on stack");this.decorators.isEmpty()?this.decorators=void 0:(this.useDecorators=!0,this.decorators.prepend(["var decorators = container.decorators, ",this.lookupPropertyFunctionVarDeclaration(),";\n"]),this.decorators.push("return fn;"),i?this.decorators=Function.apply(this,["fn","props","container","depth0","data","blockParams","depths",this.decorators.merge()]):(this.decorators.prepend("function(fn, props, container, depth0, data, blockParams, depths) {\n"),this.decorators.push("}\n"),this.decorators=this.decorators.merge()));var p=this.createFunctionContext(i);if(this.isChild)return p;var l={compiler:this.compilerInfo(),main:p};this.decorators&&(l.main_d=this.decorators,l.useDecorators=!0);var h=this.context,c=h.programs,d=h.decorators;for(_=0,u=c.length;_<u;_++)c[_]&&(l[_]=c[_],d[_]&&(l[_+"_d"]=d[_],l.useDecorators=!0));return this.environment.usePartial&&(l.usePartial=!0),this.options.data&&(l.useData=!0),this.useDepths&&(l.useDepths=!0),this.useBlockParams&&(l.useBlockParams=!0),this.options.compat&&(l.compat=!0),i?l.compilerOptions=this.options:(l.compiler=JSON.stringify(l.compiler),this.source.currentLocation={start:{line:1,column:0}},l=this.objectLiteral(l),e.srcName?(l=l.toStringWithSourceMap({file:e.destName})).map=l.map&&l.map.toString():l=l.toString()),l},preamble:function(){this.lastContext=0,this.source=new _.default(this.options.srcName),this.decorators=new _.default(this.options.srcName)},createFunctionContext:function(t){var e=this,n="",s=this.stackVars.concat(this.registers.list);s.length>0&&(n+=", "+s.join(", "));var r=0;i(this.aliases).forEach((function(t){var i=e.aliases[t];i.children&&i.referenceCount>1&&(n+=", alias"+ ++r+"="+t,i.children[0]="alias"+r)})),this.lookupPropertyFunctionIsUsed&&(n+=", "+this.lookupPropertyFunctionVarDeclaration());var a=["container","depth0","helpers","partials","data"];(this.useBlockParams||this.useDepths)&&a.push("blockParams"),this.useDepths&&a.push("depths");var o=this.mergeSource(n);return t?(a.push(o),Function.apply(this,a)):this.source.wrap(["function(",a.join(","),") {\n  ",o,"}"])},mergeSource:function(t){var e=this.environment.isSimple,n=!this.forceBuffer,i=void 0,s=void 0,r=void 0,a=void 0;return this.source.each((function(t){t.appendToBuffer?(r?t.prepend("  + "):r=t,a=t):(r&&(s?r.prepend("buffer += "):i=!0,a.add(";"),r=a=void 0),s=!0,e||(n=!1))})),n?r?(r.prepend("return "),a.add(";")):s||this.source.push('return "";'):(t+=", buffer = "+(i?"":this.initializeBuffer()),r?(r.prepend("return buffer + "),a.add(";")):this.source.push("return buffer;")),t&&this.source.prepend("var "+t.substring(2)+(i?"":";\n")),this.source.merge()},lookupPropertyFunctionVarDeclaration:function(){return"\n      lookupProperty = container.lookupProperty || function(parent, propertyName) {\n        if (Object.prototype.hasOwnProperty.call(parent, propertyName)) {\n          return parent[propertyName];\n        }\n        return undefined\n    }\n    ".trim()},blockValue:function(t){var e=this.aliasable("container.hooks.blockHelperMissing"),n=[this.contextName(0)];this.setupHelperArgs(t,0,n);var i=this.popStack();n.splice(1,0,i),this.push(this.source.functionCall(e,"call",n))},ambiguousBlockValue:function(){var t=this.aliasable("container.hooks.blockHelperMissing"),e=[this.contextName(0)];this.setupHelperArgs("",0,e,!0),this.flushInline();var n=this.topStack();e.splice(1,0,n),this.pushSource(["if (!",this.lastHelper,") { ",n," = ",this.source.functionCall(t,"call",e),"}"])},appendContent:function(t){this.pendingContent?t=this.pendingContent+t:this.pendingLocation=this.source.currentLocation,this.pendingContent=t},append:function(){if(this.isInline())this.replaceStack((function(t){return[" != null ? ",t,' : ""']})),this.pushSource(this.appendToBuffer(this.popStack()));else{var t=this.popStack();this.pushSource(["if (",t," != null) { ",this.appendToBuffer(t,void 0,!0)," }"]),this.environment.isSimple&&this.pushSource(["else { ",this.appendToBuffer("''",void 0,!0)," }"])}},appendEscaped:function(){this.pushSource(this.appendToBuffer([this.aliasable("container.escapeExpression"),"(",this.popStack(),")"]))},getContext:function(t){this.lastContext=t},pushContext:function(){this.pushStackLiteral(this.contextName(this.lastContext))},lookupOnContext:function(t,e,n,i){var s=0;i||!this.options.compat||this.lastContext?this.pushContext():this.push(this.depthedLookup(t[s++])),this.resolvePath("context",t,s,e,n)},lookupBlockParam:function(t,e){this.useBlockParams=!0,this.push(["blockParams[",t[0],"][",t[1],"]"]),this.resolvePath("context",e,1)},lookupData:function(t,e,n){t?this.pushStackLiteral("container.data(data, "+t+")"):this.pushStackLiteral("data"),this.resolvePath("data",e,0,!0,n)},resolvePath:function(t,e,n,i,s){var r=this;if(this.options.strict||this.options.assumeObjects)this.push(function(t,e,n,i){var s=e.popStack(),r=0,a=n.length;for(t&&a--;r<a;r++)s=e.nameLookup(s,n[r],i);return t?[e.aliasable("container.strict"),"(",s,", ",e.quotedString(n[r]),", ",JSON.stringify(e.source.currentLocation)," )"]:s}(this.options.strict&&s,this,e,t));else for(var a=e.length;n<a;n++)this.replaceStack((function(s){var a=r.nameLookup(s,e[n],t);return i?[" && ",a]:[" != null ? ",a," : ",s]}))},resolvePossibleLambda:function(){this.push([this.aliasable("container.lambda"),"(",this.popStack(),", ",this.contextName(0),")"])},pushStringParam:function(t,e){this.pushContext(),this.pushString(e),"SubExpression"!==e&&("string"==typeof t?this.pushString(t):this.pushStackLiteral(t))},emptyHash:function(t){this.trackIds&&this.push("{}"),this.stringParams&&(this.push("{}"),this.push("{}")),this.pushStackLiteral(t?"undefined":"{}")},pushHash:function(){this.hash&&this.hashes.push(this.hash),this.hash={values:{},types:[],contexts:[],ids:[]}},popHash:function(){var t=this.hash;this.hash=this.hashes.pop(),this.trackIds&&this.push(this.objectLiteral(t.ids)),this.stringParams&&(this.push(this.objectLiteral(t.contexts)),this.push(this.objectLiteral(t.types))),this.push(this.objectLiteral(t.values))},pushString:function(t){this.pushStackLiteral(this.quotedString(t))},pushLiteral:function(t){this.pushStackLiteral(t)},pushProgram:function(t){null!=t?this.pushStackLiteral(this.programExpression(t)):this.pushStackLiteral(null)},registerDecorator:function(t,e){var n=this.nameLookup("decorators",e,"decorator"),i=this.setupHelperArgs(e,t);this.decorators.push(["fn = ",this.decorators.functionCall(n,"",["fn","props","container",i])," || fn;"])},invokeHelper:function(t,e,n){var i=this.popStack(),s=this.setupHelper(t,e),r=[];n&&r.push(s.name),r.push(i),this.options.strict||r.push(this.aliasable("container.hooks.helperMissing"));var a=["(",this.itemsSeparatedBy(r,"||"),")"],o=this.source.functionCall(a,"call",s.callParams);this.push(o)},itemsSeparatedBy:function(t,e){var n=[];n.push(t[0]);for(var i=1;i<t.length;i++)n.push(e,t[i]);return n},invokeKnownHelper:function(t,e){var n=this.setupHelper(t,e);this.push(this.source.functionCall(n.name,"call",n.callParams))},invokeAmbiguous:function(t,e){this.useRegister("helper");var n=this.popStack();this.emptyHash();var i=this.setupHelper(0,t,e),s=["(","(helper = ",this.lastHelper=this.nameLookup("helpers",t,"helper")," || ",n,")"];this.options.strict||(s[0]="(helper = ",s.push(" != null ? helper : ",this.aliasable("container.hooks.helperMissing"))),this.push(["(",s,i.paramsInit?["),(",i.paramsInit]:[],"),","(typeof helper === ",this.aliasable('"function"')," ? ",this.source.functionCall("helper","call",i.callParams)," : helper))"])},invokePartial:function(t,e,n){var i=[],s=this.setupParams(e,1,i);t&&(e=this.popStack(),delete s.name),n&&(s.indent=JSON.stringify(n)),s.helpers="helpers",s.partials="partials",s.decorators="container.decorators",t?i.unshift(e):i.unshift(this.nameLookup("partials",e,"partial")),this.options.compat&&(s.depths="depths"),s=this.objectLiteral(s),i.push(s),this.push(this.source.functionCall("container.invokePartial","",i))},assignToHash:function(t){var e=this.popStack(),n=void 0,i=void 0,s=void 0;this.trackIds&&(s=this.popStack()),this.stringParams&&(i=this.popStack(),n=this.popStack());var r=this.hash;n&&(r.contexts[t]=n),i&&(r.types[t]=i),s&&(r.ids[t]=s),r.values[t]=e},pushId:function(t,e,n){"BlockParam"===t?this.pushStackLiteral("blockParams["+e[0]+"].path["+e[1]+"]"+(n?" + "+JSON.stringify("."+n):"")):"PathExpression"===t?this.pushString(e):"SubExpression"===t?this.pushStackLiteral("true"):this.pushStackLiteral("null")},compiler:p,compileChildren:function(t,e){for(var n=t.children,i=void 0,s=void 0,r=0,a=n.length;r<a;r++){i=n[r],s=new this.compiler;var o=this.matchExistingProgram(i);if(null==o){this.context.programs.push("");var _=this.context.programs.length;i.index=_,i.name="program"+_,this.context.programs[_]=s.compile(i,e,this.context,!this.precompile),this.context.decorators[_]=s.decorators,this.context.environments[_]=i,this.useDepths=this.useDepths||s.useDepths,this.useBlockParams=this.useBlockParams||s.useBlockParams,i.useDepths=this.useDepths,i.useBlockParams=this.useBlockParams}else i.index=o.index,i.name="program"+o.index,this.useDepths=this.useDepths||o.useDepths,this.useBlockParams=this.useBlockParams||o.useBlockParams}},matchExistingProgram:function(t){for(var e=0,n=this.context.environments.length;e<n;e++){var i=this.context.environments[e];if(i&&i.equals(t))return i}},programExpression:function(t){var e=this.environment.children[t],n=[e.index,"data",e.blockParams];return(this.useBlockParams||this.useDepths)&&n.push("blockParams"),this.useDepths&&n.push("depths"),"container.program("+n.join(", ")+")"},useRegister:function(t){this.registers[t]||(this.registers[t]=!0,this.registers.list.push(t))},push:function(t){return t instanceof u||(t=this.source.wrap(t)),this.inlineStack.push(t),t},pushStackLiteral:function(t){this.push(new u(t))},pushSource:function(t){this.pendingContent&&(this.source.push(this.appendToBuffer(this.source.quotedString(this.pendingContent),this.pendingLocation)),this.pendingContent=void 0),t&&this.source.push(t)},replaceStack:function(t){var e=["("],n=void 0,i=void 0,s=void 0;if(!this.isInline())throw new a.default("replaceStack on non-inline");var r=this.popStack(!0);if(r instanceof u)e=["(",n=[r.value]],s=!0;else{i=!0;var o=this.incrStack();e=["((",this.push(o)," = ",r,")"],n=this.topStack()}var _=t.call(this,n);s||this.popStack(),i&&this.stackSlot--,this.push(e.concat(_,")"))},incrStack:function(){return this.stackSlot++,this.stackSlot>this.stackVars.length&&this.stackVars.push("stack"+this.stackSlot),this.topStackName()},topStackName:function(){return"stack"+this.stackSlot},flushInline:function(){var t=this.inlineStack;this.inlineStack=[];for(var e=0,n=t.length;e<n;e++){var i=t[e];if(i instanceof u)this.compileStack.push(i);else{var s=this.incrStack();this.pushSource([s," = ",i,";"]),this.compileStack.push(s)}}},isInline:function(){return this.inlineStack.length},popStack:function(t){var e=this.isInline(),n=(e?this.inlineStack:this.compileStack).pop();if(!t&&n instanceof u)return n.value;if(!e){if(!this.stackSlot)throw new a.default("Invalid stack pop");this.stackSlot--}return n},topStack:function(){var t=this.isInline()?this.inlineStack:this.compileStack,e=t[t.length-1];return e instanceof u?e.value:e},contextName:function(t){return this.useDepths&&t?"depths["+t+"]":"depth"+t},quotedString:function(t){return this.source.quotedString(t)},objectLiteral:function(t){return this.source.objectLiteral(t)},aliasable:function(t){var e=this.aliases[t];return e?(e.referenceCount++,e):((e=this.aliases[t]=this.source.wrap(t)).aliasable=!0,e.referenceCount=1,e)},setupHelper:function(t,e,n){var i=[];return{params:i,paramsInit:this.setupHelperArgs(e,t,i,n),name:this.nameLookup("helpers",e,"helper"),callParams:[this.aliasable(this.contextName(0)+" != null ? "+this.contextName(0)+" : (container.nullContext || {})")].concat(i)}},setupParams:function(t,e,n){var i={},s=[],r=[],a=[],o=!n,_=void 0;o&&(n=[]),i.name=this.quotedString(t),i.hash=this.popStack(),this.trackIds&&(i.hashIds=this.popStack()),this.stringParams&&(i.hashTypes=this.popStack(),i.hashContexts=this.popStack());var u=this.popStack(),p=this.popStack();(p||u)&&(i.fn=p||"container.noop",i.inverse=u||"container.noop");for(var l=e;l--;)_=this.popStack(),n[l]=_,this.trackIds&&(a[l]=this.popStack()),this.stringParams&&(r[l]=this.popStack(),s[l]=this.popStack());return o&&(i.args=this.source.generateArray(n)),this.trackIds&&(i.ids=this.source.generateArray(a)),this.stringParams&&(i.types=this.source.generateArray(r),i.contexts=this.source.generateArray(s)),this.options.data&&(i.data="data"),this.useBlockParams&&(i.blockParams="blockParams"),i},setupHelperArgs:function(t,e,n,i){var s=this.setupParams(t,e,n);return s.loc=JSON.stringify(this.source.currentLocation),s=this.objectLiteral(s),i?(this.useRegister("options"),n.push("options"),["options=",s]):n?(n.push(s),""):s}},function(){for(var t="break else new var case finally return void catch for switch while continue function this with default if throw delete in try do instanceof typeof abstract enum int short boolean export interface static byte extends long super char final native synchronized class float package throws const goto private transient debugger implements protected volatile double import public let yield await null true false".split(" "),e=p.RESERVED_WORDS={},n=0,i=t.length;n<i;n++)e[t[n]]=!0}(),p.isValidJavaScriptVariableName=function(t){return!p.RESERVED_WORDS[t]&&/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(t)},e.default=p,t.exports=e.default},function(t,e,n){"use strict";var i=n(13).default;e.__esModule=!0;var s=n(5),r=void 0;function a(t,e,n){if(s.isArray(t)){for(var i=[],r=0,a=t.length;r<a;r++)i.push(e.wrap(t[r],n));return i}return"boolean"==typeof t||"number"==typeof t?t+"":t}function o(t){this.srcFile=t,this.source=[]}r||((r=function(t,e,n,i){this.src="",i&&this.add(i)}).prototype={add:function(t){s.isArray(t)&&(t=t.join("")),this.src+=t},prepend:function(t){s.isArray(t)&&(t=t.join("")),this.src=t+this.src},toStringWithSourceMap:function(){return{code:this.toString()}},toString:function(){return this.src}}),o.prototype={isEmpty:function(){return!this.source.length},prepend:function(t,e){this.source.unshift(this.wrap(t,e))},push:function(t,e){this.source.push(this.wrap(t,e))},merge:function(){var t=this.empty();return this.each((function(e){t.add(["  ",e,"\n"])})),t},each:function(t){for(var e=0,n=this.source.length;e<n;e++)t(this.source[e])},empty:function(){var t=this.currentLocation||{start:{}};return new r(t.start.line,t.start.column,this.srcFile)},wrap:function(t){var e=arguments.length<=1||void 0===arguments[1]?this.currentLocation||{start:{}}:arguments[1];return t instanceof r?t:(t=a(t,this,e),new r(e.start.line,e.start.column,this.srcFile,t))},functionCall:function(t,e,n){return n=this.generateList(n),this.wrap([t,e?"."+e+"(":"(",n,")"])},quotedString:function(t){return'"'+(t+"").replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")+'"'},objectLiteral:function(t){var e=this,n=[];i(t).forEach((function(i){var s=a(t[i],e);"undefined"!==s&&n.push([e.quotedString(i),":",s])}));var s=this.generateList(n);return s.prepend("{"),s.add("}"),s},generateList:function(t){for(var e=this.empty(),n=0,i=t.length;n<i;n++)n&&e.add(","),e.add(a(t[n],this));return e},generateArray:function(t){var e=this.generateList(t);return e.prepend("["),e.add("]"),e}},e.default=o,t.exports=e.default}])},t.exports=e()},148:function(t){function e(t){return!!t.constructor&&"function"==typeof t.constructor.isBuffer&&t.constructor.isBuffer(t)}t.exports=function(t){return null!=t&&(e(t)||function(t){return"function"==typeof t.readFloatLE&&"function"==typeof t.slice&&e(t.slice(0,0))}(t)||!!t._isBuffer)}},146:function(t){"use strict";t.exports=function(t){return null!=t&&("object"==typeof t||"function"==typeof t)}},145:function(t){"use strict";var e;t.exports=function(t){return"string"==typeof t&&(e||(e=new RegExp('^[\\s\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff"]+$'))).test(t)}},109:function(t,e,n){"use strict";var i=n(155),s=n(144),r=n(143),a={unformatted:["code","pre","em","strong","span"],indent_inner_html:!0,indent_char:" ",indent_size:2,sep:"\n"};t.exports=function(t,e){var n=r({},a,e);return t=i.html(t,n),!0===n.ocd?(n.newlines&&(n.sep=n.newlines),function(t,e){return s(t,e).replace(/^\s+/g,"").replace(/\s+$/g,"\n").replace(/(\s*<!--)/g,"\n$1").replace(/>(\s*)(?=<!--\s*\/)/g,"> ")}(t,n)):t}},155:function(t,e,n){"use strict";var i,s;i=[n(141),n(142),n(156)],void 0===(s=function(t,e,n){return function(t,e,n){var i=function(e,n){return t.js_beautify(e,n)};return i.js=t.js_beautify,i.css=e.css_beautify,i.html=n.html_beautify,i.js_beautify=t.js_beautify,i.css_beautify=e.css_beautify,i.html_beautify=n.html_beautify,i}(t,e,n)}.apply(e,i))||(t.exports=s)},142:function(t,e){var n;!function(){var i;!function(){"use strict";var t=[,,function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var s=this.__lines[i];if(s.is_empty())break;if(0!==s.item(0).indexOf(t)&&s.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},,,,function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,s={};for(n in t=i(t))n!==e&&(s[n]=t[n]);if(e&&t[e])for(n in t[e])s[n]=t[e][n];return s}function i(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],i=e||[];return"object"==typeof n?null!==n&&"function"==typeof n.concat&&(i=n.concat()):"string"==typeof n&&(i=n.split(/[^a-zA-Z0-9_\/\-]+/)),i},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=i,t.exports.mergeOpts=n},,function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,s="";return t&&(i=this.match(t))&&(s+=i[0]),!e||!i&&t||(s+=this.readUntil(e,n)),s},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var s=t.exec(this.__input);return s?(i=s.index,e&&(i+=s[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,s="g";return n&&e&&(s="y"),"string"==typeof t&&""!==t?i=new RegExp(t,s):t&&(i=new RegExp(t.source,s)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},,,,,function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},,function(t,e,n){var i=n(16).Beautifier,s=n(17).Options;t.exports=function(t,e){return new i(t,e).beautify()},t.exports.defaultOptions=function(){return new s}},function(t,e,n){var i=n(17).Options,s=n(2).Output,r=n(8).InputScanner,a=new(0,n(13).Directives)(/\/\*/,/\*\//),o=/\r\n|[\r\n]/,_=/\r\n|[\r\n]/g,u=/\s/,p=/(?:\s|\n)+/g,l=/\/\*(?:[\s\S]*?)((?:\*\/)|$)/g,h=/\/\/(?:[^\n\r\u2028\u2029]*)/g;function c(t,e){this._source_text=t||"",this._options=new i(e),this._ch=null,this._input=null,this.NESTED_AT_RULE={"@page":!0,"@font-face":!0,"@keyframes":!0,"@media":!0,"@supports":!0,"@document":!0},this.CONDITIONAL_GROUP_RULE={"@media":!0,"@supports":!0,"@document":!0},this.NON_SEMICOLON_NEWLINE_PROPERTY=["grid-template-areas","grid-template"]}c.prototype.eatString=function(t){var e="";for(this._ch=this._input.next();this._ch;){if(e+=this._ch,"\\"===this._ch)e+=this._input.next();else if(-1!==t.indexOf(this._ch)||"\n"===this._ch)break;this._ch=this._input.next()}return e},c.prototype.eatWhitespace=function(t){for(var e=u.test(this._input.peek()),n=0;u.test(this._input.peek());)this._ch=this._input.next(),t&&"\n"===this._ch&&(0===n||n<this._options.max_preserve_newlines)&&(n++,this._output.add_new_line(!0));return e},c.prototype.foundNestedPseudoClass=function(){for(var t=0,e=1,n=this._input.peek(e);n;){if("{"===n)return!0;if("("===n)t+=1;else if(")"===n){if(0===t)return!1;t-=1}else if(";"===n||"}"===n)return!1;e++,n=this._input.peek(e)}return!1},c.prototype.print_string=function(t){this._output.set_indent(this._indentLevel),this._output.non_breaking_space=!0,this._output.add_token(t)},c.prototype.preserveSingleSpace=function(t){t&&(this._output.space_before_token=!0)},c.prototype.indent=function(){this._indentLevel++},c.prototype.outdent=function(){this._indentLevel>0&&this._indentLevel--},c.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._source_text,e=this._options.eol;"auto"===e&&(e="\n",t&&o.test(t||"")&&(e=t.match(o)[0]));var n=(t=t.replace(_,"\n")).match(/^[\t ]*/)[0];this._output=new s(this._options,n),this._input=new r(t),this._indentLevel=0,this._nestedLevel=0,this._ch=null;for(var i,c,d=0,f=!1,g=!1,m=!1,y=!1,b=!1,v=!1,k=this._ch,w=!1;i=""!==this._input.read(p),c=k,this._ch=this._input.next(),"\\"===this._ch&&this._input.hasNext()&&(this._ch+=this._input.next()),k=this._ch,this._ch;)if("/"===this._ch&&"*"===this._input.peek()){this._output.add_new_line(),this._input.back();var x=this._input.read(l),S=a.get_directives(x);S&&"start"===S.ignore&&(x+=a.readIgnored(this._input)),this.print_string(x),this.eatWhitespace(!0),this._output.add_new_line()}else if("/"===this._ch&&"/"===this._input.peek())this._output.space_before_token=!0,this._input.back(),this.print_string(this._input.read(h)),this.eatWhitespace(!0);else if("@"===this._ch||"$"===this._ch)if(this.preserveSingleSpace(i),"{"===this._input.peek())this.print_string(this._ch+this.eatString("}"));else{this.print_string(this._ch);var E=this._input.peekUntilAfter(/[: ,;{}()[\]\/='"]/g);E.match(/[ :]$/)&&(E=this.eatString(": ").replace(/\s$/,""),this.print_string(E),this._output.space_before_token=!0),"extend"===(E=E.replace(/\s$/,""))?y=!0:"import"===E&&(b=!0),E in this.NESTED_AT_RULE?(this._nestedLevel+=1,E in this.CONDITIONAL_GROUP_RULE&&(m=!0)):f||0!==d||-1===E.indexOf(":")||(g=!0,this.indent())}else if("#"===this._ch&&"{"===this._input.peek())this.preserveSingleSpace(i),this.print_string(this._ch+this.eatString("}"));else if("{"===this._ch)g&&(g=!1,this.outdent()),m?(m=!1,f=this._indentLevel>=this._nestedLevel):f=this._indentLevel>=this._nestedLevel-1,this._options.newline_between_rules&&f&&this._output.previous_line&&"{"!==this._output.previous_line.item(-1)&&this._output.ensure_empty_line_above("/",","),this._output.space_before_token=!0,"expand"===this._options.brace_style?(this._output.add_new_line(),this.print_string(this._ch),this.indent(),this._output.set_indent(this._indentLevel)):("("===c?this._output.space_before_token=!1:","!==c&&this.indent(),this.print_string(this._ch)),this.eatWhitespace(!0),this._output.add_new_line();else if("}"===this._ch)this.outdent(),this._output.add_new_line(),"{"===c&&this._output.trim(!0),b=!1,y=!1,g&&(this.outdent(),g=!1),this.print_string(this._ch),f=!1,this._nestedLevel&&this._nestedLevel--,this.eatWhitespace(!0),this._output.add_new_line(),this._options.newline_between_rules&&!this._output.just_added_blankline()&&"}"!==this._input.peek()&&this._output.add_new_line(!0),")"===this._input.peek()&&(this._output.trim(!0),"expand"===this._options.brace_style&&this._output.add_new_line(!0));else if(":"===this._ch){for(var O=0;O<this.NON_SEMICOLON_NEWLINE_PROPERTY.length;O++)if(this._input.lookBack(this.NON_SEMICOLON_NEWLINE_PROPERTY[O])){w=!0;break}!f&&!m||this._input.lookBack("&")||this.foundNestedPseudoClass()||this._input.lookBack("(")||y||0!==d?(this._input.lookBack(" ")&&(this._output.space_before_token=!0),":"===this._input.peek()?(this._ch=this._input.next(),this.print_string("::")):this.print_string(":")):(this.print_string(":"),g||(g=!0,this._output.space_before_token=!0,this.eatWhitespace(!0),this.indent()))}else if('"'===this._ch||"'"===this._ch){var P='"'===c||"'"===c;this.preserveSingleSpace(P||i),this.print_string(this._ch+this.eatString(this._ch)),this.eatWhitespace(!0)}else if(";"===this._ch)w=!1,0===d?(g&&(this.outdent(),g=!1),y=!1,b=!1,this.print_string(this._ch),this.eatWhitespace(!0),"/"!==this._input.peek()&&this._output.add_new_line()):(this.print_string(this._ch),this.eatWhitespace(!0),this._output.space_before_token=!0);else if("("===this._ch)if(this._input.lookBack("url"))this.print_string(this._ch),this.eatWhitespace(),d++,this.indent(),this._ch=this._input.next(),")"===this._ch||'"'===this._ch||"'"===this._ch?this._input.back():this._ch&&(this.print_string(this._ch+this.eatString(")")),d&&(d--,this.outdent()));else{var A=!1;this._input.lookBack("with")&&(A=!0),this.preserveSingleSpace(i||A),this.print_string(this._ch),g&&"$"===c&&this._options.selector_separator_newline?(this._output.add_new_line(),v=!0):(this.eatWhitespace(),d++,this.indent())}else if(")"===this._ch)d&&(d--,this.outdent()),v&&";"===this._input.peek()&&this._options.selector_separator_newline&&(v=!1,this.outdent(),this._output.add_new_line()),this.print_string(this._ch);else if(","===this._ch)this.print_string(this._ch),this.eatWhitespace(!0),!this._options.selector_separator_newline||g&&!v||0!==d||b||y?this._output.space_before_token=!0:this._output.add_new_line();else if(">"!==this._ch&&"+"!==this._ch&&"~"!==this._ch||g||0!==d)if("]"===this._ch)this.print_string(this._ch);else if("["===this._ch)this.preserveSingleSpace(i),this.print_string(this._ch);else if("="===this._ch)this.eatWhitespace(),this.print_string("="),u.test(this._ch)&&(this._ch="");else if("!"!==this._ch||this._input.lookBack("\\")){var T='"'===c||"'"===c;this.preserveSingleSpace(T||i),this.print_string(this._ch),!this._output.just_added_newline()&&"\n"===this._input.peek()&&w&&this._output.add_new_line()}else this._output.space_before_token=!0,this.print_string(this._ch);else this._options.space_around_combinator?(this._output.space_before_token=!0,this.print_string(this._ch),this._output.space_before_token=!0):(this.print_string(this._ch),this.eatWhitespace(),this._ch&&u.test(this._ch)&&(this._ch=""));return this._output.get_code(e)},t.exports.Beautifier=c},function(t,e,n){var i=n(6).Options;function s(t){i.call(this,t,"css"),this.selector_separator_newline=this._get_boolean("selector_separator_newline",!0),this.newline_between_rules=this._get_boolean("newline_between_rules",!0);var e=this._get_boolean("space_around_selector_separator");this.space_around_combinator=this._get_boolean("space_around_combinator")||e;var n=this._get_selection_list("brace_style",["collapse","expand","end-expand","none","preserve-inline"]);this.brace_style="collapse";for(var s=0;s<n.length;s++)"expand"!==n[s]?this.brace_style="collapse":this.brace_style=n[s]}s.prototype=new i,t.exports.Options=s}],e={};var n=function n(i){var s=e[i];if(void 0!==s)return s.exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}(15);i=n}();var s=i;void 0===(n=function(){return{css_beautify:s}}.apply(e,[]))||(t.exports=n)}()},156:function(t,e,n){var i,s;!function(){var r;!function(){"use strict";var t=[,,function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var s=this.__lines[i];if(s.is_empty())break;if(0!==s.item(0).indexOf(t)&&s.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},function(t){t.exports.Token=function(t,e,n,i){this.type=t,this.text=e,this.comments_before=null,this.newlines=n||0,this.whitespace_before=i||"",this.parent=null,this.next=null,this.previous=null,this.opened=null,this.closed=null,this.directives=null}},,,function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,s={};for(n in t=i(t))n!==e&&(s[n]=t[n]);if(e&&t[e])for(n in t[e])s[n]=t[e][n];return s}function i(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],i=e||[];return"object"==typeof n?null!==n&&"function"==typeof n.concat&&(i=n.concat()):"string"==typeof n&&(i=n.split(/[^a-zA-Z0-9_\/\-]+/)),i},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=i,t.exports.mergeOpts=n},,function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,s="";return t&&(i=this.match(t))&&(s+=i[0]),!e||!i&&t||(s+=this.readUntil(e,n)),s},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var s=t.exec(this.__input);return s?(i=s.index,e&&(i+=s[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,s="g";return n&&e&&(s="y"),"string"==typeof t&&""!==t?i=new RegExp(t,s):t&&(i=new RegExp(t.source,s)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},function(t,e,n){var i=n(8).InputScanner,s=n(3).Token,r=n(10).TokenStream,a=n(11).WhitespacePattern,o={START:"TK_START",RAW:"TK_RAW",EOF:"TK_EOF"},_=function(t,e){this._input=new i(t),this._options=e||{},this.__tokens=null,this._patterns={},this._patterns.whitespace=new a(this._input)};_.prototype.tokenize=function(){var t;this._input.restart(),this.__tokens=new r,this._reset();for(var e=new s(o.START,""),n=null,i=[],a=new r;e.type!==o.EOF;){for(t=this._get_next_token(e,n);this._is_comment(t);)a.add(t),t=this._get_next_token(e,n);a.isEmpty()||(t.comments_before=a,a=new r),t.parent=n,this._is_opening(t)?(i.push(n),n=t):n&&this._is_closing(t,n)&&(t.opened=n,n.closed=t,n=i.pop(),t.parent=n),t.previous=e,e.next=t,this.__tokens.add(t),e=t}return this.__tokens},_.prototype._is_first_token=function(){return this.__tokens.isEmpty()},_.prototype._reset=function(){},_.prototype._get_next_token=function(t,e){this._readWhitespace();var n=this._input.read(/.+/g);return n?this._create_token(o.RAW,n):this._create_token(o.EOF,"")},_.prototype._is_comment=function(t){return!1},_.prototype._is_opening=function(t){return!1},_.prototype._is_closing=function(t,e){return!1},_.prototype._create_token=function(t,e){return new s(t,e,this._patterns.whitespace.newline_count,this._patterns.whitespace.whitespace_before_token)},_.prototype._readWhitespace=function(){return this._patterns.whitespace.read()},t.exports.Tokenizer=_,t.exports.TOKEN=o},function(t){function e(t){this.__tokens=[],this.__tokens_length=this.__tokens.length,this.__position=0,this.__parent_token=t}e.prototype.restart=function(){this.__position=0},e.prototype.isEmpty=function(){return 0===this.__tokens_length},e.prototype.hasNext=function(){return this.__position<this.__tokens_length},e.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__tokens[this.__position],this.__position+=1),t},e.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__tokens_length&&(e=this.__tokens[t]),e},e.prototype.add=function(t){this.__parent_token&&(t.parent=this.__parent_token),this.__tokens.push(t),this.__tokens_length+=1},t.exports.TokenStream=e},function(t,e,n){var i=n(12).Pattern;function s(t,e){i.call(this,t,e),e?this._line_regexp=this._input.get_regexp(e._line_regexp):this.__set_whitespace_patterns("",""),this.newline_count=0,this.whitespace_before_token=""}s.prototype=new i,s.prototype.__set_whitespace_patterns=function(t,e){t+="\\t ",e+="\\n\\r",this._match_pattern=this._input.get_regexp("["+t+e+"]+",!0),this._newline_regexp=this._input.get_regexp("\\r\\n|["+e+"]")},s.prototype.read=function(){this.newline_count=0,this.whitespace_before_token="";var t=this._input.read(this._match_pattern);if(" "===t)this.whitespace_before_token=" ";else if(t){var e=this.__split(this._newline_regexp,t);this.newline_count=e.length-1,this.whitespace_before_token=e[this.newline_count]}return t},s.prototype.matching=function(t,e){var n=this._create();return n.__set_whitespace_patterns(t,e),n._update(),n},s.prototype._create=function(){return new s(this._input,this)},s.prototype.__split=function(t,e){t.lastIndex=0;for(var n=0,i=[],s=t.exec(e);s;)i.push(e.substring(n,s.index)),n=s.index+s[0].length,s=t.exec(e);return n<e.length?i.push(e.substring(n,e.length)):i.push(""),i},t.exports.WhitespacePattern=s},function(t){function e(t,e){this._input=t,this._starting_pattern=null,this._match_pattern=null,this._until_pattern=null,this._until_after=!1,e&&(this._starting_pattern=this._input.get_regexp(e._starting_pattern,!0),this._match_pattern=this._input.get_regexp(e._match_pattern,!0),this._until_pattern=this._input.get_regexp(e._until_pattern),this._until_after=e._until_after)}e.prototype.read=function(){var t=this._input.read(this._starting_pattern);return this._starting_pattern&&!t||(t+=this._input.read(this._match_pattern,this._until_pattern,this._until_after)),t},e.prototype.read_match=function(){return this._input.match(this._match_pattern)},e.prototype.until_after=function(t){var e=this._create();return e._until_after=!0,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.until=function(t){var e=this._create();return e._until_after=!1,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.starting_with=function(t){var e=this._create();return e._starting_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype.matching=function(t){var e=this._create();return e._match_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype._create=function(){return new e(this._input,this)},e.prototype._update=function(){},t.exports.Pattern=e},function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},function(t,e,n){var i=n(12).Pattern,s={django:!1,erb:!1,handlebars:!1,php:!1,smarty:!1};function r(t,e){i.call(this,t,e),this.__template_pattern=null,this._disabled=Object.assign({},s),this._excluded=Object.assign({},s),e&&(this.__template_pattern=this._input.get_regexp(e.__template_pattern),this._excluded=Object.assign(this._excluded,e._excluded),this._disabled=Object.assign(this._disabled,e._disabled));var n=new i(t);this.__patterns={handlebars_comment:n.starting_with(/{{!--/).until_after(/--}}/),handlebars_unescaped:n.starting_with(/{{{/).until_after(/}}}/),handlebars:n.starting_with(/{{/).until_after(/}}/),php:n.starting_with(/<\?(?:[= ]|php)/).until_after(/\?>/),erb:n.starting_with(/<%[^%]/).until_after(/[^%]%>/),django:n.starting_with(/{%/).until_after(/%}/),django_value:n.starting_with(/{{/).until_after(/}}/),django_comment:n.starting_with(/{#/).until_after(/#}/),smarty:n.starting_with(/{(?=[^}{\s\n])/).until_after(/[^\s\n]}/),smarty_comment:n.starting_with(/{\*/).until_after(/\*}/),smarty_literal:n.starting_with(/{literal}/).until_after(/{\/literal}/)}}r.prototype=new i,r.prototype._create=function(){return new r(this._input,this)},r.prototype._update=function(){this.__set_templated_pattern()},r.prototype.disable=function(t){var e=this._create();return e._disabled[t]=!0,e._update(),e},r.prototype.read_options=function(t){var e=this._create();for(var n in s)e._disabled[n]=-1===t.templating.indexOf(n);return e._update(),e},r.prototype.exclude=function(t){var e=this._create();return e._excluded[t]=!0,e._update(),e},r.prototype.read=function(){var t="";t=this._match_pattern?this._input.read(this._starting_pattern):this._input.read(this._starting_pattern,this.__template_pattern);for(var e=this._read_template();e;)this._match_pattern?e+=this._input.read(this._match_pattern):e+=this._input.readUntil(this.__template_pattern),t+=e,e=this._read_template();return this._until_after&&(t+=this._input.readUntilAfter(this._until_pattern)),t},r.prototype.__set_templated_pattern=function(){var t=[];this._disabled.php||t.push(this.__patterns.php._starting_pattern.source),this._disabled.handlebars||t.push(this.__patterns.handlebars._starting_pattern.source),this._disabled.erb||t.push(this.__patterns.erb._starting_pattern.source),this._disabled.django||(t.push(this.__patterns.django._starting_pattern.source),t.push(this.__patterns.django_value._starting_pattern.source),t.push(this.__patterns.django_comment._starting_pattern.source)),this._disabled.smarty||t.push(this.__patterns.smarty._starting_pattern.source),this._until_pattern&&t.push(this._until_pattern.source),this.__template_pattern=this._input.get_regexp("(?:"+t.join("|")+")")},r.prototype._read_template=function(){var t="",e=this._input.peek();if("<"===e){var n=this._input.peek(1);this._disabled.php||this._excluded.php||"?"!==n||(t=t||this.__patterns.php.read()),this._disabled.erb||this._excluded.erb||"%"!==n||(t=t||this.__patterns.erb.read())}else"{"===e&&(this._disabled.handlebars||this._excluded.handlebars||(t=(t=(t=t||this.__patterns.handlebars_comment.read())||this.__patterns.handlebars_unescaped.read())||this.__patterns.handlebars.read()),this._disabled.django||(this._excluded.django||this._excluded.handlebars||(t=t||this.__patterns.django_value.read()),this._excluded.django||(t=(t=t||this.__patterns.django_comment.read())||this.__patterns.django.read())),this._disabled.smarty||this._disabled.django&&this._disabled.handlebars&&(t=(t=(t=t||this.__patterns.smarty_comment.read())||this.__patterns.smarty_literal.read())||this.__patterns.smarty.read()));return t},t.exports.TemplatablePattern=r},,,,function(t,e,n){var i=n(19).Beautifier,s=n(20).Options;t.exports=function(t,e,n,s){return new i(t,e,n,s).beautify()},t.exports.defaultOptions=function(){return new s}},function(t,e,n){var i=n(20).Options,s=n(2).Output,r=n(21).Tokenizer,a=n(21).TOKEN,o=/\r\n|[\r\n]/,_=/\r\n|[\r\n]/g,u=function(t,e){this.indent_level=0,this.alignment_size=0,this.max_preserve_newlines=t.max_preserve_newlines,this.preserve_newlines=t.preserve_newlines,this._output=new s(t,e)};u.prototype.current_line_has_match=function(t){return this._output.current_line.has_match(t)},u.prototype.set_space_before_token=function(t,e){this._output.space_before_token=t,this._output.non_breaking_space=e},u.prototype.set_wrap_point=function(){this._output.set_indent(this.indent_level,this.alignment_size),this._output.set_wrap_point()},u.prototype.add_raw_token=function(t){this._output.add_raw_token(t)},u.prototype.print_preserved_newlines=function(t){var e=0;t.type!==a.TEXT&&t.previous.type!==a.TEXT&&(e=t.newlines?1:0),this.preserve_newlines&&(e=t.newlines<this.max_preserve_newlines+1?t.newlines:this.max_preserve_newlines+1);for(var n=0;n<e;n++)this.print_newline(n>0);return 0!==e},u.prototype.traverse_whitespace=function(t){return!(!t.whitespace_before&&!t.newlines)&&(this.print_preserved_newlines(t)||(this._output.space_before_token=!0),!0)},u.prototype.previous_token_wrapped=function(){return this._output.previous_token_wrapped},u.prototype.print_newline=function(t){this._output.add_new_line(t)},u.prototype.print_token=function(t){t.text&&(this._output.set_indent(this.indent_level,this.alignment_size),this._output.add_token(t.text))},u.prototype.indent=function(){this.indent_level++},u.prototype.get_full_indent=function(t){return(t=this.indent_level+(t||0))<1?"":this._output.get_indent_string(t)};var p=function(t,e){var n=null,i=null;return e.closed?("script"===t?n="text/javascript":"style"===t&&(n="text/css"),n=function(t){for(var e=null,n=t.next;n.type!==a.EOF&&t.closed!==n;){if(n.type===a.ATTRIBUTE&&"type"===n.text){n.next&&n.next.type===a.EQUALS&&n.next.next&&n.next.next.type===a.VALUE&&(e=n.next.next.text);break}n=n.next}return e}(e)||n,n.search("text/css")>-1?i="css":n.search(/module|((text|application|dojo)\/(x-)?(javascript|ecmascript|jscript|livescript|(ld\+)?json|method|aspect))/)>-1?i="javascript":n.search(/(text|application|dojo)\/(x-)?(html)/)>-1?i="html":n.search(/test\/null/)>-1&&(i="null"),i):null};function l(t,e){return-1!==e.indexOf(t)}function h(t,e,n){this.parent=t||null,this.tag=e?e.tag_name:"",this.indent_level=n||0,this.parser_token=e||null}function c(t){this._printer=t,this._current_frame=null}function d(t,e,n,s){this._source_text=t||"",e=e||{},this._js_beautify=n,this._css_beautify=s,this._tag_stack=null;var r=new i(e,"html");this._options=r,this._is_wrap_attributes_force="force"===this._options.wrap_attributes.substr(0,"force".length),this._is_wrap_attributes_force_expand_multiline="force-expand-multiline"===this._options.wrap_attributes,this._is_wrap_attributes_force_aligned="force-aligned"===this._options.wrap_attributes,this._is_wrap_attributes_aligned_multiple="aligned-multiple"===this._options.wrap_attributes,this._is_wrap_attributes_preserve="preserve"===this._options.wrap_attributes.substr(0,"preserve".length),this._is_wrap_attributes_preserve_aligned="preserve-aligned"===this._options.wrap_attributes}c.prototype.get_parser_token=function(){return this._current_frame?this._current_frame.parser_token:null},c.prototype.record_tag=function(t){var e=new h(this._current_frame,t,this._printer.indent_level);this._current_frame=e},c.prototype._try_pop_frame=function(t){var e=null;return t&&(e=t.parser_token,this._printer.indent_level=t.indent_level,this._current_frame=t.parent),e},c.prototype._get_frame=function(t,e){for(var n=this._current_frame;n&&-1===t.indexOf(n.tag);){if(e&&-1!==e.indexOf(n.tag)){n=null;break}n=n.parent}return n},c.prototype.try_pop=function(t,e){var n=this._get_frame([t],e);return this._try_pop_frame(n)},c.prototype.indent_to_tag=function(t){var e=this._get_frame(t);e&&(this._printer.indent_level=e.indent_level)},d.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._source_text,e=this._options.eol;"auto"===this._options.eol&&(e="\n",t&&o.test(t)&&(e=t.match(o)[0]));var n=(t=t.replace(_,"\n")).match(/^[\t ]*/)[0],i={text:"",type:""},s=new f,p=new u(this._options,n),l=new r(t,this._options).tokenize();this._tag_stack=new c(p);for(var h=null,d=l.next();d.type!==a.EOF;)d.type===a.TAG_OPEN||d.type===a.COMMENT?s=h=this._handle_tag_open(p,d,s,i):d.type===a.ATTRIBUTE||d.type===a.EQUALS||d.type===a.VALUE||d.type===a.TEXT&&!s.tag_complete?h=this._handle_inside_tag(p,d,s,l):d.type===a.TAG_CLOSE?h=this._handle_tag_close(p,d,s):d.type===a.TEXT?h=this._handle_text(p,d,s):p.add_raw_token(d),i=h,d=l.next();return p._output.get_code(e)},d.prototype._handle_tag_close=function(t,e,n){var i={text:e.text,type:e.type};return t.alignment_size=0,n.tag_complete=!0,t.set_space_before_token(e.newlines||""!==e.whitespace_before,!0),n.is_unformatted?t.add_raw_token(e):("<"===n.tag_start_char&&(t.set_space_before_token("/"===e.text[0],!0),this._is_wrap_attributes_force_expand_multiline&&n.has_wrapped_attrs&&t.print_newline(!1)),t.print_token(e)),!n.indent_content||n.is_unformatted||n.is_content_unformatted||(t.indent(),n.indent_content=!1),n.is_inline_element||n.is_unformatted||n.is_content_unformatted||t.set_wrap_point(),i},d.prototype._handle_inside_tag=function(t,e,n,i){var s=n.has_wrapped_attrs,r={text:e.text,type:e.type};if(t.set_space_before_token(e.newlines||""!==e.whitespace_before,!0),n.is_unformatted)t.add_raw_token(e);else if("{"===n.tag_start_char&&e.type===a.TEXT)t.print_preserved_newlines(e)?(e.newlines=0,t.add_raw_token(e)):t.print_token(e);else{if(e.type===a.ATTRIBUTE?(t.set_space_before_token(!0),n.attr_count+=1):(e.type===a.EQUALS||e.type===a.VALUE&&e.previous.type===a.EQUALS)&&t.set_space_before_token(!1),e.type===a.ATTRIBUTE&&"<"===n.tag_start_char&&((this._is_wrap_attributes_preserve||this._is_wrap_attributes_preserve_aligned)&&(t.traverse_whitespace(e),s=s||0!==e.newlines),this._is_wrap_attributes_force)){var o=n.attr_count>1;if(this._is_wrap_attributes_force_expand_multiline&&1===n.attr_count){var _,u=!0,p=0;do{if((_=i.peek(p)).type===a.ATTRIBUTE){u=!1;break}p+=1}while(p<4&&_.type!==a.EOF&&_.type!==a.TAG_CLOSE);o=!u}o&&(t.print_newline(!1),s=!0)}t.print_token(e),s=s||t.previous_token_wrapped(),n.has_wrapped_attrs=s}return r},d.prototype._handle_text=function(t,e,n){var i={text:e.text,type:"TK_CONTENT"};return n.custom_beautifier_name?this._print_custom_beatifier_text(t,e,n):n.is_unformatted||n.is_content_unformatted?t.add_raw_token(e):(t.traverse_whitespace(e),t.print_token(e)),i},d.prototype._print_custom_beatifier_text=function(t,e,n){var i=this;if(""!==e.text){var s,r=e.text,a=1,o="",_="";"javascript"===n.custom_beautifier_name&&"function"==typeof this._js_beautify?s=this._js_beautify:"css"===n.custom_beautifier_name&&"function"==typeof this._css_beautify?s=this._css_beautify:"html"===n.custom_beautifier_name&&(s=function(t,e){return new d(t,e,i._js_beautify,i._css_beautify).beautify()}),"keep"===this._options.indent_scripts?a=0:"separate"===this._options.indent_scripts&&(a=-t.indent_level);var u=t.get_full_indent(a);if(r=r.replace(/\n[ \t]*$/,""),"html"!==n.custom_beautifier_name&&"<"===r[0]&&r.match(/^(<!--|<!\[CDATA\[)/)){var p=/^(<!--[^\n]*|<!\[CDATA\[)(\n?)([ \t\n]*)([\s\S]*)(-->|]]>)$/.exec(r);if(!p)return void t.add_raw_token(e);o=u+p[1]+"\n",r=p[4],p[5]&&(_=u+p[5]),r=r.replace(/\n[ \t]*$/,""),(p[2]||-1!==p[3].indexOf("\n"))&&(p=p[3].match(/[ \t]+$/))&&(e.whitespace_before=p[0])}if(r)if(s){var l=function(){this.eol="\n"};l.prototype=this._options.raw_options,r=s(u+r,new l)}else{var h=e.whitespace_before;h&&(r=r.replace(new RegExp("\n("+h+")?","g"),"\n")),r=u+r.replace(/\n/g,"\n"+u)}o&&(r=r?o+r+"\n"+_:o+_),t.print_newline(!1),r&&(e.text=r,e.whitespace_before="",e.newlines=0,t.add_raw_token(e),t.print_newline(!0))}},d.prototype._handle_tag_open=function(t,e,n,i){var s=this._get_tag_open_token(e);return!n.is_unformatted&&!n.is_content_unformatted||n.is_empty_element||e.type!==a.TAG_OPEN||0!==e.text.indexOf("</")?(t.traverse_whitespace(e),this._set_tag_position(t,e,s,n,i),s.is_inline_element||t.set_wrap_point(),t.print_token(e)):(t.add_raw_token(e),s.start_tag_token=this._tag_stack.try_pop(s.tag_name)),(this._is_wrap_attributes_force_aligned||this._is_wrap_attributes_aligned_multiple||this._is_wrap_attributes_preserve_aligned)&&(s.alignment_size=e.text.length+1),s.tag_complete||s.is_unformatted||(t.alignment_size=s.alignment_size),s};var f=function(t,e){if(this.parent=t||null,this.text="",this.type="TK_TAG_OPEN",this.tag_name="",this.is_inline_element=!1,this.is_unformatted=!1,this.is_content_unformatted=!1,this.is_empty_element=!1,this.is_start_tag=!1,this.is_end_tag=!1,this.indent_content=!1,this.multiline_content=!1,this.custom_beautifier_name=null,this.start_tag_token=null,this.attr_count=0,this.has_wrapped_attrs=!1,this.alignment_size=0,this.tag_complete=!1,this.tag_start_char="",this.tag_check="",e){var n;this.tag_start_char=e.text[0],this.text=e.text,"<"===this.tag_start_char?(n=e.text.match(/^<([^\s>]*)/),this.tag_check=n?n[1]:""):(n=e.text.match(/^{{~?(?:[\^]|#\*?)?([^\s}]+)/),this.tag_check=n?n[1]:"",(e.text.startsWith("{{#>")||e.text.startsWith("{{~#>"))&&">"===this.tag_check[0]&&(">"===this.tag_check&&null!==e.next?this.tag_check=e.next.text.split(" ")[0]:this.tag_check=e.text.split(">")[1])),this.tag_check=this.tag_check.toLowerCase(),e.type===a.COMMENT&&(this.tag_complete=!0),this.is_start_tag="/"!==this.tag_check.charAt(0),this.tag_name=this.is_start_tag?this.tag_check:this.tag_check.substr(1),this.is_end_tag=!this.is_start_tag||e.closed&&"/>"===e.closed.text;var i=2;"{"===this.tag_start_char&&this.text.length>=3&&"~"===this.text.charAt(2)&&(i=3),this.is_end_tag=this.is_end_tag||"{"===this.tag_start_char&&(this.text.length<3||/[^#\^]/.test(this.text.charAt(i)))}else this.tag_complete=!0};d.prototype._get_tag_open_token=function(t){var e=new f(this._tag_stack.get_parser_token(),t);return e.alignment_size=this._options.wrap_attributes_indent_size,e.is_end_tag=e.is_end_tag||l(e.tag_check,this._options.void_elements),e.is_empty_element=e.tag_complete||e.is_start_tag&&e.is_end_tag,e.is_unformatted=!e.tag_complete&&l(e.tag_check,this._options.unformatted),e.is_content_unformatted=!e.is_empty_element&&l(e.tag_check,this._options.content_unformatted),e.is_inline_element=l(e.tag_name,this._options.inline)||e.tag_name.includes("-")||"{"===e.tag_start_char,e},d.prototype._set_tag_position=function(t,e,n,i,s){if(n.is_empty_element||(n.is_end_tag?n.start_tag_token=this._tag_stack.try_pop(n.tag_name):(this._do_optional_end_element(n)&&(n.is_inline_element||t.print_newline(!1)),this._tag_stack.record_tag(n),"script"!==n.tag_name&&"style"!==n.tag_name||n.is_unformatted||n.is_content_unformatted||(n.custom_beautifier_name=p(n.tag_check,e)))),l(n.tag_check,this._options.extra_liners)&&(t.print_newline(!1),t._output.just_added_blankline()||t.print_newline(!0)),n.is_empty_element){if("{"===n.tag_start_char&&"else"===n.tag_check)this._tag_stack.indent_to_tag(["if","unless","each"]),n.indent_content=!0,t.current_line_has_match(/{{#if/)||t.print_newline(!1);"!--"===n.tag_name&&s.type===a.TAG_CLOSE&&i.is_end_tag&&-1===n.text.indexOf("\n")||(n.is_inline_element||n.is_unformatted||t.print_newline(!1),this._calcluate_parent_multiline(t,n))}else if(n.is_end_tag){var r=!1;r=(r=n.start_tag_token&&n.start_tag_token.multiline_content)||!n.is_inline_element&&!(i.is_inline_element||i.is_unformatted)&&!(s.type===a.TAG_CLOSE&&n.start_tag_token===i)&&"TK_CONTENT"!==s.type,(n.is_content_unformatted||n.is_unformatted)&&(r=!1),r&&t.print_newline(!1)}else n.indent_content=!n.custom_beautifier_name,"<"===n.tag_start_char&&("html"===n.tag_name?n.indent_content=this._options.indent_inner_html:"head"===n.tag_name?n.indent_content=this._options.indent_head_inner_html:"body"===n.tag_name&&(n.indent_content=this._options.indent_body_inner_html)),n.is_inline_element||n.is_unformatted||"TK_CONTENT"===s.type&&!n.is_content_unformatted||t.print_newline(!1),this._calcluate_parent_multiline(t,n)},d.prototype._calcluate_parent_multiline=function(t,e){!e.parent||!t._output.just_added_newline()||(e.is_inline_element||e.is_unformatted)&&e.parent.is_inline_element||(e.parent.multiline_content=!0)};var g=["address","article","aside","blockquote","details","div","dl","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hr","main","nav","ol","p","pre","section","table","ul"],m=["a","audio","del","ins","map","noscript","video"];d.prototype._do_optional_end_element=function(t){var e=null;if(!t.is_empty_element&&t.is_start_tag&&t.parent){if("body"===t.tag_name)e=e||this._tag_stack.try_pop("head");else if("li"===t.tag_name)e=e||this._tag_stack.try_pop("li",["ol","ul"]);else if("dd"===t.tag_name||"dt"===t.tag_name)e=(e=e||this._tag_stack.try_pop("dt",["dl"]))||this._tag_stack.try_pop("dd",["dl"]);else if("p"===t.parent.tag_name&&-1!==g.indexOf(t.tag_name)){var n=t.parent.parent;n&&-1!==m.indexOf(n.tag_name)||(e=e||this._tag_stack.try_pop("p"))}else"rp"===t.tag_name||"rt"===t.tag_name?e=(e=e||this._tag_stack.try_pop("rt",["ruby","rtc"]))||this._tag_stack.try_pop("rp",["ruby","rtc"]):"optgroup"===t.tag_name?e=e||this._tag_stack.try_pop("optgroup",["select"]):"option"===t.tag_name?e=e||this._tag_stack.try_pop("option",["select","datalist","optgroup"]):"colgroup"===t.tag_name?e=e||this._tag_stack.try_pop("caption",["table"]):"thead"===t.tag_name?e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]):"tbody"===t.tag_name||"tfoot"===t.tag_name?e=(e=(e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]))||this._tag_stack.try_pop("thead",["table"]))||this._tag_stack.try_pop("tbody",["table"]):"tr"===t.tag_name?e=(e=(e=e||this._tag_stack.try_pop("caption",["table"]))||this._tag_stack.try_pop("colgroup",["table"]))||this._tag_stack.try_pop("tr",["table","thead","tbody","tfoot"]):"th"!==t.tag_name&&"td"!==t.tag_name||(e=(e=e||this._tag_stack.try_pop("td",["table","thead","tbody","tfoot","tr"]))||this._tag_stack.try_pop("th",["table","thead","tbody","tfoot","tr"]));return t.parent=this._tag_stack.get_parser_token(),e}},t.exports.Beautifier=d},function(t,e,n){var i=n(6).Options;function s(t){i.call(this,t,"html"),1===this.templating.length&&"auto"===this.templating[0]&&(this.templating=["django","erb","handlebars","php"]),this.indent_inner_html=this._get_boolean("indent_inner_html"),this.indent_body_inner_html=this._get_boolean("indent_body_inner_html",!0),this.indent_head_inner_html=this._get_boolean("indent_head_inner_html",!0),this.indent_handlebars=this._get_boolean("indent_handlebars",!0),this.wrap_attributes=this._get_selection("wrap_attributes",["auto","force","force-aligned","force-expand-multiline","aligned-multiple","preserve","preserve-aligned"]),this.wrap_attributes_indent_size=this._get_number("wrap_attributes_indent_size",this.indent_size),this.extra_liners=this._get_array("extra_liners",["head","body","/html"]),this.inline=this._get_array("inline",["a","abbr","area","audio","b","bdi","bdo","br","button","canvas","cite","code","data","datalist","del","dfn","em","embed","i","iframe","img","input","ins","kbd","keygen","label","map","mark","math","meter","noscript","object","output","progress","q","ruby","s","samp","select","small","span","strong","sub","sup","svg","template","textarea","time","u","var","video","wbr","text","acronym","big","strike","tt"]),this.void_elements=this._get_array("void_elements",["area","base","br","col","embed","hr","img","input","keygen","link","menuitem","meta","param","source","track","wbr","!doctype","?xml","basefont","isindex"]),this.unformatted=this._get_array("unformatted",[]),this.content_unformatted=this._get_array("content_unformatted",["pre","textarea"]),this.unformatted_content_delimiter=this._get_characters("unformatted_content_delimiter"),this.indent_scripts=this._get_selection("indent_scripts",["normal","keep","separate"])}s.prototype=new i,t.exports.Options=s},function(t,e,n){var i=n(9).Tokenizer,s=n(9).TOKEN,r=n(13).Directives,a=n(14).TemplatablePattern,o=n(12).Pattern,_={TAG_OPEN:"TK_TAG_OPEN",TAG_CLOSE:"TK_TAG_CLOSE",ATTRIBUTE:"TK_ATTRIBUTE",EQUALS:"TK_EQUALS",VALUE:"TK_VALUE",COMMENT:"TK_COMMENT",TEXT:"TK_TEXT",UNKNOWN:"TK_UNKNOWN",START:s.START,RAW:s.RAW,EOF:s.EOF},u=new r(/<\!--/,/-->/),p=function(t,e){i.call(this,t,e),this._current_tag_name="";var n=new a(this._input).read_options(this._options),s=new o(this._input);if(this.__patterns={word:n.until(/[\n\r\t <]/),single_quote:n.until_after(/'/),double_quote:n.until_after(/"/),attribute:n.until(/[\n\r\t =>]|\/>/),element_name:n.until(/[\n\r\t >\/]/),handlebars_comment:s.starting_with(/{{!--/).until_after(/--}}/),handlebars:s.starting_with(/{{/).until_after(/}}/),handlebars_open:s.until(/[\n\r\t }]/),handlebars_raw_close:s.until(/}}/),comment:s.starting_with(/<!--/).until_after(/-->/),cdata:s.starting_with(/<!\[CDATA\[/).until_after(/]]>/),conditional_comment:s.starting_with(/<!\[/).until_after(/]>/),processing:s.starting_with(/<\?/).until_after(/\?>/)},this._options.indent_handlebars&&(this.__patterns.word=this.__patterns.word.exclude("handlebars")),this._unformatted_content_delimiter=null,this._options.unformatted_content_delimiter){var r=this._input.get_literal_regexp(this._options.unformatted_content_delimiter);this.__patterns.unformatted_content_delimiter=s.matching(r).until_after(r)}};(p.prototype=new i)._is_comment=function(t){return!1},p.prototype._is_opening=function(t){return t.type===_.TAG_OPEN},p.prototype._is_closing=function(t,e){return t.type===_.TAG_CLOSE&&e&&((">"===t.text||"/>"===t.text)&&"<"===e.text[0]||"}}"===t.text&&"{"===e.text[0]&&"{"===e.text[1])},p.prototype._reset=function(){this._current_tag_name=""},p.prototype._get_next_token=function(t,e){var n=null;this._readWhitespace();var i=this._input.peek();return null===i?this._create_token(_.EOF,""):n=(n=(n=(n=(n=(n=(n=(n=(n=n||this._read_open_handlebars(i,e))||this._read_attribute(i,t,e))||this._read_close(i,e))||this._read_raw_content(i,t,e))||this._read_content_word(i))||this._read_comment_or_cdata(i))||this._read_processing(i))||this._read_open(i,e))||this._create_token(_.UNKNOWN,this._input.next())},p.prototype._read_comment_or_cdata=function(t){var e=null,n=null,i=null;"<"===t&&("!"===this._input.peek(1)&&((n=this.__patterns.comment.read())?(i=u.get_directives(n))&&"start"===i.ignore&&(n+=u.readIgnored(this._input)):n=this.__patterns.cdata.read()),n&&((e=this._create_token(_.COMMENT,n)).directives=i));return e},p.prototype._read_processing=function(t){var e=null,n=null;if("<"===t){var i=this._input.peek(1);"!"!==i&&"?"!==i||(n=(n=this.__patterns.conditional_comment.read())||this.__patterns.processing.read()),n&&((e=this._create_token(_.COMMENT,n)).directives=null)}return e},p.prototype._read_open=function(t,e){var n=null,i=null;return e||"<"===t&&(n=this._input.next(),"/"===this._input.peek()&&(n+=this._input.next()),n+=this.__patterns.element_name.read(),i=this._create_token(_.TAG_OPEN,n)),i},p.prototype._read_open_handlebars=function(t,e){var n=null,i=null;return e||this._options.indent_handlebars&&"{"===t&&"{"===this._input.peek(1)&&("!"===this._input.peek(2)?(n=(n=this.__patterns.handlebars_comment.read())||this.__patterns.handlebars.read(),i=this._create_token(_.COMMENT,n)):(n=this.__patterns.handlebars_open.read(),i=this._create_token(_.TAG_OPEN,n))),i},p.prototype._read_close=function(t,e){var n=null,i=null;return e&&("<"===e.text[0]&&(">"===t||"/"===t&&">"===this._input.peek(1))?(n=this._input.next(),"/"===t&&(n+=this._input.next()),i=this._create_token(_.TAG_CLOSE,n)):"{"===e.text[0]&&"}"===t&&"}"===this._input.peek(1)&&(this._input.next(),this._input.next(),i=this._create_token(_.TAG_CLOSE,"}}"))),i},p.prototype._read_attribute=function(t,e,n){var i=null,s="";if(n&&"<"===n.text[0])if("="===t)i=this._create_token(_.EQUALS,this._input.next());else if('"'===t||"'"===t){var r=this._input.next();r+='"'===t?this.__patterns.double_quote.read():this.__patterns.single_quote.read(),i=this._create_token(_.VALUE,r)}else(s=this.__patterns.attribute.read())&&(i=e.type===_.EQUALS?this._create_token(_.VALUE,s):this._create_token(_.ATTRIBUTE,s));return i},p.prototype._is_content_unformatted=function(t){return-1===this._options.void_elements.indexOf(t)&&(-1!==this._options.content_unformatted.indexOf(t)||-1!==this._options.unformatted.indexOf(t))},p.prototype._read_raw_content=function(t,e,n){var i="";if(n&&"{"===n.text[0])i=this.__patterns.handlebars_raw_close.read();else if(e.type===_.TAG_CLOSE&&"<"===e.opened.text[0]&&"/"!==e.text[0]){var s=e.opened.text.substr(1).toLowerCase();if("script"===s||"style"===s){var r=this._read_comment_or_cdata(t);if(r)return r.type=_.TEXT,r;i=this._input.readUntil(new RegExp("</"+s+"[\\n\\r\\t ]*?>","ig"))}else this._is_content_unformatted(s)&&(i=this._input.readUntil(new RegExp("</"+s+"[\\n\\r\\t ]*?>","ig")))}return i?this._create_token(_.TEXT,i):null},p.prototype._read_content_word=function(t){var e="";if(this._options.unformatted_content_delimiter&&t===this._options.unformatted_content_delimiter[0]&&(e=this.__patterns.unformatted_content_delimiter.read()),e||(e=this.__patterns.word.read()),e)return this._create_token(_.TEXT,e)},t.exports.Tokenizer=p,t.exports.TOKEN=_}],e={};var n=function n(i){var s=e[i];if(void 0!==s)return s.exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}(18);r=n}();var a=r;i=[n,n(141),n(142)],s=function(t){var e=n(141),i=n(142);return{html_beautify:function(t,n){return a(t,n,e.js_beautify,i.css_beautify)}}}.apply(e,i),void 0===s||(t.exports=s)}()},141:function(t,e){var n;!function(){var i;!function(){"use strict";var t=[function(t,e,n){var i=n(1).Beautifier,s=n(5).Options;t.exports=function(t,e){return new i(t,e).beautify()},t.exports.defaultOptions=function(){return new s}},function(t,e,n){var i=n(2).Output,s=n(3).Token,r=n(4),a=n(5).Options,o=n(7).Tokenizer,_=n(7).line_starters,u=n(7).positionable_operators,p=n(7).TOKEN;function l(t,e){return-1!==e.indexOf(t)}function h(t,e){return t&&t.type===p.RESERVED&&t.text===e}function c(t,e){return t&&t.type===p.RESERVED&&l(t.text,e)}var d=["case","return","do","if","throw","else","await","break","continue","async"],f=function(t){for(var e={},n=0;n<t.length;n++)e[t[n].replace(/-/g,"_")]=t[n];return e}(["before-newline","after-newline","preserve-newline"]),g=[f.before_newline,f.preserve_newline],m="BlockStatement",y="Statement",b="ObjectLiteral",v="ArrayLiteral",k="ForInitializer",w="Conditional",x="Expression";function S(t,e){e.multiline_frame||e.mode===k||e.mode===w||t.remove_indent(e.start_line_index)}function E(t){return t===v}function O(t){return l(t,[x,k,w])}function P(t,e){e=e||{},this._source_text=t||"",this._output=null,this._tokens=null,this._last_last_text=null,this._flags=null,this._previous_flags=null,this._flag_store=null,this._options=new a(e)}P.prototype.create_flags=function(t,e){var n=0;return t&&(n=t.indentation_level,!this._output.just_added_newline()&&t.line_indent_level>n&&(n=t.line_indent_level)),{mode:e,parent:t,last_token:t?t.last_token:new s(p.START_BLOCK,""),last_word:t?t.last_word:"",declaration_statement:!1,declaration_assignment:!1,multiline_frame:!1,inline_frame:!1,if_block:!1,else_block:!1,class_start_block:!1,do_block:!1,do_while:!1,import_block:!1,in_case_statement:!1,in_case:!1,case_body:!1,case_block:!1,indentation_level:n,alignment:0,line_indent_level:t?t.line_indent_level:n,start_line_index:this._output.get_line_number(),ternary_depth:0}},P.prototype._reset=function(t){var e=t.match(/^[\t ]*/)[0];this._last_last_text="",this._output=new i(this._options,e),this._output.raw=this._options.test_output_raw,this._flag_store=[],this.set_mode(m);var n=new o(t,this._options);return this._tokens=n.tokenize(),t},P.prototype.beautify=function(){if(this._options.disabled)return this._source_text;var t=this._reset(this._source_text),e=this._options.eol;"auto"===this._options.eol&&(e="\n",t&&r.lineBreak.test(t||"")&&(e=t.match(r.lineBreak)[0]));for(var n=this._tokens.next();n;)this.handle_token(n),this._last_last_text=this._flags.last_token.text,this._flags.last_token=n,n=this._tokens.next();return this._output.get_code(e)},P.prototype.handle_token=function(t,e){t.type===p.START_EXPR?this.handle_start_expr(t):t.type===p.END_EXPR?this.handle_end_expr(t):t.type===p.START_BLOCK?this.handle_start_block(t):t.type===p.END_BLOCK?this.handle_end_block(t):t.type===p.WORD||t.type===p.RESERVED?this.handle_word(t):t.type===p.SEMICOLON?this.handle_semicolon(t):t.type===p.STRING?this.handle_string(t):t.type===p.EQUALS?this.handle_equals(t):t.type===p.OPERATOR?this.handle_operator(t):t.type===p.COMMA?this.handle_comma(t):t.type===p.BLOCK_COMMENT?this.handle_block_comment(t,e):t.type===p.COMMENT?this.handle_comment(t,e):t.type===p.DOT?this.handle_dot(t):t.type===p.EOF?this.handle_eof(t):(t.type,p.UNKNOWN,this.handle_unknown(t,e))},P.prototype.handle_whitespace_and_comments=function(t,e){var n=t.newlines,i=this._options.keep_array_indentation&&E(this._flags.mode);if(t.comments_before)for(var s=t.comments_before.next();s;)this.handle_whitespace_and_comments(s,e),this.handle_token(s,e),s=t.comments_before.next();if(i)for(var r=0;r<n;r+=1)this.print_newline(r>0,e);else if(this._options.max_preserve_newlines&&n>this._options.max_preserve_newlines&&(n=this._options.max_preserve_newlines),this._options.preserve_newlines&&n>1){this.print_newline(!1,e);for(var a=1;a<n;a+=1)this.print_newline(!0,e)}};var A=["async","break","continue","return","throw","yield"];P.prototype.allow_wrap_or_preserved_newline=function(t,e){if(e=void 0!==e&&e,!this._output.just_added_newline()){var n=this._options.preserve_newlines&&t.newlines||e;if(l(this._flags.last_token.text,u)||l(t.text,u)){var i=l(this._flags.last_token.text,u)&&l(this._options.operator_position,g)||l(t.text,u);n=n&&i}if(n)this.print_newline(!1,!0);else if(this._options.wrap_line_length){if(c(this._flags.last_token,A))return;this._output.set_wrap_point()}}},P.prototype.print_newline=function(t,e){if(!e&&";"!==this._flags.last_token.text&&","!==this._flags.last_token.text&&"="!==this._flags.last_token.text&&(this._flags.last_token.type!==p.OPERATOR||"--"===this._flags.last_token.text||"++"===this._flags.last_token.text))for(var n=this._tokens.peek();!(this._flags.mode!==y||this._flags.if_block&&h(n,"else")||this._flags.do_block);)this.restore_mode();this._output.add_new_line(t)&&(this._flags.multiline_frame=!0)},P.prototype.print_token_line_indentation=function(t){this._output.just_added_newline()&&(this._options.keep_array_indentation&&t.newlines&&("["===t.text||E(this._flags.mode))?(this._output.current_line.set_indent(-1),this._output.current_line.push(t.whitespace_before),this._output.space_before_token=!1):this._output.set_indent(this._flags.indentation_level,this._flags.alignment)&&(this._flags.line_indent_level=this._flags.indentation_level))},P.prototype.print_token=function(t){if(this._output.raw)this._output.add_raw_token(t);else{if(this._options.comma_first&&t.previous&&t.previous.type===p.COMMA&&this._output.just_added_newline()&&","===this._output.previous_line.last()){var e=this._output.previous_line.pop();this._output.previous_line.is_empty()&&(this._output.previous_line.push(e),this._output.trim(!0),this._output.current_line.pop(),this._output.trim()),this.print_token_line_indentation(t),this._output.add_token(","),this._output.space_before_token=!0}this.print_token_line_indentation(t),this._output.non_breaking_space=!0,this._output.add_token(t.text),this._output.previous_token_wrapped&&(this._flags.multiline_frame=!0)}},P.prototype.indent=function(){this._flags.indentation_level+=1,this._output.set_indent(this._flags.indentation_level,this._flags.alignment)},P.prototype.deindent=function(){this._flags.indentation_level>0&&(!this._flags.parent||this._flags.indentation_level>this._flags.parent.indentation_level)&&(this._flags.indentation_level-=1,this._output.set_indent(this._flags.indentation_level,this._flags.alignment))},P.prototype.set_mode=function(t){this._flags?(this._flag_store.push(this._flags),this._previous_flags=this._flags):this._previous_flags=this.create_flags(null,t),this._flags=this.create_flags(this._previous_flags,t),this._output.set_indent(this._flags.indentation_level,this._flags.alignment)},P.prototype.restore_mode=function(){this._flag_store.length>0&&(this._previous_flags=this._flags,this._flags=this._flag_store.pop(),this._previous_flags.mode===y&&S(this._output,this._previous_flags),this._output.set_indent(this._flags.indentation_level,this._flags.alignment))},P.prototype.start_of_object_property=function(){return this._flags.parent.mode===b&&this._flags.mode===y&&(":"===this._flags.last_token.text&&0===this._flags.ternary_depth||c(this._flags.last_token,["get","set"]))},P.prototype.start_of_statement=function(t){var e=!1;return!!(e=(e=(e=(e=(e=(e=(e=e||c(this._flags.last_token,["var","let","const"])&&t.type===p.WORD)||h(this._flags.last_token,"do"))||!(this._flags.parent.mode===b&&this._flags.mode===y)&&c(this._flags.last_token,A)&&!t.newlines)||h(this._flags.last_token,"else")&&!(h(t,"if")&&!t.comments_before))||this._flags.last_token.type===p.END_EXPR&&(this._previous_flags.mode===k||this._previous_flags.mode===w))||this._flags.last_token.type===p.WORD&&this._flags.mode===m&&!this._flags.in_case&&!("--"===t.text||"++"===t.text)&&"function"!==this._last_last_text&&t.type!==p.WORD&&t.type!==p.RESERVED)||this._flags.mode===b&&(":"===this._flags.last_token.text&&0===this._flags.ternary_depth||c(this._flags.last_token,["get","set"])))&&(this.set_mode(y),this.indent(),this.handle_whitespace_and_comments(t,!0),this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t,c(t,["do","for","if","while"])),!0)},P.prototype.handle_start_expr=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t);var e=x;if("["===t.text){if(this._flags.last_token.type===p.WORD||")"===this._flags.last_token.text)return c(this._flags.last_token,_)&&(this._output.space_before_token=!0),this.print_token(t),this.set_mode(e),this.indent(),void(this._options.space_in_paren&&(this._output.space_before_token=!0));e=v,E(this._flags.mode)&&("["!==this._flags.last_token.text&&(","!==this._flags.last_token.text||"]"!==this._last_last_text&&"}"!==this._last_last_text)||this._options.keep_array_indentation||this.print_newline()),l(this._flags.last_token.type,[p.START_EXPR,p.END_EXPR,p.WORD,p.OPERATOR,p.DOT])||(this._output.space_before_token=!0)}else{if(this._flags.last_token.type===p.RESERVED)"for"===this._flags.last_token.text?(this._output.space_before_token=this._options.space_before_conditional,e=k):l(this._flags.last_token.text,["if","while","switch"])?(this._output.space_before_token=this._options.space_before_conditional,e=w):l(this._flags.last_word,["await","async"])?this._output.space_before_token=!0:"import"===this._flags.last_token.text&&""===t.whitespace_before?this._output.space_before_token=!1:(l(this._flags.last_token.text,_)||"catch"===this._flags.last_token.text)&&(this._output.space_before_token=!0);else if(this._flags.last_token.type===p.EQUALS||this._flags.last_token.type===p.OPERATOR)this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t);else if(this._flags.last_token.type===p.WORD){this._output.space_before_token=!1;var n=this._tokens.peek(-3);if(this._options.space_after_named_function&&n){var i=this._tokens.peek(-4);c(n,["async","function"])||"*"===n.text&&c(i,["async","function"])?this._output.space_before_token=!0:this._flags.mode===b?"{"!==n.text&&","!==n.text&&("*"!==n.text||"{"!==i.text&&","!==i.text)||(this._output.space_before_token=!0):this._flags.parent&&this._flags.parent.class_start_block&&(this._output.space_before_token=!0)}}else this.allow_wrap_or_preserved_newline(t);(this._flags.last_token.type===p.RESERVED&&("function"===this._flags.last_word||"typeof"===this._flags.last_word)||"*"===this._flags.last_token.text&&(l(this._last_last_text,["function","yield"])||this._flags.mode===b&&l(this._last_last_text,["{",","])))&&(this._output.space_before_token=this._options.space_after_anon_function)}";"===this._flags.last_token.text||this._flags.last_token.type===p.START_BLOCK?this.print_newline():this._flags.last_token.type!==p.END_EXPR&&this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.END_BLOCK&&"."!==this._flags.last_token.text&&this._flags.last_token.type!==p.COMMA||this.allow_wrap_or_preserved_newline(t,t.newlines),this.print_token(t),this.set_mode(e),this._options.space_in_paren&&(this._output.space_before_token=!0),this.indent()},P.prototype.handle_end_expr=function(t){for(;this._flags.mode===y;)this.restore_mode();this.handle_whitespace_and_comments(t),this._flags.multiline_frame&&this.allow_wrap_or_preserved_newline(t,"]"===t.text&&E(this._flags.mode)&&!this._options.keep_array_indentation),this._options.space_in_paren&&(this._flags.last_token.type!==p.START_EXPR||this._options.space_in_empty_paren?this._output.space_before_token=!0:(this._output.trim(),this._output.space_before_token=!1)),this.deindent(),this.print_token(t),this.restore_mode(),S(this._output,this._previous_flags),this._flags.do_while&&this._previous_flags.mode===w&&(this._previous_flags.mode=x,this._flags.do_block=!1,this._flags.do_while=!1)},P.prototype.handle_start_block=function(t){this.handle_whitespace_and_comments(t);var e=this._tokens.peek(),n=this._tokens.peek(1);"switch"===this._flags.last_word&&this._flags.last_token.type===p.END_EXPR?(this.set_mode(m),this._flags.in_case_statement=!0):this._flags.case_body?this.set_mode(m):n&&(l(n.text,[":",","])&&l(e.type,[p.STRING,p.WORD,p.RESERVED])||l(e.text,["get","set","..."])&&l(n.type,[p.WORD,p.RESERVED]))?l(this._last_last_text,["class","interface"])&&!l(n.text,[":",","])?this.set_mode(m):this.set_mode(b):this._flags.last_token.type===p.OPERATOR&&"=>"===this._flags.last_token.text?this.set_mode(m):l(this._flags.last_token.type,[p.EQUALS,p.START_EXPR,p.COMMA,p.OPERATOR])||c(this._flags.last_token,["return","throw","import","default"])?this.set_mode(b):this.set_mode(m),this._flags.last_token&&c(this._flags.last_token.previous,["class","extends"])&&(this._flags.class_start_block=!0);var i=!e.comments_before&&"}"===e.text,s=i&&"function"===this._flags.last_word&&this._flags.last_token.type===p.END_EXPR;if(this._options.brace_preserve_inline){var r=0,a=null;this._flags.inline_frame=!0;do{if(r+=1,(a=this._tokens.peek(r-1)).newlines){this._flags.inline_frame=!1;break}}while(a.type!==p.EOF&&(a.type!==p.END_BLOCK||a.opened!==t))}("expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines)&&!this._flags.inline_frame?this._flags.last_token.type!==p.OPERATOR&&(s||this._flags.last_token.type===p.EQUALS||c(this._flags.last_token,d)&&"else"!==this._flags.last_token.text)?this._output.space_before_token=!0:this.print_newline(!1,!0):(!E(this._previous_flags.mode)||this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.COMMA||((this._flags.last_token.type===p.COMMA||this._options.space_in_paren)&&(this._output.space_before_token=!0),(this._flags.last_token.type===p.COMMA||this._flags.last_token.type===p.START_EXPR&&this._flags.inline_frame)&&(this.allow_wrap_or_preserved_newline(t),this._previous_flags.multiline_frame=this._previous_flags.multiline_frame||this._flags.multiline_frame,this._flags.multiline_frame=!1)),this._flags.last_token.type!==p.OPERATOR&&this._flags.last_token.type!==p.START_EXPR&&(this._flags.last_token.type!==p.START_BLOCK||this._flags.inline_frame?this._output.space_before_token=!0:this.print_newline())),this.print_token(t),this.indent(),i||this._options.brace_preserve_inline&&this._flags.inline_frame||this.print_newline()},P.prototype.handle_end_block=function(t){for(this.handle_whitespace_and_comments(t);this._flags.mode===y;)this.restore_mode();var e=this._flags.last_token.type===p.START_BLOCK;this._flags.inline_frame&&!e?this._output.space_before_token=!0:"expand"===this._options.brace_style?e||this.print_newline():e||(E(this._flags.mode)&&this._options.keep_array_indentation?(this._options.keep_array_indentation=!1,this.print_newline(),this._options.keep_array_indentation=!0):this.print_newline()),this.restore_mode(),this.print_token(t)},P.prototype.handle_word=function(t){if(t.type===p.RESERVED)if(l(t.text,["set","get"])&&this._flags.mode!==b)t.type=p.WORD;else if("import"===t.text&&l(this._tokens.peek().text,["(","."]))t.type=p.WORD;else if(l(t.text,["as","from"])&&!this._flags.import_block)t.type=p.WORD;else if(this._flags.mode===b){":"===this._tokens.peek().text&&(t.type=p.WORD)}if(this.start_of_statement(t)?c(this._flags.last_token,["var","let","const"])&&t.type===p.WORD&&(this._flags.declaration_statement=!0):!t.newlines||O(this._flags.mode)||this._flags.last_token.type===p.OPERATOR&&"--"!==this._flags.last_token.text&&"++"!==this._flags.last_token.text||this._flags.last_token.type===p.EQUALS||!this._options.preserve_newlines&&c(this._flags.last_token,["var","let","const","set","get"])?this.handle_whitespace_and_comments(t):(this.handle_whitespace_and_comments(t),this.print_newline()),this._flags.do_block&&!this._flags.do_while){if(h(t,"while"))return this._output.space_before_token=!0,this.print_token(t),this._output.space_before_token=!0,void(this._flags.do_while=!0);this.print_newline(),this._flags.do_block=!1}if(this._flags.if_block)if(!this._flags.else_block&&h(t,"else"))this._flags.else_block=!0;else{for(;this._flags.mode===y;)this.restore_mode();this._flags.if_block=!1,this._flags.else_block=!1}if(this._flags.in_case_statement&&c(t,["case","default"]))return this.print_newline(),this._flags.case_block||!this._flags.case_body&&!this._options.jslint_happy||this.deindent(),this._flags.case_body=!1,this.print_token(t),void(this._flags.in_case=!0);if(this._flags.last_token.type!==p.COMMA&&this._flags.last_token.type!==p.START_EXPR&&this._flags.last_token.type!==p.EQUALS&&this._flags.last_token.type!==p.OPERATOR||this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t),h(t,"function"))return(l(this._flags.last_token.text,["}",";"])||this._output.just_added_newline()&&!l(this._flags.last_token.text,["(","[","{",":","=",","])&&this._flags.last_token.type!==p.OPERATOR)&&(this._output.just_added_blankline()||t.comments_before||(this.print_newline(),this.print_newline(!0))),this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD?c(this._flags.last_token,["get","set","new","export"])||c(this._flags.last_token,A)||h(this._flags.last_token,"default")&&"export"===this._last_last_text||"declare"===this._flags.last_token.text?this._output.space_before_token=!0:this.print_newline():this._flags.last_token.type===p.OPERATOR||"="===this._flags.last_token.text?this._output.space_before_token=!0:(this._flags.multiline_frame||!O(this._flags.mode)&&!E(this._flags.mode))&&this.print_newline(),this.print_token(t),void(this._flags.last_word=t.text);var e="NONE";(this._flags.last_token.type===p.END_BLOCK?this._previous_flags.inline_frame?e="SPACE":c(t,["else","catch","finally","from"])?"expand"===this._options.brace_style||"end-expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines?e="NEWLINE":(e="SPACE",this._output.space_before_token=!0):e="NEWLINE":this._flags.last_token.type===p.SEMICOLON&&this._flags.mode===m?e="NEWLINE":this._flags.last_token.type===p.SEMICOLON&&O(this._flags.mode)?e="SPACE":this._flags.last_token.type===p.STRING?e="NEWLINE":this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD||"*"===this._flags.last_token.text&&(l(this._last_last_text,["function","yield"])||this._flags.mode===b&&l(this._last_last_text,["{",","]))?e="SPACE":this._flags.last_token.type===p.START_BLOCK?e=this._flags.inline_frame?"SPACE":"NEWLINE":this._flags.last_token.type===p.END_EXPR&&(this._output.space_before_token=!0,e="NEWLINE"),c(t,_)&&")"!==this._flags.last_token.text&&(e=this._flags.inline_frame||"else"===this._flags.last_token.text||"export"===this._flags.last_token.text?"SPACE":"NEWLINE"),c(t,["else","catch","finally"]))?(this._flags.last_token.type!==p.END_BLOCK||this._previous_flags.mode!==m||"expand"===this._options.brace_style||"end-expand"===this._options.brace_style||"none"===this._options.brace_style&&t.newlines)&&!this._flags.inline_frame?this.print_newline():(this._output.trim(!0),"}"!==this._output.current_line.last()&&this.print_newline(),this._output.space_before_token=!0):"NEWLINE"===e?c(this._flags.last_token,d)||"declare"===this._flags.last_token.text&&c(t,["var","let","const"])?this._output.space_before_token=!0:this._flags.last_token.type!==p.END_EXPR?this._flags.last_token.type===p.START_EXPR&&c(t,["var","let","const"])||":"===this._flags.last_token.text||(h(t,"if")&&h(t.previous,"else")?this._output.space_before_token=!0:this.print_newline()):c(t,_)&&")"!==this._flags.last_token.text&&this.print_newline():this._flags.multiline_frame&&E(this._flags.mode)&&","===this._flags.last_token.text&&"}"===this._last_last_text?this.print_newline():"SPACE"===e&&(this._output.space_before_token=!0);!t.previous||t.previous.type!==p.WORD&&t.previous.type!==p.RESERVED||(this._output.space_before_token=!0),this.print_token(t),this._flags.last_word=t.text,t.type===p.RESERVED&&("do"===t.text?this._flags.do_block=!0:"if"===t.text?this._flags.if_block=!0:"import"===t.text?this._flags.import_block=!0:this._flags.import_block&&h(t,"from")&&(this._flags.import_block=!1))},P.prototype.handle_semicolon=function(t){this.start_of_statement(t)?this._output.space_before_token=!1:this.handle_whitespace_and_comments(t);for(var e=this._tokens.peek();!(this._flags.mode!==y||this._flags.if_block&&h(e,"else")||this._flags.do_block);)this.restore_mode();this._flags.import_block&&(this._flags.import_block=!1),this.print_token(t)},P.prototype.handle_string=function(t){(!t.text.startsWith("`")||0!==t.newlines||""!==t.whitespace_before||")"!==t.previous.text&&this._flags.last_token.type!==p.WORD)&&(this.start_of_statement(t)?this._output.space_before_token=!0:(this.handle_whitespace_and_comments(t),this._flags.last_token.type===p.RESERVED||this._flags.last_token.type===p.WORD||this._flags.inline_frame?this._output.space_before_token=!0:this._flags.last_token.type===p.COMMA||this._flags.last_token.type===p.START_EXPR||this._flags.last_token.type===p.EQUALS||this._flags.last_token.type===p.OPERATOR?this.start_of_object_property()||this.allow_wrap_or_preserved_newline(t):!t.text.startsWith("`")||this._flags.last_token.type!==p.END_EXPR||"]"!==t.previous.text&&")"!==t.previous.text||0!==t.newlines?this.print_newline():this._output.space_before_token=!0)),this.print_token(t)},P.prototype.handle_equals=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t),this._flags.declaration_statement&&(this._flags.declaration_assignment=!0),this._output.space_before_token=!0,this.print_token(t),this._output.space_before_token=!0},P.prototype.handle_comma=function(t){this.handle_whitespace_and_comments(t,!0),this.print_token(t),this._output.space_before_token=!0,this._flags.declaration_statement?(O(this._flags.parent.mode)&&(this._flags.declaration_assignment=!1),this._flags.declaration_assignment?(this._flags.declaration_assignment=!1,this.print_newline(!1,!0)):this._options.comma_first&&this.allow_wrap_or_preserved_newline(t)):this._flags.mode===b||this._flags.mode===y&&this._flags.parent.mode===b?(this._flags.mode===y&&this.restore_mode(),this._flags.inline_frame||this.print_newline()):this._options.comma_first&&this.allow_wrap_or_preserved_newline(t)},P.prototype.handle_operator=function(t){var e="*"===t.text&&(c(this._flags.last_token,["function","yield"])||l(this._flags.last_token.type,[p.START_BLOCK,p.COMMA,p.END_BLOCK,p.SEMICOLON])),n=l(t.text,["-","+"])&&(l(this._flags.last_token.type,[p.START_BLOCK,p.START_EXPR,p.EQUALS,p.OPERATOR])||l(this._flags.last_token.text,_)||","===this._flags.last_token.text);if(this.start_of_statement(t));else{var i=!e;this.handle_whitespace_and_comments(t,i)}if("*"!==t.text||this._flags.last_token.type!==p.DOT)if("::"!==t.text){if(this._flags.last_token.type===p.OPERATOR&&l(this._options.operator_position,g)&&this.allow_wrap_or_preserved_newline(t),":"===t.text&&this._flags.in_case)return this.print_token(t),this._flags.in_case=!1,this._flags.case_body=!0,void(this._tokens.peek().type!==p.START_BLOCK?(this.indent(),this.print_newline(),this._flags.case_block=!1):(this._flags.case_block=!0,this._output.space_before_token=!0));var s=!0,r=!0,a=!1;if(":"===t.text?0===this._flags.ternary_depth?s=!1:(this._flags.ternary_depth-=1,a=!0):"?"===t.text&&(this._flags.ternary_depth+=1),!n&&!e&&this._options.preserve_newlines&&l(t.text,u)){var o=":"===t.text,h=o&&a,b=o&&!a;switch(this._options.operator_position){case f.before_newline:return this._output.space_before_token=!b,this.print_token(t),o&&!h||this.allow_wrap_or_preserved_newline(t),void(this._output.space_before_token=!0);case f.after_newline:return this._output.space_before_token=!0,!o||h?this._tokens.peek().newlines?this.print_newline(!1,!0):this.allow_wrap_or_preserved_newline(t):this._output.space_before_token=!1,this.print_token(t),void(this._output.space_before_token=!0);case f.preserve_newline:return b||this.allow_wrap_or_preserved_newline(t),s=!(this._output.just_added_newline()||b),this._output.space_before_token=s,this.print_token(t),void(this._output.space_before_token=!0)}}if(e){this.allow_wrap_or_preserved_newline(t),s=!1;var v=this._tokens.peek();r=v&&l(v.type,[p.WORD,p.RESERVED])}else if("..."===t.text)this.allow_wrap_or_preserved_newline(t),s=this._flags.last_token.type===p.START_BLOCK,r=!1;else if(l(t.text,["--","++","!","~"])||n){if(this._flags.last_token.type!==p.COMMA&&this._flags.last_token.type!==p.START_EXPR||this.allow_wrap_or_preserved_newline(t),s=!1,r=!1,t.newlines&&("--"===t.text||"++"===t.text||"~"===t.text)){var k=c(this._flags.last_token,d)&&t.newlines;k&&(this._previous_flags.if_block||this._previous_flags.else_block)&&this.restore_mode(),this.print_newline(k,!0)}";"===this._flags.last_token.text&&O(this._flags.mode)&&(s=!0),this._flags.last_token.type===p.RESERVED?s=!0:this._flags.last_token.type===p.END_EXPR?s=!("]"===this._flags.last_token.text&&("--"===t.text||"++"===t.text)):this._flags.last_token.type===p.OPERATOR&&(s=l(t.text,["--","-","++","+"])&&l(this._flags.last_token.text,["--","-","++","+"]),l(t.text,["+","-"])&&l(this._flags.last_token.text,["--","++"])&&(r=!0)),(this._flags.mode!==m||this._flags.inline_frame)&&this._flags.mode!==y||"{"!==this._flags.last_token.text&&";"!==this._flags.last_token.text||this.print_newline()}this._output.space_before_token=this._output.space_before_token||s,this.print_token(t),this._output.space_before_token=r}else this.print_token(t);else this.print_token(t)},P.prototype.handle_block_comment=function(t,e){return this._output.raw?(this._output.add_raw_token(t),void(t.directives&&"end"===t.directives.preserve&&(this._output.raw=this._options.test_output_raw))):t.directives?(this.print_newline(!1,e),this.print_token(t),"start"===t.directives.preserve&&(this._output.raw=!0),void this.print_newline(!1,!0)):r.newline.test(t.text)||t.newlines?void this.print_block_commment(t,e):(this._output.space_before_token=!0,this.print_token(t),void(this._output.space_before_token=!0))},P.prototype.print_block_commment=function(t,e){var n,i=function(t){for(var e=[],n=(t=t.replace(r.allLineBreaks,"\n")).indexOf("\n");-1!==n;)e.push(t.substring(0,n)),n=(t=t.substring(n+1)).indexOf("\n");return t.length&&e.push(t),e}(t.text),s=!1,a=!1,o=t.whitespace_before,_=o.length;if(this.print_newline(!1,e),this.print_token_line_indentation(t),this._output.add_token(i[0]),this.print_newline(!1,e),i.length>1){for(s=function(t,e){for(var n=0;n<t.length;n++)if(t[n].trim().charAt(0)!==e)return!1;return!0}(i=i.slice(1),"*"),a=function(t,e){for(var n,i=0,s=t.length;i<s;i++)if((n=t[i])&&0!==n.indexOf(e))return!1;return!0}(i,o),s&&(this._flags.alignment=1),n=0;n<i.length;n++)s?(this.print_token_line_indentation(t),this._output.add_token(i[n].replace(/^\s+/g,""))):a&&i[n]?(this.print_token_line_indentation(t),this._output.add_token(i[n].substring(_))):(this._output.current_line.set_indent(-1),this._output.add_token(i[n])),this.print_newline(!1,e);this._flags.alignment=0}},P.prototype.handle_comment=function(t,e){t.newlines?this.print_newline(!1,e):this._output.trim(!0),this._output.space_before_token=!0,this.print_token(t),this.print_newline(!1,e)},P.prototype.handle_dot=function(t){this.start_of_statement(t)||this.handle_whitespace_and_comments(t,!0),this._flags.last_token.text.match("^[0-9]+$")&&(this._output.space_before_token=!0),c(this._flags.last_token,d)?this._output.space_before_token=!1:this.allow_wrap_or_preserved_newline(t,")"===this._flags.last_token.text&&this._options.break_chained_methods),this._options.unindent_chained_methods&&this._output.just_added_newline()&&this.deindent(),this.print_token(t)},P.prototype.handle_unknown=function(t,e){this.print_token(t),"\n"===t.text[t.text.length-1]&&this.print_newline(!1,e)},P.prototype.handle_eof=function(t){for(;this._flags.mode===y;)this.restore_mode();this.handle_whitespace_and_comments(t)},t.exports.Beautifier=P},function(t){function e(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}function n(t,e){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),e=e||"",t.indent_level>0&&(e=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=e,this.__base_string_length=e.length}function i(t,i){this.__indent_cache=new n(t,i),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new e(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}e.prototype.clone_empty=function(){var t=new e(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},e.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},e.prototype.has_match=function(t){for(var e=this.__items.length-1;e>=0;e--)if(this.__items[e].match(t))return!0;return!1},e.prototype.set_indent=function(t,e){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=e||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},e.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},e.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},e.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count," "===t.__items[0]&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},e.prototype.is_empty=function(){return 0===this.__items.length},e.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},e.prototype.push=function(t){this.__items.push(t);var e=t.lastIndexOf("\n");-1!==e?this.__character_count=t.length-e:this.__character_count+=t.length},e.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},e.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},e.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},e.prototype.trim=function(){for(;" "===this.last();)this.__items.pop(),this.__character_count-=1},e.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t},n.prototype.get_indent_size=function(t,e){var n=this.__base_string_length;return e=e||0,t<0&&(n=0),n+=t*this.__indent_size,n+=e},n.prototype.get_indent_string=function(t,e){var n=this.__base_string;return e=e||0,t<0&&(t=0,n=""),e+=t*this.__indent_size,this.__ensure_cache(e),n+=this.__cache[e]},n.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},n.prototype.__add_column=function(){var t=this.__cache.length,e=0,n="";this.__indent_size&&t>=this.__indent_size&&(t-=(e=Math.floor(t/this.__indent_size))*this.__indent_size,n=new Array(e+1).join(this.__indent_string)),t&&(n+=new Array(t+1).join(" ")),this.__cache.push(n)},i.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},i.prototype.get_line_number=function(){return this.__lines.length},i.prototype.get_indent_string=function(t,e){return this.__indent_cache.get_indent_string(t,e)},i.prototype.get_indent_size=function(t,e){return this.__indent_cache.get_indent_size(t,e)},i.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},i.prototype.add_new_line=function(t){return!(this.is_empty()||!t&&this.just_added_newline())&&(this.raw||this.__add_outputline(),!0)},i.prototype.get_code=function(t){this.trim(!0);var e=this.current_line.pop();e&&("\n"===e[e.length-1]&&(e=e.replace(/\n+$/g,"")),this.current_line.push(e)),this._end_with_newline&&this.__add_outputline();var n=this.__lines.join("\n");return"\n"!==t&&(n=n.replace(/[\n]/g,t)),n},i.prototype.set_wrap_point=function(){this.current_line._set_wrap_point()},i.prototype.set_indent=function(t,e){return t=t||0,e=e||0,this.next_line.set_indent(t,e),this.__lines.length>1?(this.current_line.set_indent(t,e),!0):(this.current_line.set_indent(),!1)},i.prototype.add_raw_token=function(t){for(var e=0;e<t.newlines;e++)this.__add_outputline();this.current_line.set_indent(-1),this.current_line.push(t.whitespace_before),this.current_line.push(t.text),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1},i.prototype.add_token=function(t){this.__add_space_before_token(),this.current_line.push(t),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=this.current_line._allow_wrap()},i.prototype.__add_space_before_token=function(){this.space_before_token&&!this.just_added_newline()&&(this.non_breaking_space||this.set_wrap_point(),this.current_line.push(" "))},i.prototype.remove_indent=function(t){for(var e=this.__lines.length;t<e;)this.__lines[t]._remove_indent(),t++;this.current_line._remove_wrap_indent()},i.prototype.trim=function(t){for(t=void 0!==t&&t,this.current_line.trim();t&&this.__lines.length>1&&this.current_line.is_empty();)this.__lines.pop(),this.current_line=this.__lines[this.__lines.length-1],this.current_line.trim();this.previous_line=this.__lines.length>1?this.__lines[this.__lines.length-2]:null},i.prototype.just_added_newline=function(){return this.current_line.is_empty()},i.prototype.just_added_blankline=function(){return this.is_empty()||this.current_line.is_empty()&&this.previous_line.is_empty()},i.prototype.ensure_empty_line_above=function(t,n){for(var i=this.__lines.length-2;i>=0;){var s=this.__lines[i];if(s.is_empty())break;if(0!==s.item(0).indexOf(t)&&s.item(-1)!==n){this.__lines.splice(i+1,0,new e(this)),this.previous_line=this.__lines[this.__lines.length-2];break}i--}},t.exports.Output=i},function(t){t.exports.Token=function(t,e,n,i){this.type=t,this.text=e,this.comments_before=null,this.newlines=n||0,this.whitespace_before=i||"",this.parent=null,this.next=null,this.previous=null,this.opened=null,this.closed=null,this.directives=null}},function(t,e){var n="\\x24\\x30-\\x39\\x41-\\x5a\\x5f\\x61-\\x7a",i="\\xaa\\xb5\\xba\\xc0-\\xd6\\xd8-\\xf6\\xf8-\\u02c1\\u02c6-\\u02d1\\u02e0-\\u02e4\\u02ec\\u02ee\\u0370-\\u0374\\u0376\\u0377\\u037a-\\u037d\\u0386\\u0388-\\u038a\\u038c\\u038e-\\u03a1\\u03a3-\\u03f5\\u03f7-\\u0481\\u048a-\\u0527\\u0531-\\u0556\\u0559\\u0561-\\u0587\\u05d0-\\u05ea\\u05f0-\\u05f2\\u0620-\\u064a\\u066e\\u066f\\u0671-\\u06d3\\u06d5\\u06e5\\u06e6\\u06ee\\u06ef\\u06fa-\\u06fc\\u06ff\\u0710\\u0712-\\u072f\\u074d-\\u07a5\\u07b1\\u07ca-\\u07ea\\u07f4\\u07f5\\u07fa\\u0800-\\u0815\\u081a\\u0824\\u0828\\u0840-\\u0858\\u08a0\\u08a2-\\u08ac\\u0904-\\u0939\\u093d\\u0950\\u0958-\\u0961\\u0971-\\u0977\\u0979-\\u097f\\u0985-\\u098c\\u098f\\u0990\\u0993-\\u09a8\\u09aa-\\u09b0\\u09b2\\u09b6-\\u09b9\\u09bd\\u09ce\\u09dc\\u09dd\\u09df-\\u09e1\\u09f0\\u09f1\\u0a05-\\u0a0a\\u0a0f\\u0a10\\u0a13-\\u0a28\\u0a2a-\\u0a30\\u0a32\\u0a33\\u0a35\\u0a36\\u0a38\\u0a39\\u0a59-\\u0a5c\\u0a5e\\u0a72-\\u0a74\\u0a85-\\u0a8d\\u0a8f-\\u0a91\\u0a93-\\u0aa8\\u0aaa-\\u0ab0\\u0ab2\\u0ab3\\u0ab5-\\u0ab9\\u0abd\\u0ad0\\u0ae0\\u0ae1\\u0b05-\\u0b0c\\u0b0f\\u0b10\\u0b13-\\u0b28\\u0b2a-\\u0b30\\u0b32\\u0b33\\u0b35-\\u0b39\\u0b3d\\u0b5c\\u0b5d\\u0b5f-\\u0b61\\u0b71\\u0b83\\u0b85-\\u0b8a\\u0b8e-\\u0b90\\u0b92-\\u0b95\\u0b99\\u0b9a\\u0b9c\\u0b9e\\u0b9f\\u0ba3\\u0ba4\\u0ba8-\\u0baa\\u0bae-\\u0bb9\\u0bd0\\u0c05-\\u0c0c\\u0c0e-\\u0c10\\u0c12-\\u0c28\\u0c2a-\\u0c33\\u0c35-\\u0c39\\u0c3d\\u0c58\\u0c59\\u0c60\\u0c61\\u0c85-\\u0c8c\\u0c8e-\\u0c90\\u0c92-\\u0ca8\\u0caa-\\u0cb3\\u0cb5-\\u0cb9\\u0cbd\\u0cde\\u0ce0\\u0ce1\\u0cf1\\u0cf2\\u0d05-\\u0d0c\\u0d0e-\\u0d10\\u0d12-\\u0d3a\\u0d3d\\u0d4e\\u0d60\\u0d61\\u0d7a-\\u0d7f\\u0d85-\\u0d96\\u0d9a-\\u0db1\\u0db3-\\u0dbb\\u0dbd\\u0dc0-\\u0dc6\\u0e01-\\u0e30\\u0e32\\u0e33\\u0e40-\\u0e46\\u0e81\\u0e82\\u0e84\\u0e87\\u0e88\\u0e8a\\u0e8d\\u0e94-\\u0e97\\u0e99-\\u0e9f\\u0ea1-\\u0ea3\\u0ea5\\u0ea7\\u0eaa\\u0eab\\u0ead-\\u0eb0\\u0eb2\\u0eb3\\u0ebd\\u0ec0-\\u0ec4\\u0ec6\\u0edc-\\u0edf\\u0f00\\u0f40-\\u0f47\\u0f49-\\u0f6c\\u0f88-\\u0f8c\\u1000-\\u102a\\u103f\\u1050-\\u1055\\u105a-\\u105d\\u1061\\u1065\\u1066\\u106e-\\u1070\\u1075-\\u1081\\u108e\\u10a0-\\u10c5\\u10c7\\u10cd\\u10d0-\\u10fa\\u10fc-\\u1248\\u124a-\\u124d\\u1250-\\u1256\\u1258\\u125a-\\u125d\\u1260-\\u1288\\u128a-\\u128d\\u1290-\\u12b0\\u12b2-\\u12b5\\u12b8-\\u12be\\u12c0\\u12c2-\\u12c5\\u12c8-\\u12d6\\u12d8-\\u1310\\u1312-\\u1315\\u1318-\\u135a\\u1380-\\u138f\\u13a0-\\u13f4\\u1401-\\u166c\\u166f-\\u167f\\u1681-\\u169a\\u16a0-\\u16ea\\u16ee-\\u16f0\\u1700-\\u170c\\u170e-\\u1711\\u1720-\\u1731\\u1740-\\u1751\\u1760-\\u176c\\u176e-\\u1770\\u1780-\\u17b3\\u17d7\\u17dc\\u1820-\\u1877\\u1880-\\u18a8\\u18aa\\u18b0-\\u18f5\\u1900-\\u191c\\u1950-\\u196d\\u1970-\\u1974\\u1980-\\u19ab\\u19c1-\\u19c7\\u1a00-\\u1a16\\u1a20-\\u1a54\\u1aa7\\u1b05-\\u1b33\\u1b45-\\u1b4b\\u1b83-\\u1ba0\\u1bae\\u1baf\\u1bba-\\u1be5\\u1c00-\\u1c23\\u1c4d-\\u1c4f\\u1c5a-\\u1c7d\\u1ce9-\\u1cec\\u1cee-\\u1cf1\\u1cf5\\u1cf6\\u1d00-\\u1dbf\\u1e00-\\u1f15\\u1f18-\\u1f1d\\u1f20-\\u1f45\\u1f48-\\u1f4d\\u1f50-\\u1f57\\u1f59\\u1f5b\\u1f5d\\u1f5f-\\u1f7d\\u1f80-\\u1fb4\\u1fb6-\\u1fbc\\u1fbe\\u1fc2-\\u1fc4\\u1fc6-\\u1fcc\\u1fd0-\\u1fd3\\u1fd6-\\u1fdb\\u1fe0-\\u1fec\\u1ff2-\\u1ff4\\u1ff6-\\u1ffc\\u2071\\u207f\\u2090-\\u209c\\u2102\\u2107\\u210a-\\u2113\\u2115\\u2119-\\u211d\\u2124\\u2126\\u2128\\u212a-\\u212d\\u212f-\\u2139\\u213c-\\u213f\\u2145-\\u2149\\u214e\\u2160-\\u2188\\u2c00-\\u2c2e\\u2c30-\\u2c5e\\u2c60-\\u2ce4\\u2ceb-\\u2cee\\u2cf2\\u2cf3\\u2d00-\\u2d25\\u2d27\\u2d2d\\u2d30-\\u2d67\\u2d6f\\u2d80-\\u2d96\\u2da0-\\u2da6\\u2da8-\\u2dae\\u2db0-\\u2db6\\u2db8-\\u2dbe\\u2dc0-\\u2dc6\\u2dc8-\\u2dce\\u2dd0-\\u2dd6\\u2dd8-\\u2dde\\u2e2f\\u3005-\\u3007\\u3021-\\u3029\\u3031-\\u3035\\u3038-\\u303c\\u3041-\\u3096\\u309d-\\u309f\\u30a1-\\u30fa\\u30fc-\\u30ff\\u3105-\\u312d\\u3131-\\u318e\\u31a0-\\u31ba\\u31f0-\\u31ff\\u3400-\\u4db5\\u4e00-\\u9fcc\\ua000-\\ua48c\\ua4d0-\\ua4fd\\ua500-\\ua60c\\ua610-\\ua61f\\ua62a\\ua62b\\ua640-\\ua66e\\ua67f-\\ua697\\ua6a0-\\ua6ef\\ua717-\\ua71f\\ua722-\\ua788\\ua78b-\\ua78e\\ua790-\\ua793\\ua7a0-\\ua7aa\\ua7f8-\\ua801\\ua803-\\ua805\\ua807-\\ua80a\\ua80c-\\ua822\\ua840-\\ua873\\ua882-\\ua8b3\\ua8f2-\\ua8f7\\ua8fb\\ua90a-\\ua925\\ua930-\\ua946\\ua960-\\ua97c\\ua984-\\ua9b2\\ua9cf\\uaa00-\\uaa28\\uaa40-\\uaa42\\uaa44-\\uaa4b\\uaa60-\\uaa76\\uaa7a\\uaa80-\\uaaaf\\uaab1\\uaab5\\uaab6\\uaab9-\\uaabd\\uaac0\\uaac2\\uaadb-\\uaadd\\uaae0-\\uaaea\\uaaf2-\\uaaf4\\uab01-\\uab06\\uab09-\\uab0e\\uab11-\\uab16\\uab20-\\uab26\\uab28-\\uab2e\\uabc0-\\uabe2\\uac00-\\ud7a3\\ud7b0-\\ud7c6\\ud7cb-\\ud7fb\\uf900-\\ufa6d\\ufa70-\\ufad9\\ufb00-\\ufb06\\ufb13-\\ufb17\\ufb1d\\ufb1f-\\ufb28\\ufb2a-\\ufb36\\ufb38-\\ufb3c\\ufb3e\\ufb40\\ufb41\\ufb43\\ufb44\\ufb46-\\ufbb1\\ufbd3-\\ufd3d\\ufd50-\\ufd8f\\ufd92-\\ufdc7\\ufdf0-\\ufdfb\\ufe70-\\ufe74\\ufe76-\\ufefc\\uff21-\\uff3a\\uff41-\\uff5a\\uff66-\\uffbe\\uffc2-\\uffc7\\uffca-\\uffcf\\uffd2-\\uffd7\\uffda-\\uffdc",s="\\u0300-\\u036f\\u0483-\\u0487\\u0591-\\u05bd\\u05bf\\u05c1\\u05c2\\u05c4\\u05c5\\u05c7\\u0610-\\u061a\\u0620-\\u0649\\u0672-\\u06d3\\u06e7-\\u06e8\\u06fb-\\u06fc\\u0730-\\u074a\\u0800-\\u0814\\u081b-\\u0823\\u0825-\\u0827\\u0829-\\u082d\\u0840-\\u0857\\u08e4-\\u08fe\\u0900-\\u0903\\u093a-\\u093c\\u093e-\\u094f\\u0951-\\u0957\\u0962-\\u0963\\u0966-\\u096f\\u0981-\\u0983\\u09bc\\u09be-\\u09c4\\u09c7\\u09c8\\u09d7\\u09df-\\u09e0\\u0a01-\\u0a03\\u0a3c\\u0a3e-\\u0a42\\u0a47\\u0a48\\u0a4b-\\u0a4d\\u0a51\\u0a66-\\u0a71\\u0a75\\u0a81-\\u0a83\\u0abc\\u0abe-\\u0ac5\\u0ac7-\\u0ac9\\u0acb-\\u0acd\\u0ae2-\\u0ae3\\u0ae6-\\u0aef\\u0b01-\\u0b03\\u0b3c\\u0b3e-\\u0b44\\u0b47\\u0b48\\u0b4b-\\u0b4d\\u0b56\\u0b57\\u0b5f-\\u0b60\\u0b66-\\u0b6f\\u0b82\\u0bbe-\\u0bc2\\u0bc6-\\u0bc8\\u0bca-\\u0bcd\\u0bd7\\u0be6-\\u0bef\\u0c01-\\u0c03\\u0c46-\\u0c48\\u0c4a-\\u0c4d\\u0c55\\u0c56\\u0c62-\\u0c63\\u0c66-\\u0c6f\\u0c82\\u0c83\\u0cbc\\u0cbe-\\u0cc4\\u0cc6-\\u0cc8\\u0cca-\\u0ccd\\u0cd5\\u0cd6\\u0ce2-\\u0ce3\\u0ce6-\\u0cef\\u0d02\\u0d03\\u0d46-\\u0d48\\u0d57\\u0d62-\\u0d63\\u0d66-\\u0d6f\\u0d82\\u0d83\\u0dca\\u0dcf-\\u0dd4\\u0dd6\\u0dd8-\\u0ddf\\u0df2\\u0df3\\u0e34-\\u0e3a\\u0e40-\\u0e45\\u0e50-\\u0e59\\u0eb4-\\u0eb9\\u0ec8-\\u0ecd\\u0ed0-\\u0ed9\\u0f18\\u0f19\\u0f20-\\u0f29\\u0f35\\u0f37\\u0f39\\u0f41-\\u0f47\\u0f71-\\u0f84\\u0f86-\\u0f87\\u0f8d-\\u0f97\\u0f99-\\u0fbc\\u0fc6\\u1000-\\u1029\\u1040-\\u1049\\u1067-\\u106d\\u1071-\\u1074\\u1082-\\u108d\\u108f-\\u109d\\u135d-\\u135f\\u170e-\\u1710\\u1720-\\u1730\\u1740-\\u1750\\u1772\\u1773\\u1780-\\u17b2\\u17dd\\u17e0-\\u17e9\\u180b-\\u180d\\u1810-\\u1819\\u1920-\\u192b\\u1930-\\u193b\\u1951-\\u196d\\u19b0-\\u19c0\\u19c8-\\u19c9\\u19d0-\\u19d9\\u1a00-\\u1a15\\u1a20-\\u1a53\\u1a60-\\u1a7c\\u1a7f-\\u1a89\\u1a90-\\u1a99\\u1b46-\\u1b4b\\u1b50-\\u1b59\\u1b6b-\\u1b73\\u1bb0-\\u1bb9\\u1be6-\\u1bf3\\u1c00-\\u1c22\\u1c40-\\u1c49\\u1c5b-\\u1c7d\\u1cd0-\\u1cd2\\u1d00-\\u1dbe\\u1e01-\\u1f15\\u200c\\u200d\\u203f\\u2040\\u2054\\u20d0-\\u20dc\\u20e1\\u20e5-\\u20f0\\u2d81-\\u2d96\\u2de0-\\u2dff\\u3021-\\u3028\\u3099\\u309a\\ua640-\\ua66d\\ua674-\\ua67d\\ua69f\\ua6f0-\\ua6f1\\ua7f8-\\ua800\\ua806\\ua80b\\ua823-\\ua827\\ua880-\\ua881\\ua8b4-\\ua8c4\\ua8d0-\\ua8d9\\ua8f3-\\ua8f7\\ua900-\\ua909\\ua926-\\ua92d\\ua930-\\ua945\\ua980-\\ua983\\ua9b3-\\ua9c0\\uaa00-\\uaa27\\uaa40-\\uaa41\\uaa4c-\\uaa4d\\uaa50-\\uaa59\\uaa7b\\uaae0-\\uaae9\\uaaf2-\\uaaf3\\uabc0-\\uabe1\\uabec\\uabed\\uabf0-\\uabf9\\ufb20-\\ufb28\\ufe00-\\ufe0f\\ufe20-\\ufe26\\ufe33\\ufe34\\ufe4d-\\ufe4f\\uff10-\\uff19\\uff3f",r="(?:\\\\u[0-9a-fA-F]{4}|[\\x23\\x24\\x40\\x41-\\x5a\\x5f\\x61-\\x7a"+i+"])",a="(?:\\\\u[0-9a-fA-F]{4}|["+n+i+s+"])*";e.identifier=new RegExp(r+a,"g"),e.identifierStart=new RegExp(r),e.identifierMatch=new RegExp("(?:\\\\u[0-9a-fA-F]{4}|["+n+i+s+"])+");e.newline=/[\n\r\u2028\u2029]/,e.lineBreak=new RegExp("\r\n|"+e.newline.source),e.allLineBreaks=new RegExp(e.lineBreak.source,"g")},function(t,e,n){var i=n(6).Options,s=["before-newline","after-newline","preserve-newline"];function r(t){i.call(this,t,"js");var e=this.raw_options.brace_style||null;"expand-strict"===e?this.raw_options.brace_style="expand":"collapse-preserve-inline"===e?this.raw_options.brace_style="collapse,preserve-inline":void 0!==this.raw_options.braces_on_own_line&&(this.raw_options.brace_style=this.raw_options.braces_on_own_line?"expand":"collapse");var n=this._get_selection_list("brace_style",["collapse","expand","end-expand","none","preserve-inline"]);this.brace_preserve_inline=!1,this.brace_style="collapse";for(var r=0;r<n.length;r++)"preserve-inline"===n[r]?this.brace_preserve_inline=!0:this.brace_style=n[r];this.unindent_chained_methods=this._get_boolean("unindent_chained_methods"),this.break_chained_methods=this._get_boolean("break_chained_methods"),this.space_in_paren=this._get_boolean("space_in_paren"),this.space_in_empty_paren=this._get_boolean("space_in_empty_paren"),this.jslint_happy=this._get_boolean("jslint_happy"),this.space_after_anon_function=this._get_boolean("space_after_anon_function"),this.space_after_named_function=this._get_boolean("space_after_named_function"),this.keep_array_indentation=this._get_boolean("keep_array_indentation"),this.space_before_conditional=this._get_boolean("space_before_conditional",!0),this.unescape_strings=this._get_boolean("unescape_strings"),this.e4x=this._get_boolean("e4x"),this.comma_first=this._get_boolean("comma_first"),this.operator_position=this._get_selection("operator_position",s),this.test_output_raw=this._get_boolean("test_output_raw"),this.jslint_happy&&(this.space_after_anon_function=!0)}r.prototype=new i,t.exports.Options=r},function(t){function e(t,e){this.raw_options=n(t,e),this.disabled=this._get_boolean("disabled"),this.eol=this._get_characters("eol","auto"),this.end_with_newline=this._get_boolean("end_with_newline"),this.indent_size=this._get_number("indent_size",4),this.indent_char=this._get_characters("indent_char"," "),this.indent_level=this._get_number("indent_level"),this.preserve_newlines=this._get_boolean("preserve_newlines",!0),this.max_preserve_newlines=this._get_number("max_preserve_newlines",32786),this.preserve_newlines||(this.max_preserve_newlines=0),this.indent_with_tabs=this._get_boolean("indent_with_tabs","\t"===this.indent_char),this.indent_with_tabs&&(this.indent_char="\t",1===this.indent_size&&(this.indent_size=4)),this.wrap_line_length=this._get_number("wrap_line_length",this._get_number("max_char")),this.indent_empty_lines=this._get_boolean("indent_empty_lines"),this.templating=this._get_selection_list("templating",["auto","none","django","erb","handlebars","php","smarty"],["auto"])}function n(t,e){var n,s={};for(n in t=i(t))n!==e&&(s[n]=t[n]);if(e&&t[e])for(n in t[e])s[n]=t[e][n];return s}function i(t){var e,n={};for(e in t){n[e.replace(/-/g,"_")]=t[e]}return n}e.prototype._get_array=function(t,e){var n=this.raw_options[t],i=e||[];return"object"==typeof n?null!==n&&"function"==typeof n.concat&&(i=n.concat()):"string"==typeof n&&(i=n.split(/[^a-zA-Z0-9_\/\-]+/)),i},e.prototype._get_boolean=function(t,e){var n=this.raw_options[t];return void 0===n?!!e:!!n},e.prototype._get_characters=function(t,e){var n=this.raw_options[t],i=e||"";return"string"==typeof n&&(i=n.replace(/\\r/,"\r").replace(/\\n/,"\n").replace(/\\t/,"\t")),i},e.prototype._get_number=function(t,e){var n=this.raw_options[t];e=parseInt(e,10),isNaN(e)&&(e=0);var i=parseInt(n,10);return isNaN(i)&&(i=e),i},e.prototype._get_selection=function(t,e,n){var i=this._get_selection_list(t,e,n);if(1!==i.length)throw new Error("Invalid Option Value: The option '"+t+"' can only be one of the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i[0]},e.prototype._get_selection_list=function(t,e,n){if(!e||0===e.length)throw new Error("Selection list cannot be empty.");if(n=n||[e[0]],!this._is_valid_selection(n,e))throw new Error("Invalid Default Value!");var i=this._get_array(t,n);if(!this._is_valid_selection(i,e))throw new Error("Invalid Option Value: The option '"+t+"' can contain only the following values:\n"+e+"\nYou passed in: '"+this.raw_options[t]+"'");return i},e.prototype._is_valid_selection=function(t,e){return t.length&&e.length&&!t.some((function(t){return-1===e.indexOf(t)}))},t.exports.Options=e,t.exports.normalizeOpts=i,t.exports.mergeOpts=n},function(t,e,n){var i=n(8).InputScanner,s=n(9).Tokenizer,r=n(9).TOKEN,a=n(13).Directives,o=n(4),_=n(12).Pattern,u=n(14).TemplatablePattern;function p(t,e){return-1!==e.indexOf(t)}var l={START_EXPR:"TK_START_EXPR",END_EXPR:"TK_END_EXPR",START_BLOCK:"TK_START_BLOCK",END_BLOCK:"TK_END_BLOCK",WORD:"TK_WORD",RESERVED:"TK_RESERVED",SEMICOLON:"TK_SEMICOLON",STRING:"TK_STRING",EQUALS:"TK_EQUALS",OPERATOR:"TK_OPERATOR",COMMA:"TK_COMMA",BLOCK_COMMENT:"TK_BLOCK_COMMENT",COMMENT:"TK_COMMENT",DOT:"TK_DOT",UNKNOWN:"TK_UNKNOWN",START:r.START,RAW:r.RAW,EOF:r.EOF},h=new a(/\/\*/,/\*\//),c=/0[xX][0123456789abcdefABCDEF_]*n?|0[oO][01234567_]*n?|0[bB][01_]*n?|\d[\d_]*n|(?:\.\d[\d_]*|\d[\d_]*\.?[\d_]*)(?:[eE][+-]?[\d_]+)?/,d=/[0-9]/,f=/[^\d\.]/,g=">>> === !== &&= ??= ||= << && >= ** != == <= >> || ?? |> < / - + > : & % ? ^ | *".split(" "),m=">>>= ... >>= <<= === >>> !== **= &&= ??= ||= => ^= :: /= << <= == && -= >= >> != -- += ** || ?? ++ %= &= *= |= |> = ! ? > < : / ^ - + * & % ~ |";m=(m="\\?\\.(?!\\d) "+(m=m.replace(/[-[\]{}()*+?.,\\^$|#]/g,"\\$&"))).replace(/ /g,"|");var y,b=new RegExp(m),v="continue,try,throw,return,var,let,const,if,switch,case,default,for,while,break,function,import,export".split(","),k=v.concat(["do","in","of","else","get","set","new","catch","finally","typeof","yield","async","await","from","as","class","extends"]),w=new RegExp("^(?:"+k.join("|")+")$"),x=function(t,e){s.call(this,t,e),this._patterns.whitespace=this._patterns.whitespace.matching(/\u00A0\u1680\u180e\u2000-\u200a\u202f\u205f\u3000\ufeff/.source,/\u2028\u2029/.source);var n=new _(this._input),i=new u(this._input).read_options(this._options);this.__patterns={template:i,identifier:i.starting_with(o.identifier).matching(o.identifierMatch),number:n.matching(c),punct:n.matching(b),comment:n.starting_with(/\/\//).until(/[\n\r\u2028\u2029]/),block_comment:n.starting_with(/\/\*/).until_after(/\*\//),html_comment_start:n.matching(/<!--/),html_comment_end:n.matching(/-->/),include:n.starting_with(/#include/).until_after(o.lineBreak),shebang:n.starting_with(/#!/).until_after(o.lineBreak),xml:n.matching(/[\s\S]*?<(\/?)([-a-zA-Z:0-9_.]+|{[^}]+?}|!\[CDATA\[[^\]]*?\]\]|)(\s*{[^}]+?}|\s+[-a-zA-Z:0-9_.]+|\s+[-a-zA-Z:0-9_.]+\s*=\s*('[^']*'|"[^"]*"|{([^{}]|{[^}]+?})+?}))*\s*(\/?)\s*>/),single_quote:i.until(/['\\\n\r\u2028\u2029]/),double_quote:i.until(/["\\\n\r\u2028\u2029]/),template_text:i.until(/[`\\$]/),template_expression:i.until(/[`}\\]/)}};(x.prototype=new s)._is_comment=function(t){return t.type===l.COMMENT||t.type===l.BLOCK_COMMENT||t.type===l.UNKNOWN},x.prototype._is_opening=function(t){return t.type===l.START_BLOCK||t.type===l.START_EXPR},x.prototype._is_closing=function(t,e){return(t.type===l.END_BLOCK||t.type===l.END_EXPR)&&e&&("]"===t.text&&"["===e.text||")"===t.text&&"("===e.text||"}"===t.text&&"{"===e.text)},x.prototype._reset=function(){y=!1},x.prototype._get_next_token=function(t,e){var n=null;this._readWhitespace();var i=this._input.peek();return null===i?this._create_token(l.EOF,""):n=(n=(n=(n=(n=(n=(n=(n=(n=n||this._read_non_javascript(i))||this._read_string(i))||this._read_word(t))||this._read_singles(i))||this._read_comment(i))||this._read_regexp(i,t))||this._read_xml(i,t))||this._read_punctuation())||this._create_token(l.UNKNOWN,this._input.next())},x.prototype._read_word=function(t){var e;return""!==(e=this.__patterns.identifier.read())?(e=e.replace(o.allLineBreaks,"\n"),t.type!==l.DOT&&(t.type!==l.RESERVED||"set"!==t.text&&"get"!==t.text)&&w.test(e)?"in"!==e&&"of"!==e||t.type!==l.WORD&&t.type!==l.STRING?this._create_token(l.RESERVED,e):this._create_token(l.OPERATOR,e):this._create_token(l.WORD,e)):""!==(e=this.__patterns.number.read())?this._create_token(l.WORD,e):void 0},x.prototype._read_singles=function(t){var e=null;return"("===t||"["===t?e=this._create_token(l.START_EXPR,t):")"===t||"]"===t?e=this._create_token(l.END_EXPR,t):"{"===t?e=this._create_token(l.START_BLOCK,t):"}"===t?e=this._create_token(l.END_BLOCK,t):";"===t?e=this._create_token(l.SEMICOLON,t):"."===t&&f.test(this._input.peek(1))?e=this._create_token(l.DOT,t):","===t&&(e=this._create_token(l.COMMA,t)),e&&this._input.next(),e},x.prototype._read_punctuation=function(){var t=this.__patterns.punct.read();if(""!==t)return"="===t?this._create_token(l.EQUALS,t):"?."===t?this._create_token(l.DOT,t):this._create_token(l.OPERATOR,t)},x.prototype._read_non_javascript=function(t){var e="";if("#"===t){if(this._is_first_token()&&(e=this.__patterns.shebang.read()))return this._create_token(l.UNKNOWN,e.trim()+"\n");if(e=this.__patterns.include.read())return this._create_token(l.UNKNOWN,e.trim()+"\n");t=this._input.next();var n="#";if(this._input.hasNext()&&this._input.testChar(d)){do{n+=t=this._input.next()}while(this._input.hasNext()&&"#"!==t&&"="!==t);return"#"===t||("["===this._input.peek()&&"]"===this._input.peek(1)?(n+="[]",this._input.next(),this._input.next()):"{"===this._input.peek()&&"}"===this._input.peek(1)&&(n+="{}",this._input.next(),this._input.next())),this._create_token(l.WORD,n)}this._input.back()}else if("<"===t&&this._is_first_token()){if(e=this.__patterns.html_comment_start.read()){for(;this._input.hasNext()&&!this._input.testChar(o.newline);)e+=this._input.next();return y=!0,this._create_token(l.COMMENT,e)}}else if(y&&"-"===t&&(e=this.__patterns.html_comment_end.read()))return y=!1,this._create_token(l.COMMENT,e);return null},x.prototype._read_comment=function(t){var e=null;if("/"===t){var n="";if("*"===this._input.peek(1)){n=this.__patterns.block_comment.read();var i=h.get_directives(n);i&&"start"===i.ignore&&(n+=h.readIgnored(this._input)),n=n.replace(o.allLineBreaks,"\n"),(e=this._create_token(l.BLOCK_COMMENT,n)).directives=i}else"/"===this._input.peek(1)&&(n=this.__patterns.comment.read(),e=this._create_token(l.COMMENT,n))}return e},x.prototype._read_string=function(t){if("`"===t||"'"===t||'"'===t){var e=this._input.next();return this.has_char_escapes=!1,e+="`"===t?this._read_string_recursive("`",!0,"${"):this._read_string_recursive(t),this.has_char_escapes&&this._options.unescape_strings&&(e=function(t){var e="",n=0,s=new i(t),r=null;for(;s.hasNext();)if((r=s.match(/([\s]|[^\\]|\\\\)+/g))&&(e+=r[0]),"\\"===s.peek()){if(s.next(),"x"===s.peek())r=s.match(/x([0-9A-Fa-f]{2})/g);else{if("u"!==s.peek()){e+="\\",s.hasNext()&&(e+=s.next());continue}r=s.match(/u([0-9A-Fa-f]{4})/g)}if(!r)return t;if((n=parseInt(r[1],16))>126&&n<=255&&0===r[0].indexOf("x"))return t;if(n>=0&&n<32){e+="\\"+r[0];continue}e+=34===n||39===n||92===n?"\\"+String.fromCharCode(n):String.fromCharCode(n)}return e}(e)),this._input.peek()===t&&(e+=this._input.next()),e=e.replace(o.allLineBreaks,"\n"),this._create_token(l.STRING,e)}return null},x.prototype._allow_regexp_or_xml=function(t){return t.type===l.RESERVED&&p(t.text,["return","case","throw","else","do","typeof","yield"])||t.type===l.END_EXPR&&")"===t.text&&t.opened.previous.type===l.RESERVED&&p(t.opened.previous.text,["if","while","for"])||p(t.type,[l.COMMENT,l.START_EXPR,l.START_BLOCK,l.START,l.END_BLOCK,l.OPERATOR,l.EQUALS,l.EOF,l.SEMICOLON,l.COMMA])},x.prototype._read_regexp=function(t,e){if("/"===t&&this._allow_regexp_or_xml(e)){for(var n=this._input.next(),i=!1,s=!1;this._input.hasNext()&&(i||s||this._input.peek()!==t)&&!this._input.testChar(o.newline);)n+=this._input.peek(),i?i=!1:(i="\\"===this._input.peek(),"["===this._input.peek()?s=!0:"]"===this._input.peek()&&(s=!1)),this._input.next();return this._input.peek()===t&&(n+=this._input.next(),n+=this._input.read(o.identifier)),this._create_token(l.STRING,n)}return null},x.prototype._read_xml=function(t,e){if(this._options.e4x&&"<"===t&&this._allow_regexp_or_xml(e)){var n="",i=this.__patterns.xml.read_match();if(i){for(var s=i[2].replace(/^{\s+/,"{").replace(/\s+}$/,"}"),r=0===s.indexOf("{"),a=0;i;){var _=!!i[1],u=i[2];if(!(!!i[i.length-1]||"![CDATA["===u.slice(0,8))&&(u===s||r&&u.replace(/^{\s+/,"{").replace(/\s+}$/,"}"))&&(_?--a:++a),n+=i[0],a<=0)break;i=this.__patterns.xml.read_match()}return i||(n+=this._input.match(/[\s\S]*/g)[0]),n=n.replace(o.allLineBreaks,"\n"),this._create_token(l.STRING,n)}}return null},x.prototype._read_string_recursive=function(t,e,n){var i,s;"'"===t?s=this.__patterns.single_quote:'"'===t?s=this.__patterns.double_quote:"`"===t?s=this.__patterns.template_text:"}"===t&&(s=this.__patterns.template_expression);for(var r=s.read(),a="";this._input.hasNext();){if((a=this._input.next())===t||!e&&o.newline.test(a)){this._input.back();break}"\\"===a&&this._input.hasNext()?("x"===(i=this._input.peek())||"u"===i?this.has_char_escapes=!0:"\r"===i&&"\n"===this._input.peek(1)&&this._input.next(),a+=this._input.next()):n&&("${"===n&&"$"===a&&"{"===this._input.peek()&&(a+=this._input.next()),n===a&&(a+="`"===t?this._read_string_recursive("}",e,"`"):this._read_string_recursive("`",e,"${"),this._input.hasNext()&&(a+=this._input.next()))),r+=a+=s.read()}return r},t.exports.Tokenizer=x,t.exports.TOKEN=l,t.exports.positionable_operators=g.slice(),t.exports.line_starters=v.slice()},function(t){var e=RegExp.prototype.hasOwnProperty("sticky");function n(t){this.__input=t||"",this.__input_length=this.__input.length,this.__position=0}n.prototype.restart=function(){this.__position=0},n.prototype.back=function(){this.__position>0&&(this.__position-=1)},n.prototype.hasNext=function(){return this.__position<this.__input_length},n.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__input.charAt(this.__position),this.__position+=1),t},n.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__input_length&&(e=this.__input.charAt(t)),e},n.prototype.__match=function(t,n){t.lastIndex=n;var i=t.exec(this.__input);return!i||e&&t.sticky||i.index!==n&&(i=null),i},n.prototype.test=function(t,e){return e=e||0,(e+=this.__position)>=0&&e<this.__input_length&&!!this.__match(t,e)},n.prototype.testChar=function(t,e){var n=this.peek(e);return t.lastIndex=0,null!==n&&t.test(n)},n.prototype.match=function(t){var e=this.__match(t,this.__position);return e?this.__position+=e[0].length:e=null,e},n.prototype.read=function(t,e,n){var i,s="";return t&&(i=this.match(t))&&(s+=i[0]),!e||!i&&t||(s+=this.readUntil(e,n)),s},n.prototype.readUntil=function(t,e){var n,i=this.__position;t.lastIndex=this.__position;var s=t.exec(this.__input);return s?(i=s.index,e&&(i+=s[0].length)):i=this.__input_length,n=this.__input.substring(this.__position,i),this.__position=i,n},n.prototype.readUntilAfter=function(t){return this.readUntil(t,!0)},n.prototype.get_regexp=function(t,n){var i=null,s="g";return n&&e&&(s="y"),"string"==typeof t&&""!==t?i=new RegExp(t,s):t&&(i=new RegExp(t.source,s)),i},n.prototype.get_literal_regexp=function(t){return RegExp(t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"))},n.prototype.peekUntilAfter=function(t){var e=this.__position,n=this.readUntilAfter(t);return this.__position=e,n},n.prototype.lookBack=function(t){var e=this.__position-1;return e>=t.length&&this.__input.substring(e-t.length,e).toLowerCase()===t},t.exports.InputScanner=n},function(t,e,n){var i=n(8).InputScanner,s=n(3).Token,r=n(10).TokenStream,a=n(11).WhitespacePattern,o={START:"TK_START",RAW:"TK_RAW",EOF:"TK_EOF"},_=function(t,e){this._input=new i(t),this._options=e||{},this.__tokens=null,this._patterns={},this._patterns.whitespace=new a(this._input)};_.prototype.tokenize=function(){var t;this._input.restart(),this.__tokens=new r,this._reset();for(var e=new s(o.START,""),n=null,i=[],a=new r;e.type!==o.EOF;){for(t=this._get_next_token(e,n);this._is_comment(t);)a.add(t),t=this._get_next_token(e,n);a.isEmpty()||(t.comments_before=a,a=new r),t.parent=n,this._is_opening(t)?(i.push(n),n=t):n&&this._is_closing(t,n)&&(t.opened=n,n.closed=t,n=i.pop(),t.parent=n),t.previous=e,e.next=t,this.__tokens.add(t),e=t}return this.__tokens},_.prototype._is_first_token=function(){return this.__tokens.isEmpty()},_.prototype._reset=function(){},_.prototype._get_next_token=function(t,e){this._readWhitespace();var n=this._input.read(/.+/g);return n?this._create_token(o.RAW,n):this._create_token(o.EOF,"")},_.prototype._is_comment=function(t){return!1},_.prototype._is_opening=function(t){return!1},_.prototype._is_closing=function(t,e){return!1},_.prototype._create_token=function(t,e){return new s(t,e,this._patterns.whitespace.newline_count,this._patterns.whitespace.whitespace_before_token)},_.prototype._readWhitespace=function(){return this._patterns.whitespace.read()},t.exports.Tokenizer=_,t.exports.TOKEN=o},function(t){function e(t){this.__tokens=[],this.__tokens_length=this.__tokens.length,this.__position=0,this.__parent_token=t}e.prototype.restart=function(){this.__position=0},e.prototype.isEmpty=function(){return 0===this.__tokens_length},e.prototype.hasNext=function(){return this.__position<this.__tokens_length},e.prototype.next=function(){var t=null;return this.hasNext()&&(t=this.__tokens[this.__position],this.__position+=1),t},e.prototype.peek=function(t){var e=null;return t=t||0,(t+=this.__position)>=0&&t<this.__tokens_length&&(e=this.__tokens[t]),e},e.prototype.add=function(t){this.__parent_token&&(t.parent=this.__parent_token),this.__tokens.push(t),this.__tokens_length+=1},t.exports.TokenStream=e},function(t,e,n){var i=n(12).Pattern;function s(t,e){i.call(this,t,e),e?this._line_regexp=this._input.get_regexp(e._line_regexp):this.__set_whitespace_patterns("",""),this.newline_count=0,this.whitespace_before_token=""}s.prototype=new i,s.prototype.__set_whitespace_patterns=function(t,e){t+="\\t ",e+="\\n\\r",this._match_pattern=this._input.get_regexp("["+t+e+"]+",!0),this._newline_regexp=this._input.get_regexp("\\r\\n|["+e+"]")},s.prototype.read=function(){this.newline_count=0,this.whitespace_before_token="";var t=this._input.read(this._match_pattern);if(" "===t)this.whitespace_before_token=" ";else if(t){var e=this.__split(this._newline_regexp,t);this.newline_count=e.length-1,this.whitespace_before_token=e[this.newline_count]}return t},s.prototype.matching=function(t,e){var n=this._create();return n.__set_whitespace_patterns(t,e),n._update(),n},s.prototype._create=function(){return new s(this._input,this)},s.prototype.__split=function(t,e){t.lastIndex=0;for(var n=0,i=[],s=t.exec(e);s;)i.push(e.substring(n,s.index)),n=s.index+s[0].length,s=t.exec(e);return n<e.length?i.push(e.substring(n,e.length)):i.push(""),i},t.exports.WhitespacePattern=s},function(t){function e(t,e){this._input=t,this._starting_pattern=null,this._match_pattern=null,this._until_pattern=null,this._until_after=!1,e&&(this._starting_pattern=this._input.get_regexp(e._starting_pattern,!0),this._match_pattern=this._input.get_regexp(e._match_pattern,!0),this._until_pattern=this._input.get_regexp(e._until_pattern),this._until_after=e._until_after)}e.prototype.read=function(){var t=this._input.read(this._starting_pattern);return this._starting_pattern&&!t||(t+=this._input.read(this._match_pattern,this._until_pattern,this._until_after)),t},e.prototype.read_match=function(){return this._input.match(this._match_pattern)},e.prototype.until_after=function(t){var e=this._create();return e._until_after=!0,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.until=function(t){var e=this._create();return e._until_after=!1,e._until_pattern=this._input.get_regexp(t),e._update(),e},e.prototype.starting_with=function(t){var e=this._create();return e._starting_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype.matching=function(t){var e=this._create();return e._match_pattern=this._input.get_regexp(t,!0),e._update(),e},e.prototype._create=function(){return new e(this._input,this)},e.prototype._update=function(){},t.exports.Pattern=e},function(t){function e(t,e){t="string"==typeof t?t:t.source,e="string"==typeof e?e:e.source,this.__directives_block_pattern=new RegExp(t+/ beautify( \w+[:]\w+)+ /.source+e,"g"),this.__directive_pattern=/ (\w+)[:](\w+)/g,this.__directives_end_ignore_pattern=new RegExp(t+/\sbeautify\signore:end\s/.source+e,"g")}e.prototype.get_directives=function(t){if(!t.match(this.__directives_block_pattern))return null;var e={};this.__directive_pattern.lastIndex=0;for(var n=this.__directive_pattern.exec(t);n;)e[n[1]]=n[2],n=this.__directive_pattern.exec(t);return e},e.prototype.readIgnored=function(t){return t.readUntilAfter(this.__directives_end_ignore_pattern)},t.exports.Directives=e},function(t,e,n){var i=n(12).Pattern,s={django:!1,erb:!1,handlebars:!1,php:!1,smarty:!1};function r(t,e){i.call(this,t,e),this.__template_pattern=null,this._disabled=Object.assign({},s),this._excluded=Object.assign({},s),e&&(this.__template_pattern=this._input.get_regexp(e.__template_pattern),this._excluded=Object.assign(this._excluded,e._excluded),this._disabled=Object.assign(this._disabled,e._disabled));var n=new i(t);this.__patterns={handlebars_comment:n.starting_with(/{{!--/).until_after(/--}}/),handlebars_unescaped:n.starting_with(/{{{/).until_after(/}}}/),handlebars:n.starting_with(/{{/).until_after(/}}/),php:n.starting_with(/<\?(?:[= ]|php)/).until_after(/\?>/),erb:n.starting_with(/<%[^%]/).until_after(/[^%]%>/),django:n.starting_with(/{%/).until_after(/%}/),django_value:n.starting_with(/{{/).until_after(/}}/),django_comment:n.starting_with(/{#/).until_after(/#}/),smarty:n.starting_with(/{(?=[^}{\s\n])/).until_after(/[^\s\n]}/),smarty_comment:n.starting_with(/{\*/).until_after(/\*}/),smarty_literal:n.starting_with(/{literal}/).until_after(/{\/literal}/)}}r.prototype=new i,r.prototype._create=function(){return new r(this._input,this)},r.prototype._update=function(){this.__set_templated_pattern()},r.prototype.disable=function(t){var e=this._create();return e._disabled[t]=!0,e._update(),e},r.prototype.read_options=function(t){var e=this._create();for(var n in s)e._disabled[n]=-1===t.templating.indexOf(n);return e._update(),e},r.prototype.exclude=function(t){var e=this._create();return e._excluded[t]=!0,e._update(),e},r.prototype.read=function(){var t="";t=this._match_pattern?this._input.read(this._starting_pattern):this._input.read(this._starting_pattern,this.__template_pattern);for(var e=this._read_template();e;)this._match_pattern?e+=this._input.read(this._match_pattern):e+=this._input.readUntil(this.__template_pattern),t+=e,e=this._read_template();return this._until_after&&(t+=this._input.readUntilAfter(this._until_pattern)),t},r.prototype.__set_templated_pattern=function(){var t=[];this._disabled.php||t.push(this.__patterns.php._starting_pattern.source),this._disabled.handlebars||t.push(this.__patterns.handlebars._starting_pattern.source),this._disabled.erb||t.push(this.__patterns.erb._starting_pattern.source),this._disabled.django||(t.push(this.__patterns.django._starting_pattern.source),t.push(this.__patterns.django_value._starting_pattern.source),t.push(this.__patterns.django_comment._starting_pattern.source)),this._disabled.smarty||t.push(this.__patterns.smarty._starting_pattern.source),this._until_pattern&&t.push(this._until_pattern.source),this.__template_pattern=this._input.get_regexp("(?:"+t.join("|")+")")},r.prototype._read_template=function(){var t="",e=this._input.peek();if("<"===e){var n=this._input.peek(1);this._disabled.php||this._excluded.php||"?"!==n||(t=t||this.__patterns.php.read()),this._disabled.erb||this._excluded.erb||"%"!==n||(t=t||this.__patterns.erb.read())}else"{"===e&&(this._disabled.handlebars||this._excluded.handlebars||(t=(t=(t=t||this.__patterns.handlebars_comment.read())||this.__patterns.handlebars_unescaped.read())||this.__patterns.handlebars.read()),this._disabled.django||(this._excluded.django||this._excluded.handlebars||(t=t||this.__patterns.django_value.read()),this._excluded.django||(t=(t=t||this.__patterns.django_comment.read())||this.__patterns.django.read())),this._disabled.smarty||this._disabled.django&&this._disabled.handlebars&&(t=(t=(t=t||this.__patterns.smarty_comment.read())||this.__patterns.smarty_literal.read())||this.__patterns.smarty.read()));return t},t.exports.TemplatablePattern=r}],e={};var n=function n(i){var s=e[i];if(void 0!==s)return s.exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}(0);i=n}();var s=i;void 0===(n=function(){return{js_beautify:s}}.apply(e,[]))||(t.exports=n)}()},167:function(){!function(t){var e="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},i={bash:n,environment:{pattern:RegExp("\\$"+e),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+e),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};t.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+e),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},parameter:{pattern:/(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:i},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:i},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:i.entity}}],environment:{pattern:RegExp("\\$?"+e),alias:"constant"},variable:i.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=t.languages.bash;for(var s=["comment","function-name","for-or-select","assign-left","parameter","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],r=i.variable[1].inside,a=0;a<s.length;a++)r[s[a]]=t.languages.bash[s[a]];t.languages.sh=t.languages.bash,t.languages.shell=t.languages.bash}(Prism)},160:function(){Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}},44:function(t,e,n){var i=function(t){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,n=0,i={},s={manual:t.Prism&&t.Prism.manual,disableWorkerMessageHandler:t.Prism&&t.Prism.disableWorkerMessageHandler,util:{encode:function t(e){return e instanceof r?new r(e.type,t(e.content),e.alias):Array.isArray(e)?e.map(t):e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(t){return Object.prototype.toString.call(t).slice(8,-1)},objId:function(t){return t.__id||Object.defineProperty(t,"__id",{value:++n}),t.__id},clone:function t(e,n){var i,r;switch(n=n||{},s.util.type(e)){case"Object":if(r=s.util.objId(e),n[r])return n[r];for(var a in i={},n[r]=i,e)e.hasOwnProperty(a)&&(i[a]=t(e[a],n));return i;case"Array":return r=s.util.objId(e),n[r]?n[r]:(i=[],n[r]=i,e.forEach((function(e,s){i[s]=t(e,n)})),i);default:return e}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(i){var t=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(i.stack)||[])[1];if(t){var e=document.getElementsByTagName("script");for(var n in e)if(e[n].src==t)return e[n]}return null}},isActive:function(t,e,n){for(var i="no-"+e;t;){var s=t.classList;if(s.contains(e))return!0;if(s.contains(i))return!1;t=t.parentElement}return!!n}},languages:{plain:i,plaintext:i,text:i,txt:i,extend:function(t,e){var n=s.util.clone(s.languages[t]);for(var i in e)n[i]=e[i];return n},insertBefore:function(t,e,n,i){var r=(i=i||s.languages)[t],a={};for(var o in r)if(r.hasOwnProperty(o)){if(o==e)for(var _ in n)n.hasOwnProperty(_)&&(a[_]=n[_]);n.hasOwnProperty(o)||(a[o]=r[o])}var u=i[t];return i[t]=a,s.languages.DFS(s.languages,(function(e,n){n===u&&e!=t&&(this[e]=a)})),a},DFS:function t(e,n,i,r){r=r||{};var a=s.util.objId;for(var o in e)if(e.hasOwnProperty(o)){n.call(e,o,e[o],i||o);var _=e[o],u=s.util.type(_);"Object"!==u||r[a(_)]?"Array"!==u||r[a(_)]||(r[a(_)]=!0,t(_,n,o,r)):(r[a(_)]=!0,t(_,n,null,r))}}},plugins:{},highlightAll:function(t,e){s.highlightAllUnder(document,t,e)},highlightAllUnder:function(t,e,n){var i={callback:n,container:t,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};s.hooks.run("before-highlightall",i),i.elements=Array.prototype.slice.apply(i.container.querySelectorAll(i.selector)),s.hooks.run("before-all-elements-highlight",i);for(var r,a=0;r=i.elements[a++];)s.highlightElement(r,!0===e,i.callback)},highlightElement:function(e,n,i){var r=s.util.getLanguage(e),a=s.languages[r];s.util.setLanguage(e,r);var o=e.parentElement;o&&"pre"===o.nodeName.toLowerCase()&&s.util.setLanguage(o,r);var _={element:e,language:r,grammar:a,code:e.textContent};function u(t){_.highlightedCode=t,s.hooks.run("before-insert",_),_.element.innerHTML=_.highlightedCode,s.hooks.run("after-highlight",_),s.hooks.run("complete",_),i&&i.call(_.element)}if(s.hooks.run("before-sanity-check",_),(o=_.element.parentElement)&&"pre"===o.nodeName.toLowerCase()&&!o.hasAttribute("tabindex")&&o.setAttribute("tabindex","0"),!_.code)return s.hooks.run("complete",_),void(i&&i.call(_.element));if(s.hooks.run("before-highlight",_),_.grammar)if(n&&t.Worker){var p=new Worker(s.filename);p.onmessage=function(t){u(t.data)},p.postMessage(JSON.stringify({language:_.language,code:_.code,immediateClose:!0}))}else u(s.highlight(_.code,_.grammar,_.language));else u(s.util.encode(_.code))},highlight:function(t,e,n){var i={code:t,grammar:e,language:n};if(s.hooks.run("before-tokenize",i),!i.grammar)throw new Error('The language "'+i.language+'" has no grammar.');return i.tokens=s.tokenize(i.code,i.grammar),s.hooks.run("after-tokenize",i),r.stringify(s.util.encode(i.tokens),i.language)},tokenize:function(t,e){var n=e.rest;if(n){for(var i in n)e[i]=n[i];delete e.rest}var s=new _;return u(s,s.head,t),o(t,s,e,s.head,0),function(t){var e=[],n=t.head.next;for(;n!==t.tail;)e.push(n.value),n=n.next;return e}(s)},hooks:{all:{},add:function(t,e){var n=s.hooks.all;n[t]=n[t]||[],n[t].push(e)},run:function(t,e){var n=s.hooks.all[t];if(n&&n.length)for(var i,r=0;i=n[r++];)i(e)}},Token:r};function r(t,e,n,i){this.type=t,this.content=e,this.alias=n,this.length=0|(i||"").length}function a(t,e,n,i){t.lastIndex=e;var s=t.exec(n);if(s&&i&&s[1]){var r=s[1].length;s.index+=r,s[0]=s[0].slice(r)}return s}function o(t,e,n,i,_,l){for(var h in n)if(n.hasOwnProperty(h)&&n[h]){var c=n[h];c=Array.isArray(c)?c:[c];for(var d=0;d<c.length;++d){if(l&&l.cause==h+","+d)return;var f=c[d],g=f.inside,m=!!f.lookbehind,y=!!f.greedy,b=f.alias;if(y&&!f.pattern.global){var v=f.pattern.toString().match(/[imsuy]*$/)[0];f.pattern=RegExp(f.pattern.source,v+"g")}for(var k=f.pattern||f,w=i.next,x=_;w!==e.tail&&!(l&&x>=l.reach);x+=w.value.length,w=w.next){var S=w.value;if(e.length>t.length)return;if(!(S instanceof r)){var E,O=1;if(y){if(!(E=a(k,x,t,m))||E.index>=t.length)break;var P=E.index,A=E.index+E[0].length,T=x;for(T+=w.value.length;P>=T;)T+=(w=w.next).value.length;if(x=T-=w.value.length,w.value instanceof r)continue;for(var R=w;R!==e.tail&&(T<A||"string"==typeof R.value);R=R.next)O++,T+=R.value.length;O--,S=t.slice(x,T),E.index-=x}else if(!(E=a(k,0,S,m)))continue;P=E.index;var N=E[0],L=S.slice(0,P),C=S.slice(P+N.length),I=x+S.length;l&&I>l.reach&&(l.reach=I);var D=w.prev;if(L&&(D=u(e,D,L),x+=L.length),p(e,D,O),w=u(e,D,new r(h,g?s.tokenize(N,g):N,b,N)),C&&u(e,w,C),O>1){var F={cause:h+","+d,reach:I};o(t,e,n,w.prev,x,F),l&&F.reach>l.reach&&(l.reach=F.reach)}}}}}}function _(){var t={value:null,prev:null,next:null},e={value:null,prev:t,next:null};t.next=e,this.head=t,this.tail=e,this.length=0}function u(t,e,n){var i=e.next,s={value:n,prev:e,next:i};return e.next=s,i.prev=s,t.length++,s}function p(t,e,n){for(var i=e.next,s=0;s<n&&i!==t.tail;s++)i=i.next;e.next=i,i.prev=e,t.length-=s}if(t.Prism=s,r.stringify=function t(e,n){if("string"==typeof e)return e;if(Array.isArray(e)){var i="";return e.forEach((function(e){i+=t(e,n)})),i}var r={type:e.type,content:t(e.content,n),tag:"span",classes:["token",e.type],attributes:{},language:n},a=e.alias;a&&(Array.isArray(a)?Array.prototype.push.apply(r.classes,a):r.classes.push(a)),s.hooks.run("wrap",r);var o="";for(var _ in r.attributes)o+=" "+_+'="'+(r.attributes[_]||"").replace(/"/g,"&quot;")+'"';return"<"+r.tag+' class="'+r.classes.join(" ")+'"'+o+">"+r.content+"</"+r.tag+">"},!t.document)return t.addEventListener?(s.disableWorkerMessageHandler||t.addEventListener("message",(function(e){var n=JSON.parse(e.data),i=n.language,r=n.code,a=n.immediateClose;t.postMessage(s.highlight(r,s.languages[i],i)),a&&t.close()}),!1),s):s;var l=s.util.currentScript();function h(){s.manual||s.highlightAll()}if(l&&(s.filename=l.src,l.hasAttribute("data-manual")&&(s.manual=!0)),!s.manual){var c=document.readyState;"loading"===c||"interactive"===c&&l&&l.defer?document.addEventListener("DOMContentLoaded",h):window.requestAnimationFrame?window.requestAnimationFrame(h):window.setTimeout(h,16)}return s}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});t.exports&&(t.exports=i),void 0!==n.g&&(n.g.Prism=i)},165:function(){!function(t){var e,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;t.languages.css.selector={pattern:t.languages.css.selector.pattern,lookbehind:!0,inside:e={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},t.languages.css.atrule.inside["selector-function-argument"].inside=e,t.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var i={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},s={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};t.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:i,number:s,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:i,number:s})}(Prism)},164:function(){!function(t){var e=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;t.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+e.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:e,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},t.languages.css.atrule.inside.rest=t.languages.css;var n=t.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(Prism)},170:function(){!function(t){t.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},t.hooks.add("before-tokenize",(function(e){t.languages["markup-templating"].buildPlaceholders(e,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),t.hooks.add("after-tokenize",(function(e){t.languages["markup-templating"].tokenizePlaceholders(e,"handlebars")})),t.languages.hbs=t.languages.handlebars,t.languages.mustache=t.languages.handlebars}(Prism)},161:function(){Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),Prism.languages.js=Prism.languages.javascript},163:function(){Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json},168:function(){!function(t){var e=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(t){return t=t.replace(/<inner>/g,(function(){return e})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+t+")")}var i=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,s=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return i})),r=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;t.languages.markdown=t.languages.extend("markup",{}),t.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:t.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+s+r+"(?:"+s+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+s+r+")(?:"+s+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(i),inside:t.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+s+")"+r+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+s+"$"),inside:{"table-header":{pattern:RegExp(i),alias:"important",inside:t.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(e){["url","bold","italic","strike","code-snippet"].forEach((function(n){e!==n&&(t.languages.markdown[e].inside.content.inside[n]=t.languages.markdown[n])}))})),t.hooks.add("after-tokenize",(function(t){"markdown"!==t.language&&"md"!==t.language||function t(e){if(e&&"string"!=typeof e)for(var n=0,i=e.length;n<i;n++){var s=e[n];if("code"===s.type){var r=s.content[1],a=s.content[3];if(r&&a&&"code-language"===r.type&&"code-block"===a.type&&"string"==typeof r.content){var o=r.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),_="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase());a.alias?"string"==typeof a.alias?a.alias=[a.alias,_]:a.alias.push(_):a.alias=[_]}}else t(s.content)}}(t.tokens)})),t.hooks.add("wrap",(function(e){if("code-block"===e.type){for(var n="",i=0,s=e.classes.length;i<s;i++){var r=e.classes[i],u=/language-(.+)/.exec(r);if(u){n=u[1];break}}var p,l=t.languages[n];if(l)e.content=t.highlight((p=e.content,p.replace(a,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(t,e){var n;if("#"===(e=e.toLowerCase())[0])return n="x"===e[1]?parseInt(e.slice(2),16):Number(e.slice(1)),_(n);var i=o[e];return i||t}))),l,n);else if(n&&"none"!==n&&t.plugins.autoloader){var h="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random());e.attributes.id=h,t.plugins.autoloader.loadLanguages(n,(function(){var e=document.getElementById(h);e&&(e.innerHTML=t.highlight(e.textContent,t.languages[n],n))}))}}}));var a=RegExp(t.languages.markup.tag.pattern.source,"gi"),o={amp:"&",lt:"<",gt:">",quot:'"'},_=String.fromCodePoint||String.fromCharCode;t.languages.md=t.languages.markdown}(Prism)},157:function(){!function(t){function e(t,e){return"___"+t.toUpperCase()+e+"___"}Object.defineProperties(t.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,i,s,r){if(n.language===i){var a=n.tokenStack=[];n.code=n.code.replace(s,(function(t){if("function"==typeof r&&!r(t))return t;for(var s,o=a.length;-1!==n.code.indexOf(s=e(i,o));)++o;return a[o]=t,s})),n.grammar=t.languages.markup}}},tokenizePlaceholders:{value:function(n,i){if(n.language===i&&n.tokenStack){n.grammar=t.languages[i];var s=0,r=Object.keys(n.tokenStack);!function a(o){for(var _=0;_<o.length&&!(s>=r.length);_++){var u=o[_];if("string"==typeof u||u.content&&"string"==typeof u.content){var p=r[s],l=n.tokenStack[p],h="string"==typeof u?u:u.content,c=e(i,p),d=h.indexOf(c);if(d>-1){++s;var f=h.substring(0,d),g=new t.Token(i,t.tokenize(l,n.grammar),"language-"+i,l),m=h.substring(d+c.length),y=[];f&&y.push.apply(y,a([f])),y.push(g),m&&y.push.apply(y,a([m])),"string"==typeof u?o.splice.apply(o,[_,1].concat(y)):u.content=y}}else u.content&&a(u.content)}return o}(n.tokens)}}}})}(Prism)},158:function(){Prism.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",(function(t){"entity"===t.type&&(t.attributes.title=t.content.replace(/&amp;/,"&"))})),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(t,e){var n={};n["language-"+e]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[e]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;var i={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};i["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var s={};s[t]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return t})),"i"),lookbehind:!0,greedy:!0,inside:i},Prism.languages.insertBefore("markup","cdata",s)}}),Object.defineProperty(Prism.languages.markup.tag,"addAttribute",{value:function(t,e){Prism.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+t+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:Prism.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml},166:function(){Prism.languages.scss=Prism.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),Prism.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),Prism.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),Prism.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),Prism.languages.scss.atrule.inside.rest=Prism.languages.scss},159:function(){Prism.languages.twig={comment:/^\{#[\s\S]*?#\}$/,"tag-name":{pattern:/(^\{%-?\s*)\w+/,lookbehind:!0,alias:"keyword"},delimiter:{pattern:/^\{[{%]-?|-?[%}]\}$/,alias:"punctuation"},string:{pattern:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,inside:{punctuation:/^['"]|['"]$/}},keyword:/\b(?:even|if|odd)\b/,boolean:/\b(?:false|null|true)\b/,number:/\b0x[\dA-Fa-f]+|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][-+]?\d+)?/,operator:[{pattern:/(\s)(?:and|b-and|b-or|b-xor|ends with|in|is|matches|not|or|same as|starts with)(?=\s)/,lookbehind:!0},/[=<>]=?|!=|\*\*?|\/\/?|\?:?|[-+~%|]/],punctuation:/[()\[\]{}:.,]/},Prism.hooks.add("before-tokenize",(function(t){if("twig"===t.language){Prism.languages["markup-templating"].buildPlaceholders(t,"twig",/\{(?:#[\s\S]*?#|%[\s\S]*?%|\{[\s\S]*?\})\}/g)}})),Prism.hooks.add("after-tokenize",(function(t){Prism.languages["markup-templating"].tokenizePlaceholders(t,"twig")}))},162:function(){!function(t){t.languages.typescript=t.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),t.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete t.languages.typescript.parameter,delete t.languages.typescript["literal-property"];var e=t.languages.extend("typescript",{});delete e["class-name"],t.languages.typescript["class-name"].inside=e,t.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e}}}}),t.languages.ts=t.languages.typescript}(Prism)},169:function(){!function(t){var e=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,i="(?:"+n.source+"(?:[ \t]+"+e.source+")?|"+e.source+"(?:[ \t]+"+n.source+")?)",s=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),r=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function a(t,e){e=(e||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return i})).replace(/<<value>>/g,(function(){return t}));return RegExp(n,e)}t.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return i}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return i})).replace(/<<key>>/g,(function(){return"(?:"+s+"|"+r+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:a(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:a(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:a(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:a(r),lookbehind:!0,greedy:!0},number:{pattern:a(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:e,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},t.languages.yml=t.languages.yaml}(Prism)},87:function(t){!function(){if("undefined"!=typeof Prism){var e=Object.assign||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},n={"remove-trailing":"boolean","remove-indent":"boolean","left-trim":"boolean","right-trim":"boolean","break-lines":"number",indent:"number","remove-initial-line-feed":"boolean","tabs-to-spaces":"number","spaces-to-tabs":"number"};i.prototype={setDefaults:function(t){this.defaults=e(this.defaults,t)},normalize:function(t,n){for(var i in n=e(this.defaults,n)){var s=i.replace(/-(\w)/g,(function(t,e){return e.toUpperCase()}));"normalize"!==i&&"setDefaults"!==s&&n[i]&&this[s]&&(t=this[s].call(this,t,n[i]))}return t},leftTrim:function(t){return t.replace(/^\s+/,"")},rightTrim:function(t){return t.replace(/\s+$/,"")},tabsToSpaces:function(t,e){return e=0|e||4,t.replace(/\t/g,new Array(++e).join(" "))},spacesToTabs:function(t,e){return e=0|e||4,t.replace(RegExp(" {"+e+"}","g"),"\t")},removeTrailing:function(t){return t.replace(/\s*?$/gm,"")},removeInitialLineFeed:function(t){return t.replace(/^(?:\r?\n|\r)/,"")},removeIndent:function(t){var e=t.match(/^[^\S\n\r]*(?=\S)/gm);return e&&e[0].length?(e.sort((function(t,e){return t.length-e.length})),e[0].length?t.replace(RegExp("^"+e[0],"gm"),""):t):t},indent:function(t,e){return t.replace(/^[^\S\n\r]*(?=\S)/gm,new Array(++e).join("\t")+"$&")},breakLines:function(t,e){e=!0===e?80:0|e||80;for(var n=t.split("\n"),i=0;i<n.length;++i)if(!(s(n[i])<=e)){for(var r=n[i].split(/(\s+)/g),a=0,o=0;o<r.length;++o){var _=s(r[o]);(a+=_)>e&&(r[o]="\n"+r[o],a=_)}n[i]=r.join("")}return n.join("\n")}},t.exports&&(t.exports=i),Prism.plugins.NormalizeWhitespace=new i({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0}),Prism.hooks.add("before-sanity-check",(function(t){var e=Prism.plugins.NormalizeWhitespace;if((!t.settings||!1!==t.settings["whitespace-normalization"])&&Prism.util.isActive(t.element,"whitespace-normalization",!0))if(t.element&&t.element.parentNode||!t.code){var i=t.element.parentNode;if(t.code&&i&&"pre"===i.nodeName.toLowerCase()){for(var s in null==t.settings&&(t.settings={}),n)if(Object.hasOwnProperty.call(n,s)){var r=n[s];if(i.hasAttribute("data-"+s))try{var a=JSON.parse(i.getAttribute("data-"+s)||"true");typeof a===r&&(t.settings[s]=a)}catch(d){}}for(var o=i.childNodes,_="",u="",p=!1,l=0;l<o.length;++l){var h=o[l];h==t.element?p=!0:"#text"===h.nodeName&&(p?u+=h.nodeValue:_+=h.nodeValue,i.removeChild(h),--l)}if(t.element.children.length&&Prism.plugins.KeepMarkup){var c=_+t.element.innerHTML+u;t.element.innerHTML=e.normalize(c,t.settings),t.code=t.element.textContent}else t.code=_+t.code+u,t.code=e.normalize(t.code,t.settings)}}else t.code=e.normalize(t.code,t.settings)}))}function i(t){this.defaults=e({},t)}function s(t){for(var e=0,n=0;n<t.length;++n)t.charCodeAt(n)=="\t".charCodeAt(0)&&(e+=3);return t.length+e}}()},154:function(t,e,n){"use strict";function i(t,e,n,i){return new(n||(n=Promise))((function(s,r){function a(t){try{_(i.next(t))}catch(e){r(e)}}function o(t){try{_(i.throw(t))}catch(e){r(e)}}function _(t){var e;t.done?s(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,o)}_((i=i.apply(t,e||[])).next())}))}n.d(e,{X5:function(){return s}});function s(t,e={}){return i(this,void 0,void 0,(function*(){if(!(t instanceof Element||t instanceof Window))throw new Error(`element passed to scrollTo() must be either the window or a DOM element, you passed ${t}!`);e=r(e);const n=(e,i,s,r,o=300,_,u)=>{window.requestAnimationFrame((()=>{const p=Date.now(),l=Math.min(1,(p-r)/o);if(e===i)return u?u():null;!function(t,e){const n=a.getDocument();t===n.body||t===n.documentElement||t instanceof Window?(n.body.scrollTop=e,n.documentElement.scrollTop=e):t.scrollTop=e}(t,_(l)*(i-e)+e),l<1?n(e,i,s,r,o,_,u):u&&u()}))},i=function(t){const e=a.getDocument();return t===e.body||t===e.documentElement||t instanceof Window?e.body.scrollTop||e.documentElement.scrollTop:t.scrollTop}(t),s=function(t){const e={window:{y:"scrollY",x:"scrollX"},element:{y:"scrollTop",x:"scrollLeft"}},n="y";return t instanceof Window?e.window[n]:e.element[n]}(t);return new Promise((t=>{n(i,"number"==typeof e.top?e.top:i,s,Date.now(),e.duration,_(e.easing),t)}))}))}function r(t={}){return"smooth"===t.behavior&&(t.easing="ease-in-out",t.duration=300),"auto"===t.behavior&&(t.duration=0,t.easing="linear"),t}const a={getDocument(){return document}},o={linear(t){return t},"ease-in"(t){return t*t},"ease-out"(t){return t*(2-t)},"ease-in-out"(t){return t<.5?2*t*t:(4-2*t)*t-1}},_=t=>{const e=o[t||"linear"];if(!e){const e=Object.keys(o).join(",");throw new Error(`Scroll error: scroller does not support an easing option of "${t}". Supported options are ${e}`)}return e}}}]);
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/4-chunk-efb48caad6ff1a4474f5.modern.js.LICENSE.txt b/review/refactor-icon-update/styleguide/js/4-chunk-efb48caad6ff1a4474f5.modern.js.LICENSE.txt
new file mode 100644
index 0000000000..353a9f05db
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/4-chunk-efb48caad6ff1a4474f5.modern.js.LICENSE.txt
@@ -0,0 +1,92 @@
+/*!
+ * Determine if an object is a Buffer
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+
+/*!
+ * clipboard.js v2.0.11
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+
+/*!
+ * condense-newlines <https://github.com/jonschlinkert/condense-newlines>
+ *
+ * Copyright (c) 2014 Jon Schlinkert, contributors.
+ * Licensed under the MIT License
+ */
+
+/*!
+ * is-extendable <https://github.com/jonschlinkert/is-extendable>
+ *
+ * Copyright (c) 2015, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+/*!
+ * is-whitespace <https://github.com/jonschlinkert/is-whitespace>
+ *
+ * Copyright (c) 2014-2015, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+/*!
+ * pretty <https://github.com/jonschlinkert/pretty>
+ *
+ * Copyright (c) 2013-2015, 2017, Jon Schlinkert.
+ * Released under the MIT License.
+ */
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+/**
+ * Prism: Lightweight, robust, elegant syntax highlighting
+ *
+ * @license MIT <https://opensource.org/licenses/MIT>
+ * @author Lea Verou <https://lea.verou.me>
+ * @namespace
+ * @public
+ */
+
+/**!
+
+ @license
+ handlebars v4.7.7
+
+Copyright (C) 2011-2019 by Yehuda Katz
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+*/
diff --git a/review/refactor-icon-update/styleguide/js/patternlab-pattern.js b/review/refactor-icon-update/styleguide/js/patternlab-pattern.js
new file mode 100644
index 0000000000..e273acbdeb
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/patternlab-pattern.js
@@ -0,0 +1,2 @@
+/*! For license information please see patternlab-pattern.js.LICENSE.txt */
+!function(){var t={23:function(t,e,n){var r,o,i,a;function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}t=n.nmd(t),a=function(){return function(){var t={686:function(t,e,n){"use strict";n.d(e,{default:function(){return x}});var r=n(279),o=n.n(r),i=n(370),a=n.n(i),c=n(817),l=n.n(c);function u(t){try{return document.execCommand(t)}catch(e){return!1}}var s=function(t){var e=l()(t);return u("cut"),e},f=function(t,e){var n=function(t){var e="rtl"===document.documentElement.getAttribute("dir"),n=document.createElement("textarea");n.style.fontSize="12pt",n.style.border="0",n.style.padding="0",n.style.margin="0",n.style.position="absolute",n.style[e?"right":"left"]="-9999px";var r=window.pageYOffset||document.documentElement.scrollTop;return n.style.top="".concat(r,"px"),n.setAttribute("readonly",""),n.value=t,n}(t);e.container.appendChild(n);var r=l()(n);return u("copy"),n.remove(),r},p=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body},n="";return"string"==typeof t?n=f(t,e):t instanceof HTMLInputElement&&!["text","search","url","tel","password"].includes(null==t?void 0:t.type)?n=f(t.value,e):(n=l()(t),u("copy")),n};function d(t){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},d(t)}var h=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.action,n=void 0===e?"copy":e,r=t.container,o=t.target,i=t.text;if("copy"!==n&&"cut"!==n)throw new Error('Invalid "action" value, use either "copy" or "cut"');if(void 0!==o){if(!o||"object"!==d(o)||1!==o.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===n&&o.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===n&&(o.hasAttribute("readonly")||o.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes')}return i?p(i,{container:r}):o?"cut"===n?s(o):p(o,{container:r}):void 0};function y(t){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},y(t)}function v(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function g(t,e){return g=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},g(t,e)}function m(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=b(t);if(e){var o=b(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return w(this,n)}}function w(t,e){return!e||"object"!==y(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function b(t){return b=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},b(t)}function L(t,e){var n="data-clipboard-".concat(t);if(e.hasAttribute(n))return e.getAttribute(n)}var E=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&g(t,e)}(i,t);var e,n,r,o=m(i);function i(t,e){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),(n=o.call(this)).resolveOptions(e),n.listenClick(t),n}return e=i,n=[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===y(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=a()(t,"click",(function(t){return e.onClick(t)}))}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget,n=this.action(e)||"copy",r=h({action:n,container:this.container,target:this.target(e),text:this.text(e)});this.emit(r?"success":"error",{action:n,text:r,trigger:e,clearSelection:function(){e&&e.focus(),window.getSelection().removeAllRanges()}})}},{key:"defaultAction",value:function(t){return L("action",t)}},{key:"defaultTarget",value:function(t){var e=L("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return L("text",t)}},{key:"destroy",value:function(){this.listener.destroy()}}],r=[{key:"copy",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body};return p(t,e)}},{key:"cut",value:function(t){return s(t)}},{key:"isSupported",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,n=!!document.queryCommandSupported;return e.forEach((function(t){n=n&&!!document.queryCommandSupported(t)})),n}}],n&&v(e.prototype,n),r&&v(e,r),i}(o()),x=E},828:function(t){if("undefined"!=typeof Element&&!Element.prototype.matches){var e=Element.prototype;e.matches=e.matchesSelector||e.mozMatchesSelector||e.msMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector}t.exports=function(t,e){for(;t&&9!==t.nodeType;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}},438:function(t,e,n){var r=n(828);function o(t,e,n,r,o){var a=i.apply(this,arguments);return t.addEventListener(n,a,o),{destroy:function(){t.removeEventListener(n,a,o)}}}function i(t,e,n,o){return function(n){n.delegateTarget=r(n.target,e),n.delegateTarget&&o.call(t,n)}}t.exports=function(t,e,n,r,i){return"function"==typeof t.addEventListener?o.apply(null,arguments):"function"==typeof n?o.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,(function(t){return o(t,e,n,r,i)})))}},879:function(t,e){e.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},e.nodeList=function(t){var n=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===n||"[object HTMLCollection]"===n)&&"length"in t&&(0===t.length||e.node(t[0]))},e.string=function(t){return"string"==typeof t||t instanceof String},e.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},370:function(t,e,n){var r=n(879),o=n(438);t.exports=function(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!r.string(e))throw new TypeError("Second argument must be a String");if(!r.fn(n))throw new TypeError("Third argument must be a Function");if(r.node(t))return function(t,e,n){return t.addEventListener(e,n),{destroy:function(){t.removeEventListener(e,n)}}}(t,e,n);if(r.nodeList(t))return function(t,e,n){return Array.prototype.forEach.call(t,(function(t){t.addEventListener(e,n)})),{destroy:function(){Array.prototype.forEach.call(t,(function(t){t.removeEventListener(e,n)}))}}}(t,e,n);if(r.string(t))return function(t,e,n){return o(document.body,t,e,n)}(t,e,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}},817:function(t){t.exports=function(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var r=window.getSelection(),o=document.createRange();o.selectNodeContents(t),r.removeAllRanges(),r.addRange(o),e=r.toString()}return e}},279:function(t){function e(){}e.prototype={on:function(t,e,n){var r=this.e||(this.e={});return(r[t]||(r[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var r=this;function o(){r.off(t,o),e.apply(n,arguments)}return o._=e,this.on(t,o,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),r=0,o=n.length;r<o;r++)n[r].fn.apply(n[r].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),r=n[t],o=[];if(r&&e)for(var i=0,a=r.length;i<a;i++)r[i].fn!==e&&r[i].fn._!==e&&o.push(r[i]);return o.length?n[t]=o:delete n[t],this}},t.exports=e,t.exports.TinyEmitter=e}},e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={exports:{}};return t[r](o,o.exports,n),o.exports}return n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n(686)}().default},"object"===c(e)&&"object"===c(t)?t.exports=a():(o=[],void 0===(i="function"==typeof(r=a)?r.apply(e,o):r)||(t.exports=i))},24:function(t,e,n){var r;!function(o,i,a){if(o){for(var c,l={8:"backspace",9:"tab",13:"enter",16:"shift",17:"ctrl",18:"alt",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"ins",46:"del",91:"meta",93:"meta",224:"meta"},u={106:"*",107:"+",109:"-",110:".",111:"/",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},s={"~":"`","!":"1","@":"2","#":"3",$:"4","%":"5","^":"6","&":"7","*":"8","(":"9",")":"0",_:"-","+":"=",":":";",'"':"'","<":",",">":".","?":"/","|":"\\"},f={option:"alt",command:"meta",return:"enter",escape:"esc",plus:"+",mod:/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"meta":"ctrl"},p=1;p<20;++p)l[111+p]="f"+p;for(p=0;p<=9;++p)l[p+96]=p.toString();w.prototype.bind=function(t,e,n){var r=this;return t=t instanceof Array?t:[t],r._bindMultiple.call(r,t,e,n),r},w.prototype.unbind=function(t,e){return this.bind.call(this,t,(function(){}),e)},w.prototype.trigger=function(t,e){var n=this;return n._directMap[t+":"+e]&&n._directMap[t+":"+e]({},t),n},w.prototype.reset=function(){var t=this;return t._callbacks={},t._directMap={},t},w.prototype.stopCallback=function(t,e){if((" "+e.className+" ").indexOf(" mousetrap ")>-1)return!1;if(m(e,this.target))return!1;if("composedPath"in t&&"function"==typeof t.composedPath){var n=t.composedPath()[0];n!==t.target&&(e=n)}return"INPUT"==e.tagName||"SELECT"==e.tagName||"TEXTAREA"==e.tagName||e.isContentEditable},w.prototype.handleKey=function(){var t=this;return t._handleKey.apply(t,arguments)},w.addKeycodes=function(t){for(var e in t)t.hasOwnProperty(e)&&(l[e]=t[e]);c=null},w.init=function(){var t=w(i);for(var e in t)"_"!==e.charAt(0)&&(w[e]=function(e){return function(){return t[e].apply(t,arguments)}}(e))},w.init(),o.Mousetrap=w,t.exports&&(t.exports=w),void 0===(r=function(){return w}.call(e,n,e,t))||(t.exports=r)}function d(t,e,n){t.addEventListener?t.addEventListener(e,n,!1):t.attachEvent("on"+e,n)}function h(t){if("keypress"==t.type){var e=String.fromCharCode(t.which);return t.shiftKey||(e=e.toLowerCase()),e}return l[t.which]?l[t.which]:u[t.which]?u[t.which]:String.fromCharCode(t.which).toLowerCase()}function y(t){return"shift"==t||"ctrl"==t||"alt"==t||"meta"==t}function v(t,e,n){return n||(n=function(){if(!c)for(var t in c={},l)t>95&&t<112||l.hasOwnProperty(t)&&(c[l[t]]=t);return c}()[t]?"keydown":"keypress"),"keypress"==n&&e.length&&(n="keydown"),n}function g(t,e){var n,r,o,i=[];for(n=function(t){return"+"===t?["+"]:(t=t.replace(/\+{2}/g,"+plus")).split("+")}(t),o=0;o<n.length;++o)r=n[o],f[r]&&(r=f[r]),e&&"keypress"!=e&&s[r]&&(r=s[r],i.push("shift")),y(r)&&i.push(r);return{key:r,modifiers:i,action:e=v(r,i,e)}}function m(t,e){return null!==t&&t!==i&&(t===e||m(t.parentNode,e))}function w(t){var e=this;if(t=t||i,!(e instanceof w))return new w(t);e.target=t,e._callbacks={},e._directMap={};var n,r={},o=!1,a=!1,c=!1;function l(t){t=t||{};var e,n=!1;for(e in r)t[e]?n=!0:r[e]=0;n||(c=!1)}function u(t,n,o,i,a,c){var l,u,s,f,p=[],d=o.type;if(!e._callbacks[t])return[];for("keyup"==d&&y(t)&&(n=[t]),l=0;l<e._callbacks[t].length;++l)if(u=e._callbacks[t][l],(i||!u.seq||r[u.seq]==u.level)&&d==u.action&&("keypress"==d&&!o.metaKey&&!o.ctrlKey||(s=n,f=u.modifiers,s.sort().join(",")===f.sort().join(",")))){var h=!i&&u.combo==a,v=i&&u.seq==i&&u.level==c;(h||v)&&e._callbacks[t].splice(l,1),p.push(u)}return p}function s(t,n,r,o){e.stopCallback(n,n.target||n.srcElement,r,o)||!1===t(n,r)&&(function(t){t.preventDefault?t.preventDefault():t.returnValue=!1}(n),function(t){t.stopPropagation?t.stopPropagation():t.cancelBubble=!0}(n))}function f(t){"number"!=typeof t.which&&(t.which=t.keyCode);var n=h(t);n&&("keyup"!=t.type||o!==n?e.handleKey(n,function(t){var e=[];return t.shiftKey&&e.push("shift"),t.altKey&&e.push("alt"),t.ctrlKey&&e.push("ctrl"),t.metaKey&&e.push("meta"),e}(t),t):o=!1)}function p(t,e,i,a){function u(e){return function(){c=e,++r[t],clearTimeout(n),n=setTimeout(l,1e3)}}function f(e){s(i,e,t),"keyup"!==a&&(o=h(e)),setTimeout(l,10)}r[t]=0;for(var p=0;p<e.length;++p){var d=p+1===e.length?f:u(a||g(e[p+1]).action);v(e[p],d,a,t,p)}}function v(t,n,r,o,i){e._directMap[t+":"+r]=n;var a,c=(t=t.replace(/\s+/g," ")).split(" ");c.length>1?p(t,c,n,r):(a=g(t,r),e._callbacks[a.key]=e._callbacks[a.key]||[],u(a.key,a.modifiers,{type:a.action},o,t,i),e._callbacks[a.key][o?"unshift":"push"]({callback:n,modifiers:a.modifiers,action:a.action,seq:o,level:i,combo:t}))}e._handleKey=function(t,e,n){var r,o=u(t,e,n),i={},f=0,p=!1;for(r=0;r<o.length;++r)o[r].seq&&(f=Math.max(f,o[r].level));for(r=0;r<o.length;++r)if(o[r].seq){if(o[r].level!=f)continue;p=!0,i[o[r].seq]=1,s(o[r].callback,n,o[r].combo,o[r].seq)}else p||s(o[r].callback,n,o[r].combo);var d="keypress"==n.type&&a;n.type!=c||y(t)||d||l(i),a=p&&"keydown"==n.type},e._bindMultiple=function(t,e,n){for(var r=0;r<t.length;++r)v(t[r],e,n)},d(t,"keypress",f),d(t,"keydown",f),d(t,"keyup",f)}}("undefined"!=typeof window?window:null,"undefined"!=typeof window?document:null)},33:function(t,e,n){function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var o=function(t){"use strict";var e,n=Object.prototype,o=n.hasOwnProperty,i=Object.defineProperty||function(t,e,n){t[e]=n.value},a="function"==typeof Symbol?Symbol:{},c=a.iterator||"@@iterator",l=a.asyncIterator||"@@asyncIterator",u=a.toStringTag||"@@toStringTag";function s(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{s({},"")}catch(N){s=function(t,e,n){return t[e]=n}}function f(t,e,n,r){var o=e&&e.prototype instanceof g?e:g,a=Object.create(o.prototype),c=new T(r||[]);return i(a,"_invoke",{value:O(t,n,c)}),a}function p(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(N){return{type:"throw",arg:N}}}t.wrap=f;var d="suspendedStart",h="executing",y="completed",v={};function g(){}function m(){}function w(){}var b={};s(b,c,(function(){return this}));var L=Object.getPrototypeOf,E=L&&L(L(A([])));E&&E!==n&&o.call(E,c)&&(b=E);var x=w.prototype=g.prototype=Object.create(b);function S(t){["next","throw","return"].forEach((function(e){s(t,e,(function(t){return this._invoke(e,t)}))}))}function k(t,e){function n(i,a,c,l){var u=p(t[i],t,a);if("throw"!==u.type){var s=u.arg,f=s.value;return f&&"object"===r(f)&&o.call(f,"__await")?e.resolve(f.__await).then((function(t){n("next",t,c,l)}),(function(t){n("throw",t,c,l)})):e.resolve(f).then((function(t){s.value=t,c(s)}),(function(t){return n("throw",t,c,l)}))}l(u.arg)}var a;i(this,"_invoke",{value:function(t,r){function o(){return new e((function(e,o){n(t,r,e,o)}))}return a=a?a.then(o,o):o()}})}function O(t,e,n){var r=d;return function(o,i){if(r===h)throw new Error("Generator is already running");if(r===y){if("throw"===o)throw i;return M()}for(n.method=o,n.arg=i;;){var a=n.delegate;if(a){var c=_(a,n);if(c){if(c===v)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===d)throw r=y,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=h;var l=p(t,e,n);if("normal"===l.type){if(r=n.done?y:"suspendedYield",l.arg===v)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(r=y,n.method="throw",n.arg=l.arg)}}}function _(t,n){var r=n.method,o=t.iterator[r];if(o===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,_(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),v;var i=p(o,t.iterator,n.arg);if("throw"===i.type)return n.method="throw",n.arg=i.arg,n.delegate=null,v;var a=i.arg;return a?a.done?(n[t.resultName]=a.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,v):a:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,v)}function P(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function j(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function T(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(P,this),this.reset(!0)}function A(t){if(t){var n=t[c];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,i=function n(){for(;++r<t.length;)if(o.call(t,r))return n.value=t[r],n.done=!1,n;return n.value=e,n.done=!0,n};return i.next=i}}return{next:M}}function M(){return{value:e,done:!0}}return m.prototype=w,i(x,"constructor",{value:w,configurable:!0}),i(w,"constructor",{value:m,configurable:!0}),m.displayName=s(w,u,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===m||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,w):(t.__proto__=w,s(t,u,"GeneratorFunction")),t.prototype=Object.create(x),t},t.awrap=function(t){return{__await:t}},S(k.prototype),s(k.prototype,l,(function(){return this})),t.AsyncIterator=k,t.async=function(e,n,r,o,i){void 0===i&&(i=Promise);var a=new k(f(e,n,r,o),i);return t.isGeneratorFunction(n)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},S(x),s(x,u,"Generator"),s(x,c,(function(){return this})),s(x,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=Object(t),n=[];for(var r in e)n.push(r);return n.reverse(),function t(){for(;n.length;){var r=n.pop();if(r in e)return t.value=r,t.done=!1,t}return t.done=!0,t}},t.values=A,T.prototype={constructor:T,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(j),!t)for(var n in this)"t"===n.charAt(0)&&o.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function r(r,o){return c.type="throw",c.arg=t,n.next=r,o&&(n.method="next",n.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var l=o.call(a,"catchLoc"),u=o.call(a,"finallyLoc");if(l&&u){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(l){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return r(a.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&o.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var i=r;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),v},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),j(n),v}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;j(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:A(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),v}},t}("object"===r(t=n.nmd(t))?t.exports:{});try{regeneratorRuntime=o}catch(i){"object"===("undefined"==typeof globalThis?"undefined":r(globalThis))?globalThis.regeneratorRuntime=o:Function("r","regeneratorRuntime = r")(o)}},62:function(t,e,n){var r;function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}!function(e){"use strict";function i(){}var a=i.prototype,c=e.EventEmitter;function l(t,e){for(var n=t.length;n--;)if(t[n].listener===e)return n;return-1}function u(t){return function(){return this[t].apply(this,arguments)}}function s(t){return"function"==typeof t||t instanceof RegExp||!(!t||"object"!==o(t))&&s(t.listener)}a.getListeners=function(t){var e,n,r=this._getEvents();if(t instanceof RegExp)for(n in e={},r)r.hasOwnProperty(n)&&t.test(n)&&(e[n]=r[n]);else e=r[t]||(r[t]=[]);return e},a.flattenListeners=function(t){var e,n=[];for(e=0;e<t.length;e+=1)n.push(t[e].listener);return n},a.getListenersAsObject=function(t){var e,n=this.getListeners(t);return n instanceof Array&&((e={})[t]=n),e||n},a.addListener=function(t,e){if(!s(e))throw new TypeError("listener must be a function");var n,r=this.getListenersAsObject(t),i="object"===o(e);for(n in r)r.hasOwnProperty(n)&&-1===l(r[n],e)&&r[n].push(i?e:{listener:e,once:!1});return this},a.on=u("addListener"),a.addOnceListener=function(t,e){return this.addListener(t,{listener:e,once:!0})},a.once=u("addOnceListener"),a.defineEvent=function(t){return this.getListeners(t),this},a.defineEvents=function(t){for(var e=0;e<t.length;e+=1)this.defineEvent(t[e]);return this},a.removeListener=function(t,e){var n,r,o=this.getListenersAsObject(t);for(r in o)o.hasOwnProperty(r)&&-1!==(n=l(o[r],e))&&o[r].splice(n,1);return this},a.off=u("removeListener"),a.addListeners=function(t,e){return this.manipulateListeners(!1,t,e)},a.removeListeners=function(t,e){return this.manipulateListeners(!0,t,e)},a.manipulateListeners=function(t,e,n){var r,i,a=t?this.removeListener:this.addListener,c=t?this.removeListeners:this.addListeners;if("object"!==o(e)||e instanceof RegExp)for(r=n.length;r--;)a.call(this,e,n[r]);else for(r in e)e.hasOwnProperty(r)&&(i=e[r])&&("function"==typeof i?a.call(this,r,i):c.call(this,r,i));return this},a.removeEvent=function(t){var e,n=o(t),r=this._getEvents();if("string"===n)delete r[t];else if(t instanceof RegExp)for(e in r)r.hasOwnProperty(e)&&t.test(e)&&delete r[e];else delete this._events;return this},a.removeAllListeners=u("removeEvent"),a.emitEvent=function(t,e){var n,r,o,i,a=this.getListenersAsObject(t);for(i in a)if(a.hasOwnProperty(i))for(n=a[i].slice(0),o=0;o<n.length;o++)!0===(r=n[o]).once&&this.removeListener(t,r.listener),r.listener.apply(this,e||[])===this._getOnceReturnValue()&&this.removeListener(t,r.listener);return this},a.trigger=u("emitEvent"),a.emit=function(t){var e=Array.prototype.slice.call(arguments,1);return this.emitEvent(t,e)},a.setOnceReturnValue=function(t){return this._onceReturnValue=t,this},a._getOnceReturnValue=function(){return!this.hasOwnProperty("_onceReturnValue")||this._onceReturnValue},a._getEvents=function(){return this._events||(this._events={})},i.noConflict=function(){return e.EventEmitter=c,i},void 0===(r=function(){return i}.call(e,n,e,t))||(t.exports=r)}("undefined"!=typeof window?window:this||{})},104:function(){if(window.self!==window.top)for(var t=document.getElementsByTagName("a"),e=0;e<t.length;e++)t[e].onclick=function(t){var e=this.getAttribute("href"),n=this.getAttribute("target");if(void 0===n||"_parent"!==n&&"_blank"!==n){if(!e||"#"===e)return t.preventDefault(),!1;t.preventDefault(),window.location.replace(e)}else;return!0};window.addEventListener("message",(function(t){if("file:"===window.location.protocol||t.origin===window.location.protocol+"//"+window.location.host){var e,n={};try{n="string"!=typeof t.data?t.data:JSON.parse(t.data)}catch(r){}if(void 0!==n.event&&"patternLab.updatePath"===n.event)if(void 0!==window.patternData.patternPartial){e=window.location.protocol+"//"+window.location.host+window.location.pathname.replace(/(patterns|snapshots)\/(.*)$/,"")+n.path+"?"+Date.now(),window.location.replace(e)}else e=window.location.protocol+"//"+window.location.host+window.location.pathname.replace("styleguide/html/styleguide.html","")+n.path+"?"+Date.now(),window.location.replace(e);else void 0!==n.event&&"patternLab.reload"===n.event&&window.location.reload()}}),!1)}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var i=e[r]={id:r,loaded:!1,exports:{}};return t[r].call(i.exports,i,i.exports,n),i.loaded=!0,i.exports}n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.nmd=function(t){return t.paths=[],t.children||(t.children=[]),t},function(){"use strict";n(33);var t={addClickEvents:function(e,n){for(var r=e.querySelectorAll(".pl-js-tab-link"),o=0;o<r.length;++o)r[o].onclick=function(e){e.preventDefault();var n=this.getAttribute("data-patternpartial"),r=this.getAttribute("data-panelid");t.show(n,r)};return e},show:function(t,e){for(var n="pl-is-active-tab",r=document.querySelector("#pl-".concat(t,"-").concat(e,"-panel")),o=r.closest(".pl-js-tabs"),i=o.querySelectorAll(".pl-js-tab-link"),a=o.querySelectorAll(".pl-js-tab-panel"),c=o.querySelector("#pl-".concat(t,"-").concat(e,"-tab")),l=0;l<i.length;++l)i[l].classList.remove(n);for(var u=0;u<a.length;++u)a[u].classList.remove(n);c.classList.add(n),r.classList.add(n)}},e=n(23);new(n.n(e)())(".pl-js-code-copy-btn").on("success",(function(t){for(var e=document.querySelectorAll(".pl-js-code-copy-btn"),n=0;n<e.length;n++)e[n].querySelector(".pl-c-code-copy-btn__icon-text").innerText="Copy";t.trigger.classList.add("is-copied"),t.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copied",setTimeout((function(){t.trigger.classList.remove("is-copied"),t.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copy",t.clearSelection(),t.trigger.blur()}),2e3)}));n(104);var r={skipBack:!1,goBack:!1,iframeElement:document.querySelector(".pl-js-iframe"),targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,getFileName:function(t,e){var n="patterns",r="";if(void 0===t)return r;if(void 0===e&&(e=!0),"all"===t)return"styleguide/html/styleguide.html";if("snapshots"===t)return"snapshots/index.html";var o=-1!==t.indexOf("viewall-")?window.viewAllPaths:window.patternPaths,i=t.replace("viewall-",""),a=this.getPatternInfo(i,o),c=a[0],l=a[1];if(void 0!==o[c]&&void 0!==o[c][l])r=o[c][l];else if(void 0!==o[c])for(var u in o[c])if(-1!==u.indexOf(l)){r=o[c][u];break}if(""===r)return r;var s=/\//g;if(-1!==t.indexOf("viewall-")&&0===t.indexOf("viewall-")&&""!==r)r=n+"/"+r.replace(s,"-")+"/index.html";else if(""!==r){if(r=n+"/"+r.replace(s,"-")+"/"+r.replace(s,"-"),e)r=r+(void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.rendered?window.config.outputFileSuffixes.rendered:"")+".html"}return r},getPatternInfo:function(t,e){for(var n=t.split("-"),r=1,o=n.length,i=n[0];void 0===e[i]&&r<o;)i+="-"+n[r],r++;return[i,t.slice(i.length+1,t.length)]},getRequestVars:function(){return new function(t){if(t.length>1)for(var e,n=0,r=t.substr(1).split("&");n<r.length;n++)e=r[n].split("="),this[unescape(e[0])]=e.length>1?unescape(e[1]):""}(window.location.search)},pushPattern:function(t,e){var n=r.getFileName(t),o=window.location.pathname;if(o="file"===window.location.protocol?o.replace("/public/index.html","public/"):o.replace(/\/index\.html/,"/"),e!==window.location.protocol+"//"+window.location.host+o+n){var i=JSON.stringify({event:"patternLab.updatePath",path:n});document.querySelector(".pl-js-iframe").contentWindow.postMessage(i,r.targetOrigin)}},popPattern:function(t){var e,n=t.state;if(null!==n){null!==n&&(e=n.currentPattern);var o="";""===(o=this.getFileName(e))&&(o="styleguide/html/styleguide.html");var i=JSON.stringify({event:"patternLab.updatePath",path:o});document.querySelector(".pl-js-iframe").contentWindow.postMessage(i,r.targetOrigin)}else this.skipBack=!1}};window.onpopstate=function(){r.skipBack=!0};var o=n(62);new(n.n(o)());"attachShadow"in Element.prototype&&"getRootNode"in Element.prototype||window.ShadyDOM;var i="file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host;if(window.config){void 0!==window.config.defaultPattern&&"string"==typeof window.config.defaultPattern&&window.config.defaultPattern.trim().length>0?window.config.defaultPattern:"all";var a=r.getRequestVars();void 0===a.p&&void 0===a.pattern||(void 0!==a.p?a.p:a.pattern)}if(void 0!==window.config&&(void 0!==window.config.ishMinimum&&parseInt(window.config.ishMinimum,10),void 0!==window.config.ishMaximum&&parseInt(window.config.ishMaximum,10),void 0!==window.config.ishViewportRange&&(window.config.ishViewportRange.s[0],window.config.ishViewportRange.l[1]),window.config.ishViewportRange&&window.config.ishMaximum)){var c=parseInt(window.config.ishViewportRange.l[1],10),l=parseInt(window.config.ishMaximum,10);c>l?c:l}var u={active:[],targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,onReady:function(){for(var t=document.querySelectorAll(".pl-js-pattern-extra-toggle"),e=function(e){t[e].addEventListener("click",(function(n){var r=t[e].getAttribute("data-patternpartial");u.toggle(r)}))},n=0;n<t.length;n++)e(n)},toggle:function(t){if(void 0!==u.active[t]&&u.active[t])u.highlightsHide(),u.close(t);else{var e=document.getElementById("pl-pattern-data-"+t);u.collectAndSend(e,!0,!1)}},open:function(e,n){var r=document.createElement("div");r.innerHTML=n,n=document.createElement("div").appendChild(r).querySelector("div"),n=t.addClickEvents(n,e),u.active[e]=!0,(r=document.getElementById("pl-pattern-extra-"+e))&&r.childNodes&&r.childNodes.length>0&&r.removeChild(r.childNodes[0]),document.getElementById("pl-pattern-extra-"+e).appendChild(n);var o=document.getElementById("pl-pattern-extra-toggle-"+e);o&&o.classList.add("pl-is-active"),document.getElementById("pl-pattern-extra-"+e).classList.add("pl-is-active")},close:function(t){u.active[t]=!1;var e=document.getElementById("pl-pattern-extra-toggle-"+t);e&&e.classList.remove("pl-is-active"),document.getElementById("pl-pattern-extra-"+t)&&document.getElementById("pl-pattern-extra-"+t).classList.remove("pl-is-active")},collectAndSend:function(t,e,n){if(/\S/.test(t.innerHTML)){var r=JSON.parse(t.innerHTML);if(void 0!==r.patternName){var o=document.querySelector("#"+r.patternPartial+" > .pl-js-pattern-example");r.patternMarkup=null!==o?o.innerHTML:document.querySelector("body").innerHTML,u.patternQueryInfo(r,e,n)}}},highlightsHide:function(t){for(var e=void 0!==t?"#"+t+" > ":"",n=document.querySelectorAll(e+".pl-has-annotation"),r=0;r<n.length;r++)n[r].classList.remove("pl-has-annotation");n=document.querySelectorAll(e+".pl-c-annotation-tip");for(var o=0;o<n.length;o++)n[o].hidden=!0},patternQueryInfo:function(t,e,n){try{var r=JSON.stringify({event:"patternLab.patternQueryInfo",patternData:t,iframePassback:e,switchText:n});window.parent.postMessage(r,u.targetOrigin)}catch(o){}},receiveIframeMessage:function(t){var e=function(e){if("file:"!==window.location.protocol&&e.origin!==window.location.protocol+"//"+window.location.host)return{};try{return"string"!=typeof e.data?e.data:JSON.parse(e.data)}catch(t){return{}}}(t);if(void 0!==e.event&&"patternLab.patternQuery"===e.event)for(var n=document.querySelectorAll(".pl-js-pattern-data"),r=n.length>1,o=0;o<n.length;o++)u.collectAndSend(n[o],r,e.switchText);else if(void 0!==e.event&&"patternLab.patternModalInsert"===e.event)u.open(e.patternPartial,e.modalContent);else if(void 0!==e.event&&"patternLab.annotationsHighlightShow"===e.event){for(var i,a,c,l=0;l<e.annotations.length;l++)if(a=e.annotations[l],(i=document.querySelectorAll(a.el)).length>0)for(var s=0;s<i.length;s++){i[s].classList.add("pl-has-annotation"),(c=document.createElement("span")).innerHTML=a.displayNumber,c.classList.add("pl-c-annotation-tip"),"0px"===window.getComputedStyle(i[s],null).getPropertyValue("max-height")&&(c.hidden=!0);var f=document.querySelector(a.el+" > span.pl-c-annotation-tip");null===f?i[s].insertBefore(c,i[s].firstChild):f.hidden=!1,i[s].onclick=function(t){return function(e){e.preventDefault(),e.stopPropagation();var n=JSON.stringify({event:"patternLab.annotationNumberClicked",displayNumber:t.displayNumber});window.parent.postMessage(n,u.targetOrigin)}}(a)}}else if(void 0!==e.event&&"patternLab.annotationsHighlightHide"===e.event)u.highlightsHide();else if(void 0!==e.event&&"patternLab.patternModalClose"===e.event){var p=[];for(var d in u.active)d&&p.push(d);for(var h=0;h<p.length;h++){var y=p[h];u.active[y]&&u.close(y)}}}};u.onReady(),window.addEventListener("message",u.receiveIframeMessage,!1);var s=n(24),f=n.n(s);if(f().bind("command+shift+f",(function(t){t.preventDefault();try{var e=JSON.stringify({event:"patternLab.keyPress",key:t.key,altKey:t.altKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,shiftKey:t.shiftKey});window.parent.postMessage(e,i)}catch(n){}return!1})),document.addEventListener("click",(function(){try{var t=JSON.stringify({event:"patternLab.pageClick"});window.parent.postMessage(t,i)}catch(e){}})),f().bind("esc",(function(t){try{var e=JSON.stringify({event:"patternLab.keyPress",key:t.key,altKey:t.altKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,shiftKey:t.shiftKey});window.parent.postMessage(e,i)}catch(n){}return!1})),window.self!==window.top){var p={event:"patternLab.pageLoad",path:window.location.toString().split("?")[0],details:{patternData:window.patternData}};p.patternpartial=void 0!==window.patternData.patternPartial?window.patternData.patternPartial:"all",""!==window.patternData.lineage&&(p.lineage=window.patternData.lineage),window.parent.postMessage(p,i);try{var d=new CustomEvent("patternPartial",{detail:{pattern:window.patternData.patternPartial}});window.parent.document.dispatchEvent(d)}catch(h){}}}()}();
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/patternlab-pattern.js.LICENSE.txt b/review/refactor-icon-update/styleguide/js/patternlab-pattern.js.LICENSE.txt
new file mode 100644
index 0000000000..ee6364acfe
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/patternlab-pattern.js.LICENSE.txt
@@ -0,0 +1,23 @@
+/*!
+ * Basic postMessage Support
+ *
+ * Copyright (c) 2013-2016 Dave Olsen, http://dmolsen.com
+ * Licensed under the MIT license
+ *
+ * Handles the postMessage stuff in the pattern, view-all, and style guide templates.
+ *
+ */
+
+/*!
+ * EventEmitter v5.2.9 - git.io/ee
+ * Unlicense - http://unlicense.org/
+ * Oliver Caldwell - https://oli.me.uk/
+ * @preserve
+ */
+
+/*!
+ * clipboard.js v2.0.11
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */
diff --git a/review/refactor-icon-update/styleguide/js/patternlab-pattern.modern.js b/review/refactor-icon-update/styleguide/js/patternlab-pattern.modern.js
new file mode 100644
index 0000000000..fd627d204f
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/patternlab-pattern.modern.js
@@ -0,0 +1,2 @@
+/*! For license information please see patternlab-pattern.modern.js.LICENSE.txt */
+!function(){var t={25:function(){if(window.self!==window.top){const t=document.getElementsByTagName("a");for(let e=0;e<t.length;e++)t[e].onclick=function(t){const e=this.getAttribute("href"),n=this.getAttribute("target");if(void 0===n||"_parent"!==n&&"_blank"!==n){if(!e||"#"===e)return t.preventDefault(),!1;t.preventDefault(),window.location.replace(e)}else;return!0}}window.addEventListener("message",(function(t){if("file:"!==window.location.protocol&&t.origin!==window.location.protocol+"//"+window.location.host)return;let e,n={};try{n="string"!=typeof t.data?t.data:JSON.parse(t.data)}catch(o){}if(void 0!==n.event&&"patternLab.updatePath"===n.event)if(void 0!==window.patternData.patternPartial){const t=/(patterns|snapshots)\/(.*)$/;e=window.location.protocol+"//"+window.location.host+window.location.pathname.replace(t,"")+n.path+"?"+Date.now(),window.location.replace(e)}else e=window.location.protocol+"//"+window.location.host+window.location.pathname.replace("styleguide/html/styleguide.html","")+n.path+"?"+Date.now(),window.location.replace(e);else void 0!==n.event&&"patternLab.reload"===n.event&&window.location.reload()}),!1)},15:function(t){var e;e=function(){return function(){var t={686:function(t,e,n){"use strict";n.d(e,{default:function(){return k}});var o=n(279),r=n.n(o),i=n(370),a=n.n(i),c=n(817),l=n.n(c);function s(t){try{return document.execCommand(t)}catch(e){return!1}}var u=function(t){var e=l()(t);return s("cut"),e},f=function(t,e){var n=function(t){var e="rtl"===document.documentElement.getAttribute("dir"),n=document.createElement("textarea");n.style.fontSize="12pt",n.style.border="0",n.style.padding="0",n.style.margin="0",n.style.position="absolute",n.style[e?"right":"left"]="-9999px";var o=window.pageYOffset||document.documentElement.scrollTop;return n.style.top="".concat(o,"px"),n.setAttribute("readonly",""),n.value=t,n}(t);e.container.appendChild(n);var o=l()(n);return s("copy"),n.remove(),o},p=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body},n="";return"string"==typeof t?n=f(t,e):t instanceof HTMLInputElement&&!["text","search","url","tel","password"].includes(null==t?void 0:t.type)?n=f(t.value,e):(n=l()(t),s("copy")),n};function d(t){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},d(t)}var h=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.action,n=void 0===e?"copy":e,o=t.container,r=t.target,i=t.text;if("copy"!==n&&"cut"!==n)throw new Error('Invalid "action" value, use either "copy" or "cut"');if(void 0!==r){if(!r||"object"!==d(r)||1!==r.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===n&&r.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===n&&(r.hasAttribute("readonly")||r.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes')}return i?p(i,{container:o}):r?"cut"===n?u(r):p(r,{container:o}):void 0};function y(t){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},y(t)}function g(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function v(t,e){return v=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},v(t,e)}function m(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=b(t);if(e){var r=b(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return w(this,n)}}function w(t,e){return!e||"object"!==y(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function b(t){return b=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},b(t)}function E(t,e){var n="data-clipboard-".concat(t);if(e.hasAttribute(n))return e.getAttribute(n)}var L=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&v(t,e)}(i,t);var e,n,o,r=m(i);function i(t,e){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),(n=r.call(this)).resolveOptions(e),n.listenClick(t),n}return e=i,n=[{key:"resolveOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===y(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=a()(t,"click",(function(t){return e.onClick(t)}))}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget,n=this.action(e)||"copy",o=h({action:n,container:this.container,target:this.target(e),text:this.text(e)});this.emit(o?"success":"error",{action:n,text:o,trigger:e,clearSelection:function(){e&&e.focus(),window.getSelection().removeAllRanges()}})}},{key:"defaultAction",value:function(t){return E("action",t)}},{key:"defaultTarget",value:function(t){var e=E("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return E("text",t)}},{key:"destroy",value:function(){this.listener.destroy()}}],o=[{key:"copy",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body};return p(t,e)}},{key:"cut",value:function(t){return u(t)}},{key:"isSupported",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,n=!!document.queryCommandSupported;return e.forEach((function(t){n=n&&!!document.queryCommandSupported(t)})),n}}],n&&g(e.prototype,n),o&&g(e,o),i}(r()),k=L},828:function(t){if("undefined"!=typeof Element&&!Element.prototype.matches){var e=Element.prototype;e.matches=e.matchesSelector||e.mozMatchesSelector||e.msMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector}t.exports=function(t,e){for(;t&&9!==t.nodeType;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}},438:function(t,e,n){var o=n(828);function r(t,e,n,o,r){var a=i.apply(this,arguments);return t.addEventListener(n,a,r),{destroy:function(){t.removeEventListener(n,a,r)}}}function i(t,e,n,r){return function(n){n.delegateTarget=o(n.target,e),n.delegateTarget&&r.call(t,n)}}t.exports=function(t,e,n,o,i){return"function"==typeof t.addEventListener?r.apply(null,arguments):"function"==typeof n?r.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,(function(t){return r(t,e,n,o,i)})))}},879:function(t,e){e.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},e.nodeList=function(t){var n=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===n||"[object HTMLCollection]"===n)&&"length"in t&&(0===t.length||e.node(t[0]))},e.string=function(t){return"string"==typeof t||t instanceof String},e.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},370:function(t,e,n){var o=n(879),r=n(438);t.exports=function(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!o.string(e))throw new TypeError("Second argument must be a String");if(!o.fn(n))throw new TypeError("Third argument must be a Function");if(o.node(t))return function(t,e,n){return t.addEventListener(e,n),{destroy:function(){t.removeEventListener(e,n)}}}(t,e,n);if(o.nodeList(t))return function(t,e,n){return Array.prototype.forEach.call(t,(function(t){t.addEventListener(e,n)})),{destroy:function(){Array.prototype.forEach.call(t,(function(t){t.removeEventListener(e,n)}))}}}(t,e,n);if(o.string(t))return function(t,e,n){return r(document.body,t,e,n)}(t,e,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}},817:function(t){t.exports=function(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var o=window.getSelection(),r=document.createRange();r.selectNodeContents(t),o.removeAllRanges(),o.addRange(r),e=o.toString()}return e}},279:function(t){function e(){}e.prototype={on:function(t,e,n){var o=this.e||(this.e={});return(o[t]||(o[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var o=this;function r(){o.off(t,r),e.apply(n,arguments)}return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),o=0,r=n.length;o<r;o++)n[o].fn.apply(n[o].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),o=n[t],r=[];if(o&&e)for(var i=0,a=o.length;i<a;i++)o[i].fn!==e&&o[i].fn._!==e&&r.push(o[i]);return r.length?n[t]=r:delete n[t],this}},t.exports=e,t.exports.TinyEmitter=e}},e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={exports:{}};return t[o](r,r.exports,n),r.exports}return n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n(686)}().default},t.exports=e()},12:function(t,e,n){var o;!function(r,i,a){if(r){for(var c,l={8:"backspace",9:"tab",13:"enter",16:"shift",17:"ctrl",18:"alt",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"ins",46:"del",91:"meta",93:"meta",224:"meta"},s={106:"*",107:"+",109:"-",110:".",111:"/",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},u={"~":"`","!":"1","@":"2","#":"3",$:"4","%":"5","^":"6","&":"7","*":"8","(":"9",")":"0",_:"-","+":"=",":":";",'"':"'","<":",",">":".","?":"/","|":"\\"},f={option:"alt",command:"meta",return:"enter",escape:"esc",plus:"+",mod:/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"meta":"ctrl"},p=1;p<20;++p)l[111+p]="f"+p;for(p=0;p<=9;++p)l[p+96]=p.toString();w.prototype.bind=function(t,e,n){var o=this;return t=t instanceof Array?t:[t],o._bindMultiple.call(o,t,e,n),o},w.prototype.unbind=function(t,e){return this.bind.call(this,t,(function(){}),e)},w.prototype.trigger=function(t,e){var n=this;return n._directMap[t+":"+e]&&n._directMap[t+":"+e]({},t),n},w.prototype.reset=function(){var t=this;return t._callbacks={},t._directMap={},t},w.prototype.stopCallback=function(t,e){if((" "+e.className+" ").indexOf(" mousetrap ")>-1)return!1;if(m(e,this.target))return!1;if("composedPath"in t&&"function"==typeof t.composedPath){var n=t.composedPath()[0];n!==t.target&&(e=n)}return"INPUT"==e.tagName||"SELECT"==e.tagName||"TEXTAREA"==e.tagName||e.isContentEditable},w.prototype.handleKey=function(){var t=this;return t._handleKey.apply(t,arguments)},w.addKeycodes=function(t){for(var e in t)t.hasOwnProperty(e)&&(l[e]=t[e]);c=null},w.init=function(){var t=w(i);for(var e in t)"_"!==e.charAt(0)&&(w[e]=function(e){return function(){return t[e].apply(t,arguments)}}(e))},w.init(),r.Mousetrap=w,t.exports&&(t.exports=w),void 0===(o=function(){return w}.call(e,n,e,t))||(t.exports=o)}function d(t,e,n){t.addEventListener?t.addEventListener(e,n,!1):t.attachEvent("on"+e,n)}function h(t){if("keypress"==t.type){var e=String.fromCharCode(t.which);return t.shiftKey||(e=e.toLowerCase()),e}return l[t.which]?l[t.which]:s[t.which]?s[t.which]:String.fromCharCode(t.which).toLowerCase()}function y(t){return"shift"==t||"ctrl"==t||"alt"==t||"meta"==t}function g(t,e,n){return n||(n=function(){if(!c)for(var t in c={},l)t>95&&t<112||l.hasOwnProperty(t)&&(c[l[t]]=t);return c}()[t]?"keydown":"keypress"),"keypress"==n&&e.length&&(n="keydown"),n}function v(t,e){var n,o,r,i=[];for(n=function(t){return"+"===t?["+"]:(t=t.replace(/\+{2}/g,"+plus")).split("+")}(t),r=0;r<n.length;++r)o=n[r],f[o]&&(o=f[o]),e&&"keypress"!=e&&u[o]&&(o=u[o],i.push("shift")),y(o)&&i.push(o);return{key:o,modifiers:i,action:e=g(o,i,e)}}function m(t,e){return null!==t&&t!==i&&(t===e||m(t.parentNode,e))}function w(t){var e=this;if(t=t||i,!(e instanceof w))return new w(t);e.target=t,e._callbacks={},e._directMap={};var n,o={},r=!1,a=!1,c=!1;function l(t){t=t||{};var e,n=!1;for(e in o)t[e]?n=!0:o[e]=0;n||(c=!1)}function s(t,n,r,i,a,c){var l,s,u,f,p=[],d=r.type;if(!e._callbacks[t])return[];for("keyup"==d&&y(t)&&(n=[t]),l=0;l<e._callbacks[t].length;++l)if(s=e._callbacks[t][l],(i||!s.seq||o[s.seq]==s.level)&&d==s.action&&("keypress"==d&&!r.metaKey&&!r.ctrlKey||(u=n,f=s.modifiers,u.sort().join(",")===f.sort().join(",")))){var h=!i&&s.combo==a,g=i&&s.seq==i&&s.level==c;(h||g)&&e._callbacks[t].splice(l,1),p.push(s)}return p}function u(t,n,o,r){e.stopCallback(n,n.target||n.srcElement,o,r)||!1===t(n,o)&&(function(t){t.preventDefault?t.preventDefault():t.returnValue=!1}(n),function(t){t.stopPropagation?t.stopPropagation():t.cancelBubble=!0}(n))}function f(t){"number"!=typeof t.which&&(t.which=t.keyCode);var n=h(t);n&&("keyup"!=t.type||r!==n?e.handleKey(n,function(t){var e=[];return t.shiftKey&&e.push("shift"),t.altKey&&e.push("alt"),t.ctrlKey&&e.push("ctrl"),t.metaKey&&e.push("meta"),e}(t),t):r=!1)}function p(t,e,i,a){function s(e){return function(){c=e,++o[t],clearTimeout(n),n=setTimeout(l,1e3)}}function f(e){u(i,e,t),"keyup"!==a&&(r=h(e)),setTimeout(l,10)}o[t]=0;for(var p=0;p<e.length;++p){var d=p+1===e.length?f:s(a||v(e[p+1]).action);g(e[p],d,a,t,p)}}function g(t,n,o,r,i){e._directMap[t+":"+o]=n;var a,c=(t=t.replace(/\s+/g," ")).split(" ");c.length>1?p(t,c,n,o):(a=v(t,o),e._callbacks[a.key]=e._callbacks[a.key]||[],s(a.key,a.modifiers,{type:a.action},r,t,i),e._callbacks[a.key][r?"unshift":"push"]({callback:n,modifiers:a.modifiers,action:a.action,seq:r,level:i,combo:t}))}e._handleKey=function(t,e,n){var o,r=s(t,e,n),i={},f=0,p=!1;for(o=0;o<r.length;++o)r[o].seq&&(f=Math.max(f,r[o].level));for(o=0;o<r.length;++o)if(r[o].seq){if(r[o].level!=f)continue;p=!0,i[r[o].seq]=1,u(r[o].callback,n,r[o].combo,r[o].seq)}else p||u(r[o].callback,n,r[o].combo);var d="keypress"==n.type&&a;n.type!=c||y(t)||d||l(i),a=p&&"keydown"==n.type},e._bindMultiple=function(t,e,n){for(var o=0;o<t.length;++o)g(t[o],e,n)},d(t,"keypress",f),d(t,"keydown",f),d(t,"keyup",f)}}("undefined"!=typeof window?window:null,"undefined"!=typeof window?document:null)},24:function(t,e,n){var o;!function(e){"use strict";function r(){}var i=r.prototype,a=e.EventEmitter;function c(t,e){for(var n=t.length;n--;)if(t[n].listener===e)return n;return-1}function l(t){return function(){return this[t].apply(this,arguments)}}function s(t){return"function"==typeof t||t instanceof RegExp||!(!t||"object"!=typeof t)&&s(t.listener)}i.getListeners=function(t){var e,n,o=this._getEvents();if(t instanceof RegExp)for(n in e={},o)o.hasOwnProperty(n)&&t.test(n)&&(e[n]=o[n]);else e=o[t]||(o[t]=[]);return e},i.flattenListeners=function(t){var e,n=[];for(e=0;e<t.length;e+=1)n.push(t[e].listener);return n},i.getListenersAsObject=function(t){var e,n=this.getListeners(t);return n instanceof Array&&((e={})[t]=n),e||n},i.addListener=function(t,e){if(!s(e))throw new TypeError("listener must be a function");var n,o=this.getListenersAsObject(t),r="object"==typeof e;for(n in o)o.hasOwnProperty(n)&&-1===c(o[n],e)&&o[n].push(r?e:{listener:e,once:!1});return this},i.on=l("addListener"),i.addOnceListener=function(t,e){return this.addListener(t,{listener:e,once:!0})},i.once=l("addOnceListener"),i.defineEvent=function(t){return this.getListeners(t),this},i.defineEvents=function(t){for(var e=0;e<t.length;e+=1)this.defineEvent(t[e]);return this},i.removeListener=function(t,e){var n,o,r=this.getListenersAsObject(t);for(o in r)r.hasOwnProperty(o)&&-1!==(n=c(r[o],e))&&r[o].splice(n,1);return this},i.off=l("removeListener"),i.addListeners=function(t,e){return this.manipulateListeners(!1,t,e)},i.removeListeners=function(t,e){return this.manipulateListeners(!0,t,e)},i.manipulateListeners=function(t,e,n){var o,r,i=t?this.removeListener:this.addListener,a=t?this.removeListeners:this.addListeners;if("object"!=typeof e||e instanceof RegExp)for(o=n.length;o--;)i.call(this,e,n[o]);else for(o in e)e.hasOwnProperty(o)&&(r=e[o])&&("function"==typeof r?i.call(this,o,r):a.call(this,o,r));return this},i.removeEvent=function(t){var e,n=typeof t,o=this._getEvents();if("string"===n)delete o[t];else if(t instanceof RegExp)for(e in o)o.hasOwnProperty(e)&&t.test(e)&&delete o[e];else delete this._events;return this},i.removeAllListeners=l("removeEvent"),i.emitEvent=function(t,e){var n,o,r,i,a=this.getListenersAsObject(t);for(i in a)if(a.hasOwnProperty(i))for(n=a[i].slice(0),r=0;r<n.length;r++)!0===(o=n[r]).once&&this.removeListener(t,o.listener),o.listener.apply(this,e||[])===this._getOnceReturnValue()&&this.removeListener(t,o.listener);return this},i.trigger=l("emitEvent"),i.emit=function(t){var e=Array.prototype.slice.call(arguments,1);return this.emitEvent(t,e)},i.setOnceReturnValue=function(t){return this._onceReturnValue=t,this},i._getOnceReturnValue=function(){return!this.hasOwnProperty("_onceReturnValue")||this._onceReturnValue},i._getEvents=function(){return this._events||(this._events={})},r.noConflict=function(){return e.EventEmitter=a,r},void 0===(o=function(){return r}.call(e,n,e,t))||(t.exports=o)}("undefined"!=typeof window?window:this||{})}},e={};function n(o){var r=e[o];if(void 0!==r)return r.exports;var i=e[o]={exports:{}};return t[o].call(i.exports,i,i.exports,n),i.exports}n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},function(){"use strict";const t={addClickEvents(e,n){const o=e.querySelectorAll(".pl-js-tab-link");for(let r=0;r<o.length;++r)o[r].onclick=function(e){e.preventDefault();const n=this.getAttribute("data-patternpartial"),o=this.getAttribute("data-panelid");t.show(n,o)};return e},show(t,e){const n="pl-is-active-tab",o=document.querySelector(`#pl-${t}-${e}-panel`),r=o.closest(".pl-js-tabs"),i=r.querySelectorAll(".pl-js-tab-link"),a=r.querySelectorAll(".pl-js-tab-panel"),c=r.querySelector(`#pl-${t}-${e}-tab`);for(let l=0;l<i.length;++l)i[l].classList.remove(n);for(let l=0;l<a.length;++l)a[l].classList.remove(n);c.classList.add(n),o.classList.add(n)}};var e=n(15);new(n.n(e)())(".pl-js-code-copy-btn").on("success",(function(t){const e=document.querySelectorAll(".pl-js-code-copy-btn");for(let n=0;n<e.length;n++)e[n].querySelector(".pl-c-code-copy-btn__icon-text").innerText="Copy";t.trigger.classList.add("is-copied"),t.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copied",setTimeout((()=>{t.trigger.classList.remove("is-copied"),t.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copy",t.clearSelection(),t.trigger.blur()}),2e3)}));n(25);const o={skipBack:!1,goBack:!1,iframeElement:document.querySelector(".pl-js-iframe"),targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,getFileName(t,e){const n="patterns";let o="";if(void 0===t)return o;if(void 0===e&&(e=!0),"all"===t)return"styleguide/html/styleguide.html";if("snapshots"===t)return"snapshots/index.html";const r=-1!==t.indexOf("viewall-")?window.viewAllPaths:window.patternPaths,i=t.replace("viewall-",""),a=this.getPatternInfo(i,r),c=a[0],l=a[1];if(void 0!==r[c]&&void 0!==r[c][l])o=r[c][l];else if(void 0!==r[c])for(const u in r[c])if(-1!==u.indexOf(l)){o=r[c][u];break}if(""===o)return o;const s=/\//g;if(-1!==t.indexOf("viewall-")&&0===t.indexOf("viewall-")&&""!==o)o=n+"/"+o.replace(s,"-")+"/index.html";else if(""!==o&&(o=n+"/"+o.replace(s,"-")+"/"+o.replace(s,"-"),e)){o=o+(void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.rendered?window.config.outputFileSuffixes.rendered:"")+".html"}return o},getPatternInfo(t,e){const n=t.split("-");let o=1;const r=n.length;let i=n[0];for(;void 0===e[i]&&o<r;)i+="-"+n[o],o++;return[i,t.slice(i.length+1,t.length)]},getRequestVars(){return new function(t){if(t.length>1)for(let e,n=0,o=t.substr(1).split("&");n<o.length;n++)e=o[n].split("="),this[unescape(e[0])]=e.length>1?unescape(e[1]):""}(window.location.search)},pushPattern(t,e){const n=o.getFileName(t);let r=window.location.pathname;r="file"===window.location.protocol?r.replace("/public/index.html","public/"):r.replace(/\/index\.html/,"/");if(e!==window.location.protocol+"//"+window.location.host+r+n){const t=JSON.stringify({event:"patternLab.updatePath",path:n});document.querySelector(".pl-js-iframe").contentWindow.postMessage(t,o.targetOrigin)}},popPattern(t){let e;const n=t.state;if(null===n)return void(this.skipBack=!1);null!==n&&(e=n.currentPattern);let r="";r=this.getFileName(e),""===r&&(r="styleguide/html/styleguide.html");const i=JSON.stringify({event:"patternLab.updatePath",path:r});document.querySelector(".pl-js-iframe").contentWindow.postMessage(i,o.targetOrigin)}};window.onpopstate=function(){o.skipBack=!0};var r=n(24);new(n.n(r)());"attachShadow"in Element.prototype&&"getRootNode"in Element.prototype||window.ShadyDOM;const i="file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host;let a="";if(window.config){a=void 0!==window.config.defaultPattern&&"string"==typeof window.config.defaultPattern&&window.config.defaultPattern.trim().length>0?window.config.defaultPattern:"all";const t=o.getRequestVars();void 0===t.p&&void 0===t.pattern||(a=void 0!==t.p?t.p:t.pattern)}let c=240,l=2600;if(void 0!==window.config&&(void 0!==window.config.ishMinimum&&(c=parseInt(window.config.ishMinimum,10)),void 0!==window.config.ishMaximum&&(l=parseInt(window.config.ishMaximum,10)),void 0!==window.config.ishViewportRange&&(c=window.config.ishViewportRange.s[0],l=window.config.ishViewportRange.l[1]),window.config.ishViewportRange&&window.config.ishMaximum)){const t=parseInt(window.config.ishViewportRange.l[1],10),e=parseInt(window.config.ishMaximum,10);l=t>e?t:e}const s={active:[],targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,onReady(){const t=document.querySelectorAll(".pl-js-pattern-extra-toggle");for(let e=0;e<t.length;e++)t[e].addEventListener("click",(n=>{const o=t[e].getAttribute("data-patternpartial");s.toggle(o)}))},toggle(t){if(void 0!==s.active[t]&&s.active[t])s.highlightsHide(),s.close(t);else{const e=document.getElementById("pl-pattern-data-"+t);s.collectAndSend(e,!0,!1)}},open(e,n){let o=document.createElement("div");o.innerHTML=n,n=document.createElement("div").appendChild(o).querySelector("div"),n=t.addClickEvents(n,e),s.active[e]=!0,o=document.getElementById("pl-pattern-extra-"+e),o&&o.childNodes&&o.childNodes.length>0&&o.removeChild(o.childNodes[0]),document.getElementById("pl-pattern-extra-"+e).appendChild(n);const r=document.getElementById("pl-pattern-extra-toggle-"+e);r&&r.classList.add("pl-is-active"),document.getElementById("pl-pattern-extra-"+e).classList.add("pl-is-active")},close(t){s.active[t]=!1;const e=document.getElementById("pl-pattern-extra-toggle-"+t);e&&e.classList.remove("pl-is-active"),document.getElementById("pl-pattern-extra-"+t)&&document.getElementById("pl-pattern-extra-"+t).classList.remove("pl-is-active")},collectAndSend(t,e,n){if(/\S/.test(t.innerHTML)){const o=JSON.parse(t.innerHTML);if(void 0!==o.patternName){const t=document.querySelector("#"+o.patternPartial+" > .pl-js-pattern-example");o.patternMarkup=null!==t?t.innerHTML:document.querySelector("body").innerHTML,s.patternQueryInfo(o,e,n)}}},highlightsHide(t){const e=void 0!==t?"#"+t+" > ":"";let n=document.querySelectorAll(e+".pl-has-annotation");for(let o=0;o<n.length;o++)n[o].classList.remove("pl-has-annotation");n=document.querySelectorAll(e+".pl-c-annotation-tip");for(let o=0;o<n.length;o++)n[o].hidden=!0},patternQueryInfo(t,e,n){try{const o=JSON.stringify({event:"patternLab.patternQueryInfo",patternData:t,iframePassback:e,switchText:n});window.parent.postMessage(o,s.targetOrigin)}catch(o){}},receiveIframeMessage(t){const e=function(e){if("file:"!==window.location.protocol&&e.origin!==window.location.protocol+"//"+window.location.host)return{};try{return"string"!=typeof e.data?e.data:JSON.parse(e.data)}catch(t){return{}}}(t);if(void 0!==e.event&&"patternLab.patternQuery"===e.event){const t=document.querySelectorAll(".pl-js-pattern-data"),n=t.length>1;for(let o=0;o<t.length;o++)s.collectAndSend(t[o],n,e.switchText)}else if(void 0!==e.event&&"patternLab.patternModalInsert"===e.event)s.open(e.patternPartial,e.modalContent);else if(void 0!==e.event&&"patternLab.annotationsHighlightShow"===e.event){let t,n,o;for(let r=0;r<e.annotations.length;r++)if(n=e.annotations[r],t=document.querySelectorAll(n.el),t.length>0)for(let e=0;e<t.length;e++){t[e].classList.add("pl-has-annotation"),o=document.createElement("span"),o.innerHTML=n.displayNumber,o.classList.add("pl-c-annotation-tip"),"0px"===window.getComputedStyle(t[e],null).getPropertyValue("max-height")&&(o.hidden=!0);const r=document.querySelector(n.el+" > span.pl-c-annotation-tip");null===r?t[e].insertBefore(o,t[e].firstChild):r.hidden=!1,t[e].onclick=function(t){return function(e){e.preventDefault(),e.stopPropagation();const n=JSON.stringify({event:"patternLab.annotationNumberClicked",displayNumber:t.displayNumber});window.parent.postMessage(n,s.targetOrigin)}}(n)}}else if(void 0!==e.event&&"patternLab.annotationsHighlightHide"===e.event)s.highlightsHide();else if(void 0!==e.event&&"patternLab.patternModalClose"===e.event){const t=[];for(const e in s.active)e&&t.push(e);for(let e=0;e<t.length;e++){const n=t[e];s.active[n]&&s.close(n)}}}};s.onReady(),window.addEventListener("message",s.receiveIframeMessage,!1);var u=n(12),f=n.n(u);function p(t,e){try{window.parent.postMessage(JSON.stringify({event:`patternLab.${e}`,key:t.key,code:t.code}),i)}catch(n){}}if(f().bind("command+shift+f",(function(t){t.preventDefault();try{const e=JSON.stringify({event:"patternLab.keyPress",key:t.key,altKey:t.altKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,shiftKey:t.shiftKey});window.parent.postMessage(e,i)}catch(e){}return!1})),document.addEventListener("click",(function(){try{const t=JSON.stringify({event:"patternLab.pageClick"});window.parent.postMessage(t,i)}catch(t){}})),f().bind("esc",(function(t){try{const e=JSON.stringify({event:"patternLab.keyPress",key:t.key,altKey:t.altKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,shiftKey:t.shiftKey});window.parent.postMessage(e,i)}catch(e){}return!1})),document.addEventListener("keydown",(t=>{p(t,"iframeKeyDownEvent")})),document.addEventListener("keyup",(t=>{p(t,"iframeKeyUpEvent")})),window.self!==window.top){const t={event:"patternLab.pageLoad",path:window.location.toString().split("?")[0],details:{patternData:window.patternData}};t.patternpartial=void 0!==window.patternData.patternPartial?window.patternData.patternPartial:"all",""!==window.patternData.lineage&&(t.lineage=window.patternData.lineage),window.parent.postMessage(t,i);try{const t=new CustomEvent("patternPartial",{detail:{pattern:window.patternData.patternPartial}});window.parent.document.dispatchEvent(t)}catch(d){}}}()}();
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/patternlab-pattern.modern.js.LICENSE.txt b/review/refactor-icon-update/styleguide/js/patternlab-pattern.modern.js.LICENSE.txt
new file mode 100644
index 0000000000..23fa8adb5b
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/patternlab-pattern.modern.js.LICENSE.txt
@@ -0,0 +1,35 @@
+/*!
+ * Basic postMessage Support
+ *
+ * Copyright (c) 2013-2016 Dave Olsen, http://dmolsen.com
+ * Licensed under the MIT license
+ *
+ * Handles the postMessage stuff in the pattern, view-all, and style guide templates.
+ *
+ */
+
+/*!
+ * EventEmitter v5.2.9 - git.io/ee
+ * Unlicense - http://unlicense.org/
+ * Oliver Caldwell - https://oli.me.uk/
+ * @preserve
+ */
+
+/*!
+ * URL Handler
+ *
+ * Copyright (c) 2013-2014 Dave Olsen, http://dmolsen.com
+ * Licensed under the MIT license
+ *
+ * Helps handle the initial iFrame source. Parses a string to see if it matches
+ * an expected pattern in Pattern Lab. Supports Pattern Lab's fuzzy pattern partial
+ * matching style.
+ *
+ */
+
+/*!
+ * clipboard.js v2.0.11
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */
diff --git a/review/refactor-icon-update/styleguide/js/patternlab-viewer.js b/review/refactor-icon-update/styleguide/js/patternlab-viewer.js
new file mode 100644
index 0000000000..8034d7572c
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/patternlab-viewer.js
@@ -0,0 +1,2 @@
+/*! For license information please see patternlab-viewer.js.LICENSE.txt */
+(function(){var __webpack_modules__=[function(t,e,n){var r,o,i;function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}i=function(){"use strict";var t=function(t){var e=t.id,n=t.viewBox,r=t.content;this.id=e,this.viewBox=n,this.content=r};function e(t,e){return t(e={exports:{}},e.exports),e.exports}t.prototype.stringify=function(){return this.content},t.prototype.toString=function(){return this.stringify()},t.prototype.destroy=function(){var t=this;["id","viewBox","content"].forEach((function(e){return delete t[e]}))},"undefined"!=typeof window?window:void 0!==n.g?n.g:"undefined"!=typeof self&&self;var r=e((function(t,e){t.exports=function(){function t(t){return t&&"object"===a(t)&&"[object RegExp]"!==Object.prototype.toString.call(t)&&"[object Date]"!==Object.prototype.toString.call(t)}function e(t){return Array.isArray(t)?[]:{}}function n(n,r){return r&&!0===r.clone&&t(n)?i(e(n),n,r):n}function r(e,r,o){var a=e.slice();return r.forEach((function(r,s){void 0===a[s]?a[s]=n(r,o):t(r)?a[s]=i(e[s],r,o):-1===e.indexOf(r)&&a.push(n(r,o))})),a}function o(e,r,o){var a={};return t(e)&&Object.keys(e).forEach((function(t){a[t]=n(e[t],o)})),Object.keys(r).forEach((function(s){t(r[s])&&e[s]?a[s]=i(e[s],r[s],o):a[s]=n(r[s],o)})),a}function i(t,e,i){var a=Array.isArray(e),s=(i||{arrayMerge:r}).arrayMerge||r;return a?Array.isArray(t)?s(t,e,i):n(e,i):o(t,e,i)}return i.all=function(t,e){if(!Array.isArray(t)||t.length<2)throw new Error("first argument should be an array with at least two elements");return t.reduce((function(t,n){return i(t,n,e)}))},i}()})),o=e((function(t,e){e.default={svg:{name:"xmlns",uri:"http://www.w3.org/2000/svg"},xlink:{name:"xmlns:xlink",uri:"http://www.w3.org/1999/xlink"}},t.exports=e.default})),i=o.svg,s=o.xlink,c={};c[i.name]=i.uri,c[s.name]=s.uri;var l=function(t,e){void 0===t&&(t="");var n=function(t){return Object.keys(t).map((function(e){return e+'="'+t[e].toString().replace(/"/g,"&quot;")+'"'})).join(" ")}(r(c,e||{}));return"<svg "+n+">"+t+"</svg>"},u=function(t){function e(){t.apply(this,arguments)}t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e;var n={isMounted:{}};return n.isMounted.get=function(){return!!this.node},e.createFromExistingNode=function(t){return new e({id:t.getAttribute("id"),viewBox:t.getAttribute("viewBox"),content:t.outerHTML})},e.prototype.destroy=function(){this.isMounted&&this.unmount(),t.prototype.destroy.call(this)},e.prototype.mount=function(t){if(this.isMounted)return this.node;var e="string"==typeof t?document.querySelector(t):t,n=this.render();return this.node=n,e.appendChild(n),n},e.prototype.render=function(){var t=this.stringify();return function(t){var e=!!document.importNode,n=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement;return e?document.importNode(n,!0):n}(l(t)).childNodes[0]},e.prototype.unmount=function(){this.node.parentNode.removeChild(this.node)},Object.defineProperties(e.prototype,n),e}(t);return u},"object"===a(e)?t.exports=i():void 0===(o="function"==typeof(r=i)?r.call(e,n,e,t):r)||(t.exports=o)},function(t,e,n){var r,o,i;function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}i=function(){"use strict";function t(t,e){return t(e={exports:{}},e.exports),e.exports}"undefined"!=typeof window?window:void 0!==n.g?n.g:"undefined"!=typeof self&&self;var e=t((function(t,e){t.exports=function(){function t(t){return t&&"object"===a(t)&&"[object RegExp]"!==Object.prototype.toString.call(t)&&"[object Date]"!==Object.prototype.toString.call(t)}function e(t){return Array.isArray(t)?[]:{}}function n(n,r){return r&&!0===r.clone&&t(n)?i(e(n),n,r):n}function r(e,r,o){var a=e.slice();return r.forEach((function(r,s){void 0===a[s]?a[s]=n(r,o):t(r)?a[s]=i(e[s],r,o):-1===e.indexOf(r)&&a.push(n(r,o))})),a}function o(e,r,o){var a={};return t(e)&&Object.keys(e).forEach((function(t){a[t]=n(e[t],o)})),Object.keys(r).forEach((function(s){t(r[s])&&e[s]?a[s]=i(e[s],r[s],o):a[s]=n(r[s],o)})),a}function i(t,e,i){var a=Array.isArray(e),s=(i||{arrayMerge:r}).arrayMerge||r;return a?Array.isArray(t)?s(t,e,i):n(e,i):o(t,e,i)}return i.all=function(t,e){if(!Array.isArray(t)||t.length<2)throw new Error("first argument should be an array with at least two elements");return t.reduce((function(t,n){return i(t,n,e)}))},i}()})),r=t((function(t,e){e.default={svg:{name:"xmlns",uri:"http://www.w3.org/2000/svg"},xlink:{name:"xmlns:xlink",uri:"http://www.w3.org/1999/xlink"}},t.exports=e.default})),o=r.svg,i=r.xlink,s={};s[o.name]=o.uri,s[i.name]=i.uri;var c,l=function(t,n){void 0===t&&(t="");var r=function(t){return Object.keys(t).map((function(e){return e+'="'+t[e].toString().replace(/"/g,"&quot;")+'"'})).join(" ")}(e(s,n||{}));return"<svg "+r+">"+t+"</svg>"},u=r.svg,f=r.xlink,p={attrs:(c={style:["position: absolute","width: 0","height: 0"].join("; "),"aria-hidden":"true"},c[u.name]=u.uri,c[f.name]=f.uri,c)},d=function(t){this.config=e(p,t||{}),this.symbols=[]};d.prototype.add=function(t){var e=this.symbols,n=this.find(t.id);return n?(e[e.indexOf(n)]=t,!1):(e.push(t),!0)},d.prototype.remove=function(t){var e=this.symbols,n=this.find(t);return!!n&&(e.splice(e.indexOf(n),1),n.destroy(),!0)},d.prototype.find=function(t){return this.symbols.filter((function(e){return e.id===t}))[0]||null},d.prototype.has=function(t){return null!==this.find(t)},d.prototype.stringify=function(){var t=this.config.attrs,e=this.symbols.map((function(t){return t.stringify()})).join("");return l(e,t)},d.prototype.toString=function(){return this.stringify()},d.prototype.destroy=function(){this.symbols.forEach((function(t){return t.destroy()}))};var h=function(t){var e=t.id,n=t.viewBox,r=t.content;this.id=e,this.viewBox=n,this.content=r};h.prototype.stringify=function(){return this.content},h.prototype.toString=function(){return this.stringify()},h.prototype.destroy=function(){var t=this;["id","viewBox","content"].forEach((function(e){return delete t[e]}))};var y=function(t){var e=!!document.importNode,n=(new DOMParser).parseFromString(t,"image/svg+xml").documentElement;return e?document.importNode(n,!0):n},m=function(t){function e(){t.apply(this,arguments)}t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e;var n={isMounted:{}};return n.isMounted.get=function(){return!!this.node},e.createFromExistingNode=function(t){return new e({id:t.getAttribute("id"),viewBox:t.getAttribute("viewBox"),content:t.outerHTML})},e.prototype.destroy=function(){this.isMounted&&this.unmount(),t.prototype.destroy.call(this)},e.prototype.mount=function(t){if(this.isMounted)return this.node;var e="string"==typeof t?document.querySelector(t):t,n=this.render();return this.node=n,e.appendChild(n),n},e.prototype.render=function(){var t=this.stringify();return y(l(t)).childNodes[0]},e.prototype.unmount=function(){this.node.parentNode.removeChild(this.node)},Object.defineProperties(e.prototype,n),e}(h),v={autoConfigure:!0,mountTo:"body",syncUrlsWithBaseTag:!1,listenLocationChangeEvent:!0,locationChangeEvent:"locationChange",locationChangeAngularEmitter:!1,usagesToUpdate:"use[*|href]",moveGradientsOutsideSymbol:!1},g=function(t){return Array.prototype.slice.call(t,0)},b=function(){return/firefox/i.test(navigator.userAgent)},_=function(){return/msie/i.test(navigator.userAgent)||/trident/i.test(navigator.userAgent)},A=function(){return/edge/i.test(navigator.userAgent)},w=function(t){return(t||window.location.href).split("#")[0]},C=function(t){angular.module("ng").run(["$rootScope",function(e){e.$on("$locationChangeSuccess",(function(e,n,r){!function(t,e){var n=document.createEvent("CustomEvent");n.initCustomEvent(t,!1,!1,e),window.dispatchEvent(n)}(t,{oldUrl:r,newUrl:n})}))}])},S=function(t,e){return void 0===e&&(e="linearGradient, radialGradient, pattern, mask, clipPath"),g(t.querySelectorAll("symbol")).forEach((function(t){g(t.querySelectorAll(e)).forEach((function(e){t.parentNode.insertBefore(e,t)}))})),t},x=r.xlink.uri,k="xlink:href",E=/[{}|\\\^\[\]`"<>]/g;function O(t){return t.replace(E,(function(t){return"%"+t[0].charCodeAt(0).toString(16).toUpperCase()}))}var B,P=["clipPath","colorProfile","src","cursor","fill","filter","marker","markerStart","markerMid","markerEnd","mask","stroke","style"],j=P.map((function(t){return"["+t+"]"})).join(","),T=function(t,e,n,r){var o=O(n),i=O(r),a=function(t,e){return g(t).reduce((function(t,n){if(!n.attributes)return t;var r=g(n.attributes),o=e?r.filter(e):r;return t.concat(o)}),[])}(t.querySelectorAll(j),(function(t){var e=t.localName,n=t.value;return-1!==P.indexOf(e)&&-1!==n.indexOf("url("+o)}));a.forEach((function(t){return t.value=t.value.replace(new RegExp(o.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"g"),i)})),function(t,e,n){g(t).forEach((function(t){var r=t.getAttribute(k);if(r&&0===r.indexOf(e)){var o=r.replace(e,n);t.setAttributeNS(x,k,o)}}))}(e,o,i)},N="mount",M="symbol_mount",L=function(t){function n(n){var r=this;void 0===n&&(n={}),t.call(this,e(v,n));var o,i=(o=o||Object.create(null),{on:function(t,e){(o[t]||(o[t]=[])).push(e)},off:function(t,e){o[t]&&o[t].splice(o[t].indexOf(e)>>>0,1)},emit:function(t,e){(o[t]||[]).map((function(t){t(e)})),(o["*"]||[]).map((function(n){n(t,e)}))}});this._emitter=i,this.node=null;var a=this.config;if(a.autoConfigure&&this._autoConfigure(n),a.syncUrlsWithBaseTag){var s=document.getElementsByTagName("base")[0].getAttribute("href");i.on(N,(function(){return r.updateUrls("#",s)}))}var c=this._handleLocationChange.bind(this);this._handleLocationChange=c,a.listenLocationChangeEvent&&window.addEventListener(a.locationChangeEvent,c),a.locationChangeAngularEmitter&&C(a.locationChangeEvent),i.on(N,(function(t){a.moveGradientsOutsideSymbol&&S(t)})),i.on(M,(function(t){var e;a.moveGradientsOutsideSymbol&&S(t.parentNode),(_()||A())&&(e=[],g(t.querySelectorAll("style")).forEach((function(t){t.textContent+="",e.push(t)})))}))}t&&(n.__proto__=t),n.prototype=Object.create(t&&t.prototype),n.prototype.constructor=n;var r={isMounted:{}};return r.isMounted.get=function(){return!!this.node},n.prototype._autoConfigure=function(t){var e=this.config;void 0===t.syncUrlsWithBaseTag&&(e.syncUrlsWithBaseTag=void 0!==document.getElementsByTagName("base")[0]),void 0===t.locationChangeAngularEmitter&&(e.locationChangeAngularEmitter=void 0!==window.angular),void 0===t.moveGradientsOutsideSymbol&&(e.moveGradientsOutsideSymbol=b())},n.prototype._handleLocationChange=function(t){var e=t.detail,n=e.oldUrl,r=e.newUrl;this.updateUrls(n,r)},n.prototype.add=function(e){var n=t.prototype.add.call(this,e);return this.isMounted&&n&&(e.mount(this.node),this._emitter.emit(M,e.node)),n},n.prototype.attach=function(t){var e=this,n=this;if(n.isMounted)return n.node;var r="string"==typeof t?document.querySelector(t):t;return n.node=r,this.symbols.forEach((function(t){t.mount(n.node),e._emitter.emit(M,t.node)})),g(r.querySelectorAll("symbol")).forEach((function(t){var e=m.createFromExistingNode(t);e.node=t,n.add(e)})),this._emitter.emit(N,r),r},n.prototype.destroy=function(){var t=this,e=t.config,n=t.symbols,r=t._emitter;n.forEach((function(t){return t.destroy()})),r.off("*"),window.removeEventListener(e.locationChangeEvent,this._handleLocationChange),this.isMounted&&this.unmount()},n.prototype.mount=function(t,e){void 0===t&&(t=this.config.mountTo),void 0===e&&(e=!1);var n=this;if(n.isMounted)return n.node;var r="string"==typeof t?document.querySelector(t):t,o=n.render();return this.node=o,e&&r.childNodes[0]?r.insertBefore(o,r.childNodes[0]):r.appendChild(o),this._emitter.emit(N,o),o},n.prototype.render=function(){return y(this.stringify())},n.prototype.unmount=function(){this.node.parentNode.removeChild(this.node)},n.prototype.updateUrls=function(t,e){if(!this.isMounted)return!1;var n=document.querySelectorAll(this.config.usagesToUpdate);return T(this.node,n,w(t)+"#",w(e)+"#"),!0},Object.defineProperties(n.prototype,r),n}(d),R=t((function(t){var e,n,r,o,i,a;t.exports=(n=[],r=document,o=r.documentElement.doScroll,i="DOMContentLoaded",(a=(o?/^loaded|^c/:/^loaded|^i|^c/).test(r.readyState))||r.addEventListener(i,e=function(){for(r.removeEventListener(i,e),a=1;e=n.shift();)e()}),function(t){a?setTimeout(t,0):n.push(t)})})),D="__SVG_SPRITE_NODE__",q="__SVG_SPRITE__";window[q]?B=window[q]:(B=new L({attrs:{id:D,"aria-hidden":"true"}}),window[q]=B);var I=function(){var t=document.getElementById(D);t?B.attach(t):B.mount(document.body,!0)};return document.body?I():R(I),B},"object"===a(e)?t.exports=i():void 0===(o="function"==typeof(r=i)?r.call(e,n,e,t):r)||(t.exports=o)},function(t,e,n){var r=n(105),o=r.all;t.exports=r.IS_HTMLDDA?function(t){return"function"==typeof t||t===o}:function(t){return"function"==typeof t}},function(t,e,n){function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var o=n(4),i=n(79).f,a=n(45),s=n(31),c=n(85),l=n(175),u=n(118);t.exports=function(t,e){var n,f,p,d,h,y=t.target,m=t.global,v=t.stat;if(n=m?o:v?o[y]||c(y,{}):(o[y]||{}).prototype)for(f in e){if(d=e[f],p=t.dontCallGetSet?(h=i(n,f))&&h.value:n[f],!u(m?f:y+(v?".":"#")+f,t.forced)&&void 0!==p){if(r(d)==r(p))continue;l(d,p)}(t.sham||p&&p.sham)&&a(d,"sham",!0),s(n,f,d,t)}}},function(t,e,n){function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var o=function(t){return t&&t.Math==Math&&t};t.exports=o("object"==("undefined"==typeof globalThis?"undefined":r(globalThis))&&globalThis)||o("object"==("undefined"==typeof window?"undefined":r(window))&&window)||o("object"==("undefined"==typeof self?"undefined":r(self))&&self)||o("object"==(void 0===n.g?"undefined":r(n.g))&&n.g)||function(){return this}()||Function("return this")()},function(t,e,n){var r=n(4),o=n(110),i=n(22),a=n(111),s=n(108),c=n(107),l=o("wks"),u=r.Symbol,f=u&&u.for,p=c?u:u&&u.withoutSetter||a;t.exports=function(t){if(!i(l,t)||!s&&"string"!=typeof l[t]){var e="Symbol."+t;s&&i(u,t)?l[t]=u[t]:l[t]=c&&f?f(e):p(e)}return l[t]}},function(t,e,n){var r=n(63),o=Function.prototype,i=o.call,a=r&&o.bind.bind(i,i);t.exports=r?a:function(t){return function(){return i.apply(t,arguments)}}},function(t){t.exports=function(t){try{return!!t()}catch(e){return!0}}},function(t){"use strict";var e=[];function n(t){for(var n=-1,r=0;r<e.length;r++)if(e[r].identifier===t){n=r;break}return n}function r(t,r){for(var i={},a=[],s=0;s<t.length;s++){var c=t[s],l=r.base?c[0]+r.base:c[0],u=i[l]||0,f="".concat(l," ").concat(u);i[l]=u+1;var p=n(f),d={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==p)e[p].references++,e[p].updater(d);else{var h=o(d,r);r.byIndex=s,e.splice(s,0,{identifier:f,updater:h,references:1})}a.push(f)}return a}function o(t,e){var n=e.domAPI(e);n.update(t);return function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap&&e.supports===t.supports&&e.layer===t.layer)return;n.update(t=e)}else n.remove()}}t.exports=function(t,o){var i=r(t=t||[],o=o||{});return function(t){t=t||[];for(var a=0;a<i.length;a++){var s=n(i[a]);e[s].references--}for(var c=r(t,o),l=0;l<i.length;l++){var u=n(i[l]);0===e[u].references&&(e[u].updater(),e.splice(u,1))}i=c}}},function(t){"use strict";var e,n=(e=[],function(t,n){return e[t]=n,e.filter(Boolean).join("\n")});function r(t,e,r,o){var i;if(r)i="";else{i="",o.supports&&(i+="@supports (".concat(o.supports,") {")),o.media&&(i+="@media ".concat(o.media," {"));var a=void 0!==o.layer;a&&(i+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),i+=o.css,a&&(i+="}"),o.media&&(i+="}"),o.supports&&(i+="}")}if(t.styleSheet)t.styleSheet.cssText=n(e,i);else{var s=document.createTextNode(i),c=t.childNodes;c[e]&&t.removeChild(c[e]),c.length?t.insertBefore(s,c[e]):t.appendChild(s)}}var o={singleton:null,singletonCounter:0};t.exports=function(t){var e=o.singletonCounter++,n=o.singleton||(o.singleton=t.insertStyleElement(t));return{update:function(t){r(n,e,!1,t)},remove:function(t){r(n,e,!0,t)}}}},function(t){"use strict";var e={};t.exports=function(t,n){var r=function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(r){n=null}e[t]=n}return e[t]}(t);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},function(t,e,n){"use strict";t.exports=function(t){var e=n.nc;e&&t.setAttribute("nonce",e)}},function(t){"use strict";t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},function(t){"use strict";t.exports=function(t){var e=t[1],n=t[3];if(!n)return e;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),i="/*# ".concat(o," */");return[e].concat([i]).join("\n")}return[e].join("\n")}},function(t){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",r=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),r&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),r&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,r,o,i){"string"==typeof t&&(t=[[null,t,void 0]]);var a={};if(r)for(var s=0;s<this.length;s++){var c=this[s][0];null!=c&&(a[c]=!0)}for(var l=0;l<t.length;l++){var u=[].concat(t[l]);r&&a[u[0]]||(void 0!==i&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=i),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),e.push(u))}},e}},function(t,e,n){"use strict";n.d(e,{HY:function(){return v},Tm:function(){return I},Vf:function(){return m},YM:function(){return o},ZB:function(){return q},az:function(){return h},bR:function(){return x},h:function(){return h},kr:function(){return U},sY:function(){return D},wA:function(){return g}});var r,o,i,a,s,c,l={},u=[],f=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function p(t,e){for(var n in e)t[n]=e[n];return t}function d(t){var e=t.parentNode;e&&e.removeChild(t)}function h(t,e,n){var o,i,a,s={};for(a in e)"key"==a?o=e[a]:"ref"==a?i=e[a]:s[a]=e[a];if(arguments.length>2&&(s.children=arguments.length>3?r.call(arguments,2):n),"function"==typeof t&&null!=t.defaultProps)for(a in t.defaultProps)void 0===s[a]&&(s[a]=t.defaultProps[a]);return y(t,s,o,i,null)}function y(t,e,n,r,a){var s={type:t,props:e,key:n,ref:r,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==a?++i:a};return null==a&&null!=o.vnode&&o.vnode(s),s}function m(){return{current:null}}function v(t){return t.children}function g(t,e){this.props=t,this.context=e}function b(t,e){if(null==e)return t.__?b(t.__,t.__.__k.indexOf(t)+1):null;for(var n;e<t.__k.length;e++)if(null!=(n=t.__k[e])&&null!=n.__e)return n.__e;return"function"==typeof t.type?b(t):null}function _(t){var e,n;if(null!=(t=t.__)&&null!=t.__c){for(t.__e=t.__c.base=null,e=0;e<t.__k.length;e++)if(null!=(n=t.__k[e])&&null!=n.__e){t.__e=t.__c.base=n.__e;break}return _(t)}}function A(t){(!t.__d&&(t.__d=!0)&&a.push(t)&&!w.__r++||s!==o.debounceRendering)&&((s=o.debounceRendering)||setTimeout)(w)}function w(){for(var t;w.__r=a.length;)t=a.sort((function(t,e){return t.__v.__b-e.__v.__b})),a=[],t.some((function(t){var e,n,r,o,i,a;t.__d&&(i=(o=(e=t).__v).__e,(a=e.__P)&&(n=[],(r=p({},o)).__v=o.__v+1,j(a,o,r,e.__n,void 0!==a.ownerSVGElement,null!=o.__h?[i]:null,n,null==i?b(o):i,o.__h),T(n,o),o.__e!=i&&_(o)))}))}function C(t,e,n,r,o,i,a,s,c,f){var p,d,h,m,g,_,A,w=r&&r.__k||u,C=w.length;for(n.__k=[],p=0;p<e.length;p++)if(null!=(m=n.__k[p]=null==(m=e[p])||"boolean"==typeof m?null:"string"==typeof m||"number"==typeof m||"bigint"==typeof m?y(null,m,null,null,m):Array.isArray(m)?y(v,{children:m},null,null,null):m.__b>0?y(m.type,m.props,m.key,m.ref?m.ref:null,m.__v):m)){if(m.__=n,m.__b=n.__b+1,null===(h=w[p])||h&&m.key==h.key&&m.type===h.type)w[p]=void 0;else for(d=0;d<C;d++){if((h=w[d])&&m.key==h.key&&m.type===h.type){w[d]=void 0;break}h=null}j(t,m,h=h||l,o,i,a,s,c,f),g=m.__e,(d=m.ref)&&h.ref!=d&&(A||(A=[]),h.ref&&A.push(h.ref,null,m),A.push(d,m.__c||g,m)),null!=g?(null==_&&(_=g),"function"==typeof m.type&&m.__k===h.__k?m.__d=c=S(m,c,t):c=k(t,m,h,w,g,c),"function"==typeof n.type&&(n.__d=c)):c&&h.__e==c&&c.parentNode!=t&&(c=b(h))}for(n.__e=_,p=C;p--;)null!=w[p]&&L(w[p],w[p]);if(A)for(p=0;p<A.length;p++)M(A[p],A[++p],A[++p])}function S(t,e,n){for(var r,o=t.__k,i=0;o&&i<o.length;i++)(r=o[i])&&(r.__=t,e="function"==typeof r.type?S(r,e,n):k(n,r,r,o,r.__e,e));return e}function x(t,e){return e=e||[],null==t||"boolean"==typeof t||(Array.isArray(t)?t.some((function(t){x(t,e)})):e.push(t)),e}function k(t,e,n,r,o,i){var a,s,c;if(void 0!==e.__d)a=e.__d,e.__d=void 0;else if(null==n||o!=i||null==o.parentNode)t:if(null==i||i.parentNode!==t)t.appendChild(o),a=null;else{for(s=i,c=0;(s=s.nextSibling)&&c<r.length;c+=1)if(s==o)break t;t.insertBefore(o,i),a=i}return void 0!==a?a:o.nextSibling}function E(t,e,n){"-"===e[0]?t.setProperty(e,n):t[e]=null==n?"":"number"!=typeof n||f.test(e)?n:n+"px"}function O(t,e,n,r,o){var i;t:if("style"===e)if("string"==typeof n)t.style.cssText=n;else{if("string"==typeof r&&(t.style.cssText=r=""),r)for(e in r)n&&e in n||E(t.style,e,"");if(n)for(e in n)r&&n[e]===r[e]||E(t.style,e,n[e])}else if("o"===e[0]&&"n"===e[1])i=e!==(e=e.replace(/Capture$/,"")),e=e.toLowerCase()in t?e.toLowerCase().slice(2):e.slice(2),t.l||(t.l={}),t.l[e+i]=n,n?r||t.addEventListener(e,i?P:B,i):t.removeEventListener(e,i?P:B,i);else if("dangerouslySetInnerHTML"!==e){if(o)e=e.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("href"!==e&&"list"!==e&&"form"!==e&&"tabIndex"!==e&&"download"!==e&&e in t)try{t[e]=null==n?"":n;break t}catch(t){}"function"==typeof n||(null==n||!1===n&&-1==e.indexOf("-")?t.removeAttribute(e):t.setAttribute(e,n))}}function B(t){this.l[t.type+!1](o.event?o.event(t):t)}function P(t){this.l[t.type+!0](o.event?o.event(t):t)}function j(t,e,n,r,i,a,s,c,l){var u,f,d,h,y,m,b,_,A,w,S,x,k,E,O,B=e.type;if(void 0!==e.constructor)return null;null!=n.__h&&(l=n.__h,c=e.__e=n.__e,e.__h=null,a=[c]),(u=o.__b)&&u(e);try{t:if("function"==typeof B){if(_=e.props,A=(u=B.contextType)&&r[u.__c],w=u?A?A.props.value:u.__:r,n.__c?b=(f=e.__c=n.__c).__=f.__E:("prototype"in B&&B.prototype.render?e.__c=f=new B(_,w):(e.__c=f=new g(_,w),f.constructor=B,f.render=R),A&&A.sub(f),f.props=_,f.state||(f.state={}),f.context=w,f.__n=r,d=f.__d=!0,f.__h=[],f._sb=[]),null==f.__s&&(f.__s=f.state),null!=B.getDerivedStateFromProps&&(f.__s==f.state&&(f.__s=p({},f.__s)),p(f.__s,B.getDerivedStateFromProps(_,f.__s))),h=f.props,y=f.state,d)null==B.getDerivedStateFromProps&&null!=f.componentWillMount&&f.componentWillMount(),null!=f.componentDidMount&&f.__h.push(f.componentDidMount);else{if(null==B.getDerivedStateFromProps&&_!==h&&null!=f.componentWillReceiveProps&&f.componentWillReceiveProps(_,w),!f.__e&&null!=f.shouldComponentUpdate&&!1===f.shouldComponentUpdate(_,f.__s,w)||e.__v===n.__v){for(f.props=_,f.state=f.__s,e.__v!==n.__v&&(f.__d=!1),f.__v=e,e.__e=n.__e,e.__k=n.__k,e.__k.forEach((function(t){t&&(t.__=e)})),S=0;S<f._sb.length;S++)f.__h.push(f._sb[S]);f._sb=[],f.__h.length&&s.push(f);break t}null!=f.componentWillUpdate&&f.componentWillUpdate(_,f.__s,w),null!=f.componentDidUpdate&&f.__h.push((function(){f.componentDidUpdate(h,y,m)}))}if(f.context=w,f.props=_,f.__v=e,f.__P=t,x=o.__r,k=0,"prototype"in B&&B.prototype.render){for(f.state=f.__s,f.__d=!1,x&&x(e),u=f.render(f.props,f.state,f.context),E=0;E<f._sb.length;E++)f.__h.push(f._sb[E]);f._sb=[]}else do{f.__d=!1,x&&x(e),u=f.render(f.props,f.state,f.context),f.state=f.__s}while(f.__d&&++k<25);f.state=f.__s,null!=f.getChildContext&&(r=p(p({},r),f.getChildContext())),d||null==f.getSnapshotBeforeUpdate||(m=f.getSnapshotBeforeUpdate(h,y)),O=null!=u&&u.type===v&&null==u.key?u.props.children:u,C(t,Array.isArray(O)?O:[O],e,n,r,i,a,s,c,l),f.base=e.__e,e.__h=null,f.__h.length&&s.push(f),b&&(f.__E=f.__=null),f.__e=!1}else null==a&&e.__v===n.__v?(e.__k=n.__k,e.__e=n.__e):e.__e=N(n.__e,e,n,r,i,a,s,l);(u=o.diffed)&&u(e)}catch(t){e.__v=null,(l||null!=a)&&(e.__e=c,e.__h=!!l,a[a.indexOf(c)]=null),o.__e(t,e,n)}}function T(t,e){o.__c&&o.__c(e,t),t.some((function(e){try{t=e.__h,e.__h=[],t.some((function(t){t.call(e)}))}catch(t){o.__e(t,e.__v)}}))}function N(t,e,n,o,i,a,s,c){var u,f,p,h=n.props,y=e.props,m=e.type,v=0;if("svg"===m&&(i=!0),null!=a)for(;v<a.length;v++)if((u=a[v])&&"setAttribute"in u==!!m&&(m?u.localName===m:3===u.nodeType)){t=u,a[v]=null;break}if(null==t){if(null===m)return document.createTextNode(y);t=i?document.createElementNS("http://www.w3.org/2000/svg",m):document.createElement(m,y.is&&y),a=null,c=!1}if(null===m)h===y||c&&t.data===y||(t.data=y);else{if(a=a&&r.call(t.childNodes),f=(h=n.props||l).dangerouslySetInnerHTML,p=y.dangerouslySetInnerHTML,!c){if(null!=a)for(h={},v=0;v<t.attributes.length;v++)h[t.attributes[v].name]=t.attributes[v].value;(p||f)&&(p&&(f&&p.__html==f.__html||p.__html===t.innerHTML)||(t.innerHTML=p&&p.__html||""))}if(function(t,e,n,r,o){var i;for(i in n)"children"===i||"key"===i||i in e||O(t,i,null,n[i],r);for(i in e)o&&"function"!=typeof e[i]||"children"===i||"key"===i||"value"===i||"checked"===i||n[i]===e[i]||O(t,i,e[i],n[i],r)}(t,y,h,i,c),p)e.__k=[];else if(v=e.props.children,C(t,Array.isArray(v)?v:[v],e,n,o,i&&"foreignObject"!==m,a,s,a?a[0]:n.__k&&b(n,0),c),null!=a)for(v=a.length;v--;)null!=a[v]&&d(a[v]);c||("value"in y&&void 0!==(v=y.value)&&(v!==t.value||"progress"===m&&!v||"option"===m&&v!==h.value)&&O(t,"value",v,h.value,!1),"checked"in y&&void 0!==(v=y.checked)&&v!==t.checked&&O(t,"checked",v,h.checked,!1))}return t}function M(t,e,n){try{"function"==typeof t?t(e):t.current=e}catch(t){o.__e(t,n)}}function L(t,e,n){var r,i;if(o.unmount&&o.unmount(t),(r=t.ref)&&(r.current&&r.current!==t.__e||M(r,null,e)),null!=(r=t.__c)){if(r.componentWillUnmount)try{r.componentWillUnmount()}catch(t){o.__e(t,e)}r.base=r.__P=null,t.__c=void 0}if(r=t.__k)for(i=0;i<r.length;i++)r[i]&&L(r[i],e,n||"function"!=typeof t.type);n||null==t.__e||d(t.__e),t.__=t.__e=t.__d=void 0}function R(t,e,n){return this.constructor(t,n)}function D(t,e,n){var i,a,s;o.__&&o.__(t,e),a=(i="function"==typeof n)?null:n&&n.__k||e.__k,s=[],j(e,t=(!i&&n||e).__k=h(v,null,[t]),a||l,l,void 0!==e.ownerSVGElement,!i&&n?[n]:a?null:e.firstChild?r.call(e.childNodes):null,s,!i&&n?n:a?a.__e:e.firstChild,i),T(s,t)}function q(t,e){D(t,e,q)}function I(t,e,n){var o,i,a,s=p({},t.props);for(a in e)"key"==a?o=e[a]:"ref"==a?i=e[a]:s[a]=e[a];return arguments.length>2&&(s.children=arguments.length>3?r.call(arguments,2):n),y(t.type,s,o||t.key,i||t.ref,null)}function U(t,e){var n={__c:e="__cC"+c++,__:t,Consumer:function(t,e){return t.children(e)},Provider:function(t){var n,r;return this.getChildContext||(n=[],(r={})[e]=this,this.getChildContext=function(){return r},this.shouldComponentUpdate=function(t){this.props.value!==t.value&&n.some(A)},this.sub=function(t){n.push(t);var e=t.componentWillUnmount;t.componentWillUnmount=function(){n.splice(n.indexOf(t),1),e&&e.call(t)}}),t.children}};return n.Provider.__=n.Consumer.contextType=n}r=u.slice,o={__e:function(t,e,n,r){for(var o,i,a;e=e.__;)if((o=e.__c)&&!o.__)try{if((i=o.constructor)&&null!=i.getDerivedStateFromError&&(o.setState(i.getDerivedStateFromError(t)),a=o.__d),null!=o.componentDidCatch&&(o.componentDidCatch(t,r||{}),a=o.__d),a)return o.__E=o}catch(e){t=e}throw t}},i=0,g.prototype.setState=function(t,e){var n;n=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=p({},this.state),"function"==typeof t&&(t=t(p({},n),this.props)),t&&p(n,t),null!=t&&this.__v&&(e&&this._sb.push(e),A(this))},g.prototype.forceUpdate=function(t){this.__v&&(this.__e=!0,t&&this.__h.push(t),A(this))},g.prototype.render=v,a=[],w.__r=0,c=0},function(t,e,n){var r=n(63),o=Function.prototype.call;t.exports=r?o.bind(o):function(){return o.apply(o,arguments)}},function(t,e,n){"use strict";function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function o(t){var e=function(t,e){if("object"!==r(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e||"default");if("object"!==r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"===r(e)?e:String(e)}function i(t,e,n){return(e=o(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function a(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function s(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?a(Object(n),!0).forEach((function(e){i(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}function l(t){return"Minified Redux error #"+t+"; visit https://redux.js.org/Errors?code="+t+" for the full message or use the non-minified dev environment for full errors. "}n.d(e,{h:function(){return x}});var u="function"==typeof Symbol&&Symbol.observable||"@@observable",f=function(){return Math.random().toString(36).substring(7).split("").join(".")},p={INIT:"@@redux/INIT"+f(),REPLACE:"@@redux/REPLACE"+f(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+f()}};function d(t){if("object"!==c(t)||null===t)return!1;for(var e=t;null!==Object.getPrototypeOf(e);)e=Object.getPrototypeOf(e);return Object.getPrototypeOf(t)===e}function h(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return 0===e.length?function(t){return t}:1===e.length?e[0]:e.reduce((function(t,e){return function(){return t(e.apply(void 0,arguments))}}))}function y(t){return function(e){var n=e.dispatch,r=e.getState;return function(e){return function(o){return"function"==typeof o?o(n,r,t):e(o)}}}}var m=y();m.withExtraArgument=y;var v=m,g=n(410);function b(t){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},b(t)}function _(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function A(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_(Object(n),!0).forEach((function(e){w(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function w(t,e,n){return(e=function(t){var e=function(t,e){if("object"!==b(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"===b(e)?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var C=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1?arguments[1]:void 0;switch(e.type){case g.fH:return A(A({},t),{},{layoutMode:e.layoutMode});case g.lW:return A(A({},t),{},{currentUrl:e.currentUrl});case g.IX:return A(A({},t),{},{currentPattern:e.currentPattern});case g.HO:return A(A({},t),{},{viewportPx:e.viewportPx});case g.Yf:return A(A({},t),{},{viewportEm:e.viewportEm});case g.pu:return A(A({},t),{},{themeMode:e.themeMode});case g.c5:return A(A({},t),{},{drawerOpened:e.opened});case g.cf:return A(A({},t),{},{drawerHeight:e.height});case g.y$:return A(A({},t),{},{drawerIsAnimating:e.drawerIsAnimating});case g.aR:return A(A({},t),{},{isViewallPage:e.isViewall});default:return t}},S=window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__||h,x=function t(e,n,r){var o;if("function"==typeof n&&"function"==typeof r||"function"==typeof r&&"function"==typeof arguments[3])throw new Error(l(0));if("function"==typeof n&&void 0===r&&(r=n,n=void 0),void 0!==r){if("function"!=typeof r)throw new Error(l(1));return r(t)(e,n)}if("function"!=typeof e)throw new Error(l(2));var i=e,a=n,s=[],f=s,h=!1;function y(){f===s&&(f=s.slice())}function m(){if(h)throw new Error(l(3));return a}function v(t){if("function"!=typeof t)throw new Error(l(4));if(h)throw new Error(l(5));var e=!0;return y(),f.push(t),function(){if(e){if(h)throw new Error(l(6));e=!1,y();var n=f.indexOf(t);f.splice(n,1),s=null}}}function g(t){if(!d(t))throw new Error(l(7));if(void 0===t.type)throw new Error(l(8));if(h)throw new Error(l(9));try{h=!0,a=i(a,t)}finally{h=!1}for(var e=s=f,n=0;n<e.length;n++){(0,e[n])()}return t}function b(t){if("function"!=typeof t)throw new Error(l(10));i=t,g({type:p.REPLACE})}function _(){var t,e=v;return(t={subscribe:function(t){if("object"!==c(t)||null===t)throw new Error(l(11));function n(){t.next&&t.next(m())}return n(),{unsubscribe:e(n)}}})[u]=function(){return this},t}return g({type:p.INIT}),(o={dispatch:g,subscribe:v,getState:m,replaceReducer:b})[u]=_,o}((function(t,e){return t}),function(){var t;"#debug"===window.location.hash?t="{}":"#reset"===window.location.hash?(localStorage.removeItem("patternlab"),t={}):t=localStorage.getItem("patternlab")||"{}";var e=JSON.parse(t);if(e){if(e.app||(e.app={}),window.__PRERENDER_INJECTED||void 0===e.app.drawerOpened&&(e.app.drawerOpened=window.config.defaultShowPatternInfo||!1),e.app.drawerHeight&&!e.app.drawerOpened?e.app.appHeight=window.innerHeight:e.app.drawerHeight&&e.app.drawerOpened&&(e.app.appHeight=window.innerHeight-e.app.drawerHeight),void 0===e.app.themeMode)try{void 0!==window.config.theme.color&&(e.app.themeMode=window.config.theme.color)}catch(n){e.app.themeMode="dark"}if(void 0===e.app.layoutMode)try{void 0!==window.config.theme.layout&&(e.app.layoutMode=window.config.theme.layout)}catch(n){e.app.layoutMode="vertical"}return e}}(),S(function(t){return function(e){return function(n,r){var o={},i=e(n,r);return Object.assign({},i,{addReducers:function(e){var n=Object.assign({},o,e);this.replaceReducer(t(o=n))}})}}}((function(t){for(var e=Object.keys(t),n={},r=0;r<e.length;r++){var o=e[r];0,"function"==typeof t[o]&&(n[o]=t[o])}var i,a=Object.keys(n);try{!function(t){Object.keys(t).forEach((function(e){var n=t[e];if(void 0===n(void 0,{type:p.INIT}))throw new Error(l(12));if(void 0===n(void 0,{type:p.PROBE_UNKNOWN_ACTION()}))throw new Error(l(13))}))}(n)}catch(s){i=s}return function(t,e){if(void 0===t&&(t={}),i)throw i;for(var r=!1,o={},s=0;s<a.length;s++){var c=a[s],u=n[c],f=t[c],p=u(f,e);if(void 0===p){e&&e.type;throw new Error(l(14))}o[c]=p,r=r||p!==f}return(r=r||a.length!==Object.keys(t).length)?o:t}})),function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return function(t){return function(){var n=t.apply(void 0,arguments),r=function(){throw new Error(l(15))},o={getState:n.getState,dispatch:function(){return r.apply(void 0,arguments)}},i=e.map((function(t){return t(o)}));return r=h.apply(void 0,i)(n.dispatch),s(s({},n),{},{dispatch:r})}}}(v)));x.addReducers({app:C}),x.subscribe((function(){var t,e,n;t=x.getState(),e=localStorage.getItem("patternlab")||"{}",(n=JSON.stringify(t))!==e&&"{}"!==n&&localStorage.setItem("patternlab",n)}))},function(t,e,n){"use strict";n.d(e,{_l:function(){return r._l},nt:function(){return r.nt},sL:function(){return r.sL},XM:function(){return c.X},dy:function(){return u},sY:function(){return l.s}});var r=n(39);function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function i(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(i=r.key,a=void 0,a=function(t,e){if("object"!==o(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(i,"string"),"symbol"===o(a)?a:String(a)),r)}var i,a}var a=new(function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var e,n,o;return e=t,(n=[{key:"handleAttributeExpressions",value:function(t,e,n,o){var i=e[0];return"."===i?new r.m(t,e.slice(1),n).parts:"@"===i?[new r.K1(t,e.slice(1),o.eventContext)]:"?"===i?[new r.JG(t,e.slice(1),n)]:new r.QG(t,e,n).parts}},{key:"handleTextExpression",value:function(t){return new r.nt(t)}}])&&i(e.prototype,n),o&&i(e,o),Object.defineProperty(e,"prototype",{writable:!1}),t}()),s=n(326),c=n(324),l=(n(58),n(325),n(216));n(217),n(215),n(40);"undefined"!=typeof window&&(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.4.1");var u=function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];return new s.j(t,n,"html",a)}},function(t,e,n){var r=n(7);t.exports=!r((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},function(t,e,n){var r=n(21),o=String,i=TypeError;t.exports=function(t){if(r(t))return t;throw i(o(t)+" is not an object")}},function(t,e,n){function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var o=n(2),i=n(105),a=i.all;t.exports=i.IS_HTMLDDA?function(t){return"object"==r(t)?null!==t:o(t)||t===a}:function(t){return"object"==r(t)?null!==t:o(t)}},function(t,e,n){var r=n(6),o=n(44),i=r({}.hasOwnProperty);t.exports=Object.hasOwn||function(t,e){return i(o(t),e)}},,function(t,e,n){var r;!function(o,i,a){if(o){for(var s,c={8:"backspace",9:"tab",13:"enter",16:"shift",17:"ctrl",18:"alt",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"ins",46:"del",91:"meta",93:"meta",224:"meta"},l={106:"*",107:"+",109:"-",110:".",111:"/",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},u={"~":"`","!":"1","@":"2","#":"3",$:"4","%":"5","^":"6","&":"7","*":"8","(":"9",")":"0",_:"-","+":"=",":":";",'"':"'","<":",",">":".","?":"/","|":"\\"},f={option:"alt",command:"meta",return:"enter",escape:"esc",plus:"+",mod:/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"meta":"ctrl"},p=1;p<20;++p)c[111+p]="f"+p;for(p=0;p<=9;++p)c[p+96]=p.toString();b.prototype.bind=function(t,e,n){var r=this;return t=t instanceof Array?t:[t],r._bindMultiple.call(r,t,e,n),r},b.prototype.unbind=function(t,e){return this.bind.call(this,t,(function(){}),e)},b.prototype.trigger=function(t,e){var n=this;return n._directMap[t+":"+e]&&n._directMap[t+":"+e]({},t),n},b.prototype.reset=function(){var t=this;return t._callbacks={},t._directMap={},t},b.prototype.stopCallback=function(t,e){if((" "+e.className+" ").indexOf(" mousetrap ")>-1)return!1;if(g(e,this.target))return!1;if("composedPath"in t&&"function"==typeof t.composedPath){var n=t.composedPath()[0];n!==t.target&&(e=n)}return"INPUT"==e.tagName||"SELECT"==e.tagName||"TEXTAREA"==e.tagName||e.isContentEditable},b.prototype.handleKey=function(){var t=this;return t._handleKey.apply(t,arguments)},b.addKeycodes=function(t){for(var e in t)t.hasOwnProperty(e)&&(c[e]=t[e]);s=null},b.init=function(){var t=b(i);for(var e in t)"_"!==e.charAt(0)&&(b[e]=function(e){return function(){return t[e].apply(t,arguments)}}(e))},b.init(),o.Mousetrap=b,t.exports&&(t.exports=b),void 0===(r=function(){return b}.call(e,n,e,t))||(t.exports=r)}function d(t,e,n){t.addEventListener?t.addEventListener(e,n,!1):t.attachEvent("on"+e,n)}function h(t){if("keypress"==t.type){var e=String.fromCharCode(t.which);return t.shiftKey||(e=e.toLowerCase()),e}return c[t.which]?c[t.which]:l[t.which]?l[t.which]:String.fromCharCode(t.which).toLowerCase()}function y(t){return"shift"==t||"ctrl"==t||"alt"==t||"meta"==t}function m(t,e,n){return n||(n=function(){if(!s)for(var t in s={},c)t>95&&t<112||c.hasOwnProperty(t)&&(s[c[t]]=t);return s}()[t]?"keydown":"keypress"),"keypress"==n&&e.length&&(n="keydown"),n}function v(t,e){var n,r,o,i=[];for(n=function(t){return"+"===t?["+"]:(t=t.replace(/\+{2}/g,"+plus")).split("+")}(t),o=0;o<n.length;++o)r=n[o],f[r]&&(r=f[r]),e&&"keypress"!=e&&u[r]&&(r=u[r],i.push("shift")),y(r)&&i.push(r);return{key:r,modifiers:i,action:e=m(r,i,e)}}function g(t,e){return null!==t&&t!==i&&(t===e||g(t.parentNode,e))}function b(t){var e=this;if(t=t||i,!(e instanceof b))return new b(t);e.target=t,e._callbacks={},e._directMap={};var n,r={},o=!1,a=!1,s=!1;function c(t){t=t||{};var e,n=!1;for(e in r)t[e]?n=!0:r[e]=0;n||(s=!1)}function l(t,n,o,i,a,s){var c,l,u,f,p=[],d=o.type;if(!e._callbacks[t])return[];for("keyup"==d&&y(t)&&(n=[t]),c=0;c<e._callbacks[t].length;++c)if(l=e._callbacks[t][c],(i||!l.seq||r[l.seq]==l.level)&&d==l.action&&("keypress"==d&&!o.metaKey&&!o.ctrlKey||(u=n,f=l.modifiers,u.sort().join(",")===f.sort().join(",")))){var h=!i&&l.combo==a,m=i&&l.seq==i&&l.level==s;(h||m)&&e._callbacks[t].splice(c,1),p.push(l)}return p}function u(t,n,r,o){e.stopCallback(n,n.target||n.srcElement,r,o)||!1===t(n,r)&&(function(t){t.preventDefault?t.preventDefault():t.returnValue=!1}(n),function(t){t.stopPropagation?t.stopPropagation():t.cancelBubble=!0}(n))}function f(t){"number"!=typeof t.which&&(t.which=t.keyCode);var n=h(t);n&&("keyup"!=t.type||o!==n?e.handleKey(n,function(t){var e=[];return t.shiftKey&&e.push("shift"),t.altKey&&e.push("alt"),t.ctrlKey&&e.push("ctrl"),t.metaKey&&e.push("meta"),e}(t),t):o=!1)}function p(t,e,i,a){function l(e){return function(){s=e,++r[t],clearTimeout(n),n=setTimeout(c,1e3)}}function f(e){u(i,e,t),"keyup"!==a&&(o=h(e)),setTimeout(c,10)}r[t]=0;for(var p=0;p<e.length;++p){var d=p+1===e.length?f:l(a||v(e[p+1]).action);m(e[p],d,a,t,p)}}function m(t,n,r,o,i){e._directMap[t+":"+r]=n;var a,s=(t=t.replace(/\s+/g," ")).split(" ");s.length>1?p(t,s,n,r):(a=v(t,r),e._callbacks[a.key]=e._callbacks[a.key]||[],l(a.key,a.modifiers,{type:a.action},o,t,i),e._callbacks[a.key][o?"unshift":"push"]({callback:n,modifiers:a.modifiers,action:a.action,seq:o,level:i,combo:t}))}e._handleKey=function(t,e,n){var r,o=l(t,e,n),i={},f=0,p=!1;for(r=0;r<o.length;++r)o[r].seq&&(f=Math.max(f,o[r].level));for(r=0;r<o.length;++r)if(o[r].seq){if(o[r].level!=f)continue;p=!0,i[o[r].seq]=1,u(o[r].callback,n,o[r].combo,o[r].seq)}else p||u(o[r].callback,n,o[r].combo);var d="keypress"==n.type&&a;n.type!=s||y(t)||d||c(i),a=p&&"keydown"==n.type},e._bindMultiple=function(t,e,n){for(var r=0;r<t.length;++r)m(t[r],e,n)},d(t,"keypress",f),d(t,"keydown",f),d(t,"keyup",f)}}("undefined"!=typeof window?window:null,"undefined"!=typeof window?document:null)},function(t){t.exports=!1},function(t,e,n){"use strict";n.d(e,{Di:function(){return a.D},I:function(){return r.I},JA:function(){return a.J},Kz:function(){return c.K},Up:function(){return o.U},sZ:function(){return s.s},sk:function(){return i.s}});n(104);var r=n(221),o=n(222),i=(n(308),n(223),n(224)),a=n(214),s=n(211),c=n(309)},function(t,e,n){var r=n(4),o=n(2),i=function(t){return o(t)?t:void 0};t.exports=function(t,e){return arguments.length<2?i(r[t]):r[t]&&r[t][e]}},function(t,e,n){var r=n(19),o=n(112),i=n(113),a=n(20),s=n(81),c=TypeError,l=Object.defineProperty,u=Object.getOwnPropertyDescriptor,f="enumerable",p="configurable",d="writable";e.f=r?i?function(t,e,n){if(a(t),e=s(e),a(n),"function"==typeof t&&"prototype"===e&&"value"in n&&d in n&&!n[d]){var r=u(t,e);r&&r[d]&&(t[e]=n.value,n={configurable:p in n?n[p]:r[p],enumerable:f in n?n[f]:r[f],writable:!1})}return l(t,e,n)}:l:function(t,e,n){if(a(t),e=s(e),a(n),o)try{return l(t,e,n)}catch(r){}if("get"in n||"set"in n)throw c("Accessors not supported");return"value"in n&&(t[e]=n.value),t}},function(t){var e=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=e)},function(t,e,n){var r=n(2),o=n(66),i=TypeError;t.exports=function(t){if(r(t))return t;throw i(o(t)+" is not a function")}},function(t,e,n){var r=n(2),o=n(28),i=n(173),a=n(85);t.exports=function(t,e,n,s){s||(s={});var c=s.enumerable,l=void 0!==s.name?s.name:e;if(r(n)&&i(n,l,s),s.global)c?t[e]=n:a(e,n);else{try{s.unsafe?t[e]&&(c=!0):delete t[e]}catch(u){}c?t[e]=n:o.f(t,e,{value:n,enumerable:!1,configurable:!s.nonConfigurable,writable:!s.nonWritable})}return t}},function(t,e,n){var r=n(156),o=n(158);function i(e,n){return delete t.exports[e],t.exports[e]=n,n}t.exports={Parser:r,Tokenizer:n(157),ElementType:n(59),DomHandler:o,get FeedHandler(){return i("FeedHandler",n(213))},get Stream(){return i("Stream",n(257))},get WritableStream(){return i("WritableStream",n(161))},get ProxyHandler(){return i("ProxyHandler",n(258))},get DomUtils(){return i("DomUtils",n(160))},get CollectingHandler(){return i("CollectingHandler",n(259))},DefaultHandler:o,get RssHandler(){return i("RssHandler",this.FeedHandler)},parseDOM:function(t,e){var n=new o(e);return new r(n,e).end(t),n.dom},parseFeed:function(e,n){var o=new t.exports.FeedHandler(n);return new r(o,n).end(e),o.dom},createDomStream:function(t,e,n){var i=new o(t,e,n);return new r(i,e)},EVENTS:{attribute:2,cdatastart:0,cdataend:0,text:1,processinginstruction:2,comment:1,commentend:0,closetag:1,opentag:2,opentagname:1,error:1,end:0}}},function(t,e,n){function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var o=function(t){"use strict";var e,n=Object.prototype,o=n.hasOwnProperty,i=Object.defineProperty||function(t,e,n){t[e]=n.value},a="function"==typeof Symbol?Symbol:{},s=a.iterator||"@@iterator",c=a.asyncIterator||"@@asyncIterator",l=a.toStringTag||"@@toStringTag";function u(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{u({},"")}catch(N){u=function(t,e,n){return t[e]=n}}function f(t,e,n,r){var o=e&&e.prototype instanceof v?e:v,a=Object.create(o.prototype),s=new P(r||[]);return i(a,"_invoke",{value:k(t,n,s)}),a}function p(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(N){return{type:"throw",arg:N}}}t.wrap=f;var d="suspendedStart",h="executing",y="completed",m={};function v(){}function g(){}function b(){}var _={};u(_,s,(function(){return this}));var A=Object.getPrototypeOf,w=A&&A(A(j([])));w&&w!==n&&o.call(w,s)&&(_=w);var C=b.prototype=v.prototype=Object.create(_);function S(t){["next","throw","return"].forEach((function(e){u(t,e,(function(t){return this._invoke(e,t)}))}))}function x(t,e){function n(i,a,s,c){var l=p(t[i],t,a);if("throw"!==l.type){var u=l.arg,f=u.value;return f&&"object"===r(f)&&o.call(f,"__await")?e.resolve(f.__await).then((function(t){n("next",t,s,c)}),(function(t){n("throw",t,s,c)})):e.resolve(f).then((function(t){u.value=t,s(u)}),(function(t){return n("throw",t,s,c)}))}c(l.arg)}var a;i(this,"_invoke",{value:function(t,r){function o(){return new e((function(e,o){n(t,r,e,o)}))}return a=a?a.then(o,o):o()}})}function k(t,e,n){var r=d;return function(o,i){if(r===h)throw new Error("Generator is already running");if(r===y){if("throw"===o)throw i;return T()}for(n.method=o,n.arg=i;;){var a=n.delegate;if(a){var s=E(a,n);if(s){if(s===m)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===d)throw r=y,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=h;var c=p(t,e,n);if("normal"===c.type){if(r=n.done?y:"suspendedYield",c.arg===m)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(r=y,n.method="throw",n.arg=c.arg)}}}function E(t,n){var r=n.method,o=t.iterator[r];if(o===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,E(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),m;var i=p(o,t.iterator,n.arg);if("throw"===i.type)return n.method="throw",n.arg=i.arg,n.delegate=null,m;var a=i.arg;return a?a.done?(n[t.resultName]=a.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,m):a:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,m)}function O(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function B(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function P(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(O,this),this.reset(!0)}function j(t){if(t){var n=t[s];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,i=function n(){for(;++r<t.length;)if(o.call(t,r))return n.value=t[r],n.done=!1,n;return n.value=e,n.done=!0,n};return i.next=i}}return{next:T}}function T(){return{value:e,done:!0}}return g.prototype=b,i(C,"constructor",{value:b,configurable:!0}),i(b,"constructor",{value:g,configurable:!0}),g.displayName=u(b,l,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===g||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,b):(t.__proto__=b,u(t,l,"GeneratorFunction")),t.prototype=Object.create(C),t},t.awrap=function(t){return{__await:t}},S(x.prototype),u(x.prototype,c,(function(){return this})),t.AsyncIterator=x,t.async=function(e,n,r,o,i){void 0===i&&(i=Promise);var a=new x(f(e,n,r,o),i);return t.isGeneratorFunction(n)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},S(C),u(C,l,"Generator"),u(C,s,(function(){return this})),u(C,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=Object(t),n=[];for(var r in e)n.push(r);return n.reverse(),function t(){for(;n.length;){var r=n.pop();if(r in e)return t.value=r,t.done=!1,t}return t.done=!0,t}},t.values=j,P.prototype={constructor:P,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(B),!t)for(var n in this)"t"===n.charAt(0)&&o.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function r(r,o){return s.type="throw",s.arg=t,n.next=r,o&&(n.method="next",n.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],s=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var c=o.call(a,"catchLoc"),l=o.call(a,"finallyLoc");if(c&&l){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(c){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return r(a.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&o.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var i=r;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,m):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),m},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),B(n),m}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;B(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:j(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),m}},t}("object"===r(t=n.nmd(t))?t.exports:{});try{regeneratorRuntime=o}catch(i){"object"===("undefined"==typeof globalThis?"undefined":r(globalThis))?globalThis.regeneratorRuntime=o:Function("r","regeneratorRuntime = r")(o)}},function(t,e,n){var r=n(6),o=r({}.toString),i=r("".slice);t.exports=function(t){return i(o(t),8,-1)}},function(t,e,n){var r=n(64),o=TypeError;t.exports=function(t){if(r(t))throw o("Can't call method on "+t);return t}},function(t,e,n){var r=n(126),o=n(30),i=n(63),a=r(r.bind);t.exports=function(t,e){return o(t),void 0===e?t:i?a(t,e):function(){return t.apply(e,arguments)}}},function(t){var e={}.hasOwnProperty;t.exports=function(t,n){return e.call(t,n)}},function(t,e,n){t.exports=!n(75)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},function(t,e,n){"use strict";n.d(e,{JG:function(){return E},K1:function(){return j},QG:function(){return S},_l:function(){return x},m:function(){return O},nt:function(){return k},pt:function(){return w},sL:function(){return B}});var r=n(324),o=n(58),i=n(325),a=n(215),s=n(326),c=n(40);function l(){return l="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=u(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},l.apply(this,arguments)}function u(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=y(t)););return t}function f(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&p(t,e)}function p(t,e){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},p(t,e)}function d(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=y(t);if(e){var o=y(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return h(this,n)}}function h(t,e){if(e&&("object"===A(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function y(t){return y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},y(t)}function m(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(!t)return;if("string"==typeof t)return v(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return v(t,e)}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,s=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return a=t.done,t},e:function(t){s=!0,i=t},f:function(){try{a||null==n.return||n.return()}finally{if(s)throw i}}}}function v(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function g(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function b(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==A(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==A(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===A(i)?i:String(i)),r)}var o,i}function _(t,e,n){return e&&b(t.prototype,e),n&&b(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}function A(t){return A="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},A(t)}var w=function(t){return null===t||!("object"===A(t)||"function"==typeof t)},C=function(t){return Array.isArray(t)||!(!t||!t[Symbol.iterator])},S=function(){function t(e,n,r){g(this,t),this.dirty=!0,this.element=e,this.name=n,this.strings=r,this.parts=[];for(var o=0;o<r.length-1;o++)this.parts[o]=this._createPart()}return _(t,[{key:"_createPart",value:function(){return new x(this)}},{key:"_getValue",value:function(){var t=this.strings,e=t.length-1,n=this.parts;if(1===e&&""===t[0]&&""===t[1]){var r=n[0].value;if("symbol"===A(r))return String(r);if("string"==typeof r||!C(r))return r}for(var o="",i=0;i<e;i++){o+=t[i];var a=n[i];if(void 0!==a){var s=a.value;if(w(s)||!C(s))o+="string"==typeof s?s:String(s);else{var c,l=m(s);try{for(l.s();!(c=l.n()).done;){var u=c.value;o+="string"==typeof u?u:String(u)}}catch(f){l.e(f)}finally{l.f()}}}}return o+=t[e]}},{key:"commit",value:function(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}]),t}(),x=function(){function t(e){g(this,t),this.value=void 0,this.committer=e}return _(t,[{key:"setValue",value:function(t){t===i.J||w(t)&&t===this.value||(this.value=t,(0,r.w)(t)||(this.committer.dirty=!0))}},{key:"commit",value:function(){for(;(0,r.w)(this.value);){var t=this.value;this.value=i.J,t(this)}this.value!==i.J&&this.committer.commit()}}]),t}(),k=function(){function t(e){g(this,t),this.value=void 0,this.__pendingValue=void 0,this.options=e}return _(t,[{key:"appendInto",value:function(t){this.startNode=t.appendChild((0,c.IW)()),this.endNode=t.appendChild((0,c.IW)())}},{key:"insertAfterNode",value:function(t){this.startNode=t,this.endNode=t.nextSibling}},{key:"appendIntoPart",value:function(t){t.__insert(this.startNode=(0,c.IW)()),t.__insert(this.endNode=(0,c.IW)())}},{key:"insertAfterPart",value:function(t){t.__insert(this.startNode=(0,c.IW)()),this.endNode=t.endNode,t.endNode=this.startNode}},{key:"setValue",value:function(t){this.__pendingValue=t}},{key:"commit",value:function(){if(null!==this.startNode.parentNode){for(;(0,r.w)(this.__pendingValue);){var t=this.__pendingValue;this.__pendingValue=i.J,t(this)}var e=this.__pendingValue;e!==i.J&&(w(e)?e!==this.value&&this.__commitText(e):e instanceof s.j?this.__commitTemplateResult(e):e instanceof Node?this.__commitNode(e):C(e)?this.__commitIterable(e):e===i.L?(this.value=i.L,this.clear()):this.__commitText(e))}}},{key:"__insert",value:function(t){this.endNode.parentNode.insertBefore(t,this.endNode)}},{key:"__commitNode",value:function(t){this.value!==t&&(this.clear(),this.__insert(t),this.value=t)}},{key:"__commitText",value:function(t){var e=this.startNode.nextSibling,n="string"==typeof(t=null==t?"":t)?t:String(t);e===this.endNode.previousSibling&&3===e.nodeType?e.data=n:this.__commitNode(document.createTextNode(n)),this.value=t}},{key:"__commitTemplateResult",value:function(t){var e=this.options.templateFactory(t);if(this.value instanceof a.R&&this.value.template===e)this.value.update(t.values);else{var n=new a.R(e,t.processor,this.options),r=n._clone();n.update(t.values),this.__commitNode(r),this.value=n}}},{key:"__commitIterable",value:function(e){Array.isArray(this.value)||(this.value=[],this.clear());var n,r,o=this.value,i=0,a=m(e);try{for(a.s();!(r=a.n()).done;){var s=r.value;void 0===(n=o[i])&&(n=new t(this.options),o.push(n),0===i?n.appendIntoPart(this):n.insertAfterPart(o[i-1])),n.setValue(s),n.commit(),i++}}catch(c){a.e(c)}finally{a.f()}i<o.length&&(o.length=i,this.clear(n&&n.endNode))}},{key:"clear",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.startNode;(0,o.r4)(this.startNode.parentNode,t.nextSibling,this.endNode)}}]),t}(),E=function(){function t(e,n,r){if(g(this,t),this.value=void 0,this.__pendingValue=void 0,2!==r.length||""!==r[0]||""!==r[1])throw new Error("Boolean attributes can only contain a single expression");this.element=e,this.name=n,this.strings=r}return _(t,[{key:"setValue",value:function(t){this.__pendingValue=t}},{key:"commit",value:function(){for(;(0,r.w)(this.__pendingValue);){var t=this.__pendingValue;this.__pendingValue=i.J,t(this)}if(this.__pendingValue!==i.J){var e=!!this.__pendingValue;this.value!==e&&(e?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=e),this.__pendingValue=i.J}}}]),t}(),O=function(t){f(n,t);var e=d(n);function n(t,r,o){var i;return g(this,n),(i=e.call(this,t,r,o)).single=2===o.length&&""===o[0]&&""===o[1],i}return _(n,[{key:"_createPart",value:function(){return new B(this)}},{key:"_getValue",value:function(){return this.single?this.parts[0].value:l(y(n.prototype),"_getValue",this).call(this)}},{key:"commit",value:function(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}]),n}(S),B=function(t){f(n,t);var e=d(n);function n(){return g(this,n),e.apply(this,arguments)}return _(n)}(x),P=!1;!function(){try{var t={get capture(){return P=!0,!1}};window.addEventListener("test",t,t),window.removeEventListener("test",t,t)}catch(e){}}();var j=function(){function t(e,n,r){var o=this;g(this,t),this.value=void 0,this.__pendingValue=void 0,this.element=e,this.eventName=n,this.eventContext=r,this.__boundHandleEvent=function(t){return o.handleEvent(t)}}return _(t,[{key:"setValue",value:function(t){this.__pendingValue=t}},{key:"commit",value:function(){for(;(0,r.w)(this.__pendingValue);){var t=this.__pendingValue;this.__pendingValue=i.J,t(this)}if(this.__pendingValue!==i.J){var e=this.__pendingValue,n=this.value,o=null==e||null!=n&&(e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive),a=null!=e&&(null==n||o);o&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),a&&(this.__options=T(e),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=e,this.__pendingValue=i.J}}},{key:"handleEvent",value:function(t){"function"==typeof this.value?this.value.call(this.eventContext||this.element,t):this.value.handleEvent(t)}}]),t}(),T=function(t){return t&&(P?{capture:t.capture,passive:t.passive,once:t.once}:t.capture)}},function(t,e,n){"use strict";function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function o(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,(i=o.key,a=void 0,a=function(t,e){if("object"!==r(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e||"default");if("object"!==r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(i,"string"),"symbol"===r(a)?a:String(a)),o)}var i,a}function i(t,e,n){return e&&o(t.prototype,e),n&&o(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}n.d(e,{$E:function(){return l},IW:function(){return d},Jw:function(){return a},N:function(){return s},W5:function(){return h},YS:function(){return u},pC:function(){return p}});var a="{{lit-".concat(String(Math.random()).slice(2),"}}"),s="\x3c!--".concat(a,"--\x3e"),c=new RegExp("".concat(a,"|").concat(s)),l="$lit$",u=i((function t(e,n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.parts=[],this.element=n;for(var r=[],o=[],i=document.createTreeWalker(n.content,133,null,!1),s=0,u=-1,p=0,y=e.strings,m=e.values.length;p<m;){var v=i.nextNode();if(null!==v){if(u++,1===v.nodeType){if(v.hasAttributes()){for(var g=v.attributes,b=g.length,_=0,A=0;A<b;A++)f(g[A].name,l)&&_++;for(;_-- >0;){var w=y[p],C=h.exec(w)[2],S=C.toLowerCase()+l,x=v.getAttribute(S);v.removeAttribute(S);var k=x.split(c);this.parts.push({type:"attribute",index:u,name:C,strings:k}),p+=k.length-1}}"TEMPLATE"===v.tagName&&(o.push(v),i.currentNode=v.content)}else if(3===v.nodeType){var E=v.data;if(E.indexOf(a)>=0){for(var O=v.parentNode,B=E.split(c),P=B.length-1,j=0;j<P;j++){var T=void 0,N=B[j];if(""===N)T=d();else{var M=h.exec(N);null!==M&&f(M[2],l)&&(N=N.slice(0,M.index)+M[1]+M[2].slice(0,-l.length)+M[3]),T=document.createTextNode(N)}O.insertBefore(T,v),this.parts.push({type:"node",index:++u})}""===B[P]?(O.insertBefore(d(),v),r.push(v)):v.data=B[P],p+=P}}else if(8===v.nodeType)if(v.data===a){var L=v.parentNode;null!==v.previousSibling&&u!==s||(u++,L.insertBefore(d(),v)),s=u,this.parts.push({type:"node",index:u}),null===v.nextSibling?v.data="":(r.push(v),u--),p++}else for(var R=-1;-1!==(R=v.data.indexOf(a,R+1));)this.parts.push({type:"node",index:-1}),p++}else i.currentNode=o.pop()}for(var D=0,q=r;D<q.length;D++){var I=q[D];I.parentNode.removeChild(I)}})),f=function(t,e){var n=t.length-e.length;return n>=0&&t.slice(n)===e},p=function(t){return-1!==t.index},d=function(){return document.createComment("")},h=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/},function(t,e,n){"use strict";n.r(e),n.d(e,{Children:function(){return Y},Component:function(){return s.wA},Fragment:function(){return s.HY},PureComponent:function(){return U},StrictMode:function(){return Ot},Suspense:function(){return Q},SuspenseList:function(){return tt},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:function(){return bt},cloneElement:function(){return Ct},createContext:function(){return s.kr},createElement:function(){return s.az},createFactory:function(){return At},createPortal:function(){return ot},createRef:function(){return s.Vf},default:function(){return Mt},findDOMNode:function(){return xt},flushSync:function(){return Et},forwardRef:function(){return V},hydrate:function(){return ut},isValidElement:function(){return wt},lazy:function(){return $},memo:function(){return z},render:function(){return lt},startTransition:function(){return Bt},unmountComponentAtNode:function(){return St},unstable_batchedUpdates:function(){return kt},useCallback:function(){return S},useContext:function(){return x},useDebugValue:function(){return k},useDeferredValue:function(){return Pt},useEffect:function(){return b},useErrorBoundary:function(){return E},useId:function(){return O},useImperativeHandle:function(){return w},useInsertionEffect:function(){return Tt},useLayoutEffect:function(){return _},useMemo:function(){return C},useReducer:function(){return g},useRef:function(){return A},useState:function(){return v},useSyncExternalStore:function(){return Nt},useTransition:function(){return jt},version:function(){return _t}});var r,o,i,a,s=n(15),c=0,l=[],u=[],f=s.YM.__b,p=s.YM.__r,d=s.YM.diffed,h=s.YM.__c,y=s.YM.unmount;function m(t,e){s.YM.__h&&s.YM.__h(o,t,c||e),c=0;var n=o.__H||(o.__H={__:[],__h:[]});return t>=n.__.length&&n.__.push({__V:u}),n.__[t]}function v(t){return c=1,g(L,t)}function g(t,e,n){var i=m(r++,2);if(i.t=t,!i.__c&&(i.__=[n?n(e):L(void 0,e),function(t){var e=i.__N?i.__N[0]:i.__[0],n=i.t(e,t);e!==n&&(i.__N=[n,i.__[1]],i.__c.setState({}))}],i.__c=o,!o.u)){o.u=!0;var a=o.shouldComponentUpdate;o.shouldComponentUpdate=function(t,e,n){if(!i.__c.__H)return!0;var r=i.__c.__H.__.filter((function(t){return t.__c}));if(r.every((function(t){return!t.__N})))return!a||a.call(this,t,e,n);var o=!1;return r.forEach((function(t){if(t.__N){var e=t.__[0];t.__=t.__N,t.__N=void 0,e!==t.__[0]&&(o=!0)}})),!(!o&&i.__c.props===t)&&(!a||a.call(this,t,e,n))}}return i.__N||i.__}function b(t,e){var n=m(r++,3);!s.YM.__s&&M(n.__H,e)&&(n.__=t,n.i=e,o.__H.__h.push(n))}function _(t,e){var n=m(r++,4);!s.YM.__s&&M(n.__H,e)&&(n.__=t,n.i=e,o.__h.push(n))}function A(t){return c=5,C((function(){return{current:t}}),[])}function w(t,e,n){c=6,_((function(){return"function"==typeof t?(t(e()),function(){return t(null)}):t?(t.current=e(),function(){return t.current=null}):void 0}),null==n?n:n.concat(t))}function C(t,e){var n=m(r++,7);return M(n.__H,e)?(n.__V=t(),n.i=e,n.__h=t,n.__V):n.__}function S(t,e){return c=8,C((function(){return t}),e)}function x(t){var e=o.context[t.__c],n=m(r++,9);return n.c=t,e?(null==n.__&&(n.__=!0,e.sub(o)),e.props.value):t.__}function k(t,e){s.YM.useDebugValue&&s.YM.useDebugValue(e?e(t):t)}function E(t){var e=m(r++,10),n=v();return e.__=t,o.componentDidCatch||(o.componentDidCatch=function(t,r){e.__&&e.__(t,r),n[1](t)}),[n[0],function(){n[1](void 0)}]}function O(){var t=m(r++,11);if(!t.__){for(var e=o.__v;null!==e&&!e.__m&&null!==e.__;)e=e.__;var n=e.__m||(e.__m=[0,0]);t.__="P"+n[0]+"-"+n[1]++}return t.__}function B(){for(var t;t=l.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(T),t.__H.__h.forEach(N),t.__H.__h=[]}catch(o){t.__H.__h=[],s.YM.__e(o,t.__v)}}s.YM.__b=function(t){o=null,f&&f(t)},s.YM.__r=function(t){p&&p(t),r=0;var e=(o=t.__c).__H;e&&(i===o?(e.__h=[],o.__h=[],e.__.forEach((function(t){t.__N&&(t.__=t.__N),t.__V=u,t.__N=t.i=void 0}))):(e.__h.forEach(T),e.__h.forEach(N),e.__h=[])),i=o},s.YM.diffed=function(t){d&&d(t);var e=t.__c;e&&e.__H&&(e.__H.__h.length&&(1!==l.push(e)&&a===s.YM.requestAnimationFrame||((a=s.YM.requestAnimationFrame)||j)(B)),e.__H.__.forEach((function(t){t.i&&(t.__H=t.i),t.__V!==u&&(t.__=t.__V),t.i=void 0,t.__V=u}))),i=o=null},s.YM.__c=function(t,e){e.some((function(t){try{t.__h.forEach(T),t.__h=t.__h.filter((function(t){return!t.__||N(t)}))}catch(i){e.some((function(t){t.__h&&(t.__h=[])})),e=[],s.YM.__e(i,t.__v)}})),h&&h(t,e)},s.YM.unmount=function(t){y&&y(t);var e,n=t.__c;n&&n.__H&&(n.__H.__.forEach((function(t){try{T(t)}catch(t){e=t}})),n.__H=void 0,e&&s.YM.__e(e,n.__v))};var P="function"==typeof requestAnimationFrame;function j(t){var e,n=function(){clearTimeout(r),P&&cancelAnimationFrame(e),setTimeout(t)},r=setTimeout(n,100);P&&(e=requestAnimationFrame(n))}function T(t){var e=o,n=t.__c;"function"==typeof n&&(t.__c=void 0,n()),o=e}function N(t){var e=o;t.__c=t.__(),o=e}function M(t,e){return!t||t.length!==e.length||e.some((function(e,n){return e!==t[n]}))}function L(t,e){return"function"==typeof e?e(t):e}function R(t){return R="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},R(t)}function D(t,e){for(var n in e)t[n]=e[n];return t}function q(t,e){for(var n in t)if("__source"!==n&&!(n in e))return!0;for(var r in e)if("__source"!==r&&t[r]!==e[r])return!0;return!1}function I(t,e){return t===e&&(0!==t||1/t==1/e)||t!=t&&e!=e}function U(t){this.props=t}function z(t,e){function n(t){var n=this.props.ref,r=n==t.ref;return!r&&n&&(n.call?n(null):n.current=null),e?!e(this.props,t)||!r:q(this.props,t)}function r(e){return this.shouldComponentUpdate=n,(0,s.az)(t,e)}return r.displayName="Memo("+(t.displayName||t.name)+")",r.prototype.isReactComponent=!0,r.__f=!0,r}(U.prototype=new s.wA).isPureReactComponent=!0,U.prototype.shouldComponentUpdate=function(t,e){return q(this.props,t)||q(this.state,e)};var H=s.YM.__b;s.YM.__b=function(t){t.type&&t.type.__f&&t.ref&&(t.props.ref=t.ref,t.ref=null),H&&H(t)};var F="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function V(t){function e(e){var n=D({},e);return delete n.ref,t(n,e.ref||null)}return e.$$typeof=F,e.render=e,e.prototype.isReactComponent=e.__f=!0,e.displayName="ForwardRef("+(t.displayName||t.name)+")",e}var W=function(t,e){return null==t?null:(0,s.bR)((0,s.bR)(t).map(e))},Y={map:W,forEach:W,count:function(t){return t?(0,s.bR)(t).length:0},only:function(t){var e=(0,s.bR)(t);if(1!==e.length)throw"Children.only";return e[0]},toArray:s.bR},Z=s.YM.__e;s.YM.__e=function(t,e,n,r){if(t.then)for(var o,i=e;i=i.__;)if((o=i.__c)&&o.__c)return null==e.__e&&(e.__e=n.__e,e.__k=n.__k),o.__c(t,e);Z(t,e,n,r)};var G=s.YM.unmount;function K(t,e,n){return t&&(t.__c&&t.__c.__H&&(t.__c.__H.__.forEach((function(t){"function"==typeof t.__c&&t.__c()})),t.__c.__H=null),null!=(t=D({},t)).__c&&(t.__c.__P===n&&(t.__c.__P=e),t.__c=null),t.__k=t.__k&&t.__k.map((function(t){return K(t,e,n)}))),t}function J(t,e,n){return t&&(t.__v=null,t.__k=t.__k&&t.__k.map((function(t){return J(t,e,n)})),t.__c&&t.__c.__P===e&&(t.__e&&n.insertBefore(t.__e,t.__d),t.__c.__e=!0,t.__c.__P=n)),t}function Q(){this.__u=0,this.t=null,this.__b=null}function X(t){var e=t.__.__c;return e&&e.__a&&e.__a(t)}function $(t){var e,n,r;function o(o){if(e||(e=t()).then((function(t){n=t.default||t}),(function(t){r=t})),r)throw r;if(!n)throw e;return(0,s.az)(n,o)}return o.displayName="Lazy",o.__f=!0,o}function tt(){this.u=null,this.o=null}s.YM.unmount=function(t){var e=t.__c;e&&e.__R&&e.__R(),e&&!0===t.__h&&(t.type=null),G&&G(t)},(Q.prototype=new s.wA).__c=function(t,e){var n=e.__c,r=this;null==r.t&&(r.t=[]),r.t.push(n);var o=X(r.__v),i=!1,a=function(){i||(i=!0,n.__R=null,o?o(s):s())};n.__R=a;var s=function(){if(!--r.__u){if(r.state.__a){var t=r.state.__a;r.__v.__k[0]=J(t,t.__c.__P,t.__c.__O)}var e;for(r.setState({__a:r.__b=null});e=r.t.pop();)e.forceUpdate()}},c=!0===e.__h;r.__u++||c||r.setState({__a:r.__b=r.__v.__k[0]}),t.then(a,a)},Q.prototype.componentWillUnmount=function(){this.t=[]},Q.prototype.render=function(t,e){if(this.__b){if(this.__v.__k){var n=document.createElement("div"),r=this.__v.__k[0].__c;this.__v.__k[0]=K(this.__b,n,r.__O=r.__P)}this.__b=null}var o=e.__a&&(0,s.az)(s.HY,null,t.fallback);return o&&(o.__h=null),[(0,s.az)(s.HY,null,e.__a?null:t.children),o]};var et=function(t,e,n){if(++n[1]===n[0]&&t.o.delete(e),t.props.revealOrder&&("t"!==t.props.revealOrder[0]||!t.o.size))for(n=t.u;n;){for(;n.length>3;)n.pop()();if(n[1]<n[0])break;t.u=n=n[2]}};function nt(t){return this.getChildContext=function(){return t.context},t.children}function rt(t){var e=this,n=t.i;e.componentWillUnmount=function(){(0,s.sY)(null,e.l),e.l=null,e.i=null},e.i&&e.i!==n&&e.componentWillUnmount(),t.__v?(e.l||(e.i=n,e.l={nodeType:1,parentNode:n,childNodes:[],appendChild:function(t){this.childNodes.push(t),e.i.appendChild(t)},insertBefore:function(t,n){this.childNodes.push(t),e.i.appendChild(t)},removeChild:function(t){this.childNodes.splice(this.childNodes.indexOf(t)>>>1,1),e.i.removeChild(t)}}),(0,s.sY)((0,s.az)(nt,{context:e.context},t.__v),e.l)):e.l&&e.componentWillUnmount()}function ot(t,e){var n=(0,s.az)(rt,{__v:t,i:e});return n.containerInfo=e,n}(tt.prototype=new s.wA).__a=function(t){var e=this,n=X(e.__v),r=e.o.get(t);return r[0]++,function(o){var i=function(){e.props.revealOrder?(r.push(o),et(e,t,r)):o()};n?n(i):i()}},tt.prototype.render=function(t){this.u=null,this.o=new Map;var e=(0,s.bR)(t.children);t.revealOrder&&"b"===t.revealOrder[0]&&e.reverse();for(var n=e.length;n--;)this.o.set(e[n],this.u=[1,0,this.u]);return t.children},tt.prototype.componentDidUpdate=tt.prototype.componentDidMount=function(){var t=this;this.o.forEach((function(e,n){et(t,n,e)}))};var it="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,at=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,st="undefined"!=typeof document,ct=function(t){return("undefined"!=typeof Symbol&&"symbol"==R(Symbol())?/fil|che|rad/i:/fil|che|ra/i).test(t)};function lt(t,e,n){return null==e.__k&&(e.textContent=""),(0,s.sY)(t,e),"function"==typeof n&&n(),t?t.__c:null}function ut(t,e,n){return(0,s.ZB)(t,e),"function"==typeof n&&n(),t?t.__c:null}s.wA.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach((function(t){Object.defineProperty(s.wA.prototype,t,{configurable:!0,get:function(){return this["UNSAFE_"+t]},set:function(e){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:e})}})}));var ft=s.YM.event;function pt(){}function dt(){return this.cancelBubble}function ht(){return this.defaultPrevented}s.YM.event=function(t){return ft&&(t=ft(t)),t.persist=pt,t.isPropagationStopped=dt,t.isDefaultPrevented=ht,t.nativeEvent=t};var yt,mt={configurable:!0,get:function(){return this.class}},vt=s.YM.vnode;s.YM.vnode=function(t){var e=t.type,n=t.props,r=n;if("string"==typeof e){var o=-1===e.indexOf("-");for(var i in r={},n){var a=n[i];st&&"children"===i&&"noscript"===e||"value"===i&&"defaultValue"in n&&null==a||("defaultValue"===i&&"value"in n&&null==n.value?i="value":"download"===i&&!0===a?a="":/ondoubleclick/i.test(i)?i="ondblclick":/^onchange(textarea|input)/i.test(i+e)&&!ct(n.type)?i="oninput":/^onfocus$/i.test(i)?i="onfocusin":/^onblur$/i.test(i)?i="onfocusout":/^on(Ani|Tra|Tou|BeforeInp|Compo)/.test(i)?i=i.toLowerCase():o&&at.test(i)?i=i.replace(/[A-Z0-9]/g,"-$&").toLowerCase():null===a&&(a=void 0),/^oninput$/i.test(i)&&(i=i.toLowerCase(),r[i]&&(i="oninputCapture")),r[i]=a)}"select"==e&&r.multiple&&Array.isArray(r.value)&&(r.value=(0,s.bR)(n.children).forEach((function(t){t.props.selected=-1!=r.value.indexOf(t.props.value)}))),"select"==e&&null!=r.defaultValue&&(r.value=(0,s.bR)(n.children).forEach((function(t){t.props.selected=r.multiple?-1!=r.defaultValue.indexOf(t.props.value):r.defaultValue==t.props.value}))),t.props=r,n.class!=n.className&&(mt.enumerable="className"in n,null!=n.className&&(r.class=n.className),Object.defineProperty(r,"className",mt))}t.$$typeof=it,vt&&vt(t)};var gt=s.YM.__r;s.YM.__r=function(t){gt&&gt(t),yt=t.__c};var bt={ReactCurrentDispatcher:{current:{readContext:function(t){return yt.__n[t.__c].props.value}}}},_t="17.0.2";function At(t){return s.az.bind(null,t)}function wt(t){return!!t&&t.$$typeof===it}function Ct(t){return wt(t)?s.Tm.apply(null,arguments):t}function St(t){return!!t.__k&&((0,s.sY)(null,t),!0)}function xt(t){return t&&(t.base||1===t.nodeType&&t)||null}var kt=function(t,e){return t(e)},Et=function(t,e){return t(e)},Ot=s.HY;function Bt(t){t()}function Pt(t){return t}function jt(){return[!1,Bt]}var Tt=_;function Nt(t,e){var n=e(),r=v({h:{__:n,v:e}}),o=r[0].h,i=r[1];return _((function(){o.__=n,o.v=e,I(o.__,e())||i({h:o})}),[t,n,e]),b((function(){return I(o.__,o.v())||i({h:o}),t((function(){I(o.__,o.v())||i({h:o})}))}),[t]),n}var Mt={useState:v,useId:O,useReducer:g,useEffect:b,useLayoutEffect:_,useInsertionEffect:Tt,useTransition:jt,useDeferredValue:Pt,useSyncExternalStore:Nt,startTransition:Bt,useRef:A,useImperativeHandle:w,useMemo:C,useCallback:S,useContext:x,useDebugValue:k,version:"17.0.2",Children:Y,render:lt,hydrate:ut,unmountComponentAtNode:St,createPortal:ot,createElement:s.az,createContext:s.kr,createFactory:At,cloneElement:Ct,createRef:s.Vf,Fragment:s.HY,isValidElement:wt,findDOMNode:xt,Component:s.wA,PureComponent:U,memo:z,forwardRef:V,flushSync:Et,unstable_batchedUpdates:kt,StrictMode:Ot,Suspense:Q,SuspenseList:tt,lazy:$,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:bt}},function(t){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var r=n(80),o=n(35);t.exports=function(t){return r(o(t))}},function(t,e,n){var r=n(35),o=Object;t.exports=function(t){return o(r(t))}},function(t,e,n){var r=n(19),o=n(28),i=n(42);t.exports=r?function(t,e,n){return o.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var r=n(117);t.exports=function(t){return r(t.length)}},function(t,e,n){var r=n(69),o=String;t.exports=function(t){if("Symbol"===r(t))throw TypeError("Cannot convert a Symbol value to a string");return o(t)}},function(t){t.exports={}},function(t,e,n){var r=n(4);t.exports=r.Promise},function(t,e,n){var r=n(4),o=n(49),i=n(2),a=n(118),s=n(87),c=n(5),l=n(199),u=n(139),f=n(25),p=n(109),d=o&&o.prototype,h=c("species"),y=!1,m=i(r.PromiseRejectionEvent),v=a("Promise",(function(){var t=s(o),e=t!==String(o);if(!e&&66===p)return!0;if(f&&(!d.catch||!d.finally))return!0;if(!p||p<51||!/native code/.test(t)){var n=new o((function(t){t(1)})),r=function(t){t((function(){}),(function(){}))};if((n.constructor={})[h]=r,!(y=n.then((function(){}))instanceof r))return!0}return!e&&(l||u)&&!m}));t.exports={CONSTRUCTOR:v,REJECTION_EVENT:m,SUBCLASSING:y}},function(t){var e=t.exports={version:"2.6.12"};"number"==typeof __e&&(__e=e)},function(t,e,n){var r=n(76),o=n(148),i=n(97),a=Object.defineProperty;e.f=n(38)?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return a(t,e,n)}catch(s){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}t.exports=function(t){return"object"===e(t)?null!==t:"function"==typeof t}},function(t){var e=0,n=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++e+n).toString(36))}},function(t,e,n){var r=n(77)("wks"),o=n(54),i=n(29).Symbol,a="function"==typeof i;(t.exports=function(t){return r[t]||(r[t]=a&&i[t]||(a?i:o)("Symbol."+t))}).store=r},function(t,e,n){var r=n(236),o=n(151);t.exports=function(t){return r(o(t))}},function(t,e,n){var r;function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}!function(){"use strict";var i={}.hasOwnProperty;function a(){for(var t=[],e=0;e<arguments.length;e++){var n=arguments[e];if(n){var r=o(n);if("string"===r||"number"===r)t.push(n);else if(Array.isArray(n)){if(n.length){var s=a.apply(null,n);s&&t.push(s)}}else if("object"===r){if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]")){t.push(n.toString());continue}for(var c in n)i.call(n,c)&&n[c]&&t.push(c)}}}return t.join(" ")}t.exports?(a.default=a,t.exports=a):"object"===o(n.amdO)&&n.amdO?void 0===(r=function(){return a}.apply(e,[]))||(t.exports=r):window.classNames=a}()},function(t,e,n){"use strict";n.d(e,{eC:function(){return r},r4:function(){return o}});var r="undefined"!=typeof window&&null!=window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,o=function(t,e){for(var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;e!==n;){var r=e.nextSibling;t.removeChild(e),e=r}}},function(t){t.exports={Text:"text",Directive:"directive",Comment:"comment",Script:"script",Style:"style",Tag:"tag",CDATA:"cdata",Doctype:"doctype",isTag:function(t){return"tag"===t.type||"script"===t.type||"style"===t.type}}},function(t,e,n){t.exports=n(262)()},function(t){"function"==typeof Object.create?t.exports=function(t,e){e&&(t.super_=e,t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}))}:t.exports=function(t,e){if(e){t.super_=e;var n=function(){};n.prototype=e.prototype,t.prototype=new n,t.prototype.constructor=t}}},function(t,e,n){var r;function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}!function(e){"use strict";function i(){}var a=i.prototype,s=e.EventEmitter;function c(t,e){for(var n=t.length;n--;)if(t[n].listener===e)return n;return-1}function l(t){return function(){return this[t].apply(this,arguments)}}function u(t){return"function"==typeof t||t instanceof RegExp||!(!t||"object"!==o(t))&&u(t.listener)}a.getListeners=function(t){var e,n,r=this._getEvents();if(t instanceof RegExp)for(n in e={},r)r.hasOwnProperty(n)&&t.test(n)&&(e[n]=r[n]);else e=r[t]||(r[t]=[]);return e},a.flattenListeners=function(t){var e,n=[];for(e=0;e<t.length;e+=1)n.push(t[e].listener);return n},a.getListenersAsObject=function(t){var e,n=this.getListeners(t);return n instanceof Array&&((e={})[t]=n),e||n},a.addListener=function(t,e){if(!u(e))throw new TypeError("listener must be a function");var n,r=this.getListenersAsObject(t),i="object"===o(e);for(n in r)r.hasOwnProperty(n)&&-1===c(r[n],e)&&r[n].push(i?e:{listener:e,once:!1});return this},a.on=l("addListener"),a.addOnceListener=function(t,e){return this.addListener(t,{listener:e,once:!0})},a.once=l("addOnceListener"),a.defineEvent=function(t){return this.getListeners(t),this},a.defineEvents=function(t){for(var e=0;e<t.length;e+=1)this.defineEvent(t[e]);return this},a.removeListener=function(t,e){var n,r,o=this.getListenersAsObject(t);for(r in o)o.hasOwnProperty(r)&&-1!==(n=c(o[r],e))&&o[r].splice(n,1);return this},a.off=l("removeListener"),a.addListeners=function(t,e){return this.manipulateListeners(!1,t,e)},a.removeListeners=function(t,e){return this.manipulateListeners(!0,t,e)},a.manipulateListeners=function(t,e,n){var r,i,a=t?this.removeListener:this.addListener,s=t?this.removeListeners:this.addListeners;if("object"!==o(e)||e instanceof RegExp)for(r=n.length;r--;)a.call(this,e,n[r]);else for(r in e)e.hasOwnProperty(r)&&(i=e[r])&&("function"==typeof i?a.call(this,r,i):s.call(this,r,i));return this},a.removeEvent=function(t){var e,n=o(t),r=this._getEvents();if("string"===n)delete r[t];else if(t instanceof RegExp)for(e in r)r.hasOwnProperty(e)&&t.test(e)&&delete r[e];else delete this._events;return this},a.removeAllListeners=l("removeEvent"),a.emitEvent=function(t,e){var n,r,o,i,a=this.getListenersAsObject(t);for(i in a)if(a.hasOwnProperty(i))for(n=a[i].slice(0),o=0;o<n.length;o++)!0===(r=n[o]).once&&this.removeListener(t,r.listener),r.listener.apply(this,e||[])===this._getOnceReturnValue()&&this.removeListener(t,r.listener);return this},a.trigger=l("emitEvent"),a.emit=function(t){var e=Array.prototype.slice.call(arguments,1);return this.emitEvent(t,e)},a.setOnceReturnValue=function(t){return this._onceReturnValue=t,this},a._getOnceReturnValue=function(){return!this.hasOwnProperty("_onceReturnValue")||this._onceReturnValue},a._getEvents=function(){return this._events||(this._events={})},i.noConflict=function(){return e.EventEmitter=s,i},void 0===(r=function(){return i}.call(e,n,e,t))||(t.exports=r)}("undefined"!=typeof window?window:this||{})},function(t,e,n){var r=n(7);t.exports=!r((function(){var t=function(){}.bind();return"function"!=typeof t||t.hasOwnProperty("prototype")}))},function(t){t.exports=function(t){return null==t}},function(t,e,n){var r=n(27);t.exports=r("navigator","userAgent")||""},function(t){var e=String;t.exports=function(t){try{return e(t)}catch(n){return"Object"}}},function(t,e,n){var r=n(4),o=n(21),i=r.document,a=o(i)&&o(i.createElement);t.exports=function(t){return a?i.createElement(t):{}}},function(t,e,n){var r,o,i,a=n(174),s=n(4),c=n(21),l=n(45),u=n(22),f=n(84),p=n(88),d=n(89),h="Object already initialized",y=s.TypeError,m=s.WeakMap;if(a||f.state){var v=f.state||(f.state=new m);v.get=v.get,v.has=v.has,v.set=v.set,r=function(t,e){if(v.has(t))throw y(h);return e.facade=t,v.set(t,e),e},o=function(t){return v.get(t)||{}},i=function(t){return v.has(t)}}else{var g=p("state");d[g]=!0,r=function(t,e){if(u(t,g))throw y(h);return e.facade=t,l(t,g,e),e},o=function(t){return u(t,g)?t[g]:{}},i=function(t){return u(t,g)}}t.exports={set:r,get:o,has:i,enforce:function(t){return i(t)?o(t):r(t,{})},getterFor:function(t){return function(e){var n;if(!c(e)||(n=o(e)).type!==t)throw y("Incompatible receiver, "+t+" required");return n}}}},function(t,e,n){var r=n(180),o=n(2),i=n(34),a=n(5)("toStringTag"),s=Object,c="Arguments"==i(function(){return arguments}());t.exports=r?i:function(t){var e,n,r;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,e){try{return t[e]}catch(n){}}(e=s(t),a))?n:c?i(e):"Object"==(r=i(e))&&o(e.callee)?"Arguments":r}},function(t,e,n){var r,o=n(20),i=n(321),a=n(91),s=n(89),c=n(129),l=n(67),u=n(88),f="prototype",p="script",d=u("IE_PROTO"),h=function(){},y=function(t){return"<"+p+">"+t+"</"+p+">"},m=function(t){t.write(y("")),t.close();var e=t.parentWindow.Object;return t=null,e},v=function(){try{r=new ActiveXObject("htmlfile")}catch(i){}var t,e,n;v="undefined"!=typeof document?document.domain&&r?m(r):(e=l("iframe"),n="java"+p+":",e.style.display="none",c.appendChild(e),e.src=String(n),(t=e.contentWindow.document).open(),t.write(y("document.F=Object")),t.close(),t.F):m(r);for(var o=a.length;o--;)delete v[f][a[o]];return v()};s[d]=!0,t.exports=Object.create||function(t,e){var n;return null!==t?(h[f]=o(t),n=new h,h[f]=null,n[d]=t):n=v(),void 0===e?n:i.f(n,e)}},function(t,e,n){var r=n(69),o=n(83),i=n(64),a=n(48),s=n(5)("iterator");t.exports=function(t){if(!i(t))return o(t,s)||o(t,"@@iterator")||a[r(t)]}},function(t,e,n){var r=n(34),o=n(4);t.exports="process"==r(o.process)},function(t,e,n){var r=n(28).f,o=n(22),i=n(5)("toStringTag");t.exports=function(t,e,n){t&&!n&&(t=t.prototype),t&&!o(t,i)&&r(t,i,{configurable:!0,value:e})}},function(t,e,n){"use strict";var r=n(30),o=TypeError,i=function(t){var e,n;this.promise=new t((function(t,r){if(void 0!==e||void 0!==n)throw o("Bad Promise constructor");e=t,n=r})),this.resolve=r(e),this.reject=r(n)};t.exports.f=function(t){return new i(t)}},function(t){t.exports=function(t){try{return!!t()}catch(e){return!0}}},function(t,e,n){var r=n(53);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,e,n){var r=n(51),o=n(29),i="__core-js_shared__",a=o[i]||(o[i]={});(t.exports=function(t,e){return a[t]||(a[t]=void 0!==e?e:{})})("versions",[]).push({version:r.version,mode:n(100)?"pure":"global",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"})},,function(t,e,n){var r=n(19),o=n(16),i=n(170),a=n(42),s=n(43),c=n(81),l=n(22),u=n(112),f=Object.getOwnPropertyDescriptor;e.f=r?f:function(t,e){if(t=s(t),e=c(e),u)try{return f(t,e)}catch(n){}if(l(t,e))return a(!o(i.f,t,e),t[e])}},function(t,e,n){var r=n(6),o=n(7),i=n(34),a=Object,s=r("".split);t.exports=o((function(){return!a("z").propertyIsEnumerable(0)}))?function(t){return"String"==i(t)?s(t,""):a(t)}:a},function(t,e,n){var r=n(171),o=n(106);t.exports=function(t){var e=r(t,"string");return o(e)?e:e+""}},function(t,e,n){var r=n(6);t.exports=r({}.isPrototypeOf)},function(t,e,n){var r=n(30),o=n(64);t.exports=function(t,e){var n=t[e];return o(n)?void 0:r(n)}},function(t,e,n){var r=n(4),o=n(85),i="__core-js_shared__",a=r[i]||o(i,{});t.exports=a},function(t,e,n){var r=n(4),o=Object.defineProperty;t.exports=function(t,e){try{o(r,t,{value:e,configurable:!0,writable:!0})}catch(n){r[t]=e}return e}},function(t,e,n){var r=n(19),o=n(22),i=Function.prototype,a=r&&Object.getOwnPropertyDescriptor,s=o(i,"name"),c=s&&"something"===function(){}.name,l=s&&(!r||r&&a(i,"name").configurable);t.exports={EXISTS:s,PROPER:c,CONFIGURABLE:l}},function(t,e,n){var r=n(6),o=n(2),i=n(84),a=r(Function.toString);o(i.inspectSource)||(i.inspectSource=function(t){return a(t)}),t.exports=i.inspectSource},function(t,e,n){var r=n(110),o=n(111),i=r("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},function(t){t.exports={}},function(t,e,n){var r=n(177);t.exports=function(t){var e=+t;return e!=e||0===e?0:r(e)}},function(t){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},function(t,e,n){var r=n(6),o=n(7),i=n(2),a=n(69),s=n(27),c=n(87),l=function(){},u=[],f=s("Reflect","construct"),p=/^\s*(?:class|function)\b/,d=r(p.exec),h=!p.exec(l),y=function(t){if(!i(t))return!1;try{return f(l,u,t),!0}catch(e){return!1}},m=function(t){if(!i(t))return!1;switch(a(t)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return h||!!d(p,c(t))}catch(e){return!0}};m.sham=!0,t.exports=!f||o((function(){var t;return y(y.call)||!y(Object)||!y((function(){t=!0}))||t}))?m:y},function(t,e,n){var r=n(5),o=n(70),i=n(28).f,a=r("unscopables"),s=Array.prototype;null==s[a]&&i(s,a,{configurable:!0,value:o(null)}),t.exports=function(t){s[a][t]=!0}},function(t,e,n){var r=n(16),o=n(30),i=n(20),a=n(66),s=n(71),c=TypeError;t.exports=function(t,e){var n=arguments.length<2?s(t):e;if(o(n))return i(r(n,t));throw c(a(t)+" is not iterable")}},function(t){t.exports=function(t){try{return{error:!1,value:t()}}catch(e){return{error:!0,value:e}}}},function(t,e,n){var r=n(52),o=n(98);t.exports=n(38)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var r=n(53);t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var r=n(29),o=n(96),i=n(37),a=n(54)("src"),s=n(228),c="toString",l=(""+s).split(c);n(51).inspectSource=function(t){return s.call(t)},(t.exports=function(t,e,n,s){var c="function"==typeof n;c&&(i(n,"name")||o(n,"name",e)),t[e]!==n&&(c&&(i(n,a)||o(n,a,t[e]?""+t[e]:l.join(String(e)))),t===r?t[e]=n:s?t[e]?t[e]=n:o(t,e,n):(delete t[e],o(t,e,n)))})(Function.prototype,c,(function(){return"function"==typeof this&&this[a]||s.call(this)}))},function(t){t.exports=!1},function(t,e,n){var r=n(150),o=n(103);t.exports=Object.keys||function(t){return r(t,o)}},function(t){var e={}.toString;t.exports=function(t){return e.call(t).slice(8,-1)}},function(t){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(){if(window.self!==window.top)for(var t=document.getElementsByTagName("a"),e=0;e<t.length;e++)t[e].onclick=function(t){var e=this.getAttribute("href"),n=this.getAttribute("target");if(void 0===n||"_parent"!==n&&"_blank"!==n){if(!e||"#"===e)return t.preventDefault(),!1;t.preventDefault(),window.location.replace(e)}else;return!0};window.addEventListener("message",(function(t){if("file:"===window.location.protocol||t.origin===window.location.protocol+"//"+window.location.host){var e,n={};try{n="string"!=typeof t.data?t.data:JSON.parse(t.data)}catch(r){}if(void 0!==n.event&&"patternLab.updatePath"===n.event)if(void 0!==window.patternData.patternPartial){e=window.location.protocol+"//"+window.location.host+window.location.pathname.replace(/(patterns|snapshots)\/(.*)$/,"")+n.path+"?"+Date.now(),window.location.replace(e)}else e=window.location.protocol+"//"+window.location.host+window.location.pathname.replace("styleguide/html/styleguide.html","")+n.path+"?"+Date.now(),window.location.replace(e);else void 0!==n.event&&"patternLab.reload"===n.event&&window.location.reload()}}),!1)},function(t){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}var n="object"==("undefined"==typeof document?"undefined":e(document))&&document.all,r=void 0===n&&void 0!==n;t.exports={all:n,IS_HTMLDDA:r}},function(t,e,n){function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var o=n(27),i=n(2),a=n(82),s=n(107),c=Object;t.exports=s?function(t){return"symbol"==r(t)}:function(t){var e=o("Symbol");return i(e)&&a(e.prototype,c(t))}},function(t,e,n){function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var o=n(108);t.exports=o&&!Symbol.sham&&"symbol"==r(Symbol.iterator)},function(t,e,n){var r=n(109),o=n(7);t.exports=!!Object.getOwnPropertySymbols&&!o((function(){var t=Symbol();return!String(t)||!(Object(t)instanceof Symbol)||!Symbol.sham&&r&&r<41}))},function(t,e,n){var r,o,i=n(4),a=n(65),s=i.process,c=i.Deno,l=s&&s.versions||c&&c.version,u=l&&l.v8;u&&(o=(r=u.split("."))[0]>0&&r[0]<4?1:+(r[0]+r[1])),!o&&a&&(!(r=a.match(/Edge\/(\d+)/))||r[1]>=74)&&(r=a.match(/Chrome\/(\d+)/))&&(o=+r[1]),t.exports=o},function(t,e,n){var r=n(25),o=n(84);(t.exports=function(t,e){return o[t]||(o[t]=void 0!==e?e:{})})("versions",[]).push({version:"3.27.1",mode:r?"pure":"global",copyright:"© 2014-2022 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.27.1/LICENSE",source:"https://github.com/zloirock/core-js"})},function(t,e,n){var r=n(6),o=0,i=Math.random(),a=r(1..toString);t.exports=function(t){return"Symbol("+(void 0===t?"":t)+")_"+a(++o+i,36)}},function(t,e,n){var r=n(19),o=n(7),i=n(67);t.exports=!r&&!o((function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},function(t,e,n){var r=n(19),o=n(7);t.exports=r&&o((function(){return 42!=Object.defineProperty((function(){}),"prototype",{value:42,writable:!1}).prototype}))},function(t,e,n){var r=n(6),o=n(22),i=n(43),a=n(115).indexOf,s=n(89),c=r([].push);t.exports=function(t,e){var n,r=i(t),l=0,u=[];for(n in r)!o(s,n)&&o(r,n)&&c(u,n);for(;e.length>l;)o(r,n=e[l++])&&(~a(u,n)||c(u,n));return u}},function(t,e,n){var r=n(43),o=n(116),i=n(46),a=function(t){return function(e,n,a){var s,c=r(e),l=i(c),u=o(a,l);if(t&&n!=n){for(;l>u;)if((s=c[u++])!=s)return!0}else for(;l>u;u++)if((t||u in c)&&c[u]===n)return t||u||0;return!t&&-1}};t.exports={includes:a(!0),indexOf:a(!1)}},function(t,e,n){var r=n(90),o=Math.max,i=Math.min;t.exports=function(t,e){var n=r(t);return n<0?o(n+e,0):i(n,e)}},function(t,e,n){var r=n(90),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},function(t,e,n){var r=n(7),o=n(2),i=/#|\.prototype\./,a=function(t,e){var n=c[s(t)];return n==u||n!=l&&(o(e)?r(e):!!e)},s=a.normalize=function(t){return String(t).replace(i,".").toLowerCase()},c=a.data={},l=a.NATIVE="N",u=a.POLYFILL="P";t.exports=a},function(t,e,n){var r=n(179),o=TypeError;t.exports=function(t){if(r(t))throw o("The method doesn't accept regular expressions");return t}},function(t,e,n){var r=n(5)("match");t.exports=function(t){var e=/./;try{"/./"[t](e)}catch(n){try{return e[r]=!1,"/./"[t](e)}catch(o){}}return!1}},function(t,e,n){"use strict";var r=n(122).end,o=n(124);t.exports=o("trimEnd")?function(){return r(this)}:"".trimEnd},function(t,e,n){var r=n(6),o=n(35),i=n(47),a=n(123),s=r("".replace),c="["+a+"]",l=RegExp("^"+c+c+"*"),u=RegExp(c+c+"*$"),f=function(t){return function(e){var n=i(o(e));return 1&t&&(n=s(n,l,"")),2&t&&(n=s(n,u,"")),n}};t.exports={start:f(1),end:f(2),trim:f(3)}},function(t){t.exports="\t\n\v\f\r                　\u2028\u2029\ufeff"},function(t,e,n){var r=n(86).PROPER,o=n(7),i=n(123);t.exports=function(t){return o((function(){return!!i[t]()||"​…᠎"!=="​…᠎"[t]()||r&&i[t].name!==t}))}},function(t,e,n){"use strict";var r=n(122).start,o=n(124);t.exports=o("trimStart")?function(){return r(this)}:"".trimStart},function(t,e,n){var r=n(34),o=n(6);t.exports=function(t){if("Function"===r(t))return o(t)}},function(t,e,n){var r=n(36),o=n(6),i=n(80),a=n(44),s=n(46),c=n(182),l=o([].push),u=function(t){var e=1==t,n=2==t,o=3==t,u=4==t,f=6==t,p=7==t,d=5==t||f;return function(h,y,m,v){for(var g,b,_=a(h),A=i(_),w=r(y,m),C=s(A),S=0,x=v||c,k=e?x(h,C):n||p?x(h,0):void 0;C>S;S++)if((d||S in A)&&(b=w(g=A[S],S,_),t))if(e)k[S]=b;else if(b)switch(t){case 3:return!0;case 5:return g;case 6:return S;case 2:l(k,g)}else switch(t){case 4:return!1;case 7:l(k,g)}return f?-1:o||u?u:k}};t.exports={forEach:u(0),map:u(1),filter:u(2),some:u(3),every:u(4),find:u(5),findIndex:u(6),filterReject:u(7)}},function(t,e,n){var r=n(114),o=n(91);t.exports=Object.keys||function(t){return r(t,o)}},function(t,e,n){var r=n(27);t.exports=r("document","documentElement")},function(t,e,n){var r=n(16),o=n(20),i=n(83);t.exports=function(t,e,n){var a,s;o(t);try{if(!(a=i(t,"return"))){if("throw"===e)throw n;return n}a=r(a,t)}catch(c){s=!0,a=c}if("throw"===e)throw n;if(s)throw a;return o(a),n}},function(t,e,n){var r=n(5),o=n(48),i=r("iterator"),a=Array.prototype;t.exports=function(t){return void 0!==t&&(o.Array===t||a[i]===t)}},function(t,e,n){"use strict";var r=n(81),o=n(28),i=n(42);t.exports=function(t,e,n){var a=r(e);a in t?o.f(t,a,i(0,n)):t[a]=n}},function(t,e,n){var r=n(5)("iterator"),o=!1;try{var i=0,a={next:function(){return{done:!!i++}},return:function(){o=!0}};a[r]=function(){return this},Array.from(a,(function(){throw 2}))}catch(s){}t.exports=function(t,e){if(!e&&!o)return!1;var n=!1;try{var i={};i[r]=function(){return{next:function(){return{done:n=!0}}}},t(i)}catch(s){}return n}},function(t,e,n){var r=n(6),o=n(20),i=n(188);t.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var t,e=!1,n={};try{(t=r(Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set))(n,[]),e=n instanceof Array}catch(a){}return function(n,r){return o(n),i(r),e?t(n,r):n.__proto__=r,n}}():void 0)},function(t,e,n){var r=n(82),o=TypeError;t.exports=function(t,e){if(r(e,t))return t;throw o("Incorrect invocation")}},function(t,e,n){var r,o,i,a,s=n(4),c=n(192),l=n(36),u=n(2),f=n(22),p=n(7),d=n(129),h=n(193),y=n(67),m=n(137),v=n(138),g=n(72),b=s.setImmediate,_=s.clearImmediate,A=s.process,w=s.Dispatch,C=s.Function,S=s.MessageChannel,x=s.String,k=0,E={},O="onreadystatechange";try{r=s.location}catch(N){}var B=function(t){if(f(E,t)){var e=E[t];delete E[t],e()}},P=function(t){return function(){B(t)}},j=function(t){B(t.data)},T=function(t){s.postMessage(x(t),r.protocol+"//"+r.host)};b&&_||(b=function(t){m(arguments.length,1);var e=u(t)?t:C(t),n=h(arguments,1);return E[++k]=function(){c(e,void 0,n)},o(k),k},_=function(t){delete E[t]},g?o=function(t){A.nextTick(P(t))}:w&&w.now?o=function(t){w.now(P(t))}:S&&!v?(a=(i=new S).port2,i.port1.onmessage=j,o=l(a.postMessage,a)):s.addEventListener&&u(s.postMessage)&&!s.importScripts&&r&&"file:"!==r.protocol&&!p(T)?(o=T,s.addEventListener("message",j,!1)):o=O in y("script")?function(t){d.appendChild(y("script"))[O]=function(){d.removeChild(this),B(t)}}:function(t){setTimeout(P(t),0)}),t.exports={set:b,clear:_}},function(t){var e=TypeError;t.exports=function(t,n){if(t<n)throw e("Not enough arguments");return t}},function(t,e,n){var r=n(65);t.exports=/(?:ipad|iphone|ipod).*applewebkit/i.test(r)},function(t){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}t.exports="object"==("undefined"==typeof Deno?"undefined":e(Deno))&&Deno&&"object"==e(Deno.version)},function(t,e,n){function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var o=n(36),i=n(16),a=n(20),s=n(66),c=n(131),l=n(46),u=n(82),f=n(94),p=n(71),d=n(130),h=TypeError,y=function(t,e){this.stopped=t,this.result=e},m=y.prototype;t.exports=function(t,e,n){var v,g,b,_,A,w,C,S=n&&n.that,x=!(!n||!n.AS_ENTRIES),k=!(!n||!n.IS_RECORD),E=!(!n||!n.IS_ITERATOR),O=!(!n||!n.INTERRUPTED),B=o(e,S),P=function(t){return v&&d(v,"normal",t),new y(!0,t)},j=function(t){return x?(a(t),O?B(t[0],t[1],P):B(t[0],t[1])):O?B(t,P):B(t)};if(k)v=t.iterator;else if(E)v=t;else{if(!(g=p(t)))throw h(s(t)+" is not iterable");if(c(g)){for(b=0,_=l(t);_>b;b++)if((A=j(t[b]))&&u(m,A))return A;return new y(!1)}v=f(t,g)}for(w=k?t.next:v.next;!(C=i(w,v)).done;){try{A=j(C.value)}catch(T){d(v,"throw",T)}if("object"==r(A)&&A&&u(m,A))return A}return new y(!1)}},function(t,e,n){var r=n(49),o=n(133),i=n(50).CONSTRUCTOR;t.exports=i||!o((function(t){r.all(t).then(void 0,(function(){}))}))},function(t){t.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},function(t,e,n){var r=n(67)("span").classList,o=r&&r.constructor&&r.constructor.prototype;t.exports=o===Object.prototype?void 0:o},function(t,e,n){"use strict";var r=n(43),o=n(93),i=n(48),a=n(68),s=n(28).f,c=n(203),l=n(205),u=n(25),f=n(19),p="Array Iterator",d=a.set,h=a.getterFor(p);t.exports=c(Array,"Array",(function(t,e){d(this,{type:p,target:r(t),index:0,kind:e})}),(function(){var t=h(this),e=t.target,n=t.kind,r=t.index++;return!e||r>=e.length?(t.target=void 0,l(void 0,!0)):l("keys"==n?r:"values"==n?e[r]:[r,e[r]],!1)}),"values");var y=i.Arguments=i.Array;if(o("keys"),o("values"),o("entries"),!u&&f&&"values"!==y.name)try{s(y,"name",{value:"values"})}catch(m){}},function(t,e,n){"use strict";var r=n(146).IteratorPrototype,o=n(70),i=n(42),a=n(73),s=n(48),c=function(){return this};t.exports=function(t,e,n,l){var u=e+" Iterator";return t.prototype=o(r,{next:i(+!l,n)}),a(t,u,!1,!0),s[u]=c,t}},function(t,e,n){"use strict";var r,o,i,a=n(7),s=n(2),c=n(21),l=n(70),u=n(147),f=n(31),p=n(5),d=n(25),h=p("iterator"),y=!1;[].keys&&("next"in(i=[].keys())?(o=u(u(i)))!==Object.prototype&&(r=o):y=!0),!c(r)||a((function(){var t={};return r[h].call(t)!==t}))?r={}:d&&(r=l(r)),s(r[h])||f(r,h,(function(){return this})),t.exports={IteratorPrototype:r,BUGGY_SAFARI_ITERATORS:y}},function(t,e,n){var r=n(22),o=n(2),i=n(44),a=n(88),s=n(204),c=a("IE_PROTO"),l=Object,u=l.prototype;t.exports=s?l.getPrototypeOf:function(t){var e=i(t);if(r(e,c))return e[c];var n=e.constructor;return o(n)&&e instanceof n?n.prototype:e instanceof l?u:null}},function(t,e,n){t.exports=!n(38)&&!n(75)((function(){return 7!=Object.defineProperty(n(149)("div"),"a",{get:function(){return 7}}).a}))},function(t,e,n){var r=n(53),o=n(29).document,i=r(o)&&r(o.createElement);t.exports=function(t){return i?o.createElement(t):{}}},function(t,e,n){var r=n(37),o=n(56),i=n(237)(!1),a=n(153)("IE_PROTO");t.exports=function(t,e){var n,s=o(t),c=0,l=[];for(n in s)n!=a&&r(s,n)&&l.push(n);for(;e.length>c;)r(s,n=e[c++])&&(~i(l,n)||l.push(n));return l}},function(t){t.exports=function(t){if(null==t)throw TypeError("Can't call method on  "+t);return t}},function(t){var e=Math.ceil,n=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?n:e)(t)}},function(t,e,n){var r=n(77)("keys"),o=n(54);t.exports=function(t){return r[t]||(r[t]=o(t))}},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e){return t.filter((function(t){return!(0,r.default)(t)})).map((function(t,n){var r=void 0;return"function"!=typeof e||null!==(r=e(t,n))&&!r?(0,o.default)(t,n,e):r}))};var r=i(n(328)),o=i(n(212));function i(t){return t&&t.__esModule?t:{default:t}}},function(t,e,n){var r=n(157),o={input:!0,option:!0,optgroup:!0,select:!0,button:!0,datalist:!0,textarea:!0},i={tr:{tr:!0,th:!0,td:!0},th:{th:!0},td:{thead:!0,th:!0,td:!0},body:{head:!0,link:!0,script:!0},li:{li:!0},p:{p:!0},h1:{p:!0},h2:{p:!0},h3:{p:!0},h4:{p:!0},h5:{p:!0},h6:{p:!0},select:o,input:o,output:o,button:o,datalist:o,textarea:o,option:{option:!0},optgroup:{optgroup:!0}},a={__proto__:null,area:!0,base:!0,basefont:!0,br:!0,col:!0,command:!0,embed:!0,frame:!0,hr:!0,img:!0,input:!0,isindex:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0},s={__proto__:null,math:!0,svg:!0},c={__proto__:null,mi:!0,mo:!0,mn:!0,ms:!0,mtext:!0,"annotation-xml":!0,foreignObject:!0,desc:!0,title:!0},l=/\s|\//;function u(t,e){this._options=e||{},this._cbs=t||{},this._tagname="",this._attribname="",this._attribvalue="",this._attribs=null,this._stack=[],this._foreignContext=[],this.startIndex=0,this.endIndex=null,this._lowerCaseTagNames="lowerCaseTags"in this._options?!!this._options.lowerCaseTags:!this._options.xmlMode,this._lowerCaseAttributeNames="lowerCaseAttributeNames"in this._options?!!this._options.lowerCaseAttributeNames:!this._options.xmlMode,this._options.Tokenizer&&(r=this._options.Tokenizer),this._tokenizer=new r(this._options,this),this._cbs.onparserinit&&this._cbs.onparserinit(this)}n(61)(u,n(249).EventEmitter),u.prototype._updatePosition=function(t){null===this.endIndex?this._tokenizer._sectionStart<=t?this.startIndex=0:this.startIndex=this._tokenizer._sectionStart-t:this.startIndex=this.endIndex+1,this.endIndex=this._tokenizer.getAbsoluteIndex()},u.prototype.ontext=function(t){this._updatePosition(1),this.endIndex--,this._cbs.ontext&&this._cbs.ontext(t)},u.prototype.onopentagname=function(t){if(this._lowerCaseTagNames&&(t=t.toLowerCase()),this._tagname=t,!this._options.xmlMode&&t in i)for(var e;(e=this._stack[this._stack.length-1])in i[t];this.onclosetag(e));!this._options.xmlMode&&t in a||(this._stack.push(t),t in s?this._foreignContext.push(!0):t in c&&this._foreignContext.push(!1)),this._cbs.onopentagname&&this._cbs.onopentagname(t),this._cbs.onopentag&&(this._attribs={})},u.prototype.onopentagend=function(){this._updatePosition(1),this._attribs&&(this._cbs.onopentag&&this._cbs.onopentag(this._tagname,this._attribs),this._attribs=null),!this._options.xmlMode&&this._cbs.onclosetag&&this._tagname in a&&this._cbs.onclosetag(this._tagname),this._tagname=""},u.prototype.onclosetag=function(t){if(this._updatePosition(1),this._lowerCaseTagNames&&(t=t.toLowerCase()),(t in s||t in c)&&this._foreignContext.pop(),!this._stack.length||t in a&&!this._options.xmlMode)this._options.xmlMode||"br"!==t&&"p"!==t||(this.onopentagname(t),this._closeCurrentTag());else{var e=this._stack.lastIndexOf(t);if(-1!==e)if(this._cbs.onclosetag)for(e=this._stack.length-e;e--;)this._cbs.onclosetag(this._stack.pop());else this._stack.length=e;else"p"!==t||this._options.xmlMode||(this.onopentagname(t),this._closeCurrentTag())}},u.prototype.onselfclosingtag=function(){this._options.xmlMode||this._options.recognizeSelfClosing||this._foreignContext[this._foreignContext.length-1]?this._closeCurrentTag():this.onopentagend()},u.prototype._closeCurrentTag=function(){var t=this._tagname;this.onopentagend(),this._stack[this._stack.length-1]===t&&(this._cbs.onclosetag&&this._cbs.onclosetag(t),this._stack.pop())},u.prototype.onattribname=function(t){this._lowerCaseAttributeNames&&(t=t.toLowerCase()),this._attribname=t},u.prototype.onattribdata=function(t){this._attribvalue+=t},u.prototype.onattribend=function(){this._cbs.onattribute&&this._cbs.onattribute(this._attribname,this._attribvalue),this._attribs&&!Object.prototype.hasOwnProperty.call(this._attribs,this._attribname)&&(this._attribs[this._attribname]=this._attribvalue),this._attribname="",this._attribvalue=""},u.prototype._getInstructionName=function(t){var e=t.search(l),n=e<0?t:t.substr(0,e);return this._lowerCaseTagNames&&(n=n.toLowerCase()),n},u.prototype.ondeclaration=function(t){if(this._cbs.onprocessinginstruction){var e=this._getInstructionName(t);this._cbs.onprocessinginstruction("!"+e,"!"+t)}},u.prototype.onprocessinginstruction=function(t){if(this._cbs.onprocessinginstruction){var e=this._getInstructionName(t);this._cbs.onprocessinginstruction("?"+e,"?"+t)}},u.prototype.oncomment=function(t){this._updatePosition(4),this._cbs.oncomment&&this._cbs.oncomment(t),this._cbs.oncommentend&&this._cbs.oncommentend()},u.prototype.oncdata=function(t){this._updatePosition(1),this._options.xmlMode||this._options.recognizeCDATA?(this._cbs.oncdatastart&&this._cbs.oncdatastart(),this._cbs.ontext&&this._cbs.ontext(t),this._cbs.oncdataend&&this._cbs.oncdataend()):this.oncomment("[CDATA["+t+"]]")},u.prototype.onerror=function(t){this._cbs.onerror&&this._cbs.onerror(t)},u.prototype.onend=function(){if(this._cbs.onclosetag)for(var t=this._stack.length;t>0;this._cbs.onclosetag(this._stack[--t]));this._cbs.onend&&this._cbs.onend()},u.prototype.reset=function(){this._cbs.onreset&&this._cbs.onreset(),this._tokenizer.reset(),this._tagname="",this._attribname="",this._attribs=null,this._stack=[],this._cbs.onparserinit&&this._cbs.onparserinit(this)},u.prototype.parseComplete=function(t){this.reset(),this.end(t)},u.prototype.write=function(t){this._tokenizer.write(t)},u.prototype.end=function(t){this._tokenizer.end(t)},u.prototype.pause=function(){this._tokenizer.pause()},u.prototype.resume=function(){this._tokenizer.resume()},u.prototype.parseChunk=u.prototype.write,u.prototype.done=u.prototype.end,t.exports=u},function(t,e,n){t.exports=mt;var r=n(248),o=n(351),i=n(352),a=n(353),s=0,c=s++,l=s++,u=s++,f=s++,p=s++,d=s++,h=s++,y=s++,m=s++,v=s++,g=s++,b=s++,_=s++,A=s++,w=s++,C=s++,S=s++,x=s++,k=s++,E=s++,O=s++,B=s++,P=s++,j=s++,T=s++,N=s++,M=s++,L=s++,R=s++,D=s++,q=s++,I=s++,U=s++,z=s++,H=s++,F=s++,V=s++,W=s++,Y=s++,Z=s++,G=s++,K=s++,J=s++,Q=s++,X=s++,$=s++,tt=s++,et=s++,nt=s++,rt=s++,ot=s++,it=s++,at=s++,st=s++,ct=s++,lt=0,ut=lt++,ft=lt++,pt=lt++;function dt(t){return" "===t||"\n"===t||"\t"===t||"\f"===t||"\r"===t}function ht(t,e,n){var r=t.toLowerCase();return t===r?function(t){t===r?this._state=e:(this._state=n,this._index--)}:function(o){o===r||o===t?this._state=e:(this._state=n,this._index--)}}function yt(t,e){var n=t.toLowerCase();return function(r){r===n||r===t?this._state=e:(this._state=u,this._index--)}}function mt(t,e){this._state=c,this._buffer="",this._sectionStart=0,this._index=0,this._bufferOffset=0,this._baseState=c,this._special=ut,this._cbs=e,this._running=!0,this._ended=!1,this._xmlMode=!(!t||!t.xmlMode),this._decodeEntities=!(!t||!t.decodeEntities)}mt.prototype._stateText=function(t){"<"===t?(this._index>this._sectionStart&&this._cbs.ontext(this._getSection()),this._state=l,this._sectionStart=this._index):this._decodeEntities&&this._special===ut&&"&"===t&&(this._index>this._sectionStart&&this._cbs.ontext(this._getSection()),this._baseState=c,this._state=ot,this._sectionStart=this._index)},mt.prototype._stateBeforeTagName=function(t){"/"===t?this._state=p:"<"===t?(this._cbs.ontext(this._getSection()),this._sectionStart=this._index):">"===t||this._special!==ut||dt(t)?this._state=c:"!"===t?(this._state=w,this._sectionStart=this._index+1):"?"===t?(this._state=S,this._sectionStart=this._index+1):(this._state=this._xmlMode||"s"!==t&&"S"!==t?u:q,this._sectionStart=this._index)},mt.prototype._stateInTagName=function(t){("/"===t||">"===t||dt(t))&&(this._emitToken("onopentagname"),this._state=y,this._index--)},mt.prototype._stateBeforeCloseingTagName=function(t){dt(t)||(">"===t?this._state=c:this._special!==ut?"s"===t||"S"===t?this._state=I:(this._state=c,this._index--):(this._state=d,this._sectionStart=this._index))},mt.prototype._stateInCloseingTagName=function(t){(">"===t||dt(t))&&(this._emitToken("onclosetag"),this._state=h,this._index--)},mt.prototype._stateAfterCloseingTagName=function(t){">"===t&&(this._state=c,this._sectionStart=this._index+1)},mt.prototype._stateBeforeAttributeName=function(t){">"===t?(this._cbs.onopentagend(),this._state=c,this._sectionStart=this._index+1):"/"===t?this._state=f:dt(t)||(this._state=m,this._sectionStart=this._index)},mt.prototype._stateInSelfClosingTag=function(t){">"===t?(this._cbs.onselfclosingtag(),this._state=c,this._sectionStart=this._index+1):dt(t)||(this._state=y,this._index--)},mt.prototype._stateInAttributeName=function(t){("="===t||"/"===t||">"===t||dt(t))&&(this._cbs.onattribname(this._getSection()),this._sectionStart=-1,this._state=v,this._index--)},mt.prototype._stateAfterAttributeName=function(t){"="===t?this._state=g:"/"===t||">"===t?(this._cbs.onattribend(),this._state=y,this._index--):dt(t)||(this._cbs.onattribend(),this._state=m,this._sectionStart=this._index)},mt.prototype._stateBeforeAttributeValue=function(t){'"'===t?(this._state=b,this._sectionStart=this._index+1):"'"===t?(this._state=_,this._sectionStart=this._index+1):dt(t)||(this._state=A,this._sectionStart=this._index,this._index--)},mt.prototype._stateInAttributeValueDoubleQuotes=function(t){'"'===t?(this._emitToken("onattribdata"),this._cbs.onattribend(),this._state=y):this._decodeEntities&&"&"===t&&(this._emitToken("onattribdata"),this._baseState=this._state,this._state=ot,this._sectionStart=this._index)},mt.prototype._stateInAttributeValueSingleQuotes=function(t){"'"===t?(this._emitToken("onattribdata"),this._cbs.onattribend(),this._state=y):this._decodeEntities&&"&"===t&&(this._emitToken("onattribdata"),this._baseState=this._state,this._state=ot,this._sectionStart=this._index)},mt.prototype._stateInAttributeValueNoQuotes=function(t){dt(t)||">"===t?(this._emitToken("onattribdata"),this._cbs.onattribend(),this._state=y,this._index--):this._decodeEntities&&"&"===t&&(this._emitToken("onattribdata"),this._baseState=this._state,this._state=ot,this._sectionStart=this._index)},mt.prototype._stateBeforeDeclaration=function(t){this._state="["===t?B:"-"===t?x:C},mt.prototype._stateInDeclaration=function(t){">"===t&&(this._cbs.ondeclaration(this._getSection()),this._state=c,this._sectionStart=this._index+1)},mt.prototype._stateInProcessingInstruction=function(t){">"===t&&(this._cbs.onprocessinginstruction(this._getSection()),this._state=c,this._sectionStart=this._index+1)},mt.prototype._stateBeforeComment=function(t){"-"===t?(this._state=k,this._sectionStart=this._index+1):this._state=C},mt.prototype._stateInComment=function(t){"-"===t&&(this._state=E)},mt.prototype._stateAfterComment1=function(t){this._state="-"===t?O:k},mt.prototype._stateAfterComment2=function(t){">"===t?(this._cbs.oncomment(this._buffer.substring(this._sectionStart,this._index-2)),this._state=c,this._sectionStart=this._index+1):"-"!==t&&(this._state=k)},mt.prototype._stateBeforeCdata1=ht("C",P,C),mt.prototype._stateBeforeCdata2=ht("D",j,C),mt.prototype._stateBeforeCdata3=ht("A",T,C),mt.prototype._stateBeforeCdata4=ht("T",N,C),mt.prototype._stateBeforeCdata5=ht("A",M,C),mt.prototype._stateBeforeCdata6=function(t){"["===t?(this._state=L,this._sectionStart=this._index+1):(this._state=C,this._index--)},mt.prototype._stateInCdata=function(t){"]"===t&&(this._state=R)},mt.prototype._stateAfterCdata1=function(t){this._state="]"===t?D:L},mt.prototype._stateAfterCdata2=function(t){">"===t?(this._cbs.oncdata(this._buffer.substring(this._sectionStart,this._index-2)),this._state=c,this._sectionStart=this._index+1):"]"!==t&&(this._state=L)},mt.prototype._stateBeforeSpecial=function(t){"c"===t||"C"===t?this._state=U:"t"===t||"T"===t?this._state=J:(this._state=u,this._index--)},mt.prototype._stateBeforeSpecialEnd=function(t){this._special!==ft||"c"!==t&&"C"!==t?this._special!==pt||"t"!==t&&"T"!==t?this._state=c:this._state=tt:this._state=W},mt.prototype._stateBeforeScript1=yt("R",z),mt.prototype._stateBeforeScript2=yt("I",H),mt.prototype._stateBeforeScript3=yt("P",F),mt.prototype._stateBeforeScript4=yt("T",V),mt.prototype._stateBeforeScript5=function(t){("/"===t||">"===t||dt(t))&&(this._special=ft),this._state=u,this._index--},mt.prototype._stateAfterScript1=ht("R",Y,c),mt.prototype._stateAfterScript2=ht("I",Z,c),mt.prototype._stateAfterScript3=ht("P",G,c),mt.prototype._stateAfterScript4=ht("T",K,c),mt.prototype._stateAfterScript5=function(t){">"===t||dt(t)?(this._special=ut,this._state=d,this._sectionStart=this._index-6,this._index--):this._state=c},mt.prototype._stateBeforeStyle1=yt("Y",Q),mt.prototype._stateBeforeStyle2=yt("L",X),mt.prototype._stateBeforeStyle3=yt("E",$),mt.prototype._stateBeforeStyle4=function(t){("/"===t||">"===t||dt(t))&&(this._special=pt),this._state=u,this._index--},mt.prototype._stateAfterStyle1=ht("Y",et,c),mt.prototype._stateAfterStyle2=ht("L",nt,c),mt.prototype._stateAfterStyle3=ht("E",rt,c),mt.prototype._stateAfterStyle4=function(t){">"===t||dt(t)?(this._special=ut,this._state=d,this._sectionStart=this._index-5,this._index--):this._state=c},mt.prototype._stateBeforeEntity=ht("#",it,at),mt.prototype._stateBeforeNumericEntity=ht("X",ct,st),mt.prototype._parseNamedEntityStrict=function(){if(this._sectionStart+1<this._index){var t=this._buffer.substring(this._sectionStart+1,this._index),e=this._xmlMode?a:o;e.hasOwnProperty(t)&&(this._emitPartial(e[t]),this._sectionStart=this._index+1)}},mt.prototype._parseLegacyEntity=function(){var t=this._sectionStart+1,e=this._index-t;for(e>6&&(e=6);e>=2;){var n=this._buffer.substr(t,e);if(i.hasOwnProperty(n))return this._emitPartial(i[n]),void(this._sectionStart+=e+1);e--}},mt.prototype._stateInNamedEntity=function(t){";"===t?(this._parseNamedEntityStrict(),this._sectionStart+1<this._index&&!this._xmlMode&&this._parseLegacyEntity(),this._state=this._baseState):(t<"a"||t>"z")&&(t<"A"||t>"Z")&&(t<"0"||t>"9")&&(this._xmlMode||this._sectionStart+1===this._index||(this._baseState!==c?"="!==t&&this._parseNamedEntityStrict():this._parseLegacyEntity()),this._state=this._baseState,this._index--)},mt.prototype._decodeNumericEntity=function(t,e){var n=this._sectionStart+t;if(n!==this._index){var o=this._buffer.substring(n,this._index),i=parseInt(o,e);this._emitPartial(r(i)),this._sectionStart=this._index}else this._sectionStart--;this._state=this._baseState},mt.prototype._stateInNumericEntity=function(t){";"===t?(this._decodeNumericEntity(2,10),this._sectionStart++):(t<"0"||t>"9")&&(this._xmlMode?this._state=this._baseState:this._decodeNumericEntity(2,10),this._index--)},mt.prototype._stateInHexEntity=function(t){";"===t?(this._decodeNumericEntity(3,16),this._sectionStart++):(t<"a"||t>"f")&&(t<"A"||t>"F")&&(t<"0"||t>"9")&&(this._xmlMode?this._state=this._baseState:this._decodeNumericEntity(3,16),this._index--)},mt.prototype._cleanup=function(){this._sectionStart<0?(this._buffer="",this._bufferOffset+=this._index,this._index=0):this._running&&(this._state===c?(this._sectionStart!==this._index&&this._cbs.ontext(this._buffer.substr(this._sectionStart)),this._buffer="",this._bufferOffset+=this._index,this._index=0):this._sectionStart===this._index?(this._buffer="",this._bufferOffset+=this._index,this._index=0):(this._buffer=this._buffer.substr(this._sectionStart),this._index-=this._sectionStart,this._bufferOffset+=this._sectionStart),this._sectionStart=0)},mt.prototype.write=function(t){this._ended&&this._cbs.onerror(Error(".write() after done!")),this._buffer+=t,this._parse()},mt.prototype._parse=function(){for(;this._index<this._buffer.length&&this._running;){var t=this._buffer.charAt(this._index);this._state===c?this._stateText(t):this._state===l?this._stateBeforeTagName(t):this._state===u?this._stateInTagName(t):this._state===p?this._stateBeforeCloseingTagName(t):this._state===d?this._stateInCloseingTagName(t):this._state===h?this._stateAfterCloseingTagName(t):this._state===f?this._stateInSelfClosingTag(t):this._state===y?this._stateBeforeAttributeName(t):this._state===m?this._stateInAttributeName(t):this._state===v?this._stateAfterAttributeName(t):this._state===g?this._stateBeforeAttributeValue(t):this._state===b?this._stateInAttributeValueDoubleQuotes(t):this._state===_?this._stateInAttributeValueSingleQuotes(t):this._state===A?this._stateInAttributeValueNoQuotes(t):this._state===w?this._stateBeforeDeclaration(t):this._state===C?this._stateInDeclaration(t):this._state===S?this._stateInProcessingInstruction(t):this._state===x?this._stateBeforeComment(t):this._state===k?this._stateInComment(t):this._state===E?this._stateAfterComment1(t):this._state===O?this._stateAfterComment2(t):this._state===B?this._stateBeforeCdata1(t):this._state===P?this._stateBeforeCdata2(t):this._state===j?this._stateBeforeCdata3(t):this._state===T?this._stateBeforeCdata4(t):this._state===N?this._stateBeforeCdata5(t):this._state===M?this._stateBeforeCdata6(t):this._state===L?this._stateInCdata(t):this._state===R?this._stateAfterCdata1(t):this._state===D?this._stateAfterCdata2(t):this._state===q?this._stateBeforeSpecial(t):this._state===I?this._stateBeforeSpecialEnd(t):this._state===U?this._stateBeforeScript1(t):this._state===z?this._stateBeforeScript2(t):this._state===H?this._stateBeforeScript3(t):this._state===F?this._stateBeforeScript4(t):this._state===V?this._stateBeforeScript5(t):this._state===W?this._stateAfterScript1(t):this._state===Y?this._stateAfterScript2(t):this._state===Z?this._stateAfterScript3(t):this._state===G?this._stateAfterScript4(t):this._state===K?this._stateAfterScript5(t):this._state===J?this._stateBeforeStyle1(t):this._state===Q?this._stateBeforeStyle2(t):this._state===X?this._stateBeforeStyle3(t):this._state===$?this._stateBeforeStyle4(t):this._state===tt?this._stateAfterStyle1(t):this._state===et?this._stateAfterStyle2(t):this._state===nt?this._stateAfterStyle3(t):this._state===rt?this._stateAfterStyle4(t):this._state===ot?this._stateBeforeEntity(t):this._state===it?this._stateBeforeNumericEntity(t):this._state===at?this._stateInNamedEntity(t):this._state===st?this._stateInNumericEntity(t):this._state===ct?this._stateInHexEntity(t):this._cbs.onerror(Error("unknown _state"),this._state),this._index++}this._cleanup()},mt.prototype.pause=function(){this._running=!1},mt.prototype.resume=function(){this._running=!0,this._index<this._buffer.length&&this._parse(),this._ended&&this._finish()},mt.prototype.end=function(t){this._ended&&this._cbs.onerror(Error(".end() after done!")),t&&this.write(t),this._ended=!0,this._running&&this._finish()},mt.prototype._finish=function(){this._sectionStart<this._index&&this._handleTrailingData(),this._cbs.onend()},mt.prototype._handleTrailingData=function(){var t=this._buffer.substr(this._sectionStart);this._state===L||this._state===R||this._state===D?this._cbs.oncdata(t):this._state===k||this._state===E||this._state===O?this._cbs.oncomment(t):this._state!==at||this._xmlMode?this._state!==st||this._xmlMode?this._state!==ct||this._xmlMode?this._state!==u&&this._state!==y&&this._state!==g&&this._state!==v&&this._state!==m&&this._state!==_&&this._state!==b&&this._state!==A&&this._state!==d&&this._cbs.ontext(t):(this._decodeNumericEntity(3,16),this._sectionStart<this._index&&(this._state=this._baseState,this._handleTrailingData())):(this._decodeNumericEntity(2,10),this._sectionStart<this._index&&(this._state=this._baseState,this._handleTrailingData())):(this._parseLegacyEntity(),this._sectionStart<this._index&&(this._state=this._baseState,this._handleTrailingData()))},mt.prototype.reset=function(){mt.call(this,{xmlMode:this._xmlMode,decodeEntities:this._decodeEntities},this._cbs)},mt.prototype.getAbsoluteIndex=function(){return this._bufferOffset+this._index},mt.prototype._getSection=function(){return this._buffer.substring(this._sectionStart,this._index)},mt.prototype._emitToken=function(t){this._cbs[t](this._getSection()),this._sectionStart=-1},mt.prototype._emitPartial=function(t){this._baseState!==c?this._cbs.onattribdata(t):this._cbs.ontext(t)}},function(t,e,n){function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var o=n(59),i=/\s+/g,a=n(159),s=n(250);function c(t,e,n){"object"===r(t)?(n=e,e=t,t=null):"function"==typeof e&&(n=e,e=l),this._callback=t,this._options=e||l,this._elementCB=n,this.dom=[],this._done=!1,this._tagStack=[],this._parser=this._parser||null}var l={normalizeWhitespace:!1,withStartIndices:!1,withEndIndices:!1};c.prototype.onparserinit=function(t){this._parser=t},c.prototype.onreset=function(){c.call(this,this._callback,this._options,this._elementCB)},c.prototype.onend=function(){this._done||(this._done=!0,this._parser=null,this._handleCallback(null))},c.prototype._handleCallback=c.prototype.onerror=function(t){if("function"==typeof this._callback)this._callback(t,this.dom);else if(t)throw t},c.prototype.onclosetag=function(){var t=this._tagStack.pop();this._options.withEndIndices&&t&&(t.endIndex=this._parser.endIndex),this._elementCB&&this._elementCB(t)},c.prototype._createDomElement=function(t){if(!this._options.withDomLvl1)return t;var e;for(var n in e="tag"===t.type?Object.create(s):Object.create(a),t)t.hasOwnProperty(n)&&(e[n]=t[n]);return e},c.prototype._addDomElement=function(t){var e=this._tagStack[this._tagStack.length-1],n=e?e.children:this.dom,r=n[n.length-1];t.next=null,this._options.withStartIndices&&(t.startIndex=this._parser.startIndex),this._options.withEndIndices&&(t.endIndex=this._parser.endIndex),r?(t.prev=r,r.next=t):t.prev=null,n.push(t),t.parent=e||null},c.prototype.onopentag=function(t,e){var n={type:"script"===t?o.Script:"style"===t?o.Style:o.Tag,name:t,attribs:e,children:[]},r=this._createDomElement(n);this._addDomElement(r),this._tagStack.push(r)},c.prototype.ontext=function(t){var e,n=this._options.normalizeWhitespace||this._options.ignoreWhitespace;if(!this._tagStack.length&&this.dom.length&&(e=this.dom[this.dom.length-1]).type===o.Text)n?e.data=(e.data+t).replace(i," "):e.data+=t;else if(this._tagStack.length&&(e=this._tagStack[this._tagStack.length-1])&&(e=e.children[e.children.length-1])&&e.type===o.Text)n?e.data=(e.data+t).replace(i," "):e.data+=t;else{n&&(t=t.replace(i," "));var r=this._createDomElement({data:t,type:o.Text});this._addDomElement(r)}},c.prototype.oncomment=function(t){var e=this._tagStack[this._tagStack.length-1];if(e&&e.type===o.Comment)e.data+=t;else{var n={data:t,type:o.Comment},r=this._createDomElement(n);this._addDomElement(r),this._tagStack.push(r)}},c.prototype.oncdatastart=function(){var t={children:[{data:"",type:o.Text}],type:o.CDATA},e=this._createDomElement(t);this._addDomElement(e),this._tagStack.push(e)},c.prototype.oncommentend=c.prototype.oncdataend=function(){this._tagStack.pop()},c.prototype.onprocessinginstruction=function(t,e){var n=this._createDomElement({name:t,data:e,type:o.Directive});this._addDomElement(n)},t.exports=c},function(t){var e=t.exports={get firstChild(){var t=this.children;return t&&t[0]||null},get lastChild(){var t=this.children;return t&&t[t.length-1]||null},get nodeType(){return r[this.type]||r.element}},n={tagName:"name",childNodes:"children",parentNode:"parent",previousSibling:"prev",nextSibling:"next",nodeValue:"data"},r={element:1,text:3,cdata:4,comment:8};Object.keys(n).forEach((function(t){var r=n[t];Object.defineProperty(e,t,{get:function(){return this[r]||null},set:function(t){return this[r]=t,t}})}))},function(t,e,n){var r=t.exports;[n(251),n(358),n(359),n(256),n(360),n(361)].forEach((function(t){Object.keys(t).forEach((function(e){r[e]=t[e].bind(r)}))}))},function(t,e,n){t.exports=s;var r=n(156),o=n(362).Writable,i=n(363).s,a=n(162).Buffer;function s(t,e){var n=this._parser=new r(t,e),a=this._decoder=new i;o.call(this,{decodeStrings:!1}),this.once("finish",(function(){n.end(a.end())}))}n(61)(s,o),s.prototype._write=function(t,e,n){t instanceof a&&(t=this._decoder.write(t)),this._parser.write(t),n()}},function(t,e,n){"use strict";function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var o=n(364),i=n(365),a="function"==typeof Symbol&&"function"==typeof Symbol.for?Symbol.for("nodejs.util.inspect.custom"):null;e.Buffer=l,e.SlowBuffer=function(t){+t!=t&&(t=0);return l.alloc(+t)},e.INSPECT_MAX_BYTES=50;var s=2147483647;function c(t){if(t>s)throw new RangeError('The value "'+t+'" is invalid for option "size"');var e=new Uint8Array(t);return Object.setPrototypeOf(e,l.prototype),e}function l(t,e,n){if("number"==typeof t){if("string"==typeof e)throw new TypeError('The "string" argument must be of type string. Received type number');return p(t)}return u(t,e,n)}function u(t,e,n){if("string"==typeof t)return function(t,e){"string"==typeof e&&""!==e||(e="utf8");if(!l.isEncoding(e))throw new TypeError("Unknown encoding: "+e);var n=0|m(t,e),r=c(n),o=r.write(t,e);o!==n&&(r=r.slice(0,o));return r}(t,e);if(ArrayBuffer.isView(t))return function(t){if(H(t,Uint8Array)){var e=new Uint8Array(t);return h(e.buffer,e.byteOffset,e.byteLength)}return d(t)}(t);if(null==t)throw new TypeError("The first argument must be one of type string, Buffer, ArrayBuffer, Array, or Array-like Object. Received type "+r(t));if(H(t,ArrayBuffer)||t&&H(t.buffer,ArrayBuffer))return h(t,e,n);if("undefined"!=typeof SharedArrayBuffer&&(H(t,SharedArrayBuffer)||t&&H(t.buffer,SharedArrayBuffer)))return h(t,e,n);if("number"==typeof t)throw new TypeError('The "value" argument must not be of type number. Received type number');var o=t.valueOf&&t.valueOf();if(null!=o&&o!==t)return l.from(o,e,n);var i=function(t){if(l.isBuffer(t)){var e=0|y(t.length),n=c(e);return 0===n.length||t.copy(n,0,0,e),n}if(void 0!==t.length)return"number"!=typeof t.length||F(t.length)?c(0):d(t);if("Buffer"===t.type&&Array.isArray(t.data))return d(t.data)}(t);if(i)return i;if("undefined"!=typeof Symbol&&null!=Symbol.toPrimitive&&"function"==typeof t[Symbol.toPrimitive])return l.from(t[Symbol.toPrimitive]("string"),e,n);throw new TypeError("The first argument must be one of type string, Buffer, ArrayBuffer, Array, or Array-like Object. Received type "+r(t))}function f(t){if("number"!=typeof t)throw new TypeError('"size" argument must be of type number');if(t<0)throw new RangeError('The value "'+t+'" is invalid for option "size"')}function p(t){return f(t),c(t<0?0:0|y(t))}function d(t){for(var e=t.length<0?0:0|y(t.length),n=c(e),r=0;r<e;r+=1)n[r]=255&t[r];return n}function h(t,e,n){if(e<0||t.byteLength<e)throw new RangeError('"offset" is outside of buffer bounds');if(t.byteLength<e+(n||0))throw new RangeError('"length" is outside of buffer bounds');var r;return r=void 0===e&&void 0===n?new Uint8Array(t):void 0===n?new Uint8Array(t,e):new Uint8Array(t,e,n),Object.setPrototypeOf(r,l.prototype),r}function y(t){if(t>=s)throw new RangeError("Attempt to allocate Buffer larger than maximum size: 0x"+s.toString(16)+" bytes");return 0|t}function m(t,e){if(l.isBuffer(t))return t.length;if(ArrayBuffer.isView(t)||H(t,ArrayBuffer))return t.byteLength;if("string"!=typeof t)throw new TypeError('The "string" argument must be one of type string, Buffer, or ArrayBuffer. Received type '+r(t));var n=t.length,o=arguments.length>2&&!0===arguments[2];if(!o&&0===n)return 0;for(var i=!1;;)switch(e){case"ascii":case"latin1":case"binary":return n;case"utf8":case"utf-8":return I(t).length;case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return 2*n;case"hex":return n>>>1;case"base64":return U(t).length;default:if(i)return o?-1:I(t).length;e=(""+e).toLowerCase(),i=!0}}function v(t,e,n){var r=!1;if((void 0===e||e<0)&&(e=0),e>this.length)return"";if((void 0===n||n>this.length)&&(n=this.length),n<=0)return"";if((n>>>=0)<=(e>>>=0))return"";for(t||(t="utf8");;)switch(t){case"hex":return j(this,e,n);case"utf8":case"utf-8":return E(this,e,n);case"ascii":return B(this,e,n);case"latin1":case"binary":return P(this,e,n);case"base64":return k(this,e,n);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return T(this,e,n);default:if(r)throw new TypeError("Unknown encoding: "+t);t=(t+"").toLowerCase(),r=!0}}function g(t,e,n){var r=t[e];t[e]=t[n],t[n]=r}function b(t,e,n,r,o){if(0===t.length)return-1;if("string"==typeof n?(r=n,n=0):n>2147483647?n=2147483647:n<-2147483648&&(n=-2147483648),F(n=+n)&&(n=o?0:t.length-1),n<0&&(n=t.length+n),n>=t.length){if(o)return-1;n=t.length-1}else if(n<0){if(!o)return-1;n=0}if("string"==typeof e&&(e=l.from(e,r)),l.isBuffer(e))return 0===e.length?-1:_(t,e,n,r,o);if("number"==typeof e)return e&=255,"function"==typeof Uint8Array.prototype.indexOf?o?Uint8Array.prototype.indexOf.call(t,e,n):Uint8Array.prototype.lastIndexOf.call(t,e,n):_(t,[e],n,r,o);throw new TypeError("val must be string, number or Buffer")}function _(t,e,n,r,o){var i,a=1,s=t.length,c=e.length;if(void 0!==r&&("ucs2"===(r=String(r).toLowerCase())||"ucs-2"===r||"utf16le"===r||"utf-16le"===r)){if(t.length<2||e.length<2)return-1;a=2,s/=2,c/=2,n/=2}function l(t,e){return 1===a?t[e]:t.readUInt16BE(e*a)}if(o){var u=-1;for(i=n;i<s;i++)if(l(t,i)===l(e,-1===u?0:i-u)){if(-1===u&&(u=i),i-u+1===c)return u*a}else-1!==u&&(i-=i-u),u=-1}else for(n+c>s&&(n=s-c),i=n;i>=0;i--){for(var f=!0,p=0;p<c;p++)if(l(t,i+p)!==l(e,p)){f=!1;break}if(f)return i}return-1}function A(t,e,n,r){n=Number(n)||0;var o=t.length-n;r?(r=Number(r))>o&&(r=o):r=o;var i=e.length;r>i/2&&(r=i/2);for(var a=0;a<r;++a){var s=parseInt(e.substr(2*a,2),16);if(F(s))return a;t[n+a]=s}return a}function w(t,e,n,r){return z(I(e,t.length-n),t,n,r)}function C(t,e,n,r){return z(function(t){for(var e=[],n=0;n<t.length;++n)e.push(255&t.charCodeAt(n));return e}(e),t,n,r)}function S(t,e,n,r){return z(U(e),t,n,r)}function x(t,e,n,r){return z(function(t,e){for(var n,r,o,i=[],a=0;a<t.length&&!((e-=2)<0);++a)r=(n=t.charCodeAt(a))>>8,o=n%256,i.push(o),i.push(r);return i}(e,t.length-n),t,n,r)}function k(t,e,n){return 0===e&&n===t.length?o.fromByteArray(t):o.fromByteArray(t.slice(e,n))}function E(t,e,n){n=Math.min(t.length,n);for(var r=[],o=e;o<n;){var i,a,s,c,l=t[o],u=null,f=l>239?4:l>223?3:l>191?2:1;if(o+f<=n)switch(f){case 1:l<128&&(u=l);break;case 2:128==(192&(i=t[o+1]))&&(c=(31&l)<<6|63&i)>127&&(u=c);break;case 3:i=t[o+1],a=t[o+2],128==(192&i)&&128==(192&a)&&(c=(15&l)<<12|(63&i)<<6|63&a)>2047&&(c<55296||c>57343)&&(u=c);break;case 4:i=t[o+1],a=t[o+2],s=t[o+3],128==(192&i)&&128==(192&a)&&128==(192&s)&&(c=(15&l)<<18|(63&i)<<12|(63&a)<<6|63&s)>65535&&c<1114112&&(u=c)}null===u?(u=65533,f=1):u>65535&&(u-=65536,r.push(u>>>10&1023|55296),u=56320|1023&u),r.push(u),o+=f}return function(t){var e=t.length;if(e<=O)return String.fromCharCode.apply(String,t);var n="",r=0;for(;r<e;)n+=String.fromCharCode.apply(String,t.slice(r,r+=O));return n}(r)}e.kMaxLength=s,l.TYPED_ARRAY_SUPPORT=function(){try{var t=new Uint8Array(1),e={foo:function(){return 42}};return Object.setPrototypeOf(e,Uint8Array.prototype),Object.setPrototypeOf(t,e),42===t.foo()}catch(n){return!1}}(),l.TYPED_ARRAY_SUPPORT||"undefined"==typeof console||"function"!=typeof console.error||console.error("This browser lacks typed array (Uint8Array) support which is required by `buffer` v5.x. Use `buffer` v4.x if you require old browser support."),Object.defineProperty(l.prototype,"parent",{enumerable:!0,get:function(){if(l.isBuffer(this))return this.buffer}}),Object.defineProperty(l.prototype,"offset",{enumerable:!0,get:function(){if(l.isBuffer(this))return this.byteOffset}}),l.poolSize=8192,l.from=function(t,e,n){return u(t,e,n)},Object.setPrototypeOf(l.prototype,Uint8Array.prototype),Object.setPrototypeOf(l,Uint8Array),l.alloc=function(t,e,n){return function(t,e,n){return f(t),t<=0?c(t):void 0!==e?"string"==typeof n?c(t).fill(e,n):c(t).fill(e):c(t)}(t,e,n)},l.allocUnsafe=function(t){return p(t)},l.allocUnsafeSlow=function(t){return p(t)},l.isBuffer=function(t){return null!=t&&!0===t._isBuffer&&t!==l.prototype},l.compare=function(t,e){if(H(t,Uint8Array)&&(t=l.from(t,t.offset,t.byteLength)),H(e,Uint8Array)&&(e=l.from(e,e.offset,e.byteLength)),!l.isBuffer(t)||!l.isBuffer(e))throw new TypeError('The "buf1", "buf2" arguments must be one of type Buffer or Uint8Array');if(t===e)return 0;for(var n=t.length,r=e.length,o=0,i=Math.min(n,r);o<i;++o)if(t[o]!==e[o]){n=t[o],r=e[o];break}return n<r?-1:r<n?1:0},l.isEncoding=function(t){switch(String(t).toLowerCase()){case"hex":case"utf8":case"utf-8":case"ascii":case"latin1":case"binary":case"base64":case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return!0;default:return!1}},l.concat=function(t,e){if(!Array.isArray(t))throw new TypeError('"list" argument must be an Array of Buffers');if(0===t.length)return l.alloc(0);var n;if(void 0===e)for(e=0,n=0;n<t.length;++n)e+=t[n].length;var r=l.allocUnsafe(e),o=0;for(n=0;n<t.length;++n){var i=t[n];if(H(i,Uint8Array))o+i.length>r.length?l.from(i).copy(r,o):Uint8Array.prototype.set.call(r,i,o);else{if(!l.isBuffer(i))throw new TypeError('"list" argument must be an Array of Buffers');i.copy(r,o)}o+=i.length}return r},l.byteLength=m,l.prototype._isBuffer=!0,l.prototype.swap16=function(){var t=this.length;if(t%2!=0)throw new RangeError("Buffer size must be a multiple of 16-bits");for(var e=0;e<t;e+=2)g(this,e,e+1);return this},l.prototype.swap32=function(){var t=this.length;if(t%4!=0)throw new RangeError("Buffer size must be a multiple of 32-bits");for(var e=0;e<t;e+=4)g(this,e,e+3),g(this,e+1,e+2);return this},l.prototype.swap64=function(){var t=this.length;if(t%8!=0)throw new RangeError("Buffer size must be a multiple of 64-bits");for(var e=0;e<t;e+=8)g(this,e,e+7),g(this,e+1,e+6),g(this,e+2,e+5),g(this,e+3,e+4);return this},l.prototype.toString=function(){var t=this.length;return 0===t?"":0===arguments.length?E(this,0,t):v.apply(this,arguments)},l.prototype.toLocaleString=l.prototype.toString,l.prototype.equals=function(t){if(!l.isBuffer(t))throw new TypeError("Argument must be a Buffer");return this===t||0===l.compare(this,t)},l.prototype.inspect=function(){var t="",n=e.INSPECT_MAX_BYTES;return t=this.toString("hex",0,n).replace(/(.{2})/g,"$1 ").trim(),this.length>n&&(t+=" ... "),"<Buffer "+t+">"},a&&(l.prototype[a]=l.prototype.inspect),l.prototype.compare=function(t,e,n,o,i){if(H(t,Uint8Array)&&(t=l.from(t,t.offset,t.byteLength)),!l.isBuffer(t))throw new TypeError('The "target" argument must be one of type Buffer or Uint8Array. Received type '+r(t));if(void 0===e&&(e=0),void 0===n&&(n=t?t.length:0),void 0===o&&(o=0),void 0===i&&(i=this.length),e<0||n>t.length||o<0||i>this.length)throw new RangeError("out of range index");if(o>=i&&e>=n)return 0;if(o>=i)return-1;if(e>=n)return 1;if(this===t)return 0;for(var a=(i>>>=0)-(o>>>=0),s=(n>>>=0)-(e>>>=0),c=Math.min(a,s),u=this.slice(o,i),f=t.slice(e,n),p=0;p<c;++p)if(u[p]!==f[p]){a=u[p],s=f[p];break}return a<s?-1:s<a?1:0},l.prototype.includes=function(t,e,n){return-1!==this.indexOf(t,e,n)},l.prototype.indexOf=function(t,e,n){return b(this,t,e,n,!0)},l.prototype.lastIndexOf=function(t,e,n){return b(this,t,e,n,!1)},l.prototype.write=function(t,e,n,r){if(void 0===e)r="utf8",n=this.length,e=0;else if(void 0===n&&"string"==typeof e)r=e,n=this.length,e=0;else{if(!isFinite(e))throw new Error("Buffer.write(string, encoding, offset[, length]) is no longer supported");e>>>=0,isFinite(n)?(n>>>=0,void 0===r&&(r="utf8")):(r=n,n=void 0)}var o=this.length-e;if((void 0===n||n>o)&&(n=o),t.length>0&&(n<0||e<0)||e>this.length)throw new RangeError("Attempt to write outside buffer bounds");r||(r="utf8");for(var i=!1;;)switch(r){case"hex":return A(this,t,e,n);case"utf8":case"utf-8":return w(this,t,e,n);case"ascii":case"latin1":case"binary":return C(this,t,e,n);case"base64":return S(this,t,e,n);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return x(this,t,e,n);default:if(i)throw new TypeError("Unknown encoding: "+r);r=(""+r).toLowerCase(),i=!0}},l.prototype.toJSON=function(){return{type:"Buffer",data:Array.prototype.slice.call(this._arr||this,0)}};var O=4096;function B(t,e,n){var r="";n=Math.min(t.length,n);for(var o=e;o<n;++o)r+=String.fromCharCode(127&t[o]);return r}function P(t,e,n){var r="";n=Math.min(t.length,n);for(var o=e;o<n;++o)r+=String.fromCharCode(t[o]);return r}function j(t,e,n){var r=t.length;(!e||e<0)&&(e=0),(!n||n<0||n>r)&&(n=r);for(var o="",i=e;i<n;++i)o+=V[t[i]];return o}function T(t,e,n){for(var r=t.slice(e,n),o="",i=0;i<r.length-1;i+=2)o+=String.fromCharCode(r[i]+256*r[i+1]);return o}function N(t,e,n){if(t%1!=0||t<0)throw new RangeError("offset is not uint");if(t+e>n)throw new RangeError("Trying to access beyond buffer length")}function M(t,e,n,r,o,i){if(!l.isBuffer(t))throw new TypeError('"buffer" argument must be a Buffer instance');if(e>o||e<i)throw new RangeError('"value" argument is out of bounds');if(n+r>t.length)throw new RangeError("Index out of range")}function L(t,e,n,r,o,i){if(n+r>t.length)throw new RangeError("Index out of range");if(n<0)throw new RangeError("Index out of range")}function R(t,e,n,r,o){return e=+e,n>>>=0,o||L(t,0,n,4),i.write(t,e,n,r,23,4),n+4}function D(t,e,n,r,o){return e=+e,n>>>=0,o||L(t,0,n,8),i.write(t,e,n,r,52,8),n+8}l.prototype.slice=function(t,e){var n=this.length;(t=~~t)<0?(t+=n)<0&&(t=0):t>n&&(t=n),(e=void 0===e?n:~~e)<0?(e+=n)<0&&(e=0):e>n&&(e=n),e<t&&(e=t);var r=this.subarray(t,e);return Object.setPrototypeOf(r,l.prototype),r},l.prototype.readUintLE=l.prototype.readUIntLE=function(t,e,n){t>>>=0,e>>>=0,n||N(t,e,this.length);for(var r=this[t],o=1,i=0;++i<e&&(o*=256);)r+=this[t+i]*o;return r},l.prototype.readUintBE=l.prototype.readUIntBE=function(t,e,n){t>>>=0,e>>>=0,n||N(t,e,this.length);for(var r=this[t+--e],o=1;e>0&&(o*=256);)r+=this[t+--e]*o;return r},l.prototype.readUint8=l.prototype.readUInt8=function(t,e){return t>>>=0,e||N(t,1,this.length),this[t]},l.prototype.readUint16LE=l.prototype.readUInt16LE=function(t,e){return t>>>=0,e||N(t,2,this.length),this[t]|this[t+1]<<8},l.prototype.readUint16BE=l.prototype.readUInt16BE=function(t,e){return t>>>=0,e||N(t,2,this.length),this[t]<<8|this[t+1]},l.prototype.readUint32LE=l.prototype.readUInt32LE=function(t,e){return t>>>=0,e||N(t,4,this.length),(this[t]|this[t+1]<<8|this[t+2]<<16)+16777216*this[t+3]},l.prototype.readUint32BE=l.prototype.readUInt32BE=function(t,e){return t>>>=0,e||N(t,4,this.length),16777216*this[t]+(this[t+1]<<16|this[t+2]<<8|this[t+3])},l.prototype.readIntLE=function(t,e,n){t>>>=0,e>>>=0,n||N(t,e,this.length);for(var r=this[t],o=1,i=0;++i<e&&(o*=256);)r+=this[t+i]*o;return r>=(o*=128)&&(r-=Math.pow(2,8*e)),r},l.prototype.readIntBE=function(t,e,n){t>>>=0,e>>>=0,n||N(t,e,this.length);for(var r=e,o=1,i=this[t+--r];r>0&&(o*=256);)i+=this[t+--r]*o;return i>=(o*=128)&&(i-=Math.pow(2,8*e)),i},l.prototype.readInt8=function(t,e){return t>>>=0,e||N(t,1,this.length),128&this[t]?-1*(255-this[t]+1):this[t]},l.prototype.readInt16LE=function(t,e){t>>>=0,e||N(t,2,this.length);var n=this[t]|this[t+1]<<8;return 32768&n?4294901760|n:n},l.prototype.readInt16BE=function(t,e){t>>>=0,e||N(t,2,this.length);var n=this[t+1]|this[t]<<8;return 32768&n?4294901760|n:n},l.prototype.readInt32LE=function(t,e){return t>>>=0,e||N(t,4,this.length),this[t]|this[t+1]<<8|this[t+2]<<16|this[t+3]<<24},l.prototype.readInt32BE=function(t,e){return t>>>=0,e||N(t,4,this.length),this[t]<<24|this[t+1]<<16|this[t+2]<<8|this[t+3]},l.prototype.readFloatLE=function(t,e){return t>>>=0,e||N(t,4,this.length),i.read(this,t,!0,23,4)},l.prototype.readFloatBE=function(t,e){return t>>>=0,e||N(t,4,this.length),i.read(this,t,!1,23,4)},l.prototype.readDoubleLE=function(t,e){return t>>>=0,e||N(t,8,this.length),i.read(this,t,!0,52,8)},l.prototype.readDoubleBE=function(t,e){return t>>>=0,e||N(t,8,this.length),i.read(this,t,!1,52,8)},l.prototype.writeUintLE=l.prototype.writeUIntLE=function(t,e,n,r){(t=+t,e>>>=0,n>>>=0,r)||M(this,t,e,n,Math.pow(2,8*n)-1,0);var o=1,i=0;for(this[e]=255&t;++i<n&&(o*=256);)this[e+i]=t/o&255;return e+n},l.prototype.writeUintBE=l.prototype.writeUIntBE=function(t,e,n,r){(t=+t,e>>>=0,n>>>=0,r)||M(this,t,e,n,Math.pow(2,8*n)-1,0);var o=n-1,i=1;for(this[e+o]=255&t;--o>=0&&(i*=256);)this[e+o]=t/i&255;return e+n},l.prototype.writeUint8=l.prototype.writeUInt8=function(t,e,n){return t=+t,e>>>=0,n||M(this,t,e,1,255,0),this[e]=255&t,e+1},l.prototype.writeUint16LE=l.prototype.writeUInt16LE=function(t,e,n){return t=+t,e>>>=0,n||M(this,t,e,2,65535,0),this[e]=255&t,this[e+1]=t>>>8,e+2},l.prototype.writeUint16BE=l.prototype.writeUInt16BE=function(t,e,n){return t=+t,e>>>=0,n||M(this,t,e,2,65535,0),this[e]=t>>>8,this[e+1]=255&t,e+2},l.prototype.writeUint32LE=l.prototype.writeUInt32LE=function(t,e,n){return t=+t,e>>>=0,n||M(this,t,e,4,4294967295,0),this[e+3]=t>>>24,this[e+2]=t>>>16,this[e+1]=t>>>8,this[e]=255&t,e+4},l.prototype.writeUint32BE=l.prototype.writeUInt32BE=function(t,e,n){return t=+t,e>>>=0,n||M(this,t,e,4,4294967295,0),this[e]=t>>>24,this[e+1]=t>>>16,this[e+2]=t>>>8,this[e+3]=255&t,e+4},l.prototype.writeIntLE=function(t,e,n,r){if(t=+t,e>>>=0,!r){var o=Math.pow(2,8*n-1);M(this,t,e,n,o-1,-o)}var i=0,a=1,s=0;for(this[e]=255&t;++i<n&&(a*=256);)t<0&&0===s&&0!==this[e+i-1]&&(s=1),this[e+i]=(t/a>>0)-s&255;return e+n},l.prototype.writeIntBE=function(t,e,n,r){if(t=+t,e>>>=0,!r){var o=Math.pow(2,8*n-1);M(this,t,e,n,o-1,-o)}var i=n-1,a=1,s=0;for(this[e+i]=255&t;--i>=0&&(a*=256);)t<0&&0===s&&0!==this[e+i+1]&&(s=1),this[e+i]=(t/a>>0)-s&255;return e+n},l.prototype.writeInt8=function(t,e,n){return t=+t,e>>>=0,n||M(this,t,e,1,127,-128),t<0&&(t=255+t+1),this[e]=255&t,e+1},l.prototype.writeInt16LE=function(t,e,n){return t=+t,e>>>=0,n||M(this,t,e,2,32767,-32768),this[e]=255&t,this[e+1]=t>>>8,e+2},l.prototype.writeInt16BE=function(t,e,n){return t=+t,e>>>=0,n||M(this,t,e,2,32767,-32768),this[e]=t>>>8,this[e+1]=255&t,e+2},l.prototype.writeInt32LE=function(t,e,n){return t=+t,e>>>=0,n||M(this,t,e,4,2147483647,-2147483648),this[e]=255&t,this[e+1]=t>>>8,this[e+2]=t>>>16,this[e+3]=t>>>24,e+4},l.prototype.writeInt32BE=function(t,e,n){return t=+t,e>>>=0,n||M(this,t,e,4,2147483647,-2147483648),t<0&&(t=4294967295+t+1),this[e]=t>>>24,this[e+1]=t>>>16,this[e+2]=t>>>8,this[e+3]=255&t,e+4},l.prototype.writeFloatLE=function(t,e,n){return R(this,t,e,!0,n)},l.prototype.writeFloatBE=function(t,e,n){return R(this,t,e,!1,n)},l.prototype.writeDoubleLE=function(t,e,n){return D(this,t,e,!0,n)},l.prototype.writeDoubleBE=function(t,e,n){return D(this,t,e,!1,n)},l.prototype.copy=function(t,e,n,r){if(!l.isBuffer(t))throw new TypeError("argument should be a Buffer");if(n||(n=0),r||0===r||(r=this.length),e>=t.length&&(e=t.length),e||(e=0),r>0&&r<n&&(r=n),r===n)return 0;if(0===t.length||0===this.length)return 0;if(e<0)throw new RangeError("targetStart out of bounds");if(n<0||n>=this.length)throw new RangeError("Index out of range");if(r<0)throw new RangeError("sourceEnd out of bounds");r>this.length&&(r=this.length),t.length-e<r-n&&(r=t.length-e+n);var o=r-n;return this===t&&"function"==typeof Uint8Array.prototype.copyWithin?this.copyWithin(e,n,r):Uint8Array.prototype.set.call(t,this.subarray(n,r),e),o},l.prototype.fill=function(t,e,n,r){if("string"==typeof t){if("string"==typeof e?(r=e,e=0,n=this.length):"string"==typeof n&&(r=n,n=this.length),void 0!==r&&"string"!=typeof r)throw new TypeError("encoding must be a string");if("string"==typeof r&&!l.isEncoding(r))throw new TypeError("Unknown encoding: "+r);if(1===t.length){var o=t.charCodeAt(0);("utf8"===r&&o<128||"latin1"===r)&&(t=o)}}else"number"==typeof t?t&=255:"boolean"==typeof t&&(t=Number(t));if(e<0||this.length<e||this.length<n)throw new RangeError("Out of range index");if(n<=e)return this;var i;if(e>>>=0,n=void 0===n?this.length:n>>>0,t||(t=0),"number"==typeof t)for(i=e;i<n;++i)this[i]=t;else{var a=l.isBuffer(t)?t:l.from(t,r),s=a.length;if(0===s)throw new TypeError('The value "'+t+'" is invalid for argument "value"');for(i=0;i<n-e;++i)this[i+e]=a[i%s]}return this};var q=/[^+/0-9A-Za-z-_]/g;function I(t,e){var n;e=e||1/0;for(var r=t.length,o=null,i=[],a=0;a<r;++a){if((n=t.charCodeAt(a))>55295&&n<57344){if(!o){if(n>56319){(e-=3)>-1&&i.push(239,191,189);continue}if(a+1===r){(e-=3)>-1&&i.push(239,191,189);continue}o=n;continue}if(n<56320){(e-=3)>-1&&i.push(239,191,189),o=n;continue}n=65536+(o-55296<<10|n-56320)}else o&&(e-=3)>-1&&i.push(239,191,189);if(o=null,n<128){if((e-=1)<0)break;i.push(n)}else if(n<2048){if((e-=2)<0)break;i.push(n>>6|192,63&n|128)}else if(n<65536){if((e-=3)<0)break;i.push(n>>12|224,n>>6&63|128,63&n|128)}else{if(!(n<1114112))throw new Error("Invalid code point");if((e-=4)<0)break;i.push(n>>18|240,n>>12&63|128,n>>6&63|128,63&n|128)}}return i}function U(t){return o.toByteArray(function(t){if((t=(t=t.split("=")[0]).trim().replace(q,"")).length<2)return"";for(;t.length%4!=0;)t+="=";return t}(t))}function z(t,e,n,r){for(var o=0;o<r&&!(o+n>=e.length||o>=t.length);++o)e[o+n]=t[o];return o}function H(t,e){return t instanceof e||null!=t&&null!=t.constructor&&null!=t.constructor.name&&t.constructor.name===e.name}function F(t){return t!=t}var V=function(){for(var t="0123456789abcdef",e=new Array(256),n=0;n<16;++n)for(var r=16*n,o=0;o<16;++o)e[r+o]=t[n]+t[o];return e}()},function(t,e){"use strict";function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}Object.defineProperty(e,"__esModule",{value:!0});var r="function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?function(t){return n(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)};e.default=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];if(t===e)return!1;var o=Object.keys(t),i=Object.keys(e);if(o.length!==i.length)return!0;var a={},s=void 0,c=void 0;for(s=0,c=n.length;s<c;s++)a[n[s]]=!0;for(s=0,c=o.length;s<c;s++){var l=o[s],u=t[l],f=e[l];if(u!==f){if(!a[l]||null===u||null===f||"object"!==(void 0===u?"undefined":r(u))||"object"!==(void 0===f?"undefined":r(f)))return!0;var p=Object.keys(u),d=Object.keys(f);if(p.length!==d.length)return!0;for(var h=0,y=p.length;h<y;h++){var m=p[h];if(u[m]!==f[m])return!0}}}return!1}},function(t,e,n){"use strict";var r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.decodeHTML=e.decodeHTMLStrict=e.decodeXML=void 0;var o=r(n(254)),i=r(n(355)),a=r(n(255)),s=r(n(166)),c=/&(?:[a-zA-Z0-9]+|#[xX][\da-fA-F]+|#\d+);/g;function l(t){var e=f(t);return function(t){return String(t).replace(c,e)}}e.decodeXML=l(a.default),e.decodeHTMLStrict=l(o.default);var u=function(t,e){return t<e?1:-1};function f(t){return function(e){if("#"===e.charAt(1)){var n=e.charAt(2);return"X"===n||"x"===n?s.default(parseInt(e.substr(3),16)):s.default(parseInt(e.substr(2),10))}return t[e.slice(1,-1)]||e}}e.decodeHTML=function(){for(var t=Object.keys(i.default).sort(u),e=Object.keys(o.default).sort(u),n=0,r=0;n<e.length;n++)t[r]===e[n]?(e[n]+=";?",r++):e[n]+=";";var a=new RegExp("&(?:"+e.join("|")+"|#[xX][\\da-fA-F]+;?|#\\d+;?)","g"),s=f(o.default);function c(t){return";"!==t.substr(-1)&&(t+=";"),s(t)}return function(t){return String(t).replace(a,c)}}()},function(t,e,n){"use strict";var r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.escapeUTF8=e.escape=e.encodeNonAsciiHTML=e.encodeHTML=e.encodeXML=void 0;var o=u(r(n(255)).default),i=f(o);e.encodeXML=m(o);var a,s,c=u(r(n(254)).default),l=f(c);function u(t){return Object.keys(t).sort().reduce((function(e,n){return e[t[n]]="&"+n+";",e}),{})}function f(t){for(var e=[],n=[],r=0,o=Object.keys(t);r<o.length;r++){var i=o[r];1===i.length?e.push("\\"+i):n.push(i)}e.sort();for(var a=0;a<e.length-1;a++){for(var s=a;s<e.length-1&&e[s].charCodeAt(1)+1===e[s+1].charCodeAt(1);)s+=1;var c=1+s-a;c<3||e.splice(a,c,e[a]+"-"+e[s])}return n.unshift("["+e.join("")+"]"),new RegExp(n.join("|"),"g")}e.encodeHTML=(a=c,s=l,function(t){return t.replace(s,(function(t){return a[t]})).replace(p,h)}),e.encodeNonAsciiHTML=m(c);var p=/(?:[\x80-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g,d=null!=String.prototype.codePointAt?function(t){return t.codePointAt(0)}:function(t){return 1024*(t.charCodeAt(0)-55296)+t.charCodeAt(1)-56320+65536};function h(t){return"&#x"+(t.length>1?d(t):t.charCodeAt(0)).toString(16).toUpperCase()+";"}var y=new RegExp(i.source+"|"+p.source,"g");function m(t){return function(e){return e.replace(y,(function(e){return t[e]||h(e)}))}}e.escape=function(t){return t.replace(y,h)},e.escapeUTF8=function(t){return t.replace(i,h)}},function(t,e,n){"use strict";var r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0});var o=r(n(356)),i=String.fromCodePoint||function(t){var e="";return t>65535&&(t-=65536,e+=String.fromCharCode(t>>>10&1023|55296),t=56320|1023&t),e+=String.fromCharCode(t)};e.default=function(t){return t>=55296&&t<=57343||t>1114111?"�":(t in o.default&&(t=o.default[t]),i(t))}},function(t,e,n){var r=n(162),o=r.Buffer;function i(t,e){for(var n in t)e[n]=t[n]}function a(t,e,n){return o(t,e,n)}o.from&&o.alloc&&o.allocUnsafe&&o.allocUnsafeSlow?t.exports=r:(i(r,e),e.Buffer=a),a.prototype=Object.create(o.prototype),i(o,a),a.from=function(t,e,n){if("number"==typeof t)throw new TypeError("Argument must not be a number");return o(t,e,n)},a.alloc=function(t,e,n){if("number"!=typeof t)throw new TypeError("Argument must be a number");var r=o(t);return void 0!==e?"string"==typeof n?r.fill(e,n):r.fill(e):r.fill(0),r},a.allocUnsafe=function(t){if("number"!=typeof t)throw new TypeError("Argument must be a number");return o(t)},a.allocUnsafeSlow=function(t){if("number"!=typeof t)throw new TypeError("Argument must be a number");return r.SlowBuffer(t)}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,s=t[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(c){o=!0,i=c}finally{try{!r&&s.return&&s.return()}finally{if(o)throw i}}return n}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")};function o(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e<t.length;e++)n[e]=t[e];return n}return Array.from(t)}var i,a=n(266),s=(i=a)&&i.__esModule?i:{default:i},c=function(t){return t};e.default=function(t){var e=Array.isArray(t)&&2===t.length?t:[t,null],n=r(e,2),i=n[0],a=n[1];return function(t){for(var e=arguments.length,n=Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];var l=n.map((function(t){return i[t]})).filter(c);return"string"==typeof l[0]||"function"==typeof a?{key:t,className:a?a.apply(void 0,o(l)):l.join(" ")}:{key:t,style:s.default.apply(void 0,[{}].concat(o(l)))}}},t.exports=e.default},function(t,e,n){var r,o,i;i=function(){var t,e,n=document,r=n.getElementsByTagName("head")[0],o="push",i="readyState",a="onreadystatechange",s={},c={},l={},u={};function f(t,e){for(var n=0,r=t.length;n<r;++n)if(!e(t[n]))return!1;return 1}function p(t,e){f(t,(function(t){return e(t),1}))}function d(e,n,r){e=e[o]?e:[e];var i=n&&n.call,a=i?n:r,y=i?e.join(""):n,m=e.length;function v(t){return t.call?t():s[t]}function g(){if(!--m)for(var t in s[y]=1,a&&a(),l)f(t.split("|"),v)&&!p(l[t],v)&&(l[t]=[])}return setTimeout((function(){p(e,(function e(n,r){return null===n?g():(r||/^https?:\/\//.test(n)||!t||(n=-1===n.indexOf(".js")?t+n+".js":t+n),u[n]?(y&&(c[y]=1),2==u[n]?g():setTimeout((function(){e(n,!0)}),0)):(u[n]=1,y&&(c[y]=1),void h(n,g)))}))}),0),d}function h(t,o){var s,c=n.createElement("script");c.onload=c.onerror=c[a]=function(){c[i]&&!/^c|loade/.test(c[i])||s||(c.onload=c[a]=null,s=1,u[t]=2,o())},c.async=1,c.src=e?t+(-1===t.indexOf("?")?"?":"&")+e:t,r.insertBefore(c,r.lastChild)}return d.get=h,d.order=function(t,e,n){!function r(o){o=t.shift(),t.length?d(o,r):d(o,e,n)}()},d.path=function(e){t=e},d.urlArgs=function(t){e=t},d.ready=function(t,e,n){t=t[o]?t:[t];var r,i=[];return!p(t,(function(t){s[t]||i[o](t)}))&&f(t,(function(t){return s[t]}))?e():(r=t.join("|"),l[r]=l[r]||[],l[r][o](e),n&&n(i)),d},d.done=function(t){d([null],t)},d},t.exports?t.exports=i():void 0===(o="function"==typeof(r=i)?r.call(e,n,e,t):r)||(t.exports=o)},function(t,e){"use strict";var n={}.propertyIsEnumerable,r=Object.getOwnPropertyDescriptor,o=r&&!n.call({1:2},1);e.f=o?function(t){var e=r(this,t);return!!e&&e.enumerable}:n},function(t,e,n){var r=n(16),o=n(21),i=n(106),a=n(83),s=n(172),c=n(5),l=TypeError,u=c("toPrimitive");t.exports=function(t,e){if(!o(t)||i(t))return t;var n,c=a(t,u);if(c){if(void 0===e&&(e="default"),n=r(c,t,e),!o(n)||i(n))return n;throw l("Can't convert object to primitive value")}return void 0===e&&(e="number"),s(t,e)}},function(t,e,n){var r=n(16),o=n(2),i=n(21),a=TypeError;t.exports=function(t,e){var n,s;if("string"===e&&o(n=t.toString)&&!i(s=r(n,t)))return s;if(o(n=t.valueOf)&&!i(s=r(n,t)))return s;if("string"!==e&&o(n=t.toString)&&!i(s=r(n,t)))return s;throw a("Can't convert object to primitive value")}},function(t,e,n){var r=n(7),o=n(2),i=n(22),a=n(19),s=n(86).CONFIGURABLE,c=n(87),l=n(68),u=l.enforce,f=l.get,p=Object.defineProperty,d=a&&!r((function(){return 8!==p((function(){}),"length",{value:8}).length})),h=String(String).split("String"),y=t.exports=function(t,e,n){"Symbol("===String(e).slice(0,7)&&(e="["+String(e).replace(/^Symbol\(([^)]*)\)/,"$1")+"]"),n&&n.getter&&(e="get "+e),n&&n.setter&&(e="set "+e),(!i(t,"name")||s&&t.name!==e)&&(a?p(t,"name",{value:e,configurable:!0}):t.name=e),d&&n&&i(n,"arity")&&t.length!==n.arity&&p(t,"length",{value:n.arity});try{n&&i(n,"constructor")&&n.constructor?a&&p(t,"prototype",{writable:!1}):t.prototype&&(t.prototype=void 0)}catch(o){}var r=u(t);return i(r,"source")||(r.source=h.join("string"==typeof e?e:"")),t};Function.prototype.toString=y((function(){return o(this)&&f(this).source||c(this)}),"toString")},function(t,e,n){var r=n(4),o=n(2),i=r.WeakMap;t.exports=o(i)&&/native code/.test(String(i))},function(t,e,n){var r=n(22),o=n(176),i=n(79),a=n(28);t.exports=function(t,e,n){for(var s=o(e),c=a.f,l=i.f,u=0;u<s.length;u++){var f=s[u];r(t,f)||n&&r(n,f)||c(t,f,l(e,f))}}},function(t,e,n){var r=n(27),o=n(6),i=n(312),a=n(178),s=n(20),c=o([].concat);t.exports=r("Reflect","ownKeys")||function(t){var e=i.f(s(t)),n=a.f;return n?c(e,n(t)):e}},function(t){var e=Math.ceil,n=Math.floor;t.exports=Math.trunc||function(t){var r=+t;return(r>0?n:e)(r)}},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,n){var r=n(21),o=n(34),i=n(5)("match");t.exports=function(t){var e;return r(t)&&(void 0!==(e=t[i])?!!e:"RegExp"==o(t))}},function(t,e,n){var r={};r[n(5)("toStringTag")]="z",t.exports="[object z]"===String(r)},function(t,e,n){var r=n(6),o=n(90),i=n(47),a=n(35),s=r("".charAt),c=r("".charCodeAt),l=r("".slice),u=function(t){return function(e,n){var r,u,f=i(a(e)),p=o(n),d=f.length;return p<0||p>=d?t?"":void 0:(r=c(f,p))<55296||r>56319||p+1===d||(u=c(f,p+1))<56320||u>57343?t?s(f,p):r:t?l(f,p,p+2):u-56320+(r-55296<<10)+65536}};t.exports={codeAt:u(!1),charAt:u(!0)}},function(t,e,n){var r=n(183);t.exports=function(t,e){return new(r(t))(0===e?0:e)}},function(t,e,n){var r=n(184),o=n(92),i=n(21),a=n(5)("species"),s=Array;t.exports=function(t){var e;return r(t)&&(e=t.constructor,(o(e)&&(e===s||r(e.prototype))||i(e)&&null===(e=e[a]))&&(e=void 0)),void 0===e?s:e}},function(t,e,n){var r=n(34);t.exports=Array.isArray||function(t){return"Array"==r(t)}},function(t,e,n){"use strict";var r=n(36),o=n(16),i=n(44),a=n(186),s=n(131),c=n(92),l=n(46),u=n(132),f=n(94),p=n(71),d=Array;t.exports=function(t){var e=i(t),n=c(this),h=arguments.length,y=h>1?arguments[1]:void 0,m=void 0!==y;m&&(y=r(y,h>2?arguments[2]:void 0));var v,g,b,_,A,w,C=p(e),S=0;if(!C||this===d&&s(C))for(v=l(e),g=n?new this(v):d(v);v>S;S++)w=m?y(e[S],S):e[S],u(g,S,w);else for(A=(_=f(e,C)).next,g=n?new this:[];!(b=o(A,_)).done;S++)w=m?a(_,y,[b.value,S],!0):b.value,u(g,S,w);return g.length=S,g}},function(t,e,n){var r=n(20),o=n(130);t.exports=function(t,e,n,i){try{return i?e(r(n)[0],n[1]):e(n)}catch(a){o(t,"throw",a)}}},function(t,e,n){"use strict";var r=n(19),o=n(6),i=n(16),a=n(7),s=n(128),c=n(178),l=n(170),u=n(44),f=n(80),p=Object.assign,d=Object.defineProperty,h=o([].concat);t.exports=!p||a((function(){if(r&&1!==p({b:1},p(d({},"a",{enumerable:!0,get:function(){d(this,"b",{value:3,enumerable:!1})}}),{b:2})).b)return!0;var t={},e={},n=Symbol(),o="abcdefghijklmnopqrst";return t[n]=7,o.split("").forEach((function(t){e[t]=t})),7!=p({},t)[n]||s(p({},e)).join("")!=o}))?function(t,e){for(var n=u(t),o=arguments.length,a=1,p=c.f,d=l.f;o>a;)for(var y,m=f(arguments[a++]),v=p?h(s(m),p(m)):s(m),g=v.length,b=0;g>b;)y=v[b++],r&&!i(d,m,y)||(n[y]=m[y]);return n}:p},function(t,e,n){function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var o=n(2),i=String,a=TypeError;t.exports=function(t){if("object"==r(t)||o(t))return t;throw a("Can't set "+i(t)+" as a prototype")}},function(t,e,n){"use strict";var r=n(27),o=n(28),i=n(5),a=n(19),s=i("species");t.exports=function(t){var e=r(t),n=o.f;a&&e&&!e[s]&&n(e,s,{configurable:!0,get:function(){return this}})}},function(t,e,n){var r=n(20),o=n(191),i=n(64),a=n(5)("species");t.exports=function(t,e){var n,s=r(t).constructor;return void 0===s||i(n=r(s)[a])?e:o(n)}},function(t,e,n){var r=n(92),o=n(66),i=TypeError;t.exports=function(t){if(r(t))return t;throw i(o(t)+" is not a constructor")}},function(t,e,n){function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var o=n(63),i=Function.prototype,a=i.apply,s=i.call;t.exports="object"==("undefined"==typeof Reflect?"undefined":r(Reflect))&&Reflect.apply||(o?s.bind(a):function(){return s.apply(a,arguments)})},function(t,e,n){var r=n(6);t.exports=r([].slice)},function(t,e,n){var r,o,i,a,s,c,l,u,f=n(4),p=n(36),d=n(79).f,h=n(136).set,y=n(138),m=n(195),v=n(196),g=n(72),b=f.MutationObserver||f.WebKitMutationObserver,_=f.document,A=f.process,w=f.Promise,C=d(f,"queueMicrotask"),S=C&&C.value;S||(r=function(){var t,e;for(g&&(t=A.domain)&&t.exit();o;){e=o.fn,o=o.next;try{e()}catch(n){throw o?a():i=void 0,n}}i=void 0,t&&t.enter()},y||g||v||!b||!_?!m&&w&&w.resolve?((l=w.resolve(void 0)).constructor=w,u=p(l.then,l),a=function(){u(r)}):g?a=function(){A.nextTick(r)}:(h=p(h,f),a=function(){h(r)}):(s=!0,c=_.createTextNode(""),new b(r).observe(c,{characterData:!0}),a=function(){c.data=s=!s})),t.exports=S||function(t){var e={fn:t,next:void 0};i&&(i.next=e),o||(o=e,a()),i=e}},function(t,e,n){var r=n(65),o=n(4);t.exports=/ipad|iphone|ipod/i.test(r)&&void 0!==o.Pebble},function(t,e,n){var r=n(65);t.exports=/web0s(?!.*chrome)/i.test(r)},function(t,e,n){var r=n(4);t.exports=function(t,e){var n=r.console;n&&n.error&&(1==arguments.length?n.error(t):n.error(t,e))}},function(t){var e=function(){this.head=null,this.tail=null};e.prototype={add:function(t){var e={item:t,next:null};this.head?this.tail.next=e:this.head=e,this.tail=e},get:function(){var t=this.head;if(t)return this.head=t.next,this.tail===t&&(this.tail=null),t.item}},t.exports=e},function(t,e,n){function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var o=n(139),i=n(72);t.exports=!o&&!i&&"object"==("undefined"==typeof window?"undefined":r(window))&&"object"==("undefined"==typeof document?"undefined":r(document))},function(t,e,n){var r=n(20),o=n(21),i=n(74);t.exports=function(t,e){if(r(t),o(e)&&e.constructor===t)return e;var n=i.f(t);return(0,n.resolve)(e),n.promise}},function(t,e,n){"use strict";var r=n(127).forEach,o=n(202)("forEach");t.exports=o?[].forEach:function(t){return r(this,t,arguments.length>1?arguments[1]:void 0)}},function(t,e,n){"use strict";var r=n(7);t.exports=function(t,e){var n=[][t];return!!n&&r((function(){n.call(null,e||function(){return 1},1)}))}},function(t,e,n){"use strict";var r=n(3),o=n(16),i=n(25),a=n(86),s=n(2),c=n(145),l=n(147),u=n(134),f=n(73),p=n(45),d=n(31),h=n(5),y=n(48),m=n(146),v=a.PROPER,g=a.CONFIGURABLE,b=m.IteratorPrototype,_=m.BUGGY_SAFARI_ITERATORS,A=h("iterator"),w="keys",C="values",S="entries",x=function(){return this};t.exports=function(t,e,n,a,h,m,k){c(n,e,a);var E,O,B,P=function(t){if(t===h&&L)return L;if(!_&&t in N)return N[t];switch(t){case w:case C:case S:return function(){return new n(this,t)}}return function(){return new n(this)}},j=e+" Iterator",T=!1,N=t.prototype,M=N[A]||N["@@iterator"]||h&&N[h],L=!_&&M||P(h),R="Array"==e&&N.entries||M;if(R&&(E=l(R.call(new t)))!==Object.prototype&&E.next&&(i||l(E)===b||(u?u(E,b):s(E[A])||d(E,A,x)),f(E,j,!0,!0),i&&(y[j]=x)),v&&h==C&&M&&M.name!==C&&(!i&&g?p(N,"name",C):(T=!0,L=function(){return o(M,this)})),h)if(O={values:P(C),keys:m?L:P(w),entries:P(S)},k)for(B in O)(_||T||!(B in N))&&d(N,B,O[B]);else r({target:e,proto:!0,forced:_||T},O);return i&&!k||N[A]===L||d(N,A,L,{name:h}),y[e]=L,O}},function(t,e,n){var r=n(7);t.exports=!r((function(){function t(){}return t.prototype.constructor=null,Object.getPrototypeOf(new t)!==t.prototype}))},function(t){t.exports=function(t,e){return{value:t,done:e}}},function(t,e,n){"use strict";n(144);var r=n(3),o=n(4),i=n(16),a=n(6),s=n(19),c=n(207),l=n(31),u=n(208),f=n(73),p=n(145),d=n(68),h=n(135),y=n(2),m=n(22),v=n(36),g=n(69),b=n(20),_=n(21),A=n(47),w=n(70),C=n(42),S=n(94),x=n(71),k=n(137),E=n(5),O=n(209),B=E("iterator"),P="URLSearchParams",j=P+"Iterator",T=d.set,N=d.getterFor(P),M=d.getterFor(j),L=Object.getOwnPropertyDescriptor,R=function(t){if(!s)return o[t];var e=L(o,t);return e&&e.value},D=R("fetch"),q=R("Request"),I=R("Headers"),U=q&&q.prototype,z=I&&I.prototype,H=o.RegExp,F=o.TypeError,V=o.decodeURIComponent,W=o.encodeURIComponent,Y=a("".charAt),Z=a([].join),G=a([].push),K=a("".replace),J=a([].shift),Q=a([].splice),X=a("".split),$=a("".slice),tt=/\+/g,et=Array(4),nt=function(t){return et[t-1]||(et[t-1]=H("((?:%[\\da-f]{2}){"+t+"})","gi"))},rt=function(t){try{return V(t)}catch(e){return t}},ot=function(t){var e=K(t,tt," "),n=4;try{return V(e)}catch(r){for(;n;)e=K(e,nt(n--),rt);return e}},it=/[!'()~]|%20/g,at={"!":"%21","'":"%27","(":"%28",")":"%29","~":"%7E","%20":"+"},st=function(t){return at[t]},ct=function(t){return K(W(t),it,st)},lt=p((function(t,e){T(this,{type:j,iterator:S(N(t).entries),kind:e})}),"Iterator",(function(){var t=M(this),e=t.kind,n=t.iterator.next(),r=n.value;return n.done||(n.value="keys"===e?r.key:"values"===e?r.value:[r.key,r.value]),n}),!0),ut=function(t){this.entries=[],this.url=null,void 0!==t&&(_(t)?this.parseObject(t):this.parseQuery("string"==typeof t?"?"===Y(t,0)?$(t,1):t:A(t)))};ut.prototype={type:P,bindURL:function(t){this.url=t,this.update()},parseObject:function(t){var e,n,r,o,a,s,c,l=x(t);if(l)for(n=(e=S(t,l)).next;!(r=i(n,e)).done;){if(a=(o=S(b(r.value))).next,(s=i(a,o)).done||(c=i(a,o)).done||!i(a,o).done)throw F("Expected sequence with length 2");G(this.entries,{key:A(s.value),value:A(c.value)})}else for(var u in t)m(t,u)&&G(this.entries,{key:u,value:A(t[u])})},parseQuery:function(t){if(t)for(var e,n,r=X(t,"&"),o=0;o<r.length;)(e=r[o++]).length&&(n=X(e,"="),G(this.entries,{key:ot(J(n)),value:ot(Z(n,"="))}))},serialize:function(){for(var t,e=this.entries,n=[],r=0;r<e.length;)t=e[r++],G(n,ct(t.key)+"="+ct(t.value));return Z(n,"&")},update:function(){this.entries.length=0,this.parseQuery(this.url.query)},updateURL:function(){this.url&&this.url.update()}};var ft=function(){h(this,pt);var t=arguments.length>0?arguments[0]:void 0;T(this,new ut(t))},pt=ft.prototype;if(u(pt,{append:function(t,e){k(arguments.length,2);var n=N(this);G(n.entries,{key:A(t),value:A(e)}),n.updateURL()},delete:function(t){k(arguments.length,1);for(var e=N(this),n=e.entries,r=A(t),o=0;o<n.length;)n[o].key===r?Q(n,o,1):o++;e.updateURL()},get:function(t){k(arguments.length,1);for(var e=N(this).entries,n=A(t),r=0;r<e.length;r++)if(e[r].key===n)return e[r].value;return null},getAll:function(t){k(arguments.length,1);for(var e=N(this).entries,n=A(t),r=[],o=0;o<e.length;o++)e[o].key===n&&G(r,e[o].value);return r},has:function(t){k(arguments.length,1);for(var e=N(this).entries,n=A(t),r=0;r<e.length;)if(e[r++].key===n)return!0;return!1},set:function(t,e){k(arguments.length,1);for(var n,r=N(this),o=r.entries,i=!1,a=A(t),s=A(e),c=0;c<o.length;c++)(n=o[c]).key===a&&(i?Q(o,c--,1):(i=!0,n.value=s));i||G(o,{key:a,value:s}),r.updateURL()},sort:function(){var t=N(this);O(t.entries,(function(t,e){return t.key>e.key?1:-1})),t.updateURL()},forEach:function(t){for(var e,n=N(this).entries,r=v(t,arguments.length>1?arguments[1]:void 0),o=0;o<n.length;)r((e=n[o++]).value,e.key,this)},keys:function(){return new lt(this,"keys")},values:function(){return new lt(this,"values")},entries:function(){return new lt(this,"entries")}},{enumerable:!0}),l(pt,B,pt.entries,{name:"entries"}),l(pt,"toString",(function(){return N(this).serialize()}),{enumerable:!0}),f(ft,P),r({global:!0,constructor:!0,forced:!c},{URLSearchParams:ft}),!c&&y(I)){var dt=a(z.has),ht=a(z.set),yt=function(t){if(_(t)){var e,n=t.body;if(g(n)===P)return e=t.headers?new I(t.headers):new I,dt(e,"content-type")||ht(e,"content-type","application/x-www-form-urlencoded;charset=UTF-8"),w(t,{body:C(0,A(n)),headers:C(0,e)})}return t};if(y(D)&&r({global:!0,enumerable:!0,dontCallGetSet:!0,forced:!0},{fetch:function(t){return D(t,arguments.length>1?yt(arguments[1]):{})}}),y(q)){var mt=function(t){return h(this,U),new q(t,arguments.length>1?yt(arguments[1]):{})};U.constructor=mt,mt.prototype=U,r({global:!0,constructor:!0,dontCallGetSet:!0,forced:!0},{Request:mt})}}t.exports={URLSearchParams:ft,getState:N}},function(t,e,n){var r=n(7),o=n(5),i=n(25),a=o("iterator");t.exports=!r((function(){var t=new URL("b?a=1&b=2&c=3","http://a"),e=t.searchParams,n="";return t.pathname="c%20d",e.forEach((function(t,r){e.delete("b"),n+=r+t})),i&&!t.toJSON||!e.sort||"http://a/c%20d?a=1&c=3"!==t.href||"3"!==e.get("c")||"a=1"!==String(new URLSearchParams("?a=1"))||!e[a]||"a"!==new URL("https://a@b").username||"b"!==new URLSearchParams(new URLSearchParams("a=b")).get("a")||"xn--e1aybc"!==new URL("http://тест").host||"#%D0%B1"!==new URL("http://a#б").hash||"a1c3"!==n||"x"!==new URL("http://x",void 0).host}))},function(t,e,n){var r=n(31);t.exports=function(t,e,n){for(var o in e)r(t,o,e[o],n);return t}},function(t,e,n){var r=n(210),o=Math.floor,i=function(t,e){for(var n,r,o=t.length,i=1;i<o;){for(r=i,n=t[i];r&&e(t[r-1],n)>0;)t[r]=t[--r];r!==i++&&(t[r]=n)}return t},a=function(t,e,n,r){for(var o=e.length,i=n.length,a=0,s=0;a<o||s<i;)t[a+s]=a<o&&s<i?r(e[a],n[s])<=0?e[a++]:n[s++]:a<o?e[a++]:n[s++];return t};t.exports=function t(e,n){var s=e.length,c=o(s/2);return s<8?i(e,n):a(e,t(r(e,0,c),n),t(r(e,c),n),n)}},function(t,e,n){var r=n(116),o=n(46),i=n(132),a=Array,s=Math.max;t.exports=function(t,e,n){for(var c=o(t),l=r(e,c),u=r(void 0===n?c:n,c),f=a(s(u-l,0)),p=0;l<u;l++,p++)i(f,p,t[l]);return f.length=p,f}},function(t,e,n){"use strict";function r(t,e){return Math.floor(Math.random()*(e-t)+t)}n.d(e,{s:function(){return r}})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e,n){return i.default[t.type](t,e,n)};var r,o=n(349),i=(r=o)&&r.__esModule?r:{default:r}},function(t,e,n){var r=n(158),o=n(160);function i(t,e){this.init(t,e)}function a(t,e){return o.getElementsByTagName(t,e,!0)}function s(t,e){return o.getElementsByTagName(t,e,!0,1)[0]}function c(t,e,n){return o.getText(o.getElementsByTagName(t,e,n,1)).trim()}function l(t,e,n,r,o){var i=c(n,r,o);i&&(t[e]=i)}n(61)(i,r),i.prototype.init=r;var u=function(t){return"rss"===t||"feed"===t||"rdf:RDF"===t};i.prototype.onend=function(){var t,e,n={},o=s(u,this.dom);o&&("feed"===o.name?(e=o.children,n.type="atom",l(n,"id","id",e),l(n,"title","title",e),(t=s("link",e))&&(t=t.attribs)&&(t=t.href)&&(n.link=t),l(n,"description","subtitle",e),(t=c("updated",e))&&(n.updated=new Date(t)),l(n,"author","email",e,!0),n.items=a("entry",e).map((function(t){var e,n={};return l(n,"id","id",t=t.children),l(n,"title","title",t),(e=s("link",t))&&(e=e.attribs)&&(e=e.href)&&(n.link=e),(e=c("summary",t)||c("content",t))&&(n.description=e),(e=c("updated",t))&&(n.pubDate=new Date(e)),n}))):(e=s("channel",o.children).children,n.type=o.name.substr(0,3),n.id="",l(n,"title","title",e),l(n,"link","link",e),l(n,"description","description",e),(t=c("lastBuildDate",e))&&(n.updated=new Date(t)),l(n,"author","managingEditor",e,!0),n.items=a("item",o.children).map((function(t){var e,n={};return l(n,"id","guid",t=t.children),l(n,"title","title",t),l(n,"link","link",t),l(n,"description","description",t),(e=c("pubDate",t))&&(n.pubDate=new Date(e)),n})))),this.dom=n,r.prototype._handleCallback.call(this,o?null:Error("couldn't find root of feed"))},t.exports=i},function(t,e,n){"use strict";n.d(e,{D:function(){return c},J:function(){return s}});var r=240,o=2600;if(void 0!==window.config&&(void 0!==window.config.ishMinimum&&(r=parseInt(window.config.ishMinimum,10)),void 0!==window.config.ishMaximum&&(o=parseInt(window.config.ishMaximum,10)),void 0!==window.config.ishViewportRange&&(r=window.config.ishViewportRange.s[0],o=window.config.ishViewportRange.l[1]),window.config.ishViewportRange&&window.config.ishMaximum)){var i=parseInt(window.config.ishViewportRange.l[1],10),a=parseInt(window.config.ishMaximum,10);o=i>a?i:a}var s=r,c=o},function(t,e,n){"use strict";n.d(e,{R:function(){return f}});var r=n(58),o=n(40);function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function a(t){return function(t){if(Array.isArray(t))return l(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||c(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=c(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,s=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return a=t.done,t},e:function(t){s=!0,i=t},f:function(){try{a||null==n.return||n.return()}finally{if(s)throw i}}}}function c(t,e){if(t){if("string"==typeof t)return l(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(t,e):void 0}}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function u(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,a=void 0,a=function(t,e){if("object"!==i(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==i(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===i(a)?a:String(a)),r)}var o,a}var f=function(){function t(e,n,r){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.__parts=[],this.template=e,this.processor=n,this.options=r}var e,n,i;return e=t,(n=[{key:"update",value:function(t){var e,n=0,r=s(this.__parts);try{for(r.s();!(e=r.n()).done;){var o=e.value;void 0!==o&&o.setValue(t[n]),n++}}catch(l){r.e(l)}finally{r.f()}var i,a=s(this.__parts);try{for(a.s();!(i=a.n()).done;){var c=i.value;void 0!==c&&c.commit()}}catch(l){a.e(l)}finally{a.f()}}},{key:"_clone",value:function(){for(var t,e=r.eC?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),n=[],i=this.template.parts,s=document.createTreeWalker(e,133,null,!1),c=0,l=0,u=s.nextNode();c<i.length;)if(t=i[c],(0,o.pC)(t)){for(;l<t.index;)l++,"TEMPLATE"===u.nodeName&&(n.push(u),s.currentNode=u.content),null===(u=s.nextNode())&&(s.currentNode=n.pop(),u=s.nextNode());if("node"===t.type){var f=this.processor.handleTextExpression(this.options);f.insertAfterNode(u.previousSibling),this.__parts.push(f)}else{var p;(p=this.__parts).push.apply(p,a(this.processor.handleAttributeExpressions(u,t.name,t.strings,this.options)))}c++}else this.__parts.push(void 0),c++;return r.eC&&(document.adoptNode(e),customElements.upgrade(e)),e}}])&&u(e.prototype,n),i&&u(e,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},function(t,e,n){"use strict";n.d(e,{L:function(){return a},s:function(){return s}});var r=n(58),o=n(39),i=n(217),a=new WeakMap,s=function(t,e,n){var s=a.get(e);void 0===s&&((0,r.r4)(e,e.firstChild),a.set(e,s=new o.nt(Object.assign({templateFactory:i.t},n))),s.appendInto(e)),s.setValue(t),s.commit()}},function(t,e,n){"use strict";n.d(e,{r:function(){return i},t:function(){return o}});var r=n(40);function o(t){var e=i.get(t.type);void 0===e&&(e={stringsArray:new WeakMap,keyString:new Map},i.set(t.type,e));var n=e.stringsArray.get(t.strings);if(void 0!==n)return n;var o=t.strings.join(r.Jw);return void 0===(n=e.keyString.get(o))&&(n=new r.YS(t,t.getTemplateElement()),e.keyString.set(o,n)),e.stringsArray.set(t.strings,n),n}var i=new Map},,,,function(t,e,n){"use strict";n.d(e,{I:function(){return r}});var r={skipBack:!1,goBack:!1,iframeElement:document.querySelector(".pl-js-iframe"),targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,getFileName:function(t,e){var n="patterns",r="";if(void 0===t)return r;if(void 0===e&&(e=!0),"all"===t)return"styleguide/html/styleguide.html";if("snapshots"===t)return"snapshots/index.html";var o=-1!==t.indexOf("viewall-")?window.viewAllPaths:window.patternPaths,i=t.replace("viewall-",""),a=this.getPatternInfo(i,o),s=a[0],c=a[1];if(void 0!==o[s]&&void 0!==o[s][c])r=o[s][c];else if(void 0!==o[s])for(var l in o[s])if(-1!==l.indexOf(c)){r=o[s][l];break}if(""===r)return r;var u=/\//g;if(-1!==t.indexOf("viewall-")&&0===t.indexOf("viewall-")&&""!==r)r=n+"/"+r.replace(u,"-")+"/index.html";else if(""!==r){if(r=n+"/"+r.replace(u,"-")+"/"+r.replace(u,"-"),e)r=r+(void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.rendered?window.config.outputFileSuffixes.rendered:"")+".html"}return r},getPatternInfo:function(t,e){for(var n=t.split("-"),r=1,o=n.length,i=n[0];void 0===e[i]&&r<o;)i+="-"+n[r],r++;return[i,t.slice(i.length+1,t.length)]},getRequestVars:function(){return new function(t){if(t.length>1)for(var e,n=0,r=t.substr(1).split("&");n<r.length;n++)e=r[n].split("="),this[unescape(e[0])]=e.length>1?unescape(e[1]):""}(window.location.search)},pushPattern:function(t,e){var n=r.getFileName(t),o=window.location.pathname;if(o="file"===window.location.protocol?o.replace("/public/index.html","public/"):o.replace(/\/index\.html/,"/"),e!==window.location.protocol+"//"+window.location.host+o+n){var i=JSON.stringify({event:"patternLab.updatePath",path:n});document.querySelector(".pl-js-iframe").contentWindow.postMessage(i,r.targetOrigin)}},popPattern:function(t){var e,n=t.state;if(null!==n){null!==n&&(e=n.currentPattern);var o="";""===(o=this.getFileName(e))&&(o="styleguide/html/styleguide.html");var i=JSON.stringify({event:"patternLab.updatePath",path:o});document.querySelector(".pl-js-iframe").contentWindow.postMessage(i,r.targetOrigin)}else this.skipBack=!1}};window.onpopstate=function(){r.skipBack=!0}},function(t,e,n){"use strict";n.d(e,{U:function(){return o}});var r=n(62),o=new(n.n(r)())},function(t,e,n){"use strict";"file:"===window.location.protocol||(window.location.protocol,window.location.host)},function(t,e,n){"use strict";n.d(e,{s:function(){return o}});var r=n(26),o="";if(window.config){o=void 0!==window.config.defaultPattern&&"string"==typeof window.config.defaultPattern&&window.config.defaultPattern.trim().length>0?window.config.defaultPattern:"all";var i=r.I.getRequestVars();void 0===i.p&&void 0===i.pattern||(o=void 0!==i.p?i.p:i.pattern)}},function(t,e,n){function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}!function(t,e){"use strict";if(!(e in t)){var o,i=(void 0===n.g?"undefined":r(n.g))===r(i)?window:n.g,a=0,s=String(Math.random()),c="__
symbol:",l=c.length,u="__
symbol@@"+s,f="defineProperty",p="defineProperties",d="getOwnPropertyNames",h="getOwnPropertyDescriptor",y="propertyIsEnumerable",m=t[d],v=t[h],g=t.create,b=t.keys,_=t.freeze||t,A=t[f],w=t[p],C=v(t,d),S=t.prototype,x=S.hasOwnProperty,k=S[y],E=S.toString,O=function(t,e,n){x.call(t,u)||A(t,u,{enumerable:!1,configurable:!1,writable:!1,value:{}}),t[u]["@@"+e]=n},B=function(t,e){var n=g(t);return m(e).forEach((function(t){N.call(e,t)&&I(n,t,e[t])})),n},P=function(){},j=function(t){return t!=u&&!x.call(R,t)},T=function(t){return t!=u&&x.call(R,t)},N=function(t){var e=String(t);return T(e)?x.call(this,e)&&!!this[u]&&this[u]["@@"+e]:k.call(this,t)},M=function(e){return A(S,e,{enumerable:!1,configurable:!0,get:P,set:function(t){o(this,e,{enumerable:!1,configurable:!0,writable:!0,value:t}),O(this,e,!0)}}),R[e]=A(t(e),"constructor",D),_(R[e])},L=function t(e){if(this instanceof t)throw new TypeError("Symbol is not a constructor");return M(c.concat(e||"",s,++a))},R=g(null),D={value:L},q=function(t){return R[t]},I=function(t,e,n){var r=String(e);return T(r)?(o(t,r,n.enumerable?function(t){var e=g(t);return e.enumerable=!1,e}(n):n),O(t,r,!!n.enumerable)):A(t,e,n),t},U=function(t){return m(t).filter(T).map(q)};C.value=I,A(t,f,C),C.value=U,A(t,e,C),C.value=function(t){return m(t).filter(j)},A(t,d,C),C.value=function(t,e){var n=U(e);return n.length?b(e).concat(n).forEach((function(n){N.call(e,n)&&I(t,n,e[n])})):w(t,e),t},A(t,p,C),C.value=N,A(S,y,C),C.value=L,A(i,"Symbol",C),C.value=function(t){var e=c.concat(c,t,s);return e in S?R[e]:M(e)},A(L,"for",C),C.value=function(t){if(j(t))throw new TypeError(t+" is not a symbol");if(x.call(R,t)){var e=t.slice(l);if(e.slice(0,l)===c&&(e=e.slice(l))!==s)return(e=e.slice(0,e.length-s.length)).length>0?e:void 0}},A(L,"keyFor",C),C.value=function(t,e){var n=v(t,e);return n&&T(e)&&(n.enumerable=N.call(t,e)),n},A(t,h,C),C.value=function(t,e){return 1===arguments.length||void 0===e?g(t):B(t,e)},A(t,"create",C),C.value=function(){var t=E.call(this);return"[object String]"===t&&T(this)?"[object Symbol]":t},A(S,"toString",C);try{if(!0!==g(A({},c,{get:function(){return A(this,c,{value:!0})[c]}}))[c])throw"IE11";o=A}catch(z){o=function(t,e,n){var r=v(S,e);delete S[e],A(t,e,n),A(S,e,r)}}}}(Object,"getOwnPropertySymbols"),function(t,e){"use strict";var n,r=t.defineProperty,o=t.prototype,i=o.toString,a="toStringTag";["iterator","match","replace","search","split","hasInstance","isConcatSpreadable","unscopables","species","toPrimitive",a].forEach((function(s){s in e||(r(e,s,{value:e(s)}),s===a&&((n=t.getOwnPropertyDescriptor(o,"toString")).value=function(){var t=i.call(this),n=null==this?this:this[e.toStringTag];return null==n?t:"[object "+n+"]"},r(o,"toString",n)))}))}(Object,Symbol),function(t,e,n){function r(){return this}e[t]||(e[t]=function(){var e=0,n=this,o={next:function(){var t=n.length<=e;return t?{done:t}:{done:t,value:n[e++]}}};return o[t]=r,o}),n[t]||(n[t]=function(){var e=String.fromCodePoint,n=this,o=0,i=n.length,a={next:function(){var t=i<=o,r=t?"":e(n.codePointAt(o));return o+=r.length,t?{done:t}:{done:t,value:r}}};return a[t]=r,a})}(Symbol.iterator,Array.prototype,String.prototype),t.exports=Object.getOwnPropertySymbols},function(t,e,n){function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}(function(){"use strict";var t;function e(t){var e=0;return function(){return e<t.length?{done:!1,value:t[e++]}:{done:!0}}}var o="function"==typeof Object.defineProperties?Object.defineProperty:function(t,e,n){return t==Array.prototype||t==Object.prototype||(t[e]=n.value),t};var i,a=function(t){t=["object"==("undefined"==typeof globalThis?"undefined":r(globalThis))&&globalThis,t,"object"==("undefined"==typeof window?"undefined":r(window))&&window,"object"==("undefined"==typeof self?"undefined":r(self))&&self,"object"==(void 0===n.g?"undefined":r(n.g))&&n.g];for(var e=0;e<t.length;++e){var o=t[e];if(o&&o.Math==Math)return o}throw Error("Cannot find global object")}(this);function s(t,e){if(e)t:{var n=a;t=t.split(".");for(var r=0;r<t.length-1;r++){var i=t[r];if(!(i in n))break t;n=n[i]}(e=e(r=n[t=t[t.length-1]]))!=r&&null!=e&&o(n,t,{configurable:!0,writable:!0,value:e})}}function c(t){return(t={next:t})[Symbol.iterator]=function(){return this},t}function l(t){var n="undefined"!=typeof Symbol&&Symbol.iterator&&t[Symbol.iterator];return n?n.call(t):{next:e(t)}}function u(t){if(!(t instanceof Array)){t=l(t);for(var e,n=[];!(e=t.next()).done;)n.push(e.value);t=n}return t}if(s("Symbol",(function(t){function e(t,e){this.g=t,o(this,"description",{configurable:!0,writable:!0,value:e})}if(t)return t;e.prototype.toString=function(){return this.g};var n=0;return function t(r){if(this instanceof t)throw new TypeError("Symbol is not a constructor");return new e("jscomp_symbol_"+(r||"")+"_"+n++,r)}})),s("Symbol.iterator",(function(t){if(t)return t;t=Symbol("Symbol.iterator");for(var n="Array Int8Array Uint8Array Uint8ClampedArray Int16Array Uint16Array Int32Array Uint32Array Float32Array Float64Array".split(" "),r=0;r<n.length;r++){var i=a[n[r]];"function"==typeof i&&"function"!=typeof i.prototype[t]&&o(i.prototype,t,{configurable:!0,writable:!0,value:function(){return c(e(this))}})}return t})),"function"==typeof Object.setPrototypeOf)i=Object.setPrototypeOf;else{var f;t:{var p={};try{p.__proto__={a:!0},f=p.a;break t}catch(M){}f=!1}i=f?function(t,e){if(t.__proto__=e,t.__proto__!==e)throw new TypeError(t+" is not extensible");return t}:null}var d=i;function y(){this.u=!1,this.h=null,this.Oa=void 0,this.g=1,this.ea=0,this.i=null}function m(t){if(t.u)throw new TypeError("Generator is already running");t.u=!0}function v(t,e){t.i={ab:e,fb:!0},t.g=t.ea}function g(t,e){return t.g=3,{value:e}}function b(t){this.g=new y,this.h=t}function _(t,e,n,r){try{var o=e.call(t.g.h,n);if(!(o instanceof Object))throw new TypeError("Iterator result "+o+" is not an object");if(!o.done)return t.g.u=!1,o;var i=o.value}catch(a){return t.g.h=null,v(t.g,a),A(t)}return t.g.h=null,r.call(t.g,i),A(t)}function A(t){for(;t.g.g;)try{var e=t.h(t.g);if(e)return t.g.u=!1,{value:e.value,done:!1}}catch(D){t.g.Oa=void 0,v(t.g,D)}if(t.g.u=!1,t.g.i){if(e=t.g.i,t.g.i=null,e.fb)throw e.ab;return{value:e.return,done:!0}}return{value:void 0,done:!0}}function w(t){this.next=function(e){return m(t.g),t.g.h?e=_(t,t.g.h.next,e,t.g.O):(t.g.O(e),e=A(t)),e},this.throw=function(e){return m(t.g),t.g.h?e=_(t,t.g.h.throw,e,t.g.O):(v(t.g,e),e=A(t)),e},this.return=function(e){return function(t,e){m(t.g);var n=t.g.h;return n?_(t,"return"in n?n.return:function(t){return{value:t,done:!0}},e,t.g.return):(t.g.return(e),A(t))}(t,e)},this[Symbol.iterator]=function(){return this}}function C(t,e){return e=new w(new b(e)),d&&t.prototype&&d(e,t.prototype),e}y.prototype.O=function(t){this.Oa=t},y.prototype.return=function(t){this.i={return:t},this.g=this.ea},Array.from||(Array.from=function(t){return[].slice.call(t)}),Object.assign||(Object.assign=function(t){for(var e,n=[].slice.call(arguments,1),r=0;r<n.length;r++)if(e=n[r])for(var o=t,i=Object.keys(e),a=0;a<i.length;a++){var s=i[a];o[s]=e[s]}return t});var S=setTimeout;function x(){}function k(t){if(!(this instanceof k))throw new TypeError("Promises must be constructed via new");if("function"!=typeof t)throw new TypeError("not a function");this.N=0,this.Ha=!1,this.I=void 0,this.ba=[],T(t,this)}function E(t,e){for(;3===t.N;)t=t.I;0===t.N?t.ba.push(e):(t.Ha=!0,U((function(){var n=1===t.N?e.hb:e.ib;if(null===n)(1===t.N?O:B)(e.promise,t.I);else{try{var r=n(t.I)}catch(I){return void B(e.promise,I)}O(e.promise,r)}})))}function O(t,e){try{if(e===t)throw new TypeError("A promise cannot be resolved with itself.");if(e&&("object"===r(e)||"function"==typeof e)){var n=e.then;if(e instanceof k)return t.N=3,t.I=e,void P(t);if("function"==typeof n)return void T(function(t,e){return function(){t.apply(e,arguments)}}(n,e),t)}t.N=1,t.I=e,P(t)}catch(q){B(t,q)}}function B(t,e){t.N=2,t.I=e,P(t)}function P(t){2===t.N&&0===t.ba.length&&U((function(){t.Ha||"undefined"!=typeof console&&console&&console.warn("Possible Unhandled Promise Rejection:",t.I)}));for(var e=0,n=t.ba.length;e<n;e++)E(t,t.ba[e]);t.ba=null}function j(t,e,n){this.hb="function"==typeof t?t:null,this.ib="function"==typeof e?e:null,this.promise=n}function T(t,e){var n=!1;try{t((function(t){n||(n=!0,O(e,t))}),(function(t){n||(n=!0,B(e,t))}))}catch(q){n||(n=!0,B(e,q))}}function N(t){return t&&"object"===r(t)&&t.constructor===k?t:new k((function(e){e(t)}))}k.prototype.catch=function(t){return this.then(null,t)},k.prototype.then=function(t,e){var n=new this.constructor(x);return E(this,new j(t,e,n)),n},k.prototype.finally=function(t){var e=this.constructor;return this.then((function(n){return e.resolve(t()).then((function(){return n}))}),(function(n){return e.resolve(t()).then((function(){return e.reject(n)}))}))};var M,L,R,D,q,I,U="function"==typeof setImmediate&&function(t){setImmediate(t)}||function(t){S(t,0)};if(!window.Promise){window.Promise=k,k.prototype.then=k.prototype.then,k.all=function(t){return new k((function(e,n){function o(t,s){try{if(s&&("object"===r(s)||"function"==typeof s)){var c=s.then;if("function"==typeof c)return void c.call(s,(function(e){o(t,e)}),n)}i[t]=s,0==--a&&e(i)}catch(l){n(l)}}if(!t||void 0===t.length)return n(new TypeError("Promise.all accepts an array"));var i=Array.prototype.slice.call(t);if(0===i.length)return e([]);for(var a=i.length,s=0;s<i.length;s++)o(s,i[s])}))},k.race=function(t){return new k((function(e,n){if(!t||void 0===t.length)return n(new TypeError("Promise.race accepts an array"));for(var r=0,o=t.length;r<o;r++)N(t[r]).then(e,n)}))},k.resolve=N,k.reject=function(t){return new k((function(e,n){n(t)}))};var z=document.createTextNode(""),H=[];new MutationObserver((function(){for(var t=H.length,e=0;e<t;e++)H[e]();H.splice(0,t)})).observe(z,{characterData:!0}),U=function(t){H.push(t),z.textContent=0<z.textContent.length?"":"a"}}!function(t,e){if(!(e in t)){var o=(void 0===n.g?"undefined":r(n.g))===r(o)?window:n.g,i=0,a=String(Math.random()),s="__
symbol@@"+a,c=t.getOwnPropertyNames,l=t.getOwnPropertyDescriptor,u=t.create,f=t.keys,p=t.freeze||t,d=t.defineProperty,h=t.defineProperties,y=l(t,"getOwnPropertyNames"),m=t.prototype,v=m.hasOwnProperty,g=m.propertyIsEnumerable,b=m.toString,_=function(t,e,n){v.call(t,s)||d(t,s,{enumerable:!1,configurable:!1,writable:!1,value:{}}),t[s]["@@"+e]=n},A=function(t,e){var n=u(t);return c(e).forEach((function(t){x.call(e,t)&&j(n,t,e[t])})),n},w=function(){},C=function(t){return t!=s&&!v.call(O,t)},S=function(t){return t!=s&&v.call(O,t)},x=function(t){var e=String(t);return S(e)?v.call(this,e)&&!!this[s]&&this[s]["@@"+e]:g.call(this,t)},k=function(e){return d(m,e,{enumerable:!1,configurable:!0,get:w,set:function(t){N(this,e,{enumerable:!1,configurable:!0,writable:!0,value:t}),_(this,e,!0)}}),O[e]=d(t(e),"constructor",B),p(O[e])},E=function t(e){if(this instanceof t)throw new TypeError("Symbol is not a constructor");return k("__
symbol:".concat(e||"",a,++i))},O=u(null),B={value:E},P=function(t){return O[t]},j=function(t,e,n){var r=String(e);if(S(r)){if(e=N,n.enumerable){var o=u(n);o.enumerable=!1}else o=n;e(t,r,o),_(t,r,!!n.enumerable)}else d(t,e,n);return t},T=function(t){return c(t).filter(S).map(P)};y.value=j,d(t,"defineProperty",y),y.value=T,d(t,e,y),y.value=function(t){return c(t).filter(C)},d(t,"getOwnPropertyNames",y),y.value=function(t,e){var n=T(e);return n.length?f(e).concat(n).forEach((function(n){x.call(e,n)&&j(t,n,e[n])})):h(t,e),t},d(t,"defineProperties",y),y.value=x,d(m,"propertyIsEnumerable",y),y.value=E,d(o,"Symbol",y),y.value=function(t){return(t="__
symbol:".concat("__
symbol:",t,a))in m?O[t]:k(t)},d(E,"for",y),y.value=function(t){if(C(t))throw new TypeError(t+" is not a symbol");if(v.call(O,t)&&("__
symbol:"===(t=t.slice(10)).slice(0,10)&&(t=t.slice(10))!==a))return 0<(t=t.slice(0,t.length-a.length)).length?t:void 0},d(E,"keyFor",y),y.value=function(t,e){var n=l(t,e);return n&&S(e)&&(n.enumerable=x.call(t,e)),n},d(t,"getOwnPropertyDescriptor",y),y.value=function(t,e){return 1===arguments.length||void 0===e?u(t):A(t,e)},d(t,"create",y),y.value=function(){var t=b.call(this);return"[object String]"===t&&S(this)?"[object Symbol]":t},d(m,"toString",y);try{if(!0!==u(d({},"__
symbol:",{get:function(){return d(this,"__
symbol:",{value:!0})["__
symbol:"]}}))["__
symbol:"])throw"IE11";var N=d}catch(M){N=function(t,e,n){var r=l(m,e);delete m[e],d(t,e,n),d(m,e,r)}}}}(Object,"getOwnPropertySymbols"),M=Object,L=Symbol,D=M.defineProperty,q=M.prototype,I=q.toString,"iterator match replace search split hasInstance isConcatSpreadable unscopables species toPrimitive toStringTag".split(" ").forEach((function(t){t in L||(D(L,t,{value:L(t)}),"toStringTag"===t&&((R=M.getOwnPropertyDescriptor(q,"toString")).value=function(){var t=I.call(this),e=null==this?this:this[L.toStringTag];return null==e?t:"[object "+e+"]"},D(q,"toString",R)))})),function(t,e,n){function r(){return this}e[t]||(e[t]=function(){var e=0,n=this,o={next:function(){var t=n.length<=e;return t?{done:t}:{done:t,value:n[e++]}}};return o[t]=r,o}),n[t]||(n[t]=function(){var e=String.fromCodePoint,n=this,o=0,i=n.length,a={next:function(){var t=i<=o,r=t?"":e(n.codePointAt(o));return o+=r.length,t?{done:t}:{done:t,value:r}}};return a[t]=r,a})}(Symbol.iterator,Array.prototype,String.prototype);var F=Object.prototype.toString;Object.prototype.toString=function(){return void 0===this?"[object Undefined]":null===this?"[object Null]":F.call(this)},Object.keys=function(t){return Object.getOwnPropertyNames(t).filter((function(e){return(e=Object.getOwnPropertyDescriptor(t,e))&&e.enumerable}))},String.prototype[Symbol.iterator]&&String.prototype.codePointAt||(String.prototype[Symbol.iterator]=function t(){var e,n=this;return C(t,(function(t){if(1==t.g&&(e=0),3!=t.g)return e<n.length?t=g(t,n[e]):(t.g=0,t=void 0),t;e++,t.g=2}))}),Set.prototype[Symbol.iterator]||(Set.prototype[Symbol.iterator]=function t(){var e,n,r=this;return C(t,(function(t){if(1==t.g&&(e=[],r.forEach((function(t){e.push(t)})),n=0),3!=t.g)return n<e.length?t=g(t,e[n]):(t.g=0,t=void 0),t;n++,t.g=2}))}),Map.prototype[Symbol.iterator]||(Map.prototype[Symbol.iterator]=function t(){var e,n,r=this;return C(t,(function(t){if(1==t.g&&(e=[],r.forEach((function(t,n){e.push([n,t])})),n=0),3!=t.g)return n<e.length?t=g(t,e[n]):(t.g=0,t=void 0),t;n++,t.g=2}))});var V=document.createEvent("Event");if(V.initEvent("foo",!0,!0),V.preventDefault(),!V.defaultPrevented){var W=Event.prototype.preventDefault;Event.prototype.preventDefault=function(){this.cancelable&&(W.call(this),Object.defineProperty(this,"defaultPrevented",{get:function(){return!0},configurable:!0}))}}var Y=/Trident/.test(navigator.userAgent);if(!window.Event||Y&&"function"!=typeof window.Event){var Z=window.Event;if(window.Event=function(t,e){e=e||{};var n=document.createEvent("Event");return n.initEvent(t,!!e.bubbles,!!e.cancelable),n},Z){for(var G in Z)window.Event[G]=Z[G];window.Event.prototype=Z.prototype}}if((!window.CustomEvent||Y&&"function"!=typeof window.CustomEvent)&&(window.CustomEvent=function(t,e){e=e||{};var n=document.createEvent("CustomEvent");return n.initCustomEvent(t,!!e.bubbles,!!e.cancelable,e.detail),n},window.CustomEvent.prototype=window.Event.prototype),!window.MouseEvent||Y&&"function"!=typeof window.MouseEvent){var K=window.MouseEvent;if(window.MouseEvent=function(t,e){e=e||{};var n=document.createEvent("MouseEvent");return n.initMouseEvent(t,!!e.bubbles,!!e.cancelable,e.view||window,e.detail,e.screenX,e.screenY,e.clientX,e.clientY,e.ctrlKey,e.altKey,e.shiftKey,e.metaKey,e.button,e.relatedTarget),n},K)for(var J in K)window.MouseEvent[J]=K[J];window.MouseEvent.prototype=K.prototype}var Q,X=function(){function t(){o++}var e=!1,n=!1,r={get capture(){return e=!0},get once(){return n=!0}},o=0,i=document.createElement("div");i.addEventListener("click",t,r);var a=e&&n;return a&&(i.dispatchEvent(new Event("click")),i.dispatchEvent(new Event("click")),a=1==o),i.removeEventListener("click",t,r),a}(),$=null!==(Q=window.EventTarget)&&void 0!==Q?Q:window.Node;if(!X&&"addEventListener"in $.prototype){var tt=function(t){if(!t||"object"!==r(t)&&"function"!=typeof t){var e=!!t;t=!1}else e=!!t.capture,t=!!t.once;return{capture:e,once:t}},et=$.prototype.addEventListener,nt=$.prototype.removeEventListener,rt=new WeakMap,ot=new WeakMap,it=function(t,e,n){var r=n?rt:ot;return void 0===(n=r.get(t))&&r.set(t,n=new Map),void 0===(t=n.get(e))&&n.set(e,t=new WeakMap),t};$.prototype.addEventListener=function(t,e,n){var r=this;if(null!=e){var o=(n=tt(n)).capture;n=n.once;var i=it(this,t,o);if(!i.has(e)){var a=n?function(n){return i.delete(e),nt.call(r,t,a,o),"function"==typeof e?e.call(r,n):"function"==typeof(null==e?void 0:e.handleEvent)?e.handleEvent(n):void 0}:null;i.set(e,a),et.call(this,t,null!=a?a:e,o)}}},$.prototype.removeEventListener=function(t,e,n){if(null!=e){n=tt(n).capture;var r=it(this,t,n),o=r.get(e);void 0!==o&&(r.delete(e),nt.call(this,t,null!=o?o:e,n))}}}Object.getOwnPropertyDescriptor(Node.prototype,"baseURI")||Object.defineProperty(Node.prototype,"baseURI",{get:function(){var t=(this.ownerDocument||this).querySelector("base[href]");return t&&t.href||window.location.href},configurable:!0,enumerable:!0});var at,st,ct=Element.prototype,lt=null!==(at=Object.getOwnPropertyDescriptor(ct,"attributes"))&&void 0!==at?at:Object.getOwnPropertyDescriptor(Node.prototype,"attributes"),ut=null!==(st=null==lt?void 0:lt.get)&&void 0!==st?st:function(){return this.attributes},ft=Array.prototype.map;ct.hasOwnProperty("getAttributeNames")||(ct.getAttributeNames=function(){return ft.call(ut.call(this),(function(t){return t.name}))});var pt,dt=Element.prototype;dt.hasOwnProperty("matches")||(dt.matches=null!==(pt=dt.webkitMatchesSelector)&&void 0!==pt?pt:dt.msMatchesSelector);var ht=Node.prototype.appendChild;function yt(t){(t=t.prototype).hasOwnProperty("append")||Object.defineProperty(t,"append",{configurable:!0,enumerable:!0,writable:!0,value:function(t){for(var e=[],n=0;n<arguments.length;++n)e[n]=arguments[n];for(n=(e=l(e)).next();!n.done;n=e.next())n=n.value,ht.call(this,"string"==typeof n?document.createTextNode(n):n)}})}yt(Document),yt(DocumentFragment),yt(Element);var mt,vt,gt=Node.prototype.insertBefore,bt=null!==(vt=null===(mt=Object.getOwnPropertyDescriptor(Node.prototype,"firstChild"))||void 0===mt?void 0:mt.get)&&void 0!==vt?vt:function(){return this.firstChild};function _t(t){(t=t.prototype).hasOwnProperty("prepend")||Object.defineProperty(t,"prepend",{configurable:!0,enumerable:!0,writable:!0,value:function(t){for(var e=[],n=0;n<arguments.length;++n)e[n]=arguments[n];n=bt.call(this);for(var r=(e=l(e)).next();!r.done;r=e.next())r=r.value,gt.call(this,"string"==typeof r?document.createTextNode(r):r,n)}})}_t(Document),_t(DocumentFragment),_t(Element);var At,wt,Ct=Node.prototype.appendChild,St=Node.prototype.removeChild,xt=null!==(wt=null===(At=Object.getOwnPropertyDescriptor(Node.prototype,"firstChild"))||void 0===At?void 0:At.get)&&void 0!==wt?wt:function(){return this.firstChild};function kt(t){(t=t.prototype).hasOwnProperty("replaceChildren")||Object.defineProperty(t,"replaceChildren",{configurable:!0,enumerable:!0,writable:!0,value:function(t){for(var e=[],n=0;n<arguments.length;++n)e[n]=arguments[n];for(;null!==(n=xt.call(this));)St.call(this,n);for(n=(e=l(e)).next();!n.done;n=e.next())n=n.value,Ct.call(this,"string"==typeof n?document.createTextNode(n):n)}})}kt(Document),kt(DocumentFragment),kt(Element);var Et,Ot,Bt,Pt,jt=Node.prototype.insertBefore,Tt=null!==(Ot=null===(Et=Object.getOwnPropertyDescriptor(Node.prototype,"parentNode"))||void 0===Et?void 0:Et.get)&&void 0!==Ot?Ot:function(){return this.parentNode},Nt=null!==(Pt=null===(Bt=Object.getOwnPropertyDescriptor(Node.prototype,"nextSibling"))||void 0===Bt?void 0:Bt.get)&&void 0!==Pt?Pt:function(){return this.nextSibling};function Mt(t){(t=t.prototype).hasOwnProperty("after")||Object.defineProperty(t,"after",{configurable:!0,enumerable:!0,writable:!0,value:function(t){for(var e=[],n=0;n<arguments.length;++n)e[n]=arguments[n];if(null!==(n=Tt.call(this)))for(var r=Nt.call(this),o=(e=l(e)).next();!o.done;o=e.next())o=o.value,jt.call(n,"string"==typeof o?document.createTextNode(o):o,r)}})}Mt(CharacterData),Mt(Element);var Lt,Rt,Dt=Node.prototype.insertBefore,qt=null!==(Rt=null===(Lt=Object.getOwnPropertyDescriptor(Node.prototype,"parentNode"))||void 0===Lt?void 0:Lt.get)&&void 0!==Rt?Rt:function(){return this.parentNode};function It(t){(t=t.prototype).hasOwnProperty("before")||Object.defineProperty(t,"before",{configurable:!0,enumerable:!0,writable:!0,value:function(t){for(var e=[],n=0;n<arguments.length;++n)e[n]=arguments[n];if(null!==(n=qt.call(this)))for(var r=(e=l(e)).next();!r.done;r=e.next())r=r.value,Dt.call(n,"string"==typeof r?document.createTextNode(r):r,this)}})}It(CharacterData),It(Element);var Ut,zt,Ht=Node.prototype.removeChild,Ft=null!==(zt=null===(Ut=Object.getOwnPropertyDescriptor(Node.prototype,"parentNode"))||void 0===Ut?void 0:Ut.get)&&void 0!==zt?zt:function(){return this.parentNode};function Vt(t){(t=t.prototype).hasOwnProperty("remove")||Object.defineProperty(t,"remove",{configurable:!0,enumerable:!0,writable:!0,value:function(){var t=Ft.call(this);t&&Ht.call(t,this)}})}Vt(CharacterData),Vt(Element);var Wt,Yt,Zt=Node.prototype.insertBefore,Gt=Node.prototype.removeChild,Kt=null!==(Yt=null===(Wt=Object.getOwnPropertyDescriptor(Node.prototype,"parentNode"))||void 0===Wt?void 0:Wt.get)&&void 0!==Yt?Yt:function(){return this.parentNode};function Jt(t){(t=t.prototype).hasOwnProperty("replaceWith")||Object.defineProperty(t,"replaceWith",{configurable:!0,enumerable:!0,writable:!0,value:function(t){for(var e=[],n=0;n<arguments.length;++n)e[n]=arguments[n];if(null!==(n=Kt.call(this))){for(var r=(e=l(e)).next();!r.done;r=e.next())r=r.value,Zt.call(n,"string"==typeof r?document.createTextNode(r):r,this);Gt.call(n,this)}}})}Jt(CharacterData),Jt(Element);var Qt=window.Element.prototype,Xt=window.HTMLElement.prototype,$t=window.SVGElement.prototype;!Xt.hasOwnProperty("classList")||Qt.hasOwnProperty("classList")||$t.hasOwnProperty("classList")||Object.defineProperty(Qt,"classList",Object.getOwnPropertyDescriptor(Xt,"classList"));var te=document.createElement("style");te.textContent="body {transition: opacity ease-in 0.2s; } \nbody[unresolved] {opacity: 0; display: block; overflow: hidden; position: relative; } \n";var ee=document.querySelector("head");ee.insertBefore(te,ee.firstChild);var ne=window;ne.WebComponents=ne.WebComponents||{flags:{}};var re=document.querySelector('script[src*="webcomponents-bundle"]'),oe=/wc-(.+)/,ie={};if(!ie.noOpts){if(location.search.slice(1).split("&").forEach((function(t){var e;(t=t.split("="))[0]&&(e=t[0].match(oe))&&(ie[e[1]]=t[1]||!0)})),re)for(var ae=0,se=void 0;se=re.attributes[ae];ae++)"src"!==se.name&&(ie[se.name]=se.value||!0);var ce={};ie.log&&ie.log.split&&ie.log.split(",").forEach((function(t){ce[t]=!0})),ie.log=ce}ne.WebComponents.flags=ie;var le=ie.shadydom;if(le){ne.ShadyDOM=ne.ShadyDOM||{},ne.ShadyDOM.force=le;var ue=ie.noPatch;ne.ShadyDOM.noPatch="true"===ue||ue}var fe=ie.register||ie.ce;function pe(){}function de(t){return t.__shady||(t.__shady=new pe),t.__shady}function he(t){return t&&t.__shady}fe&&window.customElements&&(ne.customElements.forcePolyfill=fe),function(){function t(){}function e(t,e){if(!t.childNodes.length)return[];switch(t.nodeType){case Node.DOCUMENT_NODE:return y.call(t,e);case Node.DOCUMENT_FRAGMENT_NODE:return m.call(t,e);default:return h.call(t,e)}}var n="undefined"==typeof HTMLTemplateElement,r=!(document.createDocumentFragment().cloneNode()instanceof DocumentFragment),o=!1;/Trident/.test(navigator.userAgent)&&function(){function t(t,e){if(t instanceof DocumentFragment)for(var r;r=t.firstChild;)n.call(this,r,e);else n.call(this,t,e);return t}o=!0;var e=Node.prototype.cloneNode;Node.prototype.cloneNode=function(t){return t=e.call(this,t),this instanceof DocumentFragment&&(t.__proto__=DocumentFragment.prototype),t},DocumentFragment.prototype.querySelectorAll=HTMLElement.prototype.querySelectorAll,DocumentFragment.prototype.querySelector=HTMLElement.prototype.querySelector,Object.defineProperties(DocumentFragment.prototype,{nodeType:{get:function(){return Node.DOCUMENT_FRAGMENT_NODE},configurable:!0},localName:{get:function(){},configurable:!0},nodeName:{get:function(){return"#document-fragment"},configurable:!0}});var n=Node.prototype.insertBefore;Node.prototype.insertBefore=t;var r=Node.prototype.appendChild;Node.prototype.appendChild=function(e){return e instanceof DocumentFragment?t.call(this,e,null):r.call(this,e),e};var i=Node.prototype.removeChild,a=Node.prototype.replaceChild;Node.prototype.replaceChild=function(e,n){return e instanceof DocumentFragment?(t.call(this,e,n),i.call(this,n)):a.call(this,e,n),n},Document.prototype.createDocumentFragment=function(){var t=this.createElement("df");return t.__proto__=DocumentFragment.prototype,t};var s=Document.prototype.importNode;Document.prototype.importNode=function(t,e){return e=s.call(this,t,e||!1),t instanceof DocumentFragment&&(e.__proto__=DocumentFragment.prototype),e}}();var i=Node.prototype.cloneNode,a=Document.prototype.createElement,s=Document.prototype.importNode,c=Node.prototype.removeChild,l=Node.prototype.appendChild,u=Node.prototype.replaceChild,f=DOMParser.prototype.parseFromString,p=Object.getOwnPropertyDescriptor(window.HTMLElement.prototype,"innerHTML")||{get:function(){return this.innerHTML},set:function(t){this.innerHTML=t}},d=Object.getOwnPropertyDescriptor(window.Node.prototype,"childNodes")||{get:function(){return this.childNodes}},h=Element.prototype.querySelectorAll,y=Document.prototype.querySelectorAll,m=DocumentFragment.prototype.querySelectorAll,v=function(){if(!n){var t=document.createElement("template"),e=document.createElement("template");return e.content.appendChild(document.createElement("div")),t.content.appendChild(e),0===(t=t.cloneNode(!0)).content.childNodes.length||0===t.content.firstChild.content.childNodes.length||r}}();if(n){var g=document.implementation.createHTMLDocument("template"),b=!0,_=document.createElement("style");_.textContent="template{display:none;}";var A=document.head;A.insertBefore(_,A.firstElementChild),t.prototype=Object.create(HTMLElement.prototype);var w=!document.createElement("div").hasOwnProperty("innerHTML");t.Z=function(e){if(!e.content&&e.namespaceURI===document.documentElement.namespaceURI){e.content=g.createDocumentFragment();for(var n;n=e.firstChild;)l.call(e.content,n);if(w)e.__proto__=t.prototype;else if(e.cloneNode=function(e){return t.va(this,e)},b)try{S(e),x(e)}catch(r){b=!1}t.bootstrap(e.content)}};var C={option:["select"],thead:["table"],col:["colgroup","table"],tr:["tbody","table"],th:["tr","tbody","table"],td:["tr","tbody","table"]},S=function(e){Object.defineProperty(e,"innerHTML",{get:function(){return j(this)},set:function(e){var n=C[(/<([a-z][^/\0>\x20\t\r\n\f]+)/i.exec(e)||["",""])[1].toLowerCase()];if(n)for(var r=0;r<n.length;r++)e="<"+n[r]+">"+e+"</"+n[r]+">";for(g.body.innerHTML=e,t.bootstrap(g);this.content.firstChild;)c.call(this.content,this.content.firstChild);if(e=g.body,n)for(r=0;r<n.length;r++)e=e.lastChild;for(;e.firstChild;)l.call(this.content,e.firstChild)},configurable:!0})},x=function(t){Object.defineProperty(t,"outerHTML",{get:function(){return"<template>"+this.innerHTML+"</template>"},set:function(t){if(!this.parentNode)throw Error("Failed to set the 'outerHTML' property on 'Element': This element has no parent node.");for(g.body.innerHTML=t,t=this.ownerDocument.createDocumentFragment();g.body.firstChild;)l.call(t,g.body.firstChild);u.call(this.parentNode,t,this)},configurable:!0})};S(t.prototype),x(t.prototype),t.bootstrap=function(n){for(var r,o=0,i=(n=e(n,"template")).length;o<i&&(r=n[o]);o++)t.Z(r)},document.addEventListener("DOMContentLoaded",(function(){t.bootstrap(document)})),Document.prototype.createElement=function(){var e=a.apply(this,arguments);return"template"===e.localName&&t.Z(e),e},DOMParser.prototype.parseFromString=function(){var e=f.apply(this,arguments);return t.bootstrap(e),e},Object.defineProperty(HTMLElement.prototype,"innerHTML",{get:function(){return j(this)},set:function(e){p.set.call(this,e),t.bootstrap(this)},configurable:!0,enumerable:!0});var k=/[&\u00A0"]/g,E=/[&\u00A0<>]/g,O=function(t){switch(t){case"&":return"&amp;";case"<":return"&lt;";case">":return"&gt;";case'"':return"&quot;";case" ":return"&nbsp;"}},B=(_=function(t){for(var e={},n=0;n<t.length;n++)e[t[n]]=!0;return e})("area base br col command embed hr img input keygen link meta param source track wbr".split(" ")),P=_("style script xmp iframe noembed noframes plaintext noscript".split(" ")),j=function t(e,n){"template"===e.localName&&(e=e.content);for(var r,o="",i=n?n(e):d.get.call(e),a=0,s=i.length;a<s&&(r=i[a]);a++){t:{var c=r,l=e,u=n;switch(c.nodeType){case Node.ELEMENT_NODE:for(var f=c.localName,p="<"+f,h=c.attributes,y=0;l=h[y];y++)p+=" "+l.name+'="'+l.value.replace(k,O)+'"';p+=">",c=B[f]?p:p+t(c,u)+"</"+f+">";break t;case Node.TEXT_NODE:c=c.data,c=l&&P[l.localName]?c:c.replace(E,O);break t;case Node.COMMENT_NODE:c="\x3c!--"+c.data+"--\x3e";break t;default:throw window.console.error(c),Error("not implemented")}}o+=c}return o}}if(n||v){t.va=function(t,e){var n=i.call(t,!1);return this.Z&&this.Z(n),e&&(l.call(n.content,i.call(t.content,!0)),T(n.content,t.content)),n};var T=function(n,r){if(r.querySelectorAll&&0!==(r=e(r,"template")).length)for(var o,i,a=0,s=(n=e(n,"template")).length;a<s;a++)i=r[a],o=n[a],t&&t.Z&&t.Z(i),u.call(o.parentNode,N.call(i,!0),o)},N=Node.prototype.cloneNode=function(e){if(!o&&r&&this instanceof DocumentFragment){if(!e)return this.ownerDocument.createDocumentFragment();var n=M.call(this.ownerDocument,this,!0)}else n=this.nodeType===Node.ELEMENT_NODE&&"template"===this.localName&&this.namespaceURI==document.documentElement.namespaceURI?t.va(this,e):i.call(this,e);return e&&T(n,this),n},M=Document.prototype.importNode=function(n,r){if(r=r||!1,"template"===n.localName)return t.va(n,r);var o=s.call(this,n,r);if(r){T(o,n),n=e(o,'script:not([type]),script[type="application/javascript"],script[type="text/javascript"]');for(var i,c=0;c<n.length;c++){i=n[c],(r=a.call(document,"script")).textContent=i.textContent;for(var l,f=i.attributes,p=0;p<f.length;p++)l=f[p],r.setAttribute(l.name,l.value);u.call(i.parentNode,r,i)}}return o}}n&&(window.HTMLTemplateElement=t)}(),pe.prototype.toJSON=function(){return{}};var ye=window.ShadyDOM||{};ye.cb=!(!Element.prototype.attachShadow||!Node.prototype.getRootNode);var me,ve=Object.getOwnPropertyDescriptor(Node.prototype,"firstChild");ye.D=!!(ve&&ve.configurable&&ve.get),ye.Ba=ye.force||!ye.cb,ye.J=ye.noPatch||!1,ye.ha=ye.preferPerformance,ye.Da="on-demand"===ye.J;var ge=ye.querySelectorImplementation;function be(){return Document.prototype.msElementsFromPoint?"msElementsFromPoint":"elementsFromPoint"}function _e(t){return(t=he(t))&&void 0!==t.firstChild}function Ae(t){return t instanceof ShadowRoot}function we(t){return(t=(t=he(t))&&t.root)&&vo(t)}me=-1<["native","selectorEngine"].indexOf(ge)?ge:void 0,ye.wb=me,ye.Ra=navigator.userAgent.match("Trident");var Ce=Element.prototype,Se=Ce.matches||Ce.matchesSelector||Ce.mozMatchesSelector||Ce.msMatchesSelector||Ce.oMatchesSelector||Ce.webkitMatchesSelector,xe=document.createTextNode(""),ke=0,Ee=[];function Oe(t){Ee.push(t),xe.textContent=ke++}new MutationObserver((function(){for(;Ee.length;)try{Ee.shift()()}catch(M){throw xe.textContent=ke++,M}})).observe(xe,{characterData:!0});var Be=document.contains?function(t,e){return t.__shady_native_contains(e)}:function(t,e){return t===e||t.documentElement&&t.documentElement.__shady_native_contains(e)};function Pe(t,e){for(;e;){if(e==t)return!0;e=e.__shady_parentNode}return!1}function je(t){for(var e=t.length-1;0<=e;e--){var n=t[e],r=n.getAttribute("id")||n.getAttribute("name");r&&"length"!==r&&isNaN(r)&&(t[r]=n)}return t.item=function(e){return t[e]},t.namedItem=function(e){if("length"!==e&&isNaN(e)&&t[e])return t[e];for(var n=l(t),r=n.next();!r.done;r=n.next())if(((r=r.value).getAttribute("id")||r.getAttribute("name"))==e)return r;return null},t}function Te(t){var e=[];for(t=t.__shady_native_firstChild;t;t=t.__shady_native_nextSibling)e.push(t);return e}function Ne(t){var e=[];for(t=t.__shady_firstChild;t;t=t.__shady_nextSibling)e.push(t);return e}function Me(t,e,n){if(n.configurable=!0,n.value)t[e]=n.value;else try{Object.defineProperty(t,e,n)}catch(q){}}function Le(t,e,n,r){for(var o in n=void 0===n?"":n,e)r&&0<=r.indexOf(o)||Me(t,n+o,e[o])}function Re(t,e){for(var n in e)n in t&&Me(t,n,e[n])}function De(t){var e={};return Object.getOwnPropertyNames(t).forEach((function(n){e[n]=Object.getOwnPropertyDescriptor(t,n)})),e}function qe(t,e){for(var n,r=Object.getOwnPropertyNames(e),o=0;o<r.length;o++)t[n=r[o]]=e[n]}function Ie(t){return t instanceof Node?t:document.createTextNode(""+t)}function Ue(t){for(var e=[],n=0;n<arguments.length;++n)e[n]=arguments[n];if(1===e.length)return Ie(e[0]);n=document.createDocumentFragment();for(var r=(e=l(e)).next();!r.done;r=e.next())n.appendChild(Ie(r.value));return n}function ze(t){var e;for(e=void 0===e?1:e;0<e;e--)t=t.reduce((function(t,e){return Array.isArray(e)?t.push.apply(t,u(e)):t.push(e),t}),[]);return t}var He,Fe=[];function Ve(t){He||(He=!0,Oe(We)),Fe.push(t)}function We(){He=!1;for(var t=!!Fe.length;Fe.length;)Fe.shift()();return t}function Ye(){this.g=!1,this.addedNodes=[],this.removedNodes=[],this.qa=new Set}We.list=Fe,Ye.prototype.flush=function(){if(this.g){this.g=!1;var t=this.takeRecords();t.length&&this.qa.forEach((function(e){e(t)}))}},Ye.prototype.takeRecords=function(){if(this.addedNodes.length||this.removedNodes.length){var t=[{addedNodes:this.addedNodes,removedNodes:this.removedNodes}];return this.addedNodes=[],this.removedNodes=[],t}return[]};var Ze=/[&\u00A0"]/g,Ge=/[&\u00A0<>]/g;function Ke(t){switch(t){case"&":return"&amp;";case"<":return"&lt;";case">":return"&gt;";case'"':return"&quot;";case" ":return"&nbsp;"}}function Je(t){for(var e={},n=0;n<t.length;n++)e[t[n]]=!0;return e}var Qe=Je("area base br col command embed hr img input keygen link meta param source track wbr".split(" ")),Xe=Je("style script xmp iframe noembed noframes plaintext noscript".split(" "));function $e(t,e){"template"===t.localName&&(t=t.content);for(var n="",r=e?e(t):t.childNodes,o=0,i=r.length,a=void 0;o<i&&(a=r[o]);o++){t:{var s=a,c=t,l=e;switch(s.nodeType){case Node.ELEMENT_NODE:for(var u,f="<"+(c=s.localName),p=s.attributes,d=0;u=p[d];d++)f+=" "+u.name+'="'+u.value.replace(Ze,Ke)+'"';f+=">",s=Qe[c]?f:f+$e(s,l)+"</"+c+">";break t;case Node.TEXT_NODE:s=s.data,s=c&&Xe[c.localName]?s:s.replace(Ge,Ke);break t;case Node.COMMENT_NODE:s="\x3c!--"+s.data+"--\x3e";break t;default:throw window.console.error(s),Error("not implemented")}}n+=s}return n}var tn=ye.D,en={querySelector:function(t){return this.__shady_native_querySelector(t)},querySelectorAll:function(t){return this.__shady_native_querySelectorAll(t)}},nn={};function rn(t){nn[t]=function(e){return e["__shady_native_"+t]}}function on(t,e){for(var n in Le(t,e,"__shady_native_"),e)rn(n)}function an(t,e){e=void 0===e?[]:e;for(var n=0;n<e.length;n++){var r=e[n],o=Object.getOwnPropertyDescriptor(t,r);o&&(Object.defineProperty(t,"__shady_native_"+r,o),o.value?en[r]||(en[r]=o.value):rn(r))}}var sn=document.createTreeWalker(document,NodeFilter.SHOW_ALL,null,!1),cn=document.createTreeWalker(document,NodeFilter.SHOW_ELEMENT,null,!1),ln=document.implementation.createHTMLDocument("inert");function un(t){for(var e;e=t.__shady_native_firstChild;)t.__shady_native_removeChild(e)}var fn=["firstElementChild","lastElementChild","children","childElementCount"],pn=["querySelector","querySelectorAll","append","prepend","replaceChildren"];var dn=De({get childNodes(){return this.__shady_childNodes},get firstChild(){return this.__shady_firstChild},get lastChild(){return this.__shady_lastChild},get childElementCount(){return this.__shady_childElementCount},get children(){return this.__shady_children},get firstElementChild(){return this.__shady_firstElementChild},get lastElementChild(){return this.__shady_lastElementChild},get shadowRoot(){return this.__shady_shadowRoot}}),hn=De({get textContent(){return this.__shady_textContent},set textContent(t){this.__shady_textContent=t},get innerHTML(){return this.__shady_innerHTML},set innerHTML(t){this.__shady_innerHTML=t}}),yn=De({get parentElement(){return this.__shady_parentElement},get parentNode(){return this.__shady_parentNode},get nextSibling(){return this.__shady_nextSibling},get previousSibling(){return this.__shady_previousSibling},get nextElementSibling(){return this.__shady_nextElementSibling},get previousElementSibling(){return this.__shady_previousElementSibling},get className(){return this.__shady_className},set className(t){this.__shady_className=t}});function mn(t){for(var e in t){var n=t[e];n&&(n.enumerable=!1)}}mn(dn),mn(hn),mn(yn);var vn=ye.D||!0===ye.J,gn=vn?function(){}:function(t){var e=de(t);e.Ta||(e.Ta=!0,Re(t,yn))},bn=vn?function(){}:function(t){var e=de(t);e.Sa||(e.Sa=!0,Re(t,dn),window.customElements&&window.customElements.polyfillWrapFlushCallback&&!ye.J||Re(t,hn))},_n="__eventWrappers"+Date.now(),An=function(){var t=Object.getOwnPropertyDescriptor(Event.prototype,"composed");return t?function(e){return t.get.call(e)}:null}(),wn=function(){function t(){}var e=!1,n={get capture(){return e=!0,!1}};return window.addEventListener("test",t,n),window.removeEventListener("test",t,n),e}();function Cn(t){if(null===t||"object"!==r(t)&&"function"!=typeof t)var e=!!t,n=!1;else{e=!!t.capture,n=!!t.once;var o=t.U}return{Pa:o,capture:e,once:n,Na:wn?t:e}}var Sn={blur:!0,focus:!0,focusin:!0,focusout:!0,click:!0,dblclick:!0,mousedown:!0,mouseenter:!0,mouseleave:!0,mousemove:!0,mouseout:!0,mouseover:!0,mouseup:!0,wheel:!0,beforeinput:!0,input:!0,keydown:!0,keyup:!0,compositionstart:!0,compositionupdate:!0,compositionend:!0,touchstart:!0,touchend:!0,touchmove:!0,touchcancel:!0,pointerover:!0,pointerenter:!0,pointerdown:!0,pointermove:!0,pointerup:!0,pointercancel:!0,pointerout:!0,pointerleave:!0,gotpointercapture:!0,lostpointercapture:!0,dragstart:!0,drag:!0,dragenter:!0,dragleave:!0,dragover:!0,drop:!0,dragend:!0,DOMActivate:!0,DOMFocusIn:!0,DOMFocusOut:!0,keypress:!0},xn={DOMAttrModified:!0,DOMAttributeNameChanged:!0,DOMCharacterDataModified:!0,DOMElementNameChanged:!0,DOMNodeInserted:!0,DOMNodeInsertedIntoDocument:!0,DOMNodeRemoved:!0,DOMNodeRemovedFromDocument:!0,DOMSubtreeModified:!0};function kn(t){return t instanceof Node?t.__shady_getRootNode():t}function En(t,e){var n=[],r=t;for(t=kn(t);r;)n.push(r),r=r.__shady_assignedSlot?r.__shady_assignedSlot:r.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&r.host&&(e||r!==t)?r.host:r.__shady_parentNode;return n[n.length-1]===document&&n.push(window),n}function On(t,e){if(!Ae)return t;t=En(t,!0);for(var n,r,o=0,i=void 0,a=void 0;o<e.length;o++)if((r=kn(n=e[o]))!==i&&(a=t.indexOf(r),i=r),!Ae(r)||-1<a)return n}var Bn={get composed(){return void 0===this.__composed&&(An?this.__composed="focusin"===this.type||"focusout"===this.type||An(this):!1!==this.isTrusted&&(this.__composed=Sn[this.type])),this.__composed||!1},composedPath:function(){return this.__composedPath||(this.__composedPath=En(this.__target,this.composed)),this.__composedPath},get target(){return On(this.currentTarget||this.__previousCurrentTarget,this.composedPath())},get relatedTarget(){return this.__relatedTarget?(this.__relatedTargetComposedPath||(this.__relatedTargetComposedPath=En(this.__relatedTarget,!0)),On(this.currentTarget||this.__previousCurrentTarget,this.__relatedTargetComposedPath)):null},stopPropagation:function(){Event.prototype.stopPropagation.call(this),this.ua=!0},stopImmediatePropagation:function(){Event.prototype.stopImmediatePropagation.call(this),this.ua=this.__immediatePropagationStopped=!0}},Pn=ye.D&&Object.getOwnPropertyDescriptor(Event.prototype,"eventPhase");function jn(t){function e(e,n){return(e=new t(e,n)).__composed=n&&!!n.composed,e}return e.__proto__=t,e.prototype=t.prototype,e}Pn&&(Object.defineProperty(Bn,"eventPhase",{get:function(){return this.currentTarget===this.target?Event.AT_TARGET:this.__shady_native_eventPhase},enumerable:!0,configurable:!0}),Object.defineProperty(Bn,"__shady_native_eventPhase",Pn));var Tn={focus:!0,blur:!0};function Nn(t){return t.__target!==t.target||t.__relatedTarget!==t.relatedTarget}function Mn(t,e,n){if(n=e.__handlers&&e.__handlers[t.type]&&e.__handlers[t.type][n])for(var r,o=0;(r=n[o])&&(!Nn(t)||t.target!==t.relatedTarget)&&(r.call(e,t),!t.__immediatePropagationStopped);o++);}var Ln=new Event("e").hasOwnProperty("currentTarget");function Rn(t){var e=(t=Ln?Object.create(t):t).composedPath(),n=e.map((function(t){return On(t,e)})),r=t.bubbles,o=Object.getOwnPropertyDescriptor(t,"currentTarget");Object.defineProperty(t,"currentTarget",{configurable:!0,enumerable:!0,get:function(){return c}});var i=Event.CAPTURING_PHASE,a=Object.getOwnPropertyDescriptor(t,"eventPhase");Object.defineProperty(t,"eventPhase",{configurable:!0,enumerable:!0,get:function(){return i}});try{for(var s=e.length-1;0<=s;s--){var c=e[s];if(i=c===n[s]?Event.AT_TARGET:Event.CAPTURING_PHASE,Mn(t,c,"capture"),t.ua)return}for(s=0;s<e.length;s++){var l=(c=e[s])===n[s];if((l||r)&&(i=l?Event.AT_TARGET:Event.BUBBLING_PHASE,Mn(t,c,"bubble"),t.ua))break}}finally{Ln||(o?Object.defineProperty(t,"currentTarget",o):delete t.currentTarget,a?Object.defineProperty(t,"eventPhase",a):delete t.eventPhase)}}function Dn(t,e,n,r){for(var o=0;o<t.length;o++){var i=t[o],a=i.type,s=i.capture;if(e===i.node&&n===a&&r===s)return o}return-1}function qn(t){return We(),!ye.ha&&this instanceof Node&&!Be(document,this)?(t.__target||Hn(t,this),Rn(t)):this.__shady_native_dispatchEvent(t)}function In(t,e,n){var o=this,i=Cn(n),a=i.capture,s=i.once,c=i.Pa;if(i=i.Na,e){var l=r(e);if(("function"===l||"object"===l)&&("object"!==l||e.handleEvent&&"function"==typeof e.handleEvent)){if(xn[t])return this.__shady_native_addEventListener(t,e,i);var u=c||this;if(c=e[_n]){if(-1<Dn(c,u,t,a))return}else e[_n]=[];c=function(r){if(s&&o.__shady_removeEventListener(t,e,n),r.__target||Hn(r),u!==o){var i=Object.getOwnPropertyDescriptor(r,"currentTarget");Object.defineProperty(r,"currentTarget",{get:function(){return u},configurable:!0});var c=Object.getOwnPropertyDescriptor(r,"eventPhase");Object.defineProperty(r,"eventPhase",{configurable:!0,enumerable:!0,get:function(){return a?Event.CAPTURING_PHASE:Event.BUBBLING_PHASE}})}if(r.__previousCurrentTarget=r.currentTarget,(!Ae(u)&&"slot"!==u.localName||-1!=r.composedPath().indexOf(u))&&(r.composed||-1<r.composedPath().indexOf(u)))if(Nn(r)&&r.target===r.relatedTarget)r.eventPhase===Event.BUBBLING_PHASE&&r.stopImmediatePropagation();else if(r.eventPhase===Event.CAPTURING_PHASE||r.bubbles||r.target===u||u instanceof Window){var f="function"===l?e.call(u,r):e.handleEvent&&e.handleEvent(r);return u!==o&&(i?(Object.defineProperty(r,"currentTarget",i),i=null):delete r.currentTarget,c?(Object.defineProperty(r,"eventPhase",c),c=null):delete r.eventPhase),f}},e[_n].push({node:u,type:t,capture:a,ub:c}),this.__handlers=this.__handlers||{},this.__handlers[t]=this.__handlers[t]||{capture:[],bubble:[]},this.__handlers[t][a?"capture":"bubble"].push(c),Tn[t]||this.__shady_native_addEventListener(t,c,i)}}}function Un(t,e,n){if(e){var r=Cn(n);n=r.capture;var o=r.Pa;if(r=r.Na,xn[t])return this.__shady_native_removeEventListener(t,e,r);var i=o||this;o=void 0;var a=null;try{a=e[_n]}catch(h){}a&&(-1<(i=Dn(a,i,t,n))&&(o=a.splice(i,1)[0].ub,a.length||(e[_n]=void 0))),this.__shady_native_removeEventListener(t,o||e,r),o&&this.__handlers&&this.__handlers[t]&&(-1<(e=(t=this.__handlers[t][n?"capture":"bubble"]).indexOf(o))&&t.splice(e,1))}}var zn=De(Bn);function Hn(t,e){if(e=void 0===e?t.target:e,t.__target=e,t.__relatedTarget=t.relatedTarget,ye.D){if(!(e=Object.getPrototypeOf(t)).hasOwnProperty("__shady_patchedProto")){var n=Object.create(e);n.__shady_sourceProto=e,Le(n,zn),e.__shady_patchedProto=n}t.__proto__=e.__shady_patchedProto}else Le(t,zn)}var Fn=jn(Event),Vn=jn(CustomEvent),Wn=jn(MouseEvent);var Yn=Object.getOwnPropertyNames(Element.prototype).filter((function(t){return"on"===t.substring(0,2)})),Zn=Object.getOwnPropertyNames(HTMLElement.prototype).filter((function(t){return"on"===t.substring(0,2)}));function Gn(t){return{set:function(e){var n=de(this),r=t.substring(2);n.T||(n.T={}),n.T[t]&&this.removeEventListener(r,n.T[t]),this.__shady_addEventListener(r,e),n.T[t]=e},get:function(){var e=he(this);return e&&e.T&&e.T[t]},configurable:!0}}function Kn(t,e){return{index:t,ia:[],pa:e}}function Jn(t,e,n,r){var o=0,i=0,a=0,s=0,c=Math.min(e-o,r-i);if(0==o&&0==i)t:{for(a=0;a<c;a++)if(t[a]!==n[a])break t;a=c}if(e==t.length&&r==n.length){s=t.length;for(var l=n.length,u=0;u<c-a&&Qn(t[--s],n[--l]);)u++;s=u}if(i+=a,r-=s,0==(e-=s)-(o+=a)&&0==r-i)return[];if(o==e){for(e=Kn(o,0);i<r;)e.ia.push(n[i++]);return[e]}if(i==r)return[Kn(o,e-o)];for(r=r-(a=i)+1,s=e-(c=o)+1,e=Array(r),l=0;l<r;l++)e[l]=Array(s),e[l][0]=l;for(l=0;l<s;l++)e[0][l]=l;for(l=1;l<r;l++)for(u=1;u<s;u++)if(t[c+u-1]===n[a+l-1])e[l][u]=e[l-1][u-1];else{var f=e[l-1][u]+1,p=e[l][u-1]+1;e[l][u]=f<p?f:p}for(c=e.length-1,a=e[0].length-1,r=e[c][a],t=[];0<c||0<a;)0==c?(t.push(2),a--):0==a?(t.push(3),c--):(s=e[c-1][a-1],(f=(l=e[c-1][a])<(u=e[c][a-1])?l<s?l:s:u<s?u:s)==s?(s==r?t.push(0):(t.push(1),r=s),c--,a--):f==l?(t.push(3),c--,r=l):(t.push(2),a--,r=u));for(t.reverse(),e=void 0,c=[],a=0;a<t.length;a++)switch(t[a]){case 0:e&&(c.push(e),e=void 0),o++,i++;break;case 1:e||(e=Kn(o,0)),e.pa++,o++,e.ia.push(n[i]),i++;break;case 2:e||(e=Kn(o,0)),e.pa++,o++;break;case 3:e||(e=Kn(o,0)),e.ia.push(n[i]),i++}return e&&c.push(e),c}function Qn(t,e){return t===e}var Xn=De({dispatchEvent:qn,addEventListener:In,removeEventListener:Un}),$n=null;function tr(){return $n||($n=window.ShadyCSS&&window.ShadyCSS.ScopingShim),$n||null}function er(t,e,n){var r=tr();return!(!r||"class"!==e)&&(r.setElementClass(t,n),!0)}function nr(t,e){var n=tr();n&&n.unscopeNode(t,e)}function rr(t,e){var n=tr();if(!n)return!0;if(t.nodeType===Node.DOCUMENT_FRAGMENT_NODE){for(n=!0,t=t.__shady_firstChild;t;t=t.__shady_nextSibling)n=n&&rr(t,e);return n}return t.nodeType!==Node.ELEMENT_NODE||n.currentScopeForNode(t)===e}function or(t){if(t.nodeType!==Node.ELEMENT_NODE)return"";var e=tr();return e?e.currentScopeForNode(t):""}function ir(t,e){if(t)for(t.nodeType===Node.ELEMENT_NODE&&e(t),t=t.__shady_firstChild;t;t=t.__shady_nextSibling)t.nodeType===Node.ELEMENT_NODE&&ir(t,e)}var ar=window.document,sr=ye.ha,cr=Object.getOwnPropertyDescriptor(Node.prototype,"isConnected"),lr=cr&&cr.get;function ur(t){for(var e;e=t.__shady_firstChild;)t.__shady_removeChild(e)}function fr(t){var e=he(t);if(e&&void 0!==e.ta)for(e=t.__shady_firstChild;e;e=e.__shady_nextSibling)fr(e);(t=he(t))&&(t.ta=void 0)}function pr(t){var e=t;if(t&&"slot"===t.localName){var n=he(t);(n=n&&n.aa)&&(e=n.length?n[0]:pr(t.__shady_nextSibling))}return e}function dr(t,e,n){if(t=(t=he(t))&&t.ga){if(e)if(e.nodeType===Node.DOCUMENT_FRAGMENT_NODE)for(var r=0,o=e.childNodes.length;r<o;r++)t.addedNodes.push(e.childNodes[r]);else t.addedNodes.push(e);n&&t.removedNodes.push(n),function(t){t.g||(t.g=!0,Oe((function(){t.flush()})))}(t)}}var hr=De({get parentNode(){var t=he(this);return void 0!==(t=t&&t.parentNode)?t:this.__shady_native_parentNode},get firstChild(){var t=he(this);return void 0!==(t=t&&t.firstChild)?t:this.__shady_native_firstChild},get lastChild(){var t=he(this);return void 0!==(t=t&&t.lastChild)?t:this.__shady_native_lastChild},get nextSibling(){var t=he(this);return void 0!==(t=t&&t.nextSibling)?t:this.__shady_native_nextSibling},get previousSibling(){var t=he(this);return void 0!==(t=t&&t.previousSibling)?t:this.__shady_native_previousSibling},get childNodes(){if(_e(this)){var t=he(this);if(!t.childNodes){t.childNodes=[];for(var e=this.__shady_firstChild;e;e=e.__shady_nextSibling)t.childNodes.push(e)}var n=t.childNodes}else n=this.__shady_native_childNodes;return n.item=function(t){return n[t]},n},get parentElement(){var t=he(this);return(t=t&&t.parentNode)&&t.nodeType!==Node.ELEMENT_NODE&&(t=null),void 0!==t?t:this.__shady_native_parentElement},get isConnected(){if(lr&&lr.call(this))return!0;if(this.nodeType==Node.DOCUMENT_FRAGMENT_NODE)return!1;var t=this.ownerDocument;if(null===t||Be(t,this))return!0;for(t=this;t&&!(t instanceof Document);)t=t.__shady_parentNode||(Ae(t)?t.host:void 0);return!!(t&&t instanceof Document)},get textContent(){if(_e(this)){for(var t=[],e=this.__shady_firstChild;e;e=e.__shady_nextSibling)e.nodeType!==Node.COMMENT_NODE&&t.push(e.__shady_textContent);return t.join("")}return this.__shady_native_textContent},set textContent(t){switch(null==t&&(t=""),this.nodeType){case Node.ELEMENT_NODE:case Node.DOCUMENT_FRAGMENT_NODE:if(!_e(this)&&ye.D){var e=this.__shady_firstChild;(e!=this.__shady_lastChild||e&&e.nodeType!=Node.TEXT_NODE)&&ur(this),this.__shady_native_textContent=t}else ur(this),(0<t.length||this.nodeType===Node.ELEMENT_NODE)&&this.__shady_insertBefore(document.createTextNode(t));break;default:this.nodeValue=t}},insertBefore:function(t,e){if(this.ownerDocument!==ar&&t.ownerDocument!==ar)return this.__shady_native_insertBefore(t,e),t;if(t===this)throw Error("Failed to execute 'appendChild' on 'Node': The new child element contains the parent.");if(e){var n=he(e);if(void 0!==(n=n&&n.parentNode)&&n!==this||void 0===n&&e.__shady_native_parentNode!==this)throw Error("Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.")}if(e===t)return t;dr(this,t);var r=[],o=(n=Ao(this))?n.host.localName:or(this),i=t.__shady_parentNode;if(i){var a=or(t),s=!!n||!Ao(t)||sr&&void 0!==this.__noInsertionPoint;i.__shady_removeChild(t,s)}i=!0;var c=(!sr||void 0===t.__noInsertionPoint&&void 0===this.__noInsertionPoint)&&!rr(t,o),l=n&&!t.__noInsertionPoint&&(!sr||t.nodeType===Node.DOCUMENT_FRAGMENT_NODE);return(l||c)&&(c&&(a=a||or(t)),ir(t,(function(t){if(l&&"slot"===t.localName&&r.push(t),c){var e=a;tr()&&(e&&nr(t,e),(e=tr())&&e.scopeNode(t,o))}}))),r.length&&(po(n),n.i.push.apply(n.i,u(r)),so(n)),_e(this)&&(function(t,e,n){Jr(e,2);var r=de(e);if(void 0!==r.firstChild&&(r.childNodes=null),t.nodeType===Node.DOCUMENT_FRAGMENT_NODE)for(t=t.__shady_native_firstChild;t;t=t.__shady_native_nextSibling)Qr(t,e,r,n);else Qr(t,e,r,n)}(t,this,e),(s=he(this)).root?(i=!1,we(this)&&so(s.root)):n&&"slot"===this.localName&&(i=!1,so(n))),i?(n=Ae(this)?this.host:this,e?(e=pr(e),n.__shady_native_insertBefore(t,e)):n.__shady_native_appendChild(t)):t.ownerDocument!==this.ownerDocument&&this.ownerDocument.adoptNode(t),t},appendChild:function(t){if(this!=t||!Ae(t))return this.__shady_insertBefore(t)},removeChild:function(t,e){if(e=void 0!==e&&e,this.ownerDocument!==ar)return this.__shady_native_removeChild(t);if(t.__shady_parentNode!==this)throw Error("The node to be removed is not a child of this node: "+t);dr(this,null,t);var n=Ao(t),r=n&&function(t,e){if(t.g){ho(t);var n,r=t.h;for(n in r)for(var o=r[n],i=0;i<o.length;i++){var a=o[i];if(Pe(e,a)){o.splice(i,1);var s=t.g.indexOf(a);if(0<=s&&(t.g.splice(s,1),(s=he(a.__shady_parentNode))&&s.ka&&s.ka--),i--,s=(a=he(a)).aa)for(var c=0;c<s.length;c++){var l=s[c],u=l.__shady_native_parentNode;u&&u.__shady_native_removeChild(l)}a.aa=[],a.assignedNodes=[],s=!0}}return s}}(n,t),o=he(this);if(_e(this)&&(function(t,e){var n=de(t);e=de(e),t===e.firstChild&&(e.firstChild=n.nextSibling),t===e.lastChild&&(e.lastChild=n.previousSibling),t=n.previousSibling;var r=n.nextSibling;t&&(de(t).nextSibling=r),r&&(de(r).previousSibling=t),n.parentNode=n.previousSibling=n.nextSibling=void 0,void 0!==e.childNodes&&(e.childNodes=null)}(t,this),we(this))){so(o.root);var i=!0}if(tr()&&!e&&n&&t.nodeType!==Node.TEXT_NODE){var a=or(t);ir(t,(function(t){nr(t,a)}))}return fr(t),n&&((e="slot"===this.localName)&&(i=!0),(r||e)&&so(n)),i||(i=Ae(this)?this.host:this,(!o.root&&"slot"!==t.localName||i===t.__shady_native_parentNode)&&i.__shady_native_removeChild(t)),t},replaceChild:function(t,e){return this.__shady_insertBefore(t,e),this.__shady_removeChild(e),t},cloneNode:function(t){if("template"==this.localName)return this.__shady_native_cloneNode(t);var e=this.__shady_native_cloneNode(!1);if(t&&e.nodeType!==Node.ATTRIBUTE_NODE){t=this.__shady_firstChild;for(var n;t;t=t.__shady_nextSibling)n=t.__shady_cloneNode(!0),e.__shady_appendChild(n)}return e},getRootNode:function(t){if(this&&this.nodeType){var e=de(this),n=e.ta;return void 0===n&&(Ae(this)?(n=this,e.ta=n):(n=(n=this.__shady_parentNode)?n.__shady_getRootNode(t):this,document.documentElement.__shady_native_contains(this)&&(e.ta=n))),n}},contains:function(t){return Pe(this,t)}}),yr=De({get assignedSlot(){var t=this.__shady_parentNode;return(t=t&&t.__shady_shadowRoot)&&co(t),(t=he(this))&&t.assignedSlot||null}}),mr=new Map;function vr(t,e,n,r){for(r=void 0===r||r;e<t.length;e++)if("\\"===t[e]&&e<t.length-1&&"\n"!==t[e+1])e++;else{if(-1!==n.indexOf(t[e]))return e;if(r&&mr.has(t[e])){var o=mr.get(t[e]);e=vr(t,e+1,[o.end],o.sa)}}return t.length}function gr(t,e,n){var r=[];return br(t,e,n,r),r}function br(t,e,n,r){for(t=t.__shady_firstChild;t;t=t.__shady_nextSibling){var o;if(o=t.nodeType===Node.ELEMENT_NODE){var i=e,a=n,s=r,c=i(o=t);c&&s.push(o),a&&a(c)?o=c:(br(o,i,a,s),o=void 0)}if(o)break}}[["(",{end:")",sa:!0}],["[",{end:"]",sa:!0}],['"',{end:'"',sa:!1}],["'",{end:"'",sa:!1}]].forEach((function(t){var e=l(t);t=e.next().value,e=e.next().value,mr.set(t,e)}));var _r={get firstElementChild(){var t=he(this);if(t&&void 0!==t.firstChild){for(t=this.__shady_firstChild;t&&t.nodeType!==Node.ELEMENT_NODE;)t=t.__shady_nextSibling;return t}return this.__shady_native_firstElementChild},get lastElementChild(){var t=he(this);if(t&&void 0!==t.lastChild){for(t=this.__shady_lastChild;t&&t.nodeType!==Node.ELEMENT_NODE;)t=t.__shady_previousSibling;return t}return this.__shady_native_lastElementChild},get children(){return _e(this)?je(Array.prototype.filter.call(Ne(this),(function(t){return t.nodeType===Node.ELEMENT_NODE}))):this.__shady_native_children},get childElementCount(){var t=this.__shady_children;return t?t.length:0}},Ar=De((_r.append=function(t){for(var e=[],n=0;n<arguments.length;++n)e[n]=arguments[n];this.__shady_insertBefore(Ue.apply(null,u(e)),null)},_r.prepend=function(t){for(var e=[],n=0;n<arguments.length;++n)e[n]=arguments[n];this.__shady_insertBefore(Ue.apply(null,u(e)),this.__shady_firstChild)},_r.replaceChildren=function(t){for(var e=[],n=0;n<arguments.length;++n)e[n]=arguments[n];for(;null!==(n=this.__shady_firstChild);)this.__shady_removeChild(n);this.__shady_insertBefore(Ue.apply(null,u(e)),null)},_r));function wr(t,e){function n(e,n){return(e===t||-1===n.indexOf(":scope"))&&Se.call(e,n)}var r=function(t){function e(){if(0<r.length){for(;" "===r[r.length-1];)r.pop();n.push({La:r.filter((function(t,e){return 0==e%2})),Za:r.filter((function(t,e){return 1==e%2}))}),r.length=0}}for(var n=[],r=[],o=0;o<t.length;){var i=r[r.length-1],a=vr(t,o,[","," ",">","+","~"]),s=a===o?t[o]:t.substring(o,a);","===s?e():-1!==[void 0," ",">","+","~"].indexOf(i)&&" "===s||(" "===i&&-1!==[">","+","~"].indexOf(s)?r[r.length-1]=s:r.push(s)),o=a+(a===o?1:0)}return e(),n}(e);if(1>r.length)return[];for(e=ze(gr(t,(function(){return!0})).map((function(t){return ze(r.map((function(e){var r=e.La,o=r.length-1;return n(t,r[o])?{target:t,da:e,fa:t,index:o}:[]})))})));e.some((function(t){return 0<t.index}));)e=ze(e.map((function(t){if(0>=t.index)return t;var e=t.target,r=t.fa,o=t.da;t=t.index-1;var i=o.Za[t],a=o.La[t];if(" "===i){for(i=[],r=r.__shady_parentElement;r;r=r.__shady_parentElement)n(r,a)&&i.push({target:e,da:o,fa:r,index:t});return i}if(">"===i)return n(r=r.__shady_parentElement,a)?{target:e,da:o,fa:r,index:t}:[];if("+"===i)return(r=r.__shady_previousElementSibling)&&n(r,a)?{target:e,da:o,fa:r,index:t}:[];if("~"===i){for(i=[],r=r.__shady_previousElementSibling;r;r=r.__shady_previousElementSibling)n(r,a)&&i.push({target:e,da:o,fa:r,index:t});return i}throw Error("Unrecognized combinator: '"+i+"'.")})));return function(t){for(var e=[],n=new Set,r=(t=l(t)).next();!r.done;r=t.next())r=r.value,n.has(r)||(e.push(r),n.add(r));return e}(e.map((function(t){return t.target})))}var Cr=ye.querySelectorImplementation,Sr=De({querySelector:function(t){if("native"===Cr){for(var e=Array.prototype.slice.call((this instanceof ShadowRoot?this.host:this).__shady_native_querySelectorAll(t)),n=this.__shady_getRootNode(),r=(e=l(e)).next();!r.done;r=e.next())if((r=r.value).__shady_getRootNode()==n)return r;return null}if("selectorEngine"===Cr)return wr(this,t)[0]||null;if(void 0===Cr)return gr(this,(function(e){return Se.call(e,t)}),(function(t){return!!t}))[0]||null;throw Error("Unrecognized value of ShadyDOM.querySelectorImplementation: '"+Cr+"'")},querySelectorAll:function(t,e){if(e||"native"===Cr){e=Array.prototype.slice.call((this instanceof ShadowRoot?this.host:this).__shady_native_querySelectorAll(t));var n=this.__shady_getRootNode();return je(e.filter((function(t){return t.__shady_getRootNode()==n})))}if("selectorEngine"===Cr)return je(wr(this,t));if(void 0===Cr)return je(gr(this,(function(e){return Se.call(e,t)})));throw Error("Unrecognized value of ShadyDOM.querySelectorImplementation: '"+Cr+"'")}}),xr=ye.ha&&!ye.J?qe({},Ar):Ar;qe(Ar,Sr);var kr=De({after:function(t){for(var e=[],n=0;n<arguments.length;++n)e[n]=arguments[n];if(null!==(n=this.__shady_parentNode)){var r=this.__shady_nextSibling;n.__shady_insertBefore(Ue.apply(null,u(e)),r)}},before:function(t){for(var e=[],n=0;n<arguments.length;++n)e[n]=arguments[n];null!==(n=this.__shady_parentNode)&&n.__shady_insertBefore(Ue.apply(null,u(e)),this)},remove:function(){var t=this.__shady_parentNode;null!==t&&t.__shady_removeChild(this)},replaceWith:function(t){for(var e=[],n=0;n<arguments.length;++n)e[n]=arguments[n];if(null!==(n=this.__shady_parentNode)){var r=this.__shady_nextSibling;n.__shady_removeChild(this),n.__shady_insertBefore(Ue.apply(null,u(e)),r)}}}),Er=window.document;function Or(t,e){if("slot"===e)we(t=t.__shady_parentNode)&&so(he(t).root);else if("slot"===t.localName&&"name"===e&&(e=Ao(t))){if(e.g){ho(e);var n=t.Ua,r=yo(t);if(r!==n){var o=(n=e.h[n]).indexOf(t);0<=o&&n.splice(o,1),(n=e.h[r]||(e.h[r]=[])).push(t),1<n.length&&(e.h[r]=mo(n))}}so(e)}}var Br=De({get previousElementSibling(){var t=he(this);if(t&&void 0!==t.previousSibling){for(t=this.__shady_previousSibling;t&&t.nodeType!==Node.ELEMENT_NODE;)t=t.__shady_previousSibling;return t}return this.__shady_native_previousElementSibling},get nextElementSibling(){var t=he(this);if(t&&void 0!==t.nextSibling){for(t=this.__shady_nextSibling;t&&t.nodeType!==Node.ELEMENT_NODE;)t=t.__shady_nextSibling;return t}return this.__shady_native_nextElementSibling},get slot(){return this.getAttribute("slot")},set slot(t){this.__shady_setAttribute("slot",t)},get className(){return this.getAttribute("class")||""},set className(t){this.__shady_setAttribute("class",t)},setAttribute:function(t,e){this.ownerDocument!==Er?this.__shady_native_setAttribute(t,e):er(this,t,e)||(this.__shady_native_setAttribute(t,e),Or(this,t))},removeAttribute:function(t){this.ownerDocument!==Er?this.__shady_native_removeAttribute(t):er(this,t,"")?""===this.getAttribute(t)&&this.__shady_native_removeAttribute(t):(this.__shady_native_removeAttribute(t),Or(this,t))}});ye.ha||Yn.forEach((function(t){Br[t]=Gn(t)}));var Pr=De({attachShadow:function(t){if(!this)throw Error("Must provide a host.");if(!t)throw Error("Not enough arguments.");if(t.shadyUpgradeFragment&&!ye.Ra){var e=t.shadyUpgradeFragment;if(e.__proto__=ShadowRoot.prototype,ao(e,this,t),Xr(e,e),t=e.__noInsertionPoint?null:e.querySelectorAll("slot"),e.__noInsertionPoint=void 0,t&&t.length){var n=e;po(n),n.i.push.apply(n.i,u(t)),so(e)}e.host.__shady_native_appendChild(e)}else e=new io(no,this,t);return this.__CE_shadowRoot=e},get shadowRoot(){var t=he(this);return t&&t.lb||null}});qe(Br,Pr);var jr=document.implementation.createHTMLDocument("inert"),Tr=De({get innerHTML(){return _e(this)?$e("template"===this.localName?this.content:this,Ne):this.__shady_native_innerHTML},set innerHTML(t){if("template"===this.localName)this.__shady_native_innerHTML=t;else{ur(this);var e=this.localName||"div";for(e=this.namespaceURI&&this.namespaceURI!==jr.namespaceURI?jr.createElementNS(this.namespaceURI,e):jr.createElement(e),ye.D?e.__shady_native_innerHTML=t:e.innerHTML=t;t=e.__shady_firstChild;)this.__shady_insertBefore(t)}}}),Nr=De({blur:function(){var t=he(this);(t=(t=t&&t.root)&&t.activeElement)?t.__shady_blur():this.__shady_native_blur()}});ye.ha||Zn.forEach((function(t){Nr[t]=Gn(t)}));var Mr=De({assignedNodes:function(t){if("slot"===this.localName){var e=this.__shady_getRootNode();return e&&Ae(e)&&co(e),(e=he(this))&&(t&&t.flatten?e.aa:e.assignedNodes)||[]}},addEventListener:function(t,e,n){if("slot"!==this.localName||"slotchange"===t)In.call(this,t,e,n);else{"object"!==r(n)&&(n={capture:!!n});var o=this.__shady_parentNode;if(!o)throw Error("ShadyDOM cannot attach event to slot unless it has a `parentNode`");n.U=this,o.__shady_addEventListener(t,e,n)}},removeEventListener:function(t,e,n){if("slot"!==this.localName||"slotchange"===t)Un.call(this,t,e,n);else{"object"!==r(n)&&(n={capture:!!n});var o=this.__shady_parentNode;if(!o)throw Error("ShadyDOM cannot attach event to slot unless it has a `parentNode`");n.U=this,o.__shady_removeEventListener(t,e,n)}}}),Lr=De({getElementById:function(t){return""===t?null:gr(this,(function(e){return e.id==t}),(function(t){return!!t}))[0]||null}});function Rr(t,e){for(var n;e&&!t.has(n=e.__shady_getRootNode());)e=n.host;return e}var Dr="__shady_native_"+be(),qr=De({get activeElement(){var t=ye.D?document.__shady_native_activeElement:document.activeElement;if(!t||!t.nodeType)return null;var e=!!Ae(this);if(!(this===document||e&&this.host!==t&&this.host.__shady_native_contains(t)))return null;for(e=Ao(t);e&&e!==this;)e=Ao(t=e.host);return this===document?e?null:t:e===this?t:null},elementsFromPoint:function(t,e){if(t=document[Dr](t,e),this===document&&ye.useNativeDocumentEFP)return t;t=[].slice.call(t),e=function(t){var e=new Set;for(e.add(t);Ae(t)&&t.host;)t=t.host.__shady_getRootNode(),e.add(t);return e}(this);for(var n=new Set,r=0;r<t.length;r++)n.add(Rr(e,t[r]));var o=[];return n.forEach((function(t){return o.push(t)})),o},elementFromPoint:function(t,e){return this===document&&ye.useNativeDocumentEFP?this.__shady_native_elementFromPoint(t,e):this.__shady_elementsFromPoint(t,e)[0]||null}}),Ir=window.document,Ur=De({importNode:function(t,e){if(t.ownerDocument!==Ir||"template"===t.localName)return this.__shady_native_importNode(t,e);var n=this.__shady_native_importNode(t,!1);if(e)for(t=t.__shady_firstChild;t;t=t.__shady_nextSibling)e=this.__shady_importNode(t,!0),n.__shady_appendChild(e);return n}}),zr=De({dispatchEvent:qn,addEventListener:In.bind(window),removeEventListener:Un.bind(window)}),Hr={};Object.getOwnPropertyDescriptor(HTMLElement.prototype,"parentElement")&&(Hr.parentElement=hr.parentElement),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"contains")&&(Hr.contains=hr.contains),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"children")&&(Hr.children=Ar.children),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"innerHTML")&&(Hr.innerHTML=Tr.innerHTML),Object.getOwnPropertyDescriptor(HTMLElement.prototype,"className")&&(Hr.className=Br.className);var Fr={EventTarget:[Xn],Node:[hr,window.EventTarget?null:Xn],Text:[yr],Comment:[yr],CDATASection:[yr],ProcessingInstruction:[yr],Element:[Br,Ar,kr,yr,!ye.D||"innerHTML"in Element.prototype?Tr:null,window.HTMLSlotElement?null:Mr],HTMLElement:[Nr,Hr],HTMLSlotElement:[Mr],DocumentFragment:[xr,Lr],Document:[Ur,xr,Lr,qr],Window:[zr],CharacterData:[kr],XMLHttpRequest:[window.EventTarget?null:Xn]},Vr=ye.D?null:["innerHTML","textContent"];function Wr(t,e,n,r){e.forEach((function(e){return t&&e&&Le(t,e,n,r)}))}function Yr(t){var e,n=t?null:Vr;for(e in Fr)Wr(window[e]&&window[e].prototype,Fr[e],t,n)}function Zr(t){return t.__shady_protoIsPatched=!0,Wr(t,Fr.EventTarget),Wr(t,Fr.Node),Wr(t,Fr.Element),Wr(t,Fr.HTMLElement),Wr(t,Fr.HTMLSlotElement),t}["Text","Comment","CDATASection","ProcessingInstruction"].forEach((function(t){var e=window[t],n=Object.create(e.prototype);n.__shady_protoIsPatched=!0,Wr(n,Fr.EventTarget),Wr(n,Fr.Node),Fr[t]&&Wr(n,Fr[t]),e.prototype.__shady_patchedProto=n}));var Gr=ye.Da,Kr=ye.D;function Jr(t,e){if(Gr&&!t.__shady_protoIsPatched&&!Ae(t)){var n=Object.getPrototypeOf(t),r=n.hasOwnProperty("__shady_patchedProto")&&n.__shady_patchedProto;r||(Zr(r=Object.create(n)),n.__shady_patchedProto=r),Object.setPrototypeOf(t,r)}Kr||(1===e?gn(t):2===e&&bn(t))}function Qr(t,e,n,r){Jr(t,1),r=r||null;var o=de(t),i=r?de(r):null;o.previousSibling=r?i.previousSibling:e.__shady_lastChild,(i=he(o.previousSibling))&&(i.nextSibling=t),(i=he(o.nextSibling=r))&&(i.previousSibling=t),o.parentNode=e,r?r===n.firstChild&&(n.firstChild=t):(n.lastChild=t,n.firstChild||(n.firstChild=t)),n.childNodes=null}function Xr(t,e){var n=de(t);if(e||void 0===n.firstChild){n.childNodes=null;var r=n.firstChild=t.__shady_native_firstChild;for(n.lastChild=t.__shady_native_lastChild,Jr(t,2),n=r,r=void 0;n;n=n.__shady_native_nextSibling){var o=de(n);o.parentNode=e||t,o.nextSibling=n.__shady_native_nextSibling,o.previousSibling=r||null,r=n,Jr(n,1)}}}var $r=De({addEventListener:function(t,e,n){"object"!==r(n)&&(n={capture:!!n}),n.U=n.U||this,this.host.__shady_addEventListener(t,e,n)},removeEventListener:function(t,e,n){"object"!==r(n)&&(n={capture:!!n}),n.U=n.U||this,this.host.__shady_removeEventListener(t,e,n)}});function to(t,e){Le(t,$r,e),Le(t,qr,e),Le(t,Tr,e),Le(t,Ar,e),ye.J&&!e?(Le(t,hr,e),Le(t,Lr,e)):ye.D||(Le(t,yn),Le(t,dn),Le(t,hn))}var eo,no={},ro=ye.deferConnectionCallbacks&&"loading"===document.readyState;function oo(t){var e=[];do{e.unshift(t)}while(t=t.__shady_parentNode);return e}function io(t,e,n){if(t!==no)throw new TypeError("Illegal constructor");this.g=null,ao(this,e,n)}function ao(t,e,n){if(t.host=e,t.mode=n&&n.mode,Xr(t.host),(e=de(t.host)).root=t,e.lb="closed"!==t.mode?t:null,(e=de(t)).firstChild=e.lastChild=e.parentNode=e.nextSibling=e.previousSibling=null,ye.preferPerformance)for(;e=t.host.__shady_native_firstChild;)t.host.__shady_native_removeChild(e);else so(t)}function so(t){t.Y||(t.Y=!0,Ve((function(){return co(t)})))}function co(t){var e;if(e=t.Y){for(var n;t;)t.Y&&(n=t),Ae(t=(e=t).host.__shady_getRootNode())&&(e=he(e.host))&&0<e.ka||(t=void 0);e=n}(n=e)&&n._renderSelf()}function lo(t,e,n){var r=de(e),o=r.xa;r.xa=null,n||(n=(t=t.h[e.__shady_slot||"__catchall"])&&t[0]),n?(de(n).assignedNodes.push(e),r.assignedSlot=n):r.assignedSlot=void 0,o!==r.assignedSlot&&r.assignedSlot&&(de(r.assignedSlot).Aa=!0)}function uo(t,e,n){for(var r=0,o=void 0;r<n.length&&(o=n[r]);r++)if("slot"==o.localName){var i=he(o).assignedNodes;i&&i.length&&uo(t,e,i)}else e.push(n[r])}function fo(t,e){e.__shady_native_dispatchEvent(new Event("slotchange")),(e=he(e)).assignedSlot&&fo(t,e.assignedSlot)}function po(t){t.i=t.i||[],t.g=t.g||[],t.h=t.h||{}}function ho(t){if(t.i&&t.i.length){for(var e,n=t.i,r=0;r<n.length;r++){var o=n[r];Xr(o);var i=o.__shady_parentNode;Xr(i),(i=he(i)).ka=(i.ka||0)+1,i=yo(o),t.h[i]?((e=e||{})[i]=!0,t.h[i].push(o)):t.h[i]=[o],t.g.push(o)}if(e)for(var a in e)t.h[a]=mo(t.h[a]);t.i=[]}}function yo(t){var e=t.name||t.getAttribute("name")||"__catchall";return t.Ua=e}function mo(t){return t.sort((function(t,e){t=oo(t);for(var n=oo(e),r=0;r<t.length;r++){e=t[r];var o=n[r];if(e!==o)return(t=Ne(e.__shady_parentNode)).indexOf(e)-t.indexOf(o)}}))}function vo(t){return ho(t),!(!t.g||!t.g.length)}if(io.prototype._renderSelf=function(){var t=ro;if(ro=!0,this.Y=!1,this.g){ho(this);for(var e,n=0;n<this.g.length;n++){var r=he(e=this.g[n]),o=r.assignedNodes;if(r.assignedNodes=[],r.aa=[],r.Ja=o)for(r=0;r<o.length;r++){var i=he(o[r]);i.xa=i.assignedSlot,i.assignedSlot===e&&(i.assignedSlot=null)}}for(n=this.host.__shady_firstChild;n;n=n.__shady_nextSibling)lo(this,n);for(n=0;n<this.g.length;n++){if(!(o=he(e=this.g[n])).assignedNodes.length)for(r=e.__shady_firstChild;r;r=r.__shady_nextSibling)lo(this,r,e);if((r=(r=he(e.__shady_parentNode))&&r.root)&&(vo(r)||r.Y)&&r._renderSelf(),uo(this,o.aa,o.assignedNodes),r=o.Ja){for(i=0;i<r.length;i++)he(r[i]).xa=null;o.Ja=null,r.length>o.assignedNodes.length&&(o.Aa=!0)}o.Aa&&(o.Aa=!1,fo(this,e))}for(e=this.g,n=[],o=0;o<e.length;o++)(i=he(r=e[o].__shady_parentNode))&&i.root||!(0>n.indexOf(r))||n.push(r);for(e=0;e<n.length;e++){for(o=(i=n[e])===this?this.host:i,r=[],i=i.__shady_firstChild;i;i=i.__shady_nextSibling)if("slot"==i.localName)for(var a=he(i).aa,s=0;s<a.length;s++)r.push(a[s]);else r.push(i);i=Te(o),a=Jn(r,r.length,i,i.length);for(var c=s=0,l=void 0;s<a.length&&(l=a[s]);s++){for(var u=0,f=void 0;u<l.ia.length&&(f=l.ia[u]);u++)f.__shady_native_parentNode===o&&o.__shady_native_removeChild(f),i.splice(l.index+c,1);c-=l.pa}for(c=0,l=void 0;c<a.length&&(l=a[c]);c++)for(s=i[l.index],u=l.index;u<l.index+l.pa;u++)f=r[u],o.__shady_native_insertBefore(f,s),i.splice(u,0,f)}}if(!ye.preferPerformance&&!this.Ia)for(n=this.host.__shady_firstChild;n;n=n.__shady_nextSibling)e=he(n),n.__shady_native_parentNode!==this.host||"slot"!==n.localName&&e.assignedSlot||this.host.__shady_native_removeChild(n);this.Ia=!0,ro=t,eo&&eo()},function(t){t.__proto__=DocumentFragment.prototype,to(t,"__shady_"),to(t),Object.defineProperties(t,{nodeType:{value:Node.DOCUMENT_FRAGMENT_NODE,configurable:!0},nodeName:{value:"#document-fragment",configurable:!0},nodeValue:{value:null,configurable:!0}}),["localName","namespaceURI","prefix"].forEach((function(e){Object.defineProperty(t,e,{value:void 0,configurable:!0})})),["ownerDocument","baseURI","isConnected"].forEach((function(e){Object.defineProperty(t,e,{get:function(){return this.host[e]},configurable:!0})}))}(io.prototype),window.customElements&&window.customElements.define&&ye.Ba&&!ye.preferPerformance){var go=new Map;eo=function(){var t=[];go.forEach((function(e,n){t.push([n,e])})),go.clear();for(var e=0;e<t.length;e++){var n=t[e][0];t[e][1]?n.__shadydom_connectedCallback():n.__shadydom_disconnectedCallback()}},ro&&document.addEventListener("readystatechange",(function(){ro=!1,eo()}),{once:!0});var bo=window.customElements.define,_o=function(t,e){var n=e.prototype.connectedCallback,r=e.prototype.disconnectedCallback;bo.call(window.customElements,t,function(t,e,n){var r=0,o="__isConnected"+r++;return(e||n)&&(t.prototype.connectedCallback=t.prototype.__shadydom_connectedCallback=function(){ro?go.set(this,!0):this[o]||(this[o]=!0,e&&e.call(this))},t.prototype.disconnectedCallback=t.prototype.__shadydom_disconnectedCallback=function(){ro?this.isConnected||go.set(this,!1):this[o]&&(this[o]=!1,n&&n.call(this))}),t}(e,n,r)),e.prototype.connectedCallback=n,e.prototype.disconnectedCallback=r};window.customElements.define=_o,Object.defineProperty(window.CustomElementRegistry.prototype,"define",{value:_o,configurable:!0})}function Ao(t){if(Ae(t=t.__shady_getRootNode()))return t}function wo(t){this.node=t}function Co(t){Object.defineProperty(wo.prototype,t,{get:function(){return this.node["__shady_"+t]},set:function(e){this.node["__shady_"+t]=e},configurable:!0})}(t=wo.prototype).addEventListener=function(t,e,n){return this.node.__shady_addEventListener(t,e,n)},t.removeEventListener=function(t,e,n){return this.node.__shady_removeEventListener(t,e,n)},t.appendChild=function(t){return this.node.__shady_appendChild(t)},t.insertBefore=function(t,e){return this.node.__shady_insertBefore(t,e)},t.removeChild=function(t){return this.node.__shady_removeChild(t)},t.replaceChild=function(t,e){return this.node.__shady_replaceChild(t,e)},t.cloneNode=function(t){return this.node.__shady_cloneNode(t)},t.getRootNode=function(t){return this.node.__shady_getRootNode(t)},t.contains=function(t){return this.node.__shady_contains(t)},t.dispatchEvent=function(t){return this.node.__shady_dispatchEvent(t)},t.setAttribute=function(t,e){this.node.__shady_setAttribute(t,e)},t.getAttribute=function(t){return this.node.__shady_native_getAttribute(t)},t.hasAttribute=function(t){return this.node.__shady_native_hasAttribute(t)},t.removeAttribute=function(t){this.node.__shady_removeAttribute(t)},t.attachShadow=function(t){return this.node.__shady_attachShadow(t)},t.focus=function(){this.node.__shady_native_focus()},t.blur=function(){this.node.__shady_blur()},t.importNode=function(t,e){if(this.node.nodeType===Node.DOCUMENT_NODE)return this.node.__shady_importNode(t,e)},t.getElementById=function(t){if(this.node.nodeType===Node.DOCUMENT_NODE)return this.node.__shady_getElementById(t)},t.elementsFromPoint=function(t,e){return this.node.__shady_elementsFromPoint(t,e)},t.elementFromPoint=function(t,e){return this.node.__shady_elementFromPoint(t,e)},t.querySelector=function(t){return this.node.__shady_querySelector(t)},t.querySelectorAll=function(t,e){return this.node.__shady_querySelectorAll(t,e)},t.assignedNodes=function(t){if("slot"===this.node.localName)return this.node.__shady_assignedNodes(t)},t.append=function(t){for(var e=[],n=0;n<arguments.length;++n)e[n]=arguments[n];return this.node.__shady_append.apply(this.node,u(e))},t.prepend=function(t){for(var e=[],n=0;n<arguments.length;++n)e[n]=arguments[n];return this.node.__shady_prepend.apply(this.node,u(e))},t.after=function(t){for(var e=[],n=0;n<arguments.length;++n)e[n]=arguments[n];return this.node.__shady_after.apply(this.node,u(e))},t.before=function(t){for(var e=[],n=0;n<arguments.length;++n)e[n]=arguments[n];return this.node.__shady_before.apply(this.node,u(e))},t.remove=function(){return this.node.__shady_remove()},t.replaceWith=function(t){for(var e=[],n=0;n<arguments.length;++n)e[n]=arguments[n];return this.node.__shady_replaceWith.apply(this.node,u(e))},a.Object.defineProperties(wo.prototype,{activeElement:{configurable:!0,enumerable:!0,get:function(){if(Ae(this.node)||this.node.nodeType===Node.DOCUMENT_NODE)return this.node.__shady_activeElement}},_activeElement:{configurable:!0,enumerable:!0,get:function(){return this.activeElement}},host:{configurable:!0,enumerable:!0,get:function(){if(Ae(this.node))return this.node.host}},parentNode:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_parentNode}},firstChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_firstChild}},lastChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_lastChild}},nextSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_nextSibling}},previousSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_previousSibling}},childNodes:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_childNodes}},parentElement:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_parentElement}},firstElementChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_firstElementChild}},lastElementChild:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_lastElementChild}},nextElementSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_nextElementSibling}},previousElementSibling:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_previousElementSibling}},children:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_children}},childElementCount:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_childElementCount}},shadowRoot:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_shadowRoot}},assignedSlot:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_assignedSlot}},isConnected:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_isConnected}},innerHTML:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_innerHTML},set:function(t){this.node.__shady_innerHTML=t}},textContent:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_textContent},set:function(t){this.node.__shady_textContent=t}},slot:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_slot},set:function(t){this.node.__shady_slot=t}},className:{configurable:!0,enumerable:!0,get:function(){return this.node.__shady_className},set:function(t){this.node.__shady_className=t}}}),Yn.forEach((function(t){return Co(t)})),Zn.forEach((function(t){return Co(t)}));var So=new WeakMap;function xo(t){if(Ae(t)||t instanceof wo)return t;var e=So.get(t);return e||(e=new wo(t),So.set(t,e)),e}if(ye.Ba){var ko=ye.D?function(t){return t}:function(t){return bn(t),gn(t),t},Eo={inUse:ye.Ba,patch:ko,isShadyRoot:Ae,enqueue:Ve,flush:We,flushInitial:function(t){!t.Ia&&t.Y&&co(t)},settings:ye,filterMutations:function(t,e){var n=e.getRootNode();return t.map((function(t){var e=n===t.target.getRootNode();if(e&&t.addedNodes){if(e=[].slice.call(t.addedNodes).filter((function(t){return n===t.getRootNode()})),e.length)return t=Object.create(t),Object.defineProperty(t,"addedNodes",{value:e,configurable:!0}),t}else if(e)return t})).filter((function(t){return t}))},observeChildren:function(t,e){var n=de(t);n.ga||(n.ga=new Ye),n.ga.qa.add(e);var r=n.ga;return{Va:e,X:r,Wa:t,takeRecords:function(){return r.takeRecords()}}},unobserveChildren:function(t){var e=t&&t.X;e&&(e.qa.delete(t.Va),e.qa.size||(de(t.Wa).ga=null))},deferConnectionCallbacks:ye.deferConnectionCallbacks,preferPerformance:ye.preferPerformance,handlesDynamicScoping:!0,wrap:ye.J?xo:ko,wrapIfNeeded:!0===ye.J?xo:function(t){return t},Wrapper:wo,composedPath:function(t){return t.__composedPath||(t.__composedPath=En(t.target,!0)),t.__composedPath},noPatch:ye.J,patchOnDemand:ye.Da,nativeMethods:en,nativeTree:nn,patchElementProto:Zr,querySelectorImplementation:ye.querySelectorImplementation};window.ShadyDOM=Eo,function(){var t=["dispatchEvent","addEventListener","removeEventListener"];window.EventTarget?(an(window.EventTarget.prototype,t),void 0===window.__shady_native_addEventListener&&an(Window.prototype,t)):(an(Node.prototype,t),an(Window.prototype,t),an(XMLHttpRequest.prototype,t)),tn?an(Node.prototype,"parentNode firstChild lastChild previousSibling nextSibling childNodes parentElement textContent".split(" ")):on(Node.prototype,{parentNode:{get:function(){return sn.currentNode=this,sn.parentNode()}},firstChild:{get:function(){return sn.currentNode=this,sn.firstChild()}},lastChild:{get:function(){return sn.currentNode=this,sn.lastChild()}},previousSibling:{get:function(){return sn.currentNode=this,sn.previousSibling()}},nextSibling:{get:function(){return sn.currentNode=this,sn.nextSibling()}},childNodes:{get:function(){var t=[];sn.currentNode=this;for(var e=sn.firstChild();e;)t.push(e),e=sn.nextSibling();return t}},parentElement:{get:function(){return cn.currentNode=this,cn.parentNode()}},textContent:{get:function(){switch(this.nodeType){case Node.ELEMENT_NODE:case Node.DOCUMENT_FRAGMENT_NODE:for(var t,e=document.createTreeWalker(this,NodeFilter.SHOW_TEXT,null,!1),n="";t=e.nextNode();)n+=t.nodeValue;return n;default:return this.nodeValue}},set:function(t){switch(null==t&&(t=""),this.nodeType){case Node.ELEMENT_NODE:case Node.DOCUMENT_FRAGMENT_NODE:un(this),(0<t.length||this.nodeType===Node.ELEMENT_NODE)&&this.__shady_native_insertBefore(document.createTextNode(t),void 0);break;default:this.nodeValue=t}}}}),an(Node.prototype,"appendChild insertBefore removeChild replaceChild cloneNode contains".split(" ")),an(HTMLElement.prototype,["parentElement","contains"]),t={firstElementChild:{get:function(){return cn.currentNode=this,cn.firstChild()}},lastElementChild:{get:function(){return cn.currentNode=this,cn.lastChild()}},children:{get:function(){var t=[];cn.currentNode=this;for(var e=cn.firstChild();e;)t.push(e),e=cn.nextSibling();return je(t)}},childElementCount:{get:function(){return this.children?this.children.length:0}}},tn?(an(Element.prototype,fn),an(Element.prototype,["previousElementSibling","nextElementSibling","innerHTML","className"]),an(HTMLElement.prototype,["children","innerHTML","className"])):(on(Element.prototype,t),on(Element.prototype,{previousElementSibling:{get:function(){return cn.currentNode=this,cn.previousSibling()}},nextElementSibling:{get:function(){return cn.currentNode=this,cn.nextSibling()}},innerHTML:{get:function(){return $e(this,Te)},set:function(t){var e="template"===this.localName?this.content:this;un(e);var n=this.localName||"div";for((n=this.namespaceURI&&this.namespaceURI!==ln.namespaceURI?ln.createElementNS(this.namespaceURI,n):ln.createElement(n)).innerHTML=t,t="template"===this.localName?n.content:n;n=t.__shady_native_firstChild;)e.__shady_native_insertBefore(n,void 0)}},className:{get:function(){return this.getAttribute("class")||""},set:function(t){this.setAttribute("class",t)}}})),an(Element.prototype,"setAttribute getAttribute hasAttribute removeAttribute focus blur".split(" ")),an(Element.prototype,pn),an(HTMLElement.prototype,["focus","blur"]),window.HTMLTemplateElement&&an(window.HTMLTemplateElement.prototype,["innerHTML"]),tn?an(DocumentFragment.prototype,fn):on(DocumentFragment.prototype,t),an(DocumentFragment.prototype,pn),tn?(an(Document.prototype,fn),an(Document.prototype,["activeElement"])):on(Document.prototype,t),an(Document.prototype,["importNode","getElementById","elementFromPoint",be()]),an(Document.prototype,pn)}(),Yr("__shady_"),Object.defineProperty(document,"_activeElement",qr.activeElement),Le(Window.prototype,zr,"__shady_"),ye.J?ye.Da&&Le(Element.prototype,Pr):(Yr(),function(){if(!An&&Object.getOwnPropertyDescriptor(Event.prototype,"isTrusted")){var t=function(){var t=new MouseEvent("click",{bubbles:!0,cancelable:!0,composed:!0});this.__shady_dispatchEvent(t)};Element.prototype.click?Element.prototype.click=t:HTMLElement.prototype.click&&(HTMLElement.prototype.click=t)}}()),function(){for(var t in Tn)window.__shady_native_addEventListener(t,(function(t){t.__target||(Hn(t),Rn(t))}),!0)}(),window.Event=Fn,window.CustomEvent=Vn,window.MouseEvent=Wn,window.ShadowRoot=io}var Oo=window.Document.prototype.createElement,Bo=window.Document.prototype.createElementNS,Po=window.Document.prototype.importNode,jo=window.Document.prototype.prepend,To=window.Document.prototype.append,No=window.DocumentFragment.prototype.prepend,Mo=window.DocumentFragment.prototype.append,Lo=window.Node.prototype.cloneNode,Ro=window.Node.prototype.appendChild,Do=window.Node.prototype.insertBefore,qo=window.Node.prototype.removeChild,Io=window.Node.prototype.replaceChild,Uo=Object.getOwnPropertyDescriptor(window.Node.prototype,"textContent"),zo=window.Element.prototype.attachShadow,Ho=Object.getOwnPropertyDescriptor(window.Element.prototype,"innerHTML"),Fo=window.Element.prototype.getAttribute,Vo=window.Element.prototype.setAttribute,Wo=window.Element.prototype.removeAttribute,Yo=window.Element.prototype.getAttributeNS,Zo=window.Element.prototype.setAttributeNS,Go=window.Element.prototype.removeAttributeNS,Ko=window.Element.prototype.insertAdjacentElement,Jo=window.Element.prototype.insertAdjacentHTML,Qo=window.Element.prototype.prepend,Xo=window.Element.prototype.append,$o=window.Element.prototype.before,ti=window.Element.prototype.after,ei=window.Element.prototype.replaceWith,ni=window.Element.prototype.remove,ri=window.HTMLElement,oi=Object.getOwnPropertyDescriptor(window.HTMLElement.prototype,"innerHTML"),ii=window.HTMLElement.prototype.insertAdjacentElement,ai=window.HTMLElement.prototype.insertAdjacentHTML,si=new Set;function ci(t){var e=si.has(t);return t=/^[a-z][.0-9_a-z]*-[-.0-9_a-z]*$/.test(t),!e&&t}"annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" ").forEach((function(t){return si.add(t)}));var li=document.contains?document.contains.bind(document):document.documentElement.contains.bind(document.documentElement);function ui(t){var e=t.isConnected;if(void 0!==e)return e;if(li(t))return!0;for(;t&&!(t.__CE_isImportDocument||t instanceof Document);)t=t.parentNode||(window.ShadowRoot&&t instanceof ShadowRoot?t.host:void 0);return!(!t||!(t.__CE_isImportDocument||t instanceof Document))}function fi(t){var e=t.children;if(e)return Array.prototype.slice.call(e);for(e=[],t=t.firstChild;t;t=t.nextSibling)t.nodeType===Node.ELEMENT_NODE&&e.push(t);return e}function pi(t,e){for(;e&&e!==t&&!e.nextSibling;)e=e.parentNode;return e&&e!==t?e.nextSibling:null}function di(t,e,n){for(var r=t;r;){if(r.nodeType===Node.ELEMENT_NODE){var o=r;e(o);var i=o.localName;if("link"===i&&"import"===o.getAttribute("rel")){if(r=o.import,void 0===n&&(n=new Set),r instanceof Node&&!n.has(r))for(n.add(r),r=r.firstChild;r;r=r.nextSibling)di(r,e,n);r=pi(t,o);continue}if("template"===i){r=pi(t,o);continue}if(o=o.__CE_shadowRoot)for(o=o.firstChild;o;o=o.nextSibling)di(o,e,n)}r=r.firstChild?r.firstChild:pi(t,r)}}function hi(){var t=!(null==Li||!Li.noDocumentConstructionObserver),e=!(null==Li||!Li.shadyDomFastWalk);this.ca=[],this.g=[],this.W=!1,this.shadyDomFastWalk=e,this.sb=!t}function yi(t,e,n,r){var o=window.ShadyDOM;if(t.shadyDomFastWalk&&o&&o.inUse){if(e.nodeType===Node.ELEMENT_NODE&&n(e),e.querySelectorAll)for(t=o.nativeMethods.querySelectorAll.call(e,"*"),e=0;e<t.length;e++)n(t[e])}else di(e,n,r)}function mi(t,e){t.W&&yi(t,e,(function(e){return vi(t,e)}))}function vi(t,e){if(t.W&&!e.__CE_patched){e.__CE_patched=!0;for(var n=0;n<t.ca.length;n++)t.ca[n](e);for(n=0;n<t.g.length;n++)t.g[n](e)}}function gi(t,e){var n=[];for(yi(t,e,(function(t){return n.push(t)})),e=0;e<n.length;e++){var r=n[e];1===r.__CE_state?t.connectedCallback(r):Ai(t,r)}}function bi(t,e){var n=[];for(yi(t,e,(function(t){return n.push(t)})),e=0;e<n.length;e++){var r=n[e];1===r.__CE_state&&t.disconnectedCallback(r)}}function _i(t,e,n){var r=(n=void 0===n?{}:n).tb,o=n.upgrade||function(e){return Ai(t,e)},i=[];for(yi(t,e,(function(e){if(t.W&&vi(t,e),"link"===e.localName&&"import"===e.getAttribute("rel")){var n=e.import;n instanceof Node&&(n.__CE_isImportDocument=!0,n.__CE_registry=document.__CE_registry),n&&"complete"===n.readyState?n.__CE_documentLoadHandled=!0:e.addEventListener("load",(function(){var n=e.import;if(!n.__CE_documentLoadHandled){n.__CE_documentLoadHandled=!0;var i=new Set;r&&(r.forEach((function(t){return i.add(t)})),i.delete(n)),_i(t,n,{tb:i,upgrade:o})}}))}else i.push(e)}),r),e=0;e<i.length;e++)o(i[e])}function Ai(t,e){try{var n=e.ownerDocument,r=n.__CE_registry,o=r&&(n.defaultView||n.__CE_isImportDocument)?ji(r,e.localName):void 0;if(o&&void 0===e.__CE_state){o.constructionStack.push(e);try{try{if(new o.constructorFunction!==e)throw Error("The custom element constructor did not produce the element being upgraded.")}finally{o.constructionStack.pop()}}catch(c){throw e.__CE_state=2,c}if(e.__CE_state=1,e.__CE_definition=o,o.attributeChangedCallback&&e.hasAttributes()){var i=o.observedAttributes;for(o=0;o<i.length;o++){var a=i[o],s=e.getAttribute(a);null!==s&&t.attributeChangedCallback(e,a,null,s,null)}}ui(e)&&t.connectedCallback(e)}}catch(c){Ci(c)}}function wi(t,e,n,r){var o=e.__CE_registry;if(o&&(null===r||"http://www.w3.org/1999/xhtml"===r)&&(o=ji(o,n)))try{var i=new o.constructorFunction;if(void 0===i.__CE_state||void 0===i.__CE_definition)throw Error("Failed to construct '"+n+"': The returned value was not constructed with the HTMLElement constructor.");if("http://www.w3.org/1999/xhtml"!==i.namespaceURI)throw Error("Failed to construct '"+n+"': The constructed element's namespace must be the HTML namespace.");if(i.hasAttributes())throw Error("Failed to construct '"+n+"': The constructed element must not have any attributes.");if(null!==i.firstChild)throw Error("Failed to construct '"+n+"': The constructed element must not have any children.");if(null!==i.parentNode)throw Error("Failed to construct '"+n+"': The constructed element must not have a parent node.");if(i.ownerDocument!==e)throw Error("Failed to construct '"+n+"': The constructed element's owner document is incorrect.");if(i.localName!==n)throw Error("Failed to construct '"+n+"': The constructed element's local name is incorrect.");return i}catch(a){return Ci(a),e=null===r?Oo.call(e,n):Bo.call(e,r,n),Object.setPrototypeOf(e,HTMLUnknownElement.prototype),e.__CE_state=2,e.__CE_definition=void 0,vi(t,e),e}return vi(t,e=null===r?Oo.call(e,n):Bo.call(e,r,n)),e}function Ci(t){var e="",n="",r=0,o=0;t instanceof Error?(e=t.message,n=t.sourceURL||t.fileName||"",r=t.line||t.lineNumber||0,o=t.column||t.columnNumber||0):e="Uncaught "+String(t);var i=void 0;void 0===ErrorEvent.prototype.initErrorEvent?i=new ErrorEvent("error",{cancelable:!0,message:e,filename:n,lineno:r,colno:o,error:t}):((i=document.createEvent("ErrorEvent")).initErrorEvent("error",!1,!0,e,n,r),i.preventDefault=function(){Object.defineProperty(this,"defaultPrevented",{configurable:!0,get:function(){return!0}})}),void 0===i.error&&Object.defineProperty(i,"error",{configurable:!0,enumerable:!0,get:function(){return t}}),window.dispatchEvent(i),i.defaultPrevented||console.error(t)}function Si(){var t=this;this.I=void 0,this.Ka=new Promise((function(e){t.g=e}))}function xi(t){var e=document;this.X=void 0,this.S=t,this.g=e,_i(this.S,this.g),"loading"===this.g.readyState&&(this.X=new MutationObserver(this.h.bind(this)),this.X.observe(this.g,{childList:!0,subtree:!0}))}function ki(t){t.X&&t.X.disconnect()}function Ei(t){this.ma=new Map,this.na=new Map,this.Fa=new Map,this.wa=!1,this.za=new Map,this.la=function(t){return t()},this.V=!1,this.oa=[],this.S=t,this.Ga=t.sb?new xi(t):void 0}function Oi(t,e){if(!ci(e))throw new SyntaxError("The element name '"+e+"' is not valid.");if(ji(t,e))throw Error("A custom element with name '"+e+"' has already been defined.");if(t.wa)throw Error("A custom element is already being defined.")}function Bi(t,e,n){var r;t.wa=!0;try{var o=n.prototype;if(!(o instanceof Object))throw new TypeError("The custom element constructor's prototype is not an object.");var i=function(t){var e=o[t];if(void 0!==e&&!(e instanceof Function))throw Error("The '"+t+"' callback must be a function.");return e},a=i("connectedCallback"),s=i("disconnectedCallback"),c=i("adoptedCallback"),l=(r=i("attributeChangedCallback"))&&n.observedAttributes||[]}catch(u){throw u}finally{t.wa=!1}return n={localName:e,constructorFunction:n,connectedCallback:a,disconnectedCallback:s,adoptedCallback:c,attributeChangedCallback:r,observedAttributes:l,constructionStack:[]},t.na.set(e,n),t.Fa.set(n.constructorFunction,n),n}function Pi(t){if(!1!==t.V){t.V=!1;for(var e=[],n=t.oa,r=new Map,o=0;o<n.length;o++)r.set(n[o],[]);for(_i(t.S,document,{upgrade:function(n){if(void 0===n.__CE_state){var o=n.localName,i=r.get(o);i?i.push(n):t.na.has(o)&&e.push(n)}}}),o=0;o<e.length;o++)Ai(t.S,e[o]);for(o=0;o<n.length;o++){for(var i=n[o],a=r.get(i),s=0;s<a.length;s++)Ai(t.S,a[s]);(i=t.za.get(i))&&i.resolve(void 0)}n.length=0}}function ji(t,e){var n=t.na.get(e);if(n)return n;if(n=t.ma.get(e)){t.ma.delete(e);try{return Bi(t,e,n())}catch(q){Ci(q)}}}function Ti(t,e,n){function r(e){return function(n){for(var r=[],o=0;o<arguments.length;++o)r[o]=arguments[o];o=[];for(var i=[],a=0;a<r.length;a++){var s=r[a];if(s instanceof Element&&ui(s)&&i.push(s),s instanceof DocumentFragment)for(s=s.firstChild;s;s=s.nextSibling)o.push(s);else o.push(s)}for(e.apply(this,r),r=0;r<i.length;r++)bi(t,i[r]);if(ui(this))for(r=0;r<o.length;r++)(i=o[r])instanceof Element&&gi(t,i)}}void 0!==n.prepend&&(e.prepend=r(n.prepend)),void 0!==n.append&&(e.append=r(n.append))}function Ni(t){function e(e,n){Object.defineProperty(e,"innerHTML",{enumerable:n.enumerable,configurable:!0,get:n.get,set:function(e){var r=this,o=void 0;if(ui(this)&&(o=[],yi(t,this,(function(t){t!==r&&o.push(t)}))),n.set.call(this,e),o)for(var i=0;i<o.length;i++){var a=o[i];1===a.__CE_state&&t.disconnectedCallback(a)}return this.ownerDocument.__CE_registry?_i(t,this):mi(t,this),e}})}function n(e,n){e.insertAdjacentElement=function(e,r){var o=ui(r);return e=n.call(this,e,r),o&&bi(t,r),ui(e)&&gi(t,r),e}}function r(e,n){function r(e,n){for(var r=[];e!==n;e=e.nextSibling)r.push(e);for(n=0;n<r.length;n++)_i(t,r[n])}e.insertAdjacentHTML=function(t,e){if("beforebegin"===(t=t.toLowerCase())){var o=this.previousSibling;n.call(this,t,e),r(o||this.parentNode.firstChild,this)}else if("afterbegin"===t)o=this.firstChild,n.call(this,t,e),r(this.firstChild,o);else if("beforeend"===t)o=this.lastChild,n.call(this,t,e),r(o||this.firstChild,null);else{if("afterend"!==t)throw new SyntaxError("The value provided ("+String(t)+") is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'.");o=this.nextSibling,n.call(this,t,e),r(this.nextSibling,o)}}}zo&&(Element.prototype.attachShadow=function(e){if(e=zo.call(this,e),t.W&&!e.__CE_patched){e.__CE_patched=!0;for(var n=0;n<t.ca.length;n++)t.ca[n](e)}return this.__CE_shadowRoot=e}),Ho&&Ho.get?e(Element.prototype,Ho):oi&&oi.get?e(HTMLElement.prototype,oi):function(t,e){t.W=!0,t.g.push(e)}(t,(function(t){e(t,{enumerable:!0,configurable:!0,get:function(){return Lo.call(this,!0).innerHTML},set:function(t){var e="template"===this.localName,n=e?this.content:this,r=Bo.call(document,this.namespaceURI,this.localName);for(r.innerHTML=t;0<n.childNodes.length;)qo.call(n,n.childNodes[0]);for(t=e?r.content:r;0<t.childNodes.length;)Ro.call(n,t.childNodes[0])}})})),Element.prototype.setAttribute=function(e,n){if(1!==this.__CE_state)return Vo.call(this,e,n);var r=Fo.call(this,e);Vo.call(this,e,n),n=Fo.call(this,e),t.attributeChangedCallback(this,e,r,n,null)},Element.prototype.setAttributeNS=function(e,n,r){if(1!==this.__CE_state)return Zo.call(this,e,n,r);var o=Yo.call(this,e,n);Zo.call(this,e,n,r),r=Yo.call(this,e,n),t.attributeChangedCallback(this,n,o,r,e)},Element.prototype.removeAttribute=function(e){if(1!==this.__CE_state)return Wo.call(this,e);var n=Fo.call(this,e);Wo.call(this,e),null!==n&&t.attributeChangedCallback(this,e,n,null,null)},Element.prototype.removeAttributeNS=function(e,n){if(1!==this.__CE_state)return Go.call(this,e,n);var r=Yo.call(this,e,n);Go.call(this,e,n);var o=Yo.call(this,e,n);r!==o&&t.attributeChangedCallback(this,n,r,o,e)},ii?n(HTMLElement.prototype,ii):Ko&&n(Element.prototype,Ko),ai?r(HTMLElement.prototype,ai):Jo&&r(Element.prototype,Jo),Ti(t,Element.prototype,{prepend:Qo,append:Xo}),function(t){function e(e){return function(n){for(var r=[],o=0;o<arguments.length;++o)r[o]=arguments[o];o=[];for(var i=[],a=0;a<r.length;a++){var s=r[a];if(s instanceof Element&&ui(s)&&i.push(s),s instanceof DocumentFragment)for(s=s.firstChild;s;s=s.nextSibling)o.push(s);else o.push(s)}for(e.apply(this,r),r=0;r<i.length;r++)bi(t,i[r]);if(ui(this))for(r=0;r<o.length;r++)(i=o[r])instanceof Element&&gi(t,i)}}var n=Element.prototype;void 0!==$o&&(n.before=e($o)),void 0!==ti&&(n.after=e(ti)),void 0!==ei&&(n.replaceWith=function(e){for(var n=[],r=0;r<arguments.length;++r)n[r]=arguments[r];r=[];for(var o=[],i=0;i<n.length;i++){var a=n[i];if(a instanceof Element&&ui(a)&&o.push(a),a instanceof DocumentFragment)for(a=a.firstChild;a;a=a.nextSibling)r.push(a);else r.push(a)}for(i=ui(this),ei.apply(this,n),n=0;n<o.length;n++)bi(t,o[n]);if(i)for(bi(t,this),n=0;n<r.length;n++)(o=r[n])instanceof Element&&gi(t,o)}),void 0!==ni&&(n.remove=function(){var e=ui(this);ni.call(this),e&&bi(t,this)})}(t)}hi.prototype.connectedCallback=function(t){var e=t.__CE_definition;if(e.connectedCallback)try{e.connectedCallback.call(t)}catch(D){Ci(D)}},hi.prototype.disconnectedCallback=function(t){var e=t.__CE_definition;if(e.disconnectedCallback)try{e.disconnectedCallback.call(t)}catch(D){Ci(D)}},hi.prototype.attributeChangedCallback=function(t,e,n,r,o){var i=t.__CE_definition;if(i.attributeChangedCallback&&-1<i.observedAttributes.indexOf(e))try{i.attributeChangedCallback.call(t,e,n,r,o)}catch(a){Ci(a)}},Si.prototype.resolve=function(t){if(this.I)throw Error("Already resolved.");this.I=t,this.g(t)},xi.prototype.h=function(t){var e=this.g.readyState;for("interactive"!==e&&"complete"!==e||ki(this),e=0;e<t.length;e++)for(var n=t[e].addedNodes,r=0;r<n.length;r++)_i(this.S,n[r])},(t=Ei.prototype).jb=function(t,e){var n=this;if(!(e instanceof Function))throw new TypeError("Custom element constructor getters must be functions.");Oi(this,t),this.ma.set(t,e),this.oa.push(t),this.V||(this.V=!0,this.la((function(){return Pi(n)})))},t.define=function(t,e){var n=this;if(!(e instanceof Function))throw new TypeError("Custom element constructors must be functions.");Oi(this,t),Bi(this,t,e),this.oa.push(t),this.V||(this.V=!0,this.la((function(){return Pi(n)})))},t.upgrade=function(t){_i(this.S,t)},t.get=function(t){if(t=ji(this,t))return t.constructorFunction},t.whenDefined=function(t){if(!ci(t))return Promise.reject(new SyntaxError("'"+t+"' is not a valid custom element name."));var e=this.za.get(t);if(e)return e.Ka;e=new Si,this.za.set(t,e);var n=this.na.has(t)||this.ma.has(t);return t=-1===this.oa.indexOf(t),n&&t&&e.resolve(void 0),e.Ka},t.polyfillWrapFlushCallback=function(t){this.Ga&&ki(this.Ga);var e=this.la;this.la=function(n){return t((function(){return e(n)}))}},Ei.prototype.define=Ei.prototype.define,Ei.prototype.upgrade=Ei.prototype.upgrade,Ei.prototype.get=Ei.prototype.get,Ei.prototype.whenDefined=Ei.prototype.whenDefined,Ei.prototype.polyfillDefineLazy=Ei.prototype.jb,Ei.prototype.polyfillWrapFlushCallback=Ei.prototype.polyfillWrapFlushCallback;var Mi={};var Li=window.customElements;function Ri(){var t=new hi;!function(t){function e(){var e=this.constructor,n=document.__CE_registry.Fa.get(e);if(!n)throw Error("Failed to construct a custom element: The constructor was not registered with `customElements`.");var r=n.constructionStack;if(0===r.length)return r=Oo.call(document,n.localName),Object.setPrototypeOf(r,e.prototype),r.__CE_state=1,r.__CE_definition=n,vi(t,r),r;var o=r.length-1,i=r[o];if(i===Mi)throw Error("Failed to construct '"+n.localName+"': This element was already constructed.");return r[o]=Mi,Object.setPrototypeOf(i,e.prototype),vi(t,i),i}e.prototype=ri.prototype,Object.defineProperty(HTMLElement.prototype,"constructor",{writable:!0,configurable:!0,enumerable:!1,value:e}),window.HTMLElement=e}(t),function(t){Document.prototype.createElement=function(e){return wi(t,this,e,null)},Document.prototype.importNode=function(e,n){return e=Po.call(this,e,!!n),this.__CE_registry?_i(t,e):mi(t,e),e},Document.prototype.createElementNS=function(e,n){return wi(t,this,n,e)},Ti(t,Document.prototype,{prepend:jo,append:To})}(t),Ti(t,DocumentFragment.prototype,{prepend:No,append:Mo}),function(t){function e(e,n){Object.defineProperty(e,"textContent",{enumerable:n.enumerable,configurable:!0,get:n.get,set:function(e){if(this.nodeType===Node.TEXT_NODE)n.set.call(this,e);else{var r=void 0;if(this.firstChild){var o=this.childNodes,i=o.length;if(0<i&&ui(this)){r=Array(i);for(var a=0;a<i;a++)r[a]=o[a]}}if(n.set.call(this,e),r)for(e=0;e<r.length;e++)bi(t,r[e])}}})}Node.prototype.insertBefore=function(e,n){if(e instanceof DocumentFragment){var r=fi(e);if(e=Do.call(this,e,n),ui(this))for(n=0;n<r.length;n++)gi(t,r[n]);return e}return r=e instanceof Element&&ui(e),n=Do.call(this,e,n),r&&bi(t,e),ui(this)&&gi(t,e),n},Node.prototype.appendChild=function(e){if(e instanceof DocumentFragment){var n=fi(e);if(e=Ro.call(this,e),ui(this))for(var r=0;r<n.length;r++)gi(t,n[r]);return e}return n=e instanceof Element&&ui(e),r=Ro.call(this,e),n&&bi(t,e),ui(this)&&gi(t,e),r},Node.prototype.cloneNode=function(e){return e=Lo.call(this,!!e),this.ownerDocument.__CE_registry?_i(t,e):mi(t,e),e},Node.prototype.removeChild=function(e){var n=e instanceof Element&&ui(e),r=qo.call(this,e);return n&&bi(t,e),r},Node.prototype.replaceChild=function(e,n){if(e instanceof DocumentFragment){var r=fi(e);if(e=Io.call(this,e,n),ui(this))for(bi(t,n),n=0;n<r.length;n++)gi(t,r[n]);return e}r=e instanceof Element&&ui(e);var o=Io.call(this,e,n),i=ui(this);return i&&bi(t,n),r&&bi(t,e),i&&gi(t,e),o},Uo&&Uo.get?e(Node.prototype,Uo):function(t,e){t.W=!0,t.ca.push(e)}(t,(function(t){e(t,{enumerable:!0,configurable:!0,get:function(){for(var t=[],e=this.firstChild;e;e=e.nextSibling)e.nodeType!==Node.COMMENT_NODE&&t.push(e.textContent);return t.join("")},set:function(t){for(;this.firstChild;)qo.call(this,this.firstChild);null!=t&&""!==t&&Ro.call(this,document.createTextNode(t))}})}))}(t),Ni(t),window.CustomElementRegistry=Ei,t=new Ei(t),document.__CE_registry=t,Object.defineProperty(window,"customElements",{configurable:!0,enumerable:!0,value:t})}function Di(){this.end=this.start=0,this.rules=this.parent=this.previous=null,this.cssText=this.parsedCssText="",this.atRule=!1,this.type=0,this.parsedSelector=this.selector=this.keyframesName=""}function qi(t){var e=t=t.replace(Zi,"").replace(Gi,""),n=new Di;n.start=0,n.end=e.length;for(var r=n,o=0,i=e.length;o<i;o++)if("{"===e[o]){r.rules||(r.rules=[]);var a=r,s=a.rules[a.rules.length-1]||null;(r=new Di).start=o+1,r.parent=a,r.previous=s,a.rules.push(r)}else"}"===e[o]&&(r.end=o+1,r=r.parent||n);return Ii(n,t)}function Ii(t,e){var n=e.substring(t.start,t.end-1);if(t.parsedCssText=t.cssText=n.trim(),t.parent&&(n=function(t){return t.replace(/\\([0-9a-f]{1,6})\s/gi,(function(t,e){for(e=6-(t=e).length;e--;)t="0"+t;return"\\"+t}))}(n=e.substring(t.previous?t.previous.end:t.parent.start,t.start-1)),n=(n=n.replace(ta," ")).substring(n.lastIndexOf(";")+1),n=t.parsedSelector=t.selector=n.trim(),t.atRule=0===n.indexOf("@"),t.atRule?0===n.indexOf("@media")?t.type=Wi:n.match($i)&&(t.type=Vi,t.keyframesName=t.selector.split(ta).pop()):t.type=0===n.indexOf("--")?Yi:Fi),n=t.rules)for(var r=0,o=n.length,i=void 0;r<o&&(i=n[r]);r++)Ii(i,e);return t}function Ui(t,e,n){n=void 0===n?"":n;var r="";if(t.cssText||t.rules){var o,i=t.rules;if((o=i)&&(o=!((o=i[0])&&o.selector&&0===o.selector.indexOf("--"))),o){o=0;for(var a=i.length,s=void 0;o<a&&(s=i[o]);o++)r=Ui(s,e,r)}else e?e=t.cssText:e=(e=(e=t.cssText).replace(Ki,"").replace(Ji,"")).replace(Qi,"").replace(Xi,""),(r=e.trim())&&(r="  "+r+"\n")}return r&&(t.selector&&(n+=t.selector+" {\n"),n+=r,t.selector&&(n+="}\n\n")),n}Li&&!Li.forcePolyfill&&"function"==typeof Li.define&&"function"==typeof Li.get||Ri(),window.__CE_installPolyfill=Ri;var zi,Hi,Fi=1,Vi=7,Wi=4,Yi=1e3,Zi=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,Gi=/@import[^;]*;/gim,Ki=/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,Ji=/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,Qi=/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,Xi=/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,$i=/^@[^\s]*keyframes/,ta=/\s+/g,ea=!(window.ShadyDOM&&window.ShadyDOM.inUse);function na(t){zi=(!t||!t.shimcssproperties)&&(ea||!(navigator.userAgent.match(/AppleWebKit\/601|Edge\/15/)||!window.CSS||!CSS.supports||!CSS.supports("box-shadow","0 0 0 var(--foo)")))}window.ShadyCSS&&void 0!==window.ShadyCSS.cssBuild&&(Hi=window.ShadyCSS.cssBuild);var ra=!(!window.ShadyCSS||!window.ShadyCSS.disableRuntime);window.ShadyCSS&&void 0!==window.ShadyCSS.nativeCss?zi=window.ShadyCSS.nativeCss:window.ShadyCSS?(na(window.ShadyCSS),window.ShadyCSS=void 0):na(window.WebComponents&&window.WebComponents.flags);var oa=zi,ia=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gi,aa=/(?:^|\W+)@apply\s*\(?([^);\n]*)\)?/gi,sa=/(--[\w-]+)\s*([:,;)]|$)/gi,ca=/(animation\s*:)|(animation-name\s*:)/,la=/@media\s(.*)/,ua=/\{[^}]*\}/g,fa=new Set;function pa(t,e){return t?("string"==typeof t&&(t=qi(t)),e&&ya(t,e),Ui(t,oa)):""}function da(t){return!t.__cssRules&&t.textContent&&(t.__cssRules=qi(t.textContent)),t.__cssRules||null}function ha(t){return!!t.parent&&t.parent.type===Vi}function ya(t,e,n,r){if(t){var o=!1,i=t.type;if(r&&i===Wi){var a=t.selector.match(la);a&&(window.matchMedia(a[1]).matches||(o=!0))}if(i===Fi?e(t):n&&i===Vi?n(t):i===Yi&&(o=!0),(t=t.rules)&&!o)for(o=0,i=t.length,a=void 0;o<i&&(a=t[o]);o++)ya(a,e,n,r)}}function ma(t,e,n,r){var o=document.createElement("style");return e&&o.setAttribute("scope",e),o.textContent=t,ba(o,n,r),o}var va=null;function ga(t){t=document.createComment(" Shady DOM styles for "+t+" ");var e=document.head;return e.insertBefore(t,(va?va.nextSibling:null)||e.firstChild),va=t}function ba(t,e,n){(e=e||document.head).insertBefore(t,n&&n.nextSibling||e.firstChild),va?t.compareDocumentPosition(va)===Node.DOCUMENT_POSITION_PRECEDING&&(va=t):va=t}function _a(t,e){for(var n=0,r=t.length;e<r;e++)if("("===t[e])n++;else if(")"===t[e]&&0==--n)return e;return-1}function Aa(t,e){var n=t.indexOf("var(");if(-1===n)return e(t,"","","");var r=_a(t,n+3),o=t.substring(n+4,r);return n=t.substring(0,n),t=Aa(t.substring(r+1),e),-1===(r=o.indexOf(","))?e(n,o.trim(),"",t):e(n,o.substring(0,r).trim(),o.substring(r+1).trim(),t)}function wa(t,e){ea?t.setAttribute("class",e):window.ShadyDOM.nativeMethods.setAttribute.call(t,"class",e)}var Ca=window.ShadyDOM&&window.ShadyDOM.wrap||function(t){return t};function Sa(t){var e=t.localName,n="";return e?-1<e.indexOf("-")||(n=e,e=t.getAttribute&&t.getAttribute("is")||""):(e=t.is,n=t.extends),{is:e,ja:n}}function xa(t){for(var e=[],n="",r=0;0<=r&&r<t.length;r++)if("("===t[r]){var o=_a(t,r);n+=t.slice(r,o+1),r=o}else","===t[r]?(e.push(n),n=""):n+=t[r];return n&&e.push(n),e}function ka(t){if(void 0!==Hi)return Hi;if(void 0===t.__cssBuild){var e=t.getAttribute("css-build");if(e)t.__cssBuild=e;else{if(""!==(e=(e="template"===t.localName?t.content.firstChild:t.firstChild)instanceof Comment&&"css-build"===(e=e.textContent.trim().split(":"))[0]?e[1]:"")){var n="template"===t.localName?t.content.firstChild:t.firstChild;n.parentNode.removeChild(n)}t.__cssBuild=e}}return t.__cssBuild||""}function Ea(t){return!(""===(t=void 0===t?"":t)||!oa)&&(ea?"shadow"===t:"shady"===t)}function Oa(){}function Ba(t,e,n){var r;if(e.nodeType===Node.ELEMENT_NODE&&n(e),r="template"===e.localName?(e.content||e._content||e).childNodes:e.children||e.childNodes)for(e=0;e<r.length;e++)Ba(t,r[e],n)}function Pa(t,e,n){if(e)if(t.classList)n?(t.classList.remove("style-scope"),t.classList.remove(e)):(t.classList.add("style-scope"),t.classList.add(e));else if(t.getAttribute){var r=t.getAttribute("class");n?r&&wa(t,e=r.replace("style-scope","").replace(e,"")):wa(t,(r?r+" ":"")+"style-scope "+e)}}function ja(t,e,n){Ba(Za,t,(function(t){Pa(t,e,!0),Pa(t,n)}))}function Ta(t,e){Ba(Za,t,(function(t){Pa(t,e||"",!0)}))}function Na(t,e,n,r,o){var i=Za;return""===(o=void 0===o?"":o)&&(ea||"shady"===(void 0===r?"":r)?o=pa(e,n):o=function(t,e,n,r,o){var i=Ma(n,r);return n=n?"."+n:"",pa(e,(function(e){e.i||(e.selector=e.G=La(t,e,t.h,n,i),e.i=!0),o&&o(e,n,i)}))}(i,e,(t=Sa(t)).is,t.ja,n)+"\n\n"),o.trim()}function Ma(t,e){return e?"[is="+t+"]":t}function La(t,e,n,r,o){var i=xa(e.selector);if(!ha(e)){e=0;for(var a=i.length,s=void 0;e<a&&(s=i[e]);e++)i[e]=n.call(t,s,r,o)}return i.filter((function(t){return!!t})).join(",")}function Ra(t){return t.replace(Ia,(function(t,e,n){return-1<n.indexOf("+")?n=n.replace(/\+/g,"___"):-1<n.indexOf("___")&&(n=n.replace(/___/g,"+")),":"+e+"("+n+")"}))}function Da(t,e){t=t.split(/(\[.+?\])/);for(var n=[],r=0;r<t.length;r++)if(1==r%2)n.push(t[r]);else{var o=t[r];""===o&&r===t.length-1||((o=o.split(":"))[0]+=e,n.push(o.join(":")))}return n.join("")}function qa(t){":root"===t.selector&&(t.selector="html")}Oa.prototype.h=function(t,e,n){var r=!1;t=t.trim();var o=Ia.test(t);o&&(t=Ra(t=t.replace(Ia,(function(t,e,n){return":"+e+"("+n.replace(/\s/g,"")+")"}))));var i=Ya.test(t);if(i){var a=function(t){for(var e,n=[];e=t.match(Ya);){var r=e.index,o=_a(t,r);if(-1===o)throw Error(e.input+" selector missing ')'");e=t.slice(r,o+1),t=t.replace(e,""),n.push(e)}return{Ea:t,matches:n}}(t);t=a.Ea,a=a.matches}return t=(t=t.replace(Ha,":host $1")).replace(Ua,(function(t,o,i){return r||(t=function(t,e,n,r){var o=t.indexOf("::slotted");if(0<=t.indexOf(":host")?t=function(t,e){var n=t.match(Fa);return(n=n&&n[2].trim()||"")?n[0].match(za)?t.replace(Fa,(function(t,n,r){return e+r})):n.split(za)[0]===e?n:"should_not_match":t.replace(":host",e)}(t,r):0!==o&&(t=n?Da(t,n):t),n=!1,0<=o&&(e="",n=!0),n){var i=!0;n&&(t=t.replace(Va,(function(t,e){return" > "+e})))}return{value:t,Ya:e,stop:i}}(i,o,e,n),r=r||t.stop,o=t.Ya,i=t.value),o+i})),i&&(t=function(t,e){var n=t.split("");return e.reduce((function(t,e,r){return t+e+n[r+1]}),n[0])}(t,a)),o&&(t=Ra(t)),t.replace(Wa,(function(t,e,n,r){return'[dir="'+n+'"] '+e+r+", "+e+'[dir="'+n+'"]'+r}))},Oa.prototype.i=function(t){return t.match(":host")?"":t.match("::slotted")?this.h(t,":not(.style-scope)"):Da(t.trim(),":not(.style-scope)")},a.Object.defineProperties(Oa.prototype,{g:{configurable:!0,enumerable:!0,get:function(){return"style-scope"}}});var Ia=/:(nth[-\w]+)\(([^)]+)\)/,Ua=/(^|[\s>+~]+)((?:\[.+?\]|[^\s>+~=[])+)/g,za=/[[.:#*]/,Ha=/^(::slotted)/,Fa=/(:host)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))/,Va=/(?:::slotted)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))/,Wa=/(.*):dir\((?:(ltr|rtl))\)(.*)/,Ya=/:(?:matches|any|-(?:webkit|moz)-any)/,Za=new Oa;function Ga(t,e,n,r,o){this.M=t||null,this.h=e||null,this.Ca=n||[],this.K=null,this.cssBuild=o||"",this.ja=r||"",this.g=this.L=this.R=null}function Ka(t){return t?t.__styleInfo:null}function Ja(t,e){return t.__styleInfo=e}function Qa(t){var e=this.matches||this.matchesSelector||this.mozMatchesSelector||this.msMatchesSelector||this.oMatchesSelector||this.webkitMatchesSelector;return e&&e.call(this,t)}Ga.prototype.i=function(){return this.M},Ga.prototype._getStyleRules=Ga.prototype.i;var Xa=/:host\s*>\s*/,$a=navigator.userAgent.match("Trident");function ts(){}function es(t){if(!t.F){var e={},n={};ns(t,n)&&(e.P=n,t.rules=null),e.cssText=t.parsedCssText.replace(ua,"").replace(ia,""),t.F=e}}function ns(t,e){var n=t.F;if(!n){n=t.parsedCssText;for(var r;t=ia.exec(n);)"inherit"===(r=(t[2]||t[3]).trim())&&"unset"===r||(e[t[1].trim()]=r),r=!0;return r}if(n.P)return Object.assign(e,n.P),!0}function rs(t,e,n){return e&&(e=0<=e.indexOf(";")?os(t,e,n):Aa(e,(function(e,r,o,i){return r?((r=rs(t,n[r],n))&&"initial"!==r?"apply-shim-inherit"===r&&(r="inherit"):r=rs(t,n[o]||o,n)||o,e+(r||"")+i):e+i}))),e&&e.trim()||""}function os(t,e,n){e=e.split(";");for(var r,o,i=0;i<e.length;i++)if(r=e[i]){if(aa.lastIndex=0,o=aa.exec(r))r=rs(t,n[o[1]],n);else if(-1!==(o=r.indexOf(":"))){var a=r.substring(o);a=rs(t,a=a.trim(),n)||a,r=r.substring(0,o)+a}e[i]=r&&r.lastIndexOf(";")===r.length-1?r.slice(0,-1):r||""}return e.join(";")}function is(t,e,n){var r={},o={};return ya(e,(function(e){!function(t,e,n,r){if(e.F||es(e),e.F.P){var o=Sa(t);t=o.is,o=o.ja,o=t?Ma(t,o):"html";var i=e.parsedSelector,a=!!i.match(Xa)||"html"===o&&-1<i.indexOf("html"),s=0===i.indexOf(":host")&&!a;"shady"===n&&(s=!(a=i===o+" > *."+o||-1!==i.indexOf("html"))&&0===i.indexOf(o)),(a||s)&&(n=o,s&&(e.G||(e.G=La(Za,e,Za.h,t?"."+t:"",o)),n=e.G||o),a&&"html"===o&&(n=e.G||e.O),r({Ea:n,gb:s,vb:a}))}}(t,e,n,(function(n){Qa.call(t._element||t,n.Ea)&&(n.gb?ns(e,r):ns(e,o))}))}),null,!0),{mb:o,eb:r}}function as(t,e,n,r){var o=Sa(e),i=Ma(o.is,o.ja),a=new RegExp("(?:^|[^.#[:])"+(e.extends?"\\"+i.slice(0,-1)+"\\]":i)+"($|[.:[\\s>+~])"),s=Ka(e);o=s.M,s=s.cssBuild;var c=function(t,e){t=t.h;var n={};if(!ea&&t)for(var r=0,o=t[r];r<t.length;o=t[++r]){var i=o,a=e;i.u=new RegExp("\\b"+i.keyframesName+"(?!\\B|-)","g"),i.g=i.keyframesName+"-"+a,i.G=i.G||i.selector,i.selector=i.G.replace(i.keyframesName,i.g),n[o.keyframesName]=ss(o)}return n}(o,r);return Na(e,o,(function(e){var o="";if(e.F||es(e),e.F.cssText&&(o=os(t,e.F.cssText,n)),e.cssText=o,!ea&&!ha(e)&&e.cssText){var s=o=e.cssText;if(null==e.Ma&&(e.Ma=ca.test(o)),e.Ma)if(null==e.ra)for(var l in e.ra=[],c)o!==(s=(s=c[l])(o))&&(o=s,e.ra.push(l));else{for(l=0;l<e.ra.length;++l)o=(s=c[e.ra[l]])(o);s=o}e.cssText=s,e.G=e.G||e.selector,o="."+r,s=0;for(var u=(l=xa(e.G)).length,f=void 0;s<u&&(f=l[s]);s++)l[s]=f.match(a)?f.replace(i,o):o+" "+f;e.selector=l.join(",")}}),s)}function ss(t){return function(e){return e.replace(t.u,t.g)}}function cs(t,e){var n=ls,r=da(t);t.textContent=pa(r,(function(t){var r=t.cssText=t.parsedCssText;t.F&&t.F.cssText&&(r=r.replace(Ki,"").replace(Ji,""),t.cssText=os(n,r,e))}))}a.Object.defineProperties(ts.prototype,{g:{configurable:!0,enumerable:!0,get:function(){return"x-scope"}}});var ls=new ts,us={},fs=window.customElements;if(fs&&!ea&&!ra){var ps=fs.define;fs.define=function(t,e,n){us[t]||(us[t]=ga(t)),ps.call(fs,t,e,n)}}function ds(){this.cache={}}function hs(){}ds.prototype.store=function(t,e,n,r){var o=this.cache[t]||[];o.push({P:e,styleElement:n,L:r}),100<o.length&&o.shift(),this.cache[t]=o};var ys=new RegExp(Za.g+"\\s*([^\\s]*)");function ms(t){return(t=(t.classList&&t.classList.value?t.classList.value:t.getAttribute("class")||"").match(ys))?t[1]:""}function vs(t){var e=Ca(t).getRootNode();return e===t||e===t.ownerDocument?"":(t=e.host)?Sa(t).is:""}function gs(t){for(var e=0;e<t.length;e++){var n=t[e];if(n.target!==document.documentElement&&n.target!==document.head)for(var r=0;r<n.addedNodes.length;r++){var o=n.addedNodes[r];if(o.nodeType===Node.ELEMENT_NODE){var i=o.getRootNode(),a=ms(o);if(a&&i===o.ownerDocument&&("style"!==o.localName&&"template"!==o.localName||""===ka(o)))Ta(o,a);else if(i instanceof ShadowRoot)for((i=vs(o))!==a&&ja(o,a,i),o=window.ShadyDOM.nativeMethods.querySelectorAll.call(o,":not(."+Za.g+")"),a=0;a<o.length;a++){var s=vs(i=o[a]);s&&Pa(i,s)}}}}}if(!(ea||window.ShadyDOM&&window.ShadyDOM.handlesDynamicScoping)){var bs=new MutationObserver(gs),_s=function(t){bs.observe(t,{childList:!0,subtree:!0})};if(window.customElements&&!window.customElements.polyfillWrapFlushCallback)_s(document);else{var As=function(){_s(document.body)};window.HTMLImports?window.HTMLImports.whenReady(As):requestAnimationFrame((function(){if("loading"===document.readyState){document.addEventListener("readystatechange",(function t(){As(),document.removeEventListener("readystatechange",t)}))}else As()}))}hs=function(){gs(bs.takeRecords())}}var ws={},Cs=Promise.resolve();function Ss(t){(t=ws[t])&&(t._applyShimCurrentVersion=t._applyShimCurrentVersion||0,t._applyShimValidatingVersion=t._applyShimValidatingVersion||0,t._applyShimNextVersion=(t._applyShimNextVersion||0)+1)}function xs(t){return t._applyShimCurrentVersion===t._applyShimNextVersion}var ks={},Es=new ds;function Os(){this.ea={},this.i=document.documentElement;var t=new Di;t.rules=[],this.u=Ja(this.i,new Ga(t)),this.O=!1,this.g=this.h=null}function Bs(t){var e=Sa(t),n=e.is;e=e.ja;var r=us[n]||null,o=ws[n];if(o)return Ja(t,e=new Ga(n=o._styleAst,r,o.g,e,o=ka(o))),e}function Ps(t){if(!t.h&&window.ShadyCSS&&window.ShadyCSS.ApplyShim){t.h=window.ShadyCSS.ApplyShim,t.h.invalidCallback=Ss;var e=!0}else e=!1;return function(t){!t.g&&window.ShadyCSS&&window.ShadyCSS.CustomStyleInterface&&(t.g=window.ShadyCSS.CustomStyleInterface,t.g.transformCallback=function(e){t.Qa(e)},t.g.validateCallback=function(){requestAnimationFrame((function(){(t.g.enqueued||t.O)&&t.flushCustomStyles()}))})}(t),e}function js(t,e,n){var r=Sa(e).is;if(n.K){var o,i=n.K;for(o in i)null===o?e.style.removeProperty(o):e.style.setProperty(o,i[o])}!(i=ws[r])&&e!==t.i||i&&""!==ka(i)||!i||!i._style||xs(i)||((xs(i)||i._applyShimValidatingVersion!==i._applyShimNextVersion)&&(Ps(t),t.h&&t.h.transformRules(i._styleAst,r),i._style.textContent=Na(e,n.M),function(t){t._applyShimValidatingVersion=t._applyShimNextVersion,t._validating||(t._validating=!0,Cs.then((function(){t._applyShimCurrentVersion=t._applyShimNextVersion,t._validating=!1})))}(i)),ea&&(t=e.shadowRoot)&&(t=t.querySelector("style"))&&(t.textContent=Na(e,n.M)),n.M=i._styleAst)}function Ts(t,e){return(e=Ca(e).getRootNode().host)?Ka(e)||Bs(e)?e:Ts(t,e):t.i}function Ns(t,e,n){var r=Ts(t,e),o=Ka(r),i=o.R;for(var a in r===t.i||i||(Ns(t,r,o),i=o.R),t=Object.create(i||null),r=is(e,n.M,n.cssBuild),e=function(t,e){var n={},r=[];return ya(t,(function(t){t.F||es(t);var o=t.G||t.parsedSelector;e&&t.F.P&&o&&Qa.call(e,o)&&(ns(t,n),t=t.index,o=parseInt(t/32,10),r[o]=(r[o]||0)|1<<t%32)}),null,!0),{P:n,key:r}}(o.M,e).P,Object.assign(t,r.eb,e,r.mb),e=n.K)((o=e[a])||0===o)&&(t[a]=o);for(a=ls,e=Object.getOwnPropertyNames(t),o=0;o<e.length;o++)t[r=e[o]]=rs(a,t[r],t);n.R=t}(t=Os.prototype).flush=function(){hs()},t.bb=function(t){return da(t)},t.qb=function(t){return pa(t)},t.prepareTemplate=function(t,e,n){this.prepareTemplateDom(t,e),this.prepareTemplateStyles(t,e,n)},t.prepareTemplateStyles=function(t,e,n){if(!t._prepared&&!ra){ea||us[e]||(us[e]=ga(e)),t._prepared=!0,t.name=e,t.extends=n,ws[e]=t;var r=ka(t),o=Ea(r);n={is:e,extends:n};for(var i=[],a=t.content.querySelectorAll("style"),s=0;s<a.length;s++){var c=a[s];if(c.hasAttribute("shady-unscoped")){if(!ea){var l=c.textContent;if(!fa.has(l)){fa.add(l);var u=document.createElement("style");u.setAttribute("shady-unscoped",""),u.textContent=l,document.head.appendChild(u)}c.parentNode.removeChild(c)}}else i.push(c.textContent),c.parentNode.removeChild(c)}i=i.join("").trim()+(ks[e]||""),Ps(this),o||((a=!r)&&(a=aa.test(i)||ia.test(i),aa.lastIndex=0,ia.lastIndex=0),s=qi(i),a&&oa&&this.h&&this.h.transformRules(s,e),t._styleAst=s),a=[],oa||(a=function(t){var e={},n=[],r=0;for(var o in ya(t,(function(t){es(t),t.index=r++,t=t.F.cssText;for(var n;n=sa.exec(t);){var o=n[1];":"!==n[2]&&(e[o]=!0)}}),(function(t){n.push(t)})),t.h=n,t=[],e)t.push(o);return t}(t._styleAst)),a.length&&!oa||(s=ea?t.content:null,e=us[e]||null,r=(r=Na(n,t._styleAst,null,r,o?i:"")).length?ma(r,n.is,s,e):null,t._style=r),t.g=a}},t.kb=function(t,e){ks[e]=t.join(" ")},t.prepareTemplateDom=function(t,e){if(!ra){var n=ka(t);ea||"shady"===n||t._domPrepared||(t._domPrepared=!0,function(t,e){Ba(Za,t,(function(t){Pa(t,e||"")}))}(t.content,e))}},t.flushCustomStyles=function(){if(!ra){var t=Ps(this);if(this.g){var e=this.g.processStyles();if((t||this.g.enqueued)&&!Ea(this.u.cssBuild)){if(oa){if(!this.u.cssBuild)for(t=0;t<e.length;t++){var n=this.g.getStyleForCustomStyle(e[t]);if(n&&oa&&this.h){var r=da(n);Ps(this),this.h.transformRules(r),n.textContent=pa(r)}}}else{for(function(t,e){e=e.map((function(e){return t.g.getStyleForCustomStyle(e)})).filter((function(t){return!!t})),e.sort((function(t,e){return(t=e.compareDocumentPosition(t))&Node.DOCUMENT_POSITION_FOLLOWING?1:t&Node.DOCUMENT_POSITION_PRECEDING?-1:0})),t.u.M.rules=e.map((function(t){return da(t)}))}(this,e),Ns(this,this.i,this.u),t=0;t<e.length;t++)(n=this.g.getStyleForCustomStyle(e[t]))&&cs(n,this.u.R);this.O&&this.styleDocument()}this.g.enqueued=!1}}}},t.styleElement=function(t,e){if(ra){if(e){Ka(t)||Ja(t,new Ga(null));var n=Ka(t);n.K=n.K||{},Object.assign(n.K,e),js(this,t,n)}}else if(n=Ka(t)||Bs(t))if(t!==this.i&&(this.O=!0),e&&(n.K=n.K||{},Object.assign(n.K,e)),oa)js(this,t,n);else if(this.flush(),Ns(this,t,n),n.Ca&&n.Ca.length){var r;e=Sa(t).is;t:{if(r=Es.cache[e])for(var o=r.length-1;0<=o;o--){var i=r[o];e:{for(var a=n.Ca,s=0;s<a.length;s++){var c=a[s];if(i.P[c]!==n.R[c]){a=!1;break e}}a=!0}if(a){r=i;break t}}r=void 0}a=r?r.styleElement:null,o=n.L,(i=r&&r.L)||(i=e+"-"+(i=this.ea[e]=(this.ea[e]||0)+1)),n.L=i,i=n.L,s=ls,s=a?a.textContent||"":as(s,t,n.R,i);var l=(c=Ka(t)).g;l&&!ea&&l!==a&&(l._useCount--,0>=l._useCount&&l.parentNode&&l.parentNode.removeChild(l)),ea?c.g?(c.g.textContent=s,a=c.g):s&&(a=ma(s,i,t.shadowRoot,c.h)):a?a.parentNode||($a&&-1<s.indexOf("@media")&&(a.textContent=s),ba(a,null,c.h)):s&&(a=ma(s,i,null,c.h)),a&&(a._useCount=a._useCount||0,c.g!=a&&a._useCount++,c.g=a),i=a,ea||(a=n.L,c=s=t.getAttribute("class")||"",o&&(c=s.replace(new RegExp("\\s*x-scope\\s*"+o+"\\s*","g")," ")),s!==(c+=(c?" ":"")+"x-scope "+a)&&wa(t,c)),r||Es.store(e,n.R,i,n.L)}},t.styleDocument=function(t){this.styleSubtree(this.i,t)},t.styleSubtree=function(t,e){var n=Ca(t),r=n.shadowRoot,o=t===this.i;if((r||o)&&this.styleElement(t,e),t=o?n:r)for(t=Array.from(t.querySelectorAll("*")).filter((function(t){return Ca(t).shadowRoot})),e=0;e<t.length;e++)this.styleSubtree(t[e])},t.Qa=function(t){var e=this,n=ka(t);if(n!==this.u.cssBuild&&(this.u.cssBuild=n),!Ea(n)){var r=da(t);ya(r,(function(t){if(ea)qa(t);else{var r=Za;t.selector=t.parsedSelector,qa(t),t.selector=t.G=La(r,t,r.i,void 0,void 0)}oa&&""===n&&(Ps(e),e.h&&e.h.transformRule(t))})),oa?t.textContent=pa(r):this.u.M.rules.push(r)}},t.getComputedStyleValue=function(t,e){var n;return oa||(n=(Ka(t)||Ka(Ts(this,t))).R[e]),(n=n||window.getComputedStyle(t).getPropertyValue(e))?n.trim():""},t.pb=function(t,e){var n=Ca(t).getRootNode();if(e=e?("string"==typeof e?e:String(e)).split(/\s/):[],!(n=n.host&&n.host.localName)){var r=t.getAttribute("class");if(r){r=r.split(/\s/);for(var o=0;o<r.length;o++)if(r[o]===Za.g){n=r[o+1];break}}}n&&e.push(Za.g,n),oa||(n=Ka(t))&&n.L&&e.push(ls.g,n.L),wa(t,e.join(" "))},t.Xa=function(t){return Ka(t)},t.ob=function(t,e){Pa(t,e)},t.rb=function(t,e){Pa(t,e,!0)},t.nb=function(t){return vs(t)},t.$a=function(t){return ms(t)},Os.prototype.flush=Os.prototype.flush,Os.prototype.prepareTemplate=Os.prototype.prepareTemplate,Os.prototype.styleElement=Os.prototype.styleElement,Os.prototype.styleDocument=Os.prototype.styleDocument,Os.prototype.styleSubtree=Os.prototype.styleSubtree,Os.prototype.getComputedStyleValue=Os.prototype.getComputedStyleValue,Os.prototype.setElementClass=Os.prototype.pb,Os.prototype._styleInfoForNode=Os.prototype.Xa,Os.prototype.transformCustomStyleForDocument=Os.prototype.Qa,Os.prototype.getStyleAst=Os.prototype.bb,Os.prototype.styleAstToString=Os.prototype.qb,Os.prototype.flushCustomStyles=Os.prototype.flushCustomStyles,Os.prototype.scopeNode=Os.prototype.ob,Os.prototype.unscopeNode=Os.prototype.rb,Os.prototype.scopeForNode=Os.prototype.nb,Os.prototype.currentScopeForNode=Os.prototype.$a,Os.prototype.prepareAdoptedCssText=Os.prototype.kb,Object.defineProperties(Os.prototype,{nativeShadow:{get:function(){return ea}},nativeCss:{get:function(){return oa}}});var Ms,Ls,Rs=new Os;window.ShadyCSS&&(Ms=window.ShadyCSS.ApplyShim,Ls=window.ShadyCSS.CustomStyleInterface),window.ShadyCSS={ScopingShim:Rs,prepareTemplate:function(t,e,n){Rs.flushCustomStyles(),Rs.prepareTemplate(t,e,n)},prepareTemplateDom:function(t,e){Rs.prepareTemplateDom(t,e)},prepareTemplateStyles:function(t,e,n){Rs.flushCustomStyles(),Rs.prepareTemplateStyles(t,e,n)},styleSubtree:function(t,e){Rs.flushCustomStyles(),Rs.styleSubtree(t,e)},styleElement:function(t){Rs.flushCustomStyles(),Rs.styleElement(t)},styleDocument:function(t){Rs.flushCustomStyles(),Rs.styleDocument(t)},flushCustomStyles:function(){Rs.flushCustomStyles()},getComputedStyleValue:function(t,e){return Rs.getComputedStyleValue(t,e)},nativeCss:oa,nativeShadow:ea,cssBuild:Hi,disableRuntime:ra},Ms&&(window.ShadyCSS.ApplyShim=Ms),Ls&&(window.ShadyCSS.CustomStyleInterface=Ls),function(t){function e(t){return""==t&&(i.call(this),this.m=!0),t.toLowerCase()}function n(t){var e=t.charCodeAt(0);return 32<e&&127>e&&-1==[34,35,60,62,63,96].indexOf(e)?t:encodeURIComponent(t)}function r(t){var e=t.charCodeAt(0);return 32<e&&127>e&&-1==[34,35,60,62,96].indexOf(e)?t:encodeURIComponent(t)}function o(t,o,a){function s(t){v.push(t)}var c=o||"scheme start",d=0,h="",y=!1,m=!1,v=[];t:for(;(null!=t[d-1]||0==d)&&!this.m;){var g=t[d];switch(c){case"scheme start":if(!g||!f.test(g)){if(o){s("Invalid scheme.");break t}h="",c="no scheme";continue}h+=g.toLowerCase(),c="scheme";break;case"scheme":if(g&&p.test(g))h+=g.toLowerCase();else{if(":"!=g){if(o){null!=g&&s("Code point not allowed in scheme: "+g);break t}h="",d=0,c="no scheme";continue}if(this.l=h,h="",o)break t;void 0!==l[this.l]&&(this.H=!0),c="file"==this.l?"relative":this.H&&a&&a.l==this.l?"relative or authority":this.H?"authority first slash":"scheme data"}break;case"scheme data":"?"==g?(this.A="?",c="query"):"#"==g?(this.C="#",c="fragment"):null!=g&&"\t"!=g&&"\n"!=g&&"\r"!=g&&(this.ya+=n(g));break;case"no scheme":if(a&&void 0!==l[a.l]){c="relative";continue}s("Missing scheme."),i.call(this),this.m=!0;break;case"relative or authority":if("/"!=g||"/"!=t[d+1]){s("Expected /, got: "+g),c="relative";continue}c="authority ignore slashes";break;case"relative":if(this.H=!0,"file"!=this.l&&(this.l=a.l),null==g){this.o=a.o,this.v=a.v,this.s=a.s.slice(),this.A=a.A,this.B=a.B,this.j=a.j;break t}if("/"==g||"\\"==g)"\\"==g&&s("\\ is an invalid code point."),c="relative slash";else if("?"==g)this.o=a.o,this.v=a.v,this.s=a.s.slice(),this.A="?",this.B=a.B,this.j=a.j,c="query";else{if("#"!=g){c=t[d+1];var b=t[d+2];("file"!=this.l||!f.test(g)||":"!=c&&"|"!=c||null!=b&&"/"!=b&&"\\"!=b&&"?"!=b&&"#"!=b)&&(this.o=a.o,this.v=a.v,this.B=a.B,this.j=a.j,this.s=a.s.slice(),this.s.pop()),c="relative path";continue}this.o=a.o,this.v=a.v,this.s=a.s.slice(),this.A=a.A,this.C="#",this.B=a.B,this.j=a.j,c="fragment"}break;case"relative slash":if("/"!=g&&"\\"!=g){"file"!=this.l&&(this.o=a.o,this.v=a.v,this.B=a.B,this.j=a.j),c="relative path";continue}"\\"==g&&s("\\ is an invalid code point."),c="file"==this.l?"file host":"authority ignore slashes";break;case"authority first slash":if("/"!=g){s("Expected '/', got: "+g),c="authority ignore slashes";continue}c="authority second slash";break;case"authority second slash":if(c="authority ignore slashes","/"!=g){s("Expected '/', got: "+g);continue}break;case"authority ignore slashes":if("/"!=g&&"\\"!=g){c="authority";continue}s("Expected authority, got: "+g);break;case"authority":if("@"==g){for(y&&(s("@ already seen."),h+="%40"),y=!0,g=0;g<h.length;g++)"\t"==(b=h[g])||"\n"==b||"\r"==b?s("Invalid whitespace in authority."):":"==b&&null===this.j?this.j="":(b=n(b),null!==this.j?this.j+=b:this.B+=b);h=""}else{if(null==g||"/"==g||"\\"==g||"?"==g||"#"==g){d-=h.length,h="",c="host";continue}h+=g}break;case"file host":if(null==g||"/"==g||"\\"==g||"?"==g||"#"==g){2!=h.length||!f.test(h[0])||":"!=h[1]&&"|"!=h[1]?(0!=h.length&&(this.o=e.call(this,h),h=""),c="relative path start"):c="relative path";continue}"\t"==g||"\n"==g||"\r"==g?s("Invalid whitespace in file host."):h+=g;break;case"host":case"hostname":if(":"!=g||m){if(null==g||"/"==g||"\\"==g||"?"==g||"#"==g){if(this.o=e.call(this,h),h="",c="relative path start",o)break t;continue}"\t"!=g&&"\n"!=g&&"\r"!=g?("["==g?m=!0:"]"==g&&(m=!1),h+=g):s("Invalid code point in host/hostname: "+g)}else if(this.o=e.call(this,h),h="",c="port","hostname"==o)break t;break;case"port":if(/[0-9]/.test(g))h+=g;else{if(null==g||"/"==g||"\\"==g||"?"==g||"#"==g||o){if(""!=h&&((h=parseInt(h,10))!=l[this.l]&&(this.v=h+""),h=""),o)break t;c="relative path start";continue}"\t"==g||"\n"==g||"\r"==g?s("Invalid code point in port: "+g):(i.call(this),this.m=!0)}break;case"relative path start":if("\\"==g&&s("'\\' not allowed in path."),c="relative path","/"!=g&&"\\"!=g)continue;break;case"relative path":null!=g&&"/"!=g&&"\\"!=g&&(o||"?"!=g&&"#"!=g)?"\t"!=g&&"\n"!=g&&"\r"!=g&&(h+=n(g)):("\\"==g&&s("\\ not allowed in relative path."),(b=u[h.toLowerCase()])&&(h=b),".."==h?(this.s.pop(),"/"!=g&&"\\"!=g&&this.s.push("")):"."==h&&"/"!=g&&"\\"!=g?this.s.push(""):"."!=h&&("file"==this.l&&0==this.s.length&&2==h.length&&f.test(h[0])&&"|"==h[1]&&(h=h[0]+":"),this.s.push(h)),h="","?"==g?(this.A="?",c="query"):"#"==g&&(this.C="#",c="fragment"));break;case"query":o||"#"!=g?null!=g&&"\t"!=g&&"\n"!=g&&"\r"!=g&&(this.A+=r(g)):(this.C="#",c="fragment");break;case"fragment":null!=g&&"\t"!=g&&"\n"!=g&&"\r"!=g&&(this.C+=g)}d++}}function i(){this.B=this.ya=this.l="",this.j=null,this.v=this.o="",this.s=[],this.C=this.A="",this.H=this.m=!1}function a(t,e){void 0===e||e instanceof a||(e=new a(String(e))),this.g=t,i.call(this),o.call(this,this.g.replace(/^[ \t\r\n\f]+|[ \t\r\n\f]+$/g,""),null,e)}var s=!1;try{var c=new URL("b","http://a");c.pathname="c%20d",s="http://a/c%20d"===c.href}catch(h){}if(!s){var l=Object.create(null);l.ftp=21,l.file=0,l.gopher=70,l.http=80,l.https=443,l.ws=80,l.wss=443;var u=Object.create(null);u["%2e"]=".",u[".%2e"]="..",u["%2e."]="..",u["%2e%2e"]="..";var f=/[a-zA-Z]/,p=/[a-zA-Z0-9+\-.]/;a.prototype={toString:function(){return this.href},get href(){if(this.m)return this.g;var t="";return""==this.B&&null==this.j||(t=this.B+(null!=this.j?":"+this.j:"")+"@"),this.protocol+(this.H?"//"+t+this.host:"")+this.pathname+this.A+this.C},set href(t){i.call(this),o.call(this,t)},get protocol(){return this.l+":"},set protocol(t){this.m||o.call(this,t+":","scheme start")},get host(){return this.m?"":this.v?this.o+":"+this.v:this.o},set host(t){!this.m&&this.H&&o.call(this,t,"host")},get hostname(){return this.o},set hostname(t){!this.m&&this.H&&o.call(this,t,"hostname")},get port(){return this.v},set port(t){!this.m&&this.H&&o.call(this,t,"port")},get pathname(){return this.m?"":this.H?"/"+this.s.join("/"):this.ya},set pathname(t){!this.m&&this.H&&(this.s=[],o.call(this,t,"relative path start"))},get search(){return this.m||!this.A||"?"==this.A?"":this.A},set search(t){!this.m&&this.H&&(this.A="?","?"==t[0]&&(t=t.slice(1)),o.call(this,t,"query"))},get hash(){return this.m||!this.C||"#"==this.C?"":this.C},set hash(t){this.m||(t?(this.C="#","#"==t[0]&&(t=t.slice(1)),o.call(this,t,"fragment")):this.C="")},get origin(){var t;if(this.m||!this.l)return"";switch(this.l){case"data":case"file":case"javascript":case"mailto":return"null"}return(t=this.host)?this.l+"://"+t:""}};var d=t.URL;d&&(a.createObjectURL=function(t){return d.createObjectURL.apply(d,arguments)},a.revokeObjectURL=function(t){d.revokeObjectURL(t)}),t.URL=a}}(window);var Ds=window.customElements,qs=!1,Is=null;function Us(){window.HTMLTemplateElement.bootstrap&&window.HTMLTemplateElement.bootstrap(window.document),Is&&Is(),qs=!0,window.WebComponents.ready=!0,document.dispatchEvent(new CustomEvent("WebComponentsReady",{bubbles:!0}))}Ds.polyfillWrapFlushCallback&&Ds.polyfillWrapFlushCallback((function(t){Is=t,qs&&t()})),"complete"!==document.readyState?(window.addEventListener("load",Us),window.addEventListener("DOMContentLoaded",(function(){window.removeEventListener("load",Us),Us()}))):Us()}).call(this)},function(t,e,n){var r=n(29),o=n(51),i=n(96),a=n(99),s=n(229),c="prototype",l=function t(e,n,l){var u,f,p,d,h=e&t.F,y=e&t.G,m=e&t.P,v=e&t.B,g=y?r:e&t.S?r[n]||(r[n]={}):(r[n]||{})[c],b=y?o:o[n]||(o[n]={}),_=b[c]||(b[c]={});for(u in y&&(l=n),l)p=((f=!h&&g&&void 0!==g[u])?g:l)[u],d=v&&f?s(p,r):m&&"function"==typeof p?s(Function.call,p):p,g&&a(g,u,p,e&t.U),b[u]!=p&&i(b,u,d),m&&_[u]!=p&&(_[u]=p)};r.core=o,l.F=1,l.G=2,l.S=4,l.P=8,l.B=16,l.W=32,l.U=64,l.R=128,t.exports=l},function(t,e,n){t.exports=n(77)("native-function-to-string",Function.toString)},function(t,e,n){var r=n(230);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},function(t){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e,n){function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var o=n(54)("meta"),i=n(53),a=n(37),s=n(52).f,c=0,l=Object.isExtensible||function(){return!0},u=!n(75)((function(){return l(Object.preventExtensions({}))})),f=function(t){s(t,o,{value:{i:"O"+ ++c,w:{}}})},p=t.exports={KEY:o,NEED:!1,fastKey:function(t,e){if(!i(t))return"symbol"==r(t)?t:("string"==typeof t?"S":"P")+t;if(!a(t,o)){if(!l(t))return"F";if(!e)return"E";f(t)}return t[o].i},getWeak:function(t,e){if(!a(t,o)){if(!l(t))return!0;if(!e)return!1;f(t)}return t[o].w},onFreeze:function(t){return u&&p.NEED&&l(t)&&!a(t,o)&&f(t),t}}},function(t,e,n){var r=n(52).f,o=n(37),i=n(55)("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,i)&&r(t,i,{configurable:!0,value:e})}},function(t,e,n){e.f=n(55)},function(t,e,n){var r=n(29),o=n(51),i=n(100),a=n(233),s=n(52).f;t.exports=function(t){var e=o.Symbol||(o.Symbol=i?{}:r.Symbol||{});"_"==t.charAt(0)||t in e||s(e,t,{value:a.f(t)})}},function(t,e,n){var r=n(101),o=n(240),i=n(154);t.exports=function(t){var e=r(t),n=o.f;if(n)for(var a,s=n(t),c=i.f,l=0;s.length>l;)c.call(t,a=s[l++])&&e.push(a);return e}},function(t,e,n){var r=n(102);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},function(t,e,n){var r=n(56),o=n(238),i=n(239);t.exports=function(t){return function(e,n,a){var s,c=r(e),l=o(c.length),u=i(a,l);if(t&&n!=n){for(;l>u;)if((s=c[u++])!=s)return!0}else for(;l>u;u++)if((t||u in c)&&c[u]===n)return t||u||0;return!t&&-1}}},function(t,e,n){var r=n(152),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},function(t,e,n){var r=n(152),o=Math.max,i=Math.min;t.exports=function(t,e){return(t=r(t))<0?o(t+e,0):i(t,e)}},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,n){var r=n(102);t.exports=Array.isArray||function(t){return"Array"==r(t)}},function(t,e,n){var r=n(151);t.exports=function(t){return Object(r(t))}},function(t,e,n){var r=n(76),o=n(244),i=n(103),a=n(153)("IE_PROTO"),s=function(){},c="prototype",l=function(){var t,e=n(149)("iframe"),r=i.length;for(e.style.display="none",n(245).appendChild(e),e.src="javascript:",(t=e.contentWindow.document).open(),t.write("<script>document.F=Object<\/script>"),t.close(),l=t.F;r--;)delete l[c][i[r]];return l()};t.exports=Object.create||function(t,e){var n;return null!==t?(s[c]=r(t),n=new s,s[c]=null,n[a]=t):n=l(),void 0===e?n:o(n,e)}},function(t,e,n){var r=n(52),o=n(76),i=n(101);t.exports=n(38)?Object.defineProperties:function(t,e){o(t);for(var n,a=i(e),s=a.length,c=0;s>c;)r.f(t,n=a[c++],e[n]);return t}},function(t,e,n){var r=n(29).document;t.exports=r&&r.documentElement},function(t,e,n){var r=n(150),o=n(103).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},function(t,e,n){var r=n(102),o=n(55)("toStringTag"),i="Arguments"==r(function(){return arguments}());t.exports=function(t){var e,n,a;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,e){try{return t[e]}catch(n){}}(e=Object(t),o))?n:i?r(e):"Object"==(a=r(e))&&"function"==typeof e.callee?"Arguments":a}},function(t,e,n){var r=n(350);t.exports=function(t){if(t>=55296&&t<=57343||t>1114111)return"�";t in r&&(t=r[t]);var e="";t>65535&&(t-=65536,e+=String.fromCharCode(t>>>10&1023|55296),t=56320|1023&t);return e+=String.fromCharCode(t)}},function(t){"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}var n,r="object"===("undefined"==typeof Reflect?"undefined":e(Reflect))?Reflect:null,o=r&&"function"==typeof r.apply?r.apply:function(t,e,n){return Function.prototype.apply.call(t,e,n)};n=r&&"function"==typeof r.ownKeys?r.ownKeys:Object.getOwnPropertySymbols?function(t){return Object.getOwnPropertyNames(t).concat(Object.getOwnPropertySymbols(t))}:function(t){return Object.getOwnPropertyNames(t)};var i=Number.isNaN||function(t){return t!=t};function a(){a.init.call(this)}t.exports=a,t.exports.once=function(t,e){return new Promise((function(n,r){function o(n){t.removeListener(e,i),r(n)}function i(){"function"==typeof t.removeListener&&t.removeListener("error",o),n([].slice.call(arguments))}m(t,e,i,{once:!0}),"error"!==e&&function(t,e,n){"function"==typeof t.on&&m(t,"error",e,n)}(t,o,{once:!0})}))},a.EventEmitter=a,a.prototype._events=void 0,a.prototype._eventsCount=0,a.prototype._maxListeners=void 0;var s=10;function c(t){if("function"!=typeof t)throw new TypeError('The "listener" argument must be of type Function. Received type '+e(t))}function l(t){return void 0===t._maxListeners?a.defaultMaxListeners:t._maxListeners}function u(t,e,n,r){var o,i,a,s;if(c(n),void 0===(i=t._events)?(i=t._events=Object.create(null),t._eventsCount=0):(void 0!==i.newListener&&(t.emit("newListener",e,n.listener?n.listener:n),i=t._events),a=i[e]),void 0===a)a=i[e]=n,++t._eventsCount;else if("function"==typeof a?a=i[e]=r?[n,a]:[a,n]:r?a.unshift(n):a.push(n),(o=l(t))>0&&a.length>o&&!a.warned){a.warned=!0;var u=new Error("Possible EventEmitter memory leak detected. "+a.length+" "+String(e)+" listeners added. Use emitter.setMaxListeners() to increase limit");u.name="MaxListenersExceededWarning",u.emitter=t,u.type=e,u.count=a.length,s=u,console&&console.warn&&console.warn(s)}return t}function f(){if(!this.fired)return this.target.removeListener(this.type,this.wrapFn),this.fired=!0,0===arguments.length?this.listener.call(this.target):this.listener.apply(this.target,arguments)}function p(t,e,n){var r={fired:!1,wrapFn:void 0,target:t,type:e,listener:n},o=f.bind(r);return o.listener=n,r.wrapFn=o,o}function d(t,e,n){var r=t._events;if(void 0===r)return[];var o=r[e];return void 0===o?[]:"function"==typeof o?n?[o.listener||o]:[o]:n?function(t){for(var e=new Array(t.length),n=0;n<e.length;++n)e[n]=t[n].listener||t[n];return e}(o):y(o,o.length)}function h(t){var e=this._events;if(void 0!==e){var n=e[t];if("function"==typeof n)return 1;if(void 0!==n)return n.length}return 0}function y(t,e){for(var n=new Array(e),r=0;r<e;++r)n[r]=t[r];return n}function m(t,n,r,o){if("function"==typeof t.on)o.once?t.once(n,r):t.on(n,r);else{if("function"!=typeof t.addEventListener)throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type '+e(t));t.addEventListener(n,(function e(i){o.once&&t.removeEventListener(n,e),r(i)}))}}Object.defineProperty(a,"defaultMaxListeners",{enumerable:!0,get:function(){return s},set:function(t){if("number"!=typeof t||t<0||i(t))throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received '+t+".");s=t}}),a.init=function(){void 0!==this._events&&this._events!==Object.getPrototypeOf(this)._events||(this._events=Object.create(null),this._eventsCount=0),this._maxListeners=this._maxListeners||void 0},a.prototype.setMaxListeners=function(t){if("number"!=typeof t||t<0||i(t))throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received '+t+".");return this._maxListeners=t,this},a.prototype.getMaxListeners=function(){return l(this)},a.prototype.emit=function(t){for(var e=[],n=1;n<arguments.length;n++)e.push(arguments[n]);var r="error"===t,i=this._events;if(void 0!==i)r=r&&void 0===i.error;else if(!r)return!1;if(r){var a;if(e.length>0&&(a=e[0]),a instanceof Error)throw a;var s=new Error("Unhandled error."+(a?" ("+a.message+")":""));throw s.context=a,s}var c=i[t];if(void 0===c)return!1;if("function"==typeof c)o(c,this,e);else{var l=c.length,u=y(c,l);for(n=0;n<l;++n)o(u[n],this,e)}return!0},a.prototype.addListener=function(t,e){return u(this,t,e,!1)},a.prototype.on=a.prototype.addListener,a.prototype.prependListener=function(t,e){return u(this,t,e,!0)},a.prototype.once=function(t,e){return c(e),this.on(t,p(this,t,e)),this},a.prototype.prependOnceListener=function(t,e){return c(e),this.prependListener(t,p(this,t,e)),this},a.prototype.removeListener=function(t,e){var n,r,o,i,a;if(c(e),void 0===(r=this._events))return this;if(void 0===(n=r[t]))return this;if(n===e||n.listener===e)0==--this._eventsCount?this._events=Object.create(null):(delete r[t],r.removeListener&&this.emit("removeListener",t,n.listener||e));else if("function"!=typeof n){for(o=-1,i=n.length-1;i>=0;i--)if(n[i]===e||n[i].listener===e){a=n[i].listener,o=i;break}if(o<0)return this;0===o?n.shift():function(t,e){for(;e+1<t.length;e++)t[e]=t[e+1];t.pop()}(n,o),1===n.length&&(r[t]=n[0]),void 0!==r.removeListener&&this.emit("removeListener",t,a||e)}return this},a.prototype.off=a.prototype.removeListener,a.prototype.removeAllListeners=function(t){var e,n,r;if(void 0===(n=this._events))return this;if(void 0===n.removeListener)return 0===arguments.length?(this._events=Object.create(null),this._eventsCount=0):void 0!==n[t]&&(0==--this._eventsCount?this._events=Object.create(null):delete n[t]),this;if(0===arguments.length){var o,i=Object.keys(n);for(r=0;r<i.length;++r)"removeListener"!==(o=i[r])&&this.removeAllListeners(o);return this.removeAllListeners("removeListener"),this._events=Object.create(null),this._eventsCount=0,this}if("function"==typeof(e=n[t]))this.removeListener(t,e);else if(void 0!==e)for(r=e.length-1;r>=0;r--)this.removeListener(t,e[r]);return this},a.prototype.listeners=function(t){return d(this,t,!0)},a.prototype.rawListeners=function(t){return d(this,t,!1)},a.listenerCount=function(t,e){return"function"==typeof t.listenerCount?t.listenerCount(e):h.call(t,e)},a.prototype.listenerCount=h,a.prototype.eventNames=function(){return this._eventsCount>0?n(this._events):[]}},function(t,e,n){var r=n(159),o=t.exports=Object.create(r),i={tagName:"name"};Object.keys(i).forEach((function(t){var e=i[t];Object.defineProperty(o,t,{get:function(){return this[e]||null},set:function(t){return this[e]=t,t}})}))},function(t,e,n){var r=n(59),o=n(252),i=r.isTag;t.exports={getInnerHTML:function(t,e){return t.children?t.children.map((function(t){return o(t,e)})).join(""):""},getOuterHTML:o,getText:function t(e){return Array.isArray(e)?e.map(t).join(""):i(e)?"br"===e.name?"\n":t(e.children):e.type===r.CDATA?t(e.children):e.type===r.Text?e.data:""}}},function(t,e,n){var r=n(253),o=n(354),i=n(357);i.elementNames.__proto__=null,i.attributeNames.__proto__=null;var a={__proto__:null,style:!0,script:!0,xmp:!0,iframe:!0,noembed:!0,noframes:!0,plaintext:!0,noscript:!0};var s={__proto__:null,area:!0,base:!0,basefont:!0,br:!0,col:!0,command:!0,embed:!0,frame:!0,hr:!0,img:!0,input:!0,isindex:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0},c=t.exports=function(t,e){Array.isArray(t)||t.cheerio||(t=[t]),e=e||{};for(var n="",o=0;o<t.length;o++){var i=t[o];"root"===i.type?n+=c(i.children,e):r.isTag(i)?n+=u(i,e):i.type===r.Directive?n+=f(i):i.type===r.Comment?n+=h(i):i.type===r.CDATA?n+=d(i):n+=p(i,e)}return n},l=["mi","mo","mn","ms","mtext","annotation-xml","foreignObject","desc","title"];function u(t,e){"foreign"===e.xmlMode&&(t.name=i.elementNames[t.name]||t.name,t.parent&&l.indexOf(t.parent.name)>=0&&(e=Object.assign({},e,{xmlMode:!1}))),!e.xmlMode&&["svg","math"].indexOf(t.name)>=0&&(e=Object.assign({},e,{xmlMode:"foreign"}));var n="<"+t.name,r=function(t,e){if(t){var n,r="";for(var a in t)n=t[a],r&&(r+=" "),"foreign"===e.xmlMode&&(a=i.attributeNames[a]||a),r+=a,(null!==n&&""!==n||e.xmlMode)&&(r+='="'+(e.decodeEntities?o.encodeXML(n):n.replace(/\"/g,"&quot;"))+'"');return r}}(t.attribs,e);return r&&(n+=" "+r),!e.xmlMode||t.children&&0!==t.children.length?(n+=">",t.children&&(n+=c(t.children,e)),s[t.name]&&!e.xmlMode||(n+="</"+t.name+">")):n+="/>",n}function f(t){return"<"+t.data+">"}function p(t,e){var n=t.data||"";return!e.decodeEntities||t.parent&&t.parent.name in a||(n=o.encodeXML(n)),n}function d(t){return"<![CDATA["+t.children[0].data+"]]>"}function h(t){return"\x3c!--"+t.data+"--\x3e"}},function(t,e){"use strict";var n;Object.defineProperty(e,"__esModule",{value:!0}),e.Doctype=e.CDATA=e.Tag=e.Style=e.Script=e.Comment=e.Directive=e.Text=e.Root=e.isTag=e.ElementType=void 0,function(t){t.Root="root",t.Text="text",t.Directive="directive",t.Comment="comment",t.Script="script",t.Style="style",t.Tag="tag",t.CDATA="cdata",t.Doctype="doctype"}(n=e.ElementType||(e.ElementType={})),e.isTag=function(t){return t.type===n.Tag||t.type===n.Script||t.type===n.Style},e.Root=n.Root,e.Text=n.Text,e.Directive=n.Directive,e.Comment=n.Comment,e.Script=n.Script,e.Style=n.Style,e.Tag=n.Tag,e.CDATA=n.CDATA,e.Doctype=n.Doctype},function(t){"use strict";t.exports=JSON.parse('{"Aacute":"Á","aacute":"á","Abreve":"Ă","abreve":"ă","ac":"∾","acd":"∿","acE":"∾̳","Acirc":"Â","acirc":"â","acute":"´","Acy":"А","acy":"а","AElig":"Æ","aelig":"æ","af":"⁡","Afr":"𝔄","afr":"𝔞","Agrave":"À","agrave":"à","alefsym":"ℵ","aleph":"ℵ","Alpha":"Α","alpha":"α","Amacr":"Ā","amacr":"ā","amalg":"⨿","amp":"&","AMP":"&","andand":"⩕","And":"⩓","and":"∧","andd":"⩜","andslope":"⩘","andv":"⩚","ang":"∠","ange":"⦤","angle":"∠","angmsdaa":"⦨","angmsdab":"⦩","angmsdac":"⦪","angmsdad":"⦫","angmsdae":"⦬","angmsdaf":"⦭","angmsdag":"⦮","angmsdah":"⦯","angmsd":"∡","angrt":"∟","angrtvb":"⊾","angrtvbd":"⦝","angsph":"∢","angst":"Å","angzarr":"⍼","Aogon":"Ą","aogon":"ą","Aopf":"𝔸","aopf":"𝕒","apacir":"⩯","ap":"≈","apE":"⩰","ape":"≊","apid":"≋","apos":"\'","ApplyFunction":"⁡","approx":"≈","approxeq":"≊","Aring":"Å","aring":"å","Ascr":"𝒜","ascr":"𝒶","Assign":"≔","ast":"*","asymp":"≈","asympeq":"≍","Atilde":"Ã","atilde":"ã","Auml":"Ä","auml":"ä","awconint":"∳","awint":"⨑","backcong":"≌","backepsilon":"϶","backprime":"‵","backsim":"∽","backsimeq":"⋍","Backslash":"∖","Barv":"⫧","barvee":"⊽","barwed":"⌅","Barwed":"⌆","barwedge":"⌅","bbrk":"⎵","bbrktbrk":"⎶","bcong":"≌","Bcy":"Б","bcy":"б","bdquo":"„","becaus":"∵","because":"∵","Because":"∵","bemptyv":"⦰","bepsi":"϶","bernou":"ℬ","Bernoullis":"ℬ","Beta":"Β","beta":"β","beth":"ℶ","between":"≬","Bfr":"𝔅","bfr":"𝔟","bigcap":"⋂","bigcirc":"◯","bigcup":"⋃","bigodot":"⨀","bigoplus":"⨁","bigotimes":"⨂","bigsqcup":"⨆","bigstar":"★","bigtriangledown":"▽","bigtriangleup":"△","biguplus":"⨄","bigvee":"⋁","bigwedge":"⋀","bkarow":"⤍","blacklozenge":"⧫","blacksquare":"▪","blacktriangle":"▴","blacktriangledown":"▾","blacktriangleleft":"◂","blacktriangleright":"▸","blank":"␣","blk12":"▒","blk14":"░","blk34":"▓","block":"█","bne":"=⃥","bnequiv":"≡⃥","bNot":"⫭","bnot":"⌐","Bopf":"𝔹","bopf":"𝕓","bot":"⊥","bottom":"⊥","bowtie":"⋈","boxbox":"⧉","boxdl":"┐","boxdL":"╕","boxDl":"╖","boxDL":"╗","boxdr":"┌","boxdR":"╒","boxDr":"╓","boxDR":"╔","boxh":"─","boxH":"═","boxhd":"┬","boxHd":"╤","boxhD":"╥","boxHD":"╦","boxhu":"┴","boxHu":"╧","boxhU":"╨","boxHU":"╩","boxminus":"⊟","boxplus":"⊞","boxtimes":"⊠","boxul":"┘","boxuL":"╛","boxUl":"╜","boxUL":"╝","boxur":"└","boxuR":"╘","boxUr":"╙","boxUR":"╚","boxv":"│","boxV":"║","boxvh":"┼","boxvH":"╪","boxVh":"╫","boxVH":"╬","boxvl":"┤","boxvL":"╡","boxVl":"╢","boxVL":"╣","boxvr":"├","boxvR":"╞","boxVr":"╟","boxVR":"╠","bprime":"‵","breve":"˘","Breve":"˘","brvbar":"¦","bscr":"𝒷","Bscr":"ℬ","bsemi":"⁏","bsim":"∽","bsime":"⋍","bsolb":"⧅","bsol":"\\\\","bsolhsub":"⟈","bull":"•","bullet":"•","bump":"≎","bumpE":"⪮","bumpe":"≏","Bumpeq":"≎","bumpeq":"≏","Cacute":"Ć","cacute":"ć","capand":"⩄","capbrcup":"⩉","capcap":"⩋","cap":"∩","Cap":"⋒","capcup":"⩇","capdot":"⩀","CapitalDifferentialD":"ⅅ","caps":"∩︀","caret":"⁁","caron":"ˇ","Cayleys":"ℭ","ccaps":"⩍","Ccaron":"Č","ccaron":"č","Ccedil":"Ç","ccedil":"ç","Ccirc":"Ĉ","ccirc":"ĉ","Cconint":"∰","ccups":"⩌","ccupssm":"⩐","Cdot":"Ċ","cdot":"ċ","cedil":"¸","Cedilla":"¸","cemptyv":"⦲","cent":"¢","centerdot":"·","CenterDot":"·","cfr":"𝔠","Cfr":"ℭ","CHcy":"Ч","chcy":"ч","check":"✓","checkmark":"✓","Chi":"Χ","chi":"χ","circ":"ˆ","circeq":"≗","circlearrowleft":"↺","circlearrowright":"↻","circledast":"⊛","circledcirc":"⊚","circleddash":"⊝","CircleDot":"⊙","circledR":"®","circledS":"Ⓢ","CircleMinus":"⊖","CirclePlus":"⊕","CircleTimes":"⊗","cir":"○","cirE":"⧃","cire":"≗","cirfnint":"⨐","cirmid":"⫯","cirscir":"⧂","ClockwiseContourIntegral":"∲","CloseCurlyDoubleQuote":"”","CloseCurlyQuote":"’","clubs":"♣","clubsuit":"♣","colon":":","Colon":"∷","Colone":"⩴","colone":"≔","coloneq":"≔","comma":",","commat":"@","comp":"∁","compfn":"∘","complement":"∁","complexes":"ℂ","cong":"≅","congdot":"⩭","Congruent":"≡","conint":"∮","Conint":"∯","ContourIntegral":"∮","copf":"𝕔","Copf":"ℂ","coprod":"∐","Coproduct":"∐","copy":"©","COPY":"©","copysr":"℗","CounterClockwiseContourIntegral":"∳","crarr":"↵","cross":"✗","Cross":"⨯","Cscr":"𝒞","cscr":"𝒸","csub":"⫏","csube":"⫑","csup":"⫐","csupe":"⫒","ctdot":"⋯","cudarrl":"⤸","cudarrr":"⤵","cuepr":"⋞","cuesc":"⋟","cularr":"↶","cularrp":"⤽","cupbrcap":"⩈","cupcap":"⩆","CupCap":"≍","cup":"∪","Cup":"⋓","cupcup":"⩊","cupdot":"⊍","cupor":"⩅","cups":"∪︀","curarr":"↷","curarrm":"⤼","curlyeqprec":"⋞","curlyeqsucc":"⋟","curlyvee":"⋎","curlywedge":"⋏","curren":"¤","curvearrowleft":"↶","curvearrowright":"↷","cuvee":"⋎","cuwed":"⋏","cwconint":"∲","cwint":"∱","cylcty":"⌭","dagger":"†","Dagger":"‡","daleth":"ℸ","darr":"↓","Darr":"↡","dArr":"⇓","dash":"‐","Dashv":"⫤","dashv":"⊣","dbkarow":"⤏","dblac":"˝","Dcaron":"Ď","dcaron":"ď","Dcy":"Д","dcy":"д","ddagger":"‡","ddarr":"⇊","DD":"ⅅ","dd":"ⅆ","DDotrahd":"⤑","ddotseq":"⩷","deg":"°","Del":"∇","Delta":"Δ","delta":"δ","demptyv":"⦱","dfisht":"⥿","Dfr":"𝔇","dfr":"𝔡","dHar":"⥥","dharl":"⇃","dharr":"⇂","DiacriticalAcute":"´","DiacriticalDot":"˙","DiacriticalDoubleAcute":"˝","DiacriticalGrave":"`","DiacriticalTilde":"˜","diam":"⋄","diamond":"⋄","Diamond":"⋄","diamondsuit":"♦","diams":"♦","die":"¨","DifferentialD":"ⅆ","digamma":"ϝ","disin":"⋲","div":"÷","divide":"÷","divideontimes":"⋇","divonx":"⋇","DJcy":"Ђ","djcy":"ђ","dlcorn":"⌞","dlcrop":"⌍","dollar":"$","Dopf":"𝔻","dopf":"𝕕","Dot":"¨","dot":"˙","DotDot":"⃜","doteq":"≐","doteqdot":"≑","DotEqual":"≐","dotminus":"∸","dotplus":"∔","dotsquare":"⊡","doublebarwedge":"⌆","DoubleContourIntegral":"∯","DoubleDot":"¨","DoubleDownArrow":"⇓","DoubleLeftArrow":"⇐","DoubleLeftRightArrow":"⇔","DoubleLeftTee":"⫤","DoubleLongLeftArrow":"⟸","DoubleLongLeftRightArrow":"⟺","DoubleLongRightArrow":"⟹","DoubleRightArrow":"⇒","DoubleRightTee":"⊨","DoubleUpArrow":"⇑","DoubleUpDownArrow":"⇕","DoubleVerticalBar":"∥","DownArrowBar":"⤓","downarrow":"↓","DownArrow":"↓","Downarrow":"⇓","DownArrowUpArrow":"⇵","DownBreve":"̑","downdownarrows":"⇊","downharpoonleft":"⇃","downharpoonright":"⇂","DownLeftRightVector":"⥐","DownLeftTeeVector":"⥞","DownLeftVectorBar":"⥖","DownLeftVector":"↽","DownRightTeeVector":"⥟","DownRightVectorBar":"⥗","DownRightVector":"⇁","DownTeeArrow":"↧","DownTee":"⊤","drbkarow":"⤐","drcorn":"⌟","drcrop":"⌌","Dscr":"𝒟","dscr":"𝒹","DScy":"Ѕ","dscy":"ѕ","dsol":"⧶","Dstrok":"Đ","dstrok":"đ","dtdot":"⋱","dtri":"▿","dtrif":"▾","duarr":"⇵","duhar":"⥯","dwangle":"⦦","DZcy":"Џ","dzcy":"џ","dzigrarr":"⟿","Eacute":"É","eacute":"é","easter":"⩮","Ecaron":"Ě","ecaron":"ě","Ecirc":"Ê","ecirc":"ê","ecir":"≖","ecolon":"≕","Ecy":"Э","ecy":"э","eDDot":"⩷","Edot":"Ė","edot":"ė","eDot":"≑","ee":"ⅇ","efDot":"≒","Efr":"𝔈","efr":"𝔢","eg":"⪚","Egrave":"È","egrave":"è","egs":"⪖","egsdot":"⪘","el":"⪙","Element":"∈","elinters":"⏧","ell":"ℓ","els":"⪕","elsdot":"⪗","Emacr":"Ē","emacr":"ē","empty":"∅","emptyset":"∅","EmptySmallSquare":"◻","emptyv":"∅","EmptyVerySmallSquare":"▫","emsp13":" ","emsp14":" ","emsp":" ","ENG":"Ŋ","eng":"ŋ","ensp":" ","Eogon":"Ę","eogon":"ę","Eopf":"𝔼","eopf":"𝕖","epar":"⋕","eparsl":"⧣","eplus":"⩱","epsi":"ε","Epsilon":"Ε","epsilon":"ε","epsiv":"ϵ","eqcirc":"≖","eqcolon":"≕","eqsim":"≂","eqslantgtr":"⪖","eqslantless":"⪕","Equal":"⩵","equals":"=","EqualTilde":"≂","equest":"≟","Equilibrium":"⇌","equiv":"≡","equivDD":"⩸","eqvparsl":"⧥","erarr":"⥱","erDot":"≓","escr":"ℯ","Escr":"ℰ","esdot":"≐","Esim":"⩳","esim":"≂","Eta":"Η","eta":"η","ETH":"Ð","eth":"ð","Euml":"Ë","euml":"ë","euro":"€","excl":"!","exist":"∃","Exists":"∃","expectation":"ℰ","exponentiale":"ⅇ","ExponentialE":"ⅇ","fallingdotseq":"≒","Fcy":"Ф","fcy":"ф","female":"♀","ffilig":"ffi","fflig":"ff","ffllig":"ffl","Ffr":"𝔉","ffr":"𝔣","filig":"fi","FilledSmallSquare":"◼","FilledVerySmallSquare":"▪","fjlig":"fj","flat":"♭","fllig":"fl","fltns":"▱","fnof":"ƒ","Fopf":"𝔽","fopf":"𝕗","forall":"∀","ForAll":"∀","fork":"⋔","forkv":"⫙","Fouriertrf":"ℱ","fpartint":"⨍","frac12":"½","frac13":"⅓","frac14":"¼","frac15":"⅕","frac16":"⅙","frac18":"⅛","frac23":"⅔","frac25":"⅖","frac34":"¾","frac35":"⅗","frac38":"⅜","frac45":"⅘","frac56":"⅚","frac58":"⅝","frac78":"⅞","frasl":"⁄","frown":"⌢","fscr":"𝒻","Fscr":"ℱ","gacute":"ǵ","Gamma":"Γ","gamma":"γ","Gammad":"Ϝ","gammad":"ϝ","gap":"⪆","Gbreve":"Ğ","gbreve":"ğ","Gcedil":"Ģ","Gcirc":"Ĝ","gcirc":"ĝ","Gcy":"Г","gcy":"г","Gdot":"Ġ","gdot":"ġ","ge":"≥","gE":"≧","gEl":"⪌","gel":"⋛","geq":"≥","geqq":"≧","geqslant":"⩾","gescc":"⪩","ges":"⩾","gesdot":"⪀","gesdoto":"⪂","gesdotol":"⪄","gesl":"⋛︀","gesles":"⪔","Gfr":"𝔊","gfr":"𝔤","gg":"≫","Gg":"⋙","ggg":"⋙","gimel":"ℷ","GJcy":"Ѓ","gjcy":"ѓ","gla":"⪥","gl":"≷","glE":"⪒","glj":"⪤","gnap":"⪊","gnapprox":"⪊","gne":"⪈","gnE":"≩","gneq":"⪈","gneqq":"≩","gnsim":"⋧","Gopf":"𝔾","gopf":"𝕘","grave":"`","GreaterEqual":"≥","GreaterEqualLess":"⋛","GreaterFullEqual":"≧","GreaterGreater":"⪢","GreaterLess":"≷","GreaterSlantEqual":"⩾","GreaterTilde":"≳","Gscr":"𝒢","gscr":"ℊ","gsim":"≳","gsime":"⪎","gsiml":"⪐","gtcc":"⪧","gtcir":"⩺","gt":">","GT":">","Gt":"≫","gtdot":"⋗","gtlPar":"⦕","gtquest":"⩼","gtrapprox":"⪆","gtrarr":"⥸","gtrdot":"⋗","gtreqless":"⋛","gtreqqless":"⪌","gtrless":"≷","gtrsim":"≳","gvertneqq":"≩︀","gvnE":"≩︀","Hacek":"ˇ","hairsp":" ","half":"½","hamilt":"ℋ","HARDcy":"Ъ","hardcy":"ъ","harrcir":"⥈","harr":"↔","hArr":"⇔","harrw":"↭","Hat":"^","hbar":"ℏ","Hcirc":"Ĥ","hcirc":"ĥ","hearts":"♥","heartsuit":"♥","hellip":"…","hercon":"⊹","hfr":"𝔥","Hfr":"ℌ","HilbertSpace":"ℋ","hksearow":"⤥","hkswarow":"⤦","hoarr":"⇿","homtht":"∻","hookleftarrow":"↩","hookrightarrow":"↪","hopf":"𝕙","Hopf":"ℍ","horbar":"―","HorizontalLine":"─","hscr":"𝒽","Hscr":"ℋ","hslash":"ℏ","Hstrok":"Ħ","hstrok":"ħ","HumpDownHump":"≎","HumpEqual":"≏","hybull":"⁃","hyphen":"‐","Iacute":"Í","iacute":"í","ic":"⁣","Icirc":"Î","icirc":"î","Icy":"И","icy":"и","Idot":"İ","IEcy":"Е","iecy":"е","iexcl":"¡","iff":"⇔","ifr":"𝔦","Ifr":"ℑ","Igrave":"Ì","igrave":"ì","ii":"ⅈ","iiiint":"⨌","iiint":"∭","iinfin":"⧜","iiota":"℩","IJlig":"IJ","ijlig":"ij","Imacr":"Ī","imacr":"ī","image":"ℑ","ImaginaryI":"ⅈ","imagline":"ℐ","imagpart":"ℑ","imath":"ı","Im":"ℑ","imof":"⊷","imped":"Ƶ","Implies":"⇒","incare":"℅","in":"∈","infin":"∞","infintie":"⧝","inodot":"ı","intcal":"⊺","int":"∫","Int":"∬","integers":"ℤ","Integral":"∫","intercal":"⊺","Intersection":"⋂","intlarhk":"⨗","intprod":"⨼","InvisibleComma":"⁣","InvisibleTimes":"⁢","IOcy":"Ё","iocy":"ё","Iogon":"Į","iogon":"į","Iopf":"𝕀","iopf":"𝕚","Iota":"Ι","iota":"ι","iprod":"⨼","iquest":"¿","iscr":"𝒾","Iscr":"ℐ","isin":"∈","isindot":"⋵","isinE":"⋹","isins":"⋴","isinsv":"⋳","isinv":"∈","it":"⁢","Itilde":"Ĩ","itilde":"ĩ","Iukcy":"І","iukcy":"і","Iuml":"Ï","iuml":"ï","Jcirc":"Ĵ","jcirc":"ĵ","Jcy":"Й","jcy":"й","Jfr":"𝔍","jfr":"𝔧","jmath":"ȷ","Jopf":"𝕁","jopf":"𝕛","Jscr":"𝒥","jscr":"𝒿","Jsercy":"Ј","jsercy":"ј","Jukcy":"Є","jukcy":"є","Kappa":"Κ","kappa":"κ","kappav":"ϰ","Kcedil":"Ķ","kcedil":"ķ","Kcy":"К","kcy":"к","Kfr":"𝔎","kfr":"𝔨","kgreen":"ĸ","KHcy":"Х","khcy":"х","KJcy":"Ќ","kjcy":"ќ","Kopf":"𝕂","kopf":"𝕜","Kscr":"𝒦","kscr":"𝓀","lAarr":"⇚","Lacute":"Ĺ","lacute":"ĺ","laemptyv":"⦴","lagran":"ℒ","Lambda":"Λ","lambda":"λ","lang":"⟨","Lang":"⟪","langd":"⦑","langle":"⟨","lap":"⪅","Laplacetrf":"ℒ","laquo":"«","larrb":"⇤","larrbfs":"⤟","larr":"←","Larr":"↞","lArr":"⇐","larrfs":"⤝","larrhk":"↩","larrlp":"↫","larrpl":"⤹","larrsim":"⥳","larrtl":"↢","latail":"⤙","lAtail":"⤛","lat":"⪫","late":"⪭","lates":"⪭︀","lbarr":"⤌","lBarr":"⤎","lbbrk":"❲","lbrace":"{","lbrack":"[","lbrke":"⦋","lbrksld":"⦏","lbrkslu":"⦍","Lcaron":"Ľ","lcaron":"ľ","Lcedil":"Ļ","lcedil":"ļ","lceil":"⌈","lcub":"{","Lcy":"Л","lcy":"л","ldca":"⤶","ldquo":"“","ldquor":"„","ldrdhar":"⥧","ldrushar":"⥋","ldsh":"↲","le":"≤","lE":"≦","LeftAngleBracket":"⟨","LeftArrowBar":"⇤","leftarrow":"←","LeftArrow":"←","Leftarrow":"⇐","LeftArrowRightArrow":"⇆","leftarrowtail":"↢","LeftCeiling":"⌈","LeftDoubleBracket":"⟦","LeftDownTeeVector":"⥡","LeftDownVectorBar":"⥙","LeftDownVector":"⇃","LeftFloor":"⌊","leftharpoondown":"↽","leftharpoonup":"↼","leftleftarrows":"⇇","leftrightarrow":"↔","LeftRightArrow":"↔","Leftrightarrow":"⇔","leftrightarrows":"⇆","leftrightharpoons":"⇋","leftrightsquigarrow":"↭","LeftRightVector":"⥎","LeftTeeArrow":"↤","LeftTee":"⊣","LeftTeeVector":"⥚","leftthreetimes":"⋋","LeftTriangleBar":"⧏","LeftTriangle":"⊲","LeftTriangleEqual":"⊴","LeftUpDownVector":"⥑","LeftUpTeeVector":"⥠","LeftUpVectorBar":"⥘","LeftUpVector":"↿","LeftVectorBar":"⥒","LeftVector":"↼","lEg":"⪋","leg":"⋚","leq":"≤","leqq":"≦","leqslant":"⩽","lescc":"⪨","les":"⩽","lesdot":"⩿","lesdoto":"⪁","lesdotor":"⪃","lesg":"⋚︀","lesges":"⪓","lessapprox":"⪅","lessdot":"⋖","lesseqgtr":"⋚","lesseqqgtr":"⪋","LessEqualGreater":"⋚","LessFullEqual":"≦","LessGreater":"≶","lessgtr":"≶","LessLess":"⪡","lesssim":"≲","LessSlantEqual":"⩽","LessTilde":"≲","lfisht":"⥼","lfloor":"⌊","Lfr":"𝔏","lfr":"𝔩","lg":"≶","lgE":"⪑","lHar":"⥢","lhard":"↽","lharu":"↼","lharul":"⥪","lhblk":"▄","LJcy":"Љ","ljcy":"љ","llarr":"⇇","ll":"≪","Ll":"⋘","llcorner":"⌞","Lleftarrow":"⇚","llhard":"⥫","lltri":"◺","Lmidot":"Ŀ","lmidot":"ŀ","lmoustache":"⎰","lmoust":"⎰","lnap":"⪉","lnapprox":"⪉","lne":"⪇","lnE":"≨","lneq":"⪇","lneqq":"≨","lnsim":"⋦","loang":"⟬","loarr":"⇽","lobrk":"⟦","longleftarrow":"⟵","LongLeftArrow":"⟵","Longleftarrow":"⟸","longleftrightarrow":"⟷","LongLeftRightArrow":"⟷","Longleftrightarrow":"⟺","longmapsto":"⟼","longrightarrow":"⟶","LongRightArrow":"⟶","Longrightarrow":"⟹","looparrowleft":"↫","looparrowright":"↬","lopar":"⦅","Lopf":"𝕃","lopf":"𝕝","loplus":"⨭","lotimes":"⨴","lowast":"∗","lowbar":"_","LowerLeftArrow":"↙","LowerRightArrow":"↘","loz":"◊","lozenge":"◊","lozf":"⧫","lpar":"(","lparlt":"⦓","lrarr":"⇆","lrcorner":"⌟","lrhar":"⇋","lrhard":"⥭","lrm":"‎","lrtri":"⊿","lsaquo":"‹","lscr":"𝓁","Lscr":"ℒ","lsh":"↰","Lsh":"↰","lsim":"≲","lsime":"⪍","lsimg":"⪏","lsqb":"[","lsquo":"‘","lsquor":"‚","Lstrok":"Ł","lstrok":"ł","ltcc":"⪦","ltcir":"⩹","lt":"<","LT":"<","Lt":"≪","ltdot":"⋖","lthree":"⋋","ltimes":"⋉","ltlarr":"⥶","ltquest":"⩻","ltri":"◃","ltrie":"⊴","ltrif":"◂","ltrPar":"⦖","lurdshar":"⥊","luruhar":"⥦","lvertneqq":"≨︀","lvnE":"≨︀","macr":"¯","male":"♂","malt":"✠","maltese":"✠","Map":"⤅","map":"↦","mapsto":"↦","mapstodown":"↧","mapstoleft":"↤","mapstoup":"↥","marker":"▮","mcomma":"⨩","Mcy":"М","mcy":"м","mdash":"—","mDDot":"∺","measuredangle":"∡","MediumSpace":" ","Mellintrf":"ℳ","Mfr":"𝔐","mfr":"𝔪","mho":"℧","micro":"µ","midast":"*","midcir":"⫰","mid":"∣","middot":"·","minusb":"⊟","minus":"−","minusd":"∸","minusdu":"⨪","MinusPlus":"∓","mlcp":"⫛","mldr":"…","mnplus":"∓","models":"⊧","Mopf":"𝕄","mopf":"𝕞","mp":"∓","mscr":"𝓂","Mscr":"ℳ","mstpos":"∾","Mu":"Μ","mu":"μ","multimap":"⊸","mumap":"⊸","nabla":"∇","Nacute":"Ń","nacute":"ń","nang":"∠⃒","nap":"≉","napE":"⩰̸","napid":"≋̸","napos":"ʼn","napprox":"≉","natural":"♮","naturals":"ℕ","natur":"♮","nbsp":" ","nbump":"≎̸","nbumpe":"≏̸","ncap":"⩃","Ncaron":"Ň","ncaron":"ň","Ncedil":"Ņ","ncedil":"ņ","ncong":"≇","ncongdot":"⩭̸","ncup":"⩂","Ncy":"Н","ncy":"н","ndash":"–","nearhk":"⤤","nearr":"↗","neArr":"⇗","nearrow":"↗","ne":"≠","nedot":"≐̸","NegativeMediumSpace":"​","NegativeThickSpace":"​","NegativeThinSpace":"​","NegativeVeryThinSpace":"​","nequiv":"≢","nesear":"⤨","nesim":"≂̸","NestedGreaterGreater":"≫","NestedLessLess":"≪","NewLine":"\\n","nexist":"∄","nexists":"∄","Nfr":"𝔑","nfr":"𝔫","ngE":"≧̸","nge":"≱","ngeq":"≱","ngeqq":"≧̸","ngeqslant":"⩾̸","nges":"⩾̸","nGg":"⋙̸","ngsim":"≵","nGt":"≫⃒","ngt":"≯","ngtr":"≯","nGtv":"≫̸","nharr":"↮","nhArr":"⇎","nhpar":"⫲","ni":"∋","nis":"⋼","nisd":"⋺","niv":"∋","NJcy":"Њ","njcy":"њ","nlarr":"↚","nlArr":"⇍","nldr":"‥","nlE":"≦̸","nle":"≰","nleftarrow":"↚","nLeftarrow":"⇍","nleftrightarrow":"↮","nLeftrightarrow":"⇎","nleq":"≰","nleqq":"≦̸","nleqslant":"⩽̸","nles":"⩽̸","nless":"≮","nLl":"⋘̸","nlsim":"≴","nLt":"≪⃒","nlt":"≮","nltri":"⋪","nltrie":"⋬","nLtv":"≪̸","nmid":"∤","NoBreak":"⁠","NonBreakingSpace":" ","nopf":"𝕟","Nopf":"ℕ","Not":"⫬","not":"¬","NotCongruent":"≢","NotCupCap":"≭","NotDoubleVerticalBar":"∦","NotElement":"∉","NotEqual":"≠","NotEqualTilde":"≂̸","NotExists":"∄","NotGreater":"≯","NotGreaterEqual":"≱","NotGreaterFullEqual":"≧̸","NotGreaterGreater":"≫̸","NotGreaterLess":"≹","NotGreaterSlantEqual":"⩾̸","NotGreaterTilde":"≵","NotHumpDownHump":"≎̸","NotHumpEqual":"≏̸","notin":"∉","notindot":"⋵̸","notinE":"⋹̸","notinva":"∉","notinvb":"⋷","notinvc":"⋶","NotLeftTriangleBar":"⧏̸","NotLeftTriangle":"⋪","NotLeftTriangleEqual":"⋬","NotLess":"≮","NotLessEqual":"≰","NotLessGreater":"≸","NotLessLess":"≪̸","NotLessSlantEqual":"⩽̸","NotLessTilde":"≴","NotNestedGreaterGreater":"⪢̸","NotNestedLessLess":"⪡̸","notni":"∌","notniva":"∌","notnivb":"⋾","notnivc":"⋽","NotPrecedes":"⊀","NotPrecedesEqual":"⪯̸","NotPrecedesSlantEqual":"⋠","NotReverseElement":"∌","NotRightTriangleBar":"⧐̸","NotRightTriangle":"⋫","NotRightTriangleEqual":"⋭","NotSquareSubset":"⊏̸","NotSquareSubsetEqual":"⋢","NotSquareSuperset":"⊐̸","NotSquareSupersetEqual":"⋣","NotSubset":"⊂⃒","NotSubsetEqual":"⊈","NotSucceeds":"⊁","NotSucceedsEqual":"⪰̸","NotSucceedsSlantEqual":"⋡","NotSucceedsTilde":"≿̸","NotSuperset":"⊃⃒","NotSupersetEqual":"⊉","NotTilde":"≁","NotTildeEqual":"≄","NotTildeFullEqual":"≇","NotTildeTilde":"≉","NotVerticalBar":"∤","nparallel":"∦","npar":"∦","nparsl":"⫽⃥","npart":"∂̸","npolint":"⨔","npr":"⊀","nprcue":"⋠","nprec":"⊀","npreceq":"⪯̸","npre":"⪯̸","nrarrc":"⤳̸","nrarr":"↛","nrArr":"⇏","nrarrw":"↝̸","nrightarrow":"↛","nRightarrow":"⇏","nrtri":"⋫","nrtrie":"⋭","nsc":"⊁","nsccue":"⋡","nsce":"⪰̸","Nscr":"𝒩","nscr":"𝓃","nshortmid":"∤","nshortparallel":"∦","nsim":"≁","nsime":"≄","nsimeq":"≄","nsmid":"∤","nspar":"∦","nsqsube":"⋢","nsqsupe":"⋣","nsub":"⊄","nsubE":"⫅̸","nsube":"⊈","nsubset":"⊂⃒","nsubseteq":"⊈","nsubseteqq":"⫅̸","nsucc":"⊁","nsucceq":"⪰̸","nsup":"⊅","nsupE":"⫆̸","nsupe":"⊉","nsupset":"⊃⃒","nsupseteq":"⊉","nsupseteqq":"⫆̸","ntgl":"≹","Ntilde":"Ñ","ntilde":"ñ","ntlg":"≸","ntriangleleft":"⋪","ntrianglelefteq":"⋬","ntriangleright":"⋫","ntrianglerighteq":"⋭","Nu":"Ν","nu":"ν","num":"#","numero":"№","numsp":" ","nvap":"≍⃒","nvdash":"⊬","nvDash":"⊭","nVdash":"⊮","nVDash":"⊯","nvge":"≥⃒","nvgt":">⃒","nvHarr":"⤄","nvinfin":"⧞","nvlArr":"⤂","nvle":"≤⃒","nvlt":"<⃒","nvltrie":"⊴⃒","nvrArr":"⤃","nvrtrie":"⊵⃒","nvsim":"∼⃒","nwarhk":"⤣","nwarr":"↖","nwArr":"⇖","nwarrow":"↖","nwnear":"⤧","Oacute":"Ó","oacute":"ó","oast":"⊛","Ocirc":"Ô","ocirc":"ô","ocir":"⊚","Ocy":"О","ocy":"о","odash":"⊝","Odblac":"Ő","odblac":"ő","odiv":"⨸","odot":"⊙","odsold":"⦼","OElig":"Œ","oelig":"œ","ofcir":"⦿","Ofr":"𝔒","ofr":"𝔬","ogon":"˛","Ograve":"Ò","ograve":"ò","ogt":"⧁","ohbar":"⦵","ohm":"Ω","oint":"∮","olarr":"↺","olcir":"⦾","olcross":"⦻","oline":"‾","olt":"⧀","Omacr":"Ō","omacr":"ō","Omega":"Ω","omega":"ω","Omicron":"Ο","omicron":"ο","omid":"⦶","ominus":"⊖","Oopf":"𝕆","oopf":"𝕠","opar":"⦷","OpenCurlyDoubleQuote":"“","OpenCurlyQuote":"‘","operp":"⦹","oplus":"⊕","orarr":"↻","Or":"⩔","or":"∨","ord":"⩝","order":"ℴ","orderof":"ℴ","ordf":"ª","ordm":"º","origof":"⊶","oror":"⩖","orslope":"⩗","orv":"⩛","oS":"Ⓢ","Oscr":"𝒪","oscr":"ℴ","Oslash":"Ø","oslash":"ø","osol":"⊘","Otilde":"Õ","otilde":"õ","otimesas":"⨶","Otimes":"⨷","otimes":"⊗","Ouml":"Ö","ouml":"ö","ovbar":"⌽","OverBar":"‾","OverBrace":"⏞","OverBracket":"⎴","OverParenthesis":"⏜","para":"¶","parallel":"∥","par":"∥","parsim":"⫳","parsl":"⫽","part":"∂","PartialD":"∂","Pcy":"П","pcy":"п","percnt":"%","period":".","permil":"‰","perp":"⊥","pertenk":"‱","Pfr":"𝔓","pfr":"𝔭","Phi":"Φ","phi":"φ","phiv":"ϕ","phmmat":"ℳ","phone":"☎","Pi":"Π","pi":"π","pitchfork":"⋔","piv":"ϖ","planck":"ℏ","planckh":"ℎ","plankv":"ℏ","plusacir":"⨣","plusb":"⊞","pluscir":"⨢","plus":"+","plusdo":"∔","plusdu":"⨥","pluse":"⩲","PlusMinus":"±","plusmn":"±","plussim":"⨦","plustwo":"⨧","pm":"±","Poincareplane":"ℌ","pointint":"⨕","popf":"𝕡","Popf":"ℙ","pound":"£","prap":"⪷","Pr":"⪻","pr":"≺","prcue":"≼","precapprox":"⪷","prec":"≺","preccurlyeq":"≼","Precedes":"≺","PrecedesEqual":"⪯","PrecedesSlantEqual":"≼","PrecedesTilde":"≾","preceq":"⪯","precnapprox":"⪹","precneqq":"⪵","precnsim":"⋨","pre":"⪯","prE":"⪳","precsim":"≾","prime":"′","Prime":"″","primes":"ℙ","prnap":"⪹","prnE":"⪵","prnsim":"⋨","prod":"∏","Product":"∏","profalar":"⌮","profline":"⌒","profsurf":"⌓","prop":"∝","Proportional":"∝","Proportion":"∷","propto":"∝","prsim":"≾","prurel":"⊰","Pscr":"𝒫","pscr":"𝓅","Psi":"Ψ","psi":"ψ","puncsp":" ","Qfr":"𝔔","qfr":"𝔮","qint":"⨌","qopf":"𝕢","Qopf":"ℚ","qprime":"⁗","Qscr":"𝒬","qscr":"𝓆","quaternions":"ℍ","quatint":"⨖","quest":"?","questeq":"≟","quot":"\\"","QUOT":"\\"","rAarr":"⇛","race":"∽̱","Racute":"Ŕ","racute":"ŕ","radic":"√","raemptyv":"⦳","rang":"⟩","Rang":"⟫","rangd":"⦒","range":"⦥","rangle":"⟩","raquo":"»","rarrap":"⥵","rarrb":"⇥","rarrbfs":"⤠","rarrc":"⤳","rarr":"→","Rarr":"↠","rArr":"⇒","rarrfs":"⤞","rarrhk":"↪","rarrlp":"↬","rarrpl":"⥅","rarrsim":"⥴","Rarrtl":"⤖","rarrtl":"↣","rarrw":"↝","ratail":"⤚","rAtail":"⤜","ratio":"∶","rationals":"ℚ","rbarr":"⤍","rBarr":"⤏","RBarr":"⤐","rbbrk":"❳","rbrace":"}","rbrack":"]","rbrke":"⦌","rbrksld":"⦎","rbrkslu":"⦐","Rcaron":"Ř","rcaron":"ř","Rcedil":"Ŗ","rcedil":"ŗ","rceil":"⌉","rcub":"}","Rcy":"Р","rcy":"р","rdca":"⤷","rdldhar":"⥩","rdquo":"”","rdquor":"”","rdsh":"↳","real":"ℜ","realine":"ℛ","realpart":"ℜ","reals":"ℝ","Re":"ℜ","rect":"▭","reg":"®","REG":"®","ReverseElement":"∋","ReverseEquilibrium":"⇋","ReverseUpEquilibrium":"⥯","rfisht":"⥽","rfloor":"⌋","rfr":"𝔯","Rfr":"ℜ","rHar":"⥤","rhard":"⇁","rharu":"⇀","rharul":"⥬","Rho":"Ρ","rho":"ρ","rhov":"ϱ","RightAngleBracket":"⟩","RightArrowBar":"⇥","rightarrow":"→","RightArrow":"→","Rightarrow":"⇒","RightArrowLeftArrow":"⇄","rightarrowtail":"↣","RightCeiling":"⌉","RightDoubleBracket":"⟧","RightDownTeeVector":"⥝","RightDownVectorBar":"⥕","RightDownVector":"⇂","RightFloor":"⌋","rightharpoondown":"⇁","rightharpoonup":"⇀","rightleftarrows":"⇄","rightleftharpoons":"⇌","rightrightarrows":"⇉","rightsquigarrow":"↝","RightTeeArrow":"↦","RightTee":"⊢","RightTeeVector":"⥛","rightthreetimes":"⋌","RightTriangleBar":"⧐","RightTriangle":"⊳","RightTriangleEqual":"⊵","RightUpDownVector":"⥏","RightUpTeeVector":"⥜","RightUpVectorBar":"⥔","RightUpVector":"↾","RightVectorBar":"⥓","RightVector":"⇀","ring":"˚","risingdotseq":"≓","rlarr":"⇄","rlhar":"⇌","rlm":"‏","rmoustache":"⎱","rmoust":"⎱","rnmid":"⫮","roang":"⟭","roarr":"⇾","robrk":"⟧","ropar":"⦆","ropf":"𝕣","Ropf":"ℝ","roplus":"⨮","rotimes":"⨵","RoundImplies":"⥰","rpar":")","rpargt":"⦔","rppolint":"⨒","rrarr":"⇉","Rrightarrow":"⇛","rsaquo":"›","rscr":"𝓇","Rscr":"ℛ","rsh":"↱","Rsh":"↱","rsqb":"]","rsquo":"’","rsquor":"’","rthree":"⋌","rtimes":"⋊","rtri":"▹","rtrie":"⊵","rtrif":"▸","rtriltri":"⧎","RuleDelayed":"⧴","ruluhar":"⥨","rx":"℞","Sacute":"Ś","sacute":"ś","sbquo":"‚","scap":"⪸","Scaron":"Š","scaron":"š","Sc":"⪼","sc":"≻","sccue":"≽","sce":"⪰","scE":"⪴","Scedil":"Ş","scedil":"ş","Scirc":"Ŝ","scirc":"ŝ","scnap":"⪺","scnE":"⪶","scnsim":"⋩","scpolint":"⨓","scsim":"≿","Scy":"С","scy":"с","sdotb":"⊡","sdot":"⋅","sdote":"⩦","searhk":"⤥","searr":"↘","seArr":"⇘","searrow":"↘","sect":"§","semi":";","seswar":"⤩","setminus":"∖","setmn":"∖","sext":"✶","Sfr":"𝔖","sfr":"𝔰","sfrown":"⌢","sharp":"♯","SHCHcy":"Щ","shchcy":"щ","SHcy":"Ш","shcy":"ш","ShortDownArrow":"↓","ShortLeftArrow":"←","shortmid":"∣","shortparallel":"∥","ShortRightArrow":"→","ShortUpArrow":"↑","shy":"­","Sigma":"Σ","sigma":"σ","sigmaf":"ς","sigmav":"ς","sim":"∼","simdot":"⩪","sime":"≃","simeq":"≃","simg":"⪞","simgE":"⪠","siml":"⪝","simlE":"⪟","simne":"≆","simplus":"⨤","simrarr":"⥲","slarr":"←","SmallCircle":"∘","smallsetminus":"∖","smashp":"⨳","smeparsl":"⧤","smid":"∣","smile":"⌣","smt":"⪪","smte":"⪬","smtes":"⪬︀","SOFTcy":"Ь","softcy":"ь","solbar":"⌿","solb":"⧄","sol":"/","Sopf":"𝕊","sopf":"𝕤","spades":"♠","spadesuit":"♠","spar":"∥","sqcap":"⊓","sqcaps":"⊓︀","sqcup":"⊔","sqcups":"⊔︀","Sqrt":"√","sqsub":"⊏","sqsube":"⊑","sqsubset":"⊏","sqsubseteq":"⊑","sqsup":"⊐","sqsupe":"⊒","sqsupset":"⊐","sqsupseteq":"⊒","square":"□","Square":"□","SquareIntersection":"⊓","SquareSubset":"⊏","SquareSubsetEqual":"⊑","SquareSuperset":"⊐","SquareSupersetEqual":"⊒","SquareUnion":"⊔","squarf":"▪","squ":"□","squf":"▪","srarr":"→","Sscr":"𝒮","sscr":"𝓈","ssetmn":"∖","ssmile":"⌣","sstarf":"⋆","Star":"⋆","star":"☆","starf":"★","straightepsilon":"ϵ","straightphi":"ϕ","strns":"¯","sub":"⊂","Sub":"⋐","subdot":"⪽","subE":"⫅","sube":"⊆","subedot":"⫃","submult":"⫁","subnE":"⫋","subne":"⊊","subplus":"⪿","subrarr":"⥹","subset":"⊂","Subset":"⋐","subseteq":"⊆","subseteqq":"⫅","SubsetEqual":"⊆","subsetneq":"⊊","subsetneqq":"⫋","subsim":"⫇","subsub":"⫕","subsup":"⫓","succapprox":"⪸","succ":"≻","succcurlyeq":"≽","Succeeds":"≻","SucceedsEqual":"⪰","SucceedsSlantEqual":"≽","SucceedsTilde":"≿","succeq":"⪰","succnapprox":"⪺","succneqq":"⪶","succnsim":"⋩","succsim":"≿","SuchThat":"∋","sum":"∑","Sum":"∑","sung":"♪","sup1":"¹","sup2":"²","sup3":"³","sup":"⊃","Sup":"⋑","supdot":"⪾","supdsub":"⫘","supE":"⫆","supe":"⊇","supedot":"⫄","Superset":"⊃","SupersetEqual":"⊇","suphsol":"⟉","suphsub":"⫗","suplarr":"⥻","supmult":"⫂","supnE":"⫌","supne":"⊋","supplus":"⫀","supset":"⊃","Supset":"⋑","supseteq":"⊇","supseteqq":"⫆","supsetneq":"⊋","supsetneqq":"⫌","supsim":"⫈","supsub":"⫔","supsup":"⫖","swarhk":"⤦","swarr":"↙","swArr":"⇙","swarrow":"↙","swnwar":"⤪","szlig":"ß","Tab":"\\t","target":"⌖","Tau":"Τ","tau":"τ","tbrk":"⎴","Tcaron":"Ť","tcaron":"ť","Tcedil":"Ţ","tcedil":"ţ","Tcy":"Т","tcy":"т","tdot":"⃛","telrec":"⌕","Tfr":"𝔗","tfr":"𝔱","there4":"∴","therefore":"∴","Therefore":"∴","Theta":"Θ","theta":"θ","thetasym":"ϑ","thetav":"ϑ","thickapprox":"≈","thicksim":"∼","ThickSpace":"  ","ThinSpace":" ","thinsp":" ","thkap":"≈","thksim":"∼","THORN":"Þ","thorn":"þ","tilde":"˜","Tilde":"∼","TildeEqual":"≃","TildeFullEqual":"≅","TildeTilde":"≈","timesbar":"⨱","timesb":"⊠","times":"×","timesd":"⨰","tint":"∭","toea":"⤨","topbot":"⌶","topcir":"⫱","top":"⊤","Topf":"𝕋","topf":"𝕥","topfork":"⫚","tosa":"⤩","tprime":"‴","trade":"™","TRADE":"™","triangle":"▵","triangledown":"▿","triangleleft":"◃","trianglelefteq":"⊴","triangleq":"≜","triangleright":"▹","trianglerighteq":"⊵","tridot":"◬","trie":"≜","triminus":"⨺","TripleDot":"⃛","triplus":"⨹","trisb":"⧍","tritime":"⨻","trpezium":"⏢","Tscr":"𝒯","tscr":"𝓉","TScy":"Ц","tscy":"ц","TSHcy":"Ћ","tshcy":"ћ","Tstrok":"Ŧ","tstrok":"ŧ","twixt":"≬","twoheadleftarrow":"↞","twoheadrightarrow":"↠","Uacute":"Ú","uacute":"ú","uarr":"↑","Uarr":"↟","uArr":"⇑","Uarrocir":"⥉","Ubrcy":"Ў","ubrcy":"ў","Ubreve":"Ŭ","ubreve":"ŭ","Ucirc":"Û","ucirc":"û","Ucy":"У","ucy":"у","udarr":"⇅","Udblac":"Ű","udblac":"ű","udhar":"⥮","ufisht":"⥾","Ufr":"𝔘","ufr":"𝔲","Ugrave":"Ù","ugrave":"ù","uHar":"⥣","uharl":"↿","uharr":"↾","uhblk":"▀","ulcorn":"⌜","ulcorner":"⌜","ulcrop":"⌏","ultri":"◸","Umacr":"Ū","umacr":"ū","uml":"¨","UnderBar":"_","UnderBrace":"⏟","UnderBracket":"⎵","UnderParenthesis":"⏝","Union":"⋃","UnionPlus":"⊎","Uogon":"Ų","uogon":"ų","Uopf":"𝕌","uopf":"𝕦","UpArrowBar":"⤒","uparrow":"↑","UpArrow":"↑","Uparrow":"⇑","UpArrowDownArrow":"⇅","updownarrow":"↕","UpDownArrow":"↕","Updownarrow":"⇕","UpEquilibrium":"⥮","upharpoonleft":"↿","upharpoonright":"↾","uplus":"⊎","UpperLeftArrow":"↖","UpperRightArrow":"↗","upsi":"υ","Upsi":"ϒ","upsih":"ϒ","Upsilon":"Υ","upsilon":"υ","UpTeeArrow":"↥","UpTee":"⊥","upuparrows":"⇈","urcorn":"⌝","urcorner":"⌝","urcrop":"⌎","Uring":"Ů","uring":"ů","urtri":"◹","Uscr":"𝒰","uscr":"𝓊","utdot":"⋰","Utilde":"Ũ","utilde":"ũ","utri":"▵","utrif":"▴","uuarr":"⇈","Uuml":"Ü","uuml":"ü","uwangle":"⦧","vangrt":"⦜","varepsilon":"ϵ","varkappa":"ϰ","varnothing":"∅","varphi":"ϕ","varpi":"ϖ","varpropto":"∝","varr":"↕","vArr":"⇕","varrho":"ϱ","varsigma":"ς","varsubsetneq":"⊊︀","varsubsetneqq":"⫋︀","varsupsetneq":"⊋︀","varsupsetneqq":"⫌︀","vartheta":"ϑ","vartriangleleft":"⊲","vartriangleright":"⊳","vBar":"⫨","Vbar":"⫫","vBarv":"⫩","Vcy":"В","vcy":"в","vdash":"⊢","vDash":"⊨","Vdash":"⊩","VDash":"⊫","Vdashl":"⫦","veebar":"⊻","vee":"∨","Vee":"⋁","veeeq":"≚","vellip":"⋮","verbar":"|","Verbar":"‖","vert":"|","Vert":"‖","VerticalBar":"∣","VerticalLine":"|","VerticalSeparator":"❘","VerticalTilde":"≀","VeryThinSpace":" ","Vfr":"𝔙","vfr":"𝔳","vltri":"⊲","vnsub":"⊂⃒","vnsup":"⊃⃒","Vopf":"𝕍","vopf":"𝕧","vprop":"∝","vrtri":"⊳","Vscr":"𝒱","vscr":"𝓋","vsubnE":"⫋︀","vsubne":"⊊︀","vsupnE":"⫌︀","vsupne":"⊋︀","Vvdash":"⊪","vzigzag":"⦚","Wcirc":"Ŵ","wcirc":"ŵ","wedbar":"⩟","wedge":"∧","Wedge":"⋀","wedgeq":"≙","weierp":"℘","Wfr":"𝔚","wfr":"𝔴","Wopf":"𝕎","wopf":"𝕨","wp":"℘","wr":"≀","wreath":"≀","Wscr":"𝒲","wscr":"𝓌","xcap":"⋂","xcirc":"◯","xcup":"⋃","xdtri":"▽","Xfr":"𝔛","xfr":"𝔵","xharr":"⟷","xhArr":"⟺","Xi":"Ξ","xi":"ξ","xlarr":"⟵","xlArr":"⟸","xmap":"⟼","xnis":"⋻","xodot":"⨀","Xopf":"𝕏","xopf":"𝕩","xoplus":"⨁","xotime":"⨂","xrarr":"⟶","xrArr":"⟹","Xscr":"𝒳","xscr":"𝓍","xsqcup":"⨆","xuplus":"⨄","xutri":"△","xvee":"⋁","xwedge":"⋀","Yacute":"Ý","yacute":"ý","YAcy":"Я","yacy":"я","Ycirc":"Ŷ","ycirc":"ŷ","Ycy":"Ы","ycy":"ы","yen":"¥","Yfr":"𝔜","yfr":"𝔶","YIcy":"Ї","yicy":"ї","Yopf":"𝕐","yopf":"𝕪","Yscr":"𝒴","yscr":"𝓎","YUcy":"Ю","yucy":"ю","yuml":"ÿ","Yuml":"Ÿ","Zacute":"Ź","zacute":"ź","Zcaron":"Ž","zcaron":"ž","Zcy":"З","zcy":"з","Zdot":"Ż","zdot":"ż","zeetrf":"ℨ","ZeroWidthSpace":"​","Zeta":"Ζ","zeta":"ζ","zfr":"𝔷","Zfr":"ℨ","ZHcy":"Ж","zhcy":"ж","zigrarr":"⇝","zopf":"𝕫","Zopf":"ℤ","Zscr":"𝒵","zscr":"𝓏","zwj":"‍","zwnj":"‌"}')},function(t){"use strict";t.exports=JSON.parse('{"amp":"&","apos":"\'","gt":">","lt":"<","quot":"\\""}')},function(t,e,n){var r=n(59).isTag;function o(t,e,n,r){for(var i,a=[],s=0,c=e.length;s<c&&!(t(e[s])&&(a.push(e[s]),--r<=0))&&(i=e[s].children,!(n&&i&&i.length>0&&(i=o(t,i,n,r),a=a.concat(i),(r-=i.length)<=0)));s++);return a}t.exports={filter:function(t,e,n,r){Array.isArray(e)||(e=[e]);"number"==typeof r&&isFinite(r)||(r=1/0);return o(t,e,!1!==n,r)},find:o,findOneChild:function(t,e){for(var n=0,r=e.length;n<r;n++)if(t(e[n]))return e[n];return null},findOne:function t(e,n){for(var o=null,i=0,a=n.length;i<a&&!o;i++)r(n[i])&&(e(n[i])?o=n[i]:n[i].children.length>0&&(o=t(e,n[i].children)));return o},existsOne:function t(e,n){for(var o=0,i=n.length;o<i;o++)if(r(n[o])&&(e(n[o])||n[o].children.length>0&&t(e,n[o].children)))return!0;return!1},findAll:function(t,e){var n=[],o=e.slice();for(;o.length;){var i=o.shift();r(i)&&(i.children&&i.children.length>0&&o.unshift.apply(o,i.children),t(i)&&n.push(i))}return n}}},function(t,e,n){t.exports=o;var r=n(161);function o(t){r.call(this,new i(this),t)}function i(t){this.scope=t}n(61)(o,r),o.prototype.readable=!0;var a=n(32).EVENTS;Object.keys(a).forEach((function(t){if(0===a[t])i.prototype["on"+t]=function(){this.scope.emit(t)};else if(1===a[t])i.prototype["on"+t]=function(e){this.scope.emit(t,e)};else{if(2!==a[t])throw Error("wrong number of arguments!");i.prototype["on"+t]=function(e,n){this.scope.emit(t,e,n)}}}))},function(t,e,n){function r(t){this._cbs=t||{}}t.exports=r;var o=n(32).EVENTS;Object.keys(o).forEach((function(t){if(0===o[t])t="on"+t,r.prototype[t]=function(){this._cbs[t]&&this._cbs[t]()};else if(1===o[t])t="on"+t,r.prototype[t]=function(e){this._cbs[t]&&this._cbs[t](e)};else{if(2!==o[t])throw Error("wrong number of arguments");t="on"+t,r.prototype[t]=function(e,n){this._cbs[t]&&this._cbs[t](e,n)}}}))},function(t,e,n){function r(t){this._cbs=t||{},this.events=[]}t.exports=r;var o=n(32).EVENTS;Object.keys(o).forEach((function(t){if(0===o[t])t="on"+t,r.prototype[t]=function(){this.events.push([t]),this._cbs[t]&&this._cbs[t]()};else if(1===o[t])t="on"+t,r.prototype[t]=function(e){this.events.push([t,e]),this._cbs[t]&&this._cbs[t](e)};else{if(2!==o[t])throw Error("wrong number of arguments");t="on"+t,r.prototype[t]=function(e,n){this.events.push([t,e,n]),this._cbs[t]&&this._cbs[t](e,n)}}})),r.prototype.onreset=function(){this.events=[],this._cbs.onreset&&this._cbs.onreset()},r.prototype.restart=function(){this._cbs.onreset&&this._cbs.onreset();for(var t=0,e=this.events.length;t<e;t++)if(this._cbs[this.events[t][0]]){var n=this.events[t].length;1===n?this._cbs[this.events[t][0]]():2===n?this._cbs[this.events[t][0]](this.events[t][1]):this._cbs[this.events[t][0]](this.events[t][1],this.events[t][2])}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t};e.default=function(t,e){var n=r({},(0,o.default)(t),{key:e});"string"==typeof n.style||n.style instanceof String?n.style=(0,i.default)(n.style):delete n.style;return n};var o=a(n(368)),i=a(n(371));function a(t){return t&&t.__esModule?t:{default:t}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){r.hasOwnProperty(t)||(r[t]=n.test(t));return r[t]};var n=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,r={}},function(t,e,n){"use strict";var r=n(263);function o(){}function i(){}i.resetWarningCache=o,t.exports=function(){function t(t,e,n,o,i,a){if(a!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function e(){return t}t.isRequired=t;var n={array:t,bigint:t,bool:t,func:t,number:t,object:t,string:t,symbol:t,any:t,arrayOf:e,element:t,elementType:t,instanceOf:e,node:t,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:i,resetWarningCache:o};return n.PropTypes=n,n}},function(t){"use strict";t.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(t){"use strict";t.exports=function(t,e){if(t===e)return!0;if(!t||!e)return!1;var n=t.length;if(e.length!==n)return!1;for(var r=0;r<n;r++)if(t[r]!==e[r])return!1;return!0}},function(t){"use strict";var e=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,s=t[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(c){o=!0,i=c}finally{try{!r&&s.return&&s.return()}finally{if(o)throw i}}return n}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")};t.exports=function(t){var n=t.data,r=t.multiSection;function o(t){var o=e(t,2),i=o[0],a=o[1];return r?null===a||a===n[i]-1?null===(i=function(t){for(null===t?t=0:t++;t<n.length&&0===n[t];)t++;return t===n.length?null:t}(i))?[null,null]:[i,0]:[i,a+1]:0===n||a===n-1?[null,null]:null===a?[null,0]:[null,a+1]}return{next:o,prev:function(t){var o=e(t,2),i=o[0],a=o[1];return r?null===a||0===a?null===(i=function(t){for(null===t?t=n.length-1:t--;t>=0&&0===n[t];)t--;return-1===t?null:t}(i))?[null,null]:[i,n[i]-1]:[i,a-1]:0===n||0===a?[null,null]:null===a?[null,n-1]:[null,a-1]},isLast:function(t){return null===o(t)[1]}}}},function(t){"use strict";var e=Object.prototype.propertyIsEnumerable;function n(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}function r(t){var n=Object.getOwnPropertyNames(t);return Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t))),n.filter((function(n){return e.call(t,n)}))}t.exports=Object.assign||function(t,e){for(var o,i,a=n(t),s=1;s<arguments.length;s++){o=arguments[s],i=r(Object(o));for(var c=0;c<i.length;c++)a[i[c]]=o[i[c]]}return a}},function(t,e,n){"use strict";var r=n(13),o=n.n(r),i=n(14),a=n.n(i)()(o());a.push([t.id,"pl-icon{display:block;width:1.2em;height:1.2em;pointer-events:none}.c-icon{display:block;width:1.2em;height:1.2em}","",{version:3,sources:["webpack://./src/scripts/lit-components/pl-icon/pl-icon.scss"],names:[],mappings:"AAAA,QAAQ,aAAa,CAAC,WAAW,CAAC,YAAY,CAAC,mBAAmB,CAAC,QAAQ,aAAa,CAAC,WAAW,CAAC,YAAY",sourcesContent:["pl-icon{display:block;width:1.2em;height:1.2em;pointer-events:none}.c-icon{display:block;width:1.2em;height:1.2em}"],sourceRoot:""}]),e.Z=a},function(t,e,n){"use strict";n.d(e,{A:function(){return a}});var r=n(39),o=n(18),i=new WeakMap,a=(0,o.XM)((function(t){return function(e){if(!(e instanceof o.nt))throw new Error("unsafeHTML can only be used in text bindings");var n=i.get(e);if(void 0===n||!(0,r.pt)(t)||t!==n.value||e.value!==n.fragment){var a=document.createElement("template");a.innerHTML=t;var s=document.importNode(a.content,!0);e.setValue(s),i.set(e,{value:t,fragment:s})}}}))},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"arrow-down",use:"arrow-down-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="arrow-down"><path fill="currentColor" d="M6.984 9.984h10.031L11.999 15z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"close",use:"close-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="close"><path fill="currentColor" stroke="currentColor" d="M18.984 6.422 13.406 12l5.578 5.578-1.406 1.406L12 13.406l-5.578 5.578-1.406-1.406L10.594 12 5.016 6.422l1.406-1.406L12 10.594l5.578-5.578z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"code-collapse",use:"code-collapse-usage",viewBox:"0 0 20 16",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16" id="code-collapse"><path fill="currentColor" d="m13 11.5 1.5 1.5 5-5-5-5L13 4.5 16.5 8zM7 4.5 5.5 3l-5 5 5 5L7 11.5 3.5 8zM10.958 2.352l1.085.296-3 11-1.085-.296 3-11z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"code-expand",use:"code-expand-usage",viewBox:"0 0 16 16",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="code-expand"><path fill="currentColor" d="m9 11.5 1.5 1.5 5-5-5-5L9 4.5 12.5 8zM7 4.5 5.5 3l-5 5 5 5L7 11.5 3.5 8z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"copy",use:"copy-usage",viewBox:"0 0 24 24",content:'<symbol viewBox="0 0 24 24" id="copy"><path fill="currentColor" d="M18.984 21V6.984H8.015V21h10.969zm0-15.984c1.078 0 2.016.891 2.016 1.969v14.016c0 1.078-.938 2.016-2.016 2.016H8.015c-1.078 0-2.016-.938-2.016-2.016V6.985c0-1.078.938-1.969 2.016-1.969h10.969zm-3-4.032V3h-12v14.016H2.015V3c0-1.078.891-2.016 1.969-2.016h12z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"desktop",use:"desktop-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="desktop"><path fill="currentColor" d="M21 14.016V3.985H3v10.031h18zm0-12c1.078 0 2.016.891 2.016 1.969v12c0 1.078-.938 2.016-2.016 2.016h-6.984l1.969 3v.984H8.016v-.984l1.969-3H3.001c-1.078 0-2.016-.938-2.016-2.016v-12c0-1.078.938-1.969 2.016-1.969h18z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"disco-ball",use:"disco-ball-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="disco-ball"><g fill="none" fill-rule="evenodd"><path stroke="currentColor" d="M21.698 11.973c0-4.892-3.841-9.006-8.795-9.498h-1.471l-.37-.002c-5.286.444-9.244 4.91-8.938 10.072.306 5.162 4.769 9.153 10.072 8.998 5.303-.155 9.512-4.4 9.502-9.57Z" /><path fill="currentColor" fill-rule="nonzero" d="M5.294 8.839h2.009a15.33 15.33 0 0 0-.318 2.314H4.606c.106-.823.318-1.594.688-2.314Zm0 6.326c-.37-.72-.582-1.492-.688-2.314h2.38c.052.822.158 1.594.317 2.314h-2.01Zm1.11 1.697h1.375c.211.617.475 1.234.793 1.8a7.284 7.284 0 0 1-2.168-1.8ZM7.779 7.09H6.404a7.284 7.284 0 0 1 2.168-1.8 10.998 10.998 0 0 0-.793 1.8Zm3.278 12.344c-.9-.515-1.534-1.595-1.957-2.572h1.957v2.572Zm0-4.27H8.572a15.33 15.33 0 0 1-.318-2.313h2.803v2.314Zm0-4.01H8.254a15.33 15.33 0 0 1 .318-2.315h2.485v2.314Zm.158-3.91H8.89l.106-.205c.475-1.183 1.163-2.16 1.956-2.623l.264-.154v2.983Zm6.292-.154h-1.375a10.998 10.998 0 0 0-.793-1.8 8.9 8.9 0 0 1 2.168 1.8Zm-4.653-2.52c.899.463 1.533 1.595 1.903 2.52h-1.903V4.57Zm0 14.864v-2.572h1.903c-.37.977-1.004 2.057-1.903 2.572Zm2.432-4.27h-2.432v-2.313h2.75c0 .822-.106 1.594-.318 2.314Zm-2.432-4.01V8.838h2.432c.212.72.317 1.491.37 2.314h-2.802Zm2.485 7.508c.317-.566.582-1.183.793-1.8h1.375a8.9 8.9 0 0 1-2.168 1.8Zm3.278-3.497h-2.01l.265-2.314h2.38a8.346 8.346 0 0 1-.635 2.314Zm-1.745-4.012c-.053-.823-.105-1.594-.264-2.314h2.009c.317.72.529 1.491.634 2.314h-2.379ZM22.488 20.97l-.687-1.234-.74 1.234-1.269.72 1.269.669.74 1.285.687-1.285 1.27-.67-1.27-.72ZM3.825.792l-1.428.411L1.023.792l.423 1.389-.423 1.388 1.374-.411 1.428.411-.423-1.388.423-1.389Zm.408 19.972-.529-1.028-.581 1.028-1.058.566 1.058.514.581 1.029.53-1.029 1.057-.514-1.058-.566Zm17.95-17.891-.581-1.029-.53 1.029-1.057.566 1.058.565.529 1.03.581-1.03 1.058-.565-1.058-.566Z" /></g></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"hay",use:"hay-usage",viewBox:"0 0 22 22",content:'<symbol xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 22" id="hay"><path fill="currentColor" d="m16.995 10.79-2.625-2.5a1.082 1.082 0 0 0-.745-.294c-.28 0-.548.106-.745.294a.98.98 0 0 0-.31.71.98.98 0 0 0 .31.71l.84.79H8.28l.84-.79A.98.98 0 0 0 9.43 9a.98.98 0 0 0-.31-.71 1.082 1.082 0 0 0-.745-.294c-.28 0-.548.106-.745.294l-2.625 2.5a.995.995 0 0 0-.221.33.956.956 0 0 0 0 .76c.05.123.125.235.22.33l2.626 2.5c.097.094.213.168.341.219a1.095 1.095 0 0 0 1.15-.219 1 1 0 0 0 .23-.325.96.96 0 0 0-.23-1.095l-.84-.79h5.438l-.84.79a1 1 0 0 0-.23.325.96.96 0 0 0 .23 1.095 1.095 1.095 0 0 0 1.491 0l2.625-2.5a.995.995 0 0 0 .221-.33.956.956 0 0 0 0-.76.995.995 0 0 0-.22-.33ZM1.55 5.5c-.278 0-.546.105-.742.293A.976.976 0 0 0 .5 6.5v10c0 .265.11.52.308.707.196.188.464.293.742.293.278 0 .546-.105.742-.293A.976.976 0 0 0 2.6 16.5v-10c0-.265-.11-.52-.308-.707A1.077 1.077 0 0 0 1.55 5.5Zm18.9 0c-.278 0-.546.105-.742.293a.976.976 0 0 0-.308.707v10c0 .265.11.52.308.707.196.188.464.293.742.293.279 0 .546-.105.742-.293a.976.976 0 0 0 .308-.707v-10c0-.265-.11-.52-.308-.707a1.077 1.077 0 0 0-.742-.293Z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"help",use:"help-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="help"><path fill="currentColor" d="M12 6a3.98 3.98 0 0 1 3.984 3.984c0 2.484-3 2.766-3 5.016h-1.969c0-3.234 3-3 3-5.016 0-1.078-.938-1.969-2.016-1.969s-2.016.891-2.016 1.969H8.014A3.98 3.98 0 0 1 11.998 6zm0 14.016c4.406 0 8.016-3.609 8.016-8.016S16.407 3.984 12 3.984 3.984 7.593 3.984 12 7.593 20.016 12 20.016zm0-18c5.531 0 9.984 4.453 9.984 9.984S17.531 21.984 12 21.984 2.016 17.531 2.016 12 6.469 2.016 12 2.016zM11.016 18v-2.016h1.969V18h-1.969z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"hide",use:"hide-usage",viewBox:"0 0 20 20",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" id="hide"><path fill="currentColor" d="m12.81 4.36-1.77 1.78a4 4 0 0 0-4.894 4.928l-.007-.028-2.76 2.75c-1.32-1-2.42-2.3-3.18-3.79 1.86-3.591 5.548-6.003 9.799-6.003.996 0 1.96.132 2.878.38l-.077-.018zm3.8 1.85c1.33 1 2.43 2.3 3.2 3.79-1.859 3.594-5.549 6.007-9.802 6.007a11.01 11.01 0 0 1-2.895-.385l.077.018 1.77-1.78a4 4 0 0 0 4.894-4.928l.007.028 2.76-2.75zm-.25-3.99 1.42 1.42L3.64 17.78l-1.42-1.42L16.36 2.22z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"laptop",use:"laptop-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="laptop"><path fill="currentColor" d="M12 18.984c.563 0 .984-.422.984-.984s-.422-.984-.984-.984-.984.422-.984.984.422.984.984.984zM3.984 5.016v10.969h16.031V5.016H3.984zM20.016 18H24c0 1.078-.938 2.016-2.016 2.016H2.015c-1.078 0-2.016-.938-2.016-2.016h3.984c-1.078 0-1.969-.938-1.969-2.016V5.015c0-1.078.891-2.016 1.969-2.016h16.031c1.078 0 1.969.938 1.969 2.016v10.969c0 1.078-.891 2.016-1.969 2.016z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"layout-h",use:"layout-h-usage",viewBox:"0 0 32 32",content:'<symbol xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 32 32" id="layout-h"><path d="M3 4v25h25V4H3zm8 24H4V5h7v23zm16 0H12V5h15v23z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"layout-v",use:"layout-v-usage",viewBox:"0 0 32 32",content:'<symbol xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 32 32" id="layout-v"><path d="M3 4v25h25V4H3zm24 24H4V11h23v17zm0-18H4V5h23v5z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"menu",use:"menu-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="menu"><path fill="currentColor" d="M3 6h18v2.016H3V6zm0 6.984v-1.969h18v1.969H3zM3 18v-2.016h18V18H3z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"new-tab",use:"new-tab-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="new-tab"><path fill="currentColor" d="M14.016 3H21v6.984h-2.016V6.421l-9.797 9.797-1.406-1.406 9.797-9.797h-3.563V2.999zm4.968 15.984V12H21v6.984C21 20.062 20.062 21 18.984 21H5.015c-1.125 0-2.016-.938-2.016-2.016V5.015c0-1.078.891-2.016 2.016-2.016h6.984v2.016H5.015v13.969h13.969z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"phone",use:"phone-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="phone"><path fill="currentColor" d="M15.984 18V3.984h-9V18h9zm-4.5 3.984c.844 0 1.5-.656 1.5-1.5s-.656-1.5-1.5-1.5-1.5.656-1.5 1.5.656 1.5 1.5 1.5zm4.032-21C16.875.984 18 2.156 18 3.515v16.969c0 1.359-1.125 2.531-2.484 2.531H7.5c-1.359 0-2.484-1.172-2.484-2.531V3.515C5.016 2.156 6.141.984 7.5.984h8.016z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"random",use:"random-usage",viewBox:"0 0 26 26",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" id="random"><path fill="none" fill-rule="nonzero" stroke="currentColor" stroke-width="2" d="M19 9c1.125 0 2-.875 2-2 0-1.126-.875-2-2-2-1.126 0-2 .874-2 2 0 1.125.874 2 2 2Zm0 11.999c1.125 0 2-.875 2-2s-.875-2-2-2c-1.126 0-2 .875-2 2s.874 2 2 2Zm-6-6c1.125 0 2-.874 2-2 0-1.125-.875-2-2-2-1.126 0-2 .875-2 2 0 1.126.874 2 2 2ZM7 9c1.125 0 2-.874 2-2 0-1.125-.875-2-2-2s-2 .875-2 2c0 1.126.875 2 2 2Zm0 12c1.125 0 2-.875 2-2s-.875-2-2-2-2 .875-2 2 .875 2 2 2ZM22.311 1C23.748 1 25 2.25 25 3.688v18.624c0 1.437-1.25 2.688-2.688 2.688H3.687C2.25 25 .999 23.75.999 22.312V3.688C.999 2.25 2.249 1 3.687 1H22.31Z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"settings",use:"settings-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="settings"><path fill="currentColor" d="M12 15.516c1.922 0 3.516-1.594 3.516-3.516S13.922 8.484 12 8.484 8.484 10.078 8.484 12s1.594 3.516 3.516 3.516zm7.453-2.532 2.109 1.641c.188.141.234.422.094.656L19.64 18.75c-.141.234-.375.281-.609.188l-2.484-.984c-.516.375-1.078.75-1.688.984l-.375 2.625c-.047.234-.234.422-.469.422H9.984c-.234 0-.422-.188-.469-.422l-.375-2.625a6.145 6.145 0 0 1-1.688-.984l-2.484.984c-.234.094-.469.047-.609-.188l-2.016-3.469c-.141-.234-.094-.516.094-.656l2.109-1.641c-.047-.328-.047-.656-.047-.984s0-.656.047-.984L2.437 9.375c-.188-.141-.234-.422-.094-.656L4.359 5.25c.141-.234.375-.281.609-.188l2.484.984c.516-.375 1.078-.75 1.688-.984l.375-2.625c.047-.234.234-.422.469-.422h4.031c.234 0 .422.188.469.422l.375 2.625a6.145 6.145 0 0 1 1.688.984l2.484-.984c.234-.094.469-.047.609.188l2.016 3.469c.141.234.094.516-.094.656l-2.109 1.641c.047.328.047.656.047.984s0 .656-.047.984z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"show",use:"show-usage",viewBox:"0 0 20 20",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" id="show"><path fill="currentColor" d="M.2 10C2.06 6.408 5.748 3.996 10 3.996s7.94 2.412 9.771 5.943L19.8 10c-1.86 3.592-5.548 6.004-9.8 6.004S2.06 13.592.229 10.061L.2 10zm9.8 4a4 4 0 0 0 0-8 4 4 0 0 0 0 8zm0-2a2 2 0 1 1 0-4 2 2 0 1 1 0 4z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"tablet",use:"tablet-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="tablet"><path fill="currentColor" d="M18.984 18.984V3h-15v15.984h15zm-7.5 4.032c.844 0 1.5-.656 1.5-1.5s-.656-1.5-1.5-1.5-1.5.656-1.5 1.5.656 1.5 1.5 1.5zM18.516 0A2.5 2.5 0 0 1 21 2.484v19.031a2.5 2.5 0 0 1-2.484 2.484H4.5a2.5 2.5 0 0 1-2.484-2.484V2.484A2.5 2.5 0 0 1 4.5 0h14.016z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"theme-dark",use:"theme-dark-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" id="theme-dark"><circle cx="12" cy="12" r="5" /><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),s=new(o())({id:"theme-light",use:"theme-light-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" id="theme-light"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" /></symbol>'});a().add(s);e.default=s},function(t,e,n){"use strict";var r=n(13),o=n.n(r),i=n(14),a=n.n(i)()(o());a.push([t.id,':host{width:100%}pl-button{width:100%}.pl-c-button{color:inherit;text-decoration:none;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin:0;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;cursor:pointer;position:relative;min-width:30px}.pl-c-button::after{content:"";display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;opacity:0;-webkit-transition:opacity .1s ease;transition:opacity .1s ease;background-color:currentColor}.pl-c-button:hover::after{opacity:.1}.pl-c-button:active:hover::after{opacity:.2}.pl-c-button:focus{outline:1px dotted;outline-offset:-1px}.pl-c-button:focus::after{opacity:.1}.pl-c-button__text{text-align:left}.pl-c-button--medium{padding:.65rem 1rem}.pl-c-button--medium.pl-c-button--icon-only{padding:.65rem}.pl-c-button--small{padding:.5rem 1rem}.pl-c-button--small.pl-c-button--icon-only{padding:.5rem}*+.pl-c-button__icon{margin-right:.5rem}.pl-c-button__icon+*{margin-right:.5rem}',"",{version:3,sources:["webpack://./src/scripts/lit-components/pl-button/pl-button.scss"],names:[],mappings:"AAAA,MAAM,UAAU,CAAC,UAAU,UAAU,CAAC,aAAa,aAAa,CAAC,oBAAoB,CAAC,cAAc,CAAC,QAAQ,CAAC,uBAAe,CAAf,oBAAe,CAAf,eAAe,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,UAAU,CAAC,QAAQ,CAAC,6BAA0B,CAA1B,6BAA0B,CAA1B,8BAA0B,CAA1B,0BAA0B,CAAC,oBAAwB,CAAxB,iBAAwB,CAAxB,wBAAwB,CAAC,cAAc,CAAC,iBAAiB,CAAC,cAAc,CAAC,oBAAoB,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,mBAAmB,CAAC,SAAS,CAAC,mCAA2B,CAA3B,2BAA2B,CAAC,6BAA6B,CAAC,0BAA0B,UAAU,CAAC,iCAAiC,UAAU,CAAC,mBAAmB,kBAAkB,CAAC,mBAAmB,CAAC,0BAA0B,UAAU,CAAC,mBAAmB,eAAe,CAAC,qBAAqB,mBAAmB,CAAC,4CAA4C,cAAc,CAAC,oBAAoB,kBAAkB,CAAC,2CAA2C,aAAa,CAAC,qBAAqB,kBAAkB,CAAC,qBAAqB,kBAAkB",sourcesContent:[':host{width:100%}pl-button{width:100%}.pl-c-button{color:inherit;text-decoration:none;background:0 0;border:0;appearance:none;display:flex;align-items:center;width:100%;margin:0;flex-direction:row-reverse;justify-content:flex-end;cursor:pointer;position:relative;min-width:30px}.pl-c-button::after{content:"";display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;opacity:0;transition:opacity .1s ease;background-color:currentColor}.pl-c-button:hover::after{opacity:.1}.pl-c-button:active:hover::after{opacity:.2}.pl-c-button:focus{outline:1px dotted;outline-offset:-1px}.pl-c-button:focus::after{opacity:.1}.pl-c-button__text{text-align:left}.pl-c-button--medium{padding:.65rem 1rem}.pl-c-button--medium.pl-c-button--icon-only{padding:.65rem}.pl-c-button--small{padding:.5rem 1rem}.pl-c-button--small.pl-c-button--icon-only{padding:.5rem}*+.pl-c-button__icon{margin-right:.5rem}.pl-c-button__icon+*{margin-right:.5rem}'],sourceRoot:""}]),e.Z=a},function(t,e,n){"use strict";var r=n(13),o=n.n(r),i=n(14),a=n.n(i)()(o());a.push([t.id,".tooltip-container{color:#222}pl-tooltip>:not(.pl-tooltip){display:none}.pl-tooltip{position:relative;display:inline-block}.pl-tooltip__text{visibility:hidden;width:120px;max-width:200px;background-color:#000;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:50}.pl-tooltip--left .pl-tooltip__text,.pl-tooltip--right .pl-tooltip__text{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pl-tooltip--right .pl-tooltip__text{left:115%}.pl-tooltip--left .pl-tooltip__text{right:115%}.pl-tooltip--bottom .pl-tooltip__text,.pl-tooltip--top .pl-tooltip__text{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pl-tooltip--top .pl-tooltip__text{bottom:115%}.pl-tooltip--bottom .pl-tooltip__text{top:115%}.pl-tooltip:hover .pl-tooltip__text{visibility:visible}","",{version:3,sources:["webpack://./src/scripts/lit-components/pl-tooltip/pl-tooltip.scss"],names:[],mappings:"AAAA,mBAAmB,UAAU,CAAC,6BAA6B,YAAY,CAAC,YAAY,iBAAiB,CAAC,oBAAoB,CAAC,kBAAkB,iBAAiB,CAAC,WAAW,CAAC,eAAe,CAAC,qBAAqB,CAAC,UAAU,CAAC,iBAAiB,CAAC,aAAa,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,UAAU,CAAC,yEAAyE,OAAO,CAAC,kCAAyB,CAAzB,0BAA0B,CAAC,qCAAqC,SAAS,CAAC,oCAAoC,UAAU,CAAC,yEAAyE,QAAQ,CAAC,kCAAyB,CAAzB,0BAA0B,CAAC,mCAAmC,WAAW,CAAC,sCAAsC,QAAQ,CAAC,oCAAoC,kBAAkB",sourcesContent:[".tooltip-container{color:#222}pl-tooltip>:not(.pl-tooltip){display:none}.pl-tooltip{position:relative;display:inline-block}.pl-tooltip__text{visibility:hidden;width:120px;max-width:200px;background-color:#000;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:50}.pl-tooltip--left .pl-tooltip__text,.pl-tooltip--right .pl-tooltip__text{top:50%;transform:translateY(-50%)}.pl-tooltip--right .pl-tooltip__text{left:115%}.pl-tooltip--left .pl-tooltip__text{right:115%}.pl-tooltip--bottom .pl-tooltip__text,.pl-tooltip--top .pl-tooltip__text{left:50%;transform:translateX(-50%)}.pl-tooltip--top .pl-tooltip__text{bottom:115%}.pl-tooltip--bottom .pl-tooltip__text{top:115%}.pl-tooltip:hover .pl-tooltip__text{visibility:visible}"],sourceRoot:""}]),e.Z=a},function(t,e,n){"use strict";var r=n(13),o=n.n(r),i=n(14),a=n.n(i)()(o());a.push([t.id,"pl-toggle-info{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:10;width:100%;cursor:pointer}.pl-c-toggle-info,.pl-c-toggle-info__action{width:100%}","",{version:3,sources:["webpack://./src/scripts/lit-components/pl-toggle-info/pl-toggle-info.scss"],names:[],mappings:"AAAA,eAAe,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,0BAAiB,CAAjB,iBAAiB,CAAC,uBAAsB,CAAtB,oBAAsB,CAAtB,sBAAsB,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,UAAU,CAAC,UAAU,CAAC,cAAc,CAAC,4CAA4C,UAAU",sourcesContent:["pl-toggle-info{display:flex;align-self:center;justify-content:center;align-items:center;z-index:10;width:100%;cursor:pointer}.pl-c-toggle-info,.pl-c-toggle-info__action{width:100%}"],sourceRoot:""}]),e.Z=a},function(t,e,n){"use strict";var r=n(13),o=n.n(r),i=n(14),a=n.n(i)()(o());a.push([t.id,"pl-toggle-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:10;width:100%;cursor:pointer}.pl-c-toggle-layout,.pl-c-toggle-layout__action{width:100%}","",{version:3,sources:["webpack://./src/scripts/lit-components/pl-toggle-layout/pl-toggle-layout.scss"],names:[],mappings:"AAAA,iBAAiB,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,0BAAiB,CAAjB,iBAAiB,CAAC,uBAAsB,CAAtB,oBAAsB,CAAtB,sBAAsB,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,UAAU,CAAC,UAAU,CAAC,cAAc,CAAC,gDAAgD,UAAU",sourcesContent:["pl-toggle-layout{display:flex;align-self:center;justify-content:center;align-items:center;z-index:10;width:100%;cursor:pointer}.pl-c-toggle-layout,.pl-c-toggle-layout__action{width:100%}"],sourceRoot:""}]),e.Z=a},function(t,e,n){"use strict";var r=n(13),o=n.n(r),i=n(14),a=n.n(i)()(o());a.push([t.id,"pl-toggle-theme{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:10;width:100%;cursor:pointer}.pl-c-toggle-theme,.pl-c-toggle-theme__action{width:100%}","",{version:3,sources:["webpack://./src/scripts/lit-components/pl-toggle-theme/pl-toggle-theme.scss"],names:[],mappings:"AAAA,gBAAgB,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,0BAAiB,CAAjB,iBAAiB,CAAC,uBAAsB,CAAtB,oBAAsB,CAAtB,sBAAsB,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,UAAU,CAAC,UAAU,CAAC,cAAc,CAAC,8CAA8C,UAAU",sourcesContent:["pl-toggle-theme{display:flex;align-self:center;justify-content:center;align-items:center;z-index:10;width:100%;cursor:pointer}.pl-c-toggle-theme,.pl-c-toggle-theme__action{width:100%}"],sourceRoot:""}]),e.Z=a},function(t,e,n){"use strict";var r=n(13),o=n.n(r),i=n(14),a=n.n(i)()(o());a.push([t.id,"pl-viewport-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pl-c-viewport-size{margin:0;border:0;font-size:1rem;-webkit-transform:scale(.85);transform:scale(.85);padding:.3rem .25rem;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pl-c-viewport-size__input{padding:.1rem;margin:0;border:0;border-radius:3px;background-color:transparent;color:inherit;width:auto;text-align:right;-webkit-transition:all .1s ease-out;transition:all .1s ease-out;pointer-events:none;text-overflow:ellipsis}.pl-c-viewport-size__input-action{max-width:47px;font-size:inherit;pointer-events:auto}.pl-c-viewport-size__input-action::-moz-focus-inner{padding:0;border:0}.pl-c-viewport-size__input-action:hover{color:#fff;background-color:#222}.pl-c-viewport-size__input-action:active,.pl-c-viewport-size__input-action:focus{color:#fff;background-color:#222;outline:1px dotted #808080;outline-offset:-1px}.pl-c-viewport-size__label{display:block;margin:0;padding:0;cursor:pointer}","",{version:3,sources:["webpack://./src/scripts/lit-components/pl-viewport-size/pl-viewport-size.scss"],names:[],mappings:"AAAA,iBAAiB,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,uBAAqB,CAArB,oBAAqB,CAArB,sBAAsB,CAAC,oBAAoB,QAAQ,CAAC,QAAQ,CAAC,cAAc,CAAC,4BAAoB,CAApB,oBAAoB,CAAC,oBAAoB,CAAC,aAAa,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,mBAAa,CAAb,aAAa,CAAC,uBAAqB,CAArB,oBAAqB,CAArB,sBAAsB,CAAC,2BAA2B,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,iBAAiB,CAAC,4BAA4B,CAAC,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,mCAA2B,CAA3B,2BAA2B,CAAC,mBAAmB,CAAC,sBAAsB,CAAC,kCAAkC,cAAc,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,oDAAoD,SAAS,CAAC,QAAQ,CAAC,wCAAwC,UAAU,CAAC,qBAAqB,CAAC,iFAAiF,UAAU,CAAC,qBAAqB,CAAC,0BAA0B,CAAC,mBAAmB,CAAC,2BAA2B,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,cAAc",sourcesContent:["pl-viewport-size{display:flex;align-items:center;justify-content:center}.pl-c-viewport-size{margin:0;border:0;font-size:1rem;transform:scale(.85);padding:.3rem .25rem;line-height:1;display:flex;align-items:center;flex-shrink:0;justify-content:center}.pl-c-viewport-size__input{padding:.1rem;margin:0;border:0;border-radius:3px;background-color:transparent;color:inherit;width:auto;text-align:right;transition:all .1s ease-out;pointer-events:none;text-overflow:ellipsis}.pl-c-viewport-size__input-action{max-width:47px;font-size:inherit;pointer-events:auto}.pl-c-viewport-size__input-action::-moz-focus-inner{padding:0;border:0}.pl-c-viewport-size__input-action:hover{color:#fff;background-color:#222}.pl-c-viewport-size__input-action:active,.pl-c-viewport-size__input-action:focus{color:#fff;background-color:#222;outline:1px dotted #808080;outline-offset:-1px}.pl-c-viewport-size__label{display:block;margin:0;padding:0;cursor:pointer}"],sourceRoot:""}]),e.Z=a},function(t,e,n){"use strict";var r=n(13),o=n.n(r),i=n(14),a=n.n(i)()(o());a.push([t.id,"pl-logo{-ms-flex-item-align:center;align-self:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:100;padding:0;min-height:44px;min-width:44px}.pl-c-logo{width:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:.5rem .25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:inherit;text-decoration:none;outline:0;text-transform:lowercase;font-size:1.2rem;font-weight:700;line-height:1;margin:0;-webkit-transition:color .2s ease;transition:color .2s ease}@media screen and (min-width:400px){.pl-c-logo{padding:.5rem 12px}}.pl-c-logo:focus{outline:1px dotted;outline-offset:-1px}.pl-c-logo__img{display:block;height:100%;max-width:100%;max-height:23px}.pl-c-logo__img:not(:last-child){margin-right:.25rem}.pl-c-logo__text{display:-webkit-box;display:-ms-flexbox;display:flex;white-space:nowrap}","",{version:3,sources:["webpack://./src/scripts/lit-components/pl-logo/pl-logo.scss"],names:[],mappings:"AAAA,QAAQ,0BAAiB,CAAjB,iBAAiB,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,6BAAkB,CAAlB,4BAAkB,CAAlB,sBAAkB,CAAlB,kBAAkB,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,uBAAsB,CAAtB,oBAAsB,CAAtB,sBAAsB,CAAC,mBAAa,CAAb,aAAa,CAAC,iBAAiB,CAAC,WAAW,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,WAAW,UAAU,CAAC,kBAAW,CAAX,mBAAW,CAAX,WAAW,CAAC,oBAAoB,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,uBAAsB,CAAtB,oBAAsB,CAAtB,sBAAsB,CAAC,aAAa,CAAC,oBAAoB,CAAC,SAAS,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,eAAe,CAAC,aAAa,CAAC,QAAQ,CAAC,iCAAwB,CAAxB,yBAAyB,CAAC,oCAAoC,WAAW,kBAAkB,CAAC,CAAC,iBAAiB,kBAAkB,CAAC,mBAAmB,CAAC,gBAAgB,aAAa,CAAC,WAAW,CAAC,cAAc,CAAC,eAAe,CAAC,iCAAiC,mBAAmB,CAAC,iBAAiB,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,kBAAkB",sourcesContent:["pl-logo{align-self:center;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:100;padding:0;min-height:44px;min-width:44px}.pl-c-logo{width:auto;flex-grow:1;padding:.5rem .25rem;display:flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;outline:0;text-transform:lowercase;font-size:1.2rem;font-weight:700;line-height:1;margin:0;transition:color .2s ease}@media screen and (min-width:400px){.pl-c-logo{padding:.5rem 12px}}.pl-c-logo:focus{outline:1px dotted;outline-offset:-1px}.pl-c-logo__img{display:block;height:100%;max-width:100%;max-height:23px}.pl-c-logo__img:not(:last-child){margin-right:.25rem}.pl-c-logo__text{display:flex;white-space:nowrap}"],sourceRoot:""}]),e.Z=a},function(t,e,n){"use strict";var r=n(13),o=n.n(r),i=n(14),a=n.n(i)()(o());a.push([t.id,"pl-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;min-height:100%;max-width:100vw;background-color:#fff;overflow:initial}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){pl-layout{overflow:hidden}}pl-layout .pl-c-layout{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media all and (min-width:42em){pl-layout.pl-c-body--theme-sidebar{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}pl-layout.pl-c-body--theme-light{background-color:#fff}","",{version:3,sources:["webpack://./src/scripts/lit-components/pl-layout/pl-layout.scss"],names:[],mappings:"AAAA,UAAU,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,UAAU,CAAC,eAAe,CAAC,eAAe,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,mEAAmE,UAAU,eAAe,CAAC,CAAC,uBAAuB,kBAAU,CAAV,mBAAU,CAAV,WAAW,CAAC,gCAAgC,mCAAmC,6BAAiB,CAAjB,4BAAiB,CAAjB,sBAAiB,CAAjB,kBAAkB,CAAC,CAAC,iCAAiC,qBAAqB",sourcesContent:["pl-layout{display:flex;flex-direction:column;width:100%;min-height:100%;max-width:100vw;background-color:#fff;overflow:initial}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){pl-layout{overflow:hidden}}pl-layout .pl-c-layout{flex-grow:1}@media all and (min-width:42em){pl-layout.pl-c-body--theme-sidebar{flex-direction:row}}pl-layout.pl-c-body--theme-light{background-color:#fff}"],sourceRoot:""}]),e.Z=a},function(t,e,n){"use strict";var r=n(13),o=n.n(r),i=n(14),a=n.n(i)()(o());a.push([t.id,'pl-controls{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-item-align:center;align-self:center}.pl-c-body--theme-sidebar pl-controls{display:block}@media all and (min-width:42em){.pl-c-body--theme-sidebar pl-controls{width:100%;position:relative;padding-top:.5rem}.pl-c-body--theme-sidebar pl-controls::before{position:absolute;left:0;right:0;top:0;border-top:1px solid;border-top-color:#ccc;border-top-color:var(--theme-border,#ccc);height:1px;content:"";width:auto}}.pl-c-controls{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-controls{display:block}}.pl-c-controls__list{list-style:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}',"",{version:3,sources:["webpack://./src/scripts/lit-components/pl-controls/pl-controls.scss"],names:[],mappings:"AAAA,YAAY,gBAAgB,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,oBAAgB,CAAhB,gBAAgB,CAAC,0BAAgB,CAAhB,iBAAiB,CAAC,sCAAsC,aAAa,CAAC,gCAAgC,sCAAsC,UAAU,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,8CAA8C,iBAAiB,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,yCAAyC,CAAC,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,eAAe,gBAAgB,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,oBAAe,CAAf,gBAAgB,CAAC,gCAAgC,yCAAyC,aAAa,CAAC,CAAC,qBAAqB,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,oBAAe,CAAf,gBAAgB",sourcesContent:['pl-controls{margin-left:auto;display:flex;flex-wrap:nowrap;align-self:center}.pl-c-body--theme-sidebar pl-controls{display:block}@media all and (min-width:42em){.pl-c-body--theme-sidebar pl-controls{width:100%;position:relative;padding-top:.5rem}.pl-c-body--theme-sidebar pl-controls::before{position:absolute;left:0;right:0;top:0;border-top:1px solid;border-top-color:#ccc;border-top-color:var(--theme-border,#ccc);height:1px;content:"";width:auto}}.pl-c-controls{margin-left:auto;display:flex;flex-wrap:nowrap}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-controls{display:block}}.pl-c-controls__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap}'],sourceRoot:""}]),e.Z=a},function(t,e,n){"use strict";var r=n(13),o=n.n(r),i=n(14),a=n.n(i)()(o());a.push([t.id,'pl-drawer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;position:-webkit-sticky;position:sticky;top:auto;bottom:0;left:0;right:0;z-index:20;overflow:visible}.pl-c-drawer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:"Open Sans",HelveticaNeue,Helvetica,Arial,sans-serif;background-color:#222;background-color:var(--theme-secondary,#222);color:#ccc;width:100%;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);pointer-events:none;overflow:hidden;max-width:100vw}@supports (padding:0px){.pl-c-drawer{padding-left:calc(env(safe-area-inset-left)/ 2);padding-right:calc(env(safe-area-inset-right)/ 2)}}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-drawer{max-width:calc(100vw - 16rem)}}.pl-c-body--theme-light .pl-c-drawer{background-color:#fff;color:#4d4c4c}.pl-c-drawer.pl-is-active{pointer-events:auto}.pl-c-drawer__wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);will-change:height;overflow:hidden}.pl-c-drawer__wrapper>*{height:100%}.pl-c-drawer__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;max-height:calc(100% - 32px - 1.5rem)}.pl-c-drawer__toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0}.pl-c-drawer__content-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden}@supports (padding:env(safe-area-inset-top)){.pl-c-drawer__content-wrapper{padding-right:calc(env(safe-area-inset-right) - .9rem)}}.pl-c-drawer__toolbar-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-item-align:end;align-self:flex-end;position:relative;z-index:10;-ms-flex-negative:0;flex-shrink:0}.pl-c-drawer__close-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;text-decoration:none;line-height:1;padding:.7rem .5rem;border:0;text-align:left;-webkit-transition:background-color .1s ease-out,color .1s ease-out;transition:background-color .1s ease-out,color .1s ease-out;cursor:pointer;margin:0;padding:.2rem;-webkit-appearance:none;-ms-flex-negative:0;flex-shrink:0;z-index:2;opacity:.85;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pl-c-drawer__close-btn.pl-is-active:hover,.pl-c-drawer__close-btn:hover{background-color:rgba(0,0,0,.1)}.pl-c-body--theme-density-cozy .pl-c-drawer__close-btn{font-size:.85rem;padding:1.2rem .8rem}.pl-c-body--theme-density-comfortable .pl-c-drawer__close-btn{font-size:.85rem;padding:1.5rem 1rem}@media all and (max-width:41em){.pl-c-drawer__close-btn{border-radius:20rem;padding-top:.5rem;padding-bottom:.5rem}}.pl-c-drawer__close-btn:focus,.pl-c-drawer__close-btn:hover{opacity:1}.pl-c-drawer__close-btn:active,.pl-c-drawer__close-btn:focus{opacity:1}.pl-c-drawer__cover{width:100%;height:100%;top:0;left:0;position:fixed;z-index:20;cursor:move}.pl-c-drawer__resizer{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;top:0;left:0;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:20px;width:100%;background-color:inherit;z-index:2;cursor:ns-resize;border-bottom:1.1px solid #ccc;border-bottom-color:#ccc;border-bottom-color:var(--theme-border,#ccc);padding-top:5px;padding-bottom:5px}.pl-c-drawer__resizer::after{content:"";height:100%;width:100%;left:0;opacity:0;top:0;position:absolute;pointer-events:none;display:block;background-color:currentColor;-webkit-transition:.3s cubic-bezier(.25, .8, .25, 1);transition:.3s cubic-bezier(.25, .8, .25, 1)}.pl-c-drawer__resizer:hover::after{opacity:.1}.pl-c-drawer__resizer:active::after,.pl-c-drawer__resizer:focus::after{opacity:.2}.pl-c-drawer__resizer-icon{width:10px;height:100%;fill:currentColor;z-index:100;-webkit-transform:scale(3,1) rotate(90deg);transform:scale(3,1) rotate(90deg)}.pl-c-drawer__close-btn-icon{width:20px;height:20px;color:currentColor;fill:currentColor;-webkit-transition:fill .1s ease-out;transition:fill .1s ease-out;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:center;align-self:center}',"",{version:3,sources:["webpack://./src/scripts/lit-components/pl-drawer/pl-drawer.scss"],names:[],mappings:"AAAA,UAAU,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,iBAAiB,CAAC,uBAAe,CAAf,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,gBAAgB,CAAC,aAAa,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,gEAAgE,CAAC,qBAAqB,CAAC,4CAA4C,CAAC,UAAU,CAAC,UAAU,CAAC,WAAW,CAAC,oCAA4B,CAA5B,4BAA4B,CAAC,mBAAmB,CAAC,eAAe,CAAC,eAAe,CAAC,wBAAwB,aAAa,+CAA+C,CAAC,iDAAiD,CAAC,CAAC,gCAAgC,uCAAuC,6BAA6B,CAAC,CAAC,qCAAqC,qBAAqB,CAAC,aAAa,CAAC,0BAA0B,mBAAmB,CAAC,sBAAsB,oCAA4B,CAA5B,4BAA4B,CAAC,kBAAkB,CAAC,eAAe,CAAC,wBAAwB,WAAW,CAAC,sBAAsB,kBAAW,CAAX,mBAAW,CAAX,WAAW,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,UAAU,CAAC,eAAe,CAAC,qCAAqC,CAAC,sBAAsB,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,mBAAY,CAAZ,aAAa,CAAC,8BAA8B,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,kBAAW,CAAX,mBAAW,CAAX,WAAW,CAAC,eAAe,CAAC,6CAA6C,8BAA8B,sDAAsD,CAAC,CAAC,+BAA+B,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,6BAAkB,CAAlB,4BAAkB,CAAlB,sBAAkB,CAAlB,kBAAkB,CAAC,uBAAmB,CAAnB,mBAAmB,CAAC,iBAAiB,CAAC,UAAU,CAAC,mBAAY,CAAZ,aAAa,CAAC,wBAAwB,wBAAwB,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,aAAa,CAAC,oBAAoB,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,CAAC,eAAe,CAAC,mEAA2D,CAA3D,2DAA2D,CAAC,cAAc,CAAC,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC,mBAAa,CAAb,aAAa,CAAC,SAAS,CAAC,WAAW,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,uBAAqB,CAArB,oBAAqB,CAArB,sBAAsB,CAAC,yEAAyE,+BAA+B,CAAC,uDAAuD,gBAAgB,CAAC,oBAAoB,CAAC,8DAA8D,gBAAgB,CAAC,mBAAmB,CAAC,gCAAgC,wBAAwB,mBAAmB,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAAC,4DAA4D,SAAS,CAAC,6DAA6D,SAAS,CAAC,oBAAoB,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,sBAAsB,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,uBAAsB,CAAtB,oBAAsB,CAAtB,sBAAsB,CAAC,WAAW,CAAC,UAAU,CAAC,wBAAwB,CAAC,SAAS,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,wBAAwB,CAAC,4CAA4C,CAAC,eAAe,CAAC,kBAAkB,CAAC,6BAA6B,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,aAAa,CAAC,6BAA6B,CAAC,oDAA2C,CAA3C,4CAA4C,CAAC,mCAAmC,UAAU,CAAC,uEAAuE,UAAU,CAAC,2BAA2B,UAAU,CAAC,WAAW,CAAC,iBAAiB,CAAC,WAAW,CAAC,0CAAiC,CAAjC,kCAAkC,CAAC,6BAA6B,UAAU,CAAC,WAAW,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,oCAA4B,CAA5B,4BAA4B,CAAC,mBAAa,CAAb,aAAa,CAAC,0BAAgB,CAAhB,iBAAiB",sourcesContent:['pl-drawer{display:flex;flex-direction:column;position:relative;position:sticky;top:auto;bottom:0;left:0;right:0;z-index:20;overflow:visible}.pl-c-drawer{display:flex;flex-direction:column;font-family:"Open Sans",HelveticaNeue,Helvetica,Arial,sans-serif;background-color:#222;background-color:var(--theme-secondary,#222);color:#ccc;width:100%;height:100%;transform:translate3d(0,0,0);pointer-events:none;overflow:hidden;max-width:100vw}@supports (padding:0px){.pl-c-drawer{padding-left:calc(env(safe-area-inset-left)/ 2);padding-right:calc(env(safe-area-inset-right)/ 2)}}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-drawer{max-width:calc(100vw - 16rem)}}.pl-c-body--theme-light .pl-c-drawer{background-color:#fff;color:#4d4c4c}.pl-c-drawer.pl-is-active{pointer-events:auto}.pl-c-drawer__wrapper{transform:translate3d(0,0,0);will-change:height;overflow:hidden}.pl-c-drawer__wrapper>*{height:100%}.pl-c-drawer__content{flex-grow:1;display:flex;width:100%;overflow:hidden;max-height:calc(100% - 32px - 1.5rem)}.pl-c-drawer__toolbar{display:flex;flex-direction:column;flex-shrink:0}.pl-c-drawer__content-wrapper{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}@supports (padding:env(safe-area-inset-top)){.pl-c-drawer__content-wrapper{padding-right:calc(env(safe-area-inset-right) - .9rem)}}.pl-c-drawer__toolbar-controls{display:flex;flex-direction:row;align-self:flex-end;position:relative;z-index:10;flex-shrink:0}.pl-c-drawer__close-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;text-decoration:none;line-height:1;padding:.7rem .5rem;border:0;text-align:left;transition:background-color .1s ease-out,color .1s ease-out;cursor:pointer;margin:0;padding:.2rem;-webkit-appearance:none;flex-shrink:0;z-index:2;opacity:.85;display:flex;justify-content:center}.pl-c-drawer__close-btn.pl-is-active:hover,.pl-c-drawer__close-btn:hover{background-color:rgba(0,0,0,.1)}.pl-c-body--theme-density-cozy .pl-c-drawer__close-btn{font-size:.85rem;padding:1.2rem .8rem}.pl-c-body--theme-density-comfortable .pl-c-drawer__close-btn{font-size:.85rem;padding:1.5rem 1rem}@media all and (max-width:41em){.pl-c-drawer__close-btn{border-radius:20rem;padding-top:.5rem;padding-bottom:.5rem}}.pl-c-drawer__close-btn:focus,.pl-c-drawer__close-btn:hover{opacity:1}.pl-c-drawer__close-btn:active,.pl-c-drawer__close-btn:focus{opacity:1}.pl-c-drawer__cover{width:100%;height:100%;top:0;left:0;position:fixed;z-index:20;cursor:move}.pl-c-drawer__resizer{display:flex;position:relative;top:0;left:0;right:0;align-items:center;justify-content:center;height:20px;width:100%;background-color:inherit;z-index:2;cursor:ns-resize;border-bottom:1.1px solid #ccc;border-bottom-color:#ccc;border-bottom-color:var(--theme-border,#ccc);padding-top:5px;padding-bottom:5px}.pl-c-drawer__resizer::after{content:"";height:100%;width:100%;left:0;opacity:0;top:0;position:absolute;pointer-events:none;display:block;background-color:currentColor;transition:.3s cubic-bezier(.25, .8, .25, 1)}.pl-c-drawer__resizer:hover::after{opacity:.1}.pl-c-drawer__resizer:active::after,.pl-c-drawer__resizer:focus::after{opacity:.2}.pl-c-drawer__resizer-icon{width:10px;height:100%;fill:currentColor;z-index:100;transform:scale(3,1) rotate(90deg)}.pl-c-drawer__close-btn-icon{width:20px;height:20px;color:currentColor;fill:currentColor;transition:fill .1s ease-out;flex-shrink:0;align-self:center}'],sourceRoot:""}]),e.Z=a},function(t,e,n){"use strict";var r=n(13),o=n.n(r),i=n(14),a=n.n(i)()(o());a.push([t.id,'pl-header{position:relative;position:-webkit-sticky;position:sticky;top:0;left:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;background-color:#000;background-color:var(--theme-secondary,#000);max-height:100vh;color:#ccc;color:var(--theme-text,#ccc);border-right:1px solid;border-right-color:#ccc;border-right-color:var(--theme-border,#ccc);padding-left:calc(env(safe-area-inset-left)/ 2);padding-right:calc(env(safe-area-inset-right)/ 2)}.pl-c-body--theme-light pl-header{color:#000;background-color:#fff}.pl-c-body--theme-sidebar pl-header{padding-right:0}@media all and (min-width:42em){.pl-c-body--theme-sidebar pl-header{position:fixed;position:-webkit-sticky;position:sticky;overflow:auto;width:16rem;border-bottom:0}}.pl-c-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;font-family:"Open Sans",HelveticaNeue,Helvetica,Arial,sans-serif;font-size:.9rem;min-height:30px;background-color:inherit}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.pl-c-header__nav-toggle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;text-decoration:none;line-height:1;padding:.7rem .5rem;border:0;text-align:left;-webkit-transition:background-color .1s ease-out,color .1s ease-out;transition:background-color .1s ease-out,color .1s ease-out;cursor:pointer;padding:11px 12px;border:0}.pl-c-header__nav-toggle.pl-is-active:hover,.pl-c-header__nav-toggle:hover{background-color:rgba(0,0,0,.1)}.pl-c-body--theme-density-cozy .pl-c-header__nav-toggle{font-size:.85rem;padding:1.2rem .8rem}.pl-c-body--theme-density-comfortable .pl-c-header__nav-toggle{font-size:.85rem;padding:1.5rem 1rem}@media all and (min-width:42em){.pl-c-header__nav-toggle{display:none}}.pl-c-header__nav-toggle:focus{outline:1px dotted;outline-offset:-1px}',"",{version:3,sources:["webpack://./src/scripts/lit-components/pl-header/pl-header.scss"],names:[],mappings:"AAAA,UAAU,iBAAiB,CAAC,uBAAe,CAAf,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,UAAU,CAAC,qBAAqB,CAAC,4CAA4C,CAAC,gBAAgB,CAAC,UAAU,CAAC,4BAA4B,CAAC,sBAAsB,CAAC,uBAAuB,CAAC,2CAA2C,CAAC,+CAA+C,CAAC,iDAAiD,CAAC,kCAAkC,UAAU,CAAC,qBAAqB,CAAC,oCAAoC,eAAe,CAAC,gCAAgC,oCAAoC,cAAc,CAAC,uBAAe,CAAf,eAAe,CAAC,aAAa,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,aAAa,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,6BAAkB,CAAlB,4BAAkB,CAAlB,sBAAkB,CAAlB,kBAAkB,CAAC,UAAU,CAAC,gEAAgE,CAAC,eAAe,CAAC,eAAe,CAAC,wBAAwB,CAAC,gCAAgC,uCAAuC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,wBAA4B,CAA5B,qBAA4B,CAA5B,6BAA6B,CAAC,CAAC,yBAAyB,wBAAwB,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,aAAa,CAAC,oBAAoB,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,CAAC,eAAe,CAAC,mEAA2D,CAA3D,2DAA2D,CAAC,cAAc,CAAC,iBAAiB,CAAC,QAAQ,CAAC,2EAA2E,+BAA+B,CAAC,wDAAwD,gBAAgB,CAAC,oBAAoB,CAAC,+DAA+D,gBAAgB,CAAC,mBAAmB,CAAC,gCAAgC,yBAAyB,YAAY,CAAC,CAAC,+BAA+B,kBAAkB,CAAC,mBAAmB",sourcesContent:['pl-header{position:relative;position:sticky;top:0;left:0;z-index:100;display:flex;width:100%;background-color:#000;background-color:var(--theme-secondary,#000);max-height:100vh;color:#ccc;color:var(--theme-text,#ccc);border-right:1px solid;border-right-color:#ccc;border-right-color:var(--theme-border,#ccc);padding-left:calc(env(safe-area-inset-left)/ 2);padding-right:calc(env(safe-area-inset-right)/ 2)}.pl-c-body--theme-light pl-header{color:#000;background-color:#fff}.pl-c-body--theme-sidebar pl-header{padding-right:0}@media all and (min-width:42em){.pl-c-body--theme-sidebar pl-header{position:fixed;position:sticky;overflow:auto;width:16rem;border-bottom:0}}.pl-c-header{display:flex;flex-direction:row;width:100%;font-family:"Open Sans",HelveticaNeue,Helvetica,Arial,sans-serif;font-size:.9rem;min-height:30px;background-color:inherit}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-header{flex-direction:column;justify-content:space-between}}.pl-c-header__nav-toggle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;text-decoration:none;line-height:1;padding:.7rem .5rem;border:0;text-align:left;transition:background-color .1s ease-out,color .1s ease-out;cursor:pointer;padding:11px 12px;border:0}.pl-c-header__nav-toggle.pl-is-active:hover,.pl-c-header__nav-toggle:hover{background-color:rgba(0,0,0,.1)}.pl-c-body--theme-density-cozy .pl-c-header__nav-toggle{font-size:.85rem;padding:1.2rem .8rem}.pl-c-body--theme-density-comfortable .pl-c-header__nav-toggle{font-size:.85rem;padding:1.5rem 1rem}@media all and (min-width:42em){.pl-c-header__nav-toggle{display:none}}.pl-c-header__nav-toggle:focus{outline:1px dotted;outline-offset:-1px}'],sourceRoot:""}]),e.Z=a},function(t,e,n){"use strict";var r=n(13),o=n.n(r),i=n(14),a=n.n(i)()(o());a.push([t.id,"@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pl-c-loader-wrapper{position:absolute;top:0;left:0;right:0;bottom:0}.pl-c-loader-wrapper:not(:last-child){opacity:0;pointer-events:none;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease}.pl-c-loader{z-index:1000;position:absolute;top:50%;left:50%;margin:auto;max-width:25rem;width:calc(90vw - 2rem);border-radius:3px;background:rgba(0,0,0,.9);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;pointer-events:none;opacity:1}.pl-c-loader__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:auto}.pl-c-loader__message{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:1rem;font-size:.85rem;color:#fff}.pl-c-loader__spinner{position:relative;display:inline-block;width:4rem;height:2rem}.pl-c-loader-svg:not(:root){overflow:hidden}.pl-c-loader-svg{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.pl-c-loader-svg__outer-circle{fill:none;stroke:#fff;stroke-width:15;stroke-miterlimit:10}.pl-c-loader-svg__electron,.pl-c-loader-svg__inner-circle{fill:#ccc}","",{version:3,sources:["webpack://./src/sass/pattern-lab--iframe-loader.scss"],names:[],mappings:"AAAA,0BAAkB,GAAG,2BAAkB,CAAlB,mBAAmB,CAAC,KAAK,gCAAuB,CAAvB,wBAAwB,CAAC,CAAvE,kBAAkB,GAAG,2BAAkB,CAAlB,mBAAmB,CAAC,KAAK,gCAAuB,CAAvB,wBAAwB,CAAC,CAAC,qBAAqB,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,sCAAsC,SAAS,CAAC,mBAAmB,CAAC,8DAA6C,CAA7C,sDAA6C,CAA7C,8CAA6C,CAA7C,yEAA8C,CAAC,aAAa,YAAY,CAAC,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,eAAe,CAAC,uBAAuB,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,0CAAkC,CAAlC,kCAAkC,CAAC,8DAA8C,CAA9C,sDAA8C,CAA9C,8CAA8C,CAA9C,yEAA8C,CAAC,mBAAmB,CAAC,SAAS,CAAC,sBAAsB,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,mBAAmB,CAAC,sBAAsB,kBAAM,CAAN,UAAM,CAAN,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,UAAU,CAAC,sBAAsB,iBAAiB,CAAC,oBAAoB,CAAC,UAAU,CAAC,WAAW,CAAC,4BAA4B,eAAe,CAAC,iBAAiB,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,+BAAuB,CAAvB,uBAAuB,CAAC,2CAAkC,CAAlC,mCAAmC,CAAC,+BAA+B,SAAS,CAAC,WAAW,CAAC,eAAe,CAAC,oBAAoB,CAAC,0DAA0D,SAAS",sourcesContent:["@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.pl-c-loader-wrapper{position:absolute;top:0;left:0;right:0;bottom:0}.pl-c-loader-wrapper:not(:last-child){opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.pl-c-loader{z-index:1000;position:absolute;top:50%;left:50%;margin:auto;max-width:25rem;width:calc(90vw - 2rem);border-radius:3px;background:rgba(0,0,0,.9);transform:translate3d(-50%,-50%,0);transition:opacity .3s ease,transform .3s ease;pointer-events:none;opacity:1}.pl-c-loader__content{display:flex;align-items:center;pointer-events:auto}.pl-c-loader__message{flex:1;padding:1rem;font-size:.85rem;color:#fff}.pl-c-loader__spinner{position:relative;display:inline-block;width:4rem;height:2rem}.pl-c-loader-svg:not(:root){overflow:hidden}.pl-c-loader-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateZ(0);animation:rotate 1s linear infinite}.pl-c-loader-svg__outer-circle{fill:none;stroke:#fff;stroke-width:15;stroke-miterlimit:10}.pl-c-loader-svg__electron,.pl-c-loader-svg__inner-circle{fill:#ccc}"],sourceRoot:""}]),e.Z=a},function(t,e,n){"use strict";var r=n(13),o=n.n(r),i=n(14),a=n.n(i)()(o());a.push([t.id,'.pl-c-viewport-modal-wrapper{background-color:#f4f4f4}pl-iframe{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background-color:#f4f4f4}.pl-c-viewport{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;position:relative;top:0;bottom:0;left:0;right:0;z-index:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-transition:height .3s ease;transition:height .3s ease}.pl-c-viewport__cover{width:100%;height:100%;position:fixed;top:0;left:0;z-index:200;cursor:move;pointer-events:auto}.pl-c-viewport__iframe-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100vw;max-width:100vw;position:relative;margin:0 auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-overflow-scrolling:touch;min-width:240px;max-width:100vw;background:#f4f4f4;padding-right:0;padding-left:0}.pl-c-viewport__iframe-wrapper.hay-mode{-webkit-transition:all 40s linear;transition:all 40s linear}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-viewport__iframe-wrapper{max-width:calc(100vw - 16rem);width:calc(100vw - 16rem)}}.is-animating{-webkit-transition:all .2s linear;transition:all .2s linear}.pl-c-viewport__iframe{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:100%;border:0;padding:0;margin:0;top:0;bottom:0;left:0;right:0;background-color:#fff;max-width:100vw;overflow:hidden;border-radius:0}.pl-c-viewport__iframe.is-ready{min-height:0}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-viewport__iframe{max-width:calc(100vw - 16rem)}}.pl-c-viewport__iframe.hay-mode{-webkit-transition:all 40s linear;transition:all 40s linear}.pl-c-viewport__resizer{position:absolute;width:20px;right:-20px;top:0;bottom:0;margin:0;height:100%;cursor:ew-resize}.pl-c-viewport__resizer-handle{margin:0;width:100%;height:100%;-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out;position:relative;color:#4d4c4c;padding-left:5px;padding-right:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background .3s cubic-bezier(.25, .8, .25, 1)!important;transition:background .3s cubic-bezier(.25, .8, .25, 1)!important;cursor:ew-resize;background-color:#f4f4f4}.pl-c-viewport__resizer-handle::after{content:"";height:100%;width:100%;left:0;opacity:0;top:0;position:absolute;pointer-events:none;display:block;background-color:currentColor;-webkit-transition:.3s cubic-bezier(.25, .8, .25, 1);transition:.3s cubic-bezier(.25, .8, .25, 1)}.pl-c-viewport__resizer-handle.is-resizing::after,.pl-c-viewport__resizer-handle:hover::after{opacity:.1}.pl-c-viewport__resizer-handle:active::after,.pl-c-viewport__resizer-handle:focus::after{opacity:.2}.pl-c-viewport__resizer-handle:active{cursor:move}.pl-c-viewport__resizer-handle-icon{width:100%;fill:currentColor;z-index:100;-webkit-transform:scale(1,3);transform:scale(1,3);height:auto}.vp-animate{-webkit-transition:all .8 ease-in;transition:all .8 ease-in}.pl-c-viewport-modal-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100vw;position:relative}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-viewport-modal-wrapper{max-width:calc(100vw - 16rem)}}@media all and (min-width:42em) and (-ms-high-contrast:none),(min-width:42em) and (-ms-high-contrast:active){.pl-c-body--theme-sidebar .pl-c-viewport-modal-wrapper{margin-left:16rem}}',"",{version:3,sources:["webpack://./src/scripts/lit-components/pl-viewport/pl-viewport.scss"],names:[],mappings:"AAAA,6BAA6B,wBAAwB,CAAC,UAAU,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,kBAAW,CAAX,mBAAW,CAAX,WAAW,CAAC,wBAAwB,CAAC,eAAe,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,kBAAW,CAAX,mBAAW,CAAX,WAAW,CAAC,kCAAyB,CAAzB,0BAA0B,CAAC,sBAAsB,UAAU,CAAC,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,+BAA+B,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,WAAW,CAAC,eAAe,CAAC,iBAAiB,CAAC,aAAa,CAAC,kBAAW,CAAX,mBAAW,CAAX,WAAW,CAAC,gCAAgC,CAAC,eAAe,CAAC,eAAe,CAAC,kBAAkB,CAAC,eAAe,CAAC,cAAc,CAAC,wCAAwC,iCAAwB,CAAxB,yBAAyB,CAAC,gCAAgC,yDAAyD,6BAA6B,CAAC,yBAAyB,CAAC,CAAC,cAAc,iCAAwB,CAAxB,yBAAyB,CAAC,uBAAuB,kBAAW,CAAX,mBAAW,CAAX,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,qBAAqB,CAAC,eAAe,CAAC,eAAe,CAAC,eAAe,CAAC,gCAAgC,YAAY,CAAC,gCAAgC,iDAAiD,6BAA6B,CAAC,CAAC,gCAAgC,iCAAwB,CAAxB,yBAAyB,CAAC,wBAAwB,iBAAiB,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,gBAAgB,CAAC,+BAA+B,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,uCAA+B,CAA/B,+BAA+B,CAAC,iBAAiB,CAAC,aAAa,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,uBAAsB,CAAtB,oBAAsB,CAAtB,sBAAsB,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,yEAAiE,CAAjE,iEAAiE,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,sCAAsC,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,aAAa,CAAC,6BAA6B,CAAC,oDAA2C,CAA3C,4CAA4C,CAAC,8FAA8F,UAAU,CAAC,yFAAyF,UAAU,CAAC,sCAAsC,WAAW,CAAC,oCAAoC,UAAU,CAAC,iBAAiB,CAAC,WAAW,CAAC,4BAAoB,CAApB,oBAAoB,CAAC,WAAW,CAAC,YAAY,iCAAwB,CAAxB,yBAAyB,CAAC,6BAA6B,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,kBAAW,CAAX,mBAAW,CAAX,WAAW,CAAC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,eAAe,CAAC,iBAAiB,CAAC,gCAAgC,uDAAuD,6BAA6B,CAAC,CAAC,6GAA6G,uDAAuD,iBAAiB,CAAC",sourcesContent:['.pl-c-viewport-modal-wrapper{background-color:#f4f4f4}pl-iframe{display:flex;flex-grow:1;background-color:#f4f4f4}.pl-c-viewport{display:flex;flex-direction:column;width:100%;position:relative;top:0;bottom:0;left:0;right:0;z-index:0;flex-grow:1;transition:height .3s ease}.pl-c-viewport__cover{width:100%;height:100%;position:fixed;top:0;left:0;z-index:200;cursor:move;pointer-events:auto}.pl-c-viewport__iframe-wrapper{display:flex;flex-direction:column;width:100vw;max-width:100vw;position:relative;margin:0 auto;flex-grow:1;-webkit-overflow-scrolling:touch;min-width:240px;max-width:100vw;background:#f4f4f4;padding-right:0;padding-left:0}.pl-c-viewport__iframe-wrapper.hay-mode{transition:all 40s linear}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-viewport__iframe-wrapper{max-width:calc(100vw - 16rem);width:calc(100vw - 16rem)}}.is-animating{transition:all .2s linear}.pl-c-viewport__iframe{flex-grow:1;width:100%;border:0;padding:0;margin:0;top:0;bottom:0;left:0;right:0;background-color:#fff;max-width:100vw;overflow:hidden;border-radius:0}.pl-c-viewport__iframe.is-ready{min-height:0}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-viewport__iframe{max-width:calc(100vw - 16rem)}}.pl-c-viewport__iframe.hay-mode{transition:all 40s linear}.pl-c-viewport__resizer{position:absolute;width:20px;right:-20px;top:0;bottom:0;margin:0;height:100%;cursor:ew-resize}.pl-c-viewport__resizer-handle{margin:0;width:100%;height:100%;transition:opacity .1s ease-out;position:relative;color:#4d4c4c;padding-left:5px;padding-right:5px;display:flex;justify-content:center;align-items:center;transition:background .3s cubic-bezier(.25, .8, .25, 1)!important;cursor:ew-resize;background-color:#f4f4f4}.pl-c-viewport__resizer-handle::after{content:"";height:100%;width:100%;left:0;opacity:0;top:0;position:absolute;pointer-events:none;display:block;background-color:currentColor;transition:.3s cubic-bezier(.25, .8, .25, 1)}.pl-c-viewport__resizer-handle.is-resizing::after,.pl-c-viewport__resizer-handle:hover::after{opacity:.1}.pl-c-viewport__resizer-handle:active::after,.pl-c-viewport__resizer-handle:focus::after{opacity:.2}.pl-c-viewport__resizer-handle:active{cursor:move}.pl-c-viewport__resizer-handle-icon{width:100%;fill:currentColor;z-index:100;transform:scale(1,3);height:auto}.vp-animate{transition:all .8 ease-in}.pl-c-viewport-modal-wrapper{display:flex;flex-grow:1;flex-direction:column;max-width:100vw;position:relative}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-viewport-modal-wrapper{max-width:calc(100vw - 16rem)}}@media all and (min-width:42em) and (-ms-high-contrast:none),(min-width:42em) and (-ms-high-contrast:active){.pl-c-body--theme-sidebar .pl-c-viewport-modal-wrapper{margin-left:16rem}}'],sourceRoot:""}]),e.Z=a},function(t,e,n){"use strict";var r=n(13),o=n.n(r),i=n(14),a=n.n(i)()(o());a.push([t.id,'pl-tools-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pl-c-tools{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.pl-c-tools__list{list-style:none;margin:0;padding:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);position:absolute;right:5px;z-index:10;width:12rem;border-radius:6px;top:calc(100% - 2px);-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);background-color:#222;background-color:var(--theme-primary,#222);-webkit-transform:translateY(-4rem);transform:translateY(-4rem);opacity:0;max-height:0;visibility:hidden;pointer-events:none}.pl-c-tools__list.is-open{opacity:1;max-height:9999px;visibility:visible;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}.pl-c-body--theme-light .pl-c-tools__list{background-color:#fff;background-color:var(--theme-primary,#fff)}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-tools__list{-webkit-box-shadow:none;box-shadow:none;top:0;-webkit-transform:none;transform:none;border-radius:0;background-color:transparent;right:0;opacity:1;visibility:visible;pointer-events:auto}}.pl-c-tools__list.is-active{overflow:visible}.pl-c-tools__list::before{content:"";height:14px;width:14px;background-color:#222;background-color:var(--theme-primary,#222);position:absolute;right:0;top:-10px;-webkit-transform:translateY(50%) translateX(-50%) rotate(45deg);transform:translateY(50%) translateX(-50%) rotate(45deg);-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out;-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-tools__list::before{display:none}}.pl-c-tools__list.is-active::before{opacity:1;visibility:visible}.pl-c-tools__item{position:relative;overflow:hidden;background-color:inherit}.pl-c-tools__item:first-child{border-top-left-radius:6px;border-top-right-radius:6px}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-tools__item:first-child{border-radius:0}}.pl-c-tools__item:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-tools__item:last-child{border-radius:0}}',"",{version:3,sources:["webpack://./src/scripts/lit-components/pl-tools-menu/pl-tools-menu.scss"],names:[],mappings:"AAAA,cAAc,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,uBAAqB,CAArB,oBAAqB,CAArB,sBAAsB,CAAC,YAAY,iBAAiB,CAAC,mBAAW,CAAX,mBAAW,CAAX,YAAY,CAAC,kBAAkB,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC,mCAA2B,CAA3B,2BAA2B,CAAC,iBAAiB,CAAC,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,yCAAiC,CAAjC,iCAAiC,CAAC,qBAAqB,CAAC,0CAA0C,CAAC,mCAA2B,CAA3B,2BAA2B,CAAC,SAAS,CAAC,YAAY,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,0BAA0B,SAAS,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,+BAAsB,CAAtB,uBAAuB,CAAC,0CAA0C,qBAAqB,CAAC,0CAA0C,CAAC,gCAAgC,4CAA4C,uBAAe,CAAf,eAAe,CAAC,KAAK,CAAC,sBAAc,CAAd,cAAc,CAAC,eAAe,CAAC,4BAA4B,CAAC,OAAO,CAAC,SAAS,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC,4BAA4B,gBAAgB,CAAC,0BAA0B,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC,qBAAqB,CAAC,0CAA0C,CAAC,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC,gEAAwD,CAAxD,wDAAwD,CAAC,uCAA+B,CAA/B,+BAA+B,CAAC,yCAAgC,CAAhC,iCAAiC,CAAC,gCAAgC,oDAAoD,YAAY,CAAC,CAAC,oCAAoC,SAAS,CAAC,kBAAkB,CAAC,kBAAkB,iBAAiB,CAAC,eAAe,CAAC,wBAAwB,CAAC,8BAA8B,0BAA0B,CAAC,2BAA2B,CAAC,gCAAgC,wDAAwD,eAAe,CAAC,CAAC,6BAA6B,6BAA6B,CAAC,8BAA8B,CAAC,gCAAgC,uDAAuD,eAAe,CAAC",sourcesContent:['pl-tools-menu{display:flex;flex-direction:column;justify-content:center}.pl-c-tools{position:relative;display:flex}.pl-c-tools__list{list-style:none;margin:0;padding:0;transform:translateY(-10px);position:absolute;right:5px;z-index:10;width:12rem;border-radius:6px;top:calc(100% - 2px);box-shadow:0 0 5px rgba(0,0,0,.2);background-color:#222;background-color:var(--theme-primary,#222);transform:translateY(-4rem);opacity:0;max-height:0;visibility:hidden;pointer-events:none}.pl-c-tools__list.is-open{opacity:1;max-height:9999px;visibility:visible;pointer-events:auto;transform:translateY(0)}.pl-c-body--theme-light .pl-c-tools__list{background-color:#fff;background-color:var(--theme-primary,#fff)}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-tools__list{box-shadow:none;top:0;transform:none;border-radius:0;background-color:transparent;right:0;opacity:1;visibility:visible;pointer-events:auto}}.pl-c-tools__list.is-active{overflow:visible}.pl-c-tools__list::before{content:"";height:14px;width:14px;background-color:#222;background-color:var(--theme-primary,#222);position:absolute;right:0;top:-10px;transform:translateY(50%) translateX(-50%) rotate(45deg);transition:opacity .1s ease-out;box-shadow:0 0 5px rgba(0,0,0,.1)}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-tools__list::before{display:none}}.pl-c-tools__list.is-active::before{opacity:1;visibility:visible}.pl-c-tools__item{position:relative;overflow:hidden;background-color:inherit}.pl-c-tools__item:first-child{border-top-left-radius:6px;border-top-right-radius:6px}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-tools__item:first-child{border-radius:0}}.pl-c-tools__item:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-tools__item:last-child{border-radius:0}}'],sourceRoot:""}]),e.Z=a},function(t,e,n){"use strict";var r=n(13),o=n.n(r),i=n(14),a=n.n(i)()(o());a.push([t.id,'pl-viewport-sizes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pl-c-size-list{display:none;list-style:none;margin:0;padding:0;padding:0 .25rem}@media all and (min-width:42em){.pl-c-size-list{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-overflow-scrolling:touch}}@media all and (min-width:42em){.pl-c-size-list{display:block;display:-webkit-box;display:-ms-flexbox;display:flex}}.pl-c-size-list__action{color:inherit;text-decoration:none;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin:0;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;cursor:pointer;position:relative;min-width:30px;display:inline-block;min-height:35px;min-width:0;padding-left:.35rem;padding-right:.35rem}.pl-c-size-list__action::after{content:"";display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;opacity:0;-webkit-transition:opacity .1s ease;transition:opacity .1s ease;background-color:currentColor}.pl-c-size-list__action:hover::after{opacity:.1}.pl-c-size-list__action:active:hover::after{opacity:.2}.pl-c-size-list__action:focus{outline:1px dotted;outline-offset:-1px}.pl-c-size-list__action:focus::after{opacity:.1}.pl-c-size-list__action pl-icon{pointer-events:none}.pl-c-size-list__item:first-child{margin-left:auto}.pl-c-size-list__item:last-child{margin-right:auto}',"",{version:3,sources:["webpack://./src/scripts/lit-components/pl-viewport-size-list/pl-viewport-size-list.scss"],names:[],mappings:"AAAA,kBAAkB,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,uBAAqB,CAArB,oBAAqB,CAArB,sBAAsB,CAAC,gBAAgB,YAAY,CAAC,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC,gBAAgB,CAAC,gCAAgC,gBAAgB,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,gCAAgC,CAAC,CAAC,gCAAgC,gBAAgB,aAAa,CAAC,mBAAW,CAAX,mBAAW,CAAX,YAAY,CAAC,CAAC,wBAAwB,aAAa,CAAC,oBAAoB,CAAC,cAAc,CAAC,QAAQ,CAAC,uBAAe,CAAf,oBAAe,CAAf,eAAe,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,UAAU,CAAC,QAAQ,CAAC,6BAA0B,CAA1B,6BAA0B,CAA1B,8BAA0B,CAA1B,0BAA0B,CAAC,oBAAwB,CAAxB,iBAAwB,CAAxB,wBAAwB,CAAC,cAAc,CAAC,iBAAiB,CAAC,cAAc,CAAC,oBAAoB,CAAC,eAAe,CAAC,WAAW,CAAC,mBAAmB,CAAC,oBAAoB,CAAC,+BAA+B,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,mBAAmB,CAAC,SAAS,CAAC,mCAA2B,CAA3B,2BAA2B,CAAC,6BAA6B,CAAC,qCAAqC,UAAU,CAAC,4CAA4C,UAAU,CAAC,8BAA8B,kBAAkB,CAAC,mBAAmB,CAAC,qCAAqC,UAAU,CAAC,gCAAgC,mBAAmB,CAAC,kCAAkC,gBAAgB,CAAC,iCAAiC,iBAAiB",sourcesContent:['pl-viewport-sizes{display:flex;justify-content:center}.pl-c-size-list{display:none;list-style:none;margin:0;padding:0;padding:0 .25rem}@media all and (min-width:42em){.pl-c-size-list{align-items:center;-webkit-overflow-scrolling:touch}}@media all and (min-width:42em){.pl-c-size-list{display:block;display:flex}}.pl-c-size-list__action{color:inherit;text-decoration:none;background:0 0;border:0;appearance:none;display:flex;align-items:center;width:100%;margin:0;flex-direction:row-reverse;justify-content:flex-end;cursor:pointer;position:relative;min-width:30px;display:inline-block;min-height:35px;min-width:0;padding-left:.35rem;padding-right:.35rem}.pl-c-size-list__action::after{content:"";display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;opacity:0;transition:opacity .1s ease;background-color:currentColor}.pl-c-size-list__action:hover::after{opacity:.1}.pl-c-size-list__action:active:hover::after{opacity:.2}.pl-c-size-list__action:focus{outline:1px dotted;outline-offset:-1px}.pl-c-size-list__action:focus::after{opacity:.1}.pl-c-size-list__action pl-icon{pointer-events:none}.pl-c-size-list__item:first-child{margin-left:auto}.pl-c-size-list__item:last-child{margin-right:auto}'],sourceRoot:""}]),e.Z=a},,,function(t,e,n){"use strict";"attachShadow"in Element.prototype&&"getRootNode"in Element.prototype||window.ShadyDOM},function(t,e,n){"use strict";function r(t){if("file:"!==window.location.protocol&&t.origin!==window.location.protocol+"//"+window.location.host)return{};try{return"string"!=typeof t.data?t.data:JSON.parse(t.data)}catch(e){return{}}}n.d(e,{K:function(){return r}})},,function(t,e,n){"use strict";var r=n(3),o=n(6),i=n(119),a=n(35),s=n(47),c=n(120),l=o("".indexOf);r({target:"String",proto:!0,forced:!c("includes")},{includes:function(t){return!!~l(s(a(this)),s(i(t)),arguments.length>1?arguments[1]:void 0)}})},function(t,e,n){var r=n(114),o=n(91).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},function(t,e,n){n(314);var r=n(3),o=n(121);r({target:"String",proto:!0,name:"trimEnd",forced:"".trimEnd!==o},{trimEnd:o})},function(t,e,n){var r=n(3),o=n(121);r({target:"String",proto:!0,name:"trimEnd",forced:"".trimRight!==o},{trimRight:o})},function(t,e,n){n(316);var r=n(3),o=n(125);r({target:"String",proto:!0,name:"trimStart",forced:"".trimStart!==o},{trimStart:o})},function(t,e,n){var r=n(3),o=n(125);r({target:"String",proto:!0,name:"trimStart",forced:"".trimLeft!==o},{trimLeft:o})},function(t,e,n){"use strict";var r=n(3),o=n(181).codeAt;r({target:"String",proto:!0},{codePointAt:function(t){return o(this,t)}})},function(t,e,n){"use strict";var r,o=n(3),i=n(126),a=n(79).f,s=n(117),c=n(47),l=n(119),u=n(35),f=n(120),p=n(25),d=i("".startsWith),h=i("".slice),y=Math.min,m=f("startsWith");o({target:"String",proto:!0,forced:!!(p||m||(r=a(String.prototype,"startsWith"),!r||r.writable))&&!m},{startsWith:function(t){var e=c(u(this));l(t);var n=s(y(arguments.length>1?arguments[1]:void 0,e.length)),r=c(t);return d?d(e,r,n):h(e,n,n+r.length)===r}})},function(t,e,n){n(3)({target:"Number",stat:!0},{isNaN:function(t){return t!=t}})},function(t,e,n){"use strict";var r=n(3),o=n(127).find,i=n(93),a="find",s=!0;a in[]&&Array(1)[a]((function(){s=!1})),r({target:"Array",proto:!0,forced:s},{find:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),i(a)},function(t,e,n){var r=n(19),o=n(113),i=n(28),a=n(20),s=n(43),c=n(128);e.f=r&&!o?Object.defineProperties:function(t,e){a(t);for(var n,r=s(e),o=c(e),l=o.length,u=0;l>u;)i.f(t,n=o[u++],r[n]);return t}},function(){!function(){if("undefined"!=typeof window)try{var t=new window.CustomEvent("test",{cancelable:!0});if(t.preventDefault(),!0!==t.defaultPrevented)throw new Error("Could not prevent default")}catch(n){var e=function(t,e){var r,o;return(e=e||{}).bubbles=!!e.bubbles,e.cancelable=!!e.cancelable,(r=document.createEvent("CustomEvent")).initCustomEvent(t,e.bubbles,e.cancelable,e.detail),o=r.preventDefault,r.preventDefault=function(){o.call(this);try{Object.defineProperty(this,"defaultPrevented",{get:function(){return!0}})}catch(n){this.defaultPrevented=!0}},r};e.prototype=window.Event.prototype,window.CustomEvent=e}}()},function(t,e,n){n(345),n(348),n(51).Symbol},function(t,e,n){"use strict";n.d(e,{X:function(){return o},w:function(){return i}});var r=new WeakMap,o=function(t){return function(){var e=t.apply(void 0,arguments);return r.set(e,!0),e}},i=function(t){return"function"==typeof t&&r.has(t)}},function(t,e,n){"use strict";n.d(e,{J:function(){return r},L:function(){return o}});var r={},o={}},function(t,e,n){"use strict";n.d(e,{j:function(){return u}});n(58);var r=n(40);function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(i=r.key,a=void 0,a=function(t,e){if("object"!==o(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(i,"string"),"symbol"===o(a)?a:String(a)),r)}var i,a}function s(t,e,n){return e&&a(t.prototype,e),n&&a(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}var c=window.trustedTypes&&trustedTypes.createPolicy("lit-html",{createHTML:function(t){return t}}),l=" ".concat(r.Jw," "),u=function(){function t(e,n,r,o){i(this,t),this.strings=e,this.values=n,this.type=r,this.processor=o}return s(t,[{key:"getHTML",value:function(){for(var t=this.strings.length-1,e="",n=!1,o=0;o<t;o++){var i=this.strings[o],a=i.lastIndexOf("\x3c!--");n=(a>-1||n)&&-1===i.indexOf("--\x3e",a+1);var s=r.W5.exec(i);e+=null===s?i+(n?l:r.N):i.substr(0,s.index)+s[1]+s[2]+r.$E+s[3]+r.Jw}return e+=this.strings[t]}},{key:"getTemplateElement",value:function(){var t=document.createElement("template"),e=this.getHTML();return void 0!==c&&(e=c.createHTML(e)),t.innerHTML=e,t}}]),t}()},function(t,e,n){"use strict";var r=n(155);var o=n(212);var i=n(32);var a=s(n(330));function s(t){return t&&t.__esModule?t:{default:t}}e.ZP=a.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){return"text"===t.type&&/\r?\n/.test(t.data)&&""===t.data.trim()}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(){return null}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.decodeEntities,i=void 0===n||n,a=e.transform,s=e.preprocessNodes,c=void 0===s?function(t){return t}:s,l=c(r.default.parseDOM(t,{decodeEntities:i}));return(0,o.default)(l,a)};var r=i(n(32)),o=i(n(155));function i(t){return t&&t.__esModule?t:{default:t}}},,function(t,e,n){"use strict";var r=n(3),o=n(115).includes,i=n(7),a=n(93);r({target:"Array",proto:!0,forced:i((function(){return!Array(1).includes()}))},{includes:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),a("includes")},function(t,e,n){var r=n(3),o=n(185);r({target:"Array",stat:!0,forced:!n(133)((function(t){Array.from(t)}))},{from:o})},function(t,e,n){var r=n(3),o=n(187);r({target:"Object",stat:!0,arity:2,forced:Object.assign!==o},{assign:o})},function(t,e,n){n(336),n(337),n(338),n(339),n(340),n(341)},function(t,e,n){"use strict";var r,o,i,a=n(3),s=n(25),c=n(72),l=n(4),u=n(16),f=n(31),p=n(134),d=n(73),h=n(189),y=n(30),m=n(2),v=n(21),g=n(135),b=n(190),_=n(136).set,A=n(194),w=n(197),C=n(95),S=n(198),x=n(68),k=n(49),E=n(50),O=n(74),B="Promise",P=E.CONSTRUCTOR,j=E.REJECTION_EVENT,T=E.SUBCLASSING,N=x.getterFor(B),M=x.set,L=k&&k.prototype,R=k,D=L,q=l.TypeError,I=l.document,U=l.process,z=O.f,H=z,F=!!(I&&I.createEvent&&l.dispatchEvent),V="unhandledrejection",W=function(t){var e;return!(!v(t)||!m(e=t.then))&&e},Y=function(t,e){var n,r,o,i=e.value,a=1==e.state,s=a?t.ok:t.fail,c=t.resolve,l=t.reject,f=t.domain;try{s?(a||(2===e.rejection&&Q(e),e.rejection=1),!0===s?n=i:(f&&f.enter(),n=s(i),f&&(f.exit(),o=!0)),n===t.promise?l(q("Promise-chain cycle")):(r=W(n))?u(r,n,c,l):c(n)):l(i)}catch(p){f&&!o&&f.exit(),l(p)}},Z=function(t,e){t.notified||(t.notified=!0,A((function(){for(var n,r=t.reactions;n=r.get();)Y(n,t);t.notified=!1,e&&!t.rejection&&K(t)})))},G=function(t,e,n){var r,o;F?((r=I.createEvent("Event")).promise=e,r.reason=n,r.initEvent(t,!1,!0),l.dispatchEvent(r)):r={promise:e,reason:n},!j&&(o=l["on"+t])?o(r):t===V&&w("Unhandled promise rejection",n)},K=function(t){u(_,l,(function(){var e,n=t.facade,r=t.value;if(J(t)&&(e=C((function(){c?U.emit("unhandledRejection",r,n):G(V,n,r)})),t.rejection=c||J(t)?2:1,e.error))throw e.value}))},J=function(t){return 1!==t.rejection&&!t.parent},Q=function(t){u(_,l,(function(){var e=t.facade;c?U.emit("rejectionHandled",e):G("rejectionhandled",e,t.value)}))},X=function(t,e,n){return function(r){t(e,r,n)}},$=function(t,e,n){t.done||(t.done=!0,n&&(t=n),t.value=e,t.state=2,Z(t,!0))},tt=function t(e,n,r){if(!e.done){e.done=!0,r&&(e=r);try{if(e.facade===n)throw q("Promise can't be resolved itself");var o=W(n);o?A((function(){var r={done:!1};try{u(o,n,X(t,r,e),X($,r,e))}catch(i){$(r,i,e)}})):(e.value=n,e.state=1,Z(e,!1))}catch(i){$({done:!1},i,e)}}};if(P&&(D=(R=function(t){g(this,D),y(t),u(r,this);var e=N(this);try{t(X(tt,e),X($,e))}catch(n){$(e,n)}}).prototype,(r=function(t){M(this,{type:B,done:!1,notified:!1,parent:!1,reactions:new S,rejection:!1,state:0,value:void 0})}).prototype=f(D,"then",(function(t,e){var n=N(this),r=z(b(this,R));return n.parent=!0,r.ok=!m(t)||t,r.fail=m(e)&&e,r.domain=c?U.domain:void 0,0==n.state?n.reactions.add(r):A((function(){Y(r,n)})),r.promise})),o=function(){var t=new r,e=N(t);this.promise=t,this.resolve=X(tt,e),this.reject=X($,e)},O.f=z=function(t){return t===R||undefined===t?new o(t):H(t)},!s&&m(k)&&L!==Object.prototype)){i=L.then,T||f(L,"then",(function(t,e){var n=this;return new R((function(t,e){u(i,n,t,e)})).then(t,e)}),{unsafe:!0});try{delete L.constructor}catch(et){}p&&p(L,D)}a({global:!0,constructor:!0,wrap:!0,forced:P},{Promise:R}),d(R,B,!1,!0),h(B)},function(t,e,n){"use strict";var r=n(3),o=n(16),i=n(30),a=n(74),s=n(95),c=n(140);r({target:"Promise",stat:!0,forced:n(141)},{all:function(t){var e=this,n=a.f(e),r=n.resolve,l=n.reject,u=s((function(){var n=i(e.resolve),a=[],s=0,u=1;c(t,(function(t){var i=s++,c=!1;u++,o(n,e,t).then((function(t){c||(c=!0,a[i]=t,--u||r(a))}),l)})),--u||r(a)}));return u.error&&l(u.value),n.promise}})},function(t,e,n){"use strict";var r=n(3),o=n(25),i=n(50).CONSTRUCTOR,a=n(49),s=n(27),c=n(2),l=n(31),u=a&&a.prototype;if(r({target:"Promise",proto:!0,forced:i,real:!0},{catch:function(t){return this.then(void 0,t)}}),!o&&c(a)){var f=s("Promise").prototype.catch;u.catch!==f&&l(u,"catch",f,{unsafe:!0})}},function(t,e,n){"use strict";var r=n(3),o=n(16),i=n(30),a=n(74),s=n(95),c=n(140);r({target:"Promise",stat:!0,forced:n(141)},{race:function(t){var e=this,n=a.f(e),r=n.reject,l=s((function(){var a=i(e.resolve);c(t,(function(t){o(a,e,t).then(n.resolve,r)}))}));return l.error&&r(l.value),n.promise}})},function(t,e,n){"use strict";var r=n(3),o=n(16),i=n(74);r({target:"Promise",stat:!0,forced:n(50).CONSTRUCTOR},{reject:function(t){var e=i.f(this);return o(e.reject,void 0,t),e.promise}})},function(t,e,n){"use strict";var r=n(3),o=n(27),i=n(25),a=n(49),s=n(50).CONSTRUCTOR,c=n(200),l=o("Promise"),u=i&&!s;r({target:"Promise",stat:!0,forced:i||s},{resolve:function(t){return c(u&&this===l?a:this,t)}})},function(t,e,n){var r=n(4),o=n(142),i=n(143),a=n(201),s=n(45),c=function(t){if(t&&t.forEach!==a)try{s(t,"forEach",a)}catch(e){t.forEach=a}};for(var l in o)o[l]&&c(r[l]&&r[l].prototype);c(i)},function(t,e,n){var r=n(4),o=n(142),i=n(143),a=n(144),s=n(45),c=n(5),l=c("iterator"),u=c("toStringTag"),f=a.values,p=function(t,e){if(t){if(t[l]!==f)try{s(t,l,f)}catch(r){t[l]=f}if(t[u]||s(t,u,e),o[e])for(var n in a)if(t[n]!==a[n])try{s(t,n,a[n])}catch(r){t[n]=a[n]}}};for(var d in o)p(r[d]&&r[d].prototype,d);p(i,"DOMTokenList")},function(t,e,n){n(206)},function(t,e,n){"use strict";function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var o=n(29),i=n(37),a=n(38),s=n(227),c=n(99),l=n(231).KEY,u=n(75),f=n(77),p=n(232),d=n(54),h=n(55),y=n(233),m=n(234),v=n(235),g=n(241),b=n(76),_=n(53),A=n(242),w=n(56),C=n(97),S=n(98),x=n(243),k=n(346),E=n(347),O=n(240),B=n(52),P=n(101),j=E.f,T=B.f,N=k.f,M=o.Symbol,L=o.JSON,R=L&&L.stringify,D="prototype",q=h("_hidden"),I=h("toPrimitive"),U={}.propertyIsEnumerable,z=f("symbol-registry"),H=f("symbols"),F=f("op-symbols"),V=Object[D],W="function"==typeof M&&!!O.f,Y=o.QObject,Z=!Y||!Y[D]||!Y[D].findChild,G=a&&u((function(){return 7!=x(T({},"a",{get:function(){return T(this,"a",{value:7}).a}})).a}))?function(t,e,n){var r=j(V,e);r&&delete V[e],T(t,e,n),r&&t!==V&&T(V,e,r)}:T,K=function(t){var e=H[t]=x(M[D]);return e._k=t,e},J=W&&"symbol"==r(M.iterator)?function(t){return"symbol"==r(t)}:function(t){return t instanceof M},Q=function(t,e,n){return t===V&&Q(F,e,n),b(t),e=C(e,!0),b(n),i(H,e)?(n.enumerable?(i(t,q)&&t[q][e]&&(t[q][e]=!1),n=x(n,{enumerable:S(0,!1)})):(i(t,q)||T(t,q,S(1,{})),t[q][e]=!0),G(t,e,n)):T(t,e,n)},X=function(t,e){b(t);for(var n,r=v(e=w(e)),o=0,i=r.length;i>o;)Q(t,n=r[o++],e[n]);return t},$=function(t){var e=U.call(this,t=C(t,!0));return!(this===V&&i(H,t)&&!i(F,t))&&(!(e||!i(this,t)||!i(H,t)||i(this,q)&&this[q][t])||e)},tt=function(t,e){if(t=w(t),e=C(e,!0),t!==V||!i(H,e)||i(F,e)){var n=j(t,e);return!n||!i(H,e)||i(t,q)&&t[q][e]||(n.enumerable=!0),n}},et=function(t){for(var e,n=N(w(t)),r=[],o=0;n.length>o;)i(H,e=n[o++])||e==q||e==l||r.push(e);return r},nt=function(t){for(var e,n=t===V,r=N(n?F:w(t)),o=[],a=0;r.length>a;)!i(H,e=r[a++])||n&&!i(V,e)||o.push(H[e]);return o};W||(M=function(){if(this instanceof M)throw TypeError("Symbol is not a constructor!");var t=d(arguments.length>0?arguments[0]:void 0),e=function e(n){this===V&&e.call(F,n),i(this,q)&&i(this[q],t)&&(this[q][t]=!1),G(this,t,S(1,n))};return a&&Z&&G(V,t,{configurable:!0,set:e}),K(t)},c(M[D],"toString",(function(){return this._k})),E.f=tt,B.f=Q,n(246).f=k.f=et,n(154).f=$,O.f=nt,a&&!n(100)&&c(V,"propertyIsEnumerable",$,!0),y.f=function(t){return K(h(t))}),s(s.G+s.W+s.F*!W,{Symbol:M});for(var rt="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),ot=0;rt.length>ot;)h(rt[ot++]);for(var it=P(h.store),at=0;it.length>at;)m(it[at++]);s(s.S+s.F*!W,"Symbol",{for:function(t){return i(z,t+="")?z[t]:z[t]=M(t)},keyFor:function(t){if(!J(t))throw TypeError(t+" is not a symbol!");for(var e in z)if(z[e]===t)return e},useSetter:function(){Z=!0},useSimple:function(){Z=!1}}),s(s.S+s.F*!W,"Object",{create:function(t,e){return void 0===e?x(t):X(x(t),e)},defineProperty:Q,defineProperties:X,getOwnPropertyDescriptor:tt,getOwnPropertyNames:et,getOwnPropertySymbols:nt});var st=u((function(){O.f(1)}));s(s.S+s.F*st,"Object",{getOwnPropertySymbols:function(t){return O.f(A(t))}}),L&&s(s.S+s.F*(!W||u((function(){var t=M();return"[null]"!=R([t])||"{}"!=R({a:t})||"{}"!=R(Object(t))}))),"JSON",{stringify:function(t){for(var e,n,r=[t],o=1;arguments.length>o;)r.push(arguments[o++]);if(n=e=r[1],(_(e)||void 0!==t)&&!J(t))return g(e)||(e=function(t,e){if("function"==typeof n&&(e=n.call(this,t,e)),!J(e))return e}),r[1]=e,R.apply(L,r)}}),M[D][I]||n(96)(M[D],I,M[D].valueOf),p(M,"Symbol"),p(Math,"Math",!0),p(o.JSON,"JSON",!0)},function(t,e,n){function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var o=n(56),i=n(246).f,a={}.toString,s="object"==("undefined"==typeof window?"undefined":r(window))&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];t.exports.f=function(t){return s&&"[object Window]"==a.call(t)?function(t){try{return i(t)}catch(e){return s.slice()}}(t):i(o(t))}},function(t,e,n){var r=n(154),o=n(98),i=n(56),a=n(97),s=n(37),c=n(148),l=Object.getOwnPropertyDescriptor;e.f=n(38)?l:function(t,e){if(t=i(t),e=a(e,!0),c)try{return l(t,e)}catch(n){}if(s(t,e))return o(!r.f.call(t,e),t[e])}},function(t,e,n){"use strict";var r=n(247),o={};o[n(55)("toStringTag")]="z",o+""!="[object z]"&&n(99)(Object.prototype,"toString",(function(){return"[object "+r(this)+"]"}),!0)},function(t,e,n){"use strict";var r;Object.defineProperty(e,"__esModule",{value:!0});var o=n(32),i=l(n(366)),a=l(n(367)),s=l(n(373)),c=l(n(329));function l(t){return t&&t.__esModule?t:{default:t}}function u(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}e.default=(u(r={},o.ElementType.Text,i.default),u(r,o.ElementType.Tag,a.default),u(r,o.ElementType.Style,s.default),u(r,o.ElementType.Directive,c.default),u(r,o.ElementType.Comment,c.default),u(r,o.ElementType.Script,c.default),u(r,o.ElementType.CDATA,c.default),u(r,o.ElementType.Doctype,c.default),r)},function(t){"use strict";t.exports=JSON.parse('{"0":65533,"128":8364,"130":8218,"131":402,"132":8222,"133":8230,"134":8224,"135":8225,"136":710,"137":8240,"138":352,"139":8249,"140":338,"142":381,"145":8216,"146":8217,"147":8220,"148":8221,"149":8226,"150":8211,"151":8212,"152":732,"153":8482,"154":353,"155":8250,"156":339,"158":382,"159":376}')},function(t){"use strict";t.exports=JSON.parse('{"Aacute":"Á","aacute":"á","Abreve":"Ă","abreve":"ă","ac":"∾","acd":"∿","acE":"∾̳","Acirc":"Â","acirc":"â","acute":"´","Acy":"А","acy":"а","AElig":"Æ","aelig":"æ","af":"⁡","Afr":"𝔄","afr":"𝔞","Agrave":"À","agrave":"à","alefsym":"ℵ","aleph":"ℵ","Alpha":"Α","alpha":"α","Amacr":"Ā","amacr":"ā","amalg":"⨿","amp":"&","AMP":"&","andand":"⩕","And":"⩓","and":"∧","andd":"⩜","andslope":"⩘","andv":"⩚","ang":"∠","ange":"⦤","angle":"∠","angmsdaa":"⦨","angmsdab":"⦩","angmsdac":"⦪","angmsdad":"⦫","angmsdae":"⦬","angmsdaf":"⦭","angmsdag":"⦮","angmsdah":"⦯","angmsd":"∡","angrt":"∟","angrtvb":"⊾","angrtvbd":"⦝","angsph":"∢","angst":"Å","angzarr":"⍼","Aogon":"Ą","aogon":"ą","Aopf":"𝔸","aopf":"𝕒","apacir":"⩯","ap":"≈","apE":"⩰","ape":"≊","apid":"≋","apos":"\'","ApplyFunction":"⁡","approx":"≈","approxeq":"≊","Aring":"Å","aring":"å","Ascr":"𝒜","ascr":"𝒶","Assign":"≔","ast":"*","asymp":"≈","asympeq":"≍","Atilde":"Ã","atilde":"ã","Auml":"Ä","auml":"ä","awconint":"∳","awint":"⨑","backcong":"≌","backepsilon":"϶","backprime":"‵","backsim":"∽","backsimeq":"⋍","Backslash":"∖","Barv":"⫧","barvee":"⊽","barwed":"⌅","Barwed":"⌆","barwedge":"⌅","bbrk":"⎵","bbrktbrk":"⎶","bcong":"≌","Bcy":"Б","bcy":"б","bdquo":"„","becaus":"∵","because":"∵","Because":"∵","bemptyv":"⦰","bepsi":"϶","bernou":"ℬ","Bernoullis":"ℬ","Beta":"Β","beta":"β","beth":"ℶ","between":"≬","Bfr":"𝔅","bfr":"𝔟","bigcap":"⋂","bigcirc":"◯","bigcup":"⋃","bigodot":"⨀","bigoplus":"⨁","bigotimes":"⨂","bigsqcup":"⨆","bigstar":"★","bigtriangledown":"▽","bigtriangleup":"△","biguplus":"⨄","bigvee":"⋁","bigwedge":"⋀","bkarow":"⤍","blacklozenge":"⧫","blacksquare":"▪","blacktriangle":"▴","blacktriangledown":"▾","blacktriangleleft":"◂","blacktriangleright":"▸","blank":"␣","blk12":"▒","blk14":"░","blk34":"▓","block":"█","bne":"=⃥","bnequiv":"≡⃥","bNot":"⫭","bnot":"⌐","Bopf":"𝔹","bopf":"𝕓","bot":"⊥","bottom":"⊥","bowtie":"⋈","boxbox":"⧉","boxdl":"┐","boxdL":"╕","boxDl":"╖","boxDL":"╗","boxdr":"┌","boxdR":"╒","boxDr":"╓","boxDR":"╔","boxh":"─","boxH":"═","boxhd":"┬","boxHd":"╤","boxhD":"╥","boxHD":"╦","boxhu":"┴","boxHu":"╧","boxhU":"╨","boxHU":"╩","boxminus":"⊟","boxplus":"⊞","boxtimes":"⊠","boxul":"┘","boxuL":"╛","boxUl":"╜","boxUL":"╝","boxur":"└","boxuR":"╘","boxUr":"╙","boxUR":"╚","boxv":"│","boxV":"║","boxvh":"┼","boxvH":"╪","boxVh":"╫","boxVH":"╬","boxvl":"┤","boxvL":"╡","boxVl":"╢","boxVL":"╣","boxvr":"├","boxvR":"╞","boxVr":"╟","boxVR":"╠","bprime":"‵","breve":"˘","Breve":"˘","brvbar":"¦","bscr":"𝒷","Bscr":"ℬ","bsemi":"⁏","bsim":"∽","bsime":"⋍","bsolb":"⧅","bsol":"\\\\","bsolhsub":"⟈","bull":"•","bullet":"•","bump":"≎","bumpE":"⪮","bumpe":"≏","Bumpeq":"≎","bumpeq":"≏","Cacute":"Ć","cacute":"ć","capand":"⩄","capbrcup":"⩉","capcap":"⩋","cap":"∩","Cap":"⋒","capcup":"⩇","capdot":"⩀","CapitalDifferentialD":"ⅅ","caps":"∩︀","caret":"⁁","caron":"ˇ","Cayleys":"ℭ","ccaps":"⩍","Ccaron":"Č","ccaron":"č","Ccedil":"Ç","ccedil":"ç","Ccirc":"Ĉ","ccirc":"ĉ","Cconint":"∰","ccups":"⩌","ccupssm":"⩐","Cdot":"Ċ","cdot":"ċ","cedil":"¸","Cedilla":"¸","cemptyv":"⦲","cent":"¢","centerdot":"·","CenterDot":"·","cfr":"𝔠","Cfr":"ℭ","CHcy":"Ч","chcy":"ч","check":"✓","checkmark":"✓","Chi":"Χ","chi":"χ","circ":"ˆ","circeq":"≗","circlearrowleft":"↺","circlearrowright":"↻","circledast":"⊛","circledcirc":"⊚","circleddash":"⊝","CircleDot":"⊙","circledR":"®","circledS":"Ⓢ","CircleMinus":"⊖","CirclePlus":"⊕","CircleTimes":"⊗","cir":"○","cirE":"⧃","cire":"≗","cirfnint":"⨐","cirmid":"⫯","cirscir":"⧂","ClockwiseContourIntegral":"∲","CloseCurlyDoubleQuote":"”","CloseCurlyQuote":"’","clubs":"♣","clubsuit":"♣","colon":":","Colon":"∷","Colone":"⩴","colone":"≔","coloneq":"≔","comma":",","commat":"@","comp":"∁","compfn":"∘","complement":"∁","complexes":"ℂ","cong":"≅","congdot":"⩭","Congruent":"≡","conint":"∮","Conint":"∯","ContourIntegral":"∮","copf":"𝕔","Copf":"ℂ","coprod":"∐","Coproduct":"∐","copy":"©","COPY":"©","copysr":"℗","CounterClockwiseContourIntegral":"∳","crarr":"↵","cross":"✗","Cross":"⨯","Cscr":"𝒞","cscr":"𝒸","csub":"⫏","csube":"⫑","csup":"⫐","csupe":"⫒","ctdot":"⋯","cudarrl":"⤸","cudarrr":"⤵","cuepr":"⋞","cuesc":"⋟","cularr":"↶","cularrp":"⤽","cupbrcap":"⩈","cupcap":"⩆","CupCap":"≍","cup":"∪","Cup":"⋓","cupcup":"⩊","cupdot":"⊍","cupor":"⩅","cups":"∪︀","curarr":"↷","curarrm":"⤼","curlyeqprec":"⋞","curlyeqsucc":"⋟","curlyvee":"⋎","curlywedge":"⋏","curren":"¤","curvearrowleft":"↶","curvearrowright":"↷","cuvee":"⋎","cuwed":"⋏","cwconint":"∲","cwint":"∱","cylcty":"⌭","dagger":"†","Dagger":"‡","daleth":"ℸ","darr":"↓","Darr":"↡","dArr":"⇓","dash":"‐","Dashv":"⫤","dashv":"⊣","dbkarow":"⤏","dblac":"˝","Dcaron":"Ď","dcaron":"ď","Dcy":"Д","dcy":"д","ddagger":"‡","ddarr":"⇊","DD":"ⅅ","dd":"ⅆ","DDotrahd":"⤑","ddotseq":"⩷","deg":"°","Del":"∇","Delta":"Δ","delta":"δ","demptyv":"⦱","dfisht":"⥿","Dfr":"𝔇","dfr":"𝔡","dHar":"⥥","dharl":"⇃","dharr":"⇂","DiacriticalAcute":"´","DiacriticalDot":"˙","DiacriticalDoubleAcute":"˝","DiacriticalGrave":"`","DiacriticalTilde":"˜","diam":"⋄","diamond":"⋄","Diamond":"⋄","diamondsuit":"♦","diams":"♦","die":"¨","DifferentialD":"ⅆ","digamma":"ϝ","disin":"⋲","div":"÷","divide":"÷","divideontimes":"⋇","divonx":"⋇","DJcy":"Ђ","djcy":"ђ","dlcorn":"⌞","dlcrop":"⌍","dollar":"$","Dopf":"𝔻","dopf":"𝕕","Dot":"¨","dot":"˙","DotDot":"⃜","doteq":"≐","doteqdot":"≑","DotEqual":"≐","dotminus":"∸","dotplus":"∔","dotsquare":"⊡","doublebarwedge":"⌆","DoubleContourIntegral":"∯","DoubleDot":"¨","DoubleDownArrow":"⇓","DoubleLeftArrow":"⇐","DoubleLeftRightArrow":"⇔","DoubleLeftTee":"⫤","DoubleLongLeftArrow":"⟸","DoubleLongLeftRightArrow":"⟺","DoubleLongRightArrow":"⟹","DoubleRightArrow":"⇒","DoubleRightTee":"⊨","DoubleUpArrow":"⇑","DoubleUpDownArrow":"⇕","DoubleVerticalBar":"∥","DownArrowBar":"⤓","downarrow":"↓","DownArrow":"↓","Downarrow":"⇓","DownArrowUpArrow":"⇵","DownBreve":"̑","downdownarrows":"⇊","downharpoonleft":"⇃","downharpoonright":"⇂","DownLeftRightVector":"⥐","DownLeftTeeVector":"⥞","DownLeftVectorBar":"⥖","DownLeftVector":"↽","DownRightTeeVector":"⥟","DownRightVectorBar":"⥗","DownRightVector":"⇁","DownTeeArrow":"↧","DownTee":"⊤","drbkarow":"⤐","drcorn":"⌟","drcrop":"⌌","Dscr":"𝒟","dscr":"𝒹","DScy":"Ѕ","dscy":"ѕ","dsol":"⧶","Dstrok":"Đ","dstrok":"đ","dtdot":"⋱","dtri":"▿","dtrif":"▾","duarr":"⇵","duhar":"⥯","dwangle":"⦦","DZcy":"Џ","dzcy":"џ","dzigrarr":"⟿","Eacute":"É","eacute":"é","easter":"⩮","Ecaron":"Ě","ecaron":"ě","Ecirc":"Ê","ecirc":"ê","ecir":"≖","ecolon":"≕","Ecy":"Э","ecy":"э","eDDot":"⩷","Edot":"Ė","edot":"ė","eDot":"≑","ee":"ⅇ","efDot":"≒","Efr":"𝔈","efr":"𝔢","eg":"⪚","Egrave":"È","egrave":"è","egs":"⪖","egsdot":"⪘","el":"⪙","Element":"∈","elinters":"⏧","ell":"ℓ","els":"⪕","elsdot":"⪗","Emacr":"Ē","emacr":"ē","empty":"∅","emptyset":"∅","EmptySmallSquare":"◻","emptyv":"∅","EmptyVerySmallSquare":"▫","emsp13":" ","emsp14":" ","emsp":" ","ENG":"Ŋ","eng":"ŋ","ensp":" ","Eogon":"Ę","eogon":"ę","Eopf":"𝔼","eopf":"𝕖","epar":"⋕","eparsl":"⧣","eplus":"⩱","epsi":"ε","Epsilon":"Ε","epsilon":"ε","epsiv":"ϵ","eqcirc":"≖","eqcolon":"≕","eqsim":"≂","eqslantgtr":"⪖","eqslantless":"⪕","Equal":"⩵","equals":"=","EqualTilde":"≂","equest":"≟","Equilibrium":"⇌","equiv":"≡","equivDD":"⩸","eqvparsl":"⧥","erarr":"⥱","erDot":"≓","escr":"ℯ","Escr":"ℰ","esdot":"≐","Esim":"⩳","esim":"≂","Eta":"Η","eta":"η","ETH":"Ð","eth":"ð","Euml":"Ë","euml":"ë","euro":"€","excl":"!","exist":"∃","Exists":"∃","expectation":"ℰ","exponentiale":"ⅇ","ExponentialE":"ⅇ","fallingdotseq":"≒","Fcy":"Ф","fcy":"ф","female":"♀","ffilig":"ffi","fflig":"ff","ffllig":"ffl","Ffr":"𝔉","ffr":"𝔣","filig":"fi","FilledSmallSquare":"◼","FilledVerySmallSquare":"▪","fjlig":"fj","flat":"♭","fllig":"fl","fltns":"▱","fnof":"ƒ","Fopf":"𝔽","fopf":"𝕗","forall":"∀","ForAll":"∀","fork":"⋔","forkv":"⫙","Fouriertrf":"ℱ","fpartint":"⨍","frac12":"½","frac13":"⅓","frac14":"¼","frac15":"⅕","frac16":"⅙","frac18":"⅛","frac23":"⅔","frac25":"⅖","frac34":"¾","frac35":"⅗","frac38":"⅜","frac45":"⅘","frac56":"⅚","frac58":"⅝","frac78":"⅞","frasl":"⁄","frown":"⌢","fscr":"𝒻","Fscr":"ℱ","gacute":"ǵ","Gamma":"Γ","gamma":"γ","Gammad":"Ϝ","gammad":"ϝ","gap":"⪆","Gbreve":"Ğ","gbreve":"ğ","Gcedil":"Ģ","Gcirc":"Ĝ","gcirc":"ĝ","Gcy":"Г","gcy":"г","Gdot":"Ġ","gdot":"ġ","ge":"≥","gE":"≧","gEl":"⪌","gel":"⋛","geq":"≥","geqq":"≧","geqslant":"⩾","gescc":"⪩","ges":"⩾","gesdot":"⪀","gesdoto":"⪂","gesdotol":"⪄","gesl":"⋛︀","gesles":"⪔","Gfr":"𝔊","gfr":"𝔤","gg":"≫","Gg":"⋙","ggg":"⋙","gimel":"ℷ","GJcy":"Ѓ","gjcy":"ѓ","gla":"⪥","gl":"≷","glE":"⪒","glj":"⪤","gnap":"⪊","gnapprox":"⪊","gne":"⪈","gnE":"≩","gneq":"⪈","gneqq":"≩","gnsim":"⋧","Gopf":"𝔾","gopf":"𝕘","grave":"`","GreaterEqual":"≥","GreaterEqualLess":"⋛","GreaterFullEqual":"≧","GreaterGreater":"⪢","GreaterLess":"≷","GreaterSlantEqual":"⩾","GreaterTilde":"≳","Gscr":"𝒢","gscr":"ℊ","gsim":"≳","gsime":"⪎","gsiml":"⪐","gtcc":"⪧","gtcir":"⩺","gt":">","GT":">","Gt":"≫","gtdot":"⋗","gtlPar":"⦕","gtquest":"⩼","gtrapprox":"⪆","gtrarr":"⥸","gtrdot":"⋗","gtreqless":"⋛","gtreqqless":"⪌","gtrless":"≷","gtrsim":"≳","gvertneqq":"≩︀","gvnE":"≩︀","Hacek":"ˇ","hairsp":" ","half":"½","hamilt":"ℋ","HARDcy":"Ъ","hardcy":"ъ","harrcir":"⥈","harr":"↔","hArr":"⇔","harrw":"↭","Hat":"^","hbar":"ℏ","Hcirc":"Ĥ","hcirc":"ĥ","hearts":"♥","heartsuit":"♥","hellip":"…","hercon":"⊹","hfr":"𝔥","Hfr":"ℌ","HilbertSpace":"ℋ","hksearow":"⤥","hkswarow":"⤦","hoarr":"⇿","homtht":"∻","hookleftarrow":"↩","hookrightarrow":"↪","hopf":"𝕙","Hopf":"ℍ","horbar":"―","HorizontalLine":"─","hscr":"𝒽","Hscr":"ℋ","hslash":"ℏ","Hstrok":"Ħ","hstrok":"ħ","HumpDownHump":"≎","HumpEqual":"≏","hybull":"⁃","hyphen":"‐","Iacute":"Í","iacute":"í","ic":"⁣","Icirc":"Î","icirc":"î","Icy":"И","icy":"и","Idot":"İ","IEcy":"Е","iecy":"е","iexcl":"¡","iff":"⇔","ifr":"𝔦","Ifr":"ℑ","Igrave":"Ì","igrave":"ì","ii":"ⅈ","iiiint":"⨌","iiint":"∭","iinfin":"⧜","iiota":"℩","IJlig":"IJ","ijlig":"ij","Imacr":"Ī","imacr":"ī","image":"ℑ","ImaginaryI":"ⅈ","imagline":"ℐ","imagpart":"ℑ","imath":"ı","Im":"ℑ","imof":"⊷","imped":"Ƶ","Implies":"⇒","incare":"℅","in":"∈","infin":"∞","infintie":"⧝","inodot":"ı","intcal":"⊺","int":"∫","Int":"∬","integers":"ℤ","Integral":"∫","intercal":"⊺","Intersection":"⋂","intlarhk":"⨗","intprod":"⨼","InvisibleComma":"⁣","InvisibleTimes":"⁢","IOcy":"Ё","iocy":"ё","Iogon":"Į","iogon":"į","Iopf":"𝕀","iopf":"𝕚","Iota":"Ι","iota":"ι","iprod":"⨼","iquest":"¿","iscr":"𝒾","Iscr":"ℐ","isin":"∈","isindot":"⋵","isinE":"⋹","isins":"⋴","isinsv":"⋳","isinv":"∈","it":"⁢","Itilde":"Ĩ","itilde":"ĩ","Iukcy":"І","iukcy":"і","Iuml":"Ï","iuml":"ï","Jcirc":"Ĵ","jcirc":"ĵ","Jcy":"Й","jcy":"й","Jfr":"𝔍","jfr":"𝔧","jmath":"ȷ","Jopf":"𝕁","jopf":"𝕛","Jscr":"𝒥","jscr":"𝒿","Jsercy":"Ј","jsercy":"ј","Jukcy":"Є","jukcy":"є","Kappa":"Κ","kappa":"κ","kappav":"ϰ","Kcedil":"Ķ","kcedil":"ķ","Kcy":"К","kcy":"к","Kfr":"𝔎","kfr":"𝔨","kgreen":"ĸ","KHcy":"Х","khcy":"х","KJcy":"Ќ","kjcy":"ќ","Kopf":"𝕂","kopf":"𝕜","Kscr":"𝒦","kscr":"𝓀","lAarr":"⇚","Lacute":"Ĺ","lacute":"ĺ","laemptyv":"⦴","lagran":"ℒ","Lambda":"Λ","lambda":"λ","lang":"⟨","Lang":"⟪","langd":"⦑","langle":"⟨","lap":"⪅","Laplacetrf":"ℒ","laquo":"«","larrb":"⇤","larrbfs":"⤟","larr":"←","Larr":"↞","lArr":"⇐","larrfs":"⤝","larrhk":"↩","larrlp":"↫","larrpl":"⤹","larrsim":"⥳","larrtl":"↢","latail":"⤙","lAtail":"⤛","lat":"⪫","late":"⪭","lates":"⪭︀","lbarr":"⤌","lBarr":"⤎","lbbrk":"❲","lbrace":"{","lbrack":"[","lbrke":"⦋","lbrksld":"⦏","lbrkslu":"⦍","Lcaron":"Ľ","lcaron":"ľ","Lcedil":"Ļ","lcedil":"ļ","lceil":"⌈","lcub":"{","Lcy":"Л","lcy":"л","ldca":"⤶","ldquo":"“","ldquor":"„","ldrdhar":"⥧","ldrushar":"⥋","ldsh":"↲","le":"≤","lE":"≦","LeftAngleBracket":"⟨","LeftArrowBar":"⇤","leftarrow":"←","LeftArrow":"←","Leftarrow":"⇐","LeftArrowRightArrow":"⇆","leftarrowtail":"↢","LeftCeiling":"⌈","LeftDoubleBracket":"⟦","LeftDownTeeVector":"⥡","LeftDownVectorBar":"⥙","LeftDownVector":"⇃","LeftFloor":"⌊","leftharpoondown":"↽","leftharpoonup":"↼","leftleftarrows":"⇇","leftrightarrow":"↔","LeftRightArrow":"↔","Leftrightarrow":"⇔","leftrightarrows":"⇆","leftrightharpoons":"⇋","leftrightsquigarrow":"↭","LeftRightVector":"⥎","LeftTeeArrow":"↤","LeftTee":"⊣","LeftTeeVector":"⥚","leftthreetimes":"⋋","LeftTriangleBar":"⧏","LeftTriangle":"⊲","LeftTriangleEqual":"⊴","LeftUpDownVector":"⥑","LeftUpTeeVector":"⥠","LeftUpVectorBar":"⥘","LeftUpVector":"↿","LeftVectorBar":"⥒","LeftVector":"↼","lEg":"⪋","leg":"⋚","leq":"≤","leqq":"≦","leqslant":"⩽","lescc":"⪨","les":"⩽","lesdot":"⩿","lesdoto":"⪁","lesdotor":"⪃","lesg":"⋚︀","lesges":"⪓","lessapprox":"⪅","lessdot":"⋖","lesseqgtr":"⋚","lesseqqgtr":"⪋","LessEqualGreater":"⋚","LessFullEqual":"≦","LessGreater":"≶","lessgtr":"≶","LessLess":"⪡","lesssim":"≲","LessSlantEqual":"⩽","LessTilde":"≲","lfisht":"⥼","lfloor":"⌊","Lfr":"𝔏","lfr":"𝔩","lg":"≶","lgE":"⪑","lHar":"⥢","lhard":"↽","lharu":"↼","lharul":"⥪","lhblk":"▄","LJcy":"Љ","ljcy":"љ","llarr":"⇇","ll":"≪","Ll":"⋘","llcorner":"⌞","Lleftarrow":"⇚","llhard":"⥫","lltri":"◺","Lmidot":"Ŀ","lmidot":"ŀ","lmoustache":"⎰","lmoust":"⎰","lnap":"⪉","lnapprox":"⪉","lne":"⪇","lnE":"≨","lneq":"⪇","lneqq":"≨","lnsim":"⋦","loang":"⟬","loarr":"⇽","lobrk":"⟦","longleftarrow":"⟵","LongLeftArrow":"⟵","Longleftarrow":"⟸","longleftrightarrow":"⟷","LongLeftRightArrow":"⟷","Longleftrightarrow":"⟺","longmapsto":"⟼","longrightarrow":"⟶","LongRightArrow":"⟶","Longrightarrow":"⟹","looparrowleft":"↫","looparrowright":"↬","lopar":"⦅","Lopf":"𝕃","lopf":"𝕝","loplus":"⨭","lotimes":"⨴","lowast":"∗","lowbar":"_","LowerLeftArrow":"↙","LowerRightArrow":"↘","loz":"◊","lozenge":"◊","lozf":"⧫","lpar":"(","lparlt":"⦓","lrarr":"⇆","lrcorner":"⌟","lrhar":"⇋","lrhard":"⥭","lrm":"‎","lrtri":"⊿","lsaquo":"‹","lscr":"𝓁","Lscr":"ℒ","lsh":"↰","Lsh":"↰","lsim":"≲","lsime":"⪍","lsimg":"⪏","lsqb":"[","lsquo":"‘","lsquor":"‚","Lstrok":"Ł","lstrok":"ł","ltcc":"⪦","ltcir":"⩹","lt":"<","LT":"<","Lt":"≪","ltdot":"⋖","lthree":"⋋","ltimes":"⋉","ltlarr":"⥶","ltquest":"⩻","ltri":"◃","ltrie":"⊴","ltrif":"◂","ltrPar":"⦖","lurdshar":"⥊","luruhar":"⥦","lvertneqq":"≨︀","lvnE":"≨︀","macr":"¯","male":"♂","malt":"✠","maltese":"✠","Map":"⤅","map":"↦","mapsto":"↦","mapstodown":"↧","mapstoleft":"↤","mapstoup":"↥","marker":"▮","mcomma":"⨩","Mcy":"М","mcy":"м","mdash":"—","mDDot":"∺","measuredangle":"∡","MediumSpace":" ","Mellintrf":"ℳ","Mfr":"𝔐","mfr":"𝔪","mho":"℧","micro":"µ","midast":"*","midcir":"⫰","mid":"∣","middot":"·","minusb":"⊟","minus":"−","minusd":"∸","minusdu":"⨪","MinusPlus":"∓","mlcp":"⫛","mldr":"…","mnplus":"∓","models":"⊧","Mopf":"𝕄","mopf":"𝕞","mp":"∓","mscr":"𝓂","Mscr":"ℳ","mstpos":"∾","Mu":"Μ","mu":"μ","multimap":"⊸","mumap":"⊸","nabla":"∇","Nacute":"Ń","nacute":"ń","nang":"∠⃒","nap":"≉","napE":"⩰̸","napid":"≋̸","napos":"ʼn","napprox":"≉","natural":"♮","naturals":"ℕ","natur":"♮","nbsp":" ","nbump":"≎̸","nbumpe":"≏̸","ncap":"⩃","Ncaron":"Ň","ncaron":"ň","Ncedil":"Ņ","ncedil":"ņ","ncong":"≇","ncongdot":"⩭̸","ncup":"⩂","Ncy":"Н","ncy":"н","ndash":"–","nearhk":"⤤","nearr":"↗","neArr":"⇗","nearrow":"↗","ne":"≠","nedot":"≐̸","NegativeMediumSpace":"​","NegativeThickSpace":"​","NegativeThinSpace":"​","NegativeVeryThinSpace":"​","nequiv":"≢","nesear":"⤨","nesim":"≂̸","NestedGreaterGreater":"≫","NestedLessLess":"≪","NewLine":"\\n","nexist":"∄","nexists":"∄","Nfr":"𝔑","nfr":"𝔫","ngE":"≧̸","nge":"≱","ngeq":"≱","ngeqq":"≧̸","ngeqslant":"⩾̸","nges":"⩾̸","nGg":"⋙̸","ngsim":"≵","nGt":"≫⃒","ngt":"≯","ngtr":"≯","nGtv":"≫̸","nharr":"↮","nhArr":"⇎","nhpar":"⫲","ni":"∋","nis":"⋼","nisd":"⋺","niv":"∋","NJcy":"Њ","njcy":"њ","nlarr":"↚","nlArr":"⇍","nldr":"‥","nlE":"≦̸","nle":"≰","nleftarrow":"↚","nLeftarrow":"⇍","nleftrightarrow":"↮","nLeftrightarrow":"⇎","nleq":"≰","nleqq":"≦̸","nleqslant":"⩽̸","nles":"⩽̸","nless":"≮","nLl":"⋘̸","nlsim":"≴","nLt":"≪⃒","nlt":"≮","nltri":"⋪","nltrie":"⋬","nLtv":"≪̸","nmid":"∤","NoBreak":"⁠","NonBreakingSpace":" ","nopf":"𝕟","Nopf":"ℕ","Not":"⫬","not":"¬","NotCongruent":"≢","NotCupCap":"≭","NotDoubleVerticalBar":"∦","NotElement":"∉","NotEqual":"≠","NotEqualTilde":"≂̸","NotExists":"∄","NotGreater":"≯","NotGreaterEqual":"≱","NotGreaterFullEqual":"≧̸","NotGreaterGreater":"≫̸","NotGreaterLess":"≹","NotGreaterSlantEqual":"⩾̸","NotGreaterTilde":"≵","NotHumpDownHump":"≎̸","NotHumpEqual":"≏̸","notin":"∉","notindot":"⋵̸","notinE":"⋹̸","notinva":"∉","notinvb":"⋷","notinvc":"⋶","NotLeftTriangleBar":"⧏̸","NotLeftTriangle":"⋪","NotLeftTriangleEqual":"⋬","NotLess":"≮","NotLessEqual":"≰","NotLessGreater":"≸","NotLessLess":"≪̸","NotLessSlantEqual":"⩽̸","NotLessTilde":"≴","NotNestedGreaterGreater":"⪢̸","NotNestedLessLess":"⪡̸","notni":"∌","notniva":"∌","notnivb":"⋾","notnivc":"⋽","NotPrecedes":"⊀","NotPrecedesEqual":"⪯̸","NotPrecedesSlantEqual":"⋠","NotReverseElement":"∌","NotRightTriangleBar":"⧐̸","NotRightTriangle":"⋫","NotRightTriangleEqual":"⋭","NotSquareSubset":"⊏̸","NotSquareSubsetEqual":"⋢","NotSquareSuperset":"⊐̸","NotSquareSupersetEqual":"⋣","NotSubset":"⊂⃒","NotSubsetEqual":"⊈","NotSucceeds":"⊁","NotSucceedsEqual":"⪰̸","NotSucceedsSlantEqual":"⋡","NotSucceedsTilde":"≿̸","NotSuperset":"⊃⃒","NotSupersetEqual":"⊉","NotTilde":"≁","NotTildeEqual":"≄","NotTildeFullEqual":"≇","NotTildeTilde":"≉","NotVerticalBar":"∤","nparallel":"∦","npar":"∦","nparsl":"⫽⃥","npart":"∂̸","npolint":"⨔","npr":"⊀","nprcue":"⋠","nprec":"⊀","npreceq":"⪯̸","npre":"⪯̸","nrarrc":"⤳̸","nrarr":"↛","nrArr":"⇏","nrarrw":"↝̸","nrightarrow":"↛","nRightarrow":"⇏","nrtri":"⋫","nrtrie":"⋭","nsc":"⊁","nsccue":"⋡","nsce":"⪰̸","Nscr":"𝒩","nscr":"𝓃","nshortmid":"∤","nshortparallel":"∦","nsim":"≁","nsime":"≄","nsimeq":"≄","nsmid":"∤","nspar":"∦","nsqsube":"⋢","nsqsupe":"⋣","nsub":"⊄","nsubE":"⫅̸","nsube":"⊈","nsubset":"⊂⃒","nsubseteq":"⊈","nsubseteqq":"⫅̸","nsucc":"⊁","nsucceq":"⪰̸","nsup":"⊅","nsupE":"⫆̸","nsupe":"⊉","nsupset":"⊃⃒","nsupseteq":"⊉","nsupseteqq":"⫆̸","ntgl":"≹","Ntilde":"Ñ","ntilde":"ñ","ntlg":"≸","ntriangleleft":"⋪","ntrianglelefteq":"⋬","ntriangleright":"⋫","ntrianglerighteq":"⋭","Nu":"Ν","nu":"ν","num":"#","numero":"№","numsp":" ","nvap":"≍⃒","nvdash":"⊬","nvDash":"⊭","nVdash":"⊮","nVDash":"⊯","nvge":"≥⃒","nvgt":">⃒","nvHarr":"⤄","nvinfin":"⧞","nvlArr":"⤂","nvle":"≤⃒","nvlt":"<⃒","nvltrie":"⊴⃒","nvrArr":"⤃","nvrtrie":"⊵⃒","nvsim":"∼⃒","nwarhk":"⤣","nwarr":"↖","nwArr":"⇖","nwarrow":"↖","nwnear":"⤧","Oacute":"Ó","oacute":"ó","oast":"⊛","Ocirc":"Ô","ocirc":"ô","ocir":"⊚","Ocy":"О","ocy":"о","odash":"⊝","Odblac":"Ő","odblac":"ő","odiv":"⨸","odot":"⊙","odsold":"⦼","OElig":"Œ","oelig":"œ","ofcir":"⦿","Ofr":"𝔒","ofr":"𝔬","ogon":"˛","Ograve":"Ò","ograve":"ò","ogt":"⧁","ohbar":"⦵","ohm":"Ω","oint":"∮","olarr":"↺","olcir":"⦾","olcross":"⦻","oline":"‾","olt":"⧀","Omacr":"Ō","omacr":"ō","Omega":"Ω","omega":"ω","Omicron":"Ο","omicron":"ο","omid":"⦶","ominus":"⊖","Oopf":"𝕆","oopf":"𝕠","opar":"⦷","OpenCurlyDoubleQuote":"“","OpenCurlyQuote":"‘","operp":"⦹","oplus":"⊕","orarr":"↻","Or":"⩔","or":"∨","ord":"⩝","order":"ℴ","orderof":"ℴ","ordf":"ª","ordm":"º","origof":"⊶","oror":"⩖","orslope":"⩗","orv":"⩛","oS":"Ⓢ","Oscr":"𝒪","oscr":"ℴ","Oslash":"Ø","oslash":"ø","osol":"⊘","Otilde":"Õ","otilde":"õ","otimesas":"⨶","Otimes":"⨷","otimes":"⊗","Ouml":"Ö","ouml":"ö","ovbar":"⌽","OverBar":"‾","OverBrace":"⏞","OverBracket":"⎴","OverParenthesis":"⏜","para":"¶","parallel":"∥","par":"∥","parsim":"⫳","parsl":"⫽","part":"∂","PartialD":"∂","Pcy":"П","pcy":"п","percnt":"%","period":".","permil":"‰","perp":"⊥","pertenk":"‱","Pfr":"𝔓","pfr":"𝔭","Phi":"Φ","phi":"φ","phiv":"ϕ","phmmat":"ℳ","phone":"☎","Pi":"Π","pi":"π","pitchfork":"⋔","piv":"ϖ","planck":"ℏ","planckh":"ℎ","plankv":"ℏ","plusacir":"⨣","plusb":"⊞","pluscir":"⨢","plus":"+","plusdo":"∔","plusdu":"⨥","pluse":"⩲","PlusMinus":"±","plusmn":"±","plussim":"⨦","plustwo":"⨧","pm":"±","Poincareplane":"ℌ","pointint":"⨕","popf":"𝕡","Popf":"ℙ","pound":"£","prap":"⪷","Pr":"⪻","pr":"≺","prcue":"≼","precapprox":"⪷","prec":"≺","preccurlyeq":"≼","Precedes":"≺","PrecedesEqual":"⪯","PrecedesSlantEqual":"≼","PrecedesTilde":"≾","preceq":"⪯","precnapprox":"⪹","precneqq":"⪵","precnsim":"⋨","pre":"⪯","prE":"⪳","precsim":"≾","prime":"′","Prime":"″","primes":"ℙ","prnap":"⪹","prnE":"⪵","prnsim":"⋨","prod":"∏","Product":"∏","profalar":"⌮","profline":"⌒","profsurf":"⌓","prop":"∝","Proportional":"∝","Proportion":"∷","propto":"∝","prsim":"≾","prurel":"⊰","Pscr":"𝒫","pscr":"𝓅","Psi":"Ψ","psi":"ψ","puncsp":" ","Qfr":"𝔔","qfr":"𝔮","qint":"⨌","qopf":"𝕢","Qopf":"ℚ","qprime":"⁗","Qscr":"𝒬","qscr":"𝓆","quaternions":"ℍ","quatint":"⨖","quest":"?","questeq":"≟","quot":"\\"","QUOT":"\\"","rAarr":"⇛","race":"∽̱","Racute":"Ŕ","racute":"ŕ","radic":"√","raemptyv":"⦳","rang":"⟩","Rang":"⟫","rangd":"⦒","range":"⦥","rangle":"⟩","raquo":"»","rarrap":"⥵","rarrb":"⇥","rarrbfs":"⤠","rarrc":"⤳","rarr":"→","Rarr":"↠","rArr":"⇒","rarrfs":"⤞","rarrhk":"↪","rarrlp":"↬","rarrpl":"⥅","rarrsim":"⥴","Rarrtl":"⤖","rarrtl":"↣","rarrw":"↝","ratail":"⤚","rAtail":"⤜","ratio":"∶","rationals":"ℚ","rbarr":"⤍","rBarr":"⤏","RBarr":"⤐","rbbrk":"❳","rbrace":"}","rbrack":"]","rbrke":"⦌","rbrksld":"⦎","rbrkslu":"⦐","Rcaron":"Ř","rcaron":"ř","Rcedil":"Ŗ","rcedil":"ŗ","rceil":"⌉","rcub":"}","Rcy":"Р","rcy":"р","rdca":"⤷","rdldhar":"⥩","rdquo":"”","rdquor":"”","rdsh":"↳","real":"ℜ","realine":"ℛ","realpart":"ℜ","reals":"ℝ","Re":"ℜ","rect":"▭","reg":"®","REG":"®","ReverseElement":"∋","ReverseEquilibrium":"⇋","ReverseUpEquilibrium":"⥯","rfisht":"⥽","rfloor":"⌋","rfr":"𝔯","Rfr":"ℜ","rHar":"⥤","rhard":"⇁","rharu":"⇀","rharul":"⥬","Rho":"Ρ","rho":"ρ","rhov":"ϱ","RightAngleBracket":"⟩","RightArrowBar":"⇥","rightarrow":"→","RightArrow":"→","Rightarrow":"⇒","RightArrowLeftArrow":"⇄","rightarrowtail":"↣","RightCeiling":"⌉","RightDoubleBracket":"⟧","RightDownTeeVector":"⥝","RightDownVectorBar":"⥕","RightDownVector":"⇂","RightFloor":"⌋","rightharpoondown":"⇁","rightharpoonup":"⇀","rightleftarrows":"⇄","rightleftharpoons":"⇌","rightrightarrows":"⇉","rightsquigarrow":"↝","RightTeeArrow":"↦","RightTee":"⊢","RightTeeVector":"⥛","rightthreetimes":"⋌","RightTriangleBar":"⧐","RightTriangle":"⊳","RightTriangleEqual":"⊵","RightUpDownVector":"⥏","RightUpTeeVector":"⥜","RightUpVectorBar":"⥔","RightUpVector":"↾","RightVectorBar":"⥓","RightVector":"⇀","ring":"˚","risingdotseq":"≓","rlarr":"⇄","rlhar":"⇌","rlm":"‏","rmoustache":"⎱","rmoust":"⎱","rnmid":"⫮","roang":"⟭","roarr":"⇾","robrk":"⟧","ropar":"⦆","ropf":"𝕣","Ropf":"ℝ","roplus":"⨮","rotimes":"⨵","RoundImplies":"⥰","rpar":")","rpargt":"⦔","rppolint":"⨒","rrarr":"⇉","Rrightarrow":"⇛","rsaquo":"›","rscr":"𝓇","Rscr":"ℛ","rsh":"↱","Rsh":"↱","rsqb":"]","rsquo":"’","rsquor":"’","rthree":"⋌","rtimes":"⋊","rtri":"▹","rtrie":"⊵","rtrif":"▸","rtriltri":"⧎","RuleDelayed":"⧴","ruluhar":"⥨","rx":"℞","Sacute":"Ś","sacute":"ś","sbquo":"‚","scap":"⪸","Scaron":"Š","scaron":"š","Sc":"⪼","sc":"≻","sccue":"≽","sce":"⪰","scE":"⪴","Scedil":"Ş","scedil":"ş","Scirc":"Ŝ","scirc":"ŝ","scnap":"⪺","scnE":"⪶","scnsim":"⋩","scpolint":"⨓","scsim":"≿","Scy":"С","scy":"с","sdotb":"⊡","sdot":"⋅","sdote":"⩦","searhk":"⤥","searr":"↘","seArr":"⇘","searrow":"↘","sect":"§","semi":";","seswar":"⤩","setminus":"∖","setmn":"∖","sext":"✶","Sfr":"𝔖","sfr":"𝔰","sfrown":"⌢","sharp":"♯","SHCHcy":"Щ","shchcy":"щ","SHcy":"Ш","shcy":"ш","ShortDownArrow":"↓","ShortLeftArrow":"←","shortmid":"∣","shortparallel":"∥","ShortRightArrow":"→","ShortUpArrow":"↑","shy":"­","Sigma":"Σ","sigma":"σ","sigmaf":"ς","sigmav":"ς","sim":"∼","simdot":"⩪","sime":"≃","simeq":"≃","simg":"⪞","simgE":"⪠","siml":"⪝","simlE":"⪟","simne":"≆","simplus":"⨤","simrarr":"⥲","slarr":"←","SmallCircle":"∘","smallsetminus":"∖","smashp":"⨳","smeparsl":"⧤","smid":"∣","smile":"⌣","smt":"⪪","smte":"⪬","smtes":"⪬︀","SOFTcy":"Ь","softcy":"ь","solbar":"⌿","solb":"⧄","sol":"/","Sopf":"𝕊","sopf":"𝕤","spades":"♠","spadesuit":"♠","spar":"∥","sqcap":"⊓","sqcaps":"⊓︀","sqcup":"⊔","sqcups":"⊔︀","Sqrt":"√","sqsub":"⊏","sqsube":"⊑","sqsubset":"⊏","sqsubseteq":"⊑","sqsup":"⊐","sqsupe":"⊒","sqsupset":"⊐","sqsupseteq":"⊒","square":"□","Square":"□","SquareIntersection":"⊓","SquareSubset":"⊏","SquareSubsetEqual":"⊑","SquareSuperset":"⊐","SquareSupersetEqual":"⊒","SquareUnion":"⊔","squarf":"▪","squ":"□","squf":"▪","srarr":"→","Sscr":"𝒮","sscr":"𝓈","ssetmn":"∖","ssmile":"⌣","sstarf":"⋆","Star":"⋆","star":"☆","starf":"★","straightepsilon":"ϵ","straightphi":"ϕ","strns":"¯","sub":"⊂","Sub":"⋐","subdot":"⪽","subE":"⫅","sube":"⊆","subedot":"⫃","submult":"⫁","subnE":"⫋","subne":"⊊","subplus":"⪿","subrarr":"⥹","subset":"⊂","Subset":"⋐","subseteq":"⊆","subseteqq":"⫅","SubsetEqual":"⊆","subsetneq":"⊊","subsetneqq":"⫋","subsim":"⫇","subsub":"⫕","subsup":"⫓","succapprox":"⪸","succ":"≻","succcurlyeq":"≽","Succeeds":"≻","SucceedsEqual":"⪰","SucceedsSlantEqual":"≽","SucceedsTilde":"≿","succeq":"⪰","succnapprox":"⪺","succneqq":"⪶","succnsim":"⋩","succsim":"≿","SuchThat":"∋","sum":"∑","Sum":"∑","sung":"♪","sup1":"¹","sup2":"²","sup3":"³","sup":"⊃","Sup":"⋑","supdot":"⪾","supdsub":"⫘","supE":"⫆","supe":"⊇","supedot":"⫄","Superset":"⊃","SupersetEqual":"⊇","suphsol":"⟉","suphsub":"⫗","suplarr":"⥻","supmult":"⫂","supnE":"⫌","supne":"⊋","supplus":"⫀","supset":"⊃","Supset":"⋑","supseteq":"⊇","supseteqq":"⫆","supsetneq":"⊋","supsetneqq":"⫌","supsim":"⫈","supsub":"⫔","supsup":"⫖","swarhk":"⤦","swarr":"↙","swArr":"⇙","swarrow":"↙","swnwar":"⤪","szlig":"ß","Tab":"\\t","target":"⌖","Tau":"Τ","tau":"τ","tbrk":"⎴","Tcaron":"Ť","tcaron":"ť","Tcedil":"Ţ","tcedil":"ţ","Tcy":"Т","tcy":"т","tdot":"⃛","telrec":"⌕","Tfr":"𝔗","tfr":"𝔱","there4":"∴","therefore":"∴","Therefore":"∴","Theta":"Θ","theta":"θ","thetasym":"ϑ","thetav":"ϑ","thickapprox":"≈","thicksim":"∼","ThickSpace":"  ","ThinSpace":" ","thinsp":" ","thkap":"≈","thksim":"∼","THORN":"Þ","thorn":"þ","tilde":"˜","Tilde":"∼","TildeEqual":"≃","TildeFullEqual":"≅","TildeTilde":"≈","timesbar":"⨱","timesb":"⊠","times":"×","timesd":"⨰","tint":"∭","toea":"⤨","topbot":"⌶","topcir":"⫱","top":"⊤","Topf":"𝕋","topf":"𝕥","topfork":"⫚","tosa":"⤩","tprime":"‴","trade":"™","TRADE":"™","triangle":"▵","triangledown":"▿","triangleleft":"◃","trianglelefteq":"⊴","triangleq":"≜","triangleright":"▹","trianglerighteq":"⊵","tridot":"◬","trie":"≜","triminus":"⨺","TripleDot":"⃛","triplus":"⨹","trisb":"⧍","tritime":"⨻","trpezium":"⏢","Tscr":"𝒯","tscr":"𝓉","TScy":"Ц","tscy":"ц","TSHcy":"Ћ","tshcy":"ћ","Tstrok":"Ŧ","tstrok":"ŧ","twixt":"≬","twoheadleftarrow":"↞","twoheadrightarrow":"↠","Uacute":"Ú","uacute":"ú","uarr":"↑","Uarr":"↟","uArr":"⇑","Uarrocir":"⥉","Ubrcy":"Ў","ubrcy":"ў","Ubreve":"Ŭ","ubreve":"ŭ","Ucirc":"Û","ucirc":"û","Ucy":"У","ucy":"у","udarr":"⇅","Udblac":"Ű","udblac":"ű","udhar":"⥮","ufisht":"⥾","Ufr":"𝔘","ufr":"𝔲","Ugrave":"Ù","ugrave":"ù","uHar":"⥣","uharl":"↿","uharr":"↾","uhblk":"▀","ulcorn":"⌜","ulcorner":"⌜","ulcrop":"⌏","ultri":"◸","Umacr":"Ū","umacr":"ū","uml":"¨","UnderBar":"_","UnderBrace":"⏟","UnderBracket":"⎵","UnderParenthesis":"⏝","Union":"⋃","UnionPlus":"⊎","Uogon":"Ų","uogon":"ų","Uopf":"𝕌","uopf":"𝕦","UpArrowBar":"⤒","uparrow":"↑","UpArrow":"↑","Uparrow":"⇑","UpArrowDownArrow":"⇅","updownarrow":"↕","UpDownArrow":"↕","Updownarrow":"⇕","UpEquilibrium":"⥮","upharpoonleft":"↿","upharpoonright":"↾","uplus":"⊎","UpperLeftArrow":"↖","UpperRightArrow":"↗","upsi":"υ","Upsi":"ϒ","upsih":"ϒ","Upsilon":"Υ","upsilon":"υ","UpTeeArrow":"↥","UpTee":"⊥","upuparrows":"⇈","urcorn":"⌝","urcorner":"⌝","urcrop":"⌎","Uring":"Ů","uring":"ů","urtri":"◹","Uscr":"𝒰","uscr":"𝓊","utdot":"⋰","Utilde":"Ũ","utilde":"ũ","utri":"▵","utrif":"▴","uuarr":"⇈","Uuml":"Ü","uuml":"ü","uwangle":"⦧","vangrt":"⦜","varepsilon":"ϵ","varkappa":"ϰ","varnothing":"∅","varphi":"ϕ","varpi":"ϖ","varpropto":"∝","varr":"↕","vArr":"⇕","varrho":"ϱ","varsigma":"ς","varsubsetneq":"⊊︀","varsubsetneqq":"⫋︀","varsupsetneq":"⊋︀","varsupsetneqq":"⫌︀","vartheta":"ϑ","vartriangleleft":"⊲","vartriangleright":"⊳","vBar":"⫨","Vbar":"⫫","vBarv":"⫩","Vcy":"В","vcy":"в","vdash":"⊢","vDash":"⊨","Vdash":"⊩","VDash":"⊫","Vdashl":"⫦","veebar":"⊻","vee":"∨","Vee":"⋁","veeeq":"≚","vellip":"⋮","verbar":"|","Verbar":"‖","vert":"|","Vert":"‖","VerticalBar":"∣","VerticalLine":"|","VerticalSeparator":"❘","VerticalTilde":"≀","VeryThinSpace":" ","Vfr":"𝔙","vfr":"𝔳","vltri":"⊲","vnsub":"⊂⃒","vnsup":"⊃⃒","Vopf":"𝕍","vopf":"𝕧","vprop":"∝","vrtri":"⊳","Vscr":"𝒱","vscr":"𝓋","vsubnE":"⫋︀","vsubne":"⊊︀","vsupnE":"⫌︀","vsupne":"⊋︀","Vvdash":"⊪","vzigzag":"⦚","Wcirc":"Ŵ","wcirc":"ŵ","wedbar":"⩟","wedge":"∧","Wedge":"⋀","wedgeq":"≙","weierp":"℘","Wfr":"𝔚","wfr":"𝔴","Wopf":"𝕎","wopf":"𝕨","wp":"℘","wr":"≀","wreath":"≀","Wscr":"𝒲","wscr":"𝓌","xcap":"⋂","xcirc":"◯","xcup":"⋃","xdtri":"▽","Xfr":"𝔛","xfr":"𝔵","xharr":"⟷","xhArr":"⟺","Xi":"Ξ","xi":"ξ","xlarr":"⟵","xlArr":"⟸","xmap":"⟼","xnis":"⋻","xodot":"⨀","Xopf":"𝕏","xopf":"𝕩","xoplus":"⨁","xotime":"⨂","xrarr":"⟶","xrArr":"⟹","Xscr":"𝒳","xscr":"𝓍","xsqcup":"⨆","xuplus":"⨄","xutri":"△","xvee":"⋁","xwedge":"⋀","Yacute":"Ý","yacute":"ý","YAcy":"Я","yacy":"я","Ycirc":"Ŷ","ycirc":"ŷ","Ycy":"Ы","ycy":"ы","yen":"¥","Yfr":"𝔜","yfr":"𝔶","YIcy":"Ї","yicy":"ї","Yopf":"𝕐","yopf":"𝕪","Yscr":"𝒴","yscr":"𝓎","YUcy":"Ю","yucy":"ю","yuml":"ÿ","Yuml":"Ÿ","Zacute":"Ź","zacute":"ź","Zcaron":"Ž","zcaron":"ž","Zcy":"З","zcy":"з","Zdot":"Ż","zdot":"ż","zeetrf":"ℨ","ZeroWidthSpace":"​","Zeta":"Ζ","zeta":"ζ","zfr":"𝔷","Zfr":"ℨ","ZHcy":"Ж","zhcy":"ж","zigrarr":"⇝","zopf":"𝕫","Zopf":"ℤ","Zscr":"𝒵","zscr":"𝓏","zwj":"‍","zwnj":"‌"}')},function(t){"use strict";t.exports=JSON.parse('{"Aacute":"Á","aacute":"á","Acirc":"Â","acirc":"â","acute":"´","AElig":"Æ","aelig":"æ","Agrave":"À","agrave":"à","amp":"&","AMP":"&","Aring":"Å","aring":"å","Atilde":"Ã","atilde":"ã","Auml":"Ä","auml":"ä","brvbar":"¦","Ccedil":"Ç","ccedil":"ç","cedil":"¸","cent":"¢","copy":"©","COPY":"©","curren":"¤","deg":"°","divide":"÷","Eacute":"É","eacute":"é","Ecirc":"Ê","ecirc":"ê","Egrave":"È","egrave":"è","ETH":"Ð","eth":"ð","Euml":"Ë","euml":"ë","frac12":"½","frac14":"¼","frac34":"¾","gt":">","GT":">","Iacute":"Í","iacute":"í","Icirc":"Î","icirc":"î","iexcl":"¡","Igrave":"Ì","igrave":"ì","iquest":"¿","Iuml":"Ï","iuml":"ï","laquo":"«","lt":"<","LT":"<","macr":"¯","micro":"µ","middot":"·","nbsp":" ","not":"¬","Ntilde":"Ñ","ntilde":"ñ","Oacute":"Ó","oacute":"ó","Ocirc":"Ô","ocirc":"ô","Ograve":"Ò","ograve":"ò","ordf":"ª","ordm":"º","Oslash":"Ø","oslash":"ø","Otilde":"Õ","otilde":"õ","Ouml":"Ö","ouml":"ö","para":"¶","plusmn":"±","pound":"£","quot":"\\"","QUOT":"\\"","raquo":"»","reg":"®","REG":"®","sect":"§","shy":"­","sup1":"¹","sup2":"²","sup3":"³","szlig":"ß","THORN":"Þ","thorn":"þ","times":"×","Uacute":"Ú","uacute":"ú","Ucirc":"Û","ucirc":"û","Ugrave":"Ù","ugrave":"ù","uml":"¨","Uuml":"Ü","uuml":"ü","Yacute":"Ý","yacute":"ý","yen":"¥","yuml":"ÿ"}')},function(t){"use strict";t.exports=JSON.parse('{"amp":"&","apos":"\'","gt":">","lt":"<","quot":"\\""}')},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.decodeXMLStrict=e.decodeHTML5Strict=e.decodeHTML4Strict=e.decodeHTML5=e.decodeHTML4=e.decodeHTMLStrict=e.decodeHTML=e.decodeXML=e.encodeHTML5=e.encodeHTML4=e.escapeUTF8=e.escape=e.encodeNonAsciiHTML=e.encodeHTML=e.encodeXML=e.encode=e.decodeStrict=e.decode=void 0;var r=n(164),o=n(165);e.decode=function(t,e){return(!e||e<=0?r.decodeXML:r.decodeHTML)(t)},e.decodeStrict=function(t,e){return(!e||e<=0?r.decodeXML:r.decodeHTMLStrict)(t)},e.encode=function(t,e){return(!e||e<=0?o.encodeXML:o.encodeHTML)(t)};var i=n(165);Object.defineProperty(e,"encodeXML",{enumerable:!0,get:function(){return i.encodeXML}}),Object.defineProperty(e,"encodeHTML",{enumerable:!0,get:function(){return i.encodeHTML}}),Object.defineProperty(e,"encodeNonAsciiHTML",{enumerable:!0,get:function(){return i.encodeNonAsciiHTML}}),Object.defineProperty(e,"escape",{enumerable:!0,get:function(){return i.escape}}),Object.defineProperty(e,"escapeUTF8",{enumerable:!0,get:function(){return i.escapeUTF8}}),Object.defineProperty(e,"encodeHTML4",{enumerable:!0,get:function(){return i.encodeHTML}}),Object.defineProperty(e,"encodeHTML5",{enumerable:!0,get:function(){return i.encodeHTML}});var a=n(164);Object.defineProperty(e,"decodeXML",{enumerable:!0,get:function(){return a.decodeXML}}),Object.defineProperty(e,"decodeHTML",{enumerable:!0,get:function(){return a.decodeHTML}}),Object.defineProperty(e,"decodeHTMLStrict",{enumerable:!0,get:function(){return a.decodeHTMLStrict}}),Object.defineProperty(e,"decodeHTML4",{enumerable:!0,get:function(){return a.decodeHTML}}),Object.defineProperty(e,"decodeHTML5",{enumerable:!0,get:function(){return a.decodeHTML}}),Object.defineProperty(e,"decodeHTML4Strict",{enumerable:!0,get:function(){return a.decodeHTMLStrict}}),Object.defineProperty(e,"decodeHTML5Strict",{enumerable:!0,get:function(){return a.decodeHTMLStrict}}),Object.defineProperty(e,"decodeXMLStrict",{enumerable:!0,get:function(){return a.decodeXML}})},function(t){"use strict";t.exports=JSON.parse('{"Aacute":"Á","aacute":"á","Acirc":"Â","acirc":"â","acute":"´","AElig":"Æ","aelig":"æ","Agrave":"À","agrave":"à","amp":"&","AMP":"&","Aring":"Å","aring":"å","Atilde":"Ã","atilde":"ã","Auml":"Ä","auml":"ä","brvbar":"¦","Ccedil":"Ç","ccedil":"ç","cedil":"¸","cent":"¢","copy":"©","COPY":"©","curren":"¤","deg":"°","divide":"÷","Eacute":"É","eacute":"é","Ecirc":"Ê","ecirc":"ê","Egrave":"È","egrave":"è","ETH":"Ð","eth":"ð","Euml":"Ë","euml":"ë","frac12":"½","frac14":"¼","frac34":"¾","gt":">","GT":">","Iacute":"Í","iacute":"í","Icirc":"Î","icirc":"î","iexcl":"¡","Igrave":"Ì","igrave":"ì","iquest":"¿","Iuml":"Ï","iuml":"ï","laquo":"«","lt":"<","LT":"<","macr":"¯","micro":"µ","middot":"·","nbsp":" ","not":"¬","Ntilde":"Ñ","ntilde":"ñ","Oacute":"Ó","oacute":"ó","Ocirc":"Ô","ocirc":"ô","Ograve":"Ò","ograve":"ò","ordf":"ª","ordm":"º","Oslash":"Ø","oslash":"ø","Otilde":"Õ","otilde":"õ","Ouml":"Ö","ouml":"ö","para":"¶","plusmn":"±","pound":"£","quot":"\\"","QUOT":"\\"","raquo":"»","reg":"®","REG":"®","sect":"§","shy":"­","sup1":"¹","sup2":"²","sup3":"³","szlig":"ß","THORN":"Þ","thorn":"þ","times":"×","Uacute":"Ú","uacute":"ú","Ucirc":"Û","ucirc":"û","Ugrave":"Ù","ugrave":"ù","uml":"¨","Uuml":"Ü","uuml":"ü","Yacute":"Ý","yacute":"ý","yen":"¥","yuml":"ÿ"}')},function(t){"use strict";t.exports=JSON.parse('{"0":65533,"128":8364,"130":8218,"131":402,"132":8222,"133":8230,"134":8224,"135":8225,"136":710,"137":8240,"138":352,"139":8249,"140":338,"142":381,"145":8216,"146":8217,"147":8220,"148":8221,"149":8226,"150":8211,"151":8212,"152":732,"153":8482,"154":353,"155":8250,"156":339,"158":382,"159":376}')},function(t){"use strict";t.exports=JSON.parse('{"elementNames":{"altglyph":"altGlyph","altglyphdef":"altGlyphDef","altglyphitem":"altGlyphItem","animatecolor":"animateColor","animatemotion":"animateMotion","animatetransform":"animateTransform","clippath":"clipPath","feblend":"feBlend","fecolormatrix":"feColorMatrix","fecomponenttransfer":"feComponentTransfer","fecomposite":"feComposite","feconvolvematrix":"feConvolveMatrix","fediffuselighting":"feDiffuseLighting","fedisplacementmap":"feDisplacementMap","fedistantlight":"feDistantLight","fedropshadow":"feDropShadow","feflood":"feFlood","fefunca":"feFuncA","fefuncb":"feFuncB","fefuncg":"feFuncG","fefuncr":"feFuncR","fegaussianblur":"feGaussianBlur","feimage":"feImage","femerge":"feMerge","femergenode":"feMergeNode","femorphology":"feMorphology","feoffset":"feOffset","fepointlight":"fePointLight","fespecularlighting":"feSpecularLighting","fespotlight":"feSpotLight","fetile":"feTile","feturbulence":"feTurbulence","foreignobject":"foreignObject","glyphref":"glyphRef","lineargradient":"linearGradient","radialgradient":"radialGradient","textpath":"textPath"},"attributeNames":{"definitionurl":"definitionURL","attributename":"attributeName","attributetype":"attributeType","basefrequency":"baseFrequency","baseprofile":"baseProfile","calcmode":"calcMode","clippathunits":"clipPathUnits","diffuseconstant":"diffuseConstant","edgemode":"edgeMode","filterunits":"filterUnits","glyphref":"glyphRef","gradienttransform":"gradientTransform","gradientunits":"gradientUnits","kernelmatrix":"kernelMatrix","kernelunitlength":"kernelUnitLength","keypoints":"keyPoints","keysplines":"keySplines","keytimes":"keyTimes","lengthadjust":"lengthAdjust","limitingconeangle":"limitingConeAngle","markerheight":"markerHeight","markerunits":"markerUnits","markerwidth":"markerWidth","maskcontentunits":"maskContentUnits","maskunits":"maskUnits","numoctaves":"numOctaves","pathlength":"pathLength","patterncontentunits":"patternContentUnits","patterntransform":"patternTransform","patternunits":"patternUnits","pointsatx":"pointsAtX","pointsaty":"pointsAtY","pointsatz":"pointsAtZ","preservealpha":"preserveAlpha","preserveaspectratio":"preserveAspectRatio","primitiveunits":"primitiveUnits","refx":"refX","refy":"refY","repeatcount":"repeatCount","repeatdur":"repeatDur","requiredextensions":"requiredExtensions","requiredfeatures":"requiredFeatures","specularconstant":"specularConstant","specularexponent":"specularExponent","spreadmethod":"spreadMethod","startoffset":"startOffset","stddeviation":"stdDeviation","stitchtiles":"stitchTiles","surfacescale":"surfaceScale","systemlanguage":"systemLanguage","tablevalues":"tableValues","targetx":"targetX","targety":"targetY","textlength":"textLength","viewbox":"viewBox","viewtarget":"viewTarget","xchannelselector":"xChannelSelector","ychannelselector":"yChannelSelector","zoomandpan":"zoomAndPan"}}')},function(t,e){var n=e.getChildren=function(t){return t.children},r=e.getParent=function(t){return t.parent};e.getSiblings=function(t){var e=r(t);return e?n(e):[t]},e.getAttributeValue=function(t,e){return t.attribs&&t.attribs[e]},e.hasAttrib=function(t,e){return!!t.attribs&&hasOwnProperty.call(t.attribs,e)},e.getName=function(t){return t.name}},function(t,e){e.removeElement=function(t){if(t.prev&&(t.prev.next=t.next),t.next&&(t.next.prev=t.prev),t.parent){var e=t.parent.children;e.splice(e.lastIndexOf(t),1)}},e.replaceElement=function(t,e){var n=e.prev=t.prev;n&&(n.next=e);var r=e.next=t.next;r&&(r.prev=e);var o=e.parent=t.parent;if(o){var i=o.children;i[i.lastIndexOf(t)]=e}},e.appendChild=function(t,e){if(e.parent=t,1!==t.children.push(e)){var n=t.children[t.children.length-2];n.next=e,e.prev=n,e.next=null}},e.append=function(t,e){var n=t.parent,r=t.next;if(e.next=r,e.prev=t,t.next=e,e.parent=n,r){if(r.prev=e,n){var o=n.children;o.splice(o.lastIndexOf(r),0,e)}}else n&&n.children.push(e)},e.prepend=function(t,e){var n=t.parent;if(n){var r=n.children;r.splice(r.lastIndexOf(t),0,e)}t.prev&&(t.prev.next=e),e.parent=n,e.prev=t.prev,e.next=t,t.prev=e}},function(t,e,n){var r=n(59),o=e.isTag=r.isTag;e.testElement=function(t,e){for(var n in t)if(t.hasOwnProperty(n)){if("tag_name"===n){if(!o(e)||!t.tag_name(e.name))return!1}else if("tag_type"===n){if(!t.tag_type(e.type))return!1}else if("tag_contains"===n){if(o(e)||!t.tag_contains(e.data))return!1}else if(!e.attribs||!t[n](e.attribs[n]))return!1}else;return!0};var i={tag_name:function(t){return"function"==typeof t?function(e){return o(e)&&t(e.name)}:"*"===t?o:function(e){return o(e)&&e.name===t}},tag_type:function(t){return"function"==typeof t?function(e){return t(e.type)}:function(e){return e.type===t}},tag_contains:function(t){return"function"==typeof t?function(e){return!o(e)&&t(e.data)}:function(e){return!o(e)&&e.data===t}}};function a(t,e){return"function"==typeof e?function(n){return n.attribs&&e(n.attribs[t])}:function(n){return n.attribs&&n.attribs[t]===e}}function s(t,e){return function(n){return t(n)||e(n)}}e.getElements=function(t,e,n,r){var o=Object.keys(t).map((function(e){var n=t[e];return e in i?i[e](n):a(e,n)}));return 0===o.length?[]:this.filter(o.reduce(s),e,n,r)},e.getElementById=function(t,e,n){return Array.isArray(e)||(e=[e]),this.findOne(a("id",t),e,!1!==n)},e.getElementsByTagName=function(t,e,n,r){return this.filter(i.tag_name(t),e,n,r)},e.getElementsByTagType=function(t,e,n,r){return this.filter(i.tag_type(t),e,n,r)}},function(t,e){e.removeSubsets=function(t){for(var e,n,r,o=t.length;--o>-1;){for(e=n=t[o],t[o]=null,r=!0;n;){if(t.indexOf(n)>-1){r=!1,t.splice(o,1);break}n=n.parent}r&&(t[o]=e)}return t};var n=1,r=2,o=4,i=8,a=16,s=e.compareDocumentPosition=function(t,e){var s,c,l,u,f,p,d=[],h=[];if(t===e)return 0;for(s=t;s;)d.unshift(s),s=s.parent;for(s=e;s;)h.unshift(s),s=s.parent;for(p=0;d[p]===h[p];)p++;return 0===p?n:(l=(c=d[p-1]).children,u=d[p],f=h[p],l.indexOf(u)>l.indexOf(f)?c===e?o|a:o:c===t?r|i:r)};e.uniqueSort=function(t){var e,n,i=t.length;for(t=t.slice();--i>-1;)e=t[i],(n=t.indexOf(e))>-1&&n<i&&t.splice(i,1);return t.sort((function(t,e){var n=s(t,e);return n&r?-1:n&o?1:0})),t}},function(){},function(t,e,n){"use strict";var r=n(167).Buffer,o=r.isEncoding||function(t){switch((t=""+t)&&t.toLowerCase()){case"hex":case"utf8":case"utf-8":case"ascii":case"binary":case"base64":case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":case"raw":return!0;default:return!1}};function i(t){var e;switch(this.encoding=function(t){var e=function(t){if(!t)return"utf8";for(var e;;)switch(t){case"utf8":case"utf-8":return"utf8";case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return"utf16le";case"latin1":case"binary":return"latin1";case"base64":case"ascii":case"hex":return t;default:if(e)return;t=(""+t).toLowerCase(),e=!0}}(t);if("string"!=typeof e&&(r.isEncoding===o||!o(t)))throw new Error("Unknown encoding: "+t);return e||t}(t),this.encoding){case"utf16le":this.text=c,this.end=l,e=4;break;case"utf8":this.fillLast=s,e=4;break;case"base64":this.text=u,this.end=f,e=3;break;default:return this.write=p,void(this.end=d)}this.lastNeed=0,this.lastTotal=0,this.lastChar=r.allocUnsafe(e)}function a(t){return t<=127?0:t>>5==6?2:t>>4==14?3:t>>3==30?4:t>>6==2?-1:-2}function s(t){var e=this.lastTotal-this.lastNeed,n=function(t,e,n){if(128!=(192&e[0]))return t.lastNeed=0,"�";if(t.lastNeed>1&&e.length>1){if(128!=(192&e[1]))return t.lastNeed=1,"�";if(t.lastNeed>2&&e.length>2&&128!=(192&e[2]))return t.lastNeed=2,"�"}}(this,t);return void 0!==n?n:this.lastNeed<=t.length?(t.copy(this.lastChar,e,0,this.lastNeed),this.lastChar.toString(this.encoding,0,this.lastTotal)):(t.copy(this.lastChar,e,0,t.length),void(this.lastNeed-=t.length))}function c(t,e){if((t.length-e)%2==0){var n=t.toString("utf16le",e);if(n){var r=n.charCodeAt(n.length-1);if(r>=55296&&r<=56319)return this.lastNeed=2,this.lastTotal=4,this.lastChar[0]=t[t.length-2],this.lastChar[1]=t[t.length-1],n.slice(0,-1)}return n}return this.lastNeed=1,this.lastTotal=2,this.lastChar[0]=t[t.length-1],t.toString("utf16le",e,t.length-1)}function l(t){var e=t&&t.length?this.write(t):"";if(this.lastNeed){var n=this.lastTotal-this.lastNeed;return e+this.lastChar.toString("utf16le",0,n)}return e}function u(t,e){var n=(t.length-e)%3;return 0===n?t.toString("base64",e):(this.lastNeed=3-n,this.lastTotal=3,1===n?this.lastChar[0]=t[t.length-1]:(this.lastChar[0]=t[t.length-2],this.lastChar[1]=t[t.length-1]),t.toString("base64",e,t.length-n))}function f(t){var e=t&&t.length?this.write(t):"";return this.lastNeed?e+this.lastChar.toString("base64",0,3-this.lastNeed):e}function p(t){return t.toString(this.encoding)}function d(t){return t&&t.length?this.write(t):""}e.s=i,i.prototype.write=function(t){if(0===t.length)return"";var e,n;if(this.lastNeed){if(void 0===(e=this.fillLast(t)))return"";n=this.lastNeed,this.lastNeed=0}else n=0;return n<t.length?e?e+this.text(t,n):this.text(t,n):e||""},i.prototype.end=function(t){var e=t&&t.length?this.write(t):"";return this.lastNeed?e+"�":e},i.prototype.text=function(t,e){var n=function(t,e,n){var r=e.length-1;if(r<n)return 0;var o=a(e[r]);if(o>=0)return o>0&&(t.lastNeed=o-1),o;if(--r<n||-2===o)return 0;if(o=a(e[r]),o>=0)return o>0&&(t.lastNeed=o-2),o;if(--r<n||-2===o)return 0;if(o=a(e[r]),o>=0)return o>0&&(2===o?o=0:t.lastNeed=o-3),o;return 0}(this,t,e);if(!this.lastNeed)return t.toString("utf8",e);this.lastTotal=n;var r=t.length-(n-this.lastNeed);return t.copy(this.lastChar,0,r),t.toString("utf8",e,r)},i.prototype.fillLast=function(t){if(this.lastNeed<=t.length)return t.copy(this.lastChar,this.lastTotal-this.lastNeed,0,this.lastNeed),this.lastChar.toString(this.encoding,0,this.lastTotal);t.copy(this.lastChar,this.lastTotal-this.lastNeed,0,t.length),this.lastNeed-=t.length}},function(t,e){"use strict";e.byteLength=function(t){var e=c(t),n=e[0],r=e[1];return 3*(n+r)/4-r},e.toByteArray=function(t){var e,n,i=c(t),a=i[0],s=i[1],l=new o(function(t,e,n){return 3*(e+n)/4-n}(0,a,s)),u=0,f=s>0?a-4:a;for(n=0;n<f;n+=4)e=r[t.charCodeAt(n)]<<18|r[t.charCodeAt(n+1)]<<12|r[t.charCodeAt(n+2)]<<6|r[t.charCodeAt(n+3)],l[u++]=e>>16&255,l[u++]=e>>8&255,l[u++]=255&e;2===s&&(e=r[t.charCodeAt(n)]<<2|r[t.charCodeAt(n+1)]>>4,l[u++]=255&e);1===s&&(e=r[t.charCodeAt(n)]<<10|r[t.charCodeAt(n+1)]<<4|r[t.charCodeAt(n+2)]>>2,l[u++]=e>>8&255,l[u++]=255&e);return l},e.fromByteArray=function(t){for(var e,r=t.length,o=r%3,i=[],a=16383,s=0,c=r-o;s<c;s+=a)i.push(l(t,s,s+a>c?c:s+a));1===o?(e=t[r-1],i.push(n[e>>2]+n[e<<4&63]+"==")):2===o&&(e=(t[r-2]<<8)+t[r-1],i.push(n[e>>10]+n[e>>4&63]+n[e<<2&63]+"="));return i.join("")};for(var n=[],r=[],o="undefined"!=typeof Uint8Array?Uint8Array:Array,i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",a=0,s=i.length;a<s;++a)n[a]=i[a],r[i.charCodeAt(a)]=a;function c(t){var e=t.length;if(e%4>0)throw new Error("Invalid string. Length must be a multiple of 4");var n=t.indexOf("=");return-1===n&&(n=e),[n,n===e?0:4-n%4]}function l(t,e,r){for(var o,i,a=[],s=e;s<r;s+=3)o=(t[s]<<16&16711680)+(t[s+1]<<8&65280)+(255&t[s+2]),a.push(n[(i=o)>>18&63]+n[i>>12&63]+n[i>>6&63]+n[63&i]);return a.join("")}r["-".charCodeAt(0)]=62,r["_".charCodeAt(0)]=63},function(t,e){e.read=function(t,e,n,r,o){var i,a,s=8*o-r-1,c=(1<<s)-1,l=c>>1,u=-7,f=n?o-1:0,p=n?-1:1,d=t[e+f];for(f+=p,i=d&(1<<-u)-1,d>>=-u,u+=s;u>0;i=256*i+t[e+f],f+=p,u-=8);for(a=i&(1<<-u)-1,i>>=-u,u+=r;u>0;a=256*a+t[e+f],f+=p,u-=8);if(0===i)i=1-l;else{if(i===c)return a?NaN:1/0*(d?-1:1);a+=Math.pow(2,r),i-=l}return(d?-1:1)*a*Math.pow(2,i-r)},e.write=function(t,e,n,r,o,i){var a,s,c,l=8*i-o-1,u=(1<<l)-1,f=u>>1,p=23===o?Math.pow(2,-24)-Math.pow(2,-77):0,d=r?0:i-1,h=r?1:-1,y=e<0||0===e&&1/e<0?1:0;for(e=Math.abs(e),isNaN(e)||e===1/0?(s=isNaN(e)?1:0,a=u):(a=Math.floor(Math.log(e)/Math.LN2),e*(c=Math.pow(2,-a))<1&&(a--,c*=2),(e+=a+f>=1?p/c:p*Math.pow(2,1-f))*c>=2&&(a++,c/=2),a+f>=u?(s=0,a=u):a+f>=1?(s=(e*c-1)*Math.pow(2,o),a+=f):(s=e*Math.pow(2,f-1)*Math.pow(2,o),a=0));o>=8;t[n+d]=255&s,d+=h,s/=256,o-=8);for(a=a<<o|s,l+=o;l>0;t[n+d]=255&a,d+=h,a/=256,l-=8);t[n+d-h]|=128*y}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){return t.data}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e,n){var c=t.name;if(!(0,s.default)(c))return null;var l=(0,i.default)(t.attribs,e),u=null;-1===a.default.indexOf(c)&&(u=(0,o.default)(t.children,n));return r.default.createElement(c,l,u)};var r=c(n(41)),o=c(n(155)),i=c(n(260)),a=c(n(372)),s=c(n(261));function c(t){return t&&t.__esModule?t:{default:t}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t){return Object.keys(t).filter((function(t){return(0,i.default)(t)})).reduce((function(e,n){var i=n.toLowerCase(),a=o.default[i]||i;return e[a]=function(t,e){r.default.map((function(t){return t.toLowerCase()})).indexOf(t.toLowerCase())>=0&&(e=t);return e}(a,t[n]),e}),{})};var r=a(n(369)),o=a(n(370)),i=a(n(261));function a(t){return t&&t.__esModule?t:{default:t}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=["allowfullScreen","async","autoplay","capture","checked","controls","default","defer","disabled","formnovalidate","hidden","loop","multiple","muted","novalidate","open","playsinline","readonly","required","reversed","scoped","seamless","selected","itemscope"]},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={accept:"accept","accept-charset":"acceptCharset",accesskey:"accessKey",action:"action",allowfullscreen:"allowFullScreen",allowtransparency:"allowTransparency",alt:"alt",as:"as",async:"async",autocomplete:"autoComplete",autoplay:"autoPlay",capture:"capture",cellpadding:"cellPadding",cellspacing:"cellSpacing",charset:"charSet",challenge:"challenge",checked:"checked",cite:"cite",classid:"classID",class:"className",cols:"cols",colspan:"colSpan",content:"content",contenteditable:"contentEditable",contextmenu:"contextMenu",controls:"controls",controlsList:"controlsList",coords:"coords",crossorigin:"crossOrigin",data:"data",datetime:"dateTime",default:"default",defer:"defer",dir:"dir",disabled:"disabled",download:"download",draggable:"draggable",enctype:"encType",form:"form",formaction:"formAction",formenctype:"formEncType",formmethod:"formMethod",formnovalidate:"formNoValidate",formtarget:"formTarget",frameborder:"frameBorder",headers:"headers",height:"height",hidden:"hidden",high:"high",href:"href",hreflang:"hrefLang",for:"htmlFor","http-equiv":"httpEquiv",icon:"icon",id:"id",inputmode:"inputMode",integrity:"integrity",is:"is",keyparams:"keyParams",keytype:"keyType",kind:"kind",label:"label",lang:"lang",list:"list",loop:"loop",low:"low",manifest:"manifest",marginheight:"marginHeight",marginwidth:"marginWidth",max:"max",maxlength:"maxLength",media:"media",mediagroup:"mediaGroup",method:"method",min:"min",minlength:"minLength",multiple:"multiple",muted:"muted",name:"name",nonce:"nonce",novalidate:"noValidate",open:"open",optimum:"optimum",pattern:"pattern",placeholder:"placeholder",playsinline:"playsInline",poster:"poster",preload:"preload",profile:"profile",radiogroup:"radioGroup",readonly:"readOnly",referrerpolicy:"referrerPolicy",rel:"rel",required:"required",reversed:"reversed",role:"role",rows:"rows",rowspan:"rowSpan",sandbox:"sandbox",scope:"scope",scoped:"scoped",scrolling:"scrolling",seamless:"seamless",selected:"selected",shape:"shape",size:"size",sizes:"sizes",slot:"slot",span:"span",spellcheck:"spellCheck",src:"src",srcdoc:"srcDoc",srclang:"srcLang",srcset:"srcSet",start:"start",step:"step",style:"style",summary:"summary",tabindex:"tabIndex",target:"target",title:"title",type:"type",usemap:"useMap",value:"value",width:"width",wmode:"wmode",wrap:"wrap",about:"about",datatype:"datatype",inlist:"inlist",prefix:"prefix",property:"property",resource:"resource",typeof:"typeof",vocab:"vocab",autocapitalize:"autoCapitalize",autocorrect:"autoCorrect",autosave:"autoSave",color:"color",itemprop:"itemProp",itemscope:"itemScope",itemtype:"itemType",itemid:"itemID",itemref:"itemRef",results:"results",security:"security",unselectable:"unselectable"}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,s=t[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(c){o=!0,i=c}finally{try{!r&&s.return&&s.return()}finally{if(o)throw i}}return n}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")};e.default=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(""===t)return{};return t.split(";").reduce((function(t,e){var r=e.split(/^([^:]+):/).filter((function(t,e){return e>0})).map((function(t){return t.trim().toLowerCase()})),o=n(r,2),i=o[0],a=o[1];return void 0===a||(t[i=i.replace(/^-ms-/,"ms-").replace(/-(.)/g,(function(t,e){return e.toUpperCase()}))]=a),t}),{})}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=["area","base","br","col","command","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e){var n=void 0;t.children.length>0&&(n=t.children[0].data);var i=(0,o.default)(t.attribs,e);return r.default.createElement("style",i,n)};var r=i(n(41)),o=i(n(260));function i(t){return t&&t.__esModule?t:{default:t}}},function(t,e,n){"use strict";t.exports=n(375).default},function(t,e,n){"use strict";function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var o=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},i=function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}}(),a=n(41),s=p(a),c=p(n(60)),l=p(n(264)),u=p(n(376)),f=n(381);function p(t){return t&&t.__esModule?t:{default:t}}var d=function(){return!0},h=function(t){function e(t){var n=t.alwaysRenderSuggestions;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var o=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==r(e)&&"function"!=typeof e?t:e}(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return y.call(o),o.state={isFocused:!1,isCollapsed:!n,highlightedSectionIndex:null,highlightedSuggestionIndex:null,highlightedSuggestion:null,valueBeforeUpDown:null},o.justPressedUpDown=!1,o.justMouseEntered=!1,o.pressedSuggestion=null,o}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+r(e));t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),i(e,[{key:"componentDidMount",value:function(){document.addEventListener("mousedown",this.onDocumentMouseDown),document.addEventListener("mouseup",this.onDocumentMouseUp),this.input=this.autowhatever.input,this.suggestionsContainer=this.autowhatever.itemsContainer}},{key:"componentWillReceiveProps",value:function(t){(0,l.default)(t.suggestions,this.props.suggestions)?t.highlightFirstSuggestion&&t.suggestions.length>0&&!1===this.justPressedUpDown&&!1===this.justMouseEntered&&this.highlightFirstSuggestion():this.willRenderSuggestions(t)?this.state.isCollapsed&&!this.justSelectedSuggestion&&this.revealSuggestions():this.resetHighlightedSuggestion()}},{key:"componentDidUpdate",value:function(t,e){var n=this.props,r=n.suggestions,o=n.onSuggestionHighlighted,i=n.highlightFirstSuggestion;if(!(0,l.default)(r,t.suggestions)&&r.length>0&&i)this.highlightFirstSuggestion();else if(o){var a=this.getHighlightedSuggestion();a!=e.highlightedSuggestion&&o({suggestion:a})}}},{key:"componentWillUnmount",value:function(){document.removeEventListener("mousedown",this.onDocumentMouseDown),document.removeEventListener("mouseup",this.onDocumentMouseUp)}},{key:"updateHighlightedSuggestion",value:function(t,e,n){var r=this;this.setState((function(o){var i=o.valueBeforeUpDown;return null===e?i=null:null===i&&void 0!==n&&(i=n),{highlightedSectionIndex:t,highlightedSuggestionIndex:e,highlightedSuggestion:null===e?null:r.getSuggestion(t,e),valueBeforeUpDown:i}}))}},{key:"resetHighlightedSuggestion",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.setState((function(e){var n=e.valueBeforeUpDown;return{highlightedSectionIndex:null,highlightedSuggestionIndex:null,highlightedSuggestion:null,valueBeforeUpDown:t?null:n}}))}},{key:"revealSuggestions",value:function(){this.setState({isCollapsed:!1})}},{key:"closeSuggestions",value:function(){this.setState({highlightedSectionIndex:null,highlightedSuggestionIndex:null,highlightedSuggestion:null,valueBeforeUpDown:null,isCollapsed:!0})}},{key:"getSuggestion",value:function(t,e){var n=this.props,r=n.suggestions,o=n.multiSection,i=n.getSectionSuggestions;return o?i(r[t])[e]:r[e]}},{key:"getHighlightedSuggestion",value:function(){var t=this.state,e=t.highlightedSectionIndex,n=t.highlightedSuggestionIndex;return null===n?null:this.getSuggestion(e,n)}},{key:"getSuggestionValueByIndex",value:function(t,e){return(0,this.props.getSuggestionValue)(this.getSuggestion(t,e))}},{key:"getSuggestionIndices",value:function(t){var e=t.getAttribute("data-section-index"),n=t.getAttribute("data-suggestion-index");return{sectionIndex:"string"==typeof e?parseInt(e,10):null,suggestionIndex:parseInt(n,10)}}},{key:"findSuggestionElement",value:function(t){var e=t;do{if(null!==e.getAttribute("data-suggestion-index"))return e;e=e.parentNode}while(null!==e);throw console.error("Clicked element:",t),new Error("Couldn't find suggestion element")}},{key:"maybeCallOnChange",value:function(t,e,n){var r=this.props.inputProps,o=r.value,i=r.onChange;e!==o&&i(t,{newValue:e,method:n})}},{key:"willRenderSuggestions",value:function(t){var e=t.suggestions,n=t.inputProps,r=t.shouldRenderSuggestions,o=n.value;return e.length>0&&r(o)}},{key:"getQuery",value:function(){var t=this.props.inputProps.value,e=this.state.valueBeforeUpDown;return(null===e?t:e).trim()}},{key:"render",value:function(){var t=this,e=this.props,n=e.suggestions,r=e.renderInputComponent,i=e.onSuggestionsFetchRequested,a=e.renderSuggestion,c=e.inputProps,l=e.multiSection,p=e.renderSectionTitle,h=e.id,y=e.getSectionSuggestions,m=e.theme,v=e.getSuggestionValue,g=e.alwaysRenderSuggestions,b=e.highlightFirstSuggestion,_=this.state,A=_.isFocused,w=_.isCollapsed,C=_.highlightedSectionIndex,S=_.highlightedSuggestionIndex,x=_.valueBeforeUpDown,k=g?d:this.props.shouldRenderSuggestions,E=c.value,O=c.onFocus,B=c.onKeyDown,P=this.willRenderSuggestions(this.props),j=g||A&&!w&&P,T=j?n:[],N=o({},c,{onFocus:function(e){if(!t.justSelectedSuggestion&&!t.justClickedOnSuggestionsContainer){var n=k(E);t.setState({isFocused:!0,isCollapsed:!n}),O&&O(e),n&&i({value:E,reason:"input-focused"})}},onBlur:function(e){t.justClickedOnSuggestionsContainer?t.input.focus():(t.blurEvent=e,t.justSelectedSuggestion||(t.onBlur(),t.onSuggestionsClearRequested()))},onChange:function(e){var n=e.target.value,r=k(n);t.maybeCallOnChange(e,n,"type"),t.suggestionsContainer&&(t.suggestionsContainer.scrollTop=0),t.setState(o({},b?{}:{highlightedSectionIndex:null,highlightedSuggestionIndex:null,highlightedSuggestion:null},{valueBeforeUpDown:null,isCollapsed:!r})),r?i({value:n,reason:"input-changed"}):t.onSuggestionsClearRequested()},onKeyDown:function(e,r){var o=e.keyCode;switch(o){case 40:case 38:if(w)k(E)&&(i({value:E,reason:"suggestions-revealed"}),t.revealSuggestions());else if(n.length>0){var a=r.newHighlightedSectionIndex,s=r.newHighlightedItemIndex,c=void 0;c=null===s?null===x?E:x:t.getSuggestionValueByIndex(a,s),t.updateHighlightedSuggestion(a,s,E),t.maybeCallOnChange(e,c,40===o?"down":"up")}e.preventDefault(),t.justPressedUpDown=!0,setTimeout((function(){t.justPressedUpDown=!1}));break;case 13:if(229===e.keyCode)break;var l=t.getHighlightedSuggestion();if(j&&!g&&t.closeSuggestions(),null!=l){var u=v(l);t.maybeCallOnChange(e,u,"enter"),t.onSuggestionSelected(e,{suggestion:l,suggestionValue:u,suggestionIndex:S,sectionIndex:C,method:"enter"}),t.justSelectedSuggestion=!0,setTimeout((function(){t.justSelectedSuggestion=!1}))}break;case 27:j&&e.preventDefault();var f=j&&!g;if(null===x){if(!f){t.maybeCallOnChange(e,"","escape"),k("")?i({value:"",reason:"escape-pressed"}):t.onSuggestionsClearRequested()}}else t.maybeCallOnChange(e,x,"escape");f?(t.onSuggestionsClearRequested(),t.closeSuggestions()):t.resetHighlightedSuggestion()}B&&B(e)}}),M={query:this.getQuery()};return s.default.createElement(u.default,{multiSection:l,items:T,renderInputComponent:r,renderItemsContainer:this.renderSuggestionsContainer,renderItem:a,renderItemData:M,renderSectionTitle:p,getSectionItems:y,highlightedSectionIndex:C,highlightedItemIndex:S,inputProps:N,itemProps:this.itemProps,theme:(0,f.mapToAutowhateverTheme)(m),id:h,ref:this.storeAutowhateverRef})}}]),e}(a.Component);h.propTypes={suggestions:c.default.array.isRequired,onSuggestionsFetchRequested:function(t,e){var n=t[e];if("function"!=typeof n)throw new Error("'onSuggestionsFetchRequested' must be implemented. See: https://github.com/moroshko/react-autosuggest#onSuggestionsFetchRequestedProp")},onSuggestionsClearRequested:function(t,e){var n=t[e];if(!1===t.alwaysRenderSuggestions&&"function"!=typeof n)throw new Error("'onSuggestionsClearRequested' must be implemented. See: https://github.com/moroshko/react-autosuggest#onSuggestionsClearRequestedProp")},onSuggestionSelected:c.default.func,onSuggestionHighlighted:c.default.func,renderInputComponent:c.default.func,renderSuggestionsContainer:c.default.func,getSuggestionValue:c.default.func.isRequired,renderSuggestion:c.default.func.isRequired,inputProps:function(t,e){var n=t[e];if(!n.hasOwnProperty("value"))throw new Error("'inputProps' must have 'value'.");if(!n.hasOwnProperty("onChange"))throw new Error("'inputProps' must have 'onChange'.")},shouldRenderSuggestions:c.default.func,alwaysRenderSuggestions:c.default.bool,multiSection:c.default.bool,renderSectionTitle:function(t,e){var n=t[e];if(!0===t.multiSection&&"function"!=typeof n)throw new Error("'renderSectionTitle' must be implemented. See: https://github.com/moroshko/react-autosuggest#renderSectionTitleProp")},getSectionSuggestions:function(t,e){var n=t[e];if(!0===t.multiSection&&"function"!=typeof n)throw new Error("'getSectionSuggestions' must be implemented. See: https://github.com/moroshko/react-autosuggest#getSectionSuggestionsProp")},focusInputOnSuggestionClick:c.default.bool,highlightFirstSuggestion:c.default.bool,theme:c.default.object,id:c.default.string},h.defaultProps={renderSuggestionsContainer:function(t){var e=t.containerProps,n=t.children;return s.default.createElement("div",e,n)},shouldRenderSuggestions:function(t){return t.trim().length>0},alwaysRenderSuggestions:!1,multiSection:!1,focusInputOnSuggestionClick:!0,highlightFirstSuggestion:!1,theme:f.defaultTheme,id:"1"};var y=function(){var t=this;this.onDocumentMouseDown=function(e){t.justClickedOnSuggestionsContainer=!1;for(var n=e.detail&&e.detail.target||e.target;null!==n&&n!==document;){if(null!==n.getAttribute("data-suggestion-index"))return;if(n===t.suggestionsContainer)return void(t.justClickedOnSuggestionsContainer=!0);n=n.parentNode}},this.storeAutowhateverRef=function(e){null!==e&&(t.autowhatever=e)},this.onSuggestionMouseEnter=function(e,n){var r=n.sectionIndex,o=n.itemIndex;t.updateHighlightedSuggestion(r,o),e.target===t.pressedSuggestion&&(t.justSelectedSuggestion=!0),t.justMouseEntered=!0,setTimeout((function(){t.justMouseEntered=!1}))},this.highlightFirstSuggestion=function(){t.updateHighlightedSuggestion(t.props.multiSection?0:null,0)},this.onDocumentMouseUp=function(){t.pressedSuggestion&&!t.justSelectedSuggestion&&t.input.focus(),t.pressedSuggestion=null},this.onSuggestionMouseDown=function(e){t.justSelectedSuggestion||(t.justSelectedSuggestion=!0,t.pressedSuggestion=e.target)},this.onSuggestionsClearRequested=function(){var e=t.props.onSuggestionsClearRequested;e&&e()},this.onSuggestionSelected=function(e,n){var r=t.props,o=r.alwaysRenderSuggestions,i=r.onSuggestionSelected,a=r.onSuggestionsFetchRequested;i&&i(e,n),o?a({value:n.suggestionValue,reason:"suggestion-selected"}):t.onSuggestionsClearRequested(),t.resetHighlightedSuggestion()},this.onSuggestionClick=function(e){var n=t.props,r=n.alwaysRenderSuggestions,o=n.focusInputOnSuggestionClick,i=t.getSuggestionIndices(t.findSuggestionElement(e.target)),a=i.sectionIndex,s=i.suggestionIndex,c=t.getSuggestion(a,s),l=t.props.getSuggestionValue(c);t.maybeCallOnChange(e,l,"click"),t.onSuggestionSelected(e,{suggestion:c,suggestionValue:l,suggestionIndex:s,sectionIndex:a,method:"click"}),r||t.closeSuggestions(),!0===o?t.input.focus():t.onBlur(),setTimeout((function(){t.justSelectedSuggestion=!1}))},this.onBlur=function(){var e=t.props,n=e.inputProps,r=e.shouldRenderSuggestions,o=n.value,i=n.onBlur,a=t.getHighlightedSuggestion(),s=r(o);t.setState({isFocused:!1,highlightedSectionIndex:null,highlightedSuggestionIndex:null,highlightedSuggestion:null,valueBeforeUpDown:null,isCollapsed:!s}),i&&i(t.blurEvent,{highlightedSuggestion:a})},this.onSuggestionMouseLeave=function(e){t.resetHighlightedSuggestion(!1),t.justSelectedSuggestion&&e.target===t.pressedSuggestion&&(t.justSelectedSuggestion=!1)},this.onSuggestionTouchStart=function(){t.justSelectedSuggestion=!0},this.onSuggestionTouchMove=function(){t.justSelectedSuggestion=!1,t.pressedSuggestion=null,t.input.focus()},this.itemProps=function(e){return{"data-section-index":e.sectionIndex,"data-suggestion-index":e.itemIndex,onMouseEnter:t.onSuggestionMouseEnter,onMouseLeave:t.onSuggestionMouseLeave,onMouseDown:t.onSuggestionMouseDown,onTouchStart:t.onSuggestionTouchStart,onTouchMove:t.onSuggestionTouchMove,onClick:t.onSuggestionClick}},this.renderSuggestionsContainer=function(e){var n=e.containerProps,r=e.children;return(0,t.props.renderSuggestionsContainer)({containerProps:n,children:r,query:t.getQuery()})}};e.default=h},function(t,e,n){"use strict";t.exports=n(377).default},function(t,e,n){"use strict";function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var o=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},i=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var n=[],r=!0,o=!1,i=void 0;try{for(var a,s=t[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(c){o=!0,i=c}finally{try{!r&&s.return&&s.return()}finally{if(o)throw i}}return n}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")},a=function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}}(),s=n(41),c=h(s),l=h(n(60)),u=h(n(265)),f=h(n(168)),p=h(n(378)),d=h(n(379));function h(t){return t&&t.__esModule?t:{default:t}}var y={},m=function(t){function e(t){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var n=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==r(e)&&"function"!=typeof e?t:e}(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return n.storeInputReference=function(t){null!==t&&(n.input=t)},n.storeItemsContainerReference=function(t){null!==t&&(n.itemsContainer=t)},n.onHighlightedItemChange=function(t){n.highlightedItem=t},n.getItemId=function(t,e){return null===e?null:"react-autowhatever-"+n.props.id+"-"+(null===t?"":"section-"+t)+"-item-"+e},n.onFocus=function(t){var e=n.props.inputProps;n.setState({isInputFocused:!0}),e.onFocus&&e.onFocus(t)},n.onBlur=function(t){var e=n.props.inputProps;n.setState({isInputFocused:!1}),e.onBlur&&e.onBlur(t)},n.onKeyDown=function(t){var e=n.props,r=e.inputProps,o=e.highlightedSectionIndex,a=e.highlightedItemIndex;switch(t.key){case"ArrowDown":case"ArrowUp":var s="ArrowDown"===t.key?"next":"prev",c=n.sectionIterator[s]([o,a]),l=i(c,2),u=l[0],f=l[1];r.onKeyDown(t,{newHighlightedSectionIndex:u,newHighlightedItemIndex:f});break;default:r.onKeyDown(t,{highlightedSectionIndex:o,highlightedItemIndex:a})}},n.highlightedItem=null,n.state={isInputFocused:!1},n.setSectionsItems(t),n.setSectionIterator(t),n.setTheme(t),n}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+r(e));t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),a(e,[{key:"componentDidMount",value:function(){this.ensureHighlightedItemIsVisible()}},{key:"UNSAFE_componentWillReceiveProps",value:function(t){t.items!==this.props.items&&this.setSectionsItems(t),t.items===this.props.items&&t.multiSection===this.props.multiSection||this.setSectionIterator(t),t.theme!==this.props.theme&&this.setTheme(t)}},{key:"componentDidUpdate",value:function(){this.ensureHighlightedItemIsVisible()}},{key:"setSectionsItems",value:function(t){t.multiSection&&(this.sectionsItems=t.items.map((function(e){return t.getSectionItems(e)})),this.sectionsLengths=this.sectionsItems.map((function(t){return t.length})),this.allSectionsAreEmpty=this.sectionsLengths.every((function(t){return 0===t})))}},{key:"setSectionIterator",value:function(t){this.sectionIterator=(0,u.default)({multiSection:t.multiSection,data:t.multiSection?this.sectionsLengths:t.items.length})}},{key:"setTheme",value:function(t){this.theme=(0,f.default)(t.theme)}},{key:"renderSections",value:function(){var t=this;if(this.allSectionsAreEmpty)return null;var e=this.theme,n=this.props,r=n.id,o=n.items,i=n.renderItem,a=n.renderItemData,s=n.renderSectionTitle,l=n.highlightedSectionIndex,u=n.highlightedItemIndex,f=n.itemProps;return o.map((function(n,o){var h="react-autowhatever-"+r+"-",y=h+"section-"+o+"-",m=0===o;return c.default.createElement("div",e(y+"container","sectionContainer",m&&"sectionContainerFirst"),c.default.createElement(p.default,{section:n,renderSectionTitle:s,theme:e,sectionKeyPrefix:y}),c.default.createElement(d.default,{items:t.sectionsItems[o],itemProps:f,renderItem:i,renderItemData:a,sectionIndex:o,highlightedItemIndex:l===o?u:null,onHighlightedItemChange:t.onHighlightedItemChange,getItemId:t.getItemId,theme:e,keyPrefix:h,ref:t.storeItemsListReference}))}))}},{key:"renderItems",value:function(){var t=this.props.items;if(0===t.length)return null;var e=this.theme,n=this.props,r=n.id,o=n.renderItem,i=n.renderItemData,a=n.highlightedSectionIndex,s=n.highlightedItemIndex,l=n.itemProps;return c.default.createElement(d.default,{items:t,itemProps:l,renderItem:o,renderItemData:i,highlightedItemIndex:null===a?s:null,onHighlightedItemChange:this.onHighlightedItemChange,getItemId:this.getItemId,theme:e,keyPrefix:"react-autowhatever-"+r+"-"})}},{key:"ensureHighlightedItemIsVisible",value:function(){var t=this.highlightedItem;if(t){var e=this.itemsContainer,n=t.offsetParent===e?t.offsetTop:t.offsetTop-e.offsetTop,r=e.scrollTop;n<r?r=n:n+t.offsetHeight>r+e.offsetHeight&&(r=n+t.offsetHeight-e.offsetHeight),r!==e.scrollTop&&(e.scrollTop=r)}}},{key:"render",value:function(){var t=this.theme,e=this.props,n=e.id,r=e.multiSection,i=e.renderInputComponent,a=e.renderItemsContainer,s=e.highlightedSectionIndex,l=e.highlightedItemIndex,u=this.state.isInputFocused,f=r?this.renderSections():this.renderItems(),p=null!==f,d=this.getItemId(s,l),h="react-autowhatever-"+n,y=o({role:"combobox","aria-haspopup":"listbox","aria-owns":h,"aria-expanded":p},t("react-autowhatever-"+n+"-container","container",p&&"containerOpen"),this.props.containerProps),m=i(o({type:"text",value:"",autoComplete:"off","aria-autocomplete":"list","aria-controls":h,"aria-activedescendant":d},t("react-autowhatever-"+n+"-input","input",p&&"inputOpen",u&&"inputFocused"),this.props.inputProps,{onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.props.inputProps.onKeyDown&&this.onKeyDown,ref:this.storeInputReference})),v=a({containerProps:o({id:h,role:"listbox"},t("react-autowhatever-"+n+"-items-container","itemsContainer",p&&"itemsContainerOpen"),{ref:this.storeItemsContainerReference}),children:f});return c.default.createElement("div",y,m,v)}}]),e}(s.Component);m.propTypes={id:l.default.string,multiSection:l.default.bool,renderInputComponent:l.default.func,renderItemsContainer:l.default.func,items:l.default.array.isRequired,renderItem:l.default.func,renderItemData:l.default.object,renderSectionTitle:l.default.func,getSectionItems:l.default.func,containerProps:l.default.object,inputProps:l.default.object,itemProps:l.default.oneOfType([l.default.object,l.default.func]),highlightedSectionIndex:l.default.number,highlightedItemIndex:l.default.number,theme:l.default.oneOfType([l.default.object,l.default.array])},m.defaultProps={id:"1",multiSection:!1,renderInputComponent:function(t){return c.default.createElement("input",t)},renderItemsContainer:function(t){var e=t.containerProps,n=t.children;return c.default.createElement("div",e,n)},renderItem:function(){throw new Error("`renderItem` must be provided")},renderItemData:y,renderSectionTitle:function(){throw new Error("`renderSectionTitle` must be provided")},getSectionItems:function(){throw new Error("`getSectionItems` must be provided")},containerProps:y,inputProps:y,itemProps:y,highlightedSectionIndex:null,highlightedItemIndex:null,theme:{container:"react-autowhatever__container",containerOpen:"react-autowhatever__container--open",input:"react-autowhatever__input",inputOpen:"react-autowhatever__input--open",inputFocused:"react-autowhatever__input--focused",itemsContainer:"react-autowhatever__items-container",itemsContainerOpen:"react-autowhatever__items-container--open",itemsList:"react-autowhatever__items-list",item:"react-autowhatever__item",itemFirst:"react-autowhatever__item--first",itemHighlighted:"react-autowhatever__item--highlighted",sectionContainer:"react-autowhatever__section-container",sectionContainerFirst:"react-autowhatever__section-container--first",sectionTitle:"react-autowhatever__section-title"}},e.default=m},function(t,e,n){"use strict";function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}Object.defineProperty(e,"__esModule",{value:!0});var o=function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}}(),i=n(41),a=l(i),s=l(n(60)),c=l(n(163));function l(t){return t&&t.__esModule?t:{default:t}}function u(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function f(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==r(e)&&"function"!=typeof e?t:e}var p=function(t){function e(){return u(this,e),f(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+r(e));t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),o(e,[{key:"shouldComponentUpdate",value:function(t){return(0,c.default)(t,this.props)}},{key:"render",value:function(){var t=this.props,e=t.section,n=t.renderSectionTitle,r=t.theme,o=t.sectionKeyPrefix,i=n(e);return i?a.default.createElement("div",r(o+"title","sectionTitle"),i):null}}]),e}(i.Component);p.propTypes={section:s.default.any.isRequired,renderSectionTitle:s.default.func.isRequired,theme:s.default.func.isRequired,sectionKeyPrefix:s.default.string.isRequired},e.default=p},function(t,e,n){"use strict";function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}Object.defineProperty(e,"__esModule",{value:!0});var o=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},i=function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}}(),a=n(41),s=f(a),c=f(n(60)),l=f(n(380)),u=f(n(163));function f(t){return t&&t.__esModule?t:{default:t}}function p(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function d(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==r(e)&&"function"!=typeof e?t:e}var h=function(t){function e(){var t,n,r;p(this,e);for(var o=arguments.length,i=Array(o),a=0;a<o;a++)i[a]=arguments[a];return n=r=d(this,(t=e.__proto__||Object.getPrototypeOf(e)).call.apply(t,[this].concat(i))),r.storeHighlightedItemReference=function(t){r.props.onHighlightedItemChange(null===t?null:t.item)},d(r,n)}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+r(e));t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),i(e,[{key:"shouldComponentUpdate",value:function(t){return(0,u.default)(t,this.props,["itemProps"])}},{key:"render",value:function(){var t=this,e=this.props,n=e.items,r=e.itemProps,i=e.renderItem,a=e.renderItemData,c=e.sectionIndex,u=e.highlightedItemIndex,f=e.getItemId,p=e.theme,d=e.keyPrefix,h=null===c?d:d+"section-"+c+"-",y="function"==typeof r;return s.default.createElement("ul",o({role:"listbox"},p(h+"items-list","itemsList")),n.map((function(e,n){var d=0===n,m=n===u,v=h+"item-"+n,g=y?r({sectionIndex:c,itemIndex:n}):r,b=o({id:f(c,n),"aria-selected":m},p(v,"item",d&&"itemFirst",m&&"itemHighlighted"),g);return m&&(b.ref=t.storeHighlightedItemReference),s.default.createElement(l.default,o({},b,{sectionIndex:c,isHighlighted:m,itemIndex:n,item:e,renderItem:i,renderItemData:a}))})))}}]),e}(a.Component);h.propTypes={items:c.default.array.isRequired,itemProps:c.default.oneOfType([c.default.object,c.default.func]),renderItem:c.default.func.isRequired,renderItemData:c.default.object.isRequired,sectionIndex:c.default.number,highlightedItemIndex:c.default.number,onHighlightedItemChange:c.default.func.isRequired,getItemId:c.default.func.isRequired,theme:c.default.func.isRequired,keyPrefix:c.default.string.isRequired},h.defaultProps={sectionIndex:null},e.default=h},function(t,e,n){"use strict";function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}Object.defineProperty(e,"__esModule",{value:!0});var o=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},i=function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}}(),a=n(41),s=u(a),c=u(n(60)),l=u(n(163));function u(t){return t&&t.__esModule?t:{default:t}}function f(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function p(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!==r(e)&&"function"!=typeof e?t:e}var d=function(t){function e(){var t,n,r;f(this,e);for(var o=arguments.length,i=Array(o),a=0;a<o;a++)i[a]=arguments[a];return n=r=p(this,(t=e.__proto__||Object.getPrototypeOf(e)).call.apply(t,[this].concat(i))),r.storeItemReference=function(t){null!==t&&(r.item=t)},r.onMouseEnter=function(t){var e=r.props,n=e.sectionIndex,o=e.itemIndex;r.props.onMouseEnter(t,{sectionIndex:n,itemIndex:o})},r.onMouseLeave=function(t){var e=r.props,n=e.sectionIndex,o=e.itemIndex;r.props.onMouseLeave(t,{sectionIndex:n,itemIndex:o})},r.onMouseDown=function(t){var e=r.props,n=e.sectionIndex,o=e.itemIndex;r.props.onMouseDown(t,{sectionIndex:n,itemIndex:o})},r.onClick=function(t){var e=r.props,n=e.sectionIndex,o=e.itemIndex;r.props.onClick(t,{sectionIndex:n,itemIndex:o})},p(r,n)}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+r(e));t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),i(e,[{key:"shouldComponentUpdate",value:function(t){return(0,l.default)(t,this.props,["renderItemData"])}},{key:"render",value:function(){var t=this.props,e=t.isHighlighted,n=t.item,r=t.renderItem,i=t.renderItemData,a=function(t,e){var n={};for(var r in t)e.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r]);return n}(t,["isHighlighted","item","renderItem","renderItemData"]);return delete a.sectionIndex,delete a.itemIndex,"function"==typeof a.onMouseEnter&&(a.onMouseEnter=this.onMouseEnter),"function"==typeof a.onMouseLeave&&(a.onMouseLeave=this.onMouseLeave),"function"==typeof a.onMouseDown&&(a.onMouseDown=this.onMouseDown),"function"==typeof a.onClick&&(a.onClick=this.onClick),s.default.createElement("li",o({role:"option"},a,{ref:this.storeItemReference}),r(n,o({isHighlighted:e},i)))}}]),e}(a.Component);d.propTypes={sectionIndex:c.default.number,isHighlighted:c.default.bool.isRequired,itemIndex:c.default.number.isRequired,item:c.default.any.isRequired,renderItem:c.default.func.isRequired,renderItemData:c.default.object.isRequired,onMouseEnter:c.default.func,onMouseLeave:c.default.func,onMouseDown:c.default.func,onClick:c.default.func},e.default=d},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.defaultTheme={container:"react-autosuggest__container",containerOpen:"react-autosuggest__container--open",input:"react-autosuggest__input",inputOpen:"react-autosuggest__input--open",inputFocused:"react-autosuggest__input--focused",suggestionsContainer:"react-autosuggest__suggestions-container",suggestionsContainerOpen:"react-autosuggest__suggestions-container--open",suggestionsList:"react-autosuggest__suggestions-list",suggestion:"react-autosuggest__suggestion",suggestionFirst:"react-autosuggest__suggestion--first",suggestionHighlighted:"react-autosuggest__suggestion--highlighted",sectionContainer:"react-autosuggest__section-container",sectionContainerFirst:"react-autosuggest__section-container--first",sectionTitle:"react-autosuggest__section-title"},e.mapToAutowhateverTheme=function(t){var e={};for(var n in t)switch(n){case"suggestionsContainer":e.itemsContainer=t[n];break;case"suggestionsContainerOpen":e.itemsContainerOpen=t[n];break;case"suggestion":e.item=t[n];break;case"suggestionFirst":e.itemFirst=t[n];break;case"suggestionHighlighted":e.itemHighlighted=t[n];break;case"suggestionsList":e.itemsList=t[n];break;default:e[n]=t[n]}return e}},,,function(t,e,n){var r={"./arrow-down.svg":269,"./close.svg":270,"./code-collapse.svg":271,"./code-expand.svg":272,"./copy.svg":273,"./desktop.svg":274,"./disco-ball.svg":275,"./hay.svg":276,"./help.svg":277,"./hide.svg":278,"./laptop.svg":279,"./layout-h.svg":280,"./layout-v.svg":281,"./menu.svg":282,"./new-tab.svg":283,"./phone.svg":284,"./random.svg":285,"./settings.svg":286,"./show.svg":287,"./tablet.svg":288,"./theme-dark.svg":289,"./theme-light.svg":290};function o(t){var e=i(t);return n(e)}function i(t){if(!n.o(r,t)){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}return r[t]}o.keys=function(){return Object.keys(r)},o.resolve=i,t.exports=o,o.id=384},function(t,e,n){var r={"./arrow-down.svg":269,"./close.svg":270,"./code-collapse.svg":271,"./code-expand.svg":272,"./copy.svg":273,"./desktop.svg":274,"./disco-ball.svg":275,"./hay.svg":276,"./help.svg":277,"./hide.svg":278,"./laptop.svg":279,"./layout-h.svg":280,"./layout-v.svg":281,"./menu.svg":282,"./new-tab.svg":283,"./phone.svg":284,"./random.svg":285,"./settings.svg":286,"./show.svg":287,"./tablet.svg":288,"./theme-dark.svg":289,"./theme-light.svg":290};function o(t){return Promise.resolve().then((function(){if(!n.o(r,t)){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}return n(r[t])}))}o.keys=function(){return Object.keys(r)},o.id=385,t.exports=o},function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var scriptjs=__webpack_require__(169),pluginLoader={init:function init(){for(var i=0;i<window.plugins.length;++i){var plugin=window.plugins[i];for(var key in plugin.templates)if(plugin.templates.hasOwnProperty(key)){var t=document.getElementsByTagName("script"),l=t.length-1,s=t[l],n=document.createElement("script");n.type="text/mustache",n.id=plugin.name.replace("/","-")+"-"+key+"-template",n.innerHTML=plugin.templates[key],s.parentNode.insertBefore(n,s.nextSibling)}for(var k=0;k<plugin.stylesheets.length;++k){var _s=plugin.stylesheets[k],_t=document.getElementsByTagName("link"),_l=_t.length-1,c=_t[_l],_n=document.createElement("link");_n.type="text/css",_n.rel="stylesheet",_n.href="patternlab-components/"+plugin.name+"/"+_s,_n.media="screen",c.parentNode.insertBefore(_n,c.nextSibling)}scriptjs(plugin.javascripts,plugin.name,eval("(function() { "+plugin.callback+" })")),scriptjs.ready([plugin.name],eval("(function() { "+plugin.onready+" })"))}}};pluginLoader.init()},,,,,,,,,,,,,,,,,,,,,,,,function(t,e,n){"use strict";n.d(e,{C:function(){return m},HO:function(){return s},IX:function(){return f},X0:function(){return d},Yf:function(){return c},aR:function(){return p},aw:function(){return b},c5:function(){return a},cf:function(){return l},ct:function(){return _},e5:function(){return g},fH:function(){return o},fk:function(){return h},gv:function(){return y},j:function(){return v},lW:function(){return u},pu:function(){return r},tx:function(){return A},wB:function(){return w},y$:function(){return i}});var r="UPDATE_THEME_MODE",o="UPDATE_LAYOUT_MODE",i="UPDATE_DRAWER_ANIMATION_STATE",a="UPDATE_DRAWER_STATE",s="UPDATE_VIEWPORT_PX",c="UPDATE_VIEWPORT_EM",l="UPDATE_DRAWER_HEIGHT",u="UPDATE_CURRENT_URL",f="UPDATE_CURRENT_PATTERN",p="IS_VIEWALL_PAGE",d=function(t){return function(e,n){n().app.currentPattern!==t&&e({type:f,currentPattern:t})}},h=function(t){return function(e,n){n().app.currentUrl!==t&&e({type:u,currentUrl:t})}},y=function(t){return function(e,n){n().app.layoutMode!==t&&e({type:o,layoutMode:t})}},m=function(t){return function(e,n){n().app.viewportPx!==t&&e({type:s,viewportPx:t})}},v=function(t){return function(e,n){n().app.viewportEm!==t&&e({type:c,viewportEm:t})}},g=function(t){return function(e,n){n().app.themeMode!==t&&e({type:r,themeMode:t})}},b=function(t){return function(e,n){n().app.drawerOpened!==t&&e({type:a,opened:t})}},_=function(t){return function(e,n){n().app.drawerIsAnimating!==t&&e({type:i,drawerIsAnimating:t})}},A=function(t){return function(e,n){n().app.drawerHeight!==t&&e({type:l,height:t})}},w=function(t){return function(e,n){n().app.isViewallPage!==t&&e({type:p,isViewall:t})}}}],__webpack_module_cache__={},deferred,inProgress,dataWebpackPrefix;function __webpack_require__(t){var e=__webpack_module_cache__[t];if(void 0!==e)return e.exports;var n=__webpack_module_cache__[t]={id:t,loaded:!1,exports:{}};return __webpack_modules__[t].call(n.exports,n,n.exports,__webpack_require__),n.loaded=!0,n.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=function(t,e,n,r){if(!e){var o=1/0;for(c=0;c<deferred.length;c++){e=deferred[c][0],n=deferred[c][1],r=deferred[c][2];for(var i=!0,a=0;a<e.length;a++)(!1&r||o>=r)&&Object.keys(__webpack_require__.O).every((function(t){return __webpack_require__.O[t](e[a])}))?e.splice(a--,1):(i=!1,r<o&&(o=r));if(i){deferred.splice(c--,1);var s=n();void 0!==s&&(t=s)}}return t}r=r||0;for(var c=deferred.length;c>0&&deferred[c-1][2]>r;c--)deferred[c]=deferred[c-1];deferred[c]=[e,n,r]},__webpack_require__.F={},__webpack_require__.E=function(t){Object.keys(__webpack_require__.F).map((function(e){__webpack_require__.F[e](t)}))},__webpack_require__.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return __webpack_require__.d(e,{a:e}),e},__webpack_require__.d=function(t,e){for(var n in e)__webpack_require__.o(e,n)&&!__webpack_require__.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},__webpack_require__.f={},__webpack_require__.e=function(t){return Promise.all(Object.keys(__webpack_require__.f).reduce((function(e,n){return __webpack_require__.f[n](t,e),e}),[]))},__webpack_require__.u=function(t){return"js/"+(3===t?"pl-modal-viewer":t)+"-chunk-"+{3:"ad3b4105039d7d1e484e",4:"7a265786ddc0d4faa705"}[t]+".js"},__webpack_require__.miniCssF=function(t){},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),__webpack_require__.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},inProgress={},dataWebpackPrefix="@pattern-lab/uikit-workshop:",__webpack_require__.l=function(t,e,n,r){if(inProgress[t])inProgress[t].push(e);else{var o,i;if(void 0!==n)for(var a=document.getElementsByTagName("script"),s=0;s<a.length;s++){var c=a[s];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")==dataWebpackPrefix+n){o=c;break}}o||(i=!0,(o=document.createElement("script")).charset="utf-8",o.timeout=120,__webpack_require__.nc&&o.setAttribute("nonce",__webpack_require__.nc),o.setAttribute("data-webpack",dataWebpackPrefix+n),o.src=t),inProgress[t]=[e];var l=function(e,n){o.onerror=o.onload=null,clearTimeout(u);var r=inProgress[t];if(delete inProgress[t],o.parentNode&&o.parentNode.removeChild(o),r&&r.forEach((function(t){return t(n)})),e)return e(n)},u=setTimeout(l.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=l.bind(null,o.onerror),o.onload=l.bind(null,o.onload),i&&document.head.appendChild(o)}},__webpack_require__.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},__webpack_require__.nmd=function(t){return t.paths=[],t.children||(t.children=[]),t},__webpack_require__.p="./styleguide/",function(){var t={2:0};__webpack_require__.f.j=function(e,n){var r=__webpack_require__.o(t,e)?t[e]:void 0;if(0!==r)if(r)n.push(r[2]);else{var o=new Promise((function(n,o){r=t[e]=[n,o]}));n.push(r[2]=o);var i=__webpack_require__.p+__webpack_require__.u(e),a=new Error;__webpack_require__.l(i,(function(n){if(__webpack_require__.o(t,e)&&(0!==(r=t[e])&&(t[e]=void 0),r)){var o=n&&("load"===n.type?"missing":n.type),i=n&&n.target&&n.target.src;a.message="Loading chunk "+e+" failed.\n("+o+": "+i+")",a.name="ChunkLoadError",a.type=o,a.request=i,r[1](a)}}),"chunk-"+e,e)}},__webpack_require__.F.j=function(e){if(!__webpack_require__.o(t,e)||void 0===t[e]){t[e]=null;var n=document.createElement("link");__webpack_require__.nc&&n.setAttribute("nonce",__webpack_require__.nc),n.rel="prefetch",n.as="script",n.href=__webpack_require__.p+__webpack_require__.u(e),document.head.appendChild(n)}},__webpack_require__.O.j=function(e){return 0===t[e]};var e=function(e,n){var r,o,i=n[0],a=n[1],s=n[2],c=0;if(i.some((function(e){return 0!==t[e]}))){for(r in a)__webpack_require__.o(a,r)&&(__webpack_require__.m[r]=a[r]);if(s)var l=s(__webpack_require__)}for(e&&e(n);c<i.length;c++)o=i[c],__webpack_require__.o(t,o)&&t[o]&&t[o][0](),t[o]=0;return __webpack_require__.O(l)},n=self.webpackChunk_pattern_lab_uikit_workshop=self.webpackChunk_pattern_lab_uikit_workshop||[];n.forEach(e.bind(null,0)),n.push=e.bind(null,n.push.bind(n))}(),__webpack_require__.nc=void 0,__webpack_require__.O(0,[2],(function(){__webpack_require__.E(4),__webpack_require__.E(3)}),5);var __webpack_exports__={};!function(){"use strict";__webpack_require__(311),__webpack_require__(313),__webpack_require__(315),__webpack_require__(317),__webpack_require__(318),__webpack_require__(319),__webpack_require__(320),__webpack_require__(332),__webpack_require__(333),__webpack_require__(334),__webpack_require__(335),__webpack_require__(342),__webpack_require__(343),__webpack_require__(344),__webpack_require__(33),__webpack_require__(322),__webpack_require__(225),__webpack_require__(226),__webpack_require__(323);function t(t){return"string"==typeof t?t.split(/([_A-Z])/).reduce((function(t,e,n){return""+t+(t&&n%2!=0?"-":"")+(e="_"===e?"":e).toLowerCase()})):t}var e=function(t){return null==t};function n(t,e){return(-1===t.indexOf("-")?"x-"+t:t)+(e?"-"+e:"")}function r(e){return customElements.define(e.is||function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"element";e=t(e);for(var r=0;customElements.get(n(e,r));)++r;return n(e,r)}(),e),e}Object.assign;function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}var i="function"==typeof Symbol&&"symbol"===o(Symbol.iterator)?function(t){return o(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":o(t)};!function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}}();var a,s,c,l;s=(a=Object).getPrototypeOf||function(t){return t.__proto__},c=a.setPrototypeOf||function(t,e){return t.__proto__=e,t},l="object"===("undefined"==typeof Reflect?"undefined":i(Reflect))?Reflect.construct:function(t,e,n){var r,o=[null];return o.push.apply(o,e),r=t.bind.apply(t,o),c(new r,n.prototype)};function u(t){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},u(t)}var f="function"==typeof Symbol&&"symbol"===u(Symbol.iterator)?function(t){return u(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":u(t)};!function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}}();!function(t){var e=t.getPrototypeOf||function(t){return t.__proto__},n=t.setPrototypeOf||function(t,e){return t.__proto__=e,t},r="object"===("undefined"==typeof Reflect?"undefined":f(Reflect))?Reflect.construct:function(t,e,r){var o,i=[null];return i.push.apply(i,e),o=t.bind.apply(t,i),n(new o,r.prototype)}}(Object);function p(t){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},p(t)}var d="function"==typeof Symbol&&"symbol"===p(Symbol.iterator)?function(t){return p(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":p(t)};!function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}}();!function(t){var e=t.getPrototypeOf||function(t){return t.__proto__},n=t.setPrototypeOf||function(t,e){return t.__proto__=e,t},r="object"===("undefined"==typeof Reflect?"undefined":d(Reflect))?Reflect.construct:function(t,e,r){var o,i=[null];return i.push.apply(i,e),o=t.bind.apply(t,i),n(new o,r.prototype)}}(Object);function y(t){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},y(t)}!function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}}();var m=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},v="function"==typeof Symbol&&"symbol"===y(Symbol.iterator)?function(t){return y(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":y(t)};!function(t){var e=t.getPrototypeOf||function(t){return t.__proto__},n=t.setPrototypeOf||function(t,e){return t.__proto__=e,t},r="object"===("undefined"==typeof Reflect?"undefined":v(Reflect))?Reflect.construct:function(t,e,r){var o,i=[null];return i.push.apply(i,e),o=t.bind.apply(t,i),n(new o,r.prototype)}}(Object);function g(e,n){var r=n.attribute,o="object"===(void 0===r?"undefined":v(r))?m({},r):{source:r,target:r};return!0===o.source&&(o.source=t(e)),!0===o.target&&(o.target=t(e)),o}function b(t){return t}var _=new Map;function A(t){var e=t||{},n=function(t,n){var r=t.constructor,o=function(t,e){var n=e.coerce,r=e.default,o=e.deserialize,i=e.serialize;return{attribute:g(t,e),coerce:n||b,default:r,deserialize:o||b,serialize:i||b}}(n,e);r.hasOwnProperty("_propsNormalized")||(r._propsNormalized={}),r._propsNormalized[n]=o;var i=o.attribute,a=i.source,s=i.target;a&&(r._observedAttributes.push(a),r._attributeToPropertyMap[a]=n,a!==s&&(r._attributeToAttributeMap[a]=s)),Object.defineProperty(r.prototype,n,{configurable:!0,get:function(){var t=this._props[n];return null==t?o.default:t},set:function(t){var e=o.attribute.target,r=o.serialize;if(e){var i=r?r(t):t;null==i?this.removeAttribute(e):this.setAttribute(e,i)}this._props[n]=o.coerce(t),this.triggerUpdate()}})};return Object.keys(e).forEach((function(t){return n[t]=e[t]})),n}var w=JSON.parse,C=JSON.stringify,S=Object.freeze({source:!0}),x=function(t){return e(t)?0:Number(t)},k=A({attribute:S}),E=A({attribute:S,coerce:function(t){return Array.isArray(t)?t:e(t)?null:[t]},default:Object.freeze([]),deserialize:w,serialize:C}),O=A({attribute:S,coerce:Boolean,default:!1,deserialize:function(t){return!e(t)},serialize:function(t){return t?"":null}}),B=A({attribute:S,default:0,coerce:x,deserialize:x,serialize:function(t){return e(t)?null:String(Number(t))}}),P=A({attribute:S,default:Object.freeze({}),deserialize:w,serialize:C}),j=A({attribute:S,default:"",coerce:String,serialize:function(t){return e(t)?null:String(t)}});_.set(Array,E),_.set(Boolean,O),_.set(Number,B),_.set(Object,P),_.set(String,j);var T={any:k,array:E,boolean:O,number:B,object:P,string:j};function N(t){return N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},N(t)}var M="function"==typeof Symbol&&"symbol"===N(Symbol.iterator)?function(t){return N(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":N(t)};!function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}}();!function(t){var e=t.getPrototypeOf||function(t){return t.__proto__},n=t.setPrototypeOf||function(t,e){return t.__proto__=e,t},r="object"===("undefined"==typeof Reflect?"undefined":M(Reflect))?Reflect.construct:function(t,e,r){var o,i=[null];return i.push.apply(i,e),o=t.bind.apply(t,i),n(new o,r.prototype)}}(Object);var L=__webpack_require__(15),R=__webpack_require__(17),D=__webpack_require__(18);var q=__webpack_require__(58),I=__webpack_require__(40),U=133;function z(t,e){for(var n=t.element.content,r=t.parts,o=document.createTreeWalker(n,U,null,!1),i=F(r),a=r[i],s=-1,c=0,l=[],u=null;o.nextNode();){s++;var f=o.currentNode;for(f.previousSibling===u&&(u=null),e.has(f)&&(l.push(f),null===u&&(u=f)),null!==u&&c++;void 0!==a&&a.index===s;)a.index=null!==u?-1:a.index-c,a=r[i=F(r,i)]}l.forEach((function(t){return t.parentNode.removeChild(t)}))}var H=function(t){for(var e=11===t.nodeType?0:1,n=document.createTreeWalker(t,U,null,!1);n.nextNode();)e++;return e},F=function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=e+1;n<t.length;n++){var r=t[n];if((0,I.pC)(r))return n}return-1};var V=__webpack_require__(216),W=__webpack_require__(217),Y=__webpack_require__(215);function Z(t){return Z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Z(t)}var G=function(t,e){return"".concat(t,"--").concat(e)},K=!0;void 0===window.ShadyCSS?K=!1:void 0===window.ShadyCSS.prepareTemplateDom&&(console.warn("Incompatible ShadyCSS version detected. Please update to at least @webcomponents/webcomponentsjs@2.0.2 and @webcomponents/shadycss@1.3.1."),K=!1);var J=function(t){return function(e){var n=G(e.type,t),r=W.r.get(n);void 0===r&&(r={stringsArray:new WeakMap,keyString:new Map},W.r.set(n,r));var o=r.stringsArray.get(e.strings);if(void 0!==o)return o;var i=e.strings.join(I.Jw);if(void 0===(o=r.keyString.get(i))){var a=e.getTemplateElement();K&&window.ShadyCSS.prepareTemplateDom(a,t),o=new I.YS(e,a),r.keyString.set(i,o)}return r.stringsArray.set(e.strings,o),o}},Q=["html","svg"],X=new Set,$=function(t,e,n){X.add(t);var r=n?n.element:document.createElement("template"),o=e.querySelectorAll("style"),i=o.length;if(0!==i){for(var a=document.createElement("style"),s=0;s<i;s++){var c=o[s];c.parentNode.removeChild(c),a.textContent+=c.textContent}!function(t){Q.forEach((function(e){var n=W.r.get(G(e,t));void 0!==n&&n.keyString.forEach((function(t){var e=t.element.content,n=new Set;Array.from(e.querySelectorAll("style")).forEach((function(t){n.add(t)})),z(t,n)}))}))}(t);var l=r.content;n?function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.element.content,o=t.parts;if(null!=n)for(var i=document.createTreeWalker(r,U,null,!1),a=F(o),s=0,c=-1;i.nextNode();){for(c++,i.currentNode===n&&(s=H(e),n.parentNode.insertBefore(e,n));-1!==a&&o[a].index===c;){if(s>0){for(;-1!==a;)o[a].index+=s,a=F(o,a);return}a=F(o,a)}}else r.appendChild(e)}(n,a,l.firstChild):l.insertBefore(a,l.firstChild),window.ShadyCSS.prepareTemplateStyles(r,t);var u=l.querySelector("style");if(window.ShadyCSS.nativeShadow&&null!==u)e.insertBefore(u.cloneNode(!0),e.firstChild);else if(n){l.insertBefore(a,l.firstChild);var f=new Set;f.add(a),z(n,f)}}else window.ShadyCSS.prepareTemplateStyles(r,t)};function tt(t){return function(t){if(Array.isArray(t))return nt(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||et(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function et(t,e){if(t){if("string"==typeof t)return nt(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?nt(t,e):void 0}}function nt(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function rt(t){return rt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},rt(t)}function ot(){ot=function(){return t};var t={},e=Object.prototype,n=e.hasOwnProperty,r=Object.defineProperty||function(t,e,n){t[e]=n.value},o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",s=o.toStringTag||"@@toStringTag";function c(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{c({},"")}catch(O){c=function(t,e,n){return t[e]=n}}function l(t,e,n,o){var i=e&&e.prototype instanceof p?e:p,a=Object.create(i.prototype),s=new x(o||[]);return r(a,"_invoke",{value:A(t,n,s)}),a}function u(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(O){return{type:"throw",arg:O}}}t.wrap=l;var f={};function p(){}function d(){}function h(){}var y={};c(y,i,(function(){return this}));var m=Object.getPrototypeOf,v=m&&m(m(k([])));v&&v!==e&&n.call(v,i)&&(y=v);var g=h.prototype=p.prototype=Object.create(y);function b(t){["next","throw","return"].forEach((function(e){c(t,e,(function(t){return this._invoke(e,t)}))}))}function _(t,e){function o(r,i,a,s){var c=u(t[r],t,i);if("throw"!==c.type){var l=c.arg,f=l.value;return f&&"object"==rt(f)&&n.call(f,"__await")?e.resolve(f.__await).then((function(t){o("next",t,a,s)}),(function(t){o("throw",t,a,s)})):e.resolve(f).then((function(t){l.value=t,a(l)}),(function(t){return o("throw",t,a,s)}))}s(c.arg)}var i;r(this,"_invoke",{value:function(t,n){function r(){return new e((function(e,r){o(t,n,e,r)}))}return i=i?i.then(r,r):r()}})}function A(t,e,n){var r="suspendedStart";return function(o,i){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw i;return E()}for(n.method=o,n.arg=i;;){var a=n.delegate;if(a){var s=w(a,n);if(s){if(s===f)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var c=u(t,e,n);if("normal"===c.type){if(r=n.done?"completed":"suspendedYield",c.arg===f)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(r="completed",n.method="throw",n.arg=c.arg)}}}function w(t,e){var n=e.method,r=t.iterator[n];if(void 0===r)return e.delegate=null,"throw"===n&&t.iterator.return&&(e.method="return",e.arg=void 0,w(t,e),"throw"===e.method)||"return"!==n&&(e.method="throw",e.arg=new TypeError("The iterator does not provide a '"+n+"' method")),f;var o=u(r,t.iterator,e.arg);if("throw"===o.type)return e.method="throw",e.arg=o.arg,e.delegate=null,f;var i=o.arg;return i?i.done?(e[t.resultName]=i.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,f):i:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,f)}function C(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function S(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function x(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(C,this),this.reset(!0)}function k(t){if(t){var e=t[i];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,o=function e(){for(;++r<t.length;)if(n.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=void 0,e.done=!0,e};return o.next=o}}return{next:E}}function E(){return{value:void 0,done:!0}}return d.prototype=h,r(g,"constructor",{value:h,configurable:!0}),r(h,"constructor",{value:d,configurable:!0}),d.displayName=c(h,s,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===d||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,h):(t.__proto__=h,c(t,s,"GeneratorFunction")),t.prototype=Object.create(g),t},t.awrap=function(t){return{__await:t}},b(_.prototype),c(_.prototype,a,(function(){return this})),t.AsyncIterator=_,t.async=function(e,n,r,o,i){void 0===i&&(i=Promise);var a=new _(l(e,n,r,o),i);return t.isGeneratorFunction(n)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},b(g),c(g,s,"Generator"),c(g,i,(function(){return this})),c(g,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=Object(t),n=[];for(var r in e)n.push(r);return n.reverse(),function t(){for(;n.length;){var r=n.pop();if(r in e)return t.value=r,t.done=!1,t}return t.done=!0,t}},t.values=k,x.prototype={constructor:x,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(S),!t)for(var e in this)"t"===e.charAt(0)&&n.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function r(n,r){return a.type="throw",a.arg=t,e.next=n,r&&(e.method="next",e.arg=void 0),!!r}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var s=n.call(i,"catchLoc"),c=n.call(i,"finallyLoc");if(s&&c){if(this.prev<i.catchLoc)return r(i.catchLoc,!0);if(this.prev<i.finallyLoc)return r(i.finallyLoc)}else if(s){if(this.prev<i.catchLoc)return r(i.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return r(i.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,f):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),f},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),S(n),f}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;S(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:k(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),f}},t}function it(t,e,n,r,o,i,a){try{var s=t[i](a),c=s.value}catch(l){return void n(l)}s.done?e(c):Promise.resolve(c).then(r,o)}function at(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==rt(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==rt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===rt(i)?i:String(i)),r)}var o,i}function st(t,e){if(e&&("object"===rt(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function ct(t){var e="function"==typeof Map?new Map:void 0;return ct=function(t){if(null===t||(n=t,-1===Function.toString.call(n).indexOf("[native code]")))return t;var n;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,r)}function r(){return lt(t,arguments,pt(this).constructor)}return r.prototype=Object.create(t.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),ft(r,t)},ct(t)}function lt(t,e,n){return lt=ut()?Reflect.construct.bind():function(t,e,n){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return n&&ft(o,n.prototype),o},lt.apply(null,arguments)}function ut(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}function ft(t,e){return ft=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},ft(t,e)}function pt(t){return pt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},pt(t)}window.JSCompiler_renameProperty=function(t,e){return t};var dt={toAttribute:function(t,e){switch(e){case Boolean:return t?"":null;case Object:case Array:return null==t?t:JSON.stringify(t)}return t},fromAttribute:function(t,e){switch(e){case Boolean:return null!==t;case Number:return null===t?null:Number(t);case Object:case Array:return JSON.parse(t)}return t}},ht=function(t,e){return e!==t&&(e==e||t==t)},yt={attribute:!0,type:String,converter:dt,reflect:!1,hasChanged:ht},mt="finalized",vt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&ft(t,e)}(l,t);var e,n,r,o,i,a,s,c=(e=l,n=ut(),function(){var t,r=pt(e);if(n){var o=pt(this).constructor;t=Reflect.construct(r,arguments,o)}else t=r.apply(this,arguments);return st(this,t)});function l(){var t;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,l),(t=c.call(this)).initialize(),t}return r=l,o=[{key:"initialize",value:function(){var t=this;this._updateState=0,this._updatePromise=new Promise((function(e){return t._enableUpdatingResolver=e})),this._changedProperties=new Map,this._saveInstanceProperties(),this.requestUpdateInternal()}},{key:"_saveInstanceProperties",value:function(){var t=this;this.constructor._classProperties.forEach((function(e,n){if(t.hasOwnProperty(n)){var r=t[n];delete t[n],t._instanceProperties||(t._instanceProperties=new Map),t._instanceProperties.set(n,r)}}))}},{key:"_applyInstanceProperties",value:function(){var t=this;this._instanceProperties.forEach((function(e,n){return t[n]=e})),this._instanceProperties=void 0}},{key:"connectedCallback",value:function(){this.enableUpdating()}},{key:"enableUpdating",value:function(){void 0!==this._enableUpdatingResolver&&(this._enableUpdatingResolver(),this._enableUpdatingResolver=void 0)}},{key:"disconnectedCallback",value:function(){}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&this._attributeToProperty(t,n)}},{key:"_propertyToAttribute",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:yt,r=this.constructor,o=r._attributeNameForProperty(t,n);if(void 0!==o){var i=r._propertyValueToAttribute(e,n);if(void 0===i)return;this._updateState=8|this._updateState,null==i?this.removeAttribute(o):this.setAttribute(o,i),this._updateState=-9&this._updateState}}},{key:"_attributeToProperty",value:function(t,e){if(!(8&this._updateState)){var n=this.constructor,r=n._attributeToPropertyMap.get(t);if(void 0!==r){var o=n.getPropertyOptions(r);this._updateState=16|this._updateState,this[r]=n._propertyValueFromAttribute(e,o),this._updateState=-17&this._updateState}}}},{key:"requestUpdateInternal",value:function(t,e,n){var r=!0;if(void 0!==t){var o=this.constructor;n=n||o.getPropertyOptions(t),o._valueHasChanged(this[t],e,n.hasChanged)?(this._changedProperties.has(t)||this._changedProperties.set(t,e),!0!==n.reflect||16&this._updateState||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(t,n))):r=!1}!this._hasRequestedUpdate&&r&&(this._updatePromise=this._enqueueUpdate())}},{key:"requestUpdate",value:function(t,e){return this.requestUpdateInternal(t,e),this.updateComplete}},{key:"_enqueueUpdate",value:(a=ot().mark((function t(){var e;return ot().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return this._updateState=4|this._updateState,t.prev=1,t.next=4,this._updatePromise;case 4:t.next=8;break;case 6:t.prev=6,t.t0=t.catch(1);case 8:if(null==(e=this.performUpdate())){t.next=12;break}return t.next=12,e;case 12:return t.abrupt("return",!this._hasRequestedUpdate);case 13:case"end":return t.stop()}}),t,this,[[1,6]])})),s=function(){var t=this,e=arguments;return new Promise((function(n,r){var o=a.apply(t,e);function i(t){it(o,n,r,i,s,"next",t)}function s(t){it(o,n,r,i,s,"throw",t)}i(void 0)}))},function(){return s.apply(this,arguments)})},{key:"_hasRequestedUpdate",get:function(){return 4&this._updateState}},{key:"hasUpdated",get:function(){return 1&this._updateState}},{key:"performUpdate",value:function(){if(this._hasRequestedUpdate){this._instanceProperties&&this._applyInstanceProperties();var t=!1,e=this._changedProperties;try{(t=this.shouldUpdate(e))?this.update(e):this._markUpdated()}catch(n){throw t=!1,this._markUpdated(),n}t&&(1&this._updateState||(this._updateState=1|this._updateState,this.firstUpdated(e)),this.updated(e))}}},{key:"_markUpdated",value:function(){this._changedProperties=new Map,this._updateState=-5&this._updateState}},{key:"updateComplete",get:function(){return this._getUpdateComplete()}},{key:"_getUpdateComplete",value:function(){return this.getUpdateComplete()}},{key:"getUpdateComplete",value:function(){return this._updatePromise}},{key:"shouldUpdate",value:function(t){return!0}},{key:"update",value:function(t){var e=this;void 0!==this._reflectingProperties&&this._reflectingProperties.size>0&&(this._reflectingProperties.forEach((function(t,n){return e._propertyToAttribute(n,e[n],t)})),this._reflectingProperties=void 0),this._markUpdated()}},{key:"updated",value:function(t){}},{key:"firstUpdated",value:function(t){}}],i=[{key:"observedAttributes",get:function(){var t=this;this.finalize();var e=[];return this._classProperties.forEach((function(n,r){var o=t._attributeNameForProperty(r,n);void 0!==o&&(t._attributeToPropertyMap.set(o,r),e.push(o))})),e}},{key:"_ensureClassProperties",value:function(){var t=this;if(!this.hasOwnProperty(JSCompiler_renameProperty("_classProperties",this))){this._classProperties=new Map;var e=Object.getPrototypeOf(this)._classProperties;void 0!==e&&e.forEach((function(e,n){return t._classProperties.set(n,e)}))}}},{key:"createProperty",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:yt;if(this._ensureClassProperties(),this._classProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){var n="symbol"===rt(t)?Symbol():"__".concat(t),r=this.getPropertyDescriptor(t,n,e);void 0!==r&&Object.defineProperty(this.prototype,t,r)}}},{key:"getPropertyDescriptor",value:function(t,e,n){return{get:function(){return this[e]},set:function(r){var o=this[t];this[e]=r,this.requestUpdateInternal(t,o,n)},configurable:!0,enumerable:!0}}},{key:"getPropertyOptions",value:function(t){return this._classProperties&&this._classProperties.get(t)||yt}},{key:"finalize",value:function(){var t=Object.getPrototypeOf(this);if(t.hasOwnProperty(mt)||t.finalize(),this[mt]=!0,this._ensureClassProperties(),this._attributeToPropertyMap=new Map,this.hasOwnProperty(JSCompiler_renameProperty("properties",this))){var e,n=this.properties,r=function(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=et(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,s=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return a=t.done,t},e:function(t){s=!0,i=t},f:function(){try{a||null==n.return||n.return()}finally{if(s)throw i}}}}([].concat(tt(Object.getOwnPropertyNames(n)),tt("function"==typeof Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(n):[])));try{for(r.s();!(e=r.n()).done;){var o=e.value;this.createProperty(o,n[o])}}catch(i){r.e(i)}finally{r.f()}}}},{key:"_attributeNameForProperty",value:function(t,e){var n=e.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof t?t.toLowerCase():void 0}},{key:"_valueHasChanged",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:ht;return n(t,e)}},{key:"_propertyValueFromAttribute",value:function(t,e){var n=e.type,r=e.converter||dt,o="function"==typeof r?r:r.fromAttribute;return o?o(t,n):t}},{key:"_propertyValueToAttribute",value:function(t,e){if(void 0!==e.reflect){var n=e.type,r=e.converter;return(r&&r.toAttribute||dt.toAttribute)(t,n)}}}],o&&at(r.prototype,o),i&&at(r,i),Object.defineProperty(r,"prototype",{writable:!1}),l}(ct(HTMLElement));vt[mt]=!0;var gt=function(t){return function(e){return"function"==typeof e?function(t,e){return window.customElements.define(t,e),e}(t,e):function(t,e){return{kind:e.kind,elements:e.elements,finisher:function(e){window.customElements.define(t,e)}}}(t,e)}};var bt=Element.prototype;bt.msMatchesSelector||bt.webkitMatchesSelector;function _t(t){return _t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_t(t)}function At(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==_t(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==_t(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===_t(i)?i:String(i)),r)}var o,i}var wt=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ct=Symbol(),St=function(){function t(e,n){if(function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),n!==Ct)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e}var e,n,r;return e=t,(n=[{key:"styleSheet",get:function(){return void 0===this._styleSheet&&(wt?(this._styleSheet=new CSSStyleSheet,this._styleSheet.replaceSync(this.cssText)):this._styleSheet=null),this._styleSheet}},{key:"toString",value:function(){return this.cssText}}])&&At(e.prototype,n),r&&At(e,r),Object.defineProperty(e,"prototype",{writable:!1}),t}();function xt(t){return xt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},xt(t)}function kt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Et(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==xt(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==xt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===xt(i)?i:String(i)),r)}var o,i}function Ot(){return Ot="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=Bt(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},Ot.apply(this,arguments)}function Bt(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Nt(t)););return t}function Pt(t,e){return Pt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Pt(t,e)}function jt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Nt(t);if(e){var o=Nt(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Tt(this,n)}}function Tt(t,e){if(e&&("object"===xt(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function Nt(t){return Nt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Nt(t)}(window.litElementVersions||(window.litElementVersions=[])).push("2.5.1");var Mt={},Lt=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Pt(t,e)}(i,t);var e,n,r,o=jt(i);function i(){return kt(this,i),o.apply(this,arguments)}return e=i,r=[{key:"getStyles",value:function(){return this.styles}},{key:"_getUniqueStyles",value:function(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_styles",this))){var t=this.getStyles();if(Array.isArray(t)){var e=function t(e,n){return e.reduceRight((function(e,n){return Array.isArray(n)?t(n,e):(e.add(n),e)}),n)}(t,new Set),n=[];e.forEach((function(t){return n.unshift(t)})),this._styles=n}else this._styles=void 0===t?[]:[t];this._styles=this._styles.map((function(t){if(t instanceof CSSStyleSheet&&!wt){var e=Array.prototype.slice.call(t.cssRules).reduce((function(t,e){return t+e.cssText}),"");return new St(String(e),Ct)}return t}))}}}],(n=[{key:"initialize",value:function(){Ot(Nt(i.prototype),"initialize",this).call(this),this.constructor._getUniqueStyles(),this.renderRoot=this.createRenderRoot(),window.ShadowRoot&&this.renderRoot instanceof window.ShadowRoot&&this.adoptStyles()}},{key:"createRenderRoot",value:function(){return this.attachShadow(this.constructor.shadowRootOptions)}},{key:"adoptStyles",value:function(){var t=this.constructor._styles;0!==t.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?wt?this.renderRoot.adoptedStyleSheets=t.map((function(t){return t instanceof CSSStyleSheet?t:t.styleSheet})):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(t.map((function(t){return t.cssText})),this.localName))}},{key:"connectedCallback",value:function(){Ot(Nt(i.prototype),"connectedCallback",this).call(this),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}},{key:"update",value:function(t){var e=this,n=this.render();Ot(Nt(i.prototype),"update",this).call(this,t),n!==Mt&&this.constructor.render(n,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach((function(t){var n=document.createElement("style");n.textContent=t.cssText,e.renderRoot.appendChild(n)})))}},{key:"render",value:function(){return Mt}}])&&Et(e.prototype,n),r&&Et(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(vt);function Rt(t){return"string"==typeof t?t.split(/([_A-Z])/).reduce((function(t,e,n){var r=t&&n%2!=0?"-":"";return e="_"===e?"":e,"".concat(t).concat(r).concat(e.toLowerCase())})):t}Lt.finalized=!0,Lt.render=function(t,e,n){if(!n||"object"!==Z(n)||!n.scopeName)throw new Error("The `scopeName` option is required.");var r=n.scopeName,o=V.L.has(e),i=K&&11===e.nodeType&&!!e.host,a=i&&!X.has(r),s=a?document.createDocumentFragment():e;if((0,V.s)(t,s,Object.assign({templateFactory:J(r)},n)),a){var c=V.L.get(s);V.L.delete(s);var l=c.value instanceof Y.R?c.value.template:void 0;$(r,s,l),(0,q.r4)(e,e.firstChild),e.appendChild(s),V.L.set(e,c)}!o&&i&&window.ShadyCSS.styleElement(e.host)},Lt.shadowRootOptions={mode:"open"};var Dt=function(t){return null==t};function qt(t){t=t||{};var e=Object.getOwnPropertyNames(t);return Object.getOwnPropertySymbols?e.concat(Object.getOwnPropertySymbols(t)):e}function It(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ut(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==Kt(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==Kt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===Kt(i)?i:String(i)),r)}var o,i}function zt(){return zt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=Ht(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},zt.apply(this,arguments)}function Ht(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Gt(t)););return t}function Ft(t,e){if(e&&("object"===Kt(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function Vt(t){var e="function"==typeof Map?new Map:void 0;return Vt=function(t){if(null===t||(n=t,-1===Function.toString.call(n).indexOf("[native code]")))return t;var n;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,r)}function r(){return Wt(t,arguments,Gt(this).constructor)}return r.prototype=Object.create(t.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),Zt(r,t)},Vt(t)}function Wt(t,e,n){return Wt=Yt()?Reflect.construct.bind():function(t,e,n){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return n&&Zt(o,n.prototype),o},Wt.apply(null,arguments)}function Yt(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}function Zt(t,e){return Zt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Zt(t,e)}function Gt(t){return Gt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Gt(t)}function Kt(t){return Kt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Kt(t)}var Jt=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t};function Qt(t,e){var n=e.attribute,r="object"===Kt(n)?Jt({},n):{source:n,target:n};return!0===r.source&&(r.source=Rt(t)),!0===r.target&&(r.target=Rt(t)),r}function Xt(t){return t}var $t=new Map;function te(t){var e=t||{},n=function(t,n){var r=t.constructor,o=function(t,e){var n=e.coerce,r=e.default,o=e.deserialize,i=e.serialize;return{attribute:Qt(t,e),coerce:n||Xt,default:r,deserialize:o||Xt,serialize:i||Xt}}(n,e);r.hasOwnProperty("_propsNormalized")||(r._propsNormalized={}),r._propsNormalized[n]=o;var i=o.attribute,a=i.source,s=i.target;a&&(r._observedAttributes.push(a),r._attributeToPropertyMap[a]=n,a!==s&&(r._attributeToAttributeMap[a]=s)),Object.defineProperty(r.prototype,n,{configurable:!0,get:function(){var t=this._props[n];return null==t?o.default:t},set:function(t){var e=o.attribute.target,r=o.serialize;if(e){var i=r?r(t):t;null==i?this.removeAttribute(e):this.setAttribute(e,i)}this._props[n]=o.coerce(t),this.triggerUpdate()}})};return Object.keys(e).forEach((function(t){return n[t]=e[t]})),n}var ee=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Zt(t,e)}(s,t);var e,n,r,o,i,a=(e=s,n=Yt(),function(){var t,r=Gt(e);if(n){var o=Gt(this).constructor;t=Reflect.construct(r,arguments,o)}else t=r.apply(this,arguments);return Ft(this,t)});function s(){var t,e;It(this,s);for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return Ft(t,(e=t=a.call.apply(a,[this].concat(r)),t._prevProps={},t._prevState={},t._props={},t._state={},e))}return r=s,o=[{key:"props",get:function(){var t=this;return qt(this.constructor.props).reduce((function(e,n){return e[n]=t[n],e}),{})},set:function(t){var e=this,n=this.constructor.props;qt(t).forEach((function(r){return r in n&&(e[r]=t[r])}))}},{key:"state",get:function(){return this._state},set:function(t){this._state=t,this.triggerUpdate()}},{key:"attributeChangedCallback",value:function(t,e,n){var r=this.constructor,o=r._attributeToAttributeMap,i=r._attributeToPropertyMap,a=r._propsNormalized;zt(Gt(s.prototype),"attributeChangedCallback",this)&&zt(Gt(s.prototype),"attributeChangedCallback",this).call(this,t,e,n);var c=i[t];if(c){var l=a[c];if(l){var u=l.default,f=l.deserialize,p=f?f(n):n;this._props[c]=null==p?u:p,this.triggerUpdate()}}var d=o[t];d&&(null==n?this.removeAttribute(d):this.setAttribute(d,n))}},{key:"connectedCallback",value:function(){zt(Gt(s.prototype),"connectedCallback",this)&&zt(Gt(s.prototype),"connectedCallback",this).call(this),this.triggerUpdate()}},{key:"shouldUpdate",value:function(){return!0}},{key:"triggerUpdate",value:function(){var t,e=this;this._updating||(this._updating=!0,t=function(){var t=e._prevProps,n=e._prevState;e.updating&&e.updating(t,n),e.updated&&e.shouldUpdate(t,n)&&e.updated(t,n),e._prevProps=e.props,e._prevState=e.state,e._updating=!1},window.Promise?Promise.resolve().then(t):setTimeout(t))}}],i=[{key:"observedAttributes",get:function(){return function(t){if(!t.hasOwnProperty("_propsNormalized")){var e=t.props;qt(e).forEach((function(n){var r=e[n]||e.any;$t.has(r)&&(r=$t.get(r)),"function"!=typeof r&&(r=te(r)),r({constructor:t},n)}))}}(this),this._observedAttributes.concat(zt(Gt(s),"observedAttributes",this)||[])}},{key:"props",get:function(){return this._props},set:function(t){this._props=t}}],o&&Ut(r.prototype,o),i&&Ut(r,i),Object.defineProperty(r,"prototype",{writable:!1}),s}(Vt(HTMLElement));ee._attributeToAttributeMap={},ee._attributeToPropertyMap={},ee._observedAttributes=[],ee._props={};var ne=JSON.parse,re=JSON.stringify,oe=Object.freeze({source:!0}),ie=function(t){return Dt(t)?0:Number(t)},ae=(te({attribute:oe}),te({attribute:oe,coerce:function(t){return Array.isArray(t)?t:Dt(t)?null:[t]},default:Object.freeze([]),deserialize:ne,serialize:re})),se=te({attribute:oe,coerce:Boolean,default:!1,deserialize:function(t){return!Dt(t)},serialize:function(t){return t?"":null}}),ce=te({attribute:oe,default:0,coerce:ie,deserialize:ie,serialize:function(t){return Dt(t)?null:String(Number(t))}}),le=te({attribute:oe,default:Object.freeze({}),deserialize:ne,serialize:re}),ue=te({attribute:oe,default:"",coerce:String,serialize:function(t){return Dt(t)?null:String(t)}});$t.set(Array,ae),$t.set(Boolean,se),$t.set(Number,ce),$t.set(Object,le),$t.set(String,ue);function fe(t){return fe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},fe(t)}function pe(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function de(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==fe(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==fe(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===fe(i)?i:String(i)),r)}var o,i}function he(){return he="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=ye(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},he.apply(this,arguments)}function ye(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=be(t)););return t}function me(t,e){return me=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},me(t,e)}function ve(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=be(t);if(e){var o=be(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ge(this,n)}}function ge(t,e){if(e&&("object"===fe(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function be(t){return be=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},be(t)}var _e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},Ae=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&me(t,e)}(i,t);var e,n,r,o=ve(i);function i(){return pe(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"props",get:function(){return _e({},he(be(i.prototype),"props",this),{children:(0,L.h)("slot",null)})}},{key:"renderer",value:function(t,e){this._renderRoot=t,(0,L.sY)(e(),t)}},{key:"disconnectedCallback",value:function(){this.disconnecting&&this.disconnecting(),he(be(i.prototype),"disconnectedCallback",this)&&he(be(i.prototype),"disconnectedCallback",this).call(this),this.disconnected&&this.disconnected(),(0,L.sY)(null,this._renderRoot),this.__storeUnsubscribe&&this.__storeUnsubscribe(),he(be(i.prototype),"disconnectedCallback",this)&&he(be(i.prototype),"disconnectedCallback",this).call(this)}},{key:"connectedCallback",value:function(){this.connecting&&this.connecting(),he(be(i.prototype),"connectedCallback",this)&&he(be(i.prototype),"connectedCallback",this).call(this),this.connected&&this.connected()}},{key:"renderRoot",get:function(){return he(be(i.prototype),"renderRoot",this)||shadow(this)}},{key:"updated",value:function(t,e){var n=this;he(be(i.prototype),"updated",this)&&he(be(i.prototype),"updated",this).call(this,t,e),this.rendering&&this.rendering(),this.renderer(this.renderRoot,(function(){return n.render&&n.render(n)})),this.rendered&&this.rendered()}}])&&de(e.prototype,n),r&&de(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(ee);function we(t){return we="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},we(t)}function Ce(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Se(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==we(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==we(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===we(i)?i:String(i)),r)}var o,i}function xe(t,e,n){return e&&Se(t.prototype,e),n&&Se(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}function ke(){return ke="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=Ee(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},ke.apply(this,arguments)}function Ee(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Te(t)););return t}function Oe(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Be(t,e)}function Be(t,e){return Be=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Be(t,e)}function Pe(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Te(t);if(e){var o=Te(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return je(this,n)}}function je(t,e){if(e&&("object"===we(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function Te(t){return Te=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Te(t)}var Ne=function(t){Oe(n,t);var e=Pe(n);function n(){return Ce(this,n),e.call(this)}return xe(n,[{key:"renderRoot",get:function(){return this}},{key:"connectedCallback",value:function(){var t=this;this.__storeUnsubscribe=R.h.subscribe((function(){return t._stateChanged(R.h.getState())})),this._stateChanged(R.h.getState()),ke(Te(n.prototype),"connectedCallback",this)&&ke(Te(n.prototype),"connectedCallback",this).call(this)}},{key:"disconnectedCallback",value:function(){ke(Te(n.prototype),"disconnectedCallback",this)&&ke(Te(n.prototype),"disconnectedCallback",this).call(this),this.__storeUnsubscribe&&this.__storeUnsubscribe(),ke(Te(n.prototype),"disconnectedCallback",this)&&ke(Te(n.prototype),"disconnectedCallback",this).call(this)}},{key:"_stateChanged",value:function(t){this.triggerUpdate()}},{key:"setState",value:function(t,e){this.state=Object.assign({},this.state,t)}},{key:"_renderStyles",value:function(t){var e=Array.from(t);return(e=e.join(" "))?this.useShadow&&h("style",null,e):null}}]),n}(Ae),Me=function(t){Oe(n,t);var e=Pe(n);function n(){return Ce(this,n),e.call(this)}return xe(n,[{key:"createRenderRoot",value:function(){return this}},{key:"disconnectedCallback",value:function(){this.__storeUnsubscribe(),ke(Te(n.prototype),"disconnectedCallback",this)&&ke(Te(n.prototype),"disconnectedCallback",this).call(this)}},{key:"connectedCallback",value:function(){var t=this;this.__storeUnsubscribe=R.h.subscribe((function(){return t._stateChanged(R.h.getState())})),this._stateChanged(R.h.getState()),ke(Te(n.prototype),"connectedCallback",this)&&ke(Te(n.prototype),"connectedCallback",this).call(this)}},{key:"_stateChanged",value:function(t){this.requestUpdate()}},{key:"setState",value:function(t,e){this.state=Object.assign({},this.state,t)}}]),n}(Lt),Le=__webpack_require__(24),Re=__webpack_require__.n(Le);function De(t){return De="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},De(t)}function qe(){return qe=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},qe.apply(this,arguments)}function Ie(t,e,n){return(e=function(t){var e=function(t,e){if("object"!==De(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==De(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"===De(e)?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var Ue,ze,He,Fe,Ve=__webpack_require__(57),We=function(t){var e,n=Ve("pl-c-nav__link",(Ie(e={},"pl-c-nav__link--level-".concat(t.level),void 0!==t.level),Ie(e,"pl-c-nav__link--icon-only",t.iconOnly),Ie(e,"pl-c-nav__link--title",t.isTitle),e)),r=t.href?"a":"button";return(0,L.h)(r,qe({className:"".concat(n),role:"tab"},t),"before"===t.iconPos&&t.iconName&&(0,L.h)("span",{class:"pl-c-nav__link-icon",dangerouslySetInnerHTML:{__html:'<pl-icon name="'.concat(t.iconName,'"></pl-icon>')}}),(0,L.h)("span",{className:"pl-c-nav__link-text ".concat(t.iconOnly?"is-vishidden":"")},t.children,t.status&&(0,L.h)("span",{class:"pl-c-pattern-state pl-c-pattern-state--".concat(t.status),title:t.status})),"before"!==t.iconPos&&t.iconName&&(0,L.h)("span",{class:"pl-c-nav__link-icon",dangerouslySetInnerHTML:{__html:'<pl-icon name="'.concat(t.iconName,'"></pl-icon>')}}))},Ye=function(t){var e=t.children,n=t.category,r=t.elem,o=r.noViewAll?e.filter((function(t){return"View All"!==t.patternName})):e.filter((function(t){return"View All"!==t.patternName&&!t.patternName.includes(" Docs")})),i=r.noViewAll?[]:e.filter((function(t){return"View All"===t.patternName}));return(0,L.h)("li",{className:"pl-c-nav__list-item"},i.length>0?i.map((function(t){return(0,L.h)(L.HY,null,(0,L.h)(We,{href:"patterns/".concat(t.patternPath),level:1,onClick:function(e){return r.handleClick(e,t.patternPartial)},state:t.patternState,"data-patternpartial":t.patternPartial},"View All"===t.patternName?"".concat(n):t.patternName),o.length>=1&&(0,L.h)(We,{iconOnly:!0,iconName:"arrow-down","aria-controls":n,level:1,onClick:function(t){return r.iconOnlyPanelToggle(t.target)}},n))})):(0,L.h)(We,{level:2,iconName:"arrow-down","aria-controls":n,onClick:function(t){return r.panelToggle(t.target)}},n),(i.length&&o.length||0===i.length)&&(0,L.h)("ol",{id:n,className:"pl-c-nav__list pl-c-nav__accordion pl-js-nav-accordion"},o.map((function(t){return(0,L.h)("li",{class:"pl-c-nav__list-item"},(0,L.h)(We,{href:"patterns/".concat(t.patternPath),level:2,onClick:function(e){return r.handleClick(e,t.patternPartial)},"data-patternpartial":t.patternPartial,status:t.patternState},"View All"===t.patternName?"".concat(n," Overview"):t.patternName))}))))},Ze=__webpack_require__(26);function Ge(t){return Ge="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ge(t)}function Ke(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Je(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ke(Object(n),!0).forEach((function(e){Qe(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ke(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Qe(t,e,n){return(e=$e(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Xe(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,$e(r.key),r)}}function $e(t){var e=function(t,e){if("object"!==Ge(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==Ge(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"===Ge(e)?e:String(e)}function tn(){return tn="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=en(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},tn.apply(this,arguments)}function en(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=an(t)););return t}function nn(t,e){return nn=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},nn(t,e)}function rn(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=an(t);if(e){var o=an(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return on(this,n)}}function on(t,e){if(e&&("object"===Ge(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function an(t){return an=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},an(t)}var sn=__webpack_require__(57);r((ze=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&nn(t,e)}(i,t);var e,n,r,o=rn(i);function i(t){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),(t=e=o.call(this,t)).panelToggle=t.panelToggle.bind(t),t.iconOnlyPanelToggle=t.iconOnlyPanelToggle.bind(t),t.handleClick=t.handleClick.bind(t),t.handleTopLevelNavClick=t.handleTopLevelNavClick.bind(t),t.handleURLChange=t.handleURLChange.bind(t),t.handlePageClick=t.handlePageClick.bind(t),t._hasInitiallyRendered=!1,t.receiveIframeMessage=t.receiveIframeMessage.bind(t),t.useShadow=!1,on(e,t)}return e=i,n=[{key:"handlePageClick",value:function(t){t.target.closest&&null===t.target.closest(".pl-c-nav")&&null===t.target.closest(".pl-js-nav-trigger")&&null===t.target.closest("svg")&&null===t.target.closest("pl-toggle-layout")&&"vertical"!==this.layoutMode&&window.innerWidth>670&&this.cleanupActiveNav(!0)}},{key:"connected",value:function(){this.isOpenClass="is-open";var t=R.h.getState();this.layoutMode=t.app.layoutMode||"",this.currentPattern=t.app.currentPattern||"",this.elem=this,this.previouslyActiveLinks=[],this.iframeElem=document.querySelector("pl-iframe"),window.addEventListener("message",this.receiveIframeMessage,!1),document.body.addEventListener("click",this.handlePageClick)}},{key:"connectedCallback",value:function(){var t=this;tn(an(i.prototype),"connectedCallback",this)&&tn(an(i.prototype),"connectedCallback",this).call(this),Re().bind("esc",(function(){"vertical"!==t.layoutMode&&window.innerWidth>670&&t.cleanupActiveNav(!0)}))}},{key:"disconnected",value:function(){tn(an(i.prototype),"disconnected",this)&&tn(an(i.prototype),"disconnected",this).call(this),document.body.removeEventListener("click",this.handlePageClick),window.removeEventListener("message",this.receiveIframeMessage)}},{key:"_stateChanged",value:function(t){this.layoutMode!==t.app.layoutMode&&(this.layoutMode=t.app.layoutMode||""),t.app.currentPattern&&this.currentPattern!==t.app.currentPattern&&(this.currentPattern=t.app.currentPattern,this.handleURLChange())}},{key:"receiveIframeMessage",value:function(t){var e=(0,Ze.Kz)(t);if(void 0!==e.event&&"patternLab.pageClick"===e.event)try{"vertical"!==this.layoutMode&&this.cleanupActiveNav(!0)}catch(n){console.log(n)}}},{key:"cleanupActiveNav",value:function(t,e){this.navContainer=document.querySelector(".pl-js-nav-container"),this.topLevelTriggers=document.querySelectorAll(".pl-c-nav__link--title.is-open"),!0===t&&window.innerWidth>670?(this.navContainer.classList.remove("is-open"),this.topLevelTriggers.forEach((function(t){t===e&&void 0!==e||t.classList.remove("is-open")}))):this.navContainer.classList.remove("is-open")}},{key:"handleClick",value:function(t,e){t.preventDefault(),this.iframeElem.navigateTo(e),this.cleanupActiveNav()}},{key:"handleTopLevelNavClick",value:function(t){"vertical"!==this.layoutMode&&window.innerWidth>670&&this.cleanupActiveNav(!0,t.target),this.panelToggle(t.target)}},{key:"handleURLChange",value:function(){var t=this,e=this.currentPattern;if(this.activeLink=document.querySelector('[data-patternpartial="'.concat(e,'"]')),this.previouslyActiveLinks&&this.previouslyActiveLinks.forEach((function(e,n){t.previouslyActiveLinks[n].classList.remove("is-open"),t.previouslyActiveLinks[n].classList.remove("is-active")})),this.previouslyActiveLinks=[],this.activeLink){this.activeLink.classList.add("is-active");var n=[this.activeLink];Array.from(function(t,e){for(var n=[];t&&t!==document;t=t.parentNode)e?t.matches(e)&&n.push(t):n.push(t);return n}(this.activeLink,".pl-js-nav-accordion")).forEach((function(t){var e=t.previousSibling;e&&(e.previousSibling?n.push(e.previousSibling):n.push(e))})),n.forEach((function(e){e.classList.add("is-open"),t.previouslyActiveLinks.push(e)}))}}},{key:"iconOnlyPanelToggle",value:function(t){t.previousSibling.classList.toggle("is-open")}},{key:"panelToggle",value:function(t){t.classList.toggle("is-open")}},{key:"rendered",value:function(){!1===this._hasInitiallyRendered&&(this._hasInitiallyRendered=!0),this.activeLink||this.handleURLChange(),"vertical"!==this.layoutMode&&window.innerWidth>670&&this.cleanupActiveNav(!0)}},{key:"render",value:function(t){var e=this,n=(t.layoutMode,window.navItems.patternGroups);return(0,L.h)("ol",{class:"pl-c-nav__list"},n.map((function(t,n){var r=sn("pl-c-nav__list-item"),o=t.patternItems;return(0,L.h)("li",{className:r},(0,L.h)(We,{iconPos:"before",iconName:"arrow-down",isTitle:!0,"aria-controls":t.patternGroupLC,onClick:e.handleTopLevelNavClick},t.patternGroupLC),(0,L.h)("ol",{id:t.patternSubgroupUC,className:"pl-c-nav__list pl-c-nav__accordion pl-c-nav__dropdown pl-js-nav-accordion"},t.patternGroupItems.map((function(t,n){return(0,L.h)(Ye,{elem:e.elem,category:t.patternSubgroupUC},t.patternSubgroupItems)})),o&&o.map((function(n,r){return e.noViewAll&&n.patternPartial.includes("viewall")?"":(0,L.h)("li",{class:"pl-c-nav__list-item"},(0,L.h)(We,{href:"patterns/".concat(n.patternPath),level:1,onClick:function(t){return e.handleClick(t,n.patternPartial)},"data-patternpartial":n.patternPartial,state:n.patternState},"View All"===n.patternName?n.patternName+" "+t.patternTypeUC:n.patternName))}))))})),(void 0===window.ishControls||void 0===window.ishControls.ishControlsHide||!0!==window.ishControls.ishControlsHide["views-all"]&&!0!==window.ishControls.ishControlsHide.all)&&!this.noViewAll&&(0,L.h)("li",{class:"pl-c-nav__list-item"},(0,L.h)(We,{onClick:function(t){return e.handleClick(t,"all")},href:"styleguide/html/styleguide.html",level:0,"data-patternpartial":"all"},"All")))}}],n&&Xe(e.prototype,n),r&&Xe(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(Ne),ze.is="pl-nav",ze.props={autoClose:Je(Je({},T.boolean),{default:!0}),currentPattern:T.string,layoutMode:T.string,collapsedByDefault:Je(Je({},T.boolean),{default:!0}),noViewAll:Je(Je({},T.boolean),{default:(null===(He=window.config)||void 0===He||null===(Fe=He.theme)||void 0===Fe?void 0:Fe.noViewAll)||!1})},Ue=ze));function cn(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&ln(t,e)}function ln(t,e){return ln=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},ln(t,e)}function un(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=pn(t);if(e){var o=pn(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return fn(this,n)}}function fn(t,e){if(e&&("object"===wn(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function pn(t){return pn=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},pn(t)}function dn(t){return function(t){if(Array.isArray(t))return hn(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return hn(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return hn(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function hn(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function yn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function mn(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yn(Object(n),!0).forEach((function(e){vn(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yn(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function vn(t,e,n){return(e=An(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function gn(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function bn(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,An(r.key),r)}}function _n(t,e,n){return e&&bn(t.prototype,e),n&&bn(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}function An(t){var e=function(t,e){if("object"!==wn(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==wn(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"===wn(e)?e:String(e)}function wn(t){return wn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},wn(t)}function Cn(t){return Array.isArray?Array.isArray(t):"[object Array]"===Pn(t)}function Sn(t){return"string"==typeof t}function xn(t){return"number"==typeof t}function kn(t){return!0===t||!1===t||function(t){return En(t)&&null!==t}(t)&&"[object Boolean]"==Pn(t)}function En(t){return"object"===wn(t)}function On(t){return null!=t}function Bn(t){return!t.trim().length}function Pn(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":Object.prototype.toString.call(t)}var jn=function(t){return"Invalid value for key ".concat(t)},Tn=function(t){return"Pattern length exceeds max of ".concat(t,".")},Nn=Object.prototype.hasOwnProperty,Mn=function(){function t(e){var n=this;gn(this,t),this._keys=[],this._keyMap={};var r=0;e.forEach((function(t){var e=Ln(t);r+=e.weight,n._keys.push(e),n._keyMap[e.id]=e,r+=e.weight})),this._keys.forEach((function(t){t.weight/=r}))}return _n(t,[{key:"get",value:function(t){return this._keyMap[t]}},{key:"keys",value:function(){return this._keys}},{key:"toJSON",value:function(){return JSON.stringify(this._keys)}}]),t}();function Ln(t){var e=null,n=null,r=null,o=1,i=null;if(Sn(t)||Cn(t))r=t,e=Rn(t),n=Dn(t);else{if(!Nn.call(t,"name"))throw new Error(function(t){return"Missing ".concat(t," property in key")}("name"));var a=t.name;if(r=a,Nn.call(t,"weight")&&(o=t.weight)<=0)throw new Error(function(t){return"Property 'weight' in key '".concat(t,"' must be a positive integer")}(a));e=Rn(a),n=Dn(a),i=t.getFn}return{path:e,id:n,weight:o,src:r,getFn:i}}function Rn(t){return Cn(t)?t:t.split(".")}function Dn(t){return Cn(t)?t.join("."):t}var qn={useExtendedSearch:!1,getFn:function(t,e){var n=[],r=!1;return function t(e,o,i){if(On(e))if(o[i]){var a=e[o[i]];if(!On(a))return;if(i===o.length-1&&(Sn(a)||xn(a)||kn(a)))n.push(function(t){return null==t?"":function(t){if("string"==typeof t)return t;var e=t+"";return"0"==e&&1/t==-1/0?"-0":e}(t)}(a));else if(Cn(a)){r=!0;for(var s=0,c=a.length;s<c;s+=1)t(a[s],o,i+1)}else o.length&&t(a,o,i+1)}else n.push(e)}(t,Sn(e)?e.split("."):e,0),r?n:n[0]},ignoreLocation:!1,ignoreFieldNorm:!1,fieldNormWeight:1},In=mn(mn(mn(mn({},{isCaseSensitive:!1,includeScore:!1,keys:[],shouldSort:!0,sortFn:function(t,e){return t.score===e.score?t.idx<e.idx?-1:1:t.score<e.score?-1:1}}),{includeMatches:!1,findAllMatches:!1,minMatchCharLength:1}),{location:0,threshold:.6,distance:100}),qn),Un=/[^ ]+/g;function zn(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3,n=new Map,r=Math.pow(10,e);return{get:function(e){var o=e.match(Un).length;if(n.has(o))return n.get(o);var i=1/Math.pow(o,.5*t),a=parseFloat(Math.round(i*r)/r);return n.set(o,a),a},clear:function(){n.clear()}}}var Hn=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.getFn,r=void 0===n?In.getFn:n,o=e.fieldNormWeight,i=void 0===o?In.fieldNormWeight:o;gn(this,t),this.norm=zn(i,3),this.getFn=r,this.isCreated=!1,this.setIndexRecords()}return _n(t,[{key:"setSources",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.docs=t}},{key:"setIndexRecords",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.records=t}},{key:"setKeys",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.keys=e,this._keysMap={},e.forEach((function(e,n){t._keysMap[e.id]=n}))}},{key:"create",value:function(){var t=this;!this.isCreated&&this.docs.length&&(this.isCreated=!0,Sn(this.docs[0])?this.docs.forEach((function(e,n){t._addString(e,n)})):this.docs.forEach((function(e,n){t._addObject(e,n)})),this.norm.clear())}},{key:"add",value:function(t){var e=this.size();Sn(t)?this._addString(t,e):this._addObject(t,e)}},{key:"removeAt",value:function(t){this.records.splice(t,1);for(var e=t,n=this.size();e<n;e+=1)this.records[e].i-=1}},{key:"getValueForItemAtKeyId",value:function(t,e){return t[this._keysMap[e]]}},{key:"size",value:function(){return this.records.length}},{key:"_addString",value:function(t,e){if(On(t)&&!Bn(t)){var n={v:t,i:e,n:this.norm.get(t)};this.records.push(n)}}},{key:"_addObject",value:function(t,e){var n=this,r={i:e,$:{}};this.keys.forEach((function(e,o){var i=e.getFn?e.getFn(t):n.getFn(t,e.path);if(On(i))if(Cn(i)){for(var a=[],s=[{nestedArrIndex:-1,value:i}];s.length;){var c=s.pop(),l=c.nestedArrIndex,u=c.value;if(On(u))if(Sn(u)&&!Bn(u)){var f={v:u,i:l,n:n.norm.get(u)};a.push(f)}else Cn(u)&&u.forEach((function(t,e){s.push({nestedArrIndex:e,value:t})}))}r.$[o]=a}else if(Sn(i)&&!Bn(i)){var p={v:i,n:n.norm.get(i)};r.$[o]=p}})),this.records.push(r)}},{key:"toJSON",value:function(){return{keys:this.keys,records:this.records}}}]),t}();function Fn(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.getFn,o=void 0===r?In.getFn:r,i=n.fieldNormWeight,a=void 0===i?In.fieldNormWeight:i,s=new Hn({getFn:o,fieldNormWeight:a});return s.setKeys(t.map(Ln)),s.setSources(e),s.create(),s}function Vn(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.errors,r=void 0===n?0:n,o=e.currentLocation,i=void 0===o?0:o,a=e.expectedLocation,s=void 0===a?0:a,c=e.distance,l=void 0===c?In.distance:c,u=e.ignoreLocation,f=void 0===u?In.ignoreLocation:u,p=r/t.length;if(f)return p;var d=Math.abs(s-i);return l?p+d/l:d?1:p}function Wn(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:In.minMatchCharLength,n=[],r=-1,o=-1,i=0,a=t.length;i<a;i+=1){var s=t[i];s&&-1===r?r=i:s||-1===r||((o=i-1)-r+1>=e&&n.push([r,o]),r=-1)}return t[i-1]&&i-r>=e&&n.push([r,i-1]),n}var Yn=32;function Zn(t){for(var e={},n=0,r=t.length;n<r;n+=1){var o=t.charAt(n);e[o]=(e[o]||0)|1<<r-n-1}return e}var Gn=function(){function t(e){var n=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=r.location,i=void 0===o?In.location:o,a=r.threshold,s=void 0===a?In.threshold:a,c=r.distance,l=void 0===c?In.distance:c,u=r.includeMatches,f=void 0===u?In.includeMatches:u,p=r.findAllMatches,d=void 0===p?In.findAllMatches:p,h=r.minMatchCharLength,y=void 0===h?In.minMatchCharLength:h,m=r.isCaseSensitive,v=void 0===m?In.isCaseSensitive:m,g=r.ignoreLocation,b=void 0===g?In.ignoreLocation:g;if(gn(this,t),this.options={location:i,threshold:s,distance:l,includeMatches:f,findAllMatches:d,minMatchCharLength:y,isCaseSensitive:v,ignoreLocation:b},this.pattern=v?e:e.toLowerCase(),this.chunks=[],this.pattern.length){var _=function(t,e){n.chunks.push({pattern:t,alphabet:Zn(t),startIndex:e})},A=this.pattern.length;if(A>Yn){for(var w=0,C=A%Yn,S=A-C;w<S;)_(this.pattern.substr(w,Yn),w),w+=Yn;if(C){var x=A-Yn;_(this.pattern.substr(x),x)}}else _(this.pattern,0)}}return _n(t,[{key:"searchIn",value:function(t){var e=this.options,n=e.isCaseSensitive,r=e.includeMatches;if(n||(t=t.toLowerCase()),this.pattern===t){var o={isMatch:!0,score:0};return r&&(o.indices=[[0,t.length-1]]),o}var i=this.options,a=i.location,s=i.distance,c=i.threshold,l=i.findAllMatches,u=i.minMatchCharLength,f=i.ignoreLocation,p=[],d=0,h=!1;this.chunks.forEach((function(e){var n=e.pattern,o=e.alphabet,i=e.startIndex,y=function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=r.location,i=void 0===o?In.location:o,a=r.distance,s=void 0===a?In.distance:a,c=r.threshold,l=void 0===c?In.threshold:c,u=r.findAllMatches,f=void 0===u?In.findAllMatches:u,p=r.minMatchCharLength,d=void 0===p?In.minMatchCharLength:p,h=r.includeMatches,y=void 0===h?In.includeMatches:h,m=r.ignoreLocation,v=void 0===m?In.ignoreLocation:m;if(e.length>Yn)throw new Error(Tn(Yn));for(var g,b=e.length,_=t.length,A=Math.max(0,Math.min(i,_)),w=l,C=A,S=d>1||y,x=S?Array(_):[];(g=t.indexOf(e,C))>-1;){var k=Vn(e,{currentLocation:g,expectedLocation:A,distance:s,ignoreLocation:v});if(w=Math.min(k,w),C=g+b,S)for(var E=0;E<b;)x[g+E]=1,E+=1}C=-1;for(var O=[],B=1,P=b+_,j=1<<b-1,T=0;T<b;T+=1){for(var N=0,M=P;N<M;){Vn(e,{errors:T,currentLocation:A+M,expectedLocation:A,distance:s,ignoreLocation:v})<=w?N=M:P=M,M=Math.floor((P-N)/2+N)}P=M;var L=Math.max(1,A-M+1),R=f?_:Math.min(A+M,_)+b,D=Array(R+2);D[R+1]=(1<<T)-1;for(var q=R;q>=L;q-=1){var I=q-1,U=n[t.charAt(I)];if(S&&(x[I]=+!!U),D[q]=(D[q+1]<<1|1)&U,T&&(D[q]|=(O[q+1]|O[q])<<1|1|O[q+1]),D[q]&j&&(B=Vn(e,{errors:T,currentLocation:I,expectedLocation:A,distance:s,ignoreLocation:v}))<=w){if(w=B,(C=I)<=A)break;L=Math.max(1,2*A-C)}}if(Vn(e,{errors:T+1,currentLocation:A,expectedLocation:A,distance:s,ignoreLocation:v})>w)break;O=D}var z={isMatch:C>=0,score:Math.max(.001,B)};if(S){var H=Wn(x,d);H.length?y&&(z.indices=H):z.isMatch=!1}return z}(t,n,o,{location:a+i,distance:s,threshold:c,findAllMatches:l,minMatchCharLength:u,includeMatches:r,ignoreLocation:f}),m=y.isMatch,v=y.score,g=y.indices;m&&(h=!0),d+=v,m&&g&&(p=[].concat(dn(p),dn(g)))}));var y={isMatch:h,score:h?d/this.chunks.length:1};return h&&r&&(y.indices=p),y}}]),t}(),Kn=function(){function t(e){gn(this,t),this.pattern=e}return _n(t,[{key:"search",value:function(){}}],[{key:"isMultiMatch",value:function(t){return Jn(t,this.multiRegex)}},{key:"isSingleMatch",value:function(t){return Jn(t,this.singleRegex)}}]),t}();function Jn(t,e){var n=t.match(e);return n?n[1]:null}var Qn=function(t){cn(n,t);var e=un(n);function n(t){return gn(this,n),e.call(this,t)}return _n(n,[{key:"search",value:function(t){var e=t===this.pattern;return{isMatch:e,score:e?0:1,indices:[0,this.pattern.length-1]}}}],[{key:"type",get:function(){return"exact"}},{key:"multiRegex",get:function(){return/^="(.*)"$/}},{key:"singleRegex",get:function(){return/^=(.*)$/}}]),n}(Kn),Xn=function(t){cn(n,t);var e=un(n);function n(t){return gn(this,n),e.call(this,t)}return _n(n,[{key:"search",value:function(t){var e=-1===t.indexOf(this.pattern);return{isMatch:e,score:e?0:1,indices:[0,t.length-1]}}}],[{key:"type",get:function(){return"inverse-exact"}},{key:"multiRegex",get:function(){return/^!"(.*)"$/}},{key:"singleRegex",get:function(){return/^!(.*)$/}}]),n}(Kn),$n=function(t){cn(n,t);var e=un(n);function n(t){return gn(this,n),e.call(this,t)}return _n(n,[{key:"search",value:function(t){var e=t.startsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[0,this.pattern.length-1]}}}],[{key:"type",get:function(){return"prefix-exact"}},{key:"multiRegex",get:function(){return/^\^"(.*)"$/}},{key:"singleRegex",get:function(){return/^\^(.*)$/}}]),n}(Kn),tr=function(t){cn(n,t);var e=un(n);function n(t){return gn(this,n),e.call(this,t)}return _n(n,[{key:"search",value:function(t){var e=!t.startsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[0,t.length-1]}}}],[{key:"type",get:function(){return"inverse-prefix-exact"}},{key:"multiRegex",get:function(){return/^!\^"(.*)"$/}},{key:"singleRegex",get:function(){return/^!\^(.*)$/}}]),n}(Kn),er=function(t){cn(n,t);var e=un(n);function n(t){return gn(this,n),e.call(this,t)}return _n(n,[{key:"search",value:function(t){var e=t.endsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[t.length-this.pattern.length,t.length-1]}}}],[{key:"type",get:function(){return"suffix-exact"}},{key:"multiRegex",get:function(){return/^"(.*)"\$$/}},{key:"singleRegex",get:function(){return/^(.*)\$$/}}]),n}(Kn),nr=function(t){cn(n,t);var e=un(n);function n(t){return gn(this,n),e.call(this,t)}return _n(n,[{key:"search",value:function(t){var e=!t.endsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[0,t.length-1]}}}],[{key:"type",get:function(){return"inverse-suffix-exact"}},{key:"multiRegex",get:function(){return/^!"(.*)"\$$/}},{key:"singleRegex",get:function(){return/^!(.*)\$$/}}]),n}(Kn),rr=function(t){cn(n,t);var e=un(n);function n(t){var r,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=o.location,a=void 0===i?In.location:i,s=o.threshold,c=void 0===s?In.threshold:s,l=o.distance,u=void 0===l?In.distance:l,f=o.includeMatches,p=void 0===f?In.includeMatches:f,d=o.findAllMatches,h=void 0===d?In.findAllMatches:d,y=o.minMatchCharLength,m=void 0===y?In.minMatchCharLength:y,v=o.isCaseSensitive,g=void 0===v?In.isCaseSensitive:v,b=o.ignoreLocation,_=void 0===b?In.ignoreLocation:b;return gn(this,n),(r=e.call(this,t))._bitapSearch=new Gn(t,{location:a,threshold:c,distance:u,includeMatches:p,findAllMatches:h,minMatchCharLength:m,isCaseSensitive:g,ignoreLocation:_}),r}return _n(n,[{key:"search",value:function(t){return this._bitapSearch.searchIn(t)}}],[{key:"type",get:function(){return"fuzzy"}},{key:"multiRegex",get:function(){return/^"(.*)"$/}},{key:"singleRegex",get:function(){return/^(.*)$/}}]),n}(Kn),or=function(t){cn(n,t);var e=un(n);function n(t){return gn(this,n),e.call(this,t)}return _n(n,[{key:"search",value:function(t){for(var e,n=0,r=[],o=this.pattern.length;(e=t.indexOf(this.pattern,n))>-1;)n=e+o,r.push([e,n-1]);var i=!!r.length;return{isMatch:i,score:i?0:1,indices:r}}}],[{key:"type",get:function(){return"include"}},{key:"multiRegex",get:function(){return/^'"(.*)"$/}},{key:"singleRegex",get:function(){return/^'(.*)$/}}]),n}(Kn),ir=[Qn,or,$n,tr,nr,er,Xn,rr],ar=ir.length,sr=/ +(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/;function cr(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return t.split("|").map((function(t){for(var n=t.trim().split(sr).filter((function(t){return t&&!!t.trim()})),r=[],o=0,i=n.length;o<i;o+=1){for(var a=n[o],s=!1,c=-1;!s&&++c<ar;){var l=ir[c],u=l.isMultiMatch(a);u&&(r.push(new l(u,e)),s=!0)}if(!s)for(c=-1;++c<ar;){var f=ir[c],p=f.isSingleMatch(a);if(p){r.push(new f(p,e));break}}}return r}))}var lr=new Set([rr.type,or.type]),ur=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.isCaseSensitive,o=void 0===r?In.isCaseSensitive:r,i=n.includeMatches,a=void 0===i?In.includeMatches:i,s=n.minMatchCharLength,c=void 0===s?In.minMatchCharLength:s,l=n.ignoreLocation,u=void 0===l?In.ignoreLocation:l,f=n.findAllMatches,p=void 0===f?In.findAllMatches:f,d=n.location,h=void 0===d?In.location:d,y=n.threshold,m=void 0===y?In.threshold:y,v=n.distance,g=void 0===v?In.distance:v;gn(this,t),this.query=null,this.options={isCaseSensitive:o,includeMatches:a,minMatchCharLength:c,findAllMatches:p,ignoreLocation:u,location:h,threshold:m,distance:g},this.pattern=o?e:e.toLowerCase(),this.query=cr(this.pattern,this.options)}return _n(t,[{key:"searchIn",value:function(t){var e=this.query;if(!e)return{isMatch:!1,score:1};var n=this.options,r=n.includeMatches;t=n.isCaseSensitive?t:t.toLowerCase();for(var o=0,i=[],a=0,s=0,c=e.length;s<c;s+=1){var l=e[s];i.length=0,o=0;for(var u=0,f=l.length;u<f;u+=1){var p=l[u],d=p.search(t),h=d.isMatch,y=d.indices,m=d.score;if(!h){a=0,o=0,i.length=0;break}if(o+=1,a+=m,r){var v=p.constructor.type;lr.has(v)?i=[].concat(dn(i),dn(y)):i.push(y)}}if(o){var g={isMatch:!0,score:a/o};return r&&(g.indices=i),g}}return{isMatch:!1,score:1}}}],[{key:"condition",value:function(t,e){return e.useExtendedSearch}}]),t}(),fr=[];function pr(t,e){for(var n=0,r=fr.length;n<r;n+=1){var o=fr[n];if(o.condition(t,e))return new o(t,e)}return new Gn(t,e)}var dr="$and",hr="$or",yr="$path",mr="$val",vr=function(t){return!(!t[dr]&&!t[hr])},gr=function(t){return!!t[yr]},br=function(t){return!Cn(t)&&En(t)&&!vr(t)},_r=function(t){return vn({},dr,Object.keys(t).map((function(e){return vn({},e,t[e])})))};function Ar(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.auto,o=void 0===r||r,i=function t(n){var r=Object.keys(n),i=gr(n);if(!i&&r.length>1&&!vr(n))return t(_r(n));if(br(n)){var a=i?n[yr]:r[0],s=i?n[mr]:n[a];if(!Sn(s))throw new Error(jn(a));var c={keyId:Dn(a),pattern:s};return o&&(c.searcher=pr(s,e)),c}var l={children:[],operator:r[0]};return r.forEach((function(e){var r=n[e];Cn(r)&&r.forEach((function(e){l.children.push(t(e))}))})),l};return vr(t)||(t=_r(t)),i(t)}function wr(t,e){var n=e.ignoreFieldNorm,r=void 0===n?In.ignoreFieldNorm:n;t.forEach((function(t){var e=1;t.matches.forEach((function(t){var n=t.key,o=t.norm,i=t.score,a=n?n.weight:null;e*=Math.pow(0===i&&a?Number.EPSILON:i,(a||1)*(r?1:o))})),t.score=e}))}function Cr(t,e){var n=t.matches;e.matches=[],On(n)&&n.forEach((function(t){if(On(t.indices)&&t.indices.length){var n={indices:t.indices,value:t.value};t.key&&(n.key=t.key.src),t.idx>-1&&(n.refIndex=t.idx),e.matches.push(n)}}))}function Sr(t,e){e.score=t.score}function xr(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.includeMatches,o=void 0===r?In.includeMatches:r,i=n.includeScore,a=void 0===i?In.includeScore:i,s=[];return o&&s.push(Cr),a&&s.push(Sr),t.map((function(t){var n=t.idx,r={item:e[n],refIndex:n};return s.length&&s.forEach((function(e){e(t,r)})),r}))}var kr=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=arguments.length>2?arguments[2]:void 0;gn(this,t),this.options=mn(mn({},In),n),this.options.useExtendedSearch,this._keyStore=new Mn(this.options.keys),this.setCollection(e,r)}return _n(t,[{key:"setCollection",value:function(t,e){if(this._docs=t,e&&!(e instanceof Hn))throw new Error("Incorrect 'index' type");this._myIndex=e||Fn(this.options.keys,this._docs,{getFn:this.options.getFn,fieldNormWeight:this.options.fieldNormWeight})}},{key:"add",value:function(t){On(t)&&(this._docs.push(t),this._myIndex.add(t))}},{key:"remove",value:function(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:function(){return!1},e=[],n=0,r=this._docs.length;n<r;n+=1){var o=this._docs[n];t(o,n)&&(this.removeAt(n),n-=1,r-=1,e.push(o))}return e}},{key:"removeAt",value:function(t){this._docs.splice(t,1),this._myIndex.removeAt(t)}},{key:"getIndex",value:function(){return this._myIndex}},{key:"search",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.limit,r=void 0===n?-1:n,o=this.options,i=o.includeMatches,a=o.includeScore,s=o.shouldSort,c=o.sortFn,l=o.ignoreFieldNorm,u=Sn(t)?Sn(this._docs[0])?this._searchStringList(t):this._searchObjectList(t):this._searchLogical(t);return wr(u,{ignoreFieldNorm:l}),s&&u.sort(c),xn(r)&&r>-1&&(u=u.slice(0,r)),xr(u,this._docs,{includeMatches:i,includeScore:a})}},{key:"_searchStringList",value:function(t){var e=pr(t,this.options),n=this._myIndex.records,r=[];return n.forEach((function(t){var n=t.v,o=t.i,i=t.n;if(On(n)){var a=e.searchIn(n),s=a.isMatch,c=a.score,l=a.indices;s&&r.push({item:n,idx:o,matches:[{score:c,value:n,norm:i,indices:l}]})}})),r}},{key:"_searchLogical",value:function(t){var e=this,n=Ar(t,this.options),r=function t(n,r,o){if(!n.children){var i=n.keyId,a=n.searcher,s=e._findMatches({key:e._keyStore.get(i),value:e._myIndex.getValueForItemAtKeyId(r,i),searcher:a});return s&&s.length?[{idx:o,item:r,matches:s}]:[]}for(var c=[],l=0,u=n.children.length;l<u;l+=1){var f=t(n.children[l],r,o);if(f.length)c.push.apply(c,dn(f));else if(n.operator===dr)return[]}return c},o=this._myIndex.records,i={},a=[];return o.forEach((function(t){var e=t.$,o=t.i;if(On(e)){var s=r(n,e,o);s.length&&(i[o]||(i[o]={idx:o,item:e,matches:[]},a.push(i[o])),s.forEach((function(t){var e,n=t.matches;(e=i[o].matches).push.apply(e,dn(n))})))}})),a}},{key:"_searchObjectList",value:function(t){var e=this,n=pr(t,this.options),r=this._myIndex,o=r.keys,i=r.records,a=[];return i.forEach((function(t){var r=t.$,i=t.i;if(On(r)){var s=[];o.forEach((function(t,o){s.push.apply(s,dn(e._findMatches({key:t,value:r[o],searcher:n})))})),s.length&&a.push({idx:i,item:r,matches:s})}})),a}},{key:"_findMatches",value:function(t){var e=t.key,n=t.value,r=t.searcher;if(!On(n))return[];var o=[];if(Cn(n))n.forEach((function(t){var n=t.v,i=t.i,a=t.n;if(On(n)){var s=r.searchIn(n),c=s.isMatch,l=s.score,u=s.indices;c&&o.push({score:l,key:e,value:n,idx:i,norm:a,indices:u})}}));else{var i=n.v,a=n.n,s=r.searchIn(i),c=s.isMatch,l=s.score,u=s.indices;c&&o.push({score:l,key:e,value:i,norm:a,indices:u})}return o}}]),t}();kr.version="6.6.2",kr.createIndex=Fn,kr.parseIndex=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.getFn,r=void 0===n?In.getFn:n,o=e.fieldNormWeight,i=void 0===o?In.fieldNormWeight:o,a=t.keys,s=t.records,c=new Hn({getFn:r,fieldNormWeight:i});return c.setKeys(a),c.setIndexRecords(s),c},kr.config=In,kr.parseQuery=Ar,function(){fr.push.apply(fr,arguments)}(ur);var Er,Or,Br=__webpack_require__(327),Pr=__webpack_require__(57),jr=__webpack_require__.n(Pr),Tr=__webpack_require__(374),Nr=__webpack_require__.n(Tr);function Mr(t){return Mr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Mr(t)}function Lr(t,e,n){return(e=Dr(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function Rr(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,Dr(r.key),r)}}function Dr(t){var e=function(t,e){if("object"!==Mr(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==Mr(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"===Mr(e)?e:String(e)}function qr(){return qr="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=Ir(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},qr.apply(this,arguments)}function Ir(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Vr(t)););return t}function Ur(t,e){return Ur=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Ur(t,e)}function zr(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Vr(t);if(e){var o=Vr(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Hr(this,n)}}function Hr(t,e){if(e&&("object"===Mr(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return Fr(t)}function Fr(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Vr(t){return Vr=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Vr(t)}r((Or=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Ur(t,e)}(i,t);var e,n,r,o=zr(i);function i(){var t;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),(t=o.call(this)).onInput=function(e){var n=e.target.value;t.setState({value:n}),t.onSuggestionsFetchRequested({value:n})},t.getSuggestionValue=function(t){return t.label},t.onChange=function(e,n){var r=n.newValue;Ze.I.getFileName(r)&&document.querySelector("pl-iframe").navigateTo(r),t.setState({value:r})},t.onSuggestionsFetchRequested=function(e){var n=e.value;t.setState({isOpen:!0}),t.setState({suggestions:t.getSuggestions(n)})},t.onSuggestionsClearRequested=function(){t.setState({suggestions:[]}),t.setState({isOpen:!1})},t.useShadow=!1,t.defaultMaxResults=10,t.state={value:"",suggestions:[],isFocused:!1},t.receiveIframeMessage=t.receiveIframeMessage.bind(Fr(t)),t.onChange=t.onChange.bind(Fr(t)),t.toggleSearch=t.toggleSearch.bind(Fr(t)),t.closeSearch=t.closeSearch.bind(Fr(t)),t.renderInputComponent=t.renderInputComponent.bind(Fr(t)),t.openSearch=t.openSearch.bind(Fr(t)),t}return e=i,(n=[{key:"connecting",value:function(){for(var t in qr(Vr(i.prototype),"connecting",this)&&qr(Vr(i.prototype),"connecting",this).call(this),this.items=[],window.patternPaths)if(window.patternPaths.hasOwnProperty(t))for(var e in window.patternPaths[t])if(window.patternPaths[t].hasOwnProperty(e)){var n={};n.label=t+"-"+e,n.id=window.patternPaths[t][e],this.items.push(n)}}},{key:"connected",value:function(){Re().bind("command+shift+f",(function(t){t.preventDefault(),this.toggleSearch()})),window.addEventListener("message",this.receiveIframeMessage,!1)}},{key:"_stateChanged",value:function(t){this.triggerUpdate()}},{key:"rendered",value:function(){this.inputElement=this.querySelector(".js-c-typeahead__input")}},{key:"toggleSearch",value:function(){this.state.isOpen?this.closeSearch():this.openSearch()}},{key:"clearSearch",value:function(){this.inputElement.focus(),this.setState({value:""})}},{key:"openSearch",value:function(){this.inputElement.focus()}},{key:"closeSearch",value:function(){document.activeElement.blur()}},{key:"receiveIframeMessage",value:function(t){var e=(0,Ze.Kz)(t);void 0!==e.event&&"patternLab.keyPress"===e.event&&"f"===e.key&&!0===e.metaKey&&this.toggleSearch()}},{key:"renderSuggestion",value:function(t,e){return e.query,e.isHighlighted,(0,L.h)("span",null,t.highlightedLabel)}},{key:"getSuggestions",value:function(t){var e=this.props.maxResults?this.props.maxResults:this.defaultMaxResults,n=new kr(this.items,{shouldSort:!0,threshold:.3,includeMatches:!0,location:0,distance:100,minMatchCharLength:1,keys:["label"]}).search(t),r=function t(e){var n=e;n.matches.forEach((function(e){for(var r=n.item[e.key],o=[],i=[].concat(e.indices),a=i.shift(),s=0;s<r.length;s++){var c=r.charAt(s);a&&s===a[0]&&o.push("<strong>"),o.push(c),a&&s===a[1]&&(o.push("</strong>"),a=i.shift())}n.item.highlightedLabel=o.join(""),n.item.highlightedLabel=(0,Br.ZP)(n.item.highlightedLabel),n.children&&n.children.length>0&&n.children.forEach((function(e){t(e)}))}))};n.forEach((function(t){r(t)}));var o=n.reduce((function(t,e){return t.push(e.item),t}),[]);return o.length<e?o:o.slice(0,e)}},{key:"renderInputComponent",value:function(t){var e=this,n=this.state.value,r=void 0!==this.props.hideClearButton&&!0!==this.props.hideClearButton&&""!==n,o=this.props.clearButtonText?this.props.clearButtonText:"Clear Search Results";return(0,L.h)("div",{className:jr()("pl-c-typeahead__input-wrapper",Lr({},"pl-c-typeahead__input-wrapper--with-clear-button",r))},(0,L.h)("input",t),r&&(0,L.h)("button",{className:jr()("pl-c-typeahead__clear-button",Lr({},"pl-is-visible",""!==n)),onClick:function(){e.clearSearch()},type:"button"},(0,L.h)("span",{class:"is-vishidden"},o),(0,L.h)("svg",{viewBox:"0 0 16 16",height:"16",width:"16",className:"pl-c-typeahead__clear-button-icon"},(0,L.h)("title",null,o),(0,L.h)("path",{d:"M12.207 10.793l-1.414 1.414-2.793-2.793-2.793 2.793-1.414-1.414 2.793-2.793-2.793-2.793 1.414-1.414 2.793 2.793 2.793-2.793 1.414 1.414-2.793 2.793 2.793 2.793z"}))))}},{key:"onSuggestionSelected",value:function(){this.setState({isOpen:!1})}},{key:"render",value:function(){var t=this.state,e=t.value,n=t.suggestions,r=void 0!==this.props.hideClearButton&&!0!==this.props.hideClearButton&&""!==e,o={container:jr()("pl-c-typeahead"),containerOpen:jr()("pl-c-typeahead--open"),input:jr()("pl-c-typeahead__input","js-c-typeahead__input",Lr({},"pl-c-typeahead__input--with-clear-button",r)),inputOpen:jr()("pl-c-typeahead__input--open"),inputFocused:jr()("pl-c-typeahead__input--focused"),suggestionsContainer:jr()("pl-c-typeahead__menu"),suggestionsContainerOpen:jr()("pl-is-open"),suggestionsList:jr()("pl-c-typeahead__results"),suggestion:jr()("pl-c-typeahead__result"),suggestionFirst:jr()("pl-c-typeahead__result--first"),suggestionHighlighted:jr()("pl-has-cursor"),sectionContainer:jr()("pl-c-typeahead__section-container"),sectionContainerFirst:jr()("pl-c-typeahead__section-container--first"),sectionTitle:jr()("pl-c-typeahead__section-title")},i={placeholder:this.props.placeholder?this.props.placeholder:"Find a Pattern",value:e,onChange:this.onChange,onInput:this.onInput};return(0,L.h)("div",null,(0,L.h)(Nr(),{theme:o,suggestions:n,onSuggestionsFetchRequested:this.onSuggestionsFetchRequested,onSuggestionsClearRequested:this.onSuggestionsClearRequested,getSuggestionValue:this.getSuggestionValue,renderSuggestion:this.renderSuggestion,inputProps:i,renderInputComponent:this.renderInputComponent}))}}])&&Rr(e.prototype,n),r&&Rr(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(Ne),Or.is="pl-search",Or.props={maxResults:T.string,placeholder:T.string,hideClearButton:T.boolean,clearButtonText:T.string},Er=Or));var Wr=__webpack_require__(8),Yr=__webpack_require__.n(Wr),Zr=__webpack_require__(9),Gr=__webpack_require__.n(Zr),Kr=__webpack_require__(10),Jr=__webpack_require__.n(Kr),Qr=__webpack_require__(11),Xr=__webpack_require__.n(Qr),$r=__webpack_require__(12),to=__webpack_require__.n($r),eo=__webpack_require__(267),no={};eo.Z&&eo.Z.locals&&(no.locals=eo.Z.locals);var ro,oo=0,io={};io.setAttributes=Xr(),io.insert=Jr().bind(null,"head"),io.domAPI=Gr(),io.insertStyleElement=to(),no.use=function(t){return io.options=t||{},oo++||(ro=Yr()(eo.Z,io)),no},no.unuse=function(){oo>0&&!--oo&&(ro(),ro=null)};var ao,so,co=no,lo=__webpack_require__(268);function uo(t){return uo="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},uo(t)}function fo(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function po(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==uo(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==uo(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===uo(i)?i:String(i)),r)}var o,i}function ho(){return ho="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=yo(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},ho.apply(this,arguments)}function yo(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=bo(t)););return t}function mo(t,e){return mo=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},mo(t,e)}function vo(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=bo(t);if(e){var o=bo(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return go(this,n)}}function go(t,e){if(e&&("object"===uo(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function bo(t){return bo=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},bo(t)}var _o={};__webpack_require__(384).keys().forEach((function(t){var e=t.replace("./","");__webpack_require__(385)("./".concat(e)).then((function(t){_o[t.default.id]=t.default}))}));gt("pl-icon")(ao=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&mo(t,e)}(i,t);var e,n,r,o=vo(i);function i(){return fo(this,i),o.apply(this,arguments)}return e=i,r=[{key:"properties",get:function(){return{name:String,size:String}}}],(n=[{key:"createRenderRoot",value:function(){return this}},{key:"connectedCallback",value:function(){ho(bo(i.prototype),"connectedCallback",this)&&ho(bo(i.prototype),"connectedCallback",this).call(this),co.use()}},{key:"disconnectedCallback",value:function(){ho(bo(i.prototype),"disconnectedCallback",this)&&ho(bo(i.prototype),"disconnectedCallback",this).call(this),co.unuse()}},{key:"render",value:function(){var t,e,n='\n        <svg\n        class="c-icon c-icon--'.concat(this.name," c-icon--").concat(this.size||"auto",'"\n        viewBox="').concat(_o[this.name]&&_o[this.name].viewBox?_o[this.name].viewBox:"0 0 20 20",'"\n      >\n        <use xlink:href="#').concat(_o[this.name]&&_o[this.name].id?_o[this.name].id:this.name,'">\n        </use>\n      </svg>\n    ');return(0,D.dy)(so||(t=[" "," "],e||(e=t.slice(0)),so=Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))),(0,lo.A)(n))}}])&&po(e.prototype,n),r&&po(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(Lt));function Ao(t){return Ao="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ao(t)}function wo(t){return function(t){if(Array.isArray(t))return Co(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return Co(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Co(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Co(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function So(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function xo(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==Ao(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==Ao(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===Ao(i)?i:String(i)),r)}var o,i}function ko(){return ko="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=Eo(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},ko.apply(this,arguments)}function Eo(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=jo(t)););return t}function Oo(t,e){return Oo=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Oo(t,e)}function Bo(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=jo(t);if(e){var o=jo(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Po(this,n)}}function Po(t,e){if(e&&("object"===Ao(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function jo(t){return jo=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},jo(t)}var To=function(t){return function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Oo(t,e)}(i,t);var e,n,r,o=Bo(i);function i(){var t;So(this,i);for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return(t=o.call.apply(o,[this].concat(n))).templateMap=new Map,t}return e=i,n=[{key:"assignSlotToContent",value:function(t){return t.slot||t.getAttribute?t.getAttribute("slot"):"default"}},{key:"isEmptyTextNode",value:function(t){return t&&(!t.textContent||!t.textContent.trim())}},{key:"saveSlots",value:function(){var t=this,e=[];if(Array.from(this.childNodes).forEach((function(e){var n=t.assignSlotToContent(e);(!e.textContent||e.textContent.trim().length>0)&&(t.templateMap.has(n)?t.templateMap.set(n,[].concat(wo(t.templateMap.get(n)),[e])):t.templateMap.set(n,[e]))})),e.length>1||e.some((function(e){return!t.isEmptyTextNode(e)}))){var n=document.createDocumentFragment();e.forEach((function(t){n.appendChild(t)})),this.templateMap.set("",n)}}},{key:"update",value:function(t){this.hasUpdated||this.saveSlots(),ko(jo(i.prototype),"update",this).call(this,t)}},{key:"slotify",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1?arguments[1]:void 0,n=this.templateMap.get(t);if(this.shadowRoot&&n){var r=document.createElement("slot");return"default"!==t&&r.setAttribute("name",t),r}return n&&n.content?n.content:n&&n.childNodes?Array.from(n.childNodes):n||e||void 0}}],n&&xo(e.prototype,n),r&&xo(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(t)},No=__webpack_require__(291),Mo={};No.Z&&No.Z.locals&&(Mo.locals=No.Z.locals);var Lo,Ro=0,Do={};Do.setAttributes=Xr(),Do.insert=Jr().bind(null,"head"),Do.domAPI=Gr(),Do.insertStyleElement=to(),Mo.use=function(t){return Do.options=t||{},Ro++||(Lo=Yr()(No.Z,Do)),Mo},Mo.unuse=function(){Ro>0&&!--Ro&&(Lo(),Lo=null)};var qo,Io,Uo,zo,Ho,Fo,Vo,Wo=Mo,Yo=new WeakMap,Zo=(0,D.XM)((function(t){return function(e){var n=Yo.get(e);if(void 0===t&&e instanceof D._l){if(void 0!==n||!Yo.has(e)){var r=e.committer.name;e.committer.element.removeAttribute(r)}}else t!==n&&e.setValue(t);Yo.set(e,t)}}));function Go(t){return Go="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Go(t)}function Ko(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function Jo(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Qo(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==Go(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==Go(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===Go(i)?i:String(i)),r)}var o,i}function Xo(){return Xo="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=$o(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},Xo.apply(this,arguments)}function $o(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=ri(t)););return t}function ti(t,e){return ti=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},ti(t,e)}function ei(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=ri(t);if(e){var o=ri(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ni(this,n)}}function ni(t,e){if(e&&("object"===Go(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function ri(t){return ri=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},ri(t)}var oi=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&ti(t,e)}(i,t);var e,n,r,o=ei(i);function i(){return Jo(this,i),o.apply(this,arguments)}return e=i,r=[{key:"properties",get:function(){return{href:{attribute:!0,type:String},target:{attribute:!0,type:String},size:{attribute:!0,type:String},iconOnly:{attribute:"icon-only",type:Boolean,reflect:!0},title:{attribute:!0,type:String}}}}],(n=[{key:"createRenderRoot",value:function(){return this}},{key:"connectedCallback",value:function(){Xo(ri(i.prototype),"connectedCallback",this)&&Xo(ri(i.prototype),"connectedCallback",this).call(this),Wo.use()}},{key:"disconnectedCallback",value:function(){Xo(ri(i.prototype),"disconnectedCallback",this)&&Xo(ri(i.prototype),"disconnectedCallback",this).call(this),Wo.unuse()}},{key:"innerTemplate",value:function(){return(0,D.dy)(qo||(qo=Ko(["\n      ","\n      ","\n      ","\n    "])),this.slotify("before")?(0,D.dy)(Io||(Io=Ko(['\n            <span class="pl-c-button__icon">',"</span>\n          "])),this.slotify("before")):"",this.slotify("default")?(0,D.dy)(Uo||(Uo=Ko(['\n            <span\n              class="pl-c-button__text ','"\n              >',"</span\n            >\n          "])),this.iconOnly?"is-vishidden":"",this.slotify("default")):"",this.slotify("after")?(0,D.dy)(zo||(zo=Ko(['\n            <span class="pl-c-button__icon">',"</span>\n          "])),this.slotify("after")):"")}},{key:"render",value:function(){var t=this.size||"medium";return(0,D.dy)(Ho||(Ho=Ko(["\n      ","\n    "])),this.href?(0,D.dy)(Fo||(Fo=Ko(['\n            <a\n              class="pl-c-button pl-c-button--'," ",'"\n              href="','"\n              target="','"\n              title=',"\n            >\n              ","\n            </a>\n          "])),t,this.iconOnly?"pl-c-button--icon-only":"",this.href,this.target?this.target:"self",Zo(""===this.title?void 0:this.title),this.innerTemplate()):(0,D.dy)(Vo||(Vo=Ko(['\n            <button\n              class="pl-c-button pl-c-button--'," ",'"\n              title=','\n              type="button"\n            >\n              ',"\n            </button>\n          "])),t,this.iconOnly?"pl-c-button--icon-only":"",Zo(""===this.title?void 0:this.title),this.innerTemplate()))}}])&&Qo(e.prototype,n),r&&Qo(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(To(Lt));customElements.define("pl-button",oi);var ii=__webpack_require__(292),ai={};ii.Z&&ii.Z.locals&&(ai.locals=ii.Z.locals);var si,ci=0,li={};li.setAttributes=Xr(),li.insert=Jr().bind(null,"head"),li.domAPI=Gr(),li.insertStyleElement=to(),ai.use=function(t){return li.options=t||{},ci++||(si=Yr()(ii.Z,li)),ai},ai.unuse=function(){ci>0&&!--ci&&(si(),si=null)};var ui,fi=ai;function pi(t){return pi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},pi(t)}function di(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==pi(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==pi(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===pi(i)?i:String(i)),r)}var o,i}function hi(){return hi="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=yi(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},hi.apply(this,arguments)}function yi(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=bi(t)););return t}function mi(t,e){return mi=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},mi(t,e)}function vi(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=bi(t);if(e){var o=bi(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return gi(this,n)}}function gi(t,e){if(e&&("object"===pi(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function bi(t){return bi=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},bi(t)}var _i=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&mi(t,e)}(i,t);var e,n,r,o=vi(i);function i(){var t;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),(t=o.call(this)).position="top",t}return e=i,r=[{key:"properties",get:function(){return{message:{type:String},position:{type:String},child:{}}}}],(n=[{key:"createRenderRoot",value:function(){return this}},{key:"connectedCallback",value:function(){hi(bi(i.prototype),"connectedCallback",this)&&hi(bi(i.prototype),"connectedCallback",this).call(this),fi.use()}},{key:"disconnectedCallback",value:function(){hi(bi(i.prototype),"disconnectedCallback",this)&&hi(bi(i.prototype),"disconnectedCallback",this).call(this),fi.unuse()}},{key:"render",value:function(){return(0,D.dy)(ui||(t=['\n      <div class="pl-tooltip pl-tooltip--','">\n        ','\n        <span class="pl-tooltip__text">',"</span>\n      </div>\n    "],e||(e=t.slice(0)),ui=Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))),this.position,this.slotify("default")?this.slotify("default"):"",this.message);var t,e}},{key:"hideTooltip",value:function(){this.opened=!1}},{key:"showTooltip",value:function(){this.opened=!0}},{key:"toggleTooltip",value:function(){this.opened=!this.opened}}])&&di(e.prototype,n),r&&di(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(To(Lt));customElements.define("pl-tooltip",_i);var Ai=__webpack_require__(410),wi=__webpack_require__(293),Ci={};wi.Z&&wi.Z.locals&&(Ci.locals=wi.Z.locals);var Si,xi=0,ki={};ki.setAttributes=Xr(),ki.insert=Jr().bind(null,"head"),ki.domAPI=Gr(),ki.insertStyleElement=to(),Ci.use=function(t){return ki.options=t||{},xi++||(Si=Yr()(wi.Z,ki)),Ci},Ci.unuse=function(){xi>0&&!--xi&&(Si(),Si=null)};var Ei,Oi,Bi=Ci;function Pi(t){return Pi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Pi(t)}function ji(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==Pi(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==Pi(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===Pi(i)?i:String(i)),r)}var o,i}function Ti(){return Ti="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=Ni(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},Ti.apply(this,arguments)}function Ni(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=qi(t)););return t}function Mi(t,e){return Mi=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Mi(t,e)}function Li(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=qi(t);if(e){var o=qi(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ri(this,n)}}function Ri(t,e){if(e&&("object"===Pi(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return Di(t)}function Di(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function qi(t){return qi=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},qi(t)}gt("pl-toggle-info")(Ei=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Mi(t,e)}(i,t);var e,n,r,o=Li(i);function i(){var t;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),(t=o.call(this)).handleClick=t.handleClick.bind(Di(t)),t}return e=i,n=[{key:"createRenderRoot",value:function(){return this}},{key:"connectedCallback",value:function(){var t=this;Ti(qi(i.prototype),"connectedCallback",this)&&Ti(qi(i.prototype),"connectedCallback",this).call(this),Bi.use();var e=R.h.getState();this.isDrawerOpen=e.app.drawerOpened,this.isViewallPage=e.app.isViewallPage,this.__storeUnsubscribe=R.h.subscribe((function(){return t._stateChanged(R.h.getState())})),this._stateChanged(R.h.getState())}},{key:"disconnectedCallback",value:function(){this.__storeUnsubscribe&&this.__storeUnsubscribe(),Bi.unuse(),Ti(qi(i.prototype),"disconnectedCallback",this)&&Ti(qi(i.prototype),"disconnectedCallback",this).call(this)}},{key:"_stateChanged",value:function(t){this.isDrawerOpen=t.app.drawerOpened,this.isViewallPage=t.app.isViewallPage}},{key:"handleClick",value:function(){this.isDrawerOpen=!this.isDrawerOpen,R.h.dispatch((0,Ai.aw)(this.isDrawerOpen))}},{key:"render",value:function(){return(0,D.dy)(Oi||(t=['\n      <pl-button @click="','">\n        <span slot="default"\n          >',"\n          ",'</span\n        >\n        <pl-icon\n          name="','"\n          slot="after"\n          aria-hidden="true"\n        ></pl-icon>\n      </pl-button>\n    '],e||(e=t.slice(0)),Oi=Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))),this.handleClick,this.isDrawerOpen?"Collapse":"Expand",this.isViewallPage?"All Panels":"Panel",this.isDrawerOpen?"code-collapse":"code-expand");var t,e}}],r=[{key:"properties",get:function(){return{isDrawerOpen:{attribute:"is-drawer-open",type:Boolean},isViewallPage:{attribute:"is-viewall-page",type:Boolean}}}}],n&&ji(e.prototype,n),r&&ji(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(Lt));var Ii=__webpack_require__(294),Ui={};Ii.Z&&Ii.Z.locals&&(Ui.locals=Ii.Z.locals);var zi,Hi=0,Fi={};Fi.setAttributes=Xr(),Fi.insert=Jr().bind(null,"head"),Fi.domAPI=Gr(),Fi.insertStyleElement=to(),Ui.use=function(t){return Fi.options=t||{},Hi++||(zi=Yr()(Ii.Z,Fi)),Ui},Ui.unuse=function(){Hi>0&&!--Hi&&(zi(),zi=null)};var Vi,Wi,Yi=Ui;function Zi(t){return Zi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Zi(t)}function Gi(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==Zi(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==Zi(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===Zi(i)?i:String(i)),r)}var o,i}function Ki(){return Ki="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=Ji(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},Ki.apply(this,arguments)}function Ji(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=ea(t)););return t}function Qi(t,e){return Qi=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Qi(t,e)}function Xi(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=ea(t);if(e){var o=ea(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return $i(this,n)}}function $i(t,e){if(e&&("object"===Zi(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return ta(t)}function ta(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function ea(t){return ea=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},ea(t)}gt("pl-toggle-layout")(Vi=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Qi(t,e)}(i,t);var e,n,r,o=Xi(i);function i(){var t;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),(t=o.call(this)).handleClick=t.handleClick.bind(ta(t)),t}return e=i,n=[{key:"createRenderRoot",value:function(){return this}},{key:"connectedCallback",value:function(){var t=this;Ki(ea(i.prototype),"connectedCallback",this)&&Ki(ea(i.prototype),"connectedCallback",this).call(this),Yi.use();var e=R.h.getState();this.layoutMode=e.app.layoutMode||"vertical",this.__storeUnsubscribe=R.h.subscribe((function(){return t._stateChanged(R.h.getState())})),this._stateChanged(R.h.getState()),this.size=this.size||"medium"}},{key:"disconnectedCallback",value:function(){this.__storeUnsubscribe&&this.__storeUnsubscribe(),Yi.unuse(),Ki(ea(i.prototype),"disconnectedCallback",this)&&Ki(ea(i.prototype),"disconnectedCallback",this).call(this)}},{key:"_stateChanged",value:function(t){this.layoutMode!==t.app.layoutMode&&(this.layoutMode=t.app.layoutMode)}},{key:"handleClick",value:function(){var t="vertical"!==this.layoutMode?"vertical":"horizontal";this.layoutMode=t,R.h.dispatch((0,Ai.gv)(this.layoutMode))}},{key:"render",value:function(){return(0,D.dy)(Wi||(t=['\n      <pl-button\n        title="Switch Layout"\n        @click="','"\n        size="','"\n        ?icon-only="','"\n      >\n        ','\n        <pl-icon\n          slot="after"\n          name="','"\n          aria-hidden="true"\n        ></pl-icon>\n      </pl-button>\n    '],e||(e=t.slice(0)),Wi=Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))),this.handleClick,this.size,this.iconOnly||!1,this.text,"horizontal"===this.layoutMode?"layout-h":"layout-v");var t,e}}],r=[{key:"properties",get:function(){return{layoutMode:{attribute:!0,type:String},text:{attribute:!0,type:String},size:{attribute:!0,type:String},iconOnly:{attribute:"icon-only",type:Boolean,reflect:!0}}}}],n&&Gi(e.prototype,n),r&&Gi(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(Lt));var na=__webpack_require__(295),ra={};na.Z&&na.Z.locals&&(ra.locals=na.Z.locals);var oa,ia=0,aa={};aa.setAttributes=Xr(),aa.insert=Jr().bind(null,"head"),aa.domAPI=Gr(),aa.insertStyleElement=to(),ra.use=function(t){return aa.options=t||{},ia++||(oa=Yr()(na.Z,aa)),ra},ra.unuse=function(){ia>0&&!--ia&&(oa(),oa=null)};var sa,ca,la=ra;function ua(t){return ua="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ua(t)}function fa(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==ua(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==ua(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===ua(i)?i:String(i)),r)}var o,i}function pa(){return pa="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=da(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},pa.apply(this,arguments)}function da(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=va(t)););return t}function ha(t,e){return ha=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},ha(t,e)}function ya(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=va(t);if(e){var o=va(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ma(this,n)}}function ma(t,e){if(e&&("object"===ua(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function va(t){return va=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},va(t)}gt("pl-toggle-theme")(sa=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&ha(t,e)}(i,t);var e,n,r,o=ya(i);function i(){var t;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),(t=o.call(this)).targetOrigin="file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,t}return e=i,n=[{key:"createRenderRoot",value:function(){return this}},{key:"connectedCallback",value:function(){var t=this;pa(va(i.prototype),"connectedCallback",this)&&pa(va(i.prototype),"connectedCallback",this).call(this),la.use();var e=R.h.getState();this.themeMode=e.app.themeMode||"dark",this.__storeUnsubscribe=R.h.subscribe((function(){return t._stateChanged(R.h.getState())})),this._stateChanged(R.h.getState()),R.h.dispatch((0,Ai.e5)(this.themeMode))}},{key:"disconnectedCallback",value:function(){this.__storeUnsubscribe&&this.__storeUnsubscribe(),la.unuse(),pa(va(i.prototype),"disconnectedCallback",this)&&pa(va(i.prototype),"disconnectedCallback",this).call(this)}},{key:"_stateChanged",value:function(t){if(this.themeMode=t.app.themeMode,this.iframeElement=document.querySelector(".pl-js-iframe"),this.iframeElement){var e=JSON.stringify({event:"patternLab.stateChange",state:t});this.iframeElement.contentWindow.postMessage(e,this.targetOrigin)}}},{key:"render",value:function(){var t,e,n="dark"!==this.themeMode?"dark":"light";return(0,D.dy)(ca||(t=['\n      <pl-button\n        class="pl-c-tools__action pl-c-toggle-theme__action"\n        title="Switch Theme"\n        @click="','"\n      >\n        Switch Theme\n\n        <pl-icon\n          slot="after"\n          name="theme-','"\n          aria-hidden="true"\n        ></pl-icon>\n      </pl-button>\n    '],e||(e=t.slice(0)),ca=Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))),(function(t){return R.h.dispatch((0,Ai.e5)(n))}),this.themeMode)}}],r=[{key:"properties",get:function(){return{themeMode:{attribute:!0,type:String}}}}],n&&fa(e.prototype,n),r&&fa(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(Lt));var ga=__webpack_require__(296),ba={};ga.Z&&ga.Z.locals&&(ba.locals=ga.Z.locals);var _a,Aa=0,wa={};wa.setAttributes=Xr(),wa.insert=Jr().bind(null,"head"),wa.domAPI=Gr(),wa.insertStyleElement=to(),ba.use=function(t){return wa.options=t||{},Aa++||(_a=Yr()(ga.Z,wa)),ba},ba.unuse=function(){Aa>0&&!--Aa&&(_a(),_a=null)};var Ca,Sa,xa=ba;function ka(t){return ka="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ka(t)}function Ea(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==ka(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==ka(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===ka(i)?i:String(i)),r)}var o,i}function Oa(){return Oa="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=Ba(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},Oa.apply(this,arguments)}function Ba(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Na(t)););return t}function Pa(t,e){return Pa=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Pa(t,e)}function ja(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Na(t);if(e){var o=Na(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ta(this,n)}}function Ta(t,e){if(e&&("object"===ka(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function Na(t){return Na=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Na(t)}var Ma=/\D+/g,La=/[^0-9\.]+/g;function Ra(t,e){return Number(Math.round(t+"e"+e)+"e-"+e)}gt("pl-viewport-size")(Ca=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Pa(t,e)}(i,t);var e,n,r,o=ja(i);function i(){var t;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),(t=o.call(this)).state={inputPixelValue:0,inputEmValue:0},t}return e=i,n=[{key:"connectedCallback",value:function(){Oa(Na(i.prototype),"connectedCallback",this)&&Oa(Na(i.prototype),"connectedCallback",this).call(this),xa.use();var t=R.h.getState();this.setPxEm(t),this.iframe=document.querySelector("pl-iframe")}},{key:"disconnectedCallback",value:function(){Oa(Na(i.prototype),"disconnectedCallback",this)&&Oa(Na(i.prototype),"disconnectedCallback",this).call(this),xa.unuse()}},{key:"_stateChanged",value:function(t){this.setPxEm(t)}},{key:"setPxEm",value:function(t){t.app.viewportPx!==this.px&&(this.px=Ra(t.app.viewportPx,0),this.setState({inputPixelValue:this.px},(function(){}))),Ra(t.app.viewportEm,1)!==this.em&&(this.em=Ra(t.app.viewportEm,1),this.setState({inputEmValue:this.em},(function(){})))}},{key:"firstUpdated",value:function(){this.viewport=document.querySelector("pl-viewport")}},{key:"updated",value:function(){this.viewport&&this.viewport.bodySize&&(this.em=Math.floor(this.px*this.bodySize))}},{key:"handlePixelUpdateUp",value:function(t){this.setState({inputPixelValue:t.target.value.replace(Ma,"")},(function(){}))}},{key:"handlePixelUpdatePress",value:function(t){t.key.match(Ma)&&t.preventDefault()}},{key:"handlePixelUpdateDown",value:function(t){"Enter"===t.key?(event.preventDefault(),this.iframe.sizeiframe(this.state.inputPixelValue,!0)):"ArrowUp"===t.key?(this.setState({inputPixelValue:Number(t.target.value.replace(Ma,""))+(t.shiftKey?10:1)},(function(){})),this.iframe.sizeiframe(this.state.inputPixelValue,!0)):"ArrowDown"===t.key&&(this.setState({inputPixelValue:Number(t.target.value.replace(Ma,""))-(t.shiftKey?10:1)},(function(){})),this.iframe.sizeiframe(this.state.inputPixelValue,!0))}},{key:"handlePixelBlur",value:function(t){this.setState({inputPixelValue:this.px},(function(){})),t.target.value=this.state.inputPixelValue}},{key:"handleEmUpdateUp",value:function(t){this.setState({inputEmValue:t.target.value.replace(La,"")},(function(){}))}},{key:"handleEmUpdatePress",value:function(t){t.key.match(La)&&t.preventDefault()}},{key:"handleEmUpdateDown",value:function(t){"Enter"===t.key?(event.preventDefault(),this.iframe.sizeiframe(this.toPixelValue(),!0)):"ArrowUp"===t.key?(this.setState({inputEmValue:Ra(Number(t.target.value.replace(La,""))+(t.shiftKey?.5:.1),1)},(function(){})),this.iframe.sizeiframe(this.toPixelValue(),!0)):"ArrowDown"===t.key&&(this.setState({inputEmValue:Ra(Number(t.target.value.replace(La,""))-(t.shiftKey?.5:.1),1)},(function(){})),this.iframe.sizeiframe(this.toPixelValue(),!0))}},{key:"handleEmBlur",value:function(t){this.setState({inputEmValue:this.em},(function(){})),t.target.value=this.state.inputEmValue}},{key:"toPixelValue",value:function(){return Math.floor(this.state.inputEmValue*this.iframe.bodySize)}},{key:"render",value:function(){if(!window.__PRERENDER_INJECTED)return(0,D.dy)(Sa||(t=['\n        <form class="pl-c-viewport-size" @submit=','>\n          <label\n            for="pl-viewport-pixel-width"\n            class="pl-c-viewport-size__label"\n          >\n            <input\n              class="pl-c-viewport-size__input pl-c-viewport-size__input-action"\n              id="pl-viewport-pixel-width"\n              .value="','"\n              @keypress=',"\n              @keyup=","\n              @keydown=","\n              @blur=",'\n            />px</label\n          >&nbsp;/&nbsp;<label\n            for="pl-viewport-em-width"\n            class="pl-c-viewport-size__label"\n          >\n            <input\n              class="pl-c-viewport-size__input pl-c-viewport-size__input-action"\n              id="pl-viewport-em-width"\n              .value="','"\n              @keypress=',"\n              @keyup=","\n              @keydown=","\n              @blur=","\n            />em\n          </label>\n        </form>\n      "],e||(e=t.slice(0)),Sa=Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))),this.handleSubmit,this.state.inputPixelValue,this.handlePixelUpdatePress,this.handlePixelUpdateUp,this.handlePixelUpdateDown,this.handlePixelBlur,this.state.inputEmValue,this.handleEmUpdatePress,this.handleEmUpdateUp,this.handleEmUpdateDown,this.handleEmBlur);var t,e}}],r=[{key:"properties",get:function(){return{px:String,em:String}}}],n&&Ea(e.prototype,n),r&&Ea(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(Me));var Da=__webpack_require__(297),qa={};Da.Z&&Da.Z.locals&&(qa.locals=Da.Z.locals);var Ia,Ua=0,za={};za.setAttributes=Xr(),za.insert=Jr().bind(null,"head"),za.domAPI=Gr(),za.insertStyleElement=to(),qa.use=function(t){return za.options=t||{},Ua++||(Ia=Yr()(Da.Z,za)),qa},qa.unuse=function(){Ua>0&&!--Ua&&(Ia(),Ia=null)};var Ha,Fa,Va,Wa=qa;function Ya(t){return Ya="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ya(t)}function Za(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function Ga(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ka(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==Ya(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==Ya(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===Ya(i)?i:String(i)),r)}var o,i}function Ja(){return Ja="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=Qa(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},Ja.apply(this,arguments)}function Qa(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=es(t)););return t}function Xa(t,e){return Xa=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Xa(t,e)}function $a(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=es(t);if(e){var o=es(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ts(this,n)}}function ts(t,e){if(e&&("object"===Ya(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function es(t){return es=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},es(t)}gt("pl-logo")(Ha=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Xa(t,e)}(i,t);var e,n,r,o=$a(i);function i(){return Ga(this,i),o.apply(this,arguments)}return e=i,n=[{key:"connectedCallback",value:function(){Ja(es(i.prototype),"connectedCallback",this)&&Ja(es(i.prototype),"connectedCallback",this).call(this),Wa.use();var t=R.h.getState();this.theme=this.theme||t.app.themeMode||"dark"}},{key:"disconnectedCallback",value:function(){Ja(es(i.prototype),"disconnectedCallback",this)&&Ja(es(i.prototype),"disconnectedCallback",this).call(this),Wa.unuse()}},{key:"render",value:function(){var t="dark"===this.theme?this.srcDark:this.srcLight;return(0,D.dy)(Fa||(Fa=Za(['\n      <a href="','" class="pl-c-logo">\n        <img\n          alt=',"\n          src=",'\n          class="pl-c-logo__img"\n          width="','"\n          height="','"\n        />\n        ',"\n      </a>\n    "])),""===this.url?void 0:this.url,this.altText||"Pattern Lab Logo",t,Zo(this.width),Zo(this.height),this.text&&""!==this.text?(0,D.dy)(Va||(Va=Za([' <span class="pl-c-logo__text">',"</span> "])),this.text):"")}}],r=[{key:"properties",get:function(){return{width:String,height:String,theme:String,url:String,text:String,altText:{type:String,attribute:"alt-text"},srcLight:{type:String,attribute:"src-light"},srcDark:{type:String,attribute:"src-dark"}}}}],n&&Ka(e.prototype,n),r&&Ka(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(Me));var ns=__webpack_require__(298),rs={};ns.Z&&ns.Z.locals&&(rs.locals=ns.Z.locals);var os,is=0,as={};as.setAttributes=Xr(),as.insert=Jr().bind(null,"head"),as.domAPI=Gr(),as.insertStyleElement=to(),rs.use=function(t){return as.options=t||{},is++||(os=Yr()(ns.Z,as)),rs},rs.unuse=function(){is>0&&!--is&&(os(),os=null)};var ss,cs=rs;function ls(t){return ls="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ls(t)}function us(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,fs(r.key),r)}}function fs(t){var e=function(t,e){if("object"!==ls(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==ls(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"===ls(e)?e:String(e)}function ps(){return ps="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=ds(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},ps.apply(this,arguments)}function ds(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=vs(t)););return t}function hs(t,e){return hs=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},hs(t,e)}function ys(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=vs(t);if(e){var o=vs(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ms(this,n)}}function ms(t,e){if(e&&("object"===ls(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function vs(t){return vs=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},vs(t)}var gs=__webpack_require__(57),bs=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&hs(t,e)}(i,t);var e,n,r,o=ys(i);function i(){var t;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),(t=o.call(this)).targetOrigin="file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,t}return e=i,n=[{key:"connectedCallback",value:function(){ps(vs(i.prototype),"connectedCallback",this)&&ps(vs(i.prototype),"connectedCallback",this).call(this),cs.use();var t=R.h.getState();this.layoutMode=t.app.layoutMode,this.themeMode=t.app.themeMode}},{key:"disconnectedCallback",value:function(){ps(vs(i.prototype),"disconnectedCallback",this)&&ps(vs(i.prototype),"disconnectedCallback",this).call(this),cs.unuse()}},{key:"firstUpdated",value:function(){this.iframeElement=this.renderRoot.querySelector(".pl-js-iframe")}},{key:"_stateChanged",value:function(t){var e=!1;if(this.layoutMode!==t.app.layoutMode&&(e=!0,this.layoutMode=t.app.layoutMode||"vertical"),this.themeMode!==t.app.themeMode&&(e=!0,this.themeMode=t.app.themeMode),!0===e){e=!1;var n="vertical"===this.layoutMode?"sidebar":"horizontal",r=gs("pl-c-body--theme-".concat(n),function(t,e,n){return(e=fs(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}({},"pl-c-body--theme-".concat(this.themeMode),void 0!==this.themeMode));this.className=r}if(this.iframeElement=document.querySelector(".pl-js-iframe"),this.iframeElement){var o=JSON.stringify({event:"patternLab.stateChange",state:t});this.iframeElement.contentWindow.postMessage(o,this.targetOrigin)}}},{key:"render",value:function(){return(0,D.dy)(ss||(t=['\n      <pl-header></pl-header>\n      <div class="pl-c-viewport-modal-wrapper">\n        <pl-iframe></pl-iframe>\n        <pl-drawer></pl-drawer>\n      </div>\n    '],e||(e=t.slice(0)),ss=Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))));var t,e}}],n&&us(e.prototype,n),r&&us(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(Me);customElements.define("pl-layout",bs);var _s=__webpack_require__(299),As={};_s.Z&&_s.Z.locals&&(As.locals=_s.Z.locals);var ws,Cs=0,Ss={};Ss.setAttributes=Xr(),Ss.insert=Jr().bind(null,"head"),Ss.domAPI=Gr(),Ss.insertStyleElement=to(),As.use=function(t){return Ss.options=t||{},Cs++||(ws=Yr()(_s.Z,Ss)),As},As.unuse=function(){Cs>0&&!--Cs&&(ws(),ws=null)};var xs,ks,Es=As;function Os(t){return Os="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Os(t)}function Bs(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ps(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==Os(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==Os(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===Os(i)?i:String(i)),r)}var o,i}function js(){return js="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=Ts(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},js.apply(this,arguments)}function Ts(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Rs(t)););return t}function Ns(t,e){return Ns=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Ns(t,e)}function Ms(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Rs(t);if(e){var o=Rs(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Ls(this,n)}}function Ls(t,e){if(e&&("object"===Os(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function Rs(t){return Rs=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Rs(t)}gt("pl-controls")(xs=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Ns(t,e)}(i,t);var e,n,r,o=Ms(i);function i(){return Bs(this,i),o.apply(this,arguments)}return e=i,(n=[{key:"connectedCallback",value:function(){js(Rs(i.prototype),"connectedCallback",this)&&js(Rs(i.prototype),"connectedCallback",this).call(this),Es.use()}},{key:"disconnectedCallback",value:function(){js(Rs(i.prototype),"disconnectedCallback",this)&&js(Rs(i.prototype),"disconnectedCallback",this).call(this),Es.unuse()}},{key:"render",value:function(){return(0,D.dy)(ks||(t=['\n      <div class="pl-c-controls">\n        <pl-viewport-size></pl-viewport-size>\n        <pl-viewport-sizes></pl-viewport-sizes>\n        <pl-tools-menu></pl-tools-menu>\n      </div>\n    '],e||(e=t.slice(0)),ks=Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))));var t,e}}])&&Ps(e.prototype,n),r&&Ps(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(Me));var Ds=new WeakMap,qs=(0,D.XM)((function(t){return function(e){if(!(e instanceof D._l)||e instanceof D.sL||"style"!==e.committer.name||e.committer.parts.length>1)throw new Error("The `styleMap` directive must be used in the style attribute and must be the only part in the attribute.");var n=e.committer,r=n.element.style,o=Ds.get(e);for(var i in void 0===o&&(r.cssText=n.strings.join(" "),Ds.set(e,o=new Set)),o.forEach((function(e){e in t||(o.delete(e),-1===e.indexOf("-")?r[e]=null:r.removeProperty(e))})),t)o.add(i),-1===i.indexOf("-")?r[i]=t[i]:r.setProperty(i,t[i])}}));function Is(t){return Is="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Is(t)}function Us(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(!t)return;if("string"==typeof t)return zs(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return zs(t,e)}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,s=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return a=t.done,t},e:function(t){s=!0,i=t},f:function(){try{a||null==n.return||n.return()}finally{if(s)throw i}}}}function zs(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function Hs(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==Is(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==Is(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===Is(i)?i:String(i)),r)}var o,i}var Fs=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.classes=new Set,this.changed=!1,this.element=e;var n,r=Us((e.getAttribute("class")||"").split(/\s+/));try{for(r.s();!(n=r.n()).done;){var o=n.value;this.classes.add(o)}}catch(i){r.e(i)}finally{r.f()}}var e,n,r;return e=t,(n=[{key:"add",value:function(t){this.classes.add(t),this.changed=!0}},{key:"remove",value:function(t){this.classes.delete(t),this.changed=!0}},{key:"commit",value:function(){if(this.changed){var t="";this.classes.forEach((function(e){return t+=e+" "})),this.element.setAttribute("class",t)}}}])&&Hs(e.prototype,n),r&&Hs(e,r),Object.defineProperty(e,"prototype",{writable:!1}),t}(),Vs=new WeakMap,Ws=(0,D.XM)((function(t){return function(e){if(!(e instanceof D._l)||e instanceof D.sL||"class"!==e.committer.name||e.committer.parts.length>1)throw new Error("The `classMap` directive must be used in the `class` attribute and must be the only part in the attribute.");var n=e.committer,r=n.element,o=Vs.get(e);void 0===o&&(r.setAttribute("class",n.strings.join(" ")),Vs.set(e,o=new Set));var i=r.classList||new Fs(r);for(var a in o.forEach((function(e){e in t||(i.remove(e),o.delete(e))})),t){var s=t[a];s!=o.has(a)&&(s?(i.add(a),o.add(a)):(i.remove(a),o.delete(a)))}"function"==typeof i.commit&&i.commit()}})),Ys=__webpack_require__(300),Zs={};Ys.Z&&Ys.Z.locals&&(Zs.locals=Ys.Z.locals);var Gs,Ks=0,Js={};Js.setAttributes=Xr(),Js.insert=Jr().bind(null,"head"),Js.domAPI=Gr(),Js.insertStyleElement=to(),Zs.use=function(t){return Js.options=t||{},Ks++||(Gs=Yr()(Ys.Z,Js)),Zs},Zs.unuse=function(){Ks>0&&!--Ks&&(Gs(),Gs=null)};var Qs,Xs,$s=Zs;function tc(t){return tc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},tc(t)}function ec(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==tc(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==tc(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===tc(i)?i:String(i)),r)}var o,i}function nc(){return nc="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=rc(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},nc.apply(this,arguments)}function rc(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=cc(t)););return t}function oc(t,e){return oc=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},oc(t,e)}function ic(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=cc(t);if(e){var o=cc(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return ac(this,n)}}function ac(t,e){if(e&&("object"===tc(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return sc(t)}function sc(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function cc(t){return cc=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},cc(t)}gt("pl-drawer")(Qs=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&oc(t,e)}(i,t);var e,n,r,o=ic(i);function i(){var t;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),(t=o.call(this)).onMouseDown=t.onMouseDown.bind(sc(t)),t.onMouseUp=t.onMouseUp.bind(sc(t)),t.onMouseMove=t.onMouseMove.bind(sc(t)),t}return e=i,n=[{key:"connectedCallback",value:function(){var t=this;$s.use(),nc(cc(i.prototype),"connectedCallback",this)&&nc(cc(i.prototype),"connectedCallback",this).call(this),this.__storeUnsubscribe=R.h.subscribe((function(){return t._stateChanged(R.h.getState())})),this._stateChanged(R.h.getState())}},{key:"disconnectedCallback",value:function(){$s.unuse(),this.__storeUnsubscribe&&this.__storeUnsubscribe(),nc(cc(i.prototype),"disconnectedCallback",this)&&nc(cc(i.prototype),"disconnectedCallback",this).call(this)}},{key:"createRenderRoot",value:function(){return this}},{key:"onMouseDown",value:function(){this.isMouseDown=!0,R.h.dispatch((0,Ai.ct)(!0)),document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp)}},{key:"onMouseMove",value:function(t){var e=t.targetTouches?t.targetTouches[0].clientY:t.clientY,n=window.innerHeight-e+28;this.drawerHeight=n}},{key:"onMouseUp",value:function(){this.isMouseDown=!1,document.removeEventListener("mousemove",this.onMouseMove),document.removeEventListener("mouseup",this.onMouseUp),R.h.dispatch((0,Ai.tx)(this.drawerHeight)),R.h.dispatch((0,Ai.ct)(!1))}},{key:"render",value:function(){var t,e,n={"pl-c-drawer":!0,"pl-js-drawer":!0,"pl-is-active":this.drawerOpened&&!this.isViewallPage},r=this.drawerOpened&&!this.isViewallPage?this.drawerHeight>20?this.drawerHeight:300:0,o={height:"".concat(r,"px"),transitionDuration:this.isMouseDown?"0ms":"300ms"};return(0,D.dy)(Xs||(t=['\n      <div>\n        <div class="pl-c-drawer__cover" ?hidden="','"></div>\n        <div style="','" class="pl-c-drawer__wrapper">\n          <div class="pl-c-drawer__resizer" @mousedown="','">\n            <svg\n              viewBox="0 0 20 20"\n              preserveAspectRatio="xMidYMid"\n              focusable="false"\n              class="pl-c-drawer__resizer-icon"\n            >\n              <title>Drag to resize Pattern Lab Drawer</title>\n              <path d="M6 0h2v20H6zM13 0h2v20h-2z" />\n            </svg>\n          </div>\n          <div class="','">\n            <div class="pl-c-drawer__toolbar">\n              <div class="pl-c-drawer__toolbar-controls">\n                <pl-toggle-layout\n                  size="small"\n                  icon-only="true"\n                ></pl-toggle-layout>\n\n                <pl-button\n                  title="Hide pattern info"\n                  title="Menu"\n                  size="small"\n                  icon-only="true"\n                  @click="','"\n                >\n                  <pl-icon\n                    slot="after"\n                    name="close"\n                    aria-hidden="true"\n                  ></pl-icon>\n                </pl-button>\n              </div>\n            </div>\n            <div class="pl-c-drawer__content pl-js-drawer-content">\n              <div\n                class="pl-c-loader-wrapper pl-c-body--theme-','"\n              >\n                <div class="pl-c-loader">\n                  <div class="pl-c-loader__content">\n                    <div class="pl-c-loader__message">Loading Code Panel</div>\n                    <div class="pl-c-loader__spinner">\n                      <svg\n                        class="pl-c-loader-svg"\n                        viewBox="0 0 268 255"\n                        aria-hidden="true"\n                      >\n                        <circle\n                          class="pl-c-loader-svg__outer-circle"\n                          cx="134.2"\n                          cy="127.6"\n                          r="115.1"\n                        />\n                        <circle\n                          class="pl-c-loader-svg__inner-circle"\n                          cx="134.2"\n                          cy="127.6"\n                          r="66.3"\n                        />\n                        <path\n                          class="pl-c-loader-svg__electron"\n                          d="M253,56.3c0,15.6-12.6,28.2-28.2,28.2s-28.2-12.6-28.2-28.2s12.6-28.2,28.2-28.2C240.3,28.1,253,40.7,253,56.3z"\n                        />\n                      </svg>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    '],e||(e=t.slice(0)),Xs=Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))),!this.isMouseDown,qs(o),this.onMouseDown,Ws(n),(function(t){return R.h.dispatch((0,Ai.aw)(!1))}),this.themeMode)}},{key:"_stateChanged",value:function(t){this.themeMode!==t.app.themeMode&&(this.themeMode=t.app.themeMode||"dark"),this.drawerOpened!==t.app.drawerOpened&&(this.drawerOpened=t.app.drawerOpened),this.drawerHeight!==t.app.drawerHeight&&(this.drawerHeight=t.app.drawerHeight),this.isDragging!==t.app.isDragging&&(this.isDragging=t.app.isDragging),this.isViewallPage!==t.app.isViewallPage&&(this.isViewallPage=t.app.isViewallPage)}}],r=[{key:"properties",get:function(){return{drawerOpened:{attribute:!0,type:Boolean},drawerHeight:{attribute:!0,type:Number},isViewallPage:{attribute:!0,type:Boolean},isMouseDown:{attribute:!0,type:Boolean}}}}],n&&ec(e.prototype,n),r&&ec(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(Lt));var lc=__webpack_require__(301),uc={};lc.Z&&lc.Z.locals&&(uc.locals=lc.Z.locals);var fc,pc=0,dc={};dc.setAttributes=Xr(),dc.insert=Jr().bind(null,"head"),dc.domAPI=Gr(),dc.insertStyleElement=to(),uc.use=function(t){return dc.options=t||{},pc++||(fc=Yr()(lc.Z,dc)),uc},uc.unuse=function(){pc>0&&!--pc&&(fc(),fc=null)};var hc,yc,mc,vc=uc;function gc(t){return gc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},gc(t)}function bc(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function _c(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==gc(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==gc(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===gc(i)?i:String(i)),r)}var o,i}function Ac(){return Ac="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=wc(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},Ac.apply(this,arguments)}function wc(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Ec(t)););return t}function Cc(t,e){return Cc=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Cc(t,e)}function Sc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ec(t);if(e){var o=Ec(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return xc(this,n)}}function xc(t,e){if(e&&("object"===gc(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return kc(t)}function kc(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Ec(t){return Ec=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Ec(t)}gt("pl-header")(hc=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Cc(t,e)}(i,t);var e,n,r,o=Sc(i);function i(){var t;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),(t=o.call(this))._wasInitiallyRendered=!1,t.receiveIframeMessage=t.receiveIframeMessage.bind(kc(t)),t.handleExternalClicks=t.handleExternalClicks.bind(kc(t)),t.toggleNav=t.toggleNav.bind(kc(t)),t}return e=i,n=[{key:"connectedCallback",value:function(){var t=this;Ac(Ec(i.prototype),"connectedCallback",this)&&Ac(Ec(i.prototype),"connectedCallback",this).call(this),vc.use();var e=R.h.getState();this.currentPattern=e.app.currentPattern||"",this.themeMode=e.app.themeMode||"dark",window.addEventListener("message",this.receiveIframeMessage,!1),document.addEventListener("click",this.handleExternalClicks),Re()(this).bind("esc",(function(){window.innerWidth<=670&&(t.isActive=!1)}))}},{key:"disconnectedCallback",value:function(){Ac(Ec(i.prototype),"disconnectedCallback",this)&&Ac(Ec(i.prototype),"disconnectedCallback",this).call(this),vc.unuse(),window.removeEventListener("message",this.receiveIframeMessage),document.removeEventListener("click",this.handleExternalClicks)}},{key:"_stateChanged",value:function(t){this.themeMode!==t.app.themeMode&&(this.themeMode=t.app.themeMode||"dark"),this.currentPattern!==t.app.currentPattern&&(!0===this.isActive&&(this.isActive=!1),this.currentPattern=t.app.currentPattern)}},{key:"handleExternalClicks",value:function(t){window.innerWidth<=670&&(t.target===this.navToggle||t.target.closest(".pl-js-nav-container")||t.target.closest("pl-toggle-layout")||!0!==this.isActive||(this.isActive=!1))}},{key:"firstUpdated",value:function(){this.navToggle=this.renderRoot.querySelector(".pl-js-nav-trigger"),this.navTarget=this.querySelector(".pl-js-nav-target"),window.__PRERENDER_INJECTED||(this._wasInitiallyRendered=!0)}},{key:"toggleNav",value:function(){this.isActive=!this.isActive}},{key:"render",value:function(){var t,e,n,r,o,i,a,s,c,l,u,f,p,d,h,y,m,v,g,b,_,A,w,C,S,x,k,E,O,B,P,j,T,N,M,L,R,q;return(0,D.dy)(yc||(yc=bc(['\n      <header class="pl-c-header" role="banner">\n        <button\n          class="pl-c-header__nav-toggle pl-js-nav-trigger"\n          @click="','"\n          type="button"\n        >\n          <pl-icon\n            name="','"\n            height="20"\n            width="20"\n            fill="currentColor"\n            aria-hidden="true"\n          ></pl-icon>\n          <span class="is-vishidden">Toggle Menu</span>\n        </button>\n\n        ','\n\n        <nav\n          class="pl-c-nav pl-js-nav-target pl-js-nav-container ','"\n          role="navigation"\n        >\n          <pl-search max-results="10" placeholder="Find a Pattern"></pl-search>\n          <pl-nav></pl-nav>\n        </nav>\n        <pl-controls></pl-controls>\n      </header>\n    '])),this.toggleNav,this.isActive?"close":"menu",!1!==(null===(t=window.config)||void 0===t||null===(e=t.theme)||void 0===e?void 0:e.logo)?(0,D.dy)(mc||(mc=bc(['\n              <pl-logo\n                src-light="','"\n                src-dark="','"\n                url="','"\n                alt-text="','"\n                theme="','"\n                width="','"\n                height="','"\n                text="','"\n              ></pl-logo>\n            '])),(null===(n=window.config)||void 0===n||null===(r=n.theme)||void 0===r||null===(o=r.logo)||void 0===o?void 0:o.srcLight)||"styleguide/images/pattern-lab-logo--on-light.svg",(null===(i=window.config)||void 0===i||null===(a=i.theme)||void 0===a||null===(s=a.logo)||void 0===s?void 0:s.srcDark)||"styleguide/images/pattern-lab-logo--on-dark.svg",""===(null===(c=window.config)||void 0===c||null===(l=c.theme)||void 0===l||null===(u=l.logo)||void 0===u?void 0:u.url)||"none"===(null===(f=window.config)||void 0===f||null===(p=f.theme)||void 0===p||null===(d=p.logo)||void 0===d?void 0:d.url)?"":(null===(h=window.config)||void 0===h||null===(y=h.theme)||void 0===y||null===(m=y.logo)||void 0===m?void 0:m.url)||"./",(null===(v=window.config)||void 0===v||null===(g=v.theme)||void 0===g||null===(b=g.logo)||void 0===b?void 0:b.altText)||"",this.themeMode,Zo(null===(_=window.config)||void 0===_||null===(A=_.theme)||void 0===A||null===(w=A.logo)||void 0===w?void 0:w.width),Zo(null===(C=window.config)||void 0===C||null===(S=C.theme)||void 0===S||null===(x=S.logo)||void 0===x?void 0:x.height),""===(null===(k=window.config)||void 0===k||null===(E=k.theme)||void 0===E||null===(O=E.logo)||void 0===O?void 0:O.text)||!1===(null===(B=window.config)||void 0===B||null===(P=B.theme)||void 0===P||null===(j=P.logo)||void 0===j?void 0:j.text)||"none"===(null===(T=window.config)||void 0===T||null===(N=T.theme)||void 0===N||null===(M=N.logo)||void 0===M?void 0:M.text)?"":(null===(L=window.config)||void 0===L||null===(R=L.theme)||void 0===R||null===(q=R.logo)||void 0===q?void 0:q.text)||"Pattern Lab"):"",this.isActive?"pl-is-active":"")}},{key:"receiveIframeMessage",value:function(t){var e=(0,Ze.Kz)(t);if(void 0!==e.event&&"patternLab.pageClick"===e.event)try{(window.innerWidth<=670||window.innerWidth>=670&&"vertical"!==this.layoutMode)&&(this.isActive=!1)}catch(n){console.log(n)}}}],r=[{key:"properties",get:function(){return{themeMode:String,isActive:Boolean,currentPattern:String}}}],n&&_c(e.prototype,n),r&&_c(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(Me));var Oc=__webpack_require__(302),Bc={};Oc.Z&&Oc.Z.locals&&(Bc.locals=Oc.Z.locals);var Pc,jc=0,Tc={};Tc.setAttributes=Xr(),Tc.insert=Jr().bind(null,"head"),Tc.domAPI=Gr(),Tc.insertStyleElement=to(),Bc.use=function(t){return Tc.options=t||{},jc++||(Pc=Yr()(Oc.Z,Tc)),Bc},Bc.unuse=function(){jc>0&&!--jc&&(Pc(),Pc=null)};var Nc=Bc,Mc=__webpack_require__(303),Lc={};Mc.Z&&Mc.Z.locals&&(Lc.locals=Mc.Z.locals);var Rc,Dc=0,qc={};qc.setAttributes=Xr(),qc.insert=Jr().bind(null,"head"),qc.domAPI=Gr(),qc.insertStyleElement=to(),Lc.use=function(t){return qc.options=t||{},Dc++||(Rc=Yr()(Mc.Z,qc)),Lc},Lc.unuse=function(){Dc>0&&!--Dc&&(Rc(),Rc=null)};var Ic,Uc,zc=Lc;function Hc(t){return Hc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Hc(t)}function Fc(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==Hc(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==Hc(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===Hc(i)?i:String(i)),r)}var o,i}function Vc(){return Vc="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=Wc(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},Vc.apply(this,arguments)}function Wc(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Jc(t)););return t}function Yc(t,e){return Yc=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Yc(t,e)}function Zc(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Jc(t);if(e){var o=Jc(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Gc(this,n)}}function Gc(t,e){if(e&&("object"===Hc(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return Kc(t)}function Kc(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Jc(t){return Jc=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Jc(t)}var Qc=!1,Xc=(gt("pl-iframe")(Ic=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Yc(t,e)}(i,t);var e,n,r,o=Zc(i);function i(){var t;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),(t=o.call(this)).handlePageChange=t.handlePageChange.bind(Kc(t)),t.handlePageLoad=t.handlePageLoad.bind(Kc(t)),t.receiveIframeMessage=t.receiveIframeMessage.bind(Kc(t)),t.handleResize=t.handleResize.bind(Kc(t)),t.handleMouseDown=t.handleMouseDown.bind(Kc(t)),t.handleIframe404=t.handleIframe404.bind(Kc(t)),t}return e=i,n=[{key:"connectedCallback",value:function(){Vc(Jc(i.prototype),"connectedCallback",this)&&Vc(Jc(i.prototype),"connectedCallback",this).call(this),Nc.use(),zc.use(),this.defaultPattern=window.config&&window.config.defaultPattern?window.config.defaultPattern:"all",this.defaultIframeUrl=Ze.I.getFileName(this.defaultPattern),!1===Qc&&(Qc=!0,document.addEventListener("patternPartial",this.handlePageLoad),window.addEventListener("popstate",this.handlePageChange));var t=R.h.getState();this.themeMode=t.app.themeMode||"dark",this.isViewallPage=t.app.isViewallPage||!1,this.currentPattern=t.app.currentPattern||"",this.layoutMode=t.app.layoutMode,t.app.viewportPx&&this.sizeiframe(t.app.viewportPx,!1),window.addEventListener("message",this.receiveIframeMessage,!1),window.addEventListener("resize",this.handleResize),this.handleOrientationChange(),this.iframe404Fallback='\n      <div\n        class="pl-c-loader-wrapper pl-c-body--theme-'.concat(this.themeMode,'"\n      >\n        <div class="pl-c-loader">\n          <div class="pl-c-loader__content">\n            <div class="pl-c-loader__message">\n              <h1>Oh snap, a 404!</h1>\n              <p>You might want to double-check to see if the page you\'re looking for has moved or if your URL is correct.</p>\n              <p>Alternatively, <a href="/').concat(this.defaultIframeUrl,'">click here</a> to head back to the default Pattern Lab page!</p>\n            </div>\n          </div>\n        </div>\n      </div>\n    '),this._hasInitiallyRendered=!1,this.fullMode=!0,this.viewportResizeHandleWidth=22,this.bodySize=void 0!==window.config.ishFontSize?parseInt(window.config.ishFontSize,10):parseInt(window.getComputedStyle(document.body,null).getPropertyValue("font-size"),10),this.baseIframePath=window.location.protocol+"//"+window.location.host+window.location.pathname.replace("index.html",""),this.defaultIframePath=this.baseIframePath+"?p=components-overview"}},{key:"disconnectedCallback",value:function(){Vc(Jc(i.prototype),"disconnectedCallback",this)&&Vc(Jc(i.prototype),"disconnectedCallback",this).call(this),Nc.unuse(),zc.unuse()}},{key:"sanitizePatternName",value:function(t){return Ze.I.getFileName(t)?t:!document.querySelector('[data-patternpartial="'.concat(t,'"]'))&&t?t.replace(/[-][0-9][0-9]/g,""):t}},{key:"getPatternParam",value:function(){var t=window.location.search,e=new URLSearchParams(t).get("p");return null===e?this.defaultPattern:this.sanitizePatternName(e)}},{key:"handlePageLoad",value:function(t){var e=this.getPatternParam();if(e){document.title="Pattern Lab - "+e;var n="file:"===window.location.protocol?null:window.location.protocol+"//"+window.location.host+(window.config.noIndexHtmlremoval?window.location.pathname:window.location.pathname.replace("index.html",""))+"?p="+e;!0===this.dontWipeBrowserHistory?(window.history.replaceState({currentPattern:e},null,n),this.dontWipeBrowserHistory=!1):window.history.pushState({currentPattern:e},null,n)}}},{key:"handlePageChange",value:function(t){var e;null!=t&&null!==(e=t.state)&&void 0!==e&&e.currentPattern?this.navigateTo(t.state.currentPattern):this.navigateTo(this.getPatternParam())}},{key:"sizeiframe",value:function(t,e){var n,r=this;if(this.iframe){!0===e&&(this.iframeContainer.classList.add("is-animating"),this.iframe.classList.add("is-animating")),n=t<Ze.Di?t:Ze.Di,t<Ze.JA&&(n=Ze.JA),n>this.clientWidth&&(n=this.clientWidth),this.iframeContainer.style.width=n+"px",setTimeout((function(){!0===e&&(r.iframeContainer.classList.remove("is-animating"),r.iframe.classList.remove("is-animating"))}),800);var o="file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,i=JSON.stringify({event:"patternLab.resize",resize:"true"});this._hasInitiallyRendered&&this.iframe.contentWindow.postMessage(i,o),this.updateSizeReading(n)}}},{key:"handleOrientationChange",value:function(){var t=this;void 0!==window.orientation&&(this.origOrientation=window.orientation,window.addEventListener("orientationchange",(function(){if(window.orientation!==this.origOrientation){var e=window.innerWidth;t.iframeContainer.style.width=e,t.iframe.style.width=e,t.updateSizeReading(e),this.origOrientation=window.orientation}}),!1))}},{key:"handleResize",value:function(){this.updateSizeReading(this.iframeContainer.clientWidth)}},{key:"updateSizeReading",value:function(t,e,n){var r,o;0!==t&&("em"===e?(r=t,o=Math.floor(t*this.bodySize)):(o=t,r=t/this.bodySize),"updatePxInput"===n?R.h.dispatch((0,Ai.C)(o)):("updateEmInput"===n||R.h.dispatch((0,Ai.C)(o)),R.h.dispatch((0,Ai.j)(r.toFixed(2)))))}},{key:"_stateChanged",value:function(t){this._hasInitiallyRendered&&(t.app.viewportPx?this.sizeiframe(t.app.viewportPx,!1):this.sizeiframe(this.iframe.clientWidth,!1)),this.layoutMode!==t.app.layoutMode&&(this.layoutMode=t.app.layoutMode,this.iframeContainer&&this.updateSizeReading(this.iframeContainer.clientWidth))}},{key:"navigateTo",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Ze.sk,e=this.sanitizePatternName(t),n=Ze.I.getFileName(e);n&&(this.iFramePath=""!==n?this.baseIframePath+n+"?"+Date.now():this.defaultIframePath,this.dontWipeBrowserHistory=!0,document.querySelector(".pl-js-iframe").contentWindow.location.replace(this.iFramePath))}},{key:"firstUpdated",value:function(){var t=this;this.iframe=this.querySelector(".pl-js-iframe"),this.iframeContainer=this.querySelector(".pl-js-vp-iframe-container"),this.iframeCover=this.querySelector(".pl-js-viewport-cover"),this.updateSizeReading(this.iframeContainer.clientWidth);var e=function(){setTimeout((function(){t.handleIframe404()}),0)},n=function(){t.iframe.contentWindow&&(t.iframe.contentWindow.removeEventListener("unload",e),t.iframe.contentWindow.addEventListener("unload",e))};this.iframe.addEventListener("load",n),n()}},{key:"handleIframe404",value:function(){var t=this;setTimeout((function(){var e,n,r,o,i,a,s;(null!==(e=t.iframe)&&void 0!==e&&null!==(n=e.contentWindow)&&void 0!==n&&null!==(r=n.document)&&void 0!==r&&null!==(o=r.body)&&void 0!==o&&o.textContent.includes("Cannot GET")||null!==(i=t.iframe)&&void 0!==i&&null!==(a=i.contentWindow)&&void 0!==a&&null!==(s=a.document)&&void 0!==s&&s.title.includes("Error"))&&(t.iframe.contentWindow.document.body.innerHTML=t.iframe404Fallback)}),100)}},{key:"render",value:function(){var t,e,n=Ze.I.getFileName(this.getPatternParam()),r=!window.config.defaultInitialViewportWidth&&R.h.getState().app.viewportPx&&R.h.getState().app.viewportPx<=this.clientWidth?R.h.getState().app.viewportPx+"px;":"100%";return(0,D.dy)(Uc||(t=['\n      <div class="pl-c-viewport pl-js-viewport">\n        <div class="pl-c-viewport__cover pl-js-viewport-cover" hidden></div>\n        <div\n          class="pl-c-viewport__iframe-wrapper pl-js-vp-iframe-container"\n          style="width: ','"\n        >\n          <iframe\n            class="pl-c-viewport__iframe pl-js-iframe pl-c-body--theme-','"\n            src=',"\n            srcdoc=",'\n            title="Pattern details"\n          ></iframe>\n\n          <div class="pl-c-viewport__resizer pl-js-resize-container">\n            <div\n              class="pl-c-viewport__resizer-handle pl-js-resize-handle"\n              @mousedown="','"\n            >\n              <svg\n                viewBox="0 0 20 20"\n                preserveAspectRatio="xMidYMid"\n                focusable="false"\n                class="pl-c-viewport__resizer-handle-icon"\n              >\n                <title>Drag to resize Pattern Lab</title>\n                <path d="M6 0h2v20H6zM13 0h2v20h-2z" />\n              </svg>\n            </div>\n          </div>\n        </div>\n      </div>\n    '],e||(e=t.slice(0)),Uc=Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))),r,this.themeMode,Zo(""===n?void 0:n),Zo(""===n?this.iframe404Fallback:void 0),this.handleMouseDown)}},{key:"handleMouseDown",value:function(t){var e=this;e.querySelector(".pl-js-resize-handle").classList.add("is-resizing");var n=t.clientX,r=this.iframeContainer.clientWidth;function o(t){var o=r+2*(t.clientX-n);o>Ze.JA&&o<Ze.Di?e.sizeiframe(o,!1):o>Ze.Di?e.sizeiframe(Ze.Di,!1):e.sizeiframe(Ze.JA,!1)}return this.fullMode=!1,this.iframeCover.hidden=!1,this.iframeCover.addEventListener("mousemove",o),document.body.addEventListener("mouseup",(function(){e.iframeCover.removeEventListener("mousemove",o),e.iframeCover.hidden=!0,e.querySelector(".pl-js-resize-handle").classList.remove("is-resizing")}),{once:!0}),!1}},{key:"receiveIframeMessage",value:function(t){var e=(0,Ze.Kz)(t);if(void 0!==e.event&&"patternLab.pageLoad"===e.event)try{var n=this.sanitizePatternName(e.patternpartial)||this.getPatternParam();document.title="Pattern Lab - "+n;var r="file:"===window.location.protocol?null:window.location.protocol+"//"+window.location.host+(window.config.noIndexHtmlremoval?window.location.pathname:window.location.pathname.replace("index.html",""))+"?p="+n;window.history.replaceState({currentPattern:n},null,r);var o=Ze.I.getFileName(n);o&&R.h.dispatch((0,Ai.fk)(o)),R.h.dispatch((0,Ai.X0)(n))}catch(i){console.log(i)}}}],n&&Fc(e.prototype,n),r&&Fc(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(Me)),__webpack_require__(304)),$c={};Xc.Z&&Xc.Z.locals&&($c.locals=Xc.Z.locals);var tl,el=0,nl={};nl.setAttributes=Xr(),nl.insert=Jr().bind(null,"head"),nl.domAPI=Gr(),nl.insertStyleElement=to(),$c.use=function(t){return nl.options=t||{},el++||(tl=Yr()(Xc.Z,nl)),$c},$c.unuse=function(){el>0&&!--el&&(tl(),tl=null)};var rl,ol,il,al,sl=$c;function cl(t){return cl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},cl(t)}function ll(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function ul(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==cl(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==cl(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===cl(i)?i:String(i)),r)}var o,i}function fl(){return fl="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=pl(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},fl.apply(this,arguments)}function pl(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=vl(t)););return t}function dl(t,e){return dl=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},dl(t,e)}function hl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=vl(t);if(e){var o=vl(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return yl(this,n)}}function yl(t,e){if(e&&("object"===cl(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return ml(t)}function ml(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function vl(t){return vl=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},vl(t)}gt("pl-tools-menu")(rl=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&dl(t,e)}(i,t);var e,n,r,o=hl(i);function i(){var t;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),(t=o.call(this)).handleClick=t.handleClick.bind(ml(t)),t.receiveIframeMessage=t.receiveIframeMessage.bind(ml(t)),t.handleExternalClicks=t.handleExternalClicks.bind(ml(t)),t}return e=i,n=[{key:"_stateChanged",value:function(t){this.currentUrl!==t.app.currentUrl&&(this.currentUrl=t.app.currentUrl),this.layoutMode!==t.app.layoutMode&&(this.layoutMode=t.app.layoutMode||"vertical")}},{key:"connectedCallback",value:function(){var t=this;fl(vl(i.prototype),"connectedCallback",this)&&fl(vl(i.prototype),"connectedCallback",this).call(this),sl.use();var e=R.h.getState(),n=window.ishControls.ishControlsHide;this.currentUrl=e.app.currentUrl||"",this.ishControlsHide=n,window.addEventListener("message",this.receiveIframeMessage,!1),document.addEventListener("click",this.handleExternalClicks),Re()(this).bind("esc",(function(){t.close()}))}},{key:"disconnectedCallback",value:function(){fl(vl(i.prototype),"disconnectedCallback",this)&&fl(vl(i.prototype),"disconnectedCallback",this).call(this),sl.unuse(),document.removeEventListener("click",this.handleExternalClicks),window.removeEventListener("message",this.receiveIframeMessage)}},{key:"handleExternalClicks",value:function(t){window.innerWidth>=670&&"vertical"===this.layoutMode||this.contains(t.target)||!0!==this.isOpen||(this.isOpen=!1)}},{key:"close",value:function(){this.isOpen=!1}},{key:"toggle",value:function(){this.isOpen?this.close():this.open()}},{key:"open",value:function(){this.isOpen=!0}},{key:"handleClick",value:function(t){window.innerWidth>=670&&"vertical"===this.layoutMode||(t.preventDefault(),t.stopPropagation(),this.toggle())}},{key:"receiveIframeMessage",value:function(t){var e=(0,Ze.Kz)(t);if(void 0!==e.event&&"patternLab.pageClick"===e.event)try{this.isOpen=!1}catch(n){console.log(n)}}},{key:"render",value:function(){return window.innerWidth>=670&&"vertical"===this.layoutMode&&(this.isOpen=!0),(0,D.dy)(ol||(ol=ll(['\n      <div class="pl-c-tools">\n        <pl-button\n          icon-only\n          @click="','"\n          class="pl-c-tools__toggle"\n          title="Settings"\n        >\n          <pl-icon name="settings" slot="after" aria-hidden="true"></pl-icon>\n        </pl-button>\n        <ul\n          class="pl-c-tools__list pl-js-acc-panel ','"\n        >\n          <li class="pl-c-tools__item">\n            <pl-toggle-info></pl-toggle-info>\n          </li>\n\n          <li class="pl-c-tools__item">\n            <pl-toggle-layout text="Switch Layout"></pl-toggle-layout>\n          </li>\n          <li class="pl-c-tools__item">\n            <pl-toggle-theme></pl-toggle-theme>\n          </li>\n\n          ',"\n          ","\n        </ul>\n      </div>\n    "])),this.handleClick,this.isOpen?"is-open":"",this.ishControlsHide["views-new"]?"":(0,D.dy)(il||(il=ll(['\n                <li class="pl-c-tools__item">\n                  <pl-button\n                    href="','"\n                    target="_blank"\n                    class="pl-js-open-new-window"\n                  >\n                    Open In New Tab\n                    <pl-icon\n                      name="new-tab"\n                      slot="after"\n                      aria-hidden="true"\n                    ></pl-icon>\n                  </pl-button>\n                </li>\n              '])),this.currentUrl),this.ishControlsHide["tools-docs"]?"":(0,D.dy)(al||(al=ll(['\n                <li class="pl-c-tools__item">\n                  <pl-button href="https://patternlab.io" target="_blank">\n                    Pattern Lab Docs\n                    <pl-icon\n                      name="help"\n                      slot="after"\n                      aria-hidden="true"\n                    ></pl-icon>\n                  </pl-button>\n                </li>\n              ']))))}}],r=[{key:"properties",get:function(){return{isOpen:Boolean,layoutMode:String,currentUrl:String}}}],n&&ul(e.prototype,n),r&&ul(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(Me));var gl=__webpack_require__(305),bl={};gl.Z&&gl.Z.locals&&(bl.locals=gl.Z.locals);var _l,Al=0,wl={};wl.setAttributes=Xr(),wl.insert=Jr().bind(null,"head"),wl.domAPI=Gr(),wl.insertStyleElement=to(),bl.use=function(t){return wl.options=t||{},Al++||(_l=Yr()(gl.Z,wl)),bl},bl.unuse=function(){Al>0&&!--Al&&(_l(),_l=null)};var Cl,Sl,xl=bl;function kl(t){return kl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},kl(t)}function El(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(o=r.key,i=void 0,i=function(t,e){if("object"!==kl(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==kl(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===kl(i)?i:String(i)),r)}var o,i}function Ol(){return Ol="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=Bl(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},Ol.apply(this,arguments)}function Bl(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Ml(t)););return t}function Pl(t,e){return Pl=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Pl(t,e)}function jl(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=Ml(t);if(e){var o=Ml(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Tl(this,n)}}function Tl(t,e){if(e&&("object"===kl(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return Nl(t)}function Nl(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Ml(t){return Ml=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Ml(t)}r((Sl=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Pl(t,e)}(i,t);var e,n,r,o=jl(i);function i(){var t;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),(t=o.call(this)).sizes=Object.freeze({ZERO:"zero",SMALL:"small",MEDIUM:"medium",LARGE:"large",FULL:"full",RANDOM:"random",DISCO:"disco",HAY:"hay"}),t.discomode=!1,t.doscoId=null,t.hayMode=!1,t.hayId=null,t.layoutMode=null,t.tooltipPos=null,t.controlIsPressed=!1,t.altIsPressed=!1,t.resizeViewport=t.resizeViewport.bind(Nl(t)),t.useShadow=!1,t}return e=i,n=[{key:"_stateChanged",value:function(t){this.triggerUpdate(),this.layoutMode!==t.app.layoutMode&&(this.layoutMode=t.app.layoutMode||"vertical",this.tooltipPos="horizontal"===this.layoutMode?"bottom":"top")}},{key:"connectedCallback",value:function(){var t;Ol(Ml(i.prototype),"connectedCallback",this)&&Ol(Ml(i.prototype),"connectedCallback",this).call(this),xl.use(),R.h.getState();var e=(null===(t=window)||void 0===t?void 0:t.ishControls).ishControlsHide;this.ishControlsHide=e,document.removeEventListener("keydown",this.handleKeyDownEvent),document.removeEventListener("keyup",this.handleKeyCombination),document.addEventListener("keydown",this.handleKeyDownEvent.bind(this)),document.addEventListener("keyup",this.handleKeyCombination.bind(this)),this.receiveIframeMessage=this.receiveIframeMessage.bind(this),window.removeEventListener("message",this.receiveIframeMessage),window.addEventListener("message",this.receiveIframeMessage,!1)}},{key:"disconnectedCallback",value:function(){Ol(Ml(i.prototype),"disconnectedCallback",this)&&Ol(Ml(i.prototype),"disconnectedCallback",this).call(this),xl.unuse()}},{key:"shouldUpdate",value:function(t,e){return!0}},{key:"resizeViewport",value:function(t){if(this.iframe)switch(this.killDisco(),this.killHay(),t){case this.sizes.ZERO:this.iframe.fullMode=!1,this.iframe.sizeiframe(0,!0);case this.sizes.SMALL:this.iframe.fullMode=!1,this.iframe.sizeiframe((0,Ze.sZ)(Ze.JA,void 0!==window.config.ishViewportRange?parseInt(window.config.ishViewportRange.s[1],10):500),!0);break;case this.sizes.MEDIUM:this.iframe.fullMode=!1,this.iframe.sizeiframe((0,Ze.sZ)(void 0!==window.config.ishViewportRange?parseInt(window.config.ishViewportRange.m[0],10):500,void 0!==window.config.ishViewportRange?parseInt(window.config.ishViewportRange.m[1],10):800),!0);break;case this.sizes.LARGE:this.iframe.fullMode=!1,this.iframe.sizeiframe((0,Ze.sZ)(void 0!==window.config.ishViewportRange?parseInt(window.config.ishViewportRange.l[0],10):800,void 0!==window.config.ishViewportRange?parseInt(window.config.ishViewportRange.l[1],10):1e3),!0);break;case this.sizes.FULL:this.iframe.fullMode=!0,this.iframe.sizeiframe(Ze.Di,!0);break;case this.sizes.RANDOM:this.fullMode=!1,this.iframe.sizeiframe(this.getRangeRandomNumber(),!0);break;case this.sizes.DISCO:this.fullMode=!1,this.startDisco();break;case this.sizes.HAY:this.fullMode=!1,this.iframe.sizeiframe(Ze.JA,!0),this.startHay()}}},{key:"getRangeRandomNumber",value:function(){return(0,Ze.sZ)(Ze.JA,Ze.Di>this.iframe.clientWidth?this.iframe.clientWidth:Ze.Di)}},{key:"startDisco",value:function(){this.discoMode=!0,this.discoId=setInterval(this.disco.bind(this),1e3)}},{key:"killDisco",value:function(){this.discoMode=!1,clearInterval(this.discoId),this.discoID=null}},{key:"disco",value:function(){this.iframe.sizeiframe(this.getRangeRandomNumber(),!0)}},{key:"startHay",value:function(){this.hayMode=!0,this.hayId=setInterval(this.hay.bind(this),100)}},{key:"killHay",value:function(){this.hayMode=!1,clearInterval(this.hayId),this.hayId=null}},{key:"hay",value:function(){this.iframe.sizeiframe(R.h.getState().app.viewportPx+1,!0)}},{key:"handleKeyDownEvent",value:function(t){"Control"===t.key&&(this.controlIsPressed=!0),"Alt"===t.key&&(this.altIsPressed=!0)}},{key:"handleKeyCombination",value:function(t){var e=this.controlIsPressed,n=this.altIsPressed;e&&n&&("Digit0"===t.code||"Numpad0"===t.code)?this.resizeViewport(this.sizes.ZERO):e&&n&&"KeyS"===t.code?this.resizeViewport(this.sizes.SMALL):e&&n&&"KeyM"===t.code?this.resizeViewport(this.sizes.MEDIUM):e&&n&&"KeyL"===t.code?this.resizeViewport(this.sizes.LARGE):e&&n&&"KeyF"===t.code?this.resizeViewport(this.sizes.FULL):e&&n&&"KeyR"===t.code?this.resizeViewport(this.sizes.RANDOM):e&&n&&"KeyD"===t.code?this.resizeViewport(this.sizes.DISCO):e&&n&&"KeyH"===t.code&&this.resizeViewport(this.sizes.HAY),"Control"===t.key&&(this.controlIsPressed=!1),"Alt"===t.key&&(this.altIsPressed=!1)}},{key:"receiveIframeMessage",value:function(t){var e=(0,Ze.Kz)(t);e.event&&"patternLab.iframeKeyDownEvent"===e.event?this.handleKeyDownEvent(e):e.event&&"patternLab.iframeKeyUpEvent"===e.event&&this.handleKeyCombination(e)}},{key:"rendered",value:function(){this.iframe=document.querySelector("pl-iframe"),this.iframeElem=document.querySelector("pl-iframe iframe")}},{key:"render",value:function(){var t,e,n,r,o,i,a,s=this;return(0,L.h)("ul",{class:"pl-c-size-list"},!(null!==(t=this.ishControlsHide)&&void 0!==t&&t.s)&&(0,L.h)("li",{class:"pl-c-size-list__item"},(0,L.h)("pl-tooltip",{message:"Small",position:this.tooltipPos},(0,L.h)("button",{slot:"default",class:"pl-c-size-list__action",onClick:function(){return s.resizeViewport(s.sizes.SMALL)},dangerouslySetInnerHTML:{__html:'\n                      <span class="is-vishidden">Resize viewport to small</span>\n                      <pl-icon name="phone" aria-hidden="true"></pl-icon>\n                    '},type:"button"}))),!(null!==(e=this.ishControlsHide)&&void 0!==e&&e.m)&&(0,L.h)("li",{class:"pl-c-size-list__item"},(0,L.h)("pl-tooltip",{message:"Medium",position:this.tooltipPos},(0,L.h)("button",{slot:"default",class:"pl-c-size-list__action",onClick:function(){return s.resizeViewport(s.sizes.MEDIUM)},dangerouslySetInnerHTML:{__html:'\n                      <span class="is-vishidden">Resize viewport to medium</span>\n                      <pl-icon name="tablet" aria-hidden="true"></pl-icon>\n                    '},type:"button"}))),!(null!==(n=this.ishControlsHide)&&void 0!==n&&n.l)&&(0,L.h)("li",{class:"pl-c-size-list__item"},(0,L.h)("pl-tooltip",{message:"Large",position:this.tooltipPos},(0,L.h)("button",{slot:"default",class:"pl-c-size-list__action",onClick:function(){return s.resizeViewport(s.sizes.LARGE)},dangerouslySetInnerHTML:{__html:'\n                      <span class="is-vishidden">Resize viewport to large</span>\n                      <pl-icon name="laptop" aria-hidden="true"></pl-icon>\n                    '},type:"button"}))),!(null!==(r=this.ishControlsHide)&&void 0!==r&&r.full)&&(0,L.h)("li",{class:"pl-c-size-list__item"},(0,L.h)("pl-tooltip",{message:"Full",position:this.tooltipPos},(0,L.h)("button",{slot:"default",class:"pl-c-size-list__action",onClick:function(){return s.resizeViewport(s.sizes.FULL)},dangerouslySetInnerHTML:{__html:'\n                      <span class="is-vishidden">Resize viewport to full</span>\n                      <pl-icon name="desktop" aria-hidden="true"></pl-icon>\n                    '},type:"button"}))),!(null!==(o=this.ishControlsHide)&&void 0!==o&&o.random)&&(0,L.h)("li",{class:"pl-c-size-list__item"},(0,L.h)("pl-tooltip",{message:"Random",position:this.tooltipPos},(0,L.h)("button",{slot:"default",class:"pl-c-size-list__action",onClick:function(){return s.resizeViewport(s.sizes.RANDOM)},dangerouslySetInnerHTML:{__html:'\n                      <span class="is-vishidden">Resize viewport to random</span>\n                      <pl-icon name="random" aria-hidden="true"></pl-icon>\n                    '},type:"button"}))),!(null!==(i=this.ishControlsHide)&&void 0!==i&&i.disco)&&(0,L.h)("li",{class:"pl-c-size-list__item"},(0,L.h)("pl-tooltip",{message:"Disco",position:this.tooltipPos},(0,L.h)("button",{slot:"default",class:"pl-c-size-list__action",onClick:function(){return s.resizeViewport(s.sizes.DISCO)},dangerouslySetInnerHTML:{__html:'\n                      <span class="is-vishidden">Resize viewport using disco mode!</span>\n                      <pl-icon name="disco-ball" aria-hidden="true"></pl-icon>\n                    '},type:"button"}))),!(null!==(a=this.ishControlsHide)&&void 0!==a&&a.hay)&&(0,L.h)("li",{class:"pl-c-size-list__item"},(0,L.h)("pl-tooltip",{message:"Hay",position:this.tooltipPos},(0,L.h)("button",{slot:"default",class:"pl-c-size-list__action",onClick:function(){return s.resizeViewport(s.sizes.HAY)},dangerouslySetInnerHTML:{__html:'\n                     <span class="is-vishidden">Resize viewport using hay mode!</span>\n                     <pl-icon name="hay" aria-hidden="true"></pl-icon>\n                   '},type:"button"}))))}}],n&&El(e.prototype,n),r&&El(e,r),Object.defineProperty(e,"prototype",{writable:!1}),i}(Ne),Sl.is="pl-viewport-sizes",Cl=Sl)),__webpack_require__(386);Promise.all([__webpack_require__.e(4),__webpack_require__.e(3)]).then(__webpack_require__.bind(__webpack_require__,392))}(),__webpack_exports__=__webpack_require__.O(__webpack_exports__)})();
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/patternlab-viewer.js.LICENSE.txt b/review/refactor-icon-update/styleguide/js/patternlab-viewer.js.LICENSE.txt
new file mode 100644
index 0000000000..5cb3b69a87
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/patternlab-viewer.js.LICENSE.txt
@@ -0,0 +1,125 @@
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+/*!
+  * $script.js JS loader & dependency manager
+  * https://github.com/ded/script.js
+  * (c) Dustin Diaz 2014 | License MIT
+  */
+
+/*!
+ * Basic postMessage Support
+ *
+ * Copyright (c) 2013-2016 Dave Olsen, http://dmolsen.com
+ * Licensed under the MIT license
+ *
+ * Handles the postMessage stuff in the pattern, view-all, and style guide templates.
+ *
+ */
+
+/*!
+ * EventEmitter v5.2.9 - git.io/ee
+ * Unlicense - http://unlicense.org/
+ * Oliver Caldwell - https://oli.me.uk/
+ * @preserve
+ */
+
+/*!
+ * The buffer module from node.js, for the browser.
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+
+/*!
+ * URL Handler
+ *
+ * Copyright (c) 2013-2014 Dave Olsen, http://dmolsen.com
+ * Licensed under the MIT license
+ *
+ * Helps handle the initial iFrame source. Parses a string to see if it matches
+ * an expected pattern in Pattern Lab. Supports Pattern Lab's fuzzy pattern partial
+ * matching style.
+ *
+ */
+
+/*!
+Copyright (C) 2015 by WebReflection
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+*/
+
+/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
+
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+
+/*! safe-buffer. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
+
+/**
+ * @license
+ * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ */
+
+/**
+ * @license
+ * Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ */
+
+/**
+@license
+Copyright (c) 2019 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at
+http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
+http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
+found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
+part of the polymer project is also subject to an additional IP rights grant
+found at http://polymer.github.io/PATENTS.txt
+*/
+
+/**
+@license @nocompile
+Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+*/
diff --git a/review/refactor-icon-update/styleguide/js/patternlab-viewer.modern.js b/review/refactor-icon-update/styleguide/js/patternlab-viewer.modern.js
new file mode 100644
index 0000000000..cc51512c70
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/patternlab-viewer.modern.js
@@ -0,0 +1,333 @@
+/*! For license information please see patternlab-viewer.modern.js.LICENSE.txt */
+(function(){var __webpack_modules__=[function(e,t,n){e.exports=function(){"use strict";var e=function(e){var t=e.id,n=e.viewBox,r=e.content;this.id=t,this.viewBox=n,this.content=r};e.prototype.stringify=function(){return this.content},e.prototype.toString=function(){return this.stringify()},e.prototype.destroy=function(){var e=this;["id","viewBox","content"].forEach((function(t){return delete e[t]}))};var t=function(e){var t=!!document.importNode,n=(new DOMParser).parseFromString(e,"image/svg+xml").documentElement;return t?document.importNode(n,!0):n};function r(e,t){return e(t={exports:{}},t.exports),t.exports}"undefined"!=typeof window?window:void 0!==n.g?n.g:"undefined"!=typeof self&&self;var i=r((function(e,t){!function(t,n){e.exports=n()}(0,(function(){function e(e){return e&&"object"==typeof e&&"[object RegExp]"!==Object.prototype.toString.call(e)&&"[object Date]"!==Object.prototype.toString.call(e)}function t(e){return Array.isArray(e)?[]:{}}function n(n,r){return r&&!0===r.clone&&e(n)?o(t(n),n,r):n}function r(t,r,i){var s=t.slice();return r.forEach((function(r,a){void 0===s[a]?s[a]=n(r,i):e(r)?s[a]=o(t[a],r,i):-1===t.indexOf(r)&&s.push(n(r,i))})),s}function i(t,r,i){var s={};return e(t)&&Object.keys(t).forEach((function(e){s[e]=n(t[e],i)})),Object.keys(r).forEach((function(a){e(r[a])&&t[a]?s[a]=o(t[a],r[a],i):s[a]=n(r[a],i)})),s}function o(e,t,o){var s=Array.isArray(t),a=(o||{arrayMerge:r}).arrayMerge||r;return s?Array.isArray(e)?a(e,t,o):n(t,o):i(e,t,o)}return o.all=function(e,t){if(!Array.isArray(e)||e.length<2)throw new Error("first argument should be an array with at least two elements");return e.reduce((function(e,n){return o(e,n,t)}))},o}))})),o=r((function(e,t){var n={svg:{name:"xmlns",uri:"http://www.w3.org/2000/svg"},xlink:{name:"xmlns:xlink",uri:"http://www.w3.org/1999/xlink"}};t.default=n,e.exports=t.default})),s=function(e){return Object.keys(e).map((function(t){return t+'="'+e[t].toString().replace(/"/g,"&quot;")+'"'})).join(" ")},a=o.svg,l=o.xlink,c={};c[a.name]=a.uri,c[l.name]=l.uri;var u=function(e,t){void 0===e&&(e="");var n=i(c,t||{});return"<svg "+s(n)+">"+e+"</svg>"},p=function(e){function n(){e.apply(this,arguments)}e&&(n.__proto__=e),n.prototype=Object.create(e&&e.prototype),n.prototype.constructor=n;var r={isMounted:{}};return r.isMounted.get=function(){return!!this.node},n.createFromExistingNode=function(e){return new n({id:e.getAttribute("id"),viewBox:e.getAttribute("viewBox"),content:e.outerHTML})},n.prototype.destroy=function(){this.isMounted&&this.unmount(),e.prototype.destroy.call(this)},n.prototype.mount=function(e){if(this.isMounted)return this.node;var t="string"==typeof e?document.querySelector(e):e,n=this.render();return this.node=n,t.appendChild(n),n},n.prototype.render=function(){var e=this.stringify();return t(u(e)).childNodes[0]},n.prototype.unmount=function(){this.node.parentNode.removeChild(this.node)},Object.defineProperties(n.prototype,r),n}(e);return p}()},function(e,t,n){e.exports=function(){"use strict";function e(e,t){return e(t={exports:{}},t.exports),t.exports}"undefined"!=typeof window?window:void 0!==n.g?n.g:"undefined"!=typeof self&&self;var t=e((function(e,t){!function(t,n){e.exports=n()}(0,(function(){function e(e){return e&&"object"==typeof e&&"[object RegExp]"!==Object.prototype.toString.call(e)&&"[object Date]"!==Object.prototype.toString.call(e)}function t(e){return Array.isArray(e)?[]:{}}function n(n,r){return r&&!0===r.clone&&e(n)?o(t(n),n,r):n}function r(t,r,i){var s=t.slice();return r.forEach((function(r,a){void 0===s[a]?s[a]=n(r,i):e(r)?s[a]=o(t[a],r,i):-1===t.indexOf(r)&&s.push(n(r,i))})),s}function i(t,r,i){var s={};return e(t)&&Object.keys(t).forEach((function(e){s[e]=n(t[e],i)})),Object.keys(r).forEach((function(a){e(r[a])&&t[a]?s[a]=o(t[a],r[a],i):s[a]=n(r[a],i)})),s}function o(e,t,o){var s=Array.isArray(t),a=(o||{arrayMerge:r}).arrayMerge||r;return s?Array.isArray(e)?a(e,t,o):n(t,o):i(e,t,o)}return o.all=function(e,t){if(!Array.isArray(e)||e.length<2)throw new Error("first argument should be an array with at least two elements");return e.reduce((function(e,n){return o(e,n,t)}))},o}))}));function r(e){return e=e||Object.create(null),{on:function(t,n){(e[t]||(e[t]=[])).push(n)},off:function(t,n){e[t]&&e[t].splice(e[t].indexOf(n)>>>0,1)},emit:function(t,n){(e[t]||[]).map((function(e){e(n)})),(e["*"]||[]).map((function(e){e(t,n)}))}}}var i=e((function(e,t){var n={svg:{name:"xmlns",uri:"http://www.w3.org/2000/svg"},xlink:{name:"xmlns:xlink",uri:"http://www.w3.org/1999/xlink"}};t.default=n,e.exports=t.default})),o=function(e){return Object.keys(e).map((function(t){return t+'="'+e[t].toString().replace(/"/g,"&quot;")+'"'})).join(" ")},s=i.svg,a=i.xlink,l={};l[s.name]=s.uri,l[a.name]=a.uri;var c,u=function(e,n){void 0===e&&(e="");var r=t(l,n||{});return"<svg "+o(r)+">"+e+"</svg>"},p=i.svg,d=i.xlink,h={attrs:(c={style:["position: absolute","width: 0","height: 0"].join("; "),"aria-hidden":"true"},c[p.name]=p.uri,c[d.name]=d.uri,c)},f=function(e){this.config=t(h,e||{}),this.symbols=[]};f.prototype.add=function(e){var t=this.symbols,n=this.find(e.id);return n?(t[t.indexOf(n)]=e,!1):(t.push(e),!0)},f.prototype.remove=function(e){var t=this.symbols,n=this.find(e);return!!n&&(t.splice(t.indexOf(n),1),n.destroy(),!0)},f.prototype.find=function(e){return this.symbols.filter((function(t){return t.id===e}))[0]||null},f.prototype.has=function(e){return null!==this.find(e)},f.prototype.stringify=function(){var e=this.config.attrs,t=this.symbols.map((function(e){return e.stringify()})).join("");return u(t,e)},f.prototype.toString=function(){return this.stringify()},f.prototype.destroy=function(){this.symbols.forEach((function(e){return e.destroy()}))};var A=function(e){var t=e.id,n=e.viewBox,r=e.content;this.id=t,this.viewBox=n,this.content=r};A.prototype.stringify=function(){return this.content},A.prototype.toString=function(){return this.stringify()},A.prototype.destroy=function(){var e=this;["id","viewBox","content"].forEach((function(t){return delete e[t]}))};var g=function(e){var t=!!document.importNode,n=(new DOMParser).parseFromString(e,"image/svg+xml").documentElement;return t?document.importNode(n,!0):n},m=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t;var n={isMounted:{}};return n.isMounted.get=function(){return!!this.node},t.createFromExistingNode=function(e){return new t({id:e.getAttribute("id"),viewBox:e.getAttribute("viewBox"),content:e.outerHTML})},t.prototype.destroy=function(){this.isMounted&&this.unmount(),e.prototype.destroy.call(this)},t.prototype.mount=function(e){if(this.isMounted)return this.node;var t="string"==typeof e?document.querySelector(e):e,n=this.render();return this.node=n,t.appendChild(n),n},t.prototype.render=function(){var e=this.stringify();return g(u(e)).childNodes[0]},t.prototype.unmount=function(){this.node.parentNode.removeChild(this.node)},Object.defineProperties(t.prototype,n),t}(A),_={autoConfigure:!0,mountTo:"body",syncUrlsWithBaseTag:!1,listenLocationChangeEvent:!0,locationChangeEvent:"locationChange",locationChangeAngularEmitter:!1,usagesToUpdate:"use[*|href]",moveGradientsOutsideSymbol:!1},b=function(e){return Array.prototype.slice.call(e,0)},v={isChrome:function(){return/chrome/i.test(navigator.userAgent)},isFirefox:function(){return/firefox/i.test(navigator.userAgent)},isIE:function(){return/msie/i.test(navigator.userAgent)||/trident/i.test(navigator.userAgent)},isEdge:function(){return/edge/i.test(navigator.userAgent)}},y=function(e,t){var n=document.createEvent("CustomEvent");n.initCustomEvent(e,!1,!1,t),window.dispatchEvent(n)},w=function(e){var t=[];return b(e.querySelectorAll("style")).forEach((function(e){e.textContent+="",t.push(e)})),t},C=function(e){return(e||window.location.href).split("#")[0]},x=function(e){angular.module("ng").run(["$rootScope",function(t){t.$on("$locationChangeSuccess",(function(t,n,r){y(e,{oldUrl:r,newUrl:n})}))}])},k="linearGradient, radialGradient, pattern, mask, clipPath",B=function(e,t){return void 0===t&&(t=k),b(e.querySelectorAll("symbol")).forEach((function(e){b(e.querySelectorAll(t)).forEach((function(t){e.parentNode.insertBefore(t,e)}))})),e};function S(e,t){return b(e).reduce((function(e,n){if(!n.attributes)return e;var r=b(n.attributes),i=t?r.filter(t):r;return e.concat(i)}),[])}var E=i.xlink.uri,M="xlink:href",T=/[{}|\\\^\[\]`"<>]/g;function q(e){return e.replace(T,(function(e){return"%"+e[0].charCodeAt(0).toString(16).toUpperCase()}))}function L(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function O(e,t,n){return b(e).forEach((function(e){var r=e.getAttribute(M);if(r&&0===r.indexOf(t)){var i=r.replace(t,n);e.setAttributeNS(E,M,i)}})),e}var P,N=["clipPath","colorProfile","src","cursor","fill","filter","marker","markerStart","markerMid","markerEnd","mask","stroke","style"],D=N.map((function(e){return"["+e+"]"})).join(","),I=function(e,t,n,r){var i=q(n),o=q(r);S(e.querySelectorAll(D),(function(e){var t=e.localName,n=e.value;return-1!==N.indexOf(t)&&-1!==n.indexOf("url("+i)})).forEach((function(e){return e.value=e.value.replace(new RegExp(L(i),"g"),o)})),O(t,i,o)},U={MOUNT:"mount",SYMBOL_MOUNT:"symbol_mount"},R=function(e){function n(n){var i=this;void 0===n&&(n={}),e.call(this,t(_,n));var o=r();this._emitter=o,this.node=null;var s=this.config;if(s.autoConfigure&&this._autoConfigure(n),s.syncUrlsWithBaseTag){var a=document.getElementsByTagName("base")[0].getAttribute("href");o.on(U.MOUNT,(function(){return i.updateUrls("#",a)}))}var l=this._handleLocationChange.bind(this);this._handleLocationChange=l,s.listenLocationChangeEvent&&window.addEventListener(s.locationChangeEvent,l),s.locationChangeAngularEmitter&&x(s.locationChangeEvent),o.on(U.MOUNT,(function(e){s.moveGradientsOutsideSymbol&&B(e)})),o.on(U.SYMBOL_MOUNT,(function(e){s.moveGradientsOutsideSymbol&&B(e.parentNode),(v.isIE()||v.isEdge())&&w(e)}))}e&&(n.__proto__=e),n.prototype=Object.create(e&&e.prototype),n.prototype.constructor=n;var i={isMounted:{}};return i.isMounted.get=function(){return!!this.node},n.prototype._autoConfigure=function(e){var t=this.config;void 0===e.syncUrlsWithBaseTag&&(t.syncUrlsWithBaseTag=void 0!==document.getElementsByTagName("base")[0]),void 0===e.locationChangeAngularEmitter&&(t.locationChangeAngularEmitter=void 0!==window.angular),void 0===e.moveGradientsOutsideSymbol&&(t.moveGradientsOutsideSymbol=v.isFirefox())},n.prototype._handleLocationChange=function(e){var t=e.detail,n=t.oldUrl,r=t.newUrl;this.updateUrls(n,r)},n.prototype.add=function(t){var n=this,r=e.prototype.add.call(this,t);return this.isMounted&&r&&(t.mount(n.node),this._emitter.emit(U.SYMBOL_MOUNT,t.node)),r},n.prototype.attach=function(e){var t=this,n=this;if(n.isMounted)return n.node;var r="string"==typeof e?document.querySelector(e):e;return n.node=r,this.symbols.forEach((function(e){e.mount(n.node),t._emitter.emit(U.SYMBOL_MOUNT,e.node)})),b(r.querySelectorAll("symbol")).forEach((function(e){var t=m.createFromExistingNode(e);t.node=e,n.add(t)})),this._emitter.emit(U.MOUNT,r),r},n.prototype.destroy=function(){var e=this,t=e.config,n=e.symbols,r=e._emitter;n.forEach((function(e){return e.destroy()})),r.off("*"),window.removeEventListener(t.locationChangeEvent,this._handleLocationChange),this.isMounted&&this.unmount()},n.prototype.mount=function(e,t){void 0===e&&(e=this.config.mountTo),void 0===t&&(t=!1);var n=this;if(n.isMounted)return n.node;var r="string"==typeof e?document.querySelector(e):e,i=n.render();return this.node=i,t&&r.childNodes[0]?r.insertBefore(i,r.childNodes[0]):r.appendChild(i),this._emitter.emit(U.MOUNT,i),i},n.prototype.render=function(){return g(this.stringify())},n.prototype.unmount=function(){this.node.parentNode.removeChild(this.node)},n.prototype.updateUrls=function(e,t){if(!this.isMounted)return!1;var n=document.querySelectorAll(this.config.usagesToUpdate);return I(this.node,n,C(e)+"#",C(t)+"#"),!0},Object.defineProperties(n.prototype,i),n}(f),z=e((function(e){var t;t=function(){var e,t=[],n=document,r=n.documentElement.doScroll,i="DOMContentLoaded",o=(r?/^loaded|^c/:/^loaded|^i|^c/).test(n.readyState);return o||n.addEventListener(i,e=function(){for(n.removeEventListener(i,e),o=1;e=t.shift();)e()}),function(e){o?setTimeout(e,0):t.push(e)}},e.exports=t()})),j="__SVG_SPRITE_NODE__",H="__SVG_SPRITE__";window[H]?P=window[H]:(P=new R({attrs:{id:j,"aria-hidden":"true"}}),window[H]=P);var V=function(){var e=document.getElementById(j);e?P.attach(e):P.mount(document.body,!0)};return document.body?V():z(V),P}()},function(e){"use strict";var t=[];function n(e){for(var n=-1,r=0;r<t.length;r++)if(t[r].identifier===e){n=r;break}return n}function r(e,r){for(var o={},s=[],a=0;a<e.length;a++){var l=e[a],c=r.base?l[0]+r.base:l[0],u=o[c]||0,p="".concat(c," ").concat(u);o[c]=u+1;var d=n(p),h={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(-1!==d)t[d].references++,t[d].updater(h);else{var f=i(h,r);r.byIndex=a,t.splice(a,0,{identifier:p,updater:f,references:1})}s.push(p)}return s}function i(e,t){var n=t.domAPI(t);n.update(e);return function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;n.update(e=t)}else n.remove()}}e.exports=function(e,i){var o=r(e=e||[],i=i||{});return function(e){e=e||[];for(var s=0;s<o.length;s++){var a=n(o[s]);t[a].references--}for(var l=r(e,i),c=0;c<o.length;c++){var u=n(o[c]);0===t[u].references&&(t[u].updater(),t.splice(u,1))}o=l}}},function(e){"use strict";var t,n=(t=[],function(e,n){return t[e]=n,t.filter(Boolean).join("\n")});function r(e,t,r,i){var o;if(r)o="";else{o="",i.supports&&(o+="@supports (".concat(i.supports,") {")),i.media&&(o+="@media ".concat(i.media," {"));var s=void 0!==i.layer;s&&(o+="@layer".concat(i.layer.length>0?" ".concat(i.layer):""," {")),o+=i.css,s&&(o+="}"),i.media&&(o+="}"),i.supports&&(o+="}")}if(e.styleSheet)e.styleSheet.cssText=n(t,o);else{var a=document.createTextNode(o),l=e.childNodes;l[t]&&e.removeChild(l[t]),l.length?e.insertBefore(a,l[t]):e.appendChild(a)}}var i={singleton:null,singletonCounter:0};e.exports=function(e){var t=i.singletonCounter++,n=i.singleton||(i.singleton=e.insertStyleElement(e));return{update:function(e){r(n,t,!1,e)},remove:function(e){r(n,t,!0,e)}}}},function(e){"use strict";var t={};e.exports=function(e,n){var r=function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(r){n=null}t[e]=n}return t[e]}(e);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},function(e,t,n){"use strict";e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t)}},function(e){"use strict";e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},function(e){"use strict";e.exports=function(e){var t=e[1],n=e[3];if(!n)return t;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),o="/*# ".concat(i," */");return[t].concat([o]).join("\n")}return[t].join("\n")}},function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,i,o){"string"==typeof e&&(e=[[null,e,void 0]]);var s={};if(r)for(var a=0;a<this.length;a++){var l=this[a][0];null!=l&&(s[l]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);r&&s[u[0]]||(void 0!==o&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=o),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),i&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=i):u[4]="".concat(i)),t.push(u))}},t}},function(e,t,n){"use strict";n.d(t,{HY:function(){return m},Tm:function(){return R},Vf:function(){return g},YM:function(){return i},ZB:function(){return U},az:function(){return f},bR:function(){return k},h:function(){return f},kr:function(){return z},sY:function(){return I},wA:function(){return _}});var r,i,o,s,a,l,c={},u=[],p=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function d(e,t){for(var n in t)e[n]=t[n];return e}function h(e){var t=e.parentNode;t&&t.removeChild(e)}function f(e,t,n){var i,o,s,a={};for(s in t)"key"==s?i=t[s]:"ref"==s?o=t[s]:a[s]=t[s];if(arguments.length>2&&(a.children=arguments.length>3?r.call(arguments,2):n),"function"==typeof e&&null!=e.defaultProps)for(s in e.defaultProps)void 0===a[s]&&(a[s]=e.defaultProps[s]);return A(e,a,i,o,null)}function A(e,t,n,r,s){var a={type:e,props:t,key:n,ref:r,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==s?++o:s};return null==s&&null!=i.vnode&&i.vnode(a),a}function g(){return{current:null}}function m(e){return e.children}function _(e,t){this.props=e,this.context=t}function b(e,t){if(null==t)return e.__?b(e.__,e.__.__k.indexOf(e)+1):null;for(var n;t<e.__k.length;t++)if(null!=(n=e.__k[t])&&null!=n.__e)return n.__e;return"function"==typeof e.type?b(e):null}function v(e){var t,n;if(null!=(e=e.__)&&null!=e.__c){for(e.__e=e.__c.base=null,t=0;t<e.__k.length;t++)if(null!=(n=e.__k[t])&&null!=n.__e){e.__e=e.__c.base=n.__e;break}return v(e)}}function y(e){(!e.__d&&(e.__d=!0)&&s.push(e)&&!w.__r++||a!==i.debounceRendering)&&((a=i.debounceRendering)||setTimeout)(w)}function w(){for(var e;w.__r=s.length;)e=s.sort((function(e,t){return e.__v.__b-t.__v.__b})),s=[],e.some((function(e){var t,n,r,i,o,s;e.__d&&(o=(i=(t=e).__v).__e,(s=t.__P)&&(n=[],(r=d({},i)).__v=i.__v+1,q(s,i,r,t.__n,void 0!==s.ownerSVGElement,null!=i.__h?[o]:null,n,null==o?b(i):o,i.__h),L(n,i),i.__e!=o&&v(i)))}))}function C(e,t,n,r,i,o,s,a,l,p){var d,h,f,g,_,v,y,w=r&&r.__k||u,C=w.length;for(n.__k=[],d=0;d<t.length;d++)if(null!=(g=n.__k[d]=null==(g=t[d])||"boolean"==typeof g?null:"string"==typeof g||"number"==typeof g||"bigint"==typeof g?A(null,g,null,null,g):Array.isArray(g)?A(m,{children:g},null,null,null):g.__b>0?A(g.type,g.props,g.key,g.ref?g.ref:null,g.__v):g)){if(g.__=n,g.__b=n.__b+1,null===(f=w[d])||f&&g.key==f.key&&g.type===f.type)w[d]=void 0;else for(h=0;h<C;h++){if((f=w[h])&&g.key==f.key&&g.type===f.type){w[h]=void 0;break}f=null}q(e,g,f=f||c,i,o,s,a,l,p),_=g.__e,(h=g.ref)&&f.ref!=h&&(y||(y=[]),f.ref&&y.push(f.ref,null,g),y.push(h,g.__c||_,g)),null!=_?(null==v&&(v=_),"function"==typeof g.type&&g.__k===f.__k?g.__d=l=x(g,l,e):l=B(e,g,f,w,_,l),"function"==typeof n.type&&(n.__d=l)):l&&f.__e==l&&l.parentNode!=e&&(l=b(f))}for(n.__e=v,d=C;d--;)null!=w[d]&&N(w[d],w[d]);if(y)for(d=0;d<y.length;d++)P(y[d],y[++d],y[++d])}function x(e,t,n){for(var r,i=e.__k,o=0;i&&o<i.length;o++)(r=i[o])&&(r.__=e,t="function"==typeof r.type?x(r,t,n):B(n,r,r,i,r.__e,t));return t}function k(e,t){return t=t||[],null==e||"boolean"==typeof e||(Array.isArray(e)?e.some((function(e){k(e,t)})):t.push(e)),t}function B(e,t,n,r,i,o){var s,a,l;if(void 0!==t.__d)s=t.__d,t.__d=void 0;else if(null==n||i!=o||null==i.parentNode)e:if(null==o||o.parentNode!==e)e.appendChild(i),s=null;else{for(a=o,l=0;(a=a.nextSibling)&&l<r.length;l+=1)if(a==i)break e;e.insertBefore(i,o),s=o}return void 0!==s?s:i.nextSibling}function S(e,t,n){"-"===t[0]?e.setProperty(t,n):e[t]=null==n?"":"number"!=typeof n||p.test(t)?n:n+"px"}function E(e,t,n,r,i){var o;e:if("style"===t)if("string"==typeof n)e.style.cssText=n;else{if("string"==typeof r&&(e.style.cssText=r=""),r)for(t in r)n&&t in n||S(e.style,t,"");if(n)for(t in n)r&&n[t]===r[t]||S(e.style,t,n[t])}else if("o"===t[0]&&"n"===t[1])o=t!==(t=t.replace(/Capture$/,"")),t=t.toLowerCase()in e?t.toLowerCase().slice(2):t.slice(2),e.l||(e.l={}),e.l[t+o]=n,n?r||e.addEventListener(t,o?T:M,o):e.removeEventListener(t,o?T:M,o);else if("dangerouslySetInnerHTML"!==t){if(i)t=t.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("href"!==t&&"list"!==t&&"form"!==t&&"tabIndex"!==t&&"download"!==t&&t in e)try{e[t]=null==n?"":n;break e}catch(e){}"function"==typeof n||(null==n||!1===n&&-1==t.indexOf("-")?e.removeAttribute(t):e.setAttribute(t,n))}}function M(e){this.l[e.type+!1](i.event?i.event(e):e)}function T(e){this.l[e.type+!0](i.event?i.event(e):e)}function q(e,t,n,r,o,s,a,l,c){var u,p,h,f,A,g,b,v,y,w,x,k,B,S,E,M=t.type;if(void 0!==t.constructor)return null;null!=n.__h&&(c=n.__h,l=t.__e=n.__e,t.__h=null,s=[l]),(u=i.__b)&&u(t);try{e:if("function"==typeof M){if(v=t.props,y=(u=M.contextType)&&r[u.__c],w=u?y?y.props.value:u.__:r,n.__c?b=(p=t.__c=n.__c).__=p.__E:("prototype"in M&&M.prototype.render?t.__c=p=new M(v,w):(t.__c=p=new _(v,w),p.constructor=M,p.render=D),y&&y.sub(p),p.props=v,p.state||(p.state={}),p.context=w,p.__n=r,h=p.__d=!0,p.__h=[],p._sb=[]),null==p.__s&&(p.__s=p.state),null!=M.getDerivedStateFromProps&&(p.__s==p.state&&(p.__s=d({},p.__s)),d(p.__s,M.getDerivedStateFromProps(v,p.__s))),f=p.props,A=p.state,h)null==M.getDerivedStateFromProps&&null!=p.componentWillMount&&p.componentWillMount(),null!=p.componentDidMount&&p.__h.push(p.componentDidMount);else{if(null==M.getDerivedStateFromProps&&v!==f&&null!=p.componentWillReceiveProps&&p.componentWillReceiveProps(v,w),!p.__e&&null!=p.shouldComponentUpdate&&!1===p.shouldComponentUpdate(v,p.__s,w)||t.__v===n.__v){for(p.props=v,p.state=p.__s,t.__v!==n.__v&&(p.__d=!1),p.__v=t,t.__e=n.__e,t.__k=n.__k,t.__k.forEach((function(e){e&&(e.__=t)})),x=0;x<p._sb.length;x++)p.__h.push(p._sb[x]);p._sb=[],p.__h.length&&a.push(p);break e}null!=p.componentWillUpdate&&p.componentWillUpdate(v,p.__s,w),null!=p.componentDidUpdate&&p.__h.push((function(){p.componentDidUpdate(f,A,g)}))}if(p.context=w,p.props=v,p.__v=t,p.__P=e,k=i.__r,B=0,"prototype"in M&&M.prototype.render){for(p.state=p.__s,p.__d=!1,k&&k(t),u=p.render(p.props,p.state,p.context),S=0;S<p._sb.length;S++)p.__h.push(p._sb[S]);p._sb=[]}else do{p.__d=!1,k&&k(t),u=p.render(p.props,p.state,p.context),p.state=p.__s}while(p.__d&&++B<25);p.state=p.__s,null!=p.getChildContext&&(r=d(d({},r),p.getChildContext())),h||null==p.getSnapshotBeforeUpdate||(g=p.getSnapshotBeforeUpdate(f,A)),E=null!=u&&u.type===m&&null==u.key?u.props.children:u,C(e,Array.isArray(E)?E:[E],t,n,r,o,s,a,l,c),p.base=t.__e,t.__h=null,p.__h.length&&a.push(p),b&&(p.__E=p.__=null),p.__e=!1}else null==s&&t.__v===n.__v?(t.__k=n.__k,t.__e=n.__e):t.__e=O(n.__e,t,n,r,o,s,a,c);(u=i.diffed)&&u(t)}catch(e){t.__v=null,(c||null!=s)&&(t.__e=l,t.__h=!!c,s[s.indexOf(l)]=null),i.__e(e,t,n)}}function L(e,t){i.__c&&i.__c(t,e),e.some((function(t){try{e=t.__h,t.__h=[],e.some((function(e){e.call(t)}))}catch(e){i.__e(e,t.__v)}}))}function O(e,t,n,i,o,s,a,l){var u,p,d,f=n.props,A=t.props,g=t.type,m=0;if("svg"===g&&(o=!0),null!=s)for(;m<s.length;m++)if((u=s[m])&&"setAttribute"in u==!!g&&(g?u.localName===g:3===u.nodeType)){e=u,s[m]=null;break}if(null==e){if(null===g)return document.createTextNode(A);e=o?document.createElementNS("http://www.w3.org/2000/svg",g):document.createElement(g,A.is&&A),s=null,l=!1}if(null===g)f===A||l&&e.data===A||(e.data=A);else{if(s=s&&r.call(e.childNodes),p=(f=n.props||c).dangerouslySetInnerHTML,d=A.dangerouslySetInnerHTML,!l){if(null!=s)for(f={},m=0;m<e.attributes.length;m++)f[e.attributes[m].name]=e.attributes[m].value;(d||p)&&(d&&(p&&d.__html==p.__html||d.__html===e.innerHTML)||(e.innerHTML=d&&d.__html||""))}if(function(e,t,n,r,i){var o;for(o in n)"children"===o||"key"===o||o in t||E(e,o,null,n[o],r);for(o in t)i&&"function"!=typeof t[o]||"children"===o||"key"===o||"value"===o||"checked"===o||n[o]===t[o]||E(e,o,t[o],n[o],r)}(e,A,f,o,l),d)t.__k=[];else if(m=t.props.children,C(e,Array.isArray(m)?m:[m],t,n,i,o&&"foreignObject"!==g,s,a,s?s[0]:n.__k&&b(n,0),l),null!=s)for(m=s.length;m--;)null!=s[m]&&h(s[m]);l||("value"in A&&void 0!==(m=A.value)&&(m!==e.value||"progress"===g&&!m||"option"===g&&m!==f.value)&&E(e,"value",m,f.value,!1),"checked"in A&&void 0!==(m=A.checked)&&m!==e.checked&&E(e,"checked",m,f.checked,!1))}return e}function P(e,t,n){try{"function"==typeof e?e(t):e.current=t}catch(e){i.__e(e,n)}}function N(e,t,n){var r,o;if(i.unmount&&i.unmount(e),(r=e.ref)&&(r.current&&r.current!==e.__e||P(r,null,t)),null!=(r=e.__c)){if(r.componentWillUnmount)try{r.componentWillUnmount()}catch(e){i.__e(e,t)}r.base=r.__P=null,e.__c=void 0}if(r=e.__k)for(o=0;o<r.length;o++)r[o]&&N(r[o],t,n||"function"!=typeof e.type);n||null==e.__e||h(e.__e),e.__=e.__e=e.__d=void 0}function D(e,t,n){return this.constructor(e,n)}function I(e,t,n){var o,s,a;i.__&&i.__(e,t),s=(o="function"==typeof n)?null:n&&n.__k||t.__k,a=[],q(t,e=(!o&&n||t).__k=f(m,null,[e]),s||c,c,void 0!==t.ownerSVGElement,!o&&n?[n]:s?null:t.firstChild?r.call(t.childNodes):null,a,!o&&n?n:s?s.__e:t.firstChild,o),L(a,e)}function U(e,t){I(e,t,U)}function R(e,t,n){var i,o,s,a=d({},e.props);for(s in t)"key"==s?i=t[s]:"ref"==s?o=t[s]:a[s]=t[s];return arguments.length>2&&(a.children=arguments.length>3?r.call(arguments,2):n),A(e.type,a,i||e.key,o||e.ref,null)}function z(e,t){var n={__c:t="__cC"+l++,__:e,Consumer:function(e,t){return e.children(t)},Provider:function(e){var n,r;return this.getChildContext||(n=[],(r={})[t]=this,this.getChildContext=function(){return r},this.shouldComponentUpdate=function(e){this.props.value!==e.value&&n.some(y)},this.sub=function(e){n.push(e);var t=e.componentWillUnmount;e.componentWillUnmount=function(){n.splice(n.indexOf(e),1),t&&t.call(e)}}),e.children}};return n.Provider.__=n.Consumer.contextType=n}r=u.slice,i={__e:function(e,t,n,r){for(var i,o,s;t=t.__;)if((i=t.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(e)),s=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(e,r||{}),s=i.__d),s)return i.__E=i}catch(t){e=t}throw e}},o=0,_.prototype.setState=function(e,t){var n;n=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=d({},this.state),"function"==typeof e&&(e=e(d({},n),this.props)),e&&d(n,e),null!=e&&this.__v&&(t&&this._sb.push(t),y(this))},_.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),y(this))},_.prototype.render=m,s=[],w.__r=0,l=0},function(e,t,n){"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e){var t=function(e,t){if("object"!==r(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==r(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===r(t)?t:String(t)}function o(e,t,n){return(t=i(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e){return"Minified Redux error #"+e+"; visit https://redux.js.org/Errors?code="+e+" for the full message or use the non-minified dev environment for full errors. "}n.d(t,{h:function(){return v}});var c="function"==typeof Symbol&&Symbol.observable||"@@observable",u=function(){return Math.random().toString(36).substring(7).split("").join(".")},p={INIT:"@@redux/INIT"+u(),REPLACE:"@@redux/REPLACE"+u(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+u()}};function d(e){if("object"!=typeof e||null===e)return!1;for(var t=e;null!==Object.getPrototypeOf(t);)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}function h(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return 0===t.length?function(e){return e}:1===t.length?t[0]:t.reduce((function(e,t){return function(){return e(t.apply(void 0,arguments))}}))}function f(e){return function(t){var n=t.dispatch,r=t.getState;return function(t){return function(i){return"function"==typeof i?i(n,r,e):t(i)}}}}var A=f();A.withExtraArgument=f;var g=A;var m=n(171);var _=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;switch(t.type){case m.fH:return{...e,layoutMode:t.layoutMode};case m.lW:return{...e,currentUrl:t.currentUrl};case m.IX:return{...e,currentPattern:t.currentPattern};case m.HO:return{...e,viewportPx:t.viewportPx};case m.Yf:return{...e,viewportEm:t.viewportEm};case m.pu:return{...e,themeMode:t.themeMode};case m.c5:return{...e,drawerOpened:t.opened};case m.cf:return{...e,drawerHeight:t.height};case m.y$:return{...e,drawerIsAnimating:t.drawerIsAnimating};case m.aR:return{...e,isViewallPage:t.isViewall};default:return e}};const b=window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__||h,v=function e(t,n,r){var i;if("function"==typeof n&&"function"==typeof r||"function"==typeof r&&"function"==typeof arguments[3])throw new Error(l(0));if("function"==typeof n&&void 0===r&&(r=n,n=void 0),void 0!==r){if("function"!=typeof r)throw new Error(l(1));return r(e)(t,n)}if("function"!=typeof t)throw new Error(l(2));var o=t,s=n,a=[],u=a,h=!1;function f(){u===a&&(u=a.slice())}function A(){if(h)throw new Error(l(3));return s}function g(e){if("function"!=typeof e)throw new Error(l(4));if(h)throw new Error(l(5));var t=!0;return f(),u.push(e),function(){if(t){if(h)throw new Error(l(6));t=!1,f();var n=u.indexOf(e);u.splice(n,1),a=null}}}function m(e){if(!d(e))throw new Error(l(7));if(void 0===e.type)throw new Error(l(8));if(h)throw new Error(l(9));try{h=!0,s=o(s,e)}finally{h=!1}for(var t=a=u,n=0;n<t.length;n++){(0,t[n])()}return e}function _(e){if("function"!=typeof e)throw new Error(l(10));o=e,m({type:p.REPLACE})}function b(){var e,t=g;return(e={subscribe:function(e){if("object"!=typeof e||null===e)throw new Error(l(11));function n(){e.next&&e.next(A())}return n(),{unsubscribe:t(n)}}})[c]=function(){return this},e}return m({type:p.INIT}),(i={dispatch:m,subscribe:g,getState:A,replaceReducer:_})[c]=b,i}(((e,t)=>e),(()=>{let e;"#debug"===window.location.hash?e="{}":"#reset"===window.location.hash?(localStorage.removeItem("patternlab"),e={}):e=localStorage.getItem("patternlab")||"{}";const t=JSON.parse(e);if(t){if(t.app||(t.app={}),window.__PRERENDER_INJECTED||void 0===t.app.drawerOpened&&(t.app.drawerOpened=window.config.defaultShowPatternInfo||!1),t.app.drawerHeight&&!t.app.drawerOpened?t.app.appHeight=window.innerHeight:t.app.drawerHeight&&t.app.drawerOpened&&(t.app.appHeight=window.innerHeight-t.app.drawerHeight),void 0===t.app.themeMode)try{void 0!==window.config.theme.color&&(t.app.themeMode=window.config.theme.color)}catch(n){t.app.themeMode="dark"}if(void 0===t.app.layoutMode)try{void 0!==window.config.theme.layout&&(t.app.layoutMode=window.config.theme.layout)}catch(n){t.app.layoutMode="vertical"}return t}})(),b((e=>t=>(n,r)=>{let i={};const o=t(n,r);return Object.assign({},o,{addReducers(t){const n=Object.assign({},i,t);this.replaceReducer(e(i=n))}})})((function(e){for(var t=Object.keys(e),n={},r=0;r<t.length;r++){var i=t[r];0,"function"==typeof e[i]&&(n[i]=e[i])}var o,s=Object.keys(n);try{!function(e){Object.keys(e).forEach((function(t){var n=e[t];if(void 0===n(void 0,{type:p.INIT}))throw new Error(l(12));if(void 0===n(void 0,{type:p.PROBE_UNKNOWN_ACTION()}))throw new Error(l(13))}))}(n)}catch(a){o=a}return function(e,t){if(void 0===e&&(e={}),o)throw o;for(var r=!1,i={},a=0;a<s.length;a++){var c=s[a],u=n[c],p=e[c],d=u(p,t);if(void 0===d){t&&t.type;throw new Error(l(14))}i[c]=d,r=r||d!==p}return(r=r||s.length!==Object.keys(e).length)?i:e}})),function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(e){return function(){var n=e.apply(void 0,arguments),r=function(){throw new Error(l(15))},i={getState:n.getState,dispatch:function(){return r.apply(void 0,arguments)}},o=t.map((function(e){return e(i)}));return r=h.apply(void 0,o)(n.dispatch),a(a({},n),{},{dispatch:r})}}}(g)));v.addReducers({app:_}),v.subscribe((()=>{(e=>{const t=localStorage.getItem("patternlab")||"{}",n=JSON.stringify(e);n!==t&&"{}"!==n&&localStorage.setItem("patternlab",n)})(v.getState())}))},function(e,t,n){"use strict";n.d(t,{_l:function(){return r._l},nt:function(){return r.nt},sL:function(){return r.sL},XM:function(){return s.X},dy:function(){return l},sY:function(){return a.s}});var r=n(16);const i=new class{handleAttributeExpressions(e,t,n,i){const o=t[0];if("."===o){return new r.m(e,t.slice(1),n).parts}if("@"===o)return[new r.K1(e,t.slice(1),i.eventContext)];if("?"===o)return[new r.JG(e,t.slice(1),n)];return new r.QG(e,t,n).parts}handleTextExpression(e){return new r.nt(e)}};var o=n(116),s=n(114),a=(n(20),n(115),n(27));n(28),n(26),n(17);"undefined"!=typeof window&&(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.4.1");const l=(e,...t)=>new o.j(e,t,"html",i)},function(e,t,n){var r;!function(i,o,s){if(i){for(var a,l={8:"backspace",9:"tab",13:"enter",16:"shift",17:"ctrl",18:"alt",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"ins",46:"del",91:"meta",93:"meta",224:"meta"},c={106:"*",107:"+",109:"-",110:".",111:"/",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},u={"~":"`","!":"1","@":"2","#":"3",$:"4","%":"5","^":"6","&":"7","*":"8","(":"9",")":"0",_:"-","+":"=",":":";",'"':"'","<":",",">":".","?":"/","|":"\\"},p={option:"alt",command:"meta",return:"enter",escape:"esc",plus:"+",mod:/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"meta":"ctrl"},d=1;d<20;++d)l[111+d]="f"+d;for(d=0;d<=9;++d)l[d+96]=d.toString();b.prototype.bind=function(e,t,n){var r=this;return e=e instanceof Array?e:[e],r._bindMultiple.call(r,e,t,n),r},b.prototype.unbind=function(e,t){return this.bind.call(this,e,(function(){}),t)},b.prototype.trigger=function(e,t){var n=this;return n._directMap[e+":"+t]&&n._directMap[e+":"+t]({},e),n},b.prototype.reset=function(){var e=this;return e._callbacks={},e._directMap={},e},b.prototype.stopCallback=function(e,t){if((" "+t.className+" ").indexOf(" mousetrap ")>-1)return!1;if(_(t,this.target))return!1;if("composedPath"in e&&"function"==typeof e.composedPath){var n=e.composedPath()[0];n!==e.target&&(t=n)}return"INPUT"==t.tagName||"SELECT"==t.tagName||"TEXTAREA"==t.tagName||t.isContentEditable},b.prototype.handleKey=function(){var e=this;return e._handleKey.apply(e,arguments)},b.addKeycodes=function(e){for(var t in e)e.hasOwnProperty(t)&&(l[t]=e[t]);a=null},b.init=function(){var e=b(o);for(var t in e)"_"!==t.charAt(0)&&(b[t]=function(t){return function(){return e[t].apply(e,arguments)}}(t))},b.init(),i.Mousetrap=b,e.exports&&(e.exports=b),void 0===(r=function(){return b}.call(t,n,t,e))||(e.exports=r)}function h(e,t,n){e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent("on"+t,n)}function f(e){if("keypress"==e.type){var t=String.fromCharCode(e.which);return e.shiftKey||(t=t.toLowerCase()),t}return l[e.which]?l[e.which]:c[e.which]?c[e.which]:String.fromCharCode(e.which).toLowerCase()}function A(e){return"shift"==e||"ctrl"==e||"alt"==e||"meta"==e}function g(e,t,n){return n||(n=function(){if(!a)for(var e in a={},l)e>95&&e<112||l.hasOwnProperty(e)&&(a[l[e]]=e);return a}()[e]?"keydown":"keypress"),"keypress"==n&&t.length&&(n="keydown"),n}function m(e,t){var n,r,i,o=[];for(n=function(e){return"+"===e?["+"]:(e=e.replace(/\+{2}/g,"+plus")).split("+")}(e),i=0;i<n.length;++i)r=n[i],p[r]&&(r=p[r]),t&&"keypress"!=t&&u[r]&&(r=u[r],o.push("shift")),A(r)&&o.push(r);return{key:r,modifiers:o,action:t=g(r,o,t)}}function _(e,t){return null!==e&&e!==o&&(e===t||_(e.parentNode,t))}function b(e){var t=this;if(e=e||o,!(t instanceof b))return new b(e);t.target=e,t._callbacks={},t._directMap={};var n,r={},i=!1,s=!1,a=!1;function l(e){e=e||{};var t,n=!1;for(t in r)e[t]?n=!0:r[t]=0;n||(a=!1)}function c(e,n,i,o,s,a){var l,c,u,p,d=[],h=i.type;if(!t._callbacks[e])return[];for("keyup"==h&&A(e)&&(n=[e]),l=0;l<t._callbacks[e].length;++l)if(c=t._callbacks[e][l],(o||!c.seq||r[c.seq]==c.level)&&h==c.action&&("keypress"==h&&!i.metaKey&&!i.ctrlKey||(u=n,p=c.modifiers,u.sort().join(",")===p.sort().join(",")))){var f=!o&&c.combo==s,g=o&&c.seq==o&&c.level==a;(f||g)&&t._callbacks[e].splice(l,1),d.push(c)}return d}function u(e,n,r,i){t.stopCallback(n,n.target||n.srcElement,r,i)||!1===e(n,r)&&(function(e){e.preventDefault?e.preventDefault():e.returnValue=!1}(n),function(e){e.stopPropagation?e.stopPropagation():e.cancelBubble=!0}(n))}function p(e){"number"!=typeof e.which&&(e.which=e.keyCode);var n=f(e);n&&("keyup"!=e.type||i!==n?t.handleKey(n,function(e){var t=[];return e.shiftKey&&t.push("shift"),e.altKey&&t.push("alt"),e.ctrlKey&&t.push("ctrl"),e.metaKey&&t.push("meta"),t}(e),e):i=!1)}function d(e,t,o,s){function c(t){return function(){a=t,++r[e],clearTimeout(n),n=setTimeout(l,1e3)}}function p(t){u(o,t,e),"keyup"!==s&&(i=f(t)),setTimeout(l,10)}r[e]=0;for(var d=0;d<t.length;++d){var h=d+1===t.length?p:c(s||m(t[d+1]).action);g(t[d],h,s,e,d)}}function g(e,n,r,i,o){t._directMap[e+":"+r]=n;var s,a=(e=e.replace(/\s+/g," ")).split(" ");a.length>1?d(e,a,n,r):(s=m(e,r),t._callbacks[s.key]=t._callbacks[s.key]||[],c(s.key,s.modifiers,{type:s.action},i,e,o),t._callbacks[s.key][i?"unshift":"push"]({callback:n,modifiers:s.modifiers,action:s.action,seq:i,level:o,combo:e}))}t._handleKey=function(e,t,n){var r,i=c(e,t,n),o={},p=0,d=!1;for(r=0;r<i.length;++r)i[r].seq&&(p=Math.max(p,i[r].level));for(r=0;r<i.length;++r)if(i[r].seq){if(i[r].level!=p)continue;d=!0,o[i[r].seq]=1,u(i[r].callback,n,i[r].combo,i[r].seq)}else d||u(i[r].callback,n,i[r].combo);var h="keypress"==n.type&&s;n.type!=a||A(e)||h||l(o),s=d&&"keydown"==n.type},t._bindMultiple=function(e,t,n){for(var r=0;r<e.length;++r)g(e[r],t,n)},h(e,"keypress",p),h(e,"keydown",p),h(e,"keyup",p)}}("undefined"!=typeof window?window:null,"undefined"!=typeof window?document:null)},function(e,t,n){"use strict";n.d(t,{Di:function(){return s.D},I:function(){return r.I},JA:function(){return s.J},Kz:function(){return l.K},Up:function(){return i.U},sZ:function(){return a.s},sk:function(){return o.s}});n(25);var r=n(88),i=n(89),o=(n(111),n(90),n(91)),s=n(86),a=n(45),l=n(112)},function(e,t,n){var r=n(29),i=n(31);function o(t,n){return delete e.exports[t],e.exports[t]=n,n}e.exports={Parser:r,Tokenizer:n(30),ElementType:n(21),DomHandler:i,get FeedHandler(){return o("FeedHandler",n(49))},get Stream(){return o("Stream",n(56))},get WritableStream(){return o("WritableStream",n(34))},get ProxyHandler(){return o("ProxyHandler",n(57))},get DomUtils(){return o("DomUtils",n(33))},get CollectingHandler(){return o("CollectingHandler",n(58))},DefaultHandler:i,get RssHandler(){return o("RssHandler",this.FeedHandler)},parseDOM:function(e,t){var n=new i(t);return new r(n,t).end(e),n.dom},parseFeed:function(t,n){var i=new e.exports.FeedHandler(n);return new r(i,n).end(t),i.dom},createDomStream:function(e,t,n){var o=new i(e,t,n);return new r(o,t)},EVENTS:{attribute:2,cdatastart:0,cdataend:0,text:1,processinginstruction:2,comment:1,commentend:0,closetag:1,opentag:2,opentagname:1,error:1,end:0}}},,function(e,t,n){"use strict";n.d(t,{JG:function(){return f},K1:function(){return _},QG:function(){return p},_l:function(){return d},m:function(){return A},nt:function(){return h},pt:function(){return c},sL:function(){return g}});var r=n(114),i=n(20),o=n(115),s=n(26),a=n(116),l=n(17);const c=e=>null===e||!("object"==typeof e||"function"==typeof e),u=e=>Array.isArray(e)||!(!e||!e[Symbol.iterator]);class p{constructor(e,t,n){this.dirty=!0,this.element=e,this.name=t,this.strings=n,this.parts=[];for(let r=0;r<n.length-1;r++)this.parts[r]=this._createPart()}_createPart(){return new d(this)}_getValue(){const e=this.strings,t=e.length-1,n=this.parts;if(1===t&&""===e[0]&&""===e[1]){const e=n[0].value;if("symbol"==typeof e)return String(e);if("string"==typeof e||!u(e))return e}let r="";for(let i=0;i<t;i++){r+=e[i];const t=n[i];if(void 0!==t){const e=t.value;if(c(e)||!u(e))r+="string"==typeof e?e:String(e);else for(const t of e)r+="string"==typeof t?t:String(t)}}return r+=e[t],r}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class d{constructor(e){this.value=void 0,this.committer=e}setValue(e){e===o.J||c(e)&&e===this.value||(this.value=e,(0,r.w)(e)||(this.committer.dirty=!0))}commit(){for(;(0,r.w)(this.value);){const e=this.value;this.value=o.J,e(this)}this.value!==o.J&&this.committer.commit()}}class h{constructor(e){this.value=void 0,this.__pendingValue=void 0,this.options=e}appendInto(e){this.startNode=e.appendChild((0,l.IW)()),this.endNode=e.appendChild((0,l.IW)())}insertAfterNode(e){this.startNode=e,this.endNode=e.nextSibling}appendIntoPart(e){e.__insert(this.startNode=(0,l.IW)()),e.__insert(this.endNode=(0,l.IW)())}insertAfterPart(e){e.__insert(this.startNode=(0,l.IW)()),this.endNode=e.endNode,e.endNode=this.startNode}setValue(e){this.__pendingValue=e}commit(){if(null===this.startNode.parentNode)return;for(;(0,r.w)(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=o.J,e(this)}const e=this.__pendingValue;e!==o.J&&(c(e)?e!==this.value&&this.__commitText(e):e instanceof a.j?this.__commitTemplateResult(e):e instanceof Node?this.__commitNode(e):u(e)?this.__commitIterable(e):e===o.L?(this.value=o.L,this.clear()):this.__commitText(e))}__insert(e){this.endNode.parentNode.insertBefore(e,this.endNode)}__commitNode(e){this.value!==e&&(this.clear(),this.__insert(e),this.value=e)}__commitText(e){const t=this.startNode.nextSibling,n="string"==typeof(e=null==e?"":e)?e:String(e);t===this.endNode.previousSibling&&3===t.nodeType?t.data=n:this.__commitNode(document.createTextNode(n)),this.value=e}__commitTemplateResult(e){const t=this.options.templateFactory(e);if(this.value instanceof s.R&&this.value.template===t)this.value.update(e.values);else{const n=new s.R(t,e.processor,this.options),r=n._clone();n.update(e.values),this.__commitNode(r),this.value=n}}__commitIterable(e){Array.isArray(this.value)||(this.value=[],this.clear());const t=this.value;let n,r=0;for(const i of e)n=t[r],void 0===n&&(n=new h(this.options),t.push(n),0===r?n.appendIntoPart(this):n.insertAfterPart(t[r-1])),n.setValue(i),n.commit(),r++;r<t.length&&(t.length=r,this.clear(n&&n.endNode))}clear(e=this.startNode){(0,i.r4)(this.startNode.parentNode,e.nextSibling,this.endNode)}}class f{constructor(e,t,n){if(this.value=void 0,this.__pendingValue=void 0,2!==n.length||""!==n[0]||""!==n[1])throw new Error("Boolean attributes can only contain a single expression");this.element=e,this.name=t,this.strings=n}setValue(e){this.__pendingValue=e}commit(){for(;(0,r.w)(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=o.J,e(this)}if(this.__pendingValue===o.J)return;const e=!!this.__pendingValue;this.value!==e&&(e?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=e),this.__pendingValue=o.J}}class A extends p{constructor(e,t,n){super(e,t,n),this.single=2===n.length&&""===n[0]&&""===n[1]}_createPart(){return new g(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}class g extends d{}let m=!1;(()=>{try{const e={get capture(){return m=!0,!1}};window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch(e){}})();class _{constructor(e,t,n){this.value=void 0,this.__pendingValue=void 0,this.element=e,this.eventName=t,this.eventContext=n,this.__boundHandleEvent=e=>this.handleEvent(e)}setValue(e){this.__pendingValue=e}commit(){for(;(0,r.w)(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=o.J,e(this)}if(this.__pendingValue===o.J)return;const e=this.__pendingValue,t=this.value,n=null==e||null!=t&&(e.capture!==t.capture||e.once!==t.once||e.passive!==t.passive),i=null!=e&&(null==t||n);n&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),i&&(this.__options=b(e),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=e,this.__pendingValue=o.J}handleEvent(e){"function"==typeof this.value?this.value.call(this.eventContext||this.element,e):this.value.handleEvent(e)}}const b=e=>e&&(m?{capture:e.capture,passive:e.passive,once:e.once}:e.capture)},function(e,t,n){"use strict";n.d(t,{$E:function(){return s},IW:function(){return u},Jw:function(){return r},N:function(){return i},W5:function(){return p},YS:function(){return a},pC:function(){return c}});const r=`{{lit-${String(Math.random()).slice(2)}}}`,i=`\x3c!--${r}--\x3e`,o=new RegExp(`${r}|${i}`),s="$lit$";class a{constructor(e,t){this.parts=[],this.element=t;const n=[],i=[],a=document.createTreeWalker(t.content,133,null,!1);let c=0,d=-1,h=0;const{strings:f,values:{length:A}}=e;for(;h<A;){const e=a.nextNode();if(null!==e){if(d++,1===e.nodeType){if(e.hasAttributes()){const t=e.attributes,{length:n}=t;let r=0;for(let e=0;e<n;e++)l(t[e].name,s)&&r++;for(;r-- >0;){const t=f[h],n=p.exec(t)[2],r=n.toLowerCase()+s,i=e.getAttribute(r);e.removeAttribute(r);const a=i.split(o);this.parts.push({type:"attribute",index:d,name:n,strings:a}),h+=a.length-1}}"TEMPLATE"===e.tagName&&(i.push(e),a.currentNode=e.content)}else if(3===e.nodeType){const t=e.data;if(t.indexOf(r)>=0){const r=e.parentNode,i=t.split(o),a=i.length-1;for(let t=0;t<a;t++){let n,o=i[t];if(""===o)n=u();else{const e=p.exec(o);null!==e&&l(e[2],s)&&(o=o.slice(0,e.index)+e[1]+e[2].slice(0,-s.length)+e[3]),n=document.createTextNode(o)}r.insertBefore(n,e),this.parts.push({type:"node",index:++d})}""===i[a]?(r.insertBefore(u(),e),n.push(e)):e.data=i[a],h+=a}}else if(8===e.nodeType)if(e.data===r){const t=e.parentNode;null!==e.previousSibling&&d!==c||(d++,t.insertBefore(u(),e)),c=d,this.parts.push({type:"node",index:d}),null===e.nextSibling?e.data="":(n.push(e),d--),h++}else{let t=-1;for(;-1!==(t=e.data.indexOf(r,t+1));)this.parts.push({type:"node",index:-1}),h++}}else a.currentNode=i.pop()}for(const r of n)r.parentNode.removeChild(r)}}const l=(e,t)=>{const n=e.length-t.length;return n>=0&&e.slice(n)===t},c=e=>-1!==e.index,u=()=>document.createComment(""),p=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/},function(e,t,n){"use strict";n.r(t),n.d(t,{Children:function(){return F},Component:function(){return a.wA},Fragment:function(){return a.HY},PureComponent:function(){return R},StrictMode:function(){return Se},Suspense:function(){return K},SuspenseList:function(){return X},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:function(){return _e},cloneElement:function(){return we},createContext:function(){return a.kr},createElement:function(){return a.az},createFactory:function(){return ve},createPortal:function(){return re},createRef:function(){return a.Vf},default:function(){return Oe},findDOMNode:function(){return xe},flushSync:function(){return Be},forwardRef:function(){return V},hydrate:function(){return ce},isValidElement:function(){return ye},lazy:function(){return J},memo:function(){return z},render:function(){return le},startTransition:function(){return Ee},unmountComponentAtNode:function(){return Ce},unstable_batchedUpdates:function(){return ke},useCallback:function(){return x},useContext:function(){return k},useDebugValue:function(){return B},useDeferredValue:function(){return Me},useEffect:function(){return b},useErrorBoundary:function(){return S},useId:function(){return E},useImperativeHandle:function(){return w},useInsertionEffect:function(){return qe},useLayoutEffect:function(){return v},useMemo:function(){return C},useReducer:function(){return _},useRef:function(){return y},useState:function(){return m},useSyncExternalStore:function(){return Le},useTransition:function(){return Te},version:function(){return be}});var r,i,o,s,a=n(9),l=0,c=[],u=[],p=a.YM.__b,d=a.YM.__r,h=a.YM.diffed,f=a.YM.__c,A=a.YM.unmount;function g(e,t){a.YM.__h&&a.YM.__h(i,e,l||t),l=0;var n=i.__H||(i.__H={__:[],__h:[]});return e>=n.__.length&&n.__.push({__V:u}),n.__[e]}function m(e){return l=1,_(N,e)}function _(e,t,n){var o=g(r++,2);if(o.t=e,!o.__c&&(o.__=[n?n(t):N(void 0,t),function(e){var t=o.__N?o.__N[0]:o.__[0],n=o.t(t,e);t!==n&&(o.__N=[n,o.__[1]],o.__c.setState({}))}],o.__c=i,!i.u)){i.u=!0;var s=i.shouldComponentUpdate;i.shouldComponentUpdate=function(e,t,n){if(!o.__c.__H)return!0;var r=o.__c.__H.__.filter((function(e){return e.__c}));if(r.every((function(e){return!e.__N})))return!s||s.call(this,e,t,n);var i=!1;return r.forEach((function(e){if(e.__N){var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(i=!0)}})),!(!i&&o.__c.props===e)&&(!s||s.call(this,e,t,n))}}return o.__N||o.__}function b(e,t){var n=g(r++,3);!a.YM.__s&&P(n.__H,t)&&(n.__=e,n.i=t,i.__H.__h.push(n))}function v(e,t){var n=g(r++,4);!a.YM.__s&&P(n.__H,t)&&(n.__=e,n.i=t,i.__h.push(n))}function y(e){return l=5,C((function(){return{current:e}}),[])}function w(e,t,n){l=6,v((function(){return"function"==typeof e?(e(t()),function(){return e(null)}):e?(e.current=t(),function(){return e.current=null}):void 0}),null==n?n:n.concat(e))}function C(e,t){var n=g(r++,7);return P(n.__H,t)?(n.__V=e(),n.i=t,n.__h=e,n.__V):n.__}function x(e,t){return l=8,C((function(){return e}),t)}function k(e){var t=i.context[e.__c],n=g(r++,9);return n.c=e,t?(null==n.__&&(n.__=!0,t.sub(i)),t.props.value):e.__}function B(e,t){a.YM.useDebugValue&&a.YM.useDebugValue(t?t(e):e)}function S(e){var t=g(r++,10),n=m();return t.__=e,i.componentDidCatch||(i.componentDidCatch=function(e,r){t.__&&t.__(e,r),n[1](e)}),[n[0],function(){n[1](void 0)}]}function E(){var e=g(r++,11);if(!e.__){for(var t=i.__v;null!==t&&!t.__m&&null!==t.__;)t=t.__;var n=t.__m||(t.__m=[0,0]);e.__="P"+n[0]+"-"+n[1]++}return e.__}function M(){for(var e;e=c.shift();)if(e.__P&&e.__H)try{e.__H.__h.forEach(L),e.__H.__h.forEach(O),e.__H.__h=[]}catch(i){e.__H.__h=[],a.YM.__e(i,e.__v)}}a.YM.__b=function(e){i=null,p&&p(e)},a.YM.__r=function(e){d&&d(e),r=0;var t=(i=e.__c).__H;t&&(o===i?(t.__h=[],i.__h=[],t.__.forEach((function(e){e.__N&&(e.__=e.__N),e.__V=u,e.__N=e.i=void 0}))):(t.__h.forEach(L),t.__h.forEach(O),t.__h=[])),o=i},a.YM.diffed=function(e){h&&h(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(1!==c.push(t)&&s===a.YM.requestAnimationFrame||((s=a.YM.requestAnimationFrame)||q)(M)),t.__H.__.forEach((function(e){e.i&&(e.__H=e.i),e.__V!==u&&(e.__=e.__V),e.i=void 0,e.__V=u}))),o=i=null},a.YM.__c=function(e,t){t.some((function(e){try{e.__h.forEach(L),e.__h=e.__h.filter((function(e){return!e.__||O(e)}))}catch(o){t.some((function(e){e.__h&&(e.__h=[])})),t=[],a.YM.__e(o,e.__v)}})),f&&f(e,t)},a.YM.unmount=function(e){A&&A(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.forEach((function(e){try{L(e)}catch(e){t=e}})),n.__H=void 0,t&&a.YM.__e(t,n.__v))};var T="function"==typeof requestAnimationFrame;function q(e){var t,n=function(){clearTimeout(r),T&&cancelAnimationFrame(t),setTimeout(e)},r=setTimeout(n,100);T&&(t=requestAnimationFrame(n))}function L(e){var t=i,n=e.__c;"function"==typeof n&&(e.__c=void 0,n()),i=t}function O(e){var t=i;e.__c=e.__(),i=t}function P(e,t){return!e||e.length!==t.length||t.some((function(t,n){return t!==e[n]}))}function N(e,t){return"function"==typeof t?t(e):t}function D(e,t){for(var n in t)e[n]=t[n];return e}function I(e,t){for(var n in e)if("__source"!==n&&!(n in t))return!0;for(var r in t)if("__source"!==r&&e[r]!==t[r])return!0;return!1}function U(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t}function R(e){this.props=e}function z(e,t){function n(e){var n=this.props.ref,r=n==e.ref;return!r&&n&&(n.call?n(null):n.current=null),t?!t(this.props,e)||!r:I(this.props,e)}function r(t){return this.shouldComponentUpdate=n,(0,a.az)(e,t)}return r.displayName="Memo("+(e.displayName||e.name)+")",r.prototype.isReactComponent=!0,r.__f=!0,r}(R.prototype=new a.wA).isPureReactComponent=!0,R.prototype.shouldComponentUpdate=function(e,t){return I(this.props,e)||I(this.state,t)};var j=a.YM.__b;a.YM.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),j&&j(e)};var H="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function V(e){function t(t){var n=D({},t);return delete n.ref,e(n,t.ref||null)}return t.$$typeof=H,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(e.displayName||e.name)+")",t}var Y=function(e,t){return null==e?null:(0,a.bR)((0,a.bR)(e).map(t))},F={map:Y,forEach:Y,count:function(e){return e?(0,a.bR)(e).length:0},only:function(e){var t=(0,a.bR)(e);if(1!==t.length)throw"Children.only";return t[0]},toArray:a.bR},W=a.YM.__e;a.YM.__e=function(e,t,n,r){if(e.then)for(var i,o=t;o=o.__;)if((i=o.__c)&&i.__c)return null==t.__e&&(t.__e=n.__e,t.__k=n.__k),i.__c(e,t);W(e,t,n,r)};var Z=a.YM.unmount;function $(e,t,n){return e&&(e.__c&&e.__c.__H&&(e.__c.__H.__.forEach((function(e){"function"==typeof e.__c&&e.__c()})),e.__c.__H=null),null!=(e=D({},e)).__c&&(e.__c.__P===n&&(e.__c.__P=t),e.__c=null),e.__k=e.__k&&e.__k.map((function(e){return $(e,t,n)}))),e}function G(e,t,n){return e&&(e.__v=null,e.__k=e.__k&&e.__k.map((function(e){return G(e,t,n)})),e.__c&&e.__c.__P===t&&(e.__e&&n.insertBefore(e.__e,e.__d),e.__c.__e=!0,e.__c.__P=n)),e}function K(){this.__u=0,this.t=null,this.__b=null}function Q(e){var t=e.__.__c;return t&&t.__a&&t.__a(e)}function J(e){var t,n,r;function i(i){if(t||(t=e()).then((function(e){n=e.default||e}),(function(e){r=e})),r)throw r;if(!n)throw t;return(0,a.az)(n,i)}return i.displayName="Lazy",i.__f=!0,i}function X(){this.u=null,this.o=null}a.YM.unmount=function(e){var t=e.__c;t&&t.__R&&t.__R(),t&&!0===e.__h&&(e.type=null),Z&&Z(e)},(K.prototype=new a.wA).__c=function(e,t){var n=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(n);var i=Q(r.__v),o=!1,s=function(){o||(o=!0,n.__R=null,i?i(a):a())};n.__R=s;var a=function(){if(!--r.__u){if(r.state.__a){var e=r.state.__a;r.__v.__k[0]=G(e,e.__c.__P,e.__c.__O)}var t;for(r.setState({__a:r.__b=null});t=r.t.pop();)t.forceUpdate()}},l=!0===t.__h;r.__u++||l||r.setState({__a:r.__b=r.__v.__k[0]}),e.then(s,s)},K.prototype.componentWillUnmount=function(){this.t=[]},K.prototype.render=function(e,t){if(this.__b){if(this.__v.__k){var n=document.createElement("div"),r=this.__v.__k[0].__c;this.__v.__k[0]=$(this.__b,n,r.__O=r.__P)}this.__b=null}var i=t.__a&&(0,a.az)(a.HY,null,e.fallback);return i&&(i.__h=null),[(0,a.az)(a.HY,null,t.__a?null:e.children),i]};var ee=function(e,t,n){if(++n[1]===n[0]&&e.o.delete(t),e.props.revealOrder&&("t"!==e.props.revealOrder[0]||!e.o.size))for(n=e.u;n;){for(;n.length>3;)n.pop()();if(n[1]<n[0])break;e.u=n=n[2]}};function te(e){return this.getChildContext=function(){return e.context},e.children}function ne(e){var t=this,n=e.i;t.componentWillUnmount=function(){(0,a.sY)(null,t.l),t.l=null,t.i=null},t.i&&t.i!==n&&t.componentWillUnmount(),e.__v?(t.l||(t.i=n,t.l={nodeType:1,parentNode:n,childNodes:[],appendChild:function(e){this.childNodes.push(e),t.i.appendChild(e)},insertBefore:function(e,n){this.childNodes.push(e),t.i.appendChild(e)},removeChild:function(e){this.childNodes.splice(this.childNodes.indexOf(e)>>>1,1),t.i.removeChild(e)}}),(0,a.sY)((0,a.az)(te,{context:t.context},e.__v),t.l)):t.l&&t.componentWillUnmount()}function re(e,t){var n=(0,a.az)(ne,{__v:e,i:t});return n.containerInfo=t,n}(X.prototype=new a.wA).__a=function(e){var t=this,n=Q(t.__v),r=t.o.get(e);return r[0]++,function(i){var o=function(){t.props.revealOrder?(r.push(i),ee(t,e,r)):i()};n?n(o):o()}},X.prototype.render=function(e){this.u=null,this.o=new Map;var t=(0,a.bR)(e.children);e.revealOrder&&"b"===e.revealOrder[0]&&t.reverse();for(var n=t.length;n--;)this.o.set(t[n],this.u=[1,0,this.u]);return e.children},X.prototype.componentDidUpdate=X.prototype.componentDidMount=function(){var e=this;this.o.forEach((function(t,n){ee(e,n,t)}))};var ie="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,oe=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,se="undefined"!=typeof document,ae=function(e){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/i:/fil|che|ra/i).test(e)};function le(e,t,n){return null==t.__k&&(t.textContent=""),(0,a.sY)(e,t),"function"==typeof n&&n(),e?e.__c:null}function ce(e,t,n){return(0,a.ZB)(e,t),"function"==typeof n&&n(),e?e.__c:null}a.wA.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach((function(e){Object.defineProperty(a.wA.prototype,e,{configurable:!0,get:function(){return this["UNSAFE_"+e]},set:function(t){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:t})}})}));var ue=a.YM.event;function pe(){}function de(){return this.cancelBubble}function he(){return this.defaultPrevented}a.YM.event=function(e){return ue&&(e=ue(e)),e.persist=pe,e.isPropagationStopped=de,e.isDefaultPrevented=he,e.nativeEvent=e};var fe,Ae={configurable:!0,get:function(){return this.class}},ge=a.YM.vnode;a.YM.vnode=function(e){var t=e.type,n=e.props,r=n;if("string"==typeof t){var i=-1===t.indexOf("-");for(var o in r={},n){var s=n[o];se&&"children"===o&&"noscript"===t||"value"===o&&"defaultValue"in n&&null==s||("defaultValue"===o&&"value"in n&&null==n.value?o="value":"download"===o&&!0===s?s="":/ondoubleclick/i.test(o)?o="ondblclick":/^onchange(textarea|input)/i.test(o+t)&&!ae(n.type)?o="oninput":/^onfocus$/i.test(o)?o="onfocusin":/^onblur$/i.test(o)?o="onfocusout":/^on(Ani|Tra|Tou|BeforeInp|Compo)/.test(o)?o=o.toLowerCase():i&&oe.test(o)?o=o.replace(/[A-Z0-9]/g,"-$&").toLowerCase():null===s&&(s=void 0),/^oninput$/i.test(o)&&(o=o.toLowerCase(),r[o]&&(o="oninputCapture")),r[o]=s)}"select"==t&&r.multiple&&Array.isArray(r.value)&&(r.value=(0,a.bR)(n.children).forEach((function(e){e.props.selected=-1!=r.value.indexOf(e.props.value)}))),"select"==t&&null!=r.defaultValue&&(r.value=(0,a.bR)(n.children).forEach((function(e){e.props.selected=r.multiple?-1!=r.defaultValue.indexOf(e.props.value):r.defaultValue==e.props.value}))),e.props=r,n.class!=n.className&&(Ae.enumerable="className"in n,null!=n.className&&(r.class=n.className),Object.defineProperty(r,"className",Ae))}e.$$typeof=ie,ge&&ge(e)};var me=a.YM.__r;a.YM.__r=function(e){me&&me(e),fe=e.__c};var _e={ReactCurrentDispatcher:{current:{readContext:function(e){return fe.__n[e.__c].props.value}}}},be="17.0.2";function ve(e){return a.az.bind(null,e)}function ye(e){return!!e&&e.$$typeof===ie}function we(e){return ye(e)?a.Tm.apply(null,arguments):e}function Ce(e){return!!e.__k&&((0,a.sY)(null,e),!0)}function xe(e){return e&&(e.base||1===e.nodeType&&e)||null}var ke=function(e,t){return e(t)},Be=function(e,t){return e(t)},Se=a.HY;function Ee(e){e()}function Me(e){return e}function Te(){return[!1,Ee]}var qe=v;function Le(e,t){var n=t(),r=m({h:{__:n,v:t}}),i=r[0].h,o=r[1];return v((function(){i.__=n,i.v=t,U(i.__,t())||o({h:i})}),[e,n,t]),b((function(){return U(i.__,i.v())||o({h:i}),e((function(){U(i.__,i.v())||o({h:i})}))}),[e]),n}var Oe={useState:m,useId:E,useReducer:_,useEffect:b,useLayoutEffect:v,useInsertionEffect:qe,useTransition:Te,useDeferredValue:Me,useSyncExternalStore:Le,startTransition:Ee,useRef:y,useImperativeHandle:w,useMemo:C,useCallback:x,useContext:k,useDebugValue:B,version:"17.0.2",Children:F,render:le,hydrate:ce,unmountComponentAtNode:Ce,createPortal:re,createElement:a.az,createContext:a.kr,createFactory:ve,cloneElement:we,createRef:a.Vf,Fragment:a.HY,isValidElement:ye,findDOMNode:xe,Component:a.wA,PureComponent:R,memo:z,forwardRef:V,flushSync:Be,unstable_batchedUpdates:ke,StrictMode:Se,Suspense:K,SuspenseList:X,lazy:J,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:_e}},function(e,t){var n;!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var o=typeof n;if("string"===o||"number"===o)e.push(n);else if(Array.isArray(n)){if(n.length){var s=i.apply(null,n);s&&e.push(s)}}else if("object"===o){if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]")){e.push(n.toString());continue}for(var a in n)r.call(n,a)&&n[a]&&e.push(a)}}}return e.join(" ")}e.exports?(i.default=i,e.exports=i):void 0===(n=function(){return i}.apply(t,[]))||(e.exports=n)}()},function(e,t,n){"use strict";n.d(t,{eC:function(){return r},r4:function(){return i}});const r="undefined"!=typeof window&&null!=window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,i=(e,t,n=null)=>{for(;t!==n;){const n=t.nextSibling;e.removeChild(t),t=n}}},function(e){e.exports={Text:"text",Directive:"directive",Comment:"comment",Script:"script",Style:"style",Tag:"tag",CDATA:"cdata",Doctype:"doctype",isTag:function(e){return"tag"===e.type||"script"===e.type||"style"===e.type}}},function(e,t,n){e.exports=n(59)()},function(e){"function"==typeof Object.create?e.exports=function(e,t){t&&(e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}))}:e.exports=function(e,t){if(t){e.super_=t;var n=function(){};n.prototype=t.prototype,e.prototype=new n,e.prototype.constructor=e}}},function(e,t,n){var r;!function(t){"use strict";function i(){}var o=i.prototype,s=t.EventEmitter;function a(e,t){for(var n=e.length;n--;)if(e[n].listener===t)return n;return-1}function l(e){return function(){return this[e].apply(this,arguments)}}function c(e){return"function"==typeof e||e instanceof RegExp||!(!e||"object"!=typeof e)&&c(e.listener)}o.getListeners=function(e){var t,n,r=this._getEvents();if(e instanceof RegExp)for(n in t={},r)r.hasOwnProperty(n)&&e.test(n)&&(t[n]=r[n]);else t=r[e]||(r[e]=[]);return t},o.flattenListeners=function(e){var t,n=[];for(t=0;t<e.length;t+=1)n.push(e[t].listener);return n},o.getListenersAsObject=function(e){var t,n=this.getListeners(e);return n instanceof Array&&((t={})[e]=n),t||n},o.addListener=function(e,t){if(!c(t))throw new TypeError("listener must be a function");var n,r=this.getListenersAsObject(e),i="object"==typeof t;for(n in r)r.hasOwnProperty(n)&&-1===a(r[n],t)&&r[n].push(i?t:{listener:t,once:!1});return this},o.on=l("addListener"),o.addOnceListener=function(e,t){return this.addListener(e,{listener:t,once:!0})},o.once=l("addOnceListener"),o.defineEvent=function(e){return this.getListeners(e),this},o.defineEvents=function(e){for(var t=0;t<e.length;t+=1)this.defineEvent(e[t]);return this},o.removeListener=function(e,t){var n,r,i=this.getListenersAsObject(e);for(r in i)i.hasOwnProperty(r)&&-1!==(n=a(i[r],t))&&i[r].splice(n,1);return this},o.off=l("removeListener"),o.addListeners=function(e,t){return this.manipulateListeners(!1,e,t)},o.removeListeners=function(e,t){return this.manipulateListeners(!0,e,t)},o.manipulateListeners=function(e,t,n){var r,i,o=e?this.removeListener:this.addListener,s=e?this.removeListeners:this.addListeners;if("object"!=typeof t||t instanceof RegExp)for(r=n.length;r--;)o.call(this,t,n[r]);else for(r in t)t.hasOwnProperty(r)&&(i=t[r])&&("function"==typeof i?o.call(this,r,i):s.call(this,r,i));return this},o.removeEvent=function(e){var t,n=typeof e,r=this._getEvents();if("string"===n)delete r[e];else if(e instanceof RegExp)for(t in r)r.hasOwnProperty(t)&&e.test(t)&&delete r[t];else delete this._events;return this},o.removeAllListeners=l("removeEvent"),o.emitEvent=function(e,t){var n,r,i,o,s=this.getListenersAsObject(e);for(o in s)if(s.hasOwnProperty(o))for(n=s[o].slice(0),i=0;i<n.length;i++)!0===(r=n[i]).once&&this.removeListener(e,r.listener),r.listener.apply(this,t||[])===this._getOnceReturnValue()&&this.removeListener(e,r.listener);return this},o.trigger=l("emitEvent"),o.emit=function(e){var t=Array.prototype.slice.call(arguments,1);return this.emitEvent(e,t)},o.setOnceReturnValue=function(e){return this._onceReturnValue=e,this},o._getOnceReturnValue=function(){return!this.hasOwnProperty("_onceReturnValue")||this._onceReturnValue},o._getEvents=function(){return this._events||(this._events={})},i.noConflict=function(){return t.EventEmitter=s,i},void 0===(r=function(){return i}.call(t,n,t,e))||(e.exports=r)}("undefined"!=typeof window?window:this||{})},function(){if(window.self!==window.top){const e=document.getElementsByTagName("a");for(let t=0;t<e.length;t++)e[t].onclick=function(e){const t=this.getAttribute("href"),n=this.getAttribute("target");if(void 0===n||"_parent"!==n&&"_blank"!==n){if(!t||"#"===t)return e.preventDefault(),!1;e.preventDefault(),window.location.replace(t)}else;return!0}}window.addEventListener("message",(function(e){if("file:"!==window.location.protocol&&e.origin!==window.location.protocol+"//"+window.location.host)return;let t,n={};try{n="string"!=typeof e.data?e.data:JSON.parse(e.data)}catch(r){}if(void 0!==n.event&&"patternLab.updatePath"===n.event)if(void 0!==window.patternData.patternPartial){const e=/(patterns|snapshots)\/(.*)$/;t=window.location.protocol+"//"+window.location.host+window.location.pathname.replace(e,"")+n.path+"?"+Date.now(),window.location.replace(t)}else t=window.location.protocol+"//"+window.location.host+window.location.pathname.replace("styleguide/html/styleguide.html","")+n.path+"?"+Date.now(),window.location.replace(t);else void 0!==n.event&&"patternLab.reload"===n.event&&window.location.reload()}),!1)},function(e,t,n){"use strict";n.d(t,{R:function(){return o}});var r=n(20),i=n(17);class o{constructor(e,t,n){this.__parts=[],this.template=e,this.processor=t,this.options=n}update(e){let t=0;for(const n of this.__parts)void 0!==n&&n.setValue(e[t]),t++;for(const n of this.__parts)void 0!==n&&n.commit()}_clone(){const e=r.eC?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),t=[],n=this.template.parts,o=document.createTreeWalker(e,133,null,!1);let s,a=0,l=0,c=o.nextNode();for(;a<n.length;)if(s=n[a],(0,i.pC)(s)){for(;l<s.index;)l++,"TEMPLATE"===c.nodeName&&(t.push(c),o.currentNode=c.content),null===(c=o.nextNode())&&(o.currentNode=t.pop(),c=o.nextNode());if("node"===s.type){const e=this.processor.handleTextExpression(this.options);e.insertAfterNode(c.previousSibling),this.__parts.push(e)}else this.__parts.push(...this.processor.handleAttributeExpressions(c,s.name,s.strings,this.options));a++}else this.__parts.push(void 0),a++;return r.eC&&(document.adoptNode(e),customElements.upgrade(e)),e}}},function(e,t,n){"use strict";n.d(t,{L:function(){return s},s:function(){return a}});var r=n(20),i=n(16),o=n(28);const s=new WeakMap,a=(e,t,n)=>{let a=s.get(t);void 0===a&&((0,r.r4)(t,t.firstChild),s.set(t,a=new i.nt(Object.assign({templateFactory:o.t},n))),a.appendInto(t)),a.setValue(e),a.commit()}},function(e,t,n){"use strict";n.d(t,{r:function(){return o},t:function(){return i}});var r=n(17);function i(e){let t=o.get(e.type);void 0===t&&(t={stringsArray:new WeakMap,keyString:new Map},o.set(e.type,t));let n=t.stringsArray.get(e.strings);if(void 0!==n)return n;const i=e.strings.join(r.Jw);return n=t.keyString.get(i),void 0===n&&(n=new r.YS(e,e.getTemplateElement()),t.keyString.set(i,n)),t.stringsArray.set(e.strings,n),n}const o=new Map},function(e,t,n){var r=n(30),i={input:!0,option:!0,optgroup:!0,select:!0,button:!0,datalist:!0,textarea:!0},o={tr:{tr:!0,th:!0,td:!0},th:{th:!0},td:{thead:!0,th:!0,td:!0},body:{head:!0,link:!0,script:!0},li:{li:!0},p:{p:!0},h1:{p:!0},h2:{p:!0},h3:{p:!0},h4:{p:!0},h5:{p:!0},h6:{p:!0},select:i,input:i,output:i,button:i,datalist:i,textarea:i,option:{option:!0},optgroup:{optgroup:!0}},s={__proto__:null,area:!0,base:!0,basefont:!0,br:!0,col:!0,command:!0,embed:!0,frame:!0,hr:!0,img:!0,input:!0,isindex:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0},a={__proto__:null,math:!0,svg:!0},l={__proto__:null,mi:!0,mo:!0,mn:!0,ms:!0,mtext:!0,"annotation-xml":!0,foreignObject:!0,desc:!0,title:!0},c=/\s|\//;function u(e,t){this._options=t||{},this._cbs=e||{},this._tagname="",this._attribname="",this._attribvalue="",this._attribs=null,this._stack=[],this._foreignContext=[],this.startIndex=0,this.endIndex=null,this._lowerCaseTagNames="lowerCaseTags"in this._options?!!this._options.lowerCaseTags:!this._options.xmlMode,this._lowerCaseAttributeNames="lowerCaseAttributeNames"in this._options?!!this._options.lowerCaseAttributeNames:!this._options.xmlMode,this._options.Tokenizer&&(r=this._options.Tokenizer),this._tokenizer=new r(this._options,this),this._cbs.onparserinit&&this._cbs.onparserinit(this)}n(23)(u,n(47).EventEmitter),u.prototype._updatePosition=function(e){null===this.endIndex?this._tokenizer._sectionStart<=e?this.startIndex=0:this.startIndex=this._tokenizer._sectionStart-e:this.startIndex=this.endIndex+1,this.endIndex=this._tokenizer.getAbsoluteIndex()},u.prototype.ontext=function(e){this._updatePosition(1),this.endIndex--,this._cbs.ontext&&this._cbs.ontext(e)},u.prototype.onopentagname=function(e){if(this._lowerCaseTagNames&&(e=e.toLowerCase()),this._tagname=e,!this._options.xmlMode&&e in o)for(var t;(t=this._stack[this._stack.length-1])in o[e];this.onclosetag(t));!this._options.xmlMode&&e in s||(this._stack.push(e),e in a?this._foreignContext.push(!0):e in l&&this._foreignContext.push(!1)),this._cbs.onopentagname&&this._cbs.onopentagname(e),this._cbs.onopentag&&(this._attribs={})},u.prototype.onopentagend=function(){this._updatePosition(1),this._attribs&&(this._cbs.onopentag&&this._cbs.onopentag(this._tagname,this._attribs),this._attribs=null),!this._options.xmlMode&&this._cbs.onclosetag&&this._tagname in s&&this._cbs.onclosetag(this._tagname),this._tagname=""},u.prototype.onclosetag=function(e){if(this._updatePosition(1),this._lowerCaseTagNames&&(e=e.toLowerCase()),(e in a||e in l)&&this._foreignContext.pop(),!this._stack.length||e in s&&!this._options.xmlMode)this._options.xmlMode||"br"!==e&&"p"!==e||(this.onopentagname(e),this._closeCurrentTag());else{var t=this._stack.lastIndexOf(e);if(-1!==t)if(this._cbs.onclosetag)for(t=this._stack.length-t;t--;)this._cbs.onclosetag(this._stack.pop());else this._stack.length=t;else"p"!==e||this._options.xmlMode||(this.onopentagname(e),this._closeCurrentTag())}},u.prototype.onselfclosingtag=function(){this._options.xmlMode||this._options.recognizeSelfClosing||this._foreignContext[this._foreignContext.length-1]?this._closeCurrentTag():this.onopentagend()},u.prototype._closeCurrentTag=function(){var e=this._tagname;this.onopentagend(),this._stack[this._stack.length-1]===e&&(this._cbs.onclosetag&&this._cbs.onclosetag(e),this._stack.pop())},u.prototype.onattribname=function(e){this._lowerCaseAttributeNames&&(e=e.toLowerCase()),this._attribname=e},u.prototype.onattribdata=function(e){this._attribvalue+=e},u.prototype.onattribend=function(){this._cbs.onattribute&&this._cbs.onattribute(this._attribname,this._attribvalue),this._attribs&&!Object.prototype.hasOwnProperty.call(this._attribs,this._attribname)&&(this._attribs[this._attribname]=this._attribvalue),this._attribname="",this._attribvalue=""},u.prototype._getInstructionName=function(e){var t=e.search(c),n=t<0?e:e.substr(0,t);return this._lowerCaseTagNames&&(n=n.toLowerCase()),n},u.prototype.ondeclaration=function(e){if(this._cbs.onprocessinginstruction){var t=this._getInstructionName(e);this._cbs.onprocessinginstruction("!"+t,"!"+e)}},u.prototype.onprocessinginstruction=function(e){if(this._cbs.onprocessinginstruction){var t=this._getInstructionName(e);this._cbs.onprocessinginstruction("?"+t,"?"+e)}},u.prototype.oncomment=function(e){this._updatePosition(4),this._cbs.oncomment&&this._cbs.oncomment(e),this._cbs.oncommentend&&this._cbs.oncommentend()},u.prototype.oncdata=function(e){this._updatePosition(1),this._options.xmlMode||this._options.recognizeCDATA?(this._cbs.oncdatastart&&this._cbs.oncdatastart(),this._cbs.ontext&&this._cbs.ontext(e),this._cbs.oncdataend&&this._cbs.oncdataend()):this.oncomment("[CDATA["+e+"]]")},u.prototype.onerror=function(e){this._cbs.onerror&&this._cbs.onerror(e)},u.prototype.onend=function(){if(this._cbs.onclosetag)for(var e=this._stack.length;e>0;this._cbs.onclosetag(this._stack[--e]));this._cbs.onend&&this._cbs.onend()},u.prototype.reset=function(){this._cbs.onreset&&this._cbs.onreset(),this._tokenizer.reset(),this._tagname="",this._attribname="",this._attribs=null,this._stack=[],this._cbs.onparserinit&&this._cbs.onparserinit(this)},u.prototype.parseComplete=function(e){this.reset(),this.end(e)},u.prototype.write=function(e){this._tokenizer.write(e)},u.prototype.end=function(e){this._tokenizer.end(e)},u.prototype.pause=function(){this._tokenizer.pause()},u.prototype.resume=function(){this._tokenizer.resume()},u.prototype.parseChunk=u.prototype.write,u.prototype.done=u.prototype.end,e.exports=u},function(e,t,n){e.exports=ge;var r=n(46),i=n(118),o=n(119),s=n(120),a=0,l=a++,c=a++,u=a++,p=a++,d=a++,h=a++,f=a++,A=a++,g=a++,m=a++,_=a++,b=a++,v=a++,y=a++,w=a++,C=a++,x=a++,k=a++,B=a++,S=a++,E=a++,M=a++,T=a++,q=a++,L=a++,O=a++,P=a++,N=a++,D=a++,I=a++,U=a++,R=a++,z=a++,j=a++,H=a++,V=a++,Y=a++,F=a++,W=a++,Z=a++,$=a++,G=a++,K=a++,Q=a++,J=a++,X=a++,ee=a++,te=a++,ne=a++,re=a++,ie=a++,oe=a++,se=a++,ae=a++,le=a++,ce=0,ue=ce++,pe=ce++,de=ce++;function he(e){return" "===e||"\n"===e||"\t"===e||"\f"===e||"\r"===e}function fe(e,t,n){var r=e.toLowerCase();return e===r?function(e){e===r?this._state=t:(this._state=n,this._index--)}:function(i){i===r||i===e?this._state=t:(this._state=n,this._index--)}}function Ae(e,t){var n=e.toLowerCase();return function(r){r===n||r===e?this._state=t:(this._state=u,this._index--)}}function ge(e,t){this._state=l,this._buffer="",this._sectionStart=0,this._index=0,this._bufferOffset=0,this._baseState=l,this._special=ue,this._cbs=t,this._running=!0,this._ended=!1,this._xmlMode=!(!e||!e.xmlMode),this._decodeEntities=!(!e||!e.decodeEntities)}ge.prototype._stateText=function(e){"<"===e?(this._index>this._sectionStart&&this._cbs.ontext(this._getSection()),this._state=c,this._sectionStart=this._index):this._decodeEntities&&this._special===ue&&"&"===e&&(this._index>this._sectionStart&&this._cbs.ontext(this._getSection()),this._baseState=l,this._state=ie,this._sectionStart=this._index)},ge.prototype._stateBeforeTagName=function(e){"/"===e?this._state=d:"<"===e?(this._cbs.ontext(this._getSection()),this._sectionStart=this._index):">"===e||this._special!==ue||he(e)?this._state=l:"!"===e?(this._state=w,this._sectionStart=this._index+1):"?"===e?(this._state=x,this._sectionStart=this._index+1):(this._state=this._xmlMode||"s"!==e&&"S"!==e?u:U,this._sectionStart=this._index)},ge.prototype._stateInTagName=function(e){("/"===e||">"===e||he(e))&&(this._emitToken("onopentagname"),this._state=A,this._index--)},ge.prototype._stateBeforeCloseingTagName=function(e){he(e)||(">"===e?this._state=l:this._special!==ue?"s"===e||"S"===e?this._state=R:(this._state=l,this._index--):(this._state=h,this._sectionStart=this._index))},ge.prototype._stateInCloseingTagName=function(e){(">"===e||he(e))&&(this._emitToken("onclosetag"),this._state=f,this._index--)},ge.prototype._stateAfterCloseingTagName=function(e){">"===e&&(this._state=l,this._sectionStart=this._index+1)},ge.prototype._stateBeforeAttributeName=function(e){">"===e?(this._cbs.onopentagend(),this._state=l,this._sectionStart=this._index+1):"/"===e?this._state=p:he(e)||(this._state=g,this._sectionStart=this._index)},ge.prototype._stateInSelfClosingTag=function(e){">"===e?(this._cbs.onselfclosingtag(),this._state=l,this._sectionStart=this._index+1):he(e)||(this._state=A,this._index--)},ge.prototype._stateInAttributeName=function(e){("="===e||"/"===e||">"===e||he(e))&&(this._cbs.onattribname(this._getSection()),this._sectionStart=-1,this._state=m,this._index--)},ge.prototype._stateAfterAttributeName=function(e){"="===e?this._state=_:"/"===e||">"===e?(this._cbs.onattribend(),this._state=A,this._index--):he(e)||(this._cbs.onattribend(),this._state=g,this._sectionStart=this._index)},ge.prototype._stateBeforeAttributeValue=function(e){'"'===e?(this._state=b,this._sectionStart=this._index+1):"'"===e?(this._state=v,this._sectionStart=this._index+1):he(e)||(this._state=y,this._sectionStart=this._index,this._index--)},ge.prototype._stateInAttributeValueDoubleQuotes=function(e){'"'===e?(this._emitToken("onattribdata"),this._cbs.onattribend(),this._state=A):this._decodeEntities&&"&"===e&&(this._emitToken("onattribdata"),this._baseState=this._state,this._state=ie,this._sectionStart=this._index)},ge.prototype._stateInAttributeValueSingleQuotes=function(e){"'"===e?(this._emitToken("onattribdata"),this._cbs.onattribend(),this._state=A):this._decodeEntities&&"&"===e&&(this._emitToken("onattribdata"),this._baseState=this._state,this._state=ie,this._sectionStart=this._index)},ge.prototype._stateInAttributeValueNoQuotes=function(e){he(e)||">"===e?(this._emitToken("onattribdata"),this._cbs.onattribend(),this._state=A,this._index--):this._decodeEntities&&"&"===e&&(this._emitToken("onattribdata"),this._baseState=this._state,this._state=ie,this._sectionStart=this._index)},ge.prototype._stateBeforeDeclaration=function(e){this._state="["===e?M:"-"===e?k:C},ge.prototype._stateInDeclaration=function(e){">"===e&&(this._cbs.ondeclaration(this._getSection()),this._state=l,this._sectionStart=this._index+1)},ge.prototype._stateInProcessingInstruction=function(e){">"===e&&(this._cbs.onprocessinginstruction(this._getSection()),this._state=l,this._sectionStart=this._index+1)},ge.prototype._stateBeforeComment=function(e){"-"===e?(this._state=B,this._sectionStart=this._index+1):this._state=C},ge.prototype._stateInComment=function(e){"-"===e&&(this._state=S)},ge.prototype._stateAfterComment1=function(e){this._state="-"===e?E:B},ge.prototype._stateAfterComment2=function(e){">"===e?(this._cbs.oncomment(this._buffer.substring(this._sectionStart,this._index-2)),this._state=l,this._sectionStart=this._index+1):"-"!==e&&(this._state=B)},ge.prototype._stateBeforeCdata1=fe("C",T,C),ge.prototype._stateBeforeCdata2=fe("D",q,C),ge.prototype._stateBeforeCdata3=fe("A",L,C),ge.prototype._stateBeforeCdata4=fe("T",O,C),ge.prototype._stateBeforeCdata5=fe("A",P,C),ge.prototype._stateBeforeCdata6=function(e){"["===e?(this._state=N,this._sectionStart=this._index+1):(this._state=C,this._index--)},ge.prototype._stateInCdata=function(e){"]"===e&&(this._state=D)},ge.prototype._stateAfterCdata1=function(e){this._state="]"===e?I:N},ge.prototype._stateAfterCdata2=function(e){">"===e?(this._cbs.oncdata(this._buffer.substring(this._sectionStart,this._index-2)),this._state=l,this._sectionStart=this._index+1):"]"!==e&&(this._state=N)},ge.prototype._stateBeforeSpecial=function(e){"c"===e||"C"===e?this._state=z:"t"===e||"T"===e?this._state=K:(this._state=u,this._index--)},ge.prototype._stateBeforeSpecialEnd=function(e){this._special!==pe||"c"!==e&&"C"!==e?this._special!==de||"t"!==e&&"T"!==e?this._state=l:this._state=ee:this._state=F},ge.prototype._stateBeforeScript1=Ae("R",j),ge.prototype._stateBeforeScript2=Ae("I",H),ge.prototype._stateBeforeScript3=Ae("P",V),ge.prototype._stateBeforeScript4=Ae("T",Y),ge.prototype._stateBeforeScript5=function(e){("/"===e||">"===e||he(e))&&(this._special=pe),this._state=u,this._index--},ge.prototype._stateAfterScript1=fe("R",W,l),ge.prototype._stateAfterScript2=fe("I",Z,l),ge.prototype._stateAfterScript3=fe("P",$,l),ge.prototype._stateAfterScript4=fe("T",G,l),ge.prototype._stateAfterScript5=function(e){">"===e||he(e)?(this._special=ue,this._state=h,this._sectionStart=this._index-6,this._index--):this._state=l},ge.prototype._stateBeforeStyle1=Ae("Y",Q),ge.prototype._stateBeforeStyle2=Ae("L",J),ge.prototype._stateBeforeStyle3=Ae("E",X),ge.prototype._stateBeforeStyle4=function(e){("/"===e||">"===e||he(e))&&(this._special=de),this._state=u,this._index--},ge.prototype._stateAfterStyle1=fe("Y",te,l),ge.prototype._stateAfterStyle2=fe("L",ne,l),ge.prototype._stateAfterStyle3=fe("E",re,l),ge.prototype._stateAfterStyle4=function(e){">"===e||he(e)?(this._special=ue,this._state=h,this._sectionStart=this._index-5,this._index--):this._state=l},ge.prototype._stateBeforeEntity=fe("#",oe,se),ge.prototype._stateBeforeNumericEntity=fe("X",le,ae),ge.prototype._parseNamedEntityStrict=function(){if(this._sectionStart+1<this._index){var e=this._buffer.substring(this._sectionStart+1,this._index),t=this._xmlMode?s:i;t.hasOwnProperty(e)&&(this._emitPartial(t[e]),this._sectionStart=this._index+1)}},ge.prototype._parseLegacyEntity=function(){var e=this._sectionStart+1,t=this._index-e;for(t>6&&(t=6);t>=2;){var n=this._buffer.substr(e,t);if(o.hasOwnProperty(n))return this._emitPartial(o[n]),void(this._sectionStart+=t+1);t--}},ge.prototype._stateInNamedEntity=function(e){";"===e?(this._parseNamedEntityStrict(),this._sectionStart+1<this._index&&!this._xmlMode&&this._parseLegacyEntity(),this._state=this._baseState):(e<"a"||e>"z")&&(e<"A"||e>"Z")&&(e<"0"||e>"9")&&(this._xmlMode||this._sectionStart+1===this._index||(this._baseState!==l?"="!==e&&this._parseNamedEntityStrict():this._parseLegacyEntity()),this._state=this._baseState,this._index--)},ge.prototype._decodeNumericEntity=function(e,t){var n=this._sectionStart+e;if(n!==this._index){var i=this._buffer.substring(n,this._index),o=parseInt(i,t);this._emitPartial(r(o)),this._sectionStart=this._index}else this._sectionStart--;this._state=this._baseState},ge.prototype._stateInNumericEntity=function(e){";"===e?(this._decodeNumericEntity(2,10),this._sectionStart++):(e<"0"||e>"9")&&(this._xmlMode?this._state=this._baseState:this._decodeNumericEntity(2,10),this._index--)},ge.prototype._stateInHexEntity=function(e){";"===e?(this._decodeNumericEntity(3,16),this._sectionStart++):(e<"a"||e>"f")&&(e<"A"||e>"F")&&(e<"0"||e>"9")&&(this._xmlMode?this._state=this._baseState:this._decodeNumericEntity(3,16),this._index--)},ge.prototype._cleanup=function(){this._sectionStart<0?(this._buffer="",this._bufferOffset+=this._index,this._index=0):this._running&&(this._state===l?(this._sectionStart!==this._index&&this._cbs.ontext(this._buffer.substr(this._sectionStart)),this._buffer="",this._bufferOffset+=this._index,this._index=0):this._sectionStart===this._index?(this._buffer="",this._bufferOffset+=this._index,this._index=0):(this._buffer=this._buffer.substr(this._sectionStart),this._index-=this._sectionStart,this._bufferOffset+=this._sectionStart),this._sectionStart=0)},ge.prototype.write=function(e){this._ended&&this._cbs.onerror(Error(".write() after done!")),this._buffer+=e,this._parse()},ge.prototype._parse=function(){for(;this._index<this._buffer.length&&this._running;){var e=this._buffer.charAt(this._index);this._state===l?this._stateText(e):this._state===c?this._stateBeforeTagName(e):this._state===u?this._stateInTagName(e):this._state===d?this._stateBeforeCloseingTagName(e):this._state===h?this._stateInCloseingTagName(e):this._state===f?this._stateAfterCloseingTagName(e):this._state===p?this._stateInSelfClosingTag(e):this._state===A?this._stateBeforeAttributeName(e):this._state===g?this._stateInAttributeName(e):this._state===m?this._stateAfterAttributeName(e):this._state===_?this._stateBeforeAttributeValue(e):this._state===b?this._stateInAttributeValueDoubleQuotes(e):this._state===v?this._stateInAttributeValueSingleQuotes(e):this._state===y?this._stateInAttributeValueNoQuotes(e):this._state===w?this._stateBeforeDeclaration(e):this._state===C?this._stateInDeclaration(e):this._state===x?this._stateInProcessingInstruction(e):this._state===k?this._stateBeforeComment(e):this._state===B?this._stateInComment(e):this._state===S?this._stateAfterComment1(e):this._state===E?this._stateAfterComment2(e):this._state===M?this._stateBeforeCdata1(e):this._state===T?this._stateBeforeCdata2(e):this._state===q?this._stateBeforeCdata3(e):this._state===L?this._stateBeforeCdata4(e):this._state===O?this._stateBeforeCdata5(e):this._state===P?this._stateBeforeCdata6(e):this._state===N?this._stateInCdata(e):this._state===D?this._stateAfterCdata1(e):this._state===I?this._stateAfterCdata2(e):this._state===U?this._stateBeforeSpecial(e):this._state===R?this._stateBeforeSpecialEnd(e):this._state===z?this._stateBeforeScript1(e):this._state===j?this._stateBeforeScript2(e):this._state===H?this._stateBeforeScript3(e):this._state===V?this._stateBeforeScript4(e):this._state===Y?this._stateBeforeScript5(e):this._state===F?this._stateAfterScript1(e):this._state===W?this._stateAfterScript2(e):this._state===Z?this._stateAfterScript3(e):this._state===$?this._stateAfterScript4(e):this._state===G?this._stateAfterScript5(e):this._state===K?this._stateBeforeStyle1(e):this._state===Q?this._stateBeforeStyle2(e):this._state===J?this._stateBeforeStyle3(e):this._state===X?this._stateBeforeStyle4(e):this._state===ee?this._stateAfterStyle1(e):this._state===te?this._stateAfterStyle2(e):this._state===ne?this._stateAfterStyle3(e):this._state===re?this._stateAfterStyle4(e):this._state===ie?this._stateBeforeEntity(e):this._state===oe?this._stateBeforeNumericEntity(e):this._state===se?this._stateInNamedEntity(e):this._state===ae?this._stateInNumericEntity(e):this._state===le?this._stateInHexEntity(e):this._cbs.onerror(Error("unknown _state"),this._state),this._index++}this._cleanup()},ge.prototype.pause=function(){this._running=!1},ge.prototype.resume=function(){this._running=!0,this._index<this._buffer.length&&this._parse(),this._ended&&this._finish()},ge.prototype.end=function(e){this._ended&&this._cbs.onerror(Error(".end() after done!")),e&&this.write(e),this._ended=!0,this._running&&this._finish()},ge.prototype._finish=function(){this._sectionStart<this._index&&this._handleTrailingData(),this._cbs.onend()},ge.prototype._handleTrailingData=function(){var e=this._buffer.substr(this._sectionStart);this._state===N||this._state===D||this._state===I?this._cbs.oncdata(e):this._state===B||this._state===S||this._state===E?this._cbs.oncomment(e):this._state!==se||this._xmlMode?this._state!==ae||this._xmlMode?this._state!==le||this._xmlMode?this._state!==u&&this._state!==A&&this._state!==_&&this._state!==m&&this._state!==g&&this._state!==v&&this._state!==b&&this._state!==y&&this._state!==h&&this._cbs.ontext(e):(this._decodeNumericEntity(3,16),this._sectionStart<this._index&&(this._state=this._baseState,this._handleTrailingData())):(this._decodeNumericEntity(2,10),this._sectionStart<this._index&&(this._state=this._baseState,this._handleTrailingData())):(this._parseLegacyEntity(),this._sectionStart<this._index&&(this._state=this._baseState,this._handleTrailingData()))},ge.prototype.reset=function(){ge.call(this,{xmlMode:this._xmlMode,decodeEntities:this._decodeEntities},this._cbs)},ge.prototype.getAbsoluteIndex=function(){return this._bufferOffset+this._index},ge.prototype._getSection=function(){return this._buffer.substring(this._sectionStart,this._index)},ge.prototype._emitToken=function(e){this._cbs[e](this._getSection()),this._sectionStart=-1},ge.prototype._emitPartial=function(e){this._baseState!==l?this._cbs.onattribdata(e):this._cbs.ontext(e)}},function(e,t,n){var r=n(21),i=/\s+/g,o=n(32),s=n(48);function a(e,t,n){"object"==typeof e?(n=t,t=e,e=null):"function"==typeof t&&(n=t,t=l),this._callback=e,this._options=t||l,this._elementCB=n,this.dom=[],this._done=!1,this._tagStack=[],this._parser=this._parser||null}var l={normalizeWhitespace:!1,withStartIndices:!1,withEndIndices:!1};a.prototype.onparserinit=function(e){this._parser=e},a.prototype.onreset=function(){a.call(this,this._callback,this._options,this._elementCB)},a.prototype.onend=function(){this._done||(this._done=!0,this._parser=null,this._handleCallback(null))},a.prototype._handleCallback=a.prototype.onerror=function(e){if("function"==typeof this._callback)this._callback(e,this.dom);else if(e)throw e},a.prototype.onclosetag=function(){var e=this._tagStack.pop();this._options.withEndIndices&&e&&(e.endIndex=this._parser.endIndex),this._elementCB&&this._elementCB(e)},a.prototype._createDomElement=function(e){if(!this._options.withDomLvl1)return e;var t;for(var n in t="tag"===e.type?Object.create(s):Object.create(o),e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},a.prototype._addDomElement=function(e){var t=this._tagStack[this._tagStack.length-1],n=t?t.children:this.dom,r=n[n.length-1];e.next=null,this._options.withStartIndices&&(e.startIndex=this._parser.startIndex),this._options.withEndIndices&&(e.endIndex=this._parser.endIndex),r?(e.prev=r,r.next=e):e.prev=null,n.push(e),e.parent=t||null},a.prototype.onopentag=function(e,t){var n={type:"script"===e?r.Script:"style"===e?r.Style:r.Tag,name:e,attribs:t,children:[]},i=this._createDomElement(n);this._addDomElement(i),this._tagStack.push(i)},a.prototype.ontext=function(e){var t,n=this._options.normalizeWhitespace||this._options.ignoreWhitespace;if(!this._tagStack.length&&this.dom.length&&(t=this.dom[this.dom.length-1]).type===r.Text)n?t.data=(t.data+e).replace(i," "):t.data+=e;else if(this._tagStack.length&&(t=this._tagStack[this._tagStack.length-1])&&(t=t.children[t.children.length-1])&&t.type===r.Text)n?t.data=(t.data+e).replace(i," "):t.data+=e;else{n&&(e=e.replace(i," "));var o=this._createDomElement({data:e,type:r.Text});this._addDomElement(o)}},a.prototype.oncomment=function(e){var t=this._tagStack[this._tagStack.length-1];if(t&&t.type===r.Comment)t.data+=e;else{var n={data:e,type:r.Comment},i=this._createDomElement(n);this._addDomElement(i),this._tagStack.push(i)}},a.prototype.oncdatastart=function(){var e={children:[{data:"",type:r.Text}],type:r.CDATA},t=this._createDomElement(e);this._addDomElement(t),this._tagStack.push(t)},a.prototype.oncommentend=a.prototype.oncdataend=function(){this._tagStack.pop()},a.prototype.onprocessinginstruction=function(e,t){var n=this._createDomElement({name:e,data:t,type:r.Directive});this._addDomElement(n)},e.exports=a},function(e){var t=e.exports={get firstChild(){var e=this.children;return e&&e[0]||null},get lastChild(){var e=this.children;return e&&e[e.length-1]||null},get nodeType(){return r[this.type]||r.element}},n={tagName:"name",childNodes:"children",parentNode:"parent",previousSibling:"prev",nextSibling:"next",nodeValue:"data"},r={element:1,text:3,cdata:4,comment:8};Object.keys(n).forEach((function(e){var r=n[e];Object.defineProperty(t,e,{get:function(){return this[r]||null},set:function(e){return this[r]=e,e}})}))},function(e,t,n){var r=e.exports;[n(50),n(125),n(126),n(55),n(127),n(128)].forEach((function(e){Object.keys(e).forEach((function(t){r[t]=e[t].bind(r)}))}))},function(e,t,n){e.exports=a;var r=n(29),i=n(129).Writable,o=n(130).s,s=n(35).Buffer;function a(e,t){var n=this._parser=new r(e,t),s=this._decoder=new o;i.call(this,{decodeStrings:!1}),this.once("finish",(function(){n.end(s.end())}))}n(23)(a,i),a.prototype._write=function(e,t,n){e instanceof s&&(e=this._decoder.write(e)),this._parser.write(e),n()}},function(e,t,n){"use strict";var r=n(131),i=n(132),o="function"==typeof Symbol&&"function"==typeof Symbol.for?Symbol.for("nodejs.util.inspect.custom"):null;t.Buffer=l,t.SlowBuffer=function(e){+e!=e&&(e=0);return l.alloc(+e)},t.INSPECT_MAX_BYTES=50;var s=2147483647;function a(e){if(e>s)throw new RangeError('The value "'+e+'" is invalid for option "size"');var t=new Uint8Array(e);return Object.setPrototypeOf(t,l.prototype),t}function l(e,t,n){if("number"==typeof e){if("string"==typeof t)throw new TypeError('The "string" argument must be of type string. Received type number');return p(e)}return c(e,t,n)}function c(e,t,n){if("string"==typeof e)return function(e,t){"string"==typeof t&&""!==t||(t="utf8");if(!l.isEncoding(t))throw new TypeError("Unknown encoding: "+t);var n=0|A(e,t),r=a(n),i=r.write(e,t);i!==n&&(r=r.slice(0,i));return r}(e,t);if(ArrayBuffer.isView(e))return function(e){if(j(e,Uint8Array)){var t=new Uint8Array(e);return h(t.buffer,t.byteOffset,t.byteLength)}return d(e)}(e);if(null==e)throw new TypeError("The first argument must be one of type string, Buffer, ArrayBuffer, Array, or Array-like Object. Received type "+typeof e);if(j(e,ArrayBuffer)||e&&j(e.buffer,ArrayBuffer))return h(e,t,n);if("undefined"!=typeof SharedArrayBuffer&&(j(e,SharedArrayBuffer)||e&&j(e.buffer,SharedArrayBuffer)))return h(e,t,n);if("number"==typeof e)throw new TypeError('The "value" argument must not be of type number. Received type number');var r=e.valueOf&&e.valueOf();if(null!=r&&r!==e)return l.from(r,t,n);var i=function(e){if(l.isBuffer(e)){var t=0|f(e.length),n=a(t);return 0===n.length||e.copy(n,0,0,t),n}if(void 0!==e.length)return"number"!=typeof e.length||H(e.length)?a(0):d(e);if("Buffer"===e.type&&Array.isArray(e.data))return d(e.data)}(e);if(i)return i;if("undefined"!=typeof Symbol&&null!=Symbol.toPrimitive&&"function"==typeof e[Symbol.toPrimitive])return l.from(e[Symbol.toPrimitive]("string"),t,n);throw new TypeError("The first argument must be one of type string, Buffer, ArrayBuffer, Array, or Array-like Object. Received type "+typeof e)}function u(e){if("number"!=typeof e)throw new TypeError('"size" argument must be of type number');if(e<0)throw new RangeError('The value "'+e+'" is invalid for option "size"')}function p(e){return u(e),a(e<0?0:0|f(e))}function d(e){for(var t=e.length<0?0:0|f(e.length),n=a(t),r=0;r<t;r+=1)n[r]=255&e[r];return n}function h(e,t,n){if(t<0||e.byteLength<t)throw new RangeError('"offset" is outside of buffer bounds');if(e.byteLength<t+(n||0))throw new RangeError('"length" is outside of buffer bounds');var r;return r=void 0===t&&void 0===n?new Uint8Array(e):void 0===n?new Uint8Array(e,t):new Uint8Array(e,t,n),Object.setPrototypeOf(r,l.prototype),r}function f(e){if(e>=s)throw new RangeError("Attempt to allocate Buffer larger than maximum size: 0x"+s.toString(16)+" bytes");return 0|e}function A(e,t){if(l.isBuffer(e))return e.length;if(ArrayBuffer.isView(e)||j(e,ArrayBuffer))return e.byteLength;if("string"!=typeof e)throw new TypeError('The "string" argument must be one of type string, Buffer, or ArrayBuffer. Received type '+typeof e);var n=e.length,r=arguments.length>2&&!0===arguments[2];if(!r&&0===n)return 0;for(var i=!1;;)switch(t){case"ascii":case"latin1":case"binary":return n;case"utf8":case"utf-8":return U(e).length;case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return 2*n;case"hex":return n>>>1;case"base64":return R(e).length;default:if(i)return r?-1:U(e).length;t=(""+t).toLowerCase(),i=!0}}function g(e,t,n){var r=!1;if((void 0===t||t<0)&&(t=0),t>this.length)return"";if((void 0===n||n>this.length)&&(n=this.length),n<=0)return"";if((n>>>=0)<=(t>>>=0))return"";for(e||(e="utf8");;)switch(e){case"hex":return T(this,t,n);case"utf8":case"utf-8":return B(this,t,n);case"ascii":return E(this,t,n);case"latin1":case"binary":return M(this,t,n);case"base64":return k(this,t,n);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return q(this,t,n);default:if(r)throw new TypeError("Unknown encoding: "+e);e=(e+"").toLowerCase(),r=!0}}function m(e,t,n){var r=e[t];e[t]=e[n],e[n]=r}function _(e,t,n,r,i){if(0===e.length)return-1;if("string"==typeof n?(r=n,n=0):n>2147483647?n=2147483647:n<-2147483648&&(n=-2147483648),H(n=+n)&&(n=i?0:e.length-1),n<0&&(n=e.length+n),n>=e.length){if(i)return-1;n=e.length-1}else if(n<0){if(!i)return-1;n=0}if("string"==typeof t&&(t=l.from(t,r)),l.isBuffer(t))return 0===t.length?-1:b(e,t,n,r,i);if("number"==typeof t)return t&=255,"function"==typeof Uint8Array.prototype.indexOf?i?Uint8Array.prototype.indexOf.call(e,t,n):Uint8Array.prototype.lastIndexOf.call(e,t,n):b(e,[t],n,r,i);throw new TypeError("val must be string, number or Buffer")}function b(e,t,n,r,i){var o,s=1,a=e.length,l=t.length;if(void 0!==r&&("ucs2"===(r=String(r).toLowerCase())||"ucs-2"===r||"utf16le"===r||"utf-16le"===r)){if(e.length<2||t.length<2)return-1;s=2,a/=2,l/=2,n/=2}function c(e,t){return 1===s?e[t]:e.readUInt16BE(t*s)}if(i){var u=-1;for(o=n;o<a;o++)if(c(e,o)===c(t,-1===u?0:o-u)){if(-1===u&&(u=o),o-u+1===l)return u*s}else-1!==u&&(o-=o-u),u=-1}else for(n+l>a&&(n=a-l),o=n;o>=0;o--){for(var p=!0,d=0;d<l;d++)if(c(e,o+d)!==c(t,d)){p=!1;break}if(p)return o}return-1}function v(e,t,n,r){n=Number(n)||0;var i=e.length-n;r?(r=Number(r))>i&&(r=i):r=i;var o=t.length;r>o/2&&(r=o/2);for(var s=0;s<r;++s){var a=parseInt(t.substr(2*s,2),16);if(H(a))return s;e[n+s]=a}return s}function y(e,t,n,r){return z(U(t,e.length-n),e,n,r)}function w(e,t,n,r){return z(function(e){for(var t=[],n=0;n<e.length;++n)t.push(255&e.charCodeAt(n));return t}(t),e,n,r)}function C(e,t,n,r){return z(R(t),e,n,r)}function x(e,t,n,r){return z(function(e,t){for(var n,r,i,o=[],s=0;s<e.length&&!((t-=2)<0);++s)r=(n=e.charCodeAt(s))>>8,i=n%256,o.push(i),o.push(r);return o}(t,e.length-n),e,n,r)}function k(e,t,n){return 0===t&&n===e.length?r.fromByteArray(e):r.fromByteArray(e.slice(t,n))}function B(e,t,n){n=Math.min(e.length,n);for(var r=[],i=t;i<n;){var o,s,a,l,c=e[i],u=null,p=c>239?4:c>223?3:c>191?2:1;if(i+p<=n)switch(p){case 1:c<128&&(u=c);break;case 2:128==(192&(o=e[i+1]))&&(l=(31&c)<<6|63&o)>127&&(u=l);break;case 3:o=e[i+1],s=e[i+2],128==(192&o)&&128==(192&s)&&(l=(15&c)<<12|(63&o)<<6|63&s)>2047&&(l<55296||l>57343)&&(u=l);break;case 4:o=e[i+1],s=e[i+2],a=e[i+3],128==(192&o)&&128==(192&s)&&128==(192&a)&&(l=(15&c)<<18|(63&o)<<12|(63&s)<<6|63&a)>65535&&l<1114112&&(u=l)}null===u?(u=65533,p=1):u>65535&&(u-=65536,r.push(u>>>10&1023|55296),u=56320|1023&u),r.push(u),i+=p}return function(e){var t=e.length;if(t<=S)return String.fromCharCode.apply(String,e);var n="",r=0;for(;r<t;)n+=String.fromCharCode.apply(String,e.slice(r,r+=S));return n}(r)}t.kMaxLength=s,l.TYPED_ARRAY_SUPPORT=function(){try{var e=new Uint8Array(1),t={foo:function(){return 42}};return Object.setPrototypeOf(t,Uint8Array.prototype),Object.setPrototypeOf(e,t),42===e.foo()}catch(n){return!1}}(),l.TYPED_ARRAY_SUPPORT||"undefined"==typeof console||"function"!=typeof console.error||console.error("This browser lacks typed array (Uint8Array) support which is required by `buffer` v5.x. Use `buffer` v4.x if you require old browser support."),Object.defineProperty(l.prototype,"parent",{enumerable:!0,get:function(){if(l.isBuffer(this))return this.buffer}}),Object.defineProperty(l.prototype,"offset",{enumerable:!0,get:function(){if(l.isBuffer(this))return this.byteOffset}}),l.poolSize=8192,l.from=function(e,t,n){return c(e,t,n)},Object.setPrototypeOf(l.prototype,Uint8Array.prototype),Object.setPrototypeOf(l,Uint8Array),l.alloc=function(e,t,n){return function(e,t,n){return u(e),e<=0?a(e):void 0!==t?"string"==typeof n?a(e).fill(t,n):a(e).fill(t):a(e)}(e,t,n)},l.allocUnsafe=function(e){return p(e)},l.allocUnsafeSlow=function(e){return p(e)},l.isBuffer=function(e){return null!=e&&!0===e._isBuffer&&e!==l.prototype},l.compare=function(e,t){if(j(e,Uint8Array)&&(e=l.from(e,e.offset,e.byteLength)),j(t,Uint8Array)&&(t=l.from(t,t.offset,t.byteLength)),!l.isBuffer(e)||!l.isBuffer(t))throw new TypeError('The "buf1", "buf2" arguments must be one of type Buffer or Uint8Array');if(e===t)return 0;for(var n=e.length,r=t.length,i=0,o=Math.min(n,r);i<o;++i)if(e[i]!==t[i]){n=e[i],r=t[i];break}return n<r?-1:r<n?1:0},l.isEncoding=function(e){switch(String(e).toLowerCase()){case"hex":case"utf8":case"utf-8":case"ascii":case"latin1":case"binary":case"base64":case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return!0;default:return!1}},l.concat=function(e,t){if(!Array.isArray(e))throw new TypeError('"list" argument must be an Array of Buffers');if(0===e.length)return l.alloc(0);var n;if(void 0===t)for(t=0,n=0;n<e.length;++n)t+=e[n].length;var r=l.allocUnsafe(t),i=0;for(n=0;n<e.length;++n){var o=e[n];if(j(o,Uint8Array))i+o.length>r.length?l.from(o).copy(r,i):Uint8Array.prototype.set.call(r,o,i);else{if(!l.isBuffer(o))throw new TypeError('"list" argument must be an Array of Buffers');o.copy(r,i)}i+=o.length}return r},l.byteLength=A,l.prototype._isBuffer=!0,l.prototype.swap16=function(){var e=this.length;if(e%2!=0)throw new RangeError("Buffer size must be a multiple of 16-bits");for(var t=0;t<e;t+=2)m(this,t,t+1);return this},l.prototype.swap32=function(){var e=this.length;if(e%4!=0)throw new RangeError("Buffer size must be a multiple of 32-bits");for(var t=0;t<e;t+=4)m(this,t,t+3),m(this,t+1,t+2);return this},l.prototype.swap64=function(){var e=this.length;if(e%8!=0)throw new RangeError("Buffer size must be a multiple of 64-bits");for(var t=0;t<e;t+=8)m(this,t,t+7),m(this,t+1,t+6),m(this,t+2,t+5),m(this,t+3,t+4);return this},l.prototype.toString=function(){var e=this.length;return 0===e?"":0===arguments.length?B(this,0,e):g.apply(this,arguments)},l.prototype.toLocaleString=l.prototype.toString,l.prototype.equals=function(e){if(!l.isBuffer(e))throw new TypeError("Argument must be a Buffer");return this===e||0===l.compare(this,e)},l.prototype.inspect=function(){var e="",n=t.INSPECT_MAX_BYTES;return e=this.toString("hex",0,n).replace(/(.{2})/g,"$1 ").trim(),this.length>n&&(e+=" ... "),"<Buffer "+e+">"},o&&(l.prototype[o]=l.prototype.inspect),l.prototype.compare=function(e,t,n,r,i){if(j(e,Uint8Array)&&(e=l.from(e,e.offset,e.byteLength)),!l.isBuffer(e))throw new TypeError('The "target" argument must be one of type Buffer or Uint8Array. Received type '+typeof e);if(void 0===t&&(t=0),void 0===n&&(n=e?e.length:0),void 0===r&&(r=0),void 0===i&&(i=this.length),t<0||n>e.length||r<0||i>this.length)throw new RangeError("out of range index");if(r>=i&&t>=n)return 0;if(r>=i)return-1;if(t>=n)return 1;if(this===e)return 0;for(var o=(i>>>=0)-(r>>>=0),s=(n>>>=0)-(t>>>=0),a=Math.min(o,s),c=this.slice(r,i),u=e.slice(t,n),p=0;p<a;++p)if(c[p]!==u[p]){o=c[p],s=u[p];break}return o<s?-1:s<o?1:0},l.prototype.includes=function(e,t,n){return-1!==this.indexOf(e,t,n)},l.prototype.indexOf=function(e,t,n){return _(this,e,t,n,!0)},l.prototype.lastIndexOf=function(e,t,n){return _(this,e,t,n,!1)},l.prototype.write=function(e,t,n,r){if(void 0===t)r="utf8",n=this.length,t=0;else if(void 0===n&&"string"==typeof t)r=t,n=this.length,t=0;else{if(!isFinite(t))throw new Error("Buffer.write(string, encoding, offset[, length]) is no longer supported");t>>>=0,isFinite(n)?(n>>>=0,void 0===r&&(r="utf8")):(r=n,n=void 0)}var i=this.length-t;if((void 0===n||n>i)&&(n=i),e.length>0&&(n<0||t<0)||t>this.length)throw new RangeError("Attempt to write outside buffer bounds");r||(r="utf8");for(var o=!1;;)switch(r){case"hex":return v(this,e,t,n);case"utf8":case"utf-8":return y(this,e,t,n);case"ascii":case"latin1":case"binary":return w(this,e,t,n);case"base64":return C(this,e,t,n);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return x(this,e,t,n);default:if(o)throw new TypeError("Unknown encoding: "+r);r=(""+r).toLowerCase(),o=!0}},l.prototype.toJSON=function(){return{type:"Buffer",data:Array.prototype.slice.call(this._arr||this,0)}};var S=4096;function E(e,t,n){var r="";n=Math.min(e.length,n);for(var i=t;i<n;++i)r+=String.fromCharCode(127&e[i]);return r}function M(e,t,n){var r="";n=Math.min(e.length,n);for(var i=t;i<n;++i)r+=String.fromCharCode(e[i]);return r}function T(e,t,n){var r=e.length;(!t||t<0)&&(t=0),(!n||n<0||n>r)&&(n=r);for(var i="",o=t;o<n;++o)i+=V[e[o]];return i}function q(e,t,n){for(var r=e.slice(t,n),i="",o=0;o<r.length-1;o+=2)i+=String.fromCharCode(r[o]+256*r[o+1]);return i}function L(e,t,n){if(e%1!=0||e<0)throw new RangeError("offset is not uint");if(e+t>n)throw new RangeError("Trying to access beyond buffer length")}function O(e,t,n,r,i,o){if(!l.isBuffer(e))throw new TypeError('"buffer" argument must be a Buffer instance');if(t>i||t<o)throw new RangeError('"value" argument is out of bounds');if(n+r>e.length)throw new RangeError("Index out of range")}function P(e,t,n,r,i,o){if(n+r>e.length)throw new RangeError("Index out of range");if(n<0)throw new RangeError("Index out of range")}function N(e,t,n,r,o){return t=+t,n>>>=0,o||P(e,0,n,4),i.write(e,t,n,r,23,4),n+4}function D(e,t,n,r,o){return t=+t,n>>>=0,o||P(e,0,n,8),i.write(e,t,n,r,52,8),n+8}l.prototype.slice=function(e,t){var n=this.length;(e=~~e)<0?(e+=n)<0&&(e=0):e>n&&(e=n),(t=void 0===t?n:~~t)<0?(t+=n)<0&&(t=0):t>n&&(t=n),t<e&&(t=e);var r=this.subarray(e,t);return Object.setPrototypeOf(r,l.prototype),r},l.prototype.readUintLE=l.prototype.readUIntLE=function(e,t,n){e>>>=0,t>>>=0,n||L(e,t,this.length);for(var r=this[e],i=1,o=0;++o<t&&(i*=256);)r+=this[e+o]*i;return r},l.prototype.readUintBE=l.prototype.readUIntBE=function(e,t,n){e>>>=0,t>>>=0,n||L(e,t,this.length);for(var r=this[e+--t],i=1;t>0&&(i*=256);)r+=this[e+--t]*i;return r},l.prototype.readUint8=l.prototype.readUInt8=function(e,t){return e>>>=0,t||L(e,1,this.length),this[e]},l.prototype.readUint16LE=l.prototype.readUInt16LE=function(e,t){return e>>>=0,t||L(e,2,this.length),this[e]|this[e+1]<<8},l.prototype.readUint16BE=l.prototype.readUInt16BE=function(e,t){return e>>>=0,t||L(e,2,this.length),this[e]<<8|this[e+1]},l.prototype.readUint32LE=l.prototype.readUInt32LE=function(e,t){return e>>>=0,t||L(e,4,this.length),(this[e]|this[e+1]<<8|this[e+2]<<16)+16777216*this[e+3]},l.prototype.readUint32BE=l.prototype.readUInt32BE=function(e,t){return e>>>=0,t||L(e,4,this.length),16777216*this[e]+(this[e+1]<<16|this[e+2]<<8|this[e+3])},l.prototype.readIntLE=function(e,t,n){e>>>=0,t>>>=0,n||L(e,t,this.length);for(var r=this[e],i=1,o=0;++o<t&&(i*=256);)r+=this[e+o]*i;return r>=(i*=128)&&(r-=Math.pow(2,8*t)),r},l.prototype.readIntBE=function(e,t,n){e>>>=0,t>>>=0,n||L(e,t,this.length);for(var r=t,i=1,o=this[e+--r];r>0&&(i*=256);)o+=this[e+--r]*i;return o>=(i*=128)&&(o-=Math.pow(2,8*t)),o},l.prototype.readInt8=function(e,t){return e>>>=0,t||L(e,1,this.length),128&this[e]?-1*(255-this[e]+1):this[e]},l.prototype.readInt16LE=function(e,t){e>>>=0,t||L(e,2,this.length);var n=this[e]|this[e+1]<<8;return 32768&n?4294901760|n:n},l.prototype.readInt16BE=function(e,t){e>>>=0,t||L(e,2,this.length);var n=this[e+1]|this[e]<<8;return 32768&n?4294901760|n:n},l.prototype.readInt32LE=function(e,t){return e>>>=0,t||L(e,4,this.length),this[e]|this[e+1]<<8|this[e+2]<<16|this[e+3]<<24},l.prototype.readInt32BE=function(e,t){return e>>>=0,t||L(e,4,this.length),this[e]<<24|this[e+1]<<16|this[e+2]<<8|this[e+3]},l.prototype.readFloatLE=function(e,t){return e>>>=0,t||L(e,4,this.length),i.read(this,e,!0,23,4)},l.prototype.readFloatBE=function(e,t){return e>>>=0,t||L(e,4,this.length),i.read(this,e,!1,23,4)},l.prototype.readDoubleLE=function(e,t){return e>>>=0,t||L(e,8,this.length),i.read(this,e,!0,52,8)},l.prototype.readDoubleBE=function(e,t){return e>>>=0,t||L(e,8,this.length),i.read(this,e,!1,52,8)},l.prototype.writeUintLE=l.prototype.writeUIntLE=function(e,t,n,r){(e=+e,t>>>=0,n>>>=0,r)||O(this,e,t,n,Math.pow(2,8*n)-1,0);var i=1,o=0;for(this[t]=255&e;++o<n&&(i*=256);)this[t+o]=e/i&255;return t+n},l.prototype.writeUintBE=l.prototype.writeUIntBE=function(e,t,n,r){(e=+e,t>>>=0,n>>>=0,r)||O(this,e,t,n,Math.pow(2,8*n)-1,0);var i=n-1,o=1;for(this[t+i]=255&e;--i>=0&&(o*=256);)this[t+i]=e/o&255;return t+n},l.prototype.writeUint8=l.prototype.writeUInt8=function(e,t,n){return e=+e,t>>>=0,n||O(this,e,t,1,255,0),this[t]=255&e,t+1},l.prototype.writeUint16LE=l.prototype.writeUInt16LE=function(e,t,n){return e=+e,t>>>=0,n||O(this,e,t,2,65535,0),this[t]=255&e,this[t+1]=e>>>8,t+2},l.prototype.writeUint16BE=l.prototype.writeUInt16BE=function(e,t,n){return e=+e,t>>>=0,n||O(this,e,t,2,65535,0),this[t]=e>>>8,this[t+1]=255&e,t+2},l.prototype.writeUint32LE=l.prototype.writeUInt32LE=function(e,t,n){return e=+e,t>>>=0,n||O(this,e,t,4,4294967295,0),this[t+3]=e>>>24,this[t+2]=e>>>16,this[t+1]=e>>>8,this[t]=255&e,t+4},l.prototype.writeUint32BE=l.prototype.writeUInt32BE=function(e,t,n){return e=+e,t>>>=0,n||O(this,e,t,4,4294967295,0),this[t]=e>>>24,this[t+1]=e>>>16,this[t+2]=e>>>8,this[t+3]=255&e,t+4},l.prototype.writeIntLE=function(e,t,n,r){if(e=+e,t>>>=0,!r){var i=Math.pow(2,8*n-1);O(this,e,t,n,i-1,-i)}var o=0,s=1,a=0;for(this[t]=255&e;++o<n&&(s*=256);)e<0&&0===a&&0!==this[t+o-1]&&(a=1),this[t+o]=(e/s>>0)-a&255;return t+n},l.prototype.writeIntBE=function(e,t,n,r){if(e=+e,t>>>=0,!r){var i=Math.pow(2,8*n-1);O(this,e,t,n,i-1,-i)}var o=n-1,s=1,a=0;for(this[t+o]=255&e;--o>=0&&(s*=256);)e<0&&0===a&&0!==this[t+o+1]&&(a=1),this[t+o]=(e/s>>0)-a&255;return t+n},l.prototype.writeInt8=function(e,t,n){return e=+e,t>>>=0,n||O(this,e,t,1,127,-128),e<0&&(e=255+e+1),this[t]=255&e,t+1},l.prototype.writeInt16LE=function(e,t,n){return e=+e,t>>>=0,n||O(this,e,t,2,32767,-32768),this[t]=255&e,this[t+1]=e>>>8,t+2},l.prototype.writeInt16BE=function(e,t,n){return e=+e,t>>>=0,n||O(this,e,t,2,32767,-32768),this[t]=e>>>8,this[t+1]=255&e,t+2},l.prototype.writeInt32LE=function(e,t,n){return e=+e,t>>>=0,n||O(this,e,t,4,2147483647,-2147483648),this[t]=255&e,this[t+1]=e>>>8,this[t+2]=e>>>16,this[t+3]=e>>>24,t+4},l.prototype.writeInt32BE=function(e,t,n){return e=+e,t>>>=0,n||O(this,e,t,4,2147483647,-2147483648),e<0&&(e=4294967295+e+1),this[t]=e>>>24,this[t+1]=e>>>16,this[t+2]=e>>>8,this[t+3]=255&e,t+4},l.prototype.writeFloatLE=function(e,t,n){return N(this,e,t,!0,n)},l.prototype.writeFloatBE=function(e,t,n){return N(this,e,t,!1,n)},l.prototype.writeDoubleLE=function(e,t,n){return D(this,e,t,!0,n)},l.prototype.writeDoubleBE=function(e,t,n){return D(this,e,t,!1,n)},l.prototype.copy=function(e,t,n,r){if(!l.isBuffer(e))throw new TypeError("argument should be a Buffer");if(n||(n=0),r||0===r||(r=this.length),t>=e.length&&(t=e.length),t||(t=0),r>0&&r<n&&(r=n),r===n)return 0;if(0===e.length||0===this.length)return 0;if(t<0)throw new RangeError("targetStart out of bounds");if(n<0||n>=this.length)throw new RangeError("Index out of range");if(r<0)throw new RangeError("sourceEnd out of bounds");r>this.length&&(r=this.length),e.length-t<r-n&&(r=e.length-t+n);var i=r-n;return this===e&&"function"==typeof Uint8Array.prototype.copyWithin?this.copyWithin(t,n,r):Uint8Array.prototype.set.call(e,this.subarray(n,r),t),i},l.prototype.fill=function(e,t,n,r){if("string"==typeof e){if("string"==typeof t?(r=t,t=0,n=this.length):"string"==typeof n&&(r=n,n=this.length),void 0!==r&&"string"!=typeof r)throw new TypeError("encoding must be a string");if("string"==typeof r&&!l.isEncoding(r))throw new TypeError("Unknown encoding: "+r);if(1===e.length){var i=e.charCodeAt(0);("utf8"===r&&i<128||"latin1"===r)&&(e=i)}}else"number"==typeof e?e&=255:"boolean"==typeof e&&(e=Number(e));if(t<0||this.length<t||this.length<n)throw new RangeError("Out of range index");if(n<=t)return this;var o;if(t>>>=0,n=void 0===n?this.length:n>>>0,e||(e=0),"number"==typeof e)for(o=t;o<n;++o)this[o]=e;else{var s=l.isBuffer(e)?e:l.from(e,r),a=s.length;if(0===a)throw new TypeError('The value "'+e+'" is invalid for argument "value"');for(o=0;o<n-t;++o)this[o+t]=s[o%a]}return this};var I=/[^+/0-9A-Za-z-_]/g;function U(e,t){var n;t=t||1/0;for(var r=e.length,i=null,o=[],s=0;s<r;++s){if((n=e.charCodeAt(s))>55295&&n<57344){if(!i){if(n>56319){(t-=3)>-1&&o.push(239,191,189);continue}if(s+1===r){(t-=3)>-1&&o.push(239,191,189);continue}i=n;continue}if(n<56320){(t-=3)>-1&&o.push(239,191,189),i=n;continue}n=65536+(i-55296<<10|n-56320)}else i&&(t-=3)>-1&&o.push(239,191,189);if(i=null,n<128){if((t-=1)<0)break;o.push(n)}else if(n<2048){if((t-=2)<0)break;o.push(n>>6|192,63&n|128)}else if(n<65536){if((t-=3)<0)break;o.push(n>>12|224,n>>6&63|128,63&n|128)}else{if(!(n<1114112))throw new Error("Invalid code point");if((t-=4)<0)break;o.push(n>>18|240,n>>12&63|128,n>>6&63|128,63&n|128)}}return o}function R(e){return r.toByteArray(function(e){if((e=(e=e.split("=")[0]).trim().replace(I,"")).length<2)return"";for(;e.length%4!=0;)e+="=";return e}(e))}function z(e,t,n,r){for(var i=0;i<r&&!(i+n>=t.length||i>=e.length);++i)t[i+n]=e[i];return i}function j(e,t){return e instanceof t||null!=e&&null!=e.constructor&&null!=e.constructor.name&&e.constructor.name===t.name}function H(e){return e!=e}var V=function(){for(var e="0123456789abcdef",t=new Array(256),n=0;n<16;++n)for(var r=16*n,i=0;i<16;++i)t[r+i]=e[n]+e[i];return t}()},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};t.default=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];if(e===t)return!1;var i=Object.keys(e),o=Object.keys(t);if(i.length!==o.length)return!0;var s={},a=void 0,l=void 0;for(a=0,l=r.length;a<l;a++)s[r[a]]=!0;for(a=0,l=i.length;a<l;a++){var c=i[a],u=e[c],p=t[c];if(u!==p){if(!s[c]||null===u||null===p||"object"!==(void 0===u?"undefined":n(u))||"object"!==(void 0===p?"undefined":n(p)))return!0;var d=Object.keys(u),h=Object.keys(p);if(d.length!==h.length)return!0;for(var f=0,A=d.length;f<A;f++){var g=d[f];if(u[g]!==p[g])return!0}}}return!1}},function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.decodeHTML=t.decodeHTMLStrict=t.decodeXML=void 0;var i=r(n(53)),o=r(n(122)),s=r(n(54)),a=r(n(39)),l=/&(?:[a-zA-Z0-9]+|#[xX][\da-fA-F]+|#\d+);/g;function c(e){var t=p(e);return function(e){return String(e).replace(l,t)}}t.decodeXML=c(s.default),t.decodeHTMLStrict=c(i.default);var u=function(e,t){return e<t?1:-1};function p(e){return function(t){if("#"===t.charAt(1)){var n=t.charAt(2);return"X"===n||"x"===n?a.default(parseInt(t.substr(3),16)):a.default(parseInt(t.substr(2),10))}return e[t.slice(1,-1)]||t}}t.decodeHTML=function(){for(var e=Object.keys(o.default).sort(u),t=Object.keys(i.default).sort(u),n=0,r=0;n<t.length;n++)e[r]===t[n]?(t[n]+=";?",r++):t[n]+=";";var s=new RegExp("&(?:"+t.join("|")+"|#[xX][\\da-fA-F]+;?|#\\d+;?)","g"),a=p(i.default);function l(e){return";"!==e.substr(-1)&&(e+=";"),a(e)}return function(e){return String(e).replace(s,l)}}()},function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.escapeUTF8=t.escape=t.encodeNonAsciiHTML=t.encodeHTML=t.encodeXML=void 0;var i=u(r(n(54)).default),o=p(i);t.encodeXML=g(i);var s,a,l=u(r(n(53)).default),c=p(l);function u(e){return Object.keys(e).sort().reduce((function(t,n){return t[e[n]]="&"+n+";",t}),{})}function p(e){for(var t=[],n=[],r=0,i=Object.keys(e);r<i.length;r++){var o=i[r];1===o.length?t.push("\\"+o):n.push(o)}t.sort();for(var s=0;s<t.length-1;s++){for(var a=s;a<t.length-1&&t[a].charCodeAt(1)+1===t[a+1].charCodeAt(1);)a+=1;var l=1+a-s;l<3||t.splice(s,l,t[s]+"-"+t[a])}return n.unshift("["+t.join("")+"]"),new RegExp(n.join("|"),"g")}t.encodeHTML=(s=l,a=c,function(e){return e.replace(a,(function(e){return s[e]})).replace(d,f)}),t.encodeNonAsciiHTML=g(l);var d=/(?:[\x80-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g,h=null!=String.prototype.codePointAt?function(e){return e.codePointAt(0)}:function(e){return 1024*(e.charCodeAt(0)-55296)+e.charCodeAt(1)-56320+65536};function f(e){return"&#x"+(e.length>1?h(e):e.charCodeAt(0)).toString(16).toUpperCase()+";"}var A=new RegExp(o.source+"|"+d.source,"g");function g(e){return function(t){return t.replace(A,(function(t){return e[t]||f(t)}))}}t.escape=function(e){return e.replace(A,f)},t.escapeUTF8=function(e){return e.replace(o,f)}},function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=r(n(123)),o=String.fromCodePoint||function(e){var t="";return e>65535&&(e-=65536,t+=String.fromCharCode(e>>>10&1023|55296),e=56320|1023&e),t+=String.fromCharCode(e)};t.default=function(e){return e>=55296&&e<=57343||e>1114111?"�":(e in i.default&&(e=i.default[e]),o(e))}},function(e,t,n){var r=n(35),i=r.Buffer;function o(e,t){for(var n in e)t[n]=e[n]}function s(e,t,n){return i(e,t,n)}i.from&&i.alloc&&i.allocUnsafe&&i.allocUnsafeSlow?e.exports=r:(o(r,t),t.Buffer=s),s.prototype=Object.create(i.prototype),o(i,s),s.from=function(e,t,n){if("number"==typeof e)throw new TypeError("Argument must not be a number");return i(e,t,n)},s.alloc=function(e,t,n){if("number"!=typeof e)throw new TypeError("Argument must be a number");var r=i(e);return void 0!==t?"string"==typeof n?r.fill(t,n):r.fill(t):r.fill(0),r},s.allocUnsafe=function(e){if("number"!=typeof e)throw new TypeError("Argument must be a number");return i(e)},s.allocUnsafeSlow=function(e){if("number"!=typeof e)throw new TypeError("Argument must be a number");return r.SlowBuffer(e)}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],r=!0,i=!1,o=void 0;try{for(var s,a=e[Symbol.iterator]();!(r=(s=a.next()).done)&&(n.push(s.value),!t||n.length!==t);r=!0);}catch(l){i=!0,o=l}finally{try{!r&&a.return&&a.return()}finally{if(i)throw o}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")};function i(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}var o,s=n(63),a=(o=s)&&o.__esModule?o:{default:o},l=function(e){return e};t.default=function(e){var t=Array.isArray(e)&&2===e.length?e:[e,null],n=r(t,2),o=n[0],s=n[1];return function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var c=n.map((function(e){return o[e]})).filter(l);return"string"==typeof c[0]||"function"==typeof s?{key:e,className:s?s.apply(void 0,i(c)):c.join(" ")}:{key:e,style:a.default.apply(void 0,[{}].concat(i(c)))}}},e.exports=t.default},function(e,t,n){var r,i,o;o=function(){var e,t,n=document,r=n.getElementsByTagName("head")[0],i="push",o="readyState",s="onreadystatechange",a={},l={},c={},u={};function p(e,t){for(var n=0,r=e.length;n<r;++n)if(!t(e[n]))return!1;return 1}function d(e,t){p(e,(function(e){return t(e),1}))}function h(t,n,r){t=t[i]?t:[t];var o=n&&n.call,s=o?n:r,A=o?t.join(""):n,g=t.length;function m(e){return e.call?e():a[e]}function _(){if(!--g)for(var e in a[A]=1,s&&s(),c)p(e.split("|"),m)&&!d(c[e],m)&&(c[e]=[])}return setTimeout((function(){d(t,(function t(n,r){return null===n?_():(r||/^https?:\/\//.test(n)||!e||(n=-1===n.indexOf(".js")?e+n+".js":e+n),u[n]?(A&&(l[A]=1),2==u[n]?_():setTimeout((function(){t(n,!0)}),0)):(u[n]=1,A&&(l[A]=1),void f(n,_)))}))}),0),h}function f(e,i){var a,l=n.createElement("script");l.onload=l.onerror=l[s]=function(){l[o]&&!/^c|loade/.test(l[o])||a||(l.onload=l[s]=null,a=1,u[e]=2,i())},l.async=1,l.src=t?e+(-1===e.indexOf("?")?"?":"&")+t:e,r.insertBefore(l,r.lastChild)}return h.get=f,h.order=function(e,t,n){!function r(i){i=e.shift(),e.length?h(i,r):h(i,t,n)}()},h.path=function(t){e=t},h.urlArgs=function(e){t=e},h.ready=function(e,t,n){e=e[i]?e:[e];var r,o=[];return!d(e,(function(e){a[e]||o[i](e)}))&&p(e,(function(e){return a[e]}))?t():(r=e.join("|"),c[r]=c[r]||[],c[r][i](t),n&&n(o)),h},h.done=function(e){h([null],e)},h},e.exports?e.exports=o():void 0===(i="function"==typeof(r=o)?r.call(t,n,t,e):r)||(e.exports=i)},,,function(e,t,n){"use strict";function r(e,t){return Math.floor(Math.random()*(t-e)+e)}n.d(t,{s:function(){return r}})},function(e,t,n){var r=n(117);e.exports=function(e){if(e>=55296&&e<=57343||e>1114111)return"�";e in r&&(e=r[e]);var t="";e>65535&&(e-=65536,t+=String.fromCharCode(e>>>10&1023|55296),e=56320|1023&e);return t+=String.fromCharCode(e)}},function(e){"use strict";var t,n="object"==typeof Reflect?Reflect:null,r=n&&"function"==typeof n.apply?n.apply:function(e,t,n){return Function.prototype.apply.call(e,t,n)};t=n&&"function"==typeof n.ownKeys?n.ownKeys:Object.getOwnPropertySymbols?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:function(e){return Object.getOwnPropertyNames(e)};var i=Number.isNaN||function(e){return e!=e};function o(){o.init.call(this)}e.exports=o,e.exports.once=function(e,t){return new Promise((function(n,r){function i(n){e.removeListener(t,o),r(n)}function o(){"function"==typeof e.removeListener&&e.removeListener("error",i),n([].slice.call(arguments))}A(e,t,o,{once:!0}),"error"!==t&&function(e,t,n){"function"==typeof e.on&&A(e,"error",t,n)}(e,i,{once:!0})}))},o.EventEmitter=o,o.prototype._events=void 0,o.prototype._eventsCount=0,o.prototype._maxListeners=void 0;var s=10;function a(e){if("function"!=typeof e)throw new TypeError('The "listener" argument must be of type Function. Received type '+typeof e)}function l(e){return void 0===e._maxListeners?o.defaultMaxListeners:e._maxListeners}function c(e,t,n,r){var i,o,s,c;if(a(n),void 0===(o=e._events)?(o=e._events=Object.create(null),e._eventsCount=0):(void 0!==o.newListener&&(e.emit("newListener",t,n.listener?n.listener:n),o=e._events),s=o[t]),void 0===s)s=o[t]=n,++e._eventsCount;else if("function"==typeof s?s=o[t]=r?[n,s]:[s,n]:r?s.unshift(n):s.push(n),(i=l(e))>0&&s.length>i&&!s.warned){s.warned=!0;var u=new Error("Possible EventEmitter memory leak detected. "+s.length+" "+String(t)+" listeners added. Use emitter.setMaxListeners() to increase limit");u.name="MaxListenersExceededWarning",u.emitter=e,u.type=t,u.count=s.length,c=u,console&&console.warn&&console.warn(c)}return e}function u(){if(!this.fired)return this.target.removeListener(this.type,this.wrapFn),this.fired=!0,0===arguments.length?this.listener.call(this.target):this.listener.apply(this.target,arguments)}function p(e,t,n){var r={fired:!1,wrapFn:void 0,target:e,type:t,listener:n},i=u.bind(r);return i.listener=n,r.wrapFn=i,i}function d(e,t,n){var r=e._events;if(void 0===r)return[];var i=r[t];return void 0===i?[]:"function"==typeof i?n?[i.listener||i]:[i]:n?function(e){for(var t=new Array(e.length),n=0;n<t.length;++n)t[n]=e[n].listener||e[n];return t}(i):f(i,i.length)}function h(e){var t=this._events;if(void 0!==t){var n=t[e];if("function"==typeof n)return 1;if(void 0!==n)return n.length}return 0}function f(e,t){for(var n=new Array(t),r=0;r<t;++r)n[r]=e[r];return n}function A(e,t,n,r){if("function"==typeof e.on)r.once?e.once(t,n):e.on(t,n);else{if("function"!=typeof e.addEventListener)throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type '+typeof e);e.addEventListener(t,(function i(o){r.once&&e.removeEventListener(t,i),n(o)}))}}Object.defineProperty(o,"defaultMaxListeners",{enumerable:!0,get:function(){return s},set:function(e){if("number"!=typeof e||e<0||i(e))throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received '+e+".");s=e}}),o.init=function(){void 0!==this._events&&this._events!==Object.getPrototypeOf(this)._events||(this._events=Object.create(null),this._eventsCount=0),this._maxListeners=this._maxListeners||void 0},o.prototype.setMaxListeners=function(e){if("number"!=typeof e||e<0||i(e))throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received '+e+".");return this._maxListeners=e,this},o.prototype.getMaxListeners=function(){return l(this)},o.prototype.emit=function(e){for(var t=[],n=1;n<arguments.length;n++)t.push(arguments[n]);var i="error"===e,o=this._events;if(void 0!==o)i=i&&void 0===o.error;else if(!i)return!1;if(i){var s;if(t.length>0&&(s=t[0]),s instanceof Error)throw s;var a=new Error("Unhandled error."+(s?" ("+s.message+")":""));throw a.context=s,a}var l=o[e];if(void 0===l)return!1;if("function"==typeof l)r(l,this,t);else{var c=l.length,u=f(l,c);for(n=0;n<c;++n)r(u[n],this,t)}return!0},o.prototype.addListener=function(e,t){return c(this,e,t,!1)},o.prototype.on=o.prototype.addListener,o.prototype.prependListener=function(e,t){return c(this,e,t,!0)},o.prototype.once=function(e,t){return a(t),this.on(e,p(this,e,t)),this},o.prototype.prependOnceListener=function(e,t){return a(t),this.prependListener(e,p(this,e,t)),this},o.prototype.removeListener=function(e,t){var n,r,i,o,s;if(a(t),void 0===(r=this._events))return this;if(void 0===(n=r[e]))return this;if(n===t||n.listener===t)0==--this._eventsCount?this._events=Object.create(null):(delete r[e],r.removeListener&&this.emit("removeListener",e,n.listener||t));else if("function"!=typeof n){for(i=-1,o=n.length-1;o>=0;o--)if(n[o]===t||n[o].listener===t){s=n[o].listener,i=o;break}if(i<0)return this;0===i?n.shift():function(e,t){for(;t+1<e.length;t++)e[t]=e[t+1];e.pop()}(n,i),1===n.length&&(r[e]=n[0]),void 0!==r.removeListener&&this.emit("removeListener",e,s||t)}return this},o.prototype.off=o.prototype.removeListener,o.prototype.removeAllListeners=function(e){var t,n,r;if(void 0===(n=this._events))return this;if(void 0===n.removeListener)return 0===arguments.length?(this._events=Object.create(null),this._eventsCount=0):void 0!==n[e]&&(0==--this._eventsCount?this._events=Object.create(null):delete n[e]),this;if(0===arguments.length){var i,o=Object.keys(n);for(r=0;r<o.length;++r)"removeListener"!==(i=o[r])&&this.removeAllListeners(i);return this.removeAllListeners("removeListener"),this._events=Object.create(null),this._eventsCount=0,this}if("function"==typeof(t=n[e]))this.removeListener(e,t);else if(void 0!==t)for(r=t.length-1;r>=0;r--)this.removeListener(e,t[r]);return this},o.prototype.listeners=function(e){return d(this,e,!0)},o.prototype.rawListeners=function(e){return d(this,e,!1)},o.listenerCount=function(e,t){return"function"==typeof e.listenerCount?e.listenerCount(t):h.call(e,t)},o.prototype.listenerCount=h,o.prototype.eventNames=function(){return this._eventsCount>0?t(this._events):[]}},function(e,t,n){var r=n(32),i=e.exports=Object.create(r),o={tagName:"name"};Object.keys(o).forEach((function(e){var t=o[e];Object.defineProperty(i,e,{get:function(){return this[t]||null},set:function(e){return this[t]=e,e}})}))},function(e,t,n){var r=n(31),i=n(33);function o(e,t){this.init(e,t)}function s(e,t){return i.getElementsByTagName(e,t,!0)}function a(e,t){return i.getElementsByTagName(e,t,!0,1)[0]}function l(e,t,n){return i.getText(i.getElementsByTagName(e,t,n,1)).trim()}function c(e,t,n,r,i){var o=l(n,r,i);o&&(e[t]=o)}n(23)(o,r),o.prototype.init=r;var u=function(e){return"rss"===e||"feed"===e||"rdf:RDF"===e};o.prototype.onend=function(){var e,t,n={},i=a(u,this.dom);i&&("feed"===i.name?(t=i.children,n.type="atom",c(n,"id","id",t),c(n,"title","title",t),(e=a("link",t))&&(e=e.attribs)&&(e=e.href)&&(n.link=e),c(n,"description","subtitle",t),(e=l("updated",t))&&(n.updated=new Date(e)),c(n,"author","email",t,!0),n.items=s("entry",t).map((function(e){var t,n={};return c(n,"id","id",e=e.children),c(n,"title","title",e),(t=a("link",e))&&(t=t.attribs)&&(t=t.href)&&(n.link=t),(t=l("summary",e)||l("content",e))&&(n.description=t),(t=l("updated",e))&&(n.pubDate=new Date(t)),n}))):(t=a("channel",i.children).children,n.type=i.name.substr(0,3),n.id="",c(n,"title","title",t),c(n,"link","link",t),c(n,"description","description",t),(e=l("lastBuildDate",t))&&(n.updated=new Date(e)),c(n,"author","managingEditor",t,!0),n.items=s("item",i.children).map((function(e){var t,n={};return c(n,"id","guid",e=e.children),c(n,"title","title",e),c(n,"link","link",e),c(n,"description","description",e),(t=l("pubDate",e))&&(n.pubDate=new Date(t)),n})))),this.dom=n,r.prototype._handleCallback.call(this,i?null:Error("couldn't find root of feed"))},e.exports=o},function(e,t,n){var r=n(21),i=n(51),o=r.isTag;e.exports={getInnerHTML:function(e,t){return e.children?e.children.map((function(e){return i(e,t)})).join(""):""},getOuterHTML:i,getText:function e(t){return Array.isArray(t)?t.map(e).join(""):o(t)?"br"===t.name?"\n":e(t.children):t.type===r.CDATA?e(t.children):t.type===r.Text?t.data:""}}},function(e,t,n){var r=n(52),i=n(121),o=n(124);o.elementNames.__proto__=null,o.attributeNames.__proto__=null;var s={__proto__:null,style:!0,script:!0,xmp:!0,iframe:!0,noembed:!0,noframes:!0,plaintext:!0,noscript:!0};var a={__proto__:null,area:!0,base:!0,basefont:!0,br:!0,col:!0,command:!0,embed:!0,frame:!0,hr:!0,img:!0,input:!0,isindex:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0},l=e.exports=function(e,t){Array.isArray(e)||e.cheerio||(e=[e]),t=t||{};for(var n="",i=0;i<e.length;i++){var o=e[i];"root"===o.type?n+=l(o.children,t):r.isTag(o)?n+=u(o,t):o.type===r.Directive?n+=p(o):o.type===r.Comment?n+=f(o):o.type===r.CDATA?n+=h(o):n+=d(o,t)}return n},c=["mi","mo","mn","ms","mtext","annotation-xml","foreignObject","desc","title"];function u(e,t){"foreign"===t.xmlMode&&(e.name=o.elementNames[e.name]||e.name,e.parent&&c.indexOf(e.parent.name)>=0&&(t=Object.assign({},t,{xmlMode:!1}))),!t.xmlMode&&["svg","math"].indexOf(e.name)>=0&&(t=Object.assign({},t,{xmlMode:"foreign"}));var n="<"+e.name,r=function(e,t){if(e){var n,r="";for(var s in e)n=e[s],r&&(r+=" "),"foreign"===t.xmlMode&&(s=o.attributeNames[s]||s),r+=s,(null!==n&&""!==n||t.xmlMode)&&(r+='="'+(t.decodeEntities?i.encodeXML(n):n.replace(/\"/g,"&quot;"))+'"');return r}}(e.attribs,t);return r&&(n+=" "+r),!t.xmlMode||e.children&&0!==e.children.length?(n+=">",e.children&&(n+=l(e.children,t)),a[e.name]&&!t.xmlMode||(n+="</"+e.name+">")):n+="/>",n}function p(e){return"<"+e.data+">"}function d(e,t){var n=e.data||"";return!t.decodeEntities||e.parent&&e.parent.name in s||(n=i.encodeXML(n)),n}function h(e){return"<![CDATA["+e.children[0].data+"]]>"}function f(e){return"\x3c!--"+e.data+"--\x3e"}},function(e,t){"use strict";var n;Object.defineProperty(t,"__esModule",{value:!0}),t.Doctype=t.CDATA=t.Tag=t.Style=t.Script=t.Comment=t.Directive=t.Text=t.Root=t.isTag=t.ElementType=void 0,function(e){e.Root="root",e.Text="text",e.Directive="directive",e.Comment="comment",e.Script="script",e.Style="style",e.Tag="tag",e.CDATA="cdata",e.Doctype="doctype"}(n=t.ElementType||(t.ElementType={})),t.isTag=function(e){return e.type===n.Tag||e.type===n.Script||e.type===n.Style},t.Root=n.Root,t.Text=n.Text,t.Directive=n.Directive,t.Comment=n.Comment,t.Script=n.Script,t.Style=n.Style,t.Tag=n.Tag,t.CDATA=n.CDATA,t.Doctype=n.Doctype},function(e){"use strict";e.exports=JSON.parse('{"Aacute":"Á","aacute":"á","Abreve":"Ă","abreve":"ă","ac":"∾","acd":"∿","acE":"∾̳","Acirc":"Â","acirc":"â","acute":"´","Acy":"А","acy":"а","AElig":"Æ","aelig":"æ","af":"⁡","Afr":"𝔄","afr":"𝔞","Agrave":"À","agrave":"à","alefsym":"ℵ","aleph":"ℵ","Alpha":"Α","alpha":"α","Amacr":"Ā","amacr":"ā","amalg":"⨿","amp":"&","AMP":"&","andand":"⩕","And":"⩓","and":"∧","andd":"⩜","andslope":"⩘","andv":"⩚","ang":"∠","ange":"⦤","angle":"∠","angmsdaa":"⦨","angmsdab":"⦩","angmsdac":"⦪","angmsdad":"⦫","angmsdae":"⦬","angmsdaf":"⦭","angmsdag":"⦮","angmsdah":"⦯","angmsd":"∡","angrt":"∟","angrtvb":"⊾","angrtvbd":"⦝","angsph":"∢","angst":"Å","angzarr":"⍼","Aogon":"Ą","aogon":"ą","Aopf":"𝔸","aopf":"𝕒","apacir":"⩯","ap":"≈","apE":"⩰","ape":"≊","apid":"≋","apos":"\'","ApplyFunction":"⁡","approx":"≈","approxeq":"≊","Aring":"Å","aring":"å","Ascr":"𝒜","ascr":"𝒶","Assign":"≔","ast":"*","asymp":"≈","asympeq":"≍","Atilde":"Ã","atilde":"ã","Auml":"Ä","auml":"ä","awconint":"∳","awint":"⨑","backcong":"≌","backepsilon":"϶","backprime":"‵","backsim":"∽","backsimeq":"⋍","Backslash":"∖","Barv":"⫧","barvee":"⊽","barwed":"⌅","Barwed":"⌆","barwedge":"⌅","bbrk":"⎵","bbrktbrk":"⎶","bcong":"≌","Bcy":"Б","bcy":"б","bdquo":"„","becaus":"∵","because":"∵","Because":"∵","bemptyv":"⦰","bepsi":"϶","bernou":"ℬ","Bernoullis":"ℬ","Beta":"Β","beta":"β","beth":"ℶ","between":"≬","Bfr":"𝔅","bfr":"𝔟","bigcap":"⋂","bigcirc":"◯","bigcup":"⋃","bigodot":"⨀","bigoplus":"⨁","bigotimes":"⨂","bigsqcup":"⨆","bigstar":"★","bigtriangledown":"▽","bigtriangleup":"△","biguplus":"⨄","bigvee":"⋁","bigwedge":"⋀","bkarow":"⤍","blacklozenge":"⧫","blacksquare":"▪","blacktriangle":"▴","blacktriangledown":"▾","blacktriangleleft":"◂","blacktriangleright":"▸","blank":"␣","blk12":"▒","blk14":"░","blk34":"▓","block":"█","bne":"=⃥","bnequiv":"≡⃥","bNot":"⫭","bnot":"⌐","Bopf":"𝔹","bopf":"𝕓","bot":"⊥","bottom":"⊥","bowtie":"⋈","boxbox":"⧉","boxdl":"┐","boxdL":"╕","boxDl":"╖","boxDL":"╗","boxdr":"┌","boxdR":"╒","boxDr":"╓","boxDR":"╔","boxh":"─","boxH":"═","boxhd":"┬","boxHd":"╤","boxhD":"╥","boxHD":"╦","boxhu":"┴","boxHu":"╧","boxhU":"╨","boxHU":"╩","boxminus":"⊟","boxplus":"⊞","boxtimes":"⊠","boxul":"┘","boxuL":"╛","boxUl":"╜","boxUL":"╝","boxur":"└","boxuR":"╘","boxUr":"╙","boxUR":"╚","boxv":"│","boxV":"║","boxvh":"┼","boxvH":"╪","boxVh":"╫","boxVH":"╬","boxvl":"┤","boxvL":"╡","boxVl":"╢","boxVL":"╣","boxvr":"├","boxvR":"╞","boxVr":"╟","boxVR":"╠","bprime":"‵","breve":"˘","Breve":"˘","brvbar":"¦","bscr":"𝒷","Bscr":"ℬ","bsemi":"⁏","bsim":"∽","bsime":"⋍","bsolb":"⧅","bsol":"\\\\","bsolhsub":"⟈","bull":"•","bullet":"•","bump":"≎","bumpE":"⪮","bumpe":"≏","Bumpeq":"≎","bumpeq":"≏","Cacute":"Ć","cacute":"ć","capand":"⩄","capbrcup":"⩉","capcap":"⩋","cap":"∩","Cap":"⋒","capcup":"⩇","capdot":"⩀","CapitalDifferentialD":"ⅅ","caps":"∩︀","caret":"⁁","caron":"ˇ","Cayleys":"ℭ","ccaps":"⩍","Ccaron":"Č","ccaron":"č","Ccedil":"Ç","ccedil":"ç","Ccirc":"Ĉ","ccirc":"ĉ","Cconint":"∰","ccups":"⩌","ccupssm":"⩐","Cdot":"Ċ","cdot":"ċ","cedil":"¸","Cedilla":"¸","cemptyv":"⦲","cent":"¢","centerdot":"·","CenterDot":"·","cfr":"𝔠","Cfr":"ℭ","CHcy":"Ч","chcy":"ч","check":"✓","checkmark":"✓","Chi":"Χ","chi":"χ","circ":"ˆ","circeq":"≗","circlearrowleft":"↺","circlearrowright":"↻","circledast":"⊛","circledcirc":"⊚","circleddash":"⊝","CircleDot":"⊙","circledR":"®","circledS":"Ⓢ","CircleMinus":"⊖","CirclePlus":"⊕","CircleTimes":"⊗","cir":"○","cirE":"⧃","cire":"≗","cirfnint":"⨐","cirmid":"⫯","cirscir":"⧂","ClockwiseContourIntegral":"∲","CloseCurlyDoubleQuote":"”","CloseCurlyQuote":"’","clubs":"♣","clubsuit":"♣","colon":":","Colon":"∷","Colone":"⩴","colone":"≔","coloneq":"≔","comma":",","commat":"@","comp":"∁","compfn":"∘","complement":"∁","complexes":"ℂ","cong":"≅","congdot":"⩭","Congruent":"≡","conint":"∮","Conint":"∯","ContourIntegral":"∮","copf":"𝕔","Copf":"ℂ","coprod":"∐","Coproduct":"∐","copy":"©","COPY":"©","copysr":"℗","CounterClockwiseContourIntegral":"∳","crarr":"↵","cross":"✗","Cross":"⨯","Cscr":"𝒞","cscr":"𝒸","csub":"⫏","csube":"⫑","csup":"⫐","csupe":"⫒","ctdot":"⋯","cudarrl":"⤸","cudarrr":"⤵","cuepr":"⋞","cuesc":"⋟","cularr":"↶","cularrp":"⤽","cupbrcap":"⩈","cupcap":"⩆","CupCap":"≍","cup":"∪","Cup":"⋓","cupcup":"⩊","cupdot":"⊍","cupor":"⩅","cups":"∪︀","curarr":"↷","curarrm":"⤼","curlyeqprec":"⋞","curlyeqsucc":"⋟","curlyvee":"⋎","curlywedge":"⋏","curren":"¤","curvearrowleft":"↶","curvearrowright":"↷","cuvee":"⋎","cuwed":"⋏","cwconint":"∲","cwint":"∱","cylcty":"⌭","dagger":"†","Dagger":"‡","daleth":"ℸ","darr":"↓","Darr":"↡","dArr":"⇓","dash":"‐","Dashv":"⫤","dashv":"⊣","dbkarow":"⤏","dblac":"˝","Dcaron":"Ď","dcaron":"ď","Dcy":"Д","dcy":"д","ddagger":"‡","ddarr":"⇊","DD":"ⅅ","dd":"ⅆ","DDotrahd":"⤑","ddotseq":"⩷","deg":"°","Del":"∇","Delta":"Δ","delta":"δ","demptyv":"⦱","dfisht":"⥿","Dfr":"𝔇","dfr":"𝔡","dHar":"⥥","dharl":"⇃","dharr":"⇂","DiacriticalAcute":"´","DiacriticalDot":"˙","DiacriticalDoubleAcute":"˝","DiacriticalGrave":"`","DiacriticalTilde":"˜","diam":"⋄","diamond":"⋄","Diamond":"⋄","diamondsuit":"♦","diams":"♦","die":"¨","DifferentialD":"ⅆ","digamma":"ϝ","disin":"⋲","div":"÷","divide":"÷","divideontimes":"⋇","divonx":"⋇","DJcy":"Ђ","djcy":"ђ","dlcorn":"⌞","dlcrop":"⌍","dollar":"$","Dopf":"𝔻","dopf":"𝕕","Dot":"¨","dot":"˙","DotDot":"⃜","doteq":"≐","doteqdot":"≑","DotEqual":"≐","dotminus":"∸","dotplus":"∔","dotsquare":"⊡","doublebarwedge":"⌆","DoubleContourIntegral":"∯","DoubleDot":"¨","DoubleDownArrow":"⇓","DoubleLeftArrow":"⇐","DoubleLeftRightArrow":"⇔","DoubleLeftTee":"⫤","DoubleLongLeftArrow":"⟸","DoubleLongLeftRightArrow":"⟺","DoubleLongRightArrow":"⟹","DoubleRightArrow":"⇒","DoubleRightTee":"⊨","DoubleUpArrow":"⇑","DoubleUpDownArrow":"⇕","DoubleVerticalBar":"∥","DownArrowBar":"⤓","downarrow":"↓","DownArrow":"↓","Downarrow":"⇓","DownArrowUpArrow":"⇵","DownBreve":"̑","downdownarrows":"⇊","downharpoonleft":"⇃","downharpoonright":"⇂","DownLeftRightVector":"⥐","DownLeftTeeVector":"⥞","DownLeftVectorBar":"⥖","DownLeftVector":"↽","DownRightTeeVector":"⥟","DownRightVectorBar":"⥗","DownRightVector":"⇁","DownTeeArrow":"↧","DownTee":"⊤","drbkarow":"⤐","drcorn":"⌟","drcrop":"⌌","Dscr":"𝒟","dscr":"𝒹","DScy":"Ѕ","dscy":"ѕ","dsol":"⧶","Dstrok":"Đ","dstrok":"đ","dtdot":"⋱","dtri":"▿","dtrif":"▾","duarr":"⇵","duhar":"⥯","dwangle":"⦦","DZcy":"Џ","dzcy":"џ","dzigrarr":"⟿","Eacute":"É","eacute":"é","easter":"⩮","Ecaron":"Ě","ecaron":"ě","Ecirc":"Ê","ecirc":"ê","ecir":"≖","ecolon":"≕","Ecy":"Э","ecy":"э","eDDot":"⩷","Edot":"Ė","edot":"ė","eDot":"≑","ee":"ⅇ","efDot":"≒","Efr":"𝔈","efr":"𝔢","eg":"⪚","Egrave":"È","egrave":"è","egs":"⪖","egsdot":"⪘","el":"⪙","Element":"∈","elinters":"⏧","ell":"ℓ","els":"⪕","elsdot":"⪗","Emacr":"Ē","emacr":"ē","empty":"∅","emptyset":"∅","EmptySmallSquare":"◻","emptyv":"∅","EmptyVerySmallSquare":"▫","emsp13":" ","emsp14":" ","emsp":" ","ENG":"Ŋ","eng":"ŋ","ensp":" ","Eogon":"Ę","eogon":"ę","Eopf":"𝔼","eopf":"𝕖","epar":"⋕","eparsl":"⧣","eplus":"⩱","epsi":"ε","Epsilon":"Ε","epsilon":"ε","epsiv":"ϵ","eqcirc":"≖","eqcolon":"≕","eqsim":"≂","eqslantgtr":"⪖","eqslantless":"⪕","Equal":"⩵","equals":"=","EqualTilde":"≂","equest":"≟","Equilibrium":"⇌","equiv":"≡","equivDD":"⩸","eqvparsl":"⧥","erarr":"⥱","erDot":"≓","escr":"ℯ","Escr":"ℰ","esdot":"≐","Esim":"⩳","esim":"≂","Eta":"Η","eta":"η","ETH":"Ð","eth":"ð","Euml":"Ë","euml":"ë","euro":"€","excl":"!","exist":"∃","Exists":"∃","expectation":"ℰ","exponentiale":"ⅇ","ExponentialE":"ⅇ","fallingdotseq":"≒","Fcy":"Ф","fcy":"ф","female":"♀","ffilig":"ffi","fflig":"ff","ffllig":"ffl","Ffr":"𝔉","ffr":"𝔣","filig":"fi","FilledSmallSquare":"◼","FilledVerySmallSquare":"▪","fjlig":"fj","flat":"♭","fllig":"fl","fltns":"▱","fnof":"ƒ","Fopf":"𝔽","fopf":"𝕗","forall":"∀","ForAll":"∀","fork":"⋔","forkv":"⫙","Fouriertrf":"ℱ","fpartint":"⨍","frac12":"½","frac13":"⅓","frac14":"¼","frac15":"⅕","frac16":"⅙","frac18":"⅛","frac23":"⅔","frac25":"⅖","frac34":"¾","frac35":"⅗","frac38":"⅜","frac45":"⅘","frac56":"⅚","frac58":"⅝","frac78":"⅞","frasl":"⁄","frown":"⌢","fscr":"𝒻","Fscr":"ℱ","gacute":"ǵ","Gamma":"Γ","gamma":"γ","Gammad":"Ϝ","gammad":"ϝ","gap":"⪆","Gbreve":"Ğ","gbreve":"ğ","Gcedil":"Ģ","Gcirc":"Ĝ","gcirc":"ĝ","Gcy":"Г","gcy":"г","Gdot":"Ġ","gdot":"ġ","ge":"≥","gE":"≧","gEl":"⪌","gel":"⋛","geq":"≥","geqq":"≧","geqslant":"⩾","gescc":"⪩","ges":"⩾","gesdot":"⪀","gesdoto":"⪂","gesdotol":"⪄","gesl":"⋛︀","gesles":"⪔","Gfr":"𝔊","gfr":"𝔤","gg":"≫","Gg":"⋙","ggg":"⋙","gimel":"ℷ","GJcy":"Ѓ","gjcy":"ѓ","gla":"⪥","gl":"≷","glE":"⪒","glj":"⪤","gnap":"⪊","gnapprox":"⪊","gne":"⪈","gnE":"≩","gneq":"⪈","gneqq":"≩","gnsim":"⋧","Gopf":"𝔾","gopf":"𝕘","grave":"`","GreaterEqual":"≥","GreaterEqualLess":"⋛","GreaterFullEqual":"≧","GreaterGreater":"⪢","GreaterLess":"≷","GreaterSlantEqual":"⩾","GreaterTilde":"≳","Gscr":"𝒢","gscr":"ℊ","gsim":"≳","gsime":"⪎","gsiml":"⪐","gtcc":"⪧","gtcir":"⩺","gt":">","GT":">","Gt":"≫","gtdot":"⋗","gtlPar":"⦕","gtquest":"⩼","gtrapprox":"⪆","gtrarr":"⥸","gtrdot":"⋗","gtreqless":"⋛","gtreqqless":"⪌","gtrless":"≷","gtrsim":"≳","gvertneqq":"≩︀","gvnE":"≩︀","Hacek":"ˇ","hairsp":" ","half":"½","hamilt":"ℋ","HARDcy":"Ъ","hardcy":"ъ","harrcir":"⥈","harr":"↔","hArr":"⇔","harrw":"↭","Hat":"^","hbar":"ℏ","Hcirc":"Ĥ","hcirc":"ĥ","hearts":"♥","heartsuit":"♥","hellip":"…","hercon":"⊹","hfr":"𝔥","Hfr":"ℌ","HilbertSpace":"ℋ","hksearow":"⤥","hkswarow":"⤦","hoarr":"⇿","homtht":"∻","hookleftarrow":"↩","hookrightarrow":"↪","hopf":"𝕙","Hopf":"ℍ","horbar":"―","HorizontalLine":"─","hscr":"𝒽","Hscr":"ℋ","hslash":"ℏ","Hstrok":"Ħ","hstrok":"ħ","HumpDownHump":"≎","HumpEqual":"≏","hybull":"⁃","hyphen":"‐","Iacute":"Í","iacute":"í","ic":"⁣","Icirc":"Î","icirc":"î","Icy":"И","icy":"и","Idot":"İ","IEcy":"Е","iecy":"е","iexcl":"¡","iff":"⇔","ifr":"𝔦","Ifr":"ℑ","Igrave":"Ì","igrave":"ì","ii":"ⅈ","iiiint":"⨌","iiint":"∭","iinfin":"⧜","iiota":"℩","IJlig":"IJ","ijlig":"ij","Imacr":"Ī","imacr":"ī","image":"ℑ","ImaginaryI":"ⅈ","imagline":"ℐ","imagpart":"ℑ","imath":"ı","Im":"ℑ","imof":"⊷","imped":"Ƶ","Implies":"⇒","incare":"℅","in":"∈","infin":"∞","infintie":"⧝","inodot":"ı","intcal":"⊺","int":"∫","Int":"∬","integers":"ℤ","Integral":"∫","intercal":"⊺","Intersection":"⋂","intlarhk":"⨗","intprod":"⨼","InvisibleComma":"⁣","InvisibleTimes":"⁢","IOcy":"Ё","iocy":"ё","Iogon":"Į","iogon":"į","Iopf":"𝕀","iopf":"𝕚","Iota":"Ι","iota":"ι","iprod":"⨼","iquest":"¿","iscr":"𝒾","Iscr":"ℐ","isin":"∈","isindot":"⋵","isinE":"⋹","isins":"⋴","isinsv":"⋳","isinv":"∈","it":"⁢","Itilde":"Ĩ","itilde":"ĩ","Iukcy":"І","iukcy":"і","Iuml":"Ï","iuml":"ï","Jcirc":"Ĵ","jcirc":"ĵ","Jcy":"Й","jcy":"й","Jfr":"𝔍","jfr":"𝔧","jmath":"ȷ","Jopf":"𝕁","jopf":"𝕛","Jscr":"𝒥","jscr":"𝒿","Jsercy":"Ј","jsercy":"ј","Jukcy":"Є","jukcy":"є","Kappa":"Κ","kappa":"κ","kappav":"ϰ","Kcedil":"Ķ","kcedil":"ķ","Kcy":"К","kcy":"к","Kfr":"𝔎","kfr":"𝔨","kgreen":"ĸ","KHcy":"Х","khcy":"х","KJcy":"Ќ","kjcy":"ќ","Kopf":"𝕂","kopf":"𝕜","Kscr":"𝒦","kscr":"𝓀","lAarr":"⇚","Lacute":"Ĺ","lacute":"ĺ","laemptyv":"⦴","lagran":"ℒ","Lambda":"Λ","lambda":"λ","lang":"⟨","Lang":"⟪","langd":"⦑","langle":"⟨","lap":"⪅","Laplacetrf":"ℒ","laquo":"«","larrb":"⇤","larrbfs":"⤟","larr":"←","Larr":"↞","lArr":"⇐","larrfs":"⤝","larrhk":"↩","larrlp":"↫","larrpl":"⤹","larrsim":"⥳","larrtl":"↢","latail":"⤙","lAtail":"⤛","lat":"⪫","late":"⪭","lates":"⪭︀","lbarr":"⤌","lBarr":"⤎","lbbrk":"❲","lbrace":"{","lbrack":"[","lbrke":"⦋","lbrksld":"⦏","lbrkslu":"⦍","Lcaron":"Ľ","lcaron":"ľ","Lcedil":"Ļ","lcedil":"ļ","lceil":"⌈","lcub":"{","Lcy":"Л","lcy":"л","ldca":"⤶","ldquo":"“","ldquor":"„","ldrdhar":"⥧","ldrushar":"⥋","ldsh":"↲","le":"≤","lE":"≦","LeftAngleBracket":"⟨","LeftArrowBar":"⇤","leftarrow":"←","LeftArrow":"←","Leftarrow":"⇐","LeftArrowRightArrow":"⇆","leftarrowtail":"↢","LeftCeiling":"⌈","LeftDoubleBracket":"⟦","LeftDownTeeVector":"⥡","LeftDownVectorBar":"⥙","LeftDownVector":"⇃","LeftFloor":"⌊","leftharpoondown":"↽","leftharpoonup":"↼","leftleftarrows":"⇇","leftrightarrow":"↔","LeftRightArrow":"↔","Leftrightarrow":"⇔","leftrightarrows":"⇆","leftrightharpoons":"⇋","leftrightsquigarrow":"↭","LeftRightVector":"⥎","LeftTeeArrow":"↤","LeftTee":"⊣","LeftTeeVector":"⥚","leftthreetimes":"⋋","LeftTriangleBar":"⧏","LeftTriangle":"⊲","LeftTriangleEqual":"⊴","LeftUpDownVector":"⥑","LeftUpTeeVector":"⥠","LeftUpVectorBar":"⥘","LeftUpVector":"↿","LeftVectorBar":"⥒","LeftVector":"↼","lEg":"⪋","leg":"⋚","leq":"≤","leqq":"≦","leqslant":"⩽","lescc":"⪨","les":"⩽","lesdot":"⩿","lesdoto":"⪁","lesdotor":"⪃","lesg":"⋚︀","lesges":"⪓","lessapprox":"⪅","lessdot":"⋖","lesseqgtr":"⋚","lesseqqgtr":"⪋","LessEqualGreater":"⋚","LessFullEqual":"≦","LessGreater":"≶","lessgtr":"≶","LessLess":"⪡","lesssim":"≲","LessSlantEqual":"⩽","LessTilde":"≲","lfisht":"⥼","lfloor":"⌊","Lfr":"𝔏","lfr":"𝔩","lg":"≶","lgE":"⪑","lHar":"⥢","lhard":"↽","lharu":"↼","lharul":"⥪","lhblk":"▄","LJcy":"Љ","ljcy":"љ","llarr":"⇇","ll":"≪","Ll":"⋘","llcorner":"⌞","Lleftarrow":"⇚","llhard":"⥫","lltri":"◺","Lmidot":"Ŀ","lmidot":"ŀ","lmoustache":"⎰","lmoust":"⎰","lnap":"⪉","lnapprox":"⪉","lne":"⪇","lnE":"≨","lneq":"⪇","lneqq":"≨","lnsim":"⋦","loang":"⟬","loarr":"⇽","lobrk":"⟦","longleftarrow":"⟵","LongLeftArrow":"⟵","Longleftarrow":"⟸","longleftrightarrow":"⟷","LongLeftRightArrow":"⟷","Longleftrightarrow":"⟺","longmapsto":"⟼","longrightarrow":"⟶","LongRightArrow":"⟶","Longrightarrow":"⟹","looparrowleft":"↫","looparrowright":"↬","lopar":"⦅","Lopf":"𝕃","lopf":"𝕝","loplus":"⨭","lotimes":"⨴","lowast":"∗","lowbar":"_","LowerLeftArrow":"↙","LowerRightArrow":"↘","loz":"◊","lozenge":"◊","lozf":"⧫","lpar":"(","lparlt":"⦓","lrarr":"⇆","lrcorner":"⌟","lrhar":"⇋","lrhard":"⥭","lrm":"‎","lrtri":"⊿","lsaquo":"‹","lscr":"𝓁","Lscr":"ℒ","lsh":"↰","Lsh":"↰","lsim":"≲","lsime":"⪍","lsimg":"⪏","lsqb":"[","lsquo":"‘","lsquor":"‚","Lstrok":"Ł","lstrok":"ł","ltcc":"⪦","ltcir":"⩹","lt":"<","LT":"<","Lt":"≪","ltdot":"⋖","lthree":"⋋","ltimes":"⋉","ltlarr":"⥶","ltquest":"⩻","ltri":"◃","ltrie":"⊴","ltrif":"◂","ltrPar":"⦖","lurdshar":"⥊","luruhar":"⥦","lvertneqq":"≨︀","lvnE":"≨︀","macr":"¯","male":"♂","malt":"✠","maltese":"✠","Map":"⤅","map":"↦","mapsto":"↦","mapstodown":"↧","mapstoleft":"↤","mapstoup":"↥","marker":"▮","mcomma":"⨩","Mcy":"М","mcy":"м","mdash":"—","mDDot":"∺","measuredangle":"∡","MediumSpace":" ","Mellintrf":"ℳ","Mfr":"𝔐","mfr":"𝔪","mho":"℧","micro":"µ","midast":"*","midcir":"⫰","mid":"∣","middot":"·","minusb":"⊟","minus":"−","minusd":"∸","minusdu":"⨪","MinusPlus":"∓","mlcp":"⫛","mldr":"…","mnplus":"∓","models":"⊧","Mopf":"𝕄","mopf":"𝕞","mp":"∓","mscr":"𝓂","Mscr":"ℳ","mstpos":"∾","Mu":"Μ","mu":"μ","multimap":"⊸","mumap":"⊸","nabla":"∇","Nacute":"Ń","nacute":"ń","nang":"∠⃒","nap":"≉","napE":"⩰̸","napid":"≋̸","napos":"ʼn","napprox":"≉","natural":"♮","naturals":"ℕ","natur":"♮","nbsp":" ","nbump":"≎̸","nbumpe":"≏̸","ncap":"⩃","Ncaron":"Ň","ncaron":"ň","Ncedil":"Ņ","ncedil":"ņ","ncong":"≇","ncongdot":"⩭̸","ncup":"⩂","Ncy":"Н","ncy":"н","ndash":"–","nearhk":"⤤","nearr":"↗","neArr":"⇗","nearrow":"↗","ne":"≠","nedot":"≐̸","NegativeMediumSpace":"​","NegativeThickSpace":"​","NegativeThinSpace":"​","NegativeVeryThinSpace":"​","nequiv":"≢","nesear":"⤨","nesim":"≂̸","NestedGreaterGreater":"≫","NestedLessLess":"≪","NewLine":"\\n","nexist":"∄","nexists":"∄","Nfr":"𝔑","nfr":"𝔫","ngE":"≧̸","nge":"≱","ngeq":"≱","ngeqq":"≧̸","ngeqslant":"⩾̸","nges":"⩾̸","nGg":"⋙̸","ngsim":"≵","nGt":"≫⃒","ngt":"≯","ngtr":"≯","nGtv":"≫̸","nharr":"↮","nhArr":"⇎","nhpar":"⫲","ni":"∋","nis":"⋼","nisd":"⋺","niv":"∋","NJcy":"Њ","njcy":"њ","nlarr":"↚","nlArr":"⇍","nldr":"‥","nlE":"≦̸","nle":"≰","nleftarrow":"↚","nLeftarrow":"⇍","nleftrightarrow":"↮","nLeftrightarrow":"⇎","nleq":"≰","nleqq":"≦̸","nleqslant":"⩽̸","nles":"⩽̸","nless":"≮","nLl":"⋘̸","nlsim":"≴","nLt":"≪⃒","nlt":"≮","nltri":"⋪","nltrie":"⋬","nLtv":"≪̸","nmid":"∤","NoBreak":"⁠","NonBreakingSpace":" ","nopf":"𝕟","Nopf":"ℕ","Not":"⫬","not":"¬","NotCongruent":"≢","NotCupCap":"≭","NotDoubleVerticalBar":"∦","NotElement":"∉","NotEqual":"≠","NotEqualTilde":"≂̸","NotExists":"∄","NotGreater":"≯","NotGreaterEqual":"≱","NotGreaterFullEqual":"≧̸","NotGreaterGreater":"≫̸","NotGreaterLess":"≹","NotGreaterSlantEqual":"⩾̸","NotGreaterTilde":"≵","NotHumpDownHump":"≎̸","NotHumpEqual":"≏̸","notin":"∉","notindot":"⋵̸","notinE":"⋹̸","notinva":"∉","notinvb":"⋷","notinvc":"⋶","NotLeftTriangleBar":"⧏̸","NotLeftTriangle":"⋪","NotLeftTriangleEqual":"⋬","NotLess":"≮","NotLessEqual":"≰","NotLessGreater":"≸","NotLessLess":"≪̸","NotLessSlantEqual":"⩽̸","NotLessTilde":"≴","NotNestedGreaterGreater":"⪢̸","NotNestedLessLess":"⪡̸","notni":"∌","notniva":"∌","notnivb":"⋾","notnivc":"⋽","NotPrecedes":"⊀","NotPrecedesEqual":"⪯̸","NotPrecedesSlantEqual":"⋠","NotReverseElement":"∌","NotRightTriangleBar":"⧐̸","NotRightTriangle":"⋫","NotRightTriangleEqual":"⋭","NotSquareSubset":"⊏̸","NotSquareSubsetEqual":"⋢","NotSquareSuperset":"⊐̸","NotSquareSupersetEqual":"⋣","NotSubset":"⊂⃒","NotSubsetEqual":"⊈","NotSucceeds":"⊁","NotSucceedsEqual":"⪰̸","NotSucceedsSlantEqual":"⋡","NotSucceedsTilde":"≿̸","NotSuperset":"⊃⃒","NotSupersetEqual":"⊉","NotTilde":"≁","NotTildeEqual":"≄","NotTildeFullEqual":"≇","NotTildeTilde":"≉","NotVerticalBar":"∤","nparallel":"∦","npar":"∦","nparsl":"⫽⃥","npart":"∂̸","npolint":"⨔","npr":"⊀","nprcue":"⋠","nprec":"⊀","npreceq":"⪯̸","npre":"⪯̸","nrarrc":"⤳̸","nrarr":"↛","nrArr":"⇏","nrarrw":"↝̸","nrightarrow":"↛","nRightarrow":"⇏","nrtri":"⋫","nrtrie":"⋭","nsc":"⊁","nsccue":"⋡","nsce":"⪰̸","Nscr":"𝒩","nscr":"𝓃","nshortmid":"∤","nshortparallel":"∦","nsim":"≁","nsime":"≄","nsimeq":"≄","nsmid":"∤","nspar":"∦","nsqsube":"⋢","nsqsupe":"⋣","nsub":"⊄","nsubE":"⫅̸","nsube":"⊈","nsubset":"⊂⃒","nsubseteq":"⊈","nsubseteqq":"⫅̸","nsucc":"⊁","nsucceq":"⪰̸","nsup":"⊅","nsupE":"⫆̸","nsupe":"⊉","nsupset":"⊃⃒","nsupseteq":"⊉","nsupseteqq":"⫆̸","ntgl":"≹","Ntilde":"Ñ","ntilde":"ñ","ntlg":"≸","ntriangleleft":"⋪","ntrianglelefteq":"⋬","ntriangleright":"⋫","ntrianglerighteq":"⋭","Nu":"Ν","nu":"ν","num":"#","numero":"№","numsp":" ","nvap":"≍⃒","nvdash":"⊬","nvDash":"⊭","nVdash":"⊮","nVDash":"⊯","nvge":"≥⃒","nvgt":">⃒","nvHarr":"⤄","nvinfin":"⧞","nvlArr":"⤂","nvle":"≤⃒","nvlt":"<⃒","nvltrie":"⊴⃒","nvrArr":"⤃","nvrtrie":"⊵⃒","nvsim":"∼⃒","nwarhk":"⤣","nwarr":"↖","nwArr":"⇖","nwarrow":"↖","nwnear":"⤧","Oacute":"Ó","oacute":"ó","oast":"⊛","Ocirc":"Ô","ocirc":"ô","ocir":"⊚","Ocy":"О","ocy":"о","odash":"⊝","Odblac":"Ő","odblac":"ő","odiv":"⨸","odot":"⊙","odsold":"⦼","OElig":"Œ","oelig":"œ","ofcir":"⦿","Ofr":"𝔒","ofr":"𝔬","ogon":"˛","Ograve":"Ò","ograve":"ò","ogt":"⧁","ohbar":"⦵","ohm":"Ω","oint":"∮","olarr":"↺","olcir":"⦾","olcross":"⦻","oline":"‾","olt":"⧀","Omacr":"Ō","omacr":"ō","Omega":"Ω","omega":"ω","Omicron":"Ο","omicron":"ο","omid":"⦶","ominus":"⊖","Oopf":"𝕆","oopf":"𝕠","opar":"⦷","OpenCurlyDoubleQuote":"“","OpenCurlyQuote":"‘","operp":"⦹","oplus":"⊕","orarr":"↻","Or":"⩔","or":"∨","ord":"⩝","order":"ℴ","orderof":"ℴ","ordf":"ª","ordm":"º","origof":"⊶","oror":"⩖","orslope":"⩗","orv":"⩛","oS":"Ⓢ","Oscr":"𝒪","oscr":"ℴ","Oslash":"Ø","oslash":"ø","osol":"⊘","Otilde":"Õ","otilde":"õ","otimesas":"⨶","Otimes":"⨷","otimes":"⊗","Ouml":"Ö","ouml":"ö","ovbar":"⌽","OverBar":"‾","OverBrace":"⏞","OverBracket":"⎴","OverParenthesis":"⏜","para":"¶","parallel":"∥","par":"∥","parsim":"⫳","parsl":"⫽","part":"∂","PartialD":"∂","Pcy":"П","pcy":"п","percnt":"%","period":".","permil":"‰","perp":"⊥","pertenk":"‱","Pfr":"𝔓","pfr":"𝔭","Phi":"Φ","phi":"φ","phiv":"ϕ","phmmat":"ℳ","phone":"☎","Pi":"Π","pi":"π","pitchfork":"⋔","piv":"ϖ","planck":"ℏ","planckh":"ℎ","plankv":"ℏ","plusacir":"⨣","plusb":"⊞","pluscir":"⨢","plus":"+","plusdo":"∔","plusdu":"⨥","pluse":"⩲","PlusMinus":"±","plusmn":"±","plussim":"⨦","plustwo":"⨧","pm":"±","Poincareplane":"ℌ","pointint":"⨕","popf":"𝕡","Popf":"ℙ","pound":"£","prap":"⪷","Pr":"⪻","pr":"≺","prcue":"≼","precapprox":"⪷","prec":"≺","preccurlyeq":"≼","Precedes":"≺","PrecedesEqual":"⪯","PrecedesSlantEqual":"≼","PrecedesTilde":"≾","preceq":"⪯","precnapprox":"⪹","precneqq":"⪵","precnsim":"⋨","pre":"⪯","prE":"⪳","precsim":"≾","prime":"′","Prime":"″","primes":"ℙ","prnap":"⪹","prnE":"⪵","prnsim":"⋨","prod":"∏","Product":"∏","profalar":"⌮","profline":"⌒","profsurf":"⌓","prop":"∝","Proportional":"∝","Proportion":"∷","propto":"∝","prsim":"≾","prurel":"⊰","Pscr":"𝒫","pscr":"𝓅","Psi":"Ψ","psi":"ψ","puncsp":" ","Qfr":"𝔔","qfr":"𝔮","qint":"⨌","qopf":"𝕢","Qopf":"ℚ","qprime":"⁗","Qscr":"𝒬","qscr":"𝓆","quaternions":"ℍ","quatint":"⨖","quest":"?","questeq":"≟","quot":"\\"","QUOT":"\\"","rAarr":"⇛","race":"∽̱","Racute":"Ŕ","racute":"ŕ","radic":"√","raemptyv":"⦳","rang":"⟩","Rang":"⟫","rangd":"⦒","range":"⦥","rangle":"⟩","raquo":"»","rarrap":"⥵","rarrb":"⇥","rarrbfs":"⤠","rarrc":"⤳","rarr":"→","Rarr":"↠","rArr":"⇒","rarrfs":"⤞","rarrhk":"↪","rarrlp":"↬","rarrpl":"⥅","rarrsim":"⥴","Rarrtl":"⤖","rarrtl":"↣","rarrw":"↝","ratail":"⤚","rAtail":"⤜","ratio":"∶","rationals":"ℚ","rbarr":"⤍","rBarr":"⤏","RBarr":"⤐","rbbrk":"❳","rbrace":"}","rbrack":"]","rbrke":"⦌","rbrksld":"⦎","rbrkslu":"⦐","Rcaron":"Ř","rcaron":"ř","Rcedil":"Ŗ","rcedil":"ŗ","rceil":"⌉","rcub":"}","Rcy":"Р","rcy":"р","rdca":"⤷","rdldhar":"⥩","rdquo":"”","rdquor":"”","rdsh":"↳","real":"ℜ","realine":"ℛ","realpart":"ℜ","reals":"ℝ","Re":"ℜ","rect":"▭","reg":"®","REG":"®","ReverseElement":"∋","ReverseEquilibrium":"⇋","ReverseUpEquilibrium":"⥯","rfisht":"⥽","rfloor":"⌋","rfr":"𝔯","Rfr":"ℜ","rHar":"⥤","rhard":"⇁","rharu":"⇀","rharul":"⥬","Rho":"Ρ","rho":"ρ","rhov":"ϱ","RightAngleBracket":"⟩","RightArrowBar":"⇥","rightarrow":"→","RightArrow":"→","Rightarrow":"⇒","RightArrowLeftArrow":"⇄","rightarrowtail":"↣","RightCeiling":"⌉","RightDoubleBracket":"⟧","RightDownTeeVector":"⥝","RightDownVectorBar":"⥕","RightDownVector":"⇂","RightFloor":"⌋","rightharpoondown":"⇁","rightharpoonup":"⇀","rightleftarrows":"⇄","rightleftharpoons":"⇌","rightrightarrows":"⇉","rightsquigarrow":"↝","RightTeeArrow":"↦","RightTee":"⊢","RightTeeVector":"⥛","rightthreetimes":"⋌","RightTriangleBar":"⧐","RightTriangle":"⊳","RightTriangleEqual":"⊵","RightUpDownVector":"⥏","RightUpTeeVector":"⥜","RightUpVectorBar":"⥔","RightUpVector":"↾","RightVectorBar":"⥓","RightVector":"⇀","ring":"˚","risingdotseq":"≓","rlarr":"⇄","rlhar":"⇌","rlm":"‏","rmoustache":"⎱","rmoust":"⎱","rnmid":"⫮","roang":"⟭","roarr":"⇾","robrk":"⟧","ropar":"⦆","ropf":"𝕣","Ropf":"ℝ","roplus":"⨮","rotimes":"⨵","RoundImplies":"⥰","rpar":")","rpargt":"⦔","rppolint":"⨒","rrarr":"⇉","Rrightarrow":"⇛","rsaquo":"›","rscr":"𝓇","Rscr":"ℛ","rsh":"↱","Rsh":"↱","rsqb":"]","rsquo":"’","rsquor":"’","rthree":"⋌","rtimes":"⋊","rtri":"▹","rtrie":"⊵","rtrif":"▸","rtriltri":"⧎","RuleDelayed":"⧴","ruluhar":"⥨","rx":"℞","Sacute":"Ś","sacute":"ś","sbquo":"‚","scap":"⪸","Scaron":"Š","scaron":"š","Sc":"⪼","sc":"≻","sccue":"≽","sce":"⪰","scE":"⪴","Scedil":"Ş","scedil":"ş","Scirc":"Ŝ","scirc":"ŝ","scnap":"⪺","scnE":"⪶","scnsim":"⋩","scpolint":"⨓","scsim":"≿","Scy":"С","scy":"с","sdotb":"⊡","sdot":"⋅","sdote":"⩦","searhk":"⤥","searr":"↘","seArr":"⇘","searrow":"↘","sect":"§","semi":";","seswar":"⤩","setminus":"∖","setmn":"∖","sext":"✶","Sfr":"𝔖","sfr":"𝔰","sfrown":"⌢","sharp":"♯","SHCHcy":"Щ","shchcy":"щ","SHcy":"Ш","shcy":"ш","ShortDownArrow":"↓","ShortLeftArrow":"←","shortmid":"∣","shortparallel":"∥","ShortRightArrow":"→","ShortUpArrow":"↑","shy":"­","Sigma":"Σ","sigma":"σ","sigmaf":"ς","sigmav":"ς","sim":"∼","simdot":"⩪","sime":"≃","simeq":"≃","simg":"⪞","simgE":"⪠","siml":"⪝","simlE":"⪟","simne":"≆","simplus":"⨤","simrarr":"⥲","slarr":"←","SmallCircle":"∘","smallsetminus":"∖","smashp":"⨳","smeparsl":"⧤","smid":"∣","smile":"⌣","smt":"⪪","smte":"⪬","smtes":"⪬︀","SOFTcy":"Ь","softcy":"ь","solbar":"⌿","solb":"⧄","sol":"/","Sopf":"𝕊","sopf":"𝕤","spades":"♠","spadesuit":"♠","spar":"∥","sqcap":"⊓","sqcaps":"⊓︀","sqcup":"⊔","sqcups":"⊔︀","Sqrt":"√","sqsub":"⊏","sqsube":"⊑","sqsubset":"⊏","sqsubseteq":"⊑","sqsup":"⊐","sqsupe":"⊒","sqsupset":"⊐","sqsupseteq":"⊒","square":"□","Square":"□","SquareIntersection":"⊓","SquareSubset":"⊏","SquareSubsetEqual":"⊑","SquareSuperset":"⊐","SquareSupersetEqual":"⊒","SquareUnion":"⊔","squarf":"▪","squ":"□","squf":"▪","srarr":"→","Sscr":"𝒮","sscr":"𝓈","ssetmn":"∖","ssmile":"⌣","sstarf":"⋆","Star":"⋆","star":"☆","starf":"★","straightepsilon":"ϵ","straightphi":"ϕ","strns":"¯","sub":"⊂","Sub":"⋐","subdot":"⪽","subE":"⫅","sube":"⊆","subedot":"⫃","submult":"⫁","subnE":"⫋","subne":"⊊","subplus":"⪿","subrarr":"⥹","subset":"⊂","Subset":"⋐","subseteq":"⊆","subseteqq":"⫅","SubsetEqual":"⊆","subsetneq":"⊊","subsetneqq":"⫋","subsim":"⫇","subsub":"⫕","subsup":"⫓","succapprox":"⪸","succ":"≻","succcurlyeq":"≽","Succeeds":"≻","SucceedsEqual":"⪰","SucceedsSlantEqual":"≽","SucceedsTilde":"≿","succeq":"⪰","succnapprox":"⪺","succneqq":"⪶","succnsim":"⋩","succsim":"≿","SuchThat":"∋","sum":"∑","Sum":"∑","sung":"♪","sup1":"¹","sup2":"²","sup3":"³","sup":"⊃","Sup":"⋑","supdot":"⪾","supdsub":"⫘","supE":"⫆","supe":"⊇","supedot":"⫄","Superset":"⊃","SupersetEqual":"⊇","suphsol":"⟉","suphsub":"⫗","suplarr":"⥻","supmult":"⫂","supnE":"⫌","supne":"⊋","supplus":"⫀","supset":"⊃","Supset":"⋑","supseteq":"⊇","supseteqq":"⫆","supsetneq":"⊋","supsetneqq":"⫌","supsim":"⫈","supsub":"⫔","supsup":"⫖","swarhk":"⤦","swarr":"↙","swArr":"⇙","swarrow":"↙","swnwar":"⤪","szlig":"ß","Tab":"\\t","target":"⌖","Tau":"Τ","tau":"τ","tbrk":"⎴","Tcaron":"Ť","tcaron":"ť","Tcedil":"Ţ","tcedil":"ţ","Tcy":"Т","tcy":"т","tdot":"⃛","telrec":"⌕","Tfr":"𝔗","tfr":"𝔱","there4":"∴","therefore":"∴","Therefore":"∴","Theta":"Θ","theta":"θ","thetasym":"ϑ","thetav":"ϑ","thickapprox":"≈","thicksim":"∼","ThickSpace":"  ","ThinSpace":" ","thinsp":" ","thkap":"≈","thksim":"∼","THORN":"Þ","thorn":"þ","tilde":"˜","Tilde":"∼","TildeEqual":"≃","TildeFullEqual":"≅","TildeTilde":"≈","timesbar":"⨱","timesb":"⊠","times":"×","timesd":"⨰","tint":"∭","toea":"⤨","topbot":"⌶","topcir":"⫱","top":"⊤","Topf":"𝕋","topf":"𝕥","topfork":"⫚","tosa":"⤩","tprime":"‴","trade":"™","TRADE":"™","triangle":"▵","triangledown":"▿","triangleleft":"◃","trianglelefteq":"⊴","triangleq":"≜","triangleright":"▹","trianglerighteq":"⊵","tridot":"◬","trie":"≜","triminus":"⨺","TripleDot":"⃛","triplus":"⨹","trisb":"⧍","tritime":"⨻","trpezium":"⏢","Tscr":"𝒯","tscr":"𝓉","TScy":"Ц","tscy":"ц","TSHcy":"Ћ","tshcy":"ћ","Tstrok":"Ŧ","tstrok":"ŧ","twixt":"≬","twoheadleftarrow":"↞","twoheadrightarrow":"↠","Uacute":"Ú","uacute":"ú","uarr":"↑","Uarr":"↟","uArr":"⇑","Uarrocir":"⥉","Ubrcy":"Ў","ubrcy":"ў","Ubreve":"Ŭ","ubreve":"ŭ","Ucirc":"Û","ucirc":"û","Ucy":"У","ucy":"у","udarr":"⇅","Udblac":"Ű","udblac":"ű","udhar":"⥮","ufisht":"⥾","Ufr":"𝔘","ufr":"𝔲","Ugrave":"Ù","ugrave":"ù","uHar":"⥣","uharl":"↿","uharr":"↾","uhblk":"▀","ulcorn":"⌜","ulcorner":"⌜","ulcrop":"⌏","ultri":"◸","Umacr":"Ū","umacr":"ū","uml":"¨","UnderBar":"_","UnderBrace":"⏟","UnderBracket":"⎵","UnderParenthesis":"⏝","Union":"⋃","UnionPlus":"⊎","Uogon":"Ų","uogon":"ų","Uopf":"𝕌","uopf":"𝕦","UpArrowBar":"⤒","uparrow":"↑","UpArrow":"↑","Uparrow":"⇑","UpArrowDownArrow":"⇅","updownarrow":"↕","UpDownArrow":"↕","Updownarrow":"⇕","UpEquilibrium":"⥮","upharpoonleft":"↿","upharpoonright":"↾","uplus":"⊎","UpperLeftArrow":"↖","UpperRightArrow":"↗","upsi":"υ","Upsi":"ϒ","upsih":"ϒ","Upsilon":"Υ","upsilon":"υ","UpTeeArrow":"↥","UpTee":"⊥","upuparrows":"⇈","urcorn":"⌝","urcorner":"⌝","urcrop":"⌎","Uring":"Ů","uring":"ů","urtri":"◹","Uscr":"𝒰","uscr":"𝓊","utdot":"⋰","Utilde":"Ũ","utilde":"ũ","utri":"▵","utrif":"▴","uuarr":"⇈","Uuml":"Ü","uuml":"ü","uwangle":"⦧","vangrt":"⦜","varepsilon":"ϵ","varkappa":"ϰ","varnothing":"∅","varphi":"ϕ","varpi":"ϖ","varpropto":"∝","varr":"↕","vArr":"⇕","varrho":"ϱ","varsigma":"ς","varsubsetneq":"⊊︀","varsubsetneqq":"⫋︀","varsupsetneq":"⊋︀","varsupsetneqq":"⫌︀","vartheta":"ϑ","vartriangleleft":"⊲","vartriangleright":"⊳","vBar":"⫨","Vbar":"⫫","vBarv":"⫩","Vcy":"В","vcy":"в","vdash":"⊢","vDash":"⊨","Vdash":"⊩","VDash":"⊫","Vdashl":"⫦","veebar":"⊻","vee":"∨","Vee":"⋁","veeeq":"≚","vellip":"⋮","verbar":"|","Verbar":"‖","vert":"|","Vert":"‖","VerticalBar":"∣","VerticalLine":"|","VerticalSeparator":"❘","VerticalTilde":"≀","VeryThinSpace":" ","Vfr":"𝔙","vfr":"𝔳","vltri":"⊲","vnsub":"⊂⃒","vnsup":"⊃⃒","Vopf":"𝕍","vopf":"𝕧","vprop":"∝","vrtri":"⊳","Vscr":"𝒱","vscr":"𝓋","vsubnE":"⫋︀","vsubne":"⊊︀","vsupnE":"⫌︀","vsupne":"⊋︀","Vvdash":"⊪","vzigzag":"⦚","Wcirc":"Ŵ","wcirc":"ŵ","wedbar":"⩟","wedge":"∧","Wedge":"⋀","wedgeq":"≙","weierp":"℘","Wfr":"𝔚","wfr":"𝔴","Wopf":"𝕎","wopf":"𝕨","wp":"℘","wr":"≀","wreath":"≀","Wscr":"𝒲","wscr":"𝓌","xcap":"⋂","xcirc":"◯","xcup":"⋃","xdtri":"▽","Xfr":"𝔛","xfr":"𝔵","xharr":"⟷","xhArr":"⟺","Xi":"Ξ","xi":"ξ","xlarr":"⟵","xlArr":"⟸","xmap":"⟼","xnis":"⋻","xodot":"⨀","Xopf":"𝕏","xopf":"𝕩","xoplus":"⨁","xotime":"⨂","xrarr":"⟶","xrArr":"⟹","Xscr":"𝒳","xscr":"𝓍","xsqcup":"⨆","xuplus":"⨄","xutri":"△","xvee":"⋁","xwedge":"⋀","Yacute":"Ý","yacute":"ý","YAcy":"Я","yacy":"я","Ycirc":"Ŷ","ycirc":"ŷ","Ycy":"Ы","ycy":"ы","yen":"¥","Yfr":"𝔜","yfr":"𝔶","YIcy":"Ї","yicy":"ї","Yopf":"𝕐","yopf":"𝕪","Yscr":"𝒴","yscr":"𝓎","YUcy":"Ю","yucy":"ю","yuml":"ÿ","Yuml":"Ÿ","Zacute":"Ź","zacute":"ź","Zcaron":"Ž","zcaron":"ž","Zcy":"З","zcy":"з","Zdot":"Ż","zdot":"ż","zeetrf":"ℨ","ZeroWidthSpace":"​","Zeta":"Ζ","zeta":"ζ","zfr":"𝔷","Zfr":"ℨ","ZHcy":"Ж","zhcy":"ж","zigrarr":"⇝","zopf":"𝕫","Zopf":"ℤ","Zscr":"𝒵","zscr":"𝓏","zwj":"‍","zwnj":"‌"}')},function(e){"use strict";e.exports=JSON.parse('{"amp":"&","apos":"\'","gt":">","lt":"<","quot":"\\""}')},function(e,t,n){var r=n(21).isTag;function i(e,t,n,r){for(var o,s=[],a=0,l=t.length;a<l&&!(e(t[a])&&(s.push(t[a]),--r<=0))&&(o=t[a].children,!(n&&o&&o.length>0&&(o=i(e,o,n,r),s=s.concat(o),(r-=o.length)<=0)));a++);return s}e.exports={filter:function(e,t,n,r){Array.isArray(t)||(t=[t]);"number"==typeof r&&isFinite(r)||(r=1/0);return i(e,t,!1!==n,r)},find:i,findOneChild:function(e,t){for(var n=0,r=t.length;n<r;n++)if(e(t[n]))return t[n];return null},findOne:function e(t,n){for(var i=null,o=0,s=n.length;o<s&&!i;o++)r(n[o])&&(t(n[o])?i=n[o]:n[o].children.length>0&&(i=e(t,n[o].children)));return i},existsOne:function e(t,n){for(var i=0,o=n.length;i<o;i++)if(r(n[i])&&(t(n[i])||n[i].children.length>0&&e(t,n[i].children)))return!0;return!1},findAll:function(e,t){var n=[],i=t.slice();for(;i.length;){var o=i.shift();r(o)&&(o.children&&o.children.length>0&&i.unshift.apply(i,o.children),e(o)&&n.push(o))}return n}}},function(e,t,n){e.exports=i;var r=n(34);function i(e){r.call(this,new o(this),e)}function o(e){this.scope=e}n(23)(i,r),i.prototype.readable=!0;var s=n(14).EVENTS;Object.keys(s).forEach((function(e){if(0===s[e])o.prototype["on"+e]=function(){this.scope.emit(e)};else if(1===s[e])o.prototype["on"+e]=function(t){this.scope.emit(e,t)};else{if(2!==s[e])throw Error("wrong number of arguments!");o.prototype["on"+e]=function(t,n){this.scope.emit(e,t,n)}}}))},function(e,t,n){function r(e){this._cbs=e||{}}e.exports=r;var i=n(14).EVENTS;Object.keys(i).forEach((function(e){if(0===i[e])e="on"+e,r.prototype[e]=function(){this._cbs[e]&&this._cbs[e]()};else if(1===i[e])e="on"+e,r.prototype[e]=function(t){this._cbs[e]&&this._cbs[e](t)};else{if(2!==i[e])throw Error("wrong number of arguments");e="on"+e,r.prototype[e]=function(t,n){this._cbs[e]&&this._cbs[e](t,n)}}}))},function(e,t,n){function r(e){this._cbs=e||{},this.events=[]}e.exports=r;var i=n(14).EVENTS;Object.keys(i).forEach((function(e){if(0===i[e])e="on"+e,r.prototype[e]=function(){this.events.push([e]),this._cbs[e]&&this._cbs[e]()};else if(1===i[e])e="on"+e,r.prototype[e]=function(t){this.events.push([e,t]),this._cbs[e]&&this._cbs[e](t)};else{if(2!==i[e])throw Error("wrong number of arguments");e="on"+e,r.prototype[e]=function(t,n){this.events.push([e,t,n]),this._cbs[e]&&this._cbs[e](t,n)}}})),r.prototype.onreset=function(){this.events=[],this._cbs.onreset&&this._cbs.onreset()},r.prototype.restart=function(){this._cbs.onreset&&this._cbs.onreset();for(var e=0,t=this.events.length;e<t;e++)if(this._cbs[this.events[e][0]]){var n=this.events[e].length;1===n?this._cbs[this.events[e][0]]():2===n?this._cbs[this.events[e][0]](this.events[e][1]):this._cbs[this.events[e][0]](this.events[e][1],this.events[e][2])}}},function(e,t,n){"use strict";var r=n(60);function i(){}function o(){}o.resetWarningCache=i,e.exports=function(){function e(e,t,n,i,o,s){if(s!==r){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:i};return n.PropTypes=n,n}},function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e){"use strict";e.exports=function(e,t){if(e===t)return!0;if(!e||!t)return!1;var n=e.length;if(t.length!==n)return!1;for(var r=0;r<n;r++)if(e[r]!==t[r])return!1;return!0}},function(e){"use strict";var t=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],r=!0,i=!1,o=void 0;try{for(var s,a=e[Symbol.iterator]();!(r=(s=a.next()).done)&&(n.push(s.value),!t||n.length!==t);r=!0);}catch(l){i=!0,o=l}finally{try{!r&&a.return&&a.return()}finally{if(i)throw o}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")};e.exports=function(e){var n=e.data,r=e.multiSection;function i(e){var i=t(e,2),o=i[0],s=i[1];return r?null===s||s===n[o]-1?null===(o=function(e){for(null===e?e=0:e++;e<n.length&&0===n[e];)e++;return e===n.length?null:e}(o))?[null,null]:[o,0]:[o,s+1]:0===n||s===n-1?[null,null]:null===s?[null,0]:[null,s+1]}return{next:i,prev:function(e){var i=t(e,2),o=i[0],s=i[1];return r?null===s||0===s?null===(o=function(e){for(null===e?e=n.length-1:e--;e>=0&&0===n[e];)e--;return-1===e?null:e}(o))?[null,null]:[o,n[o]-1]:[o,s-1]:0===n||0===s?[null,null]:null===s?[null,n-1]:[null,s-1]},isLast:function(e){return null===i(e)[1]}}}},function(e){"use strict";var t=Object.prototype.propertyIsEnumerable;function n(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function r(e){var n=Object.getOwnPropertyNames(e);return Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(e))),n.filter((function(n){return t.call(e,n)}))}e.exports=Object.assign||function(e,t){for(var i,o,s=n(e),a=1;a<arguments.length;a++){i=arguments[a],o=r(Object(i));for(var l=0;l<o.length;l++)s[o[l]]=i[o[l]]}return s}},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"arrow-down",use:"arrow-down-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="arrow-down"><path fill="currentColor" d="M6.984 9.984h10.031L11.999 15z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"close",use:"close-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="close"><path fill="currentColor" stroke="currentColor" d="M18.984 6.422 13.406 12l5.578 5.578-1.406 1.406L12 13.406l-5.578 5.578-1.406-1.406L10.594 12 5.016 6.422l1.406-1.406L12 10.594l5.578-5.578z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"code-collapse",use:"code-collapse-usage",viewBox:"0 0 20 16",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16" id="code-collapse"><path fill="currentColor" d="m13 11.5 1.5 1.5 5-5-5-5L13 4.5 16.5 8zM7 4.5 5.5 3l-5 5 5 5L7 11.5 3.5 8zM10.958 2.352l1.085.296-3 11-1.085-.296 3-11z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"code-expand",use:"code-expand-usage",viewBox:"0 0 16 16",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="code-expand"><path fill="currentColor" d="m9 11.5 1.5 1.5 5-5-5-5L9 4.5 12.5 8zM7 4.5 5.5 3l-5 5 5 5L7 11.5 3.5 8z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"copy",use:"copy-usage",viewBox:"0 0 24 24",content:'<symbol viewBox="0 0 24 24" id="copy"><path fill="currentColor" d="M18.984 21V6.984H8.015V21h10.969zm0-15.984c1.078 0 2.016.891 2.016 1.969v14.016c0 1.078-.938 2.016-2.016 2.016H8.015c-1.078 0-2.016-.938-2.016-2.016V6.985c0-1.078.938-1.969 2.016-1.969h10.969zm-3-4.032V3h-12v14.016H2.015V3c0-1.078.891-2.016 1.969-2.016h12z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"desktop",use:"desktop-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="desktop"><path fill="currentColor" d="M21 14.016V3.985H3v10.031h18zm0-12c1.078 0 2.016.891 2.016 1.969v12c0 1.078-.938 2.016-2.016 2.016h-6.984l1.969 3v.984H8.016v-.984l1.969-3H3.001c-1.078 0-2.016-.938-2.016-2.016v-12c0-1.078.938-1.969 2.016-1.969h18z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"disco-ball",use:"disco-ball-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="disco-ball"><g fill="none" fill-rule="evenodd"><path stroke="currentColor" d="M21.698 11.973c0-4.892-3.841-9.006-8.795-9.498h-1.471l-.37-.002c-5.286.444-9.244 4.91-8.938 10.072.306 5.162 4.769 9.153 10.072 8.998 5.303-.155 9.512-4.4 9.502-9.57Z" /><path fill="currentColor" fill-rule="nonzero" d="M5.294 8.839h2.009a15.33 15.33 0 0 0-.318 2.314H4.606c.106-.823.318-1.594.688-2.314Zm0 6.326c-.37-.72-.582-1.492-.688-2.314h2.38c.052.822.158 1.594.317 2.314h-2.01Zm1.11 1.697h1.375c.211.617.475 1.234.793 1.8a7.284 7.284 0 0 1-2.168-1.8ZM7.779 7.09H6.404a7.284 7.284 0 0 1 2.168-1.8 10.998 10.998 0 0 0-.793 1.8Zm3.278 12.344c-.9-.515-1.534-1.595-1.957-2.572h1.957v2.572Zm0-4.27H8.572a15.33 15.33 0 0 1-.318-2.313h2.803v2.314Zm0-4.01H8.254a15.33 15.33 0 0 1 .318-2.315h2.485v2.314Zm.158-3.91H8.89l.106-.205c.475-1.183 1.163-2.16 1.956-2.623l.264-.154v2.983Zm6.292-.154h-1.375a10.998 10.998 0 0 0-.793-1.8 8.9 8.9 0 0 1 2.168 1.8Zm-4.653-2.52c.899.463 1.533 1.595 1.903 2.52h-1.903V4.57Zm0 14.864v-2.572h1.903c-.37.977-1.004 2.057-1.903 2.572Zm2.432-4.27h-2.432v-2.313h2.75c0 .822-.106 1.594-.318 2.314Zm-2.432-4.01V8.838h2.432c.212.72.317 1.491.37 2.314h-2.802Zm2.485 7.508c.317-.566.582-1.183.793-1.8h1.375a8.9 8.9 0 0 1-2.168 1.8Zm3.278-3.497h-2.01l.265-2.314h2.38a8.346 8.346 0 0 1-.635 2.314Zm-1.745-4.012c-.053-.823-.105-1.594-.264-2.314h2.009c.317.72.529 1.491.634 2.314h-2.379ZM22.488 20.97l-.687-1.234-.74 1.234-1.269.72 1.269.669.74 1.285.687-1.285 1.27-.67-1.27-.72ZM3.825.792l-1.428.411L1.023.792l.423 1.389-.423 1.388 1.374-.411 1.428.411-.423-1.388.423-1.389Zm.408 19.972-.529-1.028-.581 1.028-1.058.566 1.058.514.581 1.029.53-1.029 1.057-.514-1.058-.566Zm17.95-17.891-.581-1.029-.53 1.029-1.057.566 1.058.565.529 1.03.581-1.03 1.058-.565-1.058-.566Z" /></g></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"hay",use:"hay-usage",viewBox:"0 0 22 22",content:'<symbol xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 22" id="hay"><path fill="currentColor" d="m16.995 10.79-2.625-2.5a1.082 1.082 0 0 0-.745-.294c-.28 0-.548.106-.745.294a.98.98 0 0 0-.31.71.98.98 0 0 0 .31.71l.84.79H8.28l.84-.79A.98.98 0 0 0 9.43 9a.98.98 0 0 0-.31-.71 1.082 1.082 0 0 0-.745-.294c-.28 0-.548.106-.745.294l-2.625 2.5a.995.995 0 0 0-.221.33.956.956 0 0 0 0 .76c.05.123.125.235.22.33l2.626 2.5c.097.094.213.168.341.219a1.095 1.095 0 0 0 1.15-.219 1 1 0 0 0 .23-.325.96.96 0 0 0-.23-1.095l-.84-.79h5.438l-.84.79a1 1 0 0 0-.23.325.96.96 0 0 0 .23 1.095 1.095 1.095 0 0 0 1.491 0l2.625-2.5a.995.995 0 0 0 .221-.33.956.956 0 0 0 0-.76.995.995 0 0 0-.22-.33ZM1.55 5.5c-.278 0-.546.105-.742.293A.976.976 0 0 0 .5 6.5v10c0 .265.11.52.308.707.196.188.464.293.742.293.278 0 .546-.105.742-.293A.976.976 0 0 0 2.6 16.5v-10c0-.265-.11-.52-.308-.707A1.077 1.077 0 0 0 1.55 5.5Zm18.9 0c-.278 0-.546.105-.742.293a.976.976 0 0 0-.308.707v10c0 .265.11.52.308.707.196.188.464.293.742.293.279 0 .546-.105.742-.293a.976.976 0 0 0 .308-.707v-10c0-.265-.11-.52-.308-.707a1.077 1.077 0 0 0-.742-.293Z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"help",use:"help-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="help"><path fill="currentColor" d="M12 6a3.98 3.98 0 0 1 3.984 3.984c0 2.484-3 2.766-3 5.016h-1.969c0-3.234 3-3 3-5.016 0-1.078-.938-1.969-2.016-1.969s-2.016.891-2.016 1.969H8.014A3.98 3.98 0 0 1 11.998 6zm0 14.016c4.406 0 8.016-3.609 8.016-8.016S16.407 3.984 12 3.984 3.984 7.593 3.984 12 7.593 20.016 12 20.016zm0-18c5.531 0 9.984 4.453 9.984 9.984S17.531 21.984 12 21.984 2.016 17.531 2.016 12 6.469 2.016 12 2.016zM11.016 18v-2.016h1.969V18h-1.969z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"hide",use:"hide-usage",viewBox:"0 0 20 20",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" id="hide"><path fill="currentColor" d="m12.81 4.36-1.77 1.78a4 4 0 0 0-4.894 4.928l-.007-.028-2.76 2.75c-1.32-1-2.42-2.3-3.18-3.79 1.86-3.591 5.548-6.003 9.799-6.003.996 0 1.96.132 2.878.38l-.077-.018zm3.8 1.85c1.33 1 2.43 2.3 3.2 3.79-1.859 3.594-5.549 6.007-9.802 6.007a11.01 11.01 0 0 1-2.895-.385l.077.018 1.77-1.78a4 4 0 0 0 4.894-4.928l.007.028 2.76-2.75zm-.25-3.99 1.42 1.42L3.64 17.78l-1.42-1.42L16.36 2.22z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"laptop",use:"laptop-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="laptop"><path fill="currentColor" d="M12 18.984c.563 0 .984-.422.984-.984s-.422-.984-.984-.984-.984.422-.984.984.422.984.984.984zM3.984 5.016v10.969h16.031V5.016H3.984zM20.016 18H24c0 1.078-.938 2.016-2.016 2.016H2.015c-1.078 0-2.016-.938-2.016-2.016h3.984c-1.078 0-1.969-.938-1.969-2.016V5.015c0-1.078.891-2.016 1.969-2.016h16.031c1.078 0 1.969.938 1.969 2.016v10.969c0 1.078-.891 2.016-1.969 2.016z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"layout-h",use:"layout-h-usage",viewBox:"0 0 32 32",content:'<symbol xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 32 32" id="layout-h"><path d="M3 4v25h25V4H3zm8 24H4V5h7v23zm16 0H12V5h15v23z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"layout-v",use:"layout-v-usage",viewBox:"0 0 32 32",content:'<symbol xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 32 32" id="layout-v"><path d="M3 4v25h25V4H3zm24 24H4V11h23v17zm0-18H4V5h23v5z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"menu",use:"menu-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="menu"><path fill="currentColor" d="M3 6h18v2.016H3V6zm0 6.984v-1.969h18v1.969H3zM3 18v-2.016h18V18H3z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"new-tab",use:"new-tab-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="new-tab"><path fill="currentColor" d="M14.016 3H21v6.984h-2.016V6.421l-9.797 9.797-1.406-1.406 9.797-9.797h-3.563V2.999zm4.968 15.984V12H21v6.984C21 20.062 20.062 21 18.984 21H5.015c-1.125 0-2.016-.938-2.016-2.016V5.015c0-1.078.891-2.016 2.016-2.016h6.984v2.016H5.015v13.969h13.969z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"phone",use:"phone-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="phone"><path fill="currentColor" d="M15.984 18V3.984h-9V18h9zm-4.5 3.984c.844 0 1.5-.656 1.5-1.5s-.656-1.5-1.5-1.5-1.5.656-1.5 1.5.656 1.5 1.5 1.5zm4.032-21C16.875.984 18 2.156 18 3.515v16.969c0 1.359-1.125 2.531-2.484 2.531H7.5c-1.359 0-2.484-1.172-2.484-2.531V3.515C5.016 2.156 6.141.984 7.5.984h8.016z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"random",use:"random-usage",viewBox:"0 0 26 26",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" id="random"><path fill="none" fill-rule="nonzero" stroke="currentColor" stroke-width="2" d="M19 9c1.125 0 2-.875 2-2 0-1.126-.875-2-2-2-1.126 0-2 .874-2 2 0 1.125.874 2 2 2Zm0 11.999c1.125 0 2-.875 2-2s-.875-2-2-2c-1.126 0-2 .875-2 2s.874 2 2 2Zm-6-6c1.125 0 2-.874 2-2 0-1.125-.875-2-2-2-1.126 0-2 .875-2 2 0 1.126.874 2 2 2ZM7 9c1.125 0 2-.874 2-2 0-1.125-.875-2-2-2s-2 .875-2 2c0 1.126.875 2 2 2Zm0 12c1.125 0 2-.875 2-2s-.875-2-2-2-2 .875-2 2 .875 2 2 2ZM22.311 1C23.748 1 25 2.25 25 3.688v18.624c0 1.437-1.25 2.688-2.688 2.688H3.687C2.25 25 .999 23.75.999 22.312V3.688C.999 2.25 2.249 1 3.687 1H22.31Z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"settings",use:"settings-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="settings"><path fill="currentColor" d="M12 15.516c1.922 0 3.516-1.594 3.516-3.516S13.922 8.484 12 8.484 8.484 10.078 8.484 12s1.594 3.516 3.516 3.516zm7.453-2.532 2.109 1.641c.188.141.234.422.094.656L19.64 18.75c-.141.234-.375.281-.609.188l-2.484-.984c-.516.375-1.078.75-1.688.984l-.375 2.625c-.047.234-.234.422-.469.422H9.984c-.234 0-.422-.188-.469-.422l-.375-2.625a6.145 6.145 0 0 1-1.688-.984l-2.484.984c-.234.094-.469.047-.609-.188l-2.016-3.469c-.141-.234-.094-.516.094-.656l2.109-1.641c-.047-.328-.047-.656-.047-.984s0-.656.047-.984L2.437 9.375c-.188-.141-.234-.422-.094-.656L4.359 5.25c.141-.234.375-.281.609-.188l2.484.984c.516-.375 1.078-.75 1.688-.984l.375-2.625c.047-.234.234-.422.469-.422h4.031c.234 0 .422.188.469.422l.375 2.625a6.145 6.145 0 0 1 1.688.984l2.484-.984c.234-.094.469-.047.609.188l2.016 3.469c.141.234.094.516-.094.656l-2.109 1.641c.047.328.047.656.047.984s0 .656-.047.984z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"show",use:"show-usage",viewBox:"0 0 20 20",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" id="show"><path fill="currentColor" d="M.2 10C2.06 6.408 5.748 3.996 10 3.996s7.94 2.412 9.771 5.943L19.8 10c-1.86 3.592-5.548 6.004-9.8 6.004S2.06 13.592.229 10.061L.2 10zm9.8 4a4 4 0 0 0 0-8 4 4 0 0 0 0 8zm0-2a2 2 0 1 1 0-4 2 2 0 1 1 0 4z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"tablet",use:"tablet-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="tablet"><path fill="currentColor" d="M18.984 18.984V3h-15v15.984h15zm-7.5 4.032c.844 0 1.5-.656 1.5-1.5s-.656-1.5-1.5-1.5-1.5.656-1.5 1.5.656 1.5 1.5 1.5zM18.516 0A2.5 2.5 0 0 1 21 2.484v19.031a2.5 2.5 0 0 1-2.484 2.484H4.5a2.5 2.5 0 0 1-2.484-2.484V2.484A2.5 2.5 0 0 1 4.5 0h14.016z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"theme-dark",use:"theme-dark-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" id="theme-dark"><circle cx="12" cy="12" r="5" /><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),o=n(1),s=n.n(o),a=new(i())({id:"theme-light",use:"theme-light-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" id="theme-light"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" /></symbol>'});s().add(a);t.default=a},function(e,t,n){"use strict";n.d(t,{D:function(){return s},J:function(){return o}});let r=240,i=2600;if(void 0!==window.config&&(void 0!==window.config.ishMinimum&&(r=parseInt(window.config.ishMinimum,10)),void 0!==window.config.ishMaximum&&(i=parseInt(window.config.ishMaximum,10)),void 0!==window.config.ishViewportRange&&(r=window.config.ishViewportRange.s[0],i=window.config.ishViewportRange.l[1]),window.config.ishViewportRange&&window.config.ishMaximum)){const e=parseInt(window.config.ishViewportRange.l[1],10),t=parseInt(window.config.ishMaximum,10);i=e>t?e:t}const o=r,s=i},,function(e,t,n){"use strict";n.d(t,{I:function(){return r}});const r={skipBack:!1,goBack:!1,iframeElement:document.querySelector(".pl-js-iframe"),targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,getFileName(e,t){const n="patterns";let r="";if(void 0===e)return r;if(void 0===t&&(t=!0),"all"===e)return"styleguide/html/styleguide.html";if("snapshots"===e)return"snapshots/index.html";const i=-1!==e.indexOf("viewall-")?window.viewAllPaths:window.patternPaths,o=e.replace("viewall-",""),s=this.getPatternInfo(o,i),a=s[0],l=s[1];if(void 0!==i[a]&&void 0!==i[a][l])r=i[a][l];else if(void 0!==i[a])for(const u in i[a])if(-1!==u.indexOf(l)){r=i[a][u];break}if(""===r)return r;const c=/\//g;if(-1!==e.indexOf("viewall-")&&0===e.indexOf("viewall-")&&""!==r)r=n+"/"+r.replace(c,"-")+"/index.html";else if(""!==r&&(r=n+"/"+r.replace(c,"-")+"/"+r.replace(c,"-"),t)){r=r+(void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.rendered?window.config.outputFileSuffixes.rendered:"")+".html"}return r},getPatternInfo(e,t){const n=e.split("-");let r=1;const i=n.length;let o=n[0];for(;void 0===t[o]&&r<i;)o+="-"+n[r],r++;return[o,e.slice(o.length+1,e.length)]},getRequestVars(){return new function(e){if(e.length>1)for(let t,n=0,r=e.substr(1).split("&");n<r.length;n++)t=r[n].split("="),this[unescape(t[0])]=t.length>1?unescape(t[1]):""}(window.location.search)},pushPattern(e,t){const n=r.getFileName(e);let i=window.location.pathname;i="file"===window.location.protocol?i.replace("/public/index.html","public/"):i.replace(/\/index\.html/,"/");if(t!==window.location.protocol+"//"+window.location.host+i+n){const e=JSON.stringify({event:"patternLab.updatePath",path:n});document.querySelector(".pl-js-iframe").contentWindow.postMessage(e,r.targetOrigin)}},popPattern(e){let t;const n=e.state;if(null===n)return void(this.skipBack=!1);null!==n&&(t=n.currentPattern);let i="";i=this.getFileName(t),""===i&&(i="styleguide/html/styleguide.html");const o=JSON.stringify({event:"patternLab.updatePath",path:i});document.querySelector(".pl-js-iframe").contentWindow.postMessage(o,r.targetOrigin)}};window.onpopstate=function(){r.skipBack=!0}},function(e,t,n){"use strict";n.d(t,{U:function(){return i}});var r=n(24);const i=new(n.n(r)())},function(e,t,n){"use strict";"file:"===window.location.protocol||(window.location.protocol,window.location.host)},function(e,t,n){"use strict";n.d(t,{s:function(){return i}});var r=n(13);let i="";if(window.config){i=void 0!==window.config.defaultPattern&&"string"==typeof window.config.defaultPattern&&window.config.defaultPattern.trim().length>0?window.config.defaultPattern:"all";const e=r.I.getRequestVars();void 0===e.p&&void 0===e.pattern||(i=void 0!==e.p?e.p:e.pattern)}},function(e,t,n){"use strict";var r=n(7),i=n.n(r),o=n(8),s=n.n(o)()(i());s.push([e.id,"pl-icon{display:block;width:1.2em;height:1.2em;pointer-events:none}.c-icon{display:block;width:1.2em;height:1.2em}","",{version:3,sources:["webpack://./src/scripts/lit-components/pl-icon/pl-icon.scss"],names:[],mappings:"AAAA,QAAQ,aAAa,CAAC,WAAW,CAAC,YAAY,CAAC,mBAAmB,CAAC,QAAQ,aAAa,CAAC,WAAW,CAAC,YAAY",sourcesContent:["pl-icon{display:block;width:1.2em;height:1.2em;pointer-events:none}.c-icon{display:block;width:1.2em;height:1.2em}"],sourceRoot:""}]),t.Z=s},function(e,t,n){"use strict";n.d(t,{A:function(){return s}});var r=n(16),i=n(11);const o=new WeakMap,s=(0,i.XM)((e=>t=>{if(!(t instanceof i.nt))throw new Error("unsafeHTML can only be used in text bindings");const n=o.get(t);if(void 0!==n&&(0,r.pt)(e)&&e===n.value&&t.value===n.fragment)return;const s=document.createElement("template");s.innerHTML=e;const a=document.importNode(s.content,!0);t.setValue(a),o.set(t,{value:e,fragment:a})}))},function(e,t,n){"use strict";var r=n(7),i=n.n(r),o=n(8),s=n.n(o)()(i());s.push([e.id,':host{width:100%}pl-button{width:100%}.pl-c-button{color:inherit;text-decoration:none;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin:0;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;cursor:pointer;position:relative;min-width:30px}.pl-c-button::after{content:"";display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;opacity:0;-webkit-transition:opacity .1s ease;transition:opacity .1s ease;background-color:currentColor}.pl-c-button:hover::after{opacity:.1}.pl-c-button:active:hover::after{opacity:.2}.pl-c-button:focus{outline:1px dotted;outline-offset:-1px}.pl-c-button:focus::after{opacity:.1}.pl-c-button__text{text-align:left}.pl-c-button--medium{padding:.65rem 1rem}.pl-c-button--medium.pl-c-button--icon-only{padding:.65rem}.pl-c-button--small{padding:.5rem 1rem}.pl-c-button--small.pl-c-button--icon-only{padding:.5rem}*+.pl-c-button__icon{margin-right:.5rem}.pl-c-button__icon+*{margin-right:.5rem}',"",{version:3,sources:["webpack://./src/scripts/lit-components/pl-button/pl-button.scss"],names:[],mappings:"AAAA,MAAM,UAAU,CAAC,UAAU,UAAU,CAAC,aAAa,aAAa,CAAC,oBAAoB,CAAC,cAAc,CAAC,QAAQ,CAAC,uBAAe,CAAf,oBAAe,CAAf,eAAe,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,UAAU,CAAC,QAAQ,CAAC,6BAA0B,CAA1B,6BAA0B,CAA1B,8BAA0B,CAA1B,0BAA0B,CAAC,oBAAwB,CAAxB,iBAAwB,CAAxB,wBAAwB,CAAC,cAAc,CAAC,iBAAiB,CAAC,cAAc,CAAC,oBAAoB,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,mBAAmB,CAAC,SAAS,CAAC,mCAA2B,CAA3B,2BAA2B,CAAC,6BAA6B,CAAC,0BAA0B,UAAU,CAAC,iCAAiC,UAAU,CAAC,mBAAmB,kBAAkB,CAAC,mBAAmB,CAAC,0BAA0B,UAAU,CAAC,mBAAmB,eAAe,CAAC,qBAAqB,mBAAmB,CAAC,4CAA4C,cAAc,CAAC,oBAAoB,kBAAkB,CAAC,2CAA2C,aAAa,CAAC,qBAAqB,kBAAkB,CAAC,qBAAqB,kBAAkB",sourcesContent:[':host{width:100%}pl-button{width:100%}.pl-c-button{color:inherit;text-decoration:none;background:0 0;border:0;appearance:none;display:flex;align-items:center;width:100%;margin:0;flex-direction:row-reverse;justify-content:flex-end;cursor:pointer;position:relative;min-width:30px}.pl-c-button::after{content:"";display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;opacity:0;transition:opacity .1s ease;background-color:currentColor}.pl-c-button:hover::after{opacity:.1}.pl-c-button:active:hover::after{opacity:.2}.pl-c-button:focus{outline:1px dotted;outline-offset:-1px}.pl-c-button:focus::after{opacity:.1}.pl-c-button__text{text-align:left}.pl-c-button--medium{padding:.65rem 1rem}.pl-c-button--medium.pl-c-button--icon-only{padding:.65rem}.pl-c-button--small{padding:.5rem 1rem}.pl-c-button--small.pl-c-button--icon-only{padding:.5rem}*+.pl-c-button__icon{margin-right:.5rem}.pl-c-button__icon+*{margin-right:.5rem}'],sourceRoot:""}]),t.Z=s},function(e,t,n){"use strict";var r=n(7),i=n.n(r),o=n(8),s=n.n(o)()(i());s.push([e.id,".tooltip-container{color:#222}pl-tooltip>:not(.pl-tooltip){display:none}.pl-tooltip{position:relative;display:inline-block}.pl-tooltip__text{visibility:hidden;width:120px;max-width:200px;background-color:#000;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:50}.pl-tooltip--left .pl-tooltip__text,.pl-tooltip--right .pl-tooltip__text{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pl-tooltip--right .pl-tooltip__text{left:115%}.pl-tooltip--left .pl-tooltip__text{right:115%}.pl-tooltip--bottom .pl-tooltip__text,.pl-tooltip--top .pl-tooltip__text{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pl-tooltip--top .pl-tooltip__text{bottom:115%}.pl-tooltip--bottom .pl-tooltip__text{top:115%}.pl-tooltip:hover .pl-tooltip__text{visibility:visible}","",{version:3,sources:["webpack://./src/scripts/lit-components/pl-tooltip/pl-tooltip.scss"],names:[],mappings:"AAAA,mBAAmB,UAAU,CAAC,6BAA6B,YAAY,CAAC,YAAY,iBAAiB,CAAC,oBAAoB,CAAC,kBAAkB,iBAAiB,CAAC,WAAW,CAAC,eAAe,CAAC,qBAAqB,CAAC,UAAU,CAAC,iBAAiB,CAAC,aAAa,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,UAAU,CAAC,yEAAyE,OAAO,CAAC,kCAAyB,CAAzB,0BAA0B,CAAC,qCAAqC,SAAS,CAAC,oCAAoC,UAAU,CAAC,yEAAyE,QAAQ,CAAC,kCAAyB,CAAzB,0BAA0B,CAAC,mCAAmC,WAAW,CAAC,sCAAsC,QAAQ,CAAC,oCAAoC,kBAAkB",sourcesContent:[".tooltip-container{color:#222}pl-tooltip>:not(.pl-tooltip){display:none}.pl-tooltip{position:relative;display:inline-block}.pl-tooltip__text{visibility:hidden;width:120px;max-width:200px;background-color:#000;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:50}.pl-tooltip--left .pl-tooltip__text,.pl-tooltip--right .pl-tooltip__text{top:50%;transform:translateY(-50%)}.pl-tooltip--right .pl-tooltip__text{left:115%}.pl-tooltip--left .pl-tooltip__text{right:115%}.pl-tooltip--bottom .pl-tooltip__text,.pl-tooltip--top .pl-tooltip__text{left:50%;transform:translateX(-50%)}.pl-tooltip--top .pl-tooltip__text{bottom:115%}.pl-tooltip--bottom .pl-tooltip__text{top:115%}.pl-tooltip:hover .pl-tooltip__text{visibility:visible}"],sourceRoot:""}]),t.Z=s},function(e,t,n){"use strict";var r=n(7),i=n.n(r),o=n(8),s=n.n(o)()(i());s.push([e.id,"pl-toggle-info{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:10;width:100%;cursor:pointer}.pl-c-toggle-info,.pl-c-toggle-info__action{width:100%}","",{version:3,sources:["webpack://./src/scripts/lit-components/pl-toggle-info/pl-toggle-info.scss"],names:[],mappings:"AAAA,eAAe,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,0BAAiB,CAAjB,iBAAiB,CAAC,uBAAsB,CAAtB,oBAAsB,CAAtB,sBAAsB,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,UAAU,CAAC,UAAU,CAAC,cAAc,CAAC,4CAA4C,UAAU",sourcesContent:["pl-toggle-info{display:flex;align-self:center;justify-content:center;align-items:center;z-index:10;width:100%;cursor:pointer}.pl-c-toggle-info,.pl-c-toggle-info__action{width:100%}"],sourceRoot:""}]),t.Z=s},function(e,t,n){"use strict";var r=n(7),i=n.n(r),o=n(8),s=n.n(o)()(i());s.push([e.id,"pl-toggle-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:10;width:100%;cursor:pointer}.pl-c-toggle-layout,.pl-c-toggle-layout__action{width:100%}","",{version:3,sources:["webpack://./src/scripts/lit-components/pl-toggle-layout/pl-toggle-layout.scss"],names:[],mappings:"AAAA,iBAAiB,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,0BAAiB,CAAjB,iBAAiB,CAAC,uBAAsB,CAAtB,oBAAsB,CAAtB,sBAAsB,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,UAAU,CAAC,UAAU,CAAC,cAAc,CAAC,gDAAgD,UAAU",sourcesContent:["pl-toggle-layout{display:flex;align-self:center;justify-content:center;align-items:center;z-index:10;width:100%;cursor:pointer}.pl-c-toggle-layout,.pl-c-toggle-layout__action{width:100%}"],sourceRoot:""}]),t.Z=s},function(e,t,n){"use strict";var r=n(7),i=n.n(r),o=n(8),s=n.n(o)()(i());s.push([e.id,"pl-toggle-theme{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:10;width:100%;cursor:pointer}.pl-c-toggle-theme,.pl-c-toggle-theme__action{width:100%}","",{version:3,sources:["webpack://./src/scripts/lit-components/pl-toggle-theme/pl-toggle-theme.scss"],names:[],mappings:"AAAA,gBAAgB,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,0BAAiB,CAAjB,iBAAiB,CAAC,uBAAsB,CAAtB,oBAAsB,CAAtB,sBAAsB,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,UAAU,CAAC,UAAU,CAAC,cAAc,CAAC,8CAA8C,UAAU",sourcesContent:["pl-toggle-theme{display:flex;align-self:center;justify-content:center;align-items:center;z-index:10;width:100%;cursor:pointer}.pl-c-toggle-theme,.pl-c-toggle-theme__action{width:100%}"],sourceRoot:""}]),t.Z=s},function(e,t,n){"use strict";var r=n(7),i=n.n(r),o=n(8),s=n.n(o)()(i());s.push([e.id,"pl-viewport-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pl-c-viewport-size{margin:0;border:0;font-size:1rem;-webkit-transform:scale(.85);transform:scale(.85);padding:.3rem .25rem;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pl-c-viewport-size__input{padding:.1rem;margin:0;border:0;border-radius:3px;background-color:transparent;color:inherit;width:auto;text-align:right;-webkit-transition:all .1s ease-out;transition:all .1s ease-out;pointer-events:none;text-overflow:ellipsis}.pl-c-viewport-size__input-action{max-width:47px;font-size:inherit;pointer-events:auto}.pl-c-viewport-size__input-action::-moz-focus-inner{padding:0;border:0}.pl-c-viewport-size__input-action:hover{color:#fff;background-color:#222}.pl-c-viewport-size__input-action:active,.pl-c-viewport-size__input-action:focus{color:#fff;background-color:#222;outline:1px dotted #808080;outline-offset:-1px}.pl-c-viewport-size__label{display:block;margin:0;padding:0;cursor:pointer}","",{version:3,sources:["webpack://./src/scripts/lit-components/pl-viewport-size/pl-viewport-size.scss"],names:[],mappings:"AAAA,iBAAiB,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,uBAAqB,CAArB,oBAAqB,CAArB,sBAAsB,CAAC,oBAAoB,QAAQ,CAAC,QAAQ,CAAC,cAAc,CAAC,4BAAoB,CAApB,oBAAoB,CAAC,oBAAoB,CAAC,aAAa,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,mBAAa,CAAb,aAAa,CAAC,uBAAqB,CAArB,oBAAqB,CAArB,sBAAsB,CAAC,2BAA2B,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,iBAAiB,CAAC,4BAA4B,CAAC,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,mCAA2B,CAA3B,2BAA2B,CAAC,mBAAmB,CAAC,sBAAsB,CAAC,kCAAkC,cAAc,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,oDAAoD,SAAS,CAAC,QAAQ,CAAC,wCAAwC,UAAU,CAAC,qBAAqB,CAAC,iFAAiF,UAAU,CAAC,qBAAqB,CAAC,0BAA0B,CAAC,mBAAmB,CAAC,2BAA2B,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,cAAc",sourcesContent:["pl-viewport-size{display:flex;align-items:center;justify-content:center}.pl-c-viewport-size{margin:0;border:0;font-size:1rem;transform:scale(.85);padding:.3rem .25rem;line-height:1;display:flex;align-items:center;flex-shrink:0;justify-content:center}.pl-c-viewport-size__input{padding:.1rem;margin:0;border:0;border-radius:3px;background-color:transparent;color:inherit;width:auto;text-align:right;transition:all .1s ease-out;pointer-events:none;text-overflow:ellipsis}.pl-c-viewport-size__input-action{max-width:47px;font-size:inherit;pointer-events:auto}.pl-c-viewport-size__input-action::-moz-focus-inner{padding:0;border:0}.pl-c-viewport-size__input-action:hover{color:#fff;background-color:#222}.pl-c-viewport-size__input-action:active,.pl-c-viewport-size__input-action:focus{color:#fff;background-color:#222;outline:1px dotted #808080;outline-offset:-1px}.pl-c-viewport-size__label{display:block;margin:0;padding:0;cursor:pointer}"],sourceRoot:""}]),t.Z=s},function(e,t,n){"use strict";var r=n(7),i=n.n(r),o=n(8),s=n.n(o)()(i());s.push([e.id,"pl-logo{-ms-flex-item-align:center;align-self:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:100;padding:0;min-height:44px;min-width:44px}.pl-c-logo{width:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:.5rem .25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:inherit;text-decoration:none;outline:0;text-transform:lowercase;font-size:1.2rem;font-weight:700;line-height:1;margin:0;-webkit-transition:color .2s ease;transition:color .2s ease}@media screen and (min-width:400px){.pl-c-logo{padding:.5rem 12px}}.pl-c-logo:focus{outline:1px dotted;outline-offset:-1px}.pl-c-logo__img{display:block;height:100%;max-width:100%;max-height:23px}.pl-c-logo__img:not(:last-child){margin-right:.25rem}.pl-c-logo__text{display:-webkit-box;display:-ms-flexbox;display:flex;white-space:nowrap}","",{version:3,sources:["webpack://./src/scripts/lit-components/pl-logo/pl-logo.scss"],names:[],mappings:"AAAA,QAAQ,0BAAiB,CAAjB,iBAAiB,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,6BAAkB,CAAlB,4BAAkB,CAAlB,sBAAkB,CAAlB,kBAAkB,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,uBAAsB,CAAtB,oBAAsB,CAAtB,sBAAsB,CAAC,mBAAa,CAAb,aAAa,CAAC,iBAAiB,CAAC,WAAW,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,WAAW,UAAU,CAAC,kBAAW,CAAX,mBAAW,CAAX,WAAW,CAAC,oBAAoB,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,uBAAsB,CAAtB,oBAAsB,CAAtB,sBAAsB,CAAC,aAAa,CAAC,oBAAoB,CAAC,SAAS,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,eAAe,CAAC,aAAa,CAAC,QAAQ,CAAC,iCAAwB,CAAxB,yBAAyB,CAAC,oCAAoC,WAAW,kBAAkB,CAAC,CAAC,iBAAiB,kBAAkB,CAAC,mBAAmB,CAAC,gBAAgB,aAAa,CAAC,WAAW,CAAC,cAAc,CAAC,eAAe,CAAC,iCAAiC,mBAAmB,CAAC,iBAAiB,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,kBAAkB",sourcesContent:["pl-logo{align-self:center;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:100;padding:0;min-height:44px;min-width:44px}.pl-c-logo{width:auto;flex-grow:1;padding:.5rem .25rem;display:flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;outline:0;text-transform:lowercase;font-size:1.2rem;font-weight:700;line-height:1;margin:0;transition:color .2s ease}@media screen and (min-width:400px){.pl-c-logo{padding:.5rem 12px}}.pl-c-logo:focus{outline:1px dotted;outline-offset:-1px}.pl-c-logo__img{display:block;height:100%;max-width:100%;max-height:23px}.pl-c-logo__img:not(:last-child){margin-right:.25rem}.pl-c-logo__text{display:flex;white-space:nowrap}"],sourceRoot:""}]),t.Z=s},function(e,t,n){"use strict";var r=n(7),i=n.n(r),o=n(8),s=n.n(o)()(i());s.push([e.id,"pl-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;min-height:100%;max-width:100vw;background-color:#fff;overflow:initial}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){pl-layout{overflow:hidden}}pl-layout .pl-c-layout{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media all and (min-width:42em){pl-layout.pl-c-body--theme-sidebar{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}pl-layout.pl-c-body--theme-light{background-color:#fff}","",{version:3,sources:["webpack://./src/scripts/lit-components/pl-layout/pl-layout.scss"],names:[],mappings:"AAAA,UAAU,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,UAAU,CAAC,eAAe,CAAC,eAAe,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,mEAAmE,UAAU,eAAe,CAAC,CAAC,uBAAuB,kBAAU,CAAV,mBAAU,CAAV,WAAW,CAAC,gCAAgC,mCAAmC,6BAAiB,CAAjB,4BAAiB,CAAjB,sBAAiB,CAAjB,kBAAkB,CAAC,CAAC,iCAAiC,qBAAqB",sourcesContent:["pl-layout{display:flex;flex-direction:column;width:100%;min-height:100%;max-width:100vw;background-color:#fff;overflow:initial}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){pl-layout{overflow:hidden}}pl-layout .pl-c-layout{flex-grow:1}@media all and (min-width:42em){pl-layout.pl-c-body--theme-sidebar{flex-direction:row}}pl-layout.pl-c-body--theme-light{background-color:#fff}"],sourceRoot:""}]),t.Z=s},function(e,t,n){"use strict";var r=n(7),i=n.n(r),o=n(8),s=n.n(o)()(i());s.push([e.id,'pl-controls{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-item-align:center;align-self:center}.pl-c-body--theme-sidebar pl-controls{display:block}@media all and (min-width:42em){.pl-c-body--theme-sidebar pl-controls{width:100%;position:relative;padding-top:.5rem}.pl-c-body--theme-sidebar pl-controls::before{position:absolute;left:0;right:0;top:0;border-top:1px solid;border-top-color:#ccc;border-top-color:var(--theme-border,#ccc);height:1px;content:"";width:auto}}.pl-c-controls{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-controls{display:block}}.pl-c-controls__list{list-style:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}',"",{version:3,sources:["webpack://./src/scripts/lit-components/pl-controls/pl-controls.scss"],names:[],mappings:"AAAA,YAAY,gBAAgB,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,oBAAgB,CAAhB,gBAAgB,CAAC,0BAAgB,CAAhB,iBAAiB,CAAC,sCAAsC,aAAa,CAAC,gCAAgC,sCAAsC,UAAU,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,8CAA8C,iBAAiB,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,yCAAyC,CAAC,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,eAAe,gBAAgB,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,oBAAe,CAAf,gBAAgB,CAAC,gCAAgC,yCAAyC,aAAa,CAAC,CAAC,qBAAqB,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,oBAAe,CAAf,gBAAgB",sourcesContent:['pl-controls{margin-left:auto;display:flex;flex-wrap:nowrap;align-self:center}.pl-c-body--theme-sidebar pl-controls{display:block}@media all and (min-width:42em){.pl-c-body--theme-sidebar pl-controls{width:100%;position:relative;padding-top:.5rem}.pl-c-body--theme-sidebar pl-controls::before{position:absolute;left:0;right:0;top:0;border-top:1px solid;border-top-color:#ccc;border-top-color:var(--theme-border,#ccc);height:1px;content:"";width:auto}}.pl-c-controls{margin-left:auto;display:flex;flex-wrap:nowrap}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-controls{display:block}}.pl-c-controls__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap}'],sourceRoot:""}]),t.Z=s},function(e,t,n){"use strict";var r=n(7),i=n.n(r),o=n(8),s=n.n(o)()(i());s.push([e.id,'pl-drawer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;position:-webkit-sticky;position:sticky;top:auto;bottom:0;left:0;right:0;z-index:20;overflow:visible}.pl-c-drawer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:"Open Sans",HelveticaNeue,Helvetica,Arial,sans-serif;background-color:#222;background-color:var(--theme-secondary,#222);color:#ccc;width:100%;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);pointer-events:none;overflow:hidden;max-width:100vw}@supports (padding:0px){.pl-c-drawer{padding-left:calc(env(safe-area-inset-left)/ 2);padding-right:calc(env(safe-area-inset-right)/ 2)}}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-drawer{max-width:calc(100vw - 16rem)}}.pl-c-body--theme-light .pl-c-drawer{background-color:#fff;color:#4d4c4c}.pl-c-drawer.pl-is-active{pointer-events:auto}.pl-c-drawer__wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);will-change:height;overflow:hidden}.pl-c-drawer__wrapper>*{height:100%}.pl-c-drawer__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;max-height:calc(100% - 32px - 1.5rem)}.pl-c-drawer__toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0}.pl-c-drawer__content-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden}@supports (padding:env(safe-area-inset-top)){.pl-c-drawer__content-wrapper{padding-right:calc(env(safe-area-inset-right) - .9rem)}}.pl-c-drawer__toolbar-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-item-align:end;align-self:flex-end;position:relative;z-index:10;-ms-flex-negative:0;flex-shrink:0}.pl-c-drawer__close-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;text-decoration:none;line-height:1;padding:.7rem .5rem;border:0;text-align:left;-webkit-transition:background-color .1s ease-out,color .1s ease-out;transition:background-color .1s ease-out,color .1s ease-out;cursor:pointer;margin:0;padding:.2rem;-webkit-appearance:none;-ms-flex-negative:0;flex-shrink:0;z-index:2;opacity:.85;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pl-c-drawer__close-btn.pl-is-active:hover,.pl-c-drawer__close-btn:hover{background-color:rgba(0,0,0,.1)}.pl-c-body--theme-density-cozy .pl-c-drawer__close-btn{font-size:.85rem;padding:1.2rem .8rem}.pl-c-body--theme-density-comfortable .pl-c-drawer__close-btn{font-size:.85rem;padding:1.5rem 1rem}@media all and (max-width:41em){.pl-c-drawer__close-btn{border-radius:20rem;padding-top:.5rem;padding-bottom:.5rem}}.pl-c-drawer__close-btn:focus,.pl-c-drawer__close-btn:hover{opacity:1}.pl-c-drawer__close-btn:active,.pl-c-drawer__close-btn:focus{opacity:1}.pl-c-drawer__cover{width:100%;height:100%;top:0;left:0;position:fixed;z-index:20;cursor:move}.pl-c-drawer__resizer{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;top:0;left:0;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:20px;width:100%;background-color:inherit;z-index:2;cursor:ns-resize;border-bottom:1.1px solid #ccc;border-bottom-color:#ccc;border-bottom-color:var(--theme-border,#ccc);padding-top:5px;padding-bottom:5px}.pl-c-drawer__resizer::after{content:"";height:100%;width:100%;left:0;opacity:0;top:0;position:absolute;pointer-events:none;display:block;background-color:currentColor;-webkit-transition:.3s cubic-bezier(.25, .8, .25, 1);transition:.3s cubic-bezier(.25, .8, .25, 1)}.pl-c-drawer__resizer:hover::after{opacity:.1}.pl-c-drawer__resizer:active::after,.pl-c-drawer__resizer:focus::after{opacity:.2}.pl-c-drawer__resizer-icon{width:10px;height:100%;fill:currentColor;z-index:100;-webkit-transform:scale(3,1) rotate(90deg);transform:scale(3,1) rotate(90deg)}.pl-c-drawer__close-btn-icon{width:20px;height:20px;color:currentColor;fill:currentColor;-webkit-transition:fill .1s ease-out;transition:fill .1s ease-out;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:center;align-self:center}',"",{version:3,sources:["webpack://./src/scripts/lit-components/pl-drawer/pl-drawer.scss"],names:[],mappings:"AAAA,UAAU,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,iBAAiB,CAAC,uBAAe,CAAf,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,gBAAgB,CAAC,aAAa,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,gEAAgE,CAAC,qBAAqB,CAAC,4CAA4C,CAAC,UAAU,CAAC,UAAU,CAAC,WAAW,CAAC,oCAA4B,CAA5B,4BAA4B,CAAC,mBAAmB,CAAC,eAAe,CAAC,eAAe,CAAC,wBAAwB,aAAa,+CAA+C,CAAC,iDAAiD,CAAC,CAAC,gCAAgC,uCAAuC,6BAA6B,CAAC,CAAC,qCAAqC,qBAAqB,CAAC,aAAa,CAAC,0BAA0B,mBAAmB,CAAC,sBAAsB,oCAA4B,CAA5B,4BAA4B,CAAC,kBAAkB,CAAC,eAAe,CAAC,wBAAwB,WAAW,CAAC,sBAAsB,kBAAW,CAAX,mBAAW,CAAX,WAAW,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,UAAU,CAAC,eAAe,CAAC,qCAAqC,CAAC,sBAAsB,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,mBAAY,CAAZ,aAAa,CAAC,8BAA8B,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,kBAAW,CAAX,mBAAW,CAAX,WAAW,CAAC,eAAe,CAAC,6CAA6C,8BAA8B,sDAAsD,CAAC,CAAC,+BAA+B,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,6BAAkB,CAAlB,4BAAkB,CAAlB,sBAAkB,CAAlB,kBAAkB,CAAC,uBAAmB,CAAnB,mBAAmB,CAAC,iBAAiB,CAAC,UAAU,CAAC,mBAAY,CAAZ,aAAa,CAAC,wBAAwB,wBAAwB,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,aAAa,CAAC,oBAAoB,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,CAAC,eAAe,CAAC,mEAA2D,CAA3D,2DAA2D,CAAC,cAAc,CAAC,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC,mBAAa,CAAb,aAAa,CAAC,SAAS,CAAC,WAAW,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,uBAAqB,CAArB,oBAAqB,CAArB,sBAAsB,CAAC,yEAAyE,+BAA+B,CAAC,uDAAuD,gBAAgB,CAAC,oBAAoB,CAAC,8DAA8D,gBAAgB,CAAC,mBAAmB,CAAC,gCAAgC,wBAAwB,mBAAmB,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAAC,4DAA4D,SAAS,CAAC,6DAA6D,SAAS,CAAC,oBAAoB,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,sBAAsB,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,uBAAsB,CAAtB,oBAAsB,CAAtB,sBAAsB,CAAC,WAAW,CAAC,UAAU,CAAC,wBAAwB,CAAC,SAAS,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,wBAAwB,CAAC,4CAA4C,CAAC,eAAe,CAAC,kBAAkB,CAAC,6BAA6B,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,aAAa,CAAC,6BAA6B,CAAC,oDAA2C,CAA3C,4CAA4C,CAAC,mCAAmC,UAAU,CAAC,uEAAuE,UAAU,CAAC,2BAA2B,UAAU,CAAC,WAAW,CAAC,iBAAiB,CAAC,WAAW,CAAC,0CAAiC,CAAjC,kCAAkC,CAAC,6BAA6B,UAAU,CAAC,WAAW,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,oCAA4B,CAA5B,4BAA4B,CAAC,mBAAa,CAAb,aAAa,CAAC,0BAAgB,CAAhB,iBAAiB",sourcesContent:['pl-drawer{display:flex;flex-direction:column;position:relative;position:sticky;top:auto;bottom:0;left:0;right:0;z-index:20;overflow:visible}.pl-c-drawer{display:flex;flex-direction:column;font-family:"Open Sans",HelveticaNeue,Helvetica,Arial,sans-serif;background-color:#222;background-color:var(--theme-secondary,#222);color:#ccc;width:100%;height:100%;transform:translate3d(0,0,0);pointer-events:none;overflow:hidden;max-width:100vw}@supports (padding:0px){.pl-c-drawer{padding-left:calc(env(safe-area-inset-left)/ 2);padding-right:calc(env(safe-area-inset-right)/ 2)}}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-drawer{max-width:calc(100vw - 16rem)}}.pl-c-body--theme-light .pl-c-drawer{background-color:#fff;color:#4d4c4c}.pl-c-drawer.pl-is-active{pointer-events:auto}.pl-c-drawer__wrapper{transform:translate3d(0,0,0);will-change:height;overflow:hidden}.pl-c-drawer__wrapper>*{height:100%}.pl-c-drawer__content{flex-grow:1;display:flex;width:100%;overflow:hidden;max-height:calc(100% - 32px - 1.5rem)}.pl-c-drawer__toolbar{display:flex;flex-direction:column;flex-shrink:0}.pl-c-drawer__content-wrapper{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}@supports (padding:env(safe-area-inset-top)){.pl-c-drawer__content-wrapper{padding-right:calc(env(safe-area-inset-right) - .9rem)}}.pl-c-drawer__toolbar-controls{display:flex;flex-direction:row;align-self:flex-end;position:relative;z-index:10;flex-shrink:0}.pl-c-drawer__close-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;text-decoration:none;line-height:1;padding:.7rem .5rem;border:0;text-align:left;transition:background-color .1s ease-out,color .1s ease-out;cursor:pointer;margin:0;padding:.2rem;-webkit-appearance:none;flex-shrink:0;z-index:2;opacity:.85;display:flex;justify-content:center}.pl-c-drawer__close-btn.pl-is-active:hover,.pl-c-drawer__close-btn:hover{background-color:rgba(0,0,0,.1)}.pl-c-body--theme-density-cozy .pl-c-drawer__close-btn{font-size:.85rem;padding:1.2rem .8rem}.pl-c-body--theme-density-comfortable .pl-c-drawer__close-btn{font-size:.85rem;padding:1.5rem 1rem}@media all and (max-width:41em){.pl-c-drawer__close-btn{border-radius:20rem;padding-top:.5rem;padding-bottom:.5rem}}.pl-c-drawer__close-btn:focus,.pl-c-drawer__close-btn:hover{opacity:1}.pl-c-drawer__close-btn:active,.pl-c-drawer__close-btn:focus{opacity:1}.pl-c-drawer__cover{width:100%;height:100%;top:0;left:0;position:fixed;z-index:20;cursor:move}.pl-c-drawer__resizer{display:flex;position:relative;top:0;left:0;right:0;align-items:center;justify-content:center;height:20px;width:100%;background-color:inherit;z-index:2;cursor:ns-resize;border-bottom:1.1px solid #ccc;border-bottom-color:#ccc;border-bottom-color:var(--theme-border,#ccc);padding-top:5px;padding-bottom:5px}.pl-c-drawer__resizer::after{content:"";height:100%;width:100%;left:0;opacity:0;top:0;position:absolute;pointer-events:none;display:block;background-color:currentColor;transition:.3s cubic-bezier(.25, .8, .25, 1)}.pl-c-drawer__resizer:hover::after{opacity:.1}.pl-c-drawer__resizer:active::after,.pl-c-drawer__resizer:focus::after{opacity:.2}.pl-c-drawer__resizer-icon{width:10px;height:100%;fill:currentColor;z-index:100;transform:scale(3,1) rotate(90deg)}.pl-c-drawer__close-btn-icon{width:20px;height:20px;color:currentColor;fill:currentColor;transition:fill .1s ease-out;flex-shrink:0;align-self:center}'],sourceRoot:""}]),t.Z=s},function(e,t,n){"use strict";var r=n(7),i=n.n(r),o=n(8),s=n.n(o)()(i());s.push([e.id,'pl-header{position:relative;position:-webkit-sticky;position:sticky;top:0;left:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;background-color:#000;background-color:var(--theme-secondary,#000);max-height:100vh;color:#ccc;color:var(--theme-text,#ccc);border-right:1px solid;border-right-color:#ccc;border-right-color:var(--theme-border,#ccc);padding-left:calc(env(safe-area-inset-left)/ 2);padding-right:calc(env(safe-area-inset-right)/ 2)}.pl-c-body--theme-light pl-header{color:#000;background-color:#fff}.pl-c-body--theme-sidebar pl-header{padding-right:0}@media all and (min-width:42em){.pl-c-body--theme-sidebar pl-header{position:fixed;position:-webkit-sticky;position:sticky;overflow:auto;width:16rem;border-bottom:0}}.pl-c-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;font-family:"Open Sans",HelveticaNeue,Helvetica,Arial,sans-serif;font-size:.9rem;min-height:30px;background-color:inherit}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.pl-c-header__nav-toggle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;text-decoration:none;line-height:1;padding:.7rem .5rem;border:0;text-align:left;-webkit-transition:background-color .1s ease-out,color .1s ease-out;transition:background-color .1s ease-out,color .1s ease-out;cursor:pointer;padding:11px 12px;border:0}.pl-c-header__nav-toggle.pl-is-active:hover,.pl-c-header__nav-toggle:hover{background-color:rgba(0,0,0,.1)}.pl-c-body--theme-density-cozy .pl-c-header__nav-toggle{font-size:.85rem;padding:1.2rem .8rem}.pl-c-body--theme-density-comfortable .pl-c-header__nav-toggle{font-size:.85rem;padding:1.5rem 1rem}@media all and (min-width:42em){.pl-c-header__nav-toggle{display:none}}.pl-c-header__nav-toggle:focus{outline:1px dotted;outline-offset:-1px}',"",{version:3,sources:["webpack://./src/scripts/lit-components/pl-header/pl-header.scss"],names:[],mappings:"AAAA,UAAU,iBAAiB,CAAC,uBAAe,CAAf,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,UAAU,CAAC,qBAAqB,CAAC,4CAA4C,CAAC,gBAAgB,CAAC,UAAU,CAAC,4BAA4B,CAAC,sBAAsB,CAAC,uBAAuB,CAAC,2CAA2C,CAAC,+CAA+C,CAAC,iDAAiD,CAAC,kCAAkC,UAAU,CAAC,qBAAqB,CAAC,oCAAoC,eAAe,CAAC,gCAAgC,oCAAoC,cAAc,CAAC,uBAAe,CAAf,eAAe,CAAC,aAAa,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,aAAa,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,6BAAkB,CAAlB,4BAAkB,CAAlB,sBAAkB,CAAlB,kBAAkB,CAAC,UAAU,CAAC,gEAAgE,CAAC,eAAe,CAAC,eAAe,CAAC,wBAAwB,CAAC,gCAAgC,uCAAuC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,wBAA4B,CAA5B,qBAA4B,CAA5B,6BAA6B,CAAC,CAAC,yBAAyB,wBAAwB,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,aAAa,CAAC,oBAAoB,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,CAAC,eAAe,CAAC,mEAA2D,CAA3D,2DAA2D,CAAC,cAAc,CAAC,iBAAiB,CAAC,QAAQ,CAAC,2EAA2E,+BAA+B,CAAC,wDAAwD,gBAAgB,CAAC,oBAAoB,CAAC,+DAA+D,gBAAgB,CAAC,mBAAmB,CAAC,gCAAgC,yBAAyB,YAAY,CAAC,CAAC,+BAA+B,kBAAkB,CAAC,mBAAmB",sourcesContent:['pl-header{position:relative;position:sticky;top:0;left:0;z-index:100;display:flex;width:100%;background-color:#000;background-color:var(--theme-secondary,#000);max-height:100vh;color:#ccc;color:var(--theme-text,#ccc);border-right:1px solid;border-right-color:#ccc;border-right-color:var(--theme-border,#ccc);padding-left:calc(env(safe-area-inset-left)/ 2);padding-right:calc(env(safe-area-inset-right)/ 2)}.pl-c-body--theme-light pl-header{color:#000;background-color:#fff}.pl-c-body--theme-sidebar pl-header{padding-right:0}@media all and (min-width:42em){.pl-c-body--theme-sidebar pl-header{position:fixed;position:sticky;overflow:auto;width:16rem;border-bottom:0}}.pl-c-header{display:flex;flex-direction:row;width:100%;font-family:"Open Sans",HelveticaNeue,Helvetica,Arial,sans-serif;font-size:.9rem;min-height:30px;background-color:inherit}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-header{flex-direction:column;justify-content:space-between}}.pl-c-header__nav-toggle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;text-decoration:none;line-height:1;padding:.7rem .5rem;border:0;text-align:left;transition:background-color .1s ease-out,color .1s ease-out;cursor:pointer;padding:11px 12px;border:0}.pl-c-header__nav-toggle.pl-is-active:hover,.pl-c-header__nav-toggle:hover{background-color:rgba(0,0,0,.1)}.pl-c-body--theme-density-cozy .pl-c-header__nav-toggle{font-size:.85rem;padding:1.2rem .8rem}.pl-c-body--theme-density-comfortable .pl-c-header__nav-toggle{font-size:.85rem;padding:1.5rem 1rem}@media all and (min-width:42em){.pl-c-header__nav-toggle{display:none}}.pl-c-header__nav-toggle:focus{outline:1px dotted;outline-offset:-1px}'],sourceRoot:""}]),t.Z=s},function(e,t,n){"use strict";var r=n(7),i=n.n(r),o=n(8),s=n.n(o)()(i());s.push([e.id,"@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pl-c-loader-wrapper{position:absolute;top:0;left:0;right:0;bottom:0}.pl-c-loader-wrapper:not(:last-child){opacity:0;pointer-events:none;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease}.pl-c-loader{z-index:1000;position:absolute;top:50%;left:50%;margin:auto;max-width:25rem;width:calc(90vw - 2rem);border-radius:3px;background:rgba(0,0,0,.9);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;pointer-events:none;opacity:1}.pl-c-loader__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:auto}.pl-c-loader__message{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:1rem;font-size:.85rem;color:#fff}.pl-c-loader__spinner{position:relative;display:inline-block;width:4rem;height:2rem}.pl-c-loader-svg:not(:root){overflow:hidden}.pl-c-loader-svg{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.pl-c-loader-svg__outer-circle{fill:none;stroke:#fff;stroke-width:15;stroke-miterlimit:10}.pl-c-loader-svg__electron,.pl-c-loader-svg__inner-circle{fill:#ccc}","",{version:3,sources:["webpack://./src/sass/pattern-lab--iframe-loader.scss"],names:[],mappings:"AAAA,0BAAkB,GAAG,2BAAkB,CAAlB,mBAAmB,CAAC,KAAK,gCAAuB,CAAvB,wBAAwB,CAAC,CAAvE,kBAAkB,GAAG,2BAAkB,CAAlB,mBAAmB,CAAC,KAAK,gCAAuB,CAAvB,wBAAwB,CAAC,CAAC,qBAAqB,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,sCAAsC,SAAS,CAAC,mBAAmB,CAAC,8DAA6C,CAA7C,sDAA6C,CAA7C,8CAA6C,CAA7C,yEAA8C,CAAC,aAAa,YAAY,CAAC,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,eAAe,CAAC,uBAAuB,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,0CAAkC,CAAlC,kCAAkC,CAAC,8DAA8C,CAA9C,sDAA8C,CAA9C,8CAA8C,CAA9C,yEAA8C,CAAC,mBAAmB,CAAC,SAAS,CAAC,sBAAsB,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,mBAAmB,CAAC,sBAAsB,kBAAM,CAAN,UAAM,CAAN,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,UAAU,CAAC,sBAAsB,iBAAiB,CAAC,oBAAoB,CAAC,UAAU,CAAC,WAAW,CAAC,4BAA4B,eAAe,CAAC,iBAAiB,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,+BAAuB,CAAvB,uBAAuB,CAAC,2CAAkC,CAAlC,mCAAmC,CAAC,+BAA+B,SAAS,CAAC,WAAW,CAAC,eAAe,CAAC,oBAAoB,CAAC,0DAA0D,SAAS",sourcesContent:["@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.pl-c-loader-wrapper{position:absolute;top:0;left:0;right:0;bottom:0}.pl-c-loader-wrapper:not(:last-child){opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.pl-c-loader{z-index:1000;position:absolute;top:50%;left:50%;margin:auto;max-width:25rem;width:calc(90vw - 2rem);border-radius:3px;background:rgba(0,0,0,.9);transform:translate3d(-50%,-50%,0);transition:opacity .3s ease,transform .3s ease;pointer-events:none;opacity:1}.pl-c-loader__content{display:flex;align-items:center;pointer-events:auto}.pl-c-loader__message{flex:1;padding:1rem;font-size:.85rem;color:#fff}.pl-c-loader__spinner{position:relative;display:inline-block;width:4rem;height:2rem}.pl-c-loader-svg:not(:root){overflow:hidden}.pl-c-loader-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateZ(0);animation:rotate 1s linear infinite}.pl-c-loader-svg__outer-circle{fill:none;stroke:#fff;stroke-width:15;stroke-miterlimit:10}.pl-c-loader-svg__electron,.pl-c-loader-svg__inner-circle{fill:#ccc}"],sourceRoot:""}]),t.Z=s},function(e,t,n){"use strict";var r=n(7),i=n.n(r),o=n(8),s=n.n(o)()(i());s.push([e.id,'.pl-c-viewport-modal-wrapper{background-color:#f4f4f4}pl-iframe{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background-color:#f4f4f4}.pl-c-viewport{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;position:relative;top:0;bottom:0;left:0;right:0;z-index:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-transition:height .3s ease;transition:height .3s ease}.pl-c-viewport__cover{width:100%;height:100%;position:fixed;top:0;left:0;z-index:200;cursor:move;pointer-events:auto}.pl-c-viewport__iframe-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100vw;max-width:100vw;position:relative;margin:0 auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-overflow-scrolling:touch;min-width:240px;max-width:100vw;background:#f4f4f4;padding-right:0;padding-left:0}.pl-c-viewport__iframe-wrapper.hay-mode{-webkit-transition:all 40s linear;transition:all 40s linear}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-viewport__iframe-wrapper{max-width:calc(100vw - 16rem);width:calc(100vw - 16rem)}}.is-animating{-webkit-transition:all .2s linear;transition:all .2s linear}.pl-c-viewport__iframe{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:100%;border:0;padding:0;margin:0;top:0;bottom:0;left:0;right:0;background-color:#fff;max-width:100vw;overflow:hidden;border-radius:0}.pl-c-viewport__iframe.is-ready{min-height:0}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-viewport__iframe{max-width:calc(100vw - 16rem)}}.pl-c-viewport__iframe.hay-mode{-webkit-transition:all 40s linear;transition:all 40s linear}.pl-c-viewport__resizer{position:absolute;width:20px;right:-20px;top:0;bottom:0;margin:0;height:100%;cursor:ew-resize}.pl-c-viewport__resizer-handle{margin:0;width:100%;height:100%;-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out;position:relative;color:#4d4c4c;padding-left:5px;padding-right:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background .3s cubic-bezier(.25, .8, .25, 1)!important;transition:background .3s cubic-bezier(.25, .8, .25, 1)!important;cursor:ew-resize;background-color:#f4f4f4}.pl-c-viewport__resizer-handle::after{content:"";height:100%;width:100%;left:0;opacity:0;top:0;position:absolute;pointer-events:none;display:block;background-color:currentColor;-webkit-transition:.3s cubic-bezier(.25, .8, .25, 1);transition:.3s cubic-bezier(.25, .8, .25, 1)}.pl-c-viewport__resizer-handle.is-resizing::after,.pl-c-viewport__resizer-handle:hover::after{opacity:.1}.pl-c-viewport__resizer-handle:active::after,.pl-c-viewport__resizer-handle:focus::after{opacity:.2}.pl-c-viewport__resizer-handle:active{cursor:move}.pl-c-viewport__resizer-handle-icon{width:100%;fill:currentColor;z-index:100;-webkit-transform:scale(1,3);transform:scale(1,3);height:auto}.vp-animate{-webkit-transition:all .8 ease-in;transition:all .8 ease-in}.pl-c-viewport-modal-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100vw;position:relative}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-viewport-modal-wrapper{max-width:calc(100vw - 16rem)}}@media all and (min-width:42em) and (-ms-high-contrast:none),(min-width:42em) and (-ms-high-contrast:active){.pl-c-body--theme-sidebar .pl-c-viewport-modal-wrapper{margin-left:16rem}}',"",{version:3,sources:["webpack://./src/scripts/lit-components/pl-viewport/pl-viewport.scss"],names:[],mappings:"AAAA,6BAA6B,wBAAwB,CAAC,UAAU,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,kBAAW,CAAX,mBAAW,CAAX,WAAW,CAAC,wBAAwB,CAAC,eAAe,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,kBAAW,CAAX,mBAAW,CAAX,WAAW,CAAC,kCAAyB,CAAzB,0BAA0B,CAAC,sBAAsB,UAAU,CAAC,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,+BAA+B,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,WAAW,CAAC,eAAe,CAAC,iBAAiB,CAAC,aAAa,CAAC,kBAAW,CAAX,mBAAW,CAAX,WAAW,CAAC,gCAAgC,CAAC,eAAe,CAAC,eAAe,CAAC,kBAAkB,CAAC,eAAe,CAAC,cAAc,CAAC,wCAAwC,iCAAwB,CAAxB,yBAAyB,CAAC,gCAAgC,yDAAyD,6BAA6B,CAAC,yBAAyB,CAAC,CAAC,cAAc,iCAAwB,CAAxB,yBAAyB,CAAC,uBAAuB,kBAAW,CAAX,mBAAW,CAAX,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,qBAAqB,CAAC,eAAe,CAAC,eAAe,CAAC,eAAe,CAAC,gCAAgC,YAAY,CAAC,gCAAgC,iDAAiD,6BAA6B,CAAC,CAAC,gCAAgC,iCAAwB,CAAxB,yBAAyB,CAAC,wBAAwB,iBAAiB,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,gBAAgB,CAAC,+BAA+B,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,uCAA+B,CAA/B,+BAA+B,CAAC,iBAAiB,CAAC,aAAa,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,uBAAsB,CAAtB,oBAAsB,CAAtB,sBAAsB,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,yEAAiE,CAAjE,iEAAiE,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,sCAAsC,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,aAAa,CAAC,6BAA6B,CAAC,oDAA2C,CAA3C,4CAA4C,CAAC,8FAA8F,UAAU,CAAC,yFAAyF,UAAU,CAAC,sCAAsC,WAAW,CAAC,oCAAoC,UAAU,CAAC,iBAAiB,CAAC,WAAW,CAAC,4BAAoB,CAApB,oBAAoB,CAAC,WAAW,CAAC,YAAY,iCAAwB,CAAxB,yBAAyB,CAAC,6BAA6B,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,kBAAW,CAAX,mBAAW,CAAX,WAAW,CAAC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,eAAe,CAAC,iBAAiB,CAAC,gCAAgC,uDAAuD,6BAA6B,CAAC,CAAC,6GAA6G,uDAAuD,iBAAiB,CAAC",sourcesContent:['.pl-c-viewport-modal-wrapper{background-color:#f4f4f4}pl-iframe{display:flex;flex-grow:1;background-color:#f4f4f4}.pl-c-viewport{display:flex;flex-direction:column;width:100%;position:relative;top:0;bottom:0;left:0;right:0;z-index:0;flex-grow:1;transition:height .3s ease}.pl-c-viewport__cover{width:100%;height:100%;position:fixed;top:0;left:0;z-index:200;cursor:move;pointer-events:auto}.pl-c-viewport__iframe-wrapper{display:flex;flex-direction:column;width:100vw;max-width:100vw;position:relative;margin:0 auto;flex-grow:1;-webkit-overflow-scrolling:touch;min-width:240px;max-width:100vw;background:#f4f4f4;padding-right:0;padding-left:0}.pl-c-viewport__iframe-wrapper.hay-mode{transition:all 40s linear}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-viewport__iframe-wrapper{max-width:calc(100vw - 16rem);width:calc(100vw - 16rem)}}.is-animating{transition:all .2s linear}.pl-c-viewport__iframe{flex-grow:1;width:100%;border:0;padding:0;margin:0;top:0;bottom:0;left:0;right:0;background-color:#fff;max-width:100vw;overflow:hidden;border-radius:0}.pl-c-viewport__iframe.is-ready{min-height:0}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-viewport__iframe{max-width:calc(100vw - 16rem)}}.pl-c-viewport__iframe.hay-mode{transition:all 40s linear}.pl-c-viewport__resizer{position:absolute;width:20px;right:-20px;top:0;bottom:0;margin:0;height:100%;cursor:ew-resize}.pl-c-viewport__resizer-handle{margin:0;width:100%;height:100%;transition:opacity .1s ease-out;position:relative;color:#4d4c4c;padding-left:5px;padding-right:5px;display:flex;justify-content:center;align-items:center;transition:background .3s cubic-bezier(.25, .8, .25, 1)!important;cursor:ew-resize;background-color:#f4f4f4}.pl-c-viewport__resizer-handle::after{content:"";height:100%;width:100%;left:0;opacity:0;top:0;position:absolute;pointer-events:none;display:block;background-color:currentColor;transition:.3s cubic-bezier(.25, .8, .25, 1)}.pl-c-viewport__resizer-handle.is-resizing::after,.pl-c-viewport__resizer-handle:hover::after{opacity:.1}.pl-c-viewport__resizer-handle:active::after,.pl-c-viewport__resizer-handle:focus::after{opacity:.2}.pl-c-viewport__resizer-handle:active{cursor:move}.pl-c-viewport__resizer-handle-icon{width:100%;fill:currentColor;z-index:100;transform:scale(1,3);height:auto}.vp-animate{transition:all .8 ease-in}.pl-c-viewport-modal-wrapper{display:flex;flex-grow:1;flex-direction:column;max-width:100vw;position:relative}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-viewport-modal-wrapper{max-width:calc(100vw - 16rem)}}@media all and (min-width:42em) and (-ms-high-contrast:none),(min-width:42em) and (-ms-high-contrast:active){.pl-c-body--theme-sidebar .pl-c-viewport-modal-wrapper{margin-left:16rem}}'],sourceRoot:""}]),t.Z=s},function(e,t,n){"use strict";var r=n(7),i=n.n(r),o=n(8),s=n.n(o)()(i());s.push([e.id,'pl-tools-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pl-c-tools{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.pl-c-tools__list{list-style:none;margin:0;padding:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);position:absolute;right:5px;z-index:10;width:12rem;border-radius:6px;top:calc(100% - 2px);-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);background-color:#222;background-color:var(--theme-primary,#222);-webkit-transform:translateY(-4rem);transform:translateY(-4rem);opacity:0;max-height:0;visibility:hidden;pointer-events:none}.pl-c-tools__list.is-open{opacity:1;max-height:9999px;visibility:visible;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}.pl-c-body--theme-light .pl-c-tools__list{background-color:#fff;background-color:var(--theme-primary,#fff)}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-tools__list{-webkit-box-shadow:none;box-shadow:none;top:0;-webkit-transform:none;transform:none;border-radius:0;background-color:transparent;right:0;opacity:1;visibility:visible;pointer-events:auto}}.pl-c-tools__list.is-active{overflow:visible}.pl-c-tools__list::before{content:"";height:14px;width:14px;background-color:#222;background-color:var(--theme-primary,#222);position:absolute;right:0;top:-10px;-webkit-transform:translateY(50%) translateX(-50%) rotate(45deg);transform:translateY(50%) translateX(-50%) rotate(45deg);-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out;-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-tools__list::before{display:none}}.pl-c-tools__list.is-active::before{opacity:1;visibility:visible}.pl-c-tools__item{position:relative;overflow:hidden;background-color:inherit}.pl-c-tools__item:first-child{border-top-left-radius:6px;border-top-right-radius:6px}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-tools__item:first-child{border-radius:0}}.pl-c-tools__item:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-tools__item:last-child{border-radius:0}}',"",{version:3,sources:["webpack://./src/scripts/lit-components/pl-tools-menu/pl-tools-menu.scss"],names:[],mappings:"AAAA,cAAc,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,2BAAqB,CAArB,4BAAqB,CAArB,yBAAqB,CAArB,qBAAqB,CAAC,uBAAqB,CAArB,oBAAqB,CAArB,sBAAsB,CAAC,YAAY,iBAAiB,CAAC,mBAAW,CAAX,mBAAW,CAAX,YAAY,CAAC,kBAAkB,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC,mCAA2B,CAA3B,2BAA2B,CAAC,iBAAiB,CAAC,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,yCAAiC,CAAjC,iCAAiC,CAAC,qBAAqB,CAAC,0CAA0C,CAAC,mCAA2B,CAA3B,2BAA2B,CAAC,SAAS,CAAC,YAAY,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,0BAA0B,SAAS,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,+BAAsB,CAAtB,uBAAuB,CAAC,0CAA0C,qBAAqB,CAAC,0CAA0C,CAAC,gCAAgC,4CAA4C,uBAAe,CAAf,eAAe,CAAC,KAAK,CAAC,sBAAc,CAAd,cAAc,CAAC,eAAe,CAAC,4BAA4B,CAAC,OAAO,CAAC,SAAS,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC,4BAA4B,gBAAgB,CAAC,0BAA0B,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC,qBAAqB,CAAC,0CAA0C,CAAC,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC,gEAAwD,CAAxD,wDAAwD,CAAC,uCAA+B,CAA/B,+BAA+B,CAAC,yCAAgC,CAAhC,iCAAiC,CAAC,gCAAgC,oDAAoD,YAAY,CAAC,CAAC,oCAAoC,SAAS,CAAC,kBAAkB,CAAC,kBAAkB,iBAAiB,CAAC,eAAe,CAAC,wBAAwB,CAAC,8BAA8B,0BAA0B,CAAC,2BAA2B,CAAC,gCAAgC,wDAAwD,eAAe,CAAC,CAAC,6BAA6B,6BAA6B,CAAC,8BAA8B,CAAC,gCAAgC,uDAAuD,eAAe,CAAC",sourcesContent:['pl-tools-menu{display:flex;flex-direction:column;justify-content:center}.pl-c-tools{position:relative;display:flex}.pl-c-tools__list{list-style:none;margin:0;padding:0;transform:translateY(-10px);position:absolute;right:5px;z-index:10;width:12rem;border-radius:6px;top:calc(100% - 2px);box-shadow:0 0 5px rgba(0,0,0,.2);background-color:#222;background-color:var(--theme-primary,#222);transform:translateY(-4rem);opacity:0;max-height:0;visibility:hidden;pointer-events:none}.pl-c-tools__list.is-open{opacity:1;max-height:9999px;visibility:visible;pointer-events:auto;transform:translateY(0)}.pl-c-body--theme-light .pl-c-tools__list{background-color:#fff;background-color:var(--theme-primary,#fff)}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-tools__list{box-shadow:none;top:0;transform:none;border-radius:0;background-color:transparent;right:0;opacity:1;visibility:visible;pointer-events:auto}}.pl-c-tools__list.is-active{overflow:visible}.pl-c-tools__list::before{content:"";height:14px;width:14px;background-color:#222;background-color:var(--theme-primary,#222);position:absolute;right:0;top:-10px;transform:translateY(50%) translateX(-50%) rotate(45deg);transition:opacity .1s ease-out;box-shadow:0 0 5px rgba(0,0,0,.1)}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-tools__list::before{display:none}}.pl-c-tools__list.is-active::before{opacity:1;visibility:visible}.pl-c-tools__item{position:relative;overflow:hidden;background-color:inherit}.pl-c-tools__item:first-child{border-top-left-radius:6px;border-top-right-radius:6px}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-tools__item:first-child{border-radius:0}}.pl-c-tools__item:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}@media all and (min-width:42em){.pl-c-body--theme-sidebar .pl-c-tools__item:last-child{border-radius:0}}'],sourceRoot:""}]),t.Z=s},function(e,t,n){"use strict";var r=n(7),i=n.n(r),o=n(8),s=n.n(o)()(i());s.push([e.id,'pl-viewport-sizes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pl-c-size-list{display:none;list-style:none;margin:0;padding:0;padding:0 .25rem}@media all and (min-width:42em){.pl-c-size-list{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-overflow-scrolling:touch}}@media all and (min-width:42em){.pl-c-size-list{display:block;display:-webkit-box;display:-ms-flexbox;display:flex}}.pl-c-size-list__action{color:inherit;text-decoration:none;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin:0;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;cursor:pointer;position:relative;min-width:30px;display:inline-block;min-height:35px;min-width:0;padding-left:.35rem;padding-right:.35rem}.pl-c-size-list__action::after{content:"";display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;opacity:0;-webkit-transition:opacity .1s ease;transition:opacity .1s ease;background-color:currentColor}.pl-c-size-list__action:hover::after{opacity:.1}.pl-c-size-list__action:active:hover::after{opacity:.2}.pl-c-size-list__action:focus{outline:1px dotted;outline-offset:-1px}.pl-c-size-list__action:focus::after{opacity:.1}.pl-c-size-list__action pl-icon{pointer-events:none}.pl-c-size-list__item:first-child{margin-left:auto}.pl-c-size-list__item:last-child{margin-right:auto}',"",{version:3,sources:["webpack://./src/scripts/lit-components/pl-viewport-size-list/pl-viewport-size-list.scss"],names:[],mappings:"AAAA,kBAAkB,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,uBAAqB,CAArB,oBAAqB,CAArB,sBAAsB,CAAC,gBAAgB,YAAY,CAAC,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC,gBAAgB,CAAC,gCAAgC,gBAAgB,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,gCAAgC,CAAC,CAAC,gCAAgC,gBAAgB,aAAa,CAAC,mBAAW,CAAX,mBAAW,CAAX,YAAY,CAAC,CAAC,wBAAwB,aAAa,CAAC,oBAAoB,CAAC,cAAc,CAAC,QAAQ,CAAC,uBAAe,CAAf,oBAAe,CAAf,eAAe,CAAC,mBAAY,CAAZ,mBAAY,CAAZ,YAAY,CAAC,wBAAkB,CAAlB,qBAAkB,CAAlB,kBAAkB,CAAC,UAAU,CAAC,QAAQ,CAAC,6BAA0B,CAA1B,6BAA0B,CAA1B,8BAA0B,CAA1B,0BAA0B,CAAC,oBAAwB,CAAxB,iBAAwB,CAAxB,wBAAwB,CAAC,cAAc,CAAC,iBAAiB,CAAC,cAAc,CAAC,oBAAoB,CAAC,eAAe,CAAC,WAAW,CAAC,mBAAmB,CAAC,oBAAoB,CAAC,+BAA+B,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,mBAAmB,CAAC,SAAS,CAAC,mCAA2B,CAA3B,2BAA2B,CAAC,6BAA6B,CAAC,qCAAqC,UAAU,CAAC,4CAA4C,UAAU,CAAC,8BAA8B,kBAAkB,CAAC,mBAAmB,CAAC,qCAAqC,UAAU,CAAC,gCAAgC,mBAAmB,CAAC,kCAAkC,gBAAgB,CAAC,iCAAiC,iBAAiB",sourcesContent:['pl-viewport-sizes{display:flex;justify-content:center}.pl-c-size-list{display:none;list-style:none;margin:0;padding:0;padding:0 .25rem}@media all and (min-width:42em){.pl-c-size-list{align-items:center;-webkit-overflow-scrolling:touch}}@media all and (min-width:42em){.pl-c-size-list{display:block;display:flex}}.pl-c-size-list__action{color:inherit;text-decoration:none;background:0 0;border:0;appearance:none;display:flex;align-items:center;width:100%;margin:0;flex-direction:row-reverse;justify-content:flex-end;cursor:pointer;position:relative;min-width:30px;display:inline-block;min-height:35px;min-width:0;padding-left:.35rem;padding-right:.35rem}.pl-c-size-list__action::after{content:"";display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;opacity:0;transition:opacity .1s ease;background-color:currentColor}.pl-c-size-list__action:hover::after{opacity:.1}.pl-c-size-list__action:active:hover::after{opacity:.2}.pl-c-size-list__action:focus{outline:1px dotted;outline-offset:-1px}.pl-c-size-list__action:focus::after{opacity:.1}.pl-c-size-list__action pl-icon{pointer-events:none}.pl-c-size-list__item:first-child{margin-left:auto}.pl-c-size-list__item:last-child{margin-right:auto}'],sourceRoot:""}]),t.Z=s},,,function(e,t,n){"use strict";"attachShadow"in Element.prototype&&"getRootNode"in Element.prototype||window.ShadyDOM},function(e,t,n){"use strict";function r(e){if("file:"!==window.location.protocol&&e.origin!==window.location.protocol+"//"+window.location.host)return{};try{return"string"!=typeof e.data?e.data:JSON.parse(e.data)}catch(t){return{}}}n.d(t,{K:function(){return r}})},,function(e,t,n){"use strict";n.d(t,{X:function(){return i},w:function(){return o}});const r=new WeakMap,i=e=>(...t)=>{const n=e(...t);return r.set(n,!0),n},o=e=>"function"==typeof e&&r.has(e)},function(e,t,n){"use strict";n.d(t,{J:function(){return r},L:function(){return i}});const r={},i={}},function(e,t,n){"use strict";n.d(t,{j:function(){return s}});n(20);var r=n(17);const i=window.trustedTypes&&trustedTypes.createPolicy("lit-html",{createHTML:e=>e}),o=` ${r.Jw} `;class s{constructor(e,t,n,r){this.strings=e,this.values=t,this.type=n,this.processor=r}getHTML(){const e=this.strings.length-1;let t="",n=!1;for(let i=0;i<e;i++){const e=this.strings[i],s=e.lastIndexOf("\x3c!--");n=(s>-1||n)&&-1===e.indexOf("--\x3e",s+1);const a=r.W5.exec(e);t+=null===a?e+(n?o:r.N):e.substr(0,a.index)+a[1]+a[2]+r.$E+a[3]+r.Jw}return t+=this.strings[e],t}getTemplateElement(){const e=document.createElement("template");let t=this.getHTML();return void 0!==i&&(t=i.createHTML(t)),e.innerHTML=t,e}}},function(e){"use strict";e.exports=JSON.parse('{"0":65533,"128":8364,"130":8218,"131":402,"132":8222,"133":8230,"134":8224,"135":8225,"136":710,"137":8240,"138":352,"139":8249,"140":338,"142":381,"145":8216,"146":8217,"147":8220,"148":8221,"149":8226,"150":8211,"151":8212,"152":732,"153":8482,"154":353,"155":8250,"156":339,"158":382,"159":376}')},function(e){"use strict";e.exports=JSON.parse('{"Aacute":"Á","aacute":"á","Abreve":"Ă","abreve":"ă","ac":"∾","acd":"∿","acE":"∾̳","Acirc":"Â","acirc":"â","acute":"´","Acy":"А","acy":"а","AElig":"Æ","aelig":"æ","af":"⁡","Afr":"𝔄","afr":"𝔞","Agrave":"À","agrave":"à","alefsym":"ℵ","aleph":"ℵ","Alpha":"Α","alpha":"α","Amacr":"Ā","amacr":"ā","amalg":"⨿","amp":"&","AMP":"&","andand":"⩕","And":"⩓","and":"∧","andd":"⩜","andslope":"⩘","andv":"⩚","ang":"∠","ange":"⦤","angle":"∠","angmsdaa":"⦨","angmsdab":"⦩","angmsdac":"⦪","angmsdad":"⦫","angmsdae":"⦬","angmsdaf":"⦭","angmsdag":"⦮","angmsdah":"⦯","angmsd":"∡","angrt":"∟","angrtvb":"⊾","angrtvbd":"⦝","angsph":"∢","angst":"Å","angzarr":"⍼","Aogon":"Ą","aogon":"ą","Aopf":"𝔸","aopf":"𝕒","apacir":"⩯","ap":"≈","apE":"⩰","ape":"≊","apid":"≋","apos":"\'","ApplyFunction":"⁡","approx":"≈","approxeq":"≊","Aring":"Å","aring":"å","Ascr":"𝒜","ascr":"𝒶","Assign":"≔","ast":"*","asymp":"≈","asympeq":"≍","Atilde":"Ã","atilde":"ã","Auml":"Ä","auml":"ä","awconint":"∳","awint":"⨑","backcong":"≌","backepsilon":"϶","backprime":"‵","backsim":"∽","backsimeq":"⋍","Backslash":"∖","Barv":"⫧","barvee":"⊽","barwed":"⌅","Barwed":"⌆","barwedge":"⌅","bbrk":"⎵","bbrktbrk":"⎶","bcong":"≌","Bcy":"Б","bcy":"б","bdquo":"„","becaus":"∵","because":"∵","Because":"∵","bemptyv":"⦰","bepsi":"϶","bernou":"ℬ","Bernoullis":"ℬ","Beta":"Β","beta":"β","beth":"ℶ","between":"≬","Bfr":"𝔅","bfr":"𝔟","bigcap":"⋂","bigcirc":"◯","bigcup":"⋃","bigodot":"⨀","bigoplus":"⨁","bigotimes":"⨂","bigsqcup":"⨆","bigstar":"★","bigtriangledown":"▽","bigtriangleup":"△","biguplus":"⨄","bigvee":"⋁","bigwedge":"⋀","bkarow":"⤍","blacklozenge":"⧫","blacksquare":"▪","blacktriangle":"▴","blacktriangledown":"▾","blacktriangleleft":"◂","blacktriangleright":"▸","blank":"␣","blk12":"▒","blk14":"░","blk34":"▓","block":"█","bne":"=⃥","bnequiv":"≡⃥","bNot":"⫭","bnot":"⌐","Bopf":"𝔹","bopf":"𝕓","bot":"⊥","bottom":"⊥","bowtie":"⋈","boxbox":"⧉","boxdl":"┐","boxdL":"╕","boxDl":"╖","boxDL":"╗","boxdr":"┌","boxdR":"╒","boxDr":"╓","boxDR":"╔","boxh":"─","boxH":"═","boxhd":"┬","boxHd":"╤","boxhD":"╥","boxHD":"╦","boxhu":"┴","boxHu":"╧","boxhU":"╨","boxHU":"╩","boxminus":"⊟","boxplus":"⊞","boxtimes":"⊠","boxul":"┘","boxuL":"╛","boxUl":"╜","boxUL":"╝","boxur":"└","boxuR":"╘","boxUr":"╙","boxUR":"╚","boxv":"│","boxV":"║","boxvh":"┼","boxvH":"╪","boxVh":"╫","boxVH":"╬","boxvl":"┤","boxvL":"╡","boxVl":"╢","boxVL":"╣","boxvr":"├","boxvR":"╞","boxVr":"╟","boxVR":"╠","bprime":"‵","breve":"˘","Breve":"˘","brvbar":"¦","bscr":"𝒷","Bscr":"ℬ","bsemi":"⁏","bsim":"∽","bsime":"⋍","bsolb":"⧅","bsol":"\\\\","bsolhsub":"⟈","bull":"•","bullet":"•","bump":"≎","bumpE":"⪮","bumpe":"≏","Bumpeq":"≎","bumpeq":"≏","Cacute":"Ć","cacute":"ć","capand":"⩄","capbrcup":"⩉","capcap":"⩋","cap":"∩","Cap":"⋒","capcup":"⩇","capdot":"⩀","CapitalDifferentialD":"ⅅ","caps":"∩︀","caret":"⁁","caron":"ˇ","Cayleys":"ℭ","ccaps":"⩍","Ccaron":"Č","ccaron":"č","Ccedil":"Ç","ccedil":"ç","Ccirc":"Ĉ","ccirc":"ĉ","Cconint":"∰","ccups":"⩌","ccupssm":"⩐","Cdot":"Ċ","cdot":"ċ","cedil":"¸","Cedilla":"¸","cemptyv":"⦲","cent":"¢","centerdot":"·","CenterDot":"·","cfr":"𝔠","Cfr":"ℭ","CHcy":"Ч","chcy":"ч","check":"✓","checkmark":"✓","Chi":"Χ","chi":"χ","circ":"ˆ","circeq":"≗","circlearrowleft":"↺","circlearrowright":"↻","circledast":"⊛","circledcirc":"⊚","circleddash":"⊝","CircleDot":"⊙","circledR":"®","circledS":"Ⓢ","CircleMinus":"⊖","CirclePlus":"⊕","CircleTimes":"⊗","cir":"○","cirE":"⧃","cire":"≗","cirfnint":"⨐","cirmid":"⫯","cirscir":"⧂","ClockwiseContourIntegral":"∲","CloseCurlyDoubleQuote":"”","CloseCurlyQuote":"’","clubs":"♣","clubsuit":"♣","colon":":","Colon":"∷","Colone":"⩴","colone":"≔","coloneq":"≔","comma":",","commat":"@","comp":"∁","compfn":"∘","complement":"∁","complexes":"ℂ","cong":"≅","congdot":"⩭","Congruent":"≡","conint":"∮","Conint":"∯","ContourIntegral":"∮","copf":"𝕔","Copf":"ℂ","coprod":"∐","Coproduct":"∐","copy":"©","COPY":"©","copysr":"℗","CounterClockwiseContourIntegral":"∳","crarr":"↵","cross":"✗","Cross":"⨯","Cscr":"𝒞","cscr":"𝒸","csub":"⫏","csube":"⫑","csup":"⫐","csupe":"⫒","ctdot":"⋯","cudarrl":"⤸","cudarrr":"⤵","cuepr":"⋞","cuesc":"⋟","cularr":"↶","cularrp":"⤽","cupbrcap":"⩈","cupcap":"⩆","CupCap":"≍","cup":"∪","Cup":"⋓","cupcup":"⩊","cupdot":"⊍","cupor":"⩅","cups":"∪︀","curarr":"↷","curarrm":"⤼","curlyeqprec":"⋞","curlyeqsucc":"⋟","curlyvee":"⋎","curlywedge":"⋏","curren":"¤","curvearrowleft":"↶","curvearrowright":"↷","cuvee":"⋎","cuwed":"⋏","cwconint":"∲","cwint":"∱","cylcty":"⌭","dagger":"†","Dagger":"‡","daleth":"ℸ","darr":"↓","Darr":"↡","dArr":"⇓","dash":"‐","Dashv":"⫤","dashv":"⊣","dbkarow":"⤏","dblac":"˝","Dcaron":"Ď","dcaron":"ď","Dcy":"Д","dcy":"д","ddagger":"‡","ddarr":"⇊","DD":"ⅅ","dd":"ⅆ","DDotrahd":"⤑","ddotseq":"⩷","deg":"°","Del":"∇","Delta":"Δ","delta":"δ","demptyv":"⦱","dfisht":"⥿","Dfr":"𝔇","dfr":"𝔡","dHar":"⥥","dharl":"⇃","dharr":"⇂","DiacriticalAcute":"´","DiacriticalDot":"˙","DiacriticalDoubleAcute":"˝","DiacriticalGrave":"`","DiacriticalTilde":"˜","diam":"⋄","diamond":"⋄","Diamond":"⋄","diamondsuit":"♦","diams":"♦","die":"¨","DifferentialD":"ⅆ","digamma":"ϝ","disin":"⋲","div":"÷","divide":"÷","divideontimes":"⋇","divonx":"⋇","DJcy":"Ђ","djcy":"ђ","dlcorn":"⌞","dlcrop":"⌍","dollar":"$","Dopf":"𝔻","dopf":"𝕕","Dot":"¨","dot":"˙","DotDot":"⃜","doteq":"≐","doteqdot":"≑","DotEqual":"≐","dotminus":"∸","dotplus":"∔","dotsquare":"⊡","doublebarwedge":"⌆","DoubleContourIntegral":"∯","DoubleDot":"¨","DoubleDownArrow":"⇓","DoubleLeftArrow":"⇐","DoubleLeftRightArrow":"⇔","DoubleLeftTee":"⫤","DoubleLongLeftArrow":"⟸","DoubleLongLeftRightArrow":"⟺","DoubleLongRightArrow":"⟹","DoubleRightArrow":"⇒","DoubleRightTee":"⊨","DoubleUpArrow":"⇑","DoubleUpDownArrow":"⇕","DoubleVerticalBar":"∥","DownArrowBar":"⤓","downarrow":"↓","DownArrow":"↓","Downarrow":"⇓","DownArrowUpArrow":"⇵","DownBreve":"̑","downdownarrows":"⇊","downharpoonleft":"⇃","downharpoonright":"⇂","DownLeftRightVector":"⥐","DownLeftTeeVector":"⥞","DownLeftVectorBar":"⥖","DownLeftVector":"↽","DownRightTeeVector":"⥟","DownRightVectorBar":"⥗","DownRightVector":"⇁","DownTeeArrow":"↧","DownTee":"⊤","drbkarow":"⤐","drcorn":"⌟","drcrop":"⌌","Dscr":"𝒟","dscr":"𝒹","DScy":"Ѕ","dscy":"ѕ","dsol":"⧶","Dstrok":"Đ","dstrok":"đ","dtdot":"⋱","dtri":"▿","dtrif":"▾","duarr":"⇵","duhar":"⥯","dwangle":"⦦","DZcy":"Џ","dzcy":"џ","dzigrarr":"⟿","Eacute":"É","eacute":"é","easter":"⩮","Ecaron":"Ě","ecaron":"ě","Ecirc":"Ê","ecirc":"ê","ecir":"≖","ecolon":"≕","Ecy":"Э","ecy":"э","eDDot":"⩷","Edot":"Ė","edot":"ė","eDot":"≑","ee":"ⅇ","efDot":"≒","Efr":"𝔈","efr":"𝔢","eg":"⪚","Egrave":"È","egrave":"è","egs":"⪖","egsdot":"⪘","el":"⪙","Element":"∈","elinters":"⏧","ell":"ℓ","els":"⪕","elsdot":"⪗","Emacr":"Ē","emacr":"ē","empty":"∅","emptyset":"∅","EmptySmallSquare":"◻","emptyv":"∅","EmptyVerySmallSquare":"▫","emsp13":" ","emsp14":" ","emsp":" ","ENG":"Ŋ","eng":"ŋ","ensp":" ","Eogon":"Ę","eogon":"ę","Eopf":"𝔼","eopf":"𝕖","epar":"⋕","eparsl":"⧣","eplus":"⩱","epsi":"ε","Epsilon":"Ε","epsilon":"ε","epsiv":"ϵ","eqcirc":"≖","eqcolon":"≕","eqsim":"≂","eqslantgtr":"⪖","eqslantless":"⪕","Equal":"⩵","equals":"=","EqualTilde":"≂","equest":"≟","Equilibrium":"⇌","equiv":"≡","equivDD":"⩸","eqvparsl":"⧥","erarr":"⥱","erDot":"≓","escr":"ℯ","Escr":"ℰ","esdot":"≐","Esim":"⩳","esim":"≂","Eta":"Η","eta":"η","ETH":"Ð","eth":"ð","Euml":"Ë","euml":"ë","euro":"€","excl":"!","exist":"∃","Exists":"∃","expectation":"ℰ","exponentiale":"ⅇ","ExponentialE":"ⅇ","fallingdotseq":"≒","Fcy":"Ф","fcy":"ф","female":"♀","ffilig":"ffi","fflig":"ff","ffllig":"ffl","Ffr":"𝔉","ffr":"𝔣","filig":"fi","FilledSmallSquare":"◼","FilledVerySmallSquare":"▪","fjlig":"fj","flat":"♭","fllig":"fl","fltns":"▱","fnof":"ƒ","Fopf":"𝔽","fopf":"𝕗","forall":"∀","ForAll":"∀","fork":"⋔","forkv":"⫙","Fouriertrf":"ℱ","fpartint":"⨍","frac12":"½","frac13":"⅓","frac14":"¼","frac15":"⅕","frac16":"⅙","frac18":"⅛","frac23":"⅔","frac25":"⅖","frac34":"¾","frac35":"⅗","frac38":"⅜","frac45":"⅘","frac56":"⅚","frac58":"⅝","frac78":"⅞","frasl":"⁄","frown":"⌢","fscr":"𝒻","Fscr":"ℱ","gacute":"ǵ","Gamma":"Γ","gamma":"γ","Gammad":"Ϝ","gammad":"ϝ","gap":"⪆","Gbreve":"Ğ","gbreve":"ğ","Gcedil":"Ģ","Gcirc":"Ĝ","gcirc":"ĝ","Gcy":"Г","gcy":"г","Gdot":"Ġ","gdot":"ġ","ge":"≥","gE":"≧","gEl":"⪌","gel":"⋛","geq":"≥","geqq":"≧","geqslant":"⩾","gescc":"⪩","ges":"⩾","gesdot":"⪀","gesdoto":"⪂","gesdotol":"⪄","gesl":"⋛︀","gesles":"⪔","Gfr":"𝔊","gfr":"𝔤","gg":"≫","Gg":"⋙","ggg":"⋙","gimel":"ℷ","GJcy":"Ѓ","gjcy":"ѓ","gla":"⪥","gl":"≷","glE":"⪒","glj":"⪤","gnap":"⪊","gnapprox":"⪊","gne":"⪈","gnE":"≩","gneq":"⪈","gneqq":"≩","gnsim":"⋧","Gopf":"𝔾","gopf":"𝕘","grave":"`","GreaterEqual":"≥","GreaterEqualLess":"⋛","GreaterFullEqual":"≧","GreaterGreater":"⪢","GreaterLess":"≷","GreaterSlantEqual":"⩾","GreaterTilde":"≳","Gscr":"𝒢","gscr":"ℊ","gsim":"≳","gsime":"⪎","gsiml":"⪐","gtcc":"⪧","gtcir":"⩺","gt":">","GT":">","Gt":"≫","gtdot":"⋗","gtlPar":"⦕","gtquest":"⩼","gtrapprox":"⪆","gtrarr":"⥸","gtrdot":"⋗","gtreqless":"⋛","gtreqqless":"⪌","gtrless":"≷","gtrsim":"≳","gvertneqq":"≩︀","gvnE":"≩︀","Hacek":"ˇ","hairsp":" ","half":"½","hamilt":"ℋ","HARDcy":"Ъ","hardcy":"ъ","harrcir":"⥈","harr":"↔","hArr":"⇔","harrw":"↭","Hat":"^","hbar":"ℏ","Hcirc":"Ĥ","hcirc":"ĥ","hearts":"♥","heartsuit":"♥","hellip":"…","hercon":"⊹","hfr":"𝔥","Hfr":"ℌ","HilbertSpace":"ℋ","hksearow":"⤥","hkswarow":"⤦","hoarr":"⇿","homtht":"∻","hookleftarrow":"↩","hookrightarrow":"↪","hopf":"𝕙","Hopf":"ℍ","horbar":"―","HorizontalLine":"─","hscr":"𝒽","Hscr":"ℋ","hslash":"ℏ","Hstrok":"Ħ","hstrok":"ħ","HumpDownHump":"≎","HumpEqual":"≏","hybull":"⁃","hyphen":"‐","Iacute":"Í","iacute":"í","ic":"⁣","Icirc":"Î","icirc":"î","Icy":"И","icy":"и","Idot":"İ","IEcy":"Е","iecy":"е","iexcl":"¡","iff":"⇔","ifr":"𝔦","Ifr":"ℑ","Igrave":"Ì","igrave":"ì","ii":"ⅈ","iiiint":"⨌","iiint":"∭","iinfin":"⧜","iiota":"℩","IJlig":"IJ","ijlig":"ij","Imacr":"Ī","imacr":"ī","image":"ℑ","ImaginaryI":"ⅈ","imagline":"ℐ","imagpart":"ℑ","imath":"ı","Im":"ℑ","imof":"⊷","imped":"Ƶ","Implies":"⇒","incare":"℅","in":"∈","infin":"∞","infintie":"⧝","inodot":"ı","intcal":"⊺","int":"∫","Int":"∬","integers":"ℤ","Integral":"∫","intercal":"⊺","Intersection":"⋂","intlarhk":"⨗","intprod":"⨼","InvisibleComma":"⁣","InvisibleTimes":"⁢","IOcy":"Ё","iocy":"ё","Iogon":"Į","iogon":"į","Iopf":"𝕀","iopf":"𝕚","Iota":"Ι","iota":"ι","iprod":"⨼","iquest":"¿","iscr":"𝒾","Iscr":"ℐ","isin":"∈","isindot":"⋵","isinE":"⋹","isins":"⋴","isinsv":"⋳","isinv":"∈","it":"⁢","Itilde":"Ĩ","itilde":"ĩ","Iukcy":"І","iukcy":"і","Iuml":"Ï","iuml":"ï","Jcirc":"Ĵ","jcirc":"ĵ","Jcy":"Й","jcy":"й","Jfr":"𝔍","jfr":"𝔧","jmath":"ȷ","Jopf":"𝕁","jopf":"𝕛","Jscr":"𝒥","jscr":"𝒿","Jsercy":"Ј","jsercy":"ј","Jukcy":"Є","jukcy":"є","Kappa":"Κ","kappa":"κ","kappav":"ϰ","Kcedil":"Ķ","kcedil":"ķ","Kcy":"К","kcy":"к","Kfr":"𝔎","kfr":"𝔨","kgreen":"ĸ","KHcy":"Х","khcy":"х","KJcy":"Ќ","kjcy":"ќ","Kopf":"𝕂","kopf":"𝕜","Kscr":"𝒦","kscr":"𝓀","lAarr":"⇚","Lacute":"Ĺ","lacute":"ĺ","laemptyv":"⦴","lagran":"ℒ","Lambda":"Λ","lambda":"λ","lang":"⟨","Lang":"⟪","langd":"⦑","langle":"⟨","lap":"⪅","Laplacetrf":"ℒ","laquo":"«","larrb":"⇤","larrbfs":"⤟","larr":"←","Larr":"↞","lArr":"⇐","larrfs":"⤝","larrhk":"↩","larrlp":"↫","larrpl":"⤹","larrsim":"⥳","larrtl":"↢","latail":"⤙","lAtail":"⤛","lat":"⪫","late":"⪭","lates":"⪭︀","lbarr":"⤌","lBarr":"⤎","lbbrk":"❲","lbrace":"{","lbrack":"[","lbrke":"⦋","lbrksld":"⦏","lbrkslu":"⦍","Lcaron":"Ľ","lcaron":"ľ","Lcedil":"Ļ","lcedil":"ļ","lceil":"⌈","lcub":"{","Lcy":"Л","lcy":"л","ldca":"⤶","ldquo":"“","ldquor":"„","ldrdhar":"⥧","ldrushar":"⥋","ldsh":"↲","le":"≤","lE":"≦","LeftAngleBracket":"⟨","LeftArrowBar":"⇤","leftarrow":"←","LeftArrow":"←","Leftarrow":"⇐","LeftArrowRightArrow":"⇆","leftarrowtail":"↢","LeftCeiling":"⌈","LeftDoubleBracket":"⟦","LeftDownTeeVector":"⥡","LeftDownVectorBar":"⥙","LeftDownVector":"⇃","LeftFloor":"⌊","leftharpoondown":"↽","leftharpoonup":"↼","leftleftarrows":"⇇","leftrightarrow":"↔","LeftRightArrow":"↔","Leftrightarrow":"⇔","leftrightarrows":"⇆","leftrightharpoons":"⇋","leftrightsquigarrow":"↭","LeftRightVector":"⥎","LeftTeeArrow":"↤","LeftTee":"⊣","LeftTeeVector":"⥚","leftthreetimes":"⋋","LeftTriangleBar":"⧏","LeftTriangle":"⊲","LeftTriangleEqual":"⊴","LeftUpDownVector":"⥑","LeftUpTeeVector":"⥠","LeftUpVectorBar":"⥘","LeftUpVector":"↿","LeftVectorBar":"⥒","LeftVector":"↼","lEg":"⪋","leg":"⋚","leq":"≤","leqq":"≦","leqslant":"⩽","lescc":"⪨","les":"⩽","lesdot":"⩿","lesdoto":"⪁","lesdotor":"⪃","lesg":"⋚︀","lesges":"⪓","lessapprox":"⪅","lessdot":"⋖","lesseqgtr":"⋚","lesseqqgtr":"⪋","LessEqualGreater":"⋚","LessFullEqual":"≦","LessGreater":"≶","lessgtr":"≶","LessLess":"⪡","lesssim":"≲","LessSlantEqual":"⩽","LessTilde":"≲","lfisht":"⥼","lfloor":"⌊","Lfr":"𝔏","lfr":"𝔩","lg":"≶","lgE":"⪑","lHar":"⥢","lhard":"↽","lharu":"↼","lharul":"⥪","lhblk":"▄","LJcy":"Љ","ljcy":"љ","llarr":"⇇","ll":"≪","Ll":"⋘","llcorner":"⌞","Lleftarrow":"⇚","llhard":"⥫","lltri":"◺","Lmidot":"Ŀ","lmidot":"ŀ","lmoustache":"⎰","lmoust":"⎰","lnap":"⪉","lnapprox":"⪉","lne":"⪇","lnE":"≨","lneq":"⪇","lneqq":"≨","lnsim":"⋦","loang":"⟬","loarr":"⇽","lobrk":"⟦","longleftarrow":"⟵","LongLeftArrow":"⟵","Longleftarrow":"⟸","longleftrightarrow":"⟷","LongLeftRightArrow":"⟷","Longleftrightarrow":"⟺","longmapsto":"⟼","longrightarrow":"⟶","LongRightArrow":"⟶","Longrightarrow":"⟹","looparrowleft":"↫","looparrowright":"↬","lopar":"⦅","Lopf":"𝕃","lopf":"𝕝","loplus":"⨭","lotimes":"⨴","lowast":"∗","lowbar":"_","LowerLeftArrow":"↙","LowerRightArrow":"↘","loz":"◊","lozenge":"◊","lozf":"⧫","lpar":"(","lparlt":"⦓","lrarr":"⇆","lrcorner":"⌟","lrhar":"⇋","lrhard":"⥭","lrm":"‎","lrtri":"⊿","lsaquo":"‹","lscr":"𝓁","Lscr":"ℒ","lsh":"↰","Lsh":"↰","lsim":"≲","lsime":"⪍","lsimg":"⪏","lsqb":"[","lsquo":"‘","lsquor":"‚","Lstrok":"Ł","lstrok":"ł","ltcc":"⪦","ltcir":"⩹","lt":"<","LT":"<","Lt":"≪","ltdot":"⋖","lthree":"⋋","ltimes":"⋉","ltlarr":"⥶","ltquest":"⩻","ltri":"◃","ltrie":"⊴","ltrif":"◂","ltrPar":"⦖","lurdshar":"⥊","luruhar":"⥦","lvertneqq":"≨︀","lvnE":"≨︀","macr":"¯","male":"♂","malt":"✠","maltese":"✠","Map":"⤅","map":"↦","mapsto":"↦","mapstodown":"↧","mapstoleft":"↤","mapstoup":"↥","marker":"▮","mcomma":"⨩","Mcy":"М","mcy":"м","mdash":"—","mDDot":"∺","measuredangle":"∡","MediumSpace":" ","Mellintrf":"ℳ","Mfr":"𝔐","mfr":"𝔪","mho":"℧","micro":"µ","midast":"*","midcir":"⫰","mid":"∣","middot":"·","minusb":"⊟","minus":"−","minusd":"∸","minusdu":"⨪","MinusPlus":"∓","mlcp":"⫛","mldr":"…","mnplus":"∓","models":"⊧","Mopf":"𝕄","mopf":"𝕞","mp":"∓","mscr":"𝓂","Mscr":"ℳ","mstpos":"∾","Mu":"Μ","mu":"μ","multimap":"⊸","mumap":"⊸","nabla":"∇","Nacute":"Ń","nacute":"ń","nang":"∠⃒","nap":"≉","napE":"⩰̸","napid":"≋̸","napos":"ʼn","napprox":"≉","natural":"♮","naturals":"ℕ","natur":"♮","nbsp":" ","nbump":"≎̸","nbumpe":"≏̸","ncap":"⩃","Ncaron":"Ň","ncaron":"ň","Ncedil":"Ņ","ncedil":"ņ","ncong":"≇","ncongdot":"⩭̸","ncup":"⩂","Ncy":"Н","ncy":"н","ndash":"–","nearhk":"⤤","nearr":"↗","neArr":"⇗","nearrow":"↗","ne":"≠","nedot":"≐̸","NegativeMediumSpace":"​","NegativeThickSpace":"​","NegativeThinSpace":"​","NegativeVeryThinSpace":"​","nequiv":"≢","nesear":"⤨","nesim":"≂̸","NestedGreaterGreater":"≫","NestedLessLess":"≪","NewLine":"\\n","nexist":"∄","nexists":"∄","Nfr":"𝔑","nfr":"𝔫","ngE":"≧̸","nge":"≱","ngeq":"≱","ngeqq":"≧̸","ngeqslant":"⩾̸","nges":"⩾̸","nGg":"⋙̸","ngsim":"≵","nGt":"≫⃒","ngt":"≯","ngtr":"≯","nGtv":"≫̸","nharr":"↮","nhArr":"⇎","nhpar":"⫲","ni":"∋","nis":"⋼","nisd":"⋺","niv":"∋","NJcy":"Њ","njcy":"њ","nlarr":"↚","nlArr":"⇍","nldr":"‥","nlE":"≦̸","nle":"≰","nleftarrow":"↚","nLeftarrow":"⇍","nleftrightarrow":"↮","nLeftrightarrow":"⇎","nleq":"≰","nleqq":"≦̸","nleqslant":"⩽̸","nles":"⩽̸","nless":"≮","nLl":"⋘̸","nlsim":"≴","nLt":"≪⃒","nlt":"≮","nltri":"⋪","nltrie":"⋬","nLtv":"≪̸","nmid":"∤","NoBreak":"⁠","NonBreakingSpace":" ","nopf":"𝕟","Nopf":"ℕ","Not":"⫬","not":"¬","NotCongruent":"≢","NotCupCap":"≭","NotDoubleVerticalBar":"∦","NotElement":"∉","NotEqual":"≠","NotEqualTilde":"≂̸","NotExists":"∄","NotGreater":"≯","NotGreaterEqual":"≱","NotGreaterFullEqual":"≧̸","NotGreaterGreater":"≫̸","NotGreaterLess":"≹","NotGreaterSlantEqual":"⩾̸","NotGreaterTilde":"≵","NotHumpDownHump":"≎̸","NotHumpEqual":"≏̸","notin":"∉","notindot":"⋵̸","notinE":"⋹̸","notinva":"∉","notinvb":"⋷","notinvc":"⋶","NotLeftTriangleBar":"⧏̸","NotLeftTriangle":"⋪","NotLeftTriangleEqual":"⋬","NotLess":"≮","NotLessEqual":"≰","NotLessGreater":"≸","NotLessLess":"≪̸","NotLessSlantEqual":"⩽̸","NotLessTilde":"≴","NotNestedGreaterGreater":"⪢̸","NotNestedLessLess":"⪡̸","notni":"∌","notniva":"∌","notnivb":"⋾","notnivc":"⋽","NotPrecedes":"⊀","NotPrecedesEqual":"⪯̸","NotPrecedesSlantEqual":"⋠","NotReverseElement":"∌","NotRightTriangleBar":"⧐̸","NotRightTriangle":"⋫","NotRightTriangleEqual":"⋭","NotSquareSubset":"⊏̸","NotSquareSubsetEqual":"⋢","NotSquareSuperset":"⊐̸","NotSquareSupersetEqual":"⋣","NotSubset":"⊂⃒","NotSubsetEqual":"⊈","NotSucceeds":"⊁","NotSucceedsEqual":"⪰̸","NotSucceedsSlantEqual":"⋡","NotSucceedsTilde":"≿̸","NotSuperset":"⊃⃒","NotSupersetEqual":"⊉","NotTilde":"≁","NotTildeEqual":"≄","NotTildeFullEqual":"≇","NotTildeTilde":"≉","NotVerticalBar":"∤","nparallel":"∦","npar":"∦","nparsl":"⫽⃥","npart":"∂̸","npolint":"⨔","npr":"⊀","nprcue":"⋠","nprec":"⊀","npreceq":"⪯̸","npre":"⪯̸","nrarrc":"⤳̸","nrarr":"↛","nrArr":"⇏","nrarrw":"↝̸","nrightarrow":"↛","nRightarrow":"⇏","nrtri":"⋫","nrtrie":"⋭","nsc":"⊁","nsccue":"⋡","nsce":"⪰̸","Nscr":"𝒩","nscr":"𝓃","nshortmid":"∤","nshortparallel":"∦","nsim":"≁","nsime":"≄","nsimeq":"≄","nsmid":"∤","nspar":"∦","nsqsube":"⋢","nsqsupe":"⋣","nsub":"⊄","nsubE":"⫅̸","nsube":"⊈","nsubset":"⊂⃒","nsubseteq":"⊈","nsubseteqq":"⫅̸","nsucc":"⊁","nsucceq":"⪰̸","nsup":"⊅","nsupE":"⫆̸","nsupe":"⊉","nsupset":"⊃⃒","nsupseteq":"⊉","nsupseteqq":"⫆̸","ntgl":"≹","Ntilde":"Ñ","ntilde":"ñ","ntlg":"≸","ntriangleleft":"⋪","ntrianglelefteq":"⋬","ntriangleright":"⋫","ntrianglerighteq":"⋭","Nu":"Ν","nu":"ν","num":"#","numero":"№","numsp":" ","nvap":"≍⃒","nvdash":"⊬","nvDash":"⊭","nVdash":"⊮","nVDash":"⊯","nvge":"≥⃒","nvgt":">⃒","nvHarr":"⤄","nvinfin":"⧞","nvlArr":"⤂","nvle":"≤⃒","nvlt":"<⃒","nvltrie":"⊴⃒","nvrArr":"⤃","nvrtrie":"⊵⃒","nvsim":"∼⃒","nwarhk":"⤣","nwarr":"↖","nwArr":"⇖","nwarrow":"↖","nwnear":"⤧","Oacute":"Ó","oacute":"ó","oast":"⊛","Ocirc":"Ô","ocirc":"ô","ocir":"⊚","Ocy":"О","ocy":"о","odash":"⊝","Odblac":"Ő","odblac":"ő","odiv":"⨸","odot":"⊙","odsold":"⦼","OElig":"Œ","oelig":"œ","ofcir":"⦿","Ofr":"𝔒","ofr":"𝔬","ogon":"˛","Ograve":"Ò","ograve":"ò","ogt":"⧁","ohbar":"⦵","ohm":"Ω","oint":"∮","olarr":"↺","olcir":"⦾","olcross":"⦻","oline":"‾","olt":"⧀","Omacr":"Ō","omacr":"ō","Omega":"Ω","omega":"ω","Omicron":"Ο","omicron":"ο","omid":"⦶","ominus":"⊖","Oopf":"𝕆","oopf":"𝕠","opar":"⦷","OpenCurlyDoubleQuote":"“","OpenCurlyQuote":"‘","operp":"⦹","oplus":"⊕","orarr":"↻","Or":"⩔","or":"∨","ord":"⩝","order":"ℴ","orderof":"ℴ","ordf":"ª","ordm":"º","origof":"⊶","oror":"⩖","orslope":"⩗","orv":"⩛","oS":"Ⓢ","Oscr":"𝒪","oscr":"ℴ","Oslash":"Ø","oslash":"ø","osol":"⊘","Otilde":"Õ","otilde":"õ","otimesas":"⨶","Otimes":"⨷","otimes":"⊗","Ouml":"Ö","ouml":"ö","ovbar":"⌽","OverBar":"‾","OverBrace":"⏞","OverBracket":"⎴","OverParenthesis":"⏜","para":"¶","parallel":"∥","par":"∥","parsim":"⫳","parsl":"⫽","part":"∂","PartialD":"∂","Pcy":"П","pcy":"п","percnt":"%","period":".","permil":"‰","perp":"⊥","pertenk":"‱","Pfr":"𝔓","pfr":"𝔭","Phi":"Φ","phi":"φ","phiv":"ϕ","phmmat":"ℳ","phone":"☎","Pi":"Π","pi":"π","pitchfork":"⋔","piv":"ϖ","planck":"ℏ","planckh":"ℎ","plankv":"ℏ","plusacir":"⨣","plusb":"⊞","pluscir":"⨢","plus":"+","plusdo":"∔","plusdu":"⨥","pluse":"⩲","PlusMinus":"±","plusmn":"±","plussim":"⨦","plustwo":"⨧","pm":"±","Poincareplane":"ℌ","pointint":"⨕","popf":"𝕡","Popf":"ℙ","pound":"£","prap":"⪷","Pr":"⪻","pr":"≺","prcue":"≼","precapprox":"⪷","prec":"≺","preccurlyeq":"≼","Precedes":"≺","PrecedesEqual":"⪯","PrecedesSlantEqual":"≼","PrecedesTilde":"≾","preceq":"⪯","precnapprox":"⪹","precneqq":"⪵","precnsim":"⋨","pre":"⪯","prE":"⪳","precsim":"≾","prime":"′","Prime":"″","primes":"ℙ","prnap":"⪹","prnE":"⪵","prnsim":"⋨","prod":"∏","Product":"∏","profalar":"⌮","profline":"⌒","profsurf":"⌓","prop":"∝","Proportional":"∝","Proportion":"∷","propto":"∝","prsim":"≾","prurel":"⊰","Pscr":"𝒫","pscr":"𝓅","Psi":"Ψ","psi":"ψ","puncsp":" ","Qfr":"𝔔","qfr":"𝔮","qint":"⨌","qopf":"𝕢","Qopf":"ℚ","qprime":"⁗","Qscr":"𝒬","qscr":"𝓆","quaternions":"ℍ","quatint":"⨖","quest":"?","questeq":"≟","quot":"\\"","QUOT":"\\"","rAarr":"⇛","race":"∽̱","Racute":"Ŕ","racute":"ŕ","radic":"√","raemptyv":"⦳","rang":"⟩","Rang":"⟫","rangd":"⦒","range":"⦥","rangle":"⟩","raquo":"»","rarrap":"⥵","rarrb":"⇥","rarrbfs":"⤠","rarrc":"⤳","rarr":"→","Rarr":"↠","rArr":"⇒","rarrfs":"⤞","rarrhk":"↪","rarrlp":"↬","rarrpl":"⥅","rarrsim":"⥴","Rarrtl":"⤖","rarrtl":"↣","rarrw":"↝","ratail":"⤚","rAtail":"⤜","ratio":"∶","rationals":"ℚ","rbarr":"⤍","rBarr":"⤏","RBarr":"⤐","rbbrk":"❳","rbrace":"}","rbrack":"]","rbrke":"⦌","rbrksld":"⦎","rbrkslu":"⦐","Rcaron":"Ř","rcaron":"ř","Rcedil":"Ŗ","rcedil":"ŗ","rceil":"⌉","rcub":"}","Rcy":"Р","rcy":"р","rdca":"⤷","rdldhar":"⥩","rdquo":"”","rdquor":"”","rdsh":"↳","real":"ℜ","realine":"ℛ","realpart":"ℜ","reals":"ℝ","Re":"ℜ","rect":"▭","reg":"®","REG":"®","ReverseElement":"∋","ReverseEquilibrium":"⇋","ReverseUpEquilibrium":"⥯","rfisht":"⥽","rfloor":"⌋","rfr":"𝔯","Rfr":"ℜ","rHar":"⥤","rhard":"⇁","rharu":"⇀","rharul":"⥬","Rho":"Ρ","rho":"ρ","rhov":"ϱ","RightAngleBracket":"⟩","RightArrowBar":"⇥","rightarrow":"→","RightArrow":"→","Rightarrow":"⇒","RightArrowLeftArrow":"⇄","rightarrowtail":"↣","RightCeiling":"⌉","RightDoubleBracket":"⟧","RightDownTeeVector":"⥝","RightDownVectorBar":"⥕","RightDownVector":"⇂","RightFloor":"⌋","rightharpoondown":"⇁","rightharpoonup":"⇀","rightleftarrows":"⇄","rightleftharpoons":"⇌","rightrightarrows":"⇉","rightsquigarrow":"↝","RightTeeArrow":"↦","RightTee":"⊢","RightTeeVector":"⥛","rightthreetimes":"⋌","RightTriangleBar":"⧐","RightTriangle":"⊳","RightTriangleEqual":"⊵","RightUpDownVector":"⥏","RightUpTeeVector":"⥜","RightUpVectorBar":"⥔","RightUpVector":"↾","RightVectorBar":"⥓","RightVector":"⇀","ring":"˚","risingdotseq":"≓","rlarr":"⇄","rlhar":"⇌","rlm":"‏","rmoustache":"⎱","rmoust":"⎱","rnmid":"⫮","roang":"⟭","roarr":"⇾","robrk":"⟧","ropar":"⦆","ropf":"𝕣","Ropf":"ℝ","roplus":"⨮","rotimes":"⨵","RoundImplies":"⥰","rpar":")","rpargt":"⦔","rppolint":"⨒","rrarr":"⇉","Rrightarrow":"⇛","rsaquo":"›","rscr":"𝓇","Rscr":"ℛ","rsh":"↱","Rsh":"↱","rsqb":"]","rsquo":"’","rsquor":"’","rthree":"⋌","rtimes":"⋊","rtri":"▹","rtrie":"⊵","rtrif":"▸","rtriltri":"⧎","RuleDelayed":"⧴","ruluhar":"⥨","rx":"℞","Sacute":"Ś","sacute":"ś","sbquo":"‚","scap":"⪸","Scaron":"Š","scaron":"š","Sc":"⪼","sc":"≻","sccue":"≽","sce":"⪰","scE":"⪴","Scedil":"Ş","scedil":"ş","Scirc":"Ŝ","scirc":"ŝ","scnap":"⪺","scnE":"⪶","scnsim":"⋩","scpolint":"⨓","scsim":"≿","Scy":"С","scy":"с","sdotb":"⊡","sdot":"⋅","sdote":"⩦","searhk":"⤥","searr":"↘","seArr":"⇘","searrow":"↘","sect":"§","semi":";","seswar":"⤩","setminus":"∖","setmn":"∖","sext":"✶","Sfr":"𝔖","sfr":"𝔰","sfrown":"⌢","sharp":"♯","SHCHcy":"Щ","shchcy":"щ","SHcy":"Ш","shcy":"ш","ShortDownArrow":"↓","ShortLeftArrow":"←","shortmid":"∣","shortparallel":"∥","ShortRightArrow":"→","ShortUpArrow":"↑","shy":"­","Sigma":"Σ","sigma":"σ","sigmaf":"ς","sigmav":"ς","sim":"∼","simdot":"⩪","sime":"≃","simeq":"≃","simg":"⪞","simgE":"⪠","siml":"⪝","simlE":"⪟","simne":"≆","simplus":"⨤","simrarr":"⥲","slarr":"←","SmallCircle":"∘","smallsetminus":"∖","smashp":"⨳","smeparsl":"⧤","smid":"∣","smile":"⌣","smt":"⪪","smte":"⪬","smtes":"⪬︀","SOFTcy":"Ь","softcy":"ь","solbar":"⌿","solb":"⧄","sol":"/","Sopf":"𝕊","sopf":"𝕤","spades":"♠","spadesuit":"♠","spar":"∥","sqcap":"⊓","sqcaps":"⊓︀","sqcup":"⊔","sqcups":"⊔︀","Sqrt":"√","sqsub":"⊏","sqsube":"⊑","sqsubset":"⊏","sqsubseteq":"⊑","sqsup":"⊐","sqsupe":"⊒","sqsupset":"⊐","sqsupseteq":"⊒","square":"□","Square":"□","SquareIntersection":"⊓","SquareSubset":"⊏","SquareSubsetEqual":"⊑","SquareSuperset":"⊐","SquareSupersetEqual":"⊒","SquareUnion":"⊔","squarf":"▪","squ":"□","squf":"▪","srarr":"→","Sscr":"𝒮","sscr":"𝓈","ssetmn":"∖","ssmile":"⌣","sstarf":"⋆","Star":"⋆","star":"☆","starf":"★","straightepsilon":"ϵ","straightphi":"ϕ","strns":"¯","sub":"⊂","Sub":"⋐","subdot":"⪽","subE":"⫅","sube":"⊆","subedot":"⫃","submult":"⫁","subnE":"⫋","subne":"⊊","subplus":"⪿","subrarr":"⥹","subset":"⊂","Subset":"⋐","subseteq":"⊆","subseteqq":"⫅","SubsetEqual":"⊆","subsetneq":"⊊","subsetneqq":"⫋","subsim":"⫇","subsub":"⫕","subsup":"⫓","succapprox":"⪸","succ":"≻","succcurlyeq":"≽","Succeeds":"≻","SucceedsEqual":"⪰","SucceedsSlantEqual":"≽","SucceedsTilde":"≿","succeq":"⪰","succnapprox":"⪺","succneqq":"⪶","succnsim":"⋩","succsim":"≿","SuchThat":"∋","sum":"∑","Sum":"∑","sung":"♪","sup1":"¹","sup2":"²","sup3":"³","sup":"⊃","Sup":"⋑","supdot":"⪾","supdsub":"⫘","supE":"⫆","supe":"⊇","supedot":"⫄","Superset":"⊃","SupersetEqual":"⊇","suphsol":"⟉","suphsub":"⫗","suplarr":"⥻","supmult":"⫂","supnE":"⫌","supne":"⊋","supplus":"⫀","supset":"⊃","Supset":"⋑","supseteq":"⊇","supseteqq":"⫆","supsetneq":"⊋","supsetneqq":"⫌","supsim":"⫈","supsub":"⫔","supsup":"⫖","swarhk":"⤦","swarr":"↙","swArr":"⇙","swarrow":"↙","swnwar":"⤪","szlig":"ß","Tab":"\\t","target":"⌖","Tau":"Τ","tau":"τ","tbrk":"⎴","Tcaron":"Ť","tcaron":"ť","Tcedil":"Ţ","tcedil":"ţ","Tcy":"Т","tcy":"т","tdot":"⃛","telrec":"⌕","Tfr":"𝔗","tfr":"𝔱","there4":"∴","therefore":"∴","Therefore":"∴","Theta":"Θ","theta":"θ","thetasym":"ϑ","thetav":"ϑ","thickapprox":"≈","thicksim":"∼","ThickSpace":"  ","ThinSpace":" ","thinsp":" ","thkap":"≈","thksim":"∼","THORN":"Þ","thorn":"þ","tilde":"˜","Tilde":"∼","TildeEqual":"≃","TildeFullEqual":"≅","TildeTilde":"≈","timesbar":"⨱","timesb":"⊠","times":"×","timesd":"⨰","tint":"∭","toea":"⤨","topbot":"⌶","topcir":"⫱","top":"⊤","Topf":"𝕋","topf":"𝕥","topfork":"⫚","tosa":"⤩","tprime":"‴","trade":"™","TRADE":"™","triangle":"▵","triangledown":"▿","triangleleft":"◃","trianglelefteq":"⊴","triangleq":"≜","triangleright":"▹","trianglerighteq":"⊵","tridot":"◬","trie":"≜","triminus":"⨺","TripleDot":"⃛","triplus":"⨹","trisb":"⧍","tritime":"⨻","trpezium":"⏢","Tscr":"𝒯","tscr":"𝓉","TScy":"Ц","tscy":"ц","TSHcy":"Ћ","tshcy":"ћ","Tstrok":"Ŧ","tstrok":"ŧ","twixt":"≬","twoheadleftarrow":"↞","twoheadrightarrow":"↠","Uacute":"Ú","uacute":"ú","uarr":"↑","Uarr":"↟","uArr":"⇑","Uarrocir":"⥉","Ubrcy":"Ў","ubrcy":"ў","Ubreve":"Ŭ","ubreve":"ŭ","Ucirc":"Û","ucirc":"û","Ucy":"У","ucy":"у","udarr":"⇅","Udblac":"Ű","udblac":"ű","udhar":"⥮","ufisht":"⥾","Ufr":"𝔘","ufr":"𝔲","Ugrave":"Ù","ugrave":"ù","uHar":"⥣","uharl":"↿","uharr":"↾","uhblk":"▀","ulcorn":"⌜","ulcorner":"⌜","ulcrop":"⌏","ultri":"◸","Umacr":"Ū","umacr":"ū","uml":"¨","UnderBar":"_","UnderBrace":"⏟","UnderBracket":"⎵","UnderParenthesis":"⏝","Union":"⋃","UnionPlus":"⊎","Uogon":"Ų","uogon":"ų","Uopf":"𝕌","uopf":"𝕦","UpArrowBar":"⤒","uparrow":"↑","UpArrow":"↑","Uparrow":"⇑","UpArrowDownArrow":"⇅","updownarrow":"↕","UpDownArrow":"↕","Updownarrow":"⇕","UpEquilibrium":"⥮","upharpoonleft":"↿","upharpoonright":"↾","uplus":"⊎","UpperLeftArrow":"↖","UpperRightArrow":"↗","upsi":"υ","Upsi":"ϒ","upsih":"ϒ","Upsilon":"Υ","upsilon":"υ","UpTeeArrow":"↥","UpTee":"⊥","upuparrows":"⇈","urcorn":"⌝","urcorner":"⌝","urcrop":"⌎","Uring":"Ů","uring":"ů","urtri":"◹","Uscr":"𝒰","uscr":"𝓊","utdot":"⋰","Utilde":"Ũ","utilde":"ũ","utri":"▵","utrif":"▴","uuarr":"⇈","Uuml":"Ü","uuml":"ü","uwangle":"⦧","vangrt":"⦜","varepsilon":"ϵ","varkappa":"ϰ","varnothing":"∅","varphi":"ϕ","varpi":"ϖ","varpropto":"∝","varr":"↕","vArr":"⇕","varrho":"ϱ","varsigma":"ς","varsubsetneq":"⊊︀","varsubsetneqq":"⫋︀","varsupsetneq":"⊋︀","varsupsetneqq":"⫌︀","vartheta":"ϑ","vartriangleleft":"⊲","vartriangleright":"⊳","vBar":"⫨","Vbar":"⫫","vBarv":"⫩","Vcy":"В","vcy":"в","vdash":"⊢","vDash":"⊨","Vdash":"⊩","VDash":"⊫","Vdashl":"⫦","veebar":"⊻","vee":"∨","Vee":"⋁","veeeq":"≚","vellip":"⋮","verbar":"|","Verbar":"‖","vert":"|","Vert":"‖","VerticalBar":"∣","VerticalLine":"|","VerticalSeparator":"❘","VerticalTilde":"≀","VeryThinSpace":" ","Vfr":"𝔙","vfr":"𝔳","vltri":"⊲","vnsub":"⊂⃒","vnsup":"⊃⃒","Vopf":"𝕍","vopf":"𝕧","vprop":"∝","vrtri":"⊳","Vscr":"𝒱","vscr":"𝓋","vsubnE":"⫋︀","vsubne":"⊊︀","vsupnE":"⫌︀","vsupne":"⊋︀","Vvdash":"⊪","vzigzag":"⦚","Wcirc":"Ŵ","wcirc":"ŵ","wedbar":"⩟","wedge":"∧","Wedge":"⋀","wedgeq":"≙","weierp":"℘","Wfr":"𝔚","wfr":"𝔴","Wopf":"𝕎","wopf":"𝕨","wp":"℘","wr":"≀","wreath":"≀","Wscr":"𝒲","wscr":"𝓌","xcap":"⋂","xcirc":"◯","xcup":"⋃","xdtri":"▽","Xfr":"𝔛","xfr":"𝔵","xharr":"⟷","xhArr":"⟺","Xi":"Ξ","xi":"ξ","xlarr":"⟵","xlArr":"⟸","xmap":"⟼","xnis":"⋻","xodot":"⨀","Xopf":"𝕏","xopf":"𝕩","xoplus":"⨁","xotime":"⨂","xrarr":"⟶","xrArr":"⟹","Xscr":"𝒳","xscr":"𝓍","xsqcup":"⨆","xuplus":"⨄","xutri":"△","xvee":"⋁","xwedge":"⋀","Yacute":"Ý","yacute":"ý","YAcy":"Я","yacy":"я","Ycirc":"Ŷ","ycirc":"ŷ","Ycy":"Ы","ycy":"ы","yen":"¥","Yfr":"𝔜","yfr":"𝔶","YIcy":"Ї","yicy":"ї","Yopf":"𝕐","yopf":"𝕪","Yscr":"𝒴","yscr":"𝓎","YUcy":"Ю","yucy":"ю","yuml":"ÿ","Yuml":"Ÿ","Zacute":"Ź","zacute":"ź","Zcaron":"Ž","zcaron":"ž","Zcy":"З","zcy":"з","Zdot":"Ż","zdot":"ż","zeetrf":"ℨ","ZeroWidthSpace":"​","Zeta":"Ζ","zeta":"ζ","zfr":"𝔷","Zfr":"ℨ","ZHcy":"Ж","zhcy":"ж","zigrarr":"⇝","zopf":"𝕫","Zopf":"ℤ","Zscr":"𝒵","zscr":"𝓏","zwj":"‍","zwnj":"‌"}')},function(e){"use strict";e.exports=JSON.parse('{"Aacute":"Á","aacute":"á","Acirc":"Â","acirc":"â","acute":"´","AElig":"Æ","aelig":"æ","Agrave":"À","agrave":"à","amp":"&","AMP":"&","Aring":"Å","aring":"å","Atilde":"Ã","atilde":"ã","Auml":"Ä","auml":"ä","brvbar":"¦","Ccedil":"Ç","ccedil":"ç","cedil":"¸","cent":"¢","copy":"©","COPY":"©","curren":"¤","deg":"°","divide":"÷","Eacute":"É","eacute":"é","Ecirc":"Ê","ecirc":"ê","Egrave":"È","egrave":"è","ETH":"Ð","eth":"ð","Euml":"Ë","euml":"ë","frac12":"½","frac14":"¼","frac34":"¾","gt":">","GT":">","Iacute":"Í","iacute":"í","Icirc":"Î","icirc":"î","iexcl":"¡","Igrave":"Ì","igrave":"ì","iquest":"¿","Iuml":"Ï","iuml":"ï","laquo":"«","lt":"<","LT":"<","macr":"¯","micro":"µ","middot":"·","nbsp":" ","not":"¬","Ntilde":"Ñ","ntilde":"ñ","Oacute":"Ó","oacute":"ó","Ocirc":"Ô","ocirc":"ô","Ograve":"Ò","ograve":"ò","ordf":"ª","ordm":"º","Oslash":"Ø","oslash":"ø","Otilde":"Õ","otilde":"õ","Ouml":"Ö","ouml":"ö","para":"¶","plusmn":"±","pound":"£","quot":"\\"","QUOT":"\\"","raquo":"»","reg":"®","REG":"®","sect":"§","shy":"­","sup1":"¹","sup2":"²","sup3":"³","szlig":"ß","THORN":"Þ","thorn":"þ","times":"×","Uacute":"Ú","uacute":"ú","Ucirc":"Û","ucirc":"û","Ugrave":"Ù","ugrave":"ù","uml":"¨","Uuml":"Ü","uuml":"ü","Yacute":"Ý","yacute":"ý","yen":"¥","yuml":"ÿ"}')},function(e){"use strict";e.exports=JSON.parse('{"amp":"&","apos":"\'","gt":">","lt":"<","quot":"\\""}')},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.decodeXMLStrict=t.decodeHTML5Strict=t.decodeHTML4Strict=t.decodeHTML5=t.decodeHTML4=t.decodeHTMLStrict=t.decodeHTML=t.decodeXML=t.encodeHTML5=t.encodeHTML4=t.escapeUTF8=t.escape=t.encodeNonAsciiHTML=t.encodeHTML=t.encodeXML=t.encode=t.decodeStrict=t.decode=void 0;var r=n(37),i=n(38);t.decode=function(e,t){return(!t||t<=0?r.decodeXML:r.decodeHTML)(e)},t.decodeStrict=function(e,t){return(!t||t<=0?r.decodeXML:r.decodeHTMLStrict)(e)},t.encode=function(e,t){return(!t||t<=0?i.encodeXML:i.encodeHTML)(e)};var o=n(38);Object.defineProperty(t,"encodeXML",{enumerable:!0,get:function(){return o.encodeXML}}),Object.defineProperty(t,"encodeHTML",{enumerable:!0,get:function(){return o.encodeHTML}}),Object.defineProperty(t,"encodeNonAsciiHTML",{enumerable:!0,get:function(){return o.encodeNonAsciiHTML}}),Object.defineProperty(t,"escape",{enumerable:!0,get:function(){return o.escape}}),Object.defineProperty(t,"escapeUTF8",{enumerable:!0,get:function(){return o.escapeUTF8}}),Object.defineProperty(t,"encodeHTML4",{enumerable:!0,get:function(){return o.encodeHTML}}),Object.defineProperty(t,"encodeHTML5",{enumerable:!0,get:function(){return o.encodeHTML}});var s=n(37);Object.defineProperty(t,"decodeXML",{enumerable:!0,get:function(){return s.decodeXML}}),Object.defineProperty(t,"decodeHTML",{enumerable:!0,get:function(){return s.decodeHTML}}),Object.defineProperty(t,"decodeHTMLStrict",{enumerable:!0,get:function(){return s.decodeHTMLStrict}}),Object.defineProperty(t,"decodeHTML4",{enumerable:!0,get:function(){return s.decodeHTML}}),Object.defineProperty(t,"decodeHTML5",{enumerable:!0,get:function(){return s.decodeHTML}}),Object.defineProperty(t,"decodeHTML4Strict",{enumerable:!0,get:function(){return s.decodeHTMLStrict}}),Object.defineProperty(t,"decodeHTML5Strict",{enumerable:!0,get:function(){return s.decodeHTMLStrict}}),Object.defineProperty(t,"decodeXMLStrict",{enumerable:!0,get:function(){return s.decodeXML}})},function(e){"use strict";e.exports=JSON.parse('{"Aacute":"Á","aacute":"á","Acirc":"Â","acirc":"â","acute":"´","AElig":"Æ","aelig":"æ","Agrave":"À","agrave":"à","amp":"&","AMP":"&","Aring":"Å","aring":"å","Atilde":"Ã","atilde":"ã","Auml":"Ä","auml":"ä","brvbar":"¦","Ccedil":"Ç","ccedil":"ç","cedil":"¸","cent":"¢","copy":"©","COPY":"©","curren":"¤","deg":"°","divide":"÷","Eacute":"É","eacute":"é","Ecirc":"Ê","ecirc":"ê","Egrave":"È","egrave":"è","ETH":"Ð","eth":"ð","Euml":"Ë","euml":"ë","frac12":"½","frac14":"¼","frac34":"¾","gt":">","GT":">","Iacute":"Í","iacute":"í","Icirc":"Î","icirc":"î","iexcl":"¡","Igrave":"Ì","igrave":"ì","iquest":"¿","Iuml":"Ï","iuml":"ï","laquo":"«","lt":"<","LT":"<","macr":"¯","micro":"µ","middot":"·","nbsp":" ","not":"¬","Ntilde":"Ñ","ntilde":"ñ","Oacute":"Ó","oacute":"ó","Ocirc":"Ô","ocirc":"ô","Ograve":"Ò","ograve":"ò","ordf":"ª","ordm":"º","Oslash":"Ø","oslash":"ø","Otilde":"Õ","otilde":"õ","Ouml":"Ö","ouml":"ö","para":"¶","plusmn":"±","pound":"£","quot":"\\"","QUOT":"\\"","raquo":"»","reg":"®","REG":"®","sect":"§","shy":"­","sup1":"¹","sup2":"²","sup3":"³","szlig":"ß","THORN":"Þ","thorn":"þ","times":"×","Uacute":"Ú","uacute":"ú","Ucirc":"Û","ucirc":"û","Ugrave":"Ù","ugrave":"ù","uml":"¨","Uuml":"Ü","uuml":"ü","Yacute":"Ý","yacute":"ý","yen":"¥","yuml":"ÿ"}')},function(e){"use strict";e.exports=JSON.parse('{"0":65533,"128":8364,"130":8218,"131":402,"132":8222,"133":8230,"134":8224,"135":8225,"136":710,"137":8240,"138":352,"139":8249,"140":338,"142":381,"145":8216,"146":8217,"147":8220,"148":8221,"149":8226,"150":8211,"151":8212,"152":732,"153":8482,"154":353,"155":8250,"156":339,"158":382,"159":376}')},function(e){"use strict";e.exports=JSON.parse('{"elementNames":{"altglyph":"altGlyph","altglyphdef":"altGlyphDef","altglyphitem":"altGlyphItem","animatecolor":"animateColor","animatemotion":"animateMotion","animatetransform":"animateTransform","clippath":"clipPath","feblend":"feBlend","fecolormatrix":"feColorMatrix","fecomponenttransfer":"feComponentTransfer","fecomposite":"feComposite","feconvolvematrix":"feConvolveMatrix","fediffuselighting":"feDiffuseLighting","fedisplacementmap":"feDisplacementMap","fedistantlight":"feDistantLight","fedropshadow":"feDropShadow","feflood":"feFlood","fefunca":"feFuncA","fefuncb":"feFuncB","fefuncg":"feFuncG","fefuncr":"feFuncR","fegaussianblur":"feGaussianBlur","feimage":"feImage","femerge":"feMerge","femergenode":"feMergeNode","femorphology":"feMorphology","feoffset":"feOffset","fepointlight":"fePointLight","fespecularlighting":"feSpecularLighting","fespotlight":"feSpotLight","fetile":"feTile","feturbulence":"feTurbulence","foreignobject":"foreignObject","glyphref":"glyphRef","lineargradient":"linearGradient","radialgradient":"radialGradient","textpath":"textPath"},"attributeNames":{"definitionurl":"definitionURL","attributename":"attributeName","attributetype":"attributeType","basefrequency":"baseFrequency","baseprofile":"baseProfile","calcmode":"calcMode","clippathunits":"clipPathUnits","diffuseconstant":"diffuseConstant","edgemode":"edgeMode","filterunits":"filterUnits","glyphref":"glyphRef","gradienttransform":"gradientTransform","gradientunits":"gradientUnits","kernelmatrix":"kernelMatrix","kernelunitlength":"kernelUnitLength","keypoints":"keyPoints","keysplines":"keySplines","keytimes":"keyTimes","lengthadjust":"lengthAdjust","limitingconeangle":"limitingConeAngle","markerheight":"markerHeight","markerunits":"markerUnits","markerwidth":"markerWidth","maskcontentunits":"maskContentUnits","maskunits":"maskUnits","numoctaves":"numOctaves","pathlength":"pathLength","patterncontentunits":"patternContentUnits","patterntransform":"patternTransform","patternunits":"patternUnits","pointsatx":"pointsAtX","pointsaty":"pointsAtY","pointsatz":"pointsAtZ","preservealpha":"preserveAlpha","preserveaspectratio":"preserveAspectRatio","primitiveunits":"primitiveUnits","refx":"refX","refy":"refY","repeatcount":"repeatCount","repeatdur":"repeatDur","requiredextensions":"requiredExtensions","requiredfeatures":"requiredFeatures","specularconstant":"specularConstant","specularexponent":"specularExponent","spreadmethod":"spreadMethod","startoffset":"startOffset","stddeviation":"stdDeviation","stitchtiles":"stitchTiles","surfacescale":"surfaceScale","systemlanguage":"systemLanguage","tablevalues":"tableValues","targetx":"targetX","targety":"targetY","textlength":"textLength","viewbox":"viewBox","viewtarget":"viewTarget","xchannelselector":"xChannelSelector","ychannelselector":"yChannelSelector","zoomandpan":"zoomAndPan"}}')},function(e,t){var n=t.getChildren=function(e){return e.children},r=t.getParent=function(e){return e.parent};t.getSiblings=function(e){var t=r(e);return t?n(t):[e]},t.getAttributeValue=function(e,t){return e.attribs&&e.attribs[t]},t.hasAttrib=function(e,t){return!!e.attribs&&hasOwnProperty.call(e.attribs,t)},t.getName=function(e){return e.name}},function(e,t){t.removeElement=function(e){if(e.prev&&(e.prev.next=e.next),e.next&&(e.next.prev=e.prev),e.parent){var t=e.parent.children;t.splice(t.lastIndexOf(e),1)}},t.replaceElement=function(e,t){var n=t.prev=e.prev;n&&(n.next=t);var r=t.next=e.next;r&&(r.prev=t);var i=t.parent=e.parent;if(i){var o=i.children;o[o.lastIndexOf(e)]=t}},t.appendChild=function(e,t){if(t.parent=e,1!==e.children.push(t)){var n=e.children[e.children.length-2];n.next=t,t.prev=n,t.next=null}},t.append=function(e,t){var n=e.parent,r=e.next;if(t.next=r,t.prev=e,e.next=t,t.parent=n,r){if(r.prev=t,n){var i=n.children;i.splice(i.lastIndexOf(r),0,t)}}else n&&n.children.push(t)},t.prepend=function(e,t){var n=e.parent;if(n){var r=n.children;r.splice(r.lastIndexOf(e),0,t)}e.prev&&(e.prev.next=t),t.parent=n,t.prev=e.prev,t.next=e,e.prev=t}},function(e,t,n){var r=n(21),i=t.isTag=r.isTag;t.testElement=function(e,t){for(var n in e)if(e.hasOwnProperty(n)){if("tag_name"===n){if(!i(t)||!e.tag_name(t.name))return!1}else if("tag_type"===n){if(!e.tag_type(t.type))return!1}else if("tag_contains"===n){if(i(t)||!e.tag_contains(t.data))return!1}else if(!t.attribs||!e[n](t.attribs[n]))return!1}else;return!0};var o={tag_name:function(e){return"function"==typeof e?function(t){return i(t)&&e(t.name)}:"*"===e?i:function(t){return i(t)&&t.name===e}},tag_type:function(e){return"function"==typeof e?function(t){return e(t.type)}:function(t){return t.type===e}},tag_contains:function(e){return"function"==typeof e?function(t){return!i(t)&&e(t.data)}:function(t){return!i(t)&&t.data===e}}};function s(e,t){return"function"==typeof t?function(n){return n.attribs&&t(n.attribs[e])}:function(n){return n.attribs&&n.attribs[e]===t}}function a(e,t){return function(n){return e(n)||t(n)}}t.getElements=function(e,t,n,r){var i=Object.keys(e).map((function(t){var n=e[t];return t in o?o[t](n):s(t,n)}));return 0===i.length?[]:this.filter(i.reduce(a),t,n,r)},t.getElementById=function(e,t,n){return Array.isArray(t)||(t=[t]),this.findOne(s("id",e),t,!1!==n)},t.getElementsByTagName=function(e,t,n,r){return this.filter(o.tag_name(e),t,n,r)},t.getElementsByTagType=function(e,t,n,r){return this.filter(o.tag_type(e),t,n,r)}},function(e,t){t.removeSubsets=function(e){for(var t,n,r,i=e.length;--i>-1;){for(t=n=e[i],e[i]=null,r=!0;n;){if(e.indexOf(n)>-1){r=!1,e.splice(i,1);break}n=n.parent}r&&(e[i]=t)}return e};var n=1,r=2,i=4,o=8,s=16,a=t.compareDocumentPosition=function(e,t){var a,l,c,u,p,d,h=[],f=[];if(e===t)return 0;for(a=e;a;)h.unshift(a),a=a.parent;for(a=t;a;)f.unshift(a),a=a.parent;for(d=0;h[d]===f[d];)d++;return 0===d?n:(c=(l=h[d-1]).children,u=h[d],p=f[d],c.indexOf(u)>c.indexOf(p)?l===t?i|s:i:l===e?r|o:r)};t.uniqueSort=function(e){var t,n,o=e.length;for(e=e.slice();--o>-1;)t=e[o],(n=e.indexOf(t))>-1&&n<o&&e.splice(o,1);return e.sort((function(e,t){var n=a(e,t);return n&r?-1:n&i?1:0})),e}},function(){},function(e,t,n){"use strict";var r=n(40).Buffer,i=r.isEncoding||function(e){switch((e=""+e)&&e.toLowerCase()){case"hex":case"utf8":case"utf-8":case"ascii":case"binary":case"base64":case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":case"raw":return!0;default:return!1}};function o(e){var t;switch(this.encoding=function(e){var t=function(e){if(!e)return"utf8";for(var t;;)switch(e){case"utf8":case"utf-8":return"utf8";case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return"utf16le";case"latin1":case"binary":return"latin1";case"base64":case"ascii":case"hex":return e;default:if(t)return;e=(""+e).toLowerCase(),t=!0}}(e);if("string"!=typeof t&&(r.isEncoding===i||!i(e)))throw new Error("Unknown encoding: "+e);return t||e}(e),this.encoding){case"utf16le":this.text=l,this.end=c,t=4;break;case"utf8":this.fillLast=a,t=4;break;case"base64":this.text=u,this.end=p,t=3;break;default:return this.write=d,void(this.end=h)}this.lastNeed=0,this.lastTotal=0,this.lastChar=r.allocUnsafe(t)}function s(e){return e<=127?0:e>>5==6?2:e>>4==14?3:e>>3==30?4:e>>6==2?-1:-2}function a(e){var t=this.lastTotal-this.lastNeed,n=function(e,t,n){if(128!=(192&t[0]))return e.lastNeed=0,"�";if(e.lastNeed>1&&t.length>1){if(128!=(192&t[1]))return e.lastNeed=1,"�";if(e.lastNeed>2&&t.length>2&&128!=(192&t[2]))return e.lastNeed=2,"�"}}(this,e);return void 0!==n?n:this.lastNeed<=e.length?(e.copy(this.lastChar,t,0,this.lastNeed),this.lastChar.toString(this.encoding,0,this.lastTotal)):(e.copy(this.lastChar,t,0,e.length),void(this.lastNeed-=e.length))}function l(e,t){if((e.length-t)%2==0){var n=e.toString("utf16le",t);if(n){var r=n.charCodeAt(n.length-1);if(r>=55296&&r<=56319)return this.lastNeed=2,this.lastTotal=4,this.lastChar[0]=e[e.length-2],this.lastChar[1]=e[e.length-1],n.slice(0,-1)}return n}return this.lastNeed=1,this.lastTotal=2,this.lastChar[0]=e[e.length-1],e.toString("utf16le",t,e.length-1)}function c(e){var t=e&&e.length?this.write(e):"";if(this.lastNeed){var n=this.lastTotal-this.lastNeed;return t+this.lastChar.toString("utf16le",0,n)}return t}function u(e,t){var n=(e.length-t)%3;return 0===n?e.toString("base64",t):(this.lastNeed=3-n,this.lastTotal=3,1===n?this.lastChar[0]=e[e.length-1]:(this.lastChar[0]=e[e.length-2],this.lastChar[1]=e[e.length-1]),e.toString("base64",t,e.length-n))}function p(e){var t=e&&e.length?this.write(e):"";return this.lastNeed?t+this.lastChar.toString("base64",0,3-this.lastNeed):t}function d(e){return e.toString(this.encoding)}function h(e){return e&&e.length?this.write(e):""}t.s=o,o.prototype.write=function(e){if(0===e.length)return"";var t,n;if(this.lastNeed){if(void 0===(t=this.fillLast(e)))return"";n=this.lastNeed,this.lastNeed=0}else n=0;return n<e.length?t?t+this.text(e,n):this.text(e,n):t||""},o.prototype.end=function(e){var t=e&&e.length?this.write(e):"";return this.lastNeed?t+"�":t},o.prototype.text=function(e,t){var n=function(e,t,n){var r=t.length-1;if(r<n)return 0;var i=s(t[r]);if(i>=0)return i>0&&(e.lastNeed=i-1),i;if(--r<n||-2===i)return 0;if(i=s(t[r]),i>=0)return i>0&&(e.lastNeed=i-2),i;if(--r<n||-2===i)return 0;if(i=s(t[r]),i>=0)return i>0&&(2===i?i=0:e.lastNeed=i-3),i;return 0}(this,e,t);if(!this.lastNeed)return e.toString("utf8",t);this.lastTotal=n;var r=e.length-(n-this.lastNeed);return e.copy(this.lastChar,0,r),e.toString("utf8",t,r)},o.prototype.fillLast=function(e){if(this.lastNeed<=e.length)return e.copy(this.lastChar,this.lastTotal-this.lastNeed,0,this.lastNeed),this.lastChar.toString(this.encoding,0,this.lastTotal);e.copy(this.lastChar,this.lastTotal-this.lastNeed,0,e.length),this.lastNeed-=e.length}},function(e,t){"use strict";t.byteLength=function(e){var t=l(e),n=t[0],r=t[1];return 3*(n+r)/4-r},t.toByteArray=function(e){var t,n,o=l(e),s=o[0],a=o[1],c=new i(function(e,t,n){return 3*(t+n)/4-n}(0,s,a)),u=0,p=a>0?s-4:s;for(n=0;n<p;n+=4)t=r[e.charCodeAt(n)]<<18|r[e.charCodeAt(n+1)]<<12|r[e.charCodeAt(n+2)]<<6|r[e.charCodeAt(n+3)],c[u++]=t>>16&255,c[u++]=t>>8&255,c[u++]=255&t;2===a&&(t=r[e.charCodeAt(n)]<<2|r[e.charCodeAt(n+1)]>>4,c[u++]=255&t);1===a&&(t=r[e.charCodeAt(n)]<<10|r[e.charCodeAt(n+1)]<<4|r[e.charCodeAt(n+2)]>>2,c[u++]=t>>8&255,c[u++]=255&t);return c},t.fromByteArray=function(e){for(var t,r=e.length,i=r%3,o=[],s=16383,a=0,l=r-i;a<l;a+=s)o.push(c(e,a,a+s>l?l:a+s));1===i?(t=e[r-1],o.push(n[t>>2]+n[t<<4&63]+"==")):2===i&&(t=(e[r-2]<<8)+e[r-1],o.push(n[t>>10]+n[t>>4&63]+n[t<<2&63]+"="));return o.join("")};for(var n=[],r=[],i="undefined"!=typeof Uint8Array?Uint8Array:Array,o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",s=0,a=o.length;s<a;++s)n[s]=o[s],r[o.charCodeAt(s)]=s;function l(e){var t=e.length;if(t%4>0)throw new Error("Invalid string. Length must be a multiple of 4");var n=e.indexOf("=");return-1===n&&(n=t),[n,n===t?0:4-n%4]}function c(e,t,r){for(var i,o,s=[],a=t;a<r;a+=3)i=(e[a]<<16&16711680)+(e[a+1]<<8&65280)+(255&e[a+2]),s.push(n[(o=i)>>18&63]+n[o>>12&63]+n[o>>6&63]+n[63&o]);return s.join("")}r["-".charCodeAt(0)]=62,r["_".charCodeAt(0)]=63},function(e,t){t.read=function(e,t,n,r,i){var o,s,a=8*i-r-1,l=(1<<a)-1,c=l>>1,u=-7,p=n?i-1:0,d=n?-1:1,h=e[t+p];for(p+=d,o=h&(1<<-u)-1,h>>=-u,u+=a;u>0;o=256*o+e[t+p],p+=d,u-=8);for(s=o&(1<<-u)-1,o>>=-u,u+=r;u>0;s=256*s+e[t+p],p+=d,u-=8);if(0===o)o=1-c;else{if(o===l)return s?NaN:1/0*(h?-1:1);s+=Math.pow(2,r),o-=c}return(h?-1:1)*s*Math.pow(2,o-r)},t.write=function(e,t,n,r,i,o){var s,a,l,c=8*o-i-1,u=(1<<c)-1,p=u>>1,d=23===i?Math.pow(2,-24)-Math.pow(2,-77):0,h=r?0:o-1,f=r?1:-1,A=t<0||0===t&&1/t<0?1:0;for(t=Math.abs(t),isNaN(t)||t===1/0?(a=isNaN(t)?1:0,s=u):(s=Math.floor(Math.log(t)/Math.LN2),t*(l=Math.pow(2,-s))<1&&(s--,l*=2),(t+=s+p>=1?d/l:d*Math.pow(2,1-p))*l>=2&&(s++,l/=2),s+p>=u?(a=0,s=u):s+p>=1?(a=(t*l-1)*Math.pow(2,i),s+=p):(a=t*Math.pow(2,p-1)*Math.pow(2,i),s=0));i>=8;e[n+h]=255&a,h+=f,a/=256,i-=8);for(s=s<<i|a,c+=i;c>0;e[n+h]=255&s,h+=f,s/=256,c-=8);e[n+h-f]|=128*A}},function(e,t,n){"use strict";e.exports=n(134).default},function(e,t,n){"use strict";var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=n(18),s=p(o),a=p(n(22)),l=p(n(61)),c=p(n(135)),u=n(140);function p(e){return e&&e.__esModule?e:{default:e}}var d=function(){return!0},h=function(e){function t(e){var n=e.alwaysRenderSuggestions;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return f.call(r),r.state={isFocused:!1,isCollapsed:!n,highlightedSectionIndex:null,highlightedSuggestionIndex:null,highlightedSuggestion:null,valueBeforeUpDown:null},r.justPressedUpDown=!1,r.justMouseEntered=!1,r.pressedSuggestion=null,r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),i(t,[{key:"componentDidMount",value:function(){document.addEventListener("mousedown",this.onDocumentMouseDown),document.addEventListener("mouseup",this.onDocumentMouseUp),this.input=this.autowhatever.input,this.suggestionsContainer=this.autowhatever.itemsContainer}},{key:"componentWillReceiveProps",value:function(e){(0,l.default)(e.suggestions,this.props.suggestions)?e.highlightFirstSuggestion&&e.suggestions.length>0&&!1===this.justPressedUpDown&&!1===this.justMouseEntered&&this.highlightFirstSuggestion():this.willRenderSuggestions(e)?this.state.isCollapsed&&!this.justSelectedSuggestion&&this.revealSuggestions():this.resetHighlightedSuggestion()}},{key:"componentDidUpdate",value:function(e,t){var n=this.props,r=n.suggestions,i=n.onSuggestionHighlighted,o=n.highlightFirstSuggestion;if(!(0,l.default)(r,e.suggestions)&&r.length>0&&o)this.highlightFirstSuggestion();else if(i){var s=this.getHighlightedSuggestion();s!=t.highlightedSuggestion&&i({suggestion:s})}}},{key:"componentWillUnmount",value:function(){document.removeEventListener("mousedown",this.onDocumentMouseDown),document.removeEventListener("mouseup",this.onDocumentMouseUp)}},{key:"updateHighlightedSuggestion",value:function(e,t,n){var r=this;this.setState((function(i){var o=i.valueBeforeUpDown;return null===t?o=null:null===o&&void 0!==n&&(o=n),{highlightedSectionIndex:e,highlightedSuggestionIndex:t,highlightedSuggestion:null===t?null:r.getSuggestion(e,t),valueBeforeUpDown:o}}))}},{key:"resetHighlightedSuggestion",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.setState((function(t){var n=t.valueBeforeUpDown;return{highlightedSectionIndex:null,highlightedSuggestionIndex:null,highlightedSuggestion:null,valueBeforeUpDown:e?null:n}}))}},{key:"revealSuggestions",value:function(){this.setState({isCollapsed:!1})}},{key:"closeSuggestions",value:function(){this.setState({highlightedSectionIndex:null,highlightedSuggestionIndex:null,highlightedSuggestion:null,valueBeforeUpDown:null,isCollapsed:!0})}},{key:"getSuggestion",value:function(e,t){var n=this.props,r=n.suggestions,i=n.multiSection,o=n.getSectionSuggestions;return i?o(r[e])[t]:r[t]}},{key:"getHighlightedSuggestion",value:function(){var e=this.state,t=e.highlightedSectionIndex,n=e.highlightedSuggestionIndex;return null===n?null:this.getSuggestion(t,n)}},{key:"getSuggestionValueByIndex",value:function(e,t){return(0,this.props.getSuggestionValue)(this.getSuggestion(e,t))}},{key:"getSuggestionIndices",value:function(e){var t=e.getAttribute("data-section-index"),n=e.getAttribute("data-suggestion-index");return{sectionIndex:"string"==typeof t?parseInt(t,10):null,suggestionIndex:parseInt(n,10)}}},{key:"findSuggestionElement",value:function(e){var t=e;do{if(null!==t.getAttribute("data-suggestion-index"))return t;t=t.parentNode}while(null!==t);throw console.error("Clicked element:",e),new Error("Couldn't find suggestion element")}},{key:"maybeCallOnChange",value:function(e,t,n){var r=this.props.inputProps,i=r.value,o=r.onChange;t!==i&&o(e,{newValue:t,method:n})}},{key:"willRenderSuggestions",value:function(e){var t=e.suggestions,n=e.inputProps,r=e.shouldRenderSuggestions,i=n.value;return t.length>0&&r(i)}},{key:"getQuery",value:function(){var e=this.props.inputProps.value,t=this.state.valueBeforeUpDown;return(null===t?e:t).trim()}},{key:"render",value:function(){var e=this,t=this.props,n=t.suggestions,i=t.renderInputComponent,o=t.onSuggestionsFetchRequested,a=t.renderSuggestion,l=t.inputProps,p=t.multiSection,h=t.renderSectionTitle,f=t.id,A=t.getSectionSuggestions,g=t.theme,m=t.getSuggestionValue,_=t.alwaysRenderSuggestions,b=t.highlightFirstSuggestion,v=this.state,y=v.isFocused,w=v.isCollapsed,C=v.highlightedSectionIndex,x=v.highlightedSuggestionIndex,k=v.valueBeforeUpDown,B=_?d:this.props.shouldRenderSuggestions,S=l.value,E=l.onFocus,M=l.onKeyDown,T=this.willRenderSuggestions(this.props),q=_||y&&!w&&T,L=q?n:[],O=r({},l,{onFocus:function(t){if(!e.justSelectedSuggestion&&!e.justClickedOnSuggestionsContainer){var n=B(S);e.setState({isFocused:!0,isCollapsed:!n}),E&&E(t),n&&o({value:S,reason:"input-focused"})}},onBlur:function(t){e.justClickedOnSuggestionsContainer?e.input.focus():(e.blurEvent=t,e.justSelectedSuggestion||(e.onBlur(),e.onSuggestionsClearRequested()))},onChange:function(t){var n=t.target.value,i=B(n);e.maybeCallOnChange(t,n,"type"),e.suggestionsContainer&&(e.suggestionsContainer.scrollTop=0),e.setState(r({},b?{}:{highlightedSectionIndex:null,highlightedSuggestionIndex:null,highlightedSuggestion:null},{valueBeforeUpDown:null,isCollapsed:!i})),i?o({value:n,reason:"input-changed"}):e.onSuggestionsClearRequested()},onKeyDown:function(t,r){var i=t.keyCode;switch(i){case 40:case 38:if(w)B(S)&&(o({value:S,reason:"suggestions-revealed"}),e.revealSuggestions());else if(n.length>0){var s=r.newHighlightedSectionIndex,a=r.newHighlightedItemIndex,l=void 0;l=null===a?null===k?S:k:e.getSuggestionValueByIndex(s,a),e.updateHighlightedSuggestion(s,a,S),e.maybeCallOnChange(t,l,40===i?"down":"up")}t.preventDefault(),e.justPressedUpDown=!0,setTimeout((function(){e.justPressedUpDown=!1}));break;case 13:if(229===t.keyCode)break;var c=e.getHighlightedSuggestion();if(q&&!_&&e.closeSuggestions(),null!=c){var u=m(c);e.maybeCallOnChange(t,u,"enter"),e.onSuggestionSelected(t,{suggestion:c,suggestionValue:u,suggestionIndex:x,sectionIndex:C,method:"enter"}),e.justSelectedSuggestion=!0,setTimeout((function(){e.justSelectedSuggestion=!1}))}break;case 27:q&&t.preventDefault();var p=q&&!_;if(null===k){if(!p){e.maybeCallOnChange(t,"","escape"),B("")?o({value:"",reason:"escape-pressed"}):e.onSuggestionsClearRequested()}}else e.maybeCallOnChange(t,k,"escape");p?(e.onSuggestionsClearRequested(),e.closeSuggestions()):e.resetHighlightedSuggestion()}M&&M(t)}}),P={query:this.getQuery()};return s.default.createElement(c.default,{multiSection:p,items:L,renderInputComponent:i,renderItemsContainer:this.renderSuggestionsContainer,renderItem:a,renderItemData:P,renderSectionTitle:h,getSectionItems:A,highlightedSectionIndex:C,highlightedItemIndex:x,inputProps:O,itemProps:this.itemProps,theme:(0,u.mapToAutowhateverTheme)(g),id:f,ref:this.storeAutowhateverRef})}}]),t}(o.Component);h.propTypes={suggestions:a.default.array.isRequired,onSuggestionsFetchRequested:function(e,t){var n=e[t];if("function"!=typeof n)throw new Error("'onSuggestionsFetchRequested' must be implemented. See: https://github.com/moroshko/react-autosuggest#onSuggestionsFetchRequestedProp")},onSuggestionsClearRequested:function(e,t){var n=e[t];if(!1===e.alwaysRenderSuggestions&&"function"!=typeof n)throw new Error("'onSuggestionsClearRequested' must be implemented. See: https://github.com/moroshko/react-autosuggest#onSuggestionsClearRequestedProp")},onSuggestionSelected:a.default.func,onSuggestionHighlighted:a.default.func,renderInputComponent:a.default.func,renderSuggestionsContainer:a.default.func,getSuggestionValue:a.default.func.isRequired,renderSuggestion:a.default.func.isRequired,inputProps:function(e,t){var n=e[t];if(!n.hasOwnProperty("value"))throw new Error("'inputProps' must have 'value'.");if(!n.hasOwnProperty("onChange"))throw new Error("'inputProps' must have 'onChange'.")},shouldRenderSuggestions:a.default.func,alwaysRenderSuggestions:a.default.bool,multiSection:a.default.bool,renderSectionTitle:function(e,t){var n=e[t];if(!0===e.multiSection&&"function"!=typeof n)throw new Error("'renderSectionTitle' must be implemented. See: https://github.com/moroshko/react-autosuggest#renderSectionTitleProp")},getSectionSuggestions:function(e,t){var n=e[t];if(!0===e.multiSection&&"function"!=typeof n)throw new Error("'getSectionSuggestions' must be implemented. See: https://github.com/moroshko/react-autosuggest#getSectionSuggestionsProp")},focusInputOnSuggestionClick:a.default.bool,highlightFirstSuggestion:a.default.bool,theme:a.default.object,id:a.default.string},h.defaultProps={renderSuggestionsContainer:function(e){var t=e.containerProps,n=e.children;return s.default.createElement("div",t,n)},shouldRenderSuggestions:function(e){return e.trim().length>0},alwaysRenderSuggestions:!1,multiSection:!1,focusInputOnSuggestionClick:!0,highlightFirstSuggestion:!1,theme:u.defaultTheme,id:"1"};var f=function(){var e=this;this.onDocumentMouseDown=function(t){e.justClickedOnSuggestionsContainer=!1;for(var n=t.detail&&t.detail.target||t.target;null!==n&&n!==document;){if(null!==n.getAttribute("data-suggestion-index"))return;if(n===e.suggestionsContainer)return void(e.justClickedOnSuggestionsContainer=!0);n=n.parentNode}},this.storeAutowhateverRef=function(t){null!==t&&(e.autowhatever=t)},this.onSuggestionMouseEnter=function(t,n){var r=n.sectionIndex,i=n.itemIndex;e.updateHighlightedSuggestion(r,i),t.target===e.pressedSuggestion&&(e.justSelectedSuggestion=!0),e.justMouseEntered=!0,setTimeout((function(){e.justMouseEntered=!1}))},this.highlightFirstSuggestion=function(){e.updateHighlightedSuggestion(e.props.multiSection?0:null,0)},this.onDocumentMouseUp=function(){e.pressedSuggestion&&!e.justSelectedSuggestion&&e.input.focus(),e.pressedSuggestion=null},this.onSuggestionMouseDown=function(t){e.justSelectedSuggestion||(e.justSelectedSuggestion=!0,e.pressedSuggestion=t.target)},this.onSuggestionsClearRequested=function(){var t=e.props.onSuggestionsClearRequested;t&&t()},this.onSuggestionSelected=function(t,n){var r=e.props,i=r.alwaysRenderSuggestions,o=r.onSuggestionSelected,s=r.onSuggestionsFetchRequested;o&&o(t,n),i?s({value:n.suggestionValue,reason:"suggestion-selected"}):e.onSuggestionsClearRequested(),e.resetHighlightedSuggestion()},this.onSuggestionClick=function(t){var n=e.props,r=n.alwaysRenderSuggestions,i=n.focusInputOnSuggestionClick,o=e.getSuggestionIndices(e.findSuggestionElement(t.target)),s=o.sectionIndex,a=o.suggestionIndex,l=e.getSuggestion(s,a),c=e.props.getSuggestionValue(l);e.maybeCallOnChange(t,c,"click"),e.onSuggestionSelected(t,{suggestion:l,suggestionValue:c,suggestionIndex:a,sectionIndex:s,method:"click"}),r||e.closeSuggestions(),!0===i?e.input.focus():e.onBlur(),setTimeout((function(){e.justSelectedSuggestion=!1}))},this.onBlur=function(){var t=e.props,n=t.inputProps,r=t.shouldRenderSuggestions,i=n.value,o=n.onBlur,s=e.getHighlightedSuggestion(),a=r(i);e.setState({isFocused:!1,highlightedSectionIndex:null,highlightedSuggestionIndex:null,highlightedSuggestion:null,valueBeforeUpDown:null,isCollapsed:!a}),o&&o(e.blurEvent,{highlightedSuggestion:s})},this.onSuggestionMouseLeave=function(t){e.resetHighlightedSuggestion(!1),e.justSelectedSuggestion&&t.target===e.pressedSuggestion&&(e.justSelectedSuggestion=!1)},this.onSuggestionTouchStart=function(){e.justSelectedSuggestion=!0},this.onSuggestionTouchMove=function(){e.justSelectedSuggestion=!1,e.pressedSuggestion=null,e.input.focus()},this.itemProps=function(t){return{"data-section-index":t.sectionIndex,"data-suggestion-index":t.itemIndex,onMouseEnter:e.onSuggestionMouseEnter,onMouseLeave:e.onSuggestionMouseLeave,onMouseDown:e.onSuggestionMouseDown,onTouchStart:e.onSuggestionTouchStart,onTouchMove:e.onSuggestionTouchMove,onClick:e.onSuggestionClick}},this.renderSuggestionsContainer=function(t){var n=t.containerProps,r=t.children;return(0,e.props.renderSuggestionsContainer)({containerProps:n,children:r,query:e.getQuery()})}};t.default=h},function(e,t,n){"use strict";e.exports=n(136).default},function(e,t,n){"use strict";var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],r=!0,i=!1,o=void 0;try{for(var s,a=e[Symbol.iterator]();!(r=(s=a.next()).done)&&(n.push(s.value),!t||n.length!==t);r=!0);}catch(l){i=!0,o=l}finally{try{!r&&a.return&&a.return()}finally{if(i)throw o}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")},o=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(18),a=h(s),l=h(n(22)),c=h(n(62)),u=h(n(41)),p=h(n(137)),d=h(n(138));function h(e){return e&&e.__esModule?e:{default:e}}var f={},A=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.storeInputReference=function(e){null!==e&&(n.input=e)},n.storeItemsContainerReference=function(e){null!==e&&(n.itemsContainer=e)},n.onHighlightedItemChange=function(e){n.highlightedItem=e},n.getItemId=function(e,t){return null===t?null:"react-autowhatever-"+n.props.id+"-"+(null===e?"":"section-"+e)+"-item-"+t},n.onFocus=function(e){var t=n.props.inputProps;n.setState({isInputFocused:!0}),t.onFocus&&t.onFocus(e)},n.onBlur=function(e){var t=n.props.inputProps;n.setState({isInputFocused:!1}),t.onBlur&&t.onBlur(e)},n.onKeyDown=function(e){var t=n.props,r=t.inputProps,o=t.highlightedSectionIndex,s=t.highlightedItemIndex;switch(e.key){case"ArrowDown":case"ArrowUp":var a="ArrowDown"===e.key?"next":"prev",l=n.sectionIterator[a]([o,s]),c=i(l,2),u=c[0],p=c[1];r.onKeyDown(e,{newHighlightedSectionIndex:u,newHighlightedItemIndex:p});break;default:r.onKeyDown(e,{highlightedSectionIndex:o,highlightedItemIndex:s})}},n.highlightedItem=null,n.state={isInputFocused:!1},n.setSectionsItems(e),n.setSectionIterator(e),n.setTheme(e),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),o(t,[{key:"componentDidMount",value:function(){this.ensureHighlightedItemIsVisible()}},{key:"UNSAFE_componentWillReceiveProps",value:function(e){e.items!==this.props.items&&this.setSectionsItems(e),e.items===this.props.items&&e.multiSection===this.props.multiSection||this.setSectionIterator(e),e.theme!==this.props.theme&&this.setTheme(e)}},{key:"componentDidUpdate",value:function(){this.ensureHighlightedItemIsVisible()}},{key:"setSectionsItems",value:function(e){e.multiSection&&(this.sectionsItems=e.items.map((function(t){return e.getSectionItems(t)})),this.sectionsLengths=this.sectionsItems.map((function(e){return e.length})),this.allSectionsAreEmpty=this.sectionsLengths.every((function(e){return 0===e})))}},{key:"setSectionIterator",value:function(e){this.sectionIterator=(0,c.default)({multiSection:e.multiSection,data:e.multiSection?this.sectionsLengths:e.items.length})}},{key:"setTheme",value:function(e){this.theme=(0,u.default)(e.theme)}},{key:"renderSections",value:function(){var e=this;if(this.allSectionsAreEmpty)return null;var t=this.theme,n=this.props,r=n.id,i=n.items,o=n.renderItem,s=n.renderItemData,l=n.renderSectionTitle,c=n.highlightedSectionIndex,u=n.highlightedItemIndex,h=n.itemProps;return i.map((function(n,i){var f="react-autowhatever-"+r+"-",A=f+"section-"+i+"-",g=0===i;return a.default.createElement("div",t(A+"container","sectionContainer",g&&"sectionContainerFirst"),a.default.createElement(p.default,{section:n,renderSectionTitle:l,theme:t,sectionKeyPrefix:A}),a.default.createElement(d.default,{items:e.sectionsItems[i],itemProps:h,renderItem:o,renderItemData:s,sectionIndex:i,highlightedItemIndex:c===i?u:null,onHighlightedItemChange:e.onHighlightedItemChange,getItemId:e.getItemId,theme:t,keyPrefix:f,ref:e.storeItemsListReference}))}))}},{key:"renderItems",value:function(){var e=this.props.items;if(0===e.length)return null;var t=this.theme,n=this.props,r=n.id,i=n.renderItem,o=n.renderItemData,s=n.highlightedSectionIndex,l=n.highlightedItemIndex,c=n.itemProps;return a.default.createElement(d.default,{items:e,itemProps:c,renderItem:i,renderItemData:o,highlightedItemIndex:null===s?l:null,onHighlightedItemChange:this.onHighlightedItemChange,getItemId:this.getItemId,theme:t,keyPrefix:"react-autowhatever-"+r+"-"})}},{key:"ensureHighlightedItemIsVisible",value:function(){var e=this.highlightedItem;if(e){var t=this.itemsContainer,n=e.offsetParent===t?e.offsetTop:e.offsetTop-t.offsetTop,r=t.scrollTop;n<r?r=n:n+e.offsetHeight>r+t.offsetHeight&&(r=n+e.offsetHeight-t.offsetHeight),r!==t.scrollTop&&(t.scrollTop=r)}}},{key:"render",value:function(){var e=this.theme,t=this.props,n=t.id,i=t.multiSection,o=t.renderInputComponent,s=t.renderItemsContainer,l=t.highlightedSectionIndex,c=t.highlightedItemIndex,u=this.state.isInputFocused,p=i?this.renderSections():this.renderItems(),d=null!==p,h=this.getItemId(l,c),f="react-autowhatever-"+n,A=r({role:"combobox","aria-haspopup":"listbox","aria-owns":f,"aria-expanded":d},e("react-autowhatever-"+n+"-container","container",d&&"containerOpen"),this.props.containerProps),g=o(r({type:"text",value:"",autoComplete:"off","aria-autocomplete":"list","aria-controls":f,"aria-activedescendant":h},e("react-autowhatever-"+n+"-input","input",d&&"inputOpen",u&&"inputFocused"),this.props.inputProps,{onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.props.inputProps.onKeyDown&&this.onKeyDown,ref:this.storeInputReference})),m=s({containerProps:r({id:f,role:"listbox"},e("react-autowhatever-"+n+"-items-container","itemsContainer",d&&"itemsContainerOpen"),{ref:this.storeItemsContainerReference}),children:p});return a.default.createElement("div",A,g,m)}}]),t}(s.Component);A.propTypes={id:l.default.string,multiSection:l.default.bool,renderInputComponent:l.default.func,renderItemsContainer:l.default.func,items:l.default.array.isRequired,renderItem:l.default.func,renderItemData:l.default.object,renderSectionTitle:l.default.func,getSectionItems:l.default.func,containerProps:l.default.object,inputProps:l.default.object,itemProps:l.default.oneOfType([l.default.object,l.default.func]),highlightedSectionIndex:l.default.number,highlightedItemIndex:l.default.number,theme:l.default.oneOfType([l.default.object,l.default.array])},A.defaultProps={id:"1",multiSection:!1,renderInputComponent:function(e){return a.default.createElement("input",e)},renderItemsContainer:function(e){var t=e.containerProps,n=e.children;return a.default.createElement("div",t,n)},renderItem:function(){throw new Error("`renderItem` must be provided")},renderItemData:f,renderSectionTitle:function(){throw new Error("`renderSectionTitle` must be provided")},getSectionItems:function(){throw new Error("`getSectionItems` must be provided")},containerProps:f,inputProps:f,itemProps:f,highlightedSectionIndex:null,highlightedItemIndex:null,theme:{container:"react-autowhatever__container",containerOpen:"react-autowhatever__container--open",input:"react-autowhatever__input",inputOpen:"react-autowhatever__input--open",inputFocused:"react-autowhatever__input--focused",itemsContainer:"react-autowhatever__items-container",itemsContainerOpen:"react-autowhatever__items-container--open",itemsList:"react-autowhatever__items-list",item:"react-autowhatever__item",itemFirst:"react-autowhatever__item--first",itemHighlighted:"react-autowhatever__item--highlighted",sectionContainer:"react-autowhatever__section-container",sectionContainerFirst:"react-autowhatever__section-container--first",sectionTitle:"react-autowhatever__section-title"}},t.default=A},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(18),o=l(i),s=l(n(22)),a=l(n(36));function l(e){return e&&e.__esModule?e:{default:e}}function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var p=function(e){function t(){return c(this,t),u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),r(t,[{key:"shouldComponentUpdate",value:function(e){return(0,a.default)(e,this.props)}},{key:"render",value:function(){var e=this.props,t=e.section,n=e.renderSectionTitle,r=e.theme,i=e.sectionKeyPrefix,s=n(t);return s?o.default.createElement("div",r(i+"title","sectionTitle"),s):null}}]),t}(i.Component);p.propTypes={section:s.default.any.isRequired,renderSectionTitle:s.default.func.isRequired,theme:s.default.func.isRequired,sectionKeyPrefix:s.default.string.isRequired},t.default=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=n(18),s=u(o),a=u(n(22)),l=u(n(139)),c=u(n(36));function u(e){return e&&e.__esModule?e:{default:e}}function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var h=function(e){function t(){var e,n,r;p(this,t);for(var i=arguments.length,o=Array(i),s=0;s<i;s++)o[s]=arguments[s];return n=r=d(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(o))),r.storeHighlightedItemReference=function(e){r.props.onHighlightedItemChange(null===e?null:e.item)},d(r,n)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),i(t,[{key:"shouldComponentUpdate",value:function(e){return(0,c.default)(e,this.props,["itemProps"])}},{key:"render",value:function(){var e=this,t=this.props,n=t.items,i=t.itemProps,o=t.renderItem,a=t.renderItemData,c=t.sectionIndex,u=t.highlightedItemIndex,p=t.getItemId,d=t.theme,h=t.keyPrefix,f=null===c?h:h+"section-"+c+"-",A="function"==typeof i;return s.default.createElement("ul",r({role:"listbox"},d(f+"items-list","itemsList")),n.map((function(t,n){var h=0===n,g=n===u,m=f+"item-"+n,_=A?i({sectionIndex:c,itemIndex:n}):i,b=r({id:p(c,n),"aria-selected":g},d(m,"item",h&&"itemFirst",g&&"itemHighlighted"),_);return g&&(b.ref=e.storeHighlightedItemReference),s.default.createElement(l.default,r({},b,{sectionIndex:c,isHighlighted:g,itemIndex:n,item:t,renderItem:o,renderItemData:a}))})))}}]),t}(o.Component);h.propTypes={items:a.default.array.isRequired,itemProps:a.default.oneOfType([a.default.object,a.default.func]),renderItem:a.default.func.isRequired,renderItemData:a.default.object.isRequired,sectionIndex:a.default.number,highlightedItemIndex:a.default.number,onHighlightedItemChange:a.default.func.isRequired,getItemId:a.default.func.isRequired,theme:a.default.func.isRequired,keyPrefix:a.default.string.isRequired},h.defaultProps={sectionIndex:null},t.default=h},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=n(18),s=c(o),a=c(n(22)),l=c(n(36));function c(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var d=function(e){function t(){var e,n,r;u(this,t);for(var i=arguments.length,o=Array(i),s=0;s<i;s++)o[s]=arguments[s];return n=r=p(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(o))),r.storeItemReference=function(e){null!==e&&(r.item=e)},r.onMouseEnter=function(e){var t=r.props,n=t.sectionIndex,i=t.itemIndex;r.props.onMouseEnter(e,{sectionIndex:n,itemIndex:i})},r.onMouseLeave=function(e){var t=r.props,n=t.sectionIndex,i=t.itemIndex;r.props.onMouseLeave(e,{sectionIndex:n,itemIndex:i})},r.onMouseDown=function(e){var t=r.props,n=t.sectionIndex,i=t.itemIndex;r.props.onMouseDown(e,{sectionIndex:n,itemIndex:i})},r.onClick=function(e){var t=r.props,n=t.sectionIndex,i=t.itemIndex;r.props.onClick(e,{sectionIndex:n,itemIndex:i})},p(r,n)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),i(t,[{key:"shouldComponentUpdate",value:function(e){return(0,l.default)(e,this.props,["renderItemData"])}},{key:"render",value:function(){var e=this.props,t=e.isHighlighted,n=e.item,i=e.renderItem,o=e.renderItemData,a=function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}(e,["isHighlighted","item","renderItem","renderItemData"]);return delete a.sectionIndex,delete a.itemIndex,"function"==typeof a.onMouseEnter&&(a.onMouseEnter=this.onMouseEnter),"function"==typeof a.onMouseLeave&&(a.onMouseLeave=this.onMouseLeave),"function"==typeof a.onMouseDown&&(a.onMouseDown=this.onMouseDown),"function"==typeof a.onClick&&(a.onClick=this.onClick),s.default.createElement("li",r({role:"option"},a,{ref:this.storeItemReference}),i(n,r({isHighlighted:t},o)))}}]),t}(o.Component);d.propTypes={sectionIndex:a.default.number,isHighlighted:a.default.bool.isRequired,itemIndex:a.default.number.isRequired,item:a.default.any.isRequired,renderItem:a.default.func.isRequired,renderItemData:a.default.object.isRequired,onMouseEnter:a.default.func,onMouseLeave:a.default.func,onMouseDown:a.default.func,onClick:a.default.func},t.default=d},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.defaultTheme={container:"react-autosuggest__container",containerOpen:"react-autosuggest__container--open",input:"react-autosuggest__input",inputOpen:"react-autosuggest__input--open",inputFocused:"react-autosuggest__input--focused",suggestionsContainer:"react-autosuggest__suggestions-container",suggestionsContainerOpen:"react-autosuggest__suggestions-container--open",suggestionsList:"react-autosuggest__suggestions-list",suggestion:"react-autosuggest__suggestion",suggestionFirst:"react-autosuggest__suggestion--first",suggestionHighlighted:"react-autosuggest__suggestion--highlighted",sectionContainer:"react-autosuggest__section-container",sectionContainerFirst:"react-autosuggest__section-container--first",sectionTitle:"react-autosuggest__section-title"},t.mapToAutowhateverTheme=function(e){var t={};for(var n in e)switch(n){case"suggestionsContainer":t.itemsContainer=e[n];break;case"suggestionsContainerOpen":t.itemsContainerOpen=e[n];break;case"suggestion":t.item=e[n];break;case"suggestionFirst":t.itemFirst=e[n];break;case"suggestionHighlighted":t.itemHighlighted=e[n];break;case"suggestionsList":t.itemsList=e[n];break;default:t[n]=e[n]}return t}},,,,,,,,,function(e,t,n){var r={"./arrow-down.svg":64,"./close.svg":65,"./code-collapse.svg":66,"./code-expand.svg":67,"./copy.svg":68,"./desktop.svg":69,"./disco-ball.svg":70,"./hay.svg":71,"./help.svg":72,"./hide.svg":73,"./laptop.svg":74,"./layout-h.svg":75,"./layout-v.svg":76,"./menu.svg":77,"./new-tab.svg":78,"./phone.svg":79,"./random.svg":80,"./settings.svg":81,"./show.svg":82,"./tablet.svg":83,"./theme-dark.svg":84,"./theme-light.svg":85};function i(e){var t=o(e);return n(t)}function o(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}i.keys=function(){return Object.keys(r)},i.resolve=o,e.exports=i,i.id=149},function(e,t,n){var r={"./arrow-down.svg":64,"./close.svg":65,"./code-collapse.svg":66,"./code-expand.svg":67,"./copy.svg":68,"./desktop.svg":69,"./disco-ball.svg":70,"./hay.svg":71,"./help.svg":72,"./hide.svg":73,"./laptop.svg":74,"./layout-h.svg":75,"./layout-v.svg":76,"./menu.svg":77,"./new-tab.svg":78,"./phone.svg":79,"./random.svg":80,"./settings.svg":81,"./show.svg":82,"./tablet.svg":83,"./theme-dark.svg":84,"./theme-light.svg":85};function i(e){return Promise.resolve().then((function(){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n(r[e])}))}i.keys=function(){return Object.keys(r)},i.id=150,e.exports=i},function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";const scriptjs=__webpack_require__(42),pluginLoader={init(){for(let i=0;i<window.plugins.length;++i){const plugin=window.plugins[i];for(const e in plugin.templates)if(plugin.templates.hasOwnProperty(e)){const t=document.getElementsByTagName("script"),n=t.length-1,r=t[n],i=document.createElement("script");i.type="text/mustache",i.id=plugin.name.replace("/","-")+"-"+e+"-template",i.innerHTML=plugin.templates[e],r.parentNode.insertBefore(i,r.nextSibling)}for(let e=0;e<plugin.stylesheets.length;++e){const t=plugin.stylesheets[e],n=document.getElementsByTagName("link"),r=n.length-1,i=n[r],o=document.createElement("link");o.type="text/css",o.rel="stylesheet",o.href="patternlab-components/"+plugin.name+"/"+t,o.media="screen",i.parentNode.insertBefore(o,i.nextSibling)}scriptjs(plugin.javascripts,plugin.name,eval("(function() { "+plugin.callback+" })")),scriptjs.ready([plugin.name],eval("(function() { "+plugin.onready+" })"))}}};pluginLoader.init()},,,,,,,,,,,,,,,,,,,,function(e,t,n){"use strict";n.d(t,{C:function(){return g},HO:function(){return a},IX:function(){return p},X0:function(){return h},Yf:function(){return l},aR:function(){return d},aw:function(){return b},c5:function(){return s},cf:function(){return c},ct:function(){return v},e5:function(){return _},fH:function(){return i},fk:function(){return f},gv:function(){return A},j:function(){return m},lW:function(){return u},pu:function(){return r},tx:function(){return y},wB:function(){return w},y$:function(){return o}});const r="UPDATE_THEME_MODE",i="UPDATE_LAYOUT_MODE",o="UPDATE_DRAWER_ANIMATION_STATE",s="UPDATE_DRAWER_STATE",a="UPDATE_VIEWPORT_PX",l="UPDATE_VIEWPORT_EM",c="UPDATE_DRAWER_HEIGHT",u="UPDATE_CURRENT_URL",p="UPDATE_CURRENT_PATTERN",d="IS_VIEWALL_PAGE",h=e=>(t,n)=>{n().app.currentPattern!==e&&t({type:p,currentPattern:e})},f=e=>(t,n)=>{n().app.currentUrl!==e&&t({type:u,currentUrl:e})},A=e=>(t,n)=>{n().app.layoutMode!==e&&t({type:i,layoutMode:e})},g=e=>(t,n)=>{n().app.viewportPx!==e&&t({type:a,viewportPx:e})},m=e=>(t,n)=>{n().app.viewportEm!==e&&t({type:l,viewportEm:e})},_=e=>(t,n)=>{n().app.themeMode!==e&&t({type:r,themeMode:e})},b=e=>(t,n)=>{n().app.drawerOpened!==e&&t({type:s,opened:e})},v=e=>(t,n)=>{n().app.drawerIsAnimating!==e&&t({type:o,drawerIsAnimating:e})},y=e=>(t,n)=>{n().app.drawerHeight!==e&&t({type:c,height:e})},w=e=>(t,n)=>{n().app.isViewallPage!==e&&t({type:d,isViewall:e})}}],__webpack_module_cache__={},deferred,inProgress,dataWebpackPrefix;function __webpack_require__(e){var t=__webpack_module_cache__[e];if(void 0!==t)return t.exports;var n=__webpack_module_cache__[e]={id:e,exports:{}};return __webpack_modules__[e].call(n.exports,n,n.exports,__webpack_require__),n.exports}__webpack_require__.m=__webpack_modules__,deferred=[],__webpack_require__.O=function(e,t,n,r){if(!t){var i=1/0;for(l=0;l<deferred.length;l++){t=deferred[l][0],n=deferred[l][1],r=deferred[l][2];for(var o=!0,s=0;s<t.length;s++)(!1&r||i>=r)&&Object.keys(__webpack_require__.O).every((function(e){return __webpack_require__.O[e](t[s])}))?t.splice(s--,1):(o=!1,r<i&&(i=r));if(o){deferred.splice(l--,1);var a=n();void 0!==a&&(e=a)}}return e}r=r||0;for(var l=deferred.length;l>0&&deferred[l-1][2]>r;l--)deferred[l]=deferred[l-1];deferred[l]=[t,n,r]},__webpack_require__.F={},__webpack_require__.E=function(e){Object.keys(__webpack_require__.F).map((function(t){__webpack_require__.F[t](e)}))},__webpack_require__.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=function(e,t){for(var n in t)__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},__webpack_require__.f={},__webpack_require__.e=function(e){return Promise.all(Object.keys(__webpack_require__.f).reduce((function(t,n){return __webpack_require__.f[n](e,t),t}),[]))},__webpack_require__.u=function(e){return"js/"+(3===e?"pl-modal-viewer":e)+"-chunk-"+{3:"32c3131b66c13f0c62e4",4:"efb48caad6ff1a4474f5"}[e]+".modern.js"},__webpack_require__.miniCssF=function(e){},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},inProgress={},dataWebpackPrefix="@pattern-lab/uikit-workshop:",__webpack_require__.l=function(e,t,n,r){if(inProgress[e])inProgress[e].push(t);else{var i,o;if(void 0!==n)for(var s=document.getElementsByTagName("script"),a=0;a<s.length;a++){var l=s[a];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==dataWebpackPrefix+n){i=l;break}}i||(o=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,__webpack_require__.nc&&i.setAttribute("nonce",__webpack_require__.nc),i.setAttribute("data-webpack",dataWebpackPrefix+n),i.src=e),inProgress[e]=[t];var c=function(t,n){i.onerror=i.onload=null,clearTimeout(u);var r=inProgress[e];if(delete inProgress[e],i.parentNode&&i.parentNode.removeChild(i),r&&r.forEach((function(e){return e(n)})),t)return t(n)},u=setTimeout(c.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=c.bind(null,i.onerror),i.onload=c.bind(null,i.onload),o&&document.head.appendChild(i)}},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},__webpack_require__.p="./styleguide/",function(){var e={2:0};__webpack_require__.f.j=function(t,n){var r=__webpack_require__.o(e,t)?e[t]:void 0;if(0!==r)if(r)n.push(r[2]);else{var i=new Promise((function(n,i){r=e[t]=[n,i]}));n.push(r[2]=i);var o=__webpack_require__.p+__webpack_require__.u(t),s=new Error;__webpack_require__.l(o,(function(n){if(__webpack_require__.o(e,t)&&(0!==(r=e[t])&&(e[t]=void 0),r)){var i=n&&("load"===n.type?"missing":n.type),o=n&&n.target&&n.target.src;s.message="Loading chunk "+t+" failed.\n("+i+": "+o+")",s.name="ChunkLoadError",s.type=i,s.request=o,r[1](s)}}),"chunk-"+t,t)}},__webpack_require__.F.j=function(t){if(!__webpack_require__.o(e,t)||void 0===e[t]){e[t]=null;var n=document.createElement("link");__webpack_require__.nc&&n.setAttribute("nonce",__webpack_require__.nc),n.rel="prefetch",n.as="script",n.href=__webpack_require__.p+__webpack_require__.u(t),document.head.appendChild(n)}},__webpack_require__.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,i,o=n[0],s=n[1],a=n[2],l=0;if(o.some((function(t){return 0!==e[t]}))){for(r in s)__webpack_require__.o(s,r)&&(__webpack_require__.m[r]=s[r]);if(a)var c=a(__webpack_require__)}for(t&&t(n);l<o.length;l++)i=o[l],__webpack_require__.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return __webpack_require__.O(c)},n=self.webpackChunk_pattern_lab_uikit_workshop=self.webpackChunk_pattern_lab_uikit_workshop||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),__webpack_require__.nc=void 0,__webpack_require__.O(0,[2],(function(){__webpack_require__.E(4),__webpack_require__.E(3)}),5);var __webpack_exports__={};!function(){"use strict";const e={custom:1,failed:2};var t=e;const n=window.Document.prototype.createElement,r=window.Document.prototype.createElementNS,i=window.Document.prototype.importNode,o=window.Document.prototype.prepend,s=window.Document.prototype.append,a=window.DocumentFragment.prototype.prepend,l=window.DocumentFragment.prototype.append,c=window.Node.prototype.cloneNode,u=window.Node.prototype.appendChild,p=window.Node.prototype.insertBefore,d=window.Node.prototype.removeChild,f=window.Node.prototype.replaceChild,A=Object.getOwnPropertyDescriptor(window.Node.prototype,"textContent"),g=window.Element.prototype.attachShadow,m=Object.getOwnPropertyDescriptor(window.Element.prototype,"innerHTML"),_=window.Element.prototype.getAttribute,b=window.Element.prototype.setAttribute,v=window.Element.prototype.removeAttribute,y=window.Element.prototype.getAttributeNS,w=window.Element.prototype.setAttributeNS,C=window.Element.prototype.removeAttributeNS,x=window.Element.prototype.insertAdjacentElement,k=window.Element.prototype.insertAdjacentHTML,B=window.Element.prototype.prepend,S=window.Element.prototype.append,E=window.Element.prototype.before,M=window.Element.prototype.after,T=window.Element.prototype.replaceWith,q=window.Element.prototype.remove,L=window.HTMLElement,O=Object.getOwnPropertyDescriptor(window.HTMLElement.prototype,"innerHTML"),P=window.HTMLElement.prototype.insertAdjacentElement,N=window.HTMLElement.prototype.insertAdjacentHTML,D=new Set;function I(e){const t=D.has(e),n=/^[a-z][.0-9_a-z]*-[-.0-9_a-z]*$/.test(e);return!t&&n}["annotation-xml","color-profile","font-face","font-face-src","font-face-uri","font-face-format","font-face-name","missing-glyph"].forEach((e=>D.add(e)));const U=document.contains?document.contains.bind(document):document.documentElement.contains.bind(document.documentElement);function R(e){const t=e.isConnected;if(void 0!==t)return t;if(U(e))return!0;let n=e;for(;n&&!(n.__CE_isImportDocument||n instanceof Document);)n=n.parentNode||(window.ShadowRoot&&n instanceof ShadowRoot?n.host:void 0);return!(!n||!(n.__CE_isImportDocument||n instanceof Document))}function z(e){const t=e.children;if(t)return Array.prototype.slice.call(t);const n=[];for(let r=e.firstChild;r;r=r.nextSibling)r.nodeType===Node.ELEMENT_NODE&&n.push(r);return n}function j(e,t){let n=t;for(;n&&n!==e&&!n.nextSibling;)n=n.parentNode;return n&&n!==e?n.nextSibling:null}function H(e,t){return t.firstChild?t.firstChild:j(e,t)}function V(e,t,n){let r=e;for(;r;){if(r.nodeType===Node.ELEMENT_NODE){const i=r;t(i);const o=i.localName;if("link"===o&&"import"===i.getAttribute("rel")){const o=i.import;if(void 0===n&&(n=new Set),o instanceof Node&&!n.has(o)){n.add(o);for(let e=o.firstChild;e;e=e.nextSibling)V(e,t,n)}r=j(e,i);continue}if("template"===o){r=j(e,i);continue}const s=i.__CE_shadowRoot;if(s)for(let e=s.firstChild;e;e=e.nextSibling)V(e,t,n)}r=H(e,r)}}const Y="http://www.w3.org/1999/xhtml";class F{constructor(e){this._patchesNode=[],this._patchesElement=[],this._hasPatches=!1,this.shadyDomFastWalk=e.shadyDomFastWalk,this.useDocumentConstructionObserver=!e.noDocumentConstructionObserver}forEachElement(e,t,n){const r=window.ShadyDOM;if(this.shadyDomFastWalk&&r&&r.inUse){if(e.nodeType===Node.ELEMENT_NODE){t(e)}if(e.querySelectorAll){const n=r.nativeMethods.querySelectorAll.call(e,"*");for(let e=0;e<n.length;e++)t(n[e])}}else V(e,t,n)}addNodePatch(e){this._hasPatches=!0,this._patchesNode.push(e)}addElementPatch(e){this._hasPatches=!0,this._patchesElement.push(e)}patchTree(e){this._hasPatches&&this.forEachElement(e,(e=>this.patchElement(e)))}patchNode(e){if(this._hasPatches&&!e.__CE_patched){e.__CE_patched=!0;for(let t=0;t<this._patchesNode.length;t++)this._patchesNode[t](e)}}patchElement(e){if(this._hasPatches&&!e.__CE_patched){e.__CE_patched=!0;for(let t=0;t<this._patchesNode.length;t++)this._patchesNode[t](e);for(let t=0;t<this._patchesElement.length;t++)this._patchesElement[t](e)}}connectTree(t){const n=[];this.forEachElement(t,(e=>n.push(e)));for(let r=0;r<n.length;r++){const t=n[r];t.__CE_state===e.custom?this.connectedCallback(t):this.upgradeReaction(t)}}disconnectTree(t){const n=[];this.forEachElement(t,(e=>n.push(e)));for(let r=0;r<n.length;r++){const t=n[r];t.__CE_state===e.custom&&this.disconnectedCallback(t)}}patchAndUpgradeTree(e,t={}){const n=t.visitedImports,r=t.upgrade||(e=>this.upgradeReaction(e)),i=[];this.forEachElement(e,(e=>{if(this._hasPatches&&this.patchElement(e),"link"===e.localName&&"import"===e.getAttribute("rel")){const t=e,i=t.import;i instanceof Node&&(i.__CE_isImportDocument=!0,i.__CE_registry=document.__CE_registry),i&&"complete"===i.readyState?i.__CE_documentLoadHandled=!0:e.addEventListener("load",(()=>{const e=t.import;if(e.__CE_documentLoadHandled)return;e.__CE_documentLoadHandled=!0;const i=new Set;n&&(n.forEach((e=>i.add(e))),i.delete(e)),this.patchAndUpgradeTree(e,{visitedImports:i,upgrade:r})}))}else i.push(e)}),n);for(let o=0;o<i.length;o++)r(i[o])}upgradeReaction(e){try{const t=this._lookupACustomElementDefinition(e.ownerDocument,e.localName);t&&this._upgradeAnElement(e,t)}catch(t){this.reportTheException(t)}}_upgradeAnElement(t,n){if(void 0===t.__CE_state){n.constructionStack.push(t);try{try{if(new n.constructorFunction!==t)throw new Error("The custom element constructor did not produce the element being upgraded.")}finally{n.constructionStack.pop()}}catch(r){throw t.__CE_state=e.failed,r}if(t.__CE_state=e.custom,t.__CE_definition=n,n.attributeChangedCallback&&t.hasAttributes()){const e=n.observedAttributes;for(let n=0;n<e.length;n++){const r=e[n],i=t.getAttribute(r);null!==i&&this.attributeChangedCallback(t,r,null,i,null)}}R(t)&&this.connectedCallback(t)}}connectedCallback(e){const t=e.__CE_definition;if(t.connectedCallback)try{t.connectedCallback.call(e)}catch(n){this.reportTheException(n)}}disconnectedCallback(e){const t=e.__CE_definition;if(t.disconnectedCallback)try{t.disconnectedCallback.call(e)}catch(n){this.reportTheException(n)}}attributeChangedCallback(e,t,n,r,i){const o=e.__CE_definition;if(o.attributeChangedCallback&&o.observedAttributes.indexOf(t)>-1)try{o.attributeChangedCallback.call(e,t,n,r,i)}catch(s){this.reportTheException(s)}}_lookupACustomElementDefinition(e,t){const n=e.__CE_registry;if(n&&(e.defaultView||e.__CE_isImportDocument))return n.internal_localNameToDefinition(t)}createAnElement(t,i,o){const s=t.__CE_registry;if(s&&(null===o||o===Y)){const a=s.internal_localNameToDefinition(i);if(a)try{const e=new a.constructorFunction;if(void 0===e.__CE_state||void 0===e.__CE_definition)throw new Error(`Failed to construct '${i}': The returned value was not constructed with the HTMLElement constructor.`);if(e.namespaceURI!==Y)throw new Error(`Failed to construct '${i}': The constructed element's namespace must be the HTML namespace.`);if(e.hasAttributes())throw new Error(`Failed to construct '${i}': The constructed element must not have any attributes.`);if(null!==e.firstChild)throw new Error(`Failed to construct '${i}': The constructed element must not have any children.`);if(null!==e.parentNode)throw new Error(`Failed to construct '${i}': The constructed element must not have a parent node.`);if(e.ownerDocument!==t)throw new Error(`Failed to construct '${i}': The constructed element's owner document is incorrect.`);if(e.localName!==i)throw new Error(`Failed to construct '${i}': The constructed element's local name is incorrect.`);return e}catch(l){this.reportTheException(l);const s=null===o?n.call(t,i):r.call(t,o,i);return Object.setPrototypeOf(s,HTMLUnknownElement.prototype),s.__CE_state=e.failed,s.__CE_definition=void 0,this.patchElement(s),s}}const a=null===o?n.call(t,i):r.call(t,o,i);return this.patchElement(a),a}reportTheException(e){let t,n="",r="",i=0,o=0;if(e instanceof Error){const t=e;n=t.message,r=t.sourceURL||t.fileName||"",i=t.line||t.lineNumber||0,o=t.column||t.columnNumber||0}else n=`Uncaught ${String(e)}`;void 0===ErrorEvent.prototype.initErrorEvent?t=new ErrorEvent("error",{cancelable:!0,message:n,filename:r,lineno:i,colno:o,error:e}):(t=document.createEvent("ErrorEvent"),t.initErrorEvent("error",!1,!0,n,r,i),t.preventDefault=function(){Object.defineProperty(this,"defaultPrevented",{configurable:!0,get:function(){return!0}})}),void 0===t.error&&Object.defineProperty(t,"error",{configurable:!0,enumerable:!0,get:function(){return e}}),window.dispatchEvent(t),t.defaultPrevented||console.error(e)}}class W{constructor(){this._value=void 0,this._promise=new Promise((e=>{this._resolve=e}))}resolve(e){if(this._value)throw new Error("Already resolved.");this._value=e,this._resolve(e)}toPromise(){return this._promise}}class Z{constructor(e,t){this._observer=void 0,this._internals=e,this._document=t,this._internals.patchAndUpgradeTree(this._document),"loading"===this._document.readyState&&(this._observer=new MutationObserver(this._handleMutations.bind(this)),this._observer.observe(this._document,{childList:!0,subtree:!0}))}disconnect(){this._observer&&this._observer.disconnect()}_handleMutations(e){const t=this._document.readyState;"interactive"!==t&&"complete"!==t||this.disconnect();for(let n=0;n<e.length;n++){const t=e[n].addedNodes;for(let e=0;e<t.length;e++){const n=t[e];this._internals.patchAndUpgradeTree(n)}}}}class ${constructor(e){this._localNameToConstructorGetter=new Map,this._localNameToDefinition=new Map,this._constructorToDefinition=new Map,this._elementDefinitionIsRunning=!1,this._whenDefinedDeferred=new Map,this._flushCallback=e=>e(),this._flushPending=!1,this._unflushedLocalNames=[],this._internals=e,this._documentConstructionObserver=e.useDocumentConstructionObserver?new Z(e,document):void 0}polyfillDefineLazy(e,t){if(!(t instanceof Function))throw new TypeError("Custom element constructor getters must be functions.");this.internal_assertCanDefineLocalName(e),this._localNameToConstructorGetter.set(e,t),this._unflushedLocalNames.push(e),this._flushPending||(this._flushPending=!0,this._flushCallback((()=>this._flush())))}define(e,t){if(!(t instanceof Function))throw new TypeError("Custom element constructors must be functions.");this.internal_assertCanDefineLocalName(e),this.internal_reifyDefinition(e,t),this._unflushedLocalNames.push(e),this._flushPending||(this._flushPending=!0,this._flushCallback((()=>this._flush())))}internal_assertCanDefineLocalName(e){if(!I(e))throw new SyntaxError(`The element name '${e}' is not valid.`);if(this.internal_localNameToDefinition(e))throw new Error(`A custom element with name '${e}' has already been defined.`);if(this._elementDefinitionIsRunning)throw new Error("A custom element is already being defined.")}internal_reifyDefinition(e,t){let n,r,i,o,s;this._elementDefinitionIsRunning=!0;try{const e=t.prototype;if(!(e instanceof Object))throw new TypeError("The custom element constructor's prototype is not an object.");const a=function(t){const n=e[t];if(void 0!==n&&!(n instanceof Function))throw new Error(`The '${t}' callback must be a function.`);return n};n=a("connectedCallback"),r=a("disconnectedCallback"),i=a("adoptedCallback"),o=a("attributeChangedCallback"),s=o&&t.observedAttributes||[]}catch(l){throw l}finally{this._elementDefinitionIsRunning=!1}const a={localName:e,constructorFunction:t,connectedCallback:n,disconnectedCallback:r,adoptedCallback:i,attributeChangedCallback:o,observedAttributes:s,constructionStack:[]};return this._localNameToDefinition.set(e,a),this._constructorToDefinition.set(a.constructorFunction,a),a}upgrade(e){this._internals.patchAndUpgradeTree(e)}_flush(){if(!1===this._flushPending)return;this._flushPending=!1;const e=[],t=this._unflushedLocalNames,n=new Map;for(let r=0;r<t.length;r++)n.set(t[r],[]);this._internals.patchAndUpgradeTree(document,{upgrade:t=>{if(void 0!==t.__CE_state)return;const r=t.localName,i=n.get(r);i?i.push(t):this._localNameToDefinition.has(r)&&e.push(t)}});for(let r=0;r<e.length;r++)this._internals.upgradeReaction(e[r]);for(let r=0;r<t.length;r++){const e=t[r],i=n.get(e);for(let t=0;t<i.length;t++)this._internals.upgradeReaction(i[t]);const o=this._whenDefinedDeferred.get(e);o&&o.resolve(void 0)}t.length=0}get(e){const t=this.internal_localNameToDefinition(e);if(t)return t.constructorFunction}whenDefined(e){if(!I(e))return Promise.reject(new SyntaxError(`'${e}' is not a valid custom element name.`));const t=this._whenDefinedDeferred.get(e);if(t)return t.toPromise();const n=new W;this._whenDefinedDeferred.set(e,n);const r=this._localNameToDefinition.has(e)||this._localNameToConstructorGetter.has(e),i=-1===this._unflushedLocalNames.indexOf(e);return r&&i&&n.resolve(void 0),n.toPromise()}polyfillWrapFlushCallback(e){this._documentConstructionObserver&&this._documentConstructionObserver.disconnect();const t=this._flushCallback;this._flushCallback=n=>e((()=>t(n)))}internal_localNameToDefinition(e){const t=this._localNameToDefinition.get(e);if(t)return t;const n=this._localNameToConstructorGetter.get(e);if(n){this._localNameToConstructorGetter.delete(e);try{return this.internal_reifyDefinition(e,n())}catch(r){this._internals.reportTheException(r)}}}internal_constructorToDefinition(e){return this._constructorToDefinition.get(e)}}function G(e,t,n){function r(t){return function(...n){const r=[],i=[];for(let e=0;e<n.length;e++){const t=n[e];if(t instanceof Element&&R(t)&&i.push(t),t instanceof DocumentFragment)for(let e=t.firstChild;e;e=e.nextSibling)r.push(e);else r.push(t)}t.apply(this,n);for(let t=0;t<i.length;t++)e.disconnectTree(i[t]);if(R(this))for(let t=0;t<r.length;t++){const n=r[t];n instanceof Element&&e.connectTree(n)}}}void 0!==n.prepend&&(t.prepend=r(n.prepend)),void 0!==n.append&&(t.append=r(n.append))}function K(e){function n(n,r){Object.defineProperty(n,"innerHTML",{enumerable:r.enumerable,configurable:!0,get:r.get,set:function(n){let i;if(R(this)&&(i=[],e.forEachElement(this,(e=>{e!==this&&i.push(e)}))),r.set.call(this,n),i)for(let r=0;r<i.length;r++){const n=i[r];n.__CE_state===t.custom&&e.disconnectedCallback(n)}return this.ownerDocument.__CE_registry?e.patchAndUpgradeTree(this):e.patchTree(this),n}})}function i(t,n){t.insertAdjacentElement=function(t,r){const i=R(r),o=n.call(this,t,r);return i&&e.disconnectTree(r),R(o)&&e.connectTree(r),o}}function o(t,n){function r(t,n){const r=[];for(let e=t;e!==n;e=e.nextSibling)r.push(e);for(let i=0;i<r.length;i++)e.patchAndUpgradeTree(r[i])}t.insertAdjacentHTML=function(e,t){const i=e.toLowerCase();if("beforebegin"===i){const e=this.previousSibling;n.call(this,i,t),r(e||this.parentNode.firstChild,this)}else if("afterbegin"===i){const e=this.firstChild;n.call(this,i,t),r(this.firstChild,e)}else if("beforeend"===i){const e=this.lastChild;n.call(this,i,t),r(e||this.firstChild,null)}else{if("afterend"!==i)throw new SyntaxError(`The value provided (${String(i)}) is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'.`);{const e=this.nextSibling;n.call(this,i,t),r(this.nextSibling,e)}}}}g&&(Element.prototype.attachShadow=function(t){const n=g.call(this,t);return e.patchNode(n),this.__CE_shadowRoot=n,n}),m&&m.get?n(Element.prototype,m):O&&O.get?n(HTMLElement.prototype,O):e.addElementPatch((function(e){n(e,{enumerable:!0,configurable:!0,get:function(){return c.call(this,!0).innerHTML},set:function(e){const t="template"===this.localName,n=t?this.content:this,i=r.call(document,this.namespaceURI,this.localName);for(i.innerHTML=e;n.childNodes.length>0;)d.call(n,n.childNodes[0]);const o=t?i.content:i;for(;o.childNodes.length>0;)u.call(n,o.childNodes[0])}})})),Element.prototype.setAttribute=function(n,r){if(this.__CE_state!==t.custom)return b.call(this,n,r);const i=_.call(this,n);b.call(this,n,r),r=_.call(this,n),e.attributeChangedCallback(this,n,i,r,null)},Element.prototype.setAttributeNS=function(n,r,i){if(this.__CE_state!==t.custom)return w.call(this,n,r,i);const o=y.call(this,n,r);w.call(this,n,r,i),i=y.call(this,n,r),e.attributeChangedCallback(this,r,o,i,n)},Element.prototype.removeAttribute=function(n){if(this.__CE_state!==t.custom)return v.call(this,n);const r=_.call(this,n);v.call(this,n),null!==r&&e.attributeChangedCallback(this,n,r,null,null)},Element.prototype.removeAttributeNS=function(n,r){if(this.__CE_state!==t.custom)return C.call(this,n,r);const i=y.call(this,n,r);C.call(this,n,r);const o=y.call(this,n,r);i!==o&&e.attributeChangedCallback(this,r,i,o,n)},P?i(HTMLElement.prototype,P):x&&i(Element.prototype,x),N?o(HTMLElement.prototype,N):k&&o(Element.prototype,k),G(e,Element.prototype,{prepend:B,append:S}),function(e,t,n){function r(t){return function(...n){const r=[],i=[];for(let e=0;e<n.length;e++){const t=n[e];if(t instanceof Element&&R(t)&&i.push(t),t instanceof DocumentFragment)for(let e=t.firstChild;e;e=e.nextSibling)r.push(e);else r.push(t)}t.apply(this,n);for(let t=0;t<i.length;t++)e.disconnectTree(i[t]);if(R(this))for(let t=0;t<r.length;t++){const n=r[t];n instanceof Element&&e.connectTree(n)}}}void 0!==n.before&&(t.before=r(n.before)),void 0!==n.after&&(t.after=r(n.after)),void 0!==n.replaceWith&&(t.replaceWith=function(...t){const r=[],i=[];for(let e=0;e<t.length;e++){const n=t[e];if(n instanceof Element&&R(n)&&i.push(n),n instanceof DocumentFragment)for(let e=n.firstChild;e;e=e.nextSibling)r.push(e);else r.push(n)}const o=R(this);n.replaceWith.apply(this,t);for(let n=0;n<i.length;n++)e.disconnectTree(i[n]);if(o){e.disconnectTree(this);for(let t=0;t<r.length;t++){const n=r[t];n instanceof Element&&e.connectTree(n)}}}),void 0!==n.remove&&(t.remove=function(){const t=R(this);n.remove.call(this),t&&e.disconnectTree(this)})}(e,Element.prototype,{before:E,after:M,replaceWith:T,remove:q})}$.prototype.define=$.prototype.define,$.prototype.upgrade=$.prototype.upgrade,$.prototype.get=$.prototype.get,$.prototype.whenDefined=$.prototype.whenDefined,$.prototype.polyfillDefineLazy=$.prototype.polyfillDefineLazy,$.prototype.polyfillWrapFlushCallback=$.prototype.polyfillWrapFlushCallback;var Q={};const J=window.customElements;function X(){const e=!!(null==J?void 0:J.noDocumentConstructionObserver),r=!!(null==J?void 0:J.shadyDomFastWalk),h=new F({noDocumentConstructionObserver:e,shadyDomFastWalk:r});!function(e){const r=function(){const r=this.constructor,i=document.__CE_registry.internal_constructorToDefinition(r);if(!i)throw new Error("Failed to construct a custom element: The constructor was not registered with `customElements`.");const o=i.constructionStack;if(0===o.length){const o=n.call(document,i.localName);return Object.setPrototypeOf(o,r.prototype),o.__CE_state=t.custom,o.__CE_definition=i,e.patchElement(o),o}const s=o.length-1,a=o[s];if(a===Q){const e=i.localName;throw new Error(`Failed to construct '${e}': This element was already constructed.`)}const l=a;return o[s]=Q,Object.setPrototypeOf(l,r.prototype),e.patchElement(l),l};r.prototype=L.prototype,Object.defineProperty(HTMLElement.prototype,"constructor",{writable:!0,configurable:!0,enumerable:!1,value:r}),window.HTMLElement=r}(h),function(e){Document.prototype.createElement=function(t){return e.createAnElement(this,t,null)},Document.prototype.importNode=function(t,n){const r=i.call(this,t,!!n);return this.__CE_registry?e.patchAndUpgradeTree(r):e.patchTree(r),r},Document.prototype.createElementNS=function(t,n){return e.createAnElement(this,n,t)},G(e,Document.prototype,{prepend:o,append:s})}(h),function(e){G(e,DocumentFragment.prototype,{prepend:a,append:l})}(h),function(e){function t(t,n){Object.defineProperty(t,"textContent",{enumerable:n.enumerable,configurable:!0,get:n.get,set:function(t){if(this.nodeType===Node.TEXT_NODE)return void n.set.call(this,t);let r;if(this.firstChild){const e=this.childNodes,t=e.length;if(t>0&&R(this)){r=new Array(t);for(let n=0;n<t;n++)r[n]=e[n]}}if(n.set.call(this,t),r)for(let n=0;n<r.length;n++)e.disconnectTree(r[n])}})}Node.prototype.insertBefore=function(t,n){if(t instanceof DocumentFragment){const r=z(t),i=p.call(this,t,n);if(R(this))for(let t=0;t<r.length;t++)e.connectTree(r[t]);return i}const r=t instanceof Element&&R(t),i=p.call(this,t,n);return r&&e.disconnectTree(t),R(this)&&e.connectTree(t),i},Node.prototype.appendChild=function(t){if(t instanceof DocumentFragment){const n=z(t),r=u.call(this,t);if(R(this))for(let t=0;t<n.length;t++)e.connectTree(n[t]);return r}const n=t instanceof Element&&R(t),r=u.call(this,t);return n&&e.disconnectTree(t),R(this)&&e.connectTree(t),r},Node.prototype.cloneNode=function(t){const n=c.call(this,!!t);return this.ownerDocument.__CE_registry?e.patchAndUpgradeTree(n):e.patchTree(n),n},Node.prototype.removeChild=function(t){const n=t instanceof Element&&R(t),r=d.call(this,t);return n&&e.disconnectTree(t),r},Node.prototype.replaceChild=function(t,n){if(t instanceof DocumentFragment){const r=z(t),i=f.call(this,t,n);if(R(this)){e.disconnectTree(n);for(let t=0;t<r.length;t++)e.connectTree(r[t])}return i}const r=t instanceof Element&&R(t),i=f.call(this,t,n),o=R(this);return o&&e.disconnectTree(n),r&&e.disconnectTree(t),o&&e.connectTree(t),i},A&&A.get?t(Node.prototype,A):e.addNodePatch((function(e){t(e,{enumerable:!0,configurable:!0,get:function(){const e=[];for(let t=this.firstChild;t;t=t.nextSibling)t.nodeType!==Node.COMMENT_NODE&&e.push(t.textContent);return e.join("")},set:function(e){for(;this.firstChild;)d.call(this,this.firstChild);null!=e&&""!==e&&u.call(this,document.createTextNode(e))}})}))}(h),K(h),window.CustomElementRegistry=$;const g=new $(h);document.__CE_registry=g,Object.defineProperty(window,"customElements",{configurable:!0,enumerable:!0,value:g})}function ee(e){return"string"==typeof e?e.split(/([_A-Z])/).reduce(((e,t,n)=>`${e}${e&&n%2!=0?"-":""}${(t="_"===t?"":t).toLowerCase()}`)):e}J&&!J.forcePolyfill&&"function"==typeof J.define&&"function"==typeof J.get||X(),window.__CE_installPolyfill=X;const te=e=>null==e;function ne(e){e=e||{};const t=Object.getOwnPropertyNames(e);return Object.getOwnPropertySymbols?t.concat(Object.getOwnPropertySymbols(e)):t}function re(e,t){return(-1===e.indexOf("-")?`x-${e}`:e)+(t?`-${t}`:"")}function ie(e){return customElements.define(e.is||function(e="element"){e=ee(e);let t=0;for(;customElements.get(re(e,t));)++t;return re(e,t)}(),e),e}Object.assign;var oe=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};function se(e,t){const{attribute:n}=t,r="object"==typeof n?oe({},n):{source:n,target:n};return!0===r.source&&(r.source=ee(e)),!0===r.target&&(r.target=ee(e)),r}function ae(e){return e}const le=new Map;function ce(e){const t=e||{},n=function({constructor:e},n){const r=function(e,t){const{coerce:n,default:r,deserialize:i,serialize:o}=t;return{attribute:se(e,t),coerce:n||ae,default:r,deserialize:i||ae,serialize:o||ae}}(n,t);e.hasOwnProperty("_propsNormalized")||(e._propsNormalized={}),e._propsNormalized[n]=r;const{attribute:{source:i,target:o}}=r;i&&(e._observedAttributes.push(i),e._attributeToPropertyMap[i]=n,i!==o&&(e._attributeToAttributeMap[i]=o)),Object.defineProperty(e.prototype,n,{configurable:!0,get(){const e=this._props[n];return null==e?r.default:e},set(e){const{attribute:{target:t},serialize:i}=r;if(t){const n=i?i(e):e;null==n?this.removeAttribute(t):this.setAttribute(t,n)}this._props[n]=r.coerce(e),this.triggerUpdate()}})};return Object.keys(t).forEach((e=>n[e]=t[e])),n}const{parse:ue,stringify:pe}=JSON,de=Object.freeze({source:!0}),he=e=>te(e)?0:Number(e),fe=ce({attribute:de}),Ae=ce({attribute:de,coerce:e=>Array.isArray(e)?e:te(e)?null:[e],default:Object.freeze([]),deserialize:ue,serialize:pe}),ge=ce({attribute:de,coerce:Boolean,default:!1,deserialize:e=>!te(e),serialize:e=>e?"":null}),me=ce({attribute:de,default:0,coerce:he,deserialize:he,serialize:e=>te(e)?null:String(Number(e))}),_e=ce({attribute:de,default:Object.freeze({}),deserialize:ue,serialize:pe}),be=ce({attribute:de,default:"",coerce:String,serialize:e=>te(e)?null:String(e)});le.set(Array,Ae),le.set(Boolean,ge),le.set(Number,me),le.set(Object,_e),le.set(String,be);const ve={any:fe,array:Ae,boolean:ge,number:me,object:_e,string:be};var ye=__webpack_require__(9);var we=__webpack_require__(10),Ce=__webpack_require__(11),xe=__webpack_require__(20),ke=__webpack_require__(17);function Be(e,t){const{element:{content:n},parts:r}=e,i=document.createTreeWalker(n,133,null,!1);let o=Ee(r),s=r[o],a=-1,l=0;const c=[];let u=null;for(;i.nextNode();){a++;const e=i.currentNode;for(e.previousSibling===u&&(u=null),t.has(e)&&(c.push(e),null===u&&(u=e)),null!==u&&l++;void 0!==s&&s.index===a;)s.index=null!==u?-1:s.index-l,o=Ee(r,o),s=r[o]}c.forEach((e=>e.parentNode.removeChild(e)))}const Se=e=>{let t=11===e.nodeType?0:1;const n=document.createTreeWalker(e,133,null,!1);for(;n.nextNode();)t++;return t},Ee=(e,t=-1)=>{for(let n=t+1;n<e.length;n++){const t=e[n];if((0,ke.pC)(t))return n}return-1};var Me=__webpack_require__(27),Te=__webpack_require__(28),qe=__webpack_require__(26);const Le=(e,t)=>`${e}--${t}`;let Oe=!0;void 0===window.ShadyCSS?Oe=!1:void 0===window.ShadyCSS.prepareTemplateDom&&(console.warn("Incompatible ShadyCSS version detected. Please update to at least @webcomponents/webcomponentsjs@2.0.2 and @webcomponents/shadycss@1.3.1."),Oe=!1);const Pe=e=>t=>{const n=Le(t.type,e);let r=Te.r.get(n);void 0===r&&(r={stringsArray:new WeakMap,keyString:new Map},Te.r.set(n,r));let i=r.stringsArray.get(t.strings);if(void 0!==i)return i;const o=t.strings.join(ke.Jw);if(i=r.keyString.get(o),void 0===i){const n=t.getTemplateElement();Oe&&window.ShadyCSS.prepareTemplateDom(n,e),i=new ke.YS(t,n),r.keyString.set(o,i)}return r.stringsArray.set(t.strings,i),i},Ne=["html","svg"],De=new Set,Ie=(e,t,n)=>{De.add(e);const r=n?n.element:document.createElement("template"),i=t.querySelectorAll("style"),{length:o}=i;if(0===o)return void window.ShadyCSS.prepareTemplateStyles(r,e);const s=document.createElement("style");for(let c=0;c<o;c++){const e=i[c];e.parentNode.removeChild(e),s.textContent+=e.textContent}(e=>{Ne.forEach((t=>{const n=Te.r.get(Le(t,e));void 0!==n&&n.keyString.forEach((e=>{const{element:{content:t}}=e,n=new Set;Array.from(t.querySelectorAll("style")).forEach((e=>{n.add(e)})),Be(e,n)}))}))})(e);const a=r.content;n?function(e,t,n=null){const{element:{content:r},parts:i}=e;if(null==n)return void r.appendChild(t);const o=document.createTreeWalker(r,133,null,!1);let s=Ee(i),a=0,l=-1;for(;o.nextNode();)for(l++,o.currentNode===n&&(a=Se(t),n.parentNode.insertBefore(t,n));-1!==s&&i[s].index===l;){if(a>0){for(;-1!==s;)i[s].index+=a,s=Ee(i,s);return}s=Ee(i,s)}}(n,s,a.firstChild):a.insertBefore(s,a.firstChild),window.ShadyCSS.prepareTemplateStyles(r,e);const l=a.querySelector("style");if(window.ShadyCSS.nativeShadow&&null!==l)t.insertBefore(l.cloneNode(!0),t.firstChild);else if(n){a.insertBefore(s,a.firstChild);const e=new Set;e.add(s),Be(n,e)}};window.JSCompiler_renameProperty=(e,t)=>e;const Ue={toAttribute(e,t){switch(t){case Boolean:return e?"":null;case Object:case Array:return null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){switch(t){case Boolean:return null!==e;case Number:return null===e?null:Number(e);case Object:case Array:return JSON.parse(e)}return e}},Re=(e,t)=>t!==e&&(t==t||e==e),ze={attribute:!0,type:String,converter:Ue,reflect:!1,hasChanged:Re},je="finalized";class He extends HTMLElement{constructor(){super(),this.initialize()}static get observedAttributes(){this.finalize();const e=[];return this._classProperties.forEach(((t,n)=>{const r=this._attributeNameForProperty(n,t);void 0!==r&&(this._attributeToPropertyMap.set(r,n),e.push(r))})),e}static _ensureClassProperties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_classProperties",this))){this._classProperties=new Map;const e=Object.getPrototypeOf(this)._classProperties;void 0!==e&&e.forEach(((e,t)=>this._classProperties.set(t,e)))}}static createProperty(e,t=ze){if(this._ensureClassProperties(),this._classProperties.set(e,t),t.noAccessor||this.prototype.hasOwnProperty(e))return;const n="symbol"==typeof e?Symbol():`__${e}`,r=this.getPropertyDescriptor(e,n,t);void 0!==r&&Object.defineProperty(this.prototype,e,r)}static getPropertyDescriptor(e,t,n){return{get(){return this[t]},set(r){const i=this[e];this[t]=r,this.requestUpdateInternal(e,i,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this._classProperties&&this._classProperties.get(e)||ze}static finalize(){const e=Object.getPrototypeOf(this);if(e.hasOwnProperty(je)||e.finalize(),this[je]=!0,this._ensureClassProperties(),this._attributeToPropertyMap=new Map,this.hasOwnProperty(JSCompiler_renameProperty("properties",this))){const e=this.properties,t=[...Object.getOwnPropertyNames(e),..."function"==typeof Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e):[]];for(const n of t)this.createProperty(n,e[n])}}static _attributeNameForProperty(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}static _valueHasChanged(e,t,n=Re){return n(e,t)}static _propertyValueFromAttribute(e,t){const n=t.type,r=t.converter||Ue,i="function"==typeof r?r:r.fromAttribute;return i?i(e,n):e}static _propertyValueToAttribute(e,t){if(void 0===t.reflect)return;const n=t.type,r=t.converter;return(r&&r.toAttribute||Ue.toAttribute)(e,n)}initialize(){this._updateState=0,this._updatePromise=new Promise((e=>this._enableUpdatingResolver=e)),this._changedProperties=new Map,this._saveInstanceProperties(),this.requestUpdateInternal()}_saveInstanceProperties(){this.constructor._classProperties.forEach(((e,t)=>{if(this.hasOwnProperty(t)){const e=this[t];delete this[t],this._instanceProperties||(this._instanceProperties=new Map),this._instanceProperties.set(t,e)}}))}_applyInstanceProperties(){this._instanceProperties.forEach(((e,t)=>this[t]=e)),this._instanceProperties=void 0}connectedCallback(){this.enableUpdating()}enableUpdating(){void 0!==this._enableUpdatingResolver&&(this._enableUpdatingResolver(),this._enableUpdatingResolver=void 0)}disconnectedCallback(){}attributeChangedCallback(e,t,n){t!==n&&this._attributeToProperty(e,n)}_propertyToAttribute(e,t,n=ze){const r=this.constructor,i=r._attributeNameForProperty(e,n);if(void 0!==i){const e=r._propertyValueToAttribute(t,n);if(void 0===e)return;this._updateState=8|this._updateState,null==e?this.removeAttribute(i):this.setAttribute(i,e),this._updateState=-9&this._updateState}}_attributeToProperty(e,t){if(8&this._updateState)return;const n=this.constructor,r=n._attributeToPropertyMap.get(e);if(void 0!==r){const e=n.getPropertyOptions(r);this._updateState=16|this._updateState,this[r]=n._propertyValueFromAttribute(t,e),this._updateState=-17&this._updateState}}requestUpdateInternal(e,t,n){let r=!0;if(void 0!==e){const i=this.constructor;n=n||i.getPropertyOptions(e),i._valueHasChanged(this[e],t,n.hasChanged)?(this._changedProperties.has(e)||this._changedProperties.set(e,t),!0!==n.reflect||16&this._updateState||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(e,n))):r=!1}!this._hasRequestedUpdate&&r&&(this._updatePromise=this._enqueueUpdate())}requestUpdate(e,t){return this.requestUpdateInternal(e,t),this.updateComplete}async _enqueueUpdate(){this._updateState=4|this._updateState;try{await this._updatePromise}catch(t){}const e=this.performUpdate();return null!=e&&await e,!this._hasRequestedUpdate}get _hasRequestedUpdate(){return 4&this._updateState}get hasUpdated(){return 1&this._updateState}performUpdate(){if(!this._hasRequestedUpdate)return;this._instanceProperties&&this._applyInstanceProperties();let e=!1;const t=this._changedProperties;try{e=this.shouldUpdate(t),e?this.update(t):this._markUpdated()}catch(n){throw e=!1,this._markUpdated(),n}e&&(1&this._updateState||(this._updateState=1|this._updateState,this.firstUpdated(t)),this.updated(t))}_markUpdated(){this._changedProperties=new Map,this._updateState=-5&this._updateState}get updateComplete(){return this._getUpdateComplete()}_getUpdateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._updatePromise}shouldUpdate(e){return!0}update(e){void 0!==this._reflectingProperties&&this._reflectingProperties.size>0&&(this._reflectingProperties.forEach(((e,t)=>this._propertyToAttribute(t,this[t],e))),this._reflectingProperties=void 0),this._markUpdated()}updated(e){}firstUpdated(e){}}He[je]=!0;const Ve=e=>t=>"function"==typeof t?((e,t)=>(window.customElements.define(e,t),t))(e,t):((e,t)=>{const{kind:n,elements:r}=t;return{kind:n,elements:r,finisher(t){window.customElements.define(e,t)}}})(e,t);const Ye=Element.prototype;Ye.msMatchesSelector||Ye.webkitMatchesSelector;const Fe=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,We=Symbol();class Ze{constructor(e,t){if(t!==We)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e}get styleSheet(){return void 0===this._styleSheet&&(Fe?(this._styleSheet=new CSSStyleSheet,this._styleSheet.replaceSync(this.cssText)):this._styleSheet=null),this._styleSheet}toString(){return this.cssText}}(window.litElementVersions||(window.litElementVersions=[])).push("2.5.1");const $e={};class Ge extends He{static getStyles(){return this.styles}static _getUniqueStyles(){if(this.hasOwnProperty(JSCompiler_renameProperty("_styles",this)))return;const e=this.getStyles();if(Array.isArray(e)){const t=(e,n)=>e.reduceRight(((e,n)=>Array.isArray(n)?t(n,e):(e.add(n),e)),n),n=t(e,new Set),r=[];n.forEach((e=>r.unshift(e))),this._styles=r}else this._styles=void 0===e?[]:[e];this._styles=this._styles.map((e=>{if(e instanceof CSSStyleSheet&&!Fe){const t=Array.prototype.slice.call(e.cssRules).reduce(((e,t)=>e+t.cssText),"");return new Ze(String(t),We)}return e}))}initialize(){super.initialize(),this.constructor._getUniqueStyles(),this.renderRoot=this.createRenderRoot(),window.ShadowRoot&&this.renderRoot instanceof window.ShadowRoot&&this.adoptStyles()}createRenderRoot(){return this.attachShadow(this.constructor.shadowRootOptions)}adoptStyles(){const e=this.constructor._styles;0!==e.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?Fe?this.renderRoot.adoptedStyleSheets=e.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet)):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(e.map((e=>e.cssText)),this.localName))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}update(e){const t=this.render();super.update(e),t!==$e&&this.constructor.render(t,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach((e=>{const t=document.createElement("style");t.textContent=e.cssText,this.renderRoot.appendChild(t)})))}render(){return $e}}Ge.finalized=!0,Ge.render=(e,t,n)=>{if(!n||"object"!=typeof n||!n.scopeName)throw new Error("The `scopeName` option is required.");const r=n.scopeName,i=Me.L.has(t),o=Oe&&11===t.nodeType&&!!t.host,s=o&&!De.has(r),a=s?document.createDocumentFragment():t;if((0,Me.s)(e,a,Object.assign({templateFactory:Pe(r)},n)),s){const e=Me.L.get(a);Me.L.delete(a);const n=e.value instanceof qe.R?e.value.template:void 0;Ie(r,a,n),(0,xe.r4)(t,t.firstChild),t.appendChild(a),Me.L.set(t,e)}!i&&o&&window.ShadyCSS.styleElement(t.host)},Ge.shadowRootOptions={mode:"open"};const Ke=Object.assign||function(e){for(let t=1;t<arguments.length;t++){const n=arguments[t];for(const t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e};function Qe(e,t){const{attribute:n}=t,r="object"==typeof n?Ke({},n):{source:n,target:n};return!0===r.source&&(r.source=ee(e)),!0===r.target&&(r.target=ee(e)),r}function Je(e){return e}const Xe=new Map;function et(e){const t=e||{},n=function(e,n){let{constructor:r}=e;const i=function(e,t){const{coerce:n,default:r,deserialize:i,serialize:o}=t;return{attribute:Qe(e,t),coerce:n||Je,default:r,deserialize:i||Je,serialize:o||Je}}(n,t);r.hasOwnProperty("_propsNormalized")||(r._propsNormalized={}),r._propsNormalized[n]=i;const{attribute:{source:o,target:s}}=i;o&&(r._observedAttributes.push(o),r._attributeToPropertyMap[o]=n,o!==s&&(r._attributeToAttributeMap[o]=s)),Object.defineProperty(r.prototype,n,{configurable:!0,get(){const e=this._props[n];return null==e?i.default:e},set(e){const{attribute:{target:t},serialize:r}=i;if(t){const n=r?r(e):e;null==n?this.removeAttribute(t):this.setAttribute(t,n)}this._props[n]=i.coerce(e),this.triggerUpdate()}})};return Object.keys(t).forEach((e=>n[e]=t[e])),n}class tt extends HTMLElement{constructor(){let e;return e=super(...arguments),this._prevProps={},this._prevState={},this._props={},this._state={},e}static get observedAttributes(){return function(e){if(e.hasOwnProperty("_propsNormalized"))return;const{props:t}=e;ne(t).forEach((n=>{let r=t[n]||t.any;Xe.has(r)&&(r=Xe.get(r)),"function"!=typeof r&&(r=et(r)),r({constructor:e},n)}))}(this),this._observedAttributes.concat(super.observedAttributes||[])}static get props(){return this._props}static set props(e){this._props=e}get props(){return ne(this.constructor.props).reduce(((e,t)=>(e[t]=this[t],e)),{})}set props(e){const t=this.constructor.props;ne(e).forEach((n=>n in t&&(this[n]=e[n])))}get state(){return this._state}set state(e){this._state=e,this.triggerUpdate()}attributeChangedCallback(e,t,n){const{_attributeToAttributeMap:r,_attributeToPropertyMap:i,_propsNormalized:o}=this.constructor;super.attributeChangedCallback&&super.attributeChangedCallback(e,t,n);const s=i[e];if(s){const e=o[s];if(e){const{default:t,deserialize:r}=e,i=r?r(n):n;this._props[s]=null==i?t:i,this.triggerUpdate()}}const a=r[e];a&&(null==n?this.removeAttribute(a):this.setAttribute(a,n))}connectedCallback(){super.connectedCallback&&super.connectedCallback(),this.triggerUpdate()}shouldUpdate(){return!0}triggerUpdate(){var e;this._updating||(this._updating=!0,e=()=>{const{_prevProps:e,_prevState:t}=this;this.updating&&this.updating(e,t),this.updated&&this.shouldUpdate(e,t)&&this.updated(e,t),this._prevProps=this.props,this._prevState=this.state,this._updating=!1},window.Promise?Promise.resolve().then(e):setTimeout(e))}}tt._attributeToAttributeMap={},tt._attributeToPropertyMap={},tt._observedAttributes=[],tt._props={};const{parse:nt,stringify:rt}=JSON,it=Object.freeze({source:!0}),ot=e=>te(e)?0:Number(e),st=(et({attribute:it}),et({attribute:it,coerce:e=>Array.isArray(e)?e:te(e)?null:[e],default:Object.freeze([]),deserialize:nt,serialize:rt})),at=et({attribute:it,coerce:Boolean,default:!1,deserialize:e=>!te(e),serialize:e=>e?"":null}),lt=et({attribute:it,default:0,coerce:ot,deserialize:ot,serialize:e=>te(e)?null:String(Number(e))}),ct=et({attribute:it,default:Object.freeze({}),deserialize:nt,serialize:rt}),ut=et({attribute:it,default:"",coerce:String,serialize:e=>te(e)?null:String(e)});Xe.set(Array,st),Xe.set(Boolean,at),Xe.set(Number,lt),Xe.set(Object,ct),Xe.set(String,ut);const pt=Object.assign||function(e){for(let t=1;t<arguments.length;t++){const n=arguments[t];for(const t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e};class dt extends tt{get props(){return pt({},super.props,{children:(0,ye.h)("slot",null)})}renderer(e,t){this._renderRoot=e,(0,ye.sY)(t(),e)}disconnectedCallback(){this.disconnecting&&this.disconnecting(),super.disconnectedCallback&&super.disconnectedCallback(),this.disconnected&&this.disconnected(),(0,ye.sY)(null,this._renderRoot),this.__storeUnsubscribe&&this.__storeUnsubscribe(),super.disconnectedCallback&&super.disconnectedCallback()}connectedCallback(){this.connecting&&this.connecting(),super.connectedCallback&&super.connectedCallback(),this.connected&&this.connected()}get renderRoot(){return super.renderRoot||shadow(this)}updated(e,t){super.updated&&super.updated(e,t),this.rendering&&this.rendering(),this.renderer(this.renderRoot,(()=>this.render&&this.render(this))),this.rendered&&this.rendered()}}class ht extends dt{constructor(){super()}get renderRoot(){return this}connectedCallback(){this.__storeUnsubscribe=we.h.subscribe((()=>this._stateChanged(we.h.getState()))),this._stateChanged(we.h.getState()),super.connectedCallback&&super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),this.__storeUnsubscribe&&this.__storeUnsubscribe(),super.disconnectedCallback&&super.disconnectedCallback()}_stateChanged(e){this.triggerUpdate()}setState(e,t){this.state=Object.assign({},this.state,e)}_renderStyles(e){let t=Array.from(e);return t=t.join(" "),t?this.useShadow&&h("style",null,t):null}}class ft extends Ge{createRenderRoot(){return this}constructor(){super()}disconnectedCallback(){this.__storeUnsubscribe(),super.disconnectedCallback&&super.disconnectedCallback()}connectedCallback(){this.__storeUnsubscribe=we.h.subscribe((()=>this._stateChanged(we.h.getState()))),this._stateChanged(we.h.getState()),super.connectedCallback&&super.connectedCallback()}_stateChanged(e){this.requestUpdate()}setState(e,t){this.state=Object.assign({},this.state,e)}}var At=__webpack_require__(12),gt=__webpack_require__.n(At);function mt(){return mt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},mt.apply(this,arguments)}const _t=__webpack_require__(19),bt=e=>{const t=_t("pl-c-nav__link",{[`pl-c-nav__link--level-${e.level}`]:void 0!==e.level,"pl-c-nav__link--icon-only":e.iconOnly,"pl-c-nav__link--title":e.isTitle}),n=e.href?"a":"button";return(0,ye.h)(n,mt({className:`${t}`,role:"tab"},e),"before"===e.iconPos&&e.iconName&&(0,ye.h)("span",{class:"pl-c-nav__link-icon",dangerouslySetInnerHTML:{__html:`<pl-icon name="${e.iconName}"></pl-icon>`}}),(0,ye.h)("span",{className:"pl-c-nav__link-text "+(e.iconOnly?"is-vishidden":"")},e.children,e.status&&(0,ye.h)("span",{class:`pl-c-pattern-state pl-c-pattern-state--${e.status}`,title:e.status})),"before"!==e.iconPos&&e.iconName&&(0,ye.h)("span",{class:"pl-c-nav__link-icon",dangerouslySetInnerHTML:{__html:`<pl-icon name="${e.iconName}"></pl-icon>`}}))},vt=e=>{const{children:t,category:n,elem:r}=e,i=r.noViewAll?t.filter((e=>"View All"!==e.patternName)):t.filter((e=>"View All"!==e.patternName&&!e.patternName.includes(" Docs"))),o=r.noViewAll?[]:t.filter((e=>"View All"===e.patternName));return(0,ye.h)("li",{className:"pl-c-nav__list-item"},o.length>0?o.map((e=>(0,ye.h)(ye.HY,null,(0,ye.h)(bt,{href:`patterns/${e.patternPath}`,level:1,onClick:t=>r.handleClick(t,e.patternPartial),state:e.patternState,"data-patternpartial":e.patternPartial},"View All"===e.patternName?`${n}`:e.patternName),i.length>=1&&(0,ye.h)(bt,{iconOnly:!0,iconName:"arrow-down","aria-controls":n,level:1,onClick:e=>r.iconOnlyPanelToggle(e.target)},n)))):(0,ye.h)(bt,{level:2,iconName:"arrow-down","aria-controls":n,onClick:e=>r.panelToggle(e.target)},n),(o.length&&i.length||0===o.length)&&(0,ye.h)("ol",{id:n,className:"pl-c-nav__list pl-c-nav__accordion pl-js-nav-accordion"},i.map((e=>(0,ye.h)("li",{class:"pl-c-nav__list-item"},(0,ye.h)(bt,{href:`patterns/${e.patternPath}`,level:2,onClick:t=>r.handleClick(t,e.patternPartial),"data-patternpartial":e.patternPartial,status:e.patternState},"View All"===e.patternName?`${n} Overview`:e.patternName))))))};var yt,wt,Ct,xt,kt=__webpack_require__(13);const Bt=__webpack_require__(19);ie((wt=class extends ht{constructor(e){return(e=super(e)).panelToggle=e.panelToggle.bind(e),e.iconOnlyPanelToggle=e.iconOnlyPanelToggle.bind(e),e.handleClick=e.handleClick.bind(e),e.handleTopLevelNavClick=e.handleTopLevelNavClick.bind(e),e.handleURLChange=e.handleURLChange.bind(e),e.handlePageClick=e.handlePageClick.bind(e),e._hasInitiallyRendered=!1,e.receiveIframeMessage=e.receiveIframeMessage.bind(e),e.useShadow=!1,e}handlePageClick(e){e.target.closest&&null===e.target.closest(".pl-c-nav")&&null===e.target.closest(".pl-js-nav-trigger")&&null===e.target.closest("svg")&&null===e.target.closest("pl-toggle-layout")&&"vertical"!==this.layoutMode&&window.innerWidth>670&&this.cleanupActiveNav(!0)}connected(){this.isOpenClass="is-open";const e=we.h.getState();this.layoutMode=e.app.layoutMode||"",this.currentPattern=e.app.currentPattern||"",this.elem=this,this.previouslyActiveLinks=[],this.iframeElem=document.querySelector("pl-iframe"),window.addEventListener("message",this.receiveIframeMessage,!1),document.body.addEventListener("click",this.handlePageClick)}connectedCallback(){super.connectedCallback&&super.connectedCallback(),gt().bind("esc",(()=>{"vertical"!==this.layoutMode&&window.innerWidth>670&&this.cleanupActiveNav(!0)}))}disconnected(){super.disconnected&&super.disconnected(),document.body.removeEventListener("click",this.handlePageClick),window.removeEventListener("message",this.receiveIframeMessage)}_stateChanged(e){this.layoutMode!==e.app.layoutMode&&(this.layoutMode=e.app.layoutMode||""),e.app.currentPattern&&this.currentPattern!==e.app.currentPattern&&(this.currentPattern=e.app.currentPattern,this.handleURLChange())}receiveIframeMessage(e){const t=this,n=(0,kt.Kz)(e);if(void 0!==n.event&&"patternLab.pageClick"===n.event)try{"vertical"!==t.layoutMode&&t.cleanupActiveNav(!0)}catch(r){console.log(r)}}cleanupActiveNav(e,t){this.navContainer=document.querySelector(".pl-js-nav-container"),this.topLevelTriggers=document.querySelectorAll(".pl-c-nav__link--title.is-open"),!0===e&&window.innerWidth>670?(this.navContainer.classList.remove("is-open"),this.topLevelTriggers.forEach((e=>{e===t&&void 0!==t||e.classList.remove("is-open")}))):this.navContainer.classList.remove("is-open")}handleClick(e,t){e.preventDefault(),this.iframeElem.navigateTo(t),this.cleanupActiveNav()}handleTopLevelNavClick(e){"vertical"!==this.layoutMode&&window.innerWidth>670&&this.cleanupActiveNav(!0,e.target),this.panelToggle(e.target)}handleURLChange(){const e=this.currentPattern;if(this.activeLink=document.querySelector(`[data-patternpartial="${e}"]`),this.previouslyActiveLinks&&this.previouslyActiveLinks.forEach(((e,t)=>{this.previouslyActiveLinks[t].classList.remove("is-open"),this.previouslyActiveLinks[t].classList.remove("is-active")})),this.previouslyActiveLinks=[],this.activeLink){this.activeLink.classList.add("is-active");const e=[this.activeLink];Array.from(((e,t)=>{const n=[];for(;e&&e!==document;e=e.parentNode)t?e.matches(t)&&n.push(e):n.push(e);return n})(this.activeLink,".pl-js-nav-accordion")).forEach((t=>{const n=t.previousSibling;n&&(n.previousSibling?e.push(n.previousSibling):e.push(n))})),e.forEach((e=>{e.classList.add("is-open"),this.previouslyActiveLinks.push(e)}))}}iconOnlyPanelToggle(e){e.previousSibling.classList.toggle("is-open")}panelToggle(e){e.classList.toggle("is-open")}rendered(){!1===this._hasInitiallyRendered&&(this._hasInitiallyRendered=!0),this.activeLink||this.handleURLChange(),"vertical"!==this.layoutMode&&window.innerWidth>670&&this.cleanupActiveNav(!0)}render(e){let{layoutMode:t}=e;const n=window.navItems.patternGroups;return(0,ye.h)("ol",{class:"pl-c-nav__list"},n.map(((e,t)=>{const n=Bt("pl-c-nav__list-item"),r=e.patternItems;return(0,ye.h)("li",{className:n},(0,ye.h)(bt,{iconPos:"before",iconName:"arrow-down",isTitle:!0,"aria-controls":e.patternGroupLC,onClick:this.handleTopLevelNavClick},e.patternGroupLC),(0,ye.h)("ol",{id:e.patternSubgroupUC,className:"pl-c-nav__list pl-c-nav__accordion pl-c-nav__dropdown pl-js-nav-accordion"},e.patternGroupItems.map(((e,t)=>(0,ye.h)(vt,{elem:this.elem,category:e.patternSubgroupUC},e.patternSubgroupItems))),r&&r.map(((t,n)=>this.noViewAll&&t.patternPartial.includes("viewall")?"":(0,ye.h)("li",{class:"pl-c-nav__list-item"},(0,ye.h)(bt,{href:`patterns/${t.patternPath}`,level:1,onClick:e=>this.handleClick(e,t.patternPartial),"data-patternpartial":t.patternPartial,state:t.patternState},"View All"===t.patternName?t.patternName+" "+e.patternTypeUC:t.patternName))))))})),(void 0===window.ishControls||void 0===window.ishControls.ishControlsHide||!0!==window.ishControls.ishControlsHide["views-all"]&&!0!==window.ishControls.ishControlsHide.all)&&!this.noViewAll&&(0,ye.h)("li",{class:"pl-c-nav__list-item"},(0,ye.h)(bt,{onClick:e=>this.handleClick(e,"all"),href:"styleguide/html/styleguide.html",level:0,"data-patternpartial":"all"},"All")))}},wt.is="pl-nav",wt.props={autoClose:{...ve.boolean,default:!0},currentPattern:ve.string,layoutMode:ve.string,collapsedByDefault:{...ve.boolean,default:!0},noViewAll:{...ve.boolean,default:(null===(Ct=window.config)||void 0===Ct||null===(xt=Ct.theme)||void 0===xt?void 0:xt.noViewAll)||!1}},yt=wt));function St(e){return Array.isArray?Array.isArray(e):"[object Array]"===Pt(e)}function Et(e){return"string"==typeof e}function Mt(e){return"number"==typeof e}function Tt(e){return!0===e||!1===e||function(e){return qt(e)&&null!==e}(e)&&"[object Boolean]"==Pt(e)}function qt(e){return"object"==typeof e}function Lt(e){return null!=e}function Ot(e){return!e.trim().length}function Pt(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":Object.prototype.toString.call(e)}const Nt=Object.prototype.hasOwnProperty;class Dt{constructor(e){this._keys=[],this._keyMap={};let t=0;e.forEach((e=>{let n=It(e);t+=n.weight,this._keys.push(n),this._keyMap[n.id]=n,t+=n.weight})),this._keys.forEach((e=>{e.weight/=t}))}get(e){return this._keyMap[e]}keys(){return this._keys}toJSON(){return JSON.stringify(this._keys)}}function It(e){let t=null,n=null,r=null,i=1,o=null;if(Et(e)||St(e))r=e,t=Ut(e),n=Rt(e);else{if(!Nt.call(e,"name"))throw new Error((e=>`Missing ${e} property in key`)("name"));const s=e.name;if(r=s,Nt.call(e,"weight")&&(i=e.weight,i<=0))throw new Error((e=>`Property 'weight' in key '${e}' must be a positive integer`)(s));t=Ut(s),n=Rt(s),o=e.getFn}return{path:t,id:n,weight:i,src:r,getFn:o}}function Ut(e){return St(e)?e:e.split(".")}function Rt(e){return St(e)?e.join("."):e}var zt={isCaseSensitive:!1,includeScore:!1,keys:[],shouldSort:!0,sortFn:(e,t)=>e.score===t.score?e.idx<t.idx?-1:1:e.score<t.score?-1:1,includeMatches:!1,findAllMatches:!1,minMatchCharLength:1,location:0,threshold:.6,distance:100,...{useExtendedSearch:!1,getFn:function(e,t){let n=[],r=!1;const i=(e,t,o)=>{if(Lt(e))if(t[o]){const s=e[t[o]];if(!Lt(s))return;if(o===t.length-1&&(Et(s)||Mt(s)||Tt(s)))n.push(function(e){return null==e?"":function(e){if("string"==typeof e)return e;let t=e+"";return"0"==t&&1/e==-1/0?"-0":t}(e)}(s));else if(St(s)){r=!0;for(let e=0,n=s.length;e<n;e+=1)i(s[e],t,o+1)}else t.length&&i(s,t,o+1)}else n.push(e)};return i(e,Et(t)?t.split("."):t,0),r?n:n[0]},ignoreLocation:!1,ignoreFieldNorm:!1,fieldNormWeight:1}};const jt=/[^ ]+/g;class Ht{constructor({getFn:e=zt.getFn,fieldNormWeight:t=zt.fieldNormWeight}={}){this.norm=function(e=1,t=3){const n=new Map,r=Math.pow(10,t);return{get(t){const i=t.match(jt).length;if(n.has(i))return n.get(i);const o=1/Math.pow(i,.5*e),s=parseFloat(Math.round(o*r)/r);return n.set(i,s),s},clear(){n.clear()}}}(t,3),this.getFn=e,this.isCreated=!1,this.setIndexRecords()}setSources(e=[]){this.docs=e}setIndexRecords(e=[]){this.records=e}setKeys(e=[]){this.keys=e,this._keysMap={},e.forEach(((e,t)=>{this._keysMap[e.id]=t}))}create(){!this.isCreated&&this.docs.length&&(this.isCreated=!0,Et(this.docs[0])?this.docs.forEach(((e,t)=>{this._addString(e,t)})):this.docs.forEach(((e,t)=>{this._addObject(e,t)})),this.norm.clear())}add(e){const t=this.size();Et(e)?this._addString(e,t):this._addObject(e,t)}removeAt(e){this.records.splice(e,1);for(let t=e,n=this.size();t<n;t+=1)this.records[t].i-=1}getValueForItemAtKeyId(e,t){return e[this._keysMap[t]]}size(){return this.records.length}_addString(e,t){if(!Lt(e)||Ot(e))return;let n={v:e,i:t,n:this.norm.get(e)};this.records.push(n)}_addObject(e,t){let n={i:t,$:{}};this.keys.forEach(((t,r)=>{let i=t.getFn?t.getFn(e):this.getFn(e,t.path);if(Lt(i))if(St(i)){let e=[];const t=[{nestedArrIndex:-1,value:i}];for(;t.length;){const{nestedArrIndex:n,value:r}=t.pop();if(Lt(r))if(Et(r)&&!Ot(r)){let t={v:r,i:n,n:this.norm.get(r)};e.push(t)}else St(r)&&r.forEach(((e,n)=>{t.push({nestedArrIndex:n,value:e})}))}n.$[r]=e}else if(Et(i)&&!Ot(i)){let e={v:i,n:this.norm.get(i)};n.$[r]=e}})),this.records.push(n)}toJSON(){return{keys:this.keys,records:this.records}}}function Vt(e,t,{getFn:n=zt.getFn,fieldNormWeight:r=zt.fieldNormWeight}={}){const i=new Ht({getFn:n,fieldNormWeight:r});return i.setKeys(e.map(It)),i.setSources(t),i.create(),i}function Yt(e,{errors:t=0,currentLocation:n=0,expectedLocation:r=0,distance:i=zt.distance,ignoreLocation:o=zt.ignoreLocation}={}){const s=t/e.length;if(o)return s;const a=Math.abs(r-n);return i?s+a/i:a?1:s}const Ft=32;function Wt(e,t,n,{location:r=zt.location,distance:i=zt.distance,threshold:o=zt.threshold,findAllMatches:s=zt.findAllMatches,minMatchCharLength:a=zt.minMatchCharLength,includeMatches:l=zt.includeMatches,ignoreLocation:c=zt.ignoreLocation}={}){if(t.length>Ft)throw new Error(`Pattern length exceeds max of ${Ft}.`);const u=t.length,p=e.length,d=Math.max(0,Math.min(r,p));let h=o,f=d;const A=a>1||l,g=A?Array(p):[];let m;for(;(m=e.indexOf(t,f))>-1;){let e=Yt(t,{currentLocation:m,expectedLocation:d,distance:i,ignoreLocation:c});if(h=Math.min(e,h),f=m+u,A){let e=0;for(;e<u;)g[m+e]=1,e+=1}}f=-1;let _=[],b=1,v=u+p;const y=1<<u-1;for(let C=0;C<u;C+=1){let r=0,o=v;for(;r<o;){Yt(t,{errors:C,currentLocation:d+o,expectedLocation:d,distance:i,ignoreLocation:c})<=h?r=o:v=o,o=Math.floor((v-r)/2+r)}v=o;let a=Math.max(1,d-o+1),l=s?p:Math.min(d+o,p)+u,m=Array(l+2);m[l+1]=(1<<C)-1;for(let s=l;s>=a;s-=1){let r=s-1,o=n[e.charAt(r)];if(A&&(g[r]=+!!o),m[s]=(m[s+1]<<1|1)&o,C&&(m[s]|=(_[s+1]|_[s])<<1|1|_[s+1]),m[s]&y&&(b=Yt(t,{errors:C,currentLocation:r,expectedLocation:d,distance:i,ignoreLocation:c}),b<=h)){if(h=b,f=r,f<=d)break;a=Math.max(1,2*d-f)}}if(Yt(t,{errors:C+1,currentLocation:d,expectedLocation:d,distance:i,ignoreLocation:c})>h)break;_=m}const w={isMatch:f>=0,score:Math.max(.001,b)};if(A){const e=function(e=[],t=zt.minMatchCharLength){let n=[],r=-1,i=-1,o=0;for(let s=e.length;o<s;o+=1){let s=e[o];s&&-1===r?r=o:s||-1===r||(i=o-1,i-r+1>=t&&n.push([r,i]),r=-1)}return e[o-1]&&o-r>=t&&n.push([r,o-1]),n}(g,a);e.length?l&&(w.indices=e):w.isMatch=!1}return w}function Zt(e){let t={};for(let n=0,r=e.length;n<r;n+=1){const i=e.charAt(n);t[i]=(t[i]||0)|1<<r-n-1}return t}class $t{constructor(e,{location:t=zt.location,threshold:n=zt.threshold,distance:r=zt.distance,includeMatches:i=zt.includeMatches,findAllMatches:o=zt.findAllMatches,minMatchCharLength:s=zt.minMatchCharLength,isCaseSensitive:a=zt.isCaseSensitive,ignoreLocation:l=zt.ignoreLocation}={}){if(this.options={location:t,threshold:n,distance:r,includeMatches:i,findAllMatches:o,minMatchCharLength:s,isCaseSensitive:a,ignoreLocation:l},this.pattern=a?e:e.toLowerCase(),this.chunks=[],!this.pattern.length)return;const c=(e,t)=>{this.chunks.push({pattern:e,alphabet:Zt(e),startIndex:t})},u=this.pattern.length;if(u>Ft){let e=0;const t=u%Ft,n=u-t;for(;e<n;)c(this.pattern.substr(e,Ft),e),e+=Ft;if(t){const e=u-Ft;c(this.pattern.substr(e),e)}}else c(this.pattern,0)}searchIn(e){const{isCaseSensitive:t,includeMatches:n}=this.options;if(t||(e=e.toLowerCase()),this.pattern===e){let t={isMatch:!0,score:0};return n&&(t.indices=[[0,e.length-1]]),t}const{location:r,distance:i,threshold:o,findAllMatches:s,minMatchCharLength:a,ignoreLocation:l}=this.options;let c=[],u=0,p=!1;this.chunks.forEach((({pattern:t,alphabet:d,startIndex:h})=>{const{isMatch:f,score:A,indices:g}=Wt(e,t,d,{location:r+h,distance:i,threshold:o,findAllMatches:s,minMatchCharLength:a,includeMatches:n,ignoreLocation:l});f&&(p=!0),u+=A,f&&g&&(c=[...c,...g])}));let d={isMatch:p,score:p?u/this.chunks.length:1};return p&&n&&(d.indices=c),d}}class Gt{constructor(e){this.pattern=e}static isMultiMatch(e){return Kt(e,this.multiRegex)}static isSingleMatch(e){return Kt(e,this.singleRegex)}search(){}}function Kt(e,t){const n=e.match(t);return n?n[1]:null}class Qt extends Gt{constructor(e,{location:t=zt.location,threshold:n=zt.threshold,distance:r=zt.distance,includeMatches:i=zt.includeMatches,findAllMatches:o=zt.findAllMatches,minMatchCharLength:s=zt.minMatchCharLength,isCaseSensitive:a=zt.isCaseSensitive,ignoreLocation:l=zt.ignoreLocation}={}){super(e),this._bitapSearch=new $t(e,{location:t,threshold:n,distance:r,includeMatches:i,findAllMatches:o,minMatchCharLength:s,isCaseSensitive:a,ignoreLocation:l})}static get type(){return"fuzzy"}static get multiRegex(){return/^"(.*)"$/}static get singleRegex(){return/^(.*)$/}search(e){return this._bitapSearch.searchIn(e)}}class Jt extends Gt{constructor(e){super(e)}static get type(){return"include"}static get multiRegex(){return/^'"(.*)"$/}static get singleRegex(){return/^'(.*)$/}search(e){let t,n=0;const r=[],i=this.pattern.length;for(;(t=e.indexOf(this.pattern,n))>-1;)n=t+i,r.push([t,n-1]);const o=!!r.length;return{isMatch:o,score:o?0:1,indices:r}}}const Xt=[class extends Gt{constructor(e){super(e)}static get type(){return"exact"}static get multiRegex(){return/^="(.*)"$/}static get singleRegex(){return/^=(.*)$/}search(e){const t=e===this.pattern;return{isMatch:t,score:t?0:1,indices:[0,this.pattern.length-1]}}},Jt,class extends Gt{constructor(e){super(e)}static get type(){return"prefix-exact"}static get multiRegex(){return/^\^"(.*)"$/}static get singleRegex(){return/^\^(.*)$/}search(e){const t=e.startsWith(this.pattern);return{isMatch:t,score:t?0:1,indices:[0,this.pattern.length-1]}}},class extends Gt{constructor(e){super(e)}static get type(){return"inverse-prefix-exact"}static get multiRegex(){return/^!\^"(.*)"$/}static get singleRegex(){return/^!\^(.*)$/}search(e){const t=!e.startsWith(this.pattern);return{isMatch:t,score:t?0:1,indices:[0,e.length-1]}}},class extends Gt{constructor(e){super(e)}static get type(){return"inverse-suffix-exact"}static get multiRegex(){return/^!"(.*)"\$$/}static get singleRegex(){return/^!(.*)\$$/}search(e){const t=!e.endsWith(this.pattern);return{isMatch:t,score:t?0:1,indices:[0,e.length-1]}}},class extends Gt{constructor(e){super(e)}static get type(){return"suffix-exact"}static get multiRegex(){return/^"(.*)"\$$/}static get singleRegex(){return/^(.*)\$$/}search(e){const t=e.endsWith(this.pattern);return{isMatch:t,score:t?0:1,indices:[e.length-this.pattern.length,e.length-1]}}},class extends Gt{constructor(e){super(e)}static get type(){return"inverse-exact"}static get multiRegex(){return/^!"(.*)"$/}static get singleRegex(){return/^!(.*)$/}search(e){const t=-1===e.indexOf(this.pattern);return{isMatch:t,score:t?0:1,indices:[0,e.length-1]}}},Qt],en=Xt.length,tn=/ +(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/;const nn=new Set([Qt.type,Jt.type]);class rn{constructor(e,{isCaseSensitive:t=zt.isCaseSensitive,includeMatches:n=zt.includeMatches,minMatchCharLength:r=zt.minMatchCharLength,ignoreLocation:i=zt.ignoreLocation,findAllMatches:o=zt.findAllMatches,location:s=zt.location,threshold:a=zt.threshold,distance:l=zt.distance}={}){this.query=null,this.options={isCaseSensitive:t,includeMatches:n,minMatchCharLength:r,findAllMatches:o,ignoreLocation:i,location:s,threshold:a,distance:l},this.pattern=t?e:e.toLowerCase(),this.query=function(e,t={}){return e.split("|").map((e=>{let n=e.trim().split(tn).filter((e=>e&&!!e.trim())),r=[];for(let i=0,o=n.length;i<o;i+=1){const e=n[i];let o=!1,s=-1;for(;!o&&++s<en;){const n=Xt[s];let i=n.isMultiMatch(e);i&&(r.push(new n(i,t)),o=!0)}if(!o)for(s=-1;++s<en;){const n=Xt[s];let i=n.isSingleMatch(e);if(i){r.push(new n(i,t));break}}}return r}))}(this.pattern,this.options)}static condition(e,t){return t.useExtendedSearch}searchIn(e){const t=this.query;if(!t)return{isMatch:!1,score:1};const{includeMatches:n,isCaseSensitive:r}=this.options;e=r?e:e.toLowerCase();let i=0,o=[],s=0;for(let a=0,l=t.length;a<l;a+=1){const r=t[a];o.length=0,i=0;for(let t=0,a=r.length;t<a;t+=1){const a=r[t],{isMatch:l,indices:c,score:u}=a.search(e);if(!l){s=0,i=0,o.length=0;break}if(i+=1,s+=u,n){const e=a.constructor.type;nn.has(e)?o=[...o,...c]:o.push(c)}}if(i){let e={isMatch:!0,score:s/i};return n&&(e.indices=o),e}}return{isMatch:!1,score:1}}}const on=[];function sn(e,t){for(let n=0,r=on.length;n<r;n+=1){let r=on[n];if(r.condition(e,t))return new r(e,t)}return new $t(e,t)}const an="$and",ln="$or",cn="$path",un="$val",pn=e=>!(!e[an]&&!e[ln]),dn=e=>({[an]:Object.keys(e).map((t=>({[t]:e[t]})))});function hn(e,t,{auto:n=!0}={}){const r=e=>{let i=Object.keys(e);const o=(e=>!!e[cn])(e);if(!o&&i.length>1&&!pn(e))return r(dn(e));if((e=>!St(e)&&qt(e)&&!pn(e))(e)){const r=o?e[cn]:i[0],s=o?e[un]:e[r];if(!Et(s))throw new Error((e=>`Invalid value for key ${e}`)(r));const a={keyId:Rt(r),pattern:s};return n&&(a.searcher=sn(s,t)),a}let s={children:[],operator:i[0]};return i.forEach((t=>{const n=e[t];St(n)&&n.forEach((e=>{s.children.push(r(e))}))})),s};return pn(e)||(e=dn(e)),r(e)}function fn(e,t){const n=e.matches;t.matches=[],Lt(n)&&n.forEach((e=>{if(!Lt(e.indices)||!e.indices.length)return;const{indices:n,value:r}=e;let i={indices:n,value:r};e.key&&(i.key=e.key.src),e.idx>-1&&(i.refIndex=e.idx),t.matches.push(i)}))}function An(e,t){t.score=e.score}class gn{constructor(e,t={},n){this.options={...zt,...t},this.options.useExtendedSearch,this._keyStore=new Dt(this.options.keys),this.setCollection(e,n)}setCollection(e,t){if(this._docs=e,t&&!(t instanceof Ht))throw new Error("Incorrect 'index' type");this._myIndex=t||Vt(this.options.keys,this._docs,{getFn:this.options.getFn,fieldNormWeight:this.options.fieldNormWeight})}add(e){Lt(e)&&(this._docs.push(e),this._myIndex.add(e))}remove(e=(()=>!1)){const t=[];for(let n=0,r=this._docs.length;n<r;n+=1){const i=this._docs[n];e(i,n)&&(this.removeAt(n),n-=1,r-=1,t.push(i))}return t}removeAt(e){this._docs.splice(e,1),this._myIndex.removeAt(e)}getIndex(){return this._myIndex}search(e,{limit:t=-1}={}){const{includeMatches:n,includeScore:r,shouldSort:i,sortFn:o,ignoreFieldNorm:s}=this.options;let a=Et(e)?Et(this._docs[0])?this._searchStringList(e):this._searchObjectList(e):this._searchLogical(e);return function(e,{ignoreFieldNorm:t=zt.ignoreFieldNorm}){e.forEach((e=>{let n=1;e.matches.forEach((({key:e,norm:r,score:i})=>{const o=e?e.weight:null;n*=Math.pow(0===i&&o?Number.EPSILON:i,(o||1)*(t?1:r))})),e.score=n}))}(a,{ignoreFieldNorm:s}),i&&a.sort(o),Mt(t)&&t>-1&&(a=a.slice(0,t)),function(e,t,{includeMatches:n=zt.includeMatches,includeScore:r=zt.includeScore}={}){const i=[];return n&&i.push(fn),r&&i.push(An),e.map((e=>{const{idx:n}=e,r={item:t[n],refIndex:n};return i.length&&i.forEach((t=>{t(e,r)})),r}))}(a,this._docs,{includeMatches:n,includeScore:r})}_searchStringList(e){const t=sn(e,this.options),{records:n}=this._myIndex,r=[];return n.forEach((({v:e,i:n,n:i})=>{if(!Lt(e))return;const{isMatch:o,score:s,indices:a}=t.searchIn(e);o&&r.push({item:e,idx:n,matches:[{score:s,value:e,norm:i,indices:a}]})})),r}_searchLogical(e){const t=hn(e,this.options),n=(e,t,r)=>{if(!e.children){const{keyId:n,searcher:i}=e,o=this._findMatches({key:this._keyStore.get(n),value:this._myIndex.getValueForItemAtKeyId(t,n),searcher:i});return o&&o.length?[{idx:r,item:t,matches:o}]:[]}const i=[];for(let o=0,s=e.children.length;o<s;o+=1){const s=e.children[o],a=n(s,t,r);if(a.length)i.push(...a);else if(e.operator===an)return[]}return i},r=this._myIndex.records,i={},o=[];return r.forEach((({$:e,i:r})=>{if(Lt(e)){let s=n(t,e,r);s.length&&(i[r]||(i[r]={idx:r,item:e,matches:[]},o.push(i[r])),s.forEach((({matches:e})=>{i[r].matches.push(...e)})))}})),o}_searchObjectList(e){const t=sn(e,this.options),{keys:n,records:r}=this._myIndex,i=[];return r.forEach((({$:e,i:r})=>{if(!Lt(e))return;let o=[];n.forEach(((n,r)=>{o.push(...this._findMatches({key:n,value:e[r],searcher:t}))})),o.length&&i.push({idx:r,item:e,matches:o})})),i}_findMatches({key:e,value:t,searcher:n}){if(!Lt(t))return[];let r=[];if(St(t))t.forEach((({v:t,i:i,n:o})=>{if(!Lt(t))return;const{isMatch:s,score:a,indices:l}=n.searchIn(t);s&&r.push({score:a,key:e,value:t,idx:i,norm:o,indices:l})}));else{const{v:i,n:o}=t,{isMatch:s,score:a,indices:l}=n.searchIn(i);s&&r.push({score:a,key:e,value:i,norm:o,indices:l})}return r}}gn.version="6.6.2",gn.createIndex=Vt,gn.parseIndex=function(e,{getFn:t=zt.getFn,fieldNormWeight:n=zt.fieldNormWeight}={}){const{keys:r,records:i}=e,o=new Ht({getFn:t,fieldNormWeight:n});return o.setKeys(r),o.setIndexRecords(i),o},gn.config=zt,gn.parseQuery=hn,function(...e){on.push(...e)}(rn);var mn=__webpack_require__(14),_n=__webpack_require__.n(mn);var bn=__webpack_require__(18),vn=["allowfullScreen","async","autoplay","capture","checked","controls","default","defer","disabled","formnovalidate","hidden","loop","multiple","muted","novalidate","open","playsinline","readonly","required","reversed","scoped","seamless","selected","itemscope"],yn={accept:"accept","accept-charset":"acceptCharset",accesskey:"accessKey",action:"action",allowfullscreen:"allowFullScreen",allowtransparency:"allowTransparency",alt:"alt",as:"as",async:"async",autocomplete:"autoComplete",autoplay:"autoPlay",capture:"capture",cellpadding:"cellPadding",cellspacing:"cellSpacing",charset:"charSet",challenge:"challenge",checked:"checked",cite:"cite",classid:"classID",class:"className",cols:"cols",colspan:"colSpan",content:"content",contenteditable:"contentEditable",contextmenu:"contextMenu",controls:"controls",controlsList:"controlsList",coords:"coords",crossorigin:"crossOrigin",data:"data",datetime:"dateTime",default:"default",defer:"defer",dir:"dir",disabled:"disabled",download:"download",draggable:"draggable",enctype:"encType",form:"form",formaction:"formAction",formenctype:"formEncType",formmethod:"formMethod",formnovalidate:"formNoValidate",formtarget:"formTarget",frameborder:"frameBorder",headers:"headers",height:"height",hidden:"hidden",high:"high",href:"href",hreflang:"hrefLang",for:"htmlFor","http-equiv":"httpEquiv",icon:"icon",id:"id",inputmode:"inputMode",integrity:"integrity",is:"is",keyparams:"keyParams",keytype:"keyType",kind:"kind",label:"label",lang:"lang",list:"list",loop:"loop",low:"low",manifest:"manifest",marginheight:"marginHeight",marginwidth:"marginWidth",max:"max",maxlength:"maxLength",media:"media",mediagroup:"mediaGroup",method:"method",min:"min",minlength:"minLength",multiple:"multiple",muted:"muted",name:"name",nonce:"nonce",novalidate:"noValidate",open:"open",optimum:"optimum",pattern:"pattern",placeholder:"placeholder",playsinline:"playsInline",poster:"poster",preload:"preload",profile:"profile",radiogroup:"radioGroup",readonly:"readOnly",referrerpolicy:"referrerPolicy",rel:"rel",required:"required",reversed:"reversed",role:"role",rows:"rows",rowspan:"rowSpan",sandbox:"sandbox",scope:"scope",scoped:"scoped",scrolling:"scrolling",seamless:"seamless",selected:"selected",shape:"shape",size:"size",sizes:"sizes",slot:"slot",span:"span",spellcheck:"spellCheck",src:"src",srcdoc:"srcDoc",srclang:"srcLang",srcset:"srcSet",start:"start",step:"step",style:"style",summary:"summary",tabindex:"tabIndex",target:"target",title:"title",type:"type",usemap:"useMap",value:"value",width:"width",wmode:"wmode",wrap:"wrap",about:"about",datatype:"datatype",inlist:"inlist",prefix:"prefix",property:"property",resource:"resource",typeof:"typeof",vocab:"vocab",autocapitalize:"autoCapitalize",autocorrect:"autoCorrect",autosave:"autoSave",color:"color",itemprop:"itemProp",itemscope:"itemScope",itemtype:"itemType",itemid:"itemID",itemref:"itemRef",results:"results",security:"security",unselectable:"unselectable"};const wn=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,Cn={};function xn(e){return Cn.hasOwnProperty(e)||(Cn[e]=wn.test(e)),Cn[e]}function kn(e){return Object.keys(e).filter((e=>xn(e))).reduce(((t,n)=>{const r=n.toLowerCase(),i=yn[r]||r;return t[i]=function(e,t){return vn.map((e=>e.toLowerCase())).indexOf(e.toLowerCase())>=0&&(t=e),t}(i,e[n]),t}),{})}function Bn(e,t){const n=Object.assign({},kn(e),{key:t});return"string"==typeof n.style||n.style instanceof String?n.style=function(e=""){return""===e?{}:e.split(";").reduce(((e,t)=>{let[n,r]=t.split(/^([^:]+):/).filter(((e,t)=>t>0)).map((e=>e.trim().toLowerCase()));return void 0===r||(n=n.replace(/^-ms-/,"ms-").replace(/-(.)/g,((e,t)=>t.toUpperCase())),e[n]=r),e}),{})}(n.style):delete n.style,n}var Sn=["area","base","br","col","command","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"];function En(){return null}var Mn={[mn.ElementType.Text]:function(e){return e.data},[mn.ElementType.Tag]:function(e,t,n){const r=e.name;if(!xn(r))return null;const i=Bn(e.attribs,t);let o=null;return-1===Sn.indexOf(r)&&(o=Tn(e.children,n)),bn.default.createElement(r,i,o)},[mn.ElementType.Style]:function(e,t){let n;e.children.length>0&&(n=e.children[0].data);const r=Bn(e.attribs,t);return bn.default.createElement("style",r,n)},[mn.ElementType.Directive]:En,[mn.ElementType.Comment]:En,[mn.ElementType.Script]:En,[mn.ElementType.CDATA]:En,[mn.ElementType.Doctype]:En};function Tn(e,t){return e.filter((e=>!function(e){return"text"===e.type&&/\r?\n/.test(e.data)&&""===e.data.trim()}(e))).map(((e,n)=>{let r;return"function"==typeof t&&(r=t(e,n),null===r||r)?r:function(e,t,n){return Mn[e.type](e,t,n)}(e,n,t)}))}var qn,Ln,On=function(e,{decodeEntities:t=!0,transform:n,preprocessNodes:r=(e=>e)}={}){return Tn(r(_n().parseDOM(e,{decodeEntities:t})),n)},Pn=__webpack_require__(19),Nn=__webpack_require__.n(Pn),Dn=__webpack_require__(133),In=__webpack_require__.n(Dn);ie(((Ln=class extends ht{constructor(){super(),this.onInput=e=>{const t=e.target.value;this.setState({value:t}),this.onSuggestionsFetchRequested({value:t})},this.getSuggestionValue=e=>e.label,this.onChange=(e,t)=>{let{newValue:n}=t;kt.I.getFileName(n)&&document.querySelector("pl-iframe").navigateTo(n),this.setState({value:n})},this.onSuggestionsFetchRequested=e=>{let{value:t}=e;this.setState({isOpen:!0}),this.setState({suggestions:this.getSuggestions(t)})},this.onSuggestionsClearRequested=()=>{this.setState({suggestions:[]}),this.setState({isOpen:!1})},this.useShadow=!1,this.defaultMaxResults=10,this.state={value:"",suggestions:[],isFocused:!1},this.receiveIframeMessage=this.receiveIframeMessage.bind(this),this.onChange=this.onChange.bind(this),this.toggleSearch=this.toggleSearch.bind(this),this.closeSearch=this.closeSearch.bind(this),this.renderInputComponent=this.renderInputComponent.bind(this),this.openSearch=this.openSearch.bind(this)}connecting(){super.connecting&&super.connecting(),this.items=[];for(const e in window.patternPaths)if(window.patternPaths.hasOwnProperty(e))for(const t in window.patternPaths[e])if(window.patternPaths[e].hasOwnProperty(t)){const n={};n.label=e+"-"+t,n.id=window.patternPaths[e][t],this.items.push(n)}}connected(){gt().bind("command+shift+f",(function(e){e.preventDefault(),this.toggleSearch()})),window.addEventListener("message",this.receiveIframeMessage,!1)}_stateChanged(e){this.triggerUpdate()}rendered(){this.inputElement=this.querySelector(".js-c-typeahead__input")}toggleSearch(){this.state.isOpen?this.closeSearch():this.openSearch()}clearSearch(){this.inputElement.focus(),this.setState({value:""})}openSearch(){this.inputElement.focus()}closeSearch(){document.activeElement.blur()}receiveIframeMessage(e){const t=(0,kt.Kz)(e);void 0!==t.event&&"patternLab.keyPress"===t.event&&"f"===t.key&&!0===t.metaKey&&this.toggleSearch()}renderSuggestion(e,t){let{query:n,isHighlighted:r}=t;return(0,ye.h)("span",null,e.highlightedLabel)}getSuggestions(e){const t=this.props.maxResults?this.props.maxResults:this.defaultMaxResults,n=new gn(this.items,{shouldSort:!0,threshold:.3,includeMatches:!0,location:0,distance:100,minMatchCharLength:1,keys:["label"]}).search(e),r=function(e){const t=e;t.matches.forEach((e=>{const n=t.item[e.key],i=[],o=[].concat(e.indices);let s=o.shift();for(let t=0;t<n.length;t++){const e=n.charAt(t);s&&t===s[0]&&i.push("<strong>"),i.push(e),s&&t===s[1]&&(i.push("</strong>"),s=o.shift())}t.item.highlightedLabel=i.join(""),t.item.highlightedLabel=On(t.item.highlightedLabel),t.children&&t.children.length>0&&t.children.forEach((e=>{r(e)}))}))};n.forEach((e=>{r(e)}));const i=n.reduce(((e,t)=>(e.push(t.item),e)),[]);return i.length<t?i:i.slice(0,t)}renderInputComponent(e){const{value:t}=this.state,n=void 0!==this.props.hideClearButton&&!0!==this.props.hideClearButton&&""!==t,r=this.props.clearButtonText?this.props.clearButtonText:"Clear Search Results";return(0,ye.h)("div",{className:Nn()("pl-c-typeahead__input-wrapper",{"pl-c-typeahead__input-wrapper--with-clear-button":n})},(0,ye.h)("input",e),n&&(0,ye.h)("button",{className:Nn()("pl-c-typeahead__clear-button",{"pl-is-visible":""!==t}),onClick:()=>{this.clearSearch()},type:"button"},(0,ye.h)("span",{class:"is-vishidden"},r),(0,ye.h)("svg",{viewBox:"0 0 16 16",height:"16",width:"16",className:"pl-c-typeahead__clear-button-icon"},(0,ye.h)("title",null,r),(0,ye.h)("path",{d:"M12.207 10.793l-1.414 1.414-2.793-2.793-2.793 2.793-1.414-1.414 2.793-2.793-2.793-2.793 1.414-1.414 2.793 2.793 2.793-2.793 1.414 1.414-2.793 2.793 2.793 2.793z"}))))}onSuggestionSelected(){this.setState({isOpen:!1})}render(){const{value:e,suggestions:t}=this.state,n=void 0!==this.props.hideClearButton&&!0!==this.props.hideClearButton&&""!==e,r={container:Nn()("pl-c-typeahead"),containerOpen:Nn()("pl-c-typeahead--open"),input:Nn()("pl-c-typeahead__input","js-c-typeahead__input",{"pl-c-typeahead__input--with-clear-button":n}),inputOpen:Nn()("pl-c-typeahead__input--open"),inputFocused:Nn()("pl-c-typeahead__input--focused"),suggestionsContainer:Nn()("pl-c-typeahead__menu"),suggestionsContainerOpen:Nn()("pl-is-open"),suggestionsList:Nn()("pl-c-typeahead__results"),suggestion:Nn()("pl-c-typeahead__result"),suggestionFirst:Nn()("pl-c-typeahead__result--first"),suggestionHighlighted:Nn()("pl-has-cursor"),sectionContainer:Nn()("pl-c-typeahead__section-container"),sectionContainerFirst:Nn()("pl-c-typeahead__section-container--first"),sectionTitle:Nn()("pl-c-typeahead__section-title")},i={placeholder:this.props.placeholder?this.props.placeholder:"Find a Pattern",value:e,onChange:this.onChange,onInput:this.onInput};return(0,ye.h)("div",null,(0,ye.h)(In(),{theme:r,suggestions:t,onSuggestionsFetchRequested:this.onSuggestionsFetchRequested,onSuggestionsClearRequested:this.onSuggestionsClearRequested,getSuggestionValue:this.getSuggestionValue,renderSuggestion:this.renderSuggestion,inputProps:i,renderInputComponent:this.renderInputComponent}))}}).is="pl-search",Ln.props={maxResults:ve.string,placeholder:ve.string,hideClearButton:ve.boolean,clearButtonText:ve.string},qn=Ln));var Un=__webpack_require__(2),Rn=__webpack_require__.n(Un),zn=__webpack_require__(3),jn=__webpack_require__.n(zn),Hn=__webpack_require__(4),Vn=__webpack_require__.n(Hn),Yn=__webpack_require__(5),Fn=__webpack_require__.n(Yn),Wn=__webpack_require__(6),Zn=__webpack_require__.n(Wn),$n=__webpack_require__(92),Gn={};$n.Z&&$n.Z.locals&&(Gn.locals=$n.Z.locals);var Kn,Qn=0,Jn={};Jn.setAttributes=Fn(),Jn.insert=Vn().bind(null,"head"),Jn.domAPI=jn(),Jn.insertStyleElement=Zn(),Gn.use=function(e){return Jn.options=e||{},Qn++||(Kn=Rn()($n.Z,Jn)),Gn},Gn.unuse=function(){Qn>0&&!--Qn&&(Kn(),Kn=null)};var Xn,er=Gn,tr=__webpack_require__(93);const nr={};__webpack_require__(149).keys().forEach((e=>{const t=e.replace("./","");__webpack_require__(150)(`./${t}`).then((e=>{nr[e.default.id]=e.default}))}));Ve("pl-icon")(Xn=class extends Ge{static get properties(){return{name:String,size:String}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback&&super.connectedCallback(),er.use()}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),er.unuse()}render(){const e=`\n        <svg\n        class="c-icon c-icon--${this.name} c-icon--${this.size||"auto"}"\n        viewBox="${nr[this.name]&&nr[this.name].viewBox?nr[this.name].viewBox:"0 0 20 20"}"\n      >\n        <use xlink:href="#${nr[this.name]&&nr[this.name].id?nr[this.name].id:this.name}">\n        </use>\n      </svg>\n    `;return Ce.dy` ${(0,tr.A)(e)} `}});const rr=e=>class extends e{constructor(){super(...arguments),this.templateMap=new Map}assignSlotToContent(e){return e.slot||e.getAttribute?e.getAttribute("slot"):"default"}isEmptyTextNode(e){return e&&(!e.textContent||!e.textContent.trim())}saveSlots(){const e=[];Array.from(this.childNodes).forEach((e=>{const t=this.assignSlotToContent(e);(!e.textContent||e.textContent.trim().length>0)&&(this.templateMap.has(t)?this.templateMap.set(t,[...this.templateMap.get(t),e]):this.templateMap.set(t,[e]))}));if(e.length>1||e.some((e=>!this.isEmptyTextNode(e)))){const t=document.createDocumentFragment();e.forEach((e=>{t.appendChild(e)})),this.templateMap.set("",t)}}update(e){this.hasUpdated||this.saveSlots(),super.update(e)}slotify(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0;const n=this.templateMap.get(e);if(this.shadowRoot&&n){const t=document.createElement("slot");return"default"!==e&&t.setAttribute("name",e),t}return n&&n.content?n.content:n&&n.childNodes?Array.from(n.childNodes):n||(t||void 0)}};var ir=__webpack_require__(94),or={};ir.Z&&ir.Z.locals&&(or.locals=ir.Z.locals);var sr,ar=0,lr={};lr.setAttributes=Fn(),lr.insert=Vn().bind(null,"head"),lr.domAPI=jn(),lr.insertStyleElement=Zn(),or.use=function(e){return lr.options=e||{},ar++||(sr=Rn()(ir.Z,lr)),or},or.unuse=function(){ar>0&&!--ar&&(sr(),sr=null)};var cr=or;const ur=new WeakMap,pr=(0,Ce.XM)((e=>t=>{const n=ur.get(t);if(void 0===e&&t instanceof Ce._l){if(void 0!==n||!ur.has(t)){const e=t.committer.name;t.committer.element.removeAttribute(e)}}else e!==n&&t.setValue(e);ur.set(t,e)}));class dr extends(rr(Ge)){static get properties(){return{href:{attribute:!0,type:String},target:{attribute:!0,type:String},size:{attribute:!0,type:String},iconOnly:{attribute:"icon-only",type:Boolean,reflect:!0},title:{attribute:!0,type:String}}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback&&super.connectedCallback(),cr.use()}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),cr.unuse()}innerTemplate(){return Ce.dy`
+      ${this.slotify("before")?Ce.dy`
+            <span class="pl-c-button__icon">${this.slotify("before")}</span>
+          `:""}
+      ${this.slotify("default")?Ce.dy`
+            <span
+              class="pl-c-button__text ${this.iconOnly?"is-vishidden":""}"
+              >${this.slotify("default")}</span
+            >
+          `:""}
+      ${this.slotify("after")?Ce.dy`
+            <span class="pl-c-button__icon">${this.slotify("after")}</span>
+          `:""}
+    `}render(){const e=this.size||"medium";return Ce.dy`
+      ${this.href?Ce.dy`
+            <a
+              class="pl-c-button pl-c-button--${e} ${this.iconOnly?"pl-c-button--icon-only":""}"
+              href="${this.href}"
+              target="${this.target?this.target:"self"}"
+              title=${pr(""===this.title?void 0:this.title)}
+            >
+              ${this.innerTemplate()}
+            </a>
+          `:Ce.dy`
+            <button
+              class="pl-c-button pl-c-button--${e} ${this.iconOnly?"pl-c-button--icon-only":""}"
+              title=${pr(""===this.title?void 0:this.title)}
+              type="button"
+            >
+              ${this.innerTemplate()}
+            </button>
+          `}
+    `}}customElements.define("pl-button",dr);var hr=__webpack_require__(95),fr={};hr.Z&&hr.Z.locals&&(fr.locals=hr.Z.locals);var Ar,gr=0,mr={};mr.setAttributes=Fn(),mr.insert=Vn().bind(null,"head"),mr.domAPI=jn(),mr.insertStyleElement=Zn(),fr.use=function(e){return mr.options=e||{},gr++||(Ar=Rn()(hr.Z,mr)),fr},fr.unuse=function(){gr>0&&!--gr&&(Ar(),Ar=null)};var _r=fr;class br extends(rr(Ge)){static get properties(){return{message:{type:String},position:{type:String},child:{}}}constructor(){super(),this.position="top"}createRenderRoot(){return this}connectedCallback(){super.connectedCallback&&super.connectedCallback(),_r.use()}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),_r.unuse()}render(){return Ce.dy`
+      <div class="pl-tooltip pl-tooltip--${this.position}">
+        ${this.slotify("default")?this.slotify("default"):""}
+        <span class="pl-tooltip__text">${this.message}</span>
+      </div>
+    `}hideTooltip(){this.opened=!1}showTooltip(){this.opened=!0}toggleTooltip(){this.opened=!this.opened}}customElements.define("pl-tooltip",br);var vr=__webpack_require__(171),yr=__webpack_require__(96),wr={};yr.Z&&yr.Z.locals&&(wr.locals=yr.Z.locals);var Cr,xr=0,kr={};kr.setAttributes=Fn(),kr.insert=Vn().bind(null,"head"),kr.domAPI=jn(),kr.insertStyleElement=Zn(),wr.use=function(e){return kr.options=e||{},xr++||(Cr=Rn()(yr.Z,kr)),wr},wr.unuse=function(){xr>0&&!--xr&&(Cr(),Cr=null)};var Br,Sr=wr;Ve("pl-toggle-info")(Br=class extends Ge{constructor(){super(),this.handleClick=this.handleClick.bind(this)}createRenderRoot(){return this}static get properties(){return{isDrawerOpen:{attribute:"is-drawer-open",type:Boolean},isViewallPage:{attribute:"is-viewall-page",type:Boolean}}}connectedCallback(){super.connectedCallback&&super.connectedCallback(),Sr.use();const e=we.h.getState();this.isDrawerOpen=e.app.drawerOpened,this.isViewallPage=e.app.isViewallPage,this.__storeUnsubscribe=we.h.subscribe((()=>this._stateChanged(we.h.getState()))),this._stateChanged(we.h.getState())}disconnectedCallback(){this.__storeUnsubscribe&&this.__storeUnsubscribe(),Sr.unuse(),super.disconnectedCallback&&super.disconnectedCallback()}_stateChanged(e){this.isDrawerOpen=e.app.drawerOpened,this.isViewallPage=e.app.isViewallPage}handleClick(){this.isDrawerOpen=!this.isDrawerOpen,we.h.dispatch((0,vr.aw)(this.isDrawerOpen))}render(){return Ce.dy`
+      <pl-button @click="${this.handleClick}">
+        <span slot="default"
+          >${this.isDrawerOpen?"Collapse":"Expand"}
+          ${this.isViewallPage?"All Panels":"Panel"}</span
+        >
+        <pl-icon
+          name="${this.isDrawerOpen?"code-collapse":"code-expand"}"
+          slot="after"
+          aria-hidden="true"
+        ></pl-icon>
+      </pl-button>
+    `}});var Er=__webpack_require__(97),Mr={};Er.Z&&Er.Z.locals&&(Mr.locals=Er.Z.locals);var Tr,qr=0,Lr={};Lr.setAttributes=Fn(),Lr.insert=Vn().bind(null,"head"),Lr.domAPI=jn(),Lr.insertStyleElement=Zn(),Mr.use=function(e){return Lr.options=e||{},qr++||(Tr=Rn()(Er.Z,Lr)),Mr},Mr.unuse=function(){qr>0&&!--qr&&(Tr(),Tr=null)};var Or,Pr=Mr;Ve("pl-toggle-layout")(Or=class extends Ge{constructor(){super(),this.handleClick=this.handleClick.bind(this)}createRenderRoot(){return this}connectedCallback(){super.connectedCallback&&super.connectedCallback(),Pr.use();const e=we.h.getState();this.layoutMode=e.app.layoutMode||"vertical",this.__storeUnsubscribe=we.h.subscribe((()=>this._stateChanged(we.h.getState()))),this._stateChanged(we.h.getState()),this.size=this.size||"medium"}disconnectedCallback(){this.__storeUnsubscribe&&this.__storeUnsubscribe(),Pr.unuse(),super.disconnectedCallback&&super.disconnectedCallback()}static get properties(){return{layoutMode:{attribute:!0,type:String},text:{attribute:!0,type:String},size:{attribute:!0,type:String},iconOnly:{attribute:"icon-only",type:Boolean,reflect:!0}}}_stateChanged(e){this.layoutMode!==e.app.layoutMode&&(this.layoutMode=e.app.layoutMode)}handleClick(){const e="vertical"!==this.layoutMode?"vertical":"horizontal";this.layoutMode=e,we.h.dispatch((0,vr.gv)(this.layoutMode))}render(){return Ce.dy`
+      <pl-button
+        title="Switch Layout"
+        @click="${this.handleClick}"
+        size="${this.size}"
+        ?icon-only="${this.iconOnly||!1}"
+      >
+        ${this.text}
+        <pl-icon
+          slot="after"
+          name="${"horizontal"===this.layoutMode?"layout-h":"layout-v"}"
+          aria-hidden="true"
+        ></pl-icon>
+      </pl-button>
+    `}});var Nr=__webpack_require__(98),Dr={};Nr.Z&&Nr.Z.locals&&(Dr.locals=Nr.Z.locals);var Ir,Ur=0,Rr={};Rr.setAttributes=Fn(),Rr.insert=Vn().bind(null,"head"),Rr.domAPI=jn(),Rr.insertStyleElement=Zn(),Dr.use=function(e){return Rr.options=e||{},Ur++||(Ir=Rn()(Nr.Z,Rr)),Dr},Dr.unuse=function(){Ur>0&&!--Ur&&(Ir(),Ir=null)};var zr,jr=Dr;Ve("pl-toggle-theme")(zr=class extends Ge{constructor(){super(),this.targetOrigin="file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host}static get properties(){return{themeMode:{attribute:!0,type:String}}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback&&super.connectedCallback(),jr.use();const e=we.h.getState();this.themeMode=e.app.themeMode||"dark",this.__storeUnsubscribe=we.h.subscribe((()=>this._stateChanged(we.h.getState()))),this._stateChanged(we.h.getState()),we.h.dispatch((0,vr.e5)(this.themeMode))}disconnectedCallback(){this.__storeUnsubscribe&&this.__storeUnsubscribe(),jr.unuse(),super.disconnectedCallback&&super.disconnectedCallback()}_stateChanged(e){if(this.themeMode=e.app.themeMode,this.iframeElement=document.querySelector(".pl-js-iframe"),this.iframeElement){const t=JSON.stringify({event:"patternLab.stateChange",state:e});this.iframeElement.contentWindow.postMessage(t,this.targetOrigin)}}render(){const e="dark"!==this.themeMode?"dark":"light";return Ce.dy`
+      <pl-button
+        class="pl-c-tools__action pl-c-toggle-theme__action"
+        title="Switch Theme"
+        @click="${t=>we.h.dispatch((0,vr.e5)(e))}"
+      >
+        Switch Theme
+
+        <pl-icon
+          slot="after"
+          name="theme-${this.themeMode}"
+          aria-hidden="true"
+        ></pl-icon>
+      </pl-button>
+    `}});var Hr=__webpack_require__(99),Vr={};Hr.Z&&Hr.Z.locals&&(Vr.locals=Hr.Z.locals);var Yr,Fr=0,Wr={};Wr.setAttributes=Fn(),Wr.insert=Vn().bind(null,"head"),Wr.domAPI=jn(),Wr.insertStyleElement=Zn(),Vr.use=function(e){return Wr.options=e||{},Fr++||(Yr=Rn()(Hr.Z,Wr)),Vr},Vr.unuse=function(){Fr>0&&!--Fr&&(Yr(),Yr=null)};var Zr,$r=Vr;const Gr=/\D+/g,Kr=/[^0-9\.]+/g;function Qr(e,t){return Number(Math.round(e+"e"+t)+"e-"+t)}Ve("pl-viewport-size")(Zr=class extends ft{static get properties(){return{px:String,em:String}}constructor(){super(),this.state={inputPixelValue:0,inputEmValue:0}}connectedCallback(){super.connectedCallback&&super.connectedCallback(),$r.use();const e=we.h.getState();this.setPxEm(e),this.iframe=document.querySelector("pl-iframe")}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),$r.unuse()}_stateChanged(e){this.setPxEm(e)}setPxEm(e){e.app.viewportPx!==this.px&&(this.px=Qr(e.app.viewportPx,0),this.setState({inputPixelValue:this.px},(()=>{}))),Qr(e.app.viewportEm,1)!==this.em&&(this.em=Qr(e.app.viewportEm,1),this.setState({inputEmValue:this.em},(()=>{})))}firstUpdated(){this.viewport=document.querySelector("pl-viewport")}updated(){this.viewport&&this.viewport.bodySize&&(this.em=Math.floor(this.px*this.bodySize))}handlePixelUpdateUp(e){this.setState({inputPixelValue:e.target.value.replace(Gr,"")},(()=>{}))}handlePixelUpdatePress(e){e.key.match(Gr)&&e.preventDefault()}handlePixelUpdateDown(e){"Enter"===e.key?(event.preventDefault(),this.iframe.sizeiframe(this.state.inputPixelValue,!0)):"ArrowUp"===e.key?(this.setState({inputPixelValue:Number(e.target.value.replace(Gr,""))+(e.shiftKey?10:1)},(()=>{})),this.iframe.sizeiframe(this.state.inputPixelValue,!0)):"ArrowDown"===e.key&&(this.setState({inputPixelValue:Number(e.target.value.replace(Gr,""))-(e.shiftKey?10:1)},(()=>{})),this.iframe.sizeiframe(this.state.inputPixelValue,!0))}handlePixelBlur(e){this.setState({inputPixelValue:this.px},(()=>{})),e.target.value=this.state.inputPixelValue}handleEmUpdateUp(e){this.setState({inputEmValue:e.target.value.replace(Kr,"")},(()=>{}))}handleEmUpdatePress(e){e.key.match(Kr)&&e.preventDefault()}handleEmUpdateDown(e){"Enter"===e.key?(event.preventDefault(),this.iframe.sizeiframe(this.toPixelValue(),!0)):"ArrowUp"===e.key?(this.setState({inputEmValue:Qr(Number(e.target.value.replace(Kr,""))+(e.shiftKey?.5:.1),1)},(()=>{})),this.iframe.sizeiframe(this.toPixelValue(),!0)):"ArrowDown"===e.key&&(this.setState({inputEmValue:Qr(Number(e.target.value.replace(Kr,""))-(e.shiftKey?.5:.1),1)},(()=>{})),this.iframe.sizeiframe(this.toPixelValue(),!0))}handleEmBlur(e){this.setState({inputEmValue:this.em},(()=>{})),e.target.value=this.state.inputEmValue}toPixelValue(){return Math.floor(this.state.inputEmValue*this.iframe.bodySize)}render(){if(!window.__PRERENDER_INJECTED)return Ce.dy`
+        <form class="pl-c-viewport-size" @submit=${this.handleSubmit}>
+          <label
+            for="pl-viewport-pixel-width"
+            class="pl-c-viewport-size__label"
+          >
+            <input
+              class="pl-c-viewport-size__input pl-c-viewport-size__input-action"
+              id="pl-viewport-pixel-width"
+              .value="${this.state.inputPixelValue}"
+              @keypress=${this.handlePixelUpdatePress}
+              @keyup=${this.handlePixelUpdateUp}
+              @keydown=${this.handlePixelUpdateDown}
+              @blur=${this.handlePixelBlur}
+            />px</label
+          >&nbsp;/&nbsp;<label
+            for="pl-viewport-em-width"
+            class="pl-c-viewport-size__label"
+          >
+            <input
+              class="pl-c-viewport-size__input pl-c-viewport-size__input-action"
+              id="pl-viewport-em-width"
+              .value="${this.state.inputEmValue}"
+              @keypress=${this.handleEmUpdatePress}
+              @keyup=${this.handleEmUpdateUp}
+              @keydown=${this.handleEmUpdateDown}
+              @blur=${this.handleEmBlur}
+            />em
+          </label>
+        </form>
+      `}});var Jr=__webpack_require__(100),Xr={};Jr.Z&&Jr.Z.locals&&(Xr.locals=Jr.Z.locals);var ei,ti=0,ni={};ni.setAttributes=Fn(),ni.insert=Vn().bind(null,"head"),ni.domAPI=jn(),ni.insertStyleElement=Zn(),Xr.use=function(e){return ni.options=e||{},ti++||(ei=Rn()(Jr.Z,ni)),Xr},Xr.unuse=function(){ti>0&&!--ti&&(ei(),ei=null)};var ri,ii=Xr;Ve("pl-logo")(ri=class extends ft{connectedCallback(){super.connectedCallback&&super.connectedCallback(),ii.use();const e=we.h.getState();this.theme=this.theme||e.app.themeMode||"dark"}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),ii.unuse()}static get properties(){return{width:String,height:String,theme:String,url:String,text:String,altText:{type:String,attribute:"alt-text"},srcLight:{type:String,attribute:"src-light"},srcDark:{type:String,attribute:"src-dark"}}}render(){const e="dark"===this.theme?this.srcDark:this.srcLight;return Ce.dy`
+      <a href="${""===this.url?void 0:this.url}" class="pl-c-logo">
+        <img
+          alt=${this.altText||"Pattern Lab Logo"}
+          src=${e}
+          class="pl-c-logo__img"
+          width="${pr(this.width)}"
+          height="${pr(this.height)}"
+        />
+        ${this.text&&""!==this.text?Ce.dy` <span class="pl-c-logo__text">${this.text}</span> `:""}
+      </a>
+    `}});var oi=__webpack_require__(101),si={};oi.Z&&oi.Z.locals&&(si.locals=oi.Z.locals);var ai,li=0,ci={};ci.setAttributes=Fn(),ci.insert=Vn().bind(null,"head"),ci.domAPI=jn(),ci.insertStyleElement=Zn(),si.use=function(e){return ci.options=e||{},li++||(ai=Rn()(oi.Z,ci)),si},si.unuse=function(){li>0&&!--li&&(ai(),ai=null)};var ui=si;const pi=__webpack_require__(19);customElements.define("pl-layout",class extends ft{constructor(){super(),this.targetOrigin="file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host}connectedCallback(){super.connectedCallback&&super.connectedCallback(),ui.use();const e=we.h.getState();this.layoutMode=e.app.layoutMode,this.themeMode=e.app.themeMode}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),ui.unuse()}firstUpdated(){this.iframeElement=this.renderRoot.querySelector(".pl-js-iframe")}_stateChanged(e){let t=!1;if(this.layoutMode!==e.app.layoutMode&&(t=!0,this.layoutMode=e.app.layoutMode||"vertical"),this.themeMode!==e.app.themeMode&&(t=!0,this.themeMode=e.app.themeMode),!0===t){t=!1;const e="vertical"===this.layoutMode?"sidebar":"horizontal",n=pi(`pl-c-body--theme-${e}`,{[`pl-c-body--theme-${this.themeMode}`]:void 0!==this.themeMode});this.className=n}if(this.iframeElement=document.querySelector(".pl-js-iframe"),this.iframeElement){const t=JSON.stringify({event:"patternLab.stateChange",state:e});this.iframeElement.contentWindow.postMessage(t,this.targetOrigin)}}render(){return Ce.dy`
+      <pl-header></pl-header>
+      <div class="pl-c-viewport-modal-wrapper">
+        <pl-iframe></pl-iframe>
+        <pl-drawer></pl-drawer>
+      </div>
+    `}});var di=__webpack_require__(102),hi={};di.Z&&di.Z.locals&&(hi.locals=di.Z.locals);var fi,Ai=0,gi={};gi.setAttributes=Fn(),gi.insert=Vn().bind(null,"head"),gi.domAPI=jn(),gi.insertStyleElement=Zn(),hi.use=function(e){return gi.options=e||{},Ai++||(fi=Rn()(di.Z,gi)),hi},hi.unuse=function(){Ai>0&&!--Ai&&(fi(),fi=null)};var mi,_i=hi;Ve("pl-controls")(mi=class extends ft{connectedCallback(){super.connectedCallback&&super.connectedCallback(),_i.use()}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),_i.unuse()}render(){return Ce.dy`
+      <div class="pl-c-controls">
+        <pl-viewport-size></pl-viewport-size>
+        <pl-viewport-sizes></pl-viewport-sizes>
+        <pl-tools-menu></pl-tools-menu>
+      </div>
+    `}});const bi=new WeakMap,vi=(0,Ce.XM)((e=>t=>{if(!(t instanceof Ce._l)||t instanceof Ce.sL||"style"!==t.committer.name||t.committer.parts.length>1)throw new Error("The `styleMap` directive must be used in the style attribute and must be the only part in the attribute.");const{committer:n}=t,{style:r}=n.element;let i=bi.get(t);void 0===i&&(r.cssText=n.strings.join(" "),bi.set(t,i=new Set)),i.forEach((t=>{t in e||(i.delete(t),-1===t.indexOf("-")?r[t]=null:r.removeProperty(t))}));for(const o in e)i.add(o),-1===o.indexOf("-")?r[o]=e[o]:r.setProperty(o,e[o])}));class yi{constructor(e){this.classes=new Set,this.changed=!1,this.element=e;const t=(e.getAttribute("class")||"").split(/\s+/);for(const n of t)this.classes.add(n)}add(e){this.classes.add(e),this.changed=!0}remove(e){this.classes.delete(e),this.changed=!0}commit(){if(this.changed){let e="";this.classes.forEach((t=>e+=t+" ")),this.element.setAttribute("class",e)}}}const wi=new WeakMap,Ci=(0,Ce.XM)((e=>t=>{if(!(t instanceof Ce._l)||t instanceof Ce.sL||"class"!==t.committer.name||t.committer.parts.length>1)throw new Error("The `classMap` directive must be used in the `class` attribute and must be the only part in the attribute.");const{committer:n}=t,{element:r}=n;let i=wi.get(t);void 0===i&&(r.setAttribute("class",n.strings.join(" ")),wi.set(t,i=new Set));const o=r.classList||new yi(r);i.forEach((t=>{t in e||(o.remove(t),i.delete(t))}));for(const s in e){const t=e[s];t!=i.has(s)&&(t?(o.add(s),i.add(s)):(o.remove(s),i.delete(s)))}"function"==typeof o.commit&&o.commit()}));var xi=__webpack_require__(103),ki={};xi.Z&&xi.Z.locals&&(ki.locals=xi.Z.locals);var Bi,Si=0,Ei={};Ei.setAttributes=Fn(),Ei.insert=Vn().bind(null,"head"),Ei.domAPI=jn(),Ei.insertStyleElement=Zn(),ki.use=function(e){return Ei.options=e||{},Si++||(Bi=Rn()(xi.Z,Ei)),ki},ki.unuse=function(){Si>0&&!--Si&&(Bi(),Bi=null)};var Mi,Ti=ki;Ve("pl-drawer")(Mi=class extends Ge{constructor(){super(),this.onMouseDown=this.onMouseDown.bind(this),this.onMouseUp=this.onMouseUp.bind(this),this.onMouseMove=this.onMouseMove.bind(this)}connectedCallback(){Ti.use(),super.connectedCallback&&super.connectedCallback(),this.__storeUnsubscribe=we.h.subscribe((()=>this._stateChanged(we.h.getState()))),this._stateChanged(we.h.getState())}disconnectedCallback(){Ti.unuse(),this.__storeUnsubscribe&&this.__storeUnsubscribe(),super.disconnectedCallback&&super.disconnectedCallback()}static get properties(){return{drawerOpened:{attribute:!0,type:Boolean},drawerHeight:{attribute:!0,type:Number},isViewallPage:{attribute:!0,type:Boolean},isMouseDown:{attribute:!0,type:Boolean}}}createRenderRoot(){return this}onMouseDown(){this.isMouseDown=!0,we.h.dispatch((0,vr.ct)(!0)),document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp)}onMouseMove(e){const t=e.targetTouches?e.targetTouches[0].clientY:e.clientY,n=window.innerHeight-t+28;this.drawerHeight=n}onMouseUp(){this.isMouseDown=!1,document.removeEventListener("mousemove",this.onMouseMove),document.removeEventListener("mouseup",this.onMouseUp),we.h.dispatch((0,vr.tx)(this.drawerHeight)),we.h.dispatch((0,vr.ct)(!1))}render(){const e={"pl-c-drawer":!0,"pl-js-drawer":!0,"pl-is-active":this.drawerOpened&&!this.isViewallPage},t={height:`${this.drawerOpened&&!this.isViewallPage?this.drawerHeight>20?this.drawerHeight:300:0}px`,transitionDuration:this.isMouseDown?"0ms":"300ms"};return Ce.dy`
+      <div>
+        <div class="pl-c-drawer__cover" ?hidden="${!this.isMouseDown}"></div>
+        <div style="${vi(t)}" class="pl-c-drawer__wrapper">
+          <div class="pl-c-drawer__resizer" @mousedown="${this.onMouseDown}">
+            <svg
+              viewBox="0 0 20 20"
+              preserveAspectRatio="xMidYMid"
+              focusable="false"
+              class="pl-c-drawer__resizer-icon"
+            >
+              <title>Drag to resize Pattern Lab Drawer</title>
+              <path d="M6 0h2v20H6zM13 0h2v20h-2z" />
+            </svg>
+          </div>
+          <div class="${Ci(e)}">
+            <div class="pl-c-drawer__toolbar">
+              <div class="pl-c-drawer__toolbar-controls">
+                <pl-toggle-layout
+                  size="small"
+                  icon-only="true"
+                ></pl-toggle-layout>
+
+                <pl-button
+                  title="Hide pattern info"
+                  title="Menu"
+                  size="small"
+                  icon-only="true"
+                  @click="${e=>we.h.dispatch((0,vr.aw)(!1))}"
+                >
+                  <pl-icon
+                    slot="after"
+                    name="close"
+                    aria-hidden="true"
+                  ></pl-icon>
+                </pl-button>
+              </div>
+            </div>
+            <div class="pl-c-drawer__content pl-js-drawer-content">
+              <div
+                class="pl-c-loader-wrapper pl-c-body--theme-${this.themeMode}"
+              >
+                <div class="pl-c-loader">
+                  <div class="pl-c-loader__content">
+                    <div class="pl-c-loader__message">Loading Code Panel</div>
+                    <div class="pl-c-loader__spinner">
+                      <svg
+                        class="pl-c-loader-svg"
+                        viewBox="0 0 268 255"
+                        aria-hidden="true"
+                      >
+                        <circle
+                          class="pl-c-loader-svg__outer-circle"
+                          cx="134.2"
+                          cy="127.6"
+                          r="115.1"
+                        />
+                        <circle
+                          class="pl-c-loader-svg__inner-circle"
+                          cx="134.2"
+                          cy="127.6"
+                          r="66.3"
+                        />
+                        <path
+                          class="pl-c-loader-svg__electron"
+                          d="M253,56.3c0,15.6-12.6,28.2-28.2,28.2s-28.2-12.6-28.2-28.2s12.6-28.2,28.2-28.2C240.3,28.1,253,40.7,253,56.3z"
+                        />
+                      </svg>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    `}_stateChanged(e){this.themeMode!==e.app.themeMode&&(this.themeMode=e.app.themeMode||"dark"),this.drawerOpened!==e.app.drawerOpened&&(this.drawerOpened=e.app.drawerOpened),this.drawerHeight!==e.app.drawerHeight&&(this.drawerHeight=e.app.drawerHeight),this.isDragging!==e.app.isDragging&&(this.isDragging=e.app.isDragging),this.isViewallPage!==e.app.isViewallPage&&(this.isViewallPage=e.app.isViewallPage)}});var qi=__webpack_require__(104),Li={};qi.Z&&qi.Z.locals&&(Li.locals=qi.Z.locals);var Oi,Pi=0,Ni={};Ni.setAttributes=Fn(),Ni.insert=Vn().bind(null,"head"),Ni.domAPI=jn(),Ni.insertStyleElement=Zn(),Li.use=function(e){return Ni.options=e||{},Pi++||(Oi=Rn()(qi.Z,Ni)),Li},Li.unuse=function(){Pi>0&&!--Pi&&(Oi(),Oi=null)};var Di,Ii=Li;Ve("pl-header")(Di=class extends ft{constructor(){super(),this._wasInitiallyRendered=!1,this.receiveIframeMessage=this.receiveIframeMessage.bind(this),this.handleExternalClicks=this.handleExternalClicks.bind(this),this.toggleNav=this.toggleNav.bind(this)}static get properties(){return{themeMode:String,isActive:Boolean,currentPattern:String}}connectedCallback(){super.connectedCallback&&super.connectedCallback(),Ii.use();const e=we.h.getState();this.currentPattern=e.app.currentPattern||"",this.themeMode=e.app.themeMode||"dark",window.addEventListener("message",this.receiveIframeMessage,!1),document.addEventListener("click",this.handleExternalClicks),gt()(this).bind("esc",(()=>{window.innerWidth<=670&&(this.isActive=!1)}))}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),Ii.unuse(),window.removeEventListener("message",this.receiveIframeMessage),document.removeEventListener("click",this.handleExternalClicks)}_stateChanged(e){this.themeMode!==e.app.themeMode&&(this.themeMode=e.app.themeMode||"dark"),this.currentPattern!==e.app.currentPattern&&(!0===this.isActive&&(this.isActive=!1),this.currentPattern=e.app.currentPattern)}handleExternalClicks(e){window.innerWidth<=670&&(e.target===this.navToggle||e.target.closest(".pl-js-nav-container")||e.target.closest("pl-toggle-layout")||!0!==this.isActive||(this.isActive=!1))}firstUpdated(){this.navToggle=this.renderRoot.querySelector(".pl-js-nav-trigger"),this.navTarget=this.querySelector(".pl-js-nav-target"),window.__PRERENDER_INJECTED||(this._wasInitiallyRendered=!0)}toggleNav(){this.isActive=!this.isActive}render(){var e,t,n,r,i,o,s,a,l,c,u,p,d,h,f,A,g,m,_,b,v,y,w,C,x,k,B,S,E,M,T,q,L,O,P,N,D,I;return Ce.dy`
+      <header class="pl-c-header" role="banner">
+        <button
+          class="pl-c-header__nav-toggle pl-js-nav-trigger"
+          @click="${this.toggleNav}"
+          type="button"
+        >
+          <pl-icon
+            name="${this.isActive?"close":"menu"}"
+            height="20"
+            width="20"
+            fill="currentColor"
+            aria-hidden="true"
+          ></pl-icon>
+          <span class="is-vishidden">Toggle Menu</span>
+        </button>
+
+        ${!1!==(null===(e=window.config)||void 0===e||null===(t=e.theme)||void 0===t?void 0:t.logo)?Ce.dy`
+              <pl-logo
+                src-light="${(null===(n=window.config)||void 0===n||null===(r=n.theme)||void 0===r||null===(i=r.logo)||void 0===i?void 0:i.srcLight)||"styleguide/images/pattern-lab-logo--on-light.svg"}"
+                src-dark="${(null===(o=window.config)||void 0===o||null===(s=o.theme)||void 0===s||null===(a=s.logo)||void 0===a?void 0:a.srcDark)||"styleguide/images/pattern-lab-logo--on-dark.svg"}"
+                url="${""===(null===(l=window.config)||void 0===l||null===(c=l.theme)||void 0===c||null===(u=c.logo)||void 0===u?void 0:u.url)||"none"===(null===(p=window.config)||void 0===p||null===(d=p.theme)||void 0===d||null===(h=d.logo)||void 0===h?void 0:h.url)?"":(null===(f=window.config)||void 0===f||null===(A=f.theme)||void 0===A||null===(g=A.logo)||void 0===g?void 0:g.url)||"./"}"
+                alt-text="${(null===(m=window.config)||void 0===m||null===(_=m.theme)||void 0===_||null===(b=_.logo)||void 0===b?void 0:b.altText)||""}"
+                theme="${this.themeMode}"
+                width="${pr(null===(v=window.config)||void 0===v||null===(y=v.theme)||void 0===y||null===(w=y.logo)||void 0===w?void 0:w.width)}"
+                height="${pr(null===(C=window.config)||void 0===C||null===(x=C.theme)||void 0===x||null===(k=x.logo)||void 0===k?void 0:k.height)}"
+                text="${""===(null===(B=window.config)||void 0===B||null===(S=B.theme)||void 0===S||null===(E=S.logo)||void 0===E?void 0:E.text)||!1===(null===(M=window.config)||void 0===M||null===(T=M.theme)||void 0===T||null===(q=T.logo)||void 0===q?void 0:q.text)||"none"===(null===(L=window.config)||void 0===L||null===(O=L.theme)||void 0===O||null===(P=O.logo)||void 0===P?void 0:P.text)?"":(null===(N=window.config)||void 0===N||null===(D=N.theme)||void 0===D||null===(I=D.logo)||void 0===I?void 0:I.text)||"Pattern Lab"}"
+              ></pl-logo>
+            `:""}
+
+        <nav
+          class="pl-c-nav pl-js-nav-target pl-js-nav-container ${this.isActive?"pl-is-active":""}"
+          role="navigation"
+        >
+          <pl-search max-results="10" placeholder="Find a Pattern"></pl-search>
+          <pl-nav></pl-nav>
+        </nav>
+        <pl-controls></pl-controls>
+      </header>
+    `}receiveIframeMessage(e){const t=this,n=(0,kt.Kz)(e);if(void 0!==n.event&&"patternLab.pageClick"===n.event)try{(window.innerWidth<=670||window.innerWidth>=670&&"vertical"!==t.layoutMode)&&(this.isActive=!1)}catch(r){console.log(r)}}});var Ui=__webpack_require__(105),Ri={};Ui.Z&&Ui.Z.locals&&(Ri.locals=Ui.Z.locals);var zi,ji=0,Hi={};Hi.setAttributes=Fn(),Hi.insert=Vn().bind(null,"head"),Hi.domAPI=jn(),Hi.insertStyleElement=Zn(),Ri.use=function(e){return Hi.options=e||{},ji++||(zi=Rn()(Ui.Z,Hi)),Ri},Ri.unuse=function(){ji>0&&!--ji&&(zi(),zi=null)};var Vi=Ri,Yi=__webpack_require__(106),Fi={};Yi.Z&&Yi.Z.locals&&(Fi.locals=Yi.Z.locals);var Wi,Zi=0,$i={};$i.setAttributes=Fn(),$i.insert=Vn().bind(null,"head"),$i.domAPI=jn(),$i.insertStyleElement=Zn(),Fi.use=function(e){return $i.options=e||{},Zi++||(Wi=Rn()(Yi.Z,$i)),Fi},Fi.unuse=function(){Zi>0&&!--Zi&&(Wi(),Wi=null)};var Gi,Ki=Fi;let Qi=!1;Ve("pl-iframe")(Gi=class extends ft{constructor(){super(),this.handlePageChange=this.handlePageChange.bind(this),this.handlePageLoad=this.handlePageLoad.bind(this),this.receiveIframeMessage=this.receiveIframeMessage.bind(this),this.handleResize=this.handleResize.bind(this),this.handleMouseDown=this.handleMouseDown.bind(this),this.handleIframe404=this.handleIframe404.bind(this)}connectedCallback(){super.connectedCallback&&super.connectedCallback(),Vi.use(),Ki.use(),this.defaultPattern=window.config&&window.config.defaultPattern?window.config.defaultPattern:"all",this.defaultIframeUrl=kt.I.getFileName(this.defaultPattern),!1===Qi&&(Qi=!0,document.addEventListener("patternPartial",this.handlePageLoad),window.addEventListener("popstate",this.handlePageChange));const e=we.h.getState();this.themeMode=e.app.themeMode||"dark",this.isViewallPage=e.app.isViewallPage||!1,this.currentPattern=e.app.currentPattern||"",this.layoutMode=e.app.layoutMode,e.app.viewportPx&&this.sizeiframe(e.app.viewportPx,!1),window.addEventListener("message",this.receiveIframeMessage,!1),window.addEventListener("resize",this.handleResize),this.handleOrientationChange(),this.iframe404Fallback=`\n      <div\n        class="pl-c-loader-wrapper pl-c-body--theme-${this.themeMode}"\n      >\n        <div class="pl-c-loader">\n          <div class="pl-c-loader__content">\n            <div class="pl-c-loader__message">\n              <h1>Oh snap, a 404!</h1>\n              <p>You might want to double-check to see if the page you're looking for has moved or if your URL is correct.</p>\n              <p>Alternatively, <a href="/${this.defaultIframeUrl}">click here</a> to head back to the default Pattern Lab page!</p>\n            </div>\n          </div>\n        </div>\n      </div>\n    `,this._hasInitiallyRendered=!1,this.fullMode=!0,this.viewportResizeHandleWidth=22,this.bodySize=void 0!==window.config.ishFontSize?parseInt(window.config.ishFontSize,10):parseInt(window.getComputedStyle(document.body,null).getPropertyValue("font-size"),10),this.baseIframePath=window.location.protocol+"//"+window.location.host+window.location.pathname.replace("index.html",""),this.defaultIframePath=this.baseIframePath+"?p=components-overview"}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),Vi.unuse(),Ki.unuse()}sanitizePatternName(e){return kt.I.getFileName(e)?e:!document.querySelector(`[data-patternpartial="${e}"]`)&&e?e.replace(/[-][0-9][0-9]/g,""):e}getPatternParam(){const e=window.location.search,t=new URLSearchParams(e).get("p");return null===t?this.defaultPattern:this.sanitizePatternName(t)}handlePageLoad(e){const t=this.getPatternParam();if(t){document.title="Pattern Lab - "+t;const e="file:"===window.location.protocol?null:window.location.protocol+"//"+window.location.host+(window.config.noIndexHtmlremoval?window.location.pathname:window.location.pathname.replace("index.html",""))+"?p="+t;!0===this.dontWipeBrowserHistory?(window.history.replaceState({currentPattern:t},null,e),this.dontWipeBrowserHistory=!1):window.history.pushState({currentPattern:t},null,e)}}handlePageChange(e){var t;null!=e&&null!==(t=e.state)&&void 0!==t&&t.currentPattern?this.navigateTo(e.state.currentPattern):this.navigateTo(this.getPatternParam())}sizeiframe(e,t){let n;const r=this;if(this.iframe){!0===t&&(this.iframeContainer.classList.add("is-animating"),this.iframe.classList.add("is-animating")),n=e<kt.Di?e:kt.Di,e<kt.JA&&(n=kt.JA),n>this.clientWidth&&(n=this.clientWidth),this.iframeContainer.style.width=n+"px",setTimeout((function(){!0===t&&(r.iframeContainer.classList.remove("is-animating"),r.iframe.classList.remove("is-animating"))}),800);const i="file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,o=JSON.stringify({event:"patternLab.resize",resize:"true"});this._hasInitiallyRendered&&this.iframe.contentWindow.postMessage(o,i),this.updateSizeReading(n)}}handleOrientationChange(){const e=this;void 0!==window.orientation&&(this.origOrientation=window.orientation,window.addEventListener("orientationchange",(function(){if(window.orientation!==this.origOrientation){const t=window.innerWidth;e.iframeContainer.style.width=t,e.iframe.style.width=t,e.updateSizeReading(t),this.origOrientation=window.orientation}}),!1))}handleResize(){this.updateSizeReading(this.iframeContainer.clientWidth)}updateSizeReading(e,t,n){if(0===e)return;let r,i;"em"===t?(r=e,i=Math.floor(e*this.bodySize)):(i=e,r=e/this.bodySize),"updatePxInput"===n?we.h.dispatch((0,vr.C)(i)):("updateEmInput"===n||we.h.dispatch((0,vr.C)(i)),we.h.dispatch((0,vr.j)(r.toFixed(2))))}_stateChanged(e){this._hasInitiallyRendered&&(e.app.viewportPx?this.sizeiframe(e.app.viewportPx,!1):this.sizeiframe(this.iframe.clientWidth,!1)),this.layoutMode!==e.app.layoutMode&&(this.layoutMode=e.app.layoutMode,this.iframeContainer&&this.updateSizeReading(this.iframeContainer.clientWidth))}navigateTo(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:kt.sk;const t=this.sanitizePatternName(e),n=kt.I.getFileName(t);n&&(this.iFramePath=""!==n?this.baseIframePath+n+"?"+Date.now():this.defaultIframePath,this.dontWipeBrowserHistory=!0,document.querySelector(".pl-js-iframe").contentWindow.location.replace(this.iFramePath))}firstUpdated(){this.iframe=this.querySelector(".pl-js-iframe"),this.iframeContainer=this.querySelector(".pl-js-vp-iframe-container"),this.iframeCover=this.querySelector(".pl-js-viewport-cover"),this.updateSizeReading(this.iframeContainer.clientWidth);const e=()=>{setTimeout((()=>{this.handleIframe404()}),0)},t=()=>{this.iframe.contentWindow&&(this.iframe.contentWindow.removeEventListener("unload",e),this.iframe.contentWindow.addEventListener("unload",e))};this.iframe.addEventListener("load",t),t()}handleIframe404(){setTimeout((()=>{var e,t,n,r,i,o,s;(null!==(e=this.iframe)&&void 0!==e&&null!==(t=e.contentWindow)&&void 0!==t&&null!==(n=t.document)&&void 0!==n&&null!==(r=n.body)&&void 0!==r&&r.textContent.includes("Cannot GET")||null!==(i=this.iframe)&&void 0!==i&&null!==(o=i.contentWindow)&&void 0!==o&&null!==(s=o.document)&&void 0!==s&&s.title.includes("Error"))&&(this.iframe.contentWindow.document.body.innerHTML=this.iframe404Fallback)}),100)}render(){const e=kt.I.getFileName(this.getPatternParam()),t=!window.config.defaultInitialViewportWidth&&we.h.getState().app.viewportPx&&we.h.getState().app.viewportPx<=this.clientWidth?we.h.getState().app.viewportPx+"px;":"100%";return Ce.dy`
+      <div class="pl-c-viewport pl-js-viewport">
+        <div class="pl-c-viewport__cover pl-js-viewport-cover" hidden></div>
+        <div
+          class="pl-c-viewport__iframe-wrapper pl-js-vp-iframe-container"
+          style="width: ${t}"
+        >
+          <iframe
+            class="pl-c-viewport__iframe pl-js-iframe pl-c-body--theme-${this.themeMode}"
+            src=${pr(""===e?void 0:e)}
+            srcdoc=${pr(""===e?this.iframe404Fallback:void 0)}
+            title="Pattern details"
+          ></iframe>
+
+          <div class="pl-c-viewport__resizer pl-js-resize-container">
+            <div
+              class="pl-c-viewport__resizer-handle pl-js-resize-handle"
+              @mousedown="${this.handleMouseDown}"
+            >
+              <svg
+                viewBox="0 0 20 20"
+                preserveAspectRatio="xMidYMid"
+                focusable="false"
+                class="pl-c-viewport__resizer-handle-icon"
+              >
+                <title>Drag to resize Pattern Lab</title>
+                <path d="M6 0h2v20H6zM13 0h2v20h-2z" />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+    `}handleMouseDown(e){const t=this;t.querySelector(".pl-js-resize-handle").classList.add("is-resizing");const n=e.clientX,r=this.iframeContainer.clientWidth;function i(e){const i=r+2*(e.clientX-n);i>kt.JA&&i<kt.Di?t.sizeiframe(i,!1):i>kt.Di?t.sizeiframe(kt.Di,!1):t.sizeiframe(kt.JA,!1)}return this.fullMode=!1,this.iframeCover.hidden=!1,this.iframeCover.addEventListener("mousemove",i),document.body.addEventListener("mouseup",(function(){t.iframeCover.removeEventListener("mousemove",i),t.iframeCover.hidden=!0,t.querySelector(".pl-js-resize-handle").classList.remove("is-resizing")}),{once:!0}),!1}receiveIframeMessage(e){const t=(0,kt.Kz)(e);if(void 0!==t.event&&"patternLab.pageLoad"===t.event)try{const e=this.sanitizePatternName(t.patternpartial)||this.getPatternParam();document.title="Pattern Lab - "+e;const n="file:"===window.location.protocol?null:window.location.protocol+"//"+window.location.host+(window.config.noIndexHtmlremoval?window.location.pathname:window.location.pathname.replace("index.html",""))+"?p="+e;window.history.replaceState({currentPattern:e},null,n);const r=kt.I.getFileName(e);r&&we.h.dispatch((0,vr.fk)(r)),we.h.dispatch((0,vr.X0)(e))}catch(n){console.log(n)}}});var Ji=__webpack_require__(107),Xi={};Ji.Z&&Ji.Z.locals&&(Xi.locals=Ji.Z.locals);var eo,to=0,no={};no.setAttributes=Fn(),no.insert=Vn().bind(null,"head"),no.domAPI=jn(),no.insertStyleElement=Zn(),Xi.use=function(e){return no.options=e||{},to++||(eo=Rn()(Ji.Z,no)),Xi},Xi.unuse=function(){to>0&&!--to&&(eo(),eo=null)};var ro,io=Xi;Ve("pl-tools-menu")(ro=class extends ft{static get properties(){return{isOpen:Boolean,layoutMode:String,currentUrl:String}}_stateChanged(e){this.currentUrl!==e.app.currentUrl&&(this.currentUrl=e.app.currentUrl),this.layoutMode!==e.app.layoutMode&&(this.layoutMode=e.app.layoutMode||"vertical")}constructor(){super(),this.handleClick=this.handleClick.bind(this),this.receiveIframeMessage=this.receiveIframeMessage.bind(this),this.handleExternalClicks=this.handleExternalClicks.bind(this)}connectedCallback(){super.connectedCallback&&super.connectedCallback(),io.use();const e=we.h.getState(),{ishControlsHide:t}=window.ishControls;this.currentUrl=e.app.currentUrl||"",this.ishControlsHide=t,window.addEventListener("message",this.receiveIframeMessage,!1),document.addEventListener("click",this.handleExternalClicks),gt()(this).bind("esc",(()=>{this.close()}))}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),io.unuse(),document.removeEventListener("click",this.handleExternalClicks),window.removeEventListener("message",this.receiveIframeMessage)}handleExternalClicks(e){window.innerWidth>=670&&"vertical"===this.layoutMode||this.contains(e.target)||!0!==this.isOpen||(this.isOpen=!1)}close(){this.isOpen=!1}toggle(){this.isOpen?this.close():this.open()}open(){this.isOpen=!0}handleClick(e){window.innerWidth>=670&&"vertical"===this.layoutMode||(e.preventDefault(),e.stopPropagation(),this.toggle())}receiveIframeMessage(e){const t=this,n=(0,kt.Kz)(e);if(void 0!==n.event&&"patternLab.pageClick"===n.event)try{t.isOpen=!1}catch(r){console.log(r)}}render(){return window.innerWidth>=670&&"vertical"===this.layoutMode&&(this.isOpen=!0),Ce.dy`
+      <div class="pl-c-tools">
+        <pl-button
+          icon-only
+          @click="${this.handleClick}"
+          class="pl-c-tools__toggle"
+          title="Settings"
+        >
+          <pl-icon name="settings" slot="after" aria-hidden="true"></pl-icon>
+        </pl-button>
+        <ul
+          class="pl-c-tools__list pl-js-acc-panel ${this.isOpen?"is-open":""}"
+        >
+          <li class="pl-c-tools__item">
+            <pl-toggle-info></pl-toggle-info>
+          </li>
+
+          <li class="pl-c-tools__item">
+            <pl-toggle-layout text="Switch Layout"></pl-toggle-layout>
+          </li>
+          <li class="pl-c-tools__item">
+            <pl-toggle-theme></pl-toggle-theme>
+          </li>
+
+          ${this.ishControlsHide["views-new"]?"":Ce.dy`
+                <li class="pl-c-tools__item">
+                  <pl-button
+                    href="${this.currentUrl}"
+                    target="_blank"
+                    class="pl-js-open-new-window"
+                  >
+                    Open In New Tab
+                    <pl-icon
+                      name="new-tab"
+                      slot="after"
+                      aria-hidden="true"
+                    ></pl-icon>
+                  </pl-button>
+                </li>
+              `}
+          ${this.ishControlsHide["tools-docs"]?"":Ce.dy`
+                <li class="pl-c-tools__item">
+                  <pl-button href="https://patternlab.io" target="_blank">
+                    Pattern Lab Docs
+                    <pl-icon
+                      name="help"
+                      slot="after"
+                      aria-hidden="true"
+                    ></pl-icon>
+                  </pl-button>
+                </li>
+              `}
+        </ul>
+      </div>
+    `}});var oo=__webpack_require__(108),so={};oo.Z&&oo.Z.locals&&(so.locals=oo.Z.locals);var ao,lo=0,co={};co.setAttributes=Fn(),co.insert=Vn().bind(null,"head"),co.domAPI=jn(),co.insertStyleElement=Zn(),so.use=function(e){return co.options=e||{},lo++||(ao=Rn()(oo.Z,co)),so},so.unuse=function(){lo>0&&!--lo&&(ao(),ao=null)};var uo,po,ho=so;ie((po=class extends ht{_stateChanged(e){this.triggerUpdate(),this.layoutMode!==e.app.layoutMode&&(this.layoutMode=e.app.layoutMode||"vertical",this.tooltipPos="horizontal"===this.layoutMode?"bottom":"top")}constructor(){super(),this.sizes=Object.freeze({ZERO:"zero",SMALL:"small",MEDIUM:"medium",LARGE:"large",FULL:"full",RANDOM:"random",DISCO:"disco",HAY:"hay"}),this.discomode=!1,this.doscoId=null,this.hayMode=!1,this.hayId=null,this.layoutMode=null,this.tooltipPos=null,this.controlIsPressed=!1,this.altIsPressed=!1,this.resizeViewport=this.resizeViewport.bind(this),this.useShadow=!1}connectedCallback(){var e;super.connectedCallback&&super.connectedCallback(),ho.use();we.h.getState();const{ishControlsHide:t}=null===(e=window)||void 0===e?void 0:e.ishControls;this.ishControlsHide=t,document.removeEventListener("keydown",this.handleKeyDownEvent),document.removeEventListener("keyup",this.handleKeyCombination),document.addEventListener("keydown",this.handleKeyDownEvent.bind(this)),document.addEventListener("keyup",this.handleKeyCombination.bind(this)),this.receiveIframeMessage=this.receiveIframeMessage.bind(this),window.removeEventListener("message",this.receiveIframeMessage),window.addEventListener("message",this.receiveIframeMessage,!1)}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),ho.unuse()}shouldUpdate(e,t){return!0}resizeViewport(e){if(this.iframe)switch(this.killDisco(),this.killHay(),e){case this.sizes.ZERO:this.iframe.fullMode=!1,this.iframe.sizeiframe(0,!0);case this.sizes.SMALL:this.iframe.fullMode=!1,this.iframe.sizeiframe((0,kt.sZ)(kt.JA,void 0!==window.config.ishViewportRange?parseInt(window.config.ishViewportRange.s[1],10):500),!0);break;case this.sizes.MEDIUM:this.iframe.fullMode=!1,this.iframe.sizeiframe((0,kt.sZ)(void 0!==window.config.ishViewportRange?parseInt(window.config.ishViewportRange.m[0],10):500,void 0!==window.config.ishViewportRange?parseInt(window.config.ishViewportRange.m[1],10):800),!0);break;case this.sizes.LARGE:this.iframe.fullMode=!1,this.iframe.sizeiframe((0,kt.sZ)(void 0!==window.config.ishViewportRange?parseInt(window.config.ishViewportRange.l[0],10):800,void 0!==window.config.ishViewportRange?parseInt(window.config.ishViewportRange.l[1],10):1e3),!0);break;case this.sizes.FULL:this.iframe.fullMode=!0,this.iframe.sizeiframe(kt.Di,!0);break;case this.sizes.RANDOM:this.fullMode=!1,this.iframe.sizeiframe(this.getRangeRandomNumber(),!0);break;case this.sizes.DISCO:this.fullMode=!1,this.startDisco();break;case this.sizes.HAY:this.fullMode=!1,this.iframe.sizeiframe(kt.JA,!0),this.startHay()}}getRangeRandomNumber(){return(0,kt.sZ)(kt.JA,kt.Di>this.iframe.clientWidth?this.iframe.clientWidth:kt.Di)}startDisco(){this.discoMode=!0,this.discoId=setInterval(this.disco.bind(this),1e3)}killDisco(){this.discoMode=!1,clearInterval(this.discoId),this.discoID=null}disco(){this.iframe.sizeiframe(this.getRangeRandomNumber(),!0)}startHay(){this.hayMode=!0,this.hayId=setInterval(this.hay.bind(this),100)}killHay(){this.hayMode=!1,clearInterval(this.hayId),this.hayId=null}hay(){this.iframe.sizeiframe(we.h.getState().app.viewportPx+1,!0)}handleKeyDownEvent(e){"Control"===e.key&&(this.controlIsPressed=!0),"Alt"===e.key&&(this.altIsPressed=!0)}handleKeyCombination(e){const t=this.controlIsPressed,n=this.altIsPressed;t&&n&&("Digit0"===e.code||"Numpad0"===e.code)?this.resizeViewport(this.sizes.ZERO):t&&n&&"KeyS"===e.code?this.resizeViewport(this.sizes.SMALL):t&&n&&"KeyM"===e.code?this.resizeViewport(this.sizes.MEDIUM):t&&n&&"KeyL"===e.code?this.resizeViewport(this.sizes.LARGE):t&&n&&"KeyF"===e.code?this.resizeViewport(this.sizes.FULL):t&&n&&"KeyR"===e.code?this.resizeViewport(this.sizes.RANDOM):t&&n&&"KeyD"===e.code?this.resizeViewport(this.sizes.DISCO):t&&n&&"KeyH"===e.code&&this.resizeViewport(this.sizes.HAY),"Control"===e.key&&(this.controlIsPressed=!1),"Alt"===e.key&&(this.altIsPressed=!1)}receiveIframeMessage(e){const t=(0,kt.Kz)(e);t.event&&"patternLab.iframeKeyDownEvent"===t.event?this.handleKeyDownEvent(t):t.event&&"patternLab.iframeKeyUpEvent"===t.event&&this.handleKeyCombination(t)}rendered(){this.iframe=document.querySelector("pl-iframe"),this.iframeElem=document.querySelector("pl-iframe iframe")}render(){var e,t,n,r,i,o,s;return(0,ye.h)("ul",{class:"pl-c-size-list"},!(null!==(e=this.ishControlsHide)&&void 0!==e&&e.s)&&(0,ye.h)("li",{class:"pl-c-size-list__item"},(0,ye.h)("pl-tooltip",{message:"Small",position:this.tooltipPos},(0,ye.h)("button",{slot:"default",class:"pl-c-size-list__action",onClick:()=>this.resizeViewport(this.sizes.SMALL),dangerouslySetInnerHTML:{__html:'\n                      <span class="is-vishidden">Resize viewport to small</span>\n                      <pl-icon name="phone" aria-hidden="true"></pl-icon>\n                    '},type:"button"}))),!(null!==(t=this.ishControlsHide)&&void 0!==t&&t.m)&&(0,ye.h)("li",{class:"pl-c-size-list__item"},(0,ye.h)("pl-tooltip",{message:"Medium",position:this.tooltipPos},(0,ye.h)("button",{slot:"default",class:"pl-c-size-list__action",onClick:()=>this.resizeViewport(this.sizes.MEDIUM),dangerouslySetInnerHTML:{__html:'\n                      <span class="is-vishidden">Resize viewport to medium</span>\n                      <pl-icon name="tablet" aria-hidden="true"></pl-icon>\n                    '},type:"button"}))),!(null!==(n=this.ishControlsHide)&&void 0!==n&&n.l)&&(0,ye.h)("li",{class:"pl-c-size-list__item"},(0,ye.h)("pl-tooltip",{message:"Large",position:this.tooltipPos},(0,ye.h)("button",{slot:"default",class:"pl-c-size-list__action",onClick:()=>this.resizeViewport(this.sizes.LARGE),dangerouslySetInnerHTML:{__html:'\n                      <span class="is-vishidden">Resize viewport to large</span>\n                      <pl-icon name="laptop" aria-hidden="true"></pl-icon>\n                    '},type:"button"}))),!(null!==(r=this.ishControlsHide)&&void 0!==r&&r.full)&&(0,ye.h)("li",{class:"pl-c-size-list__item"},(0,ye.h)("pl-tooltip",{message:"Full",position:this.tooltipPos},(0,ye.h)("button",{slot:"default",class:"pl-c-size-list__action",onClick:()=>this.resizeViewport(this.sizes.FULL),dangerouslySetInnerHTML:{__html:'\n                      <span class="is-vishidden">Resize viewport to full</span>\n                      <pl-icon name="desktop" aria-hidden="true"></pl-icon>\n                    '},type:"button"}))),!(null!==(i=this.ishControlsHide)&&void 0!==i&&i.random)&&(0,ye.h)("li",{class:"pl-c-size-list__item"},(0,ye.h)("pl-tooltip",{message:"Random",position:this.tooltipPos},(0,ye.h)("button",{slot:"default",class:"pl-c-size-list__action",onClick:()=>this.resizeViewport(this.sizes.RANDOM),dangerouslySetInnerHTML:{__html:'\n                      <span class="is-vishidden">Resize viewport to random</span>\n                      <pl-icon name="random" aria-hidden="true"></pl-icon>\n                    '},type:"button"}))),!(null!==(o=this.ishControlsHide)&&void 0!==o&&o.disco)&&(0,ye.h)("li",{class:"pl-c-size-list__item"},(0,ye.h)("pl-tooltip",{message:"Disco",position:this.tooltipPos},(0,ye.h)("button",{slot:"default",class:"pl-c-size-list__action",onClick:()=>this.resizeViewport(this.sizes.DISCO),dangerouslySetInnerHTML:{__html:'\n                      <span class="is-vishidden">Resize viewport using disco mode!</span>\n                      <pl-icon name="disco-ball" aria-hidden="true"></pl-icon>\n                    '},type:"button"}))),!(null!==(s=this.ishControlsHide)&&void 0!==s&&s.hay)&&(0,ye.h)("li",{class:"pl-c-size-list__item"},(0,ye.h)("pl-tooltip",{message:"Hay",position:this.tooltipPos},(0,ye.h)("button",{slot:"default",class:"pl-c-size-list__action",onClick:()=>this.resizeViewport(this.sizes.HAY),dangerouslySetInnerHTML:{__html:'\n                     <span class="is-vishidden">Resize viewport using hay mode!</span>\n                     <pl-icon name="hay" aria-hidden="true"></pl-icon>\n                   '},type:"button"}))))}},po.is="pl-viewport-sizes",uo=po));__webpack_require__(151);Promise.all([__webpack_require__.e(4),__webpack_require__.e(3)]).then(__webpack_require__.bind(__webpack_require__,153))}(),__webpack_exports__=__webpack_require__.O(__webpack_exports__)})();
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/patternlab-viewer.modern.js.LICENSE.txt b/review/refactor-icon-update/styleguide/js/patternlab-viewer.modern.js.LICENSE.txt
new file mode 100644
index 0000000000..80c20f9574
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/patternlab-viewer.modern.js.LICENSE.txt
@@ -0,0 +1,101 @@
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+/*!
+  * $script.js JS loader & dependency manager
+  * https://github.com/ded/script.js
+  * (c) Dustin Diaz 2014 | License MIT
+  */
+
+/*!
+ * Basic postMessage Support
+ *
+ * Copyright (c) 2013-2016 Dave Olsen, http://dmolsen.com
+ * Licensed under the MIT license
+ *
+ * Handles the postMessage stuff in the pattern, view-all, and style guide templates.
+ *
+ */
+
+/*!
+ * EventEmitter v5.2.9 - git.io/ee
+ * Unlicense - http://unlicense.org/
+ * Oliver Caldwell - https://oli.me.uk/
+ * @preserve
+ */
+
+/*!
+ * The buffer module from node.js, for the browser.
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+
+/*!
+ * URL Handler
+ *
+ * Copyright (c) 2013-2014 Dave Olsen, http://dmolsen.com
+ * Licensed under the MIT license
+ *
+ * Helps handle the initial iFrame source. Parses a string to see if it matches
+ * an expected pattern in Pattern Lab. Supports Pattern Lab's fuzzy pattern partial
+ * matching style.
+ *
+ */
+
+/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
+
+/*! safe-buffer. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
+
+/**
+ * @license
+ * Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt The complete set of authors may be found
+ * at http://polymer.github.io/AUTHORS.txt The complete set of contributors may
+ * be found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by
+ * Google as part of the polymer project is also subject to an additional IP
+ * rights grant found at http://polymer.github.io/PATENTS.txt
+ */
+
+/**
+ * @license
+ * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ */
+
+/**
+ * @license
+ * Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ */
+
+/**
+@license
+Copyright (c) 2019 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at
+http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
+http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
+found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
+part of the polymer project is also subject to an additional IP rights grant
+found at http://polymer.github.io/PATENTS.txt
+*/
diff --git a/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-082269fe1422e7ecd42b.js b/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-082269fe1422e7ecd42b.js
new file mode 100644
index 0000000000..da31331c0e
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-082269fe1422e7ecd42b.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_pattern_lab_uikit_workshop=self.webpackChunk_pattern_lab_uikit_workshop||[]).push([[3],{392:function(e,t,n){n.r(t),n.d(t,{modalViewer:function(){return P}});var a,i,o,r=n(393),l=n(26),s=n(78),c=n.n(s),p=n(305),d=n.n(p),u=n(18),m=n(289),f=n(267),g=n.n(f),h=(n(396),n(397),n(398),n(399),n(400),n(401),n(402),n(403),n(404),n(405),n(406),n(407),n(408),n(409),g()),v={panels:[],count:function(){return this.panels.length},get:function(){return JSON.parse(JSON.stringify(v.panels))},add:function(e){for(var t=0;t<this.panels.length;++t)if(e.id===this.panels[t].id)return;this.panels.push(e)},remove:function(e){for(var t=this.panels,n=t.length-1;n>=0;n--)if(t[n].id===e){var a=t[n];return t.splice(n,1),void(a.default&&t.length&&(t[0].default=!0))}}};l.Up.trigger("setupPanels"),a=void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.rawTemplate?window.config.outputFileSuffixes.rawTemplate:"",i=void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.markupOnly?window.config.outputFileSuffixes.markupOnly:".markup-only",o=Object.keys(h.languages),v.add({id:"pl-panel-pattern",name:window.config.patternExtension.toUpperCase(),default:!window.config.defaultPatternInfoPanelCode||window.config.defaultPatternInfoPanelCode===window.config.patternExtension,templateID:"pl-panel-template-code",httpRequest:!0,httpRequestReplace:a,httpRequestCompleted:!1,prismHighlight:!0,language:o[window.config.patternExtension],keyCombo:"ctrl+shift+u"}),v.add({id:"pl-panel-html",name:"HTML",default:window.config.defaultPatternInfoPanelCode&&"html"===window.config.defaultPatternInfoPanelCode,templateID:"pl-panel-template-code",httpRequest:!0,httpRequestReplace:i+".html",httpRequestCompleted:!1,prismHighlight:!0,language:"markup",keyCombo:"ctrl+shift+y"}),window.patternlab||(window.patternlab={}),window.patternlab.panels=v;var w={addClickEvents:function(e,t){for(var n=e.querySelectorAll(".pl-js-tab-link"),a=0;a<n.length;++a)n[a].onclick=function(e){e.preventDefault();var t=this.getAttribute("data-patternpartial"),n=this.getAttribute("data-panelid");w.show(t,n)};return e},show:function(e,t){for(var n="pl-is-active-tab",a=document.querySelector("#pl-".concat(e,"-").concat(t,"-panel")),i=a.closest(".pl-js-tabs"),o=i.querySelectorAll(".pl-js-tab-link"),r=i.querySelectorAll(".pl-js-tab-panel"),l=i.querySelector("#pl-".concat(e,"-").concat(t,"-tab")),s=0;s<o.length;++s)o[s].classList.remove(n);for(var c=0;c<r.length;++c)r[c].classList.remove(n);l.classList.add(n),a.classList.add(n)}},y=n(23);new(n.n(y)())(".pl-js-code-copy-btn").on("success",(function(e){for(var t=document.querySelectorAll(".pl-js-code-copy-btn"),n=0;n<t.length;n++)t[n].querySelector(".pl-c-code-copy-btn__icon-text").innerText="Copy";e.trigger.classList.add("is-copied"),e.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copied",setTimeout((function(){e.trigger.classList.remove("is-copied"),e.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copy",e.clearSelection(),e.trigger.blur()}),2e3)}));var E,S=n(268);var b=new(n.n(S)())({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0,"break-lines":100,indent:2,"remove-initial-line-feed":!0,"tabs-to-spaces":2,"spaces-to-tabs":2}),q={targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,initCopy:!1,initMoveTo:0,checkPanels:function(e,t,n,a){for(var i=0,o=0;o<e.length;++o)void 0!==e[o].content&&i++;i===v.count()&&q.renderPanels(e,t,n,a)},gatherPanels:function(e,t,n){var a,i,o;l.Up.addListener("checkPanels",q.checkPanels);for(var r=v.get(),s=0;s<r.length;++s){var p=r[s];if(void 0===p.name&&(p.name=e.patternEngineName||e.patternExtension,p.language=e.patternExtension),void 0===p.httpRequestReplace&&(p.httpRequestReplace=""),""===p.httpRequestReplace&&(p.httpRequestReplace=p.httpRequestReplace+"."+e.patternExtension),void 0!==p.templateID&&p.templateID)if(void 0!==p.httpRequest&&p.httpRequest){var f=l.I.getFileName(e.patternPartial,!1),g=new XMLHttpRequest;g.onload=function(e,a,i,r){return function(){var r=this.responseText;r.startsWith("<!DOCTYPE html>")&&(r=""),o="HTML"===a[e].name?d()(r,{ocd:!0}):r;var s=h.highlight(o,h.languages[a[e].name.toLowerCase()]||h.languages.markup),c=function(e,t){return(0,u.dy)(E||(n=['\n                  <pre\n                    class="language-markup"\n                  ><code id="pl-code-fill-','" class="language-','">',"</code></pre>\n                "],a||(a=n.slice(0)),E=Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(a)}}))),t,t,(0,m.A)(e));var n,a},p=document.createDocumentFragment(),f=document.createDocumentFragment();(0,u.sY)(c(s,"html"),p),(0,u.sY)(c(o,"html"),f),p.children?a[e].content=p.children[0].outerHTML:f.children?a[e].content=f.children[0].outerHTML:a[e].content='<pre class="language-markup"><code id="pl-code-fill-html" class="language-html">'+o.replace(/</g,"&lt;").replace(/>/g,"&gt;")+"</code></pre>",l.Up.trigger("checkPanels",[a,i,t,n])}}(s,r,e),g.open("GET",f+p.httpRequestReplace+"?"+(new Date).getTime(),!0),g.send()}else{a=document.getElementById(p.templateID),i=c().compile(a.innerHTML)(e);var w=b.normalize(i);w.replace(/[\r\n]+/g,"\n\n");var y=h.highlight(w,h.languages.html);r[s].content=y,l.Up.trigger("checkPanels",[r,e,t,n])}}},renderPanels:function(e,t,n,a){var i,o,r,s,p=t,d=p.patternPartial;p.panels=e,n||0!==p.patternDesc.length||(p.patternDesc=""),p.patternNameCaps=p.patternName.toUpperCase();var u=document.createElement("div");u.innerHTML=p.patternMarkup,r=1,p.annotations=[],delete p.patternMarkup;for(var m=0;m<window.comments.comments.length;++m)s=window.comments.comments[m],u.querySelectorAll(s.el).length>0&&(o={displayNumber:r,el:s.el,title:s.title,comment:s.comment},p.annotations.push(o),r++);if(p.annotations.length>0){var f=JSON.stringify({event:"patternLab.annotationsHighlightShow",annotations:p.annotations});document.querySelector(".pl-js-iframe").contentWindow.postMessage(f,q.targetOrigin)}if(p.lineage.length>0)for(var g=0;g<p.lineage.length;++g)g<p.lineage.length-1&&(p.lineage[g].hasComma=!0);if(p.lineageR.length>0)for(var h=0;h<p.lineageR.length;++h)h<p.lineageR.length-1&&(p.lineageR[h].hasComma=!0);p.patternDescExists=p.patternDesc.length>0||void 0!==p.patternDescAdditions&&p.patternDescAdditions.length>0,p.lineageExists=0!==p.lineage.length,p.lineageRExists=0!==p.lineageR.length,p.patternStateExists=p.patternState.length>0,p.annotationExists=p.annotations.length>0,p.descBlockExists=p.patternDescExists||p.lineageExists||p.lineageRExists||p.patternStateExists||p.annotationExists,p.isPatternView=!1===n;var v=document.querySelector(".pl-js-panel-template-base");i=c().compile(v.innerHTML)(p);var y=document.createElement("div");y.className="pl-c-pattern-info",y.innerHTML=i,i=y,i=w.addClickEvents(i,d);for(var E=0;E<e.length;++E){var S=e[E],b="#pl-"+d+"-"+S.id+"-tab",C="#pl-"+d+"-"+S.id+"-panel";null!==i.querySelector(b)&&S.default&&(i.querySelector(b).classList.add("pl-is-active-tab"),i.querySelector(C).classList.add("pl-is-active-tab"))}l.Up.trigger("insertPanels",[i,d,n,a])}},C=n(17),k=n(410),P={delayCheckingModalViewer:!1,iframeElement:document.querySelector(".pl-js-iframe"),iframeCustomElement:document.querySelector("pl-iframe"),active:!1,switchText:!0,template:"info",patternData:{},targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,onReady:function(){window.addEventListener("message",P.receiveIframeMessage,!1),l.Up.addListener("insertPanels",P.insert),P.__storeUnsubscribe=C.h.subscribe((function(){return P._stateChanged(C.h.getState())})),P._stateChanged(C.h.getState());var e=l.I.getRequestVars();void 0===e.view||"code"!==e.view&&"c"!==e.view&&"annotations"!==e.view&&"a"!==e.view||C.h.dispatch((0,k.aw)(!0))},toggle:function(){P.active?C.h.dispatch((0,k.aw)(!1)):C.h.dispatch((0,k.aw)(!0))},open:function(){if(P.queryPattern(),P.patternData&&P.patternData.annotations&&P.patternData.annotations.length>0){var e=JSON.stringify({event:"patternLab.annotationsHighlightShow",annotations:P.patternData.annotations});P.iframeElement.contentWindow?P.iframeElement.contentWindow.postMessage(e,P.targetOrigin):(P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow?P.open():console.log("modelViewer open cannot find the iframeElement..."))}},close:function(){var e=JSON.stringify({event:"patternLab.patternModalClose"});if(P.iframeElement)if(P.iframeElement.contentWindow){P.iframeElement.contentWindow.postMessage(e,P.targetOrigin);var t=JSON.stringify({event:"patternLab.annotationsHighlightHide"});P.iframeElement.contentWindow.postMessage(t,P.targetOrigin)}else P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow?P.close():console.log("modelViewer close cannot find the iframeElement...")},insert:function(e,t,n,a){if(n){var i=JSON.stringify({event:"patternLab.patternModalInsert",patternPartial:t,modalContent:e.outerHTML});P.iframeElement.contentWindow?P.iframeElement.contentWindow.postMessage(i,P.targetOrigin):(P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow?P.insert(e,t,n):console.log("modelViewer insert cannot find the iframeElement..."))}else{var o=document.querySelector(".pl-js-drawer-content");if(null!==o.firstChild)for(;null!==o.firstChild;)o.removeChild(o.firstChild);o.appendChild(e),P.addClickEvents(o)}},addClickEvents:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document;e.querySelectorAll(".pl-js-lineage-link").forEach((function(e){e.addEventListener("click",(function(e){var t=e.target.getAttribute("data-patternpartial");t&&P.iframeCustomElement&&(e.preventDefault(),P.iframeCustomElement.navigateTo(t))}))}))},refresh:function(e,t,n){P.patternData=e,q.gatherPanels(e,t,n)},slide:function(e){P.toggle()},slideToAnnotation:function(e){for(var t=document.querySelectorAll(".pl-js-annotations li"),n=0;n<t.length;++n)t[n].classList.remove("pl-is-active");for(var a=document.querySelector(".pl-js-pattern-info"),i=0;i<t.length;++i)i+1===e&&(t[i].classList.add("pl-is-active"),(0,r.X5)(a,{top:t[i].offsetTop-14,behavior:"smooth"}).then((function(){})))},queryPattern:function(e){var t=JSON.stringify({event:"patternLab.patternQuery",switchText:e});P.iframeElement?P.iframeElement.contentWindow?P.iframeElement.contentWindow.postMessage(t,P.targetOrigin):(P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow?P.queryPattern(e):console.log("queryPattern cannot find the iframeElement...")):(P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow&&P.iframeElement.contentWindow.postMessage(t,P.targetOrigin))},receiveIframeMessage:function(e){var t=(0,l.Kz)(e);void 0!==t.event&&"patternLab.pageLoad"===t.event?(P.delayCheckingModalViewer&&P._handleInitialModalViewerState(),0===t.patternpartial.indexOf("viewall-")||0===t.patternpartial.indexOf("all")?C.h.dispatch((0,k.wB)(!0)):C.h.dispatch((0,k.wB)(!1)),!1===P.active&&void 0!==t.patternpartial&&0===t.patternpartial.indexOf("viewall-")&&void 0!==window.config.defaultShowPatternInfo&&window.config.defaultShowPatternInfo?P.queryPattern(!1):!0===P.active&&P.queryPattern()):void 0!==t.event&&"patternLab.patternQueryInfo"===t.event?P.panelRendered&&P.previouslyRenderedPattern===t.patternData.patternPartial||P.refresh(t.patternData,t.iframePassback,t.switchText):void 0!==t.event&&"patternLab.annotationNumberClicked"===t.event&&P.slideToAnnotation(t.displayNumber)},_handleInitialModalViewerState:function(){P.iframeElement||(P.iframeElement=document.querySelector(".pl-js-iframe")),P.iframeElement?(P.delayCheckingModalViewer=!1,P.active?P.open():P.close()):P.delayCheckingModalViewer=!0},_stateChanged:function(e){P.active!==e.app.drawerOpened&&(P.active=e.app.drawerOpened,P.iframeElement&&P._handleInitialModalViewerState())}};P.onReady()}}]);
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-0b840aaea2077eba5b42.modern.js b/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-0b840aaea2077eba5b42.modern.js
new file mode 100644
index 0000000000..9e5b2d05d7
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-0b840aaea2077eba5b42.modern.js
@@ -0,0 +1,5 @@
+"use strict";(self.webpackChunk_pattern_lab_uikit_workshop=self.webpackChunk_pattern_lab_uikit_workshop||[]).push([[3],{153:function(e,t,n){n.r(t),n.d(t,{modalViewer:function(){return b}});var a=n(154),i=n(13),o=n(43),l=n.n(o),r=n(109),s=n.n(r),c=n(11),p=n(93),d=n(44),m=n.n(d);n(157),n(158),n(159),n(160),n(161),n(162),n(163),n(164),n(165),n(166),n(167),n(168),n(169),n(170);const g=m(),u={panels:[],count(){return this.panels.length},get(){return JSON.parse(JSON.stringify(u.panels))},add(e){for(let t=0;t<this.panels.length;++t)if(e.id===this.panels[t].id)return;this.panels.push(e)},remove(e){const t=this.panels;for(let n=t.length-1;n>=0;n--)if(t[n].id===e){const e=t[n];return t.splice(n,1),void(e.default&&t.length&&(t[0].default=!0))}}};i.Up.trigger("setupPanels"),function(){const e=void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.rawTemplate?window.config.outputFileSuffixes.rawTemplate:"",t=void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.markupOnly?window.config.outputFileSuffixes.markupOnly:".markup-only",n=Object.keys(g.languages);u.add({id:"pl-panel-pattern",name:window.config.patternExtension.toUpperCase(),default:!window.config.defaultPatternInfoPanelCode||window.config.defaultPatternInfoPanelCode===window.config.patternExtension,templateID:"pl-panel-template-code",httpRequest:!0,httpRequestReplace:e,httpRequestCompleted:!1,prismHighlight:!0,language:n[window.config.patternExtension],keyCombo:"ctrl+shift+u"}),u.add({id:"pl-panel-html",name:"HTML",default:window.config.defaultPatternInfoPanelCode&&"html"===window.config.defaultPatternInfoPanelCode,templateID:"pl-panel-template-code",httpRequest:!0,httpRequestReplace:t+".html",httpRequestCompleted:!1,prismHighlight:!0,language:"markup",keyCombo:"ctrl+shift+y"}),window.patternlab||(window.patternlab={}),window.patternlab.panels=u}();const f={addClickEvents(e,t){const n=e.querySelectorAll(".pl-js-tab-link");for(let a=0;a<n.length;++a)n[a].onclick=function(e){e.preventDefault();const t=this.getAttribute("data-patternpartial"),n=this.getAttribute("data-panelid");f.show(t,n)};return e},show(e,t){const n="pl-is-active-tab",a=document.querySelector(`#pl-${e}-${t}-panel`),i=a.closest(".pl-js-tabs"),o=i.querySelectorAll(".pl-js-tab-link"),l=i.querySelectorAll(".pl-js-tab-panel"),r=i.querySelector(`#pl-${e}-${t}-tab`);for(let s=0;s<o.length;++s)o[s].classList.remove(n);for(let s=0;s<l.length;++s)l[s].classList.remove(n);r.classList.add(n),a.classList.add(n)}};var h=n(15);new(n.n(h)())(".pl-js-code-copy-btn").on("success",(function(e){const t=document.querySelectorAll(".pl-js-code-copy-btn");for(let n=0;n<t.length;n++)t[n].querySelector(".pl-c-code-copy-btn__icon-text").innerText="Copy";e.trigger.classList.add("is-copied"),e.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copied",setTimeout((()=>{e.trigger.classList.remove("is-copied"),e.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copy",e.clearSelection(),e.trigger.blur()}),2e3)}));var w=n(77);const v=new(n.n(w)())({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0,"break-lines":100,indent:2,"remove-initial-line-feed":!0,"tabs-to-spaces":2,"spaces-to-tabs":2}),y={targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,initCopy:!1,initMoveTo:0,checkPanels(e,t,n,a){let i=0;for(let o=0;o<e.length;++o)void 0!==e[o].content&&i++;i===u.count()&&y.renderPanels(e,t,n,a)},gatherPanels(e,t,n){let a,o,r,d;i.Up.addListener("checkPanels",y.checkPanels);const m=u.get();for(let u=0;u<m.length;++u){const f=m[u];if(void 0===f.name&&(f.name=e.patternEngineName||e.patternExtension,f.language=e.patternExtension),void 0===f.httpRequestReplace&&(f.httpRequestReplace=""),""===f.httpRequestReplace&&(f.httpRequestReplace=f.httpRequestReplace+"."+e.patternExtension),void 0!==f.templateID&&f.templateID)if(void 0!==f.httpRequest&&f.httpRequest){const a=i.I.getFileName(e.patternPartial,!1),o=new XMLHttpRequest;o.onload=function(e,a,o,l){return function(){let l=this.responseText;l.startsWith("<!DOCTYPE html>")&&(l=""),d="HTML"===a[e].name?s()(l,{ocd:!0}):l;const r=g.highlight(d,g.languages[a[e].name.toLowerCase()]||g.languages.markup),m=(e,t)=>c.dy`
+                  <pre
+                    class="language-markup"
+                  ><code id="pl-code-fill-${t}" class="language-${t}">${(0,p.A)(e)}</code></pre>
+                `,u=document.createDocumentFragment(),f=document.createDocumentFragment();(0,c.sY)(m(r,"html"),u),(0,c.sY)(m(d,"html"),f),u.children?a[e].content=u.children[0].outerHTML:f.children?a[e].content=f.children[0].outerHTML:a[e].content='<pre class="language-markup"><code id="pl-code-fill-html" class="language-html">'+d.replace(/</g,"&lt;").replace(/>/g,"&gt;")+"</code></pre>",i.Up.trigger("checkPanels",[a,o,t,n])}}(u,m,e),o.open("GET",a+f.httpRequestReplace+"?"+(new Date).getTime(),!0),o.send()}else{a=document.getElementById(f.templateID),o=l().compile(a.innerHTML),r=o(e);const s=v.normalize(r);s.replace(/[\r\n]+/g,"\n\n");const c=g.highlight(s,g.languages.html);m[u].content=c,i.Up.trigger("checkPanels",[m,e,t,n])}}},renderPanels(e,t,n,a){const o=t;let r,s,c,p,d;const m=o.patternPartial;o.panels=e,n||0!==o.patternDesc.length||(o.patternDesc=""),o.patternNameCaps=o.patternName.toUpperCase();const g=document.createElement("div");g.innerHTML=o.patternMarkup,c=1,o.annotations=[],delete o.patternMarkup;for(let i=0;i<window.comments.comments.length;++i)d=window.comments.comments[i],p=g.querySelectorAll(d.el),p.length>0&&(s={displayNumber:c,el:d.el,title:d.title,comment:d.comment},o.annotations.push(s),c++);if(o.annotations.length>0){const e=JSON.stringify({event:"patternLab.annotationsHighlightShow",annotations:o.annotations});document.querySelector(".pl-js-iframe").contentWindow.postMessage(e,y.targetOrigin)}if(o.lineage.length>0)for(let i=0;i<o.lineage.length;++i)i<o.lineage.length-1&&(o.lineage[i].hasComma=!0);if(o.lineageR.length>0)for(let i=0;i<o.lineageR.length;++i)i<o.lineageR.length-1&&(o.lineageR[i].hasComma=!0);o.patternDescExists=o.patternDesc.length>0||void 0!==o.patternDescAdditions&&o.patternDescAdditions.length>0,o.lineageExists=0!==o.lineage.length,o.lineageRExists=0!==o.lineageR.length,o.patternStateExists=o.patternState.length>0,o.annotationExists=o.annotations.length>0,o.descBlockExists=o.patternDescExists||o.lineageExists||o.lineageRExists||o.patternStateExists||o.annotationExists,o.isPatternView=!1===n;const u=document.querySelector(".pl-js-panel-template-base");r=l().compile(u.innerHTML)(o);const h=document.createElement("div");h.className="pl-c-pattern-info",h.innerHTML=r,r=h,r=f.addClickEvents(r,m);for(let i=0;i<e.length;++i){const t=e[i],n="#pl-"+m+"-"+t.id+"-tab",a="#pl-"+m+"-"+t.id+"-panel";null!==r.querySelector(n)&&t.default&&(r.querySelector(n).classList.add("pl-is-active-tab"),r.querySelector(a).classList.add("pl-is-active-tab"))}i.Up.trigger("insertPanels",[r,m,n,a])}};var E=n(10),S=n(171);const b={delayCheckingModalViewer:!1,iframeElement:document.querySelector(".pl-js-iframe"),iframeCustomElement:document.querySelector("pl-iframe"),active:!1,switchText:!0,template:"info",patternData:{},targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,onReady(){window.addEventListener("message",b.receiveIframeMessage,!1),i.Up.addListener("insertPanels",b.insert),b.__storeUnsubscribe=E.h.subscribe((()=>b._stateChanged(E.h.getState()))),b._stateChanged(E.h.getState());const e=i.I.getRequestVars();void 0===e.view||"code"!==e.view&&"c"!==e.view&&"annotations"!==e.view&&"a"!==e.view||E.h.dispatch((0,S.aw)(!0))},toggle(){b.active?E.h.dispatch((0,S.aw)(!1)):E.h.dispatch((0,S.aw)(!0))},open(){if(b.queryPattern(),b.patternData&&b.patternData.annotations&&b.patternData.annotations.length>0){const e=JSON.stringify({event:"patternLab.annotationsHighlightShow",annotations:b.patternData.annotations});b.iframeElement.contentWindow?b.iframeElement.contentWindow.postMessage(e,b.targetOrigin):(b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow?b.open():console.log("modelViewer open cannot find the iframeElement..."))}},close(){const e=JSON.stringify({event:"patternLab.patternModalClose"});if(b.iframeElement)if(b.iframeElement.contentWindow){b.iframeElement.contentWindow.postMessage(e,b.targetOrigin);const t=JSON.stringify({event:"patternLab.annotationsHighlightHide"});b.iframeElement.contentWindow.postMessage(t,b.targetOrigin)}else b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow?b.close():console.log("modelViewer close cannot find the iframeElement...")},insert(e,t,n,a){if(n){const a=JSON.stringify({event:"patternLab.patternModalInsert",patternPartial:t,modalContent:e.outerHTML});b.iframeElement.contentWindow?b.iframeElement.contentWindow.postMessage(a,b.targetOrigin):(b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow?b.insert(e,t,n):console.log("modelViewer insert cannot find the iframeElement..."))}else{const t=document.querySelector(".pl-js-drawer-content");if(null!==t.firstChild)for(;null!==t.firstChild;)t.removeChild(t.firstChild);t.appendChild(e),b.addClickEvents(t)}},addClickEvents(){(arguments.length>0&&void 0!==arguments[0]?arguments[0]:document).querySelectorAll(".pl-js-lineage-link").forEach((e=>{e.addEventListener("click",(e=>{const t=e.target.getAttribute("data-patternpartial");t&&b.iframeCustomElement&&(e.preventDefault(),b.iframeCustomElement.navigateTo(t))}))}))},refresh(e,t,n){b.patternData=e,y.gatherPanels(e,t,n)},slide(e){b.toggle()},slideToAnnotation(e){const t=document.querySelectorAll(".pl-js-annotations li");for(let a=0;a<t.length;++a)t[a].classList.remove("pl-is-active");const n=document.querySelector(".pl-js-pattern-info");for(let i=0;i<t.length;++i)i+1===e&&(t[i].classList.add("pl-is-active"),(0,a.X5)(n,{top:t[i].offsetTop-14,behavior:"smooth"}).then((function(){})))},queryPattern(e){const t=JSON.stringify({event:"patternLab.patternQuery",switchText:e});b.iframeElement?b.iframeElement.contentWindow?b.iframeElement.contentWindow.postMessage(t,b.targetOrigin):(b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow?b.queryPattern(e):console.log("queryPattern cannot find the iframeElement...")):(b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow&&b.iframeElement.contentWindow.postMessage(t,b.targetOrigin))},receiveIframeMessage(e){const t=(0,i.Kz)(e);void 0!==t.event&&"patternLab.pageLoad"===t.event?(b.delayCheckingModalViewer&&b._handleInitialModalViewerState(),0===t.patternpartial.indexOf("viewall-")||0===t.patternpartial.indexOf("all")?E.h.dispatch((0,S.wB)(!0)):E.h.dispatch((0,S.wB)(!1)),!1===b.active&&void 0!==t.patternpartial&&0===t.patternpartial.indexOf("viewall-")&&void 0!==window.config.defaultShowPatternInfo&&window.config.defaultShowPatternInfo?b.queryPattern(!1):!0===b.active&&b.queryPattern()):void 0!==t.event&&"patternLab.patternQueryInfo"===t.event?b.panelRendered&&b.previouslyRenderedPattern===t.patternData.patternPartial||b.refresh(t.patternData,t.iframePassback,t.switchText):void 0!==t.event&&"patternLab.annotationNumberClicked"===t.event&&b.slideToAnnotation(t.displayNumber)},_handleInitialModalViewerState(){b.iframeElement||(b.iframeElement=document.querySelector(".pl-js-iframe")),b.iframeElement?(b.delayCheckingModalViewer=!1,b.active?b.open():b.close()):b.delayCheckingModalViewer=!0},_stateChanged(e){b.active!==e.app.drawerOpened&&(b.active=e.app.drawerOpened,b.iframeElement&&b._handleInitialModalViewerState())}};b.onReady()}}]);
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-2e3ee2751f36c1bcf74d.modern.js b/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-2e3ee2751f36c1bcf74d.modern.js
new file mode 100644
index 0000000000..3579a0e15f
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-2e3ee2751f36c1bcf74d.modern.js
@@ -0,0 +1,5 @@
+"use strict";(self.webpackChunk_pattern_lab_uikit_workshop=self.webpackChunk_pattern_lab_uikit_workshop||[]).push([[3],{153:function(e,t,n){n.r(t),n.d(t,{modalViewer:function(){return b}});var a=n(154),i=n(13),o=n(43),l=n.n(o),r=n(109),s=n.n(r),c=n(11),p=n(93),d=n(44),m=n.n(d);n(157),n(158),n(159),n(160),n(161),n(162),n(163),n(164),n(165),n(166),n(167),n(168),n(169),n(170);const g=m(),u={panels:[],count(){return this.panels.length},get(){return JSON.parse(JSON.stringify(u.panels))},add(e){for(let t=0;t<this.panels.length;++t)if(e.id===this.panels[t].id)return;this.panels.push(e)},remove(e){const t=this.panels;for(let n=t.length-1;n>=0;n--)if(t[n].id===e){const e=t[n];return t.splice(n,1),void(e.default&&t.length&&(t[0].default=!0))}}};i.Up.trigger("setupPanels"),function(){const e=void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.rawTemplate?window.config.outputFileSuffixes.rawTemplate:"",t=void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.markupOnly?window.config.outputFileSuffixes.markupOnly:".markup-only",n=Object.keys(g.languages);u.add({id:"pl-panel-pattern",name:window.config.patternExtension.toUpperCase(),default:!window.config.defaultPatternInfoPanelCode||window.config.defaultPatternInfoPanelCode===window.config.patternExtension,templateID:"pl-panel-template-code",httpRequest:!0,httpRequestReplace:e,httpRequestCompleted:!1,prismHighlight:!0,language:n[window.config.patternExtension],keyCombo:"ctrl+shift+u"}),u.add({id:"pl-panel-html",name:"HTML",default:window.config.defaultPatternInfoPanelCode&&"html"===window.config.defaultPatternInfoPanelCode,templateID:"pl-panel-template-code",httpRequest:!0,httpRequestReplace:t+".html",httpRequestCompleted:!1,prismHighlight:!0,language:"markup",keyCombo:"ctrl+shift+y"}),window.patternlab||(window.patternlab={}),window.patternlab.panels=u}();const f={addClickEvents(e,t){const n=e.querySelectorAll(".pl-js-tab-link");for(let a=0;a<n.length;++a)n[a].onclick=function(e){e.preventDefault();const t=this.getAttribute("data-patternpartial"),n=this.getAttribute("data-panelid");f.show(t,n)};return e},show(e,t){const n="pl-is-active-tab",a=document.querySelector(`#pl-${e}-${t}-panel`),i=a.closest(".pl-js-tabs"),o=i.querySelectorAll(".pl-js-tab-link"),l=i.querySelectorAll(".pl-js-tab-panel"),r=i.querySelector(`#pl-${e}-${t}-tab`);for(let s=0;s<o.length;++s)o[s].classList.remove(n);for(let s=0;s<l.length;++s)l[s].classList.remove(n);r.classList.add(n),a.classList.add(n)}};var h=n(16);new(n.n(h)())(".pl-js-code-copy-btn").on("success",(function(e){const t=document.querySelectorAll(".pl-js-code-copy-btn");for(let n=0;n<t.length;n++)t[n].querySelector(".pl-c-code-copy-btn__icon-text").innerText="Copy";e.trigger.classList.add("is-copied"),e.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copied",setTimeout((()=>{e.trigger.classList.remove("is-copied"),e.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copy",e.clearSelection(),e.trigger.blur()}),2e3)}));var w=n(87);const v=new(n.n(w)())({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0,"break-lines":100,indent:2,"remove-initial-line-feed":!0,"tabs-to-spaces":2,"spaces-to-tabs":2}),y={targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,initCopy:!1,initMoveTo:0,checkPanels(e,t,n,a){let i=0;for(let o=0;o<e.length;++o)void 0!==e[o].content&&i++;i===u.count()&&y.renderPanels(e,t,n,a)},gatherPanels(e,t,n){let a,o,r,d;i.Up.addListener("checkPanels",y.checkPanels);const m=u.get();for(let u=0;u<m.length;++u){const f=m[u];if(void 0===f.name&&(f.name=e.patternEngineName||e.patternExtension,f.language=e.patternExtension),void 0===f.httpRequestReplace&&(f.httpRequestReplace=""),""===f.httpRequestReplace&&(f.httpRequestReplace=f.httpRequestReplace+"."+e.patternExtension),void 0!==f.templateID&&f.templateID)if(void 0!==f.httpRequest&&f.httpRequest){const a=i.I.getFileName(e.patternPartial,!1),o=new XMLHttpRequest;o.onload=function(e,a,o,l){return function(){let l=this.responseText;l.startsWith("<!DOCTYPE html>")&&(l=""),d="HTML"===a[e].name?s()(l,{ocd:!0}):l;const r=g.highlight(d,g.languages[a[e].name.toLowerCase()]||g.languages.markup),m=(e,t)=>c.dy`
+                  <pre
+                    class="language-markup"
+                  ><code id="pl-code-fill-${t}" class="language-${t}">${(0,p.A)(e)}</code></pre>
+                `,u=document.createDocumentFragment(),f=document.createDocumentFragment();(0,c.sY)(m(r,"html"),u),(0,c.sY)(m(d,"html"),f),u.children?a[e].content=u.children[0].outerHTML:f.children?a[e].content=f.children[0].outerHTML:a[e].content='<pre class="language-markup"><code id="pl-code-fill-html" class="language-html">'+d.replace(/</g,"&lt;").replace(/>/g,"&gt;")+"</code></pre>",i.Up.trigger("checkPanels",[a,o,t,n])}}(u,m,e),o.open("GET",a+f.httpRequestReplace+"?"+(new Date).getTime(),!0),o.send()}else{a=document.getElementById(f.templateID),o=l().compile(a.innerHTML),r=o(e);const s=v.normalize(r);s.replace(/[\r\n]+/g,"\n\n");const c=g.highlight(s,g.languages.html);m[u].content=c,i.Up.trigger("checkPanels",[m,e,t,n])}}},renderPanels(e,t,n,a){const o=t;let r,s,c,p,d;const m=o.patternPartial;o.panels=e,n||0!==o.patternDesc.length||(o.patternDesc=""),o.patternNameCaps=o.patternName.toUpperCase();const g=document.createElement("div");g.innerHTML=o.patternMarkup,c=1,o.annotations=[],delete o.patternMarkup;for(let i=0;i<window.comments.comments.length;++i)d=window.comments.comments[i],p=g.querySelectorAll(d.el),p.length>0&&(s={displayNumber:c,el:d.el,title:d.title,comment:d.comment},o.annotations.push(s),c++);if(o.annotations.length>0){const e=JSON.stringify({event:"patternLab.annotationsHighlightShow",annotations:o.annotations});document.querySelector(".pl-js-iframe").contentWindow.postMessage(e,y.targetOrigin)}if(o.lineage.length>0)for(let i=0;i<o.lineage.length;++i)i<o.lineage.length-1&&(o.lineage[i].hasComma=!0);if(o.lineageR.length>0)for(let i=0;i<o.lineageR.length;++i)i<o.lineageR.length-1&&(o.lineageR[i].hasComma=!0);o.patternDescExists=o.patternDesc.length>0||void 0!==o.patternDescAdditions&&o.patternDescAdditions.length>0,o.lineageExists=0!==o.lineage.length,o.lineageRExists=0!==o.lineageR.length,o.patternStateExists=o.patternState.length>0,o.annotationExists=o.annotations.length>0,o.descBlockExists=o.patternDescExists||o.lineageExists||o.lineageRExists||o.patternStateExists||o.annotationExists,o.isPatternView=!1===n;const u=document.querySelector(".pl-js-panel-template-base");r=l().compile(u.innerHTML)(o);const h=document.createElement("div");h.className="pl-c-pattern-info",h.innerHTML=r,r=h,r=f.addClickEvents(r,m);for(let i=0;i<e.length;++i){const t=e[i],n="#pl-"+m+"-"+t.id+"-tab",a="#pl-"+m+"-"+t.id+"-panel";null!==r.querySelector(n)&&t.default&&(r.querySelector(n).classList.add("pl-is-active-tab"),r.querySelector(a).classList.add("pl-is-active-tab"))}i.Up.trigger("insertPanels",[r,m,n,a])}};var E=n(10),S=n(171);const b={delayCheckingModalViewer:!1,iframeElement:document.querySelector(".pl-js-iframe"),iframeCustomElement:document.querySelector("pl-iframe"),active:!1,switchText:!0,template:"info",patternData:{},targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,onReady(){window.addEventListener("message",b.receiveIframeMessage,!1),i.Up.addListener("insertPanels",b.insert),b.__storeUnsubscribe=E.h.subscribe((()=>b._stateChanged(E.h.getState()))),b._stateChanged(E.h.getState());const e=i.I.getRequestVars();void 0===e.view||"code"!==e.view&&"c"!==e.view&&"annotations"!==e.view&&"a"!==e.view||E.h.dispatch((0,S.aw)(!0))},toggle(){b.active?E.h.dispatch((0,S.aw)(!1)):E.h.dispatch((0,S.aw)(!0))},open(){if(b.queryPattern(),b.patternData&&b.patternData.annotations&&b.patternData.annotations.length>0){const e=JSON.stringify({event:"patternLab.annotationsHighlightShow",annotations:b.patternData.annotations});b.iframeElement.contentWindow?b.iframeElement.contentWindow.postMessage(e,b.targetOrigin):(b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow?b.open():console.log("modelViewer open cannot find the iframeElement..."))}},close(){const e=JSON.stringify({event:"patternLab.patternModalClose"});if(b.iframeElement)if(b.iframeElement.contentWindow){b.iframeElement.contentWindow.postMessage(e,b.targetOrigin);const t=JSON.stringify({event:"patternLab.annotationsHighlightHide"});b.iframeElement.contentWindow.postMessage(t,b.targetOrigin)}else b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow?b.close():console.log("modelViewer close cannot find the iframeElement...")},insert(e,t,n,a){if(n){const a=JSON.stringify({event:"patternLab.patternModalInsert",patternPartial:t,modalContent:e.outerHTML});b.iframeElement.contentWindow?b.iframeElement.contentWindow.postMessage(a,b.targetOrigin):(b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow?b.insert(e,t,n):console.log("modelViewer insert cannot find the iframeElement..."))}else{const t=document.querySelector(".pl-js-drawer-content");if(null!==t.firstChild)for(;null!==t.firstChild;)t.removeChild(t.firstChild);t.appendChild(e),b.addClickEvents(t)}},addClickEvents(){(arguments.length>0&&void 0!==arguments[0]?arguments[0]:document).querySelectorAll(".pl-js-lineage-link").forEach((e=>{e.addEventListener("click",(e=>{const t=e.target.getAttribute("data-patternpartial");t&&b.iframeCustomElement&&(e.preventDefault(),b.iframeCustomElement.navigateTo(t))}))}))},refresh(e,t,n){b.patternData=e,y.gatherPanels(e,t,n)},slide(e){b.toggle()},slideToAnnotation(e){const t=document.querySelectorAll(".pl-js-annotations li");for(let a=0;a<t.length;++a)t[a].classList.remove("pl-is-active");const n=document.querySelector(".pl-js-pattern-info");for(let i=0;i<t.length;++i)i+1===e&&(t[i].classList.add("pl-is-active"),(0,a.X5)(n,{top:t[i].offsetTop-14,behavior:"smooth"}).then((function(){})))},queryPattern(e){const t=JSON.stringify({event:"patternLab.patternQuery",switchText:e});b.iframeElement?b.iframeElement.contentWindow?b.iframeElement.contentWindow.postMessage(t,b.targetOrigin):(b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow?b.queryPattern(e):console.log("queryPattern cannot find the iframeElement...")):(b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow&&b.iframeElement.contentWindow.postMessage(t,b.targetOrigin))},receiveIframeMessage(e){const t=(0,i.Kz)(e);void 0!==t.event&&"patternLab.pageLoad"===t.event?(b.delayCheckingModalViewer&&b._handleInitialModalViewerState(),0===t.patternpartial.indexOf("viewall-")||0===t.patternpartial.indexOf("all")?E.h.dispatch((0,S.wB)(!0)):E.h.dispatch((0,S.wB)(!1)),!1===b.active&&void 0!==t.patternpartial&&0===t.patternpartial.indexOf("viewall-")&&void 0!==window.config.defaultShowPatternInfo&&window.config.defaultShowPatternInfo?b.queryPattern(!1):!0===b.active&&b.queryPattern()):void 0!==t.event&&"patternLab.patternQueryInfo"===t.event?b.panelRendered&&b.previouslyRenderedPattern===t.patternData.patternPartial||b.refresh(t.patternData,t.iframePassback,t.switchText):void 0!==t.event&&"patternLab.annotationNumberClicked"===t.event&&b.slideToAnnotation(t.displayNumber)},_handleInitialModalViewerState(){b.iframeElement||(b.iframeElement=document.querySelector(".pl-js-iframe")),b.iframeElement?(b.delayCheckingModalViewer=!1,b.active?b.open():b.close()):b.delayCheckingModalViewer=!0},_stateChanged(e){b.active!==e.app.drawerOpened&&(b.active=e.app.drawerOpened,b.iframeElement&&b._handleInitialModalViewerState())}};b.onReady()}}]);
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-32c3131b66c13f0c62e4.modern.js b/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-32c3131b66c13f0c62e4.modern.js
new file mode 100644
index 0000000000..1fa4588c60
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-32c3131b66c13f0c62e4.modern.js
@@ -0,0 +1,5 @@
+"use strict";(self.webpackChunk_pattern_lab_uikit_workshop=self.webpackChunk_pattern_lab_uikit_workshop||[]).push([[3],{153:function(e,t,n){n.r(t),n.d(t,{modalViewer:function(){return b}});var a=n(154),i=n(13),o=n(43),l=n.n(o),r=n(109),s=n.n(r),c=n(11),p=n(93),d=n(44),m=n.n(d);n(157),n(158),n(159),n(160),n(161),n(162),n(163),n(164),n(165),n(166),n(167),n(168),n(169),n(170);const g=m(),u={panels:[],count(){return this.panels.length},get(){return JSON.parse(JSON.stringify(u.panels))},add(e){for(let t=0;t<this.panels.length;++t)if(e.id===this.panels[t].id)return;this.panels.push(e)},remove(e){const t=this.panels;for(let n=t.length-1;n>=0;n--)if(t[n].id===e){const e=t[n];return t.splice(n,1),void(e.default&&t.length&&(t[0].default=!0))}}};i.Up.trigger("setupPanels"),function(){const e=void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.rawTemplate?window.config.outputFileSuffixes.rawTemplate:"",t=void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.markupOnly?window.config.outputFileSuffixes.markupOnly:".markup-only",n=Object.keys(g.languages);u.add({id:"pl-panel-pattern",name:window.config.patternExtension.toUpperCase(),default:!window.config.defaultPatternInfoPanelCode||window.config.defaultPatternInfoPanelCode===window.config.patternExtension,templateID:"pl-panel-template-code",httpRequest:!0,httpRequestReplace:e,httpRequestCompleted:!1,prismHighlight:!0,language:n[window.config.patternExtension],keyCombo:"ctrl+shift+u"}),u.add({id:"pl-panel-html",name:"HTML",default:window.config.defaultPatternInfoPanelCode&&"html"===window.config.defaultPatternInfoPanelCode,templateID:"pl-panel-template-code",httpRequest:!0,httpRequestReplace:t+".html",httpRequestCompleted:!1,prismHighlight:!0,language:"markup",keyCombo:"ctrl+shift+y"}),window.patternlab||(window.patternlab={}),window.patternlab.panels=u}();const f={addClickEvents(e,t){const n=e.querySelectorAll(".pl-js-tab-link");for(let a=0;a<n.length;++a)n[a].onclick=function(e){e.preventDefault();const t=this.getAttribute("data-patternpartial"),n=this.getAttribute("data-panelid");f.show(t,n)};return e},show(e,t){const n="pl-is-active-tab",a=document.querySelector(`#pl-${e}-${t}-panel`),i=a.closest(".pl-js-tabs"),o=i.querySelectorAll(".pl-js-tab-link"),l=i.querySelectorAll(".pl-js-tab-panel"),r=i.querySelector(`#pl-${e}-${t}-tab`);for(let s=0;s<o.length;++s)o[s].classList.remove(n);for(let s=0;s<l.length;++s)l[s].classList.remove(n);r.classList.add(n),a.classList.add(n)}};var h=n(15);new(n.n(h)())(".pl-js-code-copy-btn").on("success",(function(e){const t=document.querySelectorAll(".pl-js-code-copy-btn");for(let n=0;n<t.length;n++)t[n].querySelector(".pl-c-code-copy-btn__icon-text").innerText="Copy";e.trigger.classList.add("is-copied"),e.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copied",setTimeout((()=>{e.trigger.classList.remove("is-copied"),e.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copy",e.clearSelection(),e.trigger.blur()}),2e3)}));var w=n(87);const v=new(n.n(w)())({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0,"break-lines":100,indent:2,"remove-initial-line-feed":!0,"tabs-to-spaces":2,"spaces-to-tabs":2}),y={targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,initCopy:!1,initMoveTo:0,checkPanels(e,t,n,a){let i=0;for(let o=0;o<e.length;++o)void 0!==e[o].content&&i++;i===u.count()&&y.renderPanels(e,t,n,a)},gatherPanels(e,t,n){let a,o,r,d;i.Up.addListener("checkPanels",y.checkPanels);const m=u.get();for(let u=0;u<m.length;++u){const f=m[u];if(void 0===f.name&&(f.name=e.patternEngineName||e.patternExtension,f.language=e.patternExtension),void 0===f.httpRequestReplace&&(f.httpRequestReplace=""),""===f.httpRequestReplace&&(f.httpRequestReplace=f.httpRequestReplace+"."+e.patternExtension),void 0!==f.templateID&&f.templateID)if(void 0!==f.httpRequest&&f.httpRequest){const a=i.I.getFileName(e.patternPartial,!1),o=new XMLHttpRequest;o.onload=function(e,a,o,l){return function(){let l=this.responseText;l.startsWith("<!DOCTYPE html>")&&(l=""),d="HTML"===a[e].name?s()(l,{ocd:!0}):l;const r=g.highlight(d,g.languages[a[e].name.toLowerCase()]||g.languages.markup),m=(e,t)=>c.dy`
+                  <pre
+                    class="language-markup"
+                  ><code id="pl-code-fill-${t}" class="language-${t}">${(0,p.A)(e)}</code></pre>
+                `,u=document.createDocumentFragment(),f=document.createDocumentFragment();(0,c.sY)(m(r,"html"),u),(0,c.sY)(m(d,"html"),f),u.children?a[e].content=u.children[0].outerHTML:f.children?a[e].content=f.children[0].outerHTML:a[e].content='<pre class="language-markup"><code id="pl-code-fill-html" class="language-html">'+d.replace(/</g,"&lt;").replace(/>/g,"&gt;")+"</code></pre>",i.Up.trigger("checkPanels",[a,o,t,n])}}(u,m,e),o.open("GET",a+f.httpRequestReplace+"?"+(new Date).getTime(),!0),o.send()}else{a=document.getElementById(f.templateID),o=l().compile(a.innerHTML),r=o(e);const s=v.normalize(r);s.replace(/[\r\n]+/g,"\n\n");const c=g.highlight(s,g.languages.html);m[u].content=c,i.Up.trigger("checkPanels",[m,e,t,n])}}},renderPanels(e,t,n,a){const o=t;let r,s,c,p,d;const m=o.patternPartial;o.panels=e,n||0!==o.patternDesc.length||(o.patternDesc=""),o.patternNameCaps=o.patternName.toUpperCase();const g=document.createElement("div");g.innerHTML=o.patternMarkup,c=1,o.annotations=[],delete o.patternMarkup;for(let i=0;i<window.comments.comments.length;++i)d=window.comments.comments[i],p=g.querySelectorAll(d.el),p.length>0&&(s={displayNumber:c,el:d.el,title:d.title,comment:d.comment},o.annotations.push(s),c++);if(o.annotations.length>0){const e=JSON.stringify({event:"patternLab.annotationsHighlightShow",annotations:o.annotations});document.querySelector(".pl-js-iframe").contentWindow.postMessage(e,y.targetOrigin)}if(o.lineage.length>0)for(let i=0;i<o.lineage.length;++i)i<o.lineage.length-1&&(o.lineage[i].hasComma=!0);if(o.lineageR.length>0)for(let i=0;i<o.lineageR.length;++i)i<o.lineageR.length-1&&(o.lineageR[i].hasComma=!0);o.patternDescExists=o.patternDesc.length>0||void 0!==o.patternDescAdditions&&o.patternDescAdditions.length>0,o.lineageExists=0!==o.lineage.length,o.lineageRExists=0!==o.lineageR.length,o.patternStateExists=o.patternState.length>0,o.annotationExists=o.annotations.length>0,o.descBlockExists=o.patternDescExists||o.lineageExists||o.lineageRExists||o.patternStateExists||o.annotationExists,o.isPatternView=!1===n;const u=document.querySelector(".pl-js-panel-template-base");r=l().compile(u.innerHTML)(o);const h=document.createElement("div");h.className="pl-c-pattern-info",h.innerHTML=r,r=h,r=f.addClickEvents(r,m);for(let i=0;i<e.length;++i){const t=e[i],n="#pl-"+m+"-"+t.id+"-tab",a="#pl-"+m+"-"+t.id+"-panel";null!==r.querySelector(n)&&t.default&&(r.querySelector(n).classList.add("pl-is-active-tab"),r.querySelector(a).classList.add("pl-is-active-tab"))}i.Up.trigger("insertPanels",[r,m,n,a])}};var E=n(10),S=n(171);const b={delayCheckingModalViewer:!1,iframeElement:document.querySelector(".pl-js-iframe"),iframeCustomElement:document.querySelector("pl-iframe"),active:!1,switchText:!0,template:"info",patternData:{},targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,onReady(){window.addEventListener("message",b.receiveIframeMessage,!1),i.Up.addListener("insertPanels",b.insert),b.__storeUnsubscribe=E.h.subscribe((()=>b._stateChanged(E.h.getState()))),b._stateChanged(E.h.getState());const e=i.I.getRequestVars();void 0===e.view||"code"!==e.view&&"c"!==e.view&&"annotations"!==e.view&&"a"!==e.view||E.h.dispatch((0,S.aw)(!0))},toggle(){b.active?E.h.dispatch((0,S.aw)(!1)):E.h.dispatch((0,S.aw)(!0))},open(){if(b.queryPattern(),b.patternData&&b.patternData.annotations&&b.patternData.annotations.length>0){const e=JSON.stringify({event:"patternLab.annotationsHighlightShow",annotations:b.patternData.annotations});b.iframeElement.contentWindow?b.iframeElement.contentWindow.postMessage(e,b.targetOrigin):(b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow?b.open():console.log("modelViewer open cannot find the iframeElement..."))}},close(){const e=JSON.stringify({event:"patternLab.patternModalClose"});if(b.iframeElement)if(b.iframeElement.contentWindow){b.iframeElement.contentWindow.postMessage(e,b.targetOrigin);const t=JSON.stringify({event:"patternLab.annotationsHighlightHide"});b.iframeElement.contentWindow.postMessage(t,b.targetOrigin)}else b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow?b.close():console.log("modelViewer close cannot find the iframeElement...")},insert(e,t,n,a){if(n){const a=JSON.stringify({event:"patternLab.patternModalInsert",patternPartial:t,modalContent:e.outerHTML});b.iframeElement.contentWindow?b.iframeElement.contentWindow.postMessage(a,b.targetOrigin):(b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow?b.insert(e,t,n):console.log("modelViewer insert cannot find the iframeElement..."))}else{const t=document.querySelector(".pl-js-drawer-content");if(null!==t.firstChild)for(;null!==t.firstChild;)t.removeChild(t.firstChild);t.appendChild(e),b.addClickEvents(t)}},addClickEvents(){(arguments.length>0&&void 0!==arguments[0]?arguments[0]:document).querySelectorAll(".pl-js-lineage-link").forEach((e=>{e.addEventListener("click",(e=>{const t=e.target.getAttribute("data-patternpartial");t&&b.iframeCustomElement&&(e.preventDefault(),b.iframeCustomElement.navigateTo(t))}))}))},refresh(e,t,n){b.patternData=e,y.gatherPanels(e,t,n)},slide(e){b.toggle()},slideToAnnotation(e){const t=document.querySelectorAll(".pl-js-annotations li");for(let a=0;a<t.length;++a)t[a].classList.remove("pl-is-active");const n=document.querySelector(".pl-js-pattern-info");for(let i=0;i<t.length;++i)i+1===e&&(t[i].classList.add("pl-is-active"),(0,a.X5)(n,{top:t[i].offsetTop-14,behavior:"smooth"}).then((function(){})))},queryPattern(e){const t=JSON.stringify({event:"patternLab.patternQuery",switchText:e});b.iframeElement?b.iframeElement.contentWindow?b.iframeElement.contentWindow.postMessage(t,b.targetOrigin):(b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow?b.queryPattern(e):console.log("queryPattern cannot find the iframeElement...")):(b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow&&b.iframeElement.contentWindow.postMessage(t,b.targetOrigin))},receiveIframeMessage(e){const t=(0,i.Kz)(e);void 0!==t.event&&"patternLab.pageLoad"===t.event?(b.delayCheckingModalViewer&&b._handleInitialModalViewerState(),0===t.patternpartial.indexOf("viewall-")||0===t.patternpartial.indexOf("all")?E.h.dispatch((0,S.wB)(!0)):E.h.dispatch((0,S.wB)(!1)),!1===b.active&&void 0!==t.patternpartial&&0===t.patternpartial.indexOf("viewall-")&&void 0!==window.config.defaultShowPatternInfo&&window.config.defaultShowPatternInfo?b.queryPattern(!1):!0===b.active&&b.queryPattern()):void 0!==t.event&&"patternLab.patternQueryInfo"===t.event?b.panelRendered&&b.previouslyRenderedPattern===t.patternData.patternPartial||b.refresh(t.patternData,t.iframePassback,t.switchText):void 0!==t.event&&"patternLab.annotationNumberClicked"===t.event&&b.slideToAnnotation(t.displayNumber)},_handleInitialModalViewerState(){b.iframeElement||(b.iframeElement=document.querySelector(".pl-js-iframe")),b.iframeElement?(b.delayCheckingModalViewer=!1,b.active?b.open():b.close()):b.delayCheckingModalViewer=!0},_stateChanged(e){b.active!==e.app.drawerOpened&&(b.active=e.app.drawerOpened,b.iframeElement&&b._handleInitialModalViewerState())}};b.onReady()}}]);
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-77fd0cc267ab0c941839.modern.js b/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-77fd0cc267ab0c941839.modern.js
new file mode 100644
index 0000000000..e441269eb5
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-77fd0cc267ab0c941839.modern.js
@@ -0,0 +1,5 @@
+"use strict";(self.webpackChunk_pattern_lab_uikit_workshop=self.webpackChunk_pattern_lab_uikit_workshop||[]).push([[3],{153:function(e,t,n){n.r(t),n.d(t,{modalViewer:function(){return b}});var a=n(154),i=n(13),o=n(43),l=n.n(o),r=n(109),s=n.n(r),c=n(11),p=n(82),d=n(44),m=n.n(d);n(157),n(158),n(159),n(160),n(161),n(162),n(163),n(164),n(165),n(166),n(167),n(168),n(169),n(170);const g=m(),u={panels:[],count(){return this.panels.length},get(){return JSON.parse(JSON.stringify(u.panels))},add(e){for(let t=0;t<this.panels.length;++t)if(e.id===this.panels[t].id)return;this.panels.push(e)},remove(e){const t=this.panels;for(let n=t.length-1;n>=0;n--)if(t[n].id===e){const e=t[n];return t.splice(n,1),void(e.default&&t.length&&(t[0].default=!0))}}};i.Up.trigger("setupPanels"),function(){const e=void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.rawTemplate?window.config.outputFileSuffixes.rawTemplate:"",t=void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.markupOnly?window.config.outputFileSuffixes.markupOnly:".markup-only",n=Object.keys(g.languages);u.add({id:"pl-panel-pattern",name:window.config.patternExtension.toUpperCase(),default:!window.config.defaultPatternInfoPanelCode||window.config.defaultPatternInfoPanelCode===window.config.patternExtension,templateID:"pl-panel-template-code",httpRequest:!0,httpRequestReplace:e,httpRequestCompleted:!1,prismHighlight:!0,language:n[window.config.patternExtension],keyCombo:"ctrl+shift+u"}),u.add({id:"pl-panel-html",name:"HTML",default:window.config.defaultPatternInfoPanelCode&&"html"===window.config.defaultPatternInfoPanelCode,templateID:"pl-panel-template-code",httpRequest:!0,httpRequestReplace:t+".html",httpRequestCompleted:!1,prismHighlight:!0,language:"markup",keyCombo:"ctrl+shift+y"}),window.patternlab||(window.patternlab={}),window.patternlab.panels=u}();const f={addClickEvents(e,t){const n=e.querySelectorAll(".pl-js-tab-link");for(let a=0;a<n.length;++a)n[a].onclick=function(e){e.preventDefault();const t=this.getAttribute("data-patternpartial"),n=this.getAttribute("data-panelid");f.show(t,n)};return e},show(e,t){const n="pl-is-active-tab",a=document.querySelector(`#pl-${e}-${t}-panel`),i=a.closest(".pl-js-tabs"),o=i.querySelectorAll(".pl-js-tab-link"),l=i.querySelectorAll(".pl-js-tab-panel"),r=i.querySelector(`#pl-${e}-${t}-tab`);for(let s=0;s<o.length;++s)o[s].classList.remove(n);for(let s=0;s<l.length;++s)l[s].classList.remove(n);r.classList.add(n),a.classList.add(n)}};var h=n(16);new(n.n(h)())(".pl-js-code-copy-btn").on("success",(function(e){const t=document.querySelectorAll(".pl-js-code-copy-btn");for(let n=0;n<t.length;n++)t[n].querySelector(".pl-c-code-copy-btn__icon-text").innerText="Copy";e.trigger.classList.add("is-copied"),e.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copied",setTimeout((()=>{e.trigger.classList.remove("is-copied"),e.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copy",e.clearSelection(),e.trigger.blur()}),2e3)}));var w=n(45);const v=new(n.n(w)())({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0,"break-lines":100,indent:2,"remove-initial-line-feed":!0,"tabs-to-spaces":2,"spaces-to-tabs":2}),y={targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,initCopy:!1,initMoveTo:0,checkPanels(e,t,n,a){let i=0;for(let o=0;o<e.length;++o)void 0!==e[o].content&&i++;i===u.count()&&y.renderPanels(e,t,n,a)},gatherPanels(e,t,n){let a,o,r,d;i.Up.addListener("checkPanels",y.checkPanels);const m=u.get();for(let u=0;u<m.length;++u){const f=m[u];if(void 0===f.name&&(f.name=e.patternEngineName||e.patternExtension,f.language=e.patternExtension),void 0===f.httpRequestReplace&&(f.httpRequestReplace=""),""===f.httpRequestReplace&&(f.httpRequestReplace=f.httpRequestReplace+"."+e.patternExtension),void 0!==f.templateID&&f.templateID)if(void 0!==f.httpRequest&&f.httpRequest){const a=i.I.getFileName(e.patternPartial,!1),o=new XMLHttpRequest;o.onload=function(e,a,o,l){return function(){let l=this.responseText;l.startsWith("<!DOCTYPE html>")&&(l=""),d="HTML"===a[e].name?s()(l,{ocd:!0}):l;const r=g.highlight(d,g.languages[a[e].name.toLowerCase()]||g.languages.markup),m=(e,t)=>c.dy`
+                  <pre
+                    class="language-markup"
+                  ><code id="pl-code-fill-${t}" class="language-${t}">${(0,p.A)(e)}</code></pre>
+                `,u=document.createDocumentFragment(),f=document.createDocumentFragment();(0,c.sY)(m(r,"html"),u),(0,c.sY)(m(d,"html"),f),u.children?a[e].content=u.children[0].outerHTML:f.children?a[e].content=f.children[0].outerHTML:a[e].content='<pre class="language-markup"><code id="pl-code-fill-html" class="language-html">'+d.replace(/</g,"&lt;").replace(/>/g,"&gt;")+"</code></pre>",i.Up.trigger("checkPanels",[a,o,t,n])}}(u,m,e),o.open("GET",a+f.httpRequestReplace+"?"+(new Date).getTime(),!0),o.send()}else{a=document.getElementById(f.templateID),o=l().compile(a.innerHTML),r=o(e);const s=v.normalize(r);s.replace(/[\r\n]+/g,"\n\n");const c=g.highlight(s,g.languages.html);m[u].content=c,i.Up.trigger("checkPanels",[m,e,t,n])}}},renderPanels(e,t,n,a){const o=t;let r,s,c,p,d;const m=o.patternPartial;o.panels=e,n||0!==o.patternDesc.length||(o.patternDesc=""),o.patternNameCaps=o.patternName.toUpperCase();const g=document.createElement("div");g.innerHTML=o.patternMarkup,c=1,o.annotations=[],delete o.patternMarkup;for(let i=0;i<window.comments.comments.length;++i)d=window.comments.comments[i],p=g.querySelectorAll(d.el),p.length>0&&(s={displayNumber:c,el:d.el,title:d.title,comment:d.comment},o.annotations.push(s),c++);if(o.annotations.length>0){const e=JSON.stringify({event:"patternLab.annotationsHighlightShow",annotations:o.annotations});document.querySelector(".pl-js-iframe").contentWindow.postMessage(e,y.targetOrigin)}if(o.lineage.length>0)for(let i=0;i<o.lineage.length;++i)i<o.lineage.length-1&&(o.lineage[i].hasComma=!0);if(o.lineageR.length>0)for(let i=0;i<o.lineageR.length;++i)i<o.lineageR.length-1&&(o.lineageR[i].hasComma=!0);o.patternDescExists=o.patternDesc.length>0||void 0!==o.patternDescAdditions&&o.patternDescAdditions.length>0,o.lineageExists=0!==o.lineage.length,o.lineageRExists=0!==o.lineageR.length,o.patternStateExists=o.patternState.length>0,o.annotationExists=o.annotations.length>0,o.descBlockExists=o.patternDescExists||o.lineageExists||o.lineageRExists||o.patternStateExists||o.annotationExists,o.isPatternView=!1===n;const u=document.querySelector(".pl-js-panel-template-base");r=l().compile(u.innerHTML)(o);const h=document.createElement("div");h.className="pl-c-pattern-info",h.innerHTML=r,r=h,r=f.addClickEvents(r,m);for(let i=0;i<e.length;++i){const t=e[i],n="#pl-"+m+"-"+t.id+"-tab",a="#pl-"+m+"-"+t.id+"-panel";null!==r.querySelector(n)&&t.default&&(r.querySelector(n).classList.add("pl-is-active-tab"),r.querySelector(a).classList.add("pl-is-active-tab"))}i.Up.trigger("insertPanels",[r,m,n,a])}};var E=n(10),S=n(171);const b={delayCheckingModalViewer:!1,iframeElement:document.querySelector(".pl-js-iframe"),iframeCustomElement:document.querySelector("pl-iframe"),active:!1,switchText:!0,template:"info",patternData:{},targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,onReady(){window.addEventListener("message",b.receiveIframeMessage,!1),i.Up.addListener("insertPanels",b.insert),b.__storeUnsubscribe=E.h.subscribe((()=>b._stateChanged(E.h.getState()))),b._stateChanged(E.h.getState());const e=i.I.getRequestVars();void 0===e.view||"code"!==e.view&&"c"!==e.view&&"annotations"!==e.view&&"a"!==e.view||E.h.dispatch((0,S.aw)(!0))},toggle(){b.active?E.h.dispatch((0,S.aw)(!1)):E.h.dispatch((0,S.aw)(!0))},open(){if(b.queryPattern(),b.patternData&&b.patternData.annotations&&b.patternData.annotations.length>0){const e=JSON.stringify({event:"patternLab.annotationsHighlightShow",annotations:b.patternData.annotations});b.iframeElement.contentWindow?b.iframeElement.contentWindow.postMessage(e,b.targetOrigin):(b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow?b.open():console.log("modelViewer open cannot find the iframeElement..."))}},close(){const e=JSON.stringify({event:"patternLab.patternModalClose"});if(b.iframeElement)if(b.iframeElement.contentWindow){b.iframeElement.contentWindow.postMessage(e,b.targetOrigin);const t=JSON.stringify({event:"patternLab.annotationsHighlightHide"});b.iframeElement.contentWindow.postMessage(t,b.targetOrigin)}else b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow?b.close():console.log("modelViewer close cannot find the iframeElement...")},insert(e,t,n,a){if(n){const a=JSON.stringify({event:"patternLab.patternModalInsert",patternPartial:t,modalContent:e.outerHTML});b.iframeElement.contentWindow?b.iframeElement.contentWindow.postMessage(a,b.targetOrigin):(b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow?b.insert(e,t,n):console.log("modelViewer insert cannot find the iframeElement..."))}else{const t=document.querySelector(".pl-js-drawer-content");if(null!==t.firstChild)for(;null!==t.firstChild;)t.removeChild(t.firstChild);t.appendChild(e),b.addClickEvents(t)}},addClickEvents(){(arguments.length>0&&void 0!==arguments[0]?arguments[0]:document).querySelectorAll(".pl-js-lineage-link").forEach((e=>{e.addEventListener("click",(e=>{const t=e.target.getAttribute("data-patternpartial");t&&b.iframeCustomElement&&(e.preventDefault(),b.iframeCustomElement.navigateTo(t))}))}))},refresh(e,t,n){b.patternData=e,y.gatherPanels(e,t,n)},slide(e){b.toggle()},slideToAnnotation(e){const t=document.querySelectorAll(".pl-js-annotations li");for(let a=0;a<t.length;++a)t[a].classList.remove("pl-is-active");const n=document.querySelector(".pl-js-pattern-info");for(let i=0;i<t.length;++i)i+1===e&&(t[i].classList.add("pl-is-active"),(0,a.X5)(n,{top:t[i].offsetTop-14,behavior:"smooth"}).then((function(){})))},queryPattern(e){const t=JSON.stringify({event:"patternLab.patternQuery",switchText:e});b.iframeElement?b.iframeElement.contentWindow?b.iframeElement.contentWindow.postMessage(t,b.targetOrigin):(b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow?b.queryPattern(e):console.log("queryPattern cannot find the iframeElement...")):(b.iframeElement=document.querySelector(".pl-js-iframe"),b.iframeElement.contentWindow&&b.iframeElement.contentWindow.postMessage(t,b.targetOrigin))},receiveIframeMessage(e){const t=(0,i.Kz)(e);void 0!==t.event&&"patternLab.pageLoad"===t.event?(b.delayCheckingModalViewer&&b._handleInitialModalViewerState(),0===t.patternpartial.indexOf("viewall-")||0===t.patternpartial.indexOf("all")?E.h.dispatch((0,S.wB)(!0)):E.h.dispatch((0,S.wB)(!1)),!1===b.active&&void 0!==t.patternpartial&&0===t.patternpartial.indexOf("viewall-")&&void 0!==window.config.defaultShowPatternInfo&&window.config.defaultShowPatternInfo?b.queryPattern(!1):!0===b.active&&b.queryPattern()):void 0!==t.event&&"patternLab.patternQueryInfo"===t.event?b.panelRendered&&b.previouslyRenderedPattern===t.patternData.patternPartial||b.refresh(t.patternData,t.iframePassback,t.switchText):void 0!==t.event&&"patternLab.annotationNumberClicked"===t.event&&b.slideToAnnotation(t.displayNumber)},_handleInitialModalViewerState(){b.iframeElement||(b.iframeElement=document.querySelector(".pl-js-iframe")),b.iframeElement?(b.delayCheckingModalViewer=!1,b.active?b.open():b.close()):b.delayCheckingModalViewer=!0},_stateChanged(e){b.active!==e.app.drawerOpened&&(b.active=e.app.drawerOpened,b.iframeElement&&b._handleInitialModalViewerState())}};b.onReady()}}]);
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-ad3b4105039d7d1e484e.js b/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-ad3b4105039d7d1e484e.js
new file mode 100644
index 0000000000..f374533e0a
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-ad3b4105039d7d1e484e.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_pattern_lab_uikit_workshop=self.webpackChunk_pattern_lab_uikit_workshop||[]).push([[3],{392:function(e,t,n){n.r(t),n.d(t,{modalViewer:function(){return P}});var a,i,o,r=n(393),l=n(26),s=n(78),c=n.n(s),p=n(306),d=n.n(p),u=n(18),m=n(268),f=n(219),g=n.n(f),h=(n(396),n(397),n(398),n(399),n(400),n(401),n(402),n(403),n(404),n(405),n(406),n(407),n(408),n(409),g()),v={panels:[],count:function(){return this.panels.length},get:function(){return JSON.parse(JSON.stringify(v.panels))},add:function(e){for(var t=0;t<this.panels.length;++t)if(e.id===this.panels[t].id)return;this.panels.push(e)},remove:function(e){for(var t=this.panels,n=t.length-1;n>=0;n--)if(t[n].id===e){var a=t[n];return t.splice(n,1),void(a.default&&t.length&&(t[0].default=!0))}}};l.Up.trigger("setupPanels"),a=void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.rawTemplate?window.config.outputFileSuffixes.rawTemplate:"",i=void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.markupOnly?window.config.outputFileSuffixes.markupOnly:".markup-only",o=Object.keys(h.languages),v.add({id:"pl-panel-pattern",name:window.config.patternExtension.toUpperCase(),default:!window.config.defaultPatternInfoPanelCode||window.config.defaultPatternInfoPanelCode===window.config.patternExtension,templateID:"pl-panel-template-code",httpRequest:!0,httpRequestReplace:a,httpRequestCompleted:!1,prismHighlight:!0,language:o[window.config.patternExtension],keyCombo:"ctrl+shift+u"}),v.add({id:"pl-panel-html",name:"HTML",default:window.config.defaultPatternInfoPanelCode&&"html"===window.config.defaultPatternInfoPanelCode,templateID:"pl-panel-template-code",httpRequest:!0,httpRequestReplace:i+".html",httpRequestCompleted:!1,prismHighlight:!0,language:"markup",keyCombo:"ctrl+shift+y"}),window.patternlab||(window.patternlab={}),window.patternlab.panels=v;var w={addClickEvents:function(e,t){for(var n=e.querySelectorAll(".pl-js-tab-link"),a=0;a<n.length;++a)n[a].onclick=function(e){e.preventDefault();var t=this.getAttribute("data-patternpartial"),n=this.getAttribute("data-panelid");w.show(t,n)};return e},show:function(e,t){for(var n="pl-is-active-tab",a=document.querySelector("#pl-".concat(e,"-").concat(t,"-panel")),i=a.closest(".pl-js-tabs"),o=i.querySelectorAll(".pl-js-tab-link"),r=i.querySelectorAll(".pl-js-tab-panel"),l=i.querySelector("#pl-".concat(e,"-").concat(t,"-tab")),s=0;s<o.length;++s)o[s].classList.remove(n);for(var c=0;c<r.length;++c)r[c].classList.remove(n);l.classList.add(n),a.classList.add(n)}},y=n(23);new(n.n(y)())(".pl-js-code-copy-btn").on("success",(function(e){for(var t=document.querySelectorAll(".pl-js-code-copy-btn"),n=0;n<t.length;n++)t[n].querySelector(".pl-c-code-copy-btn__icon-text").innerText="Copy";e.trigger.classList.add("is-copied"),e.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copied",setTimeout((function(){e.trigger.classList.remove("is-copied"),e.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copy",e.clearSelection(),e.trigger.blur()}),2e3)}));var E,S=n(220);var b=new(n.n(S)())({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0,"break-lines":100,indent:2,"remove-initial-line-feed":!0,"tabs-to-spaces":2,"spaces-to-tabs":2}),q={targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,initCopy:!1,initMoveTo:0,checkPanels:function(e,t,n,a){for(var i=0,o=0;o<e.length;++o)void 0!==e[o].content&&i++;i===v.count()&&q.renderPanels(e,t,n,a)},gatherPanels:function(e,t,n){var a,i,o;l.Up.addListener("checkPanels",q.checkPanels);for(var r=v.get(),s=0;s<r.length;++s){var p=r[s];if(void 0===p.name&&(p.name=e.patternEngineName||e.patternExtension,p.language=e.patternExtension),void 0===p.httpRequestReplace&&(p.httpRequestReplace=""),""===p.httpRequestReplace&&(p.httpRequestReplace=p.httpRequestReplace+"."+e.patternExtension),void 0!==p.templateID&&p.templateID)if(void 0!==p.httpRequest&&p.httpRequest){var f=l.I.getFileName(e.patternPartial,!1),g=new XMLHttpRequest;g.onload=function(e,a,i,r){return function(){var r=this.responseText;r.startsWith("<!DOCTYPE html>")&&(r=""),o="HTML"===a[e].name?d()(r,{ocd:!0}):r;var s=h.highlight(o,h.languages[a[e].name.toLowerCase()]||h.languages.markup),c=function(e,t){return(0,u.dy)(E||(n=['\n                  <pre\n                    class="language-markup"\n                  ><code id="pl-code-fill-','" class="language-','">',"</code></pre>\n                "],a||(a=n.slice(0)),E=Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(a)}}))),t,t,(0,m.A)(e));var n,a},p=document.createDocumentFragment(),f=document.createDocumentFragment();(0,u.sY)(c(s,"html"),p),(0,u.sY)(c(o,"html"),f),p.children?a[e].content=p.children[0].outerHTML:f.children?a[e].content=f.children[0].outerHTML:a[e].content='<pre class="language-markup"><code id="pl-code-fill-html" class="language-html">'+o.replace(/</g,"&lt;").replace(/>/g,"&gt;")+"</code></pre>",l.Up.trigger("checkPanels",[a,i,t,n])}}(s,r,e),g.open("GET",f+p.httpRequestReplace+"?"+(new Date).getTime(),!0),g.send()}else{a=document.getElementById(p.templateID),i=c().compile(a.innerHTML)(e);var w=b.normalize(i);w.replace(/[\r\n]+/g,"\n\n");var y=h.highlight(w,h.languages.html);r[s].content=y,l.Up.trigger("checkPanels",[r,e,t,n])}}},renderPanels:function(e,t,n,a){var i,o,r,s,p=t,d=p.patternPartial;p.panels=e,n||0!==p.patternDesc.length||(p.patternDesc=""),p.patternNameCaps=p.patternName.toUpperCase();var u=document.createElement("div");u.innerHTML=p.patternMarkup,r=1,p.annotations=[],delete p.patternMarkup;for(var m=0;m<window.comments.comments.length;++m)s=window.comments.comments[m],u.querySelectorAll(s.el).length>0&&(o={displayNumber:r,el:s.el,title:s.title,comment:s.comment},p.annotations.push(o),r++);if(p.annotations.length>0){var f=JSON.stringify({event:"patternLab.annotationsHighlightShow",annotations:p.annotations});document.querySelector(".pl-js-iframe").contentWindow.postMessage(f,q.targetOrigin)}if(p.lineage.length>0)for(var g=0;g<p.lineage.length;++g)g<p.lineage.length-1&&(p.lineage[g].hasComma=!0);if(p.lineageR.length>0)for(var h=0;h<p.lineageR.length;++h)h<p.lineageR.length-1&&(p.lineageR[h].hasComma=!0);p.patternDescExists=p.patternDesc.length>0||void 0!==p.patternDescAdditions&&p.patternDescAdditions.length>0,p.lineageExists=0!==p.lineage.length,p.lineageRExists=0!==p.lineageR.length,p.patternStateExists=p.patternState.length>0,p.annotationExists=p.annotations.length>0,p.descBlockExists=p.patternDescExists||p.lineageExists||p.lineageRExists||p.patternStateExists||p.annotationExists,p.isPatternView=!1===n;var v=document.querySelector(".pl-js-panel-template-base");i=c().compile(v.innerHTML)(p);var y=document.createElement("div");y.className="pl-c-pattern-info",y.innerHTML=i,i=y,i=w.addClickEvents(i,d);for(var E=0;E<e.length;++E){var S=e[E],b="#pl-"+d+"-"+S.id+"-tab",C="#pl-"+d+"-"+S.id+"-panel";null!==i.querySelector(b)&&S.default&&(i.querySelector(b).classList.add("pl-is-active-tab"),i.querySelector(C).classList.add("pl-is-active-tab"))}l.Up.trigger("insertPanels",[i,d,n,a])}},C=n(17),k=n(410),P={delayCheckingModalViewer:!1,iframeElement:document.querySelector(".pl-js-iframe"),iframeCustomElement:document.querySelector("pl-iframe"),active:!1,switchText:!0,template:"info",patternData:{},targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,onReady:function(){window.addEventListener("message",P.receiveIframeMessage,!1),l.Up.addListener("insertPanels",P.insert),P.__storeUnsubscribe=C.h.subscribe((function(){return P._stateChanged(C.h.getState())})),P._stateChanged(C.h.getState());var e=l.I.getRequestVars();void 0===e.view||"code"!==e.view&&"c"!==e.view&&"annotations"!==e.view&&"a"!==e.view||C.h.dispatch((0,k.aw)(!0))},toggle:function(){P.active?C.h.dispatch((0,k.aw)(!1)):C.h.dispatch((0,k.aw)(!0))},open:function(){if(P.queryPattern(),P.patternData&&P.patternData.annotations&&P.patternData.annotations.length>0){var e=JSON.stringify({event:"patternLab.annotationsHighlightShow",annotations:P.patternData.annotations});P.iframeElement.contentWindow?P.iframeElement.contentWindow.postMessage(e,P.targetOrigin):(P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow?P.open():console.log("modelViewer open cannot find the iframeElement..."))}},close:function(){var e=JSON.stringify({event:"patternLab.patternModalClose"});if(P.iframeElement)if(P.iframeElement.contentWindow){P.iframeElement.contentWindow.postMessage(e,P.targetOrigin);var t=JSON.stringify({event:"patternLab.annotationsHighlightHide"});P.iframeElement.contentWindow.postMessage(t,P.targetOrigin)}else P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow?P.close():console.log("modelViewer close cannot find the iframeElement...")},insert:function(e,t,n,a){if(n){var i=JSON.stringify({event:"patternLab.patternModalInsert",patternPartial:t,modalContent:e.outerHTML});P.iframeElement.contentWindow?P.iframeElement.contentWindow.postMessage(i,P.targetOrigin):(P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow?P.insert(e,t,n):console.log("modelViewer insert cannot find the iframeElement..."))}else{var o=document.querySelector(".pl-js-drawer-content");if(null!==o.firstChild)for(;null!==o.firstChild;)o.removeChild(o.firstChild);o.appendChild(e),P.addClickEvents(o)}},addClickEvents:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document;e.querySelectorAll(".pl-js-lineage-link").forEach((function(e){e.addEventListener("click",(function(e){var t=e.target.getAttribute("data-patternpartial");t&&P.iframeCustomElement&&(e.preventDefault(),P.iframeCustomElement.navigateTo(t))}))}))},refresh:function(e,t,n){P.patternData=e,q.gatherPanels(e,t,n)},slide:function(e){P.toggle()},slideToAnnotation:function(e){for(var t=document.querySelectorAll(".pl-js-annotations li"),n=0;n<t.length;++n)t[n].classList.remove("pl-is-active");for(var a=document.querySelector(".pl-js-pattern-info"),i=0;i<t.length;++i)i+1===e&&(t[i].classList.add("pl-is-active"),(0,r.X5)(a,{top:t[i].offsetTop-14,behavior:"smooth"}).then((function(){})))},queryPattern:function(e){var t=JSON.stringify({event:"patternLab.patternQuery",switchText:e});P.iframeElement?P.iframeElement.contentWindow?P.iframeElement.contentWindow.postMessage(t,P.targetOrigin):(P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow?P.queryPattern(e):console.log("queryPattern cannot find the iframeElement...")):(P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow&&P.iframeElement.contentWindow.postMessage(t,P.targetOrigin))},receiveIframeMessage:function(e){var t=(0,l.Kz)(e);void 0!==t.event&&"patternLab.pageLoad"===t.event?(P.delayCheckingModalViewer&&P._handleInitialModalViewerState(),0===t.patternpartial.indexOf("viewall-")||0===t.patternpartial.indexOf("all")?C.h.dispatch((0,k.wB)(!0)):C.h.dispatch((0,k.wB)(!1)),!1===P.active&&void 0!==t.patternpartial&&0===t.patternpartial.indexOf("viewall-")&&void 0!==window.config.defaultShowPatternInfo&&window.config.defaultShowPatternInfo?P.queryPattern(!1):!0===P.active&&P.queryPattern()):void 0!==t.event&&"patternLab.patternQueryInfo"===t.event?P.panelRendered&&P.previouslyRenderedPattern===t.patternData.patternPartial||P.refresh(t.patternData,t.iframePassback,t.switchText):void 0!==t.event&&"patternLab.annotationNumberClicked"===t.event&&P.slideToAnnotation(t.displayNumber)},_handleInitialModalViewerState:function(){P.iframeElement||(P.iframeElement=document.querySelector(".pl-js-iframe")),P.iframeElement?(P.delayCheckingModalViewer=!1,P.active?P.open():P.close()):P.delayCheckingModalViewer=!0},_stateChanged:function(e){P.active!==e.app.drawerOpened&&(P.active=e.app.drawerOpened,P.iframeElement&&P._handleInitialModalViewerState())}};P.onReady()}}]);
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-b28d39ad1732db96cecf.js b/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-b28d39ad1732db96cecf.js
new file mode 100644
index 0000000000..170ab35cd8
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-b28d39ad1732db96cecf.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_pattern_lab_uikit_workshop=self.webpackChunk_pattern_lab_uikit_workshop||[]).push([[3],{392:function(e,t,n){n.r(t),n.d(t,{modalViewer:function(){return P}});var a,i,o,r=n(393),l=n(26),s=n(78),c=n.n(s),p=n(305),d=n.n(p),u=n(18),m=n(267),f=n(173),g=n.n(f),h=(n(396),n(397),n(398),n(399),n(400),n(401),n(402),n(403),n(404),n(405),n(406),n(407),n(408),n(409),g()),v={panels:[],count:function(){return this.panels.length},get:function(){return JSON.parse(JSON.stringify(v.panels))},add:function(e){for(var t=0;t<this.panels.length;++t)if(e.id===this.panels[t].id)return;this.panels.push(e)},remove:function(e){for(var t=this.panels,n=t.length-1;n>=0;n--)if(t[n].id===e){var a=t[n];return t.splice(n,1),void(a.default&&t.length&&(t[0].default=!0))}}};l.Up.trigger("setupPanels"),a=void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.rawTemplate?window.config.outputFileSuffixes.rawTemplate:"",i=void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.markupOnly?window.config.outputFileSuffixes.markupOnly:".markup-only",o=Object.keys(h.languages),v.add({id:"pl-panel-pattern",name:window.config.patternExtension.toUpperCase(),default:!window.config.defaultPatternInfoPanelCode||window.config.defaultPatternInfoPanelCode===window.config.patternExtension,templateID:"pl-panel-template-code",httpRequest:!0,httpRequestReplace:a,httpRequestCompleted:!1,prismHighlight:!0,language:o[window.config.patternExtension],keyCombo:"ctrl+shift+u"}),v.add({id:"pl-panel-html",name:"HTML",default:window.config.defaultPatternInfoPanelCode&&"html"===window.config.defaultPatternInfoPanelCode,templateID:"pl-panel-template-code",httpRequest:!0,httpRequestReplace:i+".html",httpRequestCompleted:!1,prismHighlight:!0,language:"markup",keyCombo:"ctrl+shift+y"}),window.patternlab||(window.patternlab={}),window.patternlab.panels=v;var w={addClickEvents:function(e,t){for(var n=e.querySelectorAll(".pl-js-tab-link"),a=0;a<n.length;++a)n[a].onclick=function(e){e.preventDefault();var t=this.getAttribute("data-patternpartial"),n=this.getAttribute("data-panelid");w.show(t,n)};return e},show:function(e,t){for(var n="pl-is-active-tab",a=document.querySelector("#pl-".concat(e,"-").concat(t,"-panel")),i=a.closest(".pl-js-tabs"),o=i.querySelectorAll(".pl-js-tab-link"),r=i.querySelectorAll(".pl-js-tab-panel"),l=i.querySelector("#pl-".concat(e,"-").concat(t,"-tab")),s=0;s<o.length;++s)o[s].classList.remove(n);for(var c=0;c<r.length;++c)r[c].classList.remove(n);l.classList.add(n),a.classList.add(n)}},y=n(23);new(n.n(y)())(".pl-js-code-copy-btn").on("success",(function(e){for(var t=document.querySelectorAll(".pl-js-code-copy-btn"),n=0;n<t.length;n++)t[n].querySelector(".pl-c-code-copy-btn__icon-text").innerText="Copy";e.trigger.classList.add("is-copied"),e.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copied",setTimeout((function(){e.trigger.classList.remove("is-copied"),e.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copy",e.clearSelection(),e.trigger.blur()}),2e3)}));var E,S=n(174);var b=new(n.n(S)())({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0,"break-lines":100,indent:2,"remove-initial-line-feed":!0,"tabs-to-spaces":2,"spaces-to-tabs":2}),q={targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,initCopy:!1,initMoveTo:0,checkPanels:function(e,t,n,a){for(var i=0,o=0;o<e.length;++o)void 0!==e[o].content&&i++;i===v.count()&&q.renderPanels(e,t,n,a)},gatherPanels:function(e,t,n){var a,i,o;l.Up.addListener("checkPanels",q.checkPanels);for(var r=v.get(),s=0;s<r.length;++s){var p=r[s];if(void 0===p.name&&(p.name=e.patternEngineName||e.patternExtension,p.language=e.patternExtension),void 0===p.httpRequestReplace&&(p.httpRequestReplace=""),""===p.httpRequestReplace&&(p.httpRequestReplace=p.httpRequestReplace+"."+e.patternExtension),void 0!==p.templateID&&p.templateID)if(void 0!==p.httpRequest&&p.httpRequest){var f=l.I.getFileName(e.patternPartial,!1),g=new XMLHttpRequest;g.onload=function(e,a,i,r){return function(){var r=this.responseText;r.startsWith("<!DOCTYPE html>")&&(r=""),o="HTML"===a[e].name?d()(r,{ocd:!0}):r;var s=h.highlight(o,h.languages[a[e].name.toLowerCase()]||h.languages.markup),c=function(e,t){return(0,u.dy)(E||(n=['\n                  <pre\n                    class="language-markup"\n                  ><code id="pl-code-fill-','" class="language-','">',"</code></pre>\n                "],a||(a=n.slice(0)),E=Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(a)}}))),t,t,(0,m.A)(e));var n,a},p=document.createDocumentFragment(),f=document.createDocumentFragment();(0,u.sY)(c(s,"html"),p),(0,u.sY)(c(o,"html"),f),p.children?a[e].content=p.children[0].outerHTML:f.children?a[e].content=f.children[0].outerHTML:a[e].content='<pre class="language-markup"><code id="pl-code-fill-html" class="language-html">'+o.replace(/</g,"&lt;").replace(/>/g,"&gt;")+"</code></pre>",l.Up.trigger("checkPanels",[a,i,t,n])}}(s,r,e),g.open("GET",f+p.httpRequestReplace+"?"+(new Date).getTime(),!0),g.send()}else{a=document.getElementById(p.templateID),i=c().compile(a.innerHTML)(e);var w=b.normalize(i);w.replace(/[\r\n]+/g,"\n\n");var y=h.highlight(w,h.languages.html);r[s].content=y,l.Up.trigger("checkPanels",[r,e,t,n])}}},renderPanels:function(e,t,n,a){var i,o,r,s,p=t,d=p.patternPartial;p.panels=e,n||0!==p.patternDesc.length||(p.patternDesc=""),p.patternNameCaps=p.patternName.toUpperCase();var u=document.createElement("div");u.innerHTML=p.patternMarkup,r=1,p.annotations=[],delete p.patternMarkup;for(var m=0;m<window.comments.comments.length;++m)s=window.comments.comments[m],u.querySelectorAll(s.el).length>0&&(o={displayNumber:r,el:s.el,title:s.title,comment:s.comment},p.annotations.push(o),r++);if(p.annotations.length>0){var f=JSON.stringify({event:"patternLab.annotationsHighlightShow",annotations:p.annotations});document.querySelector(".pl-js-iframe").contentWindow.postMessage(f,q.targetOrigin)}if(p.lineage.length>0)for(var g=0;g<p.lineage.length;++g)g<p.lineage.length-1&&(p.lineage[g].hasComma=!0);if(p.lineageR.length>0)for(var h=0;h<p.lineageR.length;++h)h<p.lineageR.length-1&&(p.lineageR[h].hasComma=!0);p.patternDescExists=p.patternDesc.length>0||void 0!==p.patternDescAdditions&&p.patternDescAdditions.length>0,p.lineageExists=0!==p.lineage.length,p.lineageRExists=0!==p.lineageR.length,p.patternStateExists=p.patternState.length>0,p.annotationExists=p.annotations.length>0,p.descBlockExists=p.patternDescExists||p.lineageExists||p.lineageRExists||p.patternStateExists||p.annotationExists,p.isPatternView=!1===n;var v=document.querySelector(".pl-js-panel-template-base");i=c().compile(v.innerHTML)(p);var y=document.createElement("div");y.className="pl-c-pattern-info",y.innerHTML=i,i=y,i=w.addClickEvents(i,d);for(var E=0;E<e.length;++E){var S=e[E],b="#pl-"+d+"-"+S.id+"-tab",C="#pl-"+d+"-"+S.id+"-panel";null!==i.querySelector(b)&&S.default&&(i.querySelector(b).classList.add("pl-is-active-tab"),i.querySelector(C).classList.add("pl-is-active-tab"))}l.Up.trigger("insertPanels",[i,d,n,a])}},C=n(17),k=n(410),P={delayCheckingModalViewer:!1,iframeElement:document.querySelector(".pl-js-iframe"),iframeCustomElement:document.querySelector("pl-iframe"),active:!1,switchText:!0,template:"info",patternData:{},targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,onReady:function(){window.addEventListener("message",P.receiveIframeMessage,!1),l.Up.addListener("insertPanels",P.insert),P.__storeUnsubscribe=C.h.subscribe((function(){return P._stateChanged(C.h.getState())})),P._stateChanged(C.h.getState());var e=l.I.getRequestVars();void 0===e.view||"code"!==e.view&&"c"!==e.view&&"annotations"!==e.view&&"a"!==e.view||C.h.dispatch((0,k.aw)(!0))},toggle:function(){P.active?C.h.dispatch((0,k.aw)(!1)):C.h.dispatch((0,k.aw)(!0))},open:function(){if(P.queryPattern(),P.patternData&&P.patternData.annotations&&P.patternData.annotations.length>0){var e=JSON.stringify({event:"patternLab.annotationsHighlightShow",annotations:P.patternData.annotations});P.iframeElement.contentWindow?P.iframeElement.contentWindow.postMessage(e,P.targetOrigin):(P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow?P.open():console.log("modelViewer open cannot find the iframeElement..."))}},close:function(){var e=JSON.stringify({event:"patternLab.patternModalClose"});if(P.iframeElement)if(P.iframeElement.contentWindow){P.iframeElement.contentWindow.postMessage(e,P.targetOrigin);var t=JSON.stringify({event:"patternLab.annotationsHighlightHide"});P.iframeElement.contentWindow.postMessage(t,P.targetOrigin)}else P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow?P.close():console.log("modelViewer close cannot find the iframeElement...")},insert:function(e,t,n,a){if(n){var i=JSON.stringify({event:"patternLab.patternModalInsert",patternPartial:t,modalContent:e.outerHTML});P.iframeElement.contentWindow?P.iframeElement.contentWindow.postMessage(i,P.targetOrigin):(P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow?P.insert(e,t,n):console.log("modelViewer insert cannot find the iframeElement..."))}else{var o=document.querySelector(".pl-js-drawer-content");if(null!==o.firstChild)for(;null!==o.firstChild;)o.removeChild(o.firstChild);o.appendChild(e),P.addClickEvents(o)}},addClickEvents:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document;e.querySelectorAll(".pl-js-lineage-link").forEach((function(e){e.addEventListener("click",(function(e){var t=e.target.getAttribute("data-patternpartial");t&&P.iframeCustomElement&&(e.preventDefault(),P.iframeCustomElement.navigateTo(t))}))}))},refresh:function(e,t,n){P.patternData=e,q.gatherPanels(e,t,n)},slide:function(e){P.toggle()},slideToAnnotation:function(e){for(var t=document.querySelectorAll(".pl-js-annotations li"),n=0;n<t.length;++n)t[n].classList.remove("pl-is-active");for(var a=document.querySelector(".pl-js-pattern-info"),i=0;i<t.length;++i)i+1===e&&(t[i].classList.add("pl-is-active"),(0,r.X5)(a,{top:t[i].offsetTop-14,behavior:"smooth"}).then((function(){})))},queryPattern:function(e){var t=JSON.stringify({event:"patternLab.patternQuery",switchText:e});P.iframeElement?P.iframeElement.contentWindow?P.iframeElement.contentWindow.postMessage(t,P.targetOrigin):(P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow?P.queryPattern(e):console.log("queryPattern cannot find the iframeElement...")):(P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow&&P.iframeElement.contentWindow.postMessage(t,P.targetOrigin))},receiveIframeMessage:function(e){var t=(0,l.Kz)(e);void 0!==t.event&&"patternLab.pageLoad"===t.event?(P.delayCheckingModalViewer&&P._handleInitialModalViewerState(),0===t.patternpartial.indexOf("viewall-")||0===t.patternpartial.indexOf("all")?C.h.dispatch((0,k.wB)(!0)):C.h.dispatch((0,k.wB)(!1)),!1===P.active&&void 0!==t.patternpartial&&0===t.patternpartial.indexOf("viewall-")&&void 0!==window.config.defaultShowPatternInfo&&window.config.defaultShowPatternInfo?P.queryPattern(!1):!0===P.active&&P.queryPattern()):void 0!==t.event&&"patternLab.patternQueryInfo"===t.event?P.panelRendered&&P.previouslyRenderedPattern===t.patternData.patternPartial||P.refresh(t.patternData,t.iframePassback,t.switchText):void 0!==t.event&&"patternLab.annotationNumberClicked"===t.event&&P.slideToAnnotation(t.displayNumber)},_handleInitialModalViewerState:function(){P.iframeElement||(P.iframeElement=document.querySelector(".pl-js-iframe")),P.iframeElement?(P.delayCheckingModalViewer=!1,P.active?P.open():P.close()):P.delayCheckingModalViewer=!0},_stateChanged:function(e){P.active!==e.app.drawerOpened&&(P.active=e.app.drawerOpened,P.iframeElement&&P._handleInitialModalViewerState())}};P.onReady()}}]);
\ No newline at end of file
diff --git a/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-c662e2955a6e312847d9.js b/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-c662e2955a6e312847d9.js
new file mode 100644
index 0000000000..01ee1c8b80
--- /dev/null
+++ b/review/refactor-icon-update/styleguide/js/pl-modal-viewer-chunk-c662e2955a6e312847d9.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_pattern_lab_uikit_workshop=self.webpackChunk_pattern_lab_uikit_workshop||[]).push([[3],{392:function(e,t,n){n.r(t),n.d(t,{modalViewer:function(){return P}});var a,i,o,r=n(393),l=n(26),s=n(78),c=n.n(s),p=n(305),d=n.n(p),u=n(18),m=n(289),f=n(171),g=n.n(f),h=(n(396),n(397),n(398),n(399),n(400),n(401),n(402),n(403),n(404),n(405),n(406),n(407),n(408),n(409),g()),v={panels:[],count:function(){return this.panels.length},get:function(){return JSON.parse(JSON.stringify(v.panels))},add:function(e){for(var t=0;t<this.panels.length;++t)if(e.id===this.panels[t].id)return;this.panels.push(e)},remove:function(e){for(var t=this.panels,n=t.length-1;n>=0;n--)if(t[n].id===e){var a=t[n];return t.splice(n,1),void(a.default&&t.length&&(t[0].default=!0))}}};l.Up.trigger("setupPanels"),a=void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.rawTemplate?window.config.outputFileSuffixes.rawTemplate:"",i=void 0!==window.config.outputFileSuffixes&&void 0!==window.config.outputFileSuffixes.markupOnly?window.config.outputFileSuffixes.markupOnly:".markup-only",o=Object.keys(h.languages),v.add({id:"pl-panel-pattern",name:window.config.patternExtension.toUpperCase(),default:!window.config.defaultPatternInfoPanelCode||window.config.defaultPatternInfoPanelCode===window.config.patternExtension,templateID:"pl-panel-template-code",httpRequest:!0,httpRequestReplace:a,httpRequestCompleted:!1,prismHighlight:!0,language:o[window.config.patternExtension],keyCombo:"ctrl+shift+u"}),v.add({id:"pl-panel-html",name:"HTML",default:window.config.defaultPatternInfoPanelCode&&"html"===window.config.defaultPatternInfoPanelCode,templateID:"pl-panel-template-code",httpRequest:!0,httpRequestReplace:i+".html",httpRequestCompleted:!1,prismHighlight:!0,language:"markup",keyCombo:"ctrl+shift+y"}),window.patternlab||(window.patternlab={}),window.patternlab.panels=v;var w={addClickEvents:function(e,t){for(var n=e.querySelectorAll(".pl-js-tab-link"),a=0;a<n.length;++a)n[a].onclick=function(e){e.preventDefault();var t=this.getAttribute("data-patternpartial"),n=this.getAttribute("data-panelid");w.show(t,n)};return e},show:function(e,t){for(var n="pl-is-active-tab",a=document.querySelector("#pl-".concat(e,"-").concat(t,"-panel")),i=a.closest(".pl-js-tabs"),o=i.querySelectorAll(".pl-js-tab-link"),r=i.querySelectorAll(".pl-js-tab-panel"),l=i.querySelector("#pl-".concat(e,"-").concat(t,"-tab")),s=0;s<o.length;++s)o[s].classList.remove(n);for(var c=0;c<r.length;++c)r[c].classList.remove(n);l.classList.add(n),a.classList.add(n)}},y=n(23);new(n.n(y)())(".pl-js-code-copy-btn").on("success",(function(e){for(var t=document.querySelectorAll(".pl-js-code-copy-btn"),n=0;n<t.length;n++)t[n].querySelector(".pl-c-code-copy-btn__icon-text").innerText="Copy";e.trigger.classList.add("is-copied"),e.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copied",setTimeout((function(){e.trigger.classList.remove("is-copied"),e.trigger.querySelector(".pl-c-code-copy-btn__icon-text").textContent="Copy",e.clearSelection(),e.trigger.blur()}),2e3)}));var E,S=n(282);var b=new(n.n(S)())({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0,"break-lines":100,indent:2,"remove-initial-line-feed":!0,"tabs-to-spaces":2,"spaces-to-tabs":2}),q={targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,initCopy:!1,initMoveTo:0,checkPanels:function(e,t,n,a){for(var i=0,o=0;o<e.length;++o)void 0!==e[o].content&&i++;i===v.count()&&q.renderPanels(e,t,n,a)},gatherPanels:function(e,t,n){var a,i,o;l.Up.addListener("checkPanels",q.checkPanels);for(var r=v.get(),s=0;s<r.length;++s){var p=r[s];if(void 0===p.name&&(p.name=e.patternEngineName||e.patternExtension,p.language=e.patternExtension),void 0===p.httpRequestReplace&&(p.httpRequestReplace=""),""===p.httpRequestReplace&&(p.httpRequestReplace=p.httpRequestReplace+"."+e.patternExtension),void 0!==p.templateID&&p.templateID)if(void 0!==p.httpRequest&&p.httpRequest){var f=l.I.getFileName(e.patternPartial,!1),g=new XMLHttpRequest;g.onload=function(e,a,i,r){return function(){var r=this.responseText;r.startsWith("<!DOCTYPE html>")&&(r=""),o="HTML"===a[e].name?d()(r,{ocd:!0}):r;var s=h.highlight(o,h.languages[a[e].name.toLowerCase()]||h.languages.markup),c=function(e,t){return(0,u.dy)(E||(n=['\n                  <pre\n                    class="language-markup"\n                  ><code id="pl-code-fill-','" class="language-','">',"</code></pre>\n                "],a||(a=n.slice(0)),E=Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(a)}}))),t,t,(0,m.A)(e));var n,a},p=document.createDocumentFragment(),f=document.createDocumentFragment();(0,u.sY)(c(s,"html"),p),(0,u.sY)(c(o,"html"),f),p.children?a[e].content=p.children[0].outerHTML:f.children?a[e].content=f.children[0].outerHTML:a[e].content='<pre class="language-markup"><code id="pl-code-fill-html" class="language-html">'+o.replace(/</g,"&lt;").replace(/>/g,"&gt;")+"</code></pre>",l.Up.trigger("checkPanels",[a,i,t,n])}}(s,r,e),g.open("GET",f+p.httpRequestReplace+"?"+(new Date).getTime(),!0),g.send()}else{a=document.getElementById(p.templateID),i=c().compile(a.innerHTML)(e);var w=b.normalize(i);w.replace(/[\r\n]+/g,"\n\n");var y=h.highlight(w,h.languages.html);r[s].content=y,l.Up.trigger("checkPanels",[r,e,t,n])}}},renderPanels:function(e,t,n,a){var i,o,r,s,p=t,d=p.patternPartial;p.panels=e,n||0!==p.patternDesc.length||(p.patternDesc=""),p.patternNameCaps=p.patternName.toUpperCase();var u=document.createElement("div");u.innerHTML=p.patternMarkup,r=1,p.annotations=[],delete p.patternMarkup;for(var m=0;m<window.comments.comments.length;++m)s=window.comments.comments[m],u.querySelectorAll(s.el).length>0&&(o={displayNumber:r,el:s.el,title:s.title,comment:s.comment},p.annotations.push(o),r++);if(p.annotations.length>0){var f=JSON.stringify({event:"patternLab.annotationsHighlightShow",annotations:p.annotations});document.querySelector(".pl-js-iframe").contentWindow.postMessage(f,q.targetOrigin)}if(p.lineage.length>0)for(var g=0;g<p.lineage.length;++g)g<p.lineage.length-1&&(p.lineage[g].hasComma=!0);if(p.lineageR.length>0)for(var h=0;h<p.lineageR.length;++h)h<p.lineageR.length-1&&(p.lineageR[h].hasComma=!0);p.patternDescExists=p.patternDesc.length>0||void 0!==p.patternDescAdditions&&p.patternDescAdditions.length>0,p.lineageExists=0!==p.lineage.length,p.lineageRExists=0!==p.lineageR.length,p.patternStateExists=p.patternState.length>0,p.annotationExists=p.annotations.length>0,p.descBlockExists=p.patternDescExists||p.lineageExists||p.lineageRExists||p.patternStateExists||p.annotationExists,p.isPatternView=!1===n;var v=document.querySelector(".pl-js-panel-template-base");i=c().compile(v.innerHTML)(p);var y=document.createElement("div");y.className="pl-c-pattern-info",y.innerHTML=i,i=y,i=w.addClickEvents(i,d);for(var E=0;E<e.length;++E){var S=e[E],b="#pl-"+d+"-"+S.id+"-tab",C="#pl-"+d+"-"+S.id+"-panel";null!==i.querySelector(b)&&S.default&&(i.querySelector(b).classList.add("pl-is-active-tab"),i.querySelector(C).classList.add("pl-is-active-tab"))}l.Up.trigger("insertPanels",[i,d,n,a])}},C=n(17),k=n(410),P={delayCheckingModalViewer:!1,iframeElement:document.querySelector(".pl-js-iframe"),iframeCustomElement:document.querySelector("pl-iframe"),active:!1,switchText:!0,template:"info",patternData:{},targetOrigin:"file:"===window.location.protocol?"*":window.location.protocol+"//"+window.location.host,onReady:function(){window.addEventListener("message",P.receiveIframeMessage,!1),l.Up.addListener("insertPanels",P.insert),P.__storeUnsubscribe=C.h.subscribe((function(){return P._stateChanged(C.h.getState())})),P._stateChanged(C.h.getState());var e=l.I.getRequestVars();void 0===e.view||"code"!==e.view&&"c"!==e.view&&"annotations"!==e.view&&"a"!==e.view||C.h.dispatch((0,k.aw)(!0))},toggle:function(){P.active?C.h.dispatch((0,k.aw)(!1)):C.h.dispatch((0,k.aw)(!0))},open:function(){if(P.queryPattern(),P.patternData&&P.patternData.annotations&&P.patternData.annotations.length>0){var e=JSON.stringify({event:"patternLab.annotationsHighlightShow",annotations:P.patternData.annotations});P.iframeElement.contentWindow?P.iframeElement.contentWindow.postMessage(e,P.targetOrigin):(P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow?P.open():console.log("modelViewer open cannot find the iframeElement..."))}},close:function(){var e=JSON.stringify({event:"patternLab.patternModalClose"});if(P.iframeElement)if(P.iframeElement.contentWindow){P.iframeElement.contentWindow.postMessage(e,P.targetOrigin);var t=JSON.stringify({event:"patternLab.annotationsHighlightHide"});P.iframeElement.contentWindow.postMessage(t,P.targetOrigin)}else P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow?P.close():console.log("modelViewer close cannot find the iframeElement...")},insert:function(e,t,n,a){if(n){var i=JSON.stringify({event:"patternLab.patternModalInsert",patternPartial:t,modalContent:e.outerHTML});P.iframeElement.contentWindow?P.iframeElement.contentWindow.postMessage(i,P.targetOrigin):(P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow?P.insert(e,t,n):console.log("modelViewer insert cannot find the iframeElement..."))}else{var o=document.querySelector(".pl-js-drawer-content");if(null!==o.firstChild)for(;null!==o.firstChild;)o.removeChild(o.firstChild);o.appendChild(e),P.addClickEvents(o)}},addClickEvents:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document;e.querySelectorAll(".pl-js-lineage-link").forEach((function(e){e.addEventListener("click",(function(e){var t=e.target.getAttribute("data-patternpartial");t&&P.iframeCustomElement&&(e.preventDefault(),P.iframeCustomElement.navigateTo(t))}))}))},refresh:function(e,t,n){P.patternData=e,q.gatherPanels(e,t,n)},slide:function(e){P.toggle()},slideToAnnotation:function(e){for(var t=document.querySelectorAll(".pl-js-annotations li"),n=0;n<t.length;++n)t[n].classList.remove("pl-is-active");for(var a=document.querySelector(".pl-js-pattern-info"),i=0;i<t.length;++i)i+1===e&&(t[i].classList.add("pl-is-active"),(0,r.X5)(a,{top:t[i].offsetTop-14,behavior:"smooth"}).then((function(){})))},queryPattern:function(e){var t=JSON.stringify({event:"patternLab.patternQuery",switchText:e});P.iframeElement?P.iframeElement.contentWindow?P.iframeElement.contentWindow.postMessage(t,P.targetOrigin):(P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow?P.queryPattern(e):console.log("queryPattern cannot find the iframeElement...")):(P.iframeElement=document.querySelector(".pl-js-iframe"),P.iframeElement.contentWindow&&P.iframeElement.contentWindow.postMessage(t,P.targetOrigin))},receiveIframeMessage:function(e){var t=(0,l.Kz)(e);void 0!==t.event&&"patternLab.pageLoad"===t.event?(P.delayCheckingModalViewer&&P._handleInitialModalViewerState(),0===t.patternpartial.indexOf("viewall-")||0===t.patternpartial.indexOf("all")?C.h.dispatch((0,k.wB)(!0)):C.h.dispatch((0,k.wB)(!1)),!1===P.active&&void 0!==t.patternpartial&&0===t.patternpartial.indexOf("viewall-")&&void 0!==window.config.defaultShowPatternInfo&&window.config.defaultShowPatternInfo?P.queryPattern(!1):!0===P.active&&P.queryPattern()):void 0!==t.event&&"patternLab.patternQueryInfo"===t.event?P.panelRendered&&P.previouslyRenderedPattern===t.patternData.patternPartial||P.refresh(t.patternData,t.iframePassback,t.switchText):void 0!==t.event&&"patternLab.annotationNumberClicked"===t.event&&P.slideToAnnotation(t.displayNumber)},_handleInitialModalViewerState:function(){P.iframeElement||(P.iframeElement=document.querySelector(".pl-js-iframe")),P.iframeElement?(P.delayCheckingModalViewer=!1,P.active?P.open():P.close()):P.delayCheckingModalViewer=!0},_stateChanged:function(e){P.active!==e.app.drawerOpened&&(P.active=e.app.drawerOpened,P.iframeElement&&P._handleInitialModalViewerState())}};P.onReady()}}]);
\ No newline at end of file